@media print {
   .bbar{
	   display:none;
   }
}
@media screen {
	.bbar{
		display:flex;
	}
	.cbpricing{
		display:none;
	}
	.cbtrans{
/*		display:none;
*/	}
}
@media all {
.error {
	color: red; 
}
body{
	padding:0px;
	margin:0px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size:14px;
}
img{
	border:none;
}
.form_box {
	float:left;
	margin-right:5px;
}
.onpage {
	background-color:#83C1D4
}
.cs_rego{
	font-family:'Courier New', Courier, monospace;
}
.cs_group{
	font-family:'Courier New', Courier, monospace;
}
.ac_time{
	width:25px;
}
.ac{
	border:thin solid #000000;
	border-collapse:collapse;
}
.ac td{
	border:thin solid #000000;
	vertical-align:top;
	padding:3px;
}
.ac thead{
	text-align:center;
	background-color:#CCC
}
.ac .locdiv{
	float:left;
	margin-right:10px;
}
.ac .datediv{
	float:left;
	margin-right:10px;
}
.ac .highlight {
	background-color:#DDD;
}
.ac .aclabel{
	border-right:none;
	text-align:right;
}
.ac .locdate{
	border-left:none;
}
.datecell{
	padding-left:4px !important;
}
.cbform {
	width:960px;
	border: thin solid #000000;
	margin:10px;
}
.bbar {
	width:100%;
	position:relative;
	justify-content: center;
}
.bbarbutton {
	float:left;
	border-style:outset;
	border-width:5px;
	border-color:#AEDCE4;
	margin:5px;
	padding:5px;
	width:100px;
	text-align:center;
	position: relative;
}
.bbarlink{
	position:absolute; 
	width:100%;
	height:100%;
	top:0;
	left: 0;
	z-index: 1;
}
.cbformrow {
	width:100%;
	position:relative;
	display: flex;
	justify-content: center;
}
.cbformbox {
	border-style:outset;
	border-width:5px;
	border-color:#AEDCE4;
	margin:5px;
	padding:5px;
	width:100px;
	text-align:right;
}
.cbformboxd {
	border-style:outset;
	border-width:5px;
	border-color:#AEDCE4;
	margin:5px;
	padding:5px;
	width:100px;
	text-align:right;
	background-color:#D8D8D8;
}
.cbdatarow {
	width:100%;
	position:relative;
	justify-content: left;
}
.cbdata {
	text-align:left;
	padding:2px;
	float:left;
}
.cbtext{
	width:100%;
}
.cb_textarea{
	width:96%;
	height:100px;
}
.cbdataleft {
	text-align:left;
	padding:2px;
	float:left;
}
.cbdataright {
	text-align:right;
	padding:2px;
	float:right;
}
.cbbookingno {
	text-align:left;
	padding:2px;
	font-size:20px;
	float:left;
}
.cbdav {
	text-align:left;
	margin-top:5px;
	padding:2px;
	font-size:15px;
	float:left;
}
.cbcancelled {
	text-align:left;
	padding:2px;
	float:left;
	color:#FF0000;
	font-weight:bold;
	font-size:30px;
}
.cbpricinghead{
	margin-bottom:5px;
}
.cbpricing{
	border-collapse:collapse;
	width:100%;
}
.cbpricing td{
	border:1px solid #000000;
	padding:2px;
	text-align:right;
}
.cbpricing thead{
	background-color:#CCC;
}
.cbpricing .highlight {
	background-color:#DDD;
}
.cbpricingtext {
	text-align:left !important;
}
.cbtrans{
	border-collapse:collapse;
	width:100%;
	display:none;
	margin-bottom:10px;
}
.cbtrans td{
	border:1px solid #000000;
	padding:2px;
	text-align:right;
}
.cbtrans thead{
	background-color:#CCC;
}
.cbtrans .transamount {
	width:105px;
	text-align:right;
}
.cbtrans .highlight {
	background-color:#DDD;
}
.cbtrans .description {
	width:337px;	
}
.pudo{
	border-collapse:collapse;
}
.pudo td{
	border:1px solid #000000;
	padding:2px;
	text-align:left;
	font-size:12px;
}
.ccexp {
	width:50px;
}
.ccno {
	width:150px;
}
.cccvn {
	width: 50px;
}
.ccname {
	width:360px;
}
.rentedpricing{
	border-collapse:collapse;
}
.rentedpricing td{
	border:1px solid #000000;
	padding:2px;
	text-align:right;
}
.rentedpricing thead{
	background-color:#CCC;
}
.rentedpricing .highlight {
	background-color:#DDD;
}
.rentedpricingtext {
	text-align:left !important;
}
#content{
	padding:5px;
}
#date_control{
	width:110px !important;
	padding-left:0px !important;
	border:none !important;
}
#date_control td{
	border:none !important;
	padding:0px !important;
}
#date_control_hint{
	vertical-align:top !important;
	text-align:center !important;
	height:10px !important;
	font-size:10px !important;
	font-family:Arial, Helvetica, sans-serif !important;
}
#date_control_hint_text{
	font-size:10px !important;
	font-family:Arial, Helvetica, sans-serif !important;
}
#date_control_field{
}
/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 22px;
	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: 22px;
	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: 18px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
#quotetable{
	border-color:#000;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
}
#quotetable td{
	font-size:18px;
	font-weight:bold;
	text-align:left;
	border-color:#000;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
}
#plannertable{
	border-color:#000;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
}
#plannertable td{
	font-size:18px;
	font-weight:bold;
	text-align:left;
	border-color:#000;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	width:50%;
}
#searchtable{
	border-color:#000;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
}
#searchtable td{
	font-size:18px;
	font-weight:bold;
	text-align:left;
	border-color:#000;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
}
#searchtable .slabel{
	text-align:right;
}
#enquirytable{
	border-color:#000;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
}
#enquirytable td{
	font-size:18px;
	font-weight:bold;
	text-align:left;
	border-color:#000;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
}
#enquirytable .slabel{
	text-align:right;
}
#packagetable{
	border-color:#000;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
}
#packagetable td{
	font-size:18px;
	font-weight:bold;
	text-align:left;
	border-color:#000;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
}
#packagetable .slabel{
	text-align:right;
}
#rsearchtable{
	border-color:#000;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	margin-top:5px;
	width:100%;
}
#rsearchtable td{
	font-size:18px;
	font-weight:bold;
	text-align:left;
	border-color:#000;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
}
#rsearchtable .slabel{
	text-align:right;
}
.dttable{
	border:none !important;
	vertical-align:top;
}
.cardata{
	border:none;
}
.cardata .fieldlabel{
	text-align:right;
	min-width: 100px;
}
.cardata .transamount {
	width:105px;
	text-align:right;
}
.carnote{
	height:330px;
	width:480px;
}
.carnote2{
	height:330px;
	width:410px;
}
.loginfield{
	width:210px;
	margin-right:5px;
}
.lffield{
	text-align:right;
}
.lffield2{
	text-align:center;
}
#sort_progress{
	position:fixed;
	
	top:100px;
	left:50%;
	width:50%;
	margin:0 0 0 -25%;
	height:150px;
	background-color:#B4E8E7;
	padding:5px;		
	-webkit-box-shadow: 3px 3px 10px 5px #000000;
	box-shadow: 3px 3px 10px 5px #000000;
	z-index:10000;
}
.center_text{
	position:absolute;
	top: 50%;
	left: 50%;
	width:100px;
	height:50px;
	margin-top: -25px;
	margin-left: -50px;
	text-align:center;
	z-index:10001;
}
.enquiry_heading{
}
.enquiry_heading td{
	border:none;
}
.enquiry_heading .slabel{
	text-align:right;
}
#header{
	position:fixed;
	top:0px;
	left:0px;
	background-color:#FFFFFF;
	height:100px;
	width:100%;
}
#results{
	margin-top:100px;
}
.maint_tickets{
	border-color:#000;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	width:100%;
	
}
.maint_tickets td{
	border:solid #000000 1px;
	padding:2px;
	border-collapse:collapse;
}
.maint_tickets th{
	border:solid #000000 1px;
	padding:2px;
	border-collapse:collapse;
}
.maint_tickets .complete{
	background-color:#C6C6C6
}
#new_maint{
	border-color:#000;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	margin-top:5px;
	width:100%;
}
#new_maint td{
	text-align:left;
	border-color:#000;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
}
#new_maint .slabel{
	font-size:18px;
	text-align:right;
	font-weight:bold;
}
#new_maint .title{
	font-weight:bold;
	text-align:center;
	font-size:18px;
}
.new_staff{
	border-color:#000;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
	margin-top:5px;
}
.new_staff td{
	text-align:left;
	border-color:#000;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
}
.new_staff .slabel{
	font-size:18px;
	text-align:right;
	font-weight:bold;
}
.new_staff .title{
	font-weight:bold;
	text-align:center;
	font-size:18px;
}
}