@charset "utf-8";
/* CSS Document © 2007 (mt) Media Temple, Inc. all rights reserved. */
/* $Rev: 8436 $ */
/* $Date: 2008-04-01 16:17:19 -0700 (Tue, 01 Apr 2008) $ */
/* $URL: https://svn.mediatemple.net/dev/apps/ucontrol/tags/2008-07-16-01/_css/ucontrol.css $ */

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    margin:0;
    background: #fff url('../_img/uc-bodybg.gif') repeat-x center top;
    text-align:center;
    color:#909090;
    }
a, a:link, a:visited {
    color:#555555;
    outline:none;
    text-decoration:none;
    }
a:hover {
    text-decoration:underline;
    color:#004c7b;
    }

fieldset {
    border:0;
    }
fieldset legend {
    font-size:1px;
    text-indent:-9999px;
    }
    
h2 { 
    font-size:20px !important;
    color:#004c7b;
    margin:0; padding:15px 0px;
    }
/* sub-page headings */
h2.uc-subhead {
    display:block;
    padding:15px 0 0 0;
    margin-bottom:-8px;
    height:48px;
    padding-left:60px;
    background-repeat: no-repeat;
    background-position: left top;
}
h3.uc-formlabel {
    display:block;
    width:110px;
    float:left;
    margin:0 20px 0 0;
    font-size:14px !important;
    font-weight:normal !important; 
    color:#7b7b7b;
    text-align:right;
    }
h3.uc-formlabel small {
    font-size:11px;
    line-height: normal;
    display: block;
    padding-top:10px;
}
#changepass h3.uc-formlabel {
    width:150px;
    padding:5px 0 0 0;
}
a.uc-needhelp {
    margin-top:23px;
    text-transform:uppercase;
    float:right;
    }

hr {
    display:block;
    border:none;
    width:100%;
    height:8px;
    margin:0;
    color:#e3e3e3;
    background-color:#e3e3e3;
    }
p {
    margin:0 10px;
    padding:15px 0;
    }
div#uc-header {
    height:90px;
    margin-bottom: 10px;
}
h1#uc-logo {
    display:block;
    width:132px;
    height:23px;
    float:left; 
    margin: 18px 10px 0 18px;
    text-indent:-9999px;
}
h1#uc-logo[id] {
    background:url('../_img/uc-logo.png') no-repeat left top;
}
h1#uc-logo a {
    display:block;
    width:100%;
    height:23px;
}
a.uc-bubble {
    margin:25px 0 0 0;
    display:block;
    width:12px;
    height:11px;
    float:left;
    background:url('../_img/uc-tooltip-bbl.gif') no-repeat left top;
    text-indent:-9999px;
    z-index:999;
}

div#uc-helpbubble {
    display:block;
    position:absolute;
    top:20px;
    left:-9999px;
    width:400px;
    margin:0;
    padding:0;
    overflow:hidden;
    text-align:left;
    -moz-opacity: 0.95; opacity:.95; filter: alpha(opacity=95);
    z-index: 9999; /* so it still shows over blockUI */
} 
div#uc-helpbubble div.uc-bubblebody {
    background: url('../_img/uc-helpbubble_01.png') no-repeat left top;
}
div#uc-helpbubble span.uc-endbubble {
    display:block;
    width:400px;
    height:47px;
    background: url('../_img/uc-helpbubble_02.png') no-repeat left top;
}
div#uc-helpbubble p {
    font-size:11px;
    padding:45px 0 0 0;
    margin:0 50px;
    color:#eaeaea;
    line-height:18px;
}
div#uc-helpbubble p strong {
    display:block;
    font-size:14px;
    margin:10px 0;
    padding-left:30px;
    background:url('../_img/help_16.png') no-repeat left 50%;
}

a.uc-logout {
    margin:18px 20px 0 0;
    display:block;
    width:89px;
    height:28px;
    float:right;
    text-indent:-9999px;
}
a.uc-logout[class] {
    background:url('../_img/uc-logout.png') no-repeat left top;
}

a.uc-logout:hover {
    background-position:-89px 0px;
}

div#uc-nav {
    margin:0 auto;
    padding-top:59px;
    padding-bottom:0;
    display:block;
    width:819px; /* +3px for ie6... go figure */
}
div#uc-nav ul {
    margin:0;
    padding:0;
    list-style:none;
}
div#uc-nav ul li {
    float:left;
}
div#uc-nav ul li a, div#uc-nav ul li a:hover, div#uc-nav ul li a:active {
    display:block;
    width:136px;
    height:31px;
    text-indent:-9999px;
}
/* tab images */
.uc-tab1 { background:url('../_img/nav/uc-overview.gif') no-repeat left top; } 
.uc-tab2 { background:url('../_img/nav/uc-autoreply.gif') no-repeat left top; }
.uc-tab3 { background:url('../_img/nav/uc-mailprotect.gif') no-repeat left top; }
.uc-tab4 { background:url('../_img/nav/uc-changepass.gif') no-repeat left top; }
.uc-tab5 { background:url('../_img/nav/uc-needhelp.gif') no-repeat left top; }
.uc-tab6 { background:url('../_img/nav/uc-webmaillogin.gif') no-repeat left top; }
/* end tab images */
div#uc-nav ul li a:hover, div#uc-nav ul li a.active { background-position:-136px; }

div#uc-body-top {
    display:block;
    width:1014px;
    height:10px;
    overflow:hidden;
    margin: 0 auto;
    background-color:#ececec;
    -moz-border-radius-topright:10px;
    -moz-border-radius-topleft:10px;
    -webkit-border-top-right-radius:10px;
    -webkit-border-top-left-radius:10px;
}
div#uc-body {
    display:block;
    width:1014px;
    height:auto;
    text-align:left;
    margin:0 auto;
    padding:0;
    background:url('../_img/uc-contentbg.gif') repeat-x center top;
}
div#uc-content {
    margin:0 40px;
}

div.uc-rightcol {
    width:214px;
    float:right;
}
div.uc-rightcol-wide {
    width:360px;
    float:right;
}
div.uc-leftcol {
    margin:0 20px 0 0;
}
div.uc-login {
    width:540px;
    margin:0 auto;
}
div.uc-formrow {
    clear:both;
    border-bottom:1px solid #e3e3e3;
    margin:0 20px 0 0;
    padding:15px 0;
    overflow: hidden;
}
div.uc-login .uc-formrow {
    margin:0;
}
.uc-alert {
    display:block;
    width: 50%;
    margin: 0 25%;
    padding:30px 0;
    text-align: center;
    background:url('../_img/topshine.png') repeat-x;
    -moz-border-radius:10px; 
    -webkit-border-radius:10px;
}
.uc-alert p {
    margin: 0 30px;
    padding: 0;
}
.success {
    color:#555;
    background-color:#b4efac; /* light green */
    border: 1px solid #ccc; 
}
.error { /* intended for block elements */
    background-color:#ffdddd;
}
form label.error {
    background:none;
    color:#8d1c1c;
}
form label.selected {
    /* make the selected option more visible.
    e.g. from a set of radio buttons. */
    font-weight: bold;
}
label.blocky {
    display:block;
    padding-top:10px;
    margin-left:140px;
}
div.uc-formcol label.mp-blocky {
    display:block;
    text-align:left;
    padding-top:10px;
    margin-right:20px;
    font-weight:normal;
    font-size:11px;
}
div.mp-setting-select label {
    display:block;
    float:left;
    width:27%;
    margin:0;
    font-size:14px;
    color:#333;
}
div.mp-setting-select input {
    display:block;
    float:left;
    margin-top:2px;
}
div.mp-setting-select label span {
    display:block;
    float:left;
    width:80%;
    margin-left:10px;
}
div.mp-setting-select label span em, div.mp-setting-select label:hover span em {
    display:block;
    font-size:10px;
    font-style:normal;
    padding:2px 0 0 0;
    color:#777;
}
div.mp-setting-select label:hover, form label.selected  {
    color:#004c7b;
    cursor:pointer;
}

div.uc-formrow select {
    width:360px;
    }
div.uc-formrow input.uc-input {
    width:220px;
    padding:7px 0 7px 0;
    border:1px solid #e3e3e3;
    text-indent:10px;
    color:#555;
    }
div.uc-formrow textarea.uc-input {
    width:250px;
    border:1px solid #e3e3e3;
    line-height:1.5em;
    color:#555;
    }
div.uc-formrow input.uc-input-wide {
    width:380px;
    border:1px solid #e3e3e3;
    text-indent:10px;
    padding:7px 0 7px 0;
    color:#555;
    }
div.uc-formrow textarea.uc-input-wide {
    width:380px;
    height:200px;
    border:1px solid #e3e3e3;
    padding:10px 0 0 10px;
    line-height:1.5em;
    color:#555;
    }
div.uc-formrow input.error,
div.uc-formrow select.error,
div.uc-formrow textarea.error,
div.uc-formrow button.error
{
    background-color: #fff;
    border: 1px solid #8d1c1c;
}
div.mp-global-wrapper {
    padding-top:15px;
    }
    
div.clearfix {
    clear:both;
    display:block;
    height:0px;
    overflow:hidden;
}
div.uc-formcol {
    display:block;
    float:left;
    width:270px;
    margin-right:20px;
    border-right:1px solid #e3e3e3;
}
div.uc-formcol a.bl-bulkadd, div.uc-formcol a.bl-bulkadd:visited {
    font-size:11px;
    float:right;
    margin-right:10px;
    color:#999;
    }
div.uc-formcol a.bl-bulkadd:hover {
    color:#004c7b;
    }
.importglobal {
    padding:8px 28px 1px 0;
    background:url('../_img/_gifs/up_plus.gif') no-repeat 90% bottom;
    }
.viewglobal {
    padding:8px 28px 1px 0;
    background:url('../_img/_gifs/view16.gif') no-repeat 90% bottom;
    }
/* label headers for allow and block lists */
.bl-allow, .bl-block {
    display:block;
    font-weight:bold;
    text-indent:25px;
    height:25px;
    background-repeat:no-repeat;
    background-position:left top;
}
.bl-allow {
    background-image:url('../_img/checkmark_16.png');
}
.bl-block {
    background-image:url('../_img/warning_16.png');
}
div.uc-formcol a.uc-form-addbttn {
    display:block;
    width:40px;
    height:19px;
    float:right;
    margin:5px 0 0 0;
    text-indent:-9999px;
    background:url('../_img/bl-addbttn.png') no-repeat left top;
}
div.uc-mp-addlist {
    display:block;
    width:250px;
    margin-top:10px;
    color:#555;
    background:#e3e3e3 url('../_img/topshine.png') no-repeat center top;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div.uc-mp-addlist ul {
    margin:0 10px;
    padding:10px 0;
    }
div.uc-mp-addlist ul.loading {
    background:url(../_img/bl-ajax-loader.gif) no-repeat center 50%;
    }
div.uc-mp-addlist ul.loading li { 
    -moz-opacity: 0.20; opacity:.20; filter: alpha(opacity=20);
    }
div.uc-mp-addlist ul li {
    line-height:200%;
    clear:both;
    }
div.uc-mp-addlist ul li a {
    display:block;
    width:100%;
    text-indent:5px;
    background: url('../_img/bl-remove.png') no-repeat 98% 50%;
    }
div.uc-mp-addlist ul li a:hover {
    background-color:#ccc;
    text-decoration:none;
    }

div.uc-spamlevel {
    display:block;
    float:left;
    margin-top:-5px;
    }
/* slider css */
div#uc-sl-slider {
    display:block;
    position: relative;
    width:380px;
    height:37px;
    margin-left:-10px;
    background:url('../_img/uc-slider-bg.gif') no-repeat center top;
    }
#uc-sl-slider-handle {
    position: absolute;
    display:block;
    width:41px;
    height:37px;
    background:url('../_img/uc-slider-handle4.png') no-repeat;
    cursor:pointer;
    }

div.uc-infobox {
    display:block;
    padding:17px 0;
    width:214px;
    background:url('../_img/uc-infoboxbg-top.png') no-repeat center top;
}
div.uc-infobox-bttm {
    display:block;
    width:214px;
    height:20px;
    background:url('../_img/uc-infoboxbg-bttm.png') no-repeat center top;
}
div.uc-infobox p {
    font-size:11px !important;
    line-height:14px;
    margin:10px 30px;
    padding:0;
}
div.uc-infobox p strong {
    display:block;
    height:16px;
    font-size:12px !important;
    margin:0 0 10px 0;
    padding:2px 0 0 25px;
    color:#555;
    background:url('../_img/help_16.png') no-repeat left top;
}
div.uc-infobox dl {
    margin:0 30px;
    padding:0;
}
div.uc-infobox dl dt {
    font-size:12px !important;
    font-weight:normal !important;
    padding:5px 0;
    background:none;
    color:#555;
}
div.uc-infobox dl dd {
    float:none;
    margin:0;
    font-size:11px;
    font-weight:bold;
    line-height:16px;
    color:#c1bfa9;
    padding-left:10px;
    background:url('../_img/infobox-bul.png') no-repeat left 5px;
}
/* password strength styles */
div#pstrength_box {
   float:right;
   width:225px;
   margin:0 30px 0 0;
   font-size:11px;
   padding-top:3px;
}
.pstrength-bar {
   height:10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background:url(../_img/pstrength-shine.png) repeat-x center top;
}
.pstrength-info {
  padding-top:3px;
}

dl {
    clear:left;
    margin:5px 0;
}
dl dt {
    font-size:14px !important;
    font-weight:bold !important;
    margin:0;
    padding:7px;
    background-color:#e3e3e3;
    color:#004c7b;
    }
dl dd {
    font-size:11px !important;
    margin:10px 0;
    padding:0;
    float:left;
    }

dl#uc-controls dd {
    width:25%;
}
dl#uc-controls dd a, dl#uc-controls dd a:visited, dl#uc-controls dd div.uc-webmail {
    display:block;
    height:75px;
    text-decoration:none;
    color:#909090;
    border-right:1px solid #e3e3e3;
    background-repeat:no-repeat;
    background-position:10px 10px;
}
dl#uc-controls dd a.lastli, dl#uc-controls dd div.lastli {
    border:0;
}
dl#uc-controls dd a:hover, dl#uc-controls dd div.uc-webmail:hover {
    background-color:#eaeaea;
}
dl#uc-controls dd a span, dl#uc-controls dd div.uc-webmail span {
    display:block;
    margin:0 12px 0 70px;
    padding:10px 0;
}
dl#uc-controls dd a span strong, dl#uc-controls dd div.uc-webmail span strong {
    display:block;
    font-size:16px;
    font-weight:normal;
    padding-bottom:5px;
    color:#004c7b;
}
/* controls icons */
.uc-autoreply { background-image:url('../_img/icons/autoreply.png'); }
.uc-mailprotect { background-image:url('../_img/icons/mailprotect.png'); }
.uc-changepass { background-image:url('../_img/icons/changepass.png'); }
.uc-webmail { background-image:url('../_img/icons/webmail.png'); }

dl#uc-controls dd select {
    width:150px;
}
dl#uc-guides {
    padding-top:15px;
}
dl#uc-guides dt {
    display:block;
    font-weight:normal !important;
    padding-left:30px;
    background:#eaeaea url('../_img/help_16.png') no-repeat 8px 50%;
    }
dl#uc-guides dt a, dl#uc-guides dt a:visited {
    font-size: 12px !important;
    color:#909090;
    text-decoration:none;
    float:right;
    }
dl#uc-guides dt a:hover {
    text-decoration:underline;
    color:#004c7b;
}
dl#uc-guides dd {
    width:20%;
    font-size:14px !important;
    color:#004c7b;
    background-repeat:no-repeat;
    background-position:10px 10px;
    }
/* guide icons */
.uc-macmail { background-image:url('../_img/icons/macmail.png'); }
.uc-iphone { background-image:url('../_img/icons/iphone.png'); }
.uc-tbird { background-image:url('../_img/icons/tbird.png'); }
.uc-entourage { background-image:url('../_img/icons/entourage.png'); }
.uc-outlook { background-image:url('../_img/icons/outlook.png'); }

dl#uc-guides dd strong {
    display:block;
    height:55px;
    margin:0 0 0 70px;
    padding:10px 0;
    border-right:1px solid #e3e3e3;
    font-weight:normal !important;
}
dl#uc-guides dd strong.lastli {
    border:0;
}
a.uc-launchbttn {
    display:block;
    width:67px;
    height:30px;
    background:url('../_img/uc-launchguide.png') no-repeat left top;
    text-indent:-9999px;
    margin:10px 0 0 0;
}
a.uc-launchbttn:hover {
    background-position:-67px top;
}
span.uc-vidguide {
    display:block;
    width:30px;
    height:13px;
    background:url('../_img/uc-vidguide.png') no-repeat left top;
    text-indent:-9999px;
    float:right;
}

ul.uc-launchselect {
    margin:10px 0 0 0;
    padding:0;
}
ul.uc-launchselect li {
    display:block;
    width:20px;
    height:30px;
    float:left;
}
ul.uc-launchselect li.startli {
    width:54px;
    background-image:url('../_img/uc-ol-launch.png');
    background-repeat:no-repeat;
    background-position:left top;
    text-indent:-9999px;
}
ul.uc-launchselect li a {
    display:block;
    height:30px;
    background-image:url('../_img/uc-ol-launch.png');
    background-repeat:no-repeat;
    text-indent:-9999px;
}
ul.uc-launchselect li a.li-1 {
    background-position:-54px top;
}
ul.uc-launchselect li a.li-2 {
    background-position:-74px top;
}
ul.uc-launchselect li a.li-3 {
    background-position:-94px top;
}
ul.uc-launchselect li a.li-1:hover {
    background-position:-114px top;
}
ul.uc-launchselect li a.li-2:hover {
    background-position:-134px top;
}
ul.uc-launchselect li a.li-3:hover {
    background-position:-154px top;
}

div.uc-submitrow {
    padding:10px;
}
a.uc-cancelbttn {
    display:block;
    width:73px;
    height:29px;
    margin:0 15px 30px 0;
    background:url(../_img/uc-cancel.png) no-repeat left top;
    text-indent:-9999px;
    float:right;
}
a.uc-formcancel:hover { background-position: -73px top; }
.uc-submitbttn { /* input, a */
    width:119px;
    height:29px;
    margin: 0 15px 30px 0;
    float:right;
}
a.uc-submitbttn {
    display:block;
    background:url(../_img/uc-savesettings.png) no-repeat left top;
    text-indent:-9999px;
}
a.uc-submitbttn:hover { background-position: -119px top; }
div.uc-previewbox {
    display:block;
    width:340px;
    margin-top:15px;
    color:#555;
    background:#e3e3e3 url('../_img/topshine2.png') no-repeat center top;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border:1px solid #e3e3e3;
}
div.uc-previewbox p {
    line-height:14px;
    margin:0 10px;
    padding:10px 0 0 0;
}
div.uc-previewbox p strong {
    display:block;
    height:16px;
    font-size:12px !important;
    margin:0 0 10px 0;
    padding:2px 0 0 25px;
    color:#555;
    background:url('../_img/envelope_open_16.png') no-repeat left top;
}
div.uc-preview {
    margin:0 30px;
    padding:0 0 20px 0;
}
div.uc-preview hr {
    height:4px;
    color:#ccc;
    background-color:#ccc;
}
div.uc-preview pre {
    display:block;
    margin:0;
    padding:10px 0;
    line-height:1.5em;
    white-space:normal;
}
label.uc-pwd-label, label.uc-pwd-label-err {
    display:block;
    width:280px;
    float:right;
    font-size:11px;
    text-align:right;
    margin-right:10px;
}
label.uc-pwd-label-err {
    color:#8d1c1c;
}
label.uc-mp-label {
    display:block;
    width:180px;
    float:right;
    font-size:11px;
    text-align:right;
    margin-right:10px;
}
div#contacts dl {
    clear:none;
    display:block;
    width:25%;
    float:left;
}
div#contacts dl.first dt, div#contacts dl.first dd {
    border:none;
    }
div#contacts dl dt {
    padding:0;
    text-indent:42px;
    height:35px;
    line-height:230%;
    background-color:#e3e3e3;
    background-repeat:no-repeat;
    background-position:8px 5px;
    border-left: 1px solid #ccc;
    color:#004c7b;
}
div#contacts dl dt.owner { background-image:url('../_img/user_24.png') }
div#contacts dl dt.admin { background-image:url('../_img/gears_24.png') }
div#contacts dl dt.tech { background-image:url('../_img/terminal_screen_24.png') }
div#contacts dl dt.billing { background-image:url('../_img/money_payment_24.png') }

div#contacts dl dd {
    display:block;
    margin:0;
    padding:0;
    border-left:1px solid #e3e3e3;
    padding:20px 0 0 42px;
    /*background:url('../_img/icon-hcard-download.png') no-repeat 95%px 20px;*/
}

div#contacts .vcard {
    line-height:16px;
}

div#contacts .vcard strong {
    font-size:14px;
    color:#555;
    line-height:18px;
}

div#uc-loginform {
    background:#ddd url('../_img/bigshine.png') repeat-x center top;
    border:1px solid #ddd;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
div#uc-loginform form {
    display:block; padding:30px 0 15px 0; margin:0 30px 0 20px;
}
div#uc-loginform label {
    font-size:14px;
    padding:10px 0;
    margin:0 5px 0 0;
    text-align:right;
}
div#uc-loginform .uc-formrow {
    margin:0; padding:0 0 20px 0; border:none;
    text-align:right;
    white-space:nowrap;
}
div#uc-loginform .loginerr {
    text-align:left;
}
div#uc-loginform .loginerr strong {
    display:block;
    margin-bottom:5px;
    padding:10px 0;
    background:#fffdd6 url('../_img/warning_16.png') no-repeat 14px 50%;
    text-indent:42px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    font-weight:normal;
    color:#8d1c1c;
    border:1px solid #f3f1cc;
}

div#uc-loginform .uc-input-wide {
    margin:0;

}
div#uc-loginform em {
    display:block;
    float:right;
    width:11px;
    height:11px;
    position:relative;
    top:10px;
    right:10px;
    text-indent:-9999px;
    overflow:hidden;
    background:url('../_img/small_lock.gif') no-repeat right top;
}
div#uc-loginform div.uc-formsubmit {
    padding:0;
}
div#uc-loginform a.uc-submitbttn {
    display:block;
    width:119px;
    height:29px;
    margin:0;
    background:url('../_img/login.png') no-repeat left top;
    text-indent:-9999px;
    float:right;
}
div#uc-loginform a.uc-submitbttn:hover {
    background-position: -119px top;
}