﻿#mainbody{ margin:0px; padding:0px;  background: url(/app_themes/default/images/bg.gif) repeat-y; }

#CanhCam_Wrapper { position:absolute; top:105px ;left:9px;margin:0px; padding:0px; width:760px; background-color:#ffffff}
#bannertop{position:absolute; top:0px ;left:0px;margin:0px; padding:0px 0px 0px 0px; background-color:#ffffff; width:100%}
#CanhCam_Head {margin:0px; padding:0px;}
#CanhCam_Content {margin:0px 0px 10px 0px; padding:0px;}
.content-left { float:left;margin:0px; padding:0px; width:233px}
.content-right {float:right;margin:0px; padding:30px 19px 0px 19px;width:489px;background: url(/app_themes/default/images/bg_content_right.gif) top left repeat-x}
#CanhCam_Footer {margin:0px; padding:8px 17px 10px 12px;background: url(/app_themes/default/images/bg_footter.gif) top left repeat-x}
#Page_Left{ float:left;width:9px; height:300px;background: url(/app_themes/default/images/bg_pageleft.gif) top left no-repeat; overflow:hidden}
#Page_Right { position:absolute; top:129px ;left:769px;margin:0px; padding:0px 0px 0px 11px;}
.clearboth{ clear:both}
.copyright{ padding:0px; margin:3px 0px 0px 0px ;float:right; text-align:right;font-size:8pt; font-weight:normal; font-family: arial,tahoma,verdana; width:415px;vertical-align:text-bottom}

#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:26px 6px 34px 0px; margin:10px 0px 10px 0px; border-bottom:solid #d8d8d8 1px; background: url(/app_themes/default/images/printlogo.gif) top left no-repeat;}

/*Menu*/
.frmenu { text-align:center;background: url(/app_themes/default/images/bg_frmenu.gif) repeat-x; height:32px; overflow:hidden;}
.MenuGroup { border: solid 0px #93B9AF; cursor:default; background-color:#93B9AF; }
.TopMenuItem {text-align:center; color:#f1d2d3; text-transform:uppercase; font-size:8pt; white-space:nowrap; font-weight:bold; font-family: arial,tahoma,verdana; cursor:pointer; padding:0px 0px 0px 0px; }
.TopMenuItemHover { text-align:center;color:#f5dcdc; text-transform:uppercase; font-size:8pt; white-space:nowrap; font-weight:bold; font-family: arial,tahoma,verdana; cursor:pointer; padding:0px 0px 0px 0px;background: url(/app_themes/default/images/bg_frmenu_active.gif) repeat-x }
.TopItemLookActive {text-align:center; color:#f5dcdc; text-transform:uppercase; font-size:8pt; white-space:nowrap; font-weight:bold; font-family: arial,tahoma,verdana; cursor:pointer;background: url(/app_themes/default/images/bg_frmenu_active.gif) repeat-x}
.TopItemLookActiveHover {text-align:center; color:#f5dcdc; text-transform:uppercase; font-size:8pt; white-space:nowrap; font-weight:bold; font-family: arial,tahoma,verdana; cursor:pointer;background: url(/app_themes/default/images/bg_frmenu_active.gif) repeat-x }
.MenuItem { border-top:solid 1px #ffffff ;padding:3px 0px 3px 0px;  background-color:#c92526; font-weight:normal; color:#ffffff; font-family:arial,tahoma,verdana; width: 150px; font-size:8pt; cursor:pointer;background: url(/app_themes/default/images/bg_frmenu_active.gif) repeat-x}
.MenuItemHover {border-top:solid 1px #ffffff; padding:3px 0px 3px 0px; background-color:#67890d; font-weight:normal; color: #ffffff; width: 150px; font-family:arial,tahoma,verdana; font-size:8pt; cursor:pointer;}
.TopMenuGroup{ width:760px;overflow:hidden;}
/*Menu*/

/* Nav */
.bottomnavbar { margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:left; float:left; width:305px; vertical-align:text-bottom }
.bottomnavbar ul {margin:0px; list-style-type:none; padding:0px;}
.bottomnavbar li {margin:0px; list-style-type:none; color:#323824; display:inline; padding:0px 0px 0px 0px; font-size:8pt; font-weight:normal; font-family: arial,tahoma,verdana;}
.bottomnavbar li a { color:#bec3b0; text-decoration:none;}
.bottomnavbar li a:hover { color:#bec3b0; text-decoration:underline;}
/* Nav */

/* hotnews */
.topnewslist{ margin:0px; padding:0px; border-bottom:solid 3px #585858;background-color:#d4d4d4}
.topnewslist h4{ margin:0px; padding:5px 12px;font-weight:bold; color: #e6eae2; text-transform:uppercase; font-family:arial,tahoma,verdana; font-size:9pt;background: url(/app_themes/default/images/bg_hotnews.gif) repeat-x }
.homenews{ margin:0px; padding:0px;}
.homenews h5 { margin:0px; padding:4px 17px;font-weight:normal; color: #313131; font-family:arial,tahoma,verdana; font-size:8pt}
.homenews h5 a { color: #313131; text-decoration:none}
.homenews h5 a:hover{ color: #313131; text-decoration:underline}
.homenews_sepa{ margin:0px; padding:0px; height:1px; background-color:#cbcaca; overflow:hidden}
/* hotnews */

/* homezone */
.homezone { margin:0px; padding:0px 0px 10px 0px; border-bottom:solid 1px #b7b7b7;border-top:solid 1px #b7b7b7; background-color:#d4d4d4}
.homezone h5 { margin:0px; padding:10px 12px 6px 12px;font-weight:bold; color: #2c500e; font-family:arial,tahoma,verdana; font-size:9pt}
.homezone h5 a { color: #2c500e; text-decoration:none}
.homeitem { margin:0px; padding:0px;}
.homeitem h5{ margin:0px; padding:0px 17px;}
.homeitem h5 a { text-decoration:none}
.homeitem h5 a img { width:198px}
/* homezone */

/* TopNews */
.topleft{ margin:0px; padding:0px; height:25px;background: url(/app_themes/default/images/bg_topleft.gif) top left repeat-x}
.TitleNews{ margin:0px; padding:0px;font-weight:normal; color: #ff0b0f; font-family:arial,tahoma,verdana; font-size:14pt }
.TitleNews a {color: #ff0b0f; text-decoration:none}
.ContentNews{ padding:12px 0px 18px 0px;font-family:arial,tahoma,verdana; font-size:8pt;}

.hometop{ margin:0px; padding:0px}
.hometop h5{ margin:0px; padding:0px}
.hometop h5 a img { width:440px;}
.hometop h4 { margin:0px; padding:12px 0px; width:440px;font-family:arial,tahoma,verdana; font-size:8pt; font-weight:normal; border-bottom:solid 1px #ebebeb}
.hometop h4 a {color: #686868;text-decoration:none; }
.continus a {color: #ff0b0f;text-decoration:none}
.continus a:hover{color: #ff0b0f;text-decoration:underline}

.homelist{margin:0px; padding:12px 0px}
.homelist h4 {margin:0px; padding:2px 20px 2px 15px;font-family:arial,tahoma,verdana; font-size:8pt; font-weight:bold; width:185px ;background: url(/app_themes/default/images/icon_home.gif) top left no-repeat}
.homelist h4 a {color: #484848;text-decoration:none}

.projecttop{ margin:0px; padding:0px 0px 12px 0px;}
.projecttop h1{ margin:0px; padding:0px; background: url(/app_themes/default/images/bg_projecthome1.gif) top left no-repeat; overflow:hidden; height:10px }
.projecttop h2{ margin:0px; padding:0px;  background: url(/app_themes/default/images/bg_projecthome3.gif) top left no-repeat; overflow:hidden; height:10px }
.contenthome{margin:0px; padding:5px 23px;  background: url(/app_themes/default/images/bg_projecthome2.gif) top left repeat-y;}
.projecttop h6{ margin:0px; padding:0px 0px 5px 0px; font-weight:bold; text-transform:uppercase; color: #ff1418; font-family:arial,tahoma,verdana; font-size:8pt}
/* TopNews */

/*Ad */
.partner {margin:0px; padding:0px; background-color:#ffffff; border-top:solid 1px #d4d4d4 ;border-right:solid 1px #d4d4d4}
.partner h5{margin:0px; padding:9px 12px;font-weight:bold; color: #4a821b; text-transform:uppercase; font-family:arial,tahoma,verdana; font-size:9pt;}
.partner h6{margin:0px; padding:0px 0px 0px 4px;}
.partner h6 img{ width:100px; border:solid 1px #d7d7d7}
.logo{margin:0px; padding:0px 0px 25px 4px;}
.bg{margin:0px; padding:0px; height:3px; background-color:#a9a9a9;overflow:hidden}

.systemcompany{margin:0px; padding:0px; }
.systemcompany h5{margin:0px; padding:11px 0px 15px 0px; text-transform:uppercase; color: #575757; font-family:arial,tahoma,verdana; font-size:11pt; font-weight:bold }
.systemitem{margin:0px; padding:0px; }
.systemitem h6{margin:0px; padding:0px; }
/*Ad */

/* facility */
.facility { margin:0px; padding:0px 0px 7px 0px; background: url(/app_themes/default/images/bg_facility.gif) top left repeat-x; background-color:#a6a6a6}
.facility h5 { margin:0px; padding:8px 12px 5px 12px; color:#c5c5c5;text-transform:uppercase; font-family:arial,tahoma,verdana; font-size:9pt }
.litesearch { margin:0px; padding:7px 17px 7px 12px;}
.textboxsearch{ height:18px; width:170px ;background: url(/app_themes/default/images/bg_searchtext.gif) top left repeat-x; border:solid 0px #ffffff; margin:0px 2px 0px 0px ; padding:0px;font-weight:normal; color: #000000; font-family:arial,tahoma,verdana; font-size:9pt;}
.weblink{ margin:0px; padding:0px 17px 0px 12px;}
.ccweblinks{margin:0px; padding:0px;  background: url(/app_themes/default/images/bg_weblink.gif) top right no-repeat; border:solid 0px #ffffff; background-color:#c3c3c3;font-family:arial,tahoma,verdana; font-size:9pt}
.HitCounter{margin:7px 17px 0px 12px; padding:0px; font-weight:bold ; color: #c5c5c5; font-family:arial,tahoma,verdana; font-size:8pt}

.searchresult {padding:0px 0px 0px 0px; font-size:11px; color:#353535; font-family: arial,tahoma,verdana;}
.searchitem{ padding:0px 32px}
.searchitem h5 {font-size:11px; padding:0px 0px 6px 0px; margin:0px; font-weight:bold; color:#1d66db; font-family: arial,tahoma,verdana;}
.searchitem h5 a { color:#1d66db; text-decoration:none; }
.searchitem h5 a:hover { color:#1d66db; text-decoration:underline; }
.searchitem h6 { border-bottom:1px solid #e1e1e1; padding:0px 0px 0px 0px;}

.searchform { text-align:center; }
.searchform { color:#000000; font-weight:bold; font-size:8pt; font-family : arial,tahoma,verdana;}
.searchform .textbox { height:16px; overflow:hidden; color:#000000; width:300px; margin-right:4px; margin-left:6px; font-weight:normal; font-size:8pt; font-family : arial,tahoma,verdana; border:solid 1px #95BBBF;}

.searchmessage { text-align:center; color: #FF0000; padding:15px 0px 15px 0px; font-family: arial,tahoma,verdana; font-size: 8pt; font-weight: bold; }
/* facility */

/* breadcrumb */
.breadcrumb{margin:0px 0px 10px 0px; padding:0px}
.breadcrumb_left { color: #ff191d; font-family:arial,tahoma,verdana; font-size:11pt; margin:0px; padding:0px; font-weight:bold}
.breadcrumb_left a { color: #ff191d;  text-decoration:none; }
/* breadcrumb */

.page_content{ height:30px;margin:10px 0px 0px 0px; padding:0px; border-top :solid 1px #e9e9e9; text-align:right; margin-right:0px;position:relative; right:0px }
.pager{ position:absolute; right:0px}

/* newsinzone */
.zoneitem h5{ margin:12px 0px; padding:0px; color:#363636 ;font-family:arial,tahoma,verdana; font-size:9pt;font-weight:bold}
.zoneitem h5 a {color:#363636; text-decoration:none}
.zoneitem h5 a:hover{color:#363636; text-decoration:underline}
.image_box img { margin:0px 15px 0px 0px; padding:0px; width:137px}
.content_box{padding:0px; color:#696969 ;font-family:arial,tahoma,verdana; font-size:9pt;font-weight:normal}
.newsinzone{ margin:0px; padding:0px}
.ListNews{ margin:0px; padding:0px}
.ListNews h1{ margin:0px; padding:0px; background: url(/app_themes/default/images/bg_projecthome1.gif) top left no-repeat; overflow:hidden; height:10px }
.ListNews h2{ margin:0px; padding:0px;  background: url(/app_themes/default/images/bg_projecthome3.gif) top left no-repeat; overflow:hidden; height:10px }
.detail-right{margin:0px; padding:5px 15px 5px 15px;  background: url(/app_themes/default/images/bg_projecthome2.gif) top left repeat-y;}
/* newsinzone */


/* Detail */
.newsdetail { padding:0px 0px 0px 0px; color:#525252}
.newscontent { color:#696969;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:#3f3f3f; font-size:10pt; font-family: arial,tahoma,verdana; padding:0px 0px 13px 0px}

.utibar {padding: 5px 0px 7px 0px; margin-top:10px; text-align:right; background: url(/app_themes/default/images/line_utilities.gif) top left repeat-x; }
.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; }
.otheritem h4 { font-size:10pt; padding:0px 0px 6px 0px; margin:0px; font-weight:bold; color:#ad1f27; font-family: arial,tahoma,verdana;}
.otheritem h5 { font-size:8pt; padding:0px 0px 6px 16px; margin:0px; font-weight:normal; color:#838383; font-family: arial,tahoma,verdana; background: url(/app_themes/default/images/icon_other_news.gif) top left no-repeat;}
.otheritem h5 a { color:#838383; text-decoration:none; }
.otheritem h5 a:hover { color:#838383; text-decoration:underline; }

/* Detail */

/* Photo */
.photoimage{ margin:0px; padding:0px;}
.photoimage h5{ margin:2px 0px 0px 0px; padding:6px 6px;background: url(/app_themes/default/images/bg_project.gif) top left no-repeat; width:135px; height:102px ;overflow:hidden;}
.photoimage h5 img{ width:135px; padding:0}
.photoimage h6{ margin:5px 0px; padding:0px;color:#363636; font-weight:bold; font-family: arial,tahoma,verdana; font-size:8pt; width:130px; text-align:center; vertical-align:middle}
.photoimage h6 a {color:#363636; text-decoration:none}
.photoimage h6 a:hover {color:#363636; text-decoration:underline}
.Photo{ margin:0px; padding:0px;}


/* Photo */
.showimage img { margin:10px 0px; width:210px; border:solid 0px #e8e8e8; padding:3px;  }
.phototeaser { font-size:8pt; text-align:left; padding:4px 0px 4px 0px; color:#666666; font-weight:normal; font-family: arial,tahoma,verdana;}
.photo_sepa { width:2px;}
/* Photo */


/* QA */
.kbquestion{ margin:0px; padding:0px 32px}
.qaitem { font-size:9pt; padding:0px 0px 6px 27px; font-weight:bold; color:#666666; font-family: arial,tahoma,verdana; background: url(/app_themes/default/images/bg_question.gif) left top no-repeat;}
.qaitem a { color:#666666; text-decoration:none; }
.qaitem a:hover { color:#666666; text-decoration:none; }
.qabrief {font-size:9pt; padding:0px 0px 6px 27px; color:#000000; font-family: arial,tahoma,verdana; }

.selecteditem { font-size:9pt; padding:0px 0px 6px 27px; font-weight:bold; color:#666666; font-family: arial,tahoma,verdana; background: url(/app_themes/default/images/bg_question.gif) left top no-repeat;}
.qafull { padding:0px 0px 6px 27px; font-weight:normal; font-size:9pt; color:#5a5a5a; font-family: arial,tahoma,verdana; }

.timetoask { padding:15px 32px 0px 32px; }
.timetoask h5 { padding:4px 0px 6px 28px; margin:0px; font-size:8pt; color:#000000; font-weight:bold; font-family: arial,tahoma,verdana;  background: url(/app_themes/default/images/bg_sendquestion.gif) top left no-repeat;}
.sendquestion { padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; cursor:pointer; font-size:8pt; color:#003399; font-weight:normal; font-family: arial,tahoma,verdana;}
a.sendquestion { color:#a9884a; text-decoration:underline;}
a:hover.sendquestion { color:#a9884a; text-decoration:none;}
/* QA */

/* project */
.projectimage{ margin:10px 0px 0px 0px; padding:0px}
.projectimage h5 { margin:0px 7px; padding:0px; height:315px; overflow:hidden}
.projectimage h5 img { width:441px}
.listimage{ margin:8px 0px; padding:0px}
.listimage h4{ margin:0px; padding:0px 0px 5px 3px}
.listimage h4 img{ width:80px; padding:0px 2px}
.listimage h3{ margin:0px; padding:0px}
.detail_project{margin:10px 0px; padding:0px;color:#ff0b0f; text-transform:uppercase; font-weight:bold; font-family: arial,tahoma,verdana; font-size:10pt;}
.othertitle{ margin:0px 0px 10px 0px; padding:0px;color:#ff0b0f;font-weight:bold; font-family: arial,tahoma,verdana; font-size:10pt;}
/* project */


/* Form */
.memberlogin { padding:50px 0px 40px 259px; }
.passwordrecovery { padding:80px 0px 70px 259px; }

.registrationForm td.label {text-align: left; font-weight:none; vertical-align:middle; white-space: nowrap; padding-left:0px; padding-right:10px; padding-bottom: 2px; font-size:9pt; font-family: arial,tahoma,verdana;}
.registrationForm td.label span.star {color: #E9786E; padding-right:6px;}
.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:222px; font-size:8pt; font-family : arial,tahoma,verdana; border:solid 1px #C0C0C0;}
.registrationForm .textbox1 {color:#000000; width:140px; 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; }
.thanksForm{}
.thanksForm td.message { text-align:center; padding-top:0px; 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;}
.contactinfo { font-size:9pt; padding:0px 0px 20px 0px; font-weight:normal; color:#6f6f6f; font-family: arial,tahoma,verdana;}
.contactaddress{ font-size:9pt; margin:30px 0px 0px 0px; padding:20px 0px 0px 0px; font-weight:normal; color:#911419; font-family: arial,tahoma,verdana;  border-top:dotted 1px #666666; width:100%}
/* Form */

.divAdRight {  position:absolute;  TOP: 129px; left:0px; padding:0px 0px 0px 11px;}	

/* OnlineSupport */
.hotline { margin:0px; color:#4a821b; text-transform:uppercase; font-weight:bold; font-size:12px; padding:10px 0px 10px 12px; font-family : arial,tahoma,verdana;}
.bgonline {background: url("/app_themes/default/images/bg_OnlineSupport.gif") no-repeat 30% 0%; height:41px; overflow:hidden; margin:0px 0px 0px 20px; }
.OnlineName { color:#c62121; font-weight:bold; font-size:8pt; font-family: arial,tahoma,verdana; padding:0px 0px 0px 35px; }
/* OnlineSupport */