/* CSS Document */

/* DEn store tykke ramma med absolutt alt innhold */
/*#mainContainer {background:#fff; width: 800px; min-height: 1000px; font-family: Verdana, Helvetica, sans-serif; color: #636467; font-size: 11px; margin-left: -10px; text-align: left; text-decoration: none;}*/
#mainContainer {background:#fff; width: 720px; height: auto; font-family: Verdana, Helvetica, sans-serif; color: #636467; font-size: 11px; margin-left: -10px; text-align: left; text-decoration: none;}

/********			FONTER		*********/
#mainContainer h1 /*titler*/ {font-size: 13px; font-weight: bold; color: #b03526; margin: 0; margin-bottom: 15px; text-decoration: none;}
#mainContainer h2, .title /*ingress, mindre titler*/ {font-size: 11px; font-weight: bold; color: #636467; margin-bottom: 10px;}
#mainContainer p, .amount, #innerTextDiv div, #bBasket table tbody td, #bBasket table tbody th, #courseBasketTable td, #courseBasketTable th  
{font-size: 11px; color: #636467; font-weight: normal; margin: 0; padding: 0; margin-bottom: 10px;}
#mainContainer a {color: #b03526; cursor:pointer;}

#innerTextDiv h2 {font-size: 13px; font-weight: bold; color: #b03526; margin: 0; margin-bottom: 15px; text-decoration: none; padding: 0; }
#eventDiv h2 /*Skal ha samme som h2*/{font-size: 11px; font-weight: bold; color: #636467; margin-bottom: 10px; margin-right: -1em;}

/*beskrivelse av brett i booking */
.description {position:relative; height:55px; width: 180px; }
.title {width: 180px; }

/********** KNAPPER **************/
.button, .bookingButton, .competitionButton, .courseButton, #sendButton, #confirmData, #saveUserData, #confirmBookingFormButton, #bookingInfo input, #allEventDiv
{border: 1px solid #b03526; background: #eff3f7; padding: 10px 10px; width:120px; margin-bottom: 10px; font-size: 11px; font-weight: bold; color: #636467; cursor:pointer; overflow: hidden;}
		
#sendButton {width: 300px; margin-bottom: 30px; margin-right: 300px;}

input#resetButton, #addClub, #addTeam, #addBoardButton, #addRigButton {border: 1px solid #7f9db9; background: #ebebe4; font-weight: normal; width: 130px; padding: 3px 5px 2px 5px;}
input#resetButton:hover, #addClub:hover, #addTeam:hover, #addBoardButton:hover, #addRigButton:hover {background: #fff;}

.button:hover, .bookingButton:hover, .competitionButton:hover, .courseButton:hover, #sendButton:hover, #confirmData:hover, #saveUserData:hover, #confirmBookingFormButton:hover, #bookingInfo input:hover, #allEventDiv:hover
{border: none; background: #fff; border-left: #b03526 solid 4px; padding: 11px 11px 11px 7px; font-size: 11px; font-weight: bold; color: #b03526; overflow: hidden; cursor:pointer;}

#bookingInfo input {margin: 10px 0; width: 300px;}

/* Logout-knapp */
form#login input.button {height: 20px; width: 170px; border-left: #C0C4C7 3px solid; padding: 0; text-align: left; padding-left: 5px;}
form#login input.button:hover {border-left: 3px #b03526 solid; background: #fff;}


/* Hovedbakgrunn til alt innhold - inni MainContainer. Inneholder midlertidig p�melding osv.*/
#bredaContainer { min-height:750px; background:#FFF; /*padding: 2em 1em 4em 1em;*/} 

/* Firkant med blomst i n�r siden loades*/
#loader{width:100px; height: 100px; position:fixed; top:50%; left:50%; z-index:99;/* border:#333333 solid 2px;*/ cursor:wait;
					filter:alpha(opacity=60);
					-moz-opacity:0.60;
					-khtml-opacity: 0.60;
					opacity: 0.60;}
#specialLoader{width:100px; height: 100px; position:relative; top:50%; left:50%; z-index:99; /*border:#333333 solid 2px;*/ cursor:wait;
		filter:alpha(opacity=60);
					-moz-opacity: 0.60;
					-khtml-opacity: 0.60;
					opacity: 0.60;}
#loader img{/*margin:2em;*/}



/************* BOOKE BRETT ****************/
/* Rammen rundt der brett kommer opp */
#equipment{float:none; /*border:#000 1px solid;*/ width:720px; padding-top: 5px; /*padding-right: 200px;*/  z-index:0;} 

/*ramme rundt brett i booka breda*/
.item {border:#c0c4c7 2px solid; width:260px; margin-bottom: 1em; padding: 1em;  background:#eff3f7; position:relative;}
.simpleDisp {float:left; /*border:#ff0000 1px solid;*/ width:50%; height: 95%; overflow:auto; margin-top: 40px;/*margin: 5px auto auto auto; */}
.itemWrapper{/*border:#ccc dotted 1px;*/ position:relative;  width:280px; overflow:hidden;}

/*Dato og tidsvelger ved brett */
#bookAboard {margin-top: 10px;}
#bookAboard label {margin-bottom: 5px;}
#bookAboard input, #bookAboard select {}

input#startDate, input#stopDate, select#startTime, select#stopTime {margin-right: 7px; cursor:pointer;}
input#sendButton {}
input#resetButton {position: absolute; float: right; top: 10px; left: 400px;}

/* Handlekurv system */
/*#basket' {border: blue 2px solid; position: static; margin: 2px; padding: 2px;}*/
#basket{}
/*Ramme rundt alt innhold OG rammen fiksert oversikt nederst på siden*/
#bBasket, #cBasket ,#compoBasket {width: 720px; padding-top: 15px; float: left; position: static;}
/*Ramme rundt en hel tabell*/
#bBasket table, #courseBasketTable, .competitionBasketTable{border: none; background: #c0c4c7; position: static; width: 550px; margin: 7px 0; padding: 2px;}
#bBasket table tbody th, #bBasket table tbody td, #courseBasketTable td, #courseBasketTable th {border: none; margin: 2px; padding: 4px 7px; background: #fff;}
#bBasket table tbody td input.button, #courseBasketTable input.button, .competitionBasketTable input.button {height: 15px; margin: 0; padding: 0; text-align: center; background: #eff3f7; border: none; width: 200px;}

#compoBasket{}

/*fiksert oversikt nederst på siden*/
#bookingBasket {position:fixed; padding-left:20px; padding-bottom: 50px; bottom:0px; width:200px; overflow:auto; background: #ef3f7; border: #c0c4c7; z-index:90; text-align:left;}

/*skjema for bekreftelse av booking*/
form#confirmBookingForm{width: 720px; margin-right: 20px; margin-top: 15px;}
#confirmBookingFormButton {margin: 40px  0 0 20px;}

.checkBoxDiv{display: block; cursor: pointer; position: relative; margin-top: -85px; float: right; clear: both;}
.displayImage{position:relative; height:90px; z-index:90; float: right; margin-left: 5px; margin-right: 20px; margin-top: -85px; border: 0px solid black;}

/*bekreft bookning; forsikring ol */
/*#insuranceDiv {width: 275px; height: 150px; float: left; border: 2px solid #c0c4c7; background: #eff3f7; padding: 1em; margin: 10px 10px 10px 0;}*/
#paymentDiv{width: 200px; height: 230px; float: right; background: #eff3f7; border: 2px solid #c0c4c7; padding: 1em;}

#paymentImageDiv {padding:1em; position:relative; border: #4769FF dotted 1px; margin-bottom: 1em;}

#dibs2{ position:absolute; right:15px;}
#dibs4{ position:absolute; right:15px; top:38px;}
#dibs3{ position:absolute; right:55px; top:12px;}
#dibs5{ position:absolute; right:55px; top:38px;}

.checkOutSum { color:#141414; width: 590px;}

#vat { border-bottom: #141414 1px solid;}
#grandTotal { border-bottom: #141414 4px double;}

.important { color:#474747; text-decoration:underline;}
#bookingTermsDiv {width: 440px; float: left; background: #eff3f7; border: 2px solid #c0c4c7; padding: 1em;}

#insuranceDiv ul li label, #paymentDiv ul li label, #bookingTermsDiv ul li label {margin: 0; padding: 0; padding-right: 3px;}
#payment ul li label {padding-right: 5px;}
#insuranceDiv ul li input, #paymentDiv ul li input, #bookingTermsDiv ul li input {margin: 0; padding: 0; } 



/******************* FORSIDE / BYOVERSIKT *************/
/*Informasjon om byen, helt överst*/
#displayInfoBox{width: 710px; overflow:hidden; text-align: left; padding: 15px 10px 0 0;}


#mapDiv{ filter:alpha(opacity=60);
		-moz-opacity:0.60;
		-khtml-opacity: 0.60;
		opacity: 0.60;
		}

#mapDiv:hover{ filter:alpha(opacity=80);
		-moz-opacity:0.80;
		-khtml-opacity: 0.80;
		opacity: 0.80;
		}

/*Ramme rundt alt innehold med bymeny og innover */
#siteDiv {float: left; width:780px; height: 1000px; overflow:auto;} 

/*Ramme etter bymeny og innover */
#siteDivBody{height:630px; position:relative; margin-top: 15px;}
#siteDivBody ul{margin: 0 0 10px 0; padding: 0; } 

/*Menylinja til velg by*/
#siteDivBanner{background:#fff;  border-bottom: #c0c4c7 2px solid; width: 720px; height:30px;
								font-size: 13px; font-weight: bold; margin: 0; padding: 0;} 
/* st�rrelse, float osv*/
#mainTabsContainer { position:relative; float:none; height:20px;}
#mainTabsContainer div {float:left;}

#siteTabContainer {float:none;}
#siteTabContainer div {float:left; margin-right: 10px; }
/*En tab vanlig*/
.tabItem {background: #c0c4c7;  padding: 4px 6px 6px 6px;  border-top: 4px #c0c4c7 solid; cursor:pointer;}
.tabItem:hover {color: #b03526;   padding: 4px 6px 8px 6px; background: #fff; border-top: 4px #b03526 solid;}
/*Tab aktiv*/
.tabItemActive {background: #fff;  padding: 4px 6px 8px 6px; border-top: 4px #b03526 solid; color:#b03526; cursor: pointer;}
/*meny tab*/
#siteTabContainer{float:none; }


/* omslutter frem tilbake knappene */
#stepWrapper{width: 720px; background: #eff3f7; float:none; height: 25px; margin-bottom: 15px; }
/*gjeldende step*/
#thisStep {width: 400px; height: 15px; padding-top: 2px; margin: 0 auto; text-align: center; /*float:left*/}
#backButton {width: 75px; height: 15px; padding-top: 4px; position: absolute;}
#nextButton {width: 75px; height: 15px; margin-top: 4px; position: absolute; top: 12px; text-align: right; left: 578px;}
/*boks som viser valgene en gjør*/

/* Diven til v�roversikt p� byoversikt */ 
#weatherDiv{position:absolute; top: 230px; left: 286px; width: 430px; background:#eff3f7; border:#c0c4c7 2px solid;}
	/*.weatherPeriod { /*border:#000fd9 dashed 3px; float:left; font-size:9px; padding:2px;}*/
.weatherLink{margin:3px 1em 3px 1em; /*border: 1px dashed #b30083;*/}
 /*#wDiv{padding: 5px;} /*Bakgrunn for v�roversikten*/
table.forecast td {font-size: 10px; color: #636467;}
table.forecast{padding: 5px;}

/* Diven til kartet i byoversikt*/ 
#mapDiv{position:absolute;
		top: 0;
		left: 487px;
		float: left;
		background:#c0c4c7; 
		border:#c0c4c7 2px solid; background: #eff3f7;}
#mapDiv iframe {width:230px; height:190px;}

/* Diven til Om byne i byoversikt */
#textDiv {position:absolute; background:#fff; /*border:#ff0000 1px solid; */ top: 0; left:170px; height: 215px; width:297px; }
#innerTextDiv {/*border:#000 1px dashed; */padding: 0; margin: 0; margin-bottom: 1em;} 

/*Teksten inni event om byen p� byoversikt */
#eventDiv {position:absolute; background:#eff3f7; top:230px; min-height: 240px; width:260px; /*border: 2px #c0c4c7 solid;*/}
/*event liste holder forside */
#eventListWrapper { padding-left: 6px; margin: 6px auto;}
/*omslutter hver event item p� forside*/
.eventItemWrapper, .regionalEventItemWrapper {margin: 0 0 5px 0; border-left: 4px #b03526 solid; padding: 4px 6px 4px 4px; color: #636467;}
.eventItemWrapper:hover, .regionalEventItemWrapper:hover {background: #fff; color: #b03526; padding: 4px 6px 4px 4px; border-left: 4px #b03526 solid;}
/* st�rrelse events forside */
.eventListItem, .regionalEventListItem {cursor:pointer; padding: 0; margin:0;}
/*header i events-liste*/
#eventListHeader {font-weight: bold; margin: 7px;}

/************** ALLE AKTIVITETERSIDE**************/
#regionalEventListWrapper{width: 400px; float:left; background: #eff3f7; padding: 6px 0 6px 6px;}








/********************** ADMIN ****************/
/* ADMIN Panel */
#itemsForm {position:relative; border: 1px solid #000066; margin: 1em; min-height: 650px; padding:0.5em} /* Ramme rundt alt i skjema i admin fra Kurs Administrasjon inkludert ny, rediger osv. */
#formContainer{position:absolute; right: 1em; top: 0.5em; width:49%;} /*Ramme rundt innhold i skjema i admin */
#listFormContainer { border:#999999 1px solid; margin:1em 0 0 0; position:relative; padding-top:0.5em; min-height:550px}/*Ramme rundt b�de h�yre og venstre kolonne, men under meny med ny, rediger osv. i admin */
#itemForm { border:#FF0000 1px solid; position:relative } /* Ramme rundt hele h�yre delen av admin panelet med innhold: beskrivelse, felt og lagre data-knapp */
#itemForm li {list-style:none;} /* Ramme rundt hver enhelt beskrivelse med felt i admin */
#itemForm label {display:block;} /*Ramme rundt forklaring til felter i admin*/
#itemsList { border:#FFFF00 1px solid; min-height:510px; width:45%; position:relative; margin-left:1em;} /*Ramme rundt lister i admin*/
#allList {position:absolute; top:0.5em; left:0.5em}
#linkedList {position:absolute; top:1px; right:1px}

.adminSiteList{ background:#CCCCCC; cursor:pointer}
.adminSiteListFocus{ background:#B6EAB5; border:#1C7B42 1px dashed; color:#1C7B42; }

/*PopUp rute med beskjeder i Admin*/
#mainFeedbackDiv{position:fixed; top:35%; left:35%; width:30%;  background:#EDEDED;border: #5D5D5D 1px solid;z-index:102;}
#mainFeedbackDivHead{position:relative; background:#6C6C6C; color:#71A1E3;} 
#mainFeedbackDivHead b {position:absolute; right: 4px; cursor:pointer;}
#mainFeedbackDivBody {padding:2em 1em 2em 1em;}

/*Listen over items i admin*/
.listWrapper{ border: #30355A solid 1px; background: #C3CCFF  ; position:relative; width:120px;}/*Listen over items i admin*/
.deleteItemLink {position:absolute; top:1px; right:3px; cursor:pointer;}
.itemlist {width:100px; cursor:pointer;} /*Listen over items i admin*/
.itemListFocus{background:#9DFF9A; border:#4E8247 dotted 1px;} 

/* tekst som viser hva en administrerer*/ 
#dispWhat{ font-size:16px;}

#adminBookingList { width:48%; min-height: 300px; float: left; border: 0px solid #b03526; padding: 5px; }
#adminCompetitionList{ width:48%; float: right; border: 0px solid #003526; }
#adminCourseList{ width:48%; float: right; border: 0px solid #003526; }
#adminViewInfo{ position: relative; width:48%; float: left; border: 1px solid #b03526; padding: 5px; }

/* ANV�NDARINFORMATION */
#adminContainer { border: 0px solid black;}
#adminUserList { width: 95%; }
#MainUserAdmin { border: 0px solid black; }
#MainUserAdminHead { font-weight: bold; padding-bottom:10px; padding-top: 10px;}
#MainUserAdminBody { float: left; }
#MainUserList { padding: 0px; border-bottom: 0px solid red;}
.usernameHolder { clear: left; height: 25px; width: 150px; float:left; border: 0px dotted blue; }
#actionButtons { float: left; height: 28px; clear: right;}
.editImg { cursor:pointer; }
.deleteImg { cursor:pointer; }

#userListWrapper { }
#MainSiteList { position: static; width: 350px; padding: 5px; border: 1px solid #b03526; float:right; clear: right;}
#MainSiteListHead { float: left; width: 49%; }
#MainSiteUserContent { float: right; width: 49%; }
.siteListItem { height: 20px; width: 80%; float: left; }
.addSiteToUserDiv { height: 20px; width: 10%; float: right; }

#MainSiteUserList { position: static; width: 350px; padding: 5px; border: 1px solid #b03526; float: right; margin-bottom: 10px; clear: right; }
#MainSiteUserListHead { float: left; width: 49%;}
#MainSiteUserListContent { float: right; width: 49%; }
.ULItemWrapper { height: 20px; border: 0px solid blue; }
.siteUserListItem { width: 80%; border: 0px solid green; float: left;}
.deleteDiv { width: 10%; border: 0px solid gold; float: right; }


/*************** KONKURRANSE ***************/

/*diven som wrapper hele konkurranse skjema*/
#competitionDiv{/*border: #000 dotted 1px;*/ width:720px; height: 800px; padding-top: 15px; margin-top: 2px;}

/* liste til VENSTRE */
/* wrap rundt hele lista til venstre*/
#competitionList{width:300px; min-height: 300px; padding: 0 6px; background: #eff3f7; float: left; position: static;}
/*Wrap p� insiden competitionlist*/
/*#innerCompetitionList{position: static; border: #c2c2c2 2px dotted; margin: 0; padding: 0;}*/
/*Wrap rundt listen av alle event */
#competitionDiv #eventListWrapper {padding: 0; margin: 6px 0; /*border: #000 1px dashed;*/}
/*wrap rundt hvert event */
#competitionDiv .eventItemWrapper{padding: 0; margin-bottom: 10px; /*border: #ff0000 1px solid;*/}
/*Ramme rundt hver konkurranse el.l i hvert event */
#competitionDiv .eventListItem{cursor:pointer; margin: 0; padding: 4px; /*border-left: 2px #b03526 solid; /*border: #000fd9 1px dotted;*/}
#competitionDiv .eventListItem:hover{background: #fff;  padding: 4px; /*border-left: 2px #b03526 solid;*/}

/* boks til H�YRE*/
/* boksen til h�yre som innehlder selve konkurranseskjema med tabs */
#competitionFormContainer {/*border:#000 1px solid;*/ width:440px; float: right; }

/* TABBER meny*/
/*div som holder kokurransetabbene på plass*/
#competitionFormTabs {float:none; position:relative; z-index:10; height: 25px; border-bottom: #c0c4c7 2px solid;}
/*Ramme rundt alle tabs hver for seg*/
#competitionTabsWrapper div{float:left; border-top: #c0c4c7 4px solid; position: relative; } /*#competitionTabsWrapper{float:none;}*/
/* En tab */
.competitionTab{padding:3px 6px 6px 6px; margin-right:6px; background:#c0c4c7;}
.competitionTabActive, .competitionTab:hover {padding:3px 6px 8px 6px; margin-right: 6px; background:#fff; cursor: pointer; }


/*holder for informasjon over skjema*/												
#innerCompetitionFormInfo {float:none; position:relative;} 
#innerCompetitionFormInfo h2 {float:none;}
/*alt innhold under tabs */ 
#competitionForm{border: #c0c4c7 2px solid; border-top: none;}
  /*omr�de under tabs, inni competitionForm (Var lilla, inneholder ingenting)*/ 
  #competitionFormInfo {margin: 0; padding: 0; /*border: #b30083 1px solid;*/}
/*omr�de under competitionFormInfo, inneholder  competitionInfoWrapper */
#competitionContentForm { padding: 8px; /*border: #ff0000 1px dashed;*/}
/* div som ordner tekst*/
#competitionInfoWrapper{padding: 1em;/*border:#000 1px dashed; */}
#competitionInfoWrapper h1 {float:none; padding: 0; margin: 0; margin-bottom: 15px;}
#competitionInfoWrapper ul {margin: 10px 0; padding: 0;}
#competitionInfoWrapper ul li { }

/* skjema i "legg til personlig data" */ 
#userInfoForm {list-style-type: none; padding: 1em;}
#userInfoForm li { padding: 0; margin-bottom: 7px;}
#userInfoForm label {float: left; width: 100px;}
#userInfoForm input, #userInfoForm select {}
#clubId, #teamId {margin-top: -10px; width: 146px; margin-right: 20px;}
/* "brukerinformasjon" som er tittel til skjemaet 

/* input i skjema userInfoForm 
input#firstName {margin-top: 10px; margin-left: 41px;}
input#lastName {margin-left: 32px;}
input#userImage {margin-left: 24px;}
select#clubId {margin-left: 35px; width: 146px;}
input#addClub {margin-left: 10px;}
select#teamId {margin-left: 48px;  width: 146px;}
input#addTeam {margin-left: 10px;}
input#rigNumber {margin-left: 10px;}
*/

/*Diver for "legg til brett" og "legg til seil*/
#userBoadsFormDiv, #userRigsFormDiv {margin: 10px;}
#boardSelect, #rigSelect {width: 200px;}
#addBoardButton, #addRigButton {margin-left: 10px;}


/***** POPUP rute med legg til klubb ***********/
/* lite poppup form i personlig info i konkurranse...*/
#addFormDiv{position:absolute; top:36%; left:38%; border: #c0c4c7 2px solid; background: #eff3f7; padding: 1em; list-style-type: none; z-index:99;}
form#userRigForm label, form#userBoardForm label, form#createClub label, form#createTeam label {width: 100px; margin-right: 10px;}
form#userRigForm li, form#userBoardForm li, form#createClub li, form#createTeam li {margin-bottom: 7px;}



.compContPrice{width:4em}

/*coks som viser hvilken konkurransea en er påmeld til*/
#dispCompDiv{position:absolute; z-index:80;width:250px; border:#615E6F 2px dashed; top:50px;}
#dispCompDivHead{background:#5F9AFF; height: 15px; margin: 0px;}/*header*/
#dispCompDivBody{ background:#DAE2F8; margin: 0px;}









/****************** KURS ****************/

#courseList{width:320px; min-height: 300px; padding: 0 6px; background: #eff3f7; float: left; position: static; border-top: 1px dotted silver;}

/*�verste ramme like bred som meny, like h�y som kurslisten*/
#courseFormContainer{margin: 0; padding-top: 15px; width:720px;}

/*div som inneholder kurslisten*/
#siteCourseListContainer{width: 360px; float: left; background: #eff3f7; /*border: #c0c4c7 2px solid;*/ padding: 6px 0 6px 6px;}
/* en linje i kurslisten*/
.courseListItem {margin-bottom: 10px; padding: 4px; border-left: #b03526 4px solid; }
.courseListItem:hover{padding: 4px; background:#fff; border-left: #b03526 4px solid; color: #b03526;}

/* div som omslutter b�de personaliaskjema og kurs info*/
#courseFormWrapper{float: right; width:360px; padding-left: 5px;}
/* div til kursinfo*/
#courseInfoDiv {background:#fff;}

/*div til personaliaskjema */
#courseForm {background:#fff; padding-top: 1em;}
/*div rundt form fra navn til meld p�-knapp */
#courseFormForm {list-style-type: none; border-top: 2px #c0c4c7 solid; padding-top: 1em; margin-top: 1em;}
#courseFormForm li {margin-bottom: 7px;}
#courseFormForm label {width: 100px; float: left; margin-right: 20px;}
select#age {width: 146px;}

/*input i form courseFormForm 
input#name {margin-left: 71px;}
input#phone {margin-left: 10px;}
input#insurance {margin-left: 10px;}
select#age {margin-left: 19px; width: 146px;}*/

/* fremkallet div til infomasjon*/
#theInfo{}
#theInfo h1 { padding: 0; margin: 0; margin-bottom: 15px;}
#theInfo p {}
#theInfo ul {margin: 0; padding: 0;}
#theInfo li {}

/*tabell for oppsummering f�r bekreft p�melding*/
#totalTable {background: #eff3f7; border: 2px #c0c4c7 solid; margin: 10px 0; padding: 1em; width: 300px;}
#totalTable th {margin-left: 10px;}



/*************' MINE BOOKNINGER ************/

/* Ytterste ramme med alt innhold */
#myBookings {width: 720px; position:relative}

/*Wrap rundt bookingList - Liste over alle bookninger */ 

#myBookingListContainer { float: left;}

#myBookingList , #myCourseList , #myCompetitionList{margin-bottom: 10px; width: 320px; padding: 6px; background: #eff3f7; border: #c0c4c7 2px solid; }
/*ramme rundt liste med bookinger, inni bookingList */
#myBookingsWrapper {margin: 6px auto;}
/*Wrap rundt to linjer i listen som h�rer sammen */
#myBookingsWrapper div {height: 16px; border-left: 4px #b03526 solid; padding: 4px 4px 2px 4px; margin-bottom: 4px;}
#myBookingsWrapper div:hover {padding:4px 4px 2px 4px; border-left: 4px #b03526 solid; background: #fff; color: #b03526; }

/*To linjer i listen som h�rer sammen; 	bookingbeskrivelse og delete*/
#myBookingsWrapper div div {margin-right: 27px; display: inline; border: none; cursor: pointer;}
#myBookingsWrapper div div:hover {border: none;}

/*Wrap rundt bookedItemList og bItemList, ligger under bookingList */
#bookedInfo {position:absolute; top:60px; right:3px; width: 400px;}
/*Informasjon om valgt booking, �verst inni bItemList */
#bookingInfo {margin: 0; padding: 6px;}
  #bookingInfo h2 {color: #b03526; text-decoration: none; border: none; margin: 0; padding: 0;}
  #bookingInfo ul {margin: 0; margin-bottom: 10px; padding: 0;}

/*Wrap rundt bookedItemList, under bookingInfo, inni bookedInfo, inneholder bookedItemList */
#bItemList {margin-top: 10px;}
/*Informasjon om det som er booket (tror jeg), inni bItemList*/
#bookedItemList {padding: 6px; margin: 0;}
/*wrap rundt en tekstblokk med tittel og innhold. */
.bListItem {margin: 0; margin-bottom: 30px; padding: 0; }
	/*.bListItem h3 {color: #b03526; text-decoration: none; border: none; margin: 0; padding: 0;}*/






/*************** DIVERSE ***************/

.formError{color:#FF0000}

#filterForm{background:#FFCCCC; width:150px;  float:none;}
#filterForm lable {display:block}
#filterForm li { list-style-type:none; }



/*PopUp rute med beskjeder tiol bruker*/
#userFeedbackDiv{position:fixed; top:35%; left:35%; width:30%;  background:#EDEDED;border: #5D5D5D 1px solid;z-index:15}
#userFeedbackDivHead{position:relative; background:#6C6C6C; color:#71A1E3;} 
#userFeedbackDivHead b {position:absolute; right: 4px; cursor:pointer;}
#userFeedbackDivBody {padding:2em 1em 2em 1em;}
 

#mySelections{		position:fixed; bottom:3px; right:5px; 
					width:120px; height:100px; overflow:auto;
					
					background:#999999;
					border:#666666 solid 2px;
					
					filter:alpha(opacity=60);
					-moz-opacity:0.60;
					-khtml-opacity: 0.60;
					opacity: 0.60;
					
					
					}

.floatleftDiv {float:left; border:#333333 1px dotted; padding:1em;}

.extra {visibility: collapse; position:absolute; height:1px; width: 1px; overflow:hidden;left:300px; z-index:20}



.MTactive { background:#FFFFFF; padding: 0 1em 0 1em;}
.MTinactive {background: #FFF; border-left:#666666 1px dotted; 
				padding: 0 1em 0 1em; 
				cursor:pointer;
				filter:alpha(opacity=60);
					-moz-opacity:0.60;
					-khtml-opacity: 0.60;
					opacity: 0.60;}

.MTinactive:hover {background:#FFFF99;
					filter:alpha(opacity=80);
					-moz-opacity:0.80;
					-khtml-opacity: 0.80;
					opacity: 0.80;}


#imgFrame {position: fixed; top: 40%; left: 40%; z-index : 201;  border: 1px ridge #333333; background: #FBFBFB;}

.frameHead{ background:#eff3f7; position:relative; padding: 4px 2px 4px 2px; border-bottom:#b03526 1px solid}
.frameHead b {color:#b03526; margin-right:25px}

.frameHead img {position:absolute; right:5px;}

.frameBody img{ margin: 1em auto 3em auto; height: 250px;}

.userCompoList { padding: 8px;	}
.userCompoListItemHeaderEven { background: #ebebe4; border-bottom: #767676 1px dotted; cursor:pointer; padding: 5px;}
.userCompoListItemHeaderOdd { background:#ffffff; border-bottom: #767676 1px dotted;cursor:pointer; padding: 5px;}

.viewItemListItem { border: 0px solid black; display: block; clear: right; padding: 10px; cursor:pointer;}
.imgDiv { border: 0px solid red; float: left; display: block; padding: 10px; cursor:pointer;}

.alertUser{color:red; font-size: 9px;}

/*.adminCompetitionInfoDiv { border: 1px solid green; padding: 5px; width: 95%;}*/

.swimPara{
    padding: 2em;
    
}

.noBullets{
    list-style:none;
    font-weight:bold;
}