html,body { margin:0; padding:0 }

body { font: 76% arial,sans-serif; text-align:center; background-color: #D1D0CA; background-color: #e2e1d9; }

p { margin:0 10px 10px; }

#header { float: left; background-color:#FFF; width:850px; margin-bottom: 8px; } 
#header .top-row { float: left; text-align: right; margin: 0px 10px 0px 10px; width: 730px; font-size: 10px; } 
#header .top-row a { color: #000; text-decoration: none; } 
#header .main-row { float: left; margin: 15px 0px 0px 10px; width: 177px; border: 0px solid; } 
#header .main-row .logo { float: left; margin-bottom: 15px; } 
#header .main-row .user-info { float: right; font-size: 10px; font-weight: bold; margin-left: 5px; } 
#header .main-row .user-info a { text-decoration: none; color: #000; } 
#header .main-row  img.fb { float: right; margin-top: -2px; margin-left: 5px; } 
#header .main-row  img.fc { float: right; margin-top: -2px; margin-left: 5px; } 

#header .search-row { float: right; margin: 35px 10px 15px 10px; width:630px; border: 0px solid; } 
#header .search-row .search-box { float: left; } 
#header .search-row img.search-icon { float: left; border: 1px solid #bfbfbf; border-right: 0px; border-bottom: 0px; background: #f1f1f1; } 
#header .search-row .search-btn { float: left; height: 29px; width: 70px; }
#header .search-row .search-btn a { color: #FFF; text-decoration: none; } 
#header .search-row .start { float: right; }

#intro { float: left; background-color:#FFF; background-image: url("../images/topbar-bg.gif");  width:840px; height: 19px;  padding: 5px; margin-bottom: 8px; }
#intro .txt { float: left; font-weight: bold; font-size: 13px; padding-top: 1px; margin-left: 10px; } 
#intro .txt h1 { float: left; font-weight: bold; font-size: 13px; padding: 0px; margin: 0px; } 


#intro .category-row {
	float: left; 
	padding-left: 10px;
}

#intro .category-row span {
        float: left;
} 
#intro .category-row img {
	float: right;
	margin-left: 5px;
}

#intro .category-row a {
	color: #FFF;
	text-decoration: none;
}
#intro .category-row a:hover {
	text-decoration: underline;
}

#category-list {
	position: absolute;
	background: #9a9991;
	padding: 10px;
	padding-top: 4px;
	margin: 24px 0px 0px -5px;
	border-bottom: 1px solid #f144a2;
	display: none;
}

#category-list td {
	width: 160px;
}



#category-list .cat-item {
	float: left; 
	width: 160px;
	margin: 1px 0px 1px 0px;
}

#category-list .cat-item a {
	color: #FFF;
	text-decoration: none;
}

#category-list .cat-item a:hover {
	text-decoration: underline;
}


#intro .video-row { float: right; } 
#intro .video-row .txt { float: left; color: #b2aeac; margin-right: 8px; } 
#intro .video-row .btn { float: left; margin-right: 8px; padding-top: 0px; border-left: 1px solid #929292; padding-left: 8px } 
#intro .video-row .btn2 { border-left: 0px; }
#intro .video-row .btn a { color: #FFF; text-decoration: none; }
#intro .video-row .btn input { background-color: #f6921e; color: #fff; border: 1px solid #f6921e; -moz-border-radius: 4px; -webkit-border-radius: 4px; [padding: 2px; padding: 2px;] }
#intro .video-row .btn2 { border: 0px; }

#search-topic { height: 26px; padding: 2px 5px 0px 5px; border: 0px; border-top: 1px solid #bfbfbf; background: #f1f1f1; color: #909090; width: 375px; font-weight: bold; }

div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation ul{margin:15px 0; padding:0; list-style-type:none;}
div#navigation li{margin-bottom:5px;}
div#extra{background:#CCC8B3;}
div#footer p{margin:0;padding:5px 10px}
div#container{width:850px;margin:0 auto}
div#content{float:left;width:550px}
div#content2{float:left;width:850px}
div#navigation{ float:right;width:300px;margin-top: 0px}

div#navigation .hdr{ float:left; background: #6a6967; background: #8f8f8f; width:260px; background: url("../images/hdr-bg.gif"); height: 29px; line-height: 30px; padding: 0px 20px 0px 20px; color: #FFF; font-size: 15px; border-top: 1px solid #44c8f5; } 

div#navigation .cat-container { float:left; width:170px; background: #FFF; padding: 15px 10px 15px 20px; margin-bottom: 0px; } 
div#navigation .cat-list { float:left; width:170px; background: #FFF; color: #373737; height: 350px; overflow: hidden } 

div#navigation .social { float: left; width: 300px; margin-bottom: 8px; background: #FFF; }
div#navigation .face { float: left; width: 280px; padding: 5px 10px 5px 10px; }



div#navigation .cat-list .cat-item { float: left; width:160px; font-size: 11px; padding-top: 2px; padding-bottom: 5px; } 
div#navigation .cat-list .cat-item a { color: #373737; color: #676767; text-decoration: none; }
div#navigation .cat-list .cat-item a:hover { text-decoration: underline; color: #373737; } 
div#navigation .ad-rightpanel { float: left; width: 300px; padding-bottom: 10px; background: #e2e1d9; margin-top: 0px; } 
div#navigation .ad-rightpanel2 { margin-top: 8px; }
div#navigation .ad-rightpanel3 { width: 280px; padding: 10px; margin-top: 8px; background: #FFF; }

div#extra{float:right;clear:right;width:300px}

div#footer{ float: left; background-color:#FFF; width:850px; clear:both; width:100%; margin-top: 10px; } 
div#footer .footer-nav { float: left; width: 830px; margin: 10px; border-bottom: 1px dotted #c3c3c3; padding-bottom: 5px; margin-top: 25px; } 
div#footer .footer-nav .nav-item { float: left; font-size: 10px; padding: 3px 8px 3px 0px; margin-right: 8px; border-right: 1px solid #929292; } 
div#footer .footer-nav .nav-item2 { padding-right: 0px; border-right: 0px; } 
div#footer .footer-nav .nav-item3 { float: right; margin-left: 5px; } 
div#footer .footer-nav .nav-item a { color: #000; text-decoration: none; font-weight: bold; } 
div#footer .social-nav { float: left; width:730px; margin: 10px; padding-bottom: 5px; } 
div#footer .copyright { float: left; width: 730px; margin: 10px; margin-bottom: 20px; border-bottom: 1px dotted #c3c3c3; padding-bottom: 15px; margin-top: 15px; font-size: 10px; color: #6a6967; }

div#login { margin: 20px auto; width: 330px; padding: 10px; background: #FFF; height: 125px; border: 1px solid #AAA; -moz-border-radius: 8px; -webkit-border-radius: 8px; } 
div#login .frm-row { float: left; width: 330px; margin-bottom: 10px; } 
div#login .frm-row .label { float: left; width: 90px; margin-top: 4px; } 
div#login .frm-row .field { float: left; width: 220px; } 
div#login .frm-row .field input.txt { border: 1px solid #CCC; width: 200px; padding: 5px; } 
div#login .frm-row .field input.btn { border: 1px solid #CCC; padding: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#featured-topic, #edit-topic, #trending-topic, #comments, #products { float: left; width: 542px; margin-top: 0px; margin-bottom: 0px; background: #FFF; } 

#featured-topic { margin-bottom: 8px; } 
#trending-topic { margin-top: 0px; } 

#products .product-item { float: left; width: 532px; padding: 5px; padding-top: 10px; border-bottom: 1px dotted #666; } 
#products .product-item .pic { float: left; width: 50px; padding-right: 5px; margin-right: 5px; } 
#products .product-item .info, #products .product-item .info .short, #products .product-item .info .long { float: left; width: 350px; } 
#products .product-item .info { border-left: 1px dotted #666; border-right: 1px dotted #666; padding-left: 10px; padding-right: 10px; } 
#products .product-item .info .short a { color: #000; text-decoration: underline; font-size: 14px; } 
#products .product-item .info .long { color: #888; font-size: 10px; margin-top: 5px; } 
#products .product-item .price { float: left; width: 90px; margin-left: 10px; font-size: 14px; line-height: 20px; } 
#products .product-item .price span { color: #999; font-size:12px; } 
#products .product-item .price a { color: #83ad11; font-size: 11px; } 

#featured-topic .info, #edit-topic .info { float: left; width: 542px; } 


/* My Account Styles */ 
#featured-topic .info .password, #featured-topic .info .account-nav { float: left; padding: 10px; width: 522px; } 
#featured-topic .info .account-nav .account-nav-item { float: left; color: #6a6967; font-size: 14px; padding-right: 10px; margin-right: 10px; border-right: 1px solid #c3c3c3;}
#featured-topic .info .account-nav .account-nav-item2 { border-right: 0px; } 
#featured-topic .info .account-nav .account-nav-item a { float: left; color: #6a6967; text-decoration: none; } 
#featured-topic .info .account-nav .account-nav-item a.select { font-weight: bold; margin-top: -2px; } 
#featured-topic .info .profile { float: left; margin: 0px 10px 0px 5px; width: 522px; border-top: 1px dotted #c3c3c3; padding-bottom: 15px; } 
#featured-topic .info .profile .topic-list { float: left; width: 492px; height: 559px; }
#featured-topic .info .error { float: left; margin: 0px 10px 0px 10px; color: #F00; } 
#featured-topic .info .profile .profile-pic { float: left; width: 100px; margin-top: 10px; margin-right: 10px; } 
#featured-topic .info .profile .profile-info { float: left; width: 396px; padding-top: 10px; padding-left: 10px; border-left: 1px dotted #c3c3c3; padding-bottom: 35px; } 
#featured-topic .info .profile .profile-info .profile-hdr { float: left; color: #6a6967; width: 396px; font-size: 12px; font-weight: bold; border-top: 1px dotted #c3c3c3; margin-top: 10px; padding-top: 10px; } 
#featured-topic .info .profile .profile-info .profile-hdr2 { border-top: 0px; margin-top: 0px; padding-top: 0px; } 
#featured-topic .info .profile .profile-info .field-row { float: left; width: 396px; margin: 3px 0px 3px 0px; color: #6a6967; font-size: 12px; } 
#featured-topic .info .profile .profile-info .field-row .info { line-height: 22px; }

#featured-topic .info .profile .profile-info .field-row .info a { color: #82a525; font-size: 11px; }



#featured-topic .info .profile .profile-info .field-row strong { font-size: 14px; }
#featured-topic .info .profile .profile-info .field-row a { color: #333; font-weight: bold; } 
#featured-topic .info .profile .profile-info .field-row .label { float: left; width: 104px; text-align: right; color: #909090; margin-top: 7px; font-size: 11px; } 
#featured-topic .info .profile .profile-info .field-row .field { float: right; width: 287px; color: #6a6967; } 
#featured-topic .info .profile .profile-info .field-row .field span { float: left; margin-top: 6px; margin-left: 7px; } 
#featured-topic .info .profile .profile-info .field-row .field input { background: #f1f1f1; color: #666; border: 1px solid #bebebe; border-bottom: 0px; padding: 5px; width: 270px; } 




#tell-a-friend { float: left; margin: 0px 10px 0px 5px; width: 522px; border-top: 1px dotted #c3c3c3; padding-bottom: 15px; } 
#tell-a-friend .tell-a-friend-content { float: left; padding: 20px; width: 482px; }
#tell-a-friend .tell-a-friend-content .contest-box { float: left; width: 482px; }
#tell-a-friend .tell-a-friend-content .contest-box span { float: left; background: #6f7166; padding: 7px; font-size: 11px; color: #FFF; } 
#tell-a-friend .tell-a-friend-content .contest-box span a { color: #FFF; } 
#tell-a-friend .tell-a-friend-content .url-box { float: left; width: 482px; margin-top: 15px; font-size: 14px; color: #6a6967; padding-bottom: 10px; border-bottom: 1px dotted #c2c2c2; } 
#tell-a-friend .tell-a-friend-content .url-box a { color: #44c8f5; margin-left: 10px; } 
#tell-a-friend .tell-a-friend-content .share-box { float: left; width: 482px; line-height: 68px; font-size: 14px; font-weight: bold; color: #6a6967; margin-top: 20px; } 
#tell-a-friend .tell-a-friend-content .share-box span, #tell-a-friend .tell-a-friend-content .share-box img { float: left; margin-right: 20px; } 

/* End My Account Styles */


#featured-topic .info .pic, #edit-topic .info .pic { float: left; width: 100px; height: 100px; padding: 11px; } 
#edit-topic .info .pic { width: 50px; height: 50px; } 
#featured-topic .info .txt, #edit-topic .info .txt { float: left; width: 405px; border-left: 1px dotted #a3a3a3; padding-left: 11px; min-height: 125px; } 
#edit-topic .info .txt { width: 450px; } 
#featured-topic .info .txt .name, #edit-topic .info .txt .name { float: left; width: 400px; } 
#featured-topic .info .txt .name h2, #edit-topic .info .txt .name h2 { font-size: 20px; color: #83ad11; color: #444; padding-top: 5px; } 
#featured-topic .info .txt .name h2 a, #edit-topic .info .txt .name h2 a { color: #83ad11; color: #444; text-decoration: none; } 
#featured-topic .info .txt .name h2 { float: left; margin-bottom: 0px; width: 395px; } 
#featured-topic .info .txt .name span.created { float: left; margin-top: 2px; margin-left: 0px; margin-right: 8px; font-size: 10px; color: #999; } 
#featured-topic .info .txt .name span.link { float: left; margin-top: 2px; margin-left: 0px; font-size: 10px; color: #999; } 
#featured-topic .info .txt .name span.link a { color: #999; text-decoration: none; } 
#featured-topic .info .txt .meta, #edit-topic .info .txt .meta { float: left; width: 380px; font-size: 11px; color: #AAA; color: #333; padding-bottom: 5px; border-bottom: 1px dotted #a3a3a3; margin-top: 5px; } 
#featured-topic .info .txt .date-range { float: left; width: 245px; margin-top: 0px; margin-bottom: 5px; } 
#featured-topic .info .txt .date-update-btn { float: left; margin-left: 10px; margin-top: 10px; } 
#featured-topic .info .txt .date-update-btn input { background: #8F8F8F; color: #FFF; border: 0px; font-size: 10px; padding-top: 2px; padding-bottom: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } 
#edit-topic .info .txt .meta { padding-bottom: 0px; border-bottom: 0px; } 
#featured-topic .info .txt .meta a, #edit-topic .info .txt .meta a { color: #AAA; text-decoration: underline; } 
#featured-topic .opinions, #add-topic .opinions, #edit-topic .opinions { float: left; width: 542px; } 
#show-more-btn, #show-less-btn { float: left; width: 502px; margin-left: 20px; margin-top: 2px; margin-bottom: 2px; display: none; } 
#opinion-more-container { float: left; width: 542px; background: #e7e6e0; display: none; height: 305px; overflow: hidden; } 
#opinion-more { width: 542px; background: #e7e6e0; padding: 15px 0px 15px 0px; height: 275px; overflow: hidden; } 
#opinion-more .col, #opinion-more .col .opinion-row { float: left; width: 250px; margin-left: 10px; } 
#opinion-more .bad { float: right; } 
#opinion-more .col .opinion-row { float: left; width: 225px; color: #9b9b9a; font-size: 11px; margin-top: 2px; margin-bottom: 2px; } 
#opinion-more .col .opinion-row .num { float: left; width: 20px; font-size: 13px; text-align: center; } 
#opinion-more .col .opinion-row .num  { color: #27c3f3; text-decoration: none; } 
#opinion-more .bad .opinion-row .num  { color: #ec0080; text-decoration: none; } 
#opinion-more .col .opinion-row .opinion{ float: left; width: 205px; padding-top: 1px; color: #3c3533; } 
#opinion-more .col .opinion-row .opinion span { color: #9b9b9a; } 
#show-loading { float: left; width: 502px; background: #e7e6e0; text-align: center; padding: 20px; line-height: 10px; font-size: 10px; display: none; } 
#featured-topic .opinions .goods, #featured-topic .opinions .bads, #edit-topic .opinions .goods, #edit-topic .opinions .bads, #add-topic .opinions .goods, #add-topic .opinions .bads { float: left; width: 266px; } 
#featured-topic .opinions .bads, #edit-topic .opinions .bads, #add-topic .opinions .bads { float: right; } 
#featured-topic .opinions .goods .hdr, #featured-topic .opinions .bads .hdr, #edit-topic .opinions .goods .hdr, #edit-topic .opinions .bads .hdr, #add-topic .opinions .goods .hdr, #add-topic .opinions .bads .hdr { float: left; padding: 0px 20px 0px 20px; height: 29px; line-height: 30px; font-size: 16px; color: #27c3f3; width: 226px; margin-bottom: 10px; background: url("../images/good-bad-bg.gif"); } 
#featured-topic .opinions .bads .hdr, #edit-topic .opinions .bads .hdr, #add-topic .opinions .bads .hdr { color: #ec0080; } 
#featured-topic .opinions .goods .row, #featured-topic .opinions .bads .row, #edit-topic .opinions .goods .row, #edit-topic .opinions .bads .row, #add-topic .opinions .goods .row, #add-topic .opinions .bads .row { float: left; padding: 0px 10px 8px 20px; width: 236px; } 
#featured-topic .opinions .goods .row .number, #featured-topic .opinions .bads .row .number, #edit-topic .opinions .goods .row .number, #edit-topic .opinions .bads .row .number, #add-topic .opinions .goods .row .number, #add-topic .opinions .bads .row .number { float: left; color: #27c3f3; font-size: 16px; width: 23px; padding-top: 2px; } 
#featured-topic .opinions .goods .row .number, #featured-topic .opinions .bads .row .number { font-size: 24px; } 
#featured-topic .opinions .goods .row .number a { color: #27c3f3; text-decoration: none; } 
#featured-topic .opinions .bads .row .number, #edit-topic .opinions .bads .row .number, #add-topic .opinions .bads .row .number { color: #ec0080; } 
#featured-topic .opinions .bads .row .number a { color: #ec0080; text-decoration: none; } 
#featured-topic .opinions .goods .row .op, #featured-topic .opinions .bads .row .op { float: left; color: #8f8f8f; color: #3c3533; font-size: 14px; width: 200px; margin-top: 2px; } 
#featured-topic .opinions .goods .row .op span, #featured-topic .opinions .bads .row .op span { float: left; color: #aaa; font-size: 11px; width: 200px; }
#edit-topic .opinions .goods .row .op, #edit-topic .opinions .bads .row .op, #add-topic .opinions .goods .row .op, #add-topic .opinions .bads .row .op { float: left; width: 190px; } 
#edit-topic .opinions .goods .row .op2, #edit-topic .opinions .bads .row .op2, #add-topic .opinions .goods .row .op2, #add-topic .opinions .bads .row .op2 { margin-top: 4px; } 
#edit-topic .opinions .goods .row .op input, #edit-topic .opinions .bads .row .op input, #add-topic .opinions .goods .row .op input, #add-topic .opinions .bads .row .op input { width: 190px; } 
#edit-topic .opinions .goods .row .entry-option, #edit-topic .opinions .bads .row .entry-option, #add-topic .opinions .goods .row .entry-option, #add-topic .opinions .bads .row .entry-option { float: right; width: 15px; color: #909090; font-size: 10px; text-align: center; } 
#edit-topic .opinions .goods .row .entry-option img.minus, #edit-topic .opinions .bads .row .entry-option img.minus, #add-topic .opinions .goods .row .entry-option img.minus, #add-topic .opinions .bads .row .entry-option img.minus { float: left; margin-left: 2px; margin-top: 6px; } 
#featured-topic .options, #edit-topic .options, #add-topic .options { float: left; background: #6a6967; background-image: url("../images/options-bg.gif"); height: 29px; color: #dedede; width: 532px; padding: 0px 0px 0px 10px; }

#featured-topic .like-row, #edit-topic .like-row, #add-topic .like-row { float: left; background: #FFF; width: 522px; height: 25px; padding: 10px; } 

#featured-topic .options a, #edit-topic .options a, #add-topic .options a { color: #dedede; text-decoration: none; } 
#featured-topic .options a:hover, #edit-topic .options a:hover, #add-topic .options a:hover { text-decoration: underline; } 
#featured-topic .options .btn, #edit-topic .options .btn, #add-topic .options .btn { float: left; margin-top: 6px; margin-bottom: 6px; } 
#featured-topic .options .btn2, #edit-topic .options .btn2, #add-topic .options .btn2 { float: right; margin: 0px; height: 29px; font-size: 14px; font-size: 13px; background: #90ba26; } 
#featured-topic .options .btn img, #edit-topic .options .btn img, #add-topic .options .btn img { float: left; margin-right: 4px; } 
#featured-topic .options .btn2 img, #edit-topic .options .btn2 img, #add-topic .options .btn2 img { float: left; margin-right: 0px; } 
#featured-topic .options .btn a, #edit-topic .options .btn a, #add-topic .options .btn a { line-height: 18px; } 
#featured-topic .options .btn2 a, #edit-topic .options .btn2 a, #add-topic .options .btn2 a { line-height: 18px; font-weight: bold; color: #FFF; } 
#featured-topic .options .spacer, #edit-topic .options .spacer, #add-topic .options .spacer { float: left; margin: 6px 9px 0px 7px; background: #484848; width: 1px; height: 17px; } 
.scoring-row { float: left; width: 542px; background: #FFF; padding-top: 5px; padding-bottom: 5px; } 
.scoring { float: right; margin-right: 13px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } 
.scoring .txt { float: left; color: #8f8f8f; font-size: 12px; padding-top: 2px; } 
.scoring .field { float: left; margin-left: 8px; } 
.scoring .field input { float: left; margin-top: 4px; margin-right: 4px; } 
.scoring .field span { float: left; padding-top: 1px; } 
.scoring .field span.good { color: #27c3f3; } 
.scoring .field span.bad { color: #ec0080; } 

#submit-row { float: left; width: 542px; height: 29px; background: #000; background-image: url("../images/options-bg.gif"); } 

#submit-row .btn { float: right; background: #6a6967; width: 70px; height: 29px; text-align: center; line-height: 31px; font-size: 14px; margin-left: 10px; } 
#submit-row .btn a { text-decoration: none; color: #FFF; } 

#opinion-box, #report-box, #score-box { position: absolute; background-image: url("../images/dialog-bg.png"); top: 1px; left: 1px; color: #000; padding: 8px 8px 0px 8px; font-size: 11px; width: 276px; display: none; z-index: 30; } 
#opinion-box .box-content, #report-box .box-content, #score-box .box-content { float: left; background-color: #eeeded; width: 266px; padding: 5px; } 
#opinion-box .hdr, #score-box .hdr, #report-box .hdr { float: left; width: 266px; } 
#opinion-box .hdr .title, #score-box .hdr .title, #report-box .hdr .title { float: left; width: 250px; font-weight: bold; } 
#opinion-box .hdr .btn, #score-box .hdr .btn, #report-box .hdr .btn { float: right; width: 9px; } 
#opinion-box .row, #opinion-box .row2, #score-box .row, #score-box .row2, #report-box .row, #report-box .row2 { float: left; width: 266px; margin-top: 2px; } 

#score-box { width: 116px; } #score-box .hdr, #score-box .box-content { width: 106px; } 
#score-box .hdr .title  { width: 90px; } 
#score-box .row, #score-box .row2 { width: 106px; } 
#score-box .row .score { float: left; width: 106px; text-align: center; font-size: 28px; padding-top: 5px; } 
#score-box .row .type { float: left; width: 106px; text-align: center; font-size: 16px; text-transform: uppercase; } 
#score-box .row .good { color: #27c3f3; } 
#score-box .row .bad { color: #ec0080; } 
#score-box .row .votes { float: left; width: 106px; text-align: center; font-size: 11px; padding-bottom: 5px; color: #888; } 

#report-box .row select { width: 266px; color: #666; } 
#report-box .row textarea { width: 260px; height: 121px; padding: 2px; color: #666; } 
#opinion-box .row2, #score-box .row2, #report-box .row2 { margin-top: 10px; } 
#opinion-box .row .rank { float: left; width: 40px; font-size: 9px; color: #8d8c8b; text-align: right; margin-right: 5px; } 
#opinion-box .row .good, #opinion-box .row .bad { float: left; width: 200px; color: #27c3f3; font-weight: bold; font-size: 10px; } 
#opinion-box .row .bad { color: #ec0080; } 
#opinion-box .row .position, #opinion-box .row .position2 { float: left; width: 15px; color: #27c3f3; font-size: 12px; } 
#opinion-box .row .position2 { color: #ec0080; } 
#opinion-box .row .opinion { float: left; width: 205px; font-size: 11px; color: #8d8c8b; } 
#opinion-box .ftr, #report-box .ftr { float: left; width: 266px; } 
#report-box .ftr { margin-top: 3px; } 
#opinion-box .ftr .btn, #report-box .ftr .btn { float: right; width: 80px; } 
#report-box .ftr .counter { float: left; color: #666; font-size: 10px; margin-top: 3px; margin-left: 2px; } 
#existing-list { float: left; width: 522px; padding: 10px; background: #dedede; } 
#existing-list .good, #existing-list .bad { float: left; width: 246px; } 
#existing-list .bad { float: right; } 
#existing-list .ex-row { float: left; width: 226px; padding: 3px 10px 3px 10px; border-bottom: 1px solid #e8e8e8; font-size: 11px; color: #1e1e1e; } 
#existing-list h3 { padding: 0px; margin: 0px; font-size: 12px; color: #27c3f3; }
#existing-list .bad h3 { color: #ec0080; } 
#existing-list .ex-row .txt, #existing-list .ex-row .txt .op, #existing-list .ex-row .txt .votes { float: left; width: 200px; } 
#existing-list .ex-row .votes { color: #b9b9b9; } 
#existing-list .ex-row .add-op { float: right; width: 14px; height: 14px; margin: 0px; padding: 0px; margin-top: 5px; } 
#category { float: left; width: 542px; margin-top: 0px; margin-bottom: 0px; background: #FFF; border-top: 1px solid #44c8f5; } 
div.related { margin-top: 8px; }
#category .hdr { float: left; background: #6a6967; padding: 0px 15px 0px 15px; height: 29px; line-height: 29px; width: 512px; font-size: 16px; color: #FFF;background-image: url("../images/hdr-bg.gif"); } 
#category .title { float: left; width: 522px; margin: 10px 10px 10px 10px; padding: 0px 10px 10px 10px; border-bottom: 1px dotted #c3c3c3; color: #000; font-size: 18px; } 
#category .title small { font-size: 12px; } 
#category .cat-list { float: left; width: 502px; padding: 0px 20px 10px 20px; } 
#category .cat-list .cat-header { float: left; font-size: 12px; font-weight: bold; width: 502px; } 
#category .cat-list .col { float: left; width: 167px; font-size: 11px; } 
#category .cat-list .col a { color: #44c8f5; text-decoration: none; padding: 0px; } 
#category .cat-list .col .cat-item { float: left; width: 167px; margin-top: 10px; } 
#category .topic-pagination { float: left; width: 502px; padding: 5px 10px 5px 10px; margin: 10px 10px 10px 10px; color: #555; background: #d1d0ca; font-size: 11px; } 
#category .topic-pagination .page-item { float: left; margin-left: 2px; margin-right: 2px; } 
#category .topic-pagination .page-item a { color: #222; text-decoration: none; padding: 2px 4px 2px 4px; } 
#category .topic-pagination .page-item a:hover { text-decoration: none; background: #8f8f8f; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; } 
#category .topic-pagination .page-sel a { color: #222; text-decoration: none; background: #8f8f8f; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; } 
#category .topic-hdr { float: left; width: 502px; padding: 2px 10px 2px 10px; margin: 10px 10px 0px 10px; color: #555; background: #d1d0ca; font-size: 10px; } 
#category .topic-hdr .sort { float: left; margin-top: 2px; } 
#category .topic-hdr .show { float: right; } 
#category .topic-hdr .show a { color: #555; } 
#category .topic-hdr .show .label, #category .topic-hdr .show .ten, #category .topic-hdr .show .twenty, #category .topic-hdr .show .fifty, #category .topic-hdr .show .hundred { float: left; margin-left: 4px; padding-top: 2px; } 
#category .topic-hdr .show .sel  { padding-top: 0px; } 
#category .topic-hdr .show .sel a { color: #555; text-decoration: none; font-weight: bold; } 
#category .topic-hdr .show .spacer { float: left; padding-left: 4px; margin-top: 3px; } 
#category .topic-list, #featured-topic .topic-list { float: left; width: 502px; padding: 0px 20px 10px 20px; } 
#category .topic-list .topic-row, #featured-topic .topic-list .topic-row { float: left; width: 502px; border-bottom: 1px dotted #c3c3c3; } 
#category .topic-list .topic-row .pic, #featured-topic .topic-list .topic-row .pic { float: left; width: 50px; padding: 10px; border-right: 1px dotted #c3c3c3; } 
#featured-topic .topic-list .topic-row .pic { margin-bottom: 0px; height: 60px; } 
#category .topic-list .topic-row .info, #featured-topic .topic-list .topic-row .info { float: left; width: 400px; padding-top: 10px; padding-left: 10px; min-height: 60px; } 
#category .topic-list .topic-row .info .name, #category .topic-list .topic-row .info .cat, #category .topic-list .topic-row .info .options, #featured-topic .topic-list .topic-row .info .name, #featured-topic .topic-list .topic-row .info .cat, #featured-topic .topic-list .topic-row .info .options { float: left; width: 400px; } 
#category .topic-list .topic-row .info .options, #featured-topic .topic-list .topic-row .info .options { line-height: 15px; } 
#category .topic-list .topic-row .info .name, #featured-topic .topic-list .topic-row .info .name { font-size: 14px; margin-bottom: 2px; } 
#category .topic-list .topic-row .info .name a, #featured-topic .topic-list .topic-row .info .name a { color: #000; text-decoration: none; } 
#category .topic-list .topic-row .info .cat, #category .topic-list .topic-row .info .cat a, #featured-topic .topic-list .topic-row .info .cat, #featured-topic .topic-list .topic-row .info .cat a { color: #aaaaaa; font-size: 10px; } 
#category .topic-list .topic-row .info .options, #featured-topic .topic-list .topic-row .info .options { margin-top: 10px; } 
#featured-topic .topic-list .topic-row .info .options { background: #FFF; } 
#category .topic-list .topic-row .info .options .btn, #featured-topic .topic-list .topic-row .info .options .btn { float: left; font-size: 10px; } 
#category .topic-list .topic-row .info .options .btn img, #featured-topic .topic-list .topic-row .info .options .btn img { float: left; margin-right: 5px; } 
#category .topic-list .topic-row .info .options .btn a, #featured-topic .topic-list .topic-row .info .options .btn a { text-decoration: none; color: #8f8f8f; } 
#add-topic { float: left; width: 542px; margin-top: 10px; margin-bottom: 0px; background: #FFF; }
#add-topic .hdr, #featured-topic .hdr2, #trending-topic .hdr2, #comments .hdr2, #products .hdr2 { float: left; background: #8f8f8f; background-image: url("../images/hdr-bg.gif"); padding: 0px 15px 0px 15px; height: 29px; line-height: 29px; width: 512px; font-size: 15px; color: #FFF;  border-top: 1px solid #f144a2; }
#featured-topic .hdr2 span { float: left; }

#featured-topic .hdr2 .share-btns { float: right; }
#featured-topic .hdr2 .share-btns ul li { float: left; list-style: none; margin-top: 3px; }
#featured-topic .hdr2 .share-btns ul li { float: left; margin-left: 5px; }



#featured-topic .hdr3 { border-top: 1px solid #44c8f5; }
#trending-topic .hdr2 { color: #7b7572; } 
#add-topic .main { float: left; padding-left: 11px; padding-right: 11px; width: 520px; }
#add-topic .main .pic { float: left; border-right: 1px dotted #a3a3a3; padding: 11px 11px 11px 0px; width: 100px; } 
#add-topic .main .pic .up-btn { float: left; width: 100px; background: #8f8f8f; text-align: center; margin-top: 10px; margin-bottom: 5px; } 
#add-topic .main .pic .up-btn a { color: #FFF; text-decoration: none; } 
#add-topic .main .fields { float: right; padding-top: 11px; width: 400px; } 
#add-topic .main .fields .field-row { float: left; width: 400px; margin-bottom: 10px; } 
#add-topic .main .fields .field-row div { float: left; font-size: 11px; margin-top: 8px; margin-left: 5px; color: #909090 } 
#add-topic .main .fields .field-row input.txt { width: 360px; float: left; } 
#add-topic .main .fields .field-row2 { display: none; } 
#comments .comment-row { float: left; width: 522px; padding: 10px; } 
#comments .comment-row .comment-hdr { float: left; width: 502px; padding: 5px 10px 5px 10px; background: #eae9e1; } 
#comments .ftr { float: left; width: 502px; min-height: 1px; padding: 5px 10px 5px 10px; background: #d1d0ca; margin: 5px 0px 10px 10px; } 
#comments .comment-form { float: left; width: 502px; padding: 0px 10px 5px 10px; margin: 0px 0px 10px 10px; }
#comments .comment-form .comment-hdr { float: left; width: 502px; color: #000; font-size: 13px; font-weight: bold; } 
#comments .comment-form .comment-field { float: left; width: 340px; } 
#comments .comment-form .comment-field textarea { float: left; width: 324px; height: 158px; padding: 5px; background: #f9f9f9; border: 1px solid #d6d6d6; border-bottom: 0px; color: #666; } 
#comments .comment-form .comment-counter { float: left; width: 140px; margin-left: 5px; margin-top: 5px; font-size: 10px; color: #6b6b6b; } 
#comments .comment-form .comment-msg { float: left; width: 140px; margin-left: 5px; margin-top: 5px; font-size: 10px; color: #6b6b6b; } 
#comments .comment-form .comment-btn { float: left; margin-left: 5px; margin-top: 109px; } 
#comments .comment-form .comment-btn input { background: #8f8f8f; color: #DDD; padding-top: 5px; padding-bottom: 5px; font-size: 14px; border: 0px; } 
#comments .comment-row .comment-hdr .name { float: left; color: #000; font-size: 14px; font-weight: bold; } 
#comments .comment-row .comment-hdr .date { float: left; color: #b3b3b0; font-size: 12px; margin-left: 5px; margin-top: 3px; } 
#comments .comment-row .comment-txt { float: left; width: 502px; padding: 7px 10px 7px 10px; color: #7e7d7b; font-size: 12px; } 
#comments .comment-row .comment-txt a { color: #44c8f5; text-decoration: none; }
#comments .comment-row .comment-txt a:hover { text-decoration: underline; } 
#trending-topic .arrow { float: left; width: 17px; padding-top: 50px; } 
#trending-topic .hdr2 a { text-decoration: none; color: #fff; } 
#trending-topic .hdr2 a.deactive { color: #3c3533 } 
#trending-topic .trending-content { float: left; background: #FFF; padding: 10px 0px 10px 2px; width: 506px; height: 130px; overflow: hidden; } 
#trending-topic .trending-content .scroll-group { float: left; width: 2000px; } 
#trending-topic .trending-content .trending-group { float: left; width: 506px; height: 140px; } 
#trending-topic .trending-content .trending-item { float: left; width: 91px; margin-left: 8px; margin-right: 0px; padding-bottom: 20px; } 
#trending-topic .trending-content .trending-item .pic, #trending-topic .trending-content .trending-item .name { float: left; width: 91px; text-align: center; } 
#trending-topic .trending-content .trending-item .name { margin-top: 5px; } 
#trending-topic .trending-content .trending-item .name a { font-size: 9px; color: #616161; text-decoration: none; } 
#google-image-box { position: absolute; left: 100px; top: 100px; padding: 8px; background: url("../images/dialog-bg.png"); width: 580px; min-height: 210px; -moz-border-radius: 10px; -webkit-border-radius: 10px; display: none; z-index: 90; } 
#google-image-box .content { float: left; width: 570px; min-height: 200px; background: #e7e6e0; padding: 5px; font-size: 11px; } 
#search-image-content { float: left; width: 570px; } 
#google-image-box .content .search-row { float: left; width: 570px; } 
#google-image-box .content .search-row input { border: 1px solid #AAA; background: #EEE; } 
#google-image-box .content .search-row input.txt { width: 350px; } 
#google-image-box .progress, #google-image-box .progress2 { float: left; width: 570px; background: #e7e6e0; padding: 5px; font-size: 11px; text-align: center; display: none; } 
.img-item { float: left; width:100px; height:100px; border: 1px solid #CCC; background: #FFF; line-height: 100px; margin-right: 5px; margin-top: 5px; text-align: center; } 
.img-item img { vertical-align: middle; } 
#upload-box { position: absolute; left: 100px; top: 100px; padding: 8px; background: url("../images/dialog-bg.png"); width: 380px; -moz-border-radius: 10px; -webkit-border-radius: 10px; display: none; z-index: 80; } 
#upload-box .content { float: left; width: 370px; background: #e7e6e0; padding: 5px; font-size: 11px; } 
#upload-box .progress { float: left; width: 370px; background: #e7e6e0; padding: 5px; font-size: 11px; text-align: center; display: none; }
#upload-box .content .hdr { float: left; width: 370px; font-weight: bold; margin-bottom: 2px; } 
#upload-box .content .field { float: left; width: 370px; margin-bottom: 5px; } 
#upload-box .content .field img { float: left; margin-right: 5px; } 
#upload-box .content .field span { float: left; margin-top: 6px; margin-right: 5px; } 
#upload-box .content .txt { float: left; width: 370px; color: #969694; font-size: 10px; } 
#upload-box .content .btn-row { float: left; width: 370px; margin-top: 5px; } 
#upload-box .content .btn-row .btn { float: right; margin-left: 4px; background: #8e8e8e; padding: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } 
#upload-box .content .btn-row .btn a { color: #FFF; text-decoration: none; } 
#overlay { position: fixed; display: none; top: 0px; left: 0px; width: 100%; height: 100%; background:url("../images/dialog-bg.png"); z-index: 50; }
#easyTooltip{ padding-bottom:6px; background-image: url("../images/tooltip-tri.gif"); background-position: bottom left; background-repeat: no-repeat; } 
#easyTooltip div { background:#6a6967; padding: 1px 6px 1px 6px; color: #c7c7c6; font-size: 10px; } 

#page-hdr { float: left; border-top: 1px solid #44c8f5; background: #6a6967; height: 29px; line-height: 29px; width: 810px; padding: 0px 20px 0px 20px; margin-top: 0px; color: #FFF; font-size: 15px; background-image: url("../images/hdr-bg.gif"); } 

#page { float: left; background: #FFF; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 830px; padding: 10px 15px 10px 5px; } 
#page ul { list-style-type: none; margin-left: 5px; } 
#page ol { margin-left: 30px; } 
#page .hdr { color: #3ac8fd;        font-family: Arial, Helvetica, sans-serif;        font-size: 16px; } 
#page .txt3 { color: #ec0080; font-weight: bold; }
#page .txt {font-size: 12px}
#page .txt2 { color: #27c3f3; font-weight: bold; }
#page .txt4 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #44c8f5; }
#page .txt5 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #44c8f5; } 
#page .txt5 img { margin-left: 5px; } 
#page a.question { color: #333; font-size: 11px; }
#page .vertdot { background-image: url(vert_dot_line.gif); background-repeat: repeat-y; background-position:center; } 
#page2 { float: left; border-top: 1px solid #44c8f5; background: #FFF; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 530px; padding: 10px 15px 10px 5px; margin-top: 10px; } 
#page2 .error { float: left; width: 530px; color: #F00; font-size: 11px; } 

#page-gray { float: left; background: #f2f2f2; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 830px; padding: 10px 15px 10px 5px; } 


#page3 { float: left; background: #FFF; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 830px; padding: 10px 15px 10px 5px; } 
#page3 .info { float: left; font-size: 11px; width: 730px; padding: 0px 50px 0px 50px; color: #666; line-height: 15px; } 

#page3 .info span.pink{ color: #ec0080; } 
#page3 .info  a { color: #83ad11; } 

#info-box { float: left; width: 659px; margin-left: 38px; } 
#info-box .header { float: left; width: 659px; height: 15px; background: url("../images/info-box-header.gif"); } 
#info-box .info-box { float: left; width: 659px; background: url("../images/info-box-bg.gif"); padding-bottom: 40px; } 
#info-box .info-box .left-col { float: left; margin-left: 30px; width: 290px; } 
#info-box .info-box .right-col { float: right; margin-right: 20px; width: 290px; } 
#info-box .info-box .title { float: left; width: 290px; font-size: 18px; color: #666; } 
#info-box .info-box .info { float: left; width: 290px; font-size: 16px; color: #2d9dd5; } 
#info-box .info-box .info2 { float: left; width: 290px; font-size: 14px; color: #666; margin-top: 20px; } 
#info-box .info-box .info3 { float: left; width: 290px; font-size: 13px; color: #666; margin-top: 20px; } 
#info-box .info-box .info4 { float: left; width: 290px; font-size: 13px; color: #666; margin-top: 5px; } 
#info-box .info-box .info5 { float: left; width: 290px; font-size: 13px; color: #2d9dd5; margin-top: 20px; } 
#info-box .footer { float: left; width: 659px; height: 20px; background: url("../images/info-box-footer.gif"); } 

#loading-row { display: none; padding-top: 10px; padding-bottom: 10px; } 
#result-row { display: none; padding-top: 10px; padding-bottom: 10px; font-size: 14px; } 
input.sign-up { background: #666; color: #FFF; border: 0px; padding: 3px 5px 3px 5px; } 
#slider { float: left; margin-top: 10px; margin-left: 22px; width: 200px; height: 2px; border: 0px; } 
#slider .ui-slider-handle { height: 11px; background: #f144a2; width: 6px; margin-left: -3px; border: 0px; } 
#slider .ui-slider-range { background: #DEDEDE; } 
#date-label { float: left; margin-top: 7px; margin-left: 1px; width: 350px; border: 0px; } 
#date-label .date-item { float: left; color: #7d7d7d; font-size: 9px; padding-left: 5px; padding-right: 5px; border-right: 1px solid #7d7d7d; } 
#date-label .date-item a { color: #7d7d7d; text-decoration: none; } 
#date-label .date-item a:hover { color: #7d7d7d; text-decoration: underline; } 
#date-label .date-item2 { border-right: 0px; } 
#create-form { float: left; width: 500px; margin: 10px; } 
#create-form a { color: #83ad11; } 
#create-form .create-row { float: left; width: 500px; margin-bottom: 10px; } 
#create-form .create-row .hdr { float: left; width: 500px; color: #6a6967; font-weight: bold; font-size: 11px; } 
#create-form .create-row .label { float: left; width: 105px; padding-top: 7px; text-align: right; color: #909090; font-size: 11px; } 
#create-form .create-row .label2 { padding-top: 0px; } 
#create-form .create-row .field { float: right; width: 390px; } 
#create-form .create-row .field2 { padding-top: 4px; } 
#create-form .create-row .field .sub { float: left; width: 390px; margin-top: 2px; } 
#create-form .create-row .field .sub .note { float: left; font-size: 9px; color: #000; width: 115px; } 
#create-form { float: left; width: 500px; margin: 10px; } 
#create-form a { color: #83ad11; } 
#create-form .create-row { float: left; width: 500px; margin-bottom: 10px; } 
#create-form .create-row .hdr { float: left; width: 500px; color: #6a6967; font-weight: bold; font-size: 11px; } 
#create-form .create-row .label { float: left; width: 105px; padding-top: 7px; text-align: right; color: #909090; font-size: 11px; } 
#create-form .create-row .label2 { padding-top: 0px; } 
#create-form .create-row .field { float: right; width: 390px; } 
#create-form .create-row .field2 { padding-top: 4px; } 
#create-form .create-row .field .sub { float: left; width: 390px; margin-top: 2px; } 
#create-form .create-row .field .sub .note { float: left; font-size: 9px; color: #000; width: 115px; } 
#user_check { float: left; width: 250px; margin-left: 5px; font-size: 10px; color: #F00; } 
#user_check img { float: left; } 
#user_check span { float: left; margin-top: 4px; margin-left: 4px; } 
#user_check span.lbl { color: #000; } 
#user_check span.lbl2 { color: #090; margin-top: 2px; } 
#create-form .create-row .field input { width: 255px; background: #f5f5f5; border: 1px solid #bfbfbf; border-bottom: 0px; padding: 5px; color: #666; } 
#create-form .create-row .field select { float: left; padding: 2px; margin-top: 2px; background: #f5f5f5; border: 1px solid #bfbfbf; border-bottom: 0px; color: #909090; width: 95px; } 
#create-form .create-row .field .field2 { float: left; margin-left: 10px; color: #909090; } 
#create-form .create-row .field .field2 .postal_code { width: 99px; } 
#create-btn { float :left; width: 550px; height: 29px; background: #000; } 
#create-btn .btn { float: right; background: #6a6967; width: 85px; height: 29px; text-align: center; line-height: 29px; font-size: 14px; } 
#create-btn .btn a { text-decoration: none; color: #FFF; } 
#ty { float: left; width: 600px; margin-left: 75px; margin-top: 25px; } 
#ty .txt { float: left; width: 600px; margin-bottom: 25px; font-size: 20px; color: #8f8f8f; } 
#ty .txt2 { float: left; width: 600px; margin-bottom: 25px; font-size: 16px; color: #8f8f8f; font-weight: normal; } 
#ty .txt3 { float: left; width: 600px; margin-bottom: 25px; font-size: 15px; color: #8f8f8f; font-weight: normal; } 
#ty .txt span.green { color: #83ad11; } 
#ty .txt span.darkgrey { color: #6a6967; } 
#ty .txt span.black { color: #000; } 
#ty .txt span.pink{ color: #ec0080; } 
#ty .txt a { color: #83ad11; } 
#ty .form { float: left; width: 600px; color: #909090; margin-bottom: 50px; } 
#ty .form table, #ty .form td { border-collapse: collapse; padding: 0px; } 
#ty .form td { padding-right: 10px; } 
#ty .form input.text { background: #f5f5f5; border: 1px solid #bfbfbf; border-bottom: 0px; padding: 4px; color: #666; height: 15px; } 

#login-box, #forget-box, #fb-create-box { position: absolute; left: 100px; top: 100px; padding: 8px; background: url("../images/dialog-bg.png"); width: 294px; -moz-border-radius: 10px; -webkit-border-radius: 10px; display: none; z-index: 200; } 
#login-box .content, #forget-box .content, #fb-create-box .content { float: left; width: 284px; background: #e7e6e0; padding: 5px; font-size: 11px; } 
#fb-create-box .content { background: #fff; } 
#login-box .content .row, #forget-box .content .row, #fb-create-box .content .row { float: left; width: 284px; margin-top: 5px; margin-bottom: 2px; } 
#fb-create-box .content .row input.btn { width: 220px; padding: 5px; border: 1px solid #27c3f3; color: #FFF; font-weight: bold; font-size: 14px; background: #27c3f3; -moz-border-radius: 5px; -webkit-border-radius: 5px; } 
#fb-create-box .content .row .btn2 { padding: 3px; background: #8e8e8e; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #8e8e8e; font-size: 10px; margin-right: 5px; width: 45px; text-align: center; color: #FFF; } 
#fb-create-login { display: none; } 
#login-box .content2, #forget-box .content2 { float: left; padding: 0px 10px 0px 10px; width: 274px; background: #8e8e8e; } 
#login-box .content2 .left, #login-box .content2 .right, #forget-box .content2 .left, #forget-box .content2 .right{ float: left; width: 136px; text-align: center; padding: 7px 0px 5px 0px; }
#login-box .content2 .right, #forget-box .content2 .right { border-left: 1px dotted #fff; padding-top: 5px; } 
#login-box .content2 .right input.sign-up, #forget-box .content2 .right input.sign-up { background: #a4c30e; color: #FFF; font-size: 14px; border: 0px; } 
#login-box .content .row .lbl, #forget-box .content .row .lbl { float: left; width: 65px; padding-top: 5px; } 
#login-box .content .row .fld, #forget-box .content .row .fld { float: left; width: 210px; } 
#login-box .content .row .fld span.red, #forget-box .content .row .fld span.red { color: #F00; font-size: 10px; } 
#login-box .content .row .fld input, #forget-box .content .row .fld input { background: #f5f5f5; border: 1px solid #bfbfbf; border-bottom: 0px; padding: 4px; width: 204px; color: #333; } 
#login-box .content .row .btn, #forget-box .content .row .btn { float: right; padding: 3px; background: #8e8e8e; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 11px; margin-right: 5px; width: 45px; text-align: center; } 
#login-box .content .row .btn a, #forget-box .content .row .btn a { text-decoration: none; color: #FFF; }

#login-box .content .row .error, #forget-box .content .row .error { float: left; width: 65px; color: #F00; font-size: 10px; padding-top: 3px; } 
#forget-box .content .row .error { width: 145px; } 
#login-box .content .row .forget, #forget-box .content .row .forget { float: left; color: #9b9b9a; width: 100px; padding-top: 3px; font-size: 10px; border: 0px solid; text-align: right; } 
#login-box .content .row .forget a, #forget-box .content .row .forget a { color: #9b9b9a; text-decoration: underline; } 
#videoWhat, #videoGive, #videoTopic { 
	position: fixed;
	display: none;
	z-index: 51; 
	left: 50%; 
	top: 50%; 
	margin-top: -170px;
	margin-left: -280px;
}
.contact input.text { border: 1px solid #999; padding: 3px; width: 250px; } 
.contact textarea { padding: 3px; width: 350px; height: 150px; border: 1px solid #999; } 
.contact span.red { color: #F00; } 


/* jScrollPane Styles */

.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } 
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #e2e0d9; } 
.jScrollPaneDrag { position: absolute; background: #f144a2; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; 
background: url(../images/scroll-arrow-up.gif); background-repeat: no-repeat; 
}
a.jScrollArrowUp:hover { } 
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; background: url(../images/scroll-arrow-down.gif); background-repeat: no-repeat; background-position: bottom; 
}
a.jScrollArrowDown:hover { }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { } 
/* End jScrollPane Styles */



#header .main-row .btn {  float: right; border: 0px solid; }

.facebook-friends {
	float: left;
	width: 200px;
	margin-bottom: 8px;
}
