body, p { font-family: verdana, arial, helvetica, sans-serif; }
h1, h2, h3, h4 { font-family: arial, verdana, helvetica, sans-serif; }
input, textarea, select { font-family: verdana, arial, helvetica, sans-serif; }
body { margin: 11px; background-image: url( http://www.img.temankuliah.com/images/gradbg00.jpg ); background-repeat: repeat-x; }
table, td, tr { font-size: 1em; }
form { margin: 0; padding: 0; }
div, td {
	font-family: arial, tahoma, Trebuchet MS, serif;
	font-size: 8pt;
	color: #000000;
	line-height: 140%;
}
hr { margin:4px auto; width: 831px; }
hr {color:#E3E7CE; background-color:#E3E7CE; height:1px; border:0; margin:1px auto; text-align:center; margin:4px auto; width: 740px;}
.hr2 {color:#E3E7CE; background-color:#E3E7CE; height:1px; border:0; margin:1px auto; text-align:center;}
#regwrapper { margin: 0 auto; padding: 0; width: 880px; }
#regbody	{ padding: 0; margin-top: 0; clear: both;  }
#regsidebar { float: left; margin: 0; padding: 0; text-align:center; width: 215px; }
#reglogo {
  margin: 0px 0 0px 0;
  padding: 0;
  position: relative;
  height: 125px;
  width: 215px;
  background-image: url(http://www.img.temankuliah.com/images/frame_lp.gif);
  text-align: left;
}
#regmainarea { float: left; text-align: left; padding: 0; width: 630px; }
#regtopline { margin-top: 15px; padding: 4px; font-weight: bold; color: #777E5D; font-size: 12px; text-align: right; font-style:italic; }
#regheader { margin: 15px 0 5px 5px; }
#topadv { margin: 8px auto; padding: 0; text-align:center; }
#bg1 {width:200px; margin: 0 auto 10px auto; text-align: left; background: url(http://www.img.temankuliah.com/images/bg1.2.gif) no-repeat;}
#bg2 {width:200px; margin: 0 auto 10px auto; text-align: left; background: url(http://www.img.temankuliah.com/images/bg1.1.gif) no-repeat;}

.icon { vertical-align:middle; }
a img.icon { border: 0; }
#regfooter { clear: both; text-align:center; width: 845px; padding: 5px; margin: 0 auto; }
#regfooter hr { margin:4px auto; width: 831px; }
#regfooter div.wrapper { padding: 0 10px; }
#regfooter div.wrapper div.copyright { float:left; width: 320px; text-align:left; }
ul.reglci { list-style-type: none; margin: 0; padding:0; }
ul.reglci li { padding: 1px 0; margin: 1px 0; white-space:normal; }
.pager { margin: 18px 0 1px 0; line-height: 2em;}
.pager .link { background-color:#eee; text-align:center; vertical-align:middle; width: 22px; height: 22px; margin: 2px 4px 2px 0; padding: 4px; }
.pager .link a {color:#000;}
.pager a.link:hover { color:#000; }
.pager .alink { color:#fff;  background-color:#f93; text-align:center; vertical-align:middle; width: 22px; height: 22px; margin:  2px 4px 2px 0; padding: 4px; }
.pager a.alink:hover { color:#fff; }
.feat { color: #003; font-weight:bold; }
.feat2 { color: #f93; font-weight:bold; }
.feat3 { color: #9c3; font-weight:bold; }
.feat4 { color: #777E5D; font-weight:bold; }
.feat5 { color: black; font-weight:bold; }
.feat5:hover { color: black; font-weight:bold; }
.bfeat { color: #003; font-size: 1.2em; font-weight:bold; }
.bfeat2 { color: #f93; font-size: 1.2em; font-weight:bold; }
.norm3 { color: #9c3; }
.clear {height:1px;	font-size: 1px;	clear:both; }
.center {margin-left:auto; margin-right:auto; text-align:center;}
#topnav { width:650px; margin: 0; padding:0; height: 28px; background-color: #f93; background-image: url( http://www.img.temankuliah.com/images/navrbg00.gif ); background-repeat: no-repeat; background-position: 100% 0; }
#topnav ul { margin:0; padding:6px 0 0; list-style-type:upper-alpha; list-style:none; background-image: url(http://www.img.temankuliah.com/images/navlbg00.gif ); background-repeat: no-repeat; background-position: 0 0;}
#topnav li { float:left; margin:0; padding:0; }
#topnav li.b { border-left: solid 1px #fff; }
#topnav a { float:left; display:block; width:.1em; padding:0 19px 3px 19px; font-size: 11px; font-weight:bold; color:#fff; white-space:nowrap; text-decoration:underline; }
#topnav > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topnav a {float:none;}
/* End IE5-Mac hack */
#topnav a:hover {color:#eee;}
/*KRUGLIE UGLI*/
div.sbrb { width: 240px; margin: 0 auto 10px auto; text-align: left; }
div.sbrbc { width: 240px; margin: 0 auto 10px auto; text-align: center; }
div.sbrbr { width: 200px; margin: 0 auto 10px auto; text-align: left; }
.rbtl, .rbtr, .rbbl, .rbbr { background-image: url( http://www.img.temankuliah.com/images/rbborder.gif ); height: 5px; font-size: 2px; }
.rbtl, .rbbl { margin-right: 5px; }
.rbtr, .rbbr { margin-left: 5px; margin-top: -5px; }
.rbtr { background-position: 100% 0; }
.rbbl  { background-position: 0 -5px; }
.rbbr { background-position: 100% -5px; }
.rbin { border-left: 1px solid #E3E7CE;	border-right: 1px solid #E3E7CE; padding-left: 8px; padding-right:8px; text-align:left; }
.rbntg { margin-top: 0; }
.rbnbg { margin-bottom: -1px; padding-bottom: 1px; }
.sbin { border-right: 1px solid #E3E7CE; border-left: 1px solid #E3E7CE;  padding-left: 8px; padding-right:0px; text-align:left; }
.sbin_main { border-left: 1px solid #E3E7CE; border-right: 1px solid #E3E7CE;}

.rbtl_top, .rbtr_top { background-image: url( http://www.img.temankuliah.com/images/rbborder.gif ); height: 5px; font-size: 2px; }
.rbtl_top { margin-right: 5px; }
.rbtr_top { margin-left: 5px; margin-top: -5px; }
.rbtr_top { background-position: 100% 0; }

#portalmsg	{ margin: 0; padding: 0.7em 0 1em; color: #F00; font-weight:bold; text-align: center; }
.portalmsg_container	{ padding-bottom: 8px; }


a { color: #003; }
a:hover { color: #f93; }
a.friend_link:link{color:#000000; text-decoration:underline;}
a.friend_link:visited{color:#000000; text-decoration:underline;}
a.friend_link:hover{color:#F93; text-decoration:underline;}
a.menu_user:link{color:#9c3; text-decoration:underline;}
a.menu_user:visited{color:#9c3; text-decoration:underline;}
a.menu_user:hover{color:#F93; text-decoration:underline;}
a.top_menu:link { color: #FFFFFF;  font-size:12px; font-weight: bold; text-decoration:underline;}
a.top_menu:visited { color: #FFFFFF; font-size:12px; font-weight: bold; text-decoration:underline;}
a.top_menu:hover { color: #EEEEEE;  font-size:12px; font-weight: bold; text-decoration:underline; }
a.top_menu2:link { color: #FFFFFF;  font-size:10px; font-weight: bold; text-decoration:underline;}
a.top_menu2:visited { color: #FFFFFF; font-size:10px; font-weight: bold; text-decoration:underline; }
a.top_menu2:hover { color: #EEEEEE;  font-size:10px; font-weight: bold; text-decoration:underline; }

h1 { color: #777E5D; font-size: 2.2em; margin: 0 0 5px 0; padding:0;}
h2 { color: #777E5D; font-size: 1.8em; margin: 0; padding:0;}
h3 { color: #FF9933; font-size: 1.2em; margin: 0; padding: 3px 0;}
h4 { margin: 0; padding-top: 2px; color:#777E5D; font-size: 1.2em; }
h5 { margin: 0; padding-top: 2px; color:#777E5D; font-size: 0.8em; }

#header h1 { color: #777E5D; font-size: 2.0em; margin: 0; padding:0;}
#header h2 { color: #777E5D; font-size: 1.8em; margin: 0; padding:0;}
#header h3 {position: relative; font-size:1em; font-weight:normal; margin:0; padding:0; top: -1.5em; left: 270px; display: block; width:300px; text-align:right; font-family: verdana, arial, helvetica, sans-serif; }
a.add_new:link{color:#F93; text-decoration:underline;}
a.add_new:visited{color:#F93; text-decoration:underline;}
a.add_new:hover{color:#F93; text-decoration:underline;}



div.contentbox { margin: 0 0 10px 0; padding: 0; }
div.boxnav { font-size: 11px; line-height:normal; padding: 0; margin:0; height: 32px; background:url( http://www.img.temankuliah.com/images/rbborder_wide.gif ) no-repeat right top; background-position: 100% 25px; }
div.boxnav ul { margin:0; padding:0 0 0 1px; list-style:none; width: auto; background:url( http://www.img.temankuliah.com/images/bnl.gif ) no-repeat left top; background-position:0 -60px; height: 32px; }
div.boxnav li { float:left; background:url( http://www.img.temankuliah.com/images/bnl.gif ) no-repeat left top; margin:0; padding:0 0 0 4px; border-bottom:1px solid #E3E7CE; background-position: -1px 0; }
div.boxnav a { float:left; display:block; width:.1em; background:url( http://www.img.temankuliah.com/images/bnr.gif ) no-repeat right top; padding:7px 10px 6px 7px; text-decoration:none; font-weight:bold; color:#765; white-space:nowrap; font-size: 10px; }
div.boxnav > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.boxnav a {float:none;}
/* End IE5-Mac hack */
div.boxnav a:hover { color:#333; }
div.boxnav .s { background-position:-1px -60px; border-width:0; }
div.boxnav .s a { background-position:100% -60px; padding-bottom:7px; color:#333; }




.add_new2 {
color:#FF9933; 
font-weight: bold;

}



div.error {
	vertical-align: middle;
	color: #FF0000;
}





.header1 {
	color: #777E5D;
	font-family: arial, tahoma, Trebuchet MS, serif;
	font-style: italic;
	font-weight: bold;
}
.header2 {
	color: #FF9933; font-size: 2.2em;
	font-weight: bold;
}
.header3 {
	color: #777E5D; font-size: 1.8em;
	font-style: italic;
	font-weight: bold;
}

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

/* SIGNUP PAGE */
img.signup_code {
	margin-top: 4px;	
}


	
.pic{
margin-right:5px;
border:0;
vertical-align:middle;
}
.head {
color:#FF9933;
}
.head2 {
color:#0857A6;
}
.kota{
color:#FF0000;
font-weight: bold;
}

.perhatian {
color:#FF0000;
font-size:1.6em;
}

td.form1 {
	padding: 12px 0px 5px 10px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;	
}
td.form2 {
	padding: 10px 0px 5px 10px;
}

img.signup_code {
	margin-top: 4px;
}

div.signup_photo_desc {
	padding: 5px 5px 5px 0px;
}
td.signup_photo {
	padding: 10px; 
	background: #FFFFCC; 
	border: 1px solid #FF9933;
}
.st{
font-family: tahoma, "Trebuchet MS", arial, serif;
	font-size: 10pt;
	color: #333333;
	line-height: 140%;
	}
	
	div.form_desc {
	font-size: 8pt;
	padding-bottom: 5px;
}
div.form_error {
	margin-bottom: 10px;
	color: #FF0000;
}
div.success {
	line-height: 16pt;
}

div.page_header {
	font-size: 16pt;
	font-weight: bold;
	color: #FF0000;
	margin-bottom: 0px;
}
div.page_header2 {
	font-size: 12pt;
	font-weight: bold;
	color: #0857A6;
}
div.header {
	padding: 5px 5px 5px 7px;
	font-size: 9pt;
	font-family: arial, serif;
	font-weight: bold;
	border: 1px solid #E3E7CE;
	background: #F3F6E5;
}

table.photoWrapper {
    margin: 0 auto;
}

td.photoWrapper {
    padding: 12px 0;
}

/*
Status bubble: user card
*/

#bubbleCardPanelPadding { padding-top: 5px;}
#bubbleCardPanel {
    width:135px;
    height:28px;
    background:transparent url(http://www.img.temankuliah.com/images/statusBubbleCard_orange.gif) no-repeat scroll 0 0;
    /* padding:2px 2px 0;
    color: #776655; */
    padding:2px 0;
    color: #81401A;
    margin: 0 auto;
    overflow: hidden;
}



#bubbleCardPanel marquee {

    overflow: hidden ; width: 125px; margin: 0 5px; white-space: nowrap;
}


.tPhotoWrapDecor {position:relative;}


div.sbin h4 { margin: 0; padding-top: 2px; color:#777E5D; font-size: 1.2em; }
div.sbin ul { list-style-type: disc; list-style-position: inside; margin: 0; padding: 0; color: #FF9A36 }
div.sbin ul li { margin: 0; padding: 2px 0; }
div.sbin ul li span { color: black; }
div.sbin a { color: #89C434; }
div.sbin a.norm { color: #003; }
div.sbin a.norm2 { color: #f93; }
div.sbin a.menuFind {
    font-weight: bold;
}

.present-thumbnail {
    border: none;
    width: 92px;
    height: 92px;
}

.present-thumbnailSmall {
    border: none;
    width: 70px;
    height: 70px;
}

div.photoPresent {
    position: absolute;
    bottom: 15px;
    left: -46px;
    z-index: 1;
}

div.photoPresentSmall {
    position: absolute;
    bottom: 5px;
    left: -35px;
    z-index: 1;
}

div.presentSender {
    position: absolute;
    padding: 10px;
	background-color: #fff;
    border: 1px solid;
    z-index: 2;
}

div.presentSender a {
    text-decoration: none;
    color: #000;
}

div.presentSender a.feat2 {
    text-decoration: underline;
}

.clickable {
	cursor: pointer;
}

div.presentSender a:hover {
    color: #000;
}

div.presentSender div.pale {
    color: #AAA;
}


.signUpButton {
display: inline-block;
background: none;
margin: 0;
padding: 3px 0;
border-width: 0;
overflow: visible;
text-decoration: none;
cursor:pointer;
}
div.header_top {

	width: 630px;
	padding: 6px 9px 6px 9px;
	background-color: #F3F6E5;
	font-weight: bold;
	font-size: 9pt;
	margin-bottom: 10px;
}
#mask {
	background:#678 url(http://www.img.temankuliah.com/images/mask_gradient_1000.png) no-repeat;
	background-position:-260px -79px;
}

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}


@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}