/* Elife HTML-CSS Standard, Copyright 2008 by Phạm Quốc Tuấn, Email: busdcon@gmail.com */

@font-face {
	font-family: OSD;
	font-style:  normal;
	font-weight: normal;
	src: url(../../common/font/opensanscondensedlight.ttf);
}

@font-face {
	font-family: OSD;
	font-style:  normal;
	font-weight: bold;
	src: url(../../common/font/opensanscondensedbold.ttf);
}

/*
   MAIN SETTING - CAI DAT CHUNG CHO WEBSITE 
------------------------------------------------------------------- */
body {
					/* Màu - Đường dẫn hình - Lề dọc - Lề ngang - Lặp lại */	
	color: #fff; 
	font: normal 100% Verdana, 'Helvetica', arial, sans-serif; 
	font-size:13px;
	line-height: 1.67em;
	/*background:#e6e4e2;*/
	min-width:1000px;
    background: black;
}

#elife-fixbackground{
	/*background:#eee;*/
	/*background:url(../../smartweb_wdefault%20-%20Copy/image/bg_body2.png) center top no-repeat;*/
    background: black;
	
}


.elife-other{} /* Kiểu chữ khác kiểu mặc định */

/* Paragraph */
p {margin-bottom: 0.5em;}
p.elife-other{}

blockquote{
	color:#444;
	font-size:1.2em;
	margin:10px 25px 10px 25px;
	padding:0px 20px 0px 20px;
	border-left: 2px dotted #DDD;
}

/* Links */
a {
	color: #000;
	text-decoration: none;
	cursor:pointer;
}
a:focus,a:hover 
{
	/*color: #0182c4; 
	text-decoration:underline;
	border-bottom: 1px solid #424E61; */
	cursor:pointer;	
}

a.elife-other {}
a.elife-other:hover {}

/* Headings */
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	color: #121212;
	/*font-weight: bold;*/
	line-height:1.5em;
	
}
h1 {font-size: 2.8em; margin-top:0.3em;}
h1 a{
	font-size: 26px;
	color: ##121212;
	/*font-family: Times New Roman, Verdana;*/
	text-transform: uppercase;
}
h2 {font-size: 2.5em;}
h3 {font-size: 1.4em;}
h3 a{color:#a4ab0e;font-size: 1.1em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

/* 
   BREADCRUMB - Đường dẫn website đến trang hiện tại
------------------------------------------------------------------- */
.elife-breadcrumb{color:#121212; font-size:1em;position: absolute;top: -5px;left: 125px;}
.elife-breadcrumb a{color:#121212}
.elife-breadcrumb span.elife-space{padding:0 0.6em;}
.elife-breadcrumb span.elife-end{}


/* 
   LAYOUT SETTING - CAI DAT BO CUC CAC THANH PHAN CHINH CUA SITE 
   Ghi chú:
   #elife-tenthanhphan .elife-wrapper{} dùng để canh chỉnh khoảng cách lọt nội dung
------------------------------------------------------------------- */
/* Background trên cùng của website */
#elife-main-bgtop{

}

/* Background dưới cùng của website */
#elife-main{}

/* Khu vực chính to nhất */
#elife-canvas{
    background:url(../images/bg.jpg) no-repeat;
    background-size: cover;
}

.elife-page-wrapper{} 

/* Top div */
#elife-top{
	display:none;	
}

/* Header div */
#elife-header{}

#elife-logo{background: #060635;}
#elife-logo a{position:absolute; /*margin-top:15px;*/}

#elife-header-content{}

/* Footer Div */
#elife-footer{}
#elife-footer a{color:#777777}
#elife-footer .elife-page-wrapper{}
#elife-footer-left{}
#elife-footer-right{text-align:right}


/* 
   NAVIGATION - KHU VỰC CHỨA MENU CHÍNH CỦA WEBSITE 
------------------------------------------------------------------- */
/* Style cho div Navigation */
#elife-navigation{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#289428', endColorstr='#187716');
	background: -moz-linear-gradient(top,  #289428 0%,  #187716 100%);
	background:-webkit-linear-gradient(top, #289428 0%,#187716 100%); /* Background DIV navigation lớn */
	color: #fff; 
	/*font-family:arial;*/
	font-size:0.9em;	
	/*margin-bottom: -1px;*/
    background: #fff200;
}

#elife-navigation .elife-page-wrapper{}

/* 
   SPLASH - DASHBOARD 
------------------------------------------------------------------- */
.elife-splash{margin-top:0px;}
.elife-splash .elife-splash-content{}

.elife-dashboard{}
.elife-dashboard .elife-splash-content{}

   SIDEBAR - CONTENT 
/* ------------------------------------------------------------------- */

.elife-sidebar-left{}
.elife-sidebar-left .elife-wrapper{padding:0px}

.elife-content{background:url(../images/bg.png) top left repeat}
.elife-content .elife-wrapper{}

.elife-sidebar-right{}
.elife-sidebar-left .elife-wrapper{padding:0px}


/* Sidebar Section */
.elife-sidebar .elife-section{border:1px solid #cccccc; margin-bottom:10px}

.elife-sidebar .elife-section-title{/*background:#666;*/ height:32px; font-size:1.2em}
.elife-sidebar .elife-section-title, .elife-sidebar .elife-section-title a{color: #FFF;cursor:auto}
.elife-sidebar .elife-section-title a:hover{color: #FFF}
.elife-sidebar .elife-section-title .elife-wrapper{padding:0px}

.elife-sidebar .elife-section-content{}
.elife-sidebar .elife-section-content .elife-wrapper{/*padding:5px*/}


/* Content Section */
.elife-content .elife-section{}
.elife-content .elife-section-title{text-align:left}
.elife-content .elife-section-title a{text-decoration:none;cursor:auto}
.elife-content .elife-section-content{word-spacing:1pt;}

.elife-content .elife-section-footer{}




/* 
   DẠNG TIN TỨC LIST 
------------------------------------------------------------------- */
.elife-post{}
.elife-post-image{}
.elife-post-title{}
.elife-post-date{margin:0px;color: #000; margin-bottom:10px;}
.elife-post-summary{text-align:justify; margin:0px; margin-bottom:5px}
.elife-post-source{text-align:right; font-weight:bold}
.elife-post-author{text-align:right; font-weight:bold}
.elife-post-others{}
.elife-post-footer{margin-top:10px}


/* Social Media in post */
.elife-post-social .like_btn, .elife-post-social .tweet_btn, .elife-post-social .plus_btn{display:block; float:left; max-width:92px; margin-right:5px; padding:0px}






/* 
   MESSAGE ERROR - CÁC DẠNG THỂ HIỆN THÔNG BÁO LỖI
------------------------------------------------------------------- */
.elife-error, .elife-notice, .elife-success{
	border: 1px solid #DDD;
	margin-bottom: 1em;
	padding: 0.6em 0.8em;
}

.elife-error {background: #FBE3E4; color: #8A1F11; border-color: #FBC2C4;}
.elife-error a {color: #8A1F11;}

.elife-notice {background: #FFF6BF; color: #514721; border-color: #FFD324;}
.elife-notice a {color: #514721;}

.elife-success {background: #E6EFC2; color: #264409; border-color: #C6D880;}
.elife-success a {color: #264409;}


/* 
   Separators | ĐƯỜNG NGĂN CÁCH
------------------------------------------------------------------- */
.elife-content-line, .elife-item-line, .elife-hline {

	background: #e6e6e6;
	clear: both;
	color: #CCCCCC;
	display: block;
	font-size: 0;
	line-height: 0;
	height: 1px;
	margin-top:10px;
}
.elife-content-line {margin: 20px 0;}
.elife-item-line {margin-bottom: 30px; margin-top: 30px;}
.elife-hline {margin-bottom: 5px; margin-top:5px}


/* 
   FORM
------------------------------------------------------------------- */
label {
	cursor: pointer;
	/*color:#777777;*/
	margin-bottom: 0.2em;
}
label.checkbox, label.radio {font-weight: normal;}

legend {
	font-weight: bold;
	font-size: 1.2em;
}
textarea {overflow: auto;}
#layout_default_layout #email{margin-left:-1px;}
#layout_default_layout #telephone{margin-left:-18px;}
#layout_event_layout textarea{width:85%}
input.elife-textbox, textarea, select {
	margin: 0.6em 0 0;
	padding: 6px;
	border: 1px solid #ccc;
	/*border-radius:4px;
	border-top-color:#BBB;*/
	background: none;
	font-size:1em;
	width:200px;
	color:#888;
	/*background: #dbbc95;*/
}

textarea
{
	width:90%;
	height:120px;
}
select{width:215px}

input.elife-textbox:focus, textarea:focus, select:focus {/*background: none; border-color:#0066b3*/}

.elife-button {
	background: #272727;
	padding: 5px 15px;
	border-radius: 2px;
	color:#fff;
	border: none;
	margin-top:6px;
	font-size:1em;
	cursor:pointer;
}

.elife-button:hover{
	background: #0066b3;
	color:#fff;
	text-decoration:none;
}

input.elife-button:active, a.elife-button:active, a.elife-button.elife-other:active {border:1px ridge #CCC; }

a.elife-button{
	cursor:pointer;	
}

a.elife-button:hover{
}

.elife-button.elife-other{
	background: #EB028F;
	color:#fff;
	border: none;
	margin-top:6px;
	padding: 5px 15px;
	border-radius: 2px;
	font-size:1em;
	cursor:pointer;
	text-decoration:none;
}

.elife-button.elife-other:hover{
	background: #006;
}

a.elife-button.elife-other{
	cursor:pointer;	
}

/* Tables */
table {margin-bottom: 0.5em; width: 100%;}
th {font-weight: bold;}
thead th {text-align:center}
th,td,caption {/*padding: 4px 10px 4px 5px;*/}
tr.even td {background: #F2F6FA;}
tfoot {font-style:normal}
caption {background: #EEE;}

table.elife-table {
	border: 1px solid #CCB;
	margin-bottom: 2em;
	width: 100%;
}
table.elife-table th {
	background: #F0F0F0;
	border: 1px solid #DDD;
	color: #555;
	text-align: center;
}
table.elife-table tr {border-bottom: 1px solid #DDD;}
table.elife-table td, table th {text-align:center}
table.elife-table td {
	background: #F6F6F6;
	border: 1px solid #DDD;
	padding:2px;
}
table.elife-table tr.even td {background: #FCFCFC;}

table.elife-form td{padding:2px;}
table.elife-form tr{vertical-align:middle}



/*-------PAGINATION PHAN TRANG------------*/
.elife-pagination{margin-top:0.6em;}
.elife-pagination ul{
	border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: block;
    margin-bottom: 0;
    margin-left: 0;
}

.elife-pagination li{display:inline}

.elife-pagination li:first-child a {
    border-left: 1px solid #333;
}

.elife-pagination a {
    font-size: 1em;
    line-height: 30px;
    padding: 0 12px;
    text-align: center;
    border-color: #145849;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    float: left;
    text-decoration: none;
	color:#444;
}

.elife-pagination a:hover {}

.elife-pagination a.current {
    background-color: #0066b3;
    color: #FFFFFF;
}