/***** HTML elements *****/
html, body { background: #002942 url('/App_Themes/KWC/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; }
a, a:link, a:visited { text-decoration: none; color: #0081c6; outline: 0; }
a:hover, a:active { color: #06a8ff; }

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

h1#reflection { white-space: nowrap; font-weight: normal; margin: 0; padding: 0; font-size: 46px; color: #fff; }
span.highlight { color: #0081c6; font-size: 14px; }
/***** end HTML elements *****/

/***** buttons *****/
a.btn { height: 22px; display: block; text-align: center; line-height: 20px; font-size: 11px; text-decoration: none; }
a.btn.med { width: 102px; }
a.btn.blue { color: #fff; }
a.btn.med.blue { background: transparent url('/App_Themes/KenexaGlobal/img/buttons/blue/medium-up.png') top left no-repeat; }
a.btn.med.blue:hover { background-image: url('/App_Themes/KenexaGlobal/img/buttons/blue/medium-over.png'); } 
a.btn.med.blue:active { background-image: url('/App_Themes/KenexaGlobal/img/buttons/blue/medium-down.png'); } 
/***** end buttons *****/

/***** outer most containers *****/
#page-area { width: 840px; margin: 20px auto; }
#page-top, #page-bottom { width: 100%; position: relative; clear: both; overflow: hidden; }
#page-top { height: 126px; }
#page-middle { width: 100%; min-height: 340px; clear: both; background: transparent url('/App_Themes/KWC/img/eb-grad.jpg') top left repeat-x; }
#page-bottom { height: 44px; }
/***** end outer most containers *****/

/***** page header *****/
#page-header { height: 70px; }
#page-logo, #page-settings, #page-header .page-search { position: absolute; }
#page-logo { width: 177px; height: 61px; top: 0; left: 0; }
#page-header .page-search { top: 5px; right: 0; text-align: right; }
/***** end page header *****/

/***** main page navigation *****/
#page-nav { width: 100%; height: 56px; position: absolute; top: 70px; left: 0; background: transparent url('/App_Themes/KWC/img/nav-bg-repeat.jpg') top left repeat-x; font-size: 14px; }
#page-nav ul { margin: 0; padding: 0; list-style-type: none; line-height: 56px; white-space: nowrap; }
#page-nav ul li { display: inline; padding: 0; padding-right: 30px; }
#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/KWC/img/eb-over.gif') center center no-repeat; }
#page-nav ul li a:active, #page-nav ul li.selected a:active { background: transparent url('/App_Themes/KWC/img/eb-down.gif') center center no-repeat; }
/***** end main page navigation *****/

#page-media { float: left; clear: both; height: 85px; border: 1px solid #0081c6; width: 958px; margin-bottom: 20px; }

/***** main content area containers *****/
#page-content-header { height: 80px; text-align: right; }
#page-content { float: left; clear: both; color: #002942; padding-bottom: 30px; }
#page-content .fullcol { float: left; clear: left; width: 840px; }
#page-content .leftcol, #page-content .leftcol-front { float: left; clear: left; width: 640px; }
#page-content .leftcol-front { width: 500px; margin-top: 50px; }
#page-content .rightcol, #page-content .rightcol-front { float: right; clear: right; width: 158px; padding-left: 24px; margin-left: 12px; }
#page-content .rightcol-front { width: 300px; font-size: 11px; margin-top: 50px; }
#page-content .fullcol .content h2, #page-content .leftcol .content h2, #page-content .rightcol-front .content h2 { color: #0081c6; }
/***** end main content area containers *****/

#page-footer { width: 840px; height: 44px; line-height: 44px; background: transparent url('/App_Themes/KWC/img/Footer_blackbar.png') top left no-repeat; }
#page-footer .content { padding: 0 12px; }
#page-footer ul { margin: 0; padding: 0; list-style-type: none; width: 60%; float: left; }
#page-footer ul.right { float: right; width: 30%; text-align: right; }
#page-footer ul li { display: inline; padding-right: 10px; }
#page-footer ul.right li { padding: 0; padding-left: 10px; }

/***** mini search *****/
.page-search input.txt { width: 185px; margin-right: 3px; }
.page-search input.btn { background: transparent url('/App_Themes/KWC/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/KWC/img/search-over.jpg') top left no-repeat; }
.page-search input.btn:active { background: transparent url('/App_Themes/KWC/img/search-down.jpg') center center no-repeat; }
/***** end mini search *****/

/***** page actions *****/
#page-actions { position: absolute; top: 8px; 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/KWC/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/KWC/img/page-email-over.gif') top left no-repeat; }
#page-actions li.print a { background: transparent url('/App_Themes/KWC/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/KWC/img/page-print-over.gif') top left no-repeat; }
/***** end page actions *****/

/***** page views *****/
#page-views { position: absolute; top: 5px; left: 47px; }
#page-views ul { margin: 0; padding: 0; list-style-type: none; }
#page-views ul li { float: left; padding-right: 4px; }
#page-views ul li a { display: block; height: 26px; padding-left: 30px; line-height: 26px; }
#page-views li.list a { background: transparent url('/App_Themes/KWC/img/listview.gif') center left no-repeat; }
#page-views li.calendar a { background: transparent url('/App_Themes/KWC/img/events-white.gif') center left no-repeat; }
#page-views li.ical a { background: transparent url('/App_Themes/KWC/img/page-ical-up.gif') center left no-repeat; }
#page-views li.ical a:hover, #page-views li.ical a:active { background: transparent url('/App_Themes/KWC/img/page-ical-over.gif') center left no-repeat; }
/***** end page views *****/

.front-box { width: 300px; background: transparent url('/App_Themes/KWC/img/world-tile-side-header.png') top left no-repeat; padding-top: 18px; clear: both; color: #002942; position: relative; }
.front-box .outer { background: transparent url('/App_Themes/KWC/img/world-tile-side-footer.png') bottom left no-repeat; padding-bottom: 18px; }
.front-box .inner { background: #fff url('/App_Themes/KWC/img/smallbox-grad-repeat.jpg') bottom left repeat-x; height: 304px; border: 1px solid #0081c6; border-top: 0; border-bottom: 0; }
.front-box .content { padding: 0 12px; }

.box-actions { position: absolute; bottom: 12px; right: 24px; }
.box-actions ul { margin: 0; padding: 0; list-style-type: none; }
.box-actions ul li { display: inline; }

.box-actions ul li.register a.btn img { vertical-align: middle; padding: 0; padding-bottom: 2px; }

/***** large content box *****/
.large-box { width: 640px; background: transparent url('/App_Themes/KWC/img/contentbox-header.png') top left no-repeat; padding-top: 18px; text-align: justify; }
.fullcol .large-box { width: 982px; background: none; padding: 0; position: relative; left: -71px; }
.large-box a { color: #5b97b1; }
.large-box a:hover, .large-box a:active { text-decoration: underline; }
.large-box .outer { background: transparent url('/App_Themes/KWC/img/contentbox-footer.png') bottom left no-repeat; padding-bottom: 18px; }
.large-box .inner { background: #fff url('/App_Themes/KWC/img/contentrelatedbox-grad-repeat.jpg') bottom left repeat-x; min-height: 391px; border: 1px solid #0081c6; border-top: 0; border-bottom: 0; }
.large-box .content { padding: 50px 55px 50px 50px; position: relative; }
.fullcol .large-box .outer { background: none; padding: 0; }
.fullcol .large-box .content { padding: 0; border: 1px solid #0081c6; border-left: 0; border-right: 0; }
/***** end main content box *****/

#page-subnav, #register-btn { float: left; clear: both; margin-bottom: 20px; }

#register-btn { width: 158px; height: 34px; margin: 0; }
#register-btn a { display: block; width: 100%; height: 100%; background: transparent url('/App_Themes/KWC/img/large-register-up.png') top left no-repeat; }
#register-btn a:hover { background: transparent url('/App_Themes/KWC/img/large-register-over.png') top left no-repeat; }
#register-btn a:active { background: transparent url('/App_Themes/KWC/img/large-register-down.png') top left no-repeat; }

/***** small content boxes *****/
.nav-box { float: left; clear: left; padding-right: 12px; width: 158px; background: transparent url('/App_Themes/KWC/img/world-sidenav-header.png') top left no-repeat; padding-top: 18px; }
.nav-box .outer .inner .content a { color: #5b97b1; }
.nav-box a:hover, .nav-box a:active { text-decoration: underline; }
.nav-box .outer { background: transparent url('/App_Themes/KWC/img/world-sidenav-footer.png') bottom left no-repeat; padding-bottom: 18px; }
.nav-box .inner { background: #fff url('/App_Themes/KWC/img/smallbox-grad-repeat.jpg') bottom left repeat-x; min-height: 100px; border: 1px solid #0081c6; border-top: 0; border-bottom: 0; }
/***** end small content boxes *****/

.file-list ul { margin: 0; padding: 0; list-style-type: none; }
.file-list ul li { margin-bottom: 10px; }
.file-list-name { font-weight: bold; color: #0081c6; }

a.continue { padding-left: 30px; line-height: 16px; background: transparent url('/App_Themes/KWC/img/page-readmore-up.gif') 5px 0 no-repeat; }
a.continue:hover { background: transparent url('/App_Themes/KWC/img/page-readmore-over.gif') 5px 0 no-repeat; }
a.knxa { background: transparent url('/App_Themes/KWC/img/X-footer.gif') 5px 0 no-repeat; padding-left: 25px; color: #d8d8d8; }

.more { text-align: right; margin-top: 10px; height: 15px; line-height: 15px; }
.more a { display: block; padding-right: 10px; }
.more a:hover { background: transparent url('/App_Themes/KWC/img/side-blue-right-over.gif') center right no-repeat; }
.more a:active { background: transparent url('/App_Themes/KWC/img/side-blue-right-down.gif') center right no-repeat; }
.more a div { padding-left: 10px; display: inline; }
.more a:hover div { background: transparent url('/App_Themes/KWC/img/side-blue-left-over.gif') center left no-repeat; }
.more a:active div { background: transparent url('/App_Themes/KWC/img/side-blue-left-down.gif') center left no-repeat; }

.agenda td { font-size: 11px; text-align: left; vertical-align: top; border-top: 1px solid #ddd; }
.noborder td { border: 0; }

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'); } 

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

.social-networks { height: 24px; }
.social-networks ul { margin: 0; padding: 0; list-style-type: none; }
.social-networks ul li { display: inline; }
.social-networks ul li a { display: block; float: left; width: 24px; height: 24px; margin-left: 5px; }

.social-networks li.twitter a { background: transparent url('/App_Themes/KenexaGlobal/img/networking/twitter-up.png') center center no-repeat; }
.social-networks li.twitter a:hover, .social-networks li.twitter a:active { background: transparent url('/App_Themes/KenexaGlobal/img/networking/twitter-over.png') center center no-repeat; }
.social-networks li.linkedin a { background: transparent url('/App_Themes/KenexaGlobal/img/networking/linkedin-up.png') center center no-repeat; }
.social-networks li.linkedin a:hover, .social-networks li.linkedin a:active { background: transparent url('/App_Themes/KenexaGlobal/img/networking/linkedin-over.png') center center no-repeat; }