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


body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #ebebeb;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


ul { 
	margin:0; 
	padding:0; 
}

ul li {
	background:url(/images/arrow_bullet.gif) 0px 5px no-repeat;
	list-style-type:none;
	margin-top:0px;
	margin-left:15px;
	padding:0px 10px 6px 10px;
}

p { 
	top-margin:5px; 
	bottom-margin:5px; 
}


img { border: 0; }

a img {
	border:none;
}

a:link, a:visited {
	color:#3384a2;
	text-decoration:none;
}
a:visited {
	color:#6666cc;
}
a:hover, a:active {
	text-decoration:underline;
}

/* Start Sub Nav Parts */
.sub_nav {
	height:45px;
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	padding-right:4px;
}

.sub_nav_border_on {
	width:100%;
	height:100%;
	background-image:url(../images/sub_nav_left.gif);
	background-repeat:repeat-x;
	padding:0px 1px 0px 1px;
}
.sub_nav_middle_on {
	height:100%;
	background-image:url(../images/sub_nav_middle.gif);	
	background-repeat:repeat-x;
}


.sub_nav_border_off {
	width:100%;
	padding:0px 1px 0px 1px;	
}
.sub_nav_middle_off {
}

.sub_nav_icon {
	width:25px;
}

.sub_nav_text {

}
/* End Sub Nav Parts */

/* Basic formatting for the text, select, textarea and checkbox type fields */
input, select, button { vertical-align: baseline; border: 1px solid #999; }
input, select, textarea { font-size: 11px; border: 1px solid #999; }
input[type=checkbox] { vertical-align: middle; }

/* This is the forms section all CSS that affect forms go in this area.*/
.FormName { font-size: 10px; line-height: 14px; font-weight: bold; }
.LoginName { font-size: 14px; line-height: 14px; }
.FormField { margin-bottom: 10px; }
.FormDisplay { margin: 0 0 5px 5px; font-size: 12px; }
.NoFormDisplay { margin: 0 0 5px 3px; font-size: 10px; color: gray; font-style: italic; }
.Required { font-size: 10px; line-height: 16px; color: #666; font-weight: normal; }
.FormButtons { margin: 15px 3px 3px; }
.InfoBox { border: 1px solid #999999; width: 100%; padding: 5px; } /* This is the main box that all of the forms go into AG */

/* These are for displaying the error and information messages on the screen. */
div.ErrorMessage { background: #FFBFC5; color: #601319; border-left: 3px solid #601319; padding: 2px 4px; margin: 2px 0; }
div.ErrorMessage A { color: black; }
div.infoMessage { background-color: #B3EFB5; color: #144F16; border-left: 3px solid #144F16; padding: 2px 4px; margin:0 0 4px; }
div.infoMessage A { color: black; }

.warning { text-align: center; border: 1px solid #666; width: 400px; margin: auto; background: #fff; margin-top: 200px; display: block; }
.warning .red { background: #6F0000; color: #fff; padding: 10px; font-size: 16px; }
.warning .body { padding: 15px 10px; }

.notice { text-align: center; border: 1px solid #666; width: 400px; margin: auto; background: #fff; margin-top: 200px; display: none; }
.notice .green { background: #A4EFAC; color: #000; padding: 10px; font-size: 16px; }
.notice .body { padding: 15px 10px; }

.normal { display: block; }
.overlaypage { display: none; text-align: center; }
.overlaypage .gray { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: .5; filter: alpha(opacity=50); background: #333; z-index: 10; }
.overlaypage .message { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 20; }

.right { text-align: right; }

.title { 
	background: url(../images/page-heading-back.gif) repeat-x; 
	border: 1px solid #666; 
	border-bottom: 0; 
	width: 100%;
}
.title td {
	font-size: 14px;
	color: white; 
	font-weight: bold; 
	padding: 0 5px; 
	height: 25px; 
}
.title .middle { vertical-align: middle; }

.instructions { padding: 3px; background: #FFFFE0; border: 1px solid #aaa; border-bottom: 0; }

.tabbed { width: 100%; }
.tabbed td { vertical-align: top; }
.tabbed .tabs { height: 20px; font-size: 14px; padding: 3px 0 0 5px; }
.tabbed .toptab { margin-top: 40px; }

.tabbed .blue { border: 1px solid #07117F; border-left: 0; background: #DFE2FF; margin-top: 10px; }
.tabbed .red { border: 1px solid #6F0004; border-left: 0; background: #FFDFE0; margin-top: 10px; }
.tabbed .green { border: 1px solid #004F03; border-left: 0; background: #DFFFE0; margin-top: 10px; }
.tabbed .yellow { border: 1px solid #7E7F00; border-left: 0; background: #FFFFCF; margin-top: 10px; }
.tabbed .orange { border: 1px solid #9F5600; border-left: 0; background: #FFE2BF; margin-top: 10px; }
.tabbed .purple { border: 1px solid #7B008F; border-left: 0; background: #EBD1EF; margin-top: 10px; }

.twocols { width: 100%; }
.twocols td { vertical-align: top; }
.twocols .gutter { padding: 0 5px; }

/* Splash Screen for Console Users */
DIV.SplashScreen { width: 850px; background-color: white; color: black; margin: 0 auto; padding: 10px; }
TABLE.Splash TD { vertical-align: top; }
TABLE.Splash TD.Left { width: 33%; }
.welcome { font-size: 14px; font-weight: bold; text-align: left; }

TABLE.Splash TD.Middle { width: 45%; padding: 0 15px; }
TABLE.Splash TD.Middle DIV.Header { font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 10px; }
TABLE.Splash TD.Middle DIV.Block { margin-bottom: 2em; }
TD.Middle DIV.Block IMG { float: left; height: 40px; width: 40px; margin-right: 1em; margin-bottom: 0.5em; }
TD.Middle DIV.Block DIV.BlockHead { font-size: 14px; font-weight: bold; padding-bottom: 0.2em; }

TABLE.Splash TD.Right { width: 22%; text-align: right; }

/* Trial Section */
.blueTitle { background: #BFE2FF; padding: 5px; text-align: center; font-size: 12px; font-weight: bold; border: 1px solid #999; }
.innerChoice { padding: 10px; border: 1px solid #999; border-top: 0; height: 80px; }

table.Columns .FormInput input, table.columns .FormInput select {
	width: 300px;
	overflow: hidden;
	margin-right: 8px;
	font-size: 1em;
}
.Columns td.Gutter  {
	width:2px;
	border: none;
}
.Columns td{
	vertical-align:top;
	border: none;
}
.Required {
	color:#e00000;
	font-weight:normal;
}
td.FormLabel {
	font-weight:bold;
	padding-bottom:.3em;
	padding-right:1em;
	padding-top:.3em;
	text-align:right;
	vertical-align:top;
}

div.FormLabel {
	font-weight:bold;
	padding-bottom:.2em;
}
div.FormLabelAlert {
	color:#e00000;
	font-weight:bold;
	padding-bottom:.2em;
}


.FormInput {
	margin-bottom:1em;
}


/* Titles and Headers */
.header1 { font-size: 20px; font-weight: bold; }
.header2 { font-size: 18px; font-weight: bold; }
.header3 { font-size: 14px; font-weight: bold; }
.header4 { font-size: 12px; font-weight: bold; }

/* Rounded Box Smooth */
.box_fff_eee {background: transparent; padding:1px;}
	.box_fff_eee h1, .box_fff_eee p {margin:0 1px;padding:0 0 3px 0;}
	.box_fff_eee h1 {font-size:2em; color:#000;}
	.box_fff_eee h2, .box_fff_eee p {margin:0 1px;padding:0 0 3px 0;}
	.box_fff_eee h2 {font-size:1.25em; color:#000;}
	.box_fff_eee h3, .box_fff_eee p {margin:0 1px;padding:0 0 3px 0;}
	.box_fff_eee h3 {font-size:1em; color:#000;}
.box_fff_eee .b1, .box_fff_eee .b2, .box_fff_eee .b3, .box_fff_eee .b4, .box_fff_eee .b1b, .box_fff_eee .b2b, .box_fff_eee .b3b, .box_fff_eee .b4b {display:block; overflow:hidden; font-size:1px;}
.box_fff_eee .b1, .box_fff_eee .b2, .box_fff_eee .b3, .box_fff_eee .b1b, .box_fff_eee .b2b, .box_fff_eee .b3b {height:1px;}
.box_fff_eee .b2 {background:#fff; border-left:1px solid #aaa; border-right:1px solid #aaa;}
.box_fff_eee .b3 {background:#fff; border-left:1px solid #aaa; border-right:1px solid #aaa;}
.box_fff_eee .b4 {background:#fff; border-left:1px solid #aaa; border-right:1px solid #aaa;}
.box_fff_eee .b4b {background:#fff; border-left:1px solid #aaa; border-right:1px solid #aaa;}
.box_fff_eee .b3b {background:#fff; border-left:1px solid #aaa; border-right:1px solid #aaa;}
.box_fff_eee .b2b {background:#fff; border-left:1px solid #aaa; border-right:1px solid #aaa;}
.box_fff_eee .b1 {margin:0 5px; background:#aaa;}
.box_fff_eee .b2, .box_fff_eee .b2b {margin:0 3px; border-width:0 2px;}
.box_fff_eee .b3, .box_fff_eee .b3b {margin:0 2px;}
.box_fff_eee .b4, .box_fff_eee .b4b {height:2px; margin:0 1px;}
.box_fff_eee .b1b {margin:0 5px; background:#aaa;}
.box_fff_eee .boxcontent {display:block;  background:#ffffff; border-left:1px solid #aaa; border-right:1px solid #aaa;padding:5px 5px 5px 5px;}


.rounded_box { text-align: center; padding: 0 3px; background: url(../images/center_rounded.png) repeat-x; color: white; font-weight: bold; font-size: 12px; }