@import url(/font/source-sans-pro/source-sans-pro.css);
@import url(/font/source-serif-pro/source-serif-pro.css);
@import url(/font/lato/lato.css);
@import url(/font/montez/montez.css);
@import url(webfonts.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

table, caption, tbody, tfoot, thead, tr, th, td {
	vertical-align: bottom
}

body {
	line-height: 1
}

header, nav, section, footer {
	display: block
}

blockquote, q {
	quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none
}

del {
	text-decoration: line-through
}

ins {
	text-decoration: none
}

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

ol, ul {
	list-style: none
}

h1, h2, h3, h4, h5, h6, p, pre, address, dl, ol, ul, fieldset, table, hr {
	margin-bottom: 20px
}

h1 {
	font-size: 25px
}

h2 {
	font-size: 23px
}

h3 {
	font-size: 21px
}

h4 {
	font-size: 19px
}

h5 {
	font-size: 17px
}

h6 {
	font-size: 15px
}

a:focus {
	outline: 1px dotted invert
}

ol {
	list-style: decimal
}

ul {
	list-style: square
}

li {
	margin-left: 30px
}

hr {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0
}

.clear {
	clear: both
}

.wrapper {
	width: 980px;
	margin: 0 auto;
}

#sidecol {
	float: left
}

#maincol {
	float: right;
	position: relative
}

.width_130 {
	width: 130px
}

.width_230 {
	width: 230px
}

.width_730 {
	width: 730px
}

.width_830 {
	width: 830px
}

.width_full {
	width: 100%
}

.h1_style {
	clear: both
}

h1, .h1_style {
	font-family: "EurostileLTStdMedium";
	font-size: 24px;
	font-weight: normal;
	color: #ff3500;
	margin-bottom: 20px
}

h1 span, .h1_style span {
	color: #303f54;
	font-family: "EurostileLTStdDemi";
	text-transform: uppercase
}

h2, h3 {
	color: #303f54;
	font-family: "EurostileLTStdDemi";
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
	text-transform: uppercase
}

body {
	background: url(/images/bg_body.png) repeat top left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

div#header {
	background-color: #00557c;
	background: url(/images/bg_header.png) repeat-x bottom left;
	height: 105px
}

div#header h1 {
	font-family: "EurostileLTStdMedium";
	font-size: 41px;
	color: #fff;
	margin-top: 20px;
	float: left
}

div#header h1 span {
	color: #b2ccd8;
	font-family: "EurostileLTStdMedium";
	margin: 0;
	text-transform: none
}

div#header .wrapper {
	position: relative;
}

div#header .wrapper div.nav {
	position: absolute;
	top: 23px;
	right: 0;
}

div#header div#user {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #00496b;
	float: right;
	padding: 20px 5px 5px 10px;
	margin-top: -12px;
	width: auto;
	position: relative;
	behavior: url(/js/PIE.htc)
}

div#header div#user p {
	background: url(/images/icon_user.png) no-repeat;
	color: #b2ccd8;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 0 17px;
	margin: 0 0 4px 0;
}

div#header div#user p a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #256685;
	color: #558ea7;
	font-size: 9px;
	padding: 1px 4px;
	margin: 0 0 0 5px;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	behavior: url(/js/PIE.htc)
}

div#header div#user p a:hover {
	background-color: #558ea7;
	border: 1px solid #558ea7;
	color: #00496b
}

div.nav {
	font-family: "EurostileLTStdDemi";
	font-size: 11px;
	text-transform: uppercase
}

div.nav ul {
	float: right;
	list-style-type: none;
	padding-top: 28px
}

div.nav ul li {
	border-left: 1px dotted #558ea7;
	float: left;
	margin: 0
}

div.nav ul li.first {
	border-left-style: none
}

div.nav ul li.last a {
	margin-right: 0
}

div.nav ul li.dashboard a {
	background-image: url(/images/icon_dashboard.png)
}

div.nav ul li.inbox a {
	background-image: url(/images/icon_inbox.png)
}

div.nav ul li.import a {
	background-image: url(/images/icon_download_form.png)
}

div.nav ul li.open a {
	background-image: url(/images/icon_inbox.png)
}

div.nav ul li.corrected a {
	background-image: url(/images/icon_corrected.png)
}

div.nav ul li.approved a {
	background-image: url(/images/icon_corrected.png)
}

div.nav ul li.archived a {
	background-image: url(/images/icon_archive.png)
}

div.nav ul li.deleted a {
	background-image: url(/images/icon_archive.png)
}

div.nav ul li.admin a {
	background-image: url(/images/icon_admin.png)
}

div.nav ul li.meeting a {
	background-image: url(/images/icon_meeting.png)
}

div.nav ul li.reporting a {
	background-image: url(/images/icon_reporting.png)
}

div.nav ul li.billing a {
	background-image: url(/images/icon_billing.png)
}

div.nav ul li.payroll a {
	background-image: url(/images/icon_payroll.png)
}

div.nav ul li.library a {
	background-image: url(/images/icon_documents.png)
}

div.nav ul li.messaging a {
	background-image: url(/images/icon_messaging.png)
}

div.nav ul li.maintenance a {
	background-image: url(/images/icon_maintenance.png)
}

div.nav ul li.drill_config a {
	background-image: url(/images/icon_settings.png)
}

div.nav ul li.current a {
	background-position: 50% -100px;
	color: #fff
}

div.nav ul li a {
	background: no-repeat top center;
	color: #b2ccd8;
	display: block;
	text-decoration: none;
	padding-top: 30px;
	margin: 0 15px
}

div.nav ul li a:hover {
	background-position: 50% -100px;
	color: #fff
}

div#footer {
	background: url(/images/bg_footer.png) repeat-x top left
}

div#footer ul {
	float: left;
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 50px
}

div#footer li {
	color: #fff;
	float: left;
	font-size: 11px;
	margin: 0 20px 0 0
}

#main {
	background-color: #fff;
	padding: 30px 0;
	display: block
}

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

#sidecol form, #sidecol .form {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 7px 10px 10px;
	display: block;
	background: #ededed url(/images/bg_panel_footer.png) repeat-x bottom left;
	position: relative;
	behavior: url(/js/PIE.htc);
	min-height: 120px;
	max-width: 220px;
}

#sidecol form:after, #sidecol .form:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0
}

#sidecol form .close, #sidecol .form .close {
	background: url(/images/icon_search_close.png) no-repeat;
	width: 54px;
	height: 18px;
	float: right
}

#sidecol form .reset, #sidecol .form .reset {
	display: block;
	margin-top: 5px
}

#sidecol form ul.multipleselect, #sidecol .form ul.multipleselect {
	background-color: #fff;
	height: 100px;
	overflow: auto;
	margin-bottom: 15px
}

#sidecol form ul.multipleselect.radiocheck, #sidecol .form ul.multipleselect.radiocheck {
	margin-bottom: 0;
	height: auto
}

#sidecol form ul.multipleselect li, #sidecol .form ul.multipleselect li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px dotted #ccc;
	font-size: 11px
}

#sidecol form ul.multipleselect li a, #sidecol .form ul.multipleselect li a {
	text-decoration: none;
	color: #333;
	display: block;
	padding: 5px 5px 5px 25px
}

#sidecol form ul.multipleselect li a.selected, #sidecol form ul.multipleselect li a:hover, #sidecol .form ul.multipleselect li a.selected, #sidecol .form ul.multipleselect li a:hover {
	background: url(/images/tick.png) no-repeat 5px 4px
}

#sidecol form select, #sidecol .form select {
	width: 100%;
	margin: 2px 0 5px 0
}

#sidecol form label, #sidecol .form label {
	color: #666;
	font-size: 11px;
	font-weight: bold;
	display: block;
	margin: 5px 0;
	text-transform: uppercase
}

#sidecol form .radiocheck, #sidecol .form .radiocheck {
	background-color: transparent
}

#sidecol form .radiocheck li, #sidecol .form .radiocheck li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom-style: none;
}

#sidecol form .radiocheck label, #sidecol .form .radiocheck label {
	display: inline;
	font-size: 11px;
	font-weight: normal;
	margin-right: 10px;
	text-transform: none
}

#sidecol form .labelcheck, #sidecol .form .labelcheck {
	background-color: transparent
}

#sidecol form .labelcheck li, #sidecol .form .labelcheck li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom-style: none;
}

#sidecol form .labelcheck label, #sidecol .form .labelcheck label {
	display: inline;
	font-size: 11px;
	font-weight: normal;
	margin-right: 10px;
	text-transform: none
}

#sidecol form div.rule, #sidecol .form div.rule {
	clear: both;
	margin: 10px 0;
	height: 1px;
	border-bottom: 1px dotted #666
}

#sidecol form #submit, #sidecol .form #submit {
	float: right;
	padding-top: 20px
}

#sidecol #admin {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #ededed;
	padding: 10px;
	position: relative;
	behavior: url(/js/PIE.htc)
}

#sidecol #admin h2 {
	border-bottom: 1px solid #256685;
	padding-bottom: 5px;
	margin-bottom: 5px
}

#sidecol #admin ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: none
}

#sidecol #admin ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: none;
	border-top: 1px dotted #ccc;
	border-left-style: none;
	font-size: 11px
}

#sidecol #admin ul li.first {
	border-top-style: none
}

#sidecol #admin ul li a {
	text-decoration: none;
	color: #333;
	padding: 8px 0 8px 2px;
	margin: 0
}

#sidecol #admin ul li a.selected, #sidecol #admin ul li a:hover {
	color: #ff3500
}

.dashboard #sidecol form .radiocheck label, .dashboard #sidecol .form .radiocheck label {
	margin-right: 0
}

.legend {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #ededed;
	padding: 10px;
	position: relative;
	behavior: url(/js/PIE.htc);
	margin-top: 20px
}

.legend p {
	color: #666;
	font-size: 11px;
	font-weight: bold;
	margin: 5px 0 10px 0;
	text-transform: uppercase
}

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

.legend ul li {
	list-style: none;
	font-size: 11px;
	margin: 5px 0;
	padding: 5px
}

.legend ul li.message {
	border: 1px dotted #bbb;
	background: #eee url(/images/icon_email.png) no-repeat 5px 7px;
	padding-left: 19px
}

.legend ul li.task {
	border: 1px dotted #bbb;
	background: #eee url(/images/icon_task.png) no-repeat 5px 6px;
	padding-left: 18px
}

.legend ul li.overdue {
	background-color: #ffb876;
	border: 1px solid #ff8310
}

.legend ul li.new {
	background-color: #ffb29a;
	border: 1px solid #ff6434
}

.legend ul li.received {
	background-color: #ff9;
	border: 1px solid #ff3
}

.legend ul li.read {
	background-color: #b2ffb0;
	border: 1px solid #4fff4a
}

.legend ul li.inprogress {
	background-color: #a6d7df;
	border: 1px solid #5bb5c4
}

.legend ul li.completed {
	background-color: #fefefe;
	border: 1px solid #cbcbcb
}

#sidecol .form form {
	background: none;
	margin: 0;
	padding: 0;
	min-height: 20px
}

#maincol h1 {
	float: left;
	margin-top: 8px
}

#maincol .h1_style {
	float: left;
	margin-top: 2px
}

#maincol h2, #maincol h3, #gallery h2 {
	color: #666;
	font-size: 11px;
	margin: 5px 0 10px 5px
}

#maincol h2.h1_style {
	color: #ff3500;
	font-size: 14px
}

.error {
	color: #ff0000;
}

.lookup_inactive {
	border: 2px solid #ff0000;
}

.data-form-error {
	background: #ff0000;
	color: #fff;
	white-space: nowrap;
	padding: 2px;
	z-index: 99999;
}

#maincol #errorExplanation, #maincol #errorExplanation h2 {
	clear: both;
	color: #ff0000;
}

#maincol .searchform {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 7px 10px 10px;
	display: block;
	background: #ededed url(/images/bg_panel_footer.png) repeat-x bottom left;
	clear: both;
	position: relative;
	width: 230px;
	margin-bottom: 20px;
}

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

#maincol .genericform, #maincol .report {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 7px 10px 10px;
	display: block;
	background: #ededed url(/images/bg_panel_footer.png) repeat-x bottom left;
	clear: both;
	position: relative;
	float: left;
	width: auto;
	margin-bottom: 20px;
	behavior: url(/js/PIE.htc)
}

#maincol .genericform:after, #maincol .report:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0
}

#maincol .genericform h2, #maincol .genericform h3, #maincol .report h2, #maincol .report h3 {
	clear: both;
	margin-bottom: 10px
}

#maincol .genericform .sub-section, #maincol .report .sub-section {
	clear: both;
	position: relative;
	padding-top: 10px
}

#maincol .genericform ul, #maincol .report ul {
	margin-bottom: 0
}

#maincol .genericform ul li, #maincol .report ul li {
	margin: 0;
	list-style: none;
	clear: both;
	padding: 10px 0 0;
	width: 440px
}

#maincol .genericform-wide ul li {
	width: 640px
}

#maincol .genericform ul li span.note, #maincol .report ul li span.note {
	color: #666;
	font-size: 12px;
	display: block
}

#maincol .genericform ul li div, #maincol .report ul li div {
	float: left;
	width: 200px
}

#maincol .genericform-wide ul li div {
	width: 400px
}

#maincol .genericform ul li div.coords span label, #maincol .report ul li div.coords span label {
	float: none;
	width: 10px;
	margin-right: 4px
}

#maincol .genericform ul li div.coords input, #maincol .report ul li div.coords input {
	width: 30px
}

#maincol .genericform ul li div.fieldWithErrors, #maincol .report ul li div.fieldWithErrors {
	float: none
}

#maincol .genericform ul li div p, #maincol .report ul li div p {
	color: #666;
	font-size: 12px;
	margin: 5px 0 10px 0
}

#maincol .genericform label, #maincol .report label {
	color: #666;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	width: 200px;
	text-align: right;
	float: left;
	margin: 5px 20px 0 0;
}

#maincol .genericform input, #maincol .report input {
	margin-left: 0;
}

#maincol .genericform input[type="text"], #maincol .report input[type="text"] {
	width: 200px;
}

#maincol .genericform-wide input[type="text"] {
	width: 400px;
}

#maincol .genericform textarea, #maincol .report textarea {
	width: 200px;
}

#maincol .genericform-wide textarea {
	width: 400px;
}

#maincol .genericform select, #maincol .report select {
	width: 200px;
	margin: 2px 0 5px 0;
}

#maincol .genericform-wide select {
	width: 400px;
}

#maincol .report {
	background-image: none;
	width: 730px;
}

#maincol .report .tableframe.info, #maincol .report .graph {
	margin-top: 10px;
	width: 360px;
}

#maincol .report .tableframe.info {
	float: left;
	margin-right: 10px;
}

#maincol .report .graph {
	float: right;
}

#maincol .counters {
	clear: both;
}

#maincol .counters li {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-top: 1px solid #ededed;
	float: left;
	list-style: none;
	margin-left: 20px;
	padding: 0;
	width: 130px;
	height: 115px;
	background: #ededed url(/images/bg_counter.png) repeat-x bottom left;
	text-align: center;
	position: relative;
	behavior: url(/js/PIE.htc);
}

#maincol .counters li.first {
	margin-left: 0;
}

#maincol .counters li h2 {
	font-size: 34px;
	color: #666;
	padding: 22px 0;
	margin: 0 0 10px 0
}

#maincol .counters li p {
	color: #fff;
	font-size: 11px;
	font-family: "EurostileLTStdDemi";
	text-transform: uppercase
}

#maincol .counters li span {
	background-color: #ff3500;
	position: absolute
}

#easyTooltip {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);
	font-family: "EurostileLTStdDemi";
	font-size: 12px;
	padding: 6px 8px 7px 6px;
	background: #ff3500;
	color: #fff;
	position: relative;
	behavior: url(/js/PIE.htc)
}

.top {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #ededed;
	padding: 10px;
	float: left;
	font-size: 12px;
	position: relative;
	behavior: url(/js/PIE.htc)
}

.top a {
	background: url(/images/arrow_top.png) no-repeat 0 3px;
	color: #558ea7;
	padding-left: 8px;
	text-decoration: none
}

.top a:hover {
	color: #ff3500
}

#search_open {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #ededed;
	padding: 10px;
	float: left;
	margin-right: 20px;
	position: relative;
	behavior: url(/js/PIE.htc)
}

#search_open .open {
	background: url(/images/icon_search_open.png) no-repeat;
	width: 62px;
	height: 20px;
	float: left
}

.controls {
	float: right
}

.generic_controls {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #ededed;
	padding: 10px;
	color: #7eafc0;
	float: right;
	font-size: 11px;
	font-family: "EurostileLTStdDemi";
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 10px;
	position: relative;
	behavior: url(/js/PIE.htc)
}

.generic_controls:hover {
	color: #ff3500
}

.adduser {
	background: #ededed url(/images/icon_adduser.png) no-repeat 10px 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 10px 10px 35px;
	color: #7eafc0;
	float: right;
	font-size: 11px;
	font-family: "EurostileLTStdDemi";
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 10px;
	position: relative;
	behavior: url(/js/PIE.htc)
}

.adduser:hover {
	color: #ff3500
}

.addheader {
	float: right;
	position: relative
}

.addheader .tab {
	background: url(/images/btn_tab.png) no-repeat left bottom;
	background-size: cover;
	width: 213px;
	top: 35px;
	position: absolute;
	padding: 10px;
	display: none;
	z-index: 20;
}

.addheader .tab label {
	color: #666;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: regular;
	text-align: right;
	float: left;
	margin: 5px 10px 0 0
}

.addheader .tab input#name {
	float: left;
	width: 150px
}

.addheader .tab .btns {
	padding-top: 15px
}

.addheader .tab .btns a.closetab {
	background: url(/images/btn_closetab.png) no-repeat 0 0;
	width: 21px;
	height: 21px;
	float: left
}

.addheader .tab .btns a.closetab:hover {
	background-position: 0 -30px
}

.pagination {
	margin: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #ededed;
	padding: 10px;
	float: right;
	font-size: 11px;
	display: inline;
	position: relative;
	behavior: url(/js/PIE.htc)
}

.pagination span, .pagination a {
	margin: 0;
	list-style: none;
	border-left: 1px solid #ccc;
	float: left;
	padding: 0 5px
}

.pagination span.prev, .pagination span.prev_page, .pagination a.prev, .pagination a.prev_page {
	border-left-style: none;
	border-left: none
}

.pagination span.prev a, .pagination span.prev_page a, .pagination a.prev a, .pagination a.prev_page a {
	background: url(/images/arrow_prev.png) no-repeat 0 -6px;
	padding-left: 8px
}

.pagination span.prev a.lookup_inactive, .pagination span.prev_page a.lookup_inactive, .pagination a.prev a.lookup_inactive, .pagination a.prev_page a.lookup_inactive {
	background-position: 0 4px
}

.pagination span.disabledprev_page, .pagination span.disabled.prev_page, .pagination a.disabledprev_page, .pagination a.disabled.prev_page {
	background-position: 0 4px;
	border-left: none
}

.pagination span.next a, .pagination a.next a {
	background: url(/images/arrow_next.png) no-repeat 100% -6px;
	padding-right: 8px
}

.pagination span.next a.lookup_inactive, .pagination a.next a.lookup_inactive {
	background-position: 100% 4px
}

.pagination span a, .pagination a a {
	color: #558ea7;
	text-decoration: none
}

.pagination span a:hover, .pagination a a:hover {
	color: #ff3500
}

.pagination span a.lookup_inactive, .pagination a a.lookup_inactive {
	color: #ccc
}

.pagination span a.current, .pagination a a.current {
	color: #000
}

.btns {
	clear: both;
	padding-top: 22px
}

.headrule {
	background: url(/images/line_form.png) repeat-x 0 0;
	height: 2px;
	width: 100%;
	left: 0;
	position: absolute;
	top: 36px
}

div.datepick {
	float: left;
	width: 105px
}

div.datepick label {
	color: #666;
	font-size: 11px;
	font-weight: bold;
	display: block;
	margin: 5px 0;
	text-transform: uppercase
}

div.datepick a {
	background: url(/images/icon_date_picker.png) no-repeat;
	float: left;
	width: 26px;
	height: 30px;
	text-indent: -10000em
}

div.datepick img.ui-datepicker-trigger {
	float: left
}

div.datepick input {
	float: none;
	width: 70px;
	margin-left: 5px
}

.tableframe {
	overflow: auto;
	clear: both;
	-moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid #888;
	margin-bottom: 10px;
	min-height: 100px
}

.tableframe table {
	background-color: #fff;
	width: 100%;
	margin-bottom: 0
}

.tableframe table td.zebra {
	border-top: 1px solid #ededed;
	background-color: #eee
}

.tableframe table th {
	background: #ededed url(/images/bg_table_header.png) repeat-x bottom left;
	color: #333;
	font-size: 11px;
	font-weight: bold;
	padding: 25px 10px 10px 10px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
	vertical-align: bottom;
	text-align: center;
	white-space: nowrap
}

.tableframe table th.light {
	background-image: url(/images/bg_table_header_l.png)
}

.tableframe table tr.rejected {
	background-color: red;
}

.tableframe table td.rejected {
	color: white;
}

.tableframe table td.rejected.a {
	color: white;
}

.tableframe table th.no-b {
	border-left-style: none
}

.tableframe table th:first-child {
	border-left-style: none
}

.tableframe table th span {
	color: #444;
	text-shadow: 1px 1px 2px #fff
}

.tableframe table td {
	color: #777;
	border-left: 1px dotted #bbb;
	font-size: 11px;
	min-width: 30px;
	padding: 8px;
	text-align: center;
	white-space: nowrap
}

.tableframe table td:first-child {
	border-left-style: none
}
.tableframe.lookup_name, .tableframe.lookup_postcode {
	clear: none
}

.tableframe.lookup_name td.check, .tableframe.lookup_postcode td.check {
	background: url(/images/tick.png) no-repeat center center
}

.tableframe.lookup_postcode {
	clear: none;
	height: 200px;
	margin-right: 60px
}

.tableframe.fixed_column {
	margin-left: 120px;
}

.tableframe.fixed_column .fixed_column {
	position: absolute;
	width: 120px;
	min-width: 120px;
	max-width: 120px;
	left: 0;
	top: auto;
	align-content: center;
	padding-left: 0 !important;
	padding-right:0 !important;
}
.tableframe.fixed_column th.fixed_column {
	padding-top: 26px;
}
.tableframe.fixed_column td.fixed_column {
	padding-top: 10px;
}
.tableframe.fixed_column td.fixed_column_A {
	position: absolute;
	width: 60px;
	min-width: 60px;
	max-width: 60px;
	left:0;
	top: auto;
	padding-left: 0 !important;
	padding-right:0 !important;
}
.tableframe.fixed_column td.fixed_column_B {
	position: absolute;
	width: 60px;
	min-width: 60px;
	max-width: 60px;
	left:60px;
	top: auto;
	padding-left: 0 !important;
	padding-right:0 !important;
}

ul.extra-links {
	clear: both;
	list-style: none;
	width: 150px;
	padding-top: 20px
}

ul.extra-links li {
	background-color: #ededed;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 12px;
	padding: 10px;
	margin: 10px 0
}

ul.extra-links li a {
	color: #558ea7;
	padding-left: 8px;
	text-decoration: none
}

ul.extra-links li a:hover {
	color: #ff3500
}

#messagelist {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both
}

#messagelist li {
	margin: 0;
	padding: 0;
	list-style: none
}

#messagelist li .duration_task, #messagelist li .duration_message {
	color: #666;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 10px 10px;
	text-transform: uppercase
}

#messagelist li .duration_task {
	background: url(/images/icon_task.png) no-repeat 0 1px;
	padding-left: 14px
}

#messagelist li .duration_message {
	background: url(/images/icon_email.png) no-repeat 0 2px;
	padding-left: 16px
}

#messagelist li .messagebox {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 7px 10px 10px;
	display: block;
	background: #ededed url(/images/bg_panel_footer.png) repeat-x bottom left;
	position: relative;
	margin-bottom: 20px;
	behavior: url(/js/PIE.htc)
}

#messagelist li .messagebox:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0
}

#messagelist li .messagebox .dates {
	color: #666;
	font-size: 11px;
	height: 45px
}

#messagelist li .messagebox .dates .created {
	float: left
}

#messagelist li .messagebox .dates .due {
	color: #ff3500;
	float: right;
	font-weight: bold
}

#messagelist li .messagebox .headers {
	color: #333;
	clear: both;
	font-style: italic;
	font-size: 14px
}

#messagelist li .messagebox .headers .status_overdue {
	background-color: #ffb876;
	border: 1px solid #ff8310;
	padding: 5px;
	font-weight: bold;
	font-style: normal;
	margin-top: -10px;
	text-transform: uppercase
}

#messagelist li .messagebox .headers .status_new {
	background-color: #ffb29a;
	border: 1px solid #ff6434;
	padding: 5px;
	font-weight: bold;
	font-style: normal;
	margin-top: -10px;
	text-transform: uppercase
}

#messagelist li .messagebox .headers .status_received {
	background-color: #ff9;
	border: 1px solid #ff3;
	padding: 5px;
	font-weight: bold;
	font-style: normal;
	margin-top: -10px;
	text-transform: uppercase
}

#messagelist li .messagebox .headers .status_read {
	background-color: #b2ffb0;
	border: 1px solid #4fff4a;
	padding: 5px;
	font-weight: bold;
	font-style: normal;
	margin-top: -10px;
	text-transform: uppercase
}

#messagelist li .messagebox .headers .status_inprogress {
	background-color: #a6d7df;
	border: 1px solid #5bb5c4;
	padding: 5px;
	font-weight: bold;
	font-style: normal;
	margin-top: -10px;
	text-transform: uppercase
}

#messagelist li .messagebox .headers .status_completed {
	background-color: #fefefe;
	border: 1px solid #cbcbcb;
	padding: 5px;
	font-weight: bold;
	font-style: normal;
	margin-top: -10px;
	text-transform: uppercase
}

#messagelist li .messagebox .headers .from, #messagelist li .messagebox .headers .to {
	float: left;
	margin-right: 20px
}

#messagelist li .messagebox .headers .subject {
	border: 1px dotted #a1a1a1;
	border-left-style: none;
	border-right-style: none;
	clear: both;
	font-weight: bold;
	padding: 20px 0
}

#messagelist li .messagebox .headers span {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #e0e0e0;
	color: #666;
	font-weight: normal;
	padding: 5px 10px;
	text-transform: uppercase;
	margin-right: 5px;
	behavior: url(/js/PIE.htc)
}

#messagelist li .message {
	color: #666;
	font-size: 12px
}

#messagelist li li {
	padding-left: 40px
}

form.lookup_mapping, .lookups {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #ededed;
	display: block;
	position: relative;
	padding: 0;
	clear: both;
	margin-bottom: 20px;
	behavior: url(/js/PIE.htc)
}

form.lookup_mapping:after, .lookups:after {
	clear: both;
	content: ".";
	display: block;
	visibility: hidden;
	height: 0
}

form.lookup_mapping h2, .lookups h2 {
	padding: 12px
}

form.lookup_mapping .leftcol, .lookups .leftcol {
	background: url(/images/arrow_next_step.png) no-repeat 110px 0;
	float: left;
	width: 160px;
	height: 50px;
	margin-left: 12px;
	padding-bottom: 20px
}

form.lookup_mapping .middlecol, .lookups .middlecol {
	background: url(/images/arrow_next_step.png) no-repeat 370px 0;
	float: left;
	width: 410px;
	padding-bottom: 20px
}

form.lookup_mapping .rightcol, .lookups .rightcol {
	float: left;
	width: 200px;
	padding-bottom: 20px
}

form.lookup_mapping .next_results, .lookups .next_results {
	clear: both;
	background: #fff url(/images/arrow_results.png) no-repeat top center;
	height: 41px
}

.lookups {
	width: 200px
}

.lookups select {
	width: 160px;
	margin: 0 0 20px 20px
}

.placeholder {
	background-color: blue;
	filter: alpha(opacity=3);
	-moz-opacity: 0.03;
	opacity: 0.03;
	width: inherit;
	height: 26px
}

#gallery_images li {
	font-size: 12px;
	border: solid 1px silver;
	padding: 2px
}

#gallery_window {
	top: 3vh;
}
.gallery ul {
	list-style-position: inside;
	width: 100%;
	max-height: 80vh;
	list-style: none;
	overflow: scroll;
}

.gallery ul li {
	float: left;
	padding: 0;
	margin-left: 5px;
}

.jqDrag {
	cursor: pointer
}

.window_close {
	float: right
}

.lower_div {
	padding-bottom: 4px
}

.spaced {
	padding: 2px 1px
}

#divButtonPlaceHolder {
	clear: both
}

.save, .delete, .edit {
	display: block;
	height: 30px
}

.save {
	background: url(/images/icon_save.png) no-repeat center center
}

.delete {
	background: url(/images/icon_trash.png) no-repeat center center
}

.edit {
	background: url(/images/icon_edit.png) no-repeat center center
}

.footercontrols {
	clear: both
}

.right {
	float: right
}

div.repeat_section {
	background-color: blue;
	opacity: 0.3
}

div.repeat_window {
	display: none;
}

div.small-icon-div img {
	width: 5mm;
	height: auto;
	float: left;
}

div.wrapper th.text,
div.wrapper td.text {
	text-align: left;
}

div.wrapper th.number,
div.wrapper td.number {
	text-align: right;
}

div.notice {
	clear: both;
}

/*
 * Checkbox list.
*/
div#maincol div.genericform div.filter-options {
	overflow-x: hidden;
	white-space: nowrap;
}

div#maincol div.genericform div.filter-options-capped {
	height: 290px;
	overflow-y: scroll;
}

div#maincol div.genericform div.filter-options label {
	text-align: left;
}

div#maincol div.genericform div.filter-options label input {
	margin-right: 0.5em;
}

div#maincol div.genericform div.collapsing-filter {
	padding-top: 1em;
}

div#maincol div.genericform div.collapsing-filter > div.filter-options-capped + div.btns {
	padding-top: 22px;
}

div#maincol div.genericform div.collapsing-filter div.btns {
	padding-top: 0.5em;
}

/*
*/
div#maincol div.genericform > ul > li > div.value blockquote {
	color: #666;
	margin: 5px 0 10px 0
}

div#maincol div.genericform > ul > li > div.value > blockquote,
div#maincol div.genericform > ul > li > div.value > blockquote > p,
div#maincol div.genericform > ul > li > div.value > p {
	font-size: 14px;
}

div#maincol .search-section .searchform {
	/*    width: 440px*/
}

div#maincol .search-section label {
	color: #666;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	width: 200px;
	text-align: right;
	float: left;
	margin: 5px 20px 0 0
}

div#maincol .search-section input {
	margin-left: 0
}

div#maincol .search-section input[type="text"] {
	width: 225px
}

div#maincol .search-section ul {
	margin-bottom: 0
}

div#maincol .search-section ul li {
	margin: 0;
	list-style: none;
	clear: both;
	padding: 10px 0 0;
}

div#maincol div.checkbox-matrix {
}

div#maincol .genericform div.checkbox-matrix div.uncapped {
	width: 440px;
}

div#maincol div.checkbox-matrix thead th.option {
	height: 6em;
	white-space: nowrap;
	font-weight: normal;
	vertical-align: bottom;
	padding-bottom: 1em;
}

div#maincol div.checkbox-matrix thead th.option div {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	width: 2em;
}

div#maincol div.checkbox-matrix thead th.option div span {
}

div#maincol div.checkbox-matrix tbody td.option {
	text-align: center;
}

div#maincol div.checkbox-matrix tbody td.name {
	padding-right: 0.5em;
}

div#maincol div.checkbox-matrix th,
div#maincol div.checkbox-matrix td {
	color: #666;
	font-size: 14px;
	padding-top: 2.5px;
	padding-bottom: 2.5px;
}

.tableframe table thead th.sort-none span::after {
	content: "\200B";
	background-image: url(/images/unsorted.svg);
	cursor: pointer;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: center right;
	padding-left: 1em;
	margin-left: 2mm;
}

.tableframe table thead th.sort-up span::after {
	background-image: url(/images/ascending.svg);
}

.tableframe table thead th.sort-down span::after {
	background-image: url(/images/descending.svg);
}
#link-button {
	display: inline-block;
	height: 18px;
	padding: 0;
	margin: 0;
	vertical-align: top;
	width: 18px;
	background-image: url( '/images/icon_link.png' );
	background-size: 18px 18px;
	outline:0;
	border: none;
}

#searchform {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #ededed;
	padding: 10px;
	display: block;
	clear: both;
	float: left;
	width: auto;
	margin-bottom: 20px;
	position: relative;
}

.special-hint {
	position: fixed;
	border: 2px solid #fff;
	background: #000;
	color: #fff;
	padding: 8px;
	z-index: 9999;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}

ul.auto_complete_results {
	display: none;
	border: 1px solid #000;
	position: absolute;
	z-index: 9999;
	list-style: none;
}
ul.auto_complete_results li {
	font-size: 12px;
	padding: 4px;
	margin: 0;
	cursor: pointer;
}
ul.auto_complete_results li:nth-child(odd) {
	background: #fff;
}
ul.auto_complete_results li:nth-child(even) {
	background: #eee;
}
ul.auto_complete_results li:hover, ul.auto_complete_results li.highlight {
	background: #0a246a;
	color: #fff;
}
.ac-spinner {
	position: absolute;
	right: 4px;
}