/* 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; 
}

.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: 960px;
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: 960px;
}

#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: 960px;
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;
	    }