@charset "UTF-8";
/*
	CSS Document
	Coded by: Lyle Hebel (Don't steal my code thanks!)
	Massie Studios
	Version 1.0
	March 2011

*/


body{
  background: #efefef;
	font-family: 'PT Sans', sans-serif;
}


h1{
	font-size: 42px;
	color: #333;
	text-shadow: 1px 1px 1px #FFF;
	line-height: 30px;

}

h2.dated {
	font-weight: bold;
	line-height: 1;
	margin-right: 2rem;
    margin-bottom: 1.5rem;
	color: black;
	border: none;
	text-shadow: 1px 1px 1px rgba(255,255,255,.85);
	float: left;
	font-size: 18px;
	font-weight: 700;
}

h3{
	font-size: 26px;
	margin: 0px;
	padding: 0px;
	color: #333;
	line-height: 28px;
	text-shadow: 1px 1px 1px #FFF;

}

.clear{
	clear: both;
}


p{
	font-size:14px;
	color: #000;
}

.sentanceCase{
	text-transform:uppercase;
}

.logo{
	margin: 0 4px -12px 0;
}


#container{
    width: 90%;
	min-width: 1000px;
	margin: 0 auto;
	margin-top: 0px;

}

.graybackground{
	background-color: #f7f7f7;
}

.whiteBackground{
	background-color:#FFFFFF;
}

.gray{
	color: #999;
}

.hours{
	color: #b0b0b0;
	margin: -5px 0 0 0;
}


#header{
    width: 100%;
	min-width: 1000px;
	height: 60px;
	background: url(../images/backgroundBrad.jpg) no-repeat;
	background-color: #cc0000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.5);
	box-shadow: 0 1px 4px rgba(0,0,0,.5);
	margin: auto;
}


#titleA{
	width: 980px;
	float: left;
	margin: 20px;
}

#content{
    width: 100%;
	min-width: 1000px;
    /*float: left;*/
	margin: auto;

}


#nav a{
	font-weight: 400;
	font-size: 18px;
	float: right;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 5px;
	font-family: 'PT Sans', sans-serif;
	text-shadow: 1px 1px 1px rgba(0,0,0,.65);
	margin: 13px 10px 0px 10px;

}

#nav a:hover,
#users #nav_users,
#clients #nav_clients,
#vendors #nav_vendors,
#cur #nav_current, /* staff, billing */
#del #nav_delayed, /* staff, billing */
#comp #nav_completed, /* staff */
#arc #nav_archive, /* staff */
#add #nav_add, /* staff, billing */
#billing #nav_ready, /* billing */
#billing_final #nav_last /* billing */ {
	font-weight: 400;
	font-size: 18px;
	float: right;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 5px;
	background-color: #990000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow:inset 0 1px 10px rgba(0,0,0,.5);
	-moz-box-shadow:inset 0 1px 10px rgba(0,0,0,.5);
	box-shadow:inset 0 1px 4px rgba(0,0,0,.5);
	margin: 14px 10px 0px 10px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.85);


}










#billingProjects{
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.5);
	box-shadow: 0 1px 4px rgba(0,0,0,.5);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 400px;
}


#login{
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.5);
	box-shadow: 0 1px 4px rgba(0,0,0,.5);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 300px;
	margin: 0 auto;
	margin-top: 50px;
	padding: 20px;
}


body#authenticate form {background: rgba(255,255,255,.9);}

#logout h3{
	text-align: center;
	margin-top: 20px;

}

#logout{
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.5);
	box-shadow: 0 1px 4px rgba(0,0,0,.5);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 300px;
	height: 140px;
	margin: 0 auto;
	margin-top: 50px;
	padding: 10px 20px;
}

#billingArchive{
-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.5);
	box-shadow: 0 1px 4px rgba(0,0,0,.5);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 1000px;
}


/* tables */
table.tablesorter {
    clear: both;
    display: block;
	/*margin:10px 0px 15px;*/
	font-size: 14px;
	width: 100%;
	min-width: 1000px;
	margin: auto;
	margin-top: 45px;
	margin-bottom: 15px;
	text-align: left;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.5);
	box-shadow: 0 1px 4px rgba(0,0,0,.5);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: url(../images/bg_table.jpg) repeat;
  table-layout: fixed;
}


table.tablesorter tr td {
	border: 1px dotted #eaeaea;
  overflow: scroll;
}


table.tablesorter thead tr th {
	font-size: 14px;
	padding: 10px;
	text-align: left;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.65);
	font-weight: 600;
}

table.tablesorter tfoot tr th {
	font-size: 14px;
	padding: 10px;
	text-align: left;
	text-transform: uppercase;
	border-top: 1px solid #ccc;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.65);
	font-weight: 600;
}

table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;


}
table.tablesorter tbody td {
	padding: 10px;
	vertical-align: top;

}




table.tablesorter thead tr .headerSortUp {
	background-image: url('/images/asc.gif');
}
table.tablesorter thead tr .headerSortDown {
	background-image: url('/images/desc.gif');
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {

}

/*** BTNS ***/

#changes{
width: 50px;
height: 20px;
float: left;
}

div#view a {
	margin-bottom: 10px;
	width:20px;
	height:20px;
	display:block;
	background:url(../images/view.png) no-repeat;
	overflow:hidden;
}

a#viewBTN {
	background-position:0 0;
	cursor:pointer;
}

a:hover#viewBTN {
	background-position:-20px 0px;
	cursor:pointer;
}

div#edit a {
	width:20px;
	height:20px;
  margin-bottom: 10px;
	display:block;
	background:url(../images/edit.png) no-repeat;
	overflow:hidden;
}

a#editBTN {
	background-position:0 0;
	cursor:pointer;
}

a:hover#editBTN {
	background-position:-20px 0px;
	cursor:pointer;
}

div#trash a {
	width:20px;
	height:20px;
	display:block;
	background:url(../images/trash.png) no-repeat;
	overflow:hidden;
}

a#trashBTN {
	background-position:0 0;
	cursor:pointer;
}

a:hover#trashBTN {
	background-position:-20px 0px;
	cursor:pointer;
}



/*** FORMS ***/


#container fieldset {
	border:none;
	padding:0px 0px 20px 0px;
	margin:0px;
}

#container fieldset input[type="email"],
#container fieldset input[type="number"],
#container fieldset input[type="tel"],
#container fieldset input[type="text"],
#container fieldset input[type="date"] {
	width: 300px;
	padding: 5px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	border: none;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 12%, from(#999), to(#fff));
	background-image: -moz-linear-gradient(0% 12% 90deg,#fff, #999);
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
}

#container fieldset input[type="password"] {
	width: 300px;
	padding: 5px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	border: none;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 12%, from(#999), to(#fff));
	background-image: -moz-linear-gradient(0% 12% 90deg,#fff, #999);
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
}

#container fieldset input[type="radio"] {
	padding: 5px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
}


#content a.btn,
#container fieldset input[type="submit"] {
	padding: 8px 15px;
	font-weight: bold;
	line-height: 1;
	color: #333;
	border: none;
	text-shadow: 1px 1px 1px rgba(255,255,255,.85);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
	background-image: -moz-linear-gradient(0% 100% 90deg,#bbb, #fff);

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.5);

	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
    text-decoration: none;
}

#container fieldset input[type="button"] {
	padding: 8px 15px;
	font-weight: bold;
	line-height: 1;
	color: #666;
	border: none;
	text-shadow: 1px 1px 1px rgba(255,255,255,.85);

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
	background-image: -moz-linear-gradient(0% 100% 90deg,#bbb, #fff);

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.5);

	cursor: pointer;
	float: right;

	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
}



#container fieldset button {
	padding: 4px 8px;
	width: 60px;
	font-weight: bold;
	line-height: 1;
	color: #666;
	border: none;
	text-shadow: 1px 1px 1px rgba(255,255,255,.85);

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
	background-image: -moz-linear-gradient(0% 100% 90deg,#bbb, #fff);

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.5);

	cursor: pointer;
	float: right;

	font-family: 'PT Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
}


#container  fieldset select {
	width: 300px;
	padding: 4px 4px;
	height:30px;
	color: #666;
	border: 1px solid #999;
	background-color: #fff;
	font-size: 12px;
	font-weight: 400;
}


#container fieldset input[type="submit"]:hover {
	color: #333;
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	font-family: 'PT Sans', sans-serif;
	}

	#container fieldset input[type="button"]:hover {
	color: #333;
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
	font-family: 'PT Sans', sans-serif;
	}

#container fieldset label {
	display: block;
	font-weight: 600;
	line-height: 14px;
	font-size:14px;
	color: rgba(0,0,0,.6);

	margin:0 0 4px 0;
}

#container fieldset label.error {
	display: block;
	font-weight: 600;
	line-height: 14px;
	font-size:16px;
	color:red;
	margin:0 0 4px 0;
}

#singleColumnEQ {
	font-weight: normal;
	line-height: 14px;
	font-size:14px;
	color: rgba(0,0,0,.6);
	text-shadow: 1px 1px 1px #FFF;
	margin:0 0 4px 0;
}

#container fieldset input[type="text"]:focus,
#container fieldset input[type="date"]:focus {
	border: none;
	background-image: none;
	background: #fff;
	-webkit-animation: pulse 1.5s infinite ease-in-out;
	}

#container  fieldset textarea:focus {
	border: none;
	background-image: none;
	background: #fff;
	-webkit-animation: pulse 1.5s infinite ease-in-out;
	}

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 20px rgba(51,204,255,.1);
	}
	50% {
		-webkit-box-shadow: 0 0 20px rgba(51,204,255,.9);
	}
	100% {
		-webkit-box-shadow: 0 0 20px rgba(51,204,255,.1);
	}
}

@-webkit-keyframes pulse-error {
	0% {
		-webkit-box-shadow: 0 0 12px rgba(204,0,0,.1);
	}
	50% {
		-webkit-box-shadow: 0 0 12px rgba(204,0,0,.);
	}
	100% {
		-webkit-box-shadow: 0 0 12px rgba(204,0,0,.1);
	}
}



select {
    border: 1px;
}

@media print {

	body {
		background:none !important;
	}

	#container {
		float: none !important;
		clear: both !important;
		display: block !important;
		position: relative !important;
		background: none;
		width: 1000px;
	}

	#filter{
	display: none;
	}

	#nav{
		display:none;
	}

	#changes{
		display:none;
	}

	table.tablesorter {
	margin:10px 0px 15px;
	font-size: 14px;
	width: 100%;
	text-align: left;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: none;
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,.5);
	box-shadow: 0 0px 0px rgba(0,0,0,.5);
	border: 1px solid #000;
	}

	table.tablesorter thead tr  {
	border: 1px solid #000;

	}

	table.tablesorter tfoot tr{
	border: 1px solid #000;
	}
}



/* jB */
hr {
    border-top: 1px dotted #333;
}

.nicEdit-main {
    background-color: #fff;
}

fieldset div.nicEdit-panel {
    background: rgb(239,239,239);
}

#site-header {
    display: flex;
}

#site-header hgroup {
    flex: 2;
}

#site-header #search div,
#site-header #filter {
    display: flex;
    flex: 1;
    flex-direction: row;
    padding-left: 2rem;
    padding-top: 1.5rem;
}

#site-header #filter select {
    margin-left: 0.5rem;
    width: 100%;
}

#site-header #search button,
#site-header #search input,
#site-header #filter select {
    height: 2rem;
    padding: 0 0.5rem;
    font-size: 1rem;
    font-weight: 400;
}

.message {
    padding: 1rem;
    list-style: none;
    border: 1px solid #ccc;
    margin-bottom: 2rem;
}

.message.warning {
    background: #b52f26;
    color: #fff;
}

.message.success {
    background: #1a1a;
    color: #fff;
}

#content a {
    color: rgb(60, 147, 203);
}

.col-3 {
    column-count: 3;
    width: 100%;
    column-width: 1fr;
    column-gap: 2rem;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}

.col-3 fieldset {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.col-3 div {
    /* weird hack as auto rows are very very tall */
    color: #666;
    /* margin-bottom: -2rem; */
}

.grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2rem;
}

.grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2rem;
}

.grid-4 input {
    width: 100% !important;
}

.float-right {
    display: block;
    float: right;
}

.caps {
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}

input[disabled] {
    background: transparent !important;
    border: 1px solid #ccc !important;
}

abbr.truncate {
    display: inline-flex;
    width: 4em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 0px none transparent;
    text-decoration: none;
    padding-left: 4px;
}

ul.unstyled {
    margin-left: 0;
    padding-left: 0;
}

ul.unstyled li {
    list-style-type: none;
    margin-bottom: -5px;
}

label .help {
    display: block;
    font-weight: normal;
    margin-top: 0.5rem;
}