/*@import url("BrowserReset.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;
}

.ControlLabelPadding
{
	float: left;
	width: 100px;
}

.labelSpacing
{
	float: left;
	width: 175px;
}

.smallLabelSpacing
{
	float: left;
	width: 100px;
}

.smallestLabelSpacing
{
	float: left;
	width: 50px;
}

/*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;
}

.ControlPadRight
{
	padding-right: 1em;
	width: 115px;
}

/*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;
}

.imageContainer
{
	border: solid 1px;
	border-color: #00467F;
	width: 300px;
	height: 100px;
	margin: 3px;
	overflow: auto;
}

.logoContainer
{
	border: solid 1px;
	border-color: #00467F;
	width: 300px;
	height: 200px;
	margin: 3px;
	overflow: auto;
}

.diagramContainer
{
	border: solid 1px;
	border-color: #00467F;
	width: 450px;
	height: 300px;
	margin: 3px;
	overflow: auto;
}

/*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;
}
*/

#page
{
	margin: 10px 5px 10px 5px;
}

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

#emsTip
{
	padding: .2em;
	background-color: #efeee9;
}

.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;
}

/*IE 8 fix*/
.menuBackColor
{
	z-index: 100;
}

/*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: 4em;
	line-height: 6em;
	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;
	float: left;
}

.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;
}

.padBottomFull
{
	padding-bottom: 2em;
}

.padBottom
{
	padding-bottom: 1.6em;
}

/*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;
}

/*
.breakWord
{
      word-wrap:break-word;
      word-break:break-all;
}

*/
.TabContent
{
	height: 150px;
	overflow: auto;
	width: 75%;
}

.HeaderNavButtons
{
	float: left;
	padding: 0px 2px 0px 2px;
	cursor: pointer;
	height: 22px;
}

.HeaderNavButtonHighlight
{
	background-color: #C2E0FF;
}

.mt3
{
	margin-top: 3px;
}

.invoiced
{
	color: Red;
}

/*time picker*/
div.ui-timePicker
{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #000000;
	height: 200px;
	overflow: auto;
	position: absolute;
	width: 7em;
	z-index: 50000;
}

.ui-timePicker-trigger
{
	padding-left: .25em;
	cursor: pointer;
}

div.ui-timePicker ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.ui-timePicker li
{
	cursor: pointer;
	padding: 1px;
}

/*Phone Label picker*/
div.ui-phoneLabelPicker
{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #000000;
	height: 100px;
	overflow: auto;
	position: absolute;
	width: 8em;
	z-index: 99;
}

.ui-phoneLabelPicker-trigger
{
	padding-left: .25em;
	cursor: pointer;
}

div.ui-phoneLabelPicker ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.ui-phoneLabelPicker li
{
	cursor: pointer;
	padding: 1px;
}

.ui-phoneLabelPicker-Disabled
{
	width: 5em;
	background-color: #ebf2f4;
	border-bottom: medium none;
	border-left: medium none;
	border-top: medium none;
	border-right: medium none;
}

.ui-phoneLabelPicker-Enabled
{
	width: 5em;
	background-color: white;
	border: #7eacb1 1px solid;
}

.ui-phoneLablePicker-trigger
{
	float: left;
	margin-top: -13px;
	margin-left: 65px;
}

.dashboardLabel
{
	float: left;
	padding: 4px 0px 0px 4px;
	padding-top: 4px;
}

/*Main Menu Sprites*/

.sImg
{
	background: url(../Images/MainMenuSprite.png) no-repeat;
}
.fl
{
	float: left;
}
.px16
{
	width: 16px;
	height: 16px;
}
.bookImage
{
	background-position: -214px 0px;
}
.calendarImage
{
	background-position: -64px 0px;
}
.wizardImage
{
	background-position: 0px 0px;
}
.navigatorImage
{
	background-position: -197px 0px;
}
.browserImage
{
	background-position: -47px 0px;
}
.webReservationsImage
{
	background-position: -231px 0px;
}
.groupBrowserImage
{
	background-position: -146px 0px;
}
.emailImage
{
	background-position: -130px 0px;
}
.groupReservationImage
{
	background-position: -162px 0px;
}
.dashboardImage
{
	background-position: -96px 0px;
}
.dashboardImageAlert
{
	background-position: -112px 0px;
}
.checkInStatusImage
{
	background-position: -80px 0px;
}
.manageServicesImage
{
	background-position: -180px 0px;
}

/*Reservation Wizard Styles*/
.wMoveButtons
{
	padding-top: 75px;
	padding-left: 5px;
}
.wRightControlStyle
{
	float: right;
}
.wLabelSpacing
{
	float: left;
	width: 140px;
}
.wSmallLabelSpacing
{
	float: left;
	width: 50px;
}
.wSelectedDate
{
	background-color: #A3B52D;
}
.wDXOverride
{
	overflow: auto !important;
	height: 250px !important;
	width: 100% !important;
}
.wDXDropOverride
{
	/*overflow: auto !important;
	height: auto !important;*/
	width: 100% !important;
}
.wDXGridOverride
{
	overflow-x: visible !important;
	overflow-y: scroll !important;
}

.dxic input
{
	width: 100% !important;
}

td.dxic
{
	font-size: 9pt !important;
}

.wIsWeekend a:first-child
{
	color: #3399FF;
}
.wIsHoliday a:first-child
{
	color: #006400;
	text-decoration: underline;
}
.wIsClosed a:first-child
{
	color: #8B0000;
}
.wNextDay
{
	float: left;
	color: Gray;
	margin: 20px 0px 0px 10px;
}
/*.dxic input
{
	width: auto !important;
}*/

/* Reservation Book */
.pT
{
	margin-top: 5px;
}
.rH, .eH
{
	background-color: #6699FF !important;
	color: #FFFFFF !important;
}

.sR
{
	background-color: #808080 !important;
	color: #FFFFFF !important;
}
.bR
{
	color: #7999FA !important;
}
.rC
{
	margin-left: 15px;
	float: left;
}
.rB
{
	float: left;
	position: relative;
	height: 25px;
	background-color: #FFFFFF;
}
.tB
{
	float: left;
	position: relative;
	height: 29px;
	background-color: #FFFFFF;
}
.dR
{
	height: 15px;
	background-color: #FFFFFF;
	border-bottom: thin solid #D3D3D3;
}
.wR
{
	position: relative;
	border: thin solid #D3D3D3;
	cursor: pointer;
}
.eC
{
	color: #FFFFFF;
}
.gW
{
	float: left;
	position: relative;
	left: 0px;
	background-color: #D3D3D3;
}
.rLR
{
	margin-top: 10px;
}
.rRC
{
	position: relative;
	float: left;
	height: 550px;
	border-right: 2px solid #808080;
	overflow: hidden;
	z-index: 5000;
}
.rHF
{
	position: relative;
}
.tC
{
	position: relative;
	left: 252px;
	overflow: hidden;
}
.mS
{
	margin-top: -2px;
	z-index: 1200;
}
.sS
{
	margin-top: -2px;
	z-index: 450;
}
.mRS
{
	margin-top: 3px;
	z-index: 1150;
}
.sRS
{
	margin-top: 3px;
	z-index: 425;
}
#roomCount
{
	margin-left: 20px;
	float: left;
}
#roomHeader
{
	position: absolute;
	float: left;
	left: 0px;
	top: 0px;
	width: 250px;
	height: 45px;
	background-color: #FFFFFF;
}
#bookContainer
{
	overflow: auto;
	background-color: #D3D3D3;
	margin-left: 252px;
}
#roomHTMLData
{
	position: relative;
	float: left;
	z-index: 5000;
}
#rowsHTMLData
{
	position: absolute;
}
.Sample
{
	color: #115ea6;
}


.ml5
{
	margin-left: 5px;
}

.dp
{
	cursor: default;
}

.pc
{
	cursor: pointer;
}

.dateBoxStyle
{
	width: 300px;
}

.flip
{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

textarea
{
	line-height: inherit !important;
}


div .clear .break:after
{
	margin-bottom: 10px;
}
.blueLabel
{
	color: #3399FF;
}



div.time-picker {
  position: absolute;
  height: 191px;
  width:6em; /* needed for IE */
  overflow: auto;
  background: #fff;
  border: 1px solid #aaa;
  z-index: 99;
  margin: 0;
}
div.time-picker-12hours {
  width:8em; /* needed for IE */
}

div.time-picker ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.time-picker li {
  cursor: pointer;
  height: 10px;
  font: 12px/1 Helvetica, Arial, sans-serif;
  padding: 4px 3px;
}
div.time-picker li.selected {
  /*background: #0063CE;
  color: #fff;*/
}