#wrapper {
	margin:0;
	padding:0;
	min-height:100%;
	position:relative;
}

#header {
	margin:0;
	padding:0;
	width:100%;
	height:170px;
	background:#7b0000;
}

#head {
	margin:0;
	padding:0;
	width:100%;
	height:75px;
	background:url(../images/back-head.png) top left repeat-x;
}

#slogan {
	margin:14px 0px;
	padding:0;
	float:right;
}
#slogan li {
	margin:0;
	padding:0;
	display:inline;
	float:left;
	text-transform:uppercase;
	color:#7b0000;
}
#slogan li img {
	margin:0px 5px;
}

#form {
	margin:0;
	padding:0;
	font:16px "HattoriHanzo";	
}
#form div.head-form {
	margin:0;
	background: #f2ede9; /* Old browsers */
	background: #f2ede9 -moz-linear-gradient(top, #f2ede9, #d5d1ce); /* FF3.6+ */
	background: #f2ede9 -webkit-gradient(linear, left top, left bottom, from(#f2ede9), to(#d5d1ce)); /* Chrome,Safari4+ */
	background: #f2ede9 -webkit-linear-gradient(top, #f2ede9,#d5d1ce); /* Chrome10+,Safari5.1+ */
	background: #f2ede9 -o-linear-gradient(top, #f2ede9,#d5d1ce); /* Opera11.10+ */
	background: #f2ede9 -ms-linear-gradient(top, #f2ede9,#d5d1ce); /* IE10+ */
	background: #f2ede9 linear-gradient(top, #f2ede9,#d5d1ce); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ede9', endColorstr='#d5d1ce'); /* IE */
	font:18px "HattoriHanzo";
}
#form div.head-form h2 {
	font-size: 18px;
	float: left;
	margin: 0px 5px;
	line-height: 20px;
	color:#333;
}
#form table {
	float:left;
	margin:0;
	background:#fff;
	box-shadow: 1px 1px 10px #ccc;
	-moz-box-shadow: 1px 1px 10px #ccc;
	-webkit-box-shadow: 1px 1px 10px #ccc;
}
#form table tr td {
	font-size:14px;
}
#form table tr td input[type="submit"], #form table tr td input[type="button"] {
	font-size:20px;
	float:right;
	margin-left:10px;
}

.search {
	width:300px;
}
.search div.head-form {
	width:300px;
	height:59px;
	float:left;
}
.search div.head-form p {
	font:18px HattoriHanzo;
	margin:5px 5px 5px 15px;
	float:left;
}
.search table {
	width:300px;
}

#search {
	margin:0;
	padding:0;
	float:right;
	width:210px;
}
#search input {
	float:right;
	margin:0px 0px 0px 10px;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
#search input[type="text"] {
	background:#fff;
}
#search input[type="submit"] {
	padding:4px 15px;
	background: #5f5f5f url(../images/back-login.jpg) top left repeat-x;
	color:#fff;
	border:1px solid #383838;
	font-size:14px;
}
	

.umur {
	width:60px;
	margin:0;
}

.umur2 {
	width:60px;
	margin:0;
}

.sd {
	width:35px;
	margin:0px 20px 0px 24px;
	padding:0;
	float:left;
}

.sd2 {
	width:35px;
	margin:0px 10px 0px 15px;
	padding:8px 0px;
	float:left;
}

.title {
	margin:0;
	padding:0;
	font:25px "HattoriHanzo";
	color:#7b0000;
}
.title h2 {
	font:25px "HattoriHanzo";
	color:#7b0000;
	float:left;
	margin-top:-8px;
}

.title2 {
	margin:0;
	padding:10px 0px;
	width:100%;
	color:#fff;
	background: #950000; /* Old browsers */
	background: #950000 -moz-linear-gradient(top, #950000, #7b0000); /* FF3.6+ */
	background: #950000 -webkit-gradient(linear, left top, left bottom, from(#950000), to(#7b0000)); /* Chrome,Safari4+ */
	background: #950000 -webkit-linear-gradient(top, #950000,#7b0000); /* Chrome10+,Safari5.1+ */
	background: #950000 -o-linear-gradient(top, #950000,#7b0000); /* Opera11.10+ */
	background: #950000 -ms-linear-gradient(top, #950000,#7b0000); /* IE10+ */
	background: #950000 linear-gradient(top, #950000,#7b0000); /* W3C */
	font:bold 15px HattoriHanzo;
	float:left;
}
.title2 p {
	margin:0px 0px 0px 20px;
	padding:0;
	float:left;
}
.title2 p a {
	text-decoration:none;
	color:#fff;
}
.title2 p a:hover {
	text-decoration:underline;
}

.title2 a {
	text-decoration:none;
}

.title2 a input.pasang {
	float:right; 
	margin:0px 20px 0px 0px;
	padding:1px 8px;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
}

.ket-pasang {
	margin:10px;
	padding:0;
}
.ket-pasang li {
	list-style-type: decimal;
	font-size: 14px;
	margin:0px 0px 10px 25px;
	line-height: 20px;
}

#profile_view {
	float:left;
}

.edit {
	margin:-30px 20px 0px 580px;
	float:right;
	width:50px;
}
.edit a {
	color:#fff;
	text-decoration:none;
	font:bold 15px HattoriHanzo;
}

.foto {
	background:#fff;
	border:1px solid #ddd;
	padding:5px;
	width:90%;
}

.box {
	border:1px solid #ddd;
}

#login-bar {
	margin:0px 0px 0px 20px;
	padding:0;
	width:100%;
}

#login {
	float: left;
    height: 30px;
    margin: 0;
    padding: 0;
    width: 450px;
}
#login input {
	float:left;
	margin:0px 9px;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
#login input[type="text"], #login input[type="password"] {
	width:150px;
	background:#fff;
}
#login input[type="submit"] {
	padding:4px 15px;
	background: #5f5f5f url(../images/back-login.png) top left repeat-x;
	color:#fff;
	border:1px solid #383838;
	font-size:14px;
	min-height:30px
}
#login input[type="submit"].log-fb {
	background:url(../images/login-facebook-button.png) top left no-repeat;
	border:none;
	margin-top:0;
	margin-right:0px;
	width:180px;
	height:32px;
	padding:0px 0px 0px 25px;
	border:1px solid #383838;
}
#login input[type="button"].log-fb {
	background:url(../images/login-facebook-button.png) top left no-repeat;
	border:none;
	margin-top:0;
	margin-right:0px;
	width:180px;
	height:32px;
	padding:0px 0px 0px 25px;
	border:1px solid #383838;
}

.log-fb {
	float:left;
	width:180px;
	height:30px;
	border:1px solid #383838;
}

#forget {
	margin:5px 10px;
	padding:0;
}
#forget li {
	margin:0px 10px 0px 0px;
	display:inline;
}
#forget li a {
	font:13px HattoriHanzo;
	color:#fff;
	text-decoration:none;
}
#forget li a.underline {
	text-decoration:underline;
}
#forget li a:hover {
	text-decoration:underline;
}

#box-member {
	margin:10px 30px;
	padding:0;
	width:100%;
	float:left;
}

.box-image2 {
	overflow:hidden;
	box-shadow: 0px 5px 10px #a29f9c;
	-moz-box-shadow: 0px 5px 10px #a29f9c;
	-webkit-box-shadow: 0px 5px 10px #a29f9c;
	margin:20px 0px;
}
.box-image2 img{
	margin:0;
	padding:0;
	width:150px;
}

.member-list {
	margin:20px 0px;
	padding:0;
	width:100%;
	float:left;
}
.member-list li {
	margin:0px 10px 55px 0px;
	padding:0;
	width:120px;
	height:120px;
	float:left;
}
.member-list li a {
	text-decoration:none;
}
.member-list li a:hover {
	color:#7b0000;
}
.member-list li a div.box-image {
	overflow:hidden;
	width:100px;
	height:100px;
	border: 5px solid #fff;
	box-shadow: 0px 5px 10px #a29f9c;
	-moz-box-shadow: 0px 5px 10px #a29f9c;
	-webkit-box-shadow: 0px 5px 10px #a29f9c;
	float:left;
	background-color:#000;
	vertical-align:middle;
}
.member-list li a div.box-image img{
	margin:0;
	padding:0;
	/*width:100px;*/
}
.member-list li a div.text {
	margin:5px 0px;
	padding:3px 0px;
	width:110px;
	text-align:center;
	font:13px HattoriHanzo;
	float:left;
	line-height:17px;
}
.member-list li a div.text img {
	margin:0px 3px;
	padding:0;
	width:10px;
	vertical-align:middle;
}

.member-list li div.tip {
	display:none;
	position:absolute;
	margin:90px 0px 0px -22px;
	width:150px;
	max-width:150px;
}
.member-list li div.tip div.head {
	width:150px;
	height:15px;
	background:url(../images/tip-head.png) top no-repeat;
}
.member-list li div.tip div.body {
	background:#fff url(../images/tip-body.jpg) center repeat-y;
	padding:5px;
	font-size:12px;
	width:140px;
	text-align:center;
}
.member-list li div.tip div.body a {
	float:none;
	padding:0;
	text-decoration:underline;
	color:#7b0000;
}
.member-list li div.tip div.body a:hover {
	color:#000;
	text-decoration:none;
	background:none;
}
.member-list li div.tip div.foot {
	width:150px;
	height:2px;
	background:url(../images/tip-foot.jpg) bottom no-repeat;
}
.member-list li:hover div.tip {
	display:block;
}

.member-list2 {
	margin:20px 0px;
	padding:0;
	width:100%;
	float:left;
}
.member-list2 li {
	margin:0px 0px 5px 0px;
	padding:0;
	width:100px;
	height:150px;
	float:left;
}

.member-list2 li a div.box-image {
	overflow:hidden;
	width:80px;
	height:80px;
	border: 5px solid #fff;
	box-shadow: 0px 5px 10px #a29f9c;
	-moz-box-shadow: 0px 5px 10px #a29f9c;
	-webkit-box-shadow: 0px 5px 10px #a29f9c;
	float:left;
	background-color:#000;
}
.member-list2 li a div.box-image-gal {
	overflow:hidden;
	border: 5px solid #fff;
	box-shadow: 0px 5px 10px #a29f9c;
	-moz-box-shadow: 0px 5px 10px #a29f9c;
	-webkit-box-shadow: 0px 5px 10px #a29f9c;
	float:left;
}
.member-list2 li a div.box-image img{
	margin: 0;
	padding: 0;
	/*width: 80px;*/
}

.member-list2 li a {
	text-decoration:none;
}
.member-list2 li a:hover {
	color:#7b0000;
}
.member-list2 li img.photo {
	margin:0;
	padding:5px;
	background:#fff;
	width:80px;
	height:80px;
	border: 1px solid #ddd;
	box-shadow: 0px 5px 10px #a29f9c;
	-moz-box-shadow: 0px 5px 10px #a29f9c;
	-webkit-box-shadow: 0px 5px 10px #a29f9c;
	float:left;
}
.member-list2 li img#photo:hover {
	border:1px solid #666;
}
.member-list2 li div.text {
	margin:5px 0px;
	padding:3px 0px;
	width:90px;
	text-align:center;
	float:left;
	font:13px HattoriHanzo;
}
.member-list2 li div.text img {
	margin:0px 3px;
	padding:0;
	width:10px;
	vertical-align:middle;
}

.member-list2 li div.popup {
	position:absolute;
	background:#fff;
	padding:10px;
}

.member-list2 li div.tip {
	display:none;
	position:absolute;
	margin:60px 0px 0px -22px;
	width:150px;
	max-width:150px;
}
.member-list2 li div.tip div.head {
	width:150px;
	height:15px;
	background:url(../images/tip-head.png) top no-repeat;
}
.member-list2 li div.tip div.body {
	background:#fff url(../images/tip-body.jpg) center repeat-y;
	padding:5px;
	font-size:12px;
	width:140px;
	text-align:center;
}
.member-list2 li div.tip div.body a {
	float:none;
	padding:0;
	text-decoration:underline;
	color:#7b0000;
}
.member-list2 li div.tip div.body a:hover {
	color:#000;
	text-decoration:none;
	background:none;
}
.member-list2 li div.tip div.foot {
	width:150px;
	height:2px;
	background:url(../images/tip-foot.jpg) bottom no-repeat;
}
.member-list2 li:hover div.tip {
	display:block;
}

.member-list3 {
	margin:20px 0px;
	padding:0;
	width:100%;
	float:left;
}
.member-list3 li {
	margin:0px 10px 50px 0px;
	padding:0;
	width:110px;
	height:130px;
	float:left;
}

.member-list3 li a div.box-image {
	overflow:hidden;
	width:100px;
	height:100px;
	border: 5px solid #fff;
	box-shadow: 0px 5px 10px #a29f9c;
	-moz-box-shadow: 0px 5px 10px #a29f9c;
	-webkit-box-shadow: 0px 5px 10px #a29f9c;
	float:left;
}
.member-list3 li a div.box-image img{
	margin:0;
	padding:0;
	/*width:100px;*/
}

.member-list3 li a {
	text-decoration:none;
}
.member-list3 li a:hover {
	color:#7b0000;
}
.member-list3 li img.photo {
	margin:0;
	padding:5px;
	background:#fff;
	width:90px;
	height:90px;
	border: 1px solid #ddd;
	box-shadow: 1px 1px 10px #ccc;
	-moz-box-shadow: 1px 1px 10px #ccc;
	-webkit-box-shadow: 1px 1px 10px #ccc;
	float:left;
}
.member-list3 li img.photo:hover {
	border:1px solid #666;
}
.member-list3 li div.text {
	margin:5px 0px;
	padding:3px 0px;
	width:110px;
	text-align:center;
	font:13px HattoriHanzo;
	float:left;
}
.member-list3 li div.text img {
	margin:0px 3px;
	padding:0;
	width:10px;
	vertical-align:middle;
}
.member-list3 li div.tip {
	display:none;
	position:absolute;
	margin:90px 0px 0px -22px;
	width:150px;
	max-width:150px;
}
.member-list3 li div.tip div.head {
	width:150px;
	height:15px;
	background:url(../images/tip-head.png) top no-repeat;
}
.member-list3 li div.tip div.body {
	background:#fff url(../images/tip-body.jpg) center repeat-y;
	padding:5px;
	font-size:12px;
	width:140px;
	text-align:center;
}
.member-list3 li div.tip div.body a {
	float:none;
	padding:0;
	text-decoration:underline;
	color:#7b0000;
}
.member-list3 li div.tip div.body a:hover {
	color:#000;
	text-decoration:none;
	background:none;
}
.member-list3 li div.tip div.foot {
	width:150px;
	height:2px;
	background:url(../images/tip-foot.jpg) bottom no-repeat;
}
.member-list3 li:hover div.tip {
	display:block;
}

#detail {
	margin:0;
	padding:0;
	width:100%;
}

.tools-member {
	margin:10px 0px;
	padding:0;
}
.tools-member li {
	margin:0px 0px 5px 0px;
	padding:5px;
	background:#e5e5e5;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	float:left;
	width:90%;
}
.tools-member li a {
	text-decoration:none;
}
.tools-member li a img {
	vertical-align:middle;
	margin:0px 5px;
	float:left;
	width:20%;
}
.tools-member li a div.text {
	float:left;
	width:60%;
	font:14px "HattoriHanzo";
	color:#757575;
}

.box-gombal {	
	padding-bottom:10px;
	background:#fafae9;
	border-bottom:5px solid #e5e4b1;
	float:left;
	width:630px;
	color:#c0be51;
}
.box-gombal div#view_gombal {
	margin:0;
	padding:0;
	width:100%;
}
.box-gombal div#view_gombal div.text {
	margin:10px;
	padding:0;
	width:610px;
	font:15px "HattoriHanzo";
	color:#a1a068;
	text-align:center;
}
.box-gombal div#view_gombal div.edit {
	margin:-40px 20px 0px 580px;
	width:30px;
}
.box-gombal div#view_gombal div.edit a {
	color:#7a794d;
	font:bold 16px "HattoriHanzo";
}
.box-gombal form#edit_gombal {
	margin:10px;
	padding:0;	
}
.box-gombal form#edit_gombal textarea {
	width:600px;
	min-height:40px;
	line-height:25px;
}
.box-gombal form#edit_gombal a input[type="submit"] {
	text-decoration:none;
}
.box-gombal form#edit_gombal input[type="submit"] {
	float:right;
	margin:10px 0px;
	text-decoration:none;
}

.box-gombal2 {	
	padding-bottom:10px;
	background:#fafae9;
	border-bottom:5px solid #e5e4b1;
	width:630px;
}
.box-gombal2 div#view_gombal {
	margin:0;
	padding:0;
	width:100%;
}
.box-gombal2 div#view_gombal div.text {
	margin:10px;
	padding:0;
	width:610px;
	font:15px "HattoriHanzo";
	color:#a1a068;
	text-align:center;
}
.box-gombal2 div#view_gombal div.edit {
	margin:-40px 20px 0px 580px;
	width:30px;
}
.box-gombal2 div#view_gombal div.edit a {
	color:#7a794d;
	font:bold 16px "HattoriHanzo";
}
.box-gombal2 form#edit_gombal {
	margin:10px;
	padding:0;	
}
.box-gombal2 form#edit_gombal textarea {
	width:600px;
	min-height:40px;
	line-height:25px;
}
.box-gombal2 form#edit_gombal a input[type="submit"] {
	text-decoration:none;
}
.box-gombal2 form#edit_gombal input[type="submit"] {
	float:right;
	margin:10px 0px;
	text-decoration:none;
}

.gombal {
	padding:10px 10px 3px 10px;
	margin:0px 10px;
	width:90%;
	font:16px "HattoriHanzo";
	line-height:18px;
	text-align:center;
}

.gombal1 {
	padding:10px 0px 3px 0px;
	margin:0px 10px;
	width:90%;
	font:16px "HattoriHanzo";
	line-height:18px;
	text-align:center;
}

.gombal2 {
	padding:0px 10px 10px 10px;
}

#logo-gombal {
	margin:10px 0px;
	padding:0;
	width:100%;
	text-align:center;
	font-size:12px;
}

#title-gombal {
	background:#e5e4b1;
	margin:0px 0px 10px 0px;
	padding:10px;
	color:#7a794d;
	font:bold 16px "HattoriHanzo";
	text-align:left;
}

.desc {
	margin:5px 10px;
	padding:0;
	font:14px "HattoriHanzo";
	width:90%;
	float:left;
}

.keren {
	background:none;
	border:none;
	float:right;
	margin:5px 20px 0px 0px;
	color:#7b0000;
	font:14px "HattoriHanzo";
}
.keren:hover {
	background:none;
	border:none;
}

#block {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background: #fff url(../images/back-block.jpg) top left repeat;
}
#block p {
	font:16px HattoriHanzo;
	width:100%;
	color:#757575;
	text-align:center;
}

.img-block {
	background:#fff;
	border:1px solid #ddd;
	padding:5px;
	width:40%;
	height:40%;
	margin:30px 0px;
}

#box-slide {
	margin:-70px 0px 0px 0px;
	padding:0;
	width:100%;
	height:310px;
	background:#7b0000;
	color:#fff;
	font:14px HattoriHanzo;
}

#box-reg {
	margin:-84px 0px 0px 0px;
	padding:0;
	float:left;
}

.daftar {
	width:500px;
	float:left;
}
.daftar div.head-form {
	width:480px;
	padding:25px;
	font:18px HattoriHanzo;
}
.daftar div.head-form input[type="submit"].log-fb {
	background:url(../images/login-facebook-button.png) top left no-repeat;
	border:none;
	margin:0px 10px 0px 0px;
	width:180px;
	height:32px;
	padding:0px 0px 0px 25px;
	border:1px solid #383838;
	color:#fff;
}
.daftar table {
	width:530px;
}
.daftar table tr td {
	vertical-align:top;
}
.daftar table tr td input[type="text"], .daftar table tr td input[type="password"] {
	width:280px;
	margin:0px 0px 5px 0px;
}
.daftar table tr td p.note {
	font-size:12px;
}
.daftar table tr td p.note a {
	color:#7b0000;
}
.daftar table tr td p.note a:hover {
	color:#000;
	text-decoration:none;
}

.jen-kel {
	margin:0;
	padding:0;
}
.jen-kel li {
	float:left;
	margin:0px 10px 0px 0px;
}
.jen-kel li img {
	vertical-align:middle;
}

.female {
	margin:0px 0px 0px 30px;
	padding:0;
	float:left;
	width:300px;
}

#box-sukses {
	margin:-74px auto 200px auto;
	padding:0;
	width:555px;
}

.sukses {
	margin:0;
	padding:0;
}
.sukses div.head-form {
	margin:0;
	padding:20px;
	font:18px HattoriHanzo;
}
.sukses table tr td {
	margin:0;
	padding:20px 30px;
}
.sukses table tr td input[type="submit"].lanjut {
	background:#7b0000 url(../images/back-lanjut-button.jpg) top left repeat-x;
	border:none;
	color:#fff;
	padding:5px 20px;
}

#menu {
	margin:5px 0px;
	padding:0;
	float:left;
}
#menu li {
	margin:0;
	padding:0px 6px;
	border-right: 1px solid #fff;
	float:left;
}
#menu li a {
	color:#fff;
	font:14px HattoriHanzo;
	text-decoration:none;
}
#menu li a:hover, #menu li a.active  {
	text-decoration:underline;
}

.welcome {
	margin:0;
	padding:0;
	width:300px;
}
/*
.welcome img {
	width:25px;
	height:25px;
	background:#fff;
	padding:2px;
	margin:0px 10px;
	float:right;
}
*/
.welcome div.box-image {
	width:25px;
	height:25px;
	border:2px solid #fff;
	margin:0px 10px;
	float:right;
	overflow:hidden;
}
.welcome div.box-image img {
	margin:0;
	padding:0;
	/*width:25px;*/
}
.welcome p {
	margin:5px 0px;
	padding:0;
	color:#fff;
	float:right;
	font:14px HattoriHanzo;
}
.welcome p a {
	color:#fff;
}

.menu-pesan {	
	margin:0;
	padding:0px 0px 30px 0px;
	background:#fff;
	width:300px;
}
.menu-pesan li {
	margin:20px 0px;
	padding:0;
}
.menu-pesan li a {
	font:14px HattoriHanzo;
}
.menu-pesan li a:hover {
	font-weight:bold;
	color:#7b0000;
}
.menu-pesan li a img {
	vertical-align:middle;
	margin:0px 5px 0px 0px;
}

.tulis-pesan {
	margin:0;
	padding:0;
	width:100%;
	padding-bottom:30px; 
	position:relative;
}
.tulis-pesan table tr td input[type="text"], .tulis-pesan table tr td textarea {
	width:400px;
}

.list-pesan {
	margin:0;
	padding:20px 20px 0px 20px;
	background:#fff;
	float:left;
	width:600px;
}
.list-pesan li {
	width:100%;
	float:left;
	display:block;
	margin:10px 0px;
}
.list-pesan li:hover {
	background:#fafafa;
	cursor:pointer;
}
.list-pesan li div.box-img {
	float:left;
	margin:0px 20px 0px 0px;
	width:50px;
	height:50px;
	border:3px solid #fff;
	box-shadow:0px 0px 1px #666;
	-moz-box-shadow:0px 0px 1px #666;
	-webkit-box-shadow:0px 0px 1px #666;
	overflow:hidden;
}
.list-pesan li div.box-img img {
	margin:0;
	padding:0;
	width:50px;
}
.list-pesan li div.box-img div.image {
	float:left;
	width:50px;
	
}
.list-pesan li div.box-text {	
	margin:0;
	padding:0;
	width:520px;
	float:left;
}
.list-pesan li div.box-text p.time {	
	font-size:11px;
}
.list-pesan li div.box-text p.name {	
	font:bold 18px "HattoriHanzo";
}
.list-pesan li div.box-text p.name a {
	text-decoration:none;
}
.list-pesan li div.box-text p.name a:hover {
	color:#7b0000;
}
.list-pesan li div.box-text div.delete {
	margin:-55px 0px 10px 10px;
	padding:0;
	float:right;
	width:20px;
}
.list-pesan li div.box-text div.delete a {
	text-decoration:none;
	color:#666;
	font:bold 12px HattoriHanzo;
}
.list-pesan li div.box-text div.delete a:hover {
	color:#7b0000;
}
.list-pesan li div.box-text div#button {	
	float:right; 
	text-align:right
}
.list-pesan li div.box-text div#button input {
	padding:3px 5px;
}

.list-pesan li form#balas {
	padding:10px 0px;
	margin:5px 0px;
	border-top:1px solid #ddd;
	float:left;
}
.list-pesan li form#balas textarea {
	width:580px;
	height:30px;
}
.list-pesan li form#balas input {
	float:right;
	padding:3px 10px;
	margin:3px 0px 3px 5px;
}

.box-img {
	float:left;
	margin:0px 17px 0px 0px;
	border: 5px solid white;
	width:110px;
	height:110px;
	background-color:#000;
	overflow:hidden;
	box-shadow:0px 0px 1px #666;
	-moz-box-shadow:0px 0px 1px #666;
	-webkit-box-shadow:0px 0px 1px #666;
}
div.box-img div.image {
	float:left;
	width:120px;
	border:5px solid #fff;
	box-shadow:0px 0px 1px #666;
	-moz-box-shadow:0px 0px 1px #666;
	-webkit-box-shadow:0px 0px 1px #666;
	vertical-align:middle;
}

#box-foto-profile {
	margin:0;
	padding:0;
}
#box-foto-profile img {
	margin:0;
	background:#fff;
	float:left;
}
#box-foto-profile a {
	text-decoration:none;
}
#box-foto-profile input[type="submit"] {
	background-color:#dfdfdf;
	background-position:2%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px 10px 5px 30px;
	margin:0px 0px 10px 0px;
	float:right;
	width:150px;
	font-size:12px;
}
#box-foto-profile input[type="submit"].kirim {
	background-image: url(../images/icon-message.png);
	background-repeat:no-repeat;
}
#box-foto-profile input[type="submit"].hadiah {
	background-image: url(../images/icon-hadiah.png);
	background-repeat:no-repeat;
}
#box-foto-profile input[type="submit"].gebet {
	background-image: url(../images/icon-gebet.png);
	background-repeat:no-repeat;
	padding: 5px 10px 5px 51px;
	text-align:left;
}
#box-foto-profile input[type="submit"].mata {
	background-image: url(../images/icon-main-mata.png);
	background-repeat:no-repeat;
}
#box-foto-profile div.gallery {
	background-image: url(../images/icon-gallery.png);
	background-repeat: no-repeat;
	float: left;
	background-color: #DFDFDF;
	background-position: 2%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 7px 43px 8px 55px;
	margin: 0px 0px 10px 0px;
	font: bold 12px "HattoriHanzo";
	border: 1px solid #A6A6A6;
	width: 50px;
	color: #333;
}
#box-foto-profile input[type="submit"].upload {
	background-image: url(../images/icon-upload.png);
	background-repeat:no-repeat;
	width:142px;
	float:left;
	margin-right:5px;
}
#box-foto-profile div.upload-dis {
	background-image: url(../images/icon-upload-disable.png);
	background-repeat:no-repeat;
	width:85px;
	min-height:26px;
	float:left;
	margin:0px 5px 10px 0px;
	padding:5px 10px 0px 45px;
	background-color:#dfdfdf;
	background-position:2%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font:bold 12px "HattoriHanzo";	
	border: 1px solid #aaa;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	color: #5e5e5e;
	display: inline-block;
}

#box-ngobrol {
	margin:10px 0px;
	padding:;
	background:#fff;
	float:left;
	border:1px solid #ddd;
}
#box-ngobrol form {
	margin:10px;
	padding:0;	
	float:left;
	width:94%:
}
#box-ngobrol form textarea, #box-ngobrol form input {
	float:left;
}
#box-ngobrol form textarea {
	width:200px;
	margin:0px 10px 0px 0px;
}

.gift {
	margin:5px 0px;
	padding:0;
	background:#fff;
	float:left;
	width:100%;
}

.gift table {
	margin:5px 10px;
	padding:0;
}
.gift table tr td {
	font:14px HattoriHanzo;
}

.box-list-gift {
	max-height:220px; 
	overflow:auto; 
	float:left;
}

#list-gift {
	margin:20px 10px;
	padding:0;
	float:left;
}
#list-gift li {
	float:left;
	margin:0px 15px 15px 0px;
	width:50px;
	height:50px;
}
#list-gift li a {
	float:left;
	padding:5px;
}
#list-gift li a:hover {
	background:#ebebeb;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#list-gift li div.tip {
	display:none;
	position:absolute;
	margin:40px 0px 0px -50px;
	width:150px;
	max-width:150px;
}
#list-gift li div.tip div.head {
	width:150px;
	height:15px;
	background:url(../images/tip-head.png) top no-repeat;
}
#list-gift li div.tip div.body {
	background:#fff url(../images/tip-body.jpg) center repeat-y;
	padding:5px;
	font-size:12px;
	width:140px;
	text-align:center;
}
#list-gift li div.tip div.body a {
	float:none;
	padding:0;
	text-decoration:underline;
	color:#7b0000;
}
#list-gift li div.tip div.body a:hover {
	color:#000;
	text-decoration:none;
	background:none;
}
#list-gift li div.tip div.foot {
	width:150px;
	height:2px;
	background:url(../images/tip-foot.jpg) bottom no-repeat;
}
#list-gift li:hover div.tip {
	display:block;
}

#list-gift2 {
	margin:10px 0px 5px 0px;
	padding:0;
	float:left;
	width:100%;
}
#list-gift2 li {
	float:left;
	margin: 5px 15px 30px 0px;
	width: 60px;
	height: 75px;
}
#list-gift2 li a {
	text-decoration:none;
}
#list-gift2 li a img {
	margin:0;
	padding:5px;
	width:50px;
	background:#ebebeb;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#list-gift2 li a img:hover {	
	background:#fff;
}
#list-gift2 li a div.text {
	text-align:center;
	width:60px;
	font:bold 13px Calibri;
	float:left;
}

.list-gallery {
	margin:20px 10px;
	padding:0;
	width:100%;
	float:left;
}
.list-gallery li {
	margin:0px 20px 5px 0px;
	padding:0;
	height:150px;
	float:left;
}

.list-gallery li a div.box-image {
	overflow:hidden;
	width:124px;
	height:124px;
	border: 5px solid #fff;
	box-shadow: 0px 5px 10px #a29f9c;
	-moz-box-shadow: 0px 5px 10px #a29f9c;
	-webkit-box-shadow: 0px 5px 10px #a29f9c;
	float:left;
}
.list-gallery li a div.box-image-gal {
	overflow:hidden;
	border: 5px solid #fff;
	box-shadow: 0px 5px 10px #a29f9c;
	-moz-box-shadow: 0px 5px 10px #a29f9c;
	-webkit-box-shadow: 0px 5px 10px #a29f9c;
	float:left;
}
.list-gallery li a div.box-image img{
	margin:0;
	padding:0;
	/*width:124px;*/
}

.list-gallery li a {
	text-decoration:none;
}
.list-gallery li a:hover {
	color:#7b0000;
}
.list-gallery li img.photo {
	margin:0;
	padding:5px;
	background:#fff;
	width:80px;
	height:80px;
	border: 1px solid #ddd;
	box-shadow: 0px 5px 10px #a29f9c;
	-moz-box-shadow: 0px 5px 10px #a29f9c;
	-webkit-box-shadow: 0px 5px 10px #a29f9c;
	float:left;
}
.list-gallery li img#photo:hover {
	border:1px solid #666;
}
.list-gallery li div.text {
	margin:5px 0px;
	padding:3px 0px;
	width:90px;
	text-align:center;
	float:left;
	font:13px HattoriHanzo;
}
.list-gallery li div.text img {
	margin:0px 3px;
	padding:0;
	width:10px;
	vertical-align:middle;
}

.list-gallery li ul.popup {
	display:none;
}

.list-gallery li:hover ul.popup {
	display:block;
}

.list-gallery li ul.popup {
	position:absolute;
	margin:95px 0px 0px 0px;
	background:#000;
	padding:0px 1px 5px 5px;
	opacity:0.8;
}
.list-gallery li ul.popup li {
	float:none;
	display:block;
	height:12px;
}
.list-gallery li ul.popup li img {
	width:10px;
	vertical-align:middle;
	margin:0px 5px 0px 0px;
}
.list-gallery li ul.popup li a {
	color:#fff;
}
.list-gallery li ul.popup li a:hover {
	color:#7b0000;
}

.tambah-oke {
	width:100px; 
	max-width:100px; 
	float:right; 
	font:10px HattoriHanzo; 
	text-align:center; 
	margin:-13px 0px 0px 0px;
}
.tambah-oke a {
	text-decoration:none;
}
.tambah-oke a:hover {
	color:#7b0000;
}

#nama-profile {
	margin:0px 0px 10px 0px;
	padding:0;
	font:bold 20px "HattoriHanzo";
}

.profile {
	background:#fff;
	float:left;
	margin:10px 0px;
	width:100%;
}
.profile table {
	margin:10px 20px;
	float:left;
	width:600px;
}
.profile table tr td {
	padding:3px 0px;
	font:14px HattoriHanzo;
	vertical-align:top;
}
.profile div.tentang {
	width:590px;
	float:left;
	margin:0px 20px 20px 20px;
	font:14px HattoriHanzo;
}

#profile_edit {
	margin:0;
	padding:0;
}
#profile_edit table {
	width:550px;
}
#profile_edit table tr td {
	margin:0;
	padding:3px;
}
#profile_edit table tr td select {
	width:210px;
	min-width:210px;
}
#profile_edit table tr td select:focus, #profile_edit table tr td textarea:focus {
	background:#fff;
}
#profile_edit table tr td textarea {
	width:100%;
	height:200px;
	min-height:200px;
}
#profile_edit table tr td input[type="submit"] {
	margin-right:0;
	float:right;
}

.icon-edit {
	font-size:12px;
}
a.icon-edit {
	text-decoration:none;
	font-weight:bold;
}
.icon-edit img {
	width:17px;
	float:left;
	margin-right:5px;
	vertical-align:middle;
}

/*
.invite {
	padding:5px 10px;
	background:url(../images/back-lanjut-button.jpg) top left repeat-x;
}
.invite a {
	color:#fff;
	text-decoration:none;
}
.invite:hover, input[type="submit"].invite:hover {
	background:#7b0000;
	color:#fff;
}
*/

.invite {
	padding:5px 10px;
	background:url(../images/back-lanjut-button.jpg) top left repeat-x;
	float:left;
	color:#fff;
	font:bold 14px "HattoriHanzo";
	border:1px solid #ddd;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.invite  a, a button.invite{
	color:#fff;
	text-decoration:none;
}
button.invite:hover, input[type="submit"].invite:hover {
	background:#7b0000;
	color:#fff;
}

button.invite {
	padding:5px 0px;
	background:url(../images/back-lanjut-button.jpg) top left repeat-x;
	color:#fff;
	text-decoration:none;
	width:111px;
	max-width:111px;
	min-width:111px;
}


input[type="submit"].invite {
	padding:5px 10px;
	background:url(../images/back-lanjut-button.jpg) top left repeat-x;
	color:#fff;
	text-decoration:none;
}

#box-invite {
	margin:0;
	padding:0;
	width:350px;
}
#box-invite div.desc {
	margin:20px 65px;
	padding:0;
	float:left;
}
#box-invite div.desc p {
	margin:0;
	padding:0;
	float:left;
	width:100px;
}
#box-invite div.desc ul {
	margin:0;
	padding:0;
	float:left;
}
#box-invite div.desc ul li {
	margin:0;
	padding:0;
	float:left;
}

.more {
	margin:20px 0px 15px 20px;
	padding:0;
}
.more a {
	color:#7b0000;
	font:14px HattoriHanzo;
}
.more a:hover {
	text-decoration:none;
}

.gebet {
	background:#fff;
	width:100%;
	float:left;
}

.aktifitas {
	background:#fff;
	float:left;
	width:100%;
	margin:0px 0px 10px 0px;
}

.list-aktifitas {
	margin:20px;
	float:left;
}
.list-aktifitas p {
	font:14px HattoriHanzo;
	margin:0px 0px 5px 0px;
}

#box-contact {
	margin:-70px auto 30px auto;
	padding:0;
	width:550px;
}
#box-contact form {
	margin:0;
	padding:0;
	font-size:16px;
}
#box-contact form table {
	float: left;
	margin: 0;
	background: #fff;
	box-shadow: 1px 1px 10px #ccc;
	-moz-box-shadow: 1px 1px 10px #ccc;
	-webkit-box-shadow: 1px 1px 10px #ccc;
}
#box-contact form table tr td {
	margin: 0;
	padding: 5px 10px;
	vertical-align: top;
	font-size:14px;
}
#box-contact form table tr td input[type="text"] {
	width:250px;
	min-width:250px;
}

#box-contact1 {
	margin:-82px auto 30px auto;
	padding:0;
	width:550px;
}	

#box-contact2 {
	margin:20px auto 50px auto;
	padding:0;
	width:550px;
}

.contact {
	width:550px;
}
.contact div.head-form {
	width:530px;
	padding:10px;
}
.contact table {
	width:550px;
}
.contact table tr td {
	padding:10px;
	vertical-align:top;
}
.contact table tr td input, .contact table tr td textarea {
	width:390px;
}
.contact table tr td input[type="submit"] {
	width:400px;
}

.banned {
	margin:0;
	padding:0;
	background:#fff;
}
.banned div {
	margin:20px;
}
.banned div.head-form {
	padding:10px 20px;
}
.banned div.text {
	line-height:20px;
}
.banned div.text a {
	color:#7b0000;
}
.banned  table {
	box-shadow:0px 0px 0px; 
	-moz-box-shadow:0px 0px 0px; 
	-webkit-box-shadow:0px 0px 0px; 
	margin:0px 10px;
}
.banned  table tr td {
	vertical-align:top;
	font-size:16px;
}

.login-report {
	margin:0;
	padding:0;
	width:100%;
	float:left;
}
.login-report p {
	width:300px;
	margin:10px 15px;
	font:14px HattoriHanzo;
}
.login-report form table {
	width:300px;
	margin-left:15px;
}
.login-report form table tr td {
	padding:10px;
	font:14px HattoriHanzo;
}
.login-report form table tr td input[type="text"], .login-report form table tr td input[type="password"] {
	width:210px;
}
.login-report form table tr td input[type="submit"] {
	background: #5f5f5f url(../images/back-login.jpg) top left repeat-x;
	color:#fff;
	border:1px solid #383838;
	font-size:14px;
	float:right;
}
.login-report form table tr td input[type="submit"].log-fb {
	background:url(../images/login-facebook-button.png) top left no-repeat;
	border:none;
	margin:0;
	width:180px;
	height:32px;
	padding:0px 0px 0px 25px;
	border:1px solid #383838;
	float:left;
}

.report-abuse {
	margin:0;
	padding:0;
	width:100%;
	float:left;
}
.report-abuse p {
	width:300px;
	margin:10px 20px;
	font:14px HattoriHanzo;
}
.report-abuse form table {
	width:300px;
	margin-left:20px;
}
.report-abuse form table tr td {
	padding:5px 0px;
	font:14px HattoriHanzo;
}
.report-abuse form table tr td.note {
	font-size:12px;
}
.report-abuse form table tr td textarea {
	width:290px;
}
.report-abuse form table tr td input[type="submit"] {
	background: url(../images/back-lanjut-button.jpg) top left repeat-x;
	color:#fff;
	border:1px solid #383838;
	font-size:14px;
	float:right;
	padding:5px;
	width:72px;
	min-width:72px;
}
.report-abuse form table tr td input[type="reset"] {
	background: #5f5f5f url(../images/back-login.jpg) top left repeat-x;
	color:#fff;
	border:1px solid #383838;
	font-size:14px;
	float:right;
	width:72px;
	min-width:72px;
	padding:5px;
	margin-right:10px;
}


#box-privasi {
	margin:0px auto;
	padding:0;
	width:620px;
	font-family:"HattoriHanzo";
}
#box-privasi div.desc {
	width:600px;
	height:400px;
	margin:0;
	float:left;
	overflow:auto;
}
#box-privasi div.desc ul {
	margin:0px 20px;
}
#box-privasi div.desc ul li {	
	list-style-type:decimal;
}

#upload {
	margin:20px;
	padding:0;
	font:14px HattoriHanzo;
}
#upload input[type="submit"] {
	padding:3px 10px;
	float:right;
}

#box-notif {
	margin:0;
	padding:0;
	width:100%;
	min-height:80px;
	max-height:500px;
	overflow:auto;
	float:left;
}

.box-notif {
	margin:0;
	padding:0;
	width:100%;
	min-height:80px;
	max-height:500px;
	overflow:auto;
	float:left;
}

.list-notif {
	margin:5px 0px;
	padding:0;
	float:left;
}
.list-notif li {
	margin:0;
	padding:5px 20px;
	border-bottom:1px solid #ddd;
	float:left;
	width:310px;
}
.list-notif li:hover {
	background:#ddd;
}
.list-notif li {
	text-decoration:none;
	font:14px HattoriHanzo;
}
/*.list-notif li a img {
	float:left;
	width:65px;
	padding:3px;
	margin:0px 5px 0px 0px;
	border:1px solid #ddd;
}
*/
.list-notif li div.text {
	font:14px HattoriHanzo;
	width:300px;
	float:left;
}
.list-notif li div.text a {
	color:#7b0000;
	text-decoration:none;
}
.list-notif li a div.text2 {
	font:bold 16px "HattoriHanzo";
	width:200px;
	float:left;
}
.list-notif li a div.text2 p.gmbl {
	font:13px HattoriHanzo;
	float:left;
}

.list-notif2 {
	margin:5px 0px;
	padding:0;
	float:left;
	width:100%;
}
.list-notif2 li {
	margin:0;
	padding:5px 0px;
	border-bottom:1px solid #ddd;
	float:left;
	width:100%;
}
.list-notif2 li:hover {
	background:#ddd;
}
.list-notif2 li {
	text-decoration:none;
	font:14px HattoriHanzo;
}
.list-notif2 li a {
	text-decoration:none;
}
.list-notif2 li a div.content-notif {
	margin:0px 20px;
}
.list-notif2 li a div.box-image {
	float:left;
	width:65px;
	height:65px;
	margin:0px 5px 0px 20px;
	border:1px solid #ddd;
	background:#fff;
	overflow:hidden;
}
.list-notif2 li a div.box-image img {
	float:left;
	width:58px;
	margin:3px;
	border:1px solid #ddd;
}
.list-notif2 li div.text {
	font:14px HattoriHanzo;
	width:300px;
	float:left;
}
.list-notif2 li div.text a {
	color:#7b0000;
	text-decoration:none;
}
.list-notif2 li div.text2 {
	margin:0;
}
.list-notif2 li a div.text2 {
	font:bold 16px "HattoriHanzo";
	width:180px;
	float:left;
}
.list-notif2 li a div.text2 p.gmbl {
	font:13px HattoriHanzo;
	float:left;
	width:100%;
}

.about {
	margin:20px;
	padding:0;
	float:left;
}
.about p {
	font:14px HattoriHanzo;
}

#box-chat {
	margin:0 auto;
	padding:0;
	width:500px;
}
#box-chat div.user {
	margin:10px;
	padding:0;
	float:left;
	width:250px;
}
#box-chat div.user img {
	float:left;
	border:1px solid #ddd;
	padding:5px;
	margin:0px 5px 0px 0px;
	width:100px;
}
#box-chat div.user span {
	vertical-align:top;
	font:bold 16px "HattoriHanzo";
}
#box-chat textarea.chat-box {
	width:470px;
	height:300px;
	float:left;
	margin:0px 10px;
}
#box-chat form#text-box {
	margin:0px 10px;
	padding:0;
}
#box-chat form#text-box textarea {
	width:390px;
	height:30px;
	min-height:30px;
	float:left;
	margin-right:10px;
	background:#fff;
}
#box-chat form#text-box input[type="submit"] {
	float:left;
	margin-right:0px;
	background:#7b0000 url(../images/back-lanjut-button.jpg) top left repeat-x;
	color:#fff;
}

/*
#box-kirim {
	margin:0 auto;
	padding:0;
	width:600px;
}
*/
#box-kirim {
	margin:0;
	padding:0;
	width:100%;
	min-height:100%;
	position:relative;
}

.head-kirim {
	width:90%;
	padding:0;
	margin:0px 0px 10px 0px;
	float:left;
}
/*
.head-kirim div.bord {
	border:1px solid #ddd;
	float:left;
}*/
.head-kirim div.box-img {
	float:left;
	margin:0px 5px 0px 0px;
	padding:3px;
	width:50px;
	height:50px;
	background:#fff;
	border:1px solid #ddd;
	overflow:hidden;
}
.head-kirim div.box-img img {
	width:50px;
}
/*
.head-kirim div.box-img div.image {
	float:left;
	width:50px;
	border:3px solid #fff;
	box-shadow:0px 0px 1px #666;
	-moz-box-shadow:0px 0px 1px #666;
	-webkit-box-shadow:0px 0px 1px #666;
}
.head-kirim  div.bord div.box-img  {
	width:50px;
	height:50px;
	border:3px solid #fff;
	float:left;
	vertical-align:middle;
	overflow:hidden;
}
.head-kirim div.bord div.box-img img {
	margin:0;
	padding:0;
	vertical-align:center;
}
*/
.head-kirim div.text {
	padding:10px;
	font:bold 14px "HattoriHanzo";
	float:left;
}

.confirm {
	margin: 0;
	padding: 0px 0px 10px 0px;
	width: 100%;
	min-height:100%;
	float: left;
	font-family: "HattoriHanzo";
	position:relative;
}
.confirm center p {
	font-size:25px;
	line-height:30px;
}
.confirm center div.form_confirm div.gift-img {
	background: #ECECEC;
	padding: 10px;
	margin: 10px 0px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 100px;
	color: #666;
	font: 14px Calibri;
}
.confirm center div.form_confirm input {
	color: white;
	margin: 15px 0px;
	padding: 5px;
	width: 84px;
}
.confirm center div.form_confirm input[type="button"] {
	background: url(../images/back-reset.jpg) top left repeat-x;
}
.confirm center div.form_confirm input[type="submit"] {
	background: url(../images/back-lanjut-button.jpg) top left repeat-x;
}

.beli_point {
	margin: 0;
	padding: 0px 0px 10px 0px;
	width: 95%;
	float: left;
}
.beli_point p {
	font: 25px "HattoriHanzo";
	text-align:center;
}
.beli_point table {
	margin:5px 0px;
	padding:0;
	width:100%;
	background:#f9fae8;
}
.beli_point table tr td {
	padding:10px 0px;
}
.beli_point table.list-point tr td {
	margin:0;
	padding:3px 10px;
	font-size:12px;
}

.beli_point center input[type="submit"] {
	color: #fff;
	background: url(../images/back-lanjut-button.jpg) top left repeat-x;
	height:30px;
	padding: 2px 30px;
	margin:5px 0px;
}

.beli_point form {
	float:left;
	width:100%;
}
.beli_point form input[type="text"] {
	float:left;
}	
.beli_point form input[type="submit"] {
	color: #fff;
	background: url(../images/back-lanjut-button.jpg) top left repeat-x;
	height:30px;
	padding: 2px 30px;
	margin:5px 10px;
	float:left;
}


.foot-kirim {
	margin:10px;
	padding:0;
	width:90%;
	height:50px;
	bottom:0;
	position:absolute;
	font:11px "HattoriHanzo";
}

.box-forget {
	margin:0;
	padding:0;
	width:100%;
	float:left;
}
.box-forget p {
	width:300px;
	margin:10px 15px;
	font:14px HattoriHanzo;
}
.box-forget form {
	margin:20px 0px;
	float:left;
}
.box-forget form table {
	width:300px;
	margin-left:15px;
}
.box-forget form table tr td {
	padding:5px;
	font:14px HattoriHanzo;
}
.box-forget form table tr td input[type="text"] {
	width:170px;
	float:left;
	margin-right:5px;
}
.box-forget form table tr td input[type="submit"] {
	background: #5f5f5f url(../images/back-login.jpg) top left repeat-x;
	color:#fff;
	border:1px solid #383838;
	font-size:14px;
	float:right;
}
.box-forget form table tr td input[type="submit"].log-fb {
	background:url(../images/login-facebook-button.png) top left no-repeat;
	border:none;
	margin:0;
	width:180px;
	height:32px;
	padding:0px 0px 0px 25px;
	border:1px solid #383838;
	float:left;
}

/* trigger button */
.download_now {
	display:block;
	overflow:hidden;
	width:50px;
	height:50px;
	cursor:pointer;
}
.download_now img {
	width:50px;
}

/* tooltip styling */
.tooltip {
	display:none;
	background:#fff;
	border:1px solid #ccc;
	padding:10px;
	font-size:12px;
	color:#666;
	position:absolute;
	z-index:2;
	margin:-80px 0px 0px -145px;
	box-shadow:1px 1px 10px #e2e2e2;
	-moz-box-shadow:1px 1px 10px #e2e2e2;
	-webkit-box-shadow:1px 1px 10px #e2e2e2;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#7b0000;
	font-size:12px;
	font-weight:bold;
	float:none;
	text-decoration:none;
}
.tooltip a:hover {
	text-decoration:underline;
}

.tooltip img {
	vertical-align:middle;
	margin:0px 5px 0px 0px;
}

.tooltip div {
	margin:5px 0px;
}

.gal {
	margin:-10px 0px 0px -145px;
}

.atip div a {
	text-decoration:none;
	font-weight:bold;
}


#footer {
	margin:0;
	padding:0;
	bottom:0;
	width:100%;
	background:#7b0000;
	position:absolute;
}

#text-footer {
	margin:0px 20px;
	padding:0;
	width:500px;
	float:left;
	color:#fff;
	font:12px "HattoriHanzo";
}
#text-footer p {
	float:left;
}
#text-footer h1, h2 {
	font-size:12px;
	float:left;
	line-height:15px;
	margin:0px 5px;
	color:#fff;
}
#text-footer h1 a {
	color:#fff;
	text-decoration:none;
}

.box-foot {
	margin:0;
	padding:0;
	width:300px;
}

#social {
	margin:0;
	padding:0;
	width:300px;
	float:right;
}
#social li {
	margin:0px 10px 0px 0px;
	padding:0;
	float:right;
}
#social li a {
	color:#fff;
	font:bold 13px HattoriHanzo;
	text-decoration:none;
}
#social li a img {
	vertical-align:middle;
	margin:-5px 5px 0px 0px;
}

#menu-footer {
	margin:10px 0px;
	padding:0;
	width:300px;
	float:right;
}
#menu-footer li {
	margin:0px 5px;
	padding:0;
	float:right;
}
#menu-footer li a {
	text-decoration:none;
	color:#c56262;
	font:bold 14px HattoriHanzo;
}

/* Paging */
#page-blok2 {
	width:100%;
	text-align:center;
}

.link-madam {
	width:300px;
	text-align:center;
	font-weight:bold;
}
.link-madam a {
	color:#7b0000;
}

.body-page-madam {
	margin:-20px 0px 0px 0px;
	background:url(../images/back-madam-lia.png) top left repeat-x;
}

.page-madam {
	padding:10px 0px 70px 0px;
}

.pp-madam {
	margin: 30px 0px 5px 0px;
	padding: 7px;
	background: #fff;
	border: 1px solid #ddd;
	width: 217px;
}

.mess-madam {
	margin:10px 0px;
	width:230px;
}

.curhat {
	padding: 10px 10px 0px 10px;
	float: left;
}

.box-profile-madam {
	margin:20px 0px 20px 20px;
	padding:0;
}

.head-profile-madam {
	width:100%;
}

.rightbar-madam {
	margin:-45px 0px 0px 0px;
	padding:0;
}

.box-conten-madam {
	background:#fff;
	padding:10px 20px;
	float:left;
	font:14px "HattoriHanzo";
	height: 187px;
	max-height: 187px;
}
.box-conten-madam ul {
	margin:0;
	padding:0;
}
.box-conten-madam ul li {
	float:left;
	width:335px;
}

.jodoh-meter {
	margin:0px 20px 0px 0px;
	padding:0;
	width:375px;
	height: 246px;
	max-height: 246px;
}

.box-jodoh-meter {
	margin:0;
	padding:10px;
	float:left;
	background:url(../images/back-jodoh-meter.jpg) top left no-repeat;
	width:280px;
	height: 187px;
	max-height: 187px;
}
.box-jodoh-meter table {
	margin:0;
	padding:0;
}
.box-jodoh-meter table tr td {
	margin:0;
	padding:5px;
	text-align:center;
	font:14px "HattoriHanzo";
}
.box-jodoh-meter table tr td input[type="text"] {
	width:120px;
}
.box-jodoh-meter table tr td input[type="submit"] {
	background:url(../images/back-lanjut-button.jpg) top left repeat-x;
	color:#fff;
	padding:7px;
	width:100%;
}

.tips {
	background: #fff;
	float: left;
	margin: 10px 0px;
	width: 100%;
	min-height:445px;
}

.content-tips {
	margin:20px 20px 35px 20px;
	padding:0;
	float:left;
	font:14px "HattoriHanzo";
}
.content-tips ul {
	margin:0px 0px 20px 0px;
	padding:0;
}
.content-tips ul li {
	list-style-type:decimal;
	margin:10px 0px 0px 20px;
}

.result-jodoh {
	margin:20px;
	padding:0;
	float:left;
}
.result-jodoh p {
	margin:5px 0px;
	font:18px "HattoriHanzo";
	text-align:center;
}
.result-jodoh p.percent {
	font:70px "HattoriHanzo";
	color:#7b0000;
}
.result-jodoh p.note {
	font:16px "HattoriHanzo";
}

#paging_container {

}

.page_navigation , .alt_page_navigation{
	margin:10px 0px 0px 0px;
	padding-bottom: 20px;
	float:right;
}

.page_navigation a, .alt_page_navigation a{
	padding:3px 5px;
	margin:2px;
	color:#7b0000;
	text-decoration:none;
	float: left;
	font: italic 12px Tahoma;
	/*Border radius*/
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.page_navigation a:hover, .alt_page_navigation a:hover {
	color:#000;
}
.active_page{
	background-color:#ccc !important;
}

a.report {
	font:12px "HattoriHanzo";
	color:#7b0000;
}

#admin-login {
	margin:-70px auto 30px auto;
	padding:0;
	width:320px;
}
#admin-login form {
	margin:0;
	padding:0;
	font-size:16px;
	width:320px;
}
#admin-login form div.head-form {
	width:300px;
	padding:18px 10px;
}
#admin-login form table {
	float: left;
	margin: 0;
	background: #fff;
	box-shadow: 1px 1px 10px #ccc;
	-moz-box-shadow: 1px 1px 10px #ccc;
	-webkit-box-shadow: 1px 1px 10px #ccc;
	width:300px;
}
#admin-login form table tr td {
	margin: 0;
	padding: 5px 13px;
	vertical-align: top;
	font-size:14px;
}
#admin-login form table tr td input[type="text"], #admin-login form table tr td input[type="password"] {
	width:203px;
	min-width:203px;
}

.setting {
	width:800px;
}
.setting tr td {
	vertical-align:top;
}

#help {
	margin: 10px 10px 10px 20px;
	padding: 0;
	float: left;
}
#help p { 
	cursor:pointer; 
	font-size:12px;
}

.title-menu-static {
	margin:10px 0px;
	font-size:20px;
	font-weight:bold;
}

.menu-static {
	margin:0;
	padding:0;
}
.menu-static li {
	margin:5px 0px 0px 20px;
	list-style-type:disc;
}
.menu-static li a{
	text-decoration:none;
}
.menu-static li:hover {
	list-style-type:circle;
}
.menu-static li a:hover{
	color:#7b0000;
}
.menu-static li ul.sub-menu {
	margin:0;
	padding:0;
}
.menu-static li ul.sub-menu li {
	margin-left:10px;
}

.op {
	font-size: 14px;
	float:left;
	margin:0;
}
.op a {
	color:#fff;
}
.ap { 
	font-size: 12px;
	color:#fff;
	float:left;
	margin:0;
}

.alpha li {
	list-style-type:lower-alpha;
}

.faq li p {
	margin:10px 0px;
}

.mass-mess {
	margin:0;
	padding:0;
}
.mass-mess table {
	width:500px;
}
.mass-mess table tr td input[type="text"] {
	width:270px;
}
.mass-mess table tr td textarea {
	width:480px;
	box-shadow:0px 0px 0px;
	-moz-box-shadow:0px 0px 0px;
	-webkit-box-shadow:0px 0px 0px;
}

.list-user-chat {
	margin:0;
	padding:0;
	border-right:1px solid #ddd;
	width:300px;
	height:400px;
	float:left;
	overflow:auto;
}
.list-user-chat ul {
	margin:0;
	padding:0;
	float:left;
}
.list-user-chat ul a li {
	margin:0;
	padding:8px 5px;
	border-bottom:1px solid #ddd;
	float:left;
	width:270px;
}
.list-user-chat ul a li:hover, .list-user-chat ul a li.active {
	background-color:#FAFAE9;
}
.list-user-chat ul a li div.box-img {
	width:40px;
	height:40px;
	overflow:hidden;
	border:1px solid #ddd;
	float:left;
	margin:0px 10px 0px 14px;
}
.list-user-chat ul a li div.box-img img {
	width:40px;
}
.list-user-chat ul a li div.name {
	width:140px;
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
}
.list-user-chat ul a li div.name span.notif-chat {
	background:#ce2027;
	padding:2px 5px;
	width:11px;
	height:11px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#fff;
	font:10px Arial;
	margin:0px 3px;
	text-align:center;
}

.text-chat {
	margin:0;
	padding:0;
	float:left;
	width:445px;
	height:400px;
}

.form-chat {
	margin:0;
	padding:0;
	width:100%;
	height:55px;
	float:left;
	border-top:1px solid #ddd;
}
.form-chat div.emoticon  {
	width:70px;
	height:55px;
	float:left;
	-webkit-transition: background 0.5s ease-out;
    -moz-transition: background 0.5s ease-out;
    -o-transition: background 0.5s ease-out;
}
.form-chat div.emoticon:hover {
	background: #F2EDE9;
background: #F2EDE9 -moz-linear-gradient(top, #F2EDE9, #D5D1CE);
background: #F2EDE9 -webkit-gradient(linear, left top, left bottom, from(#F2EDE9), to(#D5D1CE));
background: #F2EDE9 -webkit-linear-gradient(top, #F2EDE9,#D5D1CE);
background: #F2EDE9 -o-linear-gradient(top, #F2EDE9,#D5D1CE);
background: #F2EDE9 -ms-linear-gradient(top, #F2EDE9,#D5D1CE);
background: #F2EDE9 linear-gradient(top, #F2EDE9,#D5D1CE);
}
.form-chat div.emoticon img.icon {
	width:40px;
	margin:8px 15px;
}
.form-chat div.emoticon img.icon:hover {
	cursor:pointer;
}
.form-chat div.box-emo {
	margin:0;
	padding:10px;
	width:220px;
	height:300px;
	overflow:auto;
	position:absolute;
	top:140px;
	background:#fff;
	border:1px solid #ddd;
}
.form-chat div.box-emo ul {
	margin:0;
	padding:0;
}
.form-chat div.box-emo ul li {
	margin:5px;
	padding:0;
	float:left;
	width:30px;
	height:25px;
}
.form-chat div.form {
	float:left;
	margin:0;
	padding:0;
	width:680px;
}
.form-chat div.form input[type="text"] {
	width:570px;
	height:20px;
	margin:10px 10px 0px 0px;
	float:left;
}
.form-chat div.form input[type="submit"] {
	float:left;
	margin:12px 0px 0px 0px;
	padding:3px;
	width:80px;
}