/* Main StyleSheet */

body					{ margin: 0px; background: #e4e4e4 url(/images/design/bg.jpg) repeat-x top left; }

/* body container */

#container				{ margin: 0px auto; width: 990px; }
#top_header				{ background: url('/images/design/top_header.jpg') no-repeat center; height: 30px; }
#top_main				{ background: url('/images/design/top_main.jpg') no-repeat center top; height: 150px; }
#top_bottom				{ background: url('/images/design/top_bottom.jpg') no-repeat center top; height: 38px; margin-bottom: 6px; }
#left					{ width: 160px; float: left; }
#content				{ width: 820px; float: right; }

/* menu container */

.menu_top				{ height: 20px; background: url('/images/design/menu_top.jpg') no-repeat center top; }
.menu_content			{ background: url('/images/design/menu_middle.jpg') repeat-y center top; padding: 0px 5px 0px 5px; }
.menu_bottom			{ height: 20px; background: url('/images/design/menu_bottom.jpg') no-repeat center top; }

/* content container */

.content_container		{ width: 820px; }
.content_top			{ height: 20px; background: url('/images/design/content_top.jpg') no-repeat center top;}
.content_middle			{ height: 100%; background: url('/images/design/content_middle.jpg') repeat-y center top; padding: 0px 20px 0px 20px; text-align: left; }
.content_bottom			{ height: 20px; background: url('/images/design/content_bottom.jpg') no-repeat center top; margin-bottom: 20px; }

/* top header partner */

#top_header .partner			{ width: 300px; float:right; text-align: right; margin: 0px; padding: 13px 20px 5px 0px; }
#top_header .partner a			{ font-size: 9px; color: #d7d8d9;}
#top_header .partner a:hover	{ color: #f2f2f2;}

/* top bottom info */

#top_bottom .info		{ width: 150px; float:right; }
#top_bottom .info ul	{ list-style-type: none; margin: 0px; padding: 0px; }
#top_bottom .info ul li	{ float: left; margin: 0px; padding: 8px 5px 0px 5px; }

/* menu style */

.menu					{ width: 150px; }
.menu ul				{ padding: 0px; margin: 0px; list-style-type: none; }
.menu li				{ text-align: left; }
.menu a					{ display: block; width: 128px; padding: 4px 2px 4px 20px; text-decoration: none; background: url('/images/arrow.gif') no-repeat 10px 10px; }
.menu a:hover			{ background-color: #FFFFFF; }
.menu .active			{ background-color: #FFFFFF; }
.menu .menuHeader		{ width: 143px; background-color:#CED1D5; padding: 4px 2px 4px 5px; border-top:1px solid gray; border-bottom:1px solid gray; font-weight: bold; }

/* infobox style */

.infobox				{ width:100%; background-color:#D7E3E8; }
.infoboxHeadline		{ width:100%; height:20px; font-family: Trebuchet MS; font-size:12px; }
.infoboxHeadline h1		{ margin: 0px; padding: 0px; font-family: Trebuchet MS; font-size:12px; }
.infoboxContent			{ width:100%; height:100%; border:1px solid #D7D8DA; background-color:#F6F6F8; }
.infoboxToolbox			{ width:100%; height:20px; padding-top: 2px; vertical-align:middle; text-align:left; }
.infobox_list			{ }
.infobox_list ul		{ margin: 0px; padding: 0px 0px 0px 50px; list-style-image: url('/images/icon/information.gif'); }
.infobox_list li		{ padding: 5px 0px 5px 5px; }

/* Thread Style */

.thread					{  }
.thread .info			{ background-color: #FFFFFF; }
.thread .content		{ padding: 5px; line-height: 16px; border-top: solid 1px #D7D8DA; }
.thread .signature		{ padding: 5px; background-color: #FFFFFF; color: #c4c4c4; border-top: solid 1px #D7D8DA; }

/* Answer Style */

.answer					{  }
.answer .content		{ padding: 5px; line-height: 16px; }
.answer .signature		{ padding: 5px; background-color: #FFFFFF; color: #c4c4c4; border-top: solid 1px #D7D8DA; }

/* News Style */

.news					{  }
.news .info				{ background-color: #FFFFFF; }
.news .content			{ padding: 5px; line-height: 16px; border-top: solid 1px #D7D8DA; }
.news .signature		{ padding: 5px; background-color: #FFFFFF; color: #c4c4c4; border-top: solid 1px #D7D8DA; }

/* Comment Style */

.comment				{  }
.comment .info			{ background-color: #FFFFFF; }
.comment .content		{ padding: 5px; line-height: 16px; }
.comment .signature		{ padding: 5px; background-color: #FFFFFF; color: #c4c4c4; border-top: solid 1px #D7D8DA; }

/* List Style */

.list					{ width:100%; }
.list td				{ height: 20px; border-bottom: 1px solid #D7D8DA; }
.list_alternating		{ background-color:#FFFFFF; }

/* Pasting info style */

.pastingInfoMain		{ width: 100%; border: 1px solid #D7D8DA; }

/* Forum list style */

.ForumListLeft			{ padding-left:12px; background:url('/images/arrow.gif') no-repeat 5px 5px;
}
.ForumListRight			{ padding-right: 5px; }

/* Login style */

.Login					{ width: 200px; text-align: left; }

/* User Edit Input Width */

.UserEditInputStyle		{ width: 200px; }
.UserEditTextareaStyle	{ width: 280px; height: 200px; }

/* Code field style */

.CodeFieldStyle			{ width: 740px; padding:5px; border:1px solid grey; background-color:#E9E7DC; font-family: "Courier New"; font-size: 12px; overflow: auto; white-space: nowrap; }
.CodeFieldStyle pre		{ margin: 0px; padding: 0px; }

/* Top Quick Switch */

.TopQuickSwitch			{ float:left; padding: 130px 0px 0px 20px; }
.TopQuickSwitch td		{ padding-left:1px; }

/* Top Quick Search */
.TopQuickSearch				{ width: 280px; height: 28px; float: right; position: relative; right: 7px; top: 122px; background: transparent url(/images/design/top_quicksearch.gif) no-repeat top left; text-align: center; }
.TopQuickSearch .textbox	{ width: 120px; height: 16px; border: solid 1px #c5c5c5; text-align: center; background-color: #e5e5e5; }

/* Competition style */

.ApplicationStyle		{ background-image: url('/images/competition/ChristmasCompetitionApp_bg.jpg'); background-repeat: no-repeat; width:600px; height:500px; }
.ApplicationFormStyle	{ width:410px; height:200px; position:relative; left:35px; top:80px; }

/* Rules good questions */

.rules_gq				{ }
.rules_gq ul			{ list-style-type: decimal; list-style-position: inside; margin: 0px 0px 0px 20px; padding: 0px; }
.rules_gq ul li			{ padding: 5px 0px 5px 0px; }

/* list */
.list_rce					{ padding: 0px 8px 0px 8px; }
.list_rce ul				{ margin: 0px; padding: 0px; list-style-type: none; border-top: solid 1px #ebf1f4; }
.list_rce ul li				{ margin: 0px; padding: 5px 0px 5px 0px; border-bottom: solid 1px #ebf1f4; }
.list_rce table				{ margin: 0px; padding: 0px; width: 100%; border-top: solid 1px #ebf1f4; }
.list_rce td				{ margin: 0px; padding: 5px 0px 5px 0px; border-bottom: solid 1px #ebf1f4; }
.list_rce .paging			{ font-weight: bold; padding: 10px 0px 10px 0px; }
.list_rce .paging a			{ border: solid 1px #c1d5de; padding: 4px; color: #85a3b1; }
.list_rce .paging a:hover	{ border: solid 1px #FF0000; }
.list_rce .paging .active	{ background-color: #6890a2; color: #FFFFFF; border: solid 1px #FFFFFF; }
.list_rce .bg				{ background-color: #e2e9ed; }
.list_rce h3 a				{ font-size: 10px; color: #b7b7b7; }