/*CSS for Openhierarchy lightBiffX design by Camilla Vedin*/

fieldset.test {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/*Allmänna*/
p{margin: 0; padding-left:10px;}
h1{padding: 0px;margin: 0 0 5px 0;color: #B05128;background-color: transparent;}
h2{padding: 0px;margin: 0 0 5px 0;color: #333333;background-color: transparent;}
h3{padding: 0px;margin: 0 0 5px 0;color: #76b7d7;background-color: transparent;}
h4{padding: 0px;margin: 0 0 5px 0;color: #333333;background-color: transparent;}
h5{padding: 0px;margin: 0 0 5px 0;color: #9ad5f3;background-color: transparent;}
table{background-color: white;}
div{background-color: transparent;padding: 0; margin: 0;}
a{color: #AD4C21;}
a:hover{color: #000000;}
img{border: none;}
hr{border: 0px;border-bottom: 1px #F0EBE7 dashed;height: 1px;}

blockquote{border:1px solid #c7b8a4; background-color: #F0EBE7;}

body{
	background: #e4e4e4 url(../design/background.gif) repeat-x top left;
	margin: 0px; 
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 75%;
}


/*Siduppbyggnad*/
/*Container till att hålla ihop sidan*/
#container{	
	margin: 0 auto;
	width: 794px;
	display: block;
}
/*Header*/
#head{
  	background: #e4e4e4 url(../design/header_empty.gif) no-repeat top left;
	width: 794px;
	height: 155px;
	padding: 0;
	margin: 0 auto;
}

#head #user{float: right;color:#000000;	margin: 50px 15px 0 0;}/*padding: 50px 30px 0 0;*/
#head #user p{padding: 0 5px 0 0;color:#B05128;text-align: right; font-weight: bold;}
#head #notUser{padding: 67px 5px 0 0;color:#B05128;text-align: right; font-weight: bold;}

#headMenu {float: right;clear: both;margin: 10px 15px 0 0;line-height: 29px;}
#headMenu ul {margin: 0;padding: 0;white-space : nowrap;}
#headMenu ul li {margin: 0 2px 0 0;padding: 0;display: block;float:left;text-align: center;}
#headMenu ul li a {color : #0c0c0c;background-color: transparent;text-decoration : none;font-weight: bold; font-size:95%; border-style:none;}
#headMenu ul li a:link, #headMenu ul li a:visited {height: 29px;padding: 7px 5px 3px 7px;margin: 0 2px 0 0;}
#headMenu ul li a:hover, #headMenu ul li a:active {height: 29px;padding: 7px 5px 3px 7px;margin: 0 2px 0 0;}
#headMenu ul li.active a:hover, #headMenu ul li.active a:active, #headMenu ul li.active a:link, #headMenu ul li.active a:visited {
	height: 29px;
	padding: 7px 5px 5px 7px;
	margin: 0;
	color: #B05128;
}

#head .crumbs{float: left;color:#000000; margin: 5px 0px 0px 15px;width: 680px;}
#head .crumbs a{color:#000000;text-decoration:none;font-weight:bold;}

#body_wrapper{
  	background: url(../design/body_cont.jpg) repeat-y top left;
	margin: 0 auto;
	width: 794px;
	display: block;
}

#bodyContainer{
  	background: url(../design/body_top.jpg) no-repeat top left;
  	/*width: 794px;*/
  	margin: 0 auto;
	padding: 0 0 0 0;
	display: block;
}
.whiteSpace{float: left; width: 3px;}

#all{float: left; width: 750px; margin: 0 0 0 20px; _margin: 0 0 0 10px; background-color: #fff;}
#all .top{width: 750px;height: 10px;padding: 0; background-color: transparent;float:left}
#all .content{width: 750px; _width: 700px;float: left;padding: 0; background-color: #fff;}
#all .bottom{width: 750px;height: 21px;padding: 0; background-color: transparent;float:left}
#all .innerContent{float:left; width: 750px;background-color: transparent;}
#all .contentitem {float: left; width:710px; _width:710px; background-color: #FFFFFF; margin:0; padding:5px 18px 20px 18px;}

#all .selects{width: 145px;}/*Om man sätter vidden till 110px så får designen plats*/
#all select{width: 250px;}

#left{float: left; width: 190px;padding: 0 0 0 20px;margin: 0 0 0 0}
#left .top{background: url(../design/left_top_rund.jpg) no-repeat bottom left;padding: 0px;margin: 0px;width: 190px;height: 11px; line-height:11px; }
#left .bottom{background: url(../design/left_bottom_rund.jpg) no-repeat top left;padding: 0px;margin: 0px;width: 190px;height: 6px;float: left;}
#left .content{float: left;	width: 190px;background-color:#c8b9a6; }
#left a{display: block;	width: auto;height:100%;}
#left .content ul{margin: 0;padding: 0;}
#left .content ul li {margin: 0;list-style: none;}
#left .content ul li a.selected{background-color: #ae9e89;}
#left .content ul li a{color: #ffffff;text-decoration: none;margin: 0px;display: block;width: auto;height:100%; padding-left: 10px;}
#left .content ul li a img{padding-right: 3px;}
#left .content ul li a:hover{background-color: #beae99;}

#left .content ul li.TITLE{
	font-weight: bold;
	font-size: 140%;
}

#left .content ul li.SECTION{
	font-weight: bold;
}

#right{float: left; width: 544px;padding: 0 0 0 0px; margin: 0 5px 0 10px;	background-color: white;}
#right .top{width: 544px;height: 18px;padding: 0px;	margin: 0px;float: left;}
#right .innerContent{float: left;width: 514px;}
#right .content{float: left;padding: 0 10px;}
.rightContentContainer{padding: 5px 0 0 2px; float: left; width: 544px;}
.rightContentDivLeft{float: left; width: 120px; padding-top: 2px; }
.rightContentDivMiddle{float: left; width: 200px; padding-top: 2px; }
.rightContentDivRight{float: left; width: 180px; padding-top: 2px;}
.rightContentAsterix{float: left; width: 20px; padding-top: 2px; color: red;}
#right .bottom{	width: 544px;	height: 21px;padding: 0px;	margin: 0px;float: left;}
.floatRight{float: right;padding: 0; margin: 0;}
.clearer{clear: both;height: 1px;}

#end_body{
  	background: url(../design/footer.gif) no-repeat top left;
	margin: 0px auto;
	width: 794px;
	height: 37px;
	display: block;
}

#footer{
  	margin: 0 auto; 
	width: 800px;
	text-align: center;
	color: #B05128;
	font-weight: bold;
}
#footer a{color: #B05128;}

#left hr, #all hr{margin: 10px 0px;}
#menuPadding{
	padding-left: 10px;
}
.seekConcent{width:730px; padding-top: 30px;}
.adminPolicyRules{width:300px; padding: 10px 0 30px 0;float: left;}
.floatLeft{width: 100px; float: left; padding: 90px 10px;}
.adminRules{width:500px; padding: 30px 0;}
.text{width: 500px;background-color: transparent;padding-bottom: 10px;}
.formText{padding-top: 2px;}
.checkBox{padding: 6px 0 0 7px; float: left;}
.trBackground{background-color: #f2f2f2;}
.leftButton{width: 150px; padding-top: 10px;}
.request{font-size: 120%; color:  #cc3300; padding-bottom: 10px;}


/*Hierarchy stuff inside contentitem div*/

/*menuadmin*/
.background{background-color: #c8b9a6;}
.lightbackground{background-color: #f2eae2;}
.hover:hover{background-color: #ae9e89;}
.dbx-box p{color:#ffffff;}


/* Generella */
.border {border:1px solid #c7b8a4;}
.full {width: 100%;}
.hidden {display: none;}
.margintop{margin-top: 2px;}
.marginbottom{margin-bottom: 3px;}
.marginright{margin-right: 2px;}
.marginleft{margin-left: 2px;}
.half{width: 50%;}
.sevnety{width: 70%}
.disabledtext{color: gray;} 
.bordertop {border-top: 1px solid #c7b8a4;}
.borderbottom {border-bottom: 1px solid #c7b8a4;}
.clearboth {clear: both;}

/*textareas*/
textarea.small{display: block; height: 45px; border:1px solid #c7b8a4;margin: 0 auto;width:99%;}
textarea.medium{display: block; height: 90px; border:1px solid #c7b8a4;}
textarea.large{display: block; height: 180px; border:1px solid #c7b8a4;}

/*Tabeller*/
table{border: none;font-size: 90%;}/*tabell utan ramar, ingen bredd satt*/
th, td {display: table-cell; margin:0; padding:3px; vertical-align:top; text-align:left;}

table.border {display:table; border-collapse:collapse; margin:15px 0; padding:0; font-size:100%;}
table.border tr {display:table-row;}
table.border th, table.border td {border:1px solid #cccccc;}
table.border th {background:#c7b8a4; color:#000000; font-weight:bold;}

/*P*/
p.error{color: #c32929;}
p.tiny{font-size:80%; margin: 0px; padding: 0px; text-align: left;}

/*div*/
div .floatright{float:right;}
div .floatleft{float:left;}
div.scrolllist{overflow-x:hidden; overflow-y:scroll; height: 120px; padding-right: 3px;}

.text-align-right{text-align: right;}
.text-align-left{text-align: left;}
.text-align-center{text-align: center;}
.text-align-justify{text-align: justify;}
.text-align-inherit{text-align: inherit;}

/*img*/
img{border:0; margin:0; padding:0;}
img.alignbottom{vertical-align: bottom;}

/*h1-h5*/
h1 {font-size:180%; line-height:100%; font-weight:normal;}
h2 {font-size:120%; line-height:100%; font-weight:bold;}
h3 {font-size:120%;}
h4 {font-size:100%;}
h5 {font-size:80%;}