/* GENERAL STYLES */
/* Alignment Styles */
.right {float:right;overflow:hidden;}
.left {float:left;overflow:hidden;}
.ctr {text-align:center;}
.rt {text-align:right;}
.b {font-weight:bold;}
.mainCol {width:539px;margin:5px 15px 0 0;}
.mainCol h1 {border-bottom:1px dashed #ccc;margin-bottom:15px;}
.mainCol h1.otherh1 {border:0;margin:0 0 0 10px;}
.rightCol {width:162px;margin:5px 0 0 0;}
.rightCol .ad160 {border:1px solid #ccc;margin:15px 0;}
.w52 {width:54px;}
.w500 {width:470px;}
.reset {height:0; margin:0; padding:0; clear:both; overflow:hidden;}
.padLeft10 {padding-left:10px;}
.padLeft20 {padding-left:20px;}
.padLeft15 {padding-left:15px;}
.padTop5 {padding-top:5px;}
.padTopBottom10 {padding:10px 0 20px;}
.padTopBottom20 {padding:20px 0 20px;}

.padBottom8 {padding:0 0 8px;}
.padBot5 {padding-bottom:5px;}

.pad6x10 {padding:6px 0 10px 0;}

.marTop8 {margin-top:8px;}
.marBot10 {margin-bottom:10px;}
.roundedbox {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
form {margin:0; padding:0;}
input, textarea {border:1px solid #ccc;padding:5px;}

/* Borders */
.camareaborder {border-bottom:1px dashed #ccc; height:6px; padding:0; margin:0 0 6px 0; clear:both; overflow:hidden;}
.border {border:0;border-bottom:1px dashed #ccc; height:10px; padding:0; margin:0 0 10px 0; clear:both; overflow:hidden;}
.borderTight {border-bottom:1px dashed #ccc; height:0; padding:0; margin:0 0 10px 0; clear:both; overflow:hidden;}

/* images */
.article img, .group img, .cathead img, .commentImg img, .answerImg img, .avatar img{padding:1px; border:1px solid #cfcfcf; margin:0;}
.single img {padding:1px; border:1px solid #cfcfcf; margin:0 15px 15px 0;}
.related img {padding:1px; border:1px solid #cfcfcf; margin:4px 6px 6px 0;}
img.ratePlus, img.rateMinus {float:left; border:0; margin:0; padding:0;}
.commentImg {float:left; width:43px; padding:10px 0;}
.answerImg {float:left; width:43px; padding:5px 0 0 0;}

/* Text Colors */
.grey {color:#666;} .red {color:#e80404} .dkred {color:#bf3737;} .green {color:#479337;} .orange {color:#dd8c19;} .blue {color:#2960b1;} .dkblue {color:#395277;} .brown {color:#5f400e;} .black {color:#111;} .white {color:#fff;} .dark {color:#333;} .purple {color:#8e54ab;} .magenta {color:#c7206e;}
.asterisk {color:#c00;font-weight:bold;}

/* Text & Font Sizes */
.txt9 {font-size:9px;font-weight:bold;color:#666;} .txt10 {font-size:10px;} .txt11 {font-size:11px;} .txt12 {font-size:12px;} .txt13 {font-size:13px;} .txt14 {font-size:14px;}

/* Spacers */
.space5 {height:5px; padding:0; margin:0;} .space10 {height:10px; padding:0; margin:0;} .space15 {height:15px; padding:0; margin:0;}

/* Buttons */
.grBtn {float:right; background-repeat:none;  font-size:19px; color:#fff; line-height:34px; width:100px; text-align:center; margin-top:2px; cursor:pointer;}
.back {background-image:url(../images/arrow_back.gif); background-repeat:no-repeat; background-position:left; padding-left:10px; cursor:pointer;}

.blackBtn a {text-decoration: none;float:left;color:#fff;font-weight:bold;font-size:13px;background: url(../images/black-btn.jpg) no-repeat top right;}
.blackBtn a span {margin: 0 10px 0 0px;padding: 1px 0 4px 10px;background: url(../images/black-btn.jpg) no-repeat top left;float:left;}
.blackBtn a:hover span, .blackBtn a:hover {color:#ccc;text-decoration:none;cursor:pointer;}

.greyBtn a {text-decoration: none;float:left;color:#fff;font-weight:bold;font-size:13px;background: url(../images/grey-btn.jpg) no-repeat top right;}
.greyBtn a span {margin: 0 10px 0 0px;padding: 1px 0 4px 10px;background: url(../images/grey-btn.jpg) no-repeat top left;float:left;}
.greyBtn a:hover span, .greyBtn a:hover {color:#eee;text-decoration:none;cursor:pointer;}


/* LEFT CONTENT */
/* Left Camera Ratings Box */
.cameraColors {font-weight:bold;font-size:11px;color:#666;}
.cameraColors td {vertical-align:middle;}
.expert {background-image:url(../images/star.gif); background-repeat:no-repeat; background-position:left; padding:0 0 0 14px; margin:0;}

/* Camera Icon Images */
.gcamera {background-image:url(../images/grey-camera-icon.jpg);}
.rcamera {background-image:url(../images/red-camera-icon.jpg);}
.ocamera {background-image:url(../images/orange-camera-icon.jpg);}
.gncamera {background-image:url(../images/green-camera-icon.jpg);}
.mcameraw {background-image:url(../images/magenta-camera-icon.jpg);}
.pcamera {background-image:url(../images/purple-camera-icon.jpg);}
.bcamera {background-image:url(../images/blue-camera-icon.jpg);}
.bncamera {background-image:url(../images/brown-camera-icon.jpg);}
.bkcamera {background-image:url(../images/black-camera-icon.jpg);}
.gcamera, .rcamera, .ocamera, .gncamera, .mcameraw, .pcamera, .bcamera, .bncamera, .bkcamera{background-position:left; background-repeat:no-repeat; padding:5px 0 4px 22px; font-size:11px; font-family:Arial, Helvetica, sans-serif;color:#666;}

/* RIGHT CONTENT */
.rightrail {width:162px; margin:0 0 0 18px; position:relative; z-index:0;}

/* join box */
.joinbox {border:1px solid #e4e4e4; background-color:#f5f3e8;padding:10px;font-size:13px;}
.borderboxC {border:1px solid #ccc;padding:5px;}
.borderbox {border:1px solid #ccc;padding:10px;}
.registerBtn {margin-top:10px;}

/* CENTER CONTENT */
/* Ask Question Box - Top */
.topshadebox {border:1px solid #cecece; margin:0 0 15px 0; padding:10px; background:#ededed;}
#question input {font-size:20px; height:22px; width:430px; overflow:hidden;border:1px solid #ccc;padding:7px 7px 8px;color:#777;}
.grQ {background:url(../images/ask-green-label.jpg) repeat-x; line-height:32px; color:#fff; font-size:19px; width:170px; height:32px; text-align:center;font-weight:bold;}
.grBtn {float:right; background:url(../images/green-go-btn.png) no-repeat; font-size:23px; color:#fff; line-height:36px; width:60px; height:36px; text-align:center;cursor:pointer;font-weight:bold;}
a:hover.grBtn {text-decoration:none;}

/* Tabs */
#wTabs1 {height:23px;border-bottom:1px solid #ccc;margin-bottom:10px;}
#wTabs1 ul{margin:0 0 0 5px; padding:0; list-style:none;}
#wTabs1 li{float:left; display:inline; background:url(../images/navtab_left-off.gif) no-repeat left; margin:0 0 -1px 6px; padding-left:5px;}
#wTabs1 li.on{float:left; display:inline; background:url(../images/navtab_left-on.gif) no-repeat left; margin:0 0 -1px 6px; padding-left:5px; border-bottom:1px solid #fff; position:relative; z-index:5;}
#wTabs1 a{display:block; float:left; height:23px; line-height:23px; font-weight:bold; padding:0 5px; background:url(../images/navtab_right-off.gif) no-repeat right; padding-right:10px;color:#333;outline:none;}
#wTabs1 .on a{background: url(../images/navtab_right-on.gif) no-repeat right; padding-right:10px;outline:none;}

/* Question Main Styles */
.icon img {padding:1px; border:1px solid #cfcfcf; margin:0;}
.itemLink {width:390px;}
.excerpt {padding:0 0 6px 0; margin:0;font-size:13px;color:#666;}
.statbox, .statbox2 {border:1px solid #ccc; height:20px; line-height:20px; padding:0 0 0 6px; margin:0; background:#eee; font-size:11px;color:#666;}
.statbox2 {width:390px;}
.watch {background:url(../images/icon_watch.gif) no-repeat; padding-left:23px; cursor:pointer; float: right;margin-top:4px;}

/* Sponsored Link Boxes */
#sp_search_box {font-family: Arial, Helvetica, sans-serif;border:1px solid #ccc;padding:15px 15px 10px;height:100%;width:506px;}
#sp_search_box h3 {font-size: 14px;font-weight: bold;margin-bottom:10px;}
#sp_search_box li{list-style-type: none;margin-bottom: 5px;width: 50%;float:left;}

/* Popular Topic */
#categories2 .popularCategories {padding:15px 15px 0 0;}
#categories2 .popularCategories li {border-bottom:none;float:left;width:47%;margin-bottom:5px;border-right:1px dashed #ccc;padding-left:15px;}
#categories2 .popularCategories li.alt {border:none;}

/* Log In & Sign Up Pages */
.coverBox .form {float:left;width:43%;padding:15px;border:2px solid #cbdeaf;margin-top:10px;}
.coverBox .form input.text {width:219px;border:1px solid #ccc;height:20px;font-size:14px;color:#777;padding:4px 5px 1px;margin:5px 0 10px;}
.coverBox .form select {margin:5px 5px 0 0;}
.coverBox .features {float:right;width:48%;}
.coverBox .features h2 {margin-bottom:5px;font-size:17px;}
.coverBox .features h3 {font-size:12px;font-weight:bold;}
.coverBox .features p {font-size:12px;color:#333;}
.coverBox .statbox {float:right;display:inline;padding-right:6px;margin-bottom:10px;}
.coverBox .form label {font-weight:normal;margin:0;padding:0;}
.introText {font-size:12px;color:#333;margin-bottom:5px;line-height:15px;}
.resetPass {border-top:1px solid #ccc;margin-top:15px;padding:15px 0 0;color:#333;font-size:13px;}

/* Sub Category Section */
.subCat {padding:6px 0 10px 0; margin:0;font-size:14px;line-height:12px;}
div.subCat p {font-weight:bold;}
.subCatItem {width:32%;}

/* report */
.report-wrap {float:left; margin-left: 5px;}
.report {position:absolute; width: 230px; height: 136px; margin-left: -102px; margin-top: -164px; padding: 15px 15px 15px 15px; background: url(../images/report_bg.gif) no-repeat;}
.question .report {margin-top: -166px;}
.report h6 {font-size: 14px; font-family: Georgia; line-height: 14px; margin: 0 0 5px 0; color: #333; }
.report p {font-size: 11px; line-height: 14px; margin-bottom: 0px;}
.report .button {margin-right: 5px; float: left;}

/* single post page */
.single {margin:10px 0 0 0; padding:0;}
div.single p, .answerTxt p.text, .answerCommentTxt p.text {line-height:16px; font-size:13px;color:#333;}
.comment {float:left; width:340px; border-right:1px dashed #ccc; padding:10px 10px 10px 0;}
.related {width:203px; padding:10px 0 10px 10px; margin:0;}
.commentTxt {float:right; width:285px; padding:10px 0 10px 10px;}
.rate {font-size:9px; line-height:10px; margin:4px 0 5px;text-align:center;padding:0;}
.rateLevel {font-size:20px; text-align:center; margin:0;padding:0;}

/* question pages */
.answerTxt {float:right; width:485px; padding:0; margin:0;}
.answerRating {float:right; width:75px; height:auto; padding:0px; text-align:right;}
.answerComment h3 {background-image: url(../images/arrow_comment.gif); background-repeat:no-repeat; background-position:left; padding:3px 0 0 20px; margin:10px 0 0 0;}
.addComment h3 {background:none; padding:0; margin:0 0 5px 0;}
.answerCommentTxt {float:right; width:430px; padding:0; margin:0;}
.addAnother {float:right; background:url(../images/arrow_down.gif) no-repeat right; padding-right:10px; margin-right:6px; line-height:18px; height:18px; cursor:pointer; position:relative; z-index:20;}

.flagBtn {margin-top:2px;}

.answerImg form {float:left;}
.commentOnAnswer {text-align:right;font-weight:bold;margin:7px 0 0;}

/* logged-in search results form */
#question2 input, textarea {width:440px;margin-top:10px;}
#question2 textarea {height:70px;}
#question2 select {width:160px; margin-right:8px;}

#question3 input, textarea {width:360px;margin-bottom:5px;}
#question3 textarea {height:70px;margin-top:0;}
#question3 select {width:160px; margin-right:8px;}

/* comment form */
textarea, text {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.commentTextarea {width:330px; height:125px; margin:0 0 10px 0;}
#addComment textarea {width:510px; height:120px; margin:5px 0;}
.addComment {position:relative;}
#addAnswer {margin-top:5px;}
#addAnswer  textarea {width:525px; height:120px;margin-top:10px;}
#addAnswer input {width:432px;}
#addAnswer table {margin:5px 0 0 0;}
#addAnswer td {vertical-align:middle;}
.addAnswer {position:relative;}

.moreBox {position:relative; z-index:30; padding:0; margin:0;}

/* Messaging Styles */
.msg {padding:3px 10px 3px 25px;background:top left no-repeat;border-width:1px;border-style:solid;line-height:12px;margin:10px 0;}
.successMsg {border-color:#d0e9b0;background-color:#f2f9e7;background-image:url(../images/icon_success_msg.gif);color:#68973e;}
.errorMsg {border-color:#eab4b2;background-color:#fae6e5;background-image:url(../images/icon_error_msg.gif);color:#db371b;}

/* Search Results */
.match {color: #479337;font-size:14px;font-weight:bold;}
.bottomshadebox {overflow:hidden;position:relative; border:1px solid #ccc; margin:0; padding:10px 10px 0; background-color:#eee;height:100%;margin:10px 0 5px;}
.bottomshadebox p {font-size:13px;color:#333;}

/* post question confirm */
.questionshadebox, .accountshadebox  {border:1px solid #ccc; background-color:#eee; margin:8px 0 0 0; }
.questionshadebox {padding:10px;}
.questionshadebox h4 {margin:0;}
.questionshadebox input, .questionshadebox textarea {width:355px;}
.questionshadebox textarea {height:70px;margin-top:0;}
.questionshadebox form {margin:0;padding:0;overflow:hidden;display:inline;}
.questionshadebox select {width:160px; margin-right:8px;}
.questionshadebox .label {float:left; padding:0 6px 0 0;font-weight:bold;}
.questionshadebox .keywords {float:left; width:406px;}
#confirm h3.left {width:410px;}
#confirm h3.right {width:95px;}
.emailResponses {margin-top:10px;font-size:12px;}
.emailResponses input {border: none;}

/* view profile */
.edit {float:left; line-height:26px; font-size:14px; font-weight:bold; margin:0 0 0 8px;}
.avatar {float:left; text-align:center;}
.profileInfo {width:240px; margin:0 15px 15px 10px;font-size:14px;display:inline}
.label {margin-right:6px;font-weight:bold;}
.myCameras ul {float:left; list-style:none; margin:0; padding:0;}
.myCameras li {margin:0 0 6px 0;padding:0;}
.myCameras .label {float:left; padding:0 6px 0 0;font-weight:bold;}
div.friends {text-align:center; border-bottom:1px dashed #ccc; padding:0 0 6px 0; margin:0 0 8px 0;}
.friends ul, .avatarIconChoice ul {list-style:none; margin:0 auto; padding:0;}
.friends li, .avatarIconChoice li {float:left; font-size:11px; text-align:center; margin:0;}
.friends li {padding:0; width:14%; margin:0 1%; overflow:hidden;}
.avatarIconChoice li {margin:0 12px 9px 0;}
.grRate, .redRate {float:right;font-size:18px;color:#fff;height:24px;width:40px;text-align:center;margin-top:5px;}
.grRate { background:url(../images/grRate.gif) no-repeat;}
.redRate { background:url(../images/redRate.gif) no-repeat; }

/* account styles */
.acctName .label {line-height:36px; padding-left:10px;}
.acctRows {border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;}
.acctRows .label {float:left; text-align:right; width:190px; padding:0 10px 0 0; line-height:30px;}
.acctAlt {height:30px; background:#e7ecf4;}
.row {height:30px;}
.acctLinks {line-height:30px;}

/* edit profile form and contact us form */
.editProfile div.label, .contactUs div.label {float:left; text-align:right; width:220px; padding:0 10px 0 0; height:30px; line-height:30px;vertical-align:top;}
.editProfile div.label2 {float:left; text-align:right; width:120px; padding:0 10px 0 0; height:30px; line-height:30px;vertical-align:top;}

.editProfile .label, .catNameLabel, .contactUs .label {font-size:12px; font-weight:bold; color:#333;}
.editProfile div.formField, .contactUs  div.formField {float:left; height:30px; line-height:30px; color:#333; vertical-align:top;}
.editProfile div.formField2 {float:left; height:123px; line-height:100px; color:#333; vertical-align:top;}
.editProfile .formField input, .contactUs .formField input {width:240px; margin:0 0 9px 0;}
.editProfile .formField .button, .contactUs .formField .button {margin:12px 0 0 0;}
.editProfile .formField2 textarea {width:240px; height:100px; margin:9px 0 0 0;}
.uName {line-height:30px;}

.cameraNames {margin:9px 0;width:304px;}
.cameraFields {float:left; width:205px;}
.cameraFields .cameraNameLabel, .cameraFields .cameraNameTxt, .cameraFields .cameraBreed {float:left;}
.cameraNameTxt input {width:175px;}
.cameraNameLabel {margin:0 6px 0 0; height:25px; line-height:25px; padding:0;}
.cameraNameTxt  {margin:0 6px 0 0; height:25px; line-height:25px; padding:0;}
.interestCategories td {color:#333;}
.check {padding: 7px 0;}
.ckLabel {padding: 7px 0 7px 6px; line-height:20px;}
.ckLabel label, .ckLabelLeft label {font-weight:normal;}
.ckLabelLeft {padding: 7px 30px 7px 6px; line-height:20px;}

.ckLabel2 {padding: 3px 0 7px 6px; line-height:10px;margi}
.ckLabel2 label, .ckLabelLeft2 label {font-weight:normal;}
.ckLabelLeft2 {padding: 3px 10px 7px 6px; line-height:10px;}

.avatarInfo {float:left; width:300px; padding: 0; color:#333;}
.avatarInfo input {margin:0;}
.avatarIconChoice {float:right; width:205px; padding:10px 98px 9px 0;}
.avatarIconChoice a {outline:none;}
.avatarIconChoice ul {list-style:none; margin:0 auto; padding:0;}
.avatarIconChoice li {float:left; font-size:11px; text-align:center;margin:0 5px 8px 0;}

.editProfile p {padding:0;margin:0;font-size:13px;color:#333;}

/* user avatars in Edit Profile */
.editProfile .iconList li {float:left;margin-right:8px;}
.editProfile .iconList li a {float:left;border:2px solid #fff;}
.editProfile .iconList li a:hover {border-color:#ccc;}
.editProfile .iconList li a.default {border-color:#8094ad;}
.editProfile .iconList img {width:36px;height:36px;border:1px solid #ccc;}


.questionHome h4 {padding:0;margin:0 0 5px;width:305px;line-height:14px;} 
.statbox3 {font-size:12px;overflow:hidden;} 
.gcamera, .rcamera, .ocamera, .gncamera, .mcameraw, .pcamera, .bcamera, .bncamera, .bkcamera {padding:0 0 0 22px;}

