/* This is used to apply common font setting to ALL html tags */
body, td, h1, h2, h3, h4, h5, h6, select, textarea, div, input{
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
}

body{
  background:transparent url(../../img/a/design/eon-grey-150.gif) top left repeat-y;
}

body, h1, h2, h3, h4, h5, h6, textarea{
  color: #000000;
}

/* mozilla only classes, to ensure that the footer is at the bottom of the page  */
html>body #Main, html>body #Outer, html>body #LeftColumn, html>body #RightColumn{
  height:auto;
}

form {
  margin: 0px;
  height:100%;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color:#000000;
}

h2{
	margin:10px 0px 7px 0px;
}

acronym{
	border-bottom:1px dotted #cccccc;
	cursor:help;
}

a {
  color: #000000;
  text-decoration:underline;
}

label{
  color:#000000;
}

li {
  margin:5px 0px 5px 0px;
}

iframe
{
	margin:10px 0px 30px 0px;
	border:0px;
}

.FloatLeft{float:left;}
.FloatRight{float:right;}


/* --------------------------------------------------------------------------- CONTENT AREA LAYOUT CLASSES */


#Content {
  width:760px;
}

/* Ensure that mozilla displays a scroll bar, so the content does not jump from left to right  */
html>body #Main #Content{
	min-height:465px;
	height:auto;
}

/* remove the padding around ul's in mozilla  */
html>body ul.NoPad{
	padding:0px;
}

#Columns {
  width: 100%;
  margin-bottom:30px;
}

#LeftColumn {
  height: 200px;
  	width: 150px;
	font-size: 11pt;
	margin-top: 26px;
}
#ContentColumn{
	padding:0px 15px 0px 15px;
	font-size: 10pt;
	margin-top: 30px;
}

.ReducePadding #ContentColumn{
	margin:10px 0px;
}


/* standard copy page, content area  */
#ContentColumn, #ContentColumn p, #ContentColumn ul, #ContentColumn a, #ContentColumn div {
  line-height: 18px;
}

p {
  margin: 0px 0px 10px 0px;
}

p.Right {
  margin: 5px 0px 5px 0px;
  text-align:right;
  width:100%;
}

#RightColumn {
  margin:0px;
  font-size: 9pt;
  margin-top: 26px;
}



/* ------------------------------------------------------------------------------- Jump and Action buttons */

.JumpButtonText, .JumpButtonBackText, .ActionButtonText, .ButtonDownload, .JumpButtonTextList{ 
	cursor: pointer;
	cursor: hand;	
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
}

.JumpButtonText, .JumpButtonTextList{ 
	padding-left:20px;
	background: url( ../../img/a/icons/icon_arrow_right_r_17_spaceleft.gif ) top left no-repeat;
}

.JumpButtonBackText{ 
	padding-left:15px;
	background: url( ../../img/a/icons/icon_arrow_left_r_17_spaceright.gif ) top left no-repeat;
}

.ActionButtonText{ 
	padding-left:25px;
	background: url( ../../img/a/icons/icon_arrow_right_r_25_f.gif ) center left no-repeat;
	height:20px;
}

.ButtonDownload{ 
	padding-left:25px;
	background: url( ../../img/a/icons/icon_download_r_24.gif ) center left no-repeat;
	height:20px;
}

a.JumpButtonText:hover, a.JumpButtonBackText:hover, a.ActionButtonText:hover, a.ButtonDownload:hover{ 
	text-decoration: underline;
}



.Highlight{
	color:Red;
}


#FormBoxChangePassword .FormBox input{
	width:270px;
}

#FormBoxEmailAddress, #FormBoxChangePassword, #FormBoxEmailAddress{
	width:520px;
}

#FormBoxLogin{
	width:400px;
}

#FormBoxLogin .FormBox input{
	width:250px;
}

#FormBoxEmailAddress .FormBox input{
	width:280px;
}



.FormBox{
	margin-top:10px;
	width:100%;
	background-color: #E6E6E6;
}

.FormBox tr{
	height:26px;
}

.FormBox td{
	vertical-align:middle;	
	padding:4px;
	font-size:13px;
}

.asterisk, .warning{color: #F21C0A;}

.stdText{
  color:#000000;	
  font-weight:bold;
}

.LoginStatusLineBreak{
	background: url(../../../Img/Com/A/Design/UnderlineShadow.jpg) no-repeat left bottom;
	height:6px;
	padding-left:3px; 
}

div.NoWrap{
	white-space: nowrap;
	display:inline;
}

div.NoWrap img{
	border:0px;
}


/* ----------------------------------------------------------------------------------- PAGE / FORM CLASSES */

/* ------------------------------------------------------------------------------- Text formatting classes */
.Label{
  color:#666666;
}

a.NonBold {
	font-weight:normal;
}

.FormRight input{
  width:180px;
}

#Content .disclaimer{
	font-size: 7pt;
}

.Btn {
  font-weight: bold;
}

.btnRight{
  text-align:right;
  padding:15px 0px 10px 0px;
}

.VAMErrorText{
	font-weight: bolder;
	color: #cc0000;
	text-decoration: none;
	font-size: 10px;
}

.ErrorText, .ErrorTextJustified{
	font-size: 10px;
	padding-left: 15px;
	font-weight: bolder;
	background: url(../../../Img/Com/A/ErrIcon.gif) no-repeat left top;
	color: #cc0000;
	text-decoration: none;
}

.ErrorTextJustified{
	text-justify: inter-word; 
	text-align: justify;
}

.ErrorTextJustified span{
	font-size: 10px;
}

.ErrorText span{
	font-size: 10px;
}

.ErrorIcon {
	padding-left: 3px;
	font-weight: bolder;
	font-size: 10px;
	background: url(../../../Img/Com/A/ErrIcon.gif) no-repeat left top;
	color: #cc0000;
	text-decoration: none;
}

.ErrorIcon span{
	font-size: 10px;
}

/* ----------------------------------------------------------------------------------------- CONAINTER DIV */
#Outer{
  width: 773px;
  height:100%;
  min-height:100%;
}

#Main{
  width:800px;
  height:100%;
  min-height:100%;
}

body.NoBg{
	background:none;
}


/* ---------------------------------------------------------------------------------------- HEADER CLASSES */
#Header {
  height: 93px;
  background: #F21C0A url(../../img/a/design/head_curve.gif) no-repeat top right;
}

#HeaderLogo{
	top:15px;
	left:16px;
	position:relative;
	width:234px; 
	height:52px; 
	background:url(../../img/a/logos/EON_EG_W_52.gif) no-repeat top left;
}

#HeaderTitle{
	width:160px;
	height:20px;
	position:relative;
	top:18px;
	left:175px;
}

#HeaderNav{
	width:251px;
	height:20px;
	float:right;
	position:absolute;
	top:10px;
	left:500px;
	text-align:right;
}

/* ---------------------------------------------------------------------------- NAVIGATION / MENU CLASSESS */

.Nav, .SubNav{
	list-style:none;
	padding:0px;
	margin:0px;
	width:145px;
}

.Nav li, .SubNav li{
	text-align:right;
}

.Nav li{
	font-weight:bold;
}

.SubNav li{
	font-weight:normal;
}

.Nav li a{
	text-decoration:none;
	font-size:11px;
}

.Nav li a:hover{
	color:#E61C09;
}

.Nav li a.Selected{
	color:#E61C09;	
}

#AdminMenu{
	margin-top:20px;
	border-top:1px solid #cccccc;
}

#AdminMenu h3{
	margin:0px;
	text-align:right;
	padding: 5px 15px 5px 0px;
	line-height:13px;
	font-size:11px;
	background-color:#E61C09;	
	color:#ffffff;
}

#TpiMenu{
	margin-top:20px;
	border-top:1px solid #cccccc;
}

#TpiMenu h3{
	margin:0px;
	text-align:right;
	padding: 5px 15px 5px 0px;
	line-height:13px;
	font-size:11px;
	background-color:#E61C09;	
	color:#ffffff;
}


/* ----------------------------------------------------------------------------------- PAGE TITLE CLASSES */
#PageTitleBar {
  height: 50px;
  background: #365fa8 url(../../Img/B/Design/PageTitleBackground.gif) no-repeat bottom right;
}

#PageTitle {
  float: left;
}

#PageNav {
  float: right;
  margin: 12px 5px 0px 0px;
}

#PageNav select {
  height: 15px;
  width: 125px;
  font-size: 9px;
}

/* ----------------------------------------------------------------------------------- PAGE FOOTER CLASSES */

#ClearFooter{
  height:45px;
}

#Footer {
  height: 25px;
  margin:-50px 0px 0px 0px;
  position:absolute;
  z-index:100;
  width:760px;
}

#FooterContainer{
  margin-left:165px;
  font-size: 9px;
  height: 25px;
  padding-top: 6px;
  text-align:left;
}

#FooterWide	#FooterContainer{
	margin-left:10px;  
}

#FooterTop {
  height:20px;
}

#FooterBottom {
  border-top:1px solid #999999;
  padding-top:1px;
  margin-bottom:5px;
}

#FooterBottom div, #FooterTop div, #FooterTop div a, #FooterBottom div a{
	color:#999999;
	text-decoration:none;
}

#FooterBottom div{font-size:9px}

#FooterTop div{font-size:11px;}

#FooterTop .FloatRight a{
	padding-left:15px;
	background:transparent url(../../Img/A/Design/arrow_up.gif) no-repeat left center;
	text-decoration:none;
	font-size:11px;
}

.FooterSecurityLogo{
    margin-top: -38px;
    width: 100px;
    height: 35px;
    position:relative;
    background: url(../../Img/B/Design/entrust.gif) no-repeat top right;
    float:right;
}



/* --------------------------------------------------------------------------- POD CLASSES */


.podContainer
{
	width:155px;
	margin-bottom:10px;
}

.podHeader
{
background:#969696;
padding:2px 5px 2px 10px;
color:#FFFFFF;
}

.podBody
{	padding:5px;
	border-left:1px solid #969696;
border-right:1px solid #969696;	
line-height:17px;
}

.podFooter
{
	font-size:1px;
	background:url(../../img/a/design/pod_grey_bl_corner.gif) no-repeat bottom left;
	height:6px;
}

.podFooterRight
{
	width:10px;
	float:right;
	font-size:1px;
	background:url(../../img/a/design/pod_grey_br_corner.gif) no-repeat bottom right;
	height:6px;
}



/*   Datalist Pod Container */
.DataListPod, .DataListPod .toprow, .DataListPodFooter{
	width:595px;
}

.DataListPod .toprow{
	height:25px;
	border-bottom: 1px solid #F21C0A;
}

.DataListPod .toprow .left h2{
	font-weight:bold;
	color:#FFFFFF;
	margin:0px;
	padding:2px 0px 0px 5px;
}

.DataListPod .toprow .left{
	height:100%;
	width:350px;
	background:#F21C0A;
	float:left;
}

.DataListPod .toprow .middle{
	height:100%;
	width:237px;
	float:left;	
	border-top: 1px solid #F21C0A;	
}

.DataListPod .toprow .right{
	height:100%;
	width:8px;
	background:#ffffff;
	float:right;	
	background: white url( ../../img/a/design/grid_tr_corner.jpg) no-repeat top right;
}

.DataListPod .content{
	border-left: 1px solid #F21C0A;	
	border-right: 1px solid #F21C0A;
	border-bottom: 1px solid #F21C0A;	
}

/*   Datalist Pod Footer Container */

.DataListPodFooter{
	height:25px;
}

.DataListPodFooter .left, .DataListPodFooter .middle, .DataListPodFooter .right{
	height:100%;
	background-color:#DEDEDE;
}

.DataListPodFooter .left{
	width:8px;
	float:left;
	background: white url( ../../img/a/design/grid_bl_corner.jpg) no-repeat bottom left;	
}

.DataListPodFooter .middle{
	width:579px;
	float:left;	
	border-bottom: 1px solid #F21C0A;	
}

.DataListPodFooter .right{
	width:8px;
	float:right;	
	background: white url( ../../img/a/design/grid_br_corner.jpg) no-repeat bottom right;	
}

/*  Datalist Container Div To Override Settings (This is created by setting property on control)*/
.Width415 .DataListPod, .Width415 .DataListPod .toprow, .Width415 .DataListPodFooter{
width:415px;}

.Width415 .DataListPod .toprow .left{width:290px;}
.Width415 .DataListPod .toprow .middle{width:117px;}
.Width415 .DataListPodFooter .middle{width:399px;}


/*   Datalist Pod Inner Content Table */

.DataListTable{
	border-collapse:collapse;
	width:100%;
}

.DataListTable td{
	padding:5px;
	font-size:10px;
}

.DataListTable .HeaderRow td{
	font-size:10px;
	vertical-align:middle;
	border-bottom: 1px solid #F21C0A;
	background-color:#DEDEDE;
 }

.DataListTable .Rows td{
	border-bottom: 1px solid #DEDEDE;
	font-size:10px;
	padding:10px 0px 10px 0px;
	vertical-align:middle;
}

.DataListTable .Rows .Spacer{
	border:none;
	width:5px;
}

.DataListTable .LastRow td{
	height:20px;
}

.DataListTable .DataListCrn{
	width:100px;
	text-align:left;
}

.DataListTable .DataListCount{
	width:60px;
	text-align:center;
}

.DataListTable .DataListHeading{
	vertical-align:top;
	font-weight:bold;
}

#Adobe, #AdobeLogo, #AdobeText{
	height:35px;
}

#AdobeLogo{
	width:110px;
	float:left;
	background:transparent url(../../Img/Com/getacro.gif) no-repeat center center;
}

.NoneFound{
	height:40px;
	padding-top:10px;
}

.Container, .Container table{
	width:593px;
}

#B2BUserDetails, #AccountSearch, #B2BAccountSearch{
	margin-bottom:20px;
}

#AccountSearchResults, #B2BAccountSearchResults, #BillingAccountList{
	margin-bottom:45px;
}

.ButtonBarContainer{
	margin-bottom:40px;
}

.PageButtonBar{
	width:100%;
	height:20px;
	margin:10px 0px 10px 0px;
}

.ButtonBar{
	margin:3px 0px 0px 0px;
}

.ButtonBar a{
	margin-right:10px;
}

.ButtonBarLeft{
	float:left;
	margin-left:3px;
}

.ButtonBarRight{
	float:right;
	margin-right:3px;
}

tr.masterAcc td{color:blue;}
tr.masterInfo td{color:red;}