﻿/*-- Groups Responsive Styles --*/
	body { FONT-FAMILY: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif; background: #FFF; FONT-SIZE: 10pt; COLOR: #00182C; margin-top: 10px; margin-left:0px; margin-right:0px; }
	h1 { FONT-WEIGHT: bold; FONT-SIZE: 16pt; COLOR: #344282; TEXT-DECORATION: none; MARGIN: 0px 0px 7px 0px } 
	h3 { FONT-WEIGHT: normal; FONT-SIZE: 13pt; color: #009966; MARGIN: 0px 0px 7px 0px }
	input, select, textarea { FONT-FAMILY: "Roboto", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; font-weight: normal; FONT-SIZE: 12px; color: #666; margin: 0px; padding: 0px; }
	select { height:20px; }
	p { font-size: 12pt; }

	.DotLine { background: url('../../Images/DotLine.gif') repeat-x #ffffff; display: block; width:100% }
	.GreyForm { background: #eee; padding: 10px; margin: 0px; } 
	.HelpText { TEXT-DECORATION: none; FONT-SIZE: 8pt; COLOR: #777; MARGIN: 0px 0px 0px 0px; }
	a.HelpText { TEXT-DECORATION: underline; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #777; }
	a:hover.HelpText { TEXT-DECORATION: none; }

/*-- Page --*/
	#FullPage { width:95%; margin-left:auto; margin-right:auto; padding-left: 5px; padding-right: 5px; display:block; }
	#ClippedPage { width:95%; max-width: 950px;  margin-left:auto; margin-right:auto; padding-left: 5px; padding-right: 5px; display:block; }

/*-- Blocks --*/
	#GroupSearch { padding:0px; }

/*-- Tabs --*/
	#TabHolder { margin :0 auto;  display:block; }
	#tabs { font-size: 10pt; }
	#tabs ul { list-style: none; PADDING: 0px 0px 0px 0px;	MARGIN: 0px 0px 0px 0px; }
	#tabs li { float: left;	margin: 0; margin-right: 5px; }
	#tabs a { text-decoration: none; display: block; PADDING: 7px 7px 7px 7px; color: black; text-align: center; }
	#tabs a:hover { }
	#tabs .selected { background: #EEE; border-color: #DDD; top: 1px; border-top: 3px solid #61a1d8; border-bottom: 0px; }
	#tabs .selected a {	position: relative;	top: 0px; background: #EEE; color: black; font-weight: bold; }
	#tabs .unselected { border-color: #DDD; top: 1px; border-top: 3px solid #bbb; background: #DDD; }	
	#tabs #filler {	width: 100%; }

/*-- Buttons - old orange:#f6b33d --*/
	.btnPrimary { text-transform: uppercase; FONT-FAMILY: "Roboto"; background: #61a1d8; border: solid 1px #61a1d8; color: #fff; font-size:15px; font-weight:bold; font-style:normal; padding: 2px 5px; text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; }
	.btnPrimary:hover { background: #2F7CBB; color: #fff; text-decoration: none; }
	.btnPrimarySmall { text-transform: uppercase; FONT-FAMILY: "Roboto"; background: #61a1d8; border: solid 1px #61a1d8; color: #fff !Important; font-size:12px; font-weight:bold; font-style:normal; padding: 2px 5px; text-shadow:0px 0px 0px #666; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; }
	.btnPrimarySmall:hover { background: #2F7CBB; color: #fff; text-decoration: none; }
	.btnTertiarySmall { background: #ddd; border: solid 1px #ddd; color: #000; font-family:Trebuchet MS; font-size:11px; font-weight:bold; font-style:normal; padding: 4px 5px;  border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; text-decoration: none;}
	a.btnTertiarySmall { text-decoration: none;}
	.btnTertiarySmall:hover { background: #888; color: #fff; text-decoration: none; }
	
/*-- Tooltips http://www.cssportal.com/css-tooltip-generator/ --*/
/*-- used for Property and Group search.. */
	.NewToolTip { display: none; position: absolute; border: 2px; border-color: #888888; border-style:solid; left: 20px; top: 30px; padding: 5px; background-color:#66FF66; }

	a.tooltipsSold { position: relative; display: inline; COLOR: #777; TEXT-DECORATION: none; font-size : 7pt; }
	a:hover.tooltipsSold { TEXT-DECORATION: underline; }
	a.tooltipsSold span { position: absolute; width:150px; color: #000000; background: #66FF66; height: 45px; padding-top: 10px; line-height: 17px; text-align: center; visibility: hidden; border-radius: 6px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt; }
	a.tooltipsSold span:after { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #66FF66; border-right: 8px solid transparent; border-left: 8px solid transparent; }
	a:hover.tooltipsSold span { visibility: visible; opacity: 0.8; top: 30px; left: 50%; margin-left: -76px; z-index: 99; }

	/* -- 1 line --*/
	a.tooltipsOneLine { position: relative; display: inline; COLOR: #344282; TEXT-DECORATION: underline; }
	a.tooltipsOneLine span { position: absolute; width:150px; color: #000000; background: #66FF66; height: 25px; padding-top: 10px; line-height: 17px; text-align: center; visibility: hidden; border-radius: 6px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt; }
	a.tooltipsOneLine span:after { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #66FF66; border-right: 8px solid transparent; border-left: 8px solid transparent; }
	a:hover.tooltipsOneLine span { visibility: visible; opacity: 0.8; top: 30px; left: 50%; margin-left: -76px; z-index: 99; }

	/* -- 2 lines --*/
	a.tooltips { position: relative; display: inline; COLOR: #000; TEXT-DECORATION: none; }
	a:hover.tooltips { COLOR: #666; }
	a.tooltips span { position: absolute; width:150px; color: #000000; background: #66FF66; height: 45px; padding-top: 10px; line-height: 17px; text-align: center; visibility: hidden; border-radius: 6px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt; }
	a.tooltips span:after { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #66FF66; border-right: 8px solid transparent; border-left: 8px solid transparent; }
	a:hover.tooltips span { visibility: visible; opacity: 0.8; top: 30px; left: 50%; margin-left: -76px; z-index: 99; }

	/* -- 3 lines --*/
	a.tooltipsThreeLines { position: relative; display: inline; COLOR: #344282; TEXT-DECORATION: underline; }
	a.tooltipsThreeLines span { position: absolute; width:150px; color: #000000; background: #66FF66; height: 65px; padding-top: 10px; line-height: 17px; text-align: center; visibility: hidden; border-radius: 6px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt; }
	a.tooltipsThreeLines span:after { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #66FF66; border-right: 8px solid transparent; border-left: 8px solid transparent; }
	a:hover.tooltipsThreeLines span { visibility: visible; opacity: 0.8; top: 30px; left: 50%; margin-left: -76px; z-index: 99; }

	/* -- 4 lines --*/
	a.tooltipsFourLines { position: relative; display: inline; COLOR: #344282; TEXT-DECORATION: underline; }
	a.tooltipsFourLines span { position: absolute; width:150px; color: #000000; background: #66FF66; height: 85px; padding-top: 10px; line-height: 17px; text-align: center; visibility: hidden; border-radius: 6px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 9pt; }
	a.tooltipsFourLines span:after { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #66FF66; border-right: 8px solid transparent; border-left: 8px solid transparent; }
	a:hover.tooltipsFourLines span { visibility: visible; opacity: 0.8; top: 30px; left: 50%; margin-left: -76px; z-index: 99; }

/*-- Booking Form Block --*/
	.BookingForm { width:325px; border:0px; PADDING: 0px 0px 0px 0px; MARGIN: 0px 0px 0px 0px; display:block; float:left; }
	.BookingFormTitle { background: #000; COLOR: #EEE; FONT-WEIGHT: bold; FONT-SIZE: 11pt; display:block; PADDING: 5px 10px 5px 10px; border: 0px; text-transform: uppercase; }
	.BookingFormDetail { background: #EEEEEE; COLOR: #000; FONT-WEIGHT: normal; FONT-SIZE: 9pt; display:block; padding: 10px 10px 5px 10px; }
	#ucGroupSearchResponsive1_bdpSearchDate_TextBox { height:20px; width:80px; }

/*-- Group Logo --*/
	#GroupLogo { display: block; }

/*-- Errors --*/
	.ErrorHeader { background: #AD0314; } 
	.ConfirmationText { font-size: 10pt; font-weight: normal; color: green; }
	.ErrorTable { font-size: 8pt; font-weight: normal; color: #FFFFFF; background: #AD0314;	border: 0px solid red; }
	.ErrorText { TEXT-DECORATION: none; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #FFFFFF; }

/*-- Search Results --*/
	#SearchResultsBlock { width:100%; background: #EEE; Padding: 0px; margin: 0px; min-width:305px; }
	#SearchResultsContent { Padding:5px; }
	#PriceInfoBlock { width:95%; padding: 10px 0 10px 0; font-size:10px; color: #666 }
	.RateDescriptor { TEXT-DECORATION: none; FONT-SIZE: 9pt; COLOR: #666; }

/*-- Grid View --*/
	.GroupsTableStyle { border: 0px; border-collapse: collapse; border-style: solid; padding: 0px 0px 0px 0px; }
	.Header { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: white; background: #000; TEXT-DECORATION: none; PADDING: 7px 7px 7px 7px; border-collapse: collapse; BORDER-TOP: #222 1px solid; BORDER-LEFT: #222 1px solid; }
	.HeaderSelected { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #61a1d8; background: #444; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #222 1px solid; BORDER-LEFT: #222 1px solid;}
	.HeaderGrey { FONT-WEIGHT: bold; FONT-SIZE: 8pt; OVERFLOW: hidden; COLOR: #FFF; background: #666; TEXT-DECORATION: none; PADDING: 5px 5px 5px 5px; border-collapse: collapse; BORDER-TOP: #222 1px solid; BORDER-LEFT: #222 1px solid; }
	.GridRow1Cell {	width: 50px; font-size: 8pt; font-weight: normal; COLOR: #000; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; BORDER-LEFT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid; BORDER-RIGHT: #CCCCCC 1px solid; }
	.GridRow2Cell { width: 50px; font-size: 8pt; font-weight: normal; COLOR: #000; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; BORDER-LEFT: #CCCCCC 1px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid; BORDER-RIGHT: #CCCCCC 1px solid; }
	a.GridViewPropertyTitle { TEXT-DECORATION: none; FONT-SIZE: 11pt; COLOR: #000; FONT-WEIGHT: bold; MARGIN: 0px 0px 4px 0px; }
	a:hover.GridViewPropertyTitle { COLOR: #666 }
	.PropertyShortDescription { TEXT-DECORATION: none; FONT-SIZE: 9pt; COLOR: #666; MARGIN: 0px 0px 0px 0px; }
	.Sold { TEXT-DECORATION: none; FONT-SIZE: 7pt; COLOR: #777; line-height:40px;}
	a.Sold { TEXT-DECORATION: none; FONT-WEIGHT: normal; FONT-SIZE: 7pt; COLOR: #777; }
	a:hover.Sold { TEXT-DECORATION: underline; }

	/*-- Paging --*/
		.PagingActive { width:auto; FONT-WEIGHT: bold; font-size: 10pt; background: #036DAB; color: #FFFFFF; PADDING: 0px 5px 0px 5px; border-width: 1px; border-style: solid; border-color: #1C6590; border-radius: 2px; MARGIN: 0px 5px 0px 0px;}
		a.PagingLink { width:auto; TEXT-DECORATION: none; FONT-WEIGHT: bold; font-size: 10pt; background: #A4A4A4; color: #FFFFFF; PADDING: 0px 5px 0px 5px; border-width: 1px; border-style: solid; border-color: #9D9D9D; border-radius: 2px; MARGIN: 0px 5px 0px 0px; }
		a:hover.PagingLink { TEXT-DECORATION: underline; }

		#Results21 { display: none; }
		#Results14 { display: block; }
		#Results7 { display: none; }
		#Results3 { display: none; }	

		@media screen and (max-width: 970px) {
			#Results21 { display: none; }
			#Results14 { display: none; }
			#Results7 { display: block; }
			#Results3 { display: none; }	
		}

		@media screen and (max-width: 600px) {
			#Results21 { display: none; }
			#Results14 { display: none; }
			#Results7 { display: none; }
			#Results3 { display: block; }	
			#GroupLogo { display: none; }
		}

/*-- List View --*/
	.ListViewTopRow { background: #F0F0F0; PADDING: 10px 5px 10px 5px; BORDER-LEFT: #CCCCCC 0px solid; BORDER-TOP: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid; BORDER-RIGHT: #CCCCCC 0px solid; }
	.ListViewRow1 {	background: #F0F0F0; PADDING: 10px 5px 10px 5px; BORDER-LEFT: #CCCCCC 0px solid; BORDER-TOP: #CCCCCC 0px solid; BORDER-BOTTOM: #CCCCCC 1px solid; BORDER-RIGHT: #CCCCCC 0px solid; }
	.ListViewRow2 { background: #E6E6E6; PADDING: 10px 5px 10px 5px; BORDER-LEFT: #CCCCCC 0px solid; BORDER-TOP: #CCCCCC 0px solid; BORDER-BOTTOM: #CCCCCC 1px solid; BORDER-RIGHT: #CCCCCC 0px solid; }
	.ActiveButton { FONT-WEIGHT: bold; font-size: 1em; background: orange; color: #FFFFFF; PADDING: 5px 5px 5px 5px; border-width: 0px; border-style: solid; border-color: #1C6590; border-radius: 5px; }
	.NonActiveButton { FONT-WEIGHT: bold; font-size: 1em; background: #A4A4A4; color: #FFFFFF; PADDING: 5px 5px 5px 5px; border-width: 1px; border-style: solid; border-color: #9D9D9D; border-radius: 5px; }
	:hover.NonActiveButton { background: orange; border-color: orange; }
	a.NonActiveLink { TEXT-DECORATION: none; FONT-WEIGHT: bold; font-size: 1em; color: #FFFFFF; }
	a:hover.NonActiveLink { background: orange; }
	.ListViewPrice { FONT-SIZE: 20pt; COLOR: #00182C; FONT-WEIGHT: bold; MARGIN: 0px 0px 0px 0px; display:block; }
	a.ListViewPropertyTitle { TEXT-DECORATION: none; FONT-SIZE: 12pt; COLOR: #000; FONT-WEIGHT: bold; MARGIN: 0px 0px 4px 0px; }
	a:hover.ListViewPropertyTitle { COLOR: #666; }

	#ListViewNormal { display: block; }
	#ListViewMobile { display: none; }

	@media screen and (max-width: 600px) {
		#ListViewNormal { display: none; }
		#ListViewMobile { display: block; }
		a.ListViewPropertyTitle { FONT-SIZE: 10pt; }
	}

/*-- Map View --*/
	.MapsPropertyTitle { FONT-WEIGHT: normal; FONT-SIZE: 10pt; TEXT-TRANSFORM: capitalize; COLOR: #000; TEXT-DECORATION: none; MARGIN: 0px 0px 2px 0px } 
	a.MapsFullDetailsHyperlink { FONT-WEIGHT: normal; FONT-SIZE: 9pt; COLOR: #000; TEXT-DECORATION: underline }
	a:hover.MapsFullDetailsHyperlink { TEXT-DECORATION: none }
	a.MapsBookNowHyperlink { font-size: 10pt; font-weight: normal; color: green; TEXT-DECORATION: underline }
	a:hover.MapsBookNowHyperlink { TEXT-DECORATION: none }

	#MapKeyNormal { display: block; }
	#MapKeyMobile { display: none; }

	@media screen and (max-width: 600px) {
		#MapKeyNormal { display: none; }
		#MapKeyMobile { display: block; }
	}
