/*====================

	Global White Space Reset
	http://leftjustified.net/journal/2004/10/19/global-ws-reset/

====================*/ 
*{
	margin:0;
	padding:0;
}


/*====================

	Body

====================*/ 
.body{
}


/*====================

	Fade the top

====================*/ 
#fixedbox {
	position:fixed;
	_position:absolute;
	_top:expression(eval(document.documentElement.scrollTop));
	margin:0;
	padding:0;
}
.top {
	background:url(fadetop.png) no-repeat 0% 0%;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=fadetop.png, sizingMethod='crop');_background:none;
	height:40px;
	width:1900px;
}


/*====================

	Quick buttons

====================*/
.quickbuttonarea{
	clear:both;
	float:none;
	position:absolute;
	left:10px;
	top:80px;
	visibility:visible;
	z-index:5;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
}
.quickbutton{
	width:54px;
	height:54px;
	display:block;
	text-align:center;
	padding-right:2px;
	color:#fff;
	font-size:12px;
	line-height:12px;
	float: none;
}
.quickbuttongreen{
	background:url(rosette-green.png) top center no-repeat;
	padding-top:12px; 
}
.quickbuttonblue{
	background:url(rosette-blue.png) top center no-repeat;
	padding-top:12px; 
}
.quickbuttonpurple{
	background:url(rosette-purple.png) top center no-repeat;
	padding-top:12px; 
}
.quickbuttonheart{
	background:url(rosette-heart.png) top center no-repeat;
	padding-top:6px; 
}

/*====================

	diff

====================*/ 
.iconplaceholder{
	width:				24px;
	text-align:			left;
	float:					left;
	cursor:				pointer;
}
.placeholder32{
	z-index:1;
    _line-height:212px;
    display:table-cell;
    height:212px;
    width:170px;
    padding-left:0 !important;
    padding-right:0 !important;
    background-repeat:no-repeat;
    background-position:center;
	background-image: url(logo-ph-170.png);
}
.styleplaceholder{
    display:table-cell;
    width:100px;
}
.styleplaceholder_yes{
    display:table-cell;
    width:100px;
    height:109px;
	border: solid; border-width:thin; border-color:#663333;
}
.mp3placeholder{
    display:table-cell;
    width:100px;
}
.mp3placeholder_yes{
    display:table-cell;
    width:100px;
    height:82px;
	border: dotted; border-width:thin; border-color:#663333;
}



/*====================

	FadeMenu

###Version staying in top of page
.mainmenu {
	position: absolute;
	left:100px;
	text-align: left;
	top: 38px;
}

###Version staying in top of page #2
.mainmenu {
	position: absolute;
	text-align: left;
	top: 38px;
	margin:0 auto;
}

###Version following page
.mainmenu {
	z-index:299;
	position: fixed;
	top: 4px;
	margin:0 auto;
}

====================
.mainmenu position:absolute; virker for FF2.0 ikke 3.0 der stiller menuen til venstre
*/ 
.mainmenu {
	position: relative;
	text-align: left;
	top: 38px;
	margin:0 auto;
	z-index:6;
}
#fademenu {
}
#fademenu ul {
	padding: 0;
	margin: 0;
	z-index:6;
}
#fademenu li {
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
}
#fademenu li a {
	display: block;
	width: 108px;
	text-decoration: none;
	color:#fff;
	font-weight: normal;
	padding: 2px 1px;
	margin: 1px 1px;
	text-align: left;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size:16px;
}
#fademenu li a.parent {background-image:url(menuitem-round.png);text-align:center;}
#fademenu li a:visited {color:#fff;}
#fademenu li a.active {color:#cfc; background-color:#666;}
#fademenu li a:hover {color:#cfc; background-color:#666;}
#fademenu li ul {position:absolute;}
#fademenu li ul li {float:none;background-color:#444;}
#fademenu li ul li ul {width:250px;}
#fademenu li ul li ul {margin:-24px 0 0 113px;} /*  For all other browsers */
@media screen and (-webkit-min-device-pixel-ratio:0){ /* For Safari 3 */
    #fademenu li ul li ul {margin:-24px 0 0 113px;}
}
#fademenu li ul li ul li {float:left;}
#fademenu li ul li ul li a {margin:1px 1px;}
#fademenu li ul li ul li ul {margin:0;}
#fademenu li ul li ul li ul li {float:none;}
#main {clear:both;}


/*====================

	Small help icon

====================*/ 
#control2{
	position:absolute;
	font-family:arial,helvetica,sans-serif;
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	color:#fff;
	z-index:99;
	right:4px;
	top:2px;
}
#controls2{
	position: absolute;
	right:16px;
	top:-2px;
}
#options2{
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:8px;
	font-style:normal;
	font-weight:normal;
	color:#cff;
}
#options2 .option2{
	text-align:center;
}

/*====================

	Stylesheet selectors

====================*/ 
#control{
	position:absolute;
	font-family:arial,helvetica,sans-serif;
	font-size:16px;
	font-style:normal;
	font-weight:normal;
	color:#fff;
	z-index:5;
	right:4px;
	top:46px;
}
#controls{
	position: absolute;
	left:-190px;
	right:16px;
	top:-63px;
}
#options{
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:8px;
	font-style:normal;
	font-weight:normal;
	color:#cff;
}
#options .option{
	text-align:center;
}
#options .option ul{
	list-style:none;
	margin:3px 0 0 0;
	float:left;
}
#options .option ul li{
	display:inline;
	float:left;
	margin:0;
}
#options .option ul li a {	
	display:block;
	margin:2px 2px 2px 2px;
}
#options .option #styleChange li a {	
	width:20px;
	height:12px;
	border:1px solid #444444;
	margin:2px 2px 2px 2px;
}
#options .option #styleChange li a:visited {	
	width:12px;
	height:12px;
	margin:2px 2px 2px 2px;
}
#options .option #styleChange li a:visited:hover {	
	width:12px;
	height:20px;
	margin:-6px 2px 2px 2px;
	border:1px solid #aaaaaa;
}
#options .option #cssDark{
	background-color:#595959;
	color:#fff;
}
#options .option #cssLight{
	background-color:#ffffff;
	color:#000;
}
#options .option #cssOrange{
	background-color:#d79e4f;
	color:#fff;
}
#options .option #cssCyan{
	background-color:#4f9ed7;
	color:#fff;
}
#options .option #cssSmall{
	background-color:#595959;
	font-size:8px;
	color:#fff;
}
#options .option #cssLarge{
	background-color:#595959;
	font-size:11px;
	color:#fff;
}
#options .option #cssXLarge{
	background-color:#595959;
	font-size:13px;
	color:#fff;
}
#options .option #cssFB{
	background-color:#595959;
	color:#fff;
}
#options .option #cssRound{
	background-color:#595959;
	color:#fff;
}
#options .option #cssFast{
	background-color:#ffffff;
	color:#000;
}


/*====================

	Thread

====================*/ 
.thread{
	clear:both;
	float:none;
}
.thread_msgdate{
	clear:both;
	float:none;
}
.thread_msgarea{
	float:none;
	width:97%;
	padding-left:3%;
}
.thread_msgarea_opacy30{
	opacity:.30;filter: alpha(opacity=30); -moz-opacity:
	float:none;
	width:97%;
	padding-left:3%;
}
.thread_msgarea_opacy100{
	float:none;
	width:97%;
	padding-left:3%;
}
.thread_profile{
	clear:both;
	float:left;
	width:200px;
}
.thread_msg{
	width:100%;
}
.thread_note{
	float:right;
	width:60%;
}


/*====================

	Paper

====================*/ 
.paper{
	margin:0;
	padding:0;
	background: #aaaa00 url(w3/tl.gif) no-repeat;
	position:relative;
	clear:both;
}
.paper_tl {
	background-image:url(w3/tl.gif); background-position:top;
	background-color:#ff0000;
	position:absolute;
	top:0px;
	left:0px;
	width:13px;
	height:17px;
	z-index:1;
}
.paper_tm {
	background-image:url(w3/tm.gif); background-position:top;
	background-color:#00ff00;
	position: relative;
	top:0px;
	left:0px;
	height:17px;
	z-index:0;
}
.paper_tr {
	background-image:url(w3/tr.gif); background-position:top;
	background-color:#0000ff;
	position:absolute;
	top:0px;
	right:0px;
	width:13px;
	height:17px;
	z-index:1;
}

.paper_ml {
	background-color:#00ff00;
	position:relative;
	float:left;
	width:20px;
}
.paper_mc {
	background-color:#555566;
	border-left:solid 1px; border-left-color:#bbbbbb; padding-left:4px;
	border-right:solid 1px; border-right-color:#777777; padding-right:4px;
	z-index:0;
}
.paper_mr {
	background-color:#008800;
	position:absolute;
	top:20px;
	right:0px;
	width:20px;
	height:20px;
}

.paper_bl {
	background-image:url(w3/bl.gif); background-position:bottom;
	background-color:#ff0000;
	position:absolute;
	left:0px;
	width:13px;
	height:16px;
	z-index:1;
}
.paper_bm {
	background-image:url(w3/bm.gif); background-position:bottom;
	background-color:#00ff00;
	position:relative;
	left:0px;
	height:16px;
	z-index:0;
}
.paper_br {
	background-image:url(w3/br.gif); background-position:bottom;
	background-color:#0000ff;
	position:absolute;
	right:0px;
	bottom:0px;
	width:13px;
	height:16px;
	z-index:1;
}


/*====================

	Ratings

====================*/ 
.rabidRating {	
	cursor: pointer;
	background: #ccc;
}
.rabidRating,.rabidRating span {
	display: block;
	width: 110px;
	height: 25px;
}
.rabidRating span {
	position: relative;
	top: 0;
	left: 0;
	text-indent: -999em;
}
.rabidRating .rrStars {
	background: url(hearts.png) no-repeat center;
}
.rabidRating .rrFill {
	background: #ff0000;
}
.rabidRating.rrVoted {
	cursor: default;
}
.rrActiveFillColor {
	background: #ffa800;
}
.rrVotedFillColor {
	background: #0069ff;
}


/*====================

	Searchfield styling

====================*/
.search_form2 {
	width: 100px;
	height: 16px;
	margin-top: 2px;
	padding-top: 1px;
	background: #fff url(../../../gfx/gui/search_bg.gif) no-repeat;
	font-size: 12px;
	text-align: center;
	border: 1px solid #888;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
}



/*====================

	Main Search Button

====================*/ 
.mainsearchl{
	width: 18px;
	height: 27px;
	background: url(searchfield-l.png) no-repeat;
}
.mainsearchm{
	width: 400px;
	height: 27px;
	background: #fff url(searchfield-m.png) no-repeat;
	font-size: 21px;
	text-align: center;
	border: 0px solid #888;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
}
.mainsearchr a{
	display: block;
	background: url(searchfield-r.png) no-repeat top left;
	height: 27px;
	width: 43px;
	visibility:visible;
	z-index:5;
}
.mainsearchr a:hover a:visited:hover{
	background: url(searchfield-r.png) no-repeat bottom left; 
}
.mainsearchr a:visited:hover{
	background: url(searchfield-r.png) no-repeat bottom left; 
}


/*====================

	General Search Button

====================*/ 
.generalsearchl{
	width: 18px;
	height: 27px;
	background: url(searchfield-l.png) no-repeat;
}
.generalsearchm{
	width: 150px;
	height: 27px;
	background: #fff url(searchfield-m.png) no-repeat;
	font-size: 21px;
	text-align: center;
	border: 0px solid #888;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
}
.generalsearchr a{
	display: block;
	background: url(searchfield-r.png) no-repeat top left;
	height: 27px;
	width: 43px;
	visibility:visible;
	z-index:5;
}
.generalsearchr a:hover a:visited:hover{
	background: url(searchfield-r.png) no-repeat bottom left; 
}
.generalsearchr a:visited:hover{
	background: url(searchfield-r.png) no-repeat bottom left; 
}


/*====================

	Logo

====================*/ 
.logo a{
	display: block;
	background: url(../logo-flip.png) no-repeat top left;
	height: 60px;
	width: 180px;
	margin: 0;
	padding: 0px 0px 0px;
	position:absolute;
	left:0px;
	top:1px;
	visibility:visible;
	z-index:5;
}
.logo a:hover a:visited:hover{
	background: url(../logo-flip.png) no-repeat bottom left; 
}
.logo a:visited:hover{
	background: url(../logo-flip.png) no-repeat bottom left; 
}


/*====================

	Thumb up + down

====================*/ 
.thumbup a{
	display: block;
	background: url(thumb-up-2.gif) no-repeat top left;
	height: 23px;
	width: 22px;
	margin: 0px;
	padding: 0px 0px 0px;
	visibility:visible;
	z-index:99;
	cursor:pointer;
}
.thumbup a:hover a:visited:hover{
	background: url(thumb-up-2.gif) no-repeat bottom left; 
}
.thumbup a:visited:hover{
	background: url(thumb-up-2.gif) no-repeat bottom left; 
}
.thumbdown a{
	display: block;
	background: url(thumb-down-2.gif) no-repeat top left;
	height: 23px;
	width: 22px;
	margin: 0px;
	padding: 0px 0px 0px;
	visibility:visible;
	z-index:99;
	cursor:pointer;
}
.thumbdown a:hover a:visited:hover{
	background: url(thumb-down-2.gif) no-repeat bottom left; 
}
.thumbdown a:visited:hover{
	background: url(thumb-down-2.gif) no-repeat bottom left; 
}


/*====================

	Date Icons

====================*/ 
.DateDarkLarge{
	width:43px;
	height:43px;
	display:block;
	background:url(bgdate-dark.gif) top center no-repeat;
	text-align:center;
	padding-top:2px;
	color:#ffffff;
	font-size:18px;
	line-height:19px;
	float:left;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
}
.DateDark{
	width:43px;
	height:43px;
	display:block;
	background:url(bgdate-dark.gif) top center no-repeat;
	text-align:center;
	padding-top:5px;
	color:#ffffff;
	font-size:10px;
	line-height:17px;
	float:left;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
}
.DateRed{
	width:43px;
	height:43px;
	display:block;
	background:url(bgdate-red.gif) top center no-repeat;
	text-align:center;
	padding-top:5px;
	color:#ffffff;
	font-size:10px;
	line-height:17px;
	float:left;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
}
.DateGreen{
	width:43px;
	height:43px;
	display:block;
	background:url(bgdate-green.gif) top center no-repeat;
	text-align:center;
	padding-top:5px;
	color:#ffffff;
	font-size:10px;
	line-height:17px;
	float:left;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
}
.DateBlue{
	width:43px;
	height:43px;
	display:block;
	background:url(bgdate-blue.gif) top center no-repeat;
	text-align:center;
	padding-top:5px;
	color:#ffffff;
	font-size:10px;
	line-height:17px;
	float:left;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
}


/*====================

	DIV Splits in the top

====================*/ 
.splitarea1{
	font-size:12px; background-color:#880;
	height:1px;
	margin:0px;
	position: inherit;
	height: auto;
	width:90%;
	visibility:visible;
	z-index:99;
}
.Split2Back{
	font-size:1px;
	margin:0px;
	position: inherit;
	height: 1px;
	width:100%;
	visibility:visible;
	z-index:99;
	background-color:#fff;
}
.Split2Front{
	font-size:1px;
	margin:0px;
	position: inherit;
	height: 1px;
	width:100%;
	visibility:visible;
	z-index:99;
	background-color:#fff;
}
.SplitArea0{
	font-size:12px;
	margin:0px;
	position: inherit;
	height: auto;
	width:100%;
	visibility:visible;
	z-index:99;
	background-color:#fff;
}
.Split1{
	font-size:12px;
	margin:0px;
	position: inherit;
	height: auto;
	width:95%;
	visibility:visible;
	z-index:99;
}


/*====================

	DIV positions and styling

====================*/
#maincontainer{
	visibility:visible;
	z-index:98;
}
#loginoutlink{
	position:absolute;
	right:4px;
	top:65px;
	height: auto;
	width:auto;
	visibility:visible;
	z-index:98;
	font-family:arial,helvetica,sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
}


/*====================

	The Wall

====================*/
#thewall{
	border: 1px dotted #fff;
	position:absolute;
	right:340px;
	top:16px;
	height: 24px;
	font-size:9px;
	width: 286px;
	visibility:visible;
	z-index:98;
	font-family:arial,helvetica,sans-serif;
	font-style:normal;
	font-weight:normal;
	color:#fff;
}
#thewalltextbox{
	position:absolute;
	right:618px;
	top:44px;
	visibility:visible;
	z-index:98;
}
.thewalltextfield {
	border-style:inset;
	height:12px;
	font-size:9px;
	text-align:left;
	border: 1px solid #fff;
	font-family: arial,helvetica,sans-serif;
	position:absolute;
}


/*====================

	Window Border

====================*/
.WindowBorder {
	padding:4px;
}


/*====================

	Button styling

====================*/
.ButtonNormal {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#000;
}
.ButtonLarge {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
	color:#000;
}


/*====================

	Live Data Text styling

====================*/
.LDTextSmallGrey {
	font-family: arial,helvetica,sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #888;
	vertical-align:top;
}
.LDHighlight {
	font-family: arial,helvetica,sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #cc9966;
	vertical-align:top;
}


/*====================

	Dropdown styling

====================*/
.DropDownMedium {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 14px;
}

.DropDownSmall {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 9px;
}

/*====================

	Text styling

====================*/
.TextXLargeRed {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 28px;
	text-decoration: none;
}
.TextXLarge {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 28px;
	text-decoration: none;
}
.TextLarge {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 16px;
	text-decoration: none;
}
.TextLargeWhite {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 16px;
	text-decoration: none;
}
.TextLargeGrey {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 16px;
	text-decoration: none;
}
.TextLargeRed {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 16px;
	text-decoration: none;
}
.TextMedium {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 14px;
	text-decoration: none;
}
.TextNormal {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 11px;
	text-decoration: none;
}
.TextNormalWhite {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 11px;
	text-decoration: none;
}
.TextNormalRed {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 11px;
	text-decoration: none;
}
.TextSmall {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 9px;
	text-decoration: none;
}
.TextSmallGrey {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 9px;
	text-decoration: none;
}
.TextSmallRed {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 9px;
	text-decoration: none;
}
.HeaderText {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 18px;
	text-decoration: none;
	font-weight:bold;
	vertical-align: super;
}
.TextNote{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size : 9px;
	text-decoration: none;
}
.Headline1{
	font-family: times,verdana,arial,helvetica,sans-serif;
	font-style: oblique;
	margin: 7px 0px 4px 0px;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 2px;
	font-weight:bold;
}


/*====================

	Textfield styling

====================*/
.readonlyfield{
	font-family: arial,helvetica,sans-serif;
	padding: 0px;
	text-decoration:none;
	border: 1px solid #888;
	background-color:#444;
	color:#ccc;
}
.textfieldsmall {
	border-style:inset;
	height:12px;
	font-size:9px;
	text-align:left;
	border: 1px solid #ccc;
	font-family: arial,helvetica,sans-serif;
}


/*====================

	Mootools tooltip

====================*/
.tool-tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
}
.tool-title {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-weight: bold;
	font-size: 20px;
	padding: 8px 8px 4px;
	background: url(http://www.g8.dk/gfx/gui/balloon.png) top left;
}
.tool-text {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size: 14px;
	padding: 4px 8px 8px;
	background: url(http://www.g8.dk/gfx/gui/balloon.png) bottom left;
}
.tooltipcontent{
	position:absolute;
	top:-9999px;
}


/*====================

	Links

====================*/
.n{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size: 14px;
	font-weight: normal;
	color:#00f;
}
.p{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0f0;
	background-color: #fff;
}
a{
	text-decoration: none;
	color: #fc6;
}
a:link{
	text-decoration: none;
	color: #fc6;
}
a:visited, a:active{
	text-decoration: none;
	color: #fc6;
}
a:hover{
	text-decoration: none;
	color: #fff;
	background-color: #f66;
}
a:visited:hover{
	text-decoration: none;
	color: #fff;
	background-color: #f66;
}


/*====================

	moodalbox CSS

====================*/
div#mb_overlay {
z-index:99;
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}
div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #444;
z-index:99;
}
div#mb_center {
background-color: #555;
}
div#mb_contents {
width: 400px;
height: 400px;
border: 3px solid #444;
overflow: auto;
background-color: #555;
visibility: hidden;
z-index:99;
}
.mb_loading {
background: #444 url(indicator-black.gif) no-repeat center center;
}
#mb_error {
font-size: 1.2em;
color: #f88;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
}
#mb_error em {
font-size: 0.8em;
}
div#mb_bottom {
font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
font-size: 10px;
color: #fff;
line-height: 1.4em;
text-align: left;
border: 3px solid #444;
border-top-style: none;
}
a#mb_close_link {
display: block;
float: right;
width: 144px;
height: 32px;
background: transparent url(closelabel.gif) no-repeat center;
margin: 5px 0;
}
div#mb_caption {
margin-right: 71px;
}


/*====================

	moodalboximages CSS

====================*/
div#mbi_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}
div#mbi_center, div#mbi_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #222;
text-align: center;
}
div#mbi_center {
background-color: #333;
}
div#mbi_contents {
width: 400px;
height: 400px;
border: 3px solid #222;
overflow: auto;
background-color: #333;
visibility: hidden;
}
.mbi_loading {
background: #ff0 url(indicator-black.gif) no-repeat center center;
}
#mbi_error {
font-size: 1.2em;
color: #f88;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
}
#mbi_error em {
font-size: 0.8em;
}
div#mbi_bottom {
font-family: 'Lucida Grande', 'Lucida Sans Unicode',verdana,arial,helvetica,sans-serif;
font-size: 10px;
color: #fff;
line-height: 1.4em;
text-align: left;
border: 3px solid #222;
border-top-style: none;
}
a#mbi_close_link {
display: block;
float: right;
width: 144px;
height: 32px;
background: transparent url(closelabel.gif) no-repeat center;
margin: 5px 0;
}
div#mbi_caption {
margin-right: 71px;
}


/*====================

	Group Accordion

====================*/
.toggler_g {
	width: 60%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	cursor: pointer;
}
.element_g {
}
.element_g p {
	margin: 0px;
	padding: 4px;
}


/*====================

	Accordion

====================*/
.toggler {
	color: #888;
	margin: 0px;
	padding: 2px 5px;
	background: #444444;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #222222;
	font-size: 12px;
	font-weight: normal;
	font-family: verdana,arial,helvetica,sans-serif;
	cursor: pointer;
}
.element {
}
.element p {
	margin: 0px;
	padding: 4px;
}


/*====================

	mooRainbow: defaultCSS - author: w00fz <w00fzPuppy@gmail.com>

====================*/
#mooRainbow { font-size: 11px; color: #000; }
.moor-box {
	width: 125px; 
	height: 110px; 
	border: 1px solid #636163; 
	background-color: #f9f9f9;
}
.moor-overlayBox {
	width: 80px; /* Width and Height of the overlay must be setted here: default 256x256 */
	height: 80px; 
	margin-top: 3px; 
	margin-left: 3px;
	border: 1px solid #000;
}
.moor-slider {
	border: 1px solid #000;
	margin-top: 3px; 
	margin-left: 86px;
	width: 10px; /* if you want a bigger or smaller slider... */
	height: 80px;
}
.moor-colorBox {
	/*display: none;*/
	visibility: hidden;
	border: 1px solid #000; 
	width: 59px; 
	height: 68px; 
	margin-top: 20px; 
	margin-left: 315px;
}
.moor-currentColor { /* Bottom Box Color, the backup one */
	/*display: none;*/
	visibility: hidden;
	margin-top: 55px; 
	margin-left: 316px; 
	width: 59px; 
	height: 34px;
}
.moor-okButton {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 8px;
	margin-top: 90px;
	margin-left: 3px;
	background: #e6e6e6;
	height: 15px;
	border: 1px solid #d6d6d6;
	border-left-color: #f5f5f5;
	border-top-color: #f5f5f5;
}
#mooRainbow label {
	font-family: mono;
}
/* Following are just <label> */
.moor-rLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 100px;
	margin-left: 315px;
}
.moor-gLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 125px;
	margin-left: 315px;
}
.moor-bLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 150px;
	margin-left: 315px;
}
.moor-HueLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 190px;
	margin-left: 315px;
}
span.moor-ballino { /* Style hue ° (degree) !! */
	/*display: none;*/
	visibility: hidden;
	margin-top: 190px;
	margin-left: 370px;
}
.moor-SatuLabel {
	/*display: none;*/
	visibility: hidden;
	margin-top: 215px;
	margin-left: 315px;
}
.moor-BrighLabel {
	/*display: none;*/
	margin-top: 240px;
	margin-left: 315px;
}
.moor-hexLabel {
	font-size: 0px;
	margin-top: 90px;
	margin-left: 70px;
}
/* <input> */
.moor-rInput, .moor-gInput, .moor-bInput, .moor-HueInput, .moor-SatuInput, .moor-BrighInput { 
	/*display: none;*/
	visibility: hidden;
	width: 30px;
}
.moor-hexInput {
	font-size: 9px;
	width: 45px;
}
.moor-cursor {
	background-image: url(../images/moor_cursor.gif); 
	width: 12px;
	height: 12px;
}
.moor-arrows {
	/*display: none;*/
	visibility: hidden;
	/*background-image: url(images/moor_arrows.gif);*/
	top: 9px; 
	left: 270px;
	width: 41px;
	height: 9px;
}
.moor-chooseColor {
	margin-left: 100px;
	margin-top: 3px;
	width: 20px;
	height: 82px;
}


/*====================

	SqueezeBox - http://digitarald.de/playground/squeeze.html

====================*/
.body-overlayed embed, .body-overlayed object, .body-overlayed select
{
	visibility:				hidden;
}
#sbox-window embed, #sbox-window object, #sbox-window select
{
	visibility:				visible;
}
#sbox-overlay
{
	position:				absolute;
	background-color:		#000;
}
#sbox-window
{
	position:				absolute;
	background-color:		#fff;
	text-align:				left;
	overflow:				visible;
	padding:				10px;
	-moz-border-radius:		3px;
}
#sbox-btn-close
{
	position:				absolute;
	width:					30px;
	height:					30px;
	right:					-15px;
	top:					-15px;
	background:				url(../images/closebox.png) no-repeat center;
	border:					none;
}
.sbox-window-ie6 #sbox-btn-close
{
	background-image:		url(../images/closebox.gif);
}
.sbox-loading #sbox-content
{
	background-image:		url(../images/spinner.gif);
	background-repeat:		no-repeat;
	background-position:	center;
}
#sbox-content
{
	clear:					both;
	overflow:				auto;
	background-color:		#fff;
	height:					100%;
	width:					100%;
}
.sbox-content-image#sbox-content
{
	overflow:				visible;
}
#sbox-image
{
	display:				block;
}
.sbox-content-image img
{
	display:				block;
}
.sbox-content-iframe#sbox-content
{
	overflow:				visible;
}