﻿


a 
{
    font-family:"Tahoma",Georgia, serif;
	font-size:10pt;
	font-style:normal;
	font-variant:normal;
	/*line-height:1.2;*/
    color:#3F3F45; 
    color:#777777; 
    
}


/*-------------------- tag a ----------------------------*/
a:link, a:visited /* แสดงก่อนทำงาน *//* link ที่เราเคยเข้าไปแล้ว */
{
    text-decoration:none;
    color:Black;
    text-align:left;
    vertical-align:middle;
    font-weight:normal;
    padding-top:0px;
    padding-left:2px;
    min-height:18px;
    font-weight:normal;
}



a:hover /* เอาเมาไปวาง */
{
    text-decoration:none;
    color:Black;
    text-align:left;
    vertical-align:middle;
    /*background-image:url('../images/imgCenter/BG_Orange_32x32.png');
    background-repeat:repeat-x;*/
    font-weight:normal;
    
}

a:active /* เอาเมาไปคลิ๊ก */
{
    text-decoration:none;
    color:Black;
    text-align:left;
    vertical-align:middle;
    font-weight:normal;
    border-width:0px;
}









.cen_div_wrapp
{
    border:0px solid red;
    float:left;
    display:block;
}

.cen_div_wrapp_rg
{
    border:0px solid red;
    float:right;
    display:block;
    /*height:100%;*/
}



/*Textbox --------------------------------------------------------------------------------------------------------------------*/


.text_search
{
    border: 1px dashed #ccc;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    box-shadow: 0 0 0 1px #fff;
    
    padding:2px 2px 2px 8px;
    border-radius:12px 12px 12px 12px;
    
}


.text_username
{
    background:#ffffff url('../images/user_16x16.png') no-repeat;
    background-position:4px 5px;
 
    /*border: 1px solid #999999;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;*/
}

.text_password
{
    background:#ffffff url('../images/password_16x16.png') no-repeat;
    background-position:4px 5px;
 
    /*border: 1px solid #999999;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;*/
}

.text_captchaCaptc    background-position:4px 5px;ha
{
    /*background:#ffffff url('../images/password_16x16.png') no-repeat;*/
    background-position:4px 5px;
}

.cssCENxTextReadOnly
{
    background-color:#FEE3A9;
}



.text_readonly
{
    background-color:#FEE3A9;
}



.btn_blue {
    
    /*
    background:red url('../images/user_16x16.png') no-repeat;
    background-image: linear-gradient(red, red);
    background-position:4px 5px;
    background-color:#02a7fc;
    border-color:#019dee;
    color: white;
    
    background:#02a7fc url('../images/user_16x16.png') no-repeat;
    background-position:6px 6px;
    
    border:1px solid #019dee; 
    -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;*/
}

.btn-red {
    background-color: #e66b6b;
    /*
    background:red url('../images/user_16x16.png') no-repeat;
    background-image: linear-gradient(red, red);
    background-position:4px 5px;*/
    border-color: #e25555;
    color: white;
}

.btn:hover{
  color: white !important;
}



.btn 
,.btn_imageonly
,.btn_textonly
,.btn_blue_login
,.btn_blue
{
    padding:6px;
    transition: all 0.3s ease 0s !important;
    border-radius:2px;
    cursor:pointer;
}


.btn_blue_login
{
    color: white;
    
    background:#02a7fc url('../images/arrow_right_16x16.png') no-repeat;
    background-position:right 10px center; 
    
    border:1px solid #019dee; 
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0) inset;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0) inset;
	box-shadow: 1px 1px 2px rgba(240,240,240,0) inset;
}

.btn_blue
{
    color: white;
    background:#02a7fc;
    /*background:#02a7fc url('../images/arrow_right_16x16.png') no-repeat;
    background-position:right 10px center;*/
    
    border:1px solid #019dee; 
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0) inset;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0) inset;
	box-shadow: 1px 1px 2px rgba(240,240,240,0) inset;
}

.btn_red
{
    color: white;
    background:red;
    /*background:#02a7fc url('../images/arrow_right_16x16.png') no-repeat;
    background-position:right 10px center;*/
    
    
    border:1px solid red; 
    -webkit-border-radius:4px; 
    -moz-border-radius:4px;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0) inset;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0) inset;
	box-shadow: 1px 1px 2px rgba(240,240,240,0) inset;
}

.img_login
{
    background:#02a7fc right 10px center no-repeat url('../images/arrow_right_16x16.png');
    padding-right:32px;
}





.div_wrapper
{
    border:0px solid red;
    display:block;
    float:left;
    margin:0px 2px 0px 0px;
    padding:0px 0px;
}

.div_wrapper_rg
{
    border:0px solid red;
    float:right;
    display:block;
}

.div_wrapper_hidden
{
    display:block;
    width:1px;
    height:21px;
    overflow:hidden;
    float:left;
    /*border:0px solid red;
    float:left;
    display:block;*/
}

.div_wrapper_label
{
    border:0px solid red;
    display:block;
    float:left;
    margin:0px 2px 0px 0px;
    padding:0px 0px;
    padding-top:2px;
}

/* กำหนดให้แสดงอยู่กลางหน้าจอ ************************************************************************************************/
.layout_center_table
{
    display:table; 
    width:100%;
    height:100%;
    position:fixed;top:0px;left:0px;
}
 
.layout_center_cell
{
    display:table-cell; 
    vertical-align:middle;
    text-align:center;
}
.layout_center_parent {
    margin-left:auto; 
    margin-right:auto;
    /*vertical-align:top;
    border:0px solid red;*/
}