/******************* EVENTS SYSTEM *******************/


/** newsBlock style 1 - title left of image 
.newsBlock { clear:both; overflow:auto; margin:20px 0; padding:30px; background:#f7f7f7; border:1px solid #eee; box-shadow:0px 2px 2px #ccc; }
.newsBlock .newsVideo { border:10px solid #fff; margin-bottom:20px; box-shadow:0px 1px 5px #ccc; background:#000; text-align:center; } 
.newsBlock .newsVideo iframe { width:820px; height:460px; }
.newsBlock .newsImage, .newsBlock .newsImageFrame, .newsBlock .newsImageBG { width:340px; height:216px; } 
.newsBlock .newsImage { position:relative; float:right; margin:30px 0 20px 30px; border:10px solid #fff; box-shadow:0px 1px 5px #ccc; } 
.newsBlock .newsImageFrame { position:absolute; top:0; left:0; } 
.newsBlock .newsImageBG { background-size:340px auto !important; background-repeat:no-repeat !important; background-position:center center !important; background:#ccc; }
.newsBlock h2.newsTitle { padding:0; margin:0; font-weight:bold; font-size:18px; }
.newsBlock h3.newsDate { padding:2px 0; margin:0; font-weight:normal; font-size:12px; }
.newsBlock h4.newsVenue { padding:0; margin:0; font-weight:normal; font-size:12px; }
.newsBlock .newsTeaser { font-size:12px; font-weight:bold; margin:10px 0; } 
.newsBlock .newsText { font-size:12px } 
.newsBlock .newsLinks { margin-top:20px; }
.newsBlock .newsLinks a { display:block; text-decoration:none; color:#118ad7 !important; background:url(/~css/images/icon_xlink.png) center left no-repeat; padding-left:20px; }
.newsBlock .newsLinks a:hover { text-decoration:underline; } **/

/** newsBlock style 2 - title above everything else **/
.newsBlock { clear:both; overflow:auto; margin:20px 0; padding:65px 30px 30px; background:#f7f7f7; border:1px solid #eee; box-shadow:0px 2px 2px #ccc; position:relative; } /** outer div for news block - padding top for title space **/
.newsBlock .newsVideo { border:10px solid #fff; margin-bottom:20px; box-shadow:0px 1px 5px #ccc; background:#000; text-align:center; } /** style the border of the video div **/
.newsBlock .newsVideo iframe { width:820px; height:460px; } /** change the Youtube iframe size to match the width of your website content area **/
.newsBlock .newsImage, .newsBlock .newsImageFrame, .newsBlock .newsImageBG { width:250px; height:150px; } /** image size **/
.newsBlock .newsImage { position:relative; float:right; margin:30px 0 20px 30px; border:10px solid #fff; box-shadow:0px 1px 5px #ccc; } /** image border **/
.newsBlock .newsImageFrame { position:absolute; top:0; left:0; } /** where we can add stylised image frame background **/
.newsBlock .newsImageBG { background-size:250px auto !important; background-repeat:no-repeat !important; background-position:center center !important; background:#ccc; } /** actual image div - make sure width is the same as the image size above **/
.newsBlock .newsTitle { position:absolute; top:30px; left:30px; } /** position article title above everything else **/
.newsBlock h2.newsTitle { padding:0; margin:0; font-weight:bold; font-size:18px; border-bottom:1px dashed #ddd; width:90%; } /** article title **/
.newsBlock h3.newsDate { color:#bbb; font-style:italic; padding:2px 0; margin:0; font-weight:normal; font-size:12px; display:inline-block; }
.newsBlock h4.newsVenue { color:#bbb; font-style:italic; padding:0 0 0 5px; margin:0 0 0 5px; font-weight:normal; font-size:12px; display:inline-block; border-left:1px solid #ddd; }
.newsBlock .newsTeaser { font-size:12px; font-weight:bold; margin:10px 0; }
.newsBlock .newsText { font-size:12px }
.newsBlock .newsLinks { margin-top:20px; }
.newsBlock .newsLinks a { display:block; text-decoration:none; color:#118ad7 !important; background:url(/~css/images/icon_xlink.png) center left no-repeat; padding-left:20px; }
.newsBlock .newsLinks a:hover { text-decoration:underline; } 

/** newsTicker **/
.newsTicker { padding:20px; font-size:11px; background:#f7f7f7; border:1px solid #eee; }
.newsTicker .newsImage, .newsTicker .newsImageFrame, .newsTicker .newsImageBG { width:255px; height:162px; } /** image size **/
.newsTicker .newsImage { margin:0 0 5px 0; float:none; padding:0; position:relative; } /** image border **/
.newsTicker .newsImageFrame { position:absolute; top:0; left:0; } /** where we can add stylised image frame background **/
.newsTicker .newsImageBG { background-size:255px auto !important; background-repeat:no-repeat !important; background-position:center !important; background:#ccc; } /** actual image div - make sure width is the same as the image size above **/
.newsTicker h2.newsTitle { padding:0 !important; margin:0 !important; font-weight:bold; font-size:11px; }
.newsTicker h3.newsDate { font-size:11px; padding:0 !important; margin:0 !important; font-weight:normal; }
.newsTicker h4.newsVenue { font-size:11px; padding:0; margin:0; font-weight:normal; }
.newsTicker .newsTeaser { font-size:11px; font-weight:normal; padding:0; margin:2px 0 0 0; height:55px; overflow:hidden; }
.newsTicker .newsLinks { display:block; margin-top:2px; }
.newsTicker .newsLinks a { display:block; color:#118ad7; }
.newsTicker .newsLinks a:hover { color:#333; }

/** newsArchive **/
.newsJump, .newsArchive { height:50px; padding:20px; border:1px solid #eee; background:#f7f7f7; overflow-y:scroll; float:right; width:40%; margin-bottom:20px; font-size:11px; }  /** change width if needed **/
.newsJump h2, .newsArchive h2 { font-size:14px; padding:0; margin:0; }
.newsJump ul, .newsArchive ul { padding:0; margin:5px 0 0 20px; }
.newsJump a, .newsArchive a { color:#118ad7; }
.newsJump { float:left; }

/** oldnews hide **/
.newsBlock .newsTeaser .old-news { display:none; }
.old-news br, .old-news img, .old-news h2, .old-news h1, .old-news h3 { display:none; }


/******************* Image Gallery CSS *******************/

.cmsGallery ul { width:100%; text-align:center; }
.cmsGallery ul, .cmsGallery li { padding:0; margin:0; }
.cmsGallery li { display:inline-block; width:150px; height:100px; overflow:hidden; box-shadow:1px 1px 1px #ccc; border:5px solid #fff; vertical-align:top; margin:2px; background:#f1f1f1; }
.cmsGallery li a, .cmsGallery li a img { border:none; }
.cmsGallery li a img { width:150px; }
.lb-next:hover, .lb-prev:hover { cursor:pointer; }
.cmsGallery li a:hover { cursor: url('/~images/template/magnify.cur'), -moz-zoom-in; }


/******************* CONTACT FORM ********************/

.buttonSend:hover { cursor:pointer; }


/** webrooms room description **/
		/* */
			.categoryDiv h2 { font-size:18px; padding:0 0 5px 20px; }
			.categoryDiv img { border:none; } /*ie fix*/
			.rwrRoomtype { padding:20px; background:#fff; box-shadow:1px 1px 3px rgba(0,0,0,0.2); margin-bottom:20px; position:relative; text-shadow:none; }
			.rwrRoomtype .popup-desc { clear:both; overflow:auto; }
		/*title/from/cap*/
			.rwrRoomtype h2 { padding:0 0 5px 0; margin:0 0 10px 0; border-bottom: 1px solid #ddd; font-size:16px; }
			.rwrRoomtype .desc-from { color:#999; background-position:top left; background-repeat:no-repeat; background-size:20px; padding-left:22px; font-style:italic; position:absolute; top:20px; right:20px;
				background-image:url('/~css/images/icon-from.png'); background-image:none, url('/~css/images/icon-from.svg'), url('/~css/images/icon-from.png'); line-height:20px; }
			.rwrRoomtype .desc-from .from { display:inline-block; }
			.rwrRoomtype .desc-cap { color:#999; background-position:top left; background-repeat:no-repeat; background-size:20px; padding-left:25px; font-style:italic; position:absolute; top:20px; right:140px;
				background-image:url('/~css/images/icon-guests.png'); background-image:none, url('/~css/images/icon-guests.svg'), url('/~css/images/icon-guests.png'); line-height:20px; }
		/*photos thumbs*/
			.rwrRoomtype .desc-photos-thumbs { position:relative; width:40%; float:right; margin:10px 0 0 20px; font-family:Arial, Helvetica, sans-serif; }
			.rwrRoomtype .desc-photos-thumbs ul.desc-photos-outer { margin:0; padding:0; width:100%; text-align:center; }
			.rwrRoomtype .desc-photos-thumbs ul.desc-photos-outer li.first { width:90%; height:180px; border:10px solid #eee; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); margin:0 0 5px 0; }	
			.rwrRoomtype .desc-photos-thumbs ul.desc-photos-outer li.first img { width:100%; height:180px; }
			.rwrRoomtype .desc-photos-thumbs ul.desc-photos-outer li { display:inline-block; width:15%; height:35px; overflow:hidden; border:3px solid #eee; margin:1px; }			
			.rwrRoomtype .desc-photos-thumbs ul.desc-photos-outer li img { height:35px; width:100%; border:none; }
			.rwrRoomtype .desc-photos-thumbs ul.desc-photos-outer li img:hover { cursor: url('/~css/images/magnify.cur'), -moz-zoom-in; }
		/*photos slides*/
			.rwrRoomtype .desc-photos-slides { background:#111; position:relative; width:40%; float:right; margin:10px 0 0 20px; font-family:Arial, Helvetica, sans-serif; border:10px solid #ECE9DF; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2); }
					/*photos slides img*/		
					.rwrRoomtype .desc-photos-slides ul.desc-photos-outer { margin:0; padding:0; width:100%; }
					.rwrRoomtype .desc-photos-slides ul.desc-photos-outer li { width:100%; overflow:hidden; display:inline-block; max-height:200px; text-align:center; }
					.rwrRoomtype .desc-photos-slides ul.desc-photos-outer li img { width:auto; height:200px; }
					.rwrRoomtype .desc-photos-slides ul.desc-photos-outer li img:hover { cursor: url('/~css/images/magnify.cur'), -moz-zoom-in; }
					/*photos slides prev/next*/		
					.rwrRoomtype .desc-photos-slides .desc-photos-left, 
					.rwrRoomtype .desc-photos-slides .desc-photos-right	{ width:5%; height:22px; z-index:9999; overflow:hidden; bottom:0; position:absolute; background:#000; color:#fff; text-align:center; line-height:22px; font-weight:bold; font-size:14px; opacity:0.1; }
					.rwrRoomtype .desc-photos-slides .desc-photos-left { left:0; }
					.rwrRoomtype .desc-photos-slides .desc-photos-right { right:0; }
					.rwrRoomtype .desc-photos-slides .desc-photos-left:hover, .rwrRoomtype .desc-photos-slides .desc-photos-right:hover	{ cursor:pointer; opacity:0.8; }
			.rwrRoomtype .desc-photos-slides .desc-caption { position:absolute; bottom:0; left:5%; z-index:9999; background:#000; color:#fff; opacity:0.6; 
				white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:86%; padding:4px 2%; font-size:11px; display:none; }
		/*content*/
			.rwrRoomtype .desc-text-div { overflow:auto; }
		/*description*/
			.rwrRoomtype .desc-description-outer { color:#666; padding:10px; }
			.rwrRoomtype .no-images .desc-description-outer { width:50%; float:left; }
		/*features*/
			.rwrRoomtype ul.desc-features-outer { margin:5px 0; padding:10px 10px 10px 30px; overflow:auto; font-size:12px; border-radius:5px; background:#f5f5f5; color:#666; }
			.rwrRoomtype ul.desc-features-outer li { width:30%; float:left; margin-right:10px; font-size:11px; line-height:16px; }
			.rwrRoomtype .no-images ul.desc-features-outer { width:40%; float:right; }
		/*bookingbutton*/
			.rwrRoomtype .desc-book-button { background:url('/~css/images/background_bookButton.png') top left no-repeat #1e4284; border:1px solid #2D86BF; border-radius:6px; font-size:14px;
				padding:7px 0; font-weight:bold; color:#fff; box-shadow:1px 1px 3px rgba(0,0,0,0.3); text-decoration:none; display:block; line-height:18px; }
			.rwrRoomtype .desc-book-button:hover { cursor:pointer; background:url('/~css/images/background_bookButton.png') top left no-repeat #2653a4; box-shadow:1px 1px 3px rgba(0,0,0,0.5); }
		/*avilability*/
			.rwrRoomtype .desc-avail { overflow:auto; font-family:Arial, Helvetica, sans-serif; padding:10px 0; text-align:center; }
			.rwrRoomtype .desc-avail h4 { font-weight:normal; font-size:10px; border-bottom:none; padding:5px 0 0 0; display:none; }
			.rwrRoomtype table.avail-table { margin:0 auto 10px auto; width:99%; font-size:10px; border-collapse:collapse; clear:both; }
			.rwrRoomtype table.avail-table th { font-weight:normal !important; color:#bbb; }	
			.rwrRoomtype table.avail-table td { padding:5px 0; border:1px solid #fff; }
		/*gradient*/
			.rwrRoomtype table.avail-table .avail { color:#333;
				background: #d4f7a5; /* Old browsers */
				background: -moz-linear-gradient(top,  #d4f7a5 1%, #b2ea78 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d4f7a5), color-stop(100%,#b2ea78)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #d4f7a5 1%,#b2ea78 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #d4f7a5 1%,#b2ea78 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #d4f7a5 1%,#b2ea78 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #d4f7a5 1%,#b2ea78 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4f7a5', endColorstr='#b2ea78',GradientType=0 ); /* IE6-9 */ }
			.rwrRoomtype table.avail-table .notavail { color:#bbb;
				background: #f1f1f1; /* Old browsers */
				background: -moz-linear-gradient(top,  #f1f1f1 1%, #e5e5e5 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f1f1f1), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #f1f1f1 1%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #f1f1f1 1%,#e5e5e5 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #f1f1f1 1%,#e5e5e5 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #f1f1f1 1%,#e5e5e5 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ }