:root {
	--primary-color: #57DDDD;
	--secondary-color: #FF9F1C;
	--accent-color: #F94600;
	--tertiary-color: #3B8F8D;

	--white: #fff;
	--light-color: #FCF7F2;
	--medium-color: #F7EDE2;
	--medium-dark-color: #D1C7BB;
	--dark-color: #1D4746;
	--dark-muted-color: #435959;
	--black: #102827;

	--primary-font-stack: 'URW Geometric', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	--secondary-font-stack: 'Domaine Disp Nar', serif;
}

@font-face {
	font-family: 'Domaine Disp Nar';
	src: url('/fonts/DomaineDispNar-BoldItalic.woff2') format('woff2'),
	url('/fonts/DomaineDispNar-BoldItalic.woff') format('woff');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Domaine Disp Nar';
	src: url('/fonts/DomaineDispNar-Bold.woff2') format('woff2'),
	url('/fonts/DomaineDispNar-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Domaine Disp Nar';
	src: url('/fonts/DomaineDispNarExtrabold.woff2') format('woff2'),
	url('/fonts/DomaineDispNarExtrabold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Domaine Disp Nar';
	src: url('/fonts/DomaineDispNarExtrabold-Italic.woff2') format('woff2'),
	url('/fonts/DomaineDispNarExtrabold-Italic.woff') format('woff');
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}

/*
URW Geometric: [
	400: Regular,
	500: Medium,
	600: SemiBold,
	700: Bold,
]
*/

@font-face {
	font-family: 'URW Geometric';
	src: url('/fonts/URWGeometric-Regular.woff2') format('woff2'),
	url('/fonts/URWGeometric-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'URW Geometric';
	src: url('/fonts/URWGeometric-Medium.woff2') format('woff2'),
	url('/fonts/URWGeometric-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'URW Geometric';
	src: url('/fonts/URWGeometric-SemiBold.woff2') format('woff2'),
	url('/fonts/URWGeometric-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'URW Geometric';
	src: url('/fonts/URWGeometric-Bold.woff2') format('woff2'),
	url('/fonts/URWGeometric-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}


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, dd, dl, dt, li, ol, ul, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline; }
strong {
  	font-weight: bold; }
a img, :link img, :visited img {
	border: 0; }
table {
	border-collapse: collapse;
	border-spacing: 0; }
td {
  	text-align:left;
	font-weight:normal;
	vertical-align: top; }
ol, ul {
	list-style: none; }
q:before, q:after,
blockquote:before, blockquote:after {
	content: ""; }

#section1, #section2, #section3, #section4, #section5, #section6, #section7, #section8, #section9, #section10,
#section11, #section12, #section13, #section14, #section15, #section16, #section17, #section18, #section19, #section20,
#section21, #section22, #section23, #section24, #section25, #section26, #section27, #section28, #section29, #section30,
#section31, #section32, #section33, #section34, #section35, #section36, #section37, #section38, #section39, #section40,
#section41, #section42, #section43, #section44, #section45, #section46, #section47, #section48, #section49 {
	display: none; }

/*------------------------------------------------------------
Trademark Productions - DDJ

version:	1.0
author:		Trademark Productions
email:		dean@tmprod.com
website:	www.tmclient.com
-------------------------------------------------------------*/

/* =General/HTML Elements
-------------------------------------------------------------*/
.clear {
	clear: both
	}

.left {
	float: left;
	clear: right;
}

.right {
	float: right;
	clear: left;
}

img.right {
  	float: right;
  	clear: left;
  	padding: 5px;
}

img.left {
  	float: left;
  	clear: right;
  	padding: 5px;
}

body {
	text-align: center;
	/*font: 62.5%/1.2 Arial, Helvetica, sans-serif;*/
	font: var(--primary-font-stack);
	background: #333;
	}

/* =Typography
-------------------------------------------------------------*/
p, li, label {
	text-align: left;
	font-size: 14px;
	line-height: 1.4;
	}

ol {
	list-style: decimal;
	margin-left: 20px;
}

/* =Headings
-------------------------------------------------------------*/
td h2 {
	font-size: 190%;
	font-weight:bold;
	padding:8px;
}

td h3 {
	font-size: 150%;
	font-weight: bold;
	padding:8px;
}

div#main h1 {
	font-size: 24px;
	margin: .3em 0;
	color: #333;
}

div#main div.box h1 {
	color: #fff;
	font-size: 14px;
	margin: 0;
}

div#main div.box h1 div.counts {
	position: absolute;
	right: 20px;
	top: 12px;
}

/* =Links
-------------------------------------------------------------*/
a, a:visited {
	color: #900;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #e94740;
}

/* =Layout
-------------------------------------------------------------*/
div#outterWrapper{
	width: 100%;
	height: auto;
	float: left;
	border-bottom: 40px solid var(--dark-color);
	min-height: 100vh;
	padding-bottom: 20px;
}

div#wrapper {
	width: 1000px;
	margin: 0 auto;
	margin-top: 10px;
}

div#container{
	width: 1000px;
	float: left;
	text-align: left;
	position: relative;
	background-color: #fff;
	border-bottom: 5px solid #fff;
	}

div#mast {
	width: 1000px;
	height: 100px;
	background-color: #e94740;
	float: left;
	border-bottom: 4px solid black;
}

div#content {
	width: 990px;
	padding: 8px 0 0 8px;
	background-color: #fff;
	float: left;
}

div#sidebar {
	width: 230px;
	float: left;
}

div#sidebar li a.active {
	background-color: var(--tertiary-color);
	color: #fff;
}

div#main {
	width: 745px;
	float: left;
	margin-left: 8px;
}

div#main2 {
	width: 720px;
	margin: 0 auto;
}

div.box {
	margin-bottom: 15px;
	float: left;
}

div.boxFirst {
	margin-top: 0;
}

/* =Branding/Banner/Masthead Styling
-------------------------------------------------------------*/
ul#links {
	list-style: none;
	position: absolute;
	left: 700px;
	top: 10px;
	width: 300px;
}

ul#links li {
	float: left;
	font-size: 12px;
	font-weight: normal;
}

ul#links li a, ul#links li a:visited {
	display: block;
	padding: 0 10px;
	color: var(--tertiary-color);
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	border-right: 1px solid #fff;
	transition: all 250ms ease-in-out;
}

ul#links li a:hover {
	text-decoration: underline;
	color: var(--dark-color);
}

ul#links li a#home {

}

ul#links li a#options {

}

ul#links li a#contacts {

}

ul#links li a#admin {

}

ul#links li a#logout {
 border-right: none;
}

form#search {
	position: absolute;
	left: 555px;
	top: 0;
	width: 130px;
}

div#mast .welcome {
	position: absolute;
	left: 85px;
	top: 48px;
	width: 200px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;

}

div#mast .welcome span.pink {
	color: #c05bfb;
}

p#title { color: #333; font-size: 40px; width: 300px; position: absolute; left: 30px; top: 30px; }
p#title a { color: #333; text-decoration: none; display:block; }

/* =Main Content Styles
-------------------------------------------------------------*/


/* =Secondary Content Styles
-------------------------------------------------------------*/
div.heading {
	background-color: var(--dark-color);
	width: 745px;
	height: 32px;
	position: relative;
	border-bottom: 4px solid #000;
	z-index: 1;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

div.heading h1, div.heading h1 a:link, div.heading h1 a:active, div.heading h1 a:visited {
	color: #fff;
	font-size: 14px;
	padding-left: 10px;
	padding-top: 10px;
	font-weight: bold;
	text-transform: uppercase;
	height: 22px;
	width: auto;
	margin: 0;
}


div.heading p {
	width: 225px;
	position: absolute;
	left: 510px;
	top: 10px;
	text-align: right;
	padding-right: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

div.heading p a, div.heading p a:hover, div.heading p a:visited {
	color: #fff;
	text-decoration: none;
}

/* =Sidebar Content Styles
-------------------------------------------------------------*/
ul.shortcutNav {
	width: 248px;
	color: #48b38f;
	float: left;
	margin-top: 10px;
}

ul#navlinks ul.shortcutNav li {
	background-color: #fff;
}

ul.shortcutNav li a, ul.shortcutNav li a:visited {
	display: block;
	padding: 6px;
/*	background: url(/images/left-arrow2.jpg) no-repeat left;*/
	color: #000;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #000;
}

ul.shortcutNav li a:hover {
	text-decoration: underline;
	color: #E6001C;
}

/* =Footer Styles
-------------------------------------------------------------*/


/* =Main Navigation Styles
-------------------------------------------------------------*/
ul#mainNav li {
	border-bottom: 1px #333 solid;
	padding: 5px;
}

ul#sideNav{
	width: 248px;
	color: #48b38f;
	float: left;
}


ul#sideNav li {
	border-bottom: 1px #333 solid;
	padding: 5px;
	margin: 0;
	position: relative;
}

ul#sideNav li ul {
	background-color: transparent;
	position: absolute;
	z-index: -1;
	top: 0px;
	left: -999em;
}

ul#sideNav li a, ul#sideNav li a:visited {
	display: block;
	padding: 5px;
/*	background: url(/images/left-arrow2.jpg) no-repeat left;*/
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}



ul#sideNav li a:hover {
	text-decoration: underline;
	color: #E6001C;
}

ul#sideNav li ul {
	_border: none;
}

ul#sideNav li:hover ul, ul#sideNav li.over ul {
	background-color: #000;
	border: 2px #333 solid;
	left: 247px;
	margin-top: 0;
	width: 248px;
	z-index: 1001;
}

ul#sideNav li:hover ul li a, ul#sideNav li.over ul li a {
	background: none;
	padding: 0;
	color: #fff;
}

ul#sideNav li:hover ul li a:hover, ul#sideNav li.over ul li a:hover {
	border: none;
}

/* =Secondary Navigation Styles
-------------------------------------------------------------*/
ul#adminNav {
	float: left;
	height: 73px;
	width: 500px;
	margin-bottom: 10px;
}

ul#adminNav li {
	float: left;
}

ul#adminNav li a {
	display: block;
	width: 58px;
	height: 73px;
	margin: 5px 10px;
}
ul#adminNav li a:hover {
	text-decoration: none;
}

ul#adminNav li a#users, ul#adminNav li a#users:visited {
	background: url(/images/buttons/users.jpg) no-repeat;
}

ul#adminNav li a#users:hover {
	background: url(/images/buttons/users_hover.jpg) no-repeat;
}

ul#adminNav li.preloadusers {
	background: url(/images/buttons/users_hover.jpg) no-repeat -9000em;
}

ul#adminNav li a#contacts, ul#adminNav li a#contacts:visited {
	background: url(/images/buttons/contacts.jpg) no-repeat;
}

ul#adminNav li a#contacts:hover {
	background: url(/images/buttons/contacts_hover.jpg) no-repeat;
}

ul#adminNav li.preloadcontacts {
	background: url(/images/buttons/contacts_hover.jpg) no-repeat -9000em;
}



/* =Form Styles
-------------------------------------------------------------*/
fieldset {
	padding: 10px;
}

div#main fieldset {
	border: 1px solid #ccc;
	padding: 0;
}

div#main2 fieldset {
	border: 1px solid #ccc;
	padding: 0;
}

fieldset legend {
	color: #f03000;
	font-size: 14px;
	font-weight: bold;
}

fieldset label {
	color: var(--dark-color);
	font-size: 14px;
	font-weight: bold;
	margin: 5px;
}

fieldset input, fieldset select {
	width: 142px;
	font-size: 12px;
	margin: 5px;
}

fieldset input.chk {
	width: 10px;
}

fieldset select {
	width: 146px;
}

fieldset textarea {
	width: 95%;
	margin-left: 5px;
	min-height: 40px;
	line-height: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

fieldset input.submit {
	width: auto;
	float: right;
	margin: 4px;
	font-size: 12px;
}

fieldset td, td {
	vertical-align: middle;
}

table tr.even:hover {
	background-color: #e9e9e9;
}

table tr.odd:hover {
	background-color: #f9f9f9;
}

.inselect {
	display: inline;
	float:right;
}

input.submit {
	float:right;
}
/* =Table Styles
-------------------------------------------------------------*/
table {
	float: left;
}

table.view {
	width: 743px;
	z-index: 1;
}

table.listing td, table.listing th, table.view th, table.view td {
	padding: 4px;
}

table.listing tr.head, table.view tr.head {
	background-color: #ccc;
}

table.listing th, table.listing th p, table.view th, table.view th p {
	color: #333;
	font-weight: bold;
	font-size: 12px;
}

table.listing {
	border: 1px solid #ccc;
	width: 743px;
	float: left;
}

table.short {
	max-height: 177px;
	overflow: auto;
}

table.long {
	max-height: 750px;
	overflow: auto;
}

table.listing tr {
	border-bottom: 1px solid #ddd;
}

table.listing p {

}

table.inline_info td {
	height: 20px;
}

tr.odd {
	background-color: #fff;
}

tr.even p {

}

tr.odd p {

}

tr.even {
	background-color: #eee;
}

/*tr.odd td, tr.even td {
	padding: 5px;
}*/

table.view td {
	font-size: 14px;
	padding: 5px;
	vertical-align: middle;
}

p.closedRecords {
	text-align: center;
}

td.error p {
	color: #ff0000;
	font-size: 14px;
	text-align:center;
	font-weight: bold;
}

td.permissions input, td.permissions label {
	width: auto;
	vertical-align:middle;
}

td.permissions input {
	width: auto;
	margin-right: 10px;
}

td.permissions td, td.permissions td {
	text-align: center;
	padding: 0;
}


/* =Miscellaneous Styles
-------------------------------------------------------------*/

p.msg {
	color: #fff;
	font-size: 18px;
	text-align:center;
	font-weight: bold;
	position: absolute;
	margin-top: -50px;
	margin-left: 160px;
}

p.notfound {
	color: #f00;
	font-size: 150%;
	font-weight:bold;
}

div#contentLogin {
	background: transparent url(/images/login-bg.jpg) no-repeat top center;
	margin: 0 auto;
	border: none;
	width: 390px;
	height: 207px;
	padding-top: 180px;
}

form#login fieldset label {
	color: #fff;
}

form#login {
	width: 250px;
	margin: 0 auto;
}

p#LoginFail {
	color:white;
	font-size:12px;
	font-weight:bold;
	margin:0pt auto;
	width:300px;
}

span#sorttable_sortrevind, span#sorttable_sortfwdind {
	display: block;
	width: 10px;
	height: 10px;
	float: right;
	margin-top: -13px;
	padding-right: 5px;
}

/* =Tab Navigation
-------------------------------------------------------------*/
ul.tabs {
	width: 743px;
	float: left;
	border-bottom: 5px solid #000;
}

ul.tabs li {
	float: left;
	font-size: 12px;
}
ul.tabs li.title {
	font-size: 18px;
	color: #333;
	width: 202px;
	padding-top: 4px;
	padding-left: 10px;
	font-weight: bold;
}

ul.tabs li a, ul.tabs li a:visited {
	display: block;
	width: 145px;
	height: 12px;
	color: #fff;
	padding: 9px 0;
	text-align: center;
	background: #444;
	margin: 0 2px;
	font-size: 12px;
}

ul.tabs li a:hover {
	background-color: #e94740;
	color: #fff;
	text-decoration: none;
}

ul.tabs li a.selected:active, ul.tabs li a.selected, ul.tabs li a.selected:hover {
	background: #e94740;
	color: #fff;
	font-weight: bold;
}

ul.tabs li.hide a, ul.tabs li.hide a:visited, ul li.hide a:hover, ul li.hide a:visited, ul.tabs li.hide a.selected:active, ul.tabs li.hide a.selected, ul.tabs li.hide a.selected:hover {
	color: #e94740;
	width: 80px;
	background: none;
}

ul.tabs li a.hide:hover {
	color: #000;
}

.hiddencontent, .hiddencontent2, .hiddencontent3, .hiddencontent4, .hiddencontent5, .hiddencontent6, .hiddencontent7, .hiddencontent8, .hiddencontent9, .hiddencontent10, .hiddencontent11, .hiddencontent12, .hiddencontent13, .hiddencontent14, .hiddencontent15, .hiddencontent16, .hiddencontent17, .hiddencontent18, .hiddencontent19, .hiddencontent20 {
	display:none;
}

.quickbill_hiddencontent {
	display:none;

}

#password_strength {
        width: 250px;
        background: #cccccc;
    }

#password_bar {
        font-size: 11px;
        background: #7FFF00;
        border: 1px solid #cccccc;
        padding: 5px;
    }

div.todo {
	padding: 20px 5px 5px;
	background-color: #e94740;
	color: #fff;
}

div.todo h2 {
	font-size: 18px;
	border-bottom: 1px solid #fff;
	margin-bottom:10px;
	padding-bottom:5px;
}

div.status h2 {
	font-size: 18px;
	border-bottom: 1px solid #fff;
	margin-bottom:10px;
	padding-bottom:5px;
	margin-right: 15px;
}

div.todo label {
	padding-left: 10px;
}

input.todo {
	padding-left: 5px;
}

input.todotext {
	padding: 2px;
	margin-left: 10px;
}

div.todo form.todo {
	margin-left: 10px;
}

div.status {
	margin: 0px;
	padding: 5px;
	background-color: #de2129;
	color: #fff;
}

div.time {
	float:right;
	color: var(--dark-color);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	margin-top:60px;
	padding-right:10px;
}


/* new navigation styles */
ul#firstnav {
	margin-top: 10px;
}

ul.nav {
	list-style-type: none;
	width: 228px;
	float: left;
	text-align: center;
	margin: 0px 0px 0px 10px;
	border-bottom: 2px solid #000;
}

ul.nav li {
	background: transparent url(/images/navColl.gif) no-repeat top center;
	width: 228px;
	height: 23px;
	display: block;
	font-weight:bold;
	position: relative;
	font-size:14px;
}

ul.nav li, ul.nav li a:link, ul.nav li a:visited {
	color: #fff;
	text-decoration: none;
	height: 30px;
}

ul.nav li a:hover {
	color: #000;
}

ul.nav ul.subnav li {
	background: #cb1313 none;
	display:block;
	padding:13px 0px 0px 20px;
	width:207px;
	font-size: 12px;
}

ul.nav li p {
	padding: 10px 2px 2px 10px;
}

ul.nav div {
	display: none;
	border: 1px solid #7e0000;
}

a.navlink {
	position:absolute;
	right:3px;
	text-decoration:none;
	width:20px;
	bottom: 5px;
}

ul.subnav img {
	vertical-align: middle;
	padding-right: 10px;
}

ul#navlinks {
	float: left;
	margin: 0 0 0 0;
}


/* to fix status links inhereting #navlinks li width */
ul.status li {
	width: 180px;
}

#navlinks li {
width: 228px;
float: left;
position: relative;
background-color: #e94740;
}

.parent {
	color: #fff;
	padding-left: 10px;
	padding-bottom: 1px;
	display: block;
	line-height: 24px;
	vertical-align: bottom;
	width: 225px;

}

a.parent:link, a.parent:visited {
	color: var(--tertiary-color);
	font-size: 14px;
	font-weight:bold;
}

#activepage {
	background-color: #ddd;
}

#navlinks li:hover a, #navlinks li.sfhover a {
	text-decoration: none;
	background-color: var(--tertiary-color);
	color: var(--white);
	width: 217px;
}

#navlinks li ul.subnavlinks {
	background-color: var(--tertiary-color);
	color: var(--white);
	border: 1px solid #600;
}

#navlinks li ul.subnavlinks li {
	margin-bottom: 0;
	width: 15px;
	border-bottom: 1px solid #000;
	width: 230px;
	z-index: 1000;
	background-color: var(--tertiary-color);
	color: var(--white);
}

#navlinks li ul.subnavlinks a {
	display: block;
	padding: 5px 0 5px 10px;
	background-color: var(--tertiary-color);
	color: var(--white);
	font-size: 12px;
	line-height: 20px;
	border: 0;

}

#navlinks li ul.subnavlinks a:hover {
	background-color: var(--dark-color) !important;
	text-decoration: none;
}

#navlinks li ul {
position: absolute;
display: none;
left: 228px;
top: -5px;
}

#navlinks li:hover ul, #navlinks li.sfhover ul  {
display: block;
}
/* =Print Styles
-------------------------------------------------------------*/
@media print {

	}

	/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

a.github {
   background: transparent url('/images/octocat.png') top left;
   float: right;
   height: 24px;
   text-indent: -5000px;
   width: 24px;
}




/* ------------ TM Refresh Styling, Circa March 2016 ------------ */

body.tmupdate {
	background-color: var(--light-color);
	background-size: cover;
	font-family: var(--primary-font-stack);
}

/* Typography */
@font-face {
    font-family: 'Klinic Slab';
    src: url('/fonts/klinicslabbook-webfont.eot');
    src: url('/fonts/klinicslabbook-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/klinicslabbook-webfont.woff2') format('woff2'),
         url('/fonts/klinicslabbook-webfont.woff') format('woff'),
         url('/fonts/klinicslabbook-webfont.ttf') format('truetype'),
         url('/fonts/klinicslabbook-webfont.svg#klinic_slabbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css?family=Libre+Franklin');

body.tmupdate ul.tabs li a, body.tmupdate ul.tabs li a:visited {
   background: var(--dark-color);
}

body.tmupdate h1 {
   font-family: var(--secondary-font-stack);
}

body.tmupdate .box p a, body.tmupdate .box td a {
   color: var(--tertiary-color);
   border-bottom: 1px dotted var(--tertiary-color);
   text-decoration: none;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

body.tmupdate .box p a:hover, body.tmupdate .box td a:hover {
   color: var(--dark-color);
   border-bottom: 1px dotted var(--dark-color);
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

body.tmupdate div#main div.box h1, body.tmupdate div.heading h1, body.tmupdate div.heading h1 a:link, body.tmupdate div.heading h1 a:active, body.tmupdate div.heading h1 a:visited {
   font-size: 22px;
   font-weight: 500;
	font-family: var(--primary-font-stack);
   text-transform: none;
   padding-left: 0;
   padding-top: 10px;
}

body.tmupdate div.heading h1 {
   padding-left: 15px !important;
}

body.tmupdate div#main h1.page-title {
	background: linear-gradient(270deg, #FF9F1C 16.02%, #F94600 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

body.tmupdate div#main h1 {
   color: #f2f1ee;
   font-size: 45px;
   font-weight: normal;
   padding-left: 15px;
}
body.tmupdate p.msg {
   font-weight: normal;
   margin-top: auto;
   margin-left: 0;
   margin-bottom: 15px;
   width: 723px;
   padding: 10px;
   background: #bef9c0;
   color: #010d02;
   position: absolute;
   visibility: hidden;
   font-size: 15px;
}

body.tmupdate p.msgShow {
   position: relative;
   visibility: visible;
}

body.tmupdate #mast ul#links li a {
   text-transform: none;
   font-weight: normal;
   font-size: 16px;
   border-right: 1px solid var(--tertiary-color);
}

body.tmupdate #mast ul#links li a#logout {
   border-right: 0;
}

body.tmupdate #mast .time {
   color: var(--dark-muted-color);
}

body.tmupdate ul.tabs li.title {
   font-family: var(--secondary-font-stack);
   color: var(--tertiary-color);
   font-size: 22px;
   font-weight: normal;
   width: 270px;
   padding-left: 15px;
}

/* Layout */
body.tmupdate div#main {
   position: relative;
}

body.tmupdate div#mast {
	background: none;
	border-bottom: 0;
	margin-top: 20px;
}

body.tmupdate div#container {
	background: none;
	border-bottom: 0;
}

body.tmupdate div#content {
   background: none;
   margin-top: 25px;
}

body.tmupdate p#title {
	left: 25px;
	top: 20px;
}
body.tmupdate #topbarbg {
   height: 140px;
   width: 100%;
   background: #fff;
   position: absolute;
   top: 0;
}

/* Client View */
body.tmupdate div.box.communicationsBox {
   display: none;
}

/* Table Styles */
body.tmupdate form#editUser fieldset > table {
   width: 100% !important;
   background: #fff;
}
body.tmupdate table.view {
   background: #fff;
}
body.tmupdate table.view table.view {
   background: none;
}
body.tmupdate table.listing tr.head, body.tmupdate table.view tr.head {
   background: var(--medium-color);
}

body.tmupdate tr {
   background: #fff;
	position: relative;
}

body.tmupdate tr:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 10px;
	width: calc(100% - 20px);
	height: 1px;
	background-color: var(--dark-muted-color);
	opacity: 0.2;
}

body.tmupdate tr:last-of-type:after,
body.tmupdate tr.head:after {
	display: none;
}

body.tmupdate tr.even.dark {
   background: var(--medium-color);
}

body.tmupdate table.listing th, body.tmupdate table.listing th p, body.tmupdate table.view th, body.tmupdate table.view th p {
   font-size: 14px;
   font-weight: normal;
}

body.tmupdate table.listing tr {
   border-bottom: 0;
}

body.tmupdate p#title a {
	background: url(/images/pa-logo.png) no-repeat 0 0;
	height: 75px;
	text-indent: -9999em;
}

body.tmupdate div.time {
	clear: right;
	margin-top: 20px;
}

body.tmupdate ul#links {
	position: relative;
	float: right;
	left: auto;
	width: auto;
	margin-top: 10px;
}

body.tmupdate table.listing {
   border: 0;
   background: #fff;
}

body.tmupdate div.heading {
   border-bottom: 0;
   width: 743px;
   height: 42px;
}

body.tmupdate table.listing td,
body.tmupdate table.listing th,
body.tmupdate table.view th,
body.tmupdate table.view td,
body.tmupdate form fieldset > table tr td
{
   padding: 10px 15px !important;
}

body.tmupdate div#main fieldset {
   border: 0;
}

body.tmupdate table.listing tr.head.secondary {
   background: var(--dark-color);
}

body.tmupdate table.listing tr.head.secondary p {
   float: left;
   color: #fff;
   font-size: 16px;
   line-height: 1.8;
}
body.tmupdate table.listing tr.head.secondary select {
   margin-left: 15px;
}


/* Heading Areas */
body.tmupdate div.heading {
   border-bottom: 0;
   width: 743px;
   height: 40px;
}
body.tmupdate div.heading h1 {
   float: left;
}
body.tmupdate div.heading p {
   position: relative;
   width: auto;
   float: right;
   font-weight: normal;
   padding-top: 12px;
   padding-right: 15px;
   left: inherit;
   top: inherit;
}

body.tmupdate div.heading p a {
   font-size: 16px;
   color: #fff;
}
body.tmupdate div.heading p a:hover {
   color: #f2f1ee;
}
body.tmupdate div.heading p a:before {
   content: "+ ";
}


/* Sidelinks */
body.tmupdate div#sidebar a.parent:link, body.tmupdate div#sidebar a.parent:visited {
   font-family: var(--primary-font-stack);
   font-size: 16px;
   padding: 5px 15px;
   width: 198px;
   font-weight: 500;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

body.tmupdate div#sidebar li:hover a.parent, body.tmupdate #navlinks ul.subnavlinks li:hover a, body.tmupdate #navlinks ul.subnavlinks li a, body.tmupdate #navlinks ul.subnavlinks li:hover a:hover {
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

body.tmupdate #navlinks li, body.tmupdate #navlinks li ul li a {
   background: none;
}

body.tmupdate #navlinks li ul li:hover {
   background: var(--dark-color);
}

body.tmupdate ul.tabs li a, body.tmupdate ul.tabs li a:visited {
   height: 10px;
   padding: 14px 0;
}

body.tmupdate ul.tabs li a.selected:active, body.tmupdate ul.tabs li a.selected, body.tmupdate ul.tabs li a.selected:hover {
   background: var(--primary-color);
}

body.tmupdate .websitesTab.hide a[title=emptyWebsite], body.tmupdate .projectTab.hide a[title=emptyProject], body.tmupdate .clientTab.hide a[title=emptyClient], body.tmupdate .usersTab.hide a[title=emptyUsers] {
   display: none;
}

body.tmupdate div.todo {
   display: none;
}

body.tmupdate #navlinks li ul.subnavlinks {
   border: 0;
   top: 0;
}

body.tmupdate #navlinks li ul.subnavlinks li {
   border-bottom: 0;
}

body.tmupdate #navlinks li ul.subnavlinks a {
   font-family: var(--primary-font-stack);
   font-size: 16px;
   line-height: 24px;

}

/* Projects View */
body.tmupdate div.tasktable table tbody > tr td:first-child {
   padding-left: 0 !important;
}

body.tmupdate div.tasktable table tbody > tr form[name=tasklistclock] td {
   padding-left: 15px !important;
}

body.tmupdate div.tasktable table.view {
   width: 728px;
}

body.tmupdate div.tasktable table.view table.view tr th {
   padding-left: 0 !important;
}
body.tmupdate div.tasktable table.view table.view tr th:first-child {
   padding-left: 15px !important;
}

body.tmupdate div.tasktable table.view table.view table tr th {
   padding-left: 15px !important;
}

/* Buttons/Labels/Inputs */
body.tmupdate input[type=button],
body.tmupdate input[name=starttask],
body.tmupdate input[type=submit],
.btn {
	border-radius: 59px;
	background: var(--tertiary-color, #00A0A2);
   padding: 8px 15px;
   color: #fff;
   float: none;
   font-size: 14px;
   border: 0;
   box-shadow: none;
   cursor: pointer;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

body.tmupdate input[type=button]:hover, body.tmupdate input[name=starttask]:hover, .btn:hover {
   background: var(--dark-color);
   color: #fff;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

body.tmupdate input[type=submit] {
   background: var(--dark-color);
   color: #fff;
}

body.tmupdate input.submit {
   float: none;
   font-size: 14px;
}

body.tmupdate input[type=submit]:hover {
   background: var(--dark-color);
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

body.tmupdate input[name=starttask] {
   background: var(--dark-color);
   padding: 10px 20px;
   color: #fff;
   width: auto;
}

body.tmupdate input[name=tasks_is_billable]{
   width: auto;
}

body.tmupdate fieldset input.submit {
   float: left;
}

body.tmupdate fieldset label {
   margin: 0;
   font-weight: normal;
}
body.tmupdate fieldset textarea {
   padding: 10px;
   font-size: 14px;
   color: var(--dark-color);
   border: 1px solid #C0BFC0;
   line-height: 15px;
}

body.tmupdate fieldset input[type=text] {
   font-size: 14px;
   padding: 5px;
   border: 1px solid #C0BFC0;
   width: 200px;
}

body.tmupdate fieldset select {
   width: 200px;
}

/* Login Page */

body.tmupdate #loginWrap {
   margin: 100px auto;
   width: 390px;
}

body.tmupdate div#contentLogin {
   background: #fff;
   background-image: none;
   padding-top: 0;
   height: auto;
}

body.tmupdate div#contentLogin input {
   width: 250px;
   padding: 15px 15px;
   font-size: 14px;
   border: 0;
}
body.tmupdate div#contentLogin input[type=text], body.tmupdate div#contentLogin input[type=password] {
   background: #f2f1ee;
}

body.tmupdate div#contentLogin input[type=submit] {
   width: 280px;
   margin: 5px;
}


body.tmupdate div#contentLogin form#login {
   width: 310px;
}

body.tmupdate div#contentLogin img {
   margin-top: -45px;
}

body.tmupdate div#contentLogin form#login fieldset {
   padding-top: 0;
}

body.tmupdate div#contentLogin p#LoginFail {
   width: 270px;
   color: #65010f;
   background: #feccd3;
   padding: 15px 60px;
   margin-bottom: 10px;
   font-weight: normal;
   display: none;
   font-size: 14px;
	text-align: center;
}

body.tmupdate div#contentLogin p#LoginFail.FailShow {
   display: block;
}


/* ------------ End New Styling ------------ */



/* Project Budget Report */

table tr.budgetUsageCritical:hover {
   background: #ffdcde;
}

table tr.budgetUsageAlert:hover {
   background: #fffac2;
}

tr.budgetUsageCritical {
   background: #ffdcde !important;
}

tr.budgetUsageAlert {
   background: #fffac2 !important;
}

td.budgetUsage p {
   font-weight: bold;
}

.box.client-notes td:last-child {
	word-break: break-word;
}

.project-schedule-note {
	margin-top: 10px;
}
.project-schedule-note textarea {
	margin-top: 5px;
	width: 114px;
}

div.login-logo-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

div.login-logo {
	width: 200px;
	height: 160px;
	padding: 20px;
}