html, body {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px; 
	HEIGHT: 100%
	background-color: #4DA5EC;
	background-image: url('../usr_bg/cloud_bg.gif');
}
td {
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	color: #000000;
}
td.mycontent {
	background-color: #4DA5EC;
}
td.servertime {
	color: #FFFF00;
}
td.row_color {
	color: #FFFFFF;
}
td.copyright_txt {
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000080;
}
td.blue_title {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #1E26AD;
	height: 20px;
	width: 200px;
	letter-spacing: 4pt;
}
td.blue_title2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #1E26AD;
	height: 20px;
	width: 250px;
	letter-spacing: 4pt;
}
/*---------*/
/* A Style */
/*---------*/
a:link {
	color: #152F65; 
	text-decoration: none;
	font-weight: bold;	
}
a:visited {
	color: #152F65; 
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #0000FF; 
	text-decoration: underline;
	font-weight: bold;
}
a.blue_style:link {
	color: #0000FF; 
	text-decoration: underline;
}
a.blue_style:visited {
	color: #0000FF; 
	text-decoration: underline;
}
a.blue_style:hover {
	color: #0000FF; 
	text-decoration: none;
}
a.black_style:link {
	color: #000000; 
	text-decoration: underline;
}
a.black_style:visited {
	color: #000000; 
	text-decoration: underline;
}
a.black_style:hover {
	color: #EB3D00; 
	text-decoration: none;
}
a.latest_news:link {
	color: #FFFFFF; 
	text-decoration: underline;
}
a.latest_news:visited {
	color: #FFFFFF; 
	text-decoration: underline;
}
a.latest_news:hover {
	color: #FFFFFF; 
	text-decoration: none;
}
a.read_more:link {
	color: #FFFFFF; 
	text-decoration: none;
}
a.read_more:visited {
	color: #FFFFFF; 
	text-decoration: none;
}
a.read_more:hover {
	color: #FFFF00; 
	text-decoration: none;
}
.row_color1 {
	color: #000000;
	background: #FFFFFF;
	text-decoration: bold;
}
.row_color2 {
	color: #FFFFFF;
	background-image: url('../Themes/tt_style/css/img/vb_bg.jpg');
	text-decoration: bold;
	height: 32px;
	vertical-align: middle;
	text-align: center
}
.row_color2_num {
	color: #FFFFFF;
	background-image: url('../Themes/tt_style/css/img/vb_bg.jpg');
	text-decoration: bold;
	height: 32px;
	vertical-align: middle;
	text-align: right
}
/*----------*/
/* LI Style */
/*----------*/
li.latest_news {
	color: #FFFFFF;
	font-size: 7pt;
	margin-bottom: 6; list-style-image:url('../Themes/tt_style/css/img/latestnews_bullet.gif')
}
/*----------*/
/* TD Style */
/*----------*/
td.left_shdw {
	background-color: #3D93D9;
}
td.right_shdw {
	background-color: #3D93D9;
}
td.blue_box {
	BACKGROUND-IMAGE: url('img/module_bg.jpg');
	BACKGROUND-REPEAT: repeat;
	padding-top: 8px;
	padding-left: 2px;
	color: #FFFFFF;
}
td.polls {
	BACKGROUND-IMAGE: url('../Themes/tt_style/css/img/polls_bg.gif');
	BACKGROUND-REPEAT: no-repeat;
	width: 169px;
	height: 42px;
	padding-left: 0px;
	text-align: center;
	vertical-align: middle;
	font-family: Arial Narrow, Arial, Verdana, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #FFFFFF
}
td.mainmenu_item {
	BACKGROUND-IMAGE: url(img/mainmenu_item.gif);
	BACKGROUND-REPEAT: no-repeat;
	width: 166px;
	height: 28px;
	padding-left: 30px;
}
td.yellowbox {
	BACKGROUND-IMAGE: url('../Themes/tt_style/css/img/vyl_bg.jpg');
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-COLOR: #FFFFFF
}
td.greybox {
	BACKGROUND-IMAGE: url('../Themes/tt_style/css/img/vg_bg2.jpg');
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-COLOR: #FFFFFF
}
td.inputbox {
	BACKGROUND-IMAGE: url('../Themes/tt_style/css/img/vg_bg.jpg');
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-COLOR: #FFFFFF
}
td.okbox {
	BACKGROUND-IMAGE: url('../Themes/tt_style/css/img/vgr_bg.jpg');
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-COLOR: #FFFFFF
}
td.redbox {
	BACKGROUND-IMAGE: url('../Themes/tt_style/css/img/vr_bg.jpg');
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-COLOR: #FFFFFF;
}
.bg_line {
	BACKGROUND-IMAGE: url(img/dotline_horizontal_blu.gif);
	BACKGROUND-REPEAT: repeat;
}
.bg_awan {
	BACKGROUND-IMAGE: url(img/bg_awan.jpg);
	BACKGROUND-REPEAT: repeat-x;
}
.bg_top {
	BACKGROUND-IMAGE: url(img/top_bg.jpg);
	BACKGROUND-REPEAT: repeat;
}
/*-------------------*/
/* Trans Menu Style  */
/*-------------------*/
.headerBG {
	BACKGROUND-COLOR: #4DA5EC;
}
.marqueeBG {
	BACKGROUND-COLOR: #4DA5EC;
}
.transMenuBG {
	BACKGROUND-COLOR: #4DA5EC;
}
.transMenu {
	LEFT: -2000px; OVERFLOW: hidden; POSITION: absolute; TOP: -1000px;
}
.transMenu .item {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; DISPLAY: block; FONT-SIZE: 11px; MARGIN: 0px; BORDER-LEFT: medium none; 
	BORDER-BOTTOM: medium none;
}
.transMenu .item TD {
	FONT-SIZE: 11px; COLOR: #ffffff; LINE-HEIGHT: 18px; HEIGHT: 5px;
}
.transMenu .hover {
	FONT-COLOR: #ffff00;
	CURSOR: hand;
}
.transMenu .content {
	POSITION: absolute;
}
.transMenu .items {
	Z-INDEX: 2; LEFT: 0px; POSITION: relative; TOP: 0px;
}
.top .items {
	BORDER-TOP: medium none;
}
.transMenu .background {
	Z-INDEX: 1; FILTER: alpha(opacity=90); LEFT: 0px; POSITION: absolute; TOP: 0px; opacity: .9;
}
.transMenu .shadowRight {
	Z-INDEX: 3; FILTER: alpha(opacity=40); WIDTH: 2px; POSITION: absolute; TOP: 3px; opacity: .4;
}
.transMenu .shadowBottom {
	Z-INDEX: 1; FILTER: alpha(opacity=40); LEFT: 3px; POSITION: absolute; HEIGHT: 2px; opacity: .4;
}
#menu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
#menu TD {
	WIDTH: 100px; Text-Align: CENTER;
}
#mbttransmenu {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: auto; PADDING-TOP: 0px;
}
A.mainlevel-trans:link {
	CLEAR: both; 
	DISPLAY: block; 
	MARGIN: 1px 0px 0px; 
	BORDER-RIGHT: #152F65 1px solid; 
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	WIDTH: 80px; 
	COLOR: #FFFFFF; 
	LINE-HEIGHT: 10px;
	HEIGHT: 15px; 
	TEXT-ALIGN: center; 
	TEXT-DECORATION: none; 
}
A.mainlevel-trans:visited {
	COLOR: #FFFFFF; 
	TEXT-DECORATION: none;
}
A.mainlevel-trans:hover {
	TEXT-DECORATION: underline;
}
A.mainlevel_active-trans {
	CLEAR: both; 
	DISPLAY: block;
	MARGIN: 0px;
	BORDER-RIGHT: #152F65 1px solid; 
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	BACKGROUND: #4DA5EC; 
	WIDTH: auto; 
	COLOR: #FFFFFF; 
	LINE-HEIGHT: 10px;
	HEIGHT: 15px; 
	TEXT-DECORATION: none; 
}
A.mainlevel_active-trans:hover {
	COLOR: #FFFFFF;
	TEXT-DECORATION: underline;
	font-weight: bold;
}
a.trans_link:link {
	color: #FFFFFF; 
	text-decoration: none;
}
a.trans_link:visited {
	color: #FFFFFF; 
	text-decoration: none;
}
a.trans_link:hover {
	color: #FFFFFF; 
	text-decoration: underline;
}
/*------------------------------------------------*/
.formulir, .formulir_right   { 
	border-right: #808080 1px solid; 
	border-top:  #808080 1px solid; 
	border-left:  #808080 1px solid; 
	border-bottom:  #808080 1px solid; 
	background-color: #FFFFFF; 
	font-family: Arial, Sans-serif; 
	font-size: 8pt;
	font-weight: none;
	color: #000000;
}
.formulir_right {
	text-align: right;
}
.color1 {
	color: #3A7FAB;
}
.color2 {
	color: #FF9933;
}
.title {
	font-family: Arial Narrow, Arial, Verdana, sans-serif;
	font-size: 13pt;
	font-weight: bold;
}
.small, .note {
	font-family: Verdana, Arial, sans-serif;
	font-size: 7pt;
}
.note {
	font-weight: bold;
	text-decoration: underline;
	background-color: #FFFF00;
}
/* Round box style */
/* --------------- */

.rbroundbox { background: url('../Themes/tt_style/css/img/nt.gif'); }
.rbtop div { background: url('../Themes/tt_style/css/img/tl.gif') no-repeat top left; }
.rbtop { background: url('../Themes/tt_style/css/img/tr.gif') no-repeat top right; }
.rbbot div { background: url('../Themes/tt_style/css/img/bl.gif') no-repeat bottom left; }
.rbbot { background: url('../Themes/tt_style/css/img/br.gif') no-repeat bottom right; }

.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent { margin: 0 0px; }
.rbroundbox { width: 100%; margin: 1em auto; }

.rbroundbox2 { background: url('../Themes/tt_style/css/img/nt2.gif'); }
.rbtop2 div { background: url('../Themes/tt_style/css/img/tl2.gif') no-repeat top left; }
.rbtop2 { background: url('../Themes/tt_style/css/img/tr2.gif') no-repeat top right; }
.rbbot2 div { background: url('../Themes/tt_style/css/img/bl2.gif') no-repeat bottom left; }
.rbbot2 { background: url('../Themes/tt_style/css/img/br2.gif') no-repeat bottom right; }

.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent2 { margin: 0 7px; }
.rbroundbox2 { width: 100%; margin: 1em auto; }

.rbroundbox3 { background: url('../Themes/tt_style/css/img/nt3.gif'); }
.rbtop3 div { background: url('../Themes/tt_style/css/img/tl3.gif') no-repeat top left; }
.rbtop3 { background: url('../Themes/tt_style/css/img/tr3.gif') no-repeat top right; }
.rbbot3 div { background: url('../Themes/tt_style/css/img/bl3.gif') no-repeat bottom left; }
.rbbot3 { background: url('../Themes/tt_style/css/img/br3.gif') no-repeat bottom right; }

.rbtop3 div, .rbtop3, .rbbot3 div, .rbbot3 {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent3 { margin: 0 7px; }
.rbroundbox3 { width: 100%; margin: 1em auto; }

/* -------------- button style ---------------------- */
.btn_red {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px; 
	color: #FFFFFF;
	font-weight: bold;
	background-color:#FF0000;
	font-align: center;
	width: 120px;
	height: 28px;
	border: 2px outset #721900;
}
.buttonor, .buttonbl {
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color:#ffffff;
	background-color:#3C00A3;
	border:none;
	border: 2px outset #7835EB;
}
.buttongray {
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color:#ffffff;
	background-color:#737373;
	border:none;
	border: 2px outset #FFFFFF;
}
.buttonor {
	margin:2px 0px 0px 20px;
}
.polls_btn {
	background:url('../Themes/tt_style/css/img/polls_button.gif') no-repeat 0 0; 
	width:70px; 
	height:18px; 
	font-family: Arial, Verdana, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color:#FFFFFF; 
	border:medium none;; margin-left:10px; margin-right:0px; margin-top:2px; margin-bottom:0px
}
/* -------------- end of button style ---------------------- */
.active_step {
	background: #FC0000;
	color: #FFFFFF;
}
.non_active_step {
	background: #000000;
	color: #C5C9D1;
}
.input-warn, .input-ok, .input-def
{
	background: #F2F2F2;
	border: 1px solid #757575;
	color: #222222;
	font-family: Arial, Sans-serif; 
	font-size: 8pt;
	vertical-align: middle;
}
.odd_row {
	background: #CCFFCC;
}
.even_row {
	background: #C5C9D1;
}
.input-warn,
.input-warn-content
{
	border: 1px solid #C00;
	background-color: #FFCCFF;
}
.input-def
{
	border: 1px solid #808080;
	background-color: #CCFFFF; 
}
.input-ok,
.input-ok-content
{
	border: 1px solid #0C0;
	background-color: #CCFFFF; 
}
.input-warn-content
{
	padding: 4px;
	margin: 4px;
	background-color: #FCC;
}
.input-ok-content
{
	padding: 4px;
	margin: 4px;
	background-color: #CFC;
}
.input-text
{
	color: #900;
}
