﻿* { padding:0; margin:0; }
img { border:0; }
.hide { display:none; }
#container { width:967px; margin:10px 0 0 10px; }
#container h1, #container h2, #calcuator h2, #rightpanel h2, #calcuator h3 { display:none; }
#container input[type=button], #container input[type=submit] { background:#fff; border:1px solid #000; width:auto; }
#container input[type=text] { font-size:0.9em; border:1px solid #9c9da0; }

#booking, #rightpanel, #calcuator, #orderpanel, #thankyoupanel { font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; color :#004080; font-size:11px; }

#calcuator { width:381px; float:left; position:relative;  }
.headline { display:none; clear:left; height:34px;  padding:3px 0 0 0; font-size:1.2em; font-weight:bold; text-align:center; background:#0073AA; color:#fff; }
.roundreiknivel { display:block; background:url(../images/reiknivel.png) no-repeat; }
.roundupplysingar { display:block; background:url(../images/upplysingar.png) no-repeat; }
.roundthankyou { display:block; background:url(../images/thankyou.png) no-repeat; }

.fieldrow { clear:both; margin:6px 0 4px 5px; }
#calcuator .fieldrow input { font-size:0.9em; }
.fieldrow select { font-size:0.9em;  border:1px solid #9c9da0;}
.fieldrow textarea { border:1px solid #9c9da0;}
div.cabinets { }
.way { }
.ways { }
.waytext { margin:0 0 0 5px; }
.oneway { }
.twoway { margin:0 0 0 107px; }
.passengers { }
.passenger { margin:0 10px 0 0; }
.adults { width: 90px; }
.children { width:90px; }
.young { width:50px; }
select#infants { margin:0 0 0 5px; }
.locations { }
.locationfrom select { width:174px; }
.locationto select { width:178px; }
span.locationto { margin:0 0 0 8px; }
.cabinets { }
.icon_yes { float:left;  width:13px; height:13px; background: url(../images/icon_yes.png) no-repeat; }
.cars { display:none; }
.car { }
span.carlength { margin:0 5px 0 0; }
.isvagn { display:none; }
.iscar { }
.ishusbill {  }
.period { display:none; }
.error { color:#ff0000; font-weight:bold; }
.date { font-size:82.0%; height:170px; float:none; padding:5px 0 5px 0; }
.datepicker { float:left; }
#datepickerto { margin:0 0 0 12px; }
.perioiddata { display:none; }
.cabintext { margin:0 0 0 5px; }
.ui-datepicker { min-height:170px; }
#moreheight { margin:2px 0 0 0; }

td.Green a.ui-state-default { background:#D9E3B8; }
td.Orange a.ui-state-default { background:#FEDE9D; }
td.Blue a.ui-state-default { background:#BCE4F7; }
td.White a.ui-state-default { background:#fff; }

td.Green .ui-state-active, .ui-widget-content .ui-state-active { font-weight:bold; color:#fff; }
td.Orange .ui-state-active, .ui-widget-content .ui-state-active { font-weight:bold; color:#fff; }
td.Blue .ui-state-active, .ui-widget-content .ui-state-active { font-weight:bold; color:#fff; }
td.White .ui-state-active, .ui-widget-content .ui-state-active { font-weight:bold; color:#000; }

#rightpanel { float:left; margin:0 0 0 20px; width:213px; }

#orderpanel { float:left; margin:0 0 0 20px; width:293px; }

.orderlocationtext { padding:0 0 0 3px; }



#travelplan { background:url(../images/siglingbak.png); color:#fff; }
#travelplan .fieldrow { margin:0; }
.siglingbox { background:url(../images/siglingbottom.png) bottom no-repeat; }
.sigling { height:37px; background:url(../images/sigling.png) no-repeat; }
.siglingbody { margin:12px 12px 0 12px; padding:0 0 12px 0; }
#travelplan div.pricesummaryto { margin:10px 0 0 0; }
#travelplan div.prices { margin:5px 0 0 0; }
.arrival { width:140px; }
.arrivalfrom, .arrivalto { margin:0 5px 0 0; font-weight:bold; }
.sep { height:1px; float:left; width:190px; clear:left; color:#fff; margin:5px 0 0 0; }
#travelplan div.order { margin:70px 0 0 80px; }
.pricetext { width:135px; font-size:0.8em; float:left; }
.pricevalue { float:right; font-weight:bold; margin:0 0 0 10px; }
.price { font-weight:bold; float:left; }
.totalprice { float:right; font-weight:bold; }
 
#sendpanel { display:none; margin:20px 0 0 0; font-size:0.9em; }
.sendsep { border:1px solid #a5a7aa; margin:5px 0 5px 0; }

#confirmpanel { display:none; margin:20px 0 0 0; font-size:0.9em; }

#thankyoupanel { text-align:center; display:none; width:381px; float:left; }



#booking { float:left; width:381px; display:none; clear:both; margin:0 0 20px 0; padding:0 0 20px 0; }
#booking label { width:120px; float:left; }
#booking span.nowidth { width:0px; }
#booking span input  { width:250px; }
#booking th { text-align:left; }
#booking td input  { width:182px; }
#booking span input[type="checkbox"] { width:auto; } 
#booking .senda { float:right; margin:0 5px 0 0; }
#booking input[readonly="readonly"] { border:0; }
#persontable td { padding:0 0 2px 0; }
#booking label#skilabodlabel { width:80px; }

.box { }
.boxhead { }
.boxbody { }

div.left { float:left; }
div.right { float:right; }

#loadercontainer { display:none; position:absolute; top:200px; left:100px; width:200px; height:35px; padding:20px 0 0 0; background:#ccc; border:1px solid #000; }
.front #loadercontainer { left:20px; }
#loadercontainer img { float:right; margin:0 10px 0 0; }
#loadercontainer #loadertext { text-align:center; color:#fff; font-weight:bold; font-size:1.1em; }


#calcuator.front { width:243px; }
#calcuator.front .fieldrow span input.datepicker { float:none; }
#calcuator.front .date { height:auto; font-size:1.0em; float:left; }
#calcuator.front .ways { text-align:center; }
#calcuator.front .twoway { margin:0 0 0 20px; }

#calcuator.front .search .searchbutton { padding:10px 0 0 0; }

#calcuator.front .calendar { float:right; padding:0 0 0 4px; }

#calcuator.front .passengers, #calcuator.front .locations   { padding:5px 0 0 0; }

#calcuator.front .sep { margin:5px 0 0 5px; width:243px; }

#validationsummary { text-align:right; margin:0 0 50px 0; }