﻿.page-container
{
	margin: 0 auto;
	padding: 0 auto;
	width: 954px;
	height: auto;	
	overflow: hidden;
	/*
	border-bottom: solid 1px #4b9700;
	border-left: solid 1px #4b9700;
	border-right: solid 1px #4b9700;
	*/
}

.page-header
{
	width: 954px;
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.page-body
{
	width: 954px;
	height: auto;
	background-color: #FFF;
	background-image: url(../images/page-body-bg.jpg);
	background-repeat: repeat-x;
}

.page-body-top
{
	width: 954px;
	height: 14px;
	background-image: url(../images/page-body-top.jpg);
	background-repeat: no-repeat;
}

.page-body-content
{
	width: 954px;
	height: auto;
	min-height: 400px;
	background-image: url(../images/page-body-content.jpg);
	background-repeat: repeat-y;
	background-position: 6px 0px;
}

.page-body-content-holder
{
	width: 942px;
	height: auto;
	margin: 0 auto;
}

.page-body-content-lpane
{
	float: left;
	width: 180px;
	background-color: #FFF;
	background-image: url(../images/navigation-left-bg.jpg);
	background-repeat: no-repeat;
	margin-left: 6px;
}

.left-navigation
{
	margin: 5px 7px 5px 7px;
}

.left-navigation div
{
	padding: 2px 0px 3px 0px;
}

.left-navigation .Parent,
.left-navigation .Parent a
{
	font-size: 13px;
	color: #ef1b21;
	text-decoration: none;
	font-weight: bold;
}

.left-navigation .Parent a:hover
{
	font-size: 13px;
	color: #306000;
	text-decoration: underline;
	font-weight: bold;
}

.left-navigation .Child,
.left-navigation .Child a
{
	text-decoration: none;
	color: #306000;
	margin-left: 5px;
}

.left-navigation .Child a:hover
{
	text-decoration: underline;
	color: #ef1b21;
	margin-left: 5px;
}

.page-body-content-rpane
{
	float: left;
	width: 750px;
	height: auto;
	background-color: #FFF;
}

.page-body-bottom
{
	width: 954px;
	height: 14px;
	background-image: url(../images/page-body-bottom.jpg);
	background-repeat: no-repeat;
}

.page-footer
{
	width: 954px;
	height: auto;
}

.header-holder
{
	width: 954px;
	height: 90px;
	margin: 0;
	padding: 0;
	background-image: url(../images/header-bg.jpg);
	background-repeat: repeat-x;
}

.header-holder .header-body-lpane
{
	float: left;
}

.header-holder .header-body-rpane
{
	float: right;
	padding: 5px 5px 0px 0px; 
}

.menu-holder
{		
	width: 954px;
	height: 28px;
	margin: 0;
	background-image: url(../images/menu-bg.jpg);
	background-repeat: repeat-x;
	color: #FFF;
	font-weight: bold;
}

.menu-holder .menu-body-lpane
{
	float: left;
	padding: 0px 0px 0px 10px; 
}

.menu-holder .menu-body-rpane
{
	float: right;
	padding: 0px 10px 0px 0px; 
	line-height: 28px;
}

.menu-holder a
{
	color: #FFF;
	text-decoration: none;
}

.menu-holder a:hover
{
	color: #ef1b21;	
}

/**/
.body-lpane
{
	float: left;
	width: 570px;
	height: auto;
}

.body-rpane
{
	float: right;
	width: 178px;
	height: auto;
	overflow: hidden;
}

.read-news
{
	width: 178px;
	height: auto;
	overflow: hidden;
	margin-bottom: 5px;
}

.read-news .read-news-corner-top-right
{
	background: transparent url(../images/typicalnews-corner-tr.jpg) no-repeat right top;
	height: 4px;
	overflow: hidden;
}
.read-news .read-news-corner-top-right div 
{
	height: 4px;
}
.read-news .read-news-corner-top-left
{
	background: transparent url(../images/typicalnews-corner-tl.jpg) no-repeat left top;
}
.read-news .read-news-corner-top-bg
{
	background: transparent url(../images/typicalnews-corner-tbg.jpg) repeat-x left top;
	margin: 0px 4px;
}

.read-news .read-news-corner-bottom-right
{
	background: transparent url(../images/typicalnews-corner-br.jpg) no-repeat right top;
	height: 4px;
	overflow: hidden;
}
.read-news .read-news-corner-bottom-right div 
{
	height: 4px;
}
.read-news .read-news-corner-bottom-left 
{
	background: transparent url(../images/typicalnews-corner-bl.jpg) no-repeat left top;
}
.read-news .read-news-corner-bottom-bg
{
	background: transparent url(../images/typicalnews-corner-bbg.jpg) repeat-x left top;
	margin: 0px 4px;
}

.read-news .read-news-corner-body
{
	height: auto;
	overflow: hidden;	
	background: transparent url(../images/typical-news-contentbody-bg.jpg) repeat-y left top;	
	padding: 0px 2px 0px 2px;
}

.read-news .read-news-corner-body .read-news-content-holder
{
	background: transparent url(../images/typical-news-bg.jpg) repeat-x top;
	height: auto;
	overflow: hidden;
	padding: 3px 5px 5px 5px;
}

.read-news-content-holder p,
.read-news-content-holder div
{
	margin-bottom: 5px;
}

.read-news-content-holder,
.read-news-content-holder a
{
	color: #004e9d;
	text-decoration: none;
	padding-top: 2px;
}

.read-news-content-holder a:hover
{
	color: #ff0000;
	text-decoration: none;
	padding-top: 2px;
}

/*Latest News*/

.latest-news
{
	width: 570px;
	height: auto;
	overflow: hidden;
}

.latest-news .latest-news-corner-top-right
{
	background: transparent url(../images/latest-news-corner-tr.gif) no-repeat right top;
	height: 5px;
	overflow: hidden;
}
.latest-news .latest-news-corner-top-right div 
{
	height: 5px;
}
.latest-news .latest-news-corner-top-left
{
	background: transparent url(../images/latest-news-corner-tl.gif) no-repeat left top;
}
.latest-news .latest-news-corner-top-bg
{
	background: transparent url(../images/latest-news-corner-tbg.gif) repeat-x left top;
	margin: 0px 5px;
}

.latest-news .latest-news-corner-bottom-right
{
	background: transparent url(../images/latest-news-corner-br.gif) no-repeat right top;
	height: 5px;
	overflow: hidden;
}
.latest-news .latest-news-corner-bottom-right div 
{
	height: 5px;
}
.latest-news .latest-news-corner-bottom-left 
{
	background: transparent url(../images/latest-news-corner-bl.gif) no-repeat left top;
}
.latest-news .latest-news-corner-bottom-bg
{
	background: transparent url(../images/latest-news-corner-bbg.gif) repeat-x left top;
	margin: 0px 5px;
}

.latest-news .latest-news-corner-body
{
	height: auto;
	background: transparent url(../images/latest-news-body-bg.gif) repeat-y left top;
	/*
	padding-top: 5px;
	padding-bottom: 5px;
	*/
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;	
}

.latest-news .latest-news-corner-body .latest-news-content-holder
{
	background: transparent url(../images/latest-news-content-holder-bg.jpg) repeat-x bottom;
	height: auto;
	overflow: hidden;
}

.latest-news-content-holder .latest-news-content-list
{
	float: left;
	width: 306px;
	padding: 2px;
}

.latest-news-content-holder .latest-news-content-video
{
	float: right;	
	width: 250px;
	text-align: right;
}

/*Common*/
/*
.img-border
{
	padding: 1px;
	border: solid 1px #CCC;
	margin: 3px 3px 3px 0px;
}

.title-1
{
	font-size: 14px;
	color: #ef1b21;
	padding-left: 2px;
}

.title-3
{
	font-size: 14px;
	color: #ef1b21;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
}

.title-2,
.title-2 a
{
	color: #004e9d;
	text-decoration: none;
	font-weight: bold;
}

.title-2 a:hover
{
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
}
*/
.hot-news
{
	color: #011a2b;
}

.hot-news ul
{
	list-style: none;
}

.hot-news ul li
{
    float: left;
    overflow: hidden;
    padding: 5px 2px 5px 25px;
    text-align: center;
    width: 155px
}

.hot-news a
{
	text-decoration: none;
	color: #011a2b;
}

.hot-news a:hover
{
	text-decoration: none;
	color: #FF0000;
}

/*show case*/

.item-showcase
{
	margin-bottom: 10px;
	width: 620px;
	height: auto;
	overflow: hidden;
}

.item-showcase .item-showcase-tab
{
	height: 24px;
	width: 620px;
	line-height: 25px;
	/*background: #14A60B url(../images/newtemplate/bar-bg.png) repeat-y;*/
	background: #e8fbe4 url(../images/newtemplate/showcase-bg.png) no-repeat;
	color: #fff;
	border-bottom: solid 1px #14A60B;
	box-shadow:0px 0px 3px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0px 0px 3px 3px rgba(0, 0, 0, 0.1);
	-khtml-box-shadow:0px 0px 3px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0px 0px 3px 3px rgba(0, 0, 0, 0.1);
}

.item-showcase-tab .item-showcase-tab-left
{
	line-height: 25px;
	float: left;
	padding-left: 15px;
	padding-right: 10px;
	background-color: #14A60B;
	margin: auto;
	text-align: center;
} 

.item-showcase-tab .item-showcase-tab-left,
.item-showcase-tab .item-showcase-tab-left a,
.item-showcase-tab .item-showcase-tab-left a:hover,
.item-showcase-tab .item-showcase-tab-left a:focus
{
	color: #fff;
	text-transform: uppercase;
	font-size: 16px; 
	font-weight: bold;
	font-family: Arial !important;
	text-decoration: none;
} 

.item-showcase-tab .showcase-arrow
{
	float: left;
	width: 15px;
	height: 24px;
	background: transparent url(../images/newtemplate/showcase-left-bg.png) no-repeat;
}

.item-showcase-tab .item-showcase-tab-right
{
	color: #2a7d17;
	font-size: 11px;
	padding-right: 10px;
	float: right;
	font-weight: bold;
	line-height: 25px !important;
}

.item-showcase-tab .item-showcase-tab-right a
{
	color: #ef1b21;
	font-size: 11px;
	font-weight: normal;
}
.item-showcase-tab .item-showcase-tab-right a:hover,
.item-showcase-tab .item-showcase-tab-right a:focus
{
	color: #ef1b21;
}
.item-showcase .item-showcase-tab .tab-on,
.item-showcase .item-showcase-tab .tab-off
{
	float: left;	
	line-height: 20px;
}

.item-showcase .item-showcase-tab .tab-on,
.item-showcase .item-showcase-tab .tab-on a
{
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-weight: bold;	
}

.item-showcase .item-showcase-tab .tab-on a:hover
{
	text-decoration: underline;
	text-align: center;
	color: #fff;
	font-weight: bold;	
}

.tab-on .tab-on-right
{
	background: transparent url(../images/tab-itemshowcase-tr.jpg) no-repeat right top;
	height: 21px;
	overflow: hidden;
}
.tab-on .tab-on-right div 
{
	height: 21px;
}

.tab-on .tab-on-left
{
	background: transparent url(../images/tab-itemshowcase-tl.jpg) no-repeat left top;
}
.tab-on .tab-on-bg
{
	background: transparent url(../images/tab-itemshowcase-bg.jpg) repeat-x left top;
	margin: 0px 5px;
}

.item-showcase .item-showcase-tab .tab-off
{
	padding-left: 5px;
}

.item-showcase .item-showcase-tab .tab-off,
.item-showcase .item-showcase-tab .tab-off a
{
	text-decoration: none;
	color: #004e9d;
	font-size: 11px;
}

.item-showcase .item-showcase-tab .tab-off a:hover
{
	text-decoration: underline;
	text-align: center;
	color: #fff;
	font-size: 11px;
}

.item-showcase .item-showcase-content
{
	height: auto;
	overflow: hidden;
	width: 620px;
	/*background: transparent url(../images/itemshowcase-body-bg.jpg) repeat-y;*/
	color: #011a2b;
	padding: 10px 0px 5px 0px;
}

.item-showcase .item-showcase-content .showcase-content-lpane
{
	float: left;
	height: auto;
	overflow: hidden;
	width: 290px;	
}

.item-showcase .item-showcase-content .showcase-content-rpane
{
	float: right;
	height: auto;
	overflow: hidden;
	width: 315px;
	/*background: transparent url(../images/showcase-content-list-bg.jpg) repeat-x bottom;*/
}

.item-showcase .showcase-corner-bottom-right
{
	background: transparent url(../images/corner-itemshowcase-br.jpg) no-repeat right top;
	height: 4px;
	overflow: hidden;
}
.item-showcase .showcase-corner-bottom-right div 
{
	height: 4px;
}
.item-showcase .showcase-corner-bottom-left
{
	background: transparent url(../images/corner-itemshowcase-bl.jpg) no-repeat left top;
}
.item-showcase .showcase-bottom-bg
{
	background: transparent url(../images/corner-itemshowcase-bbg.jpg) repeat-x left top;
	margin: 0px 4px;
}

.showcase-title,
.showcase-title a
{
	text-decoration: none;
	font-weight: bold;
	color: #004db3;
	font-size: 13px;
}

.showcase-title a:hover
{
	text-decoration: underline;
	font-weight: bold;
	color: #004db3;
	font-size: 13px;
}

.showcase-summary
{
	color: #011a2b;
	text-align: justify;
	line-height: 18px;
	margin-top: 5px;
}

.showcase-link,
.showcase-link a
{
	margin-top: 2px;
	text-decoration: none;
	color: #011a2b;
}

.showcase-link a:hover
{
	text-decoration: underline;
	color: #FF0000;
}
/*--- detail news -----*/
.detail-news
{
	border-top: dotted 1px #CCC;
	border-bottom: dotted 1px #CCC;
	margin: 5px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
}

.latest-news .detail-title,
.latest-news .detail-title a,
.detail-news .detail-title,
.detail-news .detail-title a
{
	font-size: 16px;
	color: #011a2b;
	font-weight: bold;	
	text-align: justify;
	text-decoration: none;
	margin-bottom: 5px;
}

.latest-news .detail-title a:hover,
.detail-news .detail-title a:hover
{
	font-size: 16px;
	color: #FF0000;
	font-weight: bold;	
	text-align: justify;
	text-decoration: none;
}


.detail-news .detail-summary
{
	padding: 5px 0px 15px 0px;
	text-align: justify;
	color: #004e9d;
	display: none;
}

.detail-news .detail-description
{
	color: #011a2b;
}

.detail-description a
{
	color: rgb(103, 176, 69) !important;
}

.detail-description a:hover
{
	color: #ff0000;
}

.detail-news .detai-source
{
	color: #306000;
	padding: 5px 0px 5px 0px;
}

/* link path */
.link-path,
.link-path a:hover
{
	text-decoration: none;
	color: #FF0000;
}

.link-path a
{
	text-decoration: none;
	color: #306000;
}

.typical-news-link2,
.typical-news-link
{	
	padding-bottom: 5px; 
	border-top: dotted 1px #ccc;
}

.typical-news-link2
{
	background-color: #FFFDDD;
}

.relation-news
{
	margin: 5px;
}

.relation-news-link
{
	padding-top: 5px;
}

.relation-news-link,
.relation-news-link a
{
	margin-top: 2px;
	text-decoration: none;
	color: #004e9d;
}

.relation-news-link a:hover
{
	text-decoration: underline;
	color: #FF0000;
}
/*Item Comment*/
.item-content-edit
{
	font-size: 0.9em;
	padding: 0 5px 5px 5px;	
}

.item-content-edit p.form-line
{
	border-bottom: 1px solid #D5D5D5; 
	margin: 10px 0 10px 0;
}

.item-content-edit h3.form-header a
{
	font-size: 18px;
	color: #FF0000;	
}

.item-content-edit h3.form-header a:hover
{
	font-size: 18px;
	color: #FF0000;	
}

.item-content-edit h3.form-header i
{
	font-size: 12px;
	color: #555555;	
}

.item-content-edit h3.form-header i b
{
	color: #FF0000;
}

.item-content-edit h3.form-header
{
	color: #011a2b;
	font-size: 18px;
	margin: 0 auto; 
	padding-top: 10px;
	font-family: Arial;
}
.item-content-edit h2.form-group-title
{
	color: #777777;
	font-size: 16px;
	font-weight: bold;	
	margin: 0 auto;
	padding: 10px 0 0 0;
}
.item-content-edit .form-remark
{
	color: #888888;
	font-family: verdana;
	padding-bottom: 4px;
}
.item-content-edit .field
{
	clear: both;
	display: block;
	padding: 5px 0pt;
	line-height: 22px;	
}
.item-content-edit .field input
 {
	background: #fff;
	border: 1px solid #C0C0C0;
	height: 18px;
	padding-left: 2px;
}

.item-content-edit .field label b
{
	color: #FF0000;
}
.item-content-edit .field label
{
	display: block;
	float: left;
	padding-right: 10px;
	text-align: right;
	width: 120px;
	color: #555555;
}

.item-content-edit .field textarea 
{
	background: #fff;
	border: 1px solid #C0C0C0;
	height: 200px;
	padding-left: 2px;
	font-size: 12px;
	font-family: Verdana;
	overflow: auto;
}
/* xét độ dài cho thẻ input, dropdownbox */
.item-content-edit .field #txtEmail,
.item-content-edit .field #txtName,
.item-content-edit .field #txtAuthor,
.item-content-edit .field #txtDetail
{
	width: 380px;
}

.item-content-edit .field #accept 
{
	height: auto;
	width: auto;
}

.item-content-edit .field .img
{
	border: 0;
	padding: 0;
	vertical-align: middle;
}

.category-item-news
{
	background-color: #FFF;
	text-align: justify;
}

.category-item-list p.form-line
{
	border-bottom: 1px dotted #D5D5D5; 
	margin: 10px 0px 10px 0px;
}

.category-item-list .detail-title,
.category-item-list .detail-title a
{
	font-size: 13px;
	color: #011a2b;
	font-weight: bold;	
	text-align: justify;
	text-decoration: none;
}

.category-item-list .detail-title a:hover
{
	font-size: 13px;
	color: #FF0000;
	font-weight: bold;	
	text-align: justify;
	text-decoration: none;
}

/* ---------- Paging --------*/
div.paging 
{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
	font-size:12px;
}

div.paging a, div.paging span {
    padding: 2px 5px;
    margin-right: 5px;
    font-size:12px;
}

div.paging a, 
div.paging a:visited 
{
	border: 1px solid #D3D6C1 !important;
	padding: 2px 5px !important;
    margin-right: 5px;
	text-decoration: none;
	color: #FF0000 !important;
	font-size:12px;	
}

div.paging a:hover, 
div.paging a:active 
{
	border: 1px solid #D3D6C1;
	color: #FF0000;
	background-color: #F0EFE4;
	font-size:12px;
}

div.paging .current-none 
{	
	border: 1px solid #D3D6C1;
	background-color: #F0EFE4;
	color: #FF0000;
	font-size: 12px;	
}

div.paging .current-combobox {
    margin-right: 5px;
	border: 1px solid #D3D6C1;
	color: #DB5201;
	font-size: 12px;	
}

div.paging .current-editbox {
    margin-right: 5px;
	border: 1px solid #D3D6C1;	
	width: 25px;
	background: #eef;
	text-align: center;
	color: #DB5201;
	font-size: 12px;	
}

div.paging .fpnl-page {
	font-weight: normal;
}

div.paging .last {
	margin-right: 0;
}

.comment-item
{
	background-color: #FFFDDD;
	padding: 5px;
	text-align: justify;
}

.comment-item2
{
	background-color: #FFF;
	padding: 5px;
	text-align: justify;
}

.comment-item div,
.comment-item2 div
{
	padding-top: 3px;
	padding-bottom: 3px;
}