﻿/* Structure */
.mainbody { margin: 0px; padding: 0px; background: url(/app_themes/default/images/bg.gif) repeat-x;  }
#canhcam-wrapper { width:918px; margin:0 auto; padding:0px 0px 15px 0px; overflow:hidden;background-color:#fff; }
#canhcam-header{ margin:0px 0px 0px 0px; padding:0px; overflow:hidden;}
#canhcam-Navbar {margin:0px 0px 0px 0px;border-top: 3px solid #97adba;border-bottom: 1px solid #e9e9e9; width:918px;padding:0px 0px 0px 0px;font-size:8pt; font-family: arial,tahoma,verdana;}
#canhcam-content-container { margin-top:0px; vertical-align:top; }
#canhcam-content { margin:0px; padding:0px 0x 10px 0px; width:918px; }
#canhcam-leftzone {margin: 0px; padding: 0px; width:220px; float:left; }
#canhcam-rightzone{margin: 0px; padding: 0px; float:right; width:697px;border-left:solid 1px #e8e8e8;}
#canhcam-bottomNavbar {width:918px;border-bottom:solid 2px #bfbfbf; margin:0px 0px 0px 0px; float:left; padding:0px 0px 0px 0px;background: url(/app_themes/default/images/bgbtnavbar.gif) repeat-x; height:31px;}
#canhcam-footer{ width:918px; height:21px; padding:4px 0px 0px 20px;float:left; background-image: url(/app_themes/default/images/bg_footer.gif);}
#canhcam-copyright {color:#d2576c; font-size:9pt; white-space:nowrap; font-family:Arial,Tahoma, Verdana;}
#canhcam-print-container {width:798px; margin:0 auto; padding:0px;border:solid 0px #bfb6aa;}
#canhcam-print-footer {color:#b0b0b0; width:825px; font-size:8pt; font-family: arial,tahoma,verdana; border-top:solid #d8d8d8 1px; padding-top:7px; margin-top:10px;}
#canhcam-print-footer a {color:#b0b0b0; text-decoration:none;}
#canhcam-print-footer a:hover {color:#b0b0b0;  text-decoration:underline;}
#canhcam-print-header {color:#b0b0b0; font-size:10pt; font-weight:bold; width:825px; height:60px; text-transform:uppercase; font-family: arial,tahoma,verdana;  padding:0px 6px 34px 0px; margin:0px 0px 10px 0px; border-bottom:solid #d8d8d8 1px; }
.clearboth { clear:both;}
.homebanner{ position:absolute; top:110px; vertical-align:top; left:36px; height:256px; width:845px; overflow:hidden}
.mainnavbar{ margin:0px; padding:0px; height:31px; padding:0px 0px 0px 0px; border:solid 0px #bfb6aa;background: url(/app_themes/default/images/bgmenu.gif) repeat-x;}
/* Structure */
 /* Navigation bar */
.MenuGroup {  cursor:default; border:0px;}
.TopMenuItem { color:#626365; font-size:9pt; white-space:nowrap; font-family:Arial,Tahoma, Verdana; text-transform:uppercase; font-weight:bold;}
.TopMenuItemHover {  color:#000000; font-size:9pt; white-space:nowrap; font-family:Arial,Tahoma, Verdana; text-transform:uppercase; font-weight:bold;background: url(/app_themes/default/images/bgmenuactive.gif) repeat-x; }
.TopItemLookActive { color:#000000; font-size:9pt; white-space:nowrap; font-family:Arial,Tahoma, Verdana; text-transform:uppercase; font-weight:bold;background: url(/app_themes/default/images/bgmenuactive.gif) repeat-x; }
.TopItemLookActiveHover {   color:#000000; font-size:9pt; white-space:nowrap; font-family:Arial,Tahoma, Verdana; text-transform:uppercase; font-weight:bold;background: url(/app_themes/default/images/bgmenuactive.gif) repeat-x;   }
.MenuItem {color:#ffffff;   }
.MenuItemHover { color: #ffffff; }

.leftnavbarzone{ width:220px;font-family: arial,tahoma,verdana;}
.leftzone{ margin:0px; font-size:13pt;font-weight:bold; text-align:right; padding:10px 8px 10px 0px; color:#d2576c; }

.leftnavbar { margin: 0px 0px 10px 0px; }
.leftnavbar .righmenu1 { padding:4px 0px 5px 30px;border-bottom:solid 1px #ded9d9; border-top:solid 1px #ded9d9; color:#a3b2b7; margin:0px; font-size:9pt; font-weight:bold; font-family: arial,tahoma,verdana;background: url(/app_themes/default/images/pic2.gif) no-repeat; }
.leftnavbar .righmenu1 a {	color:#8c9b9e; text-decoration:none;}
.leftnavbar .righmenu1 a:hover { color:#d2576c; text-decoration:none;}
.leftnavbar .righmenu1_active { padding:4px 16px 5px 30px; margin:0px;border-bottom:solid 1px #ded9d9; border-top:solid 1px #ded9d9; font-size:9pt; font-weight:bold; font-family: arial,tahoma,verdana;background: url(/app_themes/default/images/pic2active.gif) no-repeat; }
.leftnavbar .righmenu1_active a {	color:#d2576c; text-decoration:none;}
.leftnavbar .righmenu1_active a:hover { color:#d2576c; text-decoration:none;}
.leftnavbar .righmenu2 { padding:4px 0px 3px 42px; color:#a2b3bb; margin:0px; font-size:9pt; font-weight:normal; font-family: arial,tahoma,verdana;background: url(/app_themes/default/images/pic4.gif) no-repeat; }
.leftnavbar .righmenu2 a {  color:#8c9b9e; text-decoration:none;}
.leftnavbar .righmenu2 a:hover { color:#d2576c; text-decoration:none;}
.leftnavbar .righmenu2_active {padding:4px 0px 3px 42px; color:#c9506a; margin:0px;font-size:9pt; font-weight:normal; font-family: arial,tahoma,verdana;background: url(/app_themes/default/images/pic4active.gif) no-repeat; }
.leftnavbar .righmenu2_active a {  color:#c9506a; text-decoration:none;}
.leftnavbar .righmenu2_active a:hover { color:#c9506a; text-decoration:none;}

.leftnavbar h6 { padding:0px; height:1px; margin:0px; overflow:hidden; background-color:#ffffff; }
.leftnavbar .righmenu3 {padding:0px 0px 3px 55px; color:#000; margin:0px; font-size:9pt; font-weight:normal; font-family: arial,tahoma,verdana; }
.leftnavbar .righmenu3 a {  color:#8c9b9e; text-decoration:none;}
.leftnavbar .righmenu3 a:hover { color:#d2576c; text-decoration:none;}
.leftnavbar .righmenu3_active {padding:0px 0px 3px 55px; color:#c9506a; margin:0px;font-size:9pt; font-weight:normal; font-family: arial,tahoma,verdana; }
.leftnavbar .righmenu3_active a {  color:#c9506a; text-decoration:none;}
.leftnavbar .righmenu3_active a:hover { color:#c9506a; text-decoration:none;}
.bottomnavbar { margin: 0px; padding:0px 0px 0px 18px; vertical-align:top; }
.bottomnavbar ul {margin:0px; list-style-type:none; padding:0px 0px 0px 0px;}
.bottomnavbar li {margin:0px; list-style-type:none; color:#e2d8ca; display:inline; padding:0px 0px 0px 0px; font-size:8pt; font-weight:normal; font-family: arial,tahoma,verdana;}
.bottomnavbar li a { margin:0px; color:#756b5e; text-decoration:none; padding:0px 4px 0px 4px;}
.bottomnavbar li a:hover { color:#756b5e; text-decoration:underline;}
.lefttopnavbar { margin:25px 15px; padding:0px;}
.lefttopnavbar h5{ margin:0px 0px 5px 0px; padding:0px;}
.lefttopnavbar h5 a img { height:37px}
/* Navigation bar  */




.bottomnavbar { margin: 0px; padding:4px 0px 0px 10px; vertical-align:top;text-align:center;   }
.bottomnavbar ul {margin:0px; list-style-type:none; padding:0px 0px 0px 0px;}
.bottomnavbar li {margin:0px; list-style-type:none; color:#194a6a; display:inline; padding:0px 0px 0px 0px; font-size:9pt; font-weight:normal; font-family: arial,tahoma,verdana;}
.bottomnavbar li a { margin:0px; color:#447fc4; text-decoration:none; padding:0px 6px 0px 6px;}
.bottomnavbar li a:hover { color:#d2576c; text-decoration:underline;}

.dfcontent{width:918px;background: url(/app_themes/default/images/bg_home.gif) repeat-y; min-height:275px; border-bottom:solid 2px #fff; border-top:solid 1px #fff;}
.dfleft{ float:left;}
.dfright{ float:right;}
.hotsnews { padding:20px 0px 30px 42px; width:553px;}
.sepitem{ width:28px;}
.hotsnews h4 { padding:0px; margin:0px; color:#66a3c2; font-size:10pt; border-bottom:solid 1px #19425e; }
.bg_item{ background: url(/app_themes/default/images/bgitem.gif) repeat-x; padding: 35px 20px 25px 20px; }
.bg_item h1{padding: 0px 0px 5px 0px; margin:0px; font-size:9pt;}
.bg_item img{padding: 0px 0px 0px 0px; margin:0px; width:218px; height:120px; border:solid 1px #6892ab;}
.bg_item  a { margin:0px; color:#aec1cc; text-decoration:none;font-size:8pt; padding:0px 0px 0px 0px;}
.bg_item  a:hover { margin:0px; color:#d15571; text-decoration:none;font-size:8pt; padding:0px 0px 0px 0px;}



.dfhomezone { width:255px; padding:20px 15px 0px 0px;}
.dfhomezone h4 { padding:0px; margin:0px; color:#66a3c2; font-size:10pt; border-bottom:solid 1px #19425e; }
.homezone { padding:15px 0px 0px 0px; margin:0px; font-weight:normal; font-family: arial,tahoma,verdana;  }
.homezone h6{padding:4px 0px 4px 15px;font-size:9pt; margin:0px;border-bottom:solid 1px #44545b;background: url(/app_themes/default/images/pic1.gif) no-repeat;}
.homezone h6 a{  text-decoration:none; color:#aec1cc;font-weight:normal;}
.homezone h6 a:hover{ text-decoration:none; color:#d15571;}


/* List */
.inlinecontent { padding:0px 0px 0px 20px;}

.newsinzone {padding:0px 35px 15px 27px; margin:0px 0px 0px 0px;}
.zoneitem { padding:0px 0px 10px 0px; margin:0px; border-bottom:solid 1px #c9c9c9;}
.zoneitem h4 { padding:0px 0px 7px 0px; margin:0px;}
.zoneitem h4 a { color:#d55271; text-decoration:none; }
.zoneitem h4 a:hover { color:#d55271; text-decoration:underline; }
.zoneitem h5  { padding:0px 0x 0px 0px; margin:0px;}
.zoneitem h5  img {  margin:0px 10px 0px 0px; width:220px;}

.zoneitem h6 {padding:0px; margin:0px; color:#585858; font-weight:normal;font-size:10pt; font-family: arial,tahoma,verdana; }
.pager-container { position:relative; height:40px; border-top:solid 1px #d9d9d9; margin-top:8px;}
.pager {position:absolute; top:7px; right:0px;}

/* List */


/* Detail */
.newsdetail {padding:10px 10px 0px 5px; }
.newscontent {}

.newsintopic { padding:10px 0px 10px 0px; }
.newsintopic ul {margin:0px; padding:0px; list-style-type:none;}
.newsintopic li { margin:0px; list-style-type:none; display:inline; font-weight:bold; padding:0px; color:#003399; font-size:9pt; font-family: arial,tahoma,verdana;}
.newsintopic li a { font-size:8pt; font-weight:normal; color:#003399; text-decoration:underline; }
.newsintopic li a:hover { font-size:8pt; font-weight:normal; color:#003399; text-decoration:none; }

.detail_teaser { font-weight:bold;color:#666666; font-size:10pt; font-family: arial,tahoma,verdana; }
.detail_fullcontent {font-weight:normal;color:#585858; font-size:9pt; font-family: arial,tahoma,verdana; padding:0px 0px 12px 0px; margin:0px;}
.utibar {padding: 0px 0px 7px 0px;  margin-top:0px; text-align:right; border-top:dashed 1px #c9c9c9;}
.pnlUtiBar{ float:left;margin:10px 0px 0px 0px; width:100%;}
.print { padding: 1px 12px 4px 18px; cursor:pointer; font-size:8pt; color:#686868; font-weight:normal; font-family: arial,tahoma,verdana; background: url(/app_themes/default/images/bg_icon_print.gif) top left no-repeat;}
a.print { color:#686868; text-decoration:none;}
a:hover.print { color:#686868; text-decoration:underline;}
.sendtofriend { padding: 1px 12px 4px 18px; cursor:pointer; font-size:8pt; color:#686868; font-weight:normal; font-family: arial,tahoma,verdana; background: url(/app_themes/default/images/bg_icon_email.gif) top left no-repeat;}
a.sendtofriend { color:#686868; text-decoration:none;}
a:hover.sendtofriend { color:#686868; text-decoration:underline;}
.feedback  { padding: 1px 0px 4px 18px; cursor:pointer; font-size:8pt; color:#686868; font-weight:normal; font-family: arial,tahoma,verdana;background: url(/app_themes/default/images/bg_icon_feedback.gif) top left no-repeat;}
a.feedback { color:#686868; text-decoration:none;}
a:hover.feedback { color:#686868; text-decoration:underline;}

.otheritem { padding:10px 0px; float:left; width:100%; }
.otheritem h4 { font-size:10pt; padding:0px 0px 6px 0px; margin:0px; font-weight:bold; color:#c9506a; font-family: arial,tahoma,verdana;}
.otheritem h5 { font-size:9pt; padding:0px 0px 6px 34px; margin:0px; font-weight:normal; color:#b99c73; font-family: arial,tahoma,verdana; background: url(/app_themes/default/images/pic5.gif) top left no-repeat;}
.otheritem h5 a { color:#c9506a; text-decoration:none; }
.otheritem h5 a:hover { color:#c9506a; text-decoration:underline; }
/* Detail */

.showdate{padding:12px 0px 12px 12px; color:#8c9b9e;font-weight:normal;font-size:10pt;}


/* Form */
.memberlogin { padding:50px 0px 40px 259px; }
.passwordrecovery { padding:80px 0px 70px 259px; }

.registrationForm td.label {text-align:left; font-weight:normal; vertical-align:middle; white-space: nowrap; padding-left:10px; padding-right:10px; padding-bottom: 1px; font-size:8pt; font-family: arial,tahoma,verdana;}
.registrationForm td.label span.star {color: #333333; padding-right:6px;}
.registrationForm td.editor {  vertical-align:top; padding-bottom:3px; font-size:8pt; font-family: arial,tahoma,verdana;}
.errormessage { color:#FF0000; font-size:8pt; font-family: arial,tahoma,verdana; padding-left:18px;background: url("/app_themes/default/images/edtError.png") top left no-repeat; }
.registrationForm .buttonCell{padding-left: 0px; padding-top: 5px;}
.registrationForm .textbox {color:#000000; width:241px; font-size:8pt; font-family : arial,tahoma,verdana; border:solid 1px #cccccc;}
.registrationForm .textbox1 {color:#000000; width:241px; height:114px; font-size:8pt; font-family : arial,tahoma,verdana; border:solid 1px #cccccc;}
.registrationForm .buttonCell input { width:63px; height:21px; color:#666666; font-size:8pt; font-family : arial,tahoma,verdana; border:none;background: url("/app_themes/default/images/bg_button.gif") no-repeat 0% 0%;}
.registrationForm .buttonCell input:hover { color:#D03222; }
.registrationForm .linkbottom { padding:6px 0px 6px 0px; font-size:8pt; font-family: arial,tahoma,verdana; }
.thanksForm td.message { text-align:center; padding-top:20px; font-size:8pt; font-family : arial,tahoma,verdana;}
.registrationForm .failure { color:#FF0000; padding:0px 0px 6px 0px; font-size:8pt; font-family: arial,tahoma,verdana;}

/* Form */
.contact{ margin:23px 20px 20px 10px; padding:0px;}
.guide-contact{font-weight:normal; font-family: arial,tahoma,verdana; font-size:9pt; padding:0px 5px 30px 10px;vertical-align:top; }
.thankyou{margin:20px; padding:0px; text-align:center;}
.message{margin:0px; padding:0px 0px 0px 0px;font-size:8pt;color:#8a7d71;font-family: arial,tahoma,verdana;} 
/* Sitemap */
.sitemapcontainer { margin:20px 20px 20px 70px; padding:0px; width:550px; float:right;}

.SiteMap { border: 0px solid #DDDDDD; font-family: arial,tahoma,verdana; font-size: 9pt; }
.SiteMapTableCell { padding: 5px; }
.RootNode { color: #8c9b9e; font-family: arial,tahoma,verdana; font-size: 9pt; font-weight: bold; padding-left:5px; } 
.RootNode a { color: #000; text-decoration:none; } 
.RootNode a:hover { color: #c9506a; text-decoration:underline; } 
.ParentNode { font-family: arial,tahoma,verdana; font-size:9pt; font-weight:bold;  padding-left:5px; } 
.ParentNode a { color: #000; text-decoration:none; } 
.ParentNode a:hover { color: #8c9b9e; text-decoration:underline; } 
.LeafNode { color: #8c9b9e; font-family: arial,tahoma,verdana; font-size:9pt;  padding-left:5px; } 
.LeafNode a { color: #8c9b9e; text-decoration:none; } 
.LeafNode a:hover { color: #c9506a; text-decoration:underline;} 
/* Sitemap */
.bgimage { margin: 0px; padding: 0px; background: url(/app_themes/default/images/giaohang.jpg) no-repeat;  }
