﻿/*  -------------------------------------------------------------------
    Reset Tags --------------------------------------------------------- 
    html, body, div, span, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, cite, code, small, strong,
    br, b, u, i, center, q, em, img, dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
        border:0;
        font-family:inherit;
        font-size:1em;
        font-style:inherit;
        font-weight:inherit;
        margin:0; padding:0;
        vertical-align:baseline;
    }*/

    body { font-size:100.01%; line-height:1.5; background:#fff; }

    /* Tables still need 'cellspacing="0"' in the markup. */
    table { border-collapse:collapse; border-spacing:0; }
    caption, th, td { text-align:left; font-weight:normal; }

    /* Remove possible quote marks (") from <q>, <blockquote>. */
    blockquote:before, blockquote:after, q:before, q:after { content:""; }
    blockquote, q { quotes:"" ""; }

    a img { border:none; }


/*  -------------------------------------------------------------------
    Redifine Tag ------------------------------------------------------ 
    body { font-size: 81%; } 
    html>body { font-size: 13px; }*/

    /*  Font Switcher
        ----------------------------------------------- 
        body.small { font-size: 68.5%; } 
        html>body.small { font-size: 11px; }

        body.medium { font-size: 81%; } 
        html>body.medium { font-size: 13px; }

        body.large { font-size: 94%; }
        html>body.large { font-size: 15px; }

        body * { font-size: 100%; }*/

    /*  Headlines
        ----------------------------------------------- 
        h1,h2,h3,h4,h5,h6 { font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; line-height:1.1em; }
        h1, .h1 { color:#00539b; font-size:1.85em; font-weight:bold; letter-spacing:-.07em; margin-bottom:.8em; } 
        h2, .h2 { color:#5d92c0; font-size:1.54em; font-weight:bold; letter-spacing:-.05em; margin-bottom:.8em; } 
        h3 { color:#5d92c0; font-size:1.38em; font-weight:normal; letter-spacing:-.04em; margin-bottom:.6em; } 
        h4  { font-size:1.08em; font-weight:bold; letter-spacing:-.015em; margin-bottom:0.5em; } 
        h5, h6 { color:#666; font-size:1.08em; font-weight:bold; margin-bottom:0.3em; } */

    */

    /*  Text elements
        ----------------------------------------------- 
        strong { font-style:normal; font-weight:bold; }
        small, .small { font-size:.85em; }
        em { font-style:italic; font-weight:normal; }
        .underline { text-decoration:underline; }
        pre,code { margin:1.5em 0; }
        address { margin-top:1.5em; font-style:italic; }
        abbr, acronym { border-bottom:1px dotted #fff; cursor:help; text-decoration:none; }
        blockquote  { border:1px solid #c4d7e5; margin:20px; padding:18px 20px; }
        blockquote.noBorder { border:none; margin-top:5px; padding:0; }
        p {    margin:0 0 1.4em 0; }
        p.last { margin-bottom:0; }*/

    /*  List
        ----------------------------------------------- 
        ul { list-style:none; margin:0 0 18px 5px; }
        ul ul { margin-bottom:0; }
        ul li { background:url("../../images/front/i_arrow.gif") 0 10px no-repeat; margin:0 0 0 8px; padding:4px 0 4px 16px; position:relative; }
        ol { margin:0 0 18px 18px; }
        ol li { list-style:decimal; margin:0 0 0 20px; padding:5px 0 7px 0px; }
        ol li ul { margin-top:10px; }
        ol ul li { background:none; padding-left:0; }
        dl { margin:0 0 18px 12px; }
        dl dt { font-weight:bold; }
        dd { padding:3px 0; }*/

    /*  Table
        ----------------------------------------------- */
        table { 
            /*border:1px solid #c4d7e5;*/
            border:none;
            margin:20px 0 20px 0;
            width:100%;
        }
        tr.odd { background-color:#edf5fb; }
        /*tr:hover, tr.odd:hover, tr.hover { background-color:#ffebbb; }*/
        th, td { color:#464646; padding:6px 8px; text-align:left; }
        th, tfoot td {
            background-color:#e1f0fa;
            border-bottom:1px solid #c4d7e5;
            font-weight:bold;
        }
        tbody td { font-size:0.92em; } /* 12px */
        tfoot td { border-bottom:none; border-top:1px solid #c4d7e5; }

    /*  Links
        ----------------------------------------------- */
        a, a:visited, a:active { color:#333; font-weight:normal; text-decoration:none; }
        a:hover, a:visited:hover, a:active:hover { color:#d2232a; text-decoration:underline; }
        :focus { outline:none; } /* remove dotted line */

    /*  Misc
        ----------------------------------------------- */    
        .color1 { color:#333; } /* Dark Grey - Default color */
        .color2 { color:#666; } /* Light Grey */
        .color3 { color:#000; } /* Black */
        .error { color:#d2232a!important;}    /* Red */

        .hide { display:none!important; }

        hr {
            border:none;
            border-top:1px #b5ccde solid;
            clear:both;
            display:block;
            margin:20px 0 0 0; padding:0 0 20px 0;
            height:1px; line-height:1;
        }
        .hr {
            background: url("../../images/front/bg_hr_x.gif") repeat-x center center;
            clear:both;
            height:30px;
        }
        .hr hr { border:0!important; display:none; margin:0!important; padding:0!important; }

        .fleft { float:left!important; }
        .fright { float:right!important; }

        .imgleft { border:1px solid #c4d7e5; float:left; margin:0px 14px 0 0; }
        .imgright { border:1px solid #c4d7e5; float:right; margin:2px 0 0 14px; }
        .imgcenter { border:1px solid #c4d7e5; margin:0 auto; display:block; text-align:center; }

        object, embed { display:block; }
        embed:hover, embed:active:hover, embed:visited:hover { border:0px #fff solid; outline:none; }


/*  -------------------------------------------------------------------
    Form Setup --------------------------------------------------------- */
    form { background-color:#f7fbfe; border:1px solid #b5ccde; width:100%; }
    form p, form h3 { padding-left:19px; padding-right:20px; text-align:left; }

    legend { color:#5d92c0; font-size:1.54em; font-weight:bold; letter-spacing:-.05em; margin:0; padding:15px 20px; } /* 20px */
    *legend { margin-left:-7px; } /* IE */
    label, .label { color:#464646; display:block; font-weight:bold; margin-bottom:3px; text-align:left; }
    label span { color:#d2232a; }

    form ul, form ol { margin:0; padding:0; }
    form li {
        list-style:none;
        background:none;
        margin:0; padding:0;
        position:relative;
    }

    /*  Column Form
        ----------------------------------------------- */
        form.column h3 { clear:both; }
        form.column li {
            display:inline;
            float:left;
            margin-left:20px; padding:0;
            width:auto; /* height:50px; */ 
        }

        form.column li.first { clear:left; }
        form.column li.full { width:93%!important; } /* IE6 Bug Margin */
        form.column li.w_230 { width:230px!important; }

    /*  Form Elements
        ----------------------------------------------- */
        input, select, textarea { 
            border-top:1px solid #c7c7c7;
            border-right:1px solid #989898;
            border-bottom:1px solid #989898;
            border-left:1px solid #c7c7c7;
            color:#464646;
            font-family:Arial, Helvetica, sans-serif;
            font-size:.92em; /* 12px */
            margin-bottom:15px; padding:2px 4px;
        }
        textarea { padding:0 0 0 4px; width:99%; }
        input { width:170px; height:20px; }
        html>body input { width:174px; height:16px; }
        select { *margin-top:2px; padding:2px 4px; width:180px; height:22px; }
        html>body select { width:178px; }
        .nobox { border:0; display:inline; float:left; margin-right:5px; width:15px!important; }

    /*  Hover, Focus, Readonly, Error
        ----------------------------------------------- */
        input.hover, textarea.hover { background:#fff1cf; }
        input.focus, textarea.focus { background:#fff!important; border-top-color:#989898!important; border-right-color:#464646!important; border-bottom-color:#464646!important; border-left-color:#989898!important; }
        input.readonly, input.disabled { color: #666!important; }
        input.error { background-color:#fff1cf!important; border:1px solid #d2232a!important; }


/*  ------------------------------------------------------------------- 
    Flash Detect ------------------------------------------------------ */
    #detect {
        background:#fff1cf;
        border-top:1px solid #b5ccde;
        border-bottom:1px solid #b5ccde;
        color:#d2232a;
        font-weight:bold;
        padding:8px 0;
        position:absolute;
        left:0; top:0;
        text-align:center;
        width:100%;
        z-index:5;
    }
    html > body #detect { position:fixed; }

    #detect a, #detect a:visited, #detect a:active { color:#00539b; }


/*  -------------------------------------------------------------------
    Other ------------------------------------------------------------- */
    .clearfix:after {
        content:".";
        clear:both;
        display:block;
        height:0;
        visibility:hidden;
    }
    .clearfix { display:inline-block; }

    /* Hide from IE Mac \*/
    .clearfix { display:block; }
    /* End hide from IE Mac */

