/* Combined stylesheet for bookings appearing on the NLC web site - Steve Barker 06/04/06*/

/* Validated against CSS2 standard using W3C CSS Validation Service
	http://jigsaw.w3.org/css-validator/validator-text.html - Steve Barker 23/09/05 */

/* Generic classes */

body {
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size : small;
	margin-top : 0; 
	background-color : #ffffff; 
	color : #000000; 
} 
table {
	width : 100%; 
} 
td {
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	/* font-size : small; */
}
/* textarea {
	height : 80%;
	width : 80%; 
} 
*/
.rule {
	color : #ffffff; 
	height : 1px; 
	background-color : #666666; 
} 
h1 {
	font-size : medium;

	font-weight : bold; 
} 
h2 {
	font-weight : bold; 
	font-size : small; 
} 
h3 {
	font-weight : bold; 
	font-size : small; 
} 
h4 {
	font-weight : bold; 
	font-size : small; 
} 
.widetext {
	width : 75%; 
} 
img {
	border-style : none;
}

/* Styling for the branding of the NLC header and footer elements of the form */

.skipNavigation {
	display : none;
}

.mainArea {
	border-left : 1px solid #666666;
	border-right : 1px solid #666666; 
	border-top : 0; 
	border-bottom : 0; 
} 
.TopBanner {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-color : #cccccc;
	color : #000000;
	border-top : 0; 
	border-bottom : 1px solid #666666; 
	border-left : 0;
	border-right : 0;
	padding : 0px; 
}
TR.TopMenuRow
{
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
	margin: 0px;
	width: 100%;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	height: 25px;
	background-color: #ffcc00;
	color: #000000;
	text-align: center;
	border-bottom-style: none;
} 
TD.TopMenuTD {
	border-right : 0; 
	border-top : 0; 
	padding-left : 10px; 
	border-left : 0; 
	border-bottom : 1px solid #666666; 
	text-align : left; 
}
.TopMenuItem {
	color : #000000; 
	background-color: #ffcc00;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	text-align : center; 
	text-decoration : none; 
} 
.TopMenuItem A {
	color : #000000; 
	background-color : #ffcc00; 
} 
A.TopMenuItem:hover {
	color :  #ffffff;
	background-color: #ffcc00;
	text-decoration : underline; 
} 
TD.LeftMenu {
	vertical-align : top; 
	width : 20%;
	color : #000000;
	background-color : #cccccc;
} 
TABLE.LeftMenuTable {
	clear : none; 
	width : 100%; 
	color : #000000; 
	border-top-style : none; 
	border-right-style : none; 
	border-left-style : none; 
	background-color : #cccccc; 
	border-bottom-style : none; 
} 
TD.LeftMenuItem {
	padding-right : 10px; 
	border-top : 0; 
	padding-left : 5px; 
	font-size : x-small; 
	padding-bottom : 10px; 
	padding-top : 10px; 
	border-bottom : 1px solid #666666; 
	border-right-style : none; 
	border-left-style : none; 
}
a.LeftMenuItemLink:link {
	color : #000000;
	background-color : #cccccc;
	text-decoration : none
}
a.LeftMenuItemLink:visited {
	color : #000000;
	background-color : #cccccc;
	text-decoration : none;
} 
a.LeftMenuItemLink:hover {
	color : #ffffff;
	background-color : #cccccc;
	text-decoration : underline;
}
.LeftMenuItemHeading {
	font-weight : bold; 
}
.FormContent {
	padding : 10px;
	border-left : 1px solid #666666;
}
.Footer {
	font-size : x-small; 
	border-top : 1px solid #666666; 
	text-align : center; 
	padding : 5px; 
	height : 22px; 
}



/* Generic Classes */
.normaltext A {
	color: black;
	text-decoration: none
}
.normaltext {
	color: black;
	font-weight: normal
}

.warning {
	 color: red;
}
/* H2 {
	color:#94AEC5;
	font-size: 1.2em;
	padding: 0;
	margin: 0;
	white-space:	nowrap;
}

IMG {
	border: 0px
}
H1, h2 {
	font-weight: bold;
	color: #94AEC5;
	font-size: 1.1em;
	white-space: nowrap;
	margin-bottom: 2px;
	margin-top: 0px;
	margin-left: 0
}
BODY {
	font-size: 0.8em;
	margin: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #E6E6E6;
	margin: 1px 1px 1px 2px 
}
a {
	color: #528FBD
} */
#appcontainer {
	background-color: white;
	background: url(../Images/Branding/rightshado.gif) repeat-y right #FFFFFF;
	font-size: 0.85em;
	padding: 5px;
}


.threedots {
	background: url(f3cssgifs/Booking/threedots.gif) repeat-x 30%;
	font-size: 0.1em
}

/* TABLE {
	width: 100%
} */
.toolbartable {

}

.toolbuttonadmin {

	border-left: 1px dashed white;
	padding-left: 5px
}
.toolbuttonadmin IMG{

}
.toolbuttonadminsec {
 padding-top: 3px 
	
}
.loginname {
	color: white;
	font-weight: bold;

}
.resourcetype {
	color: green;
	font-size: 0.9em;
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-top: 3px
}
.resourcetypename {
	color: red;
	font-weight: bold
}

.bluebar {
	background-color: #6D92AD;
	border-top: 1px solid #778795;
	border-bottom: 1px solid #778795;
	padding-left: 13px;
	height: 20px;
	color: white;
	font-weight: bold
	}
.bluebarstart{
	background-color: #6D92AD;
	border-top: 1px solid #778795;
	border-bottom: 1px solid #778795;
	padding-left: 0.4em;
	height: 20px;
	width: 320px
	}

.bluebar A {
	color: white;
	font-size: 0.8em;
	text-decoration: none;

}
.bluebarstart A {
	color: white;
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold
}
.bluebar IMG {
	vertical-align: middle;
	padding-right: 3px
	}
.bluebarstart IMG {
	vertical-align: middle;
	padding-right: 3px
}

.folderclick A{
	color: black;
	text-decoration: none;
	font-size: 0.85em	
}
.folderclick {
	padding-left: 10px
}

.resourceitem {
	text-indent: 0.4em;
	font-size: 0.85em
}


.browseresourcetable {
	background: url(f3cssgifs/Booking/threedots.gif) repeat-x bottom;
}

.treeviewselector {
	border-right: 1px solid #5F7181;
	width: 320px;
	padding-top: 0.4em;
	}

.resourceitem A {
	text-indent: 0.2em;
 color: #568BBE
}
	
.resourcetablegroup {
	
}
.noresources {
	padding-left: 0.2em
}
.resourcename {
	background-color: #D8E1E9;
	color: #5E5E5E;
	font-weight: bold;
	text-indent: 0.4em;
	border-bottom: 1px solid #BAC2C9 
}

.green {
	color: green
}
.red {
	color: red
}
.pageheader {
	font-weight: bold;
	color: #94AEC5;
	text-indent: 0.2em;
	font-size: 1.1em;
	white-space: nowrap;
}


.pageheadingtext {
	font-weight: bold;
	color: #94AEC5;
	text-indent: 0.9em;
	font-size: 1.1em;
	line-height: 3em
}
.attributetextlrg {
	font-weight: bold;
	color: #94AEC5;
	text-indent: 0.9em;
	font-size: 1.1em;
	line-height: 3em
}

.appname {
	color: white;
	font-weight: bold;
	text-indent: 0.8em;
	width: 20%;
	white-space: nowrap
}

.headerlabels {
	color: #828282;
	font-weight: bold;
	padding: 2px;

}
.headerlabelsub {
	color: #828282;
	font-weight: normal;
	padding: 2px;
	background-color: #F2F2F2;
	border-bottom: 1px solid #C8C8C8;
}
.headerlabelsel {
	color: #5B5B5B;
	font-weight: normal;
	padding: 1px;
	padding-left: 3px;
	background-color: #d4d4d4;
	border-bottom: 1px solid #9F9F9F;
}

.headerlabels h1 {
	color: #828282;
	font-weight: bold;
	margin-left: 0px;
	font-size: 1em

}
.headerlabelsbsk {
	/* color: #828282; */
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #C8C8C8;
	padding: 2px;
	/* background-color: #E5E5E5 */
	background-color: #ffcc00;

}
.headerlabelsbsk h2{
	color: #828282;
	font-weight: bold;
	font-size: 1em;
}


/* TD {
	sborder: 1px solid green
} */
.bskdivision {
	border-bottom: 1px solid #C4C4C4;
	padding: 2px 0 2px 0
}
.attributetext {
	color: #51679C;
}

.toolbutton {

	white-space: nowrap;
	padding-left: 3px;
	padding-bottom: 2px
}
.versionno {
	background-color: #5C9DC0;
	color: white;
	white-space: nowrap;
	font-size: 0.8em;
	background: url(../Images/Branding/threedots.gif) repeat-x bottom #5C9DC0;
	border-bottom: 4px solid white;
	padding-right: 4px
}
.toolbutton IMG{
	vertical-align: middle;	
}
.toolbutton A {
	color: white;
	font-size: 0.85em;
	text-decoration: none
}
.toolbarspacer {
	width: 70%
}

.renderformbuttons {
	color: #5D788D;
	font-size: 0.85em;
	margin-left: 2px;
	cursor: hand;
	background: url(f3cssgifs/Booking/buttongrad.gif) white;
	border-bottom: 1px solid #A7A7A7;
	border-left: 1px solid #B1B1B1;
	border-right: 1px solid #B1B1B1;
	border-top: 1px solid #CCCCCC;
	
}


.genericsubmit{
	color: #5D788D;
	font-size: 0.85em;
	margin-left: 2px;
	cursor: hand;
	background: url(f3cssgifs/Booking/buttongrad.gif) white;
	border-bottom: 1px solid #A7A7A7;
	border-left: 1px solid #B1B1B1;
	border-right: 1px solid #B1B1B1;
	border-top: 1px solid #CCCCCC;
	margin-bottom: 2px
}
.genericimagesubmit {
	margin-bottom: 5px
} 
.changecriteria, .forgotpass, .changecriteria2 {
	border: 0;
	background-color: white;
	color: #D34C2B;
	font-size: small;
	font-weight: bold;
	cursor: hand;
	padding: 0px 5px;
	width: 100% 100%;
	overflow:visible; 
} 
/* .changecriteria, .forgotpass, .changecriteria2 {
	border: 0;
	background-color: white;
	color: #D34C2B;
	font-size: 1em;
	cursor: hand;
	padding: 0px 5px;
	width: 100% 100%;
	overflow:visible; 
} */
.changecriteria2 {
	color: #D34C2B;
	font-size: 1em;
}
.renderbuttonstable {
	background-color: white;
	width: 80%;
	text-align: left;
}
.outerrenderme {
	textd-align: center;
}

.schedulestable {
	border: 1px solid #828282;
	border-top: 3px solid #828282;
	width: 97.5%;
	margin-left: 10px;
	margin-top:10px
}
.leftschedule {
	background: url(f3cssgifs/Booking/patternback.gif);
	border-right: 1px dashed #B2C3D3
}

.outerformtablerows {
	padding: 1px
}

.secondtooltable {
	background-color: #D8E1E9;
	border-bottom: 1px solid #BAC2C9;
	margin-bottom: 10px
}
.genericdate {
	margin-right: 2px
}
.generictextinput {
	border: 1px solid gray;
	background: url(f3cssgifs/Booking/field_bg.gif) no-repeat left top;
}
.generictime {
	margin-right: 2px
}
.fieldtitle {
	color: #585858;
	width: 30%;
	vertical-align: top
}

.secondbutton {
	background-color: #B5C3D6;
	height: 18px;
	white-space: nowrap;
	text-align: center;
	border-right: 1px solid #FFFFFF;
	
}
.secondbutton A {
	text-decoration: none;
	text-align: center;
	display: block;
	color: #546A7E;
	font-size: 0.85em;
	white-space: nowrap;
	padding-right: 10px;
	padding-left: 10px;
	height: 16px;
	padding-top: 2px;
}

.secondbutton A:hover {
	background-color: #7E9AB3;
	color: white;
	font-size: 0.85em;
	height: 16px;
	display: block;
}
.secondbuttonsel {
	background-color: #7E9AB3;
	white-space: nowrap;
	text-align: center;
	border-right: 1px solid #FFFFFF
}
.secondbuttonsel A {
	text-decoration: none;
	text-align: center;
	display: block;
	color: #FFFFFF;
	font-size: 0.85em;
	white-space: nowrap;
	height: 10px;
	padding-right: 10px;
	padding-left: 10px;
}


.secondspacerresource{
	width: 40%
}

.secondspacer {
	width: 80%
}
.calendarday {
	height: 100px;
	overflow: auto;
	overflow-x: hidden; 
	scrollbar-face-color:#ffffff; 
	scrollbar-track-color:#ffffff; 	
	scrollbar-arrow-color:#999999; 
	scrollbar-highlight-color:#ffffff; 
	scrollbar-shadow-color:#999999; 
	scrollbar-3dlight-color:#999999; 
	scrollbar-darkshadow-color:#ffffff;
	border: 1px solid #999999;;


	
}
.bigcalenderday {
	overflow: auto;
	overflow-x: hidden; 
	scrollbar-face-color:#ffffff; 
	scrollbar-track-color:#ffffff; 	
	scrollbar-arrow-color:#999999; 
	scrollbar-highlight-color:#ffffff; 
	scrollbar-shadow-color:#999999; 
	scrollbar-3dlight-color:#999999; 
	scrollbar-darkshadow-color:#ffffff;
	
}
.bigcalenderday {
	overflow: auto;
	overflow-x: hidden; 
	scrollbar-face-color:#ffffff; 
	scrollbar-track-color:#ffffff; 	
	scrollbar-arrow-color:#999999; 
	scrollbar-highlight-color:#ffffff; 
	scrollbar-shadow-color:#999999; 
	scrollbar-3dlight-color:#999999; 
	scrollbar-darkshadow-color:#ffffff;
	fidlter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#cccccc', Positive='true');
}

.weekcalendar {
	border-bottom: 1px solid #7F7F7F;
}

.thecalender {
	background-color: #F4F4F4;
	margin: 10px;
	border: 1px solid #B2C3D3;
	
}
.datenow {
	font-weight: bold;
	color: #5F778C;
	padding: 5px;
	font-size: 2em;
	
}
.currentday {
	font-weight: bold;
	color: #7F7F7F;

}

.datetoday {
	background-color: #4E7B41;
	color: white;
	/* font-weight: 0.9em; */
	padding-left: 4px;
	font-weight: bold
}
.otherdate {
	/* background-color: #6D92AD; */
	background-color: #ffcc00;
	/* color: white; */
	color: #000000;
	/* font-weight: 0.9em */
	font-weight: bold;
	padding-left: 3px;
}
.slotdivision, .slotdivision3 {
	border-bottom: 1px solid #C4C4C4;
	padding: 3px;
	vertical-align: top;
}
.slotdivision2 {
	border-bottom: 1px solid #C4C4C4;

	padding: 3px
}
.slotdivision3 {
	padding: 3px
}
.detailsheader {
	background-color: #E3E3E3;
	border-right: 1px solid white;
	padding-left: 3px;
	border-bottom: 1px solid #C6C6C6;
	/* vertical-align: top; */
}
.noresults {
	text-align: center;
	color: red
}
.noitemtext2 {
	color: gray;
	font-size: 0.8em;
	border-bottom: 1px solid #D2D2D2;
}
.noitemtext {
	color: gray;
	font-size: 0.8em;
	}
.noitemtext li {
	list-style: none;
	border-bottom: 1px solid #D2D2D2;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 0
}
.noitemtext ol, .noitemtext li {
	margin: 0 0 0 0
}
.shopbasket {
	width: 140px;
	
}
.basketheader {
	background: url(f3cssgifs/Booking/baskettop.gif) no-repeat bottom;
	color: white;
	font-size: 0.9em;
	text-align: center;
	padding-bottom: 0px
}


.headerlabelsadmsin {
	font-weight: bold;
	color: #B32597
}


.adminresources {
	font-weight: bold;
	color: #B32597
}
.adminemail {
	font-weight: bold;
	color: #2172C5
}

.adminsecurity {
	font-weight: bold;
	color: #C80000
}
.admininformation {
	color: #0B9E00;
	font-weight: bold
}

/* Date control classes */


.cal {
	BACKGROUND-COLOR: #e5e5e9; FONT-SIZE: 1em; 
}
.cal A:link {
	color: black
}	

.calwday {
	BACKGROUND-COLOR: #b2b2b2; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px
}
.caldate {
	PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.caldatesel {
	BACKGROUND-COLOR: #ffffff
}
.caledge {
	BACKGROUND-COLOR: #82A0D3; COLOR: white; 
}
	
.caledge A:visited {
	BACKGROUND-COLOR:#82A0D3; COLOR: white
}
.caledge A:link {
	COLOR: white
}
.caldateother {
	BACKGROUND-COLOR: #c4c4ce
}
.calerror {
	BACKGROUND-COLOR: #fb7d77
}
.dateerror
{
	BACKGROUND-COLOR: #fbcdc7
}
A.dateerror
{
	border: 1px solid red;
}
.calpyear {
	WIDTH: 4em
}

.datecombo {
	width: 26px;
	height: 26px;
	display:	inline-block;
	background: url(f3cssgifs/Booking/dateicon.gif) no-repeat 0% 100%;
	text-decoration: none
}


.schedulefieldname {
	color: #6C6C6C
}

.eformstext {
	text-align: center;
}


.booked {
	background-color: #FFCCCC;
}
.provisional {
	background-color: #CCCCFF;
}

/* Login Panel*/
.emailtable {
	background-color: #FFFFFF;
	border: 1px solid #528FBD;
	width: 33%;
	text-align: left;
	height: 90px
}
.mandatory, .errormessage {
	color: red;
	font-size: 0.8em
}
.logintable {
	background: url(f3cssgifs/Bodoking/logintable.gif) no-repeat;
	width: 332px;
	heighdt: 182px;
	text-align: left;
	border-bottom: 1px solid #999999
}
.logintable TD {
	white-space: nowrap;
	color: #585858;

}
.logintable .genericsecrettextinput, .logintable .generictextinput {
	border: 1px solid #999999;
	width: 154px;
}
.logintable .headerlabels {
	vertical-align: top;
	background-color: #C8C8C8
}
.logintext {
	background-color: #7B94A8;
	color: white;
	}
.loggedinas {
	background-color: #FFFFFF;
}
.loggedintext {
	width: 5%;
	white-space: nowrap
}
.cancelloginbutton {
	position: absolute;
	top: 126px;
	left: 36%;
	width: 40px;
	height: 40px
	
}
.forgotpass {
	

}
.referenceno {
	color: #9A0000
}

/* Insertion Point */ 
.outerinsertiontable {
	border-bottom: 1px dashed #808080;
	backsground-color: #F5F7F8;
	filtesr:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#CECECE', Positive='true');
	color: #1F5782;
	height: 115px
}

.outerinsertiontable A {
	color: #6c6c6c;
	text-decoration: none
}

.ipointtitle {
	color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	text-indent: 0.5em;
	background: url(f3cssgifs/Booking/upperheadergrad.gif) repeat-x bottom;
}
.ovedrflowme {
		height: 87px;
		overflow-y: scroll;
		border-left: 1px solid #528FBD;
		position: absolute;
		font-size: 0.75em;
		background-color: #F5F7F8;
}
.overflowme {
		overflow-y: scroll;
		scrollbar-face-color:#ffffff; 
		scrollbar-track-color:#F5F7F8; 	
		scrollbar-arrow-color:#999999; 
		scrollbar-highlight-color:#ffffff; 
		scrollbar-shadow-color:#999999; 
		scrollbar-3dlight-color:#999999; 
		scrollbar-darkshadow-color:#ffffff;
		height: 75px;
		width: 100%;
	}

.pink {
	color:red;
	background-color:pink
}

.progress1 {
	background-color: #528FBD;
	font-size: 0.9em;
	border: 1px solid #528FBD;
	margin-left: 2px;
	font-weight: bold;
	color: #FFFFFF;
	height: 1.7em;
	width: 1.7em;
	cursor: hand
}
.progress0 {
	background-color: #FFFFFF;
	font-size: 0.9em;
	border: 1px solid #528FBD;
	margin-left: 2px;
	font-weight: bold;
	color: #528FBD;
	height: 1.7em;;
	width: 1.7em;
	cursor: hand
}




/* email notifications */

.emailnotificationstable {
	background-color: #FFFFFF;
	border: 1px solid #528FBD;
	background-image: url(f3cssgifs/Booking/lowertabselborder.gif);
	background-position: top;
	background-repeat: repeat-x
}
.formfillertable {
	background-color: #FAF8F8;
	border-top:1px solid #528FBd;
	margin-bottom: 10px
}
.statictable {
	background-color: #FAF8F8;
	border-top:1px solid #528FBd
}

.headerlabelsemails {
	width: 20%;
	background-color: #FFFFFF;
	color: #7985B4;
	font-size: 0.9em;
	border-right: 1px solid #5E79A4;
	padding-left: 0.5em;
	background-image: url(f3cssgifs/Booking/headerlabel.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-weight: bold;
	line-height: 1.3em;
	padding-bottom: 2px
}
.emailwidthcell {
	width: 20%
}

.formdesigntable {
	border: 1px solid #528FBD;
	background-color: #FFFFFF;
	border-top: 3px solid #4E7B41
}

.permissionstable {
	border: 1px solid #528FBD;
	background-color: #FFFFFF;
	border-top: 3px solid #AF4141
}
.adminoutertable {
	
}
.adminoutertable A{
	color: #6c6c6c;
	text-decoration: none;
	font-weight: normal;
}

.errormessage {
	text-align: center;
	color: #FF0000;
	font-size: 1.5em;
}
.helptext {

	color: gray;


	font-size: 0.95em;
	vertical-align: top;
}
.helptextexp {
	color: gray;
	padding-bottom: 9px;
	font-size: 0.95em;
	vertical-align: top;
	
	padding-top: 2px
}
.helptextexp .genericimagesubmit {
	border: 1px solid white;
	float: left
}


TsD {
	border: 1px solid green
}

.progstate1 {
	background: url(f3cssgifs/Booking/greenstate2.gif) repeat-x green;
	font-size:6px;
	border-right: 1px solid #1E5126;
	border-left: 1px solid #1E5126;
	width: 20px;

}
.progstate2 {
	background: url(f3cssgifs/Booking/greenstate.gif) repeat-x green;
	font-size: 6px;
	width: 20px;
	border-right: 1px solid #1E5126;
	border-left: 1px solid #1E5126;
}
.progstate3 {
	background: url(f3cssgifs/Booking/graystate.gif) repeat-x gray;
	font-size: 6px;
	width: 20px;
	border-right: 1px solid #25384F;
	border-left: 1px solid #25384F;
}
.editresourcetype {
	width: 400px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.editresourcetype A {
	text-decoration: none;
	color: black;
	padding-left: 13px
}
ol {
	margin-top: 3px;
	margin-left: 24px;
	margin-bottom: 5px
}
.editresourcetypedetails {
	border-top: 1px solid #A3BDD5;
	width: 60%;
	margin-left: 3px;
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: #f2f2f2;
	border-bottom: 1px solid #A3BDD5;
}

.makebookingbutton {
	background-color: #3D8E33;
	border: 1px solid white;
	color: white;
	font-weight: bold;
	font-size: 0.85em;
	margin-bottom: 1px;
	margin-left: 1px;
	cursor: hand
}

.attributetextmsv {
	color: #528FBD;
	font-weight: bold;
	padding-left: 13px
		
}

.fieldpopupmenu {
	POSITION: absolute; 
	left:-1000px;
	top:-1000px;
	font-size: 0.9em;
	padding: 4px;
	border: 1px solid #9B989C;
	border-left: 10px solid #9B989C;
	background: url(f3cssgifs/Booking/menugrad.gif) repeat-y right white;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#CECECE', Positive='true');
}
.fieldpopupmenu .generictextarea {
	font-size: 200%;
	background-color: red
}
.generictextarea {
	font-size: 110%
}
/*  Big Calender View */

.weekdivider {
	background-color: #D5D5D5;
	width: 2px
}
.outercaltable {
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #7B94A8;
	border-bottom: 1px solid #7B94A8
}
.makebookingbutton2 {
	background-color: #C6D3DF;
	border: 1px solid #77899B;
	color: #435E75;
	font-weight: normal;
	font-size: 0.85em;
	margin-bottom: 1px;
	margin-left: 1px;
	cursor: hand;
	height: 18px;
	width: 18px;
}
.dayclass {
	text-align: center;
	font-weight: bold;
	color: #6B6B6B
}
.selectheader {
	white-space: nowrap;
	color: #9B989C;
	font-weight: bold;
}

.resourcename2 {
	color: #7996AC;
	font-weight: bold
}

.timeclass {
	font-weight: bold;
	color: #6B6B6B;
	font-size: 0.8em;
	background: url(f3cssgifs/Booking/halfshour.gif) no-repeat 50% 100%;
}
.timeclass2 {
	background: url(f3cssgifs/Booking/halfhour.gif) no-repeat 0% 0%;
	height:4px

}
.daywidthcontrol {
	width: 140px
}

.resultstable {
	width: 60%
}

.hidden {
	display: none;
}

/* Booking HomePage */

.homeoutertable {
	width: 100%;
	height: 50%;
	margin: auto;
	margin-top: 1%;
	background-color: white;
}
.homeoutertable TD{
	vertical-align: top
}
.welcometext {
	width : 60%;
	/* font-size: 0.8em; */
	padding-top : 5px;

	padding-left: 5px;
	vertical-align: top;
	color: #3B3B3B;
}
.welcometext b {
	color: #61819C
}
.wtextcontainer {
	width: 350px;
}

/* Styles used on the AB home page added by NLC*/
.navigation {
	padding-bottom: 25px;
}
.homesearchtable {
	width: 100%;
	background-color: white;
	vertical-align : top; 
	padding-top : 5px;
}
.popular {
	vertical-align : top; 
	width : 10%;
	color : #000000;
	background-color : #cccccc;
}
.activityfinder {
	vertical-align : top; 
	width : 10%;
	color : #000000;
	background-color : #cccccc;
}
.availability {
	vertical-align : top; 
	width : 10%;
	color : #000000;
	background-color : #cccccc;
	padding-left : 5px;
	padding-top : 5px;
}


/* Header Classes and styling*/

.headertable {
}
.iconsheader {
	width: 100%;
	background: url(../Images/Branding/threedots.gif) repeat-x bottom #5C9DC0;
	font-weight: bold;
	font-size: 0.8em;
	color: white;
	text-align: right;
	padding-right: 20px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 5px;
	}
.headerimage {
	height: 68px;
	background: url(../Images/Branding/leftcorner.gif) no-repeat top left #FFFFFF;
}
.headerimage IMG {
	border-left: 4px solid white;
	border-top: 4px solid white
}

.rightcorner {
	background: url(../Images/Branding/rightcorner.gif) no-repeat top right;
	padding-right: 10px
}

.blcorner {
	background: url(../Images/Branding/blcorner.gif) no-repeat bottom left;
	height: 53px;
	width: 6px;
}
.bmside {
	background: url(../Images/Branding/bmside.gif) repeat-x bottom #E6E6E6;
	text-align: center;
	font-size: 0.9em;
}
.brcorner {
	background: url(../Images/Branding/brcorner.gif) no-repeat 100% 104% #E6E6E6;
	width: 10px;
}
.normalattrib {
	font-size: 0.8em;
	font-weight: bold;
	color: #51679C;
	width:10%;

	
}
.normalquery {
	color: #FF9E39;
	font-size: 0.8em;
	font-weight: bold;
	
}

.normaltext {
	color: #3B3B3B;
	font-size: 0.8em
}

.normaltextquery {
	color: #3B3B3B;
	font-size: 0.8em;
	background: url(f3cssgifs/AB/threedots.gif) repeat-x bottom;
	padding-bottom: 20px
}


/* integration */
.testintegrationtable {
	text-align: left;
	width: 80%;
	background-color: white;
	border: 1px solid #528FBD
}
.integrationactiontable {
	background-color: #F5F8FB;
	border-top: 1px solid #528FBD;
	border-bottom: 1px solid #528FBD;
	width: 100%
	}
	
.functionname {
	font-weight: bold;
	color: #9A0000
	
}
.loglabel {
	color: #4F6992;
	font-weight: bold;

	vertical-align: top
}
.logtext {
	color: black;

	vertical-align: top
}

.logtextbold {
	font-weight:bold;
	color: black

}
.logrule {
	COLOR: #ffffff; HEIGHT: 3px; BACKGROUND-COLOR: #64004b
}
.logoddcell{
	background-color:#f4f4f4	
}

.lognoerror {
	color: #40AC40

}

.tokentext {
	color:#4F6992;
	font-weight: normal
}

.printonly {
	background-color: #EECFFE;
}


.droptargetbar {
	background-color:#0070b0;
	width:5px;
	height:5px;
	font-size:1px;
	top:-100px;
	left:-100px;
	position:absolute
}

.colruleend {
	height: 4px; background-color: red
	}
.colrulestart {
	height: 4px; background-color: green
	}
.colrulesplit{
	height: 4px; background-color: blue
	}
	
.popupmenu {
	POSITION: absolute; 
	left:-1000px;
	top:-1000px;
	white-space: nowrap;
	text-indent: 0.1em;
	font-size: 0.9em;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='#CECECE', Positive='true');
	padding: 4px;
	z-index: 2;
	border: 1px solid #9B989C;
	border-left: 10px solid #9B989C;
	background: url(f3cssgifs/Booking/menugrad.gif) repeat-y right white;
}

.iframepopup {
	overflow:hidden;
	width:2px;
	height:2px;
	top:-50000px;
	left:-50000px;
	position:absolute;
	border-width: 0
}

.lightgrey {
	background-color: #DDDDDD;	
}
TEXTAREA, SELECT, OPTION, .genericrichtext {
	background-color: #FFFFFF;
	border: 1px solid gray;
	font-size: 1em
}
/* PopUpList */
.poplist {
	border: 1px solid #898989;
	width: 300px;
	background-color: white;
	padding: 3px;
	font-size: 0.8em
}
.popheader {
	font-weight: bold;
	color: white;
	background: url(f3cssgifs/Booking/upperheadergrad.gif) repeat-x bottom #5C9DC0;

}
.resourcenamespan {
	color: red;
	padding-right: 6px
}
.notselected {
	color: red;
	text-indent: 2em;
	background: url(f3cssgifs/Booking/warning.gif) no-repeat left;
}


/* iframe pop up */
.ipopup {
	padding: 10px;
	font-size: 0.8em;
	border: 1px solid #9B989C;
	border-left: 10px solid #9B989C;
	background: url(f3cssgifs/Booking/menugrad.gif) repeat-y right white;
}
.ipopup .generictextarea {
	font-size: 120%
}
.ipopup .fieldtitle {
	vertical-align: middle;
	padding-right: 4px
}
.ipopup .paragraghtext {
	font-weight: bold;
	color: #9B989C;
}

.menuoption, .menuoptionsel {
	white-space: nowrap;
	font-family: Trebuchet MS;
	font-size: 1.1em;
	padding-right: 20px;
	height: 10px
}
.menuoption A {
	color: black;
	text-decoration: none;

}
.menuoptionsel {
	background-color: #528FBD;
}
.menuoptionsel A {
	color: white;
	text-decoration: none
}
.menuoption A:hover {
 color: #528FBD
}
#options {
	cursor: hand
}
#optionsbrowse {
	background-color: #6D92AD;
	padding-top: 3px;
	padding-bottom: 3px;
	cursor: hand
}
#optionsbrowse IMG A {
	border: 1px solid red
}

/* View Bookings - Muliple */
.optionspanel {
	margin-bottom: 12px;
	padding-bottom: 3px;
	border-bottom: 1px solid #c4c4c4
}
.optionspanel .genericimagesubmit {
	margin-right: 3px
}
.optionspanel .genericcheckbox {
	vertical-align: bottom;
}
.selectoption{
	color: black
}
.optionpanelheader {
	background: url(f3cssgifs/Booking/panelgrad.gif) repeat-x top;
	height: 19px;
	font-size: 90%;
	text-align: right;
}
.optionpanelheader A{
	color: black;
	padding-left: 5px;
	padding-right: 10px;
	background: url(f3cssgifs/Booking/linkbevel.gif) no-repeat right;
	text-decoration: none
}
.optionpanelheader .genericimagesubmit {
	margin-top: 2px
}
.optionspanel .genericsubmit {
	margin-right: 10px;
	margin-left: 1px;
	border: 0px solid black;
	background: url(f3cssgifs/Booking/d) transparent;
	margin-bottom: 2px;
	font-weight: normal;
	color: #D84E2C;
	font-size: 100%;
	padding: 0px;
	vertical-align: bottom;
}
.currentday .genericimagesubmit {
	margin-top: 6px
}
.richeditbar {
	background-color: #F5F7FA;
	border: 1px solid #6d92ad;
	padding: 10px;
}
.deletemessagetable {
	border: 1px solid #b1b1b1;
	width: 300px;
	text-align: center;
	margin:auto;
	border-bottom: 3px;
	background: #f4f4f4
}
.deletemessagetable td{
	text-align: left;
}
.quickedittable {
	border: 1px solid #b1b1b1;
	width: 300px;
	background: white;
	border-bottom: 3px;
	background: url(f3cssgifs/Booking/menugrad.gif) repeat-y right white;
}
.quickedittable .generictextarea {
	width: 300px;
	height: 300px;
	border: 1px solid gray;
	}
.quickedittable .attributetext{
	background: #5c9dc0;
	color: white;
	font-size: 80%;
	font-weight: bold;
	text-align: left;
	background: url(f3cssgifs/Booking/upperheadergrad.gif) repeat-x bottom;
}
.quickedittable .headerlabels {
	background:#b1b1b1;
	text-align: left;
	color: white;
	font-size: 80%;
}
/* Data Dictionary */

.ddsidetable {
	border: 1px solid #528FBD;
	background-color: #FFFFFF;
	width: 30%;
	margin: auto
}

.ddheaderbit {
	color: white;
	font-size: 0.9em;
	font-weight: bold;
	background: url(f3cssgifs/Booking/upperheadergrad.gif) repeat-x bottom #528fbd;;
}
.hiersubmit {
	font-size: 0.1em;
	background-color: White;
	border: 0px solid white
}
.selectoption .genericselect {
	margin-right: 5px
}
.rescount {
	color: red
}
.bookingitems {
	font-weight: bold;
	color: #858585
}

.skipnav {
	font-size: 1px;
	height: 1px
}
.downloadconfirm {
	font-weight: bold
}
.nobasketitems {
		color: #D34C2B;
		margin-top: 2px
}
/* Strip View Classes */
.available{
	text-align: center;
	background-color: #269D58;
	color: #00FF00;
}
.notavailable{
	text-align: center;
	background-color:#C55555;
	color: #FF0000;
}
.waiting{
	text-align: center;
	background-color:#FF6820;
	color: #FF0000;
}
/* Strip Day View Classes */
.dayavailable{
	background-color: #269D58;
	text-align: center;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.daynotavailable{
	background-color:#EEEEEE
}
.daywaiting{
	background-color: #FF6820;
	text-align: center;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.daytimeborder{
	border-left: 1px solid #6B6B6B;
}
/* Booking Colour Codes */
.booked {
	background-color: #FFCCCC;
	padding: 3px;
	border-bottom: 1px solid #C4C4C4;
}
.provisional {
	background-color: #CCCCFF;
	padding: 3px;
	border-bottom: 1px solid #C4C4C4;
}
.maintenance {
	background-color: #FFFF66;
	padding: 3px;
	border-bottom: 1px solid #C4C4C4;
}
.cancelled {
	background-color: #FF6666;
	padding: 3px;
	border-bottom: 1px solid #C4C4C4;
}
.notbooked {
	padding: 3px;
	border-bottom: 1px solid #C4C4C4;
}