@charset "utf-8";
/* CSS Document */

/* colors --------------

#03576E ---------------- dark blue 
#566568 ---------------- dark blue grey
#83999E ---------------- medium blue grey
#C5E3EA ---------------- light blue grey

*/


#howDoHeader {background: url(/design/templates/how-do/images/back-head.gif) repeat-x}
#inner {width: 940px; margin-left: auto; margin-right: auto; text-align: left}

/*new headings*/

/* answers page */
.AnswerH1 {font-size: 1.8em; font-weight: bold; color: #333; font-family: Arial, Helvetica, sans-serif; padding: 0 0 15px 0; margin: 0}
.clsRatingImg{font-size: .9em; text-align: center; margin: 5px 0 15px 0; padding:5px;border-bottom: 2px dotted #CCC}
.clsRatingImg img {border: 0; vertical-align: middle}
.clsAnswersPreviousNext{border-bottom:  2px dotted #CCC; margin: 0 0 10px 0;overflow:hidden;*overflow:visible;	/*-- Overwriting for IE7 --*/zoom:1;}
.addComment a{margin: 5px 0 3px 0; padding: 3px 0 3px 0; border-top: 1px dotted #666; text-decoration: none; font-size: 1em; color: #3CC; display: block; font-weight: bold;}
/* style for answer this question */
.clsAnswerQuestion{text-align:center;display:block;}
.clsAnswerQuestion a{display:block;font-weight:bold;font-size: 1.4em; padding: 5px 0 7px 0;font-family: Arial, Helvetica, sans-serif; color: #03C; border-top: 1px solid #09C; border-bottom: 1px solid #09c; margin: 0 0 8px 0}
.clsAnswerQuestion a:hover{color: #F60}
/* user profiles */

.g1 {border: 1px solid #cccccc; background: #f5f5f5; margin: 0 0 12px 0; padding: 10px 0 10px 0}
.g2 {border: 1px solid #cccccc; background: #f5f5f5; margin: 0 0 12px 0}

.userPhoto {width: 150px; float: left}
.userPhoto img a{border: 1px solid #999999; padding: 1px}
.clsMyHomeDetails p{padding:0;color:#000;font-weight:normal;font-size: 1em;margin:10px 0 !important;}
.clsMyHomeDetails p span{color: #03576e;}
.userName {padding: 5px 0 3px 0; margin: 0 12px 0 0; color: #666; font-weight: bold}
.userHead {background-color: #5eb5e1; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; padding: 8px; border-bottom: 1px solid #126177}
.g2 p {padding: 2px 10px 2px 10px; margin:0; font-size: 1.1em}
.g2 h4 {font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; color: #333; border-bottom: 1px dotted #cccccc; padding: 5px 0 5px 0; margin: 10px}
/* style for manage settings */

.settings {font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px dotted #cccccc; padding: 0 10px 5x 0px; margin: 5px 10px 5px 10px}
.settingRow {background-color:#3CF; font-size: 1.3em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding: 5px}
.tableSettings {margin: 0 10px 0 10px; padding: 0; border:0 }
.tableSettings td {padding: 0; margin: 0; border: 0; vertical-align: top}
.tips {padding: 10px; margin: 10px; font-size: .9em; background-color:#FFC; border: 2px dotted #cccccc}
.clsAllEmail{
	background-color:#809610;
	color:#FF7900;
	font-weight:bold;
}
.clsManageSettings{
	
}
.clsManageSettings td{
	width:30%;
	border:0; vertical-align:top
	
}
/* question mark a */
.ques a{font-size: .8em; font-weight: normal; padding: 0 0 0 20px}
.clsSubscribe a{color:#5b604b}

/* side navigation */
.menuCategories {margin: 0; padding: 5px 5px 5px 10px; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;background-color:#eeeeee;}
.menuCategories2 {margin: 0 padding: 5px 5px 5px 10px; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;background-color: #eeeeee;}
.leftMen {background-image: url(/design/templates/how-do/images/back-righttab.gif); background-position: right top; margin: 0; padding: 0; padding: 8px 7px 6px 0; font-family:Arial, Helvetica, sans-serif; color:#5b604b; font-size: 1.2em}

.leftMen span{background-image: url(/design/templates/how-do/images/back-lefttab.gif); background-repeat: no-repeat; background-position: left top; padding: 8px 7px 6px 10px}
.clsQuestionLink {padding: 5px 0 5px 0}

.clsQuestionLink a{text-decoration: none; font-weight: bold}
.clsSideBarLinks li a{padding:0 0 0 1px;font-size:1.1em;text-decoration: none; color: #06F; font-family: Arial, Helvetica, sans-serif}

.clsSideBarLinks li a span {font-size: .8em; color: #666}

.more {background: url(/design/templates/how-do/images/back-botrighttab.gif) right bottom; padding: 4px 7px 6px 0; font-family:Arial, Helvetica, sans-serif; color:#5b604b; font-size: 1em; font-weight: bold; margin: 0 0 8px 0; display: block;}
.more span{background: url(/design/templates/how-do/images/back-botlefttab.gif) no-repeat left bottom; padding: 8px 7px 6px 10px}
.more span a {font-size: .9em; color: #069}

.alphabet a{font-size: 1em; color: #069; text-decoration: none; font-weight: bold; padding: 2px}
.unanswered a {font-size: .9em; color: #06F; text-decoration: none; font-weight: normal; padding: 2px 5px 5px 2px; margin: 0 3px 3px 0; display: block; border-bottom: 1px dotted #ccc}

/* featured box */

h2.featHead {background-image:url(/design/templates/how-do/images/feattopright.gif); background-repeat: no-repeat; background-position: top right; padding: 0px 10px 0 0px; margin: 0}
h2.featHead span {background-image:url(/design/templates/how-do/images/feattopleft.gif); background-repeat: no-repeat; background-position: top left; padding: 8px 0 8px 10px; color: white; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; margin: 0; display: block}

.feat {background-image:url(/design/templates/how-do/images/featback.gif); background-repeat:repeat-x; background-color: #1ca1bd; border-left: 1px solid #126177; border-right: 1px solid #126177}
.featThumb {float:left;width:60px;text-align:center;margin:0 10px 0 0;}
.featImage img{border: 1px solid #FFF; padding: 1px}
.featDetails {color: white;}
.featMore a{font-weight: bold; text-decoration:underline; color:white}
.featDetails a {}
.featRow {height: 40px; margin: 12px 30px 0px 0}
.featSmall {font-size:.8em}
.featLink a{color: #ccff00; text-decoration: none; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em}
.featSmall a {color: #6FF; text-decoration: none}
.featFoot {background-image:url(/design/templates/how-do/images/featbottomright.gif); background-repeat: no-repeat; background-position: bottom right; padding: 0px 10px 1px 0; margin: 0 0 12px 0}
.featFoot span {background-image:url(/design/templates/how-do/images/featbottomleft.gif); background-repeat: no-repeat; background-position: bottom left; padding: 1px; margin:0}
.featNav {text-align: right; margin: 0 20px 0 0}
#pag {display: inline}
#pag img {border:0; vertical-align:middle; text-align: right}

/* homepage zones */

.zoneQuestions {background: white; margin: 0 0 10px 0 }
.zoneFeatured {background: white; margin: 0 0 10px 0 }
/* list displays */
.clsUserLink a{text-decoration: none; color: #06F;}


/* tab navigation */

/* ul */
.clsQuestionsLink ul{list-syle: none;overflow:hidden;*overflow:visible;	/*-- Overwriting for IE7 --*/zoom:1;margin:0;}

.blueHeading {background-color: #5eb5e1; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; padding: 8px; border-bottom: 1px solid #126177}

.majorHeading {background-color: white; color:#5eb5e1; font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; padding: 8px; border-bottom: 1px solid #126177}

.ansHead{background-color: #5eb5e1;  margin: 0 0 0 0; padding: 8px 0 8px 8px; height: 17px; border-bottom: 1px solid #03576e}
.ansHead h3{font-size :1.2em; font-family: Arial, Helvetica, sans-serif; display: inline}
.headUser {font-size :1.4em; font-family: Arial, Helvetica, sans-serif; color: #126177; margin: 0; padding: 8px 0 8px 6px; border-bottom: 1px solid #03576e; border-top: 4px solid #03576e}
.head2Feat {font-size :1.6em; font-family: Arial, Helvetica, sans-serif; color: #126177; margin: 0; padding: 8px 0 8px 8px; border-bottom: 1px solid #cccccc;}
.head2Feat a {color: #1ca3bf}
.head2Feat a:hover {color: #F60}
/* search bar */
.newSearch {border: 1px solid #1ca3bf;  background-image: url(/images/back-search.gif); background-position: bottom; background-repeat: repeat-x; margin: 0px 0 10px 0; padding: 10px; height: 30px;}
.searchInput {width: 300px}


/* join cta */
.join a{font-size: 1.2em; padding: 5px; text-align:center; margin: 0px 0 8px 0; border: 1px solid #1ca3bf; color:#F60; text-decoration: none; display: block; font-weight: bold; font-family: Arial, Helvetica, sans-serif}
.join a:hover {background-color:#1ca3bf; color: white}


/* analysts display */
.clsFeaturedUserDetails {float:left;width: 540px;}
.clsOtherInfo {font-family: Arial, Helvetica, sans-serif; font-size :1em; margin:0 0 4px 0}

.clsMoreLink a{text-align: right; font-weight: bold;  color: #069; border-top: 1px solid #CCC; padding: 8px; display: block}

.clsUserDetails {float:left;width: 570px;}


/* form buttons */

.clsSubmitButton, .clsCancelButton{
	background:#1ca3bf;
	font-weight:bold;
	color: white;
	font-size:14px; font-family: Arial, Helvetica, sans-serif;
	border:1px solid #126177 !important;
	cursor:pointer;
	padding:4px 8px 4px 8px;
	outline:none;
}
/* ask questions table */
.askQuestionTable {padding: 10px; margin: 0; border: 1px solid #cccccc; width:100%}
.askQuestionTable td {border:0 ;border-bottom: 1px dotted #CCC; vertical-align: top; }
/* general tables */
.clsFormLabelCellDefault {padding: 3px 0 5px 0; width:70%}
.clsFormLabelCellError{padding: 3px 0 5px 0; background-color: #FC9} 

.clsFormFieldCellDefault{padding: 3px 0 5px 0; width: 30%; vertical-align:top}
.clsFormFieldCellError{color:#CC0000;}

.clsFormFieldCellDefault {}
.clsFormFieldCellError {}
.clsEarnPoint{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	color:#126177;
padding: 10px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; font-size: 1.2em; font-weight: bold
}

/* footer links */
#subNavigation {}
#subNavigation ul {list-style: none; padding: 0; margin: 0}
#subNavigation li {}
#subNavigation li a {color: #1ca3bf; font-size: .9em;}