/* @group RESET STYLES / MAKE SOME DEFAULTS */
/* ----------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { 
	margin: 0;
	padding: 0;
	font-size: 11px;
	line-height: 14px;
	font-family: Arial, sans-serif;
}
body {
	color: #4C4C4C;
}

button {font-size:12px;}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size:12px;
}

fieldset, img { 
	border:0;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

.cms_content {
	border-bottom:1px solid silver;
}

/* @end */


/* @group SET SOME DEFAULTS */
/* ----------------------------------------------- */
body, a, select, textarea {
	font-family: Arial, sans-serif;	
}

body.master {
	background-color: #88a7bb;
}

a, a:hover, a:active, a:visited {
	font-size: 8pt;
	color: #4C4C4C;
}

iframe {
	background-color: transparent;	
}

textarea,
select,
input.input {
	border: 1px solid #bcbcbc;
	background-color: #ffffff;
	font-size: 8pt;
}

textarea,
input.input {
	padding: 2px;
}

textarea {
	overflow: auto;
}

.clear {
	clear: left;	
}

.clearall{
	clear: both;
	overflow: hidden;
	height: 0;
	line-height: 1px;
}

.hide {
	display: none;	
}

div.print-button {
	float:right;
 	margin-right:30px;
}
/* @end */


/* @group TEMPLATE GLOBALS */
/* ----------------------------------------------- */
#main {
	width: 987px;
}
	
#main-sony-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 52px;
	background: url('http://club-sonus.sony.de/static/images/generic/background_repeat.jpg') repeat-x;
}
	
	#main-sony-header img#sony-logo {
		position: absolute;
		top: 13px;
	}
	
	#main-sony-header div#container {
		width: 987px;
		margin: 0 auto;
	}
	
#main-footer {
	margin: 0 auto;
	width: 1003px;
}

	#main-footer div.filler {
		height: 14px;
		margin: 0 14px;
		background-color: #eaeaea;
	}

#main-outer {
	background: url('http://club-sonus.sony.de/static/images/generic/background.jpg') repeat-x;
}

#main-inner {
	margin: 0 auto;
	width: 987px;
	background-color: #eaeaea;
	border-left: 8px solid #eaeaea;
	border-right: 8px solid #eaeaea;
}

body.master #main {
	margin: 51px auto 0 auto;
}

#navigation {
	background: url('http://club-sonus.sony.de/static/images/generic/gradient_header.gif') repeat-y #ebebeb;
	height: 80px;	
}

	
	#navigation a.logo {
		display: block;
		float: left;
		margin-top: 0px;
	}
	
	#navigation ul {
		float: right;
		margin-top: 33px;
	}
	
	#navigation li {
		float: left;
	}
	
		#navigation li a img {
			margin: 0 8px 0 10px;
		}

#content-container {
	width: 987px;
	xheight: 1000px; /* TODO: without hight?*/
	border-top: 1px solid #bababa;
	background: url('http://club-sonus.sony.de/static/images/generic/gradient_content.gif') repeat-y #E9E9E9;
}


	#content-container #content {
		margin: 10px 0 0 0;
		width: 757px;
		float: left;
	}
		
		#content-container #content div.content-container-space {
			margin: 0 8px 0 10px;
		}
			#content-container #content div.space .image-headline{
				margin: 0 0px 14px 2px;
			}
			#content-container #content div.space .breadcrumb{
				margin: 0 0px 4px 0;
				text-align: right;
				width: 730px;
			}

	#content-container #teaser {
		margin: 16px 0 0 0;
		width: 230px;
		float: right;
	}
		#content-container #teaser div.teaser-space {
			margin: 0 10px 0 1px;
		}

#breadcrumb {
	width: 732px;
	position: relative;
	top: 14px;
	margin: 0px 0 5px 0;
	float: left;
}

	#breadcrumb ul {
		float: right;
	}

		#breadcrumb ul li {
			float: left;
			display: block;
		}
		
			#breadcrumb ul li a {
				float: left;
				text-decoration: none;
			}
			
				#breadcrumb ul li a:hover {
					color: #e35547;
				}
			
			#breadcrumb ul li div {
				float: left;
				margin: 0 5px 0 5px;
			}
			
			#breadcrumb ul li.last span {
				font-weight: bold;
			}

h1.image {
	color: #fd6600;
	font-size: 12pt;
	margin: 0 0 15px 9px;
	text-transform: uppercase;
}

#teaser div.box-login {
	/*empty*/
}
	
	#teaser table.box-login div.body-space {
		margin: 15px 0 0 7px !important;
	}
	
	#teaser table.box-login label {
		margin: 0 0 5px 0;
		display: block;
	}
	
	#teaser table.box-login #nicknameTextField {
		margin: 0 0 8px 0;
	}
	
	#teaser table.box-login #password {
		margin: 0 0 15px 0;
	}
	
	#teaser table.box-login div.button {
		text-align: center;
	}
	
	#teaser table.box-login input.image-button {
		margin: 0 0 8px 0;
	}
	
	#teaser table.box-login input.input {
		width: 191px;
		height: 14px;
	}
	
	#teaser table.box-login div.links a {
		display: block;
	}
	
#teaser table.box-loggedin {
	/*empty*/
}

	#teaser table.box-loggedin {
		/* empty */	
	}
	
	#teaser table.box-loggedin div.body-space {
		margin: 15px 0 0 7px !important;
	}
	
	#teaser table.box-loggedin h2 {
		margin: 0 0 8px 0;
	}
	
	#teaser table.box-loggedin div.line {
		width: 196px;
		line-height: 1px;
		height: 1px;
		border-top: 1px solid #83807b;
		margin: 0 0 8px 0;
	}
	
	#teaser table.box-loggedin a.logout {
		position: absolute;
		bottom: 0;
		right: 9px;
	}

#teaser table.box-search {
	/* empty */	
}
	
	#teaser table.box-search div.body-space {
		margin: 15px 0 0 7px !important;
	}
	
	#teaser table.box-search input.input {
		width: 191px;
		margin: 0 0 15px 0;
	}
	
	#teaser table.box-search select.select {
		width: 197px;
		margin: 0 0 15px 0;
	}
	
	#teaser table.box-search div.button {
		text-align: center;
	}
/* @end */


/* @group ENTRYPAGES */
/* ----------------------------------------------- */
div#entry-content {
	width: 739px;
	height: 410px;
	margin: 0px 0px 1px 0px;
	font-family: Arial;
	font-size: 8pt;
	color: #4c4c4c;
	float:left;
}

div#entry-content h1.image {
	color: #fd6600;
	font-size: 12pt;
	margin: 16px 0 15px 9px;
	text-transform: uppercase;
}

	div#entry-content div#leftboxes {
		width: 492px;
		float: left;
	}
	
	div#entry-content div.intro-headline {
		margin: 4px 0 0 8px;
		font-size: 9pt;
		font-weight: bold;
	}
		
	div#entry-content div.intro-text {
		margin: 8px 0 12px 8px;
		width: 474px;
		height: 119px;
	}
	div#entry-content div.box-1,
	div#entry-content div.box-2,
	div#entry-content div.box-3 {
		width: 148px;
		height: 225px;
		text-align: center;
		float: left;
		background-repeat: no-repeat;
	}
	div#entry-content div.box-1 {
		margin: 0 16px 0 0;
		background-image: url("http://club-sonus.sony.de/static/images/entry/bg_box_help.gif");
	}
	
	div#entry-content div.box-2 {
		margin: 0 16px 0 0;
		background-image: url("http://club-sonus.sony.de/static/images/entry/bg_box_portfolio.gif");
	}
	
	div#entry-content div.box-3 {
		margin: 0;
		background-image: url("http://club-sonus.sony.de/static/images/entry/bg_box_register.gif");
	}
	
	div#entry-content div.headline {
		width: 134px;
		height: 15px;
		margin: 5px 0 0 8px ! important;
		_margin: 5px 0 0 4px ! important;
		text-align: left;
		float: left;
		font-weight: bold;
		color: #ffffff;
	}
	
	div#entry-content img.icon {
		margin: 14px auto 5px auto;
	}
	
	div#entry-content div.text {
		width: 132px;
		height: 84px;
		margin: 0 auto 10px auto;
		text-align: left;
		line-height:13px;
	}
	
	div#community {
		width: 241px;
		height: 395px;
		margin: 6px 0px 0 0;
		background-image: url("http://club-sonus.sony.de/static/images/entry/bg_box_preview.jpg");
		float:left;
		cursor: pointer;
	}
	
	div#community div.text {
		width: 130px;
		height: 73px;
		margin: 280px 10px 5px 100px;
		_margin: 280px 10px 3px 100px;
		color: #ffffff;
		font-size: 12px;
		line-height: 15px;
	}
	
	div#entry-content div#community img.image-button {
		margin:0px 0px 0px 128px;
		_margin:3px 0px 0px 128px;
	}
	
	div#entry-content div#community div.logo_community {
		float:left;
		margin:11px 0 0 24px !important;
		_margin:11px 0 0 12px !important;
		width:147px;
		height:90px;
		xbackground: url('http://club-sonus.sony.de/static/images/generic/club_sonus_logo_preview.png') no-repeat !important;
		background: none;
		xfilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://club-sonus.sony.de/static/images/generic/club_sonus_logo_preview.png', enabled=true, sizingMethod='crop');
	}
/* @end */


/* @group FOOTER */
/* ----------------------------------------------- */
#footer {
	margin-left: 8px;
}

	#footer img.separator {
		position: relative;
		top: 2px;	
	}
/* @end */


/* @group TAG: BUTTON */
/* ----------------------------------------------- */
input.image-button {
	background: none;
	border:none;	
}

img.image-button {
	cursor:pointer;
}
/* @end */


/* @group TAG: INFO */
/* ----------------------------------------------- */
div.info-layer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
}
	
	div.info-layer img.info-layer-background {
		position: absolute;
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	
	div.info-layer img.info-layer-background {
		position: absolute;
	}
	
	div.info-layer img.arrow {
		position: absolute;
		top: 8px;
	}
	
	div.info-layer img.arrow-left {
		right: 7px;
	}

	div.info-layer img.arrow-right {
		left: 7px;
	}
		
	div.info-layer div.info-layer-body {
		position: absolute;
		top: 9px;
		padding-bottom: 10px;
		color: #000000;
	}
	
	div.info-layer div.info-layer-body-left {
		right: 32px;
		margin: 0 10px 0 10px;
	}
	
	div.info-layer div.info-layer-body-right {
		left: 32px;
		margin-right: 10px;
	}
/* @end */


/* @group TAG: BAR */
/* ----------------------------------------------- */
div.bar {
	/*empty*/
}

	div.bar a {
		color: #ffffff;
		text-decoration: none;
	}

	div.bar div.bar-left{
		background: top left no-repeat;
		height:5px;
		font-size:1px;
		line-height:4px;
	}
	
	div.bar div.bar-right{
		background: top right no-repeat;
		padding:0 5px 0 0;
		margin: 0 0 0 0;
		clear: both;
	}
	
	div.bar div.bar-content{
		padding-top:0;
		padding-bottom:0.3em;
		padding-left:1em;
		padding-right:1em;
		height: 1.125em;
		font-size: 1em;
		font-weight: bold;
		color:#FFFFFF;
		margin:0;
	}
/* @end */


/* @group TAG: BOX */
/*-----------------------------------------------*/
table.box {
		position: relative;
		margin: 0 0 16px 0;
	}
	
		table.box td.box-border-left,
		table.box td.box-border-right {
			vertical-align: top;
		}
		
		table.box img.box-background {
			display: block;
			position: relative;
		}
		
		table.box td.box-content {
			vertical-align: top;
		}
		
		table.box div.body {
			overflow: hidden;
		}
		
		table.box div.body div.body-space {
			margin: 10px 8px 0 7px;
		}
		
		table.box tr.box-error div.box-error-frame {
			position: relative;
		}
		
		table.box tr.box-error div.box-error-body { 
			position: absolute;
			top: 0;
		}
		
		table.box tr.box-error div.box-error-body-space {
			margin: 5px 0 5px 10px;
			color: #ffffff;
		}
		
		table.box tr.box-error div.box-error-body-space span {
			display: block;
		}
		
		
		table.box tr.box-error img.box-error-background {
			display: block;
			border-bottom: 1px solid #bababa;
		}
		
		table.box tr.box-error img.box-error-background-border {
			border-right: 1px solid #bababa;
			border-left: 1px solid #bababa
		}
		
		table.box td.box-header div.header-space {
			position: relative;
			margin-left: 3px;
			top: -2px;
			width: 99%;
		}
		
		table.box td.box-header h1 {
			font-weight: bold;
			color: #000000;
		}
		
			table.box td.box-header h1 a {
				text-decoration: none;
			}
		
		table.box td.box-header div.style-ffffff h1 {
			color: #000000;
		}
		
	
		table.box td.box-header div.style-86a5b8 h1,
		table.box td.box-header div.style-8c9735 h1,
		table.box td.box-header div.style-bcca47 h1,
		table.box td.box-header div.style-c11f23 h1,
		table.box td.box-header div.style-ff6600 h1 {
			color: #ffffff;
		}

/* @group PAGER IN BOX */
		/* ----------------------------------------------- */
		table.box td.box-header div.pager {
			position: absolute;
			top: 0;
			right: 10px;
		}
		
			table.box td.box-header div.pager a {
				text-decoration: none;
				border-right: 1px solid #4C4C4C;
			}
			
			table.box td.box-header div.pager a.active {
				font-weight: bold;
				color: #ffffff; /*#e35547*/;
			}
			
			table.box td.box-header div.pager a:hover {
				color: #ffffff; /*#e35547*/;
			}
			
			table.box td.box-header div.pager a.last {
				border: none !important;
			}
/*			table.box td.box-header div.pager a,
			table.box td.box-header div.pager font,
			table.box td.box-header div.pager span,
			table.box td.box-header div.pager b {
				float: left;
			}
*/		/* @end */
		
		/* @group MORE LINK IN BOX */
		/* ----------------------------------------------- */
		table.box td.box-header div.link-more {
			position: absolute;
			top: 0;
			right: 10px;
		}
			
			table.box td.box-header div.style-ffffff div.link-more a {
				color: #ffffff;
			}
			
		
			table.box td.box-header div.style-86a5b8 div.link-more a,
			table.box td.box-header div.style-8c9735 div.link-more a,
			table.box td.box-header div.style-bcca47 div.link-more a,
			table.box td.box-header div.style-c11f23 div.link-more a,
			table.box td.box-header div.style-ff6600 div.link-more a {
				color: #ffffff;
			}
		/* @end */
		
		/* @group LOADING STATUS IN BOX */
		/* ----------------------------------------------- */
		table.box div.box-loading-status {	
			position: absolute;
			top: 10px;
			left: 10px;
		}
		/* @end */

		/* @group PAGERNICELY */
				table.box td.box-header div.pagernicely,
				table.box td.box-header div.pagernicely a {
					text-decoration: none;
					border: 0;
					color: #ffffff;
				}
		/* @end */

/* @end */


/* @group TAG: LEGEND */
/* ----------------------------------------------- */
div#legend {
	width: 520px;
	height: 75px;
}
	
	div#legend div.label {
		height: 50px;
		font-weight: bold;
		margin: 0 8px 0 8px;
		float: left;
	}
	
	div#legend li {
		margin-bottom: 9px;
		float: left;
	}
	
		div#legend li img {
			float: left;
			margin: 0 8px 0 16px;
		}
		
		div#legend li div {
			float: left;
		}
/* @end */


/* @group TAG: RATING */
/* ----------------------------------------------- */
img.image-rating {
	vertical-align: middle;	
}
/* @end */


/* @group HEADER-IMAGE-GALLERY */
/* ----------------------------------------------- */
div#header-image-gallery {
	display:none;
	margin:0;
}
	
	div#header-image-gallery div#header {
		position:relative;
		overflow:hidden;
		width:987px;
		height:400px;
	}
	
	div#header-image-gallery div.slider {
		position:relative;
		width: 1690px;
		height: 400px;
		overflow: hidden;		
		left:-417px;
		margin:0;
	}
	
	div#header-image-gallery div.slider-buttons {
		position:absolute;
		left:0px;
		top:375px;
		width: 987px;
		height: 25px;
	}
	
	div#header-image-gallery img#button-left {
		position:absolute;
		left:143px;
		top:0px;
	}
	
	div#header-image-gallery img#button-right {
		position:absolute;
		left:801px;
		top:0px;
	}
	
	div#header-image-gallery img#button-up {
		position:absolute;
		left:657px;
		top:0px;
	}
	
	div#header-image-gallery img#button-down {
		position:absolute;
		left:657px;
		top:0px;
	}
	
	div#header-image-gallery div.placeholder {
		width: 599px;
		height: 400px;
		text-align: center;
		vertical-align: middle;
		border-left: 4px solid #000000;
		border-right: 4px solid #000000;
		background-color: #000000;
		float: left;
	}
		div#header-image-gallery div.placeholder img {
			align:middle;
		}
	
	
		div#header-image-gallery div.placeholder img.head-left {
			margin-left: 413px;
			
		}
	
		div#header-image-gallery div.placeholder img.head-left,
		div#header-image-gallery div.placeholder img.head-center,
		div#header-image-gallery div.placeholder img.head-right {
			margin-top: 321px;
		}
	
	div#header-image-gallery div.storage {
		display: none;
	}

	div#header-image-gallery div.picturename {
		font-weight: bold;
	}

	div#header-image-gallery div.slider-users {
		position:  relative;
		top:  -390px;
		left:  0px;
	}
	div#header-image-gallery div.slider-userleft {
		position: relative;
		float: left;
		left: 10px;
	}
	div#header-image-gallery div.slider-usermiddle {
		position: relative;
		float: left;
		left: 105px;
	}
	div#header-image-gallery div.slider-usermiddle img.user-image {
		width: 32px;
		height: 32px;
		float: left;
		margin-right: 3px;
	}
	div#header-image-gallery div.slider-usermiddle a {
		text-decoration: underline;
	}
	div#header-image-gallery div.slider-userright {
		position: relative;
		float: left;
		left: 560px;
	}
	div#header-image-gallery div.slider-userleft img.user-image,
	div#header-image-gallery div.slider-userright img.user-image {
		width: 17px;
		height: 17px;
		float: left;
		margin-right: 3px;
	}
	div#header-image-gallery div.slider-userleft div.nickname, 
	div#header-image-gallery div.slider-userright div.nickname {
		font-size: 7pt;
	}
	
/* @end */


/* @group COMPLAINT STYLE */
/* ----------------------------------------------- */
#contact-window-background {
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: #000000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

iframe#contact-window-content {
	width: 100%;
	background: transparent;
	width: 400px;
	height: 350px;
}

#contact-window-iframe-div {
	position: absolute;
	width: 410px;
	height: 350px;
	text-align: center;
}
/* @end */




/* @group POPUP LAYER STYLE */
/* ----------------------------------------------- */
#popup-window-background {
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: #000000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

iframe#popup-window-content {
	width: 100%;
	background: transparent;
	width: 400px;
	height: 350px;
}

#popup-window-iframe-div {
	position: absolute;
}


#box-sony-popup {
	/*empty*/	
}

	#box-sony-popup div.body-space {
		margin: 0 0 0 8px !important;
	}



/* @end */


/* @group MESSAGE BODY STYLES  */
/* ----------------------------------------------- */


	.jive-message-body {
		font-size:12px;
	}
	.jive-message-body a {
		color:#0000FF;
		font-size:12px;
	}
	.jive-message-body h1 {
	font-size:18px;  
	}
	.jive-message-body h2 {
	font-size:16px ; 
	}
	.jive-message-body h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:14px ;  
	}
	.jive-message-body h1,
	.jive-message-body h2,
	.jive-message-body h3 {
	/* top & bottom margin based on font size */
	}
	.jive-message-body h1,
	.jive-message-body h2,
	.jive-message-body h3,
	.jive-message-body h4,
	.jive-message-body h5,
	.jive-message-body h6,
	.jive-message-body strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
	}
	
	.jive-message-body em {
		font-style:italic;	
	}
	
	.jive-message-body ol,
	.jive-message-body ul,
	.jive-message-body dl {
		margin:1em 0 0 3em;
	}
	.jive-message-body ol li {
		list-style: decimal outside;	
		font-size:12px;
	}
	.jive-message-body ul li {
		list-style: disc outside;
			font-size:12px;
	}
	.jive-message-body dl dd {
	/*giving UL's LIs generated numbers*/
		margin-left:1em;
			font-size:12px;
	}
	.jive-message-body .jive-quote, .jive-pre {
    overflow : auto;
	}
	.jive-message-body .jive-pre {
    padding : 10px;
    padding-left : 1em;
    background-color : #eee;
    margin : 1em 2em 0.5em 2em;
	}
	.jive-message-body .jive-quote {
    padding : 10px;
    padding-left : 1em;
    background-color : #eee;
    margin : 1em 2em 0.5em 2em;
    color : #333;
    font-style : italic;
	}
	.jive-message-body .jive-quote, .jive-pre {
    border : 1px #eee solid;
    border-left : 2px #ccc solid;
    background : url('http://club-sonus.sony.de/forum/images/quote-background-1.gif');
	}
	.jive-message-body .jive-quote .jive-quote {
    border : 1px #eef solid;
    border-left : 2px #ccf solid;
    background : url('http://club-sonus.sony.de/forum/images/quote-background-2.gif');
	}
	.jive-message-body .jive-quote .jive-quote .jive-quote {
    border : 1px #efe solid;
    border-left : 2px #cfc solid;
    background : url('http://club-sonus.sony.de/forum/images/quote-background-3.gif');
	}
	.jive-message-body .jive-quote .jive-quote .jive-quote .jive-quote {
    border : 1px #fee solid;
    border-left : 2px #fcc solid;
    background : url('http://club-sonus.sony.de/forum/images/quote-background-4.gif');
	}

/* @end */


/* @group SYSALERT ??? TODO: delete !!!! */
/* ----------------------------------------------- */
.system-message {
	position:absolute;
	width: 730px;
	padding: 4px;
	margin: 10px 0 10px 0;
	color: white;
	font-weight: bold;
	background:url('http://club-sonus.sony.de/static/images/generic/sysalert.gif') repeat-y transparent;
}
/* @end */

/* @group GALLERY PREVIEW (allover) */

div.preview-container {
	background-color: #5c5c5c;
	width:200px;
	z-index:100;
	position:absolute;
	vertical-align: middle;
	text-align: center;
	border: solid 12px #5c5c5c;
	padding:auto;
	top: 50px;
}
/* @end */

/* @group FORUM SUBMENUES (allover) */
	#subCategoryMenue a.togglelinksubcats {
	cursor:  pointer;
	}
/* @end */