/* Primary Styles
    Author: Christopher Darling
 */

html, body {
	background: #e0e0e0;
}

body {
	font: normal 12px/15px Arial;
}

h1, h2, h3, h4 { color:#9c1f48; }
h1 { font: normal 28px/34px 'Myriad Pro'; }
h2 { font: normal 25px/30px 'Myriad Pro'; }
h3 { font: normal 18px/24px 'Myriad Pro'; }
h4 {}
strong { font-weight:bold; }
em { font-style:italic; font-family:Times New Roman; }
ul {}
ul li {}

table { 
	width:100%;
}
table th, table td { 
	padding: 8px 6px; 
	text-align: left;
	border-bottom:1px solid #eaeaea; 
}
table th { 
	color:#222; 
	background:#eaeaea; 
	border-top:1px solid #eaeaea; 
}
table td { background: #fff; }

a, a:active, a:visited {
	color:#9c1f48; 
	text-decoration:none; 
}
a:hover { color:#db1b5b; }

p { margin-bottom:1em; }

form {}
form .field input,
form .field textarea,
form .field select {
	width:230px;
}
form .field select { width:240px; }
form .field label {
	float: left;
	width: 200px;
}
form .Actions { 
	clear:both; 
	margin-top:10px; 
	text-align:left; 
	padding-left:206px; 
}

/* frontend DOM sort fix */
.sort-control input { float:left; }
.sort-control label { float:none !important; padding:0 !important; margin: 0 0 0 20px !important; line-height:1.1em !important; }
/* frontend DOM per-page-control fix */
.per-page-control label { font-size:10px !important; width:auto !important; padding: 0 10px !important; }
.per-page-control select { font-size:10px !important; padding:0 !important; width:auto !important; }
.per-page-control .fieldgroupField { float:left; }


.clear { clear:both; }
.float-r { float:right; }
.float-l { float:left; }
.text-right { text-align:right !important; }
.text-left { text-align:left !important; }
.text-center { text-align:center !important; }
.actionsholder { padding:20px 0 10px; }
a.button {
	border: 0;
	padding: 8px 15px;
	color: #FFF;
	text-align: center;
	background: #9C1F48;
	outline: 0;
}
a.button:hover { background:#db1b5b; }
a.button.float-r { margin-left:15px; }

a.btn-delete { width:15px; height:12px; float:left; display:block; text-indent:-999px; background:url('../images/btn-delete.gif') top left; }
a.btn-delete:hover { background-position:bottom left; }

a.checkbox { 
	background:url('../images/checkbox.png') no-repeat 0 0; 
	line-height:15px; 
	width:15px; 
	height:15px;
	text-indent: -999px;
	border:0 !important;
}
a.checkbox:hover { background-position: 0 -18px; }
a.checkbox.checked { background-position: 0 -36px; }

span.cdir {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.message {
	padding:8px 10px;
	background: #b5e8b7;
	margin-bottom:15px;
}
.message.good {}
.message.bad, .message.warning { background:#f2c2d5; }

.wrapper, #main { width:1000px; margin:0 auto; }

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -280px;
}

#header { 
	overflow:hidden; 
	padding: 50px 25px; 
	background: #292929;
}
	#header .wrapper {
		position: relative;
		width: 950px;
		margin: 0 auto;
	}
	#header #logo {
		position: relative;
		float:left; 
		width: 197px;
		height: 32px;
		border:0;
		padding: 0 10px 0 0;
		color:#fff; 
		text-transform:uppercase; 
		font: normal 17px/20px 'CallunaSans-Regular';
		background:none; 
	}
	#header #logo a { color:#fff; border:0; }
		#header #logo span {
			float:left;
			font-size: 17px;
			line-height: 20px;
		}
		#header #logo strong { 
			float:right;
			clear:left;
			padding: 1px 0 0 0;
			color:#9c1f48;
			font:normal 9px/9px Arial; 
			text-transform:uppercase; 
		}
		#header #logo span.cdir {
			background: #292929 url(../images/logo.png) no-repeat;
		}
	/* #logo */
	#header #account_nav {
		position: absolute;
		top: -50px;
		right: 0px;
		padding: 4px 10px 6px;
		color: #FFF;
		font-size: 11px;
		line-height: 13px;
		background: #373737;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		border-bottom-right-radius: 5px;
	}
		#header #account_nav a { color:#fff; border-color:#fff; }
		#header #account_nav a:hover { color:#9c1f48; }
	#header #navigation { overflow:hidden; float:right; padding-top:5px; }
		#header #navigation ul {}
		#header #navigation li { float:left; margin:0 0 0 25px; }
		#header #navigation li a,
		#header #navigation li a.link { 
			display:block;
			border:0; 
			color:#888; 
			padding:6px 6px 8px 6px; 
		}
		#header #navigation li a.section,
		#header #navigation li a.current,
		#header #navigation li a.current:hover {
			color: #9c1f48;
			border: 0;
		}
		#header #navigation li a:hover { border:0; color:#9c1f48; }
	/* #navigation */
/* #header */

#footer {
	clear: both;
	height: 240px;
	padding: 20px 0;
	/*
	background: #999;
	background: rgba(0,0,0,0.7);
	*/
}
	#footer h2, #footer h3 { 
		color:#999; 
		font: normal 12px/17px 'Futura Book', Arial; 
		text-transform:uppercase;
	}
/* #footer */


#main { clear:both; padding:50px 0 0 0; }

.pageheader { 
	margin-bottom:15px;
	padding:8px 12px;
	background: #d4d4d4;
}
	.pageheader h1 { /*text-shadow:1px 1px 2px #444;*/ text-transform:uppercase; }

#breadcrumbs {
	padding:5px 8px;
	margin-bottom:15px;
	font-size:10px;
	line-height:14px;
	background:#ebebeb;
}
	#breadcrumbs div { display:inline; }
	#breadcrumbs a { border:0; display:inline; }
	#breadcrumbs a:hover { text-decoration:underline; }

#content {
	position: relative;
	overflow: hidden;
	float:left;
 	width:730px;
	padding:10px 10px;
	background: #ebebeb;
}

#sidebar {
	display: block;
	float: right;
	width: 240px;
	padding: 0;
}
	#sidebar ul { margin:0; padding:0; }
	#sidebar li {
		padding: 7px 9px;
		margin-bottom: 4px;
		font-size: 14px;
		line-height: 17px;
		list-style: none outside;
		background: #ebebeb;
	}
	#sidebar li a { border:0; }
	#sidebar li a.current { color:#000; }
	#sidebar li ul {
		padding-top: 5px;
		padding-left:5px;
	}
		#sidebar li ul li {
			margin: 0;
			padding: 3px 5px;
			font-size: 12px;
			line-height: 15px;
		}
			#sidebar li ul li a { color:#444; }
			#sidebar li ul li a:hover { color:#9c1f48; }

.tasklist { border:1px solid #d4d4d4; margin:20px 0 0 0; clear:both; }
	.tasklist .tasklist-header { background:#d4d4d4; padding:4px 6px; overflow:hidden; }
		.tasklist .tasklist-header h2,
		.tasklist .tasklist-header h3 { float:left; }
		.tasklist .tasklist-header a { border:0; }
		.tasklist .tasklist-header a:hover { color:#000; }
		.tasklist .tasklist-header a.archivelink { float:right; margin:5px; }

.tasklist-items {}
.tasklist-item { padding:4px; border-bottom:1px dashed #eaeaea; }
	.tasklist-item.last { border-bottom:0; }
	.tasklist-item.completed a span { text-decoration:line-through; }
	.tasklist-item a { border:0; }
	.tasklist-item .checkboxlink { border:0; padding-right:5px; }
	.tasklist-item strong {
		margin-left: 10px;
		padding:2px 4px;
		font-size:9px; 
		background:#d4d4d4; 
		-moz-border-radius: 5px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
/* START: Uploadify Field fixes */
a.uploadify_button { border:0 !important; } 
div.delete a,
div.cancel a { border:0 !important; }
/* END: Uploadify */


.status span { color:#fff; font-size:11px; padding: 2px 4px; }
.status span.Overdue { background:#cc0000; }
.status span.Unpaid { background:#cc7a00; }
.status span.Paid { background:#118f52; }
.status span.Complete { background:#cc7a00; }
.status span.Open { background:#118f52; }
.status span.Expired { background:#cc0000; }
.status span.Accepted { background:#118f52; }

li.comment {
	padding-bottom: 15px;
	margin: 15px 0;
	border-bottom: 1px solid #D4D4D4;
}

#EmailPeople .optionset li { width:340px; }
#EmailPeople .middleColumn label { width:315px; }


/* START: Page Specific Styles */
body.Dashboard {}
	body.Dashboard .pageheader { margin-bottom:15px; }
body.Projects-people {}
	body.Projects-people .optionset li { width:520px; }
	body.Projects-people .optionset li label { width:485px; }
body.ProjectsTasklists-view {}
	body.ProjectsTasklists-view .tasklist { border:0; margin:0; padding-top:20px; }
body.ProjectsTaskitems {}
	body.ProjectsTaskitems .checkbox { margin:6px 6px 0 0; }
	body.ProjectsTaskitems .fromlist { float:left; padding-bottom:10px; }
	body.ProjectsTaskitems h2 { font-size:22px; width:600px; }
body.Invoices {}
body.Invoices-add_step2 {}
	body.Invoices-add_step2 #Step2Form_top { overflow:hidden; padding-bottom:20px; }
		body.Invoices-add_step2 #Step2Form_top label { width:120px; }
		body.Invoices-add_step2 #Step2Form_top .float-l input { width:160px; }
		body.Invoices-add_step2 #Step2Form_top .float-l .middleColumn { width:170px; }
	body.Invoices-add_step2 #Step2Form_bottom { padding:10px 0; }
		body.Invoices-add_step2 #Step2Form_bottom .button { float:left; padding:2px 15px; }
		body.Invoices-add_step2 #Step2Form_bottom .float-r { font-size:16px; }
			body.Invoices-add_step2 #Step2Form_bottom .float-r strong { padding-right:10px; }
	body.Invoices-add_step2 .btn-delete { margin:3px 4px 0 0; }
	body.Invoices-add_step2 #Form_0Step2Form_Lines_Quantity { width:40px; }
	body.Invoices-add_step2 #Form_0Step2Form_Lines_Description { width:370px; }
	body.Invoices-add_step2 #Form_0Step2Form_Lines_UnitPriceAmount { width:70px; text-align:right; }
	body.Invoices-add_step2 .Actions { text-align:right; padding-top:30px; }
	body.Invoices-add_step2 table th { text-align:center; }
	body.Invoices-add_step2 table td { background:none; border-bottom:0; }
	body.Invoices-add_step2 #project_notes {
		clear:both; 
		border:1px solid #9C1F48; 
		background: #fff;
		padding: 4px 8px;
		margin-top: 5px;
	}
/* END: Page Specific Styles */


/*
 * media queries for responsive design
 * these follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


  /* uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/*
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}