/*--------------------<<<  >>>--------------------*/
/*--------------------<<<  >>>--------------------*/


*{margin:0; padding:0;}
body {background: #074483; font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px;}
a {text-decoration: none; outline: none}
a img {border: none}
a:hover {text-decoration: underline}
ul {list-style: none}
#pagewrap {width: 1000px; background: url(../images/page-wrap-bg.png) repeat-y left top; padding: 0 7px; margin: 0 auto}

/*-------------<< Header >>--------------*/
#header {position:relative; height: 150px; background: url(../images/header.png) no-repeat left top}
#logo1 {position: absolute; top: 45px; left: 28px; width: 486px; height: 104px}  
h1.dudoan {background: url(../images/logo1.png) no-repeat left top}
#logo1 a { width: 486px; height: 104px; display: block; text-indent: -9999em}

#logo2 {position: absolute; top: 45px; left: 28px; width: 658px; height: 103px}  
h1.kq {background: url(../images/logo2.png) no-repeat left top}
#logo2 a { width: 658px; height: 103px; display: block; text-indent: -9999em}


#time {background: url(../images/time.png) no-repeat left top; width: 110px; height: 35px; position: absolute; top: 90px; right: 30px; text-align: center; color: #000; font-size: 24px; font-family: "MyriadPro", Arial, Helvetica, sans-serif; font-weight: bold; line-height:25px;}
#cal {background: url(../images/cal.png) no-repeat left top; width: 30px; height: 42px; position: absolute; top: 30px; right: 35px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; display: block; padding: 8px 5px 0; line-height: 18px}
#cal div {font-size: 24px; font-weight: bold}
#sms {background: url(../images/logosms.png) no-repeat left top; width: 44px; height: 44px; display: block; position: absolute; top: 38px; right: 80px}	 

/*-------------<< //Header >>--------------*/

/*-------------<< Container >>--------------*/
#container {padding: 10px 28px 5px; }
.content1 {padding: 0 0 15px;}
.md-round-gray {background: url(../images/round-bg.png) repeat-y 1px top}
.md-round-gr-bt {background: url(../images/round-bt.png) no-repeat 1px bottom}

.kq-gannhat {width: 312px; float: left; margin: 0 5px 0 0; line-height: 23px}
.kq-gannhat h3,
.sotrung h3,
.dudoan8x01 h3,
.phantichnong h3,
.kqtheongay h3,
.kqMB h3 {background: url(../images/dudoan-h3.png) no-repeat left top; font-weight: bold; font-size: 18px; color: #334053; height: 44px; padding: 0 0 5px 20px; line-height: 44px; text-transform: none}
.kq-gannhat ul {padding: 0 0 0 15px}
.kq-gannhat label {width: 65px; color: #044582; float: left}
.kq-gannhat .txt-kq {width: 215px; color: #575453}

.dudoan8x01 {width: 312px; float: left; line-height: 20px; float: left; background: url(../images/dudoan8x01-bg.png) repeat-y 1px top; line-height: 23px}
.dudoan8x01 h3 {background: url(../images/dudoan-h3red.png) no-repeat -1px top; color: #fff}
.dudoan8x01-bt {background: url(../images/dudoan8x01-bt.png) no-repeat 1px bottom;}
.dudoan8x01 ul {padding: 0 10px}
.dudoan8x01 label {float: left; width: 65px;  color: #044582;}
.dudoan8x01 .txt-kq {width: 215px; color: #fff}

.sotrung {width: 312px; float: right; line-height: 40px;  text-transform: uppercase;}
.sotrung ul {padding: 27px 10px 10px 15px}
.sotrung ul li {padding: 0 0 15px}
.sotrung label {width: 120px; color: #000; float: left; font-size: 13px; font-weight: bold}	
.sotrung .txt-kq {background: #fff; width: 165px; color: #02a2f3; font-size: 12px;}

.txt-kq {float: left; text-align: center; font-weight: bold}

.ad p {height: 30px; line-height: 30px; text-transform: uppercase; margin: 0 10px; padding: 0 12px; background: url(../images/bg-blur.png) repeat-x left top;}
.ad p span {font-size: 18px;}
.ad p span.smstxt {color: #f70f00; font-size: 22px; font-weight: bold; text-transform: none}
.ad2 {margin: 8px 0 0}

.thongke {background: url(../images/thongke-bt.png) no-repeat 2px bottom; padding: 0 0 10px}
.md-thongke {padding: 0 0 12px; background: url(../images/thongke-bg.png) repeat-y left top; margin: 0 2px}
.md-thongke span {color: #dc0000; font-size: 14px}
.label-div {color:#044582;float:left;line-height:25px;margin-top:5px;text-align:center;width:85px;} 
.thongke h4,
.thongke h6 {text-align: center; color: #689cdb; text-transform:uppercase; font-size: 18px;text-shadow:0 1px 0 white;}
.thongke h6 {text-transform:none; font-size: 12px; font-style:italic;}
.thongke-week {margin: 0 0 10px}
.thongke-week h4 {padding: 0}
.thongke-1day {float: left; width: 375px}
.thongke-1day h4 {padding: 5px 0 0 0}
.thongke-1day .label-div {padding: 43px 10px 0 0;}

/*tutayquayso*/
.tutayquayso {width: 941px; height: 242px; position: relative; background: url(../images/tutayquayso.jpg) no-repeat left top}

.tutayquayso h3 {position: absolute; left: 22px; top: 20px; font-size: 25px; color: #4bb5ff; text-transform:uppercase}
.tutayquayso p {position: absolute; left: 22px; top: 60px; width: 405px; height: 105px; font-weight: bold; font-size: 15px; color: #FFF}
.ttqs-somaymantext {position: absolute; left: 22px; top: 190px; font-family: Tahoma, Geneva, sans-serif; font-size: 18px; font-weight: bold; text-transform:uppercase; color: #FFF;}
.ttqs-somayman {font-family: "Myriad Pro"; color: #de261a; font-weight: bold; font-size: 48px; position: absolute; left: 295px; top: 173px; text-align: center; width: 175px; letter-spacing: -2px;padding-top:20px;}

.left-div, 
.mid-div {float: left; width: 267px; margin: 0 12px 0 0;  text-align: center;  font-size: 12px; font-weight: bold}
.right-div {float: left;  width: 267px;  text-align: center}

.num-tl {background: #fff url(../images/bg-top-left.png) no-repeat left top; line-height: 25px}
.num-tr {background: url(../images/bg-top-right.png) no-repeat right top}
.num-bl {background: url(../images/bg-bottom-left.png) no-repeat left bottom}
.num-br {background: url(../images/bg-bottom-right.png) no-repeat right bottom; padding: 0 10px}
.bggray {background: url(../images/bg1.png) repeat-y left bottom;}
.bgwhite {background: url(../images/bg2.png) repeat-y left bottom;}

.right-div .num-br {padding: 10px 30px 15px}
.right-div h5 {font-size: 13px; font-weight: bold; text-transform: uppercase; padding: 12px 0 0}
.num-txt {line-height: 38px; background: #dedede; font-weight: bold; font-size: 12px; color: #02a2f3}

.ad3 {text-align: center}
.list-thumb {padding: 10px 3px 0}
.list-thumb div {float: left; margin: 0 6px; width: 173px; height: 104px; background: #e9e9e9; border: 1px #999 solid; display: block}


/* ket qua */
.phantichnong h3  {background: url(../images/phantichnong.png) no-repeat left top; padding-left: 10px}
.kqtheongay h3 {background: url(../images/kqtheongay.png) no-repeat left top; padding-left: 10px}

.phantichnong {width: 258px; float: left; margin: 0 3px 0 0}
.phantichnong-cont {padding: 17px 0 20px 10px ;  background: #e7e7e7; margin: 0 0 0 1px}
.phantichnong label {font-weight: bold; font-size: 13px; float: left}
.giaidacbiet {padding: 0 0 27px}
.giaidacbiet label {width: 112px; text-transform: uppercase; line-height: 45px}
.num-db {background: url(../images/giaidacbiet.png) no-repeat left top; width: 128px; height: 53px; color: #fff; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 42px; text-align: center; display: block; float: left; line-height: 42px}
.num-least {padding: 0 0 15px}
.num-least label {width: 172px; line-height: 20px}
.num-least div {background: #fff; line-height: 45px; border: 1px #999 solid; width: 60px; text-align: center; color: #ff1505; float: left; font-size: 40px; ; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-weight: bold}
.phantich-foot {margin: 0 0 0 1px}

.kqMB {float: left; width: 443px; background: url(../images/kqxsmb-foot.png) no-repeat 2px bottom; padding: 0 0 9px}
.kqMB-cont {background: #02a3f4; padding: 10px 15px 0 0; margin: 0 0 0 2px}
.kqMB-left {float: left; width: 332px}
.kqMB-right {float: right; width: 90px; text-align: right; color: #2e3192; font-size: 13px; line-height: 25px}
.kqMB label {color: #044582;}
.kqMB .label-div {float: left; width: 58px;  padding: 0 7px 0 0}
.kqMB h3 {background: url(../images/kqMB.png) no-repeat left top; padding: 0 0 0 10px; width: 446px; height: 49px; position: relative}
.kqMB h3 span.kq-titleright {position: absolute; right: 23px; top: 0px; font-size: 12px; color: #044582; text-transform:uppercase; padding-left:2px;}
.kqMB h3 span.kq-dateline {position: absolute; left: 10px; top: 30px; line-height: 14px;font-size: 10px; color: #044582; font-weight: normal}
.kq-thongke { font-size: 10px; color: #FFF; font-style:italic; text-align: right; background: url(../images/kq-thongke.png) #02a3f4 no-repeat right center;margin:0 0 0 2px; padding: 0 28px 0 0; cursor: pointer}
.kq-thongke a { color: #FFF;}
.kq-thongke a:hover {text-decoration:underline}

.round-kq {width: 267px; float: left; text-align: center}
.round-tl {background: #fff url(../images/round-tl.png) no-repeat left top; line-height: 25px}
.round-tr {background: url(../images/round-tr.png) no-repeat right top}
.round-bl {background: url(../images/round-bl.png) no-repeat left bottom}
.round-br {background: url(../images/round-br.png) no-repeat right bottom; padding: 0 10px}

.kqtheongay {width: 235px; float: right}
.kqtheongay-cont {padding: 5px 10px; background: #e6e6e6; margin: 0 2px 0 0}
.kqtheongay-cont-main {border: 1px solid #aaa}
.month-day {border-bottom: 1px solid #aaa; line-height: 21px; color: #646464; background: #dfdfdf}
.month-day h4 {width: 135px; text-align: center; float: left; font-size: 12px; color: #2e2e2e}
.arrow-l {float: left; padding: 7px 0 0 8px}
.arrow-r {float: left; padding: 7px 8px 0 0}
.col {float: left; width: 30px; text-align: center; color: #494949; font-weight: bold}
.red {color: #d14949}
.pre {color: #9b9b9b}
.pre-red {color: #df9bb5}
.cur {color: #2e2efa}

.day {background: #e8e8e8; line-height: 20px; padding: 3px 0}
.today {background: #dfdfdf; color: #2e2e2e; line-height: 25px; border-top: 1px solid #aaa}
.today h4 {width: 100px; text-align: center; float: left; font-size: 12px; font-weight: normal}
.sl-time {float: left; width:  37px;}
.num-time {float: left; width: 18px}
.inc-red {width: 10px; float: left; }
.inc-red a {display: block; width: 9px; height: 6px; padding: 0 0 3px}

.ad-kq {padding: 0 0 12px 0}
.ad-sms {float: left; width: 548px}

.thongke-top {background: url(../images/thongke-tuan-top.png) no-repeat left top; height: 48px;}
.search {float: right; padding: 15px 20px 0 0}
.search div {float: right; margin: 0 0 0 15px}
.sl-day {height: 22px; line-height: 22px; color: #939598; width: 112px;}
.sl-day select {height: 22px; width: 112px; line-height: 22px;}

/*-------------<< //Container >>--------------*/

/*-------------<< Footer >>--------------*/
#footer {clear: both; height: 130px; background: #fff url(../images/footer.png)}
.contact {color: #679614; text-decoration: underline; float: right; padding: 50px 35px 0 0}
/*-------------<< //Footer >>--------------*/


/* Clearfix */
* html .clearfix {
    height: 1%; /* IE5-6 */
}

.clearfix {
    display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix {
    display: block; /* O */
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    line-height: 0;
    font-size: 1px;
    overflow: hidden;
}