body
{
    background-image: url(../Images/blueGradient.png);
    background-repeat: no-repeat;
    background-size: cover;

    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    margin: 0px;
}

.MasterHeader
{
    width: 100%;
    margin: 0 auto 0 auto;
}

.MasterMain
{
 
margin-left: auto;
margin-right: auto;
width: 1105px;
margin-bottom: 30px;
}


#Book
{
margin-top: 20px;

}

 
#ctl00_Main_BookAgainBtn
{
width: 179px;
display: block;
background: none repeat scroll 0% 0% #555;
border: 0px solid;
height: 30px;
font-weight: bold;
color: #FFF;
margin-left: auto;
margin-right: auto;
}
#ctl00_Main_BookAgainBtn:Hover
{
	background: #008C99;
	cursor:pointer;

	}

#ctl00_Main_MainPanel
{
width:1105px;
margin-left:auto;
magin-right:auto;

}


#ctl00_Main_MakeBookingPnl
{
text-align: center;
margin-bottom: 150px;

}


#ctl00_Main_Date1_DaysnWeeks1_Days
{
margin-right: 35px;
display: block;
margin-top: -10px;
}

#ctl00_Main_Date1_DaysnWeeks1_Days label{margin-right: 5px;}
#ctl00_Main_Date1_DaysnWeeks1_Days input{    margin-bottom: 5px;}

#ctl00_Main_Date1_DaysnWeeks1_Weeks{
width: 220px;
margin-top: 5px;
}

.MasterFooter
{
    min-width: 740px;
    max-width: 1024px;
    margin: 0 auto 0 auto;
}


.ScientiaHeader
{
    width: 100%;
    border-top: solid 3px;
    text-align: center;
    padding-left: 5px;
    border-top-color: #FFFFFF;
    margin-bottom: 15px;
    height: 50px;
    background-color: #FFFFFF;
}

.ScientiaHeaderTable
{
    width: 100%;
    border-width: 0px;
    border-spacing: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    color: inherit;
}

.HeaderTitle
{
    font-size: 20px;
    font-weight: bold;
    color: #737373;
}

.pageMenu
{
width: 100%;
margin-top: 35px;
text-align: center;
display: block;
 
}

.pageMenu a
{
font-size: small;
font-weight: bolder;
text-decoration: none !important;
color: #FFF !important;
background: none repeat scroll 0% 0% #555;
padding: 3px 30px;
margin: 0px 68px;
border: 2px solid #555;
border-radius: 1px;
}

.pageMenu a:hover
{
    background-color:  #008C99;
    border: 2px solid #008C99;
}

.Section
{
    width: 100%;
    position: relative;
    padding-bottom: 20px;
}

#LocationSection, #OptionsSection
{
    margin-top: 10px;
}

#MyBookingsSection
{
margin-top: 15px;
}

#ctl00_Main_NoBookingsPnl
{
height:20ex;
}


#LogoutBanner
{
height:20ex;
}

#TimeoutBanner
{
height:23ex;
}


.SectionHeader
{
    text-align: left;
    font-size: small;
    background-color: #008C99;
    color: #FFFFFF;
    width: 100%;
    height: 18px;
    padding-top: 4px;
    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: 0px 0px 0px 110px;
    width: 199px;
    font-size: small;
}

.InstructionPanel a
{
    margin: 8px 0 0 4ex;
    display: block;
}

.ControlsPanel
{
    margin: 0px 0px 0px 235px;
    height: 170px;
    vertical-align: top;
}

.FilterCtrls
{
    float: left;
    padding-left: 10px;
    width: 48%;
    vertical-align: top;
    text-align: right;
}

.FilterCtrls table
{
 
  border-spacing: 10px;
 border-collapse: separate;
}


.Calendar
{
    font-size: x-small;
}



.CalendarDay
{
    background-color: #FFFFFF;
    color: inherit;
padding-bottom: 8px;
}

.CalendarDayHeader
{
    background-color: #f0f8ff;
    color: inherit;
    border-bottom: solid thin #008C99;
padding-bottom: 8px;
padding-right: 18px;
}

.CalendarTitle
{
    background-color: #FFFFFF;
    color: #000000;
}

.CalendarSelectedDay
{
    background-color: white !important;
    color: inherit;
    border: dashed thin #578AD6;
}

.CalendarSelectedDayInOtherMonth
{
    background-color: #f0f8ff !important;
    color: inherit;
    border: dashed thin #578AD6;
}

.CalendarOtherMonthDay
{
    background-color: #f0f8ff;
    color: inherit;
padding-bottom: 8px;
}

.CalendarTodayDay
{
    background-color: #FFFFFF;
    color: inherit;
    font-weight: bolder;
}

.CalendarWeekendDay
{
    background-color: #FFFFFF;
    color: inherit;
}

.Banner
{
   background: none repeat scroll 0% 0% #FFF;
color: inherit;
margin: 110px auto 250px;
text-align: center;
font-size: small;
width: 518px;
display: block;
height: 37ex;
border: thin solid #555;
padding-bottom: 10px;
}


#ctl00_Main_LoginInstrLbl
{
width:20px;

}

#ctl00_Main_OptionSelector_NoOptionPnl
{
height: 20ex;
margin: 110px auto 20px;

}

.BannerTitle
{
display: block;
margin-bottom: 29px;
font-size: medium;
font-weight: bold;
height: 30px;
width: 518px;
background: #555;
color: #fff;
padding-top: 5px;
}

.BannerTitle span
{
	margin-top:2px;
	}

.Banner a
{
    display: block;
    margin-top: 10px;
}

.Bannerfinished
{
background: none repeat scroll 0% 0% #FFF;
color: inherit;
margin: 60px auto 70px;
font-size: small;
width: 521px;
display: block;
height: 19ex;
border: thin solid #555;
}


.BannerTitlefinished
{
display: block;
margin-bottom: 10px;
font-size: medium;
font-weight: bold;
height: 30px;
width: 521px;
background: none repeat scroll 0% 0% #555;
color: #FFF;
padding-top: 6px;

}

.Textfinished
{
}

.Textfinished span
{
display: block;
height: 81px;
}
.Textfinished p
{
padding-bottom: 5px;
padding-top: 5px;
}



.BannerNoopt
{

}


.BannerTitleNoopt
{

}

.TextNoopt
{
}

.TextNoopt span
{
}
.TextNoopt p
{
}

.ErrorText
{
background-color: inherit;
font-size: small;
margin-right: 6px;
font-weight: bold;
text-align: left;

}
.ErrorText3
{
color: #D62828;
background-color: inherit;
font-size: small;
 display:block;
margin-top: 83px;
text-align: center;
}
.ErrorText2
{
color: #D62828;
background-color: inherit;
font-size: small;
 display:block;
margin-top: 83px;
 
font-weight: bold;
}

.ErrotextLogin
{

background-color: inherit;
font-size: small;
margin-right: auto;
font-weight: bold;
text-align: left;
margin-left: auto;
color: #D62828;
display: block;
width: 230px;
margin-top: 75px;
}
a
{
    font-size: xx-small;
}

.Grid
{
    font-size: small;
    text-align: left;
    width: 100%;
}

.Grid table
{
    border-spacing:10px;
	border-collaspe:separate;
}

.Grid a
{
    font-size: small;
color:#555
}


.GridHeader
{
    font-size: small;
    background-color: #555;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
    height: 18px;
}

.GridItem
{
    text-align: center;
    background-color: #F8F8FF;
    color: inherit;
    text-indent: 2px;
}

.GridHeader a:link
{
    font-size: small;
color:#FFFFFF
}
.GridAlternateItem
{
    text-align: left;
    background-color: #FFFFFF;
    color: inherit;
    text-indent: 2px;
}

.Grid td
{
    border-color: #737373;
text-align: center;
border: 0.1px solid #b2b2b2;
}

#ctl00_Main_Date1_CollegeCalendar1_NextMonthBtn
{
}


.ReferenceImage
{
    width: 30px;
}

.Confirmed
{
    color: Green;
    background-color: inherit;
}

.Unconfirmed
{
    color: #578AD6;
    background-color: inherit;
}

.Cancelled
{
    color: #D62828;
    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: #FFFFFF;
    color: inherit;
}

div.clearer
{
    clear: left;
    line-height: 0px;
    height: 0;
}

img
{
    border-style: none;
}

#OptionNavPanel
{
font-size: 1.3em;
font-weight: bold;
margin-top: 10px;
font-family: Arial;
}

.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;
    margin-right: 25px;
}

#ShowTeamOption
{
    float: right;
    font-size: smaller;
}

#ctl00_Main_BookingsListTitle
{
    float: left;
margin-left: 25px;
margin-bottom: 20px;
}

#LoginFields
{
    text-align: right;
    margin-top: 25px;

}

.LabelControlPair
{
   margin: 3px 38px 25px 10px;
font-weight: bold;
color: #555;
}


#ctl00_Main_LoginBtn

{
width: 130px;
display: block;
background: none repeat scroll 0% 0% #555;
border: 0px solid;
height: 30px;
font-weight: bold;
color: #FFF;
float: right;
margin-top: 8px;
margin-right: 63px;
}



#ctl00_Main_LoginBtn:Hover
{
	background: #008C99;
	cursor:pointer;

	}
.Text
{
width:20px;
}


.FieldLabel
{
    font-size: small;
	margin-right: 16px;
}

.LabelControlPair .FormField
{
    width: 220px;
    margin-right: 30px;
	height: 22px;
}

#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: #737373;
}

.MyBookingsSubText
{
    height: auto;
    text-align: center;
    font-size: small;
}

.MyBookingsSubText a
{
    font-size: 12px;
    font-weight: bold;
}

.RedText
{
    color: #D62828;
}

#full-screen-background-image
{
    z-index: -999;
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}

#FormFields
{
border-collapse:separate;
border-spacing:10px;
}



#crumbtrail {
    display: block;
    margin-top: 48px;
    width: 1105px;
    margin-right: auto;
    margin-left: auto;
}

 #crumbtrail a {
	color:#555;
	}
 #crumbtrail p {
	font-size:1.1em;
	color:#0A5D66;
	}