/*****   Body   *****/



body {
 
    
    background-color: #FFFFFF;
    font-family: Trebuchet MS;
    src: url(Trebuchet MS);
	  font-weight: normal;
  font-style: normal;
 overflow-x: auto;
}

html {
  overflow-x: hidden;
}


/*****   Anchor   *****/



a.leftmenu {
    color: #000000;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}

a.menuItem {
    color: #FFFFFF;
    font-size: 9pt;
    font-weight: bold;
}

a.mainMenu {
    text-decoration: none;
    font-size: 9pt;
    font-weight: bold;
}

.repoMenu {
    text-decoration: none;
    color: #0000FF;
    font-size: 12pt;
}

/*****   Header   *****/
.colorHeader {
    background-color: #f21534;
}

.colorLeft {
    background-color: #000;
}

.colorBg {
    background-color: #e7dfd2;
}

.colorBg1 {
    background-color: #E6F2F7;
}

.colorBg2 {
    background-color: #D2E8F0;
}

.colorTop {
    background-color: #ff6666;

}

/*****   Menu   *****/
.menu {
    background-color: #FFC164;
}

.function {
    color: #800000;
    font-size: 2em;
    font-weight: bold;
}

/*****   Footer   *****/


/*****   Font Colour and Style   *****/
.welcome {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.text-display {
    color: #0000;
    font-size: 1em; }
	
.controlno {
	color: #1a0dab;
    font-size: 1em;
    font-weight: bold; }

.text-display a:hover { text-decoration:underline;}
	
.webopac{
    color: #0000;
    font-size: 1em;
	
	
}

.result-display {
    color: #737372;
    font-size: 1.2em;

	
	
}

.number-display {
    color: #000;
    font-size: 1em;
	text-indent: 10px;
	
}

.text-label {
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
	
}



.details-text-display {
    color: #000000;
    font-size: 0.8em;

}

.details-text-label {
    color: #000000;
    font-size: 1em;
    font-weight: bold;
}

.alert {
    color: #FF0000;
    font-size: 1em;
    font-weight: bold;
}

.warning {
    color: #FF0000;
    font-size: 1em;
    font-weight: bold;
}

.hint {
    color: #FF0000;
    font-size: 0.8em;
}

.subTitle {
    color: #000;
    font-size: 1em;
    font-weight: bold;
	text-transform:uppercase;
	
}

.subTitleDetail {
    color: #FF0000;
    font-size: 1em;
    font-weight: bold;
}

.totalFound {
    color: #000000;
    font-size: 8pt;
}

.pageTitle {
    color: #000;
    font-size: 1.2em;
    font-weight: bold;
	text-transform: uppercase;
}

.help {
	font-size:1em;
	color:#000000;

}

.helpTitle {
    color: #800040;
    font-size: 1em;
    font-weight: bold;
}

.sub {
	font-size:1em;
	color:#000099;

}

.message {
    background-color: #BEF9D0;
    text-align: center;
    color: #000000;
    font-size: 1em;
    font-weight: bold;
}

.alert-message {
    background-color: #c9c9ce;
    text-align: center;
    color: #FF0000;
    font-size: 1em;
    font-weight: bold;
}

.page-set {
    color: #307AB8;
    font-size: 0.8em;
    font-weight: bold;
	
}

/*****   Table   *****/
.theadrow1 {
    background-color: #ed1b24;
	border:solid 1px #fff;
    color: #fff;
    font-size: 1.1em;
	text-indent:15px;
	padding: 8px
}

.theadrow2 {
    background-color: #f7e7d1;
    color: #FFFFFF;
    font-size: 1em;
    font-weight: bold;
	border:solid 1px #000;
	
}

.theadrow3{
    background-color: #ffff;
    color: #000;
    font-size: 1em;
    font-weight: bold;
	border:solid 1px #000;
	
}

.titlehead {
    background-color: #ed1b24;
	border:solid 1px #fff;
    color: #fff;
    font-size: 1em;
	text-indent:15px;

	
}

.tdatarow1 {
    background-color: #f1f1f1;
    color: #000000;
    font-size: 1em;
	border:solid 0.5px #fff;
	height:20px;
}
.tdatarow1:hover {
	background:#e6e4e4;
	

}


.tdatarow2 {
    background-color: #f1f1f1;
    color: #000000;
    font-size: 1em;
	border:solid 0.5px #fff;
	height:20px;	
	
}

.tdatarow2:hover {
	
	}

.tdatarow3 {
    background-color: #DDDDEE;
    color: #000000;
    font-size: 1em;
	border:solid 1px #fff;
	height:30px;
		line-height:40px;
}


/* WebOPAC & WebInfoline specials */
.search-caption {
    color: #800000;
    font-family: Arial;
    font-size: 1em;
    font-weight: bold;
}

.search-caption-hi {
    color: #FF0000;
    font-family: Arial;
    font-size: 1em;
    font-weight: bold;
}

.search-alert {
    color: #FF0000;
    font-size: 1em;
    font-weight: bold;
}

/*****   Calendar   *****/
#hover {
background-color:#fde2c7;
color:#000;
font-size:1em;
}

.titlecalendar {
    background-color: #f8f8f8;
    color: #000;
    font-size: 1em;
	height:30px;
	line-height:40px;
	text-align:center;
	
}

.titlecalendar2 {
    background-color: #000;
    color: #fff;
    font-size: 0.8em;
	height:30px;
	line-height:40px;
	text-align:center;
	
}

.calendar {
    background-color: #fff;
	border:solid 1px #e9e9e9;
    color: #000000;
    font-size: 1em;
	height:30px;
	line-height:40px;
	
}

.calendar2{
    background-color: #fff;
	border:solid 1px #e9e9e9;
    color: #000000;
    font-size: 0.8em;
	height:10px;
	line-height:20px;
	text-align:center;
}
.tdFederalHoliday {
    background-color: #feaead;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
		height:30px;
	line-height:40px;
	
}

.tdStateHoliday {
    background-color: #069e0a;
    color: #FFFFFF;
     font-size: 1em;
    font-weight: bold;
    text-align: center;
		height:30px;
	line-height:40px;
}

.tdTermBreak {
    background-color: #54b7b2;
    color: #FFFFFF;
     font-size: 1em;
    font-weight: bold;
    text-align: center;
		height:30px;
	line-height:40px;
}

.tdWeekend {
    background-color: #c398cd;
    color: #FFFFFF;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
	height:30px;
	line-height:40px;
}

.tdSide {
  
}

.tdBackground {
    background-color: #FFFFFF;
}

/***** frame *****/
.iframestyle {
    border-style: solid;
    border-width: 0;
    border-color: #000000;
    padding: 1;
}

a.framelink {
    text-decoration: none;
    font-size: 1em;
}

.tdFrame {
    text-align: left;
    vertical-align: top;
}

/*****   Booking Detail (FM)  *****/
.border {
    background-color: #9A5303;
}

.content {
    background-color: #fde2c7;
	font-size:1.6em;
	font-weight:200;
	position:absolute;
	top:410px;
	left:600px;
	z-index:10;
	width:330px;
	height:30px;

}

.current-date {
    color: #FF0000;
}

.booking-status {
    color: #FF0000;
}

.booked-time {
    color: #0000FF;
    font-size: 1em;
    font-weight: bold;
}

/*****   Facility (FM)   *****/
.facility-title {
    color: #000000;
    font-size: 1em;
}

.facility-label {
    color: #000000;
    font-size: 1em;
    font-weight: bold
}

.facility-text {
    color: #000000;
    font-size: 1em;
}

/*****   Attribute List (FM)   *****/
.selection-title {
    color: #990000;
    font-size: 1em;
    font-weight: bold;
}

.selection-header {
    background-color: #CC6600;
    color: #FFFFFF;
    font-size: 1em;
  
    font-weight: bold;
}

.selected-attribute-list {
    background-color: #FFE2C6;
    color: #000000;
    font-size: 1em;
}

.available-attribute-list {
    background-color: #FFFFCC;
    color: #000000;
    font-size: 1em;
}

/*****   Other   *****/
.line {
    color: #B47C32;

}
/*****   Anchor   *****/
a.button-1 {
    display: block;
 
    font-weight: bold;
    line-height: 29px;
    text-decoration: none;
}

a:hover.button-1 {
    color: #fff;
}

/*****   Font Colour and Style   *****/
.theme-color-text-1 {
    font-size: 1em; 
    color: #fffffff;
    font-weight: bold;
}

.font1 {
    font-size: 1em;
    color: #e90707;
	font-weight:bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.font2 {
    font-size: 1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0f5fa2;
	

	
}

/** Different background**/
.backgroundColor1 {
    background-color: #0000;
}

.backgroundImage1 {
    background-image: url("../images/topBg_blue.gif");
}

.backgroundImage2 {
    background: url("../images/ajaxLoader_portlet.gif") no-repeat left top;
    font-size: 10pt;
}

.zoomImage {
    background: url("../images/zoomImageIcon.gif") no-repeat 8px 6px;
    text-indent: 15px;
    display: block;
    text-decoration: none;
    font-size: 7pt;
}

/**** Menu Tabs 1 ****/
div.tabs2 {
    float: left;
    width: 100%;
    font-size: 93%;
    line-height: normal;
    border: 1px solid #000;
    margin: -1px 0 0;
    
}

div.tabs1 {
    float: left;
    width: 100%;
    font-size: 93%;
    line-height: normal;
}

div.tabs1 ul {
    margin: 0;
    padding: 0px;
    list-style: none;
    white-space: nowrap;
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    position: relative;
    
}

div.tabs1 li {
    display: inline;
    margin: 0;
    padding: 0;
}

div.tabs1 a.inactive {
    float: left;
    background: url("../images/tableft1inactive_blue.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
    position: relative;
    
}

div.tabs1 a.active {
    position: relative;          
    float: left;
    background: url("../images/tableft1active_blue.gif") no-repeat left top ;
    margin: 0 5px 0 5px;
    padding: 0 0 0 4px;
    text-decoration: none;
    border-bottom: 1px solid #FFFFFF;
}

div.tabs1 a.active span {
    float: left;
    display: block;
    background: url("../images/tabright1active_blue.gif") no-repeat right top;
    padding: 5px 15px 0px 6px;
    color: #000000;
    text-decoration:none;
    font-size: 10pt;
    font-weight: bold;
    position: relative;   
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.tabs1 a.active span {
    float: none;
}
/* End IE5-Mac hack */

div.tabs1 #current a.active {
    background-position: 0% -42px;
}

div.tabs1 #current a.active span {
    background-position: 100% -42px;
}

div.tabs1 a.inactive span {
    float: left;
    display: block;
    background: url("../images/tabright1inactive_blue.gif") no-repeat right top;
    padding: 5px 15px 0px 6px;
    color: #627EB7;
    font-size: 1em;
    
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.tabs1 a.inactive span {
    float: none;
}

/* End IE5-Mac hack */
div.tabs1 a.inactive:hover {
    background-position: 0% -42px;
}

div.tabs1 a.inactive:hover span {
    background-position: 100% -42px;
}

div.tabs1 #current a.inactive {
    background-position: 0% -42px;
}

div.tabs1 #current a span.inactive {
    background-position: 100% -42px;
}

.verticalLine {
    border-left: thick solid #ff0000;

}
#btn {
	font-family: 'Tahoma', serif;
	font-size: 1.1em;
	color: #fff;
	width: 10%;  height: 35px;
	min-width: 70px;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: #ff1a55;
	border: 0px solid #ff1a55;
	border-radius: 2px;
	cursor: pointer;
	box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
}

#btn:hover {
	background: #1abf04;
	
	border: 0px solid rgba(256,256,256,0.75);
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

#btn2 {
	font-family: 'Tahoma', serif;
	font-weight: 300;
	font-size: 18px;	color:#fff;
	width: auto;  height: 30px;
	min-width: 140px;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: #323232;
	border-radius: 1px;
	border: #333 solid 1px;
	cursor: pointer;
	;
}

#btn2:hover {
	background: #777474;
	color:#fff;
	border: #333 1px solid ;

}



#btn3 {
	font-family: 'Tahoma', serif;
	font-size: 1em;
	color:#000;
	width: auto;  height: 30px;
	min-width: 70px;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: #fff;
	border-radius: 1px;
	border: #333 solid 1px;
	cursor: pointer;
	box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
}

#btn3:hover {
	background: #ed1b24;
	color:#fff;
	border: 1px solid rgba(256,256,256,0.75);
	box-shadow: inset 4 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
}

#btnaction {
	font-family: 'Tahoma', serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	width: auto;  height: 30px;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: #0b66fb;
	border: 1px solid #000;
	border-radius: 1px;
	cursor: pointer;
	box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);

}

#btnaction:hover {
	background: #5a96f8;
	border: 1px solid #000;

}

#btnreserve {
	font-family: 'Tahoma', serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	width: auto;  height: 30px;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: #1abf04;
	border: 1px solid #147b06;
	border-radius: 1px;
	cursor: pointer;
	box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);

}

#btnreserve:hover {
	background: #20e705;
	border: 1px solid #147b06;

}

#btnsmall {
	font-family: 'Tahoma', serif;
	font-size: 1em;
	color:#fff;
	width: auto;  height: 24px;
	min-width: 50px;
	text-shadow: 0px 1px 0 rgba(0,0,0,0.25);
	background: #000;
	border-radius: 2px;
	cursor: pointer;
	box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-moz-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
	-webkit-box-shadow: inset 0 0 2px rgba(256,256,256,0.75);
}

#btnsmall:hover {
	background:#666;
	color:#fff;
	border: 1px solid rgba(256,256,256,0.75);
	box-shadow: inset 4 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
}


#selectSortBy {
	font-size:1em;
	background:#fff;
	border:solid 1px #000; 
	width:100px;
	height: 30px;}

#selectOrderBy {
	font-size:1em;
	background:#fff;
	border:solid 1px #000; 
	width:100px;
	height: 30px;}
	

.boxwebopac { padding:1%; margin-top:0; margin-bottom:0; background:#dfdfdf; width:100%; 
float:none;position:relative; border-radius:0px;}

.boxweb { padding:1em; margin-top:0.5em; margin-bottom:0.5em; background:#F9F4E5; width:40%; border:0px solid #D2C9B1;
float:none;position:relative; border-radius:2px;}

.boxweb2 { padding:0.2em; margin-top:0.2em; margin-bottom:0.2em; background:#fff; width:93%; border:0px solid #bab7b7;
float:none;position:relative;}

.boxweb3 { padding:0.2em; margin-top:0.2em; margin-bottom:0.2em; background:#fff; width:93%; border:0px solid #bab7b7;
float:none;position:relative;}

.boxwhite { padding:1em; margin-top:0.5em; margin-bottom:0.5em; background:#fff; width:55%; border:0px solid #e9e9e9; position:relative; border-radius:2px;}
.boxwhite td {
	border:1px solid #ffff;}
	
.commentbox {background:#fff; min-width:45%; max-width:400px; border:1px solid #000; border-radius:1px;}

tr
 { border:1.3px solid #fff; }

td
 { border:1.3px solid #fff; }
th
 { border:1px solid #000; }

.black {
background-color: #000;
	border:solid 1px #fff;
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
	text-indent:10px; }
	
.hidden {
	visibility:hidden;
	border:0; }

	
.checkbox {
	height:17px;
	width:17px;
	border-radius: 100px solid #000;
	}