/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    font-family:arial,helvetica;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
}

A:link	{	
	text-decoration:	underline;
	FONT-SIZE: 12px;
	color: #000000;
}	
		
A:visited	
{
	text-decoration:	underline;
	FONT-SIZE: 12px;
	color: #000000;
}	
		
A:active	{	
	text-decoration:	underline;
	FONT-SIZE: 12px;
	color: #000000;
}	
		
A:hover	{	
	text-decoration:	underline;
	FONT-SIZE: 12px;
	color: #000000;
}


.siteHeader
{
	font-size: 22px;
	background-repeat: repeat-x;
	font-family: arial,helvetica;
	padding: 20px;
	text-align: center
}

.footerTable
{
	background-repeat: repeat-x;
}

.InputButtonLarge {font-family:arial,helvetica;font-size:12px;line-height:20px;background-color:#DDDDDD;color:#404040;font-weight:bold;border:solid 2px #CCCCCC}	


.searchHeader
{
	font-family:arial,helvetica;font-size:18px;padding-left: 10px
}

.pageHeader
{
	FONT-FAMILY: arial,Verdana, Helvetica, sans-serif;
	font-size:18px;color:#000000;
	font-weight:bold
}

.smallSearchText
{
	FONT-FAMILY: arial,Verdana, Helvetica, sans-serif;
    FONT-SIZE: 10px;
}

.smallSearchInput
{
	 font-family: arial,helvetica;
    FONT-SIZE: 10px;
}

.info
{
	FONT-FAMILY: arial,helvetica;
    FONT-SIZE: 9px;
}

.legendHeader
{
	FONT-FAMILY: arial,helvetica;
    FONT-SIZE: 12px;
}

.mainBody
{
	 font-family: arial,helvetica;
    FONT-SIZE: 12px;
}

.bookingFormComment
{
	font-family: arial,helvetica;
    FONT-SIZE: 11px;
    margin-bottom: 300;
}

.bookingFormName
{
	font-family: arial,helvetica;
    FONT-SIZE: 12px;
}

.footer
{
	font-family: arial,helvetica;font-size:12px;
}

.formText
{
	font-family: arial,helvetica;font-size:12px;color:#000000;
}

.formTextLight
{
	font-size: 12px;
	color: #696969;
	font-family:  arial,helvetica;
}

.formNote
{
	font-size: 11px;
	color: #696969;
	font-family:  arial,helvetica;
}

.formNote A
{
	font-size: 11px;
	color: #696969;
	font-family:  arial,helvetica;
	text-decoration: underline;
}

.formNote A:Hover
{
	font-size: 11px;
	color: #696969;
}

.formNote A:Selected
{
	font-size: 11px;
	color: #696969;
}

.formNote A:visited
{
	font-size: 11px;
	color: #696969;
}

.formButton
{
	FONT-FAMILY:  arial,helvetica;
    FONT-SIZE: 12px;
    font-weight: bold;
    padding: 2px;
    padding-left: 8px;
    padding-right: 8px;
}

.buttonText
{
	padding-right: 2px;
	font-size: 12px;
	color: #696969;
	font-family:  arial,helvetica;
	font-variant: small-caps;
}

.formInput 
{
	font-family: arial,helvetica;font-size:12px;color:#000000
}
#edtAmountStart 
{
	font-weight:bolder;
}

.label
{
	font-size: 12px;
	font-family: arial,helvetica;
	font-variant: normal;
}

.labelHeader
{
	FONT-FAMILY:  arial,helvetica;
    FONT-SIZE: 12px;
    font-weight: bold
}
.labelLight
{
	font-size: 12px;
	font-variant: normal;
	color: #696969;
}

.labelLightSmall
{
	font-size: 11px;
	font-variant: normal;
	color: #696969;
}

.labelHeaderSmall
{
	FONT-FAMILY: arial,helvetica;
    FONT-SIZE: 12px;
    font-weight: bold
}

.siteLinks
{
	FONT-FAMILY: arial,helvetica;
    FONT-SIZE: 12px;
    font-weight: bold;
    
}

.navTextActive
{
	FONT-FAMILY: arial,helvetica;
    FONT-SIZE: 12px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
}

.navCellActive
{
	width: 100;
	height: 15px;
	background-color: darkgray;
}

.navTextInActive
{
	FONT-FAMILY: arial,helvetica;
    FONT-SIZE: 10px;
    text-align: center;
    white-space: nowrap;
    color: darkgray;
}

.navCellInActive
{
	background-color: gainsboro;
	width: 100;
	height: 15px
}

.navTextActiveOff
{
	FONT-FAMILY: arial,helvetica;
    FONT-SIZE: 12px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
}

.navCellActiveOff
{
	width: 100;
	height: 15px;
	background-color: gainsboro;
}

.resourceGroup
{
	font-weight: bold;
	font-size: 12px;
	cursor: hand;
	color: black;
	font-family: arial,helvetica;
	background-color: #BFC6CD;
	margin: 2px;
	padding: 5px;
}

.resourceGroupTable
{
	border: 1px solid #BFC6CD;
	font-size: 11px;
}

.resourceGroupTable A
{
	font-size: 11px;
	color: #999999;
}

.resourceGroupTable A:Hover
{
	font-size: 11px;
	color: #999999;
}

.resourceGroupTable A:Selected
{
	font-size: 11px;
	color: #999999;
}

.resourceGroupTable A:Visited
{
	font-size: 11px;
	color: #999999;
}

.resourceGroupTable INPUT
{
	font-size: 11px;
}

.resourceGroupTable TR
{
	background-color: #EAEEF1;
	height: 25px;
}

.resourceGroupTable TR.Alternate
{
	background-color: #FFFFFF;
}

.resourceItem
{
	FONT-FAMILY: arial,helvetica;
    FONT-SIZE: 11px;
    padding-left: 20px;
}

.venueName
{
	border-right: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	background-color: #cccccc ;
	padding: 3px;
	width: 250px;
}

.venueWidth 
{
}


.SearchTopLeftCellText
{
	position: absolute;
	left: 2px;
	top: 2px;	
}
.venueDisabled
{
	/**color: #696969;
	FONT-SIZE: 12px;
	text-decoration: line-through **/
    FONT-SIZE: 12px;
}

.venueCapacity
{
	FONT-SIZE: 12px;
}

.venueBookingTable
{
	border:solid 1px #CCCCCC
	
}

.venueNameBookingPage
{
	FONT-FAMILY: arial,helvetica;
    FONT-SIZE: 12px;
}

.venueDescription
{
	FONT-FAMILY: arial,helvetica;
    FONT-SIZE: 12px;
}

.navigationText
{
	FONT-FAMILY: arial,helvetica;
    FONT-SIZE: 11px;
    font-weight: bold
}

.error
{
	font-size: 11px;
	color: #ff0000;
	font-family: arial,helvetica;
	font-weight: bold;
	font-style: italic;
}

.success
{
	font-size: 11px;
	color: #009900;
	font-family: arial,helvetica;
	font-weight: bold;
	font-style: italic;
}

.doubleBooked
{
	font-size: 12px;
	color: mediumblue;
	font-family: arial,helvetica;
}

.note
{
	font-size: 12px;
	color: #ff0000;
	font-family: arial,helvetica;
}

.title { font-family: arial,helvetica; font-size: 12pt; color: #63127A; font-weight: bold}

.button {
	font-family: arial;
	font-size: 8pt;
	color: #000000;
}  
    
    
.searchResultVenue
{
	width: 100%
}

.scaleTOP
{
	border-right: #666666 1px solid;
	font-size: 10px;
	border-bottom: #cccccc 1px solid;
	background-color: #cccccc;
	text-align: left;
}

.scaleTopWeekCell
{
	border-right: #cccccc 1px solid;
	font-size: 10px;
	border-bottom: #cccccc 1px solid;
	background-color: #cccccc;
	text-align: left;
	height: 40px;
	position: relative
}



.scaleTopWeek
{
	position: absolute;
	left: 2px;
	top: 2px;
}

.scaleBOTTOM
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	font-size: 10px;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}

.searchOpen
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	font-size: 10px;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	
}

.searchBooked
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	font-size: 10px;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}

.ddsearchResultTable 
{
	border: 1px solid #cccccc;
	width:100%;	
}

.searchResultTableNumbers
{
	border: 1px solid #cccccc;
	width:100%;	
}

.searchResultTableTop
{
	width:100%;	
	padding: 5px;
	background-color: #cccccc;
	border: 1px solid #666666;
}

.searchResultTableDiv
{
	overflow-y: scroll;
}



.searchResultCell
{
	height: 100%;
}


.searchResultVenue TD 
{
	FONT-FAMILY: arial,helvetica;
    FONT-SIZE: 13px;
}

.resourceHeader
{
	FONT-SIZE: 12px; FONT-FAMILY: arial;
}

.innerBookings
{
	border-right: #000000 thin solid;
	border-top: #000000 thin solid;
	border-left: #000000 thin solid;
	border-bottom: #000000 thin solid;
}

.resourceText
{
	FONT-SIZE: 12px; FONT-FAMILY: arial
}
.bookingTableAddRemoveBtn
{
	border-right: outset;
	padding-right: 2px;
	border-top: outset;
	padding-left: 2px;
	font-weight: bolder;
	font-size: 12px;
	padding-bottom: 3px;
	border-left: outset;
	padding-top: 3px;
	border-bottom: black outset;
	background-color: #dcdcdc;
	text-decoration: none;
}
#spnRepeatBookings img
{
	filter: alpha(opacity=50);
}


UL LI
{
	FONT-FAMILY: arial,helvetica;
	FONT-SIZE: 12px;
}	

p 
{
	FONT-FAMILY: arial,helvetica;
	FONT-SIZE: 12px;
}
	
.para 
{
	FONT-FAMILY: arial,helvetica;
	FONT-SIZE: 12px;
}

.disabledCell
{
	background-image: url(images/disabledCell.gif);
}

.openCell
{
	background-color: #FFFFFF;
}

.BookingRequestFormTable 
{
	width: 100%; 
}













div#tbl-container {
width: 100%;
overflow-y: scroll;
}

.searchResultTable {
table-layout: fixed;
border-collapse: collapse;
border: 1px solid #cccccc;
	
}

div#tbl-container table th {

}


div#tbl-container table td.venue {
	width: 250px;
}

div#tbl-container table td.topleftcell {
	width: 250px;
	background-color: WhiteSmoke;
	font-size: 9px;
}


thead td, thead td.locked	{
font-weight: bold;
text-align: center;
position:relative;
cursor: default; 
background-color: White;
}
	
thead td {
top: expression(parentNode.parentNode.parentNode.parentNode.scrollTop-2); /* IE5+ only */
z-index: 20;
}

thead td.locked {z-index: 30;}

td.locked,  th.locked{
background-color: #ffeaff;
font-weight: bold;
border-right: 1px solid silver;
left: expression(document.getElementById("tbl-container").scrollLeft); /* IE5+ only */
position: relative;
z-index: 10;
}

.RepeatBookingTable
{
	width: 100%;
	border: 1px solid #999999;
	font-size: 11px;
}

.RepeatBookingTable TR
{
	border: solid 1px #CCCCCC;	
	
}

.RepeatBookingTable TD
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 11px;	
	font-size: 11px;
}

.RepeatBookingTable TH
{
	padding: 3px;	
	font-size: 11px;
	font-weight: bold;
	
	text-align: left;
}

.RepeatBookingTable TR.Header 
{
	border: solid 1px #666666;
	background-color: #CCCCCC;	
}

TABLE.BookingTable
{
	width: 100%;
	border: 1px solid #999999;
	font-size: 11px;
}

TABLE.BookingTable SELECT
{
	font-size: 11px;
}

TABLE.BookingTable A
{
	font-size: 11px;
}

TABLE.BookingTable A:Hover
{
	font-size: 11px;
}
TABLE.BookingTable A:Selected
{
	font-size: 11px;
}
TABLE.BookingTable A:Visited
{
	font-size: 11px;
}


.TABLE.BookingTable TD
{	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 11px;
}

TABLE.BookingTable TD.resourceHeader
{
	height: 26px;	
	padding-left: 5px;
	background-color: #A9A9A9;
}

TABLE.BookingTable TR.Normal
{
}

TABLE.BookingTable Div.success
{
	margin: 0px;
}
TABLE.BookingTable Div.error
{
	margin: 0px;
}

TABLE.BookingTable TR.Alternate
{
	background-color: #F2F2F2;
}

TABLE.BookingTable TR.AlternateRepeat
{
	color: #666666;
}

TABLE.BookingTable TR.NormalRepeat
{
	color: #666666;
}

TABLE.BookingTable TR.NormalRepeat TD.resourceText
{
	color: #666666;
}
TABLE.BookingTable TR.AlternateRepeat TD.resourceText
{
	color: #666666;
}

/*these styles have nothing to do with the locked column*/

img.ResourceImage
{
	margin: 5px;	
	cursor: hand;
}
.weekend
{
	background-color: #ffffcc;
}
.userInstructions
{
	position:absolute;
	margin-left:15;
	display:inline;
	height:300;
	font-size:12;
}
.textarea
{
	overflow:scroll;
	width:270;
	height:300;
	background-color:White;
	overflow-x:auto;
}