/*--- GENERAL ELEMENTS   --*/

BODY {
    font-size:  10;
    margin-bottom: 0; margin-left: 0; margin-right: 10; margin-top: 0; z-index: 1;
    BACKGROUND: url(/pcc/images/bg/bg_hp.jpg) #fff fixed repeat -30px -40px;
    font-family: Tahoma, Verdana;
    color:#000000;
}


A {color: blue; font-family: menu, Arial,Verdana; text-decoration: underline; }
table, input, div, select, font {
    font-size:  10;
    font-family : menu, arial; text-decoration: none; font-weight : normal; }


#head       { position: relative; top: 20px; width:96%; height: 80px; }
#body       { position: relative; top: 30px; height: 78% ;overflow: auto;z-index:2; }
span.Tfront { position: absolute; color: #000066; font-size: 42px; font-weight: bold; top:  0px; right: 15px; z-index:4; }
span.Tback  { position: absolute; color: #cae4ff; font-size: 42px; font-weight: bold; top: 2px; right: 13px; z-index:3; }
span.Tsub   { position: absolute; color: #9ea0bc; font-size: 20px; font-weight: bold; top: 42px; right: 15px; z-index:5; }

div.section     { position: relative; left:4px;width: 96%; border: 2px groove; background-color: #ffffff; padding: 10px; }
span.TitleSect  { position: absolute; padding-left: 8px; padding-right: 8px; background-color: #ffffff; color: black; top: -12px; left: 10px;z-index:11 }

    .bartitle   {
    background: ThreeDFace; padding:0px; padding-left:10px;
    border-top: 1px solid ThreedHighlight;
    border-left: 1px solid ThreedHighlight;
    border-bottom: 1px solid ThreedShadow;
    border-right: 1px solid ThreedShadow;
    }
    .bartitlein {
    background: ThreedLightShadow; padding:0px; padding-left:10px;
    border-top: 1px solid ThreedShadow;
    border-left: 1px solid ThreedShadow;
    border-bottom: 1px solid ThreedHighlight;
    border-right: 1px solid ThreedHighlight;
    }

    table.shadowline{ border: 2px groove; border-color:#f5fffa; }
    /* ===== BUTTON FORMATTING EFFECT ===== */
    div.BtOff       { font-size : 11px; color: MenuText; border: 2px outset;border-color: #fffafa #a2a2a2 #a2a2a2 #fffafa;background-color: ButtonFace; }
    div.BtOn        { font-size : 11px; color:MenuText; border: 2px outset; padding: 2 2 2 0; border-color: #fffafa #5a5a5a #5a5a5a #fffafa; }
    div.BtClick     { font-size : 11px; color:white; border: 2px inset; padding: 2 0 0 2; background-color: ButtonShadow; }
    div.BttOff  { background-color: #bbbbbb; border:2px outset;margin:4px; width:110px;height:72px;padding:0 2 2 0; color:grey; font-size : 14px; font-family :Verdana,Arial,Geneva; text-decoration: none; font-weight : bold; }
    div.BttOn   { background-color: #bbbbbb; border:2px inset;margin:4px; width:110px;height:72px;padding:2 0 0 2; color:grey; font-size : 14px; font-family :Verdana,Arial,Geneva; text-decoration: none; font-weight : bold; }
/* ====== WAITING PAGE ====== */
.p  {position: absolute;top:0;
    visibility:hidden;z-index:100;
    width:60%;
    margin-top:30%;
    margin-left:20%;
    margin-right:20%;
    border: 3px #7e8ca3 ridge;
    color: white;
    HEIGHT: 80px;
    BACKGROUND: #c0c0c0; FILTER: alpha(opacity=70); moz-opacity: 0.7; }

    INPUT.buttonoff {BORDER: 1px outset; BACKGROUND-IMAGE: url(/pcc/images/navig/blueexplorer.gif); WIDTH: 97px; HEIGHT: 18px}
    INPUT.buttonon  {BORDER: 1px outset; BACKGROUND-IMAGE: url(/pcc/images/navig/orangeexplorer.gif); WIDTH: 97px; HEIGHT: 18px}

/***** ASF Control Panel styles *****/

/* use on header items that are not in tables */
.asfheader {
    font-size: 14px;
    color:  white;
    font-weight:  bold;
    background-color:  #003366;
}

/* use on header items that are in tables */
table tr.asfheader th {
    font-size: 14px;
    color:  white;
    font-weight:  bold;
    background-color:  #003366;
}

/* alternating table row 1 */
table tr.bg1 td {
    color:  black;
    background-color:  lightgrey;
    text-align:  center;
}

/* fix anchor style for this alternating row */
table tr.bg1 td a {
    color:  black;
    background-color:  lightgrey;
    text-decoration:  underline;
    text-align:  center;
}

/* alternating table row 2 */
table tr.bg2 td {
    color:  white;
    background-color:  #003366;
    text-align:  center;
}

/* fix anchor style for this alternating row */
table tr.bg2 td a {
    color:  white;
    background-color:  #003366;
    text-decoration:  underline;
    text-align:  center;
}

/* error text */
.asferror {
    font-size:  14px;
    color:  red;
}

/* failed status of tests */
table tr td.error {
    color:  white;
    background-color:  crimson;
}

/* starting/started status of tests */
table tr td.pending {
    color:  white;
    background-color:  orange;
}

/* passed status of tests */
table tr td.success {
    color:  white;
    background-color:  limegreen;
}

/* wait message during execution */
.wait {
    font-weight:  bold;
    color:  orangered;
    text-decoration:  blink;
}

/* test level selection screen */
table.levels {
    border-style:  solid;
    border-color:  black;
    border-width:  thin;

    td {
        border-style:  none;
    }
}