/*======================================
      COBRAGuard Login Stylesheet
======================================*/

/**************************************/
/*              GLOBALS               */
/**************************************/
html { background: #ccc; min-height: 100%; height: 100%; }
body { color: #333; padding: 0; background: #ccc; text-align: left; }

h1 { margin: 0 0 14px 0; padding: 0 0 20px 0; border-bottom: 1px solid #ddd; }

#login-container { 
	width: 412px; background: #fff; margin: 0 auto; padding: 25px; font-size: 12px; line-height: 22px; font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; 
	-moz-border-radius: 8px; -webkit-border-radius: 8px;
}
#login-page { }
#login-form { margin: 0; padding: 0; }
	dl { margin: 0; }
		dl dt { margin: 0; padding: 0; }
			dl dt label { font-weight: bold; }
		dl dd { margin: 0 0 12px 0; padding: 0; }
	input { font-size: 12px; padding: 2px; }
	#submit-row { margin: 20px 0 0 0; }
		button { font-size: 12px; }
		.ff3 button, .safari button {
			background: #18305c url('/images/button_overlay.png') repeat-x; 
			display: inline-block; 
			margin: 4px 0;
			font-size: 13px;
			padding: 5px 10px 6px; 
			color: #fff !important; 
			text-decoration: none;
			-moz-border-radius: 5px; 
			-webkit-border-radius: 5px;
			-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
			text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
			line-height: 1; font-weight: bold;
			border: none !important; outline: none !important;
			border-bottom: 1px solid rgba(0,0,0,0.25);
			position: relative;
			cursor: pointer;
			border-style: none !important;
		}
		.ff3 button:hover, .safari button:hover {
			background-color: #294e7b;
			color: #fff;
		}

		.ff3 button:active, .safari button:active {
			top: 1px;
		}
	#login-links { border-top: 1px solid #ddd; margin: 20px 0 0 0; padding: 16px 0 0 0; }
		#login-links li { margin: 0 0 0 20px; }
.login-error { font-weight: bold; color: #d12f19; }