@charset "UTF-8";
@import "reset.css";
@import "structure.css";

/* STYLE
	 ================================================== */

body {
	background: #eeeeee; 
	color: #222222;		
}

a {
	color: #0083c7
}

a:hover,
a.current {
	color: #aaaaaa
}

/* MENU / SYSTEM BAR
	 ================================================== */

#HEADER {
	height: 25px;
}

#SYSTEM_BAR {
	background: #016293 url(../images/themes/footer-background-blue.png) repeat-x;
	color: #000;
	width: 100%;
}

#USERNAME {
	background: url(../images/message-bg.png);
	border: solid 1px #000;
	color: #fff;
	margin-bottom: 20px;
}

#MAIN {
	background: #ffffff;
	border-radius: 2px;
}

/* ===[ When grabbing POP UPS directly from full pages ]=== */

#bottom_shadow {
	display: none
}

#FOOTER {
	background: #016293 url(../images/themes/footer-background-blue.png) repeat-x;
	color: #ffffff;
}

		#FOOTER a {
			color: #ffffff
		}

		#FOOTER a:hover {
			color: #cccccc
		}

/* ===[ Standard Font Styles ]=== */

h1 {
	color: #cc0001;
}

h2,
.heading {
	color: #0083c7;
}

h2.fold {
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #eee;
	border-left: solid 1px #eee;
	cursor: pointer;
	font-weight: bold;
}

h3 {
	color: #0083C7
}

table.fold_data {

}

.heading a {
	color: #0083c7
}

.formheading,
table.datatable th {
	color: #cc0001
}

		.formheading a,
		table.datatable th a {
			color: #cc0001;
			text-decoration: none;
		}

		.formheading a:hover,
		table.datatable th a:hover {
			color: #aaaaaa
		}

/* !MODULES
	 ================================================== */

.MODULE {
	background: #ffffff;
	margin-bottom: 20px;
	background: #ffffff;
}

img.module-bottom {
	display: none
}

.moduleheading {
	background: #016293 url(../images/themes/footer-background-blue.png) repeat-x;
	color: #ffffff;
}

.important,
a.important {
	color: #ff0000
}

/* !MENU
	 ================================================== */

#menu {
	font-size: 13px
}


				#menu ul .item {
					font-size: 11px
				}

		#menu ul:hover .item {
			background: #ddd
		}

				#menu ul:hover .item a {
					color: #000;
					line-height: 25px;
				}

				#menu ul:hover .item a:hover {
					color: #ddd
				}

		#menu ul:hover .item:hover {
			background: #2f2f2f
		}

		#menu .username a {
			color: #fff;
			font-size: 12px;
		}

		#menu .username a:hover {
			color: #ccc
		}

.top {
	color: #fff;
	line-height: 25px;
}

		.top a {
			color: #fff
		}

		.top a:hover {
			background: transparent url(../images/transparent30.png);
			color: #ffffff;
		}

/* !TABLES
	 ================================================== */

.required {
	border-bottom: dotted 1px #000
}

.formtable {
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

		.formtable .title {
			color: #0083c7;
			font-size: 16px;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 0.5px;
		}

		.formtable .last {
			color: #0083c7;
			font-size: 16px;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 0.5px;
		}

.error_message {
	border: solid 1px #0083c7;
	background: #222;
	color: #0083c7;
}

.error {
	color: #ff0000;
	text-decoration: underline;
}

/* ===[ Display tables on VIEW pages ]=== */

.datatable tr.colored {
	background-color: #eeeeee;
	border: solid 1px #eee;
	border-radius: 3px;
}

.datatable tr.inactive td {
	text-decoration: line-through
}

.topborders th,
.topborders td {
	border-bottom: dotted 1px #ddd
}

td.greybar {
	background-color: #bbb;
	border-bottom: solid 1px #ddd;
}

.totalsheading {
	color: #cc0001
}

/* !POPUP BOX
	 ================================================== */

#EDIT_BACKGROUND {
	background: url(images/transBlackChip.png)
}

tr.quote_expenses td {
	border-bottom: solid 1px #000
}

.whitebox {
	background-color: #fff
}

#error_message {
	background: #ffffff;
	border: solid 8px #2F2F2F;
}

#background {
	background: #cccccc
}

#edit_window {
	background: #ffffff;
	border-radius: 2px;
}

#close-button {

}

		#close-button a {
			background: transparent url(../images/icons/close.png) no-repeat
		}

/* !JOB TYPE COLORS
	 ================================================== */

.invoiced {
	color: blue
}

.in-progress {
	color: green
}

.completed {
	color: orange
}

.cancelled,
.on-hold,
.write-off {
	color: red
}

.paid {
	color: blue
}

/* !QUOTE STATUS COLORS
	 ================================================== */

.pending {
	color: green
}

.declined {
	color: red
}

.accepted {
	color: blue
}

/* ===[ Timesheet graph module ]=== */

.timesheet_graph_block {
	border-bottom: dotted 1px #ccc
}

.timesheet_graph_block:hover {
	background: #ccc
}

/* ===[ Timesheet week header ]=== */

#timesheet_weekly_header {
	border: solid 1px #eee
}

				#timesheet_weekly_header .weeklytable a:hover {
					background-color: #eeeeee;
					color: #0083c7;
				}

		#timesheet_weekly_header a.today,
		#timesheet_weekly_header a.today:hover {
			color: #fff;
			background: #0083c7;
		}

.colored {
	background-color: #eeeeee
}

/* different backgrounds for each arrow	 */

a.arrow-left-last {
	background: #fff url(../images/icons/arrow-left-last.png) top left
}

a.arrow-left-next {
	background: #fff url(../images/icons/arrow-left-next.png) top left
}

a.arrow-right-last {
	background: #fff url(../images/icons/arrow-right-last.png) top left
}

a.arrow-right-next {
	background: #fff url(../images/icons/arrow-right-next.png) top left
}

/* ===[ General hacks/changes to elements ]=== */

hr {
	border-top: dotted 1px #ccc
}

/* !FORMS
	 ================================================== */

.stdbutton {
	border-top: solid 1px #eee;
	border-left: solid 1px #eee;
	border-right: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
	background: #ffffff;
	color: #0083C7 !important;
	padding: 8px;
	text-transform: uppercase;
	font-weight: bold;
}

.stdbutton:hover {
	background: #eeeeee;
	color: #000000 !important;
}

input[type=text],
input[type=password],
input.stdcopy,
textarea,
textarea.stdcopy {
	border-top: solid 1px #bbbbbb;
	border-left: solid 1px #bbbbbb;
	border-right: solid 1px #eee;
	border-bottom: solid 1px #eee;
}

input:focus,
textarea:focus {
	background: #eeeeee
}

input[type=submit],
input[type=button],
input.submit,
.ui-datepicker-trigger {
	border-top: solid 1px #eee;
	border-left: solid 1px #eee;
	border-right: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
	background: #ffffff;
	color: #0083c7;
}

input[type=submit]:hover,
input[type=button]:hover,
input.submit:hover {
	background: #eeeeee;
	color: #000000;
}

/* jQuery Datepicker Style	*/

#ui-datepicker-div {
	display: none
}

.ui-datepicker {
	border-top: solid 1px #eee;
	border-left: solid 1px #eee;
	border-right: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
	background: #ffffff;
}

.ui-datepicker-header {
	background: #016293 url(../images/themes/footer-background-blue.png) repeat-x;
	color: #ffffff;
}

/* == DASHBOARD / HOME PAGE == */

div.home-module {
	border: solid 1px #ccc;
}

/* Task and job listings on dashboard */
div.home li {
	line-height: 24px;
	list-style: none;
	border-bottom: solid 1px #ccc;
	padding: 5px 0 10px 0;
}
	div.home li:last-child {
		border-bottom: 0;
	}
	div.home li.title {
		list-style: none;
		margin-left: -15px;
		font-weight: bold;
		margin-top: 5px;
	}

/* Blocks of content on the dashboard */
.home-task-block {
	margin-bottom: 10px;
}	
	.home-task-block h2 {
		text-align: left;
		padding: 0px;
		font-weight: normal;
	}
	.home-task-block h3 {
		padding: 0 !important;
		color: #cc0001;
	}	
	.home-task-block p {
		font-size: .9em;
		line-height: 1.2em;
	}