body {
    font-family: Tahoma;
    font-size: 15px;
}


/* ################################################ */
/* ################################################ */
/* ################################################ */


/* แก้ไข Navbar */
.tabs-left > .nav-tabs > li > a {
    color: #000;
}
.nav-tabs > .active > a {
    background-color: rgba(255,255,255, 0.7);
    color: #5BA3C9 !important;
    
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.tabs-left > .nav-tabs > li > a:hover {
    border: #5BA3C9 solid 1px;
    background-color: rgba(91, 163, 201, 0.7);
    color: #000 !important;
    
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
/* END แก้ไข Navbar */


/* fancybox css */
.fancybox-skin {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    
    padding: 5px !important;
    border: none !important;
    background-color: #54341b !important;
}
/* END fancybox css*/


/* ################################################ */
/* ################################################ */
/* ################################################ */


/* SLIDE NAYOK */
.personal-slide {
    display: none;
    z-index: 20;
}
/* END SLIDE NAYOK */


/* table 100%; */
.table-show-content {
    width: 100%;
    min-width: 100%;
}
/* END table 100%; */


/* style picture data with fancybox */
.liSlideImage {
    display: none;
}
.liSlideImage:nth-child(+1){
    display: block !important;
}
/* END style picture data with fancybox */


/* Layout State All */
.layoutState {
    margin-top: 30px;
    padding: 20px;

    background-color: rgba(1,1,1,0.5);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.box-state-detail {
    margin-top: 10px;
    border: #777 dashed 1px;
    background-color: #eee;
}
.box-state-detail-inner {
    padding-left: 30px;
    color: #333;
}
.box-state-form {
    margin-top: 25px;
}
.box-state-form-inner {
    padding-left: 30px;
    color: #ccc;
}
.box-state-table {
    margin: auto;
    color: #999;
}
.box-state-table tr td {
    padding: 4px;
}
.box-state-table-for {
    text-align: right;
}
.box-state-button {
    text-align: center;
}
/* END Layout State All */


/* carouFredSel SLIDE */
.carousel-image {
    width: 85%;
    padding: 0;
    margin: auto;
}
.carousel-image .carousel-linkImages {
    float: left;
    display: block;
}
.carousel-image img {
    width: 175px;
    height: 40px;
    padding: 5px;
    margin: 8px;

    display: block;
    float: left;
    background-color: rgba(255,255,255, 0.4);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.carousel-image img:nth-child(+1) {
    margin-left: 11px;
}

.carousel-pagination {
    text-align: center;
    margin: 3px 0 5px 0;
}
.carousel-pagination a {
    background: url('../js/carouFredSel/miscellaneous_sprite.png') 0 -300px no-repeat transparent;
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    display: inline-block;
}
.carousel-pagination a.selected {
    background-position: -25px -300px;
    cursor: default;
}
.carousel-pagination a span {
    display: none;
}
/* END carouFredSel SLIDE */


/* Views : etc/viewsPollAdd */
.table-poll-question {
    margin-bottom: 5px;
}
.table-poll-question .poll-question {
    padding-right: 7px;
}

.table-poll-answer {
    margin-left: 30px;
}
.table-poll-answer label {
    font-weight: bold;
}
.poll-answer-style {
    padding-top: 10px;
    text-align: center;
}
.poll-answer-text {
    padding-top: 4px;
}
/* END Views : etc/viewsPollAdd */


/* ขอบแบ่งหน้า */
ul.yiiPager a:link {
    border : none !important;
    color: #fff !important;
}


/* ขอบหน้าปัจจุบัน */
ul.yiiPager .selected a {
    color: #000 !important;
}


/* เกี่ยวกับ รูปแบบปุ่มอื่นๆ และรูปแบบการ hover */
.pager li > a {
    background-color: #00BF8F;
}
.pager li > a:hover {
    background-color: #aaa !important;
}


/* เกี่ยวกับ breadcrumb หน้า frontend */
.breadcrumb-customize {
    background-color: #efefef;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    font-size: 14px;
}

/* เกี่ยวกับ รูปแบบของฟอร์ม รับเรื่องร้องเรียน */
.tableForm-helping {
    width: 100%;
}
.tableForm-helping tr td {
    padding: 7px;
}
.tableFormRight-helping {
    text-align: right;
}
.tableFormRight-helping > label {
    font-weight: bold;
    cursor: default;
}
.helping-message {
    font-size: 13px;
    color: red;
}

/* รูปแบบจำนวนหมู่บ้านประชากร */    
.table-village tr td, th {
    border: #555 solid 1px;
}
.table-village tr td {
    padding: 6px;
}
.table-village-right {
    font-style: italic;
    text-align: right;
}
.table-village-footer {
    font-weight: bold;
    text-align: right;
    text-decoration: underline;
    background-color: #5BA3C9;
}

/* รูปแบบวันที่ปรับปรุง จำนวนหมู่บ้านประชากรล่าสุด */
.divVillageUpdate {
    margin-bottom: 10px;
}
.divVillageUpdate-label {
    color: red;
    font-size: 12px;
    margin-top: -22px;
    margin-left: 19px;
    cursor: crosshair;
}

/* รูปแบบหน้าที่มีการรับ view ในการดู */
.divPreviewDetailMain {
    margin-top: 3px;
}
.divPreviewDetailMarginTop {
    margin-top: 7px;
}
.divPreviewDetailDateShow {
    font-size: 11px;
}
.divPreviewDetail {
    padding-left: 3px;
}
.divPreviewDetailViews {
    font-size: 11px;
    color: #777;
}

/* รูปแบบหน้าที่มีการ upload เฉพาะ file */
.divPreviewFileMain {
    margin-top: 3px;
}
.divPreviewFileLoop {
    margin-top: 3px;
}
.divPreviewFileDetail {
    padding-left: 3px;
}
.tablePreviewFileLoop {
    margin-left: 20px;
}

/* รูปแบบ รายละเอียดภายในข้อมูลที่ดู */
.divViewDetail {
    border-top: #777 solid 3px;
    padding: 15px;
    background-color: #fff;
}
.divViewDetailFile {
    padding: 10px;
}
.divViewDetailFileNull {
    padding-left: 20px;
}