body{margin:9px 0px 10px 0px; padding:0px; background-color:#E0E0E0; font-family:Arial, Helvetica, sans-serif; font-size:12px;} body#login-bg{margin:9px 0px 10px 0px; padding:0px; background-color:#E0E0E0; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-image:none;} h1, h2, h3, h4, h5, h6, p, ul, li, ol, form, input{padding:0px; margin:0px; font-weight:normal} .clear{clear:both; font-size:0px; line-height:0px;} #container{width:100%; height:auto; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#9898ab} #page-holder{width:750px; height:auto; margin:0px auto 0px auto; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:3px;} a.copyright{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; color:#b2ac9a; line-height:22px;} a.copyright:hover{text-decoration:underline; color:#b2ac9a} a.more{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#808080; text-decoration:none;} a.more:hover{ color:#808080; text-decoration:none;} a img { border: none; } a img.icon {padding-left: 5px;} div.tb {display:none;} div.tb ul li{margin-left:40px;} a { text-decoration: none; color: #F55F00; } a:hover { text-decoration: underline; } /********** Header **********/ #header{width:750px; height:102px; background:url(/system/images/header-bg.jpg) no-repeat top left;} /********** Login Section **********/ #login-section{width:732px; height:77px; padding:0px 7px 0px 11px; margin-bottom:3px;} #login-section #enter{float:right; width:71px; text-align:center; margin-top:10px;} #login-section #msg{clear: right;float:right; width:657px; text-align:right; margin-top:10px; font-size:11px; line-height:12px; color:#FFFFFF; margin-right: 5px;} /********** status section **********/ #status{ width:728px; height:16px; padding:4px 11px 0px 20px; } #status #title{ width:200px; float:left; } #status #title h1{ font-size:11px; font-weight:bold; color:#FFFFFF} #status #title .dark{ color:#fe9000} #status #title .dark-small{ font-size:8px; font-weight:bold; color:#fe9000} #status #message{width:518px; float:left; text-align:right; color:#FFFFFF; font-size:11px; padding-right:10px;} #status #message a{ color:#FFFFFF; text-decoration:none;} #status #message a:hover{ color:#fe9000; text-decoration:underline;} /********** Navigation **********/ #nav{width:750px; height:30px; background:url(/system/images/nav-bg-system.gif) repeat-x top left} #nav ul{ list-style:none; margin-left:22px;} #nav ul li{ float:left; display:block;} #nav ul li a{ float:left; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#ded9cd; text-decoration:none; padding:6px 18px 8px 18px;} #nav ul li a:hover{ color:#FFFFFF; font-weight: bold; text-decoration:none;} #nav ul li a:active{ color:#FFFFFF; font-weight: bold; text-decoration:none;} /********** Bread Crumb **********/ #bread-crumb{height:22px; background:url(/system/images/bread-crumb-bg.jpg) repeat-x top left; padding-left:20px; padding-top:3px;} #bread-crumb a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8e8e82; text-decoration:underline;} #bread-crumb a:hover{ color:#8e8e82; font-weight:normal; text-decoration:underline;} #bread-crumb a:active{ color:#8e8e82; font-weight:normal; text-decoration:underline;} #bread-crumb p{ color:#c1beb9; font-weight:normal; text-decoration:none;} /********** Page Heading Section **********/ #page-head{width:730px; height:31px; background:#ffffff; padding:7px 0px 0px 20px} #page-head h1{font-size:22px; font-weight:bold; color:#bfbbb5;} #page-head h1 a{font-size:22px; font-weight:bold; color:#bfbbb5; text-decoration:none;} #page-head h1 a:hover{font-size:22px; font-weight:bold; color:#8e8e83; text-decoration:none;} #page-head .light{color:#807b75; text-decoration:none;} #page-head .dark{color:#66635e} /********** Content section **********/ #content{width:725px; height:auto; padding:10px 5px 0px 20px; color:#717168; background:#ffffff url(/system/images/content-bg.gif) repeat-x top left;} #content:after{ font-size:0px; line-height:0px; height:0px; content:'.'; clear:both; visibility:hidden; display:block} #progress-bar{background-image:url(/system/images/progress-bar-bg.jpg); width: 357px; height: 164px; background-repeat:no-repeat; padding-top:0px; margin: 0 auto;} #progress-bar p{text-align:center; color:#444444;} #progress-bar p#progress{font-size:14px; font-weight:bold; padding: 10px 0 15px 10px; text-align: left;} #progress-bar p#percentage{font-size:24px; font-weight: bold; padding-left: 15px;} #progress-bar p#count{font-size:14px; font-weight:bold; text-align: right; margin-right: 44px;} /********** Footer **********/ #footer{width:700px; height:30px; padding:0 0 0 50px; text-align:center; color:#FFFFFF; background:url(/system/images/footer-bg.gif) no-repeat top left;} #footer #footer-links{float:left; width:628px; text-align:center; margin-top:7px;} #footer #footer-links a{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#b4b0a7; text-decoration:none; margin:0px 10px;} #footer #footer-links a:hover{color:#8e8e83; text-decoration:none;} #footer #submit{float:left; width:72px; text-align:left; margin-top:3px;} /********************** Login Page **************************/ #login {width:410px; height:323px; margin:150px auto 0px auto; padding:11px 43px 0px 55px; background:url(/system/images/login-panel-bg.jpg) no-repeat top left} #login #title{width:410px;} #login #title h1{ font-size:15px; font-weight:bold; color:#bfbbb5} #login #title .dark{ color:#8e8e83} #login #title .dark-small{ font-size:11px; font-weight:bold; color:#8e8e83} #login #content-area{width:410px; height:168px; margin-top:10px;} #login #content-area #left-col{float:left; width:270px; text-align:right; margin-top:20px; font-size:12px; line-height:12px; color:#8e8e83} #login #content-area #left-col .txt-box{width:150px; height:16px; color:#FFFFFF; border:1px solid #c0bca8; font-family: "Times New Roman", Times, serif; font-size:12px; background:#ffffff; margin:10px 0px 0px 4px; line-height:12px; padding:2px 0px 0px 0px; } #login #content-area #left-col-login{float:left; width:270px; text-align:right; margin-top:4px; font-size:12px; line-height:12px; color:#FFFFFF} #login #content-area #left-col-login .txt-box{ width:150px; height:16px; color:#131313; border:1px solid #c0bca8; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#ffffff; margin:10px 0px 0px 4px; line-height:12px; padding:2px 0px 0px 0px; } #login #content-area #right-col{float:left; width:98px; text-align:right; margin-top:17px;} #login #content-area #right-col-login{float:left; width:98px; text-align:right; margin-left: 16px; margin-top:0px;} #login #login-footer{width:auto; height:auto; text-align:right; padding:2px 30px 0 0; #padding-top: 27px;} #login #login-footer a{ color:#ffffff; text-decoration:none;} #login #login-footer a:hover{ color:#ffffff; text-decoration:underline;} /************** Forms ***************/ form span.asterisk { color: #FF3333; } input.fStyle { font-family: verdana; font-size: 11px; color: #333333; border: 1px solid #C0C0C0; } #article-form{width:auto; padding:0px; margin:0px;} #article-form select{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#717168} #article-form .txt-box{font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; border: 1px solid #C0C0C0; height:17px; width:400px;} .txt-box, form textarea{font-family: "Times New Roman", Times, serif; font-size: 15px; color: #333333; border: 1px solid #C0C0C0; margin-bottom: 3px;} .txt-box { height:17px; width:274px; } .bdr{border-bottom:1px dashed #8e8e83; padding-bottom:5px;} .welcome-text{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; height:17px; padding-top:5px; padding-right:0px;} #main-page h1{ font-size:18px; font-weight:bold; color:#66635e; padding:5px; padding-top:15px;} #main-page h2{ font-size:14px; font-weight:bold; color:#807b75; padding:0px; padding-top:15px; margin-bottom: 30px;} #main-page a{font-size:13px; font-weight:bold; color:#807b75; text-decoration:none;} #main-page a:hover{font-size:13px; font-weight:bold; color:#fb6801; text-decoration:none;} #main-page p{ padding:5px;} #main-page img {float:left; padding-right: 10px; margin-top:-15px;} #content .right-box h2 { font-size:14px; font-weight:bold; color:#807b75; padding:0px; background: url(/system/images/right-col_title.gif) top left no-repeat; height:20px; padding-top: 5px; padding-left: 10px; width:285px; margin-top: 20px; margin-bottom: 0; } #content .right-box div { background-color: #FAFBF6; border: 1px solid #D1D2CD; border-bottom: none; padding: 10px; } #content .right-box div.last { background:#FAFBF6 url(/system/images/right-col_bottom.gif) top left no-repeat; height: 5px; border: none; padding: 0; } #content p.RSSE_lTitle { margin-top: 0; padding-top: 0; padding-left: 10px; margin-left: 5px; background: url(/system/images/dot-orange.gif) 0 3px no-repeat; } #content p.note { margin-top: 0; padding-top: 0; padding-left: 10px; margin-left: 5px; background: url(/system/images/dot-orange.gif) 0 3px no-repeat; color: #000000; } .mtitle{ font-size:24px; font-weight:bold; color:#827b75; padding:5px;} .menu-icon{ font-size:13px; font-weight:bold; color:#827b75; padding:5px;} span.red { color:#ff3333; } /* Progress Bar */ .progress-bar{width:560px; height:auto; margin:0px auto 20px; background:url(/images/progress-bar.gif) no-repeat 35px 6px;} .progress-bar:after{ font-size:0px; line-height:0px; height:0px; content:'.'; clear:both; visibility:hidden; display:block} /* \*/ * html .progress-bar{height:1px;} /* */ .progress-bar ul{list-style:none;} .progress-bar li{float:left; font-size:12px; font-weight:bold; color:#666666; padding-top:34px; background:url(/images/progress-icon.gif) no-repeat} .progress-bar li.first{width:223px; background-position:35px 0px} .progress-bar li.first-on{width:223px; background-position:35px -126px} .progress-bar li.second{width:236px; background-position:38px 0px} .progress-bar li.second-on{width:236px; background-position:38px -126px} .progress-bar li.third{background-position:27px 0px} .progress-bar li.third-on{background-position:27px -126px} /* Support System */ .Icon.Ticket { background:url(/system/support/images/icons/ticket.gif) 0 2px no-repeat; } .Icon.webTicket { background:url(/system/support/images/icons/ticket_source_web.gif) no-repeat; padding-left: 20px; } .Icon.emailTicket { background:url(/system/support/images/icons/ticket_source_email.gif) 0 2px no-repeat; } .Icon.phoneTicket { background:url(/system/support/images/icons/ticket_source_phone.gif) 0 2px no-repeat; } .Icon.attachment { background-image: url(/system/support/images/icons/attachment.gif); background-repeat: no-repeat; } .Icon.file { background-image: url(/system/support/images/icons/attachment.gif);background-repeat: no-repeat; } .Icon.refresh { background-image: url(/system/support/images/icons/refresh.gif);background-repeat: no-repeat; width: 16px; height: 16px;} .Icon.thread { font-weight: bold; font-size: 1em; background-image: url(/system/support/images/icons/thread.gif); background-repeat: no-repeat; padding-left: 20px; } /* Ticket view (Messages and Responses) */ #ticketthread table.message { margin:10px 0 5px 0; } table.message td, table.message th,table.response td, table.response th { padding:3px; } table.message tr.header td, table.response tr.header td { padding:1px; padding-left:5px; } table.message th, table.response th { line-height:24px; font-size:12px; padding:1px; padding-left:5px; font-weight:bold; } #infomessage { background-color: #390; border-color: #390; color: #390; background: #CFC; } .infotable tr td {padding-bottom: 3px;} span.error, font.error { color:red; font-size: 12px; } #ticketthread table.message, #ticketthread table.response { margin-bottom: 15px; } table.tgrid tr td { padding-top: 5px; } /********** affiliate stats box **********/ .aff-stats-table{ background:url(/images/aff-stats-bg.jpg); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif } .aff-stats-horizontal-bar{ background:url(/images/aff-stats-horizontal-bar.jpg); background-repeat:no-repeat; background-position:center; } .aff-stats-indent {padding-left:38px;} .aff-stats-orange {color: #F55F00;} a.RSSE_Link, a.RSSE_Link:link { color: #F96E16 !important; } a.RSSE_Link:hover { color: #807b75 !important; }