/*
color palette:
#eee
#000
#9A9A9A	light gray (near white)
#4a4a4a gray
#1d1d1d
#080808
#f39808	orange
*/

/* =Global */
body { font-family: Arial, helvetica, sans-serif; font-size: 80%; color: #eee; line-height: 1.3em; }
body { margin: 0; padding: 0; border: 0; background: #000 url(/images/global_header_bg.png) repeat-x !important; color: #b2b2b2; }
table { width: 100%; border: 0; border-collapse: collapse; }
	th, td { padding: 5px; vertical-align: top; text-align: left; }
li, dd, dt, a { font-size: 1em; color: #b2b2b2; }
a:hover { color: #f39808; }
a img { border: 0; }
abbr { border: 0; }


/* =Container */
.siteContainer { width: 983px; margin: 0 auto; }
.clear { clear: both; }

ul.subMenu { margin: 0; padding: 0; margin-bottom: 20px; }
	ul.subMenu li { display: inline; padding: 0 4px 0 7px; list-style: none; /*border-left: 1px solid #b2b2b2;*/ }
	ul.subMenu li:first-child { padding-left: 0; border-left: 0; }
		ul.subMenu li a { font-size: 90%; }
ul[class~='primary'] li a { text-transform: uppercase; }


/* =Header */
#header { position: relative; height: 101px; }
	#skipSiteMenu { position: absolute; text-indent: -9000px; }
	#siteLogo { position: absolute; top: 2px; left: -2px; }
	#login { position: absolute; top: 10px; right: 0; text-align: right; }
		#login dl, #login dt, #login dd { display: inline; margin: 0; padding: 0; }
		#login dt { }
			#login img { vertical-align: middle; }
		#login dd { padding-right: 15px; }
			#login dd a strong { color: #f39808; }
		#login ul { display: inline; }
	#menu { position: absolute; top: 39px; right: 0; margin: 0; padding: 0; }
		#menu li { float: left; height: 31px; margin: 0 0 0 10px; padding: 0; list-style: none; border: 1px solid transparent; border-top: none; border-bottom: none; color: #eee; }
			#menu li a { display: block; padding: 7px 8px 3px 8px; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #eee; }
		#menu li:focus, #menu li:hover, #menu li:active
			, #clsPageIndex #menuHome, #clsPageHomeStar1 #menuHome, #clsPageHomeStarInbox #menuHome, #clsPageHomeStarRequest #menuHome
			, #clsPageArcade #menuGames, #clsPageGame #menuGames
			, #clsPageCommunity #menuCommunity, #clsPageHomeStar #menuCommunity, #clsPageGroup #menuCommunity, #clsPagePoll #menuCommunity, #clsPageForum #menuCommunity, #clsPageThread #menuCommunity, #clsPageBLines0 #menuCommunity
			, #clsPageStore #menuStore, #clsPageCharity0 #menuStore, #clsPageCharity1 #menuStore, #clsPageContest0 #menuStore, #clsPageContest1 #menuStore
			{ border: 1px solid #9a9a9a; border-top: none; border-bottom: none; background: url(/images/global_header_menu_hover_bg.png) repeat-x; }
		#clsPageHomeStar1 #menuPreferences a { text-decoration: none; }
/*	#headerDecorations { position: absolute; bottom: 0; right: 0; width: 562px; height: 29px; background: url(../images/themed/december/bg_header_lights.png) top left no-repeat; }*/

#pageWrapper2 { min-height: 300px; background: url(/images/banner_bg_bg.png) bottom center repeat-x; }
#pageWrapper { min-height: 300px; background: url(/images/banner_bg.png) bottom center no-repeat; /* padding: 0 0 20px 0; background: url(../images/global_bg_red.png) repeat-x; */}
#pageWrapper2 { background: none; }
#pageWrapper { padding-bottom: 20px; background: url(../images/global_bg_red.png) top left; }

#breadCrumbs { margin: 5px 0 0 0; padding: 5px 0; color: #9A9A9A; }
	#breadCrumbs ol { margin: 0 0 20px 0; padding: 0; }
		#breadCrumbs ol li { display: inline; margin: 0; padding: 0 0 0 5px; list-style: none; color: #9A9A9A; }
		#breadCrumbs ol li:first-child { padding-left: 0; }
			#breadCrumbs a, #breadCrumbs a:visited { color: #9A9A9A; font-weight:bold; }


/* =Content */
div.section h1, div.section h2, div.section h3, div.section h3 { margin: 0 0 10px 0; padding: 0; font-family: Calibri, Arial, sans-serif; color: #f39808; font-weight: bold; text-transform: uppercase; text-align: left; font-size: 12pt; }
div.section { padding: 10px 17px; background: #080808 url(/images/global_header_short_bg.png) repeat-x; border: 1px solid #1d1d1d; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.curved { display: block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

img.avatar { border: 1px solid #4a4a4a; }

a img.discussionAction { float: right; margin-right: 30px; }
dl.discussion dt { padding-top: 20px; font-weight: bold; }
dl.discussion dt, dl.discussion dd { margin-left: 0; padding-left: 35px; }
dl.discussion dt:first-child, dl.discussion dt:first-child + dd { margin-left: 0; padding-left: 0; padding-top: 0; }
dl.discussion dd blockquote { margin: 0; padding: 0; }
	dl.discussion dd blockquote p { margin: 0; padding: 0; }
	dl.discussion dd blockquote span, dl.discussion dd blockquote span a { font-size: 8.5pt; }
	dl.discussion dd blockquote span strong a { color: #f39808; }

#sectionSignupPopup { display:none; position: fixed; bottom: 30px; right: 50px; width: 300px; border-color: #f39808; }
	#sectionSignupPopup p { margin-top: 0; padding-top: 0; text-transform: uppercase; color: #f39808; }
	#sectionSignupPopup p a { display: inline; text-align: right; font-weight: bold; color: #f39808; }
	#sectionSignupPopup span { font-size: smaller; }
		#sectionSignupPopup span a { color: #9a9a9a; }
	

/* =Footer */
#footer { margin: 0 0 20px 0; color: #9a9a9a; text-align: center; }
	#footer ul.subMenu { padding: 10px 0; border: 1px solid #1d1d1d; border-left: none; border-right: none; background-color: #080808; }
	#footer ul.subMenu, #footer ul.subMenu a { font-size: 8pt; }
	#footer li { border-color: #9a9a9a; }
	#footer p { margin: 0; padding: 0; }
	#clsPageFaq #menuFaq a
		, #clsPageTermsConditions #menuTerms a
		, #clsPagePrivacyPolicy #menuPrivacy a
		, #clsPageGiveFeedback #menuFeedback a
		{ text-decoration: none; }
	#sectionGlobalPromotions { margin-top: 10px; text-align: center; }

/* =Paging */
ul.paginator { margin: 0; padding: 0; text-align: center; }
ul.paginator li { display: inline; margin: 0; padding: 0 0 0 5px; }
ul.paginator li:first-child { padding-left: 0; }
ul.paginator li a { padding: 2px 5px; }
	ul.paginator li a span { position: absolute; text-indent: -9000px; }
#pagingPrevPage, #pagingNextPage { display: inline-block; min-width: 13px; min-height: 14px; vertical-align: middle; }
#pagingPrevPage { background: url(/images/button_previous_page.png) center center no-repeat; }
#pagingPrevGroup { }
#pagingThisPage { text-decoration: none; }
#pagingNextGroup { }
#pagingNextPage { background: url(/images/button_next_page.png) center center no-repeat; }


/* =Form */
form { margin: 0 -10px; padding: 0; }
	form > ul { margin: 0; padding: 0; }
	form > ul > li { margin-left: 0; padding: 5px 10px; list-style: none; }
input, textarea, select, option { color: #000; }
input[type='text'], input[type='password'], textarea, select { display: block; padding-bottom: 5px; }
label { margin: 10px 0 3px 0; }
textarea { width: 97%; margin: 0; }
.formError { background-color: #ffaaaa; }
.formNormal { background-color: #ccccff; }
.onRow { background-color: #222222; }
.offRow { background-color: #181818; }

.formPreview { }
	.formPreview table { width: 100%; margin-bottom: 10px; border: 0; border-collapse: collapse; }
	.formPreview th, .formPreview td { padding: 10px; }
	.formPreview td:first-child { padding-left: 0; font-weight: bold; }
a#formPreviewBack, a#formPreviewContinue { display: inline-block; width: 71px; height: 25px; padding-right: 10px; }
a#formPreviewBack { background: url(/images/button_preview_back.png) top left no-repeat; }
a#formPreviewContinue { background: url(/images/button_preview_continue.png) top left no-repeat; }
#formPreviewBack span, #formPreviewContinue span { position: absolute; text-indent: -9000px; }

.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }

.content_row .label { float: left; font-weight: bold; padding-right: 10px; }
.content_row .controls { float: left; padding-left: 20px;}
.content_row .controls a { font-size: 15px; font-weight: bold; padding: 15px 0px 0px 10px; float: left; display: block; }