/*
* LAYOUT CLASSES AND IMMEDIATE SUB-COMPONENTS
*/

.searchBar {
  background-color: #031b5f;
  color: #ffffff;
  width: 100%;
  border-bottom: medium solid #bebee2;
  padding-bottom: 12px;
  font-size: 10px;
}

div.searchBar input {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  padding: 1px;
  margin: 4px 0px 4px 5px;
}

pre.note {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin: 2px 0px 0px 4px;
}

div.searchBar form {
  display: inline;
}

.searchBarRight {
  float: right;
  font-size: 10px;
  top: 0px;
  position: relative;
  margin: 4px 5px 4px 5px;
  color: #efaa23;
}

.searchBarButton {
  background: transparent;
  border: thin outset #bebee2;
  font-size: 10px;
  margin: 2px 2px 2px 2px;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}

.header {
  color: #bebee2;
  width: 100%;
  background: url("../images/repeatPurple.jpg");
  background-repeat: repeat-x;
/*  border-bottom: medium solid #bebee2;*/
  clear: left;
  position: relative;
}

div.header img.logo {
  float: left;
}

.headerSiteTitle {
  color: #ffffff;
  padding: 25px 10px 5px 0px;
  font-size: 12px;
}

.headerMenu {
  padding: 3px;
/*  border: thin solid #bebee2;
  border-collapse: collapse;*/
  color: #ffffff;
  font-weight: bold;
  font-size: 10px;
}

.headerMenuPlacement {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.primaryMenu {
  position: relative;
  clear: left;
  padding-top: 10px;
}

div.primaryMenu ul {
  margin-left: -30px;
  _margin-left: 5px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
/*  padding: 0px;*/
  color: #bebee2;
  display: inline;
}

div.primaryMenu ul li {
  display: inline;
  margin: 0px;
  padding: 0px 15px;
  list-style: none;
  color: #0e2c53;
  border: 1px solid #0e2c53;
  border-collapse: collapse;
  float: left;
/*  background-color: #ffffcc; */
  background-color: #fce9d4;
  font-family: Verdana, Arial;
  font-weight: bold;
  font-size: 7pt;
  text-transform: uppercase;
}

div.primaryMenu ul li.here {
  background-color: #ffffff;
  border-bottom: 0 none;
}

div.primaryMenu ul li.last {
  font-weight: bold;
  float: right;
}

div.primaryMenu ul li a {
  display: block;
}

div.primaryMenu ul li a:hover {
  color: #efaa23;
/*  background-color: #0e2c53;*/
}

.secondaryMenu {
  clear: left;
  border-top: 1px solid #000000;
/*  border-right: 1px solid #000000;*/
  border-bottom: 1px solid #000000;
/*  padding: 3px;*/
  position: relative;
  background-color: #bebee2;
}

div.secondaryMenu ul {
  margin-left: 0px;
  padding: 0px;
  display: inline;
}

div.secondaryMenu ul li {
  margin: 0px;
  padding: 0px 15px;
  list-style: none;
  background-color: #bebee2;
  display: inline;
  border-left: 1px solid #000000;
  border-collapse: collapse;
  font-family: Verdana;
  font-size: 7pt;
  text-transform: uppercase;
}

div.secondaryMenu ul li a {
  display: inline;
/*padding: 2px; */
  _margin: 0px;
  color: #0e2c53;
  font-weight: bold;
}

div.secondaryMenu ul li a:hover {
  color: #ffffff;
/*  background-color: #0e2c53;*/
}

.thirdaryMenu {
  clear: left;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
/*  padding: 3px;*/
  position: relative;
  font-size: 10px;
  background-color: #e6dfff;
}

div.thirdaryMenu ul {
  margin: 0px;
  padding: 0px;
  display: inline;
  background-color: #e6dfff;
}

div.thirdaryMenu ul li {
  margin: 0px;
  padding: 0px 15px;
  list-style: none;
  font-family: Verdana;
  font-size: 7pt;
  text-transform: uppercase;
  background-color: #e6dfff;
  display: inline;
  border-left: 1px solid #000000;
  border-collapse: collapse;
}

div.thirdaryMenu ul li a {
  display: inline;
/*padding: 2px; */
  _margin: 0px;
  color: #0e2c53;
  font-weight: bold;
}

div.thirdaryMenu ul li a:hover {
  color: #efaa23;
  
}

.minorMenu {
  position: relative;
  clear: left;
}

div.minorMenu ul {
  margin-left: -30px;
  _margin-left: 5px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  color: #bebee2;
  display: inline;
}

div.minorMenu ul li {
  display: inline;
  margin: 0px;
  padding: 0px;
  list-style: none;
  color: #bebee2;
  border-right: 1px solid #bebee2;
  border-bottom: 1px solid #bebee2;
  border-left: 1px solid #bebee2;
  border-collapse: collapse;
  float: left;
  background-color: #8dd7b3;
  font-size: 10px;
}

div.minorMenu ul li.here {
  background-color: #ffffff;
}

div.minorMenu ul li a {
  display: block;
  padding: 5px;
}

div.minorMenu ul li a:hover {
  color: #031b5f;
  background-color: #ffffff;
}

.editContent {
  color: #000000;
  text-align: center;
  background-color: #ffffff;
  padding: 10px 0px 0px;
  clear: left;
  font-size: 12px;
  margin: 0 auto;
}

.basicSetting {
  color: #000000;
  background-color: #ffffff;
  padding: 10px 0px 0px;
  clear: left;
  font-size: 12px;
}

.contentCenter {
  color: #000000;
  text-align: center;
  background-color: #ffffff;
  padding: 10px 0px 0px;
  clear: left;
  font-size: 12px;
  margin: 0 auto;
}

.content {
  color: #000000;
  text-align: left;
  background-color: #ffffff;
  padding: 10px 0px 0px;
  clear: left;
  font-size: 12px;
}

.content2 {
  color: #000000;
  text-align: left;
  background-color: #ffffff;
  margin: 23px 15px;
  _margin: 10px 15px;
  padding: 20px 15px;
  font-size: 12px;
  border: 3px solid #bebee2;
  -moz-border-radius: 7px;
}

.content3 {
  color: #000000;
  text-align: left;
  background-color: #ffffff;
  margin: 23px 15px;
  _margin: 10px 15px;
  padding: 20px 15px;
  font-size: 12px;
  -moz-border-radius: 7px;
}

.contentPO {
  color: #000000;
  text-align: left;
  background-color: #ffffff;
  padding: 10px 25px 25px 25px;
  _padding: 10px 10px 25px;
  clear: left;
  font-size: 12px;
  _margin-left: 25px;
}

.contentPOSideBar {
  color: #000000;
  text-align: left;
  background-color: #ffffff;
  font-size: 12px;
  margin-top:10px;
  margin-right: 25px;
  padding-bottom: 25px;
}

.footer {
  font-size: 65%;
  color: #333333;
  clear: left;
  background-color: #bebee2;
  position: relative;
  height: 2em;
  border-top: thin solid #000000;
  border-bottom: thin solid #000000;
}

.footerBottom {
  float: left;
  clear: left;
}

div.footer ul {
  margin: 0px 0px 5px 5px;
  _margin: 5px 0px 5px 5px;
  padding: 15px 10px 10px 10px;
  _padding: 5px;
  color: #bebee2;
  _position: absolute;
  _top: 5px;
}

div.footer ul li {
  margin-left: 5px;
  display: inline;
  list-style: none;
  color: #bebee2;
}

div.footer ul li a {
  color: #bebee2;
  background-color: #e7e7e7;
  border: thin solid #a7a7a7;
  font-weight: bold;
  font-size: 10px;
  padding: 1px;
  _padding: 0px;
}

div.footer ul li a:hover {
  color: #031b5f;
  background-color: #e7e7e7;
  border: thin solid #bebee2;
  font-weight: bold;
  font-size: 10px;
  padding: 1px;
  _padding: 0px;
}

.featureFormLayout {
  padding: 0px 10px 10px;
  float: left;
  border-top: 2px solid #e7e7e7;
  border-right: 2px solid #e7e7e7;
}

div.featureFormLayout div {
  padding: 5px;
}

/*
* XHTML ELEMENT CLASSES
*/

body {
  background-color: #ffffff;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

textarea, select, input, p, li, .regular
{
    font-size : 12px;
}

a.buttons {
  background-color: #efaa23;
  border: 3px outset #bebee2;
  width: 200px;
  margin: 2px;
  text-align: center;
  cursor: pointer;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
}

a:hover.buttons {
  background-color: #efaa23;
  border: 3px outset #bebee2;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  width: 200px;
  margin: 2px;
  text-align: center;
}

a.cellLink {
  display: block;
  text-decoration: underline;
}

a:hover.cellLink {
  display: block;
  color: #000000;
}

a.flatButton {
  background-color: #fce9d4;
}

a:hover.flatButton {
  color: #57af5b;
  /*background-color: #ffffff;  For some reason, if this line is enabled, the mainCapsule objects collapse together in IEx. */
}

a.helpLink {
  font-weight: bold;
  text-decoration: underline;
}

a:hover.helpLink {
  font-weight: bold;
  color: #000000;
  background-color: #ffffff;
  cursor: pointer;
}

a {
    color : #27334f;
    text-decoration : none;
}

a:hover {
    color : #57af5b;
    text-decoration : none;
}

a:hover.nothing {
    background-color : transparent;
}

a.silver {
  background-color : #b0c4de;
  border : thin outset;
  font-weight : bold;
  font-size : 10px;
  }

a:hover.silver {
  background-color : #b0c4de;
  border : thin inset;
  font-weight : bold;
  color : #ffffff;
  }

a.menuItem {
/*  font-size : 10px;*/
  text-decoration : none;
  color : WindowText;
}

a:hover.menuItem {
/*  font-size : 10px;*/
  text-decoration : none;
  color : #ff0000;
  background-color : transparent;
}

a.menuItemDisabled {
  font-size : 10px;
  text-decoration : none;
  color : #f0f0f0;
}

a:hover.menuItemDisabled {
  font-size : 10px;
  text-decoration : none;
  color : #f0f0f0;
  background-color : transparent;
}

a.copyright {
  font-size: 10px;
  text-decoration : none;
  color: #999999;
}

a:hover.copyright {
  font-size: 10px;
  font-weight: bold;
  text-decoration : none;
  color: #efaa23;
}

a.contentLink {
  color: #efaa23;
  text-decoration : underline;
}

a:hover.contentLink {
  font-weight: bold;
  color: #000000;
}

A.register_button {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  background-color: #00cc00;
  color: #ffffff;
  padding: 3px;
}

A:HOVER.register_button {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  background-color: #ffffff;
  color: #00cc00;
  padding: 3px;
}


th {
  text-align: center;
  padding: 5px;
  font-weight : bold;
  background-color: #e6dfff;
}

tfoot {
  margin-top: 8px;
}

td {
  color : #000000;
}

caption {
  text-align: center;
  font-size: 14px;
  background-color: #e6dfff;
  border: 1px solid #000000;
  padding: 5px;
  font-weight: bold;
}

trHighlighted {
  background-color: #e6dfff;
}

td.reportFooter {
  text-align: right;
  font-size: 10px;
  color: #ffffff;
  background-color: #bebee7;
  border: 2px solid #e7e7e7;
  padding: 3px;
}

h1 {
  font-size : 14px;
  font-weight : bold;
  color : Navy;
}

h3 {
  font-size : 14px;
  font-weight : bold;
  color : Red;
}

h4 {
  font-size : 18px;
  font-weight : bold;
  color : #000000;
}

h2 {
  font-size : 15px;
  color : Black;
}

/*
* CLASSES FOR TITLES, HEADERS
*/

.featureTitle {
  font-family: Verdana, Arial;
  font-size: 12px;
  font-weight: bold;
  text-transform: lowercase;
  text-transform: capitalize;
}

.poDetailsTitle {
  font-family: Verdana, Arial;
  font-size: 16px;
  font-weight: bold;
  text-transform: lowercase;
  text-transform: capitalize;
  padding: 10px 15px;
}

.label {
  font-weight: bold;
}

.labelLink {
   font-weight: bold;
   text-align: right;
   vertical-align: bottom;
 }

/*
* MAIN/MINOR CAPSULE STYLES
*/

/* Added these IDs for the new PO-tabbed layout. */

#mainCapsuleContent {
  padding: 5px 5px 5px 4em;
  font-size: 10px;
  position: relative;
}

#mainCapsuleContentLeft {
  float: left;
  padding: 5px;
  font-size: 10px;
  width: 45%;
}

#mainCapsuleContentLeft div {
  padding: 5px 5px 5px 4em;
}

#mainCapsuleContentLeft div div {
  padding: 5px 5px 5px 20px;
}

#mainCapsuleContentRight {
  float: right;
  padding: 5px;
  font-size: 10px;
  width: 45%;
}

#mainCapsuleContentRight div {
  padding: 5px;
}

#mainCapsuleContentRight div.rightIcon {
  position: absolute; 
  float: left;
  margin-left: -4em;
  margin-top: -1em;
}

/*************************************************/

.mainCapsule {
  text-align: left;
  border: 2px solid #777777;
  margin-bottom: 10px;
  -moz-border-radius: 7px;
  position: relative;
  height: 1%;
}

.mainCapsuleContent {
  padding: 5px;
  font-size: 10px;
  position: relative;
  width: inherit;
}

.mainCapsuleContent div {
  padding: 3px;
  position: relative;
}

.mainCapsuleContent div.left {
  float: left; 
  margin-left: 4em;
  padding-left: 0px;
}

.mainCapsuleContent div.left div {
  padding-left: 3em;
  width: 50%;
}

.mainCapsuleContent div.right {
  position: absolute; 
  float: left; 
  margin-left: 53em;
}

.mainCapsuleContent span {
  padding: 6px;
  position: relative;
}

.capsuleTitle {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  background-color: #e6dfff;
  border-bottom: 1px solid #000000;
  padding: 5px;
  position: relative;
}

.titleCommandPlacement {
  position: absolute;
  top: 2px;
  right: 2px;
  padding: 0px;
}

.titleCommand {
  padding: 2px;
  border-left: 2px solid #777777;
  border-bottom: 2px solid #777777;
  font-size: 9px;
}

.iconGutter {
  margin-left: 0em; 
  margin-top: 0em; 
  float: left; 
  padding: 0;
}

/*-----------------------------------*/

.noMargins {
  margin: 0px 0px 0px 0px;
}

#floatlayer { 
  position: absolute;
  z-index: 100;
  left: 0;
  visibility: visible;
}

.pnoun {
  font-size:          16px;
  text-transform:     capitalize;
}

.registrerDisclaimer {
  font-size:    16px;
  font-weight : bold;
  padding: 2px 2px 2px 2px;
  align:left;
}

.warning {
  font-size : 14px;
  font-weight : bold;
  color : #ff0000;
}

.indenthalf {
  margin-left: .5in;
}

.disabled {
  color : #a2a2a2;
}

.contentBorder {
	margin-top: 10px;
	border: 1px solid #000000;
	padding: 5px;
}

.feedbackContent {
	color: #031b5f;
	padding:20px 20px 30px; 
}

.infoMessage {
  border: 2px solid #5788af;
  -moz-border-radius: 7px;
  padding: 2px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  background: #efa923;
  width: 60%;
  margin: 0 auto;
}

.errorMessage {
  border: 2px solid #ffafb4;
  -moz-border-radius: 7px;
  padding: 2px;
  font-size: 10px;
  text-align: center;
  background: #ffcfd1;
}

.bannerMessageInset {
  background-color: #fce9d4;
  padding: 10px;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  border-bottom: 1px solid #000000;
  position: relative;
}

.bannerMessage {
  background-color: #fce9d4;
  padding: 10px;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  border: 1px solid #000000;
  margin-bottom: 10px;
  position: relative;
  -moz-border-radius: 7px;
}

.screenOnly {
  display : block;
}

.button {
/*  background: transparent; */
  background: #efaa23; 
/*  border: 3px outset #bebee2; */
  border: 3px outset #bebee2;
  font-size: 10px; 
  width: 100px;
  margin: 2px;
  text-align: center;
  cursor: pointer;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
}

.buttonCondition {
  background: #efaa23; 
  border: 3px outset #bebee2;
  font-size: 10px; 
  margin: 2px;
  text-align: center;
  cursor: pointer;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
}

.wizardButton {
  background: #efaa23; 
/*  background: #b3efc6; */
/*  border: 3px solid #6daf81; */
  border: 3px outset #bebee2; 
  font-size: 10px;
  color: #ffffff; 
  font-size: 11px;
  font-weight: bold; 
  margin: 2px;
  text-align: center;
  cursor: pointer;
}

.textButton {
  border: 1px solid #e7e7e7;
  -moz-border-radius: 7px;
  padding: 2px;
  font-size: 8px;
  text-align: center;
  cursor: pointer;
}

.unitDivButton {
  border: 1px solid #e7e7e7;
  -moz-border-radius: 7px;
  padding: 2px;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
}

.nowidthbutton {
  background: #efaa23;
/*  background: transparent;  */
  border: 3px outset;
  font-size: 10px;
  margin: 2px;
  text-align: center;
}

.menuHeader {
  font-weight : bold;
  background-color : #3366ff;
  color : #ffffff;
  border : thin groove black;
  padding : 1px;
}

.menuHeaderInternal {
  font-weight : bold;
  background-color : #c0c0c0;
  color : #880000;
  border : thin groove black;
  padding : 1px;
}

.menuItemEnabled {
  font-size : 10px;
  margin-left : 8px;
}

.menuItemDisabled {
  font-size : 10px;
  margin-left : 8px;
  color : #c0c0c0
}

.scrollBody {
  height : 85%;
  width : 100%;
  overflow : auto;
  display : block;
}

.hideContents {
  display : inline;
}

.warning_block {
  font-weight: bold;
  color: #aa0000;
  padding: 4px;
  border: thin solid #000000;
  background-color: #b0c4de;
}

.whiteRow {
  background-color: #ffffff;
  padding: 5px;
  position: relative;
}

.grayRow {
  background-color: #d9d9d9;
  padding: 5px;
  position: relative;
}

.whiteRowBorder {
  background-color: #ffffff;
  padding: 5px;
  position: relative;
  border: 1px solid #000000;
}

.grayRowBorder {
  background-color: #d9d9d9;
  padding: 5px;
  position: relative;
  border: 1px solid #000000;
}

.expiredAccount {
  background-color: #f6f7a2;
  padding: 5px;
  position: relative;
}

.lowerCase {
  text-transform: lowercase;
}

.upperCase {
  text-transform: uppercase;
}

.absoluteRightAlign {
  position: absolute;
  right: 10px;
}

.eightyPercent {
  width: 80%;
}

.fiftyPercent {
  width: 50%;
  
  /* Added these hacks for IE when showing tabbed PO details. */
  _padding: 30px 35px 0px 35px; 
  _margin-bottom: 0px;
}

.ninetyPercent {
  width: 90%;
}

.sixtyPercent {
  width: 60%;
 }

.sixtyFivePercent {
  width: 68%;
 }

.thirtyfivePercent {
  width: 35%;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
  position: relative;
}

.floatCenter {
  float: center;
}

.inline {
  display: inline;
}

.roundedCorners {
  -moz-border-radius: 7px;
}

.center {
	text-align: center;
	background : #ffffff;
}

.spacer {
  clear: both;
}

.disabled {
  color: #a9a9a9;
}

.unitDiv {
  border: 1px solid #e7e7e7;
  -moz-border-radius: 7px;
  padding: 5px;
  position: relative;
}

.unitDiv table tr td.first {
    text-align: right;
    font-weight: bold;
    white-space: nowrap;
}

.disabledUser {
  font-style: italic;
  font-weight: bold;
}
.noCountiesUser {
  font-weight: bold;
  color: Red;
}

.lockedUser {
  font-style: italic;
}

a.lite:hover {
  color: #6daf81;
}

a.lite:hover table tr td {
  color: #6daf81;
}

/*
* REQUIRED CLASSES FOR DOMTABLEENHANCE.JS.
*/

.enhancedtable {
  border-collapse: collapse;
  border: 1px solid #000;
}

.enhancedtable td, .enhancedtable th {
  border: 1px solid #000;
  padding: 5px;
}

.enhancedtablecolouredrow {
  background: #ddd;
}

.enhancedtablerowhover {
  background: #ffc;
}

.enhancedtableactive {
  background: #fc6;
}

/*-----------------------------------*/

/*
* Used for some tables on protective order detail tab screens.
*/

table.detailsTable {
  border: 0;
  padding: 3px 3px 0px 3px;
  margin: 0 auto;
}

table.detailsTable thead th {
  background: #fff;
}

table.detailsTable tbody td.first {
  border-top: 1px solid #000;
  border-left: 0;
  padding: 3px 10px;
  text-align: center;
}
  
table.detailsTable tbody td {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  padding: 3px 35px;
}
  
/*-----------------------------------*/
.success { 
  color: green;
  font-weight: bold;
}

.error { 
  color: red;
  font-weight: bold;
}

.errorField {
  background: #f0ff6f;
}

.requiredField {
  background: #ffe9af;
}

.doubleSpace {
  line-height: 25px;
}

.loginBox {
  width: 800px;
  margin: 0 auto;
  background: #eeedf2;
  border: 1px solid;
  -moz-border-radius: 7px;
}

.loginTitle {
  font-family: tacoma, arial;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 3px;
  color: #21314c;
  margin-left: 125px;
}

.margin125 {
  margin-left: 125px;
}

.ulineLink {
  text-decoration: underline;
  font-weight: bold;
}

.smallCaption {
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  background-color: #ffffff;
}

.importantCallHistoryHeader {
  border-bottom: 1px solid black;
  padding: 4px 0px;
}

.notComplete {
  color: #cc0000;
}

.footnoteMsg {
  font-size: 10px;
}

.countyAdminName {
  font-size: 14pt;
}

/*-----------------------------------*/
/*---- Styles for the PopItMenu. ----*/
#popitmenu {
  position: absolute;
  background-color: white;
  border:1px solid black;
  font: normal 12px Verdana;
  line-height: 18px;
  z-index: 100;
  visibility: hidden;
}

#popitmenu a {
  text-decoration: none;
  padding-left: 6px;
  color: black;
  display: block;
}

#popitmenu a:hover { /*hover background color*/
  background-color: #ffffcc;
}

/*-----------------------------------*/
/*---- Styles for tabbed menus. -----*/
#menuTab {
  float:left;
  width:97%;
  background:#dae0d2 url(../images/menuTabBackground.gif) repeat-x bottom;
  font-family:Arial;
  font-size:86%;
  line-height:normal;
  list-style:none;
  margin-left: 3%;
  .margin-top: 1%; /* IE7 hack*/
  _margin-top: 1%; /* IE6 hack*/
  }
  
#menuTab ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
  
#menuTab li {
  float:left;
  background:url(../images/menuTabLeft.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border: 0;
  }
  
#menuTab a {
  float:left;
  display:block;
  background:url(../images/menuTabRight.gif) no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
  
/* note don't think we need this since tab doesn't render content*/
/*  #menuTabContent {*/
/*    float:left;*/
/*    width:100%;*/
/*    background:#DAE0D2 url("/images/menuTabBackground.gif") repeat-x bottom;*/
/*    font-size:93%;*/
/*    line-height:normal;*/
/*    }*/
/* */
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#menuTab a {float:none;}
/* End IE5-Mac hack */

#menuTab a:hover {
  color:#333;
  }
  
#menuTab .selectedTab {
  background-image:url(../images/menuTabLeftOn.gif);
  }
  
#menuTab .selectedTab a {
  background-image:url(../images/menuTabRightOn.gif);
  color:#333;
  padding-bottom:5px;
  cursor:default;
  }