/* @override
	http://boydstatic.purplehp.com/boydgaming/boydgaming_v3.css */

#top_nav_wrap ul li a{
	padding: 0px 36px;/* adjust to max out the with of the menu*/
}
/* for smaller devices  like ipad portrait*/
@media only screen and (max-width: 780px) {
	#top_nav_wrap ul li a{
		padding: 0px 18px;/* adjust to max out the with of the menu*/
	}
	
}

/*custom images for this particular site*/

#logo a{
	/*image height is 41px*/
	background: transparent url(../global/assets_v3/global_sprites.png) -35px -4px no-repeat;
	display: block;
	width: 205px;
	height: 46px;
	top: 30px;
	position: absolute;
}
@media only screen and (max-width: 765px) {
	#logo a{
		top: 15px !important;
	}

	
	/* logo is shorter so move the link down*/	
	#palette .plink{
/*		top: -70px;*/
	}
}
@media only screen and (max-width: 360px) {
	#logo a{
		/*image height is 41px*/
		background: transparent url(../global/assets_v3/global_sprites.png) -53px -144px no-repeat;
		display: block;
		width: 270px;
		height: 34px;
		top: 18px !important;
		position: absolute;
	}
}

/*for bigger logo's this desided where to left alight it so it won't gove over the mobile menu*/
@media only screen and (max-width: 365px) {
	#logo a{
		margin: 0px 0px 0px 60px !important;
		
	}
}


#palette .pnav ul li a span.diamond{
	background-color: white;
	background: transparent url(assets/shell/property_sprites.png) -61px -63px no-repeat;
	display: block;
	height: 40px;
	width: 123px;
	margin: 3px auto;
}
#palette .pnav ul li a span.diamond b{
	display: none;
}

.diamond_logo_big{
	background: transparent url(assets/shell/property_sprites.png) -38px -112px no-repeat;
	display: block;
	width:180px;
	height:70px;
}

#homepage_scroller .scroll_content{
	/*top: 15px;*/
}
#homepage_scroller ul li a.object span.ol{
	margin-bottom: 10px;
}
/*
.global_menu .property_links{
	border-right: none;
}
*/

/*this just lowers them a bit*/
#homepage_scroller ul li a.object{
	padding-top: 15px;
	position: relative;
}



/* background */
@media only screen and (min-width: 765px) {
	body {
		background: black url(assets/shell/background.jpg) top no-repeat;
	}
}
.lt-ie9 body{
	background: black url(assets/shell/background.jpg) top no-repeat;
}

#top_right #siteFollowBar{
	text-align: right;
}

.rl_page{
	padding-top: 25px;
}


.page_content_main.wide .webcam_content{
	padding-bottom: 15px;	
}
.page_content_main.wide .webcam_content .webcam_wrap{
	position: relative;
	
}

.page_content_main.wide .webcam_box{
	position: relative;
	margin-right: 120px;
	padding-top: 15px;
	min-height: 500px;
}

.page_content_main.wide .webcam_content .flash_wrap{
	width: 100%;
	position: relative;
	padding-bottom: 77% !important;
}

.page_content_main.wide .webcam_content .flash_wrap  iframe,
.page_content_main.wide .webcam_content .flash_wrap  object, 
.page_content_main.wide .webcam_content .flash_wrap  embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    
}

.webcams_list{
	list-style: none;
	position: absolute;
	top: 0px;
	right: -120px;
	padding: 0;
	margin: 15px 0px 0px;
}

@media only screen and (max-width: 600px) {
	.page_content_main.wide .webcam_box{
		margin-right: 0px;
		min-height: 0px;
	}
	.webcams_list{
		position: relative;
		margin: 15px auto;
		display: block;
		padding: 0;
		right: auto;
		top: auto;
		text-align: center;
	}
	.webcams_list li{
		display: inline-block;
		margin: 0;
		padding: 0;
	}	
}


/*rates comparison*/
#rate-comparison-tabs{
	display: none;
}
#rate-comparison-tabs.ui-tabs{
	display: block;
	border: none;
	padding: 0;
	margin: 40px 0px;
	background: none;
}

#rate-comparison-tabs ul.ui-tabs-nav{
	background: none;
	border: none;
	border-bottom: 2px solid #e79a14;
	border-radius: 0;
	margin-bottom: 20px;
}

#rate-comparison-tabs ul.ui-tabs-nav li.ui-state-default{
	background: none;
	border: 2px solid #656565;
	color: #656565;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	z-index: 4;
	top: 2px;
	text-transform: uppercase;
	font-size: 14pt;
}
#rate-comparison-tabs ul.ui-tabs-nav li.ui-state-default.ui-state-active{
	background: none;
	border: 2px solid #e79a14;
	color: #e79a14;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 2px solid black !important;
	z-index: 5;
}
#rate-comparison-tabs ul.ui-tabs-nav li.ui-state-default a{
	color: inherit !important;
}
#rate-comparison-tabs ul.ui-tabs-nav li.ui-state-default a:focus{
	outline: 0;
}
#rate-comparison-tabs ul.ui-tabs-nav li{
	margin-left: -5px;
}
#rate-comparison-tabs ul.ui-tabs-nav li:first-of-type{
	margin-left: -2px;

}
#rate-comparison-tabs.ui-tabs .ui-tabs-panel{
	padding: 0;
}
.rates-group{

}
.ratescomp{
	margin: 0px;
	width: 100%;

}
.ratescomp td, .ratescomp th{
	font-size: 9pt;
}
/*.ratescomp thead th{*/
	/*border-bottom: 2px solid #e69a13;*/
/*}*/

.ratescomp thead::after{
	content: '';
	display:block;
	width: 100%;
	height: 2px;
	background-color: #e79a14;
	position: absolute;
	z-index: 14;
}

.ratescomp thead th{
	/*width: 78px;*/
	height: 45px;
	position: -webkit-sticky;
	position: sticky;
	z-index: 9;
	top: 0;
}
.ratescomp thead th a{
	text-decoration: none;
}
.ratescomp thead tr.names th a:after{
	position: absolute;
	bottom:4px;
	width: 90%;
	height: 2px;
	background-color: transparent;
	content: '';
	left: 0px;
    right: 0px;
	margin: 0px auto;
	transition: all .3s;
}
.ratescomp thead tr.names th a:hover:after{
	background-color: white;
}
.ratescomp thead tr.top th{
	padding-bottom: 20px;
	height: 50px;
}
.ratescomp thead th img{
	width: auto;
	max-width: 90%;
	max-height: 45px
}
.ratescomp thead tr.names th{
	padding: 3px;
	background-color: black;
}
.ratescomp thead th.d{
	 text-transform: uppercase;
	 padding: 3px 0px 5px;
	 background-image: none;
	 background-color: black;
	 color: #e79a14;
	 font-size: 12pt;
	 width: 110px;

 }




.ratescomp tbody td{
	text-align: center;
	padding: 10px 5px 3px;
	border: 2px solid #112d47;
	cursor: pointer;
	white-space: nowrap;
	color: white;
}

.ratescomp tbody td:hover{
	text-decoration: underline;
}
.ratescomp tbody tr:first-of-type td{
	border-top: 0px solid red;
}
.ratescomp tbody td:nth-child(2n),
.ratescomp thead tr.names th:nth-child(2n){
	background-color: #012060;
}
.ratescomp tbody td.d{
	text-align: right;
	padding: 10px 15px 3px 15px;
	text-decoration: none;
	cursor: auto;
	color: #e69a13;
	background-color: black;

}
.ratescomp tbody td.d:hover{
	text-decoration: none;
	cursor: default;
}
.ratescomp tbody td.we{
	font-weight: bold;
	background-color: #3f3f3f;

}.ratescomp tbody td.we:nth-child(2n){
	font-weight: bold;
	background-color: #2f74b5;

}
.ratescomp tbody td.d.we{
	font-weight: bold;
	background-color: black;

}
.ratescomp tbody td.s{
	text-decoration: none;
	cursor: auto;
}

@media only screen and (max-width: 765px) {
	.rates-group{
		overflow: scroll;
		height: 350px;
	}
	.ratescomp thead tr.top{
		display: none;
	}
	.ratescomp thead th{
		position: -webkit-sticky;
		position: sticky;
		z-index: 9;
		top: 0;
	}
	.ratescomp thead th.d{
		position: -webkit-sticky;
		position: sticky;
		left: -1px;
		z-index: 11;
	}
	.ratescomp tbody td.d{
		text-align: right;
		padding: 10px 15px 3px 15px;
		text-decoration: none;
		cursor: auto;
		color: #e69a13;
		background-color: black;
		position: -webkit-sticky;
		position: sticky;
		left: -1px;
		z-index: 10;
	}
	.ratescomp_more {
		position: sticky;
		left: 0;

	}

}
.ratescomp tr.m1,
.ratescomp tr.m2,
.ratescomp tr.m3,
.ratescomp tr.m4,
.ratescomp tr.m5,
.ratescomp tr.m6{
	display:none;
}
.ratescomp_more{
	width:100%;
	text-align:center;
	margin-bottom:15px;
	margin-top: 15px;
}
.ratescomp_more a{
	text-decoration:none;
}
.ratescomp_more a:hover{
	text-decoration:underline;
}			

.respop{
	color: white;
}

.respop img{
	width: 100%;
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.respop div{
	margin-bottom: 5px;
}
.respop div > span{
	display: inline-block;
	width: 120px;

}

/*FAQ*/
.faq_wrap{
	margin-top:10px;
}
.faq{
	margin-bottom:10px;
}
.faq_question{
	position: relative;
	padding-right: 50px;
}
.faq_question:after{
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	content: '+';
	color: #EFCE6A;
	font-size: 110%;
	width: 20px;
	text-align: center;
}
.faq.open .faq_question:after{
	content: '-';
}
.faq_question:hover:after{
	color: white;
}

.faq_question:hover{
	text-decoration:underline;
	cursor: pointer;
}

.faq_count{
	/*display: inline-block;*/
	/*width:20px;*/
	/*float:left;*/
	/*text-align: right;*/
	/*margin-right: 7px;*/
	display: none;
}


.faq_answer{
	margin: 10px 30px;
	padding: 0px 10px;
	border-left: 1px solid #EFCE6A;
}

.faq_section{
	text-transform: uppercase;
	color: #EFCE6A;
	padding: 10px 0px;
}
