/* @override http://test01.adp-poltest.sth.basefarm.net/css/global-min.css */

/* CSS Document */
/*
================= Base Screen CSS Core =================
$Rev: 11420 $     
$Author: andersy $
$Date: 2010-01-27 16:41:27 +0100 (Wed, 27 Jan 2010) $

1. BASE
1.1 Reset
1.2 Common
1.3 Image widths
2. PAGE AREAS 
2.1 Columns
	Endast Mitten						"Cols-Main"
	Mitt- och annons					"Cols-Main_Ad"
	Mitt-, höger- och annons			"Cols-Main_Extra_Ad"
	Mitt-, vänster- och annons			"Cols-Main_Nav_Ad"
	Mitt-, vänster-, höger- och annons	"Cols-Main_Nav_Extra_Ad"
3. EXEPTIONS FROM VALID
4. UPDATES
5. STRUCTURAL
7. IMAGETEXT
8. MODALWINDOW
9. IMGSLIDESHOW
10. COMMUNITY.POSTING.REPORT.JSP
11. FALLBACK IF NOT JS
12. JS CSS LEFT NAVIGATION T0103
13. THIRD-PARTY CSS
13.1 Calendar Date Select

/* **************************************************** */

/* ********************** 1. BASE ********************* */

/* ********************** 1.1 Reset ******************* */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0px none;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}


blockquote:before, blockquote:after,
q:before, 
q:after {
	
}

blockquote, q {
	
}


ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* ************************** / 1.1 RESET ************************* */

/* *************************** 1.2 COMMON************************** */

/* Aslett's */ 
*.clearfix:after
{
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
	content:".";
}
	* html *.clearfix 
	{
		display:inline-block
	}
	

 .clearfix {zoom: 1;}
 
 /* /Aslett's */ 

:focus {
	outline:dotted #999 1px;
}
body {
	color: black;
	background: white;
}

.richText blockquote,
.formattedText blockquote {
	text-indent:8px;
	background:url(/img-common/bg_blockquote.gif) no-repeat 0 .6em;
}

.errorHidden {
	display:none;
}

img.left	{
	float: left;
}
	
img.right	{
	float: right;
}

img.top  {
	float:none;
	clear:both;
}

.imageWrapper.top  {
	float:none;
	clear:both;
}

img.bottom
{
	display: block;
}

.clearer    {
	clear: both;
}
	
.noborder	{
	border: 0px none;
}

#skiplinks	{
	position:absolute;
	left:-9999px;
}

.targetskipMenu	{
	display:block;
	width:10px;
	height:1px;
	overflow:hidden;
}

html body .visibleAfterToggle   {
	position: absolute;
	left:-99999em;
	width:1px;
	overflow:hidden;
}

html body .hiddenAfterToggle   {
	
}
	
	* html body .hiddenAfterToggle {
		
	}

/* ************************* /1.2 COMMON ************************** */

/* ************************* 1.2 IMAGE WIDTHS ************************** */
/* dessa blir obsoleta i och med 1.6 */
/*
	.extraColumn img.top, 
	.extraColumn img.left, 
	.extraColumn img.right, 
	.extraColumn img.bottom
	{
		max-width: 280px;
		height: auto;
	}
	
	* html .extraColumn img.top, 
	* html .extraColumn img.left, 
	* html .extraColumn img.right,
	* html .extraColumn img.bottom
	{
		width:100%;
		height: auto;
	}
*/
/* /dessa blir obsoleta i och med 1.6 */

/* ************************* /1.2 IMAGE WIDTHS ************************** */

/* ************************** 2 PAGE AREAS ***************************** */

#mainWrapper
{
	width: 990px;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
}
	
.topHeaderContents
{
	display:block;
}

#mainBottom,
#mainTop,
#topHeaderSecondaryContents
{ clear: both; }	

/* ************************** 2.1 Columns ***************************** */

.column			{ 
	float: left; 
	overflow:hidden;
	}
	
.column .inner 	{ 
	padding: 6px 0px 0px 0px; 
	}
	
.mainContainer	{ 
	width: 769px; 
	}

/*!PAGE COLUMNS, THESE ARE AREAS WITH FIXED WIDTH THAT 
SHOULD NOT BE CHANGED!*/

.adColumn	{ 
	width: 201px;
	float:right;
}

.adColumn .inner	{ 
	padding-left: 0px; 
}


#adTop   {	
	clear:both;
 } 
	
#mainContent	{
	float: left;
}

/* --------------------------------- stdcolLayout  ----------------------------- 
	Cols-Main				1
	Cols-Main_Ad			2
	Cols-Main_Extra_Ad		3
	Cols-Main_Nav_Ad		3-nav
	Cols-Main_Nav_Extra_Ad	4
*/ 
/*-------------------Column widths in 1 column layout = main ---------------------*/
.std1colLayout .mainContainer,
.Cols-Main .mainContainer
{
	width: 1000px;
}
.std1colLayout #todaysHeadlines,
.Cols-Main #todaysHeadlines
{
	/* 1000px (.mainContainer) - 12px - 12px (left/right padding) */
	width: 976px;
}
.std1colLayout #mainBottom .footer,
.Cols-Main #mainBottom .footer
{
	/* 1000px (.mainContainer) - 14px (left padding) */
	width: 986px;
}

.Cols-Main_Nav_Extra_Ad #AttentionTeaserWrapper { width:631px; }

.Cols-Main_Ad #AttentionTeaserWrapper,
.Cols-Main_Extra_Ad #AttentionTeaserWrapper
{ width:768px; }

/*-------------------Column widths in 2 column layout = main + adcol -------------*/
.std2colLayout .mainColumn,
.Cols-Main_Ad .mainColumn
{ 
	width: 100%; 
}
	.std2colLayout .mainColumn .inner,
	.Cols-Main_Ad .mainColumn .inner
	{ 
		padding:0 12px 0 0;
	}

/*-------------------Column widths in 2 column layout = main + adcol -------------*/
.std2colLayout .mainColumn,
.Cols-Main_Extra .mainColumn
{ 
	width: 700px;
}

.Cols-Main_Extra .mainContainer {
	width:990px;
}

.Cols-Main_Extra #mainBottom {
	width:976px;
}

.Cols-Main_Extra .extraColumn
{ 
	width: 280px;
}
	.std2colLayout .mainColumn .inner,
	.Cols-Main_Extra .mainColumn .inner
	{ 
		padding:0 12px 0 0;
	}

/*--------------Column widths in 3 column layout = main, extra + adcol -----------*/
.std3colLayout .mainColumn,
.Cols-Main_Extra_Ad .mainColumn
{ 
	width: 468px; 
	overflow:hidden;
}
	.std3colLayout .mainColumn .inner,
	.Cols-Main_Extra_Ad .mainColumn .inner
	{ 
		padding-right: 0px;
	}
	.std3colLayout .extraColumn,
	.Cols-Main_Extra_Ad .extraColumn
	{ 
		width: 301px; 
		overflow:hidden;
	}
		.std3colLayout .extraColumn .inner,
		.Cols-Main_Extra_Ad .extraColumn .inner
		{ 
			padding:42px 0 0 20px;
		}

/*--------------Column widths in 3 column layout = main, nav + adcol -----------*/
.Cols-Main_Nav_Ad
{
	/* design ej specificerad */
}

/* --------- Column widths in 4 column layout = main, nav, extra + adcol ---------*/
.std4colLayout .navColumn,
.Cols-Main_Nav_Extra_Ad .navColumn
{ 
	width: 115px; 
	overflow:hidden;
}
.std4colLayout .mainColumn,
.Cols-Main_Nav_Extra_Ad .mainColumn
{ 
	width: 468px; 
	overflow:hidden;
}
	.std4colLayout .mainColumn .inner,
	.Cols-Main_Nav_Extra_Ad .mainColumn .inner
	{
		padding:12px;
		overflow:hidden;
	}
.std4colLayout .extraColumn,
.Cols-Main_Nav_Extra_Ad .extraColumn
{ 
	width:175px;
	overflow:hidden;
}

 /* ----------------------------- /stdcolLayout  ------------------------------- */


/*-----------------------------------page Blocks----------------------------------*/

.pageBlockContainer .pageBlock.column100 {
	width: 100%;	
	}

#mainWrapper .pageBlockContainer .pageBlock.column5050{
	float: left;
	width: 50%;
	display:inline;
	overflow:hidden;
}

.pageBlockContainer .pageBlock.column6633.column1 {
	float: left;
	width: 66%;
	overflow:hidden;

	}
	
.pageBlockContainer .pageBlock.column6633.column2 {
	float: left;
	width: 33%;
	overflow:hidden;
	}
	
.pageBlockContainer .pageBlock.column333333 {
	float: left;
	width: 33%;
	overflow:hidden;
	}
	
.pageBlockContainer .pageBlock.column25252525 {
	float: left;
	width: 25%;
	display:inline;
	overflow:hidden;
}

.pageBlockContainer .pageBlock.column2020202020 {
	float: left;
	width: 20%;
	display:inline;
	overflow:hidden;
}

.pageBlockContainer .pageBlock.column2020202020,
.pageBlockContainer .pageBlock.column25252525,
#mainWrapper .pageBlockContainer .pageBlock.column5050 {
margin-left:-1px;
}
/*---------------------------------page Blocks----------------------------*/

/* *************************** /2.1 Columns ***************************** */
	
/* ************************** /2 PAGE AREAS ***************************** */

/* ******************** 3 EXEPTIONS FROM VALID ************************** */
body.std3colLayout div.mainContentContainer,
body.Cols-Main_Extra_Ad div.mainContentContainer
{
	height: 1%;
}
/* ******************** / 3 EXEPTIONS FROM VALID ************************ */

/* ******************************4 UPDATES ****************************** */


#mainWrapper #topHeaderContents    {
	float: none;
}

#mainWrapper #topHeaderContents .simpleTeaserContainer   {
	border:none;
}
	
	
.loggOffContainer	   {
	border:1px solid #DDD;
	padding:4px;
}

.tipafriendContainer2_confirmation a.close	   {
	display:none;
}

/* ****************************** /4 UPDATES **************************** */

/* ************************* 5.STRUCTURAL ******************************* */

*.structural   {
	position:absolute;
	left:-9999px;
}


h2.structuralFloat   {
	position:absolute;
	left:-9999px;
}

h2.structuralFooter  {
	visibility:hidden;
	font-size:0px;
}

.appendixLink span  {
	position:absolute;
	left:-9999px;
	font:4em bold Arial, Helvetica, sans-serif;
}


/* ************************** /5.STRUCTURAL **************************** */

/* ************************** 7. imageText ***************************** */



div.imageCaption,
div.staticImageCaption {
	color:#666;
	line-height:1.5;
	font-size:.9em;
	border-bottom:1px solid #ddd;
	padding:6px 0;
	margin-bottom:10px;
}

div.imageCaption p,
div.staticImageCaption p {
	padding:0;
}

.JSEnabled div.imageCaption {
	background-color:#fff;
	opacity:.75;
	font-size:1em;
	position:absolute;
	bottom:0;
	margin:0;
	left:0;
	width:100%;
	color:#000;
	border:0;
}

.JSEnabled div.imageCaption p,
.JSEnabled div.imageCaption * {
	margin:5px;
}

div.imageCaptionIcon {
	width:20px;
	height:20px;
	position:absolute;
	right:3px;
	bottom:3px;
	background:#ddd;
	border:1px solid #000;
}

/*iefix*/
.JSEnabled div.imageCaption {
	filter: alpha(opacity=70);
}

/* ************************* /7. imageText ***************************** */


/* ************************** 8. modalWindow *************************** */

#modalWindowOverlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:5000;
	display:none;
}

#modalWindowWrapper {
	z-index:5002;
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	width:650px;
}

#modalWindowClose {
	position:absolute;
	top:0;
	right:0;
}

#focusModalWindow {
	position:absolute;
	left:0;
	top:0;
	width:1px;
	height:1px;
	font-size:0;
	line-height:0;
	display:block;
}

#modalWindowWrapper.factory {
	position:absolute;
	display:block;
	visibility:hidden;
}

#modalWindowWrapper.factory #modalWindowInner {
	width:inherit;
	height:inherit;
	overflow:inherit;
}

#modalWindowInner {
	width:100%;
	height:100%;
	position:relative;
}

* html #modalWindowWrapper.factory #modalWindowInner {
	width:1px;
	display:inline;
}

#modalWindowInner.scrollable {
	overflow:auto;
}

#modalWindowLoader, #modalWindowErrors {
	position:absolute;
	left:50%;
	top:50%;
	display:none;
	z-index:5001;
}

/* *** Exceptions from valid *** */

/* iefix, not valid */
#modalWindowOverlay {
	opacity:.7;
	filter: alpha(opacity=70);
}



/* ************************** /8. modalWindow **************************** */


/* ************************** 10. COMMUNITY.POSTING.REPORT.JSP
This is css for the page reached when "anmäl" is clicked in the comments for an article.
This page does not include the indvidual stylesheets for the papers so for that reason it´s style is placed here
**************************************************************/
.articleCommentReport {font: normal 1em Arial, Helvetica, sans-serif; padding:12px;}
.articleCommentReport h1 {color: #FFF; font-size: 1.5em; font-weight: bold; background: #000; margin: 0 0 8px 0; clear: right; padding: 2px 12px;}
.articleCommentReport form .box {padding: 0 0 8px 0;}
.articleCommentReport form .box span.required {color: #C60707;}
.articleCommentReport form .box.reason textarea, .articleCommentReport form .box.name input ,.articleCommentReport form .box.email input {display:block; border:1px solid #AAA; width: 100%;}
.articleCommentReport form .box input.ownLineSubmitform {background:transparent url(/img-common/bg_standardButton.png) repeat-x scroll 0%;
border: 1px solid #CCC;
cursor:pointer;
font-size:11px;
font-weight:bold;
padding:2px 6px;}
/* ************************** /10. COMMUNITY.POSTING.REPORT.JSP *************************** */


/* ************************** 11. fallback if not flash *********************************** */


#userTasksPage  {
	font-size:0.9em;
	padding:6px 0 6px 0;
} 

#userTasksPage a:link  {
	text-decoration:none;
	padding:4px;
	line-height:1.4;
} 

#userTasksPage h2   {
	position:absolute;
	left:-9999px;
}

#userTasksPage h2   {
	font-size:1em;
}

#userTasksPage ul li   {
	display:inline;
	border-right:1px solid #DDD;
	margin:0 1px 0 1px;
	padding:2px;
}

.userInfo    {
	border-right:1px solid #DDD;
	padding: 1px 6px 0px 6px;
	float:left;
	font:bold 1em Arial, Helvetica, sans-serif;
}

#userTasksPage ul li.settings   {
	border-right:1px solid #DDD;
	padding-right: 8px;
}

ul.userFunctionLinks   {
	float:left;
}

ul.userFunctionLinks input   {
	border:none;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	font-size:100%;
}


/* ************************** /11. fallback if not flash ********************************** */


/* ************************** 12. JS CSS LEFT NAVIGATION T0103 *************************** */


.JSEnabled #leftNavWrapper #leftNav .item {
}

.JSEnabled #leftNavWrapper #leftNav .item a {
	position:relative;
	display:block;
	width:100%;
}

.JSEnabled #leftNavWrapper #leftNav .item span {
	display:block;
}

.JSEnabled #leftNavWrapper #leftNav .item .eyecandy {
	position:absolute;
	width:100%;
}

h3.structural    {
	position:absolute;
	left:-9999px;
}


/* *************** IE6 fixes **************** */

*+html .JSEnabled #leftNavWrapper #leftNav .item a * {
	cursor:hand;
}

* html .JSEnabled #leftNavWrapper #leftNav .item a * {
	cursor:hand;
}

div.dip_navigation {
	position: static !important;
}



/* ************************** /12. JS CSS LEFT NAVIGATION T0103 *************************** */


/* *************************** 13 THIRD PARTY CSS ***************** */

/* *************************** 13.1 Calendar Date Select ********** */

.calendar_date_select {
  border:#777 1px solid;
  display:block;
  width:195px;
  z-index: 1000;
  background-color:white;
}
/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should always be just underneath .calendar_date_select */
iframe.ie6_blocker {
  position: absolute;
  z-index: 999;
}

.calendar_date_select thead th {
  color: black !important;
  font-weight:bold;
}

.calendar_date_select .cds_buttons {
  text-align:center;
  padding:5px 0px;
}

.calendar_date_select .cds_footer {
  padding:3px;
  font-size:10px;
  text-align:center;
}

.calendar_date_select table {
  margin: 0px;
  padding: 0px;
}


.calendar_date_select .cds_header {
  text-align:center;
}

.calendar_date_select .cds_header * {
  border:0px;
  background-color:white;  
}

.calendar_date_select .cds_header span {
  font-size:15px;
  color: black;
  font-weight: bold;
}

.calendar_date_select select { font-size:11px;}

.calendar_date_select .cds_header a:hover {
  color: white;
}
.calendar_date_select .cds_header a {
  width:22px;
  height:20px;
  text-decoration: none;
  font-size:14px;
  color:black !important;
}

.calendar_date_select .cds_header a.prev {
  float:left;
}
.calendar_date_select .cds_header a.next {
  float:right;
}
.calendar_date_select .cds_header a.close {
  float:right;
  display:none;
}

.calendar_date_select .cds_header select.month {
  width:90px;
}

.calendar_date_select .cds_header select.year {
  width:61px;
}

.calendar_date_select .cds_buttons a {
  color: black;
  font-size: 9px;
}
.calendar_date_select td {
  font-size:12px;
  width: 24px;
  height: 21px;
  text-align:center;
  vertical-align: middle;
  background-color: #fff;
}
.calendar_date_select td.weekend {
}

.calendar_date_select td div {
  color: #000;
}
.calendar_date_select td div.other {
  color: #ccc;
}
.calendar_date_select td.selected div {
  color:white;
}

.calendar_date_select tbody td {
}
.calendar_date_select td.selected {
  background-color:#777;
}

.calendar_date_select td:hover {
  background-color:#ccc;
}

.calendar_date_select td.today {
  border: 1px dashed #999;
}

.calendar_date_select td.disabled div {
  color: #e6e6e6;
}

.fieldWithErrors .calendar_date_select {
  border: 2px solid red;
}

/* *************************** /13.1 Calendar Date Select ********* */

/* *************************** /13 THIRD PARTY CSS **************** */