@charset "utf-8";

/*/////////////////////////////////////////////////////
 *
 *  Basic Rules
 *
/////////////////////////////////////////////////////*/

* { margin: 0; padding: 0; }
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #444;
    background: url('../images/new/bg_noise.jpg');
}
#body-inner {
    background: url('../images/new/bg.jpg') repeat-x;
}
h1, h2, h3, h4 , h5 {
    margin-bottom: 10px;
    color: #666;
    font-weight: normal;
}
a {
    color: #19769b;
    text-decoration: none;
}
a:hover {
    color: #145c79; 
    text-decoration: none;
}
a img {
    border: none;
}
p { margin-bottom: 10px; }
p a { font-weight: normal; }

hr {
    margin: 20px 0;
    float: none;
    clear: both;
    border: none;
    border-bottom: 1px dotted #ccc;
}

blockquote {
    display: inline-block;
    padding: 10px;
    background: #eee;
    border: 1px solid #ccc;
    width: auto;
    margin: 0 0 10px 0;
}
blockquote.center {
    text-align: center;
    margin: 20px auto;
    display: block; 
}
/*/////////////////////////////////////////////////////
 *
 *  Structural CSS
 *
/////////////////////////////////////////////////////*/

#header {
    height: 140px;
}
#header #logo {
    margin-top: 10px;
}
#header #nav_pri {
    height: 40px;
    width: 960px;
    margin: 0 auto;
    color: #666;
}
#header #nav_pri ul.links {
    float: right;
    border-left: 1px solid #cecece;
}
#header #nav_pri ul.links li {
    display: block;
    float: left;
}
#header #nav_pri ul.links li a {
    display: inline-block;
    background-image: url('../images/new/nav_tab_bg.png');
    background-position: bottom left;
    background-repeat: repeat-x;
    border-left: 1px solid #fff;
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #cecece;
    padding: 13px 15px 0 15px;
    height: 26px;
    font-size: 13px;
    color: #666;
}
#header #nav_pri .links a:hover {
    text-decoration: none;
    color: #888;
}
#header #nav_pri .links a.current {
    background-position: top left;
    border-bottom: 1px solid #fff;
}

#header #nav_pri ul.links li ul {
    display: none;
    position: absolute;
    background: #eee;
    border: 1px solid #fff;
    border-top: none;
    border-radius: 0 0 5px 5px;
    box-shadow: rgba(0,0,0,.2) 0px 1px 10px;
    -moz-box-shadow: rgba(0,0,0,.2) 0px 1px 10px;
    -webkit-box-shadow: rgb(0,0,0,.2) 0px 1px 10px;
}
#header #nav_pri ul.links li:hover ul {
    display: block;
}
#header #nav_pri ul.links li ul li,
#header #nav_pri ul.links li ul li a {
    display: block;
    float: none;
    clear: both;
    background: none;
    border: none;
}
#header #nav_pri ul.links li ul li a:hover {
    background: #ddd;
    color: #444;
}
/*/////////////////////////////////////////////////////
 *
 *  Language Box
 *
/////////////////////////////////////////////////////*/

#header #nav_pri #language {
    display: inline-block;
    margin: 0 0 0 9px;
    padding: 12px 0px 0px 0px;
    cursor: pointer;
    vertical-align: top;
}
#header #nav_pri #language img { padding-top: 2px; }
#header #nav_pri #languagelist {
    display: none;
    position: absolute;
    list-style: none;
    width: 200px;
    text-align: left;
    background: #eee;
    border: 1px solid #fff;
    border-radius: 5px;
    left: 50%;
    top: 35px;
    margin-left: -480px;
    box-shadow: rgba(0,0,0,.2) 0px 1px 10px;
    -moz-box-shadow: rgba(0,0,0,.2) 0px 1px 10px;
    -webkit-box-shadow: rgb(0,0,0,.2) 0px 1px 10px;
    z-index: 15;
}
#header #nav_pri #languagelist li a {
    display: block;
    background-repeat: no-repeat;
    background-position: 8px 9px;
    padding: 6px 0 6px 36px;
    margin: 0;
    color: #666;
}
#header #nav_pri #languagelist li a:hover {
    background-color: #ddd;
}

#header #nav_sec a {
    padding-top: 0;
}

#header #nav_sec {
    float:right;
    text-align: right;
    margin-top: 10px;
}

#content-inner, #footer-inner {
    width: 960px;
    margin: 0 auto;
    padding: 10px 0 10px 0;
}
#content {
    /* background: #f4f4f4; */
}
#content ul,
#content ol {
    padding: 5px 0 5px 25px;
}
#content ul.ui-tabs-nav {
    padding: .2em .2em 0;
}

#footer {
    /* background: #c9c9c9 url('../images/new/footer_bg.png') repeat-x; */
    font-size: 12px;
}
#footer .section {
    margin: 0 25px 10px 0;
    width: 220px;
    float: left;
}
#footer .section ul {
    list-style-type: none;
    margin-bottom: 10px;
    padding: 0;
}
#footer .section ul li {
    border-top: 1px dotted #aaa;
    padding: 3px;
    font-size: 11px;
    text-shadow: #eee 0px 1px 0px;
    -moz-text-shadow: #eee 0px 1px 0px;
    -webkit-text-shadow: #eee 0px 1px 0px;
}
#footer .section ul li.top {
    border: none;
    padding: none;
}
#footer .section ul li.bottom {
    border-bottom: 1px dotted #aaa;
}
#footer .section ul li a {
    background-image: url('../images/new/icon_bulletarrow.gif');
    background-repeat: no-repeat;
    background-position: 0 4px;
    padding-left: 10px;
}
#footer .section ul li a:hover {
    background-position: 2px 4px;
}
#footer .section ul li.top a {
    background: none;
    padding-left: 0px;
}
#footer .section strong {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    color: #555;
    text-shadow: #fff 0px 1px 0px;
    -moz-text-shadow: #fff 0px 1px 0px;
    -webkit-text-shadow: #fff 0px 1px 0px;
}
#footer a { color: #777; }
#footer a:hover { color: #999; text-decoration: none; }

/*/////////////////////////////////////////////////////
 *
 *  Feature Tables/Tabs
 *
/////////////////////////////////////////////////////*/

#tabs {
    /* width: 592px; */
    margin-bottom: 30px;
    font-size: 13px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    box-shadow: #bbb 0px 1px 8px;
}
#tabs .features {
    box-shadow: none;
    margin-bottom: 0 !important;
}
.features {
    margin-bottom: 30px;
    width: 100%;
}
.features thead th {
    text-transform: uppercase;
    font-weight: normal;
}
.features td,
.features th {
}
.features td.first,
.features th.first {
    width: 225px;
    text-align: left;
    font-weight: bold;
}

/*/////////////////////////////////////////////////////
 *
 *  Home Hosting Buttons
 *
/////////////////////////////////////////////////////*/

#home_hosting_buttons {
    width: 980px;
    height: 130px;
    margin: -10px auto -5px auto;
    overflow: hidden;
}
#home_hosting_buttons a span { display: none; }
#home_hosting_buttons > div { height: 60px; padding-top: 70px; float: left; width: 195px; }
#home_hosting_buttons .personal {  background: url('../images/new/home_button_personal.png'); padding-left: 3px;}
#home_hosting_buttons .business {  background: url('../images/new/home_button_business.png'); }
#home_hosting_buttons .reseller {  background: url('../images/new/home_button_reseller.png'); }
#home_hosting_buttons .vps {       background: url('../images/new/home_button_vps.png'); }
#home_hosting_buttons .dedicated { background: url('../images/new/home_button_dedicated.png'); padding-left: 2px; }
#home_hosting_buttons a {
    display: block;
    float: left;
    height: 40px;
}
#home_hosting_buttons a {
    background-position: bottom left;
}
#home_hosting_buttons a.more {
    width: 94px;
    background: url('../images/new/home_hosting_button_moreinfo.png') no-repeat top right;
}
#home_hosting_buttons a.buy {
    width: 85px;
    background-repeat: no-repeat;
    background-position: top left;
}
#home_hosting_buttons a.buy:hover { background-position: bottom left; }
#home_hosting_buttons .personal  a.buy { background-image: url('../images/new/home_hosting_button_buy_coolgrey.png'); }
#home_hosting_buttons .business  a.buy { background-image: url('../images/new/home_hosting_button_buy_coolgrey.png'); }
#home_hosting_buttons .reseller  a.buy { background-image: url('../images/new/home_hosting_button_buy_coolgrey.png'); }
#home_hosting_buttons .vps       a.buy { background-image: url('../images/new/home_hosting_button_buy_coolgrey.png'); }
#home_hosting_buttons .dedicated a.buy { background-image: url('../images/new/home_hosting_button_buy_coolgrey.png'); }

/*/////////////////////////////////////////////////////
 *
 *  Order Form
 *
/////////////////////////////////////////////////////*/

#orderform {
    
}
#orderform ul { margin-bottom: 0; }
#orderform dl {
    clear: both;
    float: none;
}
#orderform dl dt {
    float: left;
    width: 120px;
    padding: 8px 0;
    font-size: 14px;
    font-weight: bold;
}
#orderform dl dd {
    float: left;
    padding-bottom: 20px;
}
#orderform dl dd.textonly { padding: 8px 0; }
#orderform dl dd ul {
    padding: 0;
}
#orderform dl dd ul li {
    list-style: none;
    padding: 0 0 10px 0;
}
#price_big {
    text-align: center;
    font-size: 20px;
}
#price_big span {
    font-size: 60px;
}
#price_total {
    text-align: center;
}
#plan_details { font-size: 11px; }
#plan_details h2.name { font-weight: bold; text-align: center; }
#plan_details table { margin: 0 auto; }
#plan_details th { padding-bottom: 5px; }
#plan_details td {
    width: 70px;
    height: 35px;
    padding: 45px 0 5px 0px;
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #eee;
    text-shadow: #000 0px 1px 3px;
    font-family: sans-serif;
}
#plan_details td span { font-size: 24px; }
#plan_details td.disk { background-image: url('../images/new/order_disk.png'); }
#plan_details td.transfer { background-image: url('../images/new/order_transfer.png'); padding: 45px 10px 5px 10px; }
#plan_details td.domains { background-image: url('../images/new/order_domains.png'); }

#sel_term div span {
    display: inline-block;
    min-width: 100px;
}

.order_compare {
    display: none;

}
.order_compare > div {
    width: 205px;
    padding: 10px 10px 0 10px;
    float: left; 
}
.order_compare > div > p {
    width: 450px;
    margin: 5px 0 0 0;
    text-align: center;
    font-weight: bold;
}
.order_compare ul li {
    background: url('../images/new/check16.png') top left no-repeat;
    padding-left: 20px !important;
}

/*/////////////////////////////////////////////////////
 *
 *  Domains Forms
 *
/////////////////////////////////////////////////////*/

#domains_form, #domains_form_inline {
    display: inline-block;
    border: 1px solid #ccc;
    overflow: hidden;
    margin: 10px 0px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
#domains_form .inner, #domains_form_inline .inner {
    display: inline-block;
    width: auto;
    padding: 10px;
    background: #f0f0f0;
    background-image: -moz-linear-gradient(top, #e8e8e8, #e0e0e0);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e8e8e8),color-stop(1, #e0e0e0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e8e8e8', EndColorStr='#e0e0e0');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e8e8e8', EndColorStr='#e0e0e0')";
}


#domains #results {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px dotted #ccc;
}
#domains #results .results_wrapper {
    padding: 0px;
    font-size: 11px;
}
#domains #results .results_wrapper button {
    font-size: 11px;
}

/*/////////////////////////////////////////////////////
 *
 *  Table styles
 *
/////////////////////////////////////////////////////*/

table.stylish {
    width: 100%;
    margin: 0 0 20px 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    overflow: hidden;
    box-shadow: #ccc 0px 1px 3px;
    -moz-box-shadow: #ccc 0px 1px 3px;
    -webkit-box-shadow: #ccc 0px 1px 3px;
}
table.stylish th {
    background: #777;
    border-right: 1px dotted #888;
    overflow: hidden;
    background-image: -moz-linear-gradient(top, #777777, #555555);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #777777),color-stop(1, #555555));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#777777', EndColorStr='#555555');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#777777', EndColorStr='#555555')";
}
table.stylish td {
    border-right: 1px dotted #e0e0e0;
    background: #f0f0f0;
    background-image: -moz-linear-gradient(top, #f8f8f8, #f0f0f0);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8f8f8),color-stop(1, #f0f0f0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#f0f0f0');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#f0f0f0')";
}
table.stylish tr.alt td {
    border-right: 1px dotted #d8d8d8;
    background: #f0f0f0;
    background-image: -moz-linear-gradient(top, #e8e8e8, #e0e0e0);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e8e8e8),color-stop(1, #e0e0e0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e8e8e8', EndColorStr='#e0e0e0');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e8e8e8', EndColorStr='#e0e0e0')";
}
table.stylish tr.flat td {
    background: #f4f4f4;
    border-bottom: none;
}
table.stylish td,
table.stylish th {
    text-align: center;
    padding: 5px;
    border-bottom: 1px solid #d4d4d4;
}
table.stylish th {
    color: #eeeeee;
    text-shadow: #222 0px 1px 3px;
    -moz-text-shadow: #222 0px 1px 3px;
    -webkit-text-shadow: #222 0px 1px 3px;
}
table.stylish .tld { width: 60px; }
table.stylish .domain {
    text-align: left;
    font-weight: bold;
}

/*/////////////////////////////////////////////////////
 *
 *  Overrides
 *
/////////////////////////////////////////////////////*/

.ui-tabs .ui-tabs-panel {
    padding: 0 !important;
}
.ui-widget-content a { color: #19769B !important; }
.ui-widget-content a:hover { color: #145c79 !important; }
.ui-tabs .ui-tabs-nav a {
    color: #555 !important;
}

/*/////////////////////////////////////////////////////
 *
 *  Form and Button Rules
 *
/////////////////////////////////////////////////////*/

input[type=text], input[type=password] {
    margin: 0 5px 0 0;
    background: #f8f8f8;
    box-shadow: inset #ddd 1px 1px 5px;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
}
input[type=button], input[type=submit], a.button, button {
    display: inline-block;
    margin: 0 6px 0 0;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    background-image: -moz-linear-gradient(top, #f8f8f8, #e7e7e7);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8f8f8),color-stop(1, #e7e7e7));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#e7e7e7');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#e7e7e7')";
}
input[type=button]:hover, input[type=submit]:hover, button:hover {
    background-image: -moz-linear-gradient(top, #f0f0f0, #e0e0e0);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0f0f0),color-stop(1, #e0e0e0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f0f0', EndColorStr='#e0e0e0');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f0f0', EndColorStr='#e0e0e0')";
}

.buttons div.blue,
input[type=button].blue,
input[type=submit].blue,
a.button.blue,
button.blue {
    color: white !important;
    background-image: -moz-linear-gradient(top, #23a1d5, #187094) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #23a1d5),color-stop(1, #187094)) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#23a1d5', EndColorStr='#187094') !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#23a1d5', EndColorStr='#187094')" !important;
}
.buttons div.blue:hover,
input[type=button].blue:hover,
input[type=submit].blue:hover,
a.button.blue:hover,
button.blue:hover {
    opacity: 0.8;
}

select {    
    border: 1px solid #CCC;
    box-shadow: inset #ddd 1px 1px 5px;
    padding: 6px;
    border-radius: 6px;
    background: #F8F8F8;
}
select option {
    padding: 3px;
    vertical-align: middle;
}

/*/////////////////////////////////////////////////////
 *
 *  Generic Classes
 *
/////////////////////////////////////////////////////*/


.cufon { font-weight: normal; }
.cufon-bold { font-weight: bold; }
.box {
    margin: 0 15px 15px 0;
}
.box_white {
    background: #fff;
    padding: 15px;
    margin: 0 15px 15px 0;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: #ddd 0px 0px 5px;
    -moz-box-shadow: #ddd 0px 0px 5px;
    -webkit-box-shadow: #ddd 0px 0px 5px;
}
.buttons div {
    float: left;
    padding: 6px 16px;
    background: #ddd;
    color: #666;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 0px 1px 0px white;
    border: 1px solid #c7c7c7;
    border-right: none;
    cursor: pointer;
    background-image: -moz-linear-gradient(top, #f8f8f8, #e0e0e0);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8f8f8),color-stop(1, #e0e0e0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#e0e0e0');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#e0e0e0')";
}
.buttons div.selected {
    border-color: #666;
    color: #e8e8e8;
    text-shadow: 0px 1px 0px #666;
    background-image: -moz-linear-gradient(top, #777777, #555555);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #777777),color-stop(1, #555555));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#777777', EndColorStr='#555555');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#777777', EndColorStr='#555555')";
}
.buttons.stack div {
    clear: both;
    float: none;
    width: 100%;
    padding: 6px 10px;
    text-align: left;
    border: 1px solid #c7c7c7;
    border-bottom: none;
}
.round-6 {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.round-n-6 {
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.round-e-6 {
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
.round-s-6 {
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.round-w-6 {
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.pagination {
    text-align: center;
    padding: 10px;
}
.pagination a,
.pagination strong {
    display: inline-block;
    padding: 5px 8px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #d8d8d8;
    background-image: -moz-linear-gradient(top, #f8f8f8, #f0f0f0);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8f8f8),color-stop(1, #f0f0f0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#f0f0f0');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#f0f0f0')";
}
.pagination a:hover,
.pagination strong {
    background-image: -moz-linear-gradient(top, #e0e0e0, #d0d0d0);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e0e0e0),color-stop(1, #d0d0d0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e0e0e0', EndColorStr='#d0d0d0');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e0e0e0', EndColorStr='#d0d0d0')";
}
.copyright {
    font-size: 11px;
    margin-bottom: 20px;
    text-align: center;
    color: #222;
    text-shadow: #fff 0px 1px 0px;
    -moz-text-shadow: #fff 0px 1px 0px;
    -webkit-text-shadow: #fff 0px 1px 0px;
}
.clear { clear: both; }
.inner { width: 960px; margin: 0 auto; }


.notification {
    position: relative;
    margin: 0 0 10px 0;
    padding: 0;
    border: 1px solid;
    background-position: 10px 11px !important;
    background-repeat: no-repeat !important;
    font-size: 13px;
    width: 99.8%;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.notification div {
    display: block;
    font-style: normal;
    padding: 10px 10px 10px 36px;
    line-height: 1.5em;
}
.success {
    background: #d5ffce url('../images/new/icons/success.png');
    border-color: #9adf8f;
    color: #556652;
}
.error {
    background: #ffcece url('../images/new/icons/error.png');
    border-color: #df8f8f;
    color: #665252;
}
.warning {
    background: #fffbcc url('../images/new/icons/warning.png') 10px 11px no-repeat;
    border-color: #e6db55;
    color: #666452;
}
.info {
    background: #dbe3ff url('../images/new/icons/info.png');
    border-color: #a2b4ee;
    color: #585b66;
}

.blue {
    color: #2080aa;
}

div.waiting {
    background: url('../images/new/waiting.gif') no-repeat center center;
    padding: 5px;
    height: 20px;
    width: 20px;
    margin: 0 auto;
}

.sections {
    border: 1px solid #e4e4e4;
    margin-bottom: 15px;
}
.sections .tab h2 {
    margin: 0;
    padding: 10px;
    background: #777;
    overflow: hidden;
    font-size: 16px;
    background-image: -moz-linear-gradient(top, #f8f8f8, #e0e0e0);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8f8f8),color-stop(1, #e0e0e0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#e0e0e0');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#e0e0e0')";
}
.sections .tab h2.dark {
    color: #eee;
    background-image: -moz-linear-gradient(top, #777, #555);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #777),color-stop(1, #555));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#777777', EndColorStr='#555555');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#777777', EndColorStr='#555555')";
    text-shadow: rgba(0,0,0,0.4) 0px 1px 2px;
}
.sections .content {
    display: none;
    padding: 20px;
    background: #f0f0f0;
    background-image: -moz-linear-gradient(top, #f8f8f8, #f0f0f0);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8f8f8),color-stop(1, #f0f0f0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#f0f0f0');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8', EndColorStr='#f0f0f0')";
}

.sections .content table th,
.sections .content table td {
    padding: 5px;
    vertical-align: middle;
}