body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #434548; background-color: #EAF1DD; background-image: url(images/bodybg.jpg); background-repeat: repeat-x; background-position: center 0; padding: 0; margin: 0; cursor: default; }

form {
  padding: 0;
  margin: 0;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #434548;
}
/*<agl.folder "esl-2.1">*/
	#main { background-color: inherit; width: 801px; }
	
/*BEGIN TOMMY MODIFIKASI*/	
/*tambahkan script rotate.php di /image/head  */	
/*arahkan header ke file tersebut.*/	
/*script rotate.php akan mengambil random image di folder head */	

	#header{ background-color: inherit; background-image: url(images/head.jpg); position: relative; width: 800px; height: 155px;}
	
/*END MODIFIKASI*/	

/*BEGIN TOMMY MODIFIKASI untuk GOOGLE SEARCH BAR*/
	#searchbar input {color: #000; font-size: 15px; height:15px; margin-right:0px; width:80 px; top:60px; position:relative;}
	#searchbar input[type="submit"] { color: #000; font-size: 15px; height: 25px; margin-right:35px; position:relative; top:60px;}

/*END TOMMY MODIFIKASI untuk GOOGLE SEARCH BAR*/


	#logo { background-color: inherit; position: relative; top: 55px; width: 360px; height: 20px; float: left; border-width: 0; }
	#login{ color: #434548; font-weight: bold; background-color: inherit; position: relative; top: 0px; width: 760px; float: left; margin-left: 25px;height: 16px; }
	#login a { color: #434548; font-weight: bold; background-color: #FBAC29; border: solid 1px;font-size: 12px; font-variant: small-caps; text-decoration: none; padding-left:10px;padding-right:10px;padding-top:2px; padding-bottom:2px; }
	#login a:hover { color: #434548; font-weight: bold; background-color: inherit;background-color: #FBAC29; text-decoration: underline; }
	
	#login input { color: #434548; font-size: 11px; background-color: #fff; height:14px; border: solid 0px;padding-top:2px; padding-bottom:2px; }
	#login input[type="submit"] { color: #ffffff; font-size: 10px; font-weight: bold; background-color: #cc0000; height: 20px; border: solid 0px; padding-bottom:2px;}
	#innen { background-color: inherit; background-image: url(images/bginnen.jpg); position: relative; width: 800px; float: left; clear: both; padding-top: 10px; }
	#leftcolumn { background-color: inherit; position: relative; width: 170px; float: left; margin-left: 30px; }
	#content { background-color: inherit; position: relative; width: 560px; float: left; clear: right; margin-left: 10px; }
	#footer { line-height: 50px; background-image: url(images/bgfooter.jpg); background-repeat: no-repeat; background-position: left top; position: relative; width: 800px; height: 39px; float: left; padding-right: 5px; padding-left: 5px; }
	#footer a { color: #2b2b2b; text-decoration: underline; }
	#footer a:hover { text-decoration: none; }
	#copy { color: #434548; position: relative; width: 800px; height: 20px; float: left; }
	#mumbojumbo {font-size:1px;}
	#copy a { color: #434548; }
	#copy a:hover { color: #434548; text-decoration:none;}
	#navi { background-image: url(images/bgnav.jpg); background-repeat: no-repeat; background-position: left top; width: 800px; height: 37px; padding-left: 40px; }
	#navi a:hover { color: #434548; font-weight: bold; background-color: inherit; text-decoration: underline; }
	.nlink { line-height: 30px; background-color: inherit; position: relative; top: 2px; width: 100px; height: 36px; float: left; clear: right; }
	.nlink a { color: #fff; font-size: 11px; font-weight: bold; font-variant: small-caps; }
	.nlink a:hover { color: #fff; }
	.nlink:hover { background-image: url(images/nav_bgact.jpg); background-position: center; }
/*</agl.folder>*/
/* hides text-align to the left from IE, because the next 2 rules doesn't apply to IE */
 html>body td {
  text-align: left;
}

html>body td[align="center"] {
  text-align: center;
}

html>body td[align=center] {
  text-align: center;
}

html>body td[align=right] {
  text-align: right;
}

html>body td[align="right"] {
  text-align: right;
}

*[align="center"] {
  text-align: center;
}

*[align=center] {
  text-align: center;
}

*[align="right"] {
  text-align: right;
}

*[align=right] {
  text-align: right;
}
.headbgbox{
	background-color: #84A9E2;
}
.module_head { background-color: inherit; font-size: 11px; font-weight: bold; color: #ffffff; font-variant: small-caps; background-image: url(images/module_head_bg.jpg); background-repeat: repeat-x; background-position: left top; text-indent: 3px; height: 20px; }

.oddrow, .addrow {
	background-color: #FEFEFE;
}

.evenrow {
	background-color: #EFEFEF;
}


.module_head_right {
	background-color: inherit;
	font-size: 11px;
	color: #ffffff;
}

.module_head_right a {
	background-color: inherit;
	font-size: 11px;
	color: #ffffff;
}

.calendar_module_detail {
  font-size: 11px;
  font-weight: normal;
  background-color: #FCFDFF;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #e8d1cd;
  border-right-color: #e8d1cd;
  border-bottom-color: #e8d1cd;
  border-left-color:#e8d1cd;
  color: #121010; 
}

.calendar_module_head { background-color: inherit; font-size: 11px; font-weight: bold; color: #ffffff; background-image: url(images/module_head_bg.jpg); background-repeat: repeat-x; background-position: 0 top; border: solid 1px #e8d1cd; }


.module_head_right a:hover {
	background-color: inherit;
	font-size: 11px;
	color: #ffffff;
}


TD.edituserlink{
	background-color: inherit;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;

}
TD.edituserlink a{
	background-color: inherit;
	color: #cc0000;
	font-weight: normal;
	text-decoration: underline;
}
TD.edituserlink A:hover{
	background-color: inherit;
	color: #cc0000;
	font-weight: bold;
	text-decoration: underline;
}

.text_head1, .text_head1:hover {
	font-size: 14px;
	font-weight: bold;
	color: #545454;
}
.text_head2, .text_head2:hover {
	font-size: 14px;
	font-weight: bold;
	color: #585858;
}

.offer_head {
	font-size: 16px;
	color: #515151;
}

.module_detail_inside { font-size: 11px; font-weight: normal; background-color: #f8f8f8; border-color: #eaeaea; border-style: none solid solid; border-width: 1px; }

.tos { font-size: 11px; font-weight: normal; background-color: #f8fbff; margin: 10px; border: solid 1px #eaeaea; }

.im_text { font-size: 11px; font-weight: normal; background-color: #f8fbff; border: solid 1px #eaeaea; }

.module_detail { font-size: 11px; font-weight: normal; background-color: #f7f7f7; border-color: #e6e6e6; border-style: none solid solid; border-width: 1px; }
.leftside_detail { font-size: 11px; font-weight: normal; background-color: #f7f7f7; border-color: #e6e6e6; border-style: none solid solid; border-width: 1px; }
.statusbar {
	background-color: #e6e6e6;
}


th {
	font-weight: bold;
	color: #7d7d7d;
	background-color: #f1f1f1;
	font-size: 11px;

}

th a {
	text-decoration: underline;
	color: #5b5b5b;
}
th a:hover {
	color: #b4b4b4;
	text-decoration: none;

}


a.subhead {
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: bold;
}
a.subhead:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.smallpic {
	border: 1px solid #666666;
}

input {
	font-size: 11px;
}
textarea {
	font-size: 11px;
}
select {
	font-size: 11px;
}
.formbutton { font-size: 11px; color: #525252; background-color: #f3f3f3; border: solid 1px #b4b4b4; }
.dotted{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
}

.s_table_blue{
	color: #27277E;
	font-weight: bold;
}
.s_table_white{
	color: #27277E;
}

.table_blue{
	background-color: #D3E1FA;
	color: #27277E;
}
.table_white{
	background-color: #FFFFFF;
	color: #27277E;
}

.table_green{
	background-color: #D8F9D5;
	color: #003300;
}
.table_red{
	background-color: #FFD5D5;
	color: #990000;
}
.table_pink{
	background-color: #FFE1FF;
	color: #7D0067;
}
.table_gray{
	background-color: #EFEFEF;
	color: #333333;
}
.table_yellow{
	background-color: #FFFFCC;
	color: #B08D00;
}
.text8pt {
	font-size: 8pt;
}
a {
	color: #525252; 
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #b4b4b4;
}

a.menulink {
	font-size: 11px;
	color: #525252;
	text-decoration: underline;
}
a.menulink:hover {
	font-size: 11px;
	color: #b4b4b4;
	text-decoration: none;
}

.panellinkhdr {
	background-color: #b4b4b4;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;

}
a.panellink {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #525252;
}
a.panellink:hover {
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}
.panelbox {

}
.paneltable{
	background-color: #525252;
}
.modulehead{
	color: #525252;
}


.storyhead{
	color: #525252;
	font-weight: bold;
}
.storydate{
	font-size: 9px;
	color: #525252;
	font-style: italic;
}
.storyby{
	color: #525252;
}
.storytext{
}

.newshead{
	color: #525252;
	font-weight: bold;
}
.newsdate{
	font-size: 9px;
	font-style: italic;
}
.newstext{

}

.pollquestion{
	color: #525252;
	font-weight: bold;
}
.polloptions{

}

.payment_mod_head{
	font-size: 11px;
	color: #ffffff;
	background-color: #b4b4b4;
}
h4{
	font-size: 12px;
}
.errors {
	color: red;
}

.headerfooter, .headerfooter:hover {					/*** style of "xxx's Profile", "Last logge" ***/
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	background-color: #b4b4b4;
}

.headerfooter:hover {							/*** hover: style of "xxx's Profile", "Last logge" ***/
	color: #000000;
	text-decoration: none;
}

.nickwidth {								/*** width of sections ***/
	margin: 10px;
	text-align: center;
}

.im_msg {
	font-size: 8pt;
}

.menu_subhead {
	background-color: #b4b4b4;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;

}

.picgallery {
	background-color: #F8FBFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.module_head a {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
.module_head a:hover {
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}