BODY {
    background-color: #fff;
    FONT-FAMILY:    verdana, tahoma, arial;
    FONT-SIZE:      12px;
    COLOR:          #000
}
.SUB_MENU2{
	font-family: tahoma,verdana;
	font-size: 14px;
	color: rgb(0, 0, 0);
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	text-shadow: 0px 3px 3px rgb(212, 212, 212);
}

TD {

    FONT-FAMILY:    verdana, tahoma, arial;
    FONT-SIZE:      14px;
}

TD.PAGE_HEADER {
	
    FONT-FAMILY:    verdana, tahoma, arial;
    FONT-SIZE:      10px;
    BACKGROUND:     #877743
}

A {
    FONT-FAMILY:    verdana, tahoma, arial;
    FONT-SIZE:      10px;
    FONT-WEIGHT:    bold;
 
    TEXT-DECORATION:none
}

.TITLE {
    FONT-FAMILY:    arial black, arial, Times New Roman, verdana, tahoma;
    FONT-SIZE:      24px;
    COLOR:          #2D405B;
    TEXT-ALIGN:     RIGHT;
    
}

.TITLE1 {
    FONT-FAMILY:    arial black, arial, Times New Roman, verdana, tahoma;
    FONT-SIZE:      24px;
    
    TEXT-ALIGN:     RIGHT

}

.TITLE_POLI {
    FONT-FAMILY:    arial black, arial, Times New Roman, verdana, tahoma;
    FONT-SIZE:      18px;
    COLOR:          #2D405B;
    TEXT-ALIGN:     CENTER

}

/* judul */
h5.judul{
    
}

.TBL_HEAD {
    FONT-FAMILY:    arial;
    FONT-WEIGHT:    bold;
    FONT-SIZE:      12px;
	TEXT-ALIGN:     center;
    BACKGROUND:     #060;
    COLOR:          #ffffff
}

.TBL_HEAD1 {
    FONT-FAMILY:    arial;
    FONT-WEIGHT:    bold;
    FONT-SIZE:      12px;
	TEXT-ALIGN:     center;
    BACKGROUND:     #060;
    COLOR:          #ffffff
}

.TBL_HEAD123 {
	    BACKGROUND:     #ffffff;
}

.TBL_FRM_BODY {
	background: 	#f7f7f7;
	color:			#000000;
	font-family:	arial, verdana, helvetica;
	font-size:		11px;
	padding-left:	4px;
	padding-right:	4px;
}

.TBL_FRM_BODY_BOLD {
	background: 	#DDDDDD;
	color:			#444444;
	font-family:	arial, verdana, helvetica;
	font-size:		12px;
	font-weight:	bold;
}


.TBL_HEAD_HREF {
    FONT-FAMILY:    tahoma, verdana;
    FONT-WEIGHT:    bold;
    FONT-SIZE:      11px;
    BACKGROUND:     #E6EEDE;
    TEXT-DECORATION:none;
    COLOR:          #2D405B
}

.TBL_BODY1 {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;
    COLOR:          #000000;
    border:0;
    PADDING-LEFT:   8px;
    PADDING-RIGHT:  8px
} 

.TBL_BODY {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;    
    BACKGROUND:     #E5E5F0;
    COLOR:          #000000;
	border:0;
    PADDING-LEFT:   8px;
    PADDING-RIGHT:  8px
} 
.TBL_BODY_HDR {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;    
    BACKGROUND:     #E5E5F0;
    COLOR:          #000000;
	border:0;
    PADDING-LEFT:   8px;
    PADDING-RIGHT:  8px
} 
.TBL_BODY_p_radiologi {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;
    
    BACKGROUND:     #ff9999;
    COLOR:          #000000;
	border:0;
    PADDING-LEFT:   8px;
    PADDING-RIGHT:  8px
}

.TBL_BODY_p_igd {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;
    
    BACKGROUND:     #ffcc99;
    COLOR:          #000000;
	border:0;
    PADDING-LEFT:   8px;
    PADDING-RIGHT:  8px
}

.TBL_BODY_p_umum {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;
    
    BACKGROUND:     #ffcc99;
    COLOR:          #000000;
	border:0;
    PADDING-LEFT:   8px;
    PADDING-RIGHT:  8px
}

.TBL_BODY_p_mata {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;
    
    BACKGROUND:     #ffff99;
    COLOR:          #000000;
	border:0;
    PADDING-LEFT:   8px;
    PADDING-RIGHT:  8px
}

.TBL_BODY_p_peny_dalam {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;
    
    BACKGROUND:     #ccff99;
    COLOR:          #000000;
	border:0;
    PADDING-LEFT:   8px;
    PADDING-RIGHT:  8px
}

.TBL_BODY_p_anak {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;
    
    BACKGROUND:     #99ff99;
    COLOR:          #000000;
	border:0;
    PADDING-LEFT:   8px;
    PADDING-RIGHT:  8px
}

.TBL_BODY_p_gigi {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;
    
    BACKGROUND:     #99ffcc;
    COLOR:          #000000;
	border:0;
    PADDING-LEFT:   8px;
    PADDING-RIGHT:  8px
}

.TBL_BODY_p_tht {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;
    
    BACKGROUND:     #99ffff;
    COLOR:          #000000;
	border:0;
    PADDING-LEFT:   8px;
    PADDING-RIGHT:  8px
}

.TBL_BODY_p_bedah {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;
    
    BACKGROUND:     #99ccff;
    COLOR:          #000000;
	border:0;
    PADDING-LEFT:   8px;
    PADDING-RIGHT:  8px
}

.TBL_BODY_p_saraf {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;
    
    BACKGROUND:     #9999ff;
    COLOR:          #000000;
	border:0;
    PADDING-LEFT:   8px;
    PADDING-RIGHT:  8px
}

.TBL_BODY_p_kulit_kelamin {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;
    
    BACKGROUND:     #cc99ff;
    COLOR:          #000000;
	border:0;
    PADDING-LEFT:   8px;
    PADDING-RIGHT:  8px
}

.TBL_BODY_p_gizi {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;
    
    BACKGROUND:     #ff99ff;
    COLOR:          #000000;
	border:0;
    PADDING-LEFT:   8px;
    PADDING-RIGHT:  8px
}

.TBL_BODY_p_jantung {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;
    
    BACKGROUND:     #ff9999;
    COLOR:          #000000;
	border:0;
    PADDING-LEFT:   8px;
    PADDING-RIGHT:  8px
}

.TBL_BORDER {
    BACKGROUND:     #ffffff
}

 
.TBL_HREF A:link 
{text-decoration: none;font-family:verdana;font-size:8pt;font-weight: bold;color: #fff}
.TBL_HREF A:visited 
{text-decoration: none;font-family:verdana;font-size:8pt;font-weight: bold;color: #fff}
.TBL_HREF A:hover
{text-decoration: none;font-family:verdana;font-size:8pt;font-weight: bold;color:#2D405B; border-bottom: 1px solid #fff; }


.TBL_HREF_DISABLED {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;
    BACKGROUND:     #ffffff;
    COLOR:          #aaaaaa
}

.BESAR {
    FONT-FAMILY:    tahoma, verdana;
    FONT-WEIGHT:    bold;
    FONT-SIZE:      16px;

    COLOR:          #2D405B
}

.SUB_MENU {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      12px;
    COLOR:          #000000;
    FONT-WEIGHT:    bold;
    TEXT-ALIGN:     right;
    TEXT-DECORATION:none
}

.SUB_MENU1 {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;
    COLOR:          #0000FF;
    FONT-WEIGHT:    bold;
    TEXT-ALIGN:     right;
    TEXT-DECORATION:none
}

.SUB_MENU:HOVER {
    TEXT-DECORATION:underline
}

.SUB_MENU2:HOVER {
    TEXT-DECORATION:underline
}

.SUB_MENU1:HOVER {
    TEXT-DECORATION:underline
}

.SUB_MENU_DISABLED {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;
    COLOR:          #888888;
    FONT-WEIGHT:    bold;
    TEXT-ALIGN:     right;
    TEXT-DECORATION:none
}

.PAGE_TITLE {
	FONT-FAMILY:    arial black, arial, Times New Roman, verdana, tahoma;
    FONT-SIZE:      18px;
    
    TEXT-ALIGN:     LEFT
	
}
.FORM_TITLE {
    border-bottom: 3px dotted #CCCCCC;
    font-size: 1.5em;
    margin: 10px 0;
    position: relative;
    text-transform: uppercase;
    COLOR:          #000;
    text-shadow: 2px 2px #CCCCCC;
}
.FORM_TITLE1 {
    FONT-FAMILY:    arial, tahoma, verdana;
    FONT-SIZE:      12px;
    COLOR:          #2D405B;
    FONT-WEIGHT:    bold
}

.FORM_SUBTITLE {
    FONT-FAMILY:    arial, tahoma, verdana;
    FONT-SIZE:      12px;
    COLOR:          #1122DD;
    FONT-WEIGHT:    bold;
    PADDING:        3px;
    BACKGROUND:     #E6EEDE;
	font-style:     italic;
	FONT-WEIGHT:    bold
}
.FORM_HANS {
    FONT-FAMILY:    arial, tahoma, verdana;
    FONT-SIZE:      12px;
    COLOR:          #1122DD;
    FONT-WEIGHT:    bold;
    PADDING:        3px;
    BACKGROUND:     #FF0000;
	font-style:     italic;
	FONT-WEIGHT:    bold
}
.FORM_SUBTITLE1 {
    FONT-FAMILY:    arial, tahoma, verdana;
    FONT-SIZE:      12px;
    COLOR:          #1122DD;
    FONT-WEIGHT:    bold;
    PADDING:        3px;
    
}

.design6{
	background-color:#eeeeee;
	border:2px solid #999;
	padding:5px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	color: #093;
	font-size:10px;
	font-weight:bold;
	
}

.design10{
	
	background-color:#ffffff;
	border-top:1px solid #060;
	border-right:1px solid #060;
	border-bottom:1px solid #060;
	border-left:11px solid #060;
	padding:5px;
	color: #000000;
	font-size:10px;
	font-weight:bold;
	box-shadow: 5px 6px 5px #5B804C; 
	 
}

.design10_bayar{
	
	background-color:#CA161D;
	border-top:1px solid #060;
	border-right:1px solid #060;
	border-bottom:1px solid #060;
	border-left:11px solid #060;
	padding:5px;
	color: #CA161D;
	font-size:10px;
	font-weight:bold;
	box-shadow: 5px 6px 5px #5B804C; 
	 
}

.designButton12{
	background-image:url(button.png);
	border:1px solid #88de85;
	padding:4px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	font-size:15px;
	font-weight:bold;
	color: #333;
}

.design10a{
	
	background-color:#eeeeee;
	border-top:1px solid #060;
	border-right:1px solid #060;
	border-bottom:1px solid #060;
	border-left:1px solid #060;
	padding:5px;
	color: #000000;
	font-size:10px;
	font-weight:bold;
	
	webkit-border-top-left-radius: 8px;
	moz-border-radius-topleft: 8px;
	webkit-border-bottom-right-radius: 8px;
	moz-border-radius-bottomright: 8px;
}

textarea.design10a{
	font-size : 14px;
}

.design9{
	background-color:#eeeeee;
	border-top:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	border-left:11px solid #ccc8cc;
	padding:5px;
	color: #666;
	font-size:15px;
	font-weight:bold;
	
}

.SUBTITLE {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      12px;
    COLOR:          #2D405B;
    FONT-WEIGHT:    bold;
    PADDING:        3px;
    BACKGROUND:     #E6EEDE
}
.SUBTITLE2 {
    FONT-FAMILY:    arial, tahoma, verdana;
    FONT-SIZE:      16px;
    COLOR:          #2D405B;
    FONT-WEIGHT:    bold;
    PADDING:        3px;
    BACKGROUND:     #E6EEDE
}

DIV.TITLE {
    FONT-FAMILY:    arial, tahoma, verdana;
    FONT-SIZE:      18px;
    COLOR:          #2D405B;
    FONT-WEIGHT:    bold
}

.FORM {
    FONT-FAMILY:    verdana, arial, tahoma;
    FONT-SIZE:      11px;
    COLOR:          #2D405B
}

.FORM_INPUT {
    FONT-FAMILY:    verdana, arial, tahoma;
    FONT-SIZE:      11px;
    COLOR:          #000;
    FONT-WEIGHT:    bold;
}

.JUDUL_INPUT {
    border-bottom: 3px solid #CCCCCC;
    color: #027A02;
    font-size: 12px;
    position: relative;
    text-shadow: 2px 2px #CCCCCC;
    text-transform: uppercase;
    FONT-WEIGHT:    bold; 
    /*
    background-color: #FFFFFF;
    border-color: #006600;
    border-style: solid;
    border-width: 1px 1px 1px 11px;
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-shadow: 2px 2px #CCCCCC;
    text-transform: uppercase;*/
}

INPUT {
        COLOR:          #000000;
	font-size: 10px;
        font-weight: bold;
	
	border-top:1px solid #060;
	border-right:1px solid #060;
	border-bottom:1px solid #060;
	border-left:1px solid #060;
	padding:4px;
}

textarea
{
    COLOR: #000000;
    font-size: 12px;
    font-weight: bold;
    border-top:1px solid #060;
    border-right:1px solid #060;
    border-bottom:1px solid #060;
    border-left:1px solid #060;
    padding:4px;
    border:1px solid green;
    border-radius:5px;
}

/*INPUT[type="text"]
{
	border-top:1px solid #060;
	border-right:1px solid #060;
	border-bottom:1px solid #060;
	border-left:1px solid #060;
	padding:4px;
}

TEXTAREA
{
	COLOR:          #000000;
	font-size: 13px;
    font-weight: bold;
	
	border-top:1px solid #060;
	border-right:1px solid #060;
	border-bottom:1px solid #060;
	border-left:1px solid #060;
	padding:4px;
}
input[type="button"]
{
width:120px;
margin-left:35px;
display:block;
} */

input[type="text"], input[type="password"],select ,input[type="checkbox"]{
	border:1px solid green;
        border-radius:5px;
        font-size:12px;
        padding:5px; 
}
 
input[type="text"]:focus, textarea:focus, input[type="password"]:focus,select:focus ,input[type="checkbox"]:focus{
	outline:none;
    border-color:#7f00ff;
    box-shadow:0 0 12px #7f00ff;
}


INPUT[type="submit"]:hover , INPUT[type="button"]:hover {
    background-position: 0 -15px;

}
INPUT[type="button"][disabled],INPUT[type="submit"][disabled]{
    background:grey;
    cursor: default;
    
}

INPUT[type="submit"] , INPUT[type="button"] {
 FONT-FAMILY:    arial, tahoma, verdana;   background-color: #1678C2;
    background-image: -moz-linear-gradient(center top , #14c2be, #1678C2);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#14c2be), to(#1678C2));
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
/*    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: normal;
    padding: 3px;
/*    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
}

SELECT {
    border-top:1px solid #060;
	border-right:1px solid #060;
	border-bottom:1px solid #060;
	border-left:1px solid #060;
	padding:4px;
	font-weight: bold
}


.ERROR {
    PADDING:        8px;
    BORDER:         DASHED 1px #dddddd;
    BACKGROUND:     #ffffff;
    COLOR:          #ff0000
}

.INFO {
    PADDING:        8px;
    BORDER:         DASHED 1px #dddddd;
    BACKGROUND:     #ffffff;
    COLOR:          #000000
}

.BOX {
    PADDING:        8px;
    BORDER:         DASHED 1px #888888;
    BACKGROUND:     #ffffff 
}

H2 {
    BACKGROUND:     #FFFFFF;
    COLOR:          #2D405B;
    PADDING:        4px
}



.TBL_FOOT {
    FONT-FAMILY:    arial, tahoma, verdana;
    FONT-WEIGHT:    bold;
    FONT-SIZE:      12px;
    BACKGROUND:     #E6EEDE;
    COLOR:          #0061C8
}

.SCR_HEAD {
    FONT-FAMILY:    arial, tahoma, verdana;
    FONT-WEIGHT:    bold;
    FONT-SIZE:      12px;
    BACKGROUND:     #0061C8;
    COLOR:          #FFFFFF
}

.SCR_BODY {
    FONT-FAMILY:    arial, tahoma, verdana;
    FONT-SIZE:      12px;
    BACKGROUND:     #EEEEEE;
    COLOR:          #EEEEEE
}

.SCR_BORDER {
    BACKGROUND:     #0050A5
}

.TBL_BODY2 {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;
    PADDING-LEFT:   8px;
    PADDING-RIGHT:  8px;
    BORDER-BOTTOM:  solid 1px #2D405B ;
}

.TBL_BODY3 {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      11px;
    PADDING-LEFT:   8px;
    PADDING-RIGHT:  8px
}

.TBL_HEAD2 {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      12px;
    PADDING-LEFT:   8px;
    PADDING-RIGHT:  8px;
    FONT-WEIGHT:    bold;
    
    BORDER-TOP:     solid 1px #F5FFE8;
    BORDER-BOTTOM:  solid 1px #F5FFE8;
    COLOR:          #000000;
    BACKGROUND:     #EEEEEE
}

.TBL_HEAD3 {
    FONT-FAMILY:    tahoma, verdana;
    FONT-SIZE:      12px;
    PADDING-LEFT:   8px;
    PADDING-RIGHT:  8px;
    FONT-WEIGHT:    bold;
    BORDER-TOP:     dashed 2px #F5FFE8;
    BORDER-BOTTOM:  solid 2px #000;

    COLOR:          #000000;
    BACKGROUND:     #EEEEEE
}

/* table.list { background:#D3E4E5;
 border:1px solid gray;
 border-collapse:collapse;
 color:#fff;
 font:normal 12px verdana, arial, helvetica, sans-serif;
}
table.list caption { border:1px solid #5C443A;
 color:#5C443A;
 font-weight:bold;
 letter-spacing:20px;
 padding:6px 4px 8px 0px;
 text-align:center;
 text-transform:uppercase;
}
table.list td, table.list th { color:#363636;
 padding:.4em;
}
table.list tr { border:1px dotted gray;
}
table.list thead th,table.list  tfoot th { background:#5C443A;
 color:#FFFFFF;
 padding:3px 10px 3px 10px;
 text-align:left;
 text-transform:uppercase;
}
table.list tbody td a { color:#363636;
 text-decoration:none;
}
table.list tbody td a:visited { color:gray;
 text-decoration:line-through;
}
table.list tbody td a:hover { text-decoration:underline;
}
table.list tbody th a { color:#363636;
 font-weight:normal;
 text-decoration:none;
}
table.list tbody th a:hover { color:#363636;
}
table.list tbody td+td+td+td a { background-image:url('bullet_blue.png');
 background-position:left center;
 background-repeat:no-repeat;
 color:#03476F;
 padding-left:15px;
}
table.list tbody td+td+td+td a:visited { background-image:url('bullet_white.png');
 background-position:left center;
 background-repeat:no-repeat;
}
table.list tbody th, tbody td { text-align:left;
 vertical-align:top;
}
table.list tfoot td { background:#5C443A;
 color:#FFFFFF;
 padding-top:3px;
}
table.list tr.odd { background:#fff;
}
table.list tbody tr:hover { background:#99BCBF;
 border:1px solid #03476F;
 color:#000000;
}


	background-color:#eeeeee;
	border-top:1px solid #060;
	border-right:1px solid #060;
	border-bottom:1px solid #060;
	border-left:1px solid #060;
	padding:5px;
	color: #000000;
	font-size:10px;
	font-weight:bold;
	
	webkit-border-top-left-radius: 8px;
	moz-border-radius-topleft: 8px;
	webkit-border-bottom-right-radius: 8px;
	moz-border-radius-bottomright: 8px;
 */

#payment {
background: #eeeeee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border:1px solid #060; 
border-radius: 2px;
counter-reset: fieldsets;
padding: 10px;
width: 435px;
}

#payment fieldset {
border: none;
margin-bottom: 5px;
}

#payment legend {
	color: #000;
	font-size: 16px;
	padding-bottom: 5px;
	font-weight:bold;
	}

#payment fieldset fieldset legend {
	color: #000;
	font-size: 11px;
	font-weight: normal;
	padding-bottom: 0;
	}

#payment label {
	float: left;
	font-size: 10px;
	font-weight:bold;
	width: 415px;
	
	}
	
#payment fieldset fieldset label {
	background:none no-repeat left 50%;
	line-height: 20px;
	padding: 0 0 0 10px;
	}
.content{
padding-top:2px;
padding-bottom:2px;
border-bottom:1px solid #060;
}

.lap_tagihan {
	font-size: 10px;
	border-bottom: 1px solid black;
	font-weight : bold;
}
	
		



.TOTAL {
	color:black;
	font-size: 12px;
	border-bottom: 0px solid black;
	font-weight : bold;
	text-align : right;
}
	
		
.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:12px;
	color:#333333;
	border-width: 1px;
	border-color: black;
	border-collapse: collapse;
	
}

.gridtable_form {
	font-family: verdana,arial,sans-serif;
	font-size:12px;
	color:#333333;
	border-width: 1px;
	border-color: black;
	border-collapse: collapse;
	border-style: hidden;
}

.gridtable_form td {
	font-family: verdana,arial,sans-serif;
	font-size:12px;
	color:#000000;
	border-color: #7e7e7e;
	border-collapse: collapse;
	border: 1px dotted rgba(0, 0, 0, 0.1);
	
}


.gridtable_keterangan {
	font-family: verdana,arial,sans-serif;
	
	font-size:12px;
	color:#333333;
	border-width: 1px;
	border-color: #276F86;
	border-collapse: collapse;
	border-style: hidden;
}

.gridtable_keterangan td {
	font-family: verdana,arial,sans-serif;
	font-size:12px;
	padding-bottom: 3px;
	padding-top: 5px;	
	color:#000000;
	border-collapse: collapse;
	border: 1px dotted #276F86;
	
}

.gridtable_td{
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #7e7e7e;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: black;
	color:black;
}

.gridtable_th {
	font-family: verdana,arial,sans-serif;
	font-size:12px;
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: black;
	color:white;
	background-color: #2185D0;
	font-weight: bold;
	text-transform: uppercase;
}

.gridtable_th_second {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: black;
	color:black;
	background-color: #00FFE5;
}



.gridtable_td_coa {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: black;
        border-left-color: white;
        border-right-color: white;
	color:black;
}

.gridtable_td_1 {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: black;
	color:black;
	font-weight:bold;
	font-size:12px ;
}
.gridtable_td_2 {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: black;
	color:black;
	font-weight:bold;
	font-size:12px ;
	background-color: #00FFE5;
}

.gridtable_td_yellow {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: black;
	color:black;
	font-weight:bold;
	font-size:12px ;
	background-color: yellow;
}

.gridtable_total {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: black;
	color:black;
	font-weight:bold;
	font-size:11px ;
	background-color: #ffc244;
}

#list-table {background-color:#999999;  border:1px solid #000;} 
#list-table .list-table-header {font-weight:bold}      
#list-table .list-table-rows {background-color:#fff}      
.hovercolor { 
  background-color:#affba2 !important;
  cursor:pointer;
}

.gridtable_td_head {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: black;
	color:black;
	background-color: #affba2;
}

.gridtable_td_cari {
	padding: 8px;
	border-color: black;
	color:black;
        font-weight: bold;
}

.gridtable_label {
    font-family: Arial, Verdana;
    text-shadow: 2px 2px 2px #ccc;
    display: block;
    float: left;
    font-weight: bold;
    margin-right:10px;
    margin-left:20px;
    text-align: left;
    width: 120px;
    line-height: 25px;
    font-size: 16px;
    }
 .gridtable_col_label {
    text-decoration:underline;
    }
    
.tooltip {
      border-bottom: 1px dotted #000000; color: #000000; outline: none;
      cursor: pointer; text-decoration: none;
      position: relative;
}
.tooltip span {
      margin-left: -999em;
      position: absolute;
}
.tooltip:hover span {
      border-radius: 5px 5px;
      -moz-border-radius: 5px; 
      -webkit-border-radius: 5px; 
      box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
      font-family: Calibri, 
      Tahoma, Geneva, sans-serif;
      position: absolute; 
      left: 1em; 
      top: 2em; 
      z-index: 99;
      margin-left: 0; 
      width: 250px;
      font-size: 1.2em;
}
.tooltip:hover img {
      border: 0;
      margin: -10px 0 0 -55px;
      float: left; 
      position: absolute;
}
.tooltip:hover em {
      font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
      display: block; padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

#view {
display:inline-block;
line-height:18px; /* check your icon height */
background:url(../images/icon-view.png)  center right no-repeat;
padding-right:20px;

} 

#edit {
display:inline-block;
line-height:18px; /* check your icon height */
background:url(../images/icon-edit.png)  center right no-repeat;
padding-right:20px;
}

#back {
display:inline-block;
line-height:18px; /* check your icon height */
background:url(../images/icon-back.png)  center right no-repeat;
padding-right:20px;
} 

#add {
display:inline-block;
line-height:18px; /* check your icon height */
background:url(../images/icon-checklist.png)  center right no-repeat;
padding-right:20px;
} 

#delete {
display:inline-block;
line-height:18px; /* check your icon height */
background:url(../images/icon-delete.png)  center right no-repeat;
padding-right:20px;
}

#print_kwit {
display:inline-block;
line-height:18px; /* check your icon height */
background:url(../images/print-icon1.png)  center right no-repeat;
padding-right:20px;
}

#print_rinci {
display:inline-block;
line-height:18px; /* check your icon height */
background:url(../images/print-icon.png)  center right no-repeat;
padding-right:20px;
}

#print_inv{
display:inline-block;
line-height:18px; /* check your icon height */
background:url(../images/inv.png)  center right no-repeat;
padding-right:16px;
}
/*------------------------------------*\
	$WRAPPER
\*------------------------------------*/
.buttons {/* Style as you wish (toolbar) */
}
/* The Magnificent CLEARFIX */
.buttons:before, .buttons:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}
.buttons:after {
	clear: both;
}
.buttons {
	zoom: 1;
}
/* ------------------------ */


/*------------------------------------*\
	$BUTTON
\*------------------------------------*/
button {
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	font: bold 11px Helvetica, Arial, sans-serif;
	color: #444;
	line-height: 17px;
	height: 18px;
	display: inline-block;
	float: left;
	margin: 5px;
	padding: 5px 6px 4px 6px;
	background: #F3F3F3;
	border: solid 1px #D9D9D9;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
        -webkit-transition: border-color .20s;
        -moz-transition: border-color .20s;
        -o-transition: border-color .20s;
        transition: border-color .20s;
	height: 29px !important;
	cursor: pointer;
}
button:hover {
	background: #F4F4F4;
	border-color: #C0C0C0;
	color: #333;
}
button:active {
	border-color: #4D90FE;
	color: #4D90FE;
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}
button.bluebtn {
	border: 1px solid #3079ED !important;
	background: #4B8DF8;
	background: -webkit-linear-gradient(top, #4C8FFD, #4787ED);
	background: -moz-linear-gradient(top, #4C8FFD, #4787ED);
	background: -ms-linear-gradient(top, #4C8FFD, #4787ED);
	background: -o-linear-gradient(top, #4C8FFD, #4787ED);
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
button.bluebtn:hover {
	border: 1px solid #2F5BB7 !important;
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #4D90FE, #357AE8);
	background: -moz-linear-gradient(top, #4D90FE, #357AE8);
	background: -ms-linear-gradient(top, #4D90FE, #357AE8);
	background: -o-linear-gradient(top, #4D90FE, #357AE8);
}
button.greenbtn {
	border: 1px solid #29691D !important;
	background: #3A8E00;
	background: -webkit-linear-gradient(top, #3C9300, #398A00);
	background: -moz-linear-gradient(top, #3C9300, #398A00);
	background: -ms-linear-gradient(top, #3C9300, #398A00);
	background: -o-linear-gradient(top, #3C9300, #398A00);
 -webkit-transition: border .20s;
 -moz-transition: border .20s;
 -o-transition: border .20s;
 transition: border .20s;
}
button.greenbtn:hover {
	border: 1px solid #2D6200 !important;
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #3C9300, #368200);
	background: -moz-linear-gradient(top, #3C9300, #368200);
	background: -ms-linear-gradient(top, #3C9300, #368200);
	background: -o-linear-gradient(top, #3C9300, #368200);
}
button.redbtn {
	border: 1px solid #D14836 !important;
	background: #D64937;
	background: -webkit-linear-gradient(top, #DC4A38, #D14836);
	background: -moz-linear-gradient(top, #DC4A38, #D14836);
	background: -ms-linear-gradient(top, #DC4A38, #D14836);
	background: -o-linear-gradient(top, #DC4A38, #D14836);
 -webkit-transition: border .20s;
 -moz-transition: border .20s;
 -o-transition: border .20s;
 transition: border .20s;
}
button.redbtn:hover {
	border: 1px solid #B0281A !important;
	background: #D14130;
	background: -webkit-linear-gradient(top, #DC4A38, #C53727);
	background: -moz-linear-gradient(top, #DC4A38, #C53727);
	background: -ms-linear-gradient(top, #DC4A38, #C53727);
	background: -o-linear-gradient(top, #DC4A38, #C53727);
}
button.action:hover {
	-moz-box-shadow: 0 1px 0px #DDD;
	-webkit-box-shadow: 0 1px 0px #DDD;
	box-shadow:iset 0 1px 0px #DDD;
}
button.action:active {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-color: #C6C6C6 !important;
}
button.bluebtn:active {
	border-color: #2F5BB7 !important;
}
button.greenbtn:active {
	border-color: #2D6200 !important;
}
button.redbtn:active {
	border-color: #B0281A !important;
}
/*------------------------------------*\
	$BUTTON LABEL
\*------------------------------------*/
 button span.label {
	display: inline-block;
	float: left;
	line-height: 17px;
	height: 18px;
	padding: 0 1px;
	overflow: hidden;
	color: #444;
 -webkit-transition: color .20s;
 -moz-transition: color .20s;
 -o-transition: color .20s;
 transition: color .20s;
}
button span.label {
	line-height: 15px !important;
}
button:hover .label.bluebtn {
	color: #7090C8;
}
button:hover .label.greenbtn {
	color: #42B449;
}
button:hover .label.yellow {
	color: #F7CB38;
}
button.bluebtn .label {
	color: #FFF !important;
	text-shadow: 0 1px 0 #2F5BB7 !important;
}
button.greenbtn .label {
	color: #FFF !important;
	text-shadow: 0 1px 0 #2D6200 !important;
}
button.redbtn .label {
	color: #FFF !important;
	text-shadow: 0 1px 0 #B0281A !important;
}
button.action .label {
	padding: 0 17px !important;
}
button.action:active .label {
	color: #333 !important;
}
button.bluebtn:active .label, button.greenbtn:active .label, button.redbtn:active .label {
	color: #FFF !important;
}


.edit {
	width: 52px;
	height: 25px;
	background-color: #FFF;
	margin:2px;
}

#response{
	position : fixed;
	width : 100%;
	top : 0px;
	background-color : green;
	padding : 10px;
	display : none;
	color : white;
}

#editingnya li {
	list-style : none;
}
#editingnya li:hover {
	background-image:url(../images/edit.png);
	background-repeat:no-repeat;
	background-position:right;
	cursor:pointer;
}
#editingnya li.selected:hover {
	background-image:none;
}
#editingnya li.selected {
	width: 120px;
}
#editingnyas li {
	list-style : none;
}
#editingnyas li:hover {
	background-image:url(../images/edit.png);
	background-repeat:no-repeat;
	background-position:left;
	cursor:pointer;
}
#editingnyas li.selected:hover {
	background-image:none;
}
#editingnyas li.selected {
	width: 120px;
}
.save, .btnCancel {
	margin:0px 0px 0 5px;
}


div#m0800sub,div#m0100sub ,div#m0200sub,div#m0300sub ,div#m0900sub ,div#m1300sub ,div#m1400sub ,div#m1600sub   {
	z-index : 100;
}
table#mytable tbody tr:hover .gridtable_td{
      background-color:#ECB027 !important;
      /*font-weight: bold;*/
}
table#mytable tbody tr:hover .gridtable_td_coa{
      background-color:#ECB027 !important;
      /*font-weight: bold;*/
}
table#mytable tbody tr:hover .gridtable_td_yellow {
      background-color:#affba2 !important;
}
table#mytable tbody tr:nth-child(2n+1) .gridtable_td{
    background: none repeat scroll 0 0 #c4e8e6;
}

table#mytable tbody tr:hover .gridtable_td_total {
      background-color: #FFCC99 !important;
      font-weight: bold;
}

table#mytable tbody tr:nth-child(2n+1) .gridtable_td_yellow {
    background: none repeat scroll 0 0 yellow;
}

table#mytable tbody tr:nth-child(2n+1) .gridtable_td_total {
    background: none repeat scroll 0 0 #7FFFD4;
}

table#mytable {
    border-collapse: collapse; 
}
table#mytable td {
}
.infoPas{color: #000; font-size:12px; font-family: Palatino Linotype;}
.infoPasbor{border:1px solid #000;}
.img_on {
	float: right;
	margin-right: 30px;
}
#cek_user{
	float: right;
	width: 85px;
	margin-top: 0px;
	margin-left: 0px;
	background-color:red !important;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	border:2px solid #fff;
}
.cont{
    margin: 0 auto;
}

.errMsg{
	margin-top: 30px;
	margin-bottom: 30px;
        color: #FFF;
}
.errMsg pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.errMsg legend {
    padding: 5px;
    color: white;
    background-color: red;
    font-family: sans-serif;
    font-weight: bold;
    letter-spacing: 5px;
    border: 1px solid #999;
    border-radius: 4px;
}

.errMsg fieldset {
    border: 1px solid #999;
    border-radius: 4px;
    margin: 0 auto;
    width: 50%;
    background-color: #ccc;
    font-family: verdana;
    font-size: 18px;
	font-weight: bold;
    letter-spacing: 3px;
}

/*dari redis.css*/

.klir{
    clear:both;
}
hr{
    padding: 0px;
    margin: 0px;
}
#container{
    display: block;
    width: 100%;
    margin: 0 auto;

}
#container-content{
    margin: 0 auto;
    width: 100%;   
    min-height: 700px;
    background-repeat: repeat-x;

}
#shadow{
    min-height: 300px;
    padding: 20px;
    border-radius: 3px;
    box-shadow: inset 0 0 20px #DDDDDD;
}
#klinik-title{
    padding: 5px;
    width: 1240px;
    color: #FFFFFF;
    font-size: 18px;
    margin-top: -34px;
    position: absolute;
    text-align: right;
    text-shadow: 0.1em 0.1em 0.2em Grey;
}
#main{
    background-color: #FFFFFF;
    padding: 5px;
    margin: 0 10px ;
    min-height: 300px;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    width: 1240px;
}
#content{
    margin-left: 135px;
    margin-top: -35px;
    width: 1070px;
}
#head-er{
    width: 100%;
    margin: 0 auto;
    background: url("../images/header_01.png");
    background-repeat: no-repeat;
    display: block;
    height: 120px;
    position: relative;

}
#foot-er{
    width: 100%;
    margin: 0 auto;
    /*    background: url("../images/ftr2.png");*/
    background-repeat: no-repeat;
    display: block;
    height: 72px;
    text-align: center;
    padding-top: 10px;

}
#om-logo{
    display: block;
    margin-left: 125px;
    margin-top: 5px;
    position: absolute;
}
#the-navi{
    color: #439DC3;
    font-size: 23px;
    margin-bottom: 9px;
    margin-left: -13px;
    margin-top: -16px;
    text-shadow: 0.1em 0.1em 0.2em Grey;
}
/* sidebar */
.sidebar {
    float: left;
    width: 185px;
    margin-left: -75;
}
.divy{
    display: block;
    background: url("../images/divider_03.png");
    width: 10px;

}
/* menu level 1 */
.sidebar ul {
    list-style: none;
}

.sidebar ul li.root {
    display: block;
    position: relative;
    background: url("../images/menu-bg_03.png");
    background-repeat: no-repeat;
    height: 30px;
    margin-top: -15px;
    width: 150px;
}
/* menu level 2 */
.sidebar ul li ul {
    display: none;
    left: 140px;
    list-style: none;
    min-width: 210px;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 3;
    background: #ffffff;
    margin-left: 10px;
}

.sidebar ul li:hover ul {
    display: block;
}

.sidebar ul li ul li {
    display: block;
    background: #439dc3;
    border-radius: 3px;
    margin-top: 5px;
    /*    box-shadow: 3px 3px 3px #439dc3;*/

}

/* link menu */
.m-title{
    margin-left: 20px;
    margin-top: 3px;
    font-weight: bold;

}
.m-title a{
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;

}
.sidebar ul li {
    color: #ffffff;
    display: block;
    font-size: 12px;
    padding: 5px;
}
.sidebar ul li ul li a {
    color: #ffffff;
    display: block;
    font-size: 12px;

}

.sidebar ul li:hover,
.sidebar ul li a:hover {
    text-decoration: none;
}

.sidebar ul li ul li:hover {
    background: #2a6178;
    text-decoration: none;
}
/* login */
#notif{
    margin-bottom: 10px;
    margin-top: -153px;
    text-align: left;

}
.log-submit input{
    width: 100px;
}
.log-fix input{
    width: 200px;

}
.log-fix{
    margin-bottom: 5px;
    margin-right: 150px;

}
.log-form{
margin-left: 300px;
    margin-top: -15px;
}
#log-box img{
    left: 50px;
    position: relative;
    top: 3px;
}
#container-log{
    margin-top: 150px;
}
#log-head{
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    color: #FFFFFF;
    font-weight: bold;
    font-size: 20px;
    background-image: -moz-linear-gradient(center top , #5EA41C, #006600);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5EA41C), to(#006600));
    background-repeat: repeat-x;
    width: 250px;
    margin-left: 640px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.5);
    border-radius:4px 4px 0 0 ;
    padding: 5px;
    text-align: left;

}
#log-box{

    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.5);
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 11px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.5);
    font-family: arial,tahoma,verdana;
    position: relative;
    width: 600px;
    height: 200px;
    background-image: url("../images/login2_032.png");
    border-radius:10px;
    margin: 0 auto;

}
input:-moz-placeholder, textarea:-moz-placeholder{
    color: grey;
    font-style: italic;
}

#progress {
    background-image: url("../images/progress.jpg");
}

/* Untuk Button Kwitansi*/
.btn_bayar {
  background: #91cef7;
  background-image: -webkit-linear-gradient(top, #91cef7, #2980b9);
  background-image: -moz-linear-gradient(top, #91cef7, #2980b9);
  background-image: -ms-linear-gradient(top, #91cef7, #2980b9);
  background-image: -o-linear-gradient(top, #91cef7, #2980b9);
  background-image: linear-gradient(to bottom, #91cef7, #2980b9);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  text-shadow: 7px 2px 3px #666666;
  -webkit-box-shadow: 0px 2px 9px #666666;
  -moz-box-shadow: 0px 2px 9px #666666;
  box-shadow: 0px 2px 9px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 40px 40px 40px 40px;
  border: dotted #29c4d9 2px;
  text-decoration: none;

}

.btn_bayar:hover {
  background: #2980b9;
  color: #ffffff;
  background-image: -webkit-linear-gradient(top, #2980b9, #91cef7);
  background-image: -moz-linear-gradient(top, #2980b9, #91cef7);
  background-image: -ms-linear-gradient(top, #2980b9, #91cef7);
  background-image: -o-linear-gradient(top, #2980b9, #91cef7);
  background-image: linear-gradient(to bottom, #2980b9, #91cef7);
  text-decoration: none;
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  text-shadow: 7px 2px 3px #666666;
  -webkit-box-shadow: 0px 0px 20px #61619e;
  -moz-box-shadow: 0px 0px 20px #61619e;
  box-shadow: 0px 0px 20px #61619e;
}

.rincian_laporan {
	FONT-FAMILY:    verdana, tahoma, arial;
	width: 100%;
	background: #ffffff;
	margin: 1em 0em;
	border: 1px solid rgba(34, 36, 38, 0.15);
	box-shadow: none;
	border-radius: 0.28571429rem;
	color: rgba(0, 0, 0, 0.87);
	border-spacing: 2px;
	border-collapse : collapse;
}

.rincian_laporan th, td {
	-webkit-transition: background 0.1s ease, color 0.1s ease;
          	transition: background 0.1s ease, color 0.1s ease;
}

.rincian_laporan th {
  cursor: auto;
  background: #f9fafb;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  padding: 5px 5px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid rgba(34, 36, 38, 0.1);
}

.rincian_laporan td {
  cursor: auto;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.87);
  padding: 3px 3px;
  border: 1px solid rgba(34, 36, 38, 0.1);
}