@import url("BrowserReset.css");
@import url("Tabs.css");
 
 
/***** Global Classes *****/
 th{ text-align:left;}
.clear{ clear:both; }
.float{ float:left; }
.floatRight   { float:right; }
.block{ display:block;}
.inline{ display:inline;}
.bold{ font-weight:bold; }
.img-left { float:left;margin:4px 4px 4px 0; }
.img-right { float:right;margin:4px 0 4px 4px; }
a { cursor:pointer; }

/*dark blue colr that is on menu, and heading*/
.primaryDarkColor, .menuBackColor, #MenuContainer td, caption, .blueButton, .DateRow, .groupByRadioBackgroundColor
{
    background-color:#00467F;
}
/*same color as menu, just on borders...should probalby always match above color*/
.primaryDarkColorBorder, .blueButton, .DateRow, .banner, .bannerBorder
{
    border-color:#00467F;
}

/*color of grouping row in a table*/
.groupingRowColor, .groupingRow
{
    background-color:#F0F9F9;
}

/*color of table column headings*/
.lightTintOfPrimaryDark, th, .banner
{
    background-color:#B9C5DC;
}

.banner, .bannerBorder
{
    clear:both;
	padding: 3px;
    border: solid 1px;
}

/*color of mouse over highlights*/
.highlightColor, .selectedColor
{
    background-color:#e2eaef;
}

h3
{
    clear:both;
    margin-bottom:0px;
    display:block;
    background-color:Silver;
    padding:.1em;
    font-size:1.1em;
}

.headerSize, caption, .OnDateLabel
{
     font-size:1.25em;
}

.groupingRow
{
    font-size:1em;
}

#page td
{
    padding-top:.2em;
    padding-bottom:.2em;
}

#leftColumn, .dragBox, .filters, #emsTip
{
    padding:.2em;
    border:2px groove #eaeaea;
    background-color:#eaeaea;
}


.menuHover
{
    background-color:#AFBC21;
    color: White;
}

/*Style for links in the menu*/
#MenuContainer a, #MenuContainer a:visited
{
    color:White;
}


.WelcomeMsg
{
    color:White;
    padding-right:.5em;
    line-height:1.6em;
}

/*our footer text*/
.footer
{
	font-family: Tahoma;
	font-size: smaller;
	color: #225d92;
}

/*
    We make extensive use of callbacks, this is the border and color of the div
    that appears durning the callback
*/
.callbackStatus
{
    border:black thin solid;
    background-color: #fff8dc;
}

/*We make heavy use of callbacks...This is our loading div, that shows up */
div#CallbackStatus
{
    position:fixed;
    clear:both;
    margin-top:.4em;
    padding:.5em;
    width:12em;
}



/*All required asterisks (by labels, not the ones by the boxes) show in this color */
.requiredAsterisk { color:Red;}

/*Center the footer at the bottom of the page*/
#FooterContainer
{
	clear:both;
	margin-top:8em;
	bottom:1%;
	width: 100%;
	text-align: center;
}

/*Places the Application title at the top of the page in the center of its space*/
#HeaderContainer h1
{
    margin-top:5em;
    margin-left:auto;
}

/*The Text that is centered about the menu*/
.ApplicationTitle
{
	color: #225d92;
}

.BookingTip
{
    background-color: #EFEEE9;
}

.groupingRow
{
    font-weight:bold;
    padding-top:.4em;
    padding-bottom:.4em;
    vertical-align:middle;
}

.tipLabel
{
    font-weight:600;
}

.containerImage
{
    margin-top:1.5em;
}


/*This is the Heading for tables*/
caption
{
    color:white;
    padding:.1em;
}

/*Refers to the text on the bar of the boxes*/
legend
{
    color:#225d92;
}


/*color of the time drop down*/
.timeDDActive
{
    background-color: #b9c5dc;
    white-space:nowrap;
}
/*color of a selected row in the time drop down*/
.timeDDSelected
{
    font-weight:bold;
    font-size:1em;
}
/*color of the drop down normally*/
.timeDDNormal
{
    background-color:#FFeed1;
    white-space:nowrap;
}
/*the box around the time drop down*/
.timeDrop
{
    background-color: #FFeed1;
    border-right: thin solid;
    border-top: thin solid;
    border-left: thin solid;
    border-bottom: thin solid;
    z-index:50;
}
/*the color of the link*/
#timeDrop a
{
    color:Black;
}
/*the width of the time box*/
.timebox
{
    width:75px;
}

.padLeft
{
    padding-left:.4em;
}

/*Heavily used, takes us down a row in the display with a little padding on the top*/
div.row
{
	clear: both;
	padding-top: .1em;
}

.padBoth
{
    margin-top: .4em;
    margin-bottom: .4em;
}



/*Centers our label that the system uses to rely messages to the user*/
.outMessage, .center
{
	width: 100%;
	text-align: center;
}

/*
If a control (or label) is assigned an Access Key, this will underline the key letter in the word 
(assuming the letter is found in the label)
*/
span.ak
{
    text-decoration:underline;
}



/*content of the tab control*/
.content
{
	border: 1px solid #225d92;
	z-index: 2;
}


/*Our scolling class for the book*/
@media screen
{
    /*Centers the header (things above the menu) at the top of the page*/
    .HeaderContainer
    {
        clear:both;
	    width: 100%;
	    text-align:center;
    }
}
@media Print
{
    .HeaderContainer, .tabsContainer, #MenuContainer
    {
        display:none;
    }

}

/*class applied to tool tip container*/
.toolTipSize
{
    padding:.2em;
}

/*used for page options*/
ul.noMargin
{
    margin: 0px;
    padding: 0px;
}
/*used for page options*/
li.smallIndent
{
    margin-left: 1em;
    padding: 0px;
}

.hide
{
    display:none;
}

#emsTip
{
    position: absolute;
    padding: 2px;
    visibility: hidden;
    z-index: 100;
}

.dragBox
{
    position: absolute;
    overflow: hidden;
    padding-left: 1em;
    z-index:50;
}

.inputMargin
{
    margin:.3em;
}


.timeImage
{
    margin:.2em;
}

.blueButton
{
    color:White;
}

/*LocationDetails.aspx key value width*/
.keyLabelLDLeft
{
   width:20em;
}

div#filterContainer
{
    border: 1px solid #800000;
    padding-left: 1em;
    padding-bottom: 1em;
    overflow: hidden;
    z-index:10;
}


 .altRowBackColor
{
    background-color: #F0F9F9;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}

.soLegend
{
    font-weight:bold;
}


.padRight
{
    padding-right:.4em;
}

.padToTab
{
    padding-top:8px;
}

.siIndent
{
    padding-left:2em;
}