html,body{margin:0; padding:0;height:100%; box-sizing:border-box;}
body{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;background:#ffffff;}
@font-face{
font-family:'MyriadPro-Regular';
src:url('myriadpro-regular.eot?#iefix') format('embedded-opentype'),
	url('myriadpro-regular.woff') format('woff'),
	url('myriadpro-regular.ttf') format('truetype'),
	url('myriadpro-regular.svg#myriadpro-regular') format('svg');font-weight:normal;font-style:normal;}
@font-face {
font-family: 'MyriadPro-Semibold';
src: url('myriadpro-semibold.eot?#iefix') format('embedded-opentype'),
		 url('myriadpro-semibold.woff') format('woff'),
		 url('myriadpro-semibold.ttf') format('truetype'),
		 url('myriadpro-semibold.svg#myriadpro-semibold') format('svg');
font-weight: normal;
font-style: normal;
}
/*COMMON CLASS*/
* input{outline:none;}
#mainContainer{min-height:100%;position:relative; min-width:1000px;}
#wraper{margin:0;padding:0;min-width:1000px; padding-bottom:50px;}
.width1000{width:1000px;margin:0px auto;}
.ie8 .width1000{width:996px;margin:0px auto;}
.width100{ width: 100%;}
.clear{clear:both;}
.clearb{clear:both;}
.clearHeight0{clear:both;height:0;}
.clearHeight10{clear:both;height:10px;}
.clearHeight20{clear:both;height:20px;}
a,img{border:0;outline:none;}
form{padding:0;margin:0;}
.floatRight{float:right;}
.floatLeft{float:left;}
.padd0{padding:0;}
.paddL10{padding-left:10px;}
.paddL15{padding-left:15px;}
.padd5{ padding:5px;}
.marginBottom15{margin-bottom:15px;}
.marginleft25{margin-left:25px;}
.marginLeft7{margin-left:7px;}
.ml5{margin-left:5px;}
.ml-5{ margin-left: -5px;}
.marginRight16{margin-right:16px;}
.marginRight10{margin-right:10px;}
.marginRight5{margin-right:5px;}
.marginBot4{margin-bottom:4px;}
.marBot4{margin-bottom:4px; float:left; width:100%;}
.marginBot5{margin-bottom:5px;}
.displayInlineB{display:inline-block;}
.marTopBot10{margin:10px 0;}
.width340{width:340px;}
.width220{width:220px;}
.marTop5{margin-top:4px;}
.marT8{margin-top:8px;}
.mT8{margin-top:8px;}
.linux .marT8{ margin-top:8px;}
.mac.chrome .marT8{margin-top:7px;}
.mac.safari .marT8{margin-top:7px;}
.paddTop15{padding-top:15px;}
.gradientBox .roundCornerAll{-moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.roundCornerAll{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.roundCornerTR{-moz-border-radius:0 5px 0 0; -webkit-border-radius:0 5px 0 0; border-radius:0 5px 0 0;}
.roundCornerTL{-moz-border-radius:5px 0 0 0; -webkit-border-radius:5px 0 0 0; border-radius:5px 0 0 0;}
.roundCornerBR{-moz-border-radius:0 0 5px 0; -webkit-border-radius:0 0 5px 0; border-radius:0 0 5px 0;}
.roundCornerBL{-moz-border-radius:0 0 0 5px; -webkit-border-radius:0 0 0 5px; border-radius:0 0 0 5px;}
.roundCornerTLBL{-moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px;}
.roundCornerBLBR{-moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.roundCornerNone{-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
.roundCornerTRBR{-moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.roundCornerTLTR{-moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.spriteIcon{background:url(/images/theme3/sprite.png) no-repeat left top;}
.spriteIcon1{background:url(/images/theme3/sprite1.png) no-repeat left top;}
.popupSprite{background:url(/images/theme3/popup-sprite.png) no-repeat left top;}
.width45{ width:45px; display:inline-block;}
.marT6{ margin-top:6px;}
.marT4{ margin-top:4px;}
.marT5{ margin-top:5px;}
.marT1{ margin-top:1px;}
.marT3{ margin-top:3px;}
.marT7{ margin-top:7px;}
.marT0{ margin-top:0px;}
.mT7{ margin-top:7px;}
.win .marT7{ margin-top:9px;}
.marT2{ margin-top:2px;}
.marT-3{ margin-top:-3px;}
.fc-view-agendaWeek .shiftNameTimeLessFive .marT1{ margin-top:0;}
.fc-view-month .shiftNameTimeLessFive .marT1{ margin-top:0; padding:6px 0 6px;}
.linux.chrome .fc-view-month .shiftNameTimeLessFive .marT1{padding:9px 0 4px 0;}
.linux.gecko .fc-view-month .shiftNameTimeLessFive .marT1{padding:7px 0 6px;}
.linux.gecko .addNewShiftBox .shiftNameTime{line-height:15px;}
.linux.chrome .fc-view-month .shiftNameTimeLessFive .paddTB5, .mac .shiftNameTime .paddTB5{padding:9px 0 4px 0;}
.linux.gecko .fc-view-month .shiftNameTimeLessFive{font-size: 13px;}
.mac .marT1{ margin-top:1px;}
.paddB5{ padding-bottom:5px;}
textarea{ resize:none; -moz-box-shadow:0 0 0 0 #000000; -webkit-box-shadow:0 0 0 0 #000000; -o-shadow:0 0 0 0 #000000; -ms-box-shadow:0 0 0 0 #000000; box-shadow:0 0 0 0 #000000;}
a, input, select, textarea{ outline:none; margin:0;}
.PT5B10{ padding:5px 0 10px 0;} 
.PL5{ padding-left:5px;}
.PR5{ padding-right:5px;}
.MT8{ margin-top:4px;}
.mac .MT8{ margin-top:8px;}
.linux .MT8{ margin-top:6px;}
.MT10{ margin-top:10px;}
.MB10{ margin-bottom:10px;}
.textAlignCenter{ text-align:center;}
.textAlignLeft{ text-align:left;}
.textAlignRight{ text-align:right;}
/*#headCenter.MR5{ margin-right:5px;}*/
select{ outline:none;}
.mar0{ margin:0;}
.marTop20{margin-top:20px;}
.marTop2{margin-top:2px;}
.providerAreaName .paddL0{ padding-left:0;}
.paddT5{ padding-top:5px;}
hr{ background:#8DAFC7; border:none; height:1px;}
.width99{ width:99%;}
.width15{ width:15%;}
.width80{ width:80%;}
.newProcedureEmpListBox.width87Per{ width:87%;}
.jobroleComboWidth87{ width:88%;}
.fieldtypeCombo81{ width: 81%;}
.fieldtypeCombo88{ width: 88%;}
.width46{ width:46px;}
.addAreaPopupContent.mCustomScrollbar.paddR0{ padding-right:0;}
.width8{ width:15px; text-align:center; padding:0 3px; box-sizing:border-box;}
.mar6{margin:6px;}
.paddTB5{padding:6px 0 7px 0;}
.marT-5{ margin-top:-5px;}
.marTop17{ margin-top:17px;}
.mandatoryField{ color:#ff0000;}
.marR20{ margin-right:20px;}
.width30{ width:30%;}
.width33{ width:33%;}
.width45{ width:45%;}
.width20{ width:20%;}
.width38{ width:38%;}
.instruPadd{ padding:10px 0 5px 10px;}
.width95{ width:95%;}
.width140{ width:140px;}
.marL10{ margin-left:10px;}
.mt6{ margin-top:-6px;}
.mt3{ margin-top:-3px;}
.mt-4{ margin-top:-4px;}
.marB0{ margin-bottom:0;}
.MT40B20{ margin:35px 0 17px 0;}
.MT20B20{ margin:16px 0 17px 0;}
.MT25B20{ margin:25px 0 17px 0;}
.height10{ height:10px;}
.width87{ width:87%;}
.width90Percent{ width:90%;}
.paddT15{ padding-top:15px;}
.width15{ width:15px;}
.paddR15{ padding-right:15px;}
.ML3{ margin-left:-3px;}
.PT20B10{ padding:20px 0 10px 0;}
.provideAreaName .paddB{ padding-bottom:0;}
.MT6{ margin-top:6px;}
.linux.gecko .MT6{ margin-top:8px;}
.linux.chrome .MT6{ margin-top:9px;}
.mac .MT6{ margin-top:8px;}
.ie8 .MT6{ margin-top:7px;}
.linux.opera .MT6{ margin-top:9px;}
.marBot30{ margin-bottom:30px;}
.padd20{ padding:20px;}
.paddTop1{ padding-top:1px;}
.paddBot1{ padding-bottom:1px;}
.linux.opera .paddTop1{ padding-top:0;}
.linux.opera .paddBot1{ padding-bottom:0;}
.paddT10{ padding-top:10px;}
.closeMT4{ margin-top:-4px; float:left;}
.marL55{ margin-left:47px;}
.paddT20{padding-top:20px;}
.marL3{ margin-left:3px;}
.provideAreaName input[type="text"].width40{ width:54px; text-align:center;}
.provideAreaName input[type="text"].width60{ width:60px; text-align:center;}
.provideAreaName input[type="text"].width160{ width:160px;}
.provideAreaName input[type="text"].width29per{ width:29%;}
.width40Percent{ width:40%;}
.width30{ width:30%;}
.hrsBankMarTop2{ margin-top:3px;}
.linux .hrsBankMarTop2{ margin-top:4px;}
.win.chrome .hrsBankMarTop2{ margin-top:4px;}
.paddL22{ padding-left:22px;}
.marL40{ margin-left:40px;}
.width28{ width:28%;}
.width27{ width:27%;}
.width290{ width:290px;}
.provideAreaName input[type="radio"].marT{ margin-top:3px;}
.mac .provideAreaName input[type="radio"].marT{ margin-top:0;}
.mac.gecko .provideAreaName input[type="radio"].marT{ margin-top:1px;}
.mac.safari .provideAreaName input[type="radio"].marT{ margin-top:1px;}
.linux .provideAreaName input[type="radio"].marT{ margin-top:3px;}
.linux.chrome .provideAreaName input[type="radio"].marT{ margin-top:2px;}
.linux.gecko .provideAreaName input[type="radio"].marT{ margin-top:0;}
.ie .provideAreaName input[type='radio'].marT{ margin-top:0;}
.provideAreaName .paddB0{ padding-bottom:0;}
.marT-2{ margin-top:-2px;}
.paddTB5{ padding:5px 0;}
.marT-5{ margin-top:-5px;}
.procedureSettingPadd{ padding-top: 25px;}
.extraToolsPadd{ padding-top:40px; clear: both;}
.vAlignTop{ vertical-align: top;}
.marL23{ margin-left: 23px!important;}
.paddT7R7{ padding-top:7px; padding-right:7px;}
.marB2{ margin-bottom: 2px;}
.fontsize14{ font-size: 14px; }
.paddT7{ padding-top: 7px; }
.paddT6{ padding-top: 6px; }
.width91{ width: 91%; }
.nonePointer{ pointer-events:none;}

/*Page not found*/
.erroPage{padding:10px;background:#ffcfcf;border:#ff9595 solid 1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:13px;color:#cc3300;behavior:url(PIE.htc);position:relative;text-align:center;line-height:18px;}
.erroPage h1{margin:0;padding:0 0 10px 0;font-size:18px;font-weight:normal;}

/*Common error msg*/
.commonErrorMsg{ color:#ff0000; font-size:14px;}

/*Error message*/
.errorMsgFull{font-family:Arial, Helvetica, sans-serif;display:block;font-size:12px;color:#FF0000;position:relative;margin-top:3px;}
.errorMsgFull ul{list-style:none;padding:0 5px 5px 30px;margin:0 0 0 0;*margin-right:5px;background:#ffcfcf url(/images/theme1/error_icon.png) 5px 3px no-repeat;border:#ff9595 solid 1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:13px;color:#cc3300;behavior:url(PIE.htc);position:relative;}
.errorMsgFull ul li{margin:0 0 0 0;padding:6px 0 0 0;list-style:none;z-index:9999; border:none; float:none;}

/*Activity/Room wise view error msg changes*/
.delShiftBg{margin-right:-3px; margin-top:-3px; background:#32578D;width:17px; -moz-border-radius:0 0 0 5px; -webkit-border-radius:0 0 0 5px; border-radius:0 0 0 5px;}
.delEmpBg{margin-right:0; margin-top:0; background:#32578D;width:17px; -moz-border-radius:0 0 0 5px; -webkit-border-radius:0 0 0 5px; border-radius:0 0 0 5px;}
.ie1 .delEmpBg .deleteShiftIcon{ margin-top:0; padding:1px 5px 2px;}
.ie9 .delEmpBg .deleteShiftIcon{ margin-top:0; padding:1px 5px 2px;}
.ie8 .delEmpBg .deleteShiftIcon{ margin-top:0; padding:1px 5px 2px;}

/*.activityWiseTable .activityWiseInnerTable tr td.activityTooltip .delShiftBg{margin-top:-8px;}*/
.linux .activityWiseTable .activityWiseInnerTable tr td.activityTooltip .delShiftBg{margin-top:-4px;}

.deleteShiftIcon{float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-top:-2px; padding:2px 5px 3px; color:#ffffff;}
.disableBg .delShiftBg{margin-right:-3px; margin-top:-3px; background:#999999;width:17px; -moz-border-radius:0 0 0 5px; -webkit-border-radius:0 0 0 5px; border-radius:0 0 0 5px;}
.disableBg .deleteShiftIcon{float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-top:-2px; padding:2px 5px 3px; color:#5D5D5D;}
.width285{ width:285px; margin:0 auto;}
.errorMsgActivityWise{position:absolute; z-index:9999999999; top:0; padding:0 0; width:100%; color:#ffffff; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; height:100%; word-break:break-all; box-sizing:border-box;}
.errorMsgActivityWise .errorMsgFull{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF0000; position:relative; margin-top:3px; background:#E3E3E3;border:#BFBFBF solid 1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:inline-block;}
.errorMsgActivityWise .errorMsgFull ul{list-style:none;padding:0 5px 5px 5px;margin:0 0 0 0;*margin-right:5px; font-size:13px;color:#cc3300;behavior:url(PIE.htc);position:relative; background:none; float:left; border:none;}
.errorMsgActivityWise .errorMsgFull ul li{margin:0; list-style:none; z-index:9999; border:none; float:left; text-align:left; padding:7px 5px 3px 5px; width:250px; box-sizing:border-box;}
.errorMsgActivityWise .errorMsgFull a{background:url(/images/theme1/error_icon.png) no-repeat scroll right top transparent; float:right; font-size:0;    height:21px; position:absolute; right:5px; top:5px; width:20px;}

.errorMsg{ font-family:Arial, Helvetica, sans-serif; display:block; font-size:12px; color:#FF0000; position:relative; margin-left:10px; float:left; 
height:29px; min-width:25px; clear:none;}
.errorMsg ul{ list-style:none; padding:5px 23px 5px 5px; margin:0 0 0 0; background: url(/images/theme1/information-icon.png) right 2px no-repeat; height:29px; display:inline-block; position:absolute; right:0; top:0; border:none; box-sizing:border-box;}
.errorMsg:hover ul{ background:#ffcfcf url(/images/theme1/information-icon.png) right 1px no-repeat; padding:4px 30px 3px 5px; border:#ff9595 solid 1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior:url(PIE.htc); margin-right:-1px; z-index:2;}
.errorMsg li{ width:0; height:0; font-size:0; display:none;}
.errorMsg:hover li{ display:block; width:auto; font-size:14px; color:#cc3300; list-style:none; margin:0; /*padding:3px 5px 3px 5px;*/ white-space:nowrap; background:#ffcfcf; border:none; line-height:19px; font-family:'MyriadPro-Regular'; font-weight:normal;}
.linux .errorMsg:hover li{ line-height:21px;}
.mac .errorMsg:hover li{ line-height:21px;}
.errorMsg.mL5{ margin-left: 5px;}

.ie1 .errorMsg:hover li{ line-height:20px;}
.ie9 .errorMsg:hover li{ line-height:20px;}
/*.errorMsg.errorTop2 ul{ margin-top:2px;}*/
.regNewEmp ul.billingPlacesList .errorMsg:hover li{ width:auto;}
.errorMsg.errorMarL1{ margin-left:1px;}

.errorMsgRight{ font-family:Arial, Helvetica, sans-serif; display:block; font-size:12px; color:#FF0000; position:relative; float:left; height:30px; min-width:25px; clear:none;}
.errorMsgRight ul{ list-style:none; padding:5px 5px 5px 27px; margin:2px 0 2px 0; background: url(/images/theme1/information-icon.png) left 2px no-repeat; height:30px; display:inline-block; position:absolute; left:0; top:0; border:none; box-sizing:border-box;}
.linux.chrome .errorMsgRight ul { margin-top:2px;}
.chrome .errorTop2.errorMsgRight ul{ margin-top:2px;}
.errorMsgRight:hover ul{ background:#ffcfcf url(/images/theme1/information-icon.png) -1px 1px no-repeat; padding:3px 3px 3px 25px; border:#ff9595 solid 1px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior:url(PIE.htc); margin-right:-1px;}
.errorMsgRight:hover ul{ z-index:9;}
.errorMsgRight li{ width:0; height:0; font-size:0; display:none;}
.errorMsgRight:hover li{ display:block; width:auto; font-size:13px; color:#cc3300; list-style:none; margin:0; padding:3px 7px; white-space:nowrap; background:#ffcfcf; border:none; box-sizing:border-box;}
.errorMsgRight.errorTop2 ul{ margin-top:2px;}
.regNewEmp ul.billingPlacesList .errorMsgRight:hover li{ width:auto;}

.errorMsgFixWidth{ height:auto; z-index:1;}
.errorMsgFixWidth:hover ul{ height:auto; width:360px;}
.errorMsgFixWidth:hover li{white-space:normal; height:auto;}

.errorMsgFixWidth290{ height:auto; z-index:1;}
.errorMsgFixWidth290:hover ul{ height:auto; width:290px;}
.errorMsgFixWidth290:hover li{white-space:normal; height:auto;}

.errorMsgFixWidthRentalBasis{ height:auto;}
.errorMsgFixWidthRentalBasis:hover ul{ height:auto; width:230px;}
.errorMsgFixWidthRentalBasis:hover li{white-space:normal; height:auto;}

.realizedWorkingTable .errorMsgRight ul{ left:6px; top:-4px;}

.addShiftErrorMsg:hover ul{ width:340px; padding:4px 25px 4px 3px; box-sizing:border-box;}
.addShiftErrorMsg.errorMsg:hover li{ font-size:12px; line-height:19px; padding:0 5px;}

/*Success message*/
/*.sussecText{font-size:20px;color:#fff;line-height:27px;text-align:center;padding:10% 2%;border-right:#fff solid 5px;float:left;width:46%;}*/
.succMessage{background-color:#D5FFCF;background-image:url(/images/theme3/accept.png);border:1px solid #97FF88;color:#009900; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; width:auto; box-sizing:border-box;}
.succMessage{background-position:10px center;background-repeat:no-repeat;font-size:12px;font-weight:bold;height:44px;line-height:22px;margin-bottom:10px;margin-top:0;padding:10px 10px 10px 38px; font-family:Arial, Helvetica, sans-serif; box-sizing:border-box;}

/*Login Page css*/
.loginPageLogo{ background-position:0 -300px;display:inline-block; height:105px; width:270px;}
.loginBody{background:#f9f9f9;}
.loginTopBg{height:44px;background:#3b4a61;}
.loginLogo{padding:95px 0;text-align:center;}
.loginContaintBox{margin:0 auto;width:703px;}
.loginFormBox{width:705px;position:absolute; margin-top:10%;}
.loginTopCourve{background:url(/images/theme3/login-topcov.png) left top no-repeat;height:26px;}
.loginMiddle{background:url(/images/theme3/login-boxbg.png) left top repeat-x;color:#babdc3;padding:0px 12px; font-family:"MyriadPro-Regular"; 
min-height:320px;}
.loginMiddle label{padding:0 0 0 0px;line-height:37px;font-size:17px;font-weight:normal;font-family:'MyriadPro-Semibold'; text-transform:uppercase; color:#17273d;}
.inputBoxBg{margin:0 0 10px 0;padding:5px 5px;background:#b8c1d0; width:280px;height:28px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(PIE.htc);position:relative; float:left;}
.loginMiddle input[type="text"]{padding:0px;color:#546783;font-size:18px;background:none;width:280px;height:28px;line-height:26px;border:none; float:left;}
.loginMiddle input[type="password"]{padding:0px;color:#546783;font-size:18px;background:none;width:280px;height:28px;line-height:26px;border:none; float:left;}
.submitBtnLeft{ background:url(/images/theme3/submitbtn-left.png) no-repeat left top; height:45px; width:10px; float:left; display:inline-block; margin-top:10px;}  
.submitBtnLeft input[type="submit"]{ background:url(../../images/theme3/submitbtn-right.png) no-repeat right top; height:46px; border:none; margin-left:9px;color:#ffffff;font-size:18px;font-family:'MyriadPro-Semibold';text-transform:uppercase;cursor:pointer;text-align:center; padding:0px 20px 5px 5px;}
.mac.gecko .submitBtnLeft input[type="submit"]{padding:3px 20px 5px 5px;}
.mac.chrome .submitBtnLeft input[type="submit"], .mac.safari .submitBtnLeft input[type="submit"]{padding:0px 20px 2px 5px;}
.linux.gecko .submitBtnLeft input[type="submit"]{padding:1px 20px 3px 5px;}
.linux.chrome .submitBtnLeft input[type="submit"]{padding:1px 20px 3px 5px;}
.linux.opera .submitBtnLeft input[type="submit"]{padding:0px 20px 3px 5px;}

.loginMiddle p{margin:0;padding:0 0 10px 0;}
.loginMiddle p{margin:0;padding:0 0 10px 0;}
.loginText{margin:0;float:left;padding:10px 7px 10px 0;font-size:18px;line-height:30px;}
.loginText a{color:#babdc3;text-decoration:none;}
.loginText a:hover{color:#33679d;text-decoration:none;}
.loginText_left{margin:0;width:230px;float:left;line-height:30px;}
.loginText_right{margin:0;width:250px;float:left;text-align:right;}
.loginNowBg{padding-left:28px; background-position:-150px -125px; width:123px;height:46px;color:#ffffff;font-family:"MyriadPro-Regular";font-size:16px;font-weight:normal;position:absolute;right:55px;top:-8px;text-align:center;line-height:48px;}
.loginLeftBox{ float:left; width:320px; background:url(../../images/theme3/login-leftarrow.png) no-repeat left top; height:285px; margin-top:-7px; margin-left:3px;}
.loginRightBox{ float:left; width:325px; padding-left:20px; /*margin-top:15px;*/} 

/*============================================================== LOGIN STARTS ===============================================================*/
.loginBody{ padding-bottom: 40px;}
.loginBody *{ box-sizing: border-box;}
.loginBody #wraper{ padding: 0;}
.loginBox{ position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:560px; background:#fff; padding:40px 60px 60px; box-shadow: 0 2px 5px rgba(0,0,0,0.15);}
.loginBox .loginImg{ margin-bottom:30px; text-align: center;}
.loginBox .loginPageLogo{ background-position: 0 -316px; height: 70px; width: 255px;}
.loginBox .form-group{ position:relative; margin-bottom: 30px; margin-top: 10px; display: inline-block; width: 100%;}
.loginBox .form-group .form-label{ position: absolute; left: 15px; top: -12px; font-size: 15px; color: #737373; line-height: 22px; font-weight: normal; padding: 0 4px 0 5px; background: #fff; z-index: 1; border-radius: 2px; letter-spacing: 1px;}
.loginBox .form-group input[type="text"],
.loginBox .form-group input[type="password"]{ font-size:22px; font-weight: normal; line-height:30px; height:60px; padding:14px 50px 14px 20px; background: #ffffff; border: 1px solid #dbdbdb; color: #363636; display: inline-block; width: 100%; box-shadow: none; -webkit-box-shadow: none; letter-spacing: 1px; border-radius: 3px; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.loginBox .form-group .icon{ position:absolute; right:18px; top:50%; margin-top: -13px; width: 26px; height: 26px; color:#354261;}
.loginBtn{ margin-top: 10px; display: flex; justify-content: center;}
.loginBtn input[type="submit"]{ height:60px; font-size:20px; font-weight: 500; line-height:30px; padding: 14px; width: 280px; max-width: 100%; letter-spacing: 1px; color: rgba(0,0,0,0.9); background-color: #afe2fd; border: 1px solid #94d6f9; text-transform: uppercase; text-align: center; text-decoration: none; border-radius: 3px; display: inline-block;}
.loginBtn input[type="submit"]:hover{ color: rgba(0,0,0,0.9); background-color: #94d6f9; border-color: #94d6f9;}
.loginBox .form-group .form-field-error input[type="text"],
.loginBox .form-group .form-field-error input[type="password"]{ border-color: #f07f7f;}
.loginBox .form-group .arrow_box{ display: none;}
.loginBox .form-group .form-field-error:hover + .arrow_box{ display: block;}

.arrow_box{background:#ffffff; max-width:250px; padding:8px 10px 7px 10px; box-shadow:1px 0 4px rgba(187, 187, 187, 1); -moz-box-shadow:1px 0 4px rgba(187, 187, 187, 1); -webkit-box-shadow:1px 0 4px rgba(187, 187, 187, 1); border:1px solid #d0d1d1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:absolute; z-index:9; color:#fe6d6d; font-size:15px; line-height:17px; top: calc(100% + 9px);}
.arrow_box:after, .arrow_box:before{bottom:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none;}
.arrow_box:after{ border-color:rgba(136, 183, 213, 0); border-bottom-color:#fff; border-width:9px; margin-left:-70px;}
.arrow_box:before{border-color:rgba(194, 225, 245, 0); border-bottom-color:#d0d1d1; border-width:11px; margin-left:-72px;}
.arrow_box ul{ margin: 0; padding: 0; list-style: none;}

.loginBox .form-group .arrow_box:after{ margin-left:-9px;}
.loginBox .form-group .arrow_box:before{ margin-left:-11px;}
.loginBody .footer{ border-top-color: #dbdbdb;}
/*================================================================== LOGIN END =====================================================================*/

/*Header*/
.topPartBg{background: #ccdde5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjZGRlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGRmZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ccdde5 0%, #d0dfe6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccdde5), color-stop(100%,#d0dfe6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ccdde5 0%,#d0dfe6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ccdde5 0%,#d0dfe6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ccdde5 0%,#d0dfe6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ccdde5 0%,#d0dfe6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccdde5', endColorstr='#d0dfe6',GradientType=0 ); /* IE6-8 */
}
.topPartBg_admin{background: #ccdde5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjZGRlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGRmZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ccdde5 0%, #d0dfe6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccdde5), color-stop(100%,#d0dfe6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ccdde5 0%,#d0dfe6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ccdde5 0%,#d0dfe6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ccdde5 0%,#d0dfe6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ccdde5 0%,#d0dfe6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccdde5', endColorstr='#d0dfe6',GradientType=0 ); /* IE6-8 */
}
.topPartBg_admin .topbox{height: 62px;}
.topLogo_admin{ margin-top: 10px;}
.topbox{margin:0 auto;padding:0px 0px;width:1000px; /*border-bottom:1px solid #d3d3d3;*/ margin-bottom:1px;}
.topLogo{ background-position:-267px 7px; width:110px;display:inline-block; height:42px;}
.topLogo_admin{ background-position:-250px -603px; width:110px;display:inline-block; height:42px;}
.headerBg{/*background:url(/images/theme3/header-bg.jpeg) left top repeat-x;*/ width:100%;/*height:188px;*/
background: #d1e0e7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZTBlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #d1e0e7 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1e0e7), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d1e0e7 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d1e0e7 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d1e0e7 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d1e0e7 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e0e7', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */

}
.headrbox{margin:0 auto;padding:10px 0 1px 0;width:1000px; height:140px;}

/*Start button*/
.startBtn{padding-bottom:15px;width:1000px;}
.startLogo{ background-position:-3px -121px; width:130px;height:130px;display:inline-block;}
.startBtn .startIcon{margin-right:0;float:left;position:relative;}
.startIcon a{text-decoration:none;cursor:pointer;}

/*Submenu*/
.submenu{margin-top:36px;float:left;overflow:hidden;margin-left:-20px;}
.submenu ul{margin:0;padding:0;list-style:none;background:url(/images/theme3/submenu-bg.png) repeat-x left top;float:left;height:49px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; box-sizing:border-box;}
.submenu ul > li{background:url(/images/theme3/submenu-divider.png) no-repeat left center; color:#323232; text-decoration:none; font-weight:normal; float:left; font-family:'MyriadPro-Regular'; font-size:16px;}
.submenu ul > li > a{color:#323232;text-decoration:none;font-family:'MyriadPro-Regular';font-size:15px;display:inline-block;padding:16px 13px 17px 15px;line-height:16px;}
.submenu ul > li a:hover{color:#0b2837;text-decoration:none;}
.submenu ul > li.active{background:url(/images/theme3/submenu-selected-left.png) no-repeat left top;height:52px;}
.submenu ul > li.active span{background:url(/images/theme3/submenu-selected-right.png) no-repeat right top; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:inline-block;padding:15px 23px 15px 8px;margin-left:10px; color:#ffffff;font-family:'MyriadPro-Regular';font-size:15px; line-height:18px;}
.linux.opera .submenu ul > li > a{padding:20px 13px 13px 15px;}
.linux.opera .submenu ul > li.active span{padding: 19px 18px 11px 6px;} 
.linux.gecko .submenu ul > li > a{padding:18px 13px 17px 15px;}
.linux.gecko .submenu ul > li.active span{padding:17px 18px 15px 6px;}

/*Instruction for Action*/
.sloganBg{background:#3b4a61;padding:6px 45px 6px 5px;font-size:13px;color:#c5c9d0;position:relative;text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; z-index:99;}
.sloganBg strong{color:#ffffff;}
.sloganBg .upArrow{position:absolute;margin:-15px 0 0 51px;background:url(/images/theme3/up-aro.png) no-repeat left top;width:21px;height:14px;display:inline-block;}
.sloganBg .downArrow{position:absolute;margin:17px 0 0 35px;background:url(/images/theme3/down-aro.png) no-repeat left top;width:21px;height:14px;display:inline-block;}
.sloganWidth950{ width:950px;}
.sloganBg .width1000{ width:960px;}

.sloganBg_admin{background:#3b4a61;padding:6px 45px 6px 5px;font-size:13px;color:#c5c9d0;position:relative;text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; z-index:99;}
.sloganBg_admin strong{color:#ffffff;}
.sloganBg_admin .width1000{ width:960px;}

/*Main Content Part*/
.containtBg{background:#ffffff;width:100%;}
.containtBox{margin:0 auto;padding:20px 0 0 0;width:1000px; box-sizing:border-box;}
.containtBox.innerPageBox{padding:0;}
.containtBoxCalendar{margin:0 auto;padding:15px 0 0 0;width:98%; box-sizing:border-box;}
.containtBoxCalendar.innerPageBox{padding:0;}


/*.adminHomeInfoTitle{ font-size: 16px; font-family: arial; color: #3b4a61; font-weight: bold; margin-bottom: 10px; display: inline-block; width: 100%;}*/
.adminHomeInfoTitle{ font-size: 16px; font-family: arial; color: #3b4a61; font-weight: bold; margin-bottom: 10px; display: block; float: left; width: 100%;}

/*Search whole part*/
.navigations{padding:0 0 20px 0;width:100%; box-sizing:border-box;}
.navigations.paddB0{ padding-bottom:0;}

/*Return back*/
a.returnBack{margin:0 10px 0 0;border:1px solid #cfcfcf;text-decoration:none;float:left;display:block;background:url(/images/theme3/return-back-bg.png) repeat-x left top; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; behavior:url(PIE.htc);position:relative;cursor:pointer;}
a.returnBack.marR0, a:hover.returnBack.marR0{ margin-right:0;}
a:hover.returnBack{margin:0 10px 0 0;border:1px solid #a8b3c2;text-decoration:none;float:left;display:block;background:url(/images/theme3/return-back-hover-bg.png) repeat-x left top; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; behavior:url(PIE.htc);position:relative;}
.returnBackImg{margin:0;vertical-align:middle;float:left;padding:8px 10px 8px 10px;}
.returnBackText{background:url(/images/theme3/return-back-divider.png) no-repeat center left;color:#4c4c4c;font-size:16px;font-family:'MyriadPro-Regular';float:left;padding:8px 10px;line-height:16px;}
.mac.chrome .returnBackText{padding:11px 12px 9px 12px;}
.linux.opera .returnBackText{padding:12px 12px 5px;}
.linux.gecko .returnBackText{padding:10px 10px 8px 10px;}
.returnBackImg .returnBackIcon{ background-position:-121px -7px; width:18px;height:18px;display:block;}
.mac .returnBackImg{ padding:9px 10px 7px 10px;}

/*Salary report Return back*/
a.returnBackSalaryReport{margin:5px 0 0 0;border:1px solid #cfcfcf;text-decoration:none;float:left;display:block;background:url(/images/theme3/return-back-bg.png) repeat-x left top; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; behavior:url(PIE.htc);position:relative;cursor:pointer;}
a:hover.returnBackSalaryReport{margin:5px 0 0 0;border:1px solid #a8b3c2;text-decoration:none;float:left;display:block;background:#f0f4f7 url(/images/theme3/return-back-hover-bg.png) repeat-x left top; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; behavior:url(PIE.htc);position:relative;}
a.returnBackSalaryReport .returnBackImg{margin:0;vertical-align:middle;float:left;padding:14px 8px 14px 8px;}
a.returnBackSalaryReport .returnBackText{ background:none; border-left:1px solid #cfcfcf; color:#4c4c4c;font-size:16px;font-family:'MyriadPro-Regular';float:left;padding:11px 12px 13px;line-height:16px; margin:3px 0;}
.mac a.returnBackSalaryReport .returnBackText{ padding:13px 12px 11px;}
.linux.gecko a.returnBackSalaryReport .returnBackText{ padding:13px 12px 11px 12px;}
.linux.chrome a.returnBackSalaryReport .returnBackText{ padding:13px 12px 11px 12px;}
.linux.opera a.returnBackSalaryReport .returnBackText{ padding:15px 12px 9px 12px;}
a.returnBackSalaryReport .returnBackImg .returnBackIcon{ background-position:-121px -7px; width:18px;height:18px;display:block;}

/*Search box*/
.searchBox{background:url(/images/theme3/search-box-bg.png) repeat-x left top; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px; behavior:url(PIE.htc);position:relative;float:left;border:1px solid #cfcfcf;width:342px; box-sizing:border-box;}
.searchTextBox{padding:6px 8px 6px 8px;float:left;width:285px; box-sizing:border-box;}
.searchImg{float:right;padding:8px 6px;background:url(/images/theme3/return-back-divider.png) no-repeat center left;cursor:pointer;}
.searchImg .searchIcon{background-position:-72px -8px; width:18px;height:18px;display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0){.searchTextBox{padding:5px 8px;float:left;}
}
/*.mac.chrome .searchTextBox{padding:6px 4px;}*/
.searchTextBox input{background:none;border:none;color:#4c4c4c;font-size:17px;font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-style:italic;width:285px;}
.navigationSloganText{padding:10px 0 15px 0;font-size:16px;font-weight:normal;color:#fff;}

/*Common gridview, Lisview and order*/
a.displayStyleView{margin:0 0 0 10px;border:1px solid #cfcfcf;text-decoration:none;float:left;display:block;background:url(/images/theme3/return-back-bg.png) repeat-x left top; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; position:relative;cursor:pointer;}
a:hover.displayStyleView{margin:0 0 0 10px;border:1px solid #a8b3c2;text-decoration:none;float:left;display:block; background:url(/images/theme3/return-back-hover-bg.png) repeat-x left top; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; position:relative;}
.displayStyleViewText{background:url(/images/theme3/return-back-divider.png) no-repeat center left;color:#38485e;font-size:16px;float:left;padding:9px 12px;line-height:16px;font-family:'MyriadPro-Regular';}
.linux.opera .displayStyleViewText{ padding:13px 7px 5px 7px;}
.displayStyleDividerRight{background:url(/images/theme3/return-back-divider.png) no-repeat center right;}
/*a.navSelected{cursor:pointer;background:url(/images/theme3/submenu-selected-right.png) repeat-x left center;border:1px solid #A8B3C2;}
a.navSelected .displayStyleViewText{ color:#ffffff;}
a:hover.navSelected .displayStyleViewText{color:#38485e}*/
a.navSelected{cursor:pointer;background:url(/images/theme3/submenu-selected-right.png) repeat-x left center;border:1px solid #A8B3C2;}
a.navSelected .displayStyleViewText{ color:#ffffff;}
a:hover.navSelected .displayStyleViewText{color:#38485e}
.displayStyleViewImg{margin:0;vertical-align:middle;float:left;padding:8px 7px 7px 7px;}
.displayStyleViewImg .gridIcon{ background-position:-10px -8px; width:19px;height:19px;display:inline-block;}
.displayStyleViewImg .listIcon{ background-position:-39px -8px; width:23px;height:19px;display:inline-block;}
.displayStyleViewImg .orderDescIcon{ background-position:-99px -2px; width:18px;height:19px;display:inline-block;}
.displayStyleViewImg .orderAscIcon{background-position:-174px -2px;width:18px;height:19px;display:inline-block;}
.displayStyleViewImg .iconViewIcon{background-position:-431px -37px; width:24px;height:19px;display:block;}
.changePassword{ background-position:-411px -3px;display:block; height:21px; width:21px;}
.viewCard{background-position:-454px -2px; display:block; height:19px; width:25px;}

/*Home page gradient box*/
.gradientBox{margin:0 2% 23px 0; padding:1.9% 1.5% 0 1.5%; min-height:162px;width:31.2%;cursor:pointer;float:left; border:1px solid #596b88; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative;behavior:url(PIE.htc); background:#fafafa; box-sizing:border-box;}
.gradientBox:hover{ background:#f0f4f7; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative;behavior:url(PIE.htc);}

.gradientBox.grayGradient{margin:0 2% 23px 0; padding:1% 1.5% 0; min-height:162px;width:31.2%;float:left; border:1px solid #CFCFCF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative;behavior:url(PIE.htc); background:#eeeded; box-sizing:border-box;}
.gradientBox.grayGradient:hover{ border:1px solid #CFCFCF; background:#eeeded; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative;behavior:url(PIE.htc); cursor:default;}

.gradientBox h1{margin:0;padding:7px 0 0 0; *padding:4px 0 0 0;font-family:Arial, Helvetica, sans-serif;font-size:38px;font-size:37px\9;color:#7d7d7d;font-weight:normal;line-height:40px;*line-height:54px;}
.gradientBox h1{ padding-top:0;}
/*.gradientBox .paddT5{ padding-top:14px;}*/
/*.linux .gradientBox h1.paddT5{ padding-top:15px;}*/

.manageBtn{width:100%; height:37px;*height:37px;height:36px\9;bottom:0;position:absolute; left:0;}
.manageBtn .manageBtnText{ padding:10px 0; font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#3b4a61;font-weight:bold;float:left; line-height:17px;white-space:nowrap; overflow:hidden; width:240px; text-overflow:ellipsis; box-sizing:border-box;}
.linux.opera .manageBtn .manageBtnText{padding:10px 0 5px 0;}
.manageBtn .manageBtnText a{color:#3F5061;text-decoration:none;}
.manageBtn .manageBtnText a:hover{color:#3b4a61;text-decoration:none;}
.manageBtn .whiteAroBg{width:39px; padding:9px 0; padding:8px 0 9px 0\9; margin:0 5px 0 0; text-align:center;float:left;display:block; border-right:1px solid #596b88; box-sizing:border-box;}
.ie1 .manageBtn .whiteAroBg{ padding:8px 0 9px 0;} 
.win.safari .manageBtn .whiteAroBg{ padding:8px 0 9px 0;} 
.win.gecko .manageBtn .whiteAroBg{padding:9px 0 9px 0;}
.mac .manageBtn .whiteAroBg{ padding:9px 0 8px 0;}
.ie9 .manageBtn .whiteAroBg{padding:9px 0 8px 0;}
.linux.chrome .manageBtn .whiteAroBg{padding:8px 0 9px 0;}


/*Home page title and icon image*/
.homeTitleBox{width:100%;}
.homeTitleImg{width:20%;float:left;}
.AdminMainHomeTitle{width:80%;float:left;}
.userMainHomeTitle{width:80%;float:left;}
.homeTitle{width:80%;float:left;}

.gradientBox.boxColumn2{ width: 64.4%;}
.gradientBox.boxColumn2 .homeTitleBox{width:50%; float: left;}

.homepageSmallText{font-family:Arial, Helvetica, sans-serif;font-size:30px;color:#7d7d7d;line-height:32px;display:inline-block; font-weight:normal; padding-left:2px;}/*18-2-2014*/
.gradientBox:hover .homeTitle .homepageSmallText{ color:#5B718F;}/*18-2-2014*/
.gradientBox:hover .AdminMainHomeTitle h1, .gradientBox:hover .AdminMainHomeTitle .homepageSmallText{ color:#8294ac;}/*18-2-2014*/
.addAreaBox:hover .editArealistBox .homepageSmallText{ color:#5B718F;}/*18-2-2014*/

/*Common Gradient Box hover*/
.gradientBox:hover .areaIcon{background-position:-24px -62px; width:45px; height:50px;display:block;}
.gradientBox:hover .clinicIcon{background-position:-137px -61px; width:50px; height:50px;display:block;}
.gradientBox:hover .regionalLeaderIcon{background-position:-200px -59px; width:40px; height:50px;display:block;}
.gradientBox:hover .settingsIcon{background-position:-257px -67px; width:45px; height:50px;display:block;}
.gradientBox:hover .viewLogIcon{background-position:-388px -148px; width:36px; height:46px;display:block;}
.gradientBox:hover .notificationIcon{ background-position:-49px -214px; width:40px;height:46px;display:inline-block;}
.gradientBox:hover .logoutIcon{background-position:-82px -62px; width:46px; height:50px;display:block;}
.gradientBox:hover .homeTitle h1, .gradientBox:hover .manageBtn .manageBtnText{ color:#5b718f;}
.gradientBox:hover .whiteAroBg .whiteArrow{background:url(/images/theme3/White-aro-hover.png) no-repeat left top;width:18px;height:18px;display:inline-block;}
.gradientBox:hover .newsIcon{ background-position:-368px -62px; width:49px; height:50px;display:inline-block;}
.gradientBox:hover .removalToolIcon{background-position:-390px -210px; width:42px; height:46px;display:block;}

/*Default gradient*/
.defaultGradient .manageBtn{background:#E2F0FA; height:38px; border-top:1px solid #D2EAFB; box-sizing:border-box;}

/*Yellow button*/
.gradientBox .manageBtn{background:url(../../images/theme3/default-manage-btn-bg.png) repeat-x left top; border-top:1px solid #596b88;}
.ie8 .gradientBox .manageBtn{ background:none;}
.gradientBox .manageBtn .whiteAroBg{background:#f9f9f9; border-right:1px solid #596b88;}
.ie8 .gradientBox .manageBtn .whiteAroBg{ background:none;}

/*100% height buttons*/
.fullListBottonLeft .openArea, 
.fullListBottonLeft .addNewArea, 
.fullListBottonLeft .editArea, 
.fullListBottonLeft .viewClinic, 
.fullListBottonLeft .addNewClinic, 
.fullListBottonLeft .noClinic, 
.fullListBottonLeft .addNewClinic, 
.fullListBottonLeft .openSubarea,
.fullListBottonLeft .viewLeaders,
.fullListBottonLeft .addLeaders,
.fullListBottonLeft .noLeaders,
.fullListBottonLeft .openClinicCard,
.fullListBottonLeft .openRegLeaderCard,
.fullListBottonLeft .changePass{width:20px; height:20px; display:inline-block;  background-position:-3px -117px;}

.fullListBottonLeft .controlPanel{width:20px; height:20px; display:inline-block;  background-position:-1px -146px;}
.fullListBottonLeft .viewAdmin{width:25px; height:20px; display:inline-block;  background-position:-1px -169px;}

.fullListBotton:hover .fullListBottonLeft .controlPanel{width:20px; height:20px; display:inline-block;  background-position:-35px -146px;}
.fullListBotton:hover .fullListBottonLeft .viewAdmin{width:25px; height:20px; display:inline-block;  background-position:-35px -169px;}

.fullListBotton:hover .fullListBottonLeft .openArea, 
.fullListBotton:hover .fullListBottonLeft .addNewArea, 
.fullListBotton:hover .fullListBottonLeft .editArea, 
.fullListBotton:hover .fullListBottonLeft .viewClinic,
.fullListBotton:hover .fullListBottonLeft .addNewClinic, 
.fullListBotton:hover .fullListBottonLeft .noClinic,
.fullListBotton:hover .fullListBottonLeft .addNewClinic, 
.fullListBotton:hover .fullListBottonLeft .openSubarea,
.fullListBotton:hover .fullListBottonLeft .viewLeaders,
.fullListBotton:hover .fullListBottonLeft .addLeaders,
.fullListBotton:hover .fullListBottonLeft .noLeaders,
.fullListBotton:hover .fullListBottonLeft .openClinicCard,
.fullListBotton:hover .fullListBottonLeft .openRegLeaderCard,
.fullListBotton:hover .fullListBottonLeft .changePass{width:20px; height:20px; display:inline-block;  background-position:-36px -116px;}

.gradientBoxList .fullListBottonRight{ padding:4px 0;}
.mac.chrome .gradientBoxList .fullListBottonRight{ padding:5px 0 3px;}
.fullListBottonRight a{color:#4c4c4c; font-size:16px; font-weight:normal; line-height:18px; font-family:"MyriadPro-Regular"; text-decoration:none; padding-left:7px; display:inline-block;}
.linux.opera .fullListBottonRight a{ font-size:18px; margin-top:7px; display:inline-block;}
.gradientBoxList .fullListBotton{margin:2px;}
.gradientBoxList .fullListBotton table{ border:1px solid #596b88; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGY0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4'); /* IE6-8 */
}
.ie8 .gradientBoxList .fullListBotton table{ border-right:1px solid #bac2cd;}

.gradientBoxList .fullListBottonLeft{border-right:1px solid #596b88;}
.ie8 .gradientBoxList .fullListBottonLeft{ background:#fafafa;}

.roundCornerTR table{-moz-border-radius:0 5px 0 0;-webkit-border-radius:0 5px 0 0; border-radius:0 5px 0 0;}
.roundCornerBR table{-moz-border-radius:0 0 5px 0;-webkit-border-radius:0 0 5px 0; border-radius:0 0 5px 0;}
.roundCornerTRBR table{-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}

/******************************************* Common Listing css *******************************************/
.gradientBoxList{margin:0 0 10px 0;width:99%;cursor:pointer;float:left; border:1px solid #596b88; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative;behavior:url(PIE.htc); background:#fafafa; box-sizing:border-box;}
.gradientBoxList.grayGradient{ background:#ededed;}
.gradientBoxList.grayGradient:hover{ background:#ededed; border:1px solid #cfcfcf;}
.gradientBoxList.grayGradient .fullListBotton table{ background:#dfdfdf;}

.gradientBoxList:hover.addNewSubArea{ border:1px solid #8dafc7; background:none;}
.gradientBoxList:hover{background:#f0f4f7;}
.gradientBoxList:hover .streetAdd, .gradientBoxList:hover .postalCode, .gradientBoxList:hover .contactText, .gradientBoxList:hover .contactText a{color:#515e73;}
.gradientBoxList:hover .mobileIcon{background-position:0 -56px; display:inline-block; height:19px; width:14px;}
.gradientBoxList:hover .phoneIcon{background-position:0 -75px; display:inline-block; height:18px; width:14px;}
.gradientBoxList:hover .emailIcon{background-position:0 -93px; display:inline-block; height:16px; width:14px;}
.linux.gecko .gradientBoxList:hover .emailIcon{background-position:0 -94px;}
.linux.opera .gradientBoxList:hover .emailIcon{background-position:0 -94px;}

.gradientBoxList h1{margin:0;padding:3px 0 0 0;font-family:'MyriadPro-Regular';font-size:40px;color:#3b4a61;font-weight:normal;line-height:40px;float:left;width:100%; box-sizing:border-box;}
.listTopRoundCorner{padding:0 0 0 3%; float:left; width:100%; box-sizing:border-box;}
.listMainBox{width:100%;}
.listMainBoxLeft{width:100%;float:left;padding:3px 0; box-sizing:border-box;}

.listMainBoxLeft h1{font-family:'MyriadPro-Regular';font-size:24px;line-height:28px;padding:0;/*padding-top:15px;*/ color:#4c4c4c;width:660px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.listMainBoxRight{width:31%;float:right; margin-top:1px; padding:3px 3px 3px 0; box-sizing:border-box;}
.radiusTopRight{margin-top:3px; -moz-border-radius:0 5px 0 0; -webkit-border-radius:0 5px 0 0; border-radius:0 5px 0 0; position:relative;behavior:url(PIE.htc);}
.radiusBottomRight{margin-bottom:0; margin-top:-1px; -moz-border-radius:0 0 5px 0; -webkit-border-radius:0 0 5px 0; border-radius:0 0 5px 0; position:relative;behavior:url(PIE.htc);}

/******************************************* Common popup css *******************************************/
.clinicCard .provideAreaName{ padding-top:5px;}
.borderBottom{ border-bottom:4px solid #ffffff;}
.popupMain{width:743px;overflow:hidden;display:none;}
.addAreaPopup{width:864px;margin-left:-442px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior:url(PIE.htc);position:relative;}
.addAreaPopupContent{ background:#fdfdfd; width:99%;border:1px solid #b1bac8;padding:4px;float:left; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; behavior:url(PIE.htc);position:relative; -moz-box-shadow:3px 3px 2px 2px #CECECE; -webkit-box-shadow:3px 3px 2px 2px #CECECE; box-shadow:3px 3px 2px 2px #CECECE; margin-right:6px;}
.monthSelectorPopupContent{border:1px solid #b1bac8; padding:0;}

.ie8 .fixPopupSmallDiv.addAreaPopupContent{behavior:none;}
.ClinicBox .addAreaPopupContent{background:#f0f4f7 url("/images/theme3/list-box-hover.png") no-repeat center top;box-shadow: 0 0 0 0 #ffffff inset, 0 0 0 0 #D0DBE3;}
.addAreaPopupContent tr td{padding-bottom:0;font-family:'MyriadPro-Regular';font-size:18px;color:#3b4a61;line-height:20px;}
.addAreaPopupLeft{margin:0;padding:20px 0 20px 3.5%; width:95.5%; float:left;}
.addAreaPopupLeft.noRightButtons{ padding: 19px;}
.addAreaPopupRight{margin:0;padding:0;width:39%;float:right; box-sizing:border-box;}
.fixPopup{width:848px;}
.popupMainSmall.addAreaPopup{width:655px;margin-left:-327px;}
.popupMainSmall.addAreaPopup .fixPopup{width:634px;}
.addAreaPopupContent table{ height:100%;}

/* common Text box and text*/
.openingHours .provideAreaName tr td{ padding:5px 0 5px 2px;}

.provideAreaName{padding:0;/*display:block;*/text-align:left;}
.provideAreaName p{margin:0;padding:0 0 14px 0;font-size:23px;font-weight:normal;font-family:"MyriadPro-Regular";color:#3b4a61;line-height:24px;}
.linux.chrome .provideAreaName p{ line-height:30px;}
.subtext{font-size:17px;font-weight:normal;font-family:'MyriadPro-Regular';color:#3b4a61;line-height:17px;}

.provideAreaName input[type="text"]{background:#d9e0e2; border:1px solid #cfcfcf; padding:4px 6px; color:#9398a1; display:block;font-family:'MyriadPro-Regular';font-style:italic;font-size:16px;font-weight:normal;position:relative;text-align:left;width:88%; -moz-border-radius:5px;-webkit-border-radius:5px; box-shadow:none; border-radius:5px; float:left; margin:0; box-sizing:border-box;}
.provideAreaName td textarea,
.provideAreaName td .textareaHidden{background:#d9e0e2; /*border:1px solid #cfcfcf;*/ padding:4px 6px; color:#9398a1; display:block;font-family:'MyriadPro-Regular';font-style:italic;font-size:16px;font-weight:normal;position:relative;text-align:left;width:88%; -moz-border-radius:5px;-webkit-border-radius:5px; box-shadow:none; border-radius:5px; float:left; margin:0; box-sizing:border-box;}
.provideAreaName td .textareaHiddenWrapper{ position: absolute; left: 0; top: 0; z-index: 1;}
.mailContentMain{ position: relative;}

.linux.gecko .provideAreaName input[type="text"]{ padding:5px 6px 3px 6px;}
.linux.chrome .provideAreaName input[type="text"]{ padding:6px 6px 2px 6px;}
.linux.opera .provideAreaName input[type="text"]{ padding:7px 6px 1px 6px;}
.mac .provideAreaName input[type="text"]{ padding:5px 6px 3px 6px;}
.mac.chrome .provideAreaName input[type="text"]{ padding:6px 6px 2px 6px;}
.mac.safari .provideAreaName input[type="text"]{ padding:6px 6px 2px 6px;}

.provideAreaName input[type="text"].disabled{ background:#c2c2c2; border:1px solid #828282; color:#828282;}
.linux.opera .provideAreaName input[type="text"].disabled{ background:#e4e4e4; border:1px solid #828282; color:#828282;}
.provideAreaName input.active[type="text"]{color:#3b4a61;font-style:normal;}
.provideAreaName input[type="password"]{background:#d9e0e2; border:1px solid #cfcfcf; padding:4px 6px; color:#9398a1; display:block;font-family:'MyriadPro-Regular';font-size:16px;font-weight:normal;position:relative;text-align:left;width:89%;box-shadow:none; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; float:left; margin:0; box-sizing:border-box;}
.provideAreaName input.active[type="password"]{color:#3b4a61;font-style:normal;}
.provideAreaName .width125 input[type="radio"]{ margin:0; width:13px; height:13px;}
.provideAreaName input[type="radio"]{margin-right:5px; width:13px; height:13px;}
.provideAreaName input[type="radio"].procLayoutTypeRadio{ width:13px; height:13px; margin:0;}
.linux .provideAreaName input[type="radio"].procLayoutTypeRadio{ vertical-align: middle;}
.provideAreaName .procLayoutTypeLabel label{ line-height:20px; vertical-align:bottom; margin-right:5px;}
.linux .provideAreaName .procLayoutTypeLabel{ line-height: 22px;}

.mac.chrome .provideAreaName input[type="radio"], .mac.safari .provideAreaName input[type="radio"]{ margin-left:1px; float:left; margin-top:1px;}
.mac.chrome .provideAreaName input[type="radio"].marT3, .mac.safari .provideAreaName input[type="radio"].marT3{ margin-top:3px;}
/*.linux.gecko .provideAreaName input[type="radio"], .linux.chrome .provideAreaName input[type="radio"]{margin-left:2px;}*/
.provideAreaName input[type="checkbox"]{ margin:-3px 0 0 0; width:13px; /*height:13px;*/ height:13px; vertical-align:middle;}
.mac.chrome .provideAreaName input[type="checkbox"]{ margin:0 0 0 0; }
.ie9 .provideAreaName input[type='checkbox']{ margin:0 0 0 0;}
.linux.gecko .provideAreaName input[type="checkbox"]{ margin:-1px 0 0 0;}
.provideAreaName .marginBot5{ margin-bottom:5px;}
.provideAreaName input.active.marB5{ margin-bottom:5px;}
.provideAreaName .prefixBox{ background:#dbe8f0; border:1px solid #b2c5d0; border-radius:5px 5px 5px 5px; padding:4px 6px; color:#3a4a60; width:88%; font-family:'MyriadPro-Regular'; font-size:15px; box-sizing:border-box;}
.linux.chrome .provideAreaName .prefixBox, .linux.opera .provideAreaName .prefixBox{padding:6px 6px 2px 6px;}
.linux.gecko .provideAreaName .prefixBox{padding:5px 6px 3px 6px;}
.mac .provideAreaName .prefixBox{ padding:6px 6px 2px 6px;}

.provideAreaName label{color:#3b4a61;font-family:'MyriadPro-Regular';font-size:16px;line-height:18px;}
.provideAreaName tr td{padding-bottom:5px;font-family:"MyriadPro-Regular";font-size:17px;color:#335e8a;line-height:18px;}
.notAvail{padding-bottom:10px;font-family:"MyriadPro-Regular";font-size:14px;line-height:14px;color:#394a59;}
.linux.chrome span.notAvail{line-height:20px;}
.provideAreaName tr td strong{color:#233045;font-family:'MyriadPro-Regular';font-size:17px;line-height:18px;}
.lineHeight34{ line-height:36px;}
.userDetailText {color:#3b4a61;font-family:'MyriadPro-Regular';font-size:15px;line-height:18px;}
.userDetailText strong{color:#00366D;}
.provideAreaName .userDetailText tr td{color:#3b4a61;font-family:'MyriadPro-Regular';font-size:15px;line-height:18px;}
.provideAreaName .userDetailText tr td strong{color:#00366D;font-family:'MyriadPro-Regular';font-size:15px;line-height:18px;}

/******************************************* Common Popup Right side buttons *******************************************/
.addNewAreaButton ul{margin:0;padding:0;list-style:none;}
.addNewAreaButton ul li{display:block;}

.addNewAreaButton tr td.monthSelectorBlueButton,.addNewAreaButton tr td.monthSelectorBlueButton.nextButton{background-color:#3b4a61; cursor:pointer;}
.addNewAreaButton tr td.monthSelectorBlueButton a{color:#ffffff;font-size:19px;font-family:'MyriadPro-Regular';text-decoration:none;line-height:19px; padding:0 5px 0 15px; float:left;}
.addNewAreaButton tr td.monthSelectorBlueButton.nextButtonDisable a,.addNewAreaButton tr td.monthSelectorBlueButton.nextButton a{color:#ffffff;font-size:19px;font-family:'MyriadPro-Regular';text-decoration:none;line-height:19px; padding:0 5px 0 15px; float:left;}
.mac .addNewAreaButton tr td.monthSelectorBlueButton.nextButtonDisable a, .mac .addNewAreaButton tr td.monthSelectorBlueButton.nextButton a{ line-height:22px;}
/*Blue button*/
.addNewAreaButton tr td.blueButton{ background-color:#edf6fd; cursor:pointer;}
.addNewAreaButton tr td.blueButton a{color:#3b4a61;font-size:20px;font-family:'MyriadPro-Regular';text-decoration:none;line-height:20px; padding:0 15px;float:left;}
.addNewAreaButton tr td.addNewAreaButtonPadding{padding:7% 5%;}
.popupAdd{ background-position:1px -365px; display:inline-block; height:20px; padding-left:25px;}
.linux.opera .popupAdd{ line-height:33px;}
.ie8 .popupAdd{ background-position:1px -366px;} 
.mac .popupAdd{ background-position:1px -367px;} 

/*Red Button*/
.addNewAreaButton tr td.redButton{background-color:#e3a6ad; cursor:pointer;}
.addNewAreaButton tr td.redButton a{color:#ffffff;font-size:20px;font-family:'MyriadPro-Regular';text-decoration:none;line-height:20px; padding:0 15px;float:left; margin-top:-4px;}
.linux .addNewAreaButton tr td.redButton a{ margin-top:0;}
.linux.opera .addNewAreaButton tr td.redButton a{ margin-top:3px;}
.mac .addNewAreaButton tr td.redButton a{ margin-top:0;}
.popupClose{background-position:1px 3px; display:inline-block; padding-left:25px;}

/*Close Button*/
.addNewAreaButton tr td.closeButton{background-color:#e3a6ad; cursor:pointer;}
.addNewAreaButton tr td.closeButton a{color:#ffffff;font-size:20px;font-family:'MyriadPro-Regular';text-decoration:none;line-height:20px; padding:0 15px;float:left;}
.popupClose{background-position:1px 3px; display:inline-block; padding-left:25px;}
.linux.opera .popupClose{background-position:1px 1px; padding-top:2px;}/*Changed for announcement card close button 27-6*/
.linux.chrome .popupClose{background-position:1px 5px;}
.mac .popupClose{background-position:1px 2px;}

/*Remove Button*/
.addNewAreaButton tr td.removeButton{background-color:#e3a6ad; cursor:pointer;}
.addNewAreaButton tr td.removeButton a{color:#ffffff;font-size:20px;font-family:"MyriadPro-Regular";text-decoration:none;line-height:20px; padding:0 5px 0 15px;float:left;}
.popupRemove{background-position:0 -274px; height:20px; display:inline-block; padding-left:25px;}
.popupRemoveArrow{background:url(../../images/theme3/popup-remove-arrow.png) no-repeat left top; display:inline-block; padding-left:25px;}
.linux.opera .popupRemove{ line-height:28px;}

/*Remove Button*/
.addNewAreaButton tr td.signleRemoveButton{background-color:#e3a6ad; cursor:pointer;}
.addNewAreaButton tr td.signleRemoveButton a{color:#ffffff;font-size:20px;font-family:"MyriadPro-Regular";text-decoration:none;line-height:20px; padding:0 15px;float:left;}

/*Close card button*/
.addNewAreaButton tr td.closeCardButton{background-color:#e3a6ad; cursor:pointer;}
.addNewAreaButton tr td.closeCardButton a{color:#ffffff;font-size:20px;font-family:"MyriadPro-Regular";text-decoration:none;line-height:20px; padding:0 2% 0 2%; float:left; width:100%; text-align:center; box-sizing:border-box;}

/*Green Button*/
.addNewAreaButton tr td.greenButton{background-color:#deeec3; cursor:pointer;}
.addNewAreaButton tr td.greenButton a{color:#3b4a61;font-size:20px;font-family:'MyriadPro-Regular';text-decoration:none;line-height:20px; padding:0 15px;float:left;}
.popupSaveChanges{background-position:0 -89px; display:inline-block; padding-left:25px;line-height:20px;}
.popupMoreOption{ background-position:0 -180px; display:inline-block; padding-left:25px;line-height:20px;}
.linux.gecko .popupMoreOption{background-position:0 -183px;}
.linux.opera .popupMoreOption{background-position:0 -179px;line-height:24px; padding-top:4px;}
.mac .popupMoreOption{background-position:0 -178px; padding-top:5px;}
.mac .popupSaveChanges{ padding-top:2px;}
.linux.gecko .popupSaveChanges{background-position:0 -90px; line-height:21px;}
.linux.chrome .popupSaveChanges{background-position:0 -89px; line-height:23px;}
.linux.chrome .popupMoreOption{background-position:0 -180px; line-height:24px;}
.linux.opera .popupSaveChanges{background-position:0 -90px; line-height:26px;}

/*More option Button*/
.addNewAreaButton tr td.moreOptionButton{background-color:#dceffa; cursor:pointer;}
.addNewAreaButton tr td.moreOptionButton a{color:#3b4a61;font-size:20px;font-family:'MyriadPro-Regular';text-decoration:none;line-height:20px; padding:0 5px 0 15px;float:left; margin-top:-4px;}
.linux .addNewAreaButton tr td.moreOptionButton a{ margin-top:0;}

/*Return back Button*/
.addNewAreaButton tr td.returnBackButton{background-color:#dae4ec; cursor:pointer;}
.addNewAreaButton tr td.returnBackButton a{color:#3b4a61;font-size:20px;font-family:'MyriadPro-Regular';text-decoration:none;line-height:20px; padding:0 15px;float:left;}
.popupReturnBack{background-position:0 -642px; display:inline-block; padding-left:25px;}
.mac .popupReturnBack{background-position:0 -644px;}

/*Single Return back Button*/
.addNewAreaButton tr td.singlereturnBackButton{background-color:#dae4ec; cursor:pointer;}
.addNewAreaButton tr td.singlereturnBackButton a{color:#3b4a61;font-size:20px;font-family:'MyriadPro-Regular';text-decoration:none;line-height:20px; padding:0 15px;float:left;}
.popupReturnBack{background-position:0 -642px; display:inline-block; padding-left:25px;}
.linux.opera .popupReturnBack{background-position:0 -645px; line-height:23px;}

/*Next Button*/
.addNewAreaButton tr td.nextButton{background-color:#3b4a61; cursor:pointer;}
.addNewAreaButton tr td.nextButton a{color:#ffffff;font-size:35px;font-family:'MyriadPro-Regular';text-decoration:none;line-height:36px;cursor:pointer; padding:0 15px; float:left;}
.addNewAreaButton tr td.nextButton a .rewardProofBtn{ font-size:30px; line-height:30px;}
.addNewAreaButton tr td.nextButton a .smallText{color:#ffffff;font-size:16px;font-family:"MyriadPro-Regular";text-decoration:none;line-height:16px;}
.popupNextArrow{ background-position:-317px -37px; width:38px;height:35px;display:inline-block;}

/*Next Button Disable*/
.addNewAreaButton tr td.nextButtonDisable{background-color:#8d8d8d; cursor:default;}
.addNewAreaButton tr td.nextButtonDisable a{color:#ffffff;font-size:30px;font-family:'MyriadPro-Regular';text-decoration:none;line-height:30px; padding:0 15px; float:left; cursor:default;}
.addNewAreaButton tr td.nextButtonDisable a .smallText{color:#ffffff;font-size:16px;font-family:"MyriadPro-Regular";text-decoration:none;line-height:16px;}
.nextButtonDisable .popupNextArrow{ background-position:-267px -37px; width:38px;height:35px;display:inline-block;}

.addNewAreaButton tr td.borderBottom{background-image:url(../../images/theme3/popup-button-bg.png); background-repeat:repeat-x; background-position:left bottom; border-bottom:0;}
.addNewAreaButton tr td.borderBottomMonthSelector{ border-bottom:1px solid #b1bac8;}

/*Employee save changes*/
.addNewAreaButton tr td.empCardnextButtonFirst{ background-color:#DEEEC3;}
.addNewAreaButton tr td.empCardnextButtonFirst a{color:#00366D;font-size:20px;font-family:'MyriadPro-Regular';text-decoration:none;line-height:20px; padding:0 5px 0 15px; float:left;}
.addNewAreaButton tr td.greenButton .empCardSaveChanges{background-position:0 -88px; display:inline-block; padding-left:25px; font-family:'MyriadPro-Regular'; font-size:20px; line-height:20px;}
.addNewAreaButton tr td.empCardnextButton{ background-color:#DEEEC3;}
.addNewAreaButton tr td.empCardnextButton a{color:#00366D;font-size:20px;font-family:'MyriadPro-Regular';text-decoration:none;line-height:20px; padding:0 5px 0 15px; float:left;}
.addNewAreaButton tr td .empCardSaveChanges{background-position:0 -551px; display:inline-block; padding-left:25px; font-family:'MyriadPro-Regular'; font-size:20px; line-height:20px;}
.linux.opera .addNewAreaButton tr td .empCardSaveChanges{line-height:30px;}
.linux.opera .addNewAreaButton tr td .sendSalaryInfoPopup{line-height:20px; padding:13px 0 8px 25px;}
.linux.opera .addNewAreaButton tr td.greenButton .sendSalaryInfoPopup{background-position:0 -79px;}
.linux.chrome .addNewAreaButton tr td .empCardSaveChanges{line-height:29px;}
.provideAreaName input.width45{ width:57px; text-align:center; font-style:italic;}
.provideAreaName input.width45.active[type="text"]{ width:57px; text-align:center; font-style:normal;} 
.provideAreaName input.width62{ width:62px; text-align:center; font-style:italic;}
.provideAreaName input.width62.active[type="text"]{ width:62px; text-align:center; font-style:normal;} 
.linux.gecko .addNewAreaButton tr td .empCardSaveChanges{ line-height:24px;}/*3-2-2014*/
.mac .addNewAreaButton tr td.greenButton .empCardSaveChanges, .mac .popupSaveChanges{background-position:0 -90px;}
.mac .addNewAreaButton tr td .empCardSaveChanges{background-position:0 -551px; line-height:22px;} 
.linux.chrome .addNewAreaButton tr td.greenButton .empCardSaveChanges, .linux.chrome .addNewAreaButton tr td .empCardSaveChanges{line-height:26px;}
.provideAreaName input.periodStartDateYear{ width:50px; text-align:center; font-style:italic;} 
.provideAreaName input.periodStartDateYear .active[type="text"]{ width:50px; text-align:center; font-style:normal;}

/*Action Icons*/

/*Area Part*/
.manageBtn .addNewArea{background-position:5px -116px; width:38px; text-align:center; float:left; display:block; height:19px;}
.manageBtn:hover .addNewArea{ background-position:-28px -116px; width:38px; text-align:center; float:left; display:block;}
.linux.gecko .manageBtn .addNewArea{background-position:5px -118px;}

.manageBtn .openArea{ background-position:5px -118px; width:38px; text-align:center; float:left; display:block; height:19px;}
.manageBtn:hover .openArea{ background-position:-28px -118px; width:38px; text-align:center; float:left; display:block; height:19px;}
/*.grayGradient .manageBtn:hover .openArea{ background-position:5px -118px; width:38px; text-align:center; float:left; display:block; height:19px;}*/

.manageBtn .editArea{background-position:5px -116px; width:38px; text-align:center; float:left; display:block; height:19px;}
.manageBtn:hover .editArea{ background-position:-28px -116px; width:38px; text-align:center; float:left; display:block; height:19px;}

/*Clinic Part*/
.manageBtn .viewClinic{background-position:5px -116px; width:38px; text-align:center; float:left; display:block; height:19px;}
.manageBtn:hover .viewClinic{ background-position:-28px -116px; width:38px; text-align:center; float:left; display:block; height:19px;}

.manageBtn .noClinic{background-position:5px -116px; width:38px; text-align:center; float:left; display:block; height:19px;}
.manageBtn:hover .noClinic{ background-position:-28px -116px; height:19px;}

.manageBtn .addNewClinic{background-position:5px -116px; width:38px; text-align:center; float:left; display:block; height:19px;}
.manageBtn:hover .addNewClinic{ background-position:-28px -116px; height:19px;}

.manageBtn .openClinicCard{background-position:5px -116px; width:38px; text-align:center; float:left; display:block; height:19px;}
.manageBtn:hover .openClinicCard{ background-position:-28px -116px; height:19px;}

.manageBtn .controlPanel{background-position:6px -146px; width:38px; text-align:center; float:left; display:block; height:19px;}
.manageBtn:hover .controlPanel{ background-position:-28px -146px;}

.manageBtn .viewAdmin{background-position:6px -172px; width:38px; text-align:center; float:left; display:block; height:19px;}
.manageBtn:hover .viewAdmin{ background-position:-28px -172px;}

/*Regional Leader Part*/
.manageBtn .noLeaders{background-position:5px -116px; width:38px; text-align:center; float:left; display:block; height:19px;}
.manageBtn:hover .noLeaders{ background-position:-28px -116px; height:19px;}

.manageBtn .openSubarea{background-position:5px -116px; width:38px; text-align:center; float:left; display:block; height:19px;}
.manageBtn:hover .openSubarea{ background-position:-28px -116px; height:19px;}

.manageBtn .viewLeaders{background-position:5px -116px; width:38px; text-align:center; float:left; display:block; height:19px;}
.manageBtn:hover .viewLeaders{ background-position:-28px -116px; height:19px;}

.manageBtn .addLeaders{background-position:5px -116px; width:38px; text-align:center; float:left; display:block; height:19px;}
.manageBtn:hover .addLeaders{ background-position:-28px -116px; height:19px;}

.manageBtn .openRegLeaderCard{background-position:5px -116px; width:38px; text-align:center; float:left; display:block; height:19px;}
.manageBtn:hover .openRegLeaderCard{ background-position:-28px -116px; height:19px;}

.manageBtn .changePass{background-position:5px -116px; width:38px; text-align:center; float:left; display:block; height:19px;}
.manageBtn:hover .changePass{ background-position:-28px -116px; height:19px;}

/*Add area popup*/

/******************************************* Area Box *******************************************/
.areaGridHeight{ height:100%;}
.ie8 .areaGridHeight{ height:50%;}
.clinicGridHeight{ height:100%;}
.ie8 .clinicGridHeight{ height:50%;}
.regionalLedGridHeight{ height:100%;}
.ie8 .regionalLedGridHeight{ height:38%;}


.areaIcon{ background-position:-24px -4px; width:45px; height:50px;display:block;}
.whiteArrow{background:url(/images/theme3/White-aro.png) no-repeat left top;width:18px;height:18px;display:inline-block;}
.editArealistBox{text-align:center;padding:0 2%;}
.clinicGridView{padding:3% 4% 1% 4%; text-align:left; float:left; width:100%; box-sizing:border-box;}
.clinicAdminGridView{padding:3% 4%; text-align:left; float:left; width:100%; box-sizing:border-box;}
.regionalGridView{padding:2% 4%; text-align:left; float:left; width:100%; box-sizing:border-box;}
.regionalGridView h1{ width:454px;}
.newsIcon{ background-position:-368px 0; width:49px; height:50px;display:inline-block;}
.announcementIcon{ background-position:-14px -482px; width:49px; height:50px;display:inline-block;}
.gradientBox:hover .announcementIcon{ background-position:-74px -482px; width:49px; height:50px;display:inline-block;}

/*Open area*/
.openAreaIcon{background:url(/images/theme3/open-icon.png) no-repeat left top;width:25px;height:25px;display:inline-block;}
.addAreaBox .manageBtn:hover .manageBtnText a{ color:#3b4a61;}
.addAreaBox .manageBtn.roundCornerAll{-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}

/*Edit area*/
.editAreaIcon{background:url(/images/theme3/editarea-icon.png) no-repeat left top;width:25px;height:25px;display:inline-block;}
.addAreaBox .manageBtn:hover .manageBtnText a{ color:#3b4a61;}

/*Add New area*/
.addAreaIcon{ background-position:-364px -37px; width:47px;height:46px;display:inline-block;text-decoration:none;}
.addAreaBox{border:1px solid #596b88; min-height:186px;cursor:pointer;float:left;height:186px;margin:0 1% 9px 0;width:24%; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; behavior:url(PIE.htc);position:relative;background:#fafafa; box-sizing:border-box;}
.addAreaBox.grayGradient{background:#e0e0e0;}
.addAreaBox.grayGradient:hover{background:#e0e0e0; border:1px solid #cfcfcf;}
.addAreaBox.grayGradient .manageBtn{background:#ece9e9;}

.addAreaBox .manageBtn .manageBtnText{ white-space:nowrap; display:inline-block; overflow:hidden; width:180px; text-overflow:ellipsis;}
.clinicGridViewHeight .manageBtn .manageBtnText{ white-space:nowrap; display:inline-block; overflow:hidden; width:430px; text-overflow:ellipsis;}
.regLeaderGridViewHeight .manageBtn .manageBtnText{ white-space:nowrap; display:inline-block; overflow:hidden; width:430px; text-overflow:ellipsis;}
.addAreaBox.manageClinicUsers .manageBtn .manageBtnText{white-space:nowrap; display:inline-block; overflow:hidden; width:260px; text-overflow:ellipsis;}

.addAreaBox:hover{ background:#f0f4f7;}
.addAreaBox:hover .mobileIcon{background-position:0 -56px; display:inline-block; height:19px; width:14px;}
.addAreaBox:hover .phoneIcon{background-position:0 -75px; display:inline-block; height:18px; width:14px;}
.addAreaBox:hover .emailIcon{background-position:0 -93px; display:inline-block; height:16px; width:14px;}

/*#areasList .last{margin-right:0;}*/
.addAreaBox h1{color:#7d7d7d;font-family:'MyriadPro-Regular';font-size:30px;font-weight:normal;margin:0;padding:0 0 4px 0;line-height:34px; }
.addAreaBox .clinicGridView h1{ white-space:nowrap; overflow:hidden; width:280px; text-overflow:ellipsis; padding:0 0 4px 0; box-sizing:border-box;}
.addAreaBox .clinicAdminGridView h1{ white-space:nowrap; overflow:hidden; width:425px; text-overflow:ellipsis;}
.linux .addAreaBox .clinicAdminGridView h1{ line-height:42px;}
.addAreaBox:hover .streetAdd, .addAreaBox:hover .postalCode, .addAreaBox:hover .contactText, .addAreaBox:hover .contactText a{color:#515e73;}
.addAreaBox:hover h1{color:#32578d;}
.addAreaBox .editArealistBox{ padding:14.9% 0;}/*17-2-2014*/
.addAreaBox .regionalBoxPadd{text-align:center;}
.arealistBox{text-align:center;}
.addAreaBox .manageBtn{width:100%;bottom:0;position:relative;clear:both;margin-top:-1px; background:url(../../images/theme3/default-manage-btn-bg.png) repeat-x left top; border-top:1px solid #596b88;}
.safari .addAreaBox .manageBtn{ margin-top:-1px;}
.addAreaBox .defaultGradient .manageBtn{ margin-top:-4px;}
.areaListmanageBtns{position:absolute;bottom:0;width:92%;}

.gridViewActivityTitle h1{width:238px; word-wrap:break-word; padding:0 10px; box-sizing:border-box;}
.jobroleTitle h1{width:238px; word-wrap:break-word; padding:10px 10px 10px 10px; box-sizing:border-box;}
.linux.opera .jobroleTitle h1{padding:10px 10px 0 10px!important;}
.mac.safari .jobroleTitle h1,.mac.chrome .jobroleTitle h1{padding:10px 10px 0 10px!important;}

.listViewBox .addNewSubArea{ width:96%;} 
.addNewSubArea{ background:#ffffff; height:67px;margin-bottom:12px;padding:10px 10px 10px 30px;width:99%; box-sizing:border-box;}
a.addSubAreaBtn{margin:0 0 0 10px;text-decoration:none;float:left;display:block;background:url(/images/theme3/add-subarea-btn-bg.png) repeat-x left top;cursor:pointer; border:1px solid #cfcfcf; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative;behavior:url(PIE.htc);}
a:hover.addSubAreaBtn{margin:0 0 0 10px;border:1px solid #a8b3c2;text-decoration:none;float:left;display:block;background:url(/images/theme3/add-subarea-btn-bg-hover.png) repeat-x left top; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative;behavior:url(PIE.htc);}
.addSubAreaBtnText{background:url(/images/theme3/return-back-divider.png) no-repeat center left;color:#3f5061;font-size:16px;font-family:'MyriadPro-Regular';float:left;padding:11px 12px;line-height:22px;}
.linux.opera .addSubAreaBtnText{padding:13px 12px 9px 12px;}
.addSubAreaBtnImg{margin:0;vertical-align:middle;float:left;padding:11px 13px;}
.addSubAreaBtnImg .addIcon{ background-position:-142px -96px; width:22px;height:22px;display:block;}

a.addSubAreaBtnSmall{margin:0 0 0 10px;text-decoration:none;float:left;display:block;background:url(/images/theme3/add-subarea-btn-bg.png) repeat-x left top;cursor:pointer; border:1px solid #cfcfcf; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative;behavior:url(PIE.htc);}
a:hover.addSubAreaBtnSmall{margin:0 0 0 10px;border:1px solid #a8b3c2;text-decoration:none;float:left;display:block;background:url(/images/theme3/add-subarea-btn-bg-hover.png) repeat-x left top; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative;behavior:url(PIE.htc);}
.addSubAreaBtnSmallText{background:url(/images/theme3/return-back-divider.png) no-repeat center left;color:#3f5061;font-size:16px;font-family:'MyriadPro-Regular';float:left;padding:6px 12px;line-height:22px;}
.linux.opera .addSubAreaBtnSmallText{padding:13px 12px 9px 12px;}
.addSubAreaBtnSmallImg{margin:0;vertical-align:middle;float:left;padding:6px 9px;}
.addSubAreaBtnSmallImg .addIcon{ background-position:-142px -96px; width:22px;height:22px;display:block;}

.manageClinicUsers.companyGridViewSmall{ height: 250px;}
.manageClinicUsers.expireGradient .companyDetail,.manageClinicUsers.trialGradient .companyDetail,.manageClinicUsers.activeGradient .companyDetail{ margin-top: 0;}

.addAreaBox.expireGradient, .gradientBoxList.expireGradient, .userIconView.expireGradient{ background: #fbb7b7;}
.addAreaBox.trialGradient, .gradientBoxList.trialGradient, .userIconView.trialGradient{ background: #fbfb93;}
.addAreaBox.activeGradient, .gradientBoxList.activeGradient, .userIconView.activeGradient{ background: #affcaf;}

.addAreaBox:hover.expireGradient, .gradientBoxList:hover.expireGradient, .userIconView:hover.expireGradient{ background: #fbb7b7;}
.addAreaBox:hover.trialGradient, .gradientBoxList:hover.trialGradient, .userIconView:hover.trialGradient{ background: #fbfb93;}
.addAreaBox:hover.activeGradient, .gradientBoxList:hover.activeGradient, .userIconView:hover.activeGradient{ background: #affcaf;}


/******************************************* Clinic Box *******************************************/
.clinicIcon{ background-position:-137px 0; width:50px;height:50px;display:inline-block;}
.cliniclistBox{text-align:center;}
.contactBox{padding:6px 10% 0 0;float:left; width:100%; box-sizing:border-box;}
.mobileIcon{background-position:0 1px;width:14px;display:inline-block;height:19px;}
.phoneIcon{background-position:0 -18px;width:14px;display:inline-block;height:18px;}
.emailIcon{background-position:0 -36px;width:14px;display:inline-block;height:16px; vertical-align:top;}

.mac.chrome .emailIcon{background-position:0 -37px;}
.mac.chrome .addAreaBox:hover .emailIcon{background-position:0 -94px;}

.linux.opera .emailIcon{background-position:0 -37px;}
.linux.opera .addAreaBox:hover .emailIcon{background-position:0 -94px;}

.linux.chrome .emailIcon{background-position:0 -38px;}
.linux.chrome .gradientBoxList:hover .emailIcon{background-position:0 -95px;}
.linux.chrome .addAreaBox:hover .emailIcon{background-position:0 -95px;}

.linux.chrome .phoneIcon{background-position:0 -20px;}
.linux.chrome .gradientBoxList:hover .phoneIcon{background-position:0 -77px;}
.linux.chrome .addAreaBox:hover .phoneIcon{background-position:0 -77px;}

.linux.gecko .emailIcon{background-position:0 -37px;}
.linux.gecko .addAreaBox:hover .emailIcon{background-position:0 -94px;}
.clinicGridView .contactText{ color:#7D7D7D;}
.contactText{font-family:'MyriadPro-Regular';font-size:14px;color:#4c4c4c;line-height:21px;}/*2-5-2014*/
.ie .contactText{ display:inline-block;}
.contactText a{font-family:'MyriadPro-Regular';font-size:15px;color:#4c4c4c;line-height:15px;text-decoration:none;}
.contactText a:hover{text-decoration:underline;}
.loginDetail{float:left;padding-top:25px;line-height:20px;}
.loginDetailText{font-family:'MyriadPro-Regular';font-size:20px;color:#4c4c4c;float:left;clear:both;}
.address, .PostalCode{font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#4c4c4c;line-height:25px;}
.gradientBoxList:hover .address, .gradientBoxList:hover .PostalCode{color:#515e73;}
.openingHrsText .contactText{font-size:14px; line-height:14px;}

/*Clinic Grid view*/
.clinicGridViewHeight{height:350px; width:48.8%;}

/*Add clinic Popup*/
.clinicTitle{width:99%;float:left;}
.clinicTitle .floatRight{ color:#8d8d8d;}

.ClinicBox label{color:#3b4a61;font-family:'MyriadPro-Regular';font-size:16px;line-height:16px;}
::-webkit-input-placeholder{color:#9398a1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
::-moz-placeholder{color:#9398a1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
:-ms-input-placeholder{color:#9398a1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
input:-moz-placeholder{color:#9398a1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}

.ClinicBox input[type="text"]{background:#d9e0e2; border:1px solid #cfcfcf; padding:4px 6px; color:#9398a1;display:block;font-family:'MyriadPro-Regular';font-style:italic;font-size:16px;font-weight:normal; text-align:left;width:89%;box-shadow:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior:url(PIE.htc);position:relative; float:left; margin:0; box-sizing:border-box;}
.ClinicBox input.active[type="text"]{color:#3b4a61;font-style:normal;}
.linux.gecko .ClinicBox input[type="text"]{padding:6px 6px 2px 6px;}
.linux.chrome .ClinicBox input[type="text"]{padding:6px 6px 2px 6px;}
.linux.opera .ClinicBox input[type="text"]{padding:7px 6px 1px 6px;}
.mac .ClinicBox input[type="text"]{padding:6px 6px 2px 6px;}

.subTitle{margin:0;padding:0 0 15px 0;font-size:18px;font-weight:normal;font-family:"MyriadPro-Regular";color:#3b4a61;line-height:20px; display:inline-block; width:100%; box-sizing:border-box;}
.locationHierarchy{display:inline-block;width:100%;}
.locationHierarchy ul{margin:0;padding:0;}
.locationHierarchy ul li{display:inline-block;padding:0 10px 10px 10px;color:#101010;font-family:"MyriadPro-Regular";font-size:18px;font-weight:bold;line-height:18px;}
.locationHierarchy ul li.separator{background:url(../../images/theme3/separator.png) no-repeat left 2px;width:43px;}
.addressInfo{padding:5px 0 7px 0;}
.streetAdd{font-family:'MyriadPro-Regular';font-size:18px;color:#4c4c4c;line-height:20px;}
.postalCode{font-family:'MyriadPro-Regular';font-size:16px;color:#4c4c4c;line-height:18px;}
.currStep{color:#3b4a61;}
.removeClinic .provideAreaName tr td.padd0{ padding:0;} 

/*SubActivity*/
.subActivityList{ height:75px; overflow:hidden;}
.subActivityDetail{font-family:'MyriadPro-Regular';font-size:16px;color:#4c4c4c;line-height:18px; width:210px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}

.activityWidth{ width:290px;}

/*Administrator clinic*/
.permissionBox{float:left;width:46%;margin-right:2%; margin-bottom:15px; min-height:75px;}
.ie .permissionBox{ min-height:80px;}
.smallText{font-family:'MyriadPro-Regular';font-size:14px;color:#3b4a61;line-height:16px;display:inline-block;}

/******************************************* Regional leader Box *******************************************/
.regionalLeaderIcon{ background-position:-200px 0; width:40px;height:50px;display:inline-block;}
.regionallistBox{text-align:center;}
.provideAreaName tr td .permissionText{font-size:16px; line-height:18px; margin-bottom:5px;}
.provideAreaName tr td .permissionText strong{font-size:16px; line-height:18px;}

/*Regional leader grid view*/
.regLeaderGridViewHeight{height:249px; width:48.8%;}
/* Textarea scrollbar changes : Changes done by Raghuvir */
textarea.textArea{background:none; border:none; color:#9398a1;padding:0;font-family:"MyriadPro-Regular";font-weight:normal;font-size:16px;margin:0; width:100%; height:175px; overflow:hidden; font-style:italic; resize:none; line-height:18px; box-sizing:border-box;}
textarea.textArea.active{font-style:normal; color:#3B4A61; box-sizing:border-box;}
.textarea-wrapper{background:#d9e0e2; height:195px; overflow:hidden; padding:1%; border:1px solid #CFCFCF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:none; width:88%;float:left; box-sizing:border-box; position: relative; z-index: 2;}
.hiddendiv{position:absolute; top:-9999px; left:-9999px; visibility:hidden; white-space: pre-wrap; width:95%; min-height:175px; font-family:"MyriadPro-Regular";font-weight:normal;font-size:16px;font-style:normal; padding:0; word-wrap: break-word;line-height:20px; box-sizing:border-box;}
/* Textarea scrollbar changes : Changes done by Raghuvir */

.procedureInfo .textarea-wrapper{background:#d9e0e2; height:110px; overflow:hidden; padding:1%; border:1px solid #CFCFCF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:none; width:88%;float:left; box-sizing:border-box;}
.procedureInfo textarea.textArea{background:#d9e0e2; padding:4px 6px; color:#9398a1; display:block;font-family:'MyriadPro-Regular';font-style:italic;font-size:16px;font-weight:normal;position:relative;text-align:left;width:100%; -moz-border-radius:5px;-webkit-border-radius:5px; box-shadow:none; border-radius:5px; float:left; margin:0; box-sizing:border-box;}
.procedureInfo textarea.textArea.active{font-style:normal; color:#3B4A61; box-sizing:border-box;}
.procedureInfo .hiddendiv{position:absolute; top:-9999px; left:-9999px; visibility:hidden; white-space: pre-wrap; width:95%; min-height:100px; font-family:"MyriadPro-Regular";font-weight:normal;font-size:16px;font-style:normal; padding:0; word-wrap: break-word;line-height:20px; box-sizing:border-box;}

/***************************************** Setting Page new design 27-6 *****************************************/
.settingPage{margin:0; width:100%; /*float:left;*/}
.settingPage50Left{margin:0; width:55%; float:left; margin-right:1%;}
.settingPage50Right{margin:0; width:43%; float:left; margin-left:1%;}
.settingPage .title, .settingPage50Left .title, .settingPage50Right .title{color:#3B4A61;font-family:'MyriadPro-Regular';font-size:20px;font-weight:normal;line-height:22px;margin:20px 0 10px 0;padding:0;}
.settingInfoBoxLeft{width:100%; margin-right:1%; float:left;}
.settingInfoBoxRight{width:100%; float:left;}
.settingboxInner{border:1px solid #768693; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; position:relative;behavior:url(PIE.htc);padding:20px 20px 5px 20px;}
.settingInfoBoxFull{width:100%; /*float:left;*/ margin-bottom:20px;}
.settingsIcon{ background-position:-256px -6px; width:41px;height:50px;display:inline-block;}
.viewLogIcon{ background-position:-333px -148px; width:36px;height:46px;display:inline-block;}
.notificationIcon{ background-position:0px -214px; width:40px;height:46px;display:inline-block;}
.removalToolIcon{ background-position:-330px -210px; width:42px;height:46px;display:inline-block;}

a.changePass{border:1px solid #CFCFCF;text-decoration:none; display:block;background:url(/images/theme3/return-back-bg.png) repeat-x left top;cursor:pointer;color:#3b4a61;font-size:16px;font-family:'MyriadPro-Regular';float:left;padding:5px 12px;line-height:22px; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; behavior:url(PIE.htc);position:relative;}
a:hover.changePass{border:1px solid #5b7e96;text-decoration:none;float:left;display:block;background:url(/images/theme3/return-back-hover-bg.png) repeat-x left top;}
.linux.gecko a.changePass{ padding:6px 12px 4px;}
.linux.opera a.changePass{ padding:8px 12px 3px;}
.settingInfoBoxRight .MT35{ margin-top:35px;}
.paddTB10{ padding:10px 0 9px 0;}
.collectiveAgrementIcon{background-position:-426px 7px; width:52px;height:50px;display:inline-block;}
.gradientBox:hover .collectiveAgrementIcon{background-position:-426px -62px; width:52px;height:50px;display:inline-block;}

/*Select Language Box*/
.selectLang{display:inline-block; width:100%;}
.langName{ text-align:center; color:#768693; font-size:18px; font-family:'MyriadPro-Regular'; margin-top:6px;}
.mac.gecko .langName{ margin-top:5px;}
.mac.chrome .langName{ margin-top:5px;}
.mac.safari .langName{ margin-top:4px;}
.linux.chrome .langName{ margin-top:5px;}
.selectLang .inputActionBox{ float:left; width:37%; cursor:pointer; margin:0 25px;}
.selectLang .inputActionBox .selectLangInner{border:2px solid #D0DCEB; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; position:relative;behavior:url(PIE.htc); padding:16px 0;}
.selectLang .inputActionBox .selectLangInner.selected{ border:2px solid #5b7e96;}
/*.Suomi{ background-position:-407px -128px; width:70px; height:42px; display:inline-block; border:1px solid #CFCFCF; box-sizing:border-box;}
.English{ background-position:-317px -128px; width:70px; height:42px; display:inline-block; border:1px solid #CFCFCF; box-sizing:border-box;}
*/
/*Contact Info Box*/
.contactInfoSmallText{font-size:14px;font-weight:normal;font-family:'MyriadPro-Regular';color:#768693;line-height:14px; margin-bottom:5px;}

/*Theme Box*/
.slideEffect{display:inline-block; width:100%;}
.slideEffect .slideEffectBox{float:left; width:43%; margin:0 13px; cursor:pointer; padding:14px 0; box-sizing:border-box;}
.slideEffect .slideEffectBoxInner{border:2px solid #D0DCEB; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; position:relative;behavior:url(PIE.htc); float:left; box-sizing:border-box;}
.slideEffect .slideEffectBoxInner.selected{ border:2px solid #5b7e96;}
.slideEffectBoxInner .themeList{ padding:9px;}

/*Setting images for english*/
.slideEffectImage_en{ background:url(../../images/theme3/theme3-animation_en.gif) no-repeat left top; height:95px; width:152px; display:inline-block;border: 1px solid #CFCFCF; box-sizing:border-box;}
.noEffectImage_en{ background:url(../../images/theme3/theme3-noeffect_en.gif) no-repeat left top; height:95px; width:152px; display:inline-block; border:1px solid #CFCFCF; box-sizing:border-box;}
.slideEffectImage1_en{ background:url(../../images/theme3/superadmin/theme3-animation_en.gif) no-repeat left top; height:95px; width:152px; display:inline-block;border: 1px solid #CFCFCF; box-sizing:border-box;}
.noEffectImage1_en{ background:url(../../images/theme3/superadmin/theme3-noeffect_en.gif) no-repeat left top; height:95px; width:152px; display:inline-block; border:1px solid #CFCFCF; box-sizing:border-box;}
.slideEffectImage2_en{ background:url(../../images/theme3/admin/theme3-animation_en.gif) no-repeat left top; height:95px; width:152px; display:inline-block;border: 1px solid #CFCFCF; box-sizing:border-box;}
.noEffectImage2_en{ background:url(../../images/theme3/admin/theme3-noeffect_en.gif) no-repeat left top; height:95px; width:152px; display:inline-block; border:1px solid #CFCFCF; box-sizing:border-box;}

/*Setting images for finnish*/
.slideEffectImage_fi{ background:url(../../images/theme3/theme3-animation_fi.gif) no-repeat left top; height:95px; width:152px; display:inline-block;border: 1px solid #CFCFCF; box-sizing:border-box;}
.noEffectImage_fi{ background:url(../../images/theme3/theme3-noeffect_fi.gif) no-repeat left top; height:95px; width:152px; display:inline-block; border:1px solid #CFCFCF; box-sizing:border-box;}
.slideEffectImage1_fi{ background:url(../../images/theme3/superadmin/theme3-animation_fi.gif) no-repeat left top; height:95px; width:152px; display:inline-block;border: 1px solid #CFCFCF; box-sizing:border-box;}
.noEffectImage1_fi{ background:url(../../images/theme3/superadmin/theme3-noeffect_fi.gif) no-repeat left top; height:95px; width:152px; display:inline-block; border:1px solid #CFCFCF; box-sizing:border-box;}
.slideEffectImage2_fi{ background:url(../../images/theme3/admin/theme3-animation_fi.gif) no-repeat left top; height:95px; width:152px; display:inline-block;border: 1px solid #CFCFCF; box-sizing:border-box;}
.noEffectImage2_fi{ background:url(../../images/theme3/admin/theme3-noeffect_fi.gif) no-repeat left top; height:95px; width:152px; display:inline-block; border:1px solid #CFCFCF; box-sizing:border-box;}
.slideEffectName{ text-align:center; color:#768693; font-size:18px; font-family:'MyriadPro-Regular'; margin-top:7px; float:left; width:100%;}
.slideEffectMinHeightUser{ min-height:184px;}
.slideEffectMinHeight{ min-height:239px;}
.slideEffectMinHeight .slideEffect .slideEffectBox{ padding:12px 0 12px;}
.slideEffectMinHeight .slideEffectName{ margin-top:20px;}
.win.chrome .slideEffectMinHeight .slideEffectName{ margin-top:19px;}
.win.safari .slideEffectMinHeight .slideEffectName{ margin-top:19px;}
.mac.gecko .slideEffectMinHeight .slideEffectName{ margin-top:18px;}
.mac.chrome .slideEffectMinHeight .slideEffectName{ margin-top:18px;}
.mac.safari .slideEffectMinHeight .slideEffectName{ margin-top:18px;}
.linux .slideEffectMinHeight .slideEffectName{ margin-top:19px;}
.linux.chrome .slideEffectMinHeight .slideEffectName{ margin-top:18px;}
.linux.opera .slideEffectMinHeight .slideEffectName{ margin-top:22px;}

/*Input box*/
.inputSmallText{font-size:14px;font-weight:normal;font-family:'MyriadPro-Regular';color:#768693;line-height:12px;}
.inputMethodBox{ width:100%; display:inline-block;}
.inputMethodBox .inputActionBox{width:25%; float:left; padding:12px 0 15px 0; box-sizing:border-box;}
.linux .inputMethodBox .inputActionBox{padding:12px 0 14px 0;} 
.linux.opera .inputMethodBox .inputActionBox{padding:14px 0 14px 0;} 
.win.safari .inputMethodBox .inputActionBox{ padding:12px 0 15px 0;}
.mac.safari .inputMethodBox .inputActionBox{ padding:12px 0 14px 0;}
.inputMethodBox .inputActionUserBox{width:50%; float:left; padding:0 0 0 0; box-sizing:border-box;}
.inputMethodBox .inputActionUserBox .inputMethodInner{padding:22px 0 21px 0;}
.inputMethodBox .inputMethodInner{ border:2px solid #D0DCEB; padding:7px 0; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px; position:relative;behavior:url(PIE.htc); margin:7px 10px 7px 10px; cursor:pointer;}
.inputMethodBox .inputMethodInner.selected{ border:2px solid #5b7e96;}
.inputMethodBox .inputMethodInner .themeList{ padding:0;}
.inputMethodName{ text-align:center; color:#768693; font-size:13px; font-family:'MyriadPro-Regular'; margin-bottom:9px;}
.mac.chrome .inputMethodName{ margin-bottom:8px;}
.inputActionUserBox .inputMethodName{ font-size:16px;}
.inputMethod-1{ background-position:-207px -36px; height:50px; width:50px; display:inline-block;}
.inputMethod-2{ background-position:-90px -36px; height:50px; width:50px; display:inline-block;}
.inputMethod-3{	background-position:-9px -36px; height:50px; width:72px; display:inline-block;}
.inputMethod-4{	background-position:-148px -36px; height:50px; width:50px; display:inline-block;}

/*Theme Box*/
.themeBoxMain{display:inline-block; width:100%;}
.themeBoxMain .themeBox{float:left; width:29%; margin:5px 20px;}
.themeBoxMain .themeboxInner{border:2px solid #D0DCEB; border-radius:5px 5px 5px 5px; margin:0; padding:10px; position:relative; float:left; cursor:pointer;}
.themeBoxMain .themeboxInner.selected{ border:2px solid #5b7e96;}
.themeName{text-align:center; color:#768693; font-size:18px; font-family:'MyriadPro-Regular'; margin-bottom:10px;}
.themeList{padding:10px;text-align:center;}
.helpText{color:#768693;font-size:16px;font-family:'MyriadPro-Regular';line-height:18px;width:100%;text-align:center;margin-top:7px;}
.themeList input{vertical-align:top;margin:0 10px 0 0;}
.themeList img{border:1px solid #CFCFCF;}

/*photoUploadBox*/
.photoUploadBox .uploadPhotoAction a{ min-width:135px; margin-right:10px;}
.photoUploadBox .provideAreaName tr td.padd0{ padding:0;}
.settingInfoBox .photoUploadBox .billingPlaceDetail{ padding:0 2%\9;}
.minHeight139{ min-height:137px;}

/*Super side Time input method box*//*18-2-2014*/
.superSetting .inputMethodBox .inputActionBox{ width:20%; margin:0 23px;}
.superSetting .inputMethodBox .inputMethodInner{ margin:7px 20px; padding:27px 0;}
.superSetting .inputMethodName{ font-size:17px;} 

/******************************************* Logout *******************************************/
.logoutIcon{ background-position:-82px -4px; width:46px;height:51px;display:inline-block;}

/******************************************* loader *******************************************/
.loaderimgText {position:fixed; z-index:9999999999; top:0; padding-top:20%; margin:0 -20px; width:100%; height:100%; color:#000000; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold; box-sizing:border-box;}
.errorMsgWithAction{position:fixed; z-index:9999999999; top:0; margin:22% -20px; width:100%; color:#000000; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.backTransparant{position:fixed; left:0; z-index:99999999; top:0; width:100%; height:100%;}

/******************************************* Activity color *******************************************/
.activityCol0 { background: none repeat scroll 0 0 #1084d1; color: #FFFFFF; padding: 6px; width:152px; text-align:left; min-height:54px; word-wrap:break-word; box-sizing:border-box;}
.activityCol1 { background: none repeat scroll 0 0 #1084d1; color: #FFFFFF; padding: 6px; width:152px; text-align:left; min-height:54px; word-wrap:break-word; box-sizing:border-box;}
.activityCol2 { background: none repeat scroll 0 0 #c0504d; color: #FFFFFF; padding: 6px; width:152px; text-align:left; min-height:54px; word-wrap:break-word; box-sizing:border-box;}
.activityCol3 { background: none repeat scroll 0 0 #8064a2; color: #FFFFFF; padding: 6px; width:152px; text-align:left; min-height:54px; word-wrap:break-word; box-sizing:border-box;}
.activityCol4 { background: none repeat scroll 0 0 #8064a2; color: #FFFFFF; padding: 6px; width:152px; text-align:left; min-height:54px; word-wrap:break-word; box-sizing:border-box;}
.activityCol5 { background: none repeat scroll 0 0 #8064a2; color: #FFFFFF; padding: 6px; width:152px; text-align:left; min-height:54px; word-wrap:break-word; box-sizing:border-box;}
.activityCol6 { background: none repeat scroll 0 0 #f79646; color: #FFFFFF; padding: 6px; width:152px; text-align:left; min-height:54px; word-wrap:break-word; box-sizing:border-box;}
.activityCol7 { background: none repeat scroll 0 0 #215968; color: #FFFFFF; padding: 6px; width:152px; text-align:left; min-height:54px; word-wrap:break-word; box-sizing:border-box;}
.activityCol8 { background: none repeat scroll 0 0 #215968; color: #FFFFFF; padding: 6px; width:152px; text-align:left; min-height:54px; word-wrap:break-word; box-sizing:border-box;}
.activityCol9 { background: none repeat scroll 0 0 #215968; color: #FFFFFF; padding: 6px; width:152px; text-align:left; min-height:54px; word-wrap:break-word; box-sizing:border-box;}
.activityCol10 {background: none repeat scroll 0 0 #f3f019; color:#000000; padding: 6px; width:95%; text-align:center; word-wrap:break-word; box-sizing:border-box;}
.activityCol11 {background: none repeat scroll 0 0 #909495; color:#FFFFFF; padding: 6px; width:152px; text-align:left; word-wrap:break-word; box-sizing:border-box;}

/* Worker wish for change by Chintan Mirani */
.fixPopupSmallDiv {width:263px; padding:0; margin:0 5px 0 0; box-sizing:border-box;}
.addAreaDiv{width:316px;}
.popupMainDiv{width:268px;overflow:hidden;display:block; padding-bottom:5px;}
.activityPopupMainDiv{width:360px;overflow:hidden;display:block; margin-right:10px;}
.activityFixPopupSmallDiv{width:345px; padding:0; margin:0 0 6px; box-sizing:border-box;}

.fixPopupSmallDivWish{width:422px; padding:0; box-sizing:border-box;}
.popupMainDivWish{width:430px;overflow:hidden;display:block; margin-right:10px; margin-left:45px; padding-bottom:10px;}

/*Scrollbar*/
.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 3px;}
.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -22px; position:absolute; bottom:0; width:20px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#20558A;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:20558A;}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:#4D82B7;}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{ display:block; position:relative; height:20px; overflow:hidden; margin:0 auto; cursor:pointer;}
.mCSB_scrollTools .mCSB_buttonDown{ position:absolute; margin-top:-21px; bottom:0;}
.mCSB_scrollTools .mCSB_buttonLeft{ background-position:-80px -40px;}
.mCSB_scrollTools .mCSB_buttonRight{ background-position:-80px -56px;}

/* Dropdown Select Box CSS */
.dd2 { text-align:left; 
background: #a8b4c1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4YjRjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWUwZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #a8b4c1 0, #d9e0e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#a8b4c1), color-stop(100%,#d9e0e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a8b4c1 0,#d9e0e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a8b4c1 0,#d9e0e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a8b4c1 0,#d9e0e2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a8b4c1 0,#d9e0e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8b4c1', endColorstr='#d9e0e2',GradientType=0 ); /* IE6-8 */

border:1px solid #C0C0C0; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; behavior:url(PIE.htc);position:relative; display:inline-block; width:auto!important; margin:0; outline:none; cursor:pointer; box-sizing:border-box;}
.dd2 .ddTitle{margin:0;text-decoration:none;display:block; text-indent:0; cursor:default; /*overflow:hidden*/ /*height:15px; */padding:3px 20px 4px 6px; white-space:nowrap; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ie9 .dd2 .ddTitle{overflow:hidden;}
.ie8 .dd2 .ddTitle{padding:3px 20px 5px 6px; float:left;}
.ie8 .dd2.shortMonthSeletBoxWidth .ddTitle{ width:70%;}
.linux .dd2 .ddTitle{ padding:3px 20px 0 6px;}

.regNewEmp ul.billingPlacesList .ddChild li{ margin-bottom:0;}
.dd2 .ddTitle span.arrow { background:url(/images/theme3/calender-arrow.png) no-repeat center center; float:right; width:12px; height:7px; cursor:pointer; top:7px; position:relative; right:-16px;}
.ie8.dd2 .ddTitle span.arrow {top:12px;}

.dd2 .ddTitle span.ddTitleText{ color:#3b4a61;font-style:normal;font-family:"MyriadPro-Regular";font-size:15px;font-weight:normal; overflow:hidden; line-height:normal; position:relative; top:1px;}
.dd2 .ddChild{ display:none; margin:0; overflow:auto; overflow-x:hidden; background:#ffffff;border:1px solid #C0C0C0; -moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; behavior:url(PIE.htc);position:relative; left:-1px; width:100%; box-sizing:border-box;}
.dd2 .ddChild ul{ margin:0; padding:0; width:auto; box-sizing:border-box;}
.dd2 .ddChild li{ background:none; padding:6px 6px 8px; list-style:none; display:block; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; behavior:url(PIE.htc);position:relative;}
.dd2 .ddChild li .ddlabel { color:#3b4a61;font-style:normal;font-family:"MyriadPro-Regular";font-size:15px;font-weight:normal;}
.dd2 .ddChild li.hover{background-color:#f0f4f7; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 7px; border-radius:5px 5px 5px 5px; behavior:url(PIE.htc);position:relative;}
.dd2 .ddChild li.selected { background-color: #f0f4f7;}
.leftBottomSelect .dd2{-moz-border-radius:0 5px 0 3px; -webkit-border-radius:0 5px 0 3px; border-radius:0 5px 0 3px; border:1px solid #B1BAC8; /*width:155px!important;*/ width:155px; box-sizing:border-box;}
.addShiftSelectWidth{ width:85%;}

/*Not Required below part start*/
.addShiftSelectWidth .dd2{ /*width:100%!important;*/ width:100%;}
.leftBottomSelect .dd2 .ddChild{ /*bottom:31px!important; top:auto!important;*/ bottom:31px; top:auto;}
.selectTop .dd2 .ddChild{ /*bottom:30px!important; top:auto!important;*/ bottom:30px; top:auto;}
.selectBottom .dd2 .ddChild{ /*top:30px!important; bottom:auto!important;*/ top:30px; bottom:auto;}
/*Not Required below part complete*/

.minHeightDefault{ min-height:120px;}
.maxHeightDefault{ min-height:255px;}

/****************************Realized hours colors for shift***Added by Chintan*****************************/
/*.periodClass{background:#0d7ba7;}*/
.greenShift{background:green;}
.yellowShift{background:yellow;}
.strongBlueShift{background:#3503FF;}
.lightBlueShift{background:#7C5CED;}
.strongBlueShift .realisedShiftDay, .strongBlueShift .plannedShiftTime{ color:#32578d;}
.strongBlueShift .additionalInfo{ color:#4c4c4c;}
.strongBlueShift .realisedShiftDate, .strongBlueShift .realizedPlannedShiftName{ color:#ffffff;}
.strongBlueShift.publicholidayTitle .realisedShiftDay{ color:#32578D;}
.strongBlueShift.publicholidayTitle .realisedShiftDate{color:#333333;}

.publicholidayTitle .realisedShiftDate div, .saturdayTitleSingle .realisedShiftDate div, .sundayTitleSingle .realisedShiftDate div{color:#32578D; font-family:'MyriadPro-Semibold'; font-size:14px; font-weight:normal; line-height:14px;}

/* =Radial and Grid Menu CSS= */
.posRel{ position:relative;}
a.returnBack.posAbsolute{ position:absolute;}
.posAbs{ width:1px; position:absolute; z-index:999;}
.addAreaPopupContent tr td .clear{ /*overflow:visible !important; width:auto !important;*/ overflow:visible; width:auto;}
.radialTop{ top:-62px; height:126px; left:-54px;}
.radialBottom{bottom:-8px; height:126px; left:-40px;}
.gridTop{ top:-41px; height:81px; left:-33px;}
.gridBottom{bottom:-7px; height:81px; left:-33px;}
.multiRadialHM{top:-66px; height:154px; left:-122px; width:310px;}
.multiRadialHM.addShiftTop{top:-60px;}
.multiGridHM{ top:-41px; height:114px; left:-92px; width:210px;}
.gridTopSmall{ top:-16px; height:49px; left:-20px;}
.gridBottomSmall{bottom:-1px; height:49px; left:-20px;}
.weekGridTop{ top:1px; height:113px; left:-49px;}
.weekGridBottom{bottom:4px; height:113px; left:-49px;}
.centerTextValue{font-weight:bold; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:15px; left:67px; position:absolute; top:68px; height:20px; width:20px; text-align:center;}
.radialLeft{ top:-60px; height:126px; left:-95px;}
.radialRight{ top:-60px; height:126px; left:0;}
.gridLeftSmall{bottom:-1px; height:49px; left:-29px;}
.gridRight{bottom:-7px; height:81px; left:0;}
.multiLeft{ left:0;}

.provideAreaName input.blinkInputDefault{background:url(../../images/theme3/inputbox-bg.png) repeat-x scroll left top transparent;}
.provideAreaName input.blinkInputYellow{ background:#ffff00; color:#333333;}
.provideAreaName input.greenTextbox{ background:#00b300; color:#ffffff;}
.provideAreaName input.yellowTextbox{ background:#ffff00; color:#333333;}
.greenTextbox .dd2,.dd2.greenSelect{ background:#00b300;}
.yellowTextbox .dd2,.dd2.yellowSelect{ background:#ffff00;}
.greenTextbox .dd2 .ddTitle span.ddTitleText, .dd2.greenSelect .ddTitle span.ddTitleText, .dd2 .ddChild li.green .ddlabel{ color:#ffffff;}
.yellowTextbox .dd2 .ddTitle span.ddTitleText, .dd2.yellowSelect .ddTitle span.ddTitleText, .dd2 .ddChild li.red .ddlabel{ color:#333333;}
.addShiftPaddLeft{padding-left:125px;}
.dd2 .ddChild li.green{ background:#00b300;}
.dd2 .ddChild li.red{ background:#ff0000;}

/****************************Calendar worker wise view***Added by Chintan*****************************/
.UserMonthWeekEmpNameLarge .fc-view-agendaWeek .fc-widget-content{ cursor:default;}

.hodidayShift{background:yellow; color:black;}

/* Realized, activity TopBar */

.realizedHelpIcon a{ padding:6px;}
.helpIcon{ background-position:-152px -188px; display:inline-block; width:32px; height:32px;}
.linux.gecko .fc-header-left .realizedHelpIcon a{ padding:6px;}

.fc-header{border:1px solid #CFCFCF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-bottom:15px;width:100%; margin-top:5px; float:left;height:48px; box-sizing:border-box;}

.fc-headerSalaryReport{ width:83%; float:right;}
.fc-header-left a{color:#4c4c4c; font-size:23px; font-family:'MyriadPro-Semibold'; padding-left:10px; text-decoration:none; line-height:30px;}
/*.linux.gecko .fc-header-left a{ padding-top:2px; display:inline-block; line-height:26px; font-weight:normal;}*/
/*.linux.chrome .fc-header-left a{ padding-top:0; display:inline-block; line-height:31px;}*/
.mac.chrome .fc-header-left a{ line-height:31px;}

.fc-header-left span.empNameSimple{color:#4c4c4c; font-size:23px; font-family:'MyriadPro-Semibold'; padding-left:10px; text-decoration:none;}
.fc-header-left span .firstName{ font-weight:normal;font-family:'MyriadPro-Regular';}

.fc-header-left a .firstName{ font-weight:normal;font-family:'MyriadPro-Regular';}
.headCenter span{color:#4c4c4c; font-size:16px; font-family:'MyriadPro-Regular'; text-decoration:none; font-weight:normal;line-height:14px;}
.linux.opera .headCenter span{ line-height:19px;}
.headCenter a{color:#4c4c4c; font-size:16px; font-family:'MyriadPro-Regular'; text-decoration:none; display:inline-block;font-weight:normal; line-height:16px;}
.headCenter a.headerLinkPadd{padding:15px 9px;}
.mac .headCenter a.headerLinkPadd{padding:16px 9px 12px 9px;}
.linux.opera .headCenter a.headerLinkPadd{padding:18px 9px 12px 9px;}
.linux.opera .headCenter a.headerLinkPadd.insertShiftintoDbDisable{padding:16px 9px 11px 9px;}
/*.linux.chrome .headCenter a.headerLinkPadd{padding:17px 9px 9px 9px;}*/
.headCenter{float:right;}
.headCenter .divider.selected{ background:url(../../images/theme3/realized-table-top-bg-active.png) repeat-x left bottom; height:46px;}
.headCenter .divider:hover{ background:url(../../images/theme3/realized-table-top-bg-active.png) repeat-x left bottom;}
.headCenter .divider{border-left:1px solid #cfcfcf; float:left; height:46px;background:url(../../images/theme3/realized-table-top-bg.png) repeat-x left top;}
.headCenter .divider.last{-moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;} 
.headCenter .monthBlock{background:url(../../images/theme3/realized-table-top-bg.png) repeat-x left top;}
.headCenter .dividerBorderLeft{ border-left:1px solid #cfcfcf; float:left; height:46px;}
.headCenter a.readyForAccounting{border:1px solid #cfcfcf;text-decoration:none; display:block;background:url(/images/theme3/ready-for-accounting.png) repeat-x left top;cursor:pointer;color:#4c4c4c;font-size:16px;font-family:'MyriadPro-Regular';float:left;padding:5px 12px;line-height:22px; font-weight:normal; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.linux.opera .headCenter a.readyForAccounting{ padding:8px 12px 2px 12px;}
.headCenter a:hover.readyForAccounting{border:1px solid #cfcfcf;text-decoration:none;float:left;display:block;background:url(/images/theme3/ready-for-accounting-hover.png) repeat-x left top;}
.linux.chrome .headCenter a.readyForAccounting{padding:8px 12px 2px 12px;}
.linux.opera .empNamePadd{padding:9px 0 2px 0;}
.mac.safari .empNamePadd{padding:10px 0 6px 0;}
.mac.gecko .empNamePadd{padding:9px 0 0 0;}
.empNamePadd{ padding:8px 0 2px 0;}
.ie8 .empNamePadd{ padding:7px 0 4px 10px;}
.empPhoto img{ cursor:pointer; width:100px; height:100px;}
.empPhoto.userEmpPhoto img{ cursor:default;}
.empName{ width:130px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;color:#3989A9; font-family:'HelveticaNeue'; font-size:15px;font-weight:bold;}
.empNameLarge{width:220px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;color:#3989A9; font-family:'HelveticaNeue'; font-size:15px; font-weight:bold;}
.realizedEmpNameLarge a{width:390px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;color:#4c4c4c; font-family:"MyriadPro-Semibold"; font-size:23px; font-weight:bold;}

.monthWeekEmpNameLarge{color:#3989A9; font-family:'HelveticaNeue'; font-size:15px;font-weight:bold;}
.win.safari .monthWeekEmpNameLarge{ padding:9px 0 9px 0;}
.activityEmpNameLarge{/*width:450px;*/ text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;color:#3989A9; font-family:'HelveticaNeue'; font-size:15px;font-weight:bold;}
.totalConfirmRealizedHrs{color:#3f5061; font-size:15px; font-family:'MyriadPro-Regular'; text-decoration:none; font-weight:normal; font-weight:bold; float:right; margin-bottom:15px; margin-right:2px; width:100%; text-align:right;}
.hoursBankBalance{color:#7D7D7D; font-size:16px; font-family:'MyriadPro-Regular'; text-decoration:none; font-weight:normal; margin-bottom:15px; margin-right:2px; line-height:16px;}
.linux.opera .hoursBankBalance{ line-height:19px;} 
.linux.chrome .totalConfirmRealizedHrs{ margin-bottom:10px;}
a .prevArrow{ background-position:-258px -93px; width:15px; height:20px; display:inline-block;}
a:hover .prevArrow{background-position:-337px -93px; height:20px;}
a .nextArrow{background-position:-311px -93px; width:15px; height:20px; display:inline-block;}
a:hover .nextArrow{background-position:-390px -93px; height:20px;}

.linux.Chrome .empNameLarge{margin-top:5px;}
.linux.chrome .empNamePadd{padding:9px 0 0 0;}
.linux.gecko .empNamePadd{padding:10px 0 1px;}
.mac.chrome .empNamePadd{ padding:9px 0 3px 0;}

.linux a .prevArrow{background-position:-258px -93px;}
.linux a .nextArrow{background-position:-311px -93px;}
.linux a:hover .prevArrow{ background-position:-337px -93px;}
.linux a:hover .nextArrow{background-position:-390px -93px;}

.linux.chrome a .prevArrow{background-position:-258px -94px;}
.linux.chrome a .nextArrow{background-position:-311px -94px;}
.linux.chrome a:hover .prevArrow{ background-position:-337px -94px;}
.linux.chrome a:hover .nextArrow{background-position:-390px -94px;}

.mac a .prevArrow{ background-position:-258px -94px; width:15px; height:17px; display:inline-block;}
.mac a:hover .prevArrow{background-position:-337px -94px; height:17px;}
.mac a .nextArrow{background-position:-311px -94px; width:15px; height:17px; display:inline-block;}
.mac a:hover .nextArrow{background-position:-390px -94px; height:17px;}

/*Calender Css*/
.infoIcon{background-position:-143px -549px; display:inline-block; height:47px; width:50px; padding:8px 9px; box-sizing:border-box;}
.cbaInfoIcon{background-position:-143px -556px; display:inline-block; height:32px; width:50px; padding:0 9px; box-sizing:border-box;}
.infoText ul{ padding:0; margin:0;}
.infoText ul li{ padding:0 10px 10px 15px; margin:0; list-style:none; background:url(../../images/theme3/infoTextArrow.png) no-repeat left 3px; font-size:17px; line-height:18px;}
.mac .infoText ul li{background:url(../../images/theme3/infoTextArrow.png) no-repeat left 1px;}
.linux .infoText ul li{background:url(../../images/theme3/infoTextArrow.png) no-repeat left 1px;}
.infoText ul li.last{padding:0 10px 0 15px;}

.addNewShiftName{ float:left; padding-top:5px;}
.linux.opera .addNewShiftName{padding-top:8px;}
.linux.gecko .addNewShiftName{padding-top:6px;}
.linux.chrome .addNewShiftName{padding-top:7px;}
.mac .addNewShiftName{padding-top:7px;}

.fc-view-agendaWeek .shiftNameTime{ font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:14px;}
.mac .fc-view-agendaWeek .shiftNameTime{line-height:16px;}
.linux .fc-view-agendaWeek .shiftNameTime{line-height:15px;}
.linux.chrome .fc-view-agendaWeek .shiftNameTime{line-height:16px;}
.fc-view-agendaWeek .shiftNameTimeLessFive{ font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:14px;}
.fc-view-agendaWeek .paddTB5{padding:0 0 7px 3px;}
.fc-view-agendaWeek .shiftNameTimeLessFive.paddTB5{padding:0 0 0 3px;}
.linux.chrome .fc-view-agendaWeek .shiftNameTimeLessFive{ line-height:15px;}

.upperDiv{ border:1px solid #CFCFCF; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.shiftNameTime{ width:82%; float:left; font-family:'MyriadPro-Semibold'; font-size:13px; height:inherit; line-height:13px; overflow:hidden; color:#4c4c4c;}
.fc-view-agendaWeek .shiftNameTimeBorder{ border:1px solid #A4A4A4; margin-top:-1px;}
.linux.chrome .shiftNameTime .paddTB5{padding:9px 0 5px 0;}
.shiftNameTimeLessFive{width:82%; float:left; font-family:'MyriadPro-Semibold'; font-size:13px; height:inherit; line-height:13px; padding-left:5px; overflow:hidden; color:#4C4C4C; padding-top:0; box-sizing:border-box;} 
.shiftNameTimeLessFive .paddTB5{ padding:0;}
.removeShift{ background-position:-244px -3px; width:18px; height:18px; vertical-align:top; background-color:#d1dde5; padding:1px; -moz-border-radius:0 5px 0 0; -webkit-border-radius:0 5px 0 0; border-radius:0 5px 0 0; float:right; font-size:0; box-sizing:border-box;}
.fc-view-agendaWeek .removeShift{-moz-border-radius:0;-webkit-border-radius:0; border-radius:0;}
.removeShiftLessFive{background-color:#d1dde5; background-position:-244px -4px; width:18px; height:18px; vertical-align:top; padding:1px; float:right; font-size:0; box-sizing:border-box;}
.fc-view-month .removeShiftLessFive{width:18px; height:17px; padding:1px; background-position:-244px -3px; font-size:0; box-sizing:border-box;}
.fc-header-center{text-align: center;}
.realizedEmpPhoto{ padding:10px 14px 9px 14px; float:left; border-style:solid; border-color:#CFCFCF; border-width:0 1px 0 0; -moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px;}
.realizedEmpPhoto img{ vertical-align:middle; border:1px solid #C0C0C0;}
.calendarNoPhoto{padding:10px 14px 9px 14px; float:left; border-style:solid; border-color:#cfcfcf; border-width:0 1px 0 0; -moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; cursor:pointer;}
.calendarNoPhotoInner{ height:25px; width:20px; float:left; vertical-align:middle; background:url(../../images/theme3/no-user.png) no-repeat center center;}
.fc-header-right .headRight{ margin:0 0;}
.fc-header-right .headRight .dd2 .ddTitle span{ padding-left:0;}
.activityWiseHeader .fc-header-left{text-align:left;}
.activityWiseHeader .fc-header-right{text-align:right;}
.myShiftName{color:#4c4c4c; font-size:23px; font-family:'MyriadPro-Semibold'; padding-left:10px; text-decoration:none;}
.linux.gecko .myShiftName{ padding-left:10px;}
.linux.chrome .myShiftName{ padding-left:10px;}
.linux.opera .myShiftName{ padding-left:10px;}
.fc-header-right .headRight.marTopBot10{margin:8px 0;}
.fc-header-right .headRight .headerRightText{color:#323232; font-size:13px; font-family:'MyriadPro-Regular'; text-decoration:none;font-weight:bold; line-height:20px;}
.linux .fc-header-right .headRight .headerRightText{margin-top:11px;}
.fc-header-left .headRight .headerRightText{color:#3B4A61; font-size:13px; font-family:'MyriadPro-Regular'; text-decoration:none;font-weight:bold; margin-top:11px;}

/*Calender Input, selectbox, textarea*/
.calenderInput input{ background:#d9e0e2; padding:3px 0; font-size:13px; color:#3B4A61; font-family:Arial, Helvetica, sans-serif; text-align:center;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.mac .calenderInput input{ padding:4px 0;}
.calenderInput input[type="text"]:disabled{ background:#B1B1B1; border:1px solid #828282; color:#828282;}
.calenderInput .dd2 .ddTitle span.ddTitleText{ font-size:12px; line-height:14px; width:88%;display:inline-block;}
.calenderInput .dd2 .ddTitle{ padding:4px 4px 5px 4px;}

.calenderInput .dd2 .ddTitle span.arrow{top:4px; background:url(../../images/theme3/calender-arrow.png) no-repeat left top; height:7px; width:12px; display:inline-block; right:-2px;}
.calenderInput .dd2 .ddChild li .ddlabel{ font-size:13px;}
.headCenter.marginLeft10{ margin-left:10px;}
.calenderInput .dd2{ width:98%;}
.calenderInput .dd2 .ddTitle span.ddTitleText{ width:88%;display:inline-block;}

.calenderInput.threeTableWidth .dd2{ width:46.5%;}
.calenderInput.threeTableWidth .dd2 .ddTitle span.ddTitleText{ width:72%;}
.calenderInput.signleTableWidth .dd2{ width:47.5%;}
.calenderInput.signleTableWidth .dd2 .ddTitle span.ddTitleText{ width:82%;}
.calenderInput .select100 .dd2{ width:99%;}
.calenderInput.threeTableWidth .select100 .dd2 .ddTitle span.ddTitleText{ width:88%;}
.calenderInput .dd2 .ddChild li{ padding:3px 6px 3px;}

/*REALIZED WORKING HOURS*/
.realizedFirstCell td.firstCell{-moz-border-radius:5px 0 0 0; -webkit-border-radius:5px 0 0 0; border-radius:5px 0 0 0; border-top:1px solid #D2D2D2;}
.signleTableWidth tr.lastBottomBorder td, .threeTableWidth tr.lastBottomBorder td{ border-bottom:1px solid #D2D2D2;}
.realizedWorkingTable{ width:100%; margin-bottom:10px;}
.realizedWorkingTable .signleTableWidth{width:100%; margin:0 auto;}
.realizedWorkingTable tr td{ border-color:#d2d2d2; border-style:solid; border-width:1px 0 1px 1px;}
.realizedWorkingTable tr th{ border-color:#d2d2d2; border-style:solid; border-width:1px 0 0 1px; background:url(../../images/theme3/realized-table-th-bg.png) repeat-x left top;padding:10px 0;}
.realizedWorkingTable tr th.first{ background:none; border:none;}
.realizedWorkingTable .innerTable tr th{color:#4c4c4c; font-family:'MyriadPro-Semibold'; font-size:14px; padding:5px 7px; height:43px; text-align:left; box-sizing:border-box;}
.linux.chrome .realizedWorkingTable .innerTable tr th{padding:8px 7px 5px 7px;}
.linux.opera .realizedWorkingTable .innerTable tr th{padding:8px 7px 8px 7px;}
.realizedWorkingTable .innerTable tr td.last, .realizedWorkingTable .innerTable tr th.last{ border-right:1px solid #d2d2d2; padding:5px 7px;}
.realizedWorkingTable .innerTable tr td td{ border:none;}
.realizedWorkingTable .innerTable tr th.borderNone{ border:none; background:none;}
.realizedWorkingTable .innerTable tr th.borderBottom{ border-bottom:1px solid #d2d2d2;}
.realizedWorkingTable .innerTable tr td.shiftDay{color:#323232; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; padding:5px;}
.realizedWorkingTable tr td{color:#161e31; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.threeTableWidth.inputWidth textarea{ width:100%; height:82px; white-space:normal;word-wrap:normal; float:left; min-height:42px; font-size:16px; box-sizing:border-box;}

/* Textarea scrollbar changes : Changes done by Raghuvir */
.signleTableWidth.inputWidth textarea{width:100%;border:none; height:80px; min-height:80px; font-size:16px; overflow:hidden;resize:none;line-height:20px; box-sizing:border-box;}
.signleTableWidth .textarea-wrapper{width:100%;border:1px solid #CFCFCF; height:90px; min-height:80px; font-size:16px; overflow:hidden; box-sizing:border-box;}
.signleTableWidth .hiddendiv{position:absolute; top:-9999px; left:-9999px; visibility:hidden; white-space: pre-wrap; width:95%; min-height: 40px; font-size:16px; padding:0; word-wrap: break-word;line-height:20px; box-sizing:border-box;}
.linux .signleTableWidth .textarea-wrapper{ height:44px; min-height:44px;}
.linux.opera .signleTableWidth .textarea-wrapper{ height:46px; min-height:46px;}
.mac .signleTableWidth .textarea-wrapper{ height:49px; min-height:49px;}
/* Textarea scrollbar changes : Changes done by Raghuvir */

.signleTableWidth.inputWidth select{ width:100%;}
.threeTableWidth.inputWidth select.select46{width:48%;}
.signleTableWidth.inputWidth select.select46{width:49%;}
.confirmShift{ background:#627A8C; color:#FFFFFF; display:inline-block; font-weight:bold; margin-top:0; padding:5px 2%; text-align:center; text-decoration:none; width:100%;font-size:14px; line-height:14px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #3B4A61; box-sizing:border-box;}
.confirmShiftDisable{ background:#b1b1b1; border:1px solid #828282; color:#828282; cursor:default;}
.calenderInput input[type="text"].confirmHolidayShiftDisable{background:#b1b1b1; border:1px solid #828282; color:#828282; cursor:default;}
.threeTableWidth .confirmShift{ padding:3% 1%;}
.plannedShiftName{ width:90px; word-wrap:break-word;}
.realizedPlannedShiftName{width:100px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;}
.marL13{ margin-left:13px;}
.marR13{ margin-right:13px;}
.realisedShiftDay{ color:#32578d; font-size:15px; font-family:'MyriadPro-Semibold'; padding:0 4px 5px 4px; font-weight:normal; line-height:14px;}
.realisedShiftDate{ color:#333333; font-size:14px; font-family:'MyriadPro-Regular'; font-weight:normal; padding:0 4px; line-height:14px;}
.plannedShiftTime{ padding:4px 4px 4px 7px; border-bottom:1px solid #cfcfcf; height:25px; font-weight:normal;font-family:'MyriadPro-Semibold'; font-size:14px; color:#32578d; box-sizing:border-box;}
.plannedShifts{ padding:4px 4px 4px 7px; height:33px; font-weight:normal; color:#797979;font-family:'MyriadPro-Regular'; font-size:14px; box-sizing:border-box;}
.linux .plannedShiftTime{padding:9px 4px 0 7px; height:66px; box-sizing:border-box;}
.linux .plannedShifts{padding:9px 4px 0 7px; height:33px; box-sizing:border-box;}
.mac .plannedShiftTime{padding:9px 4px 0 7px;}
.mac .plannedShifts{padding:9px 4px 0 7px;}
.win .plannedShifts{padding:6px 4px 2px 7px;}
.win .plannedShiftTime{padding:7px 4px 1px 7px;}

.additionalInfo{ color:#4c4c4c; font-family:'MyriadPro-Regular'; font-size:14px; font-weight:normal; height:90px; overflow:hidden;}
.realizedShiftCol{padding:4px 2%; border-bottom:1px solid #cfcfcf; height:34px; float:left; width:100%; box-sizing:border-box;}
.linux.opera .realizedShiftCol{ width:97%;}
.realizedShiftComboCol{padding:4px 2%; display:inline-block; height:33px; width:100%; box-sizing:border-box;}
.actionCol{padding:4px 2%; border-bottom:1px solid #cfcfcf; display:inline-block; height:67px; width:100%; box-sizing:border-box;}

.actionCol .brandMake .selected span{width:97px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;}
.inputCombo .plannedShiftTime{ height:67px;}
.inputCombo .actionCol{ padding:20px 2% 21px 2%;}
.mac .confirmShift{padding:2.5% 2% 3.5% 2%;}
.inputCombo .additionalInfo{ height:90px;}
.inputCombo .textarea-wrapper{height:79px;}

/*Planned and Realised total hrs*/
.realizedWorkingTable .innerTable tr td.plannedTotalHrs{ padding:4px 4px 4px 7px; border-right:1px solid #d2d2d2; text-align:center; 
font-family:"MyriadPro-Semibold"; font-size:14px; font-weight:normal; color:#32578d;}
.realizedWorkingTable .innerTable tr td.realisedTotalHrs{padding:4px 4px 4px 7px; text-align:center; font-family:"MyriadPro-Semibold"; font-size:14px; font-weight:normal; color:#32578d;}
.realizedWorkingTable tr th.noBg{ background:none; border-top:none; border-left:none;}
.realizedWorkingTable tr td.noTopBottomBoder{ border-top:none; border-bottom:none; border-left:none;}
.realizedWorkingTable .innerTable .periodClass td.noBackground{ background:none;}
.realizedWorkingTable tr th.totalHrsBorderRight{ border-right:1px solid #d2d2d2;}

/****************************Realized hours colors for shift***Added by Chintan*****************************/
.realizedWorkingTable .innerTable .periodClass .periodClassTd{background:#ebebeb; color:#161e31;}
.realizedWorkingTable .innerTable .greenShift{background:#d9fdb5;}
.realizedWorkingTable .innerTable .lightBlueShift{background:#F4F8FC;}
.realizedWorkingTable .innerTable .yellowShift{background:#fff09e;}
.realizedWorkingTable .innerTable .strongBlueShift{background:#91bee8;}
.unsuccessfulShift{ background:#cf0e0e;}
.existingShift{ background:#d9fdb5;}

.realizedWorkingTable .innerTable .greenShift .confirmShift{background:#6f924c; border:1px solid #538026;}
.realizedWorkingTable .innerTable .greenShift .confirmShiftDisable{ background:#b1b1b1; border:1px solid #828282; color:#828282; cursor:default;}

/*Activity Wise Table*/
.activityWiseTable{ float:left;}
.activityWiseTable tr td{ border-color:#CFCFCF; border-style:solid; border-width:0 0 1px 1px; color:#323232;}
.activityWiseTable tr th{ border-color:#CFCFCF; border-style:solid; border-width:1px 0 1px 1px; background:url(../../images/theme3/realized-table-th-bg.png) repeat-x left top; padding:7px 5px 7px 15px;color:#32578D; font-family:'MyriadPro-Semibold'; font-size:14px;}
.mac .activityWiseTable tr th{padding:9px 5px 6px 15px;}
.activityWiseInnerTable{ padding:0 0 10px 0;}
.activityWiseTable .activityWiseInnerTable tr th.last{ border-right:1px solid #CFCFCF; padding:5px;}
.activityWiseInnerTable .userPhoto{ float:left; padding:0;}
.activityWiseInnerTable .userPhoto a{ float:left; margin:8px 0 0 6px;}
.activityWiseInnerTable .userNameType{width:58%;}
.activityOneTable{ width:100%;}
.activityWiseTable .activityWiseInnerTable tr td td{ border:none; padding:3px;}
.activityWiseTable .activityWiseInnerTable tr td.activityTooltip{padding:3px;}
.activityWiseTable .activityWiseInnerTable tr td.activityTooltip td{ padding:0;}
.activityOneTableWidth.inputWidth input{ width:44%; width:42%\9; border:1px solid #cfcfcf; box-sizing:border-box;}
.activityOneTableWidth.inputWidth select{ width:100%;}
.activityOneTableWidth.inputWidth select.select46{ width:48%; width:47%\9;}
.userNameType{float:left; padding:5px 5px 0 5px;}
.linux .userNameType{padding:9px 5px 0 5px;}
.mac .userNameType{padding:9px 5px 0 5px;}
.activityUserName{color:#323232; font-family:'MyriadPro-Semibold'; font-size:15px; font-weight:bold; cursor:pointer; line-height:15px; word-break:break-all;}
.activityUserType{color:#3a4960; font-family:'MyriadPro-Semibold'; font-size:13px; word-break:break-all;}
.showWish{ float:right; padding:5px;}
.showWish a{color:#3a4960; font-family:'MyriadPro-Semibold'; font-size:13px; font-weight:bold; text-decoration:none;}
.showWish a:hover{ text-decoration:underline; font-size:0;}
.showWishDisable{float:right; padding:5px;}
.showWishDisable a{color:#A0A0A0; font-family:'MyriadPro-Semibold'; font-size:13px; font-weight:bold; cursor:default; text-decoration:none;}
.userPhoto{ float:right; padding:5px 5px 5px 0; /*width:15%;*/}
.showWishDisable .showWishIcon{ background-position:-15px -87px; width:25px; height:28px; display:block;}
.showWishIcon{ background-position:-51px -87px; width:25px; height:28px; display:block;}
.activityWiseTable tr th.first{ text-align:left; border-left:1px solid #CFCFCF;}
.activityWiseTable .activityWiseInnerTable tr td.last{ border-right:1px solid #CFCFCF; padding:5px;}
.workerNameList{color:#32578D; font-family:'MyriadPro-Semibold'; font-size:15px; font-weight:bold; padding:5px; text-decoration:none;display:inline-block;}
.linux.opera .workerName{ margin-top:5px;}
.sickLeaveWorkerName{ height: 17px;}/*25-03-2014 added by Ashok C */
.linux.opera .sickLeaveWorkerName{ height: 15px;}/*25-03-2014 added by Ashok C */
.workerNameList:hover{ color:#323232;}
.activityWiseTable tr th.disableBg, .activityWiseTable tr td.disableBg{ background:#e9e9e9;}
.activityWiseTable tr th.disableBg, .activityWiseTable tr th.disableBg.activityWeekDay span{ color:#868a90;}
.activityWiseTable tr td.disableBg tr td{ color:#989ba1;}
.activityWiseTable tr td.disableBg .roomShiftMainBox{ border-bottom:1px solid #c9c6c6;}
.activityWiseTable tr td.disableBg .shiftStartTime{ border-right:1px solid #c9c6c6;}

.activityHeaderAbs{float:left; margin-bottom:-30px; position:relative; width:100%; z-index:1;}
.activityHeaderNormal{float:left; width:100%;}
.activityWiseTable tr th.activityWeekDay span{color:#4C4C4C;}
.roomActivityWidth{ width:100%;}

/*Wish sent for advance wish section*/
.sendWishes{ float:left;}
.sendWishes tr th{ background:url(../../images/theme1/realized-table-th-bg.png) repeat-x left top; border:1px solid #768693; padding:10px 5px; color:#3B4A61;}
.sendWishes tr th.last{ border-left:none;}
.sendWishes tr td{ border-style:solid; border-width:0 1px 1px 0; border-color:#768693; padding:5px;}
.sendWishes tr td.first{ border-left:1px solid #768693; text-align:center; font-size:16px;}
.sentWish{background:#5cc151;}

/* Textarea scrollbar changes : Changes done by Raghuvir */
.sendWishes textarea.textArea{background:none; padding:0;border:none;font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px;margin:0; width:99%; height:50px; min-height:50px; overflow:hidden; float:left; font-style:italic;resize:none;line-height:20px; box-sizing:border-box;}
.sendWishes .textarea-wrapper{background:#d9e0e2; padding:6px;border:1px solid #cfcfcf;font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px;    -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0; box-shadow:none; width:93%; height:64px; min-height:64px; overflow:hidden; float:left; font-style:italic; box-sizing:border-box;}
.sendWishes .hiddendiv{position:absolute; top:-9999px; left:-9999px; visibility:hidden; white-space: pre-wrap; width:95%; min-height: 40px; font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px;font-style:normal; padding:0; word-wrap: break-word;line-height:20px; box-sizing:border-box;}

/* Textarea scrollbar changes : Changes done by Raghuvir */

.arrangeNewMeeting .themeList .textArea{border:none; padding:0; height:130px; min-height:95px; color:#9398a1; font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px; margin:0; width:100%; overflow:hidden;font-style:italic; text-align:left;resize:none;line-height:20px; box-sizing:border-box;}/*7-2-2014*/
.arrangeNewMeeting .themeList .textarea-wrapper{background:#d9e0e2; border:1px solid #CFCFCF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:1%; height:140px; min-height:95px; color:#9398a1; font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px; margin:0; box-shadow:none;width:96%; overflow:hidden;font-style:italic; text-align:left; float:left; box-sizing:border-box;}
.arrangeNewMeeting .themeList .textarea-wrapper .hiddendiv{position:absolute; top:-9999px; left:-9999px; visibility:hidden; white-space: pre-wrap; width:95%; min-height: 130px; font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px; font-style:normal; padding:0; word-wrap: break-word;line-height:20px; box-sizing:border-box;}

.sendWishes textarea.textArea.active{ color:#3b4a61; font-style:normal;}

/* Textarea scrollbar changes : Changes done by Raghuvir */
.upcomingShift textarea.textArea{background:none; padding:0;border:none;font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px;margin:0; width:100%; height:50px; min-height:50px; overflow:hidden; float:left;font-style:italic;resize:none;line-height:20px; box-sizing:border-box;}
.upcomingShift .textarea-wrapper{background:#d9e0e2; padding:2%;border:1px solid #cfcfcf;font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:5px 0 5px 0; box-shadow:none; width:100%; height:60px; min-height:60px; overflow:hidden; float:left;font-style:italic; box-sizing:border-box;}
.upcomingShift .hiddendiv{position:absolute; top:-9999px; left:-9999px; visibility:hidden; white-space: pre-wrap; width:95%; min-height: 40px; font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px;font-style:normal; padding:0; word-wrap: break-word;line-height:20px; box-sizing:border-box;}
/* Textarea scrollbar changes : Changes done by Raghuvir */
.upcomingShift textarea.textArea.active{ color:#3b4a61; font-variant:normal;}

.wishSentLink{ color:#00366D; font-family:'MyriadPro-Regular'; font-size:16px; font-weight:normal; text-decoration:none; background:#DEEEC3; padding:8px 8px 10px 8px; width:146px; display:inline-block; box-sizing:border-box;}
.linux .wishSentLink{padding:9px 5px 7px 5px;}
.linux.opera .wishSentLink{padding:11px 5px 7px 5px;}
.wishSentLinkSmall{ color:#00366D; font-family:'MyriadPro-Regular'; font-size:14px; font-weight:normal; text-decoration:none; background:#DEEEC3; padding:5px;}
.linux.chrome .wishSentLinkSmall{padding:7px 5px 0 5px;}
.upcomingShift textarea.textArea.marginBot5{ margin-bottom:5px;}
.wishLinkTop{ display:inline-block; margin-top:19px;}

/*Notification Message*/
.notificationMsg{background-color:#FFFBCC; background-image:url(../../images/theme1/notification.png); border:1px solid #FFF35E; color:#886e2d;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.notificationMsg{background-position:10px center; background-repeat:no-repeat; font-size:12px; font-weight:bold; height:40px; line-height:22px; padding:8px 5px 8px 40px; float:left; width:100%; box-sizing:border-box;}

.notificationMsgFull{background-color:#FFFBCC; background-image:url(../../images/theme1/notification.png); border:1px solid #FFF35E; color:#6b4c05;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.notificationMsgFull{background-position:10px center; background-repeat:no-repeat; font-size:12px; font-weight:bold; height:40px; line-height:22px; padding:8px 1% 8px 4%; float:left; width:100%; box-sizing:border-box;}

.salaryNotificationMsg{ width:100%;}

/*Notification Message*/
.width18{ width:18%;}
.width80{ width:80%;}
.bullet{ background:url(../../images/theme3/more-option.png) no-repeat left center; padding-left:25px; margin-bottom:10px;}
.changeWishText{ color:#3B4A61; font-family:'MyriadPro-Regular'; font-size:16px;}
.ideaTitle{ font-size:18px; line-height:20px;} /* 17 Oct 2013, by Ashok Chitroda change as per comment Task No: 688 */
.linux.chrome .bullet{background-position:left -1px; padding-top:2px;}
.linux.opera .bullet{ padding-top:3px;}
.newIdeaMessageLabel{ height:30px; } /* 24-09-2013, added class for add line in new idea notification by Ashok C */

/*Max limit values*/
#maxLimitValueInfo .contactText{ font-size:13px;}

/*Billing Places Popup*/
.addNewBillingPlace a{color:#3F5061; font-family:'MyriadPro-Regular'; font-size:18px; line-height:20px; text-decoration:none;}
.addNewBillingPlace a:hover{ color:#3989A9;}
.billingPlacesList{ margin:0; padding:0; float:left; width:100%; box-sizing:border-box;}

.billingPlacesList li{list-style:none; border:1px solid #8DAFC7; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative; margin-bottom:10px; float:left; width:100%; box-sizing:border-box;}
.billingPlacesList li#training{ width:99.5%;}
.billingPlacesList li label{color:#3F5061;padding:6px 2% 6px 2%;width:100%;float:left; border-bottom:1px solid #8DAFC7; font-size:15px; font-weight:bold; background:#e8f4fa; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; line-height:18px;font-family:'MyriadPro-Regular'; box-sizing:border-box;}

.linux.opera .billingPlacesList li label{padding:8px 12px 5px 11px;}
.linux.gecko .billingPlacesList li label{padding:8px 2% 6px 2%;}
.linux.chrome .billingPlacesList li label{padding:12px 2% 6px 2%; width:100%; box-sizing:border-box;}
.mac.safari .billingPlacesList li label{padding:9px 2% 5px 2%;}

.billingPlaceDetail{padding:1% 2%; width:100%; float:left; box-sizing:border-box;}
.billingTitle{ color:#00366D; float:left; width:63%;margin-top:6px;font-family:'MyriadPro-Regular';}
.billingActionBtn{ float:right;}
.billingActionBtn a{ float:left; margin-left:10px; padding:5px 10px 6px 10px; text-decoration:none; color:#00366D; font-size:16px; min-width:55px; text-align:center;line-height:18px;font-family:'MyriadPro-Regular';}
.mac .billingActionBtn a{padding:8px 10px 6px 10px;}
.linux.opera .billingActionBtn a{ padding:10px 10px 4px 10px;}
.billingActionBtn .modifyBtn{background:#DEEEC3;}
.billingActionBtn .removeBtn{background:#E3A6AD; color:#ffffff;}
.addBillPlaceInput{ float:left; width:62%;}
.addBillPlaceInput input[type="text"]{background:#d9e0e2; border:1px solid #cfcfcf; padding:4px 6px; color:#9398a1;display:block;font-family:'MyriadPro-Regular';font-style:italic;font-size:15px;font-weight:normal; position:relative;text-align:left;width:88%;box-shadow:none; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; float:left; margin:0; box-sizing:border-box;}
.mac .addBillPlaceInput input[type="text"]{ padding:6px 6px 2px 6px;}
.linux.gecko .addBillPlaceInput input[type="text"]{ padding:5px 6px 3px 6px;}
.linux.chrome .addBillPlaceInput input[type="text"]{ padding:6px 6px 2px 6px;}
.linux.opera .addBillPlaceInput input[type="text"]{ padding:6px 6px 3px 6px;}
.addBillPlaceInput input.active[type="text"]{color:#3b4a61;font-style:normal;}
.addBillingPlace{padding:6px 7px 6px 6px; width:100%; float:left; box-sizing:border-box;}
.addNewAreaButton tr td a{ float:left;}
.addNewAreaButton tr td a span.popupNextArrow, .addNewAreaButton tr td.nextButton a .smallText{ float:none;}
.linux.opera .addNewAreaButton tr td a span.popupNextArrow, .linux.opera .addNewAreaButton tr td.nextButton a .smallText{ float:none; padding-top:5px;}
.addNewAreaButton tr td.nextButtonDisable a, .addNewAreaButton tr td.nextButton a{ font-size:32px; padding-right:5px; line-height:35px;}
.ie8 .addNewAreaButton tr td.nextButtonDisable a{ font-size:29px; padding-right:5px; line-height:33px;}
.ie8 .addNewAreaButton tr td.nextButton a{ font-size:29px; padding-right:5px; line-height:33px;}
.regAddIcon{ background-position:-148px -8px; width:13px; height:13px; margin:4px 5px 0 0; float:left; }
a .addLink{color:#3F5061; font-family:'MyriadPro-Regular'; font-size:14px; line-height:22px; vertical-align:top;}
.attachFile a{text-decoration:none; float:left; margin-top:0; margin-bottom:8px;}
a:hover .addLink, a.hover .addLink{ color:#00366D; cursor:pointer;}
.mac a .addLink{ line-height:24px;}
.linux.chrome a .addLink{ line-height:18px; float:left; margin-top:3px;}
.linux.gecko a .addLink{ line-height:24px;}

/*Manage Clinic Users Grid View*/
.manageClinicUsers{ width:32.3%; height:360px;}
.manageClinicEmp{ margin:0; float:left; padding-top:0; width:100%;}
.manageClinicEmp .jobRoletitle{font-size:18px; color:#7D7D7D; font-family:'MyriadPro-Regular'; line-height:20px; padding:2px 0;}
.linux.opera .manageClinicEmp .jobRoletitle{ margin-top:-5px;}
.manageClinicEmp .listJobRoleValue{font-size:16px; color:#7D7D7D; font-family:'MyriadPro-Regular'; line-height:20px; padding:2px 0;}
.manageClinicEmp .jobRoleValue{font-size:16px; color:#7D7D7D; font-family:'MyriadPro-Regular'; line-height:18px;}
.linux .manageClinicEmp .jobRoleValue.lineHeight{ line-height:20px;}
.linux.opera .manageClinicEmp .jobRoleValue.lineHeight{ line-height:24px;}
.mac .manageClinicEmp .jobRoleValue.lineHeight{ line-height:20px;}
.manageClinicEmp .mobileText, .manageClinicEmp .startDate{font-size:14px; color:#7D7D7D; font-family:'MyriadPro-Regular'; line-height:16px;}
.manageClinicUsers:hover .jobRoletitle, .manageClinicUsers:hover .jobRoleValue, .manageClinicUsers:hover .startDate,.manageClinicUsers:hover .mobileText,.manageClinicUsers:hover .emailText{ color:#00366D;}
.manageClinicEmp .emailText{font-size:14px; color:#7D7D7D; font-family:'MyriadPro-Regular'; line-height:16px;width:255px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block;}
.listMainBoxLeft .manageClinicEmp .emailText{font-size:14px; color:#7D7D7D; font-family:'MyriadPro-Regular'; line-height:16px; width:auto;}
.linux.gecko .listMainBoxLeft .manageClinicEmp .emailText{line-height:24px;}
.linux.chrome .manageClinicEmp .paddT5{padding-top:0;}
.linux.gecko .manageClinicEmp .paddT5{padding-top:4px;}

/*Photo Upload for new Employee*/
.photoUploadSuccess{ color:#3989A9; font-size:17px; font-family:'MyriadPro-Regular'; line-height:17px; margin-top:-3px; display:inline-block;}
.photoCropStep{ margin:0;}
.photoCropStep ul{ margin:0 0 0 20px; padding:0; float:left;}
.photoCropStep ul li{ margin:0; list-style:decimal; padding:3px 0; float:left; border:none; font-size:14px;}

/*Upload photo actions like remove, crop, reupload*/
.uploadPhotoAction{ float:left;}
.uploadPhotoAction a{ float:left; padding:7px 0 7px; text-decoration:none; color:#ffffff; font-size:14px; min-width:160px; text-align:center; margin-bottom:5px; margin:5px 5px 0 0;}
.uploadPhotoAction .reuploadBtn{background:#E8F4FA; border:1px solid #3989a9; color:#00366D;}
.uploadPhotoAction .cropSetBtn{background:#DEEEC3; border:1px solid #a6d54b; color:#00366D;}
.uploadPhotoAction .removeBtn{background:#E3A6AD; border:1px solid #928081; color:#00366D;}
.linux.chrome .uploadPhotoAction a{padding:8px 0 5px 0;}

.chartDiv{ float:left; width:72%;}
.chartText{ color:#335E8A; padding-left:10px;}
.chartTextWordBreak{word-break:break-all;}
.uploadedPhoto{ float:right; width:28%; margin-top:3px; margin-bottom:13px;}
.borderRight{border-right:1px solid #8dafc7;}
.chartTable{margin-bottom:10px;}
.chartPaddB tr td{ padding-bottom:15px;}
.chartPaddB tr td table td{ padding-bottom:0;}
.chartProgressBar{ position:relative; background-color:#3989A9; padding:5px 0 5px 3px; font-size:15px;border-color:#3B4A61; border-style:solid; border-width:1px 1px 1px 0;}
.chartProgressBar.chartNone{ padding:5px 0;}
.chartProgress{ background-color:#3989A9; height:20px; color:#fff; width:100%; overflow:hidden;}
.chartTextStartHM{ color:#fff; position:relative; left:3px; top:2px; width:75px; z-index:2;}
.chartTextEndHM{ color:#00366D; position:absolute; left:6px; top:7px; width:75px; z-index:1;}
.provideAreaName p.regTitleBorderBottom{ border-bottom:1px solid #3B4A61; margin: 0 0 5px; padding-bottom:5px;}
.innerChartBox{ border:1px solid #8DAFC7; padding:10px 0 0 0;}

/*Arrange new meeting Popup width*/
.addTeamMeetingPopup{width:1011px;margin-left:-510px;}
.teamMeetingPopup{width:995px;}
.addNewAreaButton tr td.buttonDisable{ background-color:#8d8d8d; cursor: default;} /* 23 Oct 2013, by Ashok Chitroda for disable i will come button */
.addNewAreaButton tr td.buttonDisable .empCardSaveChanges{ font-size:20px;color:#ffffff; background-position:0 -551px;} /* 23 Oct 2013, by Ashok Chitroda for disable i will come button */

/*Arrange new meeting step-1*/
.thirdDiv .arrangeNewMeeting{ margin-top:10px; display:inline-block; width:100%;}
.arrangeNewMeeting{margin:0;}
.arrangeNewMeeting .title{color:#C0E7F1;font-family:'MyriadPro-Regular';font-size:25px;font-weight:normal;line-height:25px;margin-bottom:15px;padding:0;}
.arrangeNewMeeting fieldset{border:none;border:3px solid #172236; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; position:relative;behavior:url(PIE.htc);}
.ie8 .arrangeNewMeeting fieldset{margin-top:15px;}
.arrangeNewMeeting fieldset.selected{border:2px solid #A8B3C2; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; position:relative;behavior:url(PIE.htc);}
.arrangeNewMeeting fieldset legend{color:#3B4A61;font-size:18px;font-family:'MyriadPro-Regular';margin:0 0 0 17px;padding:3px 5px;font-weight:normal;line-height:20px; background:#ffffff;}
.ie8 .arrangeNewMeeting fieldset legend{ margin-top:-14px;}
.arrangeNewMeeting .themeList{ padding:0;}

.arrangeNewMeeting .themeList .textAreaDiv{ background:#d9e0e2; border:1px solid #CFCFCF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:1%; min-height:95px; height:155px;  font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px; margin:0 0 10px 0; box-shadow:none;width:98%; overflow:hidden;font-style:normal; text-align:left; float:left; box-sizing:border-box;}

/* Textarea scrollbar changes : Changes done by Raghuvir */
.arrangeNewMeeting .themeList .textArea{border:none; padding:0; height:130px; min-height:95px; color:#9398a1; font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px; margin:0; width:100%; overflow:hidden;font-style:italic; text-align:left;resize:none;line-height:20px; box-sizing:border-box;}/*7-2-2014*/
.arrangeNewMeeting .themeList .textarea-wrapper{background:#d9e0e2; border:1px solid #CFCFCF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:1%; height:155px; min-height:135px; color:#9398a1; font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px; margin:0; box-shadow:none;width:96%; overflow:hidden;font-style:italic; text-align:left; float:left; box-sizing:border-box;}
.arrangeNewMeeting .themeList .textarea-wrapper .hiddendiv{position:absolute; top:-9999px; left:-9999px; visibility:hidden; white-space: pre-wrap; width:95%; min-height: 130px; font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px; font-style:normal; padding:0; word-wrap: break-word;line-height:20px; box-sizing:border-box;}

.arrangeNewMeeting .themeList .textArea92{ background:none; border:none; padding:0; height:130px; min-height:95px; color:#9398a1; font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px; margin:0; width:100%; overflow:hidden;font-style:italic;resize:none;line-height:20px; box-sizing:border-box;}/*7-2-2014*/
.arrangeNewMeeting .themeList .textarea-wrapper92{background:#d9e0e2; border:1px solid #CFCFCF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:1%; height:155px; min-height:115px; color:#9398a1; font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px; margin:0; box-shadow:none;width:94%; overflow:hidden;font-style:italic; float:left; box-sizing:border-box;}
.arrangeNewMeeting .themeList .textarea-wrapper92 .hiddendiv{position:absolute; top:-9999px; left:-9999px; visibility:hidden; white-space: pre-wrap; width:95%; min-height: 130px; font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px; font-style:normal; padding:0; word-wrap: break-word;line-height:20px; box-sizing:border-box;}
/* Textarea scrollbar changes : Changes done by Raghuvir */

.arrangeNewMeeting .themeList .textArea92.active{font-style:normal; color:#3B4A61;}/*7-2-2014*/
.collaborationInReceptionTextArea .arrangeNewMeeting .themeList .textArea.minHeight240{ min-height:240px;}
.arrangeNewMeeting .themeList .textArea.active{ font-style:normal; color:#3b4a61;}
.width93{ width:93%;}

/*Arrange new meeting step-2*/
.newMeetingSearch .marL0T5{ margin:5px 0 0 0;}
.newMeetingSearch .formanDesktopsearchBox{width:195px;}
.newMeetingSearch .formanDesktopsearchTextBox{width:163px; padding:7px 5px 6px 5px; box-sizing:border-box;}
.newMeetingSearch .formanDesktopsearchTextBox input{font-size:14px;width:155px;}
.participentList{ margin-top:10px; float:left;}
.participentList .selected{ background:#dae4ec;}
.participentList .selected .participentsName, .participentList .selected .userTypeRole{ color:#0f4664;} 
.participentList .individualParticipent.last{ margin-right:0;}
.individualParticipent{border:1px solid #CFCFCF; float:left; height:92px; margin:5px 10px 5px 0; padding:5px; width:215px; -moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; cursor:pointer; box-sizing:border-box;}
.individualParticipent .participentsName{ margin-top:-1px; line-height:17px;}
.individualParticipent .leftPhoto{margin-right:5px; margin-top:1px; line-height:12px; width:24px;}
.individualParticipent .leftPhoto img{ border:1px solid #898989;}
.rightDetail{ width:167px;}
.win.chrome .rightDetail{ line-height:13px;}

.win.safari .rightDetail{ line-height:13px;}
.participentsName{color:#3B4A61; font-family:'MyriadPro-Regular'; font-size:16px; font-weight:bold; line-height:21px; width:160px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; /*float:left;*/ margin-top:3px;}
.linux.opera .participentsName{font-size:14px; line-height:21px;}
.userTypeRole{color:#767676; font-family:'MyriadPro-Regular'; font-size:14px; font-weight:normal; line-height:16px; margin-top:3px;}
.workerDisable{color:#767676; font-family:'MyriadPro-Regular'; font-size:14px; font-weight:normal;line-height:12px; float:left;}
.paddT10{ padding-top:10px;}
.PT10B5{ padding:10px 0 5px 0;}
.padd10{ padding:10px;}
.height28{ height:40px;}
.height40{ height:40px;}

/*Meeting Conclusion*/
.meetingConclusionText{ color:#8CA4AE; font-family:'MyriadPro-Regular'; font-size:16px;}
.conclusionsUserList{ float:left; width:220px; margin-right:10px; margin-bottom:10px; height:40px;}
.conclusionsUserList .value{ float:none; padding:0 5px 0 0;}

/*Linux hack*/
.linux.chrome .returnBackText{padding:10px 12px 6px 12px;}
.linux.chrome .displayStyleViewText{padding:10px 7px 7px 7px;}
.linux.gecko .searchTextBox{padding: 7px 8px 6px;}
.linux.gecko .displayStyleViewText{padding:11px 7px 5px;}
.linux.gecko .sloganBg strong .downArrow{margin:17px 0 0 35px;}
.linux.chrome .addNewAreaButton tr td a{line-height:26px;}
.linux.chrome .addNewAreaButton tr td.nextButtonDisable a, .linux.chrome .addNewAreaButton tr td.nextButton a{line-height:29px;}
.linux.chrome .popupNextArrow{ padding-top:6px; margin-left:0;}
.linux.chrome .addSubAreaBtnText{padding:12px 12px 8px 12px;}
.linux.chrome a.changePass{padding:8px 12px 5px 12px;}
.linux.chrome .manageBtn .manageBtnText{padding:10px 0 4px 0;}
.linux.chrome .submenu ul > li > a{padding:18px 19px 14px 21px;} 
.linux.chrome .submenu ul > li.active span{padding: 17px 23px 15px 8px;}
.linux.chrome .listRightButtons .manageBtnText{padding:13px 0 7px 0;}
.linux.gecko .listRightButtons .manageBtnText{padding:12px 0;}
.linux.gecko .addNewAreaButton tr td a{line-height:24px;}
.linux.gecko .addNewAreaButton tr td.nextButtonDisable a, .linux.gecko .addNewAreaButton tr td.nextButton a{ line-height:40px;}
/*.linux.gecko .listMainBoxLeft{padding:0 0 7px;}
.linux.gecko .listMainBoxLeft h1{padding:11px 0 0;}
.linux.chrome .listMainBoxLeft h1{padding:14px 0 0 0;}*/

.mac .displayStyleViewText{padding:11px 7px 8px 7px;}
/*.mac .listMainBoxLeft{padding:0 0 6px;}
.mac .listMainBoxLeft h1{padding:12px 0 0;}*/
.mac .listRightButtons .manageBtnText{ padding:12px 0 8px 0;}

.mac .provideAreaName input[type="text"].adjustmentWidth100, 
.mac .provideAreaName input.active[type="text"].adjustmentWidth100{padding:5px 6px;}

.mac .submenu ul > li > a{ padding:18px 19px 18px 21px;}
.mac .submenu ul > li.active span{padding:16px 19px 14px 7px;}
.mac.safari .submenu ul > li.active span{ margin-right:-1px;}
.mac .dd2 .ddTitle span.arrow{ top:6px;}
.mac .dd2 .ddTitle{ padding:4px 20px 4px 6px;}
.mac .addNewAreaButton tr td a{ line-height:22px;}
.mac .addNewAreaButton tr td.nextButtonDisable a, .mac .addNewAreaButton tr td.nextButton a{ line-height:38px;}

.addNewAreaButton tr td a.fontSize27{ font-size:25px; line-height:32px;}
.linux.gecko .addNewAreaButton tr td a.fontSize27{ font-size:25px; line-height:36px;}
.ie8 .addNewAreaButton tr td a.fontSize27{ font-size:23px; line-height:32px;}
.mac .addNewAreaButton tr td a.fontSize27{ font-size:25px; line-height:35px;}
.mac.safari .addNewAreaButton tr td a.fontSize27{ font-size:25px; line-height:38px;}
.mac .sloganBg{ padding:7px 45px 6px 45px;}

/* Dynemic Dropdown input CSS Start*/
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius:5px}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius:5px}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius:5px}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius:5px}
.ui-widget-content {color:#3B4A61; background:#eaebed; border: 1px solid #CFCFCF; font-size:16px;}
.ui-menu { list-style:none; padding:0; margin:0; display:block; outline:none;}
.ui-menu .ui-menu-item { margin:0; padding:0; width:100%; border-bottom:1px solid #fff; box-sizing:border-box;}
.ui-menu .ui-menu-item:first-child{-moz-border-radius:5px 5px;-webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.ui-menu .ui-menu-item:last-child{ border-bottom:none; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.ui-menu .ui-menu-item:hover{ background:#fff;}
.ui-autocomplete { position:absolute; top:0; left:0; cursor:default;}
.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:3px .4em; line-height:1.5; min-height:0; font-family:"MyriadPro-Regular";font-size:16px;font-weight:normal;}
.ui-widget-content a { color:#3B4A61}
.ui-helper-hidden-accessible { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; box-sizing:border-box;}
/* Dynemic Dropdown input CSS End*/

.Suomi{ background-position:-417px -128px; width:72px; height:44px; display:inline-block; border:1px solid #CFCFCF; box-sizing:border-box;}
.English{ background-position:-327px -128px; width:72px; height:44px; display:inline-block; border:1px solid #CFCFCF; box-sizing:border-box;}

/*user icon view - 20-june added by pooja*/

.userList .defaultGradient{margin:5px 9px 5px 0;}
.userIconView{border:1px solid #596b88; float:left; height:109px; margin:5px 9px 5px 0; width:241px; -moz-border-radius:5px 5px 5px 5px;                     -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; cursor:pointer; position:relative; background:#fafafa; box-sizing:border-box;}
.userIconView:hover{ background: #f0f4f7;}
.userIconView.grayGradient{ background:#e0e0e0;}

.categoryAreaList .addAreaBox,
.categoryAreaList .gradientBoxList,
.categoryAreaList .userIconView,
.categoryAreaList.addAreaBox,
.categoryAreaList.gradientBoxList,
.categoryAreaList.userIconView{border-color: #1FA8D0;}
.procedureAreaList .addAreaBox,
.procedureAreaList .gradientBoxList,
.procedureAreaList .userIconView{border-color: #ba8a2f;}
.additionalProcedureAreaList .addAreaBox,
.additionalProcedureAreaList .gradientBoxList,
.additionalProcedureAreaList .userIconView{border-color: #3300ff;}

.userIconViewFullDiv{ padding:5px; height:87px; box-sizing:border-box;}
.userIconViewFullDiv .clinicAdminMobileIcon{ background-position:0 0; display:inline-block; height:19px; width:14px;}
.linux .userIconViewFullDiv .clinicAdminMobileIcon{ background-position:0 -2px;}
.userIconViewFullDiv .clinicAdminEmailIcon{background-position:0 -39px; float:left; height:16px; width:18px; padding-right:5px; box-sizing:border-box;}
.linux .userIconViewFullDiv .clinicAdminEmailIcon {background-position:0 -40px;}
.userIconViewFullDiv .clinicAdminEmailText{font-size:14px; line-height:14px;}
.mac.chrome .userIconViewFullDiv .clinicAdminEmailText{ line-height:17px;}
.mac.safari .userIconViewFullDiv .clinicAdminEmailText{ line-height:18px;}
.userIconViewFullDiv .clinicAdminEmailText a{ font-size:14px;color:#767676;}
.userIconViewFullDiv .participentsName{ margin-top:0;}
.userIconViewFullDiv .contactText{color:#767676;}
.userIconViewFullDiv .userTypeRole{ line-height:15px;}
.userIconView .leftPhoto{ margin-right:5px; margin-top:4px; line-height:12px;}
.linux.gecko .userIconView .leftPhoto, .linux.chrome .userIconView .leftPhoto, .mac.gecko .userIconView .leftPhoto{ margin-top:0;}
.userIconView .leftPhoto img{ border:1px solid #898989; width:25px; height:25px;}
.userList{/*margin-top:10px;*/ display:block;}
.userIconView .rightDetail82{ width:82%;}
.userIconView .rightDetail100{ width:100%;}
.userIconView .rightDetail85{width:85%;}
.width80{ width:80%;}
.userIconView .rightDetail15{ width:15%; margin:2px;}
.userIconViewFullDiv .arealistBox{ padding-top:25px;}
.userIconViewFullDiv .cliniclistBox{ padding-top:25px;}
.changePassBg{background:#e6e7e8; padding:15px 5px; margin-bottom:1px; -moz-border-radius:0 5px 0 0; -webkit-border-radius:0 5px 0 0; border-radius:0 5px 0 0; border:1px solid #596b88;}
.viewCardBg{background:#e6e7e8; padding:14px 5px; -moz-border-radius:0 0 5px 0; -webkit-border-radius:0 0 5px 0; border-radius:0 0 5px 0; border:1px solid #596b88;}
.grayGradient .changePassBg{background:#d0d0d0; border:1px solid #bebebe;}
.grayGradient .viewCardBg{background:#d0d0d0; border:1px solid #bebebe;}
.userViewSingleBtn{padding:26px 5px;}

.cbaAgreement{ margin:0;}
.cbaAgreement ul{padding:4px 7px 0 10px; margin:0;}
.cbaAgreement ul li{ padding:0; margin:0; list-style:none;}
.collectiveAgree{ font-size:16px;}
.linux.opera .collectiveAgree{ margin-top:2px;}
.mac.chrome .collectiveAgree{line-height:22px;}
.mac.safari .collectiveAgree{line-height:22px;}
.mac.gecko .collectiveAgree{line-height:20px;}
.provideAreaName tr td.collectiveAgree{ font-size:14px;}
.linux.gecko .radioLeftPadd{ padding-left:2px;}

.oopsMsgBG{background:#e2e7e8; border:3px solid #b1bac8; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; float:left; padding:10px 5px 30px 5px; margin-left:27%; text-align:center;width:635px; box-sizing:border-box;}
.oopsMsgBG h1{ font-family:Arial, Helvetica, sans-serif; font-size:50px; color:#3b4a61; padding:0; margin:0;}
.oopsMsgBG h1 span.bigLetter{ font-family:Arial, Helvetica, sans-serif; font-size:80px; color:#3b4a61; padding:0; margin:0;}
.errorMsgText{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#4c4c4c; line-height:22px; font-weight:bold;}
.errorMsgText a{ color:#3b4a61;font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
.errorMsgText a:hover{ color:#687486;}

/*Error List*/
.listRowBg{ background:url(../../images/theme3/add-subarea-bg.png) repeat-x scroll left top transparent; border:1px solid #CFCFCF;}
.messageListRow{margin:0 0 7px 0;width:100%; float:left; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative;behavior:url(PIE.htc);}
.messageListRow td{padding:10px 10px; background:url(/images/theme3/return-back-divider.png) no-repeat scroll right center transparent; color:#3F5061; font-family:'MyriadPro-Regular'; font-size:15px; line-height:15px;}
.messageListRow td.last{ background:none;}
.width160{ width:160px; text-align:center;} 
.width800{ width:800px;}
.provideAreaName input[type="text"].width270{ width:270px;}

/*Paging Css*/
ul.pagination-digg{border:0; margin:0 0 10px 0; padding:0; float:right;}
.pagination-digg li{border:0; margin:0; padding:0; font-size:12px; list-style:none; margin-right:2px; float:left; } 
.pagination-digg a{ border:solid 1px #cfcfcf; margin-right:2px; color:#3F5061;}
.pagination-digg .previous-off, .pagination-digg .next-off { display:block; float:left; font-weight:bold; margin-right:4px; padding:3px 4px; color:#afafaf; border:1px solid #afafaf; margin-top:1px;}
.pagination-digg .next a, .pagination-digg .previous a { font-weight:normal;}
.pagination-digg .active{ background:#3F5061; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 7px; margin:1px 3px 0 0;}
.pagination-digg a:link, .pagination-digg a:visited { color:#0e509e; display:block; float:left; padding:3px 6px; text-decoration:none; border:1px solid #cfcfcf; margin:1px;}
.pagination-digg a:hover{border:solid 1px #296279;}


/*Forman Desktop Icon*/
.formanDesktop{ background-position:-199px -192px; width:48px; height:50px; display:inline-block;}
.gradientBox:hover .formanDesktop{ background-position:-199px -248px;}
.linux.gecko .formanDesktop{ background-position:-199px -187px;}
.linux.gecko .gradientBox:hover .formanDesktop{ background-position:-199px -243px;}
.linux.chrome .formanDesktop{ background-position:-199px -189px;}
.linux.chrome .gradientBox:hover .formanDesktop{ background-position:-199px -245px;}


/*Chief Desktop Icon*/
.chiefDesktop{ background-position:-267px -192px; width:48px; height:50px; display:inline-block;}
.gradientBox:hover .chiefDesktop{background-position:-267px -248px;}
.linux.gecko .chiefDesktop{ background-position:-266px -187px;}
.linux.gecko .gradientBox:hover .chiefDesktop{ background-position:-266px -243px;;}
.linux.chrome .chiefDesktop{ background-position:-266px -189px;}
.linux.chrome .gradientBox:hover .chiefDesktop{ background-position:-266px -245px;}

/*Performance Report Icon*/
.performanceReport{ background-position:-335px -190px; width:40px; height:50px; display:inline-block;}
.gradientBox:hover .performanceReport{ background-position:-335px -246px;}
.linux.gecko .performanceReport{ background-position:-335px -187px;}
.linux.gecko .gradientBox:hover .performanceReport{ background-position:-335px -243px;}
.linux.chrome .performanceReport{ background-position:-335px -188px;}
.linux.chrome .gradientBox:hover .performanceReport{ background-position:-335px -244px;}


/*Send Feedback Icon*/
.sendFeedback{ background-position:-394px -192px; width:41px; height:50px; display:inline-block;}
.gradientBox:hover .sendFeedback{ background-position:-394px -248px;}
.linux.chrome .sendFeedback{ background-position:-394px -188px;}
.linux.chrome .gradientBox:hover .sendFeedback{ background-position:-394px -244px;}
.addNewAreaButton tr td.sendFeedbackBtn a{font-size:20px; line-height:20px;}

/*My working shift Icon*/
.myWorkingShift{ background-position:-454px -193px; width:41px; height:50px; display:inline-block;}
.gradientBox:hover .myWorkingShift{background-position:-454px -249px;}
.linux.chrome .myWorkingShift{background-position:-454px -188px;}
.linux.gecko .myWorkingShift{background-position:-454px -188px;}
.linux.chrome .gradientBox:hover .myWorkingShift{background-position:-454px -244px;}
.linux.gecko .gradientBox:hover .myWorkingShift{background-position:-454px -244px;}

/*mailTemplate*/
.mailTemplate{ background-position:-10px -604px; width:43px; height:50px; display:inline-block;}

/*Back to hallinta*/
.backHallinta{ background-position:-134px -604px; width:43px; height:50px; display:inline-block;}
.gradientBox:hover .backHallinta{background-position:-194px -604px;}


/*Performance Value step-1*/
.brandMake.estimationMonthComboMonth{ width:125px;}/*12-2-2014*/
.brandMake.estimationMonthComboMonth ul li span{ font-size:12px;}/*12-2-2014*/
.brandMake.estimationMonthComboYear{ width:100px; margin-left:15px;}
.provideAreaName input.width100{ width:100px; text-align:center;}
.performanceValueStep2 .valueHighlight{ color:#3989A9;}
.marL15{ margin-left:15px;}
.brandMake.timeFromTill{ width:50px;}
.brandMake.timeFromTill .selected span{ padding-left:3px; padding-right:0;}
ul.estimationMonthComboMonth li.dropBrandMake ul li{ font-size:12px;}/*12-2-2014*/
ul.estimationMonthComboMonth li.selected span{ font-size:12px;}/*12-2-2014*/
ul.estimationMonthComboYear li span{ font-size:13px;}/*12-2-2014*/
.linux.opera ul.estimationMonthComboMonth li.dropBrandMake ul li,
.linux.opera ul.estimationMonthComboMonth li.selected span,
.linux.opera ul.estimationMonthComboYear li span{ line-height:20px;}

.linux.opera .formanNavigations ul.estimationMonthComboMonth li.dropBrandMake ul li,
.linux.opera .formanNavigations ul.estimationMonthComboMonth li.selected span,
.linux.opera .formanNavigations ul.estimationMonthComboYear li span{line-height:25px;}

/*Create Bill Input width*/
.provideAreaName input.adjustmentWidth100{ width:115px; text-align:right; font-style:normal;}
.provideAreaName tr td .smallEur{ font-size:14px;}
.provideAreaName input.reduceInputHeight{padding:0 6px 0 6px; font-size:14px; margin-top:6px;height:19px; box-sizing:border-box;}
.mac.gecko .provideAreaName input.reduceInputHeight{padding:2px 6px 0 6px;}
.mac.chrome .provideAreaName input.reduceInputHeight{padding:4px 6px 0 6px;}
.mac .provideAreaName input.reduceInputHeight{padding:1px 6px 1px 6px; font-size:14px; margin-top:6px;height:17px; box-sizing:border-box;}
.mac.safari .provideAreaName input.reduceInputHeight{padding:3px 6px 1px 6px; font-size:14px; margin-top:6px;height:16px; box-sizing:border-box;}
.linux.gecko .provideAreaName input.reduceInputHeight{font-size:14px; padding:3px 6px 0 6px; height:16px; box-sizing:border-box;}
.linux.chrome .provideAreaName input.reduceInputHeight{font-size:13px; padding:4px 6px 1px 6px; line-height:13px;height:18px; box-sizing:border-box;}
.linux.opera .provideAreaName input.reduceInputHeight{font-size:14px; margin-top:6px; padding:1px 6px 0 6px;}
.ie9 .provideAreaName input.reduceInputHeight{ padding:0 6px 2px 6px;}
.ie1 .provideAreaName input.reduceInputHeight{ padding:0 6px 2px 6px;}

.MT4{ margin-top:4px;}
.width75{ width:75%;}
.provideAreaName input[type="text"].width15{ width:15%;}
.provideAreaName input[type="text"].width18{ width:18%;}
.provideAreaName input[type="text"].width20{ width:20%;}
.provideAreaName input[type="text"].width37{ width:37%;}
.provideAreaName input[type="text"].width50{ width:50%;}
.provideAreaName input[type="text"].width46{ width:45%;}
.provideAreaName input[type="text"].width60{ width:60%;}
.provideAreaName input[type="text"].width71{ width:71%;}
.provideAreaName input[type="text"].width80{ width:80%;}
.provideAreaName input[type="text"].marR2P{ margin-right: 2%;}
.editWorkloadProfileForm .provideAreaName input[type="text"].width50{ width:80px; padding-left:0; padding-right:0; text-align:center; box-sizing:border-box;}
.workloadProfileDiv .provideAreaName input[type="text"].width50{ width:50px;}
.adjustmentPaddL{ padding-left:15px;}
.addExpenses{ text-decoration:underline;}
.rentAdditionPaddTB{ padding:15px 0 15px 0; display:inline-block;}
.provideAreaName .greenInputBox input[type="text"]{ background:#007f00; border:1px solid #1eb31e; color:#ffffff;}
.provideAreaName input.width40.textalignRight{ text-align:right;}
.provideAreaName input.width100.textalignRight{ text-align:right;}
.bilingTitleBig{color:#00366d; font-family:'MyriadPro-Regular'; font-size:22px; font-weight:normal; line-height:20px; padding:5px 0 0 0;}
.provideAreaName label.bilingTitleSmall{ color:#326195;}
.provideAreaName b.bilingTitleSmall{ color:#326195;}
.provideAreaName label.bilingFinalTotal{ font-size:18px; color:#3B4A61; font-family:'MyriadPro-Semibold';}
.redColor{ color:#Ff0000;}
.greenColor{ color:#007f00;}
.provideAreaName label.finalRentBillSum{ font-size:21px; font-weight:bold; padding:10px 0; display:inline-block;}
.finalRentBillSumBtn{ background:#007F00;color:#FFFFFF; font-style:normal; border:1px solid #1eb31e; border-radius:5px 5px 5px 5px; display:block; float:right; font-family:'MyriadPro-Regular'; font-size:18px; margin:0 0 0 0; padding:7px 8px;}
.createBill .valueHighlight{ color:#00366d;}
.paddL8{ padding-left:8px;}
.billingBorderBottom{border-bottom:1px solid #00366D; height:23px; box-sizing:border-box;}
.removeExp a{color:#3989A9; float:left; font-size:15px; line-height:15px; text-decoration:none; margin-top:2px;}
.ie .removeExp a{ margin-top:3px;}
.removeExp a.addExpenses{ font-size:16px; line-height:16px;}
.createRewardProofremoveExp .removeExp a{margin-top:5px;}
.mac .createRewardProofremoveExp .removeExp a{margin-top:11px;}

/*contractor Icon view*/
.userIconView .subContractIconView{ padding:5px; height:107px; box-sizing:border-box;}
.userIconView .userViewSingleBtn{margin-bottom:0; padding:41px 5px; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.subContractIconView .userTypeRole{ line-height:14px; margin-top:0;}

input::-ms-clear{display:none;}

#pagination .loadMore{margin-left:1px; padding:7px 5px; width:98%; background:url("/images/theme3/return-back-bg.png") repeat-x left top; border:1px solid #cfcfcf; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color:#38485E;  text-align:center; margin-top:10px; box-sizing:border-box;}

.infscr-loading {
        background:#ffffff;
        border-radius: 10px 10px 10px 10px;
        bottom:35px;
        color: #222222;
        font-size: 15px;
        font-weight: bold;
        left: 42%;
        padding: 20px;
        position:fixed;
        text-align: center;
        z-index: 100;
        border: 1px solid #cfcfcf;
}

/*Innovative forum Popup*/
.innovationIcon{ background-position:-310px 0; display: inline-block; width:50px; height:49px;}
.gradientBox:hover .innovationIcon{ background-position:-310px -58px; display: inline-block; width:50px; height:49px;}
.forumActivityPopup{ padding:5px 0 2% 0; width:100%;}
.PopupTitle100{ width:100%;}

.chooseWorkerPopup a.returnBack{ margin-right:2px;}
.chooseWorkerPopup .workView, .chooseWorkerPopup a.displayStyleView{ margin-left:5px;}
.chooseWorkerPopup .returnBackText{padding:10px 7px 8px 7px; font-size:14px;}
.chooseWorkerPopup .returnBackImg{padding:8px 4px 8px 4px;}
.worker_orineted_view_pop_up .chooseWorkerPopup .formanDesktopsearchBox{width:220px;}
.worker_orineted_view_pop_up .chooseWorkerPopup .formanDesktopsearchTextBox{padding:5px 5px 6px; width:190px; box-sizing:border-box;}
.win.safari .worker_orineted_view_pop_up .chooseWorkerPopup .formanDesktopsearchTextBox{padding:5px 5px 6px; }
.worker_orineted_view_pop_up .chooseWorkerPopup .formanDesktopsearchTextBox input{width:185px;}
.chooseWorkerPopup .searchImg{padding:8px 5px;}
.chooseWorkerPopup .formanNavigations .workView ul li a{font-size:14px; padding:11px 4px 9px 4px;}
.linux.chrome .chooseWorkerPopup .formanNavigations .workView ul li a{font-size:14px; padding:11px 4px 9px 4px;}
.mac.chrome .chooseWorkerPopup .formanNavigations .workView ul li a{ line-height:17x;}
.chooseWorkerPopup .formanNavigations .displayStyleViewText{font-size:14px; padding:9px 5px;}
.mac.safari .chooseWorkerPopup .formanNavigations .displayStyleViewText{ padding:10px 5px 8px 5px;}

.linux.chrome .chooseWorkerPopup .formanNavigations .displayStyleViewText{ padding:11px 5px 7px 5px;}
.chooseWorkerPopup .displayStyleViewImg{ padding:8px 5px 7px;}
.mac.chrome .chooseWorkerPopup .formanNavigations .displayStyleViewText{font-size:14px; padding:10px 5px 8px 5px;}

.forumActivityPopupTitleLeft{ width:85%; float:left;}
.forumActivityPopupTitleRight{ width:14%; float:right;}
.chooseActivityTitle{background:url(../../images/theme3/week-view-header.png) repeat-x left top; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:inline-block;border:1px solid #cfcfcf;}
.chooseActivityTitle span{color:#3B4A61; font-family:'MyriadPro-Regular'; font-size:19px; font-weight:normal; line-height:20px; padding:5px 8px 6px;}
.linux.opera .chooseActivityTitle span{ padding:8px 8px 4px;}
.chooseActivityTitle span.closeBtn{color:#3B4A61; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; cursor:pointer; text-align:center; display:block;}
.forumActivityPopup .activityCol0, .forumActivityPopup .activityCol1, .forumActivityPopup .activityCol2, .forumActivityPopup .activityCol3, .forumActivityPopup .activityCol4, .forumActivityPopup .activityCol5, .forumActivityPopup .activityCol6, .forumActivityPopup .activityCol7, .forumActivityPopup .activityCol8, .forumActivityPopup .activityCol9, .forumActivityPopup .activityCol11{min-height:44px; padding:10px 6px; width:135px; box-sizing:border-box;}

.linux.chrome .forumActivityPopup .activityCol0, .linux.chrome .forumActivityPopup .activityCol1, .linux.chrome .forumActivityPopup .activityCol2, .linux.chrome .forumActivityPopup .activityCol3, .linux.chrome .forumActivityPopup .activityCol4, .linux.chrome .forumActivityPopup .activityCol5, .linux.chrome .forumActivityPopup .activityCol6, .linux.chrome .forumActivityPopup .activityCol7, .linux.chrome .forumActivityPopup .activityCol8, .linux.chrome .forumActivityPopup .activityCol9, .linux.chrome .forumActivityPopup .activityCol11 {padding:15px 6px 8px 6px;}

.linux.gecko .forumActivityPopup .activityCol0, .linux.gecko .forumActivityPopup .activityCol1, .linux.gecko .forumActivityPopup .activityCol2, 
.linux.gecko .forumActivityPopup .activityCol3, .linux.gecko .forumActivityPopup .activityCol4, .linux.gecko .forumActivityPopup .activityCol5, 
.linux.gecko .forumActivityPopup .activityCol6, .linux.gecko .forumActivityPopup .activityCol7, .linux.gecko .forumActivityPopup .activityCol8, 
.linux.gecko .forumActivityPopup .activityCol9, .linux.gecko .forumActivityPopup .activityCol11 {padding:13px 6px 8px 6px;}

.linux.opera .forumActivityPopup .activityCol0, .linux.opera .forumActivityPopup .activityCol1, .linux.opera .forumActivityPopup .activityCol2, 
.linux.opera .forumActivityPopup .activityCol3, .linux.opera .forumActivityPopup .activityCol4, .linux.opera .forumActivityPopup .activityCol5, 
.linux.opera .forumActivityPopup .activityCol6, .linux.opera .forumActivityPopup .activityCol7, .linux.opera .forumActivityPopup .activityCol8, 
.linux.opera .forumActivityPopup .activityCol9, .linux.opera .forumActivityPopup .activityCol11{padding:13px 6px 8px 6px;}

.marTB30LR20{margin:30px 20px;}
.forumActivityPopup .activityCol10{ width:100%;}
.provideAreaName input.width400{ width:400px;}
.paddTB20{ padding:20px 0 20px 0;}
.provideAreaName .postIdeaBox tr td{ padding-bottom:0;}
.disableActivity{font-family:'MyriadPro-Regular'; font-size:14px; line-height:14px;}
.dynamicActivity{ height:55px; margin:17px 14px; width:134px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#ffffff; background:#1084D1; padding:10px 6px; word-wrap:normal; box-sizing:border-box;}

/*New Idea Boxes*/

.newIdeaMainBox{position:relative; width:460px;}
.newIdeaMainBoxInner{border:1px solid #727D8E; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; min-height:175px; padding:5px 0;}
.newIdeaTitle{ background:#727d8e; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; color:#ffffff; font-family:'MyriadPro-Semibold'; font-size:18px; line-height:19px; height:31px; padding:6px 10px 9px; text-transform:uppercase; box-sizing:border-box;}
.linux.opera .newIdeaTitle{ padding:8px 10px 7px;}
.linux.opera .newIdeaTitleLast{ padding:8px 10px 7px 45px;}
.newIdeaTitleLast{background:#727d8e; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; color:#ffffff; font-family:'MyriadPro-Semibold'; font-size:18px; line-height:19px; height:31px; padding:6px 10px 9px 45px; text-transform:uppercase; box-sizing:border-box;}
.newIdeaQueText{color:#7D7D7D; font-family:'MyriadPro-Regular'; font-size:16px; line-height:17px; padding:0 10px 0 14px;}
.padd15{ padding:15px;}
/*.linux.chrome .newIdeaQueText .newIdeaQueTextInner{ line-height:24px;}*/
.newIdeaMainBoxInner .newIdeaQueText .marT6{ margin-top:5px; margin-bottom:5px;}
.mac.chrome .newIdeaMainBoxInner .newIdeaQueText .marT6{ margin-top:8px;}
.mac.gecko .newIdeaMainBoxInner .newIdeaQueText .marT6{ margin-top:7px;}
.mac.safari .newIdeaMainBoxInner .newIdeaQueText .marT6{ margin-top:7px;}
.linux .newIdeaMainBoxInner .newIdeaQueText .marT6{ margin-top:7px;}
.linux.gecko .newIdeaMainBoxInner .newIdeaQueText .marT6{ margin-top:8px;}
.linux.chrome .newIdeaMainBoxInner .newIdeaQueText .marT6{ margin-top:7px;}
.newIdeaMainBoxInner .newIdeaQueText .newIdeaQueTextInner{ margin-top:8px; margin-bottom:6px;}

/* Textarea scrollbar changes : Changes done by Raghuvir */
.newIdeaDes textarea.textArea{background:none;color:#507584;padding:0;border:none;font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px;margin:0; width:95%; height:120px; min-height:100px; overflow:hidden;font-style:italic;resize:none;line-height:20px; box-sizing:border-box;}
.newIdeaDes .textarea-wrapper{background:#d9e0e2;color:#507584;padding:6px;border:1px solid #cfcfcf;font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0; box-shadow:none; width:100%; height:133px; min-height:123px; overflow:hidden;font-style:italic; margin-top:2px; box-sizing:border-box;}
.newIdeaDes .hiddendiv{position:absolute; top:-9999px; left:-9999px; visibility:hidden; white-space: pre-wrap; width:95%; min-height: 100px; font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px;font-style:normal; padding:0; word-wrap: break-word;line-height:20px; box-sizing:border-box;}
/* Textarea scrollbar changes : Changes done by Raghuvir */

.newIdeaDes textarea.textArea.active{font-style:normal; color:#3b4a61;}
.numberBox{border:1px solid #3b4a61; position:absolute; margin:2px; background:#ffffff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.numberBoxInner{background:#556276; padding:10px 14px;font-family:'MyriadPro-Semibold'; font-size:18px; line-height:18px; color:#ffffff; margin:1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.linux.opera .numberBoxInner{ padding:11px 14px 6px;} 
.numPosRB{bottom:-12px; right:-8px;}
.numPosLB{bottom:-12px; left:-8px;}
.numPosTL{ left:-8px; top:-3px;}
.numPosTR{right:-8px;top:-3px;}

/*Pulblish idea button*/
.beneficiaryName label{ font-size:15px;}
.ie .provideAreaName .beneficiaryName input[type="checkbox"]{ margin-top:0;}
.ie8 .provideAreaName .beneficiaryName input[type="checkbox"]{ margin-top:-2px;}
.ie9 .provideAreaName .beneficiaryName input[type="checkbox"]{ margin-top:-3px;}
.ie1 .provideAreaName .beneficiaryName input[type="checkbox"]{ margin-top:-3px;}
.newIdeaMainBoxInner .nextButton{ width:90%; margin:0 auto;}
.newIdeaMainBoxInner .nextButton a{ background:#49576c; padding:38px 20px; font-size:30px; line-height:32px;  color:#ffffff; font-family:'MyriadPro-Semibold'; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-decoration:none; display:block; margin-top:20px;}  
.newIdeaMainBoxInner .nextButtonDisable{ width:90%; margin:0 auto;}
.newIdeaMainBoxInner .nextButtonDisable a{ background:#8d8d8d; padding:38px 20px; font-size:30px; line-height:32px;  color:#cdcdcd; font-family:'MyriadPro-Semibold'; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-decoration:none; display:block; margin-top:20px; cursor:default;}  
.ie1 .newIdeaMainBoxInner .nextButtonDisable a{ font-size:28px;}
.ie1 .newIdeaMainBoxInner .nextButton a{ font-size:28px;}
.win.ie8 .newIdeaMainBoxInner .nextButtonDisable a{ font-size:30px;}
.win.ie9 .newIdeaMainBoxInner .nextButtonDisable a{ font-size:30px;}

/*Support and comment idea*/
table.supportCommentIdea{ border:1px solid #727D8E; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.supportCommentIdea tr td{ padding:10px;}
.supportCommentIdea tr th{background:#727D8E;color:#FFFFFF; font-family:'MyriadPro-Semibold'; font-size:20px; text-align:left; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; line-height:20px; padding:6px 5px 9px 15px;}
.linux.opera .supportCommentIdea tr th{padding:11px 5px 5px 15px;}
.supportCommentIdea{position:relative; margin:5px 0 15px 0; width:819px;}
.supportCommentIdeaInner{border:1px solid #cfcfcf; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; width:819px; box-sizing:border-box;}
.supportCommentIdeaTitle{ background:url(../../../images/theme3/week-view-header.png) repeat-x left top; color:#3B4A61; font-family:'MyriadPro-Semibold'; font-size:16px; line-height:19px; height:30px; padding:0 10px 13px 0; border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; box-sizing:border-box;}/*11-2-2014*/

/* Textarea scrollbar changes : Changes done by Raghuvir */
.supportCommentBoxText{ height:135px; overflow:hidden; color:#7D7D7D;font-family:'MyriadPro-Regular'; font-size:16px; line-height:17px; word-wrap:break-word;}
/* Textarea scrollbar changes : Changes done by Raghuvir */
.supportCommentIdeaNumberBox{ background:#ffffff; border-right:1px solid #CFCFCF; margin-right:9px; padding:4px 0 6px; display:inline-block; width:31px; text-align:center; -moz-border-radius:5px 0 0 0; -webkit-border-radius:5px 0 0 0; border-radius:5px 0 0 0; box-sizing:border-box;}/*11-2-2014*/
.linux .supportCommentIdeaNumberBox{ padding:6px 0 4px;}/*11-2-2014*/
.linux.opera .supportCommentIdeaNumberBox{ padding:8px 0 2px;}
.mac .supportCommentIdeaNumberBox{ padding:6px 0 4px;}/*11-2-2014*/
.supportCommentIdeaNumberBoxInner{background:#556276; padding:7px 8px;font-family:'MyriadPro-Semibold'; font-size:18px; line-height:15px; color:#ffffff; margin:1px; width:38px; height:30px; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-sizing:border-box;}
.linux.opera .supportCommentIdeaNumberBoxInner{ padding:10px 8px 5px 8px;}
.supportCommentIdeaNumberBoxNumPosTL{left:-4px; top:-4px;}
.editIdea{ background-position:-63px -422px; display:inline-block; width:21px; height:16px; padding-right:5px; box-sizing:border-box;}
.linux.opera .editIdea, .linux.opera .resolveIssue{ margin-top:2px; float:left;}
.resolveIssue{ background-position:-17px -422px; display:inline-block; width:21px; height:16px; padding-right:5px; box-sizing:border-box;}
.saveChangesIdea{ background-position:-197px -422px; display:inline-block; width:21px; height:16px; padding-right:5px; box-sizing:border-box;}
.linux .saveChangesIdea{ padding-top:3px;}
.discardChangesIdea{ background-position:-110px -422px; display:inline-block; width:21px; height:16px; padding-right:5px; box-sizing:border-box;}
.linux .discardChangesIdea{ padding-top:3px;}
.removeIdea{ background-position:-152px -422px; display:inline-block; width:21px; height:16px; padding-right:5px; box-sizing:border-box;}
.linux .removeIdea{ padding-top:3px;}
.thumbUp{ background-position:-243px -418px; display:inline-block; width:16px; height:16px;}
.linux .thumbUp{ background-position:-243px -420px;}
.thumbDown{ background-position:-289px -423px; display:inline-block; width:16px; height:18px;}
.resolveCloseIdea{ background-position:-393px -418px; display:inline-block; width:16px; height:16px;}
.editResolveLink{ padding:0 0 10px 0;}
.editResolveLink a{ color:#7d7d7d;font-family:'MyriadPro-Regular'; font-size:16px; line-height:16px; text-decoration:none;}
.mac .editResolveLink a{ line-height:20px;}
.editResolveLink a:hover{ color:#3B4A61;}
.editResolveLink a b.red{ color:#D8292F;}
.editResolveLink a b.green{ color:#529105;}

/* Textarea scrollbar changes : Changes done by Raghuvir */
.dontSupportIdea textarea.textArea{background:#d9e0e2;color:#7d7d7d;padding:0;border:none;font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px;margin:0; width:95%; height:135px; min-height:120px; overflow:hidden;font-style:italic;resize:none;line-height:20px; box-sizing:border-box;}
.dontSupportIdea .textarea-wrapper{background:#d9e0e2;color:#7d7d7d;padding:1%;border:1px solid #CFCFCF;font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0; box-shadow:none; width:82%; height:152px; min-height:130px; overflow:hidden;font-style:italic; float:left; box-sizing:border-box;}
.dontSupportIdea .hiddendiv{position:absolute; top:-9999px; left:-9999px; visibility:hidden; white-space: pre-wrap; width:95%; min-height:125px; font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px;font-style:normal; padding:0; word-wrap: break-word;line-height:20px; box-sizing:border-box;}
/* Textarea scrollbar changes : Changes done by Raghuvir */

.dontSupportIdea textarea.textArea.active{font-style:normal; color:#3b4a61;}

/* Textarea scrollbar changes : Changes done by Raghuvir */
.supportIdea100 textarea.textArea{background:#d9e0e2;color:#7d7d7d;padding:0;border:none;font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px;margin:0; width:100%; height:125px; min-height:130px; overflow:hidden;font-style:italic;resize:none;line-height:20px; box-sizing:border-box;}
.supportIdea100 .textarea-wrapper{background:#d9e0e2;color:#7d7d7d;padding:1%;border:1px solid #CFCFCF;font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0; box-shadow:none; width:100%; height:155px; min-height:135px; overflow:hidden;font-style:italic; box-sizing:border-box;}
.supportIdea100 .hiddendiv{position:absolute; top:-9999px; left:-9999px; visibility:hidden; white-space: pre-wrap; width:95%; min-height: 130px; font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px;font-style:normal; padding:0; word-wrap: break-word;line-height:20px; box-sizing:border-box;}
/* Textarea scrollbar changes : Changes done by Raghuvir */

.supportIdea100 textarea.textArea.active{font-style:normal; color:#3b4a61;}

.dontSupportIdea .nextButton{ width:15%; margin:0 auto;}
.dontSupportIdea .nextButton a{ background:#49576c; padding:54px 7px; font-size:20px; line-height:22px; color:#ffffff; font-family:'MyriadPro-Semibold';  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-decoration:none; display:block; text-align:center;}
.dontSupportIdea .nextButtonDisable{ width:15%; margin:0 auto;}
.dontSupportIdea .nextButtonDisable a{ background:#8d8d8d; padding:54px 7px; font-size:20px; line-height:22px; color:#cdcdcd; font-family:'MyriadPro-Semibold'; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-decoration:none; display:block; text-align:center; cursor:default;}

.forumPhoto{ padding-bottom:10px; margin-top:5px;}
.forumPhoto img{ border:1px solid #3C95B3;}
.forumFirstLastName{ color:#3B4A61; font-family:'MyriadPro-Regular'; font-size:15px; line-height:17px; width:118px; word-wrap:break-word;}
.forumUserType{color:#7D7D7D; font-family:'MyriadPro-Regular'; font-size:15px; line-height:17px; padding-bottom:8px; width:118px; word-wrap:break-word;}
.forumPostedIdea{color:#3B4A61; font-family:'MyriadPro-Regular'; font-size:15px; line-height:17px; width:118px; word-wrap:break-word;}
.forumtime{color:#7D7D7D; font-family:'MyriadPro-Regular'; font-size:15px; line-height:17px;}

.supportCommentIdea tr td.paddL20{ padding-left:20px;}
.supportCommentIdea tr td.paddR20{ padding-right:20px;}

.clickForSupportIdea{ border:1px solid #7d7d7d; padding:7px; margin-top:35px; width:104px; cursor:pointer; box-sizing:border-box;}
.clickForSupportIdeaText{color:#3B4A61; font-family:'MyriadPro-Regular'; font-size:15px; line-height:17px; text-align:center; word-wrap:break-word;}
.clickForSupportIdeaTextSmall{color:#7D7D7D; font-family:'MyriadPro-Regular'; font-size:12px; line-height:15px; text-align:center; margin-top:5px;}
.supportByPerson{ border:1px solid #cfcfcf; padding:5px 10px; margin-top:10px;}
.thumbUpBig{background-position:-315px -420px; display:inline-block; width:60px; height:28px;}
.activeIdeaListing{float:left;padding:2px; width:164px; color:#7d7d7d; font-family:'MyriadPro-Regular'; font-size:15px; line-height:16px; box-sizing:border-box;}

.longerLunchBreakTitle{ font-family:'MyriadPro-Semibold'; color:#3B4A61; font-size:22px; line-height:22px; margin-top:5px;}
.newIdeaMainBoxInner .nextButtonDisable a.mar0{ margin:0;} 
.newIdeaMainBoxInner .nextButton a.mar0{ margin:0;} 

/* Textarea scrollbar changes : Changes done by Raghuvir */
.beneficiaryTextarea textarea.textArea{background:none;color:#9398a1;padding:0;border:none;font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px;margin:0; width:100%; height:120px; min-height:50px; overflow:hidden;font-style:italic;resize:none;line-height:20px; box-sizing:border-box;}
.beneficiaryTextarea .textarea-wrapper{background:#d9e0e2;color:#9398a1;padding:2%;border:1px solid #CFCFCF;font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0; box-shadow:none; width:100%; height:125px; min-height:100px; overflow:hidden;font-style:italic; box-sizing:border-box;}
.beneficiaryTextarea .hiddendiv{position:absolute; top:-9999px; left:-9999px; visibility:hidden; white-space: pre-wrap; width:95%; min-height:100px; font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px;font-style:normal; padding:0; word-wrap: break-word;line-height:20px; box-sizing:border-box;}
/* Textarea scrollbar changes : Changes done by Raghuvir */

.beneficiaryTextarea textarea.textArea.active{font-style:normal; color:#3b4a61;}

.viewIntialText{ font-family:'MyriadPro-Regular'; color:#7d7d7d; font-size:16px; line-height:16px; text-decoration:none; font-weight:normal;}
.toolTipBg{display:none; position:absolute; background:#3B4A61; z-index:9; top:30px; text-align:left; padding:7px 10px; width:520px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-family:'MyriadPro-Regular'; color:#ffffff; font-size:16px; line-height:19px; left:-250px; word-wrap:break-word; box-sizing:border-box;}
.workerwiseToolTipBg{left:0; width:auto; max-width:600px; min-width:225px; font-size:14px; font-weight:normal;}
.workerwiseToolTipBg .toolTipBgInner{ overflow:hidden;}
.toolTipBg .upArrow{position:absolute;margin:-16px 0 0 280px;background:url(/images/theme3/up-aro.png) no-repeat left top;width:21px;height:14px;display:inline-block;}
.workerwiseToolTipBg .upArrow{margin:-16px 0 0 40px;}
.toolTipBgInner{max-height:340px; overflow:auto;}

.solCardMainBox{position:relative; margin-left:3px; width:260px;}
.width323{ width:323px;}
.solCardMainBoxInner{border:1px solid #727D8E; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; 
max-height:185px; min-height:185px; padding:5px 0;}
.solCardMainBoxTitle{ background:#727d8e; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; color:#ffffff; font-family:'MyriadPro-Semibold'; font-size:14px; line-height:14px; height:28px; padding:7px 10px 5px 35px; text-transform:uppercase; box-sizing:border-box;}
.linux.opera .solCardMainBoxTitle{ padding:9px 10px 3px 35px;}
.solCardQueText{color:#7D7D7D; font-family:'MyriadPro-Regular'; font-size:15px; line-height:15px; padding:8px 10px 0 7px;}
.solCardMainBox .numberBox{border:1px solid #3b4a61; position:absolute; margin:2px; background:#ffffff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.solCardMainBox .numberBoxInner{background:#556276; padding:4px 8px;font-family:'MyriadPro-Semibold'; font-size:20px; line-height:20px; margin:1px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.linux.opera .solCardMainBox .numberBoxInner{ padding:8px 8px 0 8px;}
.solCardMainBox .numPosTL{ left:-4px; top:-4px;}

/* Textarea scrollbar changes : Changes done by Raghuvir */
.solCardDes textarea.textArea{background:none;color:#9398a1;padding:0;border:none;font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px; width:100%; height:130px; min-height:100px; overflow:hidden;font-style:italic;resize:none;line-height:20px; box-sizing:border-box;}
.solCardDes .textarea-wrapper{background:#d9e0e2;color:#9398a1;padding:2%;border:1px solid #CFCFCF;font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0; box-shadow:none; width:100%; height:147px; min-height:130px; overflow:hidden;font-style:italic; margin-top:7px; box-sizing:border-box;}
.solCardDes .hiddendiv{position:absolute; top:-9999px; left:-9999px; visibility:hidden; white-space: pre-wrap; width:95%; min-height:130px; font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px; padding:0; word-wrap: break-word;line-height:20px; box-sizing:border-box;}
/* Textarea scrollbar changes : Changes done by Raghuvir */

.solCardDes textarea.textArea.active{font-style:normal; color:#3b4a61;}
.probDescDiv{background:#d9e0e2;color:#3b4a61; font-family:'MyriadPro-Regular';font-weight:normal;font-size:14px; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; margin:7px 0 0 0;font-style:normal; box-shadow:none; padding:5px;border:1px solid #CFCFCF; height:147px; box-sizing:border-box;}
.probDescDivInner{max-height:137px; word-wrap:break-word;}
.popupPadd{ padding:5px 0 10px 10px; width:98%;}
.paddTB8LR5{ padding:8px 5px;}
.paddT8B0LR5{ padding:8px 5px 0 5px;}
.readOnlyBeneficiary{background:#d9e0e2;color:#3b4a61;border:1px solid #CFCFCF;font-family:'MyriadPro-Regular';font-weight:normal;font-size:14px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0 0 7px 0;font-style:normal; box-shadow:none; padding:5px; height:80px; word-wrap:break-word; width:220px; box-sizing:border-box;}
.paddT20B8LR5{ padding:20px 5px 8px 5px;}

.ideaTitleTextBox input[type="text"]{background:#d9e0e2;border:1px solid #CFCFCF; color:#7D7D7D;display:block;font-family:'MyriadPro-Regular';font-style:italic;font-size:16px;font-weight:normal;padding:7px 5px 6px; text-align:left;width:100%;box-shadow:none; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; behavior:url(PIE.htc);position:relative; margin:0; box-sizing:border-box;}
.ideaTitleTextBox input.active[type="text"]{color:#3b4a61;font-style:normal;}

.linux.gecko .supportCommentIdea tr th{ padding:10px 5px 9px 15px;}
.linux.gecko .newIdeaTitle{ line-height:23px;}
.linux.gecko .newIdeaTitleLast{ line-height:23px;}
.linux.gecko .solCardMainBoxTitle{line-height:16px;}
.linux.gecko .numberBoxInner{ padding:10px 14px 7px;}
.linux.gecko .solCardMainBox .numberBoxInner{ padding:6px 8px 2px 8px;}
.linux.gecko .chooseActivityTitle span{ padding:7px 8px 5px;}

.linux.chrome .supportCommentIdea tr th{ padding:12px 5px 6px 15px;}
.linux.chrome .supportCommentIdeaNumberBoxInner{ line-height:22px;}
.linux.chrome .chooseActivityTitle span{ padding:8px 8px 4px 8px;}
.linux.chrome .newIdeaTitle{ padding:10px 10px 8px;}
.linux.chrome .newIdeaTitleLast{ padding:10px 10px 8px 42px;}
.linux.chrome .numberBoxInner{ padding:12px 14px 6px 14px;}
.linux.chrome .solCardMainBoxTitle{ line-height:19px;}
.linux.chrome .solCardMainBox .numberBoxInner{ padding:8px 8px 0 8px;}

.linux .newIdeaMainBoxInner .nextButton a{ padding:40px 18px 30px 18px;}
.linux .newIdeaMainBoxInner .nextButtonDisable a{ padding:40px 18px 30px 18px;}

.mac .chooseActivityTitle span{ padding:8px 8px 4px;}
.mac.safari .chooseActivityTitle span{ padding:7px 8px 4px 8px;}
.mac .newIdeaTitle{ padding:9px 10px 7px;}
.mac .newIdeaTitleLast{ padding:9px 10px 7px 45px;}
.mac .solCardMainBoxTitle{ padding:9px 10px 3px 35px;}
.mac .numberBoxInner{ padding:11px 14px 8px 14px;}
.mac .solCardMainBox .numberBoxInner{ padding:6px 8px 2px 8px;}
.mac .supportCommentIdeaNumberBoxInner{ padding:10px 8px 5px;}
.mac .supportCommentIdea tr th{ padding:8px 5px 7px 15px;}
.mac .newIdeaMainBoxInner .nextButtonDisable a{ font-size:31px;}
.mac .newIdeaMainBoxInner .nextButton a{ font-size:31px;}


.solCardErrorMsgRight{ font-family:Arial, Helvetica, sans-serif; display:block; font-size:12px; color:#FF0000; /*position:relative;height:30px;*/float:left;  min-width:25px; clear:none; line-height:14px;}
.solCardErrorMsgRight ul{ list-style:none; padding:5px 5px 5px 28px; margin:0 0 0 0; background: url(/images/theme1/information-icon.png) left 2px no-repeat; height:30px; display:inline-block; /*position:absolute;*/ left:0; top:0; border:none; box-sizing:border-box;}
.solCardErrorMsgRight:hover ul{ background:#ffcfcf url(/images/theme1/information-icon.png) -1px 1px no-repeat; border:#ff9595 solid 1px; margin-right:-1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.solCardErrorMsgRight li{ width:0; height:0; font-size:0; display:none;}
.solCardErrorMsgRight:hover li{ display:block; width:auto; font-size:14px; color:#cc3300; list-style:none; margin:0; /*padding:3px 7px;*/white-space:nowrap; background:#ffcfcf; border:none;line-height:19px; font-family:'MyriadPro-Regular';}
.linux .solCardErrorMsgRight:hover li{ line-height:21px;}
.mac .solCardErrorMsgRight:hover li{ line-height:21px;}

.realizedErrorMsgRight{ font-family:Arial, Helvetica, sans-serif; display:block; font-size:12px; color:#FF0000; position:relative; float:left; height:28px; min-width:25px; clear:none; margin:0 0 3px 3px;}
.realizedErrorMsgRight ul{ list-style:none; padding:5px 5px 5px 28px; margin:0 0 0 0; background: url(/images/theme1/information-icon.png) left 2px no-repeat; height:30px; display:inline-block; position:absolute; left:0; top:0; border:none; box-sizing:border-box;}
.realizedErrorMsgRight:hover ul{background:#ffcfcf url(/images/theme1/information-icon.png) -1px 1px no-repeat; padding:4px 5px 3px 28px; border:#ff9595 solid 1px;margin:0 0 0 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior:url(PIE.htc);z-index:2;}
.realizedErrorMsgRight li{ width:0; height:0; font-size:0; display:none;}
.realizedErrorMsgRight:hover li{ display:block; width:auto; font-size:14px; color:#cc3300; list-style:none; margin:0; /*padding:3px 5px 3px 5px;*/ white-space:nowrap; background:#ffcfcf; border:none;line-height:19px; font-family:'MyriadPro-Regular';}
.linux .realizedErrorMsgRight:hover li{ line-height:21px;}
.mac .realizedErrorMsgRight:hover li{ line-height:21px;}

/*Realized working hrs page fixed width error message*/
.realizedErrorMsgRightFixedWidth{ font-family:Arial, Helvetica, sans-serif; display:block; font-size:12px; color:#FF0000; position:relative; float:left; height:28px; min-width:25px; clear:none; margin:0 0 3px 3px;}
.realizedErrorMsgRightFixedWidth ul{ list-style:none; padding:5px 5px 5px 28px; margin:0 0 0 0; background: url(/images/theme1/information-icon.png) left 2px no-repeat; height:30px; display:inline-block; position:absolute; left:0; top:0; border:none; width:433px; box-sizing:border-box}
.realizedErrorMsgRightFixedWidth:hover ul{background:#ffcfcf url(/images/theme1/information-icon.png) -1px 1px no-repeat; padding:4px 5px 4px 28px; border:#ff9595 solid 1px;margin:0 0 0 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior:url(PIE.htc);z-index:2; height:auto; box-sizing:border-box;}
.realizedErrorMsgRightFixedWidth li{ width:0; height:0; font-size:0; display:none;}
.realizedErrorMsgRightFixedWidth:hover li{ display:block; width:auto; font-size:14px; color:#cc3300; list-style:none; margin:0; /*padding:3px 5px 3px 5px;*/ background:#ffcfcf; border:none;line-height:19px; font-family:'MyriadPro-Regular'; height:auto;}
.linux .realizedErrorMsgRightFixedWidth:hover li{ line-height:21px;}
.mac .realizedErrorMsgRightFixedWidth:hover li{ line-height:21px;}

/*Click month to select range*/
.monthSelectorPopup{margin-left:-275px; width:567px;}
.monthSelectorFixPopup{ width:550px;}

.weekSelectorPopup{margin-left:-275px; width:597px;}
.weekSelectorFixPopup{ width:580px;}
.weekSelectorFixPopup .MonthSelectorbarMain{ margin:4px 10px 23px 0;}
.weekSelectorFixPopup .weekSelectorbarMain{ margin:4px 10px 22px 0;}

.monthBoxMain{ float:left; width:100%;}
.monthBoxMain tr td{ padding:0;}
.monthBox{padding:11px 0 0 0; border:1px solid #CFCFCF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; font-size:17px; font-family:'MyriadPro-Regular'; line-height:17px; color:#3b4a61; cursor:pointer; width:109px; height:44px; box-sizing:border-box;}
.linux.opera .monthBox{line-height:23px;}
.monthBox:hover{background:#768693; color:#ffffff;}
.monthBox.selected{background:#768693; color:#ffffff;}
.marBR{ margin-bottom:8%; margin-right:8%;}

.MonthSelectorbarMain{border:1px solid #CFCFCF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0 10px 0 0; float:left;}
.ie9 .MonthSelectorbarMain{margin:0 10px 0 0;}
.ie9 .MonthSelectorbarMain.weekSelectorbarMain{margin:0 10px 0 0;}
.ie1 .MonthSelectorbarMain{margin:0 10px 0 0;}
.ie8 .MonthSelectorbarMain{margin:0 10px 0 0;}
.ie8 .MonthSelectorbarMain.weekSelectorbarMain{margin:0 10px 0 0;}
.mac .MonthSelectorbarMain{margin:0 10px 0 0;}
.linux.gecko .MonthSelectorbarMain{margin:0 10px 0 0;}
.linux.chrome .MonthSelectorbarMain.weekSelectorbarMain{margin:0 10px 0 0;}
.linux.chrome .MonthSelectorbarMain{margin:0 10px 0 0;}
.linux.opera .MonthSelectorbarMain.weekSelectorbarMain{margin:0 10px 0 0;}

.monthSelectorDiv a.headerLinkPadd{padding:8px 10px 9px 10px;}
.monthSelectorDiv .divider.selected{ background:url(../../images/theme3/realized-table-top-bg-active.png) repeat-x left bottom; height:40px;}
.monthSelectorDiv .divider:hover{ background:url(../../images/theme3/realized-table-top-bg-active.png) repeat-x left bottom;}
.monthSelectorDiv .divider{float:left; background:url(../../images/theme3/realized-table-top-bg.png) repeat-x left top; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; height:35px;}
.monthSelectorDiv .divider.last{-moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.monthSelectorDiv .divider.last:hover{-moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.monthSelectorDiv .monthBlock{background:url(../../images/theme3/realized-table-top-bg.png) repeat-x left top; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; height:34px;}
.monthSelectorDiv .dividerBorderLeft{ border-left:1px solid #cfcfcf; float:left; height:46px;}
.monthSelectorDiv a{color:#4c4c4c; font-size:17px; font-family:'MyriadPro-Regular'; text-decoration:none; display:inline-block;font-weight:normal; line-height:18px;}
.monthSelectorDiv span{color:#4c4c4c; font-size:17px; font-family:'MyriadPro-Regular'; text-decoration:none; font-weight:normal;line-height:18px;}

.mac .monthSelectorDiv span{ line-height:23px;}
.mac .monthSelectorDiv a{ line-height:22px;}
.mac .monthBox{ padding:15px 0 0 0;}
.mac .addNewAreaButton tr td.monthSelectorBlueButton.nextButtonDisable a, .mac.addNewAreaButton tr td.monthSelectorBlueButton.nextButton a{ line-height:23px;}
.linux.gecko .addNewAreaButton tr td.monthSelectorBlueButton.nextButtonDisable a{ line-height:23px;}
.linux.gecko .addNewAreaButton tr td.monthSelectorBlueButton.nextButton a{ line-height:23px;}
.linux.chrome .addNewAreaButton tr td.monthSelectorBlueButton.nextButtonDisable a{ line-height:23px;}
.linux.chrome .addNewAreaButton tr td.monthSelectorBlueButton.nextButton a{ line-height:23px;}
.ie8 .addNewAreaButton tr td.monthSelectorBlueButton.nextButton a{ font-size:19px; line-height:19px;}
.ie8 .addNewAreaButton tr td.monthSelectorBlueButton.nextButtonDisable a{ font-size:19px; line-height:19px;}
.linux.chrome .addNewAreaButton tr td.monthSelectorBlueButton a{line-height:22px;}

.linux .monthSelectorDiv span{ line-height:25px;}
.linux .monthSelectorDiv a.headerLinkPadd{ line-height:23px;}
.linux.gecko .monthBox{ padding:15px 0 0 0;}
.linux.chrome .monthBox{ padding:17px 0 0 0;}

.displayCalImg{float:right; margin:0; padding:7px 10px; vertical-align:middle;background:url(/images/theme3/return-back-divider.png) no-repeat left center;}
.displayResultForMonth{color:#4C4C4C;font-size:15px;font-family:'MyriadPro-Regular';float:left; line-height:15px; margin:0 10px 0 0;background:url(/images/theme3/search-box-bg.png) repeat-x left top; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; behavior:url(PIE.htc);position:relative;border:1px solid #CFCFCF;}
.linux.opera .displayCalImg{ padding:8px 10px;}
.displayResultPadd{ padding:10px;}
.win.chrome .displayResultPadd{ padding:11px 10px 9px 10px;}
.linux.opera .displayResultPadd{ padding:13px 10px 8px;}
.mac .displayResultPadd{ padding:11px 10px 9px 10px;}
.linux.gecko .displayResultPadd{padding:12px 10px 8px;}
.linux.chrome .displayResultPadd{padding:13px 10px 8px;}
.changePeriodBtn{color:#4c4c4c;font-size:16px;font-family:'MyriadPro-Regular';float:left;padding:10px 18px 9px 18px;padding:10px 18px 9px 18px\9; *padding:10px 18px; line-height:16px;}
.linux.chrome .changePeriodBtn{padding:11px 18px 9px 18px;}
.linux.opera .changePeriodBtn{padding:13px 18px 7px 18px;}

.monthSelectorPrevArrow{background-position:-207px -6px; display:inline-block; height:18px; width:15px;}
.monthSelectorNextArrow{background-position:-222px -6px; display:inline-block; height:18px; width:15px;}
.monthSelectorBorderBottom{ border-bottom:1px solid #768693; height:2px; float:left; width:97%; margin-bottom:15px; box-sizing:border-box;}

/* Map Design*/
.mapMainBox{width:48.2%; float:left;border:1px solid #CFCFCF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-sizing:border-box;}
.mapMainBoxMarBR2{ margin-right:3.6%; margin-bottom:2%;}
.mapMainBoxMarB2{margin-bottom:2%;}
.mapMainBoxMarR2{ margin-right:3.6%;}
.mapMainBoxInner{padding:5px 0; height:490px; box-sizing:border-box;}
.mapMainBoxInner .padd15{ padding:15px 10px;}
.mapTitle{background:#eeeeee url(../../images/theme3/report-title-bg.png) repeat-x scroll left bottom; font-family:'MyriadPro-Semibold'; font-size:18px; width:100%; color:#666666; padding:7px 10px; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; box-sizing:border-box;}
.mac .mapTitle{ line-height:25px;}
.linux.chrome .mapTitle{padding:8px 10px 7px;}
.win.safari .mapTitle{ padding:13px 10px;}

.avgText{color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:13px; font-weight:bold;}
.avgGreen{background:#35b941; padding:4px 15px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:16px; font-weight:bold; text-align:center;}
.highcharts-tooltip{z-index:9999;}
.avgOrange{background:#f79646; padding:4px 15px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:16px; font-weight:bold; text-align:center;}
.marT40{ margin-top:44px;}

/*Green line*/
.greenLeftTopLine{position:absolute; top:65px; left:19px; border-left:1px solid #29a950;}
.ie1 .greenLeftTopLine{top:56px; left:18px;}
.win.opera .greenLeftTopLine{top:56px;}
.linux.chrome .greenLeftTopLine{ top:57px;}
.greenLeftLineAvg{position:absolute; top:-2px; left:-20px; border-bottom:3px solid #29a950; width:20px;}
.mac.safari .greenLeftTopLine{top:56px;}
.mac.chrome .greenLeftTopLine{ top:57px;}
.linux.gecko .greenLeftTopLine{top:55px;}
.ie8 .greenLeftTopLine{ top:56px;}

/*patient billing*/
.patientBilling{position:absolute; top:24px; left:19px; background:#35b941; padding:8px 10px 8px 10px; color:#ffffff; font-family:'MyriadPro-Regular'; font-size:15px; line-height:15px;}/*21-2-2014*/
.ie9 .greenLeftTopLine,.ie1 .greenLeftTopLine{ left:18px;}
.ie9 .patientBilling, .ie1 .patientBilling{ left:18px;}
.mac.gecko .patientBilling{ top:23px;}
.ie1 .patientBilling{left:18px;}
.linux.chrome .patientBilling{padding:10px 10px 6px 10px;}

/*Orange line */
.orangeBottomLine{position:absolute; bottom:60px; right:18px; border-left:1px solid #f79646;}
.linux.opera .orangeBottomLine{right:18px;}
.linux.gecko .orangeBottomLine{ right:18px;}
.linux.chrome .orangeBottomLine{ right:17px;}
.ie .orangeBottomLine{right:17px;}
.win.opera .orangeBottomLine{bottom:61px;}
/*.win.safari .orangeBottomLine{bottom:65px;}*/
.mac .orangeBottomLine{bottom:60px;}
.orangeBottomLineAvg{position:absolute; bottom:-20px; right:38px; border-left:3px solid #f79646;}
.win.ie1 .orangeBottomLine{bottom:60px;}
.ie8 .orangeBottomLine{ bottom:60px; right:17px;} 

/*Rent profit*/
.rentProfit{ background:#f79646; color:#ffffff; font-family:'MyriadPro-Regular'; font-size:15px; line-height:15px; position:absolute; 
bottom:28px; right:22px; padding:8px 10px 8px 10px;}/*21-2-2014*/
.ie1 .rentProfit{right:21px;}
.ie .rentProfit{right:22px;}
.linux.chrome .rentProfit{padding:9px 10px 5px 10px; bottom:30px;}
.mac .rentProfit{padding:8px 10px 7px 10px; bottom:29px; right:22px;}
.mapMainBoxInner .highcharts-container{ width:448px;}
.workerName{color:#727D8E; display:inline-block; margin-left:3px; margin-top:4px; vertical-align:top; font-family:'MyriadPro-Regular'; font-size:16px; font-weight:normal; line-height:17px;} /*21-2-2014*/
.ie8 .rentProfit{ right:22px;}

/*Individual report*/
span > a.highcharts-xaxis-labels-month.selectedMonth{/*background-color:#29A950;*/ color:#ffffff;} /*19-09-2013, comment background-color by Ashok C */
.individualPerformanceList{ margin-bottom:30px; width:998px;}
.individualPerformanceList .listMainBox{padding:0 0 0 30px; width:100%; box-sizing:border-box;} 
.individualReportMainBox{ width:100%; float:left; box-sizing:border-box;}
.individualReportInnerBox{ width:48.2%; border:1px solid #CFCFCF; float:left; height:auto; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-sizing:border-box;}
.individualReportInnerBoxMBR2{ margin-bottom:3%; margin-right:3.6%;}
.individualReportInnerBoxMB2{ margin-bottom:3%;}
.individualReportContent{ color:#4C4C4C; font-size:18px; font-family:'MyriadPro-Regular'; line-height:22px;}

.individualReportContent .clinicUserName{ color:#727272; font-size:22px; font-family:'MyriadPro-Semibold'; line-height:28px;}
.individualReportContent .clinicUserType{ color:#00366D; font-size:18px; font-family:'MyriadPro-Regular'; line-height:20px; padding-bottom:10px; display:inline-block;}
.individualReportContent .clinicUserJobRole{ color:#727272; font-size:16px; font-family:'MyriadPro-Semibold'; line-height:20px;}
.individualReportContent .clinicUserJobRoleName{ color:#727272; font-size:20px; font-family:'MyriadPro-Semibold'; line-height:27px;}

.mac.safari .chartTitle{width:97%;}
.win.safari .chartTitle{ width:97%;}
.mac.chrome .chartTitle{ width:97%;}
.chartTitle{ background:#eeeeee url(../../images/theme3/report-title-bg.png) repeat-x scroll left bottom; font-family:'MyriadPro-Regular'; font-size:20px; width:100%; color:#666666; padding:7px 10px; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; box-sizing:border-box;}
.chartTitle b{ color:#576D8A; font-family:'MyriadPro-Semibold'; font-weight:normal; font-size:19px;}
.ie8 .chartTitle{font-size:20px;} /* 19-09-2013, resove bug of IE8 by Ashok c */

.linux.chrome .chartTitle{ width:100%; padding:11px 2% 3px 2%; line-height:24px; box-sizing:border-box;}
.monthScroll{position: absolute; z-index: 999; float: left; margin-top: -30px;}
.monthScrollWidth{width:471px; position:absolute; top:-15px;}
.monthScroll .prevArrow{float:left; font-size: 12px; font-family:Arial, Helvetica, sans-serif;}
.monthScroll .prevArrow a{ font-family:Arial, Helvetica, sans-serif; color:#727D8E; font-weight:bold; font-size:12px; text-decoration:none;}
.monthScroll .prevArrow a:hover{ color:#3989a9;}
.monthScroll .nextArrow{float:right; font-size: 12px; font-family:Arial, Helvetica, sans-serif;}
.monthScroll .nextArrow a{ font-family:Arial, Helvetica, sans-serif; color:#727D8E; font-weight:bold; font-size:12px; text-decoration:none;}
.monthScroll .nextArrow a:hover{ color:#3989a9;}
.yearScrollWidth{width:471px; position:absolute; top:1px;}
.monthScroll a .nextArrow{background-position:-62px -454px; width:16px; height:16px; display:inline-block;border-right:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; box-sizing:border-box;}
.monthScroll a:hover .nextArrow{background-position:-141px -454px; height:15px;}
.monthScroll a .prevArrow{ background-position:-12px -454px; width:18px; height:16px; display:inline-block;border-left:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; box-sizing:border-box;}
.monthScroll a:hover .prevArrow{background-position:-92px -454px; height:15px;}

.linux.chrome .monthScroll a .nextArrow{background-position:-62px -454px; width:16px; height:16px; display:inline-block;border-right:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; box-sizing:border-box;}
.linux.chrome .monthScroll a:hover .nextArrow{background-position:-141px -454px; height:15px;}
.linux.chrome .monthScroll a .prevArrow{ background-position:-12px -454px; width:18px; height:16px; display:inline-block;border-left:1px solid #b5b5b5; border-bottom:1px solid #b5b5b5; box-sizing:border-box;}
.linux.chrome .monthScroll a:hover .prevArrow{background-position:-92px -454px; height:15px;}

span > a.highcharts-xaxis-labels-month{ width:34px; float:left; border-style:solid; border-color:#c0c0c0; border-width:0 0 1px 0; margin-top:-3px; text-align:center; color:#727D8E; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; height:15px; line-height:16px;}  /*19-09-2013, change width by Ashok C*/  
.linux.opera span > a.highcharts-xaxis-labels-month{ line-height:17px;}
.linux.chrome span > a.highcharts-xaxis-labels-month{ height:15px; /*margin-top:-1px;*/}
span > a.highcharts-xaxis-labels-year{ width:34px; float:left; border-style:solid; border-color:#c0c0c0; border-width:0 0 1px 0; text-align:center; color:#727D8E; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; margin-top:-1px; height:15px;}  /*19-09-2013, change width by Ashok C*/

.chartDataLabel{color:#00b300; font-weight: bold; float:left; margin-top:-8px;}
.photoConnectLine{ background-position:-482px -419px; position:absolute; display:inline-block; width:7px; height:20px;left:-4px; top:8px;}/*21-2-2014*/
.photoConnectLineLeft{ background-position:-483px -454px; position:absolute; display:inline-block; width:7px; height:20px;top:8px;}/*21-2-2014*/
.selectedUserMapPhoto{/*position:absolute; top:-31px;*/ margin-left: -3px;} /* 21-03-2014 change by Ashok Chitroda */
.selectedUserMapPhoto img{border:1px solid #727D8E;}
.individualChartTitle .highcharts-title{ width:100%!important; left:0!important; top:0!important;}

.chartIndicator{ background-position:-164px -447px; height:25px; width:60px; display:inline-block;}
.chartIndicatorBlue{ background-position:-268px -447px; height:25px; width:60px; display:inline-block;}

.linux .chartIndicator{ background-position:-164px -450px;}
.linux .chartIndicatorBlue{ background-position:-268px -450px;}
.linux.opera .chartIndicator{ background-position:-164px -452px;}
.linux.opera .chartIndicatorBlue{ background-position:-268px -452px;}

.highcharts-tooltip span{ opacity:1; z-index:9999;}
.lineChartTooltip { border:1px solid #cfcfcf; background-color:#ffffff; padding:5px;}/*10-2-2014*/
.lineChartTooltip b{ color:#666666;}/*10-2-2014*/

.mac.chrome .openTeamReport{ line-height:25px; padding:5px 7px 3px 7px;}
.mac.safari .openTeamReport{ line-height:22px; padding:5px 7px 5px 7px;}
.mac .forumActivityPopup .activityCol0{ padding:13px 6px 8px 6px;}
.mac .forumActivityPopup .activityCol1{ padding:13px 6px 8px 6px;}
.mac .forumActivityPopup .activityCol2{ padding:13px 6px 8px 6px;}
.mac .forumActivityPopup .activityCol3{ padding:13px 6px 8px 6px;}
.mac .forumActivityPopup .activityCol4{ padding:13px 6px 8px 6px;}
.mac .forumActivityPopup .activityCol5{ padding:13px 6px 8px 6px;}
.mac .forumActivityPopup .activityCol6{ padding:13px 6px 8px 6px;}
.mac .forumActivityPopup .activityCol7{ padding:13px 6px 8px 6px;}
.mac .forumActivityPopup .activityCol8{ padding:13px 6px 8px 6px;}
.mac .forumActivityPopup .activityCol9{ padding:13px 6px 8px 6px;}
.mac .forumActivityPopup .activityCol11{ padding:13px 6px 8px 6px;}
.mac #forthdiv input[type="radio"]{ margin-left:-2px;}

.linux.gecko .mapTitle{padding: 12px 10px 9px 10px;}
.linux .provideAreaName tr td.serviceTitle{ padding:7px 15px 3px;}

.mac.gecko .provideAreaName tr td.serviceTitle{ padding:7px 15px 3px 15px;}

/*Report css*/
.reportTitle{float:left; width:100%; color:#3b4a61; font-family:'MyriadPro-Regular'; font-size:25px; line-height:25px;}
.salaryExpActivityWise{ margin-top:-5px;}
.reportMainBox{ margin:0; float:left; width:100%;}
.reportMainBox.paddB0{ padding-bottom:0;}
.reportMainBox tr td{ padding-bottom:0;}

.reportMainBox .purpleDiv, .reportMainBox .greenDiv, .reportMainBox .redDiv, .reportMainBox .orangeDiv, .reportMainBox .blueDiv{ width:242px; padding:0 10px 35px 15px; position:relative;color:#ffffff; box-sizing:border-box;}
.reportMainBox .purpleDiv .manageBtn, .reportMainBox .greenDiv .manageBtn, .reportMainBox .redDiv .manageBtn, .reportMainBox .orangeDiv .manageBtn, .reportMainBox .blueDiv .manageBtn{ bottom:-1px; width:100%;}
.reportMainBox .purpleDiv .manageBtn .manageBtnText, .reportMainBox .greenDiv .manageBtn .manageBtnText, .reportMainBox .redDiv .manageBtn .manageBtnText, .reportMainBox .orangeDiv .manageBtn .manageBtnText, .reportMainBox .blueDiv .manageBtn .manageBtnText{ color:#ffffff;}
.purpleDiv .manageBtnText, .greenDiv .manageBtnText, .redDiv .manageBtnText, .orangeDiv .manageBtnText, .blueDiv .manageBtnText{padding:10px 0; font-size:14px;}
.mac.safari .purpleDiv .manageBtnText, .greenDiv .manageBtnText, .redDiv .manageBtnText, .orangeDiv .manageBtnText, .blueDiv .manageBtnText{ line-height:18px;}

.reportMainBox .manageBtn .whiteAroBg{ border-right:none;}
.reportMainBox .dentalSerOpenTeamReport.manageBtn .whiteAroBg{ background:#F9F9F9; border-right:1px solid #BCC3CE; padding:9px 0 5px;}
.linux.opera .reportMainBox .manageBtn .manageBtnText{padding:10px 0 10px 0;}
.ie8 .reportMainBox .dentalSerOpenTeamReport.manageBtn .whiteAroBg{ padding:8px 0 5px 0;}
.ie9 .reportMainBox .dentalSerOpenTeamReport.manageBtn .whiteAroBg{ padding:8px 0 5px 0;}
.ie1 .reportMainBox .dentalSerOpenTeamReport.manageBtn .whiteAroBg{ padding:8px 0 5px 0;}

.purpleDiv{-moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; background: #99b3cd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM5OWIzY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjQ3ODk4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #99b3cd 0, #647898 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0,#99b3cd), color-stop(100%,#647898)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #99b3cd 0,#647898 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #99b3cd 0,#647898 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #99b3cd 0,#647898 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #99b3cd 0,#647898 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99b3cd', endColorstr='#647898' ); /* IE6-8 fallback on horizontal gradient */ float:left;
}

.greenDiv{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background: #8398bb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM4Mzk4YmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDY1ZTgzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #8398bb 0, #465e83 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0,#8398bb), color-stop(100%,#465e83)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #8398bb 0,#465e83 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #8398bb 0,#465e83 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #8398bb 0,#465e83 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #8398bb 0,#465e83 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8398bb', endColorstr='#465e83' ); /* IE6-8 fallback on horizontal gradient */ float:left;
}

.redDiv{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background: #5b6e8d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1YjZlOGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjI0MjcyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #5b6e8d 0, #224272 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0,#5b6e8d), color-stop(100%,#224272)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #5b6e8d 0,#224272 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #5b6e8d 0,#224272 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #5b6e8d 0,#224272 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #5b6e8d 0,#224272 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b6e8d', endColorstr='#224272' ); /* IE6-8 fallback on horizontal gradient */ float:left;
}

.orangeDiv{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background: #99b3cd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM5OWIzY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmI1MTdhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #99b3cd 0, #2b517a 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0,#99b3cd), color-stop(100%,#2b517a)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #99b3cd 0,#2b517a 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #99b3cd 0,#2b517a 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #99b3cd 0,#2b517a 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #99b3cd 0,#2b517a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99b3cd', endColorstr='#2b517a' ); /* IE6-8 fallback on horizontal gradient */ float:left;
}

.blueDiv{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background: #8292a1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM4MjkyYTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMWUyZjQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #8292a1 0, #1e2f49 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0,#8292a1), color-stop(100%,#1e2f49)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #8292a1 0,#1e2f49 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #8292a1 0,#1e2f49 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #8292a1 0,#1e2f49 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #8292a1 0,#1e2f49 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8292a1', endColorstr='#1e2f49' ); /* IE6-8 fallback on horizontal gradient */ float:left;
}

.blueDivSmall{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; background: #8292a1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM4MjkyYTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMWUyZjQ5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #8292a1 0, #1e2f49 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0,#8292a1), color-stop(100%,#1e2f49)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #8292a1 0,#1e2f49 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #8292a1 0,#1e2f49 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #8292a1 0,#1e2f49 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #8292a1 0,#1e2f49 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8292a1', endColorstr='#1e2f49' ); /* IE6-8 fallback on horizontal gradient */ }

.blueDivSmall .periodSummeryInner .totalExp, .blueDivSmall .periodSummeryInner .totalExp .expensesBlueDark{ color:#ffffff;}
.provideAreaName tr td.blueDivSmallInner .periodReportServiceTitle{ background:none; border-bottom:1px solid #CFCFCF; color:#ffffff;}
.linux.opera .provideAreaName tr td.periodReportServiceTitle{ padding:11px 5px 5px 5px;}

.darkSeaGreen{ border:1px solid #CFCFCF; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.darkSeaGreenInner{float:left; width:100%;}

.cursorPointer{ cursor:pointer;}
.cursorDefault{ cursor:default;}

.serviceTitleHeight{ height:50px;}
.provideAreaName tr td.groupReportServiceTitle{ color:#ffffff; font-family:'MyriadPro-Regular'; font-size:22px; line-height:25px; padding:0 0 0 0;}
.linux.opera .provideAreaName tr td.groupReportServiceTitle{ font-size:21px;}
.provideAreaName tr td.periodReportServiceTitle{ background:url(../../../images/theme3/week-view-header.png) repeat-x left top; color:#32578D; font-family:'MyriadPro-Semibold'; font-size:16px; line-height:16px; padding:8px 5px 8px; text-align:center; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
.linux.chrome .provideAreaName tr td.periodReportServiceTitle{padding:11px 5px 8px;}
.ie8 .provideAreaName tr td.groupReportServiceTitle{ font-size:20px;}

.totalBilling{font-family:'MyriadPro-Regular'; font-size:16px; line-height:18px; border-bottom:1px solid #bbbdc3; padding:0 0 13px 0;}
.realPatientWork{font-family:'MyriadPro-Regular'; font-size:16px; line-height:20px; border-bottom:1px solid #bbbdc3; padding:13px 0 13px 0;}
.salaryExp{font-family:'MyriadPro-Regular'; font-size:16px; line-height:20px; border-bottom:1px solid #bbbdc3; padding:13px 0 13px 0;}
.openTeamReport{font-family:'MyriadPro-Semibold'; font-size:17px; line-height:20px; padding:5px 3%; color:#323232; float:left; width:100%; box-sizing:border-box;}
.totalExp{font-family:'MyriadPro-Regular'; font-size:18px; line-height:22px; padding:9px 17px; color:#727272;}
.totalExp .expenses{font-family:'MyriadPro-Semibold'; font-size:18px; line-height:22px; color:#326195;}
.totalExp .expensesBlueDark{font-family:'MyriadPro-Semibold'; font-size:18px; line-height:22px; color:#727272;}
.graphReport{ background-position:-426px -424px; width:36px; height:23px; float:left;}
.dentalSerOpenTeamReport .graphReport{background-position:-431px -424px;}
.graphReportService{background-position:-224px -458px; display: inline-block; height: 23px; width: 35px;}
.dentalTeamMemberDetail b{ color:#3b4a61;}

.ServiceTeamMemberBox{ border:1px solid #cfcfcf; behavior:url(PIE.htc); background:#fafafa url(/images/theme3/main-box-hover.png) no-repeat center top; padding:20px 20px 60px 20px; position:relative; height:115px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; box-sizing:border-box;}
.dentalTeamMemberMain{ width:100%; float:left;}
.dentalTeamMemberInner{ width:32.7%; float:left; height:182px;}
.dentalTeamMemberInner .width99{ width:99%;}
.dentalTeamMemberInnerMarRB5{ margin-right:9px; margin-bottom:9px;}
.dentalTeamMemberInnerMarB5{margin-bottom:9px;}
.dentalTeamMemberPhoto{ float:left; width:35%; padding-right:5%; box-sizing:border-box;}
.dentalTeamMemberPhoto img{border:1px solid #8DAFC7; vertical-align:middle;}
.dentalTeamMemberDetail{width:65%; float:left;}
.memberName{ color:#727272; font-weight:bold; font-size:24px; font-family:'MyriadPro-Regular'; line-height:30px; width:190px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; margin-top:-5px;}
.linux.gecko .memberName{line-height:24px; margin-top:-10px;}
.linux.chrome .memberName{ margin-top:-10px;}
.memberNameWithoutPhoto{ width:280px;}
.memberType{color:#32578D; font-size:17px; font-family:'MyriadPro-Regular'; padding-bottom:10px; display:inline-block;}
.totalPeriod{color:#727272; font-size:17px; font-family:'MyriadPro-Semibold'; line-height:20px;}
.totalBillingEUR{color:#727272; font-size:20px; font-family:'MyriadPro-Semibold';}
.totalBillingDigit{color:#32578D; font-size:20px; font-family:'MyriadPro-Semibold';}

.linux .dentalTeamMemberDetail{ padding-top:11px;}
.dentalSerOpenTeamReport{font-family:'MyriadPro-Regular'; font-size:16px; line-height:22px; color:#ffffff; font-weight:bold; float:left; width:100%; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; border-top:1px solid #BCC3CE;
background:url("../../images/theme3/default-manage-btn-bg.png") repeat-x scroll left top transparent; }
.mac .dentalSerOpenTeamReport{ font-size:14px;}

.profGroupPeriodSum{ float:left; width:100%; margin-bottom:20px; background:#F3F3F3; border:1px solid #CFCFCF; -moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; box-sizing:border-box;}
.profGroupPeriodSumInner{ padding:20px; width:100%; float:left; box-sizing:border-box;}
.clinicalWorkingHrs{font-family:'MyriadPro-Semibold'; font-size:18px; line-height:20px; color:#575757;}
.profGroupPeriodSumLeft{ width:50%; float:left; margin-right:2%;font-family:'MyriadPro-Regular'; font-size:18px; line-height:22px; color:#575757;border-right:1px solid #CFCFCF; box-sizing:border-box;}
.profGroupPeriodSumLeft b{ color:#3b4a61;}
.profGroupPeriodSumRight{ width:48%; float:left;font-family:'MyriadPro-Regular'; font-size:18px; line-height:22px; color:#575757;}
.profGroupPeriodSumRight b{ color:#3b4a61;}

.provideAreaName input.birthDateYear{ width:65px; float:left;}

@media (max-width:1024px) {
.sloganBg .width1000{ width:950px;}
.worker_orineted_view_pop_up.addAreaPopup{margin-left:-460px;}	
.UserMonthWeekEmpNameLarge .monthWeekEmpNameLarge{ width:270px;}
.shiftNameTime{ font-size:12px; width:100%;}
.userPhoto{ width:40%;}
.activityWiseInnerTable .userNameType{width:80%; word-break:break-all;}
.addNewAreaButton tr td a.fontSize27{ line-height:35px;}
.win.safari .empNamePadd{ padding:15px 0;}
.activityWiseTable .activityWiseInnerTable tr td td{ width:115px; float:left;}
/*.addAreaPopupContent{ margin:2px 5px;}*/
#opening_hours_pop_up{ width:98%;}
.change_wish_slider .fixPopupSmallDiv{width:256px;}
.advance_wish_slider .fixPopupSmallDiv{width:256px;}
.ClinicBox .addAreaPopupContent{ width:98%;}
.activityObliTextDiv{ word-break:break-all;}
}

/*Page scroll top arrow*/
#back-top{position:fixed; bottom:0; right:30px; z-index:9997}
#back-top span{width:40px; height:40px; display:block; margin-bottom:7px; background:#a9b7c2 url(../../images/theme3/up-arrow.png) no-repeat center center;	-moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; -ms-transition: 1s; transition: 1s;}
#back-top a:hover span {background-color:#3b4a61;}

/*Realised Hrs Help box css*/
.BlueThumbDiv{ float:left; width:100%; margin:5px 0;}
.BlueThumb{background:#91bee8; width:17px; height:17px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; float:left; border:1px solid #557fa6; box-sizing:border-box;}
.BlueThumbText{ float:left; line-height:16px; padding-left:10px; font-size:15px;} 
.linux.chrome .BlueThumbText{ margin-top:4px;}
.linux.gecko .BlueThumbText{ margin-top:2px;}
.mac .BlueThumbText{ line-height:19px;}

.YellowThumbDiv{ float:left; width:100%; margin:5px 0;}
.YellowThumb{background:#fff09e; width:17px; height:17px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; float:left; border:1px solid #beae56; box-sizing:border-box;}
.YellowThumbText{ float:left; line-height:16px; padding-left:10px; font-size:15px;} 
.linux.chrome .YellowThumbText{ margin-top:4px;}
.linux.gecko .YellowThumbText{ margin-top:2px;}
.mac .YellowThumbText{ line-height:19px;}

.GreenThumbDiv{ float:left; width:100%; margin:5px 0;}
.GreenThumb{ background:#d9fdb5; width:17px; height:17px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; float:left; border:1px solid #9abe76; box-sizing:border-box;}
.GreenThumbText{ float:left; line-height:16px; padding-left:10px; font-size:15px;} 

.linux.chrome .GreenThumbText{ margin-top:4px;}
.linux.gecko .GreenThumbText{ margin-top:2px;}
.mac .GreenThumbText{ line-height:19px;}

/*Close loader*/
.closeLoader{ background:#3b4a61; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:15px; text-decoration:none; margin:5px; padding:5px 10px; display:inline-block; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.reasonError{ float:left; margin-left:-5px; margin-top:5px;}

/*Page refresh*/
.refresh{position:fixed; bottom:0; right:30px; z-index:9997;}
.refresh span{width:40px; height:40px; display:block; margin-bottom:7px; background:#a9b7c2 url(../../images/theme3/refresh.png) no-repeat center center;	-moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; -ms-border-radius:3px; border-radius:3px; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; -ms-transition: 1s; transition: 1s;}
.refresh a:hover span {background-color:#3b4a61;}
.right80 {right: 80px!important;}

.pastDays{ background:#d9e0e2;}

/*Footer*/
.footer{ position:absolute; bottom:0; height:41px;width:100%; text-align:center; border-top:1px solid #768693; box-sizing:border-box;}
.footer span {color:#16263d; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-top:12px; text-align:center; display:block;}

/* Month-Week selector */
.monthSelectorDiv .yearEnable{ background:url("/images/theme3/submenu-selected-right.png") repeat-x scroll left -3px; -moz-border-radius:3px; -webkit-border-radius:3px;  border-radius:3px;}
.monthSelectorDiv .yearEnable a{ color:#ffffff;} 
.monthSelectorDiv .yearDisable{ background:url("/images/theme3/submenu-bg.png") repeat-x scroll left -12px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.linux .monthSelectorDiv .yearDisable a.headerLinkPadd{padding:8px 10px 4px 10px;}
.linux .monthSelectorDiv .yearEnable a.headerLinkPadd{padding:8px 10px 4px 10px;}

.mac .monthSelectorDiv .yearDisable a.headerLinkPadd{padding:8px 10px 5px 10px;}
.mac .monthSelectorDiv .yearEnable a.headerLinkPadd{padding:8px 10px 5px 10px;}

/*capacity Report Summary style*/
.containtBoxReport{ width:74%; margin:0 auto; padding:20px 0 0; box-sizing:border-box;}
.containtBoxReportStruct.padd0{ padding:0; height:0; width:74%; margin:0 auto; box-sizing:border-box;}
.capacityReportSummary{ margin-bottom:30px;}
.capacitySummMain{ float:left; width:100%;}
.capacitySummLeft{width:84%; float:left; margin-right:1%;}
.capacitySummRight{width:14.8%; float:right;}
.capacityReportSummaryTitle{ background:url(../../../images/theme3/submenu-bg.png) repeat-x left top; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; border-color:#B5B5B5; border-style:solid; border-width:1px 1px 0 1px; width:100%; box-sizing:border-box;}
.capacityReportSummaryTitleText{color:#2B4976; font-family:'MyriadPro-Semibold'; font-size:16px; line-height:19px; height:42px; padding:7px 1% 7px 1%; box-sizing:border-box;}
.win.safari .capacityReportSummaryTitleText{ padding:8px 1% 7px 1%;}
.win.chrome .capacityReportSummaryTitleText{ padding:8px 1% 7px 1%;}
.linux.chrome .capacityReportSummaryTitleText{ padding:9px 1% 6px 1%;}
.linux.opera .capacityReportSummaryTitleText{ padding:15px 1% 10px 1%;}
.mac.chrome .capacityReportSummaryTitleText, .mac.safari .capacityReportSummaryTitleText{ padding:10px 1% 5px 1%;}
.mac.gecko .capacityReportSummaryTitleText{ padding:8px 1% 7px 1%;}
.capacityReportBorderRight{border-right:1px solid #B5B5B5;}
.capacityReportSummaryInner{border:1px solid #B5B5B5; width:100%; box-sizing:border-box;}
.capacityReportSummaryInner .innerText{color:#585858; font-family:'MyriadPro-Regular'; font-size:16px; line-height:16px; padding:13px 1%;}

.structuralCap .nextButton{margin:0 auto;}
.structuralCap .nextButton a{ 
background: #ebebeb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ebebeb 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ebebeb 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ebebeb 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ebebeb 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ebebeb 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */


font-size:18px; line-height:20px; color:#485870; font-family:'MyriadPro-Semibold'; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  text-decoration:none; display:block; text-align:left; height:204px; border:1px solid #b5b5b5; box-sizing:border-box;}
.structuralCap .nextButton a td{padding:10%;}
.utilizationRate{font-size:16px; line-height:18px; color:#485870; font-family:'MyriadPro-Regular';}

/*Capacity Report Title*/
.capacityRepTitle{ font-size:25px; color:#3B4A61; font-family:'MyriadPro-Semibold'; width:100%; padding:15px 0 5px 0; float:left; line-height:28px; box-sizing:border-box;}

/*Report indication Div*/
.reportIndicator{ width:100%; border:1px solid #CFCFCF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:5px 0 15px 0; float:left; box-sizing:border-box;}
.jobRoleColor{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:20px; height:20px; margin:10px 0 10px 10px; float:left;}
.jobRoleName{float:left; color:#4c4c4c; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin:10px 5px 10px 10px; line-height:19px;}
.win.chrome .jobRoleName{ line-height:20px;}
.ie8 .jobRoleName{ line-height:20px;}
.jobRoleColorbar{ width:100%; float:left; margin-bottom:15px;}
.jobRoleColorbarLeft{ width:84%; float:left; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; height:200px; margin-right:1%;}
.jobRoleColorbarLeftInner{ height:180px;}
/*1-1-2014*/
.jobRoleColorbarRightInner{ height:180px;}
.jobRoleColorbarRight{width:15%; float:right;}
.jobRoleColorbarRight .jobRoleTotalHrsBtn{ border:5px solid #496186; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:0 7px; font-size:35px;  font-family:'MyriadPro-Regular'; color:#3B4A61; line-height:35px;}
.jobRoleColorbarRight .jobRoleTotalPercentBtn{font-size:24px;  font-family:'MyriadPro-Regular'; color:#3B4A61;}
.textDispPer{font-family:'MyriadPro-Regular'; font-size:24px; }
.jobRoleHrs{ font-family:'MyriadPro-Semibold'; font-size:35px; color:#ffffff; line-height:35px;}
.editJobRolePopupHeadingText{ width:510px; word-wrap:break-word;}
.editActivityPopupHeadingText{ width:510px; word-wrap:break-word;}

/*Structural Capital rate report*/
.structCapitalRateReport{ margin:0 auto;}
.coOrdinatePos{ float:left; width:100%;}
.graphYCoOrdText{right:-20px; color:#4C4C4C; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; top:-150px; float:left; position:absolute; z-index:999;}
.linux.opera .graphYCoOrdText{ margin-left:76px;}
.graphCoOrdLineLeft{ border-left:1px solid #3B4A61; margin-left:-2px; width:100%; display:inline-block; padding-left:1px;}
.graphCoOrdLineRight{ border-right:1px solid #3B4A61;}
.graphCoOrdLineBottom{ border-bottom:1px solid #3B4A61; /*display:inline-block*/; width:100%; padding-bottom:1px; padding-top:1px;}
.linux.opera .graphCoOrdLineBottomNone{ border-bottom:none;}
.linux.opera .graphCoOrdLineTop{ border-top:1px solid #3B4A61;}
.linux.opera .graphCoOrdLineBottom{padding-bottom:0; padding-top:0;}
.graphXCoOrdText{color:#4C4C4C; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; float:left; position:absolute; top:-6px; left:24px;}
.forenoonShift{ margin:0;}
.afternoonShift{ margin:0;}
.afternoonShiftInner{ max-height:360px;}
.forenoonShiftInner{ max-height:360px; margin-top:-2px;}
.whiteTransperentBg{ background:url(../../images/theme3/white-trans-bg.png) repeat left bottom; position:absolute; height:100%; width:100%; top:0; left:0; z-index:8;}
.utilizationDiv{ position:relative; z-index:99; height:100%;}

/*1-1-2014*/
.planUtilize{ font-family:'MyriadPro-Regular'; font-size:20px; color:#ffffff; line-height:23px; padding:20px 20px 0 20px;}
.planUtilizeValue{font-family:'MyriadPro-Semibold'; font-size:30px; color:#ffffff; margin-bottom:30px; padding:0 20px; line-height:30px;}
.realizeUtilize{font-family:'MyriadPro-Regular'; font-size:20px; color:#ffffff; line-height:23px; padding:0 20px;}
.realizeUtilizeValue{font-family:'MyriadPro-Semibold'; font-size:30px; color:#ffffff; padding:0 20px 20px 20px; line-height:30px;}
.mac .planUtilize, .mac .realizeUtilize{padding:0 14px;}
.mac .planUtilizeValue, .mac .realizeUtilizeValue{ padding-left:14px; padding-right:14px;}
.ie8 .planUtilize, .ie8 .realizeUtilize{padding:0 16px; font-size:18px;}
.ie8 .planUtilizeValue, .ie8 .realizeUtilizeValue{ padding-left:16px; padding-right:16px;}
.linux .planUtilize{ padding:18px 18px 0;}
.linux .planUtilizeValue{padding:0 18px;}
.linux .realizeUtilize{ padding:0 18px;}
.linux .realizeUtilizeValue{ padding:0 18px 18px;}

.careRoom{ margin:0;}
.careRoomMargin{margin:10px 2px;}
.careRoomTitle{ overflow:hidden; text-overflow:ellipsis; height:53px; margin:0 0 8px 0;background-image:url(../../images/theme3/room-title-bg.png); background-repeat:repeat-x; background-position:left top; text-align:center; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}/*20-1-2014*/
.careRoomTitle a{color:#ffffff; font-family:'MyriadPro-Regular'; font-size:24px; text-decoration:none; padding:7px 0 7px 0; overflow:hidden; text-overflow:ellipsis; line-height:24px; white-space:nowrap; display:inline-block;}/*20-1-2014*/
.careRoomTitle:hover{background-image:url(../../images/theme3/room-title-bg-hover.png); background-repeat:repeat-x; background-position:left top;}
.careRoomTitle.active{background-image:url(../../images/theme3/room-title-bg-hover.png); background-repeat:repeat-x; background-position:left top;}
.win.safari .careRoomTitle a{ padding:6px 0 8px 0;}
.linux.chrome .careRoomTitle a{ padding:8px 0 5px 0;}
.linux.opera .careRoomTitle a{ padding:11px 0 4px 0;}
.viewDetailedReport{ font-size:14px; font-family:'MyriadPro-Regular'; display:block; margin-top:1px; line-height:14px;}/*20-1-2014*/
.linux.opera .viewDetailedReport{ margin-top:-2px;}/*20-1-2014*/

.careRoomContent{padding:25px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #3B4A61;}

.dayPlanUtilize{font-family:'MyriadPro-Regular'; font-size:18px; color:#4c4c4c; line-height:20px;}
.dayPlanUtilizeValue{font-family:'MyriadPro-Semibold'; font-size:30px; color:#4c4c4c; margin-bottom:30px; line-height:30px;}
.dayRealizeUtilize{font-family:'MyriadPro-Regular'; font-size:18px; color:#4c4c4c; line-height:20px;}
.dayRealizeUtilizeValue{font-family:'MyriadPro-Semibold'; font-size:30px; color:#4c4c4c; line-height:30px;}

.overallUtilizationRate{ margin:20px 0 0 0;} 
.overallUtilizationRateBox{background:#647692; color:#FFFFFF; width:100%; margin:0 auto; height:50px; padding:15px 2%; box-sizing:border-box;}
.overallUtilizationRateLeft{float:left; font-family:'MyriadPro-Regular'; font-size:20px; color:#ffffff; line-height:20px;}
.overallUtilizationRateRight{padding-left:5px; font-family:'MyriadPro-Semibold'; font-size:20px; color:#ffffff; text-align:center; line-height:20px;}
.mac .overallUtilizationRateLeft{ line-height:23px;}
.mac .overallUtilizationRateRight{ line-height:23px;}
.linux.opera .overallUtilizationRateLeft{ line-height:25px;}
.linux.opera .overallUtilizationRateRight{ line-height:25px;}
.linux.chrome .overallUtilizationRateLeft{ line-height:24px;}
.linux.chrome .overallUtilizationRateRight{ line-height:25px;}
.linux.gecko .overallUtilizationRateLeft{ line-height:23px;}
.linux.gecko .overallUtilizationRateRight{ line-height:24px;}


.rotate{-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); writing-mode: lr-tb; transform:rotate(270deg); filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1.836909530733566e-16, M12=1,M21=-1, M22=-1.836909530733566e-16, sizingMethod='auto expand'); 
behavior:url(PIE.htc);}
.roomShiftTime{color:#4C4C4C;  text-align:center; font-family:'MyriadPro-Semibold';/*margin-left:-20px; margin-right:-20px;*/}
.ie8 .roomShiftTime{ margin-left:30px; width:80px; font-weight:normal;}

.reportUpArrow{background:url(../../images/theme3/report-up-arrow.png) no-repeat left top; height:22px; width:15px; right:-6px; top:-130px; position:absolute;z-index:999;}
.reportRightArrow{ background:url(../../images/theme3/report-right-arrow.png) no-repeat left top; height:15px; left:0; top:-5px; 
position:absolute; width:22px;}
.linux.opera .reportRightArrow{ top:-7px;}
.ie .reportUpArrow{ right:-8px;}
.ie1 .reportUpArrow{ right:-6px;}
.startEndTime{font-family:'MyriadPro-Regular'; font-weight:bold; font-size:14px;}
.ie .startEndTime, .ie .afternoon{font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.win.safari .startEndTime{ font-weight:normal;}
.mac .startEndTime{ font-weight:normal;}
.afternoon{font-family:'MyriadPro-Regular'; font-size:14px;} 

.weekRange{border:1px solid #cfcfcf;text-decoration:none;float:left;display:block;background:url(/images/theme3/return-back-bg.png) repeat-x left top;-moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; behavior:url(PIE.htc);position:relative;cursor:pointer; padding:7px 9px;width:95%; margin:5px 0;font-family:Arial, Helvetica, sans-serif; font-size:18px; text-align:center; box-sizing:border-box;}
.weekRange:hover{border:1px solid #a8b3c2;text-decoration:none;float:left;display:block;background:url(/images/theme3/return-back-hover-bg.png) repeat-x left top; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; behavior:url(PIE.htc);position:relative; padding:7px 9px; width:95%; margin:5px 0; box-sizing:border-box;}

.monthRange{border:1px solid #cfcfcf;text-decoration:none;float:left;display:block;background:url(/images/theme3/return-back-bg.png) repeat-x left top;-moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; behavior:url(PIE.htc);position:relative;cursor:pointer; padding:7px 9px;width:95%; margin:5px 0;font-family:Arial, Helvetica, sans-serif; font-size:18px; text-align:center; box-sizing:border-box;}
.monthRange:hover{border:1px solid #a8b3c2;text-decoration:none;float:left;display:block;background:url(/images/theme3/return-back-hover-bg.png) repeat-x left top; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; behavior:url(PIE.htc);position:relative; padding:7px 9px; width:95%; margin:5px 0; box-sizing:border-box;}

.strucCapReportTitle{float:left; width:100%; color:#4c4c4c; font-family:'MyriadPro-Semibold'; font-size:30px; line-height:30px; margin-bottom:20px; text-align:center;}
.utilizRateTitle{ font-family:'MyriadPro-Regular'; font-size:22px; font-style:italic;}
.strucCapReportTitleInner{padding:35px 0 0 0; display:inline-block;}
.structCapitalRateReport table.structCapIndividualReport{ border:1px solid #CFCFCF; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; margin-top:20px; padding:0 0 10px 0;}

/*Detailed report for room*/
.plannedRate{color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:25px;}
.realizedRate{color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:25px;}
.reportIndicatorGreen{background-position:-167px -446px; height:25px; width:40px; display:inline-block;}
.reportIndicatorBlue{background-position:-199px -557px; height:25px; width:40px; display:inline-block;}
.linux.chrome .reportIndicatorGreen{ background-position:-167px -449px;}
.linux.chrome .reportIndicatorBlue{background-position:-199px -560px;}
.linux.opera .reportIndicatorGreen{background-position:-168px -450px;}
.linux.opera .reportIndicatorBlue{background-position:-199px -561px;}
.linux.gecko .reportIndicatorGreen{ background-position:-167px -449px;}
.linux.gecko .reportIndicatorBlue{background-position:-199px -560px;}

/*Report Tooltip design*/
.reportToolTipBg{display:none; position:absolute; 
background: #ececec; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmNmY2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ececec 0%, #cfcfcf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#cfcfcf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ececec 0%,#cfcfcf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ececec 0%,#cfcfcf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ececec 0%,#cfcfcf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ececec 0%,#cfcfcf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#cfcfcf',GradientType=0 ); /* IE6-8 */

z-index:9; top:-40px; text-align:left; padding:7px 10px; width:auto; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-family:Arial, Helvetica, sans-serif; color:#3b4a61; font-size:18px; line-height:20px; left:14px; -moz-box-shadow:2px 2px 0 #727d8e; -webkit-box-shadow:2px 2px 0 #727d8e; box-shadow:2px 2px 0 #727d8e;  border:1px solid #6b6b6b; white-space:nowrap; box-sizing:border-box;}
.reportToolTipBg .upArrow{position:absolute; background:url(/images/theme3/tooltip-rightarrow.png) no-repeat left top;width:21px;height:14px;display:inline-block; left:-12px; top:20px;}
.reportToolTipBgInner{ overflow:hidden;}
.reportToolTipBgInner b{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#122947; font-weight:normal;}

/*Structural capital Report Tooltip design*/
.struReportToolTipBg{ display:none; position:absolute; 
background: #ececec; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZmNmY2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ececec 0%, #cfcfcf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#cfcfcf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ececec 0%,#cfcfcf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ececec 0%,#cfcfcf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ececec 0%,#cfcfcf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ececec 0%,#cfcfcf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#cfcfcf',GradientType=0 ); /* IE6-8 */

z-index:9; top:-90px; text-align:left; padding:7px 12px; width:auto; font-family:Arial, Helvetica, sans-serif; color:#3b4a61; font-size:15px; line-height:20px; left:80px; -moz-box-shadow:2px 2px 0 #727d8e; -webkit-box-shadow:2px 2px 0 #727d8e; box-shadow:2px 2px 0 #727d8e; border:1px solid #6b6b6b;font-weight:bold; box-sizing:border-box;}
.struReportToolTipBg .upArrow{position:absolute; background:url(/images/theme3/tooltip-rightarrow.png) no-repeat left top;width:21px;height:14px;display:inline-block; top:74px; left:-12px;}
.struReportToolTipBgInner{ overflow:hidden;}
.struReportToolTipBgInner b{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#122947; font-weight:bold;}
.toolTipZindex:hover{ z-index:99;}
.plannedRate{ color:#2f7ed8;}
.realizedRate{ color:#00b300;}
.plannedRateTitle{ font-size:18px;}
.realizedRateTitle{ font-size:18px;}
.textTransformUpper{text-transform: uppercase;}

/*Specialist overview table(Human relational rate)*/
.specialistOverviewTable{ margin-bottom:15px;}
.specialistOverviewTable table{ border:1px solid #969696; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.specialistOverviewTable table tr th{border-right:1px solid #969696; padding:13px 14px; color:#ffffff; border-bottom:1px solid #969696; text-align:left;}
.specialistOverviewTable table tr th.padd0{ padding:0;}
.linux .specialistOverviewTable table tr th{ padding:15px 13px 11px 13px;}
.linux.opera .specialistOverviewTable table tr th{ padding:16px 13px 10px 13px;}
.linux .specialistOverviewTable table tr.blueBGTopBot th{ padding:13px 13px 11px 13px;}

.specialistOverviewTable table .headingBigFont{ font-size:22px; font-family:'MyriadPro-Semibold'; line-height:28px;}/*2-1-2014*/
.specialistOverviewTable table .totalBigFont{ font-size:18px; font-family:'MyriadPro-Semibold'; line-height:18px;}/*2-1-2014*/
.specialistOverviewTable table .headingSmallFont{ font-size:16px; font-family:'MyriadPro-Semibold'; line-height:18px;}/*2-1-2014*/
.specialistOverviewTable table tr th .specialistOverviewTitle{width:155px; display: inline-block; word-wrap:break-word;}/*14-2-2014*/
.specialistOverviewTable table th.last{ border-right:none;}
.specialistOverviewTable table td{ border-right:1px solid #969696; padding:10px 15px; border-bottom:1px solid #969696; font-size:15px; font-family:'MyriadPro-Regular'; color:#4C4C4C; /*text-align:left;*/ line-height:15px; word-break:break-all;} 
.mac .specialistOverviewTable table td{ padding:13px 15px 10px 15px;}
.ie8 .specialistOverviewTable table td{padding:11px 15px 9px 15px;}
.linux.gecko .specialistOverviewTable table td{ padding:12px 15px 10px 15px;}
.linux.chrome .specialistOverviewTable table td, .linux.opera .specialistOverviewTable table td{ padding:13px 15px 9px 15px;}
.specialistOverviewTable table td.last{ border-right:none;}
.specialistOverviewTable table tr.last td{ border-bottom:none;}
.specialistOverviewTable table tr.blueBGTopBot td{ background:#cdd3db;}
.specialistOverviewTable table td.textAlignLeft, .specialistOverviewTable table th.textAlignLeft{ text-align:left;}

.specialistOverviewTable table tr.blueBGTopBot th{ background:#abb5c3 url(../../images/theme3/human-rel-rate-title.png) repeat-x left top;}
.specialistOverviewTable table tr.yellowBGTopBot th{ background:#d79706;}
.specialistOverviewTable table tr.yellowBG td{ background:#eab007; color:#ffffff;}
.specialistOverviewTable table tr.greenBGTopBot th{ background:#00833f;}
.specialistOverviewTable table tr.greenBG td{ background:#91d5ad; color:#155c39;}

.assistanceWorkReport{ float:left; width:48%; margin-right:4%;}
/*2-1-2014*/
.assistanceWorkReport a{
background: #27364c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3MzY0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MjY3ODUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #27364c 0, #526785 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#27364c), color-stop(100%,#526785)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #27364c 0,#526785 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #27364c 0,#526785 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #27364c 0,#526785 100%); /* IE10+ */
background: linear-gradient(to bottom,  #27364c 0,#526785 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27364c', endColorstr='#526785',GradientType=0 ); /* IE6-8 */

padding:25px 10px; display:block; color:#FFFFFF; cursor:pointer;font-family:'MyriadPro-Regular'; font-size:22px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; text-decoration:none; line-height:24px;}
.seekLeaveEuroLossReport{ float:left; width:48%; margin:0;}
.assistanceWorkReport a:hover{
background: #526785; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNjc4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNzM2NGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #526785 0, #27364c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#526785), color-stop(100%,#27364c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #526785 0,#27364c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #526785 0,#27364c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #526785 0,#27364c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #526785 0,#27364c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#526785', endColorstr='#27364c',GradientType=0 ); /* IE6-8 */
}
.mac .assistanceWorkReport a{ padding:28px 10px 22px 10px;}
.linux.chrome .assistanceWorkReport a{ padding:28px 10px 22px 10px;}
.linux.opera .assistanceWorkReport a{ padding:28px 10px 22px 10px;}
.redFont{ color:#a83a35;}

/*Assistive work need report*/
.capacityHumanRateTitle{color:#3B4A61; font-family:'MyriadPro-Regular'; font-size:24px; font-weight:normal; line-height:24px; width:100%; margin-bottom:10px;}

/*SICK LEAVE & EURO LOSS REPORT*/
.sickLeaveReport{ border:1px solid #CFCFCF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.jobRoleNameY a{ color:#3B4A61; font-family:'MyriadPro-Regular'; font-size:16px; text-decoration:underline; line-height:18px;}
.linux .jobRoleNameY a{ line-height:25px;}
.linux.gecko .jobRoleNameY a{ line-height:20px;}
/*1-1-2014*/
.jobRoleHrsX{ color:#3B4A61; font-family:'MyriadPro-Regular'; font-size:14px; line-height:14px;}
/*2-1-2014*/
.jobRoleTotalHrs{ color:#4c4c4c; font-family:'MyriadPro-Semibold'; font-size:18px; font-weight:bold;}
/*2-1-2014*/
.win.chrome .jobRoleTotalHrs, .win.safari .jobRoleTotalHrs{ margin-top:-1px; float:left;}
.hBarChartTooltip{ border:2px solid #006ca9; border-radius: 5px; background-color:#ffffff; padding: 5px;}

/*INNOVATION REPORT 2-1-2014*/
.innovationReportBoxMain{width:98%; margin:20px auto;}
.innovationReportBox{ border:1px solid #CFCFCF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:16px 0 0 0; margin-top:20px;}
.innovationReportBoxTable tr td{ padding:0 0.5%;}
.ie8 .innovationReportBoxTable tr td{padding:0 6px;}
.innovationReportBoxTable tr td.padd0{ padding:0;}
.activityTitle{color:#ffffff; font-family:'MyriadPro-Semibold'; font-size:16px; padding:5% 5%; text-transform:uppercase; background:url(../../images/theme3/black-tras-bottom-border.png) repeat-x left bottom; line-height:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; cursor:default; float:left; box-sizing:border-box;}
.win.chrome .activityTitle{ line-height:17px;}
.mac .activityTitle{ padding:12px 5% 10px 5%;}
.linux.opera .activityTitle{ padding:13px 5% 7px 5%;}
.linux.chrome .activityTitle, .linux.gecko .activityTitle{ padding:12px 5% 10px 5%;}
.win.safari .activityTitle, .win.opera .activityTitle{ padding:8px 5% 10px 5%;}
.innovationReportData{color:#ffffff; font-family:'MyriadPro-Regular'; font-size:14px; padding:10px; display:block; float:left; width:100%; word-wrap:break-word; box-sizing:border-box;}
.activityMapBox{color:#FFFFFF; min-height:132px; text-align:left; margin:0 0 16px 0; float:left; width:100%;}
.teamMeetingMinHeight .activityMapBox{ min-width:200px;}
.activityMapBlue{ background:#3B9AB6;}
.activityMapRed{ background:#C0504D;}
.activityMapPurple{ background:#8064A2;}
.activityMapOrange{ background:#F79646;}
.activityMapGreen{ background:#35b941;}
.activityMapGray{ background:#909495;}
.activityMapDarkcyan{ background:#215968;}
.activityMapYellow{ background:#ecb407;}
.activityMapDynamic{ background:#04558a;}
.marT80{ margin-top:80px;}
.marT140{ margin-top:140px;}
.marT150{ margin-top:150px;}
.marT70{ margin-top:70px;}
.marT85{ margin-top:85px;}
.marT180{ margin-top:180px;}
.dynamicActivityMap{width:16.66%; float:left; padding:0 0.5%; box-sizing:border-box;}
.linux.opera .dynamicActivityMap{width:16.7%; float:left; padding:0 0.5% 0 0.57%; box-sizing:border-box;}
.linux.opera .trainingSessionBox .dynamicActivityMap{width:20%; float:left; padding:0 0.55% 0 0.5%; box-sizing:border-box;}
.teamMeetingMinHeight .activityMapBox{ min-height:150px;}
.trainingSessionMinHeight .activityMapBox{ min-height:150px;}

/*Sick leave euro report*//*8-1-2014*/
.awayHrsIndicator{background:url(../../images/theme3/blue-dotted.png) repeat left top; width:19px; height:19px; display:inline-block; margin-right:10px;}
.awayHrsText{ padding:40px 0; text-align:center;}
.awayHrsIndicatorText{color:#4c4c4c; font-family:'MyriadPro-Regular'; font-size:16px; line-height:16px;}
.zIndex999{ z-index:1;}
.innovationReportData b{color:#ffffff; font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif; float:left; margin:3px 0; width:100%;}
.sickleavemapMainBox{ width:100%; float:left;}/*13-2-2014*/
.sickleavemapMainBox .mapTitle{ width:100%;}
.sickleavemapMainBox .sickleavemapInnerBox{border-left:1px solid #CFCFCF; border-right:1px solid #CFCFCF; border-bottom:1px solid #CFCFCF; box-sizing:border-box;}/*13-2-2014*/
.sickleavemapMainBox .mapMainBoxInner{-moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; padding:5px 0; height:480px; box-sizing:border-box;}/*13-2-2014*/
.width48{ width:48%;}/*13-2-2014*/
.sickleavemapMainBox .orangeBottomLine{ right:15px;}/*13-2-2014*/
.ie8 .sickleavemapMainBox .orangeBottomLine{ right:15px;}/*24-2-2014*/
.sickleavemapMainBox .rentProfit{ right:19px;}/*13-2-2014*/
.ie8 .sickleavemapMainBox .rentProfit{ right:20px;}/*13-2-2014*/
.ie9 .sickleavemapMainBox .rentProfit{ right:21px;}/*13-2-2014*/
.ie1 .rentProfit{right:21px;}
.mac.gecko .sickleavemapMainBox .orangeBottomLine{ right:18px;}/*13-2-2014*/
.sickleaveMapInner{ float:left; position:relative; height:490px;}/*24-2-2014*/
.sickleaveMapInner .marT40{ margin-top:49px;}/*24-2-2014*/

/*INNOVATION TEAM MEETING REPORT*/ /*8-1-2014*/
.width96{ width:95%; margin:0 auto;}
.teamMeetingMinHeight .activityMapBox{ min-height:150px;}

/*TRAINING SESSIONS REPORT*/ /*8-1-2014*/
.trainingBullet{ background:#ffffff; width:4px; height:4px; float:left; margin:5px 5px 0 4px;}/*21-1-2014*/ 
.linux.chrome .trainingBullet,.linux.opera .trainingBullet{ margin:5px 5px 0 10px;}
.linux.gecko .trainingBullet{ margin:6px 5px 0 10px;}
.mac.gecko .trainingBullet{ margin:5px 5px 0 10px;}
.trainingSessionBox .activityMapBox{ min-height:197px;}
.trainingSessionBox .innovationReportData{color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:10px 0 10px 5%; line-height:14px; float:left;}/*21-1-2014*/
.trainingSessionBox .dynamicActivityMap{width:20%; float:left; padding:0 0.5%; box-sizing:border-box;}
.trainingSessionBox .width96{ width:99%; margin:0 auto;}

/* Arranging new development discussion *//*21-1-2014*/
a.changeWorker{color:#3B4A61; font-family:"MyriadPro-Regular"; font-size:16px; font-weight:normal; text-decoration:underline;}
a:hover.changeWorker{color:#335E8A; text-decoration:none;}
.simpleTextSmall{font-family:"MyriadPro-Regular";font-size:16px; line-height:18px;display:inline-block;}
.addNewAreaButton tr td.nextButtonDisable a.reserveTimeSendInviBtn, .addNewAreaButton tr td.nextButton a.reserveTimeSendInviBtn{font-size:20px; line-height:28px;}
.linux.chrome .addNewAreaButton tr td.nextButtonDisable a.reserveTimeSendInviBtn, .linux.chrome .addNewAreaButton tr td.nextButton a.reserveTimeSendInviBtn{font-size:20px; line-height:23px;}
.linux.opera .addNewAreaButton tr td.nextButtonDisable a.reserveTimeSendInviBtn, .linux.gecko .addNewAreaButton tr td.nextButton a.reserveTimeSendInviBtn{ font-size:19px;}
.linux.gecko .addNewAreaButton tr td.nextButtonDisable a.reserveTimeSendInviBtn, .linux.gecko .addNewAreaButton tr td.nextButton a.reserveTimeSendInviBtn{ line-height:33px; font-size:20px;}/*3-2-2014*/
.mac.gecko .addNewAreaButton tr td.nextButtonDisable a.reserveTimeSendInviBtn, .mac.gecko .addNewAreaButton tr td.nextButton a.reserveTimeSendInviBtn{ line-height:30px;}

/*New devlopment discussion Popup*//*24-1-2014*/
.invitationText{ font-family:'MyriadPro-Regular';font-size:15px;color:#3b4a61;line-height:17px; padding:10px 0; float:left;}

/*Upcoming development discussions*/
.ansQueLink{ text-decoration:underline; font-family:"MyriadPro-Regular"; font-size:15px; color:#3F5061; line-height:16px;}
.workControlPie{ float:left;}
.workControlPie ul{ padding:30px 0 0 30px; margin:0; float:left;}
.workControlPie ul li{display:block; font-family:"MyriadPro-Regular"; font-size:16px; line-height:14px; list-style:none; padding:12px 10px;}
.linux.opera .workControlPie ul li{ line-height:21px; padding:12px 10px 0;}
.linux.gecko .workControlPie ul li{ line-height:17px; padding:7px 10px;}
.mac.chrome .workControlPie ul li{ line-height:17px; padding:12px 10px 4px;}
.workControlPie ul li .colorIndicator{float:left; height:14px; margin-right:8px; width:14px;}  

/*work Control chart*//*27-1-2014*/
.workerInterestTtile{ padding:12px 0;} 
.marTop50{ margin-top:50px;}
.mac.chrome .marTop50, .mac.safari .marTop50{ padding-top:60px; margin-top:0;}/*30-1-2014*/
.linux.chrome .marTop50{ padding-top:60px; margin-top:0;}/*31-1-2014*/
.win.chrome .marTop50, .win.safari .marTop50{ padding-top:60px; margin-top:0;}/*31-1-2014*/
.workControlGraph{ float:left; width:49%; margin-right:1%; margin-bottom:1%;}/*17-2-2014*/
.workControlGraph.last{margin-bottom:1%; margin-right:0;}/*17-2-2014*/
.workControlGraph tr th{ background:url(../../images/theme3/human-rel-rate-title.png) repeat-x scroll left top #12536D; border-left:1px solid #5f758b; padding:9px; border-top:1px solid #5f758b;border-right:1px solid #5f758b;border-bottom:1px solid #5f758b;}
.linux.chrome .workControlGraph tr th, .linux.opera .workControlGraph tr th{padding:14px 9px 3px 9px;}/*3-2-2014*/

/*work Control chart resolve discussion*/
.workControlGraphResolveDis{ width:98%;}/*31-1-2014*/
.workControlGraph.workControlGraphResolveDis tr th .serviceTitle{color:#ffffff;}/*31-1-2014*/
.workerTitle{color:#3B4A61; font-family:"MyriadPro-Regular"; font-size:18px; line-height:20px; padding-bottom:7px; font-weight:bold;}/*31-1-2014*/
.foremanTitle{color:#3B4A61; font-family:"MyriadPro-Regular"; font-size:18px; line-height:20px; padding-bottom:7px; font-weight:bold;}/*31-1-2014*/
.workControlGraph.workControlGraphResolveDis .upArrow{left:57px;}/*17-2-2014*/
.win.chrome .workControlGraph.workControlGraphResolveDis .upArrow, 
.win.safari .workControlGraph.workControlGraphResolveDis .upArrow, 
.mac.chrome .workControlGraph.workControlGraphResolveDis .upArrow, 
.linux.chrome .workControlGraph.workControlGraphResolveDis .upArrow{left:57px;}/*17-2-2014*/

.workControlGraph tr th.last{border-right:1px solid #3f5061;}
.workControlGraph tr th .serviceTitle{font-family:"MyriadPro-Regular"; font-size:19px; color:#ffffff;width:280px; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:19px;}
.workControlGraph table td.borderLeftBottom{ border-bottom:1px solid #5f758b; border-left:1px solid #5f758b;border-right:1px solid #5f758b;}
.workControlGraph tr td{ padding:5px; height:48px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#3B4A61; box-sizing:border-box;}
.workControlGraph tr td{ height:auto\0;}
.workControlGraph tr td.innerData{ font-weight:normal; width:36px; word-wrap:break-word;}
.workControlGraph tr td.singleCell{ text-align:center; width:36px; height:36px;}
.workControlGraph tr td:hover.singleCell{ cursor:pointer; background:#3B4A61; color:#ffffff;}
.workControlGraph tr td.active{background:#3B4A61; color:#ffffff;}
.workControlGraph tr td tr td.grayBorder{ border-right:1px solid #A8B3C2; border-top:1px solid #A8B3C2;} 
.workControlGraph .upArrow{ background:url(../../images/theme3/smallreport-up-arrow.png) no-repeat center top; width:16px; height:22px; position:absolute; left:57px; top:-20px;}
.linux.opera .workControlGraph .upArrow{ left:42px;}
.mac.chrome .workControlGraph .upArrow, .mac.safari .workControlGraph .upArrow{ top:39px;}/*30-1-2014*/
.linux.chrome .workControlGraph .upArrow{ top:39px;}/*17-2-2014*/
.win.chrome .workControlGraph .upArrow, .win.safari .workControlGraph .upArrow{ top:39px;}/*31-1-2014*/
.workControlGraph .rightArrow{ background:url(../../images/theme3/smallreport-right-arrow.png) no-repeat center top; width:22px; height:16px; position:absolute; right:-21px; top:135px;}/*17-2-2014*/	
.ie .workControlGraph .rightArrow{ top:109px;}
.linux.opera .workControlGraph .rightArrow{ top:126px;}/*19-2-2014*/
.mac.gecko .workControlGraph .rightArrow{ top:135px;}/*25-2-2014*/
.win.chrome .workControlGraph .rightArrow, .win.safari .workControlGraph .rightArrow{ top:195px;}
.mac.chrome .workControlGraph .rightArrow, .mac.safari .workControlGraph .rightArrow{ top:195px;}
.linux.chrome .workControlGraph .rightArrow{ top:195px;}
.linux.gecko .workControlGraph .rightArrow{ top:135px;}
.ie8 .XaxisTitle, .ie9 .XaxisTitle, .ie1 .XaxisTitle{ top:90px;}/*19-2-2014*/
.YaxisTitle{position:absolute; left:35px; top:-38px;}/*17-2-2014*/
.mac.chrome .YaxisTitle, .mac.safari .YaxisTitle{ top:15px;}/*30-1-2014*/
.linux.chrome .YaxisTitle{ top:20px;}/*17-2-2014*/
.win.chrome .YaxisTitle, .win.safari .YaxisTitle{ top:15px;}/*31-1-2014*/
.XaxisTitle{top:184px; position:absolute; right:-83px; width:60px; word-wrap:break-word;}/*17-2-2014*/
.mac.gecko .XaxisTitle{ top:116px;}/*25-2-2014*/
.linux.gecko .XaxisTitle, .win.gecko .XaxisTitle{ top:122px;}/*17-2-2014*/
.workControlGraph tr td tr td.borderLeft{ border-left:2px solid #3f5061;}
.workControlGraph tr td tr td.borderBottom{ border-bottom:2px solid #3f5061;}
.arrangeNewMeeting .themeList .textArea.viewQueText{ text-align:left; font-style:normal;}
.workControlGraph tr td.workControlBlankTr{ padding:0; height:0; box-sizing:border-box;}/*30-1-2014*/
.pieChartTooltip{white-space:pre-wrap; width:150px;}/*5-2-2014 By Ashok Chitroda for pie chart tooltip break word*/
.resolveDisYaxisText{width:54px; word-wrap:break-word;}/*17-2-2014*/
.resolveDisXaxisText{width:44px; word-wrap:break-word; display:inline-block;}/*17-2-2014*/

.linux.opera .resolveDisYaxisText{width:45px; height:35px; word-wrap:break-word;}/*19-2-2014*/
.linux.opera .resolveDisXaxisText{width:30px; height:35px; word-wrap:break-word; display:inline-block; text-align:left}/*19-2-2014*/
.linux.opera .XaxisTitle{ top:108px;}/*19-2-2014*/
.linux.opera .workControlGraph .upArrow{ left:48px;}/*19-2-2014*/

/*devlopment Discussion Invitaion Popup*//*28-1-2014*/
.devDiscussionInvitaion{ font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.addNewAreaButton tr td.nextButton a.ansQueBtnText{ font-size:22px; line-height:32px;}

/*Disable button in list view of Upcoming discussion*/ /*29-1-2014*/
.grayGradientBtn .fullListBotton{ cursor:default;}
.grayGradientBtn .fullListBotton a{ cursor:default;}
.grayGradientBtn .fullListBotton .fullListBottonLeft{ background:#d6d4d4;}
.grayGradientBtn .fullListBotton .fullListBottonRight{ background:#E6E6E6;padding:7px;}

.grayGradientBtn .fullListBotton:hover .fullListBottonLeft .openArea, 
.grayGradientBtn .fullListBotton:hover .fullListBottonLeft .addNewArea, 
.grayGradientBtn .fullListBotton:hover .fullListBottonLeft .editArea, 
.grayGradientBtn .fullListBotton:hover .fullListBottonLeft .viewClinic,
.grayGradientBtn .fullListBotton:hover .fullListBottonLeft .addNewClinic, 
.grayGradientBtn .fullListBotton:hover .fullListBottonLeft .noClinic,
.grayGradientBtn .fullListBotton:hover .fullListBottonLeft .addNewClinic, 
.grayGradientBtn .fullListBotton:hover .fullListBottonLeft .openSubarea,
.grayGradientBtn .fullListBotton:hover .fullListBottonLeft .viewLeaders,
.grayGradientBtn .fullListBotton:hover .fullListBottonLeft .addLeaders,
.grayGradientBtn .fullListBotton:hover .fullListBottonLeft .noLeaders,
.grayGradientBtn .fullListBotton:hover .fullListBottonLeft .openClinicCard,
.grayGradientBtn .fullListBotton:hover .fullListBottonLeft .controlPanel,
.grayGradientBtn .fullListBotton:hover .fullListBottonLeft .viewAdmin,
.grayGradientBtn .fullListBotton:hover .fullListBottonLeft .openRegLeaderCard,
.grayGradientBtn .fullListBotton:hover .fullListBottonLeft .changePass{width:20px; height:20px; display:inline-block;  background-position:-3px -116px;}

/*Resolve discussion - Work activities and job roles*//*30-1-2014*/
.resolveDiscussion{ float:left; width:48%; margin-right:2%; margin-bottom:2%; margin-top:2%;}
.resolveDiscussion.marRight0{ margin-right:0;}
.resolveDiscussion tr th{ background:url(../../../images/theme3/week-view-header.png) repeat-x left top; padding:5px 9px; border:1px solid #B1BAC8;}
.ie8 .resolveDiscussion tr th{ padding:4px 9px;}
.resolveDiscussion table td{display:block; font-size:14px; max-height:123px; padding:6px 10px; color:#7D7D7D; min-height:123px;}
.resolveDiscussion table td.borderLeftBottom{ border-bottom:1px solid #B1BAC8; border-left:1px solid #B1BAC8;  border-right:1px solid #B1BAC8;}
.workerViewTitle{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3B4A61; line-height:22px;}
.formanViewTitle{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#3B4A61; line-height:22px;}

/*Forman worker view box scroll*//*7-3-2014*/
.workerViewBox{ overflow:hidden;}

/*All popup Question answer box*//*3-2-2014*/
.queTitle{ margin-bottom:5px;}
.number{ background:#e9e9e9; border:1px solid #cfcfcf; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#3B4A61; line-height:14px; display:inline-block; padding:5px 8px; margin-right:3px; margin-bottom:5px;}
.queText{font-family:'MyriadPro-Semibold'; font-size:16px; color:#3B4A61; line-height:16px;}
.teamMeetingQueText{font-family:'MyriadPro-Semibold'; font-size:20px; color:#3b4a61; line-height:20px;}
.linux.opera .teamMeetingQueText{ padding-top:10px; margin-bottom:-12px;}
.mac .teamMeetingQueText{ padding-top:10px; margin-bottom:-12px;}
.ansBox .textArea{ background:#ffffff url(../../images/theme3/textareabox-bg.png) repeat-x left top; height:140px; border:1px solid #CFCFCF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:10px; min-height:75px; color:#507584; font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px; margin:0; box-shadow:none; width:100%; overflow:hidden;font-style:italic; box-sizing:border-box;}
.ansBox .textArea.active{font-style:normal; color:#3B4A61;}
.width98{ width:98%;}
.decisionTaken{font-family:'MyriadPro-Semibold'; font-size:16px; color:#7d7d7d; line-height:16px; padding-bottom:10px;}
.linux .decisionTaken{ padding-top:10px; padding-bottom:5px;}
.linux.opera .decisionTaken{ padding-top:12px; padding-bottom:2px;}
.mac .decisionTaken{ padding-bottom:5px;  padding-top:10px; float:left;} 
 
/* Textarea scrollbar changes : Changes done by Raghuvir */
.ansBox textarea{width:100%; height:130px; border:none; background:none; resize:none; margin:0; padding:0; overflow:hidden; line-height:20px; font-family: 'MyriadPro-Regular';font-weight:normal;font-size:16px; outline:none; color:#507584; font-style:italic;resize:none; box-sizing:border-box;}
.ansBox textarea.active{font-style:normal; color:#3B4A61;}
.ansBox .textarea-wrapper{background:#d9e0e2;  height:162px; overflow:hidden; padding:10px; border:1px solid #CFCFCF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:none; width:100%; box-sizing:border-box;}
.ansBox .hiddendiv{position:absolute; top:-9999px; left:-9999px; visibility:hidden; white-space: pre-wrap; width:95%; min-height: 130px; font-family: 'MyriadPro-Regular';font-weight:normal;font-size:16px; padding:0; word-wrap: break-word;line-height:20px; box-sizing:border-box;}
/* Textarea scrollbar changes : Changes done by Raghuvir */

/*Date picker Css*//*7-2-2014*/
.dp-popup .dp-nav-prev .dp-nav-prev-year{ font-size:0; background-position:-327px -451px; display:inline-block; width:15px; height:25px; margin-right:4px;}
.dp-popup .dp-nav-prev .dp-nav-prev-month{font-size:0; background-position:-356px -451px; display:inline-block; width:14px; height:25px;}
.dp-popup .dp-nav-next .dp-nav-next-month{font-size:0; background-position:-379px -451px; display:inline-block; width:19px; height:25px;}
.dp-popup .dp-nav-next .dp-nav-next-year{font-size:0; background-position:-412px -451px; display:inline-block; width:14px; height:25px; margin-left:4px;}


/*Define which side has the control over CBA rules *//*19-2-2014*/
.saveChangesCBARules a{background: #3b4a61; /* Old browsers */-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNiNGE2MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YjVlN2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #3b4a61 0, #4b5e7a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#3b4a61), color-stop(100%,#4b5e7a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3b4a61 0,#4b5e7a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3b4a61 0,#4b5e7a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3b4a61 0,#4b5e7a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3b4a61 0,#4b5e7a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b4a61', endColorstr='#4b5e7a',GradientType=0 ); /* IE6-8 */

color:#FFFFFF; display:block; font-family:'MyriadPro-Semibold'; font-size:23px; padding:25px 21px;text-align:center; text-decoration:none; width:92%; text-transform:uppercase; line-height:25px; margin:20px; box-sizing:border-box;}
.ie8 .saveChangesCBARules a{ font-size:21px;}

.saveChangesCBARules a:hover{
background: #4b5e7a; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiNWU3YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYjRhNjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #4b5e7a 0, #3b4a61 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#4b5e7a), color-stop(100%,#3b4a61)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4b5e7a 0,#3b4a61 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4b5e7a 0,#3b4a61 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4b5e7a 0,#3b4a61 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4b5e7a 0,#3b4a61 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b5e7a', endColorstr='#3b4a61',GradientType=0 ); /* IE6-8 */
}

.discardChangesCBARules a{ background: #d08b93; /* Old browsers */-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwOGI5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2E2YWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #d08b93 0, #e3a6ad 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#d08b93), color-stop(100%,#e3a6ad)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d08b93 0,#e3a6ad 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d08b93 0,#e3a6ad 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d08b93 0,#e3a6ad 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d08b93 0,#e3a6ad 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d08b93', endColorstr='#e3a6ad',GradientType=0 ); /* IE6-8 */

color:#FFFFFF; display:block; font-family:'MyriadPro-Semibold'; font-size:23px; padding:25px 21px;text-align:center; text-decoration:none; width:92%;text-transform:uppercase; line-height:25px; margin:20px; box-sizing:border-box;}
.ie8 .discardChangesCBARules a{ font-size:21px;}
 
.discardChangesCBARules a:hover{ 
background: #e3a6ad; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzYTZhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMDhiOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #e3a6ad 0, #d08b93 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#e3a6ad), color-stop(100%,#d08b93)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e3a6ad 0,#d08b93 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e3a6ad 0,#d08b93 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e3a6ad 0,#d08b93 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e3a6ad 0,#d08b93 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3a6ad', endColorstr='#d08b93',GradientType=0 ); /* IE6-8 */
}
.controlOverCBARule{ border:1px solid #cfcfcf; width:100%; padding:0;-moz-box-shadow:inset 0 0 0 0 #d9eaf4,0 0 0 0 #D0DBE3; -webkit-box-shadow:inset 0 0 0 0 #d9eaf4,0 0 0 0 #D0DBE3; box-shadow:inset 0 0 0 0 #d9eaf4,0 0 0 0 #D0DBE3; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float:left; box-sizing:border-box;}
.controlOverCBARule .addAreaPopupLeft{ padding:0;}
.controlOverCBARule .provideAreaName tr td b{ font-family:'MyriadPro-Semibold'; font-size:16px; color:#3B4A61; font-weight:normal;}
.controlOverCBARule .provideAreaName tr td{ border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; padding:10px 10px 10px 20px;}
.controlOverCBARule .provideAreaName tr td.roundCornerNone{-moz-border-radius:0;-webkit-border-radius:0; border-radius:0;}
.controlOverCBARule .provideAreaName tr.bottomBorderNone td{ border-bottom:none;}
.controlOverCBARule .provideAreaName tr td.heading{ background:#eeeeee url(../../../images/theme3/report-title-bg.png) repeat-x left bottom; border-bottom:none;}/*#835 4-3-2014*/
.controlOverCBARule .provideAreaName tr td.heading b{ color:#2B4976; font-family:'MyriadPro-Semibold';}/*#835 4-3-2014*/ 
.win.chrome .controlOverCBARule .provideAreaName tr td.heading b.marT8{ margin-top:6px;}
.controlOverCBARule .provideAreaName tr td.last{ border-right:none;}
.controlOverCBARule .width100{ width:100%;}
.controlOverCBARule .provideAreaName label{color:#323232;}
/*.linux.opera .controlOverCBARule .provideAreaName label.marT8{ margin-top:11px;}*/
.homeTitle100{ width:100%;}
.controlOverCBARule .provideAreaName input.width55.active[type="text"]{ width:50px; text-align:center;}/*#835 4-3-2014*/ 
.controlOverCBARule .provideAreaName tr td .padd0{ padding:0;}/*#835 4-3-2014*/ 
.controlOverCBARule .provideAreaName tr td .borderNone{ border:none;}/*#835 4-3-2014*/ 
.controlOverCBARule .provideAreaName tr td td.borderNone{padding:0;}/*#835 4-3-2014*/ 
.controlOverCBARule .provideAreaName tr td.paddLR{ padding:10px;}
.controlOverCBARule .succMessage{ margin-bottom:0;}

/*Computational background variables and CBA rules*/ /*5-3-2014*/
.compControlOverCBARule{ /*border:1px solid #cfcfcf;*/ width:100%; padding:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-sizing:border-box;}
.compControlOverCBARule .provideAreaName tr td b{ font-family:'MyriadPro-Semibold'; font-size:16px; color:#3B4A61; font-weight:normal;}
/*.linux.opera .compControlOverCBARule .provideAreaName tr td b{ line-height:20px;}
.linux.chrome .compControlOverCBARule .provideAreaName tr td b, .linux.gecko .compControlOverCBARule .provideAreaName tr td b{ line-height:16px;}*/
.compControlOverCBARule .provideAreaName tr td.heading{ background:#eeeeee url(../../../images/theme3/report-title-bg.png) repeat-x left bottom; border-bottom:none;}/*#835 5-3-2014*/
.compControlOverCBARule .provideAreaName tr td.heading b{ color:#2B4976; font-family:'MyriadPro-Semibold';}/*#835 5-3-2014*/ 
.compControlOverCBARule .provideAreaName input.width55.active[type="text"]{ width:62px; text-align:center;}/*#835 5-3-2014*/ 
.compControlOverCBARule .provideAreaName tr td .padd0{ padding:0;}/*#835 5-3-2014*/ 
.compControlOverCBARule .provideAreaName tr td .borderNone{ border:none;}/*#835 5-3-2014*/ 
.compControlOverCBARule .provideAreaName tr td td.borderNone{padding:0;}/*#835 5-3-2014*/ 
.compControlOverCBARule .provideAreaName tr td.last{ border-right:none;}
.compControlOverCBARule .provideAreaName tr td{ border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; padding:10px 10px 10px 10px; font-size:15px;}
.compControlOverCBARule .provideAreaName tr td.roundCornerNone{-moz-border-radius:0;-webkit-border-radius:0; border-radius:0;}
.linux .compControlOverCBARule .provideAreaName tr td{padding:12px 10px 7px 10px;}
.compControlOverCBARule .provideAreaName tr.bottomBorderNone td{ border-bottom:none;}
.compControlOverCBARule .provideAreaName label{ font-size:15px;}
.compControlOverCBARule .marL55{ margin-left:45px;}
.compControlOverCBARule .smallText{ font-size:12px; line-height:13px;}
.compControlOverCBARule .width100{ width:100%;}
.publicHolidayCompen{ margin-left:117px; margin-top:10px;}
.publicHolidayCompenSuper{ margin-left:117px; margin-top:10px;}
.compControlOverCBARule .provideAreaName tr td.paddT15{ padding-top:15px;}
.viewPublicHolidayCompen{padding-left:140px; padding-top:10px; float:left; width:100%; box-sizing:border-box;}
.viewPublicHolidayCompen .width20{ width:25%;}
.viewPublicHolidayCompen .width38{ width:50%;}
.viewPublicHolidayCompenSuper{padding-left:140px; padding-top:10px; float:left; width:100%; box-sizing:border-box;}
.viewPublicHolidayCompenSuper .width20{ width:25%;}
.viewPublicHolidayCompenSuper .width38{ width:50%;}

/*21-2-2014*/
.controlOverCBARuleBorder{ border:1px solid #CFCFCF; width:100%; box-sizing:border-box;}
.fancyCheckboxUnchecked{ background-position:-457px -335px; width:33px; height:40px; display:inline-block; padding-right:5px; box-sizing:border-box;}
.fancyCheckboxChecked{ background-position:-410px -335px; width:33px; height:40px; display:inline-block; padding-right:5px; box-sizing:border-box;}
.superAdminControl{font-family:'MyriadPro-Semibold'; font-size:20px; color:#4e94ae; padding-bottom:15px; line-height:23px;}
.clinicControl{font-family:'MyriadPro-Semibold'; font-size:18px; color:#3B4A61; line-height:24px; width:100%; float:left;}
.linux.opera .rulesMargin, .linux.chrome .rulesMargin{ margin-top:3px; float:left;}

/*24-2-2014*/
.cbaRulesTitleBox{border:1px solid #CFCFCF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-bottom:15px;width:100%; margin-top:5px; float:left; height:48px; box-sizing:border-box;}
.cbaRulesTitleBox .inputSelection li.selected{ margin-left:10px;}
.cbaRulesTitleBox span.title{color:#4c4c4c; font-size:23px; font-family:'MyriadPro-Semibold'; padding:8px 10px 8px 10px; font-weight:normal;}
.mac.safari .cbaRulesTitleBox span.title{padding:12px 10px 8px 10px;}
.mac.chrome .cbaRulesTitleBox span.title{padding:12px 10px 8px 10px;}
.mac.gecko .cbaRulesTitleBox span.title{padding:10px 10px 8px 10px;}
.linux.opera .cbaRulesTitleBox span.title,.linux.chrome .cbaRulesTitleBox span.title{ padding:11px 10px 11px 10px;}
.linux.gecko .cbaRulesTitleBox span.title{ padding:10px;}
.inputSelectorBg{background: url(../../images/theme3/realized-table-top-bg.png) repeat-x left top; padding:0; border-left:1px solid #B0CFE6;                 -moz-border-radius:0 5px 3px 0;-webkit-border-radius:0 5px 3px 0; border-radius:0 5px 3px 0;}
.cbaRulesTitleBox .inputSelection li span{float:left; line-height:21px; padding-left:30px; padding-right:10px;}
.mac .cbaRulesTitleBox .inputSelection li span{ line-height:24px;}
.cbaRulesTitleBox span{ color:#4c4c4c;}
.publicHolidayRulesCheckBox{ margin-top:-3px;}
.mac .publicHolidayRulesCheckBox{ margin-top:-1px;}
.mac.gecko .publicHolidayRulesCheckBox{ margin-top:0;}
.mac.safari .publicHolidayRulesCheckBox{ margin-top:-2px;}
.ie .publicHolidayRulesCheckBox{ margin-top:0;}
.linux.chrome .publicHolidayRulesCheckBox{ margin-top:-1px;}
.linux.gecko .publicHolidayRulesCheckBox{ margin-top:0; margin-left:3px;}
.linux.opera .publicHolidayRulesCheckBox{ margin-top:0;}
.addNewAreaButton tr td.nextButton a.updateCBARule{ font-size:20px; line-height:32px;}
.mac .addNewAreaButton tr td.nextButton a.updateCBARule{line-height:34px;}
.mac.safari .addNewAreaButton tr td.nextButton a.updateCBARule{line-height:36px;}
.linux.gecko .addNewAreaButton tr td.nextButton a.updateCBARule{line-height:35px;}

/*CBA RULES COMPUTETIONAL BOX*/
.computationalCBABox{width:100%; border:1px solid #CFCFCF; margin-bottom:15px; float:left; padding:1%; -moz-border-radius:5px; -webkit-border-radius:5px;  border-radius:5px; box-sizing:border-box;}
.mac .provideAreaName .computationalCBABox input[type="checkbox"]{ float:left; margin-top:1px; margin-right:6px;}
.provideAreaName .computationalCBABox input[type="checkbox"]{ float:left; margin-top:0; margin-right:6px;}

/*Super side administrator icon view with 3 buttons*/
.threeBtnIconview .changePassBg{ padding:6px 5px;}
.threeBtnIconview .viewCardBg{ padding:6px 5px;}
.threeBtnIconview .roundCornerNone{-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
.threeBtnIconview .controlPannelBg{background:#e6e7e8; padding:6px 5px; margin-bottom:1px; border:1px solid #596b88;}
.controlPannel{background-position:-439px -453px; display:block; height:19px; width:25px;}
.grayGradient .threeBtnIconview .controlPannelBg{background:#d0d0d0; border:1px solid #bebebe;}
/*Text overflow hidden class*//*13-2-2014*/
.textOverflowWidth270{display:block; white-space:nowrap; overflow:hidden; width:270px; text-overflow:ellipsis;}
.manageBtn .textOverflowWidth175{display:block; white-space:nowrap; overflow:hidden; width:175px; text-overflow:ellipsis;}

/*Enable disable empoloyee*/
.fourBtnIconview .changePassBg{ padding:2px 5px;}
.fourBtnIconview .viewCardBg{ padding:1px 5px;}
.fourBtnIconview .roundCornerNone{-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
.fourBtnIconview .controlPannelBg{background:#e6e7e8; padding:2px 5px; margin-bottom:1px; border:1px solid #596b88;}
.enableEmp{background-position:-127px -657px; display:block; height:19px; width:25px;}
.disableEmp{background-position:-51px -657px; display:block; height:19px; width:25px;}
.removeEmp{background-position:-53px -684px; display:block; height:20px; width:20px; margin-left: 2px; }
.grayGradient .controlPannelBg{ background: #d0d0d0; border: 1px solid #bebebe;}
.manageBtn .manageBtnText a.redColor {color: #Ff0000;font-size: 16px;line-height: 16px;}
.manageBtn .manageBtnText a.greenColor{color: #007f00;font-size: 16px;line-height: 16px;}
.fullListBottonRight a.redColor {color: #Ff0000;font-size: 16px;line-height: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.fullListBottonRight a.greenColor{color: #007f00;font-size: 16px;line-height: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}


/*Notification Message*//*28-2-2014*/
/*Message Read Unread*/
.MsgUnread{ background:#dae8f0; border:1px solid #9bc2de; padding:5px; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; padding:5px;  font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#3B4A61; margin:5px 0; width:280px;text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap; box-sizing:border-box;}
.MsgUnread:hover{ background:#dae8f0; border:1px solid #9bc2de;}
.MsgRead{ background:#E2E7E8; border:1px solid #CFCFCF; padding:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:5px; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#3B4A61; margin:5px 0;width:280px;text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap; box-sizing:border-box;}
.MsgRead:hover{ background:#dae8f0; border:1px solid #9bc2de;}
.messageRow{margin:0 0 10px 0; float:left; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative;behavior:url(PIE.htc);}
.messageRow td{padding:10px 10px; background:url(/images/theme3/return-back-divider.png) no-repeat scroll right center; color:#3f5061; font-family:'MyriadPro-Regular'; font-size:15px; line-height:15px;}
.mac.safari .messageRow td{ padding:12px 10px 9px 10px;}
.mac.chrome .messageRow td{ padding:13px 10px 7px 10px;}
.linux.opera .messageRow td{ padding:14px 10px 6px 10px;}
.linux.gecko .messageRow td{ padding:13px 10px 7px 10px;}
.mac.gecko .messageRow td{ padding:12px 10px 8px 10px;}
.linux.chrome .messageRow td{padding:14px 10px 5px 10px;} 

.unread_notification_message{ background:#E2E7E8; border:1px solid #CFCFCF; width:auto; box-sizing:border-box;}
.messageRow.unread_notification_message td a{ color:#3F5061; text-decoration:none; cursor:pointer; line-height:17px;}
.messageRow.unread_notification_message td a:hover{ color:#00366D; text-decoration:none;}
.messageRow.unread_notification_message td.last{ background:none;}

.read_notification_message{background:#dae8f0; border:1px solid #9bc2de; width:auto; box-sizing:border-box;}
.messageRow.read_notification_message td a{ color:#14273a; text-decoration:none; cursor:pointer; line-height:17px;}
.messageRow.read_notification_message td a:hover{ color:#3c6082; text-decoration:none;}
.messageRow.read_notification_message td.last{ background:none;}
.msgNotificationLine{ width:550px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.linux.chrome .msgNotificationLine{ margin-top:0;}

.viewOlderMsg{margin:10px 0 15px 0;border:1px solid #B1D0E7;text-decoration:none;float:left; background:url(/images/theme3/add-subarea-btn-bg.png) repeat-x scroll left top transparent; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; behavior:url(PIE.htc);position:relative; cursor:pointer; padding:8px 13px;font-family:'MyriadPro-Regular'; font-size:16px; color:#3F5061;}
.viewOlderMsg:hover{ background:url(/images/theme3/add-subarea-btn-bg-hover.png) repeat-x scroll left top transparent;}
.linux.opera .viewOlderMsg{ padding:10px 13px 5px 13px;}
.linux.gecko .viewOlderMsg{ padding:10px 13px 8px 13px;}
.linux.chrome .viewOlderMsg{ padding:10px 13px 7px 13px;}


.width130{ width:95px;}
.width600{ width:500px;}
.width90{ width:83px;}
.width160{ width:190px;}

/*#833 Employee's Work Role table*/
.empWorkRoles{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:98%;}
.empWorkRoles tr th{color:#3F5061; font-family:'MyriadPro-Regular'; font-size:16px; line-height:18px; padding:7px 5px; font-weight:normal; 
background:#E8F4FA;}
.linux.opera .empWorkRoles tr th{ padding:9px 5px 5px 5px;}
.empWorkRoles tr td{ padding:0 0;}
.provideAreaName .empWorkRoles tr td input[type="text"]{ width:95%; padding:3px 2px; font-size:14px; text-align:center; float:none; box-sizing:border-box;}
.mac.gecko .provideAreaName .empWorkRoles tr td input[type="text"]{ padding:5px 2px 2px 2px;}
.linux.gecko .provideAreaName .empWorkRoles tr td input[type="text"], .linux.chrome .provideAreaName .empWorkRoles tr td input[type="text"], .linux.opera .provideAreaName .empWorkRoles tr td input[type="text"]{padding:4px 2px 0 2px; height:auto; box-sizing:border-box;}
.mac.chrome .provideAreaName .empWorkRoles tr td input[type="text"]{padding:3px 2px;}
.mac.safari .provideAreaName .empWorkRoles tr td input[type="text"]{padding:5px 1px 3px;}

.empWorkRoles tr td.selected{ background:#6cc17c;}
.empWorkRoles tr th.borderTopLeft{ border-top:1px solid #8DAFC7; border-left:1px solid #8DAFC7;}
.empWorkRoles tr td.borderTopLeft{ border-top:1px solid #8DAFC7; border-left:1px solid #8DAFC7;}
.empWorkRoles tr td.borderBottom, .empWorkRoles tr th.borderBottom{border-bottom:1px solid #8DAFC7;}
.empWorkRoles tr td.last, .empWorkRoles tr th.last{border-right:1px solid #8DAFC7;}

/*Workload type box in employee registration*//*6-3-2014*/
.workloadTypeBox{margin-bottom:10px;}
.workloadTypeBoxTitle{ background:url(../../../images/theme3/submenu-bg.png) repeat-x left center; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; border-color:#B5B5B5; border-style:solid; border-width:1px 1px 0 1px; width:100%; box-sizing:border-box;}
.provideAreaName tr td .workloadTypeBoxTitleText{ padding:5px 2%; font-weight:bold;}
.workloadTypeBoxTitleText{color:#2B4976; font-family:'MyriadPro-Semibold'; font-size:16px; line-height:19px; height:38px; padding:7px 1% 7px 1%; box-sizing:border-box;}
.workloadTypeBoxInner{border:1px solid #B5B5B5; width:100%; box-sizing:border-box;}
.workloadTypeBoxInner .innerText{color:#585858; font-family:'MyriadPro-Regular'; font-size:16px; line-height:16px; padding:13px 2%;}
.provideAreaName .workloadTypeBoxInner input[type="radio"]{float:left; height:13px; margin-top:2px; width:18px;}
.linux .provideAreaName .workloadTypeBoxInner input[type="radio"]{float:left; height:13px; margin-top:1px; width:18px;}
.linux.opera .provideAreaName .workloadTypeBoxInner input[type="radio"]{float:left; height:13px; margin-top:0; width:18px;}
.linux.gecko .provideAreaName .workloadTypeBoxInner input[type="radio"]{float:left; height:13px; margin-top:0; width:18px; margin-right:3px;}
.ie .provideAreaName .workloadTypeBoxInner input[type="radio"]{margin-top:0;}
.mac.chrome .provideAreaName .workloadTypeBoxInner input[type="radio"]{ float:left; margin-top:0; margin-right:3px;}

.calender{ background-position:-108px -96px; width:24px; height:20px; float:left;}

.width100E{width:100px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.brandMake .selected span.width95E{width:95px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.brandMake .selected span.width100E{width:112px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.brandMake .selected span.width150E{width:150px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.brandMake .selected span.regiWidth130E{width:130px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.brandMake .selected span.regiWidth150E{width:150px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.brandMake .selected span.regiWidth308E{width:308px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.brandMake .selected span.regiWidth305E{width:289px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.width130E{width:130px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.width160E{width:155px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.width165E{width:165px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.linux .width165E{display:block; line-height:20px;}
.width190E{width:190px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.linux .width190E{display:block; line-height:20px;}
.width180E{width:180px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.width200E{width:200px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.width210E{width:210px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.width220E{width:220px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.width240E{width:240px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.width250E{width:250px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.width275E{width:275px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.width285E{width:285px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.width300E{width:300px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.width550E{width:550px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.brandMake .selected span.addShiftRoomActivtyNameCombo{width:465px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}
.wordBreak{ word-wrap:break-word;}
.breakWord{ word-break:break-all;}

.workLoadErroeMsg{ width:400px;}
.wordBreak680{ width:680px; word-wrap:break-word;}
.wordBreak500{ width:500px; word-wrap:break-word;}
.errorMsgActivityWise .workLoadErroeMsg ul li{ width:350px; font-weight:normal;}
.sickLeaveReportWordBreak a{ width:230px; white-space:nowrap; display:inline-block; overflow:hidden;text-overflow:ellipsis;}

/*Salary View table*//*18-3-2014*/
.salaryViewTable table tr.blueTdBG td{ background:#c9d5e5;}
.salaryViewTable table tr.blueTdBG td.bgNone{ background:#e1eaf6;}
.specialistOverviewTable table tr.brownBG td{ background:#e3904c; color:#ffffff;}
.specialistOverviewTable table tr.brownBG td.bgNone{ background:#e1eaf6; color:#4C4C4C;}
.specialistOverviewTable table tr.navyBlueBG td{ background:#315989; color:#ffffff;}
.specialistOverviewTable table tr.mahendiBG td{ background:#819f43; color:#ffffff;}
.workingHrsBal{ font-family:'MyriadPro-Regular'; font-size:16px; color:#4C4C4C; padding:8px 0;}
.workingHrsBalPeriod{ color:#3B4A61; font-weight:bold; border-bottom:medium double;}
.salaryViewTable table{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.summaryTable tr td.firstTdTop{ background:#6980a0; border-bottom:none; color:#ffffff;}
.summaryTable tr td.firstTdBottom{ background:#595478; border-bottom:none; color:#ffffff;}
.salaryViewTable table tr th.alignCenter{ text-align:center;}
.summaryTable tr td{ background:#e1eaf6;}

/*SEND SALARY REPORT*/ /*20-3-2014*/
.shiftConfirmationIndicator{font-family:'MyriadPro-Regular'; font-size:16px; color:#4C4C4C; padding:10px 0;}
.shiftConfirmationIndicatorBottom{font-family:'MyriadPro-Regular'; font-size:16px; color:#3B4A61; padding:0 0 10px 0;}
.shiftConfirmationIndicator .red{ color:#b72f2f;font-family:'MyriadPro-Semibold';}
.shiftConfirmationIndicator .blue{ color:#5b718f;font-family:'MyriadPro-Semibold';}
.shiftConfirmationIndicator .green{ color:#a0bf5f;font-family:'MyriadPro-Semibold';}
.containtBoxSalary{margin:0 auto; padding:15px 0 0; width:98%; box-sizing:border-box;}
.salaryReportTitleBig{font-family:'MyriadPro-Semibold'; font-size:16px; padding:2px;}
/*.sendSalaryReportTable{ margin-bottom:15px;}*/
.sendSalaryReportTable table .headingSmallFont{font-family:'MyriadPro-Semibold'; font-size:12px; line-height:14px;}
.sendSalaryReportTable table .usernameBigFont{ font-family:'MyriadPro-Semibold'; font-size:15px; line-height:18px;}
.sendSalaryReportTable table tr td.padd0{ padding:0;}
.sendSalaryReportTable table tr th{border-left:1px solid #CFCFCF; color:#ffffff; border-bottom:1px solid #CFCFCF; padding:5px 5px;}
.mac.chrome .sendSalaryReportTable table tr th{ padding:9px 5px 7px 5px;}
.linux.opera .sendSalaryReportTable table tr th{ padding:10px 5px 5px 5px;}
.linux.chrome .sendSalaryReportTable table tr th{ padding:8px 5px 5px 5px;}
.sendSalaryReportTable table td{ border-left:1px solid #CFCFCF; padding:5px 5px; border-bottom:1px solid #CFCFCF; font-size:12px; font-family:'MyriadPro-Regular'; color:#ffffff;line-height:15px;} 
.linux.opera .sendSalaryReportTable table td{ padding:7px 5px 3px 5px;}
.linux.opera .sendSalaryReportTable table td.padd0, .linux.chrome .sendSalaryReportTable table td.padd0{ padding:0;}
.linux.chrome .sendSalaryReportTable table td{ padding:7px 5px 4px 5px;}
.sendSalaryReportTable table tr th.last{border-right:1px solid #CFCFCF;}
.sendSalaryReportTable table td.last{border-right:1px solid #CFCFCF;}

.empWiseSalaryComment textarea.textArea{ background:none;color:#ffffff;padding:0 5px; border:none;font-family:'MyriadPro-Regular';font-weight:normal;font-size:14px;margin:0; width:100%; height:23px; min-height:23px; overflow:hidden; float:left; font-style:italic; resize:none;line-height:22px; box-sizing:border-box;}
/*.linux.opera .empWiseSalaryComment textarea.textArea{ height:23px!important;}*/
.mac.gecko .empWiseSalaryComment textarea.textArea{line-height:24px;}
.mac.chrome .empWiseSalaryComment textarea.textArea{line-height:25px;}
.mac.safari .empWiseSalaryComment textarea.textArea{line-height:25px;}
.linux.chrome .empWiseSalaryComment textarea.textArea{ line-height:25px;}
.linux.opera .empWiseSalaryComment textarea.textArea{ padding:5px 5px 0 5px; line-height:17px; min-height:15px;}
.empWiseSalaryComment .textarea-wrapper{background:none; color:#ffffff;border:none;font-family:'MyriadPro-Regular';font-weight:normal;font-size:13px;-moz-border-radius:0; -webkit-border-radius:0; border-radius:0; margin:0; box-shadow:none; width:100%; height:23px; min-height:23px; overflow:hidden; float:left; font-style:italic; padding:0; box-sizing:border-box;}
.empWiseSalaryComment .hiddendiv{position:absolute; top:-9999px; left:-9999px; visibility:hidden; white-space:pre-wrap; width:95%; font-family:'MyriadPro-Regular';font-weight:normal;font-size:14px;font-style:normal; padding:0; word-wrap: break-word;min-height:23px;line-height:18px; box-sizing:border-box;}
.linux.chrome .empWiseSalaryComment .hiddendiv{ line-height:22px;}
.empWiseSalaryComment textarea.textArea.active{ color:#ffffff; font-style:normal;}
.sendSalaryReportTable table.borderBottomNone{ border-bottom:none;}
.empWiseSalaryCommentDiv{max-height:15px; overflow:hidden; color:#FFFFFF;font-family:'MyriadPro-Regular';font-size:14px; line-height:15px; word-wrap:break-word;}
.empWiseSalaryComment .mCSB_scrollTools .mCSB_dragger{ height:10px!important;}

.sendSalaryReportTable table.borderBottomNone{ border-bottom:none;}
.sendSalaryReportTable .darkGreenBG{ background:#00833f;}
.sendSalaryReportTable .lightGreenBG{ background:#91d5ad; color:#155c39;}
.sendSalaryReportTable .darkBlueBG{ background:#45a4e1;}
.sendSalaryReportTable .lightBlueBG{ background:#92acbd; color:#2b3544;}
.sendSalaryReportTable .darkPurpleBG{ background:#8064a2;}
.sendSalaryReportTable .lightPurpleBG{ background:#af92d3;}
.sendSalaryReportTable .darkNavyBlueBG{ background:#3b4a61;}
.sendSalaryReportTable .lightNavyBlueBG{ background:#6980a0;}
.sendSalaryReportTable .darkYellowBG{background:#c59b37;}
.sendSalaryReportTable .lightYellowBG{background:#edbd4a; color:#2b3544;}
.sendSalaryReportTable .darkRedBG{background:#ac4a4a;}
.sendSalaryReportTable .blueTitleBg{background:#abb5c3 url(../../images/theme3/human-rel-rate-title.png) repeat-x left top;}
.sendSalaryReportTable .commentBlueBG{ background:#416BA0;}
.sendSalaryReportTable .commentYellowBG{ background:#e1ac2e;}
.workingHrsWidth{ width:75px;}

.linkStyle{ text-decoration:underline; cursor:pointer;}

.reportSendButton{float:left; margin-right:1%;}
.reportSendButton a{
background: #27364c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3MzY0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MjY3ODUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #27364c 0, #526785 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#27364c), color-stop(100%,#526785)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #27364c 0,#526785 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #27364c 0,#526785 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #27364c 0,#526785 100%); /* IE10+ */
background: linear-gradient(to bottom,  #27364c 0,#526785 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27364c', endColorstr='#526785',GradientType=0 ); /* IE6-8 */
padding:15px 20px; display:block; color:#FFFFFF; cursor:pointer;font-family:'MyriadPro-Regular'; font-size:22px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; text-decoration:none; line-height:24px;}
.linux.opera .reportSendButton a{ padding:15px 20px 11px 20px;}
.linux.gecko .reportSendButton a{ padding:15px 20px 12px 20px;}
.linux.chrome .reportSendButton a{ padding:15px 20px 10px 20px;}

.reportSendButton a:hover{
background: #526785; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNjc4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNzM2NGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #526785 0, #27364c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#526785), color-stop(100%,#27364c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #526785 0,#27364c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #526785 0,#27364c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #526785 0,#27364c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #526785 0,#27364c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#526785', endColorstr='#27364c',GradientType=0 ); /* IE6-8 */
}
.reportSendButtonDisable{float:left; margin-right:2%;}
.reportSendButtonDisable a{background: rgb(188,188,188); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjYmNiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(188,188,188,1) 0, rgba(226,226,226,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,rgba(188,188,188,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(188,188,188,1) 0,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(188,188,188,1) 0,rgba(226,226,226,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(188,188,188,1) 0,rgba(226,226,226,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(188,188,188,1) 0,rgba(226,226,226,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-8 */
padding:15px 20px; display:block; color:#8a8a8a; cursor:pointer;font-family:'MyriadPro-Regular'; font-size:22px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; text-decoration:none; line-height:24px; cursor:default; border:1px solid #999999;}
.linux.opera .reportSendButtonDisable a{ padding:15px 20px 11px 20px;}
.linux.gecko .reportSendButtonDisable a{ padding:15px 20px 12px 20px;}
.linux.chrome .reportSendButtonDisable a{ padding:15px 20px 10px 20px;}

.mac .reportSendButton a, .mac .reportSendButton a:hover{ padding:17px 20px 12px 20px;}
.mac .reportSendButtonDisable a{ padding:17px 20px 12px 20px;}

/*.salaryReportByEmailTextarea .textarea-wrapper{ width:85%;}*/

.salaryReportByEmailTextarea textarea.textArea{background:none; padding:0;border:none;font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px;margin:0;font-style:normal; width:100%; height:152px; min-height:152px; overflow:hidden; float:left; font-style:normal;resize:none;line-height:20px; box-sizing:border-box;}
.salaryReportByEmailTextarea .textarea-wrapper{background:#d9e0e2; padding:6px;border:1px solid #cfcfcf;font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0; box-shadow:none; width:90%; height:162px; min-height:162px; overflow:hidden; float:left; font-style:italic;box-sizing:border-box;}
.salaryReportByEmailTextarea .hiddendiv{position:absolute; top:-9999px; left:-9999px; visibility:hidden; white-space: pre-wrap; width:95%; min-height:140px; font-family:'MyriadPro-Regular';font-weight:normal;font-size:16px;font-style:normal; padding:0; word-wrap: break-word;line-height:20px; box-sizing:border-box;}


.provideAreaName .salaryReportByEmailInput input[type="text"], .provideAreaName .salaryReportByEmailInput input.active[type="text"]{ padding:7px 1% 6px;}
.linux .provideAreaName .salaryReportByEmailInput input[type="text"], .linux .provideAreaName .salaryReportByEmailInput input.active[type="text"]{ padding:5px 5px 3px;}

.empCardLoginIDWidth{ width:130px; word-wrap:break-word;}
.activityObliTextDiv{ margin:0 5px 4px 6px;}/*16-4-2014*/
.activityObliText{font-family:'MyriadPro-Semibold'; font-size:12px; line-height:15px; color:#7d7d7d; float:left;}/*16-4-2014*/
.obligatoryTooltip{width:100%; float:left; position:absolute; left:0; cursor:pointer; top:0;}
.captionColor{ color:#666666;}


.empCardLoginIDWidth{ width:130px; word-wrap:break-word;}
.win.safari textarea.textArea:disabled{ color:#D2DCE0!important;}

.textUnderline{ text-decoration:underline;}

.addNewAreaButton tr td.nextButton a.viewSalaryReportBtn{ font-size:19px; line-height:38px;}
.linux.chrome .addNewAreaButton tr td.nextButton a.viewSalaryReportBtn{ font-size:20px; line-height:36px;}
.linux.gecko .addNewAreaButton tr td.nextButton a.viewSalaryReportBtn{ font-size:20px; line-height:38px; padding-top:3px;}
.addNewAreaButton tr td.nextButton a.viewSalaryReportBtn .popupNextArrow{background-position:-317px -34px;}
.linux.chrome .addNewAreaButton tr td.nextButton a.viewSalaryReportBtn .popupNextArrow{background-position:-317px -31px;}
.linux.opera .addNewAreaButton tr td.nextButton a.viewSalaryReportBtn .popupNextArrow{background-position:-317px -31px;}
.mac .addNewAreaButton tr td.nextButton a.viewSalaryReportBtn{ font-size:22px; line-height:40px; padding-top:5px;}
.mac .addNewAreaButton tr td.nextButton a.viewSalaryReportBtn .popupNextArrow{background-position:-317px -36px;}

/*HOLIDAY & HOURS BANK MANAGEMENT(BALANCE RECORD)*/
.manageClinicEmp .balListJobRoleValue{font-size:15px; color:#7D7D7D; font-family:'MyriadPro-Regular'; line-height:17px; width:160px; padding-right:5px; word-wrap:break-word; box-sizing:border-box;}
.manageClinicEmp .baljobRoletitle{font-size:17px; color:#3F5061; font-family:'MyriadPro-Semibold'; line-height:17px; padding:0 0 8px 0;}
.currentTextTitle{font-size:14px; color:#3F5061; font-family:'MyriadPro-Semibold'; line-height:14px;}
.setNewTextTitle{font-size:14px; color:#3F5061; font-family:'MyriadPro-Semibold'; line-height:14px;}
.currentTextValue{font-size:14px; color:#7D7D7D; font-family:'MyriadPro-Regular'; line-height:14px;}
.setNewTextValue{font-size:14px; color:#7D7D7D; font-family:'MyriadPro-Regular'; line-height:14px;}
.width85{width:85%;}
.width96{width:96%;}
.balRecordInput input[type="text"]{background:#cccccc;border:1px solid #aeadad; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; color:#507584; font-family:'MyriadPro-Regular';font-style:italic;font-size:14px;font-weight:normal;padding:1px 3px 2px 3px;text-align:left;width:auto;box-shadow:none; float:left; margin:0; box-sizing:border-box;}
.balRecordInput input[type="text"].active{ color:#3F5061; font-style:normal;}
.mTop3{ margin-top:3px;}
.jobroleBox{margin-right:1%; width:30%; float:left;}
.hrBankBalBox{margin-right:1%; width:34%; float:left;}
.holidayBalBox{width:33%; float:left;}
.paddT4{ padding-top:4px;}
.linux.chrome .manageClinicEmp .hrBankBalBox .paddT5{padding-top:5px;}
.linux.chrome .manageClinicEmp .holidayBalBox .paddT5{padding-top:5px;}
.linux .setNewTextValue .marT1{ margin-top:3px;}
.linux.chrome .setNewTextValue .marT1{ margin-top:5px;}

.width91{ width:91%;}
.viewCardData{ width:100%;}
.viewCardData .value{ width:130px; word-wrap:break-word;}
.viewCardData .field{ width:130px; word-wrap:break-word;}
.empCardValue{ color:#3f5061; float:left; font-size:14px; line-height:15px; padding-left:5px; padding-right:5px;}

.viewCardData .viewCardBoxInner{display:inline-block; margin:0.5%; width:48.5%; vertical-align:top;}
.viewCardData .viewCardBoxInner .field1{width:43%; display:inline-block; vertical-align:top; color:#00366d; font-size:16px; line-height:17px; font-family:'MyriadPro-Regular'; word-wrap:break-word;}
.viewCardData .viewCardBoxInner .value1{width:55%; display:inline-block; vertical-align:top; color:#3f5061; font-size:16px; line-height:17px; font-family:'MyriadPro-Regular'; word-wrap:break-word;}
.viewCardData .viewCardBoxInner .value1 a{color:#3f5061;}

.viewCardData .colspanMainDiv{display:inline-block; margin:0.5%; width:99%;}
.viewCardData .colspanMainDiv .field1{margin:0; width:21%; display:inline-block; vertical-align:top; color:#00366d; font-size:16px; line-height:17px; font-family:'MyriadPro-Regular'; word-wrap:break-word;}
.viewCardData .colspanMainDiv .value1{margin:0; width:78%; color:#3f5061; display:inline-block; font-family: "MyriadPro-Regular"; font-size:16px; line-height:17px; vertical-align:top; word-wrap:break-word;}
.viewCardData .colspanMainDiv .value1 a{color:#3f5061;}

.viewCardData .colspan2MainDiv{display:inline-block; margin:0.5%; width:48.5%;}
.viewCardData .colspan2MainDiv .field1{margin:0; width:100%; display:inline-block; vertical-align:top; color:#00366d; font-size:16px; line-height:17px; font-family:'MyriadPro-Regular'; word-wrap:break-word;}



/* 19May2014 Added below classes to show multiline longer text with ellipsis */
.salRepEmpMulLinBox{ height:100px; }

/*Room map view*/
.roomMapView{ margin:0;/*border:1px solid #19576E; border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;*/ width:980px;}
.roomWiseMapDayHeading{ background:#6eaec9 url(../../images/theme3/human-rel-rate-title.png) repeat-x left top; padding:0 6px; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; color:#ffffff; font-family:'MyriadPro-Semibold'; text-align:center; font-size:18px; height:35px; line-height:32px; box-sizing:border-box;}
.linux .roomWiseMapDayHeading{ line-height:37px;}
.mac .roomWiseMapDayHeading{ line-height:37px;}

.roomCode{ background:#b5bfce; padding:0; float:left; text-transform:uppercase; font-size:12px; color:#3b4c63; font-family:'MyriadPro-Semibold'; line-height:28px; text-align:center; height:28px; cursor:pointer; box-sizing:border-box;}
.linux .roomCode{ line-height:32px;}
.mac .roomCode{ line-height:32px;}

.timeTitle{ background:#6eaec9 url(../../images/theme3/human-rel-rate-title.png) repeat-x left top; padding:0 6px; font-size:14px; color:#ffffff; font-family:'MyriadPro-Semibold'; line-height:28px; -moz-border-radius:5px 0 0 0; -webkit-border-radius:5px 0 0 0; border-radius:5px 0 0 0; height:28px; text-align:center; box-sizing:border-box;}
.linux .timeTitle{ line-height:32px;}
.mac .timeTitle{ line-height:32px;}
.padd8{ padding:8px;}
.timeLineText{font-size:11px; line-height:17px; background:#b5bfce; font-family:Arial, Helvetica, sans-serif; color:#3b4c63; height:17px; text-align:center;}
.timeLineBorderBottom{ border-bottom:1px solid #B5BFCE;}
.roomCodeBorderBLR{ border-bottom:1px solid #B5BFCE; border-right:1px solid #B5BFCE; border-left:1px solid #B5BFCE;}
.roomCodeBorderBR{ border-bottom:1px solid #B5BFCE; border-right:1px solid #B5BFCE;}
.roomData{position:absolute; text-align:center; font-size:12px; color:#FFFFFF; font-family:'MyriadPro-Semibold'; padding:0; text-transform:uppercase;}
.workerCodeMainDiv{ margin-right:40px; float:left; vertical-align:top; margin-bottom:20px; width:435px;}
.workersCodeTitle{color:#3b4a61; font-family:'MyriadPro-Semibold'; font-size:24px; font-weight:normal; line-height:24px; padding-bottom:5px;}
.workerCodeLeft{ color:#4b5d79; font-family:'MyriadPro-Semibold'; font-size:16px; text-transform:uppercase; float:left;}
.linux .workerCodeLeft, .linux .workerCodeRight{ line-height:22px;}
.linux.opera .workerCodeLeft, .linux.opera .workerCodeRight{ line-height:26px;}
.workerCodeRight{ color:#4c4c4c; font-family:'MyriadPro-Regular'; font-size:16px; width:325px; float:left; margin-left:2px; word-wrap:break-word;}
.roomCodeMainDiv{ float:left; vertical-align:top; margin-bottom:20px;width:435px;}
.roomCodeTitle{color:#3b4a61; font-family:'MyriadPro-Semibold'; font-size:24px; font-weight:normal; line-height:24px; padding-bottom:5px;}
.roomCodeLeft{ color:#4b5d79; font-family:'MyriadPro-Semibold'; font-size:16px; text-transform:uppercase; float:left; cursor:pointer;}
.roomCodeRight{ color:#4c4c4c; font-family:'MyriadPro-Regular'; font-size:16px; width:350px; float:left; margin-left:2px; word-wrap:break-word;}
.workCodeColor{ width:40px; height:19px; margin-right:10px; float:left;} 

.roomMapToolTipBgInner{ position:absolute; z-index:9999; font-size:14px; font-family:'MyriadPro-Regular'; padding:5px;}
.linux .roomMapToolTipBgInner{ padding:7px 5px 3px 5px;}
.roomMapPopup{ padding:5px 0 2%; width:100%;}

/*Register employee sixth step*/
.compensationPref{color:#696969; font-family:'MyriadPro-Regular'; font-size:14px; line-height:16px; margin:5px 0;}
.compensationPref span{color:#00366D;}
.provideAreaName.compensationPrefDiv label{ color:#696969;}
.win.safari .compensationPrefDiv input[type="checkbox"]{ margin-top:-4px;}

.errorMsgRightDisplay{ font-family:Arial, Helvetica, sans-serif; display:block; font-size:12px; color:#FF0000; position:relative;height:30px;float:left;  min-width:25px; clear:none;}
.errorMsgRightDisplay ul{ list-style:none; padding:5px 5px 5px 27px; margin:2px 0 2px 0; background: url(/images/theme1/information-icon.png) left 2px no-repeat; height:30px; display:inline-block; position:absolute; left:0; top:0; border:none; box-sizing:border-box;}
.linux.chrome .errorMsgRightDisplay ul { margin-top:2px;}
.chrome .errorTop2.errorMsgRightDisplay ul{ margin-top:2px;}
.errorMsgRightDisplay ul{ background:#ffcfcf url(/images/theme1/information-icon.png) -1px 1px no-repeat; padding:3px 3px 3px 25px; border:#ff9595 solid 1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior:url(PIE.htc); margin-right:-1px;}
.errorMsgRightDisplay li{ width:0; height:0; font-size:0; display:none;}
.errorMsgRightDisplay li{ display:block; width:auto; font-size:13px; color:#cc3300; list-style:none; margin:0; padding:1px 7px; white-space:nowrap; background:#ffcfcf; border:none; box-sizing:border-box;}

.gridviewTitle{height:147px; line-height:147px; text-align:center; width:238px; color:#FFFFFF;font-family:"Corbel";font-size:34px;font-weight:normal;margin:0;padding:0 0 5px 0; box-sizing:border-box;}
.gridviewTitleInner{display:inline-block; vertical-align:middle; line-height:normal; width:220px;}
.gridviewSubActivityTitle{height:72px; line-height:72px; text-align:center; width:238px; color:#FFFFFF;font-family:"Corbel";font-size:34px;font-weight:normal;margin:0;padding:0 0 5px 0; box-sizing:border-box;}

/*For Icon view multiline text with ellipsis*/
.iconViewJobroleTitle{height:40px; margin-top:5px;}
.iconViewJobroleTitle .withPhotoClass{ width:180px;} 
.iconViewJobroleTitle .withoutPhotoClass{ width:210px;} 

/*For Icon view multiline text with ellipsis*/
.iconViewChooseWorker{height:70px; margin-top:5px;}
.iconViewChooseWorker .withPhotoClass{ width:160px;} 
.iconViewChooseWorker .withoutPhotoClass{ width:190px;} 

.linux .monthWeekEmpNameLarge a{ line-height:31px;}
.monthWeekEmpNameLarge{display: inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*sheduling worker print PDF Room wise abd Activity wise*//*03-06-2014*/
.pdfPeriodBox{ width:100%; float:left; margin-bottom:10px;}
.pdfPeriodText{ color:#3B4A61; font-size:22px;font-family:'MyriadPro-Regular'; line-height:22px; margin-right:15px; margin-top:10px;}
.pdfPeriodMainDiv{border:1px solid #CFCFCF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:4px 10px 16px 0; float:left;}
.pdfPeriodMainDiv .pdfPeriodInnerDiv{background:url(../../images/theme3/realized-table-top-bg.png) repeat-x scroll left top; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; height:35px;}
.pdfPeriodInnerDiv a{color:#4C4C4C; font-size:17px; font-family:'MyriadPro-Regular'; text-decoration:none; display:inline-block;font-weight:normal; line-height:18px;}
.pdfPeriodInnerDiv span.pdfPeriodTime{color:#4C4C4C; font-size:17px; font-family:'MyriadPro-Regular'; text-decoration:none; font-weight:normal; line-height:18px; padding:8px 0}
.pdfPeriodInnerDiv a.headerLinkPadd{padding:7px 10px;}
.linux .pdfPeriodInnerDiv a.headerLinkPadd{ padding:8px 10px 4px 10px;}
.linux .pdfPeriodInnerDiv span.pdfPeriodTime{ padding:11px 0 5px 0;}
.mac .pdfPeriodInnerDiv a.headerLinkPadd{ padding:8px 10px 3px 10px;}
.mac .pdfPeriodInnerDiv span.pdfPeriodTime{ padding:11px 0 5px 0;}

.setHolidayFont .provideAreaName p{ line-height:28px;}
.linux.opera .setHolidayFont .provideAreaName p{ line-height:31px;}

/*Subcontracter Fourth step changes*/
.billingDynamicPerAmt{ padding:15px 0 0 24px;}
.maxTotalBillingDiv{ width:300px; float:left; padding-bottom:15px;}
.provideAreaName tr td .maxTotalBillingDiv b{ font-size:15px;color:#233045; float:left; padding-left:20px;}
.provideAreaName tr td .rentPercentDiv b{ font-size:15px;color:#233045;}
.rentPercentDiv{width:200px; float:left; padding-bottom:15px;}
.billingDynamicPerAmt ul.perAmtBaseOnBillUL{ margin:0; padding:0; float:left; width:100%; box-sizing:border-box;}
.billingDynamicPerAmt ul.perAmtBaseOnBillUL li.perAmtBaseOnBillLI{ margin:0 0 5px 0; padding:0; list-style:none; width:93%; float:left; display:block; box-sizing:border-box;}
.linux.chrome .billingDynamicPerAmt ul.perAmtBaseOnBillUL li.perAmtBaseOnBillLI .rentalBesisArrow{background-position:-388px -92px;}
.perAmtBaseOnBillLI .removeExp a{ margin-top:0; font-size:15px;}
.mac .perAmtBaseOnBillLI .removeExp a{ margin-top:2px;}
.linux.gecko .perAmtBaseOnBillLI .removeExp a{ margin-top:3px;}
.linux.chrome .perAmtBaseOnBillLI .removeExp a,.linux.opera .perAmtBaseOnBillLI .removeExp a{ margin-top:1px;}

.maxTotalBillvalue{ width:130px; float:left; text-align:right; margin:0 10px 0 0;}
.linux.chrome .maxTotalBillvalue, .linux.chrome .renPercentvalue{ margin:0 10px 0 0;}
.linux.opera .maxTotalBillvalue, .linux.opera .renPercentvalue{ margin:1px 10px 0 0;}

.renPercentvalue{ width:60px; float:left; margin-right:10px;}
.maxTotalBillEur{ width:130px; float:left; margin-right:10px; font-size:14px;}
.maxTotalPercent{ font-size:14px;}
.linux.gecko .maxTotalBillEur .marT1,.linux.gecko .maxTotalPercent .marT1{ margin-top:3px;}
.linux.chrome .maxTotalBillEur .marT1,.linux.chrome .maxTotalPercent .marT1{ margin-top:3px;}
.linux.opera .maxTotalBillEur .marT1,.linux.opera .maxTotalPercent .marT1{ margin-top:3px;}
.mac .maxTotalBillEur .marT1, .mac .maxTotalPercent .marT1{ margin-top:3px;}


.addNewValueTotalBill a{ color:#3989a9; font-family:'MyriadPro-Regular'; text-decoration:none; padding-top:6px; display:inline-block; padding-left:5px;}
.provideAreaName .billingDynamicPerAmt input[type="text"]{ width:100%; padding:1px 6px; font-size:14px; box-sizing:border-box;}
.linux.gecko .provideAreaName .billingDynamicPerAmt input[type="text"]{padding:3px 6px 0 6px; height:auto; box-sizing:border-box;}
.linux.chrome .provideAreaName .billingDynamicPerAmt input[type="text"]{padding:4px 6px 0 6px; height:19px; box-sizing:border-box;}
.linux.opera .provideAreaName .billingDynamicPerAmt input[type="text"]{padding:3px 6px 0 6px; height:auto; box-sizing:border-box;}
.mac.gecko .provideAreaName .billingDynamicPerAmt input[type="text"]{padding:2px 6px 0; height:19px; box-sizing:border-box;}
.mac.chrome .provideAreaName .billingDynamicPerAmt input[type="text"]{padding:2px 6px 0; height:19px; box-sizing:border-box;}
.mac.safari .provideAreaName .billingDynamicPerAmt input[type="text"]{padding:3px 6px 0; height:19px; box-sizing:border-box;}

.percentAmtBaseOnBillingView{float:left; margin-left:20px; width:220px;}
.provideAreaName tr td .percentAmtBaseOnBillingView b{ font-size:14px;}
.dynamicrentPercentDiv{float:left; width:150px;}
.provideAreaName tr td .dynamicrentPercentDiv b{ font-size:14px;}
.dynamicMaxTotalBillvalue{float:left; margin:0 0 0 0; width:220px; line-height:20px;}
.mac.chrome .dynamicMaxTotalBillvalue, .mac.chrome .dynamicRentPercentvalue{margin:2px 0 0 0;}
.mac.safari .dynamicMaxTotalBillvalue, .mac.safari .dynamicRentPercentvalue{margin:3px 0 0 0;}
.dynamicRentPercentvalue{ float:left; margin-right:10px; width:70px; line-height:20px;}
.dynamicBillingDynamicPerAmt{padding:0 0 0 0;}
.rentalBesisArrow{ background-position:-388px -90px; display:inline-block; padding-left:18px;line-height:20px;}
.linux.chrome .rentalBesisArrow{ background-position:-388px -89px;}
.linux.opera .rentalBesisArrow{ background-position:-388px -89px;}
.linux.opera .dynamicBillingDynamicPerAmt .rentalBesisArrow{ background-position:-388px -93px;}
.linux.chrome .rentalBasisCheckbox .marT2 input[type="checkbox"]{ margin-top:4px;}
.linux.gecko .rentalBasisCheckbox .marT2 input[type="checkbox"]{ margin-top:4px;}
.linux.opera .rentalBasisCheckbox .marT2 input[type="checkbox"]{ margin-top:5px;}
.mac .rentalBasisCheckbox .marT2 input[type="checkbox"]{ margin-top:6px;}
.mac.safari .rentalBasisCheckbox .marT2 input[type="checkbox"]{ margin-top:5px;}
.mac.gecko .rentalBasisCheckbox .marT2 input[type="checkbox"]{ margin-top:2px;}
.win .rentalBasisCheckbox .marT2 input[type="checkbox"]{ margin-top:4px;}

.ie .rentalBasisRadio .marT7{ margin-top:6px;}
.mac.safari .rentalBasisRadio .marT7{ margin-top:8px;}
.ie .rentalBasisCheckbox .marT2 input[type="checkbox"]{ margin-top:3px;}

/*Rantal basis information error msg*/
.rentalBasisErrorMsg{ font-family:Arial, Helvetica, sans-serif; display:block; font-size:12px; color:#FF0000; position:relative; margin-left:10px; float:left; min-width:22px; clear:none;}
.rentalBasisErrorMsg ul{ list-style:none; padding:5px 23px 5px 5px; margin:-4px 0 0 0; background: url(/images/theme1/information-icon.png) right 2px no-repeat; height:32px; display:inline-block; position:absolute; right:0; top:0; border:none; box-sizing:border-box;}
.rentalBasisErrorMsg:hover ul{ background:#ffcfcf url(/images/theme1/information-icon.png) right -2px no-repeat; padding:1px 25px 2px 3px; border:#ff9595 solid 1px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior:url(PIE.htc); margin:-1px -1px 0 0; z-index:9;}
.rentalBasisErrorMsg li{ width:0; height:0; font-size:0; display:none;}
.rentalBasisErrorMsg:hover li{ display:block; font-size:13px; color:#cc3300; list-style:none; margin:0; padding:0 3px 0 3px; background:#ffcfcf; border:none; width:200px; box-sizing:border-box;}

/*WORK INPUT GOALS in performace report popup*/
.workInputGoalsTable{ margin-bottom:15px;}
.workInputGoalsTable tr td .marTop8{ margin-top:5px;}
.mac.gecko .workInputGoalsTable tr td .marTop8{ margin-top:6px;}
.mac.chrome .workInputGoalsTable tr td .marTop8{ margin-top:8px;}
.mac.safari .workInputGoalsTable tr td .marTop8{ margin-top:8px;}
.workInputGoalsTable table{ border:1px solid #969696; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.workInputGoalsTable table tr th{border-right:1px solid #969696; padding:5px 7px; color:#ffffff; text-align:left;  font-size:13px; font-family:'MyriadPro-Semibold'; line-height:16px;}
.linux .workInputGoalsTable table tr th{ padding:6px 7px 2px 7px;}
.mac .workInputGoalsTable table tr th{ padding:7px 7px 4px 7px;}
.workInputGoalsTable table th.last{ border-right:none;}
.workInputGoalsTable table td.last{ border-right:none;}
.workInputGoalsTable table td{ border-right:1px solid #969696; padding:7px 1px 7px 7px; border-top:1px solid #969696; font-size:15px; font-family:'MyriadPro-Regular'; color:#335e8a;/* text-align:left; line-height:12px;*/ word-break:break-all;}  
/*.linux .workInputGoalsTable table td{ line-height:15px;}*/

.workInputGoalsTable table td label{ font-size:16px;}
.workInputGoalsTable table tr.last td{ border-bottom:none;}
.workInputGoalsTable table tr.blueBGTopBot td{ background:#cdd3db;}
.workInputGoalsTable table td.textAlignLeft, .specialistOverviewTable table th.textAlignLeft{ text-align:left;}
.workInputGoalsTable table tr.blueBGTopBot th{ background:#abb5c3 url(../../images/theme3/human-rel-rate-title.png) repeat-x left center;}
.paddL37{ padding-left:34px;}
.workInputGoalTitle{margin:0;font-size:20px;font-weight:normal;font-family:"MyriadPro-Regular";color:#3b4a61;line-height:24px;}
.workInputGoalSubTitle{color:#3b4a61; font-family:'MyriadPro-Semibold'; font-size:20px; font-weight:normal; line-height:20px; width:100%;}

.ie .jobroleCheckbox{ float:left; line-height:20px; margin-top:1px;}
.provideAreaName p.MT10{ margin-top:10px;}
.comboColonPadd{ padding:2px 1px 0 1px;}
.mac.chrome .sendFeedbackRadio input{ float:left; margin-top:0;}
.mac.chrome .sendFeedbacklabel label{ float:left; margin-right:15px;}
.mac.gecko .sendFeedbackRadio input{ float:left; margin-top:2px;}
.mac.gecko .sendFeedbacklabel label{ float:left; margin-right:15px;}
.mac.safari .sendFeedbackRadio input{ float:left; margin-top:0;}
.mac.safari .sendFeedbacklabel label{ float:left; margin-right:15px;}
.mac.chrome .deadLineText{ margin-top:5px;}
.mac.gecko .deadLineText{ margin-top:4px;}
.mac.safari .deadLineText{ margin-top:4px;}
.mac .billingPlacesList .marT-5{ margin-top:-6px;}

/* jQuery date widget width */
.shortMonthSeletBoxWidth{ width:85px!important;}
.daySeletBoxWidth{ width:60px!important;}
.fullMonthSeletBoxWidth{ width:105px!important;}
.weekShiftTimeSlot {color: #FFFFFF;}

/*Publish announcement*/
.chooseAllBtn{ margin:0; padding:0;background:url(../../images/theme3/return-back-bg.png) repeat-x left top; float:left; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; behavior:url(PIE.htc);position:relative; border:1px solid #CFCFCF; float:left; margin-left:5px;}
.chooseAllBtn a{font-family:'MyriadPro-Regular'; color:#38485E; font-size:14px; line-height:15px; text-decoration:none; height:34px; display:block; padding:10px 5px; box-sizing:border-box;}
.chooseAllBtn a:hover{ background:url(/images/theme3/return-back-hover-bg.png) repeat-x scroll left top; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; behavior:url(PIE.htc);position:relative; }
.chooseAllBtnSelected{ margin:0; padding:0;background:url(/images/theme3/submenu-selected-right.png) repeat-x left -1px; float:left; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; behavior:url(PIE.htc);position:relative; border:1px solid #CFCFCF; float:left; margin-left:5px;}
.chooseAllBtnSelected a{font-family:'MyriadPro-Regular'; color:#ffffff; font-size:14px; line-height:15px; text-decoration:none; height:34px; display:block; padding:10px 5px; box-sizing:border-box;}

/*Salary report for contract employee*/
.contractEmpSalReport .darkGray{ background:#8e8e8e;}
.contractEmpSalReport .lightDarkGray{ background:#dadada; color:#46463a;}
.contractEmpSalReport .darkOragne{ background:#f08f3c;}
.contractEmpSalReport .lightOrange{ background:#fcbb7b; color:#46463a;}
.contractEmpSalReport .darkMahendi{ background:#857e44;}
.contractEmpSalReport .lightMahendi{ background:#c2c288; color:#46463a;}
.contractEmpSalReport .darkCyan{ background:#7adfa9;}
.contractEmpSalReport .lightCyan{ background:#cbfecb; color:#46463a;}
.contractEmpSalReport .darkYellow{ background:#dfb502;}
.contractEmpSalReport .lightYellow{ background:#ffcc00; color:#46463a;}
.contractEmpSalReport .darkSkyBlue{ background:#5fcdf3;}
.contractEmpSalReport .lightSkyBlue{ background:#bfecfc; color:#46463a;}
.contractEmpSalReport .lightSkyBlue .empWiseSalaryComment textarea.textArea.active{ color:#46463a;}
.contractEmpSalReport .lightSkyBlue .empWiseSalaryCommentDiv{ color:#46463a;}
.contractEmpSalReport .lightSkyBlue .empWiseSalaryComment textarea.textArea{ color:#46463a;}
.contractEmpSalReport .darkRedBG{background:#ac4a4a;}
.contractEmpSalReport table td{ border-left:1px solid #CFCFCF; padding:5px 5px; border-bottom:1px solid #CFCFCF; font-size:12px; font-family:'MyriadPro-Regular'; color:#ffffff;line-height:15px;}  
.contractEmpSalReport table tr th{border-left:1px solid #CFCFCF; color:#ffffff; border-bottom:1px solid #CFCFCF; padding:5px 3px;}
.contractEmpSalReport table .headingSmallFont{font-family:'MyriadPro-Semibold'; font-size:12px; line-height:15px;}
.contractEmpSalReport table .usernameBigFont{ font-family:'MyriadPro-Semibold'; font-size:15px; line-height:18px;}

/*Registration Contract step -5*/
.billingPlaceNum label{ margin-top:5px; margin-right:10px;font-family:'MyriadPro-Semibold'; font-size:16px; line-height:16px; color:#3b4a61; float:left;}
.linux .billingPlaceNum label{ margin-top:8px;}
.mac .billingPlaceNum label{ margin-top:6px;}
.width60{ width:56%;}

/*Billing Contract third step*/
.provideAreaName label.billingEmpContractText{ font-size:14px;} 
.provideAreaName tr td .smallText b{ font-family:myriadpro-regular; font-weight:normal; font-size:16px;}

/*Registration Contract step -2*/
.contractRewardBasisCheckbox{ margin-top:4px; float:left; padding-right:5px;}
.linux .contractRewardBasisCheckbox{ margin-left:2px; margin-top:5px;}
.linux.chrome .contractRewardBasisCheckbox{ margin-left:2px; margin-top:6px;}
.mac.chrome .contractRewardBasisCheckbox{ margin-top:6px;}
.rewardBasisTitle{ color:#3b4a61; font-family:'MyriadPro-Semibold'; font-size:19px;}
.provideAreaName .contractEmpRewardBasis label{ font-size:15px; line-height:16px;}
.contactBillingDynamicPerAmt{ padding:0;}
.contactMaxTotalBillingDiv{ width:205px; float:left; padding-bottom:15px;}
.provideAreaName tr td .contactMaxTotalBillingDiv b{ font-size:14px;color:#233045; float:left; padding-left:15px;}
.provideAreaName tr td .contactRentPercentDiv b{ font-size:14px; color:#233045;}
.contactRentPercentDiv{width:160px; float:left; padding-bottom:15px;}
.contactBillingDynamicPerAmt ul.perAmtBaseOnBillUL{ margin:0; padding:0; float:left; width:100%; box-sizing:border-box;}
.contactBillingDynamicPerAmt ul.perAmtBaseOnBillUL li.perAmtBaseOnBillLI{ margin:0 0 5px 0; padding:0; list-style:none; width:100%; float:left; display:block; box-sizing:border-box;}
.perAmtBaseOnBillLI .removeExp a{ margin-top:0;}
.mac.safari .perAmtBaseOnBillLI .removeExp a{ margin-top:3px;}

.provideAreaName .contactBillingDynamicPerAmt input[type="text"]{ width:100%; padding:1px 2%; font-size:13px; height:20px; box-sizing:border-box;}
.provideAreaName .contactBillingDynamicPerAmt input[type="text"].active.Char6, .provideAreaName .contactBillingDynamicPerAmt input[type="text"].Char6{ width:60px;}
.ie8 .provideAreaName .contactBillingDynamicPerAmt input[type="text"]{padding:2px 2% 3px 2%; height:auto; box-sizing:border-box;}
.linux.gecko .provideAreaName .contactBillingDynamicPerAmt input[type="text"]{padding:3px 2% 0 2%; height:auto; box-sizing:border-box;}
.linux.chrome .provideAreaName .contactBillingDynamicPerAmt input[type="text"]{padding:2px 2% 0 2%; height:auto; box-sizing:border-box;}
.linux.opera .provideAreaName .contactBillingDynamicPerAmt input[type="text"]{padding:4px 2% 0 2%; height:auto; box-sizing:border-box;}
.mac.gecko .provideAreaName .contactBillingDynamicPerAmt input[type="text"]{padding:3px 2% 1px 2%; height:auto; box-sizing:border-box;}
.mac.chrome .provideAreaName .contactBillingDynamicPerAmt input[type="text"]{padding:2px 2% 0 2%;}
.mac.safari .provideAreaName .contactBillingDynamicPerAmt input[type="text"]{padding:2px 2% 0 2%;}
.contractMaxTotalBillEur{ width:55px; float:left; margin-right:0; font-size:14px;}
.contractMaxTotalPercent{ font-size:14px;}
.contractRentalBesisArrow{background-position:-390px -89px; display:inline-block; padding-left:9px;line-height:20px;}
.linux.chrome .contractRentalBesisArrow{background-position:-390px -90px;}
.contractMaxTotalBillvalue{ width:137px; float:left; text-align:right; margin:0 5px 0 0;}
.linux.opera .contractMaxTotalBillvalue, .linux.opera .contractRenPercentvalue{ margin:0 5px 0 0;}
.contractRenPercentvalue{ width:60px; float:left; margin-right:4px;}
.contractAddNewValueTotalBill a{ color:#3b4a61; font-family:"MyriadPro-Regular"; text-decoration:none; padding-top:6px; display:inline-block; padding-left:5px; font-size:16px;}
.marL35{ margin-left:32px;}
.contactBillingDynamicPerAmt .perAmtBaseOnBillLI .removeExp a{ font-size:14px; margin-top:3px; color:#3b4a61;}
.rewardRadioBtn input{ float:right; margin-top:4px; margin-left:4px;} 
.mac.chrome .provideAreaName .rewardRadioBtn input{margin-left:4px;} 
.ie .rewardRadioBtn input{margin-top:0;}
.ie1 .rewardRadioBtn input{margin-top:1px;}
.mac .rewardRadioBtn input{ float:right; margin-top:2px; margin-left:4px;} 
.mac.chrome .provideAreaName .rewardRadioBtn input[type="radio"]{ float:right;} 
.mac.safari .provideAreaName .rewardRadioBtn input[type="radio"]{ float:right;} 
.mac.safari .rewardRadioBtn input{ float:right; margin-top:1px; margin-left:4px;} 
.linux .rewardRadioBtn input{ float:right; margin-top:1px; margin-left:4px;} 
.linux.gecko .rewardBasisRadio .marT6{ margin-top:7px;}
.mac.chrome .rewardBasisRadio .marT6{ margin-top:8px;}
.mac.safari .rewardBasisRadio .marT6{ margin-top:8px;}
.mac.safari .rewardBasisRadio .marT8{ margin-top:4px;}
.linux.opera .contractMaxTotalBillEur .marT1, .linux.opera .contractMaxTotalPercent .marT1{ margin-top:3px;}
.mac.chrome .contractMaxTotalBillEur .marT1, .mac.chrome .contractMaxTotalPercent .marT1{ margin-top:4px;}
.mac.safari .contractMaxTotalBillEur .marT1, .mac.safari .contractMaxTotalPercent .marT1{ margin-top:3px;}
.mac.gecko .contractMaxTotalBillEur .marT1, .mac.gecko .contractMaxTotalPercent .marT1{ margin-top:3px;}
.contractPercentEurSign{ margin-top:8px;}
.linux.chrome .contractMaxTotalBillEur .marT1, .linux.chrome .contractMaxTotalPercent .marT1{ margin-top:2px;}
.mac.safari .provideAreaName .rewardRadioBtn input[type="radio"]{ margin-left:4px;} 
.rewardBasisBorderBottom{ border-bottom:1px solid #b9cbda; padding-bottom:6px;}

/*Contract Employee Preference*/
.contractEmpPrefTitle{margin:10px 0 0 0; padding:0;font-size:17px; font-family:'MyriadPro-Regular';color:#00366d;line-height:18px; display:inline-block; width:100%; box-sizing:border-box;}
.contractEmpPrefTitle.marginBot4{ margin-bottom:5px;}

.chooseEmpCombo{ margin-left:5px;}
.chooseEmpCombo .brandMake{ background:url(/images/theme3/search-box-bg.png) repeat-x left top; border:1px solid #cfcfcf; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; margin:0;}
.chooseEmpCombo .brandMake .selected{padding:2px 17px 2px 5px; height:34px; box-sizing:border-box; margin-right: 10px;}
.linux.gecko .chooseEmpCombo .brandMake .selected{padding:2px 20px 2px 5px;}
.chooseEmpCombo .brandMake .selected span{height:30px; line-height:29px; border-right:1px solid #cfcfcf;}
.chooseEmpCombo .dropBrandMake ul{border:1px solid #cfcfcf; max-height:163px;}
.chooseEmpCombo .dropBrandMake ul li{ background:#ffffff; border-top:1px solid #cfcfcf; margin-top:0;}
.chooseEmpCombo .dropBrandMake ul li.highlight{ background:#dce4ea;}
.chooseEmpCombo .dropBrandMake ul li:hover, .dropdown a:hover{ background:#dce4ea;}

/*Emplyee wise shedule tempalte*//*5-9-2014*/
.sheduleTemplateEmpWise .sheduleTemplateEmpWiseSearchBox{width:200px; margin-right:5px;}
.sheduleTemplateEmpWise .sheduleTemplateEmpWiseTextBox{padding:7px 5px 7px; width:168px; box-sizing:border-box;}
.sheduleTemplateEmpWise .sheduleTemplateEmpWiseTextBox input{width:160px; font-size:14px;}
.linux.gecko .sheduleTemplateEmpWise .sheduleTemplateEmpWiseTextBox{padding:7px 5px 6px;}

.sheduleEmpList{ padding:0; width:32.1%; height:260px; box-sizing:border-box;}
.roomTemplateTitle{height:52px; line-height:52px; text-align:center; width:220px; color:#FFFFFF;font-family:"Corbel";font-size:34px;font-weight:normal;margin:0;padding:0 0 0 10px;}
.mac.chrome .roomTemplateTitle{height:52px; line-height:52px;}
.mac.safari .roomTemplateTitle{height:53px; line-height:53px;}
.mac .roomTemplateTitle{ padding-top:8px;}
.mac.chrome .roomTemplateTitle{ padding-top:5px;}
.linux.opera .roomTemplateTitle{padding:6px 0 0 10px;}

.roomTemplateList{ height:95px; overflow:hidden; padding:0 10px;}
.mac .roomTemplateList{height:87px;}
.linux.opera .roomTemplateList{height:89px;}
.mac.safari .roomTemplateList{height:86px;}
.templateName{color:#2d8bae; font-size:23px; font-family:'MyriadPro-Semibold'; padding-left:10px; font-weight:normal;}
.roomwiseTemplateToolbar{margin-bottom:10px;  float:right; width:100%; margin-top:5px; box-sizing:border-box;}
.roomwiseTemplateToolbar .fc-header-left{ width:170px;}
.roomwiseTemplateToolbar .fc-header-center{ border:1px solid #cfcfcf; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-bottom:0; margin-top:5px; height:48px; float:left; width:100%; text-align:left; box-sizing:border-box;}

a.returnBackRoomWise{margin:5px 0 0 0;border:1px solid #cfcfcf;text-decoration:none;float:left;display:block;background:url(/images/theme3/return-back-bg.png) repeat-x left top; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; behavior:url(PIE.htc);position:relative;cursor:pointer; padding-left:0;}
a:hover.returnBackRoomWise{margin:5px 0 0 0;border:1px solid #a8b3c2;text-decoration:none;float:left;display:block;background:#f0f4f7 url(/images/theme3/return-back-hover-bg.png) repeat-x left top; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; behavior:url(PIE.htc);position:relative;}
a.returnBackRoomWise .returnBackImg{margin:0;vertical-align:middle;float:left;padding:14px 10px 14px 10px;}
a.returnBackRoomWise .returnBackText{ background:none; border-left:1px solid #cfcfcf; color:#4c4c4c;font-size:16px;font-family:'MyriadPro-Regular';float:left;padding:11px 12px 13px;line-height:16px; margin:3px 0;}
.mac a.returnBackRoomWise .returnBackText{ padding:13px 12px 11px;}
.linux.gecko a.returnBackRoomWise .returnBackText{ padding:13px 12px 11px 12px;}
.linux.chrome a.returnBackRoomWise .returnBackText{ padding:13px 12px 11px 12px;}
.linux.opera a.returnBackRoomWise .returnBackText{ padding:15px 12px 9px 12px;}
a.returnBackRoomWise .returnBackImg .returnBackIcon{ background-position:-121px -7px; width:18px;height:18px;display:block;}
.fc-header-left a.returnBackRoomWise{ margin-right:10px;}

.roomTotalHrsText{ color:#ffffff;}
.roomTotalWorkingDaysHrsText{color:#3b4a61; font-size:16px; font-family:'MyriadPro-Semibold'; text-decoration:none; font-weight:normal; float:left; margin-bottom:14px; margin-right:2px; width:100%; text-align:left;}
.roomTotalWorkingDaysHrsText{margin-bottom:10px; padding-top:3px;}
.mac.safari .roomTotalWorkingDaysHrsText{ padding-top:1px;}
.linux.opera .roomTotalWorkingDaysHrsText{margin-bottom:12px; padding-top:3px;}
.roomTotalWorkingDaysHrs{color:#707070;}

.roomWorkingDaysHrsText{color:#3b4a61; font-size:16px; font-family:'MyriadPro-Semibold'; text-decoration:none; font-weight:normal; float:right; margin-bottom:3px; margin-right:2px; text-align:left; margin-top:12px; margin-right:10px;}
.linux .roomWorkingDaysHrsText{margin-top: 15px;}
.linux.opera .roomWorkingDaysHrsText{margin-top:17px;}
.linux.opera .shedTemplateWeekPannel .roomWorkingDaysHrsText{margin-top:11px;}
.mac .roomWorkingDaysHrsText{margin-top:15px;}
.roomWorkingDaysHrs{color:#707070;}
a.copyShiftsToAnotherWeekBtn{border-left:1px solid #cfcfcf; padding:9px 10px 10px 10px; color:#4c4c4c; display:inline-block; font-family:"MyriadPro-Regular"; font-size:16px; font-weight:normal; line-height:16px;text-decoration:none;}

.copyShiftBtnBg{background:url(../../images/theme3/realized-table-top-bg.png) repeat-x left top; float:right; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.copyShiftBtnBg a:hover{ background:url(../../images/theme3/realized-table-top-bg-active.png) repeat-x left bottom; -moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.copyShiftBtnBgDisable{background:#b9b9b9; float:right; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.copyShiftBtnBgDisable a{color:#707070;}
.copyShiftBtnBgDisable:hover a{ background:none;}
.copyShiftBtnBgDisable .copyShiftsToAnotherWeekBtn{ cursor:default;}
.linux a.copyShiftsToAnotherWeekBtn{padding:11px 10px 9px 10px;}
.linux.opera a.copyShiftsToAnotherWeekBtn{padding:13px 10px 7px 10px;}

.weekPannel{ background:#e4e4e4; border:1px solid #cfcfcf; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:0 0 0 1%; float:left; width:100%; margin-bottom:10px; box-sizing:border-box;}
.shedTemplateWeekPannel{ background:#e4e4e4; border:1px solid #cfcfcf; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:0 0 0 1%; float:left; width:100%; margin-bottom:0; height:38px; box-sizing:border-box;}
.shedTemplateWeekPannel .weekName{ padding-top:5px;}
.shedTemplateWeekPannel .roomWorkingDaysHrsText{ margin-right:10px; margin-top:7px;}
.linux .shedTemplateWeekPannel .roomWorkingDaysHrsText{margin-top:10px;}
.mac .shedTemplateWeekPannel .roomWorkingDaysHrsText{ margin-right:10px; margin-top:8px;}
.linux .shedTemplateWeekPannel .weekName{ padding-top:9px;}
.linux.opera .shedTemplateWeekPannel .weekName{ padding-top:7px;}
.mac .shedTemplateWeekPannel .weekName{ padding-top:7px;}

.weekName{ float:left; color:#3b4a61; font-family:'MyriadPro-Semibold'; font-size:21px; font-weight:normal; padding-top:10px;}
.linux .weekName{ line-height:24px; padding-top:12px;}
.linux.opera .weekName{ line-height:24px; padding-top:15px;}
.mac .weekName{ line-height:24px; padding-top:13px;}
/*.brandMake .selected span.roomWidth95E{width:96px; text-overflow:ellipsis; display:inline-block; overflow:hidden; white-space:nowrap;}*/
.headCenter .divider.first{ border-left:none; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }

.shedTemplateName{color:#3f5061; font-size:23px; font-family:'MyriadPro-Semibold'; padding-left:10px; font-weight:normal; line-height:28px; padding-bottom:9px; white-space:nowrap;}
.linux.gecko .shedTemplateName{ padding-left:10px;}
.linux.chrome .shedTemplateName{ padding-left:10px; padding-top:12px;}
.linux.opera .shedTemplateName{ padding-left:10px;}
.mac.gecko .shedTemplateName{ padding:11px 0 7px 10px;}
.mac.chrome .shedTemplateName{ padding:12px 0 6px 10px;}
.mac.safari .shedTemplateName{ padding:12px 0 7px 10px;}

.workerwiseTempView{color:#3f5061; font-size:23px; font-family:'MyriadPro-Semibold'; padding-left:10px; font-weight:normal; line-height:28px; padding-bottom:9px; white-space:nowrap;}
.linux.gecko .workerwiseTempView{ padding-left:10px;}
.linux.chrome .workerwiseTempView{ padding-left:10px; padding-top:12px;}
.linux.opera .workerwiseTempView{ padding-left:10px;}
.mac.gecko .workerwiseTempView{ padding:11px 0 7px 10px;}
.mac.chrome .workerwiseTempView{ padding:12px 0 6px 10px;}
.mac.safari .workerwiseTempView{ padding:12px 0 7px 10px;}

.roomwiseTempView{color:#3f5061; font-size:23px; font-family:'MyriadPro-Semibold'; padding-left:10px; font-weight:normal; line-height:28px; padding-bottom:9px; white-space:nowrap;}
.linux.gecko .roomwiseTempView{ padding-left:10px;}
.linux.chrome .roomwiseTempView{ padding-left:10px; padding-top:12px;}
.linux.opera .roomwiseTempView{ padding-left:10px;}
.mac.gecko .roomwiseTempView{ padding:11px 0 7px 10px;}
.mac.chrome .roomwiseTempView{ padding:12px 0 6px 10px;}
.mac.safari .roomwiseTempView{ padding:12px 0 7px 10px;}

.workerwiseTemp{color:#3f5061; font-size:23px; font-family:'MyriadPro-Semibold'; padding-left:10px; font-weight:normal; line-height:28px; padding-bottom:9px; white-space:nowrap;}
.workerwiseTemp a{ padding-left:0;}
.linux.gecko .workerwiseTemp{ padding-left:10px;}
.linux.chrome .workerwiseTemp{ padding-left:10px; padding-top:12px;}
.linux.opera .workerwiseTemp{ padding-left:10px;}
.mac.gecko .workerwiseTemp{ padding:11px 0 7px 10px;}
.mac.chrome .workerwiseTemp{ padding:12px 0 6px 10px;}
.mac.safari .workerwiseTemp{ padding:12px 0 7px 10px;}

.roomwiseTemp{color:#3f5061; font-size:23px; font-family:'MyriadPro-Semibold'; padding-left:10px; font-weight:normal; line-height:28px; padding-bottom:9px; white-space:nowrap;}
.roomwiseTemp a{ padding-left:0;}
.linux.gecko .roomwiseTemp{ padding-left:10px;}
.linux.chrome .roomwiseTemp{ padding-left:10px; padding-top:12px;}
.linux.opera .roomwiseTemp{ padding-left:10px;}
.mac.gecko .roomwiseTemp{ padding:11px 0 7px 10px;}
.mac.chrome .roomwiseTemp{ padding:12px 0 6px 10px;}
.mac.safari .roomwiseTemp{ padding:12px 0 7px 10px;}

.templateNameInsertShift{color:#3f5061; font-size:23px; font-family:'MyriadPro-Semibold'; padding-left:10px; font-weight:normal; line-height:28px; padding-bottom:2px; white-space:nowrap;}
.templateNameInsertShift a{ padding-left:0;}
.linux.gecko .templateNameInsertShift{ padding-left:10px;}
.linux.chrome .templateNameInsertShift{ padding-left:10px; /*padding-top:12px;*/}
.linux.opera .templateNameInsertShift{ padding-left:10px;}
.mac.gecko .templateNameInsertShift{ padding:11px 0 5px 10px;}
.mac.chrome .templateNameInsertShift{ padding:12px 0 6px 10px;}
.mac.safari .templateNameInsertShift{ padding:11px 0 5px 10px;}

.shedTemplateRemoveShift{ background-position:-244px -3px; width:18px; height:18px; vertical-align:top; background-color:#bbc9d3; padding:1px; -moz-border-radius:0 5px 0 0;-webkit-border-radius:0 5px 0 0; border-radius:0 5px 0 0; float:right; font-size:0; box-sizing:border-box;}
.fc-view-agendaWeek .shedTemplateRemoveShift{-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
.shedTemplateRemoveShiftLessFive{background-position:-244px -5px; width:18px; height:18px; vertical-align:top; padding:1px; float:right;background-color:#bbc9d3; font-size:0; box-sizing:border-box;}
.fc-view-month .shedTemplateRemoveShiftLessFive{width:18px; height:18px; padding:1px; background-position:-244px -3px; font-size:0; box-sizing:border-box;}
.shedTemplateShift_box .shiftNameTime{ color:#4c4c4c;}
.shift_box.shedTemplateShift_box .weekShiftTimeSlot{ color:#32578d;}

.addShiftFromTemplate{background-position:-136px -478px; width:50px; height:46px; display:inline-block; padding:8px 10px; box-sizing:border-box;}
a:hover .addShiftFromTemplate{background-position:-195px -478px; width:50px; height:46px; display:inline-block;}
.addShiftFromTemplateDisable{background-position:-95px -549px; width:50px; height:46px; display:inline-block; cursor:default;}
a:hover .addShiftFromTemplateDisable{background-position:-95px -549px; width:50px; height:46px; display:inline-block; cursor:default;}

/*.addShiftFromTemplatePadd{ padding:8px 10px;}*/
.linux.gecko .fc-header-left a.addShiftFromTemplatePadd{ padding:8px 10px 8px 10px;}
.linux.opera .fc-header-left a.addShiftFromTemplatePadd{ padding:8px 10px 8px 10px;}

.empwiseTemplateToolbar .fc-header-left{ width:170px;}
.empwiseTemplateToolbar .fc-header-center{ width:100%;}
.empwiseTemplateToolbar table.fc-header{ border:none;}
.empwiseTemplateToolbar .fc-header-center{border:1px solid #cfcfcf; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float:right; height:48px; margin-top:5px; box-sizing:border-box;}

.empWiseWeekviewPannel .shedTemplateWeekPannel{ margin-bottom:10px;}
.roomwiseWeekTable{ width:100%; float:left;}
.roomwiseWeekTable .weekPannel{ margin-bottom:5px; margin-top:5px;}
.linux .roomwiseWeekTable .weekPannel{ padding:0 0 0 1%;}
.roomWiseViewWeekPannel .weekName{padding-top:5px; padding-bottom:6px;}
.roomWiseViewWeekPannel .roomWorkingDaysHrsText{ margin-top:5px;}
.linux .roomWiseViewWeekPannel .weekName{padding-top:8px; padding-bottom:6px;}
.linux .roomWiseViewWeekPannel .roomWorkingDaysHrsText{ margin-top:9px;}
.linux.opera .roomWiseViewWeekPannel .roomWorkingDaysHrsText{ margin-top:13px;}
.mac .roomWiseViewWeekPannel .weekName{padding-top:8px; padding-bottom:5px;}
.mac .roomWiseViewWeekPannel .roomWorkingDaysHrsText{ margin-top:10px;}


.weekviewPrevArrow{background-position:-265px -488px; display:inline-block; height:44px; width:34px; cursor:pointer;}
.weekviewNextArrow{background-position:-336px -488px; display:inline-block; height:44px; width:34px; cursor:pointer;}
.weekviewPrevArrowDisable{background-position:-392px -488px; display:inline-block; height:44px; width:34px; cursor:default;}
.weekviewNextArrowDisable{background-position:-462px -488px; display:inline-block; height:44px; width:34px; cursor:default;}

.linux.opera .weekviewPrevArrow{background-position:-265px -487px; display:inline-block; height:45px; width:34px; cursor:pointer;}
.linux.opera .weekviewNextArrow{background-position:-336px -487px; display:inline-block; height:45px; width:34px; cursor:pointer;}
.linux.opera .weekviewPrevArrowDisable{background-position:-392px -487px; display:inline-block; height:45px; width:34px; cursor:default;}
.linux.opera .weekviewNextArrowDisable{background-position:-462px -487px; display:inline-block; height:45px; width:34px; cursor:default;}

.linux.chrome .weekviewPrevArrow{background-position:-265px -488px; display:inline-block; height:45px; width:34px; cursor:pointer;}
.linux.chrome .weekviewNextArrow{background-position:-336px -488px; display:inline-block; height:45px; width:34px; cursor:pointer;}
.linux.chrome .weekviewPrevArrowDisable{background-position:-392px -488px; display:inline-block; height:45px; width:34px; cursor:default;}
.linux.chrome .weekviewNextArrowDisable{background-position:-462px -488px; display:inline-block; height:45px; width:34px; cursor:default;}


.linux.gecko .weekviewPrevArrow{background-position:-265px -488px; display:inline-block; height:45px; width:34px; cursor:pointer;}
.linux.gecko .weekviewNextArrow{background-position:-336px -488px; display:inline-block; height:45px; width:34px; cursor:pointer;}
.linux.gecko .weekviewPrevArrowDisable{background-position:-392px -488px; display:inline-block; height:45px; width:34px; cursor:default;}
.linux.gecko .weekviewNextArrowDisable{background-position:-462px -488px; display:inline-block; height:45px; width:34px; cursor:default;}


.headCenter a.weekviewPadd{margin:0 9px; padding:0;}
.weeknum{ padding-top:15px;}
.linux .weeknum{ padding-top:18px;}

.prevArrowDisable{background-position:-12px -557px; display:inline-block; height:15px; width:15px; cursor:default;}
a:hover .prevArrowDisable{background-position:-12px -557px; display:inline-block; height:15px; width:15px; cursor:default;}
.nextArrowDisable{background-position:-65px -557px; display:inline-block; height:15px; width:15px; cursor:default;}
a:hover .nextArrowDisable{background-position:-65px -557px; display:inline-block; height:15px; width:15px; cursor:default;}

/*Room wise Preview screen*/
.headCenter span.plusSign{color:#666666; font-weight:bold; padding-right:5px;}
.headCenter a.insertShiftDatabase{ color:#3f5061;}
.chooseTemplateText{color:#3f5061; font-family:'MyriadPro-Regular'; font-size:16px; font-weight:normal; padding:14px 0 14px 13px; float:left; line-height:18px;}
.linux.opera .chooseTemplateText{ line-height:21px;}
.planningPeriodText{color:#3f5061; font-family:'MyriadPro-Regular'; font-size:16px; font-weight:normal; padding:14px 5px 14px 13px; float:left; line-height:18px;}
.linux.opera .planningPeriodText{line-height:21px;}
.headCenter .chooseEmpCombo span{ line-height:28px;}
.linux.gecko .headCenter .chooseEmpCombo span{ line-height:32px;}
.linux.chrome .headCenter .chooseEmpCombo span{ line-height:32px;}
.linux.opera .headCenter .chooseEmpCombo span{ line-height:35px;}
.mac .headCenter .chooseEmpCombo span{ line-height:32px;}
.planningPeriodBgBox{background:url(/images/theme3/search-box-bg.png) repeat-x left top; border:1px solid #cfcfcf; -moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; margin:5px 10px 5px 0;}
/*.headCenter .planningPeriodBgBox span{ line-height:18px;} */
.linux.gecko .planningPeriodBgBox{ height:34px; padding-top:1px; box-sizing:border-box;}
.linux.chrome .planningPeriodBgBox{ height:34px; padding-top:1px; box-sizing:border-box;}
.headCenter a.planningPeriodBgBoxPadd{ padding:9px 3px 4px 3px;}
.linux.chrome .headCenter a.planningPeriodBgBoxPadd{ padding:10px 3px 4px 3px;}
.linux.opera .headCenter a.planningPeriodBgBoxPadd{ padding:10px 3px 4px 3px; line-height:21px;}
.linux.gecko .headCenter .planningPeriodBgBoxPadd span{ line-height:18px;}
.linux.chrome .headCenter .planningPeriodBgBoxPadd span{ line-height:18px;}
	
/*Roomwise view shift*/
.activityWiseTable .activityWiseInnerTable tr td td.roomShiftViewTdPadd{ padding:0;}
.roomShiftMainBox{border-bottom:1px solid #cfcfcf; width:100%; float:left;}
.shiftStartTime{border-right:1px solid #cfcfcf; display:block; font-family:'MyriadPro-Regular'; font-size:14px; padding:4px 4px; text-align:center;}
.linux .shiftStartTime{padding:6px 4px 2px 4px;}
.mac .shiftStartTime{padding:6px 4px 3px 4px;}
.shiftEndTime{display:block; font-family:'MyriadPro-Regular'; font-size:14px; padding:4px 4px; text-align:center;}
.linux .shiftEndTime{padding:6px 4px 2px 4px;}
.mac .shiftEndTime{padding:6px 4px 3px 4px;}
.shiftName{display:block; font-family:'MyriadPro-Regular'; font-size:14px; padding:4px 4px; text-align:center;}
.blankSpaceLine{ background:url(../../images/theme3/blank-space-line.png) repeat-x left center; width:70%; display:inline-block;}
.blankUserPhoto{ width:20px; height:25px; font-size:0; background:url(../../images/theme3/no-user.png) no-repeat center center;}

/*Roomwise conflict/suceess screen*/
.roomShowConflictDiv a{color:#323232; float:left; padding:2% 0 3% 0; width:100%; font-size:14px; font-family:'MyriadPro-Semibold'; text-align:center; text-decoration:none; box-sizing:border-box;}
.roomShowConflictDiv a:hover{ color:#ffffff;}
.linux .roomShowConflictDiv a{padding:4% 0 2% 0;}
.linux.opera .roomShowConflictDiv a{padding:5% 0 3% 0;}
.roomShiftSuccessDiv{ color:#136620; float:left; margin:4px 0 0; padding:0 2% 1% 2%; width:100%; font-size:14px; font-family:'MyriadPro-Semibold'; text-align:left; box-sizing:border-box;}
.roomShowConflictDiv{float:left; width:100%; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; box-sizing:border-box;}
.roomConflictbox .shiftStartTime{color:#ffffff;}
.roomConflictbox .shiftEndTime{color:#ffffff;}
.roomConflictbox .shiftName{color:#ffffff;}
.roomWiseShowConflictText .replaceOldShift{color:#b44242; font-family:"MyriadPro-Semibold"; font-size:13px; text-decoration:none;}
.roomWiseShowConflictText a{font-family:'MyriadPro-Semibold'; font-size:13px; color:#b44242; text-decoration:none;}


/*employeewise conflict/suceess screen*/
.shedTemplateShift_box.empWiseconflictBg{ background:#d43238;}
.empWiseShowConflictDiv{ border:1px solid #b44242;}
.shift_box.shedTemplateShift_box .weekShiftTimeSlot.empWiseShowConflictText{font-family:'MyriadPro-Semibold'; font-size:14px; color:#b44242;}
.empWiseShowConflictText a{font-family:'MyriadPro-Semibold'; font-size:14px; color:#b44242; text-decoration:none;}
.showConflictDetailDiv{background:#dbdbdb; border:1px solid #828282; padding:5px; margin-top:0; position:absolute;z-index:99999999!important; color:#39485f;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width:260px; box-sizing:border-box;}
.linux .showConflictDetailDiv{ margin-top:-1px;}
.showConflictPadd{ padding:2px 0;}
.mac .showConflictPadd{ padding:4px 0 0 0;}
.linux .showConflictPadd{ padding:3px 0 1px 0;}
.empWiseconflictBg.shedTemplateShift_box .shiftNameTime{color:#bcd9ef;}
.paddB10{ padding-bottom:10px;}
.qtip-content a.greenFont{ color:#358c43;}
.blueTextColor{ color:#4c4c4c;}
.replaceOldShift{color:#b44242; font-family:"MyriadPro-Semibold"; font-size:14px; text-decoration:none;}
a.greenFont{ color:#358c43;}
.blueDivider{ color:#88cde6;}
.workerwiseShiftSuccessDiv{font-family:"MyriadPro-Semibold"; font-size:14px; padding:2px 0;}

.empWiseShiftSuccessDiv{ border:1px solid #358c43;}
.shedTemplateShift_box.empWiseSuccessBg{ background:#358c43;}
.shift_box.empWiseSuccessBg{ background:#4ccd63;}
.empWiseSuccessCrossBg{background-color:#42bb58; background-position:-244px -3px;}
.empWiseShiftSuccessText{font-family:'MyriadPro-Regular'; font-size:14px; color:#358c43;}
.empWiseShowConflictYes{font-family:'MyriadPro-Regular'; font-size:14px; color:#b44242;}
.empWiseShiftSuccessNo{font-family:'MyriadPro-Regular'; font-size:14px; color:#358c43;}
.empWiseShowConflictSlash{font-family:'MyriadPro-Regular'; font-size:14px; color:#5cb1cc;}

.closeSummaryDisableBtn{ background:#e9e9e9;}
.headCenter .closeSummaryDisableBtn a{color:#989ba1; cursor:default;}

.insertShiftintoDbDisable{ background:#cecece; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0;}
.headCenter a.insertShiftintoDbDisable{color:#8d8d8d; cursor:default;}
.headCenter a.insertShiftintoDbDisable .plusSign{color:#8d8d8d;}
.headCenter a.padd0{ padding:0;}

.gradientBox h1.fontSize35{ font-size:35px;}
.realizedWorkingTable tr td.realisedSpaceTR{border:none; font-size:0; height:5px;}

.disableTimePeriodDiv{ position: absolute; background:#ffffff; height:100%; width:100%; margin-top:5px; opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; z-index:1;}
.linux.opera .provideAreaName #disableTimePeriodDiv input[type="text"]{ padding:5px 6px; font-size:14px;}
.removeAreaHeadingText{ margin-top:5px;}

/*Choose week for copy shift*/
.copyShiftParticipentList{ margin-top:10px; float:left;}
.copyShiftParticipentList .selected{ background:#dae4ec;}
.copyShiftParticipentList .selected .participentsName, .copyShiftParticipentList .selected .userTypeRole{ color:#0f4664;} 
.copyShiftParticipentList .individualParticipent.last{ margin-right:0;}
.copyShiftIndividualParticipent{border:1px solid #CFCFCF; float:left; margin:5px 10px 5px 0; padding:10px 5px; width:180px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; cursor:pointer; font-family:'MyriadPro-Semibold'; text-align:center; font-size:18px; line-height:22px; box-sizing:border-box;}

/*Realised page width*/
.containtBoxRealisedPage{ width:96%; margin:0 auto; padding:20px 0 0; box-sizing:border-box;}

/*Worker disable text Bold*/
.workerDisable{color:#767676; font-family:'MyriadPro-Semibold'; font-size:17px; line-height:22px;}
.linux .workerDisable{padding-top:3px;}
.workerDisableIconView{color:#767676; font-family:'MyriadPro-Semibold'; font-size:15px; line-height:18px;}
.sendSalaryReportTable .darkRedBG .workerDisableIconView{color:#b8b8b8;}
.sendSalaryReportTable .lightBlueBG .workerDisableIconView{color:#5c5c5c;}
.contractEmpSalReport .lightDarkGray .workerDisableIconView{color:#707070;}
.workerDisableActivityRoom{color:#676767; font-family:'MyriadPro-Semibold'; font-size:15px; line-height:16px; padding-bottom:5px;}

/*Word wrap in map chart tool tip*/
.mapChartTooltipFullWidth{width:410px;white-space: normal !important;}
.mapChartTooltipDynamic{white-space: inherit !important;}
.mapSelectedUserName{height:28px;max-width:190px; overflow:hidden; text-overflow:ellipsis;}

/*Room wise icon view*/
.iconviewEditDetail{ background:#e6e7e8; padding:41px 5px; margin-bottom:1px; border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0; border:1px solid #596b88;}
.roomwiseParticipentsName{color:#00366D; font-family:'MyriadPro-Semibold'; font-size:20px; line-height:22px; display:inline-block; overflow:hidden; width:100%; word-break:break-all; text-align:center;}


/*Home page company icon*/
.company{ background-position:-268px -551px; width:40px; height:50px; display:inline-block;}
.gradientBox:hover .company{background-position:-330px -551px;}
.portal{ background-position:-332px -606px; width:40px; height:50px; display:inline-block;}
.gradientBox:hover .portal{background-position:-392px -606px;}
.trailRequest{ background-position:-449px -550px; width:42px; height:50px; display:inline-block;}
.gradientBox:hover .trailRequest{background-position:-449px -606px;}


.portal{ background-position:-332px -606px; width:40px; height:50px; display:inline-block;}
.gradientBox:hover .portal{background-position:-392px -606px;}
.trailRequest{ background-position:-449px -550px; width:42px; height:50px; display:inline-block;}
.gradientBox:hover .trailRequest{background-position:-449px -606px;}

/*Listview design */
.companyDetail{ margin-top:10px;}
.companyDetail .title{ color:#3f5061; font-size:15px; font-family:'MyriadPro-Semibold'; /*font-weight:bold;*/}
.companyDetail .gridViewValue{ color:#7d7d7d; font-size:16px; font-family:'MyriadPro-Regular'; margin-left:5px;}
/*.companyDetail td{ padding:2px 0 3px 0;}*/

.companyDetailIconView .title{ color:#3f5061; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.companyDetailIconView .value{ color:#7d7d7d; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.companyDetailIconView .width190E{ float: left;}

.procedureDetail tr td{ padding-bottom:8px;}
.provideAreaName tr td.procedureTitleText{color:#00366d; display:inline-block; font-family:"MyriadPro-Regular"; font-size:16px; line-height:17px; margin:0; vertical-align:top;width:100%;}
.basePriceTitle{ width:75px; text-align: center; display: inline-block; }

/* Holiday calender*/
.holidayCalender tr td{ margin:0; padding:0;}
.holidayCalender tr td td{ margin:0; padding:4px; font-family:'MyriadPro-Regular'; font-size:14px; line-height:18px; color:#666666; 
border-bottom:1px solid #90a1b7; border-right:1px solid #90a1b7;}
.holidayCalender table .holidaySingleTable{ border:1px solid #90a1b7; background:#fafafa; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; display:inline-block; width:100%; border-bottom:none;}
.holidayCalender table .holidaySingleTable tr th{ background:#556987; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; color:#fff; padding:5px 10px; font-family:'MyriadPro-Semibold'; font-size:18px; line-height:22px;}
.holidayCalender .MonthSelectorbarMain{ float:none; display:inline-block; text-align:center; margin-right:0;}
.linux.gecko .holidayCalender .MonthSelectorbarMain {float:none; display:inline-block; text-align:center; margin-right:0;}
.holidayCalender table .holidaySingleTable tr td.weekDays{ background:#f0f4f7; color:#666666; padding:5px 0; font-family:'MyriadPro-Regular'; font-size:15px; line-height:18px; text-align:center; width:12.5%;}
.holidayCalender table .holidaySingleTable tr td.weekNumberHeading{background:#90a1b7; color:#556987; padding:5px 0; font-family:'MyriadPro-Regular'; font-size:15px; line-height:18px; text-align:center; width:12.5%;}
.holidayCalender table .holidaySingleTable tr td.weekNumber{ background:#f0f4f7;}
.holidayCalender table .holidaySingleTable tr td.holidayCalTdBg{ background:#d0dae7; cursor:pointer;}
.holidayCalender table .holidaySingleTable tr td.holidayCalTdRedBg{ background:#a83a35; color:#ffffff; cursor:pointer;}
.holidayCalender tr td td:last-child{ border-right:none;}
.holidayCalender table .holidaySingleTable table tr:last-child td{ border-bottom:none;}
.holidayCalender table .holidaySingleTable tr td.weekDays b{ font-weight:normal;}


/*My setting*/
.mySettingStartEndTimeBox{ width:100%; display:inline-block; text-align:center;}
.mySettingStartEndTimeBoxInner{ display:inline-block; width:100%;}
.provideAreaName .mySettingStartEndTimeBoxInner input[type="text"]{ display:inline-block; float:none; text-align:center; width:40%;}

.mySettingcomboStartEndTimeBox{ width:100%; display:inline-block; text-align:center;}
.mySettingcomboStartEndTimeBoxInner{ width:100%; display:inline-block; text-align:center;}
.vAlignTop{ vertical-align:top;}

/*Choose room color for background*/
ul.chooseRoomColor{ padding:0; margin:0; width:180px; border:1px solid #b7b7b7; display:inline-block;}
ul.chooseRoomColor li{ padding:0; margin:1px; list-style:none; float:left; cursor:pointer; color:#ffffff; border:2px solid #a0a0a0;}
ul.chooseRoomColor li.selected{ border:2px solid #000000;}


/*Admin side procudere GridView*/
.procedureGridviewTitle{height:80px; line-height:80px; text-align:center; width:238px; color:#FFFFFF;font-family:"MyriadPro-Regular";font-size:34px;font-weight:normal;margin:0;padding:0 0 5px 0; box-sizing:border-box; vertical-align:top;}
.procedureGridviewTitleInner{display:inline-block; vertical-align:middle; line-height:normal; width:220px;}
.procedureGridviewTitle h1{ padding:30px 15px 0; height:80px; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left;}
.procedurePrice{color:#3f5061; padding:5px 0 0 15px; font-family:'MyriadPro-Regular'; font-size:18px; line-height:18px;}
.procedureDuration{color:#3f5061; padding:5px 0 21px 15px; font-family:'MyriadPro-Regular'; font-size:18px; line-height:18px;}

/*Admin side procudere ListView*/
.listMainBox .procedurePrice{color:#3f5061; padding:0; font-family:'MyriadPro-Regular'; font-size:18px; line-height:18px;}
.listMainBox .procedureDuration{color:#3f5061; padding:0; font-family:'MyriadPro-Regular'; font-size:18px; line-height:18px;}

/*Admin side procudere IconView*/
.userIconViewFullDiv .roomwiseParticipentsName{ text-align:left;}
.userIconViewFullDiv .procedurePrice{color:#3f5061; padding:5px 0 0 0; font-family:'MyriadPro-Regular'; font-size:16px; line-height:18px;}
.userIconViewFullDiv .procedureDuration{color:#3f5061; padding:5px 0 21px 0; font-family:'MyriadPro-Regular'; font-size:16px; line-height:18px;}


/*Language Translation*/
.languageTransBox table{border:1px solid #b1bac8; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px;}
.languageTransBox table td{border-bottom:1px solid #b1bac8; padding:5px;}
.languageTransBox table td:first-child{border-right:1px solid #b1bac8;}
.languageTransBox table tr:last-child td{border-bottom:none;border-right:none;}

a.updateTranslation{border:1px solid #3b4a61;text-decoration:none; display:inline-block; background:#3b4a61; cursor:pointer;color:#ffffff;font-size:16px;font-family:'MyriadPro-Regular'; padding:8px 12px;line-height:22px; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px;}
a:hover.updateTranslation{border:1px solid #5b7e96;text-decoration:none; background:#576d8a;}
.linux.gecko a.updateTranslation{ padding:7px 12px 5px;}
.linux.opera a.updateTranslation{ padding:8px 12px 4px;}

.langTranssymbol{ /*margin-bottom:10px;*/ text-align:right;}

.langTranssymbol a{ background:#dddddd; color:#3b4a61;font-family:'MyriadPro-Regular'; font-size:16px; line-height:18px; padding:7px; text-decoration:none; border:1px solid #b1bac8; margin:0 0 0 5px; display:inline-block; -moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;}
.langTranssymbol a:hover{ text-decoration:none; border:1px solid #3b4a61;}
.langTranssymbol a.active{ background:#556276; color:#ffffff; border:1px solid #556276;}

.langTransIcon{ background-position:-81px -145px; width:45px;height:50px;display:inline-block;}
.gradientBox:hover .langTransIcon{background-position:-145px -145px; width:45px; height:50px;display:block;}



/*Report HTML*/
.reportTable th{background:#eeeeee url(../../images/theme3/report-title-bg.png) repeat-x scroll left bottom; font-family:'MyriadPro-Semibold'; font-size:16px; width:100%; color:#666666; padding:2px 10px; border-right:1px solid #cfcfcf; border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf;}
.reportTable th:first-child{-moz-border-radius:5px 0 0 0; -webkit-border-radius:5px 0 0 0; border-radius:5px 0 0 0;}
.reportTable th:last-child{-moz-border-radius:0 5px 0 0; -webkit-border-radius:0 5px 0 0; border-radius:0 5px 0 0;}
.reportTable tr td{ border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; padding:10px; color:#323232;}
.reportTable td:first-child{ border-left:1px solid #cfcfcf;}

a.goBtn{border:1px solid #3b4a61;text-decoration:none; display:inline-block; background:#3b4a61; cursor:pointer;color:#ffffff;font-size:16px;font-family:'MyriadPro-Regular'; padding:3px 8px 4px 8px;line-height:22px; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; min-width:50px; text-align:center;}
.linux a.goBtn{padding:5px 8px 3px 8px;}
a:hover.goBtn{border:1px solid #5b7e96;text-decoration:none; background:#576d8a;}
#reportData .dd2{ min-width:110px;}
.reportIcon{ background-position:-209px -148px; display:inline-block; height:51px; width:48px;}
.gradientBox:hover .reportIcon{background-position:-266px -148px; width:48px; height:51px;display:block;}
.yearTRBg td{ background:#eaedef;}
.companyTotalTrBg td{ background:#d9e0e2;}
.reportTable tr.allTotalTRBg td{ background:#3b4a61; border-right:1px solid #cfcfcf; border-bottom:1px solid #3b4a61; padding:10px; color:#ffffff;}
.reportTable tr.allTotalTRBg td:first-child{ border-left:1px solid #3b4a61;}
.reportTable tr.allTotalTRBg td:last-child{ border-right:1px solid #3b4a61;}

button.portalManageBtn{border:1px solid #3b4a61;text-decoration:none; display:inline-block; background:#3b4a61; cursor:pointer;color:#ffffff;font-size:14px;font-family:'MyriadPro-Regular'; padding:5px 5px 7px 5px;line-height:22px; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; min-width:50px; text-align:center;}
.linux button.portalManageBtn{padding:5px 8px 3px 8px;}
.mac button.portalManageBtn{padding:7px 8px 4px 8px;}
button:hover.portalManageBtn{border:1px solid #5b7e96;text-decoration:none; background:#576d8a;}


/*Admin side add procudere for group GridView*/
.groupProcedureTitle{height:50px; line-height:50px; text-align:center; width:238px; color:#FFFFFF;font-family:"MyriadPro-Regular";font-size:34px;font-weight:normal;margin:0;padding:0 0 5px 0; box-sizing:border-box; vertical-align:top;}
.groupProcedureGridviewTitleInner{display:inline-block; vertical-align:middle; line-height:normal; width:220px;}
.groupProcedureTitle h1{ padding:10px 15px 0; height:50px; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left;}
.groupProcedurePrice{color:#3f5061; padding:5px 0 0 15px; font-family:'MyriadPro-Regular'; font-size:18px; line-height:18px;}
.groupProcedureDuration{color:#3f5061; padding:5px 0 13px 15px; font-family:'MyriadPro-Regular'; font-size:18px; line-height:18px;}
.gridGroupProcedureIcon{ min-height: 55px; padding-left: 15px; padding-top: 4px;}
.editProcedure{background-position:-467px -90px; display:block; height:19px; width:25px;}
.twoIconview .editProcedure{height:21px;}

/*edit Customer ThemeBox*/
.editCustThemeBox{ border:1px solid #768693; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; padding:20px;} 
.updateInfoBtn{ text-align:center; margin:12px 0; display:inline-block; width:100%;}
.updateInfoBtn a{ background:#3b4a61; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; text-decoration:none; font-family:'MyriadPro-Regular'; font-size:20px; line-height:20px; color:#ffffff; padding:10px; display:inline-block;}
.updateInfoBtn a:hover{ background:#5b6f8e;}
.goToCalender{ background:#3b4a61; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; text-decoration:none; font-family:'MyriadPro-Regular'; font-size:15px; line-height:normal; color:#ffffff; padding:2px 10px; display:inline-block; border:none; cursor: pointer;}
.chrome .goToCalender{ /*padding-top:5px;*/ padding-bottom:1px;}
.goToCalender:hover{ background:#5b6f8e; }
.editCustThemeBox .provideAreaName input[type="radio"]{ margin:0;}
.linux .editCustThemeBox .provideAreaName input[type="radio"]{ height:15px;}
.mac.chrome .editCustThemeBox .provideAreaName input[type="radio"], .mac.safari .editCustThemeBox .provideAreaName input[type="radio"]{ margin:1px 0 0 0; float:none; vertical-align:top;}
.editCustThemeBox .provideAreaName .procLayoutTypeLabel label{ vertical-align:top; line-height:18px;}
.win .editCustThemeBox .provideAreaName .procLayoutTypeLabel label{ line-height: 16px;}
.editCustThemeBox .provideAreaName .procLayoutTypeLabel{ margin:0 5px 0 0;}
.linux .editCustThemeBox .provideAreaName .procLayoutTypeLabel{margin:0 2px 0 0;}
.CustomerThemeFieldsTitle{ color:#3b4a61; font-family:"MyriadPro-Regular"; font-size:20px; font-weight:normal; line-height:22px; margin-bottom:10px;}
.updateInfoBtnSmall{ text-align:center; margin:0; display:inline-block; width:100%;}
.updateInfoBtnSmall a{ background:#3b4a61; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; text-decoration:none; font-family:'MyriadPro-Semibold'; font-size:14px; line-height:18px; color:#ffffff; padding:8px 10px; display:inline-block; margin-left: 5px;}
.updateInfoBtnSmall a:hover{ background:#5b6f8e;}

/*.addBtnSmall{ text-align:center; margin:0; display:inline-block; width:100%;}*/
.addBtnSmall input{ background:#3b4a61; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; text-decoration:none; font-family:'MyriadPro-Semibold'; font-size:14px; line-height:18px; color:#ffffff; padding:5px 10px; display:inline-block; margin-left: 5px; border: none; cursor: pointer;}
.addBtnSmall input:hover{ background:#5b6f8e;}
.darkBlueBtn{ background:#3b4a61; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; text-decoration:none; font-family:'MyriadPro-Semibold'; font-size:14px; line-height:18px; color:#ffffff; padding:5px 10px; display:block; border: none; cursor: pointer; text-align: center;}
.darkBlueBtn:hover{ background:#5b6f8e;}
.lightRedBtn{ background:#E3A6AD; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; text-decoration:none; font-family:'MyriadPro-Semibold'; font-size:14px; line-height:18px; color:#ffffff; padding:5px 10px; display:block; border: none; cursor: pointer; text-align: center;}
.lightRedBtn:hover{ background:#D4939A;}
.custFormFieldCombo{ margin-left: 5px; margin-top: 1px; float: left; width: 27%;}
input.removeLanguageOptions{background:#E3A6AD; color:#ffffff; border: none; border: none; border-radius: 3px; padding: 3px 5px 5px 5px; font-size: 14px; line-height: 14px; cursor: pointer; float: right;}
.addFieldOption{ float: left; width: 88%;}
.addFieldOptionInner{position: relative; margin: 5px 0; display: inline-block; width: 100%;}

a.closeLink{ font-size: 18px; font-family:'MyriadPro-Semibold'; color: #555555; text-decoration: none; position: absolute; right: 0; top: 0;} 
.prevCloseIcon{ background-position:-112px -228px; width:34px; height: 34px; display: inline-block;}
.addAreaPopup iframe{ border: 2px solid #cccccc;}
.editCustThemeBox .borderBottom{ border: 1px solid #ff0000; width: 100%;}

.editThemeBorderMain{display: inline-block; width: 100%; position: relative; z-index: 1;}
.editCustThemeBox label.editThemeBorder{ background: #ffffff; padding-right: 10px;}
.editCustThemeBox label.editThemeBorder::after{ position: absolute; left: 0; top:14px; background: #3b4a61; height: 2px; content: ''; width: 98%; z-index: -9}


.updateInfoBtn .nextButtonDisable{ text-align:center; margin:12px 0; display:inline-block; width:100%;}
.updateInfoBtn .nextButtonDisable a{ background:#d6d6d6; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; text-decoration:none; font-family:'MyriadPro-Regular'; font-size:20px; line-height:20px; color:#7a7a7a; padding:10px; display:inline-block; cursor:default;}
.updateInfoBtn .nextButtonDisable a:hover{ background:#d6d6d6;}

.updateInfoBtnSmall .nextButtonDisable{ text-align:center; margin:0; display:inline-block;}
.updateInfoBtnSmall .nextButtonDisable a{ background:#d6d6d6; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; text-decoration:none; font-family:'MyriadPro-Semibold'; font-size:14px; line-height:18px; color:#7a7a7a; padding:8px 10px; display:inline-block; margin-left: 5px; cursor:default;}
.updateInfoBtnSmall .nextButtonDisable a:hover{ background:#d6d6d6;}


/*Company trial expired*/
.companyTrialExpired{max-width:500px; border:1px solid #b3b3b3; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin:8% auto; box-shadow:0 1px 10px #a7a7a7, inset 0 1px 0 #fff; background:#fcfcfc;}
.expiredTitle{ padding:10px; margin:0; background:#3f5b81; border-radius:4px 4px 0px 0px; -moz-border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px; font-size:18px; line-height:22px; color:#ffffff; font-weight:bold; text-transform:uppercase;}
.expiredContent{ padding:35px; text-align:center; font-size:18px;}
.expiredContent p b{ font-weight:600;}
.expiredContent .expireEmail{ color:#627798;}


/*Log page*/
.logDiv table{ border:1px solid #cccccc;}
.logDiv tr td{ border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; padding:5px;}
.logDiv tr:last-child td{border-bottom:none;}
.logDiv tr td:last-child{border-right:none;}
.seleceCompany{ float:left;}
.selectCoText{ float:left; margin-right:10px;}
.selectCoCombo{ float:left;}
.selectCoCombo .dd2{ width:210px!important;}
.selectCoCombo .dd2 .ddChild li .ddlabel{ word-wrap:break-word;}
.provideAreaName .selectCoCombo input[type="text"]{ width:210px;}
.selectCoCombo img{ margin:4px 5px 4px 4px; position:absolute; right:0; width:22px;}
.mac .selectCoCombo .dd2 .ddTitle{ padding: 0;}
.selectCoCombo .dd2 .ddChild li.selected{ background: #cccccc;}

.logReportTable{ margin-top:15px; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border:1px solid #cccccc; width: 100%;}
.logReportTable tr th{ background:#3b4a61; color:#ffffff; padding:8px 5px; font-size:15px; border-right:1px solid #ccc; }
.logReportTable tr th:last-child{border-right:none;}
.logReportTable tr th:first-child{border-radius:5px 0 0 0;}
.logReportTable tr th:last-child{border-radius:0 5px 0 0;}
.logReportTable tr td{ font-size:15px;}
.logReportTable tr td a{ color:#335e8a; text-decoration:underline;}
.logDiv ul.updateInfo{ margin: 0; padding: 0;}
.logDiv ul.updateInfo li{ margin: 0; padding: 0 0 5px 0; list-style: disc; margin: 0 0 0 20px;}


/*Date picker*/
ui-datepicker .ui-datepicker-prev .ui-icon{ background:url(../../images/theme3/prev-arrow.png) no-repeat right center; display:inline-block; width:20px; height:20px;}
ui-datepicker .ui-datepicker-next .ui-icon{ background:url(../../images/theme3/next-arrow.png) no-repeat left center; display:inline-block; width:20px; height:20px;}

.ui-datepicker{ padding:0;}
.termsConditionIcon{ background-position:-378px -552px; width:22px;height:31px;display:inline-block;}
.termsConditionIconDisable{ background-position:-410px -552px; width:22px;height:31px;display:inline-block; cursor: default;}
.TCLink{ cursor: pointer;}


/*Custom theme /field popup*/
.ui-widget-header{ background: #3b4a61!important; border: none!important; border-bottom-left-radius:0!important;  border-bottom-right-radius:0!important;}
.ui-dialog .ui-dialog-title{ color: #ffffff; font-weight: normal;}
.ui-dialog{ padding: 0!important;}
.ui-dialog .ui-dialog-buttonpane{ padding: 0.1em 1em 0.1em 1em!important;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{ float:left!important;}
.ui-dialog .ui-dialog-buttonpane button{ background: #3b4a61!important; color: #ffffff; border: 1px solid #3b4a61; min-width: 65px;}
.ui-widget-content{ font-size: 14px; }
.ui-widget-content p{ margin: 5px 0;}
.ui-widget-header .ui-state-default{display: none!important;}   
.ui-dialog .ui-dialog-buttonpane button.noBtn{ background: #8294ac!important; border: 1px solid #8294ac;}



/*Admin new home page*/
.customeThemeFields{ background-position:0px -295px; width: 50px; height: 50px; display: inline-block;}
.companyInfo{ background-position:0px -358px; width: 50px; height: 50px; display: inline-block;}
.calendarSetting{ background-position:0 -434px; width: 50px; height: 50px; display: inline-block;}
.profCategories{ background-position:0px -500px; width: 65px; height: 50px; display: inline-block;}
.procedures{ background-position:0 -568px; width: 50px; height: 50px; display: inline-block;}
.employee{ background-position:0 -638px; width: 50px; height: 50px; display: inline-block;}
.backCalendar{ background-position:0 -707px; width: 50px; height: 50px; display: inline-block;}
.extraTools{ background-position:-91px -292px; width: 50px; height: 50px; display: inline-block;}
.endSession{ background-position:-91px -366px; width: 50px; height: 50px; display: inline-block;}
.publicHoliday{background-position:-90px -435px; width: 50px; height: 50px; display: inline-block;}
.langTranslation{background-position:-90px -503px; width: 50px; height: 50px; display: inline-block;}
.rooms{background-position:-90px -571px; width: 50px; height: 50px; display: inline-block;}
.mailTemplate{background-position:-90px -641px; width: 50px; height: 50px; display: inline-block;}
.employeeGroup{background-position:-75px -710px; width: 100px; height: 50px; display: inline-block;}
.hairType{background-position:0 -787px; width: 30px; height: 50px; display: inline-block;}

.adminHomeTitle .homeTitleImg{ width: 100%; text-align: center; margin-bottom: 10px;}
.adminHomeTitle .homeTitle{ width: 100%;  text-align: center;}

.adminHomeTitle .gradientBox{ min-height: 200px; border: 1px solid #596b88; background: #fafafa;}
.adminHomeTitle .gradientBox:hover{ background: #f0f4f7;}
.adminHomeTitle .gradientBox .manageBtn{ border-top: 1px solid #596b88;}
.adminHomeTitle .gradientBox .manageBtn .whiteAroBg{border-right: 1px solid #596b88;}
.adminHomeTitle .homepageSmallText{ font-size: 24px; line-height: 28px; color: #3b4a61;}
.adminHomeTitle .homeTitleBox{ margin-top: 30px;}

.multiCustomerAllowAdmin{ padding: 8px 6px;}
.errorMsgFixWidthcustAllow{ height:auto;}
.errorMsgFixWidthcustAllow:hover ul{ height:auto; width:265px;}
.errorMsgFixWidthcustAllow:hover li{white-space:normal; height:auto;}

.custAllowDayHrsText{ color: #3b4a61; float: right; font-family: "MyriadPro-Semibold"; font-size: 16px; font-weight: normal; margin: 5px 10px 3px 5px; text-align: left; text-decoration: none;}

.langFlagImage{float:left;}
.langFlagImage img{ height:23px; border:1px solid #b1bac8; margin:2px 0 0 5px; border-radius: 4px;}

.newProcedureEmpListBox{ border: 1px solid #8dafc7; border-radius: 5px; margin-bottom: 10px; width: 99%; display: inline-block; margin-top: 10px;}
.newProcedureEmpListBoxInner{background: #e8f4fa; border-bottom: 1px solid #8dafc7; border-radius: 5px 5px 0 0; color: #3f5061; float: left; font-size: 15px; font-weight: bold; line-height: 18px; padding: 8px 2% 6px 2%; width: 96%;}
.newProcedureEmpListBoxDetail{padding: 2% 2% 1% 2%; display: inline-block; width: 96%;}
.provideAreaName input[type="text"].width65per{ width: 65%;}
.provideAreaName input[type="text"].width210{ width: 211px;}


/*Procedure Hair type*/
.procedureHairType{border: 1px solid #8dafc7; border-radius: 5px; width: 99%;}
.procedureHairType th{ padding: 6px; background: #e8f4fa; font-size: 16px; border-right: 1px solid #8dafc7; border-bottom: 1px solid #8dafc7; font-weight: 600;}
.procedureHairType th:first-child{ border-radius: 5px 0px 0px 0px;}
.procedureHairType th:last-child{ border-radius: 0px 5px 0px 0px; border-right:none;}
.procedureHairType td:last-child{ border-right:none;}
.procedureHairType td{padding: 6px; padding-bottom: 0; border-right: 1px solid #8dafc7;}

/*Hair type listing*/
.hairTypePrice{ display: inline-block;; width: 100%; color: #3f5061; padding: 5px 0 0 0; font-family: 'MyriadPro-Regular'; font-size: 15px; line-height: 15px;}
.hairTypeMain{color:#3f5061; padding:5px 0 21px 0; font-family:'MyriadPro-Regular'; font-size:18px; line-height:18px;}
.empStartDate .active{ float:left;}

/*Procedure Listbox*/
.procedureListMainBoxLeft{width:100%;float:left; box-sizing:border-box;}
.procedureListMainBoxLeft h1{font-family:'MyriadPro-Regular';font-size:24px;line-height:28px;padding:0; color:#4c4c4c;width:660px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.linux.gecko .procedureListMainBoxLeft h1{padding:0;}
.linux.chrome .procedureListMainBoxLeft h1{padding:0;}
.mac .procedureListMainBoxLeft{padding:0;}
.mac .procedureListMainBoxLeft h1{padding:0;}

.addAreaBox .portalProcedureGridView{ padding: 0; height: 147px;}
.addAreaBox .portalProcedureGridView h1{ padding: 40px 10px 5px 10px; text-align: center;}
.portalProcedureGridView .procedurePrice{ padding: 0px 10px 0 10px;}

.portalProcedureListView .procedurePrice{ padding: 0px;}
.portalProcedureIconView .procedurePrice{ padding: 0px;}

/*Theme color pallate*/
.colorPallateMain{display: inline-block; border:1px solid #335e8a; position: relative; cursor: pointer;}
.selectedColor{ width: 30px; height: 23px; display: inline-block; border:2px solid #fff;}
.themeSelectedColor{ position: relative; display: inline-block; width: 35px; padding: 6px; border: 1px solid #3b4a61;}
.colorPalleteDownArrow{background-position:-108px -209px; width: 25px; height: 25px; display: inline-block;}
ul.colorPalletOption{ position: absolute; left: -1px; top: 31px; background: #ffffff; border: 1px solid #335e8a; z-index: 1;}

.fieldInfoIcon{ background-position:-255px -605px; display:inline-block; height:26px; width:26px; padding:0; box-sizing:border-box; float: left; /*margin-left: 5px;*/ margin-top: -5px;}

.fieldInfoContent{ position: absolute; right: 45px; top: 25px; background: #ffffff; border: 1px solid #8294ac; padding:0; border-radius: 3px; z-index: 9; width: 395px;}
.fieldInfoContent img{ width: 100%;}

.manualFieldInfoContent{ position: absolute; right: -30px; top: 45px; background: #ffffff; border: 2px solid #8294ac; padding:0; border-radius: 3px; z-index: 99; width: 600px;}
.manualFieldInfoContent:after, .manualFieldInfoContent:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.manualFieldInfoContent:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 19px; right: 25px; margin-left: -17px;}
.manualFieldInfoContent:before { border-color: rgba(113, 158, 206, 0); border-bottom-color: #8294ac; border-width: 22px; right: 22px; margin-left: -20px;}

.manualFieldInfoContentRight{ position: absolute; left: -30px; top: 45px; background: #ffffff; border: 2px solid #8294ac; padding:0; border-radius: 3px; z-index: 99;}
.manualFieldInfoContentRight:after, .manualFieldInfoContentRight:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.manualFieldInfoContentRight:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 19px; left: 15px; margin-right: 2px;}
.manualFieldInfoContentRight:before { border-color: rgba(113, 158, 206, 0); border-bottom-color: #8294ac; border-width: 22px; left: 12px; margin-right: -1px;}
.manualFieldInfoContent img{ width: 100%;}

.manualFieldInfoContentBottom{ position: absolute; right: -30px; top: 45px; background: #ffffff; border: 2px solid #8294ac; padding:0; border-radius: 3px; z-index: 99; width: 500px;}
.manualFieldInfoContentBottom:after, .manualFieldInfoContentBottom:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.manualFieldInfoContentBottom:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 19px; right: 33px; margin-left: -17px;}
.manualFieldInfoContentBottom:before { border-color: rgba(113, 158, 206, 0); border-bottom-color: #8294ac; border-width: 22px; right: 30px; margin-left: -20px;}

.manualFieldInfoContentBottom.arrowRight{ right: 0; width: 460px;}
.manualFieldInfoContentBottom.arrowRight:after { right: 1px;}
.manualFieldInfoContentBottom.arrowRight:before { right: -2px;}

/*.fieldInfoContentBottom img{ width: 99%;}*/
.manualFieldInfoContentBottomSmall{ position: absolute; right: -38px; top: 45px; background: #ffffff; border: 2px solid #8294ac; padding:0; border-radius: 3px; z-index: 99; width: 250px;}
.manualFieldInfoContentBottomSmall:after, .manualFieldInfoContentBottomSmall:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.manualFieldInfoContentBottomSmall:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 19px; right: 33px; margin-left: -17px;}
.manualFieldInfoContentBottomSmall:before { border-color: rgba(113, 158, 206, 0); border-bottom-color: #8294ac; border-width: 22px; right: 30px; margin-left: -20px;}

.manualFieldInfoContentBottomMed{ position: absolute; right: -38px; top: 45px; background: #ffffff; border: 2px solid #8294ac; padding:0; border-radius: 3px; z-index: 99; width: 330px;}
.manualFieldInfoContentBottomMed:after, .manualFieldInfoContentBottomMed:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.manualFieldInfoContentBottomMed:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 19px; right: 33px; margin-left: -17px;}
.manualFieldInfoContentBottomMed:before { border-color: rgba(113, 158, 206, 0); border-bottom-color: #8294ac; border-width: 22px; right: 30px; margin-left: -20px;}

.manualFieldInfoContentUpMed{ position: absolute; right: -30px; bottom: 45px; background: #ffffff; border: 2px solid #8294ac; padding:0; border-radius: 3px; z-index: 99; width: 290px;}
.manualFieldInfoContentUpMed:after, .manualFieldInfoContentUpMed:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.manualFieldInfoContentUpMed:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 19px; right: 33px; margin-left: -17px; bottom: -38px;}
.manualFieldInfoContentUpMed:before { border-color: rgba(113, 158, 206, 0); border-top-color: #8294ac; border-width: 22px; right: 30px; margin-left: -20px; bottom: -44px;}

.manualFieldInfoContentBottom300{ position: absolute; right: -38px; top: 45px; background: #ffffff; border: 2px solid #8294ac; padding:0; border-radius: 3px; z-index: 99; width: 290px;}
.manualFieldInfoContentBottom300:after, .manualFieldInfoContentBottom300:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.manualFieldInfoContentBottom300:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 19px; right: 33px; margin-left: -17px;}
.manualFieldInfoContentBottom300:before { border-color: rgba(113, 158, 206, 0); border-bottom-color: #8294ac; border-width: 22px; right: 30px; margin-left: -20px;}

.manualFieldInfoContentBottomArrowRight{ position: absolute; right: -20px; top: 45px; background: #ffffff; border: 2px solid #8294ac; padding:0; border-radius: 3px; z-index: 99; width: 500px;}
.manualFieldInfoContentBottomArrowRight:after, .manualFieldInfoContentBottomArrowRight:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.manualFieldInfoContentBottomArrowRight:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 19px; right: 13px; margin-left: -17px;}
.manualFieldInfoContentBottomArrowRight:before { border-color: rgba(113, 158, 206, 0); border-bottom-color: #8294ac; border-width: 22px; right: 10px; margin-left: -20px;}

.manualFieldInfoContentUp{ position: absolute; right: -30px; bottom: 45px; background: #ffffff; border: 2px solid #8294ac; padding:0; border-radius: 3px; z-index: 99; width: 500px;}
.manualFieldInfoContentUp:after, .manualFieldInfoContentUp:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.manualFieldInfoContentUp:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 19px; right: 33px; margin-left: -17px; bottom: -38px;}
.manualFieldInfoContentUp:before { border-color: rgba(113, 158, 206, 0); border-top-color: #8294ac; border-width: 22px; right: 30px; margin-left: -20px; bottom: -44px;}

.manualFieldInfoContentUpSmall{ position: absolute; right: -30px; bottom: 45px; background: #ffffff; border: 2px solid #8294ac; padding:0; border-radius: 3px; z-index: 99; width: 250px;}
.manualFieldInfoContentUpSmall:after, .manualFieldInfoContentUpSmall:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.manualFieldInfoContentUpSmall:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 19px; right: 33px; margin-left: -17px; bottom: -38px;}
.manualFieldInfoContentUpSmall:before { border-color: rgba(113, 158, 206, 0); border-top-color: #8294ac; border-width: 22px; right: 30px; margin-left: -20px; bottom: -44px;}

.manualFieldInfoContentUpRight{ position: absolute; left: -30px; bottom: 45px; background: #ffffff; border: 2px solid #8294ac; padding:0; border-radius: 3px; z-index: 99; width: 600px;}
.manualFieldInfoContentUpRight:after, .manualFieldInfoContentUpRight:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.manualFieldInfoContentUpRight:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 19px; left: 33px; margin-left: -17px; bottom: -38px;}
.manualFieldInfoContentUpRight:before { border-color: rgba(113, 158, 206, 0); border-top-color: #8294ac; border-width: 22px; left: 33px; margin-left: -20px; bottom: -44px;}

.manualFieldInfoContentUpLeft{ position: absolute; right: -39px; bottom: 45px; background: #ffffff; border: 2px solid #8294ac; padding:0; border-radius: 3px; z-index: 99; width: 600px;}
.manualFieldInfoContentUpLeft:after, .manualFieldInfoContentUpLeft:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.manualFieldInfoContentUpLeft:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 19px; right: 33px; margin-left: -17px; bottom: -38px;}
.manualFieldInfoContentUpLeft:before { border-color: rgba(113, 158, 206, 0); border-top-color: #8294ac; border-width: 22px; right: 30px; margin-left: -20px; bottom: -44px;}
.infoTooltipIcon{ display: inline-block; vertical-align: top; margin-top: -2px;}

.infoFieldHideText{padding: 20px 15px 0px 20px; font-size: 18px; color: #262626; text-align: right;}
.showManual{ float: left; margin-top: 7px;}

.mac .addProcedureFormDiv .marT8{ margin-top: 8px;}
.mac.safari .addProcedureFormDiv .marT8{ margin-top: 7px;}
.mac.chrome .addProcedureFormDiv .marT8{ margin-top: 6px;}

/*Portal listbox*/
.portalListMainBox{width:100%; float: left; margin-bottom: 10px;}
.portalListMainBox tr th{ padding: 5px 5px; font-size: 16px; color: #3F5061; font-family:'MyriadPro-Regular'; line-height: 17px;}
.portalListMainBox tr td{ padding: 0 0;}

.portalListMainBox h1{font-family: 'MyriadPro-Regular'; font-size: 20px; line-height: 20px; padding:0; margin: 0; color: #4c4c4c; /*width: 550px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/} 
.portalListBtn{min-width: 90px; display: inline-block;  background: url(../../images/theme3/return-back-bg.png) repeat-x left top; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #cfcfcf;}
.portalListBtn a{ color: #38485e; font-size: 14px; padding: 4px 5px 5px 5px; line-height: 14px; font-family: 'MyriadPro-Regular'; text-decoration: none; display: inline-block; text-align: center; text-decoration: none; display: block; cursor: pointer;}
.portalListBtn:hover{ background: url(../../images/theme3/return-back-hover-bg.png) repeat-x left top;}

.portalProcedureCombo .dd2 .ddTitle{ width: 180px;}

.linux .portalListBtn a{padding:6px 5px 2px; line-height:14px;}
.mac .portalListBtn a{padding:6px 5px 2px; line-height:14px;}
.portalListMainBox .title{color: #3f5061; font-size: 14px; font-family: 'MyriadPro-Semibold'; line-height:14px;}
.portalListMainBox .gridViewValue{color: #3f5061; font-size: 14px; font-family: 'MyriadPro-Semibold'; line-height:14px;}
.portalListMainBox .contentBoxBorder{ border: 1px solid #cfcfcf; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 6px 5px 6px 5px;}
.portalListStartDate{ position: absolute; right: 10px; top: 14px; color: #3f5061; font-size: 14px; font-family: 'MyriadPro-Regular'; border: 1px solid #3f5061; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 3px;}
.linux .portalListStartDate{ padding:5px 3px 1px 3px;}
.mac .portalListStartDate{ padding:5px 3px 1px 3px;}
.expireDateTextbox input[type="text"] { background: #ffffff; border: 1px solid #cfcfcf; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #3f5061; font-family: 'MyriadPro-Regular'; font-style: normal; font-size: 14px; font-weight: normal; padding: 1px 3px 2px 3px; text-align: left; width: auto; box-shadow: none; float: left; margin: 0; box-sizing: border-box;} 
.expireDateTextbox input[type="text"].expireDatePadd{ padding: 17px 3px; text-align: center;}
.resourcesBoxBorder input[type="text"].expireDatePadd{ padding: 17px 0 17px 3px; text-align: center;}

.expireDateTextbox input[type="text"].resourceTextbox{ background: #ffffff; color: #3f5061; font-family: 'MyriadPro-Regular'; font-style: normal; font-size: 14px; font-weight: normal; text-align: left; width: 25px; box-shadow: none; float: left; margin: 0; border:none;} 
.resourcesBoxBorder{border: 1px solid #cfcfcf; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #3f5061; font-family: 'MyriadPro-Regular'; font-style: normal; font-size: 14px; font-weight: normal; padding-right:10px;}
.resourcesBoxBorder strong{padding:17px 1px 17px 10px; display: inline-block; float: left; width: 33px; text-align:right;}

.decreDay{ background: #596b88; border-radius: 5px; display: inline-block; font-size: 22px; width: 22px; height: 22px; text-align: center; color: #fff; vertical-align: top; line-height: 17px; text-decoration: none;font-family: 'MyriadPro-Semibold'; margin-bottom: 3px; display: block; margin-left: 5px;} 
.increDay{ background: #596b88; border-radius: 5px; display: inline-block; font-size: 22px; width: 22px; height: 22px; text-align: center; color: #fff; vertical-align: top; line-height: 17px; text-decoration: none;font-family: 'MyriadPro-Semibold'; display: block; margin-left: 5px; position:absolute; left:0; top:31px;}
.decreDay:hover, .increDay:hover{ background: #6c83a7;}
.linux .decreDay, .linux .increDay{ line-height: 22px;}
.mac .decreDay, .mac .increDay{ line-height: 24px;}
.addNewPortal{margin-left: -15px;}

.portalListMainBox .grayGradient{ background:#ededed;}
.portalListMainBox .expireGradient{ background: #fbb7b7;}
.portalListMainBox .trialGradient{ background: #fbfb93;}
.portalListMainBox .activeGradient{ background: #affcaf;}
.portalListMainBox .markDisableGradient{background: #a92626;}

.portalListMainBox .grayGradient:hover{ background:#ededed; border:1px solid #cfcfcf;}
.portalListMainBox .expireGradient:hover{ background: #fbb7b7;}
.portalListMainBox .trialGradient:hover{ background: #fbfb93;}
.portalListMainBox .activeGradient:hover{ background: #affcaf;}
.portalListMainBox .markDisableGradient:hover{background: #a92626;}
.notificationSmallIcon{ background-position:-141px -213px; width:17px; height:20px; display:inline-block; }
.notificationSmallIconPosition{ position: absolute; right: 85px; top: 15px; }

.portalPageMain{ position: relative;}
.setEmailDiv{ position: absolute; left: -50px; top: 0;}
a.setEmailBtn{margin:0 0 6px 0;text-decoration:none;float:left;display:block;background:url(/images/theme3/add-subarea-btn-bg.png) repeat-x left top;cursor:pointer; border:1px solid #cfcfcf; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative;behavior:url(PIE.htc);}
.setEmailBtnImg{margin:0;vertical-align:middle;float:left;padding:3px 4px; min-width: 24px;}
.setEmailBtnImg .setEmailIcon{ background-position:-10px -658px; width:24px; height:16px; display:block;}

a.setDollarBtn{margin:0 0 6px 0;text-decoration:none;float:left;display:block;background:url(/images/theme3/add-subarea-btn-bg.png) repeat-x left top;cursor:pointer; border:1px solid #cfcfcf; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative;behavior:url(PIE.htc);}
.setDollarBtnImg{margin:0;vertical-align:middle;float:left;padding:1px 4px; min-width: 24px; text-align: center;}
.setDollarBtnImg .setDollarIcon{ text-align: center; vertical-align: top; color: #9e9e9e; font-weight: bold; }

.setPaymentDiv{ position: absolute; left: -90px; top: 0;}
a.setPaymentBtn{margin:0 0 6px 0;text-decoration:none;float:left;display:block;background:url(/images/theme3/add-subarea-btn-bg.png) repeat-x left top;cursor:pointer; border:1px solid #596b88; background: #596b88; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:relative;behavior:url(PIE.htc);}
.setPaymentBtnImg{margin:0;vertical-align:middle;float:left;padding:15px 4px; min-width: 24px; min-height: 21px; text-align: center;}
.setPaymentBtnImg .setPaymentIcon{ text-align: center; vertical-align: top; color: #fff; font-weight: bold; }

.portalPageMain{ position: relative;}
.portalNotificationDiv{ position: absolute; right: -10px; top: 14px;}
.portalNotificationDiv a{ display: inline-block;}
.portalNotificationDiv .infoIcon{background-position:-296px -605px; display: inline-block; height: 26px; width: 26px; padding: 0; box-sizing: border-box;}

.impReqNotificationDiv{ float: right; margin-top: 35px; margin-left: 20px; margin-right: 4%;}
.impReqNotificationDivInner{ border: 2px solid #6c849c; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:5px 7px;position: relative;}
.impReqNotificationIcon{ background-position:-178px -214px; width:24px; height:28px; display:inline-block;}
.impPendingPayNotificationIcon{ background-position:-212px -214px; width:24px; height:28px; display:inline-block;}
.impControlPanelLoginNotificationIcon img{ width:24px; height:28px; display:inline-block; vertical-align: top; opacity: 0.4;}

.impReqNotificationDiv a .badge {height: 25px; right: -15px; margin: 0; padding: 0; position: absolute; top: -12px; width: 25px; }
.impReqNotificationDiv .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; color: #fff; background-color: #3b4a61; border-radius: 40px; }
.impReqNotificationDiv .badge, .impReqNotificationDiv .label { font-weight: 700; line-height: 24px; white-space: nowrap; vertical-align: baseline; text-align: center; }

.impReqNotificationDiv + .impReqNotificationDiv{ margin-right: 10px; }

/*.listMainBoxLeft{width:100%;float:left;padding:0 0 15px 0; box-sizing:border-box;}
.listMainBoxLeft h1{font-family:'MyriadPro-Regular';font-size:24px;line-height:28px;padding:0;padding-top:15px; color:#4c4c4c;width:660px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.listMainBoxRight{width:31%;float:right; margin-top:1px; padding:3px 3px 3px 0; box-sizing:border-box;}*/
.pac-container{z-index: 999999!important; background: #ffffff;}
#pac-input{ left: 184px!important; top: 5px!important;}
.geoLocationBtn button{ margin-bottom: 10px; background: url(/images/theme3/submenu-selected-right.png) repeat-x left center; border: 1px solid #A8B3C2; border-radius: 5px; padding: 7px 10px; color: #ffffff;}
/*Send Request to add Resources*/
h1.sendReqToResTitle{ text-transform: uppercase; padding: 40px 15px 0 15px;}
h1.sendReqToResTitleListView{text-transform: uppercase;}
.listMainBoxLeft.widthAuto{ width: auto;}
h1.sendReqToResTitleIconView{text-transform: uppercase; color: #3B4A61; font-family: 'MyriadPro-Regular'; font-size: 16px; font-weight: bold; line-height: 21px; margin: 5px 0;}
.categoryDiv label{ padding-left: 3px; padding-right: 15px;}

.aseDesArrow{ float: right;}
a .trialUpArrow{ background: url("/images/theme3/up-arrow-white.png") no-repeat center center; height: 4px; width: 8px; display: inline-block; vertical-align: middle;}
a:hover .trialUpArrow, a.active .trialUpArrow{ opacity: 0.5;}
a .trialDownArrow{ background: url("/images/theme3/down-arrow-white.png") no-repeat center center; height: 4px; width: 8px; display: inline-block; vertical-align: middle; }
a:hover .trialDownArrow, a.active .trialDownArrow{ opacity: 0.5;}

/*Remove portal procedure*/
.removeProcedureDuration{ background-position: -107px -115px; width: 30px; height: 30px; display: inline-block; cursor: pointer;}
.addDurationBtn{ display: inline-block; margin: 5px 0 5px 0; cursor: pointer;}
.addDurationBtn a{background: #335e8a; color: #ffffff; font-family: "MyriadPro-Regular"; font-size: 17px; line-height: 18px; padding:5px 7px; border-radius: 3px; display: inline-block;}
.mac .addDurationBtn a{ padding: 7px 7px 4px 7px;}
.linux .addDurationBtn a{padding: 7px 7px 4px 7px;}
.provideAreaName input[type="checkbox"].bestOfferCheckbox{ margin-top: 8px; margin-left: 10px; box-shadow: none;}
.linux.gecko .provideAreaName input[type="checkbox"].bestOfferCheckbox{ margin-top: 8px; margin-left: 10px; box-shadow: none;}

/*Register new company category*/
.registerCoCat{ width: 48%; float: left; margin-bottom: 5px;}
.registerCoCat input[type="checkbox"]{ vertical-align: top; margin: 3px 0 0 0;}
.linux .registerCoCat input[type="checkbox"]{ margin: 1px 0 0 0;}
.mac .registerCoCat input[type="checkbox"]{ margin: 1px 0 0 0;}
.registerCoCatLabel{ width: 100%;}
.registerCoCatLabel label{ word-break: break-all; width: 85%; display: inline-block; vertical-align: top; font-size: 14px;}

.width200{display: inline-block; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.blueDownArrow{float: left; margin-top: -18px; text-align: center; width: 100%;}
.blueDownArrow img{ cursor: pointer;}

.jconfirm .jconfirm-box-container{ margin: 0 auto; width: 400px;}

/*Button*/
a.iconBtn{border:1px solid #cfcfcf;text-decoration:none;display:inline-block;background:url(/images/theme3/return-back-bg.png) repeat-x left top; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; behavior:url(PIE.htc);position:relative;cursor:pointer;}
a.iconBtn:hover{border:1px solid #a8b3c2;background:url(/images/theme3/return-back-hover-bg.png) repeat-x left top;}
a.iconBtn.disabled{ pointer-events: none; opacity: 0.6;}
.iconBtnImg{margin:0;vertical-align:middle;display: inline-block; padding:8px 6px 8px 10px;}
.iconBtnImg + .iconBtnText{background:url(/images/theme3/return-back-divider.png) no-repeat center left;}
.iconBtnText{color:#4c4c4c;font-size:16px;font-family:'MyriadPro-Regular';display: inline-block; padding:8px 8px;line-height:16px;}
.mac.chrome .iconBtnText{padding:11px 10px 9px 10px;}
.linux.opera .iconBtnText{padding:12px 10px 5px;}
.linux.gecko .iconBtnText{padding:10px 8px 8px 10px;}
.iconBtnImg .spriteIcon1{ width:18px;height:18px;display:block;}
.iconBtnImg .copyIcon{ background-position:0 -685px;}
.iconBtnImg .cutIcon{ background-position:-18px -685px;}
.iconBtnImg .pasteIcon{ background-position:-36px -685px;}
.iconBtnImg .deleteIcon{ background-position:-54px -685px;}
.iconBtnImg .procedureIcon{ background-position:-72px -685px;}
.iconBtnImg .categoryIcon{ background-position:-90px -685px;}
.mac .iconBtnImg{ padding:9px 6px 7px 10px;}
a.navSelected{cursor:pointer;background:url(/images/theme3/submenu-selected-right.png) repeat-x left center;border:1px solid #A8B3C2;}
a.navSelected .iconBtnText{ color:#ffffff;}
a:hover.navSelected .iconBtnText{color:#38485e}

.categoryBtn.iconBtn, 
.categoryBtn.iconBtn:hover{border-color: #1FA8D0;}
.procedureBtn.iconBtn, 
.procedureBtn.iconBtn:hover{border-color: #ba8a2f;}
.additionalProcedureBtn.iconBtn, 
.additionalProcedureBtn.iconBtn:hover{border-color: #3300ff;}

/*.checkboxToolOperation{ position: absolute; left: 0; top: 0;}*/
.checkBoxTool { width: 20px; height: 20px; position: absolute; left: 1px; top: 1px; margin: 0;}
.checkBoxTool .lbl{ width: 18px; height: 18px; cursor: pointer; background: #fcfff4; background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 4px; border: 1px solid #cfcfcf; display: inline-block;}
.checkBoxTool .lbl:after { content: ''; width: 9px; height: 5px; position: absolute; top: 4px; left: 4px; border: 3px solid #333; border-top: none; border-right: none; background: transparent; opacity: 0; transform: rotate(-45deg);}
.checkBoxTool input[type=checkbox]:not(:checked):hover + .lbl:after { opacity: 0.5;}
.checkBoxTool input[type=checkbox] { opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; margin: 0; cursor: pointer; z-index: 1;}
.checkBoxTool :checked + .lbl:after { opacity: 1;}

/** default and google theme **/
.selectstyle{position:relative;}
.ss_dib{display:inline-block;vertical-align:top;}
.ss_button{width:210px; position: relative; display: inline-block; border:1px solid #C0C0C0; margin: 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior:url(PIE.htc); outline:none; cursor:pointer; box-sizing:border-box;
background: #a8b4c1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4YjRjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWUwZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #a8b4c1 0, #d9e0e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#a8b4c1), color-stop(100%,#d9e0e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a8b4c1 0,#d9e0e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a8b4c1 0,#d9e0e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a8b4c1 0,#d9e0e2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a8b4c1 0,#d9e0e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8b4c1', endColorstr='#d9e0e2',GradientType=0 ); /* IE6-8 */
}
.ss_text{ color:#3b4a61;font-style:normal;font-family:"MyriadPro-Regular";font-size:15px;font-weight:normal; line-height:normal; position:relative; padding: 5px; text-overflow:ellipsis;text-indent:0;white-space:nowrap;overflow:hidden; width: 100%; display: inline-block;}
.linux .ss_text{ line-height: 24px;}
.dd2 .ddTitle span.arrow {}
.ss_image{ background:url(/images/theme3/calender-arrow.png) no-repeat center center; width:24px; height:100%; cursor:pointer; top:0; position:absolute; right:0; border-left: 1px solid #7e7e7e;}
.ss_ulsearch{margin:0; padding: 0; position:absolute; top: 100%; left: 0; margin-top: 0 !important; width: 100% !important; background:#fff; border:1px solid #cbcbcb; overflow:hidden; z-index:100; display:none; box-sizing:border-box; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.ss_ulsearch *{ box-sizing:border-box;}
.ss_ulsearch .ss_ul{display:block; list-style:none; padding: 0; width: 100% !important; margin:0; position:relative; background:#fff; overflow-x:hidden; overflow-y:auto; z-index:100;}
.ss_ulsearch .search{border-bottom:1px solid #cbcbcb; padding:0; display: inline-block;width: 100%; vertical-align: top;}
.ss_ulsearch .search input{background:inherit;border:none;height:34px;padding:8px !important; width: 100% !important; outline:none; color:#3b4a61;font-style:normal;font-size:15px;}
.ss_ulsearch .search input:focus{outline:none;}
.ss_ulsearch .nosearch{text-align:center;font-size:12px;padding-bottom:10px;background:#fff;}
.ss_ulsearch .ss_ul li{ background:none; padding:8px; list-style:none; display:block; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior:url(PIE.htc);position:relative;}
.ss_ulsearch .ss_ul li .ssli_text { color:#3b4a61;font-style:normal;font-family:"MyriadPro-Regular";font-size:15px;font-weight:normal;}
.ss_ulsearch .ss_ul li:hover{background-color:#f0f4f7; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; behavior:url(PIE.htc);position:relative;}
.ss_ulsearch .ss_ul li.selected { background-color: #cccccc;}
/*.ss_ul::-webkit-scrollbar {width:10px;}
.ss_ul::-webkit-scrollbar:horizontal{height:10px;}
.ss_ul::-webkit-scrollbar-track {border-left:1px solid #D3D3D3;background:#F5F5F5;}
.ss_ul::-webkit-scrollbar-thumb {background:#C4C4C4;}*/

.langTextareaRel{ position: relative; min-height: 220px;}
.langTextareaAbs{ position: absolute; left: 0; top: 0; width: 100%;}
.langTextareaAbs .textarea-wrapper{ width: 100%; }
.langBtns{ float: left;}
.langBtns + .imgHover{ margin-left: 16px; }
.langBtns .langFlagImage{ background:#5b6f8e; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; text-decoration:none; font-family:'MyriadPro-Regular'; font-size:15px; line-height:normal; color:#ffffff; padding:2px 10px; margin-left: 8px; display:inline-block; border:none; cursor: pointer;}
.langBtns .langFlagImage.active{ background:#3b4a61; }

.langRow{ display: inline-block; width: 100%; vertical-align: top;}
.langRow + .langRow{ padding-top: 5px;}
.langRow .langFlagImage{ min-width: 30px; }
.langRow .errorMsg{ margin-left: 2px;}
.langRowBorder{ border: 1px solid #cfcfcf; border-radius: 5px; padding: 6px 8px; display: inline-block;}
.langRowBorder span{ display: inline-block; vertical-align: top;}

.emailMessages{ display: table; width: 100%; list-style: none; margin: 0; padding: 0;}
.emailMessages li{ display: table-cell; padding: 0;}
.emailMessages li + li{ padding-left: 2px; }
.emailMessages li a{ border:1px solid #3B4A61; text-decoration:none; display:inline-block; padding: 6px 10px; background:url(/images/theme3/return-back-bg.png) repeat-x left top; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; behavior:url(PIE.htc); position:relative; cursor:pointer; color:#4c4c4c; font-size:16px; font-family:'MyriadPro-Regular'; text-align: center; line-height: 16px; width:100%; box-sizing: border-box;}
.emailMessages li a.activeBtn{ background: #3b4a61; color: #fff;}

.btnComman{ -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; text-decoration:none; font-family:'MyriadPro-Regular'; font-size:15px; line-height:normal; padding:2px 10px; display:inline-block; border:none; cursor: pointer; border: 1px solid #cfcfcf; background: url(/images/theme3/return-back-bg.png) repeat-x left top; color: #4c4c4c; text-decoration: none;}
.btnComman:hover,
.btnComman.active{ background:#fff;}
.btnDark{ background:#3b4a61; color:#ffffff; border-color: transparent;}
.btnDark:hover,
.btnDark.active{ background:#5b6f8e; }
.btnDanger{ background:#fbb7b7; color:#4c4c4c; border-color: #fbb7b7;}
.btnDanger:hover,
.btnDanger.active{ background:#f6a0a0; }
.btnSuccess{ background:#affcaf; color:#4c4c4c; border-color: #affcaf;}
.btnSuccess:hover,
.btnSuccess.active{ background:#83f683; }

.iconLeft36{ position: relative; padding-left: 36px;}
.iconLeft36 .icon{ position: absolute; left: 0; top: 50%; margin-top: -13px;}
.categoryTitleIcon{ position: relative; -webkit-box-sizing: border-box; box-sizing: border-box;}
.categoryTitleIcon h1,
.linux.gecko .categoryTitleIcon.listMainBoxLeft h1,
.linux.chrome .categoryTitleIcon.listMainBoxLeft h1,
.mac .categoryTitleIcon.listMainBoxLeft h1{ padding-right: 30px;}
.categoryTitleIcon .icon{ position: absolute; right: 5px; top: 50%; margin-top: -13px;}
.iconOfficeBuilding{ background-position: 0 -712px; width: 26px; height: 26px; display: inline-block;}

.banIpList{ width: 100%; margin-bottom: 8px; position: relative; padding-right: 22px;}
.banIpList .ipRemove{ display: inline-block; position: absolute; right: 0; top: 0;}
.ipBlocker{	background-position:-450px -664px; height:50px; width:50px; display:inline-block;}

.loggedInIp{ width: 24px; height: 28px; display: inline-block; font-size: 28px; color: #6c849c; font-style: normal; font-family:"MyriadPro-Regular"; text-decoration: none; font-weight: bold;}
.ui-datepicker{width: 17em; padding: .2em .2em 0; display: none;}
.ui-datepicker table.mtz-monthpicker {width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em;}
.ui-widget-header.mtz-monthpicker{padding: 5px;}
.mtz-monthpicker tr td.ui-state-default {padding: 1px;}
.mtz-monthpicker tr:first-child td.ui-state-default{padding-top: 2px;}
.mtz-monthpicker tr td.ui-state-default a{min-width: 65px; display:block; padding: 1px; border: 1px solid #d3d3d3; background: #ffffff; font-weight: normal; color: #222222;}
.mtz-monthpicker tr td a:hover, .mtz-monthpicker tr td.ui-state-active a{border: 1px solid #536986; background: #536986; color: #ffffff;}

/* === Start Customer side default photo style ===*/
.csbiDefaultPhotoBoxContainer{ width: 100%; display: inline-block; margin-bottom: 10px;}
.csbiDefaultPhotoBoxContainer .csbiDefaultPhotoBox{ width: 100%; display: inline-block;}
.csbiDefaultPhotoBoxContainer .csbiDefaultPhotoBox .csbiDefaultPhoto{ border: 2px solid #d8d8d8; width: 18%; display: inline-block; margin:1%; vertical-align: top; border-radius: 4px; padding: 0 10px; cursor: pointer;}
.csbiDefaultPhotoBoxContainer .csbiPhoto{text-align:center; padding-top:7px; padding-bottom:7px;}
.csbiDefaultPhotoBoxContainer .csbiPhoto img{ width: 100px; height: 100%; border: 1px solid #d8d8d8; display: inline-block; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; height:100px; width:100px;}
.csbiDefaultPhotoBoxContainer .csbiDefaultPhotoBox .csbiDefaultPhoto.selected, .csbiDefaultPhotoBoxContainer .csbiDefaultPhotoBox .csbiDefaultPhoto:hover{ border:2px solid #337ebe;}
/* === End Customer side default photo style ===*/