/* Body Style */
body {
	font-size: 12px;
	color: #353535;
	margin: 10px 0px;
	background: url(../images/bg.gif) top left repeat-x #fff;
}

body, p, h1,h2,h3,h4,h5,h6,div,ol,li,td,th,a,form,input,select,textarea,option,label {
	font-family: Arial, Helvetica, sans-serif;
}

/* standard Hyperlink */
a {
	color: #586b8c;
}

a:hover {
	color: #b86000;
}

/* standard Form */
form {
	margin: 0px;
}
select{
}
textarea {
	overflow: auto;
	font-size: 12px;
	font-family: arial;
}

input.button {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #e5930c;
	border: 1px solid #f7af27;
	padding-left: 4px;
	padding-right: 4px;
	cursor: pointer;
}

/* standard cell */
td, th {
}

img, object {
	border: 0px;
}

.floatRight{
 	float: right;
}
.floatLeft{
 	float: left;
	margin: 0px 10px 0px 0px;
}

.center{
	text-align: center;
}
.left{
	text-align:left;
}
.right{
	text-align: right;
}
.justify{
	text-align:justify;
}

.clear{
	clear: both;
	margin: 0px !important;
	padding: 0px !important;
	height: 0px;
	overflow: hidden;
}

/* --------- main element -------- */
.body {
	text-align: center;
	padding: 0px;
}
.container{
	width: 878px;
	margin: 0px auto;
	padding: 7px;
	text-align: left;
	background-color: #fff;
	border: 1px solid #bcb8b5;
}
.mainPage {
	display: block;
	float: left;
	background: url(../images/bgSide.gif) top right repeat-y #fff;
}
.sidebar {
	width: 202px;
	padding: 0px;
	overflow: hidden;
	float: left;
	display: block;
}
.page {
	display: block;
	float: left;
	width: 878px;
	padding: 0px;
	background: url(../images/bgPage.gif) left top no-repeat;
}
.wrapper {
	width: 660px;
	padding: 0px;
	float: right;
	display: block;
	margin: 0px;
	overflow: hidden;
}
.main {
	width: 440px;
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
}
.content {
	margin-bottom: 20px;
}
.rightside {
	width: 185px;
	padding: 9px;
	overflow: hidden;
	float: right;
	display: block; 
}

h2.pageTitle {
	margin: 15px 0px !important;
	padding: 0px 0px 5px 0px !important;
	font-size: 1.5em;
	font-weight: lighter;
	font-family: verdana;
	border-bottom: 2px solid #7e8bab;
}

h2.heading {
	font-size: 1.2em;
	padding: 2px 0px !important;
	margin: 5px 0px 10px 0px !important;
	color: #7e8bab;
	border-bottom: 2px solid #7e8bab;
}
.main h3 {
	margin: 10px 0px !important;
	padding: 5px 0px !important;
	color: #13357d;
	font-size: 1.1em;
	border-bottom: 1px solid #ddd;
}

.details {
	padding: 10px;
	text-align: center;
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
.details p {
	margin: 10px 0px !important;
	padding: 10px 0px !important;
	text-align: left !important;
	line-height: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.cs {
	padding-bottom: 10px;
	text-align: center;
	background: url(../images/csBot.gif) bottom no-repeat #25468b;
}
.cs h2{
	font-size: 1.1em;
	text-align: center;
	padding: 8px !important;
	margin: 0px !important;
	color: #e0dedf;
	background: url(../images/csTop.gif) top no-repeat;
}
.cs table {
	width: 165px;
	border: 0px;
	margin: auto;
}
.cs table td {
	color: #fff;
	font-size: 11px;
	padding: 4px 5px;
	background-color: #365596;
	border-bottom: 1px solid #25468b;
}

.artikel, .link {
	margin: 15px 0px;
}
.artikel h5 {
	font-size: 0.9em;
	margin: 3px 0px !important;
	padding: 3px 0px !important;
	color: #14367e;
	background: url(../images/dotted.gif) bottom left repeat-x;
}

.artikel h5 a, .link h5 a{
	color: #14367e;
	text-decoration: none;
}
.artikel h5 a:hover{
	color: #aa6f2b;
	text-decoration: none;
}

.artikel p,  .link p {
	margin: 0px !important;
	padding: 4px 0px 4px 12px !important;
	background: url(../images/listArrow.gif) no-repeat;
	background-position: 0px 7px;
	font-size: 11px;
}
.artikel p a, .link p a{
	color: #333750;
	text-decoration: none;
}
.artikel p a:hover{
	color: #aa6f2b;
	text-decoration: none;
}

.link p a:hover{
	color: #333750;
	text-decoration: underline;
}

.lang {
	height: 15px;
	padding: 10px 25px;
	overflow: hidden;
	background: url(../images/bgLang.gif) no-repeat;
	color: #264588;
}
.lang p {
	display: inline;
	margin: 0px !important;
	padding: 10px !important;
	font-weight: bold;
	color: #7c8da9;
}
.lang p a{
	color: #264588;
	text-decoration: none;
}
.lang p a:hover{
	color: #333;
	text-decoration: none;
}

.block {
	padding: 0px;
	margin-bottom: 10px;
	background: url(../images/bgBlock.gif) top left repeat-y #f9f9f9;
}
.blockCell {
	padding: 10px;
}
.blockBottom {
	height: 4px;
	background: url(../images/blockBot.gif) top left no-repeat;
	padding: 0px;
	overflow: hidden;
}

.guestbook {
	margin-bottom: 30px;
}
.comment {

}
.guestbookItem {
	font-size: 11px;
	margin: 5px 0px;
	padding: 5px 0px 10px 0px;
	background: url(../images/blockLine.gif) bottom left no-repeat;
}
.commentItem, .guestbookItem {
	font-size: 11px;
	margin: 5px 0px;
	padding: 5px 0px 10px 0px;
	background: url(../images/blockLine.gif) bottom left no-repeat;
}
.commentItem p, .guestbookItem p {
	color: #303b51;
	margin: 0px !important;
	padding: 0px !important;
}
p.sender {
	margin: 0px !important;
	padding: 0px !important;
	font-weight: bold;
	color: #002a81;
}
p.date {
	margin: 0px !important;
	padding: 0px !important;
	color: #a1a1a1;
	font-size: 10px;
}

p.more {
	font-size: 11px;
	margin: 10px 0px !important;
	padding: 0px !important;
}
p.more img {
	float: left;
	display: block;
	margin-right: 5px;
}
p.more a {
	color: #b86000;
}
p.more a:hover {
	color: #333;
}

.fitur {
	background-color: #d1d7e3;
}
.fiturItem {
	padding: 10px;
	background: url(../images/fiturLine.gif) bottom left no-repeat;
}
.fiturItem img {
	float: left;
	display: block;
	margin-right: 10px;
}
.fiturItem p {
	padding: 5px 0px 0px 0px !important;
	line-height: 150%;
}
*html .fiturItem p {
	padding: 0px !important;
}
.fitur a {
	color: #10357c;
	font-weight: bold;
	display: block;
}
.fitur a:hover{
	color: #aa6f2b;
}

.welcome {
	margin: 15px 0px;
}
.welcome h1 {
	margin: 10px 0px !important;
	padding: 0px !important;
	font-size: 1.5em;
	font-weight: lighter;
	font-family: verdana;
}
.welcome p {
	margin: 12px 0px !important;
	padding: 0px !important;
	line-height: 145%;
}

.riset, .publikasi {
	margin-top: 20px;
}
.riset h2, .publikasi h2  {
	margin: 4px 0px !important;
	padding: 0px !important;
	font-size: 1.5em;
	font-weight: lighter;
	color: #002b82;
	border-bottom: 4px solid #dfdfdf;
}
.risetCell {
	padding: 15px 80px 15px 15px;
	border: 1px solid #e9e9e9;
	background: url(../images/risetBg.gif) bottom right no-repeat #f8f8f8;
}
.publikasiCell {
	padding: 15px 80px 15px 15px;
	border: 1px solid #e9e9e9;
	background: url(../images/publikasiBg.gif) bottom right no-repeat #f8f8f8;
}
.risetItem, .publikasiItem  {
	padding: 0px 0px 10px 0px;
	margin: 5px 0px 10px 0px;
	background: url(../images/itemLine.gif) bottom left no-repeat;
}
.risetItem .title, .publikasiItem .title {
	color: #13357d;
}
.riset .author, .publikasi .author {
	
}

a.linkMore {
	color: #b86000;
	text-decoration: none;
}
a.linkMore:hover {
	color: #b86000;
	text-decoration: underline;
}

table.contactTbl {
	width: 95%;
	margin-bottom: 20px;
}
table.contactTbl th {
	padding: 10px 2px;
	color: #13357d;
	border-bottom: 1px solid #ddd;
}
table.contactTbl td {
	padding: 5px 2px 1px 2px;
}

.searchResult {

}
.searchResultItem {
	padding: 10px 0px;
	border-bottom: 1px dotted #ccc;
}
.searchResultItem .title{
	font-weight: bold;
}
.searchResultItem .title a{
	color: #333;
}

.newsItem {
	margin: 5px 0px;
	padding: 3px 10px;
	border-bottom: 1px dotted #ccc;
}
.newsTitle a {
	color: #b05f07;
	text-decoration: none;
}
.newsTitle a:hover {
	color: #b05f07;
	text-decoration: underline;
}

.foto{
	margin-bottom: 20px;
}
*html .foto{
	height: 40px;
	overflow: visible;
}
.foto p{
	display: inline;
	float: left;
	text-align: center;
}
.foto img{
	margin: 5px 0px;
	border: 1px solid #f8a61c;
	padding: 0px;
}
*html .foto img{
	margin: 5px 2px;
}

.pageNav {
	text-align: center;
	padding: 10px;
	border-top: 1px solid #eee;
}
.pageNav p {
	display: inline;
	margin: 0px !important;
	padding: 0px 6px !important;
	border-left: 1px solid #ccc;
}
.pageNav p.first {
	border: none !important;
}
.pageNav p a{
}
.pageNav p a:hover{
	font-weight: bold;
	text-decoration: none;
}

/* --------- header layout -------- */
.header {
	padding: 0px;
}
.headerFlash {
	padding: 0px;
}
.headerMain {
	height: 160px;
	padding: 0px;
	overflow: hidden;
	background-color: #10104c;
}
a.sitename {
	float: left;
	display: block;
}
.headerImage {
	float: right;
	display: block;
	padding: 0px;
}

/* --------- menu layout -------- */
.menu {
	height: 28px;
	padding: 1px 10px;
	background: url(../images/bgMenu.gif) no-repeat #fda30f;
}
#menuCell {
	text-align: center;
}

/* --------------- TABLE -------------- */
table.listTbl {
	border: none;
}
table.listTbl tr th{
	padding: 8px 6px;
	background-color: #e7e7e7;
	border-bottom: 2px solid #a6aec1;
}
table.listTbl tr td{
	vertical-align: top;
	padding: 6px;
	border-bottom: 1px solid #e7e7e7;
}
table.listTbl tr td span{
	color: #493921;
	font-weight: bold;
}

.pollingCell {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}
.pollingCell p {
	margin: 0px !important;
	padding: 2px 20px !important;
}
input.pollingBtn {
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #f4f4f4;
	border: 1px solid #ccc;
	cursor: pointer;
}

/* --------- footer layout -------- */
.footer {
	margin-top: 7px;
	padding: 0px 20px;
	height: 44px;
	border-top: 1px solid #202022;
	border-bottom: 1px solid #202022;
	background-color: #050565;
}
a.jcSite {
	width: 146px;
	height: 44px;
	padding: 0px;
	overflow: hidden;
	display: block;
	float: left;
	background: url(../images/jogjacampLogo.gif) no-repeat;
}
.footerCell {
	text-align: right;
	color: #d0d8e3;
	font-size: 11px;
	padding-top: 14px;
}

.buttonLink{
	padding: 4px 10px;
	background: #365596;
	color: #fff;
	text-align: center;
	text-decoration:none;
	font-size: 11px;
}
.buttonLink:hover{
	text-decoration:none;
	background: #050565;
	color: #fff;
}

label.error {
	color: red;
	margin-left: 5px;
}