@charset "utf-8";
/* CSS Document */

/* General */
    #static {
        width: 716px;
        overflow: hidden;
        margin: 0 auto;
		background:url(../../images/minisubweb/bg-loop.gif) repeat-y center top;
    }
	
    .StaticOuter {
        width: 100%;
        background:url(../../images/minisubweb/top-content.jpg) no-repeat center top;
        overflow: hidden;
		padding:0;
    }
	.StaticOuter a:link{
        color: #127FE9;
		text-decoration:none;
        }
	.StaticOuter a:visited{
		color: #856200;
	}
    .StaticOuter a:hover {
			color: #127FE9;
            text-decoration:underline;
        }
		.static{			
			width:100%;
			padding-top:15px;
		}
        .StaticInner {
            overflow: hidden;
			background:url(../../images/minisubweb/bottom-bg.jpg) no-repeat left bottom;
			padding-bottom:50px;
        }
            .StaticInner h3 {	
                color: #010101;
                font-size: 18px;
				line-height: 26px;
                font-weight: bolder;
                padding: 30px 90px 0;                
                overflow: hidden;
				height:35px;				
            }
            .StaticMain {
                width: 545px;
                margin: 0 auto;
                padding: 0;
				font-size:13px;
                overflow: hidden;
            }
/* END. General */
label.Reg{
	clear:left;
	text-align:right;
	font-size:12px;
	height:23px;
	display:block;
	width:160px;
	float:left;
	padding-right:10px;
	margin-bottom:5px;
	}
select{
	width:205px;
	text-align:center;
	margin-bottom:5px;
	height:23px;
	font-size:12px;
	}
form input{
	width:200px;	
	float:left;
	font-size:12px;
	}
.Note{
	text-align:left;
	float:right;
	font-size:11px;
	color:#fff;
	width:115px;
	background:url(../../images/minisubweb/Note.jpg) no-repeat 0 -4px #999;
	height:20px;
	padding-left:5px;
}
.ImgVerify{
	float:left;
	}
form input.Verify{
	width:100px;
	margin-left:1px 0 0 10px;
	clear:right;
	}
form span.Gent input{
	width:auto;
	}

.BtnReg{
	width:auto !important;
	margin:0 0 0 110px;
	}
	.BtnReg1{
	width:auto !important;
	margin:0 0 0 20px;
	}
.BtnReset{
	width:auto !important;
	margin:0 0 0 20px;
	}
	.SurveyWrapper .BtnReg,SurveyWrapper .BtnReset{
	width:auto !important;
	margin:0 0 0 30px;
	}
form ul{
	list-style:none;
	}
form ul li{
	width:100%;
	float:left;
	overflow:hidden;
	margin-bottom:5px;
	}
form ul li p.TextNote{
	text-align:left;
	font-size:11px;
	color:#F00;
	font-style:italic;
	padding:0 0 0 170px;
	margin:0;
	}
form ul.Radio{
	list-style:none;
	float:left;
	width:auto;
	overflow:hidden;	
	margin-bottom:10px;
	}
form ul.Radio li{
	float:left;
	width:auto;
	padding-left:15px;
	padding-right:60px;
	}
form ul.RadioLine{
	}
form ul.RadioLine li{
	width:100%;
	overflow:hidden;
	float:left;
	}
form ul.RadioLine li p{
	width:40%;
	float:left;
	text-align:left;
	}
form ul.RadioLine li input{
	width:auto;
	float:left;
	margin:4px 33px 10px;
	outline:none;
	}
form ul.RadioLine li span{
	float:left;
	overflow:hidden;
	width:20%;
	}
form ul.RadioLine li span.Space{
	float:left;
	width:40%;
	height:1px;
	overflow:hidden;
	}
form ul.Radio li input,form ul.Checkbox li input{
	width:auto;
	float:none;
	}
form ul.Checkbox{
	list-style:none;
	float:left;
	overflow:hidden;
	margin-bottom:10px;
	padding:0;
	width:310px;
	}
form ul.Checkbox li{
	float:left;
	width:190px;
	padding-right:10px;
	}	
form ul.Checkbox li.AnotherIdea{
	clear: both; 
	width: 100%;
	}
form ul.Slider{
	
	}
form ul.Slider li{}
form ul.Slider li .SliderHead{float:right}
form ul.Slider li .Less,form ul.Slider li .Great,form ul.Slider li .slider{
	float:left;
	}
form ul.Slider li .Less,form ul.Slider li .Great{
	width:19%;
	}
form ul.Slider li input{
	width:auto;
	margin:3px 0 0 0;
	float:left;
	}
form textarea{
	width:420px;
	height:80px;
	margin-bottom:10px;
	}

.UserInfo{
	height:auto;
	display:block;
	font-weight:bold;
	color:#555;
	text-align:right;
	padding-right:20px;
	margin:0 0 10px;
	}
.UserInfo a:link,.UserInfo a:visited{
	color:#888;
	text-decoration:none;
	font-weight:bold;
	}
.UserInfo a:hover{
	text-decoration:underline;
	}
/* Top Panel */
    .StaticTopPanel {
        background: url(../../images/minisubweb/bg-title-main.png) center top no-repeat;
        width: 100%;
        overflow: hidden;
        height: 62px;
    }

    /* Main title */
        .StaticTopPanel h2.TitleMain {
            color: #373B0D;
            font-size: 18px;
            padding: 30px 0 8px 85px;
            text-transform: uppercase;
            float: left;
			font-family:Arial;
			letter-spacing:0px;
        }
    /* END. Main title */

    /* Breadcrumbs */
        #breadcrumbs {
            float: right;
            text-align: right;
            color: #373328;
            font-size: 11px;
            text-transform: none;
            padding: 30px 35px 0 0;
        }
            #breadcrumbs a:link,
            #breadcrumbs a:visited {
                color: #8F9175;
                text-decoration: underline;
            }
            #breadcrumbs span {color:#373636;}
			#breadcrumbs a:hover {
                color: #856200;
            }
    /* END. Breadcrumbs */
/* END. Top Panel */

/* Tab */
    
         ul#tabHeader {
            height: 30px;
            margin: 0 0 15px 0;
            overflow: hidden;
			padding-left:15px;			
            background: url(../../images/minisubweb/tab_bg.gif) repeat-x;
			
        }
		#boxTab ul#tabHeader {
            margin: 0;           
        }
            ul#tabHeader li {
                display: inline;
                padding: 0;
                line-height: 21px;
                font-weight: bolder;
				border: none !important;
            }
                ul#tabHeader li a:link,
                ul#tabHeader li a:visited {
					  background:url(../../images/minisubweb/tab-cor1-left.gif) no-repeat left 0;
                      float: left;
                      margin: 0 0px 0 0;
                      padding: 0 0 0 6px;
                      text-decoration: none;
                      height: 30px;
					  cursor:pointer;
                      }
                ul#tabHeader li.ui-tabs-selected a:link,
                ul#tabHeader li.ui-tabs-selected a:visited {
                      background: url(../../images/minisubweb/news/tab_cor1_left_act.gif) no-repeat left 0;
                      color: #fff;
                      
                }
                    ul#tabHeader li a span {
						  background:url(../../images/minisubweb/tab-cor2-right.gif) no-repeat right 0;
                          float: left;
                          display: block;
                          padding: 5px 15px 3px 7px;
                          color: #fff;
                          font-size:12px;        
                    }
                ul#tabHeader li a:hover {
						background:url(../../images/minisubweb/tab-cor1-left-over.gif) no-repeat left 0;
                    
                }
                    ul#tabHeader li a:hover span {
                        color: #fff;
                        padding: 5px 15px 3px 7px;
						background:url(../../images/minisubweb/tab-cor2-right-over.gif) no-repeat right 0;
                    }
                    ul#tabHeader li.ui-tabs-selected a:link span,
                    ul#tabHeader li.ui-tabs-selected a:visited span {
                        color: #fff;
                        background: url(../../images/minisubweb/news/tab_cor2_right_act.gif) no-repeat right 0;
                        font-weight: bolder;
                        padding: 5px 16px 2px 8px;
                    }
					ul#tabHeader li.Active a:link,
                	ul#tabHeader li.Active a:visited {
                      background: url(../../images/minisubweb/tab-cor1-left-over.gif) no-repeat left 0;
                      color: #fff;
                      
                	}
					ul#tabHeader li.Active a:link span,
                    ul#tabHeader li.Active a:visited span,
					ul#tabHeader li.Active a:hover span {
                        color: #fff;
                        background: url(../../images/minisubweb/tab-cor2-right-over.gif) no-repeat right 0;
                        font-weight: bolder;
                        padding: 5px 11px 2px 0;
                    }
				
/* END. Tab */

/* Anchor Links */
    ul.AnchorLink {
        margin: 0px 30px 20px;
        overflow: hidden;
    }
        ul.AnchorLink li {
            background: url(../../images/minisubweb/icon.gif) no-repeat 0 7px;
            float: left;
            width: 139px;
            padding: 0 0 5px 15px;
            font-weight: bolder;
        }
            ul.AnchorLink li a:link{
                text-decoration: none;
                color: #333;
            }
            ul.AnchorLink li a:hover, ul.AnchorLink li a:visited {
                color: #c30;
                text-decoration: none
            }
            ul.AnchorLink li a.Active:link,
            ul.AnchorLink li a.Active:visited,
            ul.AnchorLink li a.Active:hover {
                color: #c30;
            }
/* END. Anchor Links */

/* Content blocks*/
    .ContentBlock {
        margin-bottom: 20px;
		clear: both;
    }
        .ContentBlock p {
            margin-bottom: 10px;
            text-align: justify;
        }
        .ContentBlock p a:link,
        {
            color: #127fe9;
			text-decoration:none;
        }
        .ContentBlock p a:hover, .ContentBlock p a:visited{
			color: #127fe9;
            text-decoration:underline;
        }
		.ContentBlock p.TextCenter{
			text-align: center;
		}

    .StaticMain h4 {
        padding: 4px 0 2px 35px;
        line-height: 28px;
        font-size: 18px;
        font-family:Tahoma, Geneva, sans-serif;
        background: url(../../images/minisubweb/iconh4.gif) 0 2px no-repeat;
        color: #fc4900;
		margin:0 0 5px;
    }
    .ContentH4 {
        margin: 0 0 20px 35px;
    }
    .ContentH4 p {
        margin-bottom: 10px;
        text-align: justify;
    }

    .StaticMain h5 {        
        margin: 0 0 5px 55px;
        line-height: 22px;
        font-size: 16px;
        font-family:Tahoma, Geneva, sans-serif;        
        color: #000;
    }
    .ContentH5 {
        margin: 0 0 20px 55px;
    }
    .ContentH5 p {
        margin-bottom: 10px;
        text-align: justify;
    }

    /*.StaticMain h6 {
        padding: 2px 0 2px 15px;
        margin: 0 0 5px 60px;
        line-height: 20px;
        font-size: 14px;
        font-family: Arial;
        background: url(http://img.zing.vn/gn/skin/gn_sub_0101/images/template/content/icon_h4.gif) no-repeat left 2px;
    }
    .ContentH6 {
        margin: 0 0 20px 75px;
    }
    .ContentH6 p {
        margin-bottom: 10px;
        text-align: justify;
    }*/

    .imagesBlock {
        text-align: center;
        margin-bottom: 20px;
    }
    .imagesH4 {
        text-align: center;
        margin: 0 0 20px 30px;
    }
    .imagesH5 {
        text-align: center;
        margin: 0 0 20px 45px;
    }
    .imagesH6 {
        text-align: center;
        margin: 0 0 20px 60px;
    }
    .FirstChar {
        padding: 4px 4px 0 0;
        line-height: 30px;
        font-size: 40px;
        float: left;
    }
/* END. Content blocks */

/* Tables */
    .MyTable {
        margin: 0 auto 10px;
        border-collapse: collapse;
    }
        .MyTable thead tr th {
            color: #ffe;
            background: #77563a;
            font-weight: bolder;
            padding: 5px 10px;
			border:1px solid #c9c9c9;
        }
        .OddRow  {
            background: #d6d1c3;
        }
        .EvenRow  {
            background: #fafaf1;
        }
        .MyTable tbody tr td {
            padding: 3px 5px;
			border:1px solid #c9c9c9;
        }
        .MyTable .HorzRight {
            text-align: right !important;
        }
        .MyTable .HorzCenter {
            text-align: center !important;
        }
        .MyTable .VeztTop {
            vertical-align: top !important;
        }
/* END. Tables */
    
/* Notice box */
    .NoticeBox {
        border: #aaab9b solid 2px;
        padding: 10px;
    }
    .Legend {
        font-size: 13px;
        font-weight: bolder;
        padding: 0 15px;
        color: #fff;
        background: #b11d0c;
        height: 20px;
        margin: -22px 0 0;
        float: left;
    }
    .NoteContent {
        width: 100%;
        overflow: hidden;
        text-align: justify;
    }
        .NoteContent ul.Icon {
            margin: 10px 0 0;
        }
        .NoteContent ul.UpperAlpha {
            margin: 10px 0 0;
        }
        .NoteContent ul.LowerAlpha {
            margin: 10px 0 0;
        }
        .NoteContent ul.Decimal {
            margin: 10px 0 0;
        }

    a.NoteLink:link,
    a.NoteLink:visited {
        color: #2364E7;
		text-decoration: underline;
		
    }
    a.NoteLink:hover {
        text-decoration: none;
    }
/* END. Notice box */

/* Pagination */
    .PagingWrapper {
        width: 100%;
        overflow: hidden;
        padding: 20px 0 20px;
		/*background:url(../../images/minisubweb/news/bg_paging.gif) left 14px repeat-x;*/
		
    }
        .PagingControl {
            position: relative;
            left: -50%;
            float: right;
            padding: 0;
            margin: 0;
        }
            .CenterWrapper {
                position: relative;
                left: 50%;
                padding: 0;
                margin: 0;
                overflow: hidden;
            }
                .PagingControl span.PagingFirstPageLnk,
                .PagingControl span.PagingPrevPageLnk,
                .PagingControl span.PagingNextPageLnk,
                .PagingControl span.PagingLastPageLnk,
                .PagingControl a.PagingFirstPageLnk,
                .PagingControl a.PagingPrevPageLnk,
                .PagingControl a.PagingNextPageLnk,
                .PagingControl a.PagingLastPageLnk {
                    display: block;
                    width: 24px;
                    height: 0;
                    padding: 21px 0 0;
                    overflow: hidden;
                    text-indent: -1000em;                    
                    float: left;
                    position: relative;
					
					
					
                }
                .PagingControl span.PagingFirstPageLnk,
                .PagingControl span.PagingPrevPageLnk,
                .PagingControl span.PagingNextPageLnk,
                .PagingControl span.PagingLastPageLnk {
                    opacity: 0.3;
                    -moz-opacity: 0.3;
                    filter: alpha(opacity=30);
                }

                /* Normal states */
                .PagingControl span.PagingFirstPageLnk,
                .PagingControl a.PagingFirstPageLnk {
					margin: 0 5px 0 0;
					background:url(../../images/minisubweb/news/bt_first.gif) 0 0px no-repeat;
                }
                .PagingControl span.PagingPrevPageLnk,
                .PagingControl a.PagingPrevPageLnk {
                    margin: 0 5px 0 0;
                    border-left: none;
					background:url(../../images/minisubweb/news/bt_pre.gif) 0 0px no-repeat
                }
                .PagingControl span.PagingNextPageLnk,
                .PagingControl a.PagingNextPageLnk {
                    margin: 0 5px 0 5px;
                    border-right: none;
					background:url(../../images/minisubweb/news/bt_next.gif) 0 0px no-repeat
                }
                .PagingControl span.PagingLastPageLnk,
                .PagingControl a.PagingLastPageLnk {
					background:url(../../images/minisubweb/news/bt_end.gif) 0 0px no-repeat
                }

                /* Hover&Disabled states */
                .PagingControl a.PagingFirstPageLnk:hover {
                }
                .PagingControl a.PagingPrevPageLnk:hover {
                }
                .PagingControl a.PagingNextPageLnk:hover {
                }
                .PagingControl a.PagingLastPageLnk:hover {
                }
            
            /* Number list */
            .PagingControl ul.PageList {
                float: left;
                position: relative;
                padding: 0;
                margin: 0;
            }
                .PagingControl ul.PageList li {
                    float: left;
                    height: 21px;
                    padding: 0;
                    margin: 0 2px;
                    overflow: hidden;
                    
                }
                    .PagingControl ul.PageList li span { /* active item */
                        display: block;
                        float: left;
                        height: 18px;
                        padding: 0 7px;
                        font-size: 11px;
                        font-weight: bolder;
                        text-align: center;
                        color: #CC0000;
						background:#b4a165;
						border:1px solid #8e866a;
                    }
                    .PagingControl ul.PageList li a {
                        display: block;
                        float: left;
                        white-space: nowrap;
                        height: 18px;
                        padding: 0 7px;
                        font-size: 11px;
                        text-align: center;
                        color: #000000;
						background:#d0c8af;
						border:1px solid #8e866a;
						text-decoration:none;
                    }
                    .PagingControl ul.PageList li a:hover {
                        text-decoration: none;
                       
                        color: #CC0000;
                    }
/* END. Pagination */

/* List news */
    .NewsList { 
        width: 100%;
        overflow: hidden;
        font-size: 13px;
    }
    .NewsList ul {
        width: 100%;
        overflow:hidden
    }
        .NewsList ul li {
            list-style: none;
            overflow: hidden;
            border-bottom: 1px solid #CFC6A9;
            padding: 4px;
            position: relative;
			height:20px;
			display:block;
        }

    .NewsList ul li .TextNews {
        
        text-align: left;
        padding: 1px 0 0;
    }
        .NewsList ul li .TextNews img.Cate {
            float: left;
            margin: 1px 10px 0 0;
        }
        .NewsList ul li .TextNews a:link,
        .NewsList ul li .TextNews a:visited {
            color: #000;
            border: none;
            padding: 1px 0;
			text-decoration:none;
            
        }
        .NewsList ul li .TextNews a:hover {
            color: #246949;
            border: none;
			text-decoration:none;
        }
            .NewsList ul li .TextNews a img {
                display: inline;
            }

    .NewsList ul li .TextDate{
        text-align: right;
        padding: 3px 0 0;
        color: #000;
        white-space: nowrap;
        position: absolute;
        right: 5px;
        top: 1px;
    }
/* END. List news */

/* Advanced search box */
    .BoxSearch {
        margin: 0 auto 10px;
        padding: 10px;
        overflow: hidden;
        border: 1px solid #999;
		width:95%;
    }
	.BoxSearch .BlockFormItem{
		float:left;
		width:86%;
		overflow:hidden
	}
        .BoxSearch .FormItem {
            float: left;
            margin:0 5px 5px 0;
        }
            .BoxSearch .FormItem label {
                float: left; 
                margin-right: 5px; 
                font-size: 12px; 
                padding: 0;
            }
            .BoxSearch .FormItem select,
            .BoxSearch .FormItem input.TextInput {
                float: left;
                width: 149px;
                padding: 2px 0 2px 3px;
                margin: 0;
                font-size: 12px;
                color: #4d4d4d;
                outline: none;
            }
            .BoxSearch .FormItem select {
                width: 151px;
            }
            .BoxSearch .FormItem input.TextInput {
                border: 1px solid #666;
                background: #ffffff;
            }
            .BoxSearch .FormItem input.TextInputAlt {
                 width: 117px;
            }
            .BoxSearch .FormItem img {
					width:25px;
                    float: left;
                    display: block;
                    
            }
            .BoxSearch  input.SubmitBtn {
                float: right;
                margin: 0px 0 0;
				background:url(../../images/minisubweb/news/button_tim.gif) no-repeat;
				width:68px;
				height:41px;
				border:none;
				text-indent:-9999px;
				font-size:0;
            }
			
/* END. Advanced search box */

/* Text styles */
	p.TextCenter{ text-align:center}
    .Strong01 {
        color: #000;
        font-weight: bolder;
    }
    .RedText {
        color: #de4608;
        font-weight: bolder;
    }
    .TextFont15 {
        font-size: 15px;
        font-weight: bolder;
        font-family: Arial;
    }
    .TextFont16 {
        font-size: 16px;
        font-weight: bolder;	
        font-family: Arial;
    }
    .TextFont17 {
        font-size: 17px;
        font-weight: bolder;	
        font-family: Arial;
    }
/* END. Text styles */

/* Image styles */
    .NoBorderImg {
        border: none;
        background: none;
        padding: 0;
    }
    .BorderImg {
        border: 2px solid #7a5a3e;
        padding: 0px;
    }
    .ImgLeft {
        float: left;
        margin: 0 10px 5px 0;
    }
    .ImgRight {
        float: right;
        margin: 0 0 5px 10px;
    }
	a .BorderImg01{
	border:3px solid #00251A;
	}
	a:hover .BorderImg01{
		border:3px solid #10100d;
	}
	a .BorderImg02{
	border:1px solid #00251A;
	}
	a:hover .BorderImg02{
		border:1px solid #10100d;
	}
/* END. Image styles */

/* List styles */
    ul.Decimal {
        margin: 0px 0px 10px 25px;
    }
        ul.Decimal li {
            list-style-type: decimal;
            margin-bottom: 10px;
        }

    ul.UpperAlpha {
        margin: 0px 0px 10px 25px;
    }
        ul.UpperAlpha li {
            list-style-type: upper-alpha;
            margin-bottom: 10px;
        }

    ul.LowerAlpha {
        margin: 0px 0px 10px 25px;
    }
        ul.LowerAlpha li {
            list-style-type: lower-alpha;
            margin-bottom: 10px;
        }

    ul.Icon {
        margin: 0px 0px 10px 5px;
    }
        ul.Icon li { 
            margin-bottom: 10px;
            background: url(../../images/minisubweb/icon.gif) 0 6px no-repeat;
            padding-left: 20px;
            list-style-type: none;
        }
            ul.Icon li ul.LowerAlpha li {
                list-style-type: lower-alpha;
                margin-bottom: 10px;
                background: none;
                padding-left: 0px;
            }

    ul.Dash {
        margin: 0px 0px 10px 5px;
    }
        ul.Dash li {
            margin-bottom: 10px;
            background: url(http://img.zing.vn/gn/skin/gn_sub_0101/images/template/ul/icon-dash.gif) 0 2px no-repeat;
            padding-left: 20px;
            list-style-type: none;
        }

    ul.Disc {
        margin: 0px 0px 10px 15px;
    }
        ul.Disc li {
            list-style-type: disc;
            margin-bottom: 10px;
            background: none;
            padding: 0
        }
ul li ul{ padding-top:5px;}
/* END. List styles */
.TitleEventNews{	
	color: #990000;
	font-size: 18px;
	line-height: 26px;
	font-weight: bolder;
	padding: 10px 0px 0;                
	overflow: hidden;
	height:35px;				
}
.DateDetails{
	padding: 0 0 10px 0;
}