<?php
/**
* General stylesheet. It is a clean, gray-blue look.
*
* All application colors and look-and-feel should be using stylesheet.
* It is important to keep the stylesheet name generic so that a different
* stylesheet can be use without modifying the code.
*
* @author CodeWalker
* @copyright GreenTomato Software LLC, Copyright (C) 2004, All rights reserved.
* @package UserInterface
* @subpackage Component-pStyleSheet
* @projectID dh2004001
* @projectName GreenTomato Apps
* @version Create on 02/19/2004 : Update on 02/19/2004
*/
?>
<STYLE type=text/css>
BODY
{
    SCROLLBAR-FACE-COLOR: #dee3e7; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #dee3e7; SCROLLBAR-3DLIGHT-COLOR: #d1d7dc;
    SCROLLBAR-ARROW-COLOR: #006699; SCROLLBAR-TRACK-COLOR: #efefef;
    SCROLLBAR-DARKSHADOW-COLOR: #98aab1; BACKGROUND-COLOR: #FFFFFF
}
BODY.b1  /* for background color take effect, sometime we must have body-class */
{
		BACKGROUND-COLOR: #FFFFFF;
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10pt; color: #000000;
		background-image: url(/pUI/pComponent/pStandard/pImages/pNavigation/back-1d.jpg);
		background-repeat: repeat-x;
}
FONT
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
TH
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
TD
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
P
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
LI
{
		FONT-SIZE: 11px;
		list-style-type: none;
		list-style-image: url(http://www.greentomato.com/pUI/pComponent/pStandard/pImages/pNavigation/RedArrow2.gif);
		line-height: 180%;
    list-style-position: outside;
}
LI.animated
{
		FONT-SIZE: 12px;
		list-style-type: none;
		list-style-image: url(http://www.greentomato.com/pUI/pComponent/pStandard/pImages/pNavigation/movingDots.gif);
		line-height: 200%;
		list-style-position: outside;
}
LI.largerList
{
		FONT-SIZE: 12px;
		list-style-type: none;
		list-style-image: url(http://www.greentomato.com/pUI/pComponent/pStandard/pImages/pNavigation/RedArrow2.gif);
		line-height: 200%;
		list-style-position: outside;
}
LI.lRoman
{
	list-style-type: upper-roman;
  list-style-image: none;
	line-height: 180%;
	list-style-position: outside;
	font-size: 12px;
}
A:link
{
    COLOR: #006699
}
A:active
{
    COLOR: #006699
}
A:visited
{
    COLOR: #006699
}
A:hover
{
    COLOR: #dd6900; TEXT-DECORATION: underline
}
A.aNav
{
	font-size: 12px;
	PADDING-RIGHT: 6px;
	PADDING-LEFT: 3px;
	BORDER-RIGHT: #ff3300 1px solid;
}
A.aTab
{
	BORDER-TOP: #999999 2px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BACKGROUND: #f6f6f6;
	FONT-SIZE: 12px;
	PADDING-RIGHT: 14px;
	PADDING-LEFT: 14px;
	PADDING-BOTTOM: 4px;
	PADDING-TOP: 4px;
	COLOR: #006699;
	LINE-HEIGHT: 20px;
	TEXT-DECORATION: underline; BORDER-BOTTOM-STYLE: none;
}
A.aTab:hover
{
	BORDER-TOP: #ff9933 2px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BACKGROUND: #f0f0f2;
	FONT-SIZE: 12px;
	PADDING-RIGHT: 14px;
	PADDING-LEFT: 14px;
	PADDING-BOTTOM: 4px;
	PADDING-TOP: 4px;
	COLOR: #ff9900;
	LINE-HEIGHT: 20px;
	TEXT-DECORATION: underline; BORDER-BOTTOM-STYLE: none;
}
A.aButton
{
	BORDER-TOP: #ff9933 4px solid;
	BORDER-RIGHT: #999999 1px solid;
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	BACKGROUND: #ffffff;
	FONT-SIZE: 12px; font-weight: bold;
	PADDING-RIGHT: 14px;
	PADDING-LEFT: 14px;
	PADDING-BOTTOM: 4px;
	PADDING-TOP: 4px;
	COLOR: #006699;
	LINE-HEIGHT: 22px;
	TEXT-DECORATION: none;
}
HR
{
    BORDER-RIGHT: #d1d7dc 0px solid; BORDER-TOP: #d1d7dc 1px solid;
    BORDER-LEFT: #d1d7dc 0px solid; BORDER-BOTTOM: #d1d7dc 0px solid;
    HEIGHT: 0px
}
.tableBodyLine
{
    BORDER-RIGHT: #ACA899 1px solid; BORDER-TOP: #ACA899 1px solid;
    BORDER-LEFT: #ACA899 1px solid; BORDER-BOTTOM: #ACA899 1px solid;
    BACKGROUND-COLOR: #ffffff
}
.tableBlueBodyLine
{
		BORDER-RIGHT: #336699 1px solid; BORDER-TOP: #336699 1px solid;
    BORDER-LEFT: #336699 1px solid; BORDER-BOTTOM: #336699 1px solid;
    BACKGROUND-COLOR: #ffffff
}
.tableForumLine
{
    BORDER-RIGHT: #787878 2px solid; BORDER-TOP: #787878 2px solid;
    BORDER-LEFT: #787878 2px solid; BORDER-BOTTOM: #787878 2px solid;
    BACKGROUND-COLOR: #ffffff
}
.tableBlackBorderLine
{
    BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #000000 2px solid;
    BORDER-LEFT: #000000 2px solid; BORDER-BOTTOM: #000000 2px solid;
    BACKGROUND-COLOR: #ffffff
}
.tableSpecialBlackBorderLine
{
    BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #000000 2px solid;
    BORDER-LEFT: #e5e5e5 2px solid; BORDER-BOTTOM: #e5e5e5 2px solid;
    BACKGROUND-COLOR: #ffffff
}
.tableRowColumnLine
{
    BORDER-RIGHT: #ACA899 1px solid; BORDER-TOP: #ACA899 1px solid;
    BORDER-LEFT: #ACA899 1px solid; BORDER-BOTTOM: #ACA899 1px solid;
    BACKGROUND-COLOR: #787878
}
TD.rowClearColor
{
    FONT-SIZE: 12px;
}
TD.rowLightColor
{
    BACKGROUND-COLOR: #F8F8E6; FONT-SIZE: 12px;
}
TD.rowMediumColor
{
    BACKGROUND-COLOR: #D1D1D1; FONT-SIZE: 12px;
}
TD.rowDarkColor
{
    BACKGROUND-COLOR: #999999; FONT-SIZE: 12px;
}
TD.rowGoldColor
{
    BACKGROUND-COLOR: #FFCC66; FONT-SIZE: 12px;
}
TD.rowWhiteColor
{
		BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 12px;
}
TD.rowBlueWhiteColor
{
		BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 12px; COLOR: #0080C0;
}
TD.rowBlueHeader
{
		BACKGROUND-COLOR: #0066CC; FONT-SIZE: 12px; COLOR: #FFFFFF;
}
TD.rowBlackColor
{
    BACKGROUND-COLOR: #000000; FONT-SIZE: 12px;
}
TD.rowRedHotColor
{
		BACKGROUND-COLOR: #FF0000; FONT-SIZE: 12px; COLOR: #ffffff; FONT-WEIGHT: bold;
}
TD.rowWhiteJustifyRightLine
{
		BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 12px; TEXT-ALIGN: justify;
		BORDER-RIGHT: #d1d7dc 1px solid;
		line-height: 150%;
		PADDING-RIGHT: 12px;
		PADDING-LEFT: 12px;
}
TD.rowWhiteJustify
{
		BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 12px; TEXT-ALIGN: justify;
		line-height: 150%;
		PADDING-RIGHT: 12px;
		PADDING-LEFT: 12px
}
TD.rowWhiteRightLine
{
    BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 12px;
		BORDER-RIGHT: #d1d7dc 1px solid;
		PADDING-RIGHT: 12px;
		PADDING-LEFT: 12px;
}
TD.rowWhiteBottomLine
{
		BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 12px;
		BORDER-BOTTOM: #d1d7dc 1px solid; LINE-HEIGHT: 160%;
}
TD.rowBLineSpacious
{
		BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 12px;
		BORDER-BOTTOM: #d1d7dc 1px solid; LINE-HEIGHT: 210%;
}
TD.rowBRSpacious
{
		BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 12px;
		BORDER-BOTTOM: #d1d7dc 1px solid;
		BORDER-RIGHT: #d1d7dc 1px solid;
		LINE-HEIGHT: 180%;
}
TD.rowWhiteAllLine
{
    BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 12px;
    BORDER-TOP: #d1d7dc 1px solid;
    BORDER-BOTTOM: #d1d7dc 1px solid;
    BORDER-LEFT: #d1d7dc 1px solid;
    BORDER-RIGHT: #d1d7dc 1px solid;
}
TD.rowPurpleBox
{
    BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 12px;
    BORDER-TOP: #9900CC 1px solid;
    BORDER-BOTTOM: #9900CC 1px solid;
    BORDER-LEFT: #9900CC 1px solid;
		BORDER-RIGHT: #9900CC 1px solid;
}
TD.tdInputLeft  /* standard input-form for left two table-row */
{
		text-align: right;
		vertical-align: middle;
		border-right: #ff9900 1px dotted;
		border-bottom: #CCCCCC 1px solid;
		line-height: 150%;
		PADDING-RIGHT: 6px;
		PADDING-TOP: 6px;
		PADDING-BOTTOM: 6px;
		font-size: 10pt;
}
TD.tdInputRight    /* standard input-form for right two table-row */
{
		text-align: left;
		vertical-align: middle;
		line-height: 150%;
		PADDING-LEFT: 6px;
		PADDING-TOP: 6px;
		PADDING-BOTTOM: 6px;
		font-size: 10pt;
}
TD.tdButton   /* For the submit alignment */
{
		text-align: left;
		vertical-align: middle;
		line-height: 150%;
		PADDING-LEFT: 6px;
		PADDING-TOP: 12px;
		PADDING-BOTTOM: 24px;
}
TH
{
		FONT-WEIGHT: bold; FONT-SIZE: 12px;
    COLOR: #ffffff; HEIGHT: 25px;
    BACKGROUND-COLOR: #006699
}
.headerTitle
{
    FONT-SIZE: 16px; FONT-FAMILY: "Times New Roman", Verdana, Arial, Helvetica, sans-serif;
    FONT-STYLE: italic;
}
.headerTitleBlue
{
		FONT-SIZE: 22px; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
		COLOR: #006699; FONT-WEIGHT: bold;
}
.hint
{
		COLOR: #808080;
}
.headerTitleYellow
{
    FONT-SIZE: 22px; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    COLOR: #ff9900; FONT-WEIGHT: bold;
}
.headerTitleGreen
{
    FONT-SIZE: 22px; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    COLOR: #ccff66; FONT-WEIGHT: bold;
}
.code
{
    BORDER-RIGHT: #0066cc 1px solid; BORDER-TOP: #0066cc 1px solid;
    FONT-SIZE: 11px; BORDER-LEFT: #0066cc 1px solid; COLOR: #333333;
    BORDER-BOTTOM: #0066cc 1px solid;
    FONT-FAMILY: Courier, "Courier New", sans-serif; BACKGROUND-COLOR: #edf5fb;
    LINE-HEIGHT: 180%;
}
.quote
{
		FONT-FAMILY: Times, serif;
		font-size: 12pt;
		font-style: oblique;
		line-height: 150%;
		color: #0066cc;
	  margin-top: 12px; margin-right: 12px; margin-bottom: 12px; margin-left: 12px;
		BORDER-RIGHT: #d1d7dc 1px solid; BORDER-TOP: #d1d7dc 1px solid;
		BORDER-LEFT: #d1d7dc 1px solid;
		BORDER-BOTTOM: #d1d7dc 1px solid;
}
.copyright
{
    FONT-SIZE: 10px; COLOR: #444444; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LETTER-SPACING: -1px
}
.footer
{
    FONT-SIZE: 11px; COLOR: #444444; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    LETTER-SPACING: -1px
}
.helpline
{
    BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none; BACKGROUND-COLOR: #dee3e7;
    BORDER-BOTTOM-STYLE: none
}
.handwritten
{
	FONT-SIZE: 18px; FONT-STYLE: italic;
	COLOR: #006699; LINE-HEIGHT: 150%;
	FONT-FAMILY: "Times New Roman", Verdana, Arial, Helvetica;
	MARGIN-RIGHT: 10; MARGIN-LEFT: 20; PADDING-RIGHT: 5; PADDING-LEFT: 5;
	MARGIN-TOP: 20; MARGIN-BOTTOM: 10;
}
.spaciousprint
{
	LINE-HEIGHT: 150%;
	MARGIN-RIGHT: 1; MARGIN-LEFT: 1;
	MARGIN-TOP: 10; MARGIN-BOTTOM: 20;
}
A.copyright
{
    COLOR: #444444; TEXT-DECORATION: none
}
A.copyright:hover
{
    COLOR: #000000; TEXT-DECORATION: underline
}
INPUT
{
    BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000;
    FONT: 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000;
    BORDER-TOP-COLOR: #000000; BORDER-RIGHT-COLOR: #000000
}
TEXTAREA
{
	BACKGROUND-COLOR: #e0e0f4;
}
SELECT
{
    BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000;
    FONT: 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000;
    BORDER-TOP-COLOR: #000000; BORDER-RIGHT-COLOR: #000000
}
INPUT.post
{
    BACKGROUND-COLOR: #ffffff
}
TEXTAREA.post
{
    BACKGROUND-COLOR: #ffffff
}
SELECT
{
    BACKGROUND-COLOR: #ffffff
}
INPUT.iDefault
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	COLOR: #000000;
	BORDER-RIGHT: #666666 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-BOTTOM: #666666 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BACKGROUND-COLOR: #E0E0F6;
}
INPUT.button
{
    FONT-SIZE: 11px; COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #efefef
}
INPUT.formMainOption
{
    FONT-WEIGHT: bold; BACKGROUND-COLOR: #ffffff
}
INPUT.formOtherOption
{
    FONT-WEIGHT: normal; BACKGROUND-COLOR: #fafafa
}
INPUT.iSubmit  /* submit/action button */
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	COLOR: #000000;
	BORDER-RIGHT: #666666 1px solid;
	BORDER-TOP: #ff6600 4px solid;
	BORDER-BOTTOM: #666666 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BACKGROUND-COLOR: #99CCFF;
	font-variant: small-caps;
}
INPUT.iCancel  /* cancel/reset button */
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	COLOR: #000000;
	BORDER-RIGHT: #666666 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	BORDER-BOTTOM: #666666 1px solid;
	BORDER-LEFT: #CCCCCC 1px solid;
	BACKGROUND-COLOR: #f2f2f6;
	COLOR: #333333;
}
SPAN.sSpaceButton
{
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 40px;
}
.inputstyle
{
	BORDER-RIGHT: #6d90b0 1px solid; BORDER-TOP: #6d90b0 1px solid;
	FONT-SIZE: 12px; BORDER-LEFT: #6d90b0 1px solid; COLOR: #333333;
	BORDER-BOTTOM: #6d90b0 1px solid; FONT-FAMILY: Tahoma, Verdana, Arial;
	HEIGHT: 20px; BACKGROUND-COLOR: #edf5fb;
}
.inputsubmit
{
	BORDER-RIGHT: #0066cc 1px solid; BORDER-TOP: #ffffff 1px solid;
	FONT-SIZE: 12px; BORDER-LEFT: #ffffff 1px solid; COLOR: #000000;
	BORDER-BOTTOM: #0066cc 1px solid; FONT-FAMILY: Tahoma, Verdana, Arial;
	HEIGHT: 26px; BACKGROUND-COLOR: #99ccff
}
.inputcancel
{
	BORDER-RIGHT: #6d90b0 1px solid; BORDER-TOP: #6d90b0 1px solid;
	FONT-SIZE: 12px; BORDER-LEFT: #6d90b0 1px solid; COLOR: #303030;
	BORDER-BOTTOM: #6d90b0 1px solid; FONT-FAMILY: Tahoma, Verdana, Arial;
	HEIGHT: 26px; BACKGROUND-COLOR: #C0C0C0;
}
.notice
{
	font-size: 12pt; color: #0066cc;
	font-variant: small-caps;
	font-size: 10pt;
}
</STYLE>