@charset "utf-8";
/* CSS Document */

html{
font-size:100%;	
}

body {
	background-color:#c8d5e7;
}

img{
border:none;	
}

table#layoutLoginControls{
	/*background-color:red;*/
background-color:#ffffff;
border-spacing: 0;
margin-top:1.5em;
font-family:Verdana, Geneva, sans-serif;
height:auto !important;
width:99%;
table-layout:fixed;
}

#layoutLoginControls{
	padding:0;
	max-width: 1440px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 790px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
	border:4px solid #000066;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow: 2px 2px 4px #4f4f4f;
	-moz-box-shadow: 2px 2px 4px #4f4f4f;
	-webkit-box-shadow:2px 2px 4px #4f4f4f;
	letter-spacing:normal;
	font-family:Verdana, Geneva, sans-serif;
	display:block;
}

#layoutLoginControls #loginForm #layoutLoginForm {
border-color:#ffffff;;	
background-color:#ffffff;
font-family:Verdana, Geneva, sans-serif;

}

#layoutLoginControls #loginTopRow #loginTopLeft {
	padding:0;
	margin:0;
	background-color:#ffffff;
	border:none;
	width:254px;
	border-bottom:2px solid #000066;
	text-align:left;
	vertical-align:top;
	height:112px;
}


#layoutLoginControls #loginTopRow #loginTopCenter {
	padding:0;
	margin:0;
	background-color:#ffffff;
	border:none;
	border-bottom:2px solid #000066;
	text-align:left;
	vertical-align:top;
	width:99%;
	height:112px;

}

#layoutLoginControls #loginTopRow #loginTopRight {
	padding:0;
	margin:0;
	background-color:#ffffff;
	border:none;
	border-bottom:2px solid #000066;
	height:112px;
	vertical-align:top;
}

#layoutLoginControls #loginCenterRow #loginCenterLeft {
		background-color:#ffffff;
		vertical-align:top;
		background-color:#ffffff;
		width:254px;
		border:none;
}

#layoutLoginControls #loginCenterRow #loginCenter {
	padding:0;
	margin:0;
	border-collapse:collapse;
	background-color:#ffffff;
	border:none;	
	vertical-align:top;	
	font-family:Verdana, Geneva, sans-serif;
}

#layoutLoginControls #loginCenterRow #loginCenterRight {
	padding:0;
	margin:0;
	background-color:#ffffff;
	border:none;
	vertical-align:top;
}

#layoutLoginControls #loginBottomRow #loginBottomLeft {
	padding:0;
	margin:0;
	background-color:#ffffff;
	border:none;
	width:254px;
	vertical-align:top;
}

#layoutLoginControls #loginBottomRow #loginBottomCenter {
	padding:0;
	margin:0;
	background-color:#ffffff;
	border:none;
	vertical-align:top;
}

#layoutLoginControls #loginBottomRow #loginBottomRight {
	padding:0;
	margin:0;
	border-collapse:collapse;
	background-color:#ffffff;
	border:none;
	vertical-align:top;
}

table#layoutLoginControls #layoutLoginForm td.formTitle, .formTitle {
	padding:6px 6px 8px 8px;
	border-bottom:8px solid #fffdfd;
	border-left:none;
	border-right:none;
	color:#fff;
	vertical-align:top;
	font-weight:bold;
	font-style:italic;
	text-transform:uppercase;
	text-align:left;
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	text-indent:0;
	background-color:#000066;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000066), to(#333399));
    background-image: -webkit-linear-gradient(top, #000066, #333399);
    background-image:    -moz-linear-gradient(top, #000066, #333399);
    background-image:     -ms-linear-gradient(top, #000066, #333399);
    background-image:      -o-linear-gradient(top, #000066, #333399);
    background-image:         linear-gradient(top, #000066, #333399);
    border-top: none;
	}


table#layoutLoginControls #layoutLoginForm tr td.formLabel, .formLabel {
	padding:2px 1px 1px 0;
	background-color:#ffffff;
	white-space:normal;
	font-weight:bold;
	text-indent:0;
	vertical-align:middle;
	font-family:Verdana, Geneva, sans-serif;
}

table#layoutLoginControls #layoutLoginForm tr td:first-child.formLabel {
	text-align:right;
	vertical-align:top;
	padding-top:4px;
	width:130px;
	font-size:15px;
	background-color:#fff;
}

table#layoutLoginControls #layoutLoginForm label{
	font-family:Verdana, Geneva, sans-serif;
	padding-left:8px;
	white-space:nowrap;
}

table#layoutLoginControls #layoutLoginForm select{
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	font-weight:bold;
}

table#layoutLoginControls #layoutLoginForm td.formButtons, .formButtons {
	padding:2px;
	font-size:1em;
	font-family:Verdana, Geneva, sans-serif;
	color:#000066;
	background-color:#ffffff;
	text-align:center;
}

#logo{
	 margin-left:14px;
	 margin-top:6px;
	 margin-bottom:6px;
}

#title{
	margin-left:8px;
	margin-top:38px;
	margin-bottom:4px;	
}

/* ~~ this container surrounds all other divs below the masthead ~~ */
#loginCenter #layoutTermsAndConditions {
	text-align:left;
}

/* IE 9 and 10 animation artifact hack; for example, on collapse of two expanded divs a drop shadow artifact may be left on the container div */
/*
#loginCenter:after {
	content: "";
}
*/
#sidebar {
	width: 254px;
	background: #fff;
	/*padding:20px 8px 20px 8px;*/
}

#sidebar #newsDialog {
	border:1px solid #000066;
	width:228px;
	margin-top:1em;
	margin-bottom:1em;
	margin-left:12px;
	background-color:#fffdfd;
	vertical-align:top;
	border-bottom:3px solid #000066;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	box-shadow:2px 2px 4px #4f4f4f;
	-moz-box-shadow: 2px 2px 4px #4f4f4f;
	-webkit-box-shadow:2px 2px 4px #4f4f4f;
	border-collapse:separate;
	font-family:Verdana, Geneva, sans-serif;
}

#sidebar .newsDialogHdrDiv {
	width:217px; 
	/*** width of newsDialog wrapper box minus this element's padding plus 1px to ensure no gap between header and border***/
	padding:6px;
	font-weight:bold;
	font-style:italic;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	font-size:0.85em;
	text-align:left;
	background-color:#000066;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000066), to(#333399));
    background-image: -webkit-linear-gradient(top, #000066, #333399);
    background-image:    -moz-linear-gradient(top, #000066, #333399);
    background-image:     -ms-linear-gradient(top, #000066, #333399);
    background-image:      -o-linear-gradient(top, #000066, #333399);
    background-image:         linear-gradient(top, #000066, #333399);
    border-top: none;
}

#sidebar #news {
	padding:4px 8px 8px 6px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:130%;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#sidebar #news p {
	font-size:0.85em;
	color:#000;
	margin-top:2px;
	margin-bottom:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#sidebar .description {
	font-size:0.85em;
	color:#000;
	margin-top:2px;
	margin-bottom:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#sidebar #logos {
	width:220px;
	text-align:center;
	margin:1.5em 0 8px 12px;
	vertical-align:bottom;
}
#sidebar #logos img {
	padding:0 4px 0 0;
}
#loginCenterLeft .imageLink { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border:none;
}
#content .switchcontent {
	margin-left:1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content {
	padding:0.5em 1em 1em 8px;
	line-height:130%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	text-align:left;
	background-color:#ffffff;
	width:95%;
	height:99%;
}

.defaultFont{
font-size:1em;
text-align:left;	
font-family: Verdana, Arial, Helvetica, sans-serif;
/*padding-left:8px;*/
}

.errorDiv{
font-size:1em;
text-align:left;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left:10px;
}

td#loginCenter{
text-align:left;	
}

#content p{
font-family:Verdana, Geneva, sans-serif;
text-align:left;	
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
#content ul, #content ol {
	padding: 0 15px 0 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
line-height:130%;
font-family:Verdana, Geneva, sans-serif;

}
#content ol li {
	padding:4px;
	font-family:Verdana, Geneva, sans-serif;

}

div#loginBox {
	margin:1em auto 4em 25%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#fffdfd;
	border:1px solid #000066;
	width:405px;
	vertical-align:top;
	border-top:4px solid #000066;
	border-bottom:4px solid #000066;
	border-left:1px solid #000066;
	border-right:1px solid #000066;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:2px 2px 4px #4f4f4f;
	-moz-box-shadow: 2px 2px 4px #4f4f4f;
	-webkit-box-shadow:2px 2px 4px #4f4f4f;
	border-collapse:separate;
	line-height:120%;
	text-align:left !important;
	display:block;
}
/** form classes **/

.formTable, table.formTable {
	padding:0 0 1em 0;
	width:100%;
	font-family:Verdana, Geneva, sans-serif;
	border:none !important;
	background-color:#ffffff;
	margin-bottom:8px;
	font-size:15px;
	text-align:center;
}

.formTable td{
		background-color:#ffffff;
}

.formTable td.formField, table.formTable td.formField{
white-space:normal !important;	
}

.formTable .formLabel input {
	margin:2px;
	text-align:left;
	float:left;
	width:90%;
	font-size:1em;
	border:1px solid #999;
	text-indent:0;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#ffffff;

}

.formTable .formLabel select {
	margin:3px 3px 3px 2px;
	padding:2px;
	float:left;
	font-size:1em;
	border:1px solid #999;
	text-indent:0;
	font-family:Verdana, Geneva, sans-serif;
}

.buttonStyle {
	text-align:center;
	margin:1em auto;
	font-size:0.85em;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	padding:4px;
	width:100px;
	background-color:#b5b1b1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b5b1b1), to(#f0ebeb));
    background-image: -webkit-linear-gradient(top, #b5b1b1, #f0ebeb);
    background-image:    -moz-linear-gradient(top, #b5b1b1, #f0ebeb);
    background-image:     -ms-linear-gradient(top, #b5b1b1, #f0ebeb);
    background-image:      -o-linear-gradient(top, #b5b1b1, #f0ebeb);
    background-image:         linear-gradient(top, #b5b1b1, #f0ebeb);
	color:#000066;
}
/* end form classes */

.modified {
	font-size: 75%;
	text-align:right;
	color:#999999;
	margin-top:0;
	padding-top:0;
	margin-right:1em;
	font-family:Verdana, Geneva, sans-serif;
}

#footer {
	display:none;
	margin-top:0;
	padding:8px 0;
	background: #000066;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	text-align:right;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	border:1px solid #000000;
	border-radius:6px;
	-moz-border-radius:4px;
	box-shadow: 2px 2px 4px #4f4f4f;
	-moz-box-shadow: 2px 2px 4px #4f4f4f;
	-webkit-box-shadow:2px 2px 4px #4f4f4f;
	border-collapse:collapse;
	max-width: 1440px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 790px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
}
#footer p {
	margin:0 8px 0 0;
	font-family:Verdana, Geneva, sans-serif;

}

/* LINKS */
a:link, #footer a:link {
	font-weight: bold;
	color: #000066;
	text-decoration: none;
	border-bottom:1px dashed #000066;
	font-family:Verdana, Geneva, sans-serif;
}
a:visited, #footer a:visited {
	font-weight: bold;
	color: #000066;
	text-decoration: none;
	border-bottom:1px dashed #000066;
	font-family:Verdana, Geneva, sans-serif;

}
a:hover, #footer a:hover {
	color: #000066;
	text-decoration: none;
	border-bottom:1px solid #000066;
	font-family:Verdana, Geneva, sans-serif;
}
/* END LINKS */
	
/* HEADINGS */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.5em;
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #000066;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	padding: 0;
	color: #000066;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding:0;
	color: #000066;
}
h4 {
	font-size: 1.1em;
	line-height: 1.1em;
	padding: 0;
	margin:4px auto;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h5 {
	font-size: 1em;
	line-height: 1em;
	margin: 4px auto;
	padding: 0;
	color: #000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-weight:bold;
}
/* END HEADINGS */

.important {
	color:#cc0000;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}
/* class applied to td for reset password link */
td.smallNotice {
	padding:8px;
	vertical-align:bottom;
	height:20px;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#ffffff;
}
.smallNotice {
	font-size:0.85em;
	text-align:center;
}
#smallNotice {
	max-width: 1440px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 790px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	margin: 4px auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
	text-align:right;
	font-size: 75%;
	padding:4px 16px 0 0;
	margin-top:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#smallNotice p {
	margin-top:0;
	padding-top:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#header {
	/*margin-top:1.5em;*/
	background: #fff;
	max-width: 1440px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 790px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
	border:1px solid #000000;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow: 2px 2px 4px #4f4f4f;
	-moz-box-shadow: 2px 2px 4px #4f4f4f;
	-webkit-box-shadow:2px 2px 4px #4f4f4f;
	border-top:3px solid #000066;
}

/*** Resets of Maven login errors and redirection styles ***/

.panelDetailsLabel{
background-color:transparent;	
font-size:0.85em;
}

.panelDetailsData{
background-color:transparent;
font-size:0.85em;
}

button, input, select, textarea{
		font-family:Verdana, Geneva, sans-serif;
}

.sbTitle{
border:none;
text-decoration:underline;
font-size:1em;
padding-left:8px;
padding-top:1em;
font-family:Verdana, Geneva, sans-serif;
}