@charset "utf-8";
/* CSS Document */
/*start css for transparent iamges*/
#img-roll1, #img-roll2 {
     opacity:0.4;
     filter:alpha(opacity=40)
     }
#img-roll1 {
     float:left;
     border:#666600 1px solid;
     padding:2px;
     margin-bottom:10px;}
#img-roll2 {
     float:right;
     border:#666600 1px solid;
     padding:2px;
     margin-bottom:10px; }
	 
/*end of css for transparent iamges*/

/*start css for z-index*/

div.layer_1 {
	background-color:blue;
	position:relative;
	left:0;
	top:0;
	z-index:0;	
}
div.layer_2 {
	background-color:green;
	position:relative;
	left:20px;
	top:-20px;
	z-index:1;
}
div.layer_3 {
	background-color:yellow;
	position:relative;
	left:40px;
	top:-40px;
	z-index:2;
}

div.layer_1, div.layer_2, div.layer_3 {
	width:200px;
	padding:20px 15px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#000000;}
/*end of css for z-index*/

/*start css for text scroll box*/
div.kotak_teks {
	width:465px;
	height:100px;
	overflow: auto;
	text-align:left;
	border: solid 1px #cccccc;
	padding:5px;
	font-family:"Courier New", Courier, monospace;
	color:#00b599;}
/*end of css for text scroll box*/

/*start CSS for mengatur Table*/
table.listItem {
	width:100%;
	padding:0.1em;
	text-align:center;
	border:1px #009966 solid;
	background:#ffffff;
        color:#111111;}
table.listItem th {
	font-size:1.4em;}
table .nameItem {
	background:#006666;
	font-weight:bold;
	color:#FFFFFF;}
table .oldRow {
	background:#009999;}
table .evenRow {
	background: #00CC99;}
/*End Of CSS for mengatur Table*/

/*start Of CSS for Form Table*/
form table {
	width:100%;
	text-align:left;
	border:#d8cdb5 1px solid;}
	
form table th {
	width:60%;
	text-align:center;
	color:#000000;
	background:#edd7a9;}

form table td {
	background:#d0deac;
	}
/*End Of CSS for Form Table*/

/*Start Of CSS for Horisontal menu*/
#topNav {			
		padding:0 ;
		margin:0;
		background:#cccccc;
		height:28px;		
		}
		
	#topNav ul {
		display:inline;
		padding:o;
		margin:0; 
				
		}
	
	#topNav li {
		float:left;
		display:inline;
		list-style:none;		
		padding:0.2em 0 ;
		font-size:1.4em;		
		margin:0;
		border-top: #999999 solid 1px;
		
		}
		
	#topNav li a {		
	color:#666666;
	text-decoration:none;
	padding:0.05em 1em 0.2em 1em;
	margin:0;
	background:#cccccc;
	border-top: #ffffff solid 1px;
	border-right: #ffffff solid 1px;
	border-left: #999999 solid 1px;
	border-bottom: #999999 solid 1px;}
	
	#topNav li a:hover {		
	color:#333333;
	text-decoration:none;
	background:#dddddd;
	}
/*End Of CSS for Horisontal menu*/

    #inline-button {
    margin:1em 0 2em 0;
    padding:0;
    list-style:none;
    text-align:left;
    }
    #inline-button li {
    margin: 0 0 0 0;
    list-style:none;
    display:inline;
    padding:0;
    }
    #inline-button li a {
    background:  url(images/button-left-bg.png)no-repeat left bottom;
    font-size:1.3em;
    margin:0 0 0 0 ;
    padding:0.3em 0 0.3em 0;
    text-decoration:none;
    }

    #inline-button li a span {
    background:  url(images/button-bg.png)no-repeat right bottom;
    margin:0 0 0 1em;
    padding:0.3em 1em 0.3em 0;
    color:#92b1e4;}
	
/*start css for match table*/
table.fixture {
	width:100%;	
	margin:0;
	background:#ffffff;	
	margin-bottom:1em;
	color:#cccccc;}
	
.fixture caption {
	text-align:left;
	font-size:1.4em;
	font-weight:bold;}
	
.fixture th {text-align:center;
	background:#111111;
	border-bottom:solid 1px #666666;
	text-transform:uppercase;}
	
.fixture td {text-align:center;
	margin:0;
	padding:0;}
	
.fixture tr.odd td {background:#333333;
	padding:3px 3px;
	border-top:solid 1px #999999;}
	
.fixture tr.even td {background:#666666;
	padding:3px 3px;
	border-top:solid 1px #999999;}
	
.fixture td.match, .fixture th.match {width:10%;
	border-right:dotted 1px #999999;}
	
.fixture td.team span {
	font-size:0.8em;
	color:#ffffff;
	background:#666666;
	padding:0 2px;
	}
	
.fixture td.dates, .fixture th.dates{width:15%;
	border-right:dotted 1px #999999;}
	
.fixture td.result , .fixture th.result{width:15%;
	border-left:dotted 1px #999999;}
	
.fixture .vs  {	
	width:5%;}
	
.fixture .vs span {
	background:#999999;
	padding:0px 2px;
	color:#ffffff;
	font-size:0.8em;}
/*End css for match table*/

/*Start CSS for table jadwal liga champion*/
.TableBg {
    background:#444444;
    border:solid 1px #555555;
    padding: 0.3em 1em;}

.TableNoBg {
    border:solid 1px #555555;    
    padding: 0.3em 1em;}

/*End CSS for table jadwal liga champion*/