/* Arief : Button styleClass="buttonMax"
    Contoh Penggunaan :
    <h:form styleClass="jsfcrud_list_form">                          -->Agar link berwarna putih
        <table>
            <tr>
                <td style="border: none;" align="right">             -->Agar border pada button tidak ada; untuk rata : right / left
                    <div class="odsStyleMax">                        -->Agar tepi bisa di click;
                        <h:commandLink styleClass="odsStyle"/>       -->Agar link nampak seperti button
                    </div>
                </td>
            </tr>
        </table>
    </form>
*/
        .odsStyleMax{ /* Container you can use to surround a CSS button to clear float */
            overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
            width: 100%;
            text-decoration: none;
        }
        .odsStyleMax a:link{color: white;}
        .odsStyleMax a:visited{color: white;}
        .odsStyleMax a:hover{color: black;}
        .odsStyleMax a:active{color: white;}
        .odsStyleMax a:focus{border: 1px solid #44e444;height: 12px;}
        .odsStyle{
            padding: 4px 6px 4px 6px;
            /*border: solid 1px #8AB134;*/
            position: relative;
            cursor: pointer;
            display: block;
            background-image: url('../images/bkgx.png');
            background-repeat: repeat-x;
            font-size: 11px;
            height: 14px; width: 45px;
            text-decoration: none; text-align: center;
            color:gray;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            border-style:none; font-weight: bold; cursor:default;
        }
        .odsStyle a:link{color: white;}
        .odsStyle a:visited{color: white;}
        .odsStyle a:hover{color: black;}
        .odsStyle a:active{color: white;}
        .odsStyle a:focus{border: 0px solid #44e444;height: 12px;}

        /* Untuk buat table dalam bentuk css div */
        div#tbldiv{
            width: 100%;
        }
        div.tbldivrow{
            clear:both;
        }
        div#tbldiv div div.tbldivtd {
            float: none;
            width: auto;
            margin-left: auto;
            margin-right: auto;
            margin:0 auto;
        }
        div#tbldiv div div.tbldivtd5px {
            float:left;
            width: 3px;
        }


/* ------------------------------END----------------------------------------- */

/* CSS button insert, change, delete, close all hight 14 n width 45 START*/
        .buttonN {
            padding: 4px 6px 4px 6px;
            border: solid 1px #8AB134;
            position: relative;
            cursor: pointer;
            display: inline-block;
            /*background-color: #b15500;*/
            background-image: url('../images/bkgx.png');
            background-repeat: repeat-x;
            font-size: 11px;
            height: 14px; width: 45px;
            text-decoration: none; text-align: center;
            color:gray;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            border-style:none; font-weight: bold; cursor:default;
        }

        .buttonN img {
            position: absolute;
            top: -4px;
            left: -12px;
            border: none;
        }

/* di pindah ke jsfcrud*/
        .buttonN a:link {color: white;}
        .buttonN a:visited {color: white;}
        .buttonN a:hover {color: black;}
        .buttonN a:active {color:white;}        
/* CSS button insert, change, delete, close all hight 14 n width 45 END*/
/* CSS button pada Header START*/
        .hdrBtn {
            padding: 4px 6px 4px 6px;
            border: solid 1px #FFF;
            position: relative;
            cursor: pointer;
            display: inline-block;
            /*background-color: #b15500;*/
            background-image: url( '../images/bkg.png' );
            background-repeat: repeat-x;
            text-decoration: none;
            text-align: center; color: #b15500;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            border-style:none; cursor:default;
        }

        .hdrBtn img {
            position: absolute;
            top: -4px;
            left: -12px;
            border: none;
        }
        
        .hdrBtn a:link {color:red;}
        .hdrBtn a:visited {color:red;}
        .hdrBtn a:hover {color: #b15500;}
        .hdrBtn a:active {color:white;}
/* CSS button pada Header END*/
/* CSS background Header Utama warna coklat START*/
        .hdrU {
            padding: 4px 6px 4px 6px;
            border: solid 1px #FFF;
            position: relative;
            cursor: pointer;
            display: inline-block;
/*            background-color: #b15500;                          */
/*            background-image: url( '../images/softbg.png' );    */      
            background-repeat: repeat-x;
            text-decoration: none;
            text-align: center;
            color: green; width: 100%; height: 64px;-webkit-border-top-left-radius: 15px;
            -webkit-border-top-right-radius: 30px;
            -moz-border-radius-topleft: 15px;
            -moz-border-radius-topright: 30px;
            border-top-left-radius: 15px;
            border-top-right-radius: 30px;
            border-style:none; cursor:default;
            /* Degradasi warna coklat tua - coklat muda */
            /* Sumber : http://www.colorzilla.com/gradient-editor/ */
            background: #401b00; /* Old browsers */
            background: -moz-linear-gradient(left, #401b00 0%, #ff881c 53%, #ff881c 61%, #401b00 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,#401b00), color-stop(53%,#ff881c), color-stop(61%,#ff881c), color-stop(100%,#401b00)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(left, #401b00 0%,#ff881c 53%,#ff881c 61%,#401b00 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(left, #401b00 0%,#ff881c 53%,#ff881c 61%,#401b00 100%); /* Opera11.10+ */
            background: -ms-linear-gradient(left, #401b00 0%,#ff881c 53%,#ff881c 61%,#401b00 100%); /* IE10+ */
/*            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#401b00', endColorstr='#401b00',GradientType=1 ); /* IE6-9 */
            background: linear-gradient(left, #401b00 0%,#ff881c 53%,#ff881c 61%,#401b00 100%); /* W3C */
            /* Finish degradasi */
        }

        .hdrU img {
            position: absolute;
            top: -4px;
            left: -12px;
            border: none;
        }
        
        .hdrU a:link {color:red;}
        .hdrU a:visited {color:red;}
        .hdrU a:hover {color: green;}
        .hdrU a:active {color:white;}
/* CSS background Header Utama warna coklat END*/
/* CSS untuk tulisan ORLANSOFT pada Header Utama START */
        .styHdr1{
            font-family:"Verdana",Verdana; color:white;
            vertical-align: text-bottom; font-size: 38px; width: 250px; height: 36px;
        }
        .styHdr2{
            font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-weight: bold; color:white;
            vertical-align:top;width: 200px;font-size: 10px;
        }
/* CSS untuk tulisan ORLANSOFT pada Header Utama END */
/* Hiasan untuk Header Utama START*/
        .hias {
            background-image: url( '../images/softbg.png' );
            position:absolute;top: 0;
            width: 100%; height: 64px;
            background-repeat: repeat-x;
        }
        .hias2 {
            background-image: url( '../images/softfly.png' );
            position:absolute;
            width: 100%; height: 64px;
            background-repeat: repeat-x;
        }
        .hiasLgn {
            background-image: url( '../images/softfly.png' );
            width: 100%; height: 100%;
            background-repeat: repeat;
            padding-bottom: 10px;
        }
/* Hiasan untuk Header Utama END*/
/* Header Login START*/
        .hdrlgn{
          /* Degradasi warna coklat tua - coklat muda */
            background: #401b00; /* Old browsers */
            background: -moz-linear-gradient(left, #401b00 0%, #ff881c 53%, #ff881c 61%, #401b00 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,#401b00), color-stop(53%,#ff881c), color-stop(61%,#ff881c), color-stop(100%,#401b00)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(left, #401b00 0%,#ff881c 53%,#ff881c 61%,#401b00 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(left, #401b00 0%,#ff881c 53%,#ff881c 61%,#401b00 100%); /* Opera11.10+ */
            background: -ms-linear-gradient(left, #401b00 0%,#ff881c 53%,#ff881c 61%,#401b00 100%); /* IE10+ */
/*            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#401b00', endColorstr='#401b00',GradientType=1 ); /* IE6-9 */
            background: linear-gradient(left, #401b00 0%,#ff881c 53%,#ff881c 61%,#401b00 100%); /* W3C */
            /* Finish degradasi */
            width: 100%; box-shadow: 4px 4px 5px #000;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }
/* Header Login END*/
/* Footer START*/
        .footer{
          /* Degradasi warna coklat tua - coklat muda */
            background: #401b00; /* Old browsers */
            background: -moz-linear-gradient(left, #401b00 0%, #ff881c 53%, #ff881c 61%, #401b00 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,#401b00), color-stop(53%,#ff881c), color-stop(61%,#ff881c), color-stop(100%,#401b00)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(left, #401b00 0%,#ff881c 53%,#ff881c 61%,#401b00 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(left, #401b00 0%,#ff881c 53%,#ff881c 61%,#401b00 100%); /* Opera11.10+ */
            background: -ms-linear-gradient(left, #401b00 0%,#ff881c 53%,#ff881c 61%,#401b00 100%); /* IE10+ */
/*            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#401b00', endColorstr='#401b00',GradientType=1 ); /* IE6-9 */
            background: linear-gradient(left, #401b00 0%,#ff881c 53%,#ff881c 61%,#401b00 100%); /* W3C */
            /* Finish degradasi */
            width: 100%;
            -moz-border-radius-topleft: 0px;
            -moz-border-radius-topright: 0px;
            -moz-border-radius-bottomleft: 10px;
            -moz-border-radius-bottomright: 10px;
        }
/* Footer END*/
/* REGULAR */
        .btlgn {
            padding: 4px 6px 4px 6px;
            border: solid 1px #b15500;
            position: relative;
            cursor: pointer;
            display: inline-block;
            background-image: url( '../images/bkg.png' );
            background-repeat: repeat-x;
            font-size: 11px; width: 45px;
            text-decoration: none;
            color: #b15500; font-weight:bolder;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

        .btlgn:hover {color:black;}
        
        .btlgn2 {
            padding: 4px 6px 4px 6px;
            border: solid 1px #D6D2C2;
            position: relative;
            cursor: pointer;
            display: inline-block;
            /*
            background-image: url( '../images/bkg.png' );
            background-repeat: repeat-x;
            */
            background-color: #EFEEEC;
            font-size: 11px; width: 45px;
            text-decoration: none;
            color: #333333; font-weight:bolder;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

        .btlgn2:hover {
            background-color: #E7E7E7; 
            color: #ff3600;
        }
        
        
        .loginStyle {
            border: none;                    
            border-bottom: 1px solid;  
            width: 100%; 
            padding: 5px 0px 10px 0px ;  
            margin: 0px 0;
            border-color: #D6D2C2;
            background-color: #FFF;
        }
        
        .loginStyle:hover {
            border-color: #ff3600;
        }
        .loginStyle:focus {
            border-color: #ff3600;
        }