@charset "utf-8";
/*####################### Vietnam Explorer ############################ */
/* ####################### TEMPLATE ############################ */
#container {
background:#258a05;
width: 1005px;
position: relative;
text-align: left;margin:auto;
}
#wrapper1 {
width: 100%;
}
#header {
width: 100%; /*height: 270px;*/height: 233px; overflow: hidden;
}
#logo {
background: url(../images/logo.gif) no-repeat;
/*float: left; z-index: 1;*/
position: absolute; top: 0; left: -1px;
width: 212px; height: 233px; overflow: auto;
}
#banner {
background: url(../images/banner.jp) no-repeat;
/*float: left; z-index: 2;*/
position: absolute; top: 0; left: 212px;
width: 793px; height: 233px;
}
#mainmenu-horizontal {
background: url(../images/mainmenu.gi) no-repeat transparent;
width: 793px; height: 34px; overflow: hidden;
position: absolute; top: 199px; left: 209px;
text-align: left;
}
#mainbody {
background: url(../images/mainbody-bg.jpg) repeat-y;
width: 100%;
margin-top: 2px;
/*margin-top: -27px;*/
}
#leftcol {
margin:0px;
float: left;
width: 204px;
margin-top:0px;
}
#news {
width: 100%;
background: white;
}
#news .title {
background: url(../images/news-title.jpg) no-repeat;
width: 100%; height: 25px;
}
#news .content {
padding: 15px 0 0 15px; background: url(../images/news-content.gi) no-repeat;
width: 180; height: 181px; overflow: hidden;
}
#news .footer {
background: url() no-repeat;
width: 100%; height: 25px;
}
#advert {
width: 100%;
}
#advert .title {
background: url(../images/adv-title.jpg) no-repeat;
width: 100%; height: 25px;
}
#advert .content {
background: white;
width: 100%;
text-align: center;margin-bottom:0px;
}
#footer_aver {
background: url(../images/footer-left.jpg) white bottom no-repeat;
width: 100%; height: 25px;
}
#footer_right {
background: url(../images/footer-right.jpg) white bottom no-repeat;
width: 100%; height: 25px;
}
#centercol {
margin:0x;
float: left;
width: 636px;
}
#content {
background: url() no-repeat white;
width: 100%;
}
#content .title {
background: url(../images/content-title.jpg) no-repeat;
width: 100%; height: 25px;
}
#content .content {
margin: 0; padding: 10;
width: 100%; overflow: auto;
}
#footer_content {
background: url(../images/footer-center.jpg) bottom no-repeat;
width: 100%; height: 25px;
}
#rightcol {
float: left;
width: 146px;
margin-top:0px;
}
#search {
width: 100%;
background: white;
}
#search .title {
background: url(../images/search-title.jpg) no-repeat;
width: 100%; height: 28px;
}
#search .content {
padding: 5px 10px; background: url(../images/bg_left.gi);
width: 100%; height: 32px;
}
#search .footer {}
#online-support {
width: 100%;
background: white;
}
#online-support .title {
background: url(../images/online-support-title.jpg) no-repeat;
width: 100%; height: 28px;
}
#online-support .content {
background: url(../images/online-support-content.jpg);
width: 100%; height: 80px;
}
#online-support .yahoo-mes {
position: relative; top: 53px; left: 0px;
height: 22px;
}
#weblink {
width: 100%;
background: white;
}
#weblink .title {
background: url(../images/weblink-title.jpg) no-repeat;
width: 100%; height: 28px;
}
#weblink .content {
width: 100%; overflow: auto;
text-align: left;
}
#weblink .footer {
background: url(../images/footer-right.jp) bottom no-repeat;
width: 100%; height: 25px;
}
#footer {
margin-top: -2;
clear: both;
width: 100%; height: 70px;
background: url(../images/footer.jp) no-repeat #258A05;
}
/* ####################### END TEMPLATE ############################ */
/* ####################### GENERAL SETTINGS ############################ */
html, body {
margin: auto;
padding: 0;
text-align: center;
/*font: normal 12 Verdana, Arial, Helvetica, sans-serif;*/
font-family: Arial,Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #666;
}
/* Global Formatting */
h1 {font-size:16px;line-height: 1em;font-weight: 900;}
h2 {font-size:15px;line-height: 1em;font-weight: 900;}
h3 {font-size:14px;line-height: 1em;font-weight: 900;}
h4 {font-size:13px;line-height: 1em;font-weight: 900;}
h5 {font-size:12px;line-height: 1em;font-weight: 900;}
h6 {font-size:11px;line-height: 1em;font-weight: 900;}
td {font-size: 12px;}
th {font-size: 12px;}
a {text-decoration: none;}
a:hover {}
a:visited {}
/* Link hình ảnh */
a.image, a.image:hover {border:0;}
li { list-style: disc;}
ul { list-style: disc;}
/* ####################### END GENERAL SETTINGS ########################### */
/*##################### NAVIGATION SECTION #####################*/
/* This sections covers the navigation formatting it’s a good place to add and edit any new menus designs. */
/* Mainlevel menu */
/* cú pháp: <... class="mainlevel"> */
.mainlevel {
/*background: url(../images/mainmenu-button.gif) no-repeat; */
height: 38px;
width: 108px;
}
/* cú pháp: */
a.mainlevel:link, a.mainlevel:visited {
display: block;
background: url(../images/mainmenu-button.gif) no-repeat;
line-height: 3.5em;
padding: 0;
margin: 0;
text-align: center;
text-decoration: none;
font-weight: bold;
color: #0473D8;
}
a.mainlevel:hover {
/*background-position: ;*/
color: #D00000;
text-decoration: none;
}
/* cách dùng: dùng cho menu đang được active
cú pháp: */
a.mainlevel#active_menu {
color: #D00000;
}
a.mainlevel#active_menu:hover {
color: #0473D8;
}
/* End Mainlevel menu */
/* Pathway Breadcrumbs [pathway.php] */
.pathway {
color:#333;
}
a.pathway:link {
color:#659FDE;
}
a.pathway:visited {
color:#659FDE;
}
a.pathway:active {
color:#659FDE;
}
a.pathway:hover {color:#659FDE;text-decoration:underline;}
/*##################### NAVIGATION SECTION #####################*/
/* ##################### STANDARD MODULE TABLE #################*/
/* This sections covers the standard module formatting it's a good place to add and edit any new module formatting. */
table.moduletable {
width: 100%;
padding: 0px;
margin: 0px;
}
table.moduletable td {
height: 18px;
}
table.moduletable th, div.moduletable h3 {
color: #666666;
text-align: left;
padding-left: 4px;
height: 21px;
line-height: 21px;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 2px 0;
}
div.moduletable {
padding: 0;
margin-bottom: 2px;
}
/* [frontend.html.php] */
/* Module wrappers for round conners module style -3*/
div.module {
width: 100%;
}
/* Font Control */
/* Title Control */
div.module h3 {
color: #FFFFFF;
text-align: center;
}
/* List Control */
.module ul {}
.module li {}
/* Link Control*/
.module a:link{}
.module a:visited {}
.module a:hover {}
.module a:active {}
.module {
background: url(../images/bl_grey.gif) 0 100% no-repeat #dddddd;
width: 20em;
margin-bottom: 10px;
}
.module div {background: url(../images/br_grey.gif) 100% 100% no-repeat}
.module div div {background: url(../images/tl_grey.gif) 0 0 no-repeat}
.module div div div {
background: url(../images/tr_grey.gif) 100% 0 no-repeat;
padding:10px;
padding-top: 0px;
padding-bottom: 2px;
}
.module div div div div {background: none;}
/* ##################### STANDARD MODULE TABLE #################*/
/* ############# CONTENT - SECTIONS & CATEGORIES ###########################*/
/* This area section covers the main content and components areas of Joomla.
Each style is highlighted in light blue in the cutout image showing the affected area.
The style code is shown below the image cut out.
*/
/* Main Body Text - com_content showing */
/* component heading */
.componentheading {
color: #666666;
font-weight: bold;
text-align:left;
text-transform: uppercase;
margin-top: 1.5em;
background-color: White;
}
/* top box like a category description */
.contentdescription {
background-color : White;
}
.contentpane {
background: White;
}
table.contentpane {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}
table.contentpane td {
margin: 0px;
padding: 0px;
}
table.contentpane td.componentheading {
padding-left: 4px;
}
.contentpaneopen {
background-color: White;
}
table.contentpaneopen {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}
table.contentpaneopen td {
padding-right: 5px;
}
table.contentpaneopen td.componentheading {
padding-left: 4px;
}
table.contentpaneopen fieldset {
border: 0px;
border-bottom: 1px solid #eee;
}
/* Category */
.category {
color:#333;
}
a.category:link, a.category:visited, a.category:hover {
height: 15px;
}
/* End category */
/* Sectiontable Table types listings Faqs's, weblink etc..*/
.sectiontableheader {
background-color : #D3D3D3;
color : #333;
font-weight : bold;
border-collapse: collapse;
padding: 4px;
}
/* Table odd and Even Rows */
.sectiontableentry1 {
background-color : #ffffff;
}
.sectiontableentry2 {
background-color : #f9f9f9;
}
.sectiontablefooter{
height: 18px;
}
/* End Sectiontable */
/* Blog section */
.blog {
background-color : #FFFFFF;
}
.blogsection{
height: 18px;
}
.blog_more{
height: 18px;
}
.blog_heading {
height: 18px;
}
/* space from bottom of article */
.article_seperator {
background-color : #FFFFFF;
display: block;
height: 1.5em;
}
/* End blogsection */
.contentheading {
width: 100%;
height: 30px;
color: #c64934;
font-weight: bold;
white-space: nowrap;
}
/* content title and links */
.contentpagetitle {
font-weight: bold;
color: #cccccc;
text-align:left;
}
a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited {
text-decoration: none;
font-weight: normal;
color: #FF6600;
border-bottom: 0px;
}
a.contentpagetitle:hover {
color: #000;
border-bottom: 0px dashed #CCCCCC;
text-decoration: none;
}
/* icons [joomla.php] */
.buttonheading{}
/* Writen by Authors name */
.small {
color: #999999;
font-size: 11px;
}
/* Dates */
.createdate {
height: 15px;
padding-bottom: 10px;
color: #999999;
font-size: 11px;
}
.modifydate {
height: 15px;
padding-top: 10px;
color: #999999;
font-size: 11px;
}
.newsfeeddate {
color: #FF6600;
font-weight: normal;
}
/* Dates */
/* Read more link */
.readon{
font-family: Arial, Verdana, Helvetica, sans-serif;
color:#FF6600;
font-weight: bold;
}
/* Page navigation links "<<< 1 of 10 next >>>" */
/* [content.html.php] */
.pagenav_prev {color: #FF6600; font-size: .8em;}
.pagenav_next {color: #FF6600; font-size: .8em;}
.pagenav_prev a {color: #FF6600; font-size: .8em;}
.pagenav_next a {color: #FF6600; font-size: .8em;}
.pagenavcounter {color: #FF6600;}
.pagenavbar {color: #FF6600;}
/* pageNavigation.php */
.pagenav {color:#FF6600; font-size: .8em;}
a.pagenav {color:#FF6600; font-size: .8em;}
a.pagenav:hover {color:#FF6600; font-size: .8em;}
/* [joomla.php] */
.back_button {
color: #FF6600; font-weight: bold; font-size: .9em;
background: url(../images/back-button.png) no-repeat;
height: 15px; width: 80px;
float: left;
}
.back_button a {color: #FF6600; font-weight: bold; font-size: .9em;}
}
/* Related Items [content.html.php] */
.related-items {clear: both; float: left;}
.related-items li {text-align: left;}
/* Article index {mospagebreak} */
table.contenttoc {
border: 1px solid #cccccc;
padding: 2px;
margin-left: 2px;
margin-bottom: 2px;
}
table.contenttoc td {
padding: 2px;
}
table.contenttoc th {
background: url(../images/subhead_bg.png) repeat-x;
color: #666666;
text-align: left;
padding-top: 2px;
padding-left: 4px;
height: 21px;
font-weight: bold;
text-transform: uppercase;
}
/* Links article index */
a.toclink:hover, a.toclink:visited, a.toclink:link {
height: 18px;
}
/* End Article index */
/* Main Body Text */
/* ############# CONTENT - SECTIONS & CATEGORIES ###########################*/
/* ###################### TABBED EDITING ###################### */
/* This sections covers the tab editing formatting this should be left as is but if you have special colored design that needs to have editing backgrounds changed this is the place to do it. */
/*When user login to edit or sumbit articles*/
/*Body of the form*/
.adminform{
background-color : #FFFFFF;
}
/* Text passed with mosmsg url parameter [frontend.php]*/
.message {
font-family : Arial,Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
color : #666;
text-align: center;
}
/* [joomla.php] */
.tab-page {}
.tab {}
/* ###################### End TABBED EDITING ###################### */
/* ##################### FORM SECTION #####################*/
/* This sections covers the form formatting it’s a good place to add and edit any new form formatting. */
.inputbox {
padding: 2px;
border:solid 1px #cccccc;
background-color: #ffffff;
}
/* Submit Button */
.button {
background: url(../images/button_bg.png) repeat-x #333;
color: white;
text-align: center;
width: auto;
margin: 0 2px;
}
.text_area {
background: White;
}
/* Contact Email Form */
.contact_email {margin: 0px;padding: 5px;}
/* ##################### END FORM SECTION ##################### */
/* ##################### CHRONOFORM ##################### */
.chronoform {
}
.tablecell1 {}
.tablecell2 {}
/* ##################### END CHRONOFORM ##################### */
/* ##################### offlinebar.php ##################### */
.moswarning {
}
/* ##################### END offlinebar.php ##################### */
/* ##################### offline.php ##################### */
.outline {
}
.err {
}
/* ##################### END offline.php ##################### */
/* ##################### SYNDICATE mod_rssfeed.php ##################### */
.syndicate {
}
.syndicate_text {
}
/* ##################### END SYNDICATE mod_rssfeed.php ##################### */
/* BoxOver.js */
.OSmallTitleChannleSmaple {
FONT-SIZE: 13px; COLOR: #024e88; FONT-FAMILY: Arial
}
.dvbdy1 {
BORDER-RIGHT: #4570c5 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 13px; BACKGROUND: #f0f7ff; PADDING-BOTTOM: 5px; BORDER-LEFT: #4570c5 1px solid; WIDTH: 300px; PADDING-TOP: 5px; BORDER-BOTTOM: #4570c5 1px solid; FONT-FAMILY: Arial; text-align:left;
}
.dvhdr1 {
BORDER-RIGHT: #4570c5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #4570c5 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND: #f0f7ff; PADDING-BOTTOM: 5px; BORDER-LEFT: #4570c5 1px solid; WIDTH: 300px; PADDING-TOP: 5px; FONT-FAMILY: Arial
}
.toolTipTitle {
FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #bd0000; FONT-FAMILY: Arial
}
.LargeTime1 {
FONT-SIZE: 10px; COLOR: #838383; FONT-FAMILY: Arial,Tahoma
}
.toolTipBody {
FONT-WEIGHT: normal; FONT-SIZE: 12px; WIDTH: 100%; COLOR: #000000; FONT-FAMILY: Arial; TEXT-ALIGN: left
}
/* END BoxOver.js */
/* Search Form Module*/
.search {
height: 18px;
}
/* results if not search google */
.searchintro{
height: 18px;
}
table.searchintro td {
font-weight: bold;
}
/*Search Form keyword highlight*/
.highlight {
border: 1px dashed #010101;
background: #DDEEFF;
padding: 0px 2px 0px 2px;
}
/* End Search Form */
/* LATEST NEWS [mod_latestnews.php] */
.latestnews {
font-weight: bold;
color: black;
}
/* also in mosimage.php */
.mosimage {
border: 1px solid #cccccc;
margin: 5px
}
div.mosimage {
border: 1px solid #ccc;
}
.mosimage_caption {
margin-top: 2px;
background: #efefef;
padding: 1px 2px;
color: #666;
font-size: 10px;
border-top: 1px solid #cccccc;
}
/* END LATEST NEWS [mod_latestnews.php] */
/* POLL [mod_poll] */
.poll {
}
table.pollstableborder td {
padding: 2px;
}
.smalldark {}
/* END POLL [mod_poll] */
/* MOST READ [mod_mostread.php] */
.mostread {}
/* END MOST READ [mod_mostread.php] */
/* WRAPPER [mod_wrapper.php] */
/* wrapper title */
.wrapper{
background-color : #FFFFFF;
}
/* END MOST READ [mod_mostread.php] */
/* Web links */
a.weblinks {color: blue;}
/* VOTE [mosvote.php] */
/* article rating */
.content_rating {
font-weight: normal;
}
.content_vote {
font-weight: normal;
}
/* END VOTE [mosvote.php] */
/* [frontend.html.php] */
.newsfeed {}
/* END [frontend.html.php] */
/* [HTML_toolbar.php] */
.toolbar {}
/* END [HTML_toolbar.php] */
/* [joomla.php] */
.profiler {}
.item {}
/* END [joomla.php] */
/* [includes/patTemplate/tmpl/page.html] */
.expander {}
/* END [includes/patTemplate/tmpl/page.html] */