/*
@media print {
#top {display: none}
#right {display: none}
#page_control {display: none}
#banners  {display: none}
}
*/

body
	{
	background: #fff;
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
	}

body, div, p, th, td, li, dd
	{
	font: 11px verdana, tahoma, arial, helvetica, san-serif;
	}

p, div, h1, h2, h3, h4, h5, h6
	{
	margin: 0px;
	padding: 0px
	}

p
	{
	/*margin-bottom: 15px*/
	}

hr
	{

	color: #b11031;
	background: #b11031;
	height: 1px;
	margin-bottom: 15px;
	border: none
	}

h1
	{
	letter-spacing: -1px;
	font: 300% arial, helvetica, verdana, san-serif;
	margin-bottom: 4px;
	font
	}
h2
	{
	letter-spacing: -0.005em;
	font: 167% arial, helvetica, verdana, san-serif;
	margin-bottom: 0px;
	}

h3
	{
	font: bold 130% arial, helvetica, verdana, san-serif;
	}

h6
	{
	font: 90% verdana, arial, helvetica, san-serif;
	font-weight: normal
	}

a, a:link
	{
	color: #3b5660;
	text-decoration: none
	}

#all
	{
	float: left;
	width: 785px;
	}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -[THE TOP] */

#top, .stats, #head, #navigation
	{
	width: 785px;
	}

.stats
	{
	height: 60px;
	background: url(../images/topp.png) no-repeat
	}

#head
	{
	height: 74px;
	}

.hide
	{
	display: none
	}

a.logo
	{
	display: block;
	margin-top: 14px;
	width: 276px;
	height: 55px;
	float: left;
	background: url(../gfx/logo.gif) no-repeat
	}

#date
	{
	margin-top: 8px;
	text-align: center;
	float: right;
	width: 105px;
	height: 63px;
	background: url(../gfx/bg_date.png) no-repeat
	}

#date h4
	{
	font-size: 16px;
	color: #fff;
	margin-top: 2px;
	}

#date h3
	{
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 2px;
	margin-top: -2px;
	}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -[THE MENU] */

#navigation
	{
	height: 42px
	}

.hidefirst
	{
	position: absolute;
	float: left;
	width: 1px;
	height: 42px;
	background: url(../gfx/hide_first.gif) no-repeat
	}

#menu
	{
	float: left;
	width: 614px;
	height: 42px;
	background: url(../gfx/bg_menu.gif)
	}

#menu ul, #static_links ul	{
	margin: 0px;
	padding: 0px;
	}

#menu ul li, #static_links ul li{
	font-size: 11px;
	display: inline;
	float: left;
	margin-top: 3px;
	padding-bottom: 4px;
	padding-left: 14px;
	padding-right: 14px;
	background: url(../gfx/menu_devider.gif) no-repeat
	}

#menu a, #static_links a
	{
	color: #000;
	text-decoration: none;
	font-size: 11px;
	}

#menu a:hover, #static_links a:hover
	{
	color: #b11031;
	}

/*------------------------------------------------------------------------------------*/


#rss_icon
	{
	width: 21px;
	height: 42px;
	float: right;
	background: url(../gfx/bg_menu.gif);
	}

#rss_icon img
	{
	margin: 3px 0px 0px 4px
	}

#rss_icon a
	{
	display: block;
	height: 18px;
	margin-bottom: 2px;
	background:transparent url(../gfx/menu_devider.gif) no-repeat
	}

#navigation form
	{
	margin: 0px;
	padding: 0px;
	}

#static_links
	{
	width: 150px;
	height: 42px;
	float: right;
	background: url(../gfx/bg_menu.gif)
	}

#static_links ul li
	{
	padding-left: 8px;
	padding-right: 0px
	}

#static_links ul li.searchBoxForm{
	padding: 0px;
	margin: 0px;
	padding-left: 8px;
	height: 21px;
}


#static_links .searchField{
	background: url(../gfx/search_ico.gif);
	background-repeat: no-repeat;
	width: 90px; 
	height: 12px;
	_height: 16px;
	font-size: 9px;
	border: 1px solid black;
	padding-left: 15px;
}

#static_links .searchButton{
	height: 17px;
	font-size: 10px;
	padding: 0px;
	border: 1px solid white; 
	border-bottom: 1px solid #b11031;
	background-color: #b11031;
	color: white;
	margin-left: 2px;
}

/*------------------------------------------------------------------------------------*/

#static_links a
	{
	padding-left: 18px;
	height: 14px;
	background: url(../gfx/lo_logo.gif) no-repeat 0px 0px
	}

#static_links a.static2
	{
	background: url(../gfx/search_ico.gif) no-repeat 0px 0px
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -[/THE MENU] */

#link_tracer
	{
	font-size: 11px;
	padding-left: 14px;
	padding-top: 5px;
	_margin-bottom: 2px;
	color: #ababab;
	height: 18px;
	_height: 21px;
	background: url(../gfx/dot.gif) no-repeat 4px 9px
	}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -[THE CONTENT] */

#left
	{
	padding-bottom: 20px;
	padding-right: 25px;
	}

#right
	{
	width: 205px;
	}

#content
	{
	padding-top: 13px;
	padding-bottom: 23px;
	}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -[THE PAGE CONTROLL] */

#page_control
	{
	color: #920522;
	font-size: 11px;
	width: 100%;
	height: 21px;
	text-align: right;
	padding-top: 3px;
	background: url(../gfx/bg_fade-dots.gif) repeat-x
	}

a.friend 
	{
	color: #920522;
	font-size: 11px;
	padding-left: 25px;
	background: url(../gfx/friend_ico.gif) no-repeat;
	text-decoration:none; 
	}

a.insandare 
	{
	color: #920522;
	font-size: 11px;
	padding-left: 25px;
	background: url(../gfx/skriv_insandare_ico.gif) no-repeat 9px 1px;
	text-decoration:none; 
	}

a.print
	{
	color: #920522;
	font-size: 11px;
	padding-left: 25px;
	background: url(../gfx/print_ico.gif) no-repeat
	}

a.increase
	{
	display: inline;
	padding-left: 17px;
	width: 21px;
	height: 13px;
	background: url(../gfx/increase_but.gif) no-repeat 0px 1px;
	margin-bottom: -2px
	}

a.decrease
	{
	display: inline;
	padding-left: 20px;
	width: 20px;
	height: 13px;
	background: url(../gfx/decrease_but.gif) no-repeat 0px 1px;
	margin-bottom: -2px
	}

p.block
	{
	margin-right: 8px;
	font-size: 11px
	}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -[THE NEWS] */


.ingress_left, .ingressLeft
	{
	margin-right: 8px
	}

.ingress_right, .ingressRight
	{
	margin-left: 8px
	}

.ingress_full, .ingressFull{
	margin-bottom: 10px;
	display: block;
	clear: both;
}

.ingressLeft
	{
	float: left;
	}

.ingressRight
	{
	float: right;
	}

.ingressFull{
}

div#news
	{
	margin-top: -10px
	}

.news_table
	{
	position: relative;
	top: -14px;
	_top: -14px;
	}

.news_big
	{
	padding-bottom: 10px;
	padding-top: 4px;
	background: url(/media/lotidningen/media/gfx/dots_ver.gif) repeat-x bottom
	}

td.news_divider
	{
	background: url(/media/lotidningen/media/gfx/dots_ver.gif) repeat-x bottom;
	background-position: -4px -4px;
	}
	
div.news_divider
	{
	height: 3px;
	}

.news_small
	{
	padding-bottom: 10px;
	padding-top: 4px;
	}

.date, .newsDate
	{
	color: #808080;
	margin-bottom: 4px
	}

td.devider
	{
	width: 20px;
	background: url(/media/lotidningen/media/gfx/dots_hor.gif) repeat-y center ;
	}

div.devider
	{
	width: 20px;
	}

.news_end
	{
	background: url(/media/lotidningen/media/gfx/dots_ver.gif) repeat-x top
	}

.archive_links
	{
	margin-bottom: 12px;
	}

span.date, div.newsArchive span.newsDate
	{
	margin-right: 10px
	}

.newsLeft {
	float:left;
	color: #808080;
}

.newsRight {
	float:right;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -[THE BOXES] */

#box
	{
	width: 205px;
	margin-bottom: 15px
	}

#boxtop
	{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	padding-left: 26px;
	padding-top: 4px;
	width: 179px;
	_width: 205px;
	height: 17px;
	_height: 21px;
	background: url(../gfx/bg_boxtop.gif) no-repeat	
	}

#boxtop a, #boxtop a:visited
	{
	color: #fff;
	text-decoration: none
	}

#boxcontainer, #boxcontainer2, #boxcontainer3
	{
	margin-top: 3px;
	font-size: 11px;
	padding: 10px;
	padding-right: 5px;
	width: 188px;
	_width: 205px;
	border: 1px solid #cacaca
	}

#boxcontainer p
	{
	font-size: 11px;
	}

#boxcontainer3 p
	{
	font-size: 11px;
	text-indent: 19px;
	background: url(../gfx/citat.gif) no-repeat 1px 3px
	}

#boxcontainer2
	{
	padding: 0px;
	padding-right: 0px;
	width: 203px;
	_width: 205px;
	}

#boxcontainer2 p
	{
	font-size: 11px;
	font-weight: bold;
	margin: 10px;
	margin-bottom: 5px
	}

.fackfolk
	{
	font-size: 11px;
	}

.vykort
	{
	font-size: 11px;
	padding-left: 60px;
	padding-bottom: 10px;
	background: url(../images/vykort2.gif) no-repeat
	}

#box a
	{
	font-weight: bold
	}

.citat
	{
	font-size: 11px;
	text-indent: 19px;
	background: url(../gfx/citat.gif) no-repeat 1px 3px
	}

.boxnormal
	{
	font-size: 11px;
	text-indent: 10px;
	background: url(../gfx/square.gif) no-repeat 0px 3px
	}

.author
	{
	font-size: 11px;
	color: #8d8d8d
	}

#boxcontainer p, #boxcontainer2 p, #boxcontainer3 p
	{
	margin-top: -1px;
	}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -[THE CONTACT FORM] */

label{
	display: block;
}

/* FIXME : Används dessa styles någonstans? */

#kontakt
	{
	padding-bottom: 20px;
	margin-bottom: 20px;
	}

#kontakt .button
	{
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	width: 68px;
	height: 24px;
	margin-right: 10px;
	margin-top: 10px;
	}

#kontakt input, #kontakt select
	{
	margin-left: 0px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	}

.radio
	{
	margin-right: 0px;
	margin-bottom: -3px;
	}

.field, #contact select
	{
	padding-left: 3px;
	width: 270px;
	margin-bottom: 10px;
	margin-top: 2px
	}

.field-big
	{
	padding-left: 3px;
	width: 370px;
	height: 150px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -[THE FACKFOLK I FARTEN] */

#contact h1, #contact table
	{
	border-bottom: 1px solid #b11031
	}

.fack_td
	{
	padding-bottom: 10px;
	width: 570px
	}

.image_td
	{
	width: 148px
	}

.image_top
	{
	font-size: 6px;
	width: 146px;
	height: 9px;
	margin: 0px;
	padding: 0px;
	background: url(../gfx/frame_top.gif) no-repeat
	}

.image
	{
	padding-left: 8px;
	width: 146px;
	background: url(../gfx/frame_bg.gif) repeat-y;
	margin-bottom: -2px;
	_margin-bottom: 0px;
	}

.image_bottom
	{
	font-size: 6px;
	width: 146px;
	height: 13px;
	background: url(../gfx/frame_bottom.gif)
	}

.contactInfo
	{
	padding-bottom: 2px;
	padding-top: 6px;
	border-bottom: 1px dashed #a6a6a6
	}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -[THE MAT PÅ JOBBET] */

h2.mat
	{
	margin-top: -10px
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -[THE FOOTER] */

#footer
	{
	width: 785px;
	clear: both;
	padding-top: 5px;
	padding-bottom: 8px;
	font-size: 10px;
	border-top: 2px solid #b11031
	}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -[THE BANNERS] */

#banners
	{
	padding-left: 17px;
	padding-top: 69px;
	width: 145px;
	background: url(../gfx/annonser.gif) no-repeat 17px 0px;
	}

#banners img
	{
	margin-bottom: 7px;
	border: none
	}

.bylineBottom{padding-top:10px;}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -[PAGEING] */

div.paging
	{
	border-top:1px solid #D9D3C6;
	margin-top:20px;
	padding-top:5px;
	text-align:center;
	width:auto;
	clear: both;
	height: 20px;
	}

div.previous
	{
	float: left;
	width: 100px; 
	text-align: left;
	}
	
div.pages
	{
	float: left;
	width: 355px; 
	text-align: center;
	}
	
div.next
	{
	float: left;
	width: 100px; 
	text-align: right;
	}
	
	/**
	 * Search match styles
	 */

.searchMatch{
	font-weight: bold;
	color: #b11031
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {
	color: black;
	text-decoration: none;
	font-weight: bold;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -[COMMENTS] */

div#comment{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 2px solid #b11031;
}

div#comment table td{
	font-weight: bold;
	font-size: 14px;
}

/*
div#comment .actionSuccess{
	font-weight: bold ;
	padding: 10px ;
	border-left: 10px solid #3b5660 ;
}
*/
#commentText{
	width: 400px;
	height: 80px;
}

#comment td p{
	padding: 0px;
	margin: 0px;
}

#comment span.commenter{
	font-weight: bold ;
}

#comment p.commentBody{
	margin-bottom: 10px;
}

span.commentDate{
	color: #808080 ;
}

#formpostComment label{
	font-size: 12px;
	font-weight:bold;
}


.newsMedium .newsItem{
	min-height: 100px;
	background: transparent url(/media/lotidningen/media/gfx/dots_ver.gif) repeat-x scroll -4px -4px;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;1
	
}
.newsMedium .newsItem .newsDate{
	display:none;

}

#everythingMenu {
display:none;
position: absolute;
left: 396px;
top: 174px;
float: left;

z-index: 10;
width: 245px;

}

#everythingMenu div.everythingTop{

padding-left: 25px;
background: transparent url(/media/lotidningen/media/gfx/menu-semitransparent-bg.png) repeat-y;
}

#everythingMenu div.everythingBottom{
height: 30px;
background: transparent url(/media/lotidningen/media/gfx/menu-semitransparent-bg-bottom.png) no-repeat;
}


#everythingMenu #boxtop{
	color: black;
	background: none white;
	padding: 0px;
}

#everythingMenu a{
	color: black;
}

#everythingMenu #box{
	margin: 0px;
	padding-top: 10px;

}

#everythingMenu #boxcontainer, #everythingMenu #boxcontainer2, #everythingMenu #boxcontainer3{
	border: 1px solid white;
	padding: 0px; 
		width: 192px;
}



/*
	=weeklyQuote 
	Veckans citat, själva boxen som innehåller itemet med text och bild.
*/ 

#weeklyQuote{
	margin-left: 20px;
	float: left;
	width: 480px;
	height: 73px; 
	overflow: hidden;
}

#weeklyQuote p.quoteText{
	margin-top: 20px;
	color: rgb(153, 153, 153);
	font-size: 10px;
}

#weeklyQuote p.quoteText a{
	color: rgb(153, 153, 153);
}

#weeklyQuote .quoteIcon{
	margin-top: 2px;
	padding-right: 10px;
}

/*
	=dateInfo 
	Divven som innehåller dagens datum som printas under loggan
*/ 

#dateInfo{
	font-size: 85%;
	float: left;
	position:absolute; 
	margin-top: 120px;
}

#dateInfo span{
	text-transform: capitalize;
}

/*
	=packageTop
	Pakettopp - Nya sidhuvudet för löpen
*/ 

#packageTop h1{
	font-weight: bold;
	line-height: 90%;
}


#packageTop{

	padding-bottom: 15px;
	margin-bottom: 20px;
	background: transparent url(/media/lotidningen/media/gfx/dots_ver.gif) repeat-x scroll center bottom;
}

#packageTop img{
	padding-right: 10px;
}

#packageTop ul{
margin: 0px;
margin-top: 10px;
margin-left: 25px;
padding: 0px;
}

#packageTop li{
	list-style-image: url(/media/lotidningen/media/gfx/list-bullet.gif);
	margin-left: 0px;
	padding-left: 0px;
	color: #3b5660 ;
}
/*
	=sideBoxRight
	De nya "Blå boxarna"
*/

.sideBoxRight h2{
	text-transform: uppercase;
	padding: 5px;
	padding-left: 7px;
	font-size: 95%;
	font-weight: bold;
	position: relative;
}

.sideBoxRight h2.ledare{
	background: transparent url(/media/lotidningen/media/gfx/bg-ledare.png) ;
}

.sideBoxRight h2.debatt{
	background: transparent url(/media/lotidningen/media/gfx/bg-debatt.png) ;
}

.sideBoxRight h2.kronikor{
	background: transparent url(/media/lotidningen/media/gfx/bg-kronikor.png) ;
}

.sideBoxRight h2.kultur{
	background: transparent url(/media/lotidningen/media/gfx/bg-kultur.png) ;
}

.sideBoxRight > img{
	margin-top: -23px;
	z-index: 60;
	margin-bottom: 6px;
}

.sideBoxRight h4{
	padding-left: 7px;
	z-index: 10;
	padding-bottom: 2px;
	padding-top: 2px;
}

.sideBoxRight p{
	padding-left: 7px;
	padding-bottom: 0;
	font-size: 90%;
}

.sideBoxRight ul{
	clear: both;
	margin: 0px;
	padding: 6px 0 0 0;
	margin-left: 24px;
}

.sideBoxRight ul li{
	list-style-image: url(/media/lotidningen/media/gfx/list-bullet.gif);
	margin-left: 0px;
	padding-left: 0px;
	color: #3b5660 ;
}

.sideBoxRight table{
	padding-top: 7px;
	padding-left: 7px;
}

.sideBoxRight table td{
	font-size: 95%;
}

.topBox {
	border: 1px solid #b11031;
	padding-bottom: 10px;
}

.topBox p {
	padding-right: 5px;
	padding-top: 10px;
}

.topBox h2 {
	color: #fff;
	background: transparent url(/media/lotidningen/media/gfx/bg-avtalsrorelsen.png) ;
}

/*
	=contactList
*/
ul.contactList{
	margin: 0px;
	padding: 0px;
}

ul.contactList li{
	list-style: none;
}

/*
	=newsListColumns
*/
table.newsListColumns ul li span{
	display: none;
}

ul.newsList{
	margin: 0px;
	padding: 0px;
}

ul.newsList li{
	list-style-image: url(/media/lotidningen/media/gfx/list-bullet-gray.gif);
	margin-left: 25px;	
	margin-bottom: 7px;
	line-height: 110%;
	margin-right: 10px;
	padding-left: 0px;
	color: #3b5660;
}

.newsList span {
display: none;}

/*
	=formChiabata
*/
	
.formChiabata div img
	{
	border: 2px solid #fff;
	margin: 4px;
	padding: 1px;
	width: 53px;
	height: 53px;
	cursor: pointer;
	}

.formChiabata div img:hover
	{
	width: 67px;
	height: 67px;
	margin :-3px;
	}
	
.formChiabata div img.chiabataImageOn
	{
	border: 2px solid green
	}
	
.formChiabata div img.chiabataImageOff
	{
	border: 2px solid #b2b2b2
	}


.loginStatus{
	font-size: 80%;
	color: white;

	background-color: #ff0325;

	top: 0px;
	left: 822px;
	position: absolute; 
	width: 128px;
	height: 35px;
	border: 1px solid #b11031;
	padding: 5px;
}

.loginStatus .userName{
	font-weight: bold;
}

.loginStatus a{
	color: white;
	display: block;
	text-align: right;
}

.imageComment p a{
	cursor: pointer;
}

/*
.imageComment p a.hideAbuseButton{
	display: none;
}*/

.abuseBox{
	border: 2px solid #b11031;
	padding: 10px;
	margin-bottom: 20px;
	text-align: center;
}

/*#everythingMenu *{
	border: 1px solid red;
}*/

#surveyPopup{
	float: left;
	position: absolute;
	top: 100px;
	left: 100px;
	padding: 20px;
	width: 340px;
	height: 100px;
	background-color: white;
	border: 2px solid #b11031;
	z-index: 2000;
	background:white url(../gfx/logo.gif) no-repeat scroll 20px 20px;
	padding-top: 90px;
}

#surveyPopup .closeSurveyBox{
	float: right;
	display: block
}

/* Overrides chiabata */

.formChiabata div img.chiabataImageOn {
border:2px solid #b11031;
}

/* error actionSuccess actionHelp */
 
 div.error {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background: #f7dede url(/media/gfx/smooo/icon_error.gif) no-repeat scroll 19px center;
	border: 1px solid #eac7c7;
	color: #B64747;
	padding: 10px 20px 15px 100px;
	margin: 15px 0 15px 0;
	min-height: 55px;
}

div.success, div.actionSuccess {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background: #e6efc2 url(/media/gfx/smooo/icon_success.gif) no-repeat scroll 19px center;
	border: 1px solid #c6d880;
	color: #529214;
	padding: 40px 20px 0 100px;
	margin: 15px 0 15px 0;
	min-height: 55px;
	font: normal 130% arial, helvetica, verdana, san-serif;
}

.error ul, .success ul, div.actionSuccess ul
	{
	list-style:disc;
	padding:20px 20px 0px 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	}
	
.error ul li, .success ul li, div.actionSuccess ul li
	{
	padding-bottom: 6px;
	font: normal 130% arial, helvetica, verdana, san-serif;
	}
	
.actionHelp
	{
	color: #336699;
	padding: 20px;
	border: 1px solid #c2e1ef;
	margin-bottom: 0px;
	background: #dff4ff;
	}