/* This CSS sets the template styles and layout for ALL elements */

/* --------------------------------------------------------- =BROWSER =NORMALIZATION */

img {
	border:none;
}


blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* --------------------------------------------------------- =BASE =STYLES */



a:link, a:visited {	
	color:#1557a1;
	text-decoration: underline;
	}
	
a:hover, a:active {
	color:#1557a1;
	text-decoration: none;
	}


/* --------------------------------------------------------- =LOGIN =AREA */

.loginAreaWrapMain {
	width:190px;
	height:283px;
	position:relative;
	background: url(../images/bg_login.jpg) 0 0 repeat-x;
	margin:0;
	border:1px solid #0b52a4;
	border-top:none;
	font:normal 9pt Tahoma, Geneva, sans-serif;
	}
#back .loginAreaWrapMain {
	height:180px;
	}

.loginOB {
	margin:0;
	height: 200px;
	}
#back .loginOB {
	height:105px;
}

.loginArea {
	position:relative;
	}

.loginOB h1 {
	background:none;
	margin:0 0 0 12px;
	padding:6px 0 0 0;	
	}

.loginAlert {
	position: absolute;
	top: 8px;
	left: 149px;
	padding: 0 3px 2px 10px;
	z-index:50;
	display:none;
	}

.alertContent {
	display: none;
	position: absolute;
	left: 120px;
	top: 19px;
	background: #0b52a4;
	color:#fff;
	padding: 20px;
	border: 2px solid #fff;
	}
	
.alertContent a:link, .alertContent a:visited, .alertContent a:hover, .alertContent a:active {color:#fff;}
	
.loginArea a:link, .loginArea a:visited {	
	text-decoration: none;
	}
	
.loginArea a:hover, .loginArea a:active {
	text-decoration: underline;
	}
	
.loginArea form {
	margin: 0;
	padding: 0;
	}
.loginArea label {font:normal 9pt Tahoma, Geneva, sans-serif; }
.loginArea input, .loginArea img { vertical-align: middle; }
.loginCol {
	margin:0 12px 1px 13px;
	padding:0;
	text-align:left;
	font-size:1em;
	}
.userid, .password {
	width:159px;
	height:18px;
	margin: 0;
	background: url(../images/bg_loginfields.gif) top left repeat-x;
	border:1px solid #0b52a4;
	padding:2px 0 2px 5px;
	}
	
*:first-child+html .userid {
	height: 16px;
	margin: 0;
	}

*:first-child+html .password {
	height: 16px;
	}

.loginBtn {

	}

.loginForgot {
	text-align:right;
	margin: 1px 0 0 0;
	font-size:8pt;
	}
.loginForgot a:link, .loginForgot a:visited {color:#3dade6;}
.loginForgot a:active, .loginForgot a:hover {color:#3dade6;}
.loginLinks {
	color:#0050a2;
	
	
	}
.loginLinks ul {
	margin: 0 12px 0 12px;
	padding: 3px 0 7px 10px;
	background:url(../images/bg_loginlinks.gif) top left no-repeat;
	width:137px;
	height:22px;
	}
.loginLinks li {
	margin: 0;
	padding: 0;
	display: inline;
	}
.loginLinks li a:link, .loginLinks li a:visited {
	background:none;
	color:#0050a2;
	padding: 0 4px 0 4px;
	}
.loginLinks li a:active, .loginLinks li a:hover {
	color:#0050a2;
	padding: 0 4px 0 4px;
	}
.loginLinks .firstLi a:link,.loginLinks .firstLi a:visited  {
	padding-left: 0;
	}
	
.loginAreaWrapBB {
	position:relative;
	}
.loginBB loginCol {
	text-align:left;
	}
.loginBB {
	border-top:1px solid #cee6f7;
	padding:7px 0;
	margin:0;
	}
.loginBB .loginBtn {
	margin-top:-3px;
	}
.loginBB a:visited, .loginBB a:link, .loginBB a:visited, .loginBB a:link, {
	text-decoration:none;
	}
	
.loginBB a:active, .loginBB a:hover {
	text-decoration:underline;
	}
	
.loginBB a, .loginBB img {
	vertical-align: middle;
	}

.loginBB img {
	margin: 0 0;
	}

*html .fix {
	width: 197px;
}

*:first-child+html .fix {
	width:197px;
}
/* --------------------------------------------------------- =FORMS */

label {
	display: block;
	margin: 2px 0 0 0;
	padding:0 0 1px 0;
	line-height:1em;
	}
input {
	border:none;
	}
input:focus {

	} /* remember to define focus styles! */

.appfield1, .appfield2 {
	height:22px;
	margin: 0;
	background: url(../images/bg_loginfields.gif) top left repeat-x;
	border:1px solid #0b52a4;
	padding:2px 0 2px 5px;
	}	

*:first-child+html .appfield1, *:first-child+html .appfield2 {
	height: 20px;
}

.submitBtn {
	margin-top: 7px;
	}



/* suggested order for properties [ based on mozilla.org ] */
/* 
display
list-style
position
float
clear
width
height
min-width
min-height
margin
padding
border
background [ color, image, repeat, attachment, position, inherit ]
color
font
text-decoration
text-align
vertical-align
white-space
other text
 */