﻿@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; }

/*dark blue color that is on menu, and heading*/
.primaryDarkColor, caption, .blueButton, .groupByRadioBackgroundColor, .DateRow
{
    background-color:#00703c;
}
.menuBackColor, #MenuContainer td
{
    background-color: black;
}

/*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:#fbefac;
}

.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:#00703c;
    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: #000000;
}

.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: #fbefac;
    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;
}

/********************browseevents.css********************/
.notCurrentMonthCell
{
    background-color:#cce0d4;
}

.todayCell
{
    background-color:#fbefac;
    border:2px solid #00703c;
}

.calendarHoliday
{
    display: block;
    /*background-color: #F0F9F9;*/
    color: red;
}
.gridHolidays
{
     display: block;
    color: red;
    font-size:.8em;
}
li.calendarEvent
{
    padding-bottom:1em;
    padding-left:0em;
}

/********************default.aspx********************/
.CalendarMenu1
{
	background-color: #00703c;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: 700;
	text-align: center;
	padding:0px;
	border: 1px;
	border-style: solid;
	border-color: #133b0a;
}
.CalendarMenu2
{
	background-color: #fbefac;
	color: #133b0a;
	font-size: 10pt;
	font-weight: 700;
	text-align: center;
	padding:0px;
	border: 1px;
	border-style: solid;
	border-color: gray;
}
a.MasterCalendarLink
{
	color: #ffffff;
	text-decoration: none;
	font-size: 10pt;
}

/******************* browserreset.css ************************/
a,a:link,a:visited,a:active
{
 color: #133b0a;
 text-decoration:none;
 }
a:hover
{	color: red;

}


/******************* changes made directly in bookpositioning.css ************************/

/******************* changes made directly in modal.css ************************/

/******************* calendar.css sent from DEA ************************/


/*
Style sheet for the pop up calender...
Not used anywhere else but the popup calendar
*/


/*table container for entire calendar */
.CalendarContainer
{
    background-color: #93b89b;
    border:solid 1px #133b0a;

}

/*  DIV containing table container for entire calendar...DONT CHANGE*/
.CalendarDiv 
{
	z-index: +999;
	position: absolute;
	visibility: hidden;
}

/*  calendar title (month and year columns).*/
.CalendarTitle
{
    padding: 2px;
	font-size: 11px;
    color: #FFFFFF;
	font-family: arial;
}

/* Normal appearance of controls in calendar title. */
/* Note: The right, left and down icons are images, which must be edited if you need to change them. */
.CalendarTitleControlNormal
{
    border: #00703c 1px solid;
    font-size:11px;
}

/* Moused-over appearance of controls in calendar title. */
.CalendarTitleControlActive 
{
    border: #fbefac 1px solid;
	cursor: pointer;
	font-size:11px;
}

/*drop down lists (month and year). */
.CalendarDropdownNormal
{
    border: #a0a0a0 1px solid;
	font-size: 11px;
	cursor: pointer;
	font-family: arial;
	background-color: #fbefac;
}

/* selected (mouse-over) item in drop down lists (month and year). */
.CalendarDropDownItemActive {
	background-color: #fbefac;
}

/* Default attributes unselected (mouse-off) item in drop down lists (month and year). */
.CalendarDropDownItemNormal  {
	background-color: #fbefac;
}

/* calendar body (weekday titles and numbers). */
.CalendarBody {
	padding: 5px;
	background-color: #ffffff;
	font-family: verdana; 
	font-size: 10px;
}

/* Attributes of current day in calendar body. */
.CalendarCurrentDay {
	color: #F22340;
	font-weight: bold;
	text-decoration: none;
}

/* end-of-week days (Sundays) in calendar body. */
.CalendarEndWeekday {
	color: black;
	text-decoration: none;
}

/* Attributes of all other days in calendar body. */
.CalendarNormalDay{
	color: black;
	text-decoration: none;
}

/* Attributes of border around selected day in calendar body. */
.CalendarSelectedDay  
{
    border: #E1E5B8 1px solid;
}

/* Default attributes of designated holidays. */
.CalendarHoliday {
	background-color: #fbefac;
}

/* today display at bottom on calendar */
.CalendarToday {
	padding: 0px;
	color: black;
	background-color: #cce0d4;
	text-align: center;
	text-decoration: none;
}


