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

/* body
-------------------------------------------------------------*/
html, body {
	background-color:		#fff;
}

div#container {
	border-left:			1px #333 solid;
	border-right:			1px #333 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 {
	height:					5px;
	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;
	max-width:				695px;
}

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

div.box .box-content div.group_documents {

}

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

/* 
-------------------------------------------------------------*/
table.resultset tr th {
	padding:				3px 3px;
}

table.resultset tr td {
	padding:				2px 3px;
}

table.resultset thead tr th {
	height:					20px;
	background-color:		#ddd;
	cursor:					pointer;
}

.row-odd {
	background-color:		#fff;
}

.row-even {
	background-color:		#eeeeee;
}
	
table.resultset .row-odd:hover,
table.resultset .row-even:hover,
.row-over {
	cursor:					pointer;
	background-color:		#bdd5e5;
}

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

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

/* calendar widget
-------------------------------------------------------------*/
table#widget-calendar-header thead tr td,
table#widget-calendar-header tbody tr td.weeknum_and_dayname {
	font-weight:			bold;
	color:					#000;
	background-color:		#c4d2eb;
}

table#widget-calendar-header tbody tr td.weeknum_and_dayname {

}

table#widget-calendar-header thead tr td.first {

}

table#widget-calendar-header tbody tr td.lastday {

}

table#widget-calendar-header tbody tr td.pre {
	background-color:		#ffffff;
}

table#widget-calendar-header tbody tr td.default {
	background-color:		#eeeeee;
}	

table#widget-calendar-header tbody tr td.event {

}

table#widget-calendar-header tbody tr td.today {
	background-color:		#0099ff;
}

/* read more/less
-------------------------------------------------------------*/
a.news-readmore:link, 
a.news-readmore:active, 
a.news-readmore:visited, 
a.news-readmore:hover {
	color:					#0099ff;
	background:				url("../pics/news.expand.gif") no-repeat scroll 0 3px transparent;
}

a.news-readless:link, 
a.news-readless:active, 
a.news-readless:visited, 
a.news-readless:hover {
	background:				url("../pics/news.collapse.gif") no-repeat scroll 0 3px transparent;
}

/* headings
-------------------------------------------------------------*/
.box-content h2.head-row, 
.box-content table tr.head-row {
	color:				#fff;
	background-color:	#0099ff;
}

/* 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/black.miniheader.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;
}