/* CSS Document F2F2EE */
body{
  margin:0;
  font-family: 'Proxima Nova Regular','Helvetica Neue',Arial,Sans-serif;
  font-size:12px;
  background-color:#000;
}

p{
   padding 5px;
  }

a img, a img.preview {
border: none;
text-decoration: none;
}

a:link img, a:visited img, a:hover img {
border: none;
text-decoration: none;
}

img.main{
  padding:7px 10px 7px 10px;
  border:1px dotted #ccc;
}

h2{
  font-size:14px;
}
a{
  font-weight:bold;
}

ul{
  margin:0 0 0 5px;
  padding:10px;
}

#head-container
{
   color: #000;
   background: #ccc;
}

#header
{
	/*background: -moz-linear-gradient(center top , #FFFFFF, #FFFFFF) repeat scroll 0 0 transparent;*/
	background-color:#fff;
    border-bottom: 1px solid #EBEBE8;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    color: #333333;
    font-size: 13px;
    height: 108px;
    line-height: normal;
    min-width: 980px;
    position: relative;
    width: 100%;
    z-index: 91;
}

 	 

#content-h
{
	clear: left;
	float: left;
	width: 300px;
	padding: 0;
	margin: 0 5px;
        height:35px; 
	display: inline;
	background: #EBEBE8;
	text-align:center;
	font-family: 'Proxima Nova Regular','Helvetica Neue',Arial,Sans-serif;
        font-size:12px;
}

#content-h2
{
	float: right;
	width: 100px;
	margin-top:5px;
}

#header2{
/*C98702*/
  background: -moz-linear-gradient(center top , #fff, #ccc) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #EBEBE8;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    /*color:#58582C;*/
	font-style:italic;
	color:#6F6F00;
    font-size: 13px;
    height: 25px;
    line-height: normal;
    min-width: 980px;
    position: relative;
    width: 100%;
    z-index: 91;
	padding-top:7px;
	text-align:center;
    font-family: 'Proxima Nova Regular','Helvetica Neue',Arial,Sans-serif;;
    font-weight: bold;
}
 
#navigation-container
{
	float: left;
	width: 100%;
	color: #000;
	background: #333;
}

#navigation
{
	margin: 0 auto;
	width: 900px;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
}

#navigation li a:hover { background: #383; }

#content-container
{
	float: left;
	width: 100%;
	color: #000;
	background: #eee;
}

#content-container2
{
	margin: 0 auto;
	width: 980px;
	
}

#content-container3
{
	float: left;
	width: 980px;
	background: #FFF url(two-fixed-background.gif) repeat-y 100% 0;
}

#content
{
	clear: left;
	float: left;
	width: 210px;
	padding: 0;
	margin: 0 5px;
	display: inline;
	background: #EBEBE8;
	text-align:center;
	font-family: 'Proxima Nova Regular','Helvetica Neue',Arial,Sans-serif;
}

#content h2 { margin: 0; font-size:14px;}
#content p{
   padding:0;
}

#aside
{
	float: right;
	width: 730px;
	padding: 5px 10px;
	margin: 0 0px 0 0;
	display: inline;
	background:#F2F2F0;
	
}

#aside-tiens{ 
    margin-left:-12px;
    font-family:Georgia;
	font-style:italic;
	font-size:16px;
	font-weight:bold;
	padding-bottom:3px;
	background: none repeat scroll 0 0 #339999;
    left: 0;
    position: relative;
    top: 0;
    width: 300px;
	color:#fff;
	padding:5px;
	text-align:right;
	 
}

#aside-ov{ 
     margin-left:-12px;
    font-family:Georgia;
	font-style:italic;
	font-size:16px;
	font-weight:bold;
	padding-bottom:3px;
	background: none repeat scroll 0 0 #0099FF;
    left: 0;
    position: relative;
    top: 0;
    width: 300px;
	color:#fff;
	padding:5px;
	text-align:right;
}

.hairline {
    /*border-bottom: 2px dotted #CFCFCE;*/
	background: -moz-linear-gradient(center top , #FFFFFF, #F2F2EE) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #EBEBE8;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    color: #000;
    height: auto;
    line-height: normal;
    min-width: 700px;
    position: relative;
    width: 100%;
    z-index: 91;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
}

.name {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);*/
	background-color:#666666;
    left: 0;
    position: relative;
    top: 0;
    width: auto;
	color:#fff;
	padding:5px;
	text-align:center;
}
#blue {
    margin-top:5px;
    background-color: #339999;
    left: 0;
    position: relative;
    top: 0;
    width: auto;
	color:#fff;
	padding:5px;
	text-align:center;
  font-family:Tahoma;
	font-size: 12px;
    font-weight:bold;
}	
#red {
    margin-top:5px;
    background-color: #FF2F2F;
    left: 0;
    position: relative;
    top: 0;
    width: auto;
	color:#fff;
	padding:5px;
	text-align:center;
  font-family:Tahoma;
	font-size: 12px;
    font-weight:bold;
}	 
#red2 {
    margin-top:5px;
   background-color: #FF2F2F;
    left: 0;
    position: relative;
    top: 0;
    width: auto;
	color:#fff;
	padding-left:15px;
	text-align:left;
  font-family:Tahoma;
	font-size: 12px;
  font-weight:bold;
}
#cari{ 
    margin-left:0px;
    font-family:Georgia;
	font-style:italic;
	font-size:13px;
	font-weight:bold;
	padding-bottom:3px;
	/*background: none repeat scroll 0 0 #0099FF;*/
    left: 0;
    position: relative;
    top: 0;
    width:auto;
	color:#7D7D00;
	border-bottom:dotted #7D7D00 1px;
	padding:5px;
	text-align:left;
}

#footer-container
{
	clear: left;
	color:#EBEBEB;
	background: #000; 
	padding:10px;
	height:100px;
	text-align:left;
	font-size:12px;
}
 
.footer-kiri
{
    padding:0px;
	width:200px;
	height:90px;
	color:#fff;
	float:left;
	text-align:center;
	font-size:11px;
}
 

.menu{
 border:none;
 border:0px;
	margin:0px auto;
	padding:0px;
	font: 80% Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold; 
    margin-left: 415px; 
    position: fixed; 
    z-index: 100;
}
.menu ul{
	background:#333333;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
        text-align:center;
}
.menu li{  float:left;  padding:0px; }
.menu li a{
background:#333333 url("seperator.gif") bottom right no-repeat;
color:#cccccc;
display:block;
font-weight:normal;
line-height:35px;
margin:0px;
padding:0px 26px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
background: #3399FF url("hover.gif") bottom center no-repeat;
/*2580a2*/
 
color:#FFFFFF;
text-decoration:none;
}
.menu li ul{
background:#333333;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:180px;
z-index:200;
}
.menu li:hover ul{ display:block; }

.menu li li {
background:url('sub_sep.gif') bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:180px;
}
.menu li:hover li a{ background:none; 	}

.menu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
background:#3399FF url('hover_sub.gif') center left no-repeat;
border:0px;
color:#ffffff;
text-decoration:none;
}
.menu p{ clear:left; }


table
{
 
}
table th
{
	 
}
table td
{
  vertical-align:top;	 
}
table td ul{
  padding-left:15px;
}


/*
 tabel
*/

.list {
	border-collapse: collapse;
	width: 100%;
	border : 1px solid #ddd; 
	margin-bottom: 20px;
	font-family: Arial; 
	font-size: 9pt;
	padding-top:5px;
        background-color:#fff;
}
.list td {
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
        padding:5px !important;
}
.list thead td {
	background-color: #E5E5E5; 
	padding: 0px 5px; text-transform: capitalize;
}
.list thead td a, .list thead td {
	text-decoration: none; 
	color: #000000;
	font-weight: bold;
	
}
.list tbody a {
	text-decoration: none;
}
.list tbody td {
	vertical-align: middle;
	padding: 0px 5px;
}
.list tbody tr:odd {
	background: #FFFFFF;
}
.list tbody tr:even {
	background: #E4EEF7;
}
.list .left {
	text-align: left;
	padding: 7px;
}
.list .right {
	text-align: right;
	padding: 7px;
}
.list .center {
	text-align: center;
	padding: 7px;
}

.list tr:hover td
{
	background:#000;
	color: #fff;
        font-weight:bold;
}

.event{
  width:100%;
   border: 1px solid #BFBFBF;
}
 
.event table{
   font-family: Verdana, Arial, Sans-Serif;
   	font-size: 11px;
        border-collapse: collapse;
	width: 100%; 
	/*margin-bottom: 20px; */
	/*padding-top:5px;*/
}
 
.event th
{
	padding: 5px; 
	color: #000;
	background:  #E5E5E5; 
	font-weight:bold;  
}
.event td
{
	padding: 3px;
	background: #fff;

	color: #000;
	font-weight:normal;
	vertical-align:top; 
}
.event td p{
 padding:0px;
 margin-bottom:0;
 margin-top:0;
}
.event tr:hover td
{
	background:#E1F0FF;
	color: #339;
}

 
.left {
	margin:0px;padding:0px;
	width:100%;
	background-color:#fff; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}.left table{
	width:100%;	
   border:dotted 1px #C98702;	
}.left tr{
  margin:0px;padding:0px;
}.left th{
   padding:2px;
   text-align:center;
   background-color:#C98702;
   color:#fff;
   font-weight:bold;
}.left td{
   border-bottom:dotted 1px #C98702;
}
.left td ul{
  padding-top:0px;
  padding-left:10px;
  padding-bottom:0px;
}

.update{
font-family:Georgia;
	font-style:italic;
	font-size:14px;
	font-weight:bold;
	padding-bottom:3px;
	/*background: none repeat scroll 0 0 #0099FF;*/
    left: 0;
    position: relative;
    top: 0;
    width:auto;
	color:#7D7D00;
	border-bottom:dotted 1px #7D7D00;
}

#box{ 
 padding-top:0px;
 padding-left:10px;
 padding-bottom:10px;
 border-bottom:dotted 1px #7D7D00;
 color:#7D7D00;
 margin-bottom:5px;
}

#input{
	background-color: #C98702;
    background-image: -moz-linear-gradient(center top , #E8AF3C, #C98702);
    border-color: #F2CF92 -moz-use-text-color #AB7115;
    border-left: medium none;
    border-right: medium none;
    border-style: solid none;
    border-width: 1px medium;
	border-radius: 6px 6px 6px 6px;
    color: #fff;
    cursor: pointer;
	 
    font-size: 13px;
    font-weight: bold;
    height: 28px;
    line-height: 1;
    padding: 0;
    width: 100px;
} 

.link{
}
.link ul{
padding:5px 0 10px 0;
list-style:none;
}