/****************************************************************************
HINTTECH.COM | Style Definitions

Type		: Gloval Style Sheet
Media		: Screen (screen,projection,tv)
Version		: 4.3.q

MAIN COLOR TABLE:
Text		: #414951
Links		: #6495ed
Links over	: #0019a8 (HintTech Orange)
****************************************************************************/


/*** GLOBAL ELEMENTS & CLASSES ***/

body{background:#fff url(/images/page_bg_header.png) repeat-x top;font-size:12px;line-height:18px}
h1{letter-spacing:-1px}


/*** HEADER ***/

#wrapperHeader{width:100%;height:70px}
#pageHeader{width:982px;margin:5px auto}
#headerLogo{display:inline;width:200px;float:left;margin-top:3px;background:url(/images/hinttech_logo.png) no-repeat;height:66px}
#headerLogoIE,#headerLanguageWebKit{display:none!important}
#headerLanguage{display:inline;width:35px;height:20px;float:right;margin:3px 0 0 0;padding:0;font-weight:normal;background:transparent url(/images/header_seperator.png) no-repeat top left}
#headerSearch{margin:3px 0 13px 430px;background:none;width:300px;float:left;text-align:right;height:30px}
#headerSearch form{margin-left:0}
#headerSearch input{margin:0;color:#414951;font-weight:normal;width:150px;height:20px;padding:2px 5px 0 30px;background:transparent url(/images/header_search_bg.png) no-repeat}

/* Nav Corporate */
#headerNav{width:700px;float:right;margin:0;height:20px;position:relative;height:32px;z-index:100}
#headerNav ul,.nav{float:right}
.nav *{margin:0;padding:0;list-style:none}
.nav{line-height:1.0}
.nav ul{display:inline;width:18em;/* left offset of submenus need to match (see below) */ position:absolute;top:-999em}
.nav ul li{width:100%}
.nav li:hover{visibility:inherit/* fixes IE7 'sticky bug' */}
.nav li{float:left;background:transparent url(/images/header_seperator.png) no-repeat left;position:relative}
.nav li.first{background-image:none}
.nav a{position:relative;padding:0;background:none;color:#414951;font-weight:normal}
.nav li:hover ul,.nav li.navHover ul{left:0;top:2.5em;z-index:99}
.nav li.navMobileLink{display:none}
ul.nav li:hover li ul,ul.nav li.navHover li ul{top:-999em}
ul.nav li li:hover ul,ul.nav li li.navHover ul{left:18em;top:0}
ul.nav li li:hover li ul,ul.nav li li.navHover li ul{top:-999em}
ul.nav li li li:hover ul,ul.nav li li li.navHover ul{left:18em;top:0}
.nav{float:left;margin-bottom:1em}
.nav a{padding:.75em 1em;text-decoration:none}
.nav a,.nav a:visited{color:#414951}
.nav li{background:transparent}
.nav li li,.nav li li li{background:#fff}
.nav li:hover,.nav li.navHover,.nav a:focus,.nav a:hover{color:#fff;background:#6495ed;background-image:none;outline:0}
.nav li.current a{font-weight:900}
.nav li.current li a{font-weight:normal}
.nav a:active{color:#0019a8!important}
.nav a.sf-with-ul{padding-right:2.25em;min-width:1px/* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator{width:10px;display:block;background:url(/images/nav_arrows.png) no-repeat -10px -100px;text-indent:-999em;position:absolute;right:.75em;top:1.05em;/* IE6 only */ height:10px;overflow:hidden}
a > .sf-sub-indicator{background-position:0 -100px;/* use translucent arrow for modern browsers*/ top:.8em}
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.navHover > a > .sf-sub-indicator{background-position:-10px -100px/* arrow hovers for modern browsers*/}
.nav ul .sf-sub-indicator{background-position:-10px 0}
.nav ul a > .sf-sub-indicator{background-position:0 0}
.nav ul a:focus > .sf-sub-indicator,.nav ul a:hover > .sf-sub-indicator,.nav ul a:active > .sf-sub-indicator,.nav ul li:hover > a > .sf-sub-indicator,.nav ul li.navHover > a > .sf-sub-indicator{background-position:-10px 0/* arrow hovers for modern browsers*/}
.sf-shadow ul{padding:0 8px 9px 0;background:url(/images/nav_shadow.png) no-repeat bottom right;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px}
.sf-shadow ul.sf-shadow-off{background:transparent}


/*** CONTENT ***/

#wrapperContent{background:url(/images/page_bg_content-bot.png) repeat-x bottom;width:100%;z-index:60}
#pageContent{background:none;width:982px;margin:0 auto;margin-top:20px;padding-bottom:10px}
#contentBanner{display:inline;width:982px;margin:0 0 5px 0;height:250px}

/* Featured */
#featured{width:982px;padding-right:0;background:url(/images/s-features_bg.jpg) repeat-x top;/*z-index:10!important*/ position:relative;height:250px}
#featured ul.ui-tabs-nav{padding:0;margin:0;width:210px;list-style:none;position:absolute;top:0;left:772px}
#featured ul.ui-tabs-nav li{padding:1px 0 1px 3px;padding-left:13px}
#featured ul.ui-tabs-nav li img{float:left;margin:2px 5px;padding:2px;border:1px solid #fff;background:#fff}
#featured ul.ui-tabs-nav li span{line-height:18px}
#featured li.ui-tabs-nav-item a{padding-right:3px;display:block;color:#6495ed;background:transparent;height:60px}
#featured li.ui-tabs-nav-item a:hover{background:#6495ed;color:#fff}
#featured li.ui-tabs-selected{background:url('/images/selected-item.png') top left no-repeat}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{background:#b9d0f7;color:#000}
#featured .ui-tabs-panel{width:772px;background:transparent;height:250px;position:relative}
#featured .ui-tabs-panel .info{width:772px;background:url('/images/s-transparent-bg.png') no-repeat;position:absolute;top:170px;left:0;height:80px}
#featured .info h2{padding:20px 10px 5px 10px;margin:0;color:#6495ed;font-size:1.4em;font-weight:bold;overflow:hidden;text-shadow:rgba(0,0,0,0.01) 0 0 0;}
#featured .info p{margin:0 10px;color:#fff;line-height:1.2em/*background: transparent url(/images/s-transparent-p_bg.png) repeat;*/}
#featured .info a{color:#fff;text-decoration:none;text-shadow:rgba(0,0,0,0.01) 0 0 0;}
#featured .info a:hover{text-decoration:underline}
#featured .ui-tabs-hide{display:none}

/* Content Column Wrapper */
#contentLeftColumn{display:inline;width:200px;float:left;margin-top:10px;position:relative}
#contentMiddleColumn{padding:0;width:540px;float:left;margin:10px 0 0 15px}
#contentRightColumn{margin-top:10px;border:0;padding:0;width:200px;float:right}

/* Containers */
.container{padding:10px 10px 0 10px;border:1px solid #eaebf2;background:url(/images/container_bg_silver.png) no-repeat 0 1px;min-height:20px;-moz-border-radius:5px;-webkit-border-radius:5px}
.containerTrailer{padding:6px 0;width:100%;display:block;background:url(/images/container_bg_trailer.png) no-repeat top left}
#contentMiddleColumn .container{border:0;padding-bottom:10px;background-image:none;-moz-border-radius:0px;-webkit-border-radius:0px}
#contentLeftColumn .container,#contentRightColumn .container{background-color:#fff}
.container h1 a,.container h2 a,.container h3 a{color:#000}
.container h1 a:hover,.container h2 a:hover,.container h3 a:hover{color:#0019a8}
.topicOver{background-image:none;background:#ecf3fe url(/images/container_bg_blue.png) no-repeat 0 1px!important;cursor:pointer}
.topicOver a,.topicOver h3 a{color:#0019a8}

/* Lists */
#pageContent ul.bandedList a:hover{display:block;background:url(/images/list_bg_hover.png) repeat-x;color:#0019a8}
#pageContent ul.htBullet{width:180px;margin-top:1em}
#pageContent #contentMiddleColumn ul.htBullet{width:90%}
#pageContent ol.topicMatrix{overflow:auto}
#pageContent ol.topicMatrix li{float:left;margin:0 0 15px 0;padding:5px;width:235px}
#pageContent ol.topicMatrix li.topicRight{margin-left:10px}
#pageContent ol.topicMatrix li.hover{border-color:#b9c1c9;background:#ecf3fe;cursor:pointer}
#pageContent ol.topicMatrix li.hover a{color:#0019a8}
#pageContent ol.topicMatrix img.topicImage{margin:2px 5px 5px 0}
.hotZoneListOver{background:#ecf3fe;cursor:pointer}
.hotZoneListOver p.newsDate{color:#414951}
.hotZoneListOver a{color:#0019a8}

/* Readon */
a.readon,a:link.readon,a.readon:link,a:visited.readon,a.readon:visited{padding-left:13px}
a:hover.readon,a.readon:hover{padding-left:13px;color:#0019a8;background:url(/images/readon_bg_hover.png) no-repeat;text-decoration:none}

/* Pull-in Quotes */
.quoteRight,.quoteleft{padding:10px 20px;width:200px;margin:0;-moz-border-radius:5px;-webkit-border-radius:5px}
.quoteleft{float:left;margin:5px 10px 5px 0}
.quoteRight{float:right;margin:5px 0 5px 10px}

/* Add This */
#addThis{display:inline;position:absolute;bottom:20px;left:0}

/* Misc screen-media specific */
#questionWebKit{display:none}


/*** FOOTER ***/

#wrapperFooter{width:100%}
#pageFooter{width:982px;margin:0 auto;padding:5px 0;background:none}
#pageFooter h3{display:block;width:500px;padding:11px 0 0 80px;font-weight:normal;color:#89929b;height:27px;background:transparent url(/images/hinttech_logo2009_footer.png) no-repeat top left}
#pageFooter ul{padding:0 0 0 40px;margin:10px 0 0 0;width:150px;float:left}
#pageFooter ul li{color:#b9c1c9}
#pageFooter ul.FirstColumn{padding:0}
#pageFooter ul a,#pageFooter ul a:link,#pageFooter ul a:visited{color:#89929b;font-weight:normal}
#pageFooter ul a:hover{color:#fff;font-weight:normal}

#pageFooter ul.footerContact{display:inline;width:200px;float:right;margin-top:10px;padding:5px;background:#6a727a url(/images/footer_contact_bg.png) no-repeat 3px 3px;color:#b9c1c9;font-weight:normal;-moz-border-radius:4px;-webkit-border-radius:4px}
#pageFooter ul.footerContact h4{padding:0 0 15px 45px;color:#b9c1c9;font-weight:bold}
#pageFooter ul.footerContact label{width:70px;padding:3px 0;margin-bottom:3px;float:left;vertical-align:top;color:#b9c1c9}
#pageFooter ul.footerContact input{width:120px;padding:2px;border:1px solid #89929b;margin-bottom:3px;float:left;color:#fff;background:#808a94;-moz-border-radius:2px;-webkit-border-radius:2px}
#pageFooter ul.footerContact input:focus,#pageFooter ul.footerContact textarea:focus{border:1px solid #fff}
#pageFooter ul.footerContact textarea{width:120px;padding:2px;border:1px solid #89929b;margin-bottom:3px;float:left;color:#fff;background:#808a94;font:12px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;-moz-border-radius:2px;-webkit-border-radius:2px}
#pageFooter ul.footerContact input.footerButton{padding:2px 5px;width:75px;border:1px solid #414951;margin-top:5px;float:right;color:#fff;background:#414951;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px}
#pageFooter ul.footerContact input.footerButton:hover{border:1px solid #fff;color:#fff;background:#6495ed}

#pageFooter p{clear:both;padding:15px 0 5px 0;text-align:center;margin:0;border:0;font-size:1em;color:#89929b}
#pageFooter p.printFooter{display:none}