body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	SCROLLBAR-FACE-COLOR: #efefef; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #ffffff; 
	SCROLLBAR-3DLIGHT-COLOR: #7c7c7c; 
	SCROLLBAR-ARROW-COLOR: #535353; 
	SCROLLBAR-TRACK-COLOR: #e6e6e6; 
	SCROLLBAR-DARKSHADOW-COLOR: #7c7c7c
	
}

td, tr, p, div {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
  color            : #333333;
}

hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;
}

.winter_bg
{
	bgcolor #8F0320;
}

.winter_font
{
	color: #fcf92d
}


.summer_bg
{
	bgcolor #8F0320;
}

.sumber_font
{
	color: #fcf92d
}

.inputnobold
{
	border-right: #ACACAC 1px solid;
	border-top: #ACACAC 1px solid;
	border-left: #ACACAC 1px solid;
	border-bottom: #ACACAC 1px solid;
}

.inputbold
{
	BORDER-RIGHT: 1px solid; 
	BORDER-TOP: 1px solid; 
	BORDER-LEFT: 1px solid; 
	WIDTH: 100px; 
	COLOR: #676767; 
	BORDER-BOTTOM: 1px solid; 
	HEIGHT: 14px; 
	BACKGROUND-COLOR: #f6f6f6
}

.inputtxt
{
	BORDER-RIGHT: 1px solid; 
	BORDER-TOP: 1px solid; 
	BORDER-LEFT: 1px solid; 
	WIDTH: 200px; 
	COLOR: #676767; 
	BORDER-BOTTOM: 1px solid; 
	HEIGHT: 22px; 
	BACKGROUND-COLOR: #ffffff
}

.inputtxtreadonly
{
	BORDER-RIGHT: 1px solid; 
	BORDER-TOP: 1px solid; 
	BORDER-LEFT: 1px solid; 
	WIDTH: 200px; 
	COLOR: #676767; 
	BORDER-BOTTOM: 1px solid; 
	HEIGHT: 22px; 
	BACKGROUND-COLOR: #f6f6f6
}

.blackbold
{
	border: #E65B2C solid; 
	border-width: 1px 1px 1px 1px
}

.redbold
{
	border: #9A1B38 solid; 
	border-width: 1px 1px 1px 1px
}


.bluebold
{
	border: #C0CDDC solid; 
	border-width: 1px 1px 1px 1px
}

.tapbottombold
{
	border: #7EBEDE solid; 
	border-width: 0px 0px 1px 0px
}

.tapunselectleftbold
{
	border: #7EBEDE solid; 
	border-width: 1px 0px 1px 1px
}

.tapunselectrightbold
{
	border: #7EBEDE solid; 
	border-width: 1px 1px 1px 0px
}


.tapselectedbold
{
	border: #7EBEDE solid; 
	border-width: 1px 1px 0px 1px
}

.clsTapUnSelectedLabel {
	font-family:verdana,arial,helvetica;
	font-size:12px;
	font-weight:bold;
	color:#336699;
}

.clsTapSelectedLabel {
	font-family:verdana,arial,helvetica;
	font-size:12px;
	font-weight:bold;
	color:#cc0000;
}

.clsTapSelected {
	padding-left:11px;
	padding-right:11px;
	line-height:19px;
	white-space: nowrap;
}

.clsTapUnSelected {
	background-color:#EBEBEB;
	cursor:hand;
	padding-left:11px;
	padding-right:11px;
	line-height:19px;
	white-space: nowrap;
}




.bluerightbold
{
	border: #C0CCDC solid; 
	border-width: 0px 1px 0px 0px
}

.bluerightleftbold
{
	border: #C0CCDC solid; 
	border-width: 0px 1px 0px 1px
}

.bluerightlefttopbold
{
	border: #C0CCDC solid; 
	border-width: 1px 1px 0px 1px
}

.bluerightleftbottombold
{
	border: #C0CCDC solid; 
	border-width: 0px 1px 1px 1px
}

.bluebottombold
{
	border: #C0CCDC solid; 
	border-width: 0px 0px 1px 0px
}

a.links4:link {text-decoration:none; color:#666666}
a.links4:visited {text-decoration:none; color:#666666}
a.links4:active {text-decoration:none; color:#666666}
a.links4:hover {text-decoration:none; color:#666666}


.txtmsg {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: red;
	text-decoration: none
}

.txtheadwhite{
	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none
}


.txthead {
	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none
}

.txtgrey {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #6c6c6e;
	text-decoration: none
}


.txtgrey2 {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #6c6c6e;
	text-decoration: none
}

.txtblue {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #5677a0;
	text-decoration: none
}

.txtlightblue {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #5677a0;
	text-decoration: none
}




.txtblack {
	font-family: Verdana;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none
}

.txtred3 {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF3300;
	text-decoration: none
}


.txtred {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #BC0816;
	text-decoration: none
}

.txtred2 {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #BB5400;
	text-decoration: none
}


.txtgreen {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #A0D713;
	text-decoration: none
}

.txtorange {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ff7200;
	text-decoration: none
}

.txtcopyright {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #5677A0;
	text-decoration: none
}

.txtRequirement{
  font-family: Verdana, Arial, sans-serif;
  color: #C74944;
  font-size: 11px;  
}




.normaltxt{
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none
}


a.normal{
		font-family: Verdana ; 
		font-size: 11px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: bold; 
		font-variant: normal; 
		text-transform: none; 
		color: #00309C;
		text-decoration: none;
}

a.normal:link{color:#00309C;}
a.normal:visited{color:#00309C;}
a.normal:active {color:#00309C;}
a.normal:hover {color:#ff0000;}

a.blackhref{
		font-family: Verdana ; 
		font-size: 13px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: bold; 
		font-variant: normal; 
		text-transform: none; 
		color: #31405F;
		text-decoration: none;
}

a.blackhref:link{color:#31405F;}
a.blackhref:visited{color:#31405F;}
a.blackhref:active {color:#31405F;}
a.blackhref:hover {color:#ff0000;}

a.blackhref2{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: normal; 
		font-variant: normal; 
		text-transform: none; 
		color: #000000;
		text-decoration: none;
}

a.blackhref2:link{color:#000000;}
a.blackhref2:visited{color:#000000;}
a.blackhref2:active {color:#000000;}
a.blackhref2:hover {color:#ff7200;}


a.whitehref{
		font-family: Verdana ; 
		font-size: 13px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: bold; 
		font-variant: normal; 
		text-transform: none; 
		color: #ffffff;
		text-decoration: none;
}

a.whitehref:link{color:#ffffff;}
a.whitehref:visited{color:#ffffff;}
a.whitehref:active {color:#ffffff;}
a.whitehref:hover {color:#ff7200;}

a.redhref{
		font-family: Verdana ; 
		font-size: 12px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: bold; 
		font-variant: normal; 
		text-transform: none; 
		color: #ff0000;
		text-decoration: none;
}

a.redhref:link{color:#ff0000;}
a.redhref:visited{color:#ff0000;}
a.redhref:active {color:#ff0000;}
a.redhref:hover {color:#00309C;}


a.redhref2{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: normal; 
		font-variant: normal; 
		text-transform: none; 
		color: #BB5400;
		text-decoration: none;
}

a.redhref2:link{color:#BB5400;}
a.redhref2:visited{color:#BB5400;}
a.redhref2:active {color:#BB5400;}
a.redhref2:hover {color:#BB5400;}

a.redhref3{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: normal; 
		font-variant: normal; 
		text-transform: none; 
		color: #BB5400;
		text-decoration: none;
}

a.redhref3:link{color:#BB5400;}
a.redhref3:visited{color:#BB5400;}
a.redhref3:active {color:#BB5400;}
a.redhref3:hover {color:#ff7200;}



a.yellowhref{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: bold; 
		font-variant: normal; 
		text-transform: none; 
		color: #E3FCC0;
		text-decoration: none;
}

a.yellowhref:link{color:#E3FCC0;}
a.yellowhref:visited{color:#E3FCC0;}
a.yellowhref:active {color:#E3FCC0;}
a.yellowhref:hover {color:#E3C0EC;}


a.orghref{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: bold; 
		font-variant: normal; 
		text-transform: none; 
		color: #ff7200;
		text-decoration: none;
}

a.orghref:link{color:#ff7200;}
a.orghref:visited{color:#ff7200;}
a.orghref:active {color:#ff7200;}
a.orghref:hover {color:#C43C03;}

a.orghref2{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: normal; 
		font-variant: normal; 
		text-transform: none; 
		color: #ff7200;
		text-decoration: none;
}

a.orghref2:link{color:#ff7200;}
a.orghref2:visited{color:#ff7200;}
a.orghref2:active {color:#ff7200;}
a.orghref2:hover {color:red;}

a.green{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px; 
		font-style: normal; 
		line-height: normal; 
		font-weight: normal; 
		font-variant: normal; 
		text-transform: none; 
		color: #70d250;
		text-decoration: none;
}

a.green:link{color:#70d250;}
a.green:visited{color:#70d250;}
a.green:active {color:#70d250;}
a.green:hover {color:#ff7200;}


SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.2;
  color: #5677A0;
}

<!--IE7¼æÈÝÌæ»»ÄÚÈÝS-->
.headermenu_popup {
        color: #158DBA;
        border: 1px solid #CC0000;
        border-top: 0px;
        margin-top: 8px !important;
}
<!--IE7¼æÈÝÌæ»»ÄÚÈÝE-->
.headermenu_popup a {
color: #158DBA;
text-decoration: none;
}

.popupmenu_popup {
color: #000000;
border: 1px solid #CC0000;
}

.popupmenu_option {
background: #FDCF45;
color: #CC0000;
font: 12px Tahoma, Arial, Georgia, Courier, Times New Roman, Serif, Simsun;
white-space: nowrap;
padding:3px 8px;
cursor: pointer;
}
.popupmenu_option a {
color: #CC0000;
padding:3px 8px;
text-decoration: none;
}

.popupmenu_highlight {
background: #FD8007;
color: #072B5F;
font: 12px Tahoma, Arial, Georgia, Courier, Times New Roman, Serif, Simsun;
white-space: nowrap;
padding:3px 8px;
cursor: pointer;
}
.popupmenu_highlight a {
color: #F6F1EB;
padding:3px 8px;
text-decoration: none;
}