/*
	This css is a valid CSS 3.0 document 
*/

@media speech{
	body {voice-family:paul,male; volume:loud; speech-rate:slow; richness:90; stress:20;}
	h1, h2, h3, h4, h5 {cue-before:url("ping.au");}
	p, table {pause:50ms;}
	em, q, cite, blockquote {pitch:medium; pitch-range:60; stress:60; richness:50;}
	strong {pitch:medium; pitch-range:60; stress:90; richness:90;}
	pre, code {speak-punctuation:code;}
}


body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 75%;
	font-weight: normal;
	color: #222222;
	background: #ffffff url("../images/body_bg.png") repeat-x left top;
}

h1 {margin: 15px 0 0 0; padding: 0; font-size:180%; line-height:100%;	font-weight: bold;}
h2 {margin: 15px 0px 5px 0px; padding: 0; font-size:130%; line-height:100%; font-weight: bold;}
h3, h4, h5 {margin: 10px 0 10px 0;	padding: 0;	font-size:110%;	line-height:100%; font-weight: bold;}
p {	margin: 8px 0;}
a {color: #000000;}
a accesskey{cursor: default;}
a:hover {color: #4F6AD7;}
#current{font-style: italic;}
legend{font-size: 140%; font-weight: bold; color: #222222;}


ul{}

li.TITLE {font-size: 16px; font-weight: bold; margin-top: 3px; margin-bottom: 3px; list-style: none;}
li.MENUITEM {margin-left: 10px;}
li.SECTION {margin-left: 10px;}
ol {list-style-type: decimal;}

#container {
	width: 985px;
	margin: 0 auto;
	text-align: left;
	background: #ffffff url("../images/header_bg.jpg") center top no-repeat;
	border: 1px #c8d0d6 solid;
}


/*****************************************/
/*Header								*/
/****************************************/
#header {
	width: 980px;
	margin: 0 0 5px 0;
	height: 110px;
	clear: both;
	color: #fff;
}

#header_static {
	width: 62%;
	height: 110px;
	float: left;
	margin-left: 30px;
	_margin-left: 15px;
	
}
	#header_static img{margin-top: 45px; float: left;}

	#header_static div.slogan{
		float: left;
		margin: 66px 0 0 10px;
	}

#header_dynamic {
	width: 33%;
	_width: 33%;
	height: 110px;
	float: left;
}

#header #user {float: right; margin-top: 5px; width: 100%; text-align: right;}
#header #user p{font-style: italic; margin: 9px 0 0 0;}
#header #slogan {float: left; margin: 10px 0 0 40px;}

#links {
	width: 950px;
	margin: 0 19px;
	/*padding: 10px;*/
	background-color: #FCB231;
	border-top: 3px solid #fff;
}

	#links a {text-decoration: none; cursor: pointer;}
	#links a {color: #010101; font-weight: bold;}
	#links ul{padding: 5px 0; margin: 0;}
	#links ul li {display: inline; margin-left: 8px;}
	#links #active{font-style: italic;}

#breadcrumbs {
	width: 950px;
	padding: 5px 0 0 10px;
	margin-bottom: 5px;
	margin-left: 15px;
	font-size: 11px;
	border-top: 0px;	
}

#contentwrapper {
	padding-top: 8px;
}

#menu1 {
	float: left;
	width: 220px;
	margin-right: 10px;
	/*margin-left: 10px;*/
}

#menu1 .block {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	margin-bottom: 5px;
}
	
#menu1 .block ul{margin: 10px 0; padding: 0; list-style: none; _margin: 0px; display: block;}
#menu1 .block ul li{margin: 2px; padding: 0; _margin: 0; _padding: 0;}
#menu1 .block ul li a{text-decoration: none; padding-left: 14px; display: block; background: transparent url("../images/menu_stripes.png") no-repeat left top; _background: transparent url("../images/menu_stripes.jpg") no-repeat left top;}
#menu1 .block ul li.active a{font-weight: bold; background: transparent url("../images/menu_arrow.png") no-repeat left top; _background: transparent url("../images/menu_arrow.jpg") no-repeat left top;}
#menu1 .block ul.nested{padding: 0; margin: 0; list-style-type: none; page-break-before: avoid; display: inline;}

#spacer {
	border-top: 1px dotted #e3e3e3;
	width: 96%;
	height: 15px;
	margin: 5px auto;
	clear: both;
	text-align: center;
}

/*----------Main Content-----------*/

#content {
	float: left;
	width: 700px;
	_width: 700px;
	border-left: 1px solid #f4f3f3;
	min-height: 400px;
	padding: 0 0 20px 10px;
}

#content .contentitem {
	float: left;
	width: 500px;
	_width: 500px;
	clear: both;
	/*whitespace*/
	margin: 10px 20px 20px 20px;
	padding-bottom: 10px;
	/*hr*/
	/*margin: 10px 20px 10px 20px;*/
	/*padding:10 0 0 0px;*/
}
	
.contentitem hr{margin-top: 15px; border: 1px solid #f4f3f3;}
.contentitem a{color: blue; text-decoration: underline;}

#content-narrow{
	float: left; 
	width: 450px; 
	_width: 450px;
	min-height: 400px; 
	padding: 0 0 20px 10px; 
	border-left: 1px solid #f4f3f3;
	border-right: 1px solid #f4f3f3;
}

#content-narrow .contentitem {
	float: left;
	width: 400px;
	_width: 370px;
	clear: both;
	/*whitespace*/
	margin: 10px 20px 40px 20px;
}

#content-wide {
	float: left;
	width: 700px;
	_width: 700px;
	min-height: 400px;
	padding: 0 0 20px 10px;
	border-right: 1px solid #f4f3f3;
}

#content-wide .contentitem {
	float: left;
	width: 600px;
	_width: 550px;
	clear:both;
	padding: 10px 0 30px 10px;
	margin: 0 0 0 50px;
}
	#content-wide .contentitem p{width: 80%}

.UserInfoContainer{
	width: 220px;
	float: left;
	margin-left: 20px;
	}
	.InfoHeader{
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		margin-bottom: 5px;
		/*background: url(../images/blockgradient.jpg) repeat-x;*/
	}
		.InfoHeader h2{	
			font-size:16px;
			font-weight:bold;
			margin-top: 3px;
			margin-bottom: 3px;
		}

	.UserInfoContainer UL {
	    list-style-type: none;
	}
	.UserInfoContainer UL LI {
	    padding: 0.9em 0 0.4em 1em;
	}
	
.UserInfoContainer .contentitem h1{font-weight: bold; font-size: 160%; line-height: 100%}
.UserInfoContainer .contentitem h2{font-weight: bold; font-size: 110%;}
.UserInfoContainer .contentitem h3{font-weight: bold; font-size: 100%;}
.UserInfoContainer .contentitem h4{font-weight: bold; font-size: 90%;}
.UserInfoContainer .contentitem{margin-bottom: 30px;}
.UserInfoContainer .contentitem h2 a{color: #000000;}
.UserInfoContainer .contentitem p{font-size: 95%;}
.UserInfoContainer .contentitem a{color: blue;}
/*.UserInfoContainer .contentitem hr{margin-top: 15px; border: 1px solid #f4f3f3;}*/

#footer {
	width: 955px;
	margin: 10px 10px 10px 15px;
	height: 30px;
	/*border-top: 1px #c8d0d6 solid;*/
	background: #FCB231 url("../images/footer.jpg") repeat-x left bottom;
}
#footer p{text-align: center; vertical-align: middle; font-weight: bold; padding-top: 5px; margin: 0;}

.anpassningar{text-align: right; margin-top: 15px; color: #fff;}
.anpassningar a{color: #fff;}
.anpassningar ul{list-style-type: none;}
.anpassningar ul li{display: inline; margin-right: 5px; border-right: 1px solid #d3d3d3;}
.anpassningar .last{border-right: none;}

/*Hierarchy stuff inside contentitem div*/

/*styles*/
label{font-weight: bold; margin: 3px 0 0 0;}
.background{background-color: #FCB231;}
.hidden {display: none;}
.disabledtext{color: gray;} 
.clearboth {clear: both;}
.lightbackground{background-color: #e0e8fa;}
.hover:hover{background-color: #d3dff8;}
.fontWeigthBold{font-weight: bold;}

/*margins*/
.noMargin{margin: 0;}
.margin{margin: 3px;}
.margintop{margin-top: 2px;}
.marginbottom{margin-bottom: 3px;}
.marginright{margin-right: 2px;}
.marginleft{margin-left: 2px;}
.bigmargintop{margin-top: 10px;}
.bigmarginbottom{margin-bottom: 10px;}
.bigmarginleft{margin-left: 10px;}
.bigmarginright{margin-right: 10px;}

/*borders*/
.border {border:1px solid #B7CAF6;}
.bordertop {border-top: 1px solid #B7CAF6;}
.borderbottom {border-bottom: 1px solid #B7CAF6;}
.borderleft{border-left: 1px solid #B7CAF6;}
.borderright {border-right: 1px solid #B7CAF6;}

/*sizes*/
.ten{width: 10%;}
.twenty{width: 20%;}
.thirty{width: 30%;}
.forty{width: 40%;}
.fifty{width: 50%;}
.sixty{width: 60%;}
.seventy{width: 70%;}
.eighty{width: 80%;}
.ninety{width: 90%;}
.half{width: 50%;}/*legacy*/
.full {width: 99.5%;}

/*fieldsets IE fix*/
.noBorder{border: none; padding: 0px; margin: 0px;}

/*Textareas*/
textarea.small{display: block; height: 45px; margin: 0 auto;width:99%;}
textarea.medium{display: block; height: 90px;}
textarea.large{display: block; height: 180px;}

/*Tables*/
table{border: none;}
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 #B7CAF6;}
table.border th {background:#d3d3d3; color:#000000; font-weight:bold;}

/*div*/
.floatright{float:right;}
.floatleft{float:left;}
.scrolllist{
	overflow-x:hidden;
	overflow-y:scroll;
	height: 180px;
	border:1px solid #B7CAF6;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

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

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

/*text align*/
.contentitem .text-align-right{text-align: right;}
.contentitem .text-align-left{text-align: left;}
.contentitem .text-align-center{text-align: center;}
.contentitem .text-align-inherit{text-align: inherit;}
.pointer{cursor: pointer;}
.noscreen{visibility: hidden;}

/* Search div */

.searchDispatch {
	float: right;
	margin-bottom: 0;
	margin-top: 8px;
}