/********************************      Basic Structure      ********************************/

html {
font-size: 100%;
height: 100%;
margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
}

body {
font-family: Arial, Helvetica, sans-serif;
color: #555;
background: #f0f0f0 url('/images/bg-body.gif') top left repeat-y;
font-size: 12px;
}

#body-wrapper {
background: url('/images/bg-radial-gradient.gif') fixed 230px top no-repeat;
}

/********************************      Elements styling      ********************************/

h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, Arial, sans-serif;
color: #222;
font-weight: bold;
}

h1            { font-family: Calibri, Helvetica, Arial, sans-serif; font-size: 31px; font-weight: bold; color: #fff;
position: absolute; top: -1000px;  /* Remove this line and delete the logo (in the HTML) if you don't want an image as a logo */
}

h2 { font-size: 26px; padding: 0 0 10px 0; }
h3 { font-size: 17px; padding: 0 0 10px 0; }
h4 { font-size: 16px; padding: 0 0 5px 0; }
h5 { font-size: 14px; padding: 0 0 5px 0; }
h6 { font-size: 12px; padding: 0 0 5px 0; }


a              { color: #57a000; text-decoration: none; }
a:hover     { color: #000; }
a:active     { color: #777; }
a:focus     { outline: 1px; }

strong       { font-weight: bold; color: #333; }

small   		{ font-size: 0.85em; }

pre           { font-family: monospace; }

p {
padding: 5px 0 10px 0;
line-height: 1.6em;
}

/********************************      General Classes      ********************************/

.clear {
clear: both;
}

.align-left {
float: left;
}

.align-right {
float: right;
}

.text-align-right {
	text-align: right;
}

/************ Button ************/
.button {
font-family: Verdana, Arial, sans-serif;
display: inline-block;
background: #459300 url('/images/bg-button-green.gif') top left repeat-x !important;
border: 1px solid #459300 !important;
padding: 4px 7px 4px 7px !important;
color: #fff !important;
font-size: 11px !important;
cursor: pointer;
}

.button:hover {
text-decoration: underline;
}
.button.disabled:hover {
	text-decoration: none;
	}

.button:active {
padding: 5px 7px 3px 7px !important;
}
a.button {
	padding: 2px 7px 2px 7px !important;
	line-height: 1.6em;
}
a.button:active {
	padding: 3px 7px 2px 7px !important;
}

a.button-small {
	padding: 4px 7px 4px 7px !important;
}
a.button-small:active {
	padding: 5px 7px 3px 7px !important;
}

a.remove-link {
color: #bb0000;
}

a.remove-link:hover {
color: #000;
}

/********************************      Sidebar      ********************************/

#sidebar {
background: url('/images/bg-sidebar.gif') top left no-repeat;
width: 230px;
height: 100%;
position: absolute;
left: 0;
top: 0;
color: #888;
font-size: 11px;
}

#sidebar #sidebar-wrapper {
margin: 0 0 0 9px;
}

#sidebar a,
#sidebar a:active {
color:#ccc;
}

#sidebar a:hover {
color:#fff;
}

#sidebar #sidebar-title {
margin: 40px 0 40px 15px;
}

#sidebar #logo {
margin: 40px 0 40px 0;
/*border: 5px solid #EFEFEF;*/
}

#sidebar #profile-links {
padding: 0 15px 20px 15px;
text-align: right;
line-height: 1.5em;
}

/************ Sidebar Accordion Menu ************/

#sidebar #main-nav {
width: 206px;
padding: 0;
margin: 0 0 0 15px;
font-family: Helvetica, Arial, sans-serif;
}

#sidebar #main-nav li {
list-style: none;
padding-bottom: 10px;
text-align: right;
}

#sidebar #main-nav li a.nav-top-item {
background: transparent url('/images/bg-menu-item-green.gif') right center no-repeat; /* Background image for default color scheme - green */
padding: 10px 15px;
color: #fff;
font-size: 14px;
cursor: pointer;
display: block;
text-decoration: none;
}

#sidebar #main-nav li a.current {
background-image: url('/images/bg-menu-item-current.gif') !important;
color: #333;
font-weight: bold;
}

#sidebar #main-nav li a.current:hover {
color: #333;
}

#sidebar #main-nav ul {
padding: 0;
font-size: 12px;
margin: 0;
}

#sidebar #main-nav ul li {
list-style: none;
margin: 0;
text-align: right;
padding: 0;
}

#sidebar #main-nav ul li a {
padding: 8px 15px;
display: block;
color: #aaa;
font-size: 13px;
line-height: 1.2em;
}

#sidebar #main-nav ul li a:hover,
#sidebar #main-nav ul li a.current,
#sidebar #main-nav ul li a.current:hover {
color: #fff;
}

#sidebar #main-nav ul li a.current {
background: transparent url('/images/menu-current-arrow.gif') right center no-repeat !important;
}


/************ Messages ************/

#messages p,
#messages form {
border-top: 1px solid #ddd;
padding: 10px 0;
}

#messages h4 {
padding: 10px 0;
}

#messages fieldset {
margin: 0;
}

#messages textarea {
margin: 0 0 15px 0;
}
/********************************      Main Content      ********************************/

/************ Layout ************/

#main-content {
margin: 0 30px 0 260px;
padding: 40px 0 0 0;
}

.column-left {
width: 48%;
float: left;
}

.column-right {
width: 48%;
float: right;
}

#page-intro {
font-size: 17px;
padding: 0 0 20px 0;
}


#footer {
border-top: 1px solid #ccc;
margin: 40px 0 0 0;
padding: 20px 0;
font-size: 12px;
}
/************ Lists ************/

#main-content ul,
#main-content ol {
padding: 10px 0;
}

/* Unordered List */

#main-content ul li {
background: url('/images/icons/bullet_black.png') center left no-repeat;
padding: 4px 0 4px 20px;
}

/* Ordered List */

#main-content ol {
padding: 0 0 0 24px;
}

#main-content ol li {
list-style: decimal;
padding: 4px 0;
}

/*************** Content Box ***************/

.content-box {
border: 1px solid #ccc;
margin: 0 0 20px 0;
background: #fff;
}

.content-box-header {
background: #e5e5e5 url('/images/bg-content-box.gif') top left repeat-x;
margin-top: 1px;
height: 40px;
}

.content-box-header h3 {
padding: 12px 15px 10px;
float: left;
}
.content-box-tab-nav {
background: #e5e5e5 url('/images/bg-content-box.gif') top left repeat-x;
}

ul.content-box-tabs {
float: right;
padding: 12px 15px 0 0 !important;
margin: 0 !important;
}

ul.content-box-tabs li {
float: left;
margin: 0;
padding: 0 !important;
background-image: none !important;
}

ul.content-box-tabs li a {
color: #333;
padding: 8px 10px;
display: block;
                margin: 1px;
border-bottom: 0;
}

ul.content-box-tabs li a:hover {
color: #57a000;
}

ul.content-box-tabs li a.current {
background: #fff;
border: 1px solid #ccc;
border-bottom: 0;
                margin: 0;
}

.content-box-content {
padding: 20px;
font-size: 13px;
border-top: 1px solid #ccc;
}

/************ Table ************/

#main-content table {
width: 100%;
border-collapse: collapse;
}

#main-content table thead th,
#main-content table tfoot th {
font-weight: bold;
font-size: 15px;
border-bottom: 1px solid #ddd;
}

#main-content tbody {
border-bottom: 1px solid #ddd;
}

#main-content tbody tr {
background: #fff;
}

#main-content tbody tr.alt-row {
background: #f3f3f3;
}

#main-content table td,
#main-content table th {
padding: 10px;
line-height: 1.3em;
}

#main-content table tfoot td .bulk-actions {

}

#main-content table tfoot td .bulk-actions select {
padding: 4px;
border: 1px solid #ccc;
    vertical-align: middle;
}

.driver-selection {
	width: 280px;
	display: none;
	vertical-align: middle;
}

.notify-driver {
	width: 130px;
	display: none;
	vertical-align: middle;
}
.notify-driver label {
    display: inline !important;
    margin-right: 5px !important;
    padding: 0 !important;
    vertical-align: middle !important;
}
.notify-driver input {
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}
.assignment-notify-driver {
	margin-bottom: 10px !important;
}

.send-email-input {
	width: 280px;
	display: none;
	vertical-align: middle;
}
.send-email-input label {
    display: inline !important;
    margin-right: 5px !important;
	padding: 0 !important;
    vertical-align: middle !important;
}
.send-email-input input {
    margin: 0 !important;
    vertical-align: middle !important;
}

/*************** Pagination ***************/

#main-content .pagination {
text-align: right;
padding: 20px 0 5px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.pagination a {
margin: 0 5px 0 0;
padding: 3px 6px;
}

.pagination a.number {
border: 1px solid #ddd;
}

.pagination a.current {
background: #469400 url('/images/bg-button-green.gif') top left repeat-x !important;
border-color: #459300 !important;
color: #fff !important;
}

.pagination a.current:hover {
text-decoration: underline;
}

/************ Shortcut Buttons ************/

.shortcut-button {
border: 1px solid #ccc;
background: #f7f7f7 url('/images/shortcut-button-bg.gif') top left no-repeat;
display: block;
width: 120px;
margin: 0 0 20px 0;
}

.shortcut-button span {
border: 1px solid #fff;
display:block;
padding: 15px 10px 15px 10px;
text-align: center;
color: #555;
font-size: 13px;
line-height: 1.3em;
}

.shortcut-button span img {
margin-bottom: 10px;
}

.shortcut-button:hover {
background: #fff;

}

.shortcut-button span:hover {
color: #57a000;
}

ul.shortcut-buttons-set li {
float: left;
margin: 0 15px 0 0;
padding: 0 !important;
background: 0;
}

/*************** Forms ***************/

form label {
display: block;
padding: 0 0 10px;
font-weight: bold;
}

label.checkboxlabel {
display: inline !important;
}

form fieldset legend {
font-weight: bold;
margin-bottom: 10px;
padding-top: 10px;
}

form p small {
font-size: 0.75em;
color: #777;
}


form input.text-input,
form select,
form textarea,
form .wysiwyg {
padding: 6px;
font-size: 13px;
background: #fff url('/images/bg-form-field.gif') top left repeat-x;
border: 1px solid #d5d5d5;
color: #333;
}

form .small-input {
width: 25% !important;
}

form .medium-input {
width: 50% !important;
}
form .long-input {
width: 97.5% !important;
}

form .full-input {
                width: 97.5% !important;
                }
form .medium-select2-input {
                width: 75% !important;
                }
form .large-select2-input {
                width: 97.5% !important;
                }

form .large-input {
width: 97.5% !important;
font-size: 16px !important;
padding: 8px !important;
}

form textarea {
width: 97.5% !important;
font-family: Arial, Helvetica, sans-serif;
}

form select {
padding: 4px;
background: #fff;
width: 250px !important;
}

form input[type="checkbox"],
form input[type="radio"] {
padding: 0;
background: none;
border: 0;
}
.field-note {
    font-size: 11px;
	display: block;
	margin-top: 4px;
	color: #777777;
}

.copies-quantity {
    width: 50px !important;
}

/*************** Notifications ***************/

.notification {
position: relative;
margin: 0 0 15px 0;
padding: 0;
border: 1px solid;
background-position: 10px 11px !important;
background-repeat: no-repeat !important;
font-size: 13px;
width: 99.8%;
}


.attention {
background: #fffbcc url('/images/icons/exclamation.png') 10px 11px no-repeat;
border-color: #e6db55;
color: #666452;
}

.information {
background: #dbe3ff url('/images/icons/information.png');
border-color: #a2b4ee;
color: #585b66;
}

.success {
background: #d5ffce url('/images/icons/tick_circle.png');
border-color: #9adf8f;
color: #556652;
}

.error {
background: #ffcece url('/images/icons/cross_circle.png');
border-color: #df8f8f;
color: #665252;
}

.notification div {
display:block;
font-style:normal;
padding: 10px 10px 10px 36px;
line-height: 1.5em;
}

.notification .close {
color:#990000;
font-size:9px;
position:absolute;
right:5px;
top:5px;
}

/* Notification for form inputs */

.input-notification {
background-position: left 2px;
background-repeat: no-repeat;
padding: 2px 0 2px 22px;
background-color: transparent;
margin: 0 0 0 5px;
}

/* Notification for login page */

#login-wrapper #login-content .notification {
border: 0;
background-color: #141414;
color: #fff !important;
}

/********************************      Login Page      ********************************/

body#login {
color: #fff;
background: #222 url('/images/bg-login.gif');
}

#login-wrapper {
background: url('/images/bg-login-top.png') top left repeat-x;
}

#login-wrapper #login-top {
width: 100%;
padding: 80px 0 50px 0;
text-align: center;
}

#login-wrapper #login-top #logo {
margin: 0;
/*border: 5px solid #EFEFEF;*/
}

#login-wrapper #login-content {
text-align: left;
width: 300px;
margin: 0 auto;
}

#login-wrapper #login-content label {
color: #fff;
font-weight: normal;
font-size: 14px;
font-family: Helvetica, Arial, sans-serif;
float: left;
width: 70px;
padding: 0;
}

#login-wrapper #login-content input {
width: 200px;
float: right;
margin: 0 0 20px 0;
border: 0;
background: #fff;
}

#login-wrapper #login-content p {
padding: 0;
}

#login-wrapper #login-content p#remember-password {
float: right;
}

#login-wrapper #login-content p#remember-password input {
float: none;
width: auto;
border: 0;
background: none;
margin: 0 10px 0 0;
}

#login-wrapper #login-content p .button {
width: auto;
margin-top: 20px;
}

/********************************      jQuery plugins styles      ********************************/

/*************** Facebox ***************/

#facebox .b {
  background:url(/images/b.png);
}

#facebox .tl {
  background:url(/images/tl.png);
}

#facebox .tr {
  background:url(/images/tr.png);
}

#facebox .bl {
  background:url(/images/bl.png);
}

#facebox .br {
  background:url(/images/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

/*************** jQuery WYSIWYG ***************/

div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; width: 97.5% !important; }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 5px 0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px; padding: 0 !important;  background: #ffffff; background-image: none !important;}
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; }
div.wysiwyg ul.panel li a { display: block; padding: 0 !important; width: 16px; height: 16px; background: url('/images/icons/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active {  }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }

div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html { background-position: -48px -48px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; }

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; width: 97.5% !important; }

/* approval display */
.approved-0 { background-color: #E55451 !important; color: #FFFFFF; }
.approved-1 { background-color: #FDD017 !important; }
.approved-2 { background-color: #5EFB6E !important; }

.approved-0 a { color: #FFFFFF; text-decoration: underline; }
.approved-1 a { color: #000000; text-decoration: underline; }
.approved-2 a { color: #000000; text-decoration: underline; }

.group {
	border-top: 1px solid #000;
}
.expanded-group{
	background: url("/images/icons/minus.jpg") no-repeat scroll left 10px center #E5E5E5;
	padding-left: 25px !important
}

.collapsed-group{
	background: url("/images/icons/plus.jpg") no-repeat scroll left 10px center #E5E5E5;
	padding-left: 25px !important
}

.status-red { background-color: #E55451 !important; color: #FFFFFF; }
.status-yellow { background-color: #FDD017 !important; }
.status-green { background-color: #5EFB6E !important; }

.status-red a { color: #FFFFFF; text-decoration: underline; }
.status-yellow a { color: #000000; text-decoration: underline; }
.status-green a { color: #000000; text-decoration: underline; }

.status-unallocated { background-color: #FF0000 !important; }
.status-unallocated a { color: #000000; text-decoration: underline; }
.status-allocated { background-color: #FF9900 !important; }
.status-allocated a { color: #000000; text-decoration: underline; }
.status-accepted { background-color: #339900 !important; }
.status-accepted a { color: #000000; text-decoration: underline; }
.status-collected { background-color: #3366ff !important; }
.status-collected a { color: #000000; text-decoration: underline; }
.status-completed { background-color: #FFFFFF !important; }
.status-completed a { color: #000000; text-decoration: underline; }

.actions_menu {
	margin-bottom:10px;
}

.ui-autocomplete.ui-menu {
	width:400px;
	padding: 6px;
	font-size: 13px;
	background: #fff url('/images/bg-form-field.gif') top left repeat-x;
	border: 1px solid #d5d5d5;
	color: #333;
}

.ui-menu .ui-menu-item a {
    padding:8px;
	display:block;
	line-height: 16px;
	width:382px;
	clear:both;
}

#password_strength_bar {
	border-radius: 6px;
	font-size: 13px;
	margin: 0 0 15px;
	padding: 0px;
	position: relative;
	width: 150px;
}

#login .change_password #password_strength_bar {
	float: right;
    width: 212px;
}

#password_strength_bar div {
	border-radius: 6px;
	display:block;
	font-style:normal;
	line-height:1em;
	padding: 10px 10px 10px 10px;
	text-align:center;
}
#password_strength_bar.score_1 div {
	background:#ff0d02;
	color: #a60901;
}
#password_strength_bar.score_2 div {
	background:#ff5401;
	color: #a60901;
}
#password_strength_bar.score_3 div {
	background:#ff5501;
	color: #a63800;
}
#password_strength_bar.score_4 div {
	background:#fe8b00;
	color: #a63600;
}
#password_strength_bar.score_5 div {
	background:#eeb400;
	color: #9b7500;
}
#password_strength_bar.score_6 div {
	background:#d1d600;
	color: #888b00;
}
#password_strength_bar.score_7 div {
	background:#b9ee00;
	color: #789b00;
}
#password_strength_bar.score_8 div {
	background:#abfb00;
	color: #6fa300;
}


.chzn-select {
	min-width: 150px;
}

.documents-fieldset {
	padding: 5px 0 10px;
}
.documents-fieldset label {
    font-size: 16px;
	font-weight: bold;
}

.driver-invoices .button {
    white-space: nowrap !important;
}

/* Action log */
.log-entries {
	max-height: 750px;
    overflow: auto;
	padding: 0 !important;
}
.log-entry {
    margin: 0 10px 10px 0;
	background: #fff url('/images/bg-form-field.gif') top left repeat-x !important;
}
.log-user-name {
    font-size: 1.2em;
    margin: 5px 0;
    padding: 0;
}
.logged-changes li {
	background-position: left 10px !important;
}
.logged-changed-property {
	font-weight: bold;
}
.logged-changed-values {
	overflow: hidden;
}
.logged-changed-value-before, .logged-changed-value-after {
	display: inline-block;
	width: 45%;
	background-color: #f9f9f9;
	padding: 10px;
	margin: 5px;
}
.logged-changed-value-full {
	display: block;
	background-color: #f9f9f9;
	padding: 10px;
	margin: 5px 12px 5px 5px;
}

.role-capabilities {

}
.role-capability-section {
	background-color: #FFFFFF;
	padding: 10px;
	margin: 10px 0;
	clear: both;
	overflow: hidden;
}
.role-capability-sub-section {
	float: left;
    margin-left: 10px;
    padding: 10px 10px 0 0;
    width: 30%;
}
.role-capability-sub-section h6 {
	padding-bottom: 10px;
}
.role-capabilities ul {
	padding: 0 !important;
	margin: 0 !important;
}
.role-capabilities li {
	display:block !important;
	background: none !important;
	margin: 0 0 10px 0 !important;
    padding: 0 !important;
}
.role-capabilities li label {
	display: inline !important;
}
.role-capabilities li .capability{
	margin: 0 5px;
    vertical-align: bottom;
}

#capabilities-fieldset .capabilities label {
	display: inline-block;
	padding: 0;
	vertical-align: middle;
}
#capabilities-fieldset .capability {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

#capabilities-fieldset .capabilities ul {
	padding-top: 0;
}
.choose-capabilities-label {
	padding: 0;
}
.role-capabilities .toggle-all {
    font-size: 10px;
}
.user-role-select {
	width: 100px;
}

.driver-confirmation {
    text-align: right;
}

/* Job Dates Filtering */
.clear-dates {
    display: none;
}
.date-filters label {
    display: inline-block;
}

/* Jobs Lists Comments */
.comments-link {

}
.comments-available {

}
.comments-not-available {
    cursor: default;
}

.bank-fields {
	float: left;
	width: 60%;
}

.bank-fields .medium-input {
	width: 90% !important;
}

.clear {
	clear: both;
}

#save-message {
	background: #ffcece;
    border: 2px solid #AA1111;
	float: right;
	max-width: 300px;
	margin-right: 100px;
	margin-top: 60px;
	border-radius: 3px;
	padding: 0;
}

#save-message p {
	padding: 0;
	padding: 10px 10px 10px 36px;
	background: url('/images/icons/exclamation-red.png') 10px 50% no-repeat;
	color: #000;
	font-weight: bold;
}

#save-message h3 {
	border-bottom: 1px solid #AA1111;
	padding: 5px 10px;
	background: #AA1111;
	color: #fff;
}

#save-message a.close {
	float: right;
	padding: 3px 5px;
}

.password-instructions strong {
	color: #fff !important;
}

.password-instructions ul {
	list-style-type: circle;
	margin-left: 20px;
}

.error-message {
    padding: 2px 10px;
    margin-left: 20px;
    background: #111;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
}

.attention-message {
	color: #d30000;
}

.address-info {
	background: #dbe3ff;
	color: #585b66;
	padding: 5px 10px;
	border: 1px solid #a2b4ee;
	margin-top: 7px;
	margin-bottom: 10px;
}

.unlock {
	margin-left: 5px;
	padding: 6px;
	border-radius: 4px;
	border: 0;
}

.environment-marker {
	z-index: 1000;
	border-radius: 0 !important;
	clear: both;
}

#main-content tbody tr.bank-details {
	background: #fffbcc !important;
}

.not-set {
	background: url('/images/icons/exclamation.png') 10px 11px no-repeat;
	background-repeat: no-repeat;
	padding: 10px 0px 10px 30px;
}

label.control {
	font-weight: bold;
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
}
#qrcontain {
	text-align: center;
}

#QRinstructions .left,
.qrhelper .left {
	width: 20%;
	float: left;
}

#QRinstructions .right,
.qrhelper .right {
	width: 80%;
	float: right;
}

#QRinstructions ul li {
	background: none;
}

#QRinstructions ol li ul li {
	list-style: circle;
	margin-left: 20px;
}

/* Site Release */
#version-number {
	position: fixed;
	bottom: 10px;
	right: 300px;
	color: #FFF;
	text-shadow: 1px 1px #000;
	margin: 0;
	padding: 10px 15px;
	background: rgba(0,0,0,.5);
	border-radius: 5px;
}