/* Core CSS */
body {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 50px;
    color: rgb(0, 0, 0);
    background-color: rgb(0, 53, 119);
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
}

p {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: rgb(0, 0, 0);
    line-height: 16px;
}

td {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: rgb(0, 0, 0);
    line-height: 16px;
}

th {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: rgb(255, 255, 255);
    text-align: left;
    background-color: rgb(0, 53, 119);
}

a:link {
    color: rgb(47, 97, 240);
    text-decoration: underline;
}

a:active {
    color: rgb(47, 97, 240);
    text-decoration: underline;
}

a:visited {
    color: rgb(47, 97, 240);
    text-decoration: underline;
}

a:hover {
    cursor: hand;;
    cursor: pointer;;
    color: rgb(255, 173, 0);
    text-decoration: underline;
}

/* Gives the appearance of a lnk, even though it is not an a tag */
.sim_link {
    text-decoration: underline;
    color: rgb(47, 102, 195);
    cursor: hand;;
    cursor: pointer;
}

.sim_link:hover {
    text-decoration: underline;
    color: rgb(255, 173, 0);
    cursor: hand;;
    cursor: pointer;
}

/* Text Formatting */
.small {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
}

.tiny {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 9px;
}

.tinyblack {
    color: rgb(0, 0, 0);
    font-size: 9px;
}

a.tinyblack:link {
    color: rgb(0, 0, 0);
    font-size: 9px;
    text-decoration: none;
}

a.tinyblack:active {
    color: rgb(0, 0, 0);
    font-size: 9px;
    text-decoration: none;
}

a.tinyblack:visited {
    color: rgb(0, 0, 0);
    font-size: 9px;
    text-decoration: none;
}

a.tinyblack:hover {
    color: rgb(0, 0, 0);
    font-size: 9px;
    text-decoration: underline;
}

.bold_black {
    font-weight: bold
}

.bold_black_small {
    font-weight: bold;
    font-size: 10px;
}

.orange {
    color: rgb(255, 173, 0);
}

.orange_bold {
    color: rgb(255, 173, 0);
    font-weight: bold;
}

.orange_small {
    color: rgb(255, 173, 0);
    font-size: 10px;
}

.white {
    color: rgb(255, 255, 255);
}

a.white:link {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

a.white:active {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

a.white:visited {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

a.white:hover {
    color: rgb(255, 173, 0);
    text-decoration: underline;
}

.white_bold {
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.white_small {
    color: rgb(255, 255, 255);
    font-size: 10px;
}

.white_tiny {
    color: rgb(255, 255, 255);
    font-size: 9px;
}

.white_small_bold {
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-weight: bold;
}

.blue {
    color: rgb(0, 0, 255);
}

.blue_small {
    color: rgb(0, 0, 255);
    font-size: 10px;
}

.blue_slate_bold {
    color: rgb(122, 155, 210);
    font-weight: bold;
}

.warning {
    color: rgb(195, 47, 47);
}

.gray {
    color: rgb(105, 105, 105);
}

a.gray:link {
    color: rgb(105, 105, 105);
}

a.gray:active {
    color: rgb(105, 105, 105);
}

a.gray:visited {
    color: rgb(105, 105, 105);
}

a.gray:hover {
    color: rgb(255, 173, 0);
    text-decoration: underline;
}

.gray_small {
    font-family: verdana, arial, helvetica, sans-serif;
    color: rgb(105, 105, 105);
    font-size: 10px;
}

.gray_highlight {
    background-color: rgb(105, 105, 105);
    font-size: 10px;
}

.header {
    font-size: 16px;
    color: rgb(0, 53, 119);
    font-weight: bold;
}

.header2 {
    font-size: 14px;
    color: rgb(0, 53, 119);
    font-weight: bold;
}

.header3 {
    font-size: 13px;
    color: rgb(0, 53, 119);
    font-weight: bold;
}

.header_act {
    font-size: 16px;
    color: rgb(0, 53, 119);
    font-weight: bold;
}

/* Site Header */
.nav_bar {
    width: 100%;
    border-collapse: collapse;
    border-bottom: solid;
    border-width: 0px;
    border-color: rgb(60, 60, 60);
}

.logo {
    width: 170px;
    height: 50px;
    background-color: rgb(255, 255, 255);
}

/* Top Nav */
.topnav {
    background-color: rgb(90, 90, 90);
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: bold;
    border-left-color: rgb(60,60,60);
    border-left-style: solid;
    border-left-width: 1px;
	border-top-color: rgb(60,60,60);
    border-top-style: solid;
    border-top-width: 1px;
}

a.topnav:link {
    background-color: rgb(90, 90, 90);
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

a.topnav:active {
    background-color: rgb(90, 90, 90);
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

a.topnav:visited {
    background-color: rgb(90, 90, 90);
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

a.topnav:hover {
    background-color: rgb(90, 90, 90);
    color: rgb(255, 173, 0);
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.topnavlink {
    background-color: rgb(90, 90, 90);
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: bold;
}

a.topnavlink:link {
    background-color: rgb(90, 90, 90);
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

a.topnavlink:active {
    background-color: rgb(90, 90, 90);
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

a.topnavlink:visited {
    background-color: rgb(90, 90, 90);
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

a.topnavlink:hover {
    background-color: rgb(90, 90, 90);
    color: rgb(255, 173, 0);
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.topnavON {
    background-color: rgb(210, 210, 210);
    color: rgb(47, 102, 195);
    font-size: 11px;
    font-weight: bold;
    border-left-color: rgb(60,60,60);
    border-left-style: solid;
    border-left-width: 1px;
	border-top-color: rgb(60,60,60);
    border-top-style: solid;
    border-top-width: 1px;
}

a.topnavON:link {
    background-color: rgb(210, 210, 210);
    color: rgb(47, 102, 195);
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

a.topnavON:active {
    background-color: rgb(210, 210, 210);
    color: rgb(47, 102, 195);
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

a.topnavON:visited {
    background-color: rgb(210, 210, 210);
    color: rgb(47, 102, 195);
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

a.topnavON:hover {
    background-color: rgb(210, 210, 210);
    color: rgb(47, 102, 195);
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

.topnavONlink {
    background-color: rgb(210, 210, 210);
    color: rgb(47, 102, 195);
    font-size: 11px;
    font-weight: bold;
}

a.topnavONlink:link {
    background-color: rgb(210, 210, 210);
    color: rgb(47, 102, 195);
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

a.topnavONlink:active {
    background-color: rgb(210, 210, 210);
    color: rgb(47, 102, 195);
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

a.topnavONlink:visited {
    background-color: rgb(210, 210, 210);
    color: rgb(47, 102, 195);
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

a.topnavONlink:hover {
    background-color: rgb(210, 210, 210);
    color: rgb(47, 102, 195);
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

/* Sub Nav */
.subnav {
    background-color: rgb(210, 210, 210);
    color: rgb(0, 0, 0);
    font-size: 10px;
    font-weight: bold;
}

a.subnav:link {
    background-color: rgb(210, 210, 210);
    color: rgb(0, 0, 0);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

a.subnav:active {
    background-color: rgb(210, 210, 210);
    color: rgb(0, 0, 0);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

a.subnav:visited {
    background-color: rgb(210, 210, 210);
    color: rgb(0, 0, 0);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

a.subnav:hover {
    background-color: rgb(210, 210, 210);
    color: rgb(255, 173, 0);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

.subnavON {
    background-color: rgb(210, 210, 210);
    color: rgb(47, 102, 195);
    font-size: 10px;
    font-weight: bold;
}

a.subnavON:link {
    background-color: rgb(210, 210, 210);
    color: rgb(47, 102, 195);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

a.subnavON:active {
    background-color: rgb(210, 210, 210);
    color: rgb(47, 102, 195);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

a.subnavON:visited {
    background-color: rgb(210, 210, 210);
    color: rgb(47, 102, 195);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

a.subnavON:hover {
    background-color: rgb(210, 210, 210);
    color: rgb(47, 102, 195);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

.actnav {
    background-color: rgb(210, 210, 210);
    color: rgb(105, 105, 105);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

a.actnav:link {
    background-color: rgb(210, 210, 210);
    color: rgb(105, 105, 105);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

a.actnav:active {
    background-color: rgb(210, 210, 210);
    color: rgb(105, 105, 105);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

a.actnav:visited {
    background-color: rgb(210, 210, 210);
    color: rgb(105, 105, 105);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

a.actnav:hover {
    background-color: rgb(210, 210, 210);
    color: rgb(255, 173, 0);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

/* Digest Tab Nav */
.subtab {
    background-color: rgb(240, 186, 92);
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

a.subtab:link {
    background-color: rgb(240, 186, 92);
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

a.subtab:active {
    background-color: rgb(240, 186, 92);
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

a.subtab:visited {
    background-color: rgb(240, 186, 92);
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

a.subtab:hover {
    background-color: rgb(240, 186, 92);
    color: rgb(0, 53, 119);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

.subtabON {
    background-color: rgb(240, 202, 138);
    color: rgb(0, 53, 119);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

a.subtabON:link {
    background-color: rgb(240, 202, 138);
    color: rgb(0, 53, 119);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

a.subtabON:active {
    background-color: rgb(240, 202, 138);
    color: rgb(0, 53, 119);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

a.subtabON:visited {
    background-color: rgb(240, 202, 138);
    color: rgb(0, 53, 119);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

a.subtabON:hover {
    background-color: rgb(240, 202, 138);
    color: rgb(0, 53, 119);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

/* Content */
.main {
    background-color: rgb(255, 255, 255);
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 20px;
    vertical-align: top;
    text-align: left;
}

/* tab styles aren't working well with main.  the vertical align is causing problems.*/
.main_tab {
    background-color: rgb(255, 255, 255);
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 20px;
    text-align: left;
}

.main1 {
    background-color: rgb(255, 255, 255);
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 20px;
    vertical-align: top;
    text-align: left;
}

.main_act {
    background-color: rgb(255, 255, 255);
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 5px;
    border-bottom: solid;
    border-width: 1px;
    border-color: rgb(60, 60, 60);
    vertical-align: top;
    text-align: left;
}

.main_top {
    background-color: rgb(255, 255, 255);
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 0px;
    vertical-align: top;
    text-align: left;
}

.main_bottom {
    background-color: rgb(255, 255, 255);
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 5px;
    vertical-align: top;
    text-align: left;
}

.tableBlue {
    border-collapse: collapse;
    background-color: rgb(217, 222, 233);
    padding: 3px;
    border: 1px solid rgb(92, 113, 149);
}

.thBlue {
    background-color: rgb(92, 113, 149);
}

.matrix td {
    padding: 4px;
    font-size: 10px;
    text-align: center;
    vertical-align: middle
}

.matrix th {
    padding: 4px;
    background-color: rgb(92, 113, 149);
    color: rgb(255, 255, 255);
    font-size: 10px;
    font-weight: bold;
    text-align: center
}

/* Left Nav */
.left {
    width: 160px;
    background-color: rgb(210, 210, 210);
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 20px;
    border-right: solid;
    border-width: 1px;
    border-color: rgb(60, 60, 60);
    vertical-align: top;
    text-align: left;
}

.left_act {
    width: 160px;
    background-color: rgb(210, 210, 210);
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 5px;
    border-right: solid;
    border-bottom: solid;
    border-width: 1px;
    border-color: rgb(60, 60, 60);
    vertical-align: top;
    text-align: left;
}

.leftnav {
    color: rgb(0, 0, 0);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 18px;
}

a.leftnav:link {
    color: rgb(0, 0, 0);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 18px;
}

a.leftnav:active {
    color: rgb(0, 0, 0);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 18px;
}

a.leftnav:visited {
    color: rgb(0, 0, 0);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 18px;
}

a.leftnav:hover {
    color: rgb(255, 173, 0);
    font-size: 10px;
    font-weight: bold;
    text-decoration: underline;
    line-height: 18px;
}

.leftnav	ON {
    color: rgb(47, 102, 195);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 18px;
}

a.leftnavON:link {
    color: rgb(47, 102, 195);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 18px;
}

a.leftnavON:active {
    color: rgb(47, 102, 195);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 18px;
}

a.leftnavON:visited {
    color: rgb(47, 102, 195);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 18px;
}

a.leftnavON:hover {
    color: rgb(47, 102, 195);
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    line-height: 18px;
}

/* Left Nav Table */
.tmain {
    width: 160px;
    border-collapse: collapse;
    background-color: rgb(240, 240, 240);
    border: solid;
    border-width: 1px;
    border-color: rgb(60, 60, 60);
}

.tbullet {
    width: 10px;
    padding-left: 4px;
    padding-top: 8px;
    padding-bottom: 4px;
    vertical-align: top;
    text-align: left;
    line-height: 14px;
}

.tarrow {
    width: 10px;
    padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: top;
    text-align: left;
}

.tarrow_select {
    width: 10px;
    padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: top;
    text-align: left;
    background-color: rgb(213, 223, 255);
}

.tcontent {
    width: 152px;
    font-size: 10px;
    vertical-align: top;
    text-align: left;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 4px;
    line-height: 14px;
}

.tdash {
    width: 152px;
    vertical-align: top;
    text-align: left;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 4px;
}

.tdash_select {
    width: 152px;
    color: rgb(0, 53, 119);
    vertical-align: top;
    text-align: left;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 4px;
    background-color: rgb(213, 223, 255);
}

/* Digest */
.act1 {
    width: 600px;
    vertical-align: top;
    width: 500px;
    border-collapse: collapse;
    background-color: rgb(60, 60, 60);
    border-top: solid;
    border-bottom: solid;
    border-left: solid;
    border-right: solid;
    border-width: 1px;
    border-color: rgb(60, 60, 60);
    font-size: 11px;
    font-weight: bold;
}

.act2 {
    border-collapse: collapse;
    width: 100%;
    height: 100%;
    vertical-align: top;
    background-color: rgb(255, 249, 213);
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 10px;
    font-weight: bold;
}

.act3 {
    border-collapse: collapse;
    height: 100%;
    vertical-align: top;
    background-color: rgb(255, 249, 213);
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0px;
    padding-right: 5px;
}

.crit {
    width: 125px;
    height: 20px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    background-color: rgb(60, 60, 60);
    vertical-align: middle;
    text-align: center;
}

a.crit:link {
    color: rgb(255, 255, 255);
    text-decoration: underline;
}

a.crit:active {
    color: rgb(255, 255, 255);
    text-decoration: underline;
}

a.crit:visited {
    color: rgb(255, 255, 255);
    text-decoration: underline;
}

a.crit:hover {
    color: rgb(255, 173, 0);
    text-decoration: underline;
}

.crit_select {
    width: 125px;
    height: 20px;
    font-weight: bold;
    background-color: rgb(255, 249, 213);
    vertical-align: middle;
    text-align: center;
}

.crit_cont {
    font-size: 10px;
    color: rgb(210, 210, 210);
}

/* Map Player */
.maptab {
    width: 80px;
    height: 20px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    background-color: rgb(60, 60, 60);
    text-align: center;
}

a.maptab:link {
    color: rgb(255, 255, 255);
    text-decoration: underline;
}

a.maptab:active {
    color: rgb(255, 255, 255);
    text-decoration: underline;
}

a.maptab:visited {
    color: rgb(255, 255, 255);
    text-decoration: underline;
}

a.maptab:hover {
    color: rgb(255, 173, 0);
    text-decoration: underline;
}

.maptab_select {
    width: 80px;
    height: 20px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    background-color: rgb(122, 155, 210);
    text-align: center;
}

.helptab {
    width: 80px;
    height: 20px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    background-color: rgb(60, 60, 60);
    text-align: center;
}

a.helptab:link {
    color: rgb(255, 255, 255);
    text-decoration: underline;
}

a.helptab:active {
    color: rgb(255, 255, 255);
    text-decoration: underline;
}

a.helptab:visited {
    color: rgb(255, 255, 255);
    text-decoration: underline;
}

a.helptab:hover {
    color: rgb(255, 173, 0);
    text-decoration: underline;
}

.helptab_select {
    width: 80px;
    height: 20px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    text-align: center;
}

/* Random */
.rowhover {
    background-color: rgb(213, 223, 255);
}

.error {
    font-weight: bold;
    color: rgb(255, 0, 0);
}

.bullet {
    list-style-image: url(images/bullet_orange.gif);
}

.help {
    border-bottom: 1px dotted rgb(0, 0, 0);
    cursor: help;
}

#list {
    margin-left: 0px;
    padding-left: 0px;
    padding-bottom: 10px;
    list-style: none;
    line-height: 13px
}

#list li {
    padding-left: 10px;
    background-image: url(images/bullet_orange.gif);
    background-repeat: no-repeat;
    background-position: 0 5;
    font-size: 10px
}

#list1 {
    margin-left: 5px;
    padding-left: 0px;
    margin-top: 5px;
    list-style: none;
}

#list1 li {
    background-repeat: no-repeat;
    background-position: 0 6;
    font-size: 11px
}

#list2 {
    margin-left: 10px;
    padding-left: 0px;
    padding-bottom: 10px;
    list-style: none;
}

#list2 li {
    padding-left: 15px;
    background-image: url(images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 6;
    font-size: 11px
}

#list3 {
    margin-left: 5px;
    padding-left: 0px;
    list-style: none;
}

#list3 li {
    padding-left: 10px;
    padding-bottom: 5px;
    background-image: url(images/bullet_orange.gif);
    background-repeat: no-repeat;
    background-position: 0 7;
    font-size: 10px
}

/* Forms */
input.blue {
    background-color: rgb(122, 155, 210);
    font: 11px verdana, arial, helvetica, sans-serif;
    color: rgb(255, 255, 255);
    cursor: pointer;
    cursor: hand;
    border: 1px solid rgb(0, 53, 119);
}

input.gray {
	background-color: rgb(210, 210, 210);
    font: 11px verdana, arial, helvetica, sans-serif;
    color: rgb(255, 255, 255);
    cursor: pointer;
    cursor: hand;
    border: 1px solid rgb(0, 53, 119);
}

/* Footer */
.adventure_strip {
    width: 100%;
    background-color: rgb(210, 210, 210);
    border-collapse: collapse;
    border-top: solid;
    border-bottom: solid;
    border-width: 1px;
    border-color: rgb(60, 60, 60);
}

.footer {
    font-size: 9px;
    color: rgb(255, 255, 255);
    padding-left: 5px;
    padding-right: 5px;
}

.copyright {
    font-size: 9px;
    color: rgb(255, 255, 255);
}

a.copyright:link {
    font-size: 9px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-decoration: none;
}

a.copyright:active {
    font-size: 9px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-decoration: none;
}

a.copyright:visited {
    font-size: 9px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-decoration: none;
}

a.copyright:hover {
    font-size: 9px;
    color: rgb(255, 173, 0);
    font-weight: bold;
    text-decoration: underline;
}

/* Roles to identify components that are available only to a role */
.role_customer_service {
    background-color: rgb(183, 210, 168)
}

.role_mb_tester {
    background-color: rgb(255,228,181);
}

/* Used to highlight a new feature or other that deserves attention getting*/
span.feature_highlight {
    font-size: 9px;;
    vertical-align: super;;
    color: rgb(195, 47, 47)
}

.pageHelpIcon {
    float: right;
    margin: 10px;
}

.pageHelpIcon img {
    border: 0;
}