/* CSS Document */
body{padding:0px; margin:0px; background:url(images/mainbg_booking.jpg) 0 0 repeat-x #565656; color:#707070; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, p, ol, dl, dd, dt, img, blockquote, q, div, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre{
margin: 0px;padding: 0px;}
:focus {outline:0;} 
a img {border: none; margin: 0px;padding: 0px;}
th, td, tr {vertical-align:top;z-index:1}
div {z-index:1}
/*----TOP PANEL----*/
#topPan{position:relative; width:860px; height:152px; margin:0px; padding:0px;}
#topPan p.companyname{position:absolute; width:400px; height:40px; top:20px; left:20px;}
#topPan p.companyname a:link, #topPan p.companyname a:active, #topPan p.companyname a:visited{font-size:28px; line-height:29px; letter-spacing:-1px; color:#FFFFFF; text-decoration:none;}
#topPan p.companyname a:hover{font-size:28px; line-height:29px; letter-spacing:-1px; color:#FFFFCC; text-decoration:none;}
#topPan ul{position:absolute; top:76px; left:180px; list-style-type:none; width:580px; height:32px; padding:0px; margin:0px;}
#topPan ul li{float:left; width:79px; height:32px; padding:0 0 0 1px;}
#topPan ul li a{display:block; width:79px; height:32px; background:url(images/menubg-normal.gif) 0 0 no-repeat; color:#555555; font-size:11px; font-weight:bold; line-height:32px; text-transform:uppercase; text-align:center; text-decoration:none;}
#topPan ul li a:hover{background:url(images/menubg-hover.gif) 0 0 no-repeat; color:#333333; text-decoration:none;}
#topPan ul li.home{display:block; width:79px; height:32px; background:url(images/menubg-hover.gif) 0 0 no-repeat; font-size:11px; font-weight:bold; line-height:32px; color:#7C7900; text-decoration:none; text-transform:uppercase; text-align:center;}
#topPan ul li.home a {background:none}
#topPan ul li.home a:hover {background:none}

#topPan ul.dropdown{position:absolute; top:129px; left:180px; list-style-type:none; padding:0px; margin:0px;}
#topPan ul.dropdown li{float:left;}
#topPan ul.dropdown li a{display:block; height: 21px; padding:0px 5px 0px 5px; background:#f5f5f5; color:#666; font-size:11px; text-decoration:none; text-align:center; line-height:18px; margin:0px 1px 0px 0px; border:1px solid #ddd; border-bottom:0px;} 
#topPan ul.dropdown li a:hover{text-decoration:none; background:#ddd; color:#333; margin:0px 1px 0px 0px; border-bottom:2px solid #ddd;}
#topPan ul.dropdown li.current a{text-decoration:none; background:#ddd; color:#333; margin:0px 1px 0px 0px; border-bottom:2px solid #ddd;}

.name{font-weight:bold;color:#444;}
.date{font-weight:bold;color:#555;}
#topPan p.company{position:absolute; top:30px; left:360px; width:300px; font-size:13px;line-height:15px;color:#fff;text-align:right;}
#topPan p.company a:link, #topPan p.company a:active, #topPan p.company a:visited{color:#fff;text-decoration:underline;}
#topPan p.company a:hover{color:#fff;text-decoration:none;}
#topPan p.welcome{position:absolute; top:116px; left:20px; font-size:12px; line-height:14px; color:#666;}
#topPan p.welcome a:link, #topPan p.welcome a:active, #topPan p.welcome a:visited{color:#0066CC;text-decoration:underline;}
#topPan p.welcome a:hover{color:#0066CC;text-decoration:none;}
#topPan div.search{position:absolute; top:76px; left:770px; width:205px;}
.searchinput{float:left; width:120px; height:16px; padding:2px 0px 1px 4px; margin:0px; font-size:11px;}
.searchbutton{float:left; width:60px; height:20px; padding:0px; margin:2px 0px 0px 5px;}
#topPan div.viewinfo{position:absolute; top:129px; left:370px;}
#topPan div.viewinfo p{float:left; font-size:12px; font-weight:bold; color:#999900; margin:1px 0px 0px 10px;}
#topPan div.viewinfo select{float:left; font-size:11px; color:#555; padding:1px; margin:0px 0px 0px 10px;}

/*----/TOP PANEL----*/

/*----BODY TOP PANEL----*/
#bodytopmainPan{ background:#ddd; color:#8D8D8D; float:left; padding:20px 00px 20px 0; }

#bodytopPan{width:750px; position:relative; background:#F4F4F4; color:#707070; margin:0 auto; padding:0px;}
#bodytopPan h2{background:#F4F4F4; color:#6E6C00; font-size:24px; height:70px; line-height:70px;}
#bodytopPan p{padding:0 38px 11px 0;}
#bodytopPan p span{font-weight:bold;}
#bodytopPan p.more{margin:0 0 15px 618px; padding:0px;}
#bodytopPan p.more a{display:block;width:79px; height:28px; background:url(images/button1.gif) 0 0 no-repeat #fff; color:#111; font-size:15px; line-height:28px; text-decoration:none; padding:0 0 0 10px;}
#bodytopPan p.more a:hover{background:url(images/button2.gif) 100% 0% no-repeat #fff; color:#111; text-decoration:none;}
/*----/BODY TOP PANEL----*/

/*----FOOTER PANEL----*/
#footermainPan{height:150px; background:#565656 url(images/footerbg.gif)  repeat-x ; color:#fff; clear:both;}
#footerPan{width:100%; position:relative; margin:0px;}
#footerPan ul{width:760px; position:absolute; top:40px; left:20px; list-style-type:none;}
#footerPan li{float:left; font:12px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 10px 0; color:#fff; background:#565656; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

.leftholder{float:left; width:175px; padding:0px 0px 0px 15px;margin:0;}

/* CALENDAR PANEL STYLES */
.calendar{float:left; width:125px; margin:0px 0px 15px 0px; padding:15px; background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
	.calendar td{font-family:Tahoma; font-size:10px; font-style:normal; font-weight:normal; text-align:center; border-bottom:1px solid #fff; vertical-align:middle;}
	.year{font-family:Tahoma; font-size:11px; font-style:normal; font-weight:normal; text-align:center; line-height:18px; color:#999900; font-weight:bold;}

/* NOTICEBOARD PANEL STYLES */
.noticeboard{float:left; width:125px; margin:20px 0px 0px 0px; padding:15px; background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
	.noticeboard h2{font-size:16px; line-height: 16px; font-style:bold; font-weight:bold; text-align:left; color:#999900; margin:0px; padding:0px;}
	.noticeboard p{font-size:11px; line-height: 13px; font-style:normal; font-weight:normal; text-align:left; color:#666; margin:10px 0px 15px 0px; padding:0px;}

/* NOTICEBOARD PANEL STYLES */
.helper{float:left; width:135px; margin: 0px 0px 15px 0px; padding:10px; background:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
	.suspenderror, .suspenderror p {color:#f00 !important}
	
	.helper h2{font-size:14px; line-height: 16px; font-style:bold; font-weight:bold; text-align:left; color:#999900; margin:0px; padding:0px;}
	.helper p{font-size:11px; line-height: 13px; font-style:normal; font-weight:normal; text-align:left; color:#666; margin:10px 0px 15px 0px; padding:0px;}

	.cc{padding:10px 0px 0px 0px; margin:0px 0px -10px 0px; clear:both;}

	/* Styles for table with 12 months */
	td.inactivemonth{font-family:Tahoma; font-size:10px; font-style:normal; font-weight:normal; text-align:center; height:15px; width:30px; color:#999; padding:0px; margin:0px; background:#ddd; text-decoration:none; border-right:1px solid #fff; border-bottom:1px solid #fff;}
	td.activemonth{font-family:Tahoma; font-size:10px; font-style:normal; font-weight:normal; text-align:center; height:15px; width:30px; color:#666; background:#eee; text-decoration:none; border-right:1px solid #fff; border-bottom:1px solid #fff;}
	td.currentmonth{font-family:Tahoma; font-size:10px; font-style:normal; font-weight:normal; text-align:center; height:15px; width:30px; padding:0px; margin:0px; color:#111;	text-decoration:none; background:#FFCC00; border-right:1px solid #fff; border-bottom:1px solid #fff;}

	/* Table with todays date */
	.todaysdate{width:125px; height:34px; font-family:Tahoma; font-size:10px; font-style:normal; font-weight:bold; text-align:center; color:#666;}

	/* Styles for calendar of chosen month */
	td.dayname{	font-family:Tahoma;	font-size:10px;	font-style:normal; font-weight:bold; text-align:center;	height:16px; width:17px; background:#999900; color:#fff; padding:0px; margin:0px; text-decoration:none; border-right:1px solid #fff; border-bottom:1px solid #fff;}
	td.inactiveday{font-family:Tahoma; font-size:10px; font-style:normal; font-weight:normal; text-align:center; height:16px; width:17px; color:#999; padding:0px; margin:0px; background:#ddd; text-decoration:none; border-right:1px solid #fff; border-bottom:1px solid #fff;}
	td.activeday{font-family:Tahoma; font-size:10px; font-style:normal; font-weight:normal; text-align:center; height:16px; width:17px; color:#333;	padding:0px; margin:0px; background:#eee; text-decoration:none; border-right:1px solid #fff; border-bottom:1px solid #fff;}
	td.bookingday{font-family:Tahoma; font-size:10px; font-style:normal; font-weight:normal; text-align:center; height:15px; width:17px; padding:0px; margin:0px; color:#111; text-decoration:none; background:#FFCC00; border-right:1px solid #fff; border-bottom:1px solid #fff;}
	td.today{background:#555; color:#fff; border-right:1px solid #fff; border-bottom:1px solid #fff;}
	
/* Big booking table*/
.bookingtable{font-family:"Trebuchet MS", Tahoma; float:left; position:relative; }

	.bookingtable table{position:relative; padding:0px; margin:0px; background:#fff;}
	.bookingtable th{font-size:12px;font-style:normal;font-weight:bold;	text-align:left; text-decoration:none; height:14px; padding:2px 2px 2px 10px; margin:0px; color:#ffffff; background:#5B5B00;}
	.bookingtable td{font-size:10px; font-style:normal; font-weight:normal; text-align:center; height:14px; padding:2px; margin:0px; color:#111; text-decoration:none;}
	td.green,  tr.green  td{height:14px; font-size:11px; font-style:normal; font-weight:normal; color:#222; text-align:left; padding:0px; background:#DADAA3;}
	td.yellow, tr.yellow td{height:14px; font-size:11px; font-style:normal; font-weight:normal; color:#222; text-align:left; padding:0px; background:#FFEFAE;}
	td.blue,   tr.blue   td{height:14px; font-size:11px; font-style:normal; font-weight:normal; color:#fff; text-align:left; padding:2px 2px 2px 3px; background:#84C1FF;}
	td.grey,   tr.grey   td,   tr.green   td.grey,   tr.yellow   td.grey{height:14px; font-size:11px; font-style:normal; font-weight:normal; color:#333; text-align:left; padding:2px 2px 2px 3px; background:#eeeeee;}

	td.redrow,   tr.redrow  td{height:14px; font-size:11px; font-style:normal; font-weight:normal; color:#fff !important; text-align:left; padding:2px 2px 2px 3px; background:#990000;}

	tr.yellow td.fullhour,tr.green td.fullhour{height:14px; width:25px; font-size:11px; font-style:normal; font-weight:bold; color:#333; text-align:left; padding:2px 2px 2px 3px; background:#999900;}
	tr.yellow td.minutes,
  tr.green td.minutes {height:14px; width:25px; font-size:10px; font-style:normal; font-weight:normal; color:#666; text-align:right; padding:2px 3px 2px 2px; background:#FFCC00;}

	.mybooked{top:0px;cursor:default;position:absolute;zoom:1; z-index:91; width:152px;   background:#EEBB0D;}
	.mybooked h2{display:block; padding:3px 0px 0px 0px; width:152px; height:19px; background:#CC8F13; color:#fff; font-size:12px; font-weight:bold; text-indent:5px;}
	.mybooked h3{display:block; padding:3px 0px 0px 0px; width:152px; height:19px; color:#333; font-size:12px; font-weight:bold; text-indent:5px;}
	
	.booked{cursor:default;position:absolute; z-index:90; width:152px;  background:#BEBE5C;}
	.booked h2{display:block; padding:3px 0px 0px 0px; width:152px; height:19px; background:#96963D; color:#fff; font-size:12px; font-weight:bold; text-indent:5px;}
	.booked h3{display:block; padding:3px 0px 0px 0px; width:152px; height:19px; color:#333; font-size:12px; font-weight:bold; text-indent:5px;}
	.clicked{top:0px;position:absolute; z-index:83; width:152px; height:45px; background:url(images/bck-clicked.gif)}
	
	.editbooking{width:42px;position:absolute;left:110px;padding:0;margin:0px;line-height:16px}
	
.bookedfloatlabel { width:70px;overflow:hidden;color:#333; font-size:12px; font-weight:bold;}
	

	.meetingnotesholder{z-index:101;display:none;top:-20px;top:0px;left:0px;position:absolute;margin-left:-175px;z-index:92; width:180px; background-image:url(images/spike2mirror.gif);background-repeat:no-repeat;background-position:right bottom}
	.meetingnotes{ z-index:100;margin:0px 0px 0px 20px; width:140px; font-family:"Trebuchet MS", Tahoma; font-size:11px; background: #ffffff;  border-bottom:1px solid #999; padding:0px;}
	.meetingnotes h2{color:#333; font-size:12px; background:#FEDB2D;text-indent:5px; font-weight:bold; margin:0px 0px 5px 0px;}
	.meetingnotes p{color:#333; font-size:11px; font-weight:normal; padding:5px;margin:0px 0px 0px 0px;}

	.roomnotesholder{display:none;top:-20px;top:0px;left:0px;position:absolute;margin-left:15px;z-index:99; width:180px; background-image:url(images/spike2.gif);background-repeat:no-repeat;background-position:left 40px}
	.roomnotes{ margin:0px 0px 0px 20px; width:260px; font-family:"Trebuchet MS", Tahoma; font-size:11px; background: #ffffff; border-right:1px solid #999; border-bottom:1px solid #999; padding:0px;}
	.roomnotes img {float:left;margin:0px 5px 5px 5px}
	.roomnotes h2{color:#333; font-size:12px; background:#EEBB0D;text-indent:5px; font-weight:bold; margin:0px 0px 5px 0px;}
	.roomnotes p{color:#333; line-height:12px;font-size:11px; font-weight:normal; padding:5px;margin:0px 0px 0px 0px;}


/* Form CSS */
#bookingformlayer{position:absolute; background:none;z-index:512}
.bookingformholder{ width:197px; background:url(images/spikemirror.gif) no-repeat 177px 210px; z-index:55;}
.bookingform{position:relative;margin:0px 0px 0px 0px; width:178px; height:415px; font-family:"Trebuchet MS", Tahoma; font-size:11px; background: #ffffff; border-left:1px solid #999; border-bottom:1px solid #999; padding:0px 0px 10px 0px;}

	.bookingform a:link, .bookingform a:active, .bookingform a:visited{color:#fff; text-decoration:none;}
	.bookingform a:hover{color:#fff;text-decoration:underline;}
	.bookingform table{clear:both; width:165px; margin:0px 0px 3px 0px; padding:0px; border:0px; background:#fff;}
	.bookingform th{font-size:12px;font-style:normal;font-weight:bold;	text-align:left; text-decoration:none; height:14px; padding:2px 2px 2px 10px; margin:0px; color:#ffffff; background:#5B5B00;}
	.bookingform td{color:#333; text-align:left; padding:1px 2px 0px 10px; margin:0px; border:0px;}
	.bookingform p{font-size:11px; line-height:12px; font-style:normal; font-weight:normal; border:0px; margin:3px 0px 1px 0px; padding:0px;}
	.bookingform span{float:left; line-height:22px; font-style:normal; font-weight:normal; border:0px; margin:1px 0px 1px 5px; padding:0px;}
	.bookingform label{float:left; width:40px; line-height:22px; font-style:normal; font-weight:normal; text-align:left; color:#333; margin:1px 5px 1px 0px;}
	.bookingform textarea{float:left; width:148px; height:45px; padding:1px; margin:0px; font-family: Tahoma; font-size:11px; font-style:normal; font-weight:normal;}
	.bookingform input{float:left; padding:1px; margin:2px 0px 2px 0px; font-family: Tahoma; font-size:11px;}
	.bookingform select{float:left; padding:0px; margin:0px 3px 0px 0px; font-family: Tahoma; font-size:10px;}
	.bookingform input.bookinglabel{width:102px;}
	.bookingform input.repeats{width:40px;vertical-align:middle}
	.bookingform span.repeated{float:left; vertical-align:middle; font-size:10px; line-height:15px; margin:0px; padding:0px 0px 0px 1px;}
	.bookingform span.confirmation{float:left; vertical-align:middle; font-size:10px; line-height:15px; margin:0px; padding:0px 0px 0px 3px;}
	.bookingform td.td50{width:48px;text-align:left;padding:0px;margin:0px;font-size:10px;}
	.bookingform td.td60{width:55px;text-align:left;padding:0px;margin:0px;font-size:10px;}
	.bookingform input.radiobut{float:left;width:14px;height:14px;vertical-align:middle;padding:0px;margin:0px;}
	.bookingform input.submitbutton{float:right;padding:0px;margin:4px 10px 4px 4px;}

		.reportdate{float:left; margin:1px; padding:1px; font-size:11px; font-style:normal; font-weight:normal;}
		span.tableexplanation{clear:both;font-size:10px;color:#CCCC33;}
	
/* Internal pages */	

	.contentholder{font-family:"Trebuchet MS", Tahoma; float:left; position:relative; width:530px; background:#fff; padding:20px; margin:0px 0px 20px 0px;}
	.contentholder table{width:530px; margin:0px 0px 20px 0px; background:#f5f5f5;}
	.contentholder th{font-size:12px; font-style:normal; font-weight:bold; text-align:left; height:14px; padding:2px; margin:0px; color:#ffffff; background:#5B5B00; text-decoration:none; width:100px;}
	.contentholder td{font-size:12px; font-style:normal; font-weight:normal; text-align:left; height:14px; padding:2px; margin:0px; color:#111; text-decoration:none;}
	.contentholder h1, h1.editform{font-family:Tahoma; font-size:24px; font-style:normal; font-weight:normal; color:#5B5B00; text-align:left; padding:0px 0px 10px 0px;}
	.contentholder h2{font-family:Tahoma; font-size:20px; font-style:normal; font-weight:normal; color:#5B5B00; text-align:left; padding:15px 0px 10px 0px;}
	.contentholder p{font-family:Tahoma; font-size:12px; font-style:normal; font-weight:normal; color:#333; text-align:left;}	

		ul.invoices{list-style-position: inside; list-style-type: disc; margin-left:5px; padding-left:5px;}
		ul.invoices li{clear:both; margin:0px; padding-left:10px;}
		ul.invoices a:link, ul.invoices a:active, ul.invoices a:visited{font-family:Tahoma; font-size:12px; font-style:normal; font-weight:normal; color:#333; text-align:left;}
		ul.invoices a:hover{font-family:Tahoma; font-size:12px; font-style:normal; font-weight:normal; color:#476BC3; text-align:left;}

/* Image styles */

	.panelheader{padding-bottom:8px;}
	.calendaricon{padding:2px 0px 0px 3px; float:left;}
	img.addroom{margin:0px; padding:1px 2px 1px 0px;}
		
/* Links */

.whitelink a:link, .whitelink a:active, .whitelink a:visited{color:#fff; text-decoration:underline;}
.whitelink a:hover{color:#fff; text-decoration:none;}

/* UI styles */

.ui-resizable-s {
	
	
	border-bottom: 1px solid rgb(222, 222, 222); 
	background: rgb(242, 242, 242) url(images/resize_textarea.jpg) repeat-x center 0%; 
	
	overflow: hidden; bottom: 0pt; 
	width: 100%; 
	position: absolute; 
	cursor: s-resize; 
	height: 4px; 
	left: 0px; 
	right: 0px; 
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial; 
	font-size: 0.1px; 
	-moz-user-select: none;
	
	}



.resizeBar
{
	width: 162px;
	height: 3px;
	background-color: #ccc;
	position: absolute;
	cursor:ns-resize;
	cursor:n-resize;
	background-image: url(images/resize_textarea.jpg);
	background-position: center;
	overflow: hidden;
	font-size: 1px;
	z-index:156;
}

.loadingajax {background:#fff;width:110px}
.loadingajax img {margin:0px 0px 0px 2px}

.roomoutline {border:0px solid black;position:absolute;visibility:hidden}
.bookingclick {cursor:pointer}

#charlimitinfo {color:#ccc;font-size:9px}

input#acctbl_rooms,input#acctbl_bookers {border:1px solid #D18F39;width:40px;float:left;padding:2px;margin-top:2px}
td#crooms div.arrows {padding:0px;margin:0px}
td#crooms div.arrows img{padding:0px !important;margin:0px !important;}
td#cbookers div.arrows {padding:0px;margin:0px}
td#cbookers div.arrows img{padding:0px !important;margin:0px !important;}

#contactformlink {position:absolute; top:5px; right:0px; width:300px; text-align:right;}
#contactformlink a {color:#FFFFFF; font-size:11px; line-height:13px; text-decoration:underline;}
#contactformlink a:hover {color:#FFFFCC; font-size:11px; line-height:13px; text-decoration:none;}
.contactformthanks {text-align:center;font-size:20px;font-weight:bold;margin-top:200px}
.roomreorder {background-color:#5B5B00}

div.searchrow {margin-bottom:3px}

#iReportKeywordInput {margin-left:16px;width:307px}

.deletetypeholder {border:1px solid #ccc;padding:3px;background-color:#fff;font-size:10px}
.errorField {
	border:1px solid red;
	background:#ffeeee;
}