* { margin: 0; padding: 0; }
html { overflow-y: scroll; margin: 0; padding: 0; height: 100%; }
body { font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; margin: 0; padding: 0; height: 100%; }
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', Arial, sans-serif; }
body > #wrap { overflow: auto; height: auto; min-height: 100%; }
textarea { font-family: arial, sans-serif; }
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
.c { text-align: center; }
.l { float: left; }
.r { float: right; }
.clear { clear: both; }
.icon { vertical-align: text-bottom; margin-right: 5px; border: none; }
.link { color: #ee4c28; text-decoration: none; font-weight: normal; }
.link:hover { text-decoration: underline; }
.invoicestatus { font-weight: bold; color: #333; font-size: 11pt; padding-top: 10px; }
.invoicestatus .complete { background-color: #DFFFC9; padding: 7px; border-radius: 5px; }
.disc_text2 { padding: 5px 0px 25px 0px; text-align: center; line-height:20px; font-size:20px; color:#777; }
.orderstatus { font-weight: bold; color: #333; font-size: 11pt;padding-top: 10px; }
.orderstatus .chargeerror { background-color: #FFABAB; padding: 7px; border-radius: 5px; }
.orderstatus .waiting { background-color: #FFD9D9; padding: 7px; border-radius: 5px; }
.orderstatus .processing { background-color: #FFF8C9; padding: 7px; border-radius: 5px; }
.orderstatus .complete { background-color: #DFFFC9; padding: 7px; border-radius: 5px; }
.bulk { color: #333; font-size: 11pt; padding: 10px 0px; }
.bulk .desc { background-color: #FFF8C9; padding: 8px 12px; border-radius: 5px; }
.bulk .descbulk { background-color: #FFDEB3; padding: 8px 12px; border-radius: 5px; }
.bulk .descmegabulk { background-color: #FFC982; padding: 8px 12px; border-radius: 5px; }
.bulk .qual { background-color: #FFF8C9; padding: 8px 12px; border-radius: 5px; }
.bulk .disqual { background-color: #FFF8C9; padding: 8px 12px; border-radius: 5px; }
.bulk-upgraded { text-align: center; font-size: 16pt; font-weight: bold; color: #008800; }
.bulk-downgraded { text-align: center; font-size: 16pt; font-weight: bold; color: #CC0000; }
#header { width: 960px; padding: 35px 0 35px 0; margin: 0px auto; }
#header .logo { display: block; float: left; width: 332px; height: 37px; background: url('../images/logo_header.png') left bottom no-repeat; }
#header .linkbar { float: right; font-size: 14pt; padding-top: 8px; }
#header .linkbar > a { color: #4d4d4d; text-decoration: none; margin-left: 20px; padding: 4px 12px 6px 12px; text-shadow: 1px 1px 1px #eee; }
#header .linkbar > a:hover { color: #ee4c28; }
#header .linkbar .active { color: #FFF; text-shadow: 1px 1px 1px #7b1600; border-radius: 4px; background-color: #f05f3f; background-image: url('../images/active_bg.gif'); background-repeat: repeat-x; position: relative; }
#header .linkbar .active .arrow { position: absolute; top: 34px; left: 40%; width: 19px; height: 9px; background: url('../images/active_arrow.png') no-repeat; }
#header .linkbar .active:hover { color: #FFF; }
#content { width: 960px; margin: 0px auto; overflow: auto; padding-bottom: 290px; }
#content .banner { width: 960px; height: 449px; background: url('../images/banner.jpg') no-repeat; position: relative; }
#content .banner .buy-now { padding: 8px 25px 6px 25px; font-size: 16pt; font-weight: bold; background: url('../images/big_button_bg.gif') repeat-x; position: absolute; top: 210px; left: 740px; border-radius: 16px; text-decoration: none; color: #505050; text-shadow: 1px 1px 1px #c6c6c7; border: 8px solid #333; }
#content .subtext { line-height: 100px; vertical-align: middle; position: absolute; bottom: 2px; left: 67px; color: #FFF; text-shadow: 1px 1px 1px #7b1600; font-weight: bold; font-size: 18pt; }
#content .subtext a.btn { margin-left: 20px; }
#content .licenses { line-height: 30px; position: absolute; bottom: 112px; left: 297px; color: #FFF; text-shadow: 1px 1px 1px #7b1600; font-weight: bold; font-size: 18pt; }
#content .btn-warning { font-weight: normal !important; background-color: #e24623; background-image: -moz-linear-gradient(top,#f05b38,#f73307); background-image: -webkit-gradient(linear,0 0,0 100%,from(#f05b38),to(#f73307)); background-image: -webkit-linear-gradient(top,#f05b38,#f73307); background-image: -o-linear-gradient(top,#f05b38,#f73307); background-image: linear-gradient(to bottom,#f05b38,#f73307); background-repeat: repeat-x; border-color: #f73307 #f73307 #b12606; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
#content .btn { font-weight: normal !important; }
#content .hosted { line-height: 30px; position: absolute; bottom: 112px; left: 637px; color: #FFF; text-shadow: 1px 1px 1px #7b1600; font-weight: bold; font-size: 18pt; }
#content .licenses span, #content .hosted span { text-shadow: none; font-size: 14px; color: #FFFFFF; }
#content .banner .buy-now:hover { color: #333; border: 8px solid #222; }
#content .info { margin-top: 25px; }
.canceltext { background-color: #FFD4D6; border-radius: 5px; padding: 5px; }
.bigaddress { color: #EE4C28; font-size: 20px; font-weight: bold; padding: 15px; text-align: center; }
.bigaddress a:link, .bigaddress a:visited { color: #EE4C28; text-decoration: none; }
.bigaddress a:active, .bigaddress a:hover { color: #EE4C28; text-decoration: underline; }
#content .header { text-align: center; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 16px 0px 22px 0px; margin-bottom: 40px; }
#content .header h1 { color: #ee4c28; margin: 0; padding: 0; text-transform: uppercase; }
#account .error, .contact .error { color: #FFF; padding: 8px 16px; margin-top: 5px; display: inline-block; background-color: #e22e2e; border-radius: 8px; text-shadow: 1px 1px 1px #c31313; }
#account .msg { color: #FFF; padding: 8px 16px; margin-top: 5px; display: inline-block; background-color: #458c45; border-radius: 8px; text-shadow: 1px 1px 1px #142e14; }
.basic_table { width: 100%; font-size: 11pt; border: 1px solid #EEE; }
.basic_table th { padding: 10px; background-color: #E9E9E9; }
.basic_table td { padding: 10px; text-align: left; border-top: 1px solid #EEE; }
.basic_table tr:nth-child(odd) { background-color: #F9F9F9; }
.basic_table tr:nth-child(even) { background-color: #FFF; }
.basic_table a { color: #ee4c28; text-decoration: none; }
.basic_table a:hover { text-decoration: underline; }
.payment { padding: 15px 5px 20px 5px; }
.payment table td input { margin-right: 5px; }
.payment table td { padding-top: 5px; font-size: 12pt; font-weight: bold; }
#ccfield { padding: 0px 0px 20px 5px; }
#ccfield input[type=text], select { line-height:16px; font-size:14px; padding:11px 10px; background:#f5f5f5; border:1px solid #ddd; margin-right: 5px; }
#ccfield em{ font-size:11px; float: left; display: block; line-height:18px; color:#999; font-style:normal; }
.cardpayment { margin-top: 20px; }
.cardpayment input[type=text] { line-height:16px; margin: 0px 10px 0px 10px; font-size:14px; padding:11px 10px; width:60px; color:#333; background:#f5f5f5; border:1px solid #ddd;}
/* Added crap */
#account .side-left-new { width: 195px; font-size: 13px !important; float: left; margin-right: 20px; }
.nav-list > .active > a, .nav-list > .active { background-color: #f05f3f !important;}
#account .notice { line-height:18px; margin-top: 25px; color:#777; font-size:12px;}
#account .notice span, #account .noticeid { color:#ec4d28; }
#account .middle { display: inline-block; padding: 20px; margin: 0px auto; }
#account .side-right { float: left; font-size: 11pt; width: 690px; }
#account .side-right h2, #content .middle h2 { text-align: left; font-size: 24pt; margin: 0; padding: 0; }
#account .side-right p, #content .middle p { text-align: left; margin: 0; padding: 10px 0px; line-height: 22px; color: #474747; }
#account .side-right p a, #content .middle p a { color: #ee4c28; text-decoration: none; }
#account .side-right p a:hover, #account .side-right p a:active, #content .middle p a:hover, #content .middle p a:active { text-decoration: underline; }
#account .middle .login { text-align: left; padding: 20px 0px; }
#account .middle .login table td { padding-bottom: 10px; }
.pool-block { padding-top: 15px; }
.key { font-size: 11px; }
.susnotice { background-color: #FF8282; padding: 3px; }
.prov { background-color: #DEDEDE; padding: 3px; }
.pool-block .license { font-weight: bold; padding: 15px 15px 12px 15px; border-top-right-radius: 14px; border-top-left-radius: 14px; margin-bottom: 1px; }
.pool-block .pending { background-color: #CCC; color: #000; }
.pool-block .suspended { background-color: #ee4c28; color: #FFF; text-shadow: 1px 1px 1px #7b1600; border-bottom: 1px solid #7b1600; }
.pool-block .active { background-color: #ee4c28; color: #FFF; text-shadow: 1px 1px 1px #7b1600; border-bottom: 1px solid #7b1600; }
.pool-block .license .promo { float: right; color: #FFF; font-size: 12px; text-shadow: 1px 1px 1px #7B1600; }
.pool-block { font-size: 14px; }
.agent-block { padding: 10px 30px 10px 20px; background-color: #EEE; border-bottom: 1px dotted #CCC; }
.agent-block .col1 { float: left; font-size: 11pt; }
.agent-block .col2 { float: right; font-weight: bold; text-align: right; }
.new-title { margin: 10px 0px 10px 0px; padding: 0px; float: left; font-family: 'Open Sans', Arial, sans-serif !important; line-height: 18px; background-color: #c60f13; font-size: 12px; text-align: center; font-weight: bold; color: #fff; display: inline; position: relative; bottom: 1px; padding: 1px 4px 2px; }
.hbs-block { padding: 10px 0px 10px 0px; background-color: #EEE; }
.agent-block.modify .col1 { width: 325px; float: left; line-height:16px; font-size:14px; padding-top: 18px; }
.agent-block.modify .col2 { width: 130px; float: right; line-height:16px; font-size:14px; }
.agent-block.modify .col2 .incfield { text-align: center; height: 38px; background-color: #EEE; border: 0; }
.agent-block.modify .col2 input[type=text] { width: 30px; line-height:16px; font-size:14px; padding: 11px 10px; }
.agent-block.modify .col3 { width: 160px; float: right; line-height:16px; font-size:14px; margin: 16px 0px 0px 15px; }
.total-block { text-align: right; padding: 10px 30px; background-color: #EEE; border-bottom: 1px solid #FFF; }
.pool-block .ending { padding: 10px 15px; border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; text-align: right; }
.pool-block .ending a { color: #FFF; text-decoration: none; }
.pool-block .ending a:hover { text-decoration: underline; }
#content .faq-block h2 { font-size: 36pt; color: #555; text-transform: uppercase; margin: 0px 20px 20px 30px; padding: 8px 0px 0px 72px; height: 64px; }
#content .faq-block > .billing { background: url('../images/icon_billing.png') 0px 10px no-repeat; }
#content .faq-block > .tech { background: url('../images/icon_tech.png') 0px 10px no-repeat; }
#content .faq { padding: 0px 50px 30px 135px; }
#content .faq h3 { line-height: 20px; margin: 0; font-size: 14pt; color: #444; font-weight: bold; }
#content .faq p { line-height: 17pt; padding-top: 5px; font-size: 12pt; color: #666; }
#content .faq ul { margin-top: 20px; margin-bottom: 0; list-style-position: inside; text-indent: 1em; }
#content .faq ul li { line-height: 17pt; padding-top: 5px; font-size: 12pt; color: #666; }
.login .faded { color: #999; }
.login .normal { color: #333; }
.login input[type=text], .login input[type=password] { line-height:16px; font-size:14px; padding:11px 10px; background:#f5f5f5; border:1px solid #ddd; }
/*input[type=submit] { line-height: 13pt; background: url('../images/button_bg.gif') repeat-x; cursor: pointer; padding: 7px 15px 6px 15px; text-transform: uppercase; font-weight: bold; border-radius: 10px; text-decoration: none; color: #555; text-shadow: 1px 1px 1px #c6c6c7; border: 5px solid #CCC; }
input[type=submit]:hover { color: #333; border: 5px solid #AAA; }
*/
.button { line-height: 12pt; background: url('../images/button_bg.gif') repeat-x; cursor: pointer; padding: 7px 15px 6px 15px; text-transform: uppercase; font-weight: bold; border-radius: 10px; text-decoration: none; color: #555; text-shadow: 1px 1px 1px #c6c6c7; border: 1px solid #CCC; }
.button:hover { color: #333; border: 1px solid #AAA; }
.button-large { line-height: 16pt; font-size: 16pt; background: url('../images/button_bg.gif') repeat-x; cursor: pointer; padding: 7px 15px 6px 15px; text-transform: uppercase; font-weight: bold; border-radius: 10px; text-decoration: none; color: #555; text-shadow: 1px 1px 1px #c6c6c7; border: 5px solid #CCC; }
.button-large:hover { color: #333; border: 5px solid #AAA; }
.address_mod{ width:100%; padding:0 0 13px;}
.address_mod .text{ line-height:24px; font-size:14px; color:#777;}
.address_mod .text span{ color:#f16f3c;}
.address_mod label{ display:block;}
.address_mod em{ font-size:11px; line-height:18px; color:#999; font-style:normal;}
.address_mod input, #pay-credit input { line-height:16px; font-size:14px; padding:11px 10px; width:306px; color:#333; background:#f5f5f5; border:1px solid #ddd;}
.address_mod select, #pay-credit select{ font-size:14px; padding:10px; background:#f5f5f5; border:1px solid #ddd; text-align:left; width:328px; font-family:Arial;}
.address { padding: 10px 0px; }
.address .double{ width:100%; overflow:hidden; padding-bottom: 8px;}
.address .double .address_mod select{ width:228px;}
.address .double .address_mod input{ width:228px;}
.address .double .address_mod{ width:250px; float:left; display:inline; margin-right:20px;}
.address .double .address_mod p{ padding:22px 0 0;}
.address .double_side{ width:260px; float:left; display:inline; margin-right:-10px;}
.address .double_side .address_mod{ width:120px; margin-right:10px;}
.address .double_side .address_mod input{ width:99px;}
#footer { height: 240px; width: 100%; margin-top: -241px; border-top: 1px solid #f0f0f0; background-color: #f9f9f9; position: relative; clear:both; }
#footer .wrapper { width: 960px; margin: 0px auto; font-size: 9pt; }
#footer .wrapper .column { float: left; width: 200px; margin-right: 32px; padding-top: 20px; }
#footer .wrapper .end { margin: 0; width: 255px; }
#footer .wrapper h4 { color: #ee4c28; font-size: 14pt; font-weight: bold; margin: 0; padding-bottom: 10px; }
#footer .wrapper .logo { width: 215px; height: 25px; background: url('../images/logo_footer.gif') no-repeat; margin: 15px 0px 5px 0px; }
#footer .wrapper .mini-text { color: #9e9e9e; padding-top: 8px; }
#footer .wrapper .copyright-text { color: #6c6c6c; padding: 5px 0px; }
#footer .wrapper .block-link { display: block; padding: 10px 0px; border-bottom: 1px solid #EEE; text-decoration: none; color: #6c6c6c; }
#footer .wrapper .block-link:hover { color: #9e9e9e; }
#footer .wrapper .end { border-bottom: 0; }
#invoice .belowtext { padding-top: 10px; font-weight: bold; color: #333; font-size: 11pt; }
#invoice .billing { margin: 30px 0px; border-top: 1px dotted #EEE; border-bottom: 1px dotted #EEE; background-color: #F9F9F9; padding: 30px 0px; font-size: 11pt; }
.items { padding-bottom: 40px; }
.items table { font-size: 10pt; width: 100%; border: 1px solid #EEE; }
.items th { padding: 10px; font-size: 11pt; text-align: left; background-color: #EEE; }
.items td { padding: 10px; border-top: 1px solid #EEE; background-color: #F9F9F9; }
.items tr.nb td { border-top: 0; padding-top: 0; color: #7A7A7A;}
.items .lt, #account .lt { color: #7A7A7A; }
.col1 { width: 80%; }
.col2 { width: 20%; }
.bmcol1 { width: 35%; }
.bmcol2 { width: 75%; }
#invoice .large { font-size: 20pt; font-weight: bold; }
#invoice .paid { color: #336600; }
#invoice .unpaid { color: #C00; }
#invoice .active { color: #336600; }
#invoice .pending { color: #DE9102; }
#invoice .cancelled { color: #999; }
#invoice p { padding-top: 5px; font-size: 10pt; }
#invoice p a { color: #ee4c28; text-decoration: none; }
#invoice p a:hover { text-decoration: underline; }
.pp_buttons { display: inline-block; }
.pp_buttons form { display: inline-block; }
.bill-home { width: 47%; }
.bill-home .head { background-color: #EEE; padding: 10px; font-weight: bold; border-top-left-radius: 8px; border-top-right-radius: 8px; text-align: center; }
.bill-home .body { background-color: #F9F9F9; padding: 10px 15px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.minibar { padding-top: 20px; }
.minibar strong { display: block; font-size: 8pt; text-align: center; }
.minibar .amount { padding: 8px 0px; text-align: center; font-weight: bold; }
.blockw { border: 1px solid #EEEEEE; border-radius: 26px; margin-bottom: 15px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; }
.block1 { width: 330px; border: 1px solid #FFFFFF; border-radius: 26px; }
h1, h2, h3 { font-family: 'Open Sans', sans-serif; font-weight: bold; }
h3 { font-size: 25px; }
.block1 h3, .block2 h3, .blockw h3 { font-size: 16pt; color: #222; padding: 0px; font-weight: normal; margin: 10px 10px 10px 0px; }
.blockw h3 { margin-bottom: 5px; }
h3 small { font-size: 12px; color: #FFFFFF; background-color: #ef512e; margin-right: 4px; padding-right: 3px; padding-left: 3px; line-height: 16pt; vertical-align: top; }
sup { font-size: 8pt; top: -1em; }
.block1 h3 { line-height: 20px; }
.block1 p { padding-left: 43px; margin: 0; line-height: 22px; color: #444; }
.block1 .l { display: inline; }
.block2 { color: #FFF; width: 600px; background: url('../images/special_bg.png'); background-repeat: no-repeat; border-radius: 26px; padding-top: 15px; }
.block2 .head { font-weight: normal; font-size: 28px; color: #ee4823; }
.block2 .head button { font-weight: bold !important; }
.block2 .head > p { font-size: 14px; color: #FFF; margin: 10px 0 5px 0; }
.block2 .slide { padding-top: 15px; }
.feature { width: 41%; padding: 30px; }
.feature ul, .feature-full ul { margin-top: 20px; margin-bottom: 0; list-style-position: inside; text-indent: 1em; }
.feature-img.l { float: left; width: 200px; height: 91px; margin-top: 45px; margin-left: 25px; }
.feature-full { padding: 30px; }
.feature-full.img { float: right; width: 650px; padding: 30px; }
.hl { background-color: #F9F9F9; border: 1px solid #EEE; border-radius: 20px; }
.feature h2, .feature-full h2 { font-size: 24pt; color: #333; }
.feature p, .feature-full p { padding-top: 25px; }
.feature p a, .feature-full p a { text-decoration: none; color: #ee4c28; }
.feature p a:hover, .feature-full p a:hover { text-decoration: underline; }
a.r1ext { background: url('../images/r1ext.png') center left no-repeat; padding-left: 20px; line-height: 25px; }
.feature a.in { margin: 0px 0px 0px 10px; }
.fullpage h3 { padding-top: 20px; }
.fullpage p { padding: 15px 0px 5px 0px; }
.contact { color: #666; }
.contact table { margin-top: 15px; color: #666; }
.contact table th { text-align: left; font-weight: normal; width: 100px; padding-right: 10px; padding-bottom: 10px; }
.contact table td { padding-bottom: 10px; }
.contact input[type=text], .contact textarea { line-height:16px; font-size:14px; padding:11px 10px; background:#f5f5f5; border:1px solid #ddd; }
.contact .info { background-color: #EEE; border: 1px solid #DDD; padding: 30px; border-radius: 20px; }
.contact .infobox { width: 230px; padding: 0px 40px 0px 0px; }
.contact .formbox { padding: 50px 0px 0px 40px; }
.contact .formbox h2 { font-size: 24pt; }
.contact .msgsent { font-size: 12pt; background-color: #DFFFC9; padding: 7px; border-radius: 5px; }
.resources ul { padding: 20px 20px 0px 40px; }
.resources li { padding-bottom: 20px; }
.resources a { text-decoration: none; color: #ee4c28; }
.resources a:hover { text-decoration: underline; }
.support table th { padding: 5px; text-align: right; font-weight: normal; width: 120px; color: #666; }
.support table td { padding: 5px 10px; }
.support input[type=text], .support textarea { line-height:16px; font-size:14px; padding:11px 10px; background:#f5f5f5; border:1px solid #ddd; }
.ticket-info { padding-top: 15px; }
.ticket-info h4 { font-size: 16pt; color: #333; }
.ticket-reply { margin-top: 15px; }
.ticket-reply .top { font-weight: bold; padding: 12px; }
.ticket-reply .text { padding: 15px; background-color: #F9F9f9; }
.ticket-cust-reply { padding-top: 30px; }
.ticket-cust-reply h3 { font-size: 20pt; }
.ticket-cust-reply textarea { margin: 15px 0px; width: 668px; height: 200px; line-height:16px; font-size:14px; padding:11px 10px; background:#f5f5f5; border:1px solid #ddd; }
.ticketstatus { font-weight: bold; }
.ticketstatus.open { color: #779500; }
.ticketstatus.closed { color: #888888; }
.ticketstatus.answered { color: #000000; }
.ticketstatus.customerreply { color: #ff6600; }
.ticketstatus.onhold { color: #224488; }
.ticketstatus.escalated { color: #398DED; }
.ticketstatus.inprogress { color: #cc0000; }
.customer { border: 1px solid #DDD; }
.customer .top { background-color: #EEE; }
.admin { border: 1px solid #ee4c28; }
.admin .top { background-color: #ee4c28; color: #FFF; text-shadow: 1px 1px 1px #7b1600; }
.showpass { cursor: pointer; }