/* Main CSS file myCellar.de
 * (c) Holger Klöss
 *		23.06.07	INITIAL FILE
 */

* {margin: 0; padding: 0;}

body, tr, th, td, input, select, textarea {
	font: 11px/14px /* "Trebuchet MS", Trebuchet, */ Verdana, tahoma, sans-serif;
	color: black;
}

h2, h3, h4, h5, h6 {
	font-family: Verdana, tahoma, sans-serif;
}

h1 {
	font-family: Verdana,Georgia, serif;
}

body {
	color: black;
	background-color: white;
	text-align: center;
	margin: 0;
	padding: 0;
}

p.mb { margin-bottom: 10px; }

h1 {
	color: #999999;
	font-size: 12px;
	padding: 8px 0 12px 0;
	margin: 0;
	letter-spacing: 1px;
	font-weight:bold;
}

h2 {
	color: #308725;
	font-size: 125%;
	padding: 6px 0;
	margin: 0;
	letter-spacing: 1px;
}

h6 {
	padding: 3px 4px;
	font-size: 125%;
	font-weight: normal;
	margin: 0;
}


a			{ text-decoration: none; color: #333; }
/* #contents a { border-bottom: 1px dotted #308725; } */
a:link		{ text-decoration: none; color: #333; }
a:visited	{ text-decoration: none; color: #333; }
a:focus		{ text-decoration: none; color: #333 }
a:hover		{ /* border-bottom: 1px solid #308725; */ text-decoration: underline; color: #333; }
a:active	{ text-decoration: none; color: #333; }

#QuickLoginSubmitButton{
	display:none;
}
/*IE6*/	/*\*/ * html #QuickLoginSubmitButton { display: inline; width: 0px; height: 0px; } /**/
.headerLink{
	color:#ffffff !important;
	font-weight:bold;
	margin-right:10px;
}
#headerLinkArea{
	float:left;
	margin-top:2px;
}
#headerSearchArea{
	float:right;
}
#content_top_mainlayout{
	height:1px;
}
/*IE6*/	/*\*/ * html #content_top_mainlayout { margin-top:-14px; } /**/

.footerLink{
	color:#ffffff !important;
	font-weight:bold;
	margin-right:10px;
}
.active{
	color:#0000bb !important;
	font-weight:bold;
}

.uLink a, .uLink a:link, .uLink a:visited, .uLink a:focus, .uLink a:hover, .uLink a:active {
	text-decoration: underline;
}

a img { border: none; }

/* #contents a { text-decoration: underline; } */

.underline {text-decoration: underline !important;}

.selected, .selectedtrue {
	font-weight: bold;
}
/* .notSelected, .selectedfalse { } */

.normalWeight {
	font-weight: normal;
}

.userNickname {
	font-weight: bold;
}

.errorMessage {
	color: red;
	font-weight: bold;
}

.successMessage {
	color: #308725;
	font-weight: bold;
}

.verticalCenter { vertical-align: middle; }

.clearBlock { clear: both; height: 0; }
.clearLeft  { clear: left; height: 0; }

.noBorder { border: 0; }
.noMargin { margin: 0; }

.editField {
	background-color: white;
	padding: 2px;
	border: 1px dotted #308725;
}

.editor_field_inactive {
	border-bottom: 1px dotted #308725;
	/* border-top: 1px dotted #308725; */
	min-height: 15px;
	background-color: white;
}

.noEditFields .editor_field_inactive {
	border-width: 0;
	background-color: transparent;
}

/* */
div.greenBorder {
	border: 2px solid #308725;
	background-color: #f2f2b2;
}

div.greenBorderTop {
	border-top: 2px solid #308725;
	background-color: white;
}

hr {
	border-top: 1px solid #308725;
	margin: 5px 0;
}

/* ROUND BOX MAIN CONTAINER */
#contboxtr { background:url(../images/rndbox/brdcont_tr.png) top right no-repeat;
	width: 95%;
	min-width: 1024px;
	max-width: 1100px;
	margin: 0 auto;
	background-color: white;
}
/*IE6*/	/*\*/ * html #contboxtr { width:expression(document.body.clientWidth > 1024 ? (document.body.clientWidth > 1100 ? "1100px" : "100%" ) : "1024px" ); } /**/

#contboxtl { background:url(../images/rndbox/brdcont_tl.png) top left no-repeat; }
#contboxbr { background:url(../images/rndbox/brdcont_br.png) bottom right no-repeat; }
#contboxbl { background:url(../images/rndbox/brdcont_bl.png) bottom left no-repeat;
	padding: 30px 60px;
	text-align: left;
}
ul#tabPanel
{

margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#tabPanel li
{
display: inline;
list-style-type: none;
}

#tabPanel a { padding: 3px 10px; }

#tabPanel a:link, #tabPanel a:visited
{
	color: #fff;
/*	background-color: #036;*/
	text-decoration: none;
}

#tabPanel a:hover
{
	color: #fff;
/*	background-color: #369;*/
	text-decoration: none;
}

#tabPanel a.current{
/*	background-color: #369;*/
}

/* ROUND BOX */
.rboutline, .rbroundbox, #contentMenu, #contentMain, .contentMainB, .contentMainInner {
	margin: 15px 0;
	background-color: #FFFFFF;
}

.rbtop div { background: url(../images/rndbox/f2f2b2_tr.png) no-repeat top right; }
.rbtop     { background: url(../images/rndbox/f2f2b2_tl.png) no-repeat top left; }
.rbbot div { background: url(../images/rndbox/f2f2b2_br.png) no-repeat bottom right; }
.rbbot     { background: url(../images/rndbox/f2f2b2_bl.png) no-repeat bottom left; }

.rbtop, .rbtop div, .rbbot, .rbbot div {
	height: 9px;
	line-height:9px;
}
.rbtop, .rbbot {
	background-color: #FFFFFF;
}
.rbtop div, .rbbot div {
	background-color: none;
}
.rbtop div div, .rbbot div div {
	margin-left:10px;
	margin-right:10px;
	background:none;
	background-color:#FFFFFF;
}
.rbtop div div{
	border-top: 1px solid #BDBDBD;
}
.rbbot div div{
	border-bottom: 1px solid #BDBDBD;
}
.rbcontent {
	background-color: #FFFFFF;
	border-left: 1px solid #BDBDBD; 
	border-right: 1px solid #BDBDBD;
	padding-top: 16px;
	background: transparent url(../images/verlauf_mitte.gif) repeat-x scroll left top;
}
.rbcontentText {
	padding: 14px 14px;
	background-color: #FFFFFF;
	border-left: 1px solid #BDBDBD; 
	border-right: 1px solid #BDBDBD;
	background:transparent url(../images/verlauf_mitte.gif) repeat-x scroll left top;
}
.rbcontentTextWhiteBox {
	padding: 14px 14px;
	background-color: #FFFFFF;
	border-left: 1px solid #BDBDBD; 
	border-right: 1px solid #BDBDBD;
}
/*IE6*/	/*\*/ * html .rbtop, * html .rbbot { width:100%; margin:0; border:0; } /**/
.rbLeftBorder {
	float:left;
	height:9px;
	width:14px;
	background:transparent url(../images/verlauf_li.gif) no-repeat scroll left top;
}
.rbRightBorder {
	float:right;
	height:10px;
	width:10px;
	background:transparent url(../images/verlauf_re.gif) no-repeat scroll right top;
}
/* Round box mixer */


.mrbtop div { background: url(../images/rndbox/box_rund_re_oben.jpg) no-repeat top right; }
.mrbtop     { background: url(../images/rndbox/box_rund_li_oben.gif) no-repeat top left; }
.mrbbot div { background: url(../images/rndbox/box_rund_li_unten.jpg) no-repeat bottom right; }
.mrbbot     { background: url(../images/rndbox/box_rund_re_unten.jpg) no-repeat bottom left; }

.mrbtop, .mrbtop div, .mrbbot, .mrbbot div {
	height: 9px;
	line-height:9px;
}
.mrbtop, .mrbbot {
	background-color: #FFFFFF;
}
.mrbtop div, .mrbbot div {
	background-color: none;
}
.mrbtop div div, .mrbbot div div {
	margin-left:10px;
	margin-right:10px;
	background:none;
	background-color:#FFFFFF;
}
.mrbtop div div{
	border-top: 1px solid #BDBDBD;
}
.mrbbot div div{
	border-bottom: 1px solid #BDBDBD;
	height: 8px;
}
.mrbcontent {
	background-color: #FFFFFF;
	border-left: 1px solid #BDBDBD; 
	border-right: 1px solid #BDBDBD;
	padding-top: 16px;
	background: transparent url(../images/verlauf_mitte.gif) repeat-x scroll left top;
}
.mrbcontentText {
	padding: 14px 14px;
	background-color: #FFFFFF;
	border-left: 1px solid #BDBDBD; 
	border-right: 1px solid #BDBDBD;
	background:transparent url(../images/verlauf_mitte.gif) repeat-x scroll left top;
}
.mrbcontentTextWhiteBox {
	padding: 5px;
	background-color: #FFFFFF;
	border-left: 1px solid #BDBDBD; 
	border-right: 1px solid #BDBDBD;
}
/*IE6*/	/*\*/ * html .mrbtop, * html .mrbbot { width:100%; margin:0; border:0; } /**/
.mrbLeftBorder {
	float:left;
	height:9px;
	width:14px;
	background:transparent url(../images/verlauf_li.gif) no-repeat scroll left top;
}
.mrbRightBorder {
	float:right;
	height:10px;
	width:10px;
	background:transparent url(../images/verlauf_re.gif) no-repeat scroll right top;
}
.footerLeft {
	float:left; 
	height:28px;
	width:14px;
	background:transparent url(../images/balken_unt_li.gif) repeat-x scroll left top;
}
/*IE6*/	/*\*/ * html .footerLeft { margin-right:-4px; } /**/
.footerRight {
	float:right; 
	height:28px;
	width:14px;
	background:transparent url(../images/balken_unt_re.gif) repeat-x scroll left top;
}
/*IE6*/	/*\*/ * html .footerRight { margin-left:-4px; } /**/
.footerContent {
	height:28px;
	padding-top:6px;
	background:transparent url(../images/balken_unt_mitte.gif) repeat-x scroll left top;
	color:#ffffff;
}
#videnioLogoDiv {
	float:left;
	margin-bottom:6px;
}
#QuickLoginDiv {
	float:right;
	margin-top:6px;
}
#headerLeft {
	float:left; 
	height:36px;
	width:14px;
	background:transparent url(../images/blaken_li.gif) repeat-x scroll left top;
}
/*IE6*/	/*\*/ * html #headerLeft { margin-right:-4px; } /**/
#headerRight {
	float:right; 
	height:36px;
	width:14px;
	background:transparent url(../images/balken_li.gif) repeat-x scroll left top;
}
/*IE6*/	/*\*/ * html #headerRight { margin-left:-4px; } /**/
#headerContent {
	height:36px;
	padding-top:8px;
	background:transparent url(../images/balken_mitte.gif) repeat-x scroll left top;
	color:#ffffff;
}
#communityQuickLinks{
	float:right;
}
/* ELEMENTS */

#headerLogo {
	float: left;
	width: 156px;  /* Logo: 131 + white space 27 - 2 */
	height: 79px;
	line-height: 79px;
	text-align: left;
	vertical-align: middle;
}

#headerBar {
	margin: 0 0 0 0px;
	height: 60px;
	color: white;
	background: #96bd0d url(../images/hk/top_716x79_center.gif) repeat-x;
}
/*IE6*/	/*\*/ * html #headerBar { margin-top:-13px; } /**/
/*IE7*/	*+html #headerBar { margin-top:-13px; }

#headerLogin {
	height: 24px;
	background: url(../images/hk/top_716x79_tl.gif) top left no-repeat;
}

#headerLogin div {
	line-height: 24px;
	text-align: right;
	vertical-align: middle;
	padding-right: 13px;
	background: url(../images/hk/top_716x79_tr.gif) top right no-repeat;
}
/*IE6*/	/*\*/ * html #headerLogin div { padding-top:2px; } /**/

#headerLogin form { vertical-align: middle; }
#headerLogin label, #headerLogin input { vertical-align: middle; }

#headerLogin a { color: white; }
#headerLogin a:hover { text-decoration: none; color: white; background-color: #96bd0d; }

#headerLogin .loginField {
	margin-right: 5px;
	width: 70px;
	color: #308725;
}

#headerNavSrch {
	height: 40px;
	padding: 0 13px;
	/* border: 1px solid transparent; */ 	/* !!! */
	margin: 0;
}

#headerNav {
	position: relative;
	margin-right: 200px;
	height: 40px;
	/*
	min-width: 330px;
	/*IE6*_/	width:expression(document.body.clientWidth > 330 ? "auto" : "330px" );
	*/
		/* !!! */
	text-align: left;
	vertical-align: middle;
	/* border: 1px solid transparent; */ 	/* !!! */
}

#headerNav ul { vertical-align: middle; }
#headerNav li { display: inline; vertical-align: middle; line-height: 53px; }
#headerNav li a       { color: white; }
#headerNav li a:hover { color: white; background-color: #308725; text-decoration: none; }


#headerSrch {
	float: right;
	width: 200px;
	height: 53px;
	text-align: right;
	vertical-align: middle;
	border: 0 solid green;
}

#headerSrch .verticalCenter {
	margin-top: 15px;
}

#navSearchBoxTxt {
	width: 130px;
	color: #308725;
}

#navSearchBoxImg {
	position: relative;
	top: 4px;
	padding-left: 3px;
	background-color: transparent;
}


#contents {
	clear: both;
	height: auto;
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 0;
	border: 0;
}

#leftColumn {
	float:left;
	width:20%;
}
#mainColumn {
	float:left;
	width:80%;
}
.contentEntry {
	float:left;
	margin-top:20px;
}
.contentEntryStretched {
	float:left;
	margin-top:20px;
	margin-left:20px;
}
.contentEntryLosFeature {
	float:left;
	width: 25%;
}
/*IE6*/	/*\*/ * html .contentEntryLosFeature { width: auto; margin-right:5px;} /**/
/*IE7*/	*+html .contentEntryLosFeature { width: auto; margin-right:5px;}

.contentEntryStretchedHome {
	float:left;
	margin-top:20px;
	margin-left:30px;
}
.contentEntryPreviewImage{
	z-index:100;
	float:left;
	position:absolute;
	margin:5px;
}
.uploadPreviewImage{
	top: 5px;
	left: 5px;
	position: relative;
}
.userImage{
	border: 1px solid #cccccc;
	padding: 1px;
}
#notifyBoxBackgroundDiv{
	visibility: hidden; 
	position: absolute; 
	background-color: rgb(0, 0, 0); 
	opacity: 0.4; 
	filter:alpha(opacity=40);   
    -moz-opacity: 0.4;   
	z-index: 110;
}
#notifyBoxOverlayDiv{
	z-index: 120; 
	visibility: hidden; 
	left: 45%; 
	top: 265px; 
	position: absolute; 
	background-color:#FFF;
	width: 300px;
}
#notifyBoxOverlayInnerDiv{
	margin:20px;
}
#notifyBoxDropDown{
	width:90%;
}
#notifyBoxTextArea{
	width:95%;
}
#publicateBoxBackgroundDiv{
	visibility: hidden; 
	position: absolute; 
	background-color: rgb(0, 0, 0); 
	opacity: 0.4; 
	filter:alpha(opacity=40);   
    -moz-opacity: 0.4;   
	z-index: 110;
}
#publicateBoxOverlayDiv{
	z-index: 120; 
	visibility: hidden; 
	left: 45%; 
	top: 265px; 
	position: absolute; 
	background-color:#FFF;
	width: 300px;
}
#publicateBoxOverlayInnerDiv{
	margin:20px;
}
.publicateBoxDropDown{
	width:90%;
}
#userDownloadBoxBackgroundDiv{
	visibility: hidden; 
	position: absolute; 
	background-color: rgb(0, 0, 0); 
	opacity: 0.4; 
	filter:alpha(opacity=40);   
    -moz-opacity: 0.4;   
	z-index: 110;
}
#userDownloadBoxOverlayDiv{
	z-index: 120; 
	visibility: hidden; 
	left: 45%; 
	top: 265px; 
	position: absolute; 
	background-color:#FFF;
	width: 300px;
}
#userDownloadBoxOverlayInnerDiv{
	margin:20px;
}
#userDownloadBoxDropDown{
	width:90%;
}
#CommunityList{
	float:left;
	}
.CommunityTabs {
	float:left;
	margin-left:80px;
}
#createMessage {
	text-align:center;
}
#MessageList{
	float:left;
}
.MessageTabs{
	float:left;
	margin-left:100px;
}
#BestVideosVideoSelect{
	float:left;
	width:65%;
}
.BestVideosFirstGoToMixer{
	float:right;
	margin-top:40px;
}
#BestVideosVideoPlayer{
	float:right;
	margin-top:40px;
}
.BestVideosSecondGoToMixer{
	float:right;
	margin-top:20px;
}

#footer {
	clear: both;
	text-align: center;
	height: auto;
	margin-right:5px;
}
.suggestForm{
	float: left;
	width: 60%;
}
.suggestEntry{
	float: left;
	margin-top: 37px;
}

#footer a { text-decoration: none; color: black; }
#footer a:hover { text-decoration: none; color: #000000;}

/* HOME */
#homeHead {
	float: left;
	width: 74%;
	height: auto;
	background-color: #f2f2b2;
	/* margin-right: 25.8%; */
}
/*IE6*/	/*\*/ * html #homeHead { width: 75%; } /**/
/*IE7*/	*+html #homeHead { width: 75%; }

#homeHeadIllu {
	float: right;
	width: 22.5%;
	max-height: 145px;
	overflow: hidden;
}
#homeHeadIllu img {
	width: 100%;
}

.homeHeadColAB {
	padding: 10px;
	width: 31%;
	height: 100%;
	vertical-align: center;
	background: url(../images/hk/home_head_separator.gif) right center no-repeat;
}
/*IE6*/	/*\*/ * html .homeHeadColAB { width: 34%; } /**/
/*IE7*/	*+html .homeHeadColAB { width: 34%; }

.homeHeadColStats {
	padding: 10px;
	vertical-align: center;
}

.homeHeadImg {
	margin-right: 4px;
	margin-left: 2px;
	border: 0;
}
.homeHeadText {
	vertical-align: middle;
	color: black;
}

#contents #homeHead p  { margin: 0 0 7px 0; }
#contents #homeHead ul { margin: 0; padding: 0 0 0 15px; list-style: square; }
#contents #homeHead li { margin: 0; padding: 4px 0 0 0; }


#homeMain {
	/*
	clear: both;
	*/
	margin-top: 30px;
	height: auto;
}
/*IE6*/	/*\*/ * html #homeMain { margin-top: 15px; } /**/

#homeMainWeine, #homeMainFreunde, #homeMainRezens, #homeMainSpons {
	float: left;
	border-left:  1px solid #308725;
	border-right: 1px solid #308725;
	margin-right: 3%;
	min-width: 100px;
	width: 22.5%;
}

#homeMainRezens { margin-right: 0; }

#homeMainSpons  { margin-right: 0; float: right; border-bottom: 1px solid #308725; }
/*IE6*/	/*\*/ * html #homeMainSpons { width: 21.5%; } /**/
/*IE7*/	*+html #homeMainSpons { width: 21.5%; }

#homeMainSponsInner { padding: 10px; width: 120px; margin: 7px auto 8px auto; }
/*IE6*/	/*\*/ * html #homeMainSponsInner { margin: 15px auto 16px auto; } /**/


#homeMain a { text-decoration: none; border-bottom: 0; }

.headA,
.headB { width: 100%; margin-bottom: 0; }

.headA { background-color: #308725; color: white; }
.headB { background-color: #f2f2b2; color: #308725; }

.headA a, .headA a:visited, .headA a:active { text-decoration: none; color: white; }
.headB a, .headB a:visited, .headB a:active { text-decoration: none; color: #308725; }

.headA a:hover,
.headB a:hover { text-decoration: none; color: white; background-color: #96bd0d; }

/* .headA h6, .headB h6 { padding: 3px 4px; font: 120% normal; margin: 0; } */

.headText {
	padding: 3px 4px;
	font-size: 120%;
	margin: 0;
}

.listImgSmallNarrow, .listImgSmallWide {
	clear: left;
	float: left;
	height: 64px;
	line-height: 64px;
	padding: 2px 4px 2px 2px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #308725;
}
/*IE6*/	/*\*/ * html .listImgSmallNarrow, * html .listImgSmallWide {
	height: 67px;
	margin-top: 1px;
	margin-right: -3px;
} /**/

.listImgSmallNarrow {
	width: 32px;
}
.listImgSmallWide {
	width: 70px;
}

.listImgSmallNarrow img, .listImgSmallWide img {
	max-height: 64px;
	/*IE6*/	height:expression( this.height > 64 ? "64px" : true );

}
.listImgSmallNarrow img {
	max-width: 32px;
	/*IE6*/	width:expression( this.width > 32 ? "32px" : true );
}
.listImgSmallWide img {
	max-width: 64px; /* max-height: 68px; */
	/*IE6*/	width:expression( this.width > 64 ? "64px" : true );
}

.listDesc {
	height: 64px;
	padding: 2px;
	vertical-align: middle;
	border-bottom: 1px solid #308725;
	overflow: hidden;
}
/*IE6*/	/*\*/ * html .listDesc {
	height: 66px;
	margin-top: 2px;
} /**/

.listDesc p {
	width: 100%;
	height: 60px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	vertical-align: middle;
}

.listDesc p img {
	vertical-align: middle;
}


#homeFoot {
	clear: both;
	height: auto;
	margin-top: 30px;
	border: 0 solid green;
}

#homeFootNews { width: 48.5%; /* margin-right: 275px; */ background-color: #f2f2b2; padding: 0; }
#contents #homeFootNews ul { list-style-type: none; padding: 10px 10px 0 10px; margin: 0em; }
#contents #homeFootNews li { padding: 0 0 10px 0; }

#homeNavigationList {
	margin-right:5px;
	margin: 15px 5px 0px 0px;
}
#HomeSummaryDiv {
	margin: 20px;
}
.myHomeListBox {
	display:none;
	float:left;
}
/* TAG CLOUD (START) ----------- */
#homeFootTags {
	float: right;
	width: 48.7%;
	height: auto;
	background-color: white;
	/* border: 1px solid transparent; */	/* !!! */
}


.tagCloud, .tagCloudB  { font-size: 155%; line-height: 108%; text-align: justify; }

.tagCloudXSmall	{ font-size:  70%; color: #96bd0d; }
.tagCloudSmall	{ font-size:  85%; color: #40A000; }
.tagCloudMedium	{ font-size: 100%; color: #308725; }
.tagCloudLarge	{ font-size: 110%; color: #206725; font-weight: bold; }
.tagCloudXLarge	{ font-size: 125%; color: #206725; font-weight: bold; }

.tagCloud a:hover { text-decoration: none; }
.tagCloud a span:hover { color: black; text-decoration: none; }

/* TAG CLOUD (END) ----------- */


/* FORM FIELDS */

form {
	font-size: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}


fieldset, legend, label, input, select, textarea {
	font-size: 100%;
}

textarea {
	overflow: auto;
}

#contents form fieldset {
	display: block;
	width: auto;
	padding: 10px 0 10px 5px;
	margin: 0 auto;
	border-color: #308725;
	border-width: 1px 0 0 0;
	border-style: solid none none none;
}

#contents form fieldset fieldset, #verifdiv fieldset {	/* nested fieldset */
	margin-left: 100px;
	margin-right: 50px;
	border-bottom: 1px solid #308725;
}

#contents form fieldset legend {
	font-weight: bold;
	color: #308725;
	padding: 5px 5px 5px 5px;
	margin: 0;
	/*
	background: #96bd0d;
	border: 1px solid #308725;
	border-right-width: 2px;
	border-bottom-width: 2px;
	*/
}

#contents form label, #contents form input, #contents form textarea, #contents form select {
	float: left;
	cursor: pointer;
	width: 150px;
	margin-bottom: 4px;
}

#contents form label {
	padding-right: 7px;
	margin-top: 4px;
	width: 130px;
}

#contents form fieldset label {
	text-align: right;
}

#contents input:focus, #contents input:hover,
#contents form input:active, #contents form input:focus, #contents form input:hover {
	background: #96bd0d;
	cursor: pointer;
}

#contents form br { clear: left; } /* das floating der labels und inputs aufheben "Zeilenumbruch" */

#contents form input#submit {
	float: none;
	width: auto;
}

#contents form input[type="submit"], #contents form input[type="button"], #contents form input[type="radio"], #contents form input[type="checkbox"] {
	width: auto;
}

#contents form input.w150 {
	width: 150px;
}

#contents form input[type="hidden"] {
	float: none;
	height: 0;
	width: 0;
	margin: 0;
}

#contents input.button, #contents form input.button, #contents form input.autoWidth, #contents form input.button, #contents form .privacy input {
	width: auto;
	margin-top: 4px;
}

#contents form div.errorMessage {
	margin: 3px 0 10px 263px;
}

#contents form select.long {
	height: 150px;
}

#contents form div.infoBox {
	font-style: italic;
	margin-left: 450px;
	padding-left: 5px;
	border-left: 1px solid #308725;
}

#contents form#signUpForm label {
	width: 250px;
}

#contents form#signUpForm .privacy label {
	width: 382px;
}

#contents form#signUpForm div.infoBox {
	margin-left: 425px;
}

#contents form#signUpSuccForm input.refemail {
	width: 300px;
}
#contents form#signUpSuccForm textarea {
	width: 300px;
	height: 200px;
}

#contents form .inputInfo {
	padding-left: 1em;
}


#contents form#newMsgForm input, #contents form#newMsgForm textarea,
#contents form#Wine_form input, #contents form#Wine_form select, #contents form#Wine_form textarea {
	width: 300px;
}

#contents form#Wine_form input.short, #contents form#Wine_form select.short {
	width: 150px;
}

#contents form#Wine_form div.errorMessage {
	margin-left: 136px;
}

#contents form#Wine_form input.radiobutton {
	width: 15px;
	margin: 2px 9px 0 110px;
}

#contents form#Wine_form label.radioBLabel {
	width: auto;
	text-align: left;
}

#contents form#Wine_form div#etikettediv {
	float: left;
	width: 120px;
	margin-right: 5px;
	/* border: 1px solid transparent; */	/* !!! */
}

#contents form#Wine_form div#etikettediv img {
	max-width: 120px;
}

#contents form#Wine_form div#wineinfos {
	margin-left: 125px;
}

form#Wine_form dl, #wineDetailsText dl {
	clear: left;
	margin-top: 12px;
}

form#Wine_form dt, #wineDetailsText dt {
	clear: left;
	float: left;
	width: 150px;
	font-weight: bold;
	margin-bottom: 4px;
	display: block;
}
form#Wine_form dd, #wineDetailsText dd {
	display: block;
	font-weight: normal;
	margin: 0 0 4px 155px;
	vertical-align: middle;
}

form#Wine_form dd img, #wineDetailsText dd img {
	vertical-align: middle;
}

#contents form#recensionform {
	margin:0;
	padding:0;
	width: 100%;
}

#contents form#recensionform th {
	clear: none;
}

#contents form#recensionform label {
	width: 105px;
}

#contents form#recensionform textarea {
	width: 325px;
	height: 70px;
}

#contents form#Empfehlen_form label {
	width: 105px;
}

#contents form#Empfehlen_form textarea {
	width: 350px;
	height: 190px;
}

#contents form#Empfehlen_form input.long {
	width: 350px;
}

#extSearchTags {
	margin-left: 310px;
	color: #308725;
}

#extSearchDiv {
	float: left;
	width: 300px;
}

#contents form#extSearchForm label {
	width: 110px;
}


/*
form fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

form fieldset div.notes h4 {
  background-image: url(/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form fieldset div.notes p.last {
  margin: 0em;
}
*/

div.autocomplete {
	width: 300px;
	background-color:#333333;
	border-top:1px solid black;
	font-family:Arial;
	font-size:11px;
}

div.autocomplete ul {
	list-style-image:none;
	margin: 0px;
	padding: 0px;
	list-style-type:none;
}

#ajaxAuto_vineyard ul {
	list-style-image:none;
	margin: 0px !important;
	padding: 0px !important;
	list-style-type:none;
}

div.autocomplete li {
	display:block;
	border-width: 0pt 1px 1px !important;
	border-style: none solid solid !important;
	background-color: #F2F2B2;
	cursor:pointer;
	margin:0;
	padding:2px 5px;
	list-style-type:none;
   padding:2px;
   border: 1px solid black;
  }

div.autocomplete li.selected {
	background-color:#96BD0D;
	font-weight:bold;
}


/* LISTS */
#contents ul, #contents ol {
	padding-left: 15px;
	padding-bottom: 3px;
	margin: 1em;
	/*
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-left: 1px solid white;
	*/
}

#contents li { padding-bottom: 4px; }


#faq dt, dl.std dt { font-weight: bold; margin: 0; padding-bottom: 5px; }
/*
#faq dd, dl.std dd { font-weight: normal; margin: 0; padding-bottom: 15px; padding-left: 25px; }
*/
#faq dd, dl.std dd { font-weight: normal; margin: 0 0 15px 25px; padding: 0; }
#faq dd { text-align: justify; }

/* WINE / FRIENDS / etc. PAGES */
#friendsBar { float: right; width: 180px; margin-bottom: 20px; }

#friendsBarOne, #friendsBarTwo {
	border-left:  1px solid #308725;
	border-right: 1px solid #308725;
	width: 180px;
	margin: 0;
}

#friendsBarTwo { margin-top: 20px; }

#friendsBar .infoBox { padding: 5px; border-bottom: 1px solid #308725; }
#friendsBar .infoBox ul { padding-bottom: 0; margin: 0; }

#friendsBar .noElements { padding: 20px 5px; font-style: italic; border-bottom: 1px solid #308725; }


#contentMenu, #contentMain, .contentMainB, .contentMainX {
	margin-right: 5px;
}
/*IE6*/	/*\*/ * html #contentMenu, * html .rbbot { width:auto; } /**/

/*IE7*/	*+html #contentMain { width: 100%; }

.contentMainInner { width: 100%; }

#contentMenu p { margin-top: 15px; }
#contentMenu .contentMenuLinks  { margin-top:  5px; margin-bottom: 5px; }
#contentMenu .contentMenuStatus { margin-top: 15px; margin-bottom: 5px; }

.menuActionButton {
	margin-top: 13px;
	width: auto;
	vertical-align: middle;
	font-style: italic;
}

.menuActionButton img {
	margin-right: 8px;
}

table.wlTable th {
	clear: right;
	background: #77BBEE;
	font-weight: normal;
	text-align: center;
	height: 28px;
	/*
	line-height: 30px;
	overflow: hidden;
	*/
	vertical-align: middle;
	padding: 4px 4px 2px 2px;
	margin: 0;
	/* border-right: 1px dotted #9cc319; */
	border-bottom: 1px solid black;
}

table.wlTable th.firstCol { background: #eae997 url(../images/rndbox/rblist_tl.gif) no-repeat top left; }
table.wlTable th.lastCol  { background: #eae997 url(../images/rndbox/rblist_tr.gif) no-repeat top right; }

table.wlTable .sortTableIndic { width: 13px; }

table.wlTable .asc, table.wlTable .desc {
	height: 14px;
	line-height: 14px;
	vertical-align: middle;
}

table.wlTable .selected {
	background: #f1f171;
}

table.wlTable .selected a, .wlPgSel a.selected {
	color: black;
	font-weight: bold;
}

table.wlTable th a:hover {
	background: black;
	color: white;
	text-decoration: none;
}

table.wlTable td {
	vertical-align: middle;
	text-align: center;
	height: 80px;
	padding: 2px;
	border-bottom: 1px solid black;
	/* background: transparent; */
}

table.wlTable tr.noimg td {
	height: 30px;
}

table.wlTable .ShelfTableNoBord td {
	border-width: 0;
}

table.wlTable .firstCol, table.wlTable .lastCol {
	border-bottom: 0; border-right: 0; width: 10px; padding: 0; font-size: 1px;
}
table.wlTable .noTitle {
	border-right: 0;
}


table.wlTable .wlName { text-align: left; font-weight: bold; }
table.wlTable .wlVintg { font-weight: bold; }
table.wlTable .wlCnt { font-weight: bold; width: 45px; }
table.wlTable .wlCnt input { width: 45px; text-align: center; }

table.wlTable .wlImg { width: 35px; }
table.wlTable .wlImgFrnd { width: 80px; }

table.wlTable .wlImg img { max-height: 80px; max-width: 35px; background: transparent; }
table.wlTable .wlImgFrnd img { max-height: 80px; max-width: 80px; background: transparent; }

table.wlTable .wlRem { width: 21px; }
table.wlTable .wlRem img { max-height: 23px; max-width: 21px; }

/*
table.wlTable .wlSubject, table.wlTable .wlDate { text-align: left; }
*/
table.wlTable .wlAction { }
table.wlTable .wlTags { overflow: hidden; }

table.wlTable .wlStatus { font-style: italic; }
.wlStatus .online { color: green; }
.wlStatus .offline { color: red; }

.editor_field_inactive_bottles {
	border: 1px solid #308725;
	width: 45px;
	text-align: center;
	background-color: white;
}

.wlPgSel {
	margin-left: 15px;
	margin-top:   5px;
	font-size: 100%;
}


table.msgTab {
}

table.msgTab .msgTabLabel {
	width: 90px;
	padding-right: 10px;
	vertical-align: top;
}

table.msgTab .msgTabCont {
	padding-bottom: 8px;
	vertical-align: top;
}

table.msgTab textarea {
	margin-bottom: 5px;
	width: 100%;
}

/* PROFILE PAGE */
#ProfileForm label{
	display: block;
	width: 150px;
	float: left
}
#ProfileForm input{
	margin-top: 3px;
}
#profileLeft {
	float: left;
	width: 150px;
	text-align: center;
	overflow: hidden;
}

#profileMain {
	margin-left: 180px;
	width: auto;
}

#profileLeft div img {
	max-width: 150px;
	max-height: 150px;
	margin-bottom: 15px;
}

#profileLeft .profileLoad {
	width: 150px;
}

#profileMain fieldset {
	width: auto;
	margin: 1.5em auto;
	display: block;
	clear: both;
}

#profileMain legend {
	background: #96bd0d;
	color: white;
	padding: 4px;
	border: 1px solid #308725;
	border-right-width: 2px;
	border-bottom-width: 2px;
	margin: 4px 0;
	font-weight: bold;
}

.profileLabel{
	float:left;
	margin-right:5px;
	text-align:right;
	width:153px;
}
.profileExportingFields{
	float:left;
}
.profileExportingImages{
	float:left;
}

#contents form#profOverForm label {
	width: 170px;
	text-align: right;
}

#contents form#profOverForm input[type="text"], #contents form#profOverForm input[type="password"] {
	width: 200px;
}

#contents form.friendsMenuSrch label {
	width: 210px;
}

#profInfoBox {
	width: 122px;
	border-left: 1px solid #308725;
	padding-left: 5px;
}

#profileMain .profLabel, #profileMain .profLabelLong, #profileMain .profData {
	text-align: left;
	padding: 2px 5px 5px 0;
}

#profileMain .profLabel {
	width: 170px;
}

#profileMain .profData {
	line-height: 15px;
}

#profileMain p {
	margin-top: 0;
	margin-bottom: 0;
}

#profileMain p.h7 {
	margin-top: 10px;
	margin-bottom: 5px;
}

#profileMain input:active,
#profileMain input:focus,
#profileMain input:hover {
	background: #96bd0d;
}

#profileMain .privacy label {
	width: 330px;
	text-align: right;
}
#profileMain .privacy input {
	width: auto;
	margin-top: 4px;
}

#profileMain form br, #profileMain br {
	clear: left;
}

#profileMain .profSeparator {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 1px;
	border-bottom: 1px solid #308725;
}

#genderSelect select, #genderSelect input {
	width: auto;
}


/* --- PROFILE PAGE */

/* WINES DETAILS / CATEGORIES */

#wineDetailsPhoto {
	float: right;
	width: 150px;
	max-height: 400px;
	text-align: center;
}

#wineDetailsPhoto img {
	max-height: 400px;
	max-width: 150px;
	margin-right: 10px;
}

#wineDetailsText {
	/* margin-right: 170px; */
}

#recommendDiv {
	width: auto;
	margin-right: 160px;
}

.wineDetailsStatus {
	margin-bottom: 5px;
}

.wineDetailsStatus, .wineDetailsStatus a, .wineDetailsStatus a:hover {
	color: #308725;
}

.catBoxLeft, .catBoxRight {
	float: left;
	background-color: #f2f2b2;
	margin-bottom: 10px;
	width: 49%;
}

.catBoxLeft {
	clear: left;
}

.catBoxRight {
	margin-left: 2%;
}

.catBoxLeft h5, .catBoxRight h5 {
	font-size: 120%;
	color: #308725;
	margin-bottom: 5px;
}

.catBoxCont {
	overflow: hidden;
	height: 56px;
	color: #308725;
}

.catBoxLeft .catBoxCont, .catBoxRight .catBoxCont {
	height: 68px;
}

.catBoxLeft .catBoxContAll, .catBoxRight .catBoxContAll {
	color: #308725;
}

.catBoxCont .listDesc {
	border-bottom: none;
}

.catBoxCont .noElements {
	font-style: italic;
}

.catBoxMore {
	height: 15px;
	text-align: right;
	padding-right: 10px;
}

/* --- WINES CATEGORIES */


.noBorderT { margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; }
.fullTable, .fullWidth { width: 100%; margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; }

.fullTable { height: 100%; }
.verticalCenterCell { width: 100%; height: 100%; vertical-align: middle; }
.fullCell { width: 100%; height: 100%; margin: 0; padding: 0; border: 0; border-spacing: 0; table-layout: fixed; }

/** Upload Styles**/
			#UploadQueue { display: none; width: 33em; background: #ece9d8; border: 1px solid #aca899; padding: .5em; margin: .5em 0; }
			
			/** Top Elements **/
			#UploadQueue h2 { font-size: 1.4em; margin: 0; padding: 0; color: #000; }
			#UploadQueue button { float: right; }
			
			/** Upload List **/
			#UploadQueue ul#UploadList { display: block; clear: both; overflow: auto; height: 20em; margin: 0; padding: 0; background: #fff; border: 1px solid #7f9db9; }
			#UploadQueue ul#UploadList a { color: #2E31F2; }
			#UploadQueue ul#UploadList a:hover { color: #2B82E1; }
			#UploadQueue ul#UploadList li {	list-style-type: none; border-bottom: 1px dotted #ccc; margin: 0; padding: .5em; background: #fff; }
			#UploadQueue ul#UploadList li a { float: right; }
			
			/** Upload Status **/
			#UploadQueue ul#UploadList li.idle { }
			#UploadQueue ul#UploadList li.loading { background: #b1c2d3 url(../images/upload/blue.png) repeat-x; }
			#UploadQueue ul#UploadList li.finished { }
			#UploadQueue ul#UploadList li.error { background: #eee; }
			
			/** Upload Info **/
			#UploadQueue ul#UploadList li div.filename { font-weight: bold; }
			#UploadQueue ul#UploadList li div.filemeter { height: 10px; overflow: hidden; border: 1px solid #888; background: #fff; padding: 1px;  }
			#UploadQueue ul#UploadList li div.filemeter div { height: 10px; background: #fff url(../images/upload/progressbar.png); }
			#UploadQueue ul#UploadList li div.fileerror { color: red; }
			#UploadQueue ul#UploadList li div.fileprogress { font-weight: normal; }
			
			/** Status Bar **/
			#UploadQueue #StatusBar { clear: both; background: #fff; border: 1px solid #7f9db9; padding: 0 .5em; }

			/** upload status **/
			#UploadStatusDiv {
				margin-left:50px;
				width:90%;
			}

			#UploadButtonDiv {
				width: 500px;
				margin-left: 50px;
			}

			#UploadButtonDiv button {
				display: inline;
				margin: 10px;
			}

			.UploadStatusDivThisDiv {
				margin: 20px;
				position: relative;
				float: left;
				overflow: hidden;
			}
			
			.UploadTypeImage {
				background: transparent url(../images/image.png) no-repeat scroll 0%;
			}
			
			.UploadTypeSound {
				background: transparent url(../images/audio.png) no-repeat scroll 0%;
			}
			
			.UploadTypeVideo {
				background: transparent url(../images/videox.png) no-repeat scroll 0%;
			}
			
			.UploadStatusDivProgressDiv {
 			    filter:alpha(opacity=60);   
			    -moz-opacity: 0.6;   
			    opacity: 0.6;
			    background-color: white;   
			    position: absolute;
			}
			
			.UploadStatusDivContentDiv {
				position: absolute;
				color: black;
				top: 120px;
				left: 45px;
			}
			.UploadStatusDivContentNameDiv{
				position: absolute;
				color: black;
				top: 135px;
				left: 16px;
			}
			
			#BestVideosPreviewDiv {
				margin:20px;
				width: 90%; 
				float:left;
			}
			.previewVideoBox {
			float:left;
			}
			.previewChange {
				margin-top: 60px;
			}
			.previewImageButtons{
				z-index:1000;
				float:left;
				position:absolute;
				margin:5px;
			}
			.smallSeperator{
				height: 25px;
			}
			.mediumSeperator{
				height: 50px;
			}
			
/* INDEX */
#featuredVideoPlayer{
	float:left;
	width:40%;
	margin-left:20px;
	margin-top:20px;
}
#SiteLinks{
	float:left;
	width:55%;
}
#indexFeatureSummaryIconDiv{
	margin-left:20px;
	margin-top:20px;
	width:95%;	
}
#indexFeatureSummaryTextDiv{
	margin-left:20px;
	margin-top:20px;
	width:95%;	
}
.featureBox{
	width:33%;
	float:left;	
	text-align:center;
}
#featureSummaryMiniImageDiv{
	float:left;
}
.featureSummaryMiniImage{
	height:20px;
	width:20px;
}
#featureSummaryText{
	margin-left:24px;
	height:100px;
}
#featureSummaryAdditionalIcons{
	float:right;
	margin-top:48px;
}
/* videoDetail Page **/
#VideoColumn{
	float:left;
	width:50%;
}
#CommunityColumn{
	float:left;
	width:40%;
	margin-left:25px;
}
#CommunityColumnCreatorImage{
	float:left;
}
#CommunityColumnCreatorInformations{
	float:left;
	margin-left:20px;
}
#otherVideosNavigation{
	text-align:center;
}
#detailViewMyNewComment{
	width:75%;
}
.VideoColumnRatingsColFirst{
	float:left;
	width:30%;
}
.VideoColumnRatingsCol{
	float:left;
}
#currentContentRating{
	float:left;
}
.contentComment{
	overflow:hidden;
}
.DetailViewImagesFrame{
	float: left;
	width: 110px; 
	height: 110px;
	position: relative;
	background: transparent url(../images/frame.jpg) no-repeat;
}
/* group section, view all members*/
.groupMemberUser{
	margin-left:10%; 
	width:80%; 
	height:120px;
}
.groupMemberImage{
	max-height:100px;
}
.groupMembersPartsImage{
	width:25%;
	float:left;
}
.groupMembersParts{
	width:25%; 
	float:left;
	margin-top:40px;
	height:30px;
}
/*IE6*/	/*\*/ * html .groupMembersParts { width:24%; } /**/
/*IE7*/	*+html .groupMembersParts { width: 24%; }

/*END group section*/


.reqPasswordForm label{
	width: 50px;
	display:inline;
	margin-right:5px;
}
.reqPasswordForm input{
	width: 90px;
	margin-top:5px;
}
.kontaktform{
	width: 340px;	
}
.kontaktform label{
	display:block;
	float:left;
	margin-right:5px;
	text-align:right;
	width:88px;	
}
.kontaktform fieldset{
	padding: 10px;	
}
.kontaktform input, 
.kontaktform textarea{
	width: 219px;	
}
/* Mixer Page **/
#mixerUserContents{
	float:left;
	height:197px;
	width:706px;
	position:relative;
	top:-3px;
/*	border: 1px solid;
	margin-bottom: 5px;
	padding:5px;

	position: relative;
	background-color: white;*/
}

#uploadLink{
	display: none;
}
#contentOverlay{
	width: 100%; 
	height:100%; 
	position:relative; 
	background-color: lightBlue; 
	z-index:2000;
	opacity:0.5;
	display: none;
}

#mixerContent{
	padding-left:5px;

}
#mixerContentOverlay{
	background-color:whiteSmoke;
	height:100%;
	opacity:0.3;
	position:absolute;
	top:0px;
	width:100%;
	display: none;
}
#mixerList{
	position: relative;
	float: left;

	padding: 5px;
}

#mixerInfo{
	width: 835px;
}

#mixerInfoText{
	width:635px;
	float:left;
	padding-left:5px;
}
.contentPreviewBox{
	float: left;
	visibility: hidden;
}

.mixerItem{
	float: left;
	width: 98px;
	position: relative;
}

.mixerText{
	color:#555555;
	font-size:12px;
	font-weight:bold;
	font-family: Verdana,Georgia,serif;
}
.dragBar {
	background-color:gray;
	height:14px;
	margin-bottom:2px;
	width:70px;
}

.dropImage{
	width:70px;
	height: 80px;	
}
.textEffectOuter{
	float:left;
}
.dragTxt{
	width: 60px; 
	height: 60px; 
	background-color: gray;
	margin-right:3px;
	margin-bottom:3px;
	overflow:hidden;
	
	}
.dropImageDiv{
	width:70px;
	height: 80px;	
	background-color: #DDE;
	margin: 0px 3px 3px 0px;
	float: left;
	position: relative;
	left: 0px;
}

.dragImg{
	top: 5px;
	left: 5px;
	position: relative;
}

.dragAudio{
		top: 5px;
	left: 5px;
	position: relative;
	width: 100px;
	height: 100px;
}

.dropFx{
	width:70px;
	height: 20px;	
	background-color: #DDE;
	clear: both;
}

.dropFade{
	background-color: #DDE;
	width: 22px; 
	height: 22px; 
	float: left;
	margin-top: 30px;
}
.dropText{
	background-color:white;
	position:absolute;
	top:10px;
	left:10px;
	height:50px;
	width:50px;
	overflow:hidden;
	opacity: 0.35; 
	filter:alpha(opacity=35);   
	-moz-opacity:0.35;
}
.effectclass{
	float: left;
	display: none;	
}

.imageFrame{
	
	width: 110px; 
	height: 110px;
	position: relative;
	background: transparent url(../images/frame.jpg) no-repeat;
	}

#audioBar{
	width:796px;
	background-color: #DDE;
}
#trashDiv{
	float: left; 
	padding-left: 10px;
	margin-top: 50px;	

}

#hideBack{
	visibility: hidden; 
	position: absolute; 
	background-color: rgb(0, 0, 0); 
	opacity: 0.4; 
	filter:alpha(opacity=40);   
    -moz-opacity: 0.4;   
	z-index: 100;
}
/* Taken from: http://css.maxdesign.com.au/listamatic/horizontal05.htm#*/
#navlist
{
	padding: 3px 0; 
	margin-left: 0;
	font: bold 12px Verdana, sans-serif;

}

#navlist li
{
	list-style: none;
	margin: 0;
	display: inline;
	list-style-type: none;
	
}
#firstLeft{
	float:left;
	height:23px;
	width:17px;
	background: url(../images/register_grau_re.gif) left top no-repeat ;
}
#left{
	float:left;
	height:23px;
	width:17px;
	background: url(../images/register_bl_li2.gif) left top no-repeat ;
}
#right{
	float:left;
	height:23px;
	width:25px;
	background: url(../images/register_grau.gif) left top no-repeat ;
}
#lastRight{
	float:left;
	height:23px;
	width:27px;
	background: url(../images/register_grau_re-03.gif) left top no-repeat ;
}
#navlist li.current #right
{
	background: url(../images/register_bl_re2.gif) left top no-repeat ;
}
#navlist li.current #firstLeft
{
	background: url(../images/register_bl_li2.gif) left top no-repeat ;
}
#navlist li.current #lastRight
{
	background: url(../images/register_bl_re.gif) left top no-repeat ;
}
#navlist li.neighbor #right
{
	background: url(../images/registerblau_li.gif) left top no-repeat ;
}

#navlist li a
{
	padding-bottom:8px;
	line-height:20px;
	padding-top:3px;
	background: url(../images/mitte_hell.gif) left top repeat ;
/*	padding-bottom:7px;
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background: #DDE;
	text-decoration: none;
	background: url(../images/register_bl_re.gif) right top no-repeat ;*/
}
/*
#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
	color: #000;
	background: #AAE;
	border-color: #227;
}
*/
#navlist li.current a
{
	background: url(../images/mitte_dunkel.gif) left top repeat ;

}


#cutVideoOverlay{
	z-index: 999; 
	visibility: hidden; 
	left: 30%; 
	top: 90px; 
	position: absolute; 
	background-color:#FFF;
	width: 420px;
}
#VideoPlayer{
	margin-left: 10px;
}
#createVideoOverlay{
	
}
#createVideoOverlayLayer{
	visibility: hidden; 
	position: absolute; 
	background-color:whiteSmoke;;
	width: 850px;
	height: 330px;
	top: 22%;
	left: 12%;
	z-index: 110;
}

#createVideoOverlayProgress{
	left:0px;
	visibility: hidden; 
	position: absolute;
	z-index:999;
	margin: 20px 10px 10px 25px;
	
}

.creationTime{
	font-size:3em;
}
#progress{
	border:1px solid;
	clear:both;
	float:left;
	padding:11px;
	margin-top: 15px;
}

#editDescription{
	border:1px solid;
	float:right;
	margin:15px 25px;
	padding:22px;
}
#editDescription label{
	float:left;
	width:80px;
}
#editDescription input, 
#editDescription textarea{
	width:185px;
	margin-top: 3px;
}
#editDescription input.publicRadio{
	height:1em;
	width:1em; 
}

#createVideoOverlayResult{
	visibility: hidden; 
	left:0px;
	position:absolute;
}
.sliderInfo{

	height: 10px; 
	position: relative; 
	top: 18px;	
}
.cutForm{
	padding: 20px 0px 10px 10px;
	width: auto;
}
.cutButton{
	width: 105px;
}
#cancelCut{
	position: relative; 
	float:left;
}
#cutVideoButton {
	margin-right: 10px;
	float:right;
}
#cutVideoLoading{
	background-color:whiteSmoke;
	height:100%;
	opacity:0.5;
	position:absolute;
	top:0px;
	width:100%;
	z-index:1100;	
	visibility: hidden;
	text-align: center;
	padding-top: 20px;
}

/* colorConfigurator: sliders */

#sliderTrack {
	margin-left:40px;
	width:253px;
	height: 5px;
	background-color:#AAAAAA;
	position: absolute;
}

.sliderHandle {
	background:transparent url(../images/slider.png) no-repeat scroll left;
	cursor: w-resize;
	height:20px;
	width:9px;
	position:absolute;

}

#music{
	visibility: hidden;
	position: absolute;
}

#imagePreview{
	position:absolute;
	top:10px;
	visibility:hidden;
	z-index:500;
}

.audioLink{
	display: none;
}

.imageLink{
	display: none;
}

#closePreviewImage{
	float: left;
	margin: 2px;
	padding: 2px;
	background-color: white;
	color: black;
}

#textEditor{
	display:none;
}

 #modal_container {  
     padding:5px;  
     background-color:#fff;  
     border:1px solid #666;  
     overflow:hidden;  
     font-family:"Lucida Grande",Verdana;  
     font-size:12px;  
     color:#333;  
     text-align:left;  
 } 
  
 #modal_overlay {  
     background-color:#000;  
 } 

#message_read_box {
	width:500px;
}
#message_read_from {
	float:left;
}
#message_read_to {
	float:right;
}
/* Lost on stage */
/* index */
#LoS-Feature {
	width:90%;
	margin: 0px 20px 0px 5%;
}
#LoS-FeatureImage {
	float:left;
	width:30%;
	height:150px;
}
#LoS-FeatureText {
	float:right;
	width:65%;
}