html, body {
border:0;
margin:0;
padding:0;
}

body {
color:#0f3a4f;
font:19px/31px Arial, Helvetica, sans-serif;
background:url(/images/bg-header.png) repeat-x #fff;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
display:block;
}

/********** Headings **********/

h1, h2, h3, h4, h5, h6 {
clear:both;
color:#157;
margin:0;
padding:0;
font-weight:normal;
line-height:1em;
}

h2 {
margin:40px 0 10px 0;
font-size:60px;
font-weight:500;
letter-spacing:-3px;
}

    article > h2,
    article > nav + h2 {
    color:#0f3a4f;
    margin:40px 0 20px 0;
    font-size:76px;
    font-weight:bold;
    text-align:center;
    }

h3 {
margin:44px 0 24px 0;
font-size:31px;
font-weight:700;
padding:0 0 10px 0;
border-bottom:1px solid #e4f3fa;
}

h4 {
margin:31px 0 10px 0;
font-size:19px;
font-weight:700;
}

h5 {
margin:27px 0;
font-size:15px;
}

/********** Links **********/

a {
color:#39d;
}

    a:hover {
    color:#d43;
    }

h1 a,
h1 a:visited,
h1 a:hover {
color:#39d;
text-decoration:none;
}

h2 a,
h2 a:visited,
h2 a:hover {
color:#39d;
text-decoration:none;
}

h3 a,
h3 a:visited,
h3 a:hover {
color:#157;
text-decoration:none;
}

/********** Typography **********/

h2.title {
color:#0f3a4f;
margin:40px 0 0 0;
font-size:76px;
font-weight:bold;
text-align:center;
}

p.lead {
color:#157;
margin:0 0 40px 0;
padding:0;
font-size:38px;
text-align:center;
}

p, ul, ol, blockquote {
margin:0 0 31px 0;
padding:0;
}

ul, ol {
margin-left:31px;
}

blockquote {
margin:0 31px 31px 31px;
}

img {
border:0;
}

strong {
color:#000;
}

small {
color:#777;
font-size:16px;
}

mark {
color:#000;
background:#ffc;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

::selection {
color:#fff;
background:#185071;
}

/********** Lists **********/

ul {
list-style-type:none;
list-style-position:outside;
list-style-image:url(/images/ul.png);
}
    
    ul li ul,
    ol li ul {
    list-style-position:inside !important;
    list-style-image:url(/images/ul.png) !important;
    }
    
    ul.noindent {
    margin-left:13px;
    }
    
    ul.spaced li,
    ol.spaced li {
    margin:31px 0;
    }

/********** Tables **********/

table {
width:100%;
border:solid #c7e3f3;
border-width:1px 0 0 1px;
border-collapse:collapse;
margin:0 0 31px 0;
padding:0;
table-layout:auto;
}

    table tr:hover,
    table tr:hover td {
    color:#000;
    background:#ffc !important;
    }

        table tr th {
        border:solid #c7e3f3;
        border-width:0 1px 1px 0;
        padding:6px;
        font-weight:bold;
        background:#d4e9f6;
        }
        
            table tr th a {
            color:#0f3a4f;
            text-decoration:none !important;
            }
            
                table tr th a:hover {
                color:#000;
                }
            
            table tr th.divider {
            width:5px;
            padding:0;
            background:#d4e9f6;
            }
        
        table tr td {
        border:solid #c7e3f3;
        border-width:0 1px 1px 0;
        padding:6px;
        background:#fafdfe;
        }
        
            table tr td:first-child {
            color:#000;
            background:#f5fafd;
            }
            
            table tr td.divider {
            width:5px;
            padding:0;
            background:#d4e9f6 !important;
            }
        
        table tbody tr:nth-child(2n+1) td {
        background:#fafdfe;
        }
        
        table tbody tr:nth-child(2n) td {
        background:#f5fafd;
        }
        
        table tr.highlight,
        table tr td.highlight {
        color:#000;
        font-weight:bold;
        background:#ffc !important;
        }
        
            table tr.highlight td {
            background:#ffc !important;
            }
        
        table tfoot tr,
        table tfoot tr:hover,
        table tfoot tr td,
        table tfoot tr:hover td {
        background:#d4e9f6 !important;
        }
        
            table tfoot tr td {
            border-width:0 0 1px 0;
            padding:6px;
            }
            
                table tfoot tr td:last-child {
                border-width:0 1px 1px 0;
                }

table.nostyle {
border:none;
border-width:0;
border-color:transparent;
padding:0;
}

    table.nostyle tr:hover,
    table.nostyle tr:hover td {
    color:inherit;
    background:none !important;
    }

        table.nostyle tr th {
        border:none;
        border-width:0;
        border-color:transparent;
        padding:0;
        background:none;
        }
            
            table.nostyle tr th.divider {
            background:none !important;
            }
        
        table.nostyle tr td {
        border:none;
        border-width:0;
        border-color:transparent;
        padding:0;
        background:none;
        }
        
            table.nostyle tr td:first-child {
            color:inherit;
            background:none;
            }
            
            table.nostyle tr td.divider {
            background:none !important;
            }
        
        table.nostyle tbody tr:nth-child(2n+1) td {
        background:none;
        }
        
        table.nostyle tbody tr:nth-child(2n) td {
        background:none;
        }
        
        table.nostyle tfoot tr,
        table.nostyle tfoot tr:hover,
        table.nostyle tfoot tr td,
        table.nostyle tfoot tr:hover td {
        background:none;
        }
        
            table.nostyle tfoot tr td {
            border:none;
            border-width:0;
            border-color:transparent;
            padding:0;
            }
            
                table.nostyle tfoot tr td:last-child {
                border:none;
                border-width:0;
                border-color:transparent;
                }

/********** Forms **********/

form {
margin:0;
padding:0;
display:inline;
}

fieldset {
border:0;
margin:0;
padding:0;
}

input,
select,
textarea {
outline:0;
font:19px/31px Arial, Helvetica, sans-serif;
}
    
button,
input[type=submit],
input[type=button] {
color:#fff;
height:38px;
line-height:1;
cursor:pointer;
display:inline-block;
margin:0;
padding:7px 15px;
border:1px solid #72af02;
border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
font-size:1.1em;
font-weight:bold;
text-align:center; 
text-decoration:none;
text-shadow:0 0 1px #426501;
background:url(/images/gradients/button.png) repeat-x #8ac010;
}
    
    button:hover,
    input[type=submit]:hover,
    input[type=button]:hover {
    text-shadow:0 0 1px #f5f5f5;
    background:url(/images/gradients/button-hover.png) repeat-x #8ac011;
    }

/********** Code **********/

kbd, pre, var, code {
font-family:"Consolas", "Andale Mono", "Lucida Console", "Courier New", Courier, monospace !important;
}

    p kbd, ol li kbd, ul li kbd,
    p pre, ol li pre, ul li pre,
    p var, ol li var, ul li var,
    p code, ol li code, ul li code {
    color:#0f3a4f;
    background:#f5fafd;
    }
    
    .staff p code {
    color:#000;
    background:#ffe;
    }

pre {
color:#0f3a4f;
border:1px dotted #185071;
margin:0 0 31px 0;
padding:5px 7px;
display:block;
background:#f5fafd;
overflow-x:auto;
}

    pre code {
    color:#0f3a4f;
    background:#f5fafd !important;
    }

/********** Grid **********/

div.row {
clear:both;
margin:0 0 31px 0;
}

div.row:before,
div.row:after {
content:"";
display:table;
line-height:0;
}

div.row:after {
clear:both;
}

    div.row div[class*=span] {
    float:left;
    margin:0 20px;
    min-height:1px;
    }
    
        div.row div[class*=span]:first-child {
        margin:0 20px 0 0;
        }
        
        div.row div[class*=span]:last-child {
        margin:0 0 0 20px;
        }
        
        div.row div.span-12:first-child,
        div.row div.span-12:last-child {
        margin:0;
        }
        
            div.row div[class*=span] h2:first-child,
            div.row div[class*=span] h3:first-child,
            div.row div[class*=span] h4:first-child {
            margin-top:0;
            }
            
            div.row div[class*=span] p:last-child,
            div.row div[class*=span] ul:last-child,
            div.row div[class*=span] ol:last-child,
            div.row div[class*=span] blockquote:last-child {
            margin-bottom:0;
            }
    
    div.row div.span-3 {
    width:210px;
    line-height:26px;
    }
    
    /* 1px off */
    div.row div.span-4 {
    width:293px;
    line-height:27px;
    }
    
    div.row div.span-6 {
    width:460px;
    line-height:28px;
    }
    
    div.row div.span-12 {
    width:960px;
    }

/********** Header **********/

body > header {
width:960px;
height:155px;
margin:0 auto;
font-size:14px;
line-height:1em;
}

    body > header hgroup {
    overflow:hidden;
    }

/********** Logo **********/

body > header hgroup h1 {
display:inline;
text-indent:-30000px;
}

    body > header hgroup h1 a {
    float:left;
    width:114px;
    height:55px;
    display:block;
    margin:78px 628px 0 0;
    background:url(/images/logo.png) left top no-repeat; 
/*  background:url(/images/logos/logo_full_blue.png) left top no-repeat; */
    }
    
        body > header hgroup h1 a:hover {
        background:url(/images/logo.png) left bottom no-repeat;
        }

body.fullwidth > header hgroup h1 {
display:block;
padding:78px 0 0 0;
}

    body.fullwidth > header hgroup h1 a {
    float:none;
    margin:0;
    }

/********** Phone Number **********/

body > header hgroup h2 {
display:inline;
text-indent:-30000px;
}

    body > header hgroup h2 a {
    float:left;
    clear:right;
    width:218px;
    height:30px;
    display:block;
    margin:87px 0 0 0;
    background:url(/images/phone.png) 3px top no-repeat;
    }
    
        body > header hgroup h2 a:hover {
        background:url(/images/phone.png) 3px bottom no-repeat;
        }

body.fullwidth > header hgroup h2 {
display:none;
}

/********** Navigation Bar **********/

body > header nav ul {
color:#fff;
height:35px;
margin:-118px 0 0 0;
list-style:none;
}

    body > header nav ul li {
    display:inline;
    }
    
        body > header nav ul li a {
        float:left;
        color:#ebf3fa;
        width:100px;
        height:23px;
        margin:0 4px 0 0;
        padding:12px 0 0 0;
        text-align:center;
        text-decoration:none;
        background:url(/images/tab.png) left top no-repeat;
        }
        
            body > header nav ul li a:hover,
            body > header nav ul li a.active, 
            body > header nav ul li a.active:hover {
            color:#fff;
            background:url(/images/tab.png) left bottom no-repeat;
            }

/********** Top Links **********/

body > header p {
color:#ebf3fa;
margin:-25px 0 0 0;
text-align:right;
}

    body > header p a {
    color:#bedef1;
    text-decoration:none;
    }
    
        body > header p a:hover {
        color:#ebf3fa;
        }

/********** Wrapper **********/

body > header + section {
width:960px;
margin:0 auto;
}

/********** Content **********/

article {
margin:40px 0 20px 0;
min-height:609px;
}

    body.fullwidth article {
    float:left;
    width:620px;
    min-height:577px;
    padding:0 40px 0 0;
    line-height:29px;
    }

/********** Breadcrumbs **********/

article > nav {
color:#185071;
border-bottom:1px solid #e4f3fa;
margin:0 0 31px 0;
padding:0 0 10px 0;
}

    article > nav p {
    float:right;
    margin:0;
    font-size:19px;
    line-height:31px;
    text-align:right;
    }
    
    article > nav ul {
    margin:0;
    list-style:none;
    }

        article > nav ul li {
        display:inline;
        }
        
            article > nav ul li:after {
            content:"\00a0\203A";
            }
            
                article > nav ul li:last-child:after {
                content:"";
                }
    
    article > nav a,
    article > nav a:visited,
    article > nav a:hover {
    color:#39d;
    text-decoration:none;
    }
    
        article > nav a:hover {
        text-decoration:underline;
        }

/********** Sidebar **********/

aside {
float:left;
color:#157;
width:300px;
height:auto;
margin:-65px 0 4em 0;
overflow:auto;
font-size:14px;
line-height:20px;
background:url(/images/bg-sidebar.png) repeat-y;
}
    
    aside div {
    height:52px;
    background:url(/images/bg-sidebar-bottom.png) no-repeat;
    }
    
    aside > div:first-child {
    height:245px;
    background:url(/images/bg-sidebar-top.png) no-repeat;
    }
    
    aside > div:first-child + div {
    height:auto;
    min-height:210px;
    margin:-212px 0 0 0;
    padding:0 30px;
    background:none;
    }
    
        aside > div:first-child + div p:first-child {
        margin:0;
        display:inline;
        text-indent:-30000px;
        }
        
            aside > div:first-child + div p:first-child a {
            float:right;
            width:134px;
            height:78px;
            margin:-30px -27px -48px -30px;
            display:block;
            background:url(/images/buttons/signup.png) left top no-repeat;
            }
    
    aside h3 {
    border:0;
    margin:0 0 5px 0;
    padding:0;
    font-size:16px;
    font-weight:bold;
    }
    
        aside h3 a {
        text-decoration:none;
        }
        
    aside h4 {
    margin:0;
    }

    aside p,
    aside ul,
    aside ol,
    aside blockquote {
    margin:0 0 20px 0;
    }
    
    aside ul {
    margin-left:20px;
    list-style-type:none;
    list-style-position:outside;
    list-style-image:url(/images/ul.png);
    }
    
        aside ul li ul {
        margin-bottom:0;
        }
        
        aside ul li a.active {
        color:#0f3a4f;
        cursor:default;
        font-weight:bold;
        text-decoration:none;
        }
    
    aside ol {
    list-style-position:inside;
    }

/********** Footer **********/

footer {
clear:both;
color:#ebf3fa;
min-height:150px;
overflow:auto;
font-size:14px;
line-height:26px;
background:url(/images/bg-footer.png) repeat-x #7ec1e3;
}
    
    footer div {
    width:960px;
    margin:0 auto;
    padding:80px 0 0 0;
    }
    
        footer div nav {
        float:left;
        width:140px;
        margin:0 0 20px 24px;
        line-height:20px;
        }
        
            footer div nav:first-child {
            margin-left:0;
            }
            
            footer div nav h3 {
            color:#157;
            border:0;
            margin:0 0 5px 0;
            padding:0;
            font-size:16px;
            font-weight:bold;
            line-height:22px;
            }
            
                footer div nav h3 a,
                footer div nav h3 a:hover {
                color:#157 !important;
                text-decoration:none;
                }
            
            footer div nav button {
            width:135px;
            padding:7px 5px;
            font-size:16px;
            line-height:22px;
            }
            
            footer div nav ul {
            margin:0;
            list-style:none;
            }
    
        footer div p {
        clear:both;
        color:#297194;
        font-size:12px;
        line-height:25px;
        }
    
    footer a,
    footer a:visited {
    color:#ebf3fa;
    text-decoration:none;
    }
    
        footer a:hover {
        color:#fff;
        text-decoration:underline;
        }

/********** Affiliate Form **********/

form#affiliate_form h3 {
clear:both;
margin:0 0 31px 0;
padding-top:31px;
}

form#affiliate_form h4 {
clear:left;
float:left;
width:250px;
margin:8px 0 0 0;
padding:0;
}

    form#affiliate_form h4 + p {
    float:left;
    clear:right;
    margin:0 0 8px 0;
    }

form#affiliate_form input[type=text],
form#affiliate_form input[type=password],
form#affiliate_form input[type=email],
form#affiliate_form input[type=tel],
form#affiliate_form select {
color:#0f3a4f;
width:698px;
height:22px;
border:1px solid #c7e3f3;
padding:5px;
background:#fafdfe;
}

    form#affiliate_form input[type=text]:focus,
    form#affiliate_form input[type=password]:focus,
    form#affiliate_form input[type=email]:focus,
    form#affiliate_form input[type=tel]:focus,
    form#affiliate_form select:focus {
    color:#0f3a4f;
    border:1px solid #0f3a4f;
    background:#fffff9;
    }

form#affiliate_form select {
width:710px;
height:auto;
}

    form#affiliate_form select optgroup {
    color:#fffff9;
    background:#0f3a4f;
    }
    
        form#affiliate_form select optgroup option {
        color:#0f3a4f;
        background:#fffff9;
        }

form#affiliate_form input.required {
width:639px !important;
padding-right:64px !important;
background:url(/images/form-required.png) right 10px no-repeat #fafdfe !important;
}

    form#affiliate_form input.required:focus {
    background-color:#fafdfe;
    background-position:right -16px !important;
    }

form#affiliate_form p:last-child {
clear:both;
float:none;
text-align:right;
}

    form#affiliate_form p:last-child button {
    margin:21px 0 31px 0;
    }

/********** Cancellation Form **********/

form#cancel_form textarea,
form#cancel_form select {
color:#0f3a4f;
width:948px;
height:22px;
border:1px solid #c7e3f3;
padding:5px;
background:#fafdfe;
}

    form#cancel_form textarea:focus,
    form#cancel_form select:focus {
    color:#0f3a4f;
    border:1px solid #0f3a4f;
    background:#fffff9;
    }

form#cancel_form textarea {
min-height:300px;
}

form#cancel_form select {
width:960px;
height:auto;
}

    form#cancel_form select optgroup {
    color:#fffff9;
    background:#0f3a4f;
    }
    
        form#cancel_form select optgroup option {
        color:#0f3a4f;
        background:#fffff9;
        }

form#cancel_form p:last-child {
clear:both;
float:none;
text-align:right;
}

/********** Contact Form **********/

form#contact_form h3 {
clear:both;
margin:0 0 31px 0;
padding-top:31px;
}

form#contact_form h4 {
clear:left;
float:left;
width:175px;
margin:8px 0 0 0;
padding:0;
}

    form#contact_form h4 + p {
    float:left;
    clear:right;
    margin:0 0 8px 0;
    }

form#contact_form div.highlight h4 {
float:none;
width:auto;
margin:31px 0 0 0;
padding:0;
}

form#contact_form input[type=text],
form#contact_form input[type=email],
form#contact_form input[type=tel],
form#contact_form textarea,
form#contact_form select {
color:#0f3a4f;
width:773px;
height:22px;
border:1px solid #c7e3f3;
padding:5px;
background:#fafdfe;
}

    form#contact_form input[type=text]:focus,
    form#contact_form input[type=email]:focus,
    form#contact_form input[type=tel]:focus,
    form#contact_form textarea:focus,
    form#contact_form select:focus {
    color:#0f3a4f;
    border:1px solid #0f3a4f;
    background:#fffff9;
    }

form#contact_form textarea {
min-height:300px;
}

form#contact_form select {
width:785px;
height:auto;
}

    form#contact_form select optgroup {
    color:#fffff9;
    background:#0f3a4f;
    }
    
        form#contact_form select optgroup option {
        color:#0f3a4f;
        background:#fffff9;
        }

form#contact_form input.required {
width:714px !important;
padding-right:64px !important;
background:url(/images/form-required.png) right 10px no-repeat #fafdfe !important;
}

    form#contact_form input.required:focus {
    background-color:#fafdfe;
    background-position:right -16px !important;
    }

form#contact_form p:last-child {
clear:both;
float:none;
text-align:right;
}

    form#contact_form p:last-child button {
    margin:21px 0 31px 0;
    }

div#support_center {
display:none;
}

/********** Forgot Password Form **********/

form#forgot_form h3 {
clear:both;
margin:0 0 31px 0;
padding-top:31px;
}

form#forgot_form h4 {
clear:left;
float:left;
width:170px;
margin:8px 0 0 0;
padding:0;
}

    form#forgot_form h4 + p {
    float:left;
    clear:right;
    margin:0 0 8px 0;
    }

form#forgot_form input[type=email] {
color:#0f3a4f;
width:438px;
height:22px;
border:1px solid #c7e3f3;
padding:5px;
background:#fafdfe;
}

    form#forgot_form input[type=email]:focus {
    color:#0f3a4f;
    border:1px solid #0f3a4f;
    background:#fffff9;
    }

form#forgot_form input.required {
width:379px !important;
padding-right:64px !important;
background:url(/images/form-required.png) right 10px no-repeat #fafdfe !important;
}

    form#forgot_form input.required:focus {
    background-color:#fafdfe;
    background-position:right -16px !important;
    }

form#forgot_form p:last-child {
clear:both;
float:none;
margin:0 0 31px 0;
padding:23px 0 0 0;
text-align:right;
}

/********** Login Form **********/

form#login_form h4 {
clear:left;
float:left;
width:175px;
margin:8px 0 0 0;
padding:0;
}

    form#login_form h4 + p {
    float:left;
    clear:right;
    margin:0 0 8px 0;
    }

form#login_form input[type=text],
form#login_form input[type=email],
form#login_form input[type=password] {
color:#0f3a4f;
width:773px;
height:22px;
border:1px solid #c7e3f3;
padding:5px;
background:#fafdfe;
}

    form#login_form input[type=text]:focus,
    form#login_form input[type=email]:focus,
    form#login_form input[type=password]:focus {
    color:#0f3a4f;
    border:1px solid #0f3a4f;
    background:#fffff9;
    }

form#login_form input.required {
width:714px !important;
padding-right:64px !important;
background:url(/images/form-required.png) right 10px no-repeat #fafdfe !important;
}

    form#login_form input.required:focus {
    background-color:#fafdfe;
    background-position:right -16px !important;
    }

form#login_form p:last-child {
clear:both;
float:none;
text-align:right;
}

    form#login_form p:last-child button {
    margin:21px 0 31px 0;
    }

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

form#order_form h3 {
clear:both;
margin:0 0 31px 0;
padding-top:31px;
}

form#order_form h4 {
clear:left;
float:left;
width:250px;
margin:8px 0 0 0;
padding:0;
}

    form#order_form h4 + p {
    float:left;
    clear:right;
    margin:0 0 8px 0;
    }

form#order_form div.highlight {
clear:both;
margin:0;
}

    form#order_form div.highlight h4 {
    float:none;
    width:auto;
    margin:31px 0 10px 0;
    padding:0;
    }
    
        form#order_form div.highlight h4 + p {
        float:none;
        margin:0 0 31px 0;
        padding:0;
        }

form#order_form input[type=text],
form#order_form input[type=password],
form#order_form input[type=email],
form#order_form input[type=tel],
form#order_form textarea,
form#order_form select {
color:#0f3a4f;
height:22px;
border:1px solid #c7e3f3;
padding:5px;
background:#fafdfe;
}

    form#order_form input[type=text]:focus,
    form#order_form input[type=password]:focus,
    form#order_form input[type=email]:focus,
    form#order_form input[type=tel]:focus,
    form#order_form textarea:focus,
    form#order_form select:focus {
    color:#0f3a4f;
    border:1px solid #0f3a4f;
    background:#fffff9;
    }

form#order_form textarea {
min-height:300px;
}

form#order_form select {
height:auto;
}

    form#order_form select optgroup {
    color:#fffff9;
    background:#0f3a4f;
    }
    
        form#order_form select optgroup option {
        color:#0f3a4f;
        background:#fffff9;
        }

form#order_form input[type=text],
form#order_form input[type=email],
form#order_form input[type=tel],
form#order_form textarea {
width:358px;
}

form#order_form input[name=existing_domain],
form#order_form input[name=new_sld] {
width:300px;
}

form#order_form select[name=billing_cycle],
form#order_form select[name=ssl_type],
form#order_form select[name=ssl_country],
form#order_form select[name=ssl_state],
form#order_form select[name=country],
form#order_form select[name=state],
form#order_form select[name=payment_method],
form#order_form select[name=cc_type],
form#order_form select[name=referrer] {
width:370px;
}

form#order_form #card_info,
form#order_form #check_info,
form#order_form #paypal_info {
clear:both !important;
display:none;
}

    form#order_form #paypal_info p:last-child {
    margin:0 0 31px 0;
    text-align:left;
    }

form#order_form input.required {
width:299px !important;
padding-right:64px !important;
background:url(/images/form-required.png) right 10px no-repeat #fafdfe !important;
}

    form#order_form input.required:focus {
    background-color:#fafdfe;
    background-position:right -16px !important;
    }

form#order_form p:last-child {
clear:both;
float:none;
text-align:right;
}

    form#order_form p:last-child button {
    margin:0 0 31px 0;
    }

form#order_form div {
clear:both;
}

    form#order_form div p:last-child {
    text-align:inherit;
    }

/********** Search Form **********/

form#search_form input[type=text] {
float:left;
color:#0f3a4f;
width:831px;
height:26px;
margin:0 10px 0 0;
border:1px solid #c7e3f3;
padding:5px 7px;
background:#fafdfe;
}

    form#search_form input[type=text]:focus {
    color:#0f3a4f;
    border:1px solid #0f3a4f;
    background:#fffff9;
    }

form#search button {
float:left;
clear:right;
}

/********** Status Alert Form **********/

form#alert_form h3 {
clear:both;
margin:0 0 31px 0;
padding-top:31px;
}

form#alert_form h4 {
clear:left;
float:left;
width:175px;
margin:8px 0 0 0;
padding:0;
}

    form#alert_form h4 + p {
    float:left;
    clear:right;
    margin:0 0 8px 0;
    }

form#alert_form input[type=text],
form#alert_form input[type=datetime-local],
form#alert_form textarea,
form#alert_form select {
color:#0f3a4f;
width:773px;
height:22px;
border:1px solid #c7e3f3;
padding:5px;
background:#fafdfe;
}

    form#alert_form input[type=text]:focus,
    form#alert_form input[type=datetime-local]:focus,
    form#alert_form textarea:focus,
    form#alert_form select:focus {
    color:#0f3a4f;
    border:1px solid #0f3a4f;
    background:#fffff9;
    }

form#alert_form input[type=datetime-local] {
width:auto !important;
}

form#alert_form textarea {
min-height:300px;
font-family:"Consolas", "Andale Mono", "Lucida Console", "Courier New", Courier, monospace !important;
}

    form#alert_form textarea[id=summary] {
    min-height:125px;
    }

form#alert_form select {
width:785px;
height:auto;
}

form#alert_form p:last-child {
clear:both;
float:none;
text-align:right;
}

    form#alert_form p:last-child button {
    margin:21px 0 31px 0;
    }

div#support_center {
display:none;
}

/********** Knowledge Base Page **********/

div.kb {
margin:0 0 31px 0;
border-top:1px solid #cbe7f3;
padding:10px;
overflow:auto;
background:#ebf6fb;
}

    div.kb ul {
    margin:0;
    display:inline;
    list-style:none;
    }
    
        div.kb ul li {
        float:left;
        width:188px;
        display:block;
        font-size:16px;
        line-height:22px;
        text-align:center;
        }
        
            div.kb ul li strong {
            color:#777;
            display:block;
            font-size:14px;
            font-weight:normal;
            line-height:20px;
            text-transform:uppercase;
            }

/********** Partners Page **********/

p.partner {
float:left;
clear:left;
width:160px;
height:69px;
border:1px solid #ccc;
margin:0 40px 0 0;
padding:15px;
}

    p.partner:hover {
    border-color:#999;
    }
    
    p.partner + p {
    float:left;
    clear:right;
    width:728px;
    }

/********** Favicons **********/

h3 a img[src$="twitter.png"],
h3 a img[src$="rss.png"],
h3 a img[src$=".ico"] {
margin:0 5px -2px 0;
background:none;
}

article section h3 a img[src$=".ico"],
article section h3 a img[src$=".png"] {
margin:0 5px 3px 0;
background:none;
}

/********** Developer Network Badge **********/

p img[src$="cdn-small.png"] {
width:100px;
height:100px;
margin:31px auto 0 auto;
display:block;
}

/********** Tooltips **********/

a.tooltip {
color:inherit !important;
cursor:default;
padding-left:20px;
background:url(/images/icons/information.png) left 4px no-repeat;
}

    body > header nav ul li a.tooltip {
    float:left;
    color:#ebf3fa;
    width:100px;
    height:25px;
    margin:0 3px 0 0;
    padding:10px 0 0 0;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    background:url(/images/tab.png) left top no-repeat;
    }
    
        body > header nav ul li a.tooltip:hover,
        body > header nav ul li a.tooltip.active, 
        body > header nav ul li a.tooltip.active:hover {
        color:#fff;
        background:url(/images/tab.png) left bottom no-repeat;
        }

#tooltip {
width:300px;
z-index:3000;
position:absolute;
padding:10px;
opacity:0.95;
background:#185071;
border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}

    #tooltip div.body {
    color:#ebf3fa;
    margin:0;
    padding:0;
    font-size:15px;
    line-height:22px;
    }
    
    #tooltip h3 {
    color:#fff;
    margin:0;
    border:0;
    font-size:15px;
    font-weight:bold;
    }

/********** Highlight Box **********/

div.highlight {
margin:0 0 31px 0;
border:1px dotted #aa9028;
padding:0 31px;
background:#ffc;
overflow:auto;
}

    div.highlight * {
    color:#111 !important;
    }
    
    div.highlight ul {
    margin:0 0 31px 0;
    list-style:square;
    list-style-image:none;
    list-style-position:inside;
    }
    
    div.highlight a {
    color:#df5e00 !important;
    }
    
        div.highlight a:hover {
        color:#111 !important;
        }

/********** Cross ***********/

span.cross {
width:12px;
height:12px;
display:block;
text-indent:-30000px;
background:url(/images/cross.png) no-repeat;
}

/********** Checkmark ***********/

span.checkmark {
width:15px;
height:13px;
display:block;
text-indent:-30000px;
background:url(/images/checkmark.png) no-repeat;
}

/********** Global Classes **********/

.clear        { clear:both; }
.float-left   { float:left; }
.float-right  { float:right; }
.text-left    { text-align:left; }
.text-right   { text-align:right; }
.text-center  { text-align:center; }
.text-justify { text-align:justify; }
.bold         { font-weight:bold; }
.emphasis     { font-style:italic; }
.underline    { border-bottom:1px solid; }
.highlight    { background:#ffc; }
.wrap         { width:777px;margin:0 auto; }
.img-left     { float:left;margin:4px 10px 4px 0; }
.img-right    { float:right;margin:4px 0 4px 10px; }
.border       { border:1px solid #e4f3fa;padding:5px; }
.border:hover { border-color:#cbe7f3; }
.noborder     { border:0 !important; }
.nopadding    { padding-bottom:0; }
.noindent     { margin-left:0;padding-left:0; }
.nobullet     { list-style:none;list-style-image:none; }