/*** BEGIN : css rules controlling the website structure */
body{
    margin: 0px;
    padding: 0px;
    font-family: sans-serif;
    font-size: 11pt;
    color: black;
	background:#114284 url(msn/bg.jpg) top center no-repeat;
	
}
div#bdy{
    width: 916px;
    margin: auto;
    position: relative;
    background-repeat: repeat-y;
}
#header{
margin-top:30px;
width:916px;
background:url(msn/header.png) no-repeat top left;
height:90px;
margin-left:auto;
margin-right:auto;

}
div#maincontainer{
    width: 916px;
    margin: auto;    

    color: #333;
}
div#maincontainer-1{
    width: 916px;
    margin: auto;    

    color: #333;

}

div#headercontainer{
    width: 916px;
	background:url(msn/block-1.png) no-repeat;
	height:260px;

}
div#footercontainer{
    width: 916px;
	background:url(msn/footer.png) no-repeat;
	height:54px;
	text-shadow:0px 1px #fff;
margin-bottom:10px;
}
div#footercontainer-1{
	padding-left:20px;
	padding-right:20px;
}
div#headercontainer-1{
	padding-left:20px;
	padding-right:20px;
}

div#bodycontainer{
	padding-left:12px;
	padding-right:12px;
    color: #333;
	width:892px;
}

/* 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: 5px;
	padding-top:15px;
    height: 16px;
    color: #333;
    height: 18px;
		text-shadow:0px 1px #ffffff;

}
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: 40px;
}

/* 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(msn/botheader3.png);
    background-repeat: no-repeat;
    padding-top: 0px;        
    height: 214px;
    width: 883px;
    margin-bottom: 10px;
}
div.botheaderpanel{        
    width: 90%;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    color: #fff;
}
div.botheaderpanel:hover{
    color: #efefef;
}   
div.botheaderpanel span.displaytext{
    font: bold 16pt Arial;     
    display: inline-block;
    padding-top: 5px;
    padding-left: 10px;  
}
div.botheaderpanel2{
display:block;
cursor:pointer;
}

div#askimg{
	display: none;
}
div#answerimg{
	display: none;
}
div#discoverimg{
	display: none;
}
div#changepasswdcontainer{
    background-color: #fff;
    background-image: url(msn/containerback.png);
    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: #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-image: url(msn/searchcont.png);
    background-repeat: repeat-x;
    width: 892px;
    padding-top: 5px;
    height: 40px;
    font-size: 12pt;
    color: #fff;
    border-top: solid 1px #333;
    border-bottom: solid 1px #333;
}

td#searchcontainer_leftpanel{
    width: 78%;
}

td#searchcontainer_rightpanel{
    width: 22%;
}

div#searchcontainer input{
    font-size: 14pt;
    vertical-align: middle;      
    background-color: #fff;
	background:url(msn/searchfield.png) no-repeat;
	width:290px;
	height:29px;
	padding:1px 35px 0px 35px;
	margin:0px;
	border:0px none;
}

div#searchcontainer button{
    font-size: 12pt;
    vertical-align: middle;
}

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

a#myprofilelink{
    font-size: 12pt; 
    font-style: italic;
    color: #fff; 
    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-right:5px;
	padding-top:0px;
	padding-left:5px;
    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: 10px;
    font-size: 9pt;
	background:#f6f6f6;
	border-bottom:1px solid #999999;
}
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: 222px;
    background: #dce6f1;
	padding-left:8px;
	padding-top:10px;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	-moz-border-radius-bottomright:12px;	
-webkit-border-bottom-right-radius:12px;	
}
div#rightpanel{
    float: left;    
    width: 610px;    
	padding-top:12px;
    padding-left: 20px;
    position: relative;
    color: black;
}
div#body-block2{
background:url(msn/block-2.png) repeat-y;

}

/* left and right panel customization within the page content */
/* Note : This structure is followed in ask question, answer question, view question, and other relevant pages */
div#rightpanel2{
    float: right;
    width: 220px;
    text-align: left;
}

/* category menu customization, that is available only on homepage, and category pages */
div.categoryholder{        

    width: 225px;
}
div#categoryholder_header{


}

div#categoryholder_body{
}
div#categoryholder_footer{
margin-top:14px;
margin-bottom:3px;
background:url(msn/divider-m.png) no-repeat;
height:16px;
}
div.categoryholder div.titletext{
    font: bold 13pt verdana; 
    color: #333; 
    padding: 0px 15px 10px 22px;
		text-shadow:0px 1px #ffffff;
background:url(msn/sub-arrow.png) no-repeat 0px 2px;
background:url(msn/sub-arrow.png) no-repeat 0px 2px;
}
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: #fff;
    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{
    background-color: #efefef;
    margin-bottom: 5px;    
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11pt;
    color: #333;
    width: 206px;
    border: solid 1px #666;
}
div#uamenuholder_header{}
div#uamenuholder_body{}
div#uamenuholder_footer{}
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;
    width: 225px;

}
div#leaderboard_body{
}
div#leaderboard_footer{
}
div#leaderboard_header{

}
div#leaderboard a#leaderboardlink{
    text-decoration: none; 
    color: #333;
    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-top: 5px;
    padding-bottom: 5px;
    color: black;
    font-size: 11pt;
    width: 195px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #efefef;
    border: solid 1px #999;
}
div#profilepanel_header{}
div#profilepanel_body{}
div#profilepanel_footer{}
div#profileinfopanel a{
    color: #333;    
}
div#profilepanel_gfcstatus{
    background-color: #fff;
    margin-top: 5px;
    padding: 5px;
    font-size: 9pt;
}     

/* 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{
    margin-top: 15px;
	width: 635px;
	color: #333;	
}
div#tabcontainer_header{}
div#tabcontainer_body{}
div#tabcontainer_footer{}
li.tabitem{
    padding: 5px;
    float: right;
    border: solid 1px #a4a4a4;
    border-bottom: 0px;
    font-size: 12pt;
    margin-left: 5px;
    cursor: pointer;   
-moz-border-radius-topright:4px;	
-moz-border-radius-topleft:4px;	
-webkit-border-top-right-radius:4px;	
-webkit-border-top-left-radius:4px;	

}
li.tabitem:hover > a{
    color: #fff;
}
li.tabitem:hover{
    background-color: #a4a4a4;
    color: #fff;
}
.indexcolorscheme{
    background-color: #efefef;
    color: #333;
}
.indexcolorscheme a{
    color: #333;
    text-decoration: none;
}
.activetab{
    background-color: #666;
    color: white;
}
.activetab a{
    color: white;
    text-decoration: none;
}
div.tabheader{
    border-top: solid 1px #fff;
    border-bottom: solid 10px #666;
    color: #333;
    font-size: 12pt;
    width: 97%;
}
div.tabheader_category{
    border-top: solid 1px #fff;
    border-bottom: solid 10px #666;
    color: #333;
    font-size: 14pt;
    width: 97%;
}
div.categorydataholder{
    border-top: solid 1px #cdcdcd;
}
div.tabbody{
    min-height: 50px;
    width: 97%;
}

/* questions listing customization. used almost everywhere the question is listed. */
tr.questionpanelA{
	background:url(msn/answer-t.jpg) #e8f2fa bottom left repeat-x;
}
tr.questionpanelB{ 
    background-color: #fff;    
}
tr.questionpanelB td{
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
div.questiontitle{
    font-size: 11pt;    
    letter-spacing: -0.5px;
}
div.questiontitle a{
    color: #0a456a;
    font-size: 15pt;
    letter-spacing: -0.2px;
    text-decoration: none;
	font-weight:bold;
	text-shadow:1px 0px #fff;
}
div.questiontitle a:hover{
    text-decoration: underline;
}
div.riepilogo-link{
padding-top:20px;
width:852px;
padding-left:30px;
margin:auto auto auto 5px;
background:url(msn/menu-info.jpg) bottom left repeat-x;
}
div.column-r{
width:255px;
float:left;
padding-right:15px;
}
div.column-r h2{
font-size:16px;
color:#000;
padding:0px;
margin:0px;
padding-left:20px;
padding-bottom:3px;
border-bottom:2px solid #666;
background:url(msn/sub-arrow.png) no-repeat -2px 0px;
}
.clearfix{
clear:both;
}
div.column-r ul{
padding:0px;
margin:0px;
float:left;
list-style-image:none;
list-style-position:inside;
list-style-type:none;
padding-top:15px;
padding-bottom:15px;
line-height:1.6em;
}
div.column-r ul li a{
    text-decoration: none;
    color: #000;
font-size:14px;

}
div.column-r ul li a:hover{
    text-decoration: underline;


}

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: #333;
    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{    
    width: 617px;
    color: #000;
}
div#askquestionpanel_header{
    width: 617px;            
    border: solid 1px #666;   
    border-bottom: none;
    height: 0px;
}
div#askquestionpanel_body{    
    background-color: #EAF7FF;
    border-left: solid 1px #5490AB;    
    border-right: solid 1px #5490AB;  
    width: 597px;  
    padding: 10px;                                    
}
div#askquestionpanel_footer{
    width: 617px;             
    border: solid 1px #666;
    border-top: none;
    height: 0px;
}
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: #666;
    text-decoration: none;
}
a#formattingtips_link:hover{
    text-decoration: underline;
}
div.menu-top{
width:100%;
background:url(msn/menu-top.png) repeat-x;
height:24px;		text-shadow:0px 1px #ffffff;
    font-size: 10pt;      color: #333;
}
a.logo-l{
float:left;
width:420px;
height:84px;
outline:0px none;
}
div.logo-left{
float:left;
width:420px;
height:84px;
}
div.adv-right{
float:left;
width:492px;
height:66px;
padding:14px 2px 2px 2px;
}
div.subtitle-block{
border-top:1px #eee dashed;padding-top:6px;
}
div.subtitle-block a{
color:#3870AB;
text-decoration:none;
}
div.subtitle-block a:hover{
color:#3870AB;
text-decoration:underline;
}

div.menu-top a{
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
div.menu-top a:hover{
    text-decoration: underline;

}
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
#dock2 {
	width: 100%;
	bottom: 30px;
	position: absolute;
	left: 0px;
}
.dock-container2 {
	position: absolute;
	height: 64px;
	padding-left: 20px;
}

a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 80px; 

	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left:8px;
	padding-top:1px;
	height:20px;
	color:#fff;
	text-shadow:0px 1px #000;
	background:url(msn/dock-span.png) no-repeat 8px 0px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}











/*** END */



/*** BEGIN : Answer Question Page specific customization */
div#answerpanel{
    width: 617px;
    color: #000;
}
div#answerpanel_header{
    width: 617px;            
    border: solid 1px #666;   
    border-bottom: none;
    height: 0px;
}
div#answerpanel_body{    
    background-color: #EAF7FF;
    border-left: solid 1px #5490AB;    
    border-right: solid 1px #5490AB;  
    width: 597px;  
    padding: 10px;                                    
}
div#answerpanel_footer{
    width: 617px;             
    border: solid 1px #666;
    border-top: none;
    height: 0px;
}
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{
    width: 617px;
    color: #000;
}
div#questionpanel_header{
    width: 617px;        
    border: solid 1px #666;
    border-bottom: none;
    height: 0px;
}
div#questionpanel_body{
    background-color: #EAF7FF; 
    border-left: solid 1px #5490AB;
    border-right: solid 1px #5490AB;
    width: 587px;
    padding: 15px;
}
div#questionpanel a{
    color: #666;
}
div#questionpanel a:hover{
    color: #000;
}
div#questionpanel .postedon{
    font-size: 9pt;
    color: #666;
}
div#questionactionbar{
    border: solid 1px #333;
    background-image: url(../images/barback.png);
    background-repeat: repeat-x; 
    padding-right: 20px;
    width: 597px;
    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  {
background-image:url("../images/barback.png");
background-repeat:repeat-x;
border:1px solid #888888;
color:black;
font-size:8pt;
height:20px;
text-align:center;
width:250px;
}
div.bars div {
background-repeat:repeat-x;
cursor:pointer;
float:left;
font-size:8pt;
height:90%;
padding-top:2px;
text-align:center;
vertical-align:middle;
}

div.withrating{
    width:360px;
}
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: #eee;
    border: solid 1px #666;
    color: #666;     
}
span.question_displaytext{
    color: #333;
    font-size: 12pt;
}
div#emailfriendscontainer{
    background-color: #fff;
    background-image: url(msn/containerback.png);
    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: #fff;
    background-image: url(msn/containerback.png);
    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: #fff;
    background-image: url(msn/containerback.png);
    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 : 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: #FFF8EF;    
    border-top: solid 1px #f30;
    border-bottom: solid 1px #f30;
    border-left: solid 1px #ff6600;
    border-right: solid 1px #ff6600;
    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;
    padding-top: 5px;
    padding-bottom: 10px;
    overflow: hidden;
    text-align: left;	display:block;
	clear:both;
}
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: 615px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}
div#carousel div.top{
    width: 613px;
    height: 32px;
    color: #333;
    position: relative;
	background:url(msn/top-answer.png) no-repeat;
	text-shadow:1px 0px #fff;
	line-height:23px;
}
div#boatext{
    position: absolute;
    left: 25px;
    top: 6px;
}
div#carousel div.mid{
    width: 613px;
    height: 160px;
    overflow: hidden;
    position: relative;
	background:url(msn/mid-answer.png) repeat-y;
 
}
div#carousel div.bot{
    width: 613px;
    padding-top: 3px;
    height: 29px;
	background:url(msn/bottom-answer.png) repeat-y;
}
/*** 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 : GFC connect page customization */
div#gfcconnect .helptext{
    color: #666;
    font-size: 9pt;
}
/*** END */



/*** BEGIN : Customization make friend gadget */

div#makefriend_gadget{
    width: 420px;
    height: 420px;
    position: absolute;
    background-image: url(../images/makefriend_gadget/background.png);
    border: solid 2px #666;
    display: none;
}               
input#mf_closebttn{
    position: absolute;
    top: 5px;
    left: 350px;
    border: none;
    background: none;
    text-decoration: underline;
    cursor: pointer;
}
div#mf_gadgetheader{
    position: absolute;
    top: 5px;
    left: 50px;
    width: 200px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color: black;
}
div#mf_friendlist_container{
    position: absolute;     
    top: 75px;
    left: 50px;
    width: 320px;
    height: 290px;
    padding-top: 5px;
}
div.mf_friendlist_item{
    height: 48px;
    border: solid 1px #999;
    background-color: white;
    margin-top: 6px;
    margin-bottom: 6px;
}
button#mf_nextlist{
    background: none;
    border: none;
    position: absolute;
    top: 390px;
    left: 330px;
    color: white;
    cursor: pointer;
}
button#mf_previouslist{
    background: none;
    border: none;
    position: absolute;
    top: 390px;
    left: 30px;
    color: white;
    cursor: pointer;
}
#mf_loading{
    position: absolute;
    top: 225px;
    left: 180px;
    display: none;
}
button.mf_button{
    border: none;
    background: none;
    width: 93px;
    height: 30px;
    color: white;
    text-align: center;
    font-style: italic;
    font-size: 11pt;
    background-image: url(../images/makefriend_gadget/mf_button.png);
    background-repeat: no-repeat;
    font-size: 10pt;
}
button.mf_button:hover{
    background-image: url(../images/makefriend_gadget/mf_button_hover.png);
    background-repeat: no-repeat;
}
a.mf_profilelink{
    color: black;
    font-size: 11pt;
    text-decoration: none;
}
a.mf_profilelink:hover{
    text-decoration: underline;
}
span.mf_points{
    font-size: 9pt;
    color: black;
}

/*** END */


/*** View Activities Gadget */

div#viewactivity_gadget{
    position: absolute;
    width: 476px;
    font-size: 10pt;
    display: none;
}    
div#va_header{
    position: relative;
    background-image: url(../images/viewactivities_gadget/va_gadget_header.png);
    width: 476px;
    height: 50px;    
} 
div#va_body{
    position: relative;
    background-image: url(../images/viewactivities_gadget/va_gadget_body.png);
    background-repeat: repeat-y;
    width: 476px;
    min-height: 100px;
}  
div#va_footer{
    position: relative;
    background-image: url(../images/viewactivities_gadget/va_gadget_footer.png);
    width: 476px;
    height: 40px;
} 
div.va_activityholder{
    background-color: white; 
    border: solid 1px #eee; 
    padding: 5px;
    margin-bottom: 5px;
} 
div.va_activityholder a{
    color: blue;
} 
div.va_activityholder a:hover{
    color: red;
} 
div#va_gadgetheader{
    position: absolute;
    top: 15px;
    left: 70px;
    color: white;
    font-size: 12pt;
}  
button#va_previouslist{
    position: absolute;
    top: 3px;
    left: 30px;
    background: none;
    border: none;
    cursor: pointer;
    color: white;
}   
button#va_nextlist{
    position: absolute;
    top: 3px;
    left: 385px;
    background: none;
    border: none;
    cursor: pointer;
    color: white;
}  
img#va_loading{
    position: absolute;
    top: 50px;
    left: 200px;
    display: none;
} 
a#va_gadgetclosebttn{
    position: absolute;
    top: 15px;
    left: 400px;
    color: white;
    font-size: 9pt;
    font-weight: bold;
} 

/*** 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;
}
div.tagcontainer > ul > li {
background-color:#666666;
border-color:#333333;
border-style:solid;
border-width:1px 2px 2px 1px;
cursor:pointer;
float:left;
font-size:8pt;
margin-left:2px;
margin-right:2px;
padding-left:3px;
padding-right:3px;
}
div.tagcontainer > ul > li:hover {
border-color:#333333;
border-right:1px solid #333333;
border-style:solid;
border-width:2px 1px 1px 2px;
}
div.tagcontainer > ul > li > a {
color:white !important;
text-decoration:none;
}
td.viewbox  {
border-right:1px dotted #AAAAAA;
padding:8px 6px 8px 6px;
}
td.viewbox div.viewcountholder {
background-color:#FFFFFF;
border:1px solid #AAAAAA;
padding:5px;
width:55px;
}
td.viewbox div.viewcount {
color:#555555;
font-size:24pt;
text-align:center;
}
td.viewbox div.viewcaption {
color:#666666;
font-size:9pt;
text-align:center;
}
div#qcomments_container {
background-color:#EEEEEE;
background-repeat:repeat-x;
border:1px solid #999999;
display:none;
font-size:10pt;
margin-top:3px;
min-height:25px;
padding-top:0;
width:645px;
}
div#qcomments_container_header {
background-color:#D0D0D0;
border-bottom:1px solid #999999;
font-size:8pt;
height:15px;
padding:5px;
}
a#closeqcommentcontainer:hover {
color:blue;
}
div#addqcommentcontainer {
background-color:#FFFFFF;
background-image:url("lightgreen/containerback.png");
background-position:left top;
background-repeat:repeat-x;
border:1px solid #FFFFFF;
display:none;
font-size:10pt;
margin:auto;
padding:10px;
position:absolute;
width:500px;
z-index:3;
}
div#addacommentcontainer {
background-color:#FFFFFF;
background-image:url("lightgreen/containerback.png");
background-position:left top;
background-repeat:repeat-x;
border:1px solid #FFFFFF;
display:none;
font-size:10pt;
margin:auto;
padding:10px;
position:absolute;
width:500px;
z-index:3;
}
div.acomments_container {
display:none;
}
a.addacomment_link {
font-size:9pt;
font-weight:normal !important;
text-decoration:none;
}
a.hideacomment_link {
font-size:9pt;
font-weight:normal !important;
text-decoration:none;
}