img,table {
	border: none;
}

label {
	float: right;
	width: 90px;
	margin-right:0px;
}

.bodyx {
	font-family: Tahoma, Arial, sans-serif;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #333;
	background: #71C3EB url(../images/backgroundx.jpg) top left repeat-x;	
}
.bodyy {
	font-family: Tahoma, Arial, sans-serif;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #333;
	background: url(../images/backgroundy.jpg) top left repeat-x;	
}

body {
	font-family: Tahoma, Arial, sans-serif;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #333;
	background: none;	
}


p {
	margin-top: 0;
	margin-bottom: 5px;
	text-align: justify;
}

a:link, a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #888;
	outline: none;
}

a:hover {
	text-decoration: none;
	font-weight: normal; color:#3C72AD; 
}

.inputbox {
	border:1px solid #000;
	padding: 1px;
	font-size: 12px;
	width : 124px;
	font-weight:bold; color:#3C72AD;
	height:19px;
} 

.inputbox2 {
	border:1px solid #999999;
	padding: 1px;
	font-size: 12px;
	width : 160px;
	font-weight:normal; color:#3C72AD;
	height:21px;
} 

input.button{
	background:#052167;
	color:#fff;
	border:none;
	font-size: 10px;
	height : 22px;
	width : 76px;
	padding: 0px 0px;
	cursor: pointer;
}

.inputbox:hover{
	border:1px solid #FFAF03;
}
input.button:hover, .validate:hover  {
	cursor: pointer;
	background:#FFAF03;
}

.buttone{
	background:#C1D2E3;
	color:#fff;
	border:1px solid #F1F1F3;
	font-size: 9px;
	height : 22px;
	width : 50px;
	padding: 5px 2px 4px 2px;
	margin-bottom:1px;
	cursor: pointer;
}
input.buttone:hover  {
	cursor: pointer;
	background:#FFAF03;
}


/*** Template specific layout elements ***/

#wrapper{
	text-align:center;
	margin:0px auto 0 auto;

}
/* top body */

#bodylogin1 {
	background:none;
	width:850px;
	margin: 0 auto;
	height:48px;
	line-height: 1.4em;
	padding: 0px;		
}
#bodylogin1_2 {
	background:none;
	width:850px;
	margin: 0 auto;
	height:116px;
	line-height: 1.4em;
	padding: 0px;		
}
#imgbody11 {
background: url(../images/img1_1.jpg) top left no-repeat;	
height:116px;
width:116px;
float:right;
}


#bodylogin2 {
	background-color:none ;
	width:850px;
	text-align:center;
	margin: 0px auto;
	height:116px;
	line-height: 1.4em;
	padding: 0px;		
}
#imgbody21 {
background: url(../images/img2_1.jpg) top left no-repeat;	
height:116px;
width:116px;
float:right;
}
#imgbody22 {
background: url(../images/img2_2.jpg) top left no-repeat;	
height:116px;
width:116px;
float:right;
}
#imgbody23 {
background: url(../images/img2_3.jpg) top left no-repeat;	
height:116px;
width:116px;
float:right;
}
#imgbody24 {
background: none;	
height:116px;
width:302px;
float:right;
}
#imgbody25 {
background: none;	
height:116px;
width:200px;
text-align:left;
float:right;
}

#bodylogin3 {
	background-color: #0000FF ;
	width:850px;
	text-align:center;
	margin: 0px auto;
	height:116px;
	line-height: 1.4em;
	padding: 0px;		
}
#imgbody31 {
background: url(../images/img3_1.jpg) top left no-repeat;	
height:116px;
width:116px;
float:right;
}
#imgbody32  {
background: url(../images/img3_2.jpg) top left no-repeat;	
height:116px;
width:116px;
float:right;
}
#imgbody33 {
background: url(../images/img3_3.jpg) top left no-repeat;
height:116px;
width:618px;
float:right;
}

#bodylogin4 {
	background-color: none ;
	width:850px;
	text-align:center;
	margin: 0px auto;
	height:116px;
	line-height: 1.4em;
	padding: 0px;		
}
#imgbody41 {
background: url(../images/img4_1.jpg) top left no-repeat;	
height:116px;
width:116px;
float:right;
}
#imgbody42 {
background: none;	
height:116px;
width:116px;
float:right;
}
#imgbody43 {
background: none;	
height:116px;
width:618px;
float:right;
}
#tabbody43_1 {
padding-top:15px;
background: url(../images/img4_3.jpg) top left no-repeat;
height:50px;
width:618px;
float:right;
}
#tabbody43_2 {
background: none;
height:66px;
width:618px;
float:left;
}


#bodylogin5 {
	background:none;
	width:850px;
	text-align:left;
	margin: 10px auto;
	height:60px;
	line-height: 1.4em;
	padding: 2px;	
	color: #666666;
}

#bodylogin5 a:link, #bodylogin5 a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #666666;
	outline: none;
}


#bodylogin5 a:hover {
	text-decoration: underline;
	font-weight: normal; color: #666666; 
}

#barlogo{
	background:none;
	width:850px;
	text-align:left;
	margin: 0;
	height:108px;
	line-height: 1.4em;
	padding: 0;	
}

#barwelcome {
    float : left;
	background:none;
	width:415px;
	text-align:left;
	margin: 0 0 0 14px ;
	height:240px;
	padding:0px;	
	vertical-align : top;
}
#barwelcome h1 {
	text-align : left;
	padding-top : 0px;
	margin-bottom:10px;
	line-width: 1.2em;
	width: auto;
	height:20px;
	font-family: Arial, sans-serif;
	font-size:18px;
	color:#047CB1;
	font-weight:bold;
	background: none; 
}

#barwelcome span.info, #barwelcome span.info td  {
	text-align : justifiyed;
	padding-top : 0px;
	margin:0;
	line-width: 1.4em;
	width: auto;
	height:auto;
	font-family: Arial, sans-serif;
	font-size:11px;
	color:#333;
	font-weight:normal;
}



#baritem1 {
    float : left;
	background:none;
	width:auto;
	text-align:left;
	margin: 0 0 0 14px ;
	height:auto;
	padding-bottom:15px;	
	vertical-align : top;
}
#baritem1 h1 {
	text-align : left;
	padding-top : 0px;
	margin-bottom:10px;
	line-width: 1.2em;
	width: auto;
	height:20px;
	font-family: Arial, sans-serif;
	font-size:16px;
	color:#50B82B;
	font-weight:bold;
	background: none; 
}

#baritem1 span.info, #baritem1 span.info td  {
	text-align : justifiyed;
	padding-top : 0px;
	margin:0;
	line-width: 1.4em;
	width: auto;
	height:auto;
	font-family: Arial, sans-serif;
	font-size:11px;
	color:#333;
	font-weight:normal;
}



#body1 {
	background: #3B5998;
	width:960px;
	text-align:center;
	margin: 0 auto;
	height:40px;
	line-height: 1.4em;
	padding: 0px;	
	
}
/* main body */
#body2 {
	/* background: #fff;
	454851 */
	width:940px;
	margin:1px auto;
	padding:10px;
	text-align:left;
	margin:1px auto;
	padding: 0 0 10px 0;
}

/* bottom body */
#body3 {
	background: none;
	width:960px;
	text-align:center;
	margin: 0 auto;
	height:50px;
	line-height: 1.4em;
	padding: 2px;
	border-top : 1px solid #f2f2f2;	
}

#header1 {
	margin: 0 auto;
	height:40px;
	width:180px;
	line-height: 1.4em;
	padding:0px;
    background: url(../images/netacadlogo.jpg) top left no-repeat;
	float:left;	
}
#header2 {
	margin: 0 auto;
	height:40px;
	width:450px;
	line-height: 1.4em;
	padding:0px;
    background-color:#3B5998;
	float:left;	
}
#header3 {
	margin-top: 0 auto;
	height:40px;
	width:330px;
	line-height: 1.4em;
	padding:0px;
    background-color: #3B5998;
	float:left;
}

#header3 p {
	text-align:left;
	font-size:11px;
	font-weight:normal;
	color:#ffffff;
	margin-top:15px;
}

#header3 a:link, #header3 a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
	outline: none;
}

#header3 a:hover {
	text-decoration: underline;
	font-weight: normal; color:#ffffff; 
}

#header2 p {
	text-align:left;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	margin-top:15px;
}
#header2 a:link, #header2 a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	outline: none;
}

#header2 a:hover {
	text-decoration: underline;
	font-weight: bold; color:#ffffff; 
}


/*box selamat datang*/
#toplinebox {
	margin: 0;
	padding: 0px 0px 0 0px;
	float: right;
	width: 700px;
	vertical-align:top;
    Height:85px;
	text-align:left;
	/*border:1px solid #D8DFEA;*/
}

#leftcolumn {
	margin: 0;
	width: 220px;
	float: left;
	padding: 0px 0px 0 0px;
	text-align: center;
	background-color:none;
}

#rightcolumn {
	margin-top: 8px;
	width: 220px;
	float: right;
	padding: 0px 0px 0 0px;
	text-align: center;
	background:none;
	background-color:none;

}



#maincolumnh2 {
	margin: 0;
	padding: 0px 0px 0 20px;
	float: left;
	width: 700px;
	/*background:#FFF;*/
	text-align:left;
	/*border:1px solid #D8DFEA;*/
}

#maincolumnh1 {
	margin: 0;
	padding: 0px 0px 0 0px;
	float: left;
	width: 495px;
	/*background:#FFF;*/
	text-align:left;
	/*border:1px solid #D8DFEA;*/
}

#module {
	margin: 0px;
	width: auto;
	text-align: left;
	padding-bottom: 7px;
	margin-bottom: 2px;
	border-bottom:1px solid #D8DFEA;
	border-top:1px solid #D8DFEA;
	border-left:1px solid #D8DFEA;
	border-right:1px solid #D8DFEA;
	background-color:#FFF;
}

#module h3 { 
    vertical-align : top;
	padding-top:6px;
	padding-left:10px;
	line-height: 1.4em;
	width: auto;
	margin : 0px;
	height:20px;
	font-family: Tahoma, Arial, sans-serif;
	font-size:11px;
	color:#00349A;
	font-weight:bold;
	background: url(../images/h3.jpg) top left repeat-x; 
}

#module div.contentz, div.contentz td { 
    vertical-align : top;
	margin-top:6px;
	margin-left:10px;
	margin-right:5px;
	margin-bottom:5px;
	height:auto;
	line-height:14px;
	padding:0;
	font-family: Tahoma, Arial, sans-serif;
	font-size:11px;
	color:#333;
	font-weight:normal;
}

#modulei {
	margin: 0px;
	width: auto;
	text-align: left;
	padding-bottom: 5px;

}

#modulei div.contenti, div.contenti td { 
	margin-top:0px;
	margin-left:10px;
	margin-right:5px;
	margin-bottom:5px;
	height:auto;
	line-height:15px;
	padding:0;
	font-family: Tahoma, Arial, sans-serif;
	font-size:11px;
	color:#333;
	font-weight:normal;
	text-align :center;
}

.contentdata{
 color : #00349A;
 padding-left :10px;
}

#bartopfoto {
    float:left;
	width:55px;
	text-align:left;
	height:55px;
	padding: 0px 0px 0 0px;
	margin-right :10px;
}

#bartopinformation {
	width:auto;
	text-align:left;
	height:55px;
	line-height: 1.4em;
	padding: 0px 0px 0 0px;
	margin-bottom:7px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #333;
}

#information1, #information1 td {
	width:auto;
	text-align:left;
	margin: 0 auto;
	height:18px;
	line-height: 1.4em;
	padding: 0px 0px 0 0px;
	margin-bottom:5px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #333;
	border-bottom:1px solid #D8DFEA;
}

#information2, #information2 td {
	width:auto;
	text-align:left;
	margin: 0 auto;
	height:18px;
	line-height: 1.4em;
	padding: 0px 0px 0 0px;
	margin-bottom:5px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #333;
}


/*content list book*/
#listlibrary {
    vertical-align :top;
	width:auto;
	text-align:center;
	height:auto;
	padding: 0px 0px 0 0px;
	margin-right :5px;
	margin-bottom :5px;
}
#listlibrary #judul {
    vertical-align :top;
	width:100%;
	text-align:center;
	height:auto;
	padding: 0;
	line-height: 1.0em;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #333;
	margin-right :5px;
	margin-top :2px;	
}


/* TabbedPanelsbar */
.TabbedPanelsbar {
	width:auto;
	text-align:left;
	margin: 5px 0;
	height:23px;
	line-height: 1.4em;
	padding: 5px 6px 0 20px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #333;
	background: #ECEFF4 url(../images/bulletbar.jpg) top left no-repeat;
}

/* TabbedPanelsbar_content */
.TabbedPanelsbar_content_h1  {
	background:none;
	width:auto;
	text-align:left;
	margin: 0 auto;
	height:auto;
	line-height: 1.4em;
	padding: 5px 5px 5px 15px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #333;
	font-weight:normal;
	border-bottom:1px dotted #D8DFEA;
}
.TabbedPanelsbar_content  {
	background:none;
	width:auto;
	text-align:left;
	margin: 0 auto;
	height:auto;
	line-height: 1.4em;
	padding: 5px 5px 5px 20px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #333;
	border-bottom:1px dotted #D8DFEA;
}

.TabbedPanelsbar_content_data, div.TabbedPanelsbar_content_data  {
    vertical-align: top;
	background:none;
	width:95%;
	text-align:left;
	margin: 0 auto;
	height:auto;
	line-height: 1.4em;
	padding: 5px 3px 15px 8px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	color: #333;
}

.TabbedPanelsbar_content_data td  
{
    vertical-align : top;
	margin-top:6px;
	margin-left:10px;
	margin-right:5px;
	margin-bottom:5px;
	height:auto;
	line-height:18px;
	padding:0;
	font-family: Tahoma, Arial, sans-serif;
	font-size:11px;
	color:#333;
	font-weight:normal;
	/*border-bottom:1px solid #F1F1F3;*/
}

#judulbuku {
    vertical-align: top;
	width:auto;
	text-align:left;
	height:auto;
	line-height: 1.4em;
	padding: 0px 0px 0 0px;
	margin-bottom:2px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #1B4682;
	border-bottom:1px solid #D8DFEA;
}

#infobuku {
    vertical-align: top;
	width:auto;
	text-align:left;
	margin:0;
	height:20px;
	line-height: 1.4em;
	padding: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 9px;
	text-direction :lowercase;
	font-weight:normal;
	color: #333;
}

#judulberita {
    vertical-align: top;
	width:auto;
	text-align:left;
	height:auto;
	line-height: 1.4em;
	padding: 0px 0px 0 0px;
	margin-bottom:5px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #1B4682;
	border-bottom:1px solid #D8DFEA;
}


#berita {
    vertical-align: top;
	width:auto;
	text-align:justify;
	height:auto;
	line-height: 1.2em;
	padding: 0;
	margin-bottom:4px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #333;
}

#infoberita {
    vertical-align: top;
	width:auto;
	text-align:left;
	margin:0;
	height:10px;
	line-height: 1.4em;
	padding: 0;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 9px;
	font-weight:normal;
	color: #333;
	border-top:1px dotted #D8DFEA;
}


h1 {
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	vertical-align: top;
	color: #326195;
	text-align: left;
	width: 100%;
}
/* Judul berita */
h2 {
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 0px;
	vertical-align: middle;
	line-height :13px;
	color: #326195;
	text-align: left;
	font-weight: bold;
}

h4 {
	font-family: Tahoma, Arial, sans-serif;
	color: #888;
}

th.box {
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	vertical-align: top;
	color: #326195;
	text-align: left;
    border-bottom:1px solid #66CCFF;
	background-color:#FBFBFB;
}

/* small text */
.itemtextpost {
	font-size: 10px;
	color: #258205;
	font-weight: normal;
	text-align: left;
}

.textpost {
	vertical-align: top;
	font-size: 10px;
	color: #888;
	font-weight: normal;
	vertical-align: top;
	padding-top: 0px;
}

a.readon {
	display: block;
	float: right;
	line-height: 14px;
	font-size: 10px;
	text-decoration: none;
	padding: 1px 2px 1px 2px;
	color: #888;
	border-bottom:1px solid #888888;
}

a.readon:hover {
	text-decoration: none;
	border-bottom:1px solid #FFFFFF;
}




/* spacers */
span.article_separator {
border-bottom:1px dotted #CCCCCC;
display:block;
margin-bottom:10px;
}

.clr {
	clear: both;
}


/* table of contents */
#footer1 {
	margin:0;
	float :left;
	text-align: left;
	background: none;
	line-height: 13px;
	width: 150px;
	border-left:1px solid #f1f1f1 ;
	vertical-align: middle;
}
#footer1 p{
	margin: 0px 4px auto;
	text-align: left;
	background: none;
}

#footer2 {
	margin: 2 auto;
	float :right;
	text-align: right;
	background: none;
	line-height: 10px;
	width: 200px;
}
#footer2 p{
	margin: 4px auto;
	text-align: right;
	background: none;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

li{
	line-height: 20px;
	padding-left: 12px;
	padding-top: 0;
}

a.mainlevel:link, a.mainlevel:visited {
	margin: 0;
	padding: 0 0 2px 17px;
	line-height: 18px;
	text-decoration: none;
	color: #888;
	font-weight: bold;
	font-size: 11px;
	background: url(../images/menu_row.jpg) center left no-repeat;
} 

a#active_menu.mainlevel:link, a#active_menu.mainlevel:visited {
	color: #888;
	font-weight:bold;
	text-decoration: underline;
}

a#active_menu.sublevel:link, a#active_menu.sublevel:visited {
	color: #888;
	font-weight:bold;
	text-decoration: underline;
}

a.mainlevel:hover {
	color: #888;
	background: url(../images/menu_row.jpg) center left no-repeat;
	text-decoration:underline;
	font-weight:bold;
}

a.sublevel:link, a.sublevel:visited {
	text-decoration: none;
	color: #888;
	font-size: 11px;
	font-weight: bold;
	border: none;
	height:20px;
	padding: 0 0 2px 20px;
	background: url(../images/sub_menu_row.jpg) center left no-repeat;
	line-height: 18px;
}

a.sublevel:hover {
	color: #888;
	font-weight:bold;
	text-decoration: underline;
}

table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #333099;
}

form#form-login fieldset { 
	border: 0 none; 
	margin: 0; 
}
form#form-login ul li{ 
	padding: 0; 
}

form#form-login ul li a {
	text-align: left;
	padding: 0;
	font-size: 10px;
	color: #333;
}

/* thumbnails */
div.mosimage         {  margin-right: 5px; margin-bottom: 5px; }
div.mosimage_caption {  font-size: .90em; color: #333; }


/* System Standard Messages */
#system-message dd.message ul { 
	padding: 0;
	margin: 0;
	background: none;
	border: none;
}

/* System Error Messages */
#system-message dd.error ul { 
	color: #c00; 
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

/* System Notice Messages */
#system-message dd.notice ul { 
	color: #c00; 
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

#system-message dd {
	text-indent: 0;
}

#system-message dd ul {
	list-style-type: none;
	color: #c00; 
	background: none;
	border: none;
}

#system-message {
	margin-top: 5px;
}

.clr {
	clear: both;
}