/**
 * crm.css
 */

/**
 * main stuffs
 */
body {
	background: #D9DDE8;
}

.body {
	background-color: #fff;
	border: 1px solid #DDD;
	border-top: none;

	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
	box-shadow: 0 1px 10px rgba(0,0,0,0.1);

	padding: 60px 20px 20px 20px;
	z-index: 1;
	min-height: 300px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

body a {
	color: #002277;
}

body .container,
body .navbar-fixed-top .container,
body .navbar-fixed-bottom .container {
	width: 1000px;
}
footer.footer {
	padding-top: 10px;
	color: #858585;
	clear: both;
	padding-bottom: 0.75em;
}
.footer p {
	font-size: 11px;
}
.narrow-body .container {
	max-width: 800px;
	min-height: 440px;
	border-radius: 10px;
}

.clearfix:before,
.clearfix:after {
		content:"";
		display:table;
}

.clearfix:after {
		clear:both;
}
.clearfix {
		zoom:1;
}

/**
 * Modals
 */
.modal {
	display: none;
	background: #f9f9f9;
	border: 0;
	-webkit-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 5px 27px rgba(0, 0, 0, 0.3);
	box-shadow: 0 5px 27px rgba(0, 0, 0, 0.3);
}
.modal-backdrop {
	background: -webkit-radial-gradient(50% 50%, ellipse closest-side, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.75) 80%);
	background: -moz-radial-gradient(50% 50%, ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.75) 80%);
}
.modal-header {
	background: #cecece;
	border-bottom: 1px solid #b2beca;
	-webkit-box-shadow: inset 0 1px 0 white;
	-moz-box-shadow: inset 0 1px 0 white;
	box-shadow: inset 0 1px 0 white;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EFF1F5), to(#C9D2DC));
	background-image: -moz-linear-gradient(top, #EFF1F5, #C9D2DC);
	background-image: -o-linear-gradient(top, #EFF1F5, #C9D2DC);
	o-border-top-left-radius: 6px;
	-moz-border-top-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
	-o-border-top-right-radius: 6px;
	-moz-border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
}
.modal-header h3 {
	text-shadow: 0 1px 0 rgba(255, 255, 255, 1.0);
	color: #475b6f;
}
.modal-footer {
	padding: 15px 20px;
	background: #f0f0f0;
	border-top: 1px solid #ddd;
	text-align: right;
}

label.required, label.bold {
	font-weight: bold
}

/**
 * main page elements
 */
html {
	overflow-y: scroll; /* always show the vertical scrollbar */
	overflow: -moz-scrollbars-vertical;
}
.container.body {
	padding-top: 50px;
	position: relative;
}
body h1 {
	color: #999;
	font-size: 25px;
}
body h2 {
	color: #999;
	font-size: 20px;
}
body h1 a:link, body h2 a:link, body .breadcrumbs a:link {
	color: #bbb;
}
body h1 a:visited, body h2 a:visited, body .breadcrumbs a:visited {
	color: #bbb;
}
body h1 a:active, body h2 a:active, body .breadcrumbs a:active {
	color: #bbc;
	text-decoration: underline;
}
body h1 a:hover, body h2 a:hover, body .breadcrumbs a:hover {
	color: #aab;
}

.header.branding {
	position: relative;
	float: left;
	height: 85px;
	width: 130px; /* 72px; */
	top: -5px;
	background: transparent url("../../../assets/images/EW_new-logo_ENV_IconLogo_justLogo-1_h-60.png") scroll no-repeat 0px 7px; /* environmental-works_logo-raindrop-shadow_85h-1.jpg */
}
.loggedOut .header.branding {
	display: none;
}
body.login.loggedOut .page-header {
	display: none;
}
body.login.loggedOut .alert.alert-danger {
	width: 999px;
}

j/*
.container #subnav.nav, .project.mainAddress, #editProjectForm {
	margin-left: 78px;
}
*/
form .taxonomy .checkgroup.horiz .groupLabel {
	margin-left: 0px;
}

/**
 * sections
 */
.section {
	margin-bottom: 25px;
}

/**
 * main nav
 */
.navbar a.brand {
	color: #888;
	font-size: 1.2em;
	font-weight: 700;
	margin-top: 4px;
	margin-right: 12px;
}

.navbar-fixed-top {
	margin-bottom: 0;
	box-shadow: 0 5px 7px rgba(0, 0, 0, 0.08);
}
body .navbar-fixed-top, body .navbar-fixed-top .container, body .navbar-inner {
	height: 36px;
	min-height: 36px;
}
body .navbar .divider-vertical {
	height: 34px;
}
#nav {
	font-size: 17px;
}
.nav {
	margin: 5px 0px 0px 5px;
	font-size: 1.2em;
}
.nav li {
	margin-right: 16px;
	position: relative;
	list-style-type: none;
}
body .navbar .nav > li > a {
	font-size: 19px;
	color: #bbb;
}
body .navbar .nav > li li a {
	font-size: 15px;
}
.nav li a {
	float: left;
	line-height: auto;
	padding: 0px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar .nav li a:link {
	color: #bbb;
}
.navbar .nav li a:visited {
	color: #bbb;
}
.navbar .nav li a:active {
	color: #ccc;
	text-decoration: underline;
}
.navbar .nav li a:hover {
	color: #fff;
}
.nav .folding {
	display: none;
	position: absolute;
	top: 1.5em;
	left: 0px;
	width: auto;
	margin-left: 0px;
	padding: 2px 5px 5px 10px;
	white-space: nowrap;
	background-color: #2C2C2C;
	background-image: -moz-linear-gradient(center top , #292929, #191919); /*#333333, #222222);*/
	background-repeat: repeat-x;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset;
}
.nav .folding li {
	font-size: 0.9em;
	line-height: 1.6em;
}
.nav li:hover > ul.folding {
	display: block; /* makes the child block visible - one of the most important declarations.	The ">" targets only the child ul, not any child uls of that child ul */
}
.navbar #navUserControls {
	right: -15px;
}
.navbar #navUserControls .dropdown {
	margin-right: 0px;
}
.navbar #navUserControls .dropdown .caret {
	margin-left: 6px;
}
.navbar #navUserControls .dropdown-menu {
	width: 140px;
	min-width: auto;
}
.navbar #navUserControls .dropdown-menu li {
	padding: 0.2em 0 1.3em 0.8em;
}
.navbar #navUserControls .dropdown-menu .divider {
	display: none;
}
.navbar #navUserControls .dropdown-menu a:link {
	color: #999;
}
.navbar #navUserControls .dropdown-menu a:visited {
	color: #999;
}
.navbar #navUserControls .dropdown-menu a:active {
	text-decoration: underline;
}
.navbar #navUserControls .dropdown-menu a:hover {
	color: #eee;
}
.navbar #navUserControls li.devStatus {
	color: #b2e;
	font-family: monospace;
	font-size: 1.3em;
	margin-top: 11px;
	margin-right: 0;
}

/**
 * nested navs
 */
.nav li ul.folding li {
	position: relative;
	height: 1.5em; /* yep! */
	border: 0px solid blue;
}
.nav li ul.folding ul.folding {
	position: absolute;
	top: 6px;
	left: 111px;
}
.nav li ul.folding ul.folding li {
	clear: left;
}
/**
 * nav specifics
 */
ul.nav a[title="Calendar"]:link, ul.nav a[title="Calendar"]:visited {
	color: #777;
}

/**
 * subnav
 */
#subnav.nav {
	margin: 0;
}
#subnav.nav li {
	float: left;
	margin: 0px 1.5em 9px 0px;
	font-size: 1.1em;
	font-weight: 400;
}
#subnav.nav li a {
	color: #aaa;
	float: left;
	line-height: auto;
	padding: 0px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#subnav.nav li a:link {
}
#subnav.nav li a:visited {
}
#subnav.nav li a:active {
	color: #999;
	text-decoration: underline;
}
#subnav.nav li a:hover {
	color: #999;
	background-color: transparent;
}
#subnav.nav li a.active {
	text-decoration: underline;
}

/**
 * header controls
 */
.header.controls {
}
.header.controls select, .header.controls input {
	float: left;
	height: auto;
	width: auto;
	padding: 0px 2px 0px 2px; /* ie override */
	margin-right: 0.75em;
}
.IE .header.controls label {
	margin-top: 0.15em;
}
.IE .header.controls select {
	padding-top: 2px;
}
form.header.controls .section, form.header.controls label {
	clear: none;
}
form.header.controls .section.buttons {
	margin-left: 0.5em;
}
.header.controls .numRows * {
	margin-bottom: 2px;
}
.header.controls .numResults {
	float: right;
	clear: right;
	font-style: italic;
}

/**
 * subselects
 */
.title {
	float: left;
}
.subselects {
	clear: left;
}
.subselects label {
	float: left;
	font-style: italic;
	padding-right: 0.5em;
	margin-top: 0.0em;
	padding-left: 0px; /* reset bootstrap */
}
.subselects label.checkbox {
	cursor: pointer;
}

/**
 * num rows
 */
.numRows {
	float: right;
	clear: right;
}
.numRows label {
	display: inline;
	font-style: italic;
}
.header .numRows select {
	float: right;
	margin-right: 0px;
	margin-left: 2px;
}

/**
 * pager
 */
.pager {
	clear: left;
	text-align: left;
}
.pager .page {
	display: inline-block;
	padding: 1px 5px;
	margin: 0px 0.3em 0.3em 0px;
	background-color: #fbfbfb;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px; /* cross-browser rounded */
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.pager .page.current {
	text-decoration: underline;
}
.pager .page.previous, .pager .page.next {
	background-color: #fbfbfb;
	border: 1px solid #ddd;
	padding: 1px 7px;
}
.pager .page.previous {
	margin-right: 4px;
}
.pager .page.next {
	margin-left: 4px;
}
.pager .first, .pager .last {
	font-size: 1.1em;
}
body .pager.bottom {
	margin-bottom: 0.1em;
}

/**
 * facebox & facebox subnav
 */
#facebox:hover {
	cursor: move;
}
body #facebox .popup {
	border: 5px solid rgba(0, 0, 0, 0);
}
#facebox .content:hover {
	cursor: auto;
}
#facebox .saving {
	text-align: center;
	font-style: italic;
	font-size: 1.3em;
	color: #999;
	height: 140px;
	padding-top: 70px;
}
#facebox .saving .working {
	width: 40px;
	height: 40px;
	background: transparent url('../../../assets/images/ajax-loaders/ajax-loader_indicator-big-2.gif') scroll no-repeat 0px 0px;
	position: relative;
	float: left;
	left: 244px;
	top: -10px;
}

/**
 * facebox subnav
 */
#facebox .nav {
	margin: 0;
}
#facebox .nav li {
	float: left;
	margin: 0px 13px 9px 0px;
	font-size: 0.95em;
}
#facebox .nav li a {
	color: #aaa;
	float: left;
	line-height: auto;
	padding: 0px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#facebox .nav li a:link {
}
#facebox .nav li a:visited {
}
#facebox .nav li a:active {
	color: #999;
	text-decoration: underline;
}
#facebox .nav li a:hover {
	color: #999;
	background-color: transparent;
}
#facebox .nav li a.active {
	text-decoration: underline;
}
#facebox .tab {
	clear: left;
	padding-top: 1px;
}

/**
 * breadcrumbs
 */
.breadcrumbs {
	line-height: 36px;
	float: left;
	margin-left: 5px;
}
.breadcrumbs a, .breadcrumbs span {
	float: left;
}
.breadcrumbs h1 {
	clear: left;
	color: #aaa;
	font-size: 1.5em;
	margin-top: 0px;
	line-height: 0.7em;
}
.breadcrumbs a {
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 0px;
}
.breadcrumbs span {
	color: #ccc;
	margin: -1px 8px 0px 8px;
}

/**
 * tabs
 */
.tab {
	clear: left;
	display: none;
}
.tab.active {
	display: block;
}
.tab .group {
	float: left;
	clear: left;
	padding: 4px 12px;
}
.tab.summary {
}

/**
 * columns & groups
 */
.tab .group.column {
	border-top: 1px solid #efefef;
	border-right: 1px solid #dfdfdf;
	border-bottom: 1px solid #bfbfbf;
	border-left: 1px solid #efefef;
}
.tab .group.rightCol {
	float: right;
	clear: right;
	width: 420px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.tab .group.leftCol {
	float: left;
	clear: left;
	width: 500px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.tab .rightColContainer {
	float: right;
	clear: right;
}
.tab .leftColContainer {
	float: left;
	clear: left;
}
.group.singleColumn {
	width: 975px;
	clear: left;
}
.group ul {
	list-style-type: none;
	margin-left: 3px;
}
.column ul .content {
	float: left;
	clear: left;
}

/**
 * project info
 */
.mainAddress {
	clear: left;
}
br.floatBreak {
	line-height: 2.1em;
}
.projectTop .mainAddress a, .projectTop .mainAddress span, .projectTop .mainAddress h1 {
	color: #777;
}
.projectTop {
	float: left;
	width: 592px;
}
.mainAddress h1 {
	font-size: 1.3em;
	margin: 0px auto 2px 0px;
	line-height: 1.2em;
}
.mainAddress a {
	font-size: 1.4em;
	font-weight: 700;
	margin-bottom: 0px;
}
.projectTop .projectForm {
	margin-left: -4px;
	float: left;
	clear: left;
}
#facebox .header.mainAddress .meta.wrapper {
	margin-top: -4px;
	margin-bottom: 5px;
}
#facebox .header.mainAddress .meta {
	float: left;
}
#facebox .header.mainAddress .meta label {
	margin-right: 1px;
}
#facebox .header.mainAddress .meta .group {
	float: left;
	clear: none;
	margin-right: 14px;
}
#facebox #mainAddressForm input[name="site_city"]{
	width: 175px;
}
#facebox #mainAddressForm input[name="site_state"]{
	width: 120px;
}
#facebox #mainAddressForm input[name="site_zip"]{
	width: 70px;
}
#facebox #mainAddressForm .cityStateGroup label, #facebox #mainAddressForm .cityStateGroup .control-group {
	float: left;
	clear: none;
}
#facebox #mainAddressForm .cityStateGroup label {
	position: relative;
	top: 0.7em;
}
#mainAddressForm .cityStateGroup .control-group {
	margin-right: 10px;
}

.meta, .meta label {
	color: #999;
}
.meta {
	float: right;
	margin: 2px 5px 0px 0px;
	text-align: right;
}
.meta label {
	display: inline;
	margin-right: 3px;
	margin-bottom: 0px;
}
.meta .group {
	clear: left;
}
.meta.group {
	clear: both;
}
.meta .controls {
	margin: 6px -6px 0px 0px;
}
.projectsTable .projectMeta, .contactsTable .projectMeta {
	display: none;
}
#facebox .meta {
	float: right;
}
#facebox .meta.wrapper {
	margin-top: 0px;
	margin-bottom: 0px;
}
.meta.singleContact,
	.meta.projectMeta {
	clear: right;
	margin-bottom: 6px;
}

/**
 * forms
 */
form label {
	clear: left;
	float: left;
}
form.projectForm label {
	width: 7.5em;
	text-align: right;
	margin-right: 7px;
}
form.projectForm fieldset {
	padding: 2px 15px 2px 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #ddd;
}
form.projectForm legend {
	color: #888888;
	font-size: 1.0em;
	line-height: 1.6em;
	position: relative;
	text-align: center;
	top: -20px;
	width: 6.5em;
	margin-bottom: 0;
	padding: 2px;
	border: 0 solid #EEEEEE;
}
form .checkgroup.horiz {
	clear: left;
}
form .checkgroup.horiz label {
	float: left;
	clear: none;
	margin-left: 0.3em;
	margin-right: 1.1em;
	width: auto;
}
form .checkgroup.horiz label:hover {
	cursor: pointer;
}
form .checkgroup.horiz label.groupLabel:hover {
	cursor: auto;
}
form .checkgroup.horiz input[type="checkbox"] {
	float: left;
}
form .section {
	clear: left;
	margin-bottom: 30px;
}
form .section.first {
	margin-top: 8px;
	margin-bottom: 0px;
	padding-bottom: 25px;
}
form .sectionHeading {
	color: #aaa;
	font-size: 1.0em;
	font-style: italic;
	margin: 5px auto 20px 0px;
	border-bottom: 1px solid #ccc;
}
form .section.buttons {
	margin-left: 17.2em;
}
form input[type="submit"] {
	background: #f2f2f2;
}
.section.buttons input[type="button"], #facebox form input[type="button"], body .container input[type="button"] {
	background: #f2f2f2;
	padding: 2px 7px;
	font-size: 1.0em;
	margin-right: 5px;
}
body .container input[type="button"].primary, #facebox input[type="button"].primary {
	background: #f9f9f9;
}
body .container input[type="button"].important, body .container input[type="submit"].button.important, #facebox input[type="button"].important {
	border: 1px solid #ccd;
	padding: 5px 8px;
	box-shadow: 0 3px 2px rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	border-radius: 4px 4px 4px 4px;
}
body .container input[type="button"].secondary, #facebox input[type="button"].secondary {
}
.section.buttons input[type="button"]:hover {
	text-decoration: underline;
}
form input[type="reset"] {
	background: #ddd;
}
form .section.contactType {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.contactType .control-group label {
	display: none;
}
.group form {
	position: relative;
}
.group form .section.buttons { /* buttons, top right */
	position: absolute;
	right: -5px;
	top: -32px;
}
.group .subsection {
	margin-left: 3px;
}
.group .subsection h5 {
	letter-spacing: 1px;
	margin-bottom: 0.2em;
}
.group .subsection .controls {
	margin-bottom: 0.4em;
	clear: left;
}
.group .subsection .controls a {
	color: #999;
	float: left;
	padding-bottom: 10px;
}
.group .subsection .controls a.add {
	margin-top: 1px;
	margin-left: 5px;
}
.group .subsection .item {
	margin-bottom: 0.5em;
}
.group .subsection .item label {
	font-style: italic;
	padding-right: 0.5em;
	color: #555;
}
.group .subsection .item .data {
	float: left;
	clear: none;
}
.group .subsection .item .controls {
	display: block;
	float: left;
	clear: none;
	height: 12px;
	position: relative;
	width: 50px;
	top: 3px;
	left: 12px;
	overflow: hidden;
}
.group .subsection .item .controls a.delete {
	background: url("../../../assets/images/icons-library-fatcow/16x16_all/cross_red_light2_12x12_sprt_2.png") no-repeat scroll 0 -12px transparent;
	bottom: -1px;
	height: 12px;
	width: 12px;
	margin-top: 1px;
}
.controls a.delete, .controls a.remove {
	background: transparent url('../../../assets/images/icons-library-fatcow/16x16_all/cross_red_light2_12x12_sprt_2.png') scroll no-repeat 0px -12px;
	bottom: -1px;
	height: 12px;
	width: 12px;
	margin-top: 0px;
	margin-left: 0px;
}
.group .subsection .item .controls a.update {
	background: url("../../../assets/images/icons-library-fatcow/16x16_all/text_list_bullets_12px_sprite_1.png") no-repeat scroll 0 -12px transparent;
	height: 12px;
	width: 12px;
	margin-right: 7px;
}
.controls a.update {
	background: url("../../../assets/images/icons-library-fatcow/16x16_all/text_list_bullets_12px_sprite_1.png") no-repeat scroll 0 -12px transparent;
	height: 12px;
	width: 12px;
	margin-right: 7px;
}
.group .item .controls a.map,
	.group .subsection .controls a.map {
	background: url("../../../assets/images/icons-library-fatcow/16x16_all/map_sprt_12x12_2.png") no-repeat scroll 0 -12px transparent;
	height: 12px;
	width: 12px;
	margin-right: 7px;
}
body.project .mainAddress .controls a.map {
	background: url("../../../assets/images/icons-library-fatcow/16x16_all/map_sprt_16x16_1.png") no-repeat scroll 0 -17px transparent;
	height: 16px;
	width: 16px;
	margin-right: 7px;
	margin-top: 3px;
}
.controls a.clear, .controls input[type="image"].clear {
	background: transparent url('../../../assets/images/icons-library-fatcow/16x16_all/cross_blue_light2_12x12_sprt_2.png') scroll no-repeat 0px -12px;
	bottom: -1px;
	height: 12px;
	width: 12px;
	margin-top: 0px;
	margin-left: 0px;
}
.project.mainAddress h1, .project.mainAddress .controls a.map {
	float: left;
}
.project.mainAddress h1 {
	margin-right: 11px;
}
.project.mainAddress .controls .map {
	margin-top: 4px;
}
.group .subsection .item .controls a:hover {
	background-position: 0px 0px;
}
.group .item .controls a:hover {
	background-position: 0px 0px;
}
.project.mainAddress .controls a:hover {
	background-position: 0px 0px;
}
.append .controls a:hover {
	background-position: 0px 0px;
}
.controls a.clear:hover, .controls input[type="image"].clear:hover {
	background-position: 0px 0px;
	cursor: pointer;
}

/**
 * form errors
 */
#formErrors {
	margin: 5px auto 20px 0px;
}
#formErrors h2 {
	color: #777;
	font-size: 1.5em;
}
#formErrors .errorList {
	list-style-type: disc;
	margin-left: 16px;
}
#formErrors .errorList li {
	color: #B94A48;
}
/* inline form error messages */
form .error {
	margin: 0px 0px 0.5em 0px;
	color: #b00;
	font-style: italic;
}

/**
 * search boxes
 */
.searchInline {
	float: right;
	margin: 0px 0px 10px 0px;
	text-align: right;
	position: relative;
}
.searchInline.singleContact {
	margin-bottom: 0px;
}
.searchInline.singleContact input {
	margin-bottom: 0.3em;
}
.searchInline input[name="q"] {
	font-size: 1.2em;
	width: 200px;
	padding: 3px 4px 1px 4px;
	height: 1.5em;
	margin-right: 0px;
}
.searchInline form {
	margin-bottom: 0px;
	position: relative;
}
.searchInline #searchResults .noResults p {
	line-height: 1.0em;
	font-style: italic;
	color: #777;
}
#searchResults,
	.search-results {
	display: none;
	position: absolute;
	z-index: 1000;
	top: 2.5em;
	right: 0px;
	width: auto;
	white-space: nowrap;
	background: #f2f2f2;
	padding: 2px 6px 0px 6px;
	border: 1px solid #ccc;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
#searchResults .searchItem,
.search-results .searchItem {
	margin: 6px 2px;
}
.search.ajax .working,
	.search.input .working,
	.control-group .working {
	display: none;
	position: absolute;
	z-index: 999;
	top: 7px;
	right: 8px;
	width: 15px;
	height: 15px;
	background: transparent url('../../../assets/images/ajax-loaders/ajax-loader_flower_15px_transparent_000.gif') scroll no-repeat 0px 0px;
}

/**
 * summary tables
 */
table.summary {
	width: 100%;
	clear: left;
	font-size: 1.1em;
}
table.summary th {
	text-align: left;
	border-bottom: 1px solid #ddd;
}
table.summary tr {
	border: 1px solid #fff;
}
table.summary tr.even {
	background: #f2f2f2;
	border-bottom: 1px solid #ddd;
}
table.summary tr.odd {
	background: #fefefe;
	border-bottom: 1px solid #ddd;
}
tr td:first-child, tr td:last-child {
	padding-left: 13px; /* make the first cell of every row bold */
}
table.summary a {
	color: #323232;
}
table.summary th {
	color: #999;
	font-size: 0.90em;
	letter-spacing: 0.05em;
	white-space: nowrap;
}
table.summary th a {
	color: #555;
	font-style: italic;
}
table.summary th .orderByGroup {
	letter-spacing: 0.02em;
}
table.summary th .sortArrow {
	padding-left: 0.3em;
	font-weight: 700;
	vertical-align: 1px;
}

/**
 * clickable rows
 */
table tr.clickable {
	cursor: pointer;
}
table tr.clickable:hover {
	background: #FFFF8E;
}
table.summary th.checkAll {
	text-align: center;
}
table.summary th.checkAll input[type="checkbox"][name="checkAll"] {
	margin-left: 11px;
}

/**
 * projects table
 */
body.my-projects .subselects label[for="my_projects"],
	body.my-projects .subselects input#my_projects,
	body.my-projects .subselects label[for="manager"],
	body.my-projects .subselects select[name="manager"] {
	display: none;
}
.projectsTable td {
	vertical-align: top;
	font-size: 1.05em;
	padding: 4px 10px 4px 2px;
}
.projectsTable th {
	padding: 0px 10px 2px 2px;
}
.projectsTable .types {
	width: 89px;
}
.projectsTable td.types {
	font-family: Courier, "Courier New", monospace;
	font-size: 1.3em;
	font-weight: 700;
	color: #777;
}
.projectsTable td.types span {
	padding: 0px 3px;
}
.projectsTable .sites {
	width: 295px;
}
.projectsTable .contacts {
	width: 240px;
}
.projectsTable .events {
	width: 420px;
}
.projectsTable .metaData {
	width: 140px;
}
.projectsTable .taskList {
	margin-top: 0.1em;
	margin-bottom: 0.3em;
}
.projectsTable .scheduled {
	font-size: 0.9em;
	color: #777;
}
.projectsTable td.metaData,
	.contactsTable td.metaData {
	font-size: 1.0em;
	padding-left: 2px;
}
.projectsTable td.metaData label,
	.contactsTable td.metaData label {
	color: #777;
	float: left;
	clear: left;
	font-size: 0.9em;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.projectsTable td.metaData .value,
	.contactsTable td.metaData .value {
	display: block;
	float: left;
}
.projectsTable td.metaData .lastGroup,
	.contactsTable td.metaData .lastGroup {
	margin-top: 0.3em;
}
.projectsTable td.metaData .createdBy,
	.projectsTable td.metaData .modifiedBy,
	.contactsTable td.metaData .createdBy,
	.contactsTable td.metaData .modifiedBy {
	font-size: 0.9em;
	display: block;
	clear: both;
	text-align: left;
	color: #777;
}

.projectsTable .contacts .contactType {
	font-size: 0.9em;
	padding-left: 0.2em;
	color: #666;
}
.projectsTable .contacts .contact.isCaller {
	padding-left: 21px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left 1px;
	background-image: url('../../../assets/images/icons/telephone_icon_blue_16px.png');
}
.projectsTable .spacer {
	height: 0.5em;
}
.projectsTable .managers .managerStatus {
	font-family: "courier new",courier,monotype;
	letter-spacing: 0;
	margin-left: 0.4em;
	margin-right: 0.2em;
	color: #666;
}
.projectsTable .managers .managerTypes {
	color: #666;
}
body.projects .header .pager {
	margin-bottom: 0px;
	position: relative;
	width: 1004px;
	clear: both;
}
body.projects .header .pager .page {
	clear: right;
}
body.projects .header .pager.top:before,
	body.projects .header .pager.top:after {
	content: normal;
	display: block;
}
.projects.title .section.buttons, .contacts.title .section.buttons {
	float: left;
	margin-top: 8px;
	margin-bottom: 0px;
}
.projectMeta {
	
}
.qtip-content h4.metaLabel {
	color: #777;
	font-size: 0.95em;
	float: left;
	clear: left;
	margin-right: 0.5em;
}
.qtip-content .group h4.metaLabel {
	float: left;
	clear: left;
}
.qtip-content .group .metaData {
	float: left;
	clear: none;
}
.qtip-content .group {
	clear: left;
	margin-bottom: 0.2em;
}
.qtip-content h4.metaLabel.inline {
	clear: none;
	margin-left: 1.0em;
}
.qtip-content div.metaData {
	color: #777;
	font-size: 1.1em;
	float: left;
}
.qtip-content .techoGroup {
	font-size: 1.0em;
	padding-top: 1.4em;
}
body.projects h1, body.my-projects h1, body.contacts h1 {
	float: left;
	margin-right: 10px;
}
.qtip-content dl {
	margin-top: 0px;
	margin-bottom: 0px;
}
.qtip-content dd {
	margin-left: 0px;
}

/**
 * task list templates (ie: job templates)
 */
.job-templates .qtip-content {
}
.job-templates .qtip-content dl.taskListTemplateTimeSlots dt {
	
}
.job-templates .section.buttons {
	float: right;
	margin-top: 10px;
}
.projectsTable.taskListTemplatesTable th.title,
	.projectsTable.taskListTemplatesTable td.title {
	width: 350px;
	float: none;
}
.projectsTable.taskListTemplatesTable th.scheduling,
	.projectsTable.taskListTemplatesTable td.scheduling {
}
.projectsTable.taskListTemplatesTable .templateTitle {
	font-weight: 700;
	font-size: 0.9em;
}
.projectsTable.taskListTemplatesTable .templateDescription {
}
.projectsTable.taskListTemplatesTable td.scheduling dl {
	margin-top: 0px;
	margin-bottom: 0px;
}
.projectsTable.taskListTemplatesTable td.scheduling dt {
	font-size: 0.87em;
}
.projectsTable.taskListTemplatesTable td.scheduling dd {
	margin-bottom: 0.6em;
	margin-left: 0px;
	font-size: 0.9em;
}
.projectsTable.taskListTemplatesTable td.scheduling dd.last {
	margin-bottom: 0;
}
.projectsTable.taskListTemplatesTable td.scheduling dl .inherited {
	font-weight: 400;
	font-style: italic;
	font-size: 0.9em;
	padding-left: 0.5em;
	color: #777;
}
#facebox .projectForm textarea#task_list_template_description {
	height: 4.1em;
}
#facebox #newTaskListTemplateForm input.add.task.button {
	margin-top: 0.6em;
}
#facebox #newTaskListTemplateForm #newTaskTemplateSubmit2 {
	margin-top: 0.6em;
	padding: 2px 7px;
	background-color: #e5e5e5;
}
#facebox #newTaskListTemplateForm .tasksHolder .task {
	margin-top: 0.7em;
}
.job-template #subnav {
	margin-left: 2px;
	clear: both;
}
.job-template #subnav.nav li a {
	text-shadow: none;
	font-weight: 700;
	color: #444;
}
.job-template #subnav.nav li a.active {
}
.job-template .breadcrumbs span.jobType {
	color: #777;
	font-size: 1.1em;
	margin-left: 2px;
	margin-top: 1px;
}
.job-template .breadcrumbs .description {
	font-weight: 400;
}
.job-template .breadcrumbs a:link .description {
	color: #777;
}
.job-template .breadcrumbs a:hover .description {
	text-decoration: none;
}
.job-template .tab .group {
	padding-top: 0px;
	width: 98%;
}
.job-template .heading h2 {
	line-height: normal;
	padding-bottom: 0.2em;
}
.job-template .templateTasks li {
	position: relative;
	width: 500px;
	padding: 3px 7px 4px 21px;
	margin-bottom: 0.7em;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	border: 1px solid #CCCCCC;
	border-radius: 4px 4px 4px 4px;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	background-position: 4px 5px;
}
.job-template .templateTasks li .description {
	font-weight: 400;
	color: #444;
}
.job-template .templateTasks li .controls {
	display: block;
	float: right;
	position: relative;
	width: 50px;
	height: 12px;
}
.job-template .templateTasks li .controls a {
	display: block;
	float: right;
	position: relative;
	width: 12px;
	height: 12px;
	margin-left: 7px;
}
.job-template .templateTasks li .controls a.edit {
	background: transparent url('../../../assets/images/icons-library-fatcow/16x16_all/user_comment_sprt_12x12_1.png') scroll no-repeat 0px -12px;
	height: 12px;
	width: 12px;
}
.job-template .templateTasks li .controls a.edit:hover {
	background-position: 0px 0px;
}
.job-template .templateTasks li .controls a.delete {
	background: transparent url('../../../assets/images/icons-library-fatcow/16x16_all/cross_red_light2_12x12_sprt_2.png') scroll no-repeat 0px -12px;
	bottom: -1px;
	height: 12px;
	width: 12px;
}
.job-template .templateTasks li .controls a.delete:hover {
	background-position: 0px 0px;
}
.job-template #taskListTemplateAddTaskForm {
	margin-top: 12px;
	margin-left: 3px;
}
.job-template #taskListTemplateAddTaskForm .tasksHolder .title,
.job-template #taskListTemplateAddTaskForm .tasksHolder .description {
	width: 520px;
}
.job-template #taskListTemplateTimeSlotsForm {
}
.job-template #taskListTemplateTimeSlotsForm label {
	width: 400px;
	text-align: left;
}
.job-template #taskListTemplateTimeSlotsForm label .description {
	color: #999999;
	display: inline;
	font-size: 0.9em;
	margin-left: 1em;
}
.job-template #taskListTemplateTimeSlotsForm label.control-label {
	display: none;
}
.job-template #taskListTemplateTimeSlotsForm .section.buttons {
	margin-left: 0px;
	margin-bottom: 0px;
	top: -30px;
}
.job-template #taskListTemplateTimeSlotsForm .section.buttons.bottom {
	position: relative;
	top: 1.0em;
	left: 0px;
}
.job-template #taskListTemplateTimeSlotsForm .timeSlotChooser {
}
.job-template #taskListTemplateTimeSlotsForm .timeSlotChooser select {
	width: 150px;
}
.job-template #taskListTemplateTimeSlotsForm .timeSlotChooser a.delete {
	display: block;
	float: right;
	margin-top: 8px;
	margin-left: 9px;
}
.job-template #taskListTemplateTimeSlotsForm .timeSlotChooser.first a.delete {
	/*display: none;*/
}
.job-template #taskListTemplateTimeSlotsForm .timeSlot .controls a.add {
	margin-bottom: 15px;
	margin-top: 0;
	padding-left: 20px;
	white-space: nowrap;
	width: 8em;
}
.job-template .inheritedValues {
	float: right;
	margin-right: 215px;
}
.job-template .inheritedValues dl {
	border: 1px solid #ccc;
	padding: 0.3em 0.6em 0 0.6em;
	margin-top: 0.2em;
}
.job-template .inheritedValues dt, .job-template .inheritedValues dd {
	float: left;
}
.job-template .inheritedValues dt {
	clear: left;
	font-size: 0.9em;
}
.job-template .inheritedValues dd .empty {
	color: #999;
}
.job-template .inheritedValues dd.defaultTimeSlots {
	clear: left;
}
.job-template .inheritedValues dd.defaultTimeSlots.empty {
	clear: none;
}
.job-template .inheritedValues dt.noFloat {
	float: none;
}
.job-template #subnav li.last {
	margin-right: 1.4em;
}
#subnav li .helpInfo:hover {
	cursor: pointer;
}
#subnav li .helpInfo {
	background: transparent url("../../../assets/images/icons/question-mark-16-w1.png") scroll no-repeat 0px 0px;
	float: left;
	width: 16px;
	height: 16px;
	position: relative;
	bottom: -1px;
}
form#newTaskListForm select#task_list_template_id {
	width: 686px;
}
form#newTaskListForm .section {
	margin-bottom: 10px;
}
form#newTaskListForm .section.schedulingControls {
}
form#newTaskListForm .section.schedulingControls input {
	float: left;
}
form#newTaskListForm .section.schedulingControls label {
	float: left;
	font-weight: 700;
	clear: none;
	margin-left: 0.5em;
}
form#newTaskListForm .section.schedulingControls label:hover {
	text-decoration: underline;
	cursor: pointer;
}
form#newTaskListForm .section.schedulingControls.padBottom {
	padding-bottom: 2.0em;
}
form#newTaskListForm label[for="calendar_id"] {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}
#facebox #newTaskListForm label[for="calendar_id"] + div.control-group {
	float: left;
}
#facebox #newTaskListForm select#calendar_id {
	width: 207px;
}
#facebox #newTaskListForm label[for="task_list_duration"] {
	clear: none;
	float: left;
	margin-left: 40px;
	margin-right: 10px;
	margin-top: 10px;
}
#facebox #newTaskListForm label[for="task_list_duration"] + div.control-group {
	float: left;
}
#facebox #newTaskListForm select#task_list_duration {
	width: 210px;
}
form#newTaskListForm.fromTemplate .header em {
	font-weight: 700;
	font-size: 0.9em;
}
form#newTaskListForm.fromTemplate .header h4 {
	margin-bottom: 0.2em;
}
form#newTaskListForm.fromTemplate .header p {
	margin-top: 0.2em;
	margin-bottom: 0.4em;
}
form#newTaskListForm.fromTemplate .header p.description {
	margin-bottom: 0.2em;
}
form#newTaskListForm.fromTemplate .header .notes textarea {
	width: 676px;
	height: 2.7em;
}
form#newTaskListForm.fromTemplate #timeSlots {
}
form#newTaskListForm.fromTemplate #timeSlots .working {
	display: none;
}
form#newTaskListForm.fromTemplate .date.wrapper {
	margin-bottom: 15px;
}
form#newTaskListForm.fromTemplate .section.taskList {
	margin-bottom: 0px;
}
form#newTaskListForm.fromTemplate .section.tasksHolder {
	margin-bottom: 5px;
}
form#newTaskListForm.oneOff {
}
form#newTaskListForm.oneOff .jobType label {
	float: left;
	margin-top: 0.3em;
}
form#newTaskListForm.oneOff textarea[name="task_list_description"] {
	height: 2.7em;
}
form#newTaskListForm.oneOff label[for="task_list_description"] {
	display: none;
}
form#newTaskListForm.oneOff select[name="task_list_type[]"] {
	width: 617px;
}
form#newTaskListForm.oneOff .section.taskListDetails input,
	form#newTaskListForm.oneOff .section.taskListDetails textarea {
	width: 677px;
}

/**
 * project add task list from template
 */
#facebox #newTaskListForm.fromTemplate,
	#facebox #newTaskListForm.oneOff {
	width: 690px;
}
#facebox #newTaskListForm.fromTemplate table.summary {
	margin-left: -2px;
}
#facebox #newTaskListForm.fromTemplate table.summary.showing {
	margin-bottom: 15px;
}
#facebox #newTaskListForm.fromTemplate table.summary tr.header th {
	border-bottom: 0px solid #ddd; /* needed */
}
#facebox #newTaskListForm.fromTemplate table.summary td {
	padding-left: 7px;
	padding-top: 2px;
}
#facebox #newTaskListForm.fromTemplate table.summary td.empty {
	font-size: 0.9em;
	padding-top: 0.2em;
	padding-bottom: 0.3em;
}
#facebox #newTaskListForm.fromTemplate table.summary .title{
	float: none;
}
#facebox #newTaskListForm.fromTemplate .working {
	width: 300px;
	height: 100px;
	background: transparent url('../../../assets/images/ajax-loaders/ajax-loader_indicator-big-2.gif') scroll no-repeat 0px 0px;
	position: relative;
	top: 10px;
	left: 5px;
	margin-bottom: -50px;
	padding-left: 50px;
	padding-top: 18px;
	color: #999;
	font-style: italic;
}
#facebox #newTaskListForm.fromTemplate #tasksHolder th a {
	font-style: normal;
	color: #333;
	font-size: 13px;
}
#facebox #newTaskListForm.fromTemplate #tasksHolder tr.tasks {
	display: none;
}
#facebox #newTaskListForm.fromTemplate #tasksHolder tr.tasks.last {
	margin-bottom: 15px;
}
#facebox #newTaskListForm.fromTemplate #tasksHolder input[name="show_tasks"] {
	float: left;
	margin-right: 0.5em;
}
#facebox #newTaskListForm.fromTemplate #tasksHolder label.showTasks {
	/*background: transparent url('../../../assets/images/icons-library-fatcow/16x16_all/bullet_toggle_plus.png') scroll no-repeat 0px 0px;*/
	clear: none;
	width: 200px;
	font-weight: 700;
}
#facebox #newTaskListForm.fromTemplate #tasksHolder label.showTasks:hover {
	text-decoration: underline;
	cursor: pointer;
}
#facebox #newTaskListForm.fromTemplate #tasksHolder .showTasks.hideThem {
	/*background: transparent url('../../../assets/images/icons-library-fatcow/16x16_all/bullet_toggle_minus.png') scroll no-repeat 0px 0px;*/
}

/**
 * new project form
 */
#facebox #newProjectForm {
	margin-top: 0px;
	margin-bottom: 12px;
	padding: 2px 11px 0px 0px;
	width: 742px;
}
body.project .section.taxonomy.first {
	margin-top: 7px;
}
#facebox #newProjectForm .section.taxonomy.first {
	margin-top: 2px;
}
#facebox #newProjectForm.projectForm h4 {
	color: #666;
}
#facebox #newProjectForm .controls .error {
	margin-left: 1.0em;
}
#facebox #newProjectForm .controls .error.first {
	margin-left: 0em;
}
#facebox #newProjectForm .control-group .controls {
}
#facebox #newProjectForm input[name="site_addr_1"] {
	width: 195px;
}
#facebox #newProjectForm input[name="site_addr_2"] {
	margin-left: 1.0em;
}
#facebox #newProjectForm input[name="site_addr_2"],
	#facebox #newProjectForm input[name="site_city"],
	#facebox #newProjectForm input[name="site_state"] {
	width: 114px;
}
#facebox #newProjectForm input[name="site_city"] {
	margin-left: 1.0em;
}
#facebox #newProjectForm input[name="site_state"] {
	margin-left: 1.0em;
}
#facebox #newProjectForm input[name="site_zip"] {
	width: 90px;
	margin-left: 1.0em;
}
#facebox #newProjectForm .contacts.addNew input[id="contact_addr_1[][]"],
	#facebox #newProjectForm .contacts.addNew input[id="contact_addr_2[][]"] {
	/*margin-left: 0.25em;*/
	width: 142px;
}
#facebox #newProjectForm .contacts.addNew input[id="contact_addr_2[][]"] {
	width: 100px;
}
#facebox #newProjectForm .contacts.addNew input[id="contact_city[][]"] {
	width: 110px;
}
#facebox #newProjectForm .contacts.addNew input[id="contact_state[][]"] {
	/*margin-left: 1.0em;*/
	width: 95px;
}
#facebox #newProjectForm .contacts.addNew input[id="contact_zip[][]"] {
	/*margin-left: 1.0em;*/
	width: 85px;
}
#facebox #newProjectForm .section.name label, #facebox #newProjectForm .section.name .control-group {
	float: left;
	clear: none;
}
#facebox #newProjectForm .addressGroup {
	float: left;
}
#facebox #newProjectForm .addressGroup .control-group {
	float: left;
}
#facebox #newProjectForm .section.taxonomy h4 {
	float: left;
	margin-right: 1.0em;
}
#facebox #newProjectForm .checkgroup.horiz input[type="checkbox"] {
	float: left;
}
#facebox #newProjectForm .checkgroup.horiz label {
	clear: none;
	float: left;
	margin-left: 0.3em;
	margin-right: 1.1em;
	width: auto;
}
#facebox #newProjectForm .section.address {
	margin-top: 0.3em;
}
#facebox #newProjectForm .cityStateGroup {
	clear: none;
}
#facebox #newProjectForm .cityStateGroup .control-group {
	float: left;
}
/*
#facebox #newProjectForm input {
	margin-left: 1.0em;
}
#facebox #newProjectForm input[name="site_addr_1"], #facebox #newProjectForm input[name="site_city"], #facebox #newProjectForm input[name="search"], #facebox #newProjectForm input[name="search"] {
	margin-left: 0px;
	width: 220px;
}
*/

/**
 * project bulk actions form
 */
#facebox #projectBulkActionsContent {
	width: 700px;
}
#facebox #projectBulkActionsContent .working {
	width: 40px;
	height: 40px;
	background: transparent url('../../../assets/images/ajax-loaders/ajax-loader_indicator-big-2.gif') scroll no-repeat 0px 0px;
	position: relative;
}
#facebox #projectBulkActionsContent .noResults td {
	padding-top: 0.8em;
	font-style: italic;
}
#facebox td.markAllTool {
	color: #555;
	font-style: italic;
	padding-left: 0px;
}
#facebox td.markAllTool select {
	height: 2.0em;
	margin-bottom: 0.1em;
	width: auto;
	font-style: italic;
}
#facebox td.markAllTool input[type="submit"] {
	margin-bottom: 0.1em;
	margin-left: 0.3em;
	padding-right: 0.5em;
	padding-left: 0.5em;
	height: 2.0em;
}

/**
 * new project :: add existing contact / existing project :: add existing contact
 */
#facebox .appendTemplate {
	display: none;
}
#facebox #newProjectForm .section.contacts .appendGroup #searchResults,
#facebox #newProjectForm .search-results,
#facebox #projectContactForm #searchResults {
	clear: both;
	position: relative;
	top: 0px;
	background: #fff;
	padding: 2px 2px 4px 2px;
	margin-bottom: 10px;
}

#facebox #newProjectForm .section.address .search-results {
	display: inline-block;
	width: 100%;
}
#facebox #newProjectForm .section.address .search-results .results tbody {
	width: 100%;
}
#facebox #newProjectForm .section.address .search-results .controls {
	display: block;
	float: right;
}
#facebox #newProjectForm .section.address .search-results .controls a.remove {
	height:12px;
	width: 12px;
	background-size: 12px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px -12px;
	background-image: url('../../../assets/images/icons-library-fatcow/16x16_all/cross_red_light2_12x12_sprt_2.png');
}
#facebox #newProjectForm .section.address .search-results .controls a.remove.working {
	background-position: center;
	background-image: url('../../../assets/images/ajax-loaders/ajax-loader_flower_15px_transparent_000.gif');
} 
#facebox #newProjectForm .section.address .search-results .results {
	display: block;
	margin: 0 5px 5px 5px;
	width: 100%;
}
#facebox #newProjectForm .section.address .search-results .results thead td {
	padding: 5px;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	color: red;
}
#facebox #newProjectForm .section.address .search-results .results tbody tr {
	cursor: default;
	outline: 0 !important;
}
#facebox #newProjectForm .section.address .search-results .results tbody tr:hover {
	background: transparent;
}
#facebox #newProjectForm .section.address .search-results .results tbody tr.even,
#facebox #newProjectForm .section.address .search-results .results tbody tr.even:hover {
	background: #f2f2f2;
}
#facebox #newProjectForm .section.address .search-results .results tbody th,
#facebox #newProjectForm .section.address .search-results .results tbody td {
	text-align: left;
	padding: 2px 5px;
	width: 100%;
}
#facebox #newProjectForm .section.address .search-results .results tbody td.address {
	width: 99%;
}

#facebox #projectContactForm .input.search {
	position: relative;
}
#facebox #projectContactForm .input.search div {
	float: left;
}
#facebox #projectContactForm .input.search input[type="text"] {
	width: 270px;
	margin-right: 1.0em;
}
#facebox #newProjectForm .section.contacts .appendGroup .search.controls,
	#facebox #projectContactForm .appendGroup .section.contacts .search.controls {
	position: absolute;
	width: 14px;
	height: 14px;
	border: 0px solid blue;
}
#facebox #newProjectForm .section.contacts .appendGroup .search.controls {
	top: 8px;
	left: 264px;
}
#facebox #projectContactForm .appendGroup .section.contacts .search.controls {
	top: 8px;
	left: 264px;
}
#facebox #projectContactForm .input.search .search.controls {
	display: none;
}
#facebox #newProjectForm .section.contacts .appendGroup .search.controls .working,
	#facebox #projectContactForm .appendGroup .search.controls .working {
	position: absolute;
	display: none;
	float: none;
	top: 0px;
	right: 0px;
}
#facebox #newProjectForm .section.contacts .appendGroup .search.controls .clear,
	#facebox #projectContactForm .appendGroup .search.controls .clear {
	position: absolute;
	display: none;
	float: none;
	top: 1px;
	right: 2px;
}
#facebox #newProjectForm .section.contacts .appendGroup .search.controls .working,
	#facebox #projectContactForm .section.contacts .appendGroup .search.controls .working {
	top: -1px;
	right: -2px;
}
#facebox #projectContactForm .input.search .working,
	#facebox #projectContactForm .input.search .clear {
	position: absolute;
	display: block;
	float: none;
	top: 14px;
	left: 262px;
	width: 12px;
	height: 12px;
}
#facebox #projectContactForm .input.search .controls .working {
	top: 12px;
	left: 259px;
	width: 15px;
	height: 15px;
}
#facebox #projectContactForm .section.search {
	margin-bottom: 0px;
}
#facebox #projectContactForm .existingContact {
	width: 585px;
}
#facebox #projectContactForm .existingContact .name {
	font-weight: 700;
}
#facebox #newProjectForm .contacts.addExisting div.contactType,
	#facebox #projectContactForm div.contactType {
	position: relative;
	bottom: -2px;
	float: left;
}
#facebox #newProjectForm .contacts.addExisting div.contactType div,
	#facebox #projectContactForm div.contactType div {
	display: inline;
}
#facebox #newProjectForm .contacts.addExisting div.contactType select,
	#facebox #projectContactForm div.contactType select {
	width: 150px;
	margin-top: 4px;
}
#facebox #newProjectForm .section.contacts #searchResults table {
	margin-left: 5px;
	width: 721px;
}
#facebox #newProjectForm .section.contacts #searchResults tr.even,
	#facebox #projectContactForm tr.even {
	background: #f2f2f2;
}
#facebox #newProjectForm .section.contacts #searchResults tr.clickable,
	#facebox #projectContactForm .appendGroup #searchResults tr.clickable {
	border: 1px inset transparent; /* needed */
}
#facebox #newProjectForm .section.contacts #searchResults tr.clickable:hover,
	#facebox #projectContactForm .appendGroup #searchResults tr.clickable:hover {
	background: #FFFFCF;
	border: 1px inset #bbb;
}
#facebox #newProjectForm .section.contacts #searchResults tr.active,
	#facebox #projectContactForm .appendGroup #searchResults tr.active {
	background: #FFFF8E;
}
#facebox #newProjectForm .section.contacts #searchResults th,
	#facebox #projectContactForm th {
	color: #777;
}
#facebox #newProjectForm .section.contacts #searchResults th.address {
	width: 612px;
	padding-left: 42px;
}
#facebox #projectContactForm th.address {
	width: 412px;
	padding-left: 42px;
}
#facebox #newProjectForm .section.contacts #searchResults th.created,
	#facebox #projectContactForm th.created {
	text-align: right;
	padding-right: 1px;
}
#facebox #newProjectForm .section.contacts #searchResults td,
	#facebox #projectContactForm td {
	padding: 2px 4px;
}
#facebox #newProjectForm .section.contacts #searchResults td .name,
	#facebox #projectContactForm td .name {
	font-weight: 700;
}
#facebox #projectContactForm .projectType {
	margin-top: -34px;
}
#facebox #projectContactForm .projectType label {
	position: relative;
	top: 0.8em;
	float: left;
}
#facebox #projectContactForm .projectType .control-group {
	float: left;
}
#facebox #projectContactForm .projectType select {
}

/**
 * shared for BOTH addExisting and addNew...
 */
#facebox #newProjectForm .appendGroup {
	display: block;
	clear: left;
}
#facebox #newProjectForm .appendGroup,
	#facebox #projectContactForm .appendGroup {
	display: inline-block;
	padding: 3px 5px;
	margin-bottom: 0.5em;
	background-color: #fefefe;
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
#facebox #newProjectForm .appendGroup .controls,
	#facebox #projectContactForm .appendGroup .section.contacts .controls {
	float: right;
	position: relative;
	top: 1px;
	right: -1px;
}
#facebox #newProjectForm .appendGroup .controls a,
	#facebox #projectContactForm .appendGroup .controls a,
	#facebox #projectContactForm .appendGroup .controls a,
	#facebox #newContactForm .appendGroup .controls a {
	display: block;
}
#facebox #projectContactForm .append {
	clear: left;
}

/**
 * new project / existing project :: add new contact(s)
 */
#facebox .projectForm .append .appended {
	margin-left: 5px;
}
#facebox #newProjectForm .section.contacts.address .appended {
	margin-left: -3px;
}
#facebox #newProjectForm .contacts h5.addNew {
	padding-top: 0.3em;
}
#facebox #newProjectForm .section.contacts .contacts.addNew .controls a,
	#facebox #projectContactForm .contacts.addNew .controls a,
	#facebox #newContactForm .controls a {
	float: left;
	color: #999999;
}
#facebox #newProjectForm .section.contacts .controls a.append.contact,
	#facebox #projectContactForm .controls a.append.contact,
	#facebox #newContactForm .controls a.append.contact {
	margin-top: 0.5em;
}
#facebox #newProjectForm .section.contacts .controls a.append.contact.button,
	#facebox #projectContactForm .controls a.append.contact.button,
	#facebox #newContactForm .controls a.append.contact.button {
	margin-top: 0.6em;
}
#facebox #newProjectForm .appendGroup .section.contacts .controls a.append,
	#facebox #projectContactForm .appendGroup .section.contacts .controls a.append,
	#facebox #newContactForm .section.contacts .controls a.append {
	margin-top: -4px;
}
#facebox #projectContactForm .appendGroup .section.contacts .controls a.append {
	clear: none;
}
#facebox #newProjectForm .appendGroup .section.contacts .controls a.append.button,
	#facebox #projectContactForm .appendGroup .section.contacts .controls a.append.button,
	#facebox #newContactForm .section.contacts .controls a.append.button {
	margin-right: 0.4em;
	margin-top: -3px;
}
#facebox #newProjectForm .section.contacts.address .appended {
	clear: right;
	margin-bottom: 2.5em;
}
#facebox #newProjectForm .section.contacts.address .controls.add.address {
	margin-bottom: 0.2em;
}
#facebox #newProjectForm .append.newContact .appendGroup,
	#facebox #projectContactForm .append.newContact .appendGroup {
	margin-top: 0.5em;
	padding-top: 14px;
}
#facebox #newProjectForm .append.newContact .appendGroup {
	width: 739px;
}
#facebox #newProjectForm .append.newContact .appendGroup .appendGroup,
	#facebox #newProjectForm .contacts.addNew .appendGroup.phone,
	#facebox #newProjectForm .contacts.addNew .appendGroup.email {
	width: 726px;
}
#facebox #newProjectForm .append.newContact .appendGroup .appendGroup,
	#facebox #projectContactForm .appendGroup .appendGroup,
	#facebox #newContactForm .appendGroup .appendGroup {
	margin-top: 0.2em;
	padding-top: 8px;
}
#facebox #newProjectForm .append.newContact .appendGroup .section,
	#facebox #projectContactForm .appendGroup .section {
	margin-bottom: 0.5em;
}
#facebox #newProjectForm .append.newContact .appendGroup .section.contactType {
	float:left;
}
#facebox #newProjectForm .append.newContact .appendGroup .isCaller {
	float:left;
	margin-top:5px;
	margin-left:10px;
}
#facebox #newProjectForm .append.newContact .appendGroup .isCaller label {
	clear: none;
	position: relative;
	bottom: -1px;
}
#facebox #newProjectForm .append.newContact .appendGroup .isCaller label:hover {
	cursor: pointer;
}
#facebox #newProjectForm .append.newContact .appendGroup .section.contactType .error,
	#facebox #projectContactForm .appendGroup .section.contactType .error {
	display: block;
	margin-left: 0.1em;
	margin-top: 0.2em;
}
#facebox #newProjectForm .append.newContact .existingContact {
	margin-left: 4px;
}
#facebox #newProjectForm .append.newContact .appendGroup .controls .delete,
	#facebox #projectContactForm .appendGroup .controls .delete {
	margin-top: -10px;
	margin-bottom: 5px;
	margin-right: 2px;
}
#facebox #newProjectForm .append.newContact .appendGroup .section.contacts label,
	#facebox #projectContactForm .appendGroup .section.contacts label,
	#facebox #newContactForm .section.contacts label {
	color: #666;
	font-size: 0.9em;
	font-style: italic;
	font-weight: 700;
	float: none;
	margin-bottom: 0.0em;
	margin-left: 0.2em;
}
#facebox #newProjectForm .append.newContact .appendGroup .section.contacts.address label {
	float: left;
}
#facebox #newProjectForm .append.newContact .appendGroup .section.contacts.address .labelControls {
	float: left;
	font-style: italic;
	font-size: 0.9em;
}
#facebox #newProjectForm .append.newContact .appendGroup .section.contacts.address .appendGroup {
	clear: left;
	display: block;
}
#facebox #newProjectForm .append.newContact .appendGroup .section.contacts.contactType label {
	float: left;
	margin-top: 4px;
}
#facebox #projectContactForm .appendGroup .section.contacts.contactType label {
	float: left;
	margin-top: 9px;
	margin-right: 10px;
}

#facebox #projectContactForm .appendGroup .isCaller {
	float:left;
	margin-top:10px;
	margin-left:10px;
}

#facebox #newProjectForm .append.newContact .appendGroup .section.contacts.contactType select,
	#facebox #projectContactForm .appendGroup .section.contacts.contactType select {
	margin-bottom: 0px;
}
#facebox #newProjectForm .contacts.addNew input[name="contact_name_title[]"],
	#facebox #projectContactForm .contacts.addNew input[name="contact_name_title[]"],
	#facebox #newContactForm .section.contacts input[name="contact_name_title"] { /* yep, no brackets */
	width: 60px;
}
#facebox #newProjectForm .contacts.addNew input[name="contact_name_first[]"],
	#facebox #projectContactForm .contacts.addNew input[name="contact_name_first[]"],
	#facebox #newContactForm .section.contacts input[name="contact_name_first"] { /* yep, no brackets */
	margin-left: 0.0em;
	width: 235px;
}
#facebox #newProjectForm .contacts.addNew input[name="contact_name_last[]"],
	#facebox #projectContactForm .contacts.addNew input[name="contact_name_last[]"],
	#facebox #newContactForm .section.contacts input[name="contact_name_last"] {
	margin-left: 1.0em;
	width: 235px;
}
#facebox #newProjectForm .contacts.addNew	input[id="contact_addr_label[][]"],
	#facebox #newProjectForm .contacts.addNew	input[id="contact_company_label[][]"],
	#facebox #newProjectForm .contacts.addNew	input[id="contact_phone_label[][]"],
	#facebox #newProjectForm .contacts.addNew	input[id="contact_email_label[][]"] {
	width: 50px;
	clear: left;
}
#facebox #projectContactForm .contacts.addNew	input.detailsLabel,
	#facebox #newContactForm .section.contacts	input.detailsLabel {
	width: 58px;
	clear: left;
}
#facebox #projectContactForm .contacts.addNew input[id="contact_addr_1[][]"],
	#facebox #projectContactForm .contacts.addNew input[id="contact_addr_2[][]"],
	#facebox #newContactForm .section.contacts input[id="contact_addr_1[]"], /* yep, just one bracket */
	#facebox #newContactForm .section.contacts input[id="contact_addr_2[]"] {
	margin-left: 1.0em;
	width: 230px;
}
#facebox #projectContactForm .contacts.addNew input[id="contact_city[][]"],
	#facebox #newContactForm .section.contacts input[id="contact_city[]"] { /* yep, just one bracket */
	width: 212px;
}
#facebox #projectContactForm .contacts.addNew input[id="contact_state[][]"],
	#facebox #newContactForm .section.contacts input[id="contact_state[]"] { /* yep, just one bracket */
	margin-left: 1.0em;
	width: 172px;
}
#facebox #projectContactForm .contacts.addNew input[id="contact_zip[][]"],
	#facebox #newContactForm .section.contacts input[id="contact_zip[]"] { /* yep, just one bracket */
	margin-left: 1.0em;
	width: 132px;
}
#facebox #newProjectForm .contacts.addNew	input.detailsValue,
	#facebox #projectContactForm .contacts.addNew	input.detailsValue,
	#facebox #newContactForm .section.contacts	input.detailsValue {
	margin-left: 1.0em;
	width: 222px;
}
#facebox #newProjectForm .appendGroup.address .control-group.addressLabel {
	margin-left: -0.7em;
}
#facebox #projectContactForm .contacts.addNew .appendGroup.phone,
	#facebox #projectContactForm .contacts.addNew .appendGroup.email,
	#facebox #newContactForm .section.contacts .appendGroup.phone,
	#facebox #newContactForm .section.contacts .appendGroup.email {
	width: 570px;
}
#facebox #newProjectForm .contacts.addNew .appendGroup .control-group,
	#facebox #projectContactForm .contacts.addNew .appendGroup .control-group,
	#facebox #newContactForm .section.contacts .control-group {
	float: left;
}
#facebox #newProjectForm .contacts.addNew .append .append.spacer,
	#facebox #projectContactForm .contacts.addNew .append .append.spacer,
	#facebox #newContactForm .section.contacts .append .append.spacer {
	clear: left;
}

/**
 * specific overrides for add contact (new/existing) to existing project
 */
#facebox #projectContactForm {
}

/**
 * new contact form (overrides, primarily shared with new project form)
 */
#facebox #newContactForm {
	background-color: #fefefe;
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	padding: 4px 4px 4px 6px;
}
#facebox #newContactForm .appendGroup {
	margin-top: 0.0em;
	padding-top: 0px;
}
#facebox #newContactForm .section.contacts {
	padding-top: 0.2em;
}
#facebox #newContactForm .section.contacts.first {
	margin-top: 0px;
	padding-top: 2px;
}
#facebox #newContactForm .section.contacts .controls.add {
	float: left;
	clear: left;
	position: relative;
	top: 1px;
	left: 2px;
	margin-bottom: 0.5em;
}

/**
 * new project :: add managers
 */
#facebox #newProjectForm .section.managers {
	padding-top: 0.5em;
}
#facebox #newProjectForm .section.managers .control-group .controls {
	float: left;
}
#facebox #newProjectForm .section.managers .control-group .controls.managerType {
	margin-left: 0px;
}
#facebox #newProjectForm .section.managers .control-group .controls.managerType select {
	width: 150px;
}
#facebox #newProjectForm select[name="manager_types[]"] {
	margin-right: 1.0em;
}
#facebox #newProjectForm .section.managers .controls a {
	float: left;
	color: #999999;
}
#facebox #newProjectForm .section.managers .controls a.append.manager {
	margin-top: 0.5em;
}
#facebox #newProjectForm .section.managers .controls a.append.manager.button {
	margin-top: 0.6em;
}
#facebox #newProjectForm .section.contacts h5 {
	color: #777;
	margin-top: 0.6em;
	clear: left;
}
#facebox #newProjectForm .append.manager .appendGroup {
	width: 741px;
	margin-top: 5px;
	margin-bottom: 0px;
}
#facebox #newProjectForm .append.manager .appendGroup label {
	float: left;
	clear: none;
	margin-top: 7px;
	margin-left: 0.5em;
}
#facebox #newProjectForm .append.manager .appendGroup label[for="manager_types[]"] {
	margin-left: 1.0em;
}
#facebox #newProjectForm .append.manager .appendGroup .control-group {
	margin-top: 6px;
}

/**
 * existing project :: add managers
 */
#facebox #addManagerForm tr.noMoreManagersToAdd td {
	color: #777;
	font-style: italic;
}

/**
 * single project page
 */
.column.group h2, .column.group h2 a {
	color: #999;
}
.column.group .item .content {
	margin: 1px auto 1px -2px;
}
.column.group .item.contact .content {
	font-size: 1.1em;
	font-weight: 700;
	max-width: 367px;
}
.column.group .item.last .content {
	margin-bottom: 6px;
}
.group .item .controls {
	clear: none;
	display: block;
	float: left;
	height: 12px;
	left: 10px;
	position: relative;
	top: 2px;
	width: 50px;
}
.group .item .controls a {
	float: left;
}
.group.managers {
}
.group.managers .item.manager {
}
.group.managers .item.manager .inner {
	float: left;
}
.group.managers .item.manager .controls {
	width: auto;
}
.group.managers .controls a.remove {
	margin-right: 0px;
}
.group.managers .item .projectStatus {
	font-family: "courier new", courier, monotype;
	margin-left: 0.4em;
	margin-right: 0.3em;
	letter-spacing: 0.0em;
}
.group.managers .controls a.remove,
	.group.contacts .controls a.remove {
	margin-top: 2px;
}
body .container .controls a.delete:hover,
	body .container .group .controls a.remove:hover {
	background-position: 0px 0px;
}
.contacts .contact .details {
	margin-left: -2px;
}
.contacts .contact .spacer {
	clear: left;
	height: 0.6em;
}
.contacts .contact {
	margin-top: 0.2em;
}
.contacts .managers .managerGroup {
	margin-top: 0.15em;
}
.contacts .contact.first {
	margin-top: 0px;
}
.contacts .contact strong {
	color: #555;
	font-size: 0.9em;
	margin-right: 0.4em;
	display: block;
	float: left;
	clear: left;
}
.contacts .contact .itemLabel {
}
.contacts .contact .itemValue {
	margin-right: 0.5em;
	display: block;
	float: left;
	clear: none;
}
.contacts .contact .contactType {
	white-space: nowrap;
}
.contacts .contact.isCaller .contactName {
	margin-left: 2px;
}
.contacts .contact .contactMeta {
	display: none;
}
.contacts .contact .callerControls {
}
.qtipContentWrap.contact input[type="checkbox"],
	.qtipContentWrap.contact label {
	float: left;
}
.qtipContentWrap.contact input[type="checkbox"] {
	margin-right: 0.5em;
}
.qtipContentWrap.contact label {
	position: relative;
	bottom: -2px;
}
.qtipContentWrap.contact label:hover {
	cursor: pointer;
	text-decoration: underline;
}
body.project .item.contact .address .theAddress {
	float: left;
	clear: left;
}
body.project .item.contact .address .controls {
	float: left;
	left: 4px;
	width: 16px;
	top: 3px;
}
body.project .contacts .item.contact.isCaller .content {
	padding-left: 21px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url('../../../assets/images/icons/telephone_icon_blue_16px.png');
}
body.project .projectSearch {
	float: right;
}
body.project .searchInline,
	body.contact .searchInline {
	margin-bottom: 0px;
}
body.project .searchInline input[name="q"],
	body.contact .searchInline input[name="q"] {
	margin-bottom: 7px;
}
body.project .projectMeta {
	float: right;
	clear: right;
}
body.project .dateRaw {
	position: absolute;
	top: 34px;
	right: 0px;
	padding-right: 18px;
	text-align: right;
	color: #999;
}

/**
 * qtip popover listing tasks for a task list
 */
.qtip-content {
	background: #f2f2f2;
}
.qtip-content .tasksWrapper {
}
.qtip-content .tasksWrapper .description {
	margin-bottom: 5px;
	font-weight: 700;
}
.qtip-content .tasksWrapper .projectType {
	font-size: 0.9em;
	margin-bottom: 0.5em;
}
.qtip-content .tasksWrapper .projectType .template {
	padding-left: 1.0em;
}
.qtip-content .tasksWrapper .projectType .text {
	padding-left: 0.5em;
}
.qtip-content .tasksWrapper .projectType strong {
}
.qtip-content h5 {
	color: #777;
	font-style: italic;
	text-decoration: underline;
	margin-bottom: 0.3em;
}
.qtip-content .tasksWrapper ul {
	list-style-type: none;
	margin-left: 0px;
}
.qtip-content .tasksWrapper h5 {
	font-size: 1.1em;
	font-weight: 400;
}
.qtip-content .tasksWrapper h5.pending {
}
.qtip-content .tasksWrapper h5.completed {
	margin-top: 1.0em;
}
.qtip-content .tasksWrapper ul.tasks.pending {
}
.qtip-content .tasksWrapper ul.tasks.pending li.even {
	border-top: 1px solid #bbb;
	border-left: 1px solid #ccc;
}
.qtip-content .tasksWrapper ul.tasks.pending li.odd {
	border-left: 1px solid #eee;
}
.qtip-content .tasksWrapper ul.tasks.completed {
}
.qtip-content .tasksWrapper ul.tasks.completed li.even {
	border-top: 1px solid #bbb;
	border-left: 1px solid #ccc;
}
.qtip-content .tasksWrapper ul.tasks.completed li.odd {
	border-left: 1px solid #eee;
}
.qtip-content .tasksWrapper ul.tasks.completed li .controls.completed {
	float: left;
	width: 12px;
	height: 12px;
	margin-top: 2px;
	margin-right: 3px;
	background: transparent scroll no-repeat url('../../../assets/images/icons-library-fatcow/16x16_all/tick_12x12-1-mild-1.png') 0px 0px;
}
.qtip-content .tasksWrapper ul.tasks.completed li .controls.completed.notApplicable {
	width: 20px;
	height: 16px;
	background: transparent scroll no-repeat url('../../../assets/images/icons-library-fatcow/16x16_all/not-applicable_16x20-1-light-3.png') 0px -2px;
}
.qtip-content .tasksWrapper li {
	margin: 0px auto 0px 0px;
	padding: 4px 4px;
}
.qtip-content .tasksWrapper li.even {
	background: none repeat scroll 0 0 #F2F2F2;
	border-bottom: 1px solid #DDDDDD;
}
.qtip-content .tasksWrapper li.odd {
	background: none repeat scroll 0 0 #FEFEFE;
	border-bottom: 1px solid #DDDDDD;
}
.qtip-content .tasksWrapper li.noTasks {
	font-style: italic;
}
.qtip-content .tasksWrapper li .taskTitle {
	font-weight: 700;
	font-size: 0.9em;
}
.qtip-content .tasksWrapper li .taskDescription {
}
.qtip-content .tasksWrapper li .completedBy {
	font-style: italic;
}

/**
 * task lists (ie: jobs) f/ single project summary tab
 */
body.project .section.summary ul.taskLists {
	margin-left: 0px;
	margin-bottom: 2px;
}
body.project .section.summary .taskLists li {
	padding: 0px 0px 1.5em 0px;
	clear: left;
}
body.project .section.summary .taskLists li .marker {
	background: transparent url('../../../assets/images/icons-library-fatcow/16x16_all/text_list_bullets_12px_sprite_1.png') scroll no-repeat 0px -12px;
	position: relative;
	float: left;
	height: 12px;
	width: 12px;
	top: 2px;
	left: 0px;
	margin-right: 4px;
}
body.project .section.summary .taskLists li a, body.project .section.summary .taskLists li span.scheduled {
	float: left;
	color: #002277;
	font-size: 1.1em;
	font-weight: 700;
}
body.project .section.summary .taskLists li a.schedule, body.project .section.summary .taskLists li span.scheduled {
	color: #777;
}
body.project .section.summary .taskLists li a:hover .marker {
	background-position: 0px 0px;
}
body.project .section.summary .taskLists li .controls {
	float: left;
	margin-left: 0.5em;
}
body.project .section.summary .taskLists li span.scheduled, body.project .section.summary .taskLists li a.scheduled {
	color: #027;
	font-size: 1.0em;
	font-weight: 700;
	font-family: "courier new",courier,monotype;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 1px;
}
body.project .section.summary .taskLists li .controls a.schedule {
	font-size: 1.0em;
	font-weight: 400;
	/*
	background: transparent url('../../../assets/images/icons-library-fatcow/16x16_all/user_comment_sprt_12x12_1.png') scroll no-repeat 0px -12px;
	height: 12px;
	width: 12px;
	*/
}
body.project .section.summary .taskLists li .controls a.schedule:hover {
	background-position: 0px 0px;
}
.taskLists li .controls a.delete {
	margin-left: 7px;
	margin-top: 3px;
}
#facebox .taskListDescription input {
	width: 479px;
}
#facebox #projectTaskListTasksEditForm .header {
	margin-bottom: 4px;
}
#facebox #projectTaskListTasksEditForm .header .meta {
	margin-top: 40px;
}
#facebox .projectForm .header .meta label {
	margin-right: 0.2em;
}
#facebox #projectTaskListTasksEditForm .header h2 .marker {
	background: transparent url("../../../assets/images/icons-library-fatcow/16x16_all/text_list_bullets_12px_sprite_1.png") no-repeat scroll 0px 0px;
	position: relative;
	top: 12px;
	left: 11px;
	height: 12px;
	width: 12px;
}
#facebox #projectTaskListTasksEditForm .header h2 .marker:hover,
	#facebox #projectTaskListTasksEditForm .header h2 .marker.hover {
	background-position: 0px -12px;
	cursor: pointer;
}
#facebox #projectTaskListTasksEditForm .header .taskListTitle.first {
	margin-right: 0.4em;
}
#facebox #projectTaskListTasksEditForm .header h2,
#facebox #projectTaskListTasksEditForm .header h2 div,
#facebox #projectTaskListTasksEditForm .header .jobType div,
#facebox #projectTaskListTasksEditForm .header .jobTemplate div {
	float: left;
}
#facebox #projectTaskListTasksEditForm .header .jobType,
#facebox #projectTaskListTasksEditForm .header .jobTemplate,
#facebox #projectTaskListTasksEditForm .header .taskListDescription {
	clear: left;
	float: left;
	width: 470px;
	margin-bottom: 0.4em;
}
#facebox #projectTaskListTasksEditForm .header input,
#facebox #projectTaskListTasksEditForm .header select,
#facebox #projectTaskListTasksEditForm .header textarea {
	display: none;
}
#facebox #projectTaskListTasksEditForm .header .hover:hover {
	cursor: pointer;
}
#facebox #projectTaskListTasksEditForm .header input[name="task_list_title"] {
	width: 404px;
	margin-top: 5px;
}
#facebox #projectTaskListTasksEditForm .header select[name="project_type_id"],
#facebox #projectTaskListTasksEditForm .header select[name="task_list_template_id"] {
	width: 424px;
	margin-bottom: 2px;
}
#facebox form#projectTaskListTasksEditForm .header select[name="task_list_template_id"] {
	width: 399px;
}
#facebox #projectTaskListTasksEditForm .header textarea[name="task_list_description"] {
	width: 453px;
	height: 40px;
	margin-top: 0.1em;
}
#facebox #projectTaskListTasksEditForm .header .taskListTitle .error {
	font-size: 0.7em;
	margin-left: 0.5em;
}
#facebox #projectTaskListTasksEditForm .header .taskListDescription {
	font-size: 1.1em;
}
#facebox #projectTaskListTasksEditForm .header .taskListDescription .text {
	margin-bottom: 0px;
}
#facebox #projectTaskListTasksEditForm .header .taskListDescription .text.description {
	font-size: 1.1em;
	margin-bottom: 0.5em;
}
#facebox #projectTaskListTasksEditForm .header .taskListDescription .jobType,
#facebox #projectTaskScheduleForm .jobType {
	margin: 0px auto 0.3em 0px;
	clear: left;
}
#facebox #projectTaskScheduleForm .header .taskListTitle:hover,
#facebox #projectTaskScheduleForm .header .taskListDescription:hover,
#facebox #projectTaskScheduleForm .header .jobType:hover {
	cursor: pointer;
}
#facebox #projectTaskListTasksEditForm .header .taskListDescription .jobType em,
#facebox #projectTaskListTasksEditForm .header .taskListDescription .jobTemplate em,
#facebox #projectTaskScheduleForm .jobType em {
	font-weight: 700;
	font-size: 0.85em;
	padding-right: 0.6em;
	display: block;
	float: left;
	position: relative;
	bottom: -1px;
}
#facebox #projectTaskListTasksEditForm .header .taskScheduled {
	float: right;
	clear: right;
	margin-top: 0.3em;
	color: #44a;
	font-size: 1.3em;
	font-weight: 700;
	font-family: Courier, "Courier New", monospace;
	white-space: nowrap;
}
#facebox #projectTaskListTasksEditForm .header .taskScheduled a:hover {
	text-decoration: none;
}
#facebox table.taskListTasks th {
	border-bottom: 1px solid #ccc;
	margin-bottom: 4px;
}
#facebox table.taskListTasks td {
	padding-top: 7px;
	vertical-align: top;
}
#facebox table.taskListTasks tr.updated {
	/*
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	*/
	border-left: 2px solid #77c;
	border-right: 2px solid #77c;
}
#facebox table.taskListTasks td.first {
}
#facebox table.taskListTasks td.completed, #facebox table.taskListTasks th.completed {
	text-align: center;
	width: 124px;
	padding-left: 4px;
	padding-right: 10px;
}
#facebox table.taskListTasks td.completed input.completed {
	margin-left: 0px;
}
#facebox table.taskListTasks td.completed input.notApplicable {
	font-size: 0.85em;
	background: #f7f7f7;
	margin-right: 0px;
	margin-top: 7px;
	padding-top: 3px;
}
#facebox table.taskListTasks td.taskInfo .controls {
	float: right;
	margin-right: 9px;
}
#facebox table.taskListTasks td.taskInfo .controls a, #facebox table.taskListTasks td.taskInfo .controls span {
	float: right;
	margin-right: 7px;
}
#facebox table.taskListTasks td.taskInfo .controls a:hover {
	cursor: pointer;
}
#facebox table.taskListTasks td.taskInfo .controls .drag {
	background-image: url("../../../assets/images/icons/draggable_14x14_lighter-1.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	cursor: move;
	position: relative;
	width: 14px;
	height: 14px;
	top: -1px;
}
#facebox table.taskListTasks td.taskInfo .controls a.delete {
	background: url("../../../assets/images/icons-library-fatcow/16x16_all/cross_red_light2_12x12_sprt_2.png") no-repeat scroll 0 -12px rgba(0, 0, 0, 0);
	bottom: -3px;
	height: 12px;
	width: 12px;
}
#facebox table.taskListTasks td.taskInfo .controls a.delete:hover {
	background-position: 0px 0px;
}
#facebox table.taskListTasks td.taskInfo .controls a.edit {
	background: transparent url("../../../assets/images/icons-library-fatcow/16x16_all/text_list_bullets_12px_sprite_1.png") no-repeat scroll 0px 0px;
	height: 12px;
	width: 12px;
}
#facebox table.taskListTasks td.taskInfo .controls a.edit:hover {
	background-position: 0px -12px;
}
#facebox table.taskListTasks .completed .completedBy {
	clear: left;
}
#facebox .projectForm .taskListTasks .taskInfo input[type="text"] {
	width: 580px;
}
#facebox .projectForm .taskListTasks .taskInfo textarea.notes,
#facebox .projectForm .taskListTasks .taskInfo textarea.fieldNotes {
	width: 580px;
	height: 2.7em;
}
#facebox table.taskListTasks td h4 {
	font-size: 1.1em;
}
#facebox table.taskListTasks td.taskInfo {
	padding-left: 0px;
}
#facebox .completed .completedBy {
	font-size: 1.0em;
}
#facebox .completed .completedBy .dateGroup {
	font-size: 0.85em;
	color: #777;
}
#facebox .completed .completedBy .dateGroup .spacer {
	font-size: 0.8em;
	position: relative;
	bottom: 2px;
}
.taskListDescription .defaultCalendar .control-label {
	font-style: italic;
	float: left;
	padding-top: 6px;
}
#projectTaskListTasksEditForm {
	width: 742px;
}
#projectTaskListTasksEditForm table.taskListTasks {
	margin-bottom: 1.0em;
}
#projectTaskListTasksEditForm .working {
	width: 200px;
	height: 100px;
	background: transparent url('../../../assets/images/ajax-loaders/ajax-loader_indicator-big-2.gif') scroll no-repeat 0px 0px;
	position: relative;
	top: 12px;
	left: 5px;
	padding-left: 50px;
	padding-top: 18px;
	color: #999;
	font-style: italic;
}
#projectTaskListTasksEditForm .tasksHolder {
	margin-left: 0px;
}
#projectTaskListTasksEditForm .tasksHolder .taskGroup {
	margin-left: 65px;
	margin-right: 75px;
}
#facebox .projectForm .controls a.add.task.icon {
	float: left;
	margin: 3px 9px 0px 0px;
}
.projectForm .tasksHolder .taskGroup {
	border-bottom: 1px solid #eee;
	margin-bottom: 1.0em;
}
/* Hide the FieldNotes on the task list */
#facebox .projectForm .taskListTasks .taskInfo .fieldNotes-container {
	display:none !important;
}
#facebox .projectForm .tasksHolder .taskGroup .tg-field-notes {
	display:none !important;

}

/**
 * task list deletes
 */
#deleteTaskListForm .taskListGroup {
	border-color: #EFEFEF #DFDFDF #BFBFBF #EFEFEF;
	border-style: solid;
	border-width: 1px;
	padding: 7px 7px 0px 7px;
}

/**
 * contacts table
 */
.contactsTable {
}
.contactsTable .checked {
	width: 25px;
}
.contactsTable .name {
	width: 160px; /* with relations == width: 200px; */
}
.contactsTable .contactInfo {
	width: 190px; /* with relations == width: 220px; */
}
.contactsTable .relations {
	width: 225px;
}
.contactsTable .metaData {
	width: 110px; /* with relations == width: 170px; */
}
.contactsTable .contactsGroup label {
	clear: left;
	float: left;
	color: #555;
	font-style: italic;
	padding-right: 0.3em;
}
.contactsTable .contactsGroup .data {
	/*float: left;*/
}
.contactsTable .contactsGroup label, .contactsTable .contactsGroup .data {
	margin-bottom: 0.2em;
}

.contacts .subNav .alphaNav {
	list-style-type: none;
	margin-bottom: 1.9em;
	margin-left: -9px;
	font-size: 1.25em;
	font-family: inherit;
	text-rendering: optimizelegibility;
	clear: left;
}
.contacts .subNav .alphaNav ul {
	margin-left: 0px;
	margin-bottom: 5px;
}
.contacts .subNav .alphaNav li {
	display: block;
	float: left;
	padding-left: 0.87em;
	font-weight: 700;
}
.contacts .subNav .alphaNav li.sortBy {
	padding-left: 0px;
}
.contacts .subNav .alphaNav a.selected {
	text-decoration: underline;
}
.contacts .subNav .alphaNav a.letters.selected {
	font-size: 1.4em;
}
.contacts .pager {
	margin-bottom: 0.5em;
}
.contacts .subselects {
	clear: none;
	margin-top: 10px;
}
.contacts .subselects label[for="contact_type"] {
	margin-left: 2px;
}
.contacts .searchInline .numRows label[for="pp"] {
	float: right;
	margin-right: 0.2em;
}

/**
 * contact details view
 */
body.contact h1 {
	font-size: 2.2em;
	color: #999;
}
body.contact .group.projects {
	padding-bottom: 0.8em;
}
#contactDetailsForm {
}
#contactDetailsForm label {
	float: left;
	clear: left;
}
#contactDetailsForm .control-group {
	float: left;
	clear: none;
	margin-right: 10px;
}
#contactDetailsForm .infoGroup .control-group {
	margin-bottom: 0;
}
#contactDetailsForm .section.buttons {
	display: none;
}
#contactDetailsForm input[name="contact_name_title"] {
	width: 50px;
}
#contactDetailsForm .subsection {
	padding-bottom: 10px;
}
#contactDetailsForm .subsection.address {
	padding-top: 12px;
}
#contactDetailsForm .subsection.address.first {
	padding-top: 0px;
}
#contactDetailsForm .subsection.address h5 {
	float: left;
}
#contactDetailsForm .addrLabel {
	float: left;
}
#contactDetailsForm .subsection.address .address.controls {
	float: left;
	clear: none;
	margin: 3px 0px 0px 12px;
	line-height: auto;
}
#contactDetailsForm .subsection.address .address.controls .delete {
	margin-top: 1px;
}
#contactDetailsForm .subsection.address .address.controls a {
	padding-bottom: 0px;
}
#contactDetailsForm .controls.addAddress {
	clear: left;
	float: right;
	margin-left: 4px;
	margin-top: -0.5em;
}
#contactDetailsForm .controls.addAddress a {
	color: #999999;
	float: left;
	padding-bottom: 10px;
}
#contactDetailsForm .controls.addAddress a.add.address {
	margin-top: 1px;
	margin-left: 5px;
}
#contactDetailsForm input[name="contact_name_first"], #contactDetailsForm input[name="contact_name_last"] {
	width: 175px;
}
#contactDetailsForm .control-group.address1 {
	/*clear: left;*/
}
#contactDetailsForm input[name="contact_label[]"] {
	width: 70px;
}
#contactDetailsForm input[name="contact_addr_1[]"] {
	width: 200px;
}
#contactDetailsForm input[name="contact_addr_2[]"] {
	width: 140px;
}
#contactDetailsForm input[name="contact_city[]"] {
	width: 175px;
}
#contactDetailsForm input[name="contact_state[]"] {
	width: 120px;
}
#contactDetailsForm input[name="contact_zip[]"] {
	width: 70px;
}
#contactDetailsForm .subsection.address .control-group .controls, #contactDetailsForm .subsection.address .control-group {
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: auto;
}
#contactDetailsForm .subsection.address input {
	margin-bottom: 0px;
}
#contactDetailsForm .subsection.address .controls {
	margin-top: 0.5em;
}
#contactDetailsForm .subsection .controls.add {
	float: right;
}
#contactDetailsForm .subsection .controls.add.left {
	float: left;
}
#contactDetailsForm .subsection.contactType h5 {
	float: left;
	margin-right: 0.5em;
	margin-top: 0.5em;
}
#contactDetailsForm .subsection.contactType .control-group {
	margin-bottom: 0px;
}
#contactDetailsForm .subsection.contactType select {
	width: auto;
	min-width: 142px;
}
#contactDetailsForm .subsection.company,
	#contactDetailsForm .subsection.phone {
	padding-bottom: 20px;
}
#contactDetailsForm .subsection.email {
	padding-bottom: 10px;
}
body.contact .group.projects .contactType {
	color: #555;
	font-size: 0.9em;
	font-weight: 700;
	white-space: nowrap;
}
body.contact .project.item {
	margin-top: 2.0em;
}
body.contact .project.item.first {
	margin-top: 0;
}
body.contact .project.item .address {
	display: block;
	float: left;
}
body.contact .project.item .controls {
	width: auto;
	margin-right: 11px;
	top: 3px;
}
body.contact .project.item.is-project-caller .contactType {
	padding-left: 21px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url('../../../assets/images/icons/telephone_icon_blue_16px.png');
}



#facebox .contact.addProject {
}
#facebox .contact form.addProjectForm {
	margin-top: -20px; /* noo idea why there's top space?! */
}
#facebox .contact .input.search {
	float: left;
}
#facebox .contact .input.search label {
	display: none;
}
#facebox .contact .input.search input[type="text"] {
	width: 300px;
}
#facebox .contact .input.searchBy, #facebox .contact .input.searchBy .control-group {
	float: right;
}
#facebox .contact .input.searchBy label, #facebox .contact .input.searchBy .controls {
	float: left;
}
#facebox .contact .input.searchBy label {
	margin: 5px 0px 0px 10px;
}
#facebox .contact .input.searchBy select {
	width: 120px;
}
#facebox .contact.addProject #searchResults {
	clear: both;
	display: block;
	position: relative;
	top: 0px;
	background: #fff;
	padding: 2px 2px 10px 2px;
}
#facebox .contact.addProject tr.even {
	background: #f2f2f2;
}
#facebox .contact.addProject tr.clickable:hover {
	background: #FFFF8E;
}
#facebox .contact.addProject th {
	color: #777;
}
#facebox .contact.addProject th.address {
	width: 412px;
	padding-left: 42px;
}
#facebox .contact.addProject th.created {
	text-align: right;
	padding-right: 1px;
}
#facebox .contact.addProject td {
	padding: 2px 4px;
}
#facebox .contact.addProject .projectType {
	margin-top: -34px;
}
#facebox .contact.addProject .projectType label {
	position: relative;
	top: 0.8em;
	float: left;
}
#facebox .contact.addProject .projectType .control-group {
	float: left;
}
#facebox .contact.addProject .projectType select {
}
#facebox .contact.addProject .isCaller {
	float:left;
	margin-top:10px;
	margin-left:10px;
}

/**
 * project email form
 */
#facebox #projectEmailForm {
}
#facebox #projectEmailForm #mailTo {
	display: none;
}
#facebox #projectEmailForm .group {
	margin-bottom: 1.5em;
}
#facebox #projectEmailForm .group.subject {
	margin-bottom: 0px;
	padding-bottom: 3.2em;
}
#facebox #projectEmailForm .group.to {
	margin-bottom: 0px;
	padding-bottom: 0.85em;
}
#facebox #projectEmailForm .group.to .selectMore {
	margin-bottom: 1.0em;
}
#facebox #projectEmailForm .group.to .controls {
	margin-top: 0px;
}
#facebox #projectEmailForm .groupLabel {
	font-weight: 700;
	font-size: 1.1em;
}
#facebox #projectEmailForm .group .control-group {
	float: left;
}
#facebox #projectEmailForm ul.itemsSelected {
	margin-top: 0.5em;
	margin-left: 0px;
	margin-bottom: 0.2em;
	float: left;
	clear: left;
}
#facebox #projectEmailForm ul.itemsSelected .item {
	clear: left;
	float: left;
	margin-bottom: 0.4em;
	margin-top: 0.2em;
	padding: 0.2em 0.4em;
	background: #f5f5f5;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
#facebox #projectEmailForm ul.itemsSelected .item .description {
	color: #779;
	margin-left: 0.2em;
}
#facebox #projectEmailForm ul.itemsAvailable {
	display: none;
}
#facebox #projectEmailForm ul.itemsAvailable .heading {
	color: #999;
	font-style: italic;
	font-weight: 700;
	font-size: 0.9em;
	text-decoration: underline;
}
#facebox #projectEmailForm ul.itemsAvailable .noMore {
	font-style: italic;
}
#facebox #projectEmailForm ul.itemsAvailable .description {
	margin-left: 0.2em;
}
#facebox #projectEmailForm ul.itemsAvailable.contacts .description {
	margin-left: 0.3em;
}
#facebox #projectEmailForm .projectStatus {
	font-family: "courier new",courier,monotype;
	letter-spacing: 0;
	margin-left: 0.4em;
	margin-right: 0.3em;
}
#facebox #projectEmailForm .control-group input {
	margin-bottom: 0px;
}
#facebox #projectEmailForm .selectMore .controls {
	margin-top: 0.4em;
	margin-left: 0.1em;
}
#facebox #projectEmailForm .selectMore .controls a.add {
	width: auto;
	line-height: auto;
	background-position: right 1px;
	padding-right: 20px;
	margin-left: 0px;
	margin-top: 0px;
}

/**
 * project contacts existing table
 */
table.contacts.existing {
}
table.contacts.existing tr {
}
table.contacts.existing th, table.contacts.existing td {
	line-height: 1.0em;
	padding: 0px;
	margin: 0px;
}
table.contacts.existing td.name {
	padding: 14px 4px 5px 4px;
	font-weight: 700;
}
table.contacts.existing td.checkColumn {
	padding-top: 10px;
}
#facebox .projectForm .section.buttons {
	position: absolute;
	right: 24px;
	top: 15px;
}
#facebox .projectForm .section.buttons.bottom {
	position: relative;
	margin: 0px auto;
	padding-top: 10px;
	width: 100%;
	top: 0px;
	right: 0px;
	text-align: center;
}
#facebox .projectForm table.contacts.existing .section label {
	float: left;
	padding-top: 4px;
}
#facebox .projectForm table.contacts.existing td.contactType label {
	font-style: italic;
}
#facebox .projectForm table.contacts.existing .section .control-group {
	float: left;
}

/**
 * managers table
 */
#facebox .projectForm table.managers .section {
	margin-top: 0px;
	clear: left;
}
#facebox .projectForm table.managers .section.first {
	padding-bottom: 0px;
}
#facebox .projectForm table.managers .section label {
	float: left;
	font-style: italic;
	font-weight: 700;
}
#facebox .projectForm table.managers .section .checkgroup label {
	font-style: normal;
}
#facebox .projectForm table.managers .section .checkgroup label:hover {
	text-decoration: underline;
}
#facebox .projectForm table.managers .section .checkgroup label.groupLabel {
	font-style: italic;
	font-weight: 400;
	margin-right: 1.0em;
	text-align: right;
	width: 2.6em;
}
#facebox .projectForm table.managers .section .checkgroup label.groupLabel:hover {
	text-decoration: none;
	cursor: auto;
}
#facebox .projectForm table.managers .section .control-group {
	float: left;
}
#facebox .projectForm table.managers .taxonomy label {
	margin-left: 0px;
}
#facebox .projectForm table.managers .taxonomy input[type="checkbox"] {
	margin-right: 0.5em;
}
#facebox .projectForm table.managers .section.status label {
	padding-top: 5px;
	font-weight: 400;
}
#facebox .projectForm table.managers td.checkColumn,
	#facebox .projectForm table.managers td.contactType,
	#facebox .projectForm table.managers td.taxonomy,
	#facebox .projectForm table.managers td.name {
	padding-top: 6px;
	padding-bottom: 0px;
	font-weight: 700;
}
#facebox .projectForm table.managers td.contactType select.projectStatus {
	padding: 3px 2px 2px 2px;
	height: auto;
}
#facebox .projectForm table.managers .section.taxonomy {
	margin-bottom: 1.8em;
}
#facebox .projectForm table.managers td.checkColumn {
	width: 0px;
	line-height: 0.4em;
	padding-top: 0px;
}
#facebox .projectForm table.managers tr.taxonomy td {
	border-top: 0px solid #999; /* needed */
	border-bottom: 1px solid #eee;
}
#facebox .projectForm table.managers tr.taxonomy td.taxonomy {
	padding-left: 0px;
}
#facebox .projectForm table.managers tr.taxonomy:hover td {
	background-color: transparent;
}

/**
 * tasks tab & task lists
 */
/* hmm?
.group.tasks {
	position: relative;
	top: -28px;
}
.group.tasks h2 {
	font-size: 1.1em;
	margin-left: 3px;
}
*/
ul.taskLists h4 {
	font-size: 1.4em;
}
ul.taskLists {
	margin-top: 20px;
}
ul.taskLists .new.task {
	margin-top: 10px;
}
ul.taskLists table.tasks {
}
ul.taskLists table.tasks th[scope="col"] {
}
ul.taskLists table.tasks td {
}
table.tasks td.scheduled, table.tasks th.scheduled {
	width: 190px;
	text-align: center;
}
table.tasks .task a.aWrap {
	display: block;
}
table.tasks .headerRow td, table.tasks .headerRow th {
	padding: 1px 4px;
	text-align: center;
}
table.tasks .headerRow th.details {
	text-align: left;
	padding-left: 20px;
}

/**
 * home page
 */
body.home.loggedOut {
	height: 800px;
}
body.home.loggedOut .container.body {
	padding-top: 100px;
	height: 420px;
}
body.home.loggedOut .nivo-controlNav {
	margin-left: -135px;
}
.homeHomeLink {
	clear: left;
	text-align: center;
	margin-top: 42px;
}

/**
 * alerts
 */
body.home.loggedOut .alert-info {
	margin-top: -55px;
	margin-left: 34px;
}
body .alert-block {
	position: absolute;
	margin-left: 70px;
	margin-top: 1px;
	z-index: 10000;
	width: 617px;
}
body .alert-info, body .alert-success {
	float: left;
	width: 875px;
}
body.contact .alert-info, body.contact .alert-success {
	padding-bottom: 22px;
	padding-top: 19px;
}
body.project .alert-info, body.project .alert-success, body.job-template .alert-info, body.job-template .alert-success {
	margin-top: 25px;
	padding-bottom: 19px;
	padding-top: 16px;
}

body .alert-info div, body .alert-success div {
	margin-left: 0;
	padding-left: 0;
}

/**
 * controls
 */
.controls a.add {
	position: relative;
	display: block;
	width: 16px;
	height: 16px;
	background: transparent url('../../../assets/images/icons-library-fatcow/16x16_all/add_blue_steel_light.png') scroll no-repeat 0px 0px;
	margin: 10px 0px 0px 7px;
}
a.remove {
	position: relative;
	display: block;
	width: 12px;
	height: 12px;
	float: left;
	background: transparent url('../../../assets/images/icons-library-fatcow/16x16_all/cross_red_light2_12x12_sprt_2.png') scroll no-repeat 0px -12px;
	margin: 3px 4px 0px 7px;
}
.group .heading h2 {
	float: left;
}
.group .heading .helpInfo {
	color: #aaa;
	font-size: 0.7em;
	font-style: italic;
	font-weight: 700;
	padding-left: 0.2em;
	vertical-align: 1px;
}
.group div, .group ul, .group p {
	clear: left;
}
.group .controls {
	float: left;
	clear: none;
}
.alert .close {
	right: -29px;
	top: -7px;
}
.home .alert .close {
	right: -29px;
	top: -10px;
}
.controls input[type="submit"] {
	background-color: #ccc;
}
.controls input[type="submit"]:hover {
	background-color: #05c;
}

/**
 * project notes
 */
#facebox .projectForm label {
	width: auto;
	text-align: left;
	float: none;
}
#facebox .projectForm label .note {
	font-weight: 400;
	font-style: italic;
	margin-left: 0.4em;
}
#facebox .projectForm label[for="label"] .note {
	position: absolute;
	left: 5.0em;
}
#facebox .projectForm textarea, #facebox .projectForm input[type="text"] {
	width: 590px;
}
#facebox .projectForm .sticky.group {
	position: relative;
	height: 2.1em;
	margin-left: 2px;
}
#facebox .projectForm .sticky.group input {
	float: left;
}
#facebox .projectForm .sticky.group label {
	float: left;
	clear: none;
	margin-left: 7px;
}
#facebox .projectForm .control-group {
	margin-bottom: 0px;
}
.group.notes {
}
.group.notes div.note {
	border-top: 1px solid #eee;
	border-right: 1px solid #f9f9f9;
	border-bottom: 1px solid #f9f9f9;
	border-left: 1px solid #eee;
	padding: 5px 7px 5px 7px;
	margin: 4px 0px 4px -2px;
}
.group.notes div.note.reply {
	position: relative;
	margin-left: 20px;
}
.group.notes div.note.reply .content {
	clear: right;
}
.group.notes div.note.sticky {
	border-top: 1px solid #1947D1;
	border-right: 2px solid #00248F;
	border-bottom: 1px solid #ccd;
	border-left: 1px solid #ccd;
	margin-right: -2px;
}
.group.notes div.note.reply.sticky {
	border-top: 2px solid #009933; /*#aaaaf2;*/
	border-right: 3px solid #007722; /*#bbbbee;*/
}
.note .subject {
	margin: -2px auto 0px 2px;
}
.note .meta {
	float: none;
	text-align: left;
	font-size: 0.85em;
	font-weight: 700;
	color: #444;
	padding-left: 2px;
	margin: 2px auto 10px 0px;
}
.note.reply .indentMarks {
	position: absolute;
	width: 15px;
	height: 45%;
	top: -2px;
	left: -15px;
	border-left: 1px solid #bbb;
	border-bottom: 2px solid #ccc;
}
.note .meta .date {
}
.note .content {
	margin-top: 19px;
}
.note .content .noteWrap {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color: #FcFcFc;
	border: 1px solid rgba(0, 0, 0, 0.05);
	margin-bottom: 0px;
	border-radius: 4px;
	display: block;
	font-size: 12.025px;
	line-height: 18px;
	margin: 0 0 9px;
	padding: 8.5px;
	white-space: pre-wrap;
}
.note .noteTop .subject {
	float: left;
}
.note .noteTop .controls {
	display: block;
	float: right;
	position: relative;
	width: auto;
	height: 12px;
}
.note .noteTop .controls a {
	display: block;
	float: right;
	position: relative;
	width: 12px;
	height: 12px;
	margin-left: 7px;
}
.note .noteTop .controls a.reply {
	background: transparent url('../../../assets/images/icons-library-fatcow/16x16_all/user_comment_sprt_12x12_1.png') scroll no-repeat 0px -12px;
	height: 12px;
	width: 12px;
}
.note .noteTop .controls a.reply:hover {
	background-position: 0px 0px;
}
.note .noteTop .controls a.edit {
	background: url("../../../assets/images/icons-library-fatcow/16x16_all/text_list_bullets_12px_sprite_1.png") no-repeat scroll 0 -12px rgba(0, 0, 0, 0);
	height: 12px;
	width: 12px;
}
.note .noteTop .controls a.edit:hover {
	background-position: 0px 0px;
}

/**
 * calendar
 */
table.calendar {
	position: relative;
	left: -2px;
	width: 974px;
	clear: left;
	border: 1px solid #999;
}
table.calendar tr.headingRow th {
	margin-bottom: 0.7em;
	vertical-align: top;
	border-bottom: 1px solid #777;
}
table.calendar .calControls {
}
table.calendar .calControls.previous {
}
table.calendar .calControls.next {
}
table.calendar tr.dateCellRow {
}
table.calendar td.dateCell {
	border: 1px solid #EEEEEE;
	position: relative;
	width: 100px; /* governed by: .dateCell .wrapper */
	height: 100px;
}
table.calendar td.dateCell a.wrapper {
	display: block;
	cursor: pointer;
}
table.calendar td.dateCell a.wrapper:hover {
	border: 1px solid #ccc;
}
table.calendar td.dateCell .wrapper {
	border: 1px solid #fff;
	padding: 10px;
	position: relative;
	height: 100%;
	width: 118px;
	overflow: hidden;
}
table.calendar td.dateCell .highlight {
	border: 2px outset #02e;
	position: relative;
	height: 100%;
}
table.calendar td.dateCell a.wrapper.highlight:hover {
	border: 2px outset #ccc;
}
.projectTop.calendar .projectForm {
	width: 880px;
	margin-left: 1px;
}
.projectTop.calendar.daily .projectForm {
	width: 500px;
	padding-left: 20px;
}
.projectTop.calendar .projectForm .group {
	white-space: nowrap;
	float: left;
}
.projectTop.calendar h1 {
	float: left;
}
.projectTop.calendar h1 .today {
	color: #444;
}
.projectTop.calendar h1 .today .date {
	vertical-align: -1px;
}
.projectTop.calendar #subnav.nav {
	margin: 10px auto 0px 100px;
}
.dateCell .day {
	position: relative;
	float: left;
	top: -8px;
	left: -2px;
	font-size: 1.1em;
	font-weight: 700;
	color: #000;
}
.dateCell .content {
	position: relative;
	float: left;
	top: -7px;
	left: 8px;
	font-size: 0.9em;
}
.dateCell .content ul {
	margin-left: 0px;
}
.dateCell ul.calCounts {
	list-style-type: none;
}
.dateCell ul.calCounts li {
	line-height: 1.3em;
}

/**
 * individual project calendars
 */
.tab.calendar table.calendar {
	left: -14px;
}
.tab.calendar .dateCell .content {
	top: -22px;
	left: 19px;
}
.tab.calendar .loading {
	width: 100px;
	height: 100px;
	background: transparent url('../../../assets/images/ajax-loaders/ajax-loader_indicator-big-2.gif') scroll no-repeat 0px 0px;
	position: relative;
	top: 40px;
	left: 180px;
}

/**
 * daily calendar
 */
.calendar.daily {
}
.calendar.daily .calControls {
	margin-top: -5px;
	margin-bottom: 5px;
	font-weight: 700;
}
.calendar.daily .calControls.next {
	float: right;
}
.calendar.daily .calControls.previous {
	float: left;
	clear: left;
}
.calendar.daily.wrapper {
	position: relative;
	clear: left;
	padding-left: 60px;
	/*
	overflow: scroll;
	height: 500px;
	*/
	min-height: 1000px;
}
.calendar.daily .hour {
	position: absolute;
	z-index: 1;
	height: 40px;
	width: 100%;
	margin-left: -69px;
}
.calendar.daily .hour label.hour {
	padding: 2px 2px 0px 4px;
	margin-left: 0px;
}
.calendar.daily .hour.even {
	border: 1px solid #ddd;
}
.calendar.daily .hour.odd {
	background: #eee;
	border-right: 1px solid #ddd;
}
.calendar.daily .event {
	display: block;
	position: relative;
	z-index: 10;
	float: left;
	font-size: 0.8em;
	width: 80px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #ccc;
	padding: 3px 3px;
}
.calendar.daily .event h4 {
	font-size: 11px;
	line-height: 1.1em;
}
.calendar.daily .event div {
	line-height: 1.1em;
}
.calendar.daily .event .eventHeader {
	background: #f2f2f2;
	color: #777;
	margin-bottom: 0.3em;
}
.calendar.daily .event .subtitle {
	display: block;
	font-weight: 700;
	font-style: italic;
	margin-top: 0.1em;
	text-decoration: underline;
	color: #999;
}
.calendar.daily .event .starts {
	margin-top: 0.2em;
}

/**
 * calendar event detail modals	(note: be very specific with these, else you'll interfere with task list forms)
 */
#facebox #eventDetailForm select[name="project_id[]"], #facebox #eventDetailForm select[name="task_list_id[]"], #facebox #eventDetailForm select[name="task_id[]"] {
	width: 600px;
}
#facebox #eventDetailForm select[name="task_list_id[]"], #facebox #eventDetailForm label[for="task_list_id"], #facebox #eventDetailForm input[name="task_list_title"], #facebox #eventDetailForm label[for="task_list_title"] {
	display: none;
}
#facebox #eventDetailForm select[name="task_id[]"], #facebox #eventDetailForm label[for="task_id"], #facebox #eventDetailForm input[name="task_title"], #facebox #eventDetailForm label[for="task_title"] {
	display: none;
}
#facebox #projectTaskScheduleForm {
	width: 690px;
}
#facebox #projectTaskScheduleForm h2 {
	font-size: 1.5em;
}
#facebox #projectTaskScheduleForm h4.taskListTitle,
	#projectTaskListTasksEditForm .header .taskListTitle .text {
	color: #333;
}
#facebox #projectTaskScheduleForm h4 {
	font-size: 1.6em;
	margin-bottom: 0.5em;
	float: left;
}
#facebox #projectTaskScheduleForm .taskListDescription {
	font-size: 1.1em;
	margin-bottom: 0.7em;
	clear: left;
}
#facebox #projectTaskScheduleForm .header .taskListTitle.marker {
	background: url("../../../assets/images/icons-library-fatcow/16x16_all/text_list_bullets_12px_sprite_1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	height: 12px;
	left: 11px;
	position: relative;
	top: 3px;
	width: 12px;
	float: left;
}
#facebox #projectTaskScheduleForm .header .taskListTitle.marker:hover {
	background-position: 0px -12px;
}

/**
 * schedule task list
 */
#facebox .projectForm input.datepickerData, #facebox .projectForm input.timepickerData {
	width: 270px;
}
#facebox .projectForm .datepicker, #facebox .projectForm .timepicker {
	width: 280px;
}
#facebox .projectForm #task_list_date.invalid, #facebox .projectForm #task_list_time.invalid {
	background: url("../../../assets/images/icons-library-fatcow/16x16_all/exclamation_light_16px_pad_right-2.png") no-repeat scroll right 5px transparent;
}
#facebox .date.wrapper {
	float: left;
	clear: left;
	margin-bottom: 25px;
}
#facebox .time.wrapper {
	float: left;
	margin-left: 40px;
}
#facebox #projectTaskScheduleForm label[for="calendar_id"] {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}
#facebox #projectTaskScheduleForm label[for="calendar_id"] + div.control-group	{
	float: left;
}
#facebox #projectTaskScheduleForm select#calendar_id,
	#facebox #projectTaskScheduleForm select#calendar_id_disabled {
	width: 207px;
	margin-bottom: 10px;
}
#facebox #projectTaskScheduleForm label[for="task_list_duration"] {
	float: left;
	clear: none;
	margin-left: 40px;
	margin-right: 10px;
	margin-top: 10px;
}
#facebox #projectTaskScheduleForm label[for="task_list_duration"] + div.control-group	{
	float: left;
}
#facebox #projectTaskScheduleForm select#task_list_duration {
	width: 210px;
}
#facebox #projectTaskScheduleForm .meta label {
	margin-right: 0px;
}
#facebox .projectForm #timeSlots {
	position: relative;
	clear: both;
}
#facebox .projectForm #timeSlots .working {
	width: 38px;
	height: 38px;
	background: transparent url('../../../assets/images/ajax-loaders/ajax-loader_indicator-big-2.gif') scroll no-repeat 0px 0px;
	position: relative;
	top: 0px;
	left: 264px;
}
#facebox .projectForm #timeSlots .polling {
	position: absolute;
	z-index: 2001; /* hmmm */
	top: -25px;
	left: 170px;
	background: transparent url('../../../assets/images/ajax-loaders/ajax-loader_indicator-big-2.gif') scroll no-repeat 0px 0px;
	padding-left: 45px;
	padding-top: 5px;
	font-weight: 700;
	font-style: italic;
	color: #138;
}
#facebox .projectForm #timeSlots .timeSlot {
	float: left;
	width: 80px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 2px 4px;
	border: 1px solid #aaa;
	background: #fdfdfd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#facebox .projectForm #timeSlots .timeSlotTime:hover {
	cursor: pointer;
}
#facebox .projectForm #timeSlots .timeSlot.MON {
	clear: left;
}
#facebox .projectForm #timeSlots .timeSlot.SUN {
	margin-right: 0px;
}
#facebox .projectForm #timeSlots .timeSlotTime.selected {
	background: url('') repeat-x scroll 50% 50% #DFEFFC;
	/* ../../../assets/js/jquery-ui-themes/redmond/images/ui-bg_glass_85_dfeffc_1x400.png */
	border: 1px solid #777;
	color: #1E5E8E;
}
#facebox .projectForm #timeSlots .timeSlotTime.unavailable {
	background: url('../../../assets/images/icons/time_slot_unavailable_gray-2.png') repeat-x scroll 50% 50% #eee;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	color: #555;
}
#facebox .projectForm #timeSlots .timeSlotTime.unavailable:hover {
	cursor: auto;
}
#facebox .projectForm #timeSlots .timeSlot.placeholder {
	background: #f2f2f2;
	border: 1px solid #ccc;
	color: #555;
}
#facebox .projectForm #timeSlots .timeSlot.unavailable:hover,
	#facebox .projectForm #timeSlots .timeSlot.placeholder:hover {
	cursor: auto;
}

#facebox .projectForm #timeSlots .timeSlot .header {
}
#facebox .projectForm #timeSlots .timeSlot .timeSlotTime {
	border-top: 1px solid #ccc;
	margin-top: 2px;
	padding-top: 3px;
}
#facebox .projectForm #timeSlots .timeSlot .day {
	font-weight: 700;
}
#facebox .projectForm #timeSlots .timeSlot .date {
}
#facebox .projectForm #timeSlots .timeSlot .timeBegin {
}
#facebox .projectForm #timeSlots .timeSlot .duration {
	font-style: italic;
}
#facebox .projectForm #timeSlots .timeSlot .multiples {
	font-size: 0.9em;
	font-weight: 700;
}

/**
 * datepicker
 */
body #ui-datepicker-div {
	padding: 5px 5px 3px 5px;
	margin-top: 11px;
	display: none;
}
.ui-datepicker-title {
	text-align: center;
	clear: both;
	font-size: 1.1em;
	padding: 0px 0px 2px 0px;
}
.ui-datepicker-header a {
	position: relative;
}
.ui-datepicker-header a:hover {
	cursor: pointer;
}
.ui-datepicker-header.ui-widget-header .ui-state-hover {
	font-weight: 400;
	background: inherit;
	border: 0 solid #79B7E7; /* needed */
}
.ui-datepicker-header .ui-datepicker-prev {
	float: left;
}
.ui-datepicker-header .ui-datepicker-prev .ui-icon {
	padding-left: 19px;
	background: url('');
}
.ui-datepicker-header .ui-datepicker-prev .ui-icon:before {
	content: '';
	position: absolute;
	top: 1px;
	left: 1px;
	width: 14px;
	height: 14px;
	z-index: 100;
	background: transparent scroll no-repeat url('../../../assets/js/jquery-ui-themes/redmond/images/ui-icons_d8e7f3_256x240.png') 0px 0px; /* other colors: d8e7f3, 6da8d5 */
	/* background: transparent scroll no-repeat url('../../../assets/js/jquery-ui-themes/smoothness/images/ui-icons_454545_256x240.png') 0px 0px; */
	background-position: -80px -192px;
}
.ui-datepicker-header .ui-datepicker-next {
	float: right;
}
.ui-datepicker-header .ui-datepicker-next .ui-icon {
	padding-right: 18px;
	background: url('');
}
.ui-datepicker-header .ui-datepicker-next .ui-icon:before {
	content: '';
	position: absolute;
	top: 1px;
	right: 1px;
	width: 14px;
	height: 14px;
	z-index: 100;
	background: transparent scroll no-repeat url('../../../assets/js/jquery-ui-themes/redmond/images/ui-icons_d8e7f3_256x240.png') 0px 0px; /* other colors: d8e7f3, 6da8d5 */
	background-position: -48px -192px;
}
table.ui-datepicker-calendar {
	margin: 0px auto 7px auto;
}
.ui-datepicker-calendar tr th {
	padding: 2px 4px 2px 6px;
}
.ui-datepicker-calendar tr td {
	padding: 2px 4px;
}
.ui-datepicker-calendar td a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
}

/**
 * timepicker	(huh, now why are these #id, and not .class?)
 */
#ui-datepicker-div .ui-timepicker-div {
	padding: 2px 10px 0px 10px;
}
#ui-datepicker-div .ui-timepicker-div .ui-datepicker-title {
	padding: 3px 0px 1px 0px;
	font-size: 1.0em;
}
#ui-datepicker-div .ui-datepicker-buttonpane {
	margin-bottom: 5px;
	border: 0px solid blue; /* needed */
	text-align: center;
}
#ui-datepicker-div .ui-datepicker-buttonpane .ui-datepicker-close {
	/*float: right;*/
}
#ui-datepicker-div .ui-datepicker-buttonpane .ui-datepicker-current {
	display: none; /* doesn't work, some kinda js error */
}
.ui-timepicker-div dt {
	margin-left: 7px;
}
.ui-timepicker-div dl dd { /* the sliders */
	margin-left: 75px;
}

/**
 * users & profile
 */
body.users.profile {
}
body.users.profile .btn.btn-primary {
	color: #fff;
	background-color: #04b;
}

/**
 * facebox
 */
body #facebox .content {
	width: 600px;
	padding: 10px 20px;
}
#facebox .projectForm {
	margin-top: 0px;
	clear: right;
}
#facebox .projectForm .meta {
	margin-top: 40px;
}
#facebox .projectForm .alphaNav {
	list-style-type: none;
}
#facebox .projectForm .alphaNav ul {
	margin-left: 0px;
}
#facebox .projectForm .alphaNav li {
	display: block;
	float: left;
	padding-left: 0.87em;
	font-weight: 700;
}
#facebox .projectForm .alphaNav li.sortBy {
	padding-left: 0px;
}
#facebox .projectForm .alphaNav a.selected {
	text-decoration: underline;
}
#facebox .projectForm .alphaNav a.letters.selected {
	font-size: 1.4em;
}
#facebox .projectForm table {
	clear: left;
}

/**
 * add contact form
 */
#facebox .contactForm .addressGroup div {
	float: left;
}
#facebox .contactForm .addressGroup div.error {
	float: none;
}
#facebox .contactForm .addressGroup input[type="text"] {
	width: 275px;
}
#facebox .projectForm.contactForm #contact_addr_1 {
	margin-right: 1.3em;
}
#facebox .contactForm .cityStateGroup {
	float: left;
	clear: left;
}
#facebox .contactForm .cityStateGroup div {
	float: left;
	clear: none;
}
#facebox .contactForm .cityStateGroup input[type="text"] {
}
#facebox .projectForm.contactForm #contact_city {
	width: 200px;
	margin-right: 1.1em;
}
#facebox .projectForm.contactForm #contact_state {
	width: 100px;
	margin-right: 1.1em;
}
#facebox .projectForm.contactForm #contact_zip {
	width: 100px;
}

/**
 * contacts add existing
 */
#facebox #existingContactForm {
	margin-top: -10px;
}
table.contacts.existing .noResults {
	padding-bottom: 0.3em;
	padding-top: 0.7em;
}

/**
 * qtip
 */
.qtip {
}
.qtip-wrapper {
}
.qtip-tip {
}
.qtip-title {
}
.qtip-button {
}
.qtip-content {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.qtip-active {
}
.qtip-borderTop {
}
.qtip-borderBottom {
}

/**
 * qtip content windows
 */
.qtipContent {
	display: none;
}

/**
 * draggables & sortables
 */
.ui-state-default {
}
.ui-sortable-helper {
	background-color: #f5f5f5;
}
.ui-state-highlight {
}
body ul.sortable li {
	cursor: move;
	background-image: url("../../../assets/images/icons/draggable_14x14_lighter-1.png");
	background-repeat: no-repeat;
	background-position: 0px 2px;
	background-color: #fdfdfd; /*#DFEFFC;*/
	padding-left: 18px;
}

/**
 * autocompletes
 */
.control-group .controls {
	position: relative;
}
.control-group .controls .autocomplete.results {
	position: absolute;
	top: 1.9em;
	left: 0px;
	width: 100%;
	z-index: 2000;
	background: #fcfcfc;
	border: 0px solid blue;
}
.control-group .controls ul.autocomplete.results {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-left: 0px;
	list-style-type: none;
}
.control-group .controls ul.autocomplete.results li {
	color: #666;
	padding: 3px 5px 2px 5px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}
.control-group .controls ul.autocomplete.results li.first {
	border-top: 0px solid #ddd; /* needed */
}
.control-group .controls ul.autocomplete.results li.last {
	padding-bottom: 3px;
}
.control-group .controls ul.autocomplete.results li:hover {
	cursor: pointer;
	background: #ffff8e;
	padding-left: 6px;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.autocomplete.results li.active {
	background: #FFFF8E;
}

/**
 * loading / active async
 */
#busyAsync {
	/* background: transparent url('../../../assets/images/ajax-loaders/ajax-loader_indicator-big-spin-trans-1.gif') scroll no-repeat 0px 0px; */
	background: transparent url('../../../assets/images/ajax-loaders/ajax-loader_indicator-big-spin-trans-32px-3.png') scroll no-repeat 0px 0px;
	position: absolute;
	z-index: 2200;
	top: 2px;
	right: 0px;
	width: 40px;
	height: 40px;
	display: none;
}

/**
 * doodads
 */
.clearBoth {
	clear: both;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.hidden {
	display: none;
}
.center, td.center, th.center {
	text-align: center;
}
.none {
	color: #999;
}
body.contact .none {
	margin-bottom: 0.5em;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/**
 * Color Pickers
 */
/* --- Calendar Event Color Picker --- */
/* Auto-hide the textboxes since we just want to replace them with a Spectrum Picker anyway */
input.calendar-event-color-picker {
	display: none;
}

/* --- Spectrum Picker Dropdown Control --- */
.sp-replacer {
	margin-bottom: 10px;
}
	.sp-replacer div, .sp-replacer ul, .sp-replacer p {
		clear: initial;
	}