/* CSS Concierge Center - appended to existing CSS site templates sonnenalp.com */

/* basic styles to ensure consistency with site */
body {
	margin: 0;
	padding: 0;
	height: 100%;
	color: #666;
	}
	a { color:#5681AE; text-decoration: none; }
	img { border: none; }
	h2 { margin: 0; padding: 0;}
	/* generic floats */
	.floatl { float: left; }
	.floatr { float: right; }
		img.floatl,
		img.floatr {
		border: 1px solid #797272;
		margin-right: 8px;
		margin-bottom: 8px;
		}	

/* left local navigation styles 
.navLeft {
	width: 150px;
	}
	.navLeft a.titler {  /* nav title can now be entereed as text
	display: block;
	color: #F7F7F7;
	font: normal 19px Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	padding: 7px 0 10px 13px;
	}
	
*/

/* main block containing all of the content  */
#container {
	background: transparent;
	min-width: 608px;
	width: 608px;
	}


/* main utility bar with request and print links */
div#utilitybar {
	background: #ADAD85;
	height: 33px;
	min-width: 608px;
	width: 100%;
	}
	#utilitybar ul {
	position: relative;
	margin: 0;
	padding: 0;
	}
	#utilitybar li {
	list-style: none;
	margin: 0;
	padding: 0;
	}	
	#utilitybar a { 
	position: absolute; 
	top: 0;
	display: block;
	color: #FFF;
	font-size: 11px;
	padding: 10px 27px;
	width: 180px;
	}
	#utilitybar a:hover {
	color: #950024;
	}
	li#printer a {  /* concierge request link  */
		left: 430px;
		background: url(../amenities/concierge/img/ico_printer.gif) 10px no-repeat ;
		}
	li.nav-ccr a {  /* print this page link */
		background: url(../amenities/concierge/img/ico_calendar.gif) 10px no-repeat ;
		font-weight: bold;
		list-style: none;
		}

/* main content box - left -  */
div.maincontent {
	float: left;
	background: #F7F7F7;
	margin: 2px 15px 0 1px;
	width: 437px;
	}
	.maincontent .titler, #forms .titler { /* main heading title  */
	color: #898989;
	font: normal 19px Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	margin: 5px 5px 0 10px;
	padding: 0;
	}
	.maincontent .titler { margin:30px 5px 10px 10px; }
	.maincontent h1, .maincontent h2, .maincontent h3,
	.maincontent p, .maincontent ul, .maincontent ol, #conciergebox td { 
	padding-left: 10px; 
	margin: 0;
	}
	.maincontent h2, #helper h2 {
	border-top: 1px solid #E4E4E4;
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	color:#5681AE;
	padding-top: 10px;
	padding-bottom: 0;
	margin: 0;
	}
	.maincontent h2.noborder { border: none; margin-top: 0; }
	.maincontent p, .maincontent li, , #helper p,
	fieldset th, fieldset td, legend, #conciergebox td
	{
	color: #5E5555;
	font: 11px/13px Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 5px 25px 5px 0;
	}
	
	.maincontent p a, #conciergebox td a, .rightcontent li a {
	color:#5681AE;
	text-decoration:none;
	white-space: nowrap;
	}
	.maincontent p a:hover, #conciergebox td a:hover, , .rightcontent li a:hover {
	color:#900;
	}
	
	#conciergebox {
	border:#c2c29c 1px solid;
	width:250px;
	border-collapse:collapse;
	}
	#conciergebox th {
	font: bold 12px/16px Tahoma, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	color:#5681AE;
	background:#c2c29c;
	padding-left:10px;
	}
	#conciergebox td.dark {
	background:#c2c29c;
	}
	#conciergebox td.light {
	background:#e0e0cd;
	}
	
	
	div#dailysuggestion { /* daily suggestion block  */
	float: left;
	border-right: 1px solid #E4E4E4;
	padding-bottom: 10px;
	width: 180px;
	}
	div#atthevillage { /* at the village block  */
	position: relative;
	left: -1px;
	float: left;
	border-left: 1px solid #E4E4E4;
	padding-bottom: 10px;
	width: 255px;
	z-index: 3;
	}
	div#weatherbox { /* weather placeholder */
	padding-bottom: 20px;
	}
	#weatherbox td {
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 120px;
	}
	
.tableWeather {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	background-color: #FFFFFF;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	text-align: center;
}

.bdrweather {
	background-color: #CCCC99;
}

.bdrweather2 {
	background-color: #F7F7F7;
}

.tableWeatherH {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
	background-color: #CCCC99;
	text-align: center;
}

.tableWeatherH2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #615858;
	text-decoration: none;
	background-color: #DDE7F3;
	text-align: center;
}

.tableWeatherSub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	text-decoration: none;
	background-color: #E0E0CD;
	text-align: center;
}

.tableWeatherSub2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #615858;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: center;
}	
	.additional { /* additional blocks - these can be stacked as needed  */
	float: left;
	padding-bottom: 10px;
	width: 437px;
	}
	
	div.theatre {  border:1px solid #CCC; margin: 10px 10px 0 10px; }
	div.theatrename { padding:3px 5px; font-weight:bold; background:#799abe; color:#fff; clear:both; }
	div.theatreleft { float:left; width:204px; border:solid #CCC; border-width:1px 0 0 0; padding: 5px 2px; clear:left; height: 6em; min-height: 6em;}
	div.theatreright { margin-left:208px; border:solid #CCC; border-width:1px 0 0 1px; padding: 5px 2px;
	height: 6em;
	min-height: 6em; }
	
	
	div>div.theatreright, div>div.theatreleft {
	height: auto;
	}

	.maincontent ul.movieinfo { padding:0; margin:0; list-style:none; }
	.movieinfo li { margin:0 5px 0 0; padding: 0; list-style:none; line-height: 1.2; }
	li.moviename { padding:0 0 3px 0; font-weight:bold;  }
	
/* secondary content - rightbar -  */
div.rightcontent {
	float: left;
	width: 150px;
	}
	.rightcontent h2 {
	padding-top: 10px;
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	color:#5681AE;
	padding-bottom: 0;
	margin: 0;
	}
	.rightcontent ul {
	margin: 0;
	padding: 0 0 0 15px;
	}
	.rightcontent li {
	margin-bottom: 4px;
	list-style-type: disc;
	}
	.rightcontent p, .rightcontent li {
	color: #5E5555;
	font: 11px/13px Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 5px 25px 5px 0;
	}
	.external li {
	list-style: disc url(../amenities/concierge/img/ico_externallink.gif);
	}
	.two {
	margin-top: 43px;
	}
	.two img {
	display: block;
	border: 1px solid #ABAC84;
	padding: 1px;
	}


/* - concierge requests specific ------------------------------------------ */

/* switchboard request navigation */
div#switchboard {
	background: #D2D2BC;
	border-top: 1px solid #ADAD85;
	border-bottom: 3px solid #E0E0D9;
	height: 50px;
	}
	#switchboard ul {
	margin: 0;
	padding: 0;
	}
	#switchboard li {
	position: relative;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	z-index: 100;
	}
	#switchboard li a {
	float: left;
	display: block;
	color: #5781AE;
	background: url(../amenities/concierge/img/bg_switch.gif) 0 0 no-repeat;
	border-right: 1px solid #ABAC84;
	text-align: center;
	height: 50px;
	width: 72px;
	}
	#switchboard li a:hover {
	background-position: -72px 0;
	color: #990000;
	}
	#switchboard li a img {
	display: block;
	margin: 8px 0 8px 2px;
	}
	#switchboard li>a>img {
	display: block;
	margin: 8px 0 8px 26px;
	}
	*:first-child+html #switchboard li>a>img {
	margin: 8px 0 8px 2px;
	}
	
	#switchboard li a span {
	display: block;
	bottom: 2px;
	margin: 0px auto 0 auto;
	}
	#switchboard li em {
	display: block;
	position: absolute;
	color: #999;
	left: 14px;
	margin: 51px 0 0 0;	
	z-index: 101;
	}
	#active a { /* assign this id to current active section li */
	background-color: #D2D2BC;
	color: #950024;
	}
	#switchboard li#active a { 
	color: #9E0024; 
	background-position: -72px 0;
	}

/* progress indicator  */
div#progress {
	position: relative;
	background: #ECECE6;
	height: 20px;
	z-index: 1;
	}
	#progress #line {
	border: none;
	border-bottom: 1px dashed #777;
	margin: 0 0 0 35px;
	padding: 8px 0 0 0;
	width: 440px;
	z-index: 2;
	}
	#progress>div#line { 
	padding: 20px 0 0 0;
	}
	*:first-child+html #progress>div#line {
	padding: 6px 0 0 0;
	}	
	#progress img#indicator { /* see html template for left positioning style   */
	position: absolute;
	top: 14px;
	z-index: 3;
	}

form { 
	background: #F7F7F7;
	margin: 0;
	padding: 0;
	}

.required { color:#F00; margin:0 0 10px 195px; }

/* help widget */
div#helper {
	background: #FFF;
	border: 1px solid #B3C5D8;
	color:  #666;
	font: 10px/13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 10px;
	padding: 10px;
	width: 545px;
	}
	p.closer {
	margin-bottom: -10px;
	padding: 0; 	
	}
	p.closer a {
	color:  #666;
	}
	.help {
	font: bold 10px/13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 10px 10px 0 535px;
	}
	.help a {
	background: url(../amenities/concierge/img/ico_help.gif) left no-repeat ;
	color: #5781AE;
	width:13px;
	height:13px;
	padding: 0 0 0 15px;
	}	

/* fieldsets for the forms */
fieldset { 
	background: #FFF;
	border: 1px solid #D2D2BC;
	color:  #666;
	margin: 10px 0 0 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 400px;
	}
	legend {
	font-weight: bold;
	margin: 0;
	}
	fieldset th {
	padding: 5px 9px;
	text-align: right;
	width: 100px;
	}
	fieldset th label {
	font-weight: normal;
	}
	fieldset td {
	font-size: 11px;
	padding: 5px 0;
	}
	fieldset td input, fieldset td select, fieldset td textarea  {
	border: 1px solid;
	border-color: #666 #EEE #EEE #666;
	background-color: #EEE;
	width: 200px;
	}
	fieldset td input.tic, fieldset td select.tic, fieldset td .tic input {
	clear: left;
	border: none;
	background-color: transparent;
	width: auto;
	vertical-align: middle;
	margin-right: 3px;
	}
	.vtop { /* use this to top align a cell */
	vertical-align: top;
	}
	/* submit button treatment */
	.submit { 
	background: url(../amenities/concierge/img/bg_submit.gif) repeat-x; 
	border: 2px solid;
	border-color: #B65E61 #530B0D #530B0D #B65E61;
	color: #FFF;
	font-size: 11px;
	margin-right: 10px ;
	padding: 2px 8px;
	cursor:pointer;
	}
	.submit:active {
	border-width: 1px;
	}

	#lnkSendConcierge {
	float:  right;	
	margin: 5px 10px 0 0;
	}

	*:first-child+html #lnkSendConcierge {
	margin-top: -15px;
	}

/* ------------------------------------------ end concierge requests specific */

/* admin view */
a.edit {
	display: block;
	float: right;
	}

	/* inline popup exceptions and styles */	
	div#mask {
	position: absolute;
	top: 0; left: 0;
	background-color: #222;
	filter: alpha(Opacity=95);
	opacity: .80;	
	width: 100%; 
	height: 150%;
	overflow: hidden;
	z-index: 301;
	}	
	#inlinepop {
	position: absolute;
	top: 100px;
	left: 200px;
	background: #FFF;
	border: 2px solid #5481AD;
	width: 470px;
	height: 390px;
	z-index: 998;
	}
	#inlinepop #editor {
	position: relative;
	}
	
	#editor h1 {
	display: block;
	background: #5481AD;
	color: #FFF;
	margin: 1px;
	padding: 5px 10px;
	font: bold 11px Verdana, sans-serif;
	}
	#editor table {
	border-collapse: collapse;
	margin: 10px auto;
	width: 95%;
	}
	#editor th, #editor td {
	background: #EBEBEB;
	border-bottom: 2px solid #FFF;
	font: normal 11px Verdana, sans-serif;
	padding: 15px 10px;
	vertical-align: top;
	}
	#editor th {
	text-align: left;
	}
	#editor .textinput {
	border: 1px solid;
	border-color: #666 #EEE #EEE #666;
	background-color: #FFF;
	width: 340px;
	}
	#editor textarea {
		height:185px;
	}
	#editor .submit {
	font-weight: bold;
	padding: 1px 15px;
	}
		
		
/* -- */

.clear { clear: both; } /* do not remove this! */
.smalltxtfield
	{
		border: 1px solid;
	border-color: #666 #EEE #EEE #666;
	background-color: #EEE;
	width: 25px;
	}
	
a.diningLink
{
	font-size: 11.5px;
	height:20px;
	vertical-align:middle;
	color: #5681AE;
	text-decoration: none;

}
.diningLink:hover {
	color: #990000;
	text-decoration: underline;
}	
.smallSelect { /* use this to top align a cell */
	border: 1px solid;
	border-color: #666 #EEE #EEE #666;
	background-color: #EEE;
	width: 50px;
	}
.weekDay { /* use this to top align a cell */
	border:none;
	border-color: #666 #EEE #EEE #666;
	background-color: #FFFFFF;
	width: 75px;
	}


emailset { 
	background: #FFF;
	border: 1px solid #D2D2BC;
	font: 11px/13px Arial, Helvetica, sans-serif;
	margin: 10px 0 0 10px;
	width: 400px;
	}
legend {
	font-weight: bold;
	margin: 0;
	}
	emailset th {
	padding: 5px 9px;
	font: 11px/13px Arial, Helvetica, sans-serif;
	text-align: right;
	width: 100px;
	}
	emailset td {
	font: 11px/13px Arial, Helvetica, sans-serif;
	padding: 5px 0;
	}
	emailset th, emailset td, legend
	{
	color: #5E5555;
	font: 11px/13px Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 5px 25px 5px 0;
	}
	
	.emailth {
	padding: 5px 9px;
	font: 11px/13px Arial, Helvetica, sans-serif;
	text-align: right;
	width: 100px;
	}
	
	
	
	div#SonnenalpDetail table {
	display: block;
}