.repLogo{  background:transparent url(../images/logo/myRepnationLogo.png) no-repeat; text-indent:-9999px; }
.nav{  width:550px !important; }

.main{margin-left:0px; width:1020px;}
.nav a{padding:2px 10px 2px 10px !important; color:#fff; display:inline-block;  line-height:25px; font-weight:bold; }

p a{color:#656565; text-decoration:none; font-weight:normal;}
a:hover{color:#A30202;}
.borderBtm{border-bottom:1px solid #777; padding:3px 0; }
h3{padding:0 !important; margin:0 !important;}
.btn:hover, .inlineBtn:hover{ color:#fff !important;}

/* universals */
.borderBtm {border-bottom:1px solid #656565; padding:5px 0 5px 0;}
.borderRight {border-right:1px solid #656565; padding:5px 0 5px 0;}
.borderLeft {border-left:1px solid #656565; padding:5px 0 5px 0;}
.borderBtmDash {border-bottom:1px dashed #CCCCCC; padding:5px 0 5px 0;}
.btmRlinks{text-align:right; padding:5px 0 5px 0;}
.btmRlinks a{color:#656565; text-decoration:none;}
.btmRlinks a:hover{color:#A30202; text-decoration:none;}
.paddingRight {padding:0 5px 0 0;}
.paddingLeft {padding:0 0 0 10px;}
.red {color:#A30202;}
.greyRow {display:block; height:15px; padding:5px 5px; background:#686868; }
.greyRow h2, .greyRow a{color:#fff; float:left;}
.greyRow a{float:right;}
.white {color:#FFFFFF;}
.addthis {height:16px; width:16px;}
.imgTxt { display:block; text-indent:-9999px;}


/* sub menu */
.tabMenu { border-bottom:solid #686868 5px; height:20px; margin:10px 0 3px 0; width:100%;}
.tabMenu li{float:left;}
.tabMenu li a{ padding:5px 7px; font-size:12px; line-height:20px; color:#686868;}
.tabMenu a:hover{color:#A30202;}
.tabMenu .current {background-color:#686868; font-weight:bold; color:#fff;}
 

/*Welcome*/
.welcome{color:#444;}
.welcome .profileImage img{border:1px solid #aaa; width:100px; height:100px;}
.welcome ul{margin-left:5px;}
.welcome p{margin:0 !important; padding:0 !important;}
.welcome .newMsgs{ background:url(/RepNationCom/images/icons/emailIcon.jpg) center left no-repeat; height:19px; padding:5px 0 0 25px;}
.welcome li a{ font-size:10px; color:#A30202; font-weight:bold;}
.welcome{margin:3px 0;}
.welcome .userName {font-size:15px; font-weight:bold; padding:5px 0; }
.welcome .userFrom {font-size:11px; font-weight:bold;}
.welcome .status img{height:37px; width:36px;}
.welcome .status table{padding:0px;}
.welcome .status table .title{font-size:11px; font-weight:bold; width:50px; padding:5px 0 0 0;}
.welcome .status table .rep{font-size:11px; font-weight:normal;}
.welcome .userAgeGender {font-size:11px; font-weight:normal;}

/* Rep Profile */
.repProfile{width: 450px; background:#fff; padding:10px;  clear:left; margin:0;}
.repProfile .container{margin:0 !important; padding:0 !important; border:none !important;}
.container .container{ overflow:visible; height:auto;}
.repProfile .resume{margin:10px 0; }

/* Public View */
.publicView img{margin-right:10px;}
.publicView .info{margin-bottom:10px; clear:left;}
.publicView .nameAndGroup{border-bottom:1px solid #aaa; padding:8px 0; margin-bottom:5px; }
.publicView .nameAndGroup strong{font-size:18px;}
.publicView .nameAndGroup p{margin:3px 0;}
.publicView .info span{margin-right:10px;}
.publicView h3{margin-top:20px !important;}
.publicView .desc{margin-bottom:30px;}

/* Edit Profile */
.editProfile.txtBox{ background:red;}
.editProfile td{ vertical-align:top;}
.editProfile .aboutMe{ width:325px; height:200px; margin:3px 0 10px 0; padding:5px;}
.editProfile .field{ text-align:right;}
.editProfile img{padding:5px 3px; display:block;}
.editProfile select{margin-left:3px;}

/* Profile Survey */
.customDashBoard .btn{ width:100px; margin-right:14px;   padding:0px !important;}



.taxInfo{margin:10px 0;}
.taxInfo p{margin-top:10px;}
.accountSetting input, .accountSetting textarea{ background:#fff !important; margin:0;}
.taxInfo textarea, .taxInfo .txtBox{width:350px;}
.accountSetting td{ vertical-align:top; padding:3px 4px 3px 0px;}
.accountSetting .profileInfo .field{}
.accountSetting table textarea{height:80px; width:200px;}
.accountSetting .w9Icon{float:left; background:#8F0000; padding:2px 20px;  color:#fff; font-weight:bold; border:1px solid #333; position:relative; top:-5px; margin-right:5px;}
.accountSetting .newsletterOption{border:2px solid #555; border-width:2px 0 0 0; margin:5px 0 0 0; padding:5px 0 0 0; width:450px;}
.accountSetting .newsletterOption .block{padding-bottom:3px;}
.accountSetting .checkHidePhoto, .accountSetting .w9Info{border:2px solid #555; border-width:2px 0; display:block; margin:10px 0; padding:8px 0;}
.accountSetting .checkHidePhoto input{margin-right:3px;}
.accountSetting .tdWidth{width:110px !important;}
.accountSetting .w9Info{border-top:none; padding:0 0 8px 0;}

/* Profile Setting */

/***************************** SURVEY ****************************************/

/* creating custom report*/
.customDashBoard{ background:#fff; padding:10px; border:1px solid #666; margin:10px 0;}
.customDashBoard .page{border:1px solid #666; background:#fff; padding:10px; margin:10px 0;}
.customDashBoard .choiceLists {margin:0; padding:0; }
.questionContainer {width:445px; margin:10px 0px; padding:5px 0; }
.questionContainer .header { height:17px; background:url(../images/container/surveyQHeader.gif) no-repeat; margin:0; padding:0; border:none !important;}
.questionContainer .topcorner {height:17px; background:url(../images/container/surveyQHeaderCorner.gif) top right no-repeat; }
.questionContainer .content {background-color:#c2c2c2; padding:10px; margin:0;}
.questionContainer .footer { background:url(../images/container/surveyQFooter.gif) no-repeat; height:17px;}
.questionContainer .bottomcorner {height:17px; background:url(../images/container/surveyQFooterCorner.gif) top right no-repeat;}
.questionContainer .type{font-size:14px;}
.saveSurveyBtn{float:none; width:300px; font-size:14px; margin:0 auto;}
.centerActionLink { text-align:center; padding:5px 0 8px 0}
.dropDown{margin:10px 0 0px 0;}
.customDashBoard h2{font-size:20px; display:inline;margin-right:5px;}
.customDashBoard h3{font-size:15px; margin:0 0 5px 0; padding:0; display:inline;}
.customDashBoard input{padding:2px;}
.customDashBoard .chkBoxSpacing{margin-left:10px;}
.customDashBoard .description {margin-bottom:5px; padding-bottom:5px; clear:both;} 
.customDashBoard .firstPageLink{ margin:20px auto;}
.customDashBoard .container{margin:10px 5px; padding:10px; border:1px solid #ddd;}
.customDashBoard .container p{padding:5px 0;}
.customDashBoard .selectQuestionType{border-top:1px solid #ddd; padding-top:5px;}
.customDashBoard .regTable{border:1px solid #aaa; margin-bottom:10px;}
.customDashBoard .regTable a{color:#2F3BBF; text-decoration:underline;}
.customDashBoard .regTable td{font-size:90%; padding:0; vertical-align:middle;  text-align:left;  padding:2px 5px;  }
.customDashBoard .regTable th{ text-align:left; color:#fff;   background:#A30202; padding:2px 5px; }
.customDashBoard .pageTitle{font-size:14px;}
.customDashBoard .description{font-size:12px; margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #ddd;}

.createdQuestionList{margin-bottom:15px;}
.createdQuestionList strong{font-size:20px;}
.createdQuestionList .container{border:1px solid #ddd; margin:10px 0; padding:0 10px 15px 10px; background:#ccc;}

.questionTypeContainer{border:1px solid #ddd; border-width:1px 0 0 0; }
.questionTypeContainer .content{padding:5px 10px 10px 10px;}
.questionTypeContainer .content p{padding:5px 0 0px 0;}
.questionTypeContainer .questionType{font-size:20px; margin-left:10px;}
.questionTypeContainer .txtBox{width:200px; padding:2px 5px;}
.questionTypeContainer textarea{width:420px; height:80px;}
.createdQuestionList .questionTypeContainer {border-width:0 0 1px 0; padding-bottom:10px;}

.matrixContainer{margin:5px 15px 5px 0;}
.matrixContainer textarea, .matrixContainer .textbox{width:200px;}
.matrixContainer {width:205px;}
.matrixContainer p{margin:0 !important; padding:0 !important;}
.matrixContainer .regText, .matrixContainer label{display:block;}

.scaleTbl{margin:5px 0;}
.scaleTbl td{padding:2px 10px 5px 0;}
.scaleTbl .labelCol input{width:300px;}
.scaleTbl .weightCol input{width:40px;}

/*view custom Report*/
.surveyQuestion{padding:0px 0 20px 0; border:1px solid #ddd; border-width:0 0 1px 0; width:430px;   margin:0 5px 10px 5px; overflow:auto;}
.surveyQuestion p{line-height:15px;  font-size:11px !important;}
.surveyQuestion .num, .surveyQuestion .question{float:left; display:block; margin-bottom:5px;}
.surveyQuestion .num{margin-right:5px;}
.surveyQuestion .question{float:left; display:block;}
.customRanking li{padding:5px 20px;}

/*for scale*/
.scaleQuestion, .matrixQuestion {border:none;}
.scaleQuestion th, .matrixQuestion th {text-align:center;  padding:5px 10px;}
.scaleQuestion .item td , .matrixQuestion .item td{border-bottom:1px solid #cccccc; text-align:center; padding:5px 10px;}
.scaleQuestion .item label, .matrixQuestion .item label{ display:block; text-align:right;}
.matrixQuestion .item td{border:none;}

/*for yes no*/
.yesNoQuestion{padding:5px 20px;}
.yesNoQuestion textarea{width:350px; height:100px;}

/*multiple choice*/
.multipleChoiceQuestion{padding:5px 20px;}
.multipleChoiceQuestion li{ font-weight:bold; padding:5px 0px;}
.multipleChoiceQuestion textarea{width:350px; height:100px;}

/*for ranking*/
.surveyQuestion .dragableQuestion{width:95%;}
.surveyQuestion .dragableQuestion li{border:1px dotted #aaa; margin:5px 0; padding:3px 5px; cursor:move;}


.surveyAccordionHeader{ cursor:pointer; color:#fff; background:#484848;padding:7px 5px; margin:1px 0 0 0; font-weight:bold;}
.surveyAccordionContent { padding:10px 0;   border-width:0 1px 1px 1px; }
.surveyAccordion { margin:0 auto; width:50px; display:block; width:50%; padding:5px !important;} 

/* End Rep Profile */


/*Reputation*/
.myReputation h3{border-bottom:1px solid #656565; margin:10px 0 !important; padding-bottom:2px !important; display:block;}
.reputation .userLists li{ margin-bottom:10px;}
.reputation .userLists li span{display:block;}
/* my status */

.statusImg{height:185px; width:432px; padding:45px 0 0 20px; border:1px solid #686868; margin:0 0 0 12px;}
.associate {background:url(../Images/reputation/associate.jpg) no-repeat; }
.ceo {background:url(../Images/reputation/ceo.jpg) no-repeat; }
.director {background:url(../Images/reputation/director.jpg) no-repeat; }
.manager {background:url(../Images/reputation/manager.jpg) no-repeat; }
.vp {background:url(../Images/reputation/vp.jpg) no-repeat; }


.statusImg img{float:left;}
.statusImg .corporateRank {padding:5px;}
.statusImg .corporateRank .title{font-size:18px; font-weight:bold; padding:10px 0 0 10px;}
.statusImg .corporateRep {padding:0 0 0 10px;}
.statusImg .corporateRep p{padding:0 0 0 15px;}

/*top ceos*/
.topCEO {width:475px; background:url(../Images/reputation_background.jpg) no-repeat center;}
.topCEO li{width:94px; list-style:none; float:left; text-align:center;}
.topCEO li img{border:1px solid #999999; height:65px; width:65px;}

/* my CoWorkers */
.myCoWorkers {width:475px;}
.myCoWorkers td{ text-align:center; padding:0 10px;}
.myCoWorkers td span{ display:block; text-align:center;}
.myCoWorkers img{height:65px; width:65px; border:1px solid #999999; display:block;}
.myCoWorkers .mainWorker {height:92px; width:92px;border:2px solid #999999;}

/* my Reputation history */
.myReputationHistory {width:450px; margin:0 auto;}
.myReputationHistory td{border-bottom:1px solid #656565;}
.reputation .points{ text-align:center;}


.howDoesItWork p{margin-bottom:7px;}
.howDoesItWork ul{margin:0 0 7px 10px;}
.howDoesItWork table{margin-top:10px;}

/* Current Stats */
.tellUsTxt{background:url(../Images/current_stats_header.jpg) center center no-repeat; width:210px; height:109px;}
.rateThisMonthTxt{background:url(../Images/trends_header.jpg)  no-repeat; width:480px; height:146px;}
.trendPost .trendImg{ float:left; width:115px; }
.trendPost .postInfo{float:right; width:350px; margin-bottom:10px;}
.trendPost .vote { text-align:center; float:right;width:70px; border:1px solid #b0b0b0;}
.trendPost .vote .header{ background:#B0B0B0; color:#fff; display:block; padding:2px; font-size:120%; margin-bottom:5px;}
.trendPost .vote a img{ padding:4px 0;}
.trendPost #totalVotes{ font-size:150%; display:block;}
.trendPost .userAndTitle{  float:left; width:270px; }
.trendPost .desc{margin:10px 0 5px 0;}
.trendPost strong{color:#656565;}
.trendPost .datePosted{margin-top:5px;}
.currentTrends .trendList li{border-bottom:1px solid #777; padding:10px 0;}


/*RepRewards*/
.repRewards .repRewardsTbl{margin:10px 0 10px 5px;}
.repRewards .repRewardsTbl .field{ text-align:right;}
.repRewards .statusTbl { width:100%; margin-bottom:20px;}
.repRewards .statusTbl th, .myReputationHistory th {height:20px; padding:5px 5px; background:#686868; color:#fff;}
.repRewards .statusTbl td {border-bottom:1px solid #656565; padding:5px 5px; }

/* RepRewards Key*/
.repRewardsKey p{border-bottom:1px solid #656565; padding:3px 0; margin-bottom:5px;}


/* Get Cash */
.paypal img {padding:0 5px; position:relative; top:2px;}
.paypal p{margin-bottom:5px;}
.paypal .min{background:url(../Images/icons/reprewards_small.jpg) no-repeat left; padding:0 0 0 18px; margin:0 0 0 5px;}
.paypal .payPalLogo{background:url(../Images/paypal.jpg) no-repeat right; display:block; height:21px; width:210px; margin-bottom:5px; }






/* Corporate Ladder */
.corporateLadder .flashPanel{padding:0; }
.corporateLadder ul{width:200px; margin-left:6px;}
.corporateLadder li { margin-bottom:3px; border-bottom:1px solid #ccc; padding:3px 0;}
.corporateLadder li strong{ display:block; float:left;}
.corporateLadder li span{ display:block; float:right;}
.corporateLadder .info{margin:5px 0;}


/*Key*/
.key .campaigns{border:none; padding:0; margin-bottom:10px;}
.key .campaigns img{width:45px;}
.key .campaigns .txtDesc{width:150px; float:left;}
.key .txtDesc{padding-right:5px; display:block;  }
.key .points img{margin-top:5px;}
.key .points h3{ display:inline; position:relative; top:-5px;}
.key .gap{margin-top:5px;}
.key .deadline h3{display:block; top:0; }
.key .deadline p{padding-bottom:5px;}

/* campaign opportunities Post*/



/* Brand Force listing */
.brandForce .shortBrief {background:url(../Images/icons/brand_force.jpg) no-repeat right top;}
.brandForce .shortBrief .title {color:#2c58a3;}
/* Knowledge Force listing */
.knowledgeForce .shortBrief {background:url(../Images/icons/knowledge_force.jpg) no-repeat right top;}
.knowledgeForce .shortBrief .title {color:#663cd1;}
/* Community Force listing */
.communityForce .shortBrief {background:url(../Images/icons/community_force.jpg) no-repeat right top;}
.communityForce .shortBrief .title {color:#44a032;}
/* Task Force listing */
.taskForce .shortBrief {background:url(../Images/icons/task_force.jpg) no-repeat right top;}
.taskForce .shortBrief .title {color:#b4600b;}


/* Tools for Sharing */
.toolsForSharing {width:100%;}
.toolsForSharing td{padding:5px 5px 0 5px;}
.toolsForSharing td img{height:158px; width:197px; border:1px solid #656565;}
.toolsForSharing td .share{height:16px; width:125px; border:none; padding:0 32px 0 0;}
.toolsForSharing .directLink {overflow:hidden; width:197px; height:20px; border:1px solid #656565;}


/* my campaigns*/
.myCampaignsList {border:none; height:220px; overflow:auto;}
#lCol .myCampaignsList{ height:auto !important;  }
.myCampaignsList .programInfo {float:left; margin-left:10px; width:130px;}
.myCampaignsList .programInfo h3{font-size:12px !important;}
.myCampaignsList li{border-bottom:1px solid #686868;  margin:5px; padding:5px 0 10px 0;}





/* my tasks*/
.tasks img{height:17px; width:17px;  }
.tasks {border-bottom:1px solid #777;}
.tasks  { padding:5px 0;}
.tasks span{float:left; display:block; width:165px; line-height:14px;}

/* Stats & Trend */

/* Trends */
.keepUpTxt{background:url(../Images/keepUpOnWhatsHot.jpg) center center no-repeat; width:210px; height:109px;}

.trendsInfo{ border-bottom:1px solid #777; margin-bottom:5px; padding:3px 0;}
.trends img {border:3px solid #b8b8b8; }
.trends a img{border:none; position:relative; }
.trends .stats{margin-bottom:10px;}
.trends .stats a{color:#FFFFFF; font-weight:bold; font-size:14px;}
.trends .stats a:hover{color:#A30202;}
.trends .stats ol li{ list-style:decimal; margin:5px 0;  padding:0 !important; }
.trends .stats .trend {display:block; height:110px; width:200px; padding:0px 0 0 5px; background:url(../Images/current_stats_header.jpg) no-repeat center;}
.trends .stats .trend .button{padding:85px 0 0 0;}
.trends .stats .trend a{font-size:11px;}
.trends .accordionMenu li{margin-bottom:1px;  }

/* My Campaigns Key and My Stats */
.campaigns h3 {margin:0 !important;}
.campaigns img {height:45px; width:45px; padding:0 7px 0 0}
.campaigns strong{color:#656565; }
.campaigns span {width:160px;}
#forceFilterTbl td{ vertical-align:middle;}

.myStats .points{padding:5px 0 0 10px;}
.myStats .stats{font-size:11px; margin-bottom:10px;}
.myStats .chart{text-align:center;}


/*accordion menu*/
.accordionMenu a {display:block; height:20px; padding:3px 0 0 20px; background:#686868 url(../Images/bullets/arrow_open.jpg) no-repeat left;}
.accordionMenu .closed{background:#686868 url(../Images/bullets/arrow_closed.jpg) no-repeat left;}


.poll .nav{width:225px; margin:0px !important; padding:0 !important;}
.poll .nav a{color:#444; line-height:12px; background:none !important; outline:none !important; margin-top:5px; }
.poll .nav a:hover{color:#444; background:none;}


/*refer a friend*/
.referFriend{width:400px;}
.referFriend .styleText{ width:150px; display:block; text-align:center; padding:20px 0; font-size:20px; color:#11C0F4;}
.referFriend .smallNote{display:block;}
.referFriend .plaxoApps{ background:url(../images/plaxoApp.gif) no-repeat; height:24px; display:block; text-indent:-9999px; width:131px; height:40px;}
.referFriend p{margin-bottom:5px;}
.referFriend input{width:185px;}
.referFriend .btn{margin:5px 5px 0 0;}

/*blog section */
.blogsMessage .userInfo, .posted{font-weight:bold; margin-bottom:5px; border:1px dotted #666; border-width:1px 0; padding:2px 0;}
.blogsMessage h3, .blogPost h3{font-size:18px; color:#273957; padding:0 0 5px 0; margin:0;}
.blogPost .post{width:480px; overflow:auto;}
.blogPost .userImg{float:left; padding:0 5px 5px 0px;}
.blogPost .tagTexts{margin-bottom:10px;}
.blogPost .comment{padding: 10px 0 15px 0; margin:0 0 10px 0; border-bottom:1px solid #ddd;  min-height:100px; height:auto !important; height:100px;}
.blogPost .comment .by{display:block;}
.blogPost .textArea{width:475px; margin-bottom:10px;}
.blogsMessage .userImg{width:100px;}
.previousBlogs{margin-left:20px;}

/*end*/