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

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

/* 
    Document   : appmenu
    Created on : Sep 27, 2008, 4:23:24 PM
    Author     : mitch
    Description: app framework stylesheet
*/

root { 
  display: block;
}
body {
  background-color: #ffffff;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
}

/*
 * top menu
 */
div.topMenuDiv {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  color: #ffffff;
  background-color: #9CB5A5;
}
a.topMenuLink {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  text-decoration: none;
  color: #ffffff;
}
a:hover.topMenuLink {
  background-color: #dedede;
  font-weight: bold;
  text-decoration: none;
  color: #000000;;
}

div.tabMenuDiv {
  position: absolute;
  top: 32px;
  left: 0px;
  width: 100%;
}

div.appFrameDiv {
  position: absolute;
  left: 0px;
  top: 82px;
  width: 100%;
  height: 400px;
}

/*
 * bottom menu
 */
div.bottomMenuDiv {
  position: absolute;
  left: 0px;
  height: 48px;
  width: 100%;
  color: #4A6B5A;
  background-color: #ffffff;
}
a.bottomMenuLink {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  text-decoration: none;
  color: #4A6B5A;
}
a:hover.bottomMenuLink {
  background-color: #dedede;
  font-weight: bold;
  text-decoration: none;
  color: #000000;;
}

/*
 * sub-menu (pop up)
 */
table.submenu {
  background-color: #e0e0e0;
}
a.submenu {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  text-decoration: none;
  color: #000000;
}
a:hover.submenu {
  text-decoration: underline;
  color: #ff0000;
  background-color: #e0e0e0;
}

td.tab {
  background-color: #9CB5A5;
  width: 110px;
  text-align: center;
}
td.tabimg {
  background-color: #9CB5A5;
  width: 16px;
}
a.tab {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-weight: normal;
  font-size: 12pt;
  text-decoration: none;
  color: #000000;
}
a:hover.tab {
  font-weight: bold;
  text-decoration: none;
  color: #000000;
  background-color: #9CB5A5;
}

td.menuTitle {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 18pt;
  font-weight: normal;
  width: 250px;
  height: 32px;
  color: #4A6B5A;
}


/*
 * text styles
 */
.titletext {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 18pt;
  font-weight: normal;
  color: #4A6B5A;
}
.labeltext {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #4A6B5A;
}
.normaltext {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  font-weight: normal;
  color: #000000;
}
.smalltext {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 9pt;
  font-weight: normal;
  color: #000000;
}
.tinytext {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 8pt;
  font-weight: normal;
  color: #000000;
}

/*
 * header and highlight rows
 */
.headerrow {
  background-color: #4A6B5A;
}
.headertext {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #ffffff;
}
a.headertext {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none;
  color: #ffffff;
}
a:hover.headertext {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: underline;
  color: #ffffff;
}
.highlightrow1 {
  background-color: #666699;
}
.highlightrow2 {
  background-color: #996666
}
.highlightrow3 {
  background-color: #669966
}
.highlighttext {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #ffffff;
}
tr.row1{
  background-color: #efefff;
}
tr.row2{
  background-color: #ffffff;
}
tr.rowRed{
  background-color: #ff7f7f;
}

/*
 * buttons
 */
.primarybutton {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #ffffff;
  background-color: #ff0000;
  font-weight: bold;
  font-size: 10pt;
}
.secondarybutton {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #ff0000;
  background-color: #ffffff;
  font-weight: bold;
  font-size: 10pt;
}
.disabledbutton {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color: #cccccc;
  background-color: #ffffff;
  font-weight: bold;
  font-size: 10pt;
}

/*
 * normal links
 */
a.link {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  text-decoration: none;
  color: #666600;
}
a:hover.link {
  text-decoration: underline;
  color: #0000ff;
}