a {
color : #7a9833;
background : inherit;
text-decoration : none;
cursor: hand;
}
a:hover {
color : #7a9833;
background : inherit;
text-decoration : underline;
}
p {
margin : 5px 0;
}
h1 {
font : bold 1.8em Verdana, Verdana;
padding : 8px 0 4px 0;
margin : 0;
letter-spacing : -1px;
}
h2 {
font : bold 1.6em Verdana, Verdana;
letter-spacing : -1px;
color:black;
}
h3 {
padding : 4px 0;
margin : 0;
color:black;
}
ul {
margin : 0;
padding : 0;
list-style : none;
}
img {
border : 0;
}
hr {
height : 1px;
border-style : none;
color : #d0d0d0;
background-color : #c0c0c0;
margin : 10px 0;
}
.content {
margin : 0 auto;
width : 900px;

}
#top 
{
	padding-top : 0;
	background : transparent;
	height : 80px;
}
#top h1 
{
	font : bold 1.8em Verdana, Verdana;
	padding : 20px 0 0 0;
	margin : 0;
	letter-spacing : 1px;
	color : #616161;
}
#top h2 {
font : 0.9em Verdana, Verdana;
letter-spacing : 0;
color : #868686;
margin : 0;
padding : 0;
}
#top #icons {
float : right;
margin : 15px 15px 0px;
padding : 0;
margin-top : 85px;
margin-right: 30px;
}
#top #icons img {
padding-right : 2px;
border : 0;
}
#menu_top {
margin : 0;
height : 50px;
padding-top : 34px;
}
#menu_top #icons {
float : right;
margin : -30px 15px 0;
padding : 0;
}
/*
#menu {
margin : 0;
height : 34px;
padding-top : 0;
}
#menu li {
list-style : none;
display : inline;
line-height : 34px;
}
#menu li a {
text-decoration : none;
margin : 0;
padding : 9px 15px 10px 15px;
font-weight : bold;
color : #fff;
}
#menu li a:hover {
color : #fff;
background : #a7cc44;
margin : 0;
}
#menu li a.current {
background : #616161 url(../images/trcorner.gif) no-repeat top right;
color : #fff;
}
*/
#main {
width : 900px;
margin : 0;
padding : 0;
min-height : 400px;
}
#right_side {
float : right;
width : 230px;
background : #ffffff url(../images/topr.jpg) no-repeat top right;
overflow : hidden;
}
#right_side .pad {
padding : 35px 10px 10px 17px;
}
#right_side ul {
padding : 3px 0 8px 0;
}
#right_side li {
line-height : 18px;
background : #fff;
list-style : square;
padding-left : 0;
margin-left : 15px;
color : #b4e04a;
}
#right_side a {
background : inherit;
text-decoration : none;
}
#right_side h3 {
color : #949494;
font : bold 1.2em Verdana, Verdana;
margin-top : 10px;
}
#left_side {
background : inherit;
margin-bottom : 10px;
width : 900px;

}
#left_side .intro {
min-height : 50px;
background : #616161;
color : #fff;
overflow : hidden;
padding:15px;
}
#left_side .intro .pad {
padding : 18px 0 0 0;
}
#left_side .intro a {
color : #b4e04a;
text-decoration : none;
}
#left_side .intro a:hover {
color : #cdff56;
text-decoration : underline;
}
#left_side .mpart {
padding : 10px 0 0 0;
}
#left_side .center {

}
#left_side h3 {
background : inherit;
padding : 0;
margin : 0;
font : bold 1.4em Verdana;
}
#left_side .mpart h2 {
background : url(../images/lrline.gif) no-repeat bottom left;
height : 20px;
padding : 0;
margin : 0 0 15px 0;
font : 0.9em Verdana, Verdana;
}
#left_side p {
color : #454545;
padding : 5;
text-align : justify;
}
#left_side img {
float : left;
padding : 0 10px 5px 0;
}
#left_side blockquote {
padding-left : 10px;
border-left : 3px solid #a7cc44;
margin : 10px 0 10px 25px;
}
.mpart_footer {
border-top : 1px dotted #ccc;
padding : 5px 0;
margin : 10px 0 25px 0;
text-align : right;
}
#left_side .rs {
float : right;
margin : 0 10px;
border : 1px solid #ddd;
padding : 5px;
background : #f5f5f5;
}
#left_side ul {
list-style-position : inside;
margin-left : 2px;
}
#left_side ul li {
list-style-type : square;
margin-left : 15px;
}
#left_side ul ul li {
list-style : none;
margin-left : 10px;
list-style-type : lower-alpha;
list-style-position : inside;
}
/*for reports note */
span.note {float: right;margin-top: 5px;margin-left: 70%;position: absolute;background: #fff;}
/* form fields background:#f2f2e6; */

fieldset { padding:10px; border:1px solid #fff; border-radius:5px;  border-color:#666661 #666661 #666661 #666661; margin-bottom:5px; width:880px; }
 select {font:12px/12px Verdana; padding:0; }
fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;text-align: center;}
legend {
	
	cursor: pointer;
	
	background: rgb(205,235,142); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(205,235,142,1) 0%, rgba(205,235,142,1) 32%, rgba(165,201,86,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,235,142,1)), color-stop(32%,rgba(205,235,142,1)), color-stop(100%,rgba(165,201,86,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(205,235,142,1) 32%,rgba(165,201,86,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(205,235,142,1) 32%,rgba(165,201,86,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(205,235,142,1) 32%,rgba(165,201,86,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(205,235,142,1) 32%,rgba(165,201,86,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */

	font:Verdana; font-weight:bold; border:1px solid #fff; padding:5px; margin-bottom:10px; width: 340px;}
label {font-size:11px; font-weight:bold; font-family:inherit;  color:#666;}
label.opt {font-weight:normal;}
label-title{font-weight:bold; color:#red;}
select, input, textarea, button { resize:none;}
dl {clear:both; border:0px solid red;}
dt {float:left; text-align:left; width:155px; line-height:25px; margin:0 10px 10px 0; border:0px solid blue;}
dd {float:left; width:270px; line-height:25px; margin:0 0 10px 0; border:0px solid green;color:black;}
TH{ text-align:center; font:17px/21px; }
TR{ text-align:center;width: 20px;}
TD{ text-align:center; font: Verdana;}

.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}
/* form fields */

tr.good td {
	/*color: red;*/
	
}

tr.bad td {
	/*color: blue;*/
}

td.money {
	text-align: right;
	padding-right: 2px;
}

tr.bad td.money {
	font-weight: bold;
	color: red;
}

.greybox {
border : 1px solid #ccc;
background : #f5f5f5;
width : 880px;
margin : 10px 0px;
padding : 10px;
}
#footer {
clear : both;
width : 900px;
margin : 0 0 6em 0;
color : #777;
background : #fff url(../images/rlline.gif) no-repeat top right;
}
#footer .right {
float : right;
text-align : right;
background : inherit;
padding-top : 10px;
width : 900px;
}
#footer a {
text-decoration : none;
background : #fff;
}
/* tiny table */

#tablewrapper {width:900px; margin:0 auto}
#tableheader {height:55px}
.search {float:left; padding:6px; border:1px solid #c6d5e1; background:#fff}
#tableheader select {float:left; font-size:12px; width:125px; padding:2px 4px 4px}
#tableheader input {float:left; font-size:12px; width:225px; padding:2px 4px 4px; margin-left:4px}
.details {float:right; padding-top:12px}
.details div {float:left; margin-left:15px; font-size:12px}
.tinytable {width:900px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none}
.tinytable th {background:url(../images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.tinytable th h3 {font-size:20px; padding:6px 8px 8px; }
.tinytable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.tinytable .head h3 {background:url(../images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.tinytable .desc, .sortable .asc {background:url(../images/header-selected-bg.gif)}
.tinytable .desc h3 {background:url(../images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.tinytable .asc h3 {background:url(../images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.tinytable .head:hover, .tinytable .desc:hover, .tinytable .asc:hover {color:#fff}
.tinytable .evenrow td {background:#fff}
.tinytable .oddrow td {background:#ecf2f6}
.tinytable td.evenselected {background:#ecf2f6}
.tinytable td.oddselected {background:#dce6ee}
.tinytable tfoot {background:#fff; font-weight:bold}
.tinytable tfoot td {padding:6px 8px 8px}
#tablefooter {height:15px; margin-top:20px}
#tablenav {float:left}
#tablenav img {cursor:pointer}
#tablenav div {float:left; margin-right:15px}
#tablelocation {float:right; font-size:12px}
#tablelocation select {margin-right:3px}
#tablelocation div {float:left; margin-left:15px}
.page {margin-top:2px; font-style:italic}
#selectedrow td {background:#c6d5e1} 

#link{float:right;font-size: 17px; font-family: Verdana; font-weight: bold;}
/* tiny table */


/*for Floating menu*/
#floatMenu {
		position:absolute;
		top:125px;
		left:50%;
		margin-left:253px;
		font-size: 15px;
		}
#floatMenu ul {
			margin-bottom:20px;
			}
#floatMenu ul li a {
	display:block;	border:1px solid #999;	background-color:#222;	border-left:6px solid #999;	text-decoration:none;	color:#ccc;	padding:5px;
}
#floatMenu ul li a:hover {
	color:#fff;
	background-color:#333333;
}
#floatMenu ul.menu1 li a:hover {
	border-color:#09f;
}
#floatMenu ul.menu2 li a:hover {
	border-color:#9f0;
}
#floatMenu ul.menu3 li a:hover {
	border-color:#f09;
}


#floatMenu0 {
		position:absolute;
		top:125px;
		left:50%;
		margin-left:253px;
		width:200px;
		font-size: 15px;
		}
#floatMenu0 ul {
			margin-bottom:20px;
			}
#floatMenu0 ul li a {
	display:block;	border:1px solid #999;	background-color:#222;	border-left:6px solid #999;	text-decoration:none;	color:#ccc;	padding:5px;
}
#floatMenu0 ul li a:hover {
	color:#fff;
	background-color:#333333;
}
#floatMenu0 ul.menu1 li a:hover {
	border-color:#09f;
}
#floatMenu0 ul.menu2 li a:hover {
	border-color:#9f0;
}
#floatMenu0 ul.menu3 li a:hover {
	border-color:#f09;
}

#floatMenuB 
{
	position:absolute;
	top:175px;
	left:25%;
	margin-left:153px;
	width:200px;
	font-size: 15px;
}
#floatMenuB ul {
			margin-bottom:20px;
			}
#floatMenuB ul li a {
	display:block;
	border:1px solid #999;
	background-color:#222;
	border-left:6px solid #999;
	text-decoration:none;
	color:#333333;
	padding:5px;
}
#floatMenuB ul li a:hover {
	color:#fff;
	background-color:#333333;
}
#floatMenuB ul.menu1 li a:hover {
	border-color:#09f;
}
#floatMenuB ul.menu2 li a:hover {
	border-color:#9f0;
}
#floatMenuB ul.menu3 li a:hover {
	border-color:#f09;
}
			
#floatMenuC {
		position:absolute;
		top:175px;
		left:43%;
		margin-left:153px;
		width:200px;
		font-size: 15px;
		}
#floatMenuC ul {
			margin-bottom:20px;
			}
#floatMenuC ul li a {
	display:block;
	border:1px solid #999;
	background-color:#222;
	border-left:6px solid #999;
	text-decoration:none;
	color:#ccc;
	padding:5px ;
}
#floatMenuC ul li a:hover {
	color:#fff;
	background-color:#333333;
}
#floatMenuC ul.menu1 li a:hover {
	border-color:#09f;
}
#floatMenuC ul.menu2 li a:hover {
	border-color:#9f0;
}
#floatMenuC ul.menu3 li a:hover {
	border-color:#f09;
}


/*for Floating menu*/
#root {
		position:absolute;
		top:400px;
		left:80%;
		background : #f5f5f5;
		margin-left:0px;
		font-size: 15px;
		margin : 2px;
		border : 2px solid #ccc;
		z-index: 99;
		 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
		}
#root ul {
			margin-bottom:20px;
			}
#root ul li a {
	display:block;	border:1px solid #999;	background-color:#222;	border-left:6px solid #999;	text-decoration:none;	color:#ccc;	padding:5px 5px 5px 25px;
}
#root ul li a:hover {
	color:#fff;
	background-color:#333333;
}
#root ul.menu1 li a:hover {
	border-color:#09f;
}
#root ul.menu2 li a:hover {
	border-color:#9f0;
}
#root ul.menu3 li a:hover {
	border-color:#f09;
}


#root_santi {
		position:absolute;
		top:10px;
		width: 770px;
		background : #f5f5f5;
		margin-left:0px;
		font-size: 15px;
		margin : 2px;
		border : 2px solid #ccc;
		z-index: 99;
		 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
		}
#root_santi ul {
			margin-bottom:20px;
			}
#root_santi ul li a {
	display:block;	border:1px solid #999;	background-color:#222;	border-left:6px solid #999;	text-decoration:none;	color:#ccc;	padding:5px 5px 5px 25px;
}
#root_santi ul li a:hover {
	color:#fff;
	background-color:#333333;
}
#root_santi ul.menu1 li a:hover {
	border-color:#09f;
}
#root_santi ul.menu2 li a:hover {
	border-color:#9f0;
}
#root_santi ul.menu3 li a:hover {
	border-color:#f09;
}

.cal_btn
{
	width:40px; 
	height:25px; 
	cursor: pointer;
	font-weight: bold;
	margin: 5px;
}

.cal_result
{
	 width:200px; 
	 height:35px; 
	 color: white; 
	 background-color: gray;
	 font-weight: bold;
	 margin: 5px;
}

.cal_inpt
{
	width:200px; 
	height:35px;
	font-weight: bold;
	margin: 5px;
}

#calc 
{
		position:absolute;
		height:300px;
		width:300px;
		background-color:#F4F4F4;
		border:1px solid #333;
}

#handle 
{
	margin:2px;
	padding:2px;
	width: 93%;
	color:balck;
	background-color: navy;
	font-weight: bold;
	
	cursor: move;
	
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    
    background: rgb(205,235,142); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(205,235,142,1) 0%, rgba(205,235,142,1) 32%, rgba(165,201,86,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,235,142,1)), color-stop(32%,rgba(205,235,142,1)), color-stop(100%,rgba(165,201,86,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(205,235,142,1) 32%,rgba(165,201,86,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(205,235,142,1) 32%,rgba(165,201,86,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(205,235,142,1) 32%,rgba(165,201,86,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(205,235,142,1) 32%,rgba(165,201,86,1) 100%); /* W3C */
}

#handle_santi 
{
	margin:2px;
	padding:2px;
	width: 98%;
	color:black;
	background-color: navy;
	font-weight: bold;
	
	cursor: move;
	
	 -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    
    background: rgb(205,235,142); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(205,235,142,1) 0%, rgba(205,235,142,1) 32%, rgba(165,201,86,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,235,142,1)), color-stop(32%,rgba(205,235,142,1)), color-stop(100%,rgba(165,201,86,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(205,235,142,1) 32%,rgba(165,201,86,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(205,235,142,1) 32%,rgba(165,201,86,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(205,235,142,1) 32%,rgba(165,201,86,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(205,235,142,1) 0%,rgba(205,235,142,1) 32%,rgba(165,201,86,1) 100%); /* W3C */
}

#help_handle 
{
	margin:2px;
	padding:2px;
	width: 98%;
	color:white;
	font-weight: bold;
}
			
p#vtip 
{ 
	display: none; position: absolute; padding: 0px;   left: 5px; font-size: 0.8em; 
	background-color: white; border: 1px solid #a6c9e2;  z-index: 9999 ;
	cursor: pointer;
	 
}
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px; cursor: pointer;}

#appr_table
{
	borber: 1px;
}


.tip 
{
	width: 212px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(images/tipTop.png) no-repeat top;}
	
.tipMid {background: transparent url(images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(images/tipBtm.png) no-repeat bottom; height: 32px;
}

/*for Floating menu*/
#News {
		position:absolute;
		top:80px;
		margin-left:10px;
		width:600px;
		font-size: 17px;
		vertical-align: middle;
		text-align: left;
		padding: 7px;
		font-family: serif;
		font-weight: bold;
		}


#help {
		position:absolute;
		top:25%;
		left:30%;
		background : #f5f5f5;
		margin-left:0px;
		width:500px;
		font-size: 15px;
		margin : 2px;
		border : 2px solid #ccc;
		z-index: 99;
		}
#help ul {
			margin-bottom:20px;
			}
#help ul li a {
	display:block;	border:1px solid #999;	background-color:#222;	border-left:6px solid #999;	text-decoration:none;	color:#ccc;	padding:5px 5px 5px 25px;
}
#help ul li a:hover {
	color:#fff;
	background-color:#333333;
}
#help ul.menu1 li a:hover {
	border-color:#09f;
}
#help ul.menu2 li a:hover {
	border-color:#9f0;
}
#help ul.menu3 li a:hover {
	border-color:#f09;
}
		
.mendetory
{
	color: red;
}

#mendetory
{
	color: red;
}
.colortoreadonly
{
	background: #F6CECE;
}

.dtc
{
	float:left; 
	text-align:left; 
	width:250px; 
}
.ddc
 {
 width:165px; 
 }
 .bordertbl
 {
 	border: 1px solid #a7cc44;
 }
  .bordertd
  {
 	border-right: 1px solid #a7cc44;
 	margin-right: 5px;
  }
 .fortd
 {
  text-align:left; 
  font: Verdana;
  width:30%;
  font-size: 8px;
	font-weight: normal;
	font-family: inherit;
	color: #2C2C2C;
 }
  .fortd1 {
  text-align:left; 
  font: Verdana;
  width:20%;
  font-size: 8px;
	font-weight: bold;
	font-family: inherit;
	color: #2C2C2C;
 }
 
 
input {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	outline: none;
}

input[type=name], input[type=text],select, textarea, 
input[type=password] {
	color: #000000;
	min-height: 25px;
	border: 1px solid #c7d0d2;
	border-radius: 3px;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 2px #f5f7f8;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
	resize:none;
	margin-top: 2px;
	margin-bottom: 2px;
	vertical-align: middle;
}

input[type=name]:hover,
input[type=password]:hover {
	border: 1px solid #b6bfc0;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .7), 0 0 0 5px #f5f7f8;
}

input[type=name]:focus,
input[type=password]:focus {
	border: 1px solid #a8c9e4;
	box-shadow: inset 0 1.5px 3px rgba(190, 190, 190, .4), 0 0 0 5px #e6f2f9;
}