/* Reset */
html {color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
a { outline: none; }
/* 
Root screen stylesheet Copyright (c) 2001 - 2013 Author blix.co
*/

/* Default styling for html5 elements */
section, article, header, footer, nav, aside, hgroup { display:block; }
/* End of html5 defaults */



/* Globals */
*:focus { outline: none;  } /*Override Chrome default*/
.cl { clear: both; line-height:0px;}
.shadow { -webkit-box-shadow: 1px 1px 4px rgba(0,0, 0, 0.4); -moz-box-shadow: 1px 1px 4px rgba(0,0, 0, 0.4); box-shadow: 1px 1px 4px rgba(0,0, 0, 0.4); }          
mark { background: none; }
::selection { background: #CDC9C3; color:#fff; padding: 3px; }
    
::-moz-selection { background: #CDC9C3; color:#fff; padding: 3px; }

body{font-family:"proxima-nova"; background:url(/areas/admin/assets/images/bar-background.jpg) repeat-y; font-size:1em; color:#333;}
body.secondary-nav{ background:url(/areas/admin/assets/images/bar-background-secondary.jpg) repeat-y;}
a{text-decoration:none; color:#333; }
a:hover{ color:#E80A64; -webkit-transition:color .5s ease;  -moz-transition:color .5s ease; -o-transition:color .5s ease; transition:color .5s ease;}
a.pink-link{background-color:#E80A64; padding:5px; color:#fff;}
a.pink-link:hover{background-color:#333;background-color:#E80A64; }
a.small-pink-link{color:#E80A64; font-size:0.9em;}
strong{font-weight:700;}
.page{height:100%; }

/* Text & Headers */
h1{font-size:2.2em; font-weight:700; color:#F14496; margin-bottom:10px; margin-top:0px; text-transform:uppercase;}
h1.smaller{font-size:1.9em;}
h2{font-size:1.7em; font-weight:700; color:#666; margin-bottom:10px; margin-top:-13px; text-transform:uppercase;}
h2.marginless{ margin-bottom:0px; }
h3 {font-size:1.1em; font-weight:700; color:#999; margin-bottom:5px; text-transform:uppercase;}
h4{margin-top:40px; font-weight:700;font-size:1.1em; color:#999;  margin-bottom:7px; }
h5{color:#DFDFDF; font-size:1.6em; font-weight:bold; float:left; }
p{margin-bottom:10px; color:#545454;}
.top-margin-20{margin-top:20px;}

.pinkBold{font-weight:bold; font-size:1.2em; color:#F14496; font-family: 'brevia'; font-style:italic;}
.blueBold{font-weight:bold; font-size:1.2em; color:#1A0552; font-family: 'brevia'; font-style:italic;}


/* nav */
#left-bar{ position:absolute; top:0; left:0; width:100px; }
#icon-logo{padding: 15px 0 10px 28px;}
#nav{margin-bottom:95px; margin-right:5px; margin-top:30px;}
#nav li{background:none;  position:relative;
    transition: background .5s ease-in-out;	-moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; }

#nav a{font-size:1em;  color:#fff; position:relative; z-index:100; display:block; text-align:center; background:#222 url(/areas/admin/assets/images/nav-dashboard.png) no-repeat 26px 8px; padding: 18px 10px 20px 0px; text-indent:-999px; min-width:80px; }
#nav a:hover{ padding: 18px 10px 20px 70px; text-indent:0px; min-width:120px; }
#nav li.no-hover a{padding: 18px 10px 20px 0px !important; text-indent:-999px !important;  min-width:80px !important;}
#nav #nav-dashboard {background-image:url(/areas/admin/assets/images/nav-dashboard.png);}
#nav #nav-candidate {background-image:url(/areas/admin/assets/images/nav-candidate.png);}
#nav #nav-vacancy {background-image:url(/areas/admin/assets/images/nav-vacancy.png);}
#nav #nav-client {background-image:url(/areas/admin/assets/images/nav-client.png);}
#nav #nav-search {background-image:url(/areas/admin/assets/images/nav-search.png);}
#nav #nav-reporting {background-image:url(/areas/admin/assets/images/nav-reporting.png);}
#nav #nav-reminder {background-image:url(/areas/admin/assets/images/nav-reminder.png);}
#nav #nav-administration {background-image:url(/areas/admin/assets/images/nav-administration.png);}
#nav #nav-website {background-image:url(/areas/admin/assets/images/nav-website.png);}
#nav #nav-account {background-image:url(/areas/admin/assets/images/nav-account.png);}
#nav #nav-sourceuser {background-image:url(/areas/admin/assets/images/nav-sourceuser.png);}
#nav #nav-logout {background-image:url(/areas/admin/assets/images/nav-logout.png);}
#nav #nav-to-do {background-image:url(/areas/admin/assets/images/nav-to-do.png);}


#nav li ul{display:none; position:absolute; left:100px; background-color:rgba(0, 0, 0, 0.85); min-width:350px; padding:20px; z-index:101; margin-top:-70px; margin-left:-5px;}
#nav li:hover ul{display:block;}

#nav li ul strong{color:#fff;}
#nav  li.no-hover ul a{padding:5px 10px !important; background:none; width:auto; text-indent:0 !important; display:block; text-align:left; border-bottom:solid 2px #333;}
#nav  li.no-hover ul a:hover {padding:5px 10px !important; background:none; width:auto; text-indent:0; display:block; text-align:left; border-bottom:solid 2px #333;}

/* notificaton badges */
#nav .badge { z-index:101; display: block; position: absolute; top: 4px; font-size:0.75em; right: 57px; line-height: 16px; height: 16px; padding: 0 5px; font-family: Arial, sans-serif; color: white; border: 1px solid; border-radius: 10px;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08); text-shadow: 0 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);}
#nav .badge.red { background: #fa623f; border-color: #fa5a35;
    background-image: -webkit-linear-gradient(top, #fc9f8a, #fa623f);
    background-image: -moz-linear-gradient(top, #fc9f8a, #fa623f);
    background-image: -o-linear-gradient(top, #fc9f8a, #fa623f);
    background-image: linear-gradient(to bottom, #fc9f8a, #fa623f); 
}


/* sub nav */
#secondary-bar{position:absolute; top:0; left:95px; width:138px; }
#sub-nav{margin-top:50px; width:137px; position:relative; z-index:20;}
#sub-nav li {padding-bottom:5px; }
#sub-nav li a{color:#fff; padding:3px 0 3px 5px; display:block; font-size:1em; margin-left:4px; width:129px;
    transition: background .5s ease-in-out;	-moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; }
#sub-nav li a:hover{background-color:#333; }
#sub-nav li.sel a{background-color:#F14496; }
#sub-nav li ul {background:#2e2e2e url(/areas/admin/assets/images/subsubBg.jpg) repeat-x top; padding-bottom:20px; padding-left:11px;}
#sub-nav li ul li {padding-bottom:2px; }
#sub-nav li ul li h5 {font-weight:700; border-bottom:1px solid #535353; padding-bottom:1px; color:#fff; padding-top:15px; margin-left:10px; float:none; font-size:1em;}
#sub-nav li ul li a{ font-size:0.9em; padding-left:10px; width:113px;}
#sub-nav li ul li a:hover{ background-color:#444;}
#sub-nav li ul li.sel a{background-color:#F14496; }

#sub-nav li ul li a.delete{margin-top:10px; background-color:#D93600;}

/* content */
#main-panel{margin-left:110px; margin-right:30px; padding-bottom:100px; position:relative;top:0; margin-top:0px; min-width:470px;}
.secondary-nav #main-panel{margin-left:247px;}

#top-right-button{position:absolute; top:20px; right:20px;}


/* top-top  */
#top-top{ font-weight:bold; color:#eee; left:-14px;  padding: 3px 30px 5px 14px; position:absolute; top:0; font-size:0.8em; background-color:#333; width:100%; text-align:right;}
.secondary-nav #top-top{  left:-15px;  padding: 3px 30px 5px 23px; }
#top-top a{color:#fff;}
#top-top a.logout{color:#F14496;}


/* top-right */
#top-right{position:relative;  margin-right:-30px; margin-left:-15px; width:auto; background:#ddd; color:#666; padding-right:30px; padding-top:5px; padding-bottom:5px;}
.top-right-inner{float:right; font-size:0.8em; color:#666; display:block; margin-left:10px; padding-left:10px;}
.top-right-inner.left{float:left;}
.top-right-inner a{color:#666; }
.top-right-inner h5{font-size:1.7em; text-transform:uppercase; float:none; color:#333; padding-top:2px; padding-bottom:1px; font-weight:bold;}
.top-right-inner h5.pink{color:#fff;}
.top-right-inner h5.status18, .top-right-inner h5.status7, .top-right-inner h5.status13, .top-right-inner h5.status42{color:#6FB800;} /* active */
.top-right-inner h5.status19, .top-right-inner h5.status9, .top-right-inner h5.status14{color:#FFA64D;} /* Dorment */
 .top-right-inner h5.status8, .top-right-inner h5.status15, .top-right-inner h5.status43{color:#D93600;} /* in-active */
.top-right-inner h5.status20{color:#F14496;} 
.top-right-inner h5.status45, .top-right-inner h5.status47{color:#FFC926;} 
.top-right-inner h5.status48{color:#D93600;} 
.top-right-inner h5.status64 {color:#0094ff; }
.top-right-inner h5.status74 {color:#C926FF; }
.top-right-inner h5.status75 {color:#FFFF00; }

.top-right-inner a.dna{color:#666; height:30px; background:#eee url(/areas/admin/assets/images/dna.png) no-repeat 5px 5px;  display:block; border-radius:2px; padding: 8px 5px 8px 40px; -moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out;}
.top-right-inner a.alert{color:#666; height:30px; background:#eee url(/areas/admin/assets/images/alert.png) no-repeat 5px 5px;  display:block; border-radius:2px; padding: 8px 5px 8px 40px; -moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out;}
.top-right-inner a.map{color:#666; height:30px; background:#eee url(/areas/admin/assets/images/map.png) no-repeat 5px 5px;  display:block; border-radius:2px; padding: 8px 5px 8px 45px; -moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out;}
.top-right-inner a.phone{color:#666; height:30px; background:#eee url(/areas/admin/assets/images/phone.png) no-repeat 5px 5px;  display:block; border-radius:2px; padding: 8px 5px 8px 40px; -moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out;}
.top-right-inner a.phone.active{background-color:#333; color:#fafafa;}
.top-right-inner a.dna:hover, .top-right-inner a.map:hover, .top-right-inner a.phone:hover{background-color:#ccc;}, .top-right-inner a.alert:hover{background-color:#ccc;}
.top-right-inner a.phone.active:hover{background-color:#555; color:#fafafa;}

#top-right.status18, #top-right.status7, #top-right.status13, #top-right.status42 {background-color:#6FB800; }
#top-right.status19, #top-right.status9, #top-right.status14{background-color:#FFA64D;} /* Dorment */
 #top-right.status8, #top-right.status15, #top-right.status43 {background-color:#D93600; }
#top-right.status20{background-color:#F14496; }
#top-right.status45, #top-right.status47{background-color:#FFC926; }
#top-right.status48{background-color:#D93600; }
#top-right.status64{background-color:#0094ff; }
#top-right.status74{background-color:#C926FF; }
#top-right.status75{background-color:#FFFF00; }

#top-right.status20 .top-right-inner h5.status20, #top-right.status8 .top-right-inner h5.status8, #top-right.status15 .top-right-inner h5.status15, #top-right.status43 .top-right-inner h5.status43{color:#fff;}
#top-right.status19 .top-right-inner h5.status19, #top-right.status9 .top-right-inner h5.status9, #top-right.status14 .top-right-inner h5.status14 {color:#fff;}
#top-right.status18 .top-right-inner h5.status18, #top-right.status7 .top-right-inner h5.status7, #top-right.status13 .top-right-inner h5.status13, #top-right.status42 .top-right-inner h5.status42{color:#fff;}
#top-right.status45 .top-right-inner h5.status45, #top-right.status47 .top-right-inner h5.status47 {color:#fff;}
#top-right.status48 .top-right-inner h5.status48 {color:#fff;}
#top-right.status64 .top-right-inner h5.status64 {color:#fff;}
#top-right.status74 .top-right-inner h5.status74 {color:#fff;}
#top-right.status75 .top-right-inner h5.status75 {color:#000;}

.contact-popup{display:none;position:absolute; width:300px; padding:30px; top:45px; background-color:#333; border-radius:1px; z-index:40; left:20px; color:#fafafa;}
.contact-popup span{float:left;}
.contact-popup h4{margin-top:0px;}
.contact-popup p{color:#aaa; padding-left:30px;}
.contact-popup a{color:#fff; padding:2px; width: 80%; overflow: hidden; display: inline-block; white-space: nowrap; text-overflow: ellipsis;}
.contact-popup a:hover{background:#555 !important; border-radius:3px;}
.contact-popup a.name-link{background-color:#444; display:block; padding:3px;}
.contact-popup .full-info{display:none; border-bottom:4px solid #444; margin-bottom:10px; padding:10px;} 

.datatable{font-size:0.9em;}
.datatable th{background-color:#333; color:#fff; font-weight:bold;}
.datatable th{ text-align:center; border-right:1px solid #fff; padding:5px;}
.datatable th a{ color:#fff !important; text-decoration:underline !important;}
.datatable tr{background-color:#fff;}
.datatable tr.alt{background-color:#FFF0F5;}
.datatable tr td{border-right:1px solid #fff; padding:5px;}

#DownloadDatesBG{width:100%; height:100%; position:fixed; top:0; left:0; background:url(/areas/admin/assets/images/filter-bg.png); z-index:900; display:none;}
#DownloadDates{width:50%; margin: 100px 25%; background-color:#fff; padding:5px;  z-index:900; position:absolute; top:0; left:0; min-width:250px; display:none;}
#DownloadDates-inner{min-height:250px; border:5px solid #B63073; padding:25px; position:relative;}
#DownloadDates-hide{position:absolute; top:-10px; padding:10px; right:-5px; color:#B63073; font-size:1.4em; font-weight:bold;}


#UpdateBG{width:100%; height:100%; position:fixed; top:0; left:0; background:url(/areas/admin/assets/images/filter-bg.png); z-index:900; display:none;}
#UpdateDetails{width:50%; margin: 100px 25%; background-color:#fff; padding:5px;  z-index:900; position:absolute; top:0; left:0; min-width:250px; display:none;}
#Update-hide{position:absolute; top:-10px; padding:10px; right:-5px; color:#B63073; font-size:1.4em; font-weight:bold;}

.info-title{font-weight:bold;}



/* New Dash Layout */

.col-left{width:65%; float:left; margin-left:-15px;}
.col-right{width:35%; float:right; margin-right:-30px;}
.col30{width:30%; float:left;}
.col35{width:35%; float:left;}
.section{padding:20px;}
.rsection{padding:20px;}
.rsection h4, .section h4{margin-top:0;}

.greySection{background-color:#eee; }
.light-greySection{background-color:#e3e3e3;}
.very-light-greySection{background-color:#f8f8f8;}
.redSection{background-color:#D93600; color:#fff;}
.redSection h3{color:#fff;}
.redSection p{color:#fff;}
.redSection a{color:#fff; font-weight:bold;}
.redSection a:hover:hover:after {
    content: " \00BB";
    color: #fff;
}
.small-grey{font-size:0.9em; color:#999;}

.rsection .selected-list li{color:#ccc;}
.rsection .selected-list li.sel{color:#333;}

.section .fieldlist li .fieldlist-item {border-left: none;background-color: #fff;min-width:140px;}


.alert-list li{  padding:4px 0; font-size:0.9em;}
.alert-list li a.alert-link, .alert-list li a.overdues {text-decoration: none; color: #333; background: #fafafa; padding: 5px 5px 5px 8px; font: bold; font-weight: bold; display: block;    }
.alert-list li a.overdues {border-left:#D93600 solid 5px;    }
.alert-list li a.BIRTH {border-left:#0094ff solid 5px;    }
.alert-list li a.APP1WK {border-left:#FDE6F1 solid 5px;    }
.alert-list li a.APP2WK {border-left:#F14496 solid 5px;    }
.alert-list li a.APP1MNTH {border-left:#D93600 solid 5px;    }
.alert-list li a.VAC1DAY {border-left:#FDE6F1 solid 5px;    }
.alert-list li a.VAC1WK {border-left:#F14496 solid 5px;    }
.alert-list li a.JOB {border-left:#FFA64D solid 5px;    }
.alert-list li a.ACTIVATEDWEB {border-left:#FFA64D solid 5px;    }
.alert-list li a.SCHED {border-left:#B63073 solid 5px;    }
.alert-list li a.INTERVIEW {border-left:#FE6961 solid 5px;    }
.alert-list li a.NOTES {border-left:#6FB800 solid 5px;    }
.alert-list li a.CONTACT {border-left:#00ff21 solid 5px;    }
.alert-list li a.PSL {border-left:#4800ff solid 5px;    }
.alert-list li a.STATUS {border-left:#ffd800 solid 5px;    }
.alert-list li a.START {border-left:#4cff00 solid 5px;    }
.alert-list li a.ADDRESS {border-left:#00ffff solid 5px;    }
.alert-list li a.MEETING {border-left:#b200ff solid 5px;    }
.alert-list li a.CONSULT {border-left:#ff006e solid 5px;    }
.alert-list li a.NOTIFYCAN {border-left:#FFA64D solid 5px;  text-decoration: none; color: #333; background: #fafafa; padding: 5px 5px 5px 8px;  display: block;     }

.alert-list li a.alert-link:hover, .alert-list li a.overdues:hover {color:#999;}


#alert-popup {width:70%; margin: 100px 15%; background-color:#fff; padding:5px;  z-index:900; position:fixed; top:0; left:-100px; min-width:250px; display:none;}
#alert-popup .inner{min-height:250px; border:5px solid #B63073; padding:25px 25px 100px 25px; position:relative;}
#AlertHide{position:absolute; bottom:25px; left:25px;}
#AlertComplete{position:absolute; bottom:25px; left:125px; background-color:#6FB800;}
#AlertComplete:hover{color:#444 !important;}
.alertDetails{display:none;}



#build-report {
    background-color: #eee;
    margin-bottom: 30px;
    padding: 20px;
    font-size:0.9em;
}

#build-report label {
    font-weight: normal;
    margin:0;
    width:250px;
}
#build-report input {
    margin-right:10px;
}
/* */
.scoreholder{width:100px; height:20px;}
.scoreinner{overflow:hidden;}

/* top bar */
#top-bar{ margin:10px -30px 10px -15px; position:relative;}    
.secondary-nav #top-bar{ margin:10px -30px 10px -15px; }

#top-bar-shadow{position:relative; width:100%; }
#top-bar h5{margin:9px 30px 10px 0px; color:#999; }
#filterString h6{width:160px; float:left; font-weight:bold;}
#filterString p{ float:left; margin-bottom:3px; }

#top-bar .topInfo { font-weight:bold; margin:5px 10px 5px 35px;}
#top-bar .topInfo.first { margin:25px 10px 5px 35px;}
#top-bar .topInfo.last { margin:5px 10px 25px 35px;}
#top-bar .topInfo h6 {font-weight:bold; color:#999; width:120px; font-size:1.1em;  float:left; margin:0px 10px 0px 0;}
#top-bar .topInfo a {font-weight:normal; font-size:0.8em; color:#F14496; padding-left:20px;}

.activeCount{color:#ff0000; font-weight:bold; }

/* no results dialog */
#no-results{text-align:center;}

/* long lists */
#longList ul{margin-top:30px;}
#longList ul li{ border-left:6px solid #e3e3e3; margin-top:4px; }
#longList ul li.rowbg{ background-color:#f7f7f7; }
#longList ul li .info-left{display:block; width:100px; color:#333; padding:2px 10px;  float:left;}
#longList ul li .jobid{color:#333; 
    transition: background .5s ease-in-out;	-moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out;}
#longList ul li .title-holder{display:block; float:left; padding:2px 10px;}
#longList ul li .jobtitle{ color:#F34197; font-weight:bold;
    transition: background .5s ease-in-out;	-moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out;}
#longList ul li .jobclient{ color:#333; font-weight:bold;  padding:2px 10px;}
#longList ul li .job-info-details {padding:2px 10px 2px 130px; font-size:0.9em;}

#longList ul li .jobclient .grey{ color:#999; font-weight:normal; }
#longList ul li .jobsalary{display:inline-block; color:#999; width:150px;  padding:10px 0;}
#longList ul li .job-cats{color:#999;   font-size:0.9em;}
#longList ul li .jobcategories{display:inline-block; color:#999;  padding:10px; font-size:0.8em;}
#longList ul li .jobsuggestions{display:inline-block; color:#F34197; text-decoration:none; padding:2px 10px; 
    transition: background .5s ease-in-out;	-moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out;}
#longList ul li .jobsuggestions:hover{background-color:#FCCFE5; }
#longList ul li .jobapplications{display:inline-block; color:#333; text-decoration:none; padding: 2px 10px; 
    transition: background .5s ease-in-out;	-moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out;}
#longList ul li .jobapplications:hover{background-color:#eee; }

.jobType{margin-left:10px; font-weight:bold; margin-right:15px; }
/* long lists Status Colors */
/* active */
#longList li.status13{border-left:6px solid #6FB800;}
/* dorment */
#longList li.status14{border-left:6px solid #FFA64D;}
 /* in-active */
#longList li.status15{border-left:6px solid #D93600;}

#longList li.status47{border-left:6px solid #FFC926;}

/* alpha lists */ 
.listGroup{ width:25%; float:left; margin-top:25px;}
.listGroup h3{background-color:#F14496; font-size:1.7em; padding:1px 5px; color:#fff; font-weight:700; float:left; }
.listGroup ul{ margin-left:40px;}
.listGroup ul li{ padding-bottom:2px;}
.listGroup a{ padding:2px 10px 1px 10px; display:block; margin-right:25px;
    transition: background .5s ease-in-out;	-moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out;}
.listGroup a:hover{color:#333; background-color:#F9F9F9;}

.listGroup a .grey{
    font-size:0.9em; color:#ccc;
}

/* Traffic Light Status Icons */
/* active */
.status7 a:hover, .status13 a:hover, .status18 a:hover
{ background-color:#E2F1CC;  } 

/* dorment */
.status9 a:hover, .status14 a:hover, .status19 a:hover
{ background-color:#FFEDDB;} 

.status47 a:hover, .status45 a:hover
{background-color:#FFE895;} 

/* in-active */
.status8 a:hover, .status15 a:hover
{ background-color:#F7D7CC;} 


 .status20 a:hover
{ background-color:#FDE6F1;} 

.status48 a:hover
{background-color:#FF9998;}


.statusIcon{ width:4px; height:20px; background-color:#e3e3e3; float:left; }
/* active */
.status7 .statusIcon, .status13 .statusIcon, .status18 .statusIcon
{background-color:#6FB800;} 

/* dorment */
.status9 .statusIcon, .status14 .statusIcon, .status19 .statusIcon
{background-color:#FFA64D;} 

.status47 .statusIcon, .status45 .statusIcon
{background-color:#FFC926;} 

 /* in-active */
.status8 .statusIcon, .status15 .statusIcon
{background-color:#D93600;}

.status20 .statusIcon
{background-color:#F14496;}

.status48 .statusIcon
{background-color:#FF2626;}



 /* bluemoon*/
.status64 .statusIcon
{background-color:#0094ff;}


.status64 a:hover
{background-color:#bfdff7;}


 /* temping*/
.status74 .statusIcon
{background-color:#C926FF;}


.status74 a:hover
{background-color:#FFBFFF;}

.status75 .statusIcon
{background-color:#FFFF00;}


.status75 a:hover
{background-color:#FFFF00;}

/* Data List with edit buttons */
.fieldlist{margin-top:15px;}
.fieldlist li{margin:5px 0 0 0;}

.fieldlist li.webShow { border-left:6px solid #6FB800; }
.fieldlist li.noWebShow { border-left:6px solid #D93600; }

.fieldlist li .fieldlist-item{  border-left:3px solid #f4f4f4; line-height:18px; width:50%; min-width:180px; background-color:#f4f4f4; margin-right:5px; float:left; padding:2px 10px; }
.fieldlist li.top-level .fieldlist-item{  background-color:#e3e3e3; padding:2px 10px; font-weight:bold; }
.fieldlist li.overdue .fieldlist-item{ border-left:3px solid #FE2E28;}
.fieldlist li.completed .fieldlist-item{ border-left:3px solid #6FB800;}
.fieldlist li .fieldlist-item .greytext{ color:#999; display:block; float:left; width:70px;  line-height:18px;}
.fieldlist li .fieldlist-item .datetext{ color:#333; font-weight:bold; display:block; float:left; width:100px; line-height:18px;}
.fieldlist li.overdue .fieldlist-item .datetext{  color:#FE2E28; }
.fieldlist li.completed .fieldlist-item .datetext{  color:#6FB800; }
.fieldlist li a{display:block; float:left; padding:2px 10px; background-color:#F34197; color:#fff; font-weight:700; font-size:0.9em; text-transform:uppercase; margin-right:5px;}
.fieldlist li a:hover{ background-color:#EB036C; }
.fieldlist li a.delete{ background-color:#FE6961; }
.fieldlist li a.delete:hover{ background-color:#FE2E28; }
.fieldlist li a.complete{ background-color:#6FB800; }
.fieldlist li a.complete:hover{ background-color:#5A9500; }

.buttons{float:left; }
.fieldlist li .inner-content {padding-top:16px; }

#padlock{width:14px; height:16px; display:block; float:left; background:url(/areas/admin/assets/images/padlock.png) no-repeat; margin-right:10px;}
#padlock.on{width:14px; height:16px; display:block; float:left; background:url(/areas/admin/assets/images/padlock_on.png) no-repeat; margin-right:10px;}


/* dashboard */
.dash-section{ margin-bottom:20px;}
.dash-section h3{ color:#333;font-size:1.3em; margin-bottom:0px;}
.dash-section #longList ul{margin-top:10px; }
.dash-section .fieldlist li .fieldlist-item  .datetext{display:block; width:100%; }
.dash-section .fieldlist li a{width:75px;}
.dash-section.left-section{width:60%; float:left; }
.dash-section.right-section{width:35%; float:right; }
.dash-section .darker{ background-color:#f3f3f3; padding:20px; margin-top:10px; margin-right:-30px;}
.dash-section .darker input[type="text"]{ width:70%; height:30px;}

.ui-autocomplete{font-size:0.95em !important; border-radius: 0px !important; border:0 !important; background:#eeeeee !important;}
.ui-autocomplete a:hover{ border-radius: 0px !important; border:0 !important; }
.ui-autocomplete li{border-bottom:2px solid #fff;}
h3.JobSearchJype{font-size:2em; margin-top:30px; margin-left:30px; margin-bottom:10px; color:#ccc; font-weight:bold;}

/* client logo */ 
#client-logo{width:82px; height:82px; position:relative; margin-top:10px; margin-right:20px; float:left;overflow:hidden;}
#client-logo .mask{width:82px; height:82px; position:absolute; top:0; left:0;}
#client-logo .logo{max-width:120%; text-align:center; }
#client-logo.maskless{ max-width:350px; width:auto; height:50px; position:relative; margin-top:10px; margin-right:20px; float:left;}
#client-logo.maskless.vacancy{ max-width:70%; position:relative; margin-top:10px; margin:0 20px; float:left;}
#client-logo.maskless .mask{display:none;}
#client-logo.maskless .logo{height:50px;  }


#client-logo2{width:82px; height:82px; position:relative; margin-top:10px; margin-right:20px; float:left;overflow:hidden;}
#client-logo2 .mask{width:82px; height:82px; position:absolute; top:0; left:0;}
#client-logo2 .logo{max-width:120%; text-align:center; }
#client-logo2.maskless{ max-width:350px; width:auto; height:50px; position:relative; margin-top:10px; margin-right:20px; float:left;}
#client-logo2.maskless.vacancy{ max-width:70%; position:relative; margin-top:10px; margin:0 20px; float:left;}
#client-logo2.maskless .mask{display:none;}
#client-logo2.maskless .logo{height:50px;  }


/* Contact Profile Image */ 
#contact-profile{width:54px; position:relative; margin-top:0px; margin-right:10px; margin-left:10px; float:left; height:54px;}
#contact-profile .mask{width:54px; height:54px; position:absolute; top:0; left:0;}
#contact-profile .profile-image{max-width:100%; text-align:center; }


/*graph bar */ 
.graph-bar{}
.graph{width:23%; float:left; padding:1%; position:relative;  }
.graph.dash { margin-left:30px; width:240px; margin-right:20px;}
.graph-inner{margin:0 auto;}
.graph .data{position:absolute; top:65px; left:30px; width:120px; }
.graph.dash .data{ width:160px;}
.graph h3{ color:#333; font-size:14px; margin:0; text-align:center;}
.graph h4{ margin:0; font-size:13px; text-align:right;}
.graph h4 .figure{ color:#333 !important; display:inline-block; width:30px; margin-right:30px;}

.graph.gray h4.light{color:#ddd;}
.graph.gray h4.mid{color:#C0C0C0;}
.graph.gray h4.dark{color:#888;}

.graph.purple h4.light{color:#C0BDD1;}
.graph.purple h4.mid{color:#867EA9;}
.graph.purple h4.dark{color:#544B88;}

.graph.pink h4.light{color:#F2B5D3;}
.graph.pink h4.mid{color:#F371B2;}
.graph.pink h4.dark{color:#F33B98;}

.graph.green h4.light{color:#B0DB7E;}
.graph.green h4.mid{color:#7EC817;}
.graph.green h4.dark{color:#68BC00;}

.graph.dash h4.green{color:#6FB800;}
.graph.dash h4.orange{color:#FFA64D;}
.graph.dash h4.yellow{color:#FFC926;}
.graph.dash h4.red{color:#D93600;}
.graph.dash h4.grey{color:#888; border-top:1px solid #ddd;}


.graph .bubble{width:240px; height:200px; position:relative; margin-bottom:-40px;  }
.graph .bubble div{ position:absolute;  bottom:0; left:0%;}


/* circle graphs */

.circles{position:relative; height:200px; float:left; margin-left:60px; margin-top:10px; clear:none;}
.circles .circle{  border-radius: 50%; top:10px; left:4px; background-color:#b3b3b3; position:absolute;}
.circles .circle.blank{background-color:#f1f1f1; top:8px; left:2px;}
.circles .circle.outer{background-color:#b3b3b3; top:7px; left:1px;}

.circles .circle.second{background-color:#9295b2; top:3px; left:180px;}
.circles .circle.second.blank{background-color:#f1f1f1; top:1px; left:178px;}
.circles .circle.second.outer{background-color:#9295b2; top:0px; left:177px;}

.circles .circle.third{background-color:#ed4595; top:110px; left:160px;}
.circles .circle.third.blank{background-color:#f1f1f1; top:108px; left:158px;}
.circles .circle.third.outer{background-color:#ed4595; top:107px; left:157px;}

.circles .circle .data{color:#666; font-size:0.8em; font-weight:bold; margin:-15px 0 0 -5px; position:absolute; top:50%; left:50%; width:150px; height:26px;}
.circles .circle .number{font-size:2.4em; color:#fff;}
.circle-breaker{display:none;}

/* vacancy-dash */
#vacancy-dash{}
#vacancy-dash h3{text-transform:uppercase; color:#333; font-size:1.1em; font-weight:bold; margin-top:25px;}
#vacancy-dash .light-grey{width:70px; color:#999; margin-right:10px; padding:4px 0 0 15px; display:inline-block;}
#vacancy-dash h3 .grey{color:#999;font-size:0.9em; margin-left:10px;}
#vacancy-dash .vac-details{font-size:0.9em;height:25px; background-color:#eee; margin-top:5px;}
#vacancy-dash .vac-details a{display:block; float:right; padding:4px 7px 2px 7px; height:19px; font-size:0.9em; font-weight:bold; background-color:#524f86; color:#fff; border-left:4px solid #fff;}
#vacancy-dash .vac-details a.apps{ background-color:#73719D;}
.send-button{margin-left:30px;}
.send-button a{background-color:#F14496; color:#fff; padding: 7px 15px; display:block; float:left; margin-left:30px; border-radius:3px;}

#vacancy-dash li {padding-left:5px;}
#vacancy-dash li.status13{border-left:6px solid #6FB800;}
#vacancy-dash li.status14{border-left:6px solid #FFA64D;}
#vacancy-dash li.status15{border-left:6px solid #D93600;}
#vacancy-dash li.status47{border-left:6px solid #FFC926;}

.listed-item{background-color:#fafafa;  margin-bottom:20px; padding:20px;}
.listed-item .inner{background-color:#e3e3e3;padding:15px;}
.listed-item h5{float:none;color:#666;}
.listed-item h6{font-weight:bold; color:#666; font-size:1.2em;}
.listed-item p{margin-top:10px;color:#000;}
.listed-item p.greyed{color:#666;}
.listed-item .controls {}
.listed-item .controls a.move{background-color:#FFA64D;}
.listed-item .controls a.delete{background-color:#D93600;}

/* application list  */

.fieldlist li.application {border-left:6px solid #e3e3e3; background-color: #fafafa;}
.fieldlist li.application.clarity{background:#FDE6F1; border-left-color:#F14496 !important;}
.fieldlist li.application h5{color:#333; font-size:1.3em; float:none; }
.fieldlist li.application.header {font-weight:bold; background-color: #e3e3e3;}
.fieldlist li.application span.candidate-label { display:inline-block; width:auto;  padding:3px 10px; font-weight:bold;}
.fieldlist li.application span.vacancy-label { display:inline-block; width:15%; padding:3px 10px; }
.fieldlist li.application span.client-label { display:inline-block; width:15%; padding:3px 10px; }
.fieldlist li.application span.create-label { display:inline-block; width:auto;   padding:3px 10px;}
.fieldlist li.application span.button-section{ }
.fieldlist li.application a.showmore { display:inline-block;background:none; color:#F34197; text-transform:none;}

.applicationSubs{margin:10px; }
.applicationSubs ul{border-bottom: 1px solid #eee; margin:10px 0;}
.applicationSubs .buttons{text-align:right;}
.applicationSubs .buttons a{float:none; display:inline-block;}
.applicationSubs .buttons form{float:none; display:inline-block;}
.applicationSubs .addUpdate{font-size:0.9em; padding:2px 10px; margin:0; text-transform:uppercase; background-color: #6FB800;}
.applicationSubs .addUpdate:hover{background-color: #5A9500;}
.applicationSubs .addUpdate:disabled{background-color: #ccc; cursor:not-allowed !important;}
.app-subinfo{font-size:0.9em;}

/*application status coloring */
.fieldlist li.status42 { border-left:6px solid #6FB800; }
.fieldlist li.status43 {border-left:6px solid #D93600; }
.fieldlist li.application.active.status42 { background-color: #EFF7E2;}
.fieldlist li.application.active.status43 {background-color: #FCEEEA; }
.fieldlist li.application.status42 h5{color:#6FB800;  }
.fieldlist li.application.status43 h5{color:#D93600; }




.applicationSubs h5{color:#333; font-size:1.3em; float:none; }
.applicationSubs .application-status-list-item { border-top:2px dashed #eee;  position:relative; background-color:#fafafa; padding:10px;}
.applicationSubs .application-status-list-item .delete{ position:absolute; top:0px; font-weight:bold; color:#D93600; font-size:1.3em; padding:10px; right:5px; display:block; }

.applicationSubs .application-status-list-item .edit{ position:absolute; top:0px; right:55px; padding:13px; }
.applicationSubs .application-status-list-item h5{ float:left; font-size:1.2em; color:#666; }
.applicationSubs .application-status-list-item datetime{ margin-left:20px; font-size:0.8em; color:#999;}
.applicationSubs .application-status-list-item p{ padding:5px 15px 20px 0px;}

.addUpdateForm{background-color:#eee; padding:20px; margin:20px 0;}
.addUpdateForm label{border:1px solid #fff; background-color:#fafafa; padding:5px 15px; font-weight:normal; width:auto !important;}
.addUpdateForm textarea{width:100%;}
.addUpdateForm input[type=submit]{float:right; padding:5px 10px; margin:5px 0;}

/*application status DDL */
.applicationStatusInput{ background-color:#333; display:none; position:absolute; margin-top:-20px;z-index:30; color:#999; padding: 30px 10px 10px 10px;}
.applicationStatusInput a{ }
.applicationStatusInput .close-app{ position:absolute; top:3px; right:3px; font-size:0.9em;color:#fff; padding:3px 5px;background-color: #F14496;}

.applicationStatusInput .leftInputArea{float:left; width:150px;  border:5px solid #333; border-right:0;  height:300px; background-color:#333; color:#fff;}
.applicationStatusInput .rightInputArea{float:left; width:150px; border:5px solid #333; border-left:0; border-right:0; height:290px; background-color:#666; color:#fff;}

.applicationStatusInput .leftInputArea a{background:none; display:block; margin-top:4px; padding:3px; color:#fff; margin-right:0; font-size:0.9em; text-transform:none; float:none;}
.applicationStatusInput .leftInputArea a:hover{background-color:#666; }
.applicationStatusInput .leftInputArea a.sel{background-color:#666; }
.applicationStatusInput .rightInputArea a{background:none; display:block; color:#fff; font-size:0.9em; text-transform:none; padding:7px 5px; margin:0; float:none; }
.applicationStatusInput .rightInputArea a:hover{background-color: #EB036C; }
.applicationStatusInput .rightInputArea a.sel{background-color: #F34197; }

.applicationStatusInput ul{border:none; margin:5px 0px 5px 0; padding-bottom:20px;}
.applicationStatusInput ul.subOptions{display:none; }
.applicationStatusInput ul.subOptions li{ border-bottom:1px dashed #777; margin:0;}
.applicationStatusInput ul.subOptions.sel{display:block; }

.placement-info{display:none;}
.fee-info{display:none;}
.clarity-info{display:none;}


.edit-form{display:none; background:#ddd; padding:30px;}
.edit-form h4{margin-top:0;}





/* contact Icons */
.contact-icon{width:20px; height:20px; display:inline-block; margin-right:5px; margin-bottom:-3px; }
.contact-icon.telephone{background: url(/areas/admin/assets/images/contact-icons.png) no-repeat -0px; }
.contact-icon.mobile{background: url(/areas/admin/assets/images/contact-icons.png) no-repeat -20px; }
.contact-icon.home{background: url(/areas/admin/assets/images/contact-icons.png) no-repeat -40px; }
.contact-icon.fax{background: url(/areas/admin/assets/images/contact-icons.png) no-repeat -60px; }
.contact-icon.work{background: url(/areas/admin/assets/images/contact-icons.png) no-repeat -80px; }
.contact-icon.address{background: url(/areas/admin/assets/images/contact-icons.png) no-repeat -100px; }
.contact-icon.email{background: url(/areas/admin/assets/images/contact-icons.png) no-repeat -120px; }
.contact-icon.web{background: url(/areas/admin/assets/images/contact-icons.png) no-repeat -140px; }
.contact-icon.linkedin{background: url(/areas/admin/assets/images/contact-icons.png) no-repeat -160px; }

/*search */
#searching{width:350px; height:30px; max-width:50%; float:left;}
#searchbutton{float:left; margin-left:10px; color:#fff; background:#F14496; font-size:14px; text-transform:uppercase; font-weight:bold; border:0; padding:13px; margin-top:-12px;}

/* Contact Cards */
.contact-cards{}
.contact-cards li{width:300px; float:left; padding:0px; margin-right:30px; margin-bottom:20px; background: #c63972;
    background: -moz-linear-gradient(left,  #c63972 0%, #9b2d57 6%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c63972), color-stop(6%,#9b2d57));
    background: -webkit-linear-gradient(left,  #c63972 0%,#9b2d57 6%);
    background: -o-linear-gradient(left,  #c63972 0%,#9b2d57 6%);
    background: -ms-linear-gradient(left,  #c63972 0%,#9b2d57 6%);
    background: linear-gradient(to right,  #c63972 0%,#9b2d57 6%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c63972', endColorstr='#9b2d57',GradientType=1 ); }
.contact-cards li .inner-contact{width:284px; margin-left:15px; padding:10px 0px 0 0 ; border-left:1px solid #333; background-color:#fafafa; }
.contact-cards li .inner-contact h5{color:#F14496; font-size:1.5em; float:none; font-weight:bold; padding:0 15px; }
.contact-cards li .inner-contact p.position{font-size:0.9em; min-height:16px; color:#333;  padding:0 15px 15px 15px;  font-weight:bold;  }
.contact-cards li .inner-contact .lighter{ color:#999; }

.contact-cards li .inner-contact ul {margin-left:15px; margin-bottom:15px; font-size:0.9em; }
.contact-cards li .inner-contact ul li{ background:none; position:relative;width:252px; margin:0; float:none; padding:4px 15px 4px 0; }
.contact-cards li .inner-contact ul li.location{color:#999; text-align:right; margin-top:4px; }
.contact-cards li .inner-contact ul li.email{margin-bottom:5px; font-weight:bold; min-height:16px; }
.contact-cards li .inner-contact ul li a{color:#F14496; font-weight:bold;  width: 80%; overflow: hidden; display: inline-block; white-space: nowrap; text-overflow: ellipsis;}
.contact-cards li .inner-contact .controls{margin-bottom:0; background-color:#333; font-weight:bold; width:269px; text-align:right; color:#fff; font-size:0.8em; padding: 3px 15px 4px 0; }
.contact-cards li .inner-contact .controls a{color:#fff; }

.left-dashbox{width:70%; float:left; margin-left:-15px; margin-top:10px; }
.right-dashbox{float:right; width:30%; }


/* activity-list */
h4.activity{width:auto; padding:7px 10px; margin:30px 0px -20px 0; background-color:#666; color:#fff; }
#items-list{width:100%; background-color:#eee; margin-top:20px; color:#333; font-size:1em; }
#items-list th{width:20%; }
#items-list td{width:20%;  font-size:0.9em; }
#items-list.fours td,#items-list.fours th{width:25%; }
#items-list.sixes td,#items-list.sixes th{width:15%; }
#items-list tr{border-bottom:2px solid #fff; }
#items-list tr.alt{background-color:#eee; }
#items-list th{font-weight:bold; background-color:#666; color:#fff; border-bottom:0; }
#items-list .data{padding:5px 10px; display:inline-block; }
#items-list .data-details{padding:15px 10px 30px 10px; display:inline-block; }
#items-list .details-link{color:#fff; }
#items-list .details{display:none;  border-bottom:2px solid #fff; }
#items-list .details td{background-color:#999; }


#items-list tr.message{background-color:#999;}
#items-list tr.message.unread{ background-color:#bdf7d7; color:#333;  }
#items-list tr.sent{background-color:#eee; color:#999;}

#items-list td a{display:block; padding:3px 10px; background-color:#EB036C; float:left; margin-left:5px; color:#fff;}
#items-list td a.delete{ background-color:#D93600;}

#dashboard-select{margin-right:10px;}
#dashboard-select.sel{padding-bottom:5px; border-bottom:1px solid #e3e3e3;}

.message-body{display:none;}

.previous-client{display:block; position:absolute; left:-15px; top:130px; overflow:hidden; padding-right:30px;}
.previous-client .inside{display:block; color:#fff; background:#ccc; padding:0px 10px 5px 10px; font-size:2.5em;  margin-left:-30px;
                          -webkit-transition:all .5s ease;  -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;
}
.next-client{display:block; position:absolute; right:-30px; top:130px; overflow:hidden; padding-left:30px; }
.next-client .inside{display:block; color:#fff; background:#ccc; padding:0px 10px 5px 10px; font-size:2.5em; margin-right:-30px;
                          -webkit-transition:all .5s ease;  -moz-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease;}

.previous-client:hover .inside{margin-left:0;}
.next-client:hover .inside{margin-right:0;}

/* Dashboard Additional Info */
.dash-additional{ background-color:#f3f3f3; border-bottom: 3px solid #ededed; margin-right:-30px; padding-right:30px; margin-top:10px;}
.dash-additional h4{text-transform:uppercase; margin-right:0px; margin-top:0; padding:5px 15px 5px 15px; color:#666; font-size:1.3em;}
.dash-additional p{padding-left:20px; padding-bottom:5px; padding-top:5px;}
.dash-additional ul{margin-left:20px; margin-bottom:20px;}
.dash-additional li{color:#ccc;}
.dash-additional li.sel{color:#333;}

.dash-note-list .headrow{display:none; }
.dash-note-list .#items-list { width: 100%;  background-color: #eee; margin-top: 20px; color: #333; font-size: 0.9em;}

.dash-note-list #items-list tr {border-bottom: 1px solid #eee; color:#333;}

.dash-note-list #items-list tr.alt {background-color: #e3e3e3;}
.dash-note-list #items-list .authortd{display:none;}



/* Dashboard Count */
.data-holder{float:left;}
#dashboard-count{margin-top:20px; margin-left:25px; float:left; margin-bottom:10px; margin-right:25px;}
#dashboard-count ul{}
#dashboard-count ul li{text-transform:uppercase; background-color:#D7D7D7; border-top:3px solid #a5a5a5; padding:8px 15px; float:left;  color:#8e8e8e; font-size:0.8em; font-weight:bold; text-align:center;}
#dashboard-count ul li.total{background-color:#dcdcdc; color:#999; margin-right:2px; margin-top:3px; border-top:0;}
#dashboard-count ul li.dashed-border{border-left:2px dashed #A5A5A5;}
#dashboard-count ul li .number{font-size:2.4em; font-weight:bold;}

#dashboard-count ul li.vacancystatus13{border-top:3px solid #6FB800;}
#dashboard-count ul li.vacancystatus14{border-top:3px solid #FFA64D;}
#dashboard-count ul li.vacancystatus15{border-top:3px solid #D93600;}
#dashboard-count ul li.vacancystatus47{border-top:3px solid #FFC926;}

#dashboard-count ul li.applicationStatus42{border-top:3px solid #6FB800;}
#dashboard-count ul li.applicationStatus43{border-top:3px solid #D93600;}

#view-count{margin-top:20px; margin-left:15px; float:right; margin-bottom:30px; margin-right:25px;}
#view-count ul li{background-color:#D6D6E0; border-top:3px solid #3A3776; padding:8px 15px; float:left; min-width:60px; color:#75739E; font-size:0.8em; font-weight:bold; text-align:center;}
#view-count ul li.dashed-border{border-left:2px dashed #75739E;}
#view-count ul li .number{font-size:2.4em; font-weight:bold;}

/* date info */
.date-info{float:left; font-weight:bold; color:#43477B; margin:20px 0; }
.date-string{font-size:2.2em; color:#A5A6BD; margin-bottom:10px; display:block;}

.date-info.meeting{margin-left:30px; color:#666; }
.date-info.meeting .date-string{ color:#999; }
.date-info.meeting .date-string.overdue{ color:#D93600; }

/*Client Dashboard */
.dash-link {text-align:right; display:block;margin-right:-30px; margin-top:0; padding:5px 30px 5px 0px; font-weight:bold; font-size:0.8em; color:#F14496; background-color:#ededed;}
#category-list{padding-bottom:3px; text-align:left;   margin:10px 0 10px 0; }
#category-list {}
#category-list .cat-dark{color:#999;}

#dashboard-note{ margin:20px 0 20px 0; padding: 10px 23px 15px 30px; text-align:left; background:#fafafa;}
#dashboard-note img{float:left;}

#client-contact{ background-color:#f3f3f3; border-bottom: 3px solid #ededed;margin-right:-30px; padding-right:30px; margin-top:10px; }
#client-contact h4{background-color:#ededed; text-transform:uppercase; margin-right:-30px; margin-top:0; padding:5px 15px 5px 15px; color:#666; font-size:1.3em;}
#client-contact h4 .profileId{font-size:0.8em; color:#c2c2c2;}
#client-contact #primary-contacts {margin-left:15px; margin-bottom:15px; font-size:0.9em;}
#client-contact #primary-contacts li{ background:none; position:relative; margin:0; float:none; padding:4px 15px 4px 0;}
#client-contact #primary-contacts li .contact-icon{position:absolute;}
#client-contact #primary-contacts li p{ margin-bottom:0; margin-left:30px;}

#client-contact #individual-contacts {background-color:#fafafa; margin-right:-30px;  padding:10px 40px 10px 10px;}
#client-contact #individual-contacts a.name-link {background-color:#e8e8e8; padding:8px 15px 5px 15px; display:block; font-weight:bold;}
#client-contact #individual-contacts .full-info{display:none;}
#client-contact #individual-contacts ul {}
#client-contact #individual-contacts ul li{ background:#eee; position:relative; font-size:0.9em; float:none; padding:5px 15px 5px 15px;}
#client-contact #individual-contacts ul li .contact-icon{position:absolute;}
#client-contact #individual-contacts ul li p{ margin-bottom:0; margin-left:30px;}


#active-vacancies{ background-color:#fff;               
    -moz-box-shadow: inset 10px 0px 10px -6px #ccc; -webkit-box-shadow: inset 10px 0px 10px -6px #ccc; box-shadow: inner 10px 0px 10px -6px #ccc;}
.inner{padding:5px 15px 20px 25px;}
#active-vacancies h4{color:#666; font-size:1.3em; margin-top:0;}

/* Fieldset */  
fieldset{margin-bottom:30px; margin-top:10px; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; display:block; background-color:#f9f9f9; padding:30px; min-width:350px; display:block;}

/* Forms */                    
input[type="text"],input[type="email"], input[type="password"]{padding:5px; border:1px solid #FDE6F1; width:200px; margin:4px 0;
                   -moz-box-shadow: inset 0 0 5px #FDE6F1; -webkit-box-shadow: inset 0 0 5px #FDE6F1; box-shadow: inner 0 0 7px #FDE6F1;}
input.code {width:30px;}
input[type="datetime"]{padding:5px; border:1px solid #FDE6F1; width:200px; margin:4px 0;
                   -moz-box-shadow: inset 0 0 5px #FDE6F1; -webkit-box-shadow: inset 0 0 5px #FDE6F1; box-shadow: inner 0 0 7px #FDE6F1;}
select{padding:5px; border:1px solid #FDE6F1; width:210px; margin:4px 0;
                   -moz-box-shadow: inset 0 0 5px #FDE6F1; -webkit-box-shadow: inset 0 0 5px #FDE6F1; box-shadow: inner 0 0 7px #FDE6F1;}                   
textarea{width:400px; padding:5px; border:1px solid #FDE6F1; margin:4px 0
                   -moz-box-shadow: inset 0 0 5px #FDE6F1; -webkit-box-shadow: inset 0 0 5px #FDE6F1; box-shadow: inner 0 0 7px #FDE6F1; height:80px; max-width:90%;}
.big-box textarea{ height:250px;}
.full-width textarea{width:100%;}
.btn{color:#fff; font-weight:400; padding:4px 20px; background:#EB036C; letter-spacing:0px; border:none; font-size:1em; margin:4px 0; cursor:pointer; }
.btn:hover{background-color:#B40253;}
.btn.setActive{font-size:0.9em; padding:2px 10px; margin:0; text-transform:uppercase; background-color: #6FB800;}
.btn.setInactive{font-size:0.9em; padding:2px 10px; margin:0; text-transform:uppercase; background-color: #FE6961;}
.btn.setActive:hover{ background-color:#5A9500; }
.btn.setInactive:hover{ background-color:#FE2E28; }

.btn-sml{
    background-color:#eee; padding:4px;
}

#map-input{width:100%; height:400px;}

input[type="checkbox"]{margin:4px 0;}
label{color:#333; font-weight:700; padding-right:10px; display:inline-block; margin:8px 0;}
label.min200{min-width:200px;}

.field-validation-error{display:block; font-weight:bold; padding:15px 15px 5px 15px; font-size:0.9em; color:#fff; left:100%; background:url(/areas/admin/assets/images/error-bg.png) no-repeat top left;}

/* login form */
#login-form{width:440px; margin:100px auto;}

/* Large Check box Toggle Buttons */
.toggle-check{height:50px; width:150px; overflow:hidden; position:relative; float:left; margin:4px 4px 4px 0; }
.toggle-check label{height:47px; padding:0 5px; width:140px; font-size:0.9em; color:#fff; position:absolute; top:0; left:0; margin:0;  background-color:#999; text-align:center; border-top:2px solid #999;}
.toggle-check input{height:30px; width:140px; position:absolute; top:0; left:0; margin:0; padding:0; cursor:pointer; z-index:100; opacity:0;} /** To Do **/ /*check compatibility */
.toggle-check input:checked + label{ background-color:#EB036C;border-top:2px solid #EB036C;} 
.toggle-check:hover input:checked + label{border-top:2px solid #B40253;} 
.toggle-check:hover label{border-top:2px solid #666;}

/* Small Check box Toggle Buttons */
.toggle-check-small{height:20px; width:100px; overflow:hidden; position:relative; float:left; margin:4px 4px 4px 0; }
.toggle-check-small label{height:18px; line-height:18px; width:100px; color:#fff; position:absolute; top:0; left:0; margin:0; padding:0; background-color:#999; font-size:0.8em; text-align:center; border-top:2px solid #999;}
.toggle-check-small input{height:20px; width:100px; position:absolute; top:0; left:0; margin:0; padding:0; cursor:pointer; z-index:100; opacity:0;} /** To Do **/ /*check compatibility */
.toggle-check-small input:checked + label{ background-color:#EB036C;border-top:2px solid #EB036C;} 
.toggle-check-small:hover input:checked + label{border-top:2px solid #B40253;} 
.toggle-check-small:hover label{border-top:2px solid #666;}

.category-button{display:block; padding:10px 20px; background-color:#ccc; float:left; margin-right:20px;}
.show-on-web{}

/* fixed footer bar */
#edits-bar{position:fixed; bottom:0;  background:#fafafa url(/areas/admin/assets/images/edit-bar-bg.jpg) repeat-y -1px; border-top:1px solid #ccc; height:70px; width:100%; margin-left:-15px; }

.secondary-nav #edits-bar{ background:#fafafa url(/areas/admin/assets/images/edit-bar-bg.jpg) repeat-y left; margin-left:-0px; }
#edits-bar #edits-inner{margin-right:133px;}
.secondary-nav #edits-bar #edits-inner{margin-right:278px;}
#edits-bar a{float:right; margin-left:20px; margin-top:10px; color:#fff; font-weight:700; padding:10px 40px; background-color:#EB036C; letter-spacing:1px; transition: background .5s ease-in-out;
	-moz-transition: background .5s ease-in-out; -webkit-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; }
#edits-bar a:hover{  background-color:#B40253; }
#edits-bar .btn{float:right; margin-left:20px; margin-top:10px; padding:10px 40px;}
 
#button-bar{    }
#button-bar .btn{float:right; margin-left:20px; margin-top:10px; padding:10px 40px;}

/* Display Data Formatting */ 
.right-details{background-color:#f1f1f1; padding:20px; margin-right:-30px;}
.right-details h4{background-color:#ededed; text-transform:uppercase;  margin-top:0; padding:5px 15px 5px 15px; color:#666; font-size:1.3em;}

.display-label{ color:#333; font-weight:700; width:20%; float:left; margin-top:10px; }
.display-label.full-width{  max-width:100%; margin-top:20px;width:auto; float:none; }
.display-label.full-width.cl{ line-height:normal !important;}
h5.details-title{float:none; margin-top:15px; margin-bottom:5px; border-bottom:1px solid #fafafa; font-size:1.3em;}
.right-details h5.details-title{float:none; margin-top:0px; margin-bottom:15px; border-bottom:1px solid #ddd; color:#ddd; font-size:1.3em;}
.padding-top-30{padding-top:30px;}
.display-field{ width:25%; margin-right:3%; float:left; min-height:20px; margin-top:10px; }
.display-field.full-width{ width:auto;  float:none; max-width:2000px; }
.display-field.cl{ line-height:normal !important; }


.info-holder{margin-bottom:10px;}
.info-holder.big-gap{margin-bottom:25px;}
.info-holder.red{color:#D93600;}
.info-holder.green{color:#6FB800;}
.holder-label{width:40%; float:left; font-weight:bold; color:#333; margin-right:10px;}
.check .holder-label{width:70%; }

.highlight{font-weight:bold;}

/* Editor Data Formatting */
.editor-label{ color:#333; font-weight:700; width:20%; float:left; margin-top:10px; }
.editor-field{ position:relative; width:25%; margin-right:5%; float:left; min-height:20px; margin-top:10px; }
.editor-field.full-width{ width:75%;  }
.editor-label.widereditor{ width:auto;  max-width:none ; }
.editor-field.widereditor{ width:auto;  max-width:none ; }


.display-field{background-color:#fcfcfc; padding:3px 5px;}
.display-field.checkbox{ background-color:#f9f9f9; }
.display-label label{ margin-top:0px; padding:3px;}
.editor-label.full-width{width:auto;}

/* reporting */
#reporting-window{position:relative; margin-right:-30px;}
#reporting-window-inner{  margin-left:200px;}
.reporting{ table-layout: fixed; }
.reporting tr{}
.reporting tr th{vertical-align: top; position:absolute;  left:0; font-weight:bold; text-align:right; padding:10px; border-bottom:none; width:200px; min-width:200px; text-align:center; }
.reporting tr td{vertical-align: top; width:200px; min-width:200px; text-align:center; border-bottom:2px solid #eee; padding:10px; height:30px;}
.reporting tr.no-border td{ border-bottom:none; }
.reporting tr .profile-cell{position:relative; overflow:hidden; width:155px; margin-left:22px; height:155px;}
.reporting tr .profile-cell img{width:155px; }
.reporting tr .profile-cell .profile-cover{position:absolute; top:0; left:0;width:155px; height:155px; background:url(/areas/admin/assets/images/profile-mask.png) no-repeat; }
.reporting tr h4{color:#EB036C; font-size:1.4em; font-weight:bold; margin-top:0;}

.reportYear {   width: 100%;  padding:30px 0;}
.reportYear.alt {  background-color:#f7f7f7;}
.reportYear h2{   font-weight:bold;   color:#ccc;   font-size:2em; text-align:center;  z-index:12; position:relative;}
.reportYear h2 .value { color: #F14496; font-weight:normal; display:block;}
.reportYear .quart{ float:left; width:25%; position:relative;}
.reportYear .quart h3 { font-weight: bold;  color: #ccc; font-size: 1.6em; text-align:center;  z-index:12; position:relative;}
.reportYear .quart h3 .value {   color: #F14496; font-weight:normal; display:block;}
.reportYear .quart .month {  width: 32%;  float: left; position:relative; margin-left:1%;}
.reportYear .quart .month h4 { font-weight: bold; color: #f9f9f9; font-size: 1.1em; text-align:center;  z-index:12; position:relative;}
.reportYear .quart .month h4 .value { color: #F14496; font-weight:normal; display:block; font-size: 1.2em;}
.reportYear .graph-bar{width:98%; position:absolute; bottom:0;  left:1%; background:rgba(0,0,0,0.1); z-index:10;}
.reportYear .graph-bar-pink{width:94%; position:absolute; bottom:0; left:3%; background:rgba(241, 68, 150, 0.3); z-index:10;}

.dates{font-size:0.9em; color:#ccc; display:block; text-align:center; font-weight:normal;}

/* Popup */

#popup-bg{width:100%; height:100%; position:fixed; top:0; left:0; background:url(/areas/admin/assets/images/filter-bg.png); z-index:900; display:none;}
#popup{width:70%; margin: 100px 15%; background-color:#fff; padding:5px;  z-index:900; position:absolute; top:0; left:-100px; min-width:250px; display:none;}
#popup-inner{min-height:250px; border:5px solid #B63073; padding:25px; position:relative;}
.filter-section{margin-bottom:30px;}
#filterString {display:block; margin-top:10px; float:left; line-height:1.3em;}
#button-for-filter{ display:block; margin-left:25px; margin-top:10px; font-weight:bold; color:#B63073; top:0px; padding-top:30px; padding-right:65px; left:5px; position:absolute;}

#popup .btn{float:right;}
#popup #filter-hide{position:absolute; top:-10px; padding:10px; right:-5px; color:#B63073; font-size:1.4em; font-weight:bold;}
.floatedleft{float:left; }
.breaker{display:none;}
.breaker4{display:block;}
.contactbreaker2{display:block;}
.bottom-margin-20{margin-bottom:20px;}

/* JQuery UI */
#ui-datepicker-div{font-size:0.9em;}
.ui-datepicker-title{font-size:0.9em;}

.mobile-breaker{display:none;}

.spacer{width:100%; height:30px;}



.onoffswitch {
    position: relative; width: 82px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer; padding-right:0;
    border: 2px solid #FFFFFF; border-radius: 11px;
}
.onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left; width: 50%; height: 27px; padding: 0; line-height: 27px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Yes";
    padding-left: 10px;
    background-color: #F3227A; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "No";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    width: 18px; margin: 4.5px;
    background: #FFFFFF;
    border: 2px solid #FFFFFF; border-radius: 11px;
    position: absolute; top: 0; bottom: 0; right: 51px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}



/*DD Slick Overriders */

.dd-container{width:90% !important; font-size:0.8em;}
.dd-select{width:100% !important;}
.dd-options{width:100% !important; margin-bottom:40px !important;}
.dd-container label{line-height:1em;}

@media only screen and (min-width: 1400px)  
{    
    .display-label{max-width:200px; }
    .display-field{ max-width:400px;}
    .editor-label{max-width:200px; }
    .editor-field{ max-width:900px;}
    
    .listGroup{ width:20%; }
    .breaker5{display:block;}
    .breaker4{display:none;}    
    .contactbreaker2{display:none;}
    .contactbreaker3{display:block;}
    
    #longList ul li .jobtitle{ width:250px; }
    #longList ul li .jobclient{width:200px;}
    #longList ul li .jobsalary{width:200px;}
    #longList ul li .jobbreaker{display:none;}
}
@media only screen and (min-width: 1601px)  
{    
   
    .contactbreaker3{display:none;}
    .contactbreaker4{display:block;}
    
   
}

@media only screen and (min-width: 850px) and (max-width: 1200px) 
{
    
    .editor-label{  width:40%; }
    .editor-field{ width:55%;}
    .display-label{  width:40%; }
    .display-field{ width:55%;}
    
    .listGroup{ width:33%;}
    .breaker3{display:block;}
    .breaker4{display:none;} 
    
    #longList ul li .jobtitle{ width:20%; }
    #longList ul li .jobclient{width:20%;}
    #longList ul li .jobsalary{width:20%;}
    
    .tablet-breaker{display:block;}
    .hide-in-tablet{display:none;}
    
    
    /* date info */
    .date-info{ margin:20px 0; }
    .date-string{font-size:1.7em;}

    .date-info.meeting{margin-left:10px;  }
    
    .circles{ margin-left:30px;}
    .circles .circle{ position:relative; left:0 !important; top:0 !important; border-radius:0; width:150px !important; height:30px !important; margin:20px 0;}
    .circles .outer,.circles .blank{display:none;}
    .circles .circle .data { margin: 0 5px; position: relative; top: 0; left: 0; width:auto; height: auto; }
    .graph.dash { margin-left:20px; margin-right:-20px;}


    h1{font-size:1.7em; }
    h2{font-size:1.5em; }
    h3 {font-size:1.1em;}
    h4{font-size:1.0em;  }
    h5{font-size:1.4em; }
    p{font-size:0.9em;}
}


@media only screen and (min-width: 850px) and (max-width: 1000px) 
{
    
    .left-dashbox{width:auto; float:none;  }
    .right-dashbox{float:none; width:auto; }
    .circle-breaker{display:none;}
    .dash-section.left-section{float:none; width:auto; }
    .dash-section.right-section{float:none; width:auto; }
    .hide-in-tablet{display:none;}
    
    .editor-label{  width:auto; }
    .editor-field{ width:auto; }
    .display-label{  width:auto; }
    .display-field{ width:auto; }
    .mobile-breaker{display:block;}
    .graph{width:48%;   }
    h1{font-size:1.6em;  padding-bottom:5px; margin-right:0;}
    h1.smaller{font-size:1.6em;}
    h2{font-size:1.4em; }
    h3 {font-size:1.1em;}
    h4{font-size:1.0em;  }
    h5{font-size:1.4em; }
    p{font-size:0.9em;}
    
    .date-info{ margin:30px 0; font-size:0.9em;}
    .date-string{font-size:1.3em;}
    .dash-section.right-section{float:none; width:auto; }
    .circles{ margin-left:3px; height:auto;}
    .circles .circle{ position:relative; left:0 !important; top:0 !important; border-radius:0; width:100px !important; height:30px !important; margin:10px 0;}
    .circles .outer,.circles .blank{display:none;}
    .circles .circle .data { margin: 0 5px; position: relative; top: 0; left: 0; width:auto; font-size:0.7em; height: auto; }
    
}



@media only screen and (max-width: 849px) 
{
    
    .col30{width:100%; float:none;}
    .col35{width:100%; float:none;}


    h1{font-size:1.5em; padding-bottom:5px; margin-right:0; }
    h1.smaller{font-size:1.5em;}
    h2{font-size:1.3em; }
    h3 {font-size:1em;}
    h4{font-size:0.9em;  }
    h5{font-size:1.2em; }
    p{font-size:0.8em;}
    
    .editor-label{  width:auto; }
    .editor-field{ width:auto; }
    .display-label{  width:auto; }
    .display-field{ width:auto; }
    label{width:100%; margin-top:20px;}
    
    .listGroup{ width:100%;}
    .breaker4{display:none;}    
    
    #longList ul li .jobtitle{ width:150px; }
    #longList ul li .jobclient{width:100px;}
    #longList ul li .jobsalary{width:100px;}
    
    .graph{width:48%;   }
    .mobile-breaker{display:block;}
    .left-dashbox{width:auto; float:none; margin-left:-15px; margin-top:10px;  }
    .right-dashbox{float:none; width:auto; margin-right:-30px; padding-right:30px; margin-top:10px;}
    .dash-section.left-section{float:none; width:auto; }
    
    
    .date-info{ margin:30px 0; font-size:0.9em;}
    .date-string{font-size:1.3em;}
    .dash-section.right-section{float:none; width:auto; }
    
    .mobile-narrowed {width:auto; float:left; margin-top:25px; width:auto !important; margin-right:0 !important;}
    .mobile-narrowed .data{width:130px; left:0 !important; top:0 !important; position:relative !important;}
    
    .circles{ margin-left:30px; height:auto;}
    .circles .circle{ position:relative; left:0 !important; top:0 !important; border-radius:0; width:100px !important; height:30px !important; margin:10px 0;}
    .circles .outer,.circles .blank{display:none;}
    .circles .circle .data { margin: 0 5px; position: relative; top: 0; left: 0; width:auto; font-size:0.7em; height: auto; }
    
    .hide-in-mobile{display:none;}
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom:1;clear: both; }


.touch #ui-datepicker-div{display:none !important;}


 #holder {
        border: 10px dashed #ccc;
        width: 80%;
        min-height: 150px;
        margin: 20px auto;
    }

        #holder.hover {
            border: 10px dashed #0c0;
        }

        #holder img {
            display: block;
            margin: 10px auto;
        }

        #holder p {
            margin: 10px;
            font-size: 14px;
        }

    progress {
    }

        progress:after {
            content: '%';
        }

    .fail {
        background: #c00;
        padding: 2px;
        color: #fff;
    }

    .hidden {
        display: none !important;
    }


    #dialog-message, #dialog-message2{
        display:none;
    }

.ui-dialog-titlebar
{
    display:none;
}
.ui-dialog .ui-dialog-content p{
    text-align:center;
}
.ui-dialog .ui-dialog-buttonpane{
    border:0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none !important;
    margin: 0 auto;
    width: 63px;
}


.createerrors .validation-summary-errors ul {
    display:block;
    list-style:none;
}

    .createerrors .validation-summary-errors li {
        display: block !important;
        color: #F14496;
    }