/* ------------------ GLOBAL > TYPOGRAPHY ------------------ */
h1 { color: #333; }
h2 { color: #333; }
th { font-weight: bold; }
a { color: #833F15; }
a:hover { color: #DF6C23; }

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

/* ------------------ HEADER > NAVBAR ------------------ */
#navbar { background-image: url(/assets/images/titian/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: #4B2711; }
#navbar .logo { background-image: url(/assets/images/titian/logoC4A.gif); }

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

/* ------------------ SIDEBAR ------------------ */
#sidebar h1 { border: 1px solid #161616; background: url(/assets/images/titian/headerBG.gif); }
#sidebar li:hover { background-image: url(/assets/images/titian/hoverBG.gif); }
#sidebar li.active { background-image: url(/assets/images/titian/hoverBG.gif); }
#sidebar li.active a { background-image: url(/assets/images/titian/iconNavInactive.gif); }
#sidebar li a:hover { background-image: url(/assets/images/titian/iconNavHover.gif); }
#sidebar li.valid a:hover { background-image: url(/assets/images/titian/iconNavHover.gif); }
#sidebar li.invalid a:hover { background-image: url(/assets/images/titian/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/titian/iconHelp.gif) 0 2px no-repeat; }
#content .search { padding: 2px 0 2px 18px; background: url(/assets/images/titian/iconSearch.gif) 0 2px no-repeat; }
#content .print { padding: 2px 0 2px 23px; background: url(/assets/images/titian/iconPrint.gif) 0 2px no-repeat; }
#content .charMap { padding: 2px 0 2px 21px; background: url(/assets/images/titian/iconCharMap.gif) 0 3px no-repeat; }
#content .delete { padding: 2px 0 3px 21px; background: url(/assets/images/titian/iconDelete.gif) 0 0 no-repeat; }
#content .edit { padding: 2px 0 3px 21px; background: url(/assets/images/titian/iconEdit.gif) 0 0 no-repeat; }
#content .preview { padding: 2px 0 3px 21px; background: url(/assets/images/titian/iconPreviewTable.gif) 0 0 no-repeat; }
#content .previewFigure { padding: 2px 0 3px 21px; background: url(/assets/images/titian/iconPreviewFigure.gif) 0 0 no-repeat; }
#content .upload { padding: 2px 0 2px 21px; background: url(/assets/images/titian/iconUpload.gif) 0 0 no-repeat; }
#content .payment { padding: 2px 0 2px 23px; background: url(/assets/images/titian/iconPayment.gif) 0 2px no-repeat; }
#content .error { padding: 0 0 0 10px; background: url(/assets/images/titian/iconInvalid.gif) 0 50% no-repeat; }

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

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

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

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

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