/*** BEGIN : css rules controlling the website structure */
body{
    margin: 0px;
    padding: 0px;
    font-family: sans-serif;
    font-size: 11pt;
    color: black;
    background-image: url(../images/u_back.gif);
}
div#bdy{
	width: 1000px;
	margin: auto;
	position: relative;
}
div#maincontainer{
    width: 996px;
    margin: auto;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    color: #333;
	background-color: #CDBFAC;
}
div#headercontainer{
    width: 996px;
    position: relative;
	color: black;
	background-color: #DFD7CB;	
	background-image: url(modern/headerback.jpg);
	background-repeat: no-repeat;
}
div#bodycontainer{
	background-color: #CDBFAC;	
    color: #fff;
}
div#footercontainer{	
    width: 996px;
    background-color: #333;
    color: #fff;
}
/* END */



/*** do not edit this css rule. Needed for <p> tag compatibility inside footer container */
div#footercontainer p{
    margin: 0px;
}
/*** END */


/*** BEGIN : header container customization */

/* top header panel customization */
div#headercontainer div#topheader{
    padding: 3px;    
	font-size: 8pt;	
	padding-right: 10px;
    height: 16px;
    color: white;
	background-color: #333;
}
div#headercontainer div#topheader a{
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
div#headercontainer div#topheader a:hover{
	text-decoration: underline;
}

/* mid header panel customization */
div#headercontainer div#midheader{
	min-height: 60px;	
}

/* logo container customization that lies within mid header panel */
div#logocontainer{
    float: left; 
    width: 350px; 
    overflow: hidden;
    text-align: left;
}

/* bottom header panel customization, that contain the ask, answer, discover panels */
div#headercontainer div#botheader{	
	padding: 10px;
}
div#headercontainer div#botheader div.botheaderpanel{	
	background-image: url(modern/botheaderpanel.png);
	background-repeat: no-repeat;
	padding: 10px;
	width: 200px;
	height: 63px;
	text-align: left;
	cursor: pointer;
}
div#headercontainer div#botheader div.botheaderpanel span.displaytext{
	font: bold 20pt 'Arial Black';     
	display: inline-block;
	padding-top: 5px;
	padding-left: 10px; 
	letter-spacing: -2px; 
	color: #FF6600;
}
div#askimg{
	width: 49px;
	height: 49px;
	margin-top: 5px;
	margin-left: 5px;
	background-image: url(modern/ask.png);
	background-repeat: no-repeat;
	float: left;
}
div#answerimg{
	width: 63px;
	height: 48px;
	margin-top: 5px;
	margin-left: 5px;
	background-image: url(modern/answer.png);
	background-repeat: no-repeat;
	float: left;
}
div#discoverimg{
	width: 49px;
	height: 49px;
	margin-top: 5px;
	margin-left: 5px;
	background-image: url(modern/discover.png);
	background-repeat: no-repeat;
	float: left;
}
div#changepasswdcontainer{
	background-color: #F8EFE3;
    background-image: url(modern/containerback.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    border: solid 2px #fff;
    padding: 10px;
    width: 450px;
    position: absolute;
    margin: auto;
    display: none;
    z-index: 3;
    font-size: 10pt;	
}

div#formattingtipscontainer{
    background-color: #F8EFE3;
    background-repeat: repeat-x;
    background-position: left top;  
    padding: 10px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    display: block;
    z-index: 3;
    font-size: 10pt;    
}

/*** END */


/*** BEGIN : body container customization */

/* search panel customization, that lies at the top of body container */
div#searchcontainer{
	border-top: solid 10px #333;
	border-bottom: solid 2px #333;
	padding-top: 5px;
	padding-bottom: 5px;	
	background-color: #444;
	font-size: 16pt;
	color: #aaa;
}

div#searchcontainer input{
	height: 26px;
	font-size: 16pt;
	vertical-align: middle;
	border: solid 1px #666;
	background-color: #fff;
}

div#searchcontainer button{
	height: 32px;
	font-size: 14pt;
	vertical-align: middle;
}

div#searchicon{
	height: 24px;
	width: 24px;
	background-image: url(modern/search.png);
	background-repeat: no-repeat;
	vertical-align: middle;	
}

a#myprofilelink{
	font-size: 14pt; 
	color: #aaa; 
	text-decoration: none; 
	font-weight: bold;
}

/* at the same dom level as search container that includes all the content inside the body container */
div#pagecontent{
	padding: 10px;
	padding-bottom: 0px;
	clear: both;
	color: #000;
}

/* navigation panel customization, that is displayed at the top of page content panel inside body container */
div#navpanel{
    padding: 5px;
    font-size: 9pt;
}
div#navpanel a{
    color: #666;
}
div#navpanel .pagetitle{
    color: #f30;
}

/* page content within body container is divided in 2 columns, viz., left and right panel */
/* Note : This structure is followed within homepage & category pages */
div#leftpanel{
	float: left;
	width: 250px;
	background: none; 
}
div#rightpanel{
	float: left;	
	width: 700px;	
	padding-left: 15px;
	position: relative;
    color: black;
}

/* category menu customization, that is available only on homepage, and category pages */
div.categoryholder{	
    background-color: #444;
    border-top: solid 15px #333;
    border-bottom: solid 5px #333;
    color: #aaa;
	padding-bottom: 5px;
}
div.categoryholder div.titletext{
    font: bold 15pt verdana; 
    color: #aaa; 
    padding: 15px;
}
ul#categorylistholder{    
    list-style: none;
    padding: 0px;
    margin: 0px;
    padding-bottom: 10px;
}
li.categoryitem{
	padding: 3px;
	padding-left: 5px;
	font-size: 11pt;	
}
li.categoryitem a{
	color: #f60;
	text-decoration: none;
	letter-spacing: -0.5px;
}
li.categoryitem a:hover{
	color: #aaa;
}
li.selected{               
    text-decoration: none;           
    letter-spacing: -0.5px;   
    background-color: #aaa;
    border-top: solid 1px #333;
    border-bottom: solid 1px #333;
    color: #333;
    font-size: 10pt;
    padding: 3px;
}
li.selected a{
    color: #000;    
    text-decoration: none;
    letter-spacing: -0.5px;
}
li.subcategoryitem{
    margin-left: 10px;
}

/*User added pages menu customization */
div#uamenuholder{
    background-color: #444;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 15px;
    padding-bottom: 5px;       
    border-top: solid 15px #333;
    border-bottom: solid 5px #333;
    font-size: 10pt;
    color: #aaa;
}                  
div#uamenuholder ul{
    padding: 0px;
    margin: 0px;
    margin-left: 5px;
    margin-right: 3px;
    list-style: none;
}
div#uamenuholder li.uamenuitem{
    padding: 3px;
    padding-left: 5px;
}
div#uamenuholder li.uamenuitem a{
    color: #ccc;
    font-size: 11pt;
    text-decoration: none;
}
div#uamenuholder li.uamenuitem a:hover{
    color: #fff;
    font-size: 11pt;
    text-decoration: underline;
}

/* Top 3 leaderboard customization, that is displayed on homepage, just below category menu only */
div#leaderboard{
    background-color: #444;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 15px;
	padding-bottom: 5px;       
    border-top: solid 15px #333;
    border-bottom: solid 5px #333;
	font-size: 10pt;
    color: #aaa;
}
div#leaderboard a#leaderboardlink{
    text-decoration: none; 
    color: #aaa;
	font-size: 12pt;
	font-family: verdana;
}

/* profile panel customization, that is displayed on homepage, category page, and question page, only when member is logged in */
div#profileinfopanel{
    background-color: #333;
    padding: 5px;
    margin-bottom: 5px;
    color: #aaa;
}
div#profileinfopanel a{
    color: #fff;    
}   

/* history panel customization, that displays the point history only when member is logged in */
div#historypanel{
    background-color: #fff;
    padding: 5px;
    border: solid 2px #333;
    margin-bottom: 5px;
    font-size: 8pt;
    color: #000;
}
div#historypanel a{
    color: #333;
}

/* category title customization that is dislayed on every category page just above question listing in right panel inside body container */
div.categorytitle{
	padding: 10px;
    padding-left: 20px;
	padding-right: 0px;
	font-size: 18pt;
	color: #fff;
	font-weight: bold;
    letter-spacing: -0.5px;
}

/* css rules for tab creation in right panel, for questions listing, on homepage and category pages */
li.tabitem{
	padding: 5px;
	float: right;
	border: solid 1px #aaa;
	border-bottom: 0px;
	font-size: 12pt;
	margin-left: 5px;
	cursor: pointer;	
}
li.tabitem:hover{
	background-color: #333;
	color: white;
}
.indexcolorscheme{
	background-color: #f60;
	color: white;
}
.indexcolorscheme a{
	color: white;
	text-decoration: none;
}
.activetab{
	background-color: #333;
	color: white;
}
.activetab a{
	color: white;
	text-decoration: none;
}
div.tabheader{
    border-top: solid 1px #CDBFAC;
	border-bottom: solid 5px #333;
	color: #333;
	font-size: 14pt;
}
div.tabheader_category{
    border-top: solid 1px #CDBFAC;
	border-bottom: solid 5px #333;
	color: #333;
	font-size: 14pt;
}
div.categorydataholder{
	border-top: solid 2px #DFD7CB;
}
div.tabbody{
	padding-top: 10px;
    min-height: 50px;
	background-color: #333;
	color: #aaa;
}

/* questions listing customization. used almost everywhere the question is listed. */
tr.questionpanelA{
    background-color: #fff;
}
tr.questionpanelB{
    background-color: #eee;
}
div.questiontitle{
    font-size: 12pt;    
    letter-spacing: -0.5px;
}
div.questiontitle a{
    color: #333;
    font-size: 12pt;
    letter-spacing: -0.2px;
    text-decoration: none;
}
div.questiontitle a:hover{
    text-decoration: underline;
	color: #f30;
}
div.questioninfo{
    padding: 5px;
    font-size: 10pt;
    color: #f30;
}
div.questioninfo a{
    color: #666;
}
div.questioninfo a:hover{
    color: #000;
}

/* css rules for the page counter displayed on homepage and category pages */
a.currentpage{
	display: inline-block;
	padding: 3px;
	border: solid 1px #333;
	background-color: #f60;
	color: #fff;
    font-weight: bold;
}
a.noncurrentpage{
	display: inline-block;
	padding: 2px;
	border: solid 1px #ccc;
	background-color: #fff;
	color: #333;
}

/* customization for rss feed link */
a.rssfeedlink{
	text-decoration: none;
	cursor: pointer;
	color: #000;	
}

/*** END */



/*** BEGIN : Ask Question Page specific customization */
div#askquestionpanel{
	background-color: #F8EFE3;
	background-image: url(modern/containerback.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: solid 1px #fff;
    border-top: solid 15px #333;    
    padding: 10px;
    width: 70%;
	color: black;
}
div#askquestion_titletext{
    font-size: 24pt; 
    color: #333;
    font-weight: bold;
    letter-spacing: -1px;
    padding-left: 25px;
}
div#askquestionpanel .helptext{
    font-size: 8pt;
    color: #666;
}
a#formattingtips_link{
    color: #333;
    text-decoration: none;
}
a#formattingtips_link:hover{
    text-decoration: underline;
}
/*** END */



/*** BEGIN : Answer Question Page specific customization */
div#answerpanel{
	background-color: #F8EFE3;
	background-image: url(modern/containerback.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: solid 1px #fff;
    border-top: solid 15px #333;
    width: 70%;
    padding: 10px;
	font-size: 10pt;
	color: black;
}
div#answerquestion_titletext{
    font-size: 24pt; 
    color: #333;
    font-weight: bold;	
    letter-spacing: -1px;
    padding-left: 25px;    
}
span#answerquestion_questiontext{
    font-size: 14pt;
    color: #666;
    font-weight: bold;
}
/*** END */



/*** BEGIN : Question Page specific customization */
div#questionpanel{
	background-color: #F8EFE3;
	background-image: url(modern/containerback.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: solid 1px #fff;
    border-top: solid 15px #333;
    padding: 10px;
    width: 72%;
    font-size: 10pt;
    color: black;
}
div#questionpanel a{
    color: #666;
}
div#questionpanel a:hover{
    color: #000;
}
div#questionpanel .postedon{
    font-size: 9pt;
    color: #666;
}
div#questionactionbar{
	border: solid 1px #aaa;
	background-image: url(../images/barback.png);
	background-repeat: repeat-x; 
    padding-right: 20px;
	width: 72%;
	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 #888;	
	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{
	border-top: dotted 1px #fff;
	width: 74%; 
	padding-top: 10px; 
	padding-bottom: 10px;
    color: #222;
    font-size: 10pt;
}
div.answerpanel a{
    color: #555;
    font-weight: bold;    
}
div.answerpanel a:hover{
    color: #000;
    text-decoration: none;
}
span.answerpanel_postedon{
	font-size: 8pt;
	color: #666;
}
table#bestanswerpanel{
	background-image: url(../images/border.gif);
	background-repeat: repeat-x;
	background-position: top;
    color: #333;
}
div#question_otherquestionpanel{
    width: 74%; 
    padding-top: 10px; 
    padding-bottom: 10px;
    background-color: #BEAC94;
    border: solid 1px #fff;
    border-top: solid 15px #333;
    border-bottom: solid 5px #333;  
    color: #fff;     
}
span.question_displaytext{
    color: #333;
    font-size: 12pt;
}
div#emailfriendscontainer{
	background-color: #F8EFE3;
	background-image: url(modern/containerback.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: solid 1px #fff;
    padding: 10px;
	width: 500px;
	position: absolute;
	margin: auto;
	display: none;
	z-index: 3;
}
div#editquestioncontainer{
    background-color: #F8EFE3;
    background-image: url(modern/containerback.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    border: solid 1px #fff;
    padding: 10px;
    width: 500px;
    position: absolute;
    margin: auto;
    display: none;
    z-index: 3;
    font-size: 10pt;
}
div#editanswercontainer{
    background-color: #F8EFE3;
    background-image: url(modern/containerback.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    border: solid 1px #fff;
    padding: 10px;
    width: 500px;
    position: absolute;
    margin: auto;
    display: none;
    z-index: 3;
    font-size: 10pt;
}
/* END */


/*** BEGIN : Public Profile Page customization */
div#profilepanel .bestanswerpercentage{
    color: #666;
    font-size: 9pt;
}
div#publicprofile_questionasked{
    width : 74%;	
}
div#publicprofile_questionasked .header{
	padding: 5px;
	background-color: #333;
	color: #aaa;
	font-weight: bold;
}
div#publicprofile_questionasked .questionasked{
    padding-top: 5px; 
    padding-bottom: 5px;
    margin-top: 2px; 
}
div#publicprofile_questionasked .helptext{
    color: #ddd;
    font-size: 8pt;
}
div#publicprofile_questionasked .questionstatus{
    color: #f30;
    font-size: 8pt;
}
div#publicprofile_questionanswered{
    width: 74%;
}
div#publicprofile_questionanswered .header{
	padding: 5px;
	background-color: #333;
	color: #aaa;
	font-weight: bold;
}
div#publicprofile_questionanswered .questionanswered{
	padding-top: 5px; 
    padding-bottom: 5px; 
	margin-top: 2px;
}
div#publicprofile_questionanswered .helptext{
    color: #ddd;
    font-size: 8pt;
}
div#publicprofile_questionanswered .questionstatus{
    color: #f30;
    font-size: 8pt;
}
a.questionlink{
	color: #000;
	text-decoration: none;
	font-size: 10pt;
}
a.questionlink:hover{
	text-decoration: underline;
}
.noquestiontext{
    color: #666;
    font-weight: normal;
    font-size: 12pt;
}
/*** END */


/*** BEGIN : Customization of "My Profile" page and other related pages under my profile, like question asked, questions answered, etc. */
div#profilepanel{
	background-color: #F8EFE3;
	background-image: url(modern/containerback.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: solid 1px #fff;
    border-top: solid 15px #333;
    padding: 10px;
    width: 72%;
	font-size: 10pt;
    color: black;
    border-bottom: solid 2px #333;
}
div#profilepanel legend{
    color: #555;
    font-size: 9pt;
}
div#profilepanel a.otherlink{
    color: #666;
    text-decoration: none;
    font-size: 8pt;
}
div#profilepanel a.otherlink:hover{    
    color: black;
}
a#changephotolink{
    color: #666;
    font-size: 8pt;
    text-decoration: none;
}
a#leaderboardlink{
    color: #333;
}
/*** END */


/*** BEGIN : Ad Place Holders customization */
div#adplaceholder1{
	width: 525px;
	overflow: hidden;
	text-align: left;	
}
div#adplaceholder2{
	margin-top: 5px;
	width: 200px;
	overflow: hidden;
	margin-bottom: 5px;
	text-align: left;
}
div#adplaceholder3{
	width: 525px;
	margin-bottom: 5px;
	overflow: hidden;
	text-align: left;
}
div#adplaceholder4{
	width: 760px;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: left;
}
div#adplaceholder5{
	width: 220px;
	margin-bottom: 5px;
	overflow: hidden;
	text-align: left;
}
div#adplaceholder6{
	margin: auto;
	margin-top: 5px;
	overflow: hidden;
	width: 760px;
	text-align: left;
}
div#adplaceholder7{
	width: 385px;
	margin-top: -10px;	
	margin-bottom: 5px;
	overflow: hidden;
	text-align: left;	
}
div#adplaceholder8{
	width: 700px;
	margin: auto;
	margin-top: 5px;	
	margin-bottom: 5px;
	overflow: hidden;
	text-align: left;	
}
/*** END */


/*** BEGIN : Carosuel customization on website homepage */
div#carousel{
	background-color: #fff;
	width: 675px;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
	border: solid 10px #333;
}
div#carousel div.top{
	width: 675px;
	height: 28px;
	padding-left: 15px;
    color: #aaa;
	background-color: #333;	
}
div#carousel div.mid{
	width: 675px;
	height: 170px;
	overflow: hidden;
	position: relative;
    padding-top: 5px;
	background-color: #fff;
}
div#carousel div.bot{
	width: 675px;
	background-color: #333;
}
/*** END */



/*** BEGIN : Leader Board Page customization */
.ranktitle{
    color: #333;
    font-size: 9pt;
}
.membersince{
    padding-top: 5px;
    color: #666;    
}
/*** END */



/*** BEGIN : Register Page customization */
div#registerpanel{
    padding: 10px;
    padding-left: 150px;  
    width: 70%;  
}
div#registerpanel span.helptext{
    font-size: 8pt;
    color: #333;
}
div#registerpanel .terms{
    border-top: dotted 1px #333; 
    padding: 10px; 
    padding-bottom: 0px;
}
div#registerpanel .terms a{
    color: #333;
}
div#registerpanel .checkavailability{
    color: #f30;
    font-size: 8pt;    
}
/*** END */



/*** BEGIN : flash message page customization */
div#flashmessage{
    padding: 25px; 
    font: bold 14px verdana; 
    color: #333;
    font-size: 12pt;
}
div#flashmessage a{
    color: #f30;
}
div#flasmessage a:hover{
    color: #f60;
}
/*** END */



/*** BEGIN : login page */

/* controls the login panel look */
div#loginpanel{
	width: 300px;
	background-color: #eee;
	border: solid 1px #666;
	text-align: left;
    position: relative;
    color: #333;
}

/* controls the look of register link on the left */
a#login_registerlink{
    color: #f30;
}

/*** END */



/*** BEGIN : Search result page */

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;
}

/*** END */



/*** BEGIN : Customization of "Account Activation" Page */

div#accactivationcontainer{
	width: 75%;
	color: #333;
	font-size: 12pt;
}
div#accactivationcontainer div#message{
	color: #333;
	font-size: 11pt;
	padding: 5px;
}
div#accactivationcontainer div#message a{
	color: #f30;
}
div#accactivationcontainer div#message a:hover{
	color: #f60;
}

/*** END */


/*** BEGIN : Miscllaneous customization */

/* controls the <input> - text tag look */
.textbox{
	border: solid 1px #999;
	font-family: sans-serif;
	color: #333;
}

/* controls the <button> tag look */
.frmbttn{
	font-family: sans-serif;
	font-size: 9pt;
}

/* controls the <select> tag look */
select.dropdownlist{
	font-size: 9pt;
	font-family: sans-serif;
}

/* error message customization */
.error{
	padding: 10px;
	color: #f00;
	text-align: center;
	font-size: 9pt;	
}

div.mssgcontainer{
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666;
	padding: 3px;
	padding-bottom: 5px;
}

span.bigtext{
    font-size: 12pt;    
}

span.smalltext{
    font-size: 8pt;
}

img.emotions{
    vertical-align: middle;
}

/*** END */






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

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

.custombttn{
	cursor: pointer;
}

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

span.fieldheader{
	color: #000;
	letter-spacing: 0.75px;
	font-size: 10pt;
}

span.fielddata{
	color: #333;
}

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

.imgbttn{
	cursor: pointer;
}