@charset "utf-8";
/* CSS Document */
* {
	font-family:Tahoma;
	font-size:13px;
	margin:0;
	padding:0;
	
}
ul, li, p, body {
	margin:0;
	padding:0;
}
body{
	background-color:#dfeff9;
	}
.clear-all {
	clear:both;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
li {
	list-style:none;
}
img {S
	border:none;
}
.button {
	border:1px solid #3b2491;
	background:#edf8ff;
	height:25px;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
	color:#3b2491;
	cursor:pointer;
	padding:0px 10px;
	margin-left:10px;
	border-radius: 3px;
	box-shadow:0px 1px 1px #ccc;
	line-height:25px;
}
.button1 {
	height:29px;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
	color:#069;
	cursor:pointer;
	padding:0px 58px;
	background:url(../img/bg-login.png) no-repeat;
	margin-top:10px;
	margin-left:70px;
	border:none!important;

}
.button:hover {
	/*border:1px solid #fc0;*/
}
input, select {
	height:21px;
	border:1px solid #78abce;
 ove  vertical-align:middle;
}
input:hover, select:hover {
	border:1px solid #fc0;
}
textarea{
	border:1px solid #78ABCE;
}
textarea:hover {
	border:1px solid #Fc0;
}
.topName {
	height:30px;
	overflow:hidden;
	background:url(../img/bg_tab_admin.png) no-repeat;
}
.titleFunc {
	color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding-left: 28px;
    padding-top: 7px;
}
.titleFunc a {
	color:#fff;
}
.listFunc {
	border:1px solid #dad7d7;
	border-top:0px none;
	padding:5px 0 5px 5px;
	overflow:hidden;
	background-color:#fdfdfd;
	border-radius: 0px 0px 3px 3px;
	
}
.tabLeft
{
	margin:0;
	padding:0;
	overflow:hidden;}
.listFunc li a {
	color:#333333;
	padding-left:15px;
}
.listFunc .current {
	text-decoration:underline;
	color:#0000ff;
}
/*------------- home -----------*/

.vdcwrap {
	height:auto;
	width:100%;
}
.adminvdc-content {
	height:100%;
	margin-top:20px;
}
.logo {
	display:block;
	float:left;
}
.admin-header {
	 float: left;
    padding-right: 5px;
    width: 500px;
}
.admin-body {
	width:100%;
	clear:both;
}
.tab-login {
	float:left;
	text-align:left;
	color:#333;
	margin-top:0px;
}
.tab-login span {
	font-weight:bold;
	color:#D31A1A;
	font-size:13px;
}
.tab-login a {
	 color: #D31A1A;
    font-weight: bold;
    text-decoration: underline;
}
.tab-func li {
	margin-bottom:10px;
}
.tab-func li .listFunc li {
	padding-bottom:5px;
	margin-bottom:0;
}
.listFunc li{
	background:url(../img/arrow.png) no-repeat left 2px;
	border-bottom:1px dotted #efefef;
	}
.listFunc li:last-child{
	border-bottom:none;
	}
.bg-left {
	width:5px;
	float:left;
    height:26px;
	background-color:#577cc4;
	border-top:1px solid #78ABCE;
}
.bg-main {
	height:25px;
	border-top:1px solid #78ABCE;
	border-bottom:1px solid #78ABCE;
	margin:0px 5px;
	background-color:#577cc4;
}
.bg-main1 {
	
	}
.bg-right {
	width:5px;
	float:right;
	height:26px;
	background-color:#577cc4;
	border-top:1px solid #78ABCE;
}
.collapse, .expand {
	height:21px;
	width:21px;
	display:block;
	float:right;
	margin:3px 2px 0px 0px;
}
.expand {
	background:url(../img/collapse.gif) 1px -28px;
}
.collapse {
	background:url(../img/collapse.gif) 1px 1px;
}
.main-content {
	border:1px solid #dad7d7;
	border-top: 0px;
	margin-bottom:10px;
	padding-top:5px;
	background-color:#fdfdfd;
	border-radius: 0px 0px 5px 5px;
}
.main-content .listMainFunc li {
	width:37%;
	list-style-position:inside;
	min-height:100px;
	_height:50px;
	padding-left:74px;
	margin-left:40px;
	float:left;
	
}
.listMainFunc li a {
	display:block;
	color:#3b2491;
	font-weight:bold;
	margin-top:13px;
}

.listMainFunc li.hoicho{
	background:url(../img/hoicho.png) 0px 0px no-repeat;
}

.listMainFunc li.tcng{
	background:url(../img/tcng.png) 0px 0px no-repeat;
}

.listMainFunc li.price{
	background:url(../img/price.png) 0px 0px no-repeat;
}

.listMainFunc li.seri{
	background:url(../img/seri.png) 0px 0px no-repeat;
}

.listMainFunc li.salecode{
	background:url(../img/salecode.png) 0px 0px no-repeat;
}


.listMainFunc li.project {
	background:url(../img/project.png) 0px 0px no-repeat;
}

.listMainFunc li.picture {
	background:url(../img/picture.png) 0px 0px no-repeat;
}

.listMainFunc li.download {
	background:url(../img/download.png) 0px 0px no-repeat;
}

.listMainFunc li.videos {
	background:url(../img/videos.png) 0px 0px no-repeat;
}

.listMainFunc li.order {
	background:url(../img/order.png) 0px 0px no-repeat;
}
.listMainFunc li.images {
	background:url(../img/images.png) 0px 0px no-repeat;
}


.listMainFunc li.topic {
	background:url(../img/cate.png) 0 0 no-repeat;
}
.listMainFunc li.focus {
	background:url(../img/news.png) 0px 0px no-repeat;
}

.listMainFunc li.shop {
	background:url(../img/shop.png) 0px 0px no-repeat;
}
.listMainFunc li.nghe {
	background:url(../img/nghe.png) 0px 0px no-repeat;
}
.listMainFunc li.news {
	background:url(../img/nhatky.png) 0px top no-repeat;
}
.listMainFunc li.sourceNews {
	background:url(../img/iconMain.png) 0px -150px no-repeat;
}
.listMainFunc li.adv {
	background:url(../img/thanhvien.png) 0px top no-repeat;
}
.listMainFunc li.member {
	background:url(../img/nhom.png) 0px top no-repeat;
}
.listMainFunc li.mem {
	background:url(../img/mem.png) 0px top no-repeat;
}
.listMainFunc li.config {
	background:url(../img/iconMain.png) 0px -300px no-repeat;
}

.listMainFunc li.cauhinh {
	background:url(../img/cauhinh.png) 0px top no-repeat;
}
.anou {
	color: #3B2491;
    font-size: 15px;
    font-weight: bold;
	margin-top:20px;
}
.anou1 {
	color: #303030;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 0 10px;
	color:#3b2491;
}
.footer {
	clear:both;
	color:#666;
	text-align:center;
	padding:15px 0px;
}
/*-------------end home -----------*/
/*-------------paging-----------*/
.paging {
	margin:5px auto;
	width:584px;
	padding:3px 0;
	text-align:center;
	font-size:13px;
}
.paging ul li {
	margin-right:5px;
	display:inline;
}
.paging ul li a,.paging a  {
	color: #333;
	padding-right: 5px;
	font-size: 13px;
}
.paging strong
{
	padding:0 2px;
	font-size:12px;
	color:#069;}
.paging ul li.next a, .paging ul li.pre a {
	color:#069;
}
.paging ul li.current a {
	font-weight: bold;
	color: #069;
}
.paging ul li.current {
	font-weight: bold;
	color: #069;
	font-size:13px;
}
/*-------------end paging -----------*/
/*-------------trang danh sach ban tin---------------*/
.searchBox {
	float:right;
	margin:2px 10px 0 0;
}
.numResult {
	padding:10px 10px 10px 10px;
	float:left;
}
.filter,.filter1 {
	margin:5px 0px 0px 10px;
}
.filter select
{
	max-width:200px;
 width:expression(this.clientWidth > 200 ? '200px':true)}
.numPage {
	float:right;
	margin:10px 10px 0px 0px;
}
.main-content table {
	border:1px solid #ccc;
	width: 98%;
	clear:both;
	text-indent:5px;
	margin:10px auto 10px auto;
}
.main-content table tr td {
	border-bottom:1px solid #ccc;
	padding:5px 0px;
}
.main-content table tr td.title a {
	font-weight:bold;
	color:#3b2491;
}
.main-content table tr td.img img {
	height:35px;
}
.main-content table tr th {
	height:28px;
	background:url(../img/bgTable.png) repeat-x;
	text-align:left;
	border-bottom:1px solid #ccc;
	color:#333;
}
.attention {
	color:#f00;
}
.update {
	float:right;
	margin:0px 10px 10px 0px;
}
.positionCat {
	width:50px;
	text-align:center;
	border-color:#ccc;
}
/*create category*/
.listCat {
	width:100%;
	height:100px;
	border:0px;
}
.col2Main {
	float:right;
	margin:0px 10px 0px 5px;
	width:215px;
	padding-top:10px;
}
.listManage {
	border:1px solid #ccc;
	margin:10px 0px 5px 0px;
	
}
.headCreate {
	background:#f8f7f7;
	padding:10px 0px 0px 5px;
}
.headCreate img {
	float:right;
	width: 150px;
	display:block;
}
.headCreate {
	border-bottom:1px solid #ccc;
	margin-top:0px;
}
.headCreate span {
	color:#3b2491;
	font-weight:bold;
}
.titleManage {
	float:none;
	border-bottom:1px solid #ccc;
	margin:0px 10px 10px 5px;
	padding:25px 5px 5px 5px;
	clear:left;
	color:#3b2491;
	font-weight:bold;
}
.formCreate {
	margin:0px 240px 0px 10px;
	padding-top:10px;
}
.formCreate .headCreate span {
	display:block;
	width:110px;
	float:left;
}
.listSourceNews {
	margin:20px 0px;
}
.listSourceNews {
	margin-top:5px;
}
.listSourceNews li {
	width:40%;
	display:block;
	height:auto;
	float:left;
	margin-left:30px;
}
.create {
	padding:10px 0px;
	text-align:center;
}
.createDetail p.setStatus {
	float:left;
	width:49%;
}
.createDetail p.setStatus input {
	margin-left:5px;
}
.createDetail {
	padding-left:5px;
}
.setTypeNews {
	padding:10px;
}
.moreCreate table {
	border:0px;
	width:500px;
	margin:0px auto;
	clear:none;
}
.moreCreate table tr td {
	border:0px;
}
#statisticTable {
	border:0px;
}
#statisticTable tr td {
	border:0px;
}
#statisticTable tr td.numStatic span {
	color:#069;
	font-weight:bold;
	text-align:right;
	float:right;
}
#advStatistic {
	clear:none;
}
.numView p {
	float:left;
	margin:5px 0px 2px 30px;
	width: 45%;
}
.numView p input {
	width:50px;
}
.sortable {
	clear:left;
	margin-left:50px;
}
.sortable li {
	display:block;
	width:150px;
	background:#F5F5F5;
	border:1px solid #ccc;
	margin-top:3px;
	padding:3px;
}
.note {
	padding:20px;
	clear:left;
}
/*Login box*/
.loginBox {
	width:400px;
	margin:150px auto;
}
.loginField span {
	display:block;
	float:left;
	width:70px;
	font-size:13px;
}
.loginField p {
	margin:5px 0px 0px 0px;
}
.loginField p .inputLogin {
	width:220px;
}
.mainLogin {
	border:1px solid #fefefe;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 1px 1px 1px 1px #ccc;
	background-color:#f0f6fa;
}
.loginField {
	float:right;
	width:360px;
	padding-bottom:30px;
	margin-top:10px;
}
.title input {
	height:auto;
	margin-right:3px;
	cursor:pointer;
}
.title input.editText {
	padding:1px 0;
	cursor:auto;
}
/*alert*/
.alert {
	padding:10px;
	margin-left:10px;
	margin-right:10px;
	border:1px solid #ccc;
	background-color:#FFC;
}
.msg {
	padding:10px;
	margin-left:10px;
	margin-right:10px;
	border:1px solid #ccc;
	background-color:#FFC;
}
.detail .alert .msg p
{
	float:none;
	padding:0;
}
.detail .msg p
{
	float:none;
	padding:0;
}
.formCreate .create_descript {
	background-color:#fff;
	width:70%;
	height:80px;
	border:1px solid #999;
 *margin-left:115px;
}
.createSumary input, .createSumary p {
	float:left;
}
.createSumary input {
	margin:10px 5px 0 40px;
}
.createSumary p {
	margin:14px 20px 0 0;
}
.no-data {
	color: #FF0000;
	padding: 5px 10px;
}
.navTop {
	margin-bottom:10px;
}
.navTop ul {
	float:right;
}
.navTop ul li a {
	display:block;
	padding-top:5px;
	height:23px;
	text-align:center;
	color:#fff;
	font-weight:700;
	text-decoration:none;
	border:1px solid #fff;
	border-radius: 5px 5px 0px 0px;
	border-bottom:none;
	background-color:#577cc4;
}
.navTop ul li.currentNav a {
	color:#303030;
	background-color:#f6f6f6;
	background:url(../img/cur.png) repeat-x;
}
.navTop ul li {
	display:block;
	float:left;
	width:110px;
	margin-left:10px;
}
.main-content table.hoi-dap {
	border:none;
	margin-top:0;
	lor:#333;
	text-indent:0;
}
.main-content table.hoi-dap td {
	border:none;
	vertical-align:top;
}
.main-content table.hoi-dap td.hoidap-left {
	width:12%;
	text-align:right;
	font-weight:bold;
	padding-right:20px;
}
.main-content table.hoi-dap input {
	width:300px;
	border-color:#ccc;
}
.main-content table.hoi-dap textarea {
	width:595px;
	height:195px;
	border:1px solid #ccc;
}
.title-tuvan {
	font-size:20px;
	font-family:"Times New Roman", Times, serif;
	color:#003366;
}
.time-tuvan span {
	padding-right:20px;
	color:#FF0000;
}
.sum-tuvan {
	font-weight:bold;
	padding:10px 0;
}
.img-tuvan {
	text-align:center;
}
.note-tuvan {
	font-style:italic;
}
.note-tuvan {
	margin:20px 0;
}
.thuchien-tuvan {
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	font-weight:bold;
	color:#006699;
	margin-bottom:10px;
}
.content-tuvan a, .note-tuvan a {
	font-weight:bold;
	color:#006699;
	margin-left:20px;
}
.start-tuvan {
	margin-top:10px;
	width:570px;
}
.start-tuvan input {
	border:none;
}
.start-tuvan div {
	float:left;
}
.input-tuvan {
	border:1px solid #ccc;
	padding:3px 2px 0 0;
	margin:0 20px 0 10px;
	width:160px;
}
.input-tuvan input {
	width:140px;
 *width:120px;
	float:left;
}
.input-tuvan a {
	vertical-align:top;
	display:block;
	float:right;
}
.anou input.nameweb {
	width:650px;
	border:1px solid #ccc;
 *width:625px;
}
.anou textarea {
	border:1px solid #ccc;
}
.anou p {
	padding-bottom:3px;
}
.on-off {
	text-align:center;
}
.on-off input {
	margin-right:5px;
}
.on-off label {
	margin:0px 30px 0 0;
	padding-top:2px;
}
.mota-tuvan {
	padding:10px 0 0 150px;
}
.formCreate .mota-tuvan textarea {
	background:none;
	border:1px solid #CCCCCC;
	height:140px;
}
.moreCreate table.qc {
	margin:10px 0 0 0;
}
.start-tuvan .start {
	width:100px;
	padding-left:5px;
}
.createDetail p {
	
	float:left;
}
.advisory {
	font-weight:bold;
	color:#069;
}
.main-content table.box_display {
	margin-left:100px;
	text-align:center;
	border-collapse:collapse;
	border:1px solid #ccc;
	width:500px;
}
.main-content table.box_display td.cen {
	text-align:center;
}
tr.boxtitle {
	font-weight:bold;
	color:#666;
}
.width1 {
	width:350px;
}
.width2 {
	width:405px;
}
.width3 {
	width:405px;
	height:130px;
}
.width4 {
	width:405px;
	height:100px;
}
.width5 {
	width:250px;
}
.status p {
	width:100px;
	margin:3px 0 0 10px;
	float:left;
}
.status input {
	float:left;
}
.createnew {
	padding:10px 0 10px 250px;
}
.dot {
	color:#999;
}
.footer p a {
	color:#333;
	margin:0px 10px;
}
ul.chucnang {
	padding-top:20px;
	margin:0 0 0 20px;
}
ul.chucnang li {
	padding:0 0px 20px 0;
}
ul.chucnang li p {
	width:100px;
	float:left;
	color:#069;
	font-weight:bold;
}
ul.chucnang li span {
	padding:0 30px 0 7px;
}
.bieudo {
	margin:0px 0 0px 10px;
	padding:10px 0 15px 0;
}
.bieudo a {
	border:1px solid #78abce;
	margin:0px 10px 10px 0;
	color:#666;
	font-weight:bold;
	padding:5px 10px;
	display:block;
	float:left;
}
.bieudo a.cur {
	background:#e3f2ff;
	color:#069;
}
a.bieudo1 {
	background:url(../img/green.gif) repeat-x 0 0;
	height:18px;
	padding-top:3px;
	text-align:center;
	display:block;
	color:#fff;
}
a.bieudo2 {
	background:url(../img/blue.gif) repeat-x 0 0;
	height:18px;
	padding-top:3px;
	text-align:center;
	display:block;
	color:#fff;
}
.width6 {
	width:60%;
}
.width7 {
	width:80%;
}
.width8 {
	width:70%;
}
img.image {
	margin:10px 0 10px 10px;
}
.detail {
	padding:10px 0 0 10px
}
.detail img {
	float:left;
	margin:0 0 0px 10px;
	display:inline;
}
.detail table {
	float:left;
	clear:none;
	border:none;
	margin:0 0 0 10px;
}
.detail table tr td {
	border:none;
}
.detail p, .detail input, .detail select {
	float:left;
}
.detail select {
	margin-right:5px;
	max-width:200px;
 width:expression(this.clientWidth > 200 ? '200px':true)
}
.detail p {
	padding:3px 10px 0 0px;
}
.view {
	margin:0 0 10px 0;
	text-align:center;
}
.view input {
	float:none;
	color:#000;
}
.page {
	float:left;
	padding-left:10px;
}
.page select {
	margin-left:10px;
	width:40px;
}
a.do {
	color:#F00;
}
ul.listMainFunc {
	padding-top:10px;
}
p.loginLogo {
	padding-left:10px;
	
}
.npp {
	width:562px;
	padding:0 0 15px 5px;
	float:left;
}
.npp input {
	margin-right:3px;
}
.time {
	width:220px;
	float:left;
}
#target .headCreate input
{
	float:left;
	height:14px;
	margin-right:5px;}
#target .headCreate
{
	float:left;
	width:255px;}

/*------------------------------------ Giao diện quản trị ----------------------------------------------*/
.bottom{
	width:100%;
	height:111px;
	background:url(../img/banner.png) no-repeat 0 0 #577cc3;
}
.line{
	width:100%;
	height:10px;
	background-color:#87b6d9;
	}
.footer{
	width:100%;
	background:url(../img/footer.png) no-repeat 0 0 #577cc3;
	height:85px;
	background-size:100%;
	}	
.left-footer{
	width:1000px;
	margin:0 auto;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	margin-top:60px;
	}
.left-footer a{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	}	
.right-footer{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	width:1000px;
	margin:0 auto;
	text-align:right;
	margin-top:-15px;
	}
#doc3{
	min-height:600px;
	}		

