BODY{margin:0px;background-repeat:no-repeat; background-size: cover;background-position:center;overflow-x:hidden;background-attachment:fixed;
font-family:Raleway, Calibri light, Arial, Helvetica, sans-serif;color:#444;letter-spacing:0px;line-height:19px;font-weight:400;
background-color:#ffffff;}

TD{vertical-align:top;}

.content{display:none;}

h1, h2, h3, h4, h5, h6 {font-family: Raleway, Arial,sans-serif;font-weight:600;margin:0px;}
h1 {font-size:22px;text-shadow: 1px 1px 1px #000;font-weight:100;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:10px;}

/* -- SMALL SCREENS
::-webkit-scrollbar {background-color: white; border-radius: 10px;    width: 12px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;}
::-webkit-scrollbar-thumb {border-radius: 10px;	background-color: #808080; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6); }
 -- */

hr {
    border: 0;
    height: 1px;
	padding:0px;margin:0px;
    background-image: -webkit-linear-gradient(left, rgba(254,254,254,0), rgba(254,254,254,0.75), rgba(254,254,254,0)); 
    background-image:    -moz-linear-gradient(left, rgba(254,254,254,0), rgba(254,254,254,0.75), rgba(254,254,254,0)); 
    background-image:     -ms-linear-gradient(left, rgba(254,254,254,0), rgba(254,254,254,0.75), rgba(254,254,254,0)); 
    background-image:      -o-linear-gradient(left, rgba(254,254,254,0), rgba(254,254,254,0.75), rgba(254,254,254,0)); 
}
h1 + hr {margin-top:0px;margin-bottom:0px;}
h2 + hr {margin-top:5px;margin-bottom:5px;}
hr + p {margin-bottom:20px;margin-top:0px;}

p{margin-bottom:0.5em;margin-top:0.5em; }

FORM {margin:0px;}
input, select {padding: 0.5em;line-height: 1.2em;-webkit-border-radius: 0.5em;}
textarea, input[type=text], input[type=email] {width:100%;background-color:rgba(254,254,254,0.75);text-shadow: 0px 0px 0px #575757; color:#444;}
input[type=text]:disabled {background-color:rgba(254,254,254,0.35);text-shadow: 0px 0px 0px #575757; color:#444;}

#accordion li{margin-left:30px;}
.commands  li{margin-left:10px;list-style-type:none;display:inline-block;}

a{text-decoration: none;color:white;text-shadow: 1px 1px 1px black;font-weight:600;border-bottom:0px dotted rgba(254,254,254,0.45);}
a:hover{color:#d9d9ec;}
img {border:0px;}

.opak {opacity:0.6;}
.opak:hover {opacity:1;}

.hidden {display : none;}
.overflow{overflow:auto;}

.roundboxinner {-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; padding:10px; margin-bottom:25px;color:white;}
.roundboxinner h1{color:white; margin-top:0px; margin-bottom:0em;font-size:2.5em; }
.roundboxinner h2{color:white; margin-top:0px; margin-bottom:0em;}
.roundboxinner h3{color:white; margin-top:0px; margin-bottom:0em;}
.roundboxinner h4{color:white; margin-top:0px; margin-bottom:0em;}
.roundboxinner h5{color:white; margin-top:0px; margin-bottom:0em;}
.roundboxinner p{color:white;text-shadow: 2px 2px 6px #666;}
.centered li {color:white;text-align:left;list-style-type:none;}

label{padding:0px;margin:0px;font-size:14px; line-height:1em;font-weight:400;}

.infromleft{padding:3px;border-top-right-radius: 6px;border-bottom-right-radius: 5px;line-height:30px;padding-right:10px;}
.infromleft:hover{color:white;}

.banner-opa {	margin:20px 0px;	padding:20px 0px;	background-color:rgba(128,128,128,0.4);	color:white;	box-shadow: 2px 2px 2px rgba(18,18,18,0.1);	box-shadow: inset 0 1px rgba(254,254,254,0.3), 	inset 0 3px rgba(254,254,254,0.2), 	inset 0 3px 20px rgba(254,254,254,0.25); 	-o-box-shadow: inset 0 1px rgba(254,254,254,0.3), inset 0 3px rgba(254,254,254,0.2), inset 0 3px 20px rgba(254,254,254,0.25); 	-webkit-box-shadow: inset 0 1px rgba(254,254,254,0.3), inset 0 3px rgba(254,254,254,0.2), inset 0 1px 10px rgba(254,254,254,0.15); 	-moz-box-shadow: inset 0 1px rgba(254,254,254,0.3), inset 0 3px rgba(254,254,254,0.2), inset 0 3px 20px rgba(254,254,254,0.25); }
.bg-opa {	color:white;	background-color:rgba(128,128,128,0.4);	box-shadow: 2px 2px 2px rgba(18,18,18,0.1);	box-shadow: inset 0 1px rgba(254,254,254,0.3), 	inset 0 3px rgba(254,254,254,0.2), 	inset 0 3px 20px rgba(254,254,254,0.25); 	-o-box-shadow: inset 0 1px rgba(254,254,254,0.3), inset 0 3px rgba(254,254,254,0.2), inset 0 3px 20px rgba(254,254,254,0.25); 	-webkit-box-shadow: inset 0 1px rgba(254,254,254,0.3), inset 0 3px rgba(254,254,254,0.2), inset 0 1px 10px rgba(254,254,254,0.15); 	-moz-box-shadow: inset 0 1px rgba(254,254,254,0.3), inset 0 3px rgba(254,254,254,0.2), inset 0 3px 20px rgba(254,254,254,0.25); }
.bg-opa h1, .bg-opa h2, .bg-opa h3, .bg-opa h4, .bg-opa h5, .bg-opa p, .bg-opa li, .bg-opa ul {color:white;}
.bg-opa-white {	background-color: rgba(254,254,254,0.6);	color:#444;	padding:15px;	margin-bottom:10px;	border-radius: 6px;	-moz-border-radius: 6px;	-webkit-border-radius: 6px;	box-shadow: 0px 4px 22px rgba(34,34,34,0.6);}
.bg-opa-white a, .bg-opa-white label {text-shadow: 0px 0px 0px black;color:#444;}
.bg-opa-white a:hover {color:darkorange;}
.bg-opa-white ul li {margin-left:100px;}

.resort-details h1, .resort-details h2, .resort-details h3, .resort-details h4, .resort-details h5{padding-top:0em;}
.resort-details h2 {color:black;font-weight:400;font-size:32px;line-height:40px;}
/*.resort-details img{-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;box-shadow: 0px 4px 22px rgba(34,34,34,0.6);margin-bottom:10px;}*/

.poster, .bg-opa-dark {	padding:15px;		border-radius: 6px;	-moz-border-radius: 6px;	-webkit-border-radius: 6px;	color:rgba(254,254,254,0.7);	margin-bottom:10px;	font-weight:600;	font-size:20px;	line-height:100%;	box-shadow: 0px 4px 22px rgba(34,34,34,0.6);}
.poster h1, .poster h2, .poster h3, .poster h4 {color:rgba(254,254,254,0.7) ;}
.bg-opa-dark h1, .bg-opa-dark h2, .bg-opa-dark h3, .bg-opa-dark h4 {color:rgba(254,254,254,0.8);text-shadow:0px 0px #FFF;}

.bg-opa-header{color:rgba(254,254,254,0.6);font-weight:600;font-size:22px;line-height:150%;text-shadow: 0px 0px 10px #888;}
.v-spacer{height:30px;}
/*
.bg-opa ul{margin-left:20px;}
.bg-opa li{margin-left:30px;}
*/

h2 + hr {}
hr + h2 {margin-top:20px;}
hr + div {margin-top:10px;}
ul.block-grid li {margin-left:0px;}

/* Big Screens ONLY --- */
.image-solo{-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;box-shadow: 0px 4px 22px rgba(34,34,34,0.6);margin-bottom:8px;}
.rounded {-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.indent {margin-left:5%;}


.detail {background-color:rgba(254,254,254,0.7); color:rgba(0,0,0,0.8);line-height:1.5em; padding:5px; overflow:auto;}
.detail p{color:rgba(0,0,0,0.8);margin-bottom:20px;margin-left:10%;margin-right:10%;}
.detail p:first-of-type {margin-top:20px;}
.detail p:last-of-type {margin-bottom:20px;}
.detail a {text-decoration:none;color:black;text-shadow: 0px 0px 5px white;font-weight:bold; }
.detail a:hover {color:white;}
.detail h1 {color:rgba(0,0,0,0.8);}
.detail h2 {color:rgba(0,0,0,0.8);}
.detail h3 {color:rgba(0,0,0,0.8);margin-left:5%;}
.detail h4 {color:rgba(0,0,0,0.8);}
.detail h5 {color:rgba(0,0,0,0.8);}
.detail ul {margin-left:50px;}
.detail ul > li {margin-left:70px;}
.detail ul + p {margin-top:10px;}

.village-detail p {margin-left:40px;margin-bottom:20px;}
.village-detail h1 {margin-left:0px;font-weight:700;margin-bottom:20px;}
.village-detail h2 {margin-left:0px;font-weight:700;font-size:150%;margin-bottom:20px;}
.village-detail h3 {margin-left:20px;font-weight:700;}
.village-detail h4 {margin-left:30px;font-weight:400;}
.village-detail h5 {margin-left:40px;font-weight:400;}
.village-detail li {margin-left:0px;}
.village-detail ul {margin-left:0px;}
.village-detail li > ul {margin-left:20px;}
.village-detail li > ul > li {margin-left:50px;}
.village-detail ul + p {margin-top:10px;}


.message, .reply, .fb-login {	padding:5px;	background-color: rgba(254,254,254,0.7);	border-radius: 6px;	color:#444;	-moz-border-radius: 6px;	-webkit-border-radius: 6px;	margin-bottom:10px;	font-weight:400;}
.picpop {	padding:0px;	background-color: rgba(0,0,0,0.9);	border-radius: 6px;	color:#ccc;	margin-bottom:10px;	font-weight:400;	font-size:10px;}
.post, .postsample, .continent {padding:15px;background-color: rgba(254,254,254,0.7);color:#444;min-height:140px;border-radius: 6px 6px 0px 0px;-moz-border-radius: 6px 6px 0px 0px;-webkit-border-radius: 6px 6px 0px 0px;margin-bottom:10px;}	
.post h1, .post h2, .post h3 {color:#444;text-shadow: 0px 0px 0px #888;font-weight:600;}
.post p {color:#444;text-shadow: 0px 0px 0px #888;font-weight:400;}
.post ul {margin-left:10px;}
.post li {margin-left:10px;list-style-type:none;}
.post a{text-decoration: none;color:black;text-shadow: 0px 0px 0px black;font-weight:600;}
.post a:hover{color:#ff9900;}
.postsample, .continent{-webkit-transition: all .2s ease-in;	-moz-transition: all .2s ease-in;	-o-transition: all .2s ease-in;	transition: all .2s ease-in;}
.postsample:hover{box-shadow: 0px 4px 22px rgba(34,34,34,0.6);}
.continent:hover{box-shadow: 0px 4px 22px rgba(34,34,34,0.6);background-image:url('');}
.smallfont{font-weight:400;font-size:14px !important;}
.postbottomright { /*Hold the little menu*/	float:left;	padding:0px;	background-color: rgba(254,254,254,0.7);	color:#444;	border-radius: 0px 0px 6px 6px;	-moz-border-radius: 0px 0px 6px 6px;	-webkit-border-radius: 0px 0px 6px 6px;	padding:0px 10px 10px 10px;	margin-top:-10px;	margin-bottom:10px;	margin-right:10px;}
.hilight {color:darkorange;}

.postcardmessage {padding:15px;min-height:10px;border-radius: 0px 6px 6px 0px;-moz-border-radius: 0px 6px 6px 0px;-webkit-border-radius: 0px 6px 6px 0px;background-color: rgba(254,254,254,0.8);	color:#444;margin-bottom:10px; margin-right:20px;	}	
.postcardmessage a {color:#444;text-shadow: 0px 0px 0px #888;}
.postcardmessage a:hover {color:#333;text-shadow: 0px 3px 10px black;}

/*SUPER TITLE BACKGROUND IMAGE*/
.super-title{min-height:120px; }

.forumsample{cursor:pointer;opacity:0.6;text-align:center;font-family:'Just Another Hand',Raleway;font-size:32px;font-weight:400;}
.forumsample:hover{box-shadow: 0px 4px 22px rgba(34,34,34,0.6);opacity:1;}


.detail {	padding:10px;	border: 1px solid rgba(25,25,25,0.2);	border-radius: 20px;	-moz-border-radius: 20px;	-webkit-border-radius: 20px;	box-shadow: inset 0 1px rgba(0,0,0,0.3), inset 0 3px rgba(0,0,0,0.1), inset 0 3px 20px rgba(0,0,0,0.25), inset 0 -10px 30px rgba(254,254,254,0.2); 	-o-box-shadow: inset 0 1px rgba(0,0,0,0.3), inset 0 3px rgba(0,0,0,0.1), inset 0 3px 20px rgba(0,0,0,0.25), inset 0 -10px 30px rgba(254,254,254,0.3); 	-webkit-box-shadow: inset 0 1px rgba(0,0,0,0.3), inset 0 3px rgba(0,0,0,0.1), inset 0 3px 20px rgba(0,0,0,0.25), inset 0 -10px 30px rgba(254,254,254,0.3);	-moz-box-shadow: inset 0 1px rgba(0,0,0,0.3), inset 0 3px rgba(0,0,0,0.1), inset 0 3px 20px rgba(0,0,0,0.25), inset 0 -10px 30px rgba(254,254,254,0.3);}
.topic		{}
.topic h1	{margin-left:0px;font-weight:600;}
.topic h2	{margin-left:0px;font-weight:600;}
.topic h3	{margin-left:0px;font-weight:600;}
.topic h4	{margin-left:0px;font-weight:600;}
.topic h5	{margin-left:0px;font-weight:600;}
.topic p	{margin-left:10%;margin-bottom:10px;}
.topic li, .topic-list ul	{margin-left:20%}

.go_thumb{float:left;margin-right:10px;margin-bottom:10px;box-shadow: 5px 4px 20px rgba(34,34,34,0.6);}
.go_thumb_right{float:right;margin-left:10px;margin-bottom:10px;box-shadow: -5px 4px 20px rgba(34,34,34,0.6);}

.timestamp{font-size:0.7em;float:right;}
.dresscodeday{font-size:0.7em;float:right;margin-top:-20px;margin-right:5px;}
.left{float:left;}
.right{float:right;}
.row {margin-top:00px;}
.row:first-of-type {}

textarea, select, input {
   font-family: inherit;
   font-size: inherit;
}

.Logged-In, .Logged-Out {display:none;}

.fixedmenu-right{display:none;}
.fixedmenu-left{display:none;}
.cm_resort_image{width:910px;height:273px;}

#top-source{-webkit-transition: all .2s ease-in;	-moz-transition: all .2s ease-in;	-o-transition: all .2s ease-in;	transition: all .2s ease-in;}

form > table {width:100%}
.form-col-1 {font-weight:bold;text-align:right;padding-top:7px;vertical-align:top;padding-right:5px;}
.form-col-2 {}

.form-col-2 input[type="checkbox"]{margin-top:9px;}
.form-col-2 input[type="radio"]{}
.form-col-2 > select{background-color:#ccffcc;color:#222;}
.form-col-2 label{margin-top:5px;}
.form-col-2 textarea {width:100%;min-height:150px;margin-top:5px;}
 input[type="submit"] {color:white;min-width:100px;}
	.onlyverybig{display:none;}
.form-col-3 {width:30%;}
.page-break	{ display: none;}

body{background-color:rgba(29, 95, 177, 0.44);}
@page{
    margin-bottom:150px;
}
@media print { 
	.roundboxinner {-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; padding:10px; margin-top:15px;margin-bottom:0px;}
	.roundboxinner h1{color:white; font-weight:900; margin-top:0px; margin-bottom:0em;font-size:25px; }
	.roundboxinner h2{font-size:20px;color:white; margin-top:0px; margin-bottom:0em;}
	.roundboxinner h3{font-size:15px;color:white; margin-top:0px; margin-bottom:0em;}
	.roundboxinner h4{color:white; margin-top:0px; margin-bottom:0em;}
	.roundboxinner h5{color:white; margin-top:0px; margin-bottom:0em;}
	.roundboxinner p{color:white;text-shadow: 2px 2px 6px #666;}
	.kwn{page-break-inside:avoid;}
	.row{padding-right:30px;}
	.page-break	{display: block; page-break-before: always; }
	.bg-opa-white {background-color:##d3d2be;color: #444;padding:15px;margin-top:10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;box-shadow: 0px 0px 0px rgba(34,34,34,0.6);
	.dontPrint{display:none;}

a, a:visited { text-decoration: underline; }

tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
.hide-on-print { display: none !important; }
.print-only { display: block !important; }
.hide-for-print { display: none !important; }
.show-for-print { display: inherit !important; } }
form { margin: 0 0 19.41641px; }
}

/* -- BIG SCREENS WIT HBOREDRSPACE--- */
@media only screen and (min-width: 1080px) { 
	.fixedmenu-left{display:block;position:fixed;left:5px;top:5px;z-index:10000;width:120px;}
	.fixedmenu-right{display:block;position:fixed;right:5px;top:5px;z-index:10000;width:60px;}
	.onlyverybig{display:block;}
	}

 /* -- BIG SCREENS --- */
@media only screen and (min-width: 768px) {
	.cmpbgt{width:900px;height:101px;}
	.cmp-title		{margin-top:20px;letter-spacing:2px;font-size:32px;color:rgba(254,254,254,0.90);text-shadow: 0px 0px 6px #444;line-height:1.2em;}
	.cmp-subtitle	{margin-top:5px;font-weight:400;letter-spacing:2px;font-size:12px;color:rgba(254,254,254,0.90);text-shadow: 0px 0px 10px #888;line-height:1.2em;}
	.cmp-title-caption		{margin-top:0px;font-weight:400;letter-spacing:2px;font-size:12px;color:rgba(254,254,254,0.90);text-shadow: 0px 0px 10px #888;line-height:1.2em;}
	.cmp-resort-menu a{text-shadow: 0px 0px 10px #888}
}

/* -- SMALL SCREENS -- */
@media only screen and (max-width: 768px) { 
BODY{margin:0px;background-repeat:no-repeat; background-size: cover;background-position:center;overflow-x:hidden;background-attachment:scroll;}
	.message {margin-top:5px;padding:5px;background-color:rgba(254,254,254,0.9);text-shadow: 0px 0px 0px white;}
	.village-detail	{margin-bottom:1em; margin-top:1em; padding:0px; margin: 10px 0px;}
	.village-detail h1 {margin-left:0px;}
	.village-detail h2 {margin-left:0px;}
	.village-detail h3 {margin-left:0px;}
	.village-detail h4 {margin-left:0px;font-weight:600;}
	.village-detail h5 {margin-left:0px;font-weight:400;}
	.village-detail p  {margin-left:0px;}
	.village-detail li {margin-left:0px;}
	.village-detail ul {margin-left:0px;}
	.village-detail li > ul {margin-left:5px;}
	.village-detail li > ul > li {margin-left:10px;}
	body{background-image:none;}
	#cm_bg_banner {margin: 0px;}
	#cm_bg_banner{margin:0px;}
	#cmpbgt{padding:0px;}
	.bg-opa-white{padding:05px;}
	.resortHeader{margin-bottom:10px}
	.resortHeader a{padding:5px;background-color: rgba(127,127,128,0.4);	border-radius: 10px;	-moz-border-radius: 10px;-webkit-border-radius: 10px;	color:rgba(254,254,254,1);line-height:30px;font-weight:600;text-shadow:none;}
	.resort-details h2{font-size:24px;font-weight:600;line-height:24px;}
	.roundboxinner {margin-bottom:05px;padding:0px;}
	.roundboxinner h1{font-size:28px;font-weight: 400;}
	.roundboxinner p {text-shadow: 0px 0px 0px white;}
	.super-title{min-height:20px; }
	.go_thumb{float:none;margin:0px;}
	.rounded {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
	.indent {margin-left:0%;}
	.onlybig{display:none;}
	.onlyverybig{display:none;}
	.cmp-title   {margin-top:0px;letter-spacing:2px;font-size:24px;line-height:28px;color:rgba(254,254,254,0.90);text-shadow: 0px 0px 0px white;}
	.cmp-subtitle{margin-top:0px;letter-spacing:2px;font-size:16px;line-height:20px;color:rgba(254,254,254,0.90);text-shadow: 0px 0px 0px white;}
	a{font-weight:400;line-height:2em;}
	.banner-opa {	margin:20px 0px;	padding:20px 0px;	background-color:transparent;	box-shadow: 0px 0px 0px rgba(18,18,18,0.1);	box-shadow: inset 0 0px rgba(254,254,254,0.3); 	-o-box-shadow: inset 0 0px rgba(254,254,254,0.3); 	-webkit-box-shadow: inset 0 0px rgba(254,254,254,0.3); }

	.form-col-1 {font-weight:normal;text-align:left;padding-top:2px;vertical-align:top;padding-right:2px;}
	.form-col-2 input[type="checkbox"]{margin-top:2px;}
	.form-col-2 > select{background-color:#ccffcc;color:#222;}
	.form-col-2 label{margin-top:2px;}
	.form-col-2 textarea {width:100%;min-height:100px;margin-top:2px;}
	 input[type="submit"] {background-color:navy;color:white;min-width:100px;}
	.poster, .bg-opa-dark {	padding:3px;background-color: rgba(127,127,128,0.2);	border-radius: 2px;	-moz-border-radius: 2px;-webkit-border-radius: 2px;	color:rgba(254,254,254,0.7);	margin-bottom:5px;	font-weight:600;	font-size:20px;	line-height:100%;box-shadow: 0px 0px 0px rgba(34,34,34,0.6);}
	.poster a{color:rgba(254,254,254,0.6);font-weight:600;font-size:22px;line-height:150%;text-shadow: 0px 0px 10px #888;padding-left:10px;}


	}

.top-left-rounded-corner + .top-left-rounded-corner {margin-top:10px;}
.cm-icon{margin:5px 9px 5px 0px ;width:62px;}
.cm-picto{margin:0px 9px 0px 0px ;width:100px;}
.cm-icon-mini{margin:2px 4px;width:32px;}
.box-shadow, .boxshadow {box-shadow: 0px 4px 22px rgba(34,34,34,0.6);}


.palette_0:hover{}
.palette_0{-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.palette_1{-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.palette_2{-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.palette_3{-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}

/* FOUNDATION OVERRIDES
------------------------------------------*/
.tabs {height:20px;}
ul.tabs-content, dl.sub-nav, dl.sub-nav dt, dl.sub-nav dd  {margin-bottom:0px;}


/* SHELL STYLES
------------------------------------------*/
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {width: 100% !important;}
.fb_pic_list_wrapper {float:left;}
.fb_pic_list {padding:3px;}
.fb_album_list {padding:5px;float:left;height:135px;width:135px;display:table-cell; vertical-align:middle; text-align:center; }

.cm_resort_image{ -moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; box-shadow: 0px 4px 22px rgba(34,34,34,0.6);}

.clickable{cursor:pointer;}

.centered{text-align:center;}
.tinytext{font-size:10px;}

input, select {background-color:transparent;margin-bottom:5px;font-size:12px;}
select {cursor:pointer;} 
optgroup {background-color:rgba(128,128,128,0.3);color:black;}
option {background-color:white;color:black;}

input[type=submit], .glass{
	color:white;
	padding:7px;
	font-size:12px;
	font-weight:600;
	margin-top:2px;
	margin-right:5px;
	border: 0px solid rgba(0,0,0,0.5);
	border-bottom: 2px solid rgba(0,0,0,0.5);

	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: inset 0 1px rgba(254,254,254,0.3), 	inset 0 3px rgba(254,254,254,0.2), 	inset 0 3px 20px rgba(254,254,254,0.25), inset 0 -15px 30px rgba(0,0,0,0.3), 0px 4px 22px rgba(34,34,34,0.6); 
	-o-box-shadow: inset 0 1px rgba(254,254,254,0.3), inset 0 3px rgba(254,254,254,0.2), inset 0 3px 20px rgba(254,254,254,0.25), inset 0 -15px 30px rgba(0,0,0,0.3), 0px 4px 22px rgba(34,34,34,0.6); 
	-webkit-box-shadow: inset 0 1px rgba(254,254,254,0.3), inset 0 3px rgba(254,254,254,0.2), inset 0 3px 20px rgba(254,254,254,0.25), inset 0 -15px 30px rgba(0,0,0,0.3), 0px 4px 22px rgba(34,34,34,0.6); 
	-moz-box-shadow: inset 0 1px rgba(254,254,254,0.3), inset 0 3px rgba(254,254,254,0.2), inset 0 3px 20px rgba(254,254,254,0.25), inset 0 -15px 30px rgba(0,0,0,0.3), 0px 4px 22px rgba(34,34,34,0.6); 
	cursor:pointer;
}
.filter-element, .glass-in{
    padding:5px;
	line-height:1.2em;
	margin-top:5px;
	margin-right:5px;
    border: 0px solid rgba(254,254,254,0.5);
    border-bottom: 2px solid rgba(254,254,254,0.5);
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: inset 0 1px rgba(0,0,0,0.3), inset 0 3px rgba(0,0,0,0.2), inset 0 3px 20px rgba(0,0,0,0.25), inset 0 -10px 30px rgba(254,254,254,0.3); 
	-o-box-shadow: inset 0 1px rgba(0,0,0,0.3), inset 0 3px rgba(0,0,0,0.2), inset 0 3px 20px rgba(0,0,0,0.25), inset 0 -10px 30px rgba(254,254,254,0.3); 
	-webkit-box-shadow: inset 0 1px rgba(0,0,0,0.3), inset 0 3px rgba(0,0,0,0.2), inset 0 3px 20px rgba(0,0,0,0.25), inset 0 -10px 30px rgba(254,254,254,0.3); 
	-moz-box-shadow: inset 0 1px rgba(0,0,0,0.3), inset 0 3px rgba(0,0,0,0.2), inset 0 3px 20px rgba(0,0,0,0.25), inset 0 -10px 30px rgba(254,254,254,0.3);
}




/*FOR PICTURE ELEMENTS IN GO SEARCH*/
#pin-wrapper {margin: 5px auto;}
.pin {color:white;	display: inline-block;	background-color:rgba(34,34,34,0.2);	padding:5px; margin:0px 5px 5px 0px;	
	-webkit-transition: all .2s ease-in;	-moz-transition: all .2s ease-in;	-o-transition: all .2s ease-in;	transition: all .2s ease-in;width:200px;}
.pin:hover{color:white;	background-color:rgba(34,34,34,0.9);}
.pin a{color:white;font-weight:400;}
.pin a:hover{color:white;font-weight:400;}
.pin img {width: 190px;}


/*#pin-wrapper {margin: 5px auto;}
.tl_pin {color:white;display: inline-block;	background-color:rgba(34,34,34,0.2);	padding:5px; margin:0px 5px 5px 0px;	
	-webkit-transition: all .2s ease-in;	-moz-transition: all .2s ease-in;	-o-transition: all .2s ease-in;	transition: all .2s ease-in;width:200px;}
.tl_pin:hover{color:white;	background-color:rgba(34,34,34,0.9);}
.tl_pin a{color:white;font-weight:400;}
.tl_pin a:hover{color:white;font-weight:400;}
.tl_pin img {width: 190px;}
.timeline_pics{width:150px;float:left;}
*/
.scroller{vertical-align:bottom;display:inline-block; width:200px;background-repeat:no-repeat; background-size: cover;background-position:center;overflow-x:hidden; color:white; background-color:rgba(34,34,34,0.2);padding:5px; margin:10px;-webkit-transition: all .2s ease-in;	-moz-transition: all .2s ease-in;	-o-transition: all .2s ease-in;	transition: all .2s ease-in;}
.scroller:hover{font-weight:600;}
.photo{height:220px;}
.album{height:100px;}

.filter-element{line-height:2.5em;margin-top:0;margin-bottom:0;padding:5px;background-color:#9999cc;color:white;white-space:nowrap;}

.block-gen {text-align:center;padding:5px 5px;width:60px;background-color:rgba(128, 128, 128, 0.2); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.block-gen-date {margin-left:20px;margin-bottom:20px;text-align:center;padding:5px 5px;width:60px;background-color:rgba(128, 128, 128, 0.2); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.block-gen-day {font-size:26px;font-weight:600;color:rgba(254, 254, 254, 1);font-variant:small-caps;line-height:100%;}
.block-gen-month {margin-top:0px;font-size:16px;font-weight:bold;color:rgba(254, 254, 254, 1);font-variant:small-caps;line-height:100%;}
.block-gen-year {margin-top:0px;font-size:12px;font-weight:bold;color:rgba(254, 254, 254, 1);line-height:100%;}

/*
::-webkit-scrollbar {width: 15px; height:10px;} /* this targets the default scrollbar (compulsory) */
::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0.1);} /* the new scrollbar will have a flat appearance with the set background color */
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.4);} /* this will style the thumb, ignoring the track */
::-webkit-scrollbar-button {background-color: rgba(0, 0, 0, 0.9);} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
::-webkit-scrollbar-corner {background-color: black;} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */
body {scrollbar-face-color:rgba(0, 0, 0, 0.9);}
*/

.errmsg{background-color:black;color:white;border:5px solid red;}


.cmp-datepicker {font-family:Arial;}
.cmp-datepicker .ui-datepicker {color:#444;background-color: #eee;width:200px;padding:5px;box-shadow: 0px 4px 22px rgba(34,34,34,0.6);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.cmp-datepicker .ui-datepicker-next {margin-left:10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding:3px;background-color:#ccffcc;}
.cmp-datepicker .ui-datepicker-prev {margin-right:10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding:3px;background-color:#ccffcc;}
.cmp-datepicker .ui-state-disabled {color:#aaa;background-color:transparent;cursor:default;}
.cmp-datepicker .ui-datepicker-calendar {width:100%;text-align:center;}
.cmp-datepicker a {text-shadow: 0px 0px 0px #575757;font-weight:normal;color:#444;cursor:pointer;}
.cmp-datepicker td {width:14.3%;}
.cmp-datepicker td:hover {background-color:#99ccff;}
.cmp-datepicker td:hover .ui-datepicker-unselectable {background-color:rgba(254,254,254,0.9);}
.cmp-datepicker .ui-datepicker-header{text-align:center;}
.cmp-datepicker .ui-datepicker-title{margin:10px;font-weight:bold;}


.arrows{   display: inline-block;   color: white;   margin: 5px;  padding:5px;  width: 30px;  position: relative;  text-align: center;  line-height: 120px;  border-radius: 100%;  background-color:rgba(0,0,0,0.1);  box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #fff, 0px 3px 5px #444;
}

.parent {float:left;width:100%;height:200px;position:relative;overflow:hidden;}
.child {
	position:absolute;
    left:0;
    bottom:0;
	padding:10px;
	text-align:center;
    float:left;
    width:100%;
    height:200px;
    background-color: rgba(0, 0, 0, 0.1);
	transform:translateY(200px);
	-webkit-transform:translateY(200px);
	-moz-transform:translateY(200px);
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
}
.parent:hover .child {
	transform:translateY(0px);
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
}
fieldset {border: 1px solid transparent;color:white;}
fieldset div {min-height:40px;}

#myRoom img {display:none;}
#myCost span, .roomRate span{float:right;}
.roomBox {cursor:pointer; cursor:hand; font-size:12px;min-height:initial; }
.roomBox h3 {font-weight:900;margin-bottom:5px;margin-top:10px;line-height:140%;}
.roomBox ul, .roomBox ol,.roomBox dl{line-height:0px;margin:0px;}
.roomBox li {padding:0px;margin:0px;border:0px;}
.roomBox img {padding:0px;margin-bottom:10px;border:0px;}

.roomSelectionBox{ cursor: pointer; cursor: hand;line-height:130%;margin:0px; }
.roomSelectionBox h3 {font-weight:400;margin-bottom:0px;margin-top:0px;margin-left:15px;line-height:130%;text-shadow: 0px 0px 0px #888;}
.roomSelectionBox div{}
.roomSelectionBox .section{line-height:130%;margin-top:5px;padding:5px;border-radius: 6px 6px 0px 0px;-moz-border-radius: 6px 6px 0px 0px;-webkit-border-radius: 6px 6px 0px 0px;margin-bottom:5px;}





.topads{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 0;
    padding: 3rem 0;
    grid-gap: 1rem;
    text-align: center;
}

.topads  img{
box-shadow: rgb(0 0 0 / 45%) 0px 25px 20px -20px;
}