/* --- identex styles --- */

/*
padding-top
padding-right
padding-bottom
padding-left
*/

#idxheader { background: #f5cce0; margin: 0 0 18px 0; padding: 0 0 5px 0; }
#idxheader div { background: #db3485; padding: 0 0 5px 0; }
#idxheader div div { background: #013499; padding: 0; }
#idxheader img { vertical-align: bottom; }
#idxheader #logo1 { text-align: left; float: left; padding: 0 0 0 0;}
#idxheader #logo2 { text-align: center; float: left; padding: 0 0 0 130px; }
#idxheader #logo3 { text-align: right; padding: 0 0 0 0; }

#security {}
#security .txtblue { font-size: 1.2em; background: #ffffff; color:#003399;}
#security .txtblack { font-size: 1.1em; background: #f2f2f2; color:#000000;}

#security .greybox { margin: 0 0 1em 0; font-size: 1.2em ; color: #c06; background: #f2f2f2 url(/images/form/grey/top_left.gif) no-repeat scroll top left; text-align: center; }
#security .greybox div { background: url(/images/form/grey/top_right.gif) no-repeat scroll top right; }
#security .greybox div div { background: url(/images/form/grey/bottom_left.gif) no-repeat scroll bottom left; }
#security .greybox div div div { background: url(/images/form/grey/bottom_right.gif) no-repeat scroll bottom right; }

#security .pdfbox { margin: 0 0 1em 0; font-size: 1.2em ; color: #c06; background: #f2f2f2 url(/images/form/grey/top_left.gif) no-repeat scroll top left; text-align: center; }
#security .pdfbox div { background: url(/images/form/grey/top_right.gif) no-repeat scroll top right; }
#security .pdfbox div div { background: url(/images/form/grey/bottom_left.gif) no-repeat scroll bottom left; }
#security .pdfbox div div div { background: url(/images/form/grey/bottom_right.gif) no-repeat scroll bottom right; }



#problemtext {text-align:center; font-size: 1.1em; color: #003399; background: #ffffff;}
#btnNext, #btnQuit, #btnSubmit	{text-align:right;}

#quitbtns #btn1 { text-align: left; float: left; }
#quitbtns #btn2 { text-align: right; padding: 0 0 0 0; }

#merchImages {border: none; width: 100%; padding: 0 0 0 20px; text-align: center; display:table;}
#merchImages .row {border: none; }
#merchImages .cell-1 {border: none; float: left; margin: 0; padding: 0; width: 33%; text-align: center; display:table-cell; }
#merchImages .cell-2 {border: none; float: left; margin: 0; padding: 0; width: 33%; text-align: center;  display:table-cell;}
#merchImages .cell-3 {border: none; float: right; margin: 0; padding: 0; width: 33%; text-align: center; display:table-cell; }
#merchImages .line { clear: both; margin: 0; padding: 0; width: auto;}

#main { width: 590px; padding: 0 0 0 20px; float: left; }

#main .formheader { color:#ffffff; background: #CC0066 url(/images/form/topleftcorner.gif) no-repeat scroll top left;}
#main .formheader div { background: url(/images/form/toprightcorner.gif) no-repeat scroll top right; }
#main .formheader div div {
	text-indent: 12px;
	height:30px; 
	width: 590px; 
	display: table-cell; 
	vertical-align: middle; 
	}
	
#main .contentouter { width: 588px; border-right: 1px solid #cc0066; border-left: 1px solid #cc0066;  }
#main .contentinner { margin-left:12px; margin-right:12px;}
	
#main .formfooter { width: 590px;  height:11px;background: url(/images/form/bottomleftcorner.gif) no-repeat scroll bottom left;}
#main .formfooter div { height:11px; background: url(/images/form/bottomrightcorner.gif) no-repeat scroll bottom right; }
#main .formfooter div div { height:11px; background: url(/images/form/bottomline3.gif) no-repeat scroll bottom center; }

#main hr { color: #cccccc; background-color: #cccccc; width:100%;}

#main .centered {text-align:center;}
#main .alignRight {text-align:right;}

#main .progress {text-align: center;}
#main .errorArea {font-weight: bold; font-size: 1.2em; color: #ff0000; background: #ffffff; }
#main .bgmagenta { color:#ffffff; background:#CC0066;}
#main .registering { text-align: center; font-size:1.2em; color:#003399; background:#ffffff;}
#main .requiredtext {text-indent:6px;font-size:1.1em; color:#003399; background:#ffffff;}
#main .continue { text-align: right;}
#main .confirmnamerow {font-size:1.2em; color:#ffffff; background:#CC0066;}

#main .tescologo { width: 588px; text-align: right; border-right: 1px solid #cc0066; border-left: 1px solid #cc0066; }
#main .creditcardimage {text-align:center;}

#main .merchcol1 { width: 150px; } /*same as main col1*/
#main .merchcol2 { width: 40px;}
#main .merchcol3 { width: 50px;}
#main .merchcol4 { width: 70px;}
#main .merchcol5 { width: 94px;}
#main .merchcol6 { width: 50px;}
#main .merchcol7 { width: 74px;}

/*reading room integrated merch table*/

/*
#merchRRdiv .merchcol2 { width: 40px;}
#merchRRdiv .merchcol3 { width: 50px;}
#merchRRdiv .merchcol4 { width: 70px;}
#merchRRdiv .merchcol5 { width: 94px;}
#merchRRdiv .merchcol6 { width: 50px;}
#merchRRdiv .merchcol7 { width: 74px;}
*/

#merchRRdiv .merchcol1 { width: 150px; border: 0; } /*same as main col1*/
#merchRRdiv .outofstock {background: #ffe6f2; color: #cc0066;}

#main .widthcol1 { width: 150px; }
#main .widthcol2 { width: 10px;}
#main .widthcol3 { width: 140px;}
#main .widthcol4 { width: 220px;}

#main .textcell {margin-left: 175px; padding-left: 0;}

#main .widthcolOptElem { width: 10px;}
#main .widthcolOptText { }

#main .idxtxtStageLarge { font-weight: bold; font-size: 1.3em; background: #FFFFFF; color: #CC0066;}
#main .idxtxtStageSmall { font-weight: normal;font-size: 1.2em; background: #FFFFFF; color: #CCCCCC;}
#main .text { font-size:1.2em; color:#000000; background:#ffffff;}
#main .textblue { font-size:1.2em; color:#003399; background:#ffffff;}
#main .textmagenta { font-size:1.2em; color:#cc0066; background:#ffffff;}
#main .textmagentabold { font-size:1.2em; color:#cc0066; background:#ffffff; font-weight: bold;}
#main .textwhitelarge{ font-size:1.3em; color:#FFFFFF; font-weight:bold; background:#cc0066;}
			
#main .contentouter { width: 588px; border-right: 1px solid #cc0066; border-left: 1px solid #cc0066;  }
#main .contentinner { margin-left:12px; margin-right:12px;}

/*reading room integrated pages...*/

#donateRR { width: 326px; padding: 0 0 0 20px; float: left; }
#donateRR .textwhitelarge{ font-size:1.3em; color:#FFFFFF; font-weight:bold; background:#cc0066;}
#donateRR .formheader { color:#ffffff; background: #CC0066 url(/images/form/topleftcorner.gif) no-repeat scroll top left;}
#donateRR .formheader div { background: url(/images/form/toprightcorner.gif) no-repeat scroll top right; }
#donateRR .formheader div div {
	text-indent: 12px;
	height:30px; 
	display: table-cell; 
	vertical-align: middle; 
	}
	
#merchRR { padding: 0 0 0 0px; float: left; }
#merchRR .textwhitelarge{ font-size:1.3em; color:#FFFFFF; font-weight:bold; background:#cc0066;}
#merchRR .formheader { color:#ffffff; background: #CC0066 url(/images/form/topleftcorner.gif) no-repeat scroll top left;}
#merchRR .formheader div { background: url(/images/form/toprightcorner.gif) no-repeat scroll top right; }
#merchRR .formheader div div {
	text-indent: 10px;
	height:30px; 
	display: table-cell; 
	vertical-align: middle; 
	}

/*legacy styles......................*/
		
#main .idxtextsml { font-size: 1.1em; font-family:"Arial", sans-serif; color: #000000; background: #ffffff;}
#main .idxformtextfield {font-size: 1.2em; font-family:"Arial", sans-serif; color: #000000; background: #ffffff; border: 1px solid #999999;}
#main .formselect {font-size: 1.2em; font-family:"Arial", sans-serif; color: #000000; background: #ffffff;}
		
#main .linktextmagenta:link { color: #cc0066; background: #ffffff; text-decoration: underline;}
#main .linktextmagenta:active { color: #cc0066; background: #ffffff; text-decoration: underline;}
#main .linktextmagenta:visited { color: #cc0066; background: #ffffff; text-decoration: underline; }
#main .linktextmagenta:hover { color: #cc0066; background: #ffffff; text-decoration: underline; }
#main .textbluesmall{ font-size: 1.1em; color: #003399; background: #ffffff;}
#main .formselectCode { font-size: 1.3em; color: #000000; background: #ffffff; width: 425px;}
#main input.radio { background : #FFFFFF; color: #000000; }

/* ------------------------- */