/*
-------------------------------------------------------------
Document:	'common stylesheet'
Project:	Solna Sundbyberg Simsällskap 04
Author:		Micke Andersson (anderssonweb.se)
Created:	2008-06-01 19:28
Copyright:	© 2008 ANDERSSON WEB & SUPPORT
-------------------------------------------------------------*/
* {
	margin:				0px;
	padding:			0px;
}

/* default font, color, size for elements div, p, span
-------------------------------------------------------------*/
div, p, span {
	font-family:		arial, helvetica, sans-serif;
	font-size:			12px;
	font-weight:		normal;
}

label {
	cursor:				pointer;
}

/* default size for h element
-------------------------------------------------------------*/
h1 {
	font-size:				22px;			
}

h2 {
	font-size:				17px;
	line-height:			24px;
	height:					24px;
	margin:					0px 0 6px 0;
	padding:				0 0 0 0px;
	text-align:				left;	
	background:				url(../pics/header-bg.gif) bottom repeat-x;
}

h3 {
	font-size:				14px;			
}

/* default font, color, size for elements ul, ol, li
-------------------------------------------------------------*/
ul li, ol li {
	font-family:		verdana, arial, helvetica, sans-serif;
	font-size:			11px;
	font-weight:		normal;
}

/* default behaviour for images
-------------------------------------------------------------*/
img {
	border:				0px;
}

/* reset width for hidden form elements
-------------------------------------------------------------*/
input[type="hidden"] {

}
input[type="image"] {

}



/* global style for optgroup element
-------------------------------------------------------------*/
optgroup {
	padding:			3px 0px 1px 3px;
	font-size:			12px;
	font-weight:		bold;
	font-style:			normal;
}
option {
	padding:			2px 1px;
}

/* default behaviour for links
-------------------------------------------------------------*/
a:link, a:active, a:visited {
	text-decoration:	none;
}
a:hover {
	text-decoration:	underline;	
}
a.read-more {
	padding:			0px 0px 0px 17px;
	font-size:			14px;
	font-weight:		bold;
	background:			url(../pics/news.readmore.gif) no-repeat 0px 4px;
}
/* row colors
-------------------------------------------------------------*/
.row-odd {
	background-color:	#eee;
}
.row-even {
	background-color:	#ddd;
}

/* clerfix
-------------------------------------------------------------*/
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix { display: inline-block; }

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* various global settings
-------------------------------------------------------------*/
.separator {
	margin:				5px 0px;
	padding:			0px;
	background:			url(../pics/dashed.underline.gif) repeat-x 0px 15px;
}

div.double-separate {
	margin:				10px 0px;
	padding:			5px 0px 5px 0px;
	border-top:			1px #d2d2d2 dashed;
	border-bottom:		1px #d2d2d2 dashed;
}

/* global settings for width
-------------------------------------------------------------*/
.width-50px {
	width:				50px;
}
.width-100px {
	width:				100px;
}
.width-110px {
	width:				110px;
}
.width-120px {
	width:				120px;
}
.width-130px {
	width:				130px;
}
.width-150px {
	width:				150px;
}
.width-180px {
	width:				180px;
}
.width-220px {
	width:				220px;
}
.width-300px {
	width:				300px;
}
.width-310px {
	width:				310px;
}
.width-400px {
	width:				400px;
}
.width-520px {
	width:				520px;
}
.width-550px {
	width:				550px;
}

.width-554px {
	width:				554px;
}

.width-560px {
	width:				560px;
}

.width-750px {
	width:				750px;
}

.width-785px {
	width:				790px;
}

.width-790px {
	width:				790px;
}

.width-860px {
	width:				860px;
}

.width-950px {
	width:				950px;
}

/* global settings for height
-------------------------------------------------------------*/
.height-0px {
	height:				0px;
}
.height-2px {
	height:				2px;
}
.height-5px {
	height:				5px;
}
.height-10px {
	height:				10px;
}
.height-20px {
	height:				20px;
}
.height-40px {
	height:				40px;
}

/* various font style settings for span elements
-------------------------------------------------------------*/
.fat-text {
	font-weight:		bold;
}

/* various color settings for span elements
-------------------------------------------------------------*/
.color-green {
	color:				#0e791b;
	font-weight:		normal;	
}
.color-yellow {
	color:				#c8ae00;
	font-weight:		normal;
}
.color-red {
	color:				#ae0909;
	font-weight:		normal;
}
.mandatory {
	font-size:			14px;
	font-weight:		bold;
	color:				#ff0000;
}

/* various color settings for span elements
-------------------------------------------------------------*/
div.loading-box {
	position:				relative;
	width:					32px;
	height:					32px;
	top:					50%;
	left:					50%;
	margin-top:				-16px;
	margin-left:			-16px;
}