body
{
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #f0f8ff;
}

.MasterHeader
{
	min-width:740px;
	max-width:1024px;
	margin:0 auto 0 auto;
}

.MasterMain
{
	min-width:740px;
	max-width:1024px;
	margin:0 auto 0 auto;
}

.MasterFooter
{	
	min-width:740px;
	max-width:1024px;
	margin:0 auto 0 auto;
}

.RoomTable {
	width: 100%;
	cellpadding: 3px;
}

.ScientiaHeader
{
	width:100%;
}


#ScientiaHeader
{
	display:none;
}

.HeaderTitle
{
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	padding-left:60px;
}

.pageMenu
{
	width:100%;
	margin-top:20px;
	text-align:center;
}

.pageMenu a
{
	font-size:small;
	color:#4993CA;
	font-weight:bolder;
	padding: 0 10px 0 10px;
}

.pageMenu a:hover
{
	background-color:inherit;
	color:#2B6DA4;
}

.Section
{
	width:100%;
	position:relative;
	padding-bottom:0px;
}

#LocationSection, #OptionsSection, #MyBookingsSection
{
	margin-top:10px;
}

.SectionHeader
{
	text-align:left;
	font-size:small;
	background-color: #99ccff;	
	color:inherit;
	width:100%;
	height:18px;
	padding-top:2px;
	font-weight:bolder;
}

.SectionNumber
{
	position:absolute;
	left:13px;
	font-weight:normal;
}

.SectionLabel
{
	position:absolute;
	left:27px;
}

.SectionImage
{	
	position:absolute;
	top:30px;
	left:0px;
	width:80px;
	height:80px;
}

.SectionRoomImage
{
	background-image:url(../Images/room.gif);
	background-repeat:no-repeat;
	height:80px;
	width:80px; 
	position: absolute;
	margin-top:10px;
}

.SectionDateImage
{
	background-image:url(../Images/date.gif);
	background-repeat:no-repeat;
	height:80px;
	width:80px; 
	position: absolute;
	margin-top:10px;
}

.SectionTimeImage
{
	background-image:url(../Images/time.gif);
	background-repeat:no-repeat;
	height:80px;
	width:80px; 
	position: absolute;
	margin-top:10px;
}

.SectionOptionImage
{
	background-image:url(../Images/choose.gif);
	background-repeat:no-repeat;
	height:80px;
	width:80px; 
	position: absolute;
	margin-top:10px;
}

.SectionConfirmImage
{
	background-image:url(../Images/confirm.gif);
	background-repeat:no-repeat;
	height:80px;
	width:80px; 
	position: absolute;
	margin-top:10px;
}

.SectionMyBookCancelled
{
	background-image:url(../Images/booked_cancelled.gif);
	background-repeat:no-repeat;
	height:30px;
	width:30px; 
}

.SectionMyBookConfirmed
{
	background-image:url(../Images/booked_confirmed.gif);
	background-repeat:no-repeat;
	height:30px;
	width:30px; 
}

.SectionMyBookProvisional
{
	background-image:url(../Images/booked_provisional.gif);
	background-repeat:no-repeat;
	height:30px;
	width:30px; 
}

.SectionMyBookUnconfirmed
{
	background-image:url(../Images/booked_unconfirmed.gif);
	background-repeat:no-repeat;
	height:30px;
	width:30px; 
}

.ContentPanel
{
	width:100%;
	padding-top:10px;
}

.InstructionPanel
{	
	position:absolute;
	left:0px;
	margin: 18px 0px 0px 78px;
	width:150px;
	font-size: small;	
}

.InstructionPanel a
{
	margin:75px 0 0 0ex;
	display:block;
}

.ControlsPanel
{	
	margin: 0px 0px 0px 220px;
    height:155px;
	vertical-align:top;
}

.FilterCtrls
{
	float:left;
	padding-left:10px;
	width:48%;
	vertical-align:top;
	text-align:right;
}

.Calendar
{
	font-size: x-small;
}

.CalendarDay
{
	background-color: white;
	color:inherit;
}

.CalendarDayHeader
{
	background-color:#f0f8ff;
	color:inherit;
	border-bottom: solid thin #99ccff;
}

.CalendarTitle
{
	background-color: #99ccff;
	color: black;
}

.CalendarSelectedDay
{
	background-color:white !important;
	color:inherit;
	border: dashed thin blue;
}

.CalendarSelectedDayInOtherMonth
{
	background-color:#f0f8ff !important;
	color:inherit;
	border: dashed thin blue;
}

.CalendarOtherMonthDay
{
	background-color: #f0f8ff;
	color:inherit;
}

.CalendarTodayDay
{
	background-color: white;
	color:inherit;
	font-weight:bolder;
}

.CalendarWeekendDay
{
	background-color: white;
	color:inherit;
}

.Banner
{
	border: solid #99ccff thin;
	background: white;
	color:inherit;
	padding:10px 10px 10px 10px;
	margin: 40px auto 20px auto;
	text-align:center;
	font-size:small;	
	width:60ex;
}

.BannerTitle
{
	display:block;
	margin-bottom:10px;
	font-size:medium;
	font-weight: bold;
}

.Banner a
{
	display:block;
	margin-top:10px;
}

.ErrorText
{
	text-align:left;
	color: red;
	background-color:inherit;
	font-size: small;
}

a
{
	font-size: xx-small;
}

.Grid
{
	font-size: small;
	text-align: left;
	width:100%;
}

.Grid a
{	
	font-size: small;
}


.GridHeader
{
	font-size:small;
	background-color: #99ccff;
	color:inherit;
	text-align:center;
	width:100%;
	height:18px;
}

.GridItem
{	
	text-align:left;
	background-color: #F8F8FF;
	color:inherit;
	text-indent:2px;
}

.GridAlternateItem
{
	text-align:left;
	background-color: white;
	color:inherit;	
	text-indent:2px;
}

.Grid td
{	
	border-color:Silver;
}

.ReferenceImage
{
	width: 30px;
}

.Confirmed
{
	color:Green;
	background-color:inherit;
}

.Unconfirmed
{
	color:#ff9933;
	background-color:inherit;
}

.Cancelled
{
	color:Red;
	background-color:inherit;
}

.FormField
{
	width: 100%;
}

.BookingField
{
	width: 100%;
}

#monthDayListFilterCtrls
{
	padding-top:40px;
	text-align:right;
}

#monthDayListFilterCtrls .FieldLabel
{
	margin-right:15px;
}

#calendarFilterCtrls
{	
	text-align:left;
	padding-left:10px;
	width:auto;
}

#TimeControlsPanel
{
	height:40px;
}

.buttons
{
	width:100%;
	height:30px;
}

.backButton
{
	float:left;
}

.nextButton
{
	float:right;
}

.CancelButton
{
	font-size:xx-small;
}

.ValidationSummary
{
	background-color:white;
	color:inherit;
	padding: 25px 0 0 0;
}

div.clearer 
{
	clear: left;  
	line-height: 0px; 
	height: 0;
}

img
{
	border-style:none;
}

#OptionNavPanel
{
}

.OptionNavSection
{
	padding-right:14px;
}

.OptionNavSection a
{
	padding-right:3px;
}

.OptionSelectionPanel
{
	width:95%;
	text-align:left;
}

#OptionsControlsPanel
{
	height:auto;
	margin: 0px 0px 0px 135px;
}

#OptionsContentPanel
{
	height:auto;
	text-align:center;
}

#RegistrationFormFields
{
	text-align:right;
	margin-top:20px;
}

#ShowCancelledOption
{
	float:right;
	font-size:smaller;
}

#ctl00_Main_BookingsListTitle
{
	float:left;
}

#LoginFields
{
	margin: 20px 0 20px 10px;
	text-align:right;
}

.LabelControlPair
{
	margin-top:3px;
}

.FieldLabel
{
	font-size:small;
}

.LabelControlPair .FormField
{
	width:220px;
	margin-right:30px;
}

#TimeSection select
{
	width:20ex;
}
   
#ctl00_Main_Room1_SelectionPnl
{
	margin-top:10px;	
	height:160px;
	overflow:auto;
}

#ctl00_Main_Room1_SelectionPnl .Grid
{ 
	width:98%;
}

.hidden
{
	display:none;
}

.VersionInfo
{
	position:relative;
	top:20px;
	font-size:xx-small;
	font-style:italic;
	color:Gray;
}





/* Rule 2 of /app_templates/css/blue_style.css */ 
.container {
	BORDER-RIGHT: #ababab 1px solid;
	BORDER-TOP: #ababab 1px solid;
	MARGIN-TOP: 0px;
	MARGIN-LEFT: auto;
	BORDER-LEFT: #ababab 1px solid;
	WIDTH: 750px;
	MARGIN-RIGHT: auto;
	BORDER-BOTTOM: #ababab 1px solid;
	BACKGROUND-COLOR: #ffffff;
	voice-family: inherit
}

/* Rule 45 of /app_templates/css/blue_style.css */ 
.text_menu {
	PADDING-LEFT: 15px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 6px;
	COLOR: #4189dd;
	PADDING-TOP: 6px;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none
}

/* Rule 46 of /app_templates/css/blue_style.css */ 
.text_menu A {
	COLOR: #666666;
	TEXT-DECORATION: none
}

/* Rule 30 of /app_templates/css/blue_style.css */ 
.right_column {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 10px;
	BORDER-LEFT: #ababab 1px solid;
	COLOR: #666666;
	LINE-HEIGHT: 120%;
	PADDING-TOP: 10px;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none
}

/* Rule 32 of /app_templates/css/blue_style.css */ 
.right_column A {
	COLOR: #4189dd;
	TEXT-DECORATION: none
}

/* Rule 50 of /app_templates/css/blue_style.css */ 
.news_titles {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 0px;
	BORDER-LEFT: #ababab 1px solid;
	COLOR: #4189dd;
	LINE-HEIGHT: 140%;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #ababab 1px solid;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}

/* Rule 7 of /app_templates/css/blue_style.css */ 
.breadcrumbs {
	PADDING-LEFT: 15px;
	FONT-SIZE: 18px;
	PADDING-BOTTOM: 7px;
	COLOR: #e0e0e0;  /*#003580;*/
	PADDING-TOP: 7px;
	/*FONT-WEIGHT: BOLD;*/
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #4189dd;
	TEXT-ALIGN: left
}

/* Rule 35 of /app_templates/css/blue_style.css */ 
.navbar {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}

/* Rule 43 of /app_templates/css/blue_style.css */ 
.navbar_td_last {
	PADDING-RIGHT: 12px;
	BORDER-TOP: 1px solid;
	PADDING-LEFT: 12px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 7px;
	COLOR: #ffffff;
	PADDING-TOP: 7px;
	BORDER-BOTTOM: #ffffff 1px solid;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #003580;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none
}

/* Rule 44 of /app_templates/css/blue_style.css */ 
.navbar_td_last A {
	COLOR: #ffffff;
	TEXT-DECORATION: none
}

/* Rule 36 of /app_templates/css/blue_style.css */ 
.navbar_td {
	BORDER-RIGHT: #ffffff 1px solid;
	PADDING-RIGHT: 12px;
	BORDER-TOP: #ffffff 1px solid;
	PADDING-LEFT: 12px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 7px;
	COLOR: #ffffff;
	PADDING-TOP: 7px;
	BORDER-BOTTOM: #ffffff 1px solid;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #003580;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none
}

/* Rule 37 of /app_templates/css/blue_style.css */ 
.navbar_td A {
	COLOR: #ffffff;
	TEXT-DECORATION: none
}

/* Rule 39 of /app_templates/css/blue_style.css */ 
.navbar_td_here {
	BORDER-RIGHT: #ffffff 1px solid;
	PADDING-RIGHT: 12px;
	BORDER-TOP: #ffffff 1px solid;
	PADDING-LEFT: 12px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 7px;
	COLOR: #ffffff;
	PADDING-TOP: 7px;
	BORDER-BOTTOM: #ffffff 1px solid;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #4189dd;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none
}

/* Rule 40 of /app_templates/css/blue_style.css */ 
.navbar_td_here A {
	COLOR: #ffffff;
	TEXT-DECORATION: none
}

/* Rule 49 of /app_templates/css/blue_style.css */ 
.titlebar_text {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 10px;
	COLOR: #666666;
	LINE-HEIGHT: 120%;
	PADDING-TOP: 10px;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}

/* Rule 48 of /app_templates/css/blue_style.css */ 
.front_logo {
	PADDING-LEFT: 20px;
	PADDING-BOTTOM: 22px;
	PADDING-TOP: 12px
}

/* Rule 3 of /app_templates/css/blue_style.css */ 
.toolbar {
	FONT-SIZE: 11px;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #4189dd
}

/* Rule 6 of /app_templates/css/blue_style.css */ 
.searchtext {
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}

/* Rule 4 of /app_templates/css/blue_style.css */ 
.toolbar A {
	COLOR: #ffffff;
	TEXT-DECORATION: none
}

#ctl00_Main_DatePanel
{
        height:220px;
        position:relative;
}

#ctl00_Main_TimePanel
{
        position:relative;
}

#breadcrumbs { font-size: 18px; }

