﻿div.p3_body {
	width: 760px;
	clear: both;
	background: url('/p3/diverse/images/p3start/bg-stripe.gif');
}

/**
* Columns
* Every part of this page is wrapped into different
* columns. One column for menu and chart; one for
* the radio and for the toplists; and three different
* columns for the different types of "puffs".
**/

div#p3_column_top_left {
	float: left;
}

div#p3_column_top_middle {
	float: left;
}

div#p3_column_top_right {
	width: 245px;
	float: right;
	margin: 4px 0px 0px 0px;
	text-align: left;
}

/**
* Stupid and ugly IE vs. FF hack
**/
/*div#p3_column_middle {
	/* IE * /
	width: 515px;
	margin: 0px 0px 0px -4px;
}*/
div#p3_column_bottom {
	/* IE */
	clear: both;
	/*margin: 0px 0px 0px -4px;*/
}
div>div#p3_column_middle {
	/* FF */
	width: 511px;
	float: left;
	margin: 0px;
}
div>div#p3_column_bottom {
	/* FF */
	clear: both;
	margin: 0px;
}
/**/

div#p3_footer {
	clear: both;
	height: 4px;
}

/**
* Links
* Handles all non-styled links,
* including images.
**/

div.p3_body a {
	color: #ff6000;
	text-decoration: none;
}

div.p3_body a:hover {
	color: #ff6000;
	text-decoration: underline;
}

div.p3_body a img, div.p3_body a:hover img {
	border: 0px;
}

div.p3_body a.bold66 {
	font-weight: normal;
}

/**
* Links wrapped into a div styled with the relLink-class
* gets an orange arrow as a background.
**/

div.p3_body div.relLinks, div.p3_body div.relLink {
	margin: 0px;
	padding: 0px;
}

div.p3_body div.relLink a {
	color: #ff6000;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	background: url('/p3/diverse/images/p3start/arrow.orange.gif') 0px 3px no-repeat;
}

div.p3_body div.relLink a:hover {
	color: #ff6000;
	text-decoration: underline;
}

/**
* Paragraphs
* Text-wrappers; all text should be wrapped into
* p-tags.
**/

div.p3_body p {
	display: block;
	margin: 0px;
	padding: 0px;
	line-height: 13pt;
	font-family: Verdana, Arial, Helvetica, 'Sans Serif';
	font-size: 9pt;
	color: #000;
}

div.p3_body div {
	font-family: Verdana, Arial, Helvetica, 'Sans Serif';
	font-size: 9pt;
	color: #000;
}

/**
* Header
* This overruns the content inside the h1-tag,
* which must be an a-tag (a link). And it will
* replace it's content with the P3 logotype.
* This solution is optimized for search engine
* indexing.
**/

div.p3_body h1 {
	width: 143px;
	margin: 0px;
	padding: 0px;
	background: url('/p3/diverse/images/p3start/logotype.gif') no-repeat;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

div.p3_body h1 a {
	display: block;
	width: 143px;
	height: 50px;
}

div.p3_body h1 span {
	display: none;
}

/**
* Lines, HR
* This styles/classes defines all horizontal lines.
* They breaks all floating and they will be rendered
* with a horizontal repeated background.
* It will also override the hr-tag.
**/

div.p3_body hr {
	display: none;
}

div.line_dashed_white {
	clear: both;
	width: 100%;
	height: 1px;
	background: url('/p3/diverse/images/p3start/line.dashed.white.gif') repeat-x;
}

div.line_dashed_pink {
	clear: both;
	width: 100%;
	height: 1px;
	background: url('/p3/diverse/images/p3start/line.dashed.pink.gif') repeat-x;
}

div.line_dashed_darkpurple {
	clear: both;
	width: 100%;
	height: 1px;
	background: url('/p3/diverse/images/p3start/line.dashed.darkpurple.gif') repeat-x;
}

div.line_dashed_black {
	clear: both;
	width: 100%;
	height: 1px;
	background: url('/p3/diverse/images/p3start/line.dashed.black.gif') repeat-x;
}

/**
* Puff -> Akutpuff
**/

div.p3_body table.sr_puffContainer120 {
	background-color: #000;
	color:#fff;
}

div.p3_body div.sr_puff120 {
	
	/*display: none;*/
}

/**
* Menu
**/

div#p3_menu {
	width: 143px;
	margin-bottom: 4px;
	background: url('/p3/diverse/images/p3start/menu.bg.gif') #ffd9f2 repeat-x;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

/**
* All links in menu.
**/

div#p3_menu a {
	color: #000;
	border: 0px;
	padding: 0px 0px 0px 15px;
	background: url('/p3/diverse/images/p3start/arrow.black.gif') 0px 3px no-repeat;
}

/**
* The actual menu, as an ul-list (unordered list).
**/

div#p3_menu ul {
	margin: 0px 0px 0px 7px;
	padding: 0px;
	list-style: none;
}

div#p3_menu ul li {
	margin: 0px;
	padding: 0px;
	line-height: 14pt;
}

div#p3_menu div.top ul {
	margin-top: 10px;
	margin-bottom: 5px;
}

/**
* Two parts of the menu with different background colors.
**/

div#p3_menu div.top {
	width: 143px;
	border-top: 1px solid #fff;
}

div#p3_menu div.bottom {
	width: 143px;
	background-color: #ffbfe9;
}

/**
* Chart
**/

div#p3_chart {
	width: 142px;
	margin: 0px 0px 0px 4px;

}

/**
* All links in chart
**/

div#p3_chart a, div#p3_chart a:hover {
	color: #000;
	border: 0px;
}

/**
* Navigation for the different days
* represented by two back and forward buttons
* and links to the different days (m, t, o, t, f, l, s).
**/

div#p3_chart ul.navigate {
	list-style: none;
	height: 15px;
	margin: 0px;
	padding: 0px;
}

div#p3_chart ul.navigate li {
	display: block;
	height: 15px;
	float: left;
	margin: 0px;
	padding: 0px;
}

div#p3_chart ul.navigate li a img {
	border: 0px;
}

/**
* Every day is styled with the class item.
**/

div#p3_chart ul.navigate li.item a {
	display: block;
	width: 17px;
	height: 15px;
	margin: 0px;
	padding: 2px 0px 0px 0px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	color: #000;
	font-size: 10px;
}

/**
* Every day is also styled with the classes inactive or active.
* The inactive style is set by default. And the active class
* is defined by the javascript which detects what day the user
* are currently browsing.
**/

div#p3_chart ul.navigate li.left a {
	display: block;
	width: 10px;
	height: 15px;
	background: url('/p3/diverse/images/p3start/chart.menu.left.gif') no-repeat;
	font-size: 1px;
}

div#p3_chart ul.navigate li.right a {
	display: block;
	width: 10px;
	height: 15px;
	background: url('/p3/diverse/images/p3start/chart.menu.right.gif') no-repeat;
	font-size: 1px;
}

div#p3_chart ul.navigate li.inactive a {
	background: url('/p3/diverse/images/p3start/chart.menu.inactive.gif') no-repeat;
}

div#p3_chart ul.navigate li.active a {
	position: relative;
	left: -1px;
	margin: 0px -2px 0px 0px;
	width: 22px;
	background: url('/p3/diverse/images/p3start/chart.menu.active.gif') no-repeat;
}

/**
* Styles for the date, which is the current date and month
* aswell as the current time. This content is genererated by
* a javascript.
**/

div#p3_chart div.date {
	width: 141px;
	clear: both;
	margin: 0px;
	padding: 0px;
}

/**
* Sets the background-border at the left and the right border.
**/

div#p3_chart div.date div.bg_left {
	background: url('/p3/diverse/images/p3start/box.sides.gif') left top repeat-y;
}

div#p3_chart div.date div.bg_right {
	background: url('/p3/diverse/images/p3start/box.sides.gif') right top repeat-y;
}

/**
* Handles the date content.
**/

div#p3_chart div.date div.body {
	margin: 0px 2px 0px 2px;
	background-color: #fff;
}

div#p3_chart div.date div.right {
	float: right;
	margin: 4px 4px 0px 4px;
	padding: 0px;
	text-align: right;
}

div#p3_chart div.date div.left {
	float: left;
	margin: 4px 4px 0px 4px;
	padding: 0px;
	text-align: left;
}

/**
* Styles for the chart content,
* which is the diffrent radio programs
* represented in the chart.
**/

div#p3_chart div.content {
	width: 141px;
	clear: both;
	margin:0;
	padding:0;
}

/**
* Sets the background-border at the left and the right border.
**/

div#p3_chart div.content div.bg_left {
	background: url('/p3/diverse/images/p3start/chart.sides.gif') left top repeat-y;
}

div#p3_chart div.content div.bg_right {
	background: url('/p3/diverse/images/p3start/chart.sides.gif') right top repeat-y;
}

div#p3_chart div.content div.body {
	margin: 0px 2px 0px 2px;
	background-color: #ffd9f2;
}

/**
* Styles the scrollers, which the user will
* use for browsing the chart's contents
**/

div#p3_chart div.scroll {
	clear: both;
}

div#p3_chart div.scroll a {
	display: block;
	height: 12px;
	font-size: 1px;
}

div#p3_chart_scroll_up a {
	background: url('/p3/diverse/images/p3start/arrow.up.black.gif') center center no-repeat;
}

div#p3_chart_scroll_up a:hover {
	background: url('/p3/diverse/images/p3start/arrow.up.orange.gif') center center no-repeat;
	text-decoration: none;
}

div#p3_chart_scroll_down a {
	background: url('/p3/diverse/images/p3start/arrow.down.black.gif') center center no-repeat;
}

div#p3_chart_scroll_down a:hover {
	background: url('/p3/diverse/images/p3start/arrow.down.orange.gif') center center no-repeat;
	text-decoration: none;
}

/**
* The actual chart. It's a ul-list (unordered list).
* Each item is by default not rendered, they are instead
* controlled by the javascript.
**/

div#p3_chart div.content ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div#p3_chart div.content ul li {
	display: none;
	margin: 0px;
	padding: 2px;
}

/**
* Sets the different background colors
* for an easy reading.
**/

div#p3_chart div.content ul li.even {
	background-color: #ffd9f2;
}

div#p3_chart div.content ul li.odd {
	background-color: #ffecf9;
}

/**
* Marks the current playing program.
**/

div#p3_chart div.content ul li.live {
	background-color: #ff05aa;
	color: #fff;
}

div#p3_chart div.content ul li.live a {
	color: #fff;
}

/**/

div#p3_chart div.content ul li a {
	font-size: 10px;
	text-decoration: none;
}

div#p3_chart div.content ul li a:hover {
	color: #000;
}

/**/

div#p3_chart div.link {
	width: 141px;
	height: 16px;
	clear: both;
	padding: 1px 0px 0px 6px;
	text-align: left;
	background: url('/p3/diverse/images/p3start/chart.bottom.link.gif') no-repeat;
}

div#p3_chart div.link a {
	font-size: 10px;
	color: #000;
}

/**
* Defines the bottom border.
**/

div#p3_chart div.bg_bottom {
	clear: both;
	width: 131px;
	height: 4px;
	margin-left: 10px;
	background: url('/p3/diverse/images/p3start/box.bottom.gif') right top no-repeat;
	font-size: 1px;
}

div#p3_chart div.bg_bottom div {
	position: relative;
	left: -10px;
	width: 10px;
	height: 4px;
	background: url('/p3/diverse/images/p3start/box.bottom.gif') left top no-repeat;
	font-size: 1px;
}

/**
* Box
* Default style for all boxes/"puffs"/articles.
**/

/**
* Sets the box top border.
**/

div.box div.bg_top {
	height: 4px;
	margin: 0px 0px 0px 10px;
	background: url('/p3/diverse/images/p3start/box.top.gif') right top no-repeat;
	font-size: 1px;
}

div.box div.bg_top div {
	position: relative;
	left: -10px;
	width: 10px;
	height: 4px;
	background: url('/p3/diverse/images/p3start/box.top.gif') left top no-repeat;
	font-size: 1px;
}

/**
* Sets the box bottom border.
**/

div.box div.bg_bottom {
	height: 4px;
	margin: 0px 0px 0px 10px;
	background: url('/p3/diverse/images/p3start/box.bottom.gif') right top no-repeat;
	font-size: 1px;
}

div.box div.bg_bottom div {
	position: relative;
	left: -10px;
	width: 10px;
	height: 4px;
	background: url('/p3/diverse/images/p3start/box.bottom.gif') left top no-repeat;
	font-size: 1px;
}

/**
* Sets the box left and right borders.
**/

div.box div.bg_left {
	padding-left: 2px;
	background: url('/p3/diverse/images/p3start/box.sides.gif') left top repeat-y;
}

div.box div.bg_right {
	padding-right: 2px;
	background: url('/p3/diverse/images/p3start/box.sides.gif') right top repeat-y;
}

/**
* Styles box content; texts and images.
**/

div.box div.body {
	background-color: #fff;
}

div.box div.link div.body {
	text-align: right;
}

div.box div.image img {
	margin: 0px 2px 0px 2px;
	border: 1px solid #fff;
}

div.box div.image a img,
div.box div.image a:hover img,
div.box div.text a img,
div.box div.text a:hover img {
	border: 1px solid #fff;
}

div.box div.text div.body {
	padding: 20px 10px 10px 10px;
}

#p3_column_right {
 width:241px;   
}    

#p3_column_right .box {
 margin:4px 0 4px 0;   
}    

#p3_column_right div.box div.text div.body {
	padding: 0 10px 0 10px;
}
#p3_column_right h2 {
 background-color:#fff;   
}    
div.box div.text p {
	padding: 0px 0px 10px 0px;
}

div.box div.text img {
	margin: 0px;
	border: 1px solid #fff;
}

div.box div.text span.articleFloatLeft {
	display: block;
	position: relative;
	top: -20px;
	left: -10px;
	float: left;
	margin: 0px 0px 10px 2px;
	padding: 0px;
}

div.box div.text span.articleFloatRight {
	display: block;
	position: relative;
	top: -20px;
	left: 10px;
	float: right;
	margin: 0px 2px 10px 0px;
	padding: 0px;
}

div.box h2 {
	margin: 0px;
	padding: 0px 0px 0px 4px;
	font-size: 12pt;
	font-weight: bold;
	line-height: 17pt;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	word-wrap: break-word;
}

div.box div.text h1,
div.box div.text h2 {
	margin: 0px;
	padding: auto;
	font-weight: bold;
	line-height: auto;
	border: 0px;
	word-wrap: none;
}

div.nohr div.text h1,
div.nohr div.text h2 {
	display: none;
}

/**
* Fatbox
* This box is only used by the toplists.
**/

/**
* Sets the box top border.
**/

div.fatbox div.bg_top {
	height: 6px;
	margin-left: 10px;
	background: url('/p3/diverse/images/p3start/list.top.gif') right top no-repeat;
	font-size: 1px;
}

div.fatbox div.bg_top div {
	position: relative;
	left: -10px;
	width: 10px;
	height: 6px;
	background: url('/p3/diverse/images/p3start/list.top.gif') left top no-repeat;
	font-size: 1px;
}

/**
* Sets the box bottom border.
**/

div.fatbox div.bg_bottom {
	height: 6px;
	margin-left: 10px;
	background: url('/p3/diverse/images/p3start/list.bottom.gif') right top no-repeat;
	font-size: 1px;
}

div.fatbox div.bg_bottom div {
	position: relative;
	left: -10px;
	width: 10px;
	height: 6px;
	background: url('/p3/diverse/images/p3start/list.bottom.gif') left top no-repeat;
	font-size: 1px;
}

/**
* Sets the box left and right borders.
**/

div.fatbox div.bg_left {
	padding: 0px 0px 0px 6px;
	background: url('/p3/diverse/images/p3start/list.sides.gif') left top repeat-y;
}

div.fatbox div.bg_right {
	padding: 0px 6px 0px 0px;
	background: url('/p3/diverse/images/p3start/list.sides.gif') right top repeat-y;
}

/**
* Styles the box's contents.
**/

div.fatbox div.body {
	background-color: #fff;
}

/**
* P3 Star News Feed
**/

div#p3star {
	width: 237px;
	margin: 4px 0px 0px 0px;
	border: 1px solid #000;
	/*background-color: #fff;*/
	background: url('http://p3star.sr.se/images/redesign/bg_body_pattern_green.gif') repeat;
}

div#p3star div#p3starhead {
	width: 237px;
	background: url('/p3/diverse/images/p3start/p3star.gif') no-repeat;
	cursor: hand;
	padding: 45px 0px 0px 0px;
}

div#p3star div#p3starhead h3 {
	margin: 0px;
	padding: 5px;
	border-top: 1px solid #000;
	/*background-color: #d9d9d9;*/
}

div#p3star div#p3starhead h3 a {
	display: block;
	font-size: 8pt;
	padding: 0px 10px 0px 10px;
	background: url('/p3/diverse/images/p3start/arrow.black.gif') 0px 2px no-repeat;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}

div#p3star h4 {
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}

div#p3star h4 a {
	font-size: 8pt;
	font-weight: bold;
}

div#p3star div#p3starhead small,
div#p3star div#p3starhead p {
	display: none;
}


div#p3star ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div#p3star ul li {
	margin: 0px;
	padding: 5px 5px 3px 5px;
}

div#p3star ul li.even a, div#p3star ul li.even p {
	color: #000;
}

div#p3star ul li.odd {
	background: url('http://p3star.sr.se/images/redesign/bg_body_pattern_green_dark.gif') repeat;
}

div#p3star ul li.odd a, div#p3star ul li.odd p {
	color: #fff;
}

div#p3star p {
	/*display: none;*/
	margin: 0px;
	padding: 0px;
	font-size: 8pt;
	color: #fff;
}

div#p3star p a,
div#p3star li small {
	display: none;
}

/**
* Puff -> Right
* Used both on start page and on articles.
**/

div#puff_right div.text h1,
div#puff_right div.text h2,
div#puff_right div.text h3,
div#puff_right div.text h4,
div#puff_right div.text h5,
div#puff_right div.text h6 {
	margin: 0px;
	padding: 10px 10px 5px 10px;
	font-size: 10pt;
	font-weight: bold;
	line-height: 12pt;
}

div#puff_right div.text p {
	padding: 5px 10px 10px 10px;
}

div#puff_right div.text div.body {
	padding-top: 10px;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	background: url('/p3/diverse/images/p3start/box.body.small.pink.gif') #fff left top no-repeat;
}

/**
* 30 days archive
**/

div.p3_body div#broadcastUnitList {
	margin: 0px;
	padding: 3px 0px 3px 0px;
	background-color: #ffbfe9;
}

div.p3_body div#broadcastUnitList h3 {
	display: none;
}

div.p3_body div#broadcastUnitList a {
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, 'Sans Serif';
	font-size: 9pt;
}

div.p3_body div#broadcastUnitList a:visited {
	color: #000;
}

div.p3_body div#listenArchive a {
	margin: 0px;
	padding: 0px;
}

div.p3_body div#listenArchive h1 {
	text-align: left;
	padding-top: 10px;
	font-size: 14pt;
}

div.p3_body div#listenArchive h2 {
	font-size: 9pt;
	text-align: left;
}

div.p3_body div#listenArchive div.trOn {
	padding: 6px;
	background-color: #ffecf9;
}

div.p3_body div#listenArchive div.trOff {
	padding: 6px;
	background-color: #ffd9f2;
}

div.p3_body div#listenArchive p {
	margin: 0px;
	padding: 0px;
}

div.p3_body div#listenArchive img {
	border: 0px;
}

/**
* The big chart / "Tablå"
**/

div.p3_body div.tablaHeader {
	display: none;
} 

div.p3_body .tablaHeaderDate {
	margin: 0px;
	padding: 20px 10px 0px 10px;
	font-size: 12pt;
	font-weight: bold;
	line-height: 16pt;
	text-align: center;
}

div.p3_body p.tablaPlainText {
	margin: 0px;
	padding: 20px 10px 10px 10px;
}

div.p3_body p.tablaPlainText a {
	color: #ff6000;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	background: url('/p3/diverse/images/p3start/arrow.orange.gif') 0px 3px no-repeat;
}

div.p3_body p.tablaPlainText a:hover {
	color: #ff6000;
	text-decoration: underline;
}

div.p3_body p.textInfo {
	margin: 0px;
	padding: 0px 10px 20px 10px;
}

div.p3_body div.divOn p,
div.p3_body div.divOff p,
div.p3_body div.divIntd p,
div.p3_body tr.tablaTrOn div,
div.p3_body tr.tablaTrOff div {
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

div.p3_body div.divOn a,
div.p3_body div.divOff a,
div.p3_body div.divIntd a,
div.p3_body tr.tablaTrOn a,
div.p3_body tr.tablaTrOff a {
	color: #000;
	font-weight: bold;
}

div.p3_body p.tid {
	float: left;
}

div.p3_body div.divOn,
div.p3_body tr.tablaTrOn td {
	clear: both;
	padding: 5px 10px 5px 10px;
	background-color: #ffecf9;
}

div.p3_body div.divOff,
div.p3_body tr.tablaTrOff td {
	clear: both;
	padding: 5px 10px 5px 10px;
	background-color: #ffd9f2;
}

div.p3_body div.divIntd {
	clear: both;
	padding: 5px 10px 5px 20px;
	background-color: #ffd9f2;
}

/**
* Calendar version 1
**/

div.p3_body table.calContent {
	/*margin: 0px 10px 0px 10px;*/
}

div.p3_body div.calNavigationMonth {
	padding: 3px;
	background-color: #ff05aa;
	color: #fff;
	font-weight: bold;
}

div.p3_body div.calNavigationMonthLinks a {
	display: block;
	padding: 3px;
	background-color: #ffd9f2;
	color: #ff05aa;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

div.p3_body div.calNavigationMonthLinks a:hover {
	background-color: #ff05aa;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

div.p3_body table.calContent td.calNavigationDays {
	text-align: center;
	font-weight: bold;
}

div.p3_body table.calContent td.calDay {
	padding: 3px;
	background-color: #ffecf9;
	border: 1px solid #fff;
	cursor: hand;
}

div.p3_body table.calContent td.calDayFuture,
div.p3_body table.calContent td.calDayNextMoth {
	padding: 3px;
	background-color: #ffd9f2;
	border: 1px solid #fff;
	cursor: hand;
}

div.p3_body table.calContent td.calDayOn,
div.p3_body table.calContent td.calDaySelected {
	padding: 3px;
	background-color: #ff05aa;
	border: 1px solid #fff;
	color: #fff;
	cursor: hand;
}

div.p3_body table.calContent td.calDayOff {
	padding: 3px;
	background-color: #eee;
	border: 1px solid #fff;
	color: #999;
}

/**
* Calendar version 2
**/

div.p3_body table#calender {
	width: 180px;
	margin: 0px 0px 20px 0px;
}

div.p3_body table#calender caption {
	padding-top: 10px;
}

div.p3_body table#calender caption a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

div.p3_body table#calender a#prev img,
div.p3_body table#calender a#next img {
	margin-top: 2px;
	border: none;
}

/**
* Timer - used for hitlist/songlist
**/

div.p3_body div.playListTimeContainer {
	width: 180px;
	margin: 10px 0px 10px 0px;
}

div.p3_body div.playListTimeContainer div#tc1,
div.p3_body div.playListTimeContainer div#tc3,
div.p3_body div.playListTimeContainer div#tc5 {
	padding: 3px;
	background-color: #ffecf9;
}

div.p3_body div.playListTimeContainer div#tc2,
div.p3_body div.playListTimeContainer div#tc4,
div.p3_body div.playListTimeContainer div#tc6 {
	padding: 3px;
	background-color: #ffd9f2;
}

div.p3_body div.playListTimeContainer div#tcSelected {
	padding: 3px;
	background-color: #ff05aa;
}

div.p3_body div.playListTimeContainer div#tcSelected a {
	color: #fff;
}

div.p3_body div.playListTimeContainer ul {
	list-style: url('/p3/diverse/images/p3start/arrow.orange.gif');
	margin: 0px;
	padding: 10px 10px 10px 30px;
}

div.p3_body div.playListTimeContainer ul#tcExp1,
div.p3_body div.playListTimeContainer ul#tcExp3,
div.p3_body div.playListTimeContainer ul#tcExp5 {
	background-color: #ffecf9;
}

div.p3_body div.playListTimeContainer ul#tcExp2,
div.p3_body div.playListTimeContainer ul#tcExp4,
div.p3_body div.playListTimeContainer ul#tcExp6 {
	background-color: #ffd9f2;
}

div.p3_body div.playListTimeContainer a#tcTimeSelected {
	padding: 0px 3px 0px 3px;
	background-color: #ff05aa;
	color: #fff;
}

div.p3_body div.playListTimeHeader {
	padding: 3px;
	background-color: #ff05aa;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

/**
* Play list - content
**/

div.p3_body div.playListChannel {
	display: none;
}

div.p3_body div.playListSelectedTime {
	margin: 0px 0px 10px 0px;
	padding: 20px 10px 0px 10px;
	font-size: 12pt;
	font-weight: bold;
	line-height: 16pt;
	text-align: center;
}

div.p3_body div.playListTRon {
	padding: 6px;
	background-color: #ffecf9;
}

div.p3_body div.playListTR {
	padding: 6px;
	background-color: #ffd9f2;
}

div.p3_body div.playListTR div,
div.p3_body div.playListTRon div {
	display: inline;
	margin: 0px 10px 0px 0px;
}

/**
* Senaste sandningen
**/
#broadCastContainer h5 {background: url(/diverse/images/senaste-sandningen_000000.gif) no-repeat 11% 0%;}
#broadCastContainer {background-color:#000000;}


/*Poll (poll skapad i Isidor)*/
.pollform {
clear:both;
border: 1px solid #dfdfdf;
padding:7px;
margin-top: -8px;
margin-bottom: -12px;
}


/* P3 nyheter / Dina nyheter */

#p3_rss_news_ticker {
margin:5px 0 0 0;
}
.rssP3Ticker {
    font-family:Verdana, arial;
    font-size:11px;
}

.rssP3Ticker p{
    margin:2px 0 2px 0;
    padding:0;
}

.rssP3Ticker p a{
    margin:3px 6px 3px 6px;
    padding:0;
    font-size:11px;
    color:#000;
}

.rssP3Ticker p a:hover{
color:#000;
}

.rssP3Ticker h5 a {
    color:#fff;
}
.rssP3Ticker h5 a:hover {
color:#fff;
}

.rssP3Ticker.dinanyheter h5{
    background:url('/P3/diverse/images/p3start/dinanyheter-bullet.gif') 6px 50% no-repeat #944bbe;
    color:#fff;
    font-size:12px;
    margin:0;
    padding:3px 3px 3px 18px;
}

.rssP3Ticker.p3nyheter h5{
    background-color:#01a601;
    color:#fff;
    font-size:12px;
    margin:0;
    padding:3px 3px 3px 6px;
} 
