/* --- the bounding table and frame elements --- */
body
{
    font-family:Helvetica;
    text-align:center;
    padding:0px;
    margin:0px;
}

table.border
{
    height:100%;
    padding:0px; 
    margin:0px;
    margin-left:10px;
    margin-top:10px;
    border-spacing:0px; 
    empty-cells:show; 
    border-collapse:collapse; 
    font-family:Helvetica;
    width:99%; 
        
}

tr.border
{
    padding:0px; 
    margin:0px;
}

td.border
{
    background-color:#6699cc; 
    padding:0px; 
    margin:0px;
}

td.corner
{
    background-repeat:no-repeat; 
    background-image:url(bordercorner.gif); 
    width:53px; 
    height:60px; 
    font-size:45px;
}

td.top
{
    height:60px; 
    border-bottom:1px solid #336699;
}

div.helpSwitch
{
    text-align:center;
    color:white;
    float:left;
    font-size:8px;
    position:relative;
    left:57px;
    top:-2px;
    font-weight:bold;
}

div.helpSwitch span
{
    font-size:8px;
}

div.helpSwitch span:hover
{
    cursor:pointer;
    color:#4f4f4f;
}

div.header
{
    font-size:14px; 
    color:white; 
    padding-left:70px; 
    float:left;
}

span.header
{
    font-size:23px;
    font-weight:bold;
    margin-left:5px;
}


div.timestamp
{
margin-left:230px;
float:left;
font-size: 10px;
color:white;
vertical-align:bottom;
position:relative;
top:25px;
font-style:italic;
}


div.logo
{
    width:120px;
    height:32px;
    background-image:url(logoSmall.png);
    background-repeat:no-repeat;
    padding-right:10px; 
    float:right;
}

tr.middle
{
    vertical-align:top;
}

td.left
{
    border-right:1px solid #336699;
}

td.main
{
    background-color:white; 
}

div.main
{
    padding:20px;
    padding-top:10px;
    height:100%;
}

iframe.main
{
    height:98%;
    width:98%;
    text-align:center;
}


/* The tabs */

div.tab
{
    padding:0px;
    margin:0px;
    font-weight:bold; 
    font-family:Helvetica;
    position:relative;
    top:-3px;
    left:-1px;
    height:70px;
    z-index:99;
}

div.tab.medium
{
    height:58px;
}

div.tab.small
{
    height:25px;
}


div.tab table.bar
{
    border-spacing:0px;
    margin:0px; 
    padding:0px; 
    border:none; 
    width:100%;
}

div.tab table.bar td.topbar
{
    font-weight:bold;
    border-spacing:0px;
    padding:0px;
    margin:0px;
    background-color:#c5d7ea;
    color:#4f4f4f;
}

div.tab table.bar td.bar
{
    background-image:url(backblue.gif); 
    height:63px;
}


div.tab table.bar.small td.bar
{
    background-image:url(backbluesmall.gif); 
    height:38px;
}

div.tab table.tabs
{
    height:0px;
    position:relative; 
    top:-66px;
}

div.tab.small table.tabs
{
    top:-41px;
}


div.tab table.tabs table
{
    float: left;
}

div.tab table.tabs table:hover
{
    cursor:pointer;
}

div.tab table.tabs table.unselected
{
    border:none;
    white-space:nowrap;
    border-spacing:0px; 
    border-collapse:collapse;				
    position:relative;
    margin-left:10px; 
    color:white;
    text-align:center;
}

div.tab table.tabs table:hover
{
    color:#4f4f4f;
    cursor:pointer;
}

div.tab table.tabs table.unselected td.left
{
    border:none;
    background-image:url(leftblue.gif);
    background-repeat:no-repeat; 
    background-position:top; 
    width:22px; 
    height:63px;
    font-size:38px;
}


div.tab table.tabs table.unselected.medium td.left
{
    background-image:url(leftbluemid.gif);
    height:53px;
}

div.tab table.tabs table.unselected.small td.left
{
    background-image:url(leftbluesmall.gif);
    height:32px;
    width:12px;
    font-size:20px;
    padding:0px;
}

div.tab table.tabs table.unselected td.middle
{
    text-align:center;
    font-weight:bold;
    background-image:url(midblue.gif);
    background-position:top; 
   /*  min-width:120px; */
    height:63px; 
    padding-top:17px;
    background-repeat:repeat-x;
}

div.tab table.tabs table.unselected.medium td.middle
{
    /* min-width:100px; */
    font-size:13px;
    background-image:url(midbluemid.gif);
    height:53px;
    background-repeat:repeat-x;
}

div.tab table.tabs table.unselected.small td.middle
{
  /*   min-width:90px; */
    font-size:11px;
    background-image:url(midbluesmall.gif);
    height:32px;
    padding-top:12px
}

div.tab table.tabs table.unselected td.right
{
    background-image:url(rightblue.gif);
    background-repeat:no-repeat;
    background-position:top;
    width:22px;
    height:63px;
    font-size:38px;
}

div.tab table.tabs table.unselected.medium td.right
{
    background-image:url(rightbluemid.gif);
    height:53px;
}

div.tab table.tabs table.unselected.small td.right
{
    background-image:url(rightbluesmall.gif);
    height:32px;
    width:12px;
    font-size:20px;
    padding:0px;
}

div.tab table.tabs table.selected
{
    border:none;
    white-space:nowrap;
    border-spacing:0px; 
    border-collapse:collapse;
    position:relative; 
    margin-left:10px;
}

div.tab table.tabs table.selected td.left
{
    border:none;
    background-image:url(leftselblue.gif);
    background-repeat:no-repeat; 
    background-position:top; 
    width:21px; 
    height:63px;
    font-size:38px;
}


div.tab table.tabs table.selected.medium td.left
{
    background-image:url(leftselbluemid.gif);
    height:53px;
}

div.tab table.tabs table.selected.small td.left
{
    background-image:url(leftselbluesmall.gif);
    height:32px;
    width:12px;
    font-size:20px;
    padding:0px;
}

div.tab table.tabs table.selected td.middle
{
    font-weight:bold;
    color:#4f4f4f;
    text-align:center;
    background-image:url(midselblue.gif);
    background-position:top; 
   /*  min-width:120px; */
    height:63px;
    padding-top:15px;
    background-repeat:repeat-x;
}

div.tab table.tabs table.selected td.middle span
{
    position:relative;
    left:-5px;
}

div.tab table.tabs table.selected.medium td.middle
{
   /*  min-width:100px; */
    background-image:url(midselbluemid.gif);
    height:53px;
    font-size:13px;
    text-align:center;
    background-repeat:repeat-x;
}

div.tab table.tabs table.selected.small td.middle
{
   /*  min-width:90px; */
    background-image:url(midselbluesmall.gif);
    height:32px;
    font-size:11px;
    padding-top:12px;
    text-align:center;
}

div.tab table.tabs table.selected.small td.middle span
{
    position:relative;
    left:-3px;
}

div.tab table.tabs table.selected td.right
{
    background-image:url(rightselblue.gif);
    background-repeat:no-repeat; 
    background-position:top; 
    width:22px; 
    height:63px;
    font-size:38px;
   
}

div.tab table.tabs table.selected.medium td.right
{
    background-image:url(rightselbluemid.gif);
    height:53px;
}

div.tab table.tabs table.selected.small td.right
{
    background-image:url(rightselbluesmall.gif);
    height:32px;
    width:12px;
    font-size:20px;
    padding:0px;
}

/* --- image stacks --- */
tr.invisible, table.invisible
{
    display:none;
}

table.imageStack
{
    text-align:center;
    font-family:Helvetica;
    border:1px solid #336699;
    border-spacing:0px; 
    border-collapse:collapse; 
    background-color:#6699cc;
}

table.imageStack table.horImg
{
    border-spacing:0px; 
    border-collapse:collapse;
}

table.imageStack table.horImg td
{
    padding:0px;
    margin:0px;
    padding-left:10px;
    padding-right:10px;
}

table.imageStack table.horImg tr
{
    padding:0px;
    margin:0px;
}


table.horizontal invisible
{
    display:none;
}


table.image
{
    font-family:Helvetica;
    border-spacing:0px; 
    border-collapse:collapse; 
    background-color:#6699cc;
    text-align:center;
    color:white;
}

table.image td.header
{
    padding-bottom:5px;
    padding-top:5px;
}

table.imageStack table.image td.header
{
    padding-bottom:0px;
    padding-left:0px;
    padding-right:0px;
    padding-top:15px;
}

table.imageStack table.image td.header div.header
{
    padding-right:0px;
    padding-left:0px;
}

table.image td.header div.header
{
    float:none;
    font-size:20px;
    font-weight:bold;
    padding-right:0px;
    padding-left:0px;
}

table.image div.caption
{
    font-size:14px;
    font-weight:normal;
}

table.imageStack table.image td.header div.caption
{
    padding-bottom:5px;
}

table.imageStack td.header
{
    color:white;
    text-align:center;
    font-weight:bold;
    font-size:28px;
    padding:10px 170px 20px 170px;
}

table.image td.main
{
    background-color:#6699cc;
    padding-right:25px;
    padding-left:25px;
}

table.image td.pdf
{
    text-align:right;
    height:25px;
}

table.image span.pdf
{
    font-weight:bold;
    color:white;
    margin-right:25px;
    font-size:12px;
}

table.image span.pdf:hover
{
    color:#4c698a;
    cursor:pointer;
}

img.image
{
    border:none;
}


/* --- some module-specific stuff --- */
table.plateConfModule.legend
{
    border:none;
    padding-top:5px;
    text-align:center;
    font-family:Helvetica;
    color:white;
    background-color:#6699cc;
    border-spacing:0px;
    font-size:10px;
}

td.plateConfModule.legend
{
    border: 2px solid #6699cc;
    width:30px;
}


/* Sortable tables */
table.sortable
{
    font-family:Helvetica;
    font-size:12px; 
}


table.sortable.gsea
{
    position:relative;
    left:-39px;
}

table.sortable td
{
    border:none;
    padding:2px 10px;
}

table.sortable td.sorttable_nosort
{
    background-color:white;
    cursor: default;
}

table.sortable thead 
{
    text-align:center;
    background-color:#eee;
    color:#666666;
    font-size:13px;
    font-weight: bold;
    cursor: pointer;
}


table.sortable td a
{
    text-decoration:none;
    color:darkblue;
}

table.sortable td a:hover
{
    color:#4f4f4f;
    cursor:pointer;
}

table.sortable td.details
{
    width:15px;
    height:15px;
    padding:0px;
    background-image:url(lupeSmall.png);
    background-repeat:no-repeat;
    background-position:center;
}

table.sortable td.details:hover
{
    background-image:url(lupeSmallbw.png);
    cursor:pointer;
}

div.download
{
    float:left;
    padding:7px;
    color:#666666;
    font-size:9px;
}

div.download a
{
    color:#989898;
    text-decoration:none;
}

div.download img
{
    border:none;
    width:25px;    
}

div.download a:hover
{
    color:black;
    cursor:pointer;
}



table.plateList
{
 border-spacing:0px;
 border-collapse:collapse;
 margin-top:10px;
}


table.rest
{
    text-align:center;
}

table.rest td
{
    font-size:13px;
    height:25px;
    padding-left:5px;
    padding-right:5px;
}

table.rest td.header a
{
    text-decoration:none;
    color:white;
}

table.rest td a
{
    text-decoration:none;
    color:darkblue;
}

table.rest td.link a:hover
{
    color:#4f4f4f;
    cursor:pointer;
}

table.rest td a
{
    color:black;
}

table.rest td.link a
{
    color:#232f61;
}

table.rest td.details
{
    width:20px;
    background-image:url(lupe.png);
    background-repeat:no-repeat;
    background-position:center;
    border-right:5px solid white;
}

td.details:hover
{
    background-image:url(lupebw.png);
    cursor:pointer;
}

table.rest td.header
{
    font-weight:bold;
    background-color:#6699cc;
    color:white;
    padding:3px;
}

td.odd
{
    background-color:#D5DDF3;
}

td.even
{
    background-color:#E4E8FE;

}


p.verbatim
{
    text-align:left;
    font-size:13px;
    font-family:Courier;
}

div.alert
{
    font-size:12px;
    font-style:italic;
    border:1px solid black;
    padding:10px;
    margin-top:20px;
}


div.scatterLegend
{
    margin-top:5px;
    font-size:12px;
}

span.pointer
{
    cursor:pointer;
}

td.term
{
    font-weight:bold;
    font-size:16px;
}

span.error
{
    color:red;
}

td.Status.passed
{
    background-image:url(checkmark.png);
    background-repeat:no-repeat;
    background-position:center;
}

td.Status.failed
{
    background-image:url(failed.png);
    background-repeat:no-repeat;
    background-position:center;
}