/* Default CSS Stylesheet for a new Web Application project */

/* auto apply to body tag, no need to add "class" */
BODY
{
    BACKGROUND-COLOR: #E6E6E6;
    FONT-FAMILY: Arial, Verdana, Helvetica, Tohama, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}

.gradualshine {
	FILTER: alpha(opacity=50); moz-opacity: 0.5
}

.imgstyle
{
	border-style:dotted;
	border:5;
	border-color:#3462a5;
}

.copyright
{
	font:Arial, Verdana, Helvetica, Tohama, sans-serif;
	font-size: 8px;
	color: #FFFFFF;
	font-weight: normal;
}

.footer
{
	font:Arial, Verdana, Helvetica, Tohama, sans-serif;
	font-size: 10px;
	letter-spacing:normal;
	color: #FFFFFF;
	font-weight: normal;	
}

.hosttitle
{
	font:Arial, Verdana, Helvetica, Tohama, sans-serif;
	font-size: 18px;
	letter-spacing:normal;
	color: #191919;
	font-weight: bold;
}

.title
{
	font:Arial, Verdana, Helvetica, Tohama, sans-serif;
	font-size: 18px;
	letter-spacing:normal;
	color: #FFFFFF;
	font-weight: bold;
}
.title2
{
	font:Arial, Verdana, Helvetica, Tohama, sans-serif;
	font-size: 14px;
	letter-spacing:normal;
	color: #333333;
	font-weight: bold;
	text-decoration:underline;
}

.content
{
	font: Arial, Verdana, Helvetica, Tohama, sans-serif;
	font-size: 12px;
	letter-spacing:normal;
	color: #000000;
	font-weight: normal;	
}

.imgtext
{
	font:Arial, Verdana, Helvetica, Tohama, sans-serif;
	font-size: 10px;
	letter-spacing:normal;
	color: #FFFFFF;
	font-weight: normal;	
}
.plus
{
	font:Arial, Verdana, Helvetica, Tohama, sans-serif;
	font-size: 9px;
	letter-spacing:normal;
	color: #999999;
	font-weight: normal;	
}

/* user define class, can use by all tag, class = "body" */
.body
{
	background:#000000;
	
}

/* user define class for specified tag, class = "body" */
td.body
{
	background:#000000;
}

/*<h1></h1>*/
H1	{	
	font-family: Verdana, Arial, Verdana, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
/*for select option use */
.select			{border: 0 inset buttonface; width: 123px; height:10px; font: icon; cursor: default;}
.selected		{border: 0 inset buttonface; background: window; padding: 0; font: icon;}
.selectTable	{height: 100%; width: 100%; border: 1 inset buttonhighlight; background: buttonface;}
.option			{font: icon; padding: 1; padding-left: 3; padding-right: 3; width: 100%;}
.dropDown		{position: absolute; visibility: hidden; width: 100%;
				border: 1 solid windowtext; padding: 0;
				background: window; color: windowtext;}
.select .button	{width: 16px; height: 6px; font-family: webdings; padding: 0;
				font-size: 7px; border: 2 outset buttonhighlight; background:#000000; color:#FFFFFF;}


/* default link <a></a>*/
A:link	
{
	font-size:11px;
	text-decoration:	none;
	color: #FFFFFF;
	font-weight: bold;
	}	
		
A:visited	
{
	font-size:11px;
	text-decoration:	none;
	color: #FFFFFF;
	font-weight: bold;
}	
		
A:active	
{
	font-size:11px;
	text-decoration:	none;
	color: #FFFFFF;
	font-weight: bold;
}	
		
A:hover
{
	font-size:11px;
	text-decoration:	none;
	color: #FF0000;
	font-weight: bold;
}


/* title */

A.title:link	
{
	font-size:12px;
	text-decoration:	none;
	color: #FFFFFF;
	font-weight: bold;
	}	
		
A.title:visited	
{
	font-size:12px;
	text-decoration:	none;
	color: #FFFFFF;
	font-weight: bold;
}	
		
A.title:active	
{
	font-size:12px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}	
		
A.title:hover
{
	font-size:12px;
	text-decoration: none;
	color: #FF0000;
	font-weight: bold;
}
/* <a class="menu"></a>*/
A.title2:link	
{
	font-size: 10px;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	}	
		
A.title2:visited	
{
	font-size:10px;
	text-decoration: none;
	color: #333333 ;
	font-weight: bold;
}	
		
A.title2:active	
{
	font-size:10px;
	text-decoration: underline;
	color: #333333;
	font-weight: bold;
}	
		
A.title2:hover
{
	font-size:10px;
	text-decoration: underline;
	color: #FF0000;
	font-weight: bold;
}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	
{
	font-size: 8pt;
	color: black;
	font-family: Verdana,Arial ;
	list-style-type:	square ;
	}	

UL LI LI	
{
	font-size: 8pt;
	color: black;
	font-family: Verdana,Arial ;
	list-style-type:	disc;
	}	

UL LI LI LI	
{
	font-size: 8pt;
	color: black;
	font-family: Verdana,Arial ;
	list-style-type:	circle;
	}	
	
OL LI	
{
	font-size: 8pt;
	color: black;
	font-family: Verdana,Arial ;
	list-style-type:	decimal;
	}	

OL OL LI	
{
	font-size: 8pt;
	color: black;
	font-family: Verdana,Arial ;
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	
{
	font-size: 8pt;
	color: black;
	font-family: Verdana,Arial ;
	list-style-type:	lower-roman;
	}	


.Button
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	width: 50px;
	cursor: hand;
	border-bottom: black 1px solid;	
	background-color: lightgrey;
	font-size: 8pt;
}

.AllTable
{
	border-right: #6E89DD 1px solid;
	border-top: #6E89DD 1px solid;
	border-left: #6E89DD 1px solid;
	border-bottom: #6E89DD 1px solid;	
}

hr
{
	color: #6E89DD;
	height:1;
}

.Calender
{
	font-weight: bold;
	font-size: 10pt;
	color: darkblue;
	font-family: Verdana,Arial ;
	background-color: lightcyan; 
	border-right: #31659c 1px solid;
	border-top: #31659c 1px solid;
	border-left: #31659c 1px solid;
	border-bottom: #31659c 1px solid;	
}

.TableHeader
{
	font-weight: bold;
	font-size: 8pt;
	color: black;
	font-family: Verdana,Arial ;
}

.Header
{
	font-weight: bold;
	font-size: 16pt;
	color: blue;
	font-family: Verdana,Arial ;
}

.TitleBig
{
	font-weight: bold;
	font-size: 10pt;
	color: #31659c;
	font-family: Verdana,Arial ;
}

.TitleSmall
{
	font-weight: bold;
	font-size: 8pt;
	color: black;
	font-family: Verdana,Arial ;
}

.FontBig
{	
	font-size: 10pt;
	color: black;
	font-family: Verdana,Arial ;
}

.FontSmall
{
	font-size: 8pt;
	color: black;
	font-family: Verdana,Arial ;
}

.TableCol
{
	font-size: 10pt;
	margin-left: 10px;
	color: darkblue;
	font-family:  Verdana,Arial;
	background-color: white;
	border-right:  #31659c 1px solid;
	border-top: #31659c 1px solid;
	border-left: #31659c 1px solid;
	border-bottom: #31659c 1px solid;
	
}

.Remarks
{
	font-size: 8pt;
	color: blue;
	font-family:Verdana,Arial;
}

.ErrMsg
{	
	font-size: 8pt;
	color: red;
	font-family: Verdana,Arial;	
}

.GridHeader
{
	color: white;
	background-color: #6E89DD;
}

.Grid
{
	border-right: #6E89DD 1px solid;
	border-top: #6E89DD 1px solid;
	font-size: 8pt;
	border-left: #6E89DD 1px solid;
	width: 100%;
	color: black;
	border-bottom:#6E89DD 1px solid;
	font-family: Verdana;
	background-color: white;
}

.clsTextFieldCell {background-color:white;border:ridge 1px buttonface;}
.clsTextField {	
				border:none;
				margin-right:1px;
				margin-left:1px;
       }
	  .clsTextFieldCell {background-color:white;border:ridge 1px buttonface;}
      .clsTextFieldCell_hover {background-color:white;border:solid 1px Highlight;}
      .clsDropDownCell {
				background-color:buttonface;
				border-top:ridge 1px buttonface;
				border-bottom:ridge 1px buttonface;
				border-right:ridge 1px buttonface; 
				border-left:none;
			}
      .clsDropDownCell_hover {
				background-color:#B6BDD2;
				border-top:solid 1px Highlight;
				border-bottom:solid 1px Highlight;
				border-right:solid 1px Highlight;
				border-left:none;
			}
      .clsDropDownCell_click {
				background-color:#8592B5;
				border-top:solid 1px Highlight;
				border-bottom:solid 1px Highlight;
				border-right:solid 1px Highlight;
				border-left:none;
     
	
     }

.ReadOnly
{
	background-color: #e0e0e0;
}

.UpCase
{
	text-transform: uppercase;
}

.Menu_Head {
	filter:alpha(opacity=100,finishopacity=80,style=1);		
	cursor: hand;
	width: 100%;
	font-weight: bold;
	font-size: 10pt;
	color: white;
	font-family: Verdana,Arial ;
	background-color: #31659c; 
	border-right: #31659c 1px solid;
	border-top: #31659c 1px solid;
	border-left: #31659c 1px solid;
	border-bottom: #31659c 1px solid;	
}
.Menu_Items {
	filter:alpha(opacity=100);
	background-color: #c4d7ff;
	padding: 10;
	width: 180;
	display: block;
	border-right: #31659c 1px solid;
	border-top: #31659c 1px solid;
	border-left: #31659c 1px solid;
	border-bottom: #31659c 1px solid;
	font-size: 10pt;
	color: white;
	font-family: Verdana,Arial ;
}