/*
Project Proposal : WebSite Persatuan Sepakbola Seluruh Indonesia (PSSI)
URL 			 : http://www.pssi-football.com
Date			 : 02 April 2006
Filename		 : as_pssi_0000.css
Type			 : CSS document



*/

body {
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#003b77;
	background-image:url(../image/as_bg_base_biru.gif);

	background-position:center;
	background-repeat:repeat-y;
}

#wrapper {
	width:730px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:left;
}

/* Bagian Header */

#head-1 {
	display:block;
	position:relative;
	height:125px;
	background-position:center;
	background-color:#FFFFFF;
}
.head-bot {
	display:block;
	position:relative;
	padding: 0px;
	height:20px;
	background-position:center;
	background-color:#FFFFFF;
	background-image: url(../image/bg_blues.gif);
}

#head-2 {
	display:block;
	position:relative;
	height:70px;
	background-position:center;
	background-color:#FFFFFF;
}

.separator-white {
	display:block;
	position:relative;
	height:20px;
	background-color:#000066;
/*	background-image:url(../image/as_sep_white.gif);*/
	background-repeat:repeat-x;
	font-size:0px;
}

.separator-red {
	display:block;
	position:relative;
	height:5px;
	background-image:url(../image/as_sep_red.gif);
	background-repeat:repeat-x;
	font-size:0px;
}

.separator-black {
	display:block;
	position:relative;
	height:18px;
	background-image: url(../image/as_sep_black.gif);
	background-repeat:repeat-x;
	font: small/1.7em verdana, sans-serif; 
	font-size: 10px;
	color:#FFFFFF;
	padding-top:1px;
	padding-bottom:1px;
}

.separator-trans {
	display:block;
	position:relative;
	height:1px;
	background-image:url(../image/as_sep_trans.gif);
	background-repeat:repeat-x;
	font-size:0px;
}
.separator-transtv {
	display:block;
	position:relative;
	height:8px;
	background-image:url(../image/as_sep_trans.gif);
	background-repeat:repeat-x;
	font-size:0px;
}
.separator-translate {
	display:block;
	position:relative;
	height:5px;
/*	width:400px;*/
	background-image:url(../image/as_sep_trans.gif);
	background-repeat:repeat-x;
	font-size:0px;
}
.separator-transit {
	display:block;
	position:relative;
	height:0.5px;
	background-image:url(../image/as_sep_trans.gif);
	background-repeat:repeat-x;
	font-size:0px;
}
/* Selesai Bagian Header */

/* Bagian Content */

#content { /* wrap semua bagian content */
	display:block;
	position:relative;
	width:730px;
	background-color:#FFFFFF/*#dfeaf8*/;
	}
	
#contentmirip { /* wrap semua bagian content */
	display:block;
	position:relative;
	width:730px;
	background-color:#FFFFFF/*#dfeaf8*/;
	}
	
	
	
	
		
	

#contentright { /* bagian content sebelah kanan */
	display:block;
	position:relative;
	height:inherit;
	width:138px;
	float:left;
	padding:7px;
	font-size:0px;
	/*background-image:url(../image/kotak2c.JPG);*/
	
}

#contentrightl { /* bagian content sebelah kanan */
	display:block;
	position:relative;
	width:139px;
	float:right;
	padding-top:8px;
	padding-left:0px;
	padding-right:5px;
	font-size:0px;
	/*background-image:url(../image/.JPG);*/
	
}
#contentleft { /* bagian content sebelah kiri */
	display:block;
	position:relative;
	width:420px;
	float:  left;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	font: small/1.7em verdana, sans-serif; 
	font-size: 10px;
	color: #333333;
	text-align:justify;
/*	background-color:#dfeaf8;*/
}
tr.on {
	background-color:#E6EEF4;
}
tr.off {
	background-color:White;
}

.titleColumn {
	background-color:#9BBBD3;
}


#contentkanan { /* bagian content sebelah kiri */
	display:block;
	position:relative;
	width:550px;
	float:  left;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	padding-top:8px;
	font: small/1.7em verdana, sans-serif; 
	font-size: 10px;
	color: #333333;
	text-align:justify;
	border-left:1px solid #ccc;
	
/*	background-color:#dfeaf8;*/
}
.contentlefti { /* bagian content sebelah kiri */
	display:block;
	position:relative;
/*	width:415px;*/
	float:  left;


	padding-left:5px;
	padding-right:8px;
	font: small/1.7em verdana, sans-serif; 
	font-size: 10px;
	color: #333333;
	text-align:justify;
	vertical-align:middle;
	background-color:#cce0f8;
}

.contenttrans { /* bagian content sebelah kiri */
	display:block;
	position:relative;
	height:3px;
	width:420px;
	float:  left;
	font: small/1.7em verdana, sans-serif; 
	font-size: 10px;
	color: #333333;
	text-align:justify;
	background-image:url(../image/as_sep_trans.gif);

}
.contentleftipis { /* bagian content sebelah kiri */
	display:block;
	position:relative;
	width:198px;
	float:  left;
	padding-top:8px;
	padding-left:5px;
	padding-right:8px;
	font: small/1.7em verdana, sans-serif; 
	font-size: 10px;
	color: #333333;
	text-align:justify;
	/*background-color:#cce0f8;*/
}

.contentleftipisi { /* bagian content sebelah kiri */
	display:block;
	position:relative;
/*	width:198px;*/
	float:  left;
	padding-top:8px;
	padding-left:10px;
	padding-right:8px;
	font: small/1.7em verdana, sans-serif; 
	font-size: 10px;
	color: #333333;
	text-align:justify;
	/*background-color:#cce0f8;*/
}


#contentleft2 { /* bagian content sebelah kiri buat tip & trik */
	display:block;
	background-color: #000000;
	position:relative;
	width:300px;
	float:left;
	padding:10px;
	font: small/1.7em verdana, sans-serif; 
	font-size: 10px;
	color:#FFFFFF;
	text-align:justify;
}
.contentboxheater { /* wrap block menu di bagian sebelah kanan */
	display:block;
	position:relative;
	/*width:139px;*/
	background-color: #FFFFFF;
	border: 1px solid #ccc;
/*	background-image:url(../image/as_bg_menu_farau.gif);*/
	background-repeat:repeat-x;
	/*	background-image:url(../image/as_bg_menu.gif);
	background-repeat:repeat-y;*/
}



.contentboxheader { /* wrap block menu di bagian sebelah kanan */
	display:block;
	position:relative;
	/*width:139px;*/
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	background-image:url(../image/as_bg_menu_farau.gif);
	background-repeat:repeat-x;
	/*	background-image:url(../image/as_bg_menu.gif);
	background-repeat:repeat-y;*/
}

.contentboxheaderblue { /* wrap block menu di bagian sebelah kanan */
	display:block;
	position:relative;
	/*width:139px;*/
	background-color: #FFFFFF;
	border: 1px solid #023a77;
	background-image:url(../image/as_bg_menu_farau.gif);
	background-repeat:repeat-x;
	/*	background-image:url(../image/as_bg_menu.gif);
	background-repeat:repeat-y;*/
}




.contentboxheaderx { /* wrap block menu di bagian sebelah kanan */
	display:block;
	position:relative;
	/*width:139px;*/
	background-color:  #FFFFFF;
	border: 1px solid #ccc;
	
	background-repeat:repeat-x;
	/*	background-image:url(../image/as_bg_menu.gif);
	background-repeat:repeat-y;*/
}

.contentboxheaderag { /* wrap block menu di bagian sebelah kanan */
	display:block;
	width: 137px;
	
	position:relative;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	/*background-image:url(../image/as_bg_menu_fa.gif);
	background-repeat:repeat-x;
	/*	background-image:url(../image/as_bg_menu.gif);
	background-repeat:repeat-y;*/
}

.contentboxheadera { /* wrap block menu di bagian sebelah kanan */
	display:block;
	position:relative;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	/*background-image:url(../image/as_bg_menu_fa.gif);
	background-repeat:repeat-x;
	/*	background-image:url(../image/as_bg_menu.gif);
	background-repeat:repeat-y;*/
}




.contentboxheaderkanan { /* wrap block menu di bagian sebelah kanan */
	display:block;
	position:relative;
	text-align:justify;

	width:136px;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
/*	background-image:url(../image/as_bg_menu_fa.gif);
	background-repeat:repeat-x;*/
	/*	background-image:url(../image/as_bg_menu.gif);
	background-repeat:repeat-y;*/
}

.contentboxcontent { /* wrap block menu di bagian sebelah kanan */
	display:block;
	position:relative;
	padding-left:5px;
	padding-right:5px;
	font: small/1.7em verdana, sans-serif; 
	font-size: 10px;
	color: #333333;
	text-align:left;
}

.contentboxopini { /* wrap block menu di bagian sebelah kanan */
	display:block;
	position:relative;
	width:136px;
	height:400px;
	padding-left:5px;
	padding-right:5px;
	font: small/1.7em verdana, sans-serif; 
	font-size: 10px;
	color: #333333;
	text-align:left;
}

.contentboxklasemen { /* wrap block menu di bagian sebelah kanan */
	display:block;
	position:relative;
	padding-left:0px;
	padding-right:0px;
	font: small/1.7em verdana, sans-serif; 
	font-size: 10px;
	color: #333333;
	text-align:left;
	width:136px;
}


.contentfonthd {
	display:block;
	position:relative;
	/*width:400x;*/
	font: small/1.7em verdana, sans-serif;  
	font-size: 20px;
	font-weight:bold;
	color:#976B3B;
	text-align:left;
}


.contentfontcomment {
	display:block;
	position:relative;
	/*width:400x;*/
	font: small/1.7em verdana, sans-serif;  
	font-size: 13px;
	font-weight:bold;
	color:#333333;
	text-align:left;
}

.contentfontcommentother {
	display:block;
	position:relative;
	width:400px;
	font: small/1.7em verdana, sans-serif;  
	font-size: 13px;
	font-weight:bold;
	color:#003b77;
	text-align:left;
}

.contentfontjudul {
	display:block;
	position:relative;
	/*width:400x;*/
	font: small/1.7em verdana, sans-serif;  
	font-size: 17px;
	font-weight:bold;
	color: #003b77;
	text-align:left;
}


.contentfontjadul {
	display:block;
	position:relative;
	
	padding-left:15px;
	/*width:400x;*/
	font: small/1.7em verdana, sans-serif;  
	font-size: 20px;
	font-weight:bold;
	color: #003b77;
	text-align: left;
}


.contentfonthdarchieves {
	display:block;
	position:relative;
	/*width:400px;*/
	font: small/1.7em verdana, sans-serif;  
	font-size: 20px;
	font-weight:bold;
	color:#976B3B;
	text-align:left;
}

.contentarchieveskiri {
	display:block;
	position:relative;
	float:left;
	text-align:left;
}

.contentarchieveskanan {
	display:block;
	position:relative;
	float:right;
	text-align:right;
}

/* bagian footer */ 

#footer {
	display:block;
	position:relative;
	height:140px;
	width:730px;
	background-color: #666666;
	font-size:0px;
	clear:both;
}

.footer-iklan {
	display:block;
	position:relative;
	width:730px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 0px;
	text-align:center;
	background-color:#FFFFFF;
}

.footer-text {
	display:block;
	position:relative;
	width:730px;
	font: small/1.7em verdana, sans-serif; 
	font-size: 10px;
	text-align:center;
	color:#FFFFFF;
}

/* bagian lain-lain */

.dotline {
	/*width:490px;*/
	height:16px;
	padding:2px 0px 1px 3px;
	font: small/1.7em verdana, sans-serif;
	font-size: 10px;
	text-align:right;
	border-top:1px dotted #CCC;
}

/* bagian pssi lokasi */

.kotaklokasi {
	display:block;
	position:relative;
/*	width:493px;*/
	height:210px;
}

.imageminilokasi {
	float:left;
	padding:2px;
	border:1px solid #E3E3E3;
	margin:5px 10px 50px 0px;
}

.imageminikiri {
	float:left;
	padding:2px;
	border:1px solid #E3E3E3;
	margin:5px 10px 10px 0px;
}

.imageminikirim {
	float:left;
	padding:2px;
/*	border:1px solid #E3E3E3;*/
	margin:5px 10px 10px 0px;
}
.imageminikanan {
	float:right;
	padding:2px;
	border:1px solid #E3E3E3;
	margin:5px 0px 10px 10px;
}

.imagepemain {
	float:none;
	padding:2px;
	border:1px solid #E3E3E3;
	margin:5px 0px 10px 0px;
}

.imageklub {
	float:none;
	padding:2px;
/*	border:1px solid #E3E3E3;*/
	margin:5px 0px 10px 0px;
}


.kotakpemaingede {
	display:block;
	position:relative;
	float:none;
/*	width:493px;*/
	height:260px;
}

.kotakpemaingede1 {
	display:block;
	position:relative;
	float:none;
/*	width:493px;*/
	height:200px;
}


.wrapkotakpemain1 {
	display:block;
	position:relative;
/*	width:493px;*/
	height:755px;
}

.wrapkotakpemain2 {
	display:block;
	position:relative;
/*	width:493px;*/
	height:515px;
}

.kotakpemain {
	display:block;
	position:relative;
	float:left;
	width:120px;
	height:250px;
	text-align:center;
}

.kotakklub {
	display:block;
	position:relative;
	float:left;
	width:120px;
	height:250px;
	text-align:center;
}



.posisi {
	display:block;
	position:relative;
/*	width:493px;*/
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color:#CC3300;
	text-align:left;
}

hr {
	border:0.5px dashed #ccc;
	width:100%;
}

.hrpower {
	border:1px inset #ccc;
	width:100%;
}

.navigasi {
	display:block;
	position: relative;
	height:15px;
	width:730px;
	background-color: #000000;
	font-size:0px;
	padding-left:0px;
	/*background-image:url(../image/menu-bg.jpg);*/

		

	
	
}




a:link, a:visited {
	text-decoration : none;
/*	font-weight:bold;*/
	color: #333333 /*#000066*/ ;
	background: transparent; 
}

a:hover {
	text-decoration : underline;
	color:  #FF0000 ;
	background: transparent;
/*	background-color:#CCCCCC;*/
}

.biru {
	text-decoration : none;
	color: #0033CC ;
/*		font-weight:bold;*/
	background: transparent;
}
.burut {
	text-decoration : underline;
	color: #003b77 ;
	font-size:12px;
		font-weight:bold;
	background: transparent;
}
.putih {
	text-decoration:  none;
	color: #FFFFFF ;
		font-weight:bold;
	background: transparent;
}

.merah {
	text-decoration : none;
	color: #FF0000;
		/*font-weight:bold;*/
	background: transparent;
}
.merahgaris {
text-decoration:underline;


	color: #FF0000;
		font-weight:bold;
	background: transparent;
}

.nongaris {
text-decoration:underline;
border:none;



	color: #FF0000;
		font-weight:bold;
	background: transparent;
}



.kuning {
	text-decoration : none;
	color: #FFFF00;
		font-weight:bold;
	background: transparent;
}

a:active {
	text-decoration : none;
	color: #666666;
	background: transparent;  
}

.magic-box {
	display:block;
	position:relative;
	background-color:#FFFFFF;
	border:1px solid #E3E3E3;
	width:200px;
	height:118px;
	font: small/1.7em verdana, sans-serif; 
	font-size: 10px;
	padding:10px;
}

textarea {
	border: 1px solid #CECEC6;
	background-color:#F2F2EE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#515151;
	padding:1px 3px 1px 3px;
	height:150px;
}

.button{
	color: #666666;
	background: #e1ded8;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #b7b2a8;
	border-bottom: 1px solid #b7b2a8;
	margin: 0 4px 0 0;
	font-size: 9px;
	font-family:Arial, Helvetica, sans-serif;
	height:20px;
}

.textbox{
	border: 1px solid #CECEC6;
	background-color:#F2F2EE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#515151;
	padding:1px 3px 1px 3px;
	width:117px;
	height:15px;
}

.textbox-com{
	border-left:1px solid #CECEC6;
	border-top:1px solid #CECEC6;
	border-right:1px solid #CECEC6;
	border-bottom:1px solid #CECEC6;
	background-color:#F2F2EE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#515151;
	padding:1px 3px 1px 3px;
	width:190px;
	height:20px;
}

.prestasi {
	display:block;
	position:relative;
	width:493px;
	font: small/1.7em verdana, sans-serif;  
	font-size: 20px;
	font-weight:bold;
	color:#976B3B;
	text-align:left;
}

/* table style */

table {
	font: small/1.7em verdana, sans-serif;
	font-size: 10px;
	width:100%;
}

td {
	font: small/1.7em verdana, sans-serif;
	font-size: 10px;
}

tr {
	font: small/1.7em verdana, sans-serif;
	font-size: 10px;
}

/* polling style */

.polling {
	display:block;
	position:relative;
	background-color:#CCCCCC;
	height:200px;
}

.pertanyaan2 {
	font: small/1.7em verdana, sans-serif;
	font-size: 12px;

	background-color:#000000;
	background-image:url(../image/pop_up.gif);
	background-repeat:repeat-x;
	text-align: left;
	vertical-align: middle;
	padding-left:10px;
	color:#FFFFFF;
	height:25px;
}

.pertanyaan {
	font: small/1.7em verdana, sans-serif;
	font-size: 10px;
	background-color:  #000066;
	text-align:Right;
	padding-right: 8px;
	vertical-align:middle;
	padding-left:5px;
	color:#FFFFFF;
}

.jawaban1 {
	font: small/1.7em verdana, sans-serif;
	font-size: 10px;
	background-color:#D2D9E1;
	text-align:left;
	padding:5px 0px 5px 5px;
}

.jawaban2 {
	font: small/1.7em verdana, sans-serif;
	font-size: 10px;
	background-color:#FFFFFF;
	text-align:left;
	padding:5px 0px 5px 5px;
}

.total {
	font: small/1.7em verdana, sans-serif;
	font-size: 10px;
	text-align:left;
	padding:5px 0px 5px 5px;
	border-top:1px solid #000000;
	background-color:#CCCCCC;
}

/* timnas style */

.timnasheader {
	display:block;
	position:relative;
	/*width:493px;*/
	font: small/1.7em verdana, sans-serif;  
	font-size: 20px;
	font-weight:bold;
	color:#976B3B;
	text-align:left;
	border-bottom:1px solid #000000;
}

.posisiheader {
	display:block;
	position:relative;
	width:493px;
	font: small/1.7em verdana, sans-serif;  
	font-size: 13px;
	font-weight:bold;
	color:#003399;
	text-align:left;
}

#contentpd { /* bagian content sebelah kiri */
	display:block;
	position:relative;
	width:560px;
	float:  left;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	padding-top:8px;
	font: small/1.7em verdana, sans-serif; 
	font-size: 10px;
	color: #333333;
	text-align:justify;
	border-left:1px solid #ccc;
	
/*	background-color:#dfeaf8;*/
}

/*------ tampilan untuk detail pemain */
#contentfoto{ /* bagian content sebelah kanan */
	display:block;
	position:relative;
	width:115px;
	height:150px;
	float:left;
	padding:10px;
	font: small/1.7em verdana, sans-serif; 
	text-align:justify;
}

#contentboxbiodata{ /* bagian content sebelah kanan */
	display:block;
	position:relative;
	width:480px;
	height:135px;
	float:left;
	padding:10px;
	font: small/1.7em verdana, sans-serif; 
	text-align:justify;
}

#contentboxbiodatakiri{ /* bagian content sebelah kanan */
	display:block;
	position:relative;
	width:150px;
	float:left;
		border:1 px;
	padding:10px;
	font: small/1.7em verdana, sans-serif; 
	text-align:justify;
}

.contentboxbiodatakiri { /* wrap block menu di bagian sebelah kanan */
	display:block;
	position: relative;
	width:50px;
	padding-top:1px;
	padding-left:15px;
	float:left;

	font: small/1.7em verdana, sans-serif; 
	font-size: 10px;
	font-weight:bold;
	
/*	color: #FFFFFF;*/
	text-align: justify;

	/*background-image:url(../image/as_sep_trans.gif);
	background-repeat:repeat-x;*/

}
.contentboxbiodatakanan { /* wrap block menu di bagian sebelah kanan */
	display:block;
	position: relative;
	width:350px;
	float:left;
	padding-top:1px;
	padding-left:15px;

	font: small/1.7em verdana, sans-serif; 
	font-size: 10px;
	font-weight:bold;
	/*color: #FFFF00;*/
	text-align: left;
}