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

body
{
    font-family:arial,helvetica;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    margin:0;
}

a	{	
	text-decoration:	underline;
	/*FONT-SIZE: 12px;*/
        color: #000000;
	/* cursor:hand; */
	cursor:pointer;
}


A:link	{	
	text-decoration:	underline;
	
	/*color: #000000;*/
}	
		
A:visited	
{
	text-decoration:	underline;
	
	color: #000000;
}	
		
A:active	{	
	text-decoration:	underline;
	
		/*color: #000000;*/
}	
		
A:hover	{	
	text-decoration:	underline;


        color: Blue;

}


h3,h4,h5
{
    margin-top:6px;   
    margin-bottom:6px;   
}

.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:16px;  
	font-weight:bold;
	padding-left: 14px;
	letter-spacing:.1ex;
}

.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: 300px;
}

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

.footer
{
	font-family: arial,helvetica;font-size:12px;
}
.version
{
	font-family:arial,helvetica;
	font-size:10px;
	padding-left:10px;
}

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

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

.formTextLightSmall
{
	font-size: 11px;
	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-weight:bold;
}

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

.label
{
	font-size: 12px;
	font-family: arial,helvetica;
	font-variant: normal;
}
.labelLarge
{
	font-size: 14px;
	font-family: arial,helvetica;
	font-variant: normal;
	padding:10px;
	width:100%;
	text-align:center;
}
.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;
	width: 100px;
}

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

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

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

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

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

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

.resourceGroupTitle
{
    
    
}

.resourceGroupTable
{
	border: 1px solid #BFC6CD;
	font-size: 11px;	
	margin-bottom:4px;
	padding-right:10px;
}

.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, .navigationTextDisabled, a.navigationTextDisabled:hover
{
	FONT-FAMILY: arial,helvetica;
    FONT-SIZE: 12px;
    font-weight: bold;
}
a.navigationTextDisabled
{
    color:Gray;
    cursor:default;
    text-decoration:none;
}
a.navigationTextDisabled:hover
{
    color:Gray;    
    text-decoration:none;
}

.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: #0000CD;
	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
{
	font-size:10px;
	background-color: #cccccc;
}

.scaleTOPWeekend
{
	font-size:10px;
	background-color: #D8D87F;
}

.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: 8px;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}
.searchClosed
{
    border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	font-size: 10px;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	
	cursor:default;
}
.searchOpen
{
    border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	font-size: 10px;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	
	/* cursor:hand; */
	cursor:pointer;
}

.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;*/
	overflow: 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;
	vertical-align:middle;
	padding:2px;
}

.bookingTableAddRemoveBtn
{
	font-weight: bolder;
	font-size: 11px;	
}

#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;
overflow: scroll;*/
}

.searchResultTable {
table-layout: fixed;
border-collapse: collapse;
width:100%;
font-size:12px;
	
}

div#tbl-container table th {

}


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

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


thead td, thead td.locked	{
font-weight: bold;
text-align: center;
/*position:relative; MarkE 20090630 */
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.NormalRepeat td.resourceText
{
	color: #666666;
	height:26px;
}
table.bookingTable tr.AlternateRepeat /*td.resourceText Mark 20090630 */
{
	color: #666666;
	background-color: #F2F2F2;
	height:26px;
}

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

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

.cart td
{
	width:300px;
}

.termsNcondition
{
	margin:20px;
	height:150px;
	background-color:#f4f4f4;
	overflow:scroll;
	/*overflow-x:auto;*/
	overflow:auto;
	border: double Gray;
}
.companyName
{
	font-size:16px;
	padding-bottom:4px;
}

.siteName
{
	font-size:16px;	
	padding-bottom:4px;
}

.standardPageOuterTable
{
    /*height:560px;*/
}

.previousNextButtonsFrame
{
    margin-top:10px;   
}
.emailButton
{
    position:relative;
    top:-5px;   
}
/*
.menuContainer
{
    background-image:url("images/topBlueBar.jpg");   
}
*/