/* CSS Document */

body {
  text-align:center;	
  margin:0;
  padding:0;
  background-color:#6699CC;
  font-family:Verdana;
  font-size:11px;
}

td{
  font-family:Verdana;
  font-size:11px;	
}

#wrapper{
  width:600px;
  margin:auto;
}

#header{
  width:600px;
  height:175px;
  background: url(images/header.jpg) no-repeat left top  
}

#navcontainer ul
{
padding: 0;
margin: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}
 
#navcontainer ul li { display: inline}
 
#navcontainer ul li a
{
padding: 0.5em 1em;
background-color: #036;
color: white;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
 
}
 
#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}
 
#search{
  margin-top:20px;
  margin-top:7px;
} 

#abjad{
  border-bottom:1px solid #9BCDFF;
  border-top:1px solid #9BCDFF;
  background-color: #FFF;
}

#wrapper2{
  background-color: #B4D5F5;
  padding:10px;
}

#container{
  margin-top:15px;
  text-align: left;                            
}

#container h2{
  font-size:12px;
  background-color: #FFF;
  padding:3px;
  margin:0;
}

#new{
  width:285px;
  float:left;
  margin-right:10px;
}

#random{
  width:285px;
  float:right;    
}

.grid ul, #msgtext ul{
  list-style: none;
  text-align:left;
  padding:0;
  margin-top:0;
  margin-left:0;
}

.grid li{
  border-bottom:1px solid #ccc;
  padding:4px;
  margin:0;
  display:block;
  position:relative;
}


.normal ol{
  list-style: normal;
}

.normal li{
  border-bottom:0;
}

a:link, a:visited{ 
	text-decoration:none;
	color:#000066;
}

a:hover{
	color:#990000;
}

#abjad{
	padding:5px;
}

.odd{                      
	background-color:#DFEFFF;                	
}

.even{
	background-color:#CEE7FF;
}

#banner1{
	background-color:#FFF;
	padding:5px;
	margin-top:10px;
}

#infotext{
	padding-top:5px;
}

#shoutform{
	text-align:center;
	padding:5px;
	background-color:#6699CC;
}

#error{
	border:1px solid #bbb;
	background-color:#F5C0C9;
	padding:5px;
	margin:5px 0 5px 0;
}

/*Nasyid Detail*/

#container{
	font-family:verdana;
}

#lirik h3{
	font-size:20px;
}

.title{
	font-size:18px;
	font-weight:bold;
}

.attr{
	border-left:4px solid #6699CC;
	font-size:12px;
	margin-top:5px;
	padding-left:7px;
}

.text{
	font-size:15px;
}

/* paging */
.pag_link{
	background:#D0D0FF;
	border:#7090FF 1px solid;
	padding:3px 8px;
	margin-left:3px;
	margin-right:3px;
	color:#000000;
	}
.pag_link_cur{
	background:#90A0FF;
	border:#7090FF 1px solid;
	padding:3px 8px;
	margin-right:3px;
	margin-left:3px;
	color:#000000;
	}
.paging{
	margin-left:7px;
	padding-bottom:10px;
	padding-top:10px;
	margin-bottom:10px;
	text-align:left;
	}
.paging a{
	border:none;
	color:#000;
	}
.paging a:hover{
	text-decoration:underline;
	}

#paging{
	text-align:center;
}


#paging2{
	text-align:center;
}

/* form style */

input, textarea, select{
	border:1px solid #6699CC;
	background-color:  #DDDDFF;
}

.button{
	background-color:#BFBFBF;
	border-top:0;
	border-left:0;
	border-bottom:1px solid #A4A4A4;
	border-right:1px solid #A4A4A4;

}

/* footer */
#footer{
  margin:auto;
  width:600px;
	padding:0 0 5px 0;
}

/* ajax loading */
.loading{
	background:#FF0000;
	color:#ffffff;
	width:125px;
	height:20px;
}