/* --- RESET (taken from the blueprint framework) --- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

a { outline: none; }

legend, caption { display: none; }

input {
	font: 11px "Lucida Grande", Arial, Helvetica, sans-serif;
}

/* --- BASICS --- */

body {
	background: #000 url(../images/bg_body.jpg) no-repeat center top;
	color: #333;
	font: 11px "Lucida Grande", Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: center;
}

	body.popup {
		background: #000 !important;
	}

a {
	color: #0066ff;
	text-decoration: none;
}

/* --- hasLayout for ie --- */
#header,
#mainNav,
#mainContentOuter,
#sideContent,
#footer,
#actionbar ul li .layer h6 {
	zoom: 1;
}

/* --- GRID --- */

div#wrap {
	text-align: left;
	margin: 0 auto;
	/* width: 980px; */
	width: 100%;
}
		div#header {
			min-height: 217px;
			position: relative;
			width: 970px;
			padding-top: 7px;
			margin: 0 auto;
		}
				* html div#header { height: 217px; }

		div#headerSub1 {
			clear: left;
			float: left;
			width: 239px;
		}
		div#headerSub2 {
			float: right;
			width: 239px;
		}

		div#mainContentOuter {
			background: #f6f6f6 url(../images/bg_content1b.jpg) repeat-x left top;
			border-right: 0;
			border-left: 0;
			clear: both;
		}
				* html div#mainContentOuter { margin-top: -14px; }

		div#mainContentInner {
			background: url(../images/bg_content2b.jpg) repeat-x left bottom;
			min-height: 230px;
			padding-left: 5px;
		}

		#mainContentWrap {
			width: 975px;
			padding-top: 1px;
			margin: 0 auto 35px auto;
		}

		div#sideContent {
			background: #717c90 url(../images/bg_sidecontent.jpg) repeat-x left top;
			border-bottom: 1px solid #848f9e;
			padding: 29px 0;
			clear: both;
		}
		div#footer {
			clear: both;
			background: #1b1b1b url(../images/bg_footer.jpg) repeat-x left top;
			padding: 50px 0;
		}
				div#sideContent .innerWrap,
				div#footer .innerWrap {
					width: 980px;
					margin: 0 auto;
				}


/* ---ELEMENTS - GLOBAL --- */


.btnLink,
.btnLinkAction {
	background: url(../images/btn_black_left.png) no-repeat left top !important;
	background: url(../images/btn_black_left.gif) no-repeat left top !important;
   	float: left;
	padding-left: 3px;
	margin-left: 5px;
	text-align: center;
	position: relative;
}
		.btnLink span,
		.btnLinkAction span {
			background: url(../images/btn_black_right.png) no-repeat right top !important;
			background: url(../images/btn_black_right.gif) no-repeat right top;
			display: block;
			width: 224px;
		}
		.btnLink span a,
		.btnLinkAction span a {
			background: url(../images/el_arrow_button.gif) no-repeat left 4px;
			color: #fff !important;
			line-height: 165%;
			margin: 0 !important;
			padding-left: 8px;
			text-decoration: none;
			font-size: 11px;
			/*z-index: 1;*/
		}


		*  html .btnLink span a, *  html .btnLinkAction span a { line-height: 155%; padding-left: 12px; }
		* +html .btnLink span a, * +html .btnLinkAction span a { background-position: left 4px; line-height: 155%; }

		.btnLinkAction { background: url(../images/btn_action_left.gif) no-repeat left top !important; }
		.btnLinkAction span { background: url(../images/btn_action_right.gif) no-repeat right top !important; }


/* --- HEADER --- */

/* - mainnav - */

div#mainNav {
	background: url(../images/bg_mnav.png) no-repeat left top;
	float: left;
	padding: 10px 0 6px 6px;
	height: 37px;
	width: 710px;
}

		#mainNav ul {
			float: left;
			list-style: none;
			margin-top: 3px;
			padding-left: 15px;
		}

				#mainNav ul li {
					background: url(../images/bg_mnav_divider.gif) no-repeat right center;
					color: #bebebe;
					float: left;
					margin-right: 8px;
					padding-right: 8px;
					position: relative; /* fix ie */
					text-transform: uppercase;
				}

						#mainNav ul li a {
							cursor: pointer;
							text-decoration: none;
						}

						#mainNav ul li a.uploadLink {
							color: #f00;
						}


/* - language selection - */

		#languageSelect {
			float: left;
			margin-left: 10px;
			position: relative;
			width: 43px;
		}

				#language {
					border: 1px solid #808080;
				   	height: 15px;
				   	overflow: hidden;
				}

				#options {
					background: #dfdfdf;
					position: absolute;
					top: 17px;
					width: 43px;
				}

						#language .flag {
							border-right: 1px solid #808080;
							float: left;
							margin-right: 5px;
							padding: 2px 0 0 5px;
							width: 20px;
						}

						* html #language .flag { margin-right: 2px; }

								.flag a {
									display: block;
									padding: 3px 5px;
								}

								.flag a:hover {
									background: #39f;
								}


/* - searchform - */

		#searchForm label {
			float: right;
			margin-right: 12px;
			position: relative; /* fix ie */
		}

		#searchForm span {
			display: none;
		}

		#searchForm input {
			background: #fff url(../images/ic_magnifier.png) no-repeat 3px 1px !important;
			background: #fff url(../images/ic_magnifier.gif) no-repeat 3px 1px; /* ie */
			border: 1px solid #ccc;
			padding: 0 0 2px 18px;
			width: 195px;
		}

		#searchResultAnchor{
			height: 0;
			position: relative;
		}



/* - login - */

div#login {
	background: url(../images/bg_login.png) no-repeat left top;
	display: block;
	float: right;
	height: 37px;
  	text-align: center;
	width: 237px;
	cursor: pointer;
}

		#login .logintxt  {
			background: url(../images/bg_logintxt.png) no-repeat center center;
			display: block;
			height: 11px;
			margin: 13px auto;
			text-indent: -8000px;
			width: 37px;
		}

				#login .logintxt a {
					display: block;
					height: 11px;
					position: relative !important;
					width: 37px;
				}


/* - settings logged in state - */

div#settings {
	background: url(../images/bg_loggedin.png) no-repeat left top;
	display: block;
	float: right;
	height: 37px;
	width: 237px;
}

		#settings ul {
			list-style: none;
		}

				#settings ul li {
					float: left;
					margin: 12px 40px 12px 30px;
					position: relative;
				}

				*  html #settings ul li { margin: 12px 32px 12px 14px;}

				#settings ul li.logouttxt {
					/*background: url(../images/bg_logouttxt.png) no-repeat center center;*/
					display: block;
					height: 13px;
					margin: 13px 0 13px 10px;
					/*text-indent: -8000px;*/
					width: 42px;
				}

				* html #settings ul li.logouttxt { margin: 12px 0 14px 32px; }
				* +html #settings ul li.logouttxt { margin: 12px 0 14px 22px; }

						#settings ul li.logouttxt a {
							color: #fff;
							display: block;
							/*height: 13px;
							width: 42px;*/
						}

						#settings ul li a {
							color: #0066ff;
							display: block;
							text-decoration: none;
						}


/* - logo - */

div#logo {
	height: 114px;
	width: 239px;
}

	 	#logo h1 {
			background: url(../images/bg_logo.png) no-repeat left top !important;
			background: url(../images/bg_logo.gif) no-repeat left top;
			display: block;
			height: 114px;
			text-indent: -8000px;
			width: 239px;
		}
				#logo h1 a {
					background: url(../images/bg_beta_logo.png) 8px 8px no-repeat !important; /* Beta-Grafik �ber dem Logo */
					background: url(../images/bg_beta_logo.gif) 8px 8px no-repeat transparent;  /* Beta-Grafik �ber dem Logo - IE6 */
					display: block;
					height: 114px;
					width: 239px;
				}


/* - category navigation - */

div.catNav {
	margin-top: 9px;
	position: relative;
}

.cat {
	margin: 0 1px 0 0;
}

/* CatNav links */
		ul.catNav-control {
			list-style: none;
			position: absolute;
			top: 1px;
		   	margin-right: 1px;
		}

		ul.catNav-control li.music { left: 0; }
		ul.catNav-control li.film { left: 80px; }
		ul.catNav-control li.fashion { left: 160px; }

		ul.catNav-control li {
			position: absolute;
			top: 0;
		}

				ul.catNav-control li a {
					color: #ccc;
					display: block;
					padding: 8px 10px 4px 30px;
					text-decoration: none;
					width: 38px;
					margin-bottom: 1px;
				}

		 		ul.catNav-control li.music a {
					background: url(../images/bg_ctnv_music.png) no-repeat left top !important;
				  	background: url(../images/bg_ctnv_music.gif) no-repeat left top; /* ie6 */
		       	 }

				ul.catNav-control li a.active {
					background: url(../images/bg_ctnv_music_actv.png) no-repeat left top !important;
				  	background: url(../images/bg_ctnv_music_actv.gif) no-repeat left top; /* ie6 */
					color: #fff;
					padding-bottom: 8px;
					margin-bottom: 0px;
		        }

				ul.catNav-control li.film a {
					background: url(../images/bg_ctnv_film.png) no-repeat left top !important;
					background: url(../images/bg_ctnv_film.gif) no-repeat left top; /* ie6 */
			   	 }

				ul.catNav-control li.film a.active {
					background: url(../images/bg_ctnv_film_actv.png) no-repeat left top !important;
					background: url(../images/bg_ctnv_film_actv.gif) no-repeat left top; /* ie6 */
			    }

				ul.catNav-control li.fashion a {
					background: url(../images/bg_ctnv_fashion.png) no-repeat left top !important;
					background: url(../images/bg_ctnv_fashion.gif) no-repeat left top; /* ie6 */
				}

				ul.catNav-control li.fashion a.active {
					background: url(../images/bg_ctnv_fashion_actv.png) no-repeat left top !important;
					background: url(../images/bg_ctnv_fashion_actv.gif) no-repeat left top; /* ie6 */
				}

/* CatNav rechts */
			ul.catNav-control2 {
			list-style: none;
			position: relative;
			top: 11px;
			left: 2px;
		   margin-right: 1px;
		}

			* html ul.catNav-control2 {
				margin-top: 10px;
				margin-left: 2px;
			}

		ul.catNav-control2 li {
			display: inline;
		}

				ul.catNav-control2 li a {
					color: #ccc;
					display: block;
					float: left;
					text-decoration: none;
					margin-bottom: 1px;
				}

		 		ul.catNav-control2 li.friends a {
					background: url(../images/bg_ctnv_friends.png) no-repeat left top !important;
				  	background: url(../images/bg_ctnv_friends.gif) no-repeat left top; /* ie6 */
					width: 55px;
					padding: 8px 10px 8px 40px;
		       	 }

				ul.catNav-control2 li.friends a.active {
					background: url(../images/bg_ctnv_friends_actv.png) no-repeat left top !important;
				  	background: url(../images/bg_ctnv_friends_actv.gif) no-repeat left top; /* ie6 */
					color: #fff;
		        }
					* html ul.catNav-control2 li.friends a.active {
						padding-bottom: 6px;
			       }

				/** visitors */
		 		ul.catNav-control2 li.visitors a {
					background: url(../images/bg_ctnv_profile_visitors.png) no-repeat left top !important;
				  	background: url(../images/bg_ctnv_profile_visitors.gif) no-repeat left top; /* ie6 */
					width: 85px;
					padding: 8px 10px 8px 37px;
		       	 }
					* html ul.catNav-control2 li.visitors a {
						padding-bottom: 6px;
			       }

				ul.catNav-control2 li.visitors a.active {
					background: url(../images/bg_ctnv_profile_visitors_actv.png) no-repeat left top !important;
				  	background: url(../images/bg_ctnv_profile_visitors_actv.gif) no-repeat left top; /* ie6 */
					color: #fff;
					padding-bottom: 6px;
		        }
					* html ul.catNav-control2 li.visitors a.active {
						padding-bottom: 6px;
			       }
				/** cart **/
				ul.catNav-control2 li.cart a {
					background: url(../images/bg_ctnv_cart.png) no-repeat left top !important;
					background: url(../images/bg_ctnv_cart.gif) no-repeat left top; /* ie6 */
					width: 85px;
					padding: 8px 10px 8px 37px;
			   	 }
					* html ul.catNav-control2 li.cart a {
						padding-bottom: 6px;
			       }

				ul.catNav-control2 li.cart a.active {
					background: url(../images/bg_ctnv_cart_actv.png) no-repeat left top !important;
					background: url(../images/bg_ctnv_cart_actv.gif) no-repeat left top; /* ie6 */
			    	color: #fff;
					padding-bottom: 6px;
				 }
					* html ul.catNav-control2 li.cart a.active {
						padding-bottom: 6px;
			       }

		.catNav #music,
		.catNav #film,
		.catNav #fashion {
			background: url(../images/bg_catnav.png) no-repeat left bottom !important;
			background: url(../images/bg_catnav.jpg) no-repeat left bottom;
			height: 172px;
			padding-bottom: 1px;
			_padding-bottom: 4px;
			position: absolute;
			top: 28px;
			width: 239px;
		}

		* html .catNav #music, * html .catNav #film, * html .catNav #fashion { top: 24px; }

		.catNav ul.catItem {
			list-style: none;
			margin: 13px 7px 0 7px;
		}

		.catNav ul.catItem li {
			float: left;
		   	margin-bottom: 5px;
			width: 50%;
	   	}
				.catNav ul.catItem li a {
					background: url(../images/el_catnav_listitem.png) no-repeat left top !important;
		    		background: url(../images/el_catnav_listitem.gif) no-repeat left top; /* ie6 */
		    		padding-left: 17px;
					color: #fff;
					text-decoration: none;
				}
				.catNav ul.catItem li a:hover {
					background: url(../images/el_catnav_listitem_active.png) no-repeat left top !important;
		    		background: url(../images/el_catnav_listitem_active.gif) no-repeat left top; /* ie6 */
					color: #fff;
					text-decoration: none;
				}

				.catNav span.btnLink {
					bottom: 5px;
					left: 0;
					position: absolute;
				}


 /* - player - */

div#playerMain {
	float: left;
	height: 385px;
	margin-left: 16px;
	position: relative; /* necessary for Flash Detection */
	width: 460px;
}


/* - Flash Detection - */

div#playerMain img {
	position: relative;
	z-index: 1;
}
div#playerMain div {
	color: #fff;
	left: 204px;
	position: absolute;
	width: 240px;
	top: 134px;;
	z-index: 2;
}


/* - spaceholder for views without player - */

div#holder {
	background: url(../images/bg_header.png) no-repeat left top;
	float: left;
	height: 142px;
	margin-left: 16px;
	width: 460px;
}

#holder img {
	margin: 5px 0 0 5px;
}


/*
	- inbox and "write mails" -
*/

.tabInbox {
	padding: 8px 12px !important;
}
.tabInner.tabInbox #searchTerm {
	width: 165px;
}

ul#inboxNav {
	float: left;
	margin-left: 8px;
}

ul#inboxNav li,
ul.tablist li {
	list-style: none;
	float: left;
	height: 25px;
}

ul#inboxNav li {
	display: block;
	width: 18.8em;
	border-right: 1px dotted #000;
	margin: 0 10px 0 0;
	/*min-height: 48px;
	padding-left: 20px;*/
}
		* html ul#inboxNav li { /*height: 48px;*/ width: 18.2em; }
		* + html ul#inboxNav li { width: 18.7em; }

		ul#inboxNav li.new {
			padding-left: 0 !important;
			/*border-left: 0 none;*/
		}
		ul#inboxNav li a {
			color: #398aea;
			display: block;
			padding: 5px 0 5px 45px;
			min-height: 20px;
			font-weight: bold;
		}
				* html ul#inboxNav li a { height: 20px; }
				* +html ul#inboxNav li a { min-height: 35px; }

				ul#inboxNav li.new     { background: url(../images/ic_inbox_new.gif) left top no-repeat; height: 31px; }
				ul#inboxNav li.write   { background: url(../images/ic_inbox_write.gif) left top no-repeat; margin-left: 22px; height: 30px; }
				ul#inboxNav li.memory  { background: url(../images/ic_inbox_memory.gif) left top no-repeat; }
				ul#inboxNav li.premium { background: url(../images/ic_inbox_premium.gif) left top no-repeat; }

		ul#inboxNav li span {
			display: block;
			margin: -12px 0 0 45px;
			color: #919191;
		}
		* +html ul#inboxNav li span { margin-top: -25px; }

		#inboxData a.cmyc-get-message-content,
		#inboxData label.selectAll,
		#inboxData .btnLink .deleteBtn
		{
			cursor: pointer;
			padding-bottom: 8px;
		}
			* html #inboxData a.cmyc-get-message-content,
			* html #inboxData label.selectAll,
			* html #inboxData .btnLink .deleteBtn {
				padding-bottom: 0;
			}
			*+html #inboxData a.cmyc-get-message-content,
			*+html #inboxData label.selectAll,
			*+html #inboxData .btnLink .deleteBtn {
				padding-bottom: 0;
			}

			/* form tab inbox */

			form.inboxForm span {
				border-right: 1px dotted #000;
				display: block;
				float: left;
				padding: 5px 0 5px 45px;
				min-height: 20px;
				width: 18.8em;
			}

			* html form.inboxForm span { height: 20px; width: 18.2em; }
			* + html form.inboxForm span { width: 18.7em; }

			form.inboxForm input { margin-top: 6px; }

/* TAB NAVIGATION */

#tabBox {
	position: relative;
}
ul.tablist {
	margin-bottom: -1px;
}
		ul.tablist li {
			float: left;
			background: url(../images/bg_tabnav_left.gif) no-repeat;
			padding-left: 4px;
			margin-right: 1px;
		}
		ul.tablist li.vip {
			background-image: url(../images/btn_vip.png);
			width: 87px;
		}
				ul.tablist li a {
					display: block;
					background: url(../images/bg_tabnav_right.gif) right top no-repeat;
					padding: 6px 20px 6px 16px;
					color: #fff;
				}
				ul.tablist li.vip a {
					background: transparent;
					height: 13px;
				}

				/* active state: */
				ul.tablist li.active   { background: url(../images/bg_tabnav_active_left.gif) no-repeat; }
				ul.tablist li.active a { background: url(../images/bg_tabnav_active_right.gif) right top no-repeat; color: #000; }
				ul.tablist li.active.vip   { background-image: url(../images/btn_vip_activ.png); }
				ul.tablist li.active.vip a { background: transparent; }

		ul.tablist li.hover {
			background: url(../images/bg_tabnav_left_hover.gif) no-repeat;
		}
			ul.tablist li.hover a {
				background: url(../images/bg_tabnav_right_hover.gif) no-repeat right top;
			}

.tabInner {
	width: 944px;
	border: 1px solid #9c9c9c;
	padding: 13px 11px;
	background: url(../images/bg_inbox_search.gif) repeat-x left bottom;
}
* + html .tabInner.withoutTab {
	margin: 0!important; /* IE7 */
}
		.tabInner select {
			float: left;
			min-width: 170px;
			border: 1px solid #9c9c9c;
		}
				* html .tabContent select { width: 170px; }
		.tabInner #searchTerm,
		.tabInner .searchTerm {
			float: right;
			border: 1px solid #9c9c9c;
			color: #353535;
			width: 256px;
			height: 15px;
			padding-top: 4px;
			padding-left: 25px;
			background: url(../images/ic_magnifier.png) 6px 4px no-repeat #fff;
		}
		.tabInner.quicksearch {
			padding-right: 0;
			padding-bottom: 5px;
			padding-left: 0;
			width: 969px;
		}
			.tabInner.quicksearch .mediaSearch {
				margin-right: 11px;
				margin-bottom: 5px;
				margin-left: 14px;
			}
		.mediaSearch .left {
			float: left;
		}
		.mediaSearch #showQuickSearchTabBox,
		.mediaSearch #showDetailSearchTabBox {
			display: block;
			float: left;
			height: 22px;
			padding-left: 35px;
			padding-top: 7px;
			font-weight: bold;
		}
		.mediaSearch a#showQuickSearchTabBox {
			background: transparent url(../images/btn_fastsearch_active.png) no-repeat scroll 0 0;
			margin-right: 20px;
			cursor: pointer;
		}
		.mediaSearch a#showQuickSearchTabBox.opened {
			color: #5B5B5B;
			cursor: auto;
			background-image: url(../images/btn_fastsearch_inactive.png);
		}
		.mediaSearch a#showDetailSearchTabBox {
			background: transparent url(../images/btn_adv_search_active.png) no-repeat scroll 0 0;
			cursor: pointer;
		}
		.mediaSearch a#showDetailSearchTabBox.opened {
			color: #5B5B5B;
			cursor: auto;
			background-image: url(../images/btn_adv_search_inactive.png);
		}
		#quicksearchfilter {
			border-top: 1px solid #C5C5C5;
			padding: 0 0 0 16px;
		}
		#quicksearchfilter .close {
			float: left;
			width: 33px;
			height: 26px;
			margin-top: 26px;
			cursor: pointer;
		}
		#quicksearchfilter .close.users {
			margin-top: 6px;
		}
			#quicksearchfilter .filter {
				float: left;
				color: #6C6C6C;
				margin-top: 5px;
			}
			#quicksearchfilter .filter.users {
				margin-top: 0;
			}
				#quicksearchfilter .filter .description {
					color: #5B5B5B;
					font-weight: bold;
					width: 57px;
				}
				#quicksearchfilter .filter .file {
					background: transparent url(../images/ic_datei.png) no-repeat;
					width: 880px;
					height: 19px;
					padding: 5px 0 8px 28px;
				}
				#quicksearchfilter .filter .file.audio {
					background-image: url(../images/ic_search_audio.png);
				}
				#quicksearchfilter .filter .file.video {
					background-image: url(../images/ic_search_video.png);
				}
				#quicksearchfilter .filter .file.image {
					background-image: url(../images/ic_search_photo.png);
				}
				#quicksearchfilter .filter .user {
					border-top: 1px solid #c5c5c5;
					background: transparent url(../images/ic_user.png) no-repeat 0 6px;
					height: 19px;
					padding-left: 28px;
					padding-top: 10px;
					float: left;
				}
				#quicksearchfilter .filter.users .user {
					border: none;
				}
					#quicksearchfilter .filter select {
						min-width: 0;
						width: 118px;
					}
						#quicksearchfilter .filter select optgroup {
							font-style: italic;
							font-weight: bold;
							background: transparent;
						}
							#quicksearchfilter .filter select optgroup option {
								padding: 0;
							}
						#quicksearchfilter .filter select option.group {
							font-style: italic;
							font-weight: bold;
						}
					#quicksearchfilter .filter select.scope{
						width: 42px;
					}
					#quicksearchfilter .filter input.textbox {
						border: 1px solid #9C9C9C;
						width: 142px;
					}
					#quicksearchfilter .filter span,
					#quicksearchfilter .filter select,
					#quicksearchfilter .filter input.textbox {
						float: left;
						margin-right: 10px;
						color: inherit;
					}
					#quicksearchfilter div.submit input {
						padding: 2px 20px!important;
					}

		.subContent .tabContent {
			padding: 0 !important;
		}

		/* IE fixes for TABS at all */
		* html .tablist { position: absolute; }
		* html .tabInner { margin-top: 24px; }
		* html .tabInner #searchTerm,
		* html .tabInner .searchTerm
		 { background: url(../images/ic_magnifier_IE.gif) no-repeat; }

		* + html .tablist { position: absolute; }
		* + html .tabInner { margin-top: 24px; }

		.tabInner .button {
			background: transparent url(../images/btn_blue_left.gif) no-repeat scroll left top;
			display: block;
			margin: 0 0pt 0pt 10px;
			padding-left: 13px;
			float: left;
		}

		.tabInner .button a {
			display: block;
			height: 18px;
			width: 100px;
			background: transparent url(../images/btn_blue_right.gif) no-repeat scroll right top !important;
			color: #FFFFFF;
			overflow:visible;
			margin-left: 0 !important;
		}

#cmyc-search .bottom {
	height: 20px;
	padding: 18px 15px 12px 0;
	margin-top: -45px;
}
	#cmyc-search .bottom .order-and-limit {
		float: right;
	}
		#cmyc-search .bottom .order-and-limit select {
			border: 1px solid #9C9C9C;
			color: #6C6C6C;
			float: left;
			margin-right: 10px;
		}
	div.display {
		float: left;
	}
		div.display a.cmyc-quicksearch-complete {
			background: url(../images/btn_detailview_active.png) no-repeat;
			cursor: pointer;
			display: block;
			float: left;
			width: 26px;
			height: 15px;
			margin-left: 20px;
			padding-right: 7px;
			margin-right: 7px;
			border-right: 1px solid #6C6C6C;
		}
		div.display a.cmyc-quicksearch-complete.selected {
			background-image: url(../images/btn_detailview.png);
		}
		div.display a.cmyc-quicksearch-minimal {
			background: url(../images/btn_thumbview_active.png) no-repeat;
			cursor: pointer;
			display: block;
			float: left;
			width: 26px;
			height: 15px;
		}
		div.display a.cmyc-quicksearch-minimal.selected {
			background-image: url(../images/btn_thumbview.png);
		}

#inboxContentWrap {
	margin-top: 10px;
}

#inboxData,
#inboxAdvertising {
	float: left;
	overflow: hidden;
}

#inboxContentWrap {
	margin-top: 10px;
}

* html #inboxContentWrap {
	margin-bottom: 60px;
}

* +html #inboxContentWrap {
	margin-bottom: 60px;
}

#inboxData {
	display: block;
	margin: 0 27px 60px 0;
	position: relative;
	width: 638px;
}
		#inboxData table {
			color: #000;
			width: 100%;
			margin-bottom: 10px;
			border-collapse: collapse;
		}

				#inboxData table .col1 { width: 17px; }
				#inboxData table .col2 { width: 205px; }
				#inboxData table .col3 { width: 311px; }
				#inboxData table .col4 { width: 24px; }
				#inboxData table .col5 { width: 50px; }

				#inboxData table th,
				#inboxData table td {
					overflow: hidden;
					vertical-align: top;
				}
						#inboxData table tr.new td {
							background: url('../images/bg_table_blue.gif') right center repeat-x;
						}
						#inboxData table tr td.status span {
							width: 37px;
							height: 37px;
							display: block;
							margin: auto;
							background: url('../images/ic_mail_opened.png') no-repeat;
						}
						#inboxData table tr.new td.status span {
							background: url('../images/ic_mail_unread.png') no-repeat;
						}
								#inboxData table tr.new td a {
									color: #fff;
								}

				#inboxData table td {
					background: #e4e4e4;
					border-right: 1px solid #fff;
					border-bottom: 1px solid #fff;
				}
						#inboxData table td.check {
							background: url(../images/bg_mestable_left.gif) left center no-repeat;
							border-right: none;
							vertical-align: middle;
							padding: 0;
						}
								#inboxData table tr.new td.check {
									background-image: url('../images/bg_mestable_left_ac.gif');
								}
										#inboxData table td.check input { margin-left: 7px; }
										* html #inboxData table td.check input { margin-right: 4px; }

						#inboxData table td span.attachment {
							background: url('../images/bg_table_attach.gif') center center no-repeat;
							display: block;
							height: 59px;
							width: 28px;
						 }
								#inboxData table tr.new td span.attachment {
									background-image: url('../images/bg_table_attach_active.gif');
								 }

				#inboxData table thead th {
					border: 1px solid #fff;
					border-bottom: 2px solid #f6f6f6;
					background: #3787e8;
					color: #fff;
					height: 25px;
					padding: 0 0 0 5px;
					line-height: 220%;
				}
						#inboxData table .col1 { background: #3787e8 url(../images/bg_thead_left.gif) no-repeat; }
						#inboxData table .col5 { background: #3787e8 url(../images/bg_thead_right.gif) right top no-repeat; }

				#inboxData table thead td,
				#inboxData table tbody td {
					border-bottom: 1px solid #f6f6f6;
				}
				#inboxData table tbody td.status {
					text-align: center;
				}

				#inboxData table td span.date {
					margin: -3px 3px 0 0;
				}
						* html #inboxData table td span.date { display: block; }

				#inboxData table td span.online {
					border: none;
				}

				#inboxData table td a.title {
					width: 250px;
				}

				#inboxData table td p {
					margin: 5px 0;
					padding-left: 20px;
				}
				#inboxData table span.messageExcerpt {
					display: block;
				}

				#inboxData table td.messagesMessageSender div {
					width: 142px;
					height: 48px;
					overflow: hidden;
					white-space: nowrap;
				}
				#inboxData table td.subject {
					padding: 5px;
					cursor: pointer;
				}

				#inboxData table td.subject div {
					width: 300px;
					height: 48px;
					overflow: hidden;
				}

				#inboxData table tr.opened td, #inboxData table tr.message-single td {
					background: #fff;
				}
				#inboxData table td span.fileAdvisory {
					float: left;
					margin-right: 9px;
					text-align: right;
					width: 210px;
				}

				#inboxData table div.ad {
					color: #999;
					float: left;
					height: 172px;
					margin-left: 8px;
					margin-right: 2px;
					width: 228px;
					display: inline; /* Double-Float-Margin Bug */
				}
				* html #inboxData table div.ad {
					width: 231px;
				}
				* +html #inboxData table div.ad {
					width: 230px;
				}

				#inboxData table div.text {
					height: 172px;
					overflow: auto;
					float: left;
					width: 399px;
					padding: 5px 0;
				}
				* html #inboxData table div.text {
					width: 392px;
				}
				* +html #inboxData table div.text {
					width: 392px;
				}
						#inboxData table div.text p {
							margin-top: 0 !important;
							padding: 0 10px 5px 0 !important;
						}

				#inboxData table td p.file {
					border-bottom: 1px solid #bebebe;
					margin-bottom: 5px;
				}
						#inboxData table td p.file a {
							color: #1f67fb;
							font-weight: bold;
						}

				#inboxData table td p.buttons {
					border-top: 1px solid #999;
					clear: both;
					padding: 10px 0 0 237px;
				}
				* html #inboxData table td p.buttons {
					padding: 10px 0 0 234px;
				}
				* +html #inboxData table td p.buttons {
					padding: 10px 0 0 233px;
				}
						#inboxData table td p.buttons .btnLink,
						#inboxData table td p.buttons .btnLink span,
						#inboxData table td p.buttons .btnLinkAction,
						#inboxData table td p.buttons .btnLinkAction span {
							width: 90px;
						}

				#inboxData table td dt,
				#inboxData table td dd {
					float: left;
					margin-top: 2px;
				}
						#inboxData table td dl dt img {
							margin-right: 5px;
						}
						#inboxData table td dl span {
							display: block;
							margin-top: 6px;
						}
				#inboxData table tfoot td {
					background: #e8e8e8;
					padding: 5px 0 5px 3px;
				}
						#inboxData table tfoot td label {
							line-height: 180%;
							color: #06f;
						}
						#inboxData table tfoot td p {
							text-align: right !important;
							margin: 0 !important;
							padding: 0;
						}
						#inboxData table tfoot td p strong,
						#inboxData table tfoot td p .btnLink{
							float: left;
						}
								#inboxData table tfoot td p strong {
									margin: 4px 0 0 130px;
								}
								#inboxData table tfoot td p .btnLink,
								#inboxData table tfoot td p .btnLink span {
									width: 90px !important;
								}
								#inboxData table tfoot td .btnLinkAction {
									margin-left: 0!important;
								}

								div.reset {
									background: transparent url(../images/btn_black_left2.gif) no-repeat scroll left top !important;
									display: block;
									float: right;
									padding-left: 11px;
									margin: 2px 5px 0 0;
								}

										div.reset input {
											background: url(../images/btn_black_right2.gif) no-repeat right top;
											border: none;
											cursor: pointer;
											color: #fff;
											overflow: visible; /* ie */
											padding: 2px 30px !important;
										}

										* html div.reset input { padding: 0 30px; line-height: 1.1em;}
										* +html div.reset input { padding: 0 30px; line-height: 1.1em;}
										html[xmlns*=""] body:last-child div.reset input { line-height: 1.35em; }

						/*
							CHARTS
						*/
						.chartsTabInner {
							padding-top: 3px;
							padding-bottom: 2px;
						}

							.chartsTabInner form #searchTerm {
								margin-top: 14px;
							}

							#inboxData.charts .categories {
								margin-top: 5px;
								margin-bottom: 20px;
							}
								#inboxData.charts select {
									width: 161px;
									border: 1px solid #7F9FB7;
									height: 21px;
									padding-top: 2px;
								}
								#inboxData.charts #category1 {
									margin-right: 66px;
									margin-left: 8px;
								}
								#inboxData.charts #category2 {
									margin-right: 66px;
								}

						ul.chartlinks {
							list-style-type: none;
							float: left;
						}
							ul.chartlinks li {
								border-right: 1px dotted #000;
								float: left;
								text-align: center;
								padding: 0 20px 0 20px;
							}
							ul.chartlinks li.best-rated {
								padding-left: 10px;
							}
							ul.chartlinks li.most-downloaded {
								border-right: none;
							}
								ul.chartlinks li a {
									background-position: center top;
									background-repeat: no-repeat;
									padding-top: 37px;
									display: block;
									float: left;
								}
								ul.chartlinks li.best-rated a {
									background-image: url(../images/ic_voting_inactiv.gif);
								}
								ul.chartlinks li.best-rated a:hover {
									background-image: url(../images/ic_voting_activ.gif);
								}
								ul.chartlinks li.most-forwarded a {
									background-image: url(../images/ic_forward_inactiv.gif);
								}
								ul.chartlinks li.most-forwarded a:hover {
									background-image: url(../images/ic_forward_activ.gif);
								}
								ul.chartlinks li.most-viewed a {
									background-image: url(../images/ic_views_inactiv.gif);
								}
								ul.chartlinks li.most-viewed a:hover {
									background-image: url(../images/ic_views_activ.gif);
								}
								ul.chartlinks li.most-downloaded a {
									background-image: url(../images/ic_downloads_inactiv.gif);
								}
								ul.chartlinks li.most-downloaded a:hover {
									background-image: url(../images/ic_downloads_activ.gif);
								}

						#inboxData.charts table {
							border: 5px solid #fff;
							border-top: 17px solid #fff;
							padding: 4px;
						}
							#inboxData.charts table colgroup col.col1,
							#inboxData.charts table colgroup col.col2 {
								width: 5%;
							}
							#inboxData.charts table colgroup col.col3 {
								width: 62%;
								*width: 59%;
							}
							#inboxData.charts table colgroup col.col4 {
								width: 10%;
								*width: 13%;
							}
							#inboxData.charts table colgroup col.col5 {
								width: 5%;
							}
							#inboxData.charts table .pos,
							#inboxData.charts table .oldpos {
								text-align: center;
							}
							#inboxData.charts table thead tr th {
								vertical-align: baseline;
								background: #fff;
								border: 0;
								color: #7b7b7b;
								padding: 0;
							}
							#inboxData.charts table thead tr th.chartType {
								padding-left: 86px;
							}
							#inboxData.charts table thead tr th.chartDate {
								font-size: 1.2em;
								font-weight: bold;
								text-align: right;
								padding-right: 2px;
							}
								#inboxData.charts table thead tr th select {
									min-width: 170px;
								}
									* html #inboxData.charts table thead tr th select {
										width: 170px;
									}
							#inboxData.charts table tr td {
								background: #f5f5f5;
								border-bottom: 2px solid #fff;
								border-top: 1px solid #fff;
								padding-bottom: 1px;
								padding-top: 1px;
							}
							#inboxData.charts table tr td.pos {
								border-right: 1px solid #fff;
								color: #333;
								font-size: 1.6363em;
								font-weight: bold;
								line-height: .9;
								padding: 13px 16px 0;
							}
							#inboxData.charts table tr td.oldpos {
								color: #999;
								font-size: 1.1818em;
								font-weight: bold;
								line-height: 1;
								padding: 13px 17px 0;
								border-right: 0;
							}
							#inboxData.charts table tr td.subject,
							#inboxData.charts table tr td.play {
								border-right: none;
							}
								#inboxData.charts table tr td.subject p {
									padding-left: 10px;
								}
								#inboxData.charts table tr td.play div.top,
								#inboxData.charts table tr td.play div.bottom {
									padding-top: 6px;
								}
									#inboxData.charts table tr td.play div div {
										float: left;
									}
										#inboxData.charts table tr td.play a {
											display: block;
											margin-right: 10px;
										}
										#inboxData.charts table tr td.play span.fivestar {
											margin-right: 10px;
										}
							#inboxData.charts table tr td.rating,
							#inboxData.charts table tr td.buy {
								vertical-align: bottom;
								padding-bottom: 10px;
							}
							#inboxData.charts table tr td.buy {
								padding: 10px;
							}
							#inboxData.charts table tr td.rating span {
								display: block;
								font-size: 1.2em;
								padding: 0 0 2px;
							}
							#inboxData.charts table tr.pos1 td.rating span {
								padding: 0 0 5px;
							}

							#inboxData.charts table tr td.status {
								padding: 0 5px;
								vertical-align: middle;
							}
							#inboxData.charts table tr.pos1 td {
								background: #4cabf5;
							}
								#inboxData.charts table tr.pos1 td.pos {
									color: #fff;
									font-size: 3.2727em
								}
								#inboxData.charts table tr.pos1 td.oldpos {
									color: #a6d5fa;
								}
								#inboxData.charts table tr.pos1 td.subject {
									padding-bottom: 7px;
									*padding-bottom: 11px;
									padding-top: 11px;
								}
									#inboxData.charts table tr.pos1 td.subject a,
									#inboxData.charts table tr.pos1 td.rating span {
										color: #fff;
									}
							#inboxData.charts table tr.pos2 td {
								background: #a5d5fa;
							}
								#inboxData.charts table tr.pos2 td.pos {
									font-size: 2.7272em
								}
								#inboxData.charts table tr.pos2 td.oldpos,
								#inboxData.charts table tr.pos3 td.oldpos {
									color: #39c;
								}
								#inboxData.charts table tr.pos2 td.subject {
									padding-bottom: 1px;
									*padding-bottom: 5px;
									padding-top: 5px;
								}
							#inboxData.charts table tr.pos3 td {
								background: #c3e9fa;
							}
								#inboxData.charts table tr.pos3 td.pos {
									font-size: 2.2727em
								}

						#inboxData.charts table span.orderStatus {
							margin-left: 88px;
						}
								* html #inboxData.charts table span.orderStatus { margin-left: 82px; }
								* + html #inboxData.charts table span.orderStatus { margin-left: 82px; }


						#inboxData.charts table span.centered.new {
							color: #3a99eb;
						}
						#inboxData.charts table div.imageBox {
							display: table-cell;
							position: relative;
							float: left;
							width: 71px;
							height: 53px;
							overflow: hidden;
							vertical-align: middle;
							text-align: center;
							background: #000;
							margin-right: 0;
						}
							#inboxData.charts table div.imageBox .chartPlay {
								display: none;
								position: absolute;
								top: 50%;
								left: 50%;
								margin: -9px 0 0 -9px;
							}
							#inboxData.charts table div.imageBox:hover .chartPlay,
							#inboxData.charts table div.imageBox:focus .chartPlay,
							#inboxData.charts table div.imageBox:active .chartPlay {
								display: block;
							}
							* html #inboxData.charts table div.imageBox {
								float: none;
							}
							*+html #inboxData.charts table div.imageBox {
								float: none;
								line-height: 53px;
							}
								#inboxData.charts table div.imageBox a {
									display: table-cell;
									height: 53px;
									text-align: center;
									vertical-align: middle;
									width: 71px;
								}
								#inboxData.charts table p {
									display: table-cell;
								}
										* html #inboxData.charts table p { margin: -55px 0 0 65px; }
										* + html #inboxData.charts table p { margin: -55px 0 0 65px; }

										#inboxData.charts table p a {
											font-size: 1.6363em;
											font-weight: bold;
											line-height: 1.6;
										}
										#inboxData.charts table p span {
											display: block;
										}
										#inboxData.charts table p a img {
											vertical-align: middle;
											margin-left: 3px;
										}

										#inboxData.charts div.paginator {
											width: 410px;
											margin: 0 auto;
											text-align: center;
											padding: 5px 0 20px 0;
										}

#chartType {
	list-style: none;
	float: left;
}
#chartType li {
	float: left;
	background: url(../images/charttype_separator.gif) no-repeat;
	margin-bottom: -10px;
	_position: relative;
}
#chartType li a {
	float: left;
	display: block;
	font-weight: bold;
	text-align: center;
	background-position: 50% 0;
	background-repeat: no-repeat;
	padding: 28px 10px 0 10px;
	zoom: 1;
}
#chartType li#chartTypeTop100 a:hover,
#chartType li#chartTypeBestRated a:hover,
#chartType li#chartTypeMostForwarded a:hover,
#chartType li#chartTypeMostViewed a:hover,
#chartType li#chartTypeMostDownloaded a:hover,
#chartType li#chartTypeTop100 a:focus,
#chartType li#chartTypeBestRated a:focus,
#chartType li#chartTypeMostForwarded a:focus,
#chartType li#chartTypeMostViewed a:focus,
#chartType li#chartTypeMostDownloaded a:focus,
#chartType li#chartTypeTop100 a:active,
#chartType li#chartTypeBestRated a:active,
#chartType li#chartTypeMostForwarded a:active,
#chartType li#chartTypeMostViewed a:active,
#chartType li#chartTypeMostDownloaded a:active {
	background-position: 50% -100px;
}
.chartTypeTop100 #chartType li#chartTypeTop100 a,
.chartTypeBestRated #chartType li#chartTypeBestRated a,
.chartTypeMostForwarded #chartType li#chartTypeMostForwarded a,
.chartTypeMostViewed #chartType li#chartTypeMostViewed a,
.chartTypeMostDownloaded #chartType li#chartTypeMostDownloaded a {
	background-position: 50% -100px;
	padding-bottom: 15px;
	margin-bottom: -15px;
}
/* top 100 */
#chartType li#chartTypeTop100 {
	background: none;
}
#chartType li#chartTypeTop100 a {
	background-image: url(../images/charttype_top100.gif);
	min-width: 147px;
	_width: 147px;
}
#chartType li#chartTypeTop100 a:hover,
#chartType li#chartTypeTop100 a:focus,
#chartType li#chartTypeTop100 a:active,
.chartTypeTop100 #chartType li#chartTypeTop100 a,
.chartTypeTop100 #chartFilter ul#chartGenre li,
.chartTypeTop100 #chartFilter ul#chartGenre li a,
.chartTypeTop100 #inboxData.charts table thead tr th.chartType span {
	color: #c1961e;
}
.chartTypeTop100 #inboxData.charts table tr.pos1 td {
	background: #c1961e;
}
.chartTypeTop100 #inboxData.charts table tr.pos1 td.oldpos {
	color: #e0cb92;
}
.chartTypeTop100 #inboxData.charts table tr.pos2 td {
	background: #e1cd92;
}
.chartTypeTop100 #inboxData.charts table tr.pos3 td {
	background: #ede0bd;
}
.chartTypeTop100 #inboxData.charts table tr.pos2 td.oldpos,
.chartTypeTop100 #inboxData.charts table tr.pos3 td.oldpos,
.chartTypeTop100 #inboxData.charts table tr.pos2 td.subject a,
.chartTypeTop100 #inboxData.charts table tr.pos3 td.subject a,
.chartTypeTop100 #inboxData.charts table tr.pos2 td.rating span,
.chartTypeTop100 #inboxData.charts table tr.pos3 td.rating span {
	color: #a67f18;
}
/* best rated */
#chartType li#chartTypeBestRated a {
	background-image: url(../images/charttype_bestrated.gif);
}
.chartTypeBestRated #chartFilter ul#chartGenre li,
.chartTypeBestRated #chartFilter ul#chartGenre li a,
.chartTypeBestRated #inboxData.charts table thead tr th.chartType span {
	color: #06f;
}
/* most forwarded */
#chartType li#chartTypeMostForwarded a {
	background-image: url(../images/charttype_mostforwarded.gif);
}
#chartType li#chartTypeMostForwarded a:hover,
#chartType li#chartTypeMostForwarded a:focus,
#chartType li#chartTypeMostForwarded a:active,
.chartTypeMostForwarded #chartType li#chartTypeMostForwarded a,
.chartTypeMostForwarded #chartFilter ul#chartGenre li,
.chartTypeMostForwarded #chartFilter ul#chartGenre li a,
.chartTypeMostForwarded #inboxData.charts table thead tr th.chartType span {
	color: #f855eb;
}
.chartTypeMostForwarded #inboxData.charts table tr.pos1 td {
	background: #f855eb;
}
.chartTypeMostForwarded #inboxData.charts table tr.pos1 td.oldpos {
	color: #f9acf3;
}
.chartTypeMostForwarded #inboxData.charts table tr.pos2 td {
	background: #fcacf6;
}
.chartTypeMostForwarded #inboxData.charts table tr.pos3 td {
	background: #fdcdf9;
}
.chartTypeMostForwarded #inboxData.charts table tr.pos2 td.oldpos,
.chartTypeMostForwarded #inboxData.charts table tr.pos3 td.oldpos,
.chartTypeMostForwarded #inboxData.charts table tr.pos2 td.subject a,
.chartTypeMostForwarded #inboxData.charts table tr.pos3 td.subject a,
.chartTypeMostForwarded #inboxData.charts table tr.pos2 td.rating span,
.chartTypeMostForwarded #inboxData.charts table tr.pos3 td.rating span {
	color: #d84ecd;
}
/* most viewed */
#chartType li#chartTypeMostViewed a {
	background-image: url(../images/charttype_mostviewed.gif);
}
#chartType li#chartTypeMostViewed a:hover,
#chartType li#chartTypeMostViewed a:focus,
#chartType li#chartTypeMostViewed a:active,
.chartTypeMostViewed #chartType li#chartTypeMostViewed a,
.chartTypeMostViewed #chartFilter ul#chartGenre li,
.chartTypeMostViewed #chartFilter ul#chartGenre li a,
.chartTypeMostViewed #inboxData.charts table thead tr th.chartType span {
	color: #24c7c5;
}
.chartTypeMostViewed #inboxData.charts table tr.pos1 td {
	background: #24c7c5;
}
.chartTypeMostViewed #inboxData.charts table tr.pos1 td.oldpos {
	color: #92e1e0;
}
.chartTypeMostViewed #inboxData.charts table tr.pos2 td {
	background: #94e4e3;
}
.chartTypeMostViewed #inboxData.charts table tr.pos3 td {
	background: #bfefee;
}
.chartTypeMostViewed #inboxData.charts table tr.pos2 td.oldpos,
.chartTypeMostViewed #inboxData.charts table tr.pos3 td.oldpos,
.chartTypeMostViewed #inboxData.charts table tr.pos2 td.subject a,
.chartTypeMostViewed #inboxData.charts table tr.pos3 td.subject a,
.chartTypeMostViewed #inboxData.charts table tr.pos2 td.rating span,
.chartTypeMostViewed #inboxData.charts table tr.pos3 td.rating span {
	color: #00aba9;
}
/* most downloaded */
#chartType li#chartTypeMostDownloaded a {
	background-image: url(../images/charttype_mostdownloaded.gif);
}
#chartType li#chartTypeMostDownloaded a:hover,
#chartType li#chartTypeMostDownloaded a:focus,
#chartType li#chartTypeMostDownloaded a:active,
.chartTypeMostDownloaded #chartType li#chartTypeMostDownloaded a,
.chartTypeMostDownloaded #chartFilter ul#chartGenre li,
.chartTypeMostDownloaded #chartFilter ul#chartGenre li a,
.chartTypeMostDownloaded #inboxData.charts table thead tr th.chartType span {
	color: #bf6fff;
}
.chartTypeMostDownloaded #inboxData.charts table tr.pos1 td {
	background: #bf6fff;
}
.chartTypeMostDownloaded #inboxData.charts table tr.pos1 td.oldpos {
	color: #dfb8ff;
}
.chartTypeMostDownloaded #inboxData.charts table tr.pos2 td {
	background: #dfbaff;
}
.chartTypeMostDownloaded #inboxData.charts table tr.pos3 td {
	background: #ecd5ff;
}
.chartTypeMostDownloaded #inboxData.charts table tr.pos2 td.oldpos,
.chartTypeMostDownloaded #inboxData.charts table tr.pos3 td.oldpos,
.chartTypeMostDownloaded #inboxData.charts table tr.pos2 td.subject a,
.chartTypeMostDownloaded #inboxData.charts table tr.pos3 td.subject a,
.chartTypeMostDownloaded #inboxData.charts table tr.pos2 td.rating span,
.chartTypeMostDownloaded #inboxData.charts table tr.pos3 td.rating span {
	color: #af4aff;
}
/* chart filter */
#chartFilter {
	padding: 23px 10px 10px;
}
#chartFilter select {
	float: left;
	margin-right: 10px;
}
#chartFilter ul#chartGenre {
	list-style: none;
	float: left;
	margin: 6px 0 0 13px;
}
#chartFilter ul#chartGenre li {
	float: left;
	font-size: 1.1em;
	border-left: 1px solid;
}
#chartFilter ul#chartGenre li.first {
	border: 0;
}
#chartFilter ul#chartGenre li a,
#chartFilter ul#chartGenre li strong {
	float: left;
	margin: -3px 5px;
}
#chartFilter ul#chartGenre li strong {
	font-size: 1.5em;
	font-weight: normal;
	color: #000;
	margin-top: -9px;
}
#chartFilter ul#chartGenre li a:hover {
	color: #000;
}
.chartPage #inboxAdvertising {
	background: #fff;
}

#inboxAdvertising #playerHeadlines {
	padding: 5px;
}

#inboxAdvertising #playerHeadlines h4 {
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	background: none;
	padding: 0;
	margin: 0 0 .2em;
}

#inboxAdvertising #playerHeadlines h5 {
	font-size: 1.2em;
	font-weight: bold;
	color: #0066ff;
	margin: 0 0 .2em;
}

#inboxAdvertising #playerHeadlines h5 span {
	color: #747474;
}

.chartPage #inboxAdvertising div.imagewrapper {
	position: relative;
}

.chartPage #inboxAdvertising div.imagewrapper div.overlay {
	background: red;
	position: absolute;
	cursor: pointer;
	top: 91px;
	left: 129px;
	width: 42px;
	height: 42px;
	background: url("../images/btn_view.png") no-repeat right bottom;
}

#rating {
	padding: 2px 10px 5px;
}
#rating a {
	float: left;
	text-transform: uppercase;
	background: url(../images/ic_rating_top.png) no-repeat;
	padding: 7px 0 6px 20px;
	margin-right: 15px;
}
#rating a.flop {
	background: url(../images/ic_rating_flop.png) no-repeat left bottom;
}

#comments {
	background: url(../images/bg_dot.png) repeat-x;
	padding: 10px 0;
	margin: 0 10px;
}
#comments h5 {
	float: left;
	font-size: 1.2em;
	text-transform: uppercase;
	margin-bottom: 10px;
}
#comments h5 span {
	color: #b1afac;
}
#comments a.showAll {
	float: right;
	background: url(../images/el_arrow_right_blue_small.gif) no-repeat left center;
	padding-left: 10px;
}
#comments ul {
	list-style: none;
	clear: both;
}
#comments ul li {
	background: #f0f3f9;
	padding: 5px;
	margin-bottom: 4px;
}
#comments ul li .ratingTop,
#comments ul li .ratingFlop {
	float: right;
	text-transform: uppercase;
	color: #2eb306;
	background: url(../images/ic_rating_top_colored.png) no-repeat;
	padding: 7px 0 6px 20px;
}
#comments ul li .ratingFlop {
	color: #bc4242;
	background: url(../images/ic_rating_flop_colored.png) no-repeat left bottom;
}
#comments ul li img {
	float: left;
	margin-right: 8px;
}
#comments ul li span {
	color: #9a9a9a;
}
#comments ul li a.delete {
	float: right;
	cursor: pointer;
	width: 27px;
	height: 26px;
	background: url(../images/btn_delete_comment_inact.png) no-repeat;
}
#comments ul li a.delete:focus,
#comments ul li a.delete:active,
#comments ul li a.delete:hover {
	background: url(../images/btn_delete_comment_act.png);
}
#comments fieldset {
	background: #f6f6f6;
	padding: 8px 5px;
}
#comments fieldset label {
	display: block;
	padding: 0 0 4px 10px;
}
#comments fieldset input#comment {
	background:  url(../images/bg_comment_input.png) no-repeat;
	width: 226px;
	padding: 4px 10px 5px;
	border: 0;
}
#comments fieldset input.okbtn {
	cursor: pointer;
	color: #06f;
	background: #f4f4f4;
	padding: 3px 0;
	border: 0;
}

#comments ul.tag-pager {
	margin-left: 0;
}

		#inboxData div.messageContent {
			position: relative;
		}

		#inboxData div.smileyRead {
			height: 250px;
			left: 0;
			padding: 10px;
			position: absolute;
			top: -50px;
			width: 200px;
			z-index: 5000;
		}

#inboxAdvertising {
	float: left;
	width: 305px;
}

#inboxAdvertising h4 {
	color: #fff;
	background: #808898 url(../images/bg_hdl_advertising.jpg) no-repeat left top;
	padding: 2px 10px;
	margin-top: 20px;
}

#searchTabBox {
	border: 1px solid #9c9c9c;
	background-color: #fff;
	width: 425px;
	height: 816px;
	margin: 0 53px 2px 0;
	float: left;
	overflow: auto;
}
		#searchTabBox h5 {
			color: #969696;
			border-bottom: 1px solid #d9d9d9;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}
		#searchTabBox #closeDetailSearch {
			float: right;
			margin-top: 2px;
		}
		#searchTabBox form {
			padding: 10px;
		}
				#searchTabBox form .formRow {
					padding-bottom: 8px;
					margin-bottom: 8px;
					border-bottom: 1px solid #d9d9d9;
				}

		#searchTabBox form label,
		#searchTabBox form select,
		#searchTabBox form input {
			float: left;
			width: 35%;
		}
				#searchTabBox form label {
					width: 62%;
					margin-right: 10px;
					color: #818181;
				}
						#searchTabBox form label.padded {
							padding: 3px 0 0 3px;
						}
				#searchTabBox form input {
					width: auto;
					vertical-align: middle;
				}
				#searchTabBox form .buttons {
					margin-top: 10px;
					border: 0 none;
				}
						#searchTabBox form .buttons .btnLinkAction,
						#searchTabBox form .buttons .btnLinkAction span {
							width: 150px;
						}

.accContent {
	padding-top: 10px;
}
.accContent .tabContent {
	width: 946px;
}

#memberContentWrap {
	margin: 8px 0;
	position: relative;
}
.contentBox {
	float: left;
	overflow: hidden;
	margin: 0 2px 2px 0;
	position: relative;
}

.contentBoxError { /* no media available */
	float: left;
	border: 1px solid #00a8ff;
	margin: 0;
	padding: 10px;
	position: relative;
	background: #fff;
	width: 948px;
}
		.contentBox p {
			overflow: hidden;
		}
				.contentBox p.memberName,
				.contentBox p.title {
					padding: 1px 3px;
				}
						.contentBox p.title {
							border: 0 none;
						}
				.contentBox.onlineState span.status {
					display: block;
					position: absolute;
					width: 100%;
					background: #01cc00;
					color: #fff;
					margin-top: -10px;
					text-align: center;
					text-transform: uppercase;
				}
						* html .contentBox.onlineState span {
							margin-top: -11px;
						}
						.contentBox.onlineState p span {
							position: relative;
							margin: 0;
							text-align: left;
							background: none;
							width: auto;
						}
				.contentBox .search_fileOptions .play {
					position: absolute;
					top: 34px;
					left: 54px;
				}
				.contentBox .fileOptions {
					position: absolute;
					z-index: 2;
					margin: -100px 0 0 1px;
					width: 148px;
					border: 0 none;
				}
						.contentBox .fileOptions span {
							display: block;
							background: #000 !important;
							opacity: .8;
							filter: alpha(opacity=80);
							padding: 4px 0 4px 8px;
							margin-bottom: 3px !important;
						}
								.contentBox .fileOptions span a {
									color: #fff;
									padding-left: 20px;
								}
										.contentBox .fileOptions span a.fileOption1 { background: url(../images/ic_fileop_play.gif) no-repeat; }
										.contentBox .fileOptions span a.fileOption2 { background: url(../images/ic_profile.gif) no-repeat; }
										.contentBox .fileOptions span a.fileOption3 { background: url(../images/ic_fileop_playlist.gif) no-repeat; }
				.contentBox p.top {
					display: block;
					height: 15px;
					overflow: hidden;
				}
				.contentBox span.title {
					display: block;
					height: 15px;
					overflow: hidden;
				}
					.contentBox span.title span {
						color: #000;
					}
				.contentBox span.playlist a {
					display: block;
					position: absolute;
					width: 16px;
					height: 16px;
					top: 0;
					left: 1px;
					background: url(../images/ic_scnav_add.gif) no-repeat;
				}
				.contentBox span.playlist a:hover {
					background-image: url(../images/ic_scnav_add_act.gif);
				}
				.contentBox span.ranking {
					position: relative;
					top: -4px;
				}
				.contentBox p.memberImage {
					height: 108px;
					padding: 0;
					margin: 0;
					background: #000;
					overflow: hidden !important;
					text-align: center;
					vertical-align: middle;
					border-top: 1px solid #000;
					border-bottom: 1px solid #000;
					position: relative;
				}
						.contentBox.onlineState p.memberImage {
							 border: 2px solid #01CC00;
							 width: 186px !important;
							 height: 105px !important;
						}

						.contentBox p.memberImage img {
							border: 0 none;
							margin: 0 auto;
						}



				.contentBox p.meta {
					border-bottom: 0 none;
					padding: 1px 0 5px 0;
					height: 35px;
				}
				.contentBox p.meta a {
					display: block;
					padding-left: 26px;
					height: 28px;
					overflow: hidden;
				}
				.contentBox p.meta span.border img.last {
					border-right: 1px solid #777777;
					padding-right: 5px;
				}

						.contentBox p.meta span.icons {

						}

						.contentBox p.meta span.fivestar {
							float: right;
						}

.searchLoadingIndicator {
	position: absolute;
	top: 0;
	width: 100%;
}
	.searchLoadingIndicator.whiteBg {
		background: #F6F6F6;
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	.searchLoadingIndicator.content div {
		position: absolute;
		top: 166px;
		left: 319px;
		width: 334px;
		height: 116px;
		background: transparent url(../images/bg_loading.png) no-repeat scroll 0 0;
	}
		.searchLoadingIndicator.content div img {
			margin: 28px 0 0 150px;
			display: block;
		}
		.searchLoadingIndicator.content div span {
			display: block;
			font-size: 1.4em;
			margin-top: 15px;
			text-align: center;
		}

/* - register - */

div#account {
	background: url(../images/bg_acc_admin.png) no-repeat left top !important;
	background: url(../images/bg_acc_admin.gif) no-repeat left top;
	float: right;
	height: 141px;
	width: 237px;
}

		#account div#register {
			background: url(../images/bg_register.png) no-repeat center center !important;
			background: url(../images/bg_register.jpg) no-repeat center center;
			height: 109px;
			margin: 5px;
			width: 227px;
			cursor: pointer;
		}

				#account #register h2 {
					background: url(../images/bg_participate.png) no-repeat left top !important;
					background: url(../images/bg_participate.gif) no-repeat left top;
					display: block;
					float: left;
					height: 100px;
					left: -5px;
					position: relative;
					text-indent: -8000px;
					top: -2px;
					width: 227px;
				}
					* html #account #register h2 {
						left: -2px;
					}


						#account #register h2 a {
							display: block;
							height: 96px;
							width: 98px;
						}

						#account #register span {
							background: url(../images/el_whitedot.gif) no-repeat left 5px;
							color: #fff;
							float: right;
							margin-right: 10px;
							padding-left: 8px;
							position: relative;
							top: -70px;
						}

						*  html #register span { margin-right: 5px; }
						* +html #register span { margin-right: 5px; }

						#account #register ul {
							float: left;
							margin: 15px 0 0 7px;
							width: 120px;
						}

								#account #register ul li {
									color: #fff;
									font-weight: 700;
									margin-bottom: 2px;
								}

		#account .btnLink {
			background: url(../images/btn_black_left.png) no-repeat left top !important;
			background: url(../images/btn_black_left.gif) no-repeat left top; /* ie6 */
			float: left;
			padding-left: 3px;
			margin-left: 5px;
			text-align: center;
		}

		#account .btnLink span {
			background: url(../images/btn_black_right.png) no-repeat right top !important;
			background: url(../images/btn_black_right.gif) no-repeat right top;
			display: block;
			width: 224px;
		}

		#account .btnLink span a {
			background: url(../images/el_arrow_button.gif) no-repeat left 4px;
			color: #fff;
			line-height: 160%;
			padding-left: 9px;
			text-decoration: none;
		}


/* logged in state - mail notification */

		#account div#notificationCenter {
			margin-top: 10px;
			position: relative; /* ie6 */
			text-align: center;
			color: #fff;
		}

				#account #notificationCenter h2,
				#account #notificationCenter span.messageCount {
					line-height: 160%;
					font-size: 1.1em;
				}

				/* user online/offline */

				#account #notificationCenter a {
					display: block;
					position: relative;
				}

				#account #notificationCenter a.senderPic img {
					float: left;
					height: 53px;
					margin: 3px 5px;
					width: 53px;
				}
				*+html #account #notificationCenter a.senderPic img {
					margin: 0;
					padding: 3px 5px 0 5px;
					position: relative;
				}
				* html #account #notificationCenter a.senderPic img {
					margin-top: 5px;
				}

						#account #notificationCenter span.online {
							color: #fff;
							display: block;
							height: 52px;
							left: 5px;
							position: absolute;
							top: 5px;
							width: 51px;
							z-index: 2;
						}

						* html #account #notificationCenter span.online {
							top: 43px;
							left: -50px;
						}

								#account #notificationCenter span.online span {
									background: url(../images/bg_online_indicator53.gif) no-repeat left bottom;
									display: block;
									left: 0;
									position: absolute;
									bottom: 0;
									text-indent: -8000px;
									width: 53px;
								}

				/* user online/offline friendlist */
				.friendsContent {
					margin: 2px 1px 0 6px;
				}

					* html .friendsContent {
						margin: 1px 0 0 6px;
					}

				.friendsContent a {
					display: block;
					float: left;
					position: relative;
				}

				.friendsContent a.senderPic {
					margin:5px 4px 0 0;
					position: relative !important;
				}
					.friendsContent a.senderPic img {
						float: left;
						height: 53px;
						width: 53px;
					}
					*+html .friendsContent a.senderPic img {
						position: relative;
					}
					* html .friendsContent a.senderPic img {
						position: relative;
					}

						.friendsContent span.online {
							color: #fff;
							display: block;
							height: 53px;
							position: absolute;
							width: 51px;
							z-index: 2;
						}

								.friendsContent span.online span {
									background: url(../images/bg_online_indicator53.gif) no-repeat left bottom;
									display: block;
									left: 0;
									position: absolute;
									bottom: 0;
									text-indent: -8000px;
									width: 53px;
								}
								* html .friendsContent span.online span {
									bottom: -1px;
								}

			/* end user online/offline friendlist */

				#account #notificationCenter div.messageActions {
					background: url(../images/bg_emailnotification.png) no-repeat left top !important;
					background: url(../images/bg_emailnotification.jpg) no-repeat left top; /* ie6 */
					display: block;
					float: left;
					margin: 5px 0 0 0;
					padding: 8px 0  0 4px;
					text-align: left;
					width: 170px;
					height: 53px;
				}
					#account #notificationCenter div.messageActions a.senderName {
						color: #fff;
						display: block;
						float: left;
						overflow: hidden;
						text-decoration: none;
						width: 89px;
						margin-right: 10px;
					}
					#account #notificationCenter div.messageActions a.open {
						text-indent: -8000px;
						background: url(../images/btn_message_open.gif) no-repeat left top;
						display: block;
						float: left;
						width: 16px;
						height: 16px;
						margin-right: 5px;
					}
					#account #notificationCenter div.messageActions a.save {
						text-indent: -8000px;
						background: url(../images/btn_message_save.gif) no-repeat left top;
						display: block;
						float: left;
						width: 16px;
						height: 16px;
						margin-right: 5px;
					}
					#account #notificationCenter div.messageActions a.delete {
						text-indent: -8000px;
						background: url(../images/btn_message_delete.gif) no-repeat left top;
						display: block;
						float: left;
						width: 16px;
						height: 16px;
					}

				/* email notification - button without arrows */

				#account #notificationCenter .btnLink {
					float: left;
					margin: 0 3px 0 0;
					text-align: center;
					font-size: 0.9em;
				}

						#account #notificationCenter .btnLink span {
							width: 58px;
						}

								#account #notificationCenter .btnLink a {
									background: none;
									color: #fff;
									display: block;
									line-height: 175%;
									padding-left: 0;
									position: static;
									text-decoration: none;
								}

						#account #notificationCenter a.open {
							background: url(../images/btn_message_open.gif) no-repeat left top;
							color: #fff;
							cursor: pointer;
							display: block;
							float: left;
							height: 17px;
							margin-right: 2px;
							padding-top: 1px;
							width: 53px;
						}

						#account #notificationCenter a.save {
							background: url(../images/btn_message_save.gif) no-repeat left top;
							color: #fff;
							cursor: pointer;
							display: block;
							float: left;
							height: 17px;
							margin-right: 2px;
							padding-top: 1px;
							width: 70px;
						}

						#account #notificationCenter a.trash {
							background: url(../images/btn_trash.png) no-repeat left top !important;
							background: url(../images/btn_trash.gif) no-repeat left top; /* ie6 */
							cursor: pointer;
							display: block;
							float: left;
							height: 17px;
							position: relative; /* ie 6 */
							text-indent: -8000px;
							width: 43px;
						}

				#account #notificationCenter div.browseMails {
					clear: both;
					padding: 5px 0 0 5px;
				}
				*+html #account #notificationCenter div.browseMails {
					padding: 3px 0 0 5px;
				}
					#account #notificationCenter div.browseMails.empty {
						margin-top: 65px;
					}

						#account #notificationCenter .browseMails .control {
							display: block;
							float: left;
							height: 17px;
							margin-right: 2px;
							text-indent: -8000px;
							width: 41px;
						}

						#account #notificationCenter .browseMails .control a {
							display: block;
							height: 17px;
							width: 41px;
						}

						#account #notificationCenter .browseMails .forwardActive {
							background: url(../images/btn_browseright_active.png) no-repeat left top !important;
							background: url(../images/btn_browseright_active.gif) no-repeat left top; /* ie6 */
							position: relative; /* ie6 */
						}

						#account #notificationCenter .browseMails .forwardInactive {
							background: url(../images/btn_browseright_inactive.png) no-repeat left top !important;
							background: url(../images/btn_browseright_inactive.gif) no-repeat left top;
							position: relative; /* ie6 */
						}

						#account #notificationCenter .browseMails .backActive {
							background: url(../images/btn_browseleft_active.png) no-repeat left top !important;
							background: url(../images/btn_browseleft_active.gif) no-repeat left top;
							position: relative; /* ie 6 */
						}

						#account #notificationCenter .browseMails .backInactive {
							background: url(../images/btn_browseleft_inactive.png) no-repeat left top !important;
							background: url(../images/btn_browseleft_inactive.gif) no-repeat left top;
							position: relative; /* ie 6 */
						}

						#account #notificationCenter .browseMails .btnLink span {
							width: 140px;
						}



/* - newsvideo - */

div#newsVideo {
	background: url(../images/bg_videonews.png) no-repeat left top;
	float: right;
	height: 173px;
	margin-top: 10px;
}
* html div#newsVideo.miniCart {
	margin-top: 10px!important;
}

		#newsVideo .newsPlayer {
			margin: 5px 5px 3px;
		}

		#newsVideo .btnLink span {
			float: left;
			margin-bottom: 2px;
			width: 109px;
			text-align: center;
		}

		#newsVideo .btnLink span.play a {
			background: url(../images/el_camera.gif) no-repeat left center;
			padding-left: 15px;
		}

		#newsVideo .btnLink span.magnify a {
			background: url(../images/el_magnifier.gif) no-repeat left top;
			padding-left: 15px;
		}


/* - mini cart - */

div.miniCart {
	background: url(../images/bg_minicart.png) no-repeat left top;
	float: left;
	height: 144px;
	margin: 8px 0 0 2px;
	width: 237px;
}
		* html div.miniCart { margin: -11px 0 0 1px !important; }

		.miniCart .cartOverview {
			background: url(../images/ic_minicart_cart.gif) no-repeat left top;
			margin: 7px 3px 7px 10px;
			padding-left: 47px;
		}
		.miniCart .cartContent dl {
			background: url(../images/bg_cartitem.gif) no-repeat top left;
			color: #c6c6c6;
			margin: 5px 0 1px 5px;
		}
				* html .miniCart .cartContent dl { margin: 4px 0 0 5px; }

				.miniCart .cartContent dt {
					float: left;
					height: 37px;
					margin-right: 5px;
					width: 49px;
				}

				.miniCart .cartContent dd {
					position: relative;
				}

				.miniCart .cartContent dd.cartArtist,
				.miniCart .cartContent dd.cartArtist a {
					color: #00b0ff;
					cursor: pointer;
					padding-top: 4px;
				}

				.miniCart .cartContent dd.cartTitle {
					float: left;
					padding-top: 3px;
				}

				.miniCart .cartContent dd.cartPrice {
					float: right;
					margin-right: 10px;
					padding-top: 3px;
					text-align: right;
				}

				.miniCart div.browseCart {
					clear: both;
					padding: 2px 0 0 5px;
				}

						.miniCart .browseCart .control {
							display: block;
							float: left;
							height: 17px;
							margin-right: 2px;
							text-indent: -8000px;
							width: 41px;
							cursor: pointer;
						}

						.miniCart .browseCart .control a {
							display: block;
							height: 17px;
							width: 41px;
						}

						* html .miniCart .browseCart span {
							position: relative;
						}
								.miniCart .browseCart .control.forwardActive {
									background: url(../images/btn_browseright_active.png) no-repeat left top !important;
									background: url(../images/btn_browseright_active.gif) no-repeat left top; /* ie6 */
								}
								.miniCart .browseCart .control.forwardInactive {
									background: url(../images/btn_browseright_inactive.png) no-repeat left top !important;
									background: url(../images/btn_browseright_inactive.gif) no-repeat left top;
								}
								.miniCart .browseCart .control.backActive {
									background: url(../images/btn_browseleft_active.png) no-repeat left top !important;
									background: url(../images/btn_browseleft_active.gif) no-repeat left top;
								}
								.miniCart .browseCart .control.backInactive {
									background: url(../images/btn_browseleft_inactive.png) no-repeat left top !important;
									background: url(../images/btn_browseleft_inactive.gif) no-repeat left top;
								}

								.miniCart .browseCart .btnLink {
									margin-left: 0 !important;
								}
								.miniCart .browseCart .btnLink span {
									color: #c6c6c6;
									line-height: 150%;
									text-align: right;
									padding: 1px 8px 0 0;
									width: 130px !important;
								}

div#mini-friends {
}
	* html div#miniFriends {
		margin-left: 2px;
		width: 234px;
	}
						#miniFriends .browseCart .btnLink span,
						#miniVisitors  .browseCart .btnLink span {
							text-align: center;
						}
							#miniFriends .browseCart.empty .btnLink span,
							#miniCart .browseCart.empty .btnLink span {
								width: 215px !important;
								text-align: center !important;
							}

						#miniCart .browseCart.empty .btnLink span a {
							background: 0pt none !important;
						}


		.miniCart .emptyMessage {
			color: #fff;
			text-align: center;
			font-size: 1.1em;
			font-weight: bold;
			padding-top: 46px;
			height: 70px;
		}

/* - videoslider - */

ul.sliderNavigation {
	list-style: none;
	position: relative;
	text-align: center;
}
		ul.sliderNavigation li a {
			color: #fff;
		}

		ul.sliderNavigation li {
			background: url(../images/bg_slidernavigation.png) no-repeat;
			display: block;
			float: left;
			padding: 7px 0 7px 1px;
			list-style: none;
			width: 80px;
		}
				* html ul.sliderNavigation li { padding-top: 7px; }
				* +html ul.sliderNavigation li { padding-top: 7px; }

				* html ul.sliderNavigation li {
					background: none;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_slidernavigation.png',sizingMethod='crop');
				}

		ul.sliderNavigation li.active {
			background: url(../images/bg_slidernavigation_active.png) no-repeat;
		}
				* html ul.sliderNavigation li.active {
					background: none;
					filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_slidernavigation_active.png',sizingMethod='crop');
				}

/* control */

div#topSliderContainer {
	clear: both;
	/*float: left;  TODO Torsten Mantis 2529: Kommentier das Floating aus, nachdem die Tabe aktiviert wurden */
	margin-top: 43px;
	margin-top: 27px;
	text-align: center;
	top: 425px;
	width: 970px;
}


* html div#topSliderContainer { margin-top: 3px; }
* +html div#topSliderContainer { margin-top: 3px; }

div#sliderOuter {
	background: url(../images/bg_videoslider_old.png) no-repeat left top;
	/* TODO Torsten Mantis 2529 - und den oberen Bildpfad löschen und den nachfolgenden einkommentieren
	background: url(../images/bg_videoslider.png) no-repeat left top; */
	float: left;
	height: 46px;
	padding: 8px 0;
	width: 970px;
}

* html div#sliderOuter {
	height: 49px;
	margin-bottom: 0;
	padding-bottom: 0;
}

		#sliderOuter select {
			border: 1px solid #ccc;
			float: left;
			margin: 12px 0 0 10px;
			_margin-top: 6px;
			width: 110px;
		}


		div#slider {
			float: left;
			margin-left: 10px;
			width: 730px;
		}

/* - carouselslider - */

#horizontal_carousel {
	height: 44px;
	margin-left: 150px;
	position: relative;
	width: 730px;
	/*_margin-top: -6px;*/
}

* html #horizontal_carousel {
	margin-top: 1px;
}

		#horizontal_carousel .container {
			height: 44px;
			left: 45px;
			overflow: hidden;
			position: absolute;
			width: 650px;
		}

				#horizontal_carousel .previous_button {
					background: url(../images/btn_videoslide_left.png) no-repeat left top !important;
					background: url(../images/btn_videoslide_left.gif) no-repeat left top; /* ie6 */
					cursor:pointer;
					height: 22px;
					left: 11px;
					position: absolute;
					top: 11px;
					width: 22px;
					z-index: 100;
				}

						#horizontal_carousel .previous_button_disabled {
							/*background: url(../images/btn_videoslide_mute_left.png) no-repeat left top !important;
							background: url(../images/btn_videoslide_mute_left.gif) no-repeat left top; */
							cursor:default;
							visibility: hidden;
						}

				#horizontal_carousel .next_button {
					background: url(../images/btn_videoslide_right.png) no-repeat left top !important;
					background: url(../images/btn_videoslide_right.gif) no-repeat left top; /* ie6 */
					cursor: pointer;
					height: 22px;
					right: 11px;
					position: absolute;
					top: 11px;
					width: 22px;
					z-index: 100;
				}

						#horizontal_carousel .next_button_disabled {
							/*
							background: url(../images/btn_videoslide_mute_right.png) no-repeat left top !important;
							background: url(../images/btn_videoslide_mute_right.gif) no-repeat left top; */
							cursor:default;
							visibility: hidden;
						}

				#horizontal_carousel ul {
					height: 44px;
					left: 0;
					padding: 0;
					position: relative;
					top: 0;
					width: 100000px;
				}

					#horizontal_carousel ul li a{
						float:left;
					}

						#horizontal_carousel ul li {
							color: #e3edfa;
							height: 44px;
							float: left;
							list-style: none;
							margin-right: 7px;
							width: 58px;
						}

								#horizontal_carousel ul li img {
									width: 56px;
									border: 1px solid #abc4da;
									display: block;
								}

										#horizontal_carousel ul li a.active img {
											border: 1px solid #e2001a
										}

/* - MAIN CONTENT - */

/* - index - */

div.column {
	float: left;
	margin-right: 27px;
	width: 305px;
}

div.last {
	margin: 0 0 0 !important;
}

		#inboxAdvertising h3,
		.column h3 {
			background: url(../images/bg_hdl_home.jpg) left top no-repeat;
			border-bottom: 1px solid #7d808a;
			color: #fff;
			padding: 8px 0 5px;
			text-align: center;
			text-transform: uppercase;
		}


			.adColumn h3 {
				background: url(../images/bg_hdl_home.jpg) left top no-repeat;
	       	border-bottom: 1px solid #7d808a;
			   color: #fff;
				margin-bottom: 1px;
			   padding: 8px 0 5px;
			   text-align: center;
		   	text-transform: uppercase;
				font-size:1.55em;
				float: right;
				width: 305px;
				margin-right: 5px;
			}
			* html .adColumn h3 {
				margin-right: 1px;
			}

		.column form {
			margin: 5px 0 5px 27px;
		}
		.column .cell {
			float: left;
		}

				.column select {
					width: 162px;
				}

			    * html .column select { width: 172px; }

		.column dl.charts {
			background: #fff;
			float: left;
			margin: 0 0 1px 0;
			width: 305px;
		}

		.column dl.odd {
			background: #f3f3f3;
		}

				.column dl.charts dt {
					color: #bdcbe4;
					float: left;
					font-weight: 700;
					margin: 6px 0 0 5px;
					text-align: right;
					width: 18%;
				}

				.column dl.charts dd {
					color: #676767;
					line-height: 140%;
				}

						.column dl.charts dd.chartsImage {
							float: left;
							margin: 0 5px 0 8px;
						}

						.column dl.charts dd.name {
							margin-top: 8px;
						}

						.column dl.charts dd.rating {
							margin-top: 17px;
						}

								.column dl.charts dd.rating img {
									border: none;
								}

		.column span.goOverview {
			background: url(../images/btn_chartoverview.gif) no-repeat left top;
			display: inline;
			float: left;
			margin: 11px 0 60px 27px;
			padding-left: 27px;
		}

		*  html .column span.goOverview { padding: 0 0 35px 27px; }
		* +html .column span.goOverview { padding: 0 0 35px 27px; }

        .column p {
			margin: 10px 2px 25px;
		}

		.column a {
	  		color: #0078ff;
	   		text-decoration: none;
   		}

		.column img.featuredUserMain {
			background: #fff;
			float: left;
			margin: 10px 16px 0 0;
			padding: 8px;
		}

		.column div.featuredUserProfile {
			margin-top: 12px;
			overflow: hidden;	/* assure 'clear:both' behaviour */
		}

				.column .featuredUserProfile a {
					display: block;
					margin-bottom: 5px;
				}
				.column .featuredUserProfile .cat-wrap {
					border-bottom: 1px solid #d1d1d1;
					padding-bottom: 5px;
					margin-bottom: 0;
				}
				.column .featuredUserProfile ul {
					list-style: none;
					float: left;
					margin-top: 8px;
				}

						.column .featuredUserProfile ul li {
							background: url(../images/btn_gry_gradient_left.gif) no-repeat left top;
							display: block;
							margin: 0;
						    padding: 0 0 1px 13px;
							width: 150px;
						}
								* html .column .featuredUserProfile ul li { float: left; margin: 0 -3px 0 0; padding-bottom: 0; }

								.column .featuredUserProfile ul li a {
									background: url(../images/btn_gry_gradient_right.gif) no-repeat right top;
									margin: 0;
									padding: 5px 10px;
								}

								* html .column .featuredUserProfile ul li a { margin-right: 3px; }

		.column div.featuredUserPreview {
			background: #fff;
			float: left;
			margin-top: 10px;
			padding: 8px 8px 30px;
		}
			* html .column div.featuredUserPreview {
				margin-top: 0;
			}

				.column .featuredUserPreview img.middle {
		  			margin: 0 6px;
	  			}

		.last .player {
			float: left;
			width: 305px;
		}


/* --- profile settings --- */

h3.sectionHeadline {
	background: url(../images/bg_settings_blue_top.png) no-repeat left top !important;
	background: url(../images/bg_settings_blue_top.gif) no-repeat left top; /* ie6 */
	margin: 20px 0 10px 0;
	padding-top: 7px;
}

		h3.headlineProfileSettings,
		h3.sectionHeadline span {
			background: url(../images/bg_settings_blue_btm.png) no-repeat left bottom !important;
			background: url(../images/bg_settings_blue_btm.gif) no-repeat left bottom; /* ie6 */
 			color: #fff;
			display: block;
			padding: 0 14px 5px;
		}
		h3.sectionHeadline {
			margin-top: 10px;
			font-weight: bold;
		}

div#profileSettings {
	margin: 10px 0;
	padding: 4px 0 49px 10px;
}
	div.profileDataNavWrapper {
		float: left;
	}

		div#profileDataNavOuter,
		div.profileDataBoxOuter {
			background: url(../images/bg_nav_profset_top.png) no-repeat left top !important;
			background: url(../images/bg_nav_profset_top.gif) no-repeat left top;
			border: 0;
			margin: 0 20px 2px 0;
			padding-top: 5px;
			width: 233px;
		}
		div#profileDataNavOuter {
			float: left;
			margin-bottom: 18px;
		}

		div#profileDataNav,
		div.profileDataBox {
			background: url(../images/bg_nav_profset_btm.gif) no-repeat left bottom #fff;
			border: 0;
			padding: 0 12px 6px;
			width: 209px;
		}
		div.profileDataBoxOuter,
		div.profileDataBox {
			clear: left;
			float: left;
		}

				#profileDataNav img {
					float: left;
					margin: 10px 14px 10px 0;
					padding: 0;
				}
				div.profileDataBox img {
					float: left;
					padding: 10px 20px 10px 10px;
				}
				div#profileSettings div.profileDataBox p {
					margin: 0;
					padding-top: 10px;
				}
				div#profileSettings div.profileDataBox a {
					display: block;
				}

				#profileDataNav a.picUpload {
					color: #0066ff;
					display: block;
					float: left;
					padding-top: 12px;
					text-decoration: none;
					width: 60px;
				}


/* - profile settings - navigational / main - */

				#profileDataNav ul {
					clear: both;
					list-style: none;
					margin: 0;
				}

						#profileDataNav ul li {
							background: url(../images/bg_nav_profset_border.gif) repeat-x left top;
							float: left;
							padding: 5px 4px 5px 0;
							width: 209px;
						}

								#profileDataNav ul li.first {
									background: none;
								}

						#profileDataNav ul li.active {
							background: url(../images/bg_nav_profset_active.png) repeat-x left top !important;
							background: url(../images/bg_nav_profset_active.gif) repeat-x left top;
							margin-bottom: -1px;
						}

								#profileDataNav ul li a {
									background: url(../images/el_profilenav_arrow.png) no-repeat left center !important;
									background: url(../images/el_profilenav_arrow.gif) no-repeat left center; /* ie 6 */
									color: #828282;
									display: block;
									padding-left: 20px;
								}

								#profileDataNav ul li.active a {
									background: url(../images/el_profilenav_arrow_active.png) no-repeat right 2px !important;
									background: url(../images/el_profilenav_arrow_active.gif) no-repeat right 2px; /* ie 6  */
									color: #fff;
									padding-left: 20px;
								}


				#profileDataNav ul li ul.sub {
					margin: 10px 5px 20px 20px;
				}

					#profileDataNav ul li ul.sub li,
					#profileDataNav ul li.active ul.sub li {
						background: none;
						margin: 0;
						padding: 0;
						width: 193px;
					}

					#profileDataNav ul li ul.sub li.last,
					#profileDataNav ul li.active ul.sub li.last {
						background: none;
						border: none;
						margin-top: 20px;
					}

					#profileDataNav ul li ul.sub li a,
					#profileDataNav ul li.active ul.sub li a {
						background: none !important;
						color: #0066ff;
						margin: 0;
						padding: 0;

					}

/* profile content/form */
#profileSettings .profileWrapper {
	background: url(../images/bg_456_top.png) left top no-repeat !important;
	background: url(../images/bg_456_top.gif) left top no-repeat;
	float: left;
	padding-top: 6px;
	width: 456px;
}
#profileSettings .profileWrapper .profileContent {
	background: url(../images/bg_456_bottom.gif) left bottom no-repeat #fff;
	float: left;
	padding: 0 12px 12px;
}
		#profileSettings .profileWrapper .profileContent h4 {
			border: 0;
			float: left;
		}
				* html #profileSettings .profileWrapper .profileContent h4 { padding-bottom: 4px; }
				* + html #profileSettings .profileWrapper .profileContent h4 { padding-bottom: 4px; }

#profileSettings select {
	float: right;
	margin-top: 6px;
}
		* html #profileSettings .profileWrapper .profileContent select { margin-top: 3px; }
		* html #profileSettings .profileWrapper .profileContent input { height: 14px; }
		* + html #profileSettings .profileWrapper .profileContent select { margin-top: 3px; }

#profileSettings .profileWrapper .profileContent p {
	border-top: 1px solid #eaeaea;
	clear: both;
	margin: 0 0 10px;
	padding-top: 6px;
	width: 432px;
}
#profileSettings .profileWrapper .profileContent ul {
	clear: both;
	list-style-type: none;
	margin: 6px 0 0;
}
		#profileSettings .profileWrapper .profileContent ul li {
			background-position: left 6px !important;
			border-top: 1px solid #eaeaea;
			display: block;
			height: 31px;
			line-height: 31px;
			padding: 6px 0 6px 45px;
		}
				#profileSettings .profileWrapper .profileContent ul li.media_type_video,
				#profileSettings .profileWrapper .profileContent ul li.media_type_audio,
				#profileSettings .profileWrapper .profileContent ul li.media_type_image {
					background: url(../images/bg_ic_videos.gif) left top no-repeat;
					height: 25px;
					line-height: 25px;
					padding-left: 30px;
				}
				#profileSettings .profileWrapper .profileContent ul li.media_type_audio { background-image: url(../images/bg_ic_music.gif); }
				#profileSettings .profileWrapper .profileContent ul li.media_type_image { background-image: url(../images/bg_ic_photos.gif); }

				#profileSettings .profileWrapper .profileContent ul li span,
				#profileSettings .profileWrapper .profileContent ul li span a {
					color: #06f;
					float: left;
				}
						#profileSettings .profileWrapper .profileContent ul li span a { color: #06f; }

				#profileSettings .profileWrapper .profileContent ul li span.link,
				#profileSettings .profileWrapper .profileContent ul li a {
					float: right;
				}

#profileSettings .profileWrapper .profileContent .btnLinkAction {
	margin: 0;
}
#profileSettings div#autocompleteChoices {
	z-index: 1000;
}
		* html #profileSettings div#autocompleteChoices {
			height: 330px;
			overflow: auto;
		}

		#profileSettings div#autocompleteChoices ul {
			border: 1px solid #7f9db9;
			max-height: 330px;
			overflow: auto;
		}
		#profileSettings div#userList ul {
			border-bottom: 1px solid #eaeaea;
		}
			#profileSettings div#autocompleteChoices ul li,
			#profileSettings div#userList ul li {
				background: #fff;
				color: #000;
				cursor: pointer;
				height: 50px;
				line-height: 1.2em;
				padding: 2px 1px;
			}
			#profileSettings div#userList ul li {
				cursor: auto;
				padding: 2px 0;
				width: 432px;
			}
			#profileSettings div#autocompleteChoices ul li img,
			#profileSettings div#userList ul li img {
				float: left;
				margin-right: 4px;
			}

			#profileSettings div#userList ul li span,
			#profileSettings div#userList ul li a {
				padding-top: 3px;
			}
			#profileSettings div#userList ul li span {
				color: #000;
			}


/* - profile form - */
		/* #profileSettings form {
			float: left;
			width: 435px;
		}

		* html #profileSettings form { width: 415px; } */

				#profileSettings label,
				#profileSettings div.label {
					border-bottom: 1px solid #d9d9d9;
					float: left;
					margin: 0 0 6px;
					padding-bottom: 6px;
					width: 432px;
				}
				#profileSettings form#userSearchForm label {
					border: 0;
				}

				#profileSettings .first {
					border-top: 1px solid #d9d9d9;
					padding-top: 6px;
				}

				#profileSettings label.last {
					border-bottom: none;
				}

						#profileSettings label span,
						#profileSettings div.label span {
							color: #969696;
							float: left;
							padding-top: 1px;
							width: 190px;
						}
							#profileSettings div.label span.tag-input-date span {
								margin-right: 4px;
								width: auto;
							}

						#profileSettings h4 { /* profilesetting confirm */
							background: none;
							border-bottom: 1px solid #eaeaea;
							color: #969696;
							font-weight: normal;
							padding: 2px 0 10px;
						}

						#profileSettings p { /* profilesetting confirm */
							color: #969696;
							line-height: 140%;
							margin: 10px 0;
						}

						#profileSettings label select,
						#profileSettings div.label select {
							float: left;
							margin: 0 4px 0 0;
						}



				#profileSettings input.text {
					border: 1px solid #89919f;
					width: 180px;
				}

				#profileSettings input.textThird {
					border: 1px solid #89919f;
					width: 57px;
				}

				#profileSettings input.textThird2 {
					border: 1px solid #89919f;
					margin: 0;
					width: 45px;
				}

				#profileSettings input.textHalf {
					border: 1px solid #89919f;
					width: 81px;
				}

				#profileSettings select {
					border: 1px solid #89919f;
					width: 180px;
				}

				*  html #profileSettings select { width: 185px; }
				* +html #profileSettings select { width: 185px; }

						#profileSettings select.verysmall {
							width: 45px;
						}

						*  html #profileSettings select.verysmall { width: 50px; }
						* +html #profileSettings select.verysmall { width: 50px; }

						#profileSettings select.small {
							width: 55px;
						}

						#profileSettings select.medium {
							width: 75px;
						}

				#profileSettings input.radio {
					float: left;
				}

						#profileSettings div.label span.radioTxt {
							float: left;
							width: 60px;
						}

				#profileSettings div.checkboxWrap {
					display: block;
					height: 60px;
					overflow: auto;
					width: 180px;
				}

				* html #profileSettings div.checkboxWrap { /* ie6 seems to put all checkboxes on the top z-index - so the wrapping div won't work - this is a workaround up till I found a solution */
					height: auto;
					overflow: hidden;
				}

						#profileSettings div.checkboxWrap .checkbox {
							clear: left;
							float: left;
							width: auto;
						}

						#profileSettings span.checkboxTxt {
							color: #969696;
							margin: 4px 0 3px 3px;
							width: 130px !important;
						}

				#profileSettings textarea {
					border: 1px solid #89919f;
					height: 100px;
					margin-bottom: 10px;
					width: 430px;
				}

				* html #profileSettings textarea { width: 405px; }

				#profileSettings span.successTxt {
					color: #1ea900 !important;
					display: block;
					float: left;
					margin: 8px 3px 10px 5px;
					width: 100%;
				}

				#profileSettings span.errorTxt {
					color: #b90000;
					display: block;
					float: left;
					margin: 8px 3px 10px 5px;
					width: 100%;
				}

				#profileSettings span.adviceTxt {
					display: block;
					float: left;
					margin: 0 3px 10px 5px;
					width: 100%;
				}

				#profileSettings div.btnWrap {
					clear: both;
				}

						#profileSettings .btnWrap div.submit { /* this one floats */
							background: url(../images/btn_blue_left.gif) no-repeat left top;
							display: block;
							float: left;
							padding-left: 13px;
							margin: 10px 0 0 5px;
							width: auto;
						}

						*  html #profileSettings .btnWrap div.submit { padding-left: 8px; }
						* +html #profileSettings .btnWrap div.submit { padding-left: 8px; }

								#profileSettings div.submit input {
									background: url(../images/btn_blue_right.gif) no-repeat right top;
									border: none;
									cursor: pointer;
									color: #fff;
									overflow: visible; /* ie */
									padding: 2px 25px;
								}

								*  html #profileSettings div.submit input { line-height: 1.2em; }
								* +html #profileSettings div.submit input { line-height: 1.2em; }
			    	   			   html[xmlns*=""] body:last-child #profileSettings div.submit input { padding: 3px 25px; } /* safari */

						#profileSettings img.loadingAni {
							float: left;
							margin: 11px 0 0 5px;
						}

						#profileSettings .btnWrap .btnLink { /* delete profile */
							float: right;
							margin-top: 11px;
						}

								#profileSettings .btnWrap .btnLink span {
									display: block;
									font-size: .95em;
									padding: 1px 20px 3px;
									width: auto;
								}

		/* - select Profile - */
		#profileSettings form.profile-settings {
			color: #828282;
		}
				#profileSettings ul.profiles {
					margin-bottom: 12px;
				}
						#profileSettings ul.profiles li {
							border-bottom: 1px solid #D5D5D5;
							clear: both;
							list-style-type: none;
							margin: 0;
							padding: 0;
						}
								#profileSettings ul.profiles a {
									padding-left: 56px;
									line-height: 34px;
									font-size: 1.1em;
									font-weight: bold;
								}
										#profileSettings ul.profiles a span {
											float: right;
											font-size: .9em;
											font-weight: normal;
											cursor: pointer;
										}

/* advertising (profile) */

div#advertisingScraper {
	display: inline; /* ie 6 */
	float: right;
	margin: 0 5px 0 15px;
}


/* ---  profile - output --- */


/* profilenavigation */

div#profileNav {
	margin: 13px 0 0 268px;
	text-align: center;
	height: 44px;
}
		* html div#profileNav {
			padding-top: 13px;
		}

		ul li.community a  {
			background: url(../images/ic_community.png) no-repeat left center !important;
			background: url(../images/ic_community.gif) no-repeat left center;
			color: #000;
			padding: 11px 0 11px 15px;
			display: block;
		}


/* - slider - */

#cmyc-profile-profile-tabs {
	height: 37px;
	top: 7px;
  	position: relative;
	width: 483px;
}
		#cmyc-profile-profile-tabs .container {
			height: 37px;
			left: 39px;
			overflow: hidden;
			position: absolute;
			width: 410px;
		}
				#cmyc-profile-profile-tabs .previous_button {
					background: url(../images/bg_paginglink_left.gif) no-repeat left top;
					cursor:pointer;
					height: 37px;
					left: 9px;
					position: absolute;
					top: 0;
					text-indent: -8000px;
					width: 28px;
					z-index: 100;
				}
						#cmyc-profile-profile-tabs .previous_button_disabled {
							background: none;
							cursor:default;
							display: block;
							height: 37px;
							text-indent: -8000px;
							width: 28px;
						}

				#cmyc-profile-profile-tabs .next_button {
					background: url(../images/bg_paginglink_right.gif) no-repeat left top;
					cursor: pointer;
					height: 37px;
					right: 4px;
					position: absolute;
					text-indent: -8000px;
					top: 0;
					width: 28px;
					z-index: 100;
				}
						#cmyc-profile-profile-tabs .next_button_disabled {
							background: none;
							cursor:default;
							display: block;
							height: 37px;
							text-indent: -8000px;
							width: 28px;
						}

				#cmyc-profile-profile-tabs ul {
					height: 44px;
					left: 0;
					padding: 0;
					position: relative;
					top: 0;
					width: 100000px;
				}
						#cmyc-profile-profile-tabs ul li {
							color: #e3edfa;
							height: 44px;
							float: left;
							list-style: none;
							width: 136px;
						}

		#profileNav ul {
			list-style: none;
		}
				/* Tab passive state ... */
				#profileNav ul li {
					background: url(../images/bg_nav_profile.gif) no-repeat;
					float: left;
					width: 138px;
				}
				/* ... and active state */
				#profileNav ul li.active {
					background: url(../images/bg_nav_profile_active.gif) no-repeat;
					float: left;
					margin: 0 1px;
					width: 139px;
				}
						#profileNav ul li.tab-large,
						#profileNav ul li.active.tab-large {
							text-align: right !important;
							padding-right: 5px !important;
						}

				#profileNav ul li.community {
					width: 136px;
				}
						#profileNav ul li a {
							color: #000;
							display: block;
							padding: 11px 0 11px 10px;
						}
							#profileNav ul li.community a {
								background-position: 10px center !important;
							}

							/* - icons for profile nav */

							/* community */
							#profileNav ul li a.cat_community,
							#profileNav ul li a.cat_21 {
								background: url(../images/ic_cat_community.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_community.gif) no-repeat 5px center;
							}
							/* singer */
							#profileNav ul li a.cat_singer,
							#profileNav ul li a.cat_1 {
								background: url(../images/ic_cat_singer.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_singer.gif) no-repeat 5px center;
							}
							/* model */
							#profileNav ul li a.cat_model,
							#profileNav ul li a.cat_2 {
								background: url(../images/ic_cat_model.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_model.gif) no-repeat 5px center;
							}
							/* musicbands */
							#profileNav ul li a.cat_musicband,
							#profileNav ul li a.cat_199 {
								background: url(../images/ic_cat_musicband.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_musicband.gif) no-repeat 5px center;
							}
							/* rap/hiphop */
							#profileNav ul li a.cat_hip-hop,
							#profileNav ul li a.cat_4 {
								background: url(../images/ic_cat_singer.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_singer.gif) no-repeat 5px center;
							}
							/* musicians */
							#profileNav ul li a.cat_5 {
								background: url(../images/ic_cat_musician.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_musician.gif) no-repeat 5px center;
							}
							/* dancer */
							#profileNav ul li a.cat_dancer,
							#profileNav ul li a.cat_6 {
								background: url(../images/ic_cat_dancer.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_dancer.gif) no-repeat 5px center;
							}
							/* choreographer */
							#profileNav ul li a.cat_choreo,
							#profileNav ul li a.cat_7 {
								background: url(../images/ic_cat_choreo.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_choreo.gif) no-repeat 5px center;
							}
							/* songwriter */
							#profileNav ul li a.cat_8 {
								background: url(../images/ic_cat_songwriter.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_songwriter.gif) no-repeat 5px center;
							}
							/* composer */
							#profileNav ul li a.cat_composer,
							#profileNav ul li a.cat_9 {
								background: url(../images/ic_cat_componist.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_componist.gif) no-repeat 5px center;
							}
							/* actor */
							#profileNav ul li a.cat_actor,
							#profileNav ul li a.cat_10 {
								background: url(../images/ic_cat_actor.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_actor.gif) no-repeat 5px center;
							}
							/* extra */
							#profileNav ul li a.cat_11 {
								background: url(../images/ic_cat_statist.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_statist.gif) no-repeat 5px center;

							}
							/* anchorman */
							#profileNav ul li a.cat_anchorman,
							#profileNav ul li a.cat_12 {
								background: url(../images/ic_cat_moderator.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_moderator.gif) no-repeat 5px center;
							}
							/* photographer */
							#profileNav ul li a.cat_photographer,
							#profileNav ul li a.cat_13 {
								background: url(../images/ic_cat_photo.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_photo.gif) no-repeat 5px center;
							}
							/* stylist */
							#profileNav ul li a.cat_stylist,
							#profileNav ul li a.cat_14 {
								background: url(../images/ic_cat_stylist.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_stylist.gif) no-repeat 5px center;
							}
							/* dj */
							#profileNav ul li a.cat_dj,
							#profileNav ul li a.cat_15 {
								background: url(../images/ic_cat_dj.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_dj.gif) no-repeat 5px center;
							}
							/* comedian */
							#profileNav ul li a.cat_comedian,
							#profileNav ul li a.cat_16 {
								background: url(../images/ic_cat_comedian.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_comedian.gif) no-repeat 5px center;
							}
							/* postproduction */
							#profileNav ul li a.cat_postproduction,
							#profileNav ul li a.cat_198 {
								background: url(../images/ic_cat_postproduction.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_postproduction.gif) no-repeat 5px center;
								padding-left: 20px;
							}
							/* artist */
							#profileNav ul li a.cat_artist,
							#profileNav ul li a.cat_17 {
								background: url(../images/ic_cat_artist.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_artist.gif) no-repeat 5px center;
							}
							/* agencies
							#profileNav ul li a.cat_18 {
								background: url(../images/ic_cat_.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_.gif) no-repeat 5px center;

							} */
							/* Pronproducer
							#profileNav ul li a.cat_19 {
								background: url(../images/ic_cat_.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_.gif) no-repeat 5px center;
							}
							*/
							/* hair and makeup */
							#profileNav ul li a.cat_hair,
							#profileNav ul li a.cat_51 {
								background: url(../images/ic_cat_hair.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_hair.gif) no-repeat 5px center;
							}
							/* synchro */
							#profileNav ul li a.cat_synchro,
							#profileNav ul li a.cat_195 {
								background: url(../images/ic_cat_synchro.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_synchro.gif) no-repeat 5px center;
							}
							/* camera */
							#profileNav ul li a.cat_camera,
							#profileNav ul li a.cat_196 {
								background: url(../images/ic_cat_camera.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_camera.gif) no-repeat 5px center;
							}
							/* regie */
							#profileNav ul li a.cat_regie,
							#profileNav ul li a.cat_197 {
								background: url(../images/ic_cat_regie.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_regie.gif) no-repeat 5px center;
							}
							/* label */
							#profileNav ul li a.cat_label,
							#profileNav ul li a.cat_203 {
								background: url(../images/ic_cat_label.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_label.gif) no-repeat 5px center;
							}
							/* movieproduction */
							#profileNav ul li a.cat_movieprod,
							#profileNav ul li a.cat_206 {
								background: url(../images/ic_cat_movieprod.png) no-repeat -2px center !important;
								background: url(../images/ic_cat_movieprod.gif) no-repeat -2px center;
								padding-right: 6px;
							}
							/* agency */
							#profileNav ul li a.cat_agency,
							#profileNav ul li a.cat_207,
							#profileNav ul li a.cat_209,
							#profileNav ul li a.cat_211 {
								background: url(../images/ic_cat_agency.png) no-repeat 5px center !important;
								background: url(../images/ic_cat_agency.gif) no-repeat 5px center;
							}

div#profileHead {
	margin-bottom: 20px;
	width: 970px;
}

/* profile - navigation - community and anchors - box left */

div#communityNavOuter {
	background: url(../images/bg_communitynav_top.png) no-repeat left top;
	float: left;
	padding-top: 6px;
	width: 250px;
}

div#communityNav {
	background: url(../images/bg_communitynav_btm.png) no-repeat left bottom !important;
	background: url(../images/bg_communitynav_btm.gif) no-repeat left bottom;
	height: 139px;
	max-height: 180px;
	padding: 0 3px 20px 12px;
}

div#communityNav h3.headlineCommunity {
	background: url(../images/bg_hd_community_polka.gif) repeat-x left bottom;
	clear: both;
	color: #000;
	padding: 2px 0 3px;
}

div#communityNav ul {
	list-style: none;
	margin-top: 6px;
}
		div#communityNav li {
			float: left;
			margin-bottom: 4px;
			width: 33%;
		}
				* html div#communityNav li { position: relative;overflow: hidden; }

				div#communityNav li a {
					color: #0066ff;
					display: block;
					padding: 2px 0 0 20px;
				}

				#communityNav li.mediathek,
				#communityNav li.audio,
				#communityNav li.sedcard,
				#communityNav li.news,
				#communityNav li.pinboard,
				#communityNav li.contacts,
				#communityNav li.profile {
					width: 50%;
				}

				#communityNav li.mediathek { background: url(../images/ic_jumpnav_mediat.gif) no-repeat left center; }
				#communityNav li.audio { background: url(../images/ic_jumpnav_audioplayer.gif) no-repeat left center; }
				#communityNav li.sedcard { background: url(../images/ic_jumpnav_sedcard.gif) no-repeat left center; }
				#communityNav li.news { background: url(../images/ic_jumpnav_news.gif) no-repeat left center; }
				#communityNav li.pinboard { background: url(../images/ic_jumpnav_pinboard.gif) no-repeat left center; }
				#communityNav li.contacts { background: url(../images/ic_jumpnav_contacts.gif) no-repeat left center; }
				#communityNav li.profile { background: url(../images/ic_jumpnav_profile.gif) no-repeat left center; }

				#communityNav li a.isNotFriend,
				#communityNav li a.isFriend,
				#communityNav li a.write-message,
				#communityNav li a.chat {
					padding: 44px 0 0;
					width: 80px;
					text-align: center;
				}

				#communityNav li a.isNotFriend {
					background: url(../images/bg_request_friendship.gif) center top no-repeat;
				}
				#communityNav li a.isFriend {
					background: url(../images/bg_cancel_friendship.gif) center top no-repeat;
				}
				#communityNav li a.write-message {
					background: url(../images/bg_write_message.gif) center top no-repeat;
				}
				#communityNav li a.chat {
					background: url(../images/bg_chat.gif) center top no-repeat;
				}

				#communityNav li a.isNotFriend:hover {
					background: url(../images/bg_request_friendship_hover.gif) center top no-repeat;
				}
				#communityNav li a.isFriend:hover {
					background: url(../images/bg_cancel_friendship_hover.gif) center top no-repeat;
				}
				#communityNav li a.write-message:hover {
					background: url(../images/bg_write_message_hover.gif) center top no-repeat;
				}
				#communityNav li a.chat:hover {
					background: url(../images/bg_chat_hover.gif) center top no-repeat;
				}


/* profile head - right */

div#profileShortOuter {
	background: url(../images/bg_profileoverview_top.png) no-repeat left top;
	float: right;
	padding-top: 6px;
	width: 715px;
}

div.profileShort {
	background: url(../images/bg_profileoverview_btm.png) no-repeat left bottom !important;
	background: url(../images/bg_profileoverview_btm.gif) no-repeat left bottom; /* ie 6 */
	min-height: 145px;
	padding: 14px 20px 0;
	position: relative; /* ie6 */
}

* html div.profileShort { height: 180px; }

div.profileShort div.col {
	float: left;
	position: relative;
	width: 49%;
}
		div.profileShort div.col dl {
			width: 100%;
		}

		.profileShort .col img.profilePic {
			border: 1px solid #dbdbdb;
			float: left;
			margin-right: 15px;
			padding: 12px;
		}

		/* general online indicator 100 px width */

span.online {
	border-bottom: none;
	display: block;
	height: 100px;
	left: 0;
	position: absolute;
	top: 0;
	width: 96px;
	z-index: 2;
}
		#notificationCenter .senderPic span.online,
		.friendsContent .senderPic span.online {
			border: 0pt none;
		}

		span.online span {
			background: url(../images/bg_online_indicator100.gif) no-repeat center bottom;
			display: block;
			left: 0;
			position: absolute;
			bottom: 0;
			text-indent: -8000px;
			width: 100px;
		}

		/* for the profile pic the indicator needs another position */

		.profileShort .col span.online {
			left: 13px;
			top: 15px;
		}

		* html .profileShort .col span.online { left: 13px; } /* ie needs special position treatment */

		.profileShort .col h4 {
			color: #0066ff;
			font-weight: bold;
			margin-bottom: 10px;
		}

		.profileShort .col ul {
			list-style: none;
		}
				.profileShort .col ul li {
					margin-bottom: 1px;
				}

		.profileShort .col dt {
			clear: both;
			color: #666;
			display: block;
			float: left;
			margin: 0 5px 11px 0;
			width: 45%;
		}
				.profileShort .col dd {
					display: block;
					float: right;
					margin-bottom: 11px;
					width: 50%;
				}

				.profileShort .col dd.moreLink {
					margin: 1em 0 0 8.333em;
					cursor:pointer;
					color: blue;
				}


/* - profile - output - accordion navigation - */

div.profileContent {
	padding-bottom: 50px;
}

		div.headline {
			background: url(../images/bg_settings_blue_top.png) no-repeat left top !important;
			background: url(../images/bg_settings_blue_top.gif) no-repeat left top; /* ie6 */
			margin: 20px 0 10px 0;
			padding-top: 7px;
		}
		.block .headline {
			background: url(../images/bg_greybar.gif) no-repeat left top !important; /* ie6 */
			height: 33px;
			margin: 0 0 2px 0;
			padding: 0;
			clear: both;
			float: none;
		}

		.block.act .headline {
			background: url(../images/bg_bluebar.gif) no-repeat left top !important; /* ie6 */
			height: 33px;
			margin-bottom: 2px;
		}

		.block .headline h3 {
			float: left;
			font-weight: 700;
			line-height: 1.8em;
			margin: 0 2px 0 8px;
			width: 90%;
		}

				.block .headline h3 a {
					background: url(../images/ic_accNav_plus.gif) no-repeat left center;
					color: #333;
					padding-left: 28px;
					display: block;
					width: 100%;
				}
				* html .block .headline h3 { height: 26px; }
				* + html .block .headline h3 { height: 26px; }


				.block.act .headline h3 a {
					background: url(../images/ic_accNav_minus.gif) no-repeat left center;
					color: #fff;
					padding-left: 28px;
				}


		.barControl {
			background: url(../images/btn_oc_accNav.gif) no-repeat left top;
			display: block;
			float: right;
			height: 22px;
			margin: 5px 18px;
			text-indent: -8000px;
			width: 21px;
		}

		* html .barControl { margin-right: 10px; }

		.barControl a {
			display: block;
			height: 22px;
			width: 21px;
		}




/* --- profile - subcontent --- */

.subContent { /* set default */
	margin: 0 0 10px 0;
	padding-top: 10px;
	clear: both;
	float: none;
}
.block .subContent {
	display: none;
}
.block.act .subContent {
	display: block;
}

/* - profile - sedcard - */


/* - profile - sedcard - slider - */
#profile-sedcard {
	overflow: hidden;
	height: 400px;
}

	#profile-sedcard.ownProfile {
		height: 470px;
	}

	#profile-sedcard .sedcardMainToolbar {
		float: left;
		width: 944px;
		border: 1px solid #9c9c9c;
		padding: 5px 10px;
		background: url(../images/bg_inbox_search.gif) repeat-x left bottom;
		margin-bottom: 10px;
	}

		#profile-sedcard .sedcardMainToolbar .iconList {
			float: left;
		}

		#profile-sedcard .sedcardMainToolbar .iconList li {
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
		}

		#profile-sedcard .sedcardMainToolbar .iconList li a {
			display: block;
			padding-top: 29px;
			background-position: top center;
			background-repeat: no-repeat;
			padding-right: 15px;
			padding-left: 15px;
			background-color: transparent;
			zoom: 1;
			float: left;
			border-right: 1px dotted #000;
		}
			#profile-sedcard .sedcardMainToolbar .iconList li a.first {
				border: 0;
				margin-right: 15px;
				padding-right: 0;
				padding-left: 0;
			}

			#profile-sedcard .sedcardMainToolbar .iconList li a.afterFirst {
				border-left: 1px dotted #000;
			}

			#profile-sedcard .sedcardMainToolbar .iconList li a.last {
				border-right: none;
			}

		#profile-sedcard .sedcardMainToolbar .iconList .upload {
			background-image: url(../images/btn_upload_upload.png);
		}

		#profile-sedcard .sedcardMainToolbar .iconList .upload:hover,
		#profile-sedcard .sedcardMainToolbar .iconList .uploadActive {
			background-image: url(../images/btn_upload_upload_active.png);
		}

		#profile-sedcard .sedcardMainToolbar .iconList .edit {
			background-image: url(../images/btn_upload_edit.png);
		}

		#profile-sedcard .sedcardMainToolbar .iconList .edit:hover,
		#profile-sedcard .sedcardMainToolbar .iconList .editActive {
			background-image: url(../images/btn_upload_edit_active.png);
		}

		#profile-sedcard .sedcardMainToolbar .iconList .sort {
			background-image: url(../images/btn_upload_sort.png);
		}

		#profile-sedcard .sedcardMainToolbar .iconList .sort:hover,
		#profile-sedcard .sedcardMainToolbar .iconList .sortActive {
			background-image: url(../images/btn_upload_sort_active.png);
		}


		#profile-sedcard .sedcardMainToolbar .iconList .delete {
			background-image: url(../images/btn_upload_delete.png);
		}

		#profile-sedcard .sedcardMainToolbar .iconList .delete:hover,
		#profile-sedcard .sedcardMainToolbar .iconList .deleteActive {
			background-image: url(../images/btn_upload_delete_active.png);
		}

		#profile-sedcard .sedcardMainToolbar .iconList .newmember {
			background-image: url(../images/btn_addmember.png);
		}

		#profile-sedcard .sedcardMainToolbar .iconList .newmember:hover,
		#profile-sedcard .sedcardMainToolbar .iconList .newmemberActive {
			background-image: url(../images/btn_addmember_act.png);
		}

	#profile-sedcard .sedcardImageControl {
		float: left;
		height: 400px;
		margin-right: 15px;
		max-width: 300px;
		width: 300x;
	}

	#profile-sedcard .sedcardImageControl div.mainImage { /* this is for relative positioning of da overlaying control nav */
		height: 400px;
		position: relative;
		width: 300px;
	}

		#profile-sedcard .sedcardImageControl .mainImage img {
			z-index: 1;
		}

		#profile-sedcard .sedcardImageControl .mainImage .imageOptions {

		}

		#profile-sedcard .sedcardImageControl .mainImage .imageOptions a {
			xdisplay: block;
			text-indent: -9999px;
		}

			#profile-sedcard .sedcardImageControl .mainImage .imageOptions a.previous {
				float: left;
				width: 22px;
				height: 42px;
				margin-top: 168px;
				background: url(../images/btn_sedcardimage_previous.png) no-repeat left top;
			}

				#profile-sedcard .sedcardImageControl .mainImage .imageOptions a.previous:hover {
					background: url(../images/btn_sedcardimage_previous_active.png) no-repeat left top;
				}

			#profile-sedcard .sedcardImageControl .mainImage .imageOptions .zoomContainer {
				float: left;
				width: 254px;
				height: 400px;
				cursor: pointer;
			}

			#profile-sedcard .sedcardImageControl .mainImage .imageOptions a.zoom {
				float: left;
				width: 42px;
				height: 42px;
				margin-top: 168px;
				margin-left: 129px;
				background: url(../images/btn_view.png) no-repeat left top;
			}

			#profile-sedcard .sedcardImageControl .mainImage .imageOptions a.next {
				float: right;
				width: 22px;
				height: 42px;
				margin-top: 168px;
				background: url(../images/btn_sedcardimage_next.png) no-repeat left top;
			}

			#profile-sedcard .sedcardImageControl .mainImage .imageOptions a.next:hover {
				background: url(../images/btn_sedcardimage_next_active.png) no-repeat left top;
			}

			#profile-sedcard .sedcardImageControl .mainImage .imageOptions a.addToPlaylist {
				float: right;
				margin-top: 378px;
				margin-right: 6px;
				width: 16px;
				height: 16px;
				background: url(../images/ic_scnav_add.gif) no-repeat left top;
			}

			#profile-sedcard .sedcardImageControl .mainImage .imageOptions a.addToPlaylist:hover {
				background: url(../images/ic_scnav_add_act.gif) no-repeat left top;
			}
		#profile-sedcard .sedcardImageControl .mainImage ul {
			bottom: 15px;
			left: 35px;
			list-style: none;
			position: absolute;
			z-index: 2;
		}

			#profile-sedcard .sedcardImageControl .mainImage ul li {
				background: url(../images/bg_list_transparent.png) no-repeat left top;
				margin-top: 2px;
				padding: 6px 0;
				width: 227px;
				list-style: none;
			}
					* html #profile-sedcard .sedcardImageControl .mainImage ul li {
						height: 15px;
						background: none;
						filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_list_transparent.png',sizingMethod='crop');
					}

					#profile-sedcard .sedcardImageControl .mainImage ul li a {
						color: #fff;
						display: block;
						margin-left: 37px;
						padding: 1px 0 2px 22px;
					}
							#profile-sedcard .sedcardImageControl .mainImage ul li a.zoom { background: url(../images/ic_scnav_zoom.gif) no-repeat left top; }
							#profile-sedcard .sedcardImageControl .mainImage  ul li a.add { background: url(../images/ic_scnav_add.gif) no-repeat left top; }
							#profile-sedcard .sedcardImageControl .mainImage  ul li a.crop { background: url(../images/ic_scnav_crop.gif) no-repeat left top; }
							#profile-sedcard .sedcardImageControl .mainImage  ul li a.edit { background: url(../images/ic_scnav_edit.gif) no-repeat left top; }

							* html #profile-sedcard .sedcardImageControl .mainImage ul li a.zoom,
							* html #profile-sedcard .sedcardImageControl .mainImage ul li a.add,
							* html #profile-sedcard .sedcardImageControl .mainImage ul li a.crop,
							* html #profile-sedcard .sedcardImageControl .mainImage ul li a.edit {
								position: absolute !important;
							}

		/* Passwortschutz Sedcard */
		#profile-sedcard .sedcardImageControl .mainImage form {
			bottom: 15px;
			left: 35px;
			list-style: none;
			position: absolute;
			z-index: 2;
		}

			#profile-sedcard .sedcardImageControl .mainImage form label {
				font-size: 14px;
				color: #888;
			}

			#profile-sedcard .sedcardImageControl .mainImage form input {
				display: block;
				float: left;
			}

			#profile-sedcard .sedcardImageControl .mainImage form .sedcard_pwd {
				font-size: 12px;
				height: 20px;
				width: 180px;
				border: 0;
				margin: 10px 5px 10px 0;
				padding: 5px 5px 20px 0;
				background: url(../images/bg_pwd_field_sedcard.gif) no-repeat left top;
			}

			#profile-sedcard .sedcardImageControl .mainImage form .sedcard_submit {
				background: transparent url(../images/bg_pwd_button_sedcard.gif) no-repeat left top;
				border: 0;
				width: 31px;
				height: 40px;
				margin-top: 10px;
				cursor: hand;
			}

			#profile-sedcard .sedcardImageControl .mainImage form span {
				clear: both;
				display: block;
				height: 23px;
				background: transparent url(../images/bg_pwd_msg_sedcard.gif) no-repeat left top;
				padding: 5px 32px;
				font-size: 11px;
				font-weight: bold;
				color: red;
			}

		#profile-sedcard .sedcardImageControl div.browseImages {
			float: left;
			margin: 4px 0 9px 0;
		}

			#profile-sedcard .sedcardImageControl div.browseImages .control {
				display: block;
				float: left;
				height: 17px;
				margin-right: 2px;
				text-indent: -8000px;
				width: 41px;
			}

				#profile-sedcard .sedcardImageControl div.browseImages .control a {
					display: block;
					height: 17px;
					width: 41px;
				}

	#profile-sedcard .sedcardImages {
		/* empty */
	}

		#profile-sedcard .sedcardImages .container ul {
			height: 175px;
		}

			#profile-sedcard .sedcardImages .container ul li {
				float: left;
				list-style: none;
				margin-left: 1px;
			}

				#profile-sedcard .sedcardPagerContainer {
					width: 650px;
					height: 20px;
					margin-top: 15px;
					float: left;
				}

					#profile-sedcard .sedcardImages .sedcardPagerContainer div.tag-pager {
						margin: 0 auto;
					}

	#profile-sedcard .sedcardData {
		float: left;
		margin-top: 20px;
	}

		#profile-sedcard .sedcardData dl {
			float: left;
			height: 16px;
			width: 322px;
		}

		#profile-sedcard .sedcardData dl.additional {
			float: right;
		}

		#profile-sedcard .sedcardData dt {
			background: #dae1e7;
			float: left;
			height: 14px;
			margin: 0 1px 1px 0;
			padding: 2px 6px;
			width: 120px;
		}

		#profile-sedcard .sedcardData dd {
			background:  #dae1e7;
			float: left;
			height: 14px;
			margin-bottom: 1px;
			padding: 2px 6px;
			width: 168px;
		}

/* - profile - friends - */

#contactTree {
	width: 970px;
	overflow: hidden;
	margin: 10px 0 17px;
	position: relative;
}

		#contactTree dl {
			background: url(../images/el_usertree_arrow.gif) right top no-repeat;
			float: left;
			margin-right: 10px;
			width: 210px;
			padding-right: 20px;
		}

		#contactTree dl.last {
			background: none;
		}

				#contactTree dt {
					float: left;
					margin-right: 7px;
					position: relative;
				}

						#contactTree dd a {
							display: block;
							font-weight: 700;
						}

		#contactTree span.online {
			border: 1px solid #01cc00;
			border-bottom: none;
			color: #fff;
			display: block;
			height: 52px;
			left: 0;
			position: absolute;
			top: 0;
			width: 51px;
			z-index: 2;
		}

				#contactTree span.online span {
					background: url(../images/bg_online_indicator53.gif) no-repeat left bottom;
					display: block;
					left: 0;
					position: absolute;
					bottom: 0;
					text-indent: -8000px;
					width: 51px;
				}

/*
	some specials for the tabbox (wider and more padding)
*/

.subContent ul.friends li { }

* html .subContent ul.friends li { top: 1px; }

.subContent ul.friends li.item2 {
	margin-left: 94px;
}
		*  html .subContent ul.friends li.item2 { margin-left: 91px; }
		* +html .subContent ul.friends li.item2 { margin-left: 91px; }

.subContent ul.friends li.item3 {
	margin-left: 229px;
}
		*  html .subContent ul.friends li.item3 { margin-left: 224px; }
		* +html .subContent ul.friends li.item3 { margin-left: 224px; }

.subContent .tabContent {
	padding: 16px;
}
		.subContent .tabContent a {
			background: url(../images/el_arrowgrey_right.gif) no-repeat left center;
			float: left;
			margin-left: 15px;
			padding-left: 10px;
		}

		.subContent .tabContent #searchTerm,
		.subContent .tabContent .searchTerm {
			margin-right: 15px;
		}

#tabData {
	float: left;
	margin: 12px 0;
	width: 645px;
}

* html #tabData .paginator li {		/* IE6 !! */
	width: 30.5% !important;
}

#tabDataInner {
	min-height: 420px;
	width: 645px;
}
		* html #tabDataInner { height: 430px; }

#tabData dl {
	cursor: pointer;
	display: inline; /* ie6 */
	float: left;
	margin: 0 24px 13px 0;
	width: 100px;
}
		#tabData dt {
			position: relative;
		}
				#tabData dd {
					color: #686868;
					display: block;
					height: 2em;
					text-align: center;
					width: 100px;
				}
						* html #tabData dd { height: 2.5em; } /* more height for lining up nicely */

#tabData .tabDataInnerRollover {
	position: absolute;
	top: -57px;
	left: -55px;
	width: 211px;
	background: url(../images/bg_contact_rollover_top.png) no-repeat left top;
	padding: 5px 0;
	z-index: 5;
}
		#tabData .tabDataInnerRollover div {
			background: url(../images/bg_contact_rollover_btm.png) no-repeat left bottom;
			padding: 5px 10px 15px 10px;
		}
				#tabData .tabDataInnerRollover div h4 {
					color: #ccc;
					padding-bottom: 5px;
				}
				#tabData .tabDataInnerRollover div span {
					color: #fff;
				}


/* the paginator - paginating the friends */

.paginatorWrap {
	text-align: center;
	background: #f6f6f6;
	padding: 20px 10px 10px 0;
	margin-bottom: 70px;
	clear: left;
	height: 20px;
}
.paginatorWrap.top {
	margin-bottom: 0;
	padding-top: 0;
}
		.paginatorWrap .paginator {
			margin: 0 auto;
		}

.paginator {
	height: 22px;
	text-align: center;
	white-space: nowrap;
}

.paginator ul {
	list-style: none;
}
		.paginator li {
			float: left;
			margin-right: 15px;
		}
				* html .paginator li {
					width: 32.8%;
				}
				* html .paginator .tag-pager-button-container-back,
				* html .paginator .tag-pager-button-container-forward {
					width: 30%;
				}

				.paginator li.last {
					margin: 0;
				}

		.paginator li span,
		.paginator li input,
		.paginator li label {
			float: left;
		}
				.paginator li span {
					padding: 2px 4px;
				}
				.paginator li input {
					border: 1px solid #8d95a3;
					color: #398dea;
					font-weight: bold;
					text-align: center;
					width: 50px;
				}

					.paginator .invisible {
						display: none;
					}

.newspager {
	position: relative;
	left: -44px;
}

div#friendDetails {
	float: right;
	margin: 12px 5px 12px 0;
	position: relative;
	width: 306px;
}

		#friendDetails img.profilePic {
			float: left;
			margin: 0 8px 15px 0;
		}

		#friendDetails h4 {
			color: #0066ff;
			margin-bottom: 6px;
		}

		#friendDetails ul {
			list-style: none;
		}

		#friendDetails ul.list {
			margin-left: 108px;
		}

				#friendDetails ul li {
					float: left;
					margin-bottom: 1px;
					width: 180px;
				}
						#friendDetails .paginator li {
							width: auto;
						}

				#friendDetails ul li a.lastpage,
				#friendDetails ul li a.firstpage {
					display: none;
				}

		#friendDetails div.hr {
			background: url(../images/bg_hd_community_polka.gif) repeat-x left bottom;
			clear: both;
			height: 2px;
		}

				#friendDetails .hr hr {
					display: none;
				}

				#friendDetails ul#friendContact,
				#friendDetails ul#visitorContact {
					margin: 10px 0;
				}

				#friendDetails ul#friendContact li,
				#friendDetails ul#visitorContact li {
					float: left;
					width: 40%;
				}

		div#friendMiniOverview div.headlineOuter {
			background: url(../images/bg_foverview_hd_top.gif) no-repeat left top;
			float: left;
			margin: 15px 0 11px;
			padding-top: 11px;
			width: 306px;
		}

				#friendMiniOverview .headlineOuter h5 {
					background: url(../images/bg_foverview_hd_btm.gif) no-repeat left bottom;
					color: #fff;
					padding: 7px 0 7px 7px;
				}

				#friendMiniOverview div.imgBox {
					float: left;
					width: 306px;
					height: 120px;
				}

						#friendMiniOverview .imgBox img {
							margin: 0 3px 3px 0;
						}

		#friendMiniOverview .paginator {
			padding:6px 0pt 0pt 25px;
		}


/* - profile - pinboard - */

#pinboardEntries {
	float: left;
	margin-left: -10px;
	width: 695px;
}

* +html #pinboardEntries { margin-left: 0; }

		#pinboardEntriesInner {
			min-height: 440px;
		}

		* html #pinboardEntriesInner { height: 440px; }

				#pinboardEntries .chitSmall {
					float: left;
					height: 240px;
					margin: 10px 16px 0 10px;
					position: relative;
					z-index: 1;
				}

				#pinboardEntries .chitBig {
					float: left;
					height: 240px;
					margin: 10px 5px 0;
					position: relative;
					z-index: 1;
				}

						#pinboardEntries .chitSmall .dist {
							padding: 45px 50px 0 22px;
						}

						#pinboardEntries .chitBig .dist {
							padding: 45px 30px 0 17px;
						}

						* html #pinboardEntries .chitBig .dist { padding: 45px 27px 0 17px; }

								#pinboardEntries .chitSmall .green,
								#pinboardEntries .chitSmall .cyan,
								#pinboardEntries .chitSmall .yellow,
								#pinboardEntries .chitSmall .orange,
								#pinboardEntries .chitSmall .beige,
								#pinboardEntries .chitSmall .blue {
									height: 163px;
									width: 119px;
								}

								#pinboardEntries .chitSmall .green {
									background: url(../images/bg_postsmall_green.jpg) left top no-repeat;
								}

								#pinboardEntries .chitSmall .cyan {
									background: url(../images/bg_postsmall_cyan.jpg) left top no-repeat;
								}

								#pinboardEntries .chitSmall .yellow {
									background: url(../images/bg_postsmall_yellow.jpg) left top no-repeat;
								}

								#pinboardEntries .chitSmall .orange {
									background: url(../images/bg_postsmall_orange.jpg) left top no-repeat;
								}

								#pinboardEntries .chitSmall .beige {
									background: url(../images/bg_postsmall_beige.jpg) left top no-repeat;
								}

								#pinboardEntries .chitSmall .blue {
									background: url(../images/bg_postsmall_blue.jpg) left top no-repeat;
								}

								#pinboardEntries .chitBig .green,
								#pinboardEntries .chitBig .cyan,
								#pinboardEntries .chitBig .yellow,
								#pinboardEntries .chitBig .orange,
								#pinboardEntries .chitBig .beige,
								#pinboardEntries .chitBig .blue {
									height: 196px;
									width: 174px;
								}

								#pinboardEntries .chitBig .green {
									background: url(../images/bg_postbig_green.jpg) left top no-repeat;
								}

								#pinboardEntries .chitBig .cyan {
									background: url(../images/bg_postbig_cyan.jpg) left top no-repeat;
								}

								#pinboardEntries .chitBig .yellow {
									background: url(../images/bg_postbig_yellow.jpg) left top no-repeat;
								}

								#pinboardEntries .chitBig .orange {
									background: url(../images/bg_postbig_orange.jpg) left top no-repeat;
								}

								#pinboardEntries .chitBig .beige {
									background: url(../images/bg_postbig_beige.jpg) left top no-repeat;
								}

								#pinboardEntries .chitBig .blue {
									background: url(../images/bg_postbig_blue.jpg) left top no-repeat;
								}

		#pinboardEntries .user {
			height: 37px;
			margin-bottom: 8px;
		}

				#pinboardEntries .user img {
					float: left;
					padding-right: 4px;
					width: 37px;
				}

				#pinboardEntries .user span {
					color: #06f;
				}

				#pinboardEntries .chitSmall .text {
					height: 58px;
					padding-right: 2px;
				}

				#pinboardEntries .chitBig .text {
					height: 100px;
					padding-right: 2px;
				}

		#pinboardEntries div.deleteNote {
			display: block;
			height: 16px;
			position: absolute;
			right: -5px;
			text-indent: -8000px;
			top: 20px;
			width: 16px;
			z-index: 2;
		}

		#pinboardEntries .chitSmall div.deleteNote {
			right: 20px;
			top: 33px;
		}

				#pinboardEntries div.deleteNote a {
					background: url(../images/btn_trash_pinboard.gif) no-repeat left top;
					display: block;
					height: 16px;
					width: 16px;
				}

		#pinboardEntries .paginator {
			float: left;
			padding-left: 165px;
		}

		#pinboardEntries .paginator a {
			cursor: pointer;
		}


/* - write notes - */

#pinboardWrite {
	background: url(../images/bg_pinboard_write.gif) left top no-repeat;
	float: right;
	height: 307px;
	margin-top: 20px;
	padding: 39px 24px 0 12px;
	width: 238px;
}

		#pinboardWrite span {
			line-height: 19px;
		}

		#pinboardWrite textarea {
			height: 135px;
			margin: 8px 0 8px 5px;
			overflow: auto;
			width: 223px;
		}

		#pinboardWrite .color {
			height: 19px;
		}

				#pinboardWrite .color span {
					float: left;
					padding-right: 2px;
				}

						#pinboardWrite .color a {
							display: block;
							float: left;
							height: 19px;
							margin-left: 3px;
							width: 24px;
						}

				#pinboardWrite .green {
					background: #bed445;
				}

				#pinboardWrite .cyan {
					background: #5ad8c3;
				}

				#pinboardWrite .yellow {
					background: #eddc5b;
				}

				#pinboardWrite .orange {
					background: #f1a346;
				}

				#pinboardWrite .beige {
					background: #e0c96b;
				}

				#pinboardWrite .blue {
					background: #63c5e1;
				}

				#pinboardWrite div.submit {
					background: url(../images/btn_black_left.png) no-repeat left top !important;
					background: url(../images/btn_black_left.gif) no-repeat left top !important;
   					float: right;
					padding-left: 3px;
					margin: 10px 7px 0 0;
					text-align: center;
				}

				* html #pinboardWrite div.submit { margin-right: 2px; }

						#pinboardWrite .submit input {
							background: url(../images/btn_black_right.png) no-repeat right top !important;
							background: url(../images/btn_black_right.gif) no-repeat right top;
							border: none;
							color: #fff;
							float: left;
							overflow: visible; /* ie */
							padding: 2px 5px;
						}

						*  html #pinboardWrite .submit input { line-height: 1em; }
						* +html #pinboardWrite .submit input { line-height: 1em; }


/* - profile - data - */
/* NOTE: navigation profileData see profile settings */


.subContent div#profileDataNavOuter {
	float: left;
	margin: 10px 38px 20px 0;
}
	.subContent div#profileDataNavOuter div#profileDataNav {
		float: left;
	}

div#profileData {
	float: left;
	margin: 10px 0 35px 0;
	width: 670px;
}
*+html div#profileData {
	float: none;
	margin: 10px 0 0 0;
}
* html div#profileData {
	float: none;
	margin: 10px 0 0 0;
}
		#profileData h4 {
			color: #969696;
			font-weight: 700;
		}

		#profileData dl {
			border-bottom: 1px solid #969696;
			color: #969696;
			padding: 10px 0;
		}

				#profileData dt {
					float: left;
					width: 285px;
				}

						#profileData dd {
							color: #000;
							min-height: 15px;
						}
						* html #profileData dd {
							height: 15px;
						}

/* - mediathek - */
.mediathekMediaTitle{
	color:white;
}

.mediathekMediaPriceText{
	color: #82b7ff;
}


/* tabs */
.tabContentMedia label {
	float: left;
}
		.tabContentMedia .checkbox {
			margin-top: 2px;
		}

		.tabContentMedia select {
			width: 180px;
		}

/* content */
.mediaDataOuter {
	background: url(../images/bg_mediathek_top.jpg) no-repeat left top;
	margin-top: 3px;
	padding-top: 7px;
	position: relative;
}

		.mediaData {
			background: url(../images/bg_mediathek_btm.jpg) no-repeat left bottom #333332;
			float: left;
			min-height: 350px;
			padding-bottom: 10px;
			width: 970px;
		}
		*html .mediaData {height: 360px;}

				.mediaData span.adviceTxt {
					color: #7a7a7a;
					display: block;
					margin: 12px 0 0 40px;
				}

/* mediathek: playlists - vertical carousel */
.cmyc-playlist-slider1-container{
	height:288px;
	overflow:hidden;
	position: relative;
}
	* html .cmyc-playlist-slider1-container{
		height: 288px;
		left: 14px;
	}
	*+html .cmyc-playlist-slider1-container{
		height: 280px;
		left: 14px;
	}
#medithekPlaylistsAddPlaylist{
	position:absolute;
	bottom:5px;
	left:7px;
}

.listData {
	color: #fff;
	float: left;
	margin: 15px 0 0 7px;
	position: relative;
	width: 940px;
}
	* html .listData {
		margin: 15px 0 0 3px;
	}

#mediathek-playlists-slider {
	float: left;
	margin-top: 5px;
	position: relative;
}

		.container {
		}

				/* playlist - listview */

				.container table.playList {
					border-spacing: 2px;
					left: 10px;
					margin: 0 0 0 26px;
					padding: 0;
					position: relative;
					top: 0;
					width: 934px;
				}
					* html .container table.playList {
						margin: -68px 0 0 20px;
					}
					*+html .container table.playList {
						margin: -68px 0 0 20px;
					}
				.cmyc-playlist-slider1-container table.playList {
					margin: 0;
				}
					* html .cmyc-playlist-slider1-container table.playList {
						margin: 0;
					}
						* html .cmyc-playlist-slider1-container table.playList tr td {
							height: 19px;
							line-height: 19px;
						}
					*+html .cmyc-playlist-slider1-container table.playList {
						margin: 0;
					}
						*+html .cmyc-playlist-slider1-container table.playList tr td {
							height: 20px;
							line-height: 20px;
						}

					.listData table caption {
						display: none;
					}

					.listData table.playList .col1 { width: 2%; }
					.listData table.playList .col2 { width: 30%; }
					.listData table.playList .col3 { width: 5%; }
					.listData table.playList .col4 { width: 5%; }
					.listData table.playList .col5 { width: 5%; }
					.listData table.playList .col6 { width: 10%; }
					.listData table.playList .col7 { width: 35%; }
					.listData table.playList .col8 { width: 8%; }

					.listData table.playList tr td {
						height: 24px;
					}

					.listData table.playList tr.even {
						background: #3c3c3c;
					}

					.listData table.playList tr.odd {
						background: #333;
					}

							.listData table.playList td,
							.listData table.playList th {
								padding: 3px 3px 3px 5px;
								vertical-align: middle;
							}

							* html .listData table.playList td { padding: 4px; }
							* html .listData table.playList th { padding: 4px; }

									.listData table.playList td.cipher {
										text-align: center;
									}

									.listData table.playList td.sum {
										text-align: right;
									}

											.listData table.playList td a {
												color: #318dff;
												text-decoration: none;
											}

													.listData td a.buy {
														background: url(../images/ic_cart.gif) no-repeat left top;
														display: block;
														float: left;
														height: 16px;
														margin-left: 3px;
														text-indent: -8000px;
														width: 16px;
													}

													.listData td a.edit {
														background: url(../images/ic_edit.gif) no-repeat left top;
														display: block;
														float: left;
														height: 16px;
														margin-left: 3px;
														text-indent: -8000px;
														width: 16px;
													}

													.listData td a.delete {
														background: url(../images/ic_trash.gif) no-repeat left top;
														display: block;
														float: left;
														height: 16px;
														margin-left: 3px;
														text-indent: -8000px;
														width: 16px;
													}

/* edit playlists */

.chooseExistingPlaylist { /* left */
	float: left;
	padding-left: 10px;
	width: 440px;
}

.importExistingPlaylist { /* right */
	float: left;
	margin-left: 5px;
	width: 440px;
}

* html .importExistingPlaylist { float: none; }

		.chooseExistingPlaylist table.playListEditHead {
			border-spacing: 2px;
			margin: -2px 0 -2px 0;
			width: 99.5%;
		}

		*  html .chooseExistingPlaylist table.playListEditHead { width: 99%; }
		* +html .chooseExistingPlaylist table.playListEditHead { width: 99%; }

		.importExistingPlaylist table.playListEditHead {
			border-spacing: 2px;
			margin: -2px 0 -2px 0;
			width: 100%;
		}

		.listData table.playListEditHead .col1 { width: 41px; }

		html[xmlns*=""] body:last-child .listData table.playListEditHead .col1 { width: 40px; } /* safari */

		.listData table.playListEditHead .col1a { width: 42px; }

    	html[xmlns*=""] body:last-child .listData table.playListEditHead .col1a { width: 41px; } /* safari */
		@media all and (-webkit-min-device-pixel-ratio:10000) {
			.listData table.playListEditHead .col1a { width: 41px; } /* opera */
		}

		.listData table.playListEditHead .col2 { width: 357px; }

				.listData table.playListEditHead td {
					background: #484848;
					padding: 4px 7px 2px 2px;
					vertical-align: top;
				}

						.listData table.playListEditHead td select {
							float: left;
							margin: 3px 1px;
							width: 20em;
						}

						.listData table.playListEditHead td a {
							color: #34a7ff;
							display: block;
							float: right;
							padding: 3px 5px 3px 10px;
						}

				.listData table.playListEditHead td.empty {
					background: none;
				}

		.chooseExistingPlaylist table.playListEdit { /* left */
			border-spacing: 2px;
			width: 100%;
		}

		.importExistingPlaylist table.playListEdit {  /* right */
			border-spacing: 2px;
			width: 100%;
		}

		.listData table.playListEdit .col1 { width: 45px; }
		.listData table.playListEdit .col2 { width: 300px; }
		.listData table.playListEdit .col3 { width: 70px; }
		.listData table.playListEdit .col4 { width: 10px; }


				.listData table.playListEdit tr.even,
				.listData table.playListEdit td.even {
					background: #3c3c3c;
				}

				.listData table.playListEdit tr.odd,
				.listData table.playListEdit td.odd {
					background: #333;
				}

						.listData table.playListEdit td {
							padding: 4px 3px 2px 2px;
							vertical-align: top;
						}

								.listData table.playListEdit td.active {
									background: #e7e7e7;
									color: #000;
								}

								.listData table.playListEdit td.positioning {
									vertical-align: middle;
									text-align: right;
								}

								.listData table.playListEdit td.rating,
								.listData table.playListEdit td.actions {
									padding: 8px 0 8px 5px;
									vertical-align: bottom;
								}

										.listData table.playListEdit img.activeStars {
											clear: both;
											margin-top: 5px;
										}

										* +html table.playListEdit img.activeStars { margin-top: 5px;}


								.listData table.playListEdit td.move {
									vertical-align: middle;
								}

										.listData table.playListEdit td.move div.movePlaylist {
											background: url('../images/el_arrow_right_blue.gif') no-repeat right center;
											cursor: pointer;
											display: block;
											height: 22px;
											margin-left: 2px;
											text-indent: -8000px;
											width: 9px;
										}

							.listData table.playListEdit img.playListThumb {
								border: 1px solid #abc4da;
								float: left;
								margin: 0 8px 2px 2px;
							}

									.listData table.playListEdit div.positionControl {
										float: right;
										margin: -36px 3px 0 0;
										width: 16px;
									}

									*  html .listData table.playListEdit div.positionControl { margin-top: -28px;}
									* +html .listData table.playListEdit div.positionControl { margin-top: -28px;}

											.listData table.playListEdit div.positionControl img.moveUp {
												margin-bottom: 2px;
											}

								.listData table.playListEdit a.title,
								.listData table.playListEdit a.user {
									color: #318dff;
									display: block;
									margin: 4px 0 6px;
								}

								*  html .listData table.playListEdit a.title,
								*  html .listData table.playListEdit a.user { margin: 1px 0 1px;}

								* +html .listData table.playListEdit a.title,
								* +html .listData table.playListEdit a.user { margin: 1px 0 1px;}

								.listData table.playListEdit a.title {
									color: #fff;
								}

										.listData table.playListEdit td.active a.title {
											color: #000;
										}

		.mediaData .previous_button,
		.mediaData .import_previous_button {
			background: url(../images/btn_scroll_up.gif) no-repeat left top;
			cursor: pointer;
			display: inline;
			float: left;
			height: 41px;
			margin-top: 24px;
			text-indent: -8000px;
			width: 17px;
		}
			* html .mediaData .previous_button,
			* html .mediaData .import_previous_button {
				margin-top: 28px;
			}
			*+html .mediaData .previous_button,
			*+html .mediaData .import_previous_button {
				margin-top: 28px;
			}

		/* edit playlists */
		.mediaData .editPlaylists .previous_button {
			margin-top: 35px;
		}

		* html .mediaData .editPlaylists .previous_button { margin-top: 32px; }

		.mediaData .editPlaylists .import_previous_button {
			float: right;
			margin-top: 35px;
		}

		* html .mediaData .editPlaylists .import_previous_button { margin-top: 32px; }

					.mediaData .previous_button_disabled,
					.mediaData .import_previous_button_disabled {
						background: none;
						cursor: default;
					}

		.mediaData .next_button {
			background: url(../images/btn_scroll_down.gif) no-repeat left top;
			bottom: 0;
			cursor: pointer;
			float: left;
			height: 41px;
			position: absolute;
			left: 0;
			width: 17px;
			text-indent: -8000px;
		}

		*  html .mediaData .next_button { clear: left; margin-top: -42px; }

		/* edit playlists */
		.mediaData .editPlaylists .next_button {
			bottom: 4px;
		}

		*  html .mediaData .editPlaylists .next_button { clear: left; margin-top: -42px; }

		.mediaData .editPlaylists .import_next_button {
			background: url(../images/btn_scroll_down.gif) no-repeat left top;
			bottom: 4px;
			cursor: pointer;
			display: block;
			float: left;
			height: 41px;
			position: absolute;
			right: 0;
			width: 17px;
			text-indent: -8000px;
		}

		*  html .mediaData .editPlaylists .import_next_button {  float: right; margin-top: 10px;  }

				.mediaData .next_button_disabled {
					background: none;
					cursor: default;
				}

	div.addPlaylist {
		background: url(../images/bg_newplaylist.gif) no-repeat left top;
		display: block;
		float: left;
		height: 26px;
		margin: 10px 0 0 29px;
		width: 226px;
	}

	* html div.addPlaylist {
		margin-left: 24px;
	}
	*+html div.addPlaylist {
		margin-left: 26px;
	}

	.mediaData .btnWrap {
		margin-left: 5px;
	}

	*  html .mediaData .btnWrap { float: left; }
	* +html .mediaData .btnWrap { float: left; }

	.mediaData .btnWrap .addPlaylist {
		margin-left: 220px;
	}

			.addPlaylist span {
				background: url(../images/ic_add.gif) no-repeat left center;
				color: #fff;
				cursor: pointer;
				display: block;
				margin-left: 14px;
				padding: 7px 24px;
			}

	div.addAllPlaylists {
		background: url(../images/bg_newplaylist.gif) no-repeat left top;
		display: block;
		float: left;
		height: 26px;
		margin: 10px 0 0 29px;
		width: 226px;
	}

	* html div.addAllPlaylists { margin-left: 15px; }

			.addAllPlaylists span {
				background: url(../images/ic_addall.gif) no-repeat left center;
				color: #fff;
				cursor: pointer;
				display: block;
				margin-left: 14px;
				padding: 7px 24px;
			}

	div.deletePlaylists {
		display: block;
		float: left;
		height: 26px;
		margin: 10px 0 0 38px;
		width: 226px;
	}

	* html div.deletePlaylists { margin-left: 15px; }

			.deletePlaylists span {
				background: url(../images/ic_trash.gif) no-repeat left center;
				color: #34a7ff;
				cursor: pointer;
				display: block;
				margin-left: 10px;
				padding: 7px 20px;
			}


/* empty playlist */

.mediaData div.advText {
	color: #fff;
	display: table-cell;
	height: 350px;
	vertical-align: middle;
	text-align: center;
	width: 970px;
}

		.advText div.addPlaylist {
			background: url(../images/bg_newplaylist.gif) no-repeat left top;
			display: block;
			height: 26px;
			margin: 2% -372px 0 372px;
			vertical-align: middle;
			width: 226px;
		}

		* html .advText div.addPlaylist { display: inline; margin-top: 1%; }

				.advText div.addPlaylist span { text-align: left; }

*  html span.empty { display: inline-block; vertical-align: middle; height: 50%; }
* +html span.empty { display: inline-block; vertical-align: middle; height: 50%; }


	* html div.addPlaylist {
		margin-left: 15px;
	}

	.mediaData .btnWrap {
		margin-left: 5px;
	}

	*  html .mediaData .btnWrap { float: left; }
	* +html .mediaData .btnWrap { float: left; }

	.mediaData .btnWrap .addPlaylist {
		margin-left: 220px;
	}

			.addPlaylist span {
				background: url(../images/ic_add.gif) no-repeat left center;
				color: #fff;
				cursor: pointer;
				display: block;
				margin-left: 14px;
				padding: 7px 24px;
			}




/* switch from list to thumbnail view (v2)

			div.switchView {
				float: left;
				display: block;
				margin: 7px 0 7px 10px;
			}

		 			.switchView ul {
						list-style: none;
					}

							.switchView ul li {
								display: block;
								float: left;
								height: 16px;
								margin-right: 9px;
								text-indent: -8000px;
								width: 20px;
							}

									.switchView ul li a {
										display: block;
										height: 16px;
										width: 25px;
									}

							.switchView ul li.viewAsList {
								background: url(../images/ic_listview.gif) no-repeat left bottom;
							}

									.switchView ul li.viewAsList a.active {
										background: url(../images/ic_listview_active.gif) no-repeat left bottom;
									}

							.switchView ul li.viewAsThumbs {
								background: url(../images/ic_thumbview.gif) no-repeat left bottom;
								width: 30px;
							}

									.switchView ul li.viewAsThumbs a.active {
										background: url(../images/ic_thumbview_active.gif) no-repeat left bottom;
									}

*/

.image-flow #captions{
	display: none;
}

#imageflow {
	height: 300px !important;
	margin: 0 auto;
	overflow: hidden;
	width: 750px;
}

	#imageflow #images {
		height: 300px !important;
	}
		#images img {
			left: 0;
			margin: -10px 0 0 0;
			position:absolute;
			top: 0;
			visibility: hidden;
		}

		*  html #images img { margin: -35px 0 0 -130px; }
		* +html #images img { margin: -35px 0 0 -130px; }

			.image-flow img a {
				color: #0077ff !important;
			}

#imageflowPreviousImage {
	background: url(../images/btn_reflection_left.png) no-repeat left top;
	cursor: pointer;
	display: block;
	height: 30px;
	left: 10px;
	position: absolute;
	text-indent: -8000px;
	top: 210px;
	width: 41px;
}

* html #imageflowPreviousImage { background: url(../images/btn_reflection_left.gif) no-repeat left top; height: 17px; }

#imageflowNextImage {
	background: url(../images/btn_reflection_right.png) no-repeat left top;
	cursor: pointer;
	display: block;
	float: left;
	height: 30px;
	position: absolute;
	right: 10px;
	text-indent: -8000px;
	top: 210px;
	width: 41px;
}

* html #imageflowNextImage { background: url(../images/btn_reflection_right.gif) no-repeat left top; height: 17px; }


	div.addFile {
		background: url(../images/bg_newplaylist.gif) no-repeat left top;
		display: block;
		height: 26px;
		margin: 0 0 30px 29px;
		position: relative;
		width: 226px;
		z-index: 12000;
	}

	* html div.addFile {
		margin-left: 15px;
	}

			.addFile span {
				background: url(../images/ic_add.gif) no-repeat left center;
				color: #fff;
				display: block;
				margin-left: 14px;
				padding: 7px 0 7px 24px;
			}


/* list overlayed the coverflowimage */
#imageflow .captionTxt {
	width:300%;
	margin-left:-100%
}

div.imageflow-active-image-overlay {
	height: auto;
}

		div.coverFlowListWrap {
			color: #fff;
			position: absolute;
			top: -20px;
			text-align: center;
			width: 100%; /* fixes an annoying gap between the list items and the respective picture */
		}

				ul.coverFlowList {
					list-style: none;
					margin-top: 15%;
					text-align: left;
				}

						ul.coverFlowList li {
							background: url('../images/bg_coverflow_list.png') repeat left top;
							margin: 0 0 3px 0;
							padding-left: 17px;
						}

								ul.coverFlowList li a {
									color: #fff;
									display: block;
									padding: 6px 0 6px 24px;
								}

								ul.coverFlowList li a.profile { background: url('../images/ic_profile.gif') no-repeat left center; }
								ul.coverFlowList li a.fileInfo { background: url('../images/ic_info.gif') no-repeat left center; }
								ul.coverFlowList li a.addPlayList { background: url('../images/ic_addplaylist.gif') no-repeat left center; }
								ul.coverFlowList li a.playMainPlayer { background: url('../images/ic_play.gif') no-repeat left center; }
								ul.coverFlowList li a.editFile { background: url('../images/ic_edit.gif') no-repeat left center; }
								ul.coverFlowList li a.addShoppingcart { background: url('../images/ic_shoppingcart.gif') no-repeat left center; }
								ul.coverFlowList li a.download { background: url('../images/ic_download.gif') no-repeat left center; }

/* - playlist - commenting - */

div.playListComments div.commentListing {
	float: left;
}

h4.headlinePlayListComments {
	background: url(../images/bg_gradient_gw.gif) repeat-x left bottom #fff;
	border: 1px solid #a2a2a2;
	color: #555;
	display: block;
	margin: 3px 5px 2px 0;
	padding: 4px;
}

		h4.headlinePlayListComments span {
			background: url(../images/el_arrowgrey_right.gif) no-repeat left center;
			color: #555;
			display: block;
			cursor: pointer;
			padding-left: 12px;
		}

				h4.headlinePlayListComments.active span {
					background: url(../images/el_arrowgrey_down.gif) no-repeat left center;
					color: #555;
					display: block;
					cursor: pointer;
					padding-left: 12px;
				}

		h4.headlinePlayListComments span.userLink,
		h4.headlinePlayListComments span.mediaTitle,
		h4.headlinePlayListComments.active span.userLink
		h4.headlinePlayListComments.active span.mediaTitle
		{
			background:none;
			display: inline;
			cursor: default;
			padding: 0;
		}
			h4.headlinePlayListComments.active span .userLink,
			h4.headlinePlayListComments span .userLink {
				color:#398cea !important;
			}
			h4.headlinePlayListComments.active span .mediaTitle,
			h4.headlinePlayListComments span .mediaTitle {
				font-weight: bold;
			}

/* comments */

.playListComments dl {
	border: 1px solid #d6d6d6;
	border-bottom: none;
	color: #5a5a5a;
	margin-right: 25px;
	width: 639px;
}

		.playListComments dl.last {
			border-bottom: 1px solid #d6d6d6;
		}

		.playListComments dl.odd {
			background: #f1f1f1;
		}

		.playListComments dl.even {
			background: #fff;
		}

				.playListComments dt {
					float: left;
					margin: 10px;
				}

						.playListComments dd p {
							margin: 0 0 10px 0;
						}

						.playListComments dd a {
							color: #398cea;
						}

								.playListComments dd.user {
									margin: 10px 0 5px;
								}

								.playListComments dd.cat {
									display: inline;
								}

								.playListComments dd.timestamp {
									color: #a0a0a0;
									float: right;
									margin: -30px 12px 0 0;
								}

								.playListComments dd.icons {
									clear: both;
									float: right;
									margin: -30px 12px 0 0;
								}
								.playListComments dd.icons DIV{
									margin-bottom: 2px;
								}

								.playListComments dd.comment {
									padding: 35px 12px 10px 10px;
								}

.playListComments .paginator {
	float: left;
	padding-top: 15px;
	padding-left: 160px;
}

/* insert comment - form */

form.playListWriteComment {
	margin-right: 5px;
}

.playListWriteComment fieldset {
	margin: 0 0 15px 0;
	padding-top: 10px;
}

		.playListWriteComment span {
			color: #333;
			display: block;
			font-weight: 700;
			margin-bottom: 10px;
		}

		.playListWriteComment textarea {
			border: 1px solid #89919f;
			font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
			height: 125px;
			padding: 7px;
			width: 288px;
		}

			.playListWriteComment div.submit {
				background: url(../images/btn_blue_left.gif) no-repeat left top;
				display: block;
				padding-left: 13px;
				margin: 15px 0 0 88px;
			}

				.playListWriteComment div.submit input {
					background: url(../images/btn_blue_right.gif) no-repeat right top;
					border: none;
					cursor: pointer;
					color: #fff;
					overflow: visible; /* ie */
					padding: 2px 30px !important;
				}


/* side content */

#featureBox {
	background: url(../images/bg_featurebox_right.gif) no-repeat right top;
	float: left;
	height: 107px;
	margin-left: 27px;
	position: relative;
	width: 615px;
}

*  html #featureBox { margin-left: 12px; }
*  +html #featureBox { margin-left: 22px; }

		#featureBox h4 {
			background: url(../images/bg_featurebox_left.gif) no-repeat left top;
			color: #fff;
			float: left;
			height: 107px;
			margin-right: 15px;
			padding: 38px 0 0 43px;
			position: relative;
			left: -5px;
		}

				#featureBox ul {
					border-left: 1px solid #6e7582;
					float: left;
					list-style: none;
					margin: 5px 0;
					padding: 10px 0 13px 10px;
				}

				* html #featureBox ul { padding-top: 5px; }

						#featureBox ul li { /* leave the commented styles for morph the images back to nice lists */
							/* background: url(../images/el_featurelist_dot.gif) no-repeat left 8px; */
							/* border-bottom: 1px solid #586072; */
							display: block;
							float: left;
							height: 73px;
							margin-right: 40px;
							/* padding: 5px 0 2px; */
							text-indent: -8000px;
			  				/*width: 18.182em; */
						}

						* html #featureBox ul li { margin-right: 20px; }

								#featureBox ul li a {
									color: #fff;
									display: block;
									height: 73px;
									padding-left: 12px;
									text-decoration: none;
								}

						/* apparently deprecated

						#featureBox ul li.universal {
							background: url(../images/el_lg_universal.gif) no-repeat left center;
							width: 166px;
						}

								#featureBox ul li.universal a {
									width: 166px;
								}*/

						#featureBox ul li.vodafone {
							background: url(../images/el_lg_vodafone.gif) no-repeat left center;
							width: 100px;
						}

								#featureBox ul li.vodafone a {
									width: 100px;
								}

						#featureBox ul li.triplem {
							background: url(../images/el_lg_triplem.gif) no-repeat left center;
							width: 64px;
						}

								#featureBox ul li.triplem a {
									width: 64px;
								}

						#featureBox ul li.markveys {
							background: url(../images/el_lg_markveys.gif) no-repeat left center;
							width: 172px;
						}

						* +html #featureBox ul li.markveys { background-position: 0 55%; }

								#featureBox ul li.markveys a {
									width: 172px;
								}

						#featureBox ul li.colt {
							background: url(../images/el_lg_colt.gif) no-repeat left bottom;
							width: 150px;
						}

								#featureBox ul li.colt a {
									width: 150px;
								}

/* cite */

blockquote {
	color: #fff;
	float: left;
	margin: 0 0 0 29px;
	width: 28em;
}

		blockquote a { color: #fff; }

		blockquote span.open,
		blockquote span.close {
			display: block;
			font-weight: 700;
		}

				blockquote span.open {
					margin-bottom: -25px;
				}


/* footercontent */

#footer h5 {
	color: #5a81c9;
	display: block;
	font-weight: 700;
	margin: 0 0 0 25px;
}

#footer ul {
	list-style: none;
	margin:  10px 0 0 20px;
	padding-bottom: 30px;
}

		#footer ul li {
			border-right: 1px solid #999;
			color: #999;
			float: left;
			padding: 0 6px;
		}

		#footer ul li.last {
			border: none;
			float: left !important; /* overwrites the last-column class index.html */
		}

				#footer ul li a {
					color: #999;
					text-decoration: none;
				}

		#footer div.disclaim {
			border-top: 1px solid #323232;
			color: #666;
			display: block;
			float: right;
			margin: 0 27px 0 0;
			padding-top: 5px;
			text-align: right;
			width: 95%;
		}

		* html #footer div.disclaim {
			margin: 0 15px 15px 0;
		}

/* - news archive - */

		fieldset.newsSearch div.submit {
			background: url(../images/btn_blue_left.gif) no-repeat left top;
			float: left;
			padding-left: 13px;
			margin: 0 0 0 8px;
		}
		* html fieldset.newsSearch div.submit { padding-left: 5px; }
		* +html fieldset.newsSearch div.submit { padding-left: 5px; }

				.newsSearch div.submit input {
					background: url(../images/btn_blue_right.gif) no-repeat right top;
					border: 0 !important;
					cursor: pointer;
					color: #fff;
					overflow: visible; /* ie */
					padding: 2px 7px !important;
				}

				* +html fieldset.newsSearch div.submit input { padding: 1px 7px !important; }

.subContentNews {
	margin: 0 0 10px 0;
	padding: 0 !important;
}
		.subContentNews .last {
			margin-left: 1px !important;
		}
		.subContentNews .tabInner {
			width: 944px;
			margin: 0;
		}
		.subContentNews .column h4 {
			font-weight: 700;
			margin: 8px 0 0 0;
		}
		.subContentNews .column p {
			margin: 0 0 10px 0;
		}

		.boxNews { /* tabbox in news */
			margin: 0 0 1px !important;
		}

		.subContentNews .paginator {
			margin: 0 auto;
			width: 38%;
		}
				* html .subContentNews .paginator li { width: 30.5% !important; }
				* html .subContentNews .paginator li input { width: 40px !important; }

.tabInner fieldset.newsSearch select { /* overwrite */
	width: 90px !important;
	min-width: 30px !important;
}

/* --- IMPRINT ETC. --- */
.contentContainer {
	float: left;
	width: 710px;
	margin: 5px 0 20px -20px;
	padding: 0 0 20px 0;
}
	div#metapageContent,
	div#metapageContent div.contentContainer {
		margin-left: 0;
		_overflow: visible !important;
	}
		.cmycContent h2 {
			color: #06f;
			font-size: 1.8em; /* TODO: Move to fontsize-section */
			font-weight: bold;
			margin-bottom: 16px;
		}

		.contentContainer h3 {
			color: #06f;
			font-size: 1.6em; /* TODO: Collect this in fontsizes */
			font-weight: 700;
			margin-bottom: 5px;
		}

		.contentContainer div.boxContact {
			color: #6d6d6d;
			line-height: 160%;
			margin-bottom: 20px;
		}

		.contentContainer div.boxContact h3 {
			color: #000;
			font-size: 1.2em; /* TODO: Collect this in fontsize */
		}

		.boxContact img {
			border: none;
			float: left;
			margin-right: 15px;
			width: 64px;
		}

				.cmycContent div.boxAddress {
					border-top: 1px solid #bababa;
					border-bottom: 1px solid #bababa;
					line-height: 150%;
					padding: 3px 0;
				}

						.boxAddress div.logo {
							float: left;
							height: 120px;
							margin-right: 50px;
						}


		.cmycContent p {
			line-height: 160%;
			margin-bottom: 8px;
		}

		* html .cmycContent #mainMnu a {
			position: relative !important;
			z-index: 10000 !important;
		}



/* -- overlay - general for all windows -- */

/* Focused windows */
.overlay_cmyc {
	background: transparent url(../images/bg_overlay70.png) repeat left top;
}

* html .overlay_cmyc { 	background-color: #000; filter:alpha(opacity=70); background-image: none; }

.cmyc_sizer {
	cursor: se-resize;
}

		.cmyc_close {
			cursor: pointer;
			height: 19px;
			position: absolute;
			right: 10px;
			top: 30px;
			width: 19px;
		}

		.cmyc-window-close {
			cursor: pointer
		}

.cmyc_title {
	margin-top: 8px;
	text-indent: -8000px;
}

.cmyc_content {
	overflow: hidden;
}

		.cmyc_s .status_bar {
		  padding-bottom: 24px;
		}


/* --- all overlayed windows --- */

div#overlayHeadOuter {
	background: url(../images/bg_register_head_top.png) no-repeat left top !important;
	background: url(../images/bg_register_head_top.gif) no-repeat left top;
	padding-top: 4px;
	text-align: left;
	width: 462px;
}

		div#overlayHead {
			background: url(../images/bg_register_head_btm.png) no-repeat left bottom !important;
			background: url(../images/bg_register_head_btm.gif) no-repeat left bottom;
            float: left;
		}

		#overlayHead h1 {
			color: #fff;
			display: block;
			float: left;
			font-weight: 700;
			margin-left: 17px;
			width: 414px;
		}

		* html #overlayHead h1  { margin: 2px 0 0 8px; }

		#overlayHead span.closeBtn {
			background: url(../images/btn_register_head_cls.gif) no-repeat left top;
			display: block;
			float: right;
			height: 16px;
			margin: 4px 15px 8px 0;
			text-indent: -8000px;
			width: 16px;
		}

				#overlayHead span.closeBtn a {
			    	display: block;
					height: 16px;
					width: 16px;
				}


/* smaller overlay windows i.e. modal */

div#overlayHeadOuterSmall { /* smaller outputs */
	background: url(../images/bg_modal_head_top.gif) no-repeat left top;
	padding-top: 4px;
	text-align: left;
	width: 351px;
}

		div#overlayHeadSmall {
			background: url(../images/bg_modal_head_btm.gif) no-repeat left bottom;
            float: left;
		}

		* html #overlayHeadSmall h1 { margin-left: 10px; width: 299px; }

		#overlayHeadSmall h1 {
			color: #fff;
			display: block;
			float: left;
			font-weight: 700;
			margin-left: 17px;
			width: 309px;
		}

		*  html #overlayHeadSmall h1 { line-height: 135%; }
		* +html #overlayHeadSmall h1 { line-height: 155%; }


		#overlayHeadSmall span.closeBtn {
			background: url(../images/btn_register_head_cls.gif) no-repeat left top;
			display: block;
			float: left;
			height: 16px;
			margin: 4px 9px 8px 0;
			text-indent: -8000px;
			width: 16px;
		}

				#overlayHeadSmall span.closeBtn a {
			    	display: block;
					height: 16px;
					width: 16px;
				}


div#overlayOuter {
	background: url(../images/bg_register_btm.png) no-repeat left bottom !important;
	background: url(../images/bg_register_btm.gif) no-repeat left bottom;
	color: #000;
	margin: 2px 0 5px;
	padding-bottom: 25px;
	width: 462px;
}

		div#overlay {
			background: url(../images/bg_register_top.png) no-repeat left top !important;
			background: url(../images/bg_register_top.gif) no-repeat left top;
			margin-bottom: -5px;
			min-height: 320px;
			text-align: left;
			padding: 17px 0 5px;
		}

		* html div#overlay { height: 320px; }

		#overlay p {
			color: #333;
			line-height: 130%;
	   		padding: 7px 18px 2px 18px;
		}
		#overlay ul {
			padding:7px 18px 2px;
		}

		#overlay p a { margin: 0; }

		#overlay a.mono {
			display: block;
			margin: 7px 0;
		}


/* overlays in smaller widths ie modal */

div#overlayOuterSmall {
	background: url(../images/bg_modal_top.png) no-repeat left top !important;
	background: url(../images/bg_modal_top.gif) no-repeat left top;
	color: #000;
	margin: 2px 0 5px;
	padding: 5px 0 25px;
	width: 351px;
}

* html div#overlayOuterSmall { margin-top: -2px; }

		div#overlaySmall {
			background: url(../images/bg_modal_btm.png) no-repeat left bottom !important;
			background: url(../images/bg_modal_btm.gif) no-repeat left bottom;
			min-height: 75px;
			padding: 17px 0 40px;
			text-align: left;
		}

		* html div#overlaySmall { height: 75px; }

		#overlaySmall p {
			color: #333;
			line-height: 130%;
	   		padding: 7px 18px 2px 18px;
		}

		#overlaySmall p a { margin: 0; }

		#overlaySmall a.mono {
			display: block;
			margin: 7px 0;
		}

		#overlaySmall h2 {
		color: #000;
		margin: 0 18px;
		}

		#overlaySmall h3 {
			font-weight: 700;
			margin: 10px 0 0 18px;
		}

		#overlaySmall label {
			margin: 5px 5px 15px 18px;
		}

				#overlaySmall span.checkboxTxt {
					color: #606060;
				}


		#overlay p.registerSuccess {
			padding-top: 0;
		}

		#overlay form {
			text-align: left;
		}

		/* playlists (small overlays) */

		#overlaySmall fieldset.playlist label {
			display: block;
		}

				#overlaySmall fieldset.playlist label span {
					display: block;
					margin-bottom: 2px;
				}

				#overlaySmall fieldset.playlist input.text {
					border: 1px solid #7f9db9;
					padding: 2px;
					width: 305px;
				}

				* html #overlaySmall div.submit {
					margin-left: 10px !important;
				}
					* html #overlaySmall div.submit input {
						margin-left: -10px !important;
					}

				#overlaySmall fieldset.playlist select {
					border: 1px solid #7f9db9;
					width: 310px;
				}

				*  html #overlaySmall fieldset.playlist select { width: 313px; }
				* +html #overlaySmall fieldset.playlist select { width: 313px; }

				#overlaySmall fieldset.playlist div.label {
					margin: 5px 5px 15px 18px;
				}

						#overlaySmall fieldset.playlist span.radioTxt {
							margin-top: 1px;
						}

				#overlaySmall span.errorMessage {
					clear: both;
					display: block;
					margin: 0 3px 0 18px;
				}

				#overlaySmall img.loadingAni {
					float: left;
					margin: 2px 10px 0 5px;
				}


		/* registering */

				#overlay .fieldsetWrapper {
					background: url(../images/bg_429_top.png) left top no-repeat !important;
					background: url(../images/bg_429_top.gif) left top no-repeat;
					margin: 0 16px;
					padding-top: 5px;
					width: 429px;
				}

					#overlay .fieldsetWrapper fieldset {
						background: url(../images/bg_429_bottom.gif) left bottom no-repeat #fff;
						margin: 0;
						padding: 6px 10px 10px;
					}

						.errorMessage {
							color: #ff0000;
							display: block;
							padding-bottom: 5px;
						}

								#overlay fieldset.coreData .errorMessage span {
									text-transform: uppercase;
								}

				#overlay fieldset.coreData label,
				#overlay fieldset.confirmData label {
              	display: block;
					float: left;
					margin-bottom: 2px;
				}
				#overlay fieldset.coreData label,
				#overlay fieldset.coreData div.activateAccount {
					border-top: 1px solid #ccc;
					margin: 8px 0 0;
					padding: 8px 0 0;
					width: 409px;
				}

						#overlay label.inline {
							display: inline !important;
						}

						#overlay fieldset.coreData label span,
						#overlay fieldset.coreData .label span {
							float: left;
							width: 150px;
						}
						#overlay fieldset.coreData label span {
							color: #888;
							padding-top: 2px;
						}
							#overlay fieldset.coreData label span.activate {
								display: block;
								float: none;
								padding: 0 0 7px;
								width: 409px;
							}
								#overlay fieldset.coreData label span.activate span {
									color: #000;
									float: none;
								}

								#overlay fieldset.coreData label span.required,
								#overlay fieldset.coreData .label span.required {
									color: #ff0000;
									float: none;
									width: auto;
								}

								#overlay fieldset.coreData label span.adviceTxt {
									color: #838383;
									float: none;
									width: auto;
								}

										#overlay fieldset.coreData label + span.adviceTxt {
											color: #838383;
											display: block;
											float: left;
											margin: 4px 0 0 150px;
										}

		#overlay .coreData span.errorMessage,
		#overlay .coreData input.text {
			float: right;
			padding-bottom: 0;
		}

		#overlay input.text {
			border: 1px solid #7f9db9;
			padding: 2px;
			width: 191px;
		}

		#overlay .coreData select {
			float: right;
			margin: 0;
			padding: 1px 0;
			width: 171px;
		}

		#overlay input.textThird {
			border: 1px solid #7f9db9;
			float: left;
			margin-left: 1px;
			padding: 2px;
			width: 97px;
		}
				*  html #overlay input.textThird { width: 92px; }
				* +html #overlay input.textThird { width: 99px; }

		#overlay input.textQuart {
			border: 1px solid #7f9db9;
			float: left;
			margin: 0 2px 0 1px;
			padding: 2px;
			width: 53px;
		}

		.formError {
			border: 1px solid #ff0000 !important;
		}

		#overlay select {
			border: 1px solid #7f9db9;
			float: left;
			margin: 0 2px 0 0;
			padding: 1px;
			width: 58px;
		}

		*  html #overlay select { margin-right: 4px; }
		* +html #overlay select { margin-right: 0; }
    	   html[xmlns*=""] body:last-child #overlay select { margin-top: 3px; } /* safari */

		        #overlay fieldset.confirmation {
					margin-left: 17px;
				}

						#overlay fieldset.confirmation p {
							padding: 3px 0 17px !important;
						}

						#overlay fieldset.confirmation label span {
							width: 180px;
						}

								#overlay fieldset.confirmation label span.radioTxt {
									width: auto;
								}

						#overlay fieldset.legal label {
							float: left;
							width: 100%;
						}

								#overlay fieldset.legal label span {
									color: #000;
								}

								#overlay fieldset.legal + p span.required {
									color: #ff0000;
									float: none;
									width: auto;
								}

										#overlay fieldset.legal label span a {
											color: #06f;
											margin-left: 0;
											text-decoration: underline;
										}

		div.submit {
			background: url(../images/btn_blue_left.gif) no-repeat left top;
			display: block;
			padding-left: 13px;
			margin: 2px 0 0 18px;
		}

				div.submit input, div.submit a {
					background: url(../images/btn_blue_right.gif) no-repeat right top;
					border: none;
					cursor: pointer;
					color: #fff;
					overflow: visible; /* ie */
					padding: 2px 50px !important;
					display: block;
					text-align: center;
				}

				#overlay div.submit input.wide {
					background: url(../images/btn_blue_right.gif) no-repeat right top;
					border: none;
					cursor: pointer;
					color: #fff;
					font-size: 11px;
					overflow: visible; /* ie */
					padding: 1px 40px 2px !important;
				}

					*  html #overlay div.submit input { line-height: 1.2em; }
					* +html #overlay div.submit input { line-height: 1.2em; }
					html[xmlns*=""] body:last-child #overlay div.submit input.wide { padding: 3px 40px; } /* safari */

					#overlay div.submit {
						margin-top: 10px;
					}


		#overlaySmall .btnLinkAction {
			background: url(../images/btn_blue_left.gif) no-repeat left top !important;
			display: block;
			margin: 12px 0 0 17px;
			padding-left: 13px;
		}

		#overlaySmall .btnLinkAction span {
			background: url(../images/btn_blue_right.gif) no-repeat right top !important;
			width: 180px;
		}

		#overlaySmall .btnLinkAction span a {
			background: none;
			color: #fff;
			display: block;
			margin-left: 0;
		}


/*
	smaller outputs (modal windows)
*/
div.buttonHolder {
	margin: 15px 17px 10px;
}
		*  html div.buttonHolder { margin: 15px 8px 0; width: 320px; }
		* +html div.buttonHolder { margin: 15px 8px 0; width: 320px; }

		#overlaySmall .ok_button,
		#overlaySmall .cancel_button {
			background: url(../images/btn_yesno.gif) no-repeat center center transparent;
			border: none;
			color: #fff;
			cursor: pointer;
			line-height: 110%;
			margin-right: 23px;
			padding: 0 0 2px;
			height: 18px;
			width: 37px;
		}

		*  html #overlaySmall .ok_button, *  html #overlaySmall .cancel_button { padding: 2px 1px 1px 3px; }
		* +html #overlaySmall .ok_button, * +html #overlaySmall .cancel_button { padding: 2px 1px 1px 3px; }

		#overlaySmall .buttonHolder span.btnLink {
			background: url(../images/btn_blue_left.gif) no-repeat left top !important;
			display: block;
			margin: 22px 15px 5px 0;
			padding-left: 13px;
			text-align: left;
		}

				#overlaySmall .buttonHolder .btnLink span {
					background: url(../images/btn_blue_right.gif) no-repeat right top !important;
					width: 123px; /*designers wish for identical width on every button - dont ask */
				}

						#overlaySmall .buttonHolder .btnLink span a {
							background: none;
						}

		#overlaySmall div.submit {
			background: url(../images/btn_blue_left.gif) no-repeat left top;
			display: block;
			float: left;
			padding-left: 13px;
			margin: 2px 0 10px 18px;
		}

		* +html #overlaySmall div.submit { display: inline; }

				#overlaySmall div.submit input {
					background: url(../images/btn_blue_right.gif) no-repeat right top;
					border: none;
					cursor: pointer;
					color: #fff;
					overflow: visible; /* ie */
					padding: 2px 20px 2px 10px !important;
				}

/*
	second class for .buttonHolder in some cases
*/
div.standalone span.buttonWrapOutter {
	background: url(../images/bg_buttonblue_left.gif) no-repeat;
	padding-left: 2px;
	display: block;
	float: left;
}
div.standalone span.buttonWrapOutter input {
	background: url(../images/bg_buttonblue_right.gif) right top no-repeat !important;
	width: auto !important;
	padding-right: 2px !important;
}


	/* confirm registration */

	#overlay h2 {
		color: #000;
		margin: 0 18px;
	}

	#overlay fieldset.confirmData {
		background: #fff;
		margin: 0 16px;
		padding: 8px 17px;
	}

			#overlay fieldset.confirmData .errorMessage {
				color: #b30000;
				display: block;
				margin-right: 15px;
				padding-bottom: 5px;
				text-align: right;
				width: 99%;
			}

			#overlay fieldset.confirmData label span {
				float: left;
				width: 190px;
			}


			#overlay fieldset.confirmData input.text {
				width: 200px;
			}

					#overlay fieldset.confirmData a {
						float: left;
						margin: 5px 0 0;
						width: 190px;
					}

			#overlay fieldset.confirmData div.submit {
				float: right;
				margin: 2px 0 32px 0;
			}

			*  html #overlay fieldset.confirmData div.submit { margin-right: 0; }

					#overlay fieldset.confirmData .submit input {
						width: 196px;
					}

	#overlay h3 {
		font-weight: 700;
		margin: 10px 0 0 18px;
	}


	/* login */

	#overlay fieldset.login {
		padding: 30px 11px 0;
	}

	#overlay fieldset.login label {
		display: block;
		float: left;
		margin-right: 20px;
		width: 45%;
	}

	* html #overlay fieldset.login label { margin-right: 5px; width: 35%; }

			#overlay .login input.text {
				/*float: left;*/
				margin-bottom: 8px;
				width: 200px;
			}

					#overlay .login #password {
						/*float: right;*/
					}


	#overlay .login div.hr,
	#overlay .loginRemember div.hr { /* this one goes within the fieldset */
		clear:  both;
		height: 2px;
		margin: 8px 0;
	}

	#overlay div.hrWide { /* this one is out of the fieldset */
		background: url(../images/bg_hr_greywhite.gif) repeat-x left top;
		clear: both;
		height: 2px;
		margin: 8px 11px;
	}

	#overlay .hr hr,
	#overlay .hrWide hr { display: none; }

	#overlay fieldset.loginRemember {
		padding: 15px 11px;
	}

			#overlay .loginRemember input.checkbox {
				float: left;
				margin: 0 10px 17px 0;
			}

			*  html #overlay .loginRemember input.checkbox { margin-right: 5px; }
			* +html #overlay .loginRemember input.checkbox { margin-right: 5px; }

			#overlay .loginRemember label span {
				float: left;
				width: 190px;
			}

			#overlay .loginRemember a {
				margin-left: 8px;
			}

			*  html #overlay .loginRemember label span { margin-top: 3px; }
			* +html #overlay .loginRemember label span { margin-top: 3px; }

			#overlay .loginRemember div.submit {
				float: left;
				margin-left: 0;
			}

					#overlay .loginRemember .submit input { width: 185px; }

					*  html #overlay .loginRemember .submit input { line-height: 1.2em; }
					* +html #overlay .loginRemember .submit input { line-height: 1.2em; padding: ; }
    	   			   html[xmlns*=""] body:last-child #overlay .loginRemember .submit input { padding: 3px 80px !important; } /* safari */

	#overlay h2.participateHdl {
		color: #5d5d5d;
		margin: 10px 0 0 11px;
	}

	#overlay p.register {
		padding: 0 5px 9px 11px;
	}



	/* forgotten password */

	#overlay p.textLogin {
		color: #4f4f4f;
	   	padding: 17px 18px 9px 18px;
	}

	#overlay fieldset.passwordForgot {
		margin: 0 18px;
	}

			#overlay .passwordForgot input.text {
				float: left;
				width: 200px;
			}

			#overlay .passwordForgot div.submit {
				float: right;
				margin: 1px 0 0;
			}

					#overlay .passwordForgot div.submit input {
						padding: 2px 45px;
					}

			#overlay div.hr { /* this one is out of the fieldset */
				background: url(../images/bg_hr_greywhite.gif) repeat-x left top;
				clear: both;
				height: 2px;
				margin: 8px 18px;
			}

	#overlay a {
		color: #398cea;
		text-decoration: none;
		margin-left: 20px;
	}

	#overlay span.btnLink {
		background: url(../images/btn_blue_left.gif) no-repeat left top !important;
		display: block;
		float: left;
		padding: 0 0 3px 13px;
		margin-left: 11px;
	}

	* html #overlay span.btnLink { margin-left: 5px; }

				#overlay span.btnLink a {
					background: url(../images/btn_blue_right.gif) no-repeat right top;
					color: #fff;
					display: block;
					margin: 0;
					padding: 3px 50px;
					text-decoration: none;
				}



/* --- fileupload --- */

/* general or step 1 */

#overlay div.flashUpload {
	padding: 13px 0 13px 18px;
	height: 75px;
	width: 425px;
}

#overlay p.uploadAdv {
	font-weight: 700;
	margin-bottom: 13px;
	padding: 0 0 0 18px !important;
}

#overlay dl {
	background: url(../images/bg_hr_greywhite.gif) repeat-x left bottom;
	float: left;
	margin: 0 18px;
	padding-bottom: 5px;
	width: 92%; /* safari */
}

#overlay dl.last {
	background: none;
	margin-bottom: 10px;
}

* html #overlay dl { margin-left: 9px;}

		#overlay dt {
			color: #888;
			float: left;
			padding: 0 0 4px 23px;
		}

		#overlay dt.videos {
			background: url(../images/ic_reel_overlay.gif) no-repeat left top;
		}

		#overlay dt.fotos {
			background: url(../images/ic_camera_overlay.gif) no-repeat left top;
		}

		#overlay dt.music {
			background: url(../images/ic_musicnote_overlay.gif) no-repeat left top;
		}

				#overlay dt span {
					color: #760000;
				}

				#overlay dd {
					color: #0072ff;
					display: inline;
					float: right;
				}

		#overlay .advBoxOuter {
			background: url(../images/bg_advbox_top.gif) no-repeat left top;
			clear: both;
			color: #505050;
			margin-left: 18px;
			padding-top: 8px;
			width: 443px;
		}

				#overlay .advBox {
					background: url(../images/bg_advbox_btm.gif) no-repeat left bottom;
					padding-bottom: 15px;
				}

						#overlay .advBox h2 {
							color: #7d0f0f;
							margin: 0 0 5px 18px;
							padding: 0;
						}

								#overlay .advBox ul {
									margin: 10px 0 10px 30px;
								}

						#overlay .advBox p {
							margin: 0 18px;
							padding: 0;
						}

/* single or step 2 */

#overlay div.formContent { /* for srolling purpose if needed */
	border-bottom: 1px solid #b4b4b4;
	height: 340px;
	margin: -8px 13px 0 18px;
	padding: 0 0 10px 0;
	overflow: auto;
}

*  html #overlay div.formContent { height: 350px; }
* +html #overlay div.formContent { height: 350px; }

		#overlay .formContent div.label { /* wannabe label */
			color: #4f5050;
			float: left;
		}

		#overlay .formContent .half { /* good for divs and labels */
			float: left;
			margin: 3px 0 5px 0;
			width: 50% !important;
		}

		*   html #overlay .formContent .half { width: 48% !important; }
		*  +html #overlay .formContent .half { width: 48% !important; }

				#overlay .formContent .label span {
					color: #000;
					display: block;
				}

		#overlay .formContent fieldset.fileLabeling {
			clear: left;
		}

				#overlay .formContent fieldset.fileLabeling label {
					float: left;
					margin: 2px 0;
					width: 100%;
				}

						#overlay fieldset.fileLabeling label span {
							color: #4f5050;
							display: block;
						}

				#overlay .fileLabeling input.wide {
					width: 393px !important; /* overwrites the default width of inputfields */
				}

				#overlay .fileLabeling input.half {
					float: left;
					margin: 0;
					width: 178px !important;
				}


				*  html #overlay .fileLabeling input.half { width: 184px !important; }
				* +html #overlay .fileLabeling input.half { width: 184px !important; }
				   html[xmlns*=""] body:last-child #overlay .fileLabeling input.half { margin-top: 3px; } /* safari for a nice floating */

				#overlay .fileLabeling select {
					width: 184px;
				}

				*  html #overlay .fileLabeling select { width: 192px; }
				* +html #overlay .fileLabeling select { width: 192px; }

				#overlay .fileLabeling textarea {
					border: 1px solid #7f9db9;
					font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
					width: 397px;
				}

				*  html #overlay .fileLabeling textarea { width: 393px; }
				* +html #overlay .fileLabeling textarea { width: 393px; }

	#overlay .btnWrap {
		margin: 5px 0 0  18px;
	}

	#overlay .btnWrap div.submit {
		float: left;
		margin: 5px 25px 0 0;
	}

	*  html #overlay div.submit { margin-right: 13px;}
	* +html #overlay div.submit { margin-right: 13px;}

				#overlay div.submit input {
					padding: 2px 5px !important;
				}

			#overlay .btnWrap .btnLink {
				background: url(../images/btn_black_left.png) no-repeat left top !important;
				background: url(../images/btn_black_left.gif) no-repeat left top !important;
				float: right;
				padding: 0 0 0 3px;
				margin: 5px 40px 5px 0;
				text-align: center;
			}

					#overlay .btnWrap .btnLink span {
						background: url(../images/btn_black_right.png) no-repeat right top !important;
						background: url(../images/btn_black_right.gif) no-repeat right top;
						display: block;
						padding: 1px 0 0  6px;
						width: auto !important;
					}

							#overlay .btnWrap .btnLink span a {
								background: url(../images/el_arrow_button.gif) no-repeat left 3px;
								color: #fff;
								line-height: 160%;
								padding: 0 15px 0 15px !important;
				    			text-decoration: none;
							}

			#overlay .btnWrap span.errorTxt {
				clear: left;
				color: #b90000;
				display: block;
				padding: 8px 3px 5px 0;
			}


/* --- write message --- */

#overlay .cmyc-messaging-write-message-form input.text {
	width: 346px;
}
* html #overlay .cmyc-messaging-write-message-form input.text {
	width: 342px;
}
*+html #overlay .cmyc-messaging-write-message-form input.text {
	width: 342px;
}

#overlay #friendDetails {
	float: none;
	margin: -17px 0 0 10px;
	width: 440px;
}

		#overlay #friendDetails img.profilePic {
			float: left;
			margin: 0 8px 8px 0;
			padding-top: 10px;
		}

		#overlay  #friendDetails span.online {
			top: 10px;
		}

		#overlay  #friendDetails h2 {
			color: #0066ff;
			margin-bottom: 6px;
			padding-top: 10px;
		}

		#overlay  #friendDetails a {
			margin-left: 0;
		}

		#overlay  #friendDetails ul {
			list-style: none;
		}

				#overlay  #friendDetails ul li {
					margin-bottom: 1px;
				}

		#overlay #separator,
		#overlay .separator,
		#overlaySmall .separator  {
			border-top: 1px solid #858d9a;
			clear: both;
			line-height: 1px;
			margin: 8px 10px 8px 10px;
		}


		#overlay #friendDetailsContactInfo p {
			padding-top: 0;
		}

		#overlay #friendSelect label {
			margin: 5px 5px 5px 18px;
		}

		#overlay #friendSelect select {
			float: none;
			width: 15em;
		}

		#overlay fieldset.writeMessage {
			margin: 0 10px;
			position: relative;
		}

				#overlay .writeMessage label {
					display: block;
					margin-bottom: 2px;
				}

						#overlay .writeMessage label span {
							display: block;
							float: left;
							padding-top: 2px;
							width: 90px;
						}

						#overlay .writeMessage input.upload {
							border: 1px solid #7f9db9;
							padding: 2px;
							width: 197px;
						}

						html[xmlns*=""] body:last-child #overlay .writeMessage input.upload { border: none; } /* safari for not showing the border */

						#overlay .writeMessage .submit {
							margin: 2px 0 0 0;
						}


						#overlay .writeMessage img.loadingAni {
							float: right;
							margin: 2px 10px 0 0;
						}

						#overlay div#smiley {
							height: 200px;
							left: 115px;
							position: absolute;
							top: 0;
							width: 200px;
							z-index: 1000;
						}

						#overlay #scrollerLeft,
						#overlay #scrollerRight	{
							float: left;
							position: absolute;
							top: 0;
						}
						#overlay #smileyScrollerLeft{
							cursor: pointer;
							float: left;
							margin-top: 10px;
						}
						#overlay #smileyScrollerRight{
							cursor: pointer;
							float: left;
							left: 400px;
							position: relative;
							margin-top: 10px;
						}
						#overlay #smileyScrollerLeft.next_button_disabled,
						#overlay #smileyScrollerRight.next_button_disabled{
							display:none
						}

							#overlay #smileyScrollerLeft a,
							#overlay #smileyScrollerRight a {
								display: block;
							}

						#overlay div#smileyHolder {
							position: relative;
							top: 0;
							left: 0;
							margin: 0;
							padding: 0;
						}
						#overlay div#smileyHolder .container{
							position: absolute;
							left: 19px;
							height: 50px;
							overflow: hidden;
							width: 400px;
						}
							* html #overlay div#smileyHolder .container {
								left: -24px;
							}
						#overlay div#smileyHolder .container UL{
							position: relative;
							left: 0;
							padding: 0;
							top: 0;
							width: 1000px;
						}
							#overlay div#smileyHolder .container UL LI{
								list-style: none;
								float: left;
								height: 32px;
								width: 32px;
								margin: 12px 4px 2px;
							}

			/* TinyMce */
			*+html #overlay .mceEditor .mceLayout {
				margin-top: 10px;
			}
			* html #overlay .mceEditor .mceLayout {
				margin-top: 10px;
			}

			#overlay .mceEditor .mceStatusbar {
				display: none;
			}
			#overlay .mceEditor .mceToolbar a {
				margin-left: 0;
				margin-right: 5px;
				margin-bottom: 2px;
				float: left;
			}
				*+html #overlay .mceEditor .mceToolbar a {
					margin-right: 3px;
				}
				#overlay .mceEditor .mceToolbar a.mceText,
				#overlay .mceEditor .mceToolbar a.mceAction {
					margin-right: 0;
					color: #000;
				}

			#overlay .mceEditor .mceToolbar .mceListBox .mceText	{
				width: 70px;
			}

			textarea.mceSimple p { color: #ff9900 !important; }


/* some plain styles */

#overlayOuterPlain{
	background: #fff;
	padding: 10px 10px 7px 10px;
	position: relative;
}

*+html #overlayOuterPlain{
	padding-bottom: 10px;
}

#overlayPlain {
	z-index: 1;
	position: relative;
}
#overlayPlain .lightbox-previous,
#overlayPlain .lightbox-next {
	position: absolute;
	top: 50%;
	width: 31px;
	height: 55px;
	margin-top: -28px;
	background-repeat: no-repeat;
	cursor: pointer;
}
#overlayPlain .lightbox-previous {
	left: 0;
	background-image: url(../images/lightbox/btn_arrow_left_inactive.png);
}
#overlayPlain .lightbox-previous:hover {
	background-image: url(../images/lightbox/btn_arrow_left_active.png);
}
#overlayPlain .lightbox-next {
	right: 0;
	background-image: url(../images/lightbox/btn_arrow_right_inactive.png);
}
#overlayPlain .lightbox-next:hover {
	background-image: url(../images/lightbox/btn_arrow_right_active.png);
}

#overlayHeadPlain{
	position: absolute;
	top: 62px;
	right: 9px;
	z-index: 2;
}
		#overlayHeadPlain span.closeBtn {
			background: url(../images/btn_register_head_cls.gif) no-repeat left top;
			display: block;
			height: 16px;
			margin: 0;
			text-indent: -8000px;
			width: 16px;
			position: absolute;
			top: -30px;
			right: 1px;
		}

				#overlayHeadPlain span.closeBtn a {
					display: block;
					height: 16px;
					width: 16px;
				}





/* --- TYPO (fontsizes) --- */

.contentBox.onlineState span.status			{ font-size: .7em; }

.col .onlineStatus span						{ font-size: .75em; }

div#profileSettings div.profileDataBox p a				{ font-size: 0.8em !important; }
.contentBox .fileOptions span { font-size: 0.7em !important; }
.contentBox p,
.ok_button,
.cancel_button,
#searchForm input							{ font-size: .9em; }
* html .btnLink								{ font-size: .9em; }

textarea,
.text,
.textThird,
.textQuart,
.upload,
.text,
.btnLink,
.column select,
.submit input,
.reset input,
.paginator li input,
#overlay dt span,
#sliderOuter select,
#pagingNav input,
#profileSettings input, select,
.tabContent #searchTerm	,
.tabContent .searchTerm	{ font-size: .95em; }

* +html span.btnLink a						{ font-size: .95em; }

blockquote,
.featuredUserProfile ul li a,
#catNav a,
#overlay .advBox h2,
#inboxData.charts table thead tr th,
#profileSettings div#userList ul li span		{ font-size: 1em; }

.featuredUserProfile a,
.featuredUserProfile span,
.communityLink span a,
#login a,
#profileNav ul li a 						{ font-size: 1.1em; }

#overlay h2,
#overlaySmall h2 							{ font-size: 1.25em;}

#friendMiniOverview .headlineOuter h5,
div#profileSettings div.profileDataBox p  		{ font-size: 1.3em; }

.contentBox .fileOptions span a,
#overlayHead h1,
#overlayHeadSmall h1,
#profileSettings .profileWrapper .profileContent ul li span	{
	font-size: 1.4em;
	margin-top: 4px;
}

#profileSettings h4.mainLabel,
#profileSettings label span.mainLabel,
#profileData h4 							{ font-size: 1.45em; }

.col h4,
#friendDetails h4,
#searchTabBox h5 							{
	font-size: 1.5em;
}

#searchTabBox h5 							{
	background: transparent url(../images/bg_detailsearch_header.gif) no-repeat left top;
	padding: 3px 0 5px 35px;
}

#inboxAdvertising h3,
.column h3,
#footer h5,
#profileSettings h4 {
	font-size: 1.55em;
	font-weight: bold;
	position: relative;
	z-index: 10;
}

.headline h3,
.headlineNews h3,
h3.sectionHeadline span				{ font-size: 1.65em;}

.playListWriteComment span					{ font-size: 1.8em; }

#sideContent h4 							{ font-size: 2.2em; }

.column dl.charts dt 						{ font-size: 2.7em; }

blockquote span 							{ font-size: 3.9em; }


/* --- HELPER --- */

.displayNone  { display: none !important; }
.displayBlock { display: block !important; }
.centered { display: block; text-align: center; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
		.clearfix { display:inline-block; }
		/* Hide from IE Mac \*/
		.clearfix { display:block; }
		/* End hide from IE Mac */

		* html .clearfix { height: 1px; }

.cmyc-not-yet-implemented{
	color: #ccc !important;
	display: none; /* mantis: 2430 28.11. */
	visibility: hidden; /* mantis: 2430 28.11. */
}


/*** NEW STUFF _ CHECK PLS ***/
#cropForm{
	margin-left: 20px;
}


/* Shopping cart */

.tabInner div.submit { /* this one floats */
	background: url(../images/btn_blue_left.gif) no-repeat left top;
	display: block;
	float: left;
	padding-left: 13px;
	margin: 0 0 0 5px;
	width: auto;
}

* html .tabInner div.submit { padding-left: 8px; margin-top: 2px;}
*+html .tabInner div.submit { padding-left: 8px; margin-top: 2px; }

		.tabInner div.submit input {
			background: url(../images/btn_blue_right.gif) no-repeat right top;
			border: none;
			cursor: pointer;
			color: #fff;
			overflow: visible; /* ie */
			padding: 2px 25px;
		}

		*  html .tabInner div.submit input { line-height: 1.2em;}
		* +html .tabInner div.submit input { line-height: 1.2em; }
   			   html[xmlns*=""] body:last-child #profileSettings div.submit input { padding: 3px 25px; } /* safari */

.tabInner .searchSelect {
	width: 170px;
}

#cartContentWrap {
	margin-top: 10px;
}

#cartData,
#inboxAdvertising {
	float: left;
	overflow: hidden;
}

#cartContentWrap {
	margin-top: 10px;
}

#cartContentWrap .dlc_headline {
	height: 30px;
	width: 638px;
}

	#cartContentWrap .dlc_headline.opened {
		background: url(../images/bg_dlc_table.gif) no-repeat left top;
	}
	#cartContentWrap .dlc_headline.closed {
		background: url(../images/bg_dlc_table_closed.gif) no-repeat left top;
	}
	#cartContentWrap .dlc_headline a {
		color: #ffffff;
		display: block;
		padding: 5px 0 0 25px;
	}
		#cartContentWrap .dlc_headline a span {
			display: block;
		}

	#cartContentWrap .dlc_headline .left{
		float: left;
	}

	#cartContentWrap .dlc_headline .right{
		float: right;
		padding-right: 10px;
	}

	#cartContentWrap .dlc_headline .right .download-all{
		padding-right: 15px;
		background: url(../images/ic_download_all.gif) no-repeat right 2px;
	}

#cartData {
	margin-right: 27px;
	position: relative;
	width: 638px;
}

#cartData .paginator {
	margin-top: 8px;
}

		#cartData table {
			width: 100%;
			margin-bottom: 75px;
			border-collapse: collapse;
			background: #fff;
			border: 10px solid #ffffff;
		}
				#cartData table .col1 { width: 50%; }
				#cartData table .col2 { width: 20%; }
				#cartData table .col3 { width: 20%; }
				#cartData table .col4 { width: 10%; }

				#cartData table tr.alt {
					background-color: #f5f5f5;
				}

				#cartData table td  {
					padding: 6px 3px 0 5px;
					overflow: hidden;
					vertical-align: top;
				}
						#cartData table thead th {
							padding: 0 0 0 0;
							height: 55px;
							padding-top: 15px;
							color: #666666;
							font-weight: bold;
							font-size: 1.3em;
						}
						#cartData.dlc table thead th {
							height: 1%;
							font-size: 1%;
							padding-top: 0;
						}
						*+html #cartData table thead th {
							height: 45px;
						}
						*+html .cartData table thead th {
							height: 45px;
						}
							#cartData table thead th span {
								font-size: 1.0em;
							}
							#cartData table thead th div.submit {
								width: 150px;
								margin-left: 2px;
								font-size: 0.8em;
							}
								* html #cartData table thead th div.submit {
									padding-left: 11px;
								}
								*+html #cartData table thead th div.submit {
									padding-left: 11px;
								}


				#cartData table td span.charts01,
				#cartData table td span.charts02 {
					display: block;
					float: left;
					padding-right: 1px;
					height: 20px;
				}
					#cartData table td span.charts01 {
						width: 10px;
						background: url(../images/ic_charts_01.gif) no-repeat left top;
					}
					#cartData table td span.charts02 {
						width: 15px;
						background: url(../images/ic_charts_02.gif) no-repeat left top;
					}
					#cartData table td div.description {
						float: none !important;
						clear: left !important;
						padding-top: 3px;
					}
					* html #cartData table td div.description {
						padding-top: 2px;
					}
					*+html #cartData table td div.description {
						padding-top: 2px;
					}

					#cartData table td div.actions {
						float: right;
						margin: 6px 3px 0 0;
					}

					#cartData table td div.actions a.action_delete {
						display: block;
						background: url(../images/ic_trash.gif) no-repeat left top;
						width: 17px;
						height: 17px;
					}
					#cartData table td div.actions a.action_delete.single {
						margin-top: 22px;
					}
					#cartData table td div.actions a.action_info {
						display: block;
						background: url(../images/ic_info.gif) no-repeat left top;
						width: 17px;
						height: 22px;
					}
						#cartData table td div.actions a.action_info span,
						#cartData table td div.actions a.action_delete span {
							display: none;
						}

				#cartData table td a.title {
					width: 250px;
					padding-left: 20px;
					background: url(../images/el_catnav_listitem.gif) no-repeat;
				}
						#cartData table td a.title.opened {
							background: url(../images/el_catnav_listitem_opened.gif) no-repeat;
						}


				#cartData table td dt,
				#cartData table td dd {
					float: left;
				}

					#cartData table td dd a {
						float: left;
						margin-right: 10px;
						display: block;
						margin-top: 6px;
					}
					#cartData table td dd.download a {
						margin-top: 7px;
						margin-bottom: 2px;
					}
						#cartData table td dl img {
							margin-right: 5px;
						}
						#cartData table td dl span {
							display: block;
							margin-top: 6px;
						}

					#cartData table td dd.rating {
						margin-top: 5px;
					}
					#cartData table td span.price {
						margin-top: 5px;
						display: block;
					}
					#cartData table td dd.message {
						margin-top: 31px;
					}

/* /Shopping cart */

/* media management */

div.media-management {
	/* empty */
}

	div.media-management ul.preview-file-list {
		/* empty */
	}

		div.media-management ul.preview-file-list li {
				float: left;
				width: 150px;
				height: 158px;
			}

			div.media-management ul.preview-file-list div.caption {
				width: 150px;
				height: 25px;
				margin-bottom: 10px;
				overflow: hidden;
			}

			div.media-management ul.preview-file-list .margin {
				margin-left: 7px;
			}

	div.media-management div.toolbarMediaFilter {
		border-bottom: 1px solid #9c9c9c;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		height: 20px;
	}

		div.media-management div.toolbarMediaFilter div.left {
			float: left;
		}

		div.media-management div.toolbarMediaFilter div.right {
			float: right;
		}

		div.media-management div.toolbarMediaFilter select.sort {
			margin-right: 10px;
		}

div.media-management-uploader {

}

	div.media-management-uploader .error {
		color: red;
	}

	div.media-management-uploader li {
		list-style: none;
	}
	div.media-management-uploader div.layout-2-top {
		margin-bottom: 18px;
	}

	div.media-management-uploader div.layout-2-top div.intro {
		margin-top: 18px;
	}

	div.media-management-uploader div.message {
		padding-top: 60px;
		text-align: center;
	}

		div.media-management-uploader div.message h6 {
			font-size: 1.65em;
			color: #666666;
			margin-bottom: 40px;
		}

	div.media-management-uploader div.uploader-agb {
	}
		div.media-management-uploader input.uploader-agb {
			margin: 0 5px 0 0;
			width: 15px;
			height: 15px;
		}

		div.media-management-uploader div.uploader-agb div.agb-content {
			height: 250px;
			overflow: auto;
			margin-top: 8px;
			border: 1px solid #89919f;
			padding: 8px;
		}

	div.media-management-uploader div.upload-list-default-properties {
		border-bottom: 1px solid #89919f;
		padding-bottom: 8px;
	}

		div.media-management-uploader div.upload-list-default-properties div.text {
			float: left;
			padding: 2px 0 0 2px;
		}

		div.media-management-uploader div.upload-list-default-properties select {
			float: right;
		}

	div.media-management-uploader div.upload-list-top {
		border-bottom: 1px solid #89919f;
		padding-top: 8px;
		padding-bottom: 8px;
	}

		div.media-management-uploader div.upload-list-top div.text {
			float: left;
			margin-left: 27px;
		}

		div.media-management-uploader div.upload-list-top div.tag-button,
		div.media-management-uploader div.upload-list-bottom div.tag-button {
			float: right;
		}

	div.media-management-uploader div.upload-list-overall {
		border-bottom: 1px solid #89919f;
		padding: 10px 0 8px 0;
	}

		div.media-management-uploader div.upload-list-overall div.text {
			float: left;
			margin-left: 27px;
			color: #09c000;
		}

		div.media-management-uploader div.upload-list-overall div.overall-progress-text {
			margin-right: 3px;
			float: right;
			font-size: 0.8em;
			color: #89919f;
		}

		div.media-management-uploader div.upload-list-overall img.overall-progress {
			float: right;
			margin-top: 3px;
			width: 130px;
		}

	div.media-management-uploader ul.upload-list {
		margin-bottom: 8px;
	}

		div.media-management-uploader ul.upload-list li {
			width: 466px;
			border-bottom: 1px solid #89919f;
			padding: 10px 0 8px 0;
		}

			div.media-management-uploader ul.upload-list li div.counter {
				width: 27px;
				float: left;
			}

			div.media-management-uploader ul.upload-list li div.title {
				width: 225px;
				float: left;
				color: #89919f;
			}

			div.media-management-uploader ul.upload-list li a.delete {
				width: 23px;
				float: left;
				margin-top: -2px;
				text-align: right;
			}

			div.media-management-uploader ul.upload-list li div.error-message,
			div.media-management-uploader ul.upload-list li div.progress-bar {
				float: right;
				overflow: hidden;
			}

				div.media-management-uploader ul.upload-list li div.progress-bar div.current-progress-text {
					margin-right: 3px;
					float: right;
					font-size: 0.8em;
					color: #89919f;

				}

				div.media-management-uploader ul.upload-list li div.progress-bar img.current-progress {
					margin-top: 3px;
					width: 130px;
					float: right;
				}

			div.media-management-uploader ul.upload-list li div.error-message {
				color: red;
			}

		div.media-management-uploader div.uploader-container {
			position: absolute;
		}

		div.media-management-uploader div.uploaded-files {
			/* empty */
		}

			div.media-management-uploader div.uploaded-files div.uploaded-files-top {
				border-bottom: 1px solid #89919f;
				padding-bottom: 8px;
				margin-bottom: 8px;
			}

				div.media-management-uploader div.uploaded-files div.uploaded-files-top div.tag-button {
					float: right;
				}

	div.media-management-uploader .progress {
		background: white url(../images/bg_progress_bar.gif) no-repeat;
		background-position: 100% 0;
	}




#media-management-edit-mask {
}

	#media-management-edit-mask table {
		width: 466px;
	}

		#media-management-edit-mask table tr td {
			border-bottom: 1px solid #d9d9d9;
			padding: 8px 0;
			vertical-align: top;
		}

		#media-management-edit-mask table tr.no-border td {
			border-bottom: none;
		}

		#media-management-edit-mask table td.edit {
			width: 18px;
		}

		#media-management-edit-mask tr.disabled label {
			color: #d9d9d9;
		}

		#media-management-edit-mask table td.label-and-input {
		}

			#media-management-edit-mask table td.label-and-input input.checkbox {
				display: block;
				float: left;
				margin: 14px 5px 0 0;
			}

			#media-management-edit-mask table td.label-and-input label {
				display: block;
				margin: 0 0 2px 0;
			}

			#media-management-edit-mask table td.label-and-input input.input {
				width: 100%;
				border: 1px solid #7f9db9;
			}

			#media-management-edit-mask table td.label-and-input textarea {
				width: 100%;
				height: 54px;
				border: 1px solid #7f9db9;
			}

			#media-management-edit-mask label.add-to-playlist {
				float: left;
				margin: 0 0 8px 0
			}

			#media-management-edit-mask a.create-new {
				display: block;
				float: right;
				background: url(../images/ic_plus.gif) no-repeat top left;
				padding: 0 0 0 16px;
			}

			#media-management-edit-mask a.create-new-category {
				margin-top: 8px;
				font-weight: bold;
			}

		#media-management-edit-mask table td.label {
			width: 200px;
		}

		#media-management-edit-mask table td.input {
			width: 266px;
			text-align: right;
		}

		#media-management-edit-mask table input.checkbox {
			width: 15px;
			height: 15px;
			margin: 0;
			padding: 0;
		}

			#media-management-edit-mask table td.input input.input,
			#media-management-edit-mask table td.input select {
				width: 130px;
				border: 1px solid #7f9db9;
			}

			#media-management-edit-mask table td.input input {
				width: 129px;
			}

		#media-management-edit-mask table tr.buttons td.right div.tag-button {
			float: right;
		}

	#media-management-edit-mask div.working-area {
		/* empty */
	}

		#media-management-edit-mask div.working-area div.description {
			margin-bottom: 8px;
		}

div.media-management-search-result {
}

		div.media-management-search-result div.message {
			text-align: center;
			margin: 100px 0;
		}


			div.media-management-search-result div.message h6 {
				font-size: 1.65em;
				margin: 0 0 15px 0;
				color: #666666;
			}

			div.media-management-search-result div.message div {
				color: #666666;
			}

	div.media-management-search-result input.checkbox {
		float: left;
		width: 15px;
		height: 15px;
		margin: 0 5px 0 0;
		padding: 0;
	}

	div.media-management-search-result ul.search-result-list {
		margin: 0 0 15px 0;
	}

		div.media-management-search-result ul.search-result-list li {
			float: left;
			width: 150px;
			height: 185px;
		}

			div.media-management-search-result ul.search-result-list li.margin {
				margin-right: 6px;
			}

			div.media-management-search-result ul.search-result-list div.image-placeholder {
				width: 150px;
				height: 113px;
				background-repeat: no-repeat;
				margin-bottom: 3px;
			}

			div.media-management-search-result ul.search-result-list div.caption {
				width: 125px;
				height: 30px;
				overflow: hidden;
			}

			div.media-management-search-result ul.search-result-list div.icons {
				display: block;
				margin-top: 2px;
			}

				div.media-management-search-result ul.search-result-list div.icons a {
					text-indent: -8000px;
					display: block;
					float: left;
					width: 16px;
					height: 16px;
					margin: 0 3px 0 0;
					xborder: 1px solid red;
				}

					div.media-management-search-result ul.search-result-list a.edit {
						background: url(../images/ic_edit.gif) no-repeat top left;
					}

					div.media-management-search-result ul.search-result-list a.visibility {
						background: url(../images/ic_visibility.gif) no-repeat top left;
					}

					div.media-management-search-result ul.search-result-list a.delete {
						background: url(../images/ic_trash.gif) no-repeat top left;
					}

	div.media-management-search-result div.paginator {
		text-align: center;
		margin: 0 auto;
	}

/* /media management */


div.mediaManagementMainToolbar {

}

	div.mediaManagementMainToolbar .select-all {
		float: left;
		margin: 0 20px 0 5px;
		padding: 19px 0 0 0;
	}

	div.mediaManagementMainToolbar .iconList ul {
		float: left;
	}

	div.mediaManagementMainToolbar .iconList li {
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	div.mediaManagementMainToolbar .iconList li a {
		display: block;
		padding-top: 29px;
		background-position: top center;
		background-repeat: no-repeat;
		margin-right: 15px;
		background-color: transparent;
		xwidth: 60px;
		xheight: 30px;
		zoom: 1;
		float: left;
	}

	div.mediaManagementMainToolbar .iconList .upload {
		background-image: url(../images/btn_upload_upload.png);
	}

	div.mediaManagementMainToolbar .iconList .upload:hover,
	div.mediaManagementMainToolbar .iconList .uploadActive {
		background-image: url(../images/btn_upload_upload_active.png);
	}

	div.mediaManagementMainToolbar .iconList .edit {
		background-image: url(../images/btn_upload_edit.png);
	}

	div.mediaManagementMainToolbar .iconList .edit:hover,
	div.mediaManagementMainToolbar .iconList .editActive {
		background-image: url(../images/btn_upload_edit_active.png);
	}

	div.mediaManagementMainToolbar .iconList .sort {
		background-image: url(../images/btn_upload_sort.png);
	}

	div.mediaManagementMainToolbar .iconList .sort:hover,
	div.mediaManagementMainToolbar .iconList .sortActive {
		background-image: url(../images/btn_upload_sort_active.png);
	}

	div.mediaManagementMainToolbar .iconList .playlist {
		background-image: url(../images/btn_upload_playlist.png);
	}

	div.mediaManagementMainToolbar .iconList .playlist:hover,
	div.mediaManagementMainToolbar .iconList .playlistActive {
		background-image: url(../images/btn_upload_playlist_active.png);
	}

	div.mediaManagementMainToolbar .iconList .delete {
		background-image: url(../images/btn_upload_delete.png);
	}

	div.mediaManagementMainToolbar .iconList .delete:hover,
	div.mediaManagementMainToolbar .iconList .deleteActive {
		background-image: url(../images/btn_upload_delete_active.png);
	}

	div.mediaManagementMainToolbar .searchTerm {
		margin-top: 10px;
		width: 175px;
	}


/* playlist management */

div.playlistManagement {
}

	div.playlistManagement .tabInner {
		padding-bottom: 5px;
	}

	div.playlistManagement .toolbarPlaylistFilter {
		border-bottom: 1px solid #9c9c9c;
		margin: 0 0 10px 0;
		padding: 0 0 10px 0;
		height: 20px;
	}

	div.playlistManagement .toolbarPlaylistFilter .playlists {
		float: left;
		margin-right: 10px;
	}

	div.playlistManagement .toolbarPlaylistFilter .buttons {
		float: left;
	}

	div.playlistManagement .toolbarPlaylistFilter .tag-button {
		float: left;
		margin-right: 10px;
	}

	div.playlistManagement .toolbarPlaylistFilter .buttons .playlist {
		display: block;
		padding: 4px 0 4px 28px;
		background: url(../images/btn_upload_play.png) no-repeat top left;
		zoom: 1;
		float: left;
	}

	div.playlistManagement .toolbarPlaylistFilter .filter {
		float: right;
	}

		div.playlistManagement .toolbarPlaylistFilter .filter .sort {
			float: left;
			margin-right: 10px;
		}

		div.playlistManagement .toolbarPlaylistFilter .filter .viewChoicer {
			float: left;
		}

		div.playlistManagement .toolbarPlaylistFilter .filter a {
			background-repeat: no-repeat;
			background-position: 0 0;
			text-indent: -9999px;
			display: block;
			width: 26px;
			height: 13px;
			float: left;
			margin-top: 4px;
		}

			div.playlistManagement .toolbarPlaylistFilter .filter a.detailView {
				background-image: url(../images/btn_detailview_active.png);
				border-right: 1px solid #6c6c6c;
				margin-right: 7px;
				padding-right: 7px;
			}

			div.playlistManagement .toolbarPlaylistFilter .filter a.detailView:hover,
			div.playlistManagement .toolbarPlaylistFilter .filter a.detailViewActive {
				background-image: url(../images/btn_detailview.png);
			}


				div.playlistManagement .toolbarPlaylistFilter .filter a.thumbnailView {
					background-image: url(../images/btn_thumbview_active.png);
				}

				div.playlistManagement .toolbarPlaylistFilter .filter a.thumbnailView:hover,
				div.playlistManagement .toolbarPlaylistFilter .filter a.thumbnailViewActive {
					background-image: url(../images/btn_thumbview.png);
				}

	div.playlistManagement ul.searchResultList li {
		list-style: none;
		padding: 0;
		margin: 0;
		float:left;
		margin: 0 0 3px 3px;
		background-position: top left;
		background-repeat: no-repeat;
		overflow: hidden;
	}

	div.playlistManagement ul.searchResultListModeEdit li {
		cursor: move;
	}

	div.playlistManagement ul.searchResultListViewOnlyIcons li {
		width: 100px;
		height: 75px;
	}

	div.playlistManagement ul.searchResultListViewIconsText li {
		width: 100px;
		height: 110px;
	}

	div.playlistManagement ul.searchResultListViewIconsText li input.checkbox {
		margin-bottom: 8px;
	}

	div.playlistManagement ul.searchResultListViewIconsText li span.userName {
		color: #0066ff;
	}

	div.playlistManagement ul.searchResultListViewOnlyIcons li span {
		display: none;
	}

	div.playlistManagement ul.searchResultList li input.checkbox {
		margin-top: 55px;
	}

	div.playlistManagement ul.searchResultList li span {
		display: block;
	}

	div.playlistManagement .searchResultListContainer p {
		margin-bottom: 5px;
	}

	div.playlistManagement .searchResultListContainer p strong {
		color: red;
	}


#overlaySmall div.playlistDeleteMedias {
}

	#overlaySmall div.playlistDeleteMedias ul {
		color: #333;
		line-height: 130%;
	   	padding: 7px 18px 2px 18px;
	   	list-style: none;
	   	height: 100px;
	   	overflow: auto;
	   	margin: 0 0 10px 0;
	}

/* /playlist management */

/* layout 1 - 100% */

div.layout-1 {
	width: 934px; /* 100% = 966px */
	padding: 12px 16px;
}

div.layout-1 div.layout-1-main {
	width: 934px;
}

/* /layout 1 */




/* layout 2 - 50% / 50% */

div.layout-2 {
	margin: 0 10px;
}

div.layout-2 div.layout-2-left {
	width: 466px;
	float: left;
}

div.layout-2 div.layout-2-right {
	width: 466px;
	float: right;
}

/* /layout 2 */




/* layout 3 - left = 2/3; right = 1/3 */

div.layout-3 {
	margin: 0 10px;
}

div.layout-3 div.layout-3-left {
	width: 638px;
	float: left;
}

div.layout-3 div.layout-3-right {
	width: 305px;
	float: right;
}

/* /layout 3 */


.box-headline {
	position: relative;
	color: #fff;
	font-size: 1em;
	height: 25px;
	background: url(../images/box_headline_left.gif) no-repeat left top;
	margin-bottom: 8px;
}
	.box-headline span {
		display: block;
		padding: 5px 12px 0 12px;
		height: 25px;
		margin-left: 2px;
		background: url(../images/box_headline_right.gif) no-repeat right top;
	}


.box-headline-type-c {
	color: #969696;
	font-size: 1.5em;
	margin-bottom: 8px;
	border-bottom: 1px solid #d9d9d9;
}

	.box-headline-type-c span {
		font-size: inherit;
		display: block;
		padding: 6px 0 10px 0;
	}

	.box-headline-type-c-icon-edit {
		padding-left: 40px;
		background: url(../images/ic_edit_30x30.gif) no-repeat left top;
	}

span.link {
	color: #0066ff;
}


/*** cleanup would be nice below this line!!! ***/

/* new generic stuff - used in profile */
.clickable{
	cursor: pointer;
}
.icEdit{
	width: 16px;
	height: 16px;
	background: url(../images/ic_edit.gif) no-repeat left top;
}
.icTrash{
	width: 16px;
	height: 16px;
	background: url(../images/ic_trash.gif) no-repeat left top;
}

/* new add stuff */
.adFullscreenCurtainContainer{
	position:absolute;
	z-Index:10000;
	top:0;
	left:0;
	width: 100%;
	height:550px;
	overflow:hidden;
}
.adFullscreenCurtain{
	position: absolute;
	left:50%;
	top:0;
	width:800px;
	height:550px;
	z-Index:10000;
	overflow:hidden;
}
.adExtraMini{
	position: relative;
	top: 211px;/* TODO: cleanup - div is not properly positioned */
	width: 239px;
	height: 80px;
}
A.adFullLink{
	display:block;
	left:0;
	top:0;
	width: 800px;
	height: 550px;
}

/* mediathek comments */
.commentListingContainerLeft{
	float:left;
	width: 664px;
}
.commentListingContainerRight{
}
.playListWriteComment div.submit{
	margin-left: 0 !important;
	margin-right: 20px;
	width: 143px;
	float: left;
	clear: none;
}

.playListWriteComment .btnLink {
	height: 18px;
	width: 120px;
	float: right;
	margin-top: 15px;
}
.playListWriteComment .btnLink span {
	display: block;
	font-size: .95em;
	padding: 1px 20px 3px;
	width: auto;
}
.commentListing .commentListingContainerLeft .userCategories{
	width: 300px;
	margin-left: 70px;
}
.commentListing .commentListingContainerLeft .userCategories dd.cat{
	display: block;
	float: left;
	width: 17px;
	height: 17px;
	margin-right: 5px;
}


/* profile icons */

	/* singer */
	.profile_cat_large_singer,
	.profile_cat_large_1 {
		background: url(../images/ic_cat_singer.png) no-repeat left top !important;
		background: url(../images/ic_cat_singer.gif) no-repeat left top;
	}

	/* model */
	.profile_cat_large_model,
	.profile_cat_large_2 {
		background: url(../images/ic_cat_model.png) no-repeat left top !important;
		background: url(../images/ic_cat_model.gif) no-repeat left top;
	}

	/* musicbands */
	.profile_cat_large_musicband,
	.profile_cat_large_199 {
		background: url(../images/ic_cat_musicband.png) no-repeat left top !important;
		background: url(../images/ic_cat_musicband.gif) no-repeat left top;
	}

	/* rap & hip hop */
	.profile_cat_large_hip-hop,
	.profile_cat_large_4 {
		background: url(../images/ic_cat_singer.png) no-repeat left top !important;
		background: url(../images/ic_cat_singer.gif) no-repeat left top;
	}

	/* musicians */
	.profile_cat_large_musician,
	.profile_cat_large_5 {
		background: url(../images/ic_cat_musician.png) no-repeat left top !important;
		background: url(../images/ic_cat_musician.gif) no-repeat left top;
	}

	/* dancer */
	.profile_cat_large_dancer,
	.profile_cat_large_6 {
		background: url(../images/ic_cat_dancer.png) no-repeat left top !important;
		background: url(../images/ic_cat_dancer.gif) no-repeat left top;
	}

	/* choreographer */
	.profile_cat_large_choreo,
	.profile_cat_large_7 {
		background: url(../images/ic_cat_choreo.png) no-repeat left top !important;
		background: url(../images/ic_cat_choreo.gif) no-repeat left top;
	}

	/* songwriter */
	.profile_cat_large_songwriter,
	.profile_cat_large_8 {
		background: url(../images/ic_cat_songwriter.png) no-repeat left top !important;
		background: url(../images/ic_cat_songwriter.gif) no-repeat left top;
	}

	/* composer */
	.profile_cat_large_composer,
	.profile_cat_large_9 {
		background: url(../images/ic_cat_componist.png) no-repeat left top !important;
		background: url(../images/ic_cat_componist.gif) no-repeat left top;
	}

	/* actor */
	.profile_cat_large_actor,
	.profile_cat_large_10 {
		background: url(../images/ic_cat_actor.png) no-repeat left top !important;
		background: url(../images/ic_cat_actor.gif) no-repeat left top;
	}

	/* statist */
	.profile_cat_large_statist,
	.profile_cat_large_11 {
		background: url(../images/ic_cat_statist.png) no-repeat left top !important;
		background: url(../images/ic_cat_statist.gif) no-repeat left top;
	}

	/* anchorman */
	.profile_cat_large_anchorman,
	.profile_cat_large_12 {
		background: url(../images/ic_cat_moderator.png) no-repeat left top !important;
		background: url(../images/ic_cat_moderator.gif) no-repeat left top;
	}

	/* photographer */
	.profile_cat_large_photographer,
	.profile_cat_large_13 {
		background: url(../images/ic_cat_photo.png) no-repeat left top !important;
		background: url(../images/ic_cat_photo.gif) no-repeat left top;
	}

	/* stylist */
	.profile_cat_large_stylist,
	.profile_cat_large_14 {
		background: url(../images/ic_cat_stylist.png) no-repeat left top !important;
		background: url(../images/ic_cat_stylist.gif) no-repeat left top;
	}

	/* dj */
	.profile_cat_large_dj,
	.profile_cat_large_15 {
		background: url(../images/ic_cat_dj.png) no-repeat left top !important;
		background: url(../images/ic_cat_dj.gif) no-repeat left top;
	}

	/* comedian */
	.profile_cat_large_comedian,
	.profile_cat_large_16 {
		background: url(../images/ic_cat_comedian.png) no-repeat left top !important;
		background: url(../images/ic_cat_comedian.gif) no-repeat left top;
	}

	/* community */
	.profile_cat_large_community,
	.profile_cat_large_21 {
		background: url(../images/ic_cat_community.png) no-repeat left top !important;
		background: url(../images/ic_cat_community.gif) no-repeat left top;
	}

	/* hair&makeup */
	.profile_cat_large_hairmakeup,
	.profile_cat_large_51 {
		background: url(../images/ic_cat_hair.png) no-repeat left top !important;
		background: url(../images/ic_cat_hair.gif) no-repeat left top;
	}

	/* dubbing actor */
	.profile_cat_large_dubbing,
	.profile_cat_large_195 {
		background: url(../images/ic_cat_synchro.png) no-repeat left top !important;
		background: url(../images/ic_cat_synchro.gif) no-repeat left top;
	}

	/* camera */
	.profile_cat_large_camera,
	.profile_cat_large_196 {
		background: url(../images/ic_cat_camera.png) no-repeat left top !important;
		background: url(../images/ic_cat_camera.gif) no-repeat left top;
	}

	/* camera */
	.profile_cat_large_regie,
	.profile_cat_large_197 {
		background: url(../images/ic_cat_regie.png) no-repeat left top !important;
		background: url(../images/ic_cat_regie.gif) no-repeat left top;
	}

	/* postproducer */
	.profile_cat_large_postproducer,
	.profile_cat_large_198 {
		background: url(../images/ic_cat_postproduction.png) no-repeat left top !important;
		background: url(../images/ic_cat_postproduction.gif) no-repeat left top;
	}

	/* label */
	.profile_cat_large_label,
	.profile_cat_large_203 {
		background: url(../images/ic_cat_label.png) no-repeat left top !important;
		background: url(../images/ic_cat_label.gif) no-repeat left top;
	}

	/* movieproduction */
	.profile_cat_large_movieproduction,
	.profile_cat_large_206 {
		background: url(../images/ic_cat_movieprod.png) no-repeat left top !important;
		background: url(../images/ic_cat_movieprod.gif) no-repeat left top;
	}

	/* agency (one icon fits all temporarily) */
	.profile_cat_large_filmagency,
	.profile_cat_large_207 {
		background: url(../images/ic_cat_agency.png) no-repeat left top !important;
		background: url(../images/ic_cat_agency.gif) no-repeat left top;
	}

	.profile_cat_large_fashionagency,
	.profile_cat_large_209 {
		background: url(../images/ic_cat_agency.png) no-repeat left top !important;
		background: url(../images/ic_cat_agency.gif) no-repeat left top;
	}

	.profile_cat_large_musicagency,
	.profile_cat_large_211 {
		background: url(../images/ic_cat_agency.png) no-repeat left top !important;
		background: url(../images/ic_cat_agency.gif) no-repeat left top;
	}

	/* small gray icons */
	/* singer */
	.profile_cat_singer,
	.profile_cat_1 {
		background: url(../images/ic_singer.gif) no-repeat left top;
	}

	/* model */
	.profile_cat_model,
	.profile_cat_2 {
		background: url(../images/ic_model.gif) no-repeat left top;
	}

	/* musicbands */
	.profile_cat_musicband,
	.profile_cat_199 {
		background: url(../images/ic_musicband.gif) no-repeat left top;
	}

	/* musicians */
	.profile_cat_musician,
	.profile_cat_5 {
		background: url(../images/ic_musician.gif) no-repeat left top;
	}

	/* dancer */
	.profile_cat_dancer,
	.profile_cat_6 {
		background: url(../images/ic_dancer.gif) no-repeat left top;
	}

	/* choreographer */
	.profile_cat_choreographer,
	.profile_cat_7 {
		background: url(../images/ic_choreograph.gif) no-repeat left top;
	}

	/* composer */
	.profile_cat_composer,
	.profile_cat_9 {
		background: url(../images/ic_composer.gif) no-repeat left top;
	}

	/* actor */
	.profile_cat_actor,
	.profile_cat_10 {
		background: url(../images/ic_actor.gif) no-repeat left top;
	}

	/* statist */
	.profile_cat_statist,
	.profile_cat_11 {
		background: url(../images/ic_statist.gif) no-repeat left top;
	}

	/* anchorman */
	.profile_cat_anchorman,
	.profile_cat_12 {
		background: url(../images/ic_moderator.gif) no-repeat left top;
	}

	/* photographer */
	.profile_cat_photographer,
	.profile_cat_13 {
		background: url(../images/ic_photographer.gif) no-repeat left top;
	}

	/* stylist */
	.profile_cat_stylist,
	.profile_cat_14 {
		background: url(../images/ic_stylist.gif) no-repeat left top;
	}

	/* dj */
	.profile_cat_dj,
	.profile_cat_15 {
		background: url(../images/ic_dj.gif) no-repeat left top;
	}

	/* comedian */
	.profile_cat_comedian,
	.profile_cat_16 {
		background: url(../images/ic_comedian.gif) no-repeat left top;
	}

	/* artist */
	.profile_cat_artist,
	.profile_cat_17 {
		background: url(../images/ic_artist.gif) no-repeat left top;
	}

	/* producer */
	.profile_cat_producer,
	.profile_cat_19 {
		background: url(../images/ic_producer.gif) no-repeat left top;
	}

	/* community */
	.profile_cat_community,
	.profile_cat_21 {
		background: url(../images/ic_community.gif) no-repeat left top;
	}

	/* hair&makeup */
	.profile_cat_hairmakeup,
	.profile_cat_51 {
		background: url(../images/ic_hair.gif) no-repeat left top;
	}

	/* synchro */
	.profile_cat_dubbing,
	.profile_cat_195 {
		background: url(../images/ic_synchro.gif) no-repeat left top;
	}

	/* camera */
	.profile_cat_camera,
	.profile_cat_196 {
		background: url(../images/ic_camera.gif) no-repeat left top;
	}

	/* regie */
	.profile_cat_regie,
	.profile_cat_197 {
		background: url(../images/ic_regie.gif) no-repeat left top;
	}

	/* postproducer */
	.profile_cat_postproducer,
	.profile_cat_198 {
		background: url(../images/ic_postproduction.gif) no-repeat left top;
	}

	/* label */
	.profile_cat_label,
	.profile_cat_203 {
		background: url(../images/ic_label.gif) no-repeat left top;
	}

	/* movieproduction */
	.profile_cat_movieproduction,
	.profile_cat_206 {
		background: url(../images/ic_movieprod.gif) no-repeat left top;
	}

	/* agency (one icon fits all temporarily) */
	.profile_cat_filmagency,
	.profile_cat_207 {
		background: url(../images/ic_agency.gif) no-repeat left top;
	}

	.profile_cat_fashionagency,
	.profile_cat_209 {
		background: url(../images/ic_agency.gif) no-repeat left top;
	}

	.profile_cat_musicagency,
	.profile_cat_211 {
		background: url(../images/ic_agency.gif) no-repeat left top;
	}

	.profile_cat_musicprod,
	.profile_cat_225 {
		background: url(../images/ic_musicprod.gif) no-repeat left top;
	}

/* /profile icons */



/*search slider */

.sliderHandle {
	position: absolute;
	background: url(../images/bg_sliderHandle.png) left top no-repeat;
	border: 0;
	color: #000;
	height: 32px;
	width: 16px;
	margin: -4px 0 0;
	padding: 16px 0 0 0;
}

.sliderHandle:hover {
	cursor: pointer;
}

.sliderContainer {
	background: url(../images/bg_slider.gif) left top repeat-x;
	border: 0;
	float: left;
	height: 8px;
	width: 120px;
	position: relative;
}

/* = actionbar
-------------------------------------------------- */
#actionbar {
	list-style: none;
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99999;
	background: url(../images/bg_actionbar.png);
	min-height: 35px;
}

#actionbar ul {
	list-style: none;
	width: 980px;
	padding-left: 27px;
	margin: 0 auto;
}

#actionbar ul li {
	float: left;
	position: relative;
	border-left: 1px solid #6c6c6c;
}

#actionbar ul li.visitors {
	background: url(../images/actionbar_visitors.gif) no-repeat 11px 50%;
}

#actionbar ul li.news {
	background: url(../images/actionbar_news.gif) no-repeat 11px 50%;
}

#actionbar ul li a {
	float: left;
	font-size: 1.1em;
	color: #fff;
	min-width: 196px;
	min-height: 17px;
	padding: 10px 10px 8px 60px;
	border-left: 1px solid #373737;
}

#actionbar ul li a:hover,
#actionbar ul li a:focus,
#actionbar ul li a:active {
	background: url(../images/bg_actionbar_active.png);
}

#actionbar ul li .layer {
	display: none;
	position: absolute;
	bottom: 35px;
	left: 0;
}

#actionbar ul li:hover .layer,
#actionbar ul li:focus .layer,
#actionbar ul li:active .layer {
	display: block;
}

#actionbar ul li .layer h6 {
	text-align: right;
	background: url(../images/actionbar_layer_head.png) no-repeat left top;
	padding: 4px 10px;
	margin-top: -25px;
}

#actionbar ul li .layer h6 a {
	float: none;
	background: url(../images/actionbar_layer_close.gif) no-repeat 100% 60%;
	padding: 0 15px 0 0;
	border: 0;
}

#actionbar ul li .layer ul {
	background: url(../images/bg_actionbar.png);
	width: 247px; /* 267px */
	padding: 0 10px;
}

#actionbar ul li .layer ul li,
#actionbar ul li .layer ul li a {
	float: none;
	position: static;
	min-width: auto;
	min-height: auto;
	padding: 0;
	border: 0;
}

#actionbar ul li .layer ul li {
	clear: both;
	text-align: left;
	padding: 10px 0;
	border-bottom: 1px solid #37383b;
}

#actionbar ul li .layer ul .userpic {
	float: left;
	width: 53px;
	height: 9px;
	padding-top: 44px;
	margin-right: 10px;
}

#actionbar ul li .layer ul a.username,
#actionbar ul li .layer ul .usercat,
#actionbar ul li .layer ul p {
	display: block;
}

#actionbar ul li .layer ul a {
	color: #0072ff;
	background: none;
}

#actionbar ul li .layer ul .username,
#actionbar ul li .layer ul .usercat {
	margin-bottom: 2px;
}

#actionbar ul li .layer ul p {
	color: #fff;
}

/* clearfix */
#comments ul li:after,
#sideContent:after,
#footer:after,
#actionbar ul:after,
#actionbar ul li .layer ul li:after {
	content: " ";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
}

/* = actionbar ie 7 hacks
-------------------------------------------------- */
#actionbar ul li .layer ul a.username {
	*margin-top: -16px; /* why??? */
}

/* = actionbar ie 6 hacks
-------------------------------------------------- */
* html {
	overflow-y: hidden;
	height: 100%;
	/* padding-bottom: 35px; <- enable if actionbar is visible */
}

* html body {
	overflow-y: auto;
	height: 100%;
}

* html #ie6scrollbox {
	overflow-y: auto !important;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	height: 100%;
}

* html #wrap {
	position: static;
	background: #000 url(../images/bg_body.jpg) no-repeat center top;
	width: auto;
}

* html #actionbar {
	position: absolute;
	bottom: -1px;
	background: #000;
	width: 100%;
}

* html #actionbar ul li a {
	width: 196px;
}

* html #actionbar ul li .layer {
	bottom: 34px;
	right: 0;
}

* html #actionbar ul li .layer h6 {
	background: url(../images/actionbar_layer_head.gif) no-repeat left top;
}

* html #actionbar ul li .layer h6 a:hover {
	background: url(../images/actionbar_layer_close.gif) no-repeat 100% 60%;
}

* html #actionbar ul li .layer ul {
	background: #000;
}

* html #actionbar ul li .layer ul li a {
	width: auto;
}

* html #actionbar ul li.visitors a:hover,
* html #actionbar ul li.visitors a:focus,
* html #actionbar ul li.visitors a:active {
	background: url(../images/bg_actionbar_visitors_active.gif);
}

* html #actionbar ul li.news a:hover,
* html #actionbar ul li.news a:focus,
* html #actionbar ul li.news a:active {
	background: url(../images/bg_actionbar_news_active.gif);
}


/*** bitte aufräumen ***/

.userNewsOuter,
.newsOuter {
}
	.newsHolder{
	}
		.newsHolder .tabInner{
			height: 30px !important;/* fix me: 30px - 50 werden angezeigt */
		}
		.userNewsOuter,
		.newsOuter {
			background: url(../images/bg_mediathek_top.jpg) no-repeat left top;
			margin-top: 3px;
			padding-top: 7px;
		}
				.userNewsHolder .userNews,
				.newsHolder .news {
					background: url(../images/bg_mediathek_btm.jpg) no-repeat left bottom; /* TEST, if this will work #333332 */
					min-height: 350px;
					padding-bottom: 10px;
					width: 970px;
				}

				* html .userNewsHolder .userNews,
				.newsHolder .news {
					height: 350px;
				}

		.userNewsHolder .userNewsActiveNewsContainer,
		.userNewsHolder .userNewsActiveNewsControl,
		.newsHolder .userNewsActiveNewsContainer,
		.newsHolder .userNewsActiveNewsControl {
			padding-left: 25px;
			padding-right: 25px;
			color: white;
		}
		.userNewsHolder .meta,
		.newsHolder .meta {
			font-weight: bold;
		}

		.userNewsHolder .userNewsActiveNewsControl,
		.newsHolder .userNewsActiveNewsControl{
			padding-top: 10px;
			height: 30px;
			width: 930px;
		}
				.userNewsActiveNewsControl span.userNewsCreatedate {
					float: left;
					text-transform: uppercase;
				}
				.userNewsActiveNewsControl span.editNewsLink {
					background: url('../images/el_arrow_right_blue_small.gif') no-repeat left center;
					display: block;
					float: right;
				}

						.userNewsActiveNewsControl span.editNewsLink a {
							cursor: pointer;
							margin-right: 10px;
							padding-left: 7px;
						}

		.userNewsHolder .userNewsTeaserContainer,
		.newsHolder .userNewsTeaserContainer {
			margin: -70px 3px 15px 1px;
		}
				* html .userNewsHolder .userNewsTeaserContainer,
				* html .newsHolder .userNewsTeaserContainer { margin-left: 1px;	}

				.userNewsTeaserElement {
					float: left;
					width: 172px;
					height: 223px;
					margin-right: 1px;
					padding: 10px;
					background: url('../images/bg_usernews_box.png') no-repeat 0 8px !important;
					background: url('../images/bg_usernews_box.gif') no-repeat 0 8px; /* ie6 */
					cursor: pointer;
					overflow: hidden;
				}
						.userNewsTeaserElement.last {
							margin-right: 0;
						}

						.userNewsHolder .userNewsTeaserElement.active,
						.newsHolder .userNewsTeaserElement.active {
							background: url('../images/bg_usernews_box_active.png') no-repeat left top !important;
							background: url('../images/bg_usernews_box_active.gif') no-repeat left top; /* ie6 */
						}

		.userNewsHolder .userNewsActiveNewsContainer .userNewsImage,
		.newsHolder .userNewsActiveNewsContainer .userNewsImage {
			float: left;
			width: 300px;
			height: 225px;
			overflow: hidden;
		}
				* html .userNewsActiveNewsContainer .userNewsImage  { margin-top: 7px; }
				* +html .userNewsActiveNewsContainer .userNewsImage { margin-top: 7px; }

				.userNewsImage {
					background: #000;
				}
				/* TODO: unfertig: mouseover play button */

				.userNewsImagerMouseOver{
					position:absolute;
					margin-top:7px;
					z-index:1;
					background:url(../images/bg_user_news_overlay.png);
					width: 300px;
					height: 225px;
				}
				* html .userNewsImagerMouseOver{ margin-left: -300px; }
				* +html .userNewsImagerMouseOver{ margin-left: -300px; }

		.userNewsActiveNewsControl hr {
			border: none;
			background-color: #9d9d9d;
			clear: both;
			float: left;
			width: 100%;
			height: 1px;
		}

		.userNewsEditRight{
			width: 610px;
			float:left;
		}

		/* Edit Mode */
		.userNewsEditLeft{
			width: 310px;
			float: left;
		}
				.userNewsEditLeft h4 {
					color: #fff;
					font-size: 1.4em; /* TODO: Fontgrößen zusammenfassen */
					margin-bottom: 16px;
				}
				.userNewsEditLeft span {
					margin: 0 5px 5px 0;
				}
				.userNewsEditLeft select {
					border: 1px solid #d9d9d9;
					background: #fff; /* opera */
					margin: 15px 0;
					width: 292px;
				}
				.userNewsEditLeft input.radio {
					height: auto;
					margin: 0 7px 0 0;
					width: auto;
				}

		.userNewsActiveNewsScrollContainer{
			width: 600px;
			height: 225px;
			overflow: auto;
		}

				.userNewsText {
					line-height: 130%;
				}
						.userNewsActiveNewsScrollContainer .userNewsText {
							line-height: 160%;
							margin: 0 10px 10px 20px;
						}

				.userNewsImage {
					margin-top: 7px;
				}
						* html .userNewsImage { margin-top: 17px; }
						* +html .userNewsImage { margin-top: 17px; }

				.userNewsCreatedate {
					margin-bottom: 2px;
				}

		.userNewsActiveNewsScrollContainer h4.userNewsHeadline {
			color: #cecece;
			font-size: 1.6em; /* TODO font size noch zu den Fontgrößen packen */
			margin: 8px 0 16px 20px;
		}
				h5.userNewsHeadline {
					color: #0066ff;
					font-size: 1.6em; /* TODO font size noch zu den Fontgrößen packen */
					margin-bottom: 2px;
				}

						.active .userNewsHeadline {
							color: #fff;
						}

		.userNewsNewArticleLink{
			cursor: pointer;
			float: left;
		}

		.pagerHolder .tag-pager {
			height: 20px;
			margin: 0 auto;
		}

		.userNewsEditRight input.userNewsHeadline {
			border: 1px solid #9d9d9d;
			font-size: 1.3em; /* TODO - die Fontgrößen umpositionieren */
			width: 600px;
		}
		.userNewsEditRight textarea.userNewsText{
			border: 1px solid #9d9d9d;
			font: 11px "Lucida Grande", Arial, Helvetica, sans-serif;
			line-height: 140%;
			width: 600px;
			height: 180px;
		}

		.userNewsEditRight .tag-button {
			margin: -15px 0 0 -310px;
		}

		* html .userNewsEditRight .tag-button {
			position: relative;
		}

	.userNewsHolder .pagerHolder,
	.newsHolder .pagerHolder {
		height: 25px;
		/*width: 600px;*/
		text-align: center;
		clear: both;
	}

	/* TODO: cleanup */
	.messagesMessageSender .online{
		position: relative;
		width: 51px;
		height: 53px;
		z-index: 2;
		top: -63px;
		margin-bottom: -63px !important;
	}
	.messagesMessageSender .online span{
		background: url(../images/bg_online_indicator53.gif) no-repeat left bottom;
	}

	/* class is used by overlays of search results - if only one option is shown */
	.oneOverlayOptionOnly{
		margin-top:40px;
	}



	/* TODO: test + cleanup */
	#searchWrap .online {
		left: 21px;
        top: 2px;
        width: 108px;
        height: 106px;
	}
	#searchWrap .online span{
		background: #00cc00 url(../images/bg_online_indicator100.gif) no-repeat center bottom;
		display: block;
		left: 0;
		position: absolute;
		bottom: 0;
		text-indent: -8000px;
		width: 108px;
		line-height: 9px;
	}

	#searchWrap div.results {
		position: absolute;
		top: 5px;
		left: 10px;
		font-weight: bold;
		color: #777;
	}
		#searchWrap div.results span {
			color: #000;
		}
	#searchWrap .vip-filter {
		background: url(../images/btn_vip_filter.png) no-repeat;
		width: 93px;
		height: 18px;
		margin: 0 0 5px 10px;
		cursor: pointer;
		display: inline-block;
		zoom: 1;
	}

.backToSearchResults {
	margin-top: 10px;
	position: absolute;
}
		* html .backToSearchResults{ margin-left: -250px; }
		* + html .backToSearchResults{ margin-left: -250px; }

/* overlay for divs to be updated via ajax.updater - not yet in use*/
#ajax-updater-overlay{
	background-color: #fff;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


#loginAjaxIndicator,
.loadingIndicator {
	position:absolute;
	background:#fff url(../images/ajax_indicator_big.gif) no-repeat center center;
	opacity: .5;
	filter: alpha(opacity=50);
	top:55px;
	width:100%;
	height:375px;
	z-index:4000;
}

/* ANFANG Wettbewerb "Top modell of the world" */
.topmodel img.header {
	margin-top: 60px;
}
.topmodel div.buttons {
	height: 23px;
	position: relative;
}
	.topmodel img.participation-btn {
		position: absolute;
		left: 171px;
	}
	.topmodel img.voting-btn {
		position: absolute;
		left: 379px;
	}
.contentBox {
	width: 150px;
	border: none;
	margin: 0 0 10px 10px;
	display: inline; /* Double-Float-Margin-Bug */
}
	.contentBox span.infobar {
		display: block;
		height: 20px;
		overflow: hidden;
	}
	.contentBox p {
		border-color: black;
		font-size: 1em;
		font-weight: bold;
		color: #777777;
	}
	.contentBox p.memberName {
		height: 25px;
	}
		.contentBox .placement {
			float: left;
			color: #6C6C6C;
		}
			.contentBox .placement span {
				color: #0189FF;
				font-size: 1.9em;
			}
		.contentBox .valuation {
			float: right;
			padding-top: 0.8em;
			color: #6C6C6C;
		}
		.contentBox .memberImage a {
			display: block;
			margin: 0 auto;
		}
		.topmodel .contentBox .meta a {
			display: block;
			background: url(../images/ic_user.gif) no-repeat;
			height: 30px;
			padding-left: 22px;
		}

		#topmodelWrap {
			background-color: #fff;
			width: 970px;
		}
		#topmodelWrap .online {
	        top: 35px;
	        width: 150px;
	        height: 106px;
		}
		#topmodelWrap .online span {
			background: #00cc00 url(../images/bg_online_indicator100.gif) no-repeat center bottom;
			display: block;
			left: 0;
			position: absolute;
			bottom: 0;
			text-indent: -8000px;
			width: 150px;
			line-height: 9px;
		}
		#topmodelWrap .eliminated {
			background: url(../images/mark_ausgeschieden.png) no-repeat left top;
			position: absolute;
			top: 28px;
			bottom: 0;
			width: 150px;
			height: 113px;
		}

		.topmodel .voting {
			margin-bottom: 16px;
		}
		.topmodel .voting .top,
		.topmodel .voting .bottom {
			width: 100%;
			padding-top: 7px;
			position: relative;
		}
		.topmodel .voting .top div,
		.topmodel .voting .bottom div {
			float: left;
		}
		* html .topmodel .voting .top div,
		* html .topmodel .voting .bottom div {
			display: inline; /* Double-Float-Margin-Bug */
		}
		.topmodel .voting .top div.vote-user1,
		.topmodel .voting .top div.vote-user2 {
			margin-left: 125px;
			position: absolute;
			clear: both;
			bottom: 0;
		}
		.topmodel .voting .top div.vote-user2 {
			margin-left: 490px;
		}
			.topmodel .voting .top div.vote-user1 a,
			.topmodel .voting .top div.vote-user2 a {
				display: block;
				width: 49px;
				height: 49px;
				background-image: url(../images/btn_castingvote.gif);
			}
			.topmodel .voting .top div.vote-user1 a:hover,
			.topmodel .voting .top div.vote-user2 a:hover {
				background-image: url(../images/btn_castingvote_activ.gif);
			}
		.topmodel .voting .top div.text {
			width: 295px;
			margin-left: 175px;
			padding: 0 10px 13px 10px;
			text-align: center;
			color: #555;
			font-weight: bold;
			font-size: 1.1em;
			clear: both;
			float: none;
		}
			.topmodel .voting .top div.text span {
				font-weight: normal;
				font-size: 2.1em;
				color: #ca8100;
				display: block;
				padding-bottom: 5px;
			}
		.topmodel .voting .top div.completed {
			width: 666px;
			height: 409px;
			background: url(../images/bg_alle_bewertet.png) no-repeat;
		}
			.topmodel .voting .top div.completed h1 {
				position: absolute;
				top: 50px;
				left: 20px;
				color: #D3AC68;
				font-size: 3em;
			}
				.topmodel .voting .top div.completed h1 span {
					color: #000;
				}
			.topmodel .voting .top div.completed span.msg {
				position: absolute;
				width: 420px;
				top: 200px;
				left: 210px;
				font-size: 1.1em;
				font-weight: bold;
				color: #fff;
				line-height: 1.6em;
			}
		.topmodel .voting .bottom div.show-user1.winner {
			margin-left: 185px;
		}
		.topmodel .voting .bottom div.show-user1 a,
		.topmodel .voting .bottom div.show-user2 a {
			width: 300px;
			height: 400px;
			display: block;
		}
		.topmodel .voting .bottom div.show-user1 a.active,
		.topmodel .voting .bottom div.show-user2 a.active {
			width: 290px;
			height: 390px;
			display: block;
			border: 5px solid #3BA0EE;
			background-position: center;
		}
			.topmodel .voting .bottom div.show-user1 span,
			.topmodel .voting .bottom div.show-user2 span {
				display: block;
				text-align: center;
				color: #07F;
				font-size: 1.7em;
				line-height: 33px;
			}
		.topmodel .voting .bottom div.versus {
			margin-top: 172px;
			padding: 0 5px 0 5px;
		}
		.topmodel .voting div.ranking {
			margin-right: 0;
		}
		.topmodel .voting div.winner {
			margin-left: 180px;
		}
		.topmodel .voting div.ranking span.header {
			margin: 33px 1px 3px 20px;
			padding-left: 10px;
			display: block;
			line-height: 25px;
			background-color: #000;
			color: #D8B676;
			text-transform: uppercase;
		}
		.topmodel .voting .top div.ranking span.header {
			margin-top: 0;
		}
		.topmodel .voting div.ranking span {
			font-size: 1.2em;
			font-weight: bold;
			color: #000;
		}
		.topmodel #sedcard-change {
			margin-bottom: 48px;
		}
		.topmodel .arrow {
			background: url(../images/sedcard-pfeil.png) no-repeat!important;
			padding-top: 19px;
		}
		.topmodel .arrow.arrow1 {
			background-position: 125px 0!important;
		}
		.topmodel .arrow.arrow2 {
			background-position: 490px 0!important;
		}
		.topmodel .arrow.winner {
			background-position: 320px 0 !important;
		}
/* ENDE Wettbewerb "Top modell of the world" */

/* ANFANG News-Teaser */
div.newsitem {

}
	div.newsitem div.teasertext {
		display: block;
		background-image: url(../images/bg_black_70.png);
		position: relative;
		height: 65px;
		margin-top: -65px;
	}
		div.newsitem span.meta {
			position: absolute;
			left: 36px;
			color: white;
			width: 269px;
			white-space: nowrap;
			overflow: hidden;
		}
		div.newsitem div.teasertext a.previous,
		div.newsitem div.teasertext a.next,
		div.newsitem div.teasertext a.text {
			float: left;
			position: absolute!important;
		}
		div.newsitem div.teasertext a.text {
			color: white;
			width: 233px;
			padding: 0 10px 0 10px;
			font-size: 1.2em;
			font-weight: bold;
			top: 14px;
			left: 26px;
		}
			div.newsitem div.teasertext a.text span {
				display: block;
				font-size: 0.8em;
			}
		div.newsitem div.teasertext a.previous,
		div.newsitem div.teasertext a.next {
			width: 18px;
			height: 26px;
			display: block;
			margin-top: 16px;
		}
		div.newsitem div.teasertext a.previous {
			background-image: url(../images/btn_arrow_left.png);
			margin-left: 8px;
		}
		div.newsitem div.teasertext a.previous:hover {
			background-image: url(../images/btn_arrow_left_activ.png);
		}
		div.newsitem div.teasertext a.next {
			background-image: url(../images/btn_arrow_right.png);
			left: 279px;
		}
		div.newsitem div.teasertext a.next:hover {
			background-image: url(../images/btn_arrow_right_aktiv.png);
		}

		div.newsitem a img {
			display: block;
		}
div.newsbottom {
	margin-bottom: 17px;
	background: #E4E4E4 url(../images/el_catnav_listitem.gif) no-repeat 15px 9px;
	height: 20px;
	border: 1px solid #CAC8C8;
	padding: 9px 0 0 30px;
	text-transform: uppercase;
	font-weight: bold;
}
	div.newsbottom a {
		color: #0066ff;
	}
/* ENDE News-Teaser */

/* ANFANG Aktionen (Startseite) */

.activities {
	margin-bottom: 17px;
}
	.activities .activitylist {
		overflow: hidden;
		zoom: 1;
		height: 515px;
		position: relative;
	}
		.activities .activity {
			float: left;
			width: 100%;
			background: #fff;
		}
			.activities .activity .paddingSimulator {
				margin: 5px 0 5px 0;
			}
				.activities .activity .paddingSimulator a.profilePicAnchor {
					display: block;
					position: relative;
				}
					.activities .activity span.online {
						width: 50px;
						height: 50px;
					}
						.activities .activity span.online span {
							width: 50px;
							background: url(../images/bg_online_indicator53.gif) no-repeat scroll left bottom;
						}
	.activities .border-top {
		border-top: 1px dotted #ACACAC;
		margin-bottom: -1px;
	}
	.activities .gray {
		background: #F4F4F4;
	}
		.activities .profilePic {
			float: left;
		}
		.activities .textblock {
			float: left;
			padding-left: 5px;
			width: 250px;
		}
			.activities .friends {
				font-weight: bold;
			}
			.activities .textblock .message {
				color: #666;
				font-weight: bold;
			}
				.activities .textblock .message .black {
					color: #000;
				}
			.activities .textblock .time {
				display: block;
				font-weight: bold;
				font-size: 0.9em
			}
		.activities .preview {
			float: left;
			width: 100%;
			height: 67px; /* Gleiche Höhe wie die Bilder. Für JS notwendig! */
			margin-top: 5px;
		}
		.activities .buttons {
			border-top: 1px dotted #ACACAC;
		}
			.activities .buttons .btnWrap {
				float: left;
			}
				.activities .buttons .btnWrap .submit {
					margin-left: 0;
					margin-right: 5px;
				}
					.activities .buttons .btnWrap .submit a {
						padding-left: 0!important;
						padding-right: 0!important;
						width: 75px;
					}

/* ENDE Aktionen (Startseite) */

/* ANFANG Statusmeldungen */

a.statusnotice {
	display: block;
	padding: 6px 0 6px 25px;
	height: 17px;
	background: url(../images/btn_status.png) no-repeat 0 5px;
	font-weight: bold;
}
a.statusnotice:hover {
	background-image: url(../images/btn_status_act.png);
}

	.statusnotice-input label {
		margin: 0!important;
	}

	.statusnotice-input p.top {
		padding-bottom: 9px!important;
		padding-top: 0!important;
	}

	.statusnotice-input .remains {
		color: #707070;
		font-weight: bold;
	}
		.statusnotice-input .remains span {
			color: #000;
		}

	.statusnotice-input .notice {
		width: 310px;
		height: 80px;
		border: 1px solid black;
	}

	.statusnotice-input .button-right-ctn {
		width: 100%;
	}
		.statusnotice-input .button-right {
			float: right;
			margin-right: 21px;
		}

/* ENDE Statusmeldungen */

/* ANFANG Uservorstellung */

.introduceuser {
	position: relative;
	font-weight: bold;
	background: white;
	color: #0073FF;
	padding: 0 7px;
}
.portletmargin {
	margin-bottom: 10px;
}
.introduceuser.vips {
	color: #a88824;
	border-bottom: 1px dotted #ACACAC;
}
	.introduceuser.vips a {
		color: #a88824;
	}
	.introduceuser .left,
	.introduceuser .right {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.introduceuser .left {
		float: left;
		font-size: 1.2em;
		color: #333;
		position: relative; /* IE6 */
	}
	.introduceuser .right {
		float: right;
		position: relative; /* IE6 */
	}
		.introduceuser .right a {
			padding-left: 7px;
			background: url(../images/standarduser_pfeil_rechts.png) no-repeat 0 3px;
		}
		.introduceuser.vips .right a {
			background-image: url(../images/vip_pfeil_rechts.png);
		}
	.introduceuser .list {
		clear: both;
		position: relative;
	}

	.introduceuser .meta {
		text-align: center;
		padding-bottom: 7px;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
	}

	.introduceuser .arrow {
		position: absolute;
		background: url(../images/bg_black_60.png);
		width: 22px;
		height: 49px;
		top: 0;
		padding: 23px 0 0 4px;
		z-index: 10;
	}
	.introduceuser .arrow.previous {
		left: 0;
	}
	.introduceuser .arrow.next {
		right: 0;
	}
		.introduceuser .arrow a {
			display: block;
			width: 18px;
			height: 26px;
			cursor: pointer;
			background: no-repeat;
			position: relative!important;
		}
		.introduceuser .arrow.previous a {
			background-image: url(../images/btn_arrow_left.png);
		}
		.introduceuser .arrow.previous a:hover {
			background-image: url(../images/btn_arrow_left_activ.png);
		}
		.introduceuser .arrow.next a {
			background-image: url(../images/btn_arrow_right.png);
		}
		.introduceuser .arrow.next a:hover {
			background-image: url(../images/btn_arrow_right_aktiv.png);
		}

	.introduceuser .users {
		position: relative;
		margin: 0;
		width: 291px;
		height: 78px;
		overflow: hidden;
	}
		.introduceuser .users .user {
			float: left;
			padding-right: 1px;
			cursor: pointer;
			position: relative;
		}
		.introduceuser .users li.user.active {
			background: url(../images/ic_vip_select_blue.gif) no-repeat 33px 72px;
		}
		.introduceuser.vips .users li.user.active {
			background: url(../images/vip_pfeil_unten.png) no-repeat 33px 72px;
		}
			.introduceuser .users .user .image {
				display: block;
				width: 72px;
				height: 72px;
				margin-bottom: 7px;
				cursor: pointer; /* IE7 */
			}
			.introduceuser .users li.user.active .image {
				background-position: center center;
				border: 3px solid #3BA0EE;
				width: 66px;
				height: 66px;
			}
			.introduceuser.vips .users li.user.active .image {
				border-color: #a88824;
			}

			.introduceuser .users li.user span.online {
				top: auto;
				bottom: 7px;
				left: 0;
			}
				.introduceuser .users li.user span.online span {
					width: 72px;
				}
			.introduceuser .users li.user.active span.online {
				top: auto;
				bottom: 10px;
				left: 3px;
			}
				.introduceuser .users li.user.active span.online span {
					width: 66px;
				}

		.introduceuser .users .scrollcontainer {
			width: 1000px;
			height: 78px;
			overflow: hidden;
			list-style-type: none;
		}

/* ENDE Uservorstellung */


/* ANFANG Chateinladung */

.chatinvitation div#overlaySmall.inner {
	padding: 10px 18px 10px 18px;
}
div#overlayOuterSmall.chatinvitation.notfirst {
	margin-top: -1px;
}
div#overlayOuterSmall.chatinvitation.notlast {
	padding-bottom: 0;
	margin-bottom: 0;
}
	.chatinvitation .text {
		margin-bottom: 5px;
		font-size: 1em;
		font-weight: bold;
	}
		.chatinvitation .text span {
			color: #0066FF;
		}
	.chatinvitation .userimage {
		float: left;
		margin-right: 5px;
	}
	.chatinvitation .infoblock {
		color: #4d4d4d;
		font-weight: bold;
	}
	.chatinvitation .approve {
		float: left;
		margin-left: -7px;
	}
		.chatinvitation .approve a {
			background: url(../images/btn_chat_annehmen.png) no-repeat;
		}
		.chatinvitation .approve a:hover {
			background-image: url(../images/btn_chat_annehmen_act.png);
		}
	.chatinvitation .disclaim {
		float: right;
	}
		.chatinvitation .disclaim a {
			color: #000;
			background: url(../images/btn_chat_ablehnen.png) no-repeat;
		}
		.chatinvitation .disclaim a:hover {
			background-image: url(../images/btn_chat_ablehnen_act.png);
		}
		.chatinvitation .approve a,
		.chatinvitation .disclaim a {
			font-weight: bold;
			display: block;
			height: 48px;
			padding: 28px 0 0 76px
		}
	.chatinvitation hr {
		clear: left;
		border: none;
		border-bottom: 1px solid #c0c0c0;
	}
/* ENDE Chateinladung */


/* ANFANG Casting */
.casting label {
	font-weight: bold;
	color: #848484;
	float: left;
}

.casting #tabBox ul.iconList li {
	float: left;
	list-style: none;
	margin-right: 15px;
	font-weight: bold;
}
	.casting #tabBox ul.iconList li a {
		display: block;
		background: no-repeat center top;
		padding-top: 30px;
	}
	.casting #tabBox ul.iconList li a.add {
		background-image: url(../images/addcasting.png);
	}
	.casting #tabBox ul.iconList li a.add:hover {
		background-image: url(../images/addcasting_act.png);
	}
	.casting #tabBox ul.iconList li a.remove {
		background-image: url(../images/btn_upload_delete.png);
	}
	.casting #tabBox ul.iconList li a.remove:hover {
		background-image: url(../images/btn_upload_delete_active.png);
	}

.casting #tabBox .search {
	float: right;
}
	.casting #tabBox .search .term {
		background: #FFFFFF url(../images/ic_magnifier.png) no-repeat scroll 6px 4px;
		border: 1px solid #9C9C9C;
		color: #353535;
		width: 286px;
		height: 15px;
		padding-left: 25px;
		padding-top: 4px;
	}

.casting #inboxContentWrap {
	padding: 10px 17px 10px 10px;
}

.casting .firstLine {
	margin-bottom: 10px;
}
	.casting .firstLine .load {
		float: left;
	}
		.casting .firstLine .load select {
			margin-left: 10px;
		}
	.casting .firstLine .cancel {
		float: right;
	}
		.casting .firstLine .cancel span {
			font-weight: bold;
			color: black;
			background: url(../images/btn_register_head_cls.gif) no-repeat right;
			padding-right: 20px;
			height: 16px;
			display: block;
		}

.casting .image {
	clear: both;
}
	.casting .btnLinkAction {
		margin-left: 0;
	}
		.casting .btnLinkAction span {
			width: 158px;
		}

.casting .columns {
	margin-top: 20px;
}
.casting .column {
	float: left;
	width: 454px;
	margin: 0;
}
.casting .column.left {
	clear: both;
}
.casting .column.right {
	margin-left: 40px;
}
* html .casting .column.right { /* IE6 */
	margin-left: 38px;
}
	.casting h4 {
		font-size: 1.4em;
		font-weight: bold;
		padding-bottom: 5px;
		height: 26px;
		padding-top: 2px;

	}
	.casting .column.left h4 {
		background: url(../images/castingdaten.png) no-repeat;
		padding-left: 30px;
	}
	.casting .column.right h4 {
		background: url(../images/ic_user.png) no-repeat;
		padding-left: 26px;
	}
		.casting h4 span {
			color: #848484;
			font-weight: normal;
		}
	.casting .column .element {
		border-top: 1px solid #DDDDDD;
		padding: 10px 0;
	}
	.casting .column .block {
		float: none;
		display: block;
		width: 452px;
	}
	.casting .column input,
	.casting .column select,
	.casting .column textarea {
		border: 1px solid #9A9A9A;
	}
	.casting .column input {
		float: right;
		width: 154px;
	}
	.casting .column select {
		float: right;
		width: 156px; /* Seltsam, aber ist so... */
	}
	.casting .column textarea {
		padding: 0;
		height: 100px;
	}
	.casting .column div.submit {
		margin: 0;
	}
		.casting .column div.submit input {
			float: none;
			border: 0;
			width: 147px;
			padding-left: 0!important;
			padding-right: 0!important;
		}
	.casting .column div.checkbox {
		float: left;
	}
		.casting .column div.checkbox input {
			float: none;
			width: auto;
			border: none;
			margin-left: 0;
			margin-right: 0;
		}
		.casting .column div.checkbox label {
			font-weight: normal;
			margin-right: 10px;
			float: none;
		}
	.casting .column div.more {
		float: right;
	}
		.casting .column .more select {
			width: 60px;
			float: left;
			margin-right: 3px;
		}
		.casting .column .more label {
			float: left;
			padding: 0 7px 0 3px;
			width: 18px;
		}
		.casting .column .more select.day,
		.casting .column .more select.month {
			width: 45px;
		}
		.casting .column .more select.year {
			margin-right: 0;
		}
	.casting .column select.small {
		width: 60px;
	}



.casting .overview {
	background: url(../images/bg_castings.png) no-repeat;
	width: 975px;
	height: 614px;
	margin: 0 0 0 -3px;
	position: relative;
}
	.casting .overview .text {
		top: 87px;
		left: 42px;
		position: absolute;
		width: 300px;
		height: 100px;
	}
		.casting .overview .text p {
			color: white;
			font-size: 1.1em;
			font-weight: bold;
		}
			.casting .overview .text p a {
				color: black;
			}
	.casting .overview .videoplayer {
		position: absolute;
		top: 13px;
		left: 748px;
	}
	.casting .overview .attend {
		position: absolute;
		top: 154px;
		left: 354px;
	}
		.casting .overview .attend a {
			display: block;
			width: 272px;
			height: 42px;
			background: url(../images/btn_jetztbewerben.png) no-repeat;
			text-indent: -10000px;
			overflow: hidden;
		}
		.casting .overview .attend a:hover {
			background-image: url(../images/btn_jetztbewerben_act.png);
		}
	.casting .overview .castinglist {
		position: absolute;
		top: 197px;
		left: 41px;
		width: 896px;
		overflow: hidden;
	}
		.casting .overview .castinglist a.previous {
			display: block;
			background: url(../images/btn_letztes-angebot.png) no-repeat;
			width: 21px;
			height: 200px;
			position: absolute!important;
			top: 2px;
			cursor: pointer;
		}
		.casting .overview .castinglist a.previous:hover {
			background-image: url(../images/btn_letztes-angebot_act.png);
		}
		.casting .overview .castinglist a.next {
			display: block;
			background: url(../images/btn_naechstes-angebot.png) no-repeat;
			width: 21px;
			height: 200px;
			position: absolute!important;
			top: 2px;
			right: 0;
			cursor: pointer;
		}
		.casting .overview .castinglist a.next:hover {
			background-image: url(../images/btn_naechstes-angebot_act.png);
		}
		.casting .overview .castinglist .listwrapper {
			position: relative;
			left: 21px;
			width: 854px;
			overflow: hidden;
		}
		.casting .overview .castinglist ul {
			list-style: none;
			width: 10000px;
			height: 259px;
			position: relative;
		}
			.casting .overview .castinglist ul li {
				float: left;
				width: 268px;
				padding: 2px 0 0 14px;
			}
				.casting .overview .castinglist ul li p {
					visibility: hidden;
					height: 60px;
				}
				.casting .overview .castinglist ul li.active p {
					visibility: visible;
					text-transform: uppercase;
					color: #0060ff;
					text-align: center;
					font-size: 1.1em;
					font-weight: bold;
				}
	.casting .overview .attendancelist {
		position: absolute;
		top: 475px;
		left: 35px;
		width: 907px;
		height: 131px;
	}
		.casting .overview .attendancelist h4 {
			position: absolute;
			top: -14px;
			left: 40px;
			font-size: 1.2em;
			color: #fff;
			text-transform: uppercase;
		}
		.casting .overview .attendancelist .listwrapper {
			width: 836px;
			overflow: hidden;
			margin: 16px 0 0 36px;
			position: absolute;
		}
		.casting .overview .attendancelist a.previous {
			display: block;
			background: url(../images/btn_lastmember.png) no-repeat;
			width: 21px;
			height: 100px;
			position: absolute!important;
			top: 16px;
			left: 15px;
			cursor: pointer;
		}
		.casting .overview .attendancelist a.previous:hover {
			background-image: url(../images/btn_lastmember_act.png);
		}
		.casting .overview .attendancelist a.next {
			display: block;
			background: url(../images/btn_nextmember.png) no-repeat;
			width: 21px;
			height: 100px;
			position: absolute!important;
			top: 16px;
			right: 14px;
			cursor: pointer;
		}
		.casting .overview .attendancelist a.next:hover {
			background-image: url(../images/btn_nextmember_act.png);
		}
		.casting .overview .attendancelist ul {
			list-style: none;
			width: 10000px;
			height: 100px;
			position: relative;
		}
			.casting .overview .attendancelist ul li {
				float: left;
				padding-left: 4px;
			}
/* ENDE Casting */