/* OK / Cancel */


.ok {
	background: url(../img/button_ok.gif);
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.cancel {
	background: url(../img/button_cancel.gif);
	padding-left: 0.25em;
	padding-right: 0.25em;

}

.ok,.cancel {
	background-color:#eee;
	border: 1px solid #888;
	border-top-color: #ddd;
	border-left-color: #ddd;
	background-repeat: repeat-x;
	color: #333;
	font-size: 110%;
	font-weight: bold;
	font-family:Arial,helvetica,sans-serif;

}

.ok:hover, .ok.hover,
.cancel:hover, .cancel.hover {
	border: 1px solid black;
}

.ok  { 
	behavior: url('css/IEFixes.htc');
}

.cancel  { 
	behavior: url('css/IEFixes.htc');
}


/*------------------------------------------ */
/*               Kalender                    */
/*------------------------------------------ */


table.prevnext {
	font-size: 120%;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 4px;
}



table.cal {
	width: 100%;
	background-color: #99a;

}

table.cal td.normal {
	text-align: left;
	vertical-align: top;
	border-right: 1px solid #fff;
	height: 3em;
	width: 12.5%;
	padding: 0;
	margin: 0;
}

table.cal td .siffra {
	font-size: 140%;
	font-weight: bold;

}

table.cal td.dag, table.cal td.sondag {
	border: 0;
}

table.cal .sondag     { color: #ff0000; }
table.cal .normal     { color: #fefefe; }



table.cal td.ledig {background: #a5e995 url('/img/table_free.gif') repeat-x scroll top;  }	
table.cal td.ledig a:hover {background-color: #84e06e; }
table.cal td.bokad {	background-color: #ffc; }	
table.cal td.bokad a:hover {background-color: #ff9; }
table.cal td.full {background-color: #fcc; 
background: #fcb8b8 url('/img/table_busy.gif') repeat-x scroll top; 
	color: #733;
}	table.cal td.full a:hover {background-color: #f99; }
table.cal td.tom {background-color: #ddd; 
	background: #d7d7d7 url('/img/table_block.gif') repeat-x scroll top; 
	color: #666;
  }		table.cal td.tom a:hover {background-color: #999; }
table.cal td.other {
background-color: #fff; 
border:0px;
}	


table.cal td.passerad     { background-color: #ddd;   }table.cal td.passerad   a:hover    { background-color: #aaa;   }

table.cal td.week {
	background-color: #fff; 
	vertical-align: middle;
	border: 0;

}


table.cal thead td {
	background-color: #fff;
}

table.cal thead th {
	background: #ffffff url('/img/table_header_bg.gif') repeat-x scroll bottom; 
	color: #000;
	font-size:1.1em;
	font-weight: bold; 
	border-top: 1px solid #eee;
	border-bottom: 1px solid #d4d4d4;
		border-right: 1px solid #fff;
  border-left: 1px solid #ddd;
  padding: 3px 0 5px 0;
}





table.cal td.normal a  	{ 
	display: block; 
	height: 100%;
	border: 0px solid #fff; 
	color: black;
	font-weight: normal;
	padding: 4px;
	text-decoration: none;

} 

table.cal td.today a    { border: 2px solid #000; }
table.cal td.selected a { 
border: 2px solid #ffc600;  
}


/* Idag om lankad */

table.cal td.normal a:hover { 
	text-decoration: none;
}


/*------------------------------------------ */
/*           Vecko-Kalender                  */
/*------------------------------------------ */


table.prevnextweek {
	font-size: 90%;
	border-collapse: collapse;
	width: 540px;
	
	margin-bottom: 4px;
}

table.vecka {
	font-size: 1em;
	width: 100%;
}

table.vecka td.hour {
	
	background-color: #fff;
	width: 5.5%;

}

table.vecka td {
	margin: 4px;
	padding: 0px;
	text-align: center;
}

table.vecka td.day {
	width: 13.5%;
}


table.vecka thead th {
	background: #ffffff url('/img/table_header_bg.gif') repeat-x scroll bottom; 
	color: #000;
	font-size:1.1em;
	font-weight: bold; 
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
  border-left: 1px solid #ddd;
  border-right: 1px solid #fff;
  padding: 3px 0 5px 0;
}

table.vecka thead th.today {
background: #fff url('/img/table_header_bg_today.gif') repeat-x scroll top; 
	border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
	border-bottom: 1px solid #d4d4d4;
}

table.vecka thead th a {
	color: #000;
	text-decoration:none;
}




table.vecka .thismonth { background-color: #ffffee; }
table.vecka .prevmonth { background-color: #ddddcc; color: #aaaaaa; }
table.vecka .today     { background-color: #ffcccc; }
table.vecka .sondag     { color: #ff0000; }

table.vecka thead td, table.vecka td.week {
	background-color: #C9E4FF; 
	font-weight: bold;

	text-align: center;
	vertical-align: middle;
	

}



table.vecka thead td {
	height: 18px;
}


table.vecka td a  	{ 
	height: 100%;
} 


table.vecka td a:hover { 
	text-decoration: underline;
}

.thismonth, .prevmonth {
	width: 70px;
}


.free, .free2, .busy, .busy2, .block, .block2 {
	padding-left: 2px;
	padding-right: 2px;
}


.tim {
	background-color: #C9E4FF;
	font-size: 150%;
	
}

.tim2 {
	background-color: #aed5fd;
	font-size: 150%;
}	


.free {
	background: #a5e995 url('/img/table_free.gif') repeat-x scroll top; 
}

.free2 {
	background: #a5e995 url('/img/table_free.gif') repeat-x scroll top; 
}	



.busy {

	background: #fcb8b8 url('/img/table_busy.gif') repeat-x scroll top; 
	color: #733;
}

.busy2 {
	background: #fcb8b8 url('/img/table_busy.gif') repeat-x scroll top; 
	color: #733;
}	


.block {
	background: #d7d7d7 url('/img/table_block.gif') repeat-x scroll top; 
	color: #666;
}

.block2 {
	background: #d7d7d7 url('/img/table_block.gif') repeat-x scroll top; 
	color: #666;
}	

.empty {
	background-color: #f3f3f3;
	border-right:1px solid #FFFFFF;
}



table.forklaring { font-size: 75%; padding: 0; margin: 0;}
table.forklaring td.minibox { border: 1px solid black; width: 10px; height: 1px; padding-left: 0px;}
table.forklaring td.miniboxtext {  padding-left: 5px;}


a 	{	
	text-decoration: none; 
	color: #369; 
	background-color: transparent; 
}
a:hover {	
	text-decoration: underline; 
}


ul {
	margin-top: 0px;
	margin-left: 100px;
}

ul.normal {
	margin-top: 10px;
	margin-left: 40px;
}

ul.normal li {
	margin-bottom: 6px;
}




ol {
	margin-top: 0px;
	margin-left: 100px;
}

ol li {
	margin-left: 20px;
	margin-bottom: 6px;
}



h2.first, h3.first, h4.first, h5.first, h6.first {
	margin-top: 0;
}

legend {
	color: #777777;
	font-size: 110%;
	font-weight: bold;
}


.presentation p, .obs {
	margin-left: 78px;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: 20px;
	padding:0;
}


.presentation h3 {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 30px;
	padding:0;
	clear: both;
}

.presentation h3 ximg {
	margin-left: -58px;
	padding:0;
	
}

.presentation .imgleft {
	float: left;
	padding-right: 20px;
	padding-left: 10px;
	padding-bottom: 0px;
}


ul.lista {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 113px;
}

ul.lista li {
	margin-bottom: 8px;
}



ul.varning {
	color: #f00;
	margin-top: 35px;
	margin-bottom: 35px;
	margin-left: 140px;
}


ul.normal {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 25px;
}

ul.normal li {
	
	margin-top: 0px;
	margin-bottom: 0px;
}




.obs {
	border: 1px solid #999;
	padding: 4px;
	background-color: #fee;
	margin-top: 20px;
	margin-bottom: 20px;
}

.obs h4 {
	margin: 0;
}



.miniobs {
	width: 300px;
	border: 1px solid #999;
	padding: 4px;
	background-color: #fee;
	margin-top: 20px;
	margin-bottom: 20px;
}

.obs h4 {
	margin: 0;
}


.disabledradio {	
	color: #999;
}


.blek {	
	color: #666;
	font-style: oblique;
}

.gray {	
	color: #888;
}

.bigdate {
	font-size: 140%;
	font-weight: normal;
	color: #666;
}



.wide {
	width: 99%;
}


/* Required fields */
.red input { border: 2px solid #f33; background-color: #ff9; }
span.red { color: #f33; }

.redtext { color: #f33; }


.small { font-size: 90%; color: #888; }
.xsmall { font-size: 80%; color: #555; }



.foretag{
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 7px;
}




.leftfloat {
	float: left;
	margin-right: 20px;
}


#rightwrapper {
	float:right;
	width: 360px;
	padding:0;
	margin-top: 70px; 
}


#rightmenu {
	width: 200px;
	float: right;
	margin: 5px;
	border: 0px solid #999;
	padding: 0px;
	xbackground-color: #f0f0f0;
	line-height: 24px;
	
}

#rightmenublank {
	width: 200px;
	float: right;
	xmargin: 5px;
	xborder: 1px solid #999;
	xpadding: 4px;
	xbackground-color: #f0f0f0;
	
}

.rightinfo {
	width: 200px;
	float: right;
	margin: 5px;
	border: 1px solid #999;
	padding: 4px;
	background-color: #C9E4FF;
	margin-bottom: 20px;
}

.rightinfo h1 {
	font-size: 140%;
	color: #409BD8;
	font-weight: bold;
	padding: 0;
	margin: 4px;
}

.rightinfo p {
	margin: 4px;
}

.clearfloat {
	clear: both;
}


.valign {
	/* Justera text till input fields vertikalt */
	vertical-align: 20%;
}



p.warn {
	color: #e80;
	padding-left: 2em;
	font-weight: bold;
	margin: 0;
}

.redwarn {
	color: #f20;
	font-weight: bold;
}

.green {
	color: #080;
	font-weight: bold;
}



.pris {
	font-size: 140%;
	color: #409BD8;
	margin: 15px;
}


.foretaghead {
	font-size: 32px;
	font-weight: bold;
	margin-top: 20px;
	display: inline;
	line-height: 79px;
	margin-left: 20px;
}



.foretaghead a, .foretaghead a:hover  {
	color: white;
	text-decoration: none;
}

#tooltip .bubblahead {
	font-size: 110%;
	color: #777777;
	border-bottom: 1px solid #bbb;
	font-weight: bold;
	margin-bottom: 10px;
}


small {
	font-size: 80%;
}

#bread {
	font-size: 90%;
	margin-bottom: 10px;
	padding-bottom: 6px;
	border-bottom: 1px solid #ddd;
}

#bread .blek {
	color: #aaa;
}


/* Datepick nedan, kanske ska laddas bara nar kalender ska anvandas */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
         
      
      
      /*---------------Tabs ---------------*/
      
      
    #headertab {
      width:100%;
      line-height:normal;
      }


      
    #headertab ul {
      list-style:none;
      }
      
      
      #calendertab {
      float:right;
      margin:0;
      }
      
      #installtab {
      float:left;
      padding-bottom: 10px;
      }
      
    #headertab li {
      float:left;
      background:url("../img/tabs_left.gif") no-repeat left top;
      margin:0;
      padding:0px 0 0 8px;
      margin-left:2px;
      
      }
    #headertab a {
      float:left;
      display:block;
      background:url("../img/tabs_right.gif") no-repeat right top;
      padding:8px 15px 4px 6px;
      text-decoration:none;
      color:#999;
      cursor: pointer;
	}
      
      
	      
    #headertab > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #headertab a {float:none;}
    /* End IE5-Mac hack */
    #xheadertab a:hover {
      color:#333;
      }
    #headertab .current {
      background-position:0 -31px;
      border-width:0;
      }
    #headertab .current a {
      background-position:100% -31px;
      padding-bottom:5px;
      color:#000;
      }
    #xheadertab li:hover, #xheadertab li:hover a {
      background-position:0% -31px;
      color:#333;
      }
    #xheadertab li:hover a {
      background-position:100% -31px;
      }
      
      


/* Slut tabs */




/* other (en massa blandat skit som kan stadas upp) */

hr {
	background: #ccc;
	border: 0;
	color: #ccc;
	height: 1px;
}




.onlyprint, .dold {
	display: none;
}






img {
	border: 0;
	vertical-align: middle;
}



.hand {
	cursor: pointer;
}











/*------------------------------------------ */
/*                Dialogrutor                */
/*------------------------------------------ */



.margin p {
	padding-left: 10px;
	padding-right: 10px;

}



.msgbox_main {
	margin-top: 20px;
	margin-bottom: 20px;
}


.msgbox ul {
	margin-left: 95px;
	
}

.msgbox li {
	margin-bottom: 8px;
}

.dialogmini { 
	width: 16em; 
	border: 1px solid #ffea00 ; 
	background-color: #ff9;
	padding: 10px;
	margin-bottom: 2em;
	font-weight: bold;
} 


.msgbox, .msgbox_main  { 
	border: 1px solid #888; 
	background-color: #d5f0ff;
	margin: 0;

} 

.msgbox h3, .msgbox_main h3 { 
	margin: 0;
	background: #c9e4ff; 
	color: #000;
	padding: 4px;
	font-size: 120%;
	font-weight: bold;
} 


.msgbox p, .msgbox_main p { 
	margin: 0;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 3px;
}

.msgbox p, .msgbox_main p { 
	margin: 0;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 3px;
}  

.msgbox ul {
	margin-top: 0.5em;
	margin-left: 2em;
	padding: 0;
}


.msgboximg {
	width: 32px;
	margin-top: 8px;
	margin-left: 4px;
	margin-bottom: 10px;
}

.msgboxtext {
	top: 0px;
	margin-top: 4px;
	margin-bottom: 8px;
	margin-right: 4px;
	margin-left: 48px;
}




.msgboxgreen {
	background-color: #efe;
}

.msgboxgreen h3 { 
	background: #cdc; 
} 


/*------------------------------------------ */
/*       Inloggning liten och stor           */
/*------------------------------------------ */

.loginbox2 {
	margin-top: 25px;
	margin-bottom: 25px;
}

/*------------------------------------------ */
/*      	 Kontrollpanelen		 		 */
/*------------------------------------------ */



table.kundrutor td.greybox {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 15px;
}


.kundrutor td.greybox img {
	border: 0;
	float: left;
	padding-left: 0em;
	padding-right: 0.8em;
}


table.kundrutor td.null {
	border: 0;
	background-color: white;
}


/* SOKRUTAN MATCHES */

#matches {
	background-color: #fff;
	position: absolute;
	top: 20px;
	left: 40px;
	width: 350px;
	border: 1px solid #000;
	display: none;
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray', Positive='true');
}


#matches b {
	background: #FF9;
}

#matches table {
	font-size: 12px;
}

#matches table td {
	padding: 4px;
	border: 0;
	background-color: #ffd;
}


#matches thead {
	font-size: 10px;
	background-color: #eee;
}

#matches tr.linkon {
	background: #ff9;
}

.nospace {
	margin:0px;
}

#wrapper {
	position: relative;
	
}


/* --------------------- */




/*------------------------------------------ */
/*      	 Installationsguiden	 		 */
/*------------------------------------------ */



table.guide td {
	font-size: 110%;
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 10px;

}

table.guide td p {
	margin-top: 5px;
	font-size: 80%;
}

.guide img {
	border: 0;
	float: left;
	padding-left: 0em;
	padding-right: 0.8em;
	width: 48px;
	height: 48px;
}

.guide img.check {
	border: 0;
	float: right;
	padding-left: 10px;
	padding-right: 0.8em;
	padding-bottom: 10px;
	width: 32px;
	height: 32px;
	margin-top: 10px;
}



table.guide td.null {
	border: 0;
	background-color: white;
}



/*------------------------------------------ */
/*                Tabeller                   */
/*------------------------------------------ */




.lista thead td {
	font-weight: bold;
	color: #999;
	font-size: 85%;
	padding: 10px;
}


table.lista {
	padding: 10px;
	border-collapse: collapse; 
	margin-bottom: 0px;
}

table.tight {
	padding: 0;
	margin: 0;
	border-collapse: separate; 
	color: red;
}

table.lista td {
	padding: 4px;
	border-bottom: 1px solid #ccc;
}

table.noline td {
	border-bottom: 0;
}


/* For nastad tabell */

table.lista table.notlista td {
	padding: 4px;
	border-bottom: 0px solid #ccc;
}

.lista .row1   {	background-color: #f6f6f6; }
.lista .row2   {	background-color: #fff; }
.lista .rowselect   {	background-color: #ffff99; cursor: pointer; cursor: hand;}

.rowselect   {	background-color: #ffff99; cursor: pointer; cursor: hand;}

.xlista .rowselect   {	background-color: #3e80e0; color: #fff; }
.lista .lastrow td{	border-top: 1px solid black; }


table.lista img {
	border: 0;
	vertical-align: middle;
}



table.infobox {
	border: 1px solid black; 
	background-color: #eee; 
	padding: 4px;
}



.indrag {
	margin-left: 2em;
}



/* Oppettider */

.timesel {
	width: 70px;
	
}


.support {
	border: 1px solid #999;
	background-color: #eee;
}

.support thead {
	background-color: #ddd;
}


.padsmall {
	padding-bottom: 30px;
}



.padmed {
	padding-bottom: 50px;
}

.padbig {
	padding-bottom: 60px;
}











.kundinfo {

	background-color: #eee; 
	border: 1px solid #999;
	padding: 4px;
}

.kundinfo.disabled {
	border: 1px solid #999;
	background-color: #eee;
	color: #000;
	height: 18px;
}



/*--------------------KASSA---------*/

#kvitto .delsumma, #summa .delsumma {
	text-align: right;
	font-weight: bold;
}

#kvitto input {
	background-color: transparent;
	border: 1px solid #aaa;
	padding: 2px;
}

#kassavarn {
	margin-top: 10px;
	border: 1px dotted #99f;
	background-color: #eef;
	font-size: 80%;
	color: #446;
	padding: 4px;
}





/*------- Utskrift av kvitton ---------*/

.kvittocontainer {
	border: 1px solid #ddd;
	background-color: #f9f9f9;
	width: 250px;
	text-align: center;
	padding: 8px;
}

.kvittorub {	font-size: 17pt; font-weight: bold;  line-height: 90%; margin-bottom: 4px;}
.kvittoadr {	font-size: 9pt; line-height: 110%; }
.kvittorub {	font-size: 18pt; }
.kvittosub1 {	font-size: 14pt; font-weight: bold; padding-bottom: 7px; }
.kvittosub2 {	font-size: 11pt; }

.kvittotabell {	text-align: left;}
.kvittobordertop td { border-top: 2px solid black; }





#submitdiv1 {
	border:1px solid #999; 
	background-color: #eee; 
	color: #666; 
	padding: 4px;
	width: 150px;
	
}




.img16 {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	padding-right: 8px;
}




.rightfloat {
	float: right;
	margin-left: 10px;
	
}







/* CSS for popup-bubblor */

.tooltip{ 
	width: 220px; color:#000;   
}

.tooltip span.top{
	padding: 10px 8px 5px 8px;
    background: url(../img/bub2.png) no-repeat top;
}

.tooltip b.popupbottom {
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 20px;
	padding-left: 8px;
	color: #548912;
    background: url(../img/bub2.png) no-repeat bottom;
}






/*-----------------------------*/
/* SLUT IMPORT PA GAMLA STYLES */
/*-----------------------------*/




/* Fix styles */

a img,:link img,:visited img,fieldset,abbr { border:0; }

h1,h2,h3,h4,h5,h6,pre,code,small,address { 

font-size:100.01%;; 

font-weight:normal; 

font-style:normal; 


}

h1,h2,h3,h4,h5,h6,body,html,ul,ol,li,pre,form,p,blockquote,fieldset,input,dl,dt,dd { 

margin:0; 

padding:0; 

}

/* Fix FF scrollbar content jump */
html {
overflow: -moz-scrollbars-vertical !important;
overflow-x:visible !important;
height:100%;
overflow-y: scroll;
}

small { 

font-size: 0.9em;

}




textarea, input, select {
	font-family: Arial, helvetica, sans-serif;
	font-size: 100%;
}


input,textarea { 

font-family: arial, helvetica, sans-serif; 
color: #000;
padding: 1px;
}




select { 
	font-family: arial, helvetica, sans-serif; 
	color: #000;
	border: 1px solid ;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
}




/* End fix styles */



/* Boxes */
/*
#full-container {
width:930px;
float:left;
margin: 15px 5px 10px 20px; 
_margin: 15px 5px 10px 10px; 
padding:0;
}

*/

.container {
width:450px;
float:left;
margin: 15px 5px 10px 25px; 
_margin: 15px 5px 10px 15px; 
padding:0;
}

#prova-tidsbokning-online { 
width: 378px; 
background:  #fff url(../img/tidsbokning-online.jpg) no-repeat center bottom;  
height: 199px; 
color: #000; 
padding: 0;
margin:0;
}

#free-trial-scheduling-software {
	width: 378px; 
	height: 199px; 
	color: #000; 
	padding: 0;
	margin:0;
	background:  #fff url(../img/scheduling-software-start.jpg) no-repeat center bottom;  

}


#free-trial-scheduling-software-gb {
	width: 378px; 
	height: 199px; 
	color: #000; 
	padding: 0;
	margin:0;
	background:  #fff url(../img/scheduling-software-gb.jpg) no-repeat center bottom;  

}



#content-nomenu {
width:782px;
float:left;
margin: 15px 5px 10px 30px; 
_margin: 15px 5px 10px 20px; 
padding:0;
}


#vanliga-fragor {
padding: 15px 0 0 0; 
color:#000000;
margin:0;
display:block;
}

#start-citat {
margin:0 5px 0 0;
padding:0;
}

#slut-citat {
margin:0 0 0 5px;
padding:0;
}

#referenser {
padding: 18px 0px 2px 0px; 
_padding: 13px 0px 2px 0px; 
color:#000000;
height:156px;
}

#referens-namn {
  color: #888;
  margin-bottom:15px;
}


.referens-citat {
line-height:1.5em;
float:right;
padding:0 40px 0 40px;
}

.referens-citat-big {

font-size:1.5em;
font-weight:bold;
color:#aaa;
}

#center-container {
float:left;
width:339px;
margin:15px 0 0 10px; 
padding:0;
color:#000000;

}


#main-content {
float:left;
width:782px;
padding:0;
margin:15px 0 20px 10px; 
color:#000000;

}


.left-box  {
background:  #ffffff url(../img/box/left-box-middle.gif) repeat-y left;  
width:375px;
margin: 0; 
padding:0;
color:#000000;
}

.left-box-top {
background-image:url(../img/box/left-box-top.gif);  
background-repeat: no-repeat;
background-position: left top;
margin:0;
padding:7px 0 0 15px;
}

.left-box-bottom {
overflow:hidden;
width:375px;
height:10px;
margin:0;
padding:0;

background-image:url(../img/box/left-box-bottom.gif);  
background-repeat: no-repeat;
background-position: left top;
}


.box  {
background:  #ffffff url(../img/box/box-middle.gif) repeat-y left;  
width:339px;
margin: 0px 0px 0px 0px; 
padding:0;
color:#000000;
}

.box-top {
background-image:url(../img/box/box-top.gif);  
background-repeat: no-repeat;
background-position: left top;
width:339px;
margin:0;
padding:7px 0 0 15px;
}

.box-bottom {
overflow:hidden;
width:339px;
height:10px;
margin:0;
padding:0;

background-image:url(../img/box/box-bottom.gif);  
background-repeat: no-repeat;
background-position: left top;
}

#tidbokning-online {
padding: 0; 
color:#000000;

}

#tidbokning-online H1{
font-size:1.8em;
line-height:1.3em;
color:#358ed6;
margin:0;
padding:0;
}

#calcprice {
padding:15px 0 0 0;
}

#dittpris {
padding:15px 0 15px 0;
}

#pris-index {
padding: 20px 5px 10px 0px; 
_padding: 19px 5px 10px 0px; 
color:#000000;
margin:0;
}


#pris {
color:#000000;
margin:0;
}
/* Delete after .com launch*/
#prislapp {
color:#ba0000;
font-size:2em;
font-weight:bold;
margin:0;
padding:0 0 0 10px;
}

.bigprice {
color:#ba0000;
font-size:3em;
font-size:34px;
line-height:34px;
font-weight:bold;
margin:0;
padding:0;
}


#checkmarks {
margin-top:10px;
margin-bottom:5px;
}
.checkbox {
line-height:40px;
padding-bottom:5px;
padding-right:10px;
padding-top:3px;
vertical-align:middle;
}


#right-container { 
float:left;
margin: 15px 10px 0px 0px; 
_margin: 15px 5px 0px 0px; 
	width: 197px; 
	padding: 0;

}

#demobutton {
margin:0 0 6px 0; 
_margin:0 0 10px 0; 
padding:0;
}






.showImageNotText {

width:100%;

height:100%;

display:block;

text-indent: -9000px
}

.kontaktlabel {
float:right;

}

.valigntop {
vertical-align:top;
}

.kontaktmeddelandelabel {
margin-top:5px;
}

.kontaktmeddelande {
width:400px;
height:100px;
}

.kontaktinput, .kontaktinputHovered {

width:200px;
margin-top:2px;
margin-bottom:2px;
}

.kontakttextarea {
width:200px;
}


table tr.underline td {
border-bottom:1px solid #CCCCCC;
padding:7px 0px 7px 0px;
}

table tr td.text-right {
padding:0px 0px 0px 10px;
text-align:right;
}

.rottpris {
color:#BA0000;
font-weight:bold;
}

.ordpris {
text-decoration:overline;
}

/* NAVIGATION */

#topmenu {
	font-size:1em;
	width:972px;
	xleft:9px;
	padding:0;
	margin:0 auto;
	position:relative;
	display:block;
	height:34px;
	background:transparent url(../img/top-menu-bg.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	border-top:1px solid #c1c1c1;
}



#topmenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}



#topmenu ul li {
	display:block;
	float:left;
	margin:0;
}


#topmenu ul li a {
	display:block;
	float:left;
  color:#000;
	text-decoration:none;
	padding:9px 15px 0 15px;
	height:25px;
	background:transparent url(../img/top-menu-divider.gif) no-repeat top right;
	
}

#topmenu ul li a:hover{
	background:#a7d9ff url(../img/top-menu-bg.gif) 0 -34px repeat-x;
}

#topmenu ul li a.selected, #topmenu ul li a.selected:hover{
	color:#fff;
	background:#a7d9ff url(../img/top-menu-bg.gif) 0px -68px repeat-x;
}


#topmenu .loggainut {
 float: right;
 background:transparent url(../img/top-menu-divider.gif) no-repeat top left;
}

#topmenu .flag {
 float: right;
 background:transparent url(../img/top-menu-divider.gif) no-repeat top right;
}

#topmenu .inloggadsom {
	display:block;
	float: right;
	color:#818181;
	text-decoration:none;
	padding:9px 5px 0 15px;
	height:25px;
	font-weight: normal;
	
}

/*----------------------------
 
			LEFTMENU 

--------------------------------*/
#left-menu-container {
float:left;
margin:0;
padding:0px 5px 10px 9px; 
}

#leftmenu IMG {
padding-right:5px; 
padding-left:5px; 
vertical-align:middle;
}

#leftmenu {
font-size:100%;
margin-top:20px;
width:160px;
margin:0;
padding:0; 
}

ul#leftmenu { 
xbackground-color:#f0f0f0;
	margin:0;
	padding:0;
	list-style: none;
	text-decoration: none;
	padding-top:10px;

}


ul#leftmenu li {
	line-height: 1.4em;
	margin-left:15px;

}


ul#leftmenu li A {
font-weight:normal;
color: #000000;
display:block;
overflow:hidden;
padding:7px 0px 7px 0px;
text-decoration:none;
width:100%;
xborder-top: solid 1px #f0f0f0;
xborder-bottom: solid 1px #f0f0f0;
}


ul#leftmenu li.selected A, ul#leftmenu li.selected A:hover  {
border-top: solid 1px #ddd;
border-left: solid 1px #ddd;
border-bottom: solid 1px #ddd;

color: #000;
background-color: #fff;
font-weight:bold;
overflow:hidden;
}


ul#leftmenu li A:hover {
background-color: #fff;
background-image:url(/img/bg/left-menu-selected.gif);
overflow:hidden;
}



/* MAIN BODY

---------------------------------------------------------------------------------------------------------------------------------------------------*/

a img{ border:none; }

body { 
  background-color:#f4f4f4;
	padding:0; 
	font-family: arial, helvetica, sans-serif; 
	font-size:0.74em;
	color:#000;  
	line-height: 1.4em; 
	margin:0pt auto;
	height:100%;
}

.content { 
  background: #f4f4f4 url(../img/bg/bgmain.gif) repeat-y top center;
  margin:0 auto;
	color: #ccc; 
	padding: 0;
	width: 998px;
	}

.content-with-menu { 
  background: #f4f4f4 url(../img/bg/bgmain-menu.gif) repeat-y top center;
  margin:0 auto;
	color: #ccc; 
	padding: 0;
	width: 998px;
}



/* HEADER 

---------------------------------------------------------------------------------------------------------------------------------------------------

*/
#header, #header-blank { 
	margin: 0 auto; 
	background:  #0A5FAF url(../img/header.jpg) no-repeat scroll center top;  
	height: 79px; 
	color: #FFF; 
	padding: 0;
	display:block;
	width:972px;
}

#header-blank { 
	background:  #0A5FAF url(../img/bg/header-blank.jpg) no-repeat scroll center top;  
}



#headerwarnuser_wrap {
	position: absolute; 
	top:0px;
	text-align:right;
	width: 972px;
}
#headerwarnuser {
	text-align:left;
	width: 320px; 
	border:1px solid black;
	background-color: #ff9;
	color: #000;
	padding: 8px;
	z-index: 1000;
	margin-left: auto;
	margin-top: 5px;
	margin-right: 5px;
}


#headerwarn {
	
	position: absolute; 
	top: 50px; 
	left: 400px; 
	width: 330px; 
	border:1px solid black;
	background-color: #f99;
	color: #000;
	padding: 8px;
	padding-left: 48px;
	z-index: 2000;
	background: #ffa url('../img/32_varning.png') 8px 10px no-repeat;
	margin: 0 auto;
	
	

}

#modalcover {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1000px;
	margin: 0;
	padding:0;
	z-index:2000;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
	overflow: hidden;
}



#headerwarnab {
	width: 300px; 
	border:1px solid black;
	background-color: #ffa;
	border: 1px solid #ffea00 ; 

	color: #000;
	padding: 10px;
	z-index: 2000;
}

/* MAIN

---------------------------------------------------------------------------------------------------------------------------------------------------*/

#main {  width: 972px; margin:0 auto; color: #000; 

}  

/* FOOTER

---------------------------------------------------------------------------------------------------------------------------------------------------*/
/*
#bottom {
	background: #fff url(../img/bg/footer.gif) repeat-x top; 
	border: none;
	padding: 0;
	margin: 0 auto;
	width: 972px;
	height: 30px;
	clear: both;
	color: #818181;
	}


#bottom-with-menu {
	xbackground: #fff url(../img/bg/footer-menu.gif) no-repeat bottom; 
	border: none;
	padding: 0;
	margin: 0;
	width: 990px;
	height: 16px;
	clear: both;
	color: #818181;

	}
*/

#footer {
  background: #F4F4F4 url(../img/bg/footer.gif) repeat-x top; 
	padding: 0px 0 0px 0;
	margin: 0 auto;
	xmargin-top:100px;
	text-align:center;
	xvertical-align:bottom;
	color: #aaa;
	font-size: 11px;
	clear:both;
	height:60px;
	width:998px;
}

#footerleft {
	float:left;
	padding: 14px 0 0 36px;
}

#footerright {
	float:right;
	padding:14px 36px 0 0;
}


#footer A {
color:#aaa;
}
#footer A:hover {
	color: #000;
	text-decoration:underline;
}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------*/



a { color: #006abd; text-decoration:underline; }

a:hover { color:#008dff; } 








/* Vanliga fragor */
.presentation {
width:500px;
}

/* Kontakta oss */

/* Anti skrappost gomt falt */
/* OBS! Anvand klassen class=dold till att dolja falt, sa slipper du ha speciella id's till dem */
#lamna-tomt, #lamna-tomt-label  {
display:none;
}



p {
	margin-top: 4px;
	margin-bottom: 12px;
}

h1{
	font-family: Arial, Sans-Serif; 
	font-weight:bold;
	line-height:1.3em;
	padding: 0;
	color: #168ef4;
	font-size: 200%;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	letter-spacing: -0.2px;
	margin-bottom: 15px;
}

h2{
	font-size: 1.5em;
	color: #168ef4;
	margin-bottom: 0.5em;
	padding-top:0px;
	font-weight:bold;
	line-height:1em;
}

h3{
color:#000000;
font-family:Arial,Sans-Serif;
font-weight:bold;
text-decoration:none;
}


h4{
	font-size: 130%;
	color: #409BD8;
	margin-top: 30px;
	margin-bottom: 13px;
	padding:0;
}

/* Schemahantering */

h4.schema {
	font-size: 130%;
	color: #409BD8;
	margin-top: 0px;
	margin-bottom: 10px;
	padding:0;
	font-weight: bold;
}



h5{
	font-size: 120%;
	font-weight:bold; 
	color: #777777;
	margin: 15px 0 0.1em 0px; 
	padding:0;
	border-bottom: 1px solid #bbb;
}


h6{
	font-size: 90%;
	color: #777777;
	margin-bottom: 0px;
	margin-left: 15px;
	padding:0;
}



td.firstborder{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


td.passborder {
	border-bottom: 1px solid #ccc;
}




table.highlightTable tr.highlight td {
    background: #EEEDBE;
}

table.highlightTable tr.highlightAlt td {
    background: #E2E08D;
}


.transparent
{
   filter:alpha(opacity=60); 
   -moz-opacity: 0.6; 
   opacity: 0.6; 
}



#calendarpopup {
position:absolute;
visibility:hidden;
background-color:white;
}

.scheduling-software-icon, .onlinebokning-icon, .prise-rendez-vous-icon {
float:left;
}

.reasons-text, .onlinebokning-lista, .prise-rendez-vous-texte {
padding-left:60px;
display:block;
padding-bottom:30px;
}


#scheduling-software, #bokningssystem, #prise-rendez-vous {
margin:0 auto;
background-color:0A5FAF;
background:  #0A5FAF url(/pages/en-us/img/scheduling-software-start.jpg) no-repeat scroll center top;
width:972px;
height:269px;  
}


h3 a.nostyle {
	text-decoration:none;
	color:black;
}


#bokningssystem {
background:  #0A5FAF url(/pages/sv/img/bokningssystem.jpg) no-repeat scroll center top;
}

#prise-rendez-vous {
background:  #0A5FAF url(/pages/fr/img/prise-rendez-vous.jpg) no-repeat scroll center top;
}


#scheduling-software-demo, #bokningssystem-demo, #prise-rendez-vous-demo {
color:#000000;
margin:0;
background-image:url(/pages/en-us/img/scheduling-software-demo.jpg);  
width:170px;
height:118px;  
float:left;
vertical-align:bottom;
position:relative;
 top: 150px; 
 left: 28px;
}

#bokningssystem-demo {
background-image:url(/pages/sv/img/bokningssystem-demo.jpg);  
}

#prise-rendez-vous-demo {
background-image:url(/pages/fr/img/prise-rendez-vous-demo.jpg);  
}



#signup-for-free, #prova-gratis, #essai-gratuit {
color:#000000;
margin:0;
background-image:url(/pages/en-us/img/signup-for-free.jpg);  
width:170px;
height:118px;  
float:left;
vertical-align:bottom;
position:relative;
top: 150px; 
left: 45px;
}

#prova-gratis {
background-image:url(/pages/sv/img/prova-gratis.jpg);  
}

#essai-gratuit {
background-image:url(/pages/fr/img/essai-gratuit.jpg);  
}

.bokningssystem, .online-scheduling, .prise-rendez-vous-en-ligne {
	font-size: 1.5em;
	color: #168ef4;
	margin-bottom: 10px;
	padding:0;
	font-weight:bold;
	line-height:1em;
}


table.pricing { border: 1px solid #edf3fe; padding:0; margin:0; }
table.pricing td { padding: 10px; }
table.pricing td.center { text-align: center; }
table.pricing td.title { font-size: 13px; background: #edf3fe; text-align: center; }
table.pricing tr.odd td { color:#000; background: #edf3fe; }
table.pricing tr.odd h2 { color:#000;}
span.calendars { 
	 text-align: center;
font-size:14px; 
font-weight: bold; 
}

table.pricing td.best-value {
xbackground-color:#FFFF99;
xborder:1px solid #FFEA00;
xfont-weight:bold;
xmargin-bottom:2em;
xpadding:10px;
xwidth:16em;
text-align:center; 
}

.monospaced, .monospaced option {
font-family: Lucida Console, Courier New, monospace; font-size: 12px;
}

/*
input{xborder:1px solid #aaa;xbackground-color:#fff;padding: 4px; margin-bottom: 3px;}
input:focus,textarea:focus{xborder:1px solid #358ED6;}
*/

input{padding: 3px; margin-bottom: 3px;}
textarea{padding: 3px; margin-bottom: 3px;}

.signupfield { width: 190px; }
.warnfield { border: 1px solid red; background-color: #ff9; }
textarea.warnfield { border: 1px solid red; background-color: #ff9; }





#main-content h2 {
	font-weight: bold;

}


h2 .gray{
	font-size: 70%;
}

h2.nomargin, h1.nomargin {
	margin: 0;
}


hr {
	margin: 19px 0;
	_margin: 12px 0; /* IE6 Hack */
	
	padding: 0;
}

/* IE7 hack */

*+html hr {
	margin: 12px 0;
}


h2 {
	margin-bottom: 5px;
}










/*----------------------*/


.clear{
	clear:both;}


.graph {
background-color:#fcfcfc;
position:relative;
width:280px;
padding:0
}

.graph .bar {
display:block;
position:relative;
background-image:url(/img/barblue.gif);
background-position:right center;
background-repeat:repeat-x;
border-right:#538e02 1px solid;
text-align:center;
color:#fff;
height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.9em
}

.graph .bar span {
position:absolute;
left:1em
}



.border-left {
	border-left:1px solid #aaa;
}


.contentpages-right {
	width:340px;
	float:right;
	border:0px solid red; 
	text-align:center;
	margin-top: 10px;
}

.contentpages {
	width:550px;
	float:left;
	xfont-size: 12px;
	xmargin-top: 10px;

}


.contentpages .smallimage {
	float:right; 
	padding-left: 25px;
	padding-bottom: 40px;
}

.contentpages ul {
	margin-top: 15px;
	margin-bottom: 40px;
	list-style-image: url(/pages/en-us/img/8_more.gif);
}

.contentpages ul li {
	margin-left: 20px;
	margin-bottom: 5px;

}



.contentpages .quote {
	margin-bottom: 4px;
	color: #666;
	font-style: oblique;

}

.contentpages .big {
	font-size: 18px;
	color: #888;
	margin: 0px 0 20px 0;
	line-height: 24px;

}

.contentpages .learnmore {
	margin-top: 4px;
	font-size: 90%;
	color: #666;
}