* {
    font-size: 14px;
    font-family: tahoma;
}
body {
    //background-image:url('../images/BG.png');
    background-image:url('../images/bg_raksthai1.png');
    
    background-repeat:repeat;
    padding: 0px;
    margin: 0px;
  //  margin-bottom: 15px;
}
.header {
    background-image:url('../images/head_raksthai.png');
    //background: #fcfff4; /* Old browsers */
    //background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #e1e1e1 100%); // FF3.6+ 
    //background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#e1e1e1));  //Chrome,Safari4+ 
    //background: -webkit-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#e1e1e1 100%);  //Chrome10+,Safari5.1+ 
    //background: -o-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#e1e1e1 100%);  //Opera 11.10+ 
    //background: -ms-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#e1e1e1 100%);  //IE10+ 
    //background: linear-gradient(to bottom, #fcfff4 0%,#dfe5d7 40%,#e1e1e1 100%); // W3C 
    //filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e1e1e1',GradientType=0 ); // IE6-9 
}
.header a {
    color: #FA8631;
    font-size: 25pt;
    font-weight: bold;
    text-decoration: none;
}
.footer {
    text-align: center;
    //margin-bottom: 30px;
    //height: 50px;
    line-height: 50px;

    background-image:url('../images/lowerbarraksthai.png');
    //background: #fef0c1; /* Old browsers */
    //background: -moz-linear-gradient(top, #fef0c1 0%, #fef0c1 0%, #fdd264 100%);  //FF3.6+ 
    //background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef0c1), color-stop(0%,#fef0c1), color-stop(100%,#fdd264));//  Chrome,Safari4+ 
   // background: -webkit-linear-gradient(top, #fef0c1 0%,#fef0c1 0%,#fdd264 100%); // Chrome10+,Safari5.1+ 
   // background: -o-linear-gradient(top, #fef0c1 0%,#fef0c1 0%,#fdd264 100%);  //Opera 11.10+ 
   // background: -ms-linear-gradient(top, #fef0c1 0%,#fef0c1 0%,#fdd264 100%);  //IE10+ 
   // background: linear-gradient(to bottom, #fef0c1 0%,#fef0c1 0%,#fdd264 100%); // W3C 
    //filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef0c1', endColorstr='#fdd264',GradientType=0 ); // IE6-9 
    
}

.table_menu
{
    width: 100%;
    border: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
   // background-color: #E1E1E1;
}

/*
 * Menu Left
*/

.menu_left {
    padding-top: 5px;
}

.button_between {
    float: right;
    padding-left: 2px; 
    padding-right: 2px; 
}

.imgMenuLeftButton1 {
    float: right;
    width: 96px;
    height: 44px;
    background: url('../images/ActionButton_Home.png');
    text-indent: -99999px;
}

.imgMenuLeftButton1:hover {
    float: right;
    height: 44px;
    background : url('../images/ActionButton_Home_s.png');
}
.imgMenuLeftButton1Active {
    float: right;
    width: 96px;
    height: 44px;
    text-indent: -99999px;
    background : url('../images/ActionButton_Home_s.png');
}
.imgMenuLeftButton2 {
    float: right;
    width: 96px;
    height: 44px;
    background: url('../images/ActionButton_Data.png');
    text-indent: -99999px;
}
.imgMenuLeftButton2:hover {
    height: 44px;
    background : url('../images/ActionButton_Data_s.png');
}
.imgMenuLeftButton2Active {
    float: right;
    width: 96px;
    height: 44px;
    text-indent: -99999px;
    background : url('../images/ActionButton_Data_s.png');
}

.imgMenuLeftButton3 {
float: right;
    width: 96px;
    height: 44px;
    background: url('../images/ActionButton_Report.png');
    text-indent: -99999px;
}
.imgMenuLeftButton3:hover {
    height: 44px;
    background : url('../images/ActionButton_Report_s.png');
}

.imgMenuLeftButton3Active {
    float: right;
    width: 96px;
    height: 44px;
    text-indent: -99999px;
    background : url('../images/ActionButton_Report_s.png');
}
.imgMenuLeftButton4 {
float: right;
    width: 96px;
    height: 44px;
    background: url('../images/ActionButton_Option.png');
    text-indent: -99999px;
}
.imgMenuLeftButton4:hover {
    height: 44px;
    background : url('../images/ActionButton_Option_s.png');
}
.imgMenuLeftButton4Active {
    float: right;
    width: 96px;
    height: 44px;
    text-indent: -99999px;
    background : url('../images/ActionButton_Option_s.png');
}
.imgMenuLeftButton5 {
    float: right;
    width: 96px;
    height: 44px;
    background: url('../images/ActionButton_Job.png');
    text-indent: -99999px;
}
.imgMenuLeftButton5:hover {
    height: 44px;
    background : url('../images/ActionButton_Job_s.png');
}
.imgMenuLeftButton5Active {
    float: right;
    width: 96px;
    height: 44px;
    text-indent: -99999px;
    background : url('../images/ActionButton_Job_s.png');
}
.imgMenuLeftButton6 {
    float: right;
    width: 96px;
    height: 44px;
    background: url('../images/ActionButton_Money.png');
    text-indent: -99999px;
}
.imgMenuLeftButton6:hover {
    background : url('../images/ActionButton_Money_s.png');
}
.imgMenuLeftButton6Active {
    float: right;
    width: 96px;
    height: 44px;
    text-indent: -99999px;
    background : url('../images/ActionButton_Money_s.png');
}
/*
 * Panel
*/
.photTable{
    //box-shadow: 0px 0px 20px 3px #000;//#ffffff;
    -webkit-box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.21);
box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.21);
}
.photpanel{
    border: #EADEC7 3px solid;
    -webkit-box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.21);
box-shadow: 0px 0px 14px 3px rgba(0,0,0,0.21);
}
.panel {
    border: #EADEC7 3px solid;
    //box-shadow: 0px 0px 3px 3px #000;//#ffffff;
}
.panel_header {
    background-color: #EADEC7;
    padding: 7px;
    padding-bottom: 10px;
    color: #FA8631; 
    font-weight: bold;
    font-size: 16px;
    border-bottom: #a9bfd3 1px solid;
}
.panel_header a {
    
}
.panel_header .topic {
    margin-bottom: 10px;
    font-size: 16px;
}
.panel_body {
    font-size: 9px;
    border: #a9bfd3 1px solid;
    border-top: 0px;
    background-color: #E1E1E1;
    padding: 10px;
}
.panel_body div a {
    text-decoration: none;
}
select {
    padding: 7px;
}

.tuuLoginPanel {
    /* border: #ced9e7 3px solid; */
    border: #EADEC7 3px solid; 
    margin-right: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    box-shadow: 0px 0px 3px 3px #ffffff;
}

.tuuLoginButton {    
    display: block;
    width: 380px;
    height: 60px;
    background: url('../images/Button_login.png');
    text-indent: -99999px;
}

.tuuLoginButton:hover {
    background-image : url('../images/Button_login_click.png');
}



.button {
    border: black 1px dashed;
    /* background: #064d7b; */
    background: #FA8631;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    color: #f9f8f7;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 2px;
}

.button_hover {
    /* color: #064d7b;*/
    color: #FA8631;
    /* background-color: #ced9e7; */
    background-color: #EADEC7;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    font-weight: bold;
    border: #064d7b 1px solid;
}

.button-toolbar-report {
    margin: 0px;
    padding: 0px;
    padding-top: 0px;
    padding-left: 0px;
    background-color: #f5eff9;//#b3b3b3;//#ffa82b;// #ffee7c;//#fee8a1;//#ffda63;//#ced9e7;
    
//background: rgb(255,250,124);/*rgb(252,164,32); */
//background: rgb(241,231,103); /* Old browsers */



}
.button-toolbar-report li {
    display: inline-block;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 124px;//140px;
    text-decoration: none;
    
}
.button-toolbar-report li div {
    padding-top: 2px;
    padding-bottom: 2px;
    text-decoration: none;
}
.button-toolbar-report li a {
    font-weight: bold;
    text-decoration: none;
    color: #ef8131;
   // text-shadow: 2px 2px 2px rgba(255, 202, 30, 1);
    
}
.button-toolbar-report li a:hover {
    color: #000;
    text-decoration: none;
    //text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
   // text-decoration: underline;
}

.button-toolbar-report li.current {
    //background-color: white;
    text-decoration: none;
    background: #d8d8d8;//rgb(255,231,81); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTc1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZmNlZmM3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjZmNlZmM3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZTc1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left,  rgba(255,231,81,1) 0%, rgba(252,239,199,1) 6%, rgba(252,239,199,1) 94%, rgba(255,231,81,1) 100%);  FF3.6+ 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,231,81,1)), color-stop(6%,rgba(252,239,199,1)), color-stop(94%,rgba(252,239,199,1)), color-stop(100%,rgba(255,231,81,1)));  Chrome,Safari4+ 
background: -webkit-linear-gradient(left,  rgba(255,231,81,1) 0%,rgba(252,239,199,1) 6%,rgba(252,239,199,1) 94%,rgba(255,231,81,1) 100%);  Chrome10+,Safari5.1+ 
background: -o-linear-gradient(left,  rgba(255,231,81,1) 0%,rgba(252,239,199,1) 6%,rgba(252,239,199,1) 94%,rgba(255,231,81,1) 100%);  Opera 11.10+ 
background: -ms-linear-gradient(left,  rgba(255,231,81,1) 0%,rgba(252,239,199,1) 6%,rgba(252,239,199,1) 94%,rgba(255,231,81,1) 100%);  IE10+ 
background: linear-gradient(to right,  rgba(255,231,81,1) 0%,rgba(252,239,199,1) 6%,rgba(252,239,199,1) 94%,rgba(255,231,81,1) 100%);  W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe751', endColorstr='#ffe751',GradientType=1 );  IE6-8 */

}
.button-toolbar-report li.current a:active {
   background: rgb(255,231,81);
   color: #ef8131;
    text-shadow: 2px 2px 2px rgba(255,231,51, 0.3);
    text-decoration: none;
   
}

.button-toolbar-report li.current a:hover {
    background: rgb(255,231,81);
    color: #fcb04e;
     text-shadow: 2px 2px 2px rgba(255,231,51, 0.3);
    text-decoration: none;
}
.button-toolbar {
    margin: 0px;
    padding: 0px;
    padding-top: 0px;
    padding-left: 0px;
    background-color: #f5eff9;//#b3b3b3;//#ffa82b;// #ffee7c;//#fee8a1;//#ffda63;//#ced9e7;
    
//background: rgb(255,250,124);/*rgb(252,164,32); */
//background: rgb(241,231,103); /* Old browsers */



}
.button-toolbar li {
    display: inline-block;
    text-align: center;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 140px;//140px;
    text-decoration: none;
    
}
.button-toolbar li div {
    padding-top: 2px;
    padding-bottom: 2px;
    text-decoration: none;
}
.button-toolbar li a {
    font-weight: bold;
    text-decoration: none;
    color: #ef8131;
   // text-shadow: 2px 2px 2px rgba(255, 202, 30, 1);
    
}
.button-toolbar li a:hover {
    color: #000;
    text-decoration: none;
    //text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
   // text-decoration: underline;
}

.button-toolbar li.current {
    //background-color: white;
    text-decoration: none;
    background: #d8d8d8;//rgb(255,231,81); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTc1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjZmNlZmM3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTQlIiBzdG9wLWNvbG9yPSIjZmNlZmM3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZTc1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left,  rgba(255,231,81,1) 0%, rgba(252,239,199,1) 6%, rgba(252,239,199,1) 94%, rgba(255,231,81,1) 100%);  FF3.6+ 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,231,81,1)), color-stop(6%,rgba(252,239,199,1)), color-stop(94%,rgba(252,239,199,1)), color-stop(100%,rgba(255,231,81,1)));  Chrome,Safari4+ 
background: -webkit-linear-gradient(left,  rgba(255,231,81,1) 0%,rgba(252,239,199,1) 6%,rgba(252,239,199,1) 94%,rgba(255,231,81,1) 100%);  Chrome10+,Safari5.1+ 
background: -o-linear-gradient(left,  rgba(255,231,81,1) 0%,rgba(252,239,199,1) 6%,rgba(252,239,199,1) 94%,rgba(255,231,81,1) 100%);  Opera 11.10+ 
background: -ms-linear-gradient(left,  rgba(255,231,81,1) 0%,rgba(252,239,199,1) 6%,rgba(252,239,199,1) 94%,rgba(255,231,81,1) 100%);  IE10+ 
background: linear-gradient(to right,  rgba(255,231,81,1) 0%,rgba(252,239,199,1) 6%,rgba(252,239,199,1) 94%,rgba(255,231,81,1) 100%);  W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe751', endColorstr='#ffe751',GradientType=1 );  IE6-8 */

}
.button-toolbar li.current a:active {
   background: rgb(255,231,81);
   color: #ef8131;
    text-shadow: 2px 2px 2px rgba(255,231,51, 0.3);
    text-decoration: none;
   
}

.button-toolbar li.current a:hover {
    background: rgb(255,231,81);
    color: #fcb04e;
     text-shadow: 2px 2px 2px rgba(255,231,51, 0.3);
    text-decoration: none;
}
.textbox {
    padding: 7px;
    border: #a9aaac 1px solid;
    color: #3e3e3e;
}
.row {
    font-size: 14px; 
    vertical-align: text-bottom;
}
.row span {
    padding-top: 2px;
    padding-bottom: 5px;
    vertical-align: text-top;
    display: inline-block;
}
.row_report {
    padding-top: 4px;
    padding-bottom: 4px;
}
.row_report * {
    font-size: 18px;
}
.row_report label {
    width: 130px;
    display: inline-block;
}
.row_report strong {
    color: #545454;
}
/*
 * Message
*/
.my_message {
    background-color: #991111;
    color: white;
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
}

/*
 * Grid
*/
.ScrollableCGridViewContainer { 
    height: 250px;
    overflow: auto; 
}


 .photitems {
    border: #5c5c5c 3px solid;
}
 .photitems thead tr th {
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    background-image: url("images/grid_box.png");
    background-repeat: repeat-x;
    background-color: #545454;
    color: white;
    text-shadow: 0 0 0.4em #5c5c5c, 0 0 0.4em #5c5c5c;
}
.photitems thead tr th a {
    color: white;
}
.photitems tbody tr td {
    padding: 5px; 
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: #b5b7b7 1px solid;
}
table.photitems tr:hover {
   // background-color: #ffffcc;
   //background-color: #545454;
}


.grid-view .items {
    border: #5c5c5c 3px solid;
}
.grid-view .items thead tr th {
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    background-image: url("images/grid_box.png");
    background-repeat: repeat-x;
    background-color: #545454;
    color: white;
    text-shadow: 0 0 0.4em #5c5c5c, 0 0 0.4em #5c5c5c;
}
.grid-view .items thead tr th a {
    color: white;
}
.grid-view .items tbody tr td {
    padding: 5px; 
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: #b5b7b7 1px solid;
}
.grid-view table.items tr:hover {
}

form div label {
    text-align: right;
    padding-right: 3px;
    padding-top: 4px;
    vertical-align: top;
    width: 200px;
    display: inline-block;
}

.course_chapter {
    margin-bottom: 15px;
    border-bottom: #cccccc 2px solid;
}
.course_chapter_name {
    padding: 5px;
    border: #a0a0a0 1px solid;
    font-size: 14px;
    background-image: url("images/chapter_topic_bg.png");
    background-repeat: repeat-x;
    background-color: #f3f4f4;
}
.course_chapter_topic div {
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 60px;
    font-size: 14px;
    color: #666666;
    border-bottom: #efefef 1px solid;
    background-image: url("images/arrow_right.png");
    background-repeat: no-repeat;
    background-position: 30 5;
}
.box {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: #a9bfd3 1px solid;
}
.box * {
    font-size: 14px;
}

/*
 * tuu-grid-view
*/
.tuu-grid-view .items {
    border: #5c5c5c 3px solid;
}
.tuu-grid-view .items thead tr th {
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    background-image: url("images/grid_box.png");
    background-repeat: repeat-x;
    background-color: #545454;
    color: white;
    text-shadow: 0 0 0.4em #5c5c5c, 0 0 0.4em #5c5c5c;
    font-size: 12px;
}
.tuu-grid-view .items thead tr th a {
    font-size: 12px;
    color: white;
}
.tuu-grid-view .items tbody tr td {
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
}
.tuu-grid-view table.items tr:hover {
   // background-color: #ffffcc;
}


/*
* List
*/
ul.list {
    margin: 0px;
    padding: 0px;
}
.list li {
    list-style-type: none;
    padding-left: 10px;
}

/*
* Error
*/
.errorSummary {
    padding: 5px;
    border: red 1px solid;
    background-color: #ffffcc;
    color: red;
    font-weight: bold;
}


input.error {
    background-color: #ffffcc;
    border: red 1px solid;
}
textarea.error {
    background-color: #ffffcc;
    border: red 1px solid;
}
.alert {
    padding: 15px;
    font-size: 14px;
}
.alert-success {
    background-color: #dff0d8;
    color: #386c05;
    border: #6da915 1px solid;
}
.alert-danger {
    background-color: #f2dede;
    color: #ba0c08;
    border: #ba0c08 1px solid;
}
.successSummary {
    padding: 5px;
    border: green 1px solid;
    background-color: #ccffcc;
    color: green;
    font-weight: bold;
}

.header-success {
    color: #386c05;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: #386c05 5px solid;
}
.header-danger {
    color: #ba0c08;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: #ba0c08 5px solid;
}
.text-danger {
    color: #ba0c08;
}

.listBox-ZoneOperate{
    width: 600px;
    height: 500px;
}                         

.raksthaisubtable {
	margin:0px;padding:0px;
	width:100%;
                  height: auto;
	//box-shadow: 5px 5px 5px #888888;
	border: 1px solid #888888;
	/*
	-moz-border-radius-bottomleft:13px;
	-webkit-border-bottom-left-radius:13px;
	border-bottom-left-radius:13px;
	
	-moz-border-radius-bottomright:13px;
	-webkit-border-bottom-right-radius:13px;
	border-bottom-right-radius:13px;
	
	-moz-border-radius-topright:13px;
	-webkit-border-top-right-radius:13px;
	border-top-right-radius:13px;
	
	-moz-border-radius-topleft:13px;
	-webkit-border-top-left-radius:13px;
	border-top-left-radius:13px;
 */
}.raksthaisubtable table{
    //border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:auto;
	margin:0px;padding:0px;
}.raksthaisubtable tr:last-child td:last-child {
	//-moz-border-radius-bottomright:13px;
	//-webkit-border-bottom-right-radius:13px;
	//border-bottom-right-radius:13px;
}
.raksthaisubtable table tr:first-child td:first-child {
	//-moz-border-radius-topleft:13px;
	//-webkit-border-top-left-radius:13px;
                //	border-top-left-radius:13px;
}
.raksthaisubtable table tr:first-child td:last-child {
	//-moz-border-radius-topright:13px;
	//-webkit-border-top-right-radius:13px;
	//border-top-right-radius:13px;
}.raksthaisubtable tr:last-child td:first-child{
	//-moz-border-radius-bottomleft:13px;
	//-webkit-border-bottom-left-radius:13px;
	//border-bottom-left-radius:13px;
}.raksthaisubtable tr:hover td{
	
}
.raksthaisubtable tr:nth-child(odd){ 
   // background-color:#e5e5e5; 
}
.raksthaisubtable tr:nth-child(even)    { 
  //  background-color:#aaaaaa; 
}.raksthaisubtable td{
	vertical-align:middle;
	
	
	//border:0px solid #000000;
	//border-width:0px 1px 1px 0px;
	text-align:left;
	padding:10px;
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.raksthaisubtable tr:last-child td{
	//border-width:0px 1px 0px 0px;
}.raksthaisubtable tr td:last-child{
	//border-width:0px 0px 1px 0px;
}.raksthaisubtable tr:last-child td:last-child{
	//border-width:0px 0px 0px 0px;
}
.raksthaisubtable tr:first-child td{
	//	background:-o-linear-gradient(bottom, #cccccc 5%, #c9c9c9 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #c9c9c9) );
	//background:-moz-linear-gradient( center top, #cccccc 5%, #c9c9c9 100% );
	//filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#c9c9c9");	background: -o-linear-gradient(top,#cccccc,c9c9c9);

	//background-color:#cccccc;
	//border:0px solid #000000;
	text-align:center;
	//border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}
.raksthaisubtable tr:first-child:hover td{
	//background:-o-linear-gradient(bottom, #cccccc 5%, #c9c9c9 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #c9c9c9) );
	//background:-moz-linear-gradient( center top, #cccccc 5%, #c9c9c9 100% );
	//filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#c9c9c9");	background: -o-linear-gradient(top,#cccccc,c9c9c9);

	//background-color:#cccccc;
}
.raksthaisubtable tr:first-child td:first-child{
	//border-width:0px 0px 1px 0px;
}
.raksthaisubtable tr:first-child td:last-child{
	//border-width:0px 0px 1px 1px;
}



.raksthaisubtable2 {
	margin:1px;padding:0px;
	width:100%;
                  height: auto;
	//box-shadow: 5px 5px 5px #888888;
	border: 1px solid #999999;
                  background-color: #3e3e3e;
	
}
.raksthaisubtable2 table{
   
        border-spacing: 0;
	width:100%;
	height:auto;
	margin:0px;padding:0px;
}

.raksthaisubtable2 td{
	vertical-align:middle;
	text-align:left;
	padding:10px;
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}
.raksthaisubtable2 tr:first-child td{
	
	text-align:left;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}


div.form span.pigssshint
{
	margin: 0;
	padding: 0;
	color: #999;
}

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 40px;
  height: 40px
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 40px;
  padding: 4px, 6px;

 // margin-left: 10px;
 // margin-top: 10px;
  margin-bottom: 10px;
 
  font-size: 14px;
  line-height: 40px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

select[multiple]  {
    display: inline-block;
  height: auto;
  min-height: 200px;
  padding: 4px, 6px;

  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
 
  font-size: 14px;
  line-height: 200px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

input,
textarea,
.uneditable-input {
  width: 300px;//206px;
}

textarea {
  height: 200px;//auto;
  
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(255,144,0,0.8);//rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
/*
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          */
          -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 144, 0, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 144, 0, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 144, 0, 0.6);
}

div.loading {
    background-color: #eee;
    background-image: url('../images/ajax-loader.gif');
    background-position:  center center;
    background-repeat: no-repeat;
    opacity: 1;
}
div.loading * {
    opacity: .8;
}