/* named with underscore so that asp.net theme includes this css file first */

@media all
{
    /* default & global styles */
    body,
    body.normal { font-size: 62.5%; }   /* 10px, <p> = 11px */
    body.large  { font-size: 75%; }     /* 12px, <p> = 13.2px */
    body.xlarge { font-size: 87.5%; }   /* 14px, <p> = 15.4px */

    html, body, form, fieldset
    { 
        font-family: Verdana, Arial, sans-serif;
        line-height: 1.7em;
        margin: 0;
        padding: 0;
    }

    h1, h2, h3, h4, h5, h6, p, pre,
    blockquote, ul, ol, dl, address
    {
        margin: 1em 0;
        padding: 0;
    }

    li, blockquote          { margin-left: 2em; font: 1.1em Verdana, Arial, sans-serif; line-height: 1.7em; }
    li li                   { font-size: 1em; }         /* nested li's need to not grow in font-size*/
    li p                    { font-size: 1em; }         /* paras in li's need to not grow in font-size*/
    ol li                   { margin-left: 2.5em; }     /* double digit numbers need extra space */
    input, select, textarea { font: 1em Verdana, Arial, sans-serif; }

    a           { color: #000; }
    a:visited   { color: #888; }
    a:hover     { color: #F7941D; }
    
    fieldset    { border: 1px solid #000; padding: 10px; }
    h1          { margin-top: 0; margin-bottom: 0.5em; line-height: 1em; font-size: 2em; }
    h2          { margin-bottom: 0; padding: 0; font-size: 1.3em; }
    h3          { margin-bottom: 0; padding: 0; font-size: 1.2em; }
    h4          { margin-bottom: 0; padding: 0; font-size: 1.1em; }
    hr          { background-color: #A18D78; height: 1px; border: 0; margin: 15px 0; display: block; width: 100%; clear: both;}
    img         { border: 0; }
    iframe      { border: 0; overflow: hidden; }
    label       { cursor: pointer; }
    legend      { padding: 5px; }
    p           { font-size: 1.1em; }
    dd, dt      { font: 1em Verdana, Arial, sans-serif; line-height: 1.7em; }
    dt          { font-weight: bold; padding-right: .5em; float: left; }
    dd          { display: block; clear: right; }
    
    .clear      { clear: both; }
    br.clear    { margin: 0; }

    /* =hlinks
    -----------------------------------------------
    styles ul/ol as a horizontal list w/ seperators
    ----------------------------------------------- */
    .hlinks
    {
        margin: 0;
        padding: 0;
    }

    .hlinks li
    {
        display: inline;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .hlinks li a,
    .hlinks li span
    {
        border-left: 1px solid #FFF;
        font-size: 1.1em;
        padding: 0 0.5em 0 0.9em;
    }

    .hlinks li.first-child a,
    .hlinks li:first-child a,
    .hlinks li.first-child span,
    .hlinks li:first-child span
    {
        border-left-width: 0px;
    }

    .hlinks li.childselected a,
    .hlinks li.selected span
    {
        font-weight:  bold;
    }
    
    /* listings in tables */
    td li   { font-size: 1em; } /* li's in tables need to not grow in font-size*/
}

@media screen, projection
{
    table   { border-collapse: collapse; }

    td, th
    {
        color: #000;
        background-color: Transparent;    
        border-bottom: 1px solid #A18D78;
        padding: 11px 15px 11px 27px;
        vertical-align: top;
    }

    .alt td { background-color: #D6CFC7; }    

    th
    {       
        background-color: #CAB9A4;
        font-weight: bold;       
        text-align: left;
    }
          
    /* =urlicons
    ----------------------------------------------- */    
    a.audio     { background: url(../images/urlicons/audio.gif) no-repeat center right; padding: 5px 20px 5px 0;}
    a.email     { background: url(../images/urlicons/email.gif) no-repeat center right; padding: 5px 20px 5px 0;}
    a.excel     { background: url(../images/urlicons/excel.gif) no-repeat center right; padding: 5px 20px 5px 0;}
    a.external  { background: url(../images/urlicons/external.gif) no-repeat center right; padding: 5px 20px 5px 0;}
    a.movie     { background: url(../images/urlicons/movie.gif) no-repeat center right; padding: 5px 20px 5px 0;}
    a.pdf       { background: url(../images/urlicons/pdf.gif) no-repeat center right; padding: 5px 20px 5px 0;}
    a.word      { background: url(../images/urlicons/word.gif) no-repeat center right; padding: 5px 20px 5px 0;}
    a.kb        { background: url(../images/urlicons/info_center.gif) no-repeat center right; padding: 5px 20px 5px 0;}
    
    body.ie6 a.audio,
    body.ie6 a.email,
    body.ie6 a.excel,
    body.ie6 a.external,
    body.ie6 a.movie,
    body.ie6 a.pdf,
    body.ie6 a.word     { padding-top: 0px; padding-bottom: 0; background-position: 0px right; zoom: 1; }

    /* =expandable
    ----------------------------------------------- */
    ul.expandable           { margin-bottom: 0; }
    li.expand               { display: none; }
    ul.showall li.expand    { display: list-item; }
 
    /* =layout-table
    ----------------------------------------------- */
    .layout-table   { display: table; width: 100%; }
    .layout-row     { display: table-row; }
    .layout-cell    { display: table-cell; min-height: 320px; vertical-align: top; }
    
    /* =printonly
    -----------------------------------------------
    styles an element so it is not displayed
    used for elements that are only visible when printed
    ----------------------------------------------- */
    .printonly  { display: none; }

    /* =frame
    -----------------------------------------------
    styles image w/ border & background pattern
    ----------------------------------------------- */
    img.frame
    {
        border: 1px solid #998675;
        background: #D6CDC6 url(../images/img_bg.png) repeat-x 0 0;
        padding: 10px;
        margin: 5px 2em 5px 0;   
    }
    
    /* =border
    -----------------------------------------------
    styles image w/ border
    ----------------------------------------------- */
    img.border
    {
        border: 1px solid #998675;
    }
       
     /* =roundbox
    -----------------------------------------------
    styles div containing a ul or ol as a rounded box 
    ----------------------------------------------- */
    .roundbox
    {
        background: url(../images/relatedlinks/bg_top.png) no-repeat 0 0;
        text-align: center;
        margin-bottom: 5px;
    }

    .roundbox h2
    {    
       display: none;
    }

    .roundbox img
    {   
        margin: 0 auto;
        padding: 15px 28px 5px 28px;
        border-bottom: 1px solid #C7B299;
    }

    .roundbox ol,
    .roundbox ul,
    .roundbox li
    {
        margin: 0;
        padding: 0;
    }

    .roundbox ol,
    .roundbox ul
    {
        padding-top: 5px;
        padding-bottom: 10px;
        list-style: none;
        text-align: left;
        background: url(../images/relatedlinks/bg_bottom.png) no-repeat 0 bottom;   
    }

    .roundbox li
    {
        background: url(../images/arrow_brown.gif) no-repeat 15px 7px;
        padding-left: 23px;
        padding-right: 10px;
        line-height: 15px;
        margin: 0.5em 0;
    }

    body.ie6 .roundbox li a     { padding-bottom: 5px; }
    .roundbox li a
    {
        color: #534741;
        font-size: 10px;
        line-height: 14px;
    }
    .roundbox li a:visited              { color: #888; }
    .roundbox li a:hover                { color: #F7941D; }

    .roundbox li a.descenders,
    .roundbox li a.descenders:visited,
    .roundbox li a.descenders:hover
    {   
        text-decoration: none;
        border-bottom: 1px solid #534741;
        padding-bottom: 1px;
    }
    .roundbox li a.descenders:visited   { border-color: #888; }
    .roundbox li a.descenders:hover     { border-color: #F7941D; }

    /* =members
    -----------------------------------------------
    role specific colors for members role
    ----------------------------------------------- */
    body                                { background: #003663 url(../images/bg_members.gif) repeat-x 0 0; }    
    body .menu-footernav a,
    body .menu-footernav a:visited,
    body .menu-footernav span           { color: #36A7E9; border-color: #FFF; }    
    body #footer p,
    body .menu-footernav a:hover        { color: #FFF; }

    /* =employers
    -----------------------------------------------
    role specific colors for employers role
    ----------------------------------------------- */
    body.employers                              { background: #ACCC7F url(../images/bg_employers.gif) repeat-x 0 0; }    
    body.employers .menu-footernav a,
    body.employers .menu-footernav a:visited,
    body.employers .menu-footernav span         { color: #365A12; border-color: #000; } 
    body.employers #footer p,
    body.employers .menu-footernav a:hover      { color: #000; }

    /* =providers
    -----------------------------------------------
    role specific colors for providers role
    ----------------------------------------------- */
    body.providers                              { background: #E18A08 url(../images/bg_providers.gif) repeat-x 0 0; }    
    body.providers .menu-footernav a,
    body.providers .menu-footernav a:visited,
    body.providers .menu-footernav span         { color: #FFF; border-color: #630; }    
    body.providers #footer p                    { color: #630; }
    body.providers .menu-footernav a:hover      { color: #FC0; }
    
    .sifr               { visibility: hidden; }
    .sifr-replaced      { visibility: visible !important; }    
    .sifr-replaced .alt
    {
        position: absolute;
	    left: 0;
	    top: 0;
	    width: 0;
	    height: 0;
	    display: block;
	    overflow: hidden;
    }
}