body{padding:0px; margin:0px; background:url(images/mainbg_booking-blue.jpg) 0 0 repeat-x #565656 !important; color:#707070 !important}

/*----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;}
.name{color:#444444 !important}
.date{color:#555555 !important}
#topPan p.company{color:#fffff3 !important}
#topPan p.company a:link, #topPan p.company a:active, #topPan p.company a:visited{color:#fffff3 !important}
#topPan p.company a:hover{color:#fffff3 !important}
#topPan p.welcome{color:#003D79 !important}
#topPan p.welcome a:link, #topPan p.welcome a:active, #topPan p.welcome a:visited{color:#003D79 !important}
#topPan p.welcome a:hover{color:#003D79 !important}
#topPan div.viewinfo p{color:#4e9ac8 !important}
#topPan div.viewinfo select{color:#555555 !important}

.viewinfo{color:#4e9ac8 !important}

/* MAIN NAV TOP PANEL----*/

.mainnav li a {color:#333333 !important; background:url(images/mainnav/nav-left.png) no-repeat top left !important}
.mainnav li a b {background:url(images/mainnav/nav-right.png) no-repeat top right !important}
.mainnav li a:hover {color:#333333 !important; background:url(images/mainnav/nav-hover-left.png) no-repeat top left !important}
.mainnav li a:hover b {color:#333333!important; background: url(images/mainnav/nav-hover-right.png) no-repeat right top !important}
#current a {color:#FF6600 !important; background: url(images/mainnav/nav-current-left.png) no-repeat top left !important}
#current a b {color:#FF6600 !important; background: url(images/mainnav/nav-current-right.png) no-repeat right top !important}

/*----BODY TOP PANEL----*/
#bodytopmainPan{ background:#d1e0ef !important; color:#8D8D8D !important}
#bodytopPan{background:#f0f5fa !important; color:#707070 !important}
#bodytopPan h2{background:#f0f5fa !important; color:#6E6C00 !important}
#bodytopPan p.more a{background:url(images/button1.gif) 0 0 no-repeat #fffff3 !important; color:#011664 !important}
#bodytopPan p.more a:hover{background:url(images/button2.gif) 100% 0% no-repeat #fffff3 !important; color:#011664 !important}

/*----FOOTER PANEL----*/
#footermainPan{background:#565656 url(images/footerbg.gif) repeat-x !important; color:#fffff3 !important}
#footerPan ul li a{color:#fffff3 !important; background:#565656 !important}

/* CALENDAR PANEL STYLES */
.calendar{background:#fffff3 !important}
.year{color:#4e9ac8 !important}

/* NOTICEBOARD PANEL STYLES */
.noticeboard{background:#fffff3 !important}
.noticeboard h2{color:#4e9ac8 !important}
.noticeboard p{color:#003D79 !important}

/* NOTICEBOARD PANEL STYLES */
.helper{background:#fffff3 !important}
.suspenderror, .suspenderror p {color:#f00 !important}
.helper h2{color:#4e9ac8 !important}
.helper p{color:#003D79 !important}

/* Styles for table with 12 months */
td.inactivemonth{color:#598fc3 !important; background:#d1e0ef !important}
td.activemonth{color:#003D79 !important; background:#e8f0f7 !important}
td.currentmonth{color:#011664 !important; background:#b0cecf !important}

/* Table with todays date */
.todaysdate{color:#003D79 !important}

/* Styles for calendar of chosen month */
td.dayname{	background:#4e9ac8 !important; color:#fffff3 !important}
td.inactiveday{color:#598fc3 !important; background:#d1e0ef !important}
td.activeday{color:#333333 !important; background:#e8f0f7 !important}
td.bookingday{color:#011664 !important; background:#b0cecf !important}
td.today{background:#555555 !important; color:#fffff3 !important}
	
/* Form CSS */
.bookingform a:link, .bookingform a:active, .bookingform a:visited{color:#fffff3 !important}
.bookingform a:hover{color:#fffff3 !important}
.bookingform table{background:#fffff3 !important}
.bookingform th{color:#fffff3 !important; background:#16619b !important}
.bookingform td{color:#333333 !important}
.bookingform label{color:#333333 !important}
span.tableexplanation{color:#CCCC33 !important}
	
/* Internal pages */	

.contentholder{background:#fffff3 !important}
.contentholder table{background:#f2f6fa !important}
.contentholder th{color:#fffff3 !important; background:#16619b !important}
.contentholder td{color:#011664 !important}
.contentholder h1, h1.editform {color:#16619b !important}
.contentholder h2{color:#16619b !important}
.contentholder p{color:#333333 !important}	
ul.invoices a:link, ul.invoices a:active, ul.invoices a:visited{color:#333333 !important}
ul.invoices a:hover{color:#476BC3 !important}

/* Links */
.whitelink a:link, .whitelink a:active, .whitelink a:visited{color:#fffff3 !important}
.whitelink a:hover{color:#fffff3 !important}

/* UI styles */
.ui-resizable-s{background: rgb(242, 242, 242) url(images/resize_textarea.jpg) repeat-x center 0% !important;}
.resizeBar{background-color: #cccccc !important; background-image: url(images/resize_textarea.jpg) !important;}
.loadingajax {background:#fffff3 !important}
#charlimitinfo {color:#cccccc !important}
#contentblockgrey ul{color:#cccccc !important}
#contentblockgrey li a{color:#4e9ac8 !important}
#contentblockgrey li a:hover{color:#cccccc !important}

/* CALENDAR PANEL STYLES */
.calendar {background:#fffff3 !important}
.year {color:#4e9ac8 !important}

.datepicker_current{color:#4e9ac8 !important}
tr.datepicker_titleRow td{background:#4e9ac8 !important; color:#ffffff !important}
td.datepicker_daysCell{background:#e8f0f7 !important; color:#013064 !important}
td.datepicker_weekEndCell{}
td.datepicker_pastDay{background:#d1e0ef !important; color:#2f6aaf !important}
td.datepicker_today,td.datepicker_today a{background:#666666 !important; color:#ffffff !important}
td.datepicker_currentDay,td.datepicker_currentDay a{background:#8cbfe0 !important; color:#ffffff !important}
td.datepicker_daysCellOver, td.datepicker_daysCellOver a {background:#ffffff !important; color:#013064 !important}
.datepicker_control{background:#fffff3 !important; color:#cccccc !important}
.datepicker_close{background:#fffff3 !important}
.datepicker_close a{color:#4e9ac8 !important}
.datepicker_close a:hover{color:#333333 !important}

/* NOTICEBOARD PANEL STYLES */
.noticeboard {background:#fffff3 !important}
.noticeboard h2 {color:#4e9ac8 !important}
.noticeboard p {color:#003D79 !important}

/* NOTICEBOARD PANEL STYLES */
.helper {background:#fffff3 !important}
.helper h2 {color:#4e9ac8 !important}
.helper p {color:#003D79 !important}

/* Styles for table with 12 months */
td.inactivemonth {color:#598fc3 !important; background:#d1e0ef !important}
td.activemonth {color:#003D79 !important; background:#e8f0f7 !important}
td.currentmonth {color:#011664 !important; background:#b0cecf !important}

/* Table with todays date */
.todaysdate {color:#003D79 !important}

/* Styles for calendar of chosen month */
td.dayname {background:#4e9ac8 !important; color:#fffff3 !important}
d.inactiveday {color:#598fc3 !important; background:#d1e0ef !important}
td.activeday {color:#333333 !important; background:#e8f0f7 !important}
td.bookingday {color:#011664 !important; background:#b0cecf !important}
td.today {background:#555555 !important; color:#fffff3 !important}

span.tableexplanation {color:#CCCC33 !important}
	
/* Internal pages */
.contentholder {background:#fffff3 !important}
.contentholder table {background:#f2f6fa !important}
.contentholder th {color:#fffff3 !important; background:#16619b !important}

.contentholder td {color:#011664 !important}
.contentholder h1 {color:#16619b !important}
.contentholder h2 {color:#16619b !important}
.contentholder p {color:#333333 !important}
ul.invoices a:link, ul.invoices a:active, ul.invoices a:visited {color:#333333 !important}
ul.invoices a:hover {color:#476BC3 !important}
.whitelink a:link, .whitelink a:active, .whitelink a:visited {color:#fffff3 !important}
.whitelink a:hover {color:#fffff3 !important}

/* REGISTER PAGE */
.formpanel h2 {color:#cc6600 !important}
.formpanel h2.edit {color:#CC6600 !important}
.formpanel h3 {color:#777777 !important}
.formpanel p {color:#777777 !important}
.formpanel label {color:#555555 !important}
.regularfield {background:#f2f6fa !important; color:#333333 !important}
.regularselect {color:#333333 !important}
.domainspan {color:#333333 !important}
.domainfield {background:#f2f6fa !important; color:#333333 !important}
.ccselect {color:#333333 !important}
.expdselect {color:#333333 !important}
.cvvfield {background:#f2f6fa !important; color:#333333!important}
.orangy {color:#fffff3 !important}
.buttonstyle {color:#fffff3 !important; background:#cc6600!important}

#confirmfieldset {background:#FF9900 !important}
#confirmfieldset h2 {color:#fffff3 !important}
#confirmfieldset h3 {color:#793900 !important}
#confirmfieldset p {color:#993300 !important}


/* GENERIC FORMS */
.dataform label {color:#555555 !important}
.dataform input,.dataform select,.dataform textarea {background:#f2f6fa !important; color:#333333 !important}
.dataform input.submitbtt {color:#fffff3 !important; background:#cc6600 !important}
.dataform button.exitbtt {color:#fffff3 !important; background:#003D79 !important}
p.formerror {color:#ff0000 !important}
input.error,select.error,textarea.error {background:#fcc !important}
fieldset#confirmfieldset  p.formerror {color:#f00 !important}

.roomreorder {background-color:#16619b !important}


/* Big booking table*/
.bookingtable table{background:#fffff3 !important}
.bookingtable th{color:#fffff3 !important; background:#16619b !important}
.bookingtable td{color:#011664 !important}
td.green,  tr.green  td{color:#222222 !important; background:#bedbee !important}
td.yellow, tr.yellow td{color:#222222 !important; background:#e7f0f0 !important}
td.blue,   tr.blue   td{color:#fffff3 !important; background:#84C1FF !important}
td.grey,   tr.grey   td,   tr.green   td.grey,   tr.yellow   td.grey{color:#333333 !important; background:#e8f0f7 !important}
td.redrow, tr.redrow td{color:#fffff3 !important; background:#990000 !important}
tr.yellow td.fullhour,tr.green td.fullhour{color:#333333 !important; background:#4e9ac8 !important}
tr.yellow td.minutes,tr.yellow td.minutes{color:#003D79 !important; background:#b0cecf !important}

.mybooked{background:#EEBB0D !important}
.mybooked h2{background:#CC8F13 !important; color:#fffff3 !important}
.mybooked h3{color:#333333 !important}
	
.booked{background:#8cbfe0 !important}
.booked h2{background:#519cd6 !important; color:#fffff3 !important}
.booked h3{color:#333333 !important}
.clicked{background:url(images/bck-clicked.gif) !important}
.bookedfloatlabel {color:#333333 !important}

.meetingnotesholder{background-image:url(images/spike2mirror.gif) !important;}
.meetingnotes{background: #fffff3 !important}
.meetingnotes h2{color:#333333 !important; background:#FEDB2D !important}
.meetingnotes p{color:#333333 !important;}

.roomnotesholder{background-image:url(images/spike2.gif) !important}
.roomnotes{background: #fffff3 !important}
.roomnotes h2{color:#333333 !important; background:#EEBB0D !important}
.roomnotes p{color:#333333 !important}