html, body {

    font-family: "Trebuchet MS", Arial,Verdana,Helvetica;
    MARGIN: 0px; 
    font-size:12px;
    color: #3F3F3F;
    height:auto;
    /*    scrollbar-face-color: #DEE3E7;
        scrollbar-highlight-color: #FFFFFF;
        scrollbar-shadow-color: #DEE3E7;
        scrollbar-3dlight-color: #D1D7DC;
        scrollbar-arrow-color:  #000000;
        scrollbar-track-color: #EFEFEF;
        scrollbar-darkshadow-color: #98AAB1;*/
}

.input {
    font-family: "Trebuchet MS", Arial,Verdana,Helvetica;
    font-size:11px;
    /*    border:1px solid #7fc443;*/
    border:1px solid #989898;
    color: #000000;
    padding:5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
}


.selectcolor li input{
    display:block;
    width:90px;
    margin-bottom:5px;
    padding:40px 0;
    border:20px solid #C3E7F9;
    text-align:center;
}



p, form {
    padding: 0;
    margin: 0 0 10px 0;
}

a {	color:#959595; text-decoration:none;	}
a:hover { color:#000; text-decoration: none; }

/* GENERALES */


/*Section Header*/
.headerPage{
    padding:0 0 10px 0;
    background:#fff url(images/template/bg.png) repeat-x;
    overflow:hidden;
    position:relative;
    height:120px;
}

.logo{
    width:350px;
    height:88px;
    text-indent:-7000px;
    display:block;
    background: url(images/template/logo.png) no-repeat;
}

.slogan{
    padding-left: 50px;
    color:#3BB3EF;
    font-weight:normal;
    font-style:italic;
    font-size:medium;
}

.separateHeader{
    border-top:1px solid #E2E2E2;
    border-left:1px solid #E2E2E2;
    border-right:1px solid #E2E2E2;
    border-bottom:1px solid #E2E2E2;
    font-style:italic;
    overflow:hidden;
    color:#3BB3EF;
}

.separateTopMenu{
    border-right:1px solid #E2E2E2;
    width:120px;
    font-style:italic;
}


.separateLeftMenu{
    padding-left: 10px;
    border-bottom:1px solid #E2E2E2;
    width:100%;
    height: 21px;
}

/*Section Header*/

/*Section Body*/

.menuContainer{
    border-width: 1px;
    border-color:#79b7e7;
    -moz-border-radius: 5px 5px 5px 5px;
    border-style:groove
}

.tableSearch{
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
    border-width:1px;
    border-color:#79b7e7;
    border-style:solid;
    -moz-border-radius: 5px 5px 5px 5px;
}

.separateMenu{
    border-left:1px solid #E2E2E2;
    font-style:italic;
    width:1px;
}


/*Section Body*/


/*Section Footer*/
/*.footer{
    font-style:italic;
    overflow:hidden;
    width:100%;
    color:#3BB3EF;
    height:30px;
}*/
/*Section Footer*/




.shadow {
    -webkit-border-radius: 10px; /* กำหนดรัศมีของมุมครับ */
    -khtml-border-radius: 10px; /* กำหนดรัศมีของมุมครับ */
    -moz-border-radius: 5px; /* กำหนดรัศมีของมุมครับ */
    border-radius: 5px; /* กำหนดรัศมีของมุมครับ */
    -moz-box-shadow: 0 0 8px #B6BDC4; /* กำหนดสีของกรอบและเงาครับ */
    -webkit-box-shadow: 0 0 8px #B6BDC4; /* กำหนดสีของกรอบและเงาครับ */
    box-shadow: 0 0 10px #B6BDC4; /* กำหนดสีของกรอบและเงาครับ */
    padding: 5px 2px 2px 2px; /* กำหนดระยะห่างจากขอบด้านในของกรอบถึงขอบของรูปภาพ */
    background-color: #FFFFFF;
    border-color: #E2E2E2;
}



input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #d7ffb0;;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color: #d7ffb0;;
}