﻿.mainbody { margin: 0px; padding: 0px;}

#canhcam-wrapper {width:950px; margin:0 auto; padding:0px;}
#canhcam-header { margin:0px; padding:0px; width:100%; position:relative;}
#canhcam-content { margin:0px; padding:0px; width:100%;  background: url(/app_themes/default/images/bg_frmiddle-content.gif) repeat-y;}
.frcontent-top { margin:0px; padding:0px;  background: url(/app_themes/default/images/bg_frtop-content.gif) no-repeat; height:17px; overflow:hidden;}
.frcontent-bottom { clear:both; margin:0px; padding:0px;  background: url(/app_themes/default/images/bg_frbottom-content.gif) no-repeat; height:15px; overflow:hidden;}
.content-LR {margin:0px; padding:0px; width:100%; }
.content-left { float:left; width:652px; position:relative; margin:0px; padding:0px;}
.content-right { float:right; width:298px; margin:0px; padding:0px;}
.zoneimg { position:absolute; top:-10px; right:6px; margin:0px; padding:0px;}
.default-content { margin:0px; padding-top:210px; width:100%; }
.default-content-left { float:left;  margin:0px; padding:0px;}
.default-content-right { float:right; width:270px; border-left:1px solid #4996ca; margin-top:20px; padding:0px;}


#canhcam-footer { padding:0px; margin:0px 0px 0px 0px; width:100%; clear:both;}
.frbottom { float:left; width:652px;}
.canhcam-copyright { float:right; width:298px; font-size:8pt; font-family: arial,tahoma,verdana; text-align:right; color:#b1b1b1; padding:8px 0px 20px 0px}
.canhcam-copyright a { color:#b1b1b1; text-decoration:none;}
.canhcam-copyright a:hover{ color:#b1b1b1; text-decoration:underline;}

/* Navigation bar */
.frmenu { margin:0px; padding:0px 0px 0px 0px; position:absolute; left:0px; bottom:0px;}
.MenuGroup { border: solid 0px #93B9AF; cursor:default; background-color:#93B9AF; }
.TopMenuItem { color:#717171; font-size:9pt; white-space:nowrap; font-weight:bold; font-family: arial,tahoma,verdana; cursor:pointer; padding:0px 0px 0px 0px; }
.TopMenuItemHover { color:#26a1e2; font-size:9pt; white-space:nowrap; font-weight:bold; font-family: arial,tahoma,verdana; cursor:pointer; padding:0px 0px 0px 0px; }
.TopItemLookActive { color:#26a1e2; font-size:9pt; white-space:nowrap; font-weight:bold; font-family: arial,tahoma,verdana; cursor:pointer;}
.TopItemLookActiveHover { color:#26a1e2; font-size:9pt; white-space:nowrap; font-weight:bold; font-family: arial,tahoma,verdana; cursor:pointer; }
.MenuItem { padding:3px 0px 3px 0px;  background-color:#489cd9; font-weight:normal; color:#ffffff; font-family:arial,tahoma,verdana; width: 150px; font-size:8pt; cursor:pointer;}
.MenuItemHover { padding:3px 0px 3px 0px; background-color:#daebf8; font-weight:normal; color: #303c50; width: 150px; font-family:arial,tahoma,verdana; font-size:8pt; cursor:pointer;}

.bottomnavbar {margin: 0px; padding:10px 0px 0px 0px; }
.bottomnavbar ul {margin:0px; list-style-type:none; padding:0px 0px 0px 0px;}
.bottomnavbar li {margin:0px; list-style-type:none; color:#8b8787; display:inline; padding:0px 0px 0px 4px; font-size:8pt; font-weight:normal; font-family: arial,tahoma,verdana;}
.bottomnavbar li a { color:#8b8787; text-decoration:none;}
.bottomnavbar li a:hover { color:#8b8787; text-decoration:underline;}

.leftnavbarparen .leftmenuparen { padding:4px 0px 4px 5px; color:#1681b9; text-transform:uppercase; margin:0px; font-size:8pt; font-weight:bold; font-family: arial,tahoma,verdana; }
.leftnavbarparen .leftmenuparen a {	color:#1681b9; text-decoration:none;}
.leftnavbarparen .leftmenuparen a:hover { color:#000000; text-decoration:none;}

.leftnavbarparen { margin:15px 14px 10px 20px; padding:0px;}
.leftnavbarparen h4 { border-bottom:solid 1px #d6d2d2; margin:0px; padding:0px;}

.leftnavbarparen .leftmenuparen_active { padding:4px 0px 4px 5px; text-transform:uppercase; color:#000000; margin:0px; font-size:8pt; font-weight:bold; font-family: arial,tahoma,verdana; }
.leftnavbarparen .leftmenuparen_active a {	color:#000000; text-decoration:none;}
.leftnavbarparen .leftmenuparen_active a:hover { color:#000000; text-decoration:none;}

.leftnavbarparen .childmenu1 {padding:4px 0px 4px 20px; margin:0px; font-size:8pt; font-weight:normal; font-family: arial,tahoma,verdana; color:#757575;}
.leftnavbarparen .childmenu1 a {color:#757575; text-decoration:none; }
.leftnavbarparen .childmenu1 a:hover {color:#1681b9; text-decoration:none;}

.leftnavbarparen .activechildmenu1 { padding:4px 0px 4px 20px; margin:0px; font-size:8pt; font-weight:normal; font-family: arial,tahoma,verdana; color:#1681b9;}
.leftnavbarparen .activechildmenu1 a {color:#1681b9; text-decoration:none;}
.leftnavbarparen .activechildmenu1 a:hover { color:#1681b9; text-decoration:none;}
/* Navigation bar */


/*Homenews*/
.brieefcontet { padding:20px 35px 0px 29px; color:#535353; font-size:8pt; font-weight:normal; font-family: arial,tahoma,verdana; text-align:justify;}
.readmore {color:#3896d5; font-size:8pt; font-weight:normal; font-family: arial,tahoma,verdana;}
.readmore a { color:#3896d5; text-decoration:none;}
.readmore a:hover { color:#3896d5; text-decoration:underline;}

.Teaserhomeitem {margin:0px; padding:0px;}
.titlehomeitem { margin:0px; padding:20px 0px 0px 29px; text-transform:uppercase; color: #1580b8; font-family: arial,tahoma,verdana; font-size: 9pt; font-weight: bold;}

.homeitem {margin:0px; padding:0px 22px 0px 29px;}
.homeitem h6 {margin:0px; color: #3896d5; padding:5px 0px 0px 0px; font-family: arial,tahoma,verdana;  font-size: 8pt; font-weight: normal;}
.homeitem h6 a { color:#3896d5; text-decoration:none; }
.homeitem h6 a:hover { color:#3896d5; text-decoration:underline; }
.homeitem h5 {border-bottom:1px solid #e1e1e1;  padding:3px 0px 3px 0px; margin:0px;}
/*Homenews*/

/*ad*/
.adhome { margin:0px; padding:0px 0px 10px 15px;}
.adright { margin:0px; padding:0px 0px 2px 22px;}
.adrightborder { padding:10px 0px 0px 0px;}
/*ad*/

/*poll*/
.poll { padding:0px; margin:0px 5px 0px 10px;}
.polltitle { margin:0px; padding:0px;}
.polltitle h5 { margin:0px 10px 0px 10px; padding:5px 0px 7px 0px; color:#e4e4e4; font-weight:bold; font-size:8pt; font-family: arial,verdana,tahoma;}
.polloption { padding:2px 0px 10px 10px; color:#e8e8e8; font-weight:normal; font-size:8pt; font-family: arial,verdana,tahoma;}
.formbutton { padding:2px 0px 10px 0px; text-align:center; color:#c2b88e;  font-size:10px; font-family : arial,tahoma,verdana; border:solid 0px #9196a2; background: url(/app_themes/default/images/bg_btvoll.gif) no-repeat top;}
.formbutton a { color: #c2b88e; text-decoration:none; } 
.formbutton a:hover { color: #c2b88e; text-decoration:none;} 
.totvotes {  margin-top:8px; padding:2px 0px 10px 0px; text-align:center; color:#e8e8e8;  font-size:10px; font-family : arial,tahoma,verdana;}
.borderformbutton {text-align:center;  margin:0px; padding:0px;}

.buttonv { margin:4px 0px 0px 0px; text-decoration:none; padding:2px 20px 10px 22px; text-align:center; color:#c2b88e;  font-size:10px; font-family : arial,tahoma,verdana; background: url(/app_themes/default/images/bg_btvoll.gif) no-repeat top;}
.buttonv a { color: #1d68dd; text-decoration:none; } 
.buttonv a:hover { color: #1d68dd; }
.lblbottom { padding:10px 0px 10px 0px;text-align:center;}
/*poll*/

/*homezone*/
.homezone { margin:0px; padding:0px 0px 0px 15px;}
.homezonetitle {margin:0px; padding:0px 0px 5px 0px; color:#ffffff; text-transform:uppercase; font-size:8pt; font-weight:bold; font-family : arial,tahoma,verdana;}
.homezoneboder { width:78px; margin:0px; padding:0px;}
.homezoneteaser { padding:4px 0px 6px 0px; color:#d7d7d7; font-size:8pt; font-weight:normal; font-family : arial,tahoma,verdana;}
.homezoneteaser a { color: #d7d7d7; text-decoration:none; } 
.homezoneteaser a:hover { color: #d7d7d7; }
.separatorhomezone { width:10px; padding:0px; margin:0px; }

/*homezone*/

/*zone*/
.breadcrumb { padding:10px 0px 5px 0px; margin:0px 26px 5px 14px; font-size:9pt; color:#ffffff; font-weight:bold; font-family: arial,tahoma,verdana; text-transform:uppercase }
.breadcrumb a { color:#ffffff; text-decoration:none;}
.breadcrumb a:hover { color:#ffffff; text-decoration:underline;}

.newsinzone { padding:0px 0px 0px 0px; margin:0px 6px 0px 6px; background-color:#ffffff; border-top:solid 8px #e8e8e8;}
.zoneitem { padding:12px 17px 0px 17px; margin:0px;}
.zoneteaser {font-size:8pt; padding:0px 0px 4px 0px; margin:0px; font-weight:bold; color:#484848; font-family: arial,tahoma,verdana;}
.zoneteaser a { color:#484848; text-decoration:none; }
.zoneteaser a:hover { color:#484848; text-decoration:underline; }
.zonebrief {font-size:8pt; padding:0px 0px 4px 0px; margin:0px; font-weight:normal; color:#6b6b6b; font-family: arial,tahoma,verdana;}
.zoneitem h6 { overflow:hidden; height:1px; padding:0px; margin:7px 0px 7px 0px; }

.image-box { width:1px; vertical-align:top; }
.image-box img { margin-right:15px; padding:2px; }

.pager-container { position:relative; height:20px; margin:4px 6px 0px 0px;}
.pager {position:absolute; top:5px; right:0px;}
.pager-product { position:relative; height:30px; margin:8px 25px 0px 17px;}
/*zone*/

/*product*/
.frproduct {background-color:#ffffff;  padding:15px 0px 15px 9px; margin:0px 6px 0px 6px; border-top:solid 8px #e8e8e8;}
.width-product { margin:0px; padding:0px; width:146px;}
.product-teaser {font-size:8pt; padding:8px 0px 8px 0px; margin:0px; font-weight:normal; color:#6e6a6a; font-family: arial,tahoma,verdana;}
.product-teaser a { color:#6e6a6a; text-decoration:none; }
.product-teaser a:hover { color:#6e6a6a; text-decoration:underline; }
.separatorproduct { width:7px; padding:0px; margin:0px; }
/*product*/


/* Detail */
.newsdetail { padding:10px 20px 0px 20px; margin:0px 6px 0px 6px; background-color:#ffffff; border-top:solid 8px #e8e8e8;}
.newscontent {padding:0px 0px 0px 0px; font-weight:normal; padding:0px; color:#6b6b6b; font-size:8pt; font-family: arial,tahoma,verdana;}

.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:#2f85ad; font-size:10pt; font-family: arial,tahoma,verdana; padding:0px 0px 13px 0px}

.utibarproduct { margin:0px 25px 0px 17px; padding: 0px 0px 7px 0px; margin-top:10px; text-align:right; border-top:dotted 1px #cecece;}
.utibar {padding: 5px 0px 7px 0px; margin-top:10px; text-align:right; border-top:solid 1px #e3e3e3;}
.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:12px 0px 10px 0px; }
.otheritem h4 { font-size:9pt; padding:0px 0px 8px 0px; margin:0px; font-weight:bold; color:#3390c1; font-family: arial,tahoma,verdana; text-transform:uppercase;}
.otheritem h5 { font-size:8pt; padding:0px 0px 4px 0px; margin:0px; font-weight:normal; color:#5d5d5d; font-family: arial,tahoma,verdana;}
.otheritem h5 a { color:#5d5d5d; text-decoration:none; }
.otheritem h5 a:hover { color:#5d5d5d; text-decoration:underline; }
/* Detail */

/* Form */
.memberlogin { padding:50px 0px 40px 259px; }
.passwordrecovery { padding:80px 0px 70px 259px; }

.registrationForm td.label {text-align: right; font-weight:bold; vertical-align:middle; white-space: nowrap; padding-left:10px; padding-right:10px; padding-bottom: 2px; font-size:8pt; font-family: arial,tahoma,verdana;}
.registrationForm td.label span.star {color: #E9786E; padding-right:6px;}

.registrationForm td.label1 {text-align: left; font-weight:bold; vertical-align:middle; white-space: nowrap; padding-left:10px; padding-right:10px; padding-bottom: 2px; font-size:8pt; font-family: arial,tahoma,verdana;}
.registrationForm td.label4 {text-align:center; font-weight:bold; text-transform:uppercase; vertical-align:middle; white-space: nowrap; padding-left:10px; padding-right:10px; padding-bottom: 4px;padding-top: 4px; font-size:8pt; font-family: arial,tahoma,verdana; background-color:#bfdef0; margin:20px 0px}
.registrationForm td.label2 {text-align: right; font-weight:normal; color:#cc0000; vertical-align:middle; white-space: nowrap;  word-spacing:35px;padding-left:0px; padding-right:30px; padding-bottom: 2px; font-size:8pt; font-family: arial,tahoma,verdana;}
.registrationForm td.label1 span.star {color: #E9786E; padding-right:6px;}
.registrationForm td.label3 { width:250px;text-align: left; font-weight:bold; vertical-align:middle; padding-left:10px; padding-right:10px; padding-bottom: 5px;padding-top: 5px; font-size:8pt; font-family: arial,tahoma,verdana;}
.registrationForm td.label5 { width:220px;text-align: left; font-weight:normal; vertical-align:middle; padding-left:40px; padding-right:10px; padding-bottom: 5px;padding-top: 5px; font-size:8pt; font-family: arial,tahoma,verdana;}
.registrationForm td.editor {  vertical-align:top; padding-bottom:3px; font-size:8pt; font-family: arial,tahoma,verdana;}
.registrationForm td.editor select { font-size:8pt; margin-top:3px; 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:250px; font-size:8pt; font-family : arial,tahoma,verdana; border:solid 1px #C0C0C0;}
.registrationForm .textbox1 {color:#000000; width:200px; font-size:8pt; font-family : arial,tahoma,verdana; border:solid 1px #C0C0C0;}
.registrationForm .textbox2 {color:#000000; width:210px; font-size:8pt; font-family : arial,tahoma,verdana; border:solid 1px #C0C0C0;}
.registrationForm .buttonCell input {background: url("/app_themes/default/images/bg_button.gif") no-repeat 0% 0%; width:63px; height:21px; color:#666666; font-size:8pt; font-family : arial,tahoma,verdana; border:none;}
.registrationForm .buttonCell input:hover { color:#D03222; }
.registrationForm .linkbottom { padding:6px 0px 6px 0px; font-size:8pt; font-family: arial,tahoma,verdana; }
.message { text-align:center; padding-top:10px; font-size:8pt; font-family : arial,tahoma,verdana;}
.thanksForm td.message { text-align:center; padding-top:10px; 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;}
.button{background: url("/app_themes/default/images/bg_button.gif") no-repeat 0% 0%; width:63px; height:21px; color:#666666; font-size:8pt; font-family : arial,tahoma,verdana; border:none;}

.radiobuttonList{}
.radiobuttonList td { width:75px}


.radiobuttonList1{}
.radiobuttonList1 td { width:100px}
.radiobuttonList2{}
.radiobuttonList2 td { width:125px}
.checkboxlist{}
.checkboxlist td{ width:210px}
.ck { padding:0px 10px 0px 2px}
.lbltext { text-align:center; font-weight:normal; color:#cc0000; padding:0px 3px;}

#canhcam-print-container {width:798px; margin:0 auto;}
#canhcam-print-footer {color:#3499e2; font-size:8pt; font-family: arial,tahoma,verdana; border-top:solid #d8d8d8 1px; padding-top:7px; margin-top:10px;}
#canhcam-print-footer a {color:#3499e2; text-decoration:none;}
#canhcam-print-footer a:hover {color:#003399; text-decoration:underline;}
#canhcam-print-header {color:#3499e2; font-size:10pt; font-weight:bold; text-transform:uppercase; font-family: arial,tahoma,verdana; text-align:right; padding:0px 6px 34px 0px; margin:0px 0px 10px 0px; border-bottom:solid #d8d8d8 1px; background: url(/app_themes/default/images/printlogo.gif) top left no-repeat; height:65px; overflow:hidden;}

/* Form */


/* Contact */
.frcontact { padding:10px 20px 10px 20px; margin:0px 6px 0px 6px; background-color:#ffffff; border-top:solid 8px #e8e8e8;}
.contactinfo {font-size:8pt; padding:10px 0px 10px 0px; font-weight:normal; color:#6f6f6f; font-family: arial,tahoma,verdana; border-bottom:solid 1px #e8e8e8; margin:0px 25px 0px 20px;}

.contact { margin:0px 0px 0px 0px; padding:10px 0px 0px 120px; }
.customer{ margin:0px 18px 0px 30px; padding:20px 0px 0px 0px; }
/* Contact */

/* Sitemap */
.sitemapcontainer { padding:10px 20px 10px 20px; margin:0px 6px 0px 6px; background-color:#ffffff; border-top:solid 8px #e8e8e8;}

.SiteMap { border: 0px solid #DDDDDD; font-family: arial,tahoma,verdana; font-size: 8pt; }
.SiteMapTableCell { padding: 5px; }
.RootNode { color: #4c4c4c; font-family: arial,tahoma,verdana; font-size: 8pt; font-weight: bold; padding-left:5px; } 
.RootNode a { color: #4c4c4c; text-decoration:none; } 
.RootNode a:hover { color: #4c4c4c; text-decoration:underline; } 
.ParentNode { font-family: arial,tahoma,verdana; font-size:8pt; font-weight:bold;  padding-left:5px; } 
.ParentNode a { color: #3499e2; text-decoration:none; } 
.ParentNode a:hover { color: #3499e2; text-decoration:underline; } 
.LeafNode { color: #3499e2; font-family: arial,tahoma,verdana; font-size:8pt;  padding-left:5px; } 
.LeafNode a { color: #3499e2; text-decoration:none; } 
.LeafNode a:hover { color: #3499e2; text-decoration:underline;} 
/* Sitemap */

/*popup*/
.projectdetail { padding:0px 0px 0px 0px; color:#525252; margin:0px auto;}
.zoneproject { margin:0px; padding:0px;}
.zoneproject h5 { margin:0px; padding:0px; text-align:center;}
.zoneproject h6 {font-family: arial,tahoma,verdana; font-size:8pt;  font-weight:normal;}
.borderimgpopup { border:10px solid #1681b9;}
.logo { margin:0px; padding:0px; text-align:center;}
/*popup*/