/**
 * sidebar.css
 *
 * Copyright (c) 2003-2011 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * Site-wide shared elements for pages including sidebar(s).
 *
 * $Id$
 */

/**
 * Sidebar
 */

#developedBy {
	text-transform: uppercase;
	font-size: 0.95em;
}

#sidebar div.block {
	font-size: 1em;
}

#sidebar div.block span.blockTitle {
	display: block;
	padding: 0.5em 0 0.5em 0;
	font-size: 1em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

#sidebar div.block span.blockSubtitle {
	display: block;
	padding: 0;
}

#sidebar input.textField, #sidebar select.selectMenu, #sidebar input.button {
	font-size: 1em;
}

.sidebar-box{
  margin-bottom: 10px;
  }

.sidebar-box .l {
  background:#FFFFFF url(images/sdw-1.jpg) no-repeat scroll top left;
  padding-left:10px
  }

.sidebar-box .r {
  background:#FFFFFF url(images/sdw-1.jpg) no-repeat scroll top right;
  padding-right:10px
  }

.sidebar-box .m {
  background-color:#FFFFFF;
  min-height:120px;
  }

.sidebar-box .title {
  border-bottom:1px solid #98A8B5;
  border-top:1px solid #98A8B5;
  padding:1px;
  }

.sidebar-box .title .title-area {
background:#324B5D url(images/bg-title-2.gif) repeat-x scroll center bottom;
height:25px;
}

.title-area h3 {
color:#FFFFFF;
display:block;
font-family:Arial,Trebuchet MS;
font-size:16px;
padding-left:16px;
padding-top:3px;
text-shadow:0 1px 0 #2D5F82;
text-transform:uppercase;
margin:0;
}

.sidebar-area{
  padding: 10px 20px;
  }

.button{
  border:solid 1px #aaa;
  background:#fff;
  padding: 3px 10px;
  }

.textField{
  border:solid 1px #aaa;
  background:#fff;
  padding: 3px 10px;
  }

.main-menu{
  width: 930px;
  height: 40px;
  background:url(images/bg-sdw-main-menu.gif) scroll repeat-x bottom center #f2f2f2;
  padding: 0 15px;
  }

.main-menu ul{
  border-left: solid 1px #e2e2e2;
  border-right: solid 1px #fff;
  display:table-cell;
  margin:0px;
  padding:0;
  }

.main-menu li{
  display:table-cell;
  padding: 8px 0px 6px 0px;
  text-align:center;
  border-right: solid 1px #e2e2e2;
  border-left: solid 1px #fff;
  margin:0px;

  }

.main-menu a{
  padding: 10px 10px 14px 10px;
  text-shadow: 0 1px 0 #fff;
  margin: 0px;
  font-size: 14px;
  font-family:Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  font-weight:bold;
  color:#4F6D83;
  text-decoration:none;
  }

.main-menu a:hover{
  background-color:#fff;
  text-decoration:underline;
  color:#4F6D83;
  }

.breadcrumbs{
  padding: 7px;
  margin: 5px 10px;
  border-bottom:solid 1px #d2d2d2;
  border-top:solid 1px #d2d2d2;
  font-size: 9px;
  text-transform:uppercase;
  background:url(sknimg/trans-01.png) scroll repeat top left transparent;
  color:#636363;
  }

.breadcrumbs a{
  font-size: 1em;
  text-transform:uppercase;
  text-decoration:none;
  }

.breadcrumbs a.home{
  font-weight:bold;
  background:url(sknimg/home.png) scroll no-repeat 0 0 transparent;
  padding: 4px 0 4px 20px;
  }
  
.breadcrumbs a.current{
  color:#3077A9;
  }

.breadcrumbs a:hover{
  color: #333;
  }

.logo-ojs{
  float:left;
  display:block!important;
  }

.header-kanan{
  float:right;
  padding: 25px 30px 0 0;
  }

.inlink{
  float:right;
  color:#ddd;
  font-size: 0.6em;
  }

.inlink a,
.inlink a:visited{
  color:#ddd;
  display:inline-block;
  text-decoration:none;
  }

.inlink a:hover{
  color:#fff;
  }

#content{
  background:url(images/bg-content.gif) scroll top left repeat-x #fff;
  padding-top: 20px;
  }