html {
	background: #fff url('http://happytime.ir/images/back.jpg') repeat left top;
}

A
{
    FONT-SIZE: 8pt;
    /*COLOR: #cc3300;*/
    FONT-FAMILY: Tahoma;
    color: #525252;
    TEXT-DECORATION: none
}
A:hover
{
    TEXT-DECORATION: underline;
    Color: #000000;
	Visibility: visible;
}
a:hover img {
	border: 0px solid #729AD7;
}
a img {
	border: 0px solid #ccc;
}

TD, TH
{
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: Tahoma;
}
P { font-family : "tahoma";
     font-size : 8pt;
     color : black;}
INPUT
{
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: Tahoma
}
SELECT
{
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: Tahoma
}
TEXTAREA
{
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: Tahoma
}
LI
{
    COLOR: #cc3300;
    LINE-HEIGHT: 1.5em;
    LIST-STYLE-TYPE: square;
    ALIGN: left;
    FONT-FAMILY: Tahoma;
    FONT-SIZE: 9pt;
}
INPUT.button,
INPUT.buttonM
{
	background: #FFF;
	border: 1px solid #4C77B6;
	color: #000;
	font-family: Tahoma;
	font-size: 11px;
	padding: 1px;
	CURSOR: hand;
	WIDTH: auto;
}

.search
{
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 5pt;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 5pt;
    PADDING-BOTTOM: 5pt;
    BORDER-LEFT: black 1px solid;
    PADDING-TOP: 5pt;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: #e5e5e5
}
.shade
{
    COLOR: #333333;
    BACKGROUND-COLOR: #DFE6EF;
}

.blackshade
{
    BACKGROUND-COLOR: #D1DCEB;
    FONT-WEIGHT: bold;   
}

.rowselected
{
    COLOR: #333333;
    BACKGROUND-COLOR: #DBEAF5;
}

.message
{
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;	
    COLOR: #cc3300;
    FONT-FAMILY: Arial;
}
.SELECTS
{
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    COLOR: #333333;
    width: 57;
    FONT-FAMILY: Tahoma;
}

h1
{  
    FONT-FAMILY: Tahoma;
	 font-size: 10pt;
 }
.tableheader
{
    FONT-FAMILY: Tahoma;
	font-size: 10pt ;
    FONT-WEIGHT: bold;	
	BACKGROUND-COLOR: #5A83C3;
	COLOR: #FFFFFF;
	padding: 5px;
} 
.header2
{
	BACKGROUND-COLOR: #D1DCEB;
	padding: 10px;	
}
.fieldname
{
    FONT-FAMILY: Arial;
	color: #3A4F6C;
	font-weight: bold;
	padding: 5px;
}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;background: #DFE6EF;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; border:0 solid #08c; border-width:0 1px; padding: 4px; background: #DFE6EF;}

.highlight
{ 
color:black;
background-color:#ffff66;
font-weight:bold;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

.title {
	font-family: Arial;
	font-size: 11pt;
	color: #003E5B;
	font-weight: bold;
}

.font-1 {
	font-family: Tahoma;
	font-size: 8pt;
	color: #525252;
}
.font-2 {
	font-family: Tahoma;
	font-size: 9pt;
	color: #525252;	
}
.font-3 {
	font-family: Tahoma;
	font-size: 7pt;
	color: #525252;	
}

.font-4 {
	font-family: Tahoma;
	font-size: 6pt;
	color: #525252;	
}

.hintText {
	font-family: tahoma, verdana, arial;
	font-size: 12px;
	background-color: #FFFFCC;
	color: #000000;
	padding: 5px;
	}