/*** 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: 900px;
    margin: auto;
    position: relative;
}
div#maincontainer{
    width: 896px;
    margin: auto;    
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    color: #333;
    background-color: #fff;
}
div#headercontainer{
    width: 896px;
    position: relative;
}
div#bodycontainer{
    color: #333;
}
div#footercontainer{    
    width: 896px;
    background-color: #D1C5B2;
	border-top: solid 1px #A09076;
    color: #000;
}
/* 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{
	background-color: #D1C5B2;
	border-bottom: solid 1px #A09076;
    padding: 3px;    
    font-size: 8pt;    
    padding-right: 10px;
    height: 16px;
    color: #000;
    height: 18px;
}
div#headercontainer div#topheader a{
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
div#headercontainer div#topheader a:hover{
    text-decoration: underline;
}

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

/* 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{    
    background-image: url(duskyblue/botheader.png);
    height: 65px;
    margin-bottom: 2px;
	margin-left: -2px;
}
div#headercontainer div#botheader div.botheaderpanel{        
    width: 90%;
    padding: 5px;
    text-align: left;
    cursor: pointer;
}
div#headercontainer div#botheader div.botheaderpanel span.displaytext{
    font: bold 16pt Verdana;     
    display: inline-block;
    padding-top: 12px;
    padding-left: 10px;  
    color: #fff;
}
div#askimg{
	display: none;
}
div#answerimg{
	display: none;
}
div#discoverimg{
	display: none;
}
div#changepasswdcontainer{
    background-color: #fff;
    background-image: url(duskyblue/containerback.png);
    background-repeat: repeat-x;
    background-position: left top;
    border: solid 2px #D1C5B2;
    padding: 10px;
    width: 450px;
    position: absolute;
    margin: auto;
    display: none;
    z-index: 3;
    font-size: 10pt;    
}

div#formattingtipscontainer{
    background-color: #eee;
    background-repeat: repeat-x;
    background-position: left top;  
    border: solid 1px #ccc;
    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{ 
	background-color: #D1C5B2;
	border-bottom: solid 2px #A09076;
    border-top: solid 2px #A09076;
    font-size: 11pt;
    color: #000;
}

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

div#searchcontainer button{
    font-size: 10pt;
    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: 11pt; 
    color: #000; 
    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: 226px;
    background: none; 
}
div#rightpanel{
    float: left;    
    width: 630px;    
    padding-left: 20px;
    position: relative;
    color: black;
}

/* category menu customization, that is available only on homepage, and category pages */
div.categoryholder{        
    color: #333;
    padding-bottom: 5px;
    margin-bottom: 5px;
    width: 226px;
}
div#categoryholder_header{
	background-image: url(duskyblue/leftcontainer_top.png);
	width: 226px;
	height: 13px;
}
div#categoryholder_body{
	background-image: url(duskyblue/leftcontainer_mid.png);
    background-repeat: repeat-y;
    width: 226px;
}
div#categoryholder_footer{
	background-image: url(duskyblue/leftcontainer_bot.png);
	width: 226px;
	height: 15px;
}
div.categoryholder div.titletext{
    font: bold 12pt verdana; 
    color: #333; 
    padding: 15px;
}
ul#categorylistholder{    
    list-style: none;
    padding: 0px;
    margin: 0px;
    padding-bottom: 10px;
}
li.categoryitem{
    padding: 3px;
    padding-left: 5px;
    font-size: 10pt;    
}
li.categoryitem a{
    color: #333;
    text-decoration: none;
    letter-spacing: -0.5px;
}
li.categoryitem a:hover{
    text-decoration: underline;
    color: #000;
}
li.selected{               
    text-decoration: none;           
    letter-spacing: -0.5px;   
    background-color: #F1E9DC;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    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{
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-size: 11pt;
    color: #333;
    width: 226px;
}
div#uamenuholder_header{
    background-image: url(duskyblue/leftcontainer_top.png);
    width: 226px;
    height: 13px;    
}
div#uamenuholder_body{
    background-image: url(duskyblue/leftcontainer_mid.png);
    background-repeat: repeat-y;
    width: 226px;    
}
div#uamenuholder_footer{
    background-image: url(duskyblue/leftcontainer_bot.png);
    width: 226px;
    height: 15px;   
}
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: #333;
    font-size: 11pt;
    text-decoration: none;
}
div#uamenuholder li.uamenuitem a:hover{
    color: #000;
    font-size: 11pt;
    text-decoration: underline;
}

/* Top 3 leaderboard customization, that is displayed on homepage, just below category menu only */
div#leaderboard{	
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-size: 10pt;
    color: #333;
    width: 226px;
}
div#leaderboard_header{
	background-image: url(duskyblue/leftcontainer_top.png);
	width: 226px;
	height: 13px;
}
div#leaderboard_body{
	background-image: url(duskyblue/leftcontainer_mid.png);
    background-repeat: repeat-y;
    width: 226px;
}
div#leaderboard_footer{
	background-image: url(duskyblue/leftcontainer_bot.png);
	width: 226px;
	height: 15px;
}

div#leaderboard a#leaderboardlink{
    text-decoration: none; 
    color: #555;
    font-size: 10pt;
    font-family: verdana;
}

/* profile panel customization, that is displayed on homepage, category page, and question page, only when member is logged in */
div#profileinfopanel{
    margin-bottom: 5px;
    padding-bottom: 5px;
    color: black;
    font-size: 11pt;
}
div#profilepanel_header{
	background-image: url(duskyblue/leftcontainer_top.png);
	width: 226px;
	height: 13px;
}
div#profilepanel_body{
	background-image: url(duskyblue/leftcontainer_mid.png);
    background-repeat: repeat-y;
    width: 226px;
    padding-left: 5px;
}
div#profilepanel_footer{
	background-image: url(duskyblue/leftcontainer_bot.png);
	width: 226px;
	height: 15px;
}

div#profileinfopanel a{
    color: #666;    
}   

/* history panel customization, that displays the point history only when member is logged in */
div#historypanel{
    background-color: #eee;
    padding: 5px;
    border: solid 1px #ccc;
    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: #444;
    font-weight: bold;
    letter-spacing: -0.5px;
}

/* css rules for tab creation in right panel, for questions listing, on homepage and category pages */
div#tabcontainer{
	width: 617px;
	color: #000;	
}
div#tabcontainer_header{
	background-image: url(duskyblue/ques_tab_top.png);
	width: 617px;
	height: 14px;
}
div#tabcontainer_body{
	background-image: url(duskyblue/ques_tab_mid.png);
	background-repeat: repeat-y;
	width: 617px;
	padding: 10px;
}
div#tabcontainer_footer{
	background-image: url(duskyblue/ques_tab_bot.png);
	width: 617px;
	height: 16px;
}
li.tabitem{
    padding: 5px;
    float: right;
    border: solid 1px #aaa;
    border-bottom: 0px;
    font-size: 10pt;
    margin-left: 5px;
    cursor: pointer;    
}
li.tabitem:hover{
    background-color: #AA9E8C;
    color: white;
}
.indexcolorscheme{
    background-color: #DFD6C8;
    color: white;
}
.indexcolorscheme a{
    color: black;
    text-decoration: none;
}
.activetab{
    background-color: #AA9E8C;
    color: white;
}
.activetab a{
    color: white;
    text-decoration: none;
}
div.tabheader{
    border-top: solid 1px #06C8F2;
    border-bottom: solid 10px #AA9E8C;
    color: #000;
    font-size: 12pt;
    width: 97%;
}
div.tabheader_category{
    border-top: solid 1px #06C8F2;
    border-bottom: solid 10px #AA9E8C;
    color: #333;
    font-size: 14pt;
    width: 97%;
}
div.categorydataholder{
    border-top: solid 1px #cdcdcd;
}
div.tabbody{
	background-color: #F1E9DC;
    min-height: 50px;
    width: 97%;
}

/* questions listing customization. used almost everywhere the question is listed. */
tr.questionpanelA{
    background-color: #E5DBCC;
}
tr.questionpanelB{
    background-color: #D1C5B2;
}
div.questiontitle{
    font-size: 11pt;    
    letter-spacing: -0.5px;
}
div.questiontitle a{
    color: #333;
    font-size: 11pt;
    letter-spacing: -0.2px;
    text-decoration: none;
}
div.questiontitle a:hover{
    text-decoration: underline;
    color: #000;
}
div.questioninfo{
    padding: 5px;
    font-size: 10pt;
    color: #666;
}
div.questioninfo a{
    color: #333;
}
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 #000;
    background-color: #0AABCC;
    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: #fff;    
    width: 617px;
    color: #000;
}
div#askquestionpanel_header{
    background-image: url(duskyblue/container_top.png);
    width: 617px;
    height: 14px;
}
div#askquestionpanel_body{
	background-color: #F1E9DC;
    width: 595px;  
    padding: 10px;            
    border-left: solid 1px #D1C5B2;
	border-right: solid 1px #D1C5B2;                            
}
div#askquestionpanel_footer{
    background-image: url(duskyblue/container_bot.png);
    width: 617px;
    height: 16px;
}
div#askquestion_titletext{
    font-size: 24pt; 
    color: #897C68;
    font-weight: bold;
    letter-spacing: -1px;
    padding-left: 25px;
}
div#askquestionpanel .helptext{
    font-size: 8pt;
    color: #666;
}
a#formattingtips_link{
    color: #666;
    text-decoration: none;
}
a#formattingtips_link:hover{
    text-decoration: underline;
}
/*** END */



/*** BEGIN : Answer Question Page specific customization */
div#answerpanel{
    background-color: #fff;
    width: 617px;
    font-size: 10pt;
    color: #000;
}
div#answerpanel_header{
    background-image: url(duskyblue/container_top.png);
    width:  617px;
    height: 14px;    
}
div#answerpanel_body{
	background-color: #F1E9DC;
    width: 585px;
    padding: 15px;
    border-left: solid 1px #D1C5B2;
	border-right: solid 1px #D1C5B2;    
}
div#answerpanel_footer{
    background-image: url(duskyblue/container_bot.png);
    width: 617px;
    height: 16px;
}
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: #fff;
    width: 617px;
    font-size: 10pt;
    color: black;
}
div#questionpanel_header{
    background-image: url(duskyblue/container_top.png);
    width: 617px;
    height: 14px;
}
div#questionpanel_body{
	background-color: #F1E9DC;
    width: 585px;
    padding: 15px;
    border-left: solid 1px #D1C5B2;
	border-right: solid 1px #D1C5B2;
}
div#questionpanel a{
    color: #666;
}
div#questionpanel a:hover{
    color: #000;
}
div#questionpanel .postedon{
    font-size: 9pt;
    color: #666;
}
div#questionactionbar{
    border: solid 1px #D1C5B2;
    border-top: solid 1px #ccc;  
    background-image: url(../images/barback.png);
    background-repeat: repeat-x; 
    padding-right: 20px;
    width: 595px;
    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{
    background-image: url(../images/border.gif);
    background-position: top;
    background-repeat: repeat-x;
    width: 72%; 
    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: 72%; 
    padding-top: 10px; 
    padding-bottom: 10px;
    background-color: #F1E9DC;
    border: solid 1px #D1C5B2;
    color: #666;     
}
span.question_displaytext{
    color: #333;
    font-size: 12pt;
}
div#emailfriendscontainer{
    background-color: #fff;
    background-image: url(duskyblue/containerback.png);
    background-repeat: repeat-x;
    background-position: left top;
    border: solid 1px #799E0F;
    padding: 10px;
    width: 500px;
    position: absolute;
    margin: auto;
    display: none;
    z-index: 3;
}
div#editquestioncontainer{
    background-color: #fff;
    background-image: url(duskyblue/containerback.png);
    background-repeat: repeat-x;
    background-position: left top;
    border: solid 1px #D1C5B2;
    padding: 10px;
    width: 500px;
    position: absolute;
    margin: auto;
    display: none;
    z-index: 3;
    font-size: 10pt;
}
div#editanswercontainer{
    background-color: #fff;
    background-image: url(duskyblue/containerback.png);
    background-repeat: repeat-x;
    background-position: left top;
    border: solid 1px #D1C5B2;
    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 : 617px;    
}
div#publicprofile_questionasked .header{
    padding: 5px;
    color: #333;
    background-image: url(../images/border.gif);
    background-position: bottom;
    background-repeat: repeat-x;     
}
div#publicprofile_questionasked .questionasked{
    padding-top: 5px; 
    padding-bottom: 5px;
    margin-top: 2px; 
}
div#publicprofile_questionasked .helptext{
    color: #666;
    font-size: 8pt;
}
div#publicprofile_questionasked .questionstatus{
    color: #f30;
    font-size: 8pt;
}
div#publicprofile_questionanswered{
    width: 617px;
}
div#publicprofile_questionanswered .header{
    padding: 5px; 
    color: #333;
    background-image: url(../images/border.gif);
    background-position: bottom;
    background-repeat: repeat-x;     
}
div#publicprofile_questionanswered .questionanswered{
    padding-top: 5px; 
    padding-bottom: 5px; 
    margin-top: 2px;
}
div#publicprofile_questionanswered .helptext{
    color: #666;
    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: #F1E9DC;
	border: solid 1px #D1C5B2;
    border-top: solid 10px #07BDE3;
    border-bottom: solid 5px #07BDE3;
    width: 587px;
    font-size: 10pt;
    color: black;
    padding: 15px;
}
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: 616px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}
div#carousel div.top{
    width: 616px;
    height: 65px;
    padding-left: 15px;
    color: #fff;
    background-image: url(duskyblue/boa_top.png);
    position: relative;
}
div#boatext{
    position: absolute;
    left: 75px;
    top: 28px;
}
div#carousel div.mid{
    width: 616px;
    height: 170px;
    overflow: hidden;
    position: relative;
    padding-top: 5px;
	background-image: url(duskyblue/boa_mid.png);
	background-repeat: repeat-y;
    padding-left: 20px;
}
div#carousel div.bot{
    width: 616px;
	background-image: url(duskyblue/boa_bot.png);
	height: 32px;
}
/*** 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: 100px;  
    padding-right: 100px;
}
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 #bbb;
    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: 74%;
    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;
}