
body {
	background-image: 	url(../images/bknd.gif);
	background-repeat: 	repeat-x;
	background-color: 	#d9d7c9;
	margin: 		27px 18px 18px 0px;
	text-align:		center;
}

body, p, li, input, select, textarea	{
	font-family: 		Verdana, Arial, sans-serif;
	font-size: 		12px;
	color: 			#000000;
}

h1{
	font-size: 		20pt;
	font-weight: 		bold;
	line-height:		95%;
	padding: 		0 0 15px 0;
	color: 			#666666;
	margin:			0px;
}


h3 {font-size:11pt; color:gray; }

div#container {
	position:		relative;
	background-color: 	white;
	padding: 		1px;
	border: 		1px solid #b2b2b2;
	width: 			95%;
	margin: 		0 auto;
	text-align:		left;
}
div#container img{
	border: 		none;
	vertical-align:		middle;
}

div#content{
	margin:			25px 40px 30px 18px;
/*	width:			870px;	*/
	width:			90%;
}

<?php
if($platform == 'mobile') {
?>
div#content{
	margin:			12px 40px 30px 12px;
/*	width:			870px;	*/
	width:			90%;
}

#deadline {
	width:			90%;
	font-size:		10pt
}

<?php
}
?>





div#spacer{
	clear:			both;
}






td{
	text-align:		left;
}

td.scrubr{
    font-size:8pt;
    text-align: right;
}

td.scrubl{
    font-size:8pt;
    text-align: left;
}

table{
      font-size: 		10pt;
}


#nav{
/*	float:			left; */
	margin:			auto;
	margin-top:		12pt;
	width:			95%;
	border:			1px solid #DDDDDD;
	background:		#EEEEEE url(../images/menu-bg1.gif) repeat-x;
	list-style:		none;
	padding:		0;
}
#nav_container{
	margin:			auto;
	width:			90%;
}
#nav li{
	float:			left;
	font-size:		0.9em;
	color:			#333333;
	position:		relative;
}
#nav a{
	font-weight:		bold;
	text-decoration:	none;
	color:			#666666;
}
#nav li a{
	display:		block;
	padding:		0.2em 1.2em 0.2em 1.2em;
	border-right:		1px solid #DDDDDD;
	cursor:			pointer;
	cursor:			grab;
}
#nav li a:hover, #nav li a.current{
	background:		url(../images/menu-bg-hover.gif) top left repeat-x;
}

#nav li.welcome{
	float:			right;
	padding:		0.2em 1.2em 0.2em 1.2em;
}
#nav li.welcome a{
	display:		inline;
	border:			none;
	padding:		0;
}
#nav li.welcome a:hover{
	background:		transparent;
	color:			#999999;
}

#nav li ul{
	display:		none;
	position:		absolute;
	list-style:		none;

	margin:			0;
	padding:		0;
	height:			300px;
}
#nav li ul a{
	display:		block;
	clear:			left;
	border:			none;
	border-left:		1px solid #DDDDDD;
	border-right:		1px solid #DDDDDD;
	border-bottom:		1px solid #DDDDDD;
	background:		url(../images/menu-bg-hover.gif) center center repeat-x;
	width:			120px;
}

fieldset{
	border: 		none;
	color: 			#666666;
	padding:		0;
	margin:			0;
}
fieldset legend, h2{
	font-size: 		1.5em;
	font-weight: 		bold;
	padding: 		0 0 15px 0;
	color: 			#666666;
	margin:			0px;
}
fieldset div{
	margin:			0px 30px 10px 10px;
	font-family: 		Verdana, Arial, sans-serif;
	font-size: 		12px;
	line-height: 		17px;
	font-weight:		normal;	
}
fieldset.accountdivs div{
	margin-left:		0px;
	margin-top:		0px;
}
fieldset label{
	margin: 		0px 0px 3px 0px;
	text-align: 		left;
	font-weight: 		bold;
	color:			#080848;
}
fieldset span{
	margin-left: 		5px;
	font-size:		0.8em;
	text-decoration:	underline;
	color:			firebrick;
	vertical-align:		top;
}
fieldset div.parent{
	font-size:		1.2em;
	font-weight:		bold;
	margin:			25px 25px 0 0px;
	padding:		0 0 5px 0;
	color:			#1f3b57;
	background:		url(../images/build-subheader-bg.gif) white bottom center repeat-x;
	clear:			left;
}
fieldset div.parentdesc{
	margin:			5px 40px 0 10px;
	font-size:		0.8em;
}
fieldset label.required{
	font-weight:		bold;
	color:			#080848;
}
fieldset dl{
	color:			#333333;
	margin:			0;
	padding:		0;
	width:			96%;
	font-size:		.9em;
}
fieldset dl dt{
	float:			left;
	margin:			0 0 0 10px;
	padding:		0;
}

fieldset dl dd{
	text-align:		right;
	margin:			0;
	padding:		0;
}
fieldset p{
	margin:			0 0 10px 0;
	padding:		0;
	clear:			left;
}
fieldset input[type="submit"]{
	margin:			10px 0 0 0px;
}

br{
	clear: 			left;
}
ul.errors{
	margin-left:		0px;
	padding-left:		5px;
	background-color: 	#d9d7c9;
	border: 		1px dashed #a9a9a9;
	list-style-type:	none;
	margin-bottom:		15px;
}
ul.errors li{
	color: 			#FF0000;
	font-weight: 		bold;
	padding:		0.3em;
}
ul.errors li a{
	color: #660000;
}

/***** FOOTER STYLES *****/
#footer_outline {
	text-align: 		center;
	width: 			864px;
	background-color: 	white;
	padding: 		1px;
	border: 		1px solid #b2b2b2;
	margin: 		0 auto;
	border-top: 		none;
	clear: 			both;
}

#footer {
	background-color: 	#000000;
	padding: 		10px;
}

#footer_nav {
	margin: 		0;
	padding: 		0;
	list-style-type: 	square;
}

#footer_nav li {
	font-size: 		10px;
	color: 			#c2c8bd;
	line-height: 		11px;
	display: 		inline;
	padding:	 	0 0 0 9px;
	background-image: 	url(../images/footer-list-bullet.gif);
	background-repeat: 	no-repeat;
}

#footer a 		{ color: #c2c8bd; text-decoration: none;}
#footer a:link		{ color: #c2c8bd; text-decoration: none; }
#footer a:visited	{ color: #c2c8bd; text-decoration: none; }
#footer a:active	{ color: #c2c8bd; text-decoration: underline; }
#footer a:hover		{ color: #c2c8bd; text-decoration: underline; }

#drop_shadow {
	margin: 		0 auto;
	background-image: 	url(../images/drop_shadow.jpg);
	background-repeat: 	repeat-x;
	height: 		23px;
	width: 			850px;
}

/***** PROGRESS BAR STYLES *****/

div.progressbar_block
{
	background-color: 	#00FF00;
	width: 			10px;
	height: 		100%;
	float: 			left;
	margin-left: 		3px;
	display: 		none;
}
div.progressbar_block_1
{
	background-color: 	#00FF00;
	width: 			10px;
	height: 		100%;
	float: 			left;
	margin-left: 		0px;
	display: 		none;
}
div.progressbar_wrapper
{
	border: 		1px solid black;
	height: 		15px;
	padding: 		0px;
	background-color: 	transparent;
	width: 			309px;
	display: 		block;
}

 
#progressbar_container{
	width:			300px;
	height:			20px;
	border:			1px double black;
	margin:			0 auto;
}
#progressbar{
	height:			20px;
	width:			0px;
	background-color:	#F53D00;
}
 
table.dynamic{
	text-align:		left;
}
table.dynamic th{
	font-weight:		normal;
	background:		url(../images/header-bg.gif) #1f3b57 center repeat-x;
	color:			#ffffff;
	font-weight:		bold;
	padding:		6px;
	font-size:		0.8em;
}
table.dynamic th a{
	color:			#c2c8bd;
}
table.dynamic td{
	font-weight:		normal;
	padding:		6px;
	background-color:	#EBEBD7;
	font-size:		0.8em;
}
table.dynamic td.nobg{
	background:		transparent;
}
table.dynamic td.alt1{
	background-color:	#EAEAD6;
}
table.dynamic td.alt2{
	background-color:	#E2E2C6;
}
table.dynamic td.expanded{
	background-color:	#FFFFFF;
	padding:		0;
}
table.dynamic td.footer1{
	margin:			0 0.9em 0 0.5em;
	height:			8px;
	background:		url(../images/menu-drop2.gif) white top center repeat-x;
	padding:		0;
}
table.dynamic td.footer2{
	margin:			0 0.9em 0 0.5em;
	height:			8px;
	background:		url(../images/menu-drop2.gif) white top center repeat-x;
	padding:		0;
}
table.dynamic img.order{
	margin-left:		6px;
}
table.compressed th, table.compressed td{
	padding:		2px;
}
table.medium th, table.medium td{
	padding:		4px;
}
table.smalltext th, table.smalltext td{
	font-size:		0.8em;
}

table.build_answers{
	font-size:		1em;
	margin:			-8px 0 5px 0;
}
table.build_answers th{
	color:			black;
	background:		transparent;
	border-bottom:		1px dotted grey;
}
table.build_answers td{
	background-color:	#EEEEEE;
}
table.build_answers td a{
	color:			#555555;
}
table.build_answers td.active{
	background-color:	#DDDDDD;
}

div#navigators{
	margin-top:		10px;
}
div#navigators a{
	margin-left:		10px;
}


ul.admin{
	margin-bottom:		0;
}

h1 span, legend span{
	font-size:		0.5em;
}

div.build{
	float:			right;
	font-family:		Arial;
	width:			400px;
}
div.build table{
	width:			400px;
	text-align:		left;
}
th.right, td.right{
	text-align:		right;
}
div.build fieldset textarea{
	color:			grey;
	padding:		2px;
	font-size:		0.8em;
	margin:			0;
}
div.build fieldset input{
	margin:			0;
}
fieldset h2{
	margin:			0;
	padding:		10px 0 15px 0;
	font-size:		1.4em;
}
fieldset h2 span{
	font-size:		0.55em;
}

div#footnotes table{
	margin:			4px 0 0 0;
}
div#footnotes td{
	vertical-align:		top;
}

div#footnotes_footer img{
	vertical-align:		top;
}
h4{
	margin:			0;
	padding:		0;
	margin-bottom:		5px;
	color:			#333333;
}
.disp_saved_footnotes{
	display:		inline;
	margin-left:		10px;
	font-size:		0.8em;
}
.footnote_selects{
	clear:			right;
}
a.disp_footnotes{
	color:			blue;
	text-decoration:	underline;
}
table.payment_options{
	margin-left:		25px;
}
table.cart{
	margin-left:		100px;
}
table.cart th, table.cart td{
	background-color:	transparent;
	text-align:		right;
}
table.cart td.answers{
	text-align:		left;
}
.receipt{
	margin-left: 		25px;
}
.receipt label{
	color:			#000000;
	font-size:		0.8em;
}
.previous_login{
	font-size:		0.8em;
	float:			right;
	margin:			5px 20px 0px 20px;
}
.help{
	margin-left:		4px;
}


#interstitial_container{
	position:		absolute;
/*	width:			1024px;	*/
	width:			100%;
	z-index:		12;
	top:			49px;
	bottom:			0px;
}
#interstitial_bg{
	position:		absolute;
	width:			100%;
	height:			100%;
	background-color:	#666666;
	opacity:		0.8;
	z-index:		13;
}
#interstitial_box{
	position:		absolute;
	z-index:		14;
	background:		url(../images/interstitial_bg.png) #d8d6c8 bottom center no-repeat;
	border:			5px solid #666666;
	opacity:		1.2;
	top:			50px;
	left:			100px;
	right:			100px;
	text-align:		center;
}

div.interstitial_box_content{
	margin:			20px;
}

#interstitial_box a{
	color:			#444444;
	font-weight:		bold;
}

#interstitial_error_table{
	width:			90%;
	margin-top:		5px;
}
#interstitial_error_table th{
	font-weight:		bold;
	background-color:	#666666;
}
#interstitial_error_table td, #interstitial_error_table th{
	font-size:		0.8em;
	padding:		6px;
	color:			#EEEEEE;
}
#interstitial_error_table td{
	background-color:	#999999;
}

#bottom_container{
	z-index:		100;
	width:			100%;
	height:			110px;
	position:		fixed;
	font-size:		0.8;
	border-top:		1px solid #a0a0a0;
	bottom:			0px;
	left:			0px;
	background:		url(../images/bottom_bg.png) bottom center #D1D1D1 repeat-x;
	overflow:		scroll;
}
#bottom_body{
}
#bottom_container table.header{
	border:			#666666;
	border-top:		none;
}
#bottom_container td.left{
	font-weight:		bold;
	padding:		5px 0 5px 0;
	font-family:		Arial;
	color:			#000000;
}
#bottom_container td.middle{
	text-align:		left;
}
#bottom_container td.right{
	text-align:		right;
	padding:		5px 0 5px 0;
}

/**********  Styles for the edit footnotes divs	*********/

td.row_fn_td{
	position:		relative;
}

textarea.row_fn_textarea{
	width:			312px;
	height:			0px;
	padding:		4px;
	position:		absolute;
	z-index:		50;
}
span.saving{
	font-style:		italic;
}


/**** Report CSS ****/
.report div.bar{
	height:			20px;
	width:			100%;
	background-color:	red;
	padding: 		3px;
	border-bottom:		2px solid black;
	border-right:		2px solid #666666;
}
.report td.count{
	text-align:		right;
	font-weight:		bold;
}

/*Prefix page */
textarea.data_textareas{
	float:			left;
	width:			230px;
	height:			30px;
	margin:			2px 0 0 0;
	padding:		0;
	overflow:		auto;
	font-size:		0.8em;
	
}

textarea.data_textareas_on{
	height:			150px;
}

textarea.desc_textareas{
	float:			left;
	width:			150px;
	height:			30px;
	margin:			2px 0 0 0;
	padding:		0;
	overflow:		auto;
	font-size:		0.8em;
}
textarea.desc_textareas_on{
	height:			150px;
}

#securities_table {
	font-size: 10pt;
}

