body
{
    font-family: Arial, Sans-Serif;
    color: #4E4A47;
   /* background-image: url( "/style/images/backgrounds/shoreline2.jpg" );*/
    background-color: #27829E;
}

h1, h2, h3
{
    color: #27829E;
}
strong{
    color: #27829E;
    font-weight:bold;
}
h1
{
    font-size: 24px;
    margin-top: 6px;
    margin-bottom: 4px;
}

h2
{
    font-size: 18px;
    margin-top: 6px;
    margin-bottom: 4px;    
}

h3
{
    font-size: 14px;
    line-height: 16px;
    margin-top: 6px;
    margin-bottom: 4px;
}

h4
{
    font-size: 12px;
    line-height: 14px;
     margin-top: 6px;
    margin-bottom: 4px;
}

p
{
    font-size: 12px;
    line-height: 14px;
    margin-top: 6px;
    margin-bottom: 4px;
}

select, textarea, input[type='text']
{
    font-family: Arial, Sans-Serif;
    color: #4E4A47;
    font-size: 12px;
}

/* span 
{
    font-size: 12px;
    line-height: 14px; */
 /*   padding-bottom: 6px;*/
/* } */



span.cb input[type='checkbox']
{
    vertical-align: middle;
    margin-bottom:2px;
}

/*.cb {
     vertical-align: text-bottom;
     _vertical-align: middle;
     padding: 0 !important;
     margin: 0 !important;
    }
    */

a{
    font-size: 12px;
    line-height: 14px;
}
ul
{
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 20px;
}
li
{
    display: list-item;
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 4px;
}

span.breadcrumb{
    font-size:12px;
    line-height: 14px;
    font-weight:bold;
    color:#fff;
}

span.breadcrumb a{
    color:#fff;
    text-decoration:none;
}


td, th
{
    font-size: 12px;
    line-height: 14px;
}


#pageWrapper
{
}

#banner
{
    background-color: White; /* height: 83px;*/
    padding-bottom: 6px;
}

#headerWrapper
{
    min-width: 1024px;
    background-color: white;
    margin: 0 auto; /*border: 1px dotted gray;background-color: #FFFFCC;*/
}

#header-left
{
    float: left;
    width: 80px;
    padding: 0 ;    
    text-align:right;
}
#header-right
{
    float: right; 
    width: 400px;
    margin: 0;
    padding: 6px 0 0 0;
    text-align: right;
}
#header-middle
{
    padding-left: 10px;
    padding-top: 9px;
    float: left;
    width: 400px;    
}

#loginStatus{
    background-color: White; /* height: 83px;*/
    font-size: 12px; 
    text-align: right;
    margin-top:0px;
    line-height:24px;
    height:24px;
    vertical-align:top;
    padding: 6px;    
}


#loginStatus span{
    color:#27829E;
}

#pageTitle
{
    background-color: #409FBA;
    -webkit-border-radius: 0 32px;
    -webkit-box-shadow: #666 0px 2px 3px;
    -moz-border-radius: 0 32px;
    -moz-box-shadow: #666 0px 2px 3px;
    behavior: url(../css/PIE.htc);
    box-shadow: #666 0px 2px 3px;
    border-radius: 0 32px;
    text-align: left;
    height: 48px;
    position: relative;
    padding: 14px 0px 0px 24px;
}

#pageTitle span
{
    font-size: 32px;
    line-height: 32px; /*font-weight: bolder;*/
    font-family: Arial, Sans-Serif;
    color: White;
}

.menu-panel
{
    height: 26px;
    background-color: white;
    padding: 2px 6px 6px 6px;
}


/*.page-heading
{
    font-size: 34px;
    line-height: 76px;
    font-weight: bolder;
    color: #27829E;
    text-align: center;
}*/

#mainWrapper
{
    width: 80%; /*800px;*/
    margin: 0 auto ;
    padding: 10px 0px 4px 0px; /*border: 1px dotted gray;*/
    text-align:center;
}


a:link, a:visited, a:active
{
    color: #27829E;
    /* text-decoration: underline; */
}


a:hover
{
    color: #E17000;
    /* text-decoration: underline; */
}



a.borderless
{
    border-style: none;
}

/* start hack 
To scale container div if contents are floated either:
    add a block level element below the floated elements <div style="clear: both;"></div>
or:
    apply clearfix class to any div containing floated div
    */
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfix
{
    height: 1%;
}
/* end hack*/

div.section
{
    /*width: 80%;/*760px;*/
    text-align:left;
    background-color: white;
    padding: 20px 20px;
    margin: 0px auto 10px auto; /* border: 1px solid #4E4A47;*/
    
    -webkit-border-radius: 24px 0;
    -webkit-box-shadow:#666 0px 2px 3px;
    -moz-border-radius: 24px 0;    
    -moz-box-shadow: #666 0px 2px 3px;
        
    behavior: url(../css/PIE.htc);
    box-shadow: #666 0px 2px 3px;
    border-radius: 24px 0;
}

div.wiz-section /*smaller box for use on login page etc*/
{
    width: 500px;
    text-align:center;
}

div.computer
{
    background-position: #EFEFEF;
    float: left;
    text-align: center;
    min-width:100px;
    min-height:150px;
    padding: 4px;
    margin: 4px; /*border: 1px solid black;*/
    background: white;         
    -webkit-box-shadow:#666 0px 2px 3px;    
    -moz-box-shadow: #666 0px 2px 3px;   
    
    position:relative;   
    behavior: url(../css/PIE.htc);
    box-shadow: #666 0px 2px 3px;    
    
}
div.computer p, div.computer span{
    font-size:9px;
    line-height:11px;
    /*padding-bottom:2px;        */
}

div.computer a{
    font-size:11px;
    line-height:11px;
    padding:0;
    text-decoration: none;    
}
div.computer a:hover{    
    text-decoration: underline;    
}


div.machine-unknown
{
    background-color: #999999;
}

div.machine-off
{
    background-color: #333333;
}

div.machine-on
{
    background-color: #FFFFFF;
}

div.machine-ping-error
{
    background-color: #AA0000;
}

div.gpu-cards
{
    border:0px dotted black;
    padding: 0px 1px;
    margin-top:4px;
   /* height:20px;*/
    background-color: white;    
}

/* could use .card if can figure out vb.net syntax for find in list*/
div.gpu-card
{
    border: 0px solid #666666;
    float: left;
    width: 12px;
    height: 18px;
    margin: 0px;
    padding: 0px 2px 0px 2px;
}

/* could use .card if can figure out vb.net syntax for find in list*/
div.first
{
    border: 1px solid #666666;      
    width: 12px;
    height: 12px;
    padding:0px;
    margin: 0px;  
}

div.last
{
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #666666;
    width: 12px;
    height: 4px;
    padding:0px;
    margin: 0px;
}


.gpu-default
{
    background-color: #CCCCCC;
}


.gpu-off
{
    background-color: #595959;
}

/*light white*/    
.gpu-stopped
{
    background-color: #FFFFFF; 
}

/*green*/    
.gpu-processing
{
    background-color: #8FB06A; 
}

/*red */    
.gpu-error
{
    background-color: #CC0000;
}        

.swatch
{
    float: left;
    width: 100px;
    height: 100px;
    margin: 2px;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
}


table.grd
{
    /*gridview*/
    border-collapse: separate;
    border-spacing: 2px; /*font-size:11px; */ /*padding: 4px;*/
}


table.grd th, table.grd td
{
    vertical-align:middle;
    padding: 4px 2px;
    font-size: 11px;
    line-height:12px
}

tr.grd-header-row
{
    color: white;
    background-color: #27829E;
}


tr.grd-odd-row
{
    background-color: #DCF0F5;
}

tr.grd-even-row
{
    background-color: white;
}

tr.not-on-grid, tr.should-run-false
{
    color: #999999;
}

tr.ping-error td
{
    color: #B22222;
    font-weight:bold;
}

/* DetailsView*/
table.dvw {    
   
}

table.dvw tr
{
    background-color: white;
}


.dvw th, .dvw td
{
    text-align: left;    
    padding: 4px 2px;
    font-size: 12px;   
}

/*
tr.dvw-edit-row{

}
tr.dvw-footer-row{
    text-align:center;
    background-color:black;
}

.dvw-edit-row th, .dvw-edit-row td {
    text-align: left;    
    padding: 4px 2px;
    font-size: 12px;                 
}

table.dvw select {    
    text-align: left;        
    font-size: 12px;                       
} 

table.dvw th {
    font-weight: bold;    
}
*/


/*keep these at the bottom of the stylesheet*/
td.text-left{
    text-align:left;
}
td.text-center{
    text-align:center;
}
td.text-right{
    text-align:right;
}

.corner-close
{
    position: absolute;
    top: -16px;
    right: -16px;
}

.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=80);
	opacity:0.7
}

.busyIndicator
{
    background-color:#FFFFFF; 
    border: 2px solid #27829E;
    position:absolute;     
    padding:16px;    
}

.modalEdit
{
    background-color: #ffffff; 
    border: 2px solid #27829E;    
}

/*.editPopup
{
    width: 480px;  
}*/