html {overflow: -moz-scrollbars-vertical;}
body {margin:0; padding:0;font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#B2D8F7; color:#000000;background-image:url(images/bkg.jpg);  background-repeat:repeat-x;}

h1{ font-size:20px; font-weight:700; color:#0E2364; margin:0; padding-bottom:0.5em}
h2{font-size:16px; font-weight:700; display:inline;}
h4{text-align:center; margin:0px; font-size:12px;}

a:link { text-decoration: underline; color:#000066; cursor: pointer;}
a:visited { text-decoration: underline; color:#000066; cursor: pointer;}
a:active { text-decoration: underline; color: #000066; cursor: pointer;}
a:hover { text-decoration: underline; color:#000099; cursor: pointer;}

a.vit:link { color:#FFFFFF;}
a.vit:active {color:#FFFFFF;}
a.vit:visited {color:#FFFFFF;}
a.vit:hover {color: #FFFFFF;}

a.lasmers:link { color:#161f58; cursor: pointer; float:right; margin-right:10px; font-size:85%;}
a.lasmers:active { color:#161f58; cursor: pointer; float:right; margin-right:10px;  font-size:85%;}
a.lasmers:visited { color:#161f58; cursor: pointer; float:right; margin-right:10px;  font-size:85%;}
a.lasmers:hover { color:#161f58; cursor: pointer; float:right; margin-right:10px;  font-size:85%;}

a.sortering:link {float:right; text-decoration:none; font-size:12px; border:1px solid; background-color:#0E2364; color:#FFFFFF; padding:3px 8px 4px 8px;}
a.sortering:active {float:right;text-decoration:none; font-size:12px; border:1px solid; background-color:#0E2364; color:#FFFFFF; padding:3px 8px 4px 8px;}
a.sortering:visited {float:right; text-decoration:none; font-size:12px; border:1px solid; background-color:#0E2364; color:#FFFFFF; padding:3px 8px 4px 8px;}
a.sortering:hover {float:right; text-decoration:none; font-size:12px; border:1px solid; background-color:#012583; color:#FFFFFF; padding:3px 8px 4px 8px;}

a.bloggaut:link {float:right; text-decoration:none; font-size:12px; border:1px solid; background-color:#0E2364; color:#FFFFFF; padding:3px 8px 4px 8px; width:200px; margin-right:10px;}
a.bloggaut:active {float:right;text-decoration:none; font-size:12px; border:1px solid; background-color:#0E2364; color:#FFFFFF; padding:3px 8px 4px 8px; width:200px; margin-right:10px;}
a.bloggaut:visited {float:right; text-decoration:none; font-size:12px; border:1px solid; background-color:#0E2364; color:#FFFFFF; padding:3px 8px 4px 8px; width:200px; margin-right:10px;}
a.bloggaut:hover {float:right; text-decoration:none; font-size:12px; border:1px solid; background-color:#012583; color:#FFFFFF; padding:3px 8px 4px 8px; width:200px; margin-right:10px;}

a.pdf:link {text-decoration:none; font-size:12px; border:1px solid; background-color:#0E2364; color:#FFFFFF; padding:3px 8px 4px 8px;}
a.pdf:active {text-decoration:none; font-size:12px; border:1px solid; background-color:#0E2364; color:#FFFFFF; padding:3px 8px 4px 8px;}
a.pdf:visited {text-decoration:none; font-size:12px; border:1px solid; background-color:#0E2364; color:#FFFFFF; padding:3px 8px 4px 8px;}
a.pdf:hover {text-decoration:none; font-size:12px; border:1px solid; background-color:#012583; color:#FFFFFF; padding:3px 8px 4px 8px;}

#layout {width:1240px; margin-left:auto; margin-right:auto; margin-bottom:8px; background-color:#FFFFFF;}

#lanktilloss{width:1240px; margin-left:auto; margin-right:auto; margin-top:8px;text-align:center; color:#999999; font-size:9px;}
/* Nyheter*/
#nyhetsbox1{clear:right; float:right;width:250px; margin:10px 15px 5px 5px;}
#nyhetsbox2{font-weight:700; padding:0.2em; text-align:center; border-bottom:1px dotted;}
#nyhetsbox3{ padding:3px 3px 3px 4px;}
#datum{clear:right;font-size:85%; background-color:#E8E8E8;}

#vanster{float:left; width:200px;}
.blabar{ background-color:#0E2364; width:1240px; height:28px; margin-bottom:10px; color:#FFFFFF; margin-top:-3px;}

#content{ float:left; padding:10px 10px; width:1220px;}
.titel{ text-align:center; font-weight:700; padding:4px; font-size:16px;}

#footer{ clear:both; background-color:#0E2364; width:1240px;  height:19px; padding-top:6px; text-align:center; color:#FFFFFF; font-size:90%;}

#epostform{ background-color:#FFFFFF; margin:10px; padding:5px;}
/********************TOP MENY****************************************/
.jqueryslidemenu{
font: bold 12px Verdana;
background: #0E2364;
width: 73%;
float:left;
margin-top:0px;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #0E2364; /*background of tabs (default state)*/
color: #FFFFFF;
padding: 7px 10px;
border-right: 1px solid #778;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color:#FFFFFF;
}

.jqueryslidemenu ul li a:hover{
background: #012583; /*tab link background during hover state*/
color: #FFFFFF;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 12px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #012583;
color: #FFFFFF;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/********************SID MENY****************************************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.sidebarmenu{ margin:0px 0px 5px 5px;}
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: 12px Verdana;
width: 200px; /* Main Menu Item widths */
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color:#FFFFFF;
text-decoration: none;
padding: 6px;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color:#0E2364; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color:#FFFFFF;
}

.sidebarmenu ul li a:hover{ 
background-color:#012583;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 150px; /*Sub Menu Items width */
top: 0;
visibility: hidden;}

.sidebarmenu a.subfolderstyle{
background: url(images/right.gif) no-repeat 97% 50%;}
 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */

.navheader{background-color:#000000; color:#FFFFFF; padding: 6px; width:188px;}
/**************************SEARCHBUTTON**********************************/
#search form { display:inline ; }
.searchbox {
	border:1px solid #CCC;
	width:140px;
	padding:1px 24px 1px 0px;
	color:gray;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/search.png) top right no-repeat #FFF;}
.searchbox_submit {
	border:0px;
	background-color:transparent;
	width:24px;
	height:20px;
	margin:0px 0px 0px -24px;
	outline:none;}
/***********************ADMIN***************************************************/
.blabox{ background-color:#0E2364; padding:5px; width:190px; margin:10px 0px 10px 5px; color:#FFFFFF;}
#inloggningsbox{margin-left:auto; margin-right:auto; margin-top:40px; text-align:center; border:2px dotted; padding:15px; width:400px; background-color:#FFFFFF;}

.header{ font-weight:800; font-size:120%; width:890; border-bottom:1px solid;}

#box{clear:left; float:left; width:402px; padding:20px;}

.inputtext{clear:both; width:120px; padding:2px; float:left;}
.pinputtext{clear:left; width:60px; padding:2px; float:left;}
.color{margin:1px;}

#contentadmin{ float:left; padding:10px 15px; width:994px;}

input[type=text] {margin:2px;}
input[type=file] {margin:2px;}
select { margin:2px;}

/************date picker**************************************/
#calendar-header { background-color: #0E2364; padding-top: 2px; margin: auto; width: 100%; font-size:11px;}
#calendar-header .closeme { padding: 0px 3px 2px 0px; }
#calendar-body { padding: 2px 3px 3px 3px; background-color: #0E2364; margin: auto; width: 100%; font-size:11px; }
#calendar-body .general { background-color: #FFFFFF; font-size:11px;}
#calendar-body .othermonth { background-color: #EEEEEE; color: #AAAAAA;font-size:11px; }
#calendar-body .header { background-color:#0E2364; color: #FFFFFF;font-size:11px; }
#calendar-body .today { background-color: #FFFFCC;font-size:11px; }
#calendar-body .bg { background-color: #0E2364; font-size:11px;}
#calendar-body .select { background-color: #FFCC99;font-size:11px; }
#calendar-body .othermonth a:link { text-decoration : none; font-family: tahoma; color: #CCFFCC; font-size:11px;}
#calendar-body .othermonth a:visited { text-decoration : none; font-family: tahoma; color: #CCFFCC; font-size:11px;}
#calendar-body .othermonth a:hover { text-decoration : underline; font-family: tahoma; color: #FFFFFF; font-size:11px;}
#calendar-body a:link { text-decoration : none; font-family: tahoma; color: #000000; font-size:11px;}
#calendar-body a:visited { text-decoration : none; font-family: tahoma; color: #000000;font-size:11px; }
#calendar-body a:hover { text-decoration : underline; font-family: tahoma; color: #FF0000;font-size:11px; }
#calendar-body .disabledate { color: #669999; font-size:11px;}
#calendar-body .refresh { color: #FFF; padding: 10px 3px 3px; font-size:11px;}
#calendar-body .refresh .txt-container { padding: 25px 10px 10px; height: 50px;font-size:11px; }
#calendar-body .mon {}
#calendar-body .tue {}
#calendar-body .wed {}
#calendar-body .thu {}
#calendar-body .fri {}
#calendar-body .sat { color: #66C; }
#calendar-body .sat a:link { color: #66C; }
#calendar-body .sun { color: #930; }
#calendar-body .sun a:link { color: #930; }

#calendar-footer { background-color: #CCCCCC; border: 0px solid #000000; font-size:11px;}
#calendar-footer .btn { line-height: 21px; font-size:11px;}
#calendar-footer .btn a:link { text-decoration : none; font-family: tahoma; color: #000000;font-size:11px; }
#calendar-footer .btn a:visited { text-decoration : none; font-family: tahoma; color: #000000;font-size:11px; }
#calendar-footer .btn a:hover { text-decoration : underline; font-family: tahoma; color: #FF0000;font-size:11px; }

#calendar-header, #calendar-body, #calendar-footer { padding-left: 1px; padding-right: 1px;font-size:11px; }
#calendar-container { background-color: #6699CC; font-size:11px;}

.tcday, .tcmonth, .tcyear { font-size: 11px; z-index: 10; }

.date-tccontainer { border: 1px solid #cccccc; background-color: #efefef; padding: 2px; float: left; margin-right: 2px; text-align: center; font-size:11px; }

#calendar-page { float: left; }
.div_calendar { width: 150px; height: 200px; }
.calendar-border { border: 1px solid #000; }
/********************MENY ALLA SIDOR ADMIN********************************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.allamenu{ margin:0px;}
.allamenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: 14px Verdana;
width: 150px; /* Main Menu Item widths */
} 
.allamenu ul li{
position: relative;
}
/* Top level menu links style */
.allamenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color:#000000;
text-decoration: none;
padding: 2px;
border:1px solid;
margin:1px;
}
.allamenu ul li a:link, .allamenu ul li a:visited, .allamenu ul li a:active{
background-color:#FFFFFF; /*background of tabs (default state)*/
}
.allamenu ul li a:visited{
color:#000000;
}
.allamenu ul li a:hover{ 
background-color:#FFFFFF;
color:#333333;
}
/*Sub level menu items */
.allamenu ul li ul{
position: absolute;
width: 150px; /*Sub Menu Items width */
top: -2px;
visibility: hidden;
margin:1px;
}
.allamenu a.subfolderstyle{
background: url(images/rightsvart.gif) no-repeat 97% 50%;
} 
/* Holly Hack for IE \*/
* html .allamenu ul li { float: left; height: 1%; }
* html .allamenu ul li a { height: 1%; }
/******************************IBOX**************************************************************
#ibox_wrapper {
    line-height:25px;
    border-color:#fff;
}
#ibox_wrapper, #ibox_footer_wrapper a { background-color:#fff; }
#ibox_content { background-color:#fff; border:0; margin: 10px 10px 40px 10px; }
#ibox_footer_wrapper {
    line-height: 25px;
    bottom: 5px;
    top: auto;
}
#ibox_footer_wrapper a {
    text-indent: -100000px;
    border:0;
    background: #fff url(images/closelabel.gif) center center no-repeat;
    width: 66px;
    padding: 0;
    height: 22px;
    line-height: 22px;
}
#ibox_footer_wrapper a:hover { background-color:#fff; }
#ibox_loading {
    text-indent: -100000px;
    width: 200px;
    height: 200px;
    background: #fff url(images/loading.gif) center center no-repeat;
}
/*******************PHOTOGALLERY UPPLOAD***********************************************/
.float50 {
	float: left;
	width: 48%;
}
.clear{clear:both}
/************thumnail viewer*****************************************************/
#lightbox{
	background-color: #F8F8F8;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}