/*
-------------------------------------------------------------
Document:	'common stylesheet'
Project:	Solna Sundbyberg Simsällskap 04
Author:		Micke Andersson (anderssonweb.se)
Created:	2008-06-01 19:30
Copyright:	© 2008 ANDERSSON WEB & SUPPORT
-------------------------------------------------------------*/
html, body {
	height:					100%;
	text-align:				center;
	background-color:		#c0c0c0;
}

/* debug
-------------------------------------------------------------*/
h1#debug_header {
	margin:					5px 0px 0px 5px;
	text-align:				left;
	font-family:			"courier new", helvetica, sans-serif;
	font-size:				18px;
	color:					#000;
}

pre#debug {
	margin:					5px;
	padding:				3px;
	text-align:				left;
	font-family:			"courier new", helvetica, sans-serif;
	font-size:				12px;
	color:					#000;
	border:					1px #000 solid;
	background-color:		#fff;
}

/* header
-------------------------------------------------------------*/
div.small-loading-box {
	position:				relative;
	width:					32px;
	height:					32px;
	top:					40%;
	left:					50%;
	margin-top:				-16px;
	margin-left:			-16px;
}

div#container {
	width:					970px;
	min-height:				100%;
	margin:					0 auto;
	text-align:				center;
	/*
	border-left:			2px #004e9c solid;
	border-right:			2px #004e9c solid;
	*/
	background-color:		#dddddd;
}
/* header
-------------------------------------------------------------*/
div#header {
	width:					950px;
}
div#header img {
	margin:					10px 0px 10px 10px;
}

div#header ul li {
	float:					left;
	margin:					0px 0px 0px 5px;
	width:					468px;
	list-style-type:		none;
	text-align:				left;
	color:					#f2f2f2;
	border:					0px #ff0000 dashed;
}

div#header ul li a:link,
div#header ul li a:active,
div#header ul li a:visited,
div#header ul li a:hover {
	color:					#fff;
	text-decoration:		none;
}

/* menu
-------------------------------------------------------------*/
div#menuroot {
	float:					left;
	margin:					0px 0px 0px 10px;
	width:					150px;
	border:					0px #ff0000 dashed;
}



/* footer
-------------------------------------------------------------*/
div#belowthebottom {
	clear:					both;
	height:					28px;  /* samma som #bottom */
}

div#bottom p {
	float:					left;
	margin-top:				7px;
	color:					#666666;
}
div#bottom p a:link, div#bottom p a:active, div#bottom p a:visited {
	color:					#666666;
}
div#bottom p a:hover {
	color:					#666666;
	text-decoration:		underline;
}
div#bottom p.leftfoot {
	width:					960px;
	text-align:				center;
}
div#bottom p.rightfoot {
	width:					180px;
	margin-right:			10px;
	text-align:				right;
}
/* structure
-------------------------------------------------------------*/
div#column-middle,
div#column-right {
	margin:					0px 0px 0px 10px;
	float:					left;
	border:					0px #ff0000 dashed;
}

/* news
-------------------------------------------------------------*/
div.newsbox {
	margin:					5px 0px 0px 0px;
	padding-bottom:			15px;
}

div.newsbox h4 {
	height:					16px;
	font-size:				12px;
	color:					#c0c0c0;
	background:				url(../pics/dashed.underline.gif) repeat-x 0px 15px;
}

div.newsbox h4 a {
	text-decoration:		none;
	color:					#c0c0c0;
}

div.newsbox h2 {
	margin:					5px 0px 3px 0px;
	font-size:				16px;
}
div.newsbox p {
	line-height:			1.4em;
}

div.newsbox div.textbox-wop {
	
}
div.newsbox div.textbox-wp {
	float:					left;
	width:					395px;
}

div.newsbox div.picturebox {
	float:					left;
	margin-left:			10px;
	width:					115px;
	height:					75px;
}

div.newsbox div.picturebox img {
	border:					0px #000 solid;
}

a.news-readmore:link, 
a.news-readmore:active, 
a.news-readmore:visited, 
a.news-readmore:hover, 
a.news-readless:link, 
a.news-readless:active, 
a.news-readless:visited, 
a.news-readless:hover {
	display:				block;
	font-weight:			bold;
	font-size:				13px;
	padding-left:			14px;
	text-decoration:		none;
}

a.news-readmore:link, 
a.news-readmore:active, 
a.news-readmore:visited, 
a.news-readmore:hover {
	background:				url(../pics/news.expand.gif) no-repeat 0px 3px;	
}

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


/* organisation -> staff
-------------------------------------------------------------*/
div.box-content p.staff-desc, div.box-content p.staff-img {
	float:					left;
	margin:					5px 0px 0px 3px;
}
div.box-content p.staff-desc {
	width:					425px;
}
div.box-content span {
/*	font-weight:			bold; */
}

div.box-content span.title {
	font-size:				16px;
}

div.box-content span.fullname {
	font-size:				22px;
}


/* calendar
-------------------------------------------------------------*/
div#calendar-body {
	height:					200px;
}
table#calendar-header thead tr th {
	font-size:				26px;
	font-weight:			bold;
	text-align:				center;
}

table#calendar-header thead tr td {
	padding:				5px 0px 5px 0px;
	width:					65px;
	text-align:				center;
	border-top:				1px #000 solid;
	border-bottom:			1px #000 solid;
	border-right:			1px #000 solid;
	background-color:		#c4d2eb;
}

table#calendar-header tbody tr td,
table#calendar-header tbody tr td {
	padding:				5px 0px 5px 0px;

	text-align:				center;
	border-top:				0px #000 solid;
	border-bottom:			1px #000 solid;
	border-right:			1px #000 solid;
}

table#calendar-header tbody tr td.pre {
	background-color:		#ffffcc;
}
table#calendar-header tbody tr td.default {
	background-color:		#eee;
}
table#calendar-header tbody tr td.today {
	background-color:		#ffcccc;
}
table#calendar-header tbody tr td.lastday {
	color:					#ff0000;
	background-color:		#eee;
}
table#calendar-header tbody tr td.event {
	font-weight:			bold;
	color:					#ffeeee;
	cursor:					pointer;
	background-color:		#0fbc48;
}

/* calendar widget
-------------------------------------------------------------*/
div#widget-calendar-body {
/*	min-height:				250px;*/

}

td.monthname {
	font-size:				16px;
	font-weight:			bold;
	text-align:				center;
}

table#widget-calendar-header thead tr th {
	font-size:				16px;
	font-weight:			bold;
	text-align:				center;
}

table#widget-calendar-header thead tr td {
	padding:				3px 2px;
	text-align:				center;
	border-top:				1px #000 solid;
	border-bottom:			1px #000 solid;
	border-right:			1px #000 solid;
	background-color:		#c4d2eb;
}

table#widget-calendar-header tbody tr td.weeknum_and_dayname {
	font-weight:			bold;
	border-left:			1px #000 solid; 
	background-color:		#c4d2eb;
}

table#widget-calendar-header td.first {
	border-left:			1px #000 solid;
}

table#widget-calendar-header tbody tr td,
table#widget-calendar-header tbody tr td {
	padding:				3px 2px;
	text-align:				center;
	border-top:				0px #000 solid;
	border-bottom:			1px #000 solid;
	border-right:			1px #000 solid;
}

table#widget-calendar-header tbody tr td.pre {
	background-color:		#ffffcc;
}
table#widget-calendar-header tbody tr td.default {
	background-color:		#eee;
}
table#widget-calendar-header tbody tr td.today {
	background-color:		#ffcccc;
}
table#widget-calendar-header tbody tr td.lastday {
	color:					#ff0000;
	background-color:		#eee;
}
table#widget-calendar-header tbody tr td.event {
	font-weight:			bold;
	color:					#ffeeee;
	cursor:					pointer;
	background-color:		#0fbc48;
}

/* news archive (small column)
-------------------------------------------------------------*/
h4 {
	font-size:				16px;
	border:					0px #ff00ff dashed;
}

p.monthname a {
	font-size:				13px;
	font-weight:			bold;
}

p.monthname,
p.amount {
	float:					left;
	width:					140px;
	font-size:				13px;
	border:					0px #00ffff dashed;
}
p.amount {
	width:					70px;
	text-align:				right;
}

a:link,
a:visited,
a:active {
	color:					#C3161C;
}


div.pict_left {
	float:					left;
	margin:					0pt 0px 0pt 0px;
	display:				inline;
	width:					100px;
/*
	padding:				6px;
	background-color:		#E6E6E6;
	border:					1px solid #AAAAAA;
*/
}

.box {
	text-align:				left;
}

.box-header,
.box-footer {
	text-align:				left;
}

.box-footer-middle-full-width {
	width:					750px;
}
/* full width on box content
-------------------------------------------------------------*/
.box-header-middle-full-width {
	width:					751px;
}

.box-content-full-width {
	width:					785px;
}

/* activity -> groups -> group details
-------------------------------------------------------------*/
div.box .box-content div.group_documents table tr td {
	padding:				0px;
}

/* activity -> groups -> group menu
-------------------------------------------------------------*/
.box-content h2.collapsed, .box-content h2.expanded {
	padding-left:			20px;
}

.box-content h2.collapsed {
	background:				url(../pics/group_menu_expand.gif) no-repeat 0px 4px;
}

.box-content h2.expanded {
	background:				url(../pics/group_menu_collapse.gif) no-repeat 0px 4px;
}

.box-content .group_menu {
	display:				none;
}

.box-content .group_menu {
	margin:					5px 0px 10px 20px;
}

.box-content .group_menu ul {
	margin:					0px 0px 10px 20px;
}
.box-content .group_menu ul li {
	margin:					2px 0px;
	color:					#C3161C;
	font-weight:			bold;
}

/* competition -> calendar
-------------------------------------------------------------*/
.box-content ul.submenu {
	
}

.box-content ul.submenu li {
	color:					#C3161C;
}

.box-content ul.submenu li a {
	font-size:				11px;
	font-weight:			bold;
}

.box-content table {
	width:					100%;
}

.box-content table thead th,
.box-content table tbody th {
	padding:				2px 1px 2px 1px;
	font-size:				12px;
	font-weight:			bold;
	text-align:				left;
}

.box-content table tbody td {
	padding:				3px 1px 3px 3px;
	vertical-align:			top;
	line-height:			1.5em;
}

.box-content h2.head-row,
.box-content table tr.head-row {
	margin:					0px;
	padding:				2px 3px;
	background-color:		#c4d2eb;
}

.box-content table tr.sub-row {
	height:					20px;
	background-color:		#ddd;
	cursor:					pointer;
}

/* gallery
-------------------------------------------------------------*/
div.gallery-container {
	padding:				10px 0px 10px 0px;
}
div.gallery-container a {
	float:					left;
	margin:					3px 3px;
}



#error,
#postback {
	position:				absolute;
	width:					415px;
	margin:					20px 0px 20px 17px;
	padding:				10px 10px 7px 90px;
	border:					1px #000 solid;
}

#error h3,
#postback h3 {
	font-family:			"Trebuchet MS", arial, helvetica;
	font-size:				16px;
	font-weight:			bold;
}

#error ul li,
#postback ul li {
	margin:					2px 0px;
}
#error {
	visibility:				hidden;
	color:					#cc0000;
	border:					1px #f0b2b2 solid;
	background-color:		#fae5e5;
	background:				url(../pics/icons/box.error.gif) #fae5e5 no-repeat 20px 10px;
}

#postback {
	visibility:				hidden; 
	padding:				10px 10px 25px 90px; 
	color:					#677e08;
	border:					1px #677e08 solid;
	background-color:		#e6f5a4;
	background:				url(../pics/icons/box.success.gif) #e6f5a4 no-repeat 20px 10px;
}

/* account
-------------------------------------------------------------*/
#error-box {
	margin:					10px 20px;
	padding:				10px 10px 7px 90px;
	border:					1px #000 solid;
}

#error-box h3 {
	font-family:			"Trebuchet MS", arial, helvetica;
	font-size:				16px;
	font-weight:			bold;
}

#error-box {
	color:					#cc0000;
	border:					1px #f0b2b2 solid;
	background-color:		#fae5e5;
	background:				url(../pics/icons/box.error.gif) #fae5e5 no-repeat 20px 10px;
}

#success-box {
	width:					415px;
	margin:					0px 0px 20px 0px;
	padding:				10px 10px 7px 90px;
	border:					1px #000 solid;
}

#success-box h3 {
	font-family:			"Trebuchet MS", arial, helvetica;
	font-size:				16px;
	font-weight:			bold;
}

#success-box {
	color:					#677e08;  
	border:					1px #677e08 solid;
	background-color:		#e6f5a4;
	background:				url(../pics/icons/box.success.gif) #e6f5a4 no-repeat 20px 10px;
}

#success-box p a {
	color:					#677e08;  
}

/* notifies
-------------------------------------------------------------*/
table.notify_group_overview tbody tr td, table.notify_receipt_overview tbody tr td {
	height:					20px;
}

table.notify_group_overview tbody tr.hover, table.notify_receipt_overview tbody tr:hover {

}

form#notify_overview p span {
	font-weight:			normal;
}

div.payment_outer {
	margin:					3px 0px;
	width:					300px;
	height:					30px;
	border:					1px #000 solid;
}

div.payment_outer div.payment_option {
	float:					left;
	width:					30px;
	height:					20px;
	margin:					2px 0px 2px 2px;
	padding:				6px 0px 0px 0px;
	text-align:				center;
}

div.payment_outer div.payment_label {
	float:					left;
	width:					240px;
	height:					20px;
	margin:					2px 2px 2px 0px;
	padding:				0px 0px 6px 0px;
	font-size:				20px;
	font-weight:			bold;
}

div.payment_outer div.payment_help {
	float:					left;
	width:					26px;
	height:					18px;
	padding:				4px 0px 0px 0px;
	margin:					6px 2px 0px 0px;
}

div.payment_desc {
	display:				none;
	width:					296px;
	margin-bottom:			10px;
	padding:				2px;
	line-height:			1.5em;
	border:					1px #000 solid;
}

div.ff_checkbox {
	float:					left;
	width:					50px;
	height:					40px;
}

div.ft_checkbox {
	float:					left;
	width:					500px;
	height:					40px;
	margin-top:				5px;
	font-size:				16px;
	font-weight:			bold;
}

div.t-a-c {
	display:				none;
	width:					490px;
	margin:					0px 0px 10px 50px;
	padding:				1px 2px;
	line-height:			1.5em;
	border:					1px #000 solid;
}

select.payment_list {
	margin:					5px 0px;
	padding:				3px;
	width:					210px;
}

select.payment_list option,
select.payment_list optgroup {
	padding:				3px;
}
input.campaign_code {
	margin:					5px 0px;
	padding:				4px 2px 6px 2px;
	width:					160px;
	font-weight:			bold;
	font-size:				14px;
	text-transform:			uppercase;
}

/* row colors
-------------------------------------------------------------*/
.row-odd {
	background-color:	#fff;
}
.row-even {
	background-color:	#eee;
}

/* list of groups
-------------------------------------------------------------*/
select.select-grouplist {
	width:					250px;
}

select.select-grouplist option {
	padding:				3px;
}

select.select-grouplist optgroup {
	padding:				2px;
	background-color:		#c4d2eb;
}

/* content (tabs)
-------------------------------------------------------------*/
div.content_summary {
	margin:				10px 0px 0px 0px;
	padding:			5px 0px 0px 0px;
	border-top:			1px #d2d2d2 dashed;
}

div.content_summary p {
	float:					left;
}

div.content_summary p {
	color:					#ccc;
}

div.content_summary ul {
	float:				right;
}

div.content_summary ul li {
	display:				inline;
	list-style-type:		none;
}

div.content_summary ul li a:link, 
div.content_summary ul li a:active, 
div.content_summary ul li a:visited, 
div.content_summary ul li a:hover {
	display:				block;
	float:					right;
	padding:				2px;
	margin:					2px 3px;
	border:					1px #fff solid;
}

div.content_summary ul li a:hover {
	border:					1px #de9f9f solid;
	background-color:		#f8eeee;
}

.blockMsg {
	text-align:				left;
}

.ui-accordion-content,
.ui-accordion-content-active {
	background:				#ffffff url();
}

ul.pager {
	margin:					10px 0px;
	text-align:				left;
}

ul.pager li {
	display:				block;
	float:					left;
}

ul.pager li.current_page {
	display:				block;
	float:					left;
	padding:				2px 6px;
	margin:					0px 3px 0px 0px;
	color:					#fff;
	border:					1px #333 solid;
	-moz-border-radius-bottomleft:	4px;
	-moz-border-radius-bottomright:	4px;
	-moz-border-radius-topleft:		4px;
	-moz-border-radius-topright:	4px;
	background-color:		#C3161C;
}

ul.pager li.current_info {
	display:				block;
	float:					left;
	padding:				2px 6px;
	margin:					0px 3px 0px 0px;
	color:					#333;
	border:					1px #333 solid;
	-moz-border-radius-bottomleft:	4px;
	-moz-border-radius-bottomright:	4px;
	-moz-border-radius-topleft:		4px;
	-moz-border-radius-topright:	4px;
	background-color:		#fff;
}

ul.pager li.first_before,
ul.pager li.first_after,
ul.pager li.current_page {
	display:				block;
	float:					left;
	padding:				2px 6px;
	margin:					0px 3px 0px 0px;
	color:					#fff;
	border:					1px #333 solid;
	-moz-border-radius-bottomleft:	4px;
	-moz-border-radius-bottomright:	4px;
	-moz-border-radius-topleft:		4px;
	-moz-border-radius-topright:	4px;
	background-color:		#C3161C;
}


ul.pager li a:link, 
ul.pager li a:active, 
ul.pager li a:visited {
	padding:				2px 6px;
	margin:					0px 3px 0px 0px;
	display:				block;
	float:					left;
	border:					1px #333 solid;
	-moz-border-radius-bottomleft:	4px;
	-moz-border-radius-bottomright:	4px;
	-moz-border-radius-topleft:		4px;
	-moz-border-radius-topright:	4px;
	background-color:		#fff;
}

ul.pager li a:hover {
	padding:				2px 6px;
	margin:					0px 3px 0px 0px;
	color:					#fff;
	background-color:		#C3161C;
	text-decoration:		none;
}

/* toolbar
-------------------------------------------------------------*/
table tr td.toolbar ul.toolbar {
	margin:					1px 0px 0px 0px;
	padding:				0px;
	list-style-type:		none;
}

table tr td ul.toolbar li {
	float:					right;
	display:				inline;
	margin:					0px 5px 0px 0px;
	padding:				0px;
}

table tr td ul.toolbar li a:link,
table tr td ul.toolbar li a:active,
table tr td ul.toolbar li a:visited,
table tr td ul.toolbar li a:hover {
	width:					16px;
	height:					16px;
	display:				block;
	float:					right;
	padding:				2px;
	margin:					0px;
	text-decoration:		none;
}

table tr td ul.toolbar li a:hover {
	padding:				1px;
	background-color:		#fae5e5;
	border:					1px #cc0000 solid;
}