/*   added by Miguel 8/24/2004  */
body{
	margin: 0;
	padding:0;
	height: 100%;
	text-align: center;
	background-image:url(/images/bodyBg.gif);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#B8B8B8;
}
body div{
	text-align: left;
}
#htmlBody{
	width: 872px;
	display: block;
	position: relative;
	margin: 0 auto;
}
#htmlBody,body, table, td{
	FONT-SIZE: 12px; 
	font-family: Arial, Helvetica, sans-serif;
}  
input, select, textarea{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	border-width: 1px;
}
#menu2tab{
	padding: 0;
	margin: 0;
	position: relative; 
	left: 402px; 
	top: 8px;
	width: 244px; 
	height: 21px; 
	/*background-image:url(/images/menu2_tab.gif);
	background-repeat: no-repeat;*/
	text-indent:30px;
	vertical-align:bottom;
}

select{
	z-index: 1;
}
.cfselectList{
	width: auto;
	border: 1px solid #CCCCCC;
	font-size: 12px;
}
h3, h4, h6{
	font-size: 15px;
	/*font-weight: bold;*/
	color: #0B333C;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #CCCCCC;
	text-align:left;
}
.darkBlue{
	/*background-color: #0B333C;*/
	/*background-image:url(/images/forms/h4BG.gif);*/
	background: black url(/images/HeaderBG.gif) center center repeat-x;
}
.whiteBG{background-color: white;}
h4{
	border-top: 1px solid #CCCCCC;
}
h4, .formHeader{
	font-size: 12px;
	/*background-color: #0B333C;*/
	/*background-image:url(/images/HeaderBG.gif);*/
	/*background-image:url(/images/forms/h4BG.gif);*/
	background: black url(/images/HeaderBG.gif) center center repeat-x;
	color: #0B333C;
	padding: 0;
	padding-left: 3px;
	margin: 0 0 0 1px;
	font-weight: bold;
	height: 22px;
	width: 100%;
	display: block;
}
h5{
	margin: 0;
	padding: 0;
	padding-top: 3px;
}
h6{
	font-size: 13px;
	margin-bottom: 10px;
}
ol{
	padding: 0;
	margin: 0;
	margin-left: 30px;
}
ol li{
	margin: 3px;
	padding: 0;
}
ul{
	padding: 0;
	margin: 0;
}
li{
	padding: 4px;
	margin: 0;
}
form{
	padding: 0;
	margin: 0;
}
.emphasis{
	font-size: 10px;
	font-style:italic;
}
textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 90%;
}
.headline_white { 
	font-size: 13px; 
	font-weight: bolder; 
	color: #FFFFFF;
}
.mainBody{
	/*float:left;*/
	margin: 5px 5px 0 5px;
	padding: 5px;
	width: auto;
	z-index: 1;
}
input{
	margin: 0;
	padding: 0;
}
tbody{
	padding: 0;
	margin: 0;
	empty-cells:show;
}
.listRows{
	border-top: 1px solid #D5DDDD;
	border-bottom: 1px solid #D5DDDD;
	border: 1px solid #D5DDDD;	
	margin: 0;
	background-color: #f7f7f7;
	padding: 0;
	display: block;
}
.listRows div{
	height: 20px;
}
.listRows h4{
	margin: 0 0 0 0;
}
.reportCell {
	border: 1px solid #D5DDDD;
	border-width:0 1px 1px 0;
	text-align:center;
}
.calendarCell{
	border: 1px solid #D5DDDD;
	border-width: 0 1px 0 0;
}
.dateCell{
	text-align: right;
	font-weight: normal;
	font-size: 10px;
	padding-right: 3px;
}
.altRow	{
	background-color:#F7F7F7;
}
.whiteBg{
	background-color: #ffffff;
}
.redFont{
	color: 'red';
}
.redBox{
	display: block;
	border: 1px solid red;
	background-color:#FF8888;
	padding: 0 5px;
	line-height: 20px;
	margin: 5px auto;
}
.greenBox{
	display: block;
	border: 1px solid green;
	background-color:#88FF88;
	line-height: 20px;
	padding: 0 5px;
	margin: 5px auto;
}
.redBox_form{
	display: inline;
	border: 1px solid red;
	background-color:#FF8888;
	padding: 0 5px;
	line-height: 20px;
	margin: 5px auto;
	height: auto;
	clear: both;
}
.normal{
	font-weight: normal;
}
.strong{
	font-weight: bold;
}
#accountsCopy{
	float: left;
	padding-left: 10px;
	width: 100%;
}
#todoList {
	width: 200px;
	border: 1px solid #D5DDDD;
	height: 350px;
	float: left; 
	margin: 0 3px 0 3px;
}
#leftSide{
	width: 430px;
	height: 350px; 
	border: 0px solid #D5DDDD;
	float:left;
	overflow:auto;
	margin: 0;
	padding: 0;
}
.mainbody #leftSide div{
	width: 410px;
	height: auto; 
	border: 1px solid #D5DDDD;
	float:left;
	overflow:auto;
	margin-bottom: 4px;
}
#recoveryFiles {
	background-color: #FFE2A3;
}
#recoveryFiles h4{
	background-color: #B52323;
	/*color: #FFF;*/
}
#recoveryFiles span a{
	clear: both;
	display: block;
	border-top: 1px solid #D5DDDD;
	text-decoration: none;
}
#recoveryFiles span a:hover{
	background-color: #FFF0D0;
}
h4 .right a{
	font-size: 11px;
	color: #ffffff;
	margin: -14px 0 0 5px;
	padding: 0;
	background-color: #CCCCCC;
	display: inline;
	float: right;
	text-decoration:none;
	border: 1px solid #D5DDDD;
	width: 50px;
	text-align: center;
}
h4 .right a:hover{
	background-color: #D8D8E4;
	color: #0B333C;
}
/* Used for small buttons that are inside a form. -EP */
.btnFormSmall  
	{
		color : black;
		background : #B7BEDE;
		border-top: 2px solid #CAD0E9;
		border-right: 2px solid #9194A0;
		border-bottom: 2px solid #9194A0;
		border-left: 2px solid #CAD0E9;
		height : 1.9em;
		cursor : hand;
		width : 8em;
		text-align : center;
	}
	
.btnFormSmall2
	{
		color : black;
		background : #CDD3EC;
		border-top: 2px solid #CAD0E9;
		border-right: 2px solid  #9194A0;
		border-bottom: 2px solid #9194A0;
		border-left: 2px solid #CAD0E9;
		height : 1.9em;
		cursor : hand;
		width : 8em;
		text-align : center;
	}
.borderTop{
	border-top: 1px solid #CCCCCC;
}
.borderBottom{
	border-bottom: 1px dashed #CCCCCC;
}
.displayInfo {
	border: 1px solid #D5DDDD;
	background-color: #EEEEEE;
	margin: 3px;
	padding: 2px;
}
#selectList{
	margin: 0;
	margin-top: 3px;
	padding: 0;
}
#selectList li{
	list-style-type: none;
	margin: 0;
	padding: 0; 
}
#selectList a, #selectList a:link{
	font-size: 11px;
	height: 22px;
	display:block;
	border: 1px solid #CCC;
	border-width: 0 1px 1px 1px;
	/*background-color: #336;*/
	background-image:url(/images/HeaderBG.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	color: #0B333C;
	text-decoration: none;
	margin: 0;
	padding: 0;
	padding-left: 3px;
}
#selectList a:hover{
	background-image:url(/images/HeaderBG_over.gif);
	color: #336;
}
#instructions{
	float:left; 
	border-right: 1px solid #D5DDDD;
	font-size:13px; 
	margin:0;
	padding: 0;
	padding-right: 3px;
}
#partiesTable td{
	border-bottom:1px solid #D5DDDD;
}
#p1 {
text-indent: 0.5cm;
width: 220px; 
} 
#p2 {
width: 165px; 
color:navy;
}
#div1:first-letter
{text-transform: uppercase}

.newborder1{
	border: 1px solid #D5DDDD;
	border-width: 0 1px 0 0;
}
.formCell td{
	border: 1px solid #D5DDDD;
	border-width: 0 1px 0 0;
	text-align: center;
}
#nocallElement,#nocallElement3,#nocallElement2,#nocallElement1 {
	display:none;
}
#subNav{
	margin: 0;
	margin-left: 20px;
	padding: 0;
}
#subNav li a{
	border: 0 solid #336;
	border-width: 0 0 1px 1px;
	background-color: #EEE;
	color: #336;
}
#subNav li a:hover{
	border: 0 solid #336;
	border-width: 0 0 1px 1px;
	background-color: #FFF;
	color: #336;
}
#logo{
	font-size:80px;
	fontfamily:arial-black;
	font-weight:bold;
	letter-spacing:-0.90em;
	word-spacing:0.00em;
	}
#others	{
	vertical-align:bottom;
	font-size:20px;
	fontfamily:arial-black;
	font-weight:bold;
}
#formtitle{
	font-size:20px;
	fontfamily:arial-black;
	font-weight:bold;
}
.formTable{
	border: 1px solid #D5DDDD;
	background-color: #f7f7f7;
}
.hiddenRow {
	height: 0px;
	overflow:hidden;
	display:none;
}
/* MUA/users.cfm */
#navTabs, #formTabs{
	list-syle: none;
	display: block;
	clear: both;
}
#navTabs li{
	margin: 0;
	padding: 0;
	float: left;
	width: 70px;
	background-color:#336;
}
#navTabs li a{
	width: 100%;
	display:block;
	border: 1px solid #D5DDDD;
	border-width: 1px 0 0 1px;
	text-align:center;
	background-color: #336;
	color: #fff;
	text-decoration: none;
}
#navTabs li a:hover, #navTabs li a tab-button3{
	background-color: #EEE;
	color: #336;
}
#formTabs{
	float: right;
	clear:right;
}
#formTabs li{
	margin: 0;
	padding: 0;
	float: left;
}
#formTabs li a{
	width: auto;
	padding: 0 3px 0 3px;
	height: 16px;
	text-align:center;
	BORDER-LEFT: ButtonFace 1px solid; BORDER-TOP: ButtonHighLight 1px solid; 
	BORDER-RIGHT: ButtonShadow 1px solid;
	BACKGROUND: ButtonFace;  COLOR: ButtonText; 
	text-decoration: none;
}
#formTabs li a:hover{
	BACKGROUND: HighLight; COLOR: HighLightText;
}
.bigBold{
	font-weight: bold;
	font-size: 14px;
}

#r1Image{
	float: right;
	height: 62px;
	overflow:hidden;
}
#rLogo{
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style: italic;
	position: relative;
	height: 62px;
	border: 1px solid #000000;
	border-width: 0 0 2px 0;
	width: 120px;
	margin-bottom: 3px;
	padding-left: 5px;
	float: right;
}
.leftFloat #rLogo, .leftFloat #r1Image{
	float: left;
	margin-left: 5px;
}
.leftFloat #r1Image{
	position: absolute;
	left: 0;
	margin-top: 2px;
	margin-left: 10px;
}
.leftFloat2{
	float:left;
}
.rightFloat{
	float: right;
	padding: 0 5px 0 5px;
}
#r1Logo{
	font-size:20px;
	position: absolute;
	top: 20px;
	left: 5px;
}
#r2Logo{
	font-size:40px;
	position:absolute;
	left: 40px;
	top: 8px;
	font-weight: 500;
}
#r3Logo{
	font-size:20px;
	position:absolute;
	top: 43px;
	left: 40px;
}
hr{
	border-bottom: 1px solid #CCCCCC;
	padding: 0;
	margin: 0;
	height:1px;
}
#fillPage{
	width: 100%;
	height: 100%;
	background-color: ButtonFace;
	text-align: center;
	vertical-align:middle;
	padding: 0;
}
#productDisplay{
	background-color: #ffffff;
	width: 600px;
	height: 400px;
	padding: 0;
	margin: 0;
	padding-left: 5px;
	padding-top: 5px;
}
.checkBoxHolder{
	width: 15px;
	display: inline;
	float: left;
	padding-right: 3px;
	border-right: 1px solid #D5DDDD;
	height: 22px;
}

.storetext{
	font-size: 11px;
	letter-spacing: 1px;
	width: 100%;
	margin: 5px;
}
.productHeader, #columnHeader, .productSubHeader{
	width: 100%;
	border-bottom: 1px solid #D5DDDD;
}
.productHeader{
	border-top: 1px solid #fff;
	background-color:#ffffff;
}
.columnLeft, .columnLeft25{
	text-align: right;
	width: 33%;
	display:block;
	float: left;
	font-weight: bold;
}
.columnLeft25{
	width: 25%;
	text-align:left;
}
/* used in the landing page*/
.column340{
	width: 340px; float:left;margin-right: 5px;
}
.column340 div{
	border: 1px solid #D5DDDD;  margin-bottom: 5px; width: 99%;
	background-image:url(/images/divBg.jpg);
	background-repeat:repeat-x;
	background-position: center;
}
.column340 div div{
	border-width: 0; margin: 0;
}
/* end of landing page styles */
.columnRight, .columnMiddle, .columnRight20{
	padding: 0 0 5px 10px;
	display: block;
	float: left;
	width: 60%;
}
.columnMiddle{
	width: 40%;
}
.columnRight20{
	width: 20%;
}
.column200{width: 200px;}
.column100{width: 100px;}
.column150{width: 150px;}
.column300{width: 300px;}
#columnHeader{
	font-weight: bold;
	padding-top: 10px;
}

.productSubHeader, .productSubHeader1{
	border-top: 1px solid #0B333C;
	border-bottom: 1px solid #0B333C;
	background-color:#FFF;
	display: none;
}
.productSubHeader1{
	display: block;
	clear: both;
}
.productSubHeader .productColumn{
	font-weight: normal;
}
.quantityColumn{
	float: right;
	/*width: 120px;*/
}
.productColumn{
	float: left;
	font-weight: bold;
	padding-left: 3px;
}
.productColumn a{
	font-weight: normal;
	font-size: 11px;
	font-style:italic;
	text-decoration:underline;
}
#logoNav{
	margin: 0;
	padding: 0;
}
#storeNav{
	width: 550px;
	margin: 0;
	padding: 0;
	height: 18px;
}
#storeNav li, #logoNav li{
	margin: 0;
	padding: 0;
	float: right;
	display: inline;
}
#storeNav li a{
	background-color: #336;
	color: #FFF;
	text-decoration: none;
	font-size: 11px;
	padding: 0 3px 0 3px;
	height: 17px;
}

#logoNav li a{
	background-color: #fff;
	height: 18px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 0 3px 0 3px;
	margin: 0;
}
#storeNav li a:hover, #logoNav li a:hover{
	background-color: #D8D8E4;
	color: #000;
}
#cartHolder, #storeHolder{
	border: 1px solid #D5DDDD;
	border-width: 1px 1px 0 0;
	width: 37px;
	padding: 0;
	margin: 0;
	display: inline;
}
#storeHolder{
	width: auto;
	border-left-width: 1px;
}
#cartHolder a{
	display: block;
	text-indent: -9999px;
	background-image: url('/images/icoCart_link.gif');
}
#cartHolder a:hover{
	background-image: url('/images/icoCart.gif');
}
#desktopCart_icon,#onlineCart_icon,#cdCart_icon,#retsCart_icon,#ntcarCart_icon{
	background-image: url('/images/icoCart.gif');
	width: 40px;
	display:none;
	height: 16px;
}
.quantity{width: 40px;}
.productDesc{
	display: none;
	background-color:#fff;
	border: 1px solid #ccc;
	border-width: 0 1px 0 1px;
	background-image: url('/images/descShadow.gif');	
	background-repeat: repeat-x;
	padding-top: 5px;	
}
.descText{
	font-size: 12px;
	display: block;
}
.descText .textCopy{
	padding: 5px 10px 0 10px;
	/*margin-left:10px;*/
	display: block;
}
.descText .emphasis{
	display: block;
	border-top: 1px dashed #D5DDDD;
	padding: 0 10px 0 10px;
	background-color: #D8D8E4;
}
.descText h3{
	font-size: 13px;
	margin-top: 8px;
}
.features, .requirements{
	margin: 0;
	padding: 0;
}
.features li{
	font-style: italic;
	font-weight: bold;
	font-size: 11px;
	list-style-type: square;
	padding-left:0;
	margin-left: 30px;
}
.requirements li{
	font-style: italic;
	font-size: 11px;
	list-style-type: square;
	margin: 0;
	margin-left: 30px;
	padding: 0;
}
.topLink{
	border: 1px solid #ccc;
	border-width: 1px 0 0 0;
	border-bottom: 1px solid #D5DDDD;
	width: 100%;
	text-align:right;
	padding-right: 3px;
	clear:both;
}
.topLink a{
	color: #0B333C;
	font-weight: bold;
	font-size:10px;
	text-decoration: none;
}
.borderNone{
	border-width: 0;
}
.borderAll{
	border: 1px solid #D5DDDD;
	height: 200px;
}
.borderLeft{
	border-left: 1px solid #D5DDDD;
}
.borderRight{
	border-right: 1px solid #D5DDDD;
}
.finePrint{
	font-size: 10px;
}
.leftSide{
	width: 430px;
	float: left;
	height: 386px;
	border-right: 1px dashed #C0C0C0;
}
.rightSide{
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
}
.formBody{
	margin: 0;
	padding: 0 3px 0 3px;
}
#contractList div{
	display: block;
	height: 20px;
	width: 100%;
}
.footerMessageDiv{
	border-top: 1px solid #C0C0C0;
	background-color:#efefef;
	/*padding-left: 5px;*/
}
.whiteBg{
	background-color: #FFF;
}
.redBg{
	background-color: #EC6B6B;
}
.yellowBg{
	background-color: #FFFFCC;
}
#tokenStore{
	width: 250px;
	height: 150px;
	display: none;
	position: absolute;
	background-color: #fff;
	border: 1px solid #000;
}
#tokenStore form{
	padding: 2px;
}

#pubValidate{
	position: absolute;display:none;width: 300px;height: 150px;top: 270px;
}
#pubValidate span{
	padding: 0 3px 0 3px 0;
}
.imgHolder{
	display: block;
	float: left;
	width: 200px;
	height: 200px;
	border: 1px solid #000000;
}
/*  ar call log */
.dateRow{
	text-decoration: none;
	text-align: center;
	width: 100%;
	display: block;
}
.dateRow:hover{
	background-color: #ccddFF;
}
.noShow{
	display: none;
}
.showRow{
	display: table-row;
}
/* end of ar call log styles */
.ytab {padding: 10px;}
.isRequired{
	background-color: #FFFFCC;
}
table.cfdebug {position: relative; left: 0; width: 100%; overflow:hidden;} 
table.cfdebug pre{
	display: block;
	clear:both;
	float: left;
	white-space: pre-wrap;       /* css-3 */
	 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	 white-space: -pre-wrap;      /* Opera 4-6 */
	 white-space: -o-pre-wrap;    /* Opera 7 */
	 word-wrap: break-word;       /* Internet Explorer 5.5+ */
} 
table.cfdebug code{clear:both;}
table.cfdebug * {position: relative; top: 0;}