#widget {position: relative; width: 620px; margin: 0 auto; background: #fff url(../img/tab-ketera-solutions.png) 3px 3px no-repeat;}

#widget a.curtain {display: block; width: 60px; height: 32px; position: absolute; left: 1px; top: 1px; z-index: 500;}

#widget #tabbox {position: relative; left: 65px; width: 555px; background: #fff}

#widget #tabbox ul {margin: 0 auto !important; padding: 0 !important; width: 555px;}

#widget #tabbox ul.three li,
#widget #tabbox ul.three li a:link,
#widget #tabbox ul.three li a:visited,
#widget #tabbox ul.five li,
#widget #tabbox ul.five li a:link,
#widget #tabbox ul.five li a:visited {float:left; margin:0; padding:0; border:0; outline:0; text-decoration:none; list-style: none;}

#widget #tabbox ul.three li a,
#widget #tabbox ul.five li a {display: block; font-weight: bold; font-size: 12px; margin: 0; color: #444; }
#widget #tabbox ul.three li a {width: 184px; height: 30px; text-indent: -10px; line-height: 1.2; padding-top: 6px !important; text-align: center; background: #fff url(../img/tab-sprite-3.png) 0 0 no-repeat;}
#widget #tabbox ul.five li a {width: 110px; height: 36px; text-indent: -5px; line-height: 36px; text-align: center; background: #fff url(../img/tab-sprite-5.png) 0 0 no-repeat;}

#widget #tabbox ul.three li a span {display: block; font-size: 9px; color: #888;}

#widget #tabbox ul.three li a.one {background-position: 0 0;}
#widget #tabbox ul.three li a.two {background-position: -184px 0;}
#widget #tabbox ul.three li a.three {background-position: -368px 0;}

#widget #tabbox ul.three li a.one:hover,
#widget #tabbox ul.three li.ui-state-active a.one {background-position: 0 -50px !important;}
#widget #tabbox ul.three li a.two:hover,
#widget #tabbox ul.three li.ui-state-active a.two {background-position: -184px -50px !important;}
#widget #tabbox ul.three li a.three:hover,
#widget #tabbox ul.three li.ui-state-active a.three {background-position: -368px -50px !important;}

#widget #tabbox ul.five li a.one {background-position: 0 0;}
#widget #tabbox ul.five li a.two {background-position: -110px 0;}
#widget #tabbox ul.five li a.three {background-position: -220px 0;}
#widget #tabbox ul.five li a.four {background-position: -330px 0;}
#widget #tabbox ul.five li a.five {background-position: -440px 0;}

#widget #tabbox ul.five li a.one:hover,
#widget #tabbox ul.five li.ui-state-active a.one {background-position: 0 -50px !important;}
#widget #tabbox ul.five li a.two:hover,
#widget #tabbox ul.five li.ui-state-active a.two {background-position: -110px -50px !important;}
#widget #tabbox ul.five li a.three:hover,
#widget #tabbox ul.five li.ui-state-active a.three {background-position: -220px -50px !important;}
#widget #tabbox ul.five li a.four:hover,
#widget #tabbox ul.five li.ui-state-active a.four {background-position: -330px -50px !important;}
#widget #tabbox ul.five li a.five:hover,
#widget #tabbox ul.five li.ui-state-active a.five {background-position: -440px -50px !important;}

#widget #tabbox div.content {clear: both; background: #fff url(../img/tab-content-bg.png) 0 0 repeat-y; margin: 0 !important; padding: 0 !important;}
#widget #tabbox #tab1,
#widget #tabbox #tab2,
#widget #tabbox #tab3,
#widget #tabbox #tab4,
#widget #tabbox #tab5 {margin: 0 15px; padding-top: 10px;}
#widget #tabbox div.content div.ui-tabs-hide {display: none;}

#widget #tab-curtain {position: relative; width: 540px; height: 250px; margin: 0 10px 0 5px; padding: 0;}
#widget #tab-curtain ul {position: relative;}
#widget #tab-curtain ul a {display: block; text-decoration: none;}
#widget #tab-curtain ul a span {visibility: hidden;}
#widget #tab-curtain ul li {position: absolute; list-style: none !important;}

#widget #tab-curtain.three {height: 241px; background: transparent url(../img/tab3-curtain-widget.jpg) 0 0 no-repeat;}
#widget #tab-curtain.three ul a {display: block; width: 100%; height: 100%; text-decoration: none;}
#widget #tab-curtain.three #mb {top: 140px; left: 145px; width: 100px; height: 100px;}
#widget #tab-curtain.three #me {top: 90px; left: 20px; width: 120px; height: 150px;}
#widget #tab-curtain.three #le {top: 10px; left: 250px; width: 280px; height: 230px;}

#widget #tab-curtain.five {height: 250px; background: transparent url(../img/tab5-curtain-widget.jpg) 0 -264px no-repeat;}
#widget #tab-curtain.five ul a {width: 100%; height: 100%;}
#widget #tab-curtain.five #gm {top: 103px; left: 290px; width: 80px; height: 80px;}
#widget #tab-curtain.five #sal {top: 13px; left: 210px; width: 80px; height: 80px;}
#widget #tab-curtain.five #fin {top: 185px; left: 213px; width: 100px; height: 63px;}
#widget #tab-curtain.five #proc {top: 159px; left: 452px; width: 80px; height: 80px;}
#widget #tab-curtain.five #it {top: 116px; left: 68px; width: 80px; height: 80px;}

#widget #tabbox div.footer {position: relative; height: 50px; background: #fff url(../img/tab-footer.png) 0 0 no-repeat;}
#widget #tabbox div.footer a.help {display: none; width: 23px; height: 22px; position: absolute; right: 20px; top: 11px;text-indent: -9999px; background: transparent url(../img/tab-help-btn.png) 0 0 no-repeat;}

#widget #tabbox .button, #tabbox .button a {background-image: url(../img/tab-cta-btn-bg.png); background-repeat: no-repeat;}
#widget #tabbox .button { display: block; padding-left: 50px; margin: 5px 10px; background-position: 0 0; float: right; height: 25px; }
#widget #tabbox .button a {display: block; height: 25px; background-position: 100% 0; color: white; padding: 0 5px; line-height: 25px; text-decoration: none; font-weight: bold; font-size: 11px;}


/*** R E S O U R C E S ***/
/*
#resources {position: relative; width: 120px; height: 115px; overflow: hidden;}
#resources .resource a.icon,
#resources .resource h4,
#resources .resource p {width: 118px;}
#resources .resource a.icon {display: block; margin: 0 auto 15px; text-align: center;}
#resources .resource h4 {margin: 0 auto; padding: 0; text-align: center; font-size: 11px; font-weight: bold; line-height: 1;}
#resources .resource p {margin: 0 auto 5px; padding: 0; font-size: 9px; line-height: 1;}
#resources .nav {position: absolute; top: 58px; left: 50%; margin-left: -26px; width: 30px; z-index: 100;}
#resources .nav a {display: block; width: 14px; height: 13px; text-indent: -9999px; background: transparent url(../img/resources-nav.png) 0 0 no-repeat;}
#resources .nav #prev-resource {float: left;}
#resources .nav #next-resource {float: right; background-position: -14px 0;}
*/
#resources { position: relative; left: -10px; margin: 5px auto; width: 140px !important; height: 111px !important; overflow: hidden !important; }
#resources .resource { width: 140px; margin: auto; }
#resources .resource h4 { margin: 0; padding: 0; }
#resources .resource h4 a.icon { display: block; padding-top: 53px; margin: 0 auto; text-align: center; background: #fff url(../img/SliderWhitepaper.png) center top no-repeat; }
#resources .resource h4 a.White { background-image: url(../img/SliderWhitepaper.png); }
#resources .resource h4 a.Case { background-image: url(../img/SliderCaseStudy.png); }
#resources .resource h4 a.Demos { background-image: url(../img/SliderDemo.png); }
#resources .resource h4 a.Data { background-image: url(../img/SliderDataSheet.png); }
#resources .resource h4 a.Webinar { background-image: url(../img/SliderPodCast.png); }
#resources .resource h5 { width: 138px; margin: 0 auto; padding: 0 0 2px 0; text-align: center; font-size: 11px; font-weight: bold; line-height: 1; white-space: nowrap; overflow: hidden; }
#resources .resource p { margin: 0 auto 5px; padding: 0; font-size: 9px; line-height: 1; }
#resources .resource a,
#resources .resource a:hover { color: #5e5e5e; text-decoration: none; }
#resources #prev-resource, #next-resource { position: absolute; display: block; width: 33px; height: 55px; text-indent: -9999px; z-index: 500; background: #fff url(../img/resources-nav.png) 0 25px no-repeat; }
#resources #prev-resource { left: 0; background-position: 19px 25px; }
#resources #next-resource { right: 0; background-position: -15px 25px; }


#ketera-for-me ul {float: left; width: 98px; margin: 54px 0 0 -3px; }
#ketera-for-me ul li { padding: 4px 8px 5px 8px; white-space: nowrap; font-size: 1.0em; text-indent: -9999px; }
#ketera-for-me ul li a { display: block; line-height: 1; }
#ketera-for-me ul li a span { display: block; }


#highlights {position: absolute; right: 50px; top: 10px; width: 250px; color: #fff; text-align: right; z-index: 50; background-color: transparent !important;}
#highlights p.title {font-size: 1.3em; font-weight: normal; font-style: italic; padding: 5px 0; margin: 0; background-color: transparent !important;}
#highlights div.items p { white-space: nowrap; width: 250px !important; background-color: transparent !important;}


#kn-live, #kn-live ul li { background-image: url(../img/live-widget-bg.png); background-repeat: no-repeat; }
#kn-live { width: 295px; font-size: 11px; background-position: 0 0; padding-top: 39px; }
#kn-live ul { list-style-type: none; margin: 0; padding: 0; }
#kn-live ul li { height: 18px; line-height: 18px; margin: 0; padding: 0 9px; background-position: 0 -44px; white-space: nowrap; }
#kn-live ul li a { display: block; text-decoration: none; color: #333; }
#kn-live ul li a span { color: #1a315d; padding-right: 5px; }
#kn-live ul li.ft { height: 24px; background-position: 0 -67px; font-weight: bold; text-align: right; text-transform: uppercase; color: #1a315d; padding:0; }
#kn-live ul li.ft a { display:inline; background: url(../img/rss_orange.gif) no-repeat 35px 2px; padding: 0 15px 0 50px; text-align:left; color:#666; }