#pnlHFSBookOnline
{
    font-family: Arial,Helvetica,sans-serif;
    color: #000156;
    font-size: 12px;
    font-size: 0.75rem;
    padding: 12px 16px;
    padding: 0.75rem 1rem;
    margin: 0;
}
.HFSBookOnlineBody
{
    margin: 0px;
    padding: 0px;
}
.HFSContentPanel
{
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    width: 100%;
}
.BoldHeaderText
{  
    font-weight: bolder;
    margin-right: 6px;
    margin-right: 0.375rem;
}
.LighterHeaderText
{
    font-weight: bolder;
}
.Book
{
    font-size: 18px;
    font-size: 1.125rem;
}
.Select
{
    font-size: 14px;
    font-size: 0.875rem;
    float: left;
}
.LoginTextBox
{
    width: 98%;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
    float: left;
    border: none;
    height: 24px;
}
.LoginContent
{
	float: left;
	font-weight: bold;
}
.RouteSelector
{
    clear: both;
}
.RouteSelector select
{
    border: none;
    width: 74%;
    height: 24px;
}
#pnlSelectDate {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}
.DateSelector
{
    width: 75%;
    float: left;
    clear: both;
}
#DateSel_pnlSelectors div {
	display: inline-block;
	width: 33.333%;
}
.DateSelector select
{
    width: 95%;
    border: none;
    height: 24px;
}
.CalendarIcon
{
    float: left;
    cursor: pointer;
    margin-top: 5px;
    margin-left: 5px;
}
.WeekNrAndWeekdays
{
	color:#0391d1;
	text-align:center;
	height: 14px;
}
.calNavLink
{
	cursor: default;
}
.DCSelectorDayRowClass
{
	color: #14B8D3;
	background-color: #FACF71;
	font-family: Verdana, Arial;
	font-size: 11px;
	border: solid 1px #CCCCCC;
	text-align: center;
	height: 14px;
}
.DCSelectorWeekColumnClass
{
	height: 14px;
	background-color: #FACF71;
    border:1px solid #CCCCCC;
    color: #14B8D3;
    font-family:Verdana,Arial;
    font-size:11px;
    text-align:center;
}
.DCSelectorWeekMouseOverClass
{
	color: #FFFFFF;
	background-color: #C5CFDB;
	font-family: Verdana, Arial;
	font-size: 11px;
	border: solid 1px #CCCCCC;
	text-align: center;
	height: 14px;
}
.DCSelectorSelectedWeekClass
{
	color: #FFFFFF;
	background-color: #FED934;
	font-family: Verdana, Arial;
	font-size: 11px;
	border: solid 1px #CCCCCC;
	text-align: center;
	height: 14px;
}
.CalendarPopup
{
    height: 120px;
    width: 210px;
}
.ContinueButton
{
    width: 235px;
    height: 40px;
    border: none;
    background-color: #000156;
    color: #ffffff;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    padding: 5px;
    display: block;
    margin: 0 auto;
    box-shadow: inset 0 -5px 5px rgba(0,0,0,0.7), /*bottom internal shadow*/ 
    inset 0 5px 5px rgba(255,255,255,0.6);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

@media only screen and (max-height:300px) { 
    #pnlHFSBookOnline
    {
        height: 284px;
        padding: 8px 10px;
        padding: 0.5rem 0.625rem; 
        font-size: 11px;
        font-size: 0.6875rem;
    }
    .HFSContentPanel
    {
        margin-bottom: 6px;
        margin-bottom: 0.375rem;
    }
    .Book
    {
        font-size: 14px;
        font-size: 0.875rem;
    }
    .Select
    {
        font-size: 12px;
        font-size: 0.75rem;
    }
    #pnlSelectDate {
	    margin-bottom: 12px;
	    margin-bottom: 0.75rem;
    }
    .ContinueButton
    {
        width: 180px;
        height: 30px;
        font-size: 12px;
        font-size: 0.75rem;
    }
}