@charset "UTF-8";
/* Main stylesheet for Madgex Job Board CMS
 © 2011 Copyright Madgex Limited. All Rights Reserved.                                  
                         
STYLE INDEX
---------------------------------------------------------
1.      Core styles and elements
2.      Structure - Login, Header Footer & Main Content Wrappers
3.1     Navigation - Main sidebar 
3.3     Navigation - Above H1
3.4     Navigation - Horizontal tabbing 
3.5     Navigation - Pagination 
3.6		Navigation - Tabs
4.      Tables 
4.1     Tables - Sorting
4.2     Tables - Table-specific styles
5.      Forms
5.1     Forms - Field and label widths
6.      Confirmation Messages and feedback styles
7.      Picker and tooltip styles
8.      Definition lists 
9.      Mix and match classes
10.     Lightbox styles
10.1    Lightbox fixed table header styles
11.     Asset library styles
12.     Dashboard styles
13.     Fonts
14      Splash/logon
---------------------------------------------------------
*/
/*reset.css*/
body {
  color: #000;
  background: #fff; }

header, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldsetfor, img {
  border: 0; }

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal; }

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, sub {
  line-height: -1px;
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

/*fonts.css*/
table {
  font-size: inherit;
  font: 100%; }

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 99%; }

/* Core elements */
/* ---------------------------------------------------------------- */
body {
  font-size: 81.3%;
  font-family: Arial, Helvetica, sans-serif;
  color: #595959;
  background: #666; }

a {
  color: #336699;
  text-decoration: none; }

a:visited, a:hover {
  color: #487fb5; }

strong {
  color: #000; }

h1, h2 {
  color: #000;
  font-family: DroidSansRegular; }

h1 {
  line-height: 1.5;
  margin-bottom: 16px;
  font-size: 25px; }

h2, h3 {
  clear: both;
  line-height: 1.4;
  margin: 0 0 10px; }

h2 {
  font-size: 24px; }

h3 {
  font-weight: bold;
  font-size: 15px; }

h4 {
  font-size: 13px;
  margin: 0 0 10px;
  font-weight: bold; }

p, ul {
  font-size: 13px;
  margin-bottom: 10px; }

/* 2. Structure - Login, Header, Footer & Main Content Wrappers */
/* ---------------------------------------------------------------- */
.skip {
  display: block;
  height: 0;
  float: left;
  text-indent: -9999px; }

.wrapper {
  margin: 0 auto;
  padding: 10px;
  float: left; }

.master #container {
  clear: both;
  margin: 0 auto;
  position: relative;
  width: 100%;
  background-color: #fff;
  min-width: 1350px;
  min-height: 1600px; }

.master #sidebar {
  background-color: #fff;
  overflow: visible;
  width: 200px;
  z-index: 2;
  position: absolute;
  top: 80px;
  left: 0px; }

.master #mainContent .innerWrapper {
  margin-left: 215px;
  margin-right: 15px; }

.login {
  text-align: right;
  margin-right: 10px; }

.login span {
  display: block;
  margin: 0 0 0 118px; }

.login span a.active {
  display: block;
  color: #f8c2be;
  float: left; }

.login a {
  font-weight: normal;
  display: inline-block;
  padding: 10px 5px 0; }

#header {
  height: 70px;
  position: relative;
  background-color: #f58123; }

#header > div {
  width: 50%;
  float: left; }

#header .header__home-link {
  font-size: 18px;
  color: #fff;
  font-family: DroidSansRegular;
  padding-left: 20px;
  line-height: 70px; }

.header__message {
  display: inline-block;
  background-color: #fff;
  width: 100%; }

.header__message p {
  width: 60%;
  margin: 10px auto 0 auto; }

#header img {
  margin: 13px 0 0 5px;
  float: left; }

#header h1 {
  float: left;
  color: #fff;
  margin-left: 10px;
  margin-top: 20px;
  font-size: 33px;
  border-bottom: 0;
  border-left: 1px solid #fff;
  padding-left: 10px; }

#header p {
  color: #fff; }

.secondary-nav {
  float: right;
  margin: 0 20px 0 0;
  padding: 0; }

.secondary-nav__item {
  float: left;
  position: relative; }

.secondary-nav__link {
  display: block;
  padding: 46px 5px 10px 5px;
  color: #fff;
  font-size: 12px;
  background-repeat: no-repeat;
  background-position: 50% 25%;
  background-size: 26px;
  min-width: 100px;
  text-align: center;
  border-right: 1px solid #fff;
  font-family: DroidSansRegular, sans-serif;
  transition: 0.2s; }

.secondary-nav__link:visited, .secondary-nav__link:hover {
  color: #fff; }

.secondary-nav__link:hover {
  background-color: #dd731d; }

.secondary-nav__link:active {
  background-color: #cf6b1b; }

.secondary-nav__link--kb {
  border-left: 1px solid #fff;
  background-image: url(../../images/icon-kb.png); }

.secondary-nav__link--rn {
  background-image: url(../../images/icon-rn.png); }

.secondary-nav__link--si {
  background-image: url(../../images/icon-si.png); }

.secondary-nav__link--jbi {
  background-image: url(../../images/icon-jbi.png); }

.secondary-nav__link--cms {
  border-left: 1px solid #fff;
  background-image: url(../../images/icon-cms.png); }

.secondary-nav__link--insights {
  background-image: url(../../images/icon-insights.png); }

.secondary-nav__notifier {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #810404;
  padding: 2px 7px;
  border-radius: 10px;
  line-height: 1;
  animation: jwooop 0.4s ease-out;
  animation-iteration-count: 1; }

.secondary-nav__item-support_contact {
  padding: 27px 20px 0 0; }

.secondary-nav__item-support_contact a {
  text-decoration: none;
  color: #fff;
  font-weight: bold; }

.secondary-nav__item-support_contact a:hover {
  text-decoration: underline; }

@-webkit-keyframes jwooop {
  0% {
    transform: scale(0.2, 0.2);
    opacity: 0; }
  100% {
    transform: scale(1, 1);
    opacity: 1; } }
#container {
  position: relative;
  clear: both;
  padding-bottom: 60px; }

#mainContent {
  margin-right: 15px;
  overflow: hidden;
  padding-bottom: 20px;
  background-color: #fff; }

.tableWrapper {
  background-color: #f4f4f4;
  margin-bottom: 30px;
  min-height: 300px;
  clear: both; }

footer #support-email {
  clear: both;
  background-color: #666;
  padding: 30px 30px 0 220px; }

footer #copyright {
  clear: both;
  background-color: #666;
  padding: 30px 30px 60px 220px; }

footer a, footer a:visited, footer a:hover {
  color: #fff; }

.table-padded-content {
  padding: 10px 20px 60px 20px; }

.table-padded-content-shallow {
  padding: 10px 20px 20px 20px; }

.no-search {
  border-top: solid 1px #999; }

/* 3.1 Navigation - Main Sidebar Nav */
/* ---------------------------------------------------------------- */
#sidebar {
  overflow: hidden;
  position: relative;
  z-index: 2;
  margin-right: 25px;
  background-color: #fff; }

nav {
  display: block; }

nav ul {
  margin-left: 20px;
  margin-top: -8px; }

nav .expandable {
  margin: 0;
  padding-left: 0; }

nav .expandable > span {
  cursor: pointer;
  background: url(../../images/tree-closed-icon.gif);
  background-repeat: no-repeat;
  background-position: 5px 0;
  display: block;
  padding: 2px 2px 0 17px;
  width: 100%; }

nav ul ul .expandable {
  padding: 2px 2px 2px 17px; }

nav .expandable > span.active {
  background-image: url(../../images/tree-opened-icon.gif);
  background-repeat: no-repeat; }

nav .non-expandable {
  padding: 0 0 10px 15px; }

nav ul li {
  border-top: 1px dotted #cecece;
  padding: 0 0 10px 15px; }

nav ul ul li {
  padding: 0;
  border-top: none;
  padding-left: 15px; }

nav #secondary-menu {
  margin-top: 50px; }

nav li a {
  display: block;
  padding: 2px; }

nav li.selecteda a {
  background-color: #bbb;
  background-image: url(../../images/menu-arrow-cover.gif);
  background-repeat: no-repeat;
  background-position: center right; }

nav li.selected a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #999999;
  background: -moz-linear-gradient(top, #999999 0%, #666666 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #666666));
  background: -webkit-linear-gradient(top, #999999 0%, #666666 100%);
  background: -o-linear-gradient(top, #999999 0%, #666666 100%);
  background: -ms-linear-gradient(top, #999999 0%, #666666 100%);
  background: linear-gradient(top, #999999 0%, #666666 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 );
  border: 1px solid #666;
  color: white;
  font-weight: normal; }

nav ul li a:hover, li.expandable:hover {
  color: #000 !important; }

nav li.selected a, nav li.selected:hover a {
  color: #fff !important; }

nav .sub-menu {
  border: none;
  margin: 0;
  padding: 0; }

nav .sub-menu li {
  margin-left: 17px; }

nav .sub-menu li.expandable {
  padding-left: 0;
  padding-top: 0;
  color: #595959; }

nav .sub-menu ul {
  display: block; }

#expand-icon {
  background-image: url("../../images/icons.png");
  background-position: 3px -284px;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  text-indent: -9999px;
  vertical-align: top;
  width: 18px;
  float: right; }

#collapse-icon {
  background-image: url("../../images/icons.png");
  background-position: 3px -184px;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  text-indent: -9999px;
  vertical-align: top;
  width: 18px;
  float: right; }

#collapse-icon:hover {
  background-position: 3px -200px; }

#expand-icon:hover {
  background-position: 3px -300px; }

nav a, nav a:hover, nav a:active {
  text-decoration: none;
  color: #595959 !important;
  cursor: pointer; }

/* 3.3 Navigation - above H1 */
#navStrip {
  display: none;
  padding: 10px 0; }

#navStripDetail {
  display: none;
  padding: 5px 0;
  width: 100%;
  float: left; }

#navStripDetail .first {
  float: left;
  padding-left: 15px;
  background: url(../../images/icon-left.png) no-repeat left 3px; }

#navStripDetail .last {
  float: right; }

/* 3.4 Navigation - Horizontal Tabbing */
ul.tabbing {
  border-bottom: 1px solid #999;
  height: 29px;
  margin: 0;
  background-color: #fff;
  width: 100%;
  float: left; }

ul.tabbing li {
  float: left; }

ul.tabbing li a {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  float: left;
  display: block;
  color: #5e5e5e;
  font-size: 12px;
  line-height: 27px;
  padding: 0 6px 1px;
  margin-right: 3px;
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  border-bottom: 0;
  background-image: url(../../images/bg-tab.gif);
  background-repeat: repeat-x; }

ul.tabbing li a:hover, ul.tabbing li.active a {
  padding-bottom: 2px;
  color: #000;
  border-color: #999;
  background-image: none;
  background-color: #f4f4f4; }

/* 3.5 Navigation - Pagination */
.paginationWrap {
  overflow: hidden; }

ul.pagination {
  margin-top: 10px; }

.pagination p, .pagination li {
  padding: 3px;
  margin: 0;
  float: left; }

.paginatationFixed {
  width: 400px; }

.pagination li a, .pagination li span {
  padding: 3px;
  margin: 8px 2px 0 0; }

.pagination li span {
  background-color: #fff; }

.pagination li a:hover {
  background-color: #336699;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.pagination li.active span {
  background-color: transparent;
  color: #999; }

/* 3.6. Tabs */
/* ---------------------------------------------------------------- */
.nav-tabs {
  border-bottom: 1px solid #ddd; }

.nav-tabs > li {
  float: left;
  margin-bottom: -1px; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default; }

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0; }

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs:before {
  content: " ";
  display: table; }

.nav-tabs:after {
  clear: both;
  content: " ";
  display: table; }

/* 4. Tables */
/* ---------------------------------------------------------------- */
table {
  width: 100%;
  clear: both;
  font-size: 12px;
  background-color: #fff; }

table.width0 {
  width: 50%; }

th {
  border: 1px solid #ccc;
  background-color: #fff;
  font-weight: bold;
  color: #000;
  padding: 8px;
  width: auto;
  min-width: 24px; }

td {
  border: 1px dotted #ccc;
  padding: 4px 8px; }

td a.buttonesque {
  padding-left: 10px; }

a.clockable {
  display: block; }

tr:first-child {
  background-image: url(../../images/bg-tableTop.png);
  background-repeat: repeat-x;
  background-position: top left; }

.striped {
  background-color: #fbfbfb; }

.checkboxRow {
  width: 10px; }

th.checkboxRow {
  text-indent: -9999px;
  background-image: none; }

/* 4.1 Tables - Sorting */
.tableSortWrap {
  position: relative;
  float: right;
  width: 10px;
  height: 16px;
  display: block; }

.column-label {
  width: 80%; }

.tableSort {
  position: absolute;
  display: block;
  width: 18px;
  height: 8px;
  text-indent: -9999px;
  background-image: url("../../images/icons.png");
  background-repeat: no-repeat; }

.sortUp {
  top: 0;
  background-position: right -500px; }

.sortUpActive {
  top: 0;
  background-position: right -382px; }

.sortDown {
  bottom: 0;
  background-position: right -400px; }

.sortDownActive {
  bottom: 0;
  background-position: right -511px; }

th.activeColumn {
  background-color: #ecf7fd; }

/* 4.2 Tables - Table-specific Styles */
.js #results td {
  cursor: pointer; }

.dialog .tabular-data {
  margin-top: 30px; }

.dialog .tabular-data caption {
  font-size: 18px;
  margin: 0 0 10px; }

.tabular-data caption {
  margin: 20px 0 4px 0;
  font-weight: bold; }

.tabular-data tr:first-child {
  background: none; }

.tabular-data .striped {
  background: none; }

.tabular-data td {
  vertical-align: top; }

.tabular-data th {
  border: 1px dotted #ccc;
  padding: 4px 8px;
  color: #595959;
  font-size: 12px; }

.td2 td {
  width: 50%; }

.td3 td, td.w33 {
  width: 33%; }

.td4 td {
  width: 25%; }

td.w66 {
  width: 66%; }

.tabular-data .item-has-children {
  font-weight: bold;
  background-color: #333;
  color: #fff; }

.tabular-data .item-has-children a {
  color: #fff; }

.tabular-data .item-has-children input {
  font-weight: normal;
  color: #fff; }

.indent-level-1 {
  padding-left: 10px; }

.indent-level-2 {
  padding-left: 20px; }

.indent-level-3 {
  padding-left: 30px; }

fieldset.checkboxes input.checkbox-indent-1 {
  margin-left: 10px; }

fieldset.checkboxes input.checkbox-indent-2 {
  margin-left: 20px; }

fieldset.checkboxes input.checkbox-indent-3 {
  margin-left: 30px; }

fieldset.checkboxes input.checkbox-indent-4 {
  margin-left: 40px; }

.word-break {
  word-break: break-all; }

/* 5. Forms */
/* ---------------------------------------------------------------- */
input[readonly="readonly"], textarea[readonly="readonly"], input[readonly], textarea[readonly], input[readonly="readonly"]:focus, textarea[readonly="readonly"]:focus, input[readonly]:focus, textarea[readonly]:focus {
  color: #000;
  border: 1px solid #ccc !important;
  background-color: transparent;
  cursor: not-allowed;
  pointer-events: none; }

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, div.is-focused {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
  border-color: #000 !important; }

textarea, input {
  outline: none; }

.formWrap {
  background-color: #f4f4f4;
  overflow: hidden;
  margin-bottom: 15px;
  clear: both; }

form.innerWrapper {
  position: relative;
  clear: both;
  overflow: hidden; }

form h4 {
  clear: both; }

fieldset {
  border: 0; }

legend {
  font-weight: bold;
  line-height: 2;
  width: 100%;
  clear: both;
  margin-top: 10px;
  border-bottom: 1px dotted #cecece; }

.calendar {
  padding: 3px 8px; }

.colForm {
  float: left;
  width: auto;
  min-width: 270px;
  margin-right: 10px;
  padding-right: 10px; }

.inputWrapper {
  width: 720px;
  margin: 0;
  position: relative;
  padding-right: 10px;
  clear: left;
  float: left; }

.indentedMessage {
  margin-left: 210px;
  float: left;
  clear: left;
  width: 400px; }

.linear > .labelLong {
  display: none; }

.twister {
  overflow: hidden; }

.submit {
  padding: 5px 0 0 110px;
  margin: 0;
  cursor: pointer; }

.submit.top {
  padding: 5px 0 0 100px;
  position: absolute;
  margin-top: -45px; }

.submit.topLong {
  padding: 5px 0 0 120px;
  position: absolute;
  margin-top: -45px; }

.new-job .submit.top {
  margin-top: 0;
  margin-bottom: 15px;
  padding-left: 0;
  position: static; }

.indentLong {
  padding-left: 210px; }

.indentShort {
  padding-left: 110px; }

.indentVeryShort {
  padding-left: 30px; }

.wrapperDistanced {
  margin-bottom: 10px; }

#sidebar .innerWrapper {
  padding: 30px 0; }

label, input[type="text"], input[type="password"], input.text, .label, .formField {
  float: left;
  display: block; }

.formField {
  padding: 4px 2px; }

.formField.radio {
  padding-left: 0; }

input[type="text"], input.text, select, textarea {
  padding: 3px 2px;
  border: 1px solid #999; }

select[multiple="multiple"] {
  min-height: 100px; }

input[type="submit"], input.submit {
  padding: 0 8px;
  height: 30px;
  font-weight: normal;
  margin-right: 5px;
  border: 1px solid #ccc;
  background: #fefefe url(../../images/bg-button.png) repeat-x bottom left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #333; }

input[type="submit"]:hover, input[type="submit"]:focus, input.submit:hover, input.submit:focus {
  border: 1px solid #666; }

.single-line input[type="submit"]:hover, .single-line input[type="submit"]:focus, .single-line input.submit:hover, .single-line input.submit:focus {
  border: 1px solid #fff; }

input[type="submit"]:active, input.submit:active {
  background: #fefefe url(../../images/bg-button-down.png) repeat-x bottom left; }

.main-button {
  font-weight: bold !important; }

a.more-options:hover {
  text-decoration: underline; }

.more-options {
  margin-left: 75px;
  margin-bottom: 10px;
  display: block; }

.more-options-cv {
  margin-left: 80px;
  margin-bottom: 10px;
  display: block; }

.more-options-cp {
  margin-left: 102px;
  margin-bottom: 10px;
  display: block; }

.more-options-pay {
  margin-left: 120px;
  margin-bottom: 10px;
  display: block; }

input[type="submit"]::-moz-focus-inner {
  border: 0; }

input[type="submit"].buttonInactive, input.buttonInactive {
  color: #f8f8f8;
  background-color: #ccc; }

td input[type="submit"], td input.submit {
  border: 0;
  padding: 0;
  background: none;
  cursor: pointer;
  color: #2b4078;
  height: auto; }

td input[type="submit"]:hover, td input[type="submit"]:active td input[type="submit"]:focus, td input.submit:hover, td input.submit:active, td input.submit:focus {
  border: 0;
  background: none;
  padding: 0; }

.colorField input {
  background: #fff url(../../images/icon-colorpick.png) no-repeat 4px 4px;
  padding-left: 25px; }

.datePicker input {
  background: #fff url(../../images/icon-calendar.png) no-repeat 3px 3px;
  padding-left: 25px; }

div.check-no-scroller {
  background-color: #ffffff;
  border: 1px solid #bfbfbf;
  display: block;
  width: 420px;
  padding: 4px 3px; }

div.check-scroller {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #bfbfbf;
  display: block;
  height: 160px;
  width: 420px;
  overflow-y: scroll;
  padding: 4px 3px; }

div.check-scroller.small {
  height: 50px;
  overflow: auto; }

div.check-scroller .checkbox {
  padding: 0; }

div.check-scroller .checkbox input.checkbox {
  display: inline-block; }

div.check-scroller .checkbox label {
  float: left;
  width: auto;
  position: relative;
  top: -2px;
  left: 4px; }

div.check-scroller input:focus + label, div.check-no-scroller input:focus + label {
  background-color: #ddd; }

div.check-scroller input:checked + label, div.check-no-scroller input:checked + label {
  font-weight: bold;
  color: #000;
  background: none; }

/* 5.1 Forms - Field and label widths */
.inline-form {
  display: inline; }

.checkbox input {
  margin: 5px 2px; }

.radio input {
  margin-right: 5px; }

label, .label {
  display: block;
  margin: 5px 8px 5px 0;
  text-align: right; }

.labelCheckbox {
  float: right;
  margin: 0 0 0 10px; }

.labelRadio {
  float: right;
  margin-right: 10px; }

.labelLong {
  width: 200px; }

dt.labelLong {
  margin: 0 8px 0 0;
  text-align: right;
  word-wrap: break-word; }

.label-indent-long {
  padding-left: 202px;
  max-width: 260px; }

.labelShort {
  width: 110px; }

label.hideMe {
  float: left;
  width: 0;
  text-indent: -9999px; }

label.radio-label {
  float: none;
  margin: 0;
  text-align: left;
  display: inline; }

.radio-button-set p {
  padding-left: 210px; }

.radio-button-set fieldset {
  display: none; }

.radio-button-set .active fieldset {
  display: block; }

.requiredField {
  background: url(../../images/icon-required.png) no-repeat 190px 5px;
  padding-right: 13px;
  width: 187px; }

.requiredFieldShort {
  background: url(../../images/icon-required.png) no-repeat 100px 5px;
  padding-right: 13px;
  width: 97px; }

.inputesqueAlignment {
  margin-left: 208px;
  padding-top: 5px; }

.fieldsetSubLegend {
  font-style: italic; }

.width0 {
  width: 80px; }

.width01 {
  width: 120px; }

.width1 {
  width: 150px; }

.width1b {
  width: 200px; }

.width2 {
  width: 250px; }

select.width2 {
  width: 255px; }

.width3 {
  width: 400px; }

.width4 {
  width: 98%; }

.width5 {
  width: 500px; }

.widthFull {
  /* used by super enhanced HTML editor */
  width: 960px; }

.tall {
  height: 500px; }

/* Singluar Checkboxes */
.checkbox label {
  text-align: left;
  margin-left: 4px;
  max-width: 450px; }

.checkbox .labelLong {
  max-width: 450px;
  width: auto;
  min-width: 200px; }

.checkbox input {
  float: left;
  margin-left: 210px; }

.checkbox .label-block {
  width: auto; }

.checkbox .hasTooltipText {
  margin-top: 4px; }

.form-controls-inline {
  vertical-align: middle;
  display: inline-block; }

.form-controls-inline select {
  padding: 2px;
  margin: 0 5px; }

.form-control-inline select {
  height: 22px; }

legend + .inputWrapper > .labelLong {
  margin-top: 0; }

/* Grouped Checkvboxes */
fieldset.checkboxes input {
  float: left;
  margin-left: 0; }

#relative-set, #absolute-set {
  min-height: 80px; }

.fixed-height-scrolling-checkboxes {
  min-height: 200px;
  clear: left;
  float: left; }

.promotion-item .paddedSmall label {
  width: 320px; }

.small-field-group {
  margin-top: 10px;
  margin-bottom: 20px;
  clear: both; }

.small-field-group legend {
  margin-left: 210px;
  display: block; }

/* Autocomplete location */
.location_selected {
  clear: both;
  padding-left: 208px;
  padding-top: 8px; }

.location_selected p {
  color: #000; }

.location_selected p:first-child {
  color: #595959; }

.location-js-error {
  clear: both;
  color: #f00;
  padding-left: 208px;
  padding-top: 5px; }

.location-js-error p {
  margin-bottom: 0; }

fieldset.cf .location-js-error {
  padding-left: 170px; }

#LocDesc {
  float: left;
  margin-top: 5px; }

#location_display_LocationIds {
  background: #fff; }

#location_display_LocationIds.ui-autocomplete-loading {
  background: url(../../images/icons/ajaxspinner.gif) no-repeat #fff 97% 50%; }

.radial-search__select {
  margin-right: 10px;
  height: 23px;
  float: left; }

/* Select2 plugin custom styles */
.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.select2-container .select2-selection--single {
  height: 25px; }

.select2-container .select2-selection--multiple {
  min-height: 25px; }

.select2-container .select2-dropdown {
  border-color: #999; }

.select2-container .select2-search--inline .select2-search__field {
  margin-top: 9px; }

.select2-container--default .select2-selection--single {
  border-color: #999;
  border-radius: 0px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #333;
  line-height: 23px; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 23px; }

.select2-container--default .select2-selection--multiple {
  border-color: #999;
  border-radius: 0px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #eee;
  padding: 2px 5px;
  border-radius: 3px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  float: right;
  margin-left: 4px;
  margin-right: 0;
  padding: 0 0 0 5px;
  border-left: 1px solid #aaa; }

.select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #000;
  outline: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #ddd; }

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  outline: 0;
  border-color: #000; }

.validationErrorBox .select2-container--default .select2-selection--single, .validationErrorBox .select2-container--default .select2-selection--multiple {
  background: #fce8e8; }

/* Indentation in selects */
/* The option[data-indent] selector is for when there is no JS or select2 fails */
.select-indent-1, option[data-indent="1"] {
  padding-left: 10px; }

.select-indent-2, option[data-indent="2"] {
  padding-left: 20px; }

.select-indent-3, option[data-indent="3"] {
  padding-left: 30px; }

.select-indent-4, option[data-indent="4"] {
  padding-left: 40px; }

.select-indent-5, option[data-indent="5"] {
  padding-left: 50px; }

/* 6. Confirmation Messages and feedback styles */
/* ---------------------------------------------------------------- */
.alertBox, .alertBoxLong {
  padding: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 10px 0 #ccc;
  -moz-box-shadow: 3px 3px 10px 0 #ccc;
  -o-box-shadow: 3px 3px 10px 0 #ccc;
  box-shadow: 3px 3px 10px 0 #ccc;
  line-height: 1.4;
  min-width: 300px;
  top: 0px;
  left: 0px;
  z-index: 100;
  margin-left: 210px;
  font-size: 14px;
  font-weight: normal; }

.alertBox.alertBox--lowerStatus strong {
  text-transform: lowercase; }

.alertBox:last-child, .alertBox p:last-child, .alertBoxLong:last-child, .alertBoxLong p:last-child {
  margin-bottom: 0; }

.success {
  background-color: #eef7ec;
  border: solid 2px #97bb8f; }

.error {
  background-color: #fce8e8;
  border: 2px solid #810404; }

.errorInline {
  margin-left: 210px;
  z-index: 100;
  left: -9999px;
  top: 0;
  padding: 10px;
  width: 250px;
  background-color: #810404;
  color: #fff;
  display: block;
  -webkit-box-shadow: 3px 3px 10px 0 #999;
  -moz-box-shadow: 3px 3px 10px 0 #999;
  -o-box-shadow: 3px 3px 10px 0 #999;
  box-shadow: 3px 3px 10px 0 #999;
  border-radius: 5px 5px 5px 5px; }

.errorInline.showErrorInline {
  left: auto;
  top: auto; }

.job-desc-target-upload .errorInline {
  left: 288px;
  top: 0;
  position: absolute; }

.warn {
  background: #ebf2fc url(../../images/icon-warning.png) no-repeat 10px 10px;
  padding-left: 45px; }

.message {
  background: #f9fadc;
  border: solid 1px #e1d383;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  position: relative;
  z-index: 0;
  margin-left: 0; }

.addFade {
  background: #fcfbeb; }

.validationErrorBox input, .validationErrorBox select, .validationErrorBox textarea, .validationErrorBox .check-scroller, .validationErrorBox .check-no-scroller, .validationErrorBox .value-element, .validationErrorBox .image-container {
  background-color: #fce8e8 !important; }

.value-element {
  margin-bottom: 4px; }

#splash .alertBox {
  background: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 20px 0 20px 0; }

.enabled {
  color: #4f8a10; }

.disabled {
  color: #fff;
  background-color: #d9454d; }

/* 7. Datepicker, Colorpicker, Recruiterpicker and tooltip styles */
/* ---------------------------------------------------------------- */
.ui-datepicker-calendar tr:first-child, .ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-state-focus {
  background: none !important; }

.ui-datepicker-calendar .ui-state-highlight {
  border: 1px solid #000 !important; }

.ui-datepicker-calendar .ui-state-active {
  background-color: #666 !important;
  border: 1px solid #666 !important;
  color: #fff !important; }

#ui-datepicker-div {
  -webkit-box-shadow: 3px 3px 10px 0 #ccc;
  -moz-box-shadow: 3px 3px 10px 0 #ccc;
  -o-box-shadow: 3px 3px 10px 0 #ccc;
  box-shadow: 3px 3px 10px 0 #ccc; }

#color-picker-boxB {
  background-color: #fff !important;
  background-repeat: no-repeat !important;
  border: 1px solid #666 !important;
  -webkit-box-shadow: 3px 3px 10px 0 #ccc !important;
  -moz-box-shadow: 3px 3px 10px 0 #ccc !important;
  -o-box-shadow: 3px 3px 10px 0 #ccc !important;
  box-shadow: 3px 3px 10px 0 #ccc !important;
  border: 1px solid #ccc !important;
  border-radius: 5px 5px 5px 5px !important; }

.recruiter-js-error {
  clear: both;
  color: #f00;
  padding-left: 208px;
  padding-top: 5px; }

.recruiter-picker .buttonesque, .image-picker .buttonesque {
  margin-top: 4px;
  margin-bottom: 20px; }

.recruiter-picker label {
  margin-top: 0; }

.recruiter-picker .hasTooltipText {
  margin-top: 4px; }

.image-picker .image-container {
  border: 1px solid #999;
  background-color: #fff; }

.hasTooltipText:hover {
  background-position: 3px -983px; }

.hasTooltipText {
  cursor: pointer;
  background-image: url(../../images/icons.png);
  background-repeat: no-repeat;
  background-position: 3px -967px;
  width: 30px;
  vertical-align: top;
  text-indent: -9999px;
  display: inline-block; }

.cke_chrome ~ .hasTooltipText {
  position: absolute; }

.tooltip {
  position: absolute;
  z-index: 100;
  left: -9999px;
  top: 0;
  padding: 10px;
  width: 250px;
  background-color: #666;
  color: #fff;
  display: block;
  -webkit-box-shadow: 3px 3px 10px 0 #999;
  -moz-box-shadow: 3px 3px 10px 0 #999;
  -o-box-shadow: 3px 3px 10px 0 #999;
  box-shadow: 3px 3px 10px 0 #999;
  border-radius: 5px 5px 5px 5px; }

.cke_chrome, .ckeditorField {
  float: left; }

.list-square li {
  list-style-type: square;
  list-style-position: inside; }

/* 8. Definition lists (generally in the "Summary" tabs" */
/* ---------------------------------------------------------------- */
dl {
  overflow: hidden;
  line-height: 1.5;
  margin-bottom: 8px; }

dt, dd {
  float: left; }

dt {
  clear: left;
  padding-right: 8px;
  width: 100px; }

dd {
  font-weight: bold;
  width: 300px;
  color: #000; }

dt.longerTitle {
  width: 200px; }

dt.longestTitle {
  width: 500px; }

.reports-list h3 {
  margin: 30px 0 10px 0; }

.reports-list dt, .reports-list dd {
  float: none;
  clear: none;
  width: auto;
  font-weight: normal;
  line-height: 2;
  margin-left: 10px; }

.reports-list dd {
  max-width: 600px;
  color: #666;
  line-height: 1.2;
  margin-left: 20px; }

/* 9. Mix and Match classes */
/* ---------------------------------------------------------------- */
.time {
  padding: 2px; }

.nowrap {
  white-space: nowrap; }

.cf:before, .cf:after {
  content: "";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  zoom: 1; }

.clearBoth {
  clear: both; }

.floatLeft {
  float: left; }

.floatRight {
  float: right; }

.block {
  overflow: hidden;
  clear: both; }

.bordered {
  border: 1px dotted #ccc; }

.bottomBordered {
  border-bottom: 1px dotted #cecece; }

.marginSmall {
  margin: 5px 0; }

.padded5 {
  padding: 5px; }

.padded10 {
  padding: 10px; }

.padded20 {
  padding: 20px; }

.paddedSmall {
  padding: 5px 0;
  margin: 0; }

.paddedBigBottom {
  padding: 0 0 15px 0; }

.paddedBigTop {
  padding: 15px 0 0 0; }

.paddedSmallBottom {
  padding: 2px 0 2px 0;
  margin: 0; }

.mortar {
  margin-bottom: 20px; }

.mortar--smaller {
  margin-bottom: 10px; }

.mortar--larger {
  margin-bottom: 40px; }

.display-block {
  display: block; }

.aside {
  float: right;
  text-align: right;
  width: 50%; }

.define {
  display: inline-block;
  width: 150px; }

.linkesque {
  background: 0;
  border: none;
  color: #336699;
  cursor: pointer;
  font-family: inherit;
  font-size: 1em;
  padding: 0;
  width: auto; }

.linkesque:hover {
  color: #487fb5; }

a.buttonesque {
  display: inline-block;
  padding: 6px 8px;
  margin-right: 8px;
  background: #fefefe url(../../images/bg-button.png) repeat-x bottom left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  color: #333;
  font-weight: normal; }

a.buttonesque:hover, a.buttonesque:focus {
  border-color: #666; }

a.buttonesque:active {
  background: #fefefe url(../../images/bg-button-down.png) repeat-x bottom left; }

a.buttonInactive, a.buttonInactive:hover {
  color: #f8f8f8;
  background-color: #ccc; }

.topSection {
  clear: both;
  overflow: hidden;
  padding: 0 0 10px 0;
  position: relative;
  background-color: #f4f4f4; }

.topSection h3, .topSection p, .topSection h2 {
  margin: 0; }

.topHeader {
  width: auto;
  max-width: 500px;
  line-height: 30px;
  padding-right: 20px; }

.topHeader span {
  margin-top: -26px;
  display: block; }

.topActions {
  padding: 2px 0 10px 0; }

.topActions .indent {
  padding-right: 10px; }

.forward {
  padding-right: 30px;
  background-image: url(../../images/icons.png);
  background-repeat: no-repeat;
  background-position: right -792px; }

.topActions .previewLink {
  float: right;
  line-height: 30px;
  /* 30 because it matches the end height of the .buttonesque buttons, thus making it position in the middle */ }

/* 10. Lightbox styles */
/* ---------------------------------------------------------------- */
body.dialog {
  font: 13px arial, sans-serif;
  color: #666666;
  padding: 20px;
  background-color: #fff; }

body.dialog #container {
  padding: 0; }

.dialog header {
  display: block;
  width: 100%; }

body.dialog header p {
  margin: 8px 0 8px 0; }

body.dialog nav {
  margin-top: 30px;
  padding-top: 10px;
  border-top: 1px solid #eee;
  text-align: center;
  display: block;
  width: 100%; }

body.dialog h1 {
  font-family: "Droid Sans", sans-serif;
  font-weight: normal;
  font-size: 26px;
  margin: 0;
  color: #666666;
  border: none;
  line-height: normal; }

body.dialog h1.spaced {
  margin-bottom: 20px; }

body.dialog h2 {
  font-family: "Droid Sans", sans-serif;
  font-size: 19px;
  font-weight: normal;
  margin: 0;
  color: #666666; }

body.dialog form {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 8px; }

body.dialog td form {
  margin: 0;
  padding: 0; }

body.dialog form.single-line {
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 8px; }

.single-line {
  background-color: #666;
  color: #fff;
  padding: 5px 20px 5px 20px;
  background-image: url("../../images/single-line-bg.gif");
  background-position: left bottom;
  background-repeat: repeat-x;
  border-bottom: 1px solid #fff; }

form.single-line a {
  color: #fff; }

form.single-line .colForm {
  min-width: 0;
  margin-right: 16px; }

form.single-line label {
  text-align: right;
  padding-right: 10px;
  width: auto; }

form.single-line .inputWrapper {
  width: auto; }

body.dialog from input {
  margin-right: 20px; }

body.dialog nav.dialog-buttons {
  text-align: right; }

.hide-dialog, .close-dialog-btn {
  display: none; }

#dialog-background {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 11000;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50); }

#dialog-container {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 50px;
  height: 50px;
  text-align: center;
  background-color: #fff;
  z-index: 11002;
  padding: 10px;
  -webkit-box-shadow: 3px 3px 10px 0 #000;
  -moz-box-shadow: 3px 3px 10px 0 #000;
  -o-box-shadow: 3px 3px 10px 0 #000;
  box-shadow: 3px 3px 10px 0 #000;
  border-radius: 5px 5px 5px 5px;
  overflow: visible; }

#dialog-iframe {
  overflow: hidden; }

#columnA, #columnB {
  float: left; }

#columnA .inputWrapper, #columnB .inputWrapper {
  width: auto; }

#columnA .labelLong, #columnB .labelLong {
  width: 180px; }

#columnA div.check-scroller, #columnB div.check-scroller {
  width: 180px;
  height: 80px; }

#columnA div.check-scroller .labelLong, #columnB div.check-scroller .labelLong {
  width: auto; }

#columnA .width2, #columnB .width2 {
  width: 180px; }

.compressed-checkbox label {
  display: inline-block;
  float: none; }

.compressed-checkbox input {
  margin-left: 188px; }

#lightboxContent .form-wrapper .cf fieldset {
  width: 100%; }

/**
 * Lightbox modifiers - fixed header, fixed footer buttons & scrollable content
 */
.fixed-header header {
  background-color: #fff;
  position: fixed;
  top: 20px;
  left: 20px;
  right: 20px;
  min-height: 50px;
  width: auto;
  overflow: hidden;
  box-shadow: 0 7px 15px -12px;
  z-index: 10; }

.fixed-header header + * {
  margin-top: 80px; }

.fixed-header.scrollable-content header + * {
  margin-top: 0; }

.fixed-dialog-buttons .dialog-buttons {
  position: fixed;
  left: 20px;
  right: 20px;
  bottom: 20px;
  width: auto; }

.scrollable-content .scrolling-content {
  position: fixed;
  top: 70px;
  left: 20px;
  right: 20px;
  bottom: 60px;
  padding-top: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  max-width: 100%; }

.lightbox-close-container {
  width: 100%;
  position: relative;
  text-align: right; }

.lightbox-close-btn {
  width: 22px;
  height: 22px;
  background: none;
  border: 0;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: -20px;
  right: 0;
  padding: 0;
  text-align: left; }

.lightbox-close-btn:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: url(../../images/lightbox-close.png) no-repeat top left;
  background-size: 18px; }

/* 10.1 Lightbox fixed table header styles */
.fht-table, .fht-table thead, .fht-table tfoot, .fht-table tbody, .fht-table tr, .fht-table th, .fht-table td {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

.fht-table {
  border-collapse: collapse;
  border-spacing: 0; }

div.fht-table-wrapper {
  overflow: hidden; }

div.fht-tbody {
  overflow-y: auto;
  overflow-x: hidden; }

.fht-table .fht-cell {
  overflow: hidden;
  height: 1px; }

.fht-table td, .fht-table th {
  padding: 4px 8px; }

.fht-table-wrapper {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

.scrollable-area {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0px;
  border: 1px solid #ccc;
  max-height: 300px;
  width: 100%;
  margin-bottom: 1em; }

/* 11. Asset Library styles */
/* ---------------------------------------------------------------- */
#assetLibrary.lightbox, #overlayBig.lightbox {
  height: 70%;
  overflow: auto;
  width: 850px; }

#assetLibrary h2 {
  margin: 0; }

#assetLibrary #assetList {
  position: relative;
  border-bottom: 1px dotted #ccc;
  top: -20px; }

#assetList li {
  position: relative;
  padding: 10px 0;
  overflow: hidden;
  border-bottom: 1px dotted #ccc;
  margin: 0 10px 0 10px; }

#assetList li:last-child {
  border-bottom: 0 none; }

#assetList li div.asset-details {
  float: left;
  width: 530px;
  overflow: auto; }

#assetList li li {
  padding: 0;
  border: 0 none; }

#assetList h3 {
  margin-bottom: 5px; }

#assetList li p, #assetList li ul {
  margin-bottom: 7px; }

#assetList li a.buttonesque {
  position: absolute;
  top: 10px;
  margin-right: 0;
  right: 0px; }

#assetList li input {
  cursor: pointer; }

#assetList .moreInfo {
  position: absolute;
  bottom: 10px;
  right: 0px; }

#assetList .formWrap {
  clear: none;
  float: right; }

#assetList .moreAssetInfo {
  clear: both;
  padding: 10px 0 0 0; }

#assetSearch fieldset {
  padding: 5px 0;
  border: 0; }

.image-thumbnail {
  width: 120px;
  height: 60px;
  text-align: center;
  vertical-align: middle;
  background-color: #f4f4f4;
  float: left;
  margin-right: 10px;
  border: 1px solid #ccc; }

.image-thumbnail img {
  width: 120px;
  height: 60px; }

/* 12. Dashboard styles */
/* ---------------------------------------------------------------- */
#activityFilter {
  padding: 10px 20px; }

#activityFilter label {
  font-size: 19px;
  width: 195px; }

#activityFilter select {
  width: 280px; }

#statTable .firstCol {
  width: 210px;
  text-align: right; }

.shadedRows .firstColSmall {
  width: 170px;
  border-right: 1px solid #f2f2f2;
  text-indent: 15px; }

.shadedRows {
  margin-bottom: 10px; }

.shadedRows th, .shadedRows td {
  background: #f2f2f2; }

.shadedRows thead th, .shadedRows tr.odd th, .shadedRows tr.odd td {
  background: #d9d9d9; }

.shadedRows tbody td {
  color: #595959;
  text-align: center; }

.shadedRows td, .shadedRows th {
  border: 1px solid #fff; }

.shadedRows .hiddenHead th {
  line-height: 0;
  text-indent: -9999px;
  padding: 0; }

.borderedStat {
  padding: 3px 4px;
  text-align: center;
  border: 1px solid #d9d9d9; }

#candidateCol {
  width: 266px;
  float: left; }

.recentAct th, .recentAct td {
  min-width: 120px;
  border: 0;
  padding: 2px 0;
  background: #fff; }

.recentAct th {
  border-bottom: 1px solid #d3d3d3; }

.recentAct tbody tr:first-child td {
  padding-top: 10px; }

.recentAct .firstCol {
  width: 247px; }

.master #tasks {
  float: left;
  width: 13%; }

.master #tasks p {
  background: #f4f1f1;
  padding: 10px;
  margin: 60px 0 0 0;
  border-radius: 6px;
  line-height: 1.6; }

.master #tasks ul {
  width: 100%;
  margin: 10px 0 0 0; }

#tasks li {
  margin-bottom: 15px;
  min-width: 94px;
  padding: 5px 0; }

#tasks li a {
  display: block;
  margin: 0 4px 0 0;
  padding: 10px 25px 10px 7px;
  color: #000;
  word-wrap: break-word; }

#tasks li#icon-1 a {
  background: #d9dbdc url(../../images/icon-bg-button-1.png) no-repeat right 0; }

#tasks li#icon-2 a {
  background: #d9dbdc url(../../images/icon-bg-button-2.png) no-repeat right 0; }

#tasks li#icon-3 a {
  background: #d9dbdc url(../../images/icon-bg-button-3.png) no-repeat right 0; }

#tasks li#icon-4 a {
  background: #d9dbdc url(../../images/icon-bg-button-4.png) no-repeat right 0; }

#tasks li#icon-5 a {
  background: #d9dbdc url(../../images/icon-bg-button-5.png) no-repeat right 0; }

#tasks li#icon-6 a {
  background: #d9dbdc url(../../images/icon-bg-button-6.png) no-repeat right 0; }

#tasks li#icon-1 a.buttonesque:active {
  background: #fff url(../../images/icon-bg-button-1-on.png) no-repeat right 0; }

#tasks li#icon-2 a.buttonesque:active {
  background: #fff url(../../images/icon-bg-button-2-on.png) no-repeat right 0; }

#tasks li#icon-3 a.buttonesque:active {
  background: #fff url(../../images/icon-bg-button-3-on.png) no-repeat right 0; }

#tasks li#icon-4 a.buttonesque:active {
  background: #fff url(../../images/icon-bg-button-4-on.png) no-repeat right 0; }

#tasks li#icon-5 a.buttonesque:active {
  background: #fff url(../../images/icon-bg-button-5-on.png) no-repeat right 0; }

#tasks li#icon-6 a.buttonesque:active {
  background: #fff url(../../images/icon-bg-button-6-on.png) no-repeat right 0; }

/* 12. Dashboard styles */
/* ---------------------------------------------------------------- */
#dashboardBox ul.tabbing {
  padding-top: 20px; }

#dashboardBox ul.tabbing li a:hover, #dashboardBox ul.tabbing li.active a {
  background-color: #fff; }

#dashboardBox .tablesorter caption {
  padding: 8px 4px 8px 4px;
  font-weight: bold;
  color: #fff;
  background-color: #333; }

#dashboardBox .tablesorter {
  margin: 20px 0 6px 0; }

/* 13. Fonts */
/* ---------------------------------------------------------------- */
@font-face {
  font-family: "DroidSansBold";
  src: url("../../fonts/droidsans-bold-webfont.eot");
  src: url("../../fonts/droidsans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/droidsans-bold-webfont.woff") format("woff"), url("../../fonts/droidsans-bold-webfont.ttf") format("truetype"), url("../../fonts/droidsans-bold-webfont.svg#DroidSansBold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "DroidSansRegular";
  src: url("../../fonts/droidsans-webfont.eot");
  src: url("../../fonts/droidsans-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/droidsans-webfont.woff") format("woff"), url("../../fonts/droidsans-webfont.ttf") format("truetype"), url("../../fonts/droidsans-webfont.svg#DroidSansRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* 14. Splash/logon ------------------------------------------*/
body#splash {
  background-color: #f58123; }

#splash input[type="submit"], #splash input.submit {
  margin: 5px 0 12px;
  font-size: 12px;
  width: auto; }

#splash .wrapper {
  width: 400px;
  margin-top: 100px;
  float: none;
  color: #fff; }

#splash .formWrap {
  color: #333;
  width: 400px;
  padding: 20px;
  margin: 10px auto 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 6px #333;
  -moz-box-shadow: 0 2px 6px #333;
  box-shadow: 0 2px 6px #333; }

#splash p.forgotten-password {
  border-top: 1px dotted #cecece;
  color: #999;
  padding-top: 6px; }

#splash p.forgotten-password a {
  color: #999; }

#splash h1 {
  border: 0;
  font-size: 18px;
  color: #fff; }

#splash label {
  font-family: DroidSansRegular;
  font-size: 16px;
  text-align: left;
  width: 300px; }

#splash input[type="text"], #splash input[type="password"] {
  font-size: 16px;
  margin-bottom: 10px;
  width: 250px;
  display: block; }

#splash #copyright {
  color: #fff; }

#copyright {
  color: #aaa; }

#splash a {
  color: #fff; }

#splash form a {
  color: #487fb5; }

#splash a:hover {
  text-decoration: underline; }

/* End all below need sorting into right section of file ------------------------------------------*/
.cv-block .headline-figures {
  text-align: right; }

.cv-block .headline-figures p, .jobs-block .headline-figures p, .jbe-block .headline-figures p {
  width: 80px;
  float: right; }

.jobs-block .headline-figures p {
  width: 135px; }

.jobs-block .headline-figures p:first-of-type {
  width: 60px; }

.jbe-block .headline-figures p {
  width: inherit; }

#MainFrame {
  border: 1px solid #ddd !important; }

#radial-repair-test-label {
  margin: 0;
  float: none;
  clear: both;
  display: inline; }

#radial-repair-log {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.2; }

.email-preview {
  margin-top: 20px;
  border: 1px solid #000;
  overflow: scroll;
  padding: 10px;
  width: 630px;
  height: 300px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.2; }

.text-only-label {
  width: 200px;
  text-align: right;
  display: block;
  float: left; }

.text-only-field {
  margin-left: 10px;
  float: left;
  display: block; }

.two-line-title {
  min-height: 70px; }

.checkbox-selection .selection-item {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #dddddd;
  border-radius: 6px 6px 6px 6px;
  display: block;
  float: left;
  font-size: 11px;
  margin: 2px 3px;
  padding: 3px 6px;
  cursor: pointer; }

.checkbox-selection .selection-item:hover {
  background-color: #f9f8de;
  text-decoration: underline; }

.checkbox-selection .title {
  background: none repeat scroll 0 0 #cfcfcf;
  padding: 6px 3px 3px 3px;
  display: block; }

.checkbox-selection {
  background: none repeat scroll 0 0 #efefef;
  border-bottom: 1px solid #9f9f9f;
  border-left: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
  display: none;
  font-size: 12px;
  height: auto;
  margin-bottom: 5px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 426px; }

.profile-conditions-scroll {
  overflow-y: auto;
  padding: 10px;
  height: 400px;
  border: 1px solid #bfbfbf; }

body.dialog nav.email-wzd2 {
  margin-top: 200px; }

body.dialog nav.email-wzd1 {
  margin-top: 280px; }

#email-wzd-scroller {
  padding: 0 10px 20px;
  height: 250px;
  border: 1px solid #bfbfbf;
  display: block;
  overflow-y: scroll;
  margin: 10px 0 0 0; }

.ui-autocomplete {
  border: 1px solid #999;
  padding: none;
  background: #fff;
  width: 300px !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  font-size: 1em !important; }

.ui-autocomplete .ui-menu-item {
  padding: none; }

.ui-autocomplete .ui-menu-item a {
  padding: 4px 8px 4px 8px !important;
  margin: 0px !important;
  display: block;
  background-color: #fff !important;
  cursor: pointer; }

.ui-autocomplete .ui-state-hover, .ui-autocomplete #ui-active-menuitem {
  padding: 4px 8px 4px 8px !important;
  border: none !important;
  background: none !important;
  background-color: #eee !important; }

.ui-autocomplete .ui-corner-all {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important; }

#iframePreview {
  text-align: center; }

#iframePreview iframe {
  display: none; }

h2 span#categoryCriteriaDescription {
  font-weight: bold; }

.text-left {
  text-align: left !important; }

a.link-disabled {
  pointer-events: none;
  cursor: default;
  color: #aaa; }

.refundNotes {
  width: 350px;
  height: 130px;
  resize: none; }

.job-search__status .inputWrapper {
  width: 400px; }

.job-search__status .label-block {
  width: auto; }

.product-restriction-notice {
  display: none; }

/* Lets have some helpers */
.display-none {
  display: none; }

.display-block {
  display: block; }

.display-inline-block {
  display: inline-block; }

/* A little mini reset for this page */
.product_updates ul, .product_updates ol, .product_updates__update ul, .product_updates__update ol {
  margin-left: 30px; }
.product_updates li, .product_updates__update li {
  list-style: initial; }

.product-updates__container {
  height: 600px; }

.product_updates__list {
  width: 33%;
  float: left;
  overflow-y: scroll;
  height: 100%; }

.product_updates__viewer {
  width: calc(67% - 1px);
  float: left;
  border-left: 1px solid #f5f5f5;
  height: 100%;
  overflow-y: scroll; }

.product_updates {
  padding: 20px;
  border-bottom: 1px solid #f5f5f5;
  border-top: 1px solid #f5f5f5; }
.product_updates h2 {
  margin-bottom: 2px; }
.product_updates a {
  color: #3c3c3c; }
.product_updates.is-active {
  background-color: rgba(252, 187, 48, 0.068);
  border-radius: 3px; }
.product_updates:first-child {
  border-top: 0; }
.product_updates:last-child {
  border-bottom: 0; }
.product_updates:hover {
  background-color: rgba(252, 187, 48, 0.027);
  cursor: pointer; }
.product_updates__update {
  padding: 20px; }

.product_updates .published_date, .product_updates__update .published_date {
  font-size: .9em;
  color: #878787; }

.js .paymentFirst-check {
  display: block; }

.paymentFirst-check {
  display: none; }

.promotion-multiplier-wrapper {
  display: none; }

.promotion-quantity-select {
  display: none; }

.job-target__campaign-stats {
  width: 800px; }

.minisite__stats {
  width: 600px; }

.campaign-tracking__stats {
  width: 500px;
  margin-top: 15px; }

#dashboardBox ul.tabbing {
  z-index: 2;
  position: relative; }

#splash .sso__button-wrapper {
  margin-top: 24px; }

#splash .sso__button {
  color: #333;
  font-weight: 700;
  padding: 12px 24px; }
#splash .sso__button:hover, #splash .sso__button:focus {
  text-decoration: none; }