body {
  margin:20px;
  color:#636363;
  font:12px/16px "Trebuchet MS", "Tahoma", Times, serif;
  background: url("../_source/bg_body.jpg") repeat-y right, url("../_source/background.png");
  width:inherit;
}

td {
  color:#636363;
  font:12px/16px "Trebuchet MS", "Tahoma", Times, serif;
  vertical-align:middle;
}

div {
  color:#636363;
  font:12px/16px "Trebuchet MS", "Tahoma", Times, serif;
  vertical-align:middle;
}

input {
  text-transform: uppercase;
}

textarea {
  text-transform: uppercase; 
}

.login {
    text-transform: none;
    background-color: #ffffff;
    color: #006baf;
    border-color: #8c8c8c;
    border-style: solid;
}

.login:hover{
    background-color: #eeeeee;
}

.login:active{
    background-color: #cccccc;
}

.logout {
    background-color: #ffffff;
    color: #006baf;
}

.logout:hover{
    background-color: #eeeeee;
}

.logout:active{
    background-color: #cccccc;
}

#wrapper { 
  margin: 0 auto;
  padding: 0;
  width: 935px;
}

#header {
  color:#636363;
  width: 97.8%;
  float: left;
  padding: 10px;
  border: 0px solid #ccc;
  margin: 10px 0px 0px 0px;
}

#leftcol { 
  color:#636363;
  border: 0px solid #ccc;
  margin: 0px 0px 0px 0px;
  padding: 10px;
  width: 72%;
  float: left;
}

#fullcol { 
  color:#636363;
  border: 0px solid #ccc;
  margin: 0px 0px 0px 0px;
  padding: 10px;
  width: 97.8%;
  float: left;
}

#rightcol { 
  color:#636363;
  float: right;
  border: 0px solid #ccc;
  margin: 0px 0px 0px 0px;
  padding: 10px;
  width: 23%;
  display: inline;
}

#footer { 
  color:#636363;
  width: 97.8%;
  clear: both;
  border: 0px solid #ccc;
  margin: 0px 0px 10px 0px;
  padding: 10px;
}

.kolom_kiri {
    display: inline-block;
    width: 450px;
    text-align: left;
    vertical-align: top;
    padding-right: 30px;
}

.kolom_kanan {
    display: inline-block;
    width: 450px;
    text-align: left;
    vertical-align: top;
}

.divData {
  font-weight: bold;
  color: #002EB8;
}

.tbl_DetailKarir td {
  height: 35px;
}

.pui-datatable tbody td {
  white-space:normal;
}

.ui-state-default {
   //font-size: 80% !important;
}

.ui-widget {
   //font-size: 90% !important;
}