/*************************************************************\
 Layout for the activity booking pages
\*************************************************************/


body.not-logged-in.page-skolbokning #breadcrumb {
	display: none !important;
}

body.page-skolbokning {
	background-color: white;
}

body.page-skolbokning #page-wrapper {
	background-color: white;
}

body.page-skolbokning #footer-wrapper {
	display: none;
}



div.smallbox {
width: 160px; 
float: left;
margin: 4px;
clear: both;
}

div.widebox {
margin-top: 4px;
margin-bottom: 4px;
margin-left: 0px;
margin-right: 0px;
padding: 0;
clear: both;
}

div.widebox h4 {
font-family: Arial, Helvetica, sans-serif;
background-color: #344F69;
font-weight: bold;
font-size: 9pt;
color: #FFFFFF;
text-align: center;
}

div.smallbox h5 {
font-family: Arial, Helvetica, sans-serif;
background-color: #344F69;
font-weight: bold;
font-size: 9pt;
color: #FFFFFF;
text-align: center;
}

div.widebox div.smallbox h5 {
background-color: #16717A;
}

div.smallbox p {
font-family: 'Times New Roman', Times, serif;
font-size: 9pt;
color: #666666;
line-height: 10pt;
margin-top: 0.2em;
margin-bottom: 0.5em;
margin-left: 0;
margin-right: 0;
}


div.st-framealert {
border: 1px dashed black;
text-align: center;
margin-bottom: 12px;
}

div.st-boxclear {
clear: both;
height: 1px;
padding: 0px;
margin: 0px;
line-height: 1px;
}


div#st-iw-container {
	font-family: Tahoma, Verdana, Geneva, Arial, 'Sans Serif';
	font-size: 9pt;
}


/* Common: Steps breadcrumb at the top of the pages */
div.bokning-navsteg {
	text-align: center;
	font-size: 8pt;
	font-family: Arial, Geneva, 'Sans Serif';
	margin-bottom: 15px;
}

span.navsteg-curr {
	font-weight: bold;
	color: #2020FF;
}

span.navsteg-done {
	font-style: italic;
	color: #909090;
}

span.navsteg-done a:visited {
	text-decoration: none;
	color: #909090;
}

span.navsteg-done a:active {
	text-decoration: none;
	color: #909090;
}

span.navsteg-done a:hover {
	background-color: #AAFFAA;
}


span.navsteg-pending:hover {
	background-color: #FFCDCD;
}



/* Step 1: Activity type boxes at the first page */
div.bokning-typebox {
	float: left;
	width: 325px;
	border: 3px double #ABABAB;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
	text-align: center;
	background-color: #FFFFFF;
}

div.bokning-typebox h3 {
	margin-top: 3px;
	margin-bottom: 3px;
	text-decoration: none;
	color: #000000;
}


/* Step 2: Calendar color key */
table.bokning-legend {
	border-collapse: separate;
	text-align: left;
	margin: 2px;
	margin-top: 12px;
	padding: 5px;
	width: 230px;
	line-height: 9pt;
}

table.bokning-legend td {
	font-size: 8pt;
	line-height: 8pt;
}

table.bokning-legend thead th {
	border-bottom: 0px;
}

.legendbox-delbokad {
	width: 8px;
	height: 8px;
	background-color: #f2f1a6;
}

.legendbox-fullbokad {
	width: 8px;
	height: 8px;
	background-color: #c3a2f6; 
}

.legendbox-blockerad {
	width: 8px;
	height: 8px;
	background-color: #FF9090;
}

.legendbox-ledig {
	width: 8px;
	height: 8px;
	background-color: #ABF6A2;
}


/* Step 2: Calendars */
div.manadbox {
	position: relative;
	width: 240px;
	height: 220px;
	float: left;
	margin: 4px;
	margin-top: 0px;
	margin-bottom: 8px;
	font: 12px/170% Verdana,sans-serif;
}

div.manadbox div.weeknum {
	position: absolute; 
	color: #EFEFEF; 
	text-align: right;
	vertical-align: super;
	font-size: 0.8em;
	top: 12px;
	right: 6px;
}


div.manadbox h3 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #344F69;
	font-weight: bold;
	font-size: 9pt;
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 0px;
	padding: 3px;
}

table.bokning-kalender {
	background-color: #344F69;
	text-align: center;
	border-spacing: 1px;
	border-collapse: separate;
	margin: 0px;
	font: 12px/170% Verdana,sans-serif;
}

table.bokning-kalender th {
	border: 0;
	background-color: #CDCDCD;
	text-align: center;
	padding: 0px;
}

table.bokning-kalender td {
	background-color: #ABF6A2; /*#60FF60; */
	padding: 3px;
	width: 34px;
}

table.bokning-kalender td.delbokad {
	background-color: #f2f1a6;
	color: #787878;
}

table.bokning-kalender td.fullbokad {
	background-color: #c3a2f6;
	color: #787878;
}

table.bokning-kalender td.blockerad {
	background-color: #FF9090;
	color: #787878;
}

table.bokning-kalender td.utfyllnad {
	background-color: #FFFFFF;
	color: #787878;
}

table.bokning-kalender td a {
	display: block;
	padding: 0;
	text-decoration: none;
	width: 100%;
}

html>body table.bokning-kalender td a {
	width: auto;
}


/* Step 3: Form to fill in required info */
div.bokning-formbox {
	max-width: 747px;
}

span.pricepreview-error {
	color: rgb(255, 0, 0);
}

div#extra-natt, 
div#extra-gas, 
div#extra-hast,
div#extra-fika, 
div#extra-lunch, 
div#extra-fralla, 
div#extra-ob 
{
	margin-bottom: 10px;
}

div.extra-num-box {
	float: left;
	margin-right: 20px;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 165px;
	text-align: right;
}

div.extra-num-box-long {
	float: left;
	margin-right: 20px;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 265px;
	text-align: right;
}

table.bokning-formtable {
	width: 600px;
	border-collapse: separate;
	font: 12px/170% Verdana,sans-serif;
	vertical-align: top;
}

table.bokning-formtable td{
	vertical-align: top;
}

table.bokning-formtable div.form-item {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

table.bokning-formtable div.description {
	display: none;
}


/* Step 4: Confirm booking */
table.bokning-confirm {
	width: 600px;
}

table.bokning-confirm tr.even {
	background-color: #EBEBEB;
}

table.bokning-confirm tr.odd {
	background-color: #CDCDCD;
}

table.bokning-tableunhandled {
	border-spacing: 1px;
	border-collapse: separate;
	margin: 0px;
	vertical-align: top;
	font: 12px/170% Verdana,sans-serif;
}

table.bokning-tableunhandled td {
	font: 12px/170% Verdana,sans-serif;
}

table.bokning-tableunhandled th  {
	font: 12px/170% Verdana,sans-serif;
	font-weight: bold;
}

table.bokning-tableunhandled td.bokning-leftcol {
	width: 70%;
}

table.bokning-tableunhandled td.bokning-rightcol {
	width: 30%;
}

div.iconbox {
	width: 80px; 
	float: left;
	margin: 2px;
	font-family: Tahoma, Geneva, Arial, sans-serif;
	font-size: 8pt;
	color: #212121;
	text-align: center;
	vertical-align: bottom;
	line-height: 9pt;
}

div.iconbox a {
	text-decoration: none;
	color: #212121;
}

div.iconbox a:visited {
	text-decoration: none;
	color: #212121;
}

div.iconbox a:hover {
	text-decoration: none;
	color: #696969;
}

div.bokning-buttonblock {
	max-width: 200px;
	font-family: Tahoma, Geneva, Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	background-color: #EFEFEF;
	color: #212121;
	border: 1px solid #DEDEDE;
	padding: 4px;
	margin: 4px;
	text-decoration: none;
}

div.bokning-buttonblock  a {
	text-decoration: none;
	color: #212121;
}

div.bokning-buttonblock  a:visited {
	text-decoration: none;
	color: #212121;
}

div.bokning-buttonblock  a:hover {
	text-decoration: none;
	color: #696969;
}

table.bokning-kaltab {
	/*border-spacing: 3px; */
	border-collapse: separate;
	margin: 0px;
	margin-top: 30px;
	vertical-align: top;
}

table.bokning-kaltab td {
	font: 12px/170% Verdana,sans-serif;
}

table.bokning-kaltab td.bokning-fulllabel {
	font-family: 'Times New Roman', Times, Serif;
	font-size: 1.4em;
	text-align: right;
	width: 60px;
	padding-right: 15px;
	background-color: transparent;
}

table.bokning-kaltab td.bokning-datelabel {
	font-family: 'Times New Roman', Times, Serif;
	font-size: 2.5em;
	text-align: right;
	width: 60px;
	padding-right: 15px;
	background-color: transparent;
}

table.bokning-kaltab td.bokning-datelabel  sup {
	font-size: 0.5em;
}

table.bokning-kaltab caption {
	font-family: 'Times New Roman', Times, Serif;
	font-size: 2.5em;
	border-bottom: 1px dashed black;
	padding-bottom: 4px;
	margin-bottom: 10px;
}

div.bokning-navnext {
	float: right;
	font-weight: bold;
}

div.bokning-navprev {
	float: left;
	font-weight: bold;
}



div#st-sb-container {
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 800px;
}

div#st-sb-container fieldset {
	background: #DCDCDC;
	border: 1px solid black;
	margin: 1em;
}

div#st-sb-container fieldset legend {
	font-weight: bold;
}

div#st-sb-container div.description {
	color: #494949;
	font-size: 0.95em;
}

div#st-sb-container table.bokning-formtable .odd {
	background-color: #CDCDCD;
}

div#st-sb-container table.bokning-formtable .even {
	background-color: #DCDCDC;
}

div#st-sb-container .textarea-identifier {
	display: none;
}

table.bokning-formtable caption {
	text-align: left;
	font-weight: bold;
	font-size: 1.2em;
	border-bottom: 1px dashed black;
}

div#edit-ls-antalelever-wrapper, 
div#edit-ls-antalvuxna-wrapper, 
div#edit-ls-antalelever-e1-wrapper , 
div#edit-ls-antalvuxna-e1-wrapper, 
div#edit-ls-antalelever-e2-wrapper, 
div#edit-ls-antalvuxna-e2-wrapper, 
div#edit-ls-antalelever-e3-wrapper, 
div#edit-ls-antalvuxna-e3-wrapper, 
div#edit-ls-extra1-wrapper, 
div#edit-ls-extra2-wrapper, 
div#edit-ls-extra3-wrapper, 
div#edit-bg-antalbesokare-wrapper, 
div#edit-bg-extra1anum-wrapper, 
div#edit-bg-extra1bnum-wrapper, 
div#edit-bg-extra2num-wrapper, 
div#edit-fg-antalbesokare-wrapper, 
div#edit-fg-extra1anum-wrapper, 
div#edit-fg-extra1bnum-wrapper, 
div#edit-fg-extra2num-wrapper, 
div#edit-fg-extra3num-wrapper, 
div#edit-bg-extra3num-wrapper, 
div#edit-bg-extra4num-wrapper, 
div#edit-fg-extra4num-wrapper, 
div#edit-bg-extra1-wrapper, 
div#edit-fg-extra1-wrapper, 
div#edit-bg-extra2-wrapper, 
div#edit-fg-extra2-wrapper,
div#edit-fg-extra3-wrapper,
div#edit-bg-extra3-wrapper,
div#edit-fg-extra4-wrapper,
div#edit-bg-extra4-wrapper
{
	display: inline;
}

div#edit-ls-extra1-wrapper label, 
div#edit-ls-extra2-wrapper label, 
div#edit-ls-extra3-wrapper label, 
div#edit-bg-extra1-wrapper label, 
div#edit-bg-extra2-wrapper label, 
div#edit-fg-extra1-wrapper label, 
div#edit-fg-extra2-wrapper label,
div#edit-fg-extra3-wrapper label,
div#edit-bg-extra3-wrapper label,
div#edit-fg-extra4-wrapper label,
div#edit-bg-extra4-wrapper label    
{
	font-weight: bold;
}

span.sb-prisinfo {
	font-size: 9px;
	color: darkblue;
}

tr.bokning-fusumma td.bokning-fusummatd {
	text-align: right;
	border-top: 1px solid black;
	color: darkblue;
}

.printonly {
	display: none;
}

.skolbokning-xcel {
	text-align: right;
	padding-right: 0.5em;
}

.smallfont {
	font-size: 8pt !important;
}

.extlabel {
	margin-left: 20px;
}

.extitem {
	background-color: #EDEDED;
	padding: 5px;
	border-radius: 12px;
	margin-bottom: 15px;
}