/* ปุ่มกด */
input[type="button"]:hover
, input[type="submit"]:hover
{

	cursor:pointer;
}




/* start button_textonly --------------------------------------------------------------------------------------------------------------------*/
.button_textonly
{
    border:1px solid #C4D0D0; 
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.7) inset;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.7) inset;
	box-shadow: 1px 1px 2px rgba(240,240,240,.7) inset;
	
    border-radius:4px;
    background-color: #FAFAFA;
    background-repeat: no-repeat;
    background-position:left 6px center;  
    padding: 6px 10px 6px 10px; 
    cursor:pointer;
    display:inline;
    color:#000819;
    font-weight:normal;
    margin:0px 2px;
}

.button_textonly:hover
{
    border:1px solid #ffd202;  

    -webkit-box-shadow:0px 1px 0px 0px #ffd202;
    -moz-box-shadow:0px 1px 0px 0px #ffd202;
    box-shadow:0px 1px 0px 0px #ffd202;
    
    background-color: #ffe402;
}
/* stop button_textonly --------------------------------------------------------------------------------------------------------------------*/

/* start image and text --------------------------------------------------------------------------------------------------------------------*/
.button_imageandtext
{
    /*margin:2px;
    
    padding:4px 14px;
    padding-left:32px;
    
    border:1px solid #d0d0d0;  
    
    border-radius:4px;
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;

    -webkit-box-shadow:0px 1px 0px #bcbcbc, 0px 2px 0px #f7f7f7 inset;
    -moz-box-shadow:0px 1px 0px #bcbcbc, 0px 2px 0px #f7f7f7 inset;
    box-shadow:0px 1px 0px #bcbcbc, 0px 2px 0px #f7f7f7 inset;
    
   
    background-color: #f2f2f2;
    background-repeat: no-repeat;
    background-position: 5px  center;  
    background-size:auto;
    
    display:inline;*/

    
  
    /*background-image:linear-gradient(#ffffff, #dfdede);*/
    
    /*------------------------------------------------------------------------------------*/
    border:1px solid #C4D0D0; 
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.7) inset;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.7) inset;
	box-shadow: 1px 1px 2px rgba(240,240,240,.7) inset;
	
    border-radius:4px;
    background-color: #FAFAFA;
    background-repeat: no-repeat;
    background-position:left 6px center;  
    padding: 5px 10px 5px 28px;
    cursor:pointer;
    display:inline;
    color:#000819;
    font-weight:normal;
    margin:0px 0px;
    

}

.button_imageandtext:hover
{
    border:1px solid #ffd202;  

    -webkit-box-shadow:0px 1px 0px 0px #ffd202;
    -moz-box-shadow:0px 1px 0px 0px #ffd202;
    box-shadow:0px 1px 0px 0px #ffd202;
    
    background-color: #ffe402;
}


/*imageonly --------------------------------------------------------------------------------------------------------------------*/
.button_image
{
    margin:0px 0px;
    
    background-image:linear-gradient(#ffffff, #dfdede);
    border:1px solid #d0d0d0; 
    
    border-radius:4px;
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;
    
    -webkit-box-shadow:0px 1px 0px #bcbcbc;
    -moz-box-shadow:0px 1px 0px #bcbcbc;
    box-shadow:0px 1px 0px #bcbcbc; 
}

.button_image:hover
{
    border:1px solid #ffd202;  

    -webkit-box-shadow:0px 1px 0px 0px #ffd202;
    -moz-box-shadow:0px 1px 0px 0px #ffd202;
    box-shadow:0px 1px 0px 0px #ffd202;
    
    background-color: #ffe402;
    background-image:linear-gradient(#ffe402, #ffe402);
}


/* The disabled styles */
.button_image[disabled], 
.button_image[disabled]:hover, 
.button_image.disabled, 
.button_image.disabled:hover 
{
    cursor: default;
    background-image:linear-gradient(#eeeeee, #eeeeee);
    border:1px solid #d0d0d0; 
    -webkit-box-shadow:0px 1px 0px #bcbcbc;
    -moz-box-shadow:0px 1px 0px #bcbcbc;
    box-shadow:0px 1px 0px #bcbcbc; 
    
    
}
/* end imageonly --------------------------------------------------------------------------------------------------------------------*/


/* start imageonly noborder ---------------------------------------------------------------------------------------------------------*/
.button_image_noborder
{
    margin-left:2px;
    border:0px solid #d0d0d0;
}

.button_image_noborder:hover
{
    background-image: linear-gradient(#ffe402, #ffb502);
    border:0px solid #d0d0d0; 
    
    border-radius:4px;
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;
    
    -webkit-box-shadow:0px 0px 0px #ffbb02 inset;
    -moz-box-shadow:0px 0px 0px #ffbb02 inset;
    box-shadow:0px 0px 0px  1px #ffbb02 inset; 
}

.button_image_noborder[disabled], 
.button_image_noborder[disabled]:hover, 
.button_image_noborder.disabled, 
.button_image_noborder.disabled:hover 
{
    cursor: default;
    
    background-image:none;
    border:0px solid #d0d0d0; 
    
    border-radius:0px;
    -webkit-border-radius:0px; 
    -moz-border-radius:0px;
    
    -webkit-box-shadow:0px 0px 0px #bcbcbc;
    -moz-box-shadow:0px 0px 0px #bcbcbc;
    box-shadow:0px 0px 0px #bcbcbc; 
    
}

/* end imageonly noborder ---------------------------------------------------------------------------------------------------------*/