@import url(calendar.css);
body {
    background: #ffffff;
    color: #000000;
    font-family: "BitStream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    margin: 0;
}

#container {
    width:970px;
    margin:auto;
}
a {
    text-decoration: none;
    color: #888888;
}

a:hover {
    text-decoration: underline;
    color: #888888;
}

a:visited, a:active {
    color: #888888;
}
.cls {
    clear: both;
}

table {
    /* border-spacing: 0; */
    /* padding: 0; */
    border-collapse: collapse; /* for IE */
    text-align: left;
}

input, .button, textarea {
    padding: 6px;
}

input, .button, textarea, select {
    font-family: "BitStream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
}
.page-list-virtual input, .page-list-virtual .button, .page-list-virtual textarea {
    padding: 0px;
}

.readonly {
    background:#eee;
}

.button {
    border: 1px solid #aaaaaa;
    color: #777777;
    background: #dddddd;
    padding: 3px 3px 3px 3px;
}

.button:hover, .button:focus {
    background: #eee;
    color: #666;
    text-decoration:none;
}

.flat  {
    border: 2px solid rgba(0,0,0, 0.3);
    border-radius: 3px;
    transition: .25s;
}
.flat:focus {
    border: 2px solid #fde510;
    transition: .25s;
}

ul.flash-info {
    border:2px solid #AFE1A6; /* medium green */
    padding:1em;
    max-width:970px;
    margin-left:auto;
    margin-right:auto;
    list-style:none;
}

ul.flash-error {
    border:2px solid #fde510; /* tomato */
    padding:1em;
    max-width:970px;
    margin-left:auto;
    margin-right:auto;
    list-style:none;
    margin-bottom: 30px;
}

.error_msg {
    color: #d01313;
}

#motd {
    color: maroon;
    padding-top:2em;
}

.standout {
    color: maroon;
    padding: 3px 3px 3px 3px;
    text-align: center;
}
/* #login, #main_menu, #overview, #admin_domains, #admin_virtual,
.nav_bar, #alias_domain_table, #alias_table,
#overview_table, #log_table, .subnav, #admin_table {
    width: 100%;
}
#login, #main_menu, #overview,
#admin_domains, #admin_virtual, .nav_bar, #alias_domain_table,
#alias_table, #mailbox_table, #overview_table, #log_table, .subnav, .mailbox_wrapper {
    width: 1170px;
    margin: 0 auto;
}*/
#admin_table, #log_table, #mailbox_table {
    width: 100%;
}

#login_header {
    padding: 15px;
    text-align: left;
}

#login {
    width: 990px;
    margin: 0 auto;
}

#login_table {
    border-left: none;
    width: 550px;
    margin: 0 0 0 200px;
    border-collapse: separate;
    border-spacing: 10px;
}

#login_table h4 {
    font-size: 13px;
}

#menu, #tabbar {
    text-align:center;
    margin: 0 auto;
    white-space: nowrap;
}

#menu ul, #tabbar  ul	{
    padding: 0;
    margin: 0;
    margin-left:auto;
    margin-right:auto;
    list-style: none;
    text-align: center;
    position:relative;
}

#menu li, #tabbar li {
    float: left;
    position:relative;
}

#menu li:hover, #menu li.sfhover, #tabbar li:hover, #tabbar li.sfhover {
    color: #fde510;
    transition: 0.2s;
}
#login_header_logo {
    max-width: 210px;
}
#menu li ul, #tabbar li ul {
    position: absolute;
    width: auto;
    left: -999em;
    right:auto;
    background: #e3e3e3;
    color: #999999;
    border: 1px solid #e3e3e3;
    border-top: 4px solid #fde510;
    z-index:101;
}
.first_ul li ul {
    /*    border-top:4px solid #fde510;*/
}
#menu li:hover ul, #menu li.sfhover ul, #tabbar li:hover ul, #tabbar li.sfhover ul {
    left: 10px;
}

#menu li ul li, #tabbar li ul li {
    float: none;
    text-align:left;
    right:auto;
}

#menu .first_ul > li > a {
    display: block;
    width: auto;
    padding: 11px 8px;
    margin: 0px 10px;
    font-size: 18px;
    color: #000;
    transition: .25s;
}
#menu .first_ul li ul > li a {
    display: block;
    width: auto;
    padding: 8px 15px;
    font-size: 16px;
    color: #000;
    transition: .25s;
    text-align: left;
}
#menu .first_ul li ul > li:hover a {
    background-color: #fde510;
}
#menu .first_ul > li a:hover {
    text-decoration: none;
    /*    color: #fde510;*/
    transition: .2s;
    background-color:#fde510;
}
.label:empty {
    display: block;
}
.main_content {
    min-height: 700px;
}

#menu li ul li a, #tabbar li ul li a {
    padding: 5px 5px 5px 5px;
}
.subnav {
    padding: 10px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ebebeb;
    border-radius: 5px;
}
.subnav p, .subnav p a {
    font-size:16px;
    color: #000;
    transition: .25s;
}
.subnav p:hover, .subnav p a:hover {
    /*    color: #fde510;*/
    transition: .25s;
}
.subnav p a:hover {
    text-decoration: underline;
}
.subnav .active {
    color: #000;
    text-decoration: underline;

}

#edit_form table {
    margin: 0 50px;
    padding-top: 10px;
    text-align: left;
}

#edit_form th  {
    text-align: center;
    font-size: 20px;
    margin: 0;
    line-height: 25px;
    color: #000;
    padding-bottom: 25px;
    border-bottom: none;
}

.hlp_center {
    text-align: center;
}

.help_text {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

#main_menu table {
    margin: 0 0;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 80%;
    display: table;
    margin: auto;
}

#main_menu table tr {
    background-color: #f6f6f6;
    border-bottom: 7px solid #fff;
}
#main_menu table td a, #main_menu table td {
    font-size: 16px;
    color: #000;
}
#main_menu table .td_desc{
    padding-left: 35px;
}
#main_menu table td a {
    background-color: #e3e3e3;
}
#main_menu a {
    padding: 14px 15px;
    display: block;
    border-right: 1px solid #909090;
}

#main_menu table td a:hover {
    /*    color: #fde510;*/
    text-decoration: none;
    background-color: #fde510;
}

#overview h4, #overview P, #overview FORM, #admin_virtual h4, #admin_virtual P, #admin_virtual FORM {
    display: inline;
    padding-right: 10px;
    line-height: 30px;
}

#alias_domain_table .header, #alias_table .header, #mailbox_table .header,
#overview_table .header, #log_table .header, #admin_table .header, .page-details .header {
    line-height: 20px;
    background: #efefef;
    background-color: #efefef !important;
    color: black;
}

#alias_domain_table h3, #alias_table h3, #mailbox_table h3, #overview_table h3, #log_table h3, #admin_table h3 {
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    padding-left: 20px;
    line-height: 25px;
    margin: 0;
}

#alias_domain_table .hilightoff, #alias_table .hilightoff,
#mailbox_table .hilightoff, #overview_table .hilightoff, #log_table .hilightoff, #admin_table .hilighoff {
    background: white;
}

#alias_domain_table .hilighton, #alias_table .hilighton,
#mailbox_table .hilighton, #overview_table .hilighton, #log_table .hilighton, #admin_table .hilighton {
    background: #eee; /*#D6FF85;*/ /*#ffdddd;*/
}

#alias_domain_table tr:hover, #alias_table tr:hover,
#mailbox_table tr:hover, #overview_table tr:hover, #log_table tr:hover, #admin_table tr:hover {
    background: #d5d5d5; /*#D6FF85;*/ /*#ffdddd;*/
}

th {
    text-align: center;
    padding:7px 0;
    margin: 0 0 14px 0;
    border-bottom: 1px solid #bbb;
    color: #555555;
}

td.label {
    text-align:center;
    font-size: 16px;
}
.label {
    display: block;
    line-height: 1.7;
}
label {
    padding-right:0;
    font-weight:bold;
    vertical-align:middle;

}

#alias_domain_table td, #alias_table td, #mailbox_table td, #overview_table td, #log_table td, #admin_table td {
    text-align: left;
}

#footer {
    width:975px;
    margin: 20px auto;
    border-top: 1px solid #bbbbbb;
    background: #efefef;
    color: #999999;
    line-height: 20px;
    text-align: left;
    padding-left: 15px;
    font-size: 9px;
    display: none;
}

#footer a {
    text-decoration: none;
    color: #999999;
}

#footer a:hover {
    text-decoration: underline;
    color: #777777;
}

div.setup {
    width:700px;
    margin-left:auto;
    margin-right:auto;
    text-align: left;
}

div.setup li {
    padding-bottom:1em;
}

.searchresult {
    background:lightgreen;
}

span.active {
    font-weight:bold;
}

div.nav_bar {
    text-align: left;
}


.quota {
    z-index:99;
    height:14px;
    position: absolute;
}
.quota_text {
    z-index:100;
    text-align: center;
    font-size: 10px;
    color: #666;
    cursor: default;
    width:120px;
    height:14px;
    margin-top:-14px;
    position: absolute;
}
.quota_bg { background-color: white; z-index:98; width:120px; height:15px;margin-top:-1px;margin-left:-1px;   border: 1px solid #999;}
.quota_no_border { border:none; margin:0; }
.quota_high { background: url(../images/quota-colors.png) repeat-x 0 -28px #f90509; }
.quota_mid  { background: url(../images/quota-colors.png) repeat-x 0 -14px #e3e909; }
.quota_low  { background: url(../images/quota-colors.png) repeat-x 0 0px #05f905; }
.quota_text_high { color: white; }
.quota_text_mid { color: #000; }
.quota_text_low { color: #000; }

#list {
    overflow-x: auto;
}
.color_explain {
    display: flex;
    font-size: 14px;
    justify-content: center;
    align-items: center;
}
.color_explain span {
    border-radius: 100%;
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 5px;
    margin-top: -7px;
}
.color_explain p {
    margin-right: 18px;
}
.color_explain p:last-child {
    margin-right: 0px;
}
.page-list-domain #admin_table td {
    position: relative;
}