html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; border:0; outline:0; font-size:100%; background:transparent; }
h1 { font-size:138.5%; }
h2 { font-size:123.1%; }
h3 { font-size:108%; }
h1, h2, h3 { margin:1em 0; }
h1, h2, h3, h4, h5, h6, strong { font-weight:bold; }
ol, ul { list-style: none; }
ul.askTips { list-style-type: disc; list-style-position: inside; }
ul.askTips li { list-style-type: disc; list-style-position: inside; }
.cdiv1 { position:relative; display:table; z-index:0; }
.cdiv2 { display: table-cell; vertical-align: middle; }
.cdiv3 { }
.box { width: 125px; height: 100px; position: relative; top: 50%; left: 50%; margin: -50px 0 0 -62px; }
img.noborder { border:0!important }
.left { float:left }
.right { float:right }
.clear { clear:both }
.clearR { clear:right }
.clearL { clear:left }
.clearZ { clear:both; height:0 }
.text-center { text-align:center }
.text-right { text-align:right }
.rel { position:relative }
.block { display:block }
.inline { display:inline }
.hidden { display:none }
.textbox { padding: 5px; border: 1px solid #999999; }
H4 { padding-right: 7px; padding-left: 0px; font-size: 2em; padding-bottom: 7px; margin: 0px auto; color: #454849; padding-top: 7px; text-align:left; }
H5 { PADDING-RIGHT: 0px; MARGIN-TOP: 5px; PADDING-LEFT: 0px; FONT-SIZE: 22px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 0px; COLOR: #92a924; PADDING-TOP: 0px; }
H6 { padding-right: 7px; padding-left: 0px; font-size: 20px; padding-bottom: 7px; margin: 0px auto; color: #454849; padding-top: 7px; text-align:left; }
.bgorange { width: 600px; height: 200px; background-image: url(/images/bgOrange.gif); background-repeat: repeat; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 2px; }
.AddedProducts { padding-right: 5px; padding-left: 5px; padding-bottom: 5px; margin: 0px; vertical-align: middle; padding-top: 5px; text-align: center; width: 100%; }
.block { width: 100px; height: 200px; background-color: white; border-right: gray 1px solid; border-top: gray 1px solid; border-left: gray 1px solid; border-bottom: gray 1px solid; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; margin: 5px; display: inline; overflow: hidden; }
.shoprimage { padding-left: 9px; padding-top: 8px; }
/* CSS Document */

body { background-color:#F0EEEF; margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; color:#656565; }
a:link { color: #0090CD; text-decoration:none; }
a:visited { text-decoration:none; color: #0090CD; }
a:hover { color: #0090CD; text-decoration:underline; }
a:active { color: #0090CD; text-decoration:underline; }
a.userlink { font-weight: bold; }
a.userlink:link { color: #92a924; }
a.userlink:visited { color: #92a924; }
a.userlink:hover { color: #92a924; }
a.userlink:active { color: #92a924; }
a.offsite { color: #993333; background:transparent url(external.png) no-repeat scroll right center; padding-right:13px; }
a.offsite:link { color: #993333; background:transparent url(external.png) no-repeat scroll right center; padding-right:13px; }
a.offsite:visited { color: #993333; background:transparent url(external.png) no-repeat scroll right center; padding-right:13px; }
a.offsite:hover { color: #993333; background:transparent url(/images/external.png) no-repeat scroll right center; padding-right:13px; }
a.offsite:active { color: #993333; background:transparent url(external.png) no-repeat scroll right center; padding-right:13px; }
a.reclink:link { color: #B65006; }
a.reclink:visited { color: #B65006; }
a.reclink:hover { color: #B65006; }
a.reclink:active { color: #B65006; }
#catSelector { padding: 6px; margin: 6px; border: thin solid #7FB52B; position: absolute; top: 44px; left: -6px; width: auto; /*500px;*/ height: auto; background-color: #FFFFFF; }
/* TOP */

.categoryDone { text-align: center; }
#top { width:100%; height:auto; margin:0px 0px 0px 0px; }
#logo { width:200px; height:111px; float:left; padding-left:30px; }
#top_links { padding: 15px 0px 0px 0px; width: 453px; float: right; text-align: right; font-size: 12px; height:33px; }
.top_links a { --color:#5A5A5A;
}
.top_links a:link {
--color:#000; text-decoration:underline; }
.top_links a:hover {
--color:#000; text-decoration:underline; }
.top_links a:visited {
--color:#000; text-decoration:underline; }
#wrapper { width: 980px; height: auto; margin: 0px auto 8px; }
/* breadcrumbs */

#breadcrumbs { width:970; height:16px; background-color:#7FB52B; background-image:url(/images/breadcrumbs2.gif); background-repeat:no-repeat; background-position:top; padding-left:10px; padding-right:10px; padding-bottom:5px; padding-top:5px; }
.breadcrumbs { color:#FFFFFF; font-size:11px; }
.breadcrumbs a { color:#FFFFFF; }
.breadcrumbs a:link { color:#FFFFFF; text-decoration:underline; }
.breadcrumbs a:hover { color:#FFFFFF; text-decoration:none; }
#content { display:inline-block; width:980px; height:auto; background-image:url(/images/layout_bg.gif); background-repeat:repeat-y; background-color:#FFFFFF; padding:0px; margin:0 auto; }
.innercontent { padding:10px; }
#content_bottom { width:100%; height:11px; background-image:url(/images/layout_bottom.gif); background-repeat:no-repeat; background-color:#fff; }
/* STYLES */

h1 { color: #333333; font-size: 3em; padding: 0; margin: 0; }
.details { color:#7FB52B; font-style:italic; }
.input { width:209px; height:20px; border:#DCDBDB solid 1px; padding-top:2px; }
#projectrecs { width:100%; height:auto; margin-top:10px; }
#infos { width:100%; height:auto; margin-top:10px; }
#box { width:120px; height:auto; background-image:url(/images/box.jpg); background-repeat:no-repeat; margin-right:10px; float:left; }
#boxgroup { width:140px; height:auto; background-image:url(/images/boxgroup.jpg); background-repeat:no-repeat; margin-right:10px; float:left; }
#photo { width: 100px; height: 100px; margin: 6px auto; vertical-align: middle; text-align: center; }
#photogroup { display:inline-block; position:relative; left:-10px; width: 100px; height: 115px; margin: 6px auto; vertical-align: middle; text-align: center; }
#link { width: 120px; height: auto; text-align: center; margin: 0 auto; padding-bottom: 2px; font-size: 8pt; }
#desc { width:120px; height:auto; text-align:center; margin:0 auto; font-size:11px; }
/* FOOTER */

#footer_wrapper { width:880px; height:auto; padding:10px; margin:0 auto; text-align:center; font-size:11px; }
.footer a { color:#5A5A5A; }
.footer a:link { color:#000; text-decoration:underline; }
.footer a:hover { color:#000; text-decoration:none; }
.ProjectCreationMessageBox { border-right: darkgray 1px solid; border-top: darkgray 1px solid; border-left: darkgray 1px solid; border-bottom: darkgray 1px solid; width: 520px; background-color: #F5F5F5; }
.MessageBox { border-right: darkgray 1px solid; border-top: darkgray 1px solid; border-left: darkgray 1px solid; border-bottom: darkgray 1px solid; width: 650px; background-color: #F5F5F5; }
.SimpleHeader { font-weight: bold; font-size: 12pt; color: #696969; }
#left_content { MARGIN-TOP: 2px; FLOAT: left; WIDTH: 650px; /* 675px; */ HEIGHT: auto }
#right_content { position: relative; margin-top: 5px; float: right; width: 320px; padding-right: 10px; height: auto; text-align: center; }
#left_box { PADDING-RIGHT: 1px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 640px;    /* 665px;  */ PADDING-TOP: 5px; HEIGHT: auto }
--#right_box_stroke {
 MARGIN-BOTTOM: 5px;
WIDTH: 255px;
HEIGHT: auto
}
--#right_box_top {
 BACKGROUND-IMAGE: url(/images/right_box_top.jpg);
WIDTH: 255px;
BACKGROUND-REPEAT: no-repeat;
HEIGHT: auto
}
--#right_box_bg {
 PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
BACKGROUND-IMAGE: url(/images/right_box_bg.jpg);
PADDING-BOTTOM: 5px;
WIDTH: 245px;
PADDING-TOP: 5px;
BACKGROUND-REPEAT: repeat-y;
HEIGHT: auto
}
--#right_box_bottom {
 BACKGROUND-IMAGE: url(/images/right_box_bottom.jpg);
WIDTH: 255px;
BACKGROUND-REPEAT: no-repeat;
HEIGHT: 10px
}
#box_content3 { margin-bottom: 8px; padding-bottom: 5px; width: 100%; height: auto; }
.approxDateStyle { float: right; font-size: 11px; font-style: italic; }
.commentt { padding: 5px 5px 5px 0px; width: 680px; }
.commenttproj { padding: 5px 5px 5px 0px; width: 560px; }
.commentrecnew { float: left; margin: 5px 5px 0px 5px; width: 740px; text-align: left; vertical-align: top; padding: 5px 0px 0px 5px; background-color: #DDEDFF; }
.closereccomment { width: 15px; height: 15px; cursor:pointer; }
.closecomment { width: 15px; height: 15px; cursor:pointer; }
.removeanswer { width: 15px; height: 15px; cursor:pointer; float: right; }
.removeansweron { background-color: #003366; }
.closecommenton { background-color: #003366; }
.closereccommenton { background-color: #003366; }
.commentrec { float: left; margin: 5px 5px 0px 5px; width: 740px; text-align: left; vertical-align: top; padding: 5px 0px 0px 5px; background-color: #DDEDFF; }
.commentrecprojnew { float: left; margin: 5px 5px 0px 5px; width: 620px; text-align: left; vertical-align: top; padding: 5px 0px 0px 5px; background-color: #DDEDFF; }
.commentprojnew { float: left; margin: 5px 5px 0px 5px; width: 620px; text-align: left; vertical-align: top; padding: 5px 0px 0px 5px; background-color: #BFF56B; }
.commentrecproj { float: left; margin: 5px 5px 0px 5px; width: 620px; text-align: left; vertical-align: top; padding: 5px 0px 0px 5px; background-color: #DDEDFF; }
.commentproj { float: left; margin: 0px 5px 0px 0px; width: 625px; text-align: left; vertical-align: top; padding: 5px 0px 5px 5px; background-color: #BFF56B; /* #7FB52B */ /* #CCEECC; */ /* DDFFDD */ }
.commentbutton { margin: 3px 0px 0px 0px; border: 1px solid #333333; background-color: #006699; color: #FFFFFF; cursor: pointer; }
.errorText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: large; font-weight: bold; color: #000080; padding: 5px; margin: 10px; width: 650px; }
.errorFollowup { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; color: #FF6600; padding: 5px; margin: 10px; width: 650px; }
.answerbar { float: left; margin: 0px 5px 0px 0px; width: 625px; text-align: left; vertical-align: top; padding: 5px 0px 5px 5px; background-color: #FFDD77; /* #7FB52B */ /* #CCEECC; */ /* DDFFDD */ }
.answersegment { float: left; margin: 5px 5px 0px 5px; width: 628px; text-align: left; padding-right: 5px; padding-left: 5px; }
.dashboardDiv { float: left; margin-top: 15px; margin-right: 20px; }
/* Combine projectrec and projectcomment into projectline, but make sure it doesn't break any JS. */
.projectrec { float: left; margin: 5px; width: 628px; text-align: left; border-right: gainsboro 1px solid; border-top: gainsboro 1px solid; border-left: gainsboro 1px solid; border-bottom: gainsboro 1px solid; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; }
.projectcomment { float: left; margin: 5px; width: 628px; text-align: left; border-right: gainsboro 1px solid; border-top: gainsboro 1px solid; border-left: gainsboro 1px solid; border-bottom: gainsboro 1px solid; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; }
#activity { float: left; margin: 5px; width: 618px;  /* 643px; */ text-align: left; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; border-bottom-width: 1px; border-bottom-color: #999999; border-bottom-style: dashed; }
#askNewQuestion { font-size: large; font-weight: bold; }
.questionRepeaterMini { width: 250px; padding: 3px; margin: 3px; border-bottom-width: 1px; border-bottom-color: #999999; border-bottom-style: dashed; }
.questionRepeater { width: 600px; padding: 4px; margin: 5px; border-bottom-width: 1px; border-bottom-color: #999999; border-bottom-style: dashed; }
.product { float: left; margin: 5px; width: 300px; text-align: center; height: 117px; border-right: gainsboro 1px solid; border-top: gainsboro 1px solid; border-left: gainsboro 1px solid; border-bottom: gainsboro 1px solid; padding-right: 1px; padding-left: 5px; padding-bottom: 5px; padding-top:2px; }
.productDetailTitle { font-size: x-large; vertical-align: top; margin: 6px; }
.productDetailDescription { font-size: medium; padding: 6px; }
.projectTiny { margin: 12px 3px 0px 3px; }
.projectTinyTitle { font-family: Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 12px;  /*  16px  */ vertical-align: top; padding-left: 3px; /* 5px; *//*
	font-family: Verdana, Helvetica, sans-serif;*/
	/* font-size: medium; */
	/* margin: 6px 6px 0px 6px; */
}
.projectTinyDescription { font-family: Verdana, Helvetica, sans-serif; font-size: 1.1em; /* font-size: small; */
	/* margin: 6px; */
	padding: 3px; }
.projectTinyPortrait { float: left; padding: 2px 6px 2px 2px; }
.activityimg { float:left; width: 57px; height: 50px; text-align: center; vertical-align: top; font-size:50px }
.productimg { width: 107px; height: 100px; text-align: center; vertical-align: middle; line-height:100px; float:left; }
*>.productimg { font-size:12px }
.prodimgdesc { display:inline-block; }
.product_desc { font-size: 10px; padding-top: 0px; }
.sf_boxmini { float: left; margin: 3px 5px 0px 0px; padding:2px 2px 2px 2px; height:auto; vertical-align: middle; text-align:left; border: 3px solid #FFFFFF; cursor:pointer; width:120px; }
.sf_box { float: left; margin: 3px 10px 0px 0px; padding:2px 2px 2px 2px; height:auto; vertical-align: middle; text-align: center; border: 3px solid #FFFFFF; cursor:pointer; }
.sf_boxinner { background-image: url(/images/little_box.jpg); background-repeat: no-repeat; width: 59px; }
.sfbox_selected { background-image: none; border: 3px solid #33CC33; background-color: #E1E1E1; }
.memimagecontainer { position:relative; float:left; width:170px; overflow:hidden; padding:1px 2px 5px 0px; }
.homebox { padding: 12px 1px 1px 1px;  /* 3px 3px 3px */ margin: 3px;  /* 6px */ }
.homeinnerbox { padding: 3px; margin: 1px; }
.homeheader { font-family: Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 14px;  /*  16px  */ vertical-align: top; padding-left: 3px; /* 5px; */ }
.homeseparator { padding: 6px; }
.thingrayoutline { border: 1px solid #C0C0C0; }
#little_box { border: 1px solid #C0C0C0; float: left;  --background-image: url(/images/little_box.jpg);
width: 50px; margin: 2px 2px 2px 2px; background-repeat: no-repeat; height: auto; vertical-align: middle; text-align: center; background-color: #F7F7F7; }
#mini_photo { height:30px; line-height: 30px; vertical-align: middle; text-align: center; }
#little_photo { width: 50px; height:50px; vertical-align: middle; text-align: center; }
#little_link { padding-bottom: 5px; margin: 4px 2px 0px 3px; text-align:left; font-size: 1em; color: #000000; width:70px; }
.dashboardHeader { }
.dashboardHeader TH { padding: 3px 10px 3px 10px; }
.profileCategory { vertical-align: text-top; text-decoration: underline; }
.profileRemoveCategoryIcon { cursor: pointer; vertical-align: bottom; }
.profileCategoryAdd { color: #009933; font-weight: bold; text-decoration: none; }
.profileCategoryAdd:link { color: #009933; font-weight: bold; text-decoration: none; }
.profileCategoryAdd:visited { color: #009933; font-weight: bold; text-decoration: none; }
.profileCategoryAdd:hover { color: #009933; font-weight: bold; text-decoration: none; }
.profileCategoryAdd:active { color: #009933; font-weight: bold; text-decoration: none; }
.profileCategoryAnchor { vertical-align: text-top; }
.profileCategoryAnchor:link { vertical-align: text-top; }
.profileCategoryAnchor:visited { vertical-align: text-top; }
.profileCategoryAnchor:hover { vertical-align: text-top; }
.profileCategoryAnchor:active { vertical-align: text-top; }
a.profileRemoveCategoryX { color: Red; font-weight: bold; text-decoration: none; }
a.profileRemoveCategoryX:link { color: Red; font-weight: bold; text-decoration: none; }
a.profileRemoveCategoryX:visited { color: Red; font-weight: bold; text-decoration: none; }
a.profileRemoveCategoryX:hover { color: Red; font-weight: bold; text-decoration: none; }
a.profileRemoveCategoryX:active { color: Red; font-weight: bold; text-decoration: none; }
.project { float: left; width: 600px; text-align: left; vertical-align: top; margin-bottom: 8px; padding: 0px 0px 5px 15px; border-bottom-width: 1px; border-bottom-color: #999999; border-bottom-style: dashed; }
.projectDescription { color: #333333; font-size: 1.7em; font-family: Verdana; font-weight: normal; }
.questionDescription { color: #333333; font-size: .8em; font-family: Verdana; font-weight: normal; }
.projecttitlelist { font-size: 12px; }
.projectmini { float: left; width: 275px; text-align: left; vertical-align: top; margin-bottom: 8px; }
.projectminititle { font-size: 12px; }
a.questionlink { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #FF9311; }
a.questionlink:link { color: #FF9311; }
a.questionlink:visited { color: #FF9311; }
a.questionlink:hover { color: #FFC611; }
a.questionlink:active { color: #FF9311; }
a.questionlinkmini { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #FF9311; }
a.questionlinkmini:link { color: #FF9311; }
a.questionlinkmini:visited { color: #FF9311; }
a.questionlinkmini:hover { color: #FFC611; }
a.questionlinkmini:active { color: #FF9311; }
.questionImageMini { margin: 4px; }
.questionImage { margin: 10px; }
.groupimg { float:left; margin-right: 5px; height:80px; }
.groupdetail { display:inline; position:relative; margin-left: 5px; }
.groupsubject { margin-top: 2px; }
.groupdesc { margin-top: 5px; }
.groupsub { color: #808080; }
#friendinvite { border-right: lightgrey 1px solid; border-top: lightgrey 1px solid; border-left: lightgrey 1px solid; width: 650px; border-bottom: lightgrey 1px solid; }
.projnewreccomment { margin: 0; border: 1px solid #84C1FF; color: #666666; overflow: hidden; padding: 3px 3px 0px 3px; font: normal; font: 1em Helvetica, Arial, sans-serif; height:20px; width:605px; }
.recnewcomment { margin: 0; /* 0px 0px 5px 0px;*/ border: 1px solid #84C1FF; color: #666666; overflow: hidden; padding: 3px 3px 0px 3px; font: normal; font: 1em Helvetica, Arial, sans-serif; height: 20px; width: 610px; }
.statNum { padding: 0px 5px 3px 0px; color: #009933; font-size: 1.4em; float:left; }
.statNum a { text-decoration: none; }
.statLabel { font-size: 1.3em; float:left; }
.FollowBox { border: 1px solid #808080; background-color: #E8E8E8; color: #000000; text-align: center; vertical-align: middle; width: 60px; height: 20px; cursor: pointer; }
.recentUnanswered { color: #FF0000; font-weight: bold; }
.recentAnswered { }
.recsendto { }
.reviewState { color: #FF0000; font-weight: bold; }
.reviewStateUnderReview { color: #FF6600; font-weight: bold; }
.reviewStateAccepted { color: #3399FF; font-weight: bold; }
.reviewStateClickToReview a:link { color: Red; font-weight: bold; }
.reviewStateClickToReview a:hover { color: Maroon; font-weight: bold; }
.reviewStateClickToReview a:visited { color: Red; font-weight: bold; }
.reviewStateClickToReview a:active { color: Red; font-weight: bold; }
.submitVotes { }
.voteTally { border-style: none; }
.sentoRec { height:auto; display:inline-block; position:relative; font-size: 1.2em; border: 1px solid #999999; width:650px; }
.projusersel { padding: 3px; margin: 3px; background-color: #FFFF99; font-size: .9em; float: left; white-space:nowrap; }
.createprojectarea { border: 1px dashed #999999; background-color: #FFFFCC; font-size: 2.0em; width: 230px; padding: 10px 10px 10px 10px; margin:25px 10px 0px 0px; color: #333333; }
.NormalButtonBox { border: 1px solid #808080; background-color: #E8E8E8; color: #000000; text-align: center; vertical-align: middle; cursor: pointer; padding:5px; margin:2px; }
.noticebox { border: 1px dashed #808080; background-color: #FFFFCC; color: #666666; text-align: center; vertical-align: middle; padding: 10px; width: 451px; margin: 10px 40px 10px 40px; font-size: 1.3em; display:inline-block; }
.privatetext { font-size: 10px; color: #FF3300; }
#feedbackTitle { font-size: 26px; color: #666666; padding: 10px 0px 10px 10px; font-weight: bold; }
.feedbackSelect { padding: 10px 0px 10px 10px; margin:10px; font-size: 20px; border: 1px solid #666666; width: 550px; color: #666666; font-weight: bold; }
#txtFeedBackComment { border: 1px solid #666666; padding:10px; margin:10px; }
#feedbackbox { position: absolute; top: -14px; padding-left: 54px; }
html > body #feedbackbox { left:490px; }
.recbotactions { text-align:right; border-top-style: dashed; border-width: 1px; border-color: #C0C0C0; height:20px; padding: 4px 5px 0px 5px; margin:0px 5px 0px 5px; }
.pagebutton { border: solid 1px #999999; margin: 5px; height: 40px; width: 20px; text-align: right; padding: 5px 10px 5px 10px; }
#helpsection { color: #000000; width: 980px; background-image: url(/images/demo/dropback.png); background-repeat: repeat-x; }
#helpvideo { height:210px; }
.demoimage { width: 126px; padding: 5px 5px 5px 5px; margin: 0px; text-align: center; float:left; }
.demoimagecon { float:left; background-color: #7D8083; width:136px; height:150px; text-align:center; margin:10px; padding:10px; }
.demoimagecoff { float:left; width:136px; height:150px; text-align:center; margin:10px; padding:10px; }
.demotitle { width:680px; padding:15px 0px 10px 25px; }
.whiteline { margin: 0px 20px 10px 20px; border-width: 1px; border-color: #C0C0C0; width: 940px; border-bottom-style: solid; height: 2px; }
.democlose { cursor: pointer; margin: 20px 0px 5px 150px; color: #FFFFFF; }
.bottomdemotext { padding: 10px 0px 0px 0px; width: 136px; text-align: center; }
a.subbarlink:link { color: #FFFFFF; text-decoration:none; }
a.subbarlink:visited { color: #FFFFFF; text-decoration:none; }
a.subbarlink:hover { color: #FFFFFF; text-decoration:underline; }
a.subbarlink:active { color: #FFFFFF; text-decoration:none; }
.subbar { position: relative; white-space: nowrap; float: right; font-weight: bold; font-size: 11pt; }
.btdemotext { font-size: 1.3em; color: #FFFFFF; font-weight: bold; }
.getbuttonsection { float: left; height: auto; font-size: 1.4em; }
.votesectionHL { border-style: solid solid none solid; border-width: 1px; border-color: #C0C0C0; background-color: #FFFFCC; }
.votesection { position:relative; text-align:center; width:50px; height: 90px; margin-top: 5px; padding: 5px 1px 1px 1px; z-index:10; }
.voteinput { position: relative; border: 1px solid #C0C0C0; width: 572px; height: 80px; background-color: #FFFFCC; z-index: 0; top: -1px; padding-left: 55px; padding-top: 5px; }
.catitembase { width:229px; background-color:#F0EEEF; }
.cattop { font-size: 14px; font-weight: bold; color: #585858; vertical-align: middle; padding: 0px 0px 0px 30px; }
.catitem { height:26px; font-size:13px; font-weight:bold; color:#5B5B5B; vertical-align:middle; padding:5px 0px 5px 5px; }
.catitemon { background: #FFFFFF url(/images/category/catbase.gif) no-repeat scroll 0 -0px; cursor: pointer; z-index:6; vertical-align:middle; padding:5px; }
.catitems { margin-left:1px; width:221px; border-right-style: solid; border-left-style: solid; border-width: 3px; border-top-color: #C2C1C1; border-right-color: #C2C1C1; border-bottom-color: #C2C1C1; border-left-color: #C2C1C1; background-color:#F0EEEF; position:relative; }
#catsublist { background:transparent url(/images/fpgraphics/catbox.png) no-repeat; padding:10px 0px 0px 20px; height:190px; }
.catsublist { display:none; height:0; position:relative; width:215px; z-index:5; }
.catsublist ul { background:transparent url(/images/category/catbase.gif) no-repeat scroll -197px -0px; background-color:#FFFFFF; left:195px; margin-bottom:13px; padding-top:10px; position:absolute; top:-37px; z-index:5; list-style-image:none; list-style-position:outside; list-style-type:none; }
.catsublist li { font-size:11px; padding-left:20px; background:transparent none repeat scroll 0 0; border:0 none; height:28px; line-height:28px; width:241px; }
.catsublist li.subbottom { padding:0px; height:0; background:#FFFFFF; line-height:0; }
.cattitle { height:20px; padding:4px 0px 0px 0px; width:230px; }
.catdefaulttitle li { font-size: 1.2em;  /* 1.2em;*/ padding:2px; }
#belowtop { position:relative; top:-20px; }
.recdesc { color:#777777; font-size:11px; }
.searchlinks a { color:#FFFFFF; font-size:14px; font-weight:bold; }
.searchlinks span { color: #DDDDDD; font-size: 14px; font-weight: normal; }
.askTextArea { color: #666666; width: 264px; height: 50px; overflow: auto; border: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; }
.searchToplinks a { color: #000000; font-size: 14px; font-weight: bold; }
a.searchselected { text-decoration:none; }
a.searchnotsel { text-decoration:none; }
a.askselected { text-decoration: none; }
a.asknotselected { text-decoration: none; }
.txtbutton { padding: 6px 6px 6px 6px; background-color: #C0C0C0; border: 1px solid #999999; position: relative; }
.productsectiontitle { font-size: 16px; color: #FFFFFF; background-color: #3399FF; font-weight: bold; width: 780px; height: 25px; vertical-align: middle; padding: 5px 0px 0px 10px; }
.productsectiontitleSDC { font-size: 16px; color: #FFFFFF; background-color: #3399FF; font-weight: bold; width: 770px; height: 25px; vertical-align: middle; padding: 5px 0px 0px 10px; }
.productbox { position: relative; float: left; border: 1px solid #DFE0EA; width: 170px; height: 210px; margin: 10px 4px 0px 0px; }
.pagingcontrol { position:relative; }
.pagingitem { float: left; border: 1px solid #0099CC; padding: 6px; font-size: 12px; margin: 1px; cursor: pointer; color: #0066CC; }
.pagingellipsis { float:left; padding: 6px; font-size: 12px; margin:1px; }
.pagingcurrentitem { float: left; padding: 7px; font-size: 12px; margin: 1px; color: #FFFFFF; background-color: #0066CC; font-weight: bold; }
.pagingitemdisabled { float: left; padding: 6px; font-size: 12px; margin: 1px; border: 1px solid #C0C0C0; color: #999999; }
.pagingprevnext { float: left; border: 1px solid #0099CC; padding: 6px; font-size: 12px; margin: 1px; font-weight: bold; cursor:pointer; color: #0066CC; }
.mainsignin { margin:10px; padding: 20px 10px 20px 10px; background-color: #D9E1E6; width:300px; height:240px; }
.thirdpartysignin { margin:10px; padding: 20px 10px 20px 10px; background-color: #D9E1E6; width:300px; height:240px; }
.mainsignup { margin:20px 0px 0px 100px; padding: 20px 20px 20px 20px; background-color: #D9E1E6; width:400px; height:240px; }
.adslotbox { background-color: #808080; display:block; }
.tabcontentreclists { width: 720px; background-color: white; margin-bottom: 2px; margin-right: 2px; vertical-align: top; border-top: silver 1px solid; }
.qtextbox { padding: 5px; border: 1px solid #999999; font-family: Verdana, Helvetica, sans-serif; font-size: 18px; height: 50px; width: 700px; font-weight: normal; color: #333333; }
.qblock { padding: 20px 20px 20px 20px; background-color: #D9E1E6; }

.cf:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.cf { display: inline-block; }

/* homepage */
#lead, #lead h1, #lead p, #lead #actions a, #lead #search-box, #lead #search-button, .selectBox-arrow { background-image:url(../images/sp-lead.png); background-repeat:no-repeat; }

#lead { color:#fff; padding:25px; background-repeat:repeat-x; border-radius:10px 10px 0 0; margin-top:-15px; }
#lead h1 { color:#fff; font-weight:normal; width:390px; height:35px; margin-bottom:6px; text-indent:-9999px; background-position:0 -168px; }
#lead p { background-position:0 -203px; text-indent:-9999px; height:18px; margin-bottom:6px; }

#lead #tag { float:left; width:510px; }
#lead #search { position:relative; }
#lead #search .selectBox { position:absolute; left:7px; top:7px; z-index:2; width:95px !important; cursor:pointer; }
.selectBox-label { width:80px !important; }
#lead #search-box { position:absolute; top:0; left:0; z-index:1; background-position:0 -221px; background-color:transparent; border:none; width:280px; height:41px; line-height:41px; padding:0 3px 3px 115px; margin-right:5px; float:left; }
#lead #search-button { display:block; float:right; width:90px; height:40px; padding:0 3px 3px 0; text-indent:-9999px; background-position:-405px -221px; }

#lead #actions { float:right; width:420px; }
#lead #actions li { float:left; margin-left:20px; }
#lead #actions .f { margin:0; }
#lead #actions a { display:block; width:120px; height:109px; text-indent:-9999px; }
#lead .question a { background-position:0 -273px; }
#lead .list a { background-position:-141px -273px; }
#lead .recommend a { background-position:-277px -273px; }

/* Dropdown control */
.selectBox-dropdown { min-width: 75px; position: relative; border: solid 1px #BBB; line-height: 1.5; text-decoration: none; color: #000; outline: none; vertical-align: middle; background: #F2F2F2; background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75); box-shadow: 0 1px 0 rgba(255, 255, 255, .75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; cursor: default; }
.selectBox-dropdown:focus, .selectBox-dropdown:focus .selectBox-arrow { border-color: #666; }
.selectBox-dropdown.selectBox-menuShowing { -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.selectBox-dropdown .selectBox-label { padding: 2px 8px; display: inline-block; white-space: nowrap; overflow: hidden; color:#848583; font-size:14px; }
.selectBox-dropdown .selectBox-arrow { position: absolute; top: 0; right: 0; width: 23px; height: 100%; font-size:14px; background-position:right -268px; }
/* Dropdown menu */
.selectBox-dropdown-menu { position: absolute; z-index: 99999; max-height: 200px; border: solid 1px #BBB; /* should be the same border width as .selectBox-dropdown */ background: #FFF; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2); box-shadow: 0 2px 6px rgba(0, 0, 0, .2); overflow: auto; }
/* Inline control */
.selectBox-inline { min-width: 75px; outline: none; border: solid 1px #BBB; background: #FFF; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: auto; }
.selectBox-inline:focus { border-color: #666; }
/* Options */
.selectBox-options, .selectBox-options LI, .selectBox-options LI A { list-style: none; display: block; cursor: default; padding: 0; margin: 0; font-size:14px; cursor:pointer; }
.selectBox-options LI A { line-height: 1.5; padding: 0 .5em; white-space: nowrap; overflow: hidden; background: 6px center no-repeat; }
.selectBox-options LI.selectBox-hover A { background-color: #EEE; }
.selectBox-options LI.selectBox-disabled A { color: #888; background-color: transparent; }
.selectBox-options LI.selectBox-selected A { background-color: #dbdbdb; }
.selectBox-options .selectBox-optgroup { color: #666; background: #EEE; font-weight: bold; line-height: 1.5; padding: 0 .3em; white-space: nowrap; }
/* Disabled state */
.selectBox.selectBox-disabled { color: #888 !important; }
.selectBox-dropdown.selectBox-disabled .selectBox-arrow { opacity: .5; filter: alpha(opacity=50); border-color: #666; }
.selectBox-inline.selectBox-disabled { color: #888 !important; }
.selectBox-inline.selectBox-disabled .selectBox-options A { background-color: transparent !important; }