/* FORM DETAIL DATA MITRA
   ---------------------------------------*/
   
form.mitraform ul {
   width : 450px;
   border : none ;
   
}
   
form.mitraform ul li {
   list-style-type  : none ;
   float : left ;
   clear : both ;
   display : block ;
   width   : 100% ;
   padding : 0;
   margin  : 0;
   padding-left : 10px ;
   padding-top : 3px ;
}

form.mitraform li ul.radio {
   display : block ;
   float : left ;   
}

form.mitraform ul li ul li {
   display : inline ;
   list-style-type  : none ;
   border-top       : none;
   margin  : 0;
   padding : 0 ;
}

form.mitraform label {
	 display : block;
	 float   : left ;
	 clear   : left ;
	 line-height: 1.3;
     vertical-align: top;
     width : 40% ;
     padding : 3px ;
     margin  : 2px ;
     margin-right : 5px ;
     background : none ;
     font-weight : bold ;
}

form.mitraform textarea {
	margin-bottom : 20px;
}

form.mitraform select {
   margin-bottom : 15px ;
}

form#formDetail input,label {
   border: none !important;
   margin-bottom : 0 ;
   margin-top : 0 ;
   line-height : 1.1 ;
}

form#formDetail input {
	padding-top : 5px ;
	background-color : #f1f1f1 ;
}

form#formDetail li {
   border-bottom : solid  1px ;
   padding-bottom : 0;
   margin-bottom : 0 ;
}

form#formDetail label {
   text-align : right ;
   padding-right : 20px ;
}

form#formDetail legend {
   display : block ;
   margin-left : 20px ;
   color : black ;
}

form#formDetail fieldset {
   margin-top : 20px ;
   display : block ;
   background-color : #f1f1f1 ;
   width : 520px ;
}

form#formDetail textarea {
   border : none ;
   background-color : #f1f1f1 ;
   padding : 5px ;
}

h3.detailmitratitle {

width : 675px ;
color:#0064A1;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:14pt;
margin-right:5px;
padding:0px 2px 5px 10px;
border-bottom : solid 2px ;
}

/* Table */

table.tbl {
   clear:both;
	border: 1px solid #ddd;
	width : 521px ;
	padding:0;	
	margin: 0 0;
	font-size:1em;
	text-align:left;
}

table.tbl2 {
   clear:both;
	border: 1px solid #ddd;
	padding:0;	
	margin: 0 0;
	font-size:1em;
	width: 99%;
}

.event2 {
	background-color: #f0f5fe;
}
.event {
	background-color: #fff;
}
table#carimitra th{
	background: buttonface #DED3B9;
	border: 1px solid;
	border-color: threedhighlight threedshadow threedshadow threedhighlight;
	text-align:center;
	height:20px;
}

table#carimitra td a{
   text-decoration : none ;
}

form#carimitraform {
   background-color : #f1f6f7 ;
   width : 690px ;
   margin : 0 ;
   padding : 0 ;
}


form#carimitraform label{
   width : 400px ;
   display : block ;
   float : left ;
   clear   : both ;
}

form#carimitraform input,select {
   display : block ;
   float : left ;
   clear : both ;
}


p.rightMitra a{
   display : block ;
   background: url(../images/top00000.gif) no-repeat ;
   float :right ;
   width : 100px ;
   padding-left : 5px;
   height : 18px ;
   text-decoration : none ;
   margin-bottom : 10px;
   font-size : 1em ;
}

p.rightMitra {
   text-align : right ;
   width : 475px ;
}

p.mitraMessage {
   font-size : 1.2em ;
}

.clcenter {
	text-align : center ;
}

.clleft {
	text-align : left ;
}

/* Style Pagging */

 #pagger {
 	float : left ;
 } 
 
 div.pageActive {
    display : block ;
    margin-left : 7px ;
 	width  : 16px ;
 	height : 16px ;
 	border : solid 1px #604a1b ;
 	background-color : #f1ebdd ;
 	float : left ;
 } 
 
 div.pageActive a {
 	text-decoration : none ;
 }
 
 div.pageActive a:hover {
 	text-decoration : none ;
 }
 
 #pageSelected {
    float :left ;
    margin-left : 7px ;
    background-color : #f1ebdd ;
     	width  : 18px ;
 	height : 17px ;
 	padding-top :1px ;
 	text-align : center ;
 }
 
 .next{
 	float : left ;
 	height : 16px ;
    float :left ;
    margin : 0px 15px ;
     	border : solid 1px #604a1b ;
 	background-color : #f1ebdd ;
 	padding : 0 10px ;
 }
 
 a.next  {
 	text-decoration : none ;
 }
 
 .gotoDetail {
 	text-align : left ;
 	text-decoration : none ;
 	font-weight : bold ;
 }