@media screen, projection
{
    /* exploit a parsing bug so @media rules are visible to MacIE5 */    .BeNiceToMacIE5
    {
        font-family: "\"}\"";
        font-family: inherit;
    }
    html,body
    {
        width: 100%;
        font-family: Arial;
        font-size: .98em;
        padding: 0px;
        margin: 0px;
        background-color: #efefef;
        color: #333;
    }
    .wrapper
    {
        margin: 1% 5% 0%;
        padding: 0;
        min-height: 400px;
        min-width: 850px;
    }
    #header
    {
        padding: 0px;
        margin: 0px;
        background-image: url(../images/header-bg.gif);
        background-repeat: repeat-y;
        background-position: -99px 0px;
        background-color: #336699;
        width: 100%;
        clear: both;
        text-align: left;
    }
    .default #header
    {
        background-position: 180px 0px;
    }
    #header h1
    {
        font-size: 0;
        background-image: url(../images/logo_not3D.png);
        height: 70px;
        background-repeat: no-repeat;
        background-position: 1px 10px;
        color: White;
    }
    h1
    {
        margin: 0;
        text-align: left;
    }
    h2
    {
        margin: .2em 0;
    }
    .main
    {
        clear: both;
        width: 100%;
        margin: 0;
        padding: 0;
        background-color: Transparent;
    }
    .content, .datacontent, .shopcontent
    {
        width: 74%;
        float: right;
        margin: 0;
        padding: 1% 2%;
        min-width: 640px;
    }
    .sidebar, .datasidebar, .shopsidebar
    {
        margin: 0px 80% 0px 0px;
    }
    .sidebar .box, .datasidebar .box, .shopsidebar .box
    {
        margin-bottom: 1em;
        padding: .5em;
    }
    .sidebar select, .sidebar input
    {
        margin: 3px;
        height: auto;
        width: 130px;
    }
    /*Hidden from IE 6*/
    html > body .sidebar select, .sidebar input
    {
        width: 96%;
    }
    .sidebar .messagesummary, .datasidebar .messagesummary, .shopsidebar .messagesummary
    {
        text-align: left;
        list-style: none;
        padding: 0px 0px 0px 5px;
        margin: 0px;
    }
    .sidebar ul
    {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: inherit;
    }
    .box
    {
        border: solid 1px #ccc;
        background-color: #fff;
    }
    .box h3
    {
        padding: .1em;
        margin: 0px;
    }

    .clear
    {
        clear: both;
        height: 1px;
        overflow: hidden; /* prevent IE expanding the container */
        margin: 0; /* keep flush with surrounding blocks */
    }
    #footer
    {
        margin: auto; /* flush with .main */
        padding: 1% 2%;
        text-align: center;
    }
    #mainHeader_Panel1
    {
        width: 90%;
        margin: auto;
        background-image: url(../images/wavycomputer.gif);
        background-repeat: no-repeat;
        background-position: right top;
        height: 100px;
    }
    #mainHeader_Panel2
    {
        width: 90%;
        margin: auto;
        background-image: url(../images/wavycomputer.gif);
        background-repeat: no-repeat;
        background-position: 100% -100px;
        height: 26px;
    }
    #nav
    {
        font-size: 97%;
        display: block;
        overflow: visible;
        padding: 0px;
        margin: 0;
    }
    #nav li
    {
        list-style: none; /*  display: inline; */
        float: left;
        padding: .3em 1em;
        margin: 0px .2em 0px .2em;
        background-image: url(../images/tab-bg.png);
        background-position: right top;
        background-repeat: no-repeat;
    }
    #nav li.selected
    {
        background-image: url(../images/tab-bg-s.png);
    }
    #nav li a
    {
        color: White;
        text-decoration: none;
    }
    #nav, #nav ul
    {
        padding: 0;
        margin: 0;
        list-style: none;
        height: 20px;
    }

    #nav li ul
    {
        position: absolute;
        left: -999em;
        background-color: White;
        border: solid 1px #999;
        width: 10em;
        padding: 0em;
        height: auto;
        margin-left: -1em;
    }
    #nav li ul li
    {
        background-color: #e6e6e6;
        background-image: none;
        color: #2a2b5f;
        padding: 0em;
        width: 10em;
        margin: .1em 0em 0em 0em;
    }

    #nav li ul li a
    {
        background-color: #e6e6e6;
        background-image: none;
        color: #2a2b5f;
        padding: .2em 0em .2em .6em;
        width: 9.4em;
        margin: 0em;
        display: block;
    }
    #nav li:hover, #nav li.sfhover
    {
        background-image: url(../images/tab-bg-s.png);
    }

    #nav li:hover ul, #nav li.sfhover ul
    {
        left: auto;
        background-position: 0 0;
        background-image: none;
    }
    #nav li:hover ul li ul, #nav li.sfhover ul li ul
    {
        left: -999em;
        background-position: 0 0;
        background-image: none;
    }
    #nav li ul li:hover, #nav li ul li.sfhover, #nav li ul li a:hover
    {
        background-color: #2a2b5f;
        color: White;
        background-image: none;
    }

    #nav li ul li ul
    {
        position: absolute;
        left: -999em;
        background-color: White;
        border: solid 1px #999;
        width: 10em;
        padding: 0em;
        height: auto;
        margin-left: -1em;
    }
    #nav li ul li ul li
    {
        background-color: #e6e6e6;
        background-image: none;
        color: #2a2b5f;
        padding: 0em;
        width: 10em;
        margin: .1em 0em 0em 0em;
    }

    #nav li ul li ul li a
    {
        background-color: #e6e6e6;
        background-image: none;
        color: #2a2b5f;
        padding: .2em 0em .2em .6em;
        width: 9.4em;
        margin: 0em;
        display: block;
    }
    #nav li ul li:hover , #nav li ul li.sfhover
    {
        background-image: url(../images/tab-bg-s.png);
    }

    #nav li ul li:hover ul , #nav li ul li.sfhover ul 
    {
         left: 11em;
         top: -.25em;
       background-position: 0 0;
        background-image: none;
    }
    #nav li ul li ul li:hover , #nav li ul li ul li.sfhover, #nav li ul li ul li a:hover
    {
        background-color: #2a2b5f;
        color: White;
        background-image: none;
    }
    
    #breadcrumb
    {
        padding: 1px 2%;
        width: 65%;
        background-color: White;
        clear: both;
        margin: 0;
        text-align: left;
        height: 26px;
        border-bottom: solid 2px #33c;
    }
    .ctl_subbutton_mid_left
    {
        background-image: url(../images/backgrounds/button.png);
        height: 24px;
        padding: 0px;
        margin: 3px;
        background-repeat: no-repeat;
    }
    .ctl_subbutton_mid_cent
    {
        display: block;
        background-color: White;
        margin-left: 10px;
        background-image: url(../images/backgrounds/button.png);
        background-position: right top;
        background-repeat: no-repeat;
        height: 24px;
        padding-top: 3px;
    }
    .ctl_subbutton_mid_cent a
    {
        display: block;
        margin-left: -10px;
        text-align: center;
        color: White;
        text-decoration: none;
        font-weight: bold;
    }
    #cboaction
    {
        display: none;
    }
    .hidden
    {
        display: none;
    }

    /*DataCallFlow*/
    #navigation, #log_navigation /*sidebar box*/
    {
        font-size: 97%;
        padding: 0px;
        margin: 0px;
        list-style: none;
    }
    .nbl /* Nav Button*/
    {
        margin: 5px auto 5px auto;
        background-image: url(../images/backgrounds/button.png);
        padding: 0px 0px 0px 5px;
        background-position: left top;
        background-repeat: no-repeat;
        height: 23px;
        width: 91%;
        list-style: none;
    }
    .nbr /* Nav Button*/
    {
        background-color: White;
        background-image: url(../images/backgrounds/button.png);
        padding: 2px 0px 0px 0px;
        background-position: right top;
        background-repeat: no-repeat;
        height: 23px;
        text-align: center;
        display: block;
        font-weight: 700;
        width: 100%;
        color: White;
        text-decoration: none;
        overflow: hidden;
    }
    #txtOutput span.heading
    {
        width: 660px;
        display: block;
        color: #3333cc;
        margin-bottom: 10px;
        font-size:x-large;
    }
    #txtOutput table
    {
        clear: both;
    }
    #txtOutput table .date input
    {
        width: auto;
    }
    #txtOutput .Red
    {
        color: Red;
    }
    #txtOutput table .integer, #txtOutput table .text, #txtOutput table .date, #txtOutput table .select, #txtOutput table .time, #txtOutput table .label
    {
        width: auto;
    }
    #txtOutput .date, #txtOutput .time, #txtOutput .select, #txtOutput .integer, #txtOutput .text, #txtOutput .label, #txtOutput .inputTable, #txtOutput .savebuttons
    {
        width: 660px;
        min-height: 25px;
        clear: left;
    }
    #txtOutput .dateLabel, #txtOutput .timeLabel, #txtOutput .selectLabel, #txtOutput .intLabel, #txtOutput .txtLabel
    {
        display: block;
        float: left;
        width: 200px;
    }
    #txtOutput table div.dateLabel, #txtOutput table div.timeLabel, #txtOutput table div.selectLabel, #txtOutput table div.intLabel, #txtOutput table div.txtLabel
    {
        width: 150px;
    }
    #txtOutput table td
    {
        width: auto;
    }
    #txtOutput .intValue, #txtOutput txtValue, #txtOutput .timeValue
    {
        width: 192px;
    }
    #txtOutput .selectValue
    {
        width: 200px;
    }
    #txtOutput .dateValue
    {
        width: 172px;
    }
    #txtOutput .savebuttons input
    {
        margin: 10px 100px 0px 100px;
    }
    #txtOutput .report
    {
        clear: both;
    }
    #txtOutput .indent1
    {
        margin-left: 50px;
        width: 610px;
    }
    #txtOutput .indent1 span
    {
        margin-left: 0px;
        width: 150px;
    }
    #txtOutput .indent2
    {
        margin-left: 100px;
        width: 660px;
    }
    #txtOutput .indent2 span
    {
        margin-left: 0px;
        width: 100px;
    }
    #txtOutput .indent3
    {
        margin-left: 150px;
        width: 510px;
    }
    #txtOutput .indent3 span
    {
        margin-left: 0px;
        width: 50px;
    }
    #txtOutput table.indent0
    {
        margin-left: 0px;
        width: auto;
    }
    #txtOutput table.indent1, table.indent2, table.indent3
    {
        width: auto;
    }
    #txtOutput .error
    {
        padding: 20px;
        color: red;
        width: 80%;
        text-align: center;
        border: dotted 1px red;
    }
    #txtOutput .divider
    {
        border-top: 1px solid #ccc;
        margin-top: 10px;
        padding-top: 5px;
    }
    #txtOutput .NextToPrev
    {
        width: auto;
        display: inline-block;
        float: left;
        padding-left: 5px;
        clear: none;
    }
    #txtOutput .NextNodesInline
    {
        width: auto;
        display: block;
        clear: both;
        float: left;
        min-width: 300px;
    }

    /*End DataCallFlow */
    
    .ajaxdiv
    {
        padding: 5px;
        border: solid 1px #ccc;
    }
.Black
    {
        color: #000;
    }

    .Blue
    {
        color: #3333cc;
    }

    .Red
    {
        color: #f00;
    }

    .Green
    {
        color: #33cc00;
    }

    .LightGreen
    {
        color: #ccffcc;
    }

    .LightBlue
    {
        color: #3399ff;
    }

    .Yellow
    {
        color: #ffff00;
    }

    .Purple
    {
        color: #660066;
    }
    
}

/* end media rules */