/* ------------------ GLOBAL > TYPOGRAPHY ------------------ */
h1 { color: #500000; }
h2 { color: #500000; }
th { font-weight: bold; }
a { color: #500000; }
a:hover { color: #950000; }

/* ------------------ MM > TABLES ------------------ */
table.mm { border: 1px solid #999; }
table.mm th.center { background: #F0E5E4; border-bottom: 1px solid #999; }

/* ------------------ HEADER > NAVBAR ------------------ */
#navbar { background-image: url(/assets/images/crimson/navbarBG.gif); }
#navbar #nav ul { border-left: 1px solid #161616; }
#navbar #nav li { border-right: 1px solid #161616; }
#navbar #nav li a:hover { background-color: #2D0D08; }
#navbar .logo { background-image: url(/assets/images/crimson/logoC4A.gif); }

/* ------------------ HEADER > STATUSBAR ------------------ */
#statusbar { background-image: url(/assets/images/crimson/statusbarBG.gif); }
#percentBar { background-image: url(/assets/images/crimson/percentBarBG.gif); }

/* ------------------ SIDEBAR ------------------ */
#sidebar h1 { border: 1px solid #161616; background: url(/assets/images/crimson/headerBG.gif); }
#sidebar li:hover { background-image: url(/assets/images/crimson/hoverBG.gif); }
#sidebar li.active { background-image: url(/assets/images/crimson/hoverBG.gif); }
#sidebar li.active a { background-image: url(/assets/images/crimson/iconNavInactive.gif); }
#sidebar li a:hover { background-image: url(/assets/images/crimson/iconNavHover.gif); }
#sidebar li.valid a:hover { background-image: url(/assets/images/crimson/iconNavHover.gif); }
#sidebar li.invalid a:hover { background-image: url(/assets/images/crimson/hoverBG.gif); }

/* ------------------ CONTENT ------------------ */
#content.popup { border-left: 20px solid #333; }
#content.popup_doc { border-left: 20px; }

/* ------------------ CONTENT > ICONS ------------------ */
#content .help { padding: 2px 0 2px 15px; background: url(/assets/images/crimson/iconHelp.gif) 0 2px no-repeat; }
#content .search { padding: 2px 0 2px 18px; background: url(/assets/images/crimson/iconSearch.gif) 0 2px no-repeat; }
#content .print { padding: 2px 0 2px 23px; background: url(/assets/images/crimson/iconPrint.gif) 0 2px no-repeat; }
#content .charMap { padding: 2px 0 2px 21px; background: url(/assets/images/crimson/iconCharMap.gif) 0 3px no-repeat; }
#content .delete { padding: 2px 0 3px 21px; background: url(/assets/images/crimson/iconDelete.gif) 0 0 no-repeat; }
#content .edit { padding: 2px 0 3px 21px; background: url(/assets/images/crimson/iconEdit.gif) 0 0 no-repeat; }
#content .preview { padding: 2px 0 3px 21px; background: url(/assets/images/crimson/iconPreviewTable.gif) 0 0 no-repeat; }
#content .previewFigure { padding: 2px 0 3px 21px; background: url(/assets/images/crimson/iconPreviewFigure.gif) 0 0 no-repeat; }
#content .upload { padding: 2px 0 2px 21px; background: url(/assets/images/crimson/iconUpload.gif) 0 0 no-repeat; }
#content .payment { padding: 2px 0 2px 23px; background: url(/assets/images/crimson/iconPayment.gif) 0 2px no-repeat; }
#content .error { padding: 0 0 0 10px; background: url(/assets/images/crimson/iconInvalid.gif) 0 50% no-repeat; }

/* ------------------ CONTENT > BUTTONS ------------------ */
.save { background: url(/assets/images/crimson/btnSave.gif) 0 0 no-repeat; }
.prev { background: url(/assets/images/crimson/btnPrev.gif) 0 0 no-repeat; }
.next { background: url(/assets/images/crimson/btnNext.gif) 0 0 no-repeat; }
.log { background: url(/assets/images/crimson/btnLogin.gif) 0 0 no-repeat; }
.register { background: url(/assets/images/crimson/btnRegister.gif) 0 0 no-repeat; }
.request { background: url(/assets/images/crimson/btnRequest.gif) 0 0 no-repeat; }
.cancel { background: url(/assets/images/crimson/btnCancel.gif) 0 0 no-repeat; }
.apply { background: url(/assets/images/crimson/btnApply.gif) 0 0 no-repeat; }
.new { background: url(/assets/images/crimson/btnNew.gif) 0 0 no-repeat; }
.securePayment { background: url(/assets/images/crimson/btnPayment.gif) 0 0 no-repeat; }
.paperPayment { background: url(/assets/images/crimson/btnPaperPayment.gif) 0 0 no-repeat; }

/* ------------------ FOOTER ------------------ */
#footer { background-color: #F0E5E4; }
#footer a { color: #333; }

/* ------------------ LOGIN AND REGISTRATION ------------------ */
div#login, div#registration { background: #F0E5E4; }
div#login { background: url(/assets/images/crimson/loginBG.gif) 0 0 repeat-y; }
div#login #sidebar, div#registration #sidebar, div#password #sidebar { background: #D5B7B4; }
div#login #content, div#registration #content { background: #F0E5E4; }

/* ------------------ LOGIN AND REGISTRATION 2 ------------------ */
div#login2, div#registration { background: #F0E5E4; }
div#login2 { background: url(/assets/images/crimson/loginBG.gif) 0 0 repeat-y; }
div#login2 #sidebar, div#registration #sidebar, div#password #sidebar { background: #D5B7B4; }
div#login2 #content, div#registration #content { background: #F0E5E4; }

/* ------------------ New Select Buttons ------------------ */
.Sel_btnCenter, .Sel_btnLeft, .Sel_btnRight { color: #585768; }
.Sel_btnCenter { background: transparent url(/assets/images/crimson/btnCenter.gif) no-repeat; }
.Sel_btnLeft   { background: transparent url(/assets/images/crimson/btnLeft.gif) no-repeat; }
.Sel_btnRight   { background: transparent url(/assets/images/crimson/btnRight.gif) no-repeat; }
.Sel_btnCenter:hover { background: transparent url(/assets/images/crimson/btnCenterHover.gif) no-repeat; }
.Sel_btnLeft:hover   { background: transparent url(/assets/images/crimson/btnLeftHover.gif) no-repeat; }
.Sel_btnRight:hover   { background: transparent url(/assets/images/crimson/btnRightHover.gif) no-repeat; }