/* ********************************************************************************************* */
/* THIS FILE CONTAINS DEFAULT SETTINGS AND RESETS DIFFERENT BROWSERS STANDARDS                   */
/* ********************************************************************************************* */


/* --------------------------------------------------------------------------------------------- */
/* Resets margin and padding for all elements                                                    */
* {
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	}

/* --------------------------------------------------------------------------------------------- */
/* Sets default for html and body                                                                */
html, body {
	height				: 101%; /* 101% to avoid jumping pages from side to side: with or without scrollbar ad the y axis. It can't be written with valid CSS, yet ("overflow:scroll-y" is a draft from w3.org now) 13. jan. 2010, Anne. */
	text-align				: center;
	}
body {
	behavior				: url("/application/css/berlingskemobil/csshover3.htc"); /*This file helps old browsers to accept the pseudo-class :hover on all html-tags */
	}
	
/* --------------------------------------------------------------------------------------------- */
/* Set all texts to the same size and sets new style (to avoid problems with tables and forms*/
html, body, 
table, tr, th, td, 
div, span, 
form, label, fieldset, legend, input, textarea, select, option,
p, h1, h2, h3, h4, h5, h6 {
	font-family				: "Calibri", "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Arial", sans-serif;
	font-size				: 14px;
	line-height				: 19px;
	color					: #4F4F4F;
	letter-spacing			: 0.1px; 
	}
h1 {
	color					: #004166;	
	font-size				: 22px; 
	margin				: 0px 0px 6px 0px;
	text-transform			: uppercase;
	letter-spacing			: 0.4px;
	}
h2, h3 {
	color					: #004166;	
	font-size				: 15px; 
	margin				: 5px 0px 2px 0px;
	}	
p { 
	padding				: 0px 0px 19px 0px;
	}
.noPadding {
	padding				: 0px 0px 0px 0px;
	}	
ul, ol {
	margin				: 0px; 
	padding				: 0px 0px 0px 16px; 
	}
img, a img {
	border				: none;
	}
th, 
legend span, caption {
	color					: #004166;	
	font-weight				: bold;	
	}	
fieldset { 
	border                        : 0px; 
	}
input[type=hidden] {
	display				: none !important;
	}
/* --------------------------------------------------------------------------------------------- */
/* Default setting for links                                                                     */
a:link, a:visited, a:active, a:hover {
	color					: #FA108A;
	text-decoration			: none;
	}
a:hover {
	color					: #FA108A;
	text-decoration			: underline;
	}
a {
	border				: none;
	outline				: none;
	}		
/* --------------------------------------------------------------------------------------------- */
/* Resets the positioning of legend, input-checkboxes and input-radio to zero in IE7             */	
legend span {						
	display				: block;	/* the use of a <span> inside the legend is a work-around problems with positioning the legend (it's an inline element witch can't be changed into a block-element) */
	}
*+html legend span {					
	position				: relative; /*sets the position of the legend at the top left to zero in IE7*/
	left					: -8px;
	}
*+html input[type=checkbox] {				/*sets the position of the checkbox at the top left to zero in IE7*/
	position				: relative;
	left					: -4px;
	}
*+html input[type=radio] {				/*sets the position of the radio at the top left to zero in IE7*/
	position				: relative;
	left					: -3px;
	}
input[type=submit] {
	cursor				: pointer;
	}					

/* --------------------------------------------------------------------------------------------- */
/* The class is used to avoid problems with floats and to give fixed spaces                      */
.utSpace {
	display				: block;
	height				: 1px;
	margin				: 0px;
	padding				: 0px;
	overflow				: hidden;
	background-color			: transparent;
	clear					: both;
	/*line-height				: 1px;*/  /*gives bugs in IE7*/
	}

/* --------------------------------------------------------------------------------------------- */
/* The class is used in all form fields in thier own template witch are hidden                   */
.utHidden {
	display				: none; 
	}
/* --------------------------------------------------------------------------------------------- */
/* Displays none											                   */
.displayNone {
	display				: none; 
	}
/* --------------------------------------------------------------------------------------------- */
/* No text wrapping										                   */
.nowrap {
	white-space				: nowrap; 
	}		
/* --------------------------------------------------------------------------------------------- */	
/* --------------------------------------------------------------------------------------------- */
/* DOTTED LINE                  */
.dottedLine {
	background				: url("/application/css/berlingskemobil/images/elements/seperator-gray.gif") repeat-x; 
	height				: 1px;
	width					: 100%;
	}