/* background color outside of displayed webpages */
body {
	background: #F2F2F2;
	margin: 0px 0px 0px 0px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
/* outside boarders */
#pagebox {
	width: 980px; 
	border-width: 1px;
	border-style: solid;
	border-color: #808080;
	background: #FFFFFF;
	
}
#pagebox2 {
	margin-left: auto;
	margin-right: auto;
	width: 982px; 
	border-width: 3px;
	border-style:solid;
	border-color: #BFBFBF;
	margin-top: 10px;
}
/* Header.inc CSS NOTE HEADING 1 is controlled here because the ECMPS Banner is set to h1*/
#header {
	height: 78px;
	background-image: url(../images/banner_top.png);
}
#search {
	position:relative;
	float: right;
	padding: 5px 35px 0 0;
	clear:both;
}
#epalogo {
	float:right;
	padding: 4px 76px 0 0;
}
/* these two pieces of CSS are to keep the Search box properly aligned and to remove extra line breaks addded by IE */
INPUT[type="submit"] {
	vertical-align:bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 10px;
}
#search_form {
    display: inline;
}
/* This hides the label attached to the search form for accessibility reasons */
.hidden {
	display:none;
}
#hiddenheading {
	display:none;
}
/* HEADING 1 Settings h1 */
h1 {
	margin: 0 0 0 0;
	padding: 0;
}
/* stiemap.inc CSS */
/* Placement and style of sitemap links NOTE HEADING 2 is controlled here because the home, sitemap, and contact us links are designated h3*/
h2 {
	font-size: 11px;
	display: inline;
}
#sitemapdiv {
	height: 18px;
	background-image:url(../images/banner_middle.png);
}
#sitemap {
	position: relative;
	float: right;
	top: 2px;
	font-size: 11px;
}
#sitemap ul {
	margin: 0; padding: 0 20px 0 0; 
	list-style-type: none; list-style-image: none; 
	}
#sitemap li {
	color: #FFFFFF;
	display: inline;
	font-weight: bold;
}
#sitemap ul li a {
	text-decoration:none;  
	color: #FFFFFF;
	font-weight: bold;
}
#sitemap ul li a:hover {
	text-decoration: underline;
	font-weight: bold;
}
/* menu CSS NOTE HEADER 3 values are controlled HERE because the menu is set to h2*/
h3 {
	display: inline;
	font-size: 15px;
}
#navmenudiv {
	position: relative;
	z-index: 2;
	height: 24px;
	margin: 0 0 10px 0;
	background-image:url(../images/banner_bottom.png);
}
#navmenu {
	position: relative;
	top: 2px;
	}

/* MAIN CSS */

/* CSS for lists */
ul.indentlist {
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 0 10px 60px;
}
ol.indentlist {
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 0 10px 80px;
}
li.indentlist {
	padding: 0 10px 5px 5px;
}
li.indentlistbigspace {
	padding: 0 10px 20px 5px;
	font-size:12px;
}
ul.submenulinks {
	font-size: 11px;
}
li.submenulinks {
	padding: 0 0 2px 0;
}
ul.noindent2 {
	margin: 10px 0 0 0;
	padding: 0 5px 0 20px;
}
ul.noindent2 {
	margin: 20px 0 0 0;
	padding: 0 5px 0 20px;
}
/* CSS for text */
.text1 {
	text-align: left;
	padding: 0px 60px 0px 30px;
}
.text2 {
	text-align: left;
	font-size:11px;
	margin: 30px 60px 0 30px;
}
.text2noalign {
	font-size:11px;
}
.progressbar {
	color: #060;
	font-weight: bold;
	font-size: 12px;
}
.sectiontitle {
	font-size: 14px;
}
.oneboxfaqhedings {
	text-align:center;
	font-weight: bold;
}
/* CSS for Spans and divs used to control layout and text formatting */
.twoboxsubhead {
	text-align:center;
	margin: 0 0 15px 0;
}
.paddingleft10px {
	padding: 0 60px 0 10px;
}
.paddingleft30px {
	padding: 0 60px 0 30px;
}
div.feedback {
	border: 1px solid #333;
	margin: 0px auto;
	padding: 5px;
	width: 440px;
	background-color: #DBDBDB;
}
div.resubmitForm {
	border: 1px solid #333;
	margin: 0px auto;
	padding: 5px;
	width: 600px;
	background-color: #DBDBDB;
}
.center {
	text-align: center;
	vertical-align: middle;
}
div.right {
	float:right;
	padding: 0 15px 0 0;
}
/* this is for the div that goes around the page titles to control the spacing of elements around the page title */
div.pagetitle {
	margin: 15px 0 25px 0;
	padding: 0 0 0 30px;
}
div.announcement {
	font-size: 13px;
	margin: 10px 15px 10px 15px;
	padding: 10px 10px 10px 10px;
	background: #D5F3FF;
	border-style: solid;
	border-color:#00B0F0;
	border-width: 3px;
	text-align: center;
}
div.indentleft {
	text-indent: 30px;
}
div.spaceleft{
	padding-left: 30px;
}
div.clearboth {
	clear:both;
}
div.alignbottom {
	position: absolute;
	bottom: 0;
}
div.faqformat1 {
	padding: 0 60px 10px 30px;
}
div.faqformat2 {
	padding: 0 60px 10px 25px;
}
/*CSS for content Headers H4 and H5 */
/* H4 is used for the page titles */
h4 {
	margin: 0;
	font-size:18px;
	display: inline;
}
/* H5 header is used for main links or lists of links for the specific page */
h5 {
	font-size: 16px;
	margin: 0 0 0 0;
	display:inline;
}
h6 {
	font-size: 14px;
	display:inline;
	margin: 0 0 0 0;
}

/* CSS for icons and images */
img.sectionicon {
	padding-right: 5px;
	width:48px; 
	height:48px; 
	vertical-align: middle;
}
img.smalliconformatted {
	vertical-align:middle;
	 width:35px; 
	 height:35px; 
	 float:left;
}
.middle {
	vertical-align: middle;
}
.top {
	vertical-align: top;
}
.nobox {
	border-style: none;
	text-decoration:none;
}
/* CSS for gray boxes */
/* this is the gray box on the right for the one box pages */
.onebox {
	width:200px; 
	float: right; 
	margin: 0 25px 0 0;
	border-width: 1px;
	border-style:solid;
	padding: 10px 5px 5px 5px;
	border-color:#A6A6A6;
	background-color:#F2F2F2;
}
/* this is the container box for the main content on the one box pages */
.oneboxmaincontent {
	width: 730px; 
	float: left;
	clear:left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/* this is the left gray box on the two box pages */
div.lgraybox2box {
	clear:left;
	width:450px; 
	float: left; 
	margin: 0px 0 0 25px;
	border-width: 1px;
	border-style:solid;
	padding: 15px 0 10px 0;
	border-color:#A6A6A6;
	background-color:#F2F2F2;
}
/* this is the right gray box on the two box pages */
div.rgraybox2box {
	width:450px; 
	float: right; 
	margin: 0px 25px 0 0;
	border-width: 1px;
	border-style:solid;
	padding: 15px 0 10px 0;
	border-color:#A6A6A6;
	background-color:#F2F2F2;
}
/*this creates the dashed lines and divides the gray boxes on the two box pages. It creates a div box floated to the right */
div.dashedbox1 {
	clear:right;
	float: left;
	width: 214px;
	border-left-style: dashed;
	border-width: 1px;
	padding: 0 0 55px 10px;
	margin: 0 0 0 0;
	vertical-align: bottom;
	position: relative;
}
/* this creates a container box on the left inside the gray boxes on the two box page. It contains the text and allows the dashed box to be floated to the right */
div.dashedboxcontain1 {
	float: left;
	width: 214px;
	padding: 0 0 55px 10px;
	margin: 0 0 0 0;
	vertical-align: bottom;
	position: relative;
}
/*this creates the dashed lines and divides the gray boxes on the two box pages. It creates a div box floated to the right. These are for the right floated gray box */
div.dashedbox2 {
	clear:right;
	float: left;
	width: 214px;
	border-left-style: dashed;
	border-width: 1px;
	padding: 0 0 55px 10px;
	margin: 0 0 0 0;
	vertical-align: bottom;
	position: relative;
}
/* this creates a container box on the left inside the gray boxes on the two box page. It contains the text and allows the dashed box to be floated to the right. These are for the right floated gray box */
div.dashedboxcontain2 {
	float: left;
	width: 214px;
	padding: 0 0 55px 10px;
	margin: 0 0 0 0;
	vertical-align: bottom;
	position: relative;
}
/* three box layout */
div.box1of3box {
	width:278px;
	float: left;
	margin: 0 5px 0 0px;
	border-width: 1px;
	border-style:solid;
	padding: 5px 10px 5px 10px;
	border-color:#A6A6A6;
	background-color:#F2F2F2;
}
div.box2of3box {
	clear: right;
	width:278px; 
	float: left; 
	margin: 0 5px 0 5px;
	border-width: 1px;
	border-style:solid;
	padding: 5px 10px 5px 10px;
	border-color:#A6A6A6;
	background-color:#F2F2F2;
}	
div.box3of3box {
	clear: right;
	width:278px; 
	float: left; 
	margin: 0 0 0 5px;
	border-width: 1px;
	border-style:solid;
	padding: 5px 10px 5px 10px;
	border-color:#A6A6A6;
	background-color:#F2F2F2;
}
/* CSS for FOUR gray boxes */
div.box1of4box {
	float: left;
	width: 218px;
	margin: 0 5px 0 15px;
	padding: 5px;
	border: 1px solid #a6a6a6;
	background: #F2F2F2;
}
div.box2of4box {
	clear: right;
	float: left;
	width: 218px;
	margin: 0 5px 0 5px;
	padding: 5px;
	border: 1px solid #a6a6a6;
	background: #F2F2F2;
}
div.box3of4box {
	clear: right;
	float: left;
	width: 218px;
	margin: 0 5px 0 5px;
	padding: 5px;
	border: 1px solid #a6a6a6;
	background: #F2F2F2;
}
div.box4of4box {
	clear: right;
	float: left;
	width: 218px;
	margin: 0 15px 0 5px;
	padding: 5px;
	border: 1px solid #a6a6a6;
	background: #F2F2F2;
}
/* footer.inc CSS */
#footer {
	clear:both;
	text-align: center;
	background: #FFFFFF;
	margin: 10px;
}
#bufferline {
	color: #FFF;
	height: 25px;
	background-color: #FFF;
	margin: 0 auto 0 auto;
	border-style:none;
}
#footertext {
	font-size: 12px;
	margin:0px;
	clear: both;
	}
#socialnetwork {
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 11px;
	float: left;
	clear: left;
	}
.dividingline {
	color: #BFBFBF;
	height: 2px;
	background: #BFBFBF;
	margin: 0 auto 10px auto;
	width: 90%;
}
/* span formatting for the bottom links (done with span to solve ie zoom problem */
span.rssicon{
	margin-left: 440px;
	margin-top: 5px;
	float: left;
	position: absolute;
}
span.rsstext{
	margin-left: 460px;
	margin-top: 6px;
	float: left;
	position: absolute;
}
/* search template box */
.featured {
	background-color:#EEEEEE;
	border:1px solid #CCCCCC;
	margin:5px 0;
	padding:5px;
	width: 70%;
}
/* background color for known issues table */
tr.rowColor {
	background-color: #C5DFDF;
}
/* general L/R padding, 60px 30px */
.genPadding{
	padding: 0px 60px 0px 30px;
}
/* general box L/R padding, 30px */
.genBoxPadding{
	padding: 0px 30px 0px 30px;
}
/* only right padding (no indent) */
.rightPad{
	padding-right: 60px;
}
/* largeNorm is for large font which should not be bold by default */
.largeNorm{
	font-size: 16px;
	margin: 0 0 0 0;
	display:inline;
	font-weight: normal;
}
/* removes bullets from ul */
.noBullet {
	list-style: none;
	padding: 5px 0px 5px 30px;
}
/* removes underline from links while not hovered */
a.underlineHover:hover{
	text-decoration: underline;
}
a.underlineHover{
	text-decoration: none;
}
/* used to format the popup in the banner */
.popupLayout{
	background-color: #FFFFFF;
	color: #2E5629;
	padding: 5px 7px 5px 7px;
	font-size: 12px;
	border:1px solid #2E5629;
}
/* places invisible span in border for link/hover */
.iconLink{
	margin-left: 15px;
	margin-top: 10px;
	height: 78px;
	width: 435px;
	float: left;
	position: absolute;
}
/* lessens sublist margin */
li ul li {
	margin-left: -30px;
}
/* set style for the breadcrumbs */
.breadcrumbs {
	text-align: left;
	font-size:11px;
	margin: 9px 0 0 30px;
}
dd, dt {
	padding: 5px 5px 5px 5px;
}
/* hand on link when mouse over*/
.handMouseOver{
	cursor: pointer;
	text-decoration: none;
}
.handMouseOver:active {
	outline: none;
}
.handMouseOver:focus {
	outline: none;
}
/* fix spacing in forms */
.spaceForm{
	padding: 5px;
}
/* backgrounds for accordion divs */
.accordhead {
	background: #EFEBE2;
	border: #B0A79A solid 1px;
	margin: 0 0px 5px 0;
	padding: 5px;
	text-align:left;
	display: block;
}
.accordbg {
	background:transparent url(../images/gradient.jpg) repeat-x;
	margin: 0;
	padding: 15px 15px 15px 45px;
}
.accordbglong {
	background:transparent url(../images/gradientlong.jpg) repeat-x;
	margin: 0;
	padding: 15px 15px 15px 45px;
}
/* fix length of accordians on help_support_request */

.accordbuttonalign {
	vertical-align:middle;
}
li.fixIE {
	margin-left: -30px;
	margin-top: -7px;
}
.padding50px{
	padding: 0 50px 0 50px;
}
.noBul{
	list-style: none;
}
.smallBlogText{
	font-size: 11px;
}
div.blogSide {
	clear: none;
	float: right;
	width: 250px;
	margin: 0 10px 0 0;
	padding: 0px 0px 30px 30px;
	/*border-left: 1px solid #BFBFBF;*/
	position: relative;
	z-index: 1;
	font-size: 12px;
}
.blogTitle{
	font-size: 14px;
	margin: 5px 0px 5px 0px;
	font-weight: bold;
	color: #000000;
}
hr.bloghr {
	color: #fff; 
	background-color: #fff; 
	border: 1px dotted #BFBFBF;
	border-style: none none dotted; 
	padding: 5px 0px 5px 0px;
}
.blogList{
	margin-left: -2em;
	padding: 0px;
}
#blogArchiveFormat{
	margin-left: 17px;
}
.sitemap{
	padding-left: 45px;
}
.accordbg_help_login {
	background:transparent url(../images/gradient_help_login.jpg) repeat-x;
	margin: 0;
	padding: 15px 15px 15px 45px;
}
.accordbg_help_login_2 {
	background:transparent url(../images/gradient_help_login_2.jpg) repeat-x;
	margin: 0;
	padding: 15px 15px 15px 45px;
}
.accordbg_learn_docs {
	background:transparent url(../images/gradient_learn_docs.jpg) repeat-x;
	margin: 0;
	padding: 15px 15px 15px 45px;
}
.accordbg_learn_docs_2 {
	background:transparent url(../images/gradient_learn_docs_2.jpg) repeat-x;
	margin: 0;
	padding: 15px 15px 15px 45px;
}
.accordbg_learn_docs_3 {
	background:transparent url(../images/gradient_learn_docs_3.jpg) repeat-x;
	margin: 0;
	padding: 15px 15px 15px 45px;
}
.accordbg_learn_docs_4 {
	background:transparent url(../images/gradient_learn_docs_4.jpg) repeat-x;
	margin: 0;
	padding: 15px 15px 15px 45px;
}
.accordbg_learn_td {
	background:transparent url(../images/gradient_learn_td.jpg) repeat-x;
	margin: 0;
	padding: 15px 15px 15px 45px;
}
.accordbg_learn_td_2 {
	background:transparent url(../images/gradient_learn_td_2.jpg) repeat-x;
	margin: 0;
	padding: 15px 15px 15px 45px;
}
.accordbg_learn_td_3 {
	background:transparent url(../images/gradient_learn_td_3.jpg) repeat-x;
	margin: 0;
	padding: 15px 15px 15px 45px;
}
.accordbg_learn_td_4 {
	background:transparent url(../images/gradient_learn_td_4.jpg) repeat-x;
	margin: 0;
	padding: 15px 15px 15px 45px;
}
.accordbg_learn_stake {
	background:transparent url(../images/gradient_learn_stake.jpg) repeat-x;
	margin: 0;
	padding: 5px 15px 15px 20px;
}
.accordbg_learn_stake_2 {
	background:transparent url(../images/gradient_learn_stake_2.jpg) repeat-x;
	margin: 0;
	padding: 5px 15px 15px 20px;
}
.accordbg_learn_stake_3 {
	background:transparent url(../images/gradient_learn_stake_3.jpg) repeat-x;
	margin: 0;
	padding: 5px 15px 15px 20px;
}
.accordbg_learn_stake_4 {
	background:transparent url(../images/gradient_learn_stake_4.jpg) repeat-x;
	margin: 0;
	padding: 5px 15px 15px 20px;
}
.accordbg_learn_stake_5 {
	background:transparent url(../images/gradient_learn_stake_5.jpg) repeat-x;
	margin: 0;
	padding: 5px 15px 15px 20px;
}
.accordbg_learn_stake_6{
	background:transparent url(../images/gradient_learn_stake_6.jpg) repeat-x;
	margin: 0;
	padding: 5px 15px 15px 20px;
}
.accordbg_help_resubmit {
	background:transparent url(../images/gradient_help_resubmit.jpg) repeat-x;
	margin: 0;
	padding: 15px 15px 15px 35px;
}
.accordbg_help_resubmit_2 {
	background:transparent url(../images/gradient_help_resubmit_2.jpg) repeat-x;
	margin: 0;
	padding: 15px 15px 15px 35px;
}
.accordbg_help_data {
	background:transparent url(../images/gradient_help_data.jpg) repeat-x;
	margin: 0;
	padding: 15px 15px 15px 20px;
}
.accordbg_help_data_2 {
	background:transparent url(../images/gradient_help_data_2.jpg) repeat-x;
	margin: 0;
	padding: 15px 15px 15px 20px;
}
.accordbg_help_data_3 {
	background:transparent url(../images/gradient_help_data_3.jpg) repeat-x;
	margin: 0;
	padding: 15px 15px 15px 20px;
}
.accordbg_template {
	background:transparent url(../images/gradient_template.jpg) repeat-x;
	margin: 0;
	padding: 15px 15px 15px 35px;
}
.accordbg_form {
	background:transparent url(../images/gradient_form.jpg) repeat-x;
	margin: 0;
	padding: 15px 15px 15px 45px;
}
.noBorder{
	border-style: none;
}
.formatTable, .formatTable td{
	border-color: #C5DFDF;
	border-style: solid;
	border-width: 1px;
}
.alignLeft {
	text-align: left;
}
.redStar {
	color: red;
	font-size: 10px;
}
.noDisplay{
	display: none;
}
.formhr{
	color: #000;
	background-color: #000;
	height: 1px;
}
.inputLength{
	width:140px;
}
.ttLowerCase{
	text-transform: lowercase;
}
.newsDate {
	font-style: italic;
	font-size: 11px;
}