html { height:100%; margin:0 0 -5px 0; padding:0px; }
body { min-width:960px; background: #f4f4ed; font:13px Arial,Tahoma,sans-serif; padding:0px; margin:0px; color:#666666; line-height: 180%; }
form { padding-top:3px; margin:0px; }
fieldset { border:none; }
pre { font:11px Tahoma,Arial,sans-serif; }
p { line-height: 180%; }
p a { color: #8da254 !important; }
a { text-decoration:none; color:#333; }
a:visited { color:#333;}
a:hover { text-decoration:underline; }
img { border:none; display:inline; padding:0px; margin:0px; }
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.center { text-align: center; }
.clearleft { clear:left; }
.clearright { clear:right; }
.inline { display:inline; }
.pointer { cursor:pointer; }
.strong { font-weight:bold; }
.highlight { color:#8da254; }
.link { color: #386CC9 !important; }
.quote { font-size:25px;font-weight:bold;font-family:Georgia; }
.underline { text-decoration:underline !important; }
.mag_alert {padding:10px;border:1px dotted #E4E4DD;background:#FAFAD5;margin:10px 0;}
.mag_alert a {text-decoration:underline;}
.old_alert {padding:10px;border:1px dotted #E4E4DD;background:#eee;margin:10px 0;}
.old_alert a {text-decoration:underline;}
hr.dots { clear:both; float:left; border:none; margin-left:20px; margin-bottom:30px; background:url("/images/dots.png") 0 0 no-repeat; width:100%; height:8px; }
.placeholder { border:1px dotted red; }
h1 { color:#383d44; font-size:32px; font-family: "Myriad Pro", Arial; font-weight:normal; padding:45px 0 20px 0; margin:0px 0; clear:both; }
h2 { color:#8da254; font-size:20px; font-family: "Myriad Pro", Arial; font-weight:normal; padding:10px 0; margin:0px 0; text-transform:capitalize; }
h3 { color:#383D44; font-size:17px; font-family: "Myriad Pro", Arial; font-weight:normal; margin:0; }
h4 { color:#383D44; font-size:14px; font-family: "Myriad Pro", Arial; font-weight:normal; margin:5px 0; }
h5 { color:#565656; font-size:14px; font-family: Arial; font-weight:bold; margin:5px 0; }
hr { }
hr.separator { clear:both; background:#999999; height:1px; border:none; margin:5px 0; }
#error { display:none; width:100%; text-align:center; margin:auto; background:#000000; height:20px; border-bottom:1px solid #ff00de; padding:10px 0 10px 0 ; position:fixed;z-index:4;top:0px; opacity:0.8; MozOpacity:0.8; KhtmlOpacity:0.8; filter:alpha(opacity=80);}
input {font-family: Arial, Tahoma, Verdana; font-size:12px; }
textarea { font-family: Arial, Tahoma, Verdana; font-size:12px; }
.deprecated {opacity:0.3; MozOpacity:0.3; KhtmlOpacity:0.3; filter:alpha(opacity=30);zoom:1}
/* header */
#header { width:100%; height:100px; background:#303030; padding:0px; }
#header .content { width:941px; height:100px; margin:0px auto; color:black; padding:0px 13px 0 28px; background: url("/images/bg-header.png") 0 0 no-repeat; }
.dropdown { width:941px; height:13px; margin:0px auto; color:black; padding:0px 13px 0 28px; background: url("/images/bg-header.png") 0 -101px no-repeat; }
#header-inner { width:982px; margin:0px auto; height:301px; color:#fff; padding:0px; background: url("/images/banner-home.jpg") top no-repeat; }
#logo { width:350px; height:85px; position: absolute; top:100px; }
#small-logo { width:50px; height:47px; background:url('/images/bg-header.png') -40px -30px no-repeat; }
#loginform { padding-left:150px; }
#loginform label{ float:left; padding:5px 0px; width:100px; font-family:Arial; font-size:18px; color:#565656; margin-top:5px; margin-right:7px; }
#loginform img { float:left; margin-right:0px; }
#loginform input{ height:24px; float:left; color:#333333; font-size:20px; width:250px;
padding:4px 2px 4px 2px; margin-bottom:5px; border:1px solid #999999; margin-top:5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#loginform input.loginsubmit { float:left; margin:4px 9px 0 107px; width: 164px; height: 29px; padding:0; background:none; border:none; -moz-border-radius: 0px;-webkit-border-radius: 0px;}
#loginform a { float:left; padding:5px 9px 0 0; }
#account-status { font-size:10px !important; }
.welcome-message { font-size:11px; }
/* end header */
/*footer */
#grad-wrap { width:100%; height:100px; background:url("/images/bg-footer.png") repeat-x; }
#breaker { width:926px; height:100px; margin:0px auto; padding:0px 28px; background: url("/images/bg-content.png") repeat-y; }
#footer { width:100%; height:265px; background:#303030; }
#footer .content { width:941px; height:265px; margin:0px auto; color:black; padding:0px 13px 0 28px; background: url("/images/bg-footer-content.png") repeat-y; }
#footer h5 { color:#999999; }
#links a { color:#777777 !important; }
#links a:hover { color:#999999!important; }
#links { width:940px; height:60px; padding:5px 10px 0 10px; margin:0 auto; color:#777777; font-size:11px; }
#links h3 { font-size:14px; font-weight: bold; font-style: normal; color:#aaaaaa; margin:10px 0 0 0;}
#links ul { margin:5px 0 20px 0; padding:0 0 0 5px; list-style: none;}
#links p { font-size:9px; margin-top:0px; padding-top:0px;}
div.linkbox { float:left; margin-right:60px; }
#disclaimer { clear:left; margin:10px; }
#disclaimer img { float:left; margin-right:10px; }
#disclaimer h4 { font-size:14px; font-weight: bold; font-style: normal; color:#ddd; padding-top:7px; margin:0;}
#location { float:right; width:300px; text-align:right; margin:10px 25px 0 0; }
#location p { font-size:12px; color: #bbbbbb;}
#location p.small {font-size:9px;color:#777777; }
.copyright {font-size:12px !important;color:#bbb;padding:0;margin:0}
/* end footer */
/* main */
.content { width:941px; margin:0px auto; color:black; padding:0px 13px 0 28px; background: url("/images/bg-content.png") repeat-y; }
#main-content { clear:both; min-height: 300px; }
#search-content { clear:both; width:640px; float:left; }
#content-left { float:left; width:640px; margin-right:20px; }
.agenda #content-left { width:98%; }
#content-right { float:left; padding:145px 15px 15px 25px; width:228px;overflow:hidden; }
/* end main */
/* search */
#search { float:left; height:40px; padding-top:5px; }
#search label { float:left; font-size:13px; color:#656565; padding:2px 0 0 37px; }
#searchterm { float:left; width:180px; height:25px; margin:0px 0 0 10px; padding:5px 10px 0px 5px;
background:url('/images/global-images.png') -0px -72px no-repeat;
color:#666666; font-size:14px; border:0px; }
.search-searchedfor { font-family:Myriad Pro,Tahoma; font-size:20px; color:black; }
.search-confirmbox { background: url('/images/search-seachedfor.png') 0 0 no-repeat; width: 613px; height: 72px; color:grey; font-family:"Myriad Pro",Tahoma; font-size:20px; font-style:italic; padding:25px 0 0 20px; }
.searchbutton { float:left;}
#searchbutton { width:27px; height:27px; background:url('/images/global-images.png') -2px -112px no-repeat; }
.search-results b { background:#d2fffc; }
.search-results { list-style-type: none; padding-left:0px; }
.search-results a { font-weight:bold; color:#333333; }
.search-results li { margin-bottom:20px; }
.search-results ul { list-style-type: none; margin:0px; padding:0 0 0 10px ; }
.search-results p { margin-top:0px; padding-left:0px; color:#333333;}
.search-url { color: green !important; font-weight: normal !important; }
/* End search */
#search-content { margin-top:-5px; }
#search-info-pane, #info-pane { background:url('/images/bg-info-pane.png') no-repeat;float:left; width:405px; height:250px; padding:30px 20px 15px 35px; line-height: 100%;}
#info-pane h3 { padding:10px 0 0px 0px; color:#333; font-size:18px; }
#info-pane p { margin-top:5px; color:#333; }
#name-badge { float:right;margin-right:5px; }
#promo { float:left; padding:20px 0 20px 0; }
/* generic right contact form */
.contact-form { border:1px dotted #fff;padding:5px;background:#f4f4ed; }
.contact-form label { float:left; width:95px; margin-top:5px; }
.contact-form label.textarea { width:200px; }
.contact-form label.checkbox { width:115px; margin-top:3px; }
.contact-form input { float:left; width:115px; border:1px #ccc solid; margin-top:6px;}
.contact-form input.checkbox { width:20px; border:none; }
.contact-form textarea { float:left; width:200px; border:1px #ccc solid; }
.contact-form input.submit { width:164px; height:29px; border:none; margin:10px 0 10px 30px; }
.contact-bubble { margin-top:10px; height:83px; width:192px; padding:0px 10px 0 10px; }
.contact-bubble p { margin:0px; padding-top:5px; line-height:150%; font-size:11px; }
/* end generic right contact form */
/* alert box */
#SexyAlertBox-Box { padding-bottom: 24px; background: url('/images/bg-box-bottom.png') bottom left no-repeat !important; background: url('/images/bg-box-bottom.gif') bottom left no-repeat;}
#SexyAlertBox-InBox { padding-top: 15px; background: url('/images/bg-box-top.png') top left no-repeat !important; background: url('/images/bg-box-top.gif') top left no-repeat; }
#SexyAlertBox-BoxContent { background: url('/images/bg-box-body.png') top left repeat-y !important; background: url('/images/bg-box-body.gif') top left repeat-y; padding: 0px 20px;}
#SexyAlertBox-BoxContenedor { padding: 0px 0px 5px 55px; text-align: left; font-family:Verdana; font-size:12px; color:#000;}
#SexyAlertBox-BoxContenedor h1,#SexyAlertBox-BoxContenedor h2,#SexyAlertBox-BoxContenedor h3,#SexyAlertBox-BoxContenedor b,#SexyAlertBox-BoxContenedor strong{
text-align: left; font-family:Verdana; font-size:12px; color:#000; font-weight:bold; margin:0px; padding:0px;}
#SexyAlertBox-Buttons{ text-align:right; }
#SexyAlertBox-Buttons input { margin: 10px 10px;}
#SexyAlertBox-BoxContenedor #BoxPromptInput{ margin-top:5px;}
#SexyAlertBox-Box .BoxAlert { background: url('/images/dialog-warning.png') 0 20px no-repeat; padding:20px 20px 0 80px; }
#SexyAlertBox-Box .BoxConfirm { background: url('/images/dialog-help.png') 0 20px no-repeat; padding:20px 20px 0 80px; }
#SexyAlertBox-Box .BoxPrompt { background: url('/images/dialog-help.png') 0 20px no-repeat; padding:20px 20px 0 80px; }
#SexyAlertBox-Box .BoxInfo { background: url('/images/dialog-information.png') 0 20px no-repeat; padding:20px 20px 0 80px; }
#SexyAlertBox-Box .BoxError { background: url('/images/dialog-error.png') 0 20px no-repeat; padding:20px 20px 0 80px; }
#SexyAlertBox-Box h1 { text-transform: uppercase; }
/* end alert box */
.sent-message { cursor:pointer; }
.sent-message p { width:190px; }
.quick-telephone { display:none; }
/* support */
.retainer-container,.retainer-container-peruser {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;background:#FCB400 none repeat scroll 0 0;clear:right;padding:10px;width:220px;margin:-40px 0 0 -10px;}
.retainer-container p,.retainer-container-peruser p {line-height:120%;text-transform:uppercase;font-size:11px;color:#fff;}
.retainer-container a { color:#fff !important; text-decoration:underline; }
.retainer-container-peruser { background:rgb(48,48,48); }
.closedtickets { height:210px; overflow:hidden }
.code {background:url(/images/code-bg.png) 0 0 no-repeat #FFFFFF;border:1px dotted #333333;color:#8DA254;font-family:courier;font-size:11px;padding:10px 25px 11px 25px;
white-space: pre-wrap;
white-space: -moz-pre-wrap !important;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
.emergency {color:red !important;}
/* support */
/* global images */
#userbar-clientarea { width:139px; height:25px; background:url('/images/global-images.png') -2px 0 no-repeat; }
#nav-portfolio { width:85px; height:50px; background:url('/images/global-images.png') -438px -0px no-repeat; }
#nav-services { width:86px; height:50px; background:url('/images/global-images.png') -438px -60px no-repeat; }
#nav-hosting { width:80px; height:50px; background:url('/images/global-images.png') -438px -120px no-repeat; }
#nav-pricing { width:80px; height:50px; background:url('/images/global-images.png') -438px -420px no-repeat; }
#nav-team { width:69px; height:50px; background:url('/images/global-images.png') -438px -180px no-repeat; }
#nav-contact { width:81px; height:50px; background:url('/images/global-images.png') -438px -240px no-repeat; }
#nav-blog { width:61px; height:50px; background:url('/images/global-images.png') -438px -300px no-repeat; }
#nav-clientarea { width:97px; height:50px; background:url('/images/global-images.png') -438px -360px no-repeat; }
#nav-icon-elemental { width:30px; height:30px; background:url('/images/global-images.png') -286px -20px no-repeat; }
#nav-icon-atomic { width:30px; height:30px; background:url('/images/global-images.png') -286px -60px no-repeat; }
#nav-icon-nuclear { width:30px; height:30px; background:url('/images/global-images.png') -286px -100px no-repeat; }
#nav-icon-hybrid { width:30px; height:30px; background:url('/images/global-images.png') -286px -140px no-repeat; }
#nav-icon-magento { width:30px; height:30px; background:url('/images/global-images.png') -286px -537px no-repeat; }
.nav-splitterimg { width:101px; height:1px; background:url('/images/global-images.png') -286px 0px no-repeat; }
#nav-icon-account { width:30px; height:30px; background:url('/images/global-images.png') -286px -180px no-repeat; }
#nav-icon-bandwidth { width:30px; height:30px; background:url('/images/global-images.png') -286px -220px no-repeat; }
#nav-icon-databases { width:30px; height:30px; background:url('/images/global-images.png') -286px -260px no-repeat; }
#nav-icon-disk { width:30px; height:30px; background:url('/images/global-images.png') -286px -300px no-repeat; }
#nav-icon-domains { width:30px; height:30px; background:url('/images/global-images.png') -286px -340px no-repeat; }
#nav-icon-email { width:30px; height:30px; background:url('/images/global-images.png') -286px -380px no-repeat; }
#nav-icon-invoices { width:30px; height:30px; background:url('/images/global-images.png') -286px -420px no-repeat; }
#nav-icon-support { width:30px; height:30px; background:url('/images/global-images.png') -286px -460px no-repeat; }
#nav-icon-webmail { width:30px; height:30px; background:url('/images/global-images.png') -286px -500px no-repeat; }
#nav-icon-lead { width:30px; height:30px; background:url('/images/global-images.png') -286px -580px no-repeat; }
#nav-icon-tasks { width:30px; height:30px; background:url('/images/global-images.png') -286px -620px no-repeat; }
#title-search { width:103px; height:27px; background:url('/images/global-images.png') 0px -40px no-repeat; }
/* end global images */
.status { margin-right: 10px; }
.status-apache { font-weight:bold }
.status-db { font-weight:bold }
.status-smtp { font-weight:bold }
.status-mail { font-weight:bold }
/* Twitter */
#twitter_update_list {list-style:none;padding:0;}
.errorlevel-low { margin-bottom:0; padding-bottom:0; }
.errorlevel-med { margin-bottom:0; padding-bottom:0; color:orange; }
.errorlevel-high { margin-bottom:0; padding-bottom:0; color:red; }
/* End twitter */
#navbar { width:100%; height:45px; background:#c0d591; }
#nav-inner { width:966px; height:45px; margin:0px auto; padding:0 8px; }
#nav { float:left; height:45px; width:550px;}
#nav li { position:relative; float:left; }
#nav li a { display:block; color:#464c4c; padding:15px 15px 0px 15px; height:30px; }
#nav li ul li a { display:block; color:#464c4c; padding:7px 15px 0px 15px; height:25px; }
#nav li ul { background:#c0d591; }
#nav li:hover { background:#c0d591; }
/*** navigation ***/
.sf-menu, .sf-menu * {margin: 0 0 0 0;padding: 0;list-style:none; }
.sf-menu {line-height:1.0; }
.sf-menu ul {position: absolute;top: -999em; width: 10em; }
.sf-menu ul li {width:100%; }
.sf-menu a {display:block; position: relative; font-weight:bold; text-transform:lowercase; font-size:14px; font-family: 'Calibri', Arial !important; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0; margin-left:0px; top:45px; z-index: 99; padding-top:0px; padding-bottom:6px; width:170px; width:172px !important; }
.sf-menu li ul li {padding-left:20px; width: 160px; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 10em; top:0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 10em; top:0; }
/*** navigation skin ***/
.sf-menu { }
.sf-menu a {padding: 0px; font-weight: normal; font-family: Arial; }
.sf-menu a {color: #000000; }
.sf-menu a:hover {text-decoration: none; }
.sf-menu li li {font-size:12px; text-transform:lowercase; padding-top:5px; }
li.nav-splitter:hover {background:none !important; }
li.nav-splitter {padding-top:0px !important; padding-left:5px;}
li.nav-splitter img {padding-top:0px; }
.sf-menu li.nav-item li img {float:left; padding:0px 10px 0 5px; z-index:5; }
.sf-menu li.nav-item li a {padding:9px 10px 7px 20px; height:18px; }
.sf-menu li.nav-item-icon li img {float:left; margin-right:10px; padding:0px 0px 0 0px; z-index:5; margin-left:-7px;}
img.icon { width:30px; }
.sf-menu li.nav-item-icon li a {padding:9px 10px 7px 20px; color:#9fb1bc; height:18px; }
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; }
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator {background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; }
/*** shadows for all but IE6 ***/
.sf-shadow ul {padding: 0 8px 9px 0;-moz-border-radius-bottomleft: 5px; -moz-border-radius-topright: 0px;-webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 5px; }
.sf-shadow ul.sf-shadow-off {background: transparent; }
/*** end navigation ***/
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
/* Example:
.sIFR-active h1 {
font-family: Verdana;
visibility: hidden;
}
*/
}
#content-right p { margin:0px; }
#hover-submit-trans {position:fixed !important;top:0;left:0;opacity:0.5; MozOpacity:0.5; KhtmlOpacity:0.5; filter:alpha(opacity=50);width:100%;height:50px;background:#383D44;border-bottom:1px solid #AAA;}
#hover-submit-content {text-align:right;padding:10px;position:fixed !important;top:0;left:0;width:97%;height:50px;}
#hover-submit-title {border-right:2px solid #AAAAAA;height:30px;left:0;padding:10px;position:fixed !important;top:0;}
#hover-submit-title h3 {color:#F4F4ED !important;font-size:14px !important;font-weight:bold !important;}
#home-link { position:relative;top:20px; }
#home-link img { width:360px;height:60px; }
#toplinks { color:white; list-style-type:none; left:720px;top:-65px;position:relative; height:100px; width:200px; padding:0px; margin:0px; }
#toplinks li { float:left; width:100px; height:30px; padding:0px; margin:0px;}
#logout { font-size:12px; position:absolute; top:20px; margin-left:820px; display: block; vertical-align:middle; color:white; padding-top:5px;text-decoration: none; }
#logout:hover, #help:hover { color:#dddddd; }
#logout img { background:url(/images/bg-nav.png) 0 -440px no-repeat; width:40px; height:30px; margin-top:0px; vertical-align:middle; }
#help { font-size:12px; position:absolute; top:60px; margin-left:840px; display: block; vertical-align:middle; color:white; padding-top:5px; text-decoration: none; }
#help img { background:url(/images/bg-nav.png) 0 -480px no-repeat; width:40px; height:30px; margin-top:0px; vertical-align:middle; }
/* navigation height:265px; */
#navigate { left:410px;position:relative;cursor:pointer;width:120px;height:35px; }
#navigate ul { display:none; list-style:none; background:#303030; padding:10px 0 0 10px; width:385px;
margin:35px 0 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
#navigate li { float:left; background:#333333; text-align:center; padding:4px; width:110px; height:70px; margin:0 10px 10px 0; color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#navigate li a { color:#fff;text-decoration:none;display:block; }
#navigate li:hover { background:#555D65; }
#navigate:hover ul { display:inline;position:absolute; }
#nav-account-profile { background:url(/images/bg-nav.png) 0 0 no-repeat; width:40px; height:30px; margin-top:10px; }
#nav-bandwidth { background:url(/images/bg-nav.png) 0 -40px no-repeat; width:40px; height:30px; margin-top:10px; }
#nav-databases { background:url(/images/bg-nav.png) 0 -80px no-repeat; width:40px; height:30px; margin-top:10px; }
#nav-disk { background:url(/images/bg-nav.png) 0 -120px no-repeat; width:40px; height:30px; margin-top:10px; }
#nav-domains { background:url(/images/bg-nav.png) 0 -160px no-repeat; width:40px; height:30px; margin-top:10px; }
#nav-email-accounts { background:url(/images/bg-nav.png) 0 -200px no-repeat; width:40px; height:30px; margin-top:10px; }
#nav-invoices { background:url(/images/bg-nav.png) 0 -240px no-repeat; width:40px; height:30px; margin-top:10px; }
#nav-support { background:url(/images/bg-nav.png) 0 -280px no-repeat; width:40px; height:30px; margin-top:10px; }
#nav-dns { background:url(/images/bg-nav.png) 0 -320px no-repeat; width:40px; height:30px; margin-top:10px; }
#nav-lead-gen { background:url(/images/bg-nav.png) 0 -360px no-repeat; width:40px; height:30px; margin-top:10px; }
#nav-tasks { background:url(/images/bg-nav.png) 0 -400px no-repeat; width:40px; height:30px; margin-top:10px; }
#nav-customers { background:url(/images/bg-nav.png) 0 -560px no-repeat; width:40px; height:30px; margin-top:10px; }
#nav-agenda { background:url(/images/bg-nav.png) 0 -860px no-repeat; width:40px; height:30px; margin-top:10px; }
#nav-login { background:url(/images/bg-nav.png) 0 -440px no-repeat; width:40px; height:30px; margin-top:10px; }
#nav-help { background:url(/images/bg-nav.png) 0 -480px no-repeat; width:40px; height:30px; margin-top:10px; }
#nav-sonassi { background:url(/images/bg-nav.png) 0 -520px no-repeat; width:40px; height:30px; margin-top:10px; }
#dns-form select { width:75px; margin-right: 5px;}
.support-sonassi { background:url(/images/bg-nav.png) 0 -740px no-repeat; width:50px; height:50px; margin-top:10px; }
.support-client { background:url(/images/bg-nav.png) 0 -800px no-repeat; width:50px; height:50px; margin-top:10px; }
/* end navigation */
/* account profile */
.cmr-ref { width:250px !important; }
/* end account profile */
/* pager code */
#pageone, #pagetwo { height:325px; width:325px; }
#pagercontent { width:6800px; height:325px; overflow:hidden; }
#pagernav { clear:both; text-align:right; }
#pager { float:left;margin-top:20px; width:325px; height:325px; overflow:hidden; }
div.page { width:325px; height:325px; float:left; }
/* end pager code */
#client-home { width:875px; padding:20px 20px 5px 20px; margin:-8px 0 0 12px;}
#clientlogo { width:143px; margin-left:350px; }
#clientlinks { width:800px; margin:0 auto;}
#clientlinks img { padding:10px; }
#client-inner { width:850px; margin:auto; }
#client-bw-id { float:right;}
.client-domain {font-size:12px; font-weight: bold;}
#client-left { float:left; width:615px; padding-right:15px; border-right:1px #666666 dotted; min-height:350px; }
#client-right { float:left; width:250px; padding-left:15px;}
#client-right p { color:#666666; }
#client-left h4 { color:#3764ac; font-size:14px; font-weight:bold; font-family: Arial;}
#domain-options { margin-left:676px; position:absolute; }
#navigate ul { z-index: 999;}
/* Domain Options */
#domain_select { clear:right; background: #afd136; width:220px; height:85px; padding:10px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#domain_select select { margin:0px; font-size:14px; width:220px; }
h3.domainHdr{ color: #ffffff; font-size:30px; }
#link-add-domain { color:white;font-size:11px;padding-left:150px;text-transform:uppercase;text-decoration:underline;}
#domain-options { height:250px; height:100px;}
#domain-options-buttons-disabled {margin-top:20px; opacity:0.5; MozOpacity:0.5; KhtmlOpacity:0.5; filter:alpha(opacity=50);cursor:not-allowed; }
#domain-options-buttons { margin-top:20px; }
#domain-options-buttons-disabled img { float:left; padding:0px; margin:10px 50px 0 0; }
#domain-options-buttons a { float:left; padding:0px; margin:10px 50px 0 0; }
#domain-options-buttons a:hover { opacity:0.8; MozOpacity:0.8; KhtmlOpacity:0.8; filter:alpha(opacity=80); }
#domain-options-buttons img.button { float:left; padding:0px; margin:10px 50px 0 0; cursor: pointer; }
#domain-options-buttons img.button:hover { opacity:0.8; MozOpacity:0.8; KhtmlOpacity:0.8; filter:alpha(opacity=80); }
/* End Domain Options */
/* Edit User */
#new-domain { float:right; width:180px; }
.removeuser:hover { opacity:0.8; MozOpacity:0.8; KhtmlOpacity:0.8; filter:alpha(opacity=80); }
.removealias:hover { opacity:0.8; MozOpacity:0.8; KhtmlOpacity:0.8; filter:alpha(opacity=80); }
.removealias { cursor:pointer; }
.client-form { }
.client-form label { float:left; width:180px; padding-top:0px; font-weight: bold; font-size:12px; color:#333333; }
.client-form label.error { clear:left; padding-left:180px; width: 350px; color:red;font-weight:normal !important; }
.client-form input.valid { border:1px dashed green !important; }
.client-form input.error { border:1px dashed red !important; }
.client-form input { float:left; border:1px solid #333333; background:white; color:#333333; padding:2px; font-size:12px; width:150px; margin:0px 5px 0 0; }
.client-form input.disabled { background: none; border:none; margin-top:-2px; font-size:14px; width:300px; }
.client-form select { float:left; width:100px; }
.client-form input.check { width:20px; margin-top:3px; }
.client-form input.user { width:175px; margin-right:5px; }
.client-form input.custom { width:225px !important; }
.client-form input.submit { width:164px !important; height:29px !important; border:none; background:none; float:right; padding:0px !important;}
.client-form input.submit:hover { opacity:0.8; MozOpacity:0.8; KhtmlOpacity:0.8; filter:alpha(opacity=80); }
.client-form span { float:left; padding-right:3px; margin:0px; }
.client-form p { color:#666666; clear:both; }
/* End End User */
.closewarning, .removeuser { cursor: pointer; }
#warning-wrapper { display:none; background:#000000; opacity: 0.8; -moz-opacity:0.80; filter: alpha(opacity=80);
z-index: 20; height: 100%; width: 100%; background-repeat:repeat; position:fixed; top: 0px; left: 0px; }
.warning-box { display:none; z-index:98; background:url('/images/warning-box.png') no-repeat; width:508px; height:510px; margin:0px; }
.warning-content { padding:230px 80px 0 80px; }
.warning-box h2 { color:#333; font-size:18px; }
.warning-box h3 { }
.warning-box p { margin:5px 0 5px 0 !important; }
.warning-field-required { border: 1px dashed red !important; }
#salt-check label { float:left; width:110px; padding-top:2px; color:#333333; font-weight:bold; }
#salt-check input { float:left; width:220px; background:white; color:#333333; padding:2px; border:1px #666 solid; }
#salt-check input.submit { width:164px !important; height:29px !important; border:none; background:none; float:right; padding:0px !important;}
/* Edit DNS */
.headerrow { font-size:16px; font-style: italic; font-weight:bold; }
td.type { font-size:12px; color:#555555; font-weight:bold }
td { text-align: left; }
input.ttl { width:100px; margin-right:50px; }
input.ip { width:170px; margin-right:50px; }
input.alias { width:150px; }
.resetdns { margin:2px 15px 0 0; cursor:pointer; float:right; }
tr.odd { background-color:rgb(238,238,238); padding:15px 0; }
table { border-collapse: collapse; }
.add-record { cursor:pointer }
.dns-refresh { float:right; height:260px; width:212px; background:url('/images/client-area-dns-refresh.png') 0 0 no-repeat; padding-top:90px;}
.dns-refresh p { margin-left:95px; font-weight:bold; }
.dns-refresh p.time { margin-top:53px; }
/* End Edit DNS */
/* mail location */
#mail-status-form .enabled { font-weight: bold; color: green; text-transform: capitalize; float:none; }
#mail-status-form .disabled { font-weight: bold; color: red; text-transform: capitalize; float:none; }
/* end mail location */
#nameservers { color:#666666; list-style-type: none; padding:0px; margin:0px; list-style-position: outside; }
#nameservers li { padding:0px; margin:0px }
/* Support */
.support-clientref { clear:both;font-weight:bold;float:left;width:25px; }
.low, .prio1 {color:#3660d8 !important}
.normal, .prio2 {color:#fa904d !important}
.high, .prio3 {color:#d03737 !important}
.inner { padding-left:15px; }
.support-form { }
#content-left h2 { padding:0 0 15px; }
.support-form label { float:left; width:100px; padding-top:0px; font-weight: bold; font-size:12px; color:#333333; }
.support-form label.error { clear:left; padding-left:180px; width: 350px; color:red;font-weight:normal !important; }
.support-form input.valid { border:1px dashed green !important; }
.support-form input.error { border:1px dashed red !important; }
.support-form input { float:left; border:1px solid #333333; background:white; color:#666666; padding:2px; font-size:14px; width:400px; margin:0px 5px 0 0; }
.support-form input[type=checkbox] { float:none; vertical-align:absmiddle; width:15px; }
.support-form textarea { float:left; border:1px solid #333333; background:white; color:#666666; padding:2px; font-size:12px; margin:0px 5px 0 0; width:500px; }
.support-form input.disabled { background: none; border:none; margin-top:-2px; font-size:14px; width:300px; }
.support-form select { float:left; width:250px; }
.support-form input.check { width:20px; margin-top:3px; }
.support-form input.user { width:175px; margin-right:5px; }
.support-form input.custom { width:225px !important; }
.support-form input.submit { width:164px !important; height:29px !important; border:none; background:none; float:right; padding:0px !important;}
.support-form input.submit:hover { opacity:0.8; MozOpacity:0.8; KhtmlOpacity:0.8; filter:alpha(opacity=80); }
.support-form span { float:left; padding-right:3px; margin:0px; }
.support-form p { color:#666666; clear:both; }
.support-form #allocated_date_pick { float:none; width:150px; }
.support-form #allocated_date { float:none; }
ul.support-tickets { list-style-type:none; list-style-position:outside; padding:0px; margin:0px; }
ul.support-tickets a { color: #386CC9 !important; }
.support-left { float:left; width:75px; }
.support-right { float:left; width:550px; overflow:hidden; }
.support-right .quote { border:1px dotted #333333; background:url(/images/quote-bg.png) 0 0 no-repeat #fff; font-family:Arial,Helvetica,sans-serif; font-size:13px; padding:0 25px; font-weight:normal; margin:0; }
.support-right .quote br { line-height:0px; margin:0; padding:0; display:block; }
.support-right p { color: #333333; }
span.support-post-details { font-weight:bold; }
.chargeable { background:#FCB400 ; }
.support-pane h4 { font-weight:bold; }
.support-pane { background:url('/images/bg-support-infopane.png') 0 0 no-repeat !important; }
span.support-infopane { text-transform:capitalize; }
hr.separator { background-color:#f4e4ee !important }
#info {
display: block;
padding: 10px; margin-bottom: 20px;
border: 1px solid #333;
background-color: #efefef;
}
#tickets-list, #tickets-list-closed {
list-style: none;
}
#tickets-list li {
display: block;
background:none repeat scroll 0 0 #F8F8EF;
border:1px dotted #E4E4DD;
padding: 10px 10px; margin-bottom: 3px;
}
#tickets-list-closed li {
border-bottom: 1px dashed #c0c0c0;
padding: 10px 10px; margin-bottom: 3px;
}
#tickets-list li img.handle {
margin-right: 20px;
cursor: move;
}
/*
#tickets-list .high {
background-color:#FFDFDF;
color:black !important;
}
#tickets-list .normal {
background-color:#FFF5EF;
color:black !important;
}
*/
/* End Support */
/* Agenda */
.agenda-form input.submit { float:none; }
/* Database */
.removedatabase:hover { opacity:0.8; MozOpacity:0.8; KhtmlOpacity:0.8; filter:alpha(opacity=80); }
.removedatabase { cursor:pointer; }
#db-password-button{ }
#db-password { display:none; }
.protected-db { color:#990000; }
#database-right { background:url('/images/bg-databases-count.png') no-repeat; height:25px;width:230px;padding:5px 0 0 0px; }
.gen_pass {font-weight:bold;float:none !important;cursor:pointer;}
.database_list { width:175px; }
/* End Database */
/* Invoices */
table.invoice-table { padding-left:100px; }
td.invoice-filename { width:400px; }
td.invoice-size { width:100px; }
td.invoice-date { width:200px; }
tr.titles { font-weight:bold; }
/* End Invoices */
/* Overview */
.important-info { background:rgb(227,230,208); width:500px; padding: 15px; }
.important-info table { width:100% }
.users-rundown { width: 228px; float:left; margin-top:30px; }
.title { font-weight:bold; width:100px; }
.path { width: 150px; padding-right: 10px; }
/* End Overview */
#kb-list { margin:20px 0px 0px 0px; padding:0px; }
#kb-list li { clear:both; margin:0px; padding:0px; list-style-type:none; }
#kb-list li img { float:left; margin:5px 5px 5px 0; }
#kb-list li a { padding-top:12px; float:left; font-weight: bold;}
#infobox { clear:left; width:593px; background:#f8f8ef; padding:10px 25px; border:1px #e4e4dd dotted; }
#infobox table { padding:0px; margin:0px;}
#infobox table tr.header td { padding:5px 50px 5px 0px;; font-size: 10px; font-family:Arial; color:#444444; text-transform:uppercase;}
#infobox table tr td { padding:0px 30px 5px 0px; color:#222222; font-family:"Myriad Pro","Trebuchet MS"; text-transform:uppercase; font-size:33px; }
span.resolved { color:#a7bb7b; }
span.pending { color:#4570c9; }
span.allocated { color:#CF9200; }
span.waiting { color:#8F1A1A; }
/* infobox
#infobox table tr.header td { padding:5px 15px; font-size: 18px; color:#444444; }
#infobox table td { padding:0px 15px; font-size: 13px; }
*/