/* CSS Document */
/* -----------------------------------------------------------------
	Creator		: 	retsu782000
	Created		:	28/02/2008	
----------------------------------------------------------------- */
/*==============================
	GLOBALS
Sets the default document font size, family
and color
===============================*/
body
{
	font-family:Verdana;
	font-size:11px; 
	color:#020202;	
	text-align:center;
}
/*==============================
	SITE WRAPPER
===============================*/
.site-wrapper
{
	width:996px; 
 
	/* min-height lets your site grow vertically 
	(like in tables). */
	height:auto; 
 	
	/* By setting these to auto you are centering the 
	site */
	margin-left:auto;  
	margin-right:auto;  	
	
}
/*==============================
		BODY WRAPPER
===============================*/
.body-wrapper
{	
 
 
	/* floats are crucial to the creation of any
	web interface. Every web developer must master
	this concept. Don't worry I'll be writing a
	tutorial about this a little later.	:)	*/
	float:left; 
 
 
	width:995px; 
	min-height:565px; 
	/* background:url(images/body_bg-15.jpg); */
	background-repeat:repeat-x;
	/* background-color:#F5E17A; */
}
/*==============================
		FOOTER
===============================*/
.footer
{
	/* clears are the sisters to float, it's 
	time to meet the whole family :) */
	clear:left; 
	height:49px; 
	width:995px;
	background:url(images/footer_bg.jpg); 
	font-weight:bold;
	text-align:center;
	
}


/*==============================
	CONTENT-WRAPPER
===============================*/
.content-wrapper
{  
	margin-top:3px;
	float:left; 
	width:580px;
	border-right:solid 2px #898883;
	border-left:solid 2px #898883;
	padding-left:5px;
	padding-right:10px;
	min-height:700px !important;
	height:700px;
}

/*==============================
		RIGHT WRAPPER 
===============================*/
.right-wrapper
{
	float:left; 
	width:180px; 
	min-height:565px;
	padding-left:5px;
	
	
}


/*==============================
		PANEL CONTENT
===============================*/
.panel
{ 
	margin-top:10px;
	width:100%;
	float:left;
	
}
/*The panel content */
.panel_content1
{
	padding:2px; 
	text-align:left;
	background:url(images/login.jpg) no-repeat;
	width:180px;
	height:136px;
}
.signcomplete {background:url(images/index/loginbg.gif) repeat-y; border:1px solid #D0E7D1; padding:10px; text-align:left; height:130px;}
.signin {color:#4E514A; font-family:'verdana'; font-size:12px; font-weight:normal; margin-left:10px; margin-top:3px; font-weight:bold;}
.username {margin-bottom:8px; margin-top:3px; color:#FFFFFF;}
.judul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}

.signsmall {width:170px; font-size:11px; color: #ffffff; font-weight:bold; margin-left:8px}
.logintext {width:85px; border:1px solid #ccc; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:4px; }
.rightside {width:295px; float:right; padding-right:35px;}
.submit {font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; margin-top:3px; width:65px; color:#2D5000; height:20px; text-align:center; background-color:#FBE08F;}
.signbox {text-align:right; width:165px; padding-left:4px;}
.lostpword a{float:right; width:170px; text-align:left; color:#fff; font-size:12px; font-weight:bold; padding-top:3px; height:13px; padding-left:8px; text-decoration:none;}
.submitbox {width:170px; float:right; text-align:left;}

.panel_content
{
	padding:2px; 
	text-align:left;
}
/* The panel title */
.welcome
{	  
	height:16px; 
	font-size:14px; 
	color:#991313; 
	padding:2px; 
	padding-left:4px; 
	text-align:right;
	text-decoration:none;
	
}
.panel_title
{	  
	height:16px; 
	font-size:16px; 
	color:#991313; 
	padding:2px; 
	padding-left:4px; 
	text-align:left;
	padding-bottom:3px;
	text-decoration:none;
	
}

a.home
{
	color:#991313;
	font-size:16px;
	text-decoration:none;
	
}
/*==============================
	NEWS & EVENT
===============================*/
.news
{
	margin-top:3px;
	float:left; 
	/*The width of the menu */
	width:584px; 
	min-height:350px;
 	
}

.news_border
{	  
	background:url(images/arrow.jpg) 5px 9px no-repeat;
	height:36px;
	border-bottom:#991313 solid 5px;
	margin-bottom:15px;
}

.news_content
{
	margin-top:5px;
	margin-bottom:3px;
	font-size:11px;
	text-align:justify;	
	height:100px;

}

/*buat search khusus*/
.news_content2 
{
	margin-top:5px;
	margin-bottom:3px;
	font-size:11px;
	text-align:justify;	
	

}

img.preview{ float:left; padding-right:5px;}

.news_title
{
	color:#257CDE;
	font-family:verdana;
	font-size:14px;
	text-transform:capitalize;
	font-weight:bold;
	margin-bottom:15px;
}

a.more
{
	color:#991313;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	
}

.paging
{
	text-align:right;
	clear:both;
}
a.paging
{
	color:#991313;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	
}

/*==============================
	MENU 
===============================*/
.menu
{
	margin-top:5px;
	float:left; 
	/*The width of the menu */
	width:180px; 
	min-height:565px;
 
	/*The font of all the text in the menu */
	font-family:Arial; 
	padding-right:5px;	
	padding-left:10px;
	font-size:17px;
	

}

.right-wrapper2
{
	float:left; 
	width:180px; 
	min-height:565px;
	padding-left:5px;
	padding-right:5px;
	font-size:17px;
	
}

ul#menu-right {
	list-style:none;
	width: 180px;
	text-align:right;
	margin:5px 0;
	display:inline;
	margin-bottom:10px;
	
}

ul#menu-right li {
	
	clear:both;
	padding:0 !important;
	
	
}

ul#menu-right li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background:#3C67B5;
	font-weight:bold;
	width:170px;
	padding:5px 5px 3px 0;
	text-align:left;
	border:#000000 solid 1px;
	
}

/* Fix IE. Hide from IE Mac \*/
* html ul#menu-right li { float: left; height: 1%; }
* html ul#menu-right li a { height: 1%; }
/* End */

ul#menu-right li a:hover { color: #F5CD48;}

ul#menu-right li:hover ul, ul#menu-right li.over ul { display: block; }


/*==============================
	CONTENT-WRAPPER2
===============================*/
.content-wrapper2
{  
	margin-top:3px;
	float:left; 
	width:780px;
	border-left:solid 2px #898883;
	padding-left:5px;
	padding-right:10px;
	min-height:700px !important; /* 2 baris ini trouble maker untuk search*/
	height:700px;
}

.content-wrapper3
{  
	margin-top:3px;
	float:left; 
	width:780px;
	border-left:solid 2px #898883;
	padding-left:5px;
	padding-right:10px;
	min-height:700px !important; /* 2 baris ini trouble maker untuk search*/

}

.content-wrapper4
{  
	margin-top:3px;
	float:left; 
	width:780px;
	border-left:solid 2px #898883;
	padding-left:5px;
	padding-right:10px;
	min-height:700px !important; /* 2 baris ini trouble maker untuk search*/
	height:1800px;
}
	
.content-wrapper5
{  
	margin-top:3px;
	float:left; 
	width:780px;
	border-left:solid 2px #898883;
	padding-left:5px;
	padding-right:10px;
	min-height:700px !important; /* 2 baris ini trouble maker untuk search*/
	height:970px;
}	



/* -----------------------------------------------------------------
	Desc		:	class-class dasar yang dapat dipakai untuk table 
----------------------------------------------------------------- */

table.tbinsidecontent{

	width:100%;
}

table.tablewithborder{	
	padding: 2px;	
	
}

table.tablewithborder th, table.tablewithborder td{
	
	border:1px solid #991313;
}

td.info{
	font-weight:bold;
}

td.centerall{
	vertical-align:middle;
	text-align:center;
}

table{
	
}

table th, table td{
	vertical-align:top;
}

table th{
	color:#991313;
	font-size:11px;
	text-align:center;
	width:125px;
}

table td{
	font-family:Verdana;
	font-size:11px; 
	color:#020202;
}

table tr.alt td{
	background:#f5f5f5 !important;
}

table.itembuku{
	border-top:1px solid #991313;
	border-left:1px solid #991313;
	background:#f7e7c7;
	width:600px;
	margin:0 0 12px 0 !important;
}

table.itembuku td, th{
	border-bottom:1px solid #991313;
	border-right:1px solid #991313;
	padding:4px;
	line-height:normal;
}