/* Combined CSS from main_css.css and template/2016/include.php_out.css */
/* Layout and Content Styles */
.dnw-content-layout .main div,.dnw-content-layout .main table{max-width:520px}

/* Core Styles */
.box_kqxs div img,.box_kqxs div.Menutool img,.box_kqxs td,.dnw-content-layout .box_kqxs td,.modulesLR .title-r,div.Menutool img,input,select,span.bol30,textarea{vertical-align:middle}
a{text-decoration:none}
.box_kqxs{font-family:Arial,Helvetica,sans-serif;font-size:11px;margin:0 auto}
.box_kqxs td div{font-family:Tahoma,Geneva,sans-serif}
.box_kqxs .title,.box_kqxs .title a,.box_kqxs .title td{text-align:center;font-family:"Times New Roman",Times,serif;color:#FFF;font-size:16px;vertical-align:middle;font-weight:700;text-transform:uppercase}
.box_kqxs .top .iconrightkq a,ul.menu li a,ul.menu2 li a{font-family:Arial,Helvetica,sans-serif;text-decoration:none}
.box_kqxs .title a:hover{color:#FF0}

/* Logo Styles */

/* Body and General Layout */
body{color:#322C20;background:#FFF;margin:0!important;padding:0;font:11px Arial,Helvetica,sans-serif}
#dnw-main{z-index:1;width:100%;left:0;top:0;cursor:default;font-size:12px;line-height:1.5;position:relative}
.dnw-sheet{min-width:1040px;cursor:auto;width:1040px;text-align:left;margin:0 auto;padding:0 5px;position:relative}
.dnw-sheet-body{margin:0;padding:0;position:relative}

/* Header Styles */
div.dnw_header{margin:0 auto;position:relative}
div.h_banner{display:block;height:110px;padding:0}
div.logo{float:left;margin-top:5px;width:320px}
div.banner_ads{position:relative;float:left;overflow:hidden;width:405px;height:70px;margin:5px;display:block}
div.header_ext{position:relative;float:left;overflow:hidden;margin-top:5px;height:100px;width:305px}


/* Top Menu */
.topmenu{display:block;clear:both;position:absolute;bottom:-1px}
#topmenu_mien_home{position:relative;margin:0 auto 0 324px;padding:0}

#topmenu_mien_home li {
    float: left;
    display: block;
    border: 1px solid #CCC;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
}
#topmenu_mien_home li:hover {
    background-color: #ff6b6b;
}

#topmenu_mien_home li:hover a {
    color: white;
}

#topmenu_mien_home li a {
    color: #445058;
    line-height: 25px;
    font-weight: 700;
    /*text-shadow: 1px 1px #fff;*/
    float: left;
    padding: 2px 0;
    text-align: center;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    width: 82px;
}

#topmenu_mien_home li a.home{width:60px}

/* Form Styles */
.box_formthongkexoso{border:1px solid #C75B00;border-bottom:3px solid #C75B00;border-radius:5px;background-color:#FEFFE5;padding:5px 10px}

/* Menu Styles */
.ddsmoothmenu{height:28px;font-size:12px;padding:5px 0}
.ddsmoothmenu ul{z-index:2000;list-style-type:none;margin:0;padding:0}
.ddsmoothmenu ul li{display:inline;float:left;margin:0;padding:0;position:relative}
.ddsmoothmenu ul li a{display:block;color:#333;text-decoration:none;text-transform:uppercase;font-weight:700;background-repeat:no-repeat;background-position:left center;margin:0;padding:7px 16px 5px}
.ddsmoothmenu ul li a:hover{background-color:#FEFFE5;background:none;color:#333;border-radius:5px}
.ddsmoothmenu ul li ul{position:absolute;left:0;display:none;visibility:hidden}
.ddsmoothmenu ul li ul.submenu-border{background-color:#FEFFE5;border-radius:0 0 5px 5px;padding:5px 0;border:1px solid #ccc;border-top:0;margin-top:3px}

/* Content Layout */
.dnw-content-layout{display:table;position:relative;table-layout:fixed;border-collapse:collapse;border:none!important;width:100%;margin:0;padding:5px 0}
.dnw-content-layout td{vertical-align:top}

/* Utility Classes */
.cleared{float:none;clear:both;border:none;font-size:1px;margin:0;padding:0}
div.clear{height:10px;clear:both;overflow:hidden;text-indent:-999px}

/* Typography */
a,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}
h1{font-size:24px}
h2{font-size:20px}
h3{font-size:18px}
h4{font-size:16px}
h6{font-size:12px}
input,select,textarea{font-size:11px;font-family:Arial,Helvetica,sans-serif}
table td{font-size:12px;line-height:1.5;font-family:Arial,Helvetica,sans-serif}

/* Links */
a,a:visited{color:#39C}
a:hover{color:red}

/* Form Elements */
form{margin:0!important;padding:0!important}
fieldset{border-radius:5px;border:1px solid #EFEFEF}
fieldset legend{background-color:#CCC;border-radius:3px;padding:3px 10px;font-weight:700}
li{list-style:none;margin:0;padding:0}

/* Responsive Images */
#dnw_right .modulesLR .body-r img{max-width:240px;height:auto}

/* Footer */
.dnw-footer{margin-bottom:0;overflow:hidden;background:#fff;color:#666;border-top:1px solid #CCC;padding:10px 20px 0;position:relative}

/* Additional specific styles for lottery content */
.bkqmiennam{border:1px solid #999;background-color:#FFF;border-right:0;border-bottom:0;size:11px;width:100%}
.border{border-bottom:0;border-right:0;border-left:1px #E6E6E6 solid;border-top:1px #E6E6E6 solid}
.border td,td.border{border-top:0;border-left:0;border-right:1px #E6E6E6 solid;border-bottom:1px #E6E6E6 solid;height:auto}

/* Calendar specific styles */

/* Date picker styles */
.ui-datepicker{width:17em;padding:.2em .2em 0;display:none;font-family:Arial,Helvetica,sans-serif;font-size:90%}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}
.ui-datepicker table{width:100%;border-collapse:collapse;margin:0 0 .4em}

/* Button styles */
input.btnxemthongke{background-repeat:no-repeat;position:relative;width:99px;height:29px;font:700 12px/28px arial,sans-serif;text-align:center;display:block;text-decoration:none;background-position:-100px -89px;color:#FFF!important;text-shadow:#333 -1px -1px 0;background-color:transparent;border:0;cursor:pointer;float:right}
input.btnxemthongke:hover{background-position:0 -118px;text-decoration:none;text-shadow:#FFF 1px 1px 0;color:#000!important}

/* Hide UI dialog close button */
.ui-button-icon-only.ui-dialog-titlebar-close{display: none}

/*    Navigation */
.dnw-nav {
    background: linear-gradient(to bottom, #ff6b6b 0%, #ff3333 50%, #cc0000 100%);
    border-radius: 8px;   /* adjust for roundness */
    border: 1px solid #CCC;
    padding: 0px 5px;    /* optional spacing */
}

/* Normal button style */
.btnSearch {
    background: linear-gradient(to bottom, #31ccfc, #0075e0);
    color: #fff;
    font-weight: bold;
    border: none;
    border-radius: 100px;
    padding: 8px 16px;
    cursor: pointer;
    /*transition: background 0.3s ease, transform 0.2s ease;*/
}

/* Hover effect */
.btnSearch:hover {
    background: linear-gradient(to bottom, #ffea00, #febd0d);
    color: #000;
    /*transform: translateY(-2px);*/
}

.dnw-content-layout {
    color: #322C20;
    font: 11px Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 1.5;
    cursor: auto;
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
    display: table;
    position: relative;
    table-layout: fixed;
    border-collapse: collapse;
    border: none!important;
    width: 100%;
    margin: 0;
    padding: 5px 0;
}

.dnw-content-main {
    color: #322C20;
    font: 11px Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 1.5;
    cursor: auto;
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
    border-collapse: collapse;
    margin-top: 5px;
}

.dnw-content-main-l {
    color: #322C20;
    font: 11px Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 1.5;
    cursor: auto;
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
    border-collapse: collapse;
}

.dnw-content-main-r {
    color: #322C20;
    font: 11px Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 1.5;
    cursor: auto;
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
    border-collapse: collapse;
}

.ddsmoothmenu ul li a:link,.ddsmoothmenu ul li a:visited {
    color: #FFF;
    white-space: nowrap
}

.ddsmoothmenu ul li ul li a:link,.ddsmoothmenu ul li ul li a:visited {
    color: #333;
    text-transform: none;
    white-space: nowrap
}

.ddsmoothmenu ul li ul li a:hover {
    color: #EC0000;
    text-transform: none;
    white-space: nowrap
}

.ddsmoothmenu ul li ul li a.selected {
    background-color: #FEFFE5;
    background: none;
    color: #EC0000;
    padding-bottom: 0
}

.ddsmoothmenu ul li ul li a.selected:hover {
    padding-bottom: 0
}

.ddsmoothmenu ul li a:hover {
    background-color: #FEFFE5;
    background: none;
    color: #333;
    border-radius: 5px
}

.ddsmoothmenu ul li a.no-child-menu:hover {
    color: #333;
    background-color: transparent
}

.ddsmoothmenu ul li ul {
    position: absolute;
    left: 0;
    display: none;
    visibility: hidden
}

.ddsmoothmenu ul li ul.submenu-border {
    background-color: #FEFFE5;
    border-radius: 0 0 5px 5px;
    padding: 5px 0;
    border: 1px solid #ccc;
    border-top: 0;
    margin-top: 3px
}

.ddsmoothmenu ul li ul li ul.submenu-border {
    background-color: #FEFFE5;
    border-radius: 0 0 5px 5px;
    margin-left: -5px;
    top: 0;
    position: absolute;
    padding: 5px 0;
    margin-top: 0
}