/* ----------------------------Reservation Manager Style SheetUse this file to change the styleof the ResMan front-end------------------------------- *//* ------------------------calendar styling...------------------------ */a {	text-decoration: none;	color: #000000;	text-align: left;}a:hover {	text-decoration: none;	color: #3163CE;}.calendarbackground {	border-style: outset;	border-width: 1px;	background-color:#CCCCFF;	text-align: center;}.year {	border-style: outset;	border-width: 1px;	background-color:#FFFFCC;	text-align: center;}.month {	border-style: none;	background-color:#FFFFCC;	text-align: center;}.yearname {	text-align: center;	font-size: 12px;	font-weight: bold;}.monthname {	text-align: center;	font-size: 9px;	font-weight: bold;	background-color: #DADADA;	color: #5D5D5D;	border-style: outset;	border-width:0px}.dayname td {	text-align: center;	font-size: 10px;	background-color: #3E97CF;	color: #ffffff;	border-style: outset;	border-width:0px}.yearnavigation {	font-size: 12px;}.monthnavigation {	font-family: Tahoma, Arial, sans-serif;}.monthpicker {	font-size: 11px;	background-color: #eeeeee;}.yearpicker {	font-size: 11px;	background-color: #eeeeee;}.nomonthday {	text-align: center;	font-size: 9px;	height:7px;	width:7px;	color: #aaaaaa;}.monthday {	text-align: center;	font-size: 9px;	font-weight: bold;	background-color: #E4E4E4;	color: #384955;	height:7px;	width:7px;}.today {	text-align: center;	font-size: 9px;	font-weight: bold;	background-color:#66FFFF;	color: #ffffff;}.todayconfirmed {	text-align: center;	font-size: 9px;	font-weight: bold;	background-color:#66FFFF;	color: #ffffff;}.todayunconfirmed {	text-align: center;	font-size: 9px;	font-weight: bold;	background-color:#66FFFF;	color: #ffffff;}.selectedday {	text-align: center;	font-size: 9px;	font-weight: bold;	background-color: #66ff66;	height:7px;	width:7px;}.sunday {	text-align: center;	font-size: 9px;	font-weight: bold;	background-color: #E4E4E4;	height:7px;	width:7px;}.sunday a {	color: #667171;}.saturday {	text-align: center;	font-size: 9px;	font-weight: bold;	background-color: #E4E4E4;	height:7px;	width:7px;}.saturday a {	color: #667171;}.event {	text-align: center;	font-size: 9px;	font-weight: bold;	color: red;	background-color: #ffff99;	height:7px;	width:7px;}.event a {	background-color: #ffff99;	color: red;}.selectedevent {	text-align: center;	font-size: 9px;	font-weight: bold;	color: red;	background-color: #ffff99;	height:7px;	width:7px;}.selectedevent a {	background-color:#66FFFF;	color: red;}.todayevent {	text-align: center;	font-size: 9px;	font-weight: bold;	color: red;	height:7px;	width:7px;}.todayevent a {	background-color:#99CCFF;	font-size: 9px;	color: red;}.eventcontent {	font-size: 9px;	border-style: outset;	border-width: 1px;	width: 100%;}.confirmed {	font-size: 9px;	background-color: #999999;	color: #000000;}.unconfirmed {	font-size: 9px;	background-color: #00FF00;	color: #000000;}.thisbooking {	background-color:#0099FF;	text-decoration:blink;	color: black;}.conflictbooking {	background-color:#FF0000;	text-decoration:blink;	color: black;}.thisbooking_conflicting {	background-color:#0099FF;	text-decoration:blink;	color: black;}/* --------------------------------------Page style/ used by all page elements--------------------------------------*/ .header {	text-align: left;	background-color:#FFFFCC;}.subheader {	text-align: left;	background-color:#FFFF99;	border-bottom:1px;}.bookbutton {	background-color:#FFFF99;	border:1px;	font:Arial, Helvetica, sans-serif;	font-size:12px;	font-style:normal;	font-weight:bold;	color:#000000;} .style3 {	font-size: 14px;}.style4 {	font-size: 14px; font-weight: bold; }.style5 {	color: #FFFFFF;}/* sets the booking summary pages colors*/.bookingsummary1 {	background-color:#FFFFFF;}.bookingsummary2 {	background-color:#B0CCCC;}.bookingsummary3 {	background-color:#F0FDDE;}/* sets the info and facilities table colors*/.infoandfacility1 {	background-color:#FFFF99;}.infoandfacility2 {	background-color:#FFFFCC;}/* sets the pricetable colors*/.pricetableborder1 {	border-color:#999999;}.pricetableheading1 {	border-color:#FFFF99;	background-color:#FFFF99;}.pricetableheading2 {	background-color:#9999FF;	padding:0;	border-width:thin;}.pricetable1 {	background-color:#CCCCFF;		}.pricetable2 {	background-color:#9999FF;}/* used for the alternative colors of the page table*/.pricetablemainbg1{	background-color:#CCFFFF;}.pricetablemainbg2{	background-color:#FFFFCC;}/* ------------------------pop-up datepicker style------------------------*/ /* the div that holds the date picker calendar */.dpDiv {	}/* the table (within the div) that holds the date picker calendar */.dpTable {	font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size: 12px;	text-align: center;	color: #505050;	background-color: #ece9d8;	border: 1px solid #AAAAAA;	}/* a table row that holds date numbers (either blank or 1-31) */.dpTR {	}/* the top table row that holds the month, year, and forward/backward buttons */.dpTitleTR {	}/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */.dpDayTR {	}/* the bottom table row, that has the "This Month" and "Close" buttons */.dpTodayButtonTR {	}/* a table cell that holds a date number (either blank or 1-31) */.dpTD {	border: 1px solid #ece9d8;	}/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */.dpDayHighlightTD {	background-color: #CCCCCC;	border: 1px solid #AAAAAA;	}/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */.dpTDHover {	background-color: #aca998;	border: 1px solid #888888;	cursor: pointer;	color: red;	}/* the table cell that holds the name of the month and the year */.dpTitleTD {	}/* a table cell that holds one of the forward/backward buttons */.dpButtonTD {	}/* the table cell that holds the "This Month" or "Close" button at the bottom */.dpTodayButtonTD {	}/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */.dpDayTD {	background-color: #CCCCCC;	border: 1px solid #AAAAAA;	color: white;	}/* additional style information for the text that indicates the month and year */.dpTitleText {	font-size: 12px;	color: gray;	font-weight: bold;	}/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ .dpDayHighlight {	color: 4060ff;	font-weight: bold;	}/* the forward/backward buttons at the top */.dpButton {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;	font-size: 10px;	color: gray;	background: #d8e8ff;	font-weight: bold;	padding: 0px;	}/* the "This Month" bottom */.dpTodayButton {	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;	font-size: 10px;	color: gray;	background: #d8e8ff;	font-weight: bold;	}/* tabs - used in backend */.tabberlive .tabbertabhide { display:none;}.tabber {}.tabberlive { margin-top:1em;}ul.tabbernav{ margin:0; padding: 3px 0; border-bottom: 1px solid #778; font: bold 12px Verdana, sans-serif;}ul.tabbernav li{ list-style: none; margin: 0; display: inline;}ul.tabbernav li a{ padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none;}ul.tabbernav li a:link { color: #448; }ul.tabbernav li a:visited { color: #667; }ul.tabbernav li a:hover{ color: #000; background: #AAE; border-color: #227;}ul.tabbernav li.tabberactive a{ background-color: #fff; border-bottom: 1px solid #fff;}ul.tabbernav li.tabberactive a:hover{ color: #000; background: white; border-bottom: 1px solid white;}.tabberlive .tabbertab { padding:5px; border:1px solid #aaa; border-top:0;}#loadingmessage {	width: 200px;	height: 40px;	background-color:#CCCCCC;	position: absolute;	left: 50%;	top: 50%;	margin-top: -70px;	margin-left: -100px;	text-align: center;}.pricetableAdmin {	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	border-top-style: solid;	border-right-style: none;	border-bottom-style: none;	border-left-style: none;}