@import url('telerikchanges.css');
@import url('jquery.mCustomScrollbar.css'); 

@font-face{ font-family:'proxima-nova';  src:url('https://hutchinsonjobs.hyrell.com/UI/Styles/ProximaNova.ttf') format('truetype');  src:local(''ProximaNova'),local(''Proxima-Nova');  font-weight:normal}

html, body{ background:#f2f2f0;  color:#000;  font-family:arial,helvetica,sans-serif !important;  font-size:13px;  padding:0px;  margin:0px}
*{ margin:0;  padding:0}

img{ border:0;  outline:none}
ul, li{ list-style:none}
a{ text-decoration:none}
p{ display:block;  -webkit-margin-after:0em;  -webkit-margin-start:0px;  -webkit-margin-end:0px}

.clearfix:after{ content:".";  display:block;  height:0;  clear:both;  visibility:hidden}

.clearfix{ display:inline-block}

* html .clearfix{ height:1%}
.clearfix{ display:block}

.inner{ width:1000px;  margin:0 auto;  position:relative}
.overflow{ overflow:hidden}
.clear{ clear:both}
.left{ float:left}
.right{ float:right}
.right5{width: 30px; float: right; outline: 0; }
.margintop20{ margin-top:20px}
.marginbottom20{ margin-bottom:20px}
.spaceleft20{ margin-left:20px}
.spaceleft15{ margin-left:15px}
.spaceleft10{ margin-left:10px}
.spacetop5{ margin-top:5px}
.spacetop10{ margin-top:10px}
.spacetop20{ margin-top:20px}
.spacetop30{ margin-top:30px}
.margintop250{ margin-top:250px}
.spaceright20{ padding-right:20px;  text-align:right}
.spaceright30{ padding-right:30px;  text-align:right}

#header{    background:#fff;     border-bottom:1px solid #ccc}

#nav ul.nav{    display:block}
.nav li{    float:left}

.nav li a span{    background-image:url(../Images/nav.png);     background-repeat:no-repeat;     white-space:nowrap;     line-height:50px;     padding:0 15px 0 42px;     display:block}

.navA a span{    background-position:0 0}
.navB a span{    background-position:0 -51px}
.navC a span{    background-position:0 -102px}
.navD a span{    background-position:0 -153px}
.navE a span{    background-position:0 -204px}
.navF a span{    background-position:0 -255px}

.nav li a:hover{    background:url(../Images/nav_h.png) no-repeat center bottom}

.question{    background:url(../Images/nav.png) no-repeat -5px -306px;  display:block;  height:50px;  width:40px;  text-align:center}
.question a{ display:inline-block;  margin-top:15px;  text-indent:-99999px;  height:20px;  width:16px}

#logo{ padding:16px 0 0 0;  height:114px}

#logo1{ padding:0px 0 0 0;  height:114px}
.user{ padding-top:8px;  margin-left:14px}
.user img.corimg{ -webkit-border-radius:2px;  -moz-border-radius:2px;  border-radius:2px}
.user span{ line-height:30px;  float:left;  color:#fff;  padding-left:10px}

.top{    height:50px;     padding-top:20px}
.top ul{    display:block;     margin:0}
.top ul li{    float:left;     font-size:10px;     padding:10px 11px;     font-weight:bold;     height:30px}

.top ul li.activetop .date-box-calender{    background-image:url('../Images/icon-calender-active.png');  width:26px;  height:30px}
.top ul li.activetop .date-box-calender-day{ color:#fff}

.top ul li span, .top ul li input{ float:left}

.date-box-calender{    background-image:url('../Images/icon-calender.png');     width:26px;     height:30px}
.date-box-calender-day{    width:26px;     height:30px;     text-align:center;     margin-top:13px;     color:#4C4C4C;     font-weight:bold;     font-size:11px}

.top ul li.activetop .message-box-img{    background-image:url('../Images/icon-chat-active.png');     width:34px;     height:28px}

.message-box-img{    background-image:url('../Images/icon-chat.png');  width:34px;  height:28px}
.round2{ -webkit-border-radius:2px;  -moz-border-radius:2px;  border-radius:2px}

.search{ display:block;  position:relative}
.search span{ background:#fff;  border:1px solid #ccc;  color:#666;  outline:none;  height:16px;  width:200px;  padding:6px}
.search input.inputsearch{ color:#666;  outline:none;  border:none;  border:0;  font-size:11px;  font-family:Arial,Helvetica,sans-serif;  height:16px;  width:185px}

.tab{ position:absolute;  top:-31px;  right:0;  z-index:10}
.tab li{ float:left}
.tab li a{ line-height:28px;  padding:0 30px;  font-weight:bold;  color:#000;  display:block}

.tabsmall li a{ padding:0 20px}

.tab li a.active .add{ background-position:0 bottom}

.bradecumb{ padding:20px 0;  font-size:12px;  color:#999;  line-height:15px}

.displaynone{ display: none;}

#footer{ padding:25px 0px 0px}

#footer a{ color:#797978;  font-size:11px;  text-decoration:underline;  padding:0 15px}
#footer a:hover{ text-decoration:none;  color:#000}
#footer img{ border:none;  padding-right:50px}

.box{    background:#fff;     box-shadow:0px 2px 4px rgba(0,0,0,0.15);     behavior:url(https://hutchinsonjobs.hyrell.com/PIE.htc);  font-size:12px}
.boxDark{    background:#fff;     box-shadow:0px 2px 4px rgba(0,0,0,0.40);     behavior:url(https://hutchinsonjobs.hyrell.com/PIE.htc);  font-size:12px}

.col-l{    width:620px}
.col-r{    width:360px}
.width210{    width:210px}
.width220{    width:220px}
.width250{    width:250px}
.width770{    width:770px}

.width560{    width:560px}
.width555{    width:555px}
.width1000{    width:1000px}

.minheight250{    min-height:250px}
.minheight550{    min-height:550px}
.minheight1600{    min-height:1600px}
.height310{    height:310px;     overflow:hidden;     position:relative}
.height710{    height:710px;     overflow:hidden;     position:relative}
.title{    background:#fff;     line-height:20px;     height:20px;     text-align:left;     font-size:20px;     color:#4c4c4c;     position:relative;     padding-left:20px;     padding-top:18px}

h3.title span{    background:#fff;     line-height:20px;     height:20px;     text-align:left;     font-size:20px;     color:#4c4c4c;     position:relative;     vertical-align:top}

h3.title span.dashboard{    position:absolute;     right:20px;     width:16px;     height:15px;     cursor:pointer;     background:url(../Images/icon-info-dashboard.png) no-repeat right center;  margin-top:7px;  display:none}

.title label{ position:absolute;  right:10px;     height:14px;     cursor:pointer;     background:url(../Images/arrow.png) no-repeat right center;  top:11px}

.toolbar{ padding:30px 30px 30px 30px;  margin-bottom:5px}
.toolbarTemplate{ padding:30px}
.toolbarapp{ padding:23px 30px 0}
.view-mode{ float:left}

.view-mode{    float:left}
.view-mode a{    background:url(../Images/btn-listmenu.png) repeat-x 0 0;  border:1px solid #c8c8c8;  display:block;  float:left;  width:60px;  text-align:center;  line-height:34px;  color:#333;  font-weight:bold}
.view-mode .list{ -webkit-border-radius:2px 0 0 2px;  -moz-border-radius:2px 0 0 2px;  border-radius:2px 0 0 2px;  border-right:0}
.view-mode .grid{ -webkit-border-radius:0 2px 2px 0;  -moz-border-radius:0 2px 2px 0;  border-radius:0 2px 2px 0}
.view-mode .strong{ background:#4c4c4c;  border:1px solid #000;  color:#fff}

.dropmenu li{ position:relative;  z-index:10;  line-height:34px;  left:0;  top:0;  display:block}

.dropmenu li a span{    display:block;     padding:0 25px 0 0;     line-height:34px;     background:url(../Images/down-arrow.png) no-repeat right center}
.dropmenu li a span.new{    padding:0 20px 0 0}
.dropmenu li a span.new span{    display:block;     padding:0 0 0 20px;     line-height:34px;     background:url(../Images/icon-plus.png) no-repeat left center}

.dropmenu li:hover a{ background:#4c4c4c;  border:1px solid #000}
.dropmenu li ul{ display:none;  border:1px solid #ccc;  padding:10px 0;  z-index:1100;  font-size:13px;  position:absolute;  background:#fff;  -webkit-border-radius:3px;  -moz-border-radius:3px;  -o-border-radius:3px;  -ms-border-radius:3px;  border-radius:3px;  -moz-box-shadow:0px 1px 4px rgba(0,0,0,0.17);  -webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.17);  box-shadow:0px 1px 4px rgba(0,0,0,0.17)}
.dropmenu li ul li{ clear:both;     line-height:24px;     padding:0 10px}
.dropmenu li ul li a, .dropmenu li:hover ul li a{    display:block;     font-size:12px;     font-weight:normal;     white-space:nowrap;     padding:0 0 0 30px;     border:0;     background:none;     text-shadow:none;     color:#000;     background-image:url(../Images/dropmenu.png);     background-repeat:no-repeat;     background-position:0 0}

.dropmenu li:hover ul li a.user, .dropmenu li ul li a.user{    background-position:0 0}
.dropmenu li:hover ul li a.upload, .dropmenu li ul li a.upload{    background-position:0 -25px}
.dropmenu li:hover ul li a.tag, .dropmenu li ul li a.tag{    background-position:0 -50px}
.dropmenu li:hover ul li a.note, .dropmenu li ul li a.note{    background-position:0 -75px}
.dropmenu li:hover ul li a.download, .dropmenu li ul li a.download{    background-position:0 -100px}
.dropmenu li:hover ul li a.forward, .dropmenu li ul li a.forward{    background-position:0 -125px}
.dropmenu li:hover ul li a.print, .dropmenu li ul li a.print{    background-position:0 -150px}
.dropmenu li:hover ul li a.duplicate, .dropmenu li ul li a.duplicate{    background-position:0 -175px}
.dropmenu li:hover ul li a.suspend, .dropmenu li ul li a.suspend{    background-position:0 -200px}
.dropmenu li:hover ul li a.resume, .dropmenu li ul li a.resume{    background-position:0 -225px}
.dropmenu li:hover ul li a.delete, .dropmenu li ul li a.delete{    background-position:0 -250px}

.withouticon li ul{    width:100%}
.withouticon li ul li a, .withouticon li:hover ul li a{    padding:0 0 0 10px;     background:none}

.takeaction li ul{    width:100%}

.withouticon1 li ul{    width:100%}
.withouticon1 li ul li a, .withouticon1 li:hover ul li a{    padding:0 0 0 20px;     background:none}
.withouticon1 li ul li a.select, .withouticon1 li:hover ul li a.select{    color:#999;     background:url(../Images/icon-checkbox.png) no-repeat 0px 6px}
.withouticon1 li ul li ul{    display:block;     background:none;     border:none;     position:relative;     padding:0 0 0 10px;     -webkit-border-radius:0;     -moz-border-radius:0;     -o-border-radius:0;     -ms-border-radius:0;     border-radius:0;     -moz-box-shadow:none;     -webkit-box-shadow:none;     box-shadow:none}
.border{    background:url(../Images/line.png) repeat-x left center;     height:18px;     display:block}

.searchuser span{    -moz-box-shadow:inset 0px 0px 4px rgba(0,0,0,0.10);     -webkit-box-shadow:inset 0px 0px 4px rgba(0,0,0,0.10);     box-shadow:inset 0px 0px 4px rgba(0,0,0,0.10);     height:17px;     width:120px;     padding:3px 6px}
.searchuser input.inputsearch{    height:17px;     width:100px;     float:left}
.searchuser2 span{    width:150px;     float:right;     margin-right:56px;     margin-top:-18px}
.searchuser2 input.inputsearch{    width:130px}

.pages .current span{    opacity:.5}

.pages li{    background:url(../Images/btn_pager.png) repeat-x 0 0;     float:left;     border:1px solid #cecece}
.pages li a, .pages li span{    background:url(../Images/next-prev.png) no-repeat 9px center;     display:block;     height:23px;     width:23px}
.pages li.next a, .pages li.next span{    background:url(../Images/next-prev.png) no-repeat -15px center}
.pages li.prev{    -webkit-border-radius:2px 0 0 2px;     -moz-border-radius:2px 0 0 2px;     border-radius:2px 0 0 2px;     border-right:0}
.pages li.next{    -webkit-border-radius:0 2px 2px 0;     -moz-border-radius:0 2px 2px 0;     border-radius:0 2px 2px 0}

.amount{    float:left;     font-size:11px;     line-height:25px;     color:#666;     padding-left:5px}
.show{    padding-right:5px;     font-size:11px}
.showselect div.jqTransformSelectWrapper{    width:80px !important}
.perpage{    padding-left:5px}

.leftside{    background:url(../Images/left-bg.png) repeat-y 0 0;     margin-top:27px}
.col-l1{    width:170px;     background-color:#F2F2F0}
.col-r1{    width:780px}

.leftmenu li{    border-bottom:1px solid #ccc}
.leftmenu li a{    font-size:12px;     color:#000;     position:relative;     height:38px;     line-height:38px;     padding:0 20px;     display:block}

.leftmenu li span.datelist{    position:absolute;     right:10px;     top:50%;     margin-top:-7px}
.contentspace{    padding:0px 20px 20px 0}

.librarytable{    font-size:11px;     color:#000}
.librarytable th{    background-image:url(../Images/th-bg.png);     background-repeat:repeat-x;     background-position:0 0;     border-right:1px solid #c6c6c6;     height:30px;     text-align:left;     font-size:11px;     color:#383838}
.librarytable th, .librarytable td{    padding:0 10px}
.librarytable tr.altrow{    background-color:#f5f5f5}

.librarytable td{    line-height:30px}
.checkbox{    width:14px}
.librarytable th.sort{    background-position:0 -40px;     border-right:1px solid #afafaf}
.librarytable th.sort span{    background:url(../Images/th-arrow.png) no-repeat right center;     display:block;     cursor:pointer;     width:9px;     height:5px;     margin-top:4px;     float:right}
.name{    padding-left:34px !important}
.created{    width:60px}
.modified{    width:180px}
th.bordernone{    border-right:0}
.td-arrow, .td-folder{    width:17px;     text-align:center;     display:inline-block}
.td-folder{    width:28px;     padding-right:4px}
.td-file{    background:url(../Images/icon-file.png) no-repeat 0 7px;     width:13px;     height:30px;     display:inline-block;     margin-right:10px}
.td-file:hover{    background:url(../Images/icon-file.png) no-repeat 0 -24px}
.td-file-text{    width:306px;     display:inline-block}
.librarytable tr.active{    background-color:#ffc}

.headtitle{    line-height:26px;     height:26px;     padding:30px;     font-size:20px;     color:#000}

.fulltable th{    line-height:14px;     padding:7px 5px;     background-position:0 -80px}
.fulltable th.sort{    background-position:0 -130px}
.fulltable th.center{    text-align:center}
.fulltable td{    padding:0 5px;     line-height:44px}
.td-flag{    background:url(../Images/icon-flag.png) no-repeat 0 0;     width:9px;     height:16px;     display:block}
.td-flag-blue{    background-position:0 -30px}
.td-flag-purple{    background-position:0 -60px}
.td-flag-red{    background-position:0 -90px}
.td-flag-green{    background-position:0 -180px}
.td-flag-orange{    background-position:0 -120px}
.td-flag-yellow{    background-position:0 -150px}

.fulltable td a{    color:#000}
.librarytable .total td{    border-top:3px solid #4c4c4c}
.librarytable .total td table td{    border-top:0}

.redtext{    color:#cf0000}
.underline{    text-decoration:underline}

.filter{    text-align:right}
.filter a{    background:url(../Images/filter-arrow.png) no-repeat right center;     font-size:11px;     color:#999;     padding-right:15px}
.filter2{    text-align:right}
.filter2 a{    background:url(../Images/filter-arrow.png) no-repeat right center;     font-size:11px;     color:#999;     padding-right:15px}
.applicant_listing li{    border-bottom:1px solid #d9d9d9;     font-size:11px}

.applicant_listing li a{    color:#000;     display:block;     overflow:hidden;     padding:10px 10px 10px 48px;     line-height:16px;     font-size:12px}
.applicant_listing li a span.userimg{    float:left;     font-size:0;     left:-48px;     line-height:0;     margin-right:-48px;     position:relative;     text-align:center;     width:48px}
.applicant_listing li a:hover{    background:#ffc}
.applicant_listing li a.applicant{    background:#ffc}

.applicant_listing li a em.arrow{    width:7px;     height:7px;     background:url(../Images/next-prev.png) no-repeat right 0;     display:inline-block;     margin:0 3px}

.workfolow-list{    padding:20px 0}
.workfolow-list li{    font-size:12px;     padding:0 10px}
.workfolow-list li li{    padding-left:30px}
.workfolow-list li a{    color:#000;     display:block;     line-height:18px;     padding-left:30px}
.workfolow-list li a.select{    color:#999;     background:url(../Images/icon-checkbox.png) no-repeat 10px 4px}

.scorespace{    padding:20px 20px 20px 0}
.scorespace1{    padding:20px 30px 20px 0}
.scoretable{    font-size:12px;     color:#000}
.scoretable td{    padding:10px 20px;     line-height:18px}
.scoretable tr.altrow{    background-color:#f5f5f5}
.td-yes{    width:16px;     padding-left:10px;     text-align:center;     display:inline-block}
td.answer{    width:50px}
.score{    text-align:right}
.score strong{    font-size:20px;     color:#cf0000;     padding-left:5px}

.score-bar li{    float:left;     background:url(../Images/btn-listmenu.png) repeat-x 0 0;     border:1px solid #c8c8c8;     display:block;     width:150px;     text-align:center;     line-height:34px;     color:#333;     font-size:12px;     position:relative;     padding-left:2px}
.score-bar li a{    color:#000;     font-size:12px;     font-weight:bold;     display:block}

.score-bar li.active{    background:url(../Images/btn-listmenu-active-gray.png) repeat-x 0 0}
.score-bar li:first-child{    -webkit-border-radius:2px 0 0 2px;     -moz-border-radius:2px 0 0 2px;     border-radius:2px 0 0 2px;     border-right:0;     padding-left:0px}
.score-bar li:last-child{    -webkit-border-radius:0 2px 2px 0;     -moz-border-radius:0 2px 2px 0;     border-radius:0 2px 2px 0;     border-left:0}

.row{    padding-bottom:9px;     line-height:20px}
.talentrow{    padding-bottom:0px !important;}
.row label{    width:100px;     text-align:left;     float:left;     font-size:12px; color:#CCCCCC;}
.row .side-r{    width:100px;     float:left;     margin-left:13px}
.total-score{    font-size:20px;     color:#e48801;     font-weight:bold}
.rating_bar{    width:100px}
.rating_bar div{    height:20px;     font-size:11px}
.rating_bar div span{    padding-left:5px;     line-height:20px;     display:inline-block;     white-space:nowrap;     text-shadow:0 1px 0 rgba(255,255,255,0.50)}
.rating_bar div.pink{    background-color:#FCC}
.rating_bar div.lightgreen{    background-color:#C8E8C6}
.rating_bar div.yellow{    background-color:#FDE4BF}

.talentScore div.pink{    color:#CD3296}
.talentScore div.lightgreen{    color:#18BB0E}
.talentScore div.yellow{    color:#EDB157}

.star_bar{    width:68px;     background:url(../Images/star-gray.png) 0 center repeat-x}
.star_bar div{    height:20px;     background:url(../Images/star-black.png) 0 center repeat-x}

.font12{    font-size:12px}
.font14{    font-size:14px}
.font13{    font-size:13px}
.font18{    font-size:18px !important}
.font20{    font-size:20px !important}

.topheader{    height:32px;     margin-bottom:28px}
.user-detail-box{    line-height:18px}
.user-detail-box h4{    font-size:20px;     line-height:30px}
.profile-l{    width:63px;     margin-right:20px}
label.position{    color:#000 !important;     font-size:12px !important;     padding-right:5px}
.position div.jqTransformSelectWrapper{    width:110px !important}

.app-name li{    background:url(../Images/btn-listmenu.png) repeat-x 0 0;     float:left;     border:1px solid #cecece}
.app-name li a, .app-name li span{    background:url(../Images/next-prev-name.png) no-repeat 9px center;     display:block;     height:30px;     width:30px}
.app-name li.next a, .app-name li.next span{    background:url(../Images/next-prev-name.png) no-repeat -42px center}
/*---*/
.app-name li.prev a.aspNetDisabled, .app-name li span{    background:url(../Images/next-prev-name_disabled.png) no-repeat 9px center;     display:block;     height:30px;     width:30px}
.app-name li.next a.aspNetDisabled, .app-name li.next span{    background:url(../Images/next-prev-name_disabled.png) no-repeat -42px center}
/*---*/
.app-name li.prev{    -webkit-border-radius:2px 0 0 2px;     -moz-border-radius:2px 0 0 2px;     border-radius:2px 0 0 2px;     border-right:0}
.app-name li.next{    -webkit-border-radius:0 2px 2px 0;     -moz-border-radius:0 2px 2px 0;     border-radius:0 2px 2px 0}

.icon-info{    width:22px;     background-image:url(../Images/icon-info-dashboard.png) !important;     background-repeat:no-repeat;     height:22px;     display:block}

.icon-social{    margin-top:12px}
.icon-social li{    float:left}
.icon-social li a{    display:block;     background:url(../Images/linkedin-icon.png) no-repeat 0 0;     width:24px;     height:24px}
.icon-social li a.twitter{    margin:0 4px;     background:url(../Images/twitter-icon.png) no-repeat 0 0}
.icon-social li a.facebook{    margin:0 4px;     background:url(../Images/facebook-icon.png) no-repeat 0 0}
.icon-social li a.youtube{    background:url(../Images/icon-youtube.png) no-repeat 0 0}

.icon-bar{    float:right}
.icon-bar li{    float:left;     margin-left:10px}
.icon-bar a{    width:22px;     background-image:url(../Images/dropmenu.png);  background-repeat:no-repeat;  height:22px;  display:block}
.icon-bar span{    width:22px;     background-image:url(../Images/dropmenu.png);  background-repeat:no-repeat;  height:22px;display: block;cursor: pointer;}


.icon-user{ background-position:0 0}
.icon-upload{ background-position:0 -25px}
.icon-tag{ background-position:0 -50px}
.icon-note{ background-position:0 -75px}
.icon-download{ background-position:0 -100px}
.icon-forward{ background-position:0 -125px}
.icon-print{ background-position:0 -150px}
.icon-duplicate{ background-position:0 -175px}
.icon-suspend{ background-position:0 -200px}
.icon-resume{ background-position:0 -225px}
.icon-delete{ background-position:0 -250px}

.icon-schedle{ background-position:0 -273px}

.shadow{ border:1px solid #696;  padding:60px 0;  text-align:center;  width:200px;  -webkit-border-radius:15px;  -moz-border-radius:15px;  border-radius:15px;  -webkit-box-shadow:#666 0px 2px 3px;  -moz-box-shadow:#666 0px 2px 3px;  box-shadow:#666 0px 2px 3px;  background:#EF9;  behavior:url(https://hutchinsonjobs.hyrell.com/UI/Styles/ie-css3.htc)}

.usermenu li{ position:relative;  z-index:10;  line-height:34px;  left:0;  top:0;  display:block}
.usermenu a{ display:block;  padding:0 0 0 0}

.usermenu ul{ display:none;  border:1px solid #ccc;  right:22px;  padding:10px 0;  z-index:100;  font-size:13px;  position:absolute;  background:#fff;  -webkit-border-radius:3px;  -moz-border-radius:3px;  -o-border-radius:3px;  -ms-border-radius:3px;  border-radius:3px;  -moz-box-shadow:0px 1px 4px rgba(0,0,0,0.17);  -webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.17);  box-shadow:0px 1px 4px rgba(0,0,0,0.17);  width:140px}
.usermenu ul li{ clear:both;  line-height:24px;  padding:0 10px}

.usermenu1 ul li a, .usermenu1 a:hover ul li a{ display:block;  font-size:12px;  font-weight:normal;  white-space:nowrap;  padding:0 10px 0 10px;  border:0;  background:none;  text-shadow:none;  color:#000}

.usermenuTop li{ position:relative;  z-index:10;  line-height:34px;  left:0;  top:0;  display:block}
.usermenuTop a{ display:block;  padding:0 0 0 0}

.usermenuTop ul{ display:none;  border:1px solid #ccc;  right:0px;  padding:10px 0;  z-index:100;  font-size:13px;  position:absolute;  background:#fff;  -webkit-border-radius:3px;  -moz-border-radius:3px;  -o-border-radius:3px;  -ms-border-radius:3px;  border-radius:3px;  -moz-box-shadow:0px 1px 4px rgba(0,0,0,0.17);  -webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.17);  box-shadow:0px 1px 4px rgba(0,0,0,0.17);  width:100px}
.usermenuTop ul li{ clear:both;  line-height:24px;  padding:0 10px}
.usermenuTop ul li a, .usermenuTop a:hover ul li a{ display:block;  font-size:12px;  font-weight:normal;  white-space:nowrap;  padding:0 10px 0 10px;  border:0;  background:none;  text-shadow:none;  color:#000}

.tabcontrol{ position:relative;  top:-31px}
span.tabheader{ float:left}
.ajax__tab_default .ajax__tab_header{ float:right;  background-color:#E4EFCD;  line-height:10px}
.tabcontrol .ajax__tab_body{ clear:right;  width:100%}
.tabcontrol a.ajax__tab_tab{ line-height:30px;  padding:0 30px;  font-weight:bold;  color:#000;  display:block;  outline:none}

.tabcontrol .ajax__tab_active a.ajax__tab_tab{ background-color:#f2f2f0;  border:1px solid #ccc;  border-bottom:0}
.tabsmall a{ padding:0 20px}

span.tabheader a.active .add{ background-position:0 bottom}

.buttonlight{ padding:0 15px 1px 15px;  color:#666;  font-weight:bold;  background:#F2F2F0;  border:1px solid #AFAFAF;  text-shadow:0 1px 0 rgba(0,0,0,0.30);  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px;  height:35px;  font-family:arial;  cursor:pointer}
.minibuttonlight { padding: 6px 20px; font-weight: bold; background: #fcfbfb !important; border: 1px solid #cecece !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 27px; font-family: arial; cursor: pointer; font-size: 11px; }

.textblock input{ color:#666;  border:1px solid #ccc;  font-size:11px;  font-family:Arial,Helvetica,sans-serif;  height:24px;  width:250px;  padding:3px}
.textblock input:hover{ border:1px solid pink}
.textblock input:focus{ border:1px solid green}

.textbox{ color:#000 !important;  border:1px solid #ccc !important;  font-size:11px !important;  font-family:Arial,Helvetica,sans-serif !important;  height:24px !important;  width:200px !important;  padding:3px !important}

.textbox207{ color:#000 !important;  border:1px solid #ccc !important;  font-size:11px !important;  font-family:Arial,Helvetica,sans-serif !important;  height:24px !important;  width:207px !important;  padding:3px !important}
.textbox150{ color:#000 !important;  border:1px solid #ccc !important;  font-size:11px !important;  font-family:Arial,Helvetica,sans-serif !important;  height:24px !important;  width:150px !important;  padding:3px !important}
.textbox50{ color:#000 !important;  border:1px solid #ccc !important;  font-size:11px !important;  font-family:Arial,Helvetica,sans-serif !important;  height:24px !important;  width:50px !important;  padding:3px !important}

.textbox415{  border:1px solid #ccc !important;  font-size:11px !important;  font-family:Arial,Helvetica,sans-serif !important;  height:24px !important;  width:407px !important;  padding:3px !important}

.textboxMultline{  border:1px solid #ccc !important;  font-family:Arial,Helvetica,sans-serif !important;  padding:3px !important;  background-color:#fff;  color:#000;  line-height:18px;  font-size:13px !important;  text-align:justify}

.textboxWithTitle{  border:1px solid #ccc !important;  font-family:Calibri,Helvetica,sans-serif !important;  padding:3px !important;  background-color:#fff;  color:#000;  line-height:18px;  font-size:11px !important;  text-align:justify;  width:407px !important}

.textboxSearch{ border:1px solid #CCC !important;  color:#4C4C4C !important;  font-family:Arial,Helvetica,sans-serif !important;  font-size:20px !important;  padding-bottom:0px !important;  padding-left:15px !important;  padding-right:3px !important;  padding-top:0px !important}

.textboxref{border:1px solid #ccc !important;  font-size:11px !important;  font-family:Arial,Helvetica,sans-serif !important;  height:24px !important;  width:200px !important;  padding:3px !important}

.contentbox{ width:370px;  margin:0px auto 0px auto;  padding:20px;  position:relative;  top:-31px;  background-color:#F5F5F5}

.maincontent .header{ font-family:"proxima-nova","Myriad Pro",sans-serif;  font-size:20px;  color:#333;  font-weight:normal}

.contentbox2{ width:1034px;  margin:0px auto 0px auto;  padding:20px;  position:relative;  top:-31px;  background-color:#FFF}

.title45{ font-family:Arial;  font-size:40px;  color:#ccc}

.content20{ padding-left:20px;  padding-right:80px}
.content20 p{ font-family:"proxima-nova","Myriad Pro",sans-serif;  font-size:20px;  color:#333;  font-weight:normal}

.services{ padding:60px 0px 30px 0px}
.services li{ float:left;  margin-right:3%;  padding:0px;  width:22%}

.services p{ font-family:"Helvetica","Myriad Pro",sans-serif;  font-size:13px;  color:#333;  font-weight:normal;  line-height:1.5;  margin-top:10px}

.loginbox{ width:418px;  height:235px;  margin:0px auto 0px auto;  padding-bottom:15px;  position:relative;  top:-31px;  background-color:#F5F5F5}
.resetpasswordbox{ width:550px;      margin:0px auto 0px auto;     padding-bottom:15px;     position:relative;     top:-31px;     background-color:#F5F5F5}

.hyrell-reset-box{    width:500px !important;     margin:16px auto !important}

.ResetLabels{    display:inline-block;     color:#797978;     font-size:20px;     line-height:10px;     font-family:"proxima-nova",sans-serif;     width:170px;     text-align:right;     margin-right:8px;     height:25px}
.loginbox p{    padding:10px 20px 0}
.loginbox .accountInfo{    width:355px;     margin:15px auto}
.login{    border:none;     outline:none}
.loginbox .login-label{    width:70px;     display:inline-block}

.round5top{    -webkit-border-radius:5px 5px 0px 0px;     -moz-border-radius:5px 5px 0px 0px;     border-radius:5px 5px 0px 0px}
.round5bottom{    -webkit-border-radius:0px 0px 5px 5px;     -moz-border-radius:0px 0px 5px 5px;     border-radius:0px 0px 5px 5px}

.subtabcontrol{    position:relative;     top:0}
.subtabcontrol .ajax__tab_default .ajax__tab_header{    float:none;     background-color:#e4efcd}
.subtabcontrol a.ajax__tab_tab{    line-height:50px;     padding:0 0 0 30px;     width:220px;     font-weight:bold;     font-size:12px;     color:#000;     display:block;     background:url(../Images/tab-divider.png) no-repeat right 0;     text-shadow:0 1px 0 rgba(0,0,0,0.30);     outline:none}
.subtabcontrol .ajax__tab_active a.ajax__tab_tab{    background:url(../Images/tab-hover.png) no-repeat 0 0;  color:#fff;  float:left}

.subtabcontrol .ajax__scroll_none{ overflow:visible !important}
#appBodyContainerPopup{ position:relative;  padding:30px 30px 0px 30px;  margin:0px;  background-color:#fff}

.divTop{ margin-top:60px}
.divInner{ margin:30px 20px 20px 20px}

.divInnerLibrary{ margin:0px 20px 20px 20px}
.divInnerLibraryElement{ margin:0px 20px 20px 30px}

.divInnerSetting{ padding:0px 30px 30px 30px}

.divspace10{ width:10px;  height:35px}
.divspace15{ width:15px;  height:35px}
.divspace20{ width:20px;  height:35px}
.divspace50{ width:50px;  height:35px}

.popupText{ font-weight:bold}
.popupTitle{ font-weight:bold}

.textbox:focus, .textbox415:focus{ border-color:rgba(82,168,236,0.8) !important;  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6) !important;  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6) !important;  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6) !important;  outline:0 !important;  outline:thin dotted \9 !important}

.textbox:hover, .textbox415:hover{ border-color:rgba(82,168,236,0.8) !important;  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6) !important;  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6) !important;  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6) !important;  outline:0 !important;  outline:thin dotted \9 !important}

.textboxMultline:focus{ border-color:rgba(82,168,236,0.8) !important;  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6) !important;  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6) !important;  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6) !important;  outline:0 !important;  outline:thin dotted \9 !important}

.textboxMultline:hover{ border-color:rgba(82,168,236,0.8) !important;  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6) !important;  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6) !important;  box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6) !important;  outline:0 !important;  outline:thin dotted \9 !important}

.createdinvisible{    display:none}
.createdvisible{    display:table-cell}
.updatedinvisible{    display:none}
.updatedvisible{    display:table-cell}

.knockoutwithout{    background:url(../Images/icon-file.png) no-repeat 0 7px;     width:13px;     height:30px;     display:inline-block}
.knockout{    background:url(../Images/icon-file.png) no-repeat 0 -24px;     width:13px;     height:30px;     display:inline-block}

.user-listing{    float:left}
.user-listing li{    float:left;     margin:30px 0 0 30px;     width:100px;     font-size:12px;     position:relative}
.user-listing li span{    display:block}
.user-listing li a{    height:100px;     width:100px;     display:block;     z-index:1;     position:relative;     vertical-align:text-top}
.user-listing li div{    display:none;     background:url(../Images/down-arrow.png) no-repeat center center;     height:20px;     right:0;     position:absolute;     top:80px;     width:20px;     z-index:999}
.user-listing li strong{    display:none;     background:url(../Images/user-h.png) repeat-x 0 0;  height:20px;  left:0;  position:absolute;  top:80px;  width:100%;  z-index:998}
.user-listing li div.subhover{ display:block;  cursor:pointer}
.user-listing li ul{ display:none;  border:1px solid #ccc;  padding:10px 0;  z-index:1000;  top:100px;  font-size:13px;  position:absolute;  background:#fff;  -webkit-border-radius:3px;  -moz-border-radius:3px;  -o-border-radius:3px;  -ms-border-radius:3px;  border-radius:3px;  -moz-box-shadow:0px 1px 4px rgba(0,0,0,0.17);  -webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.17);  box-shadow:0px 1px 4px rgba(0,0,0,0.17)}
.user-listing li ul li{ clear:both;     line-height:24px;     padding:0 10px;     margin:0}
.user-listing li ul li a, .user-listing li:hover ul li a{    display:block;     font-size:12px;     font-weight:normal;     white-space:nowrap;     padding:0 0 0 30px;     border:0;     background:none;     text-shadow:none;     color:#000;     background-image:url(../Images/dropmenu.png);  background-repeat:no-repeat;  background-position:0 0;  height:auto}
.user-listing li:hover div{ display:block}

.dropmenu li:hover ul li a.user, .user-listing li ul li a.user{ background-position:0 0}
.dropmenu li:hover ul li a.upload, .user-listing li ul li a.upload{ background-position:0 -25px}
.dropmenu li:hover ul li a.tag, .user-listing li ul li a.tag{ background-position:0 -50px}
.dropmenu li:hover ul li a.note, .user-listing li ul li a.note{ background-position:0 -75px}
.dropmenu li:hover ul li a.download, .user-listing li ul li a.download{ background-position:0 -100px}
.dropmenu li:hover ul li a.forward, .user-listing li ul li a.forward{ background-position:0 -125px}
.dropmenu li:hover ul li a.print, .user-listing li ul li a.print{ background-position:0 -150px}
.dropmenu li:hover ul li a.duplicate, .user-listing li ul li a.duplicate{ background-position:0 -175px}
.dropmenu li:hover ul li a.suspend, .user-listing li ul li a.suspend{ background-position:0 -200px}
.dropmenu li:hover ul li a.resume, .user-listing li ul li a.resume{ background-position:0 -225px}
.dropmenu li:hover ul li a.delete, .user-listing li ul li a.delete{ background-position:0 -250px}

.tab1 ul{ position:relative;  margin-left:15px}
.tab1 li{ float:left;  display:inline;  position:relative;  margin-left:-15px}
.tab1 li a{ display:block;  color:#222;  font-size:12px;  text-align:center;  padding-right:15px;  font-weight:bold}
.tab1 li a span{ height:50px;  line-height:50px;  position:relative;  display:block;  width:246px}

.tab1 li.first.current a strong.borderl{ display:none}
.tab1 li.first.current a strong.arrowl{ display:none}

.tab1 li.last.current a span{ border-right:0px solid #72982f}

.usercheckbox{ left:33px;  position:relative;  top:113px;  width:15px;  z-index:999;  height:0px}

.buttonPlusGray{ cursor:pointer;  display:block;  padding:0 10px 1px 10px;  color:#7B7C7C;  font-weight:bold;  font-size:27px;   text-shadow:0 1px 0 rgba(0,0,0,0.30);  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px;  height:35px;  font-family:arial;  border:0px}

.backgroundwhite{ background-color:#fff !important}
.backgroundgray{ background-color:#F2F2F0;  color:#000}

.operationDiv{ visibility:hidden}
.nameSize{ min-width:500px}
.tdHeader{ font-weight:bold}
.tableBorder{ border:1px solid #D2D2D2}

.trBody{ padding:0px 3px 0px 3px}
.tdDDTestColor{ width:55px;  height:27px;  background-color:#CDCDCD}
.tdDDTest{ width:55px;  height:27px;  text-align:center}
.RadGrid_Outlook .rgRow td, .RadGrid_Outlook .rgAltRow td, .RadGrid_Outlook .rgEditRow td, .RadGrid_Outlook .rgFooter td{ border-style:none !important;  border-width:0 0 0px 0px !important}
.RadRequire{ color:Red;  font-size:14px;}

.RadioButtonYNBorder{ border:1px solid #CCC;  color:#666;  height:32px;  width:125px}
.RequireText{ color:#b50000}

.message_header{ border-bottom:1px solid #DDD;  margin-bottom:14px;  line-height:20px;  overflow:hidden;  padding-bottom:5px}
div.message{ border-bottom:1px solid #DDD;  margin-bottom:10px;  padding-bottom:15px}
.comment{ background:none repeat scroll 0 0 #FFF;  border-bottom:1px solid #DDD;  clear:left;  color:#333;  padding:15px 0 20px;  width:540px;  word-wrap:break-word}
.comment2{ background:none repeat scroll 0 0 #FFF;  border-bottom:1px solid #DDD;  clear:left;  color:#333;  padding:15px 0 20px;  width:531px;  word-wrap:break-word}
.comment3{ background:none repeat scroll 0 0 #FFF;  clear:left;  color:#333;  padding:15px 0 20px;  width:531px;  word-wrap:break-word}
.innercomment{ margin-left:60px}
.header{ margin:0 0 5px}
.textBody{ line-height:1.425em}
.replyimg{ overflow:hidden;  padding:0 0 5px;  float:left;  margin:0 0 5px;  width:48px}
.submit{ margin:15px 0 15px}
.msgImg{ float:right;  margin:0 5px 5px 10px}

.userstatus{ height:0;  left:79px;  position:relative;  top:30px;  width:15px}

.grayLink{ text-decoration:underline;  color:#888}
.textPadding{ padding:5px}

hr.setting{ border:0px solid #fff;  color:#EEE;  background-color:#EEE;  height:3px}
.borderbottom{ border-bottom:1px solid #ccc}
.borderleft{ border-left:1px solid #ccc;  padding-left:5px}
.spaceWhole{ padding:0px 5px 5px 5px}

.switch{ border:none;  background:left no-repeat;  width:51px;  height:25px;  padding:0;  margin:0}

.on, .off{ width:25px;  height:25px;  float:left;  display:inline-block;  cursor:pointer}

.result{ display:none}
.hrgray{ background-color:transparent;  border-top:1px solid #CCC;  border-bottom-color:transparent !important;  border-left-color:transparent !important;  border-right-color:transparent !important;  color:transparent;  width:100%}

.permissionleftmenu li{ border-bottom:1px solid #ccc}
.permissionleftmenu li a{ font-size:12px;  color:#000;  position:relative;  height:38px;  line-height:38px;  padding:0 20px;  display:block}

.leftmenu190 li{ border-bottom:1px solid #ccc}
.leftmenu190 li a{ font-size:12px;  color:#000;  position:relative;  height:38px; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;  line-height:38px;  padding:0 20px;  display:block}

.leftmenu190 li span.datelist{ position:absolute;  right:20px;  top:50%;  margin-top:-7px}
.col-l190{  width:195px;  background-color:#F2F2F0}

.buttonSingle{ position:relative;  z-index:10;  left:0;  top:0;  display:block;  height:37px;  font-size:12px;  margin-right:15px;  cursor:pointer;  width:154px}
.buttonSingle span{ display:block;     padding:11px 10px 0 10px;     color:#333;     font-weight:bold;     background:url(../Images/button.png) repeat-x;  border:1px solid #999;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px;  vertical-align:middle;  text-align:center;  height:26px}
.buttonSingle:hover{ position:relative;  z-index:10;  left:0;  top:0;  display:block;  height:37px;  font-size:12px;  margin-right:15px;  cursor:pointer;  width:154px}
.buttonSingle:hover span{ display:block;  padding:11px 10px 0 10px;  color:#fff;  font-weight:bold;  background:#4C4C4C;  border:1px solid #333;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px;  vertical-align:middle;  text-align:center;  height:26px}

.buttondouble{ position:relative;  z-index:10;  left:0;  top:0;  display:block;  height:37px;  font-size:11px;  margin-right:9px;  cursor:pointer;  width:90px}
.buttondouble span{ display:block;     padding:4px 10px 0 10px;     color:#333;     font-weight:bold;     background:url(../Images/button.png) repeat-x;  border:1px solid #999;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px;  vertical-align:middle;  text-align:center;  height:33px}

.buttonSingleactive{ position:relative;  z-index:10;  left:0;  top:0;  display:block;  height:37px;  font-size:12px;  margin-right:15px;  cursor:pointer;  width:154px}

.buttonSingleactive span{ display:block;     padding:11px 10px 0 10px;     color:#fff;     font-weight:bold;     background:#4C4C4C url(../Images/icon-checkbox-white.png) no-repeat 5px 13px;  border:1px solid #333;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px;  vertical-align:middle;  text-align:center;  height:26px}

.buttondoubleactive{ position:relative;  z-index:10;  left:0;  top:0;  display:block;  height:37px;  font-size:11px;  cursor:pointer;  margin-right:9px;  width:90px}

.buttondoubleactive span{ display:block;     padding:5px 10px 0 22px;     color:#fff;     font-weight:bold;     background:#006ec0 url(../Images/right-blue.png) no-repeat 5px 13px;     border:1px solid #00497F;     -webkit-border-radius:3px;     -moz-border-radius:3px;     border-radius:3px;     vertical-align:middle;     text-align:center;     height:32px}

.divInner1{    position:absolute;     padding-top:10px}

.pagebuttoprevious{ vertical-align:middle; background:url("../Images/prev.png") no-repeat center;  height:25px;  width:25px;  border:none;  border-left:1px solid #CECECE;  cursor:pointer;  border-style:none !important;     -webkit-padding-before:3px}

.pagebuttoprevious:disabled{    background:url("../Images/prev-disable.png") no-repeat center}

.pagebuttonnext{ vertical-align:middle; background:url("../Images/next.png") no-repeat center;  height:25px;  width:25px;  border:none;  border-left:1px solid #CECECE;  cursor:pointer;     -webkit-padding-before:3px}

.pagebuttonnext:disabled{    background:url("../Images/next-disable.png") no-repeat center}

.titleGray{    background:url("../Images/th-bg.png") repeat-x scroll 0 0 #E8E7E7 !important;  color:#333;  font-size:12px;  height:30px !important;  line-height:26px;  position:relative;  text-align:center}
.breakWord70{ max-width:70px !important;  word-wrap:break-word !important}
.divToggle{ overflow:auto;  position:absolute;  background:#FFF !important;  z-index:50;  width:250px}

.talent li.test{ position:relative;  z-index:10;  line-height:35px;  left:0;  top:0;  display:block;  margin-right:15px;  display:block;     padding:0px 0px 0 0px;     color:#333;     font-weight:bold;     background:url(../Images/button.png) repeat-x;     border:1px solid #999;     -webkit-border-radius:3px;     -moz-border-radius:3px;     border-radius:3px;     vertical-align:middle;     text-align:center;     height:37px;     width:150px;     font-size:12px}

.talent li.test a span{    display:block;     padding:0 0px 0 0;     line-height:9px;     width:9px;     height:5px;     padding-top:30px;     position:relative;     background:url(../Images/th-arrow-down.png) no-repeat center;     float:right}

.talent li.test:hover a span{    display:block;     padding:0 0px 0 0;     line-height:9px;     width:9px;     height:5px;     padding-top:30px;     position:relative;     background:url(../Images/th-arrow-down-white.png) no-repeat center;  float:right}

.talent li.test:hover a{ position:relative;  z-index:10;  line-height:35px;  left:0;  top:0;  display:block;  margin-right:0px;  display:block;  color:#fff;  font-weight:bold;  border:1px solid #333;  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px;  vertical-align:middle;  text-align:center;  background:#4c4c4c}
.talent li.test ul{ display:none;  border:1px solid #ccc;  padding:10px 0;  z-index:1100;  font-size:13px;  position:absolute;  background:#fff;  -webkit-border-radius:3px;  -moz-border-radius:3px;  -o-border-radius:3px;  -ms-border-radius:3px;  border-radius:3px;  -moz-box-shadow:0px 1px 4px rgba(0,0,0,0.17);  -webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.17);  box-shadow:0px 1px 4px rgba(0,0,0,0.17)}
.talent li.test ul li{ clear:both;     line-height:12px;     padding:0 10px;     text-align:left}
.talent li.test ul li a, .talent li.test:hover ul li a{    display:block;     font-size:12px;     font-weight:normal;     white-space:nowrap;     padding:0 0 0 20px;     border:0;     background:none;     text-shadow:none;     color:#000;     width:auto;     height:23px;     text-align:left}

.talent li.test:hover ul li a.complete{    display:block;     font-size:12px;     font-weight:normal;     white-space:nowrap;     padding:0 0 0 20px;     border:0;     background:none;     text-shadow:none;     color:#000;     background-image:url(../Images/icon-checkbox.png);  background-repeat:no-repeat;  background-position:0px 7px;  width:auto}

.talent li.test a{    display:block;     padding:0 10px 0 15px;     color:#333;     font-weight:bold;     font-size:12px;     -webkit-border-radius:3px;     -moz-border-radius:3px;     border-radius:3px}
.hrClass{    border:1px dotted #ccc}
.hrNew{    background-color:transparent;     border-top:1px dotted #CCC;     border-bottom-color:transparent !important;     border-left-color:transparent !important;     border-right-color:transparent !important;     color:transparent;     width:100%}

.normalLink{    color:#000;     font-weight:bold}
.buttonBlack{    background:none repeat scroll 0 0 #4C4C4C;     border:1px solid #000;     border-radius:3px 3px 3px 3px;     color:#FFF;     cursor:pointer;     display:block;     font-family:arial;     font-size:23px;     font-weight:bold;     height:47px !important;     padding:0 15px 1px;     text-shadow:0 1px 0 rgba(0,0,0,0.3)}
.icon-social-career{    margin-top:20px}
.icon-social-career li{    line-height:16px;     clear:left;     padding-top:10px}

.icon-social-career li a span{    float:left;     padding-right:10px}
.DisableLink{    color:#CCC !important;     cursor:text}
.PermissionText{    color:#636363}

.bigTextTitle{    font-size:70px;     color:#CCC}

.midTextTitle{    color:#A0A0A0;     font-size:28px}

.textNormal{    color:#000 !important;     font-size:small;     font-family:arial,helvetica,sans-serif}

.textNormal35{    font-size:35px;     font-weight:bold}
.textNormal30{    font-size:30px;     font-weight:bold}
.textLightgreyl35{    color:#AAA;     font-size:30px}
.wheelchair{    background:url("../Images/icon-question.png") no-repeat scroll center -48px transparent;     display:block;     height:20px;     margin-top:10px;     text-align:center;     width:16px;     margin-left:14px}

.question{    background:url("../Images/icon-info-dashboard.png") no-repeat scroll center 2px transparent;     display:block;     height:20px;     margin-top:15px;     margin-left:14px;     text-align:center;     width:16px}
.fontGray{    color:#757575}
.fixbox{    position:relative;     width:210px;     height:218px;     display:block}
.UnreadMsg{    background-color:#dedede;     cursor:pointer}

.disabledBtn{ cursor:default; color:#C8C8C8 !important; text-shadow: 0 1px 0 #fff !important; padding:0 !important; background:#F2F2F2 !important; border:1px solid #C8C8C8 !important; cursor:default !important; }

.cancelBtn{ background:#F2F2F2;border:1px solid #C8C8C8;color:#333;border-radius:3px;display:block;cursor:pointer;display:block;font-family:arial;font-weight:bold;height:35px;padding:0 15px 1px 15px; }
.cancelBtn.left { margin-left:10px; }

.clickedBtnEmployment{    background:#4C4C4C url(../Images/icon-add-employment-h.png) no-repeat 10px 9px;     border:1px solid #000;     border-radius:3px 3px 3px 3px;     color:#FFF;     cursor:pointer;     display:block;     font-family:arial;     font-weight:bold;     height:40px;     padding:0 42px 3px;     text-shadow:0 1px 0 rgba(0,0,0,0.3)}
.unclickedBtnEmployment{    background:#F2F2F2 url(../Images/icon-add-employment.png) no-repeat 10px 9px;     border:1px solid #C8C8C8;     color:#333;     border-radius:3px 3px 3px 3px;     display:block;     cursor:pointer;     display:block;     font-family:arial;     font-weight:bold;     height:40px;     padding:0 42px 3px}

.clickedBtnUnEmployment{    background:#4C4C4C url(../Images/icon-add-unemployment-h.png) no-repeat 10px 9px;     border:1px solid #000;     border-radius:3px 3px 3px 3px;     color:#FFF;     cursor:pointer;     display:block;     font-family:arial;     font-weight:bold;     height:40px;     padding:0 42px 3px;     text-shadow:0 1px 0 rgba(0,0,0,0.3)}
.unclickedBtnUnEmployment{    background:#F2F2F2 url(../Images/icon-add-unemployment.png) no-repeat 10px 9px;     border:1px solid #C8C8C8;     color:#333;     border-radius:3px 3px 3px 3px;     display:block;     cursor:pointer;     display:block;     font-family:arial;     font-weight:bold;     height:40px;     padding:0 42px 3px}

.clickedBtnSchool{    background:#4C4C4C url(../Images/add-school-h.png) no-repeat 10px 9px;     border:1px solid #000;     border-radius:3px 3px 3px 3px;     color:#FFF;     cursor:pointer;     display:block;     font-family:arial;     font-weight:bold;     height:40px;     padding:0 42px 3px;     text-shadow:0 1px 0 rgba(0,0,0,0.3)}
.unclickedBtnSchool{    background:#F2F2F2 url(../Images/add-school.png) no-repeat 10px 9px;     border:1px solid #C8C8C8;     color:#333;     border-radius:3px 3px 3px 3px;     display:block;     cursor:pointer;     display:block;     font-family:arial;     font-weight:bold;     height:40px;     padding:0 42px 3px}

.clickedBtnResidenceHistory{    background:#4C4C4C url(../Images/Add-residence-active.png) no-repeat 10px 9px;     border:1px solid #000;     border-radius:3px 3px 3px 3px;     color:#FFF;     cursor:pointer;     display:block;     font-family:arial;     font-weight:bold;     height:40px;     padding:0 42px 3px;     text-shadow:0 1px 0 rgba(0,0,0,0.3)}
.unclickedBtnResidenceHistory{    background:#F2F2F2 url(../Images/Add-residenceInActive.png) no-repeat 10px 9px;     border:1px solid #C8C8C8;     color:#333;     border-radius:3px 3px 3px 3px;     display:block;     cursor:pointer;     display:block;     font-family:arial;     font-weight:bold;     height:40px;     padding:0 42px 3px}

.title1{    background:#fff;     line-height:20px;     height:20px;     text-align:left;     font-size:20px;     color:#4c4c4c;     position:relative;     padding-left:20px;     padding-top:18px}
.title3{    background:#fff;     line-height:20px;     height:20px;     text-align:left;     font-size:20px;     color:#4c4c4c;     position:relative;     padding-left:20px;     padding-top: 18px;   width: 282px;}
.title2{    background:#fff;     line-height:20px;     height:20px;     text-align:left;     font-size:20px;     color:#4c4c4c;     position:relative}

.title2 span.dashboard{    position:absolute;     right:1px;     width:16px;     height:15px;     cursor:pointer;     background:url(../Images/icon-info-dashboard.png) no-repeat right center;  margin-top:0px;  display:none}

.title1 label{ right:10px;  height:14px;  cursor:pointer;     top:11px}

.title1 span.toggle{    position:absolute;     right:10px;     width:13px;     height:14px;     cursor:pointer;     background:url(../Images/arrow.png) no-repeat right center;  margin-top:10px}

.title1 span.dashboard{    position:absolute;     right:20px;     width:16px;     height:15px;     cursor:pointer;     background:url(../Images/icon-info-dashboard.png) no-repeat right center;     margin-top:3px;     display:none}

.appHeader li{    font-size:12px;     padding:5px 0 0 50px;     position:relative}
.appHeader li.completetask{    background:url(../Images/icon-tick-gray.png) no-repeat 30px center}

.apptab ul{ position:relative;  margin-left:15px}
.apptab li{ float:left;  display:inline;  position:relative;  margin-left:-15px;  padding-right:15px}

.apptab li a{ display:block;  color:#222;  font-size:12px;  text-align:center;      font-weight:bold}
.apptab li a span{    height:50px;     line-height:50px;     position:relative;     display:block;     width:100%}

.apptab li.first.current a strong.borderl{    display:none}
.apptab li.first.current a strong.arrowl{    display:none}

.AppliedHeaderTitle{    color:#000100;     font-size:13px;     font-weight:bold;     text-decoration:none}
.adminProcessSubHeaderGreay th{    background-image:url(https://hutchinsonjobs.hyrell.com/UI/Styles/images/Admin/Registration/Greay-head-bg.gif);  background-repeat:repeat-x;  height:34px;  font-size:9pt}
.adminProcessSubHeaderGreay td{    padding:5px 5px 5px 0}
.adminProcessSubHeaderGreay{    background:white}
.link:hover{    color:#E41515;     font-size:11px;     font-weight:bold;     text-decoration:underline}
.RadUpload input.ruFakeInput{    display:none}

.plus{    background:#f2f2f0 url(../Images/dark-gray-plus.png) no-repeat center center;     border:1px solid #ccc;     display:inline-block;     width:34px;     height:34px;     text-indent:-99999px;     -webkit-border-radius:3px;     -moz-border-radius:3px;     border-radius:3px}

.minus{    background:#f2f2f0 url(../Images/dark-gray-minus.png) no-repeat center center;     border:1px solid #ccc;     display:inline-block;     width:34px;     height:34px;     text-indent:-99999px;     -webkit-border-radius:3px;     -moz-border-radius:3px;     border-radius:3px}

.spaninternal{    background:#E4EFCD;     color:#000;     line-height:15px;     min-width:19px;     text-align:center;     margin:0px 0 0 0px;     padding:2px 5px;     width:55px;     float:left;     font-size:10px}
.spansystem{    background:#CCDAE5;     color:#000;     line-height:15px;     min-width:19px;     text-align:center;     margin:0px 0 0 0px;     padding:2px 5px;     width:55px;     float:left;     font-size:10px}

.spanapplicant{    background:#FFF799;     color:#000;     line-height:15px;     min-width:19px;     text-align:center;     margin:0px 0 0 0px;     padding:2px 5px;     width:55px;     float:left;     font-size:10px}
.spanannouncements{    background:#FCC;     color:#000;     line-height:15px;     min-width:19px;     text-align:center;     margin:0px 0 0 0px;     padding:2px 5px;     width:55px;     float:left;     font-size:10px}

.messagetitle{    color:#000;     font-weight:bold;     font-size:14px}
.gridtextbox{    width:415px;     height:24px !important}

.PositionLink{    color:gray;     font-weight:normal;     font-size:16px;     text-decoration:none}
.popupGrid{    height:298px;     overflow-y:scroll;     overflow-x:hidden;     position:relative;     border:1px Solid #ccc}

.otherpopup{    height:300px;     overflow-y:scroll;     overflow-x:hidden;     position:relative}

.popupcategorytitle{    color:#000;     font-size:12px;     font-family:Arial}

.RadScheduler_Default .rsAptIn, .RadScheduler_Default .rsAptMid, .RadScheduler_Default .rsAptContent{    background-color:transparent !important;     border-width:0px !important}
.RadScheduler_Default .rsAptContent{    background:none !important}

.RadDataPager_Default{    background:none repeat scroll 0 0 #FFF !important}
.RadDataPager .rdpPagerLabel, .RadDataPager .rdpPager .RadComboBox, .RadDataPager .rdpPager .RadInput{    float:right;     margin:0 4px 0 0;     padding-left:8px;     padding-top:3px;     vertical-align:middle}
.RadDataPager .rdpWrap, .RadDataPager .rdpWrapRight, .RadDataPager .rdpWrapNone{    float:left;     line-height:22px;     padding:0px !important;     white-space:nowrap}
.pagebuttoprevious{    border-style:none !important}
.RadDataPager_Default .rdpPagePrev{    -moz-border-bottom-colors:none !important;     -moz-border-image:none !important;     -moz-border-left-colors:none !important;     -moz-border-right-colors:none !important;     -moz-border-top-colors:none !important;     background:url("../Images/prev.png") no-repeat scroll center center transparent !important;     border-color:-moz-use-text-color -moz-use-text-color -moz-use-text-color #CECECE !important;     border-style:none !important;     border-width:medium medium medium 1px !important;     cursor:pointer !important;     height:25px !important;     width:25px !important}
.RadDataPager_Default .rdpPageNext{    -moz-border-bottom-colors:none !important;     -moz-border-image:none !important;     -moz-border-left-colors:none !important;     -moz-border-right-colors:none !important;     -moz-border-top-colors:none !important;     background:url("../Images/next.png") no-repeat scroll center center transparent !important;  border-color:-moz-use-text-color -moz-use-text-color -moz-use-text-color #CECECE !important;  border-style:none none none solid !important;  border-width:medium medium medium 1px !important;  cursor:pointer !important;  height:25px !important;  width:25px !important}
.RadDataPager .rdpPageFirst, .RadDataPager .rdpPagePrev, .RadDataPager .rdpPageNext, .RadDataPager .rdpPageLast{ border-color:#CECECE !important;  margin-right:2px !important}

.RadComboBox .rcbInput { vertical-align:baseline !important; }

.buttonlightprev{    display:block;     padding:0 5px 1px 15px;     color:#666;     font-weight:bold;     background:#F2F2F0 url(../Images/gray-arrow.png) no-repeat 10px center;     width:107px;     border:1px solid #AFAFAF;     text-shadow:0 1px 0 rgba(0,0,0,0.30);     -webkit-border-radius:3px;     -moz-border-radius:3px;     border-radius:3px;     height:35px;     font-family:arial;     cursor:pointer}
.buttonlightnext{    display:block;     padding:0 15px 1px 2px;     color:#666;     font-weight:bold;     background:#F2F2F0 url(../Images/gray-arrow-right.png) no-repeat 140px center;     width:160px;     border:1px solid #AFAFAF;     text-shadow:0 1px 0 rgba(0,0,0,0.30);     -webkit-border-radius:3px;     -moz-border-radius:3px;     border-radius:3px;     height:35px;     font-family:arial;     cursor:pointer}

.space30{    height:30px;     width:100%}
#dvPager{    margin-top:00px}
.divInner2{    margin:30px 20px 20px 0px}
.space20{    height:20px;     width:100%}

.height90{    height:90px}
.height80{    height:80px}
.height70{    height:70px}
.height50{    height:50px}
.height40{    height:40px}
.height35{    height:35px}
.height30{    height:30px}
.height25{    height:25px}
.height20{    height:20px}
.height15{    height:15px}
.height10{    height:10px}
.height5{    height:5px}
.height60{    height:60px}
.height55{    height:55px}
.height100{    height:100px}
.borderdotted{    border:1px dotted #CCC}

.fontitalic{    font-style:italic}
.fontbold{    font-weight:bold}
.posted{    color:#39b54a;     font-weight:bold}
.paused{    color:#FF6600;     font-weight:bold}
.box1{    background:#fff;     box-shadow:1px 2px 12px rgba(0,0,0,0.45);     behavior:url(https://hutchinsonjobs.hyrell.com/PIE.htc);     font-size:12px;     border:1px solid #9E9E9E}

.cursorpointer{    cursor:pointer}
.searchtext{    background-color:#FFC}
.cursorprogress{    cursor:progress}

.btn-edit a{    -webkit-border-radius:3px;     -moz-border-radius:3px;     -o-border-radius:3px;     -ms-border-radius:3px;     border-radius:3px;     background:url(../Images/btn-listmenu.png) repeat-x 0 0;  border:1px solid #bdbdbd;  color:#000;  font-size:12px;  line-height:24px;  padding:0 24px;  display:inline-block;  cursor:pointer}

.buttonedit{    -webkit-border-radius:3px;     -moz-border-radius:3px;     -o-border-radius:3px;     -ms-border-radius:3px;     border-radius:3px;     background:url(../Images/btn-listmenu.png) repeat-x 0 0;     border:1px solid #bdbdbd;     color:#000;     font-size:12px;     line-height:24px;     padding:3px 5px 2px;     display:inline-block;     cursor:pointer}

.tick{    background:url(../Images/icon-tick-small.png) no-repeat 0 0;  width:12px;  height:9px;  position:absolute;  left:5px;  top:14px}
.gray{ background:#c4c4c4}
.titlelight{ background:#FFF;  line-height:50px;  height:52px;  text-align:left;  font-size:13px;  color:#4c4c4c;  font-size:20px;  font-weight:bold;  padding-left:20px;  position:inherit; /**/}
.titlelight span.toggle{    position:absolute;     right:10px;     width:17px;     height:12px;     cursor:pointer;     background:url(../Images/arrow_Position_Up.png) no-repeat right center;  margin-top:20px}

.editor ul{ padding-left:15px;  line-height:20px}
.editor ol{ padding-left:20px;  line-height:20px}
.editor ul, .editor ul li{ list-style:disc;  list-style-position:outside}
.editor ol, .editor ol li{ list-style:decimal;  list-style-position:outside}
.editor{ line-height:18px;  margin:0px;  padding:0px}
.editor p{ line-height:18px;  margin:0px;  padding:0px}
.videofont{ color:#999;  line-height:18px;  font:12px arial}
.videorightbox{ border:1px solid #ccc !important;  padding:30px !important;  font:20px arial !important;  line-height:25px !important}

.tableSpacing10 tr td{ padding-bottom:10px}

.tableSpacing10 tr:last-child td{ padding-bottom:0px}

.tableSpacing15 tr td{ padding-bottom:15px}

.tableSpacing15 tr:last-child td{ padding-bottom:0px}

.hrspacetop{ clear:both;  height:10px}

.hrspacebottom{ clear:both;  height:30px}

.apptextbox{ width:405px !important}
.usertextbox{ width:390px !important}

.desclineheight{ line-height:18px}

.description{ color:#999;  font-family:Arial;  font-size:12px}
.tableSpacing25 tr td{ padding-bottom:25px !important}

.tableSpacing25 tr:last-child td2{ padding-bottom:0px !important}

.apptextbox{ width:405px !important}

.ddlmonthwidth{ width:130px !important;  padding-right:15px !important}
.ddlyearwidth{ width:120px !important}
.tdDdlMonth{ width:150px !important}
.talentcontentspace{ margin:0px 20px 100px 20px}

.minheight600{ min-height:600px}

.deactivated{ color:#999 !important}
.user-pending{ color:#F00 !important}
.labelVirtualAns{ color:#000;  line-height:18px;  font-size:13px;  font-family:Arial,helvetica,Sans-Serif;  text-align:justify}

.pagingPadding{ padding-top:41px}

.dvPager{ padding:34px 30px 30px 0}
.dvPager1{ padding:41px 30px 40px 0px}
.dvPager2{ padding:34px 30px 10px 0}

.welcome_overlay{    background:#FFF;     opacity:0.75;     position:absolute;     width:100%;     height:100%;     top:0;     left:0;     z-index:5}
.welcomewizard{    width:1200px;     border:0px solid #999;     background:#eee;     position:absolute;     top:-11px;     left:0px;     z-index:10}

.wizardtabs{    z-index:10;     box-shadow:inset 0px -3px 5px rgba(0,0,0,0.10);     -moz-box-shadow:inset 0px -3px 5px rgba(0,0,0,0.10);     -webkit-box-shadow:inset 0px -3px 5px rgba(0,0,0,0.10);     clear:both;     display:inline-block;     font-family:Arial,Helvetica,sans-serif;     font-size:13px;     border-top:1px solid #999 !important}
.wizardtabs li{    float:left}
.wizardtabs li a{    line-height:18px;     padding:16px 1px 15px 1px;     color:#666;     display:block;     border-bottom:2px solid #999;     width:200px;     background-image:url(../Images/divider.png);  background-repeat:no-repeat;  background-position:top right;  font-size:11px;  min-height:54px}
.wizardtabs li a strong{ color:#000;  font-size:15px;  font-weight:bold}
.wizardtabs li a.active{ background-color:#FFF;  width:188px;  border-left:1px solid #999;  border-right:1px solid #999;  border-bottom:2px solid #FFF;  -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.20);  -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.20);  box-shadow:0px 0px 10px rgba(0,0,0,0.20);  background-image:none}

.tabwidth{ width:200px !important}
.tablast{ background-image:none !important}
.wizardtabs li a.active.tablast{ }
.wizardtabs li a.active.tabfirst{    border-left:1px solid #fff !important}
.tabimg{    background-image:none !important}

.wizardtabs li .welcome{    background-image:url(../Images/icon-home.png);     background-repeat:no-repeat;     background-position:0 0;     float:left;     width:35px;     height:32px;     margin:1px 15px 0 30px}
.wizardtabs li .branding{    background-image:url(../Images/icon-branding.png);     background-repeat:no-repeat;     background-position:0 0;     float:left;     width:34px;     height:33px;     margin:1px 15px 0 29px}
.wizardtabs li .configuresystem{    background-image:url(../Images/icon-configure.png);     background-repeat:no-repeat;     background-position:0 0;     float:left;     width:28px;     height:33px;     margin:1px 15px 0 20px}
.wizardtabs li .rolespermissions{    background-image:url(../Images/icon-role.png);     background-repeat:no-repeat;     background-position:0 0;     float:left;     width:37px;     height:32px;     margin:6px 10px 0 12px}
.wizardtabs li .admintraining{    background-image:url(../Images/icon-training.png);  background-repeat:no-repeat;  background-position:0 0;  float:left;  width:41px;  height:32px;  margin:6px 10px 0 8px}

.wizardtabs li .StandardUserApplicant{  background-repeat:no-repeat;  background-position:0 0;  float:left;  width:33px;  height:33px;  margin:1px 1px 0 29px}

.wizardcontents{ background:#FFF;  padding:0 0 0px 0;  margin-top:-1px;     z-index:10;     position:relative}

.wizcontentpadd{    padding:30px 0px 30px 30px}

.wizard_left{    float:left;     width:537px;     margin-right:30px}
.wizard_right{    float:left;     width:340px;     border-left:1px dotted #ccc;     padding:0 0 0 30px}
.wizardtext h1{    font-size:28px;     color:#00aae7;     line-height:30px;     margin-bottom:32px}
.wizardtext h4{    font-size:15px;     color:#59595b;     line-height:20px;     margin-bottom:25px}
.wizardtext p{    font-size:15px;     color:#59595b;     line-height:20px;     margin-bottom:15px}

.wiz_bullet{    font-size:14px;     color:#59595b;     line-height:20px}

.wizcontentpadd ul, .wizcontentpadd ul li{    list-style:none outside none !important}

.wizcontentpadd ul{    line-height:20px;     padding-left:0px}

.wizcontentpadd li{    background:url(../Images/wiz_bullet.png) no-repeat left 7px;  padding:0 0 15px 13px}

.wizright_txt{ padding:25px 0 20px 0}
.wizcontentpadd h3{ font-size:12px;  color:#000;  line-height:18px;  margin-bottom:10px}

.wizright_list{ font-size:12px;  color:#00aae7;  line-height:18px}
.wizright_list li{ padding:0 0 10px 0}
.wizcontentpadd a{ line-height:20px;  color:#00aae7;  padding-bottom:10px;  display:block}

.wizard_btns{ padding:0 30px;  overflow:hidden}
.wiz_bluebtn{ color:#FFF;  background:#00467f;  display:inline-block;  height:48px;  line-height:48px;  border:1px solid #000;  font-size:24px;  font-weight:bold;  padding:0 27px;  border-radius:2px;  text-shadow:0 1px 0 rgba(0,0,0,0.40)}
.wiz_bluebtn:hover{ color:#FFF;  background:#4c4c4c;  border:1px solid #000;  display:inline-block;  height:48px;  line-height:48px;  font-size:24px;  font-weight:bold;  padding:0 27px;  border-radius:2px;  text-shadow:0 1px 0 rgba(0,0,0,0.40)}

.wiz_next{ padding:0 20px}
.wiz_next:hover{ padding:0 20px}
.wiz_next img{ margin:0 0 0 5px}

.wiz_greybtn{ color:#666;  background:#ededed;  display:inline-block;  height:48px;  line-height:48px;  border:1px solid #cfcfcf;  font-size:24px;  font-weight:bold;  padding:0 27px;  border-radius:2px}
.wiz_greybtn:hover{ color:#666;  background:#ccc;  display:inline-block;  height:48px;  line-height:48px;  border:1px solid #aaa;  font-size:24px;  font-weight:bold;  padding:0 27px;  border-radius:2px}

.wiz_back{ padding:0 20px;  margin:0 20px 0 0}
.wiz_back:hover{ padding:0 20px}
.wiz_back img{ margin:0 5px 0 0}

.width625{    width:625px}
.width355{    width:355px}
.width180{    width:180px}
.width135{    width: 125px;}

.tab2{    position:relative;     z-index:1}
.tab2 li{    float:left}
.tab2 li a{    font-size:13px;     line-height:32px;     padding:0 11px;     color:#ccc;     display:block}
.tab2 li a.active{    border:1px solid #ddd;     border-bottom:0;     color:#4c4c4c;     background:#fff;     -webkit-border-radius:4px 4px 0 0;     -moz-border-radius:4px 4px 0 0;     border-radius:4px 4px 0 0}

.tab2content{    border-top:1px solid #ddd;     position:relative;     margin-top:-1px;     z-index:0;     padding-bottom:5px}

.tab2content .textblock1{    background:#f9f9f9;     padding-left:10px;     color:#999;     font-size:12px;     text-transform:uppercase;     line-height:23px;     display:block}
.tab2content .textred{    color:#e51f35 !important}
.tab2content .textgray{    color:#ccc !important}
.spacetop13{    padding-top:13px}
.spacetop23{    padding-top:23px}
.leftmenu li a.sub{    padding-left:45px;     background:url(../Images/icon-sub.png) no-repeat 25px 6px}
.leftmenu li a.subactive{    background:#e4efcd;     font-weight:bold}
.leftmenu190 li a.sub{    padding-left:45px;     background:url(../Images/icon-sub.png) no-repeat 25px 6px}
.leftmenu190 li a.subactive{    background:#e4efcd;     font-weight:bold}

.font4c4c4c{    color:#4c4c4c}
.lineheight14{    line-height:14px}
.lineheight16{    line-height:16px}
.lineheight17{    line-height:17px}
.lineheight18{    line-height:18px}

.lnkPlayVideo{    background:#fff url(../Images/play.png) no-repeat 0px 3px;  border:none;  color:#ed353e;  font-size:12px;  display:block;  cursor:pointer;  display:block;  font-family:arial;  padding:0 15px}

div.dropdown{ color:#555;  margin:3px 0px 0 0;  width:143px;  position:relative;  height:17px;  text-align:left;  top:-3px}
div.dropdown2{ color:#555;  margin:3px 0px 0 0;  width:143px;  position:relative;  height:17px;  text-align:left;  top:-15px; left:-20px;}


div.submenu{ background:#fff;  position:absolute;  top:-12px;  left:-20px;  z-index:100;  width:auto;  min-width:135px;  display:none;  margin-left:10px;  padding:0px 0 5px;  border-radius:6px;  box-shadow:0 2px 8px rgba(0,0,0,0.45)}
div.submenu1{ background:#fff;  position:absolute;  top:-12px;  left:-20px;  z-index:100;  width:auto;  min-width:135px;  display:none;  margin-left:10px;  padding:0px 0 5px;  border-radius:6px;  box-shadow:0 2px 8px rgba(0,0,0,0.45)}
div.submenu2{ background:#fff;  position:absolute;  top:-12px;  left:-20px;  z-index:100;  width:auto;  min-width:135px;  display:none;  margin-left:10px;  padding:0px 0 5px;  border-radius:6px;  box-shadow:0 2px 8px rgba(0,0,0,0.45)}

.dropdown a:hover{    background:#4c4c4c;     border:1px solid #000}
.dropdown2 a:hover{    background:#4c4c4c;     border:1px solid #000}


.dropdown a span{    background:url("../Images/down-arrow.png") no-repeat scroll right center transparent;  display:block;  line-height:34px}
.dropdown2 a span{    background:url("../Images/down-arrow.png") no-repeat scroll right center transparent;  display:block;  line-height:34px}

div.submenu{ left:-9px;  position:absolute;  top:37px}
div.submenu1{ left:-9px;  position:absolute;  top:37px}
div.submenu2{ left:-9px;  position:absolute;  top:37px}

div.pad-7{ padding-right:7px;  padding-bottom:10px;  padding-top:10px}

div.submenu{ border:solid 0px red;  width:142px}
div.submenu1{ border:solid 0px red;  width:142px}
div.submenu2{ border:solid 0px red;  width:142px}

div.submenu ul.sub li a{ background:#fff;  font-size:12px;  color:black;  line-height:24px;  border:none;  font-weight:normal !important;  font-family:arial,helvetica,sans-serif !important}
div.submenu1 ul.sub li a{ background:#fff;  font-size:12px;  color:black;  line-height:24px;  border:none;  font-weight:normal !important;  font-family:arial,helvetica,sans-serif !important}
div.submenu2 ul.sub li a{ background:#fff;  font-size:12px;  color:black;  line-height:24px;  border:none;  font-weight:normal !important;  font-family:arial,helvetica,sans-serif !important}

div.submenu li subhover{ display:block;  cursor:pointer;  color:#fff;  border:1px solid red}
div.submenu1 li subhover{ display:block;  cursor:pointer;  color:#fff;  border:1px solid red}
div.submenu2 li subhover{ display:block;  cursor:pointer;  color:#fff;  border:1px solid red}


div.submenu li:hover a{ background:#4c4c4c;  border:1px solid #000}
div.submenu1 li:hover a{ background:#4c4c4c;  border:1px solid #000}
div.submenu2 li:hover a{ background:#4c4c4c;  border:1px solid #000}

input.btndelete1{ position:relative;  top:-24px;  left:-29px}

.ContentHeader{ font-size:18px;  font-weight:normal;  color:#5D9E0A;  padding:7px 7px 0;  float:left;  width:100%}

ContentHeaderBack{ background:#fffc}

#RadWindowWrapper_ctl00_ctl00_mcm_mc_rdWindow{ top:0 !important;  margin-top:8% !important}
#RadWindowWrapper_ctl00_ctl00_mcm_mc_rdWindow .rwTitleRow{ display:none}

.LoginLinks{ color:#797978;  font-size:14px}

.LoginLabels{ display:inline-block;  color:#797978;  font-size:20px;  line-height:10px;  font-family:"proxima-nova",sans-serif;  width:100px;  text-align:right;  margin-right:8px;  height:25px}

.Logintextbox{ color:#000 !important;  border:1px solid #ccc !important;  font-size:18px !important;  font-family:"proxima-nova",sans-serif;  height:30px !important;  width:253px !important;  padding:5px !important;  border-radius:3px 3px 3px 3px;  margin-bottom:15px;  font-weight:normal}

.loginFooter{ padding: 120px 0px 5px 0px !important; text-align:center;}

.ApplicantCareerFooter{ margin-bottom: 20px;width: 400px; margin-left: auto;margin-right: auto;}

.hyrell-login-button{ font-family:proxima-nova,sans-serif !important;  margin-top:14px;  font-size:20px}

.hyrell-login-box{ width:400px !important;  margin:16px auto !important}

.popupTextlighter{ font-weight:lighter !important}

.height249{    height:249px !important}
.ApplicantsLineHeight{    line-height:20px}

.reTool .custIncrease{    background-image:url(../Images/fontIncrease.png) !important}
.reTool .custDecrease{    background-image:url(../Images/fontDecrease.png) !important}
.reTool .H1{    background-image:url(../Images/Heading1.png) !important}
.reTool .H2{    background-image:url(../Images/Heading2.png) !important}
.reTool .H3{       background-image:url(../Images/Heading3.png) !important}
.DisabledLabel{ width:90%; padding:20px; color:#fff; background-color:#58595B; font-size:17px; display:inline-block}
.DisabledControls{ filter:alpha(opacity=45); -moz-opacity:0.45; opacity:0.6; -khtml-opacity:0.45; cursor:default; }
 .EFormAttachments{ margin:0px !important;  padding:0px !important}
 .EFormAttachments tr{ margin:0px !important;  padding:0px !important;  height:26px;  vertical-align:middle}
 
 .EFormAttachments td{ background-color:#F2F2F0 !important;  margin:0px !important;  padding:0px !important}
 .EFormAttachments td span{ display:block;  margin-top:16px}
 .EFormAttachments ul{ margin:0px !important; ; padding:0px !important; }
 .EFormAttachments ul li{ margin:0px; padding:0px; float:left}
 
 .EFormAttachments ul li img{ margin:12px}
 .EFormAttachments ul li a{ margin:7px; padding:10px; position:relative; top:17px}
 
 
 .RecruiterEFormAttachments{ margin:0px !important;  padding:0px !important}
 .RecruiterEFormAttachments tr{ margin:0px !important;  padding:0px !important;  height:26px;  vertical-align:middle}
 
 .RecruiterEFormAttachments td{ background-color:#F2F2F0 !important;  margin:0px !important;  padding:0px !important}
 .RecruiterEFormAttachments td span{ display:block;  margin-top:16px}
 .RecruiterEFormAttachments ul{ margin:0px !important; ; padding:0px !important; }
 .RecruiterEFormAttachments ul li{ margin:0px; padding:0px; float:left}
 
 .RecruiterEFormAttachments ul li img{ margin:12px}
 .RecruiterEFormAttachments ul li a{ color:#fff;  font-weight:bold;  background:#94bf36;  border:1px solid #77992c;  text-shadow:0 1px 0 rgba(0,0,0,0.30);  -webkit-border-radius:3px;  -moz-border-radius:3px;  border-radius:3px;  height:35px;  font-family:arial;  cursor:pointer;  float:right}
 
 
 
 
.onboardingtoolbar{ padding:30px 30px 0px 30px !important;  margin-bottom:5px}
.apploginbox{ width:418px;   margin:0px auto 0px auto;  padding-bottom:15px;  position:relative;  left:-80px}
.apploginbox p{ padding:10px 20px 0}
.apploginbox .accountInfo{ width:355px;  margin:15px auto}
.apploginbox .login-label{ width:70px;  display:inline-block}
.HeaderNote{ display:inline-block;  color:#797978;  font-size:20px;  font-family:"proxima-nova",sans-serif;  text-align:left;  margin-right:8px;  height:25px}
.appresetpasswordbox{ width:550px;  margin:0px auto 0px auto;  padding-bottom:15px;  position:relative;  left:-108px}
.onboardingtoolbar{ padding:30px 30px 0px 30px !important;  margin-bottom:5px}

div.pdftoolbar{    height:26px;     background:url(../Images/menubarbg.png) repeat-x 0px 0px}
ul.pdftoolbarleft{    float:left;     list-style-type:none;     margin:0px;     padding:0px}
ul.pdftoolbarleft li{    display:inline-block;     background:url(../Images/seperator.png) no-repeat right center}
ul.pdftoolbarleft li a{    display:block;     height:25px;     padding-left:30px;     font-family:Arial,Helvetica,sans-serif;     font-size:12px;     color:#000;     text-decoration:none;     line-height:25px;     margin-right:20px}
ul.pdftoolbarleft li a.download{    background:url(../Images/btndownload.png) no-repeat 3px 0px}
ul.pdftoolbarleft li a.print{    background:url(../Images/btnprint.png) no-repeat 3px 0px}
span.pdftoolbarright{    float:right;     position:relative;     background:url(../Images/seperator.png) no-repeat left center}
ul.zoomddl{    position:absolute;     list-style-type:none;     padding:0px;     background:#eaf2fb;     border:1px solid #a4bed4;     padding:5px;     margin:0px;     right:0px}
ul.zoomddl li a{    display:block;     font-family:Arial,Helvetica,sans-serif;     font-size:12px;     color:#000;     text-decoration:none;     line-height:25px;     width:50px;     padding-left:10px;     text-align:left !important}
a.zoom{    display:block;     width:43px;     height:25px;     padding-left:5px;     background:url(../Images/btnzoom.png) no-repeat 3px 0px}
        
        
.btnnext{    position:relative;     left:-5px}
.docSignedWarning{    font-family:"proxima-nova","Myriad Pro",sans-serif;     font-size:20px;     color:#333;     font-weight:normal}
.CenterAlign{    position:relative;     top:30px;     left:370px}
span.btncontainer1{    position:relative;     margin-left:15px}
.ie span.btncontainer1{    top:1px}
.gecko span.btncontainer1{    top:2px}
.webkit span.btncontainer1{    top:8px}
 ul.pdftoolbarleft li a.help{    background:url("../Images/icon-question.png") no-repeat scroll 8px 4px transparent}
 
.RadTreeList_Default .rtlLines td.rtlL2{    background-image:url(../Images/treetablenode.gif) !important}

.RadTreeList_Default .rtlLines td.rtlL3{     background-image:url(../Images/treetablenode1.gif) !important}

    .watermark{        font-family:Calibri,Arial !important;         font-size:14px !important;         color:gray !important}

.checked-node{    background:url(../Images/icon-folder.png) no-repeat;  background-position:0px 1px;  width:15px;  height:12px;  float:left;  cursor:pointer}

.requisitionPending { color: #FF6600 !important; font-weight: bold; white-space: normal; }
.requisitionApproved { color: #39b54a !important; font-weight: bold; white-space: normal; }
.requisitionDenied { color: #ed1c24 !important; font-weight: bold; white-space: normal; }

.ellipse-140 {
    display: block;
width: 140px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.ellipse-200 {
    display: block;
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.icon-drag{background-image:url(../Images/icon-drag.png);     background-repeat:no-repeat;}

.reinvite-msg
{
    background-color:#ffffcc;
    border:1px solid #f8e57e;
    padding:10px 20px;
}

.ReadOnlyNoticeText
{ color: red;margin-top: 5px;margin-bottom: 5px;}
.StarIconContainerClass 
{
    background-color: #fff; border: #7f7f7f solid 1px; border-radius: 3px; position: absolute; display: none; padding: 2px 2px 2px 2px;
}


select.autoscore 
{
    height: 37px;
      color: #000 !important;
      border: 1px solid #ccc !important;
      font-size: 11px !important;
      font-family: Arial,Helvetica,sans-serif !important;
}

select.autoscore option
{
    height: 37px;
      color: #000 !important;
      border: 1px solid #ccc !important;
      font-size: 11px !important;
      font-family: Arial,Helvetica,sans-serif !important;
}

.SwitchOff 
{
    cursor: pointer;
    height: 25px;
    width: 51px;
    background-image: url('../Images/switch.png');
    background-position-x: -51px;
}

.SwitchOn 
{
    cursor: pointer;
    height: 25px;
    width: 51px;
    background-image: url('../Images/switch.png');
}