@charset "UTF-8";

/* forms */


input[type=text],
input[type=password],
input[type=email]{
	margin:0px;
	padding:0px;
	height:18px;
	width:218px;
	border:1px solid rgb(200,200,200);
	background:url(/assets/site/img/inputBack.png) repeat-x;
}

input[type=button],
input[type=submit] {
	margin:0px 10px 0px 0px;
	padding:2px 10px;
	height:20px;
	font-weight:bold;
	color:rgb(90,110,0);
	border:none;
	background:url(/assets/site/img/btnBack.png) repeat-x;
	cursor:pointer;
}

input[type=image] {
	cursor:pointer;
}

input[type=button].edit,
input[type=submit].edit {
	color:rgb(155,90,0);
	background:url(/assets/site/img/btnEditBack.png) repeat-x;
}

input[type=button].cancel,
input[type=submit].cancel {
	color:rgb(255,255,255);
	background:url(/assets/site/img/btnCancelBack.png) repeat-x;
}

input[disabled='disabled'] {
	cursor:default;
}

label {
	float:left;
	width:160px;
	margin:0px 20px 0px 0px;
	font-weight:bold;
}

textarea {
	border:1px solid rgb(200,200,200);
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	background:url(/assets/site/img/inputBack.png) repeat-x;
}

.mandatory {
	color:rgb(200,0,0);
}

.buttonContainer {
	clear:both;
	text-align:right;
	padding:20px 0px 0px 0px;
}

.buttonContainer.center {
	text-align:center;
}

input.marginLeft {
	margin-left:10px;
}

input.marginRight {
	margin-right:10px;
}

input.marginTop {
	margin-top:10px;
}

.cufonbutton {
	font-size:18px;
	color:rgb(90,110,0);
	font-weight: bold;
	background:url(/assets/site/img/modalHeaderFullWidth.png);
	background-position: right -5px top 0px;
	border-radius:4px;
	padding:8px;
	padding-left:14px;
	padding-right:14px;
	height:20px;
	overflow:hidden;
}

.cufonbutton_next {
	width:70px;
}




/* columns and boxes */

.box {
	float:left;
	width:599px;
	background:url(/assets/site/img/boxBack.png) no-repeat bottom right rgb(255,255,255);
	border-right:1px solid rgb(200,200,200);
}
.extraBox {
	background:url(/assets/site/img/extraBoxBack.png) no-repeat bottom right rgb(255,255,255);
	border-bottom:1px solid rgb(200,200,200);
}

#loberSelectCompany {
	xbackground:url(/assets/site/img/extraBoxBack.png) no-repeat bottom right rgb(255,255,255);
	xxborder:1px solid rgb(230,230,230);
	xxtext-align:center;
}

.fullWidth {
	border:none;
	width:780px;
	min-height:600px;
}

.box .text {
	padding:20px 40px;
}

.extraBox .text {
	padding:20px 30px;
}


.inlineBox {
	margin:0px 0px 20px 0px;
}

.inlineBox.narrow {
	float:left;
	width:250px;
}

.inlineBoxHeader {
	position:relative;
	background:url(/assets/site/img/inlineBoxHeader.png) repeat-x;
	padding:5px 20px 5px;
	height:20px;
}

.inlineBox.narrow .inlineBoxHeader {
	background:url(/assets/site/img/inlineBoxHeaderSmall.png) repeat-x;
	padding:5px 20px 5px;
	height:20px;
}

.inlineBoxHeader h3 {
	color:rgb(90,110,0);
	margin:0px;
	padding:0px;
}


/* min stafet orange inlineBoxes */

.inlineBoxHeaderOrange {
	position:relative;
	background:url(/assets/site/img/inlineBoxHeaderOrange.png) repeat-x;
	padding:5px 20px 5px;
	height:20px;
}

.inlineBoxOrange.narrow .inlineBoxHeaderOrange {
	background:url(/assets/site/img/inlineBoxHeaderSmallOrange.png) repeat-x;
	padding:5px 20px 5px;
	height:20px;
}

.inlineBoxHeaderOrange h3 {
	color:rgb(155,90,0);
	margin:0px;
	padding:0px;
}

/* min stafet orange inlineBoxes slut */


/* min stafet Blue inlineBoxes */

.inlineBoxHeaderBlue {
	position:relative;
	background:url(/assets/site/img/inlineBoxHeaderBlue.png) repeat-x;
	padding:5px 20px 5px;
	height:20px;
}

.inlineBoxBlue.narrow .inlineBoxHeaderBlue {
	background:url(/assets/site/img/inlineBoxHeaderSmallBlue.png) repeat-x;
	padding:5px 20px 5px;
	height:20px;
}

.inlineBoxHeaderBlue h3 {
	color:rgb(42,49,159);
	margin:0px;
	padding:0px;
}

/* min stafet Blue inlineBoxes slut */


.inlineBoxContent {
	padding:10px 19px 9px;
	background:rgb(255,255,255);
	border-right: 1px solid rgb(200,200,200);
	border-bottom: 1px solid rgb(200,200,200);
	border-left: 1px solid rgb(200,200,200);
}



/* frontpage */

#carousel {
	width:780px;
	height:330px;
	overflow:hidden;
}

.campaign {
	position:relative;
}

.campaign a,.campaign a:hover {text-decoration:none;}

.campaignText {
	position:absolute;
	top:130px;
	right:30px;
	width:470px;
	height:160px;
	padding:10px 20px;
	color:rgb(255,255,255);
	text-align:right;
}

.campaignText a {
	color:rgb(255,255,255);
}

.campaignText h1 {
	margin-bottom:-20px;
}

.blueTransBack {
	background:url(/assets/site/img/blueTransBack.png);
}

.greenTransBack {
	background:url(/assets/site/img/greenTransBack.png);
}

.greyTransBack {
	background:url(/assets/site/img/greyTransBack.png);
}

.orangeTransBack {
	background:url(/assets/site/img/orangeTransBack.png);
}

.pinkTransBack {
	background:url(/assets/site/img/pinkTransBack.png);
}

.yellowTransBack {
	background:url(/assets/site/img/yellowTransBack.png);
}



#carouselNav {
	position:absolute;
	top:130px;
	left:240px;
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:14px;
	text-align:center;
	z-index:100;
}

#carouselNav a {
	display:block;
	width:20px;
	height:20px;
	color:rgb(255,255,255);
	text-align:center;
	text-decoration:none;
	background:url(/assets/site/img/carouselNavBackLightGrey.png) repeat-y right;
}

#carouselNav a.activeSlide,
#carouselNav a:hover {
	background:url(/assets/site/img/carouselNavBackGrey.png) repeat-y right;
}

/*ul#carouselNav {
	position:absolute;
	top:140px;
	left:240px;
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:14px;
	text-align:center;
	z-index:100;
}

ul#carouselNav li a {
	display:block;
	width:20px;
	height:20px;
	color:rgb(255,255,255);
	text-align:center;
	text-decoration:none;
	background:url(/assets/site/img/carouselNavBackGrey.png) repeat-y right;
}

ul#carouselNav li a.activeSlide,
ul#carouselNav li a:hover {
	background:url(/assets/site/img/carouselNavBackOrange.png) repeat-y right;
}*/

#news {
	float:left;
	width:239px;
}

#news h2 {
	border-left:10px solid rgb(90,90,90);
	margin:0px 0px 0px -40px;
	padding:0px 0px 0px 30px;
}

#news ul {
	margin:19px 0px -20px -40px;
	padding:0px 0px 0px 40px;
	border-top:1px dotted rgb(90,90,90);
	list-style:none;
}

#news ul li {
	border-left:10px solid rgb(190,230,0);
	margin:30px 0px 30px -40px;
	padding:5px 0px 5px 30px;
}

#news ul li:first-child {
	margin-top:20px;
}

.date {
	font-weight:bold;
}

#campaign2 {
	float:left;
	width:585px;
	height:199px;
	overflow:hidden;
	border-bottom:1px solid rgb(200,200,200);
}

#campaign3 {
	float:left;
	width:195px;
	height:199px;
	border-bottom:1px solid rgb(200,200,200);
}

body.frontpage #extras {
	float:none;
	clear:both;
	width:auto;
}

body.frontpage .extraBox {
	float:left;
	width:194px;
	border-left:1px solid rgb(200,200,200);
}

body.frontpage .extraBox:first-child {
	width:195px;
	border-left:none;
}

#placementStatus {
	position:absolute;
	height:199px;
	width:585px;
	overflow:hidden;
	background:url(/assets/site/img/placementStatusBack.png) no-repeat;
}

#placementStatus h2 {
	position:absolute;
	top:15px;
	left:30px;
}

#placementStatus p {
	width:525px;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}


.ui-tabs-nav {
	position:absolute;
	left:25px;
	top:55px;
	margin:0px;
	padding:0px;
	list-style:none;
	clear:both;
}

.ui-tabs-nav li {
	float:right;
	position:relative;
	width:95px;
	height:25px;
	background:url(/assets/site/img/placementTabOpen.png) no-repeat;
	font-size:14px;
	text-transform:uppercase;
	padding: 10px 0px 0px 20px;
	margin: 0px -25px 0px 0px;
}

.ui-tabs-nav li.open {
	background:url(/assets/site/img/placementTabOpen.png) no-repeat;
}

.ui-tabs-nav li.restricted {
	background:url(/assets/site/img/placementTabRestricted.png) no-repeat;
}

.ui-tabs-nav li.waitingList {
	background:url(/assets/site/img/placementTabWaitingList.png) no-repeat;
}

.ui-tabs-nav li.ui-tabs-selected {
	background:url(/assets/site/img/placementTabSelected.png) no-repeat;
	z-index:10;
}

.ui-tabs-nav li a,
.ui-tabs-nav li a:hover {
	color:rgb(255,255,255);
	text-decoration:none;
}

.ui-tabs-nav li.ui-tabs-selected a {
	color:rgb(90,90,90);
}

.ui-tabs-nav li.hidden {
	display:none;
}


.ui-tabs-panel {
	position:absolute;
	bottom:0px;
	height:83px;
	width:525px;
	background:url(/assets/site/img/placementStatusPanelBack.png) no-repeat bottom;
	clear:both;
	padding: 17px 30px 15px;
}

#placementStatus table {
	border-collapse:collapse;
	width:540px;	
	margin:10px 0px 0px 0px;
}

#placementStatus table td {
	height:60px;
	width:108px;
}

#placementStatus table td.grp2 {
	background:url(/assets/site/img/placement2GrpOpen.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp3 {
	background:url(/assets/site/img/placement3GrpOpen.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp4 {
	background:url(/assets/site/img/placement4GrpOpen.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp5 {
	background:url(/assets/site/img/placement5GrpOpen.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp6 {
	background:url(/assets/site/img/placement6GrpOpen.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp14 {
	background:url(/assets/site/img/placement14GrpOpen.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp2.restricted {
	background:url(/assets/site/img/placement2GrpRestricted.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp3.restricted {
	background:url(/assets/site/img/placement3GrpRestricted.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp4.restricted {
	background:url(/assets/site/img/placement4GrpRestricted.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp5.restricted {
	background:url(/assets/site/img/placement5GrpRestricted.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp6.restricted {
	background:url(/assets/site/img/placement6GrpRestricted.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp14.restricted {
	background:url(/assets/site/img/placement14GrpRestricted.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp2.closed {
	background:url(/assets/site/img/placement2GrpWaitingList.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp3.closed {
	background:url(/assets/site/img/placement3GrpWaitingList.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp4.closed {
	background:url(/assets/site/img/placement4GrpWaitingList.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp5.closed {
	background:url(/assets/site/img/placement5GrpWaitingList.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp6.closed {
	background:url(/assets/site/img/placement6GrpWaitingList.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp14.closed {
	background:url(/assets/site/img/placement14GrpWaitingList.png?nocache=001) no-repeat left;
}


#placementStatus table td.grp2.closedrestricted {
	background:url(/assets/site/img/placement2GrpRestrictedWait.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp3.closedrestricted {
	background:url(/assets/site/img/placement3GrpRestrictedWait.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp4.closedrestricted {
	background:url(/assets/site/img/placement4GrpRestrictedWait.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp5.closedrestricted {
	background:url(/assets/site/img/placement5GrpRestrictedWait.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp6.closedrestricted {
	background:url(/assets/site/img/placement6GrpRestrictedWait.png?nocache=001) no-repeat left;
}

#placementStatus table td.grp14.closedrestricted {
	background:url(/assets/site/img/placement14GrpRestrictedWait.png?nocache=001) no-repeat left;
}


/*
#placementStatus table td.open {
	background:url(/assets/site/img/bookingOpen.png) no-repeat center;
}

#placementStatus table td.open:hover {
	background:url(/assets/site/img/bookingOpenHover.png) no-repeat center;
	cursor:pointer;
}

#placementStatus table td.restricted {
	background:url(/assets/site/img/bookingRestricted.png) no-repeat center;
}

#placementStatus table td.restricted:hover {
	background:url(/assets/site/img/bookingRestrictedHover.png) no-repeat center;
	cursor:pointer;
}

#placementStatus table td.closed {
	background:url(/assets/site/img/bookingWaitingList.png) no-repeat center;
}

#placementStatus table td.closed:hover {
	background:url(/assets/site/img/bookingWaitingListHover.png) no-repeat center;
	cursor:pointer;
}*/


/* accordions */

.accordionHeader {
	position:relative;
	background:url(/assets/site/img/accordionHeaderOpen.png) no-repeat right center;
	padding:5px 20px 5px;
	margin:0px;
	height:20px;
	cursor:pointer;
}

a.accordionHeader {
	display:block;
}

.accordionHeader:hover {
	background-image:url(/assets/site/img/accordionHeaderOpenHover.png);
}

.accordionHeader.ui-state-active {
	background-image:url(/assets/site/img/accordionHeaderClose.png);
	
}

.accordionHeader.ui-state-active:hover {
	background-image:url(/assets/site/img/accordionHeaderCloseHover.png);
}

.accordionHeader.readyToPay {
	background:url(/assets/site/img/accordionHeaderPayOpen.png) no-repeat right center;
}

.accordionHeader.readyToPay:hover {
	background:url(/assets/site/img/accordionHeaderPayOpenHover.png) no-repeat right center;
}

.accordionHeader.readyToPay.ui-state-active {
	background-image:url(/assets/site/img/accordionHeaderPayClose.png);
	
}

.accordionHeader.readyToPay.ui-state-active:hover {
	background-image:url(/assets/site/img/accordionHeaderPayCloseHover.png);
}

.accordionHeader.annulled {
	background:url(/assets/site/img/accordionHeaderAnnulledOpen.png) no-repeat right center;
}

.accordionHeader.annulled:hover {
	background:url(/assets/site/img/accordionHeaderAnnulledOpenHover.png) no-repeat right center;
}

.accordionHeader.annulled.ui-state-active {
	background-image:url(/assets/site/img/accordionHeaderAnnulledClose.png);
	
}

.accordionHeader.annulled.ui-state-active:hover {
	background-image:url(/assets/site/img/accordionHeaderAnnulledCloseHover.png);
}



.accordionHeader h3 {
	color:rgb(90,110,0);
	margin:0px;
	padding:0px;
}

.accordionHeader.readyToPay h3 {
	color:rgb(155,90,0);
}

.accordionHeader.annulled h3 {
	color:rgb(150,150,150);
}

.accordionContent {
	margin-top:-10px;
	padding:20px 19px 9px;
	background:rgb(255,255,255);
	border-right: 1px solid rgb(200,200,200);
	border-bottom: 1px solid rgb(200,200,200);
	border-left: 1px solid rgb(200,200,200);
}

.subAccordion {
	padding-bottom:10px;
}

.subAccordion h4 {
	color:rgb(150,185,0);
	cursor:pointer;
}

.subAccordion h4:hover {
	color:rgb(90,110,0);
}

.subAccordion p {
	border-bottom:1px solid rgb(200,200,200);
}

.accordionBuffer {
	height:10px;
}

span.ui-icon {
	display:none;
}

/* collapsible panels */

.collapsiblePanel {
	position:relative;
	margin:10px 0px 0px 0px;
}

.collapsiblePanelHeader {
	position:relative;
	background:url(/assets/site/img/collapsibleHeaderOpen.png) no-repeat right center;
	padding:5px 20px 5px;
	margin:0px;
	height:20px;
	cursor:pointer;
}

.collapsiblePanel.enabled .collapsiblePanelHeader:hover {
	background-image:url(/assets/site/img/collapsibleHeaderOpenHover.png);
}

.collapsiblePanel.enabled .collapsiblePanelHeader.active {
	background:url(/assets/site/img/collapsibleHeaderClose.png) no-repeat right center;
}

.collapsiblePanel.enabled .collapsiblePanelHeader.active:hover {
	background:url(/assets/site/img/collapsibleHeaderCloseHover.png) no-repeat right center;
}



.collapsiblePanel.disabled .collapsiblePanelHeader {
	cursor:default;
}

.collapsiblePanelHeader h3 {
	color:rgb(90,110,0);
	margin:0px;
	padding:0px;
}

.collapsiblePanelContent {
	/*display:none;*/
	margin-top:-10px;
	padding:20px 19px 9px;
	background:rgb(255,255,255);
	border-right: 1px solid rgb(200,200,200);
	border-bottom: 1px solid rgb(200,200,200);
	border-left: 1px solid rgb(200,200,200);
}


/* modal */

.modal {
    display: none;
    
    position: fixed;
    top: 15%;
    left: 50%;
    
    margin-left: -220px;
    width: 440px;
	

}

.fotomodal {
    display: none;
    
    position: fixed;
    top: 15%;
    left: 50%;
    
    margin-left: -220px;
    width: 840px;
	

}
.modalgrey {
    display: none;
    
    position: fixed;
    top: 15%;
    left: 50%;
    
    margin-left: -220px;
    width: 440px;
	

}

.bigModal {
	display: none;
    
    position: fixed;
    top: 15%;
	
	width:100%;
	text-align:center;
}

.modalHeader {
	background:url(/assets/site/img/modalHeader.png) repeat-x;
	padding:10px 20px;
	height:20px;
	

}

.modalHeaderFullWidth {
	background:url(/assets/site/img/modalHeaderFullWidth.png) repeat-x;
	padding:10px 20px;
	height:20px;
	

}
.modalHeader h3, .modalHeaderFullWidth h3 {
	color:rgb(90,110,0);
	margin:0px;
	padding:0px;
}

.modalContent {
	padding:10px 19px 9px;
	background:url(/assets/site/img/boxBack.png) no-repeat right bottom rgb(255,255,255);
	border-right: 1px solid rgb(200,200,200);
	border-bottom: 1px solid rgb(200,200,200);
	border-left: 1px solid rgb(200,200,200);
	
}

.modalOverlay { background-color: rgb(0,0,0); }
.modalOverlayWhite { background-color: rgb(255,255,255); }

.modalClose {
	cursor:pointer;
	position:absolute;
	right:20px;
	top:13px;
}

* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

* html .modalgrey,
* html .modal,
* html .bigModal{
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/* logopage */

ul#alphabetical {
	margin:0px;
	padding:0px;
	list-style:none;
	background:rgb(190,230,0);
	height:20px;
}

ul#alphabetical li {
	float:left;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	width:17px;
}

ul#alphabetical li a {
	color:rgb(255,255,255);
	text-decoration:none;
	display:block;
	height:20px;
	width:17px;
}

ul#alphabetical li a:hover {
	background:rgb(150,185,0);
}

.searchCompanyContainer {
	border-bottom:1px dotted rgb(200,200,200);
	padding:19px 0px 20px 0px;
}

.searchCompanyContainer input[type=text] {
	float:left;
}

.searchCompanyContainer input[type=button] {
	float:left;
	margin:0px 0px 0px 10px;
}

#companyContainer {
	margin:0px -10px 0px -10px;
	padding:10px 0px 0px 0px;
}

.company {
	float:left;
	width:140px;
	height:110px;
	border:1px solid rgb(200,200,200);
	padding:9px;
	margin:10px;
	background:rgb(255,255,255);
}

.companyLogo {
	width:140px;
	height:69px;
	background:url(/assets/site/img/noLogo.png) no-repeat center;
	border-bottom:1px dotted rgb(200,200,200);
	overflow:hidden;
}

.companyText {
	text-align:center;
	height:50px;
	overflow:hidden;
}

.companyLogoBig {
	float:right;
	border:1px solid rgb(200,200,200);
	width:188px;
	height:188px;
}

ul.pagination {
	clear:both;
	margin:10px 0px 0px 0px;
	padding:19px 0px 0px 0px;
	height:20px;
	list-style:none;
	border-top:1px dotted rgb(200,200,200);
}

ul.pagination li {
	float:left;
	margin:0px 10px 0px 0px;
}

ul.pagination li a {
	display:block;
	height:20px;
	width:20px;
	color:rgb(255,255,255);
	text-decoration:none;
	text-align:center;
	background:rgb(190,230,0);
}

ul.pagination li a:hover,
ul.pagination li.active a {
	background:rgb(150,185,0);
}

table.history {
	clear:both;
	width:100%;
	margin:20px 0px 0px 0px;
}

table.history td {
	border-top:1px dotted rgb(200,200,200);
	padding:4px 0px 5px 0px;
}

table.history td:first-child {
	font-weight:bold;
}

/* create user */

.validator {
	position:absolute;
	top:8px;
	right:-24px;
	height:14px;
	width:14px;
}

.validator.valid {
	background:url(/assets/site/img/iconValid.png) no-repeat;
}

.validator.invalid {
	background:url(/assets/site/img/iconInvalid.png) no-repeat;
}

#logoPanel label {
	width:70px;
}

.uploadedLogo {
	border:1px solid rgb(200,200,200);
	width:198px;
	height:88px;
}

/* Mit Stafettelt */

#mitStafetteltTop {
	background:url(/assets/site/img/mitStafetteltTopBack.png) repeat-x center bottom;
	height:145px;
	padding: 20px 40px;
	margin: 0px 0px -5px;
	position: relative;
	z-index:2;
}

#mitStafetteltTop h1 {
	color:rgb(255,255,255);
}

#orderStatus {
	position:absolute;
	top:30px;
	right:30px;
	width:290px;
	height:100px;
	padding:10px 20px;
	background:url(/assets/site/img/orderStatusBack.png) no-repeat;
}

#orderStatus h2 {
	padding-bottom:0px;
}

#orderStatus p {
	padding-bottom:0px;
	margin-bottom:-5px;
}

#orderActions {
	position:absolute;
	bottom:10px;
}

#orderActions a {
	text-decoration:none;
	font-weight:bold;
	padding-right:15px;
}


body.mitStafettelt #content .box .text {
	padding-top:50px;
}

#btnLogout {
	margin-top:10px;
}

.btnEdit {
	position:absolute;
	right:10px;
	top:8px;
}

table#daySelector {
	border-collapse:collapse;
}

table#daySelector th {
	text-align:left;
	text-align:center;
	padding:0px 0px 5px 0px;
}

table#daySelector td {
	height:40px;
}

table#daySelector td.open {
	background:url(/assets/site/img/bookingOpen.png) no-repeat center;
}

table#daySelector td.open:hover {
	background:url(/assets/site/img/bookingOpenHover.png) no-repeat center;
	cursor:pointer;
}

table#daySelector td.restricted {
	background:url(/assets/site/img/bookingRestricted.png) no-repeat center;
}

table#daySelector td.restricted:hover {
	background:url(/assets/site/img/bookingRestrictedHover.png) no-repeat center;
	cursor:pointer;
}

table#daySelector td.closed {
	background:url(/assets/site/img/bookingWaitingList.png) no-repeat center;
}

table#daySelector td.closed:hover {
	background:url(/assets/site/img/bookingWaitingListHover.png) no-repeat center;
	cursor:pointer;
}

span.open {
	color:rgb(150,185,0);
}

span.restricted {
	color:rgb(255,150,0);
}

span.closed {
	color:rgb(240,0,0);
}



/* div tables */

.table {
	margin:0px -5px;
}


.tableCol {
	float:left;
	width:205px;
	margin:0px 6px 0px 5px;
	padding:0px 10px 0px 0px;
	border-right:1px dotted rgb(200,200,200);
}

.tableCol.last {
	margin:0px 5px;
	padding:0px 0px 0px 1px;;
	border:none;
}

.tableCol.wide {
	border:none;
	margin:10px 5px 0px 5px;
	padding:0px;
	width:307px;
}

.tableCell {
	padding:5px 0px;
}

.table input[type=text],
.table input[type=password]{
	width:113px;
}

.table label {
	width:90px;
	margin:0px;
}

.tableCol.wide textarea {
	width:341px;
	height:68px;
}

.table.narrow {
	margin:0px;
}

.table.narrow .tableCol{
	width:145px;
	margin:0px 11px 0px 0px;
	padding:0px 10px 0px 0px;
}


.table.narrow .tableCol.last {
	margin:0px;
	padding:0px;
}




/* status */

.notYetResolved {
	color:rgb(200,0,0);
}

/* colors */
.white,
a.white {
	color:rgb(255,255,255);
}


/* icon links */

a.enlarge {
	background:url(/assets/site/img/iconEnlarge.png) no-repeat center left;
	padding:0px 20px 0px 20px;
	height:20px;
}

a.delete {
	background:url(/assets/site/img/iconDelete.png) no-repeat center left;
	padding:0px 20px 0px 20px;
}

a.pdf {
	background:url(/assets/site/img/iconPDF.png) no-repeat center left;
	padding:0px 20px 0px 20px;
}

a.print {
	background:url(/assets/site/img/iconPrint.png) no-repeat center left;
	padding:0px 20px 0px 20px;
}

a.add {
	background:url(/assets/site/img/iconAdd.png) no-repeat center left;
	padding:0px 20px 0px 20px;
}

a.closeit.right {
	float:right;
	background:url(/assets/site/img/iconClose.png) no-repeat center right;
	padding:0px 20px 0px 20px;
	font-weight:bold;
	text-decoration:none;
}

a.pay {
	background:url(/assets/site/img/iconPay.png) no-repeat center left;
	padding:0px 20px 0px 20px;
}

a.cancel {
	background:url(/assets/site/img/iconInvalid.png) no-repeat center left;
	padding:0px 20px 0px 20px;
}

a.edit {
	background:url(/assets/site/img/iconEdit.png) no-repeat center left;
	padding:0px 20px 0px 20px;
}

a.order {
	background:url(/assets/site/img/iconOrder.png) no-repeat center left;
	padding:0px 20px 0px 20px;
}

a.add {
	background:url(/assets/site/img/iconAdd.png) no-repeat center left;
	padding:0px 20px 0px 20px;
}

a.add.right {
	float:right;
	background:url(/assets/site/img/iconAdd.png) no-repeat center right;
	padding:0px 20px 0px 20px;
	font-weight:bold;
	text-decoration:none;
}


/* misc */

.big {
	font-size:20px;
}

.small {
	font-size:10px;
	line-height:15px;
}

.dottedUpper {
	border-top:1px dotted rgb(200,200,200);
	margin:4px 0px 0px 0px;
}

*:focus {
	outline:none;
}

.marginRight {
	margin-right:19px;
}

/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clr {
	clear:both;
	height:0px;
	overflow:hidden;
}
.dottedruler {
	color: #fff; 
	background-color: #fff; 
	border: 1px dotted dotted rgb(90,90,90); 
	border-style: none none dotted;
}


/* generic accordions - based on color codes */

.accordionHeader.Orange {
	position:relative;
	background:url(/assets/site/img/accordionHeaderOrangeOpen.png) no-repeat right center;
	padding:5px 20px 5px;
	margin:0px;
	height:20px;
	cursor:pointer;
}
a.accordionHeader.Orange {
	display:block;
}
.accordionHeader.Orange:hover {
	background-image:url(/assets/site/img/accordionHeaderOrangeOpenHover.png);
}
.accordionHeader.Orange.ui-state-active {
	background-image:url(/assets/site/img/accordionHeaderOrangeClose.png);
	
}
.accordionHeader.Orange.ui-state-active:hover {
	background-image:url(/assets/site/img/accordionHeaderOrangeCloseHover.png);
}
.accordionHeader.Orange h3 {
	color:rgb(155,90,0);
}

/* blue */

.accordionHeader.Blue {
	position:relative;
	background:url(/assets/site/img/accordionHeaderBlueOpen.png) no-repeat right center;
	padding:5px 20px 5px;
	margin:0px;
	height:20px;
	cursor:pointer;
}
a.accordionHeader.Blue {
	display:block;
}
.accordionHeader.Blue:hover {
	background-image:url(/assets/site/img/accordionHeaderBlueOpenHover.png);
}
.accordionHeader.Blue.ui-state-active {
	background-image:url(/assets/site/img/accordionHeaderBlueClose.png);
	
}
.accordionHeader.Blue.ui-state-active:hover {
	background-image:url(/assets/site/img/accordionHeaderBlueCloseHover.png);
}
.accordionHeader.Blue h3 {
	color:rgb(42,49,158);
}

/* red */

.passiveaccordionHeader.red {
	position:relative;
	background:url(/assets/site/img/modalHeaderRedFullWidth.png) no-repeat top center;
	padding:5px 20px 5px;
	margin:0px;
	height:20px;
	cursor:pointer;
}
a.passiveaccordionHeader.red {
	display:block;
}
.passiveaccordionHeader.red:hover {
	background-image:url(/assets/site/img/accordionHeaderBlueOpenHover.png);
}
.passiveaccordionHeader.red.ui-state-active {
	background-image:url(/assets/site/img/accordionHeaderBlueClose.png);
	
}
.passiveaccordionHeader.red.ui-state-active:hover {
	background-image:url(/assets/site/img/accordionHeaderBlueCloseHover.png);
}
.passiveaccordionHeader.red h3 {
	color:rgb(255,255,255);
	margin:0px;
	padding:0px;
}

.passiveaccordionContent {
	margin-top:-10px;
	padding:20px 19px 9px;
	background:rgb(255,255,255);
	border-right: 1px solid rgb(200,200,200);
	border-bottom: 1px solid rgb(200,200,200);
	border-left: 1px solid rgb(200,200,200);
}

/* statuspwd */

.statuspwd{margin-left:10px;color:black;padding;2px;}
h3.closetobuttom {margin-bottom:0px;padding-bottom:0px;padding-top:0px;margin-top:2pt;}