/* Color Refs

    CEHI Blue: #0273b9
    CEHI Link: #00659E
    CEHI Gray: #939498
    Background Gray: #eee
    AltRow:    #F4F4F4

    AliceBlue: #F0F8FF

    Old Green: #008c93
    Old Gray:  #999999

*/

.bold{ font-weight: bold; }

.cehiBlue{ color: #0273b9; }
.cehiGray{ color: #939498; }

.cehiBlueBg{ background-color: #0273b9; }
.cehiGrayBg{ background-color: #939498; }


body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    margin:0px;
    padding:0px;
    text-align:center; 
    background-color:#eee;}

#pageTitle{
    font-size:   18px;
    font-weight: normal;
    line-height: 19px;
    margin: 0 0 9px; 
}
    
BODY.Popup{
    background-color:white; }

FORM{
    margin: 0px;
    padding: 0px;
}

#divBanner{
    border-bottom: 1px solid #0273b9; }
    
h1 {
    font-size:   18px;
    font-weight: normal;
    line-height: 19px;
    margin: 0 0 9px; }

span.h1{
    font-size:   18px;
    font-weight: normal;
    line-height: 19px; }

h2 {
    font-size: 16px;
    line-height: 17px;
    margin: 0 0 8px;
    font-weight: normal; }

span.h2 {
    font-size: 16px;
    line-height: 17px;
    font-weight: normal; }

h3 {
    font-size: 14px;
    line-height: 15px;
    margin: 0 0 7px;
    font-weight: normal; }

td h3 {
    margin-bottom: 0;
    padding: 3px 0; }

td{
    font-size: 11px; }

p {
    color: #000;
    font-size: 11px;
    line-height: 14px;
    margin: 0 0 8px 0; }

a       { text-decoration: none; color: #00659E; cursor: pointer; }
a:hover { text-decoration: underline; }

/*this div contains whole page for centering*/
#container {
    width: 744px;
    margin:0px auto;
    text-align:left;
    border:1px solid #0273b9;
    border-top: 0px;
    background-color: white; }

#mainbody {
    /* width: 100%; Note: Do *not* specify the width on this div - Hack for Firefox / IE rendering - See 'webparts/page_start.asp' for more info */
    padding: 12px;}

#masthead {
    background-color: white; }

#topmenu {
    text-align: center;
    text-transform: uppercase;
    background-color: #0273B9;
    color: #fff;
    font-size: 10px;
    line-height: 15px;
    padding: 4px 10px; }

#topmenu a { color: #fff; }

.submenu {
    border-top: 1px #008c93 solid;
    border-bottom: 1px #008c93 solid;
    color: #000;
    font-size: 10px;
    line-height: 15px;
    padding: 4px 10px 4px 0;
    margin-bottom: 12px; }

.submenu a {
    color: #000; }

.submenu a:hover {
    color: #cc3333; }

.leftfloat {
    float:   left;
    display: inline;
    width:   360PX; }

.leftfloat select {
    width: 360PX; }

.rightfloat {
    float: right;
    display: inline;
    width: 360PX; }

.rightfloat select {
    width: 360PX; }

#footer TD{
    color: white;
    background-color: #939498;
    padding: 2px 4px;
    font-size: 10px;
    border-top: 1px solid #0273b9; }

#footer TD a{
    color: white;
    text-decoration: underline;}

.red {
    color: #b61300; }

option, select, input {
    font-family: Arial, Verdana, Helvetica, sans-serif; }
 
.button {
    font-size:11px; }
 
.datatableheader TD.tablecaption{
    padding: 6px;
    font-size: 16px; }

/* Calendar */

    .calendarday{
        padding: 2px 4px; }

    .calendardaynumber{ 
        }

    .calendardayothermonth{
        background-color: #eee; }

    .calendardaytoday{
        background-color: #ff9; }

    table.daytable td{
        vertical-align: top;
        padding: 3px 0px 3px 0px; }

    table.daytable td.item{
        width: 100%; }

    table.daytable td.count{
        vertical-align: top;
        color: Gray; }



.error, .errortext{
    color: Red;
    font-size: 12px; }

.errorText{
    margin-bottom: 1em; }

.LinkBox {
    font-size: 12px; }

.ActionBar{
    border: 1px solid gray;
    background-color: aliceblue;
    padding: .4em .6em;
    margin-bottom: 1em;
}

.ActionBar a{
    margin-left: .5em;
    margin-right: .5em;
    white-space: nowrap;
}

table.formTable{
    border-collapse: collapse;
    }

table.FormTable TD{ 
    vertical-align: top;
    padding: 0px 4px 4px 0px;}

table.FormTable .label{
    white-space: nowrap;
    text-align: right;
    width: 120px;
}

table.FormTable .label SPAN{ 
    position: relative;
    top:3px;
}

x.FormTable INPUT,
x.FormTable SELECT{
    width: 100%; }

.hGutter{
    width: 16px;
    height: 1px;
}

.EditFrame, .ButtonRow{
    width: 100%;
    margin-bottom: .75em;
}

.EditFrameHalf{
    width: 380px; 
    margin-bottom: 12px;}
    
    
.datatableheader {
    background-color: #0273b9; }

.datatableheader TD{
    padding: 2px; }

.datatableheader TD,
.datatableheader A{
    font-size: 13px;
    color: White; }


TD.datatableheader{
    width: 100px;
    font-size: 11px;
    color: White; }

.OldLinkTabBar{
    background-color: aliceblue; }    

.OldLinkTabBar TD{
    border: 1px solid #99CCCC; }
    
.EvenRow{ background-color: #F8F8F8; }
.OddRow { background-color: white; }
.ActionArea { background-color: #C5FC9E; }


.resultsgrid{
    border-collapse: collapse;}

.resultsgrid .datatableheader TD{
    border: 1px solid #0000FF;}
    
.actionbutton{
    font-size:11px; 
    width: 80px;}
    
.logotable TD{
    text-align: center;
    vertical-align: middle;}    


.ScheduleList TD{
    padding-right: 8px; }
    
    
.ScheduleList TD.DateCell{
    font-weight: bold;
    padding-top: 4px; 
    padding-bottom: 4px; }


/* Results Grid */

    table.Results { 
        border-collapse: collapse;
        width: 100%; }

    table.results TD{
        padding: .2em .4em;
        border: 1px solid silver; }

    table.Results tr.HeaderRow td {
        background-color: #0273b9; }

    table.Results tr.EvenRow{ background-color: #F8F8F8; }
    table.Results tr.OddRow { background-color: white; }
    
    table.Results tr.grayRow{
        background-color: #eee; }
        
    table.Results tr.grayRow table TD{
        border-width: 0; }
    
    table.Results tr.footerRow TD{
        background-color: #eee; }

    table.Results tr.TotalsRow TD{
        background-color: #eee;
        font-weight: bold;
        font-size: .9em; }

    table.Results tr.HeaderRow td, 
    table.Results tr.HeaderRow td A{
        white-space: nowrap;
        color: white;
        font-weight: bold; }

    table.results td.FlagCol{
        text-align: center;
        width: 1%;
        font-weight: bold;}

    button.results{
        font-size:11px;
        width: 120px;
        margin: 0px 4px 4px 0px;
        padding: 0px; }

    table.results tr.headerrow td .StandardEditBox {
        font-size: 1em;
	    width: 100%; }

    table.results tr.headerrow td .AltEditBox {
        font-size: 1em; }


/* Filter Area */

    #filterArea{
        border: solid 1px #0273b9;
        margin-bottom: 4px;
        padding: 4px; }

    #filterArea button.results{
        margin: 0px 0px 4px 0px; }
        
    #filterArea .label{
        text-align: right; }

    #filterArea .label span{
        white-space: nowrap; }


/* Control Layout Table */

    table.ControlTable{
        margin: 0px;
        padding: 0px;
        border-collapse: collapse; }

    table.ControlTable td{
        margin: 0px;
        padding: 0px;
        vertical-align: middle; }
        
    .spring  { width:      100%;  }
    .numeric { text-align: right; }

    .FauxReadOnly{
        border: 0px solid transparent; }

/* BigInfo */

    table.BigInfoTable{
        border-collapse: collapse; }
        
    table.BigInfoTable TD{
        vertical-align: top;
        font-size: .8em;
        padding: 0px .5em .5em 0px; }

    table.BigInfoTable INPUT{
        font-size: 1.2em; }
        
    table.BigInfoTable TD.label,
    table.BigInfoTable TD.label INPUT{
        color: #0273b9;
        text-align: right; }

    table.BigInfoTable TD.field,
    table.BigInfoTable TD.field INPUT{
        font-weight: bold; }

    table.BigInfoTable TD.label,
    table.BigInfoTable TD.field{
        width: 50%; }

    


/* Field Table */

    table.fieldtable{
        border-collapse: collapse; }

    table.fieldtable TD.fieldLabel{
        border-width: 0;
        color:        #666;
        text-align:   right; 
        padding:      0 0.5em 0.2em 1em; }

    table.fieldtable TD.fieldData{
        border-width: 0;
        padding:      0 0em .2em 0; }


/* Layout Table */        

    table.layouttable{
        border-collapse: collapse; }

    table.layoutTable TD.layoutColumn{
        margin: 0;
        padding: 0;
        border-width: 0;
        vertical-align: top; }

    table.layoutTable TD.layoutGutter{
        width: 32px;
        height: 16px;
        margin: 0;
        padding: 0;
        border-width: 0; }

        
/* Tabbed Areas */


    /* Horizontal */
    table.HTabs{
        Width: 100%; }
    
    table.HTabs td.Tab,
    table.HTabs td.ActiveTab{
        cursor: pointer;
        padding: .4em .6em;
        text-align: center;
        white-space: nowrap; 
        background-color: #eee;
        border-left: solid 1px gray; 
        border-top: solid 1px gray; 
        border-bottom: solid 1px gray; }

    table.HTabs td.ActiveTab{
        background-color: white;
        border-bottom-width: 0; }
    
    table.HTabs td.TabGutter{
        width: 100%;
        border-left:   1px solid gray; 
        border-bottom: 1px solid gray; }    

    td.HTabContentArea{
        padding: 0 1em 1em 1em;
        vertical-align: top;
        border: solid 1px gray; 
        border-top-width: 0; }        
    
    td.HTabActionArea{
        padding: 1em 0 0 0; }        




    /* Vertical */
    table.VTabs{
        height: 100%;
        border-collapse: collapse;
    }
    
    table.VTabs td.Tab,
    table.VTabs td.ActiveTab{
        cursor: pointer;
        padding: 4px;
        text-align: right;
        white-space: nowrap; 
        border: solid 1px gray;
        background-color: #eee; 
        height: 32px; }
    
    table.VTabs td.ActiveTab{
        background-color: white;
        border-right: solid 1px white; }
    
    table.VTabs td.TabGutter{
        border-right: 1px solid gray; }    

    td.VTabContentArea{
        padding: 1em;
        width: 100%;
        vertical-align: top;
        border: solid 1px gray; 
        border-left-width: 0; }        
    
    td.VTabActionArea{
        padding: 1em 0 0 0; }        

        
/* Error-Related */

    div.fatalerror{
        color: Red;
        margin-bottom: 1em;
    }
    
/* Misc */

    div.PageLabelBox{
        margin-bottom: 8px; }
    
    td.htabcontentarea div.pagelabelbox{
        margin-top: 12px; }
    
    .PageLabel{
        color:       #333;
        white-space: nowrap;
        font-size:   12px;
        font-weight: bold; }
        
button.action{
    font-size: 1.1em; }


.resultsTableHeader{
    font-size: 1em; 
    margin-bottom: .5em; }

.important{
    text-transform: uppercase;
    font-weight: bold;
    color: Maroon; }
    
    
    
table.borderless,
table.borderless td{
    border-collapse: collapse;
    margin: 0;
    padding: 0; }


/* Common Columns */

    input.Quantity{
        width: 3em;
        text-align: center; }

    input.Price{
        width: 4em;
        text-align: right; }

    input.TotalPrice{
        width: 4em;
        text-align: right; }


/* Time/Date Selector (Make sure to match this with the values in the date picker js file in 'scripts') */

    table.timeselector td select{
        font-family: Tahoma;
        font-size:   11px; }

div.prompt{
    color: Maroon;
    font-weight: bold;
    font-size: 1.2em; 
    margin-bottom: 1em; }

#tbYesBox{
    font-weight: bold;
    text-align: center;
    width: 3em; }
    
    
.formLabel{
    color: #666; }
    
.missingData{
    color: Red; }
    
    
table.ButtonTable{
    border-collapse: collapse;
    margin: 0 0 6px 0; }

table.ButtonTable TD{
    margin: 0;
    padding: 0 4px 0 0;
    vertical-align: middle; }
    
    
table.fieldTable td.fieldData TD{
    padding: 0;
    margin: 0; }


table.tight{
    border-collapse: collapse;
    margin: 0;
    padding: 0; }

TD.tight,
table.tight TD,
table.tight TD.tight,
table.fieldTable TD.tight,
table.fieldTable TD.tight TD{
    border-width: 0;
    margin: 0;
    padding: 0; }