/* Body för sidorna  (MAIN) */
body 
{ 
	margin-bottom:0;
	margin-left:5;
	margin-right:0;
	margin-top:0;
	background-color:#FFFFFF;	
}

/* Body för sidorna längst upp med loggan eller bilder som kunderna har valt - orginal gul*/
body.logoFrame
{
	background-color:#FFCD48;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
}

/* Tabell som innehåller menyn till vänster*/
table.meny
{
	background-color:#ffffff;
	border:0;
}
td .chkRbn
{   
    display:block;
    margin: 4px 0 !important;   
}
/* Tabellcell där login-rutan är placerad */
td.loginRuta
{
	background-color:#f5f5f5;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	color: #000000
}

/* Text i tabellceller i loginruta */
td.login
{  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	color: #000000
}

td.rubrik
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: bold; 
	color: #000000
}

/*Nyheter */
font.news
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #FFCD48;
}

/* Länkar i menyn  */
a.meny:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #0000CC; text-decoration: none}
a.meny:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #0000CC; text-decoration: none}
a.meny:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #003300; text-decoration: none}
a.meny:active {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #0000CC; text-decoration: none}

/* Tabell för att strukturera upp sidor */
table.tblStructure
{
	width:760px;
	border:0;
	background-color:#ffffff;
	border-collapse:collapse;
	padding:0;
}

/* Tabell för att strukturera upp sidor, används inom iframe */
table.tblIFrameStructure
{
	width:735px;
	border:0;
	background-color:#ffffff;
	border-collapse:collapse;
	padding:0;
}


/* Text i tabellceller */
td 
{  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	color: #000000;
}
span.ordinaryLabel 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
}

span.boldLabel
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
}
span.ErrorLabel
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: bold; 
	color: Red;
}

/* Tabell för titel och frågetecken på sidorna  */
table.tblTitle
{
	border-right: silver thin solid; 
	border-top: silver thin solid; 
	font-size: 9px; 
	border-left: silver thin solid; 
	border-bottom: silver thin solid;
	font-family: verdana;
	width:760px;
	background-color:#f5f5f5;
	
}

/* table runt repeaters */
table.tblRepeater
{
	border-right: silver thin solid; 
	border-top: silver thin solid; 
	font-size: 9px; 
	border-left: silver thin solid; 
	border-bottom: silver thin solid;
	font-family: verdana;
	padding:0;
	width:760px;
	
}

/* Tabellrad för rubriker i en Repeater */
tr.repeaterHeader
{	
	background-color:#ffffff;		
}

tr.repeaterHeader a:link  {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: Black;}


/* Den första raden i en Repeater och sedan varannan tabellrad (rad 1,3,5 ... osv)*/
tr.repeater
{
	background-color : #ededed;
	cursor:hand;
}

tr.repeaterNoHandCursor
{
	background-color : #ededed;	
}

/* Tabellrad för pager (sidbyte) i gridview */
tr.repeaterPager
{	
	background-color:#c0c0c0;
	text-align:center;
}

tr.repeaterPagerLeft
{	
	background-color:#c0c0c0;
	text-align:left;
	padding-left:10px;
}


/* Detta fungerar i Netscape, för IE finns en fil style.htc som anropas från sidorna*/
tr.repeater:hover
{
	background-color :#FFE7A4;
	cursor:hand;
}

/* Den andra tabellraden i en Repeater och sedan varannan tabellrad -  (rad 2,4,6 ... osv)*/
tr.repeater2
{
	background-color : #ffffff;
	cursor:hand;	
}
tr.repeater2NoHandCursor
{
	background-color : #ffffff;	
}

/* Detta fungerar i Netscape, för IE finns en fil style.htc som anropas från sidorna*/
tr.repeater2:hover
{
	background-color :#FFE7A4;
	cursor:hand;
}
/*Repeater med Default Cursor*/
/* Den första raden i en Repeater och sedan varannan tabellrad (rad 1,3,5 ... osv)*/
tr.repeaterCursorDefault
{
	background-color : #ededed;
	cursor:default;
}

/* Detta fungerar i Netscape, för IE finns en fil style.htc som anropas från sidorna*/
tr.repeaterCursorDefault:hover
{
	background-color :#FFE7A4;
	cursor:default;
}

/* Den andra tabellraden i en Repeater och sedan varannan tabellrad -  (rad 2,4,6 ... osv)*/
tr.repeater2CursorDefault
{
	background-color : #ffffff;
	cursor:default;
	
}

/* Detta fungerar i Netscape, för IE finns en fil style.htc som anropas från sidorna*/
tr.repeater2CursorDefault:hover
{
	background-color :#FFE7A4;
	cursor:default;
}

.gridbottomline
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
    border-color: #c0c0c0; 	      
}

/**/
/* Tabeller som innehåller flikar */
table.flikar
{
	 border-color:#c0c0c0;
	 font-size: 9px; 
	 border-bottom: thin solid; 
	 font-family: verdana;
	 width:760px;
}

/* Knappar */
.btn
{
	cursor:hand;
	width:85px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;	
}

/* Labelar */
.lbl, span, label, li
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;	
}


/* Label fet */ 
.lblBold
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;	
	font-weight: bold; 
}

/* Labelar som rubrik ex längst upp på varje sida där lbltitle finns */
.lblTitle
{
	font-family: Verdana, Arial,sans-serif; 
	font-size: 12px; 
	font-weight: bold; 	
}
/* Checkboxar och Radiobuttons */
.chkRbn
{  	
	cursor:hand;	
}

/* Text på knappar, i textboxar mm*/
input 
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

input.readonly
{
	background-color: #C0C0C0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	border:solid 1px #7f9db9;
	padding: 2px;	
}


/* Länkar  */
a:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #0000CC; text-decoration: none}
a:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #0000CC; text-decoration: none}
a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #003300; text-decoration: none}
a:active {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #0000CC; text-decoration: none}


/*Flikar 120px */
.LjusFlik
{
	background-image: url(images/Ljus.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 15px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	vertical-align: bottom;
	cursor: HAND;
}

.MorkFlik
{
	background-image: url(images/Mork.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 15px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	vertical-align: bottom;
	cursor: HAND;
}

/*Flikar 150 px */
.LjusFlik150
{
	background-image: url(images/ljus_liten150.gif);	
    background-repeat: no-repeat;
    background-position: bottom;   
    height: 19px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	vertical-align: bottom;
	cursor: hand;
}

.MorkFlik150
{
	background-image: url(images/Mork_liten150.gif);
	background-repeat: no-repeat;
    background-position: bottom;   
    height: 19px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	vertical-align: bottom;
	cursor: hand;
}

/*Flikar 100 px */
.LjusFlik100
{
	background-image: url(images/ljus_liten100.gif);	
    background-repeat: no-repeat;
    background-position: bottom;   
    height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	vertical-align: bottom;
	cursor: hand;
}

.MorkFlik100
{
	background-image: url(images/Mork_liten100.gif);
	background-repeat: no-repeat;
    background-position: bottom;   
    height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	vertical-align: bottom;
	cursor: hand;
}
/*Flikar 110 px */
.LjusFlik110
{
	background-image: url(images/Ljus_liten.gif);	
    background-repeat: no-repeat;
    background-position: bottom;   
    height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	vertical-align: bottom;
	cursor: hand;
}

.MorkFlik110
{
	background-image: url(images/Mork_liten.gif);
	background-repeat: no-repeat;
    background-position: bottom;   
    height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	vertical-align: bottom;
	cursor: hand;
}




select 
{
	background-color: #F4F4F4;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	border: 1px solid #6699CC;
}

/* Div med scroll, som kan läggas inne i en frame (när det är flikar på sidan) */
div.frameScroll 
{	
	overflow: auto;	
	padding: 0px;
	border-right: silver thin solid; 
	border-top: silver thin solid;	
	border-left: silver thin solid; 
	border-bottom: silver thin solid;	
	width:735px;
	
}


/* Div med scroll, bra att lägga en repeater i då den tar mindre plats på sidan. 
   Gör ingen ram runt tabellen med repeater då div:en har en silverram.
 */
div.scroll 
{	
	overflow: auto;	
	padding: 0px;
	border-right: silver thin solid; 
	border-top: silver thin solid;	
	border-left: silver thin solid; 
	border-bottom: silver thin solid;
	width:760px;
}




textarea 
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

textarea.readonly
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #C0C0C0;
	border:solid 1px #7f9db9;
	padding: 2px;	
}

input.submitgrey {
	font-weight: Bold;
	background-color: #C0C0C0;
	border-top: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	border-bottom: 2px solid #B3B3B3;
	border-right: 2px solid #B3B3B3;
	margin-top: 2px;
	margin-bottom: 4px;
}


.bannertext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-decoration: none}
b {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000}

.Alert
{
	font-family:Verdana,Arial,sans-serif;font-size:12px;font-weight:bold;color:Red;text-decoration:none
}
.clsHeadlineUser
{
	font-family:Verdana,Arial,sans-serif;font-size:14px;font-weight:bold;color:#000000;text-decoration:none
}
.divborder
{
	border-right: silver thin solid; border-top: silver thin solid; border-left: silver thin solid; width: 600px; border-bottom: silver thin solid; font-family: verdana; background-color: #f5f5f5
}
.tblborder
{
	border-right: silver thin solid; border-top: silver thin solid; border-left: silver thin solid; width: 600px; border-bottom: silver thin solid; font-family: verdana; background-color: #FFFFFF
}


.bookingCal
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;	
	display: block;
	clear: both;
}
h1 
{
	font-family: Verdana, Arial, Sans-Serif;
	font-size: x-small;	
	font-weight: bold;
	margin: 2px 0;
}
/* KLASSER FÖR SearchSchemeControl */
div.schemeHeader 
{
}
div.schemeHeader .weekSelector
{
	display: block;
	clear: none;
	float: left;
}
div.schemeHeader .timeIndicator
{
	display: block;
	clear: none;
	float: left;
}
div.hourMarker
{
	font-size: xx-small;
	border-left: 1px solid #808080;
}
div.day 
{
	margin-bottom:1px;
}
div.daytext
{
	background-color: #D3D3D3;
	background-position: left top;
	background-image: url(Images/lbulge.gif);
	background-repeat: no-repeat;
	height: 20px;
}
div.daytext p
{
	font-size: 11px;
	margin: 3px 3px 3px 6px;
}
.daygraph 
{
	height:	20px;
	background-color: #70b070;
}
.available
{
	height:	20px;
}
.booked 
{
	height:	20px;
	background-color: #b07070;
	cursor: hand;
}
.request 
{
	height: 20px;
	background-color: #7090b0;
}
.preliminary
{
	height: 20px;
	background-color: #b0a870;
}
.closed 
{
	height:	20px;
	background-color: #909090;
}
div#selected 
{
			background-color:white;			
			/*filter: alpha(opacity=50);			
			opacity: .5;*/
			height:	20px;
}
div#debug 
{
	font-family: verdana;
	font-size: 10px;
	color: #20f040;
	background-color: black;
	display: block;
	width: 150px;
	height:	100px;
	position: absolute;
	right: 0;
	top: 0;
}

/* Används för att göra "ramen" runt rubriken på nya sidor istället för <table class="tblTitle" ...> */
div#header
{
	padding: 3px;
	background-color: #f5f5f5;
	border: 1px solid silver;		
}

div#header > span
{
	font-size: 12px;
	font-weight: bold;
}


/* Klasser för schemaläggning */
.schedulePanel
{
    position:absolute;
    top: 76px;
    left: 314px;
    background-color: #f1efe2;
    z-index: 5;
}
.schedulePanel2nd
{
    position:absolute;
    top: 76px;
    left: 314px;
    background-color: #f1efe2;
    z-index: 4;
}
.schedulePanel3rd
{
    position:absolute;
    top: 76px;
    left: 314px;
    background-color: #f1efe2;
    z-index: 3;
}
.schedulePanel4th
{
    position:absolute;
    top: 76px;
    left: 314px;
    background-color: #f1efe2;
    z-index: 2;
}
.scheduleHeaderPanel
{
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #ffcd48;
    cursor: move;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
}
.scheduleHeaderPanelInactive
{
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #f1efe2;
    cursor: move;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    
}
.scheduleContentPanel
{
    position: absolute;
    left: 0;
    top : 23px;
}
.scheduleMdiChildHeaderCloseButtons
{
   position: absolute;
   right: 2px;
   top: 3px;
   
}
.scheduleMdiChildHeaderResizeButtons
{
   position: absolute;
   right: 20px;
   top: 3px;
}
.scheduleMdiChildHeaderLabel
{
    position: absolute;
    left: 40px;
    top : 2px;
    font: bold 10pt verdana;
}
.schedule
{
    position: absolute;
    top: 0;
    left: 0;
}
.scheduleLogo
{
    position: absolute;
    left: 5px;
    top : 3px;
}
.closeScheduleApplication
{
    position: absolute;
    right: 5px;
    top : 2px;
}
.scheduleBodyStyle
{
    overflow: hidden;
    margin: 0px
}
.scheduleComponentFont
{
    font-family: Verdana;
    font-size: 8pt;
}
/*Slut schemaläggning

/*AssocAdmin - Föreningsuppgifter */

.valueDiffers
{
    border: solid 1px red;
    min-width: 10px;
}

/*Slut AssocAdmin - Föreningsuppgifter */
/*AssocAdminnewreg - Föreningsupgifter*/
.associationInfo
{
    border:1px solid silver;
    float:left;
    height:690px;
    margin:0 10px 10px 10px;
    padding:5px;
    width:515px;
    
}
.otherInfo
{
    border:1px solid silver;
    float:left;
    height:690px;
    margin:0 10px 10px 0;
    padding:5px;
    width:400px;
}
.BookingValues
{
    border:1px solid silver;
    float:left;
    padding:5px;
    height:690px;
    overflow: scroll;
    width:205px;
}
.contacPersons
{
    margin-left:10px;
   
    /*margin:10px;*/
    
}
.clear
{
    clear:both;
}
.drpOvrigt, .ListBoxOvrigt
{
    width:171px;
}
.headerAssociation
{
   margin:0 0 0 10px;
   /*padding:5px;*/
}
.AdminInfo
{
   border:1px solid silver;
   float:left;
   height:65px;
   margin-top:15px;
   margin-left:10px;
   padding:5px;
   width:291px;
    
}
.InfoCommit
{
    float:left;
    padding-left:10px;
}
input[type="checkbox"]
{    
 	display: block;
    float: left;
	clear: left;
    height: 12px;
	padding: 0;
	margin: 0 2px 0 0;
	vertical-align:middle;
}
input[type="radiobutton"]
{ 
    display: block;
	float: left;
	clear: left;
	height: 10px;
	padding: 0;
	margin:0;
	vertical-align:middle;
 }

input.highlighted
{
    background-color:White;
    border:2px red solid;
    padding:2px;
    
}
.highlightedCheckbox
{
  margin:1px;
  background-color:Red;
}
.container
{
    width:1700px;
}
.highlightedListbox
{
    border:2px red solid;
    width:171px;
   /* width:148px;*/
}

.block { display:block; }
/* SLUT */

.left { float:left; }
.right { float:right; }
.tab { margin-left:1em; }