/* general page layout */
body {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	background:#154295 url(/images/bluefade.png) repeat-x fixed top left;
}

* {
	margin:0pt;
	padding:0pt;
}

#wrapper {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	border:#00248F solid 1px;
	position:relative;
}

#header {
	background-color:#BFCFFF;
	margin:1px;
	height:148px;
}

#navigation {
	background:#1E4A7E none repeat scroll 0%;
	color:#FFFFFF;
	height:2.2em;
	line-height:2.2em;
	margin-bottom:1pt;
}

#navigation_sub {
	background:#6699FF none repeat scroll 0%;
	color:#FFFFFF;
	height:2.2em;
	line-height:2.2em;
	margin-bottom:1pt;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
}


#footer {
	background-color:#333333;
	color:#999999;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

#navigation,
#navigation_sub,
#content,
#footer {
	margin:0pt 1px;
}

#navigation,
#navigation_sub {
	border-bottom:#FFFFFF 1px solid;
}


/* general formatting */
.clear {
	clear:both;
	margin-top:-1px;
	height:1px;
	overflow:hidden;
}
.examplebox {
	margin: 1em;
	padding: 1em;
	border: 2px solid #CCCCCC;	
}
img {
	border:none;
}
.center {
	text-align:center;
}
.infoTable {
	width: 100%;
	border: 1px solid #999999;
	background-color: #FFFFDD;
}


/* Yellow Box */
/* thx to: http://www.modxcms.com/simple-rounded-corner-css-boxes.html */
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
	background: transparent url(/images/yellowbox.png) no-repeat right bottom;
} 
.cssbox { 
	width: 708px !important; /* intended total box width - padding-right(next) */ 
	width: 693px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 20px auto; /* use to position the box */ 
} 
/* set the top-right image */ 
.cssbox_head { 
	background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 
/* set the top-left image */ 
.cssbox_head h2 { 
	background-position: top left; margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 25px 0 0 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; 
	height: 1%; /* IE Holly Hack */ 
} 
/* set the lower-left corner image */ 
.cssbox_body { 
	background-position: bottom left; margin-right: 25px; /* interior-padding right */ 
	padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 
} 

/* navigation list positioning */
#navigation .selected, 
#navigation a:hover {
	background:#6699FF none repeat scroll 0%;
	color:#FFFFFF;
	text-decoration:none;
}
#navigation_sub.selected {
	background:#6699FF none repeat scroll 0%;
	color:#FFFFFF;
	text-decoration:none;
}
#navigation a:hover,
#navigation_sub a:hover {
	background:#FFFFCC none repeat scroll 0%;
	color:#000000;	
}
#navigation li,
#navigation_sub li {
	border-left:1px solid #FFFFFF;
	float:right;
	list-style-type:none;
	white-space:nowrap;
}
#navigation li a,
#navigation_sub li a {
	background-color:inherit;
	color:#FFFFFF;
	display:block;
	font-size:0.8em;
	font-weight:normal;
	padding:0pt 10px;
	text-decoration:none;
}

/* header box text formatting */
#header_logo {
	left:-25px;
	position:absolute;
	top:4px;
	z-index:200;

}

#header_text {
	left:203px;
	position:absolute;
	top:20px;
	width:565px;
	color:#1E4A7E;
}

#header h2,
#header h3 {
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color:#1E4A7E;
}

#plus_logo {
	background:#FFFFFF none repeat scroll 0 0;
	border:2px solid #1E4A7E;
	height:101px;
	left:801px;
	margin:2px;
	position:absolute;
	text-align:center;
	top:18px;
	width:88px;
}

#plus_logo_outline {
	background:#FFFFFF none repeat scroll 0 0;
	height:109px;
	left:801px;
	position:absolute;
	top:18px;
	width:96px;
}

#header_arrow {
	left:105px;
	position:absolute;
	top:49px;
	z-index:100;
}

.e {
	color:#0E6FBE;
	font-size:120%;
	line-height:100%;
}

/* content box text formatting*/
#content {
	color:#000000;
	padding:2.2em;
	line-height:2.0em;
	position:relative;
	font-size:1em;
}
#content li {
	margin: 0pt 2.0em 0pt 3.0em;
}
#content blockquote {
	padding: 0pt 0pt 0pt 2.0em;
}
#content p,
#content ul,
#content ol,
#content h1,
#content h2,
#content h3,
#content hr {
	margin-bottom:1.0em;
}

#content h1,
#content h2,
#content h3,
#content h4 {
	color:#1E4A7E;
	background-color:inherit;
}

/* #content p + p {
	text-indent: 1.0em;
}
*/

#content p.notice {
	background-color:#FFFFCC;
	border:1px solid #EEEEEE;
	display:block;
	margin:2em;
	padding:5px;
	text-align:center;
}
#content p.pullquoteright {
	float:right;
	margin: 1em;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #FF0000;
	padding: 1em;
	width: 50%;
	text-align:right;
}

/* footer box text formatting */
#footer {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	padding:1.0em;
}
#footer p {
	margin-bottom:1.0em;
}

#footer a {
	color:#FFF;
}

/* table layouts */
.data {
	/* font-family: 	"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; 
	font-size: 100%;*/
	border-collapse: collapse;
	display:table;
	width:100%;
	border: 2px solid #000;
}
table.data {
	margin-bottom:1em;
}
.data caption {
	overflow:hidden;
	height: 0; 
	width: 0; 
	position: absolute;
}
.data td {
	border-right: 1px dotted #000;
	padding: .3em;
	vertical-align: middle;
	font-size: .8em;
	line-height: 1.4em;
	border-bottom: 1px dotted #000;
}
.data th {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color:#2C7EC7;
	vertical-align: middle;
	margin-left: 0px;
	text-align: center;
	padding: .3em;
	/* font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; */
	font-weight: bold;
	color: #FFF;
	font-size: .8em;
	line-height: 1.4em;
}
.data thead th {
	background:#2C7EC7 url(/images/th_fade.png) top left repeat-x;
}
.data th a { 
	color: #FFF; 
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.data th.form {
	text-align:right; color: #FFF;
}
.data td+th { 
	border-left:1px solid; 
}
.data thead th.currentsort,
.data thead th.currentsortrev{
	background: #3697DC url(/images/th_fade_2.png) top left repeat-x;
	color:#FFF;
}
.data thead th.sorthover{
	background: #ffc url(/images/th_fade_highlight.png) top left repeat-x;
}
.data thead th.sorthover a {
	color: #000;
}
.data thead th a {
	text-decoration:none;
}
.data select { font-size: 80%; }
.data tr.odd { background-color:#FFF;}
.data tr.even { background-color:#EEE8EE;}
.data tr.even th,
.data tr.odd th {
	background-color:#D7D0D7;
	border-right:1px dotted #000000;
	border-bottom:1px dotted #000000;
	color:#000;
}
/* set table header colors below */
.data table{ border-color:#000;}

col.X1		{width:2em;}
col.X2		{width:4em;}
col.X3		{width:6em;}
col.X4		{width:8em;}
col.X5		{width:10em;}
col.X6		{width:12em;}
col.X7		{width:14em;}
col.X8		{width:16em;}
col.X9		{width:18em;}
col.X10		{width:20em;}
col.X11		{width:22em;}
col.X12		{width:24em;}
col.X13		{width:26em;}
col.X15		{width:29em;}
col.X18		{width:36em;}


/* login table */
.simple_table {
	
}

.simple_table th {
	text-align:right;
	padding: 0 1em 0 1em;
}

.simple_table .input_text {
	background:#FFF url(/images/textbox_bg.png) top left repeat-x;
}

.simple_table #login_submit {
	width: 8em;
}

/* Auto Complete */
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px !important;
  padding:0px !important;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px !important;
  padding:0px !important;
}
div.autocomplete ul li.selected { 
	background-color: #ffb !important;
	background-image: none !important;
}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0 !important;
  padding:.5em !important;
  height:32px;
  cursor:pointer;
  line-height:1em;
}
div.autocomplete ul li.row1 {
	background:#FFF url(/images/textbox_bg.png) top left repeat-x;
}
div.autocomplete ul li.row2 {
	background:#FFF url(/images/textbox_bg-focus.png) top left repeat-x;
}


div.formerror_container {
	margin-bottom:0pt;
	position:relative;
	top:-.8em;
}
div.formerror_container div.formerror_line1 {
	position:relative;
	margin-left:3em;
	height:20px;
	width:20px;
	background:url(/images/formerror_triangle.png) top left no-repeat;
	z-index:101;
}
div.formerror_container div.formerror_line2 {
	position:relative;
	top:-3px;
	left:0pt;
	width:16em;
	background-color: #ffc;
	padding: .3em;
	border: 3px solid #000000;
	-moz-border-radius: .3em;
	z-index: 100;
}

/* ERROR Notifications */
.error {
	background-color:#FEDADB;
	color:#000000;
	padding: 1em !important;
	border: medium solid #000000;
}


/* automatedAprovalMenu */
#automatedApprovalMenu {
	text-align:center;
	margin-bottom:1em;
}
.step { 
	font-size: 1.0em;
	color: #666;	
}
.stepCurrent { 
	font-size: 1.0em;
	color: #666;	
	font-weight: bold;
	border-bottom: 2px solid;

}


/* specific CSS */
form#login {
	margin-bottom:2em;
}
#mainmenu p {
	margin-bottom:1em;
	font-size:.8em;
}
#superadminh3 {
	margin-bottom:1em;
}
#compliance div {
	margin-bottom:1em;
}


/* homepage CSS.  Move to own page eventually */
#cb1 {
	position:absolute;	
	width:520px; 
	top:145px; 
	left:400px;
}
#cb2 {
	position:absolute;
	top:1470px;
	width:800px;
}
#cbimg1 {
	height:235px;
	position:absolute;
	top:198px;
	width:308px;
	z-index:200;
}
#cbimg2 {
	height:235px;
	position:absolute;
	top:1045px;
	width:307px;
	z-index:200;
}
#cbimg3 {
	height:257px;
	position:absolute;
	top:1080px;
	width:485px;
}
#cbimg4 {
	height:426px;
	left:30px;
	position:absolute;
	top:539px;
	width:562px;
	z-index:100;
}
#cb_wrap1 {
	height:480px;
	width:225px;
	float: left;
}
#green1 {
	background-color:#009900;
	position:absolute;
	top:1320px;
	width:851px;
}
.green_pullquote {
	padding:0pt;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.5em;
}



/* 10px round corners */
.roundedcornr_box_790629 {
   background: #009900;
}
.roundedcornr_top_790629 div {
   background: url(/images/roundedcornr_790629_tl.png) no-repeat top left;
}
.roundedcornr_top_790629 {
   background: url(/images/roundedcornr_790629_tr.png) no-repeat top right;
}
.roundedcornr_bottom_790629 div {
   background: url(/images/roundedcornr_790629_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_790629 {
   background: url(/images/roundedcornr_790629_br.png) no-repeat bottom right;
}

.roundedcornr_top_790629 div, .roundedcornr_top_790629, 
.roundedcornr_bottom_790629 div, .roundedcornr_bottom_790629 {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornr_content_790629 { margin: 0 10px; }



/* 20px round corners */
.roundedcornr_box_282545 {
   background: #009900;
}
.roundedcornr_top_282545 div {
   background: url(/images/roundedcornr_282545_tl.png) no-repeat top left;
}
.roundedcornr_top_282545 {
   background: url(/images/roundedcornr_282545_tr.png) no-repeat top right;
}
.roundedcornr_bottom_282545 div {
   background: url(/images/roundedcornr_282545_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_282545 {
   background: url(/images/roundedcornr_282545_br.png) no-repeat bottom right;
}

.roundedcornr_top_282545 div, .roundedcornr_top_282545, 
.roundedcornr_bottom_282545 div, .roundedcornr_bottom_282545 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content_282545 { margin: 0 30px; }
ul.featurelist li {
	list-style:square;
	list-style-image:url(/images/blueboxbullet.gif);
}
ul.featurelist li strong {
	color:#1E4A7E;
}

/* fieldsets */
fieldset {
	padding:.5em;
	margin-bottom:1em;
}
fieldset legend {
	border: #848484 solid thin;
	padding:.1em .5em;
}
fieldset div.r {
	margin-bottom:.3em;
}