@charset "utf-8";
/* ----------- RESET CSS ------------*/
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	  margin: 0;
	  padding: 0;
	  border: 0;
	  outline: 0;
	  font-weight: inherit;
	  font-style: inherit;
	  font-size: 100%;
	  font-family: inherit;
	  vertical-align: baseline;
	  background: none;
	}
	/* remember to define focus styles! */
	
	html {
     overflow: -moz-scrollbars-vertical;
	}

	
	:focus {
	  outline: 0;
	}
	
	body {
	  line-height: 1;
	  color: #555;
	  background: #fff url("../css/images/bg.gif") no-repeat top center;
	  margin:5px 10px 5px 10px;
	}
	
	ol, ul {
	  list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	
	table {
	  border-collapse: separate;
	  border-spacing: 0;
	}
	
	caption, th, td {
	  text-align: left;
	  font-weight: normal;
	}
	
	blockquote:before, blockquote:after, q:before, q:after {
	  content: "";
	}
	
	blockquote, q {
	  quotes: "" "";
	}
	
	textarea {
	  margin: 0;
	  padding: 0;
	}
	
	/* --------- TYPOGRAPHY -----------*/
	body {
		font-family:"Lucida Grande",Tahoma, Verdana, Arial, Sans-serif
	}

	p, ul, ol, form {
	  color:#555;
	  margin: 0 0 1.5em;
	}
	
	h1, h2, h3, h4, h5, h6 {
	  font-family: "Trebuchet MS";
	  color: #000;
	  margin:0 0 10px 0;
	  padding-bottom: .1em;
	}
	
	h1 {
	  font-size: 16pt;
	  color:#029b10;
	  border-bottom: 2px solid #ddd;
	}
	
	h2 {
	  font-size: 14pt;
	  color:#029b10;
	}
	
	h3 {
	  font-size: 12pt;
	  color:#555;
	  font-weight:bold;
	}
	
	h4 {
	  font-weight:bold;
	  font-size: 76%;
	  color:#555;
	}
	
	h5 {
	  font-size: 66%;
	}
	
	strong {
		font-weight:bold;
	}
	
	.highlight {
	  color: #E17000;
	}
	
	.subdued {
	  color: #999;
	}
	
	.error {
	  color: #c00;
	}
	
	.success {
	  color: #390;
	}
	
	.caption {
	  color: #999;
	  font-size: 11px;
	}
	
	.date {
	  font: 55% "Trebuchet MS";
	  color: #bbb;
	  display: block;
	  letter-spacing: 1px;
	}
	
	small {
	  font-size: 7pt;
	}
/* --------- END TYPOGRAPHY -----------*/

/* --------- LINKS --------------*/
	a {
		color:#029b10;
		text-decoration:none;
	}
	
	a:hover {
		text-decoration:underline;
	}
	
/************** *************************/

#login-wrapper{
	margin:0 auto;
	width:960px;
}

#login {
	background:#028e06 url("images/tubongberde-bg.png") no-repeat;
	padding:0 10px;
	height:120px;
}

#portal-name {
	margin:25px 0 0 20px;
	float:left;
}

#loginform {
	font-family:"Lucida Grande",Tahoma, Verdana, Arial, Sans-serif;
	margin:45px 20px 0 0;
	float:right;
}

#loginmsg {
	position:absolute;
	top:20px;
	height:30px;
	vertical-align:bottom;
}

#loginform p {
	color:#fff;
	font-size:9pt;
	margin:0 0 5px 0;
	padding:0 0 0 4px;
}

#main-content h2 {	
	color:
}

#main-content {
	padding:10px 0 0 0;
}

#main-content p{
	font-size:9pt;
	line-height:12pt;
}

#main-content .hr{
	border-bottom:1px solid #eee;
	margin-bottom:10px;
}

.clearer {
	clear:both;
}

.hr {
	border-bottom:1px solid #ddd;
	margin-bottom: 10px;
}

/* FOOTER */

#footer img{
	float:left;
}

#footer {
	margin:0 auto;
	width:960px;
	padding:0 0 10px 0;
	color: #999;
	margin-bottom:25px;
	clear:both;
}

#footer .ftext{
	float:right;
	font-size:8pt;
	margin:5px 0 10px 0;
	color: #999;
}

/* END FOOTER */