/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

.ui-datepicker { z-index: 10000 !important; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; /*font-size: 1em;*/ line-height: 1.4; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }

a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { /*vertical-align: top;*/ }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

html { overflow-y:scroll; }
body { background:#DDD; font-family:'proxima-nova', sans-serif;/* font-size:14px;*/ }
a { color:#111; }

h1 { color:#333; font-weight:400; font-size:32px; margin:0 0 12px; }
h2 { color:#333; font-weight:400; font-size:22px; margin:0 0 12px; position: relative; }
h2 a.h2-button { background:#EEE; font-size:12px; margin-left:12px; padding:4px 8px; position:absolute; right: 0; top:4px; }
h2 span.cost-summary { font-size: 12px; margin-left: 4px; padding: 4px 8px; position: relative; top: -2px; }
h2 span.cost-total { background: #FDD98D; }
h2 span.unit-total { background: #F4A978; margin-left: 2px; }
h1 a,
h2 a { color:#444; text-decoration:none; }
p { margin:0 0 12px; }

.in { margin:0 auto; width:960px; }
.copy { padding:0 40px 0 20px; }
.wide { width: 840px !important; }
.indent20 { padding:10px 20px; }
.clear { clear:both; }
.gap10 { clear:both; height:10px; }
.gap20 { clear:both; height:20px; }
.gap30 { clear:both; height:30px; }
.gap40 { clear:both; height:40px; }
.spacer40 { margin-left:40px; }
a.checkable, a.component-dept-checkbox{ color:#333; display:block; margin:4px 0; outline:none; text-decoration:none; }
a.checkable strong, a.component-dept-checkbox strong{ color: #000; font-weight: 400; }
a.checkable .weak, a.component-dept-checkbox .weak{ color: #999; }
.nowrap { white-space:nowrap; }
.toggle-target { display:none; padding:0 0 32px; }
.target-shown { display:block; }
.bigger { font-size:16px; }
.even-bigger { font-size: 32px; }

.floated a.checkable, .floated a.component-dept-checkbox { float: left; width: 28%; }

.total-wrapper { position: relative; }
.total-wrapper .cost-total,
.total-wrapper .cost-shipping,
.total-wrapper .profit-total { color: #333; display: block; font-size: 11px; font-weight: 400; height: 14px; left: 100%; line-height: 14px; padding: 0 8px; position: absolute; width: 100%; }
.total-wrapper .cost-total { bottom: 70%; white-space: nowrap; }
.total-wrapper .profit-total { top: 70%; white-space: nowrap; }
.total-wrapper .cost-shipping { height: 38px; line-height: 38px; top: 0; white-space: nowrap; }
.total-wrapper:hover .cost-total,
.total-wrapper:hover .profit-total { display: block; }


::selection { background: #51A033; /* Safari */ }
::-moz-selection { background: #51A033; /* Firefox */ }

a.checkable, a.component-dept-checkbox { background:url(/images/icons/unchecked.png) center left no-repeat; cursor:pointer; padding:0 0 0 20px; }
a.alone { float:right; height:20px; margin:0; }
a.checked { background-image:url(/images/icons/checked.png); }
img.swatch { border: #EEE 6px solid; height:0; left:2px; position:relative; top:-1px; width:0; }
img.hidden-swatch { border-width: 2px; height: 8px; width: 8px; }

button { position:relative; }
button:active { top:1px; }
.editbutton { background:url(/images/icons/edit_12.png) right center no-repeat; padding-right:16px; }

.topbar { background:#FFF; color:#565A5C; display:block; height:40px; line-height:40px; margin:0 0 20px; padding:0; position:relative; }
.topbar .left { background:url(/images/bg/topbar.png) center left no-repeat; display:block; float:left; height:40px; position:relative; text-align:left; width:15%; }
.topbar .right { background:none; display:block; float:right; position:relative; text-align:right; width:80%; }
.topbar .title { font-size:18px; }
.topbar a { color:#666; margin:0 8px; text-decoration:none; }
.topbar .orange { color:#FA4D1F; }
.topbar a:hover { color:#565A5C; }
.topbar label { display:inline; margin-right:10px; }
.topbar input { background:none; border:#CCC 1px solid; display:inline; font-family:'proxima-nova', sans-serif; padding:4px 6px; width:180px; }
.topbar input[type='password'] { width:100px; }
.topbar button { background:none; border:none; display:inline; font-family:'proxima-nova', sans-serif; }
.topbar .unimportant { color:#999; font-size:12px; font-style:italic; }
.topbar .forgot { display:none; }
.topbar .nvmbutton { display:none; }
.topbar .notebox { height:0; left: 50%; margin-left:-350px; position:fixed; text-align:left; width:100%; z-index:100; }
.topbar .notebox strong { cursor:pointer; font-size:18px; font-weight:400; padding:6px 12px; position:relative; top:-32px; }
.topbar .notebox strong.wrong { background:#B0615A; border:#93514C 1px solid; color:#fff; }
.topbar .notebox strong.correct { background:#A8B182; border:#969F75 1px solid; color:#FFF; }
.topbar .notebox strong.info { background:#9FC6E7; border:#83b0d5 1px solid; color:#FFF; }
.topbar .notebox strong.hidden { display:none; }

.breadcrumbs { background: #555; border-top: #333 1px solid; font-size: 12px; margin-top: 10px; padding: 3px 16px 4px; position: relative; z-index: 1000; }
.breadcrumbs span.carat { color: #999; margin-left: 10px; }
.breadcrumbs span.wrap { position: relative; }
.breadcrumbs a { color: #FFF; margin-left: 10px; text-decoration: none; }
.breadcrumbs a:hover { text-decoration: underline; }
.breadcrumbs .dropdown { background: #555; display: none; left: 0; padding: 4px 10px; position: absolute; top: 100%; width: 180px; }
.breadcrumbs span.wrap:hover .dropdown { display: block; }
.breadcrumbs .dropdown a { display: block; margin-left: 0; padding: 4px 0; }
.breadcrumbs .dropdown .line { background: #777; height: 1px; margin: 2px 0; }

.autosaved { color: #999; font-size: 12px; margin-left: 30px; }

#container { position:relative; z-index:90; }
#wrap { background:#FFF; clear:both; margin:0 auto; padding:0 0 100px; position:relative; }

#wrap .search { padding:20px; position:absolute; right:0; top:0; z-index:100; }
#wrap .search input { background:none; border:#DDD 1px solid; font-family:'proxima-nova', sans-serif; font-size:14px; font-style: italic; font-weight: 300; height: 30px; line-height:30px; padding:0 8px; width:164px; }
#wrap .search button { background:none; border:none; height:28px; line-height:28px; width:28px; }
#wrap .search .reset { font-size:11px; padding:4px 8px; }
#wrap .search .reset a { color:#999; }
#wrap .search small { display: inline-block; padding: 4px 4px 0 0; }
#wrap .search small a { color: #999; }

#wrap .menu { border-top: #F9561D 3px solid; padding:0 12px 24px; position:relative; z-index:90; }
#wrap .menu a { color:#565A5C; display: inline-block; font-size:16px; margin:0 0 0 0; padding: 12px; position:relative; text-decoration:none; }
#wrap .menu a.secondary { font-size:14px; }
#wrap .menu a:hover { color:#F9561D; }
#wrap .menu a.active { background: #F9561D; color:#FFF; }


#wrap .estimates-menu { border-top: #fdde9b 3px solid; }
#wrap .estimates-menu a.active { background: #fdde9b; color: #222; }
#wrap .projects-menu { border-top: #969E77 3px solid; }
#wrap .projects-menu a.active { background: #969E77; color: #FFF; }

.col { display:block; float:left; min-height:200px; position:relative; }
.left { background:#FFF; width:660px; z-index: 2 }
.left .in { padding:10px 10px 40px; width:auto; }
.full .in { padding:10px 10px 40px; width:auto; }
.right { background:#FFF; float:right; width:280px; z-index: 2 }
.right .in { padding:10px 10px 20px; width:auto; }

a.print { display:block; position:absolute; right:10px; top:10px; }

#wrap .right { position:relative; z-index: 1; }
#wrap .right h3 { margin:24px 0 8px; padding:0; }
#wrap .right h3 span.number { color: #FA4D1F; font-weight: normal; float: right; margin-right: 0px; }
#wrap .right p.instruct { font-size:11px; font-style:italic; margin:0 0 4px; position:relative; top:-8px; }
#wrap .right a { color:#111; }
#wrap .right a.button { background:#A8B182; border:#969F75 1px solid; color:#fff; display:block; font-size:18px; line-height:18px; padding:12px 48px 12px 16px; position:relative; text-decoration:none; }
#wrap .right a.button:hover { background-color:#B1BC8A; color:#FFF; }
#wrap .right a.button:active { top:1px; }
#wrap .right a.smallbutton { background:#EFEFEF; border: #DDD 1px solid; display:block; margin:8px 0 0; padding:6px 10px; position:relative; text-decoration:none; }
#wrap .right a.smallbutton:active { top: 1px; }
#wrap .right a.discreet { background:none; display:block; font-size:12px; }
#wrap .right a.add { background-color:#A8B182; background-image:none; background-position:right top; background-repeat:no-repeat; border:1px solid #969F75; color:#FFF; }
#wrap .right a.remove { color:#AD0005; }
#wrap .right a.greybutton { background: #EFEFEF; border-color: #DDD; color: #111; font-size: 14px; }


#wrap .right a.project-button { background: #8BC5EE; border: #7aaed2 1px solid; color: rgba(255,255,255,0.8); display: block; font-size: 13px; line-height: 16px; padding: 12px; position: relative; text-decoration: none; }
#wrap .right a.estimate-background { background: #f9561d; }

#wrap .right a.project-button span.number { display: block; font-size: 16px; font-weight: normal; line-height: 22px; position: absolute;
  bottom: 100%;
  right: -1px;
  padding: 2px 8px;
  background: #7AAED2;
  border: #7AAED2 1px solid;
  color: #FFF; }

#wrap .right a.estimate-background span.number { background: #f9561d; }

#wrap .right a.project-button span.client { display: block; margin-top: 2px; }
#wrap .right a.project-button:hover { background: #8dc9f4; }
#wrap .right a.project-button:active { background: #8dc9f4; top:1px; }

#wrap .right a.estimate-background:hover { background: #f9561d; }
#wrap .right a.estimate-background:active { background: #f9561d; top:1px; }

#wrap .right a.project-button .larger { color: #FFF; font-size: 16px; }

#wrap .right a.remove-button { background: #E5521B; border: #c7481a 1px solid; color: #FFF; display: block; line-height: 16px; padding: 12px; position: relative; text-decoration: none; }
#wrap .right a.remove-button:hover { background: #ef602c; }
#wrap .right a.remove-button:active { background: #ef602c; top:1px; }

#wrap .right .component { background:#FFF; border:#EEE 1px solid; display:block; line-height:14px; margin:0 0 4px; padding:8px 28px 8px 10px; position:relative; right:0; width:236px; }
#wrap .right .component small { color:#666; }
#wrap .right .component .dept { margin-right:4px; }
#wrap .right .component .num { color:#AAA; font-size:16px; font-weight:300; right:4px; position:absolute; text-align:right; top:4px; width:100px; }
#wrap .right .component .num .month { color:#CCC; font-size:12px; font-weight:300; margin-right:2px; position:relative; top:-2px; }
#wrap .right .editbutton { background:none; color:#333; display:none; font-size:10px; line-height:10px; padding:2px 6px 8px 0; position:absolute; right:0; text-decoration:none; top:0; }
#wrap .right .component:hover .editbutton { display:block; }
#wrap .right .sidemenu a { display:block; float:none; line-height:14px; margin:0 0 12px; padding:0 12px 0 0; position:relative; }

#wrap .rightside-stuck { margin-right:-480px; position:fixed; right:50%; top:0; }

#wrap .template-wrap { position: relative; }
#wrap .template-box { background: #FFF; border: #DDD 1px solid; display: none; padding: 4px 10px 10px; position: absolute; right: 103%; top: -8px; width: 200px; }
#wrap .template-box label { font-size: 11px; font-style: italic; padding: 0 4px; }
#wrap .template-box input { display: block; font-family:'proxima-nova', sans-serif; font-weight: 400; padding: 4px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#wrap .template-box input:focus { outline: none; }
#wrap .template-results { font-size: 12px; }
#wrap .right .template-results a.smallbutton { margin-bottom: 0; margin-top: 4px; }
#wrap .template-results p { margin: 0; padding: 8px 4px 0; }





div.tabs { font-size:14px; position:relative; z-index: 100; }
div.tabs a.tab { background:#FFF; border:#DDD 1px solid; border-bottom-color: #FFF; color:#FA4D1F; display:block; float:left; margin:0 4px 0 0; outline:none; padding:8px 50px 8px 12px; position:relative; text-decoration:none; }
div.tabs a.inactive { background:none; border:#FFF 1px solid; color:#999; padding: 9px 20px 6px 12px; top: -1px; }

.tabareas { border:#DDD 1px solid; left: -20px; padding: 10px 20px; position: relative; top: -1px; z-index: 99; }

.piece { background:#FAFAFA; border:#eee 1px solid; margin:0 0 10px; padding:10px 20px; position:relative; }


/* settings */

.fields .header { border-top:none; font-size:11px; font-style:italic; }
.fields .header div.depts { padding-top:4px; }
.fieldrow { background-color:#FFF; border-top:#EEE 1px solid; position:relative; }
.fieldrow div { display:block; float:left; padding:4px 8px; position:relative; }
.fieldrow div.label { width:300px; }
.fieldrow div.type { width:100px; }
.fieldrow div.depts { float:right; padding-top:6px; text-align:center; width:auto; }
.fieldrow div.depts div.dept { display:block; float:left; height:12px; line-height:12px; margin-left:4px; outline:none; padding:0; position:relative; }
.fieldrow div.depts div.disabled img { opacity: 0.2; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 20); /*-ms-filter must come before filter*/ filter: alpha(opacity = 20); }
.fieldrow div.depts div.dept img { height:12px; width:12px; }
.fieldrow div.depts div.dept div.tooltip { background:url(/images/bg/tooltip-right.png) top left no-repeat; color:#fff; display:none; font-size:11px; padding:20px 8px 4px; position:absolute; right:-10px; top:20px; }
.fieldrow div.depts div.dept:hover div.tooltip { display:block; }


ul.list { list-style-type:none; margin:0; padding:20px 0; }
ul.list li { font-size:15px; padding:4px 12px; position: relative; }
ul.list li.grey { background:#F3F3F3; }
ul.list li.darkgrey { background:#808080; }
ul.list li.highlight { background:#fff6b4; outline:#cac17b 1px solid; }
ul.list li.header { font-size:12px; font-style:italic; color:#999; }
ul.list li.header div.buttons { visibility:visible; }
ul.list li.footer { font-size:12px; font-style:italic; color:#999; padding-top:16px; text-align:right; }
ul.list li.footer:hover { background:none; }
ul.list li.footer a { color:#999; margin:0 4px; text-decoration:none; }
ul.list li.footer a.reset { margin:auto; }
ul.list li.footer a.active { color:#FB4F14; }
ul.list li.footer span.explanation { margin-right:12px; }
ul.list li.pending { background:#FFFEBF; }
ul.list div { color:#555; display:block; float:left; line-height:16px; padding:8px 0; position:relative; text-align: left; }
ul.list div.checkbox { background:url(/images/icons/checkbox-unchecked.png) left center no-repeat; cursor:pointer; height:32px; padding:0; width:40px; }
ul.list div.checked { background:url(/images/icons/checkbox-checked.png) left center no-repeat; height:32px; padding:0; width:40px; }
ul.list div.nobox { background:none; cursor:default; height:auto; }
ul.list div.id { font-size:10px; padding:10px 0; width:50px; }
ul.list div.name { width:180px; }
ul.list div.email { font-size:10px; padding:10px 0; width:200px; }
ul.list div.smaller { font-size:10px; }
ul.list div.shipto-attn { font-size: 12px; }
ul.list div.date { font-size:10px; padding:10px 0; }
ul.list div.photo { padding:2px 0; width:80px; }
ul.list div.qr { padding:6px 0; width:60px; }
ul.list div.qr a { outline:none; }
ul.list div.qr img { height:20px; width:20px; }
ul.list li.header div { font-size: 10px; padding:4px 0; }
ul.list div.name strong { color:#111; font-weight:normal; }
ul.list a { color:#000; }
ul.list li span.color { display: inline-block; height: 20px; width: 20px; }

ul.list li select { font-size: 13px; margin-top: -4px; padding: 6px; vertical-align: top; }

ul.list li.search-params-row { background: #F3F3F3; border: #DDD 1px solid; margin-bottom: 4px; padding: 2px 8px; }
ul.list li.search-params-row input,
ul.list li.search-params-row select { background: #FFF; display: block; font-size: 12px; height: 24px; line-height: 24px; margin: 0; padding: 0 4px; }
ul.list li.search-params-row div { display: inline-block; float: none; padding: 4px 0; vertical-align: middle; }
ul.list li.search-params-row a.remove-button { right: 10px; top: 8px; }
ul.list li.search-params-row span.to { font-size: 12px; margin: 0 4px; }



ul.list div.buttons { bottom: 0; float:right; font-size:11px; padding:10px 0; position: relative; right: 0; text-align:right; width:180px; }
ul.list div.buttons a,
ul.list div.buttons button { background: none; border: none; color:#666; margin:0 4px; text-decoration:none; }
ul.list div.buttons a.alone { margin:0; }
ul.list div.buttons a.checkable,ul.list div.buttons a.component-dept-checkbox { background:url(/images/icons/unchecked.png) center left no-repeat; cursor:pointer; padding:0 0 0 20px; }
ul.list div.buttons a.checked { background-image:url(/images/icons/checked.png); }
ul.list div.buttons a:hover { color:#333; }
ul.list div.left { float:left; text-align:left; }
ul.list div.buttons a.remove { color:#E64533; }
ul.list div.buttons a.hide { visibility:hidden; }
ul.list div.buttons a.remove:hover { color:#FF543E; }
/*ul.list li:hover { background:#F7F7F7; }*/
/*ul.list li.pending:hover { background:#FDFFA5; }*/
/*ul.list li.header:hover { background:none; }*/
ul.list li:hover div.buttons { visibility:visible; }
ul.list div.buttons a img { vertical-align:baseline; }
ul.list img.tiny { width:60px; }
ul.list div.maxheight300 { float:none; max-height:250px; overflow-y:scroll; padding:0; }
ul.list span.num_employees { font-weight:700; }
ul.list div.center { text-align: center; }
ul.list div.center input { text-align: center; }
ul.list div.small { font-size:11px; }
ul.list div.name div.small { margin: 0; padding: 0; }
ul.list div.small strong { font-size:13px; font-weight:bold; }
ul.list div small.suffix { display:block; font-size:11px; }
ul.list input { background: none; border: #CCC 1px solid; display: inline; margin-top: -4px; padding: 6px 8px; position: relative; width: 100px; }
ul.list input.w100 { width:100px; }
ul.list input.w120 { width:120px; }
ul.list input.w140 { width:140px; }
ul.list input.w160 { width:160px; }
ul.list input.w180 { width:180px; }
ul.list input.w200 { width:200px; }
ul.list .auto-width { width: auto; }

ul.list div.wauto { width:auto; }
ul.list div.w35 { width:35px; }
ul.list div.w50 { width:50px; }
ul.list div.w75 { width:75px; }
ul.list div.w100 { width:100px; }
ul.list div.w125 { width:125px; }
ul.list div.w150 { width:150px; }
ul.list div.w200 { width:200px; }
ul.list div.w250 { width:250px; }
ul.list div.w300 { width:300px; }
ul.list div.w350 { width:350px; }
ul.list div.w400 { width:400px; }
ul.list div.w450 { width:450px; }
ul.list div.w500 { width:500px; }
ul.list div.auto-padded { padding-right: 10px; }
ul.list a.remove-button { display: block; position: absolute; right: -20px; top: 9px; }
ul.list li:first-child a.remove-button { display: none; }
ul.list .total-wrapper { font-size: 18px; height: 30px; line-height: 30px; }
ul.list .total-wrapper .cost-total { bottom: 50%; }
ul.list .total-wrapper .profit-total { top: 50%; }
ul.list .pieces { height: auto; line-height: 14px; }
ul.list .pieces a { font-size: 12px; padding: 2px 0; }
ul.list .pieces a.add-one { background: #A8B084; border: #969E77 1px solid; color: #FFF; display: inline-block; margin-top: 4px; padding: 3px 4px 1px; text-decoration: none; }
ul.list .pieces .item { float: none; padding: 0; }
ul.list .pieces .item a { background: #FFF; display: inline-block; margin-right: 8px; overflow: hidden; padding: 3px 6px 1px 6px; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
ul.list li .pieces .item a { background: #F3F3F3; border: #DDD 1px solid; }
ul.list li.grey .pieces .item a { background: #FFF; border: #DDD 1px solid; }
ul.list .pieces .item-status { font-size: 11px; padding-right: 8px; position: absolute; right: 100%; text-decoration: none; top: 2px; z-index: 100; }
ul.list .pieces .item a .number { color: #FA4D1F; line-height: 11px; font-size: 10px; left: -6px; padding: 4px 0 4px 6px; position: relative; text-decoration: none; }
ul.list .pieces .in-progress:after { color: #F84E2C; content:'\f110'; font-family: "FontAwesome"; margin-left: 4px; } 
ul.list .pieces .cow:after { color: #000; content:'\f1d9'; font-family: "FontAwesome"; margin-left: 4px; }
ul.list .pieces .hold:after { color: #F0C367; content:'\f04c'; font-family: "FontAwesome"; margin-left: 4px; }
ul.list .pieces .completed:after { color: #24AC4E; content:'\f00c'; font-family: "FontAwesome"; margin-left: 4px; }
ul.list .pieces .approved:after { content:'\f087'; font-family: "FontAwesome"; margin-left: 4px; }
ul.list .pieces .shipped:after { color: #2598D4; content:'\f0d1'; font-family: "FontAwesome"; margin-left: 4px; }
ul.list .pieces .in-finishing:after { content:'\f0ad'; font-family: "FontAwesome"; margin-left: 4px; }
ul.list .pieces .ordered:after { content:'\f09d'; font-family: "FontAwesome"; margin-left: 4px; }
ul.list .pieces .out-for-proof:after { content:'\f0ec'; font-family: "FontAwesome"; margin-left: 4px; }
ul.list .pieces .printing:after { content:'\f02f'; font-family: "FontAwesome"; margin-left: 4px; }
ul.list .pieces .canceled:after { content:'\f00d'; font-family: "FontAwesome"; margin-left: 4px; }

ul.list .pieces .item-status:after { color: rgba(0,0,0,0.5); }

/*
ul.list .pieces .item:hover .in-progress:after { color: #F84E2C; }
ul.list .pieces .item:hover .hold:after { color: #F0C367; }
ul.list .pieces .item:hover .completed:after { color: #24AC4E; }
ul.list .pieces .item:hover .approved:after { color: #333; }
ul.list .pieces .item:hover .shipped:after { color: #2598D4; }
*/

ul.list .pieces .item-status .status-tooltip { background: #FFF; border: #DDD 1px solid; display: none; left: 110%; padding: 6px 10px; position: absolute; top: -80px; width: 120px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
ul.list .pieces .item-status .status-tooltip:before { content:url(/images/bg/status-tooltip-arrow.png); display: block; height: 16px; left: -10px; position: absolute; top: 70px; width: 8px; }
ul.list .pieces .item-status-open .status-tooltip { display: block; }
ul.list li .pieces .item .item-status .status-tooltip a { border: none; display: block; margin: 1px 0; }
ul.list li .pieces .item .item-status .status-tooltip a:hover { color: #FA4D1F; }

/*
ul.list .pieces .item:hover .in-finishing:after { color: #F84E2C; }
ul.list .pieces .item:hover .ordered:after { color: #F0C367; }
ul.list .pieces .item:hover .out-for-proof:after { color: #24AC4E; }
ul.list .pieces .item:hover .printing:after { color: #333; }
ul.list .pieces .item:hover .canceled:after { color: #2598D4; }
*/


ul.list div.stacked-buttons a { display: block; text-align: right; }

ul.mini { padding:0 0 20px; }
ul.mini li { border-bottom:#CCC 1px solid; font-size:13px; padding:2px 4px; }
ul.mini li:hover { background:none; }
ul.mini li.header { font-size:11px; padding:0 4px; }
ul.mini li div.name { width:150px; }
ul.mini li div.buttons { width:auto; }
ul.mini li div input { border:none; border-bottom:#56AD51 1px dotted; display:inline; font-size:13px; margin:0 4px 0 0; padding:2px 0; width:100px; }
ul.mini li div input.error { color:#AC130F; }
ul.mini li div input.w80 { width:80px; }
ul.mini li div input.w100 { width:100px; }
ul.mini li div input.w120 { width:120px; }
ul.mini li div input.w140 { width:140px; }
ul.mini li div input.w160 { width:160px; }
ul.mini li div input.w180 { width:180px; }
ul.mini li div input.w250 { width:250px; }
ul.mini li div select { width:200px; }
ul.mini li.new { background:#EDFFE1; border-bottom-color:#56AD51; }
ul.mini li.new div,
ul.mini li.new div.name,
ul.mini li.new div.email { padding:8px 0; }
ul.mini li.new div.buttons { padding:10px 0; }

ul.mini li a.add { background: #A8B182; border: #969F75 1px solid; color: #FFF; font-style: normal; padding: 4px 8px; position: relative; right: -8px; }

#wrap .left a.button { background:#A8B182; border:#969F75 1px solid; color:#fff; display:inline-block; font-size:16px; font-weight: 400; line-height:18px; padding:8px 16px; position:relative; text-decoration:none; }
#wrap .left a.button:hover { background-color:#B1BC8A; color:#FFF; }
#wrap .left a.button:active { top:1px; }
#wrap .left a.smallbutton { background:#EFEFEF; color: #222; display:inline-block; margin:8px 0 0; padding:6px 10px; position:relative; text-decoration:none; }
#wrap .left a.smallbutton:active { top: 1px; }
#wrap .left a.smaller { font-size: 14px; font-weight: 400; padding: 6px 16px; }


.overlay { background:url(/images/bg/whitenoise80.png); height:100%; left:0; position:absolute; top:0; width:100%; }
.message,
.popup { background:#FFF; border:#CCC 1px solid; color:#304C16; font-family:'Open Sans',sans-serif; font-size:14px; font-weight:700; max-width:240px; padding:12px 20px; position:absolute; text-align:center; top: 50px; }
.popup { max-width:900px; text-align:left; }
.popup .close { cursor:pointer; position:absolute; right:8px; top:8px; }

.form { width:auto; }
.right .form { padding:0; }
.field { display:block; float:left; margin:0 0 16px; position:relative; }
.field label { color:#666; display:block; font-size:14px; padding:2px 4px; }
#wrap .field label a.button { font-size: 11px; line-height: 11px; margin-left: 4px; padding: 4px 6px; position: relative; }
.field label small { font-style:italic; margin-left:4px; }
.readonly small.req { display:none; }
.field small { color:#999; font-family:'proxima-nova', sans-serif; font-weight:400; }
.field small.comments { display:block; font-size:11px; line-height:14px; max-width:350px; padding:4px 4px 10px; width:80%; }
.field small.below { padding:10px 4px 0; }
.field small a.create-new { color: #333; padding: 0 4px; text-decoration: none; }
.field div.value { font-size:15px; padding:0 4px; }
.form .full { width:90%; }
.form .half { width:45%; }
.form .quarter { width:24%; }
.form select,
.form input,
.form textarea { /*background:none;*/ border:#CCC 1px solid; display:block; font-family: 'proxima-nova', sans-serif; margin:0 2px; /*padding:6px;*/ width:90%; }
.form textarea { height:70px; resize:none; }
.form .quarter input { width:80%; }
.form input.inline { display:inline; width:100px;}
.form input.disabled { border-color:#EEE; }
.form a.button,
.form button { background:#6d7550; border:none; color:#FFF; font-family:'proxima-nova',sans-serif; font-size:16px; font-weight:700; margin:0 8px 0 0; padding:6px 16px; text-decoration: none; }
.form button.grey-button { background: #EFEFEF; color: #222; font-size: 14px; font-weight: 400; line-height: 20px; padding: 6px 10px; }
.form a.unimportant { color:#999; font-size:12px; margin-left:12px; text-decoration:none; }
.error label { color:#93514C; }
.error small { color:#B0615A; }
.error input { border-color:#B0615A; }
.autocompletewrapper { position:relative; z-index:1000; }
.autocompletedropdown { background:#FFF; border:#CCC 1px solid; display:none; left:2px; max-height: 180px; min-width:200px; overflow-y: scroll; padding:4px; position:absolute; top:30px; width:90%; }
.autocompletedropdown a { display:block; padding:2px 4px; text-decoration:none; }
.autocompletedropdown a:hover { background:#EEE; }
.autocompletedropdown a.selected { color:black; }
input.loading { background:url(/images/icons/loading.gif) center right no-repeat; }

.brokeout { border: #EEE 1px solid; margin-bottom: 4px; min-height: 12px; padding: 10px; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.other-item,
.vendor-item { border: #EEE 1px solid; margin-bottom: 4px; padding: 10px; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.remove-item { color: #999; display: block; font-size: 11px; padding: 8px; position: absolute; right: 0; top: 0; }
.remove-item:hover { opacity: 0.6; }
.toggle-brokeout { background: url(/images/icons/plus.png) center center no-repeat; display: block; height: 32px; opacity: 0.3; position: absolute; right: 0; top: 0; width: 32px; }
.opened-brokeout .toggle-brokeout { background-image: url(/images/icons/minus.png); }
.brokeout div.field,
.brokeout div.autocompletewrapper { display: none; }
.opened-brokeout div.field,
.opened-brokeout div.autocompletewrapper { display: block; }
.brokeout div.nohide { display: block; margin-bottom: 0; }
.opened-brokeout div.nohide { margin-bottom: 16px; }

.subtotal { list-style-type:none; margin:0; padding:0; position:relative; }
.subtotal-total{ background:#FDD98D; }
.subtotal-unit-price{ background:#F4A978; }
.subtotal li div { display:block; float:left; height:26px; line-height:26px; position:relative; }
.subtotal li.header div.label,
.subtotal li.header div.value { font-size:10px; font-style:italic; }
.subtotal li div.label { font-size:11px; width:80px; }
.subtotal li input { font-size:13px; position: relative; text-align:center; width:120px; }
.subtotal li input.disabled { border-color:#FFF; font-size:13px; text-align:center; width:70px; }
.subtotal li div.value { font-size:13px; text-align:center; width:80px; }
.subtotal li div input { background:none; border:#CCC 1px solid; display:block; float:right; font-family: 'proxima-nova', sans-serif; font-size:14px; margin:0; padding:2px 6px; text-align:center; width:140px; }

.fixed-bottom { background:#FFF; border-top:#CCC 1px solid; bottom:0; left:0; margin:0; padding:12px 2%; position:fixed; width:96%; z-index:10000; }
.fixed-bottom a.print { cursor: pointer; display:block; float: right; height: 24px; line-height: 24px; position:relative; right:0; top:0; }
.fixed-bottom a.print i { color: #AAA; font-size: 24px; }
.fixed-bottom a.print:hover i { color: #666; }
.fixed-bottom a.print:active { top:1px; }

.ERROR label,
.ERROR small, 
.ERROR small.req { color:#93514C; }
.ERROR select,
.ERROR input,
.ERROR textarea { background-color:#FFD6D2; border-color:#B0615A; }

.droppablearea { border:#CCC 3px dashed; margin:10px 0; padding:20px; position:relative; }
.droppablearea.error { border-color:#C00; }
.droppablearea li { background:#B7E8A3;  cursor:pointer; display:block; float:left; font-size:12px; margin-right:4px; padding:2px 4px; white-space:nowrap;  -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.droppablearea li.operator,
.droppablearea li.parenthesis { background:none; color:#666; font-weight:700; }
.droppablearea li.remove { background:#89393E; color:#FFF; }
.drophover { background:#D6FFBE; }
.draggablepieces { list-style-type:none; margin:0; padding:0 0 20px; }
.draggablepieces li { cursor:pointer; display:block; float:left; font-size:11px; padding:4px 8px; white-space:nowrap; }
.draggablepieces li.operator,
.draggablepieces li.parenthesis { color:#666; font-style:italic; }

p.footer { color:#666; font-size:11px; margin:0 auto; padding: 10px 0 20px; position:relative; text-align:right; width:920px; }



.overlay { background: rgba(250,69,6,0.85); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9000; }

.popup-box { background: #FFF; display: block; margin: 0 auto; min-height: 100px; padding: 20px; position: relative; top: 50px; width: 720px; -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3); }
.popup-box .buttons { bottom: 20px; position: absolute; right: 20px; }


.message-box { margin-bottom: 16px; position: relative; }
.message-box .message { border: none; color: #666; font-size: 11px; font-weight: 400; line-height: 13px; padding: 0; position: relative; text-align: left; top: 0; }
.message-box .message { quotes: "“" "”" "‘" "’"; }
.message-box .message:before { content: open-quote; }
.message-box .message:after { content: close-quote; }
.message-box .author { color: #888; font-size: 11px; }
.message-box .author:after { color: #AAA; content:' said,'; }
.message-box .initials { background: #777; color: #FFF; cursor: pointer; display: none; font-size: 11px; height: 20px; left: -28px; line-height: 22px; position: absolute; text-align: center; text-transform: uppercase; top: -4px; width: 20px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.message-box .remove-message { color: #CCC; position: absolute; right: 0; top: 0; }
.message-box .remove-message i { color: #CCC; }
.message-box .remove-message:hover i { color: #F00; }

.message-box .hide-message { color: #CCC; display: none; position: absolute; right: 16px; top: 0; }
.message-box .hide-message i { color: #CCC; }
.message-box:hover .hide-message { display: block; }
.message-box .hide-message:hover i { color: #F7572B; }


.context-menu { background:#FFF; border:#CCC 1px solid; display:none; padding:4px; position:absolute; width:200px; z-index:9000; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.context-menu a.add-name,
.context-menu a.remove-name { background:none; font-size:12px; }
.context-menu a { background:#f9f9f9; color:#104B7D; display:block; margin:1px 0; padding:4px 8px; text-decoration:none; }
.context-menu a:hover { color:#000; }
.context-menu label { font-size:11px; padding:4px 8px; }
.context-menu .buttons { padding:0 0 4px; text-align:right; }
.context-menu .buttons a { background:none; color:#999; display:inline; margin-left:4px; padding:2px 6px; position:relative; text-decoration:none; top:0; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; width:auto; }
.context-menu .buttons a.submit { background-color:#333; color:#FFF; }
.context-menu .buttons a:active { top:1px; }



@media only screen and (min-width: 35em) {
  

}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { 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: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

.dashboard-cell {
	border: 1px solid black; 
	width: 1px; 
	white-space: nowrap; 
	padding: 4px;
}

.light-gray {
	background-color: lightgray;
}

/*calendar*/
table.calendar{
    border-collapse: collapse;
}

table.calendar, th.calendar, td.calendar {
    border: 1px solid black;
}

th.calendar {
    height: 30px;
    text-align: center;
    font-weight: 700;
}
td.calendar{
    height: 100px;
    width: 200px;
    border-color: black;
    border-width: 1px;
    vertical-align: top;
}
td.today {
    background: orange;
}
th.calendar:nth-of-type(7),td.calendar:nth-of-type(7) {
    color: blue;
}
th.calendar:nth-of-type(1),td.calendar:nth-of-type(1) {
    color: red;
}

/*Gantt*/
.entry {
    font-size: 10px;
}

.gantt-table{
	font-size: 10px;
	table-layout: fixed;
    width: 180px;
}
.gantt-group {
	border: 1px solid black; 
	width: 200px; 
	white-space: nowrap; 
	padding: 4px;
	background-color: lightgray;
}

.gantt-task {
	border: 1px solid black; 
	width: 200px; 
	white-space: nowrap; 
	padding: 4px;
}

.gantt-cell {
	border: 1px solid black; 
	white-space: nowrap; 
	padding: 4px;
	height: 23px;
}

.gantt-date-cell {
	border: 1px solid black; 
	white-space: nowrap;
	padding: 4px;
	background-color: lightgray;
}

.gantt-date {
	border: 1px solid black; 
	white-space: nowrap;
	padding: 4px;
}

.datepicker {
	width: 40px;
}

.gantt-duration{
	width: 35px;
}

.gantt-dropdown{
	width: 100px;
}

.gantt-department-dropdown{
	width: 110px;
}

/*a:link {
    text-decoration: none;
    font-size: 12px;
}
*/
.dashboard tr {
	height: 26px;
	/*line-height: 18px;*/
	font-size: 12px;
}

.gantt-dashboard {
	table-layout: fixed;
    width: 480px;
}

.label-info {
	font-size: 32px;
}

.calendar-estimate {
    font-size: 10px;
    color:black;
}

.calendar-project {
    font-size: 10px;
    color:gray;
}