/*************************************************************
 * author: Frontenders.com
 * contact: support at frontenders dot com
 * description: css for all media types
 *************************************************************/
@media screen,projection {
    /* reset
     * based on Eric Meyer's reset.css
     * http://meyerweb.com/
     *************************************************************/
    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, 
    fieldset, form, label, legend, button,
    table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        font-weight: normal;
        vertical-align: baseline;
        background: transparent;
    }
    body { line-height: 1; }
    strong, b {font-weight: bold; }
    blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }
    
    :focus { outline: 0; }
    
    ins { text-decoration: none; }
    del { text-decoration: line-through; }
    
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    /* /reset
     *****************************************************/
    
    /* global elements
     *****************************************************/
    html { height: 100%; }
    body {
        background: #fff;
        color: #3d4851;
        font: 62.5%/1 Verdana, sans-serif;
        height: 100%;
        text-align: center;
    }
    a {
        color: #005ba4;
        text-decoration: none;
    }
    a:hover { color: #00957d; }
    th, td { vertical-align: top;}
    /* /global elements
     *****************************************************/
    
    /* common classes
     *****************************************************/
    .cols { float: left; }
    .col {
        display: inline;
        float: left;
    }
    .l { float: left; }
    .r { float: right; }
    .print { display: none; }
    .ir {
        display: block;
        overflow: hidden;
        position: relative;
    }
    .ir span {
        left: 0;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
    }
    a span { cursor: pointer; }
    .clear { clear: both; }
    input.button, button { cursor: pointer; }
    /* /common classes
     *****************************************************/
    
    /* base layout
     *****************************************************/
    #container {
        margin: 0 auto;
        text-align: left;
        width: 942px;
    }
    #branding { height: 111px; }
    #content {
        background: transparent url( ../images/bg_content.png ) repeat-y 5px 0;
        font-size: 1.2em;
        line-height: 1.5em;
        margin: 0 0 40px;
        position: relative;
    }
	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p{
		padding: 0 0 12px 0;
	}
	#content h3 {
		font-size: 16px;
		font-weight: bold;
	}
    .oneCol #content {
        background: transparent url( ../images/bg_content_onecol.jpg ) no-repeat 0 0;
        margin: 0;
    }
    #primary {
        float: right;
        padding: 0 13px 0 0;
        width: 655px;
    }
    .oneCol #primary {
        background: transparent url( ../images/bg_content_onecol.jpg ) no-repeat -942px 100%;
        float: none;
        padding: 100px 0;
        width: 100%;
    }
    #secondary {
        float: left;
        width: 220px;
    }
    #siteInfo {
        background: #cecece url( ../images/sprite_main.png ) no-repeat 0 -79px;
        color: #005ba4;
        height: 52px;
        line-height: 1.5em;
        padding: 25px 0 0 25px;
        position: relative;
    }
    /* /base layout
     *****************************************************/
    
    /* branding elements
     *****************************************************/
    #siteName {
        display: inline;
        float: left;
        height: 79px;
        margin: 17px 0 0 2px;
        width: 295px;
    }
    #siteName a { height: 79px; }
    #siteName span { background: transparent url( ../images/sprite_main.png ) no-repeat 0 0; }
    
    #subName {
        display: inline;
        float: right;
        height: 49px;
        margin: 43px 7px 0 0;
        width: 223px;
    }
    #subName span { background: transparent url( ../images/sprite_main.png ) no-repeat -295px 0; }
    .welcome #subName span { background: transparent url( ../images/bg_subname_welcome.png ) no-repeat 0 0; }
    /* /branding elements
     *****************************************************/
    
    /* navigation elements
     *****************************************************/
    /* /navigation elements
     *****************************************************/
    
    /* content elements
     *****************************************************/
    .welcome .decor {
        background: transparent url( ../images/bg_decor_welcome.png ) no-repeat 0 0;
        height: 117px;
        left: 0;
        position: absolute;
        top: -77px;
        width: 319px;
    }
    h1.pageTitle {
        background: #5c9aca;
        color: #fff;
        font-family: Arial, sans-serif;
        font-size: 2em;
        height: 77px;
        line-height: 77px;
        padding: 0 25px;
        position: relative;
        text-align: right;
        text-transform: uppercase;
    }
    h1.pageTitle span { width: 942px; }
    h1.pageTitle strong {
        font-weight: bold;
        left: 25px;
        position: absolute;
        top: 0;
        z-index: 100;
    }
    
    #hLogin span { background-image: url( ../images/bg_pagetitle_login.png ); }
    #hIntroduction span { background-image: url( ../images/bg_pagetitle_introduction.png ); }
	#hShareZurvita span { background-image: url( ../images/bg_pagetitle_share_zurvita.png ); }
	#hMiniOrientation span { background-image: url( ../images/bg_pagetitle_miniorientation.png ); }
    
    #primary input.text {
        background: #fff url( ../images/bg_input.png ) no-repeat 0 0;
        border: none;
        float: right;
        height: 18px;
        padding: 1px 4px 0 2px;
        width: 156px;
    }
    .button {
        background: #005294 url( ../images/bg_input_submit.png ) repeat-x 0 0;
        border: 1px solid #abcbe3;
        color: #fff;
        font-size: 10px;
        height: 18px;
        line-height: 1em;
        padding: 0 5px;
        text-transform: uppercase;
    }
    .button:hover { background-position: 0 -100px; }
    input.preview {
        background: #626262 url( ../images/bg_input_preview.png ) repeat-x 0 0;
        border: 1px solid #babfc2;
        font-size: 10px;
        padding: 0 5px;
    }
    input.preview:hover { background-position: 0 -100px; }
    input.send, button.add {
        background-position: 100% 0;
        font-size: 10px;
        padding: 0 13px 0 5px;
    }
    input.send:hover, button.add:hover { background-position: 100% -100px; }
    #primary label {
        color: #005ba4;
        font-size: 1.2em;
        margin: 0 10px 0 0;
        text-align: right;
        text-transform: uppercase;
        width: 130px;
    }
    #primary .item { margin: 0 0 7px; }
    #primary form h2, #content h2 {
        color: #005ba4;
        font-size: 20px;
        margin: 0 0 20px;
        text-transform: uppercase;
    }

    form th {
        background: #b6b6b6 url( ../images/bg_form_table_header.png ) no-repeat 50% 0;
        border-bottom: 1px solid #d3d3d3;
        border-left: 1px solid #b9b9b9;
        border-right: 1px solid #ddd;
        color: #3d4851;
        font-weight: bold;
        padding: 5px;
        text-align: center;
    }
    form th.first {
        background-position: 0 0;
        border-left: none;
    }
    form th.last {
        background-position: 100% 0;
        border-right: none;
    }
    form td {
        padding: 5px 4px 0;
        text-align: center;
    }
    form td.num { color: #005ba4; }
    form tfoot td { text-align: right; }
    
    form a.more {
        background: transparent url( ../images/bg_link_more.png ) no-repeat 100% 50%;
        font-size: 1.167em;
        letter-spacing: 1px;
        padding: 0 12px 0 0;
    }
    
    #fLogin {
        background: transparent url( ../images/bg_form_login.jpg ) no-repeat 0 0;
        height: 185px;
        margin: 0 auto;
        padding: 105px 0 0;
        position: relative;
        text-align: right;
        width: 520px;
    }
    #fLogin .flash {
        left: 0;
        position: absolute;
        top: 0;
    }
    #fLogin .item {
        clear: right;
        float: right;
    }
    #fLogin label { float: left; }
    #fLogin .buttons {
        clear: both;
        float: right;
    }
    
    #fTellYourFriends {
        margin: 0 0 0 55px;
        position: relative;
        text-transform: uppercase;
    }
    #fTellYourFriends .flash {
        right: 30px;
        position: absolute;
        top: 0;
    }
    /* /content elements
     *****************************************************/
    
    /* footer elements
     *****************************************************/
    #copyright {
        bottom: 15px;
        left: 15px;
        position: absolute;
    }
    #motto {
        display: block;
        text-indent: -1000em;
    }
    #siteInfo li { display: inline; }
    /* /footer elements
     *****************************************************/
}
@media print {
    body { font: 12px/140% Verdana,sans-serif; }
    #mainMenu, #secondary { display: none; }
    .print { display: block; }
}