/* AOL pre-styleguided elements .........................................................*/
.artzBtn { cursor:pointer; font:normal 11px Tahoma,Arial,sans-serif !important; border:solid 1px #7089A3 !important; color:#285A74 !important; background-color:#EDF4FA; filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FCFEFE,endColorStr=#D7E8F4); padding:1px 0px 2px; margin:0 1px; }
.artzBtnSpecial {  cursor:pointer; font:normal 11px Tahoma,Arial,sans-serif !important; border:solid 1px #7089A3 !important; color:#285A74 !important; background-color:#EDF4FA; filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FCFEFE,endColorStr=#D7E8F4); padding:0 .25em 0 .25em; width:auto; overflow:visible; }
 a.artzBtn { display:inline-block; text-decoration:none; padding:2px 14px 4px; margin:0 4px; }
.artzBtn:hover { background-color:#DAECFF; filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FAFDFF,endColorStr=#8FBEE7); }
.artzBtn:active { background-color:#EFF6FA; filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#BCD6EA,endColorStr=#F8FBFD); }
.def { border:solid 1px #58B926 !important; color:#09740B !important; background-color:#D4F4C5; filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FBFEF9,endColorStr=#BDEEA6); }
.def:hover,.defHov { background-color:#BFEBAA; filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F9FEF7,endColorStr=#7BED46); }
.def:active,.defAct { background-color:#C6FFA9; filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#99E576,endColorStr=#F5FCF1); }
.artzOff { border:solid 1px #DEDEDE !important; color:#AAA !important; background-color:#EFEFEF; filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FEFEFE,endColorStr=#ABABAB); }

/* Fonts */
body { font-family: Arial, Verdana, sans-serif; color:#000;font-size:12px;background-color:transparent}
h3 { color:#036;}
h2.oaH1,H1#oaH1 { font-size:14px; font-weight:bold;margin:0}
h4,label, #rsaLbl { font-size:12px; font-weight:bold;}
p, span,#oaLgnContnt,#oaMLgnContnt, #oaTxt2, #oaLgnContnt a,#oaMLgnContnt a, #oaLrnMore { font-size:11px;}
#oaFtrGrp,#oaMFtrGrp, #oaNote, #oaNote a, #oaFtrGrp a,#oaMFtrGrp a, #oaAreqTxt a, p a, #oaUserId a, #oaHelpContent ul li, #oaCloseWindow { font-size:11px;}
#oaFtrGrp a,#oaMFtrGrp a, #oaAreqTxt a, p a, #oaLgnContnt a,#oaMLgnContnt a, #oaUserId a, #helpContainer a, #oaCloseWindow { text-decoration:none; color:#0000FF;font-weight:normal}
#oaFtrGrp a:hover,#oaMFtrGrp a:hover, #oaAreqTxt a:hover, p a,#oaLgnContnt a:hover,#oaMLgnContnt a:hover,#helpContainer a:hover,#authContainer a:hover,#authMContainer a:hover { text-decoration:underline;}
#oaErr, #oaAsqErr, #oaSecIdErr { color:#cc0000;}
#oaUserId {font-size:11px;color:#fff;font-weight:bold;}
.oaHelpContent h4 { color:#003366;font-size:14px; }
.txt2{font:normal 12px Arial;color:#000000}
.txt5{font-size:14px;color:#003366;}
#oaLgnContnt .boldText,.boldText,#oaMLgnContnt .boldText{font-weight:bold}
li{font-size:12px}
h4,form{margin:0px;padding:0px}
/* help pages */
#helpContainer { width:565px; margin:0; padding:0;}
.oaHelpContent { padding:15px 20px 0 10px; width:500px;}
a#oaCloseWindow { width:500px;text-align:right;float:right;margin-right:20px }

/* common */
#authContainer {position:relative; clear:both; float:left; width:500px;height:300px}
#authMContainer {position:relative; clear:both; min-width:230px;width:auto;max-width:500px}
#oaTbar { border:1px solid #a9c1d4; background-color:#65a1d0; height:40px; Filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffB4DEFC', endColorstr='#ff4087BF', gradientType='0'); }
#oaAOLlogo { margin:10px 0 0 10px;float:left}
#oaMFtrGrp { clear:both;width:auto;_width:auto; height:15px; padding:5px; text-align:right; background-color:#deebf7 }
#oaFtrGrp { position:absolute;bottom:0;width:490px;_width:500px; height:15px; padding:5px; text-align:right; background-color:#deebf7 }

#oaFtrGrp #crsn,#oaMFtrGrp #crsn{float:left;text-align:left}
#oaHlp { float:right; padding:0 3px 0 0; }
#authContainer #up5,#authMContainer #up5 {display:block;margin:0}
#oaErr {height:24px;}
#oaAsqErr {height:30px;}


/* login pages */
#oaMLgnContnt {position:relative;clear:both;display:block; margin:0; padding:5px 5px 0;width:auto}
#oaLgnContnt {position:relative;clear:both;display:block; margin:0; padding:5px 10px 0;_width:499px;width:479px;height:220px}
#oaLeft { margin:0; text-align:left; width:300px;height:219px}
#oaTop { display:inline;margin:0; text-align:left; width:auto;margin-top:10px}


#oaRight { 
 position:absolute;
 top:10px;
 left:320px;
 width:176px;
 height:211px;
 margin-bottom:8px;
 border:1px solid #a9c1d4;
 background-color:f6f6f6;
}

#oaRight p,#oaModule p { _margin-left:7px;}
#oaRight label,#oaModule label { display:block;margin:2px 0 0;}
#oaModule{height:213px;width:176px;display:block;margin:0px auto !important;
 border:1px solid #a9c1d4;
 background-color:f6f6f6;
}
#oaScrnNm, #oaPsWrd { width:166px;}
#oaBtnGrpLgn { position:absolute;top:172px;right:px;margin:0;height:22px;text-align:center; width:185px;}
#passCdHeader {margin:10px 0 0 5px; height:35px}  
#rsaImg {float:right;margin-right:8px}  
#rsaLbl {float:left;font:bold 12px Arial;height:35px;vertical-align:middle;padding-top:8px}    
label#ssolbl{display:inline;width:143px}
a#switchlnk{font-size:12px}
#oaLoginDesc{width:auto;text-overflow:ellipsis;overflow:hidden}
.oaInputs {width:166px;border:1px solid #8F8F8F;}
#oaInputs {margin:20px 0 0 4px; }
#oaSecInputs {height:80px;_height:90px; margin:14px 0 0 5px;}
/* consent */
#cblk {margin:7px 0 7px 0;height:185px;}
#m_cblk {margin:5px 0 3px 0;}
#cleft{float:left;display:inline;width:480px;height:165px;}
#m_cleft{float:left;display:inline;width:auto;}
#cleft p,#m_cleft p {margin:0;font-size:11px}
#cleft a,#m_cleft p{font-size:11px}
#urlBox { margin-top:7px;padding-top:3px;height:17px;background-color:#deebf7; }
#m_urlBox { margin-top:3px;padding-top:3px;height:17px;background-color:#deebf7; }
#urlBox h5, #urlBox p {margin:0}
#refUrl{width:480px;text-overflow:ellipsis;overflow:hidden;font-size:11px}
#m_refUrl{width:auto;text-overflow:ellipsis;overflow:hidden;font-size:11px}
#oaUserId {margin:12px 10px 0 0;text-align:right;width:auto}
#oaBtnGrpConsnt { margin:0 10px; text-align:center;height:20px}
#m_oaBtnGrpConsnt { margin:0 0px; text-align:center;height:60px}
#m_oaBtnGrpConsnt input{margin:3px 0px}
.m_brk{margin-top:3px}
.brk{margin-top:10px}
/*help pages */
.helpBodyWidth{width:400px}
#bb{padding:0px 10px}
#bb a{font-size:12px;text-decoration:none}
#oach{font:bold 11px arial;margin:0px;padding:0px}
.txt11{font:normal 11px arial}
#helpContainer .txt2bl{font:bold 12px arial;color:#003366;text-decoration:underline}
#helpContainer .txt2l{font:normal 12px arial;color:#003366;}
#helpContainer .txt2b{font:bold 12px Arial}
#helpContainer .txt5b{font:bold 13px Arial}
#helpContainer h4{font:bold 13px Arial;color:#003366;}
#cfaqs li{padding-bottom:10px}




/* New section for tabs */

.inputBox  { width:160px; }
.sns_LoginTabs { width:100%; clear:both; height:25px; background-color:#707476; }

.oa_noTabs{
width:100%; clear:both;
border-top:solid 1px #707476;
background-color:#f6f6f6; 
height:196px; 
  }
.sns_LoginTabs ul a { cursor:hand; }


.sns_LoginTabs ul li img{border:none}


/*for IE and AOL Explorer*/
.sns_LoginTabs ul li a:hover { cursor:pointer;}

/*for Firefox and others*/
.sns_LoginTabs ul {
list-style:none;
margin:0px 0 0 1px;
padding:2px 0 0 0;
}

.sns_LoginTabs ul li {
background-repeat:repeat-x;
float:left;
padding:0 1px 2px 0;
_padding:0 1px 0 0;
margin-right:2px;
height:21px;
_height:24px;
background-color:rgb(233,233,233);
}

.sns_LoginTabs ul li a {
font-weight:bold;
padding:0 0 0 0;
margin:1px 0 0 0;
text-decoration:none;
}


.sns_LoginTabs .selected {
 background-color:#f6f6f6;
 padding:0px 0px 6px 0px;
 _padding:0px 0px 6px 0px;
 color:black;
 font-weight:bold;
 display:block;}

.sns_LoginTabs .selected a { text-color:black; text-decoration:none;  margin:0 0 0 1px;}




.snslogintypes .content {
  border:none;
  clear:both;
  width:100%;
  display:none;
  background-repeat: repeat-x;
  height:170px;
  }

 
 #sns_LoginAol, #sns_LoginIcq, #sns_LoginOpenId  { padding-left:5px; }
 
#oaButtons { text-align:right;margin-right:4px; padding:6px 0 5px 0; }

#tosctnt table td.ts1{width:200px;text-align:right;font:bold 12px Arial;padding-right:10px;height:30px}
#tosctnt table td.ts2{width:250px;text-align:left;}
#tosdesc,#tosdesc a,#regImage,#regImage a{font:normal 12px Arial}
#tosdesc{margin-bottom:30px}
#authContainer1 {position:relative; clear:both; float:left;width:500px;height:760px}
#oaBtnGrp{text-align:center;height:22px}
#tosctnt table td .inpWdt{width:250px}
#tosctnt table td .inpWdt2{width:128px}
#errTextId{clear:both;font:normal 12px Arial;color:#CC0000;border:solid 1px #CC0000;background-color:#FBFBE7; padding:5px;}
.oa_text3{font:normal 10px Arial;vertical-align:top} 
#audioLnk,#imgText{vertical-align:top}

/* Open Id login page styles used for loading from SNS std/mini and also directly in openAuth login */
.m_label { font-size:11px; font-weight:bold; }

    .m_span { font-size:11px; font-weight:italic; }

    .m_oaInput {
       width:166px;
       background-color: #fff;
       background-position: 0 50%;
       color: #000;
       padding-left:18px;
       border:1px solid #8F8F8F;
       margin-left:-3px}

    #m_openUrlErr { font-size:11px; color:#cc0000; padding-bottom:3px;height:25px}

    #m_oaTabBtns  { text-align:right;margin-right:4px; padding-top:25px; }
    
    #sns_LoginOpenId { padding:10px 0 0 8px; }

    .std_label { font-size:12px; font-weight:bold; color:#696969; }

    .std_span { font-size:12px; font-style:italic; color:#696969;}

    .std_oaInput {
     width:292px;
     background-color: #fff;
     background-position: 0 50%;
     color: #000;
     padding-left:18px;
     border:1px solid #8F8F8F;
     }

    #std_openUrlErr { font-size:12px; color:#cc0000; padding-bottom:10px;}

    #std_oaTabBtns  { text-align:right; padding-top:25px; }

   /* audio page styles */
 .oaAudio6{padding:0px;margin:0px 0px 10px 0px;width:480px;float:left}
.oaAudio7{float:left;text-align:right;width:170px;margin:0px 3px 10px 0px;}
.oaAudio8{width:300px;float:right;text-align:left;}
#audioContent{position:relative; clear:both; float:left;width:500px;height:260px}
#audioContent a.audioHelpFnt{font:normal 12px Arial;color:#FFFFFF}
#audioContent #audioHelpId{float:right;margin:12px 8px 0px 0px;font:normal 12px Arial;color:#FFFFFF}
#audioMod a{font:normal 12px Arial}
#audioContent a{text-decoration:none}
#audioContent a:hover{text-decoration:underline}