@media screen
{
	html, body
	{
		height : 100%; 
	}

	body
	{
		height : 100%;
		background-color : white;
		margin : 0px 0px 0px 0px;
		padding : 0px 0px 0px 0px;
	}

	body, table
	{
		font-family : Verdana;
		font-size : 11px;
	}

	.CmsSubHeading
	{
		font-size : 12px;
		font-weight : bold;
		color : Black;
	}

	.bttn
	{
		BORDER-LEFT: #c4ebeb 1px solid;
		BORDER-TOP: #c4ebeb 1px solid;
		BORDER-RIGHT: #33cccc 1px solid;
		BORDER-BOTTOM: #33cccc 1px solid;
		COLOR: black;
		BACKGROUND-COLOR: #c4ebeb;
	}

	.bttn2
	{
		color: #000000; 
		background-color: #B0E495; 
		border: 1px solid #336633; 
		font-weight: bold;
		font-size : 10px;
	}



	a.bttn2
	{
		color: black !important;
		background-color: #B0E495; 
		border: solid 1px #336633; 
		font-weight: bold;
		padding : 1px 4px 1px 4px;
		font-size : 10px !important;
		line-height : 20px;
	}

	.bttn:disabled
	{
		color : gray;
	}

	.bttn:hover
	{
		BACKGROUND-COLOR: #29c2c2;
	}

	.bttn:disabled:hover
	{
		background-color : #c4ebeb;
	}

	fieldset legend
	{
		color : #7A7A7A;
		font-size : 12px;
		font-weight : bold;
	}

	table caption
	{
		caption-side : top; 
		text-align : left;
		font-weight : bold;
		font-size : 11px;
	}

	.Border
	{
		border : solid 1px lightgray;
	}

	table thead
	{
		font-weight : bold;
		background-color : #d5f2f2;
	}

	table tbody tr.InactiveRow
	{
		color : Silver;
	}

	table tbody tr.SelectedRow
	{
		background-color : #d5f2f2;
	}

	table tbody tr.AltRow
	{
		background-color : #e6f7f7;
	}


	table.GenericSearchResults
	{
		border-collapse : collapse;
		width : 100%;
	}

	table.GenericSearchResults thead
	{
		font-weight : bold;
		background-color : #c4ebeb;
	}

	table.GenericSearchResults tbody tr:hover
	{
		background-color : #e6f7f7;
	}

	table.GenericSearchResults td
	{
		border : solid 1px silver;
		padding : 2px;
	}

	.QuoteDataEntryPanel
	{
		float : left;
		width : 600px; 
	}

	.QuoteCommentSectionPanel
	{
		float : left;
		width : 350px;
	}

	.QuotePanelDivider
	{
		height : 250px; 
		width : 1px; 
		background-color : black; 
		float : left;
	}

	.cursorHand
	{
		cursor : hand;
	}

	a, a:hover, a:visited
	{
		color : #009999;
		font-weight : bold;
		text-decoration : none;
	}



	.HighlightedText
	{
		color : #009999;
	}

	.GradingTypeText
	{
		color : #33cccc;
		font-weight : bold;
	}

	.SmallPrint
	{
		color : Gray;
		font-size : 10px;
	}

	.GuestVerified
	{
		color : #FF6600;
	}

	.GuestRatingText
	{
		color : #70AF4C;
		font-weight : bold;
	}

	.tblGuestRating
	{
		display : inline;
		background-color : white;
		padding : 0px 0px 0px 0px;
		margin : 0px 0px 0px 0px;
		border-collapse : separate;
		border-spacing : 1px;
	}

	.tdGuestRatingEnabled
	{
		background-color : #7ABF53;
		width : 10px;
		height : 10px;
	}

	.tdGuestRatingDisabled
	{
		background-color : #ececec;
		width : 10px;
		height : 10px;
	}

	.OldPrice
	{
		color : Gray;
		text-decoration : line-through;
	}

	.CurrentPrice
	{
		color : #b30000;
		font-size : 14px;
		font-weight : bold;
	}

	.BookingStepPromoText
	{
		font-size : 14px;
		font-weight : bold;
		color : #7A7A7A;
	}

	.LowPriceGuarantee
	{
		padding :2px 2px 2px 2px;
		position : absolute; 
		top : 0px; 
		left : 0px; 
		width: 140px; 
		color : white; 
		font-weight : bold; 
		font-size : 9px; 
		background-color : green; 
		opacity : 0.8;
		border-bottom-right-radius : 5px;
	}


	.BreadCrumb
	{
		color : #009999;
	}

	#divContainer
	{
		margin-left : auto;
		margin-right : auto;
		width : 982px !important;
		width : 987px;	/* ie6 bug */
		padding: 0px 0px 0px 0px;
	}

	#divContainerAdmin
	{
		margin-left : 10px;
		width : 982px !important;
		width : 987px;	/* ie6 bug */
		padding: 0px;
	}


	#PopupContainer
	{
		margin : 0px;
		padding : 0px 10px 10px 10px;
	}

	#divContent
	{
		float : left;
		width : 650px;
		height : 100%;
		background-color : white;
		padding : 0px 10px 0px 0px;
	}

	#divRightNav
	{
		float : left;
		width : 320px;
		background-color : #e6f7f7;
		height : 100%;
		min-height : 350px;
	}

	#divPageFooter
	{
		clear : both;
		color : #009999;
	}

	.PaddingLeftRight
	{
		padding : 0px 5px 0px 5px;
	}

	.PaddingAll
	{
		padding : 7px 7px 7px 7px;
	}



	ul.NoIndent
	{
		margin : 0px;
		padding-left : 15px;
	}
	
	ul.NoIndent li
	{
		padding-left : 0px;
		margin-left : 0px;
	}
	

	.ErrorMessage
	{
		color : red;
	}

	.WarningMessage
	{
		color : red;
		font-weight : bold;
	}

	.DarkRed
	{
		color : #b30000;
		font-weight : bold;
	}

	.Special
	{
		color : #b30000;
		font-weight : bold;
	}

	.SpecialRate
	{
		color : #b30000;
		font-weight : bold;
		font-size : 14px;
	}

	.FinePrintMessage
	{
		font-size : 8px;
	}

	.PhotoHolder
	{
		width : 210px;
		height : 157px;
	}

	.PhotoBGColor
	{
		background-color : #f7f7f7;
	}



	.LightBGColor
	{
		background-color : #d5f2f2;
	}


	.LightestBGColor
	{
		background-color : #e6f7f7;
	}


	.DarkBGColor
	{
		background-color : #c4ebeb;
	}


	div.ScrollBox
	{
		min-height : 20px; 
		max-height: 80px; 
		overflow-x : hidden; 
		overflow-y : auto;
	}

	div.ScrollBoxLatestNews
	{
		border : solid 1px gray;
		padding : 5px;
		min-height : 60px; 
		max-height: 140px; 
		overflow-x : hidden; 
		overflow-y : auto;
	}



	.ScrollBoxMiniCalendar
	{
		overflow-y : auto; 
		overflow-x:hidden; 
		min-height : 62px; 
		max-height : 110px; 
		padding : 2px;
	}


	div.SearchResultHeader
	{
		padding : 3px 0px 3px 10px;
		font-weight : normal;
		text-transform : uppercase;
		vertical-align : top;
	}

	div.SectionHeader
	{
		padding : 6px 5px 6px 9px;
		font-weight : bold;
	}


	.UpperCase
	{
		text-transform : uppercase;
	}

	.Bold
	{
		font-weight : bold;
	}

	.NotBold
	{
		font-weight : normal;
	}

	.Capitalize
	{
		text-transform : capitalize;
	}

	.LowerCase
	{
		text-transform : lowercase;
	}

	.Underline
	{
		text-decoration : underline !important;
	}

	.DashedLine
	{
		border-top : dashed 1px #009999;
		height : 1px;
		overflow : hidden;
	}

	.KeyLine
	{
		background-color : #D5F2F2;
		height : 1px;
		overflow : hidden;
	}

	img.hidden
	{
		display : none;
	}

	td img
	{
		vertical-align : bottom ;
	}

	img
	{
		border : 0px;
		padding : 0px;
		margin : 0px;
	}

	.spacer1px
	{
		height : 2px;
		overflow : hidden;
	}

	.spacer2px
	{
		height : 2px;
		overflow : hidden;
	}

	.spacer3px
	{
		height : 3px;
		overflow : hidden;
	}

	.spacer6px
	{
		height : 6px;
		overflow : hidden;
	}

	.spacer9px
	{
		height : 9px;
		overflow : hidden;
	}


	.spacer12px
	{
		height : 12px;
		overflow : hidden;
	}

	.spacer18px
	{
		height : 18px;
		overflow : hidden;
	}

	.vSpacer5px
	{
		float : left;
		width : 5px;
		height : 5px;
	}


	table.tblSearchPropertySummary
	{
		width : 100%;
	}


	table.tblSearchPropertySummary .SearchResultLocation
	{
		color : #009999;
	}

	table.tblRatesPopup
	{
		border-style : none;
		border-collapse : collapse;
	}

	table.tblRatesPopup thead td
	{
		border : solid 1px #c4ebeb;
	}

	table.tblRatesPopup tbody td
	{
		border : solid 1px #c4ebeb;
	}



	table.tblRollingCalendar
	{
		table-layout : fixed;
		border-collapse : collapse;
	}

	table.tblRollingCalendar td
	{
		border : solid 1px black;  
		text-align : center;
		padding : 1px;
	}



	/* headings */
	h1
	{
		margin-top : 5px;
		font-size : 14px;
		font-weight : bold;
		color : #7A7A7A;
	}

	h1.EstablishmentName
	{
		display : inline;
	}

	h2
	{
		font-size : 12px;
		font-weight : bold;
		margin : 0px;
	}
	
	
	.GrayHeading
	{
		color : #7F7F7F;
		font-size : 14px;
		font-weight : bold;
	}

	a.EstablishmentName
	{
		font-size : 13px;
		font-weight : bold;
		color : #7A7A7A;
	}


	/* form elements */

	form
	{
		padding : 0px;
		margin : 0px;
	}

	input, select, optgroup, textarea
	{
		font-size : 10px;
		font-family : Verdana;
	}


	input[type="text"]
	{
		padding-left : 1px;
	}
	
	input.BorderLess
	{
		border : none 0px white;
	}

	.button
	{
		border : #c4ebeb 1px solid;
		font-family: verdana, sans-serif;
		background-color : #e6f7f7;
		font-size: 11px;
		width : 30px;
	}

	.buttonOver
	{
		border : silver 1px solid;
		font-family: verdana, sans-serif;
		font-size: 11px;
		background-color :#c4ebeb;
		width : 30px;
	}


	.readOnly
	{
		background-color : #ebebe4;
	}

	.Visible
	{
		display : block;
	}

	.Hidden
	{
		display : none;
	}


	.CenterJustify
	{
		text-align : justify;
	}
	.RightAlign
	{
		text-align : right;
	}

	.SeasonAssigned
	{
		background-color : Green;
	}

	.NoSeasonAssigned
	{
		background-color : lightgrey;
	}

	/* Availability status colors */
	.Available
	{
		background-color : lightgreen;
	}
	.Booked
	{
		background-color : red;
	}
	.Pending
	{
		background-color : orange;
	}
	.OnRequest
	{
		background-color : lightblue;
	}
	.BlockedOut
	{
		background-color : silver;
	}
	.OtherMonth
	{
		color : lightgray;
	}
	.WeekEnd
	{
		color : gray;
	}


	.BookedOutSearchMessage
	{
		font-size : 9px;
		font-weight : bold;
		color : Red;
	}

	.AvailabilityCalendar, .AvailabilityCalendar table
	{
		font-size : 11px;
	}

	td.TotalLine
	{
		border-top : solid 1px black;
	}


	/* start of treeview css */
	.treeview 
	{
		line-height: 16px;
		cursor: pointer;
		font-style: normal;
		padding : 0px;
	}
	.treeview li
	{
		/* The padding is for the tree view nodes */
		padding: 0 0 0 11px;
		float: left;
		width: 115px;
		list-style: none;
	}

	.treeview li li
	{
		width : 100px;
	}

	.treeview li a
	{
		color : black;
		font-weight : normal;
		font-family : Verdana;
		font-size : 11px;
	}

	.treeview li li li
	{
		/* The padding is for the tree view nodes */
		padding: 0 0 0 0px;
		float: left;
		width: 98px;
		list-style: none;
	}


	.treeview, .treeview ul{
		margin: 0;
		padding: 0;
	}
	li.Expanded {background: url(../images/TreeView/minus.gif) no-repeat 0px 4px;}
	.treeview li li li.Expanded {background : none;}  /*hide 3rd level image */
	li.Expanded ul{display: block;} 

	li.Collapsed {background: url(../images/TreeView/plus.gif) no-repeat 0px 4px;}
	.treeview li li li.Collapsed {background : none;}		/*hide 3rd level image */
	li.Collapsed ul{display: none;}

	.Highlighted{color: red;}
	.AlternateHighlight{color: blue;}

	/* end of treeview css */
	


	/* auto suggest start */
	
	.asbMenu 
	{
		border: 1px solid lightblue;
		background: #ffffff;
		position: absolute;
		padding: 5px;
		white-space: nowrap;
		z-index: 1000;
	}

	.asbMenuBase
	{
		position: absolute;
		z-index: 1000;
	}

	.asbMenuItem
	{			
		color: #009999;
		background: #ffffff;
		cursor: hand;
		cursor: pointer;
	}

	.asbSelMenuItem
	{			
		color: #009999;
		background: #e6f7f7;
		cursor: hand;
		cursor: pointer;
		white-space: nowrap;
	}

	/* auto suggest end */




	/*tabs start */
		/* http://www.dynamicdrive.com/style/csslibrary/item/css-tabs-menu/ */

		.basictab{
		padding: 3px 0px;
		margin-left: 0px;
		font: bold 12px Verdana;
		border-bottom: 1px solid silver;
		list-style-type: none;
		text-align: left; /*set to left, center, or right to align the menu as desired*/
		}

		.basictab li{
		display: inline;
		margin: 0px;
		}

		.basictab li a{
		text-decoration: none;
		padding: 3px 7px;
		margin-right: 3px;
		border: 1px solid gray;
		border-bottom: none;
		background-color: #ffffff;
		color: #2d2b2b;
		}

		.basictab li a:visited{
		color: #2d2b2b;
		}

		.basictab li a:hover{
		background-color: #c4ebeb;
		color: black;
		}

		.basictab li a:active{
		color: black;
		}

		.basictab li.selected a{ /*selected tab effect*/
		position: relative;
		top: 1px;
		padding-top: 4px;
		background-color: #c4ebeb;
		color: black;
		}
		
		/* tab ends */

}


@media print
{
	html, body
	{
		height : 100%; 
	}

	body
	{
		height : 100%;
		background-color : White;
		margin : 0px 0px 0px 0px;
		padding : 0px 0px 0px 0px;
	}

	.bttn
	{
		BORDER-LEFT: #c4ebeb 1px solid;
		BORDER-TOP: #c4ebeb 1px solid;
		BORDER-RIGHT: #33cccc 1px solid;
		BORDER-BOTTOM: #33cccc 1px solid;
		COLOR: black;
		BACKGROUND-COLOR: #c4ebeb;
	}

	.bttn:disabled
	{
		color : gray;
	}

	.bttn:hover
	{
		BACKGROUND-COLOR: #29c2c2;
	}

	.bttn:disabled:hover
	{
		background-color : #c4ebeb;
	}

	body, table
	{
		font-family : Verdana;
		font-size : 11px;
	}

	table caption
	{
		caption-side : top; 
		text-align : left;
		font-weight : bold;
		font-size : 11px;
	}

	table thead
	{
		font-weight : bold;
		background-color : #e6f7f7;
	}

	table.GenericSearchResults
	{
		border-collapse : collapse;
		width : 100%;
	}

	table.GenericSearchResults thead
	{
		font-weight : bold;
		background-color : #c4ebeb;
	}

	table.GenericSearchResults tbody tr:hover
	{
		background-color : #e6f7f7;
	}

	table.GenericSearchResults td
	{
		border : solid 1px silver;
		padding : 2px;
	}

	a, a:hover, a:visited
	{
		color : #009999;
		font-weight : bold;
		text-decoration : none;
	}


	#divContainer
	{
		margin-left : auto;
		margin-right : auto;
		width : 975px;
		padding: 0px;
	}


	#PopupContainer
	{
		margin-left : auto;
		margin-right : auto;
		width : 400px;
		padding: 0px;
	}


	#divLeftNav
	{
		float : left;
		width : 125px;
		height : 100%;
		background-color : #e6f7f7;
		display :  none;
	}


	#divContent
	{
		float : left;
		width : 640px;
		height : 100%;
		background-color : white;
		padding : 0px 10px 0px 10px;
	}

	#divRightNav
	{
		float : left;
		width : 190px;
		background-color : #e6f7f7;
		height : 100%;
		display : none;
	}

	#divPageFooter
	{
		clear : both;
		color : #009999;
	}


	.PaddingLeftRight
	{
		padding : 0px 5px 0px 5px;
	}

	.PaddingAll
	{
		padding : 7px 7px 7px 7px;
	}


	.ErrorMessage
	{
		color : red;
	}


	.LightBGColor
	{
		background-color : #d5f2f2;
	}


	.LightestBGColor
	{
		background-color : #e6f7f7;
	}


	.DarkBGColor
	{
		background-color : #c4ebeb;
	}


	div.SearchResultHeader
	{
		padding : 1px 5px 1px 8px;
		font-weight : normal;
		text-transform : uppercase;
	}

	div.SectionHeader
	{
		padding : 6px 5px 6px 9px;
		font-weight : bold;
	}


	.UpperCase
	{
		text-transform : uppercase;
	}

	.Bold
	{
		font-weight : bold;
	}

	.NotBold
	{
		font-weight : normal;
	}


	.DashedLine
	{
		border-top : dashed 1px #009999;
		height : 1px;
		overflow : hidden;
	}

	.KeyLine
	{
		background-color : #D5F2F2;
		height : 1px;
		overflow : hidden;
	}


	img.hidden
	{
		display : none;
	}



	td img
	{
		vertical-align : bottom ;
	}


	img
	{
		border : 0px;
		padding : 0px;
		margin : 0px;
	}


	.spacer2px
	{
		height : 2px;
		overflow : hidden;
	}

	.spacer3px
	{
		height : 3px;
		overflow : hidden;
	}

	.spacer6px
	{
		height : 6px;
		overflow : hidden;
	}

	.spacer12px
	{
		height : 12px;
		overflow : hidden;
	}

	.spacer18px
	{
		height : 18px;
		overflow : hidden;
	}


	table.tblSearchPropertySummary
	{
		width : 100%;
	}


	table.tblSearchPropertySummary .SearchResultLocation
	{
		color : #009999;
	}




	table.tblRollingCalendar
	{
		table-layout : fixed;
		border-collapse : collapse;
	}

	table.tblRollingCalendar td
	{
		border : solid 1px black;  
		text-align : center;
		padding : 1px;
	}




	/* headings */
	h1
	{
		font-size : 11px;
		font-weight : bold;
		margin : 0px;
	}

	h2
	{
		font-size : 10px;
		font-weight : bold;
		margin : 0px;
	}



	/* form elements */

	form
	{
	padding : 0px;
	margin : 0px;
	}

	input, select, optgroup, textarea
	{
	font-size : 10px;
	font-family : Verdana;
	}


	input[type="text"]
	{
	padding-left : 1px;
	}



	.button
	{
	border : #c4ebeb 1px solid;
	font-family: verdana, sans-serif;
	background-color : #e6f7f7;
	font-size: 11px;
	width : 30px;
	}

	.buttonOver
	{
	border : silver 1px solid;
	font-family: verdana, sans-serif;
	font-size: 11px;
	background-color :#c4ebeb;
	width : 30px;
	}




	.readOnly
	{
	background-color : #ebebe4;
	}



	.Visible
	{
	display : block;
	}

	.Hidden
	{
	display : none;
	}


	.CenterJustify
	{
	text-align : justify;
	}


	/* Availability status colors */
	.Available
	{
	  background-color : lightgreen;
	}
	.Booked
	{
	  background-color : red;
	}
	.Pending
	{
	  background-color : orange;
	}
	.Unknown
	{
	  background-color : lightblue;
	}
	.BlockedOut
	{
	  background-color : silver;
	}
	.OtherMonth
	{
	  color : lightgray;
	}


	.DontPrint
	{
	display : none;
	}


}
