@charset "UTF-8";
/* CSS Document */

BODY {
	font-family: Helvetica, Arial, sans-serif;
	background-color: #001a23;
	margin: 0px;
	padding-bottom:0px;
	background-image: url(../img/BG-blue-dots.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 11px;
	color: #585958;
	background-attachment: fixed;
}
#body-wrap {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	padding: 0px;
	margin: 25px 30px 10px 30px;
}
#header ul {
	margin: 0px;
	padding: 0px;
}
#header ul .logo img {
	height: 40px;
	margin: 0px;
	padding: 0px 10px 12px 0px;
	vertical-align: middle;
}
#header li {
	list-style-type: none;
	text-transform: uppercase;
	font-size: 10px;
	display:-moz-inline-stack;
	display:inline-block;
	display:inline;
	margin: 0px;
	vertical-align: middle;
}
#header li.logo {
	border: 0px none #CCC;
}
#header li a {
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding:5px 10px;
	font-weight:bold;
	background:#002f3a;
	margin-top:10px;
	transition:all .2s ease;
}
#header li a:hover {
	background:#001a23;
}
#specs-wrapper {
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding: 30px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 50px;
	-moz-box-shadow: 0px 2px 5px #000;
	-webkit-box-shadow: 0px 2px 5px #000;
	box-shadow: 0px 2px 5px #000;
}
#specs-wrapper input.multi-line {
	height: 70px;
	overflow: scroll;
	width: 300px;
}
#specs-wrapper table {
	width: 100%;
	background-color: #FFF;
}
/* #options.tab-wrapper {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #676868;
}
#options .active {
	background-color: #666;
} */
#specs-wrapper table tr td {
	margin: 0px;
	padding: 7px 10px; /*7px 10px;*/
	vertical-align: middle;
	line-height: 1.25em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#EBEBEB;
}
h1 {
	text-transform: capitalize;
	vertical-align:middle;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 35px;
	line-height:35px;
	font-weight: normal;
	color: #fff;
	padding: 30px 30px 20px 30px;
	background: #000000 url(../img/h1-BG.jpg) repeat-x center top;
	border-bottom: 1px solid #999;
	margin: 0px;
	-moz-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
}
h2, #specs-wrapper table tr td.total {
	text-transform: uppercase;
	vertical-align:middle;
	font-size: 15px;
	line-height:15px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #fff;
	padding: 15px 20px;
	background: #484848;
	border-bottom: 1px solid #999;
	margin: 0px;
}
h3 {
	text-transform: uppercase;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #666;
	padding: 10px 20px;
	margin:0px;
	background: #D5D5D5 url(../img/links-BG1.jpg) repeat-x center bottom;
	border-bottom:1px #aaa solid;
}
#specs-wrapper .button td {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#specs-wrapper .field-name {
	width: 200px;
	text-align: right;
	font-weight: bold;
}
#specs-wrapper .field-content {
	max-width: 450px;
}
#specs-wrapper .field-content input[type="text"], #specs-wrapper .field-content textarea, input[type="password"] {
	width: 418px;
}
#specs-wrapper table#invoice_address .field-content textarea{
	width: 300px;
}

#specs-wrapper .field-notes, #specs-wrapper .locked .field-notes {
	width: 200px;
	font-size: 10px;
	color: #666;
	padding-top: 5px;
	padding-bottom: 5px;
}
#specs-wrapper input, #specs-wrapper select {
<!--
width: 125px;
-->
}
td.actions {
	width: 120px;
	font-size: 10px;
	color: #666;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom:#D5D5D5 1px solid;
	background: url(../img/list-actions-BG_shadow.jpg) repeat-y left #f7f5f5;
}
td.actions.jobtype_large {
	width: 300px;
	font-size: 10px;
	color: #666;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: #D5D5D5 1px solid;
	border-right: #D5D5D5 1px solid;
	background: #f7f5f5;

}
td.actions a, td.field-content a, td.field-notes a, table#job-pricing td a	{
	border-right:1px solid #CCC;
	padding-right:5px;
	margin-right:5px;
}
td.actions a:last-child, td.field-content a:last-child, td.field-notes a:last-child, table#job-pricing td a:last-child {
	border-right: none;
	padding-right:0px;
	margin-right:0px;
}
.inline {
	display: inline;
}
.no-wrap {
	white-space:nowrap;
}
.altrow {
	background-color: #FBFBFB;
}
#completed {
	color: orange;
}
#paid {
	color: green;
}
#innactive {
	color: #777777;
}
#deleted {
	color: #bbbbbb;
	text-decoration: line-through;
}
#job-number {
	color:#D70000;
	font-weight: bold;
}
#specs-wrapper input.short, #specs-wrapper select.short {
	width: 50px;
}
#specs-wrapper input.medium, #specs-wrapper select.medium, #JobcostMarkup {
	width: 150px;
}
h1.red {
	color: #d62528;
}
.inadd {
	width: 300px;
	float: left;
	margin-right: 50px;
	height: 150px;
}
/*
#specs-wrapper div.inadd table td {
	vertical-align: top;
}
table#invdetails th {
	background-color: #000000;
	color: #ffffff;
	padding: 5px 0;
	text-align: center;
}
table#invdetails td {
	padding: 5px 0;
	text-align: center;
}
table#invline {
	margin-top: 50px;
}
table#invdetails {
	clear: both;
}
table#invline th {
	text-align:right;
	padding:10px 15px 10px 15px;
	border-bottom:1px #999 solid;
	color:#fff;
	background: #676868;
}
#specs-wrapper table#invline td {
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: right;
	background-color: #f6f7f6;
	color: #545454;
}
#specs-wrapper table#invline th.desc {
	text-align: left;
}
#specs-wrapper table#invline td.desc {
	text-align: left;
	border-left: 0;
	background-color: #fff;
	color: #545454;
}
#specs-wrapper table#invline td.surcharge {
	text-align: right;
	background-color: #fff;
	color: #545454;
}

#specs-wrapper table tr td.total {
	color: #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	font-size:15px;
	font-weight:bold;
}*/
td.noleft {
	border-left: 0;
}
ul.optionstab {
	margin: 0;
	padding: 0;
}

ul.optionstab li {
    display: inline-block;
    list-style-type: none;
    height: 21px;
    padding-top: 4px;
}

ul.optionstab .option-description  .tooltip{
	display:none;
	visibility: visible;
	opacity: 1;
}

ul.optionstab .option-description:hover  .tooltip{
	display: block;
	visibility: visible;
	opacity:1;
}




ul.optionstab li a {
	font-size:10px;
	letter-spacing: normal;
	color:#333;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding:3px 7px;
	text-transform: uppercase;
	background-color: #CCC;
}
h1 a, h1 input[type=submit], h2 a, h2 input[type=submit], h2 .filename, input[type=file] {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	letter-spacing: normal;
	color:#333;
	background: #F4F4F4 url(../img/links-BG_white.jpg) repeat-x center center;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:3px 7px;
	text-transform: capitalize;
	vertical-align:middle;
	border:0px;
}
h1 a:hover, h1 input[type=submit]:hover, h2 a:hover, h2 input[type=submit]:hover, h2 .filename:hover {
	background: #FFE03E url(../img/links-BG_yellow.jpg) repeat-x center top;
	text-decoration:none;
	color: #333;
}
.actions-a ul {
	background:#D7D7D7;
	padding: 15px;
	margin-top: 0px;
	margin-bottom: 1px;
	text-align: center;
	-moz-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
}
.actions-b ul {
	background: #1C1C1C url(../img/actions-b-BG.jpg) repeat-x center bottom;
	padding: 15px;
	margin-top: 0px;
	margin-bottom: 1px;
	text-align: center;
	border-radius:0 0 6px 6px;
}
.actions-b ul ~ ul {
	margin-top:-4px;
	padding-top:15px;
	border-radius: 0 0 6px 6px;
}
.actions-a ul li, .actions-b ul li {
	display:-moz-inline-stack;
	display:inline-block;
	display:inline;
	list-style-type: none;
}
.actions-a ul li a, .actions-b ul li a, .button1 a, input[type=submit], ul.optionstab li.selected a, h3 a {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	display:-moz-inline-stack;
	display:inline-block;
	display:inline;
	margin:5px;
	padding: 5px 10px;
	color: #FC6;
	text-decoration:none;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: url(../img/links-BG_gray.jpg) repeat-x center top;
	border:0px;
}
.actions-b ul:first-child li a {
	border-radius: 15px;
}
ul.optionstab li.final a{
	background: green;
	color: white

}

ul.optionstab li.selected a {
	padding:3px 7px;

}

ul.optionstab li.final.selected a {
	padding: 1px 5px;
	border: 2px solid green;
	background: url(../img/links-BG_gray.jpg) repeat-x center top;

}

ul.optionstab li a:last-child {
	border-right: none;
	padding:3px 7px;
	margin:0px;
}
.actions-b div.submit {
	display:inline;
}
.actions-a ul li a:hover, .actions-b ul li a:hover, input[type=submit]:hover, h3 a:hover, ul.optionstab li a:hover {
	background: #D70000 url(../img/links-BG_red.jpg) repeat-x center bottom;
	color:#fff;
}
a {
	color: #CD0920;
	text-decoration: none;
}
a:hover {
	color: #F00;
	text-decoration: underline;
}
a:visited {
}
.paging {
	padding:10px;
	text-align:center;
	font-size: 10px;
	text-transform: uppercase;
	background:#676868;
	color:#CCC;
}
.paging a {
	color:#FFF;
}
.paging div {
	display:inline;
}
#job-pricing, .full-bg {
	background: url(../img/pricing-row-BG_shadow.jpg) repeat-y center center;
}
table th {
	text-align:left;
	padding:10px;
	border-bottom:1px #aaa solid;
	color: #666;
	background: #D5D5D5 url(../img/links-BG1.jpg) repeat-x center bottom;
}
table th a {
	color: #666;
}
table th a:hover {
	color: #000;
}
.locked .field-name, .field-name {
	background: url(../img/column-BG_shadow.jpg) repeat-y right #f7f5f5;
}
.locked .field-content, .locked .field-notes {
	border-bottom:#D5D5D5 1px solid;
}
/* .field-content, .locked .field-content {
	background:#fff;
}*/
.field-notes, .locked .field-notes {
	background: url(../img/column-BG_shadow.jpg) repeat-y left #f7f5f5;
}
#flashMessage {
	font-size: 25px;
	color: #121212;
	padding: 40px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 999;
	background: url(../img/flash-BG_yellow.jpg) repeat-x center bottom #fff397;
	text-align: center;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
form#UploadFileUploadForm {
	display: inline;
	margin: 0px;
}
div.date img {
	vertical-align: middle;
	display: inline;
	border: none;
	margin-left: 3px;
}
div.date input {
	vertical-align: middle;
}
/* #UserAddForm .input.text label, #UserAddForm .input.password label {
	width: 125px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 10px;
}
#UserAddForm .input.text, #UserAddForm .input.password, #UserAddForm .submit {
	padding-bottom: 10px;
}
#UserPassword {
	width:125px;
} 
#UserAddForm .submit {
	padding-left: 135px;
}*/
div.paginate {
	display: inline;
	float:right;
}
div.number {
	display: inline;
}
#specs-wrapper .field-content div.number input[type="text"] {
	width: 30px;
}
table.list tr:hover, table#job-info tr:hover, table#job-files tr:hover, table#job-specs tr:hover, table#job-costs tr:hover, table#dimensions tr:hover, table.locked tr:hover {
	background: #D3DEE6;
}
input[type="text"], textarea, input[type="password"] {
	border:1px solid #D8D8D8;
	background:#fff;
	padding:5px;
}
#job-costs input[type="text"] {
	padding:0px;
	font-size:8px;
}
.field-notes input[type="text"] {
	padding:3px;
	font-size:10px;
}
.field-notes form {
	display:inline;
}
input[type="file"] {
	padding:2px;
	margin:0px;
	width:152px;
}
#specs-wrapper div#job-costs form h2 input, #specs-wrapper div h2 form input, #specs-wrapper div h2 form, #specs-wrapper div h2 a {
	margin-top:0px;
	margin-bottom:0px;
	display: inline-block;
	vertical-align: middle;
}
#specs-wrapper div h2 label{
	vertical-align: middle;
	margin-bottom: 0px;
	font-weight: 400;
}
h3 a, .field-notes input[type="submit"] {
	font-size:10px;
	letter-spacing: normal;
	padding:3px 7px;
	text-transform: capitalize;
	vertical-align:middle;
}
h3 a:hover {
	text-decoration:none
}
#JobSearchbox {
	font-size:10px;
	padding:4px;
}
h3.section {
	margin-top: 0px;
}
#vertical_slide, #horizontal_slide {
	background: #D0C8C8;
	color: #8A7575;
	padding: 0px;
	font-weight: bold;
}
div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}
.to-from	{
	background: #EFEFEF;
	padding:100px;
	font-size:40px;
	color: #fff;
	text-align:right;
}
#specs-wrapper table th h3 div.submit, #specs-wrapper table td h3 div.submit {
	display: inline;
	margin: 0px;
	padding:0px;
}
#specs-wrapper table th h3 div.submit input[type="submit"], #specs-wrapper table td h3 div.submit input[type="submit"] {
	display: inline;
	margin: 0px;
	padding:3px 7px;
}
.field-inv-right {
	background: url(../img/column-BG_shadow.jpg) repeat-y right #f7f5f5;
	width:76px;
	text-align:center;
}
.field-inv-left {
	background: url(../img/column-BG_shadow.jpg) repeat-y left #f7f5f5;
	width:76px;
	text-align:center;
}
.error-message	{
	color:#D70000;
	font-weight:bold;
}

#JobEditForm{
	position: relative;
}

#main{
	position: relative;

}



#main div#loading {
	text-align: center;
	position: absolute;
	background: rgba(255, 255, 255, .86);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding-top: 50px;

}

div.tooltip{
	color: #323232;
	display: inline;
	line-height: 16px;
	position: absolute;
	width: 230px;
	z-index: 9999;
	padding: 20px;
	background-color: #f0f0f0;

}
div.auto_complete    {
	position         :absolute;
	width            :300px;
	background-color :#fff;
	border           :1px solid #888;
	margin           :0px;
	padding          :0px;
}
ul.autocomplete{
	magin: 0;
	padding: 0;
}
ul.autocomplete li{
	list-style: none;
	color: #000;
	font-size: 12px;
	padding: 0;
	margin: 0;
	text-transform: none;
	padding: 3px;
	border-bottom: 1px solid #ccc;

}
ul.autocomplete li.selected    {

	background-color: #ffb;

}

h1 span.revision_num{
	color: red;
	font-size: 16px;
}
iframe,
div.ToolBar div iframe{
	border: 1px solid #ddd;

}
jHtmlArea iframe html body,
iframe html,
iframe body{
	font-family: Helvetica,Arial,sans-serif;
	font-size: 11px;
	color: #585958;
}

span.option-description {
	color: #a0a0a0;
	float: right;
	height: 12px;
	overflow: hidden;
}
#InvoiceEditForm input#InvoiceRevision,
#InvoiceAddForm input#InvoiceRevision,
#InvoiceEditForm input#InvoiceInvoicenum,
#InvoiceAddForm input#InvoiceInvoicenum {
	color: #000;
	line-height: 16px;
	font-size: 16px;
	font-weight: normal;
	padding: 5px;
	-webkit-appearance: textfield;
}
#InvoiceEditForm input#InvoiceRevision,
#InvoiceAddForm input#InvoiceRevision{
	width:75px;
}


#InvoiceEditForm h4,
#InvoiceAddForm h4{
	padding: 10px 30px;
	color: #f1f1f1;
}

#InvoiceEditForm h4 .input.select,
#InvoiceAddForm h4 .input.select{
	display: inline-block;
	margin-left: 30px;
	font-size: 14px;
	color: #585958;
}


.field-content .checkbox, .field-content .radio {
	margin: 0px;

}

.field-content .checkbox input[type=checkbox],
.field-content .checkbox-inline input[type=checkbox],
.field-content .radio input[type=radio],
.field-content .radio-inline input[type=radio] {
	margin: 0px;
	position: relative;
}

h1 .error-message {
	font-size: 14px;
}
.sortable2,
.sortable4,
.sortable3 {
	position: relative;
}
.sortable3 table .table-handle{
	position: absolute;
	top: 0px;
	left: 5px;
	color: #a0a0a0;
	padding: 8px 10px;
	border-right: 1px solid #e2e2e2;
}
.sortable3 table{
	position: relative;

}

.sortable4{
	position: relative;
}
.sortable4 .sort-element{
	padding: 5px 10px;
	min-height: 20px;
	box-sizing: border-box;
	position: relative;
	border-bottom: 1px dotted #e2e2e2;
}
.sortable4 .sort-element:hover{
	background-color: #f0f0f0;
}
.sortable4 .sort-element:last-child{
	border-bottom: none;
}

.sortable3 .sort-element .field-actions{
	display:none;
	padding: 0px 5px;
}
.sortable3 .sort-element:hover .field-actions{
	display: inline-block;
}
.sortable3 .field-actions{
	cursor: pointer;
	padding: 0px 5px;
	height: 10px;

}
.sortable-placeholder{
	background-color: #f5f5f5;
	width: 100%;
}
.level2 > .new-element {
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
	color: #666;
	padding-left: 20px;
	margin: 0px;
	background: #D5D5D5 url(../img/links-BG1.jpg) repeat-x center bottom;
	border-bottom: 1px #aaa solid;
}

.jobtypeaddform input[type=radio],
.jobspecaddform input[type=radio] {
	margin: 0 5px 0 10px;
}

h2 input,
h2 select {
	color: #666;
	vertical-align: middle;
	font-size: 11px;
	padding: 5px 1px;
	letter-spacing: .25px;
}


i.toggle {
	cursor: pointer;
}