.darkest {color:#3A4E57;}
.dark {color:#496D77;}
.medium {color:#669999;}
.light {color:#9ABEC7;}
.lightest {color:#C8DDE4;}

.orange {#FFAA00;}

.bgDarkest {background-color:#3A4E57;}
.bgDark {background-color:#496D77;}
.bgMedium {background-color:#669999;}
.bgLight {background-color:#9ABEC7;}
.bgLightest {background-color:#C8DDE4;}

.borderDark {border-color:#496D77;}
.borderMedium {border-color:#669999;}
.borderLight {border-color:#9ABEC7;}

.listTitle {
  padding:2px;
  border:1px solid #56636C;
  background-color:#98B7CC;
}

.listTitleLeft {
  padding:2px;
  border-left:1px solid #496D77;
  border-top:1px solid #496D77;
  border-bottom:1px solid #496D77;
  background-color:#98B7CC;
}

.listTitleRight {
  padding:2px;
  border-right:1px solid #496D77;
  border-top:1px solid #496D77;
  border-bottom:1px solid #496D77;
  background-color:#98B7CC;
}

.addNew {font-size:8pt; padding:2px 4px 4px 5px;font-weight:bold; color:#000000;}

.menuBullet {width:180; padding:4px; color:#C8DDE4;}
.menuBullet:hover {text-decoration:none; color:#FFFFFF; background-color:#496D77;}

.Menu {background:#496D77; font:bold 11px tahoma; border-top:1px solid #9ABEC7; border-bottom:1px solid #9ABEC7; color:white; cursor:pointer;}
.MenuHover {background-color:#C8DDE4; font:bold 11px tahoma; border-top:1px solid #3A4E57; border-bottom:1px solid #3A4E57; color:#3A4E57; cursor:pointer;}

.MenuWithSub {background:#496D77; font:bold 11px tahoma; solid #3A4E57; color:white; cursor:pointer;}
.MenuWithSubHover {background-color:#C8DDE4; font:bold 11px tahoma; solid #3A4E57; color:#3A4E57; cursor:pointer;}

.SubMenuWithSub {background:#9ABEC7; border-left:1px solid #3A4E57; border-right:1px solid #3A4E57; border-top:1px solid #3A4E57; font:bold 11px tahoma; solid #3A4E57; color:#3A4E57; cursor:pointer;}
.SubMenuWithSubHover {background-color:#C8DDE4; border-left:1px solid #3A4E57; border-right:1px solid #3A4E57; border-top:1px solid #3A4E57; font:bold 11px tahoma; solid #3A4E57; color:#3A4E57; cursor:pointer;}

.SubMenu {background:#9ABEC7; font:bold 11px tahoma; solid #3A4E57; border-left:1px solid #3A4E57; border-right:1px solid #3A4E57; border-top:1px solid #3A4E57; width:179px; color:#3A4E57; cursor:pointer;}
.SubMenuHover {background-color:#C8DDE4; font:bold 11px tahoma; solid #3A4E57; border-left:1px solid #3A4E57; border-right:1px solid #3A4E57; border-top:1px solid #3A4E57; width:179px; color:#3A4E57; cursor:pointer;}

.tabLink {padding:5px 10px 4px 8px; font-weight:bold; color:white; text-decoration:none; background-color:#496D77;}
.tabLink:hover {padding:5px 10px 4px 8px; font-weight:bold; color:white; text-decoration:none; background-color:#669999;}
.tabHigh {padding:5px 10px 4px 10px; font-weight:bold; color:black; background-color:#C8DDE4;}