/***** HTML elements *****/
html, body { background: #4a4a4a url('/App_Themes/KRI/img/page-bg-repeat.jpg') top left repeat-x; color: #d8d8d8; }
html, body, table, form { margin: 0; padding: 0; }
html, body, td, input { font: 12px Arial, sans-serif; }
h1, h2, h3, h4, h5, h6, p { margin: 0 0 10px 0; padding: 0; }
h1, h2, h3 { color: #0081c6; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5, h6 { font-size: 12px; }
img { border: 0; }
p { line-height: 18px; }
a, a:link, a:visited { text-decoration: none; color: #0081c6; outline: 0; }
a:hover, a:active { color: #06a8ff; }
object, embed { outline: 0; }

img.icon { vertical-align: middle; margin: 0 5px 0 3px; }
input.txt, input.ui-searchbox-txt { border: 1px solid #eee; margin: 0; padding: 2px 3px; font-size: 12px; }
input.ui-searchbox-txt { background: #eee; color: #888; }
input.btn, input.ui-searchbox-btn { outline: 0; height: 20px; }
input.focus, input.ui-searchbox-txt-focus { border: 1px solid #0081c6; }

span.highlight { color: #0081c6; font-size: 14px; }
/***** end HTML elements *****/

/***** outer most containers *****/
#page-area { width: 960px; margin: 20px auto; }
#page-top, #page-bottom { width: 100%; position: relative; clear: both; overflow: hidden; }
#page-top { height: 190px; }
#page-middle { width: 100%; min-height: 450px; clear: both; }
#page-bottom { height: 452px; margin: 2px 0 20px 0; }
/***** end outer most containers *****/

/***** page header *****/
#page-header { height: 144px; background-color: #002942; }
#page-logo, #page-settings, #page-header .page-search { position: absolute; }
#page-logo { width: 531px; height: 144px; top: 0; left: 0; }
#page-header .page-search { top: 15px; right: 10px; text-align: right; }
#page-settings { height: 20px; line-height: 20px; text-align: right; top: 40px; right: 10px; }
#page-settings ul { margin: 0; padding: 0; list-style-type: none; }
#page-settings ul li { display: inline; padding-left: 10px; }
/***** end page header *****/

.lang-selected, .lang-choice { padding-left: 5px; }

/***** mini search *****/
.page-search input.txt { width: 185px; margin-right: 3px; background: #eee; }
.page-search input.btn { background: transparent url('/App_Themes/Kenexa/img/search-up.jpg') top left no-repeat; border: 0; width: 20px; margin: 0; padding: 0; }
.page-search input.btn:hover { background: transparent url('/App_Themes/Kenexa/img/search-over.jpg') top left no-repeat; }
.page-search input.btn:active { background: transparent url('/App_Themes/Kenexa/img/search-down.jpg') center center no-repeat; }
/***** end mini search *****/

/***** blue button *****/
a.bluebtn { display: block; height: 21px; background: transparent url('/App_Themes/Kenexa/img/bluebutton-left-up.gif') top left no-repeat; padding: 0; padding-left: 6px; color: #fff; }
a.bluebtn:hover, a.bluebtn:active { text-decoration: none; }
a.bluebtn:hover { background: transparent url('/App_Themes/Kenexa/img/bluebutton-left-over.gif') top left no-repeat; }
a.bluebtn:active { background: transparent url('/App_Themes/Kenexa/img/bluebutton-left-down.gif') top left no-repeat; }
a.bluebtn div { background: transparent url('/App_Themes/Kenexa/img/bluebutton-right-up.gif') top right no-repeat; padding-right: 6px; }
a.bluebtn:hover div { background: transparent url('/App_Themes/Kenexa/img/bluebutton-right-over.gif') top right no-repeat; }
a.bluebtn:active div { background: transparent url('/App_Themes/Kenexa/img/bluebutton-right-down.gif') top right no-repeat; }
a.bluebtn div div { background: transparent url('/App_Themes/Kenexa/img/bluebutton-repeat-up.gif') top left repeat-x; padding: 0; }
a.bluebtn:hover div div { background: transparent url('/App_Themes/Kenexa/img/bluebutton-repeat-over.gif') top left repeat-x; }
a.bluebtn:active div div { background: transparent url('/App_Themes/Kenexa/img/bluebutton-repeat-down.gif') top left repeat-x; }
/***** end blue button *****/

/***** small list *****/
.small-list { width: 292px; min-height: 250px; }
.small-list ul { margin: 0; padding: 0; list-style-type: none; }
.small-list ul li { height: 70px; overflow: hidden; }
.small-list ul li h5 { height: 30px; overflow: hidden; }
.small-list ul li a { display: block; padding-left: 10px; color: #002942; }
.small-list ul li a .holder { padding-right: 10px; cursor: pointer; }
.small-list ul li a .content { line-height: 15px; padding: 8px 10px; height: 54px; }
.small-list ul li a:hover { background: transparent url('/App_Themes/Kenexa/img/side-blue-white-left-over.gif') center left no-repeat; }
.small-list ul li a:active { background: transparent url('/App_Themes/Kenexa/img/side-blue-white-left-down.gif') center left no-repeat; }
.small-list ul li a:hover .holder { background: transparent url('/App_Themes/Kenexa/img/side-blue-white-right-over.gif') center right no-repeat; }
.small-list ul li a:active .holder { background: transparent url('/App_Themes/Kenexa/img/side-blue-white-right-down.gif') center right no-repeat; }
.small-list .subtext { font-size: 11px; }
/***** end small list *****/

/***** main page navigation *****/
#page-nav { width: 100%; height: 46px; position: absolute; top: 144px; left: 0; font-size: 14px; }
#page-nav ul { height: 42px; margin: 2px 0; padding: 0 25px; list-style-type: none; line-height: 42px; white-space: nowrap; background-color: #0081c6; }
#page-nav ul li { display: inline; padding: 0; padding-right: 43px; }
#page-nav ul li.last { padding: 0; }
#page-nav ul li a { color: #fff; padding: 22px 0; }
#page-nav ul li a:hover, #page-nav ul li.selected a { background: transparent url('/App_Themes/KRI/img/arrow-white-over.gif') center center no-repeat; }
#page-nav ul li a:active, #page-nav ul li.selected a:active { background: transparent url('/App_Themes/KRI/img/arrow-white-down.gif') center center no-repeat; }
/***** end main page navigation *****/

/***** main content area containers *****/
#page-content { float: left; clear: both; margin-bottom: 2px; color: #002942; }
#page-content .leftcol { float: left; clear: left; width: 640px; }
#page-content .fullcol { float: left; clear: left; width: 960px; }
#page-content .rightcol { float: right; clear: right; width: 317px; padding-left: 3px; }
/***** end main content area containers *****/

/***** page actions *****/
#page-actions { position: absolute; top: 25px; right: 55px; }
#page-actions ul { margin: 0; padding: 0; list-style-type: none; }
#page-actions ul li { float: left; padding-left: 4px; }
#page-actions ul li a { display: block; width: 18px; height: 16px; }
#page-actions li.email a { background: transparent url('/App_Themes/Kenexa/img/page-email-up.gif') top left no-repeat; }
#page-actions li.email a:hover, #page-actions li.email a:active { background: transparent url('/App_Themes/Kenexa/img/page-email-over.gif') top left no-repeat; }
#page-actions li.print a { background: transparent url('/App_Themes/Kenexa/img/page-print-up.gif') top left no-repeat; }
#page-actions li.print a:hover, #page-actions li.print a:active { background: transparent url('/App_Themes/Kenexa/img/page-print-over.gif') top left no-repeat; }
#page-actions li.share a { background: transparent url('/App_Themes/Kenexa/img/Share-Med-Up.png') top left no-repeat; width: 33px; padding-left: 18px; margin-left: 3px; }
#page-actions li.share a:hover, #page-actions li.share a:active { background: transparent url('/App_Themes/Kenexa/img/Share-Med-Over.png') top left no-repeat; }
/***** end page actions *****/

/***** large/full content box *****/
.large-box, .full-box { width: 640px; background-color: #f3f3f3; min-height: 427px; }
.full-box { width: 960px; }
.large-box a, .full-box a { color: #5b97b1; }
.large-box a:hover, .large-box a:active, .full-box a:hover, .full-box a:active { text-decoration: underline; }
.large-box .content, .full-box .content { padding: 50px 55px 50px 50px; position: relative; }
.large-box li, .full-box li { line-height: 18px; }
/***** end large/full content box *****/

/***** small content box *****/
.related-box, .lg-nav-box { width: 317px; background-color: #f3f3f3; clear: both; color: #002942; min-height: 272px; }
.related-box a, .lg-nav-box a { color: #002942; }
.related-box .content, .lg-nav-box .content { padding: 20px 22px; } 
.related-box .content h3 { height: 27px; line-height: 27px; }
.related-box .small-list { height: auto; width: 290px; position: relative; left: -10px; }
.related-box .small-list ul li .content { background-color: #e2e2e2; padding-left: 40px; }
.related-box .small-list ul li.even .content { background-color: transparent; }
.related-box .small-list h3 { padding-left: 10px; }

li.whitepaper .content { background: url('/App_Themes/Kenexa/img/whitepapers-white.gif') 5px 12px no-repeat; }
li.news .content { background: url('/App_Themes/Kenexa/img/news-white.gif') 5px 12px no-repeat; }
li.event .content { background: url('/App_Themes/Kenexa/img/events-white.gif') 5px 12px no-repeat; }
li.thoughtleadership .content { background: url('/App_Themes/Kenexa/img/thoughtleader-white.gif') 5px 12px no-repeat; }
li.casestudy .content { background: url('/App_Themes/Kenexa/img/casestudy-white.gif') 5px 12px no-repeat; }
li.insight .content { background: url('/App_Themes/Kenexa/img/InsightReport-white.gif') 5px 12px no-repeat; }

.lg-nav-box ul { margin: 0; padding: 0; padding-bottom: 5px; list-style-type: none; }
.lg-nav-box ul li { padding: 0; padding-left: 15px; position: relative; left: -27px; margin-bottom: 5px; }
.lg-nav-box ul li a { display: block; width: 294px; }
.lg-nav-box ul li a div { padding: 5px 0; padding-left: 50px; }

.lg-nav-box ul li.selected { padding-left: 10px; left: -48px; background: #fff url('/App_Themes/Kenexa/img/navarrow-black-on.png') center left no-repeat; }
.lg-nav-box ul li.selected a { width: 320px; }
.lg-nav-box ul li.selected a div { padding-left: 75px; }
/***** end related content box *****/

a.continue { padding-left: 30px; line-height: 16px; background: transparent url('/App_Themes/Kenexa/img/page-readmore-up.gif') 5px 0 no-repeat; }
a.continue:hover { background: transparent url('/App_Themes/Kenexa/img/page-readmore-over.gif') 5px 0 no-repeat; }

.document { margin-bottom: 20px; }
.document-hdr { border-bottom: 1px solid #aaaaaa; }
.document-hdr h3 { margin-bottom: 0; text-align: left; }
.document-hdr h3 a { color: #0081c6; }
.document-author { position: relative; font-size: 11px; width: 100%; margin: 5px 0; }
.document-dt { position: absolute; top: 0; right: 0; font-size: 11px; }
.document-actions { text-align: right; font-size: 11px; }

.document-thumb { width: 100px; height: 115px; float: left; clear: both; margin-right: 15px; }
.document-thumb-title { font-size: 11px; }

div.page-form { background-color: #fff; border: 1px solid #0081c6; padding: 10px; padding-right: 14px; } 
div.page-form table td { height: 30px; vertical-align: middle; font-size: 11px; }
div.page-form td.page-form-label, div.page-form td.page-form-label-input { text-align: left; }
div.page-form td.page-form-label-input, div.page-form td.page-form-label-textarea, div.page-form td.page-form-label-select, div.page-form td.page-form-label-radio-hori, div.page-form td.page-form-label-checkbox-hori, div.page-form td.page-form-label-checkbox-vert { font-weight: bold; }
div.page-form td.page-form-field-input, div.page-form td.page-form-field-select { text-align: right; }
div.page-form td.page-form-field-input input, div.page-form td.page-form-field-textarea textarea, div.page-form td.page-form-field-select select { background-color: #fff; width: 350px; border: 1px solid #aaa; color: #444; font-size: 12px; height: 15px; text-align: left; }
div.page-form td.page-form-field-select select { height: auto; width: 352px; }
div.page-form td.page-form-field-textarea textarea { width: 505px; height: 150px; }
div.page-form td.page-form-field-radio-hori table td { padding: 0 3px; }
div.page-form td.page-form-field-radio-hori table td input { vertical-align: middle; } 

div.page-form td.page-form-buttons input, input.page-form-button { text-align: center; height: 22px; display: block; padding-bottom: 4px; font-size: 11px; width: 102px; color: #fff; background: transparent url('/App_Themes/KenexaGlobal/img/buttons/blue/medium-up.png') top left no-repeat; border: 0; }
div.page-form td.page-form-buttons input:hover, input.page-form-button:hover { background-image: url('/App_Themes/KenexaGlobal/img/buttons/blue/medium-over.png'); } 
div.page-form td.page-form-buttons input:active, input.page-form-button:active { background-image: url('/App_Themes/KenexaGlobal/img/buttons/blue/medium-down.png'); } 

.search-dialog { height: 22px; margin-bottom: 20px; }
.search-dialog table { width: 375px; height: 22px; display: block; }
.search-dialog table td { display: block; float: left; width: 262px; vertical-align: top; }
.search-dialog table td:first-child { width: 100px; line-height: 22px; }
.search-dialog table td input { position: relative; top: 0; left: 0; }
.search-dialog table td input.page-form-button { top: -22px; left: 160px; font-size: 11px; }

.page-form .error, .required, .ErrorLabel { color: #cc0000; }
.required { font-weight: bold; }

#page-footer { width: 100%; height: 400px; background-color: #f3f3f3; position: absolute; top: 0; left: 0; }
#page-footer, #page-footer a { color: #002942; }
#page-footer .leftcol, #page-footer .middlecol, #page-footer .rightcol { height: 360px; position: absolute; top: 0; margin: 20px 0; }
#page-footer .middlecol, #page-footer .rightcol { width: 292px; border-left: 3px solid #c1c1c1; padding: 0 12px; }
#page-footer .leftcol { width: 276px; padding: 0 20px; }
#page-footer .middlecol { left: 318px; }
#page-footer .rightcol { right: 0; }
#page-footer .small-list h3 { padding: 0 10px; }
#page-footer .small-list h3 a, #page-footer h3 a { color: #0081c6; }
#page-footer .small-list h3 a:hover, #page-footer .small-list h3 a:active, #page-footer h3 a:hover, #page-footer h3 a:active { color: #06a8ff; }
#page-footer .small-list ul li .content { background-color: #e2e2e2; }
#page-footer .small-list ul li.even .content { background-color: transparent; }

#page-links { width: 100%; height: 42px; line-height: 42px; position: absolute; top: 402px; left: 0; background-color: #000; }
#page-links ul { width: 50%; margin: 0; padding: 0; list-style-type: none; position: absolute; top: 0; text-align: left; }
#page-links ul li { display: inline; color: #aaa; padding-right: 10px; }
#page-links ul li a { padding: 2px 0 3px 0; }
#page-links ul.left { left: 10px; }
#page-links ul.right { right: 10px; text-align: right; }
#page-links ul.right li { padding-right: 0; padding-left: 10px; }
#page-links ul.right li a { color: #888; padding-left: 25px; }
#page-links ul.right li a:hover, #page-links ul.right li a:active { color: #c0c0c0; }
#page-links ul.right li a.kenexapods { background: transparent url('/App_Themes/Kenexa/img/footer-podcast-up.gif') center left no-repeat; }
#page-links ul.right li a.kenexapods:hover, #page-links ul.right li a.kenexapods:active { background: transparent url('/App_Themes/Kenexa/img/footer-podcast-over.gif') center left no-repeat; }
#page-links ul.right li a.kenexablog { background: transparent url('/App_Themes/Kenexa/img/footer-blog-up.gif') center left no-repeat; }
#page-links ul.right li a.kenexablog:hover, #page-links ul.right li a.kenexablog:active { background: transparent url('/App_Themes/Kenexa/img/footer-blog-over.gif') center left no-repeat; }
#page-links ul.right li a.kenexa { background: transparent url('/App_Themes/KenexaGlobal/img/icons/black/x-up.gif') center left no-repeat; }
#page-links ul.right li a.kenexa:hover, #page-links ul.right li a.kenexa:active { background: transparent url('/App_Themes/KenexaGlobal/img/icons/black/x-over.gif') center left no-repeat; }

.more { text-align: right; margin-top: 20px; height: 15px; line-height: 15px; font-weight: bold; }
.more a { display: block; padding-right: 10px; color: #0081c6; }
.more a:hover { background: transparent url('/App_Themes/Kenexa/img/side-blue-white-right-over.gif') center right no-repeat; }
.more a:active { background: transparent url('/App_Themes/Kenexa/img/side-blue-white--whright-down.gif') center right no-repeat; }
.more a span { padding-left: 10px; }
.more a:hover span { background: transparent url('/App_Themes/Kenexa/img/side-blue-white-left-over.gif') center left no-repeat; }
.more a:active span { background: transparent url('/App_Themes/Kenexa/img/side-blue-white-left-down.gif') center left no-repeat; }

.social-networks { height: 24px; margin-right: 5px; margin-top: 10px; }
.document-types { margin-top: 20px; height: 26px; }
.social-networks ul, .document-types ul { margin: 0; padding: 0; list-style-type: none; }
.social-networks ul li { width: 24px; }
.social-networks ul li, .document-types ul li { float: right; }
.social-networks ul li a, .document-types ul li a { display: block; width: 24px; height: 24px; margin-left: 5px; }

.document-types ul li a { width: auto; padding-left: 29px; color: #888; height: 26px; line-height: 26px; }
.document-types ul li a:hover, .document-types ul li a:active { color: #c0c0c0; }
.document-types li.white-paper a { background: url('/App_Themes/KRI/img/white-papers-navy.gif') 0 0 no-repeat; }
.document-types li.case-study a { background: url('/App_Themes/KRI/img/case-studies-navy.gif') 0 0 no-repeat; }
.document-types li.thought-leadership a { background: url('/App_Themes/KRI/img/thought-leader-navy.gif') 0 0 no-repeat; }
.document-types li.insight-report a { background: url('/App_Themes/KRI/img/insight-report-navy.gif') 0 0 no-repeat; }

.social-networks li.twitter a { background: transparent url('/App_Themes/Kenexa/img/Icon-Twitter-Up.png') center center no-repeat; }
.social-networks li.twitter a:hover, .social-networks li.twitter a:active { background: transparent url('/App_Themes/Kenexa/img/Icon-Twitter-Over.png') center center no-repeat; }
.social-networks li.linkedin a { background: transparent url('/App_Themes/Kenexa/img/Icon-LinkedIn-Up.png') center center no-repeat; }
.social-networks li.linkedin a:hover, .social-networks li.linkedin a:active { background: transparent url('/App_Themes/Kenexa/img/Icon-LinkedIn-Over.png') center center no-repeat; }
.social-networks li.facebook a { background: transparent url('/App_Themes/Kenexa/img/Icon-Facebook-Up.png') center center no-repeat; }
.social-networks li.facebook a:hover, .social-networks li.facebook a:active { background: transparent url('/App_Themes/Kenexa/img/Icon-Facebook-Over.png') center center no-repeat; }
.social-networks li.kenexablog a { background: transparent url('/App_Themes/Kenexa/img/Icon-Blog-Up.png') center center no-repeat; }
.social-networks li.kenexablog a:hover, .social-networks li.kenexablog a:active { background: transparent url('/App_Themes/Kenexa/img/Icon-Blog-Over.png') center center no-repeat; }
.social-networks li.kenexapodcasts a { background: transparent url('/App_Themes/Kenexa/img/Icon-KenexaPods-Up.png') center center no-repeat; }
.social-networks li.kenexapodcasts a:hover, .social-networks li.kenexapodcasts a:active { background: transparent url('/App_Themes/Kenexa/img/Icon-KenexaPods-Over.png') center center no-repeat; }
.social-networks li.kenexarss a { background: transparent url('/App_Themes/Kenexa/img/Icon-RSS-Up.png') center center no-repeat; }
.social-networks li.kenexarss a:hover, .social-networks li.kenexarss a:active { background: transparent url('/App_Themes/Kenexa/img/Icon-RSS-Over.png') center center no-repeat; }

.PagerControl { font-weight: bold; text-align: center; font-size: 11px; }
.PagerControl img { vertical-align: middle; padding: 0 5px; padding-bottom: 1px; }
.PagerControl span.first, .PagerControl span.previous, .PagerControl span.next, .PagerControl span.last { padding: 8px; }
.PagerControl span.first { background: transparent url('/App_Themes/Kenexa/img/pagination-first-up.gif') center center no-repeat; }
.PagerControl a:hover span.first, .PagerControl a:active span.first { background: transparent url('/App_Themes/Kenexa/img/pagination-first-over.gif') center center no-repeat; }
.PagerControl span.previous { background: transparent url('/App_Themes/Kenexa/img/pagination-previous-up.gif') center center no-repeat; }
.PagerControl a:hover span.previous, .PagerControl a:active span.previous { background: transparent url('/App_Themes/Kenexa/img/pagination-previous-over.gif') center center no-repeat; }
.PagerControl span.next { background: transparent url('/App_Themes/Kenexa/img/pagination-next-up.gif') center center no-repeat; }
.PagerControl a:hover span.next, .PagerControl a:active span.next { background: transparent url('/App_Themes/Kenexa/img/pagination-next-over.gif') center center no-repeat; }
.PagerControl span.last { background: transparent url('/App_Themes/Kenexa/img/pagination-last-up.gif') center center no-repeat; }
.PagerControl a:hover span.last, .PagerControl a:active span.last { background: transparent url('/App_Themes/Kenexa/img/pagination-last-over.gif') center center no-repeat; }
.PagerControl a.UnselectedPage { color: #002942; }
.PagerControl span.SelectedPage { color: #fff; background: transparent url('/App_Themes/Kenexa/img/pagination-currentpage-full.gif') center center no-repeat; }
.PagerControl a.UnselectedPage, .PagerControl span.SelectedPage { padding: 2px 8px; }
.PagerControl a.UnselectedPage:visited { color: #aaa; }
.PagerControl a.UnselectedPage:hover, .PagerControl a.UnselectedPage:active { text-decoration: none; background: transparent url('/App_Themes/Kenexa/img/pagination-over-full.gif') center center no-repeat; }
.PagerControl a.UnselectedPage:visited:hover {  text-decoration: none; background: transparent url('/App_Themes/Kenexa/img/pagination-visited-over-full.gif') center center no-repeat; }