/* CSS Document */

* {
	outline: none;
}
img {
	border: none;
}

img a {
	border: none;
}
body { 
	background-color:#FFFFFF;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom: 30px
}

ul li {
	list-style-type:none !important;
}

.maintable {	
	width:850px;
	vertical-align:top;
	margin-left:auto; 
	margin-right:auto;
	background-color:#E2E6D5;
}
							
.header	{
	background-color:#FFFFFF;
	height:150px;
	}


.navi {
	background-image:url(../images/navi_bg.png);
	height:25px;
	text-align: center;
	vertical-align:middle;
	font-family: arial; 
	font-size: 12px; 
	color: #FF2564; 
	padding-left: 8px;
}

.navi li {
	float: left;
}
				
.navi a {
	text-align:center;
	font-family: arial; 
	font-size: 12px; 
	color: #FF2564; 
	padding-left: 5px; 
	text-decoration:underline
}
				
.promotable	{
	background-image:url(../images/promotable.png);
	height:125px;
	vertical-align:middle;
	text-align:center;
	}
				
.poll	{
	width:150px;
	text-align: left;
	vertical-align:top;
	font-family: arial; font-size: 11px; color: #FF2564;
}


.content { 
	background-color:#FFFFFF;
	font-family: arial; 
	font-size: 12px; 
	color: #4A8A9B; 
	padding-left: 1px; 
	padding-right: 1px;
	vertical-align:top;
	border:1px #FFFBF0;				
}

.content3	{ 
	background-color:none;
	font-family: arial; font-size: 12px; color: #4A8A9B;
	vertical-align:top;
	border:0px #FFFBF0;
}

.content a	{
	font-family: arial; 
	font-size: 11px; 
	color: #4A4A4A; 
	text-decoration:underline;
}
.content a:hover	{
	color: #aaa;
}

.content2 { 
	background-color:#EEF0E6;
	font-family: arial; 
	font-size: 11px; 
	color: #ffffff; 
	padding-left: 8px;
	padding-right: 8px;
	vertical-align:top;
	border:1px #FFFBF0;
	}

.contentbig	{ 
	background-color:#FFFFFF;
	font-family: arial; font-size: 16px; color: #FF2564; padding-left: 8px; font:bold; text-decoration:underline;
	vertical-align:top;		
}

.rightbalken {
	width:200px;
	text-align: left;
	vertical-align:top;
	font-family: arial; 
	font-size: 11px; 
	color: #EEF0E6; 
	padding-left: 0px;
}

.uberschrift { 
	background-image:url(../images/balken_bg.png);
	text-align: center;
	vertical-align:middle;
	height:20px;
	font-family: tahoma; font-size: 12px; color: #ffffff; 
}



.footer	{	
	width:850px;
	height:25px;
	font-family: arial; font-size: 11px; color: #FF2564;
	text-align:center;
}

.border {
  border: 1px solid #E0E0DF;
}
							
.chartTitle { 
	font-family: tahoma; 
	font-size: 12px; 
	font-weight: bold; 
	color: #4A4B4A; 
	padding-bottom: 7px; 
}

#chart	{ 
	width: 100%; 
	font-size: 9px; 
	color: #A0A09E; 
	background: #F9FAF7;
}

#chart a:link, #chart a:visited { 
	color: #A0A09E; 
}

#chart a:hover	{ 
	color: #646463; 
}

h2.chartTitle { 
	font-family: tahoma;  
	font-weight: bold; 
	font-size: 11px; 
	color: #646463; 
	text-align: center;   
}


td.top10pos	{ 
	font-family: tahoma; 
	font-size: 9px; 
	color: #646463; 
	border-top: 1px solid #E0E0DF; 
	vertical-align: middle; 
	text-align: center;  
	padding: 2px 2px 2px 2px;
}


td.top10	 {
	border-top: 1px solid #E0E0DF; 
	vertical-align: middle; 
	border-left: 1px solid #E0E0DF; 
}


td.top10song	{ 
	font-family: tahoma; 
	font-size: 10px; 
	color: #FF2564;
	border-top: 1px solid #E0E0DF; 
	vertical-align: middle; 
	border-left: 1px solid #E0E0DF; 
	padding: 2px 3px 2px 5px; 
}


td.top10song a:link, td.top10song a:visited, td.top10song a:hover { 
	color: #646463; 
}

td.top10pos-lst	{ 
	font-family: tahoma; 
	font-size: 9px; 
	padding-right: 1px; 
	color: #646463; 
	border-top: 1px solid #E0E0DF; 
	border-bottom: 1px solid #E0E0DF; 
	vertical-align: middle; 
	text-align: center; 
}

td.top10lst { 
	vertical-align: middle; 
	border-top: 1px solid #E0E0DF; 
	border-left: 1px solid #E0E0DF; 
	border-bottom: 1px solid #E0E0DF;
}


td.top10song-lst	{ 
	font-family: tahoma; 
	font-size: 9px; 
	color: #646463; 
	border-top: 1px solid #E0E0DF; 
	border-bottom: 1px solid #E0E0DF; 
	border-left: 1px solid #E0E0DF; 
	padding: 2px 3px 2px 5px; 
	vertical-align: middle;
}

td.top10song-lst a:link, td.top10song-lst a:visited, td.top10song-lst a:hover { 
	color: #646463; 
}

.top10title	{ 
	font-family: tahoma; 
	font-size: 9px;
	color: #646463; 
	text-decoration: none; 
}

tr.top10leader {
	background: #EDF0E6; 
	cursor: pointer;
}

tr.top10leader:hover  {
	background-color:#ffffff;
}

tr.top10new	{ 
	background: #F2F2F1; 
}

td.afisha {
	font-family: tahoma; 
	color: #A0A09E; 
	font-size: 9px; 
	text-transform: capitalize;
}

a.afisha:link, a.afisha:visited	{
	color: #646463;
}
a.afisha:hover {
	color: #4D8DA3;
}



/* ======================= News ==================================== */

.uberschriftmain { 
	background-image:url(../images/graubg.gif);
	text-align: left; 
	padding-left: 16px; 
	padding-top: 5px;
	height:25px;
	font-family: tahoma; 
	font-size: 13px; 
	color: #4A8A9B; 
	font-weight: bold;
}

div.newsContentWrapper {
	margin-bottom: 25px;
}

div.newsContent {
	margin-left: 15px;
	margin-top: 3px;
}

/* ======================= News Releases ==================================== */

div.newsContentUL ul
{
	list-style-image: url(../images/pfeil1.gif);
	width: 200px;
	float: left;
}

div.newsContentUL {
	margin-left: -15px !important;
}

.clearer {
	clear: both;
}

/* ======================= News New-Profil ==================================== */

.imageContentWrapper {
	margin-top: 10px !important;
}

.imageLeft {
	float:left;
	margin-right: 10px;
	margin-left: -5px;
	border: 0;
}

/* ======================= Profil-Overview  ==================================== */

span.lastUpdate {
	font-size: 10px;
}

div#sortFunction {
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 20px;
}

div#sortFunction a{
	font-size: 12px;
}

div#sortFunction a.active {
	font-weight: bold;
}


ul .imageLeft {
	margin-left: 0px !important;
}

#profilWrapper ul {
	list-style-type: none !important;
	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
}

#profilWrapper ul li {
	height: 110px;
	margin-left: -30px;
	border-bottom: 1px dotted #bbb;
	margin-bottom: 20px;
}

#profilWrapper ul li:hover{
	background-color: #eee;
}

#profilWrapper  h3 {
	font-size: 13px;
	margin-bottom: -16px;
}

div#bioContent {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
}

/* ======================= Profil-Voting  ==================================== */

div.ajaxStarRating{
	padding: 5px;
}


/* ======================= Profil-Info  ==================================== */

table#profilInfo {
	margin-left: 5px;
	color: #FF2564;
}

table#profilInfo .td1 {
	width: 50px;
}


table#profilInfo a {
	color: #000;
}

/* ======================= Profil-Downloads  ==================================== */

table#profilDownloads {
	border-collapse: collapse !important;
	margin-left: 5px;
	margin-right: 5px;
	color: #FF2564;
	width: 200px;
}

table#profilDownloads  .td1 {
	width: 15px !important;
}


table#profilDownloads  a {
	color: #000;
}

table#profilDownloads  td {
	border-bottom: 1px dotted #bbb;
	padding-bottom: 5px !important;
}

table#profilDownloads  tr {
}

table#profilDownloads  tr:hover{
	background: #ddd;
}

td#downloadTitleRight {
	cursor:pointer;
	background: #FF2564;
}

/* ======================= Profil-Kommentare  ==================================== */

div.comment-rank {
	border-top: 1px dotted #bbb;
	width: 460px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 40px;
}

.comment-rank form{
	margin-top: 25px;
}

.comment-rank input{
	width: 400px;
	margin-bottom: 5px;
}

.comment-rank textarea{
	width: 400px;
	height: 150px;
}

div.comment-rank-comment {
	border-bottom: 1px dotted #bbb;
	margin-bottom: 10px;
	margin-top: 15px;
	background: #eee;
	padding: 3px;
}


div.comment-rank-comment  h4{
	font-size: 12px;
}

.pleft {
	float: left;
	margin-right: 10px;
	margin-left: 5px;
}

.pright {
	float: right;
	margin-right: 5px;
	margin-left: 10px;
}


/* Manager */

.clearer {
	clear: both !important;
}

#fixedBottom {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 15px;
	background: #4A8A9B;
	z-index: 10000;
	opacity: 0.7;
	overflow: hidden;
	padding: 5px;
	font-family: arial;
	color: #fff;
	vertical-align: top;
	font-size: 12px;
	display: none;
}

#fixedBottom a {
	color: #fff;
}

#fixedBottom a:hover {
	color: #FF2564;
}

#bottomInfo {
	float: left;
	left: 10px;
	font-size: 12px;
}

#bottomHandle {
	font-size: 12px;
	color: #fff;
	padding-right: 10px;
	position: relative;
	float: right;
}

#bottomContentWrapper {
	padding-left: 5px;
}

#bottomContent 
{
	width: 80% !important;
	overflow-y: scroll;
	top: 20px;
	float: left;
	position: relative;
	margin-right: 10px;
	height: 110px;
	padding-right: 10px;
}

#bottomContentTools {
	position: relative;
	top: 20px;
	float: left;
}

table#managerList {
	border-collapse: collapse;
	vertical-align: top;
}

table#managerList td {
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #fff;
}

table#managerList tr.activeSongInManager {
	background: #aaa;
	color: #000;
}

table#managerList tr:hover {
	background: #aaa;
	color: #000;
}

.td1 {
	width: 35%;
}

.td2 {
	width: 35%;
}

.td3 {
	width: 2%;
}
.td4 {
	width: 2%;
}
.td5 {
	width: 2%;
}
.td6 {
	width: 14%;
}

/* Roar / Growl Notification */


.roar-body
{
	position:				absolute;
	font:					12px/14px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
	color:					#fff;
	text-align:				left;
	z-index:				999;
}

.roar
{
	position:				absolute;
	width:					300px;
	cursor:					pointer;
}
.roar-bg
{
	position:				absolute;
	z-index:				1000;
	width:					100%;
	height:					100%;
	left:					0;
	top:					0;
	background-color:		#000;
	-moz-border-radius:		10px;
	-webkit-border-radius:	5px;
	-webkit-box-shadow:		0 0 5px rgba(0, 0, 0, 0.5);
}
.roar-body-ugly .roar
{
	background-color:		#333;
}
.roar-body-ugly .roar-bg
{
	display:				none;
}
.roar h3
{
	position:				relative;
	padding:				15px 10px 0;
	margin:					0;
	border:					0;
	font-size:				13px;
	color:					#fff;
	z-index:				1002;
}
.roar p
{
	position:				relative;
	padding:				10px 10px 15px;
	margin:					0;
	font-size:				12px;
	color:					#fff;
	z-index:				1002;
}