## ============================================================================
## Filename : WebCSSTemplate.vm
## Note(s)  : This template is used to generate a CSS file for web pages.
##
## Copyright (c) 2007 ThinkUI Software Inc. All rights reserved.
## ============================================================================
##
## ****************************************************************************
## The following variables are available in this template.  For more
## information on any of the following variable, please refer to the user guide.
## ****************************************************************************
## $projectName
## $authorName
## $headerText
## $date
## $codeGen
##
/*
 * GLOBAL STYLE.
 */
body, table, th, td {
  font-family:verdana,georgia,arial,serif;
}
body {
  margin:3px 5px 5px 5px;
  color:#000000;
  background-color:#FFFFDD;
}
a {
  color:#0000CC;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
a:visited {
  color:#0000CC;
}
pre {
  font-size:x-small;
}
th {
  font-size:x-small;
  font-weight:normal;  
}
td {
  font-size:x-small;
}

/*
 * PAGE BODY, TITLE, TOP MENU, NAVIGATION PATH STYLE.
 */
#bodyTable {
  width:993px;
}
#bodyPopupTable {
  width:620px;
}
#titleBar {
  text-align:center;
  padding-top:2px;
  padding-bottom:7px;
}
.horizMenuBar {
  font-size:xx-small;
  color:#FFFFFF;
  background-color:#000080;
  border-width:1px;
  border-style:solid;
  border-color:#000080;
  padding:3px 5px 2px 5px;
  white-space:nowrap;
}
#topMenuBar a {
  font-size:xx-small;
  letter-spacing:0.05em;
  margin-bottom:1px;
  color:#FFFFFF;
  background-color:#000080;
  text-decoration:none;
}
#topMenuBar a:hover {
  color:#FFFFFF;
  text-decoration:underline;
}

#sideMenu a {
  text-decoration:none;
}
#sideMenu a:hover {
  text-decoration:underline;
}

#navPathTable {
  font-size:x-small;
  color:#000000;
  background-color:#FFFF70;
  border-width:1px 1px 1px 1px;
  border-style:solid;
  border-color:#000000;
  padding:2px 5px 2px 5px;
  white-space:nowrap;
}
.navPathLinks {
  font-size:x-small;
  padding:2px 5px 2px 5px;
  white-space:nowrap;
}
a.navLinks {
  font-size:x-small;
  color:#FFFFFF;
  white-space:nowrap;
}
a.navLinks:visited {
  font-size:x-small;
  color:#FFFFFF;
  white-space:nowrap;
}

/*
 * SIDE MENU STYLE.
 */
#sideMenu {
  vertical-align:top;
  font-size:xx-small;
  padding-top:0px;
}
#sideMenu ul.menu {
  margin:0px;
  padding:0px;
  list-style-type:none;
}
#sideMenu ul.menu li {
  margin:0px;
}
#sideMenu ul.menu li a {
  width:14em;
  display:block;
  color:#FFFFDD;
  background-color:#000080;
  text-decoration:none;
  padding:0px;
  padding-top:1px;
  padding-bottom:1px;
  border-top:1px solid #000080;
  border-left:1px solid #000080;
  border-right:1px solid #000080;
  border-bottom:1px solid #000080;
}
#sideMenu ul.menu li a:hover {
  color:#000080;
  background-color:#FFFF70;
  border-top:1px solid #000000;
  border-left:1px solid #000000;
  border-right:1px solid #D0D0A0;
  border-bottom:1px solid #D0D0A0;
}

/*
 * SIDE MENU 2 STYLE.
 */
#sideMenu2 {
  vertical-align:top;
  font-size:xx-small;
  padding-top:0px;
}
#sideMenu2 ul.menu {
  margin:0px;
  padding:0px;
  list-style-type:none;
}
#sideMenu2 ul.menu li {
  margin:0px;
}
#sideMenu2 ul.menu li a {
  width:14em;
  display:block;
  color:#000080;
  text-decoration:none;
  padding:0px;
  padding-top:1px;
  padding-bottom:1px;
  border-bottom:1px solid #000080;
}
#sideMenu2 ul.menu li a:hover {
  color:#000080;
  background-color:#FFFF70;
  text-decoration:none;
}

/*
 * SIDE MENU 3 STYLE.
 */
#sideMenu3 {
  vertical-align:top;
  font-size:xx-small;
  padding-top:0px;
}
#sideMenu3 ul.menu {
  margin:0px;
  padding:0px;
  list-style-type:none;
}
#sideMenu3 ul.menu li {
  margin:0px;
}
#sideMenu3 ul.menu li a {
  width:14em;
  display:block;
  color:#000080;
  text-decoration:none;
  padding:0px;
  padding-top:1px;
  padding-bottom:1px;
  border-bottom:1px solid #000080;
}
#sideMenu3 ul.menu li a:hover {
  color:#000080;
  background-color:#FFFF70;
  text-decoration:none;
}

/*
 * PAGE CONTENT STYLE.
 */
#contentTable {
  height:400px;
}
#pageContent {
  width:100%;
  vertical-align:top;
  text-align:left;
  font-size:small;
  padding-top:5px;
  padding-left:5px;
}
#pageContent h1 {
  font-size:medium;
  font-weight:bold;
  letter-spacing:0.2em;
  margin:0em 0em 0em 0em;
}
#pageContent h2 {
  font-size:small;
  font-weight:bold;
  margin:0em 0em 0em 0em;
}
#pageContent p {
  font-size:small;	
  margin:1em 0em 1em 0em;
}
#pageContent ul li {
  font-size:x-small;
}
.featureContent {
  font-size:xx-small;
}
#news {
  width:100%;
  vertical-align:top;
  text-align:left;
  font-size:small;
  padding-top:5px;
  padding-left:5px;
}
#news h1 {
  font-size:small;
  font-weight:bold;
  letter-spacing:0.2em;
  margin:0em 0em 0em 0em;
}
#news ul li {
  list-style-type:square;
  font-size:small;
}

/*
 * PAGE FOOTER STYLE.
 */
#pageFooter {
  font-size:xx-small;
  text-align:center;
  margin-top:4em;
}
#pageFooterImage {
  margin:0px auto;
  margin-top:1em;
}
#pageFooterText {
  color:#808080;
  margin:0px auto;
  margin-top:1em;
  width:620px;
}

/*
 * INPUT ELEMENT STYLE.
 */
input {
  font-family:"courier new",courier,monospace;
  font-size:x-small;
  background-color:#FFFFDD;
  border:1px solid #8080A0;
}
select {
  font-family:"courier new",courier,monospace;
  font-size:x-small;
  background-color:#FFFFDD;
  border:1px solid #8080A0;
}

textarea {
  font-family:"courier new",courier,monospace;
  font-size:x-small;
  background-color:#FFFFDD;
  border:1px solid #8080A0;
}
input.radio {
  background-color:#FFFFDD;
  border:0px;
}
input.checkbox {
  background-color:#FFFFDD;
  border:0px;
}
input.checkbox_selected {
  background-color:#E0E0CC;
  border:0px;
}
input.button {
  font-family:verdana,georgia,arial,serif;
  font-size:xx-small;
  cursor:pointer;
  color:#324E8C;
  background-color:#F8F9FC;
  border:1px solid #4682B4;
}
input.button1 {
  font-family:verdana,georgia,arial,serif;
  font-size:xx-small;
  cursor:pointer;
  color:#324E8C;
  background-color:#F8F9FC;
  border:1px solid #4682B4;
  width:55px;
}

.headingFormTable {
  border-collapse:collapse;
  border:1px solid #8080A0;
  margin:0px auto;
}
.headingFormTable th {
  text-align:left;
  vertical-align:top;
  background-color:#E4E4E0;
  padding:1px 2px 1px 3px;
  border-bottom:1px solid #8080A0;
  border-left:1px solid #8080A0;
  border-right:1px solid #8080A0;
}
.headingFormTable tr.t td {
  color:#FFFFFF;
  background-color:#8080A0;
  padding:3px 2px 3px 4px;
}

.editFormTable {
  background-color:#8080A0;
  border-collapse:collapse;
  border:1px solid #8080A0;
  margin:0px auto;
}
.editFormTable th {
  text-align:left;
  vertical-align:top;
  background-color:#E4E4E0;
  padding:1px 2px 1px 3px;
  border-bottom:1px solid #8080A0;
  border-left:1px solid #8080A0;
  border-right:1px solid #8080A0;
}
.editFormTable tr.section th {
  border-top:1px solid #8080A0;
}
.editFormTable td {
  text-align:left;
  vertical-align:top;
  background-color:#FFFFDD;
  padding:1px 2px 1px 3px;
}
.editFormTable tr.row td {
  border-top:1px solid #E0E0CC;
  border-right:1px solid #E0E0CC;
  font-size:xx-small;
}
.editFormTable tr.row_selected td {
  border-top:1px solid #E0E0CC;
  border-right:1px solid #E0E0CC;
  font-size:xx-small;
  background-color:#E0E0CC;
}
.editFormTable tr.t td {
  color:#FFFFFF;
  background-color:#8080A0;
  padding:3px 2px 3px 4px;
}
.editFormTable tr.section td {
  color:#000000;
  background-color:#E4E4E0;
  padding:3px 2px 3px 4px;
}
.editFormTable tr.action td {
  text-align:center;
  background-color:#FFFFDD;
  padding:5px 0px 5px 0px;
  border:1px solid #8080A0;
}

.headingTable {
  font-size:xx-small;
  border-collapse:collapse;
  margin:0px auto;
}
.headingTable td {
  font-size:xx-small;
  color:#808080;
}
.headingTable tr.t td {
  color:#FFFFFF;
  background-color:#8080A0;
  padding:3px 5px 3px 5px;
  /*font-weight:bold;*/
}

.layoutTable {
  width:100%;
  border:0;
  border-collapse:collapse;
}
.mandatory {
  color:red;
  vertical-align:top;
}
.toggleLink {
  color:#000000;
}
.alignImage {
  border:0;
  vertical-align:text-bottom;
}
.tableHeaderLeft {
  text-align:left;
  white-space:nowrap;
  float:left;
}
.tableHeaderRight {
  text-align:right;
  white-space:nowrap;
  float:right;
}
.tableHeaderNav {
  color:#8080A0;
  text-align:right;
  white-space:nowrap;
  float:right;
}
.message {
  font-size:small;
  color:blue;
}
.error {
  font-size:small;
  color:red;
}