/* Start of CMSMS style sheet 'thehug.widgets.css' */
@charset "utf-8";
/* CSS Document */


/*************************************************************
 ****************** SEARCH + BREADCRUMBS CSS ******************
 *************************************************************/

#divSiteTools {
	clear: both;
	height: 24px;
	vertical-align: top;
}

#divSiteTools .hidden {
	overflow: hidden;
	height: 1px;
	display: none;
	visibility: false;
	
}

#divSiteTools div,
#divSiteTools span,
#divSiteTools a
{
	margin: 0px;
	padding: 0px;
}

#divBreadcrumbs {
	text-align: left;
	float: left;
	width:50%;
	height: 24px;
}

#divSearch {
	text-align: right;
        float: right;
	top: 0px;
	height: 24px;
}

#divSearch input {
	margin: 1px;
	font-size: 1em;
	border: 1px solid grey;
	background: none;
}

#divSearch label {
	display: none;
}

/*************************************************************
 ****************** ENQUIRY FORM CSS ***************************
 *************************************************************/

#divContentPanel .contactform div
{
	clear:left;
	float:left;
}

#divContentPanel .contactform label,
#divContentPanel .contactform input {
	display: block;
	width: 200px;
}

#divContentPanel .contactform input {
	margin-bottom:5px;
}

#divContentPanel .contactform .checkbox {
	width: 20px;
	float: left;
}

#divContentPanel .contactform .submit {
	clear:both;
	float:none;
}

#divContentPanel .contactform {
	width: 550px;
	background: url(uploads/images/fader.png) repeat-x;
	border: 1px solid #CBB3C0;
	padding: 15px;
	margin: 0 auto;
}

#divContentPanel .contactform h2 {
	margin: 10px auto;
	text-align:center;
}

/*************************************************************
 ****************** RESERVATIONS CSS ***************************
 *************************************************************/

#divReservations {
	color: #555;
	text-align: left;
}

#divReservations span {
	font-weight: bold;
}

#divReservations .paneltitle {
	bbackground: #a67e92;
	color: white;
}

#divReservations input, #divReservations textarea {
	background: white;
	border: 1px solid #d6c4cd;
	width: 98%;
	margin-bottom: 3px;
}

#divReservations select {
	margin-bottom: 3px;
}

#divReservations img.icon {
	width: 70px;
	float: left;
	margin: -8px 5px 5px -5px;
	display:none;
}

#divReservations {
	padding-left: 3px;
	padding-right: 3px;
}

#divReservations .error_message {
	padding: 3px;
}

#divReservations .error_message ul {
	margin: 0;
	padding: 0;
}

#divReservations .error_message li {
	list-style: none;
	list-style-type: none;
	font-size: 10px;
	color: maroon;
}

#divReservations .submit {
	text-align:center;
}

#divReservations .fbsubmit {
	background-color:#EEEEEE; 
	border-style: 1px solid #BBBBBB; 
	width: 130px;
	margin: 5px auto;
}

#divReservations .clsSubmitted {
	padding: 5px;
}


/*************************************************************
 ****************** DIMMI RESERVATIONS CSS *********************
 *************************************************************/
#divDimmi { text-align: center; }
#divDimmi img { width: 90%; margin: 10px auto; height: 65px; }

/*************************************************************
 ****************** BOOKONLINE CSS ****************************
 *************************************************************/

#divBookOnline {
	color: #555;
	text-align: left;
	padding: 5px;
	font-family: arial !important;
}

#divBookOnline table { width: 100%; }

#divBookOnline span {
	font-weight: bold;
}

#divBookOnline .paneltitle {
	background: none;
	color: black;
	font-size: 25px;
	text-align: center;
	margin: 5px 0;
	font-style: normal;
	font-weight: bold;
	font-family: arial !important;
}

#divBookOnline .panelsubtitle { 
	text-align:center;font-size:20px;margin:0;
}

#divBookOnline #btnBookingGo {
	color:#333333;
	border-style:1px solid #BBBBBB;
	padding-left: 3px;
	padding-right: 3px;
	padding-top:3px;
	width:100%;
	font-size:17px;
	margin: 10px 0;
}

#divBookOnline input {
	background: white;
	border: 1px solid #d6c4cd;
}

#divBookOnline img.icon {
	width: 70px;
	float: left;
	margin: -8px 5px 5px -5px;
	display:none;
}


/*************************************************************
 ****************** GALLERY CSS ****************************
 *************************************************************/

#divGallery {
	color: #555;
	text-align: center;
}

#divGallery ul {
	list-style: none;
	margin: 0;
	padding: 0px;
}

#divGallery ul li {
	margin: 4px 0 0 5px;
	padding: 0;
	height:55px;
	width:79px;
	float: left;
}

#divGallery ul li img {
	border: 3px solid #bBB3C0;
	max-height:45px;
	max-width:73px;
	width:expression(document.body.clientWidth > 73? "73px": "auto" );
	height:expression(document.body.clientHeight > 36? "36": "auto" );
	margin: auto auto;
}

#divGallery ul li img:hover {
	border: 3px solid white;
}

/*********************************************************
********************* CALL US NOW ******************
*********************************************************/

.divCallUsNow { padding: 5px;  }
.divCallUsNow p { font-weight: bold; text-align: center; font-size: 20px; margin: 0; color: #222; }

/*************************************************************
 ****************** SLIDESHOW CSS *******************************
 *************************************************************/
 
#divS3 {
	background: black url(uploads/images/bwbg-art.png) no-repeat scroll center center;
	margin: 0px 0px;
	text-align: center;
clear:both;
}

#divS3slider { 
   widdth: 100%; /* important to be same as image width */ 
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin: 0 auto;
}

#divS3sliderContent {
   height: 100%; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0px; /* important */
   /*Edit Daniel*/ left: 0px;
   margin: 0px; /* important */
   padding: 0px;
   width: 100%;
}

.divS3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   height: 100%;
   margin: 3px;
   width: 100%;
   text-align: center;
}

.divS3sliderImage img {
	height: 100%;
}

.divS3sliderImage span {
   position: absolute; /* important */
   font: Arial, Helvetica, sans-serif;
   font-size: normal;
   padding: 10px 13px;
   width: 100%;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;
   left: 0.5em;
	z-index: 99;
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}



/*************************************************************
 ****************** NEWS SLIDER CSS *******************************
 *************************************************************/
#divNewsFeed ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#divNewsFeed ul li {
	width: 170px;
} 

#divNews a:hover,
#divNews a:active,
#divNews a:visited,
#divNews a,
#divNews a img {
	color: #800000;
	border: 0 none;
}

#divNewsFeed .NewsSummaryCategory,
#divNewsFeed .NewsSummaryAuthor,
#divNewsFeed .NewsSummaryPostdate,
#divNewsFeed .NewsSummaryLink,
#NewsPostDetailCategory,
#NewsPostDetailAuthor, 
#NewsPostDetailReturnLink,
#NewsPostDetailDate,
#NewsPostDetailTitle
{
	display: none;
}

#divNews {
	color: #800000;
	text-align: left;
}

#divNews span {
	font-weight: bold;
}

#divNews .paneltitle {
	color: white;
}

#divNewsFeed {
	padding: 0px;
}

.NewsSummary {
	cursor:pointer;
}

.NewsSummary :hover {
	
}

/*************************************************************
 ****************** COLORBOX CSS *******************************
 *************************************************************/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:url(uploads/images/colorbox/overlay.png) 0 0 repeat;}

#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(uploads/images/colorbox/borderTopLeft.png) 0 0 no-repeat;}
	#cboxTopCenter{height:21px; background:url(uploads/images/colorbox/borderTopCenter.png) 0 0 repeat-x;}
	#cboxTopRight{width:21px; height:21px; background:url(uploads/images/colorbox/borderTopRight.png) 0 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(uploads/images/colorbox/borderBottomLeft.png) 0 0 no-repeat;}
	#cboxBottomCenter{height:21px; background:url(uploads/images/colorbox/borderBottomCenter.png) 0 0 repeat-x;}
	#cboxBottomRight{width:21px; height:21px; background:url(uploads/images/colorbox/borderBottomRight.png) 0 0 no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(uploads/images/colorbox/borderMiddleLeft.png) 0 0 repeat-y;}
	#cboxMiddleRight{width:21px; background:url(uploads/images/colorbox/borderMiddleRight.png) 0 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(uploads/images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-25px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(uploads/images/colorbox/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:0px -25px;}
		#cboxLoadingOverlay{background:url(uploads/images/colorbox/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(uploads/images/colorbox/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(uploads/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-50px -25px;}


/*************************************************************
 ****************** DATEPICKER CSS *******************************
 *************************************************************/
/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; background: lightyellow; padding: 10px; border: 1px solid maroon; color: black;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; font-weight: bold;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* End of 'thehug.widgets.css' */