/* Start of CMSMS style sheet 'styles' */ @charset "utf-8"; /************************************************* Redefined standard elements *************************************************/ html { overflow: -moz-scrollbars-vertical; } body { font-family: "Georgia", Arial, Helvetica, sans-serif; color: #414141; background: #eaeef0 url(uploads/images/bg_top.png) repeat-x; } a { text-decoration:none; color:#0087cb; } a:hover { text-decoration:underline; } p { margin:0; padding:0; font-size: 1.091em; line-height:1.4em; } h1 { } h1 a { display: block; text-indent: -9999px; overflow: hidden; } input { border:none; color:#666666;} label { color:#666666; font:1em Arial, Verdana, sans-serif; width:160px; display:inline; } select { border:none; color:#666666; font:1em Arial, Verdana, sans-serif; background: transparent; } *:first-child+html blockquote { width: 300px; font-size: 2.2em; word-spacing: .2em; letter-spacing: -.03em; margin: -30px 0 0 0; } /************************* Main layout **************************/ #container { width:980px; margin: 0 auto; background: transparent; text-align: left; position:relative; } #header { width:980px; text-align: center; position:absolute; top:0; left:0; height:91px; margin:16px 0; } #logo { position:absolute !important; top:15px; left:0; height:51px; width:247px; } #topnav { position:absolute !important; top:0 ; left:259px; width:721px; height:56px; font:1em Arial, Helvetica, Verdana, sans-serif; } #content {background: transparent url(/uploads/images/frame_content.gif) repeat-y scroll left top; width:980px; height:auto; float:left; position:relative; left:0; padding:0; margin:0 0 10px 0; } #bottom { width:980px; clear:both; } .hframe { background:url(uploads/images/home_frame.png) no-repeat; } .top { background:transparent url(uploads/images/frame_top.gif) no-repeat top left; padding-top:3px; } .bot { background:transparent url(uploads/images/frame_bottom.gif) no-repeat bottom left; padding-top:3px; } .two_column { width:698px; height:auto; } .graphicalitem { width:214px; height:286px; float:right; display:inline; background:url(uploads/images/graphical_element.jpg) no-repeat; } .leftMaincontainer { width:699px; height:auto; float:left; margin:20px 10px 0 20px; display:inline !important} .fortopImage { width:699px; height:auto; float:left; margin-bottom:89px;} .bot-box { width:236px; height:155px; background:url(uploads/images/bottom_box.png) no-repeat; float:left; margin-right:12px; } .bot-box-last { width:236px; height:155px; background:url(uploads/images/bottom_box.png) no-repeat; float:right; margin-right:0px; } .bot-box h2, .bot-box-last h2{padding-top: 13px;} .leftside { width:331px; height:160px; position:relative; } .top-images { width:698px; height:auto; float:left; display:inline; margin:20px 10px 0 20px; padding-bottom:40px; } #leftContent { width:424px; height:auto; float:left; display:inline; padding-bottom: 35px;} #leftContent2 { width:650px; height:auto; float:left; display:inline; padding-bottom: 35px; } #leftContent3 { width:650px; height:auto; float:left; display:inline; padding-bottom: 35px;} #middleContent { width:214px; height:auto; float:left; display:inline; margin:20px 15px;} #middleContent2 { width:214px; height:auto; float:right; display:inline; margin-left: 21px} #GlobalRightside { width:230px; height:auto; float:left; display:inline; margin:20px 20px 0 0; } #GlobalRightside .spotbox { width:230px; height: 77px; margin-bottom:6px; } #GlobalRightside .e-hansoft { width:230px; height:77px; background:url(uploads/images/right_5_boxes.jpg) no-repeat -20px -20px; } #GlobalRightside .e-hansoft:hover { width:230px; height:77px; background:url(uploads/images/right_5_boxes.jpg) no-repeat -260px -20px; cursor:pointer; } #GlobalRightside .w-hansoft { width:230px; height:77px; background:url(uploads/images/right_5_boxes.jpg) no-repeat -20px -102px; } #GlobalRightside .w-hansoft:hover { width:230px; height:77px; background:url(uploads/images/right_5_boxes.jpg) no-repeat -260px -102px; cursor:pointer; } #GlobalRightside .d-client { width:230px; height:77px; background:url(uploads/images/right_5_boxes.jpg) no-repeat -20px -184px; } #GlobalRightside .d-client:hover { width:230px; height:77px; background:url(uploads/images/right_5_boxes.jpg) no-repeat -260px -184px; cursor:pointer; } #GlobalRightside .t-support { width:230px; height:77px; background:url(uploads/images/right_5_boxes.jpg) no-repeat -20px -266px; } #GlobalRightside .t-support:hover { width:230px; height:77px; background:url(uploads/images/right_5_boxes.jpg) no-repeat -260px -266px;cursor:pointer; } #GlobalRightside .c-hansoft { width:230px; height:77px; background:url(uploads/images/right_5_boxes.jpg) no-repeat -20px -348px; } #GlobalRightside .c-hansoft:hover { width:230px; height:77px; background:url(uploads/images/right_5_boxes.jpg) no-repeat -260px -348px; cursor:pointer; } /************************* news page *************************/ #newscontent { width:424px; height:auto; float:left; display:inline; margin:0 20px; padding:16px 0 0 0; } #newscontent h5 { font-size: 1.27em; line-height: 1.3em; } .news_plusbtn { position:absolute; height:15px; padding-left:4px; margin-top:7px ;} .addthis { width:200px; height:20px; } /* jquery expand and collapse */ .showdiv { width: 37em; display: none; padding:5px; border:none; margin-bottom:30px} .showdiv_01 { width: 37em; display: none; padding:5px; border:1px solid #000; margin-bottom:20px; margin-top:20px; } .show { display:block; } .plus { font-weight: strong; font-family: arial,helvetica,sans-serif;} /*.minus { background: url(uploads/images/minus_btn.jpg) no-repeat; width:15px; height:15px; margin:0; padding:0; border:none; cursor:pointer; }*/ /************************* forms elements *************************/ /* libg - label input background */ #formholder1 { width:424px; } .libg { background:url(uploads/images/fancyform_label_txtbox.jpg) no-repeat; display:block; height:47px; width:424px; } .txtareabg { background:url(uploads/images/textarea_bg.jpg) no-repeat; display:block; height:177px; width:424px; } .txtarea { width: 406px; height: 128px; min-height: 128px; border:none;background:transparent;line-height:1.5em; overflow:hidden; } .fsubmitbtn { width:98px; height:25px; background:url(uploads/images/fancy_submit_btn.jpg) no-repeat; } /* jNice */ .jNiceSelectWrapper { width: auto; position: relative; height: 1.2em; font: normal 1em Arial, Verdana, sans-serif; margin-top: -16px; } .jNiceSelectWrapper div span { float: none; position: absolute; width:auto; height: 1em; line-height: 1em; padding: 4px 6px; overflow: hidden; margin-left: 170px; background: transparent; } .jNiceSelectWrapper div a { display: block; position: absolute; width: 20px; top: 0; height: 1.2em; margin-left: 390px; background: url(uploads/images/select_right.jpg) no-repeat; } .jNiceSelectWrapper ul { position: absolute; width: 236px; top: 16px; left: 172px; list-style: none; background: #fcfcfc; border: none; display: none; margin: 0; padding: 0; height: 150px; overflow: auto; overflow-y: auto; z-index: -10; } .jNiceSelectWrapper ul a { display: block; padding: 5px; text-decoration: none; color:#333; background-color: #f7f7f7; } .jNiceSelectWrapper ul a:hover { background: #fafafa; } .jNiceSelectWrapper ul a.selected { background: #f6f6f6; } /* ------------- * Hidden - used to hide the original form elements * ------------- */ .jNiceHidden { display: none; } /************************* Top navigation *************************/ #nav { width:721px; height:56px; background:url(uploads/images/navigation_sprite_ki.gif) no-repeat right -58px; } #nav a { text-decoration:none; color:white; cursor: pointer;} #nav ul { margin:0; padding:0; list-style:none; background: #F00;} #nav li { float:left; background:none; position:relative; margin-left:-9px; margin-right:-9px;} #nav #ul_holder { display:block; width:auto; height:56px; padding-left:13px; background:url(uploads/images/navigation_sprite_ki.gif) no-repeat 0px -58px;} #nav a { display:inline-block; margin:25px 9px 0 9px; padding:0 0 0 9px; background:url(uploads/images/navigation_sprite_ki.gif) no-repeat -60px -83px;} #nav a:hover { display:inline-block; margin:25px 9px 0 9px; padding:0 0 0 9px; background:url(uploads/images/navigation_sprite_ki.gif) no-repeat -9px -25px; } #nav a:hover .a_sp { display:inline-block; height:24px; width:auto; margin:0 0 0 0; padding:8px 9px 0 0; background:url(uploads/images/navigation_sprite_ki.gif) no-repeat right -115px; } #nav .a_sp { display:inline-block; margin:0; padding:8px 9px 0 0; height:24px; width:auto;} #nav .li_sp { display:inline-block; margin:0; padding:0 0 0 0; height:56px; width:auto;} #nav .active { float:left; position:relative; margin-left:-9px; background:url(uploads/images/navigation_sprite_ki.gif) no-repeat left -147px; } #nav .active .li_sp { display:inline-block; margin:0 ; padding:0 ; height:56px; width:auto; background:url(uploads/images/navigation_sprite_ki.gif) no-repeat right top; } #nav .active a { display:inline-block; margin:25px 9px 0 9px; padding:0 0 0 9px; background:url(uploads/images/navigation_sprite_ki.gif) no-repeat -9px -25px; } #nav .active a:hover { display:inline-block; margin:25px 9px 0 9px; padding:0 0 0 9px; background:url(uploads/images/navigation_sprite_ki.gif) no-repeat -9px -25px; } #nav .active .a_sp { display:inline-block; height:24px; width:auto; margin:0 0 0 0; padding:8px 9px 0 0; background:url(uploads/images/navigation_sprite_ki.gif) no-repeat right -115px; } .z2 { z-index:2;} .z3 { z-index:3;} .z4 { z-index:4;} .z5 { z-index:5;} .z6 { z-index:6;} .z7 { z-index:7;} .z8 { z-index:8;} .z9 { z-index:9; } .submenu { position:absolute; left:25px; height:23px; /*width:521px;*/ top:59px; } /*left: 43px*/ .submenu ul { margin:0; padding:0; list-style:none; float:left; } .submenu li { float:left; padding: 0; margin-right:3px;} .submenu a { display:inline-block; text-decoration:none; color:#516785; font-weight:normal; height:23px ; } .submenu .center { display:inline-block; height:19px; padding-top:4px; background:none; margin-right:7px;} .submenu .right { display:inline-block; height:23px; padding-top:0px; margin-left:7px;} .submenu a:hover .right { background:url(uploads/images/submenu_sprite.gif) no-repeat right top; } .submenu a:hover { background:url(uploads/images/submenu_sprite.gif) no-repeat left -24px; cursor:pointer; text-decoration:none; } .submenu .active a { background:url(uploads/images/submenu_sprite.gif) no-repeat left -73px; color:#FFF; text-decoration:none; cursor:default; } .submenu .active a .right { background:url(uploads/images/submenu_sprite.gif) no-repeat right -49px; } .submenu .active a .center { background:url(uploads/images/submenu_sprite.gif) no-repeat center -98px; } .submenu .active a:hover { background:url(uploads/images/submenu_sprite.gif) no-repeat left -73px; color:#FFF; cursor:default; } .submenu .active a:hover .right { background:url(uploads/images/submenu_sprite.gif) no-repeat right -49px; } .submenu .active a:hover .center { background:url(uploads/images/submenu_sprite.gif) no-repeat center -98px; } /****************************** Custom elements *******************************/ .selected { height:250px !important; } .floatleft { float: left; } .floatright { float: right; } .clearboth { clear: both; } .nofloat { float: none; } .overflow { overflow:hidden } .inline { display: inline; } .no_bg { background:transparent; } .dinblk { display: inline-block; } .bt-dashed { border-top: dashed 1px #ccc; } .border_bg { border-bottom: } .noborder { border: none; } .fontfamily { font-family: Arial, Helvetica, Verdana, sans-serif; } .hand { cursor:pointer; } .full { width:980px; height:auto; } .w224 { width:224px; } .wide3 { width:300px; } .top1 { margin-top:102px !important; } /******************************* common spacing classes *******************************/ .m0 { margin: 0; } .mt4 { margin-top: 4px; } .mt6 {margin-top: 6px;} .mt8 {margin-top: 8px; } .mt10 { margin-top:10px; } .mt13 { margin-top:13px; } .mt20 { margin-top:20px; } .mt30 { margin-top:30px; } .mt38{ margin-top:38px; } .mt56 { margin-top: 56px} .mt-5 { margin-top:-5px; } .mt-6 { margin-top:-6px; } .mt-10 { margin-top:-10px; } .mt-12 { margin-top:-12px; } .mt-18 { margin-top:-18px; } .mt-20 { margin-top:-20px; } .mt-58 { margin-top:-58px } .mt-60 { margin-top: -60px; } .mt-63 { margin-top: -63px; } .mt-70 { margin-top: -70px; } .mt-75 { margin-top:-75px } .mt-80 { margin-top:-80px } .mt-110 { margin-top:-110px; margin-top /*\**/:-20px\9; } .mt-197{margin-top:-197px} .mt-205 { margin-top:-205px} .mt-203 { margin-top:-205px} .mt-260{ margin-top:-260px; } .mt-380 {margin-top:-380px; } .mb0 { margin-bottom: 0px; } .mb4 {margin-bottom: 4px; } .mb10 { margin-bottom:10px; } .ml10 { margin-left:10px; } .ml20 { margin-left:20px} .ml40 { margin-left:40px; } .ml65 { margin-left:65px; } .ml68 { margin-left:68px; } .ml92 { margin-left:92px; } .ml138 { margin-left:138px; } .ml140 { margin-left: 140px} .ml114 { margin-left:114px; } .ml182 { margin-left: 182px; } .ml247 { margin-left: 247px; } .ml695 { margin-left:695px; } .ml21 { margin-left:21px} .mr12 { margin-right:12px; } .mr16 { margin-right: 16px; } .mr20 { margin-right: 20px; } .p0 { padding: 0; } .pt4 { padding-top: 4px; } .pt10 { padding-top: 10px; } .pt40 { padding-top:40px; } .pt60 { padding-top:60px; } .pt18{ padding-top:18px} .pt20 { padding-top:20px} .pt25 { padding-top:25px} .pl1em { padding-left:1em; } .pl10 { padding-left:10px; } .pl20 { padding-left:20px; } .pl30 { padding-left:30px; } .pl40 { padding-left:40px; } .pr4 { padding-right:4px; } .pr10 { padding-right:10px; } .pb3 { padding-bottom:3px; } .pb8 { padding-bottom:8px; } .pb10 { padding-bottom:10px } .pb16 { padding-bottom:16px; } .pb20 { padding-bottom:20px; } .pb25 { padding-bottom:25px; } .pb30 { padding-bottom:30px; } .pb36 { padding-bottom:36px; } *:first-child+html .news_plusbtn-ie7 { margin-top: 4px ; } * html .ie6mt-278 { margin-top: -498px !important; } * html .news_plusbtn-ie6 { margin-top: 4px ;} * html #nav #ul_holder { padding-left:34px;!important } * html .mr19-ie6 { margin-right:19px !important; } * html .mt-521-ie6 { margin-top:-521px !important; } *:first-child+html .mt-110-ie7 { margin-top:-110px; } /**************** Typo ****************/ .red { color: #bf2228; } .black { color: #242323; } .gray { color: #aaaaaa; } .larger-1 { font-size: 1.27em} .bold { font-weight: bold; } .tl { text-align: left; } .tr { text-align: right; } /****************************** Link specific styles *******************************/ .right_a_tag { width: 230px; height: 77px; display: block; } .date { display: inline; color: #9a9a9a; font: 1em Arial, Verdana, sans-serif; } #middleContent2 .follow { margin: 0; padding-bottom: 22px; border-bottom: 1px dashed #ccc;} #middleContent2 .follow ul { margin:0; padding:0; } #middleContent2 .follow a { text-decoration:none; display:block; width:110px; color:#999; font-family:Arial, Verdana, sans-serif; font-weight:normal; } #middleContent2 .follow li.rss { background: url(uploads/images/follow_hansoft.jpg) no-repeat 0 0; width: 14px; height: 14px; margin-bottom: 5px;} #middleContent2 .follow li.linkedin { background: url(uploads/images/follow_hansoft.jpg) no-repeat 0 -17px; width: 14px; height: 14px; margin-bottom: 5px;} #middleContent2 .follow li.twitter { background: url(uploads/images/follow_hansoft.jpg) no-repeat 0 -33px; width: 16px; height: 16px; margin-bottom: 5px; } #middleContent2 .follow li.facebook { background: url(uploads/images/follow_hansoft.jpg) no-repeat 0 -52px; width: 14px; height: 14px; margin-bottom: 5px;} #middleContent2 .follow li.flickr { background: url(uploads/images/follow_hansoft.jpg) no-repeat 0 -66px; width: 16px; height: 14px; margin-bottom: 5px;} #middleContent2 .follow li.youtube { background: url(uploads/images/follow_hansoft.jpg) no-repeat 0 -84px; width: 16px; height: 15px; } .narc { margin:0; padding:0 0 20px 0; border-bottom:1px dashed #ccc; } .narc { padding: 2px 0; } .narc a { font-size:1.09em;font-weight:normal; display: block; background: url(uploads/images/arrows-sprite-new.jpg) no-repeat; padding: 0 13px 8px 22px; height: 1em; line-height: 0.5em; color:#999; } .narc a.june { } .narc a.june:hover { background-position: 0 -85px; color:#617a99; } .narc a.may { } .narc a.may:hover { background-position: 0 -85px;color:#617a99; } .narc a.april { } .narc a.april:hover { background-position: 0 -85px;color:#617a99; } .narc a.march { } .narc a.march:hover { background-position: 0 -85px;color:#617a99; } .narc a.febr { } .narc a.febr:hover { background-position: 0 -85px;color:#617a99; } .narc a.janu { } .narc a.janu:hover { background-position: 0 -85px;color:#617a99; } * html .narc a { height: 1em; line-height: .8em; } *:first-child+html .narc a { height: 1em; line-height:.8em; } #leftContent .news_rm a { color:#333333; text-decoration:none; } #leftContent .news_rm a:hover { color:#333333; text-decoration:underline; } #flashcontent { width: 230px; height: 150px; float: left; margin: 4px 0 0 2px; z-index:2; } .z-in { z-index:4; } /************************** Misc classes *************************/ .selfClear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .selfClear { display: inline-block; } /* Hide from IE-mac \*/ * html .selfClear { height: 1%; } .selfClear { display: block; } /* End hide from IE-mac */ /************* * footer * **************/ #footer { margin:0; padding:0; font: 0.96em Arial, Helvetica, Verdana, sans-serif;color: #999999; background:url(uploads/images/footer_bg.png) no-repeat; height:36px; } #footer p { padding:10px 0 0 20px; } #footer img { margin-top:-28px; margin-left:902px; } /**************** Glossary ****************/ /* m mt ml mb mr - Margin, Top, Left, Bottom, Right p pt pl pb pr - Margin, Top, Left, Bottom, Right tl - Text-left tr - Text-right bg - Border Grey */ .selfClear:after { content: "."; display: block; height: 0 !important; clear: both; visibility: hidden; font-size: 0; line-height: 0; } .selfClear { display: inline-block; } /* Hide from IE-mac \*/ * html .selfClear { height: 1%; } .selfClear { display: block; } .disabled {color: #7f7f7f;} .separator {border-bottom: solid 1px #7f7f7f; padding-bottom: 5px; margin-bottom: 5px;} DIV.dropdown {width: 220px; height: 22px; position: relative; float:right; margin: 12px 12px 13px 0;} DIV.dropdown IMG {float:right; cursor: default; z-index: 500;} DIV.dropdown INPUT {width: 190px; height: 22px; border: none; background: transparent; cursor: default; margin:0; z-index: 500;} DIV.dropdown SELECT {float:left; background-color: #F6F6F6; position: absolute; width: 220px; height: auto; display: none; left: 0px;top: 22px; z-index:999;} .formitem { background: transparent url(../uploads/images/form_label_txtbox.jpg) no-repeat scroll 0 0; width: 424px; height: 47px; margin-bottom: 12px; } .formitem label {padding-left: 1em; line-height: 47px; float:left;} .formitem input, .formitem select {width: 220px; float:right; margin: 12px 12px 0 0;width: 220px; height: 22px; border: 1px solid #dbdbdb; background: #f1f1f1; z-index: 500;} .formitem IMG {z-index: 500;} .formitem input{height: 20px} .formarea textarea{ background: transparent url(/uploads/images/textarea_bg.jpg) top left no-repeat; width: 408px; height: 169px; border: none; padding: 8px 8px 0 8px; line-height: 20px; } .article H3, .articleTwo H3 {font-size: 1.75em;} .article .summary {font-size: 1.27em; letter-spacing: -0.02em; color: #414141; font-family: "Georgia",Times New Roman,Times,serif; font-weight: normal;} table.border_line{ border-left: 1px solid #a8a8a8; border-right: 1px solid #a8a8a8; border-top: 1px solid #a8a8a8; background-color: #D3D8D8; } table.border_line td { border-bottom: 1px solid #a8a8a8; } table.bi_polar2{ border-left: 1px solid #a8a8a8; border-top: 1px solid #a8a8a8; background-color: #D3D8D8; } table.bi_polar2 td { border-bottom: 1px solid #a8a8a8; border-right: 1px solid #a8a8a8; } div.error_message li { color: red; font-family: Arial; font-size: 12px; } .formbuilderform .submit input { cursor:pointer; } /**** **** **** reCAPTCHA **** **** ****/ /* End of 'styles' */