/* guide */

.clearit				{ clear:both;}
.left					{ float:left;}
.right					{ float:right;}
form					{ margin:0px; padding:0px;}

.form_1					{ margin:0px; padding:0px;}

/* width */
.w30					{ width:30px;}
.w50					{ width:50px;}
.w60					{ width:60px;}
.w70					{ width:70px;}
.w85					{ width:85px;}
.w80					{ width:80px;}
.w90					{ width:90px;}
.w100					{ width:100px;}
.w110					{ width:110px;}
.w120					{ width:120px;}
.w130					{ width:130px;}
.w140					{ width:140px;}
.w150					{ width:150px;}
.w155					{ width:155px;}
.w160					{ width:160px;}
.w170					{ width:170px;}
.w180					{ width:180px;}
.w190					{ width:190px;}
.w210					{ width:210px;}
.w225					{ width:225px;}
.w250					{ width:250px;}
.w300					{ width:300px;}
.w310					{ width:310px;}
.w317					{ width:317px;}
.w320					{ width:320px;}
.w333					{ width:333px;}
.w400					{ width:400px;}
.w410					{ width:410px;}
.w420					{ width:420px;}
.w600					{ width:600px;}
.w650					{ width:650px;}
.w970					{ width:970px;}
.w990					{ width:990px;}

/* height */
.h5					{ height:5px;}
.h32					{ height:32px;}
.h55					{ height:52px;}
.h100					{ height:100px;}
.h105					{ height:105px;}
.h200					{ height:200px;}
.h250					{ height:250px;}

/*font color*/
.c_white				{ color: #FFFFFF;}
.c_white a				{ text-decoration:none; color:#FFFFFF;}
.c_white a:hover		{ text-decoration: underline;}

.c_white2				{ color: #FFFFFF;}
.c_white2 a				{ text-decoration:none; color:#FFFFFF;}
.c_white2 a:hover		{ text-decoration: none; color:#CCCCCC;}

.c_black				{ color: #000000;}
.c_black a				{ text-decoration:none; color:#000000;}
.c_black a:hover		{ text-decoration: underline;}

.c_blue					{ color: #C4E1FF;}
.c_blue a				{ text-decoration:none; color:#0046b0;}
.c_blue a:hover			{ text-decoration: underline;}

.c_abu					{ color: #808080 ;}
.c_abu a				{ text-decoration:none; color:#808080;}
.c_abu a:hover			{ text-decoration: underline;}

.c_abu2					{ color: #333333;}
.c_abu2 a				{ text-decoration:none; color:#333333;}
.c_abu2 a:hover			{ text-decoration: underline;}

.c_abu3					{ color: #CCCCCC;}
.c_abu3 a				{ text-decoration:none; color:#CCCCCC;}
.c_abu3 a:hover			{ text-decoration: underline;}

.c_abu4					{ color: #666666;}
.c_abu4 a				{ text-decoration:none; color:#666666;}
.c_abu4 a:hover			{ text-decoration: underline;}


/* font */
.font44					{ font: normal 44px "AvantGarde Medium", Arial;}
.font30					{ font: normal 30px "AvantGarde Medium", "AvantGarde Md BT", "Lucida Grande", Arial;}
.font28					{ font: normal 28px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "AvantGarde Md BT", Arial;}
.font26					{ font: normal 26px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "AvantGarde Md BT", Arial;}
.font24					{ font: normal 24px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",  Arial;}
.font22					{ font: normal 22px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",  Arial;}
.font21					{ font: normal 21px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",  Arial; letter-spacing:-0.5px;}
.font20					{ font: normal 20px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial;}
.font18					{ font: normal 18px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",  Arial;}
.font16					{ font: normal 16px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode",  Arial; letter-spacing:-0.5px; line-height:20px;}
.font14					{ font: normal 14px "Lucida Grande", Arial; line-height:18px;}
.font13					{ font: normal 13px "Lucida Grande", Arial; line-height:18px;}
.font12					{ font: normal 12px "Lucida Grande", Arial;}
.font11					{ font: normal 11px "Lucida Grande", Arial; line-height:14px;}

/* margin */
.mg_5					{ margin:5px;}
.mg_10					{ margin:10px;}
.mg_15					{ margin:15px;}
.mg_20					{ margin:20px;}

.mg250					{ margin-top:-253px;}

.mt_5					{ margin-top:5px;}
.mt_10					{ margin-top:10px;}
.mt_15					{ margin-top:15px;}
.mt_20					{ margin-top:20px;}

.mb_5					{ margin-bottom:5px;}
.mb_10					{ margin-bottom:10px;}
.mb_15					{ margin-bottom:15px;}
.mb_20					{ margin-bottom:20px;}

/* padding */
.pd_5					{ padding:5px;}
.pd_8					{ padding:8px;}
.pd_10					{ padding:10px;}
.pd_15					{ padding:15px;}
.pd_20					{ padding:20px;}

.pl_5					{ padding-left:5px;}
.pl_10					{ padding-left:10px;}
.pl_15					{ padding-left:15px;}
.pl_20					{ padding-left:20px;}

.pr_10					{ padding-right:5px;}
.pr_10					{ padding-right:10px;}
.pr_15					{ padding-right:15px;}
.pr_20					{ padding-right:20px;}
.pr_30					{ padding-right:30px;}

.pt_3					{ padding-top:3px;}
.pt_5					{ padding-top:5px;}
.pt_10					{ padding-top:10px;}
.pt_15					{ padding-top:15px;}
.pt_20					{ padding-top:20px;}
.pt_30					{ padding-top:30px;}
.pt_60					{ padding-top:60px;}

.pb_5					{ padding-bottom:5px;}
.pb_10					{ padding-bottom:10px;}
.pb_15					{ padding-bottom:15px;}
.pb_20					{ padding-bottom:20px;}

/*halaman*/
.halaman 				{ clear:both;}
.halaman ul 			{list-style:none; margin:0px; padding:0px; padding-top:10px;}
.halaman ul li 			{float:left; }
.halaman ul li a 		{ background:url(../images/hal_2.gif) no-repeat; padding:6px 3px 0px 7px; font:bold 12px arial; color:#333333; text-decoration:none; height:25px; float:left; padding-right:10px;}
.halaman ul li a:hover 	{ background:url(../images/hal_1.gif) no-repeat; padding:6px 3px 0px 7px; font:bold 12px arial; color: #FFFFFF; text-decoration:none; height:25px; float:left; padding-right:10px;}
.halaman ul li a.pilih 	{ background:url(../images/hal_1.gif) no-repeat; padding:6px 3px 0px 7px; font:bold 12px arial; color: #FFFFFF; text-decoration:none; height:25px; float:left; padding-right:10px;}

img, td { behavior: url(iepngfix.htc) }
.img_link img {behavior: url(iepngfix.htc); height:23px; width:66px; }