body {
	font-family: Trebuchet Ms, Arial;
	font-size: 12px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
}

.loginform {
	color: #B60072;
	font-family: Trebuchet Ms, Arial;
	font-size: 18px;
	font-weight: bold;
}

.style9 {font-size: 14px; font-family: Trebuchet Ms, Arial; font-weight: bold; }
.tahoma12bold {	font-family: Trebuchet Ms, Arial;	font-size: 12px;	color: #333333;	font-weight: bold;}
.upload {	font-family: Trebuchet Ms, Arial;	font-size: 15px;	font-weight: bold;	color: #27a5dc;	line-height: 28px;}

.tdborder {background-color:#eded8a;}
.tdborder2 {background-color:#d15981;}
.tdborder3 {background-color:#b60072;}
.dotline{
background:url(images/dotline.gif) repeat 17px 8px;
}

.border4sideblue2 {
border:1px solid #74c5fc;
background-color: #b6e2ff;
}

.border2sidebluewnbg {
background-color: #ffffff;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #ffffff;
border-right-color: #74c5fc;
border-left-color: #74c5fc;
border-bottom-color: #74c5fc;
}

.titletabel{
font-family: Trebuchet Ms, Arial;
font-size: 13px;
color: #ffffff;
font-weight: bold;
}

td{
font-family: Trebuchet Ms, Arial;
font-size: 13px;
}

.trprofile{
font-family: Trebuchet Ms, Arial;
font-size: 13px;
text-indent:80px;
}

a.header:link {	font-family: Trebuchet Ms, Arial;	width:51px; height:21px; font-size: 12px; color: #ffebc5; text-decoration: none; font-weight: bold; line-height: 25px; }
a.header:visited { font-family: Trebuchet Ms, Arial;	width:51px; height:21px; font-size: 12px;  color: #ffebc5;; text-decoration: none; font-weight: bold; line-height: 25px;}
a.header:hover { font-family: Trebuchet Ms, Arial;	width:51px; height:21px; background:url(images/btnhover.gif); display:block; font-size: 12px; font-weight: bold; line-height: 25px}
a.header:active { font-family: Trebuchet Ms, Arial; width:51px; height:21px; font-size: 12px; color: #ffebc5;; text-decoration: none;	font-weight: bold; line-height: 25px; }

a.link2:link {	font-family: Trebuchet Ms, Arial;	font-size: 13px; color: #000000; text-decoration: none; font-weight: normal; line-height: 25px; }
a.link2:visited { font-family: Trebuchet Ms, Arial;	font-size: 13px;  color: #000000; text-decoration: none; font-weight: normal; line-height: 25px;}
a.link2:hover { font-family: Trebuchet Ms, Arial;	font-size: 13px; color: #ff0000; text-decoration: underline; font-weight: normal; line-height: 25px}
a.link2:active { font-family: Trebuchet Ms, Arial; font-size: 13px;	color: #000000; text-decoration: none;	font-weight: normal; line-height: 25px; }

/* a:link3 berubah semua */
a.link3:link    { font-family: Trebuchet Ms, Arial; font-size: 10px; color: #eded8a; text-decoration:underline; font-weight: none;}
a.link3:visited { font-family: Trebuchet Ms, Arial; font-size: 10px; color: #eded8a; text-decoration: underline; font-weight: none;}
a.link3:hover   { font-family: Trebuchet Ms, Arial; font-size: 10px; color: #e89770; text-decoration: none; font-weight: none;}
a.link3:active  { font-family: Trebuchet Ms, Arial; font-size: 10px; color: #e89770; text-decoration: none; font-weight: none;}

a.link4:link    { text-decoration: none; border-style:none; color:#EDED8A; }
a.link4:visited { text-decoration: none; border-style:none; color:#EDED8A; }
a.link4:hover   { text-decoration: none; border-style:none; color:#EDED8A; }
a.link4:active  { text-decoration: none; border-style:none; color:#EDED8A; }

a.link5:link    { font-family: Trebuchet Ms, Arial; font-size: 14px; color: #eded8a; text-decoration: none; font-weight: none;}
a.link5:visited { font-family: Trebuchet Ms, Arial; font-size: 14px; color: #eded8a; text-decoration: none; font-weight: none;}
a.link5:hover   { font-family: Trebuchet Ms, Arial; font-size: 14px; color: #eded8a; text-decoration: underline; font-weight: none;}
a.link5:active  { font-family: Trebuchet Ms, Arial; font-size: 14px; color: #eded8a; text-decoration: underline; font-weight: none;}

a.link6:link    { text-decoration: none; border-style:none; color:#ffebc5;}
a.link6:visited { text-decoration: none; border-style:none; color:#ffebc5; }
a.link6:hover   { text-decoration: underline; border-style:none; color:#ffebc5; }
a.link6:active  { text-decoration: none; border-style:none; color:#ffebc5; }

a.link7:link    { text-decoration: underline; border-style:none; color:#ffebc5;}
a.link7:visited { text-decoration: underline; border-style:none; color:#ffebc5; }
a.link7:hover   { text-decoration: none; border-style:none; color:#ffebc5; }
a.link7:active  { text-decoration: none; border-style:none; color:#ffebc5; }

.tdorange {background-color: #f8981d;}

a.logout:link {	 font-family: Trebuchet Ms, Arial, San-serif; font-size: 13px; color: #FFFFFF;	text-decoration: none;	font-weight: bold;	line-height: 25px; }

a.logout:visited { font-family: Trebuchet Ms, Arial, San-serif;	font-size: 13px; color: #FFFFFF; text-decoration: none;	font-weight: bold;	line-height: 25px; }

a.logout:hover {font-family: Trebuchet Ms, Arial, San-serif; font-size: 13px; color: #FFFFFF; text-decoration: none; line-height: 25px;	background-color: #37465f;	display: block; }

a.logout:active { font-family: Trebuchet Ms, Arial, San-serif; font-size: 13px; color: #FFFFFF; text-decoration: none; font-weight: bold; line-height: 25px; }

a.button{
background:url(images/header-fill.gif);
display:block;
color:#000000;
font-size: 12px;
font-weight:bold;
height:37px;
line-height:37px;
margin-bottom:0px;
text-decoration:none;
width:118px;
}

a:hover.button{
	color:#0066CC;
}

td.tabel1 {
	background:#e89770;
	font-size:16px;
	color:#b60072;
	font-weight:bold;
	text-align:center;
}

td.tabel2 {background:#d15981;}
.isi1 {color: #ffad82;font-weight: bold;font-size:16px;}
/* Tambahan isi6 */
.isi6 {color: #ffad82;font-weight: bold;font-size:12px;}

.isi2 {color: #eded8a; font-size:16px;}

/* Isi 3 berubah font-weight:none */
.isi3 {color: #ffebc5;font-size:13px; font-family:"Trebuchet MS"; font-weight:none;}
.isi4 {color: #ffebc5;font-size:16px; font-weight: bold;text-align:center;}

.isi5 {font-size:15px;color:#eded8A;font-weight:bold;text-align:center;}
/* Tambahan isi7, isi8, isi9, isi10, isi11 */
.isi7 {color: #ffebc5; font-size:12px; font-style:italic;}
.isi8 {color: #eded8a; font-weight: bold; font-size:16px;}
.isi9 {color: #d15981;font-size:13px; font-family:"Trebuchet MS"; font-weight:none;}
.isi10 {color: #d15981;font-size:16px; font-family:"Trebuchet MS"; font-weight:bold;}
.isi11 {color: #75736E; font-family:"Trebuchet MS";}
.isi12 {color: #eded8a; font-weight: bold; font-size:13px;}
.isi13 {color: #eded8a; font-size:10px; font-family:"Trebuchet MS"; font-weight:bold;}
.isi14 {color: #e89770;}
.isi15 {color: #ffebc5;font-size:14px; font-weight: bold;text-align:center;}
.isi16 {color: #b70072;font-size:13px; font-family:"Trebuchet MS";}
.isi17 {color: #b70072;font-size:16px; font-family:"Trebuchet MS"; font-weight:bold;}
.isi18 {color: #ff9c80;font-size:16px; font-family:"Trebuchet MS"; font-weight:bold;}
.isi19 {color: #ffebc5;font-size:14px;text-align:center;}
.isi20 {color: #ffebc5; font-family:"Trebuchet MS"; font-style:italic;}
.isi21 {color: #e89770; font-weight: bold; font-size:13px;}
.isi22 {color: #ffebc5; font-family:"Trebuchet MS"; font-weight:none; font-style:none;}

.judul {color: #e89770;font-weight: bold;font-size:16px;}

.judul1 {font-family: Trebuchet Ms; color: #eded8a; font-weight: bold;font-size:17px;}
.judul2 {color: #ffad82; font-weight: bold;font-size:17px;}
.judul2a {color: #ffad82; font-weight: bold;font-size:15px;}
.judul3 {color: #d15981; font-weight: bold; font-size:14px;}
.judul4 {color: #d78670;font-weight: bold;font-size:16px;}
.judul5 {color: #d78670;font-weight: bold;font-size:15px;}
.judul6 {color: #d78670;font-weight: bold;font-size:14px;}
.content{font-family:"Trebuchet MS"; color:#b60072; font-size: 13px; font-weight:bold;}


.tabeltengahatas{
background:url(images/newtabletopfill.gif) repeat;
}

.tabelkiri{
background:url(images/newtable-leftfill.gif) repeat 6px 6px;
}
.tabelkanan{
background:url(images/newtable-rightfill.gif) repeat 6px 6px;
}

.tabeltengahbwh{
background:url(images/newtable-btmfill.gif) repeat 6px 6px;
}

.textindent{text-indent:20px;}

.tabletop{
background:url(images/table-top.gif) repeat 5px 9px;
}

.tableleft{
background:url(images/table-left.gif) repeat 11px 5px;
}

.tableright{
background:url(images/table-right.gif) repeat 11px 5px;
}

.tablebot{
background:url(images/table-bot.gif) repeat 5px 9px;
}

/*- Tabel Testimoni --------------------------- */
.testitop{
background:url(images/testi_top.gif) repeat 3px 14px;
}
.testileft{
background:url(images/testi_left.gif) repeat 16px 3px;
}
.testiright{
background:url(images/testi_right.gif) repeat-y 15px 3px;
background-position:left;
}
.testibot{
background:url(images/testi_bot.gif) repeat 3px 15px;
}

.profile{
background:url(images/profile.gif) no-repeat 25px 8px;
text-indent:55px;
display:block;
}

.member{
background:url(images/member.gif) no-repeat 25px 8px;
text-indent:50px;
display:block;
}

.memberkosong{
background:url(images/header-fill.gif);
display:block;
color:#000000;
height:37px;
line-height:37px;
margin-bottom:0px;
width:141px;
}

.latest{
background:url(images/latest.gif) no-repeat 30px 8px;
text-indent:55px;
display:block;
}

.gallery{
background:url(images/gallery.gif) no-repeat 30px 8px;
text-indent:55px;
display:block;
}

.testimoni{
background:url(images/testi.gif) no-repeat 20px 8px;
text-indent:45px;
display:block;
}

.book{
background:url(images/books.gif) no-repeat 30px 8px;
text-indent:55px;
display:block;
}

/*- Menu Tabs 1--------------------------- */
    #tabs1 {
      float:right;
      width:100%;
	  font:bold 10px Trebuchet Ms, Arial;
  	  }
    #tabs1 ul {
      margin:0;
      padding:0px 0px 0px 0px;
      }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0px 0px 0px 0px;
      }
    #tabs1 a {
      float:right;
      margin:0;
      padding:0px 0px 0px 0px;
      text-decoration:none;
      }
    #tabs1 a span {
	  text-align:center;
      float:right;
      display:block;
      padding:3px 10px 5px 10px;
      color:#eded8a;
	  width:63px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs1 a:hover {
      color:#e89770;
	  text-decoration: none;
	  cursor:hand;
      }
    #tabs1 a:hover span {
      color:#e89770;
	  text-decoration: none;
	  cursor:hand;
      }
    #tabs1 #current a {
      background:url("images/headerpoint.gif") no-repeat top;
      }
    #tabs1 #current a span {
      background:url("images/headerpoint.gif") no-repeat top;
      }

/*- Menu Tabs 2--------------------------- */
    #tabs2 {
      float:right;
      width:100%;
	  font:bold 12px Trebuchet Ms, Arial;
  	  }
    #tabs2 ul {
      margin:0;
      padding:0px 0px 0px 0px;
      }
    #tabs2 li {
      display:inline;
      margin:0;
      padding:0px 0px 0px 0px;
      }
    #tabs2 a {
      float:right;
      margin:0;
      padding:0px 0px 0px 0px;
      text-decoration:none;
      }
    #tabs2 a span {
	  text-align:center;
      float:right;
      display:block;
      padding:15px 0px 0px 10px;
      color:#eded8a;
	  width:180px;
	  text-align:right;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs2 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs2 a:hover {
      color:#e89770;
	  text-decoration: none;
	  cursor:hand;
      }
    #tabs2 a:hover span {
	  text-decoration: underline;
	  cursor:hand;
      }
    #tabs2 #current a {color:#e89770;}
    #tabs2 #current a span {color:#e89770;}

/*- Menu Tabs 3--------------------------- */
    #tabs3 {
      float:right;
      width:100%;
	  font:bold 12px Trebuchet Ms, Arial;
  	  }
    #tabs3 ul {
      margin:0;
      padding:0px 0px 0px 0px;
      }
    #tabs3 li {
      display:inline;
      margin:0;
      padding:0px 0px 0px 0px;
      }
    #tabs3 a {
      float:right;
      margin:0;
      padding:0px 0px 0px 0px;
      text-decoration:none;
      }
    #tabs3 a span {
	  text-align:center;
      float:right;
      display:block;
      padding:5px 10px 10px 10px;
      color:#e89770;
	  width:73px;
      background:url("images/point_blank.gif") no-repeat left top;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs3 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs3 a:hover {
	  cursor:hand;
      background:url("images/point_blank.gif") no-repeat left top;
	  text-decoration:underline;
      }
    #tabs3 a:hover span {
	  cursor:hand;
      background:url("images/point_blank.gif") no-repeat left top;
	  text-decoration:underline;
      }
    #tabs3 #current a {
      background:url("images/point_fill.gif") no-repeat left top;
      }
    #tabs3 #current a span {
      background:url("images/point_fill.gif") no-repeat left top;
      }
/*Light Box Image*/

#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
}
#lightboxDetails{
font-size: 0.8em;
padding-top: 0.4em;
}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; }
#overlay img{ border: none; }


/*Image Rollover Project*/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #dd0999;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.6;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid white;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.thumbnail2 img{
background-color: transparent;
border: 1px solid white;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.return:link {	font-family: Trebuchet Ms, Arial;	font-size: 13px; color: #f0ed8e; text-decoration: none; font-weight: normal; line-height: 25px; }
.return:visited { font-family: Trebuchet Ms, Arial;	font-size: 13px;  color: #f0ed8e; text-decoration: none; font-weight: normal; line-height: 25px;}
.return:hover { font-family: Trebuchet Ms, Arial;	font-size: 13px; color: #e89770;  font-weight: normal; line-height: 25px}
.return { padding:0px 15px 0px 0px; text-align:right;}