@charset "UTF-8";
/* CSS Document */

/*
	FriendsterCode.net
	by Aga Wahyu - 2009 - http://agawahyu.com
*/

body {
	margin:0;
	background:#0086ef url(images/page_back.png) repeat-x;
	font-family:Arial, Tahoma, Helvetica;
	font-size:12px;
	color:#333333;
}
A:hover { color:#8E2B8C;text-decoration : none; }
A { COLOR: #FE256C; TEXT-DECORATION: none }



#Ribbon {
	width:960px;
	height:30px;
	margin:0 auto;
	}

#Wrapper {
	width:960px;
	margin:0 auto;
	min-height:600px;
	padding:350px 0 0 0;
	background:url(images/header_dolphin.png) no-repeat;
	overflow:auto;
}


.BoxWrapper {
	width:190px;
	margin:0 0 10px 0;
	color:#FFFFFF;
	font-size:110%;
}

.BoxWrapper p {
	font-size:90%;
}

.BoxWrapper a, .BoxWrapper a:active, .BoxWrapper a:visited {
	color:#fff;
}

.BoxWrapper a:hover {
	text-decoration:underline;
}

a.BoxPopUp, a:active.BoxPopUp, a:visited.BoxPopUp {
	padding:5px;
	}

a:hover.BoxPopUp {
	border:none;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:url(images/tile_5_30.png);
	padding:5px;
	text-decoration:none;
	}

.BoxWrapper ul {
	margin:0 0 0 -35px;
	#margin:0;
	list-style:none;
}

.BoxWrapper li {
	margin:7px 0;
}

img.BoxTitle {
	margin:0 0 10px 0;
}

.BoxPinkHead {
	background:url(images/box_pink_head.png) no-repeat;
	width:190px;
	height:20px;
	}

.BoxPink {
	background:url(images/box_pink_back.png) repeat-y;
	width:150px;
	min-height:100px;
	padding:0 20px;
	overflow:auto;
}

.BoxPinkFoot {
	background:url(images/box_pink_foot.png) no-repeat;
	width:190px;
	height:20px;
}

.BoxOrangeHead {
	background:url(images/box_orange_head.png) no-repeat;
	width:190px;
	height:20px;
	}

.BoxOrange {
	background:url(images/box_orange_back.png) repeat-y;
	width:150px;
	min-height:150px;
	padding:0 20px;
	overflow:auto;
}

.BoxOrangeFoot {
	background:url(images/box_orange_foot.png) no-repeat;
	width:190px;
	height:20px;
}

.BoxPurpleHead {
	background:url(images/box_purple_head.png) no-repeat;
	width:190px;
	height:20px;
	}

.BoxPurple {
	background:url(images/box_purple_back.png) repeat-y;
	width:150px;
	min-height:150px;
	padding:0 20px;
	overflow:auto;
}

.BoxPurpleFoot {
	background:url(images/box_purple_foot.png) no-repeat;
	width:190px;
	height:20px;
}

.BoxYellowHead {
	background:url(images/box_yellow_head.png) no-repeat;
	width:190px;
	height:20px;
	}

.BoxYellow {
	background:url(images/box_yellow_back.png) repeat-y;
	width:150px;
	min-height:150px;
	padding:0 20px;
	overflow:auto;
}

.BoxYellowFoot {
	background:url(images/box_yellow_foot.png) no-repeat;
	width:190px;
	height:20px;
}

.BoxWhiteWrapper {
	width:540px;
	margin:0 0 15px 0;
}

.BoxWhiteHead {
	background:url(images/box_white_head.png) no-repeat;
	width:540px;
	height:5px;
	}

.BoxWhite {
	background:#FFFFFF;
	width:500px;
	min-height:150px;
	padding:15px 20px;
}

.BoxWhiteFoot {
	background:url(images/box_white_foot.png) no-repeat;
	width:540px;
	height:5px;
}


#Side {
	width:190px;
	display:inline;
	float:left;
}

.NewsItem {
	padding:0 0 20px 0;
	border-bottom:1px dotted #FFFFFF;
	margin:5px 0 15px 0;
}

.NewsItem h1 {
	font-size:140%;
	margin:0 0 3px 0;
	font-weight:bold;
	letter-spacing:-0.05em;
	line-height:80%;
}

.NewsItem h1 a, .NewsItem h1 a:active, .NewsItem h1 a:visited {
	color:#993300;
}

.NewsItem h1 a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.NewsItem small {
	color:#996633;
}

a:hover.SponsorsLink {
	color:#FFCC99;
}

li.SponsorsLink {
	border-bottom:1px dotted #CCCCCC;
	padding:0 0 7px 0;
}

input[type=text].ChatBox {
	border:none;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:5px;
	margin:2px auto;
	width:140px;
	color:#ccc;
	font-family:Tahoma;
	font-size:95%;
}

textarea.ChatBox {
	border:none;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:5px;
	margin:2px auto;
	width:140px;
	height:200px;
	color:#ccc;
	font-family:Tahoma;
	font-size:95%;
	overflow-y:scroll;
}

input[type=submit].ChatBox {
	background:#FF6600;
	border:none;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:5px;
	margin:2px auto;
	width:150px;
	color:#fff;
	font-family:Tahoma;
	font-size:95%;
}

#UserOfTheMonthWrapper {
	width:140px;
	margin:20px auto 0 auto;
	border:1px solid #FF9999;
	padding:5px;
}

img.UserOfTheMonth {
	width:140px;
}

#OwnerWrapper {
	width:140px;
	margin:20px auto 0 auto;
	border:1px solid #FFFF99;
	padding:5px;
}

img.Owner {
	width:140px;
}

#Center {
	width:540px;
	margin:0 20px;
	padding:100px 0 0 0;
	display:inline;
	float:left;
}

#FooterWrapper {
	background:url(images/footer_back.png) repeat-x;
	height:180px;
}

#Footer {
	background:url(images/footer.png) no-repeat center top;
	height:80px;
	text-align:center;
	padding:100px 0 0 0;
	color:#FFFFFF;
}

.prev{
width:400px;
height:200px;
border: 3px dotted #0086EF;
background-color: #FEB154;
}

.prev2{
width:150px;
height:75px;
border: 1px dotted #0086EF;
background-color: #FEB154;
}
.container {
  	text-align: left;
	margin: 0 auto;
	width: 500px;
	padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
	}
.divi {
	margin-top: -5px;
	margin-bottom: 0px;
	border-bottom: 1px #FF256C solid; 
}

#formtable td {
	padding-top: 3px;
	padding-bottom: 3px;
	color:#0D3E52;
		font-family:arial;
	font-size: 12px;
}

#colorstable {
	position: absolute;
	z-index: 100;
	top: 600px;
	left: -250px;
	display: none;
	border: 1px #CC3300 solid;
	background-color: #FFFFFF;
}
#colorstable td {
	font: 12px/12px Arial; color: #0D3E52;
	margin: 1px;
	height: 11px;
	width: 13px;
}
#colorstable td.top {
	font: 12px/18px Arial; color: #0D3E52;
	height: 18px;
	width: 310px;
}


.colorshow { float: left; width: 15px; height: 15px; border: 1px #000000 solid; font-size: 2px; line-height: 2px; margin-right: 2px; background-color: #000000; margin-top: 2px; }

.h5 { font: 11px/11px Arial; font-weight:bold; text-decoration:underline; color: #000000; border: 0px dashed #CC3300; margin-bottom:15px; }

.isian{
font-family: Arial;
font-size: 12px;
}