/* General Styles */
* { z-index: 10; margin: 0; padding: 0; }
html { width: 100%; background: #E2E8EE url(http://public-cfd.klocwork.biz/www/_img/_img/ui/bg/body.jpg) repeat-x; }
body { width: 1058px; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; margin: 0 auto; behavior: url(http://public-cfd.klocwork.biz/www/_js/_js/csshover3.htc); }
p { margin: 5px 0; }
h2 { color: #5A5A5A; }
a { text-decoration: none; cursor: pointer; color: #4575B4; }
a:focus, a:hover, a:active { color: #FF6600 ! important; text-decoration: underline; }
.png { behavior: url(http://public-cfd.klocwork.biz/www/_js/_js/iepngfix.htc); }
a img { border: 0; }
li a { color: #666666; }
a img { vertical-align: middle; }
.rss-icon { height: 12px; width: 12px; }
sup, sub { font-size: 0.8em; }
/* Miscellaneous */
#top-body-container { background: transparent url(http://public-cfd.klocwork.biz/www/_img/_img/ui/bg/header_29-07-10.jpg) no-repeat; width: 100%; margin: 0 auto; padding: 13px 0 0 0; }
#bottom-body-container { background: transparent url(http://public-cfd.klocwork.biz/www/_img/_img/ui/bg/footer.png) no-repeat 0 100%; width: 100%; margin: 0 auto 50px auto; padding: 0 0 50px 0; }
#top-body, #bottom-body { width: 1000px; margin: 0 auto; }
.swap .on { display: none; }
.swap:hover .on { display: inline; }
.swap:hover .off { display: none; }
/* Header */
#header-container { height: 70px; width: 100%; }
#header { position: relative; }
#header #logo { position: absolute; top: 0; left: 0; }
#corporate-menu { position: absolute; right: 0; top: 0; }
#corporate-menu ul { float: left; list-style: none; height: 18px; padding: 7px 0; border-bottom: 1px solid #D7D7D7; }
#corporate-menu ul li { float: left; line-height: 18px; border-right: 1px solid #D7D7D7; padding: 0 12px; }
#corporate-menu ul li.first { font-weight: bold; color: #559B39; cursor: default; }
#corporate-menu ul li.last { border-right: none; padding-right: 0; }
#corporate-menu ul li img { padding-right: 7px; }
#corporate-menu li a { padding: 1px 2px; }
#corporate-menu li a:hover { background-color:#66BA44; color:#FFFFFF ! important; text-decoration: none; }
#main-menu { z-index: 10000; position: absolute; left: 0; top: 35px; font-size: 14px; height: 23px; line-height: 23px; }
#search-area { position: absolute; right: 0; top: 40px; }
#search-area input { background-color: #FFFFFF; border: 1px solid #D7D7D7; color: #666666; padding: 2px 4px; width: 120px; margin: 0 7px; }
#search-area img { border: 1px solid #D7D7D7; vertical-align: text-bottom; }
#search-area label { display: none; }
#search-area a { color: #666666; }
/* Footer */
#footer-container { margin-top: 20px; width: 100%; }
#footer { border-top: 1px solid #DDDDDD; padding-top: 21px; text-align: center; color: #737373; font-size: 11px; }
#footer a { color: #737373; padding: 0 10px; }
#footer a img { padding-right: 4px; }
#footer a.rss.right { padding-right: 0; }
#footer a.rss.left { padding-left: 0; }
#footer span { padding: 0 5px; }
/* Homepage Full Banner */
#full-banner-container { height: 270px; position: relative; z-index: 1; }
#our-products-container { background: transparent url(http://public-cfd.klocwork.biz/www/_img/_img/home/featured-products-box.png) no-repeat; width: 358px; height: 265px; position: absolute; right: 0; top: 1px; }
#our-products { margin: 10px auto 0 auto; height: 230px; width: 256px; }
#our-products h2 { width: 232px; display: block; margin: 0 12px; padding: 15px 0 10px 0; border-bottom: 1px solid #D5E4E6; font-size: 22px; color: #013874; text-indent: 7px; }
#our-products div { margin-left: 16px; }
#our-products div.product { margin-top: 10px; }
#our-products .swap:hover .product-tag { color: #000000; }
#our-products .product-tag img { width: 18px; height: 16px; }
#our-products div.product-tag { margin-bottom: 15px; font-size: 11px; color: #444444; line-height: 13px; height: 16px; }
#our-products div.product-tag img { vertical-align: middle; margin-left: 5px; }
#full-banner-container #banner { background: transparent url(http://public-cfd.klocwork.biz/www/_img/_img/home/new-online-resources_29-07-10.jpg) no-repeat; width: 1000px; height: 250px; position: absolute; top: 15px; }
#banner a { position: absolute; top: 112px; left: 483px }
#button-container { position: absolute; bottom: 10px; left: 20px; }
#buttons { height: 100%; }
#buttons img { margin-right: 15px; vertical-align: middle; }
#buttons img.button { height: 46px; width: 150px; }
#productivity-tools-banner { width: 1000px; height: 33px; padding-bottom: 21px; line-height: 33px; }
#productivity-tools-banner img { vertical-align: middle; }
#productivity-tools { padding-right: 25px; margin-right: 25px; border-right: 1px solid #ADADAD; }
#productivity-tools-banner .dot { padding: 0 17px; height: 18px; width: 7px; }
/* Homepage News */
#infobox-container { position: relative; height: 195px; width: 100%; line-height: 13px; }
#about-klocwork-container, #blog-update-container { position: absolute; background: transparent url(http://public-cfd.klocwork.biz/www/_img/_img/ui/bg/box/sm.png) no-repeat; height: 195px; width: 268px; }
#about-klocwork-container { left: 0; }
#blog-update-container { right: 0; }
#about-klocwork, #blog-update { height: 175px; width: 222px; margin: 10px 23px; overflow: hidden; }
#about-klocwork { }
#blog-update p a, #blog-update span a { color: #4575B4; font-size: 11px; margin-top: 7px; display: block; }
#blog-update p a { margin-top: 0; display: inline; }
#blog-update div { color: #999999; font-size: 9px; }
#blog-update p { margin: 0; padding: 0; }
#infobox-container h2 { color: #5A5A5A; font-size: 12px; line-height: 26px; border-bottom: 1px solid #D7D7D7; }
#infobox-container p { font-size: 11px; color: #444444; }
#banner-rotator-container { position: absolute; background: transparent url(http://public-cfd.klocwork.biz/www/_img/_img/ui/bg/box/lg.png) no-repeat; height: 195px; width: 462px; left: 269px; }
#banner-rotator { height: 183px; width: 450px; margin: 6px; position: relative; }
#banner-rotator a { color: #4575B4; }
#banner-rotator-title { position: absolute; top: 20px; left: 17px; width: 296px; height: 11px; }
#banner-rotator-icons { position: absolute; bottom: 35px; left: 15px; width: 159px; height: 102px; }
#banner-rotator-button { position: absolute; bottom: 7px; right: 7px; width: 180px; height: 46px; }
#banner-rotator-features { position: absolute; left: 200px; top: 60px; line-height: 18px; }
/* Homepage Ticker */
#ticker-container { position: relative; height: 21px; padding-bottom: 12px; z-index: 11; }
#twitter-ticker-container { width: 256px; height: 21px; background: transparent url(http://public-cfd.klocwork.biz/www/_img/_img/ui/bg/bar-fade.png) repeat-x; border: 1px solid #D1D1D1; line-height: 21px; position: absolute; right: 5px; } 
#twitter-ticker-container img { position: absolute; right: 0; top: -6px; z-index: 11; width: 75px; height: 63px; }
#twitter-ticker { width: 100%; height: 100%; font-size: 10px; text-transform: uppercase; font-weight: bold; color: #4575B4; text-indent: 10px; }
#news-ticker-container { width: 719px; height: 21px; background: transparent url(http://public-cfd.klocwork.biz/www/_img/_img/ui/bg/bar-fade.png) repeat-x; border: 1px solid #D1D1D1; line-height: 21px; position: absolute; left: 5px; }
#news-ticker { width: 100%; height: 100%; font-size: 10px; }
#news-ticker div { padding: 0 10px; float: left; width: auto; }
#news-ticker div.box1 { border-right: 1px solid #D1D1D1; text-transform: uppercase; font-weight: bold; }
#news-ticker div.box2 { color: #444444; font-weight: normal; }
#news-ticker div.box2 a { color: #4575B4; font-weight: bold; }
#news-ticker img { float: right;  padding: 4.5px; }
/* Spry Menu Bar Horizontal */
@charset "UTF-8";
ul.MenuBarHorizontal { margin: 0; padding: 0; list-style-type: none; font-size: 100%; cursor: default; width: auto; }
ul.MenuBarActive { z-index: 1000; }
ul.MenuBarHorizontal li { margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: 8em; float: left; }
ul.MenuBarHorizontal ul { margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 8.2em; position: absolute; left: -1000em; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left: auto; }
ul.MenuBarHorizontal ul li { width: 8.2em; }
ul.MenuBarHorizontal ul ul { position: absolute; margin: -5% 0 0 95%; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; }
ul.MenuBarHorizontal ul { border: 1px solid #CCC; }
ul.MenuBarHorizontal a { display: block; cursor: pointer; background-color: #EEE; padding: 0.5em 0.75em; color: #333; text-decoration: none; }
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { background-color: #33C; color: #FFF; }
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible { background-color: #33C; color: #FFF; }
ul.MenuBarHorizontal a.MenuBarItemSubmenu { background-repeat: no-repeat; background-position: 95% 50%; }
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu { background-repeat: no-repeat; background-position: 95% 50%; }
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover { background-repeat: no-repeat; background-position: 95% 50%; }
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover { background-repeat: no-repeat; background-position: 95% 50%; }
ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; -ms-filter: "alpha(opacity=10)"; filter: alpha(opacity=10); opacity: 0.1; }
@media screen, projection { ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; float: left; background: #FFF; } }
/* Spry Menu Bar Horizontal Mod */
@charset "UTF-8";
ul.MenuBarHorizontal { float: left; display: inline; position:relative; border-left: 1px #d7d7d7 solid; z-index: 1000; }
ul#navsecond, ul#navfooter { border-left: none ;}
ul#navsecond { padding-bottom: 7px; margin-bottom: 7px; border-bottom: solid 1px #d7d7d7; }
ul.MenuBarHorizontal li, ul#navfooter li  { width: auto; border-right: 1px #d7d7d7 solid; }
ul#navfooter li { float:none; display: inline; }
ul#navsecond li { padding:0 1em; margin: 0 }
ul#navsecond img, ul#navfooter img { display: inline; margin-right:0.3em; vertical-align:text-bottom; padding-bottom: 1px; }
ul#navsecond li.last, ul#navfooter li.last { border-right: none; padding-right: 0 }
ul.MenuBarHorizontal ul { width: 15em !important; }
ul.MenuBarHorizontal ul li { padding:0; width:15em; }
ul.MenuBarHorizontal ul ul li { padding:0; width:15em; }
ul.MenuBarHorizontal ul { font-size: 0.9em; }
ul.MenuBarHorizontal ul ul { font-size: inherit; }
ul.MenuBarHorizontal ul ul { position: absolute; margin-left: 100%;margin-top:0; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: -1px; }
ul.MenuBarHorizontal ul { border: 1px solid #d7d7d7; background-color: #fff; margin-top:2px; }
ul.MenuBarHorizontal a { margin: 0; padding: 1px 1.0em; width: auto; background-color: transparent; }
ul#navsecond a { padding: 0; color: #666; }
ul#navfooter a { padding: 0 .5em; color: #666; }
body.freetrial ul.MenuBarHorizontal a#freetrial, body.solutions ul.MenuBarHorizontal a#solutions, body.products ul.MenuBarHorizontal a#products, body.resources ul.MenuBarHorizontal a#resources, body.company ul.MenuBarHorizontal a#company, body.news a#news { background-color: #8ace6e; color: #FFF; }
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { background-color: #66ba44 !important; color: #FFF !important; }
ul#navsecond a:hover, ul#navsecond a:focus { background: none; color: #fe581a; }
ul#navfooter a:hover, ul#navfooter a:focus { background: none; color: #fe581a; text-decoration: none; }
.hlist ul.MenuBarHorizontal a.MenuBarItemHover, .hlist ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, .hlist ul.MenuBarHorizontal a.MenuBarSubmenuVisible { background-color: #66ba44; color: #FFF; }
ul#navsecond a.MenuBarItemHover, ul#navsecond a.MenuBarItemSubmenuHover, ul#navsecond a.MenuBarSubmenuVisible { background: none; color: #fe581a; }
ul#navfooter a.MenuBarItemHover, ul#navfooter a.MenuBarItemSubmenuHover, ul#navfooter a.MenuBarSubmenuVisible { background: none; color: #fe581a; }
ul.MenuBarHorizontal a.MenuBarItemSubmenu {background-image: url(http://public-cfd.klocwork.biz/www/_img/menubar/menubar_down.png); background-repeat: no-repeat; background-position: 90% 55%; padding-right: 20px; }
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {background-image: url(http://public-cfd.klocwork.biz/www/_img/menubar/menubar_down_hover.png); background-repeat: no-repeat; background-position: 90% 55%; }
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {background-image: url(http://public-cfd.klocwork.biz/www/_img/menubar/menubar_right.png); background-repeat: no-repeat; background-position: 95% 52%; }
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {background-image: url(http://public-cfd.klocwork.biz/www/_img/menubar/menubar_right_hover.png); background-repeat: no-repeat; background-position: 95% 52%; }