/*
-------------------------------------------------------------
Document:	'common stylesheet'
Project:	Svenska Hem i Bromma AB
Author:		Micke Andersson (anderssonweb.se)
Created:	2008-02-16 13:09
Copyright:	© 2008 ANDERSSON WEB & SUPPORT
-------------------------------------------------------------*/
* {
	margin:				0px;
	padding:			0px;
	font-family:		Helvetica, sans-serif;
	font-size:			11px;
	font-style:			normal;
	line-height:		12px;
	color:				#000;
}
/* default behaviour for images
-------------------------------------------------------------*/
img {
	border:				0px;
}
/* reset width for hidden form elements
-------------------------------------------------------------*/
input[type="hidden"] {
	width:				5px;
}
input[type="image"] {

}
/* global style for optgroup element
-------------------------------------------------------------*/
optgroup {
	padding:			3px 0px 1px 3px;
	font-size:			13px;
	font-weight:		bold;
}
/* default behaviour for text
-------------------------------------------------------------*/
	
/* default behaviour for links
-------------------------------------------------------------*/
a:link, a:active, a:visited {
	font-family:		Helvetica, sans-serif;
	font-size:			11px;
	font-style:			normal;
	line-height:		16px;
	font-weight:		600;
	color:				#393939;
	word-spacing:		2px;
	text-decoration:	none;
	border:				0px #00ff00 solid;
}
a:hover {
	color: #ffffff;
}
/* row colors
-------------------------------------------------------------*/
.row-odd {
	background-color:	#eee;
}
.row-even {
	background-color:	#ddd;
}
.row-over {
	cursor:				pointer;
	background-color:	#ffec00;
}
/* various global settings
-------------------------------------------------------------*/
.clear-row {
	clear:				both;
	overflow:			hidden;
}
/* global settings for width
-------------------------------------------------------------*/
.width-50px {
	width:				50px;
}
.width-100px {
	width:				100px;
}
.width-120px {
	width:				120px;
}
.width-130px {
	width:				130px;
}
.width-150px {
	width:				150px;
}
.width-300px {
	width:				300px;
}
.width-310px {
	width:				310px;
}
.width-400px {
	width:				400px;
}
.width-550px {
	width:				550px;
}
/* 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;
}
/* global settings for margin
-------------------------------------------------------------*/
.space-left-10px {
	margin-left:		10px;
}
.space-right-10px {
	margin-right:		10px;
}
.space-left-right-10px {
	margin:				0px 10px 0px 10px;
}
/* various font style settings for span elements
-------------------------------------------------------------*/

/* style for draggable boxes
-------------------------------------------------------------*/
#rectangle{
	float:left;
	border:1px #ff0000 dashed;	/* Red border */
	background-color:#FFF;
	clear: both;
}
#insertionMarker{	/* Don't change the rules for the insertionMarker */
	width:6px;
	position:absolute;
	display:none;
}
#insertionMarker img{	/* Don't change the rules for the insertionMarker */
	float:left;
}		
#dragDropMoveLayer{	/* Dragable layer - Not need if you're using 'rectangle' mode */
	position:absolute;
	display:none;
	border:1px solid #000;
	filter:alpha(opacity=50);	/* 50% opacity , i.e. transparency */
	opacity:0.5;	/* 50% opacity , i.e. transparency */
}