@import "global.css";
@import "layouts.css";
@import "imgText.css";



/* search box*/
.container .searchBox{width:210px; margin:5px 0;}
/* end search box */

/* home main message container */
.mainMessage h3{font-size:24px; color:#273957; padding:0 0 5px 0;}
.mainMessage .userImg, .userImg{width:100px;}
.mainMessage .userInfo, .userInfo{font-weight:bold; margin-bottom:5px;}
/* end */

/* portlet with filter */
.filterLCorner{ background:url(../images/nav/filterByHeader.gif) 5px 0px no-repeat; width:96px; height:24px;}
.filterBy{ background:#6A6A6A; color:#fff; padding:2px 0 0 5px;}
.filterBy div{ width:175px; overflow:hidden; white-space:nowrap; color:#fff; text-overflow:ellipsis;}
.filterClose{  width:21px;}
.filterClose a{ display:block; background:url(../images/nav/filterByCloseBtn.gif) no-repeat; text-indent:-9999px; width:21px; height:24px;}
/* end */



/* ------------portlets-------------------*/

/* for welcome */
.welcome{color:#656565;}
.welcome .profileImage img{border:1px solid #aaa; width:100px; height:100px;}
.welcome ul{margin-left:5px;}
.welcome li{margin:3px 0;}
.welcome li a{ font-size:10px; color:#A30202; font-weight:bold;}
.welcome .newMsgs{ background:url(../images/icons/emailIcon.jpg) center left no-repeat; height:19px; padding:5px 0 0 25px;}
.welcome .newEvents{ background:url(../images/icons/eventIcon.jpg) center left no-repeat; height:19px; padding:5px 0 0 25px;}
.welcome .newFiles{ background:url(../images/icons/filesIcon.jpg) center left no-repeat; height:19px; padding:5px 0 0 25px;}
.welcome .userName {font-size:16px; font-weight:bold; padding:5px 0; }
.welcome .userFrom {font-size:11px; font-weight:bold;}
/* end */


/* for photos */
.photoBox {float:left; margin:5px; width:150px; height:auto;}
.photoBox .image{height:148px; width:147px; position:relative;  background:#000; display:block; border:1px solid #333;}
.photoBox .detail{color:#fff; background:#000; opacity:0.75; -moz-opacity: 0.75; border:none; position:absolute; bottom:0; left:0; width:142px;}
.photoBox .detail{filter:alpha(opacity=75); padding:5px 3px; color:#fff;}
.photoBox .detail strong{display:block; font-size:11px; position:relative; z-index:5;}
.photoBox .photoLink{position:absolute; height:150px; width:150px; z-index:10; }
.photoBox .topPhoto{ position:absolute; top:0; left:0; z-index:11; display:block; background:url(../Images/rating/topPhotoIcon.png) no-repeat; width:86px; height:18px;  }
.photoBox .topPhotoNot .topPhoto{background:url(../Images/rating/topPhotoInActive.png) no-repeat;}
.photoBox .ratingStar{ display:block; margin:5px 0; float:left; width:100px;}
.photoBox .tumbnail{border:1px solid #333;}
.photoBox .avg{color:#666; display:block; float:left; border:1px solid #ccc; text-align:center; width:43px; padding-top:1px; height:18px; margin:5px 2px; overflow:hidden;}
.photoBox .albumContainer{ background:#fff url(../images/albumBg.gif) no-repeat; width:155px; height:155px; border:none;}
.photoBox .photoFav a{display:block; text-indent:-9999px; height:20px; width:120px; margin:1px 0; clear:left;}
.photos .removeFav{ background:url(../Images/rating/removeFavs.gif) 3px 0px no-repeat;}
.photos .addFav{ background:url(../Images/rating/addFavs.gif) 3px 0px no-repeat;}
/* end */


/* for calendar */
.calendar .title, .time, .location, .calendarDate{font-weight:bold; font-size:15px;}
.time, .location, .calendar h3 {font-size:14px; color:#273957;}
.calendar .userCalTable{width:100%;}
.calendar .userCalTable td{ vertical-align:top; text-align:left;}
.calendar h3{font-size:24px; padding:0 0 0px 0;}
.calendar .post{padding:5px 0 15px 0;}
.calendar .tasks{padding:5px 0;}
.userCalTable .btn{float:left;}
.calendarDate{color:#fff; text-align:center; display:block; background:#444; padding:3px 0;}
.calendar .completedBy{font-size:10px;}

/* calendarView  */
.miniCalendar table{ width:100%; margin:0px; padding:0px;}
.miniCalendar .title{ border-spacing:0; background:#6a6a6a; font-size:13px;  height:25px; font-weight:bold; color:#000; text-align:center;}
.miniCalendar .month{background-color:#9d9d9d; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; padding:2px; color:#000000; text-align:center;}
.miniCalendar .todo, .miniCalendar .event{ background:#B30305; font-weight:bold; }
.miniCalendar .event{ background:#7F7F7F;}
.miniCalendar .eventAndTodo{ background:#7F7F7F url(../images/split.gif) 3px 0 no-repeat; font-weight:bold;}
.miniCalendar .day{width:10px; height:20px; padding:0px; margin:0px; font-size:12px; vertical-align:middle;}
.miniCalendar .calendarLegend {font-weight:bold; margin-top:5px;}
.calendarLegend td{padding-top:10px;}
.calendarLegend .legend{width:26px; height:20px; }
.calendarLegend .desc{padding:0 20px 0 5px; vertical-align:middle;}

/*end*/

/* for favorites and report portlets */
.favorites strong, .reports strong{padding-left:8px;}
.reportTable{border-bottom:1px solid #ccc; width:100%; padding:5px 0 0px 8px; margin-bottom:10px;}
.reportTable td{padding-bottom:10px;}
.reportTable select, .leaderBoard select{width:100%;}
/*end*/


/* tagClouds  portlets */
.tagClouds a,.submitters a{padding:5px 0 10px 0;color:#273957;}
.popularTags1,.popularTags2,.popularTags3,.popularTags4,.popularTags5{font-weight:bold; line-height:18px; }
.popularTags5{ font-size:220%; }
.popularTags4{ font-size:200%;}
.popularTags3{ font-size:180%;}
.popularTags2{ font-size:140%;}
.popularTags1{ font-size:100%;}
.submitters p{font-weight:bold;}
/*end*/

/*for leaderboard portlet*/
.leaderboardTable {text-align:left; padding:0 10px; margin:10px 5px; }
.leaderboardTable th a{color:#333; text-decoration:underline;}
.leaderboardTable td{font-size:11px;}
.leaderboardTable .num, .leaderboardTable .name{width:3px; font-weight:bold;}
.leaderboardTable .name{padding:0 5px; width:100px;}
.leaderboardError{color:Red;font-weight:bold;font-size:12px;}
/*end*/

/*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:365px; 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;}
.blogPost .topIdea{margin-top:-30px;}
.blogPost .topIdeaPic{position:relative; left:50%; margin-left:-80px; top:-14px; z-index:100; width:153px; height:32px;}
.blogsMessage .userImg{width:100px;}
.topIdeaBtn, .currentTopIdea, .topIdeaTag { background:url(../images/nav/topIdeaGrayBtn.gif) no-repeat; height:93px; width:19px; display:block; text-indent:-9999px; position:relative; left:-8px;}
.topIdeaBtn:hover{ background:url(../images/nav/topIdeaRedBtn.gif) no-repeat;}
.currentTopIdea{ background:url(../images/nav/topIdeaRedBtn.gif) no-repeat;}
.currentTopIdea:hover{ background:url(../images/nav/topIdeaGrayBtn.gif) no-repeat;}
.topIdeaTag{ background:url(../images/nav/topIdeaRedBtn.gif) no-repeat;}
.previousBlogs{margin-left:20px;}
.viewMoreTags{ background:url(../images/nav/grayTitleText/viewMoreBtn.gif) no-repeat; height:14px; width:71px; white-space:nowrap; text-indent:-9999px; display:block;}

/*end*/


/*my profile*/
.myProfile h3{ display:block; text-align:center; font-size:20px; color:#5F5959; font-weight:bold;}
.myProfile .aboutMe, .myProfile .profile, .myProfile .contactInfo{ padding:20px;}
.myProfile td .nonTbl{margin:0;position:relative;}
.nonTbl td{padding:0;}
.myProfile .questionAnswer{margin:0px 0 20px 0;}
.myProfile .field2{font-weight:bold; padding-right:2px;}
.myProfile .hint{font-size:11px;}
.myProfile .hintPop{width:200px; padding:5px; border:2px solid #A30202; background:#fff; position:relative; left:5px; top:-50px;}
/*end*/


/*members dicrectory*/
.members .membersTable td{padding:2px;}
.members .membersTable{margin:0 0 10px 1px;}
.members .isOnline{ background:url(../images/icons/online.jpg) 0 1px no-repeat; padding-left:15px; font-weight:bold;}
.members .isOffline{ background:url(../images/icons/offline.jpg) no-repeat; padding-left:15px; font-weight:bold;} 
.members .questionAnswer{ padding:10px;}
.members .membersList li{float:left; padding:0 10px 10px 10px; height:130px;}
.members .membersList li a{color:#444;}
.members .messengerList{margin-left:-2px;}
.members .messengerList li{float:left;padding:0;}
.members .membersList li p{margin:3px 0;line-height:12px;} 
.membersPortlet .membersList li{float:left; padding:1px;}
.memberActivity .chkBox label{padding-right:10px; font-weight:bold;}
.memberActivityTbl {border:1px solid #ccc; margin:10px 0; width:100%;}
.memberActivityTbl .header{color:#fff; background:#A30202; height:20px;padding:5px 1px;  text-align:center; font-size:12px; }
.memberActivityTbl td{padding:5px 1px; font-weight:bold; font-size:11px; text-align:center;}
.memberActivityTbl .altRow{ background:#dcdcdc;}
.memberInfo{float:left;}
.memberInfo img{padding-right:5px;}
.memberInfo li a{color:#333;}
.memberInfo .sendMsg{ text-decoration:underline; font-weight:bold;}
.memberAdminInfo{float:right; width:260px;}
.memberAdminInfo span{font-weight:normal; float:left;}
.memberAdminInfo .field{display:block; width:70px; font-weight:bold;  text-align:right; padding-right:5px; float:left; clear:left;}
.memberQuestionAnswer{border-top:1px solid #cacaca; margin-top:20px; padding:10px 0;}
.memberQuestionAnswer .question{ font-weight:bold;}
.memberQuestionAnswer .answer{margin-bottom:10px;}
.members .filterType{}
.members .repInfo li{ font-weight:bold; padding:1px 0;}
/*end*/


/*Online Tool */
 .onlineTool h2{padding-left:10px;}
 .onlineTool .onlineToolList {margin-top:10px;} 
 .onlineTool .onlineToolList li{float:left; padding:0 10px 15px 10px; font-weight:bold;}
 .onlineTool .itemImg { height:330px; min-height:330px; display:table-cell; width:340px; vertical-align:middle; text-align:center; border:1px solid #dcdcdc; clear:both;  }
 .onlineTool .itemImg img{margin:10px;}
 .onlineTool .copyContainer{width:340px; height:50px; border:1px solid #ccc;}
 .onlineTool .onlineToolList li .item{width:340px;}
 .onlineTool .btn{margin-left:5px; color:#fff; }
 .onlineTool .edit .field{display:block; width:45px; float:left;}
 .onlineTool .edit p{clear:left;padding:5px 0;}
 .onlineTool .edit .txtBox{width:275px;}
 .onlineTool .edit input{float:left;}
 .onlineTool .urls .item{min-height:140px; height:auto !important; height:140px;}
 .onlineTool .urlTitle{color:#333; font-size:13px;}
 .onlineTool .urls .item p{padding:4px 0;}  
 /*end*/
 
 /*file manager*/
 .fileManager .btn{float:none; display:inline;}
 .fileManager fieldset{border:1px dotted #dedede; margin-bottom:10px; padding:10px; }
 .fileManager fieldset strong{color:#6B6B6B; }
 .fileManager .header{font-weight:bold;padding:10px; margin-bottom:15px;}
 .managerList li{clear:both;  }
 .managerList li a{color:#333; font-weight:bold; font-size:11px; float:left; margin-left:20px;}
 .managerList .action {padding:2px 0; display:inline; float:right;} 
 .managerList .action a{ margin:0 5px;}
 .managerList .cols{height:21px; border-bottom:1px solid #eee;}
 .managerList .folder{background: url(../images/icons/folderIcon.gif) no-repeat;}
 .managerList .file{background: url(../images/icons/fileIcon.gif) 3px 0 no-repeat;}
 .managerList .downLoad{text-indent:-9999px; width:21px; height:21px; background: url(../images/icons/downLoadIcon.gif) no-repeat; position:relative; top:-2px;}
 .managerList .delete{text-indent:-9999px; width:21px; height:21px; background: url(../images/icons/xIcon.gif) no-repeat;  position:relative; top:-2px;}
 .managerList .backToRoot{width:21px; height:21px; display:block; background: url(../images/icons/upLevelIcon.jpg) no-repeat; padding-left:20px; width:150px; line-height:25px; margin:10px 0; font-weight:bold; color:#5f5f5f;}
 /*end*/
 
/*Sign Up*/
.signInField{width:100px; display:block;}
.signup .error{color:#B00404; font-weight:bold;}
.signUp input{margin-right:5px;}
.signUp fieldset{border:none; margin:0px 0 0 0; padding:0px;}   
.signUp .titleImg{margin-bottom:20px;}
.signUp .gap{padding-left:130px;}
.signUp .field{float:left; display:block; width:120px; text-align:right; padding-right:10px;}
.signUp .field2{padding-left:10px; font-weight:bold;}
.signUp .inputElement{float:left; width:200px;}
.signUp .txtBox{width:200px;}
.signUp label{margin:3px  0; position:relative; top:-5px; }
.signUp fieldset p{clear:left; margin:3px 0;}
.signUp .field img{border:1px solid #666;}
.signUp .btn{float:none; clear:left; margin-bottom:10px;}
.signUp .seperator{ margin:10px 0 10px 0;}
.signUp .btnContainer input{float:right; margin-right:10px;}
.signUp .whyLink, .signUp .termLink{color:#AB1600; font-weight:bold; padding-left:10px; text-decoration:underline;}
.signUp .termLink{padding:0;}
.signUp .seperator{padding-bottom:10px;}
.signUp .eConfirm{ text-align:center; font-weight:bold;}
.signUp .email{font-size:150%;padding:5px 0;}
.signUp .forgotPassword{font-weight:bold;}
.signUp .forgotInput label{position:relative; top:3px;}
.signUp .forgotInput{margin:5px 0 0 -2px;}
.signUp .forgotInput .btn{width:70px; position:relative; left:75px; top:-21px;}
.signUp .chkboxStyle label{position:relative; top:1px;}
.signUp .chkboxStyle input{border:none;}
.imgCode input{position:relative; left:-10px;}

.signUp .aspxTxtBox input{margin:0; padding:0; border:1px solid #ccc;}

/*end*/


/*Report*/
.report{font-weight:bold;}
.report span label{margin-left:5px;}
.report .amount, .report .date, .report .type, .report .hours, .submit .month{font-size:15px; padding:0 3px;}
.report .actionBtn{ text-align:center; margin:10px 0;}
.report .detailTable {border:1px solid #CFCEC2; width:100%;}
.report .detailTable td,.report .detailTable tr {padding:3px; text-align:center;}
.report .detailTable .lAlign{ text-align:left;}
.report .detailTable input{border:none;}
.report .detailTable .date{font-size:13px;}
.report .detailTable .alt td{background:#cfcfcf;}
.customizeReport .smallTxtBox, .customizeReport .midTxtBox, .submit .section .midTxtBox, .section .largeTxtBox,  .submit .section .smallTxtBox {width:40px; margin:0 30px 0 10px; position:relative; top:-1px;}
.report .section .midTxtBox{width:80px;}
.report .section .largeTxtBox{width:150px;}
.report .regList a, .report .custom span{ background:url(../images/bullets/redCircle.gif) center left no-repeat; padding-left:13px; font-size:12px; display:block; }
.report .regList label a strong{color:#333;} 

.report .custom a{background:none; font-weight:bold; }
.report .custom span{ font-weight:normal; }


.detailTable .date, .detailTable .amounts{width:60px;}
.report .detailTable .name, .report .detailTable .type, .report .detailTable .school, .report .detailTable .item{ text-align:left; width:120px;}
.report .detailTable .type{width:80px; font-size:12px;}
.detailTable .status, .detailTable .select{width:45px;}
.report .header, .reportDetail .budget strong, .detail .header, .detail .header strong{color:#fff; background:#B41801; border-bottom:1px solid #CFCEC2;padding:2px; border-bottom:1px solid #CFCEC2;}
.reportID{font-size:15px;padding:0 5px;}
.reportList .sortList .btn, .detail .btn , .actionBtn .btn {float:none; width:70px; display:inline; padding:3px 10px; position:relative; top:-2px;}
.sortList{float:left;}
.reportType{ white-space:nowrap; padding:0 3px; font-weight:bold;}

/*Dashboard*/
.dashBoard h2{font-size:23px; float:left; color:#6A6A6A; line-height:23px;}
.dashBoard .reportType{border-bottom:1px solid #aaa; padding:10px 0;}
.dashBoard .detail{clear:both; border:none; margin:0px; padding-top:7px;}
.dashBoard .detail p{color:#A30202; }
.dashBoard .detail li{margin-left:-2px;}
.dashBoard .date{font-size:10px;}

/*Report Setting*/
.settings .detailTable td, .settings .detailTable input{border:1px solid #CFCEC2;}
.settings .lAlign{padding-left:5px;}
.totalAvailable{font-weight:normal; font-size:11px;}

/*report detail*/
.reportDetail .userInfo{width:300px; float:left;}
.reportDetail .userInfo li{padding:0 0 2px 5px;}
.reportDetail .name , .reportDetail .school{font-size:18px; margin:0 0 7px 0;}
.reportDetail .budgetInfo{float:right; text-align:center;}
.reportDetail .budget{width:110px; border:1px solid #CFCEC2; margin:0px 5px 5px 0;}
.reportDetail .budget strong, .detail .header, .detail .header strong{display:block;}
.reportDetail .budget p{padding:2px;}
.detail{border:1px solid #CFCEC2; margin-top:10px; padding-bottom:10px;}
.detail .header strong{border:none;}
.detail .info{margin:0px 10px; border-bottom:1px solid #CFCEC2; padding:10px 0 20px 0;  font-weight:bold;}
.detail .info p{margin:5px 0;}
.detail .image{text-align:center;}
.detail .info strong{padding-bottom:5px; display:block;}
.detail h3{font-size:15px; margin:15px 10px 0px 10px; padding:0;}
.detail .info h3{margin-left:0px;}
.actionBtn .btn{top:0; margin:0 3px;}


/*customize report*/
.customizeReport h2{margin:5px 0 15px 0; font-size:16px;}
.customizeReport h3, .customizeReport h4 {font-size:15px; margin:3px 0px; padding:0;}
.customizeReport h4{font-size:13px; display:inline; float:left;}
.customizeReport .section, .submit .section{margin:10px 0; padding:8px 5px 3px  5px; border-top:1px solid #cfcfcf;}
.customizeReport .section a{color:#A30202; margin-left:20px;}
.customizeReport .section .limits{padding:0 25px;}
.customizeReport .section .limits label{width:70px; display:block; float:left; position:relative; top:-1px;}
.customizeReport .section .limits input{float:left;}
.customizeReport .deleteLink{ padding:3px 0 0 10px;}
.customizeReport .activityType li a{margin:0 10px 0 0;}
.customizeReport .activityType li, .customizeReport p, .submit p {margin:8px 0;}
.customizeReport .activityType li label{padding:0 5px;}
.customizeReport input{margin-right:5px; border-width:1px;}
.customizeReport .txtBox, .submit .txtBox {width:300px; border-width:1px;}
.customizeReport .midTxtBox{width:80px; }
.customizeReport .activityType li{clear:left; padding:5px 0;}
.customizeReport .activityType .items{float:left;}
.customizeReport .activityType a{float:left;}
.customizeReport .activityType .details{clear:left; font-weight:normal; padding-top:5px;}
.customizeReport .section .clearM{margin:0; padding:0;}

/*SubmitReport*/
.submit .gap{padding-left:50px;}
.submit .hours{font-size:18px; color:#A30202;}
.submit .question{position:relative; top:2px; margin:5px; display:none;}
.submit .section a, .submit .addActivity{color:#A30202;}
.submit .section .smallTxtBox{margin:0 7px 0 7px;}
.submit .month{font-size:17px;}
.submit .hideShowBtn img{padding:0 3px;}
.report .noBorder{border:none;}
.report .notActive{color:#aaa; padding:0 5px;}
.pointsInfo{border:1px dotted #333; padding:5px 10px 10px 10px; margin:5px 10px 0 5px; background:#FFFFDF;}
.pointsInfo p{margin:5px 0;}
.approvePoints{color:#A30202; margin-left:120px; padding-top:5px;}

/*inventory*/
.inventory .detailTable{ border-top:none;}
.inventory .detailTable td{font-size:90%; padding:0; vertical-align:middle;  text-align:left; }
.inventory .detailTable .initialTxtBox, .inventory .detailTable .serialTxtBox{width:30px; border:1px solid #888;}
.inventory .detailTable .serialTxtBox{width:100px;}
.inventory .detailTable .date{ white-space:nowrap;}
.inventory #new,.inventory #ship, .inventory #open,  .inventory #all,  .inventory #received,.inventory #denied {clear:left; margin:0;}
.inventory .showDetail{ text-indent:-9999px;  display:block; outline:none;}
.inventory .showDetail div{background:url(../images/icons/pointerRight.png) no-repeat; width:20px; height:20px;}
.inventory .expand{background:url(../images/icons/pointerDown.png) no-repeat;}
.inventory .detail div{ text-align:left;  padding:10px 5px; height:50px;  background:#ededef; margin:0px; border-width:0 0 1px 0; font-weight:normal;}
.inventory .header td{font-size:12px; text-align:left; padding:3px 0px 3px 2px; }
.detailTable .serialLabel{border:none;}
.report .detailTable .selected td{ background:#CF8E8E;}

.inventory .detailTable .data td, .inventory .detailTable .alt td{padding:2px 0;}
.inventory .legend {border:1px dotted #888;  padding:5px 0; width:400px; background:#FFFFEF; padding:10px; float:right; margin-bottom:5px;}
.inventory .legend p{font-weight:normal;}
.inventory .legend .key{color:#333; font-weight:bold;}
.inventory .actionBtn .btn{width:auto;}
.inventory .actionBtn input{line-height:10px; border:none; padding:0px 10px 3px 10px;}



/*miniReports*/
.miniReports{ text-align:center;}
.miniReports .btn{float:none;}
.miniReports a{font-weight:bold;}


/*Ajax Toolkit Inventory Tabs*/
.inventoryTabs{clear:right;}
.inventoryTabs .ajax__tab_header { margin-left: 1px; }
.inventoryTabs .ajax__tab_inner { background: url(../images/nav/tabs/tblTabRight.jpg) top right no-repeat;}
.inventoryTabs .ajax__tab_outer { background: #C5C3C4 url(../images/nav/tabs/tblTabLeft.jpg) no-repeat top left;}
.inventoryTabs .ajax__tab_tab {  padding: 2px 6px 2px 11px;}

.inventoryTabs .ajax__tab_active .ajax__tab_tab { color:White; }
.inventoryTabs .ajax__tab_active .ajax__tab_inner { background: url(../images/nav/tabs/tblTabRightActive.jpg) top right no-repeat;}
.inventoryTabs .ajax__tab_active .ajax__tab_outer { background: #B41801 url(../images/nav/tabs/tblTabLeftActive.jpg) no-repeat top left;}


/* creating custom report*/
.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:0 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;} /*border-bottom:1px solid #ddd;*/
.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;}


/* End Report */





/*client contact*/
.clientContact .clientInfo{margin-bottom:20px;}
.clientContact a{ text-decoration:underline;}
.clientContact .regTable{border:1px solid #CFCEC2}
.clientContact  .regTable td{padding:3px; }
.clientContact  .regTable .alt{background:#cfcfcf;}
.clientContact  .regTable th {background:#B41801; border-bottom:1px solid #CFCEC2; padding:5px 2px;}
.clientContact .clientInfo textarea{height:70px; width:250px;}
.clientContact .info {} 
.clientContact .info table { background:#E2EAF1; border:1px solid #ddd;}
.clientContact .info td {vertical-align:top; padding:5px !important;}
.clientContact .clientInfo td{padding:2px 3px; vertical-align:top;}
.clientContact .btn2{display:inline; padding:3px 5px; text-decoration:none;}
.clientContact .regTable{margin-bottom:10px;}
.clientContact .clientContactTbl {width:250px;}
/*General*/

/*paging*/
.currentPaging{font-weight:bold;}
.paging{float:right;}
.pagingNav td{ padding:1px 2px;}
.footerPaging{ padding:5px 0 2px 0;  height:10px;}
.footerPaging strong{ float:left;}
/*paging end*/

/*sorting*/
.sorting{border-bottom:1px solid #eee; margin-bottom:10px;}
.sorting.bottom{border:1px solid #eee; border-width:1px 0 0 0; margin:0; padding-top:10px;}
.sorting select{margin-top:5px;}
/*end*/


/* Rating */
.ratingStar {font-size: 0pt;width: 18px; height: 17px;cursor: pointer;display: block;background-repeat: no-repeat;}
.filledRatingStar {background-image: url(../images/fullStar.gif);}
.emptyRatingStar {background-image: url(../images/emptyStar.gif);}
.savedRatingStar {background-image: url(../images/goldStar.gif);}
/*end*/


/* table and forms */
.textArea{height:100px;}
.formTbl{margin-bottom:5px; padding-top:5px;}
.formTbl td{ padding:5px 2px; vertical-align:top; text-align:left;}
.formTbl .field{width:75px; text-align:right; padding-right:5px;}
.formTbl strong{color:#777;}
.regFormTbl {margin:5px 0;}
.regFormTbl td{padding:3px 5px 3px 0px; vertical-align:bottom; text-align:left;}
.ajaxCalendarTbl table td{padding:0;}

.regFormTbl .vTop{vertical-align:top; }
.calAddItem .regFormTbl  .vTop{padding-top:10px;}
.regFormTbl .dateInput{width:70px;}
.calAddItem .field, .calEditItem .field{width:70px; text-align:right;}
.calAddItem .leftAlign, .calEditItem .leftAlign { text-align:left;}
.photoEditLink  {text-align:center; font-weight:bold; padding-top:3px;}
.photoEditLink a:hover{text-decoration:underline;}
.fullInputWidth{width:380px;}

/* end table*/


/*for typical table with red header*/
.regContainer {border:1px solid #bbb; margin:5px 5px 10px 5px;}
.regContainer .title{ background:#A30202; color:#fff; display:block; padding:3px 10px; border-bottom:1px solid #bbb;}
.regContainer table {}
.regContainer td{padding:2px 3px;}
.regContainer .field{text-align:right; display:block; width:120px;}


/* filter */
.filter{padding-left:3px;}
.filter li{margin:3px 0;}
.filter li label{position:relative; top:-2px; padding-left:3px;}
.filter .day, .filter .date{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:left; color:#000000;}
.filter .date{font-weight:normal;}
/*end*/


/* small text fields */
.textfield{border:none; width:300px; color:Red;}
/* end */

/* grey and white tables */
.listitems {border-left: #999999 thin solid; border-bottom:#999999 thin solid; width:100%; font-family:Arial, Helvetica, sans-serif normal; color:#000000;}
.listitems .bg {background-color:#CCCCCC;}
/* end grey and white tables */


/*square popup*/
.popContainer{width:420px; background:#fff; border:1px solid #333;}
.popContainer .content{padding:10px 15px 20px 15px;}
.popContainer .title{background:#BA1300; color:#fff; display:block; border-bottom:1px solid #333; padding:5px 15px; font-size:14px;}
.popContainer .textArea{margin:10px 0;}

/*autoFilled*/
.autoFilled .city{position:absolute; right:2px; top:0px; z-index:100;}
.listItem,.completionListElement, .highlightedListItem{ position:relative;}

/*rep profile*/
/* 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;}

/* 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; margin:5px 0; padding:10px 0;}
.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 */

/* Messaging*/
.dxgvHeader{ background:#F7F7F7;}
.dxgvHeader a{font-weight:bold;}
.dxgvDataRow td {padding:7px 5px !important; }
.dxgvDataRow a{ color:#444; font-size:11px;}


/*pop up container*/
.popUpContainer{width:460px; font-size:14px;} /*change the width to set the the width of the tutorial popup*/
.popUpContainer p{ line-height:15px;}
.popUpContainer .rConner{font-size:0; line-height:0; height:12px; margin-right:-11px; width:11px; float:right}
.popUpContainer .content{border:2px solid #626262; border-width:0 2px; background:#fff; padding:1px 10px;}
.popUpContainer .header, .popUpContainer .footer  {margin-right:11px;   height:12px; background:url(../images/popUpContainer/topLConner.png) no-repeat;}
.popUpContainer .footer { background:url(../images/popUpContainer/bottomLConner.png) no-repeat;  }
.header .rConner{ background:url(../images/popUpContainer/topRConner.png) no-repeat;}
.footer .rConner{ background:url(../images/popUpContainer/bottomRConner.png) no-repeat; }
.imgText{ display:block; text-indent:-9999px;}


.screen .col{ margin:10px 0 5px 0; padding:15px 0; border:2px solid #EE0091; border-width:2px 0; width:465px; min-height:300px; height:auto !important; height:300px; }
.popUpContainer .btn{display:inline; padding:0px 20px; float:none; margin-right:16px; border:1px solid #666; border-width:0 1px 1px 0; }
.popUpContainer .fix{margin-right:5px;}

.callout{ font-weight:bold; margin: 0 0 15px 0; font-size:15px;}
.callout strong{ font-size:16px;}
.conductList{ font-size:12px; margin-top:15px;}
.conductList .title{ display:block; font-size:17px; color:#EE0091; margin:0 0 5px 0 !important; padding:0 !important;}
.conductList li{ margin-bottom:15px; width:400px;}
.conductList li p strong{ display:block; color:#000;}
.wizardContent .legal{border:1px solid #222; width:435px; height:120px; overflow:auto; padding:10px; margin-bottom:20px;}
#legalCheck{font-size:12px;}
#legalCheck ul{margin:0 10px; padding:0px 10px;}
#legalCheck ul li{ list-style:disc; padding:5px 0;}

/*earn points*/
.earnPoints .one{ background:url(../images/icons/numOne.gif) 0px 10px no-repeat;}
.earnPoints .two{ background:url(../images/icons/numTwo.gif) 0px 10px no-repeat;}
.earnPoints .three{ background:url(../images/icons/numThree.gif) 0px 10px no-repeat;}
.earnPoints .four{ background:url(../images/icons/numFour.gif) 0px 10px no-repeat;  }
.earnPoints .five{ background:url(../images/icons/numFive.gif) 0px 10px no-repeat; border:none;}

.earnPoints li{ border-bottom:2px solid #dedede; padding:10px 0 10px 30px;}
.earnPoints li .title{display:block; color:#11C0F4; font-size:14px; margin-bottom:2px;}
.earnPoints li p{ line-height:13px;}
.earnPoints .title{color:#EE0091 !important;}