/* Reset.css from http://meyerweb.com/eric/tools/css/reset/ */
/* modifications: removed reseting of outline property. The default outline styles greatly benefit accessibility. */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* end Reset.css */

body {
    background: #fff url('/Content/Images/login_bodyBg.gif') repeat-x left top;
    font: normal 13px Arial, Helvetica, sans-serif;
    color: #333;
    line-height: 16px;
    margin: 8px;
}

/* Begin IE6 PNG fix  */
#login input, #content_hero_button {
    behavior: url('/Styles/Javascript/png_fix/iepngfix.htc');
}
/* End IE6 PNG fix  */

h2, h3 {
    color: #041d41;
}

h2 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
    line-height: 20px;
}

    h2 span {
        font-size: 13px;
        font-weight: bold;
        font-style: italic;
        color: #333;
    }

h3 {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
    line-height: 30px;
}

p {
    margin-bottom: 15px;
}

a, a:link, a:active, a:visited {
    color: #041d41;
    text-decoration: underline;
}

    a:hover {
        color: #FB9309;
        text-decoration: none;
    }

sup {
    position: relative;
    top: -3px;
    vertical-align: top;
    font-size: 80%;
}

span.highlight {
    font-weight: bold;
    color: #041d41;
}

img.center {
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
}

.clear {
    clear: both;
    overflow: auto;
    height: 0;
}

#container {
    width: 812px;
    margin: 0 auto;
}

#header {
    margin: 0 0 10px;
    position: relative;
    z-index: 1000;
}

    #header img {
        margin: 10px 0;
    }

#logo {
    margin: 20px 0 20px 0;
}

#utilities {
    /*background: #fff;*/
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    color: #666;
    padding: 0 40px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -8px;
    behavior: url('/Styles/javascript/PIE.htc');
}

#content_hero {
    height: 385px;
    position: relative;
}

#content_hero_button {
    position: absolute;
    top: 262px;
    right: 105px;
}

    #content_hero_button:hover {
        opacity: 0.9;
    }


#content_main {
    border-bottom: 1px solid #c4dff6;
    padding-bottom: 20px;
    margin: 20px 0;
}

#content_main_left {
    width: 258px;
    float: left;
    display: inline;
    background: #fff url('/Content/Images/login_content_main_left_bg.gif') no-repeat left bottom;
}

    #content_main_left p {
        font-size: 14px;
        font-weight: bold;
        margin: 6px 0 8px 12px;
    }

        #content_main_left p#left_header {
            margin: 0;
        }

    #content_main_left ol {
        margin: 0 0 20px 0;
        padding-left: 35px;
        width: 215px;
    }

        #content_main_left ol li {
            font-size: 13px;
            margin: 0 0 7px 0;
            list-style: decimal;
        }

#content_main_right {
    width: 600px;
    float: left;
    display: inline;
    margin-left: 35px;
    margin-top: 12px;
}

#content_benefits {
    border-bottom: 1px solid #c4dff6;
    padding-bottom: 20px;
}

    #content_benefits p {
        float: left;
        display: inline;
        list-style: none;
        width: 250px;
        margin-bottom: 20px;
        margin-left: 40px;
    }

        #content_benefits p img {
            float: left;
        }

#footer {
    padding: 20px 40px;
    text-align: center;
}

    #footer p {
        font-size: 11px;
        font-weight: bold;
        color: #666;
    }

#sub_footer a, #sub_footer a:link, #sub_footer a:active, #sub_footer a:visited {
    color: #333;
    text-decoration: none;
}

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

#truste {
    margin: 20px 0 0;
    text-align: center;
}

#secondary_navigation,
#secondary_navigation_public {
    font-size: 12px;
    margin: 15px 0 0;
    text-align: center;
}

    #secondary_navigation a,
    #secondary_navigation_public a {
        font-weight: bold;
    }

        #secondary_navigation a:hover,
        #secondary_navigation_public a:hover {
            color: #fb9309;
            text-decoration: underline;
        }

/* Begin Login Area Styles */

#login {
    position: absolute;
    top: 0;
    right: 0;
    width: 382px;
    background: transparent url('/Content/Images/login_box_bg.png') no-repeat left bottom;
    min-height: 85px;
    _height: 85px;
    line-height: 18px;
    padding: 10px 0 5px 20px;
}

*html #login {
    background-image: url('/Content/Images/login_box_bg.gif');
}

#loginFields div {
    float: left;
    display: inline;
    width: 127px;
    margin-bottom: 5px;
}

#loginFields label {
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-bottom: 3px;
}

#loginFields a {
    font-size: 12px;
    text-decoration: underline;
}

    #loginFields a:hover {
        color: #041d41;
        text-decoration: none;
    }

#user input {
    width: 107px;
}

#zip input {
    width: 107px;
}

#button {
    padding-top: 11px;
}

    #button:hover {
        opacity: 0.9;
    }


#remember input {
    vertical-align: middle;
}

#remember label {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
}

#login div #secure {
    width: auto;
}

#secure a {
    background: transparent url('/Content/Images/login_SecureLock.gif') no-repeat 0 0;
    padding: 2px 0 2px 22px;
    margin-left: 10px;
}

/*begin page error message */
.LoginError {
    color: red;
    padding-bottom: 15px;
    line-height: 18px;
    font-size: 11px;
}

    .LoginError ul {
        margin-bottom: 8px;
    }

    .LoginError li {
        margin: 0 0 0 14px;
        list-style: disc;
    }
/*end page error message */

/* End Login Area Styles */


/* 
box styling for the following page types:
logout, error and thank you
*/
#unpw_box {
    background: #fff;
    border: 2px solid #ccc;
    -moz-border-radius: 10px; /* Firefox 3 and earlier */
    -webkit-border-radius: 10px; /* Safari 4 and earlier */
    border-radius: 10px; /* CSS3 standard */
    -moz-box-shadow: #ddd 0 3px 3px; /* Firefox 3 and earlier */
    -webkit-box-shadow: #ddd 0 3px 3px; /* Safari 5 and earlier */
    box-shadow: #ddd 0 3px 3px; /* CSS3 standard */
    clear: both;
    margin: 0 auto;
    position: relative;
    behavior: url('/Styles/javascript/PIE.htc'); /* CSS3 for IE8 and earlier */
}

#unpw_content {
    background: url('/Content/Images/bg_unpw_content.jpg') center top no-repeat;
    overflow: hidden;
    padding: 20px;
}

    #unpw_content a {
        color: #0c1efe;
    }

        #unpw_content a:hover {
            color: #6497ec;
        }

#unpw_title {
    background: #acd4f7 url('/Content/Images/bg_unpw_title.jpg') repeat-x;
    border-bottom: 1px solid #ccc;
    -moz-border-radius: 8px 8px 0 0; /* Firefox 3 and earlier */
    -webkit-border-radius: 8px 8px 0 0; /* Safari 4 and earlier */
    border-radius: 8px 8px 0 0; /* CSS3 standard */
    color: #041d41;
    font: bold 20px "Arial Narrow", Arial, Helvetica, sans-serif;
    padding: 8px 20px;
    position: relative;
    text-shadow: #fff 1px 1px 1px;
    behavior: url('/Styles/javascript/PIE.htc'); /* CSS3 for IE8 and earlier */
}

#unpw_notification {
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 0 0 61px;
}

    #unpw_notification ul {
        margin: 15px 30px;
    }

/*#unpw_notification*/ .positive {
    background: url('/Content/Images/icon_positive.gif');
}
.features {
    width: 60%;
    height: auto;
    float: left;
    display: inline;
    margin: 0 0 0 10px;
}

.features-item {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin-left: 20px;
    line-height: 28px;
}

.features-item:before {
    content: url("/Content/Images/check.png");
}

/**/