a:link { color:#00309C }
a:visited { color:#666666 }
a:active { color:#CC0033 }
a:hover { color:#CC0033 }

body { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:11px; color:#000000 }
td { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:11px; color:#000000 }
pre { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:11px; color:#000000 }
span { font-family:Verdana, Arial, Helvetica, Sans-serif }
sup { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:11px }

.small { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:10px }

.top-menu { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:10px; font-weight:bold; color:#FFFFFF; cursor:hand }
.top-menu:link { color:#FFFFFF; text-decoration:none; cursor:hand }
.top-menu:visited { color:#FFFFFF; text-decoration:none; cursor:hand }
.top-menu:active { color:#CC0033; text-decoration:none; cursor:hand }
.top-menu:hover { color:#CC0033; text-decoration:none; cursor:hand }

.top-menu-highlight { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:10px; font-weight:bold; color:#CC0033; cursor:hand }
.top-menu-highlight:link { color:#CC0033; text-decoration:none; cursor:hand }
.top-menu-highlight:visited { color:#CC0033; text-decoration:none; cursor:hand }
.top-menu-highlight:active { color:#CC0033; text-decoration:none; cursor:hand }
.top-menu-highlight:hover { color:#CC0033; text-decoration:none; cursor:hand }

.top-right-menu { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:10px; font-weight:bold; color:#CC0033 }
.top-right-menu:link { color:#000000; text-decoration:none }
.top-right-menu:visited { color:#000000; text-decoration:none }
.top-right-menu:active { color:#00309C; text-decoration:none }
.top-right-menu:hover { color:#00309C; text-decoration:none }

.sub-top { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:10px; color:#000000 }
.sub-top:link { color:#000000; text-decoration:none }
.sub-top:visited { color:#000000; text-decoration:none }
.sub-top:active { color:#CC0033; text-decoration:none }
.sub-top:hover { color:#CC0033; text-decoration:none }

.sub-top-highlight { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:10px; font-weight:bold; color:#CC0033 }
.sub-top-highlight:link { color:#CC0033; text-decoration:none }
.sub-top-highlight:visited { color:#CC0033; text-decoration:none }
.sub-top-highlight:active { color:#CC0033; text-decoration:none }
.sub-top-highlight:hover { color:#CC0033; text-decoration:none }

.breadcrumb { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:10px; color:#FFFFFF }
.breadcrumb:link { color:#FFFFFF; text-decoration:none }
.breadcrumb:visited { color:#FFFFFF; text-decoration:none }
.breadcrumb:active { color:#00309C; text-decoration:none }
.breadcrumb:hover { color:#00309C; text-decoration:none }

.home-product-links { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:10px; color:#FFFFFF }
.home-product-links:link { color:#FFFFFF }
.home-product-links:visited { color:#FFFFFF }
.home-product-links:active { color:#D6B67B }
.home-product-links:hover { color:#D6B67B }

.home-links { font-family:Verdana, Arial, Helvetica, Sans-serif; color:#000000 }
.home-links:link { color:#000000 }
.home-links:visited { color:#000000 }
.home-links:active { color:#CC0033 }
.home-links:hover { color:#CC0033 }

.home-title { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:12px; font-weight:bold; color:#000000 }
.home-text { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:10px }

.tab-title { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:10px; font-weight:bold; color:#000000; line-height: 0.9 }

.submenu { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:10px; color:#000000 }
.submenu:link { color:#000000 }
.submenu:visited { color:#000000 }
.submenu:active { color:#CC0033 }
.submenu:hover { color:#CC0033 }

.left-menu-title { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:12px; font-weight:bold; color:#FFFFFF; background-color:#999999 }
.left-menu { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:11px; font-weight:bold; color:#000000 }
.left-sub-menu { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:11px; color:#00309C }
.left-sub-menu-bullet { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:11px; color:#333333 }
.left-content { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:10px; color:#000000 }

.footer { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:11px; color:#00309C }
.footer:link { color:#00309C }
.footer:visited { color:#00309C }
.footer:active { color:#CC0033 }
.footer:hover { color:#CC0033 }

.product-title { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:12px; font-weight:bold; color:#CC0033 }
.product-title:link { color:#CC0033; text-decoration:none }
.product-title:visited { color:#CC0033; text-decoration:none }
.product-title:active { color:#00309C; text-decoration:none }
.product-title:hover { color:#00309C; text-decoration:none }

.copyright { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:10px; color:#000000 }

.page-title { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:14px; font-weight:bold; color:#000000 }
.avert-content { font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:11px; color:#000000 }
.red { color:#CC0033 }
.blue { color:#00309C }

.clCMEvent{position:absolute; z-index:300; width:100%; height:100%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:hidden}
.clCMAbs{position:absolute; width:10; height:10; left:0; top:0; visibility:hidden}

.clT,.clTover,.clS,.clSover,.clS2,.clS2over{position:absolute; overflow:hidden; width:130; height:25; cursor:pointer; cursor:hand}
.clT,.clTover{padding:4px; font-size:10px; font-weight:bold}
.clT{color:white; }   
.clTover{color:#FCCE55;}
.clS,.clSover{font-family:Verdana, Arial, Helvetica, Sans-serif; padding:2px; font-size:11px; font-weight:bold}
.clS2,.clS2over{padding:2px; font-size:11px;}
.clS,.clS2{color:#006699; background-color:#CDDBEB; layer-background-color:#CDDBEB;}
.clSover,.clS2over{color:#FFFFFF;}
.clSover,.clS2over,.clTover,.clB,.clBar{layer-background-color:#336699; background-color:#336699;}
.clB{position:absolute; visibility:hidden; z-index:300}
.clBar{position:absolute; width:10; height:10; visibility:hidden; }


.clWin{position:absolute; z-index:2; visibility:hidden; overflow:hidden; background-color:blue}
.clWindow{position:absolute; background-color:blue; overflow:hidden; z-index:15; width:200}
.clWinHead{position:absolute; width:200; top:0; font-family:arial,arial,helvetica; font-size:11px; font-weight:bold; color:white; background-color:transparent}
.clText{position:absolute; z-index:50; font-family:arial,helvetica; font-size:11px; background-color:transparent}
.clWinResize{position:absolute; z-index:30; width:30; height:30; clip:rect(0,30,30,0); background-image:url(http://www.advantech.ca/html/SC/engine/images/resize.gif); layer-background-image:url(resize.gif)}
.clLogo{position:absolute}
.clUp{position:absolute; width:12; height:12; z-index:60;}
.clDown{position:absolute; width:12; height:12; z-index:60;}
.clWinButtons{position:absolute; font-family:arial,helvetica; font-size:12px} 
.clWinHeading{color:black; font-size:15px; font-weight:bold} 
.clWinBy{color:#777777; font-size:10px;} 
.clWinText{color:black;} 
.clItems{position:absolute; visibility:hidden} 
.clMode{color:#336699; font-size:10px; font-weight:bold;} 
.clLine{Z-INDEX: 1; OVERFLOW: hidden; WIDTH: 100%; CLIP: rect(0px 100% 1px 0px); POSITION: relative; HEIGHT: 1px; BACKGROUND-COLOR: #fcce55; layer-background-color: #FCCE55} 
.clErrTxt{font-size:9px; color:red}