body{
    margin: 0px;
    padding: 0px;
    font-family: sans-serif;
    font-size: 11pt;
    color: black;
    background-image: url(../images/u_back.gif);
}

div#maincontainer{
    width: 896px;
    margin: auto;
    background-color: #555;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    color: #aaa;
}

div#headercontainer{
    width: 896px;
    position: relative; 
	background-image: url(darktheme1/headerback.jpg);
    color: black;
}

div#bodycontainer{
    background-image: url(darktheme1/bodyback.png);
    background-position: top;
    background-repeat: repeat-x;
    color: white;
}

div#footercontainer{	
    width: 896px;
    background-color: #333;
    color: #ccc;
}

div#footercontainer p{
    margin: 0px;
}

/*** begin : top header panel */

div#headercontainer div#topheader{
    padding: 3px;    
	font-size: 8pt;	
	padding-right: 10px;
    background-image: url(darktheme1/headerpanelback.png);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 20px;
    color: white;
}

div#headercontainer div#topheader a{
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

div#headercontainer div#topheader a:hover{
	text-decoration: underline;
}

/* end : top header panel */

/*** begin : ask, answer, discover panel in header */

div#headercontainer div#botheader{	
	padding: 10px;
}

div#headercontainer div#botheader div.botheaderpanel{	
	width: 80%;
	background-color: #333;
	padding: 5px;
	text-align: left;
	border: solid 1px #fff;
	cursor: pointer;
}

div#headercontainer div#botheader div.botheaderpanel span.displaytext{
	font: bold 18pt 'Arial Black';     
	padding-left: 10px; 
	letter-spacing: -1px; 
	color: white;
}

div#searchcontainer{
    border-top: solid 1px #777;
    border-bottom: solid 2px #333;
	background-color: black;
	background-image: url(darktheme1/headerpanelback.png);
	background-repeat: repeat-x;
}

div#askimg{
	width: 49px;
	height: 49px;
	margin-right: 5px;
	background-image: url(darktheme1/ask.png);
	background-repeat: no-repeat;
	float: right;
}

div#answerimg{
	width: 63px;
	height: 48px;
	margin-right: 5px;
	background-image: url(darktheme1/answer.png);
	background-repeat: no-repeat;
	float: right;
}

div#discoverimg{
	width: 49px;
	height: 49px;
	margin-right: 5px;
	background-image: url(darktheme1/discover.png);
	background-repeat: no-repeat;
	float: right;
}

/* end : ask, answer, discover panel in header */

/*** begin : logo container */
div#logocontainer{
    float: left; 
    width: 350px; 
    overflow: hidden;
    text-align: left;
}
/* end : logo container */

.textbox{
	border: solid 1px #999;
	font-family: sans-serif;
	color: #333;
}

.frmbttn{
	font-family: sans-serif;
	font-size: 9pt;
}

div#pagecontent{
	padding: 10px;
	padding-bottom: 0px;
	clear: both;
}

div#leftpanel{
	float: left;
	width: 200px;
	background: none; 
}

div#rightpanel{
	float: left;	
	width: 650px;	
	padding-left: 15px;
	position: relative;
    color: white;
}

div.categoryholder{
	/* changing appearance */
    background-color: #CD4702;
    background-image: url(darktheme1/panelback.png);
    background-repeat: repeat-x;
    background-position: top;
    /* other properties */
	padding: 3px;             
    border: solid 1px #666;
    color: white;
}

div.categoryholder div.titletext{
    font: bold 13pt sans-serif; 
    color: #aaa; 
    padding: 10px;
    font-style: italic;
}

div#leaderboard{
    /* changing appearance */
    background-color: #CD4702;
    background-image: url(darktheme1/panelback.png);
    background-repeat: repeat-x;
    background-position: top;
    /* other properties */
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: solid 1px #666;	
	font-size: 9pt;
    color: white;
}

div#leaderboard a#leaderboardlink{
    text-decoration: none; 
    color: #ccc;
}

div#profileinfopanel{
    /* changing appearance */
    background-color: #CD4702;
    background-image: url(darktheme1/panelback.png);
    background-repeat: repeat-x;
    background-position: top;
    /*other properties*/
    padding: 5px;
    border: solid 1px #666;
    margin-bottom: 5px;
    color: white;
}

div#profileinfopanel a{
    color: #ccc;    
}   

div#historypanel{
    /* changing appearance */
    background-color: #CD4702;
    background-image: url(darktheme1/panelback.png);
    background-repeat: repeat-x;
    background-position: top;
    /*other properties*/
    padding: 5px;
    border: solid 1px #666;
    margin-bottom: 5px;
    font-size: 8pt;
    color: #fff;
}

div#historypanel a{
    color: #ccc;
}

li.categoryitem{
	padding: 3px;
	font-size: 10pt;	
}

li.categoryitem a{
	color: #eee;
	text-decoration: none;
	letter-spacing: -0.5px;
}

li.categoryitem a:hover{
	text-decoration: underline;
}

li.selected{               
    text-decoration: none;           
    letter-spacing: -0.5px;   
    background-color: #fff;
    border-top: solid 1px #333;
    border-bottom: solid 1px #333;
    color: #333;
    font-size: 10pt;
    padding: 3px;
}

li.selected a{
    color: #333;    
    text-decoration: none;
    letter-spacing: -0.5px;
}

li.subcategoryitem{
    margin-left: 10px;
}

li.tabitem{
	padding: 5px;
	float: right;
	border: solid 1px #ccc;
	border-bottom: 0px;
	font-size: 9pt;
	margin-left: 5px;
	cursor: pointer;	
}

li.tabitem:hover{
	background-color: #CD4702;
	color: white;
}

.indexcolorscheme{
	background-color: #888;
	color: white;
}

.indexcolorscheme a{
	color: white;
	text-decoration: none;
}

.activetab{
	background-color: #CD4702;
	color: white;
}

.activetab a{
	color: white;
	text-decoration: none;
}

div.tabheader{
    border: solid 0px white;
	border-bottom: solid 10px #CD4702;
}

div.tabbody{
	padding-top: 10px;
    min-height: 50px;
    background-color: #aaa;
}

ul#categorylistholder{    
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}

/*** begin : nav panel */

div#navpanel{
    padding: 5px;
    font-size: 9pt;
}

div#navpanel a{
    color: #fff;
}

div#navpanel .pagetitle{
    color: #aaa;
}

/* end : nav panel */

select.dropdownlist{
	font-size: 9pt;
	font-family: sans-serif;
}

div.categorytitle{
	padding: 10px;
    padding-left: 20px;
	font-size: 18pt;
	color: #fff;
	font-weight: bold;
    letter-spacing: -0.5px;
}

/*** begin : login page */

div#loginpanel{
	width: 300px;
	background-color: #eee;
	border: solid 1px #999;
	text-align: left;
    position: relative;
    color: #333;
}

a#login_registerlink{
    color: #ccc;
}

/* end : login page */

.fieldheader{
	font-family: sans-serif;
	font-size: 9pt;
    color: #ccc;	
}

.helptext{
	font-size: 9pt;
	color: #666;
}

.custombttn{
	cursor: pointer;
}

.custombttn:hover{
	text-decoration: underline;
}

.error{
	padding: 10px;
	color: red;
	text-align: center;
	font-size: 9pt;	
}

/*** begin : Ask Question Page */

div#askquestionpanel{
    background-color: #fff;
    border: solid 1px #666; 
    background-color: #CD4702;
    background-image: url(darktheme1/panelback.png);
    background-repeat: repeat-x;
    padding: 10px;
    width: 70%;
}

div#askquestion_titletext{
    font-size: 24pt; 
    color: #fff;
    font-weight: bold;
    letter-spacing: -1px;
    padding-left: 25px;
}

div#askquestionpanel .helptext{
    font-size: 8pt;
    color: #ccc;
}

/* end : Ask Question Page */

/*** begin : Answer Question Page */

div#answerpanel{
    background-color: #fff;
    border: solid 1px #666; 
    background-color: #CD4702;
    background-image: url(darktheme1/panelback.png);
    background-repeat: repeat-x;
    padding: 10px;
    width: 70%;
	font-size: 10pt;
}

div#answerquestion_titletext{
    font-size: 24pt; 
    color: #fff;
    font-weight: bold;
    letter-spacing: -1px;
    padding-left: 25px;    
}

span#answerquestion_questiontext{
    font-size: 14pt;
    color: #aaa;
    font-weight: bold;
}

/* end : Answer Question Page */

/*** begin : question page */

div#questionpanel{
    background-color: #fff;
    border: solid 1px #666; 
    background-color: #CD4702;
    background-image: url(darktheme1/panelback.png);
    background-repeat: repeat-x;
    padding: 10px;
    width: 70%;
    font-size: 10pt;
}

div#questionpanel a{
    color: #ccc;
}

div#questionpanel a:hover{
    color: #fff;
}

div#questionpanel .postedon{
    font-size: 9pt;
    color: #ccc;
}

div#questionactionbar{
	border: solid 1px #ccc;
	border-top: none;
	background-image: url(../images/barback.png);
	background-repeat: repeat-x; 
    padding-right: 20px;
	width: 70%;
	font-size: 8pt;
	min-height: 25px;
}

div#questionactionbar div{
    float: left;
	background-repeat: repeat-x;
	font-size: 8pt;
	cursor: pointer;
    text-align: center;
    vertical-align: middle; 
    padding-top: 4px;
    height: 21px;
    color: black; 
}

div.bars{
	border: solid 1px #666;	
	background-image: url('../images/barback.png');
	background-repeat: repeat-x; 
	font-size: 8pt;
	width: 150px;
	height: 20px; 
	text-align: center;
    color: black;
}

div.bars div{
	float: left;
	background-repeat: repeat-x;
	font-size: 8pt;
	cursor: pointer;
    text-align: center;
    vertical-align: middle; 
    padding-top: 2px;
    height: 16px;    
}

div.withrating{
	width: 260px;
}

div.answerpanel{
	background-image: url(../images/border.gif);
	background-repeat: repeat-x;
	background-position: top;
	width: 72%; 
	padding-top: 10px; 
	padding-bottom: 10px;
    color: white;
    font-size: 10pt;
}

div.answerpanel a{
    color: #ccc;    
}

div.answerpanel a:hover{
    color: #fff;
}

table#bestanswerpanel{
	background-image: url(../images/border.gif);
	background-repeat: repeat-x;
	background-position: top;
    color: white;
}

div#question_otherquestionpanel{
    width: 73%; 
    padding-top: 10px; 
    padding-bottom: 10px;
    background-color: #888;    
}

span.question_displaytext{
    color: #ccc;
    font-size: 12pt;
}

/* end : question page */

/*** begin : My Profile */

div#profilepanel{
	background-color: #CD4702;
	border: solid 1px #666;
    background-image: url(darktheme1/panelback.png);
    background-repeat: repeat-x;
    padding: 10px;
    width: 70%;
	font-size: 10pt;
    color: white;
}

div#profilepanel legend{
    color: #ccc;
    font-size: 9pt;
}

div#profilepanel a.otherlink{
    color: #ccc;
    text-decoration: none;
    font-size: 8pt;
}

div#profilepanel a.otherlink:hover{    
    color: white;
}

a#changephotolink{
    color: #ccc;
    font-size: 8pt;
    text-decoration: none;
}

a#leaderboardlink{
    color: #fff;
}

/* end : My Profile */

/*** begin : Questions Listing */

tr.questionpanelA{
    background-color: #eee;
}

tr.questionpanelB{
    background-color: #ccc;
}

div.questiontitle{
    color: #3486a5;
    font-size: 11pt;    
    letter-spacing: -0.5px;
}

div.questiontitle a{
    color: #3486a5;
    font-size: 11pt;
    color: #333;
    letter-spacing: -0.2px;
    text-decoration: none;
}

div.questiontitle a:hover{
    text-decoration: underline;
}

div.questioninfo{
    padding: 5px;
    font-size: 9pt;
    color: #666;
}

div.questioninfo a{
    color: #666;
}

/* end : Question listing */

span.fieldheader{
	color: #ccc;
	letter-spacing: 0.75px;
}

span.fielddata{
	color: #fff;
}

div.searchresult_questitle{
	padding-top: 10px;
	padding-left: 5px;
}

div.searchresult_questitle a{
	font-size: 12pt;
	color: blue;
	text-decoration: none;
}

div.searchresult_questitle a:hover{
	text-decoration: underline;
}

div#emailfriendscontainer{
	background: url(darktheme1/containerback.png) top repeat-x;
	padding: 15px;
	border: solid 1px #999;
	width: 500px;
	position: absolute;
	margin: auto;
	display: none;
	z-index: 3;
	background-color: white;
}

form{
	margin: 0px;
	padding: 0px;
}

a.questionlink{
	color: #333;
	text-decoration: none;
	font-size: 10pt;
}

a.questionlink:hover{
	text-decoration: underline;
}

/*** begin : ad place holders */

div#adplaceholder1{
	width: 525px;
	overflow: hidden;	
}

div#adplaceholder2{
	margin-top: 5px;
	width: 200px;
	overflow: hidden;
	margin-bottom: 5px;
}

div#adplaceholder3{
	width: 525px;
	margin-bottom: 5px;
	overflow: hidden;
}

div#adplaceholder4{
	width: 760px;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	overflow: hidden;
}

div#adplaceholder5{
	width: 220px;
	margin-bottom: 5px;
	overflow: hidden;
}

div#adplaceholder6{
	margin: auto;
	margin-top: 5px;
	overflow: hidden;
	width: 760px;
}

div#adplaceholder7{
	width: 385px;
	margin-top: -10px;	
	margin-bottom: 5px;
	overflow: hidden;	
}

div#adplaceholder8{
	width: 700px;
	margin: auto;
	margin-top: 5px;	
	margin-bottom: 5px;
	overflow: hidden;	
}

/* end : ad place holders */

/* begin : carosuel */

div#carousel{
	background-color: #fff;
	width: 640px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: solid 1px #aaa;
	overflow: hidden;
	position: relative;
}

div#carousel div.top{
	width: 640px;
	height: 28px;
	background-color: #CD4702;
    color: white;
	background-repeat: no-repeat;
}

div#carousel div.mid{
	width: 640px;
	height: 160px;
	overflow: hidden;
	position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
}

div#carousel div.bot{
	width: 640px;
	height: 27px;
	background-color: #CD4702;
	background-repeat: no-repeat;
}

/* end : carosuel */

.imgbttn{
	cursor: pointer;
}

/*** begin : public profile page */

div#profilepanel .bestanswerpercentage{
    color: #fff;
    font-size: 9pt;
}

div#publicprofile_questionasked{
    width : 73%;	
}

div#publicprofile_questionasked .questionasked{
    padding-top: 5px; 
    padding-bottom: 5px;
    margin-top: 1px; 
    border: solid 1px #999;
    background-color: #999;    
}

div#publicprofile_questionasked .helptext{
    color: #aaa;
    font-size: 8pt;
}

div#publicprofile_questionasked .questionstatus{
    color: #eee;
    font-size: 8pt;
}

div#publicprofile_questionanswered{
    width: 73%;
}

div#publicprofile_questionanswered .questionanswered{
	padding-top: 5px; 
    padding-bottom: 5px; 
	margin-top: 1px; 
	border: solid 1px #999;
    background-color: #999;
}

div#publicprofile_questionanswered .helptext{
    color: #aaa;
    font-size: 8pt;
}

div#publicprofile_questionanswered .questionstatus{
    color: #eee;
    font-size: 8pt;
}

.noquestiontext{
    color: #eee;
    font-weight: bold;
    font-size: 11pt;
}

/* end : public profile page */

/*** begin : leader board page */

.ranktitle{
    color: #fff;
    font-size: 9pt;
}

.membersince{
    padding-top: 5px;
    color: #ccc;    
}

/* end : leader board page */

/*** begin : Register Page */

div#registerpanel{
    padding: 10px; 
    padding-left: 100px; 
    padding-right: 100px;    
}   

div#registerpanel span.helptext{
    font-size: 8pt;
    color: #ccc;
}

div#registerpanel .terms{
    border-top: dashed 1px #ccc; 
    padding: 10px; 
    padding-bottom: 0px;
}

div#registerpanel .terms a{
    color: #fc0;
}

div#registerpanel .checkavailability{
    color: #aaa;
    font-size: 8pt;    
}

/* end : Register Page */

/*** start : flash message page */

div#flashmessage{
    padding: 25px; 
    font: bold 14px verdana; 
    color: #eee;
    font-size: 12pt;
}

div#flashmessage a{
    color: #ccc;
}

div#flasmessage a:hover{
    color: #fff;
}

/* end : flash message page */

/*** begin: page counter */
a.currentpage{
	display: inline-block;
	padding: 3px;
	border: solid 1px #333;
	background-color: #000;
	color: #fff;
}
a.noncurrentpage{
	display: inline-block;
	padding: 2px;
	border: solid 1px #ccc;
	background-color: #fff;
	color: #000;
}
/* end: page counter */