#os { width: 746px; _width:680px; heigth: 1000px; background: url(/images/OptimumSelect/mainbkg.jpg) top left repeat-y; }
.current #os { width: 746px; }
.update #os #content { _width: 728px; }

.createhdr, .hdr { width: 746px; height: 80px; background: url(/images/OptimumSelect/header.jpg) top left no-repeat; margin-left: 0px; padding: 10px 20px; font: 19px Arial; color: #fff; }
#os .createhdr, #os .hdr { margin-left: 0px; }
#os .welcomehdr { background: url(/images/OptimumSelect/os_header2.jpg) top left no-repeat; color: #fff; font-size: 14px; height: 100px; padding:10px 20px; }
html>body #os .welcomehdr { height:80px; }
#os .welcomehdr span { color: #fff; font-size: 28px; position: absolute; left: 20px; }
#os .successhdr { width: 746px; height: 100px; background: url(/images/OptimumSelect/successhdr.jpg) top left no-repeat; }
.hdr2 { width: 746px; height: 80px; background: url(/images/OptimumSelect/header2.jpg) top left no-repeat; margin-left: 6px; padding: 10px 20px; font: 19px Arial; color: #fff; }
.hdr3 { width: 746px; height: 63px; background: url(/images/OptimumSelect/header3.jpg) top left no-repeat; margin-left: 0px; padding: 10px 20px; font: 19px Arial; color: #fff; }
#os #osheader { background: url(/images/OptimumSelect/osheader.jpg) top left no-repeat; width: 746px; height: 9px; font-size: 1px; margin-top: 20px; }
#os #osfooter { background: url(/images/OptimumSelect/osfooter.jpg) top left no-repeat; width: 746px; height: 9px; font-size: 1px }

.popup #tpPopupCloseButton {background:url(/images/common/x_div.png) top left no-repeat;}
.popup { display: none; width: 420px; height: auto; border: 1px solid #444; padding: 0 10px; font-size: 13px; font-family: Arial; text-align: left; }
.popup h1 { text-transform: uppercase; color: #0175ac; font-size:14px; font-weight: bold; border-bottom: 1px solid #c2c2c2; padding-bottom: 10px; }
.popup input.long { width: 100%; }
.popup a { border-bottom: 1px solid #0175ac; font-size: 11px; }
.popup p span { font-weight: bold; }
.popup .buttonsArea { text-align: right; border-top: 1px solid #c2c2c2; padding-top: 10px; padding-bottom: 10px; margin-top:10px; }
.popup .continuebtn, .ajaxBox .continuebtn { border:none; width:83px; height:28px; background: url(/images/OptimumSelect/continuebtn2.gif) top left no-repeat; cursor: pointer; }

.popup .cancelbtn, #tempcode .cancelbtn, .cancelbtn2, #securityQuestionButtonsArea .cancelbtn { border:none; width:83px; height:28px; background: url(/images/OptimumSelect/cancelbtn2.gif) top left no-repeat; cursor: pointer; }
.popup .closebtn, .ajaxBox .closebtn { border:none; width:86px; height:28px; background: url(/images/OptimumSelect/closebtngreen2.gif) top left no-repeat; cursor: pointer; }
.yesbtn { border:none; width:83px; height:28px; background: url(/images/OptimumSelect/yesbtn.gif) top left no-repeat; cursor: pointer; }
.popup .sendmemycodebtn, .ajaxBox .sendmemycodebtn { border:none; width:139px; height:28px; background: url(/images/OptimumSelect/sendmemycode.gif) top left no-repeat; cursor: pointer; }
#repass { width: 320px; }
#tempcode .sendbtn { border:none; width:83px; height:28px; background: url(/images/OptimumSelect/sendbtn.gif) top left no-repeat; cursor: pointer; }
#tempcode a { font-size: 13px; color: #0175ac; }
#forgotpin2 .buttonsArea { margin-top:50px }

#os #content { font-size: 12px; font-family: Arial; heigth: 1000px; margin: 0 9px; padding: 24px 30px 10px 30px; background: url(/images/OptimumSelect/gradientbkg.jpg) bottom left repeat-x; position: relative; _position:static; padding-bottom: 5px;}
.release #os #content { background: url(/images/OptimumSelect/gradientreleasebkg.jpg) bottom left repeat-x; padding-bottom: 5px; }
.release #os p.center { text-align: center; }

#os #content a { color: #0175ac; text-decoration: underline; }
#os #content h1, #os #content strong { color: #0175ac; }
#os #content strong.green { color: #639905; }
#os .green { color: #9dc347 }
#os #content strong.black { color: #000 }
#os #content a.nodecoration { text-decoration: none; }
.hr { border-bottom: 1px solid #aaa; font-size: 10px; margin:0px 0px 10px 0px; clear:both; }
#os #content .hr { border-bottom: 1px solid #868686; font-size: 10px; margin:0px; margin-bottom:10px; clear:both; }
#os #content .margin { margin: 15px 0; display: block; }
#os #content .padding { padding: 15px 0; display: block; }
#os #content .flyl { float:left; width: 300px !important; }
#os #content .flyr { float: right; width: 330px; border-left: 1px solid #d8d8d8; padding-left: 20px; position:relative; }
#os #content .flyr .onoffbtn { position: absolute; top:0; right:0; }

#os #content h1 { text-transform: uppercase; font-size: 14px; width: 100%; }
#os #content h1 a { text-transform: capitalize; font-weight: normal; font-size:13px; }
#os #content .textbox { background: #ebebeb; padding: 5px; }

#os #content .righttip { position:absolute; left: 520px; top: -10px; width: 160px; font-style: italic; font-size: 11px; margin-top: 10px; }

#os #content input { font-size:13px; }
#os #content input.longest { width: 300px; }
#os #content input.long { width: 230px; }
#os #content input.long_ { width: 330px; }
#os #content input.normal { width: 170px; }
#os #content input.normal_ { width: 190px; }
#os #content input.short { width: 55px; }
#os #content input.shorter { width: 50px; }
#os #content input.shorter_ { width: 42px; text-align: center } /* fix 6633, before 90 */
#os #content input.shortest_ { width: 35px; text-align: center } /* fix 6633, before 70 */

#os #content td.longest, #os #content td.longest input { width: 300px; }
#os #content td.long, #os #content td.long input { width: 230px; }
#os #content td.long_, #os #content td.long_ input { width: 330px; }
#os #content td.normal, #os #content td.normal input { width: 170px; }
#os #content td.normal_, #os #content td.normal_ input { width: 190px; }
#os #content td.short, #os #content td.short input { width: 55px; }
#os #content td.shorter, #os #content td.shorter input { width: 50px; }
#os #content td.shorter_, #os #content td.shorter_ input { width: 42px; text-align: center } /* fix 6633, before 90 */
#os #content td.shortest_, #os #content td.shortest_ input { width: 35px; text-align: center } /* fix 6633, before 70 */

#os #content a.tipquestion { clear:right; color: #0175ac; text-decoration: none; display: inline; font-size: 11px; }


#os #content .fieldbox { clear:both; margin: 10px 0; /*position:relative;*/ display:block; }
#os #content .fieldbox .first { border: none; margin-left:0; }
#os #content .fieldbox span { display: block; font-weight: bold; }
#os #content .fieldbox input { padding-left: 3px; padding-right: 2px; margin-right: 5px; /*height: 19px;*/ margin: 3px 0; border: 1px solid #767676; font-size:13px; }
#os #content .fieldbox select { margin-right: 5px; /*height: 19px;*/ margin: 3px 0; border: 1px solid #767676; font-size:13px; }
#os #content .fieldbox input.checkbox { /*position: relative; top:5px;*/ border:none; padding:0;margin:0; }
#os #content .fieldbox em { display: block; color: #444; font-style: normal; font-size:11px; }
/*#os #content .fieldbox .fieldboxcomponent { float:left; margin-right: 5px; margin-bottom: 10px; }*/

#os #content .fieldbox .fieldboxcomponent { margin:0; padding:0; }
#os #content .fieldbox .fieldboxcomponent td { margin:0; padding:0; padding-right: 5px; }


#os #content .fieldbox table { width: 100%; margin:0; padding:0; /*border-bottom: 1px solid #d8d8d8;*/ }
#os #content .fieldbox table th { text-align: left; color: #0175ac; background-color: #dee6e9; padding: 5px 10px; }
#os #content .fieldbox table td { padding: 5px 10px; }

#os #content .optionboxcomponent { border-left: 1px dotted #666; float: left; margin-bottom: 10px; margin-left: 10px; padding-left:10px; }
#os #content .optionboxcomponent span { display: inline; background-color: #ebebeb; }
#os #content .optionboxcomponent img { display: block; margin-left:22px; }
#os #content .optionboxcomponent input { position: relative; top:4px; }
#os #content .optionboxcomponent a { text-decoration: underline; color: #0175ac; margin-left: 22px; }

#os #content .tabbox { clear: both; display: block; border-bottom: 1px solid #9b9a98; height:75px; width: 672px; }
#os #content .tabbox { display: none; }
#os #content .payment { border: none; margin-bottom: 10px; }
#os #content .tabbox ul.tab { float: left; margin:0; padding:0; }
#os #content .tabbox ul.tab li { float: left; height: 75px; margin:0; padding:0; text-align: left; }
#os #content .tabbox ul.active li { height: 76px; }
#os #content .tabbox ul.tab li img { margin-top: 5px; }
#os #content .tabbox ul.tab li.l { background: url(/images/OptimumSelect/tableftoff.gif) top left no-repeat; width: 8px; }
#os #content .tabbox ul.active li.l { background: url(/images/OptimumSelect/tablefton.gif) top left no-repeat; width: 8px; }
#os #content .tabbox ul.tab li.r { background: url(/images/OptimumSelect/tabrightoff.gif) top left no-repeat; width: 8px; }
#os #content .tabbox ul.active li.r { background: url(/images/OptimumSelect/tabrighton.gif) top left no-repeat; width: 8px; }
#os #content .tabbox ul.tab li.c { background: url(/images/OptimumSelect/tabmidoff.gif) top left repeat-x; width:183px; padding-left: 7px;}
#os #content .tabbox ul.active li.c { background: red url(/images/OptimumSelect/tabmidon.gif) top left repeat-x; width:183px; padding-left:7px;}
#os #content .tabbox ul.tab li span { font-weight: bold; color: #0175ac; display:block; margin-top: 14px; clear:both; }
#os #content .tabbox ul.active li span { font-weight: bold; color: #444; display:block; margin-top: 14px; clear:both; }
#os #content .tabbox ul.active { height: 76px; }
#os #content .tabbox .paymentbox { background: url(/images/OptimumSelect/paymentbox.gif) top left no-repeat; width: 176px; height: 46px; margin-right: 10px; float: left; padding: 15px; }
#os #content .tabbox .paymentbox span { display: block; margin-bottom: 5px; }

#os #content .tabcontent { background: #fff url(/images/OptimumSelect/tabcontentbkg.gif) top left repeat-y; width: 678px; padding:0px; clear:both; z-index:0; position:relative; border: none;}
#os #content .tabcontent { border-top: 1px solid #999; }
#os #content .tabcontent .corner { position:absolute; top:-1px; right:0; }
#os #content .tabcontent .corner2 { position:absolute; top:-1px; left:0; }
#os #content .tabcontent h1 { margin:25px; }
#os #content .tabcontent .hr, #os #content .tabcontent .fieldbox { margin-left: 25px; margin-right: 25px; }


#os #content .tabfooter { width: 678px; height: 43px; background: url(/images/OptimumSelect/tabbottombkg.gif) top left no-repeat; position:relative; top:-10px; }

#os #content table.pinbox { height: 104px; margin:0; padding:0; margin-bottom: 10px; }
#os #content table.pinbox td.l, #os #content table.pinbox td.c, #os #content table.pinbox td.r { margin:0; padding:0; height: 104px; background: url(/images/OptimumSelect/pinboxmbkg.gif) top left repeat-x; text-align: right; position: relative; }
#os #content table.pinbox td.l { background: url(/images/OptimumSelect/pinboxlbkg.gif) top left no-repeat; width: 5px; font-size: 1px; }
#os #content table.pinbox td.r { background: url(/images/OptimumSelect/pinboxrbkg.gif) top left no-repeat; width: 5px; font-size: 1px; }
#os #content table.pinbox input { width: 23px; height: 23px; border: 1px solid #9a9b98; text-align: center; padding-left:1px; }
#os #content table.pinbox table { float:left; clear:both; }
#os #content table.pinbox table tr { border: 1px solid blue; }
#os #content table.pinbox table td { padding: 4px; height: 30px; line-height: 14px; white-space: nowrap }
#os #content table.pinbox table td.right { text-align: right; width: 71px; white-space: nowrap}
#os #content table.pinbox table td.right strong { margin-top: 5px; display: block; white-space: nowrap}

#os #content ul.pinbox2 { float:left; margin:0; padding:0; margin-bottom: 10px; }
#os #content ul.pinbox2 li { margin:0; padding:0px; height: 182px; background: url(/images/OptimumSelect/pinboxmbkg2.gif) top left repeat-x; float: left; text-align: right; width:520px; text-align:left;}
#os #content ul.pinbox2 li.l { background: url(/images/OptimumSelect/pinboxlbkg2.gif) top left no-repeat; width: 5px; font-size: 1px; }
#os #content ul.pinbox2 li.r { background: url(/images/OptimumSelect/pinboxrbkg2.gif) top left no-repeat; width: 6px; font-size: 1px; }
#os #content ul.pinbox2 li.c { padding:10px; width: 635px; }
#os #content ul.pinbox2 li table { width: 100%; margin-top: 10px; }
#os #content ul.pinbox2 li th.f, #os #content ul.pinbox2 li td.f { color: #0175ac; font-weight: bold; border-right: 1px solid #cbcbcb; padding-left:0; text-align: left; width: 80px; }
#os #content ul.pinbox2 li th { border-bottom: 1px solid #cbcbcb; padding-top:0; }
#os #content ul.pinbox2 li th, #os #content ul.pinbox2 li td { padding: 10px; padding-top:0; font-weight; }
#os #content ul.pinbox2 li td { color: #0175ac; text-align:center; font-weight: bold; }

#os #content #onoffbtnbox { /*position: relative;*/ }
#os #content .createprofilebtn input { border:none; width:109; height:27; background: url(/images/OptimumSelect/createprofilebtn.gif) top left no-repeat; cursor: pointer; }
#os #content .reviewprofilebtn input { border:none; width:109; height:27; background: url(/images/OptimumSelect/reviewprofilbtn.gif) top left no-repeat; cursor: pointer; }
#os #content .createprofilebtnoff input { border:none; width:109; height:27; background: url(/images/OptimumSelect/createprofilebtnoff.gif) top left no-repeat; cursor: pointer; }
#os #content .reviewprofilebtnoff input { border:none; width:109; height:27; background: url(/images/OptimumSelect/reviewprofilbtnoff.gif) top left no-repeat; cursor: pointer; }
#os #content .continuebtn input { border:none; width:109; height:27; background: url(/images/OptimumSelect/continuebtn.gif) top left no-repeat; cursor: pointer; }
#os #content .createprofilebtnoff input { border:none; width:109; height:27; background: url(/images/OptimumSelect/createprofilebtnoff.gif) top left no-repeat; }
#os #content #onoff { display: none;  }
#os #content .off #onoff { display: block; position:absolute; top:0; left:0; cursor:pointer; }
#os .savechangesbtn { border:none; width:138px; height:34px; background: url(/images/OptimumSelect/savechangesbtn.gif) top left no-repeat; cursor: pointer; }
.cancelbtn { border:none; width:104px; height:34px; background: url(/images/OptimumSelect/cancelbtn.gif) top left no-repeat; cursor: pointer; }

.signinbtn { border:none; width:69; height:22; background: url(/images/OptimumSelect/signinbtn.gif) top left no-repeat; cursor: pointer; margin:0; }
#os #content .fieldbox .removebtn { border:none; width:60; height:24; background: url(/images/OptimumSelect/removebtn.gif) top left no-repeat; cursor: pointer; }
#os #content .onoffbtn { border:none; width:79; height:33; background: url(/images/OptimumSelect/onoffbtn.gif) top left no-repeat; cursor: pointer; }
#os #content .releasebtn { border:none; width:119; height:37; background: url(/images/OptimumSelect/releasebtn.gif) top left no-repeat; cursor: pointer; }

#os #content .error { border: 1px solid #e41937; background: #fff5f6 url(/images/OptimumSelect/interjection.gif) 10px 5px no-repeat; font-weight: bold; color: #e41937; padding:5px; padding-left:30px; margin-bottom: 10px; }
#os #content input.errorbox, #os #content select.errorbox { border: 1px solid #e41937 !important;}
#os #content span.errorbox, #os #content strong.errorbox, #os #content .errorbox a { color: #e41937 }
#os #content strong.errortip { color: #e41937; display: inline; }
#os #content strong.errortip span { color: #e41937; }
#os #content .pinbox strong.errortip { }
#os #content .pinbox strong.errortip span { color: #e41937;}
#os #content .fieldbox .fieldboxcomponent strong.errortip { position:relative; top: 0px; }


#osnav { float: left; margin:0; padding:0; }
#osnav li { float: left; display: block; margin:0; padding:0; padding-left: 10px; color: #666; font-size:11px; }
#osnav li a { text-decoration: none; border-bottom: 1px dotted #666; color: #666; }

.popup { display: none; padding: 10px; position: relative; }
.popup td { font-weight: bold; }
.popup .r { text-align: right; }
.popup .blue { color: #0175ac; }
.popup .tip { font-weight: normal; text-decoration: none; color: #0175ac; }
.popup .tipbox { display: none; position: absolute; border: 2px solid #0175ac; background-color: #eff8ff;  width: 135px; padding:10px; text-transform: none; }
.popup .tipbox h1 { color: #0175ac; font-size: 13px; border:none; margin:0; }
.popup .tipbox div { position: absolute; top:-2px; left:-29px; background: url(/images/OptimumSelect/arrow_blue.gif) top left no-repeat; width: 27px; height: 31px; }
.tip { font-weight: normal; margin-right:10px;}
.tipbox { display: none; position: absolute; border: 2px solid #0175ac; background-color: #eff8ff;  width: 135px; padding:0px; text-transform: none; z-index:99997; }
.tipbox h1 { color: #0175ac; font-size: 13px; border:none; margin:0 !important; }
.tipbox div.tri { position: absolute; top:-2px; left:-29px; background: url(/images/OptimumSelect/arrow_blue.gif) top left no-repeat; width: 27px; height: 31px; }
.tipbox div.content { height: 280px; width: 380px; overflow-y:auto; padding:10px;}
.ajaxLoading { position: relative; background-color:#FFFFFF; background-image:url(/images/click/loading.gif); background-position: center center; background-repeat:no-repeat; height:34px; display:none; }
#popupLoading { height:100px; }
#changePintip, #tempCodetip, #whatIsSecurityCodetip { width:350px; }
#securityQuestiontip { width:400px; }
#os #content .tipbox em { position: absolute; top: 0pt; right:3px; font-style: normal; }
#os #content .tipbox em.withScroll { position: absolute; top: 0pt; right:20px; font-style: normal; }
#os #content .tipbox em a { text-decoration: none; }
#whatIsSecurityCodetip { height: 300px; width: 400px; }

.ajaxBox { }
#ajaxEmailInfo { /*position: relative;*/ background-color:#FFFFFF; border:10px solid #ccc; padding:10px; /*left:0px;*/ /*height:180px;*/ display:none; }
#ajaxEmailInfoLoading { position: relative; background-color:#FFFFFF; background-image:url(/images/click/loading.gif); background-position: center center; background-repeat:no-repeat; border:10px solid #ccc; padding:10px; left:0px; height:160px; display:none; }
#ajaxShipping { position: relative; background-color:#FFFFFF; border:10px solid #ccc; padding:10px; left:0px; /*height:424px;*/ display:none; }
#ajaxShippingLoading { position: relative; background-color:#FFFFFF; background-image:url(/images/click/loading.gif); background-position: center center; background-repeat:no-repeat; border:10px solid #ccc; padding:10px; left:0px; height:160px; display:none; }
#ajaxPaymentMethod { position: relative; background-color:#FFFFFF; border:10px solid #ccc; padding:10px; left:0px; /*height:720px;*/ display:none; overflow-y:auto; }
#ajaxPaymentMethodLoading { position: relative; background-color:#FFFFFF; background-image:url(/images/click/loading.gif); background-position: center center; background-repeat:no-repeat; border:10px solid #ccc; padding:10px; left:0px; height:160px; display:none; }
#ajaxPin { position: relative; background-color:#FFFFFF; border:10px solid #ccc; padding:10px; left:0px; /*height:400px;*/ display:none; }
#ajaxPinLoading { position: relative; background-color:#FFFFFF; background-image:url(/images/click/loading.gif); background-position: center center; background-repeat:no-repeat; border:10px solid #ccc; padding:10px; left:0px; height:160px; display:none }
#os #content .buttonsArea { margin-top: 10px; clear:both; }
#os #content .fieldbox input.pinInput { width: 27px; height: 24px; border: 1px solid #959595; text-align: center; padding-top: 2px }

#os #content .greenBorder { position: relative; border: 10px solid #9baf3e; padding: 10px 10px 10px 9px; display: block; left: -20px; width: 678px; }
#os #content .greenBorder div, #os #content .greenBorder td { color: #9baf3e; font-weight: bold; }
/*#os #emailBox { height: 100px; }*/ 
#succesResponse p.special { font-weight: bold; color: #7aae04; }
#succesResponse { display: none; }

/*#os #content form { margin: 0px 20px 10px 20px; width:678px; }*/
#os #content form.no { margin: 0px; width:auto; }
#os #content .form { margin: 0px 20px 10px 20px; width:678px; }
#os #content .form2 { margin:0 24px; }
#os #content .form2 form { padding-bottom:10px; }
#os #content { padding:0; padding-top: 24px; }
#os {  }
#os #content h1 {  }
#os #content .pinbox table { display: block; float: none;}
#os #content .pinbox table tr  {  }
#os #content .pinbox table tr td {  }

#os #content #emailInfo span { display: inline; }
input.hidden { visibility:hidden; position:absolute; top:-999px; left:-999px; }

#glassPane0, #glassPane1, #glassPane2, #glassPane2a1, #glassPane2a2, #glassPane3 { display:none; position:fixed; background-color:#000000; left:0px; top:0px; opacity:0.25; filter:alpha(opacity=25); z-index:99996; }
#os #content .terms { margin-bottom: 0px; }
#os #content .fieldbox input.radio { border:none; }