body{margin:0px;font-family:arial}
.centered{width:1000px;margin-left:auto;margin-right:auto;}
.blue{
padding-top:20px;padding-bottom:20px;background-color:white;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2c5499+0,00369b+100 */
background: #2c5499; /* Old browsers */
background: -moz-linear-gradient(top,  #2c5499 0%, #00369b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #2c5499 0%,#00369b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #2c5499 0%,#00369b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c5499', endColorstr='#00369b',GradientType=0 ); /* IE6-9 */
}
.bluehead{
padding-top:20px;padding-bottom:20px;background-color:white;
}
.Links{
font-weight:bold;border-bottom:2px solid #C0C0C0;
color:#2c5499;padding-top:10px;padding-bottom:10px;font-size:20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f6f8+0,d8e1e7+50,b5c6d0+51,e0eff9+100;Grey+Gloss+%232 */
background: #f2f6f8; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6c7d9b+0,2c539e+51,697a99+100 */
background: #6c7d9b; /* Old browsers */
background: -moz-linear-gradient(top,  #6c7d9b 0%, #2c539e 51%, #697a99 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6c7d9b 0%,#2c539e 51%,#697a99 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6c7d9b 0%,#2c539e 51%,#697a99 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c7d9b', endColorstr='#697a99',GradientType=0 ); /* IE6-9 */

}


.TableRowHover:hover{background-color:#e7ffb3;;cursor:pointer}

.BookInBoxes{padding:5px;font-weight:bold;font-size:16px;background-color:#f2f6fc}

.X1{padding:1px;background-color:#808080;color:white;display: inline-block;width:30px;text-align:center;cursor:pointer}
.X2{padding:1px;background-color:#606060;color:white;display: inline-block;width:30px;text-align:center;cursor:pointer}
.X3{padding:1px;background-color:green;color:white;display: inline-block;width:30px;text-align:center;cursor:pointer}
.X4{padding:1px;background-color:purple;color:white;display: inline-block;width:30px;text-align:center;cursor:pointer}
.X5{padding:1px;background-color:#428BCA;color:white;display: inline-block;width:30px;text-align:center;cursor:pointer}
.X6{padding:1px;background-color:orange;color:white;display: inline-block;width:30px;text-align:center;cursor:pointer}
.X7{padding:1px;background-color:#35ccb2;color:white;display: inline-block;width:30px;text-align:center;cursor:pointer}

.I1{width:20px;height:20px;cursor:pointer}
.I2{border:1px solid #C0C0C0;margin-bottom:15px;position: relative;}
.I3{float:left;width:50px;padding:5px;height:100%;position:absolute;text-align:center;font-weight:bold}
.I4{font-weight:bold;padding:5px;background-color:#E0E0E0;border-bottom:1px solid #c0c0c0;font-size:16px}

.F1{margin-bottom:10px;border:1px solid #C0C0C0;padding:5px}
.F2{font-size:10px;color:green;cursor:pointer}
.F3{font-size:10px;color:red;cursor:pointer}

.TableSelect{padding:2px;cursor:pointer;font-weight:bold;font-size:14px}
.TableSelect:hover{background-color:green;color:white;padding:2px;cursor:pointer;font-weight:bold;font-size:14px}

.whiteFade{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+89,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 89%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 89%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 89%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

.logo{float:left}
.tel{float:left;font-size:30px;color:white;margin-left:150px;margin-top:10px;color:#2c5499}
.login{float:right;margin-top:25px}
.TopBtn{border:2px solid #2c5499;padding:10px;color:#2c5499;font-weight:bold;margin-left:20px}
.TopBtn:hover{cursor:pointer;background-color:#2c5499;color:white}


.Link1{padding-left:15px;padding-right:15px;border-right:2px solid #6c7d9b;padding-top:5px;padding-bottom:5px;color:white}
.Link1:hover{cursor:pointer;color:#99CCFF}
.whitep{color:white}
.bluep{text-align:left}
.yellow{background-color:FFCC00}
.InputBoxM{width:65%;padding:10px;font-size:16px}
.InputBoxS{width:100%;padding:5px;font-size:14px}
.InputBox{width:80%;padding:10px;font-size:16px}
.sub{width:20%;padding:12px;text-align:center;background-color:green;color:white;cursor:pointer}
.subG{width:20%;padding:8px;text-align:center;background-color:#303030;color:white;cursor:pointer}

.InputText{float:left;font-size:20px;padding-top:10px;width:200px}
.floated{float:left}

.Plans{float:left;width:33.3%}
.Planinner{margin:0px;text-align:center}
.left{text-align:left}
.norm{display:block;}
.mobileD{display:none;}
.Details{width:50%;float:left;}
.DetailsImg{float:left;width:138px}
.DetailsText{margin-left:138px;margin-right:10px}

.DateTab{padding:10px;margin:1px; background-color:orange;width:190px;border-top-right-radius:10px;margin-top:10px;font-weight:bold;
border:2px solid #428BCA;
color:white;

background-color:#428BCA
}

.DE{padding:5px;background-color:#FEFEFE;width:auto;border-bottom:1px solid #C0C0C0;}
.DE:hover{background-color:#C0C0C0;cursor:cell;}

.DE2{padding:5px;background-color:#F0F0F0;width:auto%;border-bottom:1px solid #C0C0C0;}
.DE2G{padding:5px;background-color:#DDFFDD;width:auto%;border-bottom:1px solid #C0C0C0;}

.DEG{padding:5px;background-color:#DDFFDD;width:auto%;border-bottom:1px solid #C0C0C0;}
.DEG:hover{background-color:#AAFFAA;cursor:pointer;}

.DEC{padding:5px;background-color:#FFDDDD;width:auto%;border-bottom:1px solid #C0C0C0}
.DEC:hover{cursor:pointer;cursor:no-drop;}

.DEN{padding:5px;background-color:#FFDDDD;width:auto%;border-bottom:1px solid #C0C0C0}
.DEN:hover{cursor:pointer;cursor:no-drop;}

.AlertTitle{
color:white;padding:10px;font-weight:bold;

background-color:#428BCA

}

.AlertBtn{padding:5px;color:white;font-weight:bold;cursor:pointer;border-radius:5px;background-color:#428BCA}
.AlertBtn:hover{background-color:#009900}

.As{padding:3px;color:white;font-weight:bold;cursor:pointer;border-radius:5px;background-color:#428BCA;font-size:12px}
.As:hover{background-color:#009900}

.NoPlate{background-color:yellow;font-size:12px;font-weight:bold;padding:1px;border:1px solid gold;border-radius:4px;text-transform:uppercase;padding-left:4px;padding-right:4px;}
.NoPlateLg{background-color:yellow;font-size:18px;font-weight:bold;padding:3px;border:2px solid gold;border-radius:8px;text-transform:uppercase}

.arrow_box {
	position: absolute;
	width:100px;
	padding:8px;
	margin-top:33px;
	background: #88b7d5;
	border: 2px solid #c2e1f5;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #88b7d5;
	border-width: 15px;
	margin-left: -15px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #c2e1f5;
	border-width: 18px;
	margin-left: -18px;
}

.ArrowOpt{padding:3px;background-color:white;font-size:12px;font-weight:bold;border-radius:4px}


.tr1{width:40px;font-size:14px;padding-top:5px;font-weight:bold}
.tr2{width:25px;font-size:14px;padding-top:5px;font-weight:bold}
.tr3{width:72px;font-size:14px;padding-top:5px;font-weight:bold}
.tr4{font-size:14px;padding-top:5px;}

.mt{font-size:12px;padding:1px;border:1px solid #C0C0C0;border-radius:4px;font-weight:bold;background-color:white}
.mtr{font-size:12px;padding:1px;border:1px solid red;border-radius:4px;font-weight:bold;background-color:white}

.noplate{margin-top:20px;height:300px;width:782px;margin-left:auto;margin-right:auto;background:url('/plate.png');background-repeat:no-repeat;}

.Box{float:left;border:1px solid #C0C0C0;width:13.9%;margin:0.19%}
.Box:hover{background-color:#D5FFD5}

.BoxEmp{float:left;padding:5px;border:1px solid #C0C0C0;width:13.9%;background-color:#E0E0E0;margin:0.19%;;font-weight:bold}

.cl{background-color:#E0E0E0}
.cl:hover{background-color:#E0E0E0}


.Box3{padding:3px;height:26px;font-size:12px}
.Box3H{padding:3px;height:26px;font-size:12px}
.Box3H:hover{background-color:#D5FFD5}
.Box3Hc{padding:3px;height:26px;font-size:12px;background-color:#E0E0E0}
.BoxNo{background-color:#000000;}

.CalD{padding:3px;background-color:#F0F0F0;border-bottom:1px solid #D0D0D0;font-weight:bold}

.OptHover{border:2px solid #F0F0F0;border-radius:10px;background-color:#DDDDDD;}
.OptHover:hover{border:2px solid #0099FF;border-radius:10px;background-color:#F0F0F0;cursor:pointer}

.Ooff{width:30px;float:left;color:orange;font-weight:bold;display:none}
.Oon{width:30px;float:left;color:orange;font-weight:bold;display:block}
.Roff{width:30px;float:left;color:red;font-weight:bold;display:none}
.Ron{width:30px;float:left;color:red;font-weight:bold;display:block}
.Boff{width:30px;float:left;color:#428BCA;font-weight:bold;display:none}
.Bon{width:30px;float:left;color:#428BCA;font-weight:bold;display:block}

.TrH:hover{background-color:#E0E0E0;cursor:pointer}

.timehover{background-color:#428BCA;padding:3px;cursor:pointer}
.timehover:hover{background-color:#9DC2E3}

.paleblue{text-shadow:-2px 0px 3px #303030;background-color:#428BCA;color:white;padding:5px;font-size:24px;background: repeating-linear-gradient(0deg,#428BCA,#428BCA 20px,#6ba7db 30px,#6ba7db 66px);}
.paleblue2{text-shadow:-2px 0px 3px #303030;background-color:#428BCA;color:white;padding:5px;padding-top:9px;padding-bottom:9px;font-size:24px;border-top-left-radius:0px;border-top-right-radius:0px;background: repeating-linear-gradient(0deg,#428BCA,#428BCA 20px,#6ba7db 30px,#6ba7db 66px);}

.OptLink{background-color:white;padding:6px;font-weight:bold;border-bottom:0px solid #C0C0C0;letter-spacing:-0.5px}
.OptLink:hover{background-color:#D8E7F3;padding:6px;cursor:pointer;color:#428BCA}

.OptLinkB{background-color:white;padding:6px;font-weight:bold;letter-spacing:-0.5px}
.OptLinkB:hover{background-color:#D8E7F3;padding:6px;cursor:pointer;color:#428BCA}

.OptLink1{background-color:#f7fdff;padding:4px;padding-left:16px;font-weight:bold;border-bottom:0px solid #C0C0C0;letter-spacing:-0.5px;border-top:1px solid white;border-bottom:1px solid white}
.OptLink1:hover{background-color:#D8E7F3;padding:4px;padding-left:16px;cursor:pointer;color:black;border-top:1px solid #C0C0C0;border-bottom:1px solid #C0C0C0;text-shadow:-1px -1px 1px white}

.OptLink1B{background-color:#f7fdff;padding:4px;padding-left:16px;font-weight:bold;letter-spacing:-0.5px;border-top:1px solid white;border-bottom:1px solid white}
.OptLink1B:hover{background-color:#D8E7F3;padding:4px;padding-left:16px;cursor:pointer;color:black;border-top:1px solid #C0C0C0;border-bottom:1px solid #C0C0C0}


.graph{float:left;width:6px;margin-right:1px;height:100px;vertical-align:bottom;background-color:#428BCA}
.graph2{background-color:white;bottom: 0px;}

.Cal{float:left;width:40px;background-color:white;border:1px solid #C0C0C0;text-align:center;padding:3px;border-radius:6px;margin-right:10px;box-shadow:1px 1px 1px 1px #C0C0C0}
.bf:hover{cursor:pointer;color:yellow}
.rf:hover{cursor:pointer;color:red}

.HD{font-size:14px;border:1px solid #C0C0C0;margin-top:0px;min-width:250px;padding:5px;background-color:white;display:none;position:absolute;box-shadow:4px 4px 12px 2px #606060;border:1px solid #C0C0C0}
.HL{cursor:pointer;text-align:left;padding-left:2px;font-size:14px;overflow:hidden;white-space:nowrap}
.HL10{cursor:pointer;text-align:left;padding-left:2px;font-size:10px;overflow:hidden;white-space:nowrap}
.HL11{cursor:pointer;text-align:left;padding-left:2px;font-size:11px;overflow:hidden;white-space:nowrap}
.HL12{cursor:pointer;text-align:left;padding-left:2px;font-size:12px;overflow:hidden;white-space:nowrap}
.HL13{cursor:pointer;text-align:left;padding-left:2px;font-size:13px;overflow:hidden;white-space:nowrap}
.HL14{cursor:pointer;text-align:left;padding-left:2px;font-size:14px;overflow:hidden;white-space:nowrap}
.HL15{cursor:pointer;text-align:left;padding-left:2px;font-size:15px;overflow:hidden;white-space:nowrap}
.HL:hover{cursor:pointer;background-color:#a7f2bc}
.HL11:hover{cursor:pointer;background-color:#a7f2bc}
.HL12:hover{cursor:pointer;background-color:#a7f2bc}
.HL13:hover{cursor:pointer;background-color:#a7f2bc}
.HL14:hover{cursor:pointer;background-color:#a7f2bc}
.HL15:hover{cursor:pointer;background-color:#a7f2bc}
.HLS{letter-spacing:-1px}

.HLE{text-align:left;padding-left:10px;}
.HLE:hover{cursor:not-allowed;background-color:#FFEAEA}

.HLEok{text-align:left;padding-left:10px;}
.HLEok:hover{cursor:cell;background-color:#DFFFFF;cursor: url(/bookin.png), pointer; }


.vbi{font-size:13px;float:left;width:50%;font-weight:bold}
.vbi2{font-size:13px;float:left;width:50%;font-weight:bold}
.ph{background-color:#428BCA;color:white;padding:6px;margin-bottom:-10px}

.sp{padding:2px;background-color:yellow;border-radius:4px;color:black;border:1px solid #C0C0C0;font-weight:bold}
.sp2{box-shadow:1px 1px 1px #303030;padding:2px;background-color:yellow;border-radius:4px;color:black;border:1px solid #C0C0C0;font-weight:bold;width:70px;text-align:center}

.Sres{border:1px solid #C0C0C0;margin-bottom:10px;padding:5px;border-radius:8px;background-color:white;font-weight:bold}
.Sres:hover{background-color:#E0ffE0;cursor:pointer}

.SresF{border:1px solid #C0C0C0;margin-bottom:10px;padding:5px;border-radius:8px;background-color:#FFD7D7;font-weight:bold}
.SresS{border:1px solid #C0C0C0;margin-bottom:10px;padding:5px;border-radius:8px;background-color:#CCFFCC;font-weight:bold}


@media only screen and ( max-width: 1020px) {
.centered{width:100%;margin-left:auto;margin-right:auto;padding:0px}
h1{padding:10px}
p{padding-left:10px;padding-right:10px}
.pad{padding-left:10px;padding-right:10px}

.logo{clear:both;padding-left:10px}
.tel{clear:both;display:none}
.login{float:left;clear:both;margin-left:10px;margin-top:25px}
.TopBtn{border:2px solid #2c5499;padding:10px;color:#2c5499;font-weight:bold;margin-right:20px;margin-left:0px}
.TopBtn:hover{cursor:pointer;background-color:#2c5499;color:white}

.Links{font-weight:bold;border-bottom:2px solid #C0C0C0;color:#2c5499;padding-top:8px;padding-bottom:8px;font-size:14px;}
.Link1{padding-left:10px;padding-right:10px;border-right:2px solid white;padding-top:8px;padding-bottom:8px;}

.InputBoxM{width:65%;padding:10px;font-size:16px}
.InputBox{width:100%;padding:6px;font-size:12px}

.notmob{display:none;}
.norm{display:block;}
.mobileD{display:none;}

.Details{width:100%;clear:both}
.DetailsImg{float:left;width:138px}
.DetailsText{margin-left:138px;margin-right:10px}

}





@media only screen and ( max-width: 700px) {
.norm{display:none;}
.mobileD{display:block;}
.Plans{clear:both;width:100%;margin-top:20px}
}