@charset "UTF-8";
/* CSS Document */

body { background: url(images/bg-wall.jpg) top center no-repeat #000; padding: 0; margin: 0; text-align: center; color: #333; font-size: 10px; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; }

h1 { font-size: 3.6em; margin: 0; padding: 0 0 5px 0; }
h2 { font-size: 2.7em; font-weight: normal; margin: 0; padding: 10px 0 2px 0; }
h3 { font-size: 2.1em; margin: 0; padding: 10px 0 2px 0; }
h4 { font-size: 1.8em; font-weight: normal; margin: 0; padding: 10px 0 2px 0; }
h5 { font-size: 1.6em; font-weight: normal; margin: 0; padding: 10px 0 2px 0; }
h6 { font-size: 1.3em; margin: 0; padding: 10px 0 2px 0; }

p { font-size: 1.2em; padding: 5px 0 10px 0; margin: 0; line-height: 1.6em; }

a { color: #942418; }
a:hover { color: #db1500; }

img a { border: none; }

ul, ol { padding: 0 0 0 25px; margin: 0;}
li { font-size: 12px; padding: 3px 0;}

table { font-size: 12px; border: solid 1px #666; margin: 5px 0 10px 0; }
tr {}
th, td { border: solid 3px #fff; padding: 5px 20px 4px 6px; }
th { background-color: #666; color: #fff;  }
td { background-color: #f2f2f2; }

hr {}

#container { margin: 0 auto; text-align: left; width: 960px; position: relative; min-height: 800px; }
#header { width: 960px; height: 200px; padding: 0; margin: 0; }
#header a, #header img { border: none; }
a.logo { display: block; width: 300px; height: 195px; background: url(images/logo.jpg) no-repeat 0 0; float: left; padding: 0; margin: 0 0 0 -7px; border: none; }
a:hover.logo { background-position: 0 -229px; }

#content { min-height: 700px; margin-top: -20px; }

#frame { background: url(images/frame-repeating.jpg) repeat-y top right; width: 579px; padding: 0 70px; float: right; margin: 0 0 70px 0; }
.frame-top { margin: 0 0 0 -68px; }
.frame-bottom { margin: 0 0 0 -68px; }
#sponsors { margin: 40px 0 -10px -5px; width: 620px; padding: 0 0 3px 0; }
#sponsors img { margin: 0 10px 0 0; box-shadow: 3px 3px 3px #888; }
#sponsors a { border: none; }

#sponsor-page img, #sponsor-page a { border: none; }

#committee h2 { font-weight: bold; font-size: 2em; padding: 20px 0 3px 0; }
#committee h3 { font-weight: bold; font-size: 1.5em; padding: 0; }
#committee p { font-size: 1.4em; padding: 0; }

#footer { width: 960px; height: 123px; clear: both;}
#footer a { border: none; }
a.footer-shrm, a.footer-okhr, a.footer-facebook, a.footer-twitter, a.footer-linked, a.footer-youtube { display: block; background: url(images/footer-buttons.jpg) no-repeat; } 
a.footer-shrm { height: 132px; width: 160px; float: left; margin: 0 0 0 0; background-position: 0 0; }
a:hover.footer-shrm { background-position: 0 -157px; }
a.footer-okhr { height: 132px; width: 160px; float: right; margin: 0 0 0 0; background-position: -470px 0; }
a:hover.footer-okhr { background-position: -470px -157px; }
a.footer-facebook { height: 130px; width: 70px; float: left; margin: 0 0 0 205px; background-position: -205px -15px; }
a:hover.footer-facebook { background-position: -205px -153px; }
a.footer-twitter { height: 130px; width: 40px; float: left; margin: 0 0 0 0; background-position:  -275px -15px; }
a:hover.footer-twitter { background-position: -275px -153px; }
a.footer-linked { height: 130px; width: 45px; float: left; margin: 0 0 0 0; background-position: -315px -15px; }
a:hover.footer-linked { background-position: -315px -153px; }
a.footer-youtube { height: 130px; width: 70px; float: left; margin: 0 0 0 0; background-position: -360px -15px; }
a:hover.footer-youtube { background-position: -360px -153px; }

.coppyright-info { clear: both; color: #fff; border-top: solid 1px #a97a14; text-align: center; }
.coppyright-info a { color: #a97a14 }
.coppyright-info a:hover { color: #c7a633; }
.coppyright-info p { font-size: 1em;}

/*----ADMIN BAR----*/
#admin-bar { margin-left: -20px;}
#admin-bar ul li { float: left; margin: 0 20px 0px 0; list-style: none; display: block; font-size: 15px; background: #cae3ff; padding: 5px;}

/*----SUCCESS AND ERROR MESSAGES----*/
#success { display: block; background: #d0ff7e; border: solid 1px #80b525; color: #2a3f05; padding: 10px; font-size: 14px; font-weight: bold; margin: 10px 0 3px; float: left; }
#error { display: block; background: #faebbe; border: solid 1px #c14422; color: #3c1207; padding: 10px; font-size: 14px; font-weight: bold; margin: 10px 0 3px; }

/*----BUTTONS----*/
a.gray-button, #keynote-feature a.gray-button { display: block; padding: 4px 0 3px 0; margin: 20px 0 0 8px; width: 220px; background-color: #aaa; color: #fff; text-decoration: none; font-size: 1.3em; text-align: center; font-weight: bold; border-radius: 10px; border: solid 1px #666; }
a:hover.gray-button, #keynote-feature a:hover.gray-button { background-color: #999;  }
a.download-sponsor-brochure { background: url(images/sponsor-download.png) no-repeat 0 0; display: block; width: 280px; height: 90px; margin: 0 0 0 -25px; }
a:hover.download-sponsor-brochure { background-position: 0px -99px; }
a.register-now-button { float: right; display: block; background: url(images/register-now-button.jpg) no-repeat 0 0; width: 290px; height: 100px; }
a:hover.register-now-button { background-position: 0 -99px }

/*----COMMON CLASSES----*/
.large { font-size: 2em; }
.clear { clear: both;}
.float-left { float: left; }
.float-right { float: right; }
.margin-left { margin: 0 0 20px 20px; }
.margin-right { margin: 0 20px 20px 0; }
.smaller-1 { font-size: .9em; }
.smaller-2 { font-size: .8em; }
.smaller-3 { font-size: .7em; }
.smaller-4 { font-size: .6em; }
.bold { font-weight: bold; }

/* -------------------------- NAVIGATION -------------------------- */
#nav { width: 194px; padding: 30px 15px 0 20px; float: left; }
#nav a { margin: 4px 0 0 0; border: none; text-indent: -2000em; }
.nav-home, .nav-schedule, .nav-registration, .nav-keynotes, .nav-sessions, .nav-venue, .nav-expo, .nav-faq, .nav-entertainment, .nav-auction, .nav-sponsors, .nav-committee, .nav-media, .nav-materials { display: block; height: 40px; width: 189px; float: left; background: url(images/navigation-buttons.png) no-repeat 0 0; }
a.nav-home { background-position: 0 0; }
a:hover.nav-home { background-position: 0 -41px; }
a.nav-schedule { background-position: 0 -82px; }
a:hover.nav-schedule { background-position: 0 -123px; }
a.nav-registration { background-position: 0 -164px; }
a:hover.nav-registration { background-position: 0 -205px; }
a.nav-keynotes { background-position: 0 -246px; }
a:hover.nav-keynotes { background-position: 0 -287px; }
a.nav-sessions { background-position: 0 -328px; }
a:hover.nav-sessions { background-position: 0 -369px; }
a.nav-venue { background-position: 0 -410px; }
a:hover.nav-venue { background-position: 0 -451px; }
a.nav-expo { background-position: 0 -492px; }
a:hover.nav-expo { background-position: 0 -533px; }
a.nav-faq { background-position: 0 -574px; }
a:hover.nav-faq { background-position: 0 -615px; }
a.nav-entertainment { background-position: 0 -656px; }
a:hover.nav-entertainment { background-position: 0 -697px; }
a.nav-auction { background-position: 0 -738px; }
a:hover.nav-auction { background-position: 0 -779px; }
a.nav-sponsors { background-position: 0 -820px; }
a:hover.nav-sponsors { background-position: 0 -861px; }
a.nav-committee { background-position: 0 -902px; }
a:hover.nav-committee { background-position: 0 -943px; }
a.nav-media { background-position: 0 -984px; }
a:hover.nav-media { background-position: 0 -1025px; }
a.nav-materials { background-position: 0 -1066px; }
a:hover.nav-materials  { background-position: 0 -1107px; }


/*---------------- SOCIAL EVENTS AND NETWORKING ----------------*/
.social-events h2 { margin-top: 10px; }
.social-events h3 { margin-bottom: 0px; padding-bottom: 0px; }
.social-events h4 { margin-top: -5px; margin-left: 10px; }
.social-events img { margin: 27px 0 10px 15px; border: 1px solid #333; }

/*---------------- SOCIAL EVENTS AND NETWORKING ----------------*/
.shrm-auction { float: right; margin: 0 0 15px 15px; border: solid 1px #000; }

/*---------------- SESSION AND SCHEDULE PAGES ----------------*/

.mobi-only {display: none;}
#footer-mobi { display: none;}

#right-col { width: 185px; float: right; margin: 0 0 25px 25px; }

#times-box { margin: 5px 0 15px 0; padding: 10px 20px; width: 145px; background-color: #d3ddf0; border: dashed 2px #b6c2d8; }
#times-box a { color: #666; border: none; }
.session-time-day { margin: 0; font-size: 1.4em; font-weight: bold; }
.session-time-time { margin: 0 0 5px 0; font-size: 1.2em; font-weight: bold; padding: 5px 0 5px 0; border-bottom: solid 1px #b6c2d8; }
#times-table td { border: dotted 1px #bbb; }

#session-credits-box { width: 145px; margin: 0 0 30px 0; padding: 10px 20px; background-color: #d3ddf0; border: dashed 2px #b6c2d8; }
#session-credits-box p { font-size: 1em; }
#session-credits-box p.hrci-disclaimer { font-size: .9em;}

#session-location-box { width: 145px; margin: 0 0 30px 0; padding: 10px 20px; background-color: #d3ddf0; border: dashed 2px #b6c2d8; }
#session-location-box h3 { margin: 0; color: #fff; padding: 0px 10px; font-size: 1.6em; }
#session-location-box p { margin: 0; padding: 5px 10px; }

#session-speakers-box img { float: right; clear: both; margin: 10px 0px 20px 20px; }

#session-sponsor-box { border-top: solid 1px #c00; margin: 20px 0 0 0; }
#session-sponsor-box h2 { font-size: 1.6em; }

#session-list h4 { font-weight: bold; padding: 3px 0 0 0; }

#session-objectives-box h3 { font-size: 1.6em;}
#session-speakers-box h2 { font-size: 2.2em; font-weight: bold; }
.session-title-spkr { color: #999;}
h3.speaker-comp { font-size: 1.4em; margin: 0; padding: 3px 0 7px 0; }

#schedule-box { width: 100%; font-size: 1.4em; line-height: 1.8em; padding: 0 0 50px 0; }
.day-box { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: solid 1px #8095bb; }
.day-header { width: 100%; padding: 20px 0 0 0; clear: both; }
.day-header h2 { background: url(images/schedule-date-bg.png) no-repeat 0 0 #fff; color: #fff; margin: 0; padding: 18px 2% 10px 2%; width: 96%; font-size: 1.7em; font-weight: bold; text-align: center; border-top: solid 1px #ddd; }
.time-divider { clear: both; background-color: #ddd; height: 1px; margin: 0 0 0 0; }
.start-end-time { font-size: 1em; font-weight: bold; width: 20%; float: left; padding: 10px 0 0 2%; }
.session { width: 70%; float: right; padding: 8px 2% 8px 0; }
.session h4 { margin: 0; padding: 0; font-size: 1.2em; line-height: 1.8em; font-weight: bold; }
.increment {  font-size: 1.2em; width: 5%; float: left; padding: 0; color: #666; font-weight: bold; }
.session-conc { padding: 0 0 8px 0; border-bottom: dotted 1px #8095bb; margin: 0; width: 95%; float: right; }
.session-title, .speaker-names { padding: 0; font-weight: bold; font-size: 1.2em; color: #666; }
.sponsor, .location { font-size: .9em;}

h2.session-type-header { background: url(images/schedule-date-bg.png) no-repeat 0 0 #fff; color: #fff; margin: 0; padding: 10px 2% 10px 2%; width: 96%; font-size: 3em; font-weight: bold; text-align: center;  }
.session-list-cat-div h3 { background: url(images/session-type-bg.png) no-repeat 0 0 #fff; color: #fff; margin: 30px 0 0 -8px !important; padding: 6px 2% 10px 3% !important; width: 95%; font-size: 2em; font-weight: bold; }
.session-list-div { padding: 0 0; width: 96%; margin: 20px 2% 5px 2%; }
.session-list-div h4 { margin: 0; padding: 0; font-size: 1.4em; }
.session-list-div h3 { margin: 0; padding: 10px 0 3px 0; font-weight: bold; }
.session-list-div p { margin: 0; padding: 5px 0 10px 0; font-size: 1.4em; }
.session-list-sponsor { padding: 0 0 15px 0; }

.exam-prep { background-color: #fdd; }
.global { background-color: #dfd; }
.strategic { background-color: #ddf; }
.general { background-color: #ffb; }
.schedule-key-container { font-size: 1.4em; font-weight: bold; color: #999; width: 100%; float: left; }
.schedule-key { float: left; padding: 0 25px 0 0; }
.schedule-key-color { width: 20px; height: 15px; float: left; margin: 0 6px 0 0; }

#davinci, #vangogh, #michelangelo, #picasso, #renoir, #warhol { width: 90%; padding: 30px; border: solid 2px #000; margin: 15px 0; }

#davinci { background: url(images/bg-davinci.jpg) top right; }
#vangogh { background: url(images/bg-vangogh.jpg) top right; }
#michelangelo { background: url(images/bg-michelangelp.jpg) top right; }
#picasso { background: url(images/bg-picasso.jpg) top right; }
#renoir { background: url(images/bg-renoir.jpg) top right; }
#warhol { background: url(images/bg-warhol.jpg) bottom right; }

.art-inner, .art-inner-sold, .art-inner-sold-half { padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.art-inner { background: url(images/trans-white.png) repeat; }
.art-inner-sold { background: url(images/white-trans-sold.png) repeat; }
.art-inner-sold-half { background: url(images/white-trans-sold-half.png) repeat; }
#vangogh .art-inner-sold { background-position: 0px -60px; }