/* CSS Document */
#myweb{
	position:absolute;
	top:0;
	left: 0;
	width: 100%;
}
#header-wrap {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;	
}

#header-container {
	height:170px;
	
}

#header {
	top:5px;
	padding-top:2px;
	width: 1000px;
	margin: 0 auto;
	position: relative;
	background-color:#FFFFFF;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#header2{
	width:1000px;
	height:135px;
	background-image:url(../images/header.png);
	background-repeat:no-repeat;
}
#hello{
	width:180px;
	height:125px;
	padding-top:5px;
	float:right;
	font-family:"trebuchet MS";
	background-image:url(../images/hello.png);
	font-size:12px;
	font-weight:bold;
	color:#CCCCCC;
}
#admin{
	width:180px;
	padding-top:108px;
	height:17px;
	float:right;
	font-family:"trebuchet MS";
	background-image:url(../images/admin.png);
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}
#menu{
	width:1000px;
	margin: 0 auto;
	position: relative;
	background-color:#000000;
}
#colleft{
	width:100px;
	float:left;
	padding-top:10px;
	padding-left:5px;
}
#colleft2{
	width:100px;
	float:left;
}
#colright{
	width:880px;
	margin-left:5px;
	float:left;
	padding-top:10px;
}
#colright2{
	width:880px;
	float:left;
}
#atas {width:1000px; height:30px; position:fixed;top: 0;z-index:999;}
#login {
	width:394px;
	height:24px;
	background-color:#000000;
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#FF99FF;
	float:left;
	padding:3px;
}
.login {font-family:"Trebuchet MS"; font-size:12px;color:#FF99FF; text-decoration:none; font-weight:bold;}
.login:hover {font-family:"Trebuchet MS"; font-size:12px;color:#00FF00; text-decoration:none;}


#content-wrap {
	position: relative;
	left: 0;
	width: 100%;
	z-index:999;
}
#container {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	background-color:#FFFFFF;
	z-index:999;
}
#content {
	width: 1000px;
	margin: 0 auto;
	padding-top:5px;
	position: relative;
	background-color:#FFFFFF;
	-webkit-box-shadow: 0px -4px 7px #e6e6e6;
-webkit-box-shadow: 0px -4px 7px rbga(230, 230, 230, .5);
-moz-box-shadow: 0px -4px 7px #e6e6e6;
-moz-box-shadow: 0px -4px 7px rbga(230, 230, 230, .5);
box-shadow: 0px -4px 7px #e6e6e6;
box-shadow: 0px -4px 7px rbga(230, 230, 230, .5);
	overflow:auto;
}
#footer-wrap {
	position:relative;
	left: 0;
	width: 100%;
}

#footer-container {
	width: 1000px;
	height:190px;
	margin: 0 auto;
	position: relative;
	background-color:#FFFFFF;
}
#footer {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	background-color:#FFFFFF;
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	overflow:auto;
}
#scores{
	width: 870px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	float:left;
}
#scores-count{
	width: 200px;
	height:450px;
	float:left;
	overflow:auto;
	margin-left:5px;
	background-color:#FFFFFF;
	border:2px solid #000000;
}
#linking{
	margin-top:10px;
	width: 990px;
	padding-left:5px;
	padding-right:5px;
	float:left;
}

#copyright{
	width: 990px;
	padding:5px;

	float:left;
	font-family:Verdana;
	font-size:12px;
	color:#999999;
}
.title-teks{ font-family:arial; font-size:13px; color:#000000; font-weight:bold;}
.teks{ font-family:arial; font-size:12px; color:#000000;}
.tabbor {border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}

/* admin */
#divreg {
	width:500px;
	height:450px;
	background-color:#EAEAEA;
	border-radius: 12px;
	padding:10px;
	-moz-box-shadow: 3px 3px 4px #C0C0C0;
	-webkit-box-shadow: 3px 3px 4px #C0C0C0;
	box-shadow: 3px 3px 4px #C0C0C0;
	margin-top:10px;
}

/* posting */
#divmenu2 {
	width:80px;
	float:left;
}
.stylemenu {
	width:80px;
	font-family:"Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	display:block;
	color:#000000;
	text-decoration:none;
	padding:7px;
	background-color:#CC66FF;
	border:1px solid #FFFFFF;
}
.stylemenu:hover {
	width:80px;
	font-family:"Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	padding:7px;
	background-color:#0099FF;
	border:1px solid #FFFFFF;
}

#divpost {
	width:840px;
	float:left;
}

#title-post {
	width:700px;
	height:70px;
	padding:3px;
	background-color:#CCCCCC;
}
.title1 {
	font-family:"Trebuchet MS";
	font-size:16px;
	font-weight:bold;
	color:#9900CC;
	text-decoration:none;
}
.title2 {
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#000000;
	text-decoration:none;
}

#content-post {
	width:700px;
	padding:10px;
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#000000;
	border-bottom:1px dotted #CCCCCC;
}
.backtolist {
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#000000;
	text-decoration:none;
}
.backtolist:hover {
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#9933FF;
	text-decoration:none;
}

/* pagiantion */
div.pagination {
	padding: 3px;
	margin: 3px;
}
 
div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
 
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;
 
	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
 
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
 
		color: #DDD;
	}

/* admin-page */
.ul-menu {font-family:"Trebuchet MS"; font-size:14px; color:#000000; text-decoration:none;}
.ul-menu:hover {font-family:"Trebuchet MS"; font-size:14px; color:#6666FF; text-decoration:none; }

.ul-menu2 {font-family:"Trebuchet MS"; font-size:12px; color:#000000; text-decoration:none;}
.ul-menu2:hover {font-family:"Trebuchet MS"; font-size:12px; color:#6666FF; text-decoration:none; }

/* account-page */
#divfoto {
	width:110px;
	border:1px solid #CCCCCC;
	padding:5px;
	-moz-box-shadow: 3px 3px 4px #C0C0C0;
	-webkit-box-shadow: 3px 3px 4px #C0C0C0;
	box-shadow: 3px 3px 4px #C0C0C0;
}

#divprofile {
	float:left;
	margin-left:20px;
	padding-top:5px;
	width:500px;
}
.stypro-title {
	font-family:"Trebuchet MS";
	font-size:13px;
	text-decoration:none;
	color:#000000;
	padding-left:10px;
}
.stypro-edit {
	font-family:"Trebuchet MS";
	font-size:13px;
	text-decoration:none;
	color:#999999;
}
.stypro-edit2 {
	font-family:"Trebuchet MS";
	font-size:13px;
	text-decoration:none;
	color:#CCCCCC;
}
.stypro-edit:hover {
	font-family:"Trebuchet MS";
	font-size:13px;
	text-decoration:none;
	color:#00FF00;
}
.styprof {
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#999999;
	text-decoration:none;
}
.sty-cont {
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#CCCCCC;
	text-decoration:none;
}

.sty-ul{
	margin-top:0;
	margin-left:10px;
	padding-left:5px;
}
.sty-li{
	font-family:"Trebuchet MS";
	font-size:13px;
	text-decoration:none;
	color:#000000;
}
#divtopran{
	width:780px;
	height:390px;
	background-image:url(../images/rating.png);
	background-repeat:no-repeat;
	background-color:#F5F5F5;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#rank-title{
	width:250px;
	height:25px;
	background-color:#FFFFFF;
	margin-left:250px;
	float:left;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	
	font-family:"trebuchet MS";
	font-size:24px;
	font-weight:bold;
	color:#030303;
}
#rank-group{
	width:300px;
	background-color:#FFFFFF;
	margin-left:225px;
	margin-top:5px;
	float:left;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#rank-subtitle{
	width:300px;
	height:25px;
	background-color:#00CCFF;
	float:left;
}
.rank-subtitle{
	font-family:"trebuchet MS";
	font-size:18px;
	font-weight:bold;
	color:#030303;
}
#rank-score{
	width:275px;
	padding-left:25px;
	padding-top:5px;
	float:left;
}
.rank-score{
	font-family:"trebuchet MS";
	font-size:14px;
	color:#030303;
}
#rank-cbg{
	width:780px;
	margin-top:5px;
	float:left;
}
#rank-cbg2{
	width:193px;
	float:left;
	background-color:#FFFFFF;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#rank-subtitle2{
	width:193px;
	height:25px;
	background-color:#00CCFF;
	border-left:1px solid #F5F5F5;
	border-right:1px solid #F5F5F5;
	float:left;
}
#rank-score2{
	width:193px;
	border-left:1px solid #F5F5F5;
	border-right:1px solid #F5F5F5;
	float:left;
}
#desc{
	width:240px;
	height:145px;
	margin-left:10px;
	margin-top:5px;
	padding-top:2px;
	padding-left:3px;
	float:left;
	background-color:#FFFFCC;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.desc{
	font-family:"trebuchet MS";
	font-size:11px;
	color:#000000;
}
#kotak{
	width:550px;
	float:left;
	border:1px solid #000000;
	background-color:#CCCCFF;
	padding:5px;
	font-family:"trebuchet MS";
	font-size:14px;
	color:#000000;
}

#div-stat{
	width:880px;
	float:left;
}
#div-my{
	width:150px;
	float:left;
	background-color:#000000;
	font-family:"trebuchet MS";
	font-size:14px;
	color:#FFFFFF;
}
#div-filter{
	width:400px;
	margin-left:330px;
	float:left;
}
.stat-title{
	font-family:"trebuchet MS";
	font-size:14px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.stat-teks{
	font-family:"trebuchet MS";
	font-size:12px;
	color:#000000;
	text-decoration:none;
}
#divstat{
	width:880px;
	float:left;
}

#stat{
	width:880px;
	float:left;
}
#stat-title{
	width:880px;
	height:20px;
	margin-top:10px;
	background-color:#CCCCFF;
	float:left;
}
#stat-stat{
	width:880px;
	padding-top:5px;
	float:left;
}
.stat-ul{
	margin-top:0;
	margin-left:15px;
	padding-left:5px;
}
.educov{
	width:840px;
	padding:5px;
	float:left;
}
#bobox{
	width:100px;
	float:left;
	margin-left:10px;
	padding:5px;
}
.bobox{
	width:100px;
	float:left;
	padding:5px;
	background-color:#663366;
	border:1px solid #66CCFF;
	font-family:arial;
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
}
.bobox:hover{
	background-color:#000000;
	border:1px solid #66CCFF;
	font-family:arial;
	color:#663366;
	font-size:12px;
}