/********************************************
	Croportal Forum Humble CSS
	Copyright (C) 2007. Cro Portal d.o.o.
********************************************/

html	{ height: 100%; padding: 0; margin: 0 0 .1em; font: 62.5%/1.5 'Lucida Grande', Verdana, sans-serif; }
body	{ margin: 0 !important; padding: 0 !important; background: #3e3e3e url(i/common/body-bg-forum.gif) repeat-x 0 0 !important; }
#sizer	{ position: relative; width: 100%; margin: 0 auto; background: url(i/common/sizer-bg-forum.gif) no-repeat 0 0; }

:focus				{ outline: none; }

noscript img		{ position: absolute; left: -9999px; }

div[id=sizer]		{ min-width: 980px; }

fieldset					{ border: 1px solid #ccc !important; }
#header						{ float: left; width: 100%; }
#sky						{ clear: both; width: 980px; margin: 0 auto; overflow: auto; }

#logo						{ float: left; display: inline; margin-left: 10px; width: 230px; background: url(i/common/croportal-logo.png) no-repeat 0 0; }
#logo a						{ display: block; height: 113px; text-indent: -9999px; overflow: hidden; }

#forum-leaderboard			{ float: right; width: 728px; height: 90px; margin: 17px 0; overflow: hidden; position:relative; }
#forum-leaderboard noscript { text-indent: -9999px; overflow: hidden; }

#forum-leaderboard iframe   { width: 728px; background: transparent; }
#forum-leaderboard iframe html  { background: none; }

#main-nav				{ clear: both; width: 980px; margin: 0 auto; }

#main-nav ul            { float: left; width: 960px; padding: 0 10px; margin: 0; }

#main-nav li			{ float: left; display: inline; position: relative; margin-right: 1px; list-style: none; font-size: 1em !important; }
#main-nav li a			{ float: left; padding-right: 1px; font: 1.1em/1 'Trebuchet MS', Trebuchet, Arial, sans-serif; text-transform: uppercase; text-align: center; color: #000; outline: none; text-decoration: none; }
#main-nav li a span		{ display: block; padding: 9px 8px 8px 9px; }


#main-nav li a			{ background: url(i/main-nav/tab-link-right.gif) no-repeat 100% 0; }
#main-nav li a span		{ background: url(i/main-nav/tab-link-left.gif) no-repeat 0 0; }

#main-nav #mn-big-brother-2008-link a span		{ padding-left: 30px; background: url(i/main-nav/tab-bb-link-left.gif) no-repeat 0 0; }

#main-nav li a:hover                    { color: #fff; background-image: url(i/main-nav/tab-hover-right.gif); }
#main-nav li a:hover span               { background-image: url(i/main-nav/tab-hover-left.gif); }

#main-nav #mn-big-brother-2008-link a:hover span	{ background-image: url(i/main-nav/tab-hover-bb-link-left.gif) !important; }


#main-nav #mn-big-brother-2008-link.active a 		{ background-image: url(i/main-nav/tab-active-bb-right.gif) !important; }
#main-nav li.active a span	                        { background-image: url(i/main-nav/tab-active-left.gif) !important; }
#main-nav #mn-big-brother-2008-link.active a span	{ background-image: url(i/main-nav/tab-active-bb-link-left.gif) !important; }

#main-nav li.active         { position: relative; bottom: -12px; z-index: 3000; background: url(i/category-nav/active.gif) no-repeat 50% 100% !important; }

#main-nav li.active a,
#main-nav li.active a:hover	        { position: relative; top: -12px; color: #fff; background-image: url(i/main-nav/tab-active-right.gif) !important; cursor: default; }
#main-nav li.active a span,
#main-nav li.active a:hover span	{ background-image: url(i/main-nav/tab-active-left.gif) !important; }

#content				{ clear: both; }
#content .grid			{ clear: both; width: 980px; height: auto !important; height: 700px; min-height: 700px; margin: 0 auto; }

#content h1					{ margin-bottom: 10px; font: 24px/1.3 'Trebuchet MS', Trebuchet, sans-serif; }
#content h1 .subheadline	{ display: block; padding: 0 2px; color: #ff6c00; font-size: .5em; text-transform: uppercase; }
#content h1 em				{ font-style: normal; color: #ff6c00; }

#content h2			        { margin-bottom: 1em; font: 18px/1.2 'Trebuchet MS', Trebuchet, sans-serif !important; color: #ff6c00; }
#content h3			        { margin-bottom: .75em; font: 12px/1.5 'Trebuchet MS', Trebuchet, sans-serif !important; color: #ff6c00; text-transform: uppercase; }

#main-content			    { float: left; clear: both; width: 960px; padding: 0 10px 10px; background: #fff; }
#main-content:after	        { content: "."; display: block; height: 0; line-height: 0; font-size: .01em; clear: both; visibility: hidden; }

.real-content               { float: left; clear: both; width: 970px; }
.real-content:after	        { content: "."; display: block; height: 0; line-height: 0; font-size: .01em; clear: both; visibility: hidden; }
.real-content #main-content { width: 600px; }


#footer					{ clear: both; width: 980px; margin: 0 auto; padding: 20px 0; }

.forum-sidebanner		{ clear: both; padding: 10px 20px; }




/*** REGISTRATION FORM ***/

.single-col-layout                  { text-align: center; }
.single-col-layout #main-content    { float: none; width: 600px; margin: 0 auto !important; padding-top: 10px; text-align: left; }

.register-form:after	    { content: "."; display: block; height: 0; line-height: 0; font-size: .01em; clear: both; visibility: hidden; }

.register-form  p			{ font-size: 1.2em; }

.register-form legend 		{ padding: 0 4px; margin: 0; color: #888; font-weight: normal; font-size: 1.4em; }
.register-form legend span 	{ color: #888; }
.register-form legend label { font-weight: normal !important; font-size: 1em !important; }

.register-form label 		{ display: block; float: none; font-size: 1.4em; font-weight: bold; margin: 0 0 .2em; }
.register-form label span 	{ color: #888; font-weight: normal; }

.register-form .input_text,
.register-form textarea 	{ width: 865px; margin-bottom: 10px; font: 1.4em Verdana, sans-serif; border: 1px solid #69c; border-color: #666 #ccc #ccc #666; color: #369; padding: 3px 5px; background: #cef; }
.register-form textarea		{ overflow: auto; }

input.input_submit 			{ color: #fff; padding: 3px 5px; border: 1px solid #059bc4; border-color: #79dffb #059bc4 #059bc4 #79dffb; background: #00bff3; }
input.input_reset           { color: #fff; padding: 3px 5px; border: 1px solid #059bc4; border-color: #eee #aaa #aaa #eee; background: #ccc; }
#cancel-dupe-submit			{ float: left; padding: 3px 5px; font-size: 1.4em; }

.register-form fieldset		{ float: left; width: 558px; border: 1px solid #ddd; clear: left; margin: 0 0 1.8em; padding: 20px 20px 5px; }
.register-form fieldset:after	{ content: "."; display: block; height: 0; line-height: 0; font-size: .01em; clear: both; visibility: hidden; }

.register-form .field			        { float: left; width: 540px; clear: both; padding: 0 0 10px; }
.register-form .field label	            { float: left; width: 150px; padding: 5px 10px 0 0; font-size: 1.2em; text-align: right; }
.register-form .field .input_text 	    { width: 200px; font: 1.4em 'Lucida Grande', Verdana, sans-serif; border: 1px solid #69c; border-color: #666 #ccc #ccc #666; color: #369; padding: 3px 5px; background: #cef; }

.register-form label.label-check	    { display: inline; width: 450px; font-size: 1.2em !important; text-align: left; }
.register-form label.label-check input  { float: left; margin: 0 5px .2em 0; }
.register-form label.label-check strong { float: left; width: 300px; }

.register-form .submit-holder		    { width: 380px; padding: 0 0 0 160px; }
.register-form .input_submit		    { float: none; }



.input-hidden,
.input_hidden		{ position: absolute; left: -9999px; }

.register-form h1,
.register-form h2   { clear: both; }

#timezone-options td        { padding: 5px 0; font-size: 1.2em; }
#timezone-options td label  { font-size: 1em !important; }
#timezone-options select,
#timezone-options option    { font-size: 10px !important; }


.register-form .button-holder       { float: left; width: 600px !important; }
.register-form input.input_submit   { float: left; display: inline; }
.register-form input.input_reset    { float: right; display: inline; }


/***********************

 	MESSAGES

***********************/

.confirmation,
.no-results,
.warning,
.error,
.notice 		{ clear: both; overflow: auto; margin: 1.5em 0; padding: 1.8em 20px 0; border: 10px solid #fe0; background: #ffc; }

.no-results,
.warning		{ color: #369 !important; }
.error			{ color: #f00 !important; }
.confirmation,
.notice			{ color: #060 !important; }

.warning h3,
.error h3,
.notice h3,
.confirmation h3 		{ margin: 0 0 .5em; font: normal 2.4em/1.2 'Trebuchet MS', Trebuchet, sans-serif; }

.warning p,
.error p,
.notice p,
.confirmation p,
.warning ul,
.error ul,
.notice ul 		{ margin: 0 0 1.5em; }

.warning p,
.error p,
.notice p,
.confirmation p,
.warning li,
.error li,
.notice li		{ font-size: 1.6em; }

.error li       { color: #f00 !important; }

.smallprint		{ font-size: .75em; }

.notice 		{ background-color: #060; border: 1px solid #333; }
.notice h3 		{ color: #333; }
.notice p 		{ color: #333; }

.error ul li 	{ list-style: square; color: white; }