/* CSS Document */
body { margin:0px; background:url(images/bgline.jpg) repeat-x; background-color:#000000; font-family:Univers Condensed; }

#wrapper  { margin:0px auto; width:806px; }
.header { background:url(images/topbg.jpg) no-repeat; }
.navigation { font-family:Helvetica Narrow, Univers Condensed, Arial Narrow, Helvetica, Arial; font-weight:bold; font-size:18px; color:#bec0c2; text-align:center; margin-top:15px;  }
.navigation a:link {  color:#bec0c2; text-decoration:none;} .navigation a:visited {  color:#bec0c2; text-decoration:none;} .navigation a:hover {  color:#f05033; text-decoration:none; text-shadow:#FFCC00 0px 0px 10px;}
.active { color:#f05033; text-decoration:none; text-shadow:#FFCC00 0px 0px 10px; }
.circlebg { background:url(images/circleimg.jpg) repeat-x; height:12px; margin-top:5px; }

.maindiv { margin-top:15px; height:338px; } 
.second_maindiv { margin-top:15px; font-size:12px; font-family:Arial, Helvetica, Times; color:#bec0c2; text-align:left; background:url(images/toptextbg.jpg) repeat-x top left #151314; padding:15px; border-bottom:2px solid #363636; border-left:2px solid #363233; border-right:2px solid #363233;  } 
	.slideshowdiv{border:1px solid #bcbec0; float:left;  } 
	.slideshowdivwide{border:1px solid #737373; } 
	
.eventDiv { margin-top:20px;  height:155px; }
	.eventbox1 { float:left; border:1px solid #737373; text-align:center; cursor:pointer; } 
	.eventbox2 { float:left;  border:1px solid #737373; margin-left:15px;  cursor:pointer; text-align:center; }
	.eventbox3 { float:right;  border:1px solid #737373;  cursor:pointer; text-align:center; }

h1{ font-family:Helvetica, Arial, Times; font-size:16px; color:#f05033; margin:10px 0px; text-shadow:#990000 0px 0px 10px;  }
h2 { font-family:Arial, Helvetica, Times; font-size:13px;  color:#f05033; text-transform:uppercase; }
hr { color:#666666; border:1px solid #333333; width:90%; margin:2px 0px;  }
b { color:#FFFFFF; }
p { line-height:18px; }
.dot { background:url(images/dot.jpg) no-repeat; height:12px; width:47px; margin:20px 0px; }

.eventbox { float:right; border:2px solid #393536; padding:2px; background-color:#000000; }
.textfiled { border:1px solid #999999; color:#CCCCCC; background-color:#666666; }
.style1 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; }

ul { margin:0px; padding-left:20px; list-style:none; line-height:25px; color:#CCCCCC; } li { list-style:url(images/arrow.png); }
table, td { line-height:22px; color:#bec0c2; } 

.style2_active { font-size:15px; font-weight:bold; font-family:Helvetica, Arial, Times;  background-color:#FFFFFF; border:5px solid #FF6600; color:#000000; padding:10px;  line-height:25px; text-align:center ; }



/* Menu Bar Start*/

.menu_div{ background-image:url(images/bag_menu.png); background-repeat:no-repeat; padding-bottom:2px; width:163px; float:right; margin-left:30px; }
.left_menu{ font-family:Arial, Helvetica, Verdana; font-size:12px; color:#5E5948; background-color:#AEAEAE; border:1px solid #6B6B6B; border-style:outset; height:22px;
line-height:22px; font-weight:normal; margin-right:2px; text-transform:capitalize; }
.left_menu a:link{ text-decoration:none; color:#000000; } 
.left_menu a:visited{ text-decoration:none; color:#000000; }
.left_menu a:hover{ text-decoration:none; color:#FFFFFF; font-weight:bold; }


a:link { text-decoration:underline; color:#FFFFFF;}  a:visited { text-decoration:underline; color:#FFFFFF;}  a:hover { text-decoration:none; color:#f05033;} 



/* Menu Bar End */

.reservation_table { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; }
.reservation_table td { color:#E8E8E8; }  .note { font-size:9px; font-family:Arial, Helvetica, sans-serif; text-align:justify; color:#CCCCCC; padding:10px 10px 0px 0px; line-height:normal; }

.footer{ font-family:Arial, Helvetica, sans-serif; color:#bec0c2; font-weight:bold; margin-top:30px; font-size:11px; }
.footer h1 { font-size:16px; text-align:left; margin-bottom:5px; }
.footer p{ margin-top:0px; margin-bottom:5px; }
.footer a:link{ text-decoration:none; color:#bec0c2; } .footer a:visited{ text-decoration:none; color:#bec0c2; } .footer a:hover{ text-decoration:none; color:#f05033; }


/* Horizantal Scroll bar css */
div.scrollholder {  position: relative; width: 280px; height: 335px; overflow:visible;  z-index: 1; background-color:#000000; float:right; border:1px solid #333333; }

div.scroll { position: absolute;  width: 95%; z-index: 2; font-family:Arial, Helvetica, Times; font-size:12px; color:#bec0c2; text-align:left; padding-left:20px; }
.scroll p { margin:0px; color:#bec0c2; text-align:left; }

/* <Scroll> */
div.track {    position: relative; float:right; top: 0; width:20px; height: 97%; font-size: 0; z-index: 3; background:#231F20; margin:5px 5px 0px 0px;; }

div.drag_bar { position: absolute; width: 13px; height: 43px; cursor: pointer; z-index: 4; background:url(images/scroller.jpg) no-repeat; margin:3px; }  



/* Style sheet for CalendarPickerControl System-colors theme */

div.calendarbutton{
	position: absolute;
	width: 15px;
	height: 16px;
	background: transparent url("../images/calendar.png") no-repeat center;
}

#CalendarPickerControl{
	background-color: transparent;
	width: 250px;
	height: 200px;
}

#CalendarPickerControl table.calframe{
	width: 100%;
	border: 1px solid black;
	background-color: buttonface;
	text-align: center;
}

#CalendarPickerControl td.monthname{
	width: 100%;
	font: normal 13px Verdana;
	color: captiontext;
	font-weight: bold;
	background-color: activecaption;
}

#CalendarPickerControl td.monthnameLNX{
	width: 100%;
	font: normal 13px Verdana;
	color: highlighttext;
	font-weight: bold;
	background-color: highlight;
}

#CalendarPickerControl table.navigation{
	width: 100%;
	text-align: center;
}

#CalendarPickerControl td.navbutton{
	font: normal 11px Verdana;
	color: buttontext;
	font-weight: bold;
	background-color: buttonface;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
	cursor: pointer;
}

#CalendarPickerControl td.navbutton:hover{
	text-decoration: underline;
	border-color: threeddarkshadow buttonhighlight buttonhighlight  threeddarkshadow;
	background-color: buttonshadow;
}

#CalendarPickerControl span.yearbutton{
	cursor: pointer;
}

#CalendarPickerControl span.yearbutton:hover{
	text-decoration: underline;
}

#CalendarPickerControl td.dayname{
	font: normal 11px Verdana;
	color: captiontext;
	font-weight: bold;
	background-color: activecaption;
}

#CalendarPickerControl td.daynameLNX{
	font: normal 11px Verdana;
	color: highlighttext;
	font-weight: bold;
	background-color: highlight;
}

#CalendarPickerControl td.today{
	font: normal 11px Verdana;
	background-color: buttonface;
	color: red;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
}

#CalendarPickerControl td.today:hover{
	text-decoration: underline;
	background-color: threedshadow;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.current{
	font: normal 11px Verdana;
	font-weight: bold;
	background-color: highlight;
	color: highlighttext;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.current:hover{
	text-decoration: underline;
}

#CalendarPickerControl td.day{
	font: normal 11px Verdana;
	background-color: buttonface;
	color: buttontext;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
}

#CalendarPickerControl td.day:hover{
	text-decoration: underline;
	background-color: threedshadow;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.weekend{
	font: normal 11px Verdana;
	color: buttontext;
	text-decoration: none;
	background-color: threedshadow;
	font-style: italic;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight threeddarkshadow threeddarkshadow buttonhighlight;
}

#CalendarPickerControl td.weekend:hover{
	background-color: buttonshadow;
	text-decoration: underline;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.dayothermonth{
	font:normal 11px Verdana;
	background-color: buttonhighlight;
	color: inactivecaptiontext;
	border: 1px solid buttonhighlight;
}

#CalendarPickerControl td.weeknumber{
	font:normal 9px Verdana;
	background-color: buttonface;
	color: inactivecaptiontext;
	border-width: 0px;
}


/* Template preview popup */
#tplPreview {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
  border:1px solid #444444;
  font-size: 11px;
  color: #4B4B4B;
  padding: 12px 15px 15px 15px;
}

#tplPreviewTitle {
  font-size: 16px;
}

#tplPreviewBody {
  position: relative;
}

#tplPreviewImage {
  margin: 8px auto 0 auto;
}

#tplPreviewProgressBar {
  position: absolute;
  width: 125px;
  padding: 10px 10px 15px 10px;
  top: 45%;
  left: 50%;
  margin-left: -67px;

  border: 1px solid #6A6A6A;
  background-color: #ffffff;
  color: #000000;
  font-family: Tahoma,Helvetica,sans;
  font-size: 10px;
  text-align:left;
}

.required
{
    FONT-SIZE: 8pt;
    COLOR: red;
    FONT-FAMILY: Verdana
}

.navblack{
color:#333333;
}