@color-red: #BF0000;

.right { text-align: right !important; }
.center { text-align: center !important; }
.red { color: @color-red !important; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.nopad { padding:0; margin:0; }
.pointer { cursor: pointer; }
.maxwidth { width: 100%; }

.pt7 { font-size: 7pt !important; }
.pt8 { font-size: 8pt !important; }
.pt9 { font-size: 9pt !important; }
.pt10 { font-size: 10pt !important; }
.pt11 { font-size: 11pt !important; }

.shade1 { background-color: #BEDBEB; }
.shade2 { background-color: #3E7AA2; }
.shade3 { background-color: #D1D1D1; }
.shade4 { background-color: #333333; }

div.contentBox { width: 951px; }
table.editForm { width: 951px; }

table.editForm th { .shade1; vertical-align: top !important; }
input.submitbutton { .bold; .pointer; }

.parent-title { .bold; .red; font-size: 140%; width: 98%; }
.parent-desc { .pt9; width:98%; font-family: sans-serif, 'arial'; }
.parent-level { margin-right:20px; }
.parent-type-list1 { margin:2px 0 0 0;padding:0;border-top:1px solid #d5f2d0; }
.parent-type-list2 { display:inline; margin:0 10px 0 0; white-space: nowrap; }
.parent-subtype-list1 { margin:0 0 6px 20px; border-bottom:1px dashed #d5f2d0; }
.parent-subtype-list2 { white-space:nowrap;margin:0 10px 0 0; }
.parent-type-l { .nopad; .pt10; .bold; }
.parent-subtype-l { .nopad; .pt8; position: relative; top: 2px; left: -2px; }

table#pdf-list {
	border-collapse: collapse !important; border-spacing: 0 !important;
	th { border: 0; }
}

.vendor-photolist-title { .pt11; .bold; }
.vendor-photolist-desc { .pt8; .italic; margin: 0 5px 5px 5px; }
.vendor-photolist { margin-left: 10px; }
.delete-photo { .red; .pt7; .pointer; background-color: #FFD5D8; border: 1px solid #BF0000; padding: 0 5px; }

.photo-cap {
	.center; .maxwidth; .pt8; margin: 0; padding: 2px 0; border-width: 0; background-color: #222222; color: #dfdfdf; overflow: hidden;
	&:focus { background-color: #000 !important; }
}


.photo-upload {
	.pt8; .bold; margin-top: 10px; width: 95%; background-color: #f0f0f0; padding: 3px 3px 0 6px;
	input {
		.pointer; position: relative; left: 6px; top: -2px;
	}
}

.photoButtonHead, .photoButtonFoot, .photoButtonMid { border: 0; }
.photoButtonHead, .photoButtonFoot { padding: 0.2em; }
/* .photoButtonHead { .bold; background-color: #809299; color: #dfdfdf; font-size: 80%; border-bottom: 0; } */
.photoButtonMid { background-color: #000; font-size: 80%; border: 1px solid #000; border-bottom: 0; }
.photoButtonFoot { background-color: #809299; border-top: 0; }

a.photoDel:link, a.photoDel:visited { color: #C9E1F9; }

table#dep-table { .center; margin-top: 10px; }
td#flag-table-hdr { .bold; background-color: #FFCCCC; }

.generic-flag-tbl { .center; margin-top: 10px; }

.account-view { .pt8; .italic; margin-left: 4px; }

.date-caption { .center; .nopad; .maxwidth; .pt9; border: 2px solid #FECDCE; padding: 4px; }

div.intro {
	margin:0 auto 2px auto; padding: 5px 40px 20px 10px; border-bottom: 2px dashed #b4cae0; width: 840px;
	h1 { font-size: 13pt !important; font-weight: bold; border-bottom: 1px dashed #b4cae0; color: #000;}
	h2 { font-size: 13pt; font-weight: bold; color: #223a53; }
	ul { margin-bottom: 0; margin-top: 0; }
	li { margin-bottom: 6px; font-size: 10pt; line-height: 12pt; }
}

.cd-sort { .center; margin-bottom: 4px; }
.cd-sort label { .pt8; position: relative; top: 3px; margin:0 10px 0 0; }

div.cd-del {
	float: right; font-weight: bold; margin-right: 3px;
}
a.cd-del { color: red; }

.cd-row {
	background-color: #e7eef8;
	border: 1px solid #aaa;
	margin: 10px 0;
	padding: 4px;
	.cd-label { font-size: 8pt; font-weight: bold; margin: 0 4px 0 6px; }
	.cd-top input { width: 230px;  }
	.cd-bottom input { width: 179px; }
}

.cd-new {
	background-color: #e1f9aa;
	margin-top: 0;
}

.cd-new-header {
color: #324505;
	font-weight: bold;
}

div#cd-verb {
	border: 2px solid #aaaaaa;
	color: #fafafa;
	background-color: #444444;
	padding: 4px;
	margin: 35px 5px 5px 5px;
	font-size: 8pt;
	text-align: center;
}

div#photo-header { margin: 0 10px 10px 10px; padding: 0; border-bottom: 1px solid #ccc; color: #666; }
div#dep-header, div#cb-header, div.owner-info { margin: 10px; padding: 10px; background-color: #EBF3FC; border: 1px solid #B1D0F3; color: #000; font-size: 12pt; }
div#dep-footer { margin: 10px 10px 0 10px; padding: 0; font-style: italic; font-size: 8pt; border-top: 1px solid #ccc; color: #666; }

div#parent-title-disabled { margin: 5px 10px; background-color: #ffcccc; color: #b00000; border: 1px solid red; padding: 5px; }

div#dep-sub { display: inline; }

.control-button { margin: 5px 0 0 0; }
.control-button-note { font-style: italic; margin: 2px 0 10px 10px; }

.send-email-button-disabled:visited, .send-email-button-disabled:link { background-color: #ccc; border: 1px solid #666; color: #333; padding: 1px; }