/* structural styles ... */

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
blockquote,
pre,
form,
fieldset,
table,
th,
td,
select {
  margin: 0;
  padding: 0;
}

html {
  padding: 0;
  margin: 0;
  font: 13px/18px 'Lato', 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 400;
  background-color: #000;
}

#communication h4 {
  margin: 4px 0;
  padding: 0 0 4px 0;
  border-bottom: 1px solid #DDDDDD;
}

#reminders {
  height: 210px;
  overflow: auto;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 16px;
}

#communication {
  height: 910px;
  overflow: auto;
  border-bottom: 1px solid #DDDDDD;
}

.hider {
  display: none;
}

form.addform {
  margin: 0;
}

sup {
  font-size: 7px;
}

body {
  text-align: center;
  margin: 0;
  padding: 0;
  background: #222;
  color: #444;

}

img {
  border: none;
}

ins {
  text-decoration: none;
}

div label {
  font-weight: 600;
}

.btn-primary {
  background: unset;
  color: #FFFFFF;
  background-color: #8FD045;
  border-color: #87C244;
  border-radius: 2px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #FFFFFF;
  background-color: #87BD49;
  border-color: #87C244;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #8FD045;
  border-color: #87C244;
}

.btn-primary .badge {
  color: #8FD045;
  background-color: #FFFFFF;
}

.badge {
  padding: 2px 4px;
  border-radius: 6px;
}

.required label:after {
  content: ' *';
}

.ajaxsearch {
  position: relative;
}

.spinner {
  background: transparent url(/img/ajax-loader.gif) no-repeat;
  width: 16px;
  height: 16px;
  margin-top: 6px;
  margin-right: 10px;
  display: none;
  position: absolute;
  z-index: 10;
  right: 40px;
  top: 1px;
}

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

#logo_container {
  width: 200px;
  height: 40px;
  float: left;
}

#logo_container h1.logo {
  font-size: 22px;
  line-height: 140%;
  font-weight: 300;
  color: #FFF;
  float: left;
  margin: 4px 5px 0px 4px;
}

#logo_container h1.logo a {
  color: #FFF;
  text-decoration: none;
  font-weight: 300;
  font-size: 22px;
}


#logo {
  width: 30px;
  height: 25px;
  background-image: url(/img/hq_logo_30.png);
  background-repeat: no-repeat;
  float: left;
  margin: 8px 0px;
}

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

.clearfix {
  display: inline-block;
}

/* Hide from IE Mac \*/
.clearfix {
  display: block;
}

/* End hide from IE Mac */

.panel {
  background-color: #EEE;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-radius: 6px;
}

span.note,
p.note {
  font-size: 10px;
  color: #999999;
}

.client-note h4 {
  margin-top: 0;
}

.note-created-date {
  font-size: 0.8em;
  line-height: 120%;
}



p.actionpadding {
  clear: both;
}

.leftfloatimage {
  float: left;
  margin: 0 20px 20px 0;
}

.rightfloatimage {
  float: right;
  margin: 0 0 20px 20px;
}

ul.actions li.doublebtn a {
  width: 160px;
}

/*  ... structural styles */


.textupper {
  text-transform: uppercase;
}


h1,
h2,
h3 {
  margin: 10px 0;
  font-family: 'Montserrat', 'Lato', sans-serif;
  font-weight: 300;
  color: #444;
  text-transform: uppercase;
}

h4 {
  font-weight: 300;
}


/* default site text ... */


p,
ul,
ol,
h1,
h2 {
  margin-bottom: 12px;
}


h2 {
  color: #364551;
  font: normal 18px/18px;
  margin-bottom: 12px;
}

h3 {
  color: #364551;
  font-weight: 400 !important;
}

b,
strong {
  font-weight: bold;
}

h1 a {
  color: #690;
  font-size: 14px;
}

ul {
  position: relative;
  z-index: 0;
  padding-left: 12px;
  margin-left: 0px;
}

ol {
  padding-left: 24px;
  margin-left: 36px;
}

li {
  margin-left: 8px;
  padding: 0px;
  text-align: left;
}

a {
  color: #690;
  font-weight: 400;
}

a:hover {
  color: #470;
}

a.white:hover {
  color: #FFF;
  text-decoration: none;
}

label {
  display: block;
}

fieldset {
  width: auto;
}



/* ... default site text */


table.report {}

table.report tr>td {}

table.report tr>th {
  width: 200px;
}




/* floated items ... */

.left {
  float: left;
  margin: 0 18px 18px 0;
}

.right {
  float: right;
  margin: 0 0 18px 18px;
}

.callout {
  border: 1px solid #ddd;
  padding: 8px 10px;
  margin-bottom: 18px;
}

.callout :last-child {
  margin-bottom: 0;
}

/* ... floated items */



#l3_logo {
  position: absolute;
  top: 15px;
  left: 35px;
  width: 187px;
  height: 67px;
  background-image: url('/img/logo.gif');
  background-repeat: no-repeat;
  background-position: left top;
  background-color: transparent;
  border: 0px solid red;
  z-index: 20000;
}

#main_content {
  position: relative;
  _height: 660px;
  height: 100%;
  min-height: 660px;
  width: 100%;
  background: #FFFFFF;
  margin: 0 auto 0 auto;
  text-align: center;
  padding-bottom: 50px;

}

#top_section {
  position: relative;
  background: black;
  width: 100%;
  margin: 0;
  clear: both;
  text-align: center;
  background: black;
  z-index: 200;
}

#head_content {
  position: relative;
  height: 40px;
  width: 90%;
  margin: 0 auto;
  clear: both;
  text-align: left;
}

#printer {
  top: 0;
  right: 0;
  position: absolute;
  color: #CCC;
}

#menu_row {
  background-color: #9C3;
  height: 32px;
  width: 100%;
  position: relative;
  z-index: 10;
  text-align: left;
  background: #a2d063;
  /* Old browsers */
  background: -moz-linear-gradient(top, #a2d063 0%, #87c03c 50%, #7dbc2d 51%, #68ac21 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a2d063), color-stop(50%, #87c03c), color-stop(51%, #7dbc2d), color-stop(100%, #68ac21));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #a2d063 0%, #87c03c 50%, #7dbc2d 51%, #68ac21 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #a2d063 0%, #87c03c 50%, #7dbc2d 51%, #68ac21 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #a2d063 0%, #87c03c 50%, #7dbc2d 51%, #68ac21 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2d063', endColorstr='#68ac21', GradientType=0);
  /* IE6-9 */
  background: linear-gradient(top, #a2d063 0%, #87c03c 50%, #7dbc2d 51%, #68ac21 100%);
  /* W3C */
  border-top: 1px solid #4f8904;
  border-bottom: 1px solid #4f8904;
}

#menu_row div {
  position: relative;
  margin: 0 auto;
  width: 90%;
}

#menu {
  width: 200px;
  height: auto;
  background-color: #FFF;
  position: absolute;
  top: 6px;
  right: 6px;
  border: 2px solid #096cbf;
  color: #333;
  padding: 5px;
}

#menu input,
#menu textarea {
  margin: 5px;
  border: 1px solid #FFF;
  padding: 5px;
  font-size: 14px;
  font-weight: 200;
  padding-left: 8px;
  padding-right: 8px;
}

#menu input:hover {
  /*
	background-color: #09F;
	cursor: pointer;
*/
}

ul#nav {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  width: auto;
  border-left: 1px solid #99CC66;
  border-right: 1px solid #669933;
  display: inline-block;
  text-align: left;
  height: 32px;
  z-index: 1000;
}

ul#nav li.baricon {
  margin: 0;
  text-indent: 0;
  font-size: 0.75rem;
  background-position: center 1px;
  float: left;
  display: block;
  line-height: 28px;
  background-repeat: no-repeat;
  border-left: 1px solid #7A4;
  border-right: 1px solid #8B5;
  position: relative;
  cursor: s-resize;
  background: none;
}

ul#nav li.baricon:hover {
  color: white;
  background: #6c953e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6c953e 0%, #65982c 50%, #5b921c 51%, #61a11e 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6c953e), color-stop(50%, #65982c), color-stop(51%, #5b921c), color-stop(100%, #61a11e));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #6c953e 0%, #65982c 50%, #5b921c 51%, #61a11e 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #6c953e 0%, #65982c 50%, #5b921c 51%, #61a11e 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #6c953e 0%, #65982c 50%, #5b921c 51%, #61a11e 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c953e', endColorstr='#61a11e', GradientType=0);
  /* IE6-9 */
  background: linear-gradient(top, #6c953e 0%, #65982c 50%, #5b921c 51%, #61a11e 100%);
  /* W3C */
  border-left: 1px solid #5c872d;
  border-right: 1px solid #5c872d;
}

ul#nav li.baricon a {
  padding: 0px 12px;
  /* 0px 32px;*/
  color: #ffffff;
  display: block;
  width: auto;
  text-decoration: none;
  height: 32px;
  font-size: 16px;
  line-height: 32px;
  background-repeat: no-repeat;
  background-position: 6px 3px;
}

/*ul#nav li.baricon.hive a {
	background-image: url(/img/hq-hive-icon-24.png);
}

ul#nav li.baricon.users a {
	background-image: url(/img/hq-user-icon-24.png);
}

ul#nav li.baricon.clients a {
	background-image: url(/img/hq-client-icon-24.png);
}

ul#nav li.baricon.objectives a {
	background-image: url(/img/hq-objective-icon-24.png);
}

ul#nav li.baricon.projects a {
	background-image: url(/img/hq-project-icon-24.png);
}

ul#nav li.baricon.tasks a {
	background-image: url(/img/hq-task-icon-24.png);
}

ul#nav li.baricon.processes a {
	background-image: url(/img/hq-processes-icon-24.png);
}

ul#nav li.baricon.secrets a {
	background-image: url(/img/hq-secrets-icon-24.png);
}

ul#nav li.baricon.summary a {
	background-image: url(/img/hq-summary-icon-24.png);
}

ul#nav li.baricon.logout a {
	background-image: url(/img/hq-logout-icon-24.png);
}

ul#nav li.baricon.invoices a {
	background-image: url(/img/hq-finance-icon-24.png);
}

ul#nav li.baricon.videos a {
	background-image: url(/img/hq-video-icon-24.png);
}

ul#nav li.baricon.messages a {
	background-image: url(/img/hq-message-icon-24.png);
}

ul#nav li.baricon a:hover {
	color: white;
}*/

ul#nav li.subicon a {
  padding: 0px 8px;
  color: #ffffff;
  display: block;
  width: 200px;
  text-decoration: none;
  height: 30px;
  background-repeat: no-repeat;
  background-position: 4px 4px;
  padding-top: 0;
  /*padding-left: 28px;*/
  font-size: 14px;
  line-height: 24px;
}

/*ul#nav li.subicon.users a, ul#nav li.baricon.users li a {
	background-image: url(/img/hq-user-icon-16.png);
}

ul#nav li.subicon.time a {
	background-image: url(/img/hq-time-icon-16.png);
}

ul#nav li.baricon.projects li a {
	background-image: url(/img/hq-project-icon-16.png);
}

ul#nav li.baricon.projects li.subicon.tasks a {
	background-image: url(/img/hq-task-icon-16.png);
}

ul#nav li.baricon.objectives li a {
	background-image: url(/img/hq-objective-icon-16.png);
}

ul#nav li.baricon.processes li a {
	background-image: url(/img/hq-processes-icon-16.png);
}

ul#nav li.baricon.summary li a {
	background-image: url(/img/hq-summary-icon-16.png);
}

ul#nav li.baricon.clients li a {
	background-image: url(/img/hq-client-icon-16.png);
}

ul#nav li.baricon.clients li.subicon.groups a {
	background-image: url(/img/hq-groups-icon-16.png);
}

ul#nav li.baricon.summary li.subicon.videos a {
	background-image: url(/img/hq-video-icon-16.png);
}

ul#nav li.baricon.messages li.subicon.messages a {
	background-image: url(/img/hq-message-icon-16.png);
}

ul#nav li.baricon.invoices li.subicon.invoices a {
	background-image: url(/img/hq-finance-icon-16.png);
}

ul#nav li.baricon li.subicon.addobjective a {
	background-image: url(/img/hq-objective-icon-16.png);
}*/

ul#nav[:last-child] {
  border-right: none;
}

ul#nav ul {
  display: none;
  position: absolute;
  padding: 0;
  top: 32px;
  left: 0;
  margin-left: 0;
  z-index: 200;
}

ul#nav ul li {
  display: block;
  margin: 0;
  border: 1px solid #8B2;
  border-top-color: #AD4;
  background-color: #99CC33;
  color: #336600;
  /*text-shadow: #CCFF66 1px 1px 1px*/
  ;
  text-align: left;
  padding: 0;
  width: 220px;
  cursor: pointer;
  font-size: 10px;
  height: 24px;
  z-index: 200;
}

ul#nav ul li a {
  background-position: 10px 50%;
  width: 240px;
  padding: 8px 0 14px 40px;
}

ul#nav li.over,
ul#nav ul li:hover {
  background-color: #669933;
  color: #CCFF99;
  /*text-shadow: #003300 -1px -1px 1px;*/
  text-shadow: none;
}

ul#nav li.active ul {
  /*, ul#nav li:hover ul {*/
  display: block;
}

.message_content {
  position: relative;
  text-align: center;
  background: #99CC33;
  border: 1px solid #336600;
  color: #336600;
  padding: 20px 0;
  margin-top: 10px;
  margin-bottom: 20px;
}

.message_content div,
div.warning_box {
  margin: 0 20px;
  position: relative;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
}

.message_content div * {
  font-size: 14px;
  color: #336600;
}

div.warning_box div {
  margin: 12px;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
}

div.warning_box div ul {
  margin: 6px 2px;
  font-size: 12px;
}

div.warning_box div ul li {
  margin: 4px;
  font-size: 12px;
}

div.warning_box {
  padding: 0;
  margin-bottom: 10px;
}

#inner_content {
  position: relative;
  _height: 520px;
  min-height: 520px;
  width: 90%;
  background: #FFFFFF;
  margin: 0 auto 36px auto;
  padding: 20px 0;
  text-align: left;
}

#profile_login {
  position: relative;
  float: right;
  right: 0;
  top: 0;
  width: auto;
  height: 36px;
}

#copyright {
  width: 100%;
  text-align: center;
  border-top: 1px solid #CCC;
  background: black;
  margin: 0 auto;
  height: 50px;
  color: #666;
  padding: 20px 0;
  font-size: 0.8rem;
  font-weight: 600;
}

.date-form select {
  width: auto;
}

#searchform {
  display: none;
  position: relative;
  float: right;
  font-size: 12px;
  line-height: 0;
  height: 20px;
  padding: 0;
  top: 0;
}

#searchform.wide {
  width: 420px;
}

#printer {
  float: right;
  font-size: 12px;
  width: 360px;
}

#client_programme {
  width: 190px;
}

#work_done {
  clear: left;
  display: block;
  margin-top: 36px;
  width: 340px;
}

#timesheet_add,
#message_add {
  height: 250px;
}

#message_box {
  clear: right;
  float: right;
  display: block;
  margin-top: 36px;
  width: 340px;
}

#jobcloud {
  border: 1px solid #CCC;
  height: 200px;
  _height: auto;
  min-height: 200px;
  padding: 4px 12px;
}

#jobcloud a {
  text-decoration: none;
}

#jobcloud a:hover {
  color: maroon;
}

form.searchform {
  margin-top: 10px;
}

#searchform div {
  margin-bottom: 0;
  margin-right: 6px;
  margin: 4px 0px;
}

#searchform div label {
  margin: 10px 5px;
}

#searchform div div select {
  float: right;
}

#searchform div div label {
  float: left;
}

#searchform div.submit {
  float: right;
  margin: 0;
}

#searchform input[type=submit] {
  margin: 0;
}

div#client_mgt_panel {
  height: 550px;
  clear: both;
}

div.login_form_box {
  float: left;
  padding: 0px 1px 0 0;
  text-align: left;
  vertical-align: bottom;
  width: 80px;
  font-size: 10px;
  font-family: Tahoma, Verdana, sans-serif;
}

div.related {
  clear: both;
  margin: 20px 0 0 0;
}

div.auto_complete {
  background-color: white;
  border: 1px solid #CCC;
}

div.auto_complete ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

div.auto_complete ul li {
  list-style: none;
  border-bottom: 1px solid #99CC99;
  margin-left: 0;
  padding: 4px;
}

div.auto_complete ul li:hover {
  background-color: #CCC;
  cursor: pointer;
}


div#profile_panel {
  margin: 0px 0 12px 0;
  border: 0px solid #9C9C9C;
  border-bottom-color: #696969;
  border-right-color: #696969;
  width: 100%;
  background-color: #364551;
  color: #FFF;
}

div#profile_panel div#console_top {
  height: 22px;
  padding: 4px 6px;
}

#end_date_select {
  display: none;
}

ul.checkboxMultiple {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.checkboxMultiple li {
  display: block;
  float: left;
  width: 220px;
  margin: 0 8px 0 0;
}

div.action-box {
  height: 80px;
  text-align: right;
}

div.action-box-shallow {
  height: auto;
  text-align: right;
}

ul.actions {
  list-style: none;
  white-space: nowrap;
  height: 40px;
  margin: 10px 0 10px;
  padding-left: 1px;
  float: right;
  border: 1px thin white;
  display: block;
  clear: both;
}

/*
ul.actions.left {
margin: 0;
padding: 0;
float: left;
}

ul.actions li {
position: relative;
float: left;
height: 26px;
width: 80px;
text-align: center;
margin: 0 1px 0 0;
}

ul.actions li a {
display: block;
text-decoration: none;
color: #666;
font: normal 11px/24px Helvetica, Arial, sans-serif;
width: 100%;
height: 26px;
background-color: #CCC;
text-align: center;
}

ul.actions li a.ok {
background-color: #336600;
color: white;
}

ul.actions li a.alert {
background-color: #C00;
color: white;
}

ul.actions li a:hover {
color: #FFF;
background-color: #99CC33;
}*/
ul.item_detail_actions {
  margin: 10px 0 60px 0;
  float: right;
  clear: both;
  height: 50px;
  display: block;
}


/* menu styles */
ul#menu,
ul#personal_menu {
  position: relative;
  float: right;
  clear: right;
  list-style: none;
  white-space: nowrap;
  height: 26px;
  width: auto;
  margin-bottom: 10px;
  /* border: 1px solid red; */
}

ul#menu {
  z-index: 1000;
}

ul#menu li,
ul#personal_menu li {
  position: relative;
  font: normal 14px/24px Helvetica, Arial, sans-serif;
  float: left;
  height: 26px;
  width: 80px;
  text-align: center;
  margin: 0 1px 0 0;
}



ul#menu li a,
ul#personal_menu li a,
table.list_table td.actions div.confirm_button {
  display: block;
  text-decoration: none;
  color: #666;
  font: normal 14px/24px Helvetica, Arial, sans-serif;
  width: 100%;
  height: 26px;
  background-color: #CCC;
  text-align: center;
}

ul#menu li a:hover,
ul#personal_menu li a:hover {
  display: block;
  text-decoration: none;
  color: #FFF;
  width: 100%;
  background-color: #99CC33;
}

ul#menu * {
  list-style: none;
}

ul#menu li ul {
  display: none;
  z-index: 10000;
}

ul#menu li ul * {
  font-size: 10px;
}

ul#menu li:hover ul {
  display: block;
}

ul#menu li ul {
  margin: 0;
  padding: 0;
}

* html ul#menu li {
  float: left;
  height: 1%;
}

* html ul#menu li a {
  height: 1%;
}

li:hover ul,
li.over ul {
  display: block;
}

* html ul li {
  float: left;
  height: 1%;
}

* html ul li a {
  height: 1%;
}

li ul li:hover ul,
li ul li.over ul {
  display: block;
}

.fw {
  text-align: center;
  font-weight: bold;
}

table.list_table * {
  vertical-align: top;
}

.display {
  font: bold 16px/24px Helvetica, Arial, sans-serif;
}

/* tabular data styles */

.sort_links {
  color: #999;
  font-size: 11px;
  margin-bottom: 20px;
  width: 100%;
  text-align: right;
}

.sort_links a {
  color: #666;
}

table.list_table {
  /* border: 1px solid #990000; */
}

table.list_table th {
  background: #222222 url('/img/bg.jpg') repeat-x;
  padding: 4px 6px;
  color: white;
  border-bottom: 1px solid white;
  border-left: 1px solid #CCC;
}

table.list_table tr.last td,
td.last {
  border-bottom: 1px solid white;
}

table.list_table td {
  background: #999999;
  padding: 4px 6px;
  color: white;
}

table.list_table.franchisor_finances *,
table.list_table.franchisor_finances td * {
  font-size: 9px;
}

table.list_table.franchisor_finances tr.fees td {
  background: #a276d9;
  color: #fff;
}

table.list_table.franchisor_finances tr.totals td {
  background: #b485ef;
}

table.list_table.franchisor_finances tr.totals.fees td {
  background: #d1b7f2;
  color: white;
}

table.list_table td.borderbottom {
  border-bottom: 1px solid white;
}

table.list_table td.whitebg {
  background-color: white;
  color: #666;
}

table.list_table td a,
table.list_table td.whitebg table td a {
  color: white;
}

table.list_table td.whitebg a {
  color: #666;
}

table.list_table td a.dark,
table.list_table td.whitebg table td a.dark {
  color: #333;
}

table.list_table h3 {
  font-size: 12px;
  color: white;
  margin: 0;
  padding: 0;
}

table.list_table p.allocation {
  color: #333;
  margin: 0;
  padding: 0;
  font-size: 12px;
}

table.list_table p.data,
span.mini {
  color: #333;
  margin: 0;
  padding: 0;
  font-size: 9px;
}

table.list_table td.actions {
  padding: 0;
  font-size: 12px;
}

table.list_table td.actions a {
  font-size: 12px;
}

table.list_table td.actions a.ok,
table.list_table td.actions div.confirm_button.ok {
  background-color: #336600;
  color: white;
  font-size: 12px;
  line-height: 24px;
}

table.list_table td.actions a.alert {
  background-color: #CC0000;
  color: white;
}

table.invoice-detail {
  margin: 30px 0;
}

dl#item_detail {
  width: 200px;
  float: left;
}

dl#item_detail a {
  color: black;
}

dl.item_detail {
  width: 100%;
}

dl.item_detail a {
  color: white;
}

.f_right {
  width: 350px;
  float: right;
  clear: right;
}

.table .textright,
.textright,
.table .numeric {
  text-align: right;
}

.table td.textleft,
.textleft {
  text-align: left;
}

ul.dropdown-menu li {
  margin: 0;
}

dl#item_detail_description,
div.item_detail_description {
  float: right;
  clear: right;
}

div.item_detail_description {
  width: 450px;
  min-height: 200px;
  border: 1px dotted #CCC;
  padding: 6px 12px;
}

dl#item_detail_description dt {
  padding: 2px 6px;
  font-size: 12px;
  color: #999999;
  border-left: 1px solid white;
  vertical-align: top;
  width: 350px;
  display: block;
  clear: both;
  border-bottom: 1px solid white;
}

dl#item_detail_description dd {
  padding: 6px;
  font-size: 12px;
  color: #666666;
  border-left: 1px solid white;
  vertical-align: top;
  width: 350px;
  display: block;
  clear: both;
  border-bottom: 1px solid white;
}

dl#item_detail dd {
  padding: 2px 6px;
  font-size: 12px;
  border-left: 1px solid white;
  vertical-align: top;
  width: 200px;
  display: block;
  /* float: left; */
  clear: right;
  border-bottom: 1px solid white;
}

dl.item_detail dd {
  padding: 2px 6px;
  font-size: 12px;
  border-left: 1px solid white;
  vertical-align: top;
  width: 200px;
  display: block;
  /* float: left; */
  clear: right;
  border-bottom: 1px solid white;
}

/*dt {
padding: 2px 6px;
font-size: 12px;
color: #999999;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
vertical-align: top;
display: block;
clear: both;
border-bottom: 1px solid white;
}*/

table.invoice {
  margin-top: 20px;
  margin-bottom: 20px;
}

table.invoice th {
  width: 135px;
  text-align: left;
  margin-bottom: 2px;
  padding-bottom: 2px;
  font-weight: 700;
}

table.invoice td {
  display: inline-block;
  float: left;
  text-align: left;
  width: 120px;
  margin-bottom: 2px;
  padding-bottom: 2px;
}

table.invoice.invoice-totals th {
  width: 135px;
  text-align: left;
}

table.invoice.invoice-totals td {
  display: inline-block;
  text-align: right;
  width: 120px;
}

div.horiz-scroll {
  overflow-x: auto;
  width: 100%;
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 0;
}

div.horiz-scroll table {
  margin-bottom: 0;
}

table td.paid,
div.key div.paid {
  background-color: #693;
  color: #FFF;
}

table td.outstanding,
div.key div.outstanding {
  background-color: #C00;
  color: #FFF;
}

div.key {
  float: right;
}

div.key * {
  float: left;
  width: auto;
}

div.key div.key-item {
  padding: 4px 12px;
}

div.key h4 {
  margin: 2px 12px 0 0;
  padding: 0;
}

div.invoice-footer {
  position: absolute;
  top: 320mm;
  width: 200mm;
  text-align: center;
}

div.info_box {
  color: #364551;
  border: 0px solid #364551;
  background-color: #E4D7B6;
  padding: 6px 12px;
}

.value {
  padding: 2px 4px;
}

.colhead {
  padding: 2px 4px;
  color: #364551;
  border: 1px solid #999;
  border-bottom-width: 0px;
  background-color: #E4D7B6;
}

.resultcell {
  padding: 3px;
}

.contentcol {
  padding-right: 20px;
  vertical-align: top;
}

.altrow1 {
  background: #E8E2D1;
}

.altrow2 {
  background: #EEEBE4;
}

.note,
.note * {
  font-size: 10px;
}

span.dark,
td *.dark {
  color: #333;
}

input.quantity {
  width: 50px;
}

div.checkbox {
  padding-top: 30px;
}

div.checkbox label {
  padding-top: 0;
  margin-top: 0;
}


/* rss feed styles ... */

div#rssfeed {
  margin: 20px 0 0 0;
  position: relative;
  background-color: #E4D7B6;
  border: 1px solid #999;
}

div#rssfeed div.rssfeeder {
  margin: 0;
  padding: 2px 10px;
  background-color: #EEE;
  _height: 30px;
  _width: 100%;
  border-bottom: 1px solid #FFF;
}

div#rssfeed ul {
  margin: 10px 20px 20px 0;
}

div#rssfeed ul li {
  margin-left: 20px;
  font-size: 10px;
}

div#rssfeed ul li a.feedlink {
  font-size: 12px;
}

span.feeddescription {
  color: #888;
}



/* ... rssfeeder styles */




/* image styles */







/* customised site text styles ... */





/* ... custom text styles */





/* faqs ... */

.faq_question {
  font-weight: normal;
  text-decoration: none;
}

/* ... faqs */



/* form element styles ... */

/*input, select {
border-width: 1px;
border-color: olive;
height: 18px;
line-height: 14px;
padding: 1px;
}*/

select {
  padding: 0;
}

.addform label {
  margin-top: 6px;
}

.halfpage input,
.halfpage select.fullwidth,
.halfpage textarea {
  /*width: 300px;*/
}

.addform label {
  margin-bottom: 0;
}

.inline-label {
  display: inline;
}

.addform .chckbx {
  width: 20px;
}

.addform .datetime {
  width: auto;
}

.addform .savebtn {
  margin-top: 6px;
}

.addform .inline-options label {
  display: inline;
  margin-left: 10px;
  margin-right: 20px;
}

div.submit {
  margin: 20px 0;
}

.formselect {
  border-width: thin;
  border-style: inset;
  border-color: rgb(102, 0, 0);
  background: rgb(240, 240, 240);
}

.mini {
  font-size: 12px;
  width: 79px;
  height: 20px;
}

.redbtn {
  background: rgb(153, 0, 0);
  color: #FFF;
  border-color: rgb(153, 0, 0);
  border-width: thin;
  height: 20px;
  font-size: 10px;
  text-align: right;
  padding: 0px 5px;
  cursor: pointer;
  _cursor: hand;
}

optgroup {
  font-weight: bold;
  text-decoration: none;
  font-style: normal;
}

optgroup option {}

/*div.submit input, input.submit {
border: none;
text-decoration: none;
color: #666;
font: normal 11px/24px Helvetica, Arial, sans-serif;
height: 26px;
background-color: #CCC;
text-align: center;
width: 300px;
margin-top: 12px;
}

div.submit input:hover, input.submit {
color: #FFF;
background-color: #9C3;
cursor: pointer;
}*/

.form-error {
  /*background: #CCFF66;*/
  color: #b94a48;
  border: 1px solid #b94a48;
  box-shadow: 5px 5px 0 #b94a48;
}

.error-message {

  padding: 0px 0 6px;
  color: #b94a48;
}


/* form element styles ... */

.vaclisttable {
  clear: both;
  border-collapse: separate;
  border-spacing: 2px;
}

.vaclisttable tr td {}

.apptable .value {
  background-color: #CCF;
}

#beehive_icon {
  background-image: url(/img/hq-hive-icon-32.png);
  float: right;
  width: 32px;
  height: 32px;
  margin: 3px;
}

#franchise_logo {
  /*background-image: url(/img/hq-hive-icon-64.png);*/
  float: right;
  width: auto;
  height: 32px;
  margin: 3px 6px 0 6px;
  text-align: right;
  display: table;
}

#franchise_logo .inner {
  display: table-cell;
  vertical-align: middle;
}

#franchise_logo img {
  vertical-align: middle;
}

#logged_in {
  float: right;
  color: #9A3;
  background-color: #121;
  margin-top: 3px;
  padding: 4px 10px;
  margin-right: 6px;
  border: 1px solid #232;
  border-radius: 4px;
  border-bottom-color: #333;
}

#redder_clock {
  position: absolute;
  top: 0px;
  left: 320px;
  width: 80px;
  height: 26px;
  background-color: #333;
  background-image: url(/img/lcd.gif);
  color: #CCC;
  z-index: 20000;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1px;
}

#redder_clock .div1 {
  color: #444;
  position: absolute;
  top: 5px;
  left: 0;
  z-index: 20002;
  width: 78px;
}

#redder_clock .div2 {
  top: 6px;
  left: 1px;
  color: #885;
  position: absolute;
  z-index: 20001;
  width: 78px;
}

#redder_clock blink {
  color: #666;
}

.table th.rotate {
  height: 260px;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  width: auto;
}

table th.rotate>div {
  width: 20px;
  text-align: left;
  transform: translate(0px, 100px) rotate(-90deg);
  /* Safari */
  -webkit-transform: translate(0, 120px) rotate(-90deg);
  /* Firefox */
  -moz-transform: translate(0, 120px) rotate(-90deg);
  /* IE */
  -ms-transform: translate(0, 120px) rotate(-90deg);
  /* Opera */
  -o-transform: translate(0, 120px) rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.nowrap {
  white-space: nowrap;
}

.table.calendar td {
  margin: 1px 0;
  padding: 4px 2px;
  background-color: #ebf3df;
  border: 1px solid #FFFFFF;
}

.table.calendar td div.day {
  min-height: 100px;
  display: block;
}

.table div.checkbox,
div.waste-form div.checkbox {
  margin: 0;
  padding-top: 0;
}

div.waste-form h5 {
  margin-top: 0;
  padding-top: 0;
}

div.waste-form div.signature {
  display: block;
}

div.waste-form div.signature-box {
  height: 100px;
  border: 1px solid #ccc;
  background-color: #fff;
  text-align: center;
  position: relative;
  display: table;
}

div.waste-form .signature-box.vmid {
  vertical-align: middle;
}

div.waste-form div.signature-box div.signature-frame {
  margin: auto;
  display: table-cell;
  vertical-align: middle;
  /*border: 1px solid red;*/
  text-align: center;
}

div.waste-form div.signature-box img.signature-landscape {
  width: 100px;
  margin: auto;
}

div.waste-form div.signature-box img.signature-portrait {
  height: 75px;
  margin: auto;
}

table.table.invoice-list td.sent {
  background-color: #669933;
}

a.date {
  padding: 4px 8px 6px 8px;
  margin-bottom: 2px;
  color: #c09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 70%;
  line-height: 150%;
  display: block;
}

a.date i {
  display: block;
  float: left;
}

a.date span {
  display: block;
  padding-left: 20px;
}

a.date-note {
  color: #003f7f;
  background-color: #aad4ff;
  border-color: #007fff;
}

a.date-reminder {
  color: #7f7f00;
  background-color: #ffffaa;
  border-color: #bfbf00;
}

a.date-phonecall {
  color: #553366;
  background-color: #DDCCEE;
  border-color: #887799;
}

a.date-email {
  color: #664400;
  background-color: #ffdd66;
  border-color: #998800;
}

a.date-meeting {
  color: #3f7f00;
  background-color: #d4ffaa;
  border-color: #5fbf00;
}

a.date-quote {
  color: #4A4F2D;
  background-color: #AECC23;
  border-color: #7F8252;
}

a.date-clientcontact {
  color: #583A52;
  background-color: #D5B1A2;
  border-color: #97708A;
}

a.date-general {
  color: #444;
  background-color: #BBB;
  border-color: #777;
}

a.date-job {
  color: #334400;
  background-color: #99BB33;
  border-color: #779900;
}

div#contact-list a.btn,
div#site-list a.btn {
  text-align: left;
}

div#contact-list a.btn i,
div#site-list a.btn i {
  margin-left: 0px;
}

.view_id {
  font-size: 75%;
  color: #999;
}

.inline-address {
  font-size: 1em;
  color: #999;
  line-height: 150%;
  margin: 0;
}

.table td.prompt {
  background-color: #EEE !important;
  width: 50%;
}

.table.span12 td.prompt {
  width: 140px;
}

.table td.data {
  width: auto;
}

.table td.data-cell-number {
  text-align: right;
}

.table td.data-cell-total {
  font-weight: 700;
}

div.error input.form-error {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

div.error input.form-error:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

ul#jobchooser {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul#jobchooser li {
  margin: 0;
  padding: 0;
}

div.contact-detail {
  margin-left: 18px;
}

span.product-name,
span.text-weight-light {
  font-weight: 300;
}

span.text-weight-normal {
  font-weight: 400;
}

.nobullets {
  list-style: none;
  margin-left: 0;
}

div.row-fluid div.span8.recurtype,
div.recurrence-selector {
  display: none;
}

div.jobgallery {
  margin: 20px 0;
  page-break-before: always;
}


/*  Invoice table  */

table.table.invoice-list td.sent {
  background-color: #669933;
  color: #FFF;
}




/*--------- Bootstrap overrides ------------*/

div.well-small {
  margin-top: 10px;
  margin-bottom: 0;
}

.modal {
  position: absolute;
}

div {
  text-align: left;
}

body.light {
  background-color: white;
}

ul.ui-autocomplete {
  max-height: 400px;
  overflow-y: auto;
}


div.report-container {
  position: relative;
  height: 2000px;
}

div.fix-container {
  position: relative;
  margin: 30px 0;
}


.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {
  /* position */
  margin: 0;

  /* size */
  padding: 0;

  /* text */
  font-size: 100%;
  font: inherit;
  vertical-align: top;
}

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

/* @end */

/* @group Content */

.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
  /* appearance */
  overflow: hidden;

  /* position */
  position: relative;
}

.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
  /* appearance */
  overflow: auto;
}

.fht-table-wrapper .fht-table .fht-cell {
  /* appearance */
  overflow: hidden;

  /* size */
  height: 1px;
}

.fht-table-wrapper .fht-fixed-column,
.fht-table-wrapper .fht-fixed-body {
  /* position */
  top: 0;
  left: 0;
  position: absolute;
}

.fht-table-wrapper .fht-fixed-column {
  /* position */
  z-index: 1;
}