/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 25.01.2010
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <div><ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 *                  </li>
 *              </ul></div>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */
 
/**
* This is for the top menu for stay and touristinfo 
*/
.TopRC { background: url("/content/images/blackgrey/TopRC.jpg") right bottom; width:100%;}
.InActiv { color:White; background: url("/content/images/blackgrey/deselected.jpg") repeat; min-height:44px; height:44px;}   
.StartInActiv { background: url("/content/images/blackgrey/InActiveStart.jpg") no-repeat; min-height: 44px; min-width:66px;} 
.StartInActiv span{width:66px;height:44px;}
.EndInActiv { background: url("/content/images/blackgrey/deselectedEnd.jpg") no-repeat; min-height:44px; min-width:36px;}
.EndInActiv span {height:44px;width:36px;}    
.Selected{ background: url("/content/images/blackgrey/Selected.jpg") repeat; min-height:44px;}  
.StartMiddleSelected{ background: url("/content/images/blackgrey/StartMiddleSelected.jpg") no-repeat; min-height:44px; min-width:25px; max-width:25px;}  
.StartMiddleSelected span {height:44px;width:25px;}  
.EndMiddleSelected { background: url("/content/images/blackgrey/EndMiddleSelected.jpg") no-repeat; min-height:44px; min-width:25px; }        
.EndMiddleSelected span {height:44px;width:25px;}      
.Bottom{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:Gray;}    

#header { background: url(/content/images/header_bckg.gif) repeat-x ; height:120px;  }
 
#topmenu {color:#fff; text-align:center; margin-top:22px;}
#topmenu ul{ width:780px; margin:0 auto;list-style:none; padding:0; text-align:left;}
#topmenu ul li{display:inline}
#topmenu ul a { display:block; float:left; font-weight:normal; font-size:13px; text-decoration:none; color:#fff; background:url(/content/images/blackgrey/menu_enactive.gif) no-repeat bottom center; padding:8px 10px; width:118px; text-align:center; text-transform:uppercase;}
#topmenu ul a:hover { background:url(/content/images/blackgrey/menu_over.gif) no-repeat bottom center; color:#232323;}
#topmenu ul a.active { background:url(/content/images/blackgrey/menu_active.gif) no-repeat bottom center; color:#232323;}
#topmenu ul a.active:hover { background:url(/content/images/blackgrey/menu_active.gif) no-repeat bottom center; color:#232323;}

 
#menu, #menu * {
    list-style:none;
    border:0;
    padding:0;
    margin:0;
}
#menu {
    width:173px;
    position:relative;
    z-index:999;
    background:url(/content/images/blackgrey/base.png) -173px 0;
    padding-top:20px;
}
#menu ul {
    background:url(/content/images/blackgrey/base.png) 0 bottom;
    padding-bottom:11px;
}
* html #menu, * html #menu ul { background-image:url(/content/images/blackgrey/base.gif); }
#menu div {
    width:180px;
    position:relative;
    background:url(/content/images/blackgrey/sub.png) -180px 0;
    padding-top:9px;
}
#menu div ul {
    background:url(/content/images/blackgrey/sub.png) 0 bottom;
    padding-bottom:5px;
}
* html #menu div, * html #menu div ul { background-image:url(/content/images/blackgrey/sub.gif); }
*+html #menu li { border-bottom:1px solid transparent; }
#menu li div {
    visibility:hidden;
    position:absolute;
    margin:-44px 0 0 -2px;
    left:100%;
}
* html #menu li div, *+html #menu li div { margin-top:-42px; }
#menu li:hover>div { visibility:visible; }
* html #menu li { height:34px; }
#menu li a {
    display:block;
    font-size:11px;
    font-family:'Trebuchet MS', Arial, Verdana;
    font-weight:bold;
    text-decoration:none;
    color:#fff;
    padding-top:11px;
    cursor:pointer;
    position:relative;
    z-index:9;
}
*+html #menu li a { padding-top:12px; }
* html #menu li a { padding-top:10px; }
#menu li.current a,
#menu li a:hover { background:url(/content/images/blackgrey/base-select.gif) no-repeat -163px 0; }
#menu li span {
    line-height:14px;
    padding:0 19px 11px 17px;
    display:block;
}
*+html #menu li span { padding-bottom:10px; }
* html #menu li span {
    height:24px;
    padding-bottom:2px;
}
#menu li.current a span,
#menu li a:hover span { background:url(/content/images/blackgrey/base-select.gif) no-repeat 5px bottom; }
#menu li a:hover span { color:#fff; }
#menu li a.parent:hover span { background:url(/content/images/blackgrey/base-select.gif) no-repeat -331px bottom; }
#menu.js-active li.current a,
#menu.js-active li.current a span,
#menu.js-active li a:hover,
#menu.js-active li a:hover span { background-image:url(/content/images/blackgrey/pix.gif); }
#menu li a.parent span, #menu.js-active li a.parent span { background:url(/content/images/blackgrey/base-select.gif) no-repeat -499px bottom; }
#menu li.current li a,
#menu li.current li a span { background-image:url(/content/images/blackgrey/pix.gif); }
#menu li li { border:0; }
#menu li li a span { color:#fff; }
#menu li li a.parent span, #menu.js-active li li a.parent span { background:url(/content/images/blackgrey/sub-select.gif) no-repeat -520px bottom; }
#menu li li a:hover, #menu.js-active li li a:hover { background:url(/content/images/blackgrey/sub-select.gif) no-repeat -170px 0; }
#menu li li a:hover span,
#menu.js-active li li a:hover span {
    background:url(/content/images/blackgrey/sub-select.gif) no-repeat 5px bottom;
    color:#fff;
}
#menu li li a.parent:hover span, #menu.js-active li li a.parent:hover span { background:url(/content/images/blackgrey/sub-select.gif) no-repeat -345px bottom; }
#menu li.back {
    width:170px;
    z-index:8;
    position:absolute;
    background:url(/content/images/blackgrey/lavalamp.gif) no-repeat 5px bottom;
}
#menu li.back .left {
    width:170px;
    float:none;
    position:relative;
    top:0;
    left:0;
    height:7px;
    overflow:hidden;
    padding:0;
    margin:0;
    visibility:visible;
    background:url(/content/images/blackgrey/lavalamp.gif) no-repeat -163px 0;
} 

#rounded-corner
{
	font-family: "Verdana";
	font-size: 12px;
	margin: 5px 25px 5px 25px;
	text-align: left;
	border-collapse: collapse;
	width:100%;
}
#rounded-corner thead th.round-header-left
{
	background: #444444 url('/content/images/blackgrey/left.png') left -1px no-repeat;
}

#rounded-corner thead th.round-header-right
{
	background: #444444 url('/content/images/blackgrey/right.png') right -1px no-repeat;
	text-align:right;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 16px;
	color: #f9f9f9;
	background: #444444;
	text-align:left;
	vertical-align:middle;
}
.TdHeader
{	font-weight:bold;
	font-size: 14px;
    }
#rounded-corner td
{
	padding: 8px;
	background: #E8EDFF;
	border-top: 1px solid #fff;
	color: #666666;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #E8EDFF url('/content/images/blackgrey/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #E8EDFF url('/content/images/blackgrey/botright.png') right bottom no-repeat;
}

#rounded-corner tbody td.TodoC0
{
	background: #E8EDFF url('/content/images/yellow-bar.gif') 0 center repeat-x;
}

#rounded-corner tbody td.TodoC1
{
	background: #E8EDFF url('/content/images/green-bar.gif') 0 center repeat-x;
}

#rounded-corner input[type="text"]
{
    padding: 4px;
    border: solid 1px #888888;
    background-color: white;
} 

#rounded-corner input[type="image"]
{
    border-width:0px;
} 


/* This is for the class Round Corner Table  */
.rounded-corner
{
	font-family: "Verdana";
	font-size: 12px;
	margin: 5px 25px 5px 25px;
	text-align: left;
	border-collapse: collapse;
	width:100%;
}
.rounded-corner thead th.round-header-left
{
	background: #444444 url('/content/images/blackgrey/left.png') left -1px no-repeat;
}

.rounded-corner thead th.round-header-right
{
	background: #444444 url('/content/images/blackgrey/right.png') right -1px no-repeat;
	text-align:right;
}
.rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 16px;
	color: #f9f9f9;
	background: #444444;
	text-align:left;
	vertical-align:middle;
}  
.rounded-corner td
{
	padding: 8px;
	background: #E8EDFF;
	border-top: 1px solid #fff;
	color: #666666;
}

.rounded-corner tfoot td.rounded-foot-left
{
	background: #E8EDFF url('/content/images/blackgrey/botleft.png') left bottom no-repeat;
}
.rounded-corner tfoot td.rounded-foot-right
{
	background: #E8EDFF url('/content/images/blackgrey/botright.png') right bottom no-repeat;
}

.rounded-corner tbody td.TodoC0
{
	background: #E8EDFF url('/content/images/yellow-bar.gif') 0 center repeat-x;
}

.rounded-corner tbody td.TodoC1
{
	background: #E8EDFF url('/content/images/green-bar.gif') 0 center repeat-x;
}

.rounded-corner tbody td.round-section-left
{   font-weight:bold;
	font-size: 14px;
	background: #888888;
	color:white;
	border-bottom: 1px solid #444444;
}

.rounded-corner tbody td.round-section-right
{   font-weight:bold;
	font-size: 14px;
	background: #888888;
	color:white;
	text-align:right;
	border-bottom: 1px solid #444444;
}

.rounded-corner input[type="text"]
{
    padding: 4px;
    border: solid 1px #888888;
    background-color: white;
} 

.rounded-corner input[type="image"]
{
    border-width:0px;
} 
.TdHeader
{	font-weight:bold;
	font-size: 14px;
    }
 
/* End for Round Corner Table */

#footer {background:url(/content/images/footer_bckg.gif) repeat-x #3f3e3e 0 2px; height:94px; margin-top:20px; clear:both;}
#left_footer { float:left; padding:40px 0 0 30px; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px;}
#left_footer a { color:#FFFFFF;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right;  padding:40px 30px 0 0; text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:right;}
#right_footer a { color:#FFFFFF;}
#right_footer a:hover { text-decoration:none;}

.monthCalendar {
	width:800px;
}

	.monthCalendar th.dayHeaderStyle {
		font-weight: normal;
		font-size: 0.8em;
		padding: 2px 5px;
		border: 1px solid #039;
		background-color: #88AADD;
		color: #000;
		text-align: center;
		line-height: 1.6em;
	}

	.monthCalendar .dayStyle {
		height: 50px;
		overflow: visible;
		border: 1px solid #039;
		text-align: left;
		vertical-align: top;
		background-color: #F0F0F6;
	}

	.monthCalendar .weekendDayStyle {
		height: 50px;
		overflow: visible;
		background-color: #E0E0F0;
		border: 1px solid #000;
		text-align: left;
		vertical-align: top;
	}

	.monthCalendar .otherMonthStyle {
		height: 50px;
		overflow: visible;
		background-color: #CCD;
		border: 1px solid #000;
		text-align: left;
		vertical-align: top;
	}

	.monthCalendar .todayStyle {
		border: 2px solid #00F;
		text-align: left;
		vertical-align: top;
	}
	
	/* Style for booking detail page */
.DetailTable 
{
    border-bottom: 1px solid #999999;
        width:100%;
}

.DetailTable thead th
{   color: #ffffff;
    font-weight:bold;
    font-family:Verdana;
     font-size:14px;
    height: 30px;
    background-color: #999999;
    border-bottom: 1px solid #444444;
}

.DetailHeader 
{
	border: 1px solid red;
}