body {margin:0px}
div, body, td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
input, select, textarea {color:#4d4d4d; font-size:11px}
textarea {padding:5px}

a {color:#4d4d4d}

a.purpleLink {text-decoration:underline; color:#7D4199}
a.purpleLink:hover {text-decoration:none}

.purple {color:#7D4199}

.purpleBar {height:60px; text-align:center; background-color:#7D4199; font-weight:bold; font-size:14px; color:#FFFFFF}

/* TOP BAR STYLES (topbar.asp) */
.greenBar {background-image:url(/system/v2_1/management/images/greenBar.gif); background-repeat:repeat-x; font-weight:bold; font-size:14px; color:#FFFFFF}
.greyBar {background-color:#4d4d4d; color:#ffffff; font-size:10px; border-top:1px solid #ffffff}
.greyBar a {color:#FFFFFF}
.greyBar a:hover {text-decoration:none}

/* POPUP STYLES */
#greyBack {background-color:#e9e9e9; text-align:center}
#greenPopupBar {height:37px; text-align:center; background-color:#7D4199}
#greenPopupBar div {padding-top:11px; font-weight:bold; font-size:14px; color:#FFFFFF}
#greyPopupBar {height:24px; text-align:center; background-color:#4d4d4d; border-top:1px solid #ffffff}
#greyPopupBar div {padding-top:6px; font-size:10px; color:#FFFFFF}
#bottomPopupBar {text-align:center; border-top:1px solid #4d4d4d}
.popupButton {background-image:url(/system/v2_1/management/images/button.gif); background-repeat:no-repeat; background-position:center; width:89px; height:21px; text-align:center}
.popupButton a {color:#FFFFFF; display:block; text-decoration:none}
.popupButton a:hover {font-weight:bold; color:#FFFFFF}
#popupBodyArea {width:100%; background-color:#FFFFFF; text-align:center; height:468px; overflow:auto}
#popupBodyBox {text-align:center; padding-bottom:15px}
.fieldLabel {font-weight:bold; color:#767676; text-align:right; padding-right:3px}
.field {color:#767676; text-align:left}
.fullWidthField {text-align:center}
.sectionTop {background-image:url(/system/v2_1/management/images/adminSectionTop.jpg); background-position:top; background-repeat:no-repeat; text-align:center}
.sectionTitle {font-weight:bold; color:#4d4d4d; padding-top:10px; margin-bottom:15px}
.topInstruction {font-size:10px; color:#767676; margin-bottom:10px}
.bottomInstruction {font-size:10px; color:#767676; margin-top:10px}
.sectionBottom {background-image:url(/system/v2_1/management/images/adminSectionBottom.jpg); background-position:bottom; background-repeat:no-repeat; margin-bottom:30px; height:24px}

.popupTableHeader{border-bottom:1px solid #d6d6d6; padding:5px; font-size:10px; color:#999999}
.popupTableCell {border-bottom:1px solid #d6d6d6; padding:6px 5px; color:#767676}

/* LEFT BAR STYLES (leftbar.asp) */
#menuBar {background-image:url(/system/v2_1/management/images/menuBack.gif); background-repeat:repeat-y; background-color:#FFFFFF}
.gap {height:16px}
.menuTitle {background-image:url(/system/v2_1/management/images/menuTitle.gif); background-repeat:no-repeat; background-position:top left; height:28px; width:167px}
.menuTitle div{padding:8px 15px; text-align:right; color:#FFFFFF; font-size:11px; font-weight:bold}
.menuItem {background-image:url(/system/v2_1/management/images/menuItem.gif); background-repeat:no-repeat; background-position:top left; height:24px; width:167px; margin-bottom:1px}
.menuItem div{padding:5px 15px; text-align:right; color:#FFFFFF; font-size:11px}
.menuItem div a{text-decoration:none; color:#FFFFFF; display:block}
.menuItem div a:hover {font-weight:bold; text-decoration:none; color:#FFFFFF; display:block}
.menuSelected {background-image:url(/system/v2_1/management/images/menuSelected.gif); background-repeat:no-repeat; background-position:top left; height:24px; width:167px; margin-bottom:1px}
.menuSelected div{padding:5px 15px; text-align:right; color:#FFFFFF; font-size:11px; font-weight:bold}
.menuSelected div a{text-decoration:none; color:#FFFFFF; display:block}
.menuSelected div a:hover {text-decoration:none; color:#FFFFFF; display:block}
.sub_option {width:150px; text-align:center}

/* BODY CONTENT STYLES */
#bodyContent {padding:36px 50px}
h1 {width:640px; color:#7D4199; font-weight:NORMAL; font-size:18px; border-bottom:1px solid #7D4199; padding-bottom:3px; margin:0px} 
h2 {color:#4d4d4d; font-size:11px; font-weight:normal; margin-top:8px; margin-bottom:33px}
.tableHeader {color:#7D4199; font-size:12px; padding:7px 3px; border-bottom:1px solid #d6d6d6}
.tableHeader a{color:#7D4199; text-decoration:none}
.tableHeaderSmall {color:#7D4199; font-size:11px; padding:7px 3px; border-bottom:1px solid #d6d6d6}
.tableHeaderSmall a{color:#7D4199; text-decoration:none}
.tableBody {color:#4d4d4d; font-size:11px; font-weight:normal; border-bottom:1px solid #d6d6d6}
.tableBody a {display:block; color:#4d4d4d; text-decoration:none; padding:7px 3px}
.tableSymbol {text-align:center}
.tableSymbol a {display:block; padding:7px 3px}
.noResults {width:640px; text-align:center}

.category {margin-left:25px}
.category a {text-decoration:none}
.level1 a {font-weight:bold; font-size:12px; color:#7D4199}
.level2 a {color:#7D4199}
.level3 a {font-size:10px}
.level4 a {font-size:10px}
.level5 a {font-size:10px}

.bodyButton {background-image:url(/system/v2_1/management/images/button.gif); background-repeat:no-repeat; background-position:center; width:89px; height:21px; text-align:center; margin:0 auto}
.bodyButton a {color:#FFFFFF; display:block; text-decoration:none; padding-top:3px}
.bodyButton a:hover {font-weight:bold; color:#FFFFFF}


/* LOGIN PAGE */
#bottomLogin {background-color:#e9e9e9; text-align:center; border-left:1px; border-right:1px; border-bottom:1px; border-style:solid; border-color:#4d4d4d}
#errorString{margin-bottom:20px; line-height:20px; color:#990000}

#loader {width: 160px; margin-left: auto; margin-right: auto}
#loader td {padding: 3px; background: #ffffff}
#loader p {border: 2px solid #7D4199; padding: 10px; margin: 0; background: #ffffff; color:#4d4d4d; font-weight:bold; padding-left:46px}
#loader img {float: left; margin-right: 12px;}
#loader strong { display: block; margin-bottom: 3px; }
#loaderContainer { display:none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; position: expression('absolute'); height: expression(document.documentElement.scrollHeight+'px'); width: expression(document.documentElement.scrollWidth+'px'); z-index: 1000; }
#loaderContainer td { padding-top: 150px; vertical-align: top; text-align: center; background-image: url(/system/v2_1/management/images/semi_transparent.gif); }
#loaderContainer td td { padding-top: 3px; text-align: left; }
