.main {	margin: 0 auto; padding:0px; position: relative;	width:100%; text-align:left; }

#header {	margin: 0 auto;	position: relative;	width:100%; }

html { min-width:986px;}
html, body { height:100%; min-width:986px;}	
body { 
	/*text-align:center;*/ 
	font-family: "Tahoma", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.125em;
	color:#1f1f1f;
}

.tabpage{
	font-size:12px;
	font-family: "Tahoma", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1f1f1f;
}
.tablink{
	
}

a {
	color:#378DDF;	
}
a:visited {
	color:#665DC7;
}

a.schemaguidelank{
	color:#378DDF;
}

.success{
	color:#3D8049;
}

.tempresurs{
	color:#7FB7FF;	
}

.header-bar{
	padding-top: 4px; 
	background-color: #378DDF; 
	padding-bottom: 4px; 
	border-bottom:4px #5A9EDF solid; 
	width: 100%; 
	height: 8px;
}

.radera-link{
	color:#D62727;
}

.footer-version{
	font-size:10px;
	color:#a3a3a3;	
	
}

#login_button{
	font-size:12px;
}

#schemadiv{
	font-size:12px;	
}


input{
	/* display:block; */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid gray;
	font-size:12px;
	margin:0 0 5px;
	padding:5px;
	margin-top:4px;
	margin-bottom: 4px;
	background:white;
}

.box-bakgrund{
	background:#edeff4;	
}



.blue-link a{
	color:#188bef;
}


.inside{
	padding:0 0 0 0;
}

.container1{ 
	width:100%;
}

.pagediv{
	clear:both;
	margin-top:0px;
	font-size:12px;	
	border-bottom:1px solid gray;
}

.contentdiv{
	padding:15px;
	margin-top:0px;
}

.schemaikon{
	margin-top:5px;
	height:12px;
	width:12px;
	border:0px;	
}

.title{
	font-size:24px;
	margin-bottom:15px;
	font-weight:bold;
}

.title-small{
	font-size:18px;
	margin-bottom:15px;
	font-weight:bold;
}


/* bokning.jsp */
#bokningstatus-lista{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid gray;
	font-size:12px;
}
.error{
	font-size:12px;
	color:#ff0000;
}
.bokning{
	font-size:12px;
	background-color:#C8DDC8;
	margin:2px;
	padding:5px;
	border:1px solid gray;
	position:relative;
}

.bokning-vald{
	font-size:12px;
	background-color:#C5D2E0;
	margin:2px;
	padding:5px;
	border:1px solid gray;
	position:relative;
}

.bokningtable td{
	font-size:12px;
}
.bokningtable{
	width:280px;
}

.schemaIkonBild{
	width:16px;
	height:16px;
	border:0px;
}


/*header*/
.nav {display:block;height:20px;}
.header {display:block;height:20px;}
.header {font-size:12px; color:#FFFFFF; width:100% }
.header .indent{margin:56px 0 0 0px; position:absolute; width:290px; padding:0}
.header .inside{padding:0 0 0 0}
.header .img{margin:187px 0 0 27px; position:absolute; padding:0}
.header .logo{margin:67px 0 0 35px; position:absolute}

.header ul{margin:0px; padding:0px 0 0 20px; list-style:none;}

.header ul .tab {  display:inline; padding:0; vertical-align:top}
.header ul .tab  a{  color:#524e4b; text-decoration:none; font-size:12px; text-transform:none;  float:left; padding:0; margin:0; background:url(../images/gra_mitten.jpg) top left repeat-x; } 
.header ul .tab  a b{ display:block; font-weight:normal; padding:0 15px 0 15px; line-height:20px; background:url(../images/gra_vanster.jpg) left top no-repeat; }
.header ul .tab  a em{  display:block; font-weight:normal; font-style:normal;background:url(../images/gra_hoger.jpg) right top no-repeat; }

.header ul li a:hover { color:#524e4b; text-decoration:underline; }

.header ul .current a:hover { color:#fff; text-decoration:underline; }

.header ul .nav-space { display:block; float:left; padding:0; margin:0; width:4px; background:#fff; }

.header ul .current {  display:inline; padding:0; vertical-align:top}
.header ul .current  a{  color:#fff; text-decoration:none; font-size:12px; text-transform:none;  float:left; padding:0; margin:0; background:url(../images/bla_mitten.jpg) top left repeat-x; } 
.header ul .current  a b{ display:block; font-weight:normal; padding:0 15px 0 15px; line-height:20px; background:url(../images/bla_vanster.jpg) left top no-repeat; }
.header ul .current  a em{  display:block; font-weight:normal; font-style:normal;background:url(../images/bla_hoger.jpg) right top no-repeat; }

.header ul .emptytab { display:block; float:left; padding:0; margin:0; background:url(../images/1x1.gif) top left repeat-x; }
.header ul .emptytab a { display:block; float:left; padding:0; margin:0; background-color:#fff; background:url(../images/1x1.gif) top left repeat-x; }



.resurslista{
	list-style: none;
	margin-left: -5px;
}

.valdaResurslista{
	
}

.noTitleDialog .ui-dialog-titlebar {display:none}





/* tooltip stuff */
.tip {
	width: 212px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	font-size:14px;
	background: transparent url(../images/tipTop.png) no-repeat top;}
	
.tipMid {background: transparent url(../images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(../images/tipBtm.png) no-repeat bottom; height: 32px;}

.tTip {position: absolute; cursor: pointer; color: #666; font-weight: bold;}
.tip {color: #333;}


.ui-tooltip, .arrow:after {
	background: white;
	border: 2px solid #378DDF;
}
.ui-tooltip {
	padding: 10px 20px;
	color: black;
	/*border-radius: 20px;*/
	font-family: "Tahoma", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	/*text-transform: uppercase;*/
	box-shadow: 0 0 7px #378DDF;
}
.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 15px;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow.top:after {
	bottom: -20px;
	top: auto;
}


/* for IE crap */
* html #valda_resurser {
	height: 230px;
}

* html #valda_sokkriterier {
	height: 230px;
	width: 300px;
}


.ui-autocomplete {
	max-height: 200px;
	overflow-y: hidden;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
	white-space: normal !important;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 200px;
}

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
	display: block;
	width: 100%;
	font-weight: bold !important;
	border: 1px solid #000;
	white-space: nowrap !important;
	color: #378DDF;
}

/* GRUPPRUM */
.grupprum-table {

}
.grupprum-kolumn {
	width:60px;
}
.grupprum-ledig {
	background-color: #8AD755;
	font-size: 12px;
}
.grupprum-passerad {
	background-color: #F4F4F4;
	font-size: 12px;
}
.grupprum-upptagen {
	background-color: #ED8D8D;
	font-size: 12px;
}

.button-grupp-width {
	width: 40px !important;
}

/* Ändring för att få tooltips i ny version att mer likna originalet */
.ui-widget
{
	font-family: "Tahoma", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.ui-widget-header
{
	background: #378DDF;
}