/*
-------------------------------------------------------------
Document:	'skin stylesheet'
Project:	Föreningen Online
Author:		Micke Andersson (anderssonweb.se)
Created:	2009-02-15 22:55 CET
Copyright:	© 2009 ANDERSSON WEB & SUPPORT
-------------------------------------------------------------*/

html, body {
	background-image:		url(../pics/body.background.gif);
	background-repeat:		repeat-x;
	background-color:		#fff;
}

div#container {
	border-left:			1px #164512 solid;
	border-right:			1px #164512 solid;
}

/* box
-------------------------------------------------------------*/
div.box {
	float:					left;
	margin:					0px 0px 10px 0px;
}

div.box div.box-header p, div.box div.box-footer p {
	float:					left;
}

div.box div.box-header p.box-header-middle {
	height:					23px;
	padding:				4px 0px 4px 0px;
	text-align:				right;
	background-image:		url(../pics/box.gradient.gif);
	background-repeat:		repeat-x;
}

div.box div.box-header p.box-header-middle span {
	font-family:			"arial black", arial, helvetica, sans-serif;
	font-size:				14px;
	font-weight:			bold;
	text-transform:			uppercase;
	color:					#fff;
}

div.box div.box-footer p.box-footer-middle {
	background-image:		url(../pics/box.bottom.gif);
	background-repeat:		repeat-x;
}

div.box div.box-content {
	padding:				3px;
	text-align:				left;
	background-color:		#fff;
}

div.box div.box-content p {
	line-height:			1.5em;
}

div.box div.box-content ol, div.box div.box-content ul {
	margin:					5px 0px 10px 25px;
}

div.box .box-content div.group_documents {

}

div.box .box-content div.group_documents table {
	float:					left;
	margin:					10px 10px 0px 10px;
	width:					200px;
	
}

/* show/hide
-------------------------------------------------------------*/
.collapsed {
	background:				url(../pics/level_expand.gif) no-repeat 5px -2px;
}

.expanded {
	background:				url(../pics/level_collapse.gif) no-repeat 5px -2px;
}

/* menu
-------------------------------------------------------------*/
div#menuroot div#menu-content {
	padding:				0px 10px 0px 10px;
	width:					150px;
	text-align:				left;
	background-color:		transparent;
	background-image:		url(../pics/menu.background.gif);
	background-repeat:		repeat-y;
}

/* header
-------------------------------------------------------------*/
div#header ul {
	float:					left;
	width:					950px;
	height:					18px;
	margin:					0px 0px 10px 10px;
	border:					0px #ff0000 dashed;
	background-image:		url(../pics/header.mini.gif);
	background-repeat:		no-repeat;
}

/* footer
-------------------------------------------------------------*/
div#bottom {
	width:					970px;
	height:					28px; /* height = p height + p margin-top + p margin-bottom */
	margin-top:				-28px; /* samma som height */
	margin-left:			auto;
	margin-right:			auto;
	background-color:		transparent;
	background-image:		url(../pics/footer.background.gif);
	background-repeat:		repeat-x;
}