/* RESET
------------------------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table { border-collapse: separate; border-spacing: 0; }
th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }
a img { border: none; }
input:focus, textarea:focus { outline: none; }

/* CLASSES
------------------------------------- */

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

body { behavior: url("csshover3.htc"); } 

/* TYPOGRAPHY
------------------------------------- */

body { font-size: 12px; color: #404040; background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; line-height: 1; }

h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
h1 { font-size: 18px; color: #474747; }
h2 { font-size: 18px; }
h3 { font-size: 19px; font-weight: bold; line-height: 20px; margin-bottom: 20px; color: #2370b8; border-bottom: 1px solid #e9f3ff; padding: 10px 10px 10px 0; }
h4 { font-size: 14px; font-weight: bold; line-height: 16px; margin-bottom: 15px; text-transform: uppercase; color: #252525; }
h5 { color: #fbb015; font-size: 28px; margin: 5px 0 8px 0; }

p { font-size: 12px; line-height: 17px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; }
p.last, h4.last { margin-bottom: 0; }
p.smallText { font-size: 11px; line-height: 13px; margin-bottom: 4px; }

a { text-decoration: none; color: #fbba10; }
a:hover { text-decoration: underline; }
a.withBullet { background: url(images/bullet4.gif) no-repeat 5px 0; padding-left: 24px; margin-right: 4px; }

strong { font-weight: bold; }
em { font-style: italic; }

li ul, li ol { margin: 0 1.5em; }
ul, ol { margin: 0; }
li { font-family: Arial, Helvetica, sans-serif; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }


/* CONTAINERS
------------------------------------- */

#main { background: url(images/headerBG.gif) repeat-x top; background-color: #e9f4f8; border-bottom: 1px solid #D7D7D7; }
#contentContainer { width: 948px; margin: 0 auto; background: url(images/mainBG.gif) repeat-x top; padding: 0 26px; }

#languageSelect { width: 140px; height: 30px; position: absolute; margin: 6px 0 0 590px; text-align: right; }

#container-one { width: 948px; margin: 0 0 25px 0; position: relative;  }
#timeChart { width: 948px; margin: 0 0 25px 0; }

#language { width: 150px; float: left; display: inline; }
#bodyLogo { width: 155px; height: 167px; float: left; display: inline; margin-right: 20px; margin-bottom: 5px; }
#introText { width: 740px; float: left; display: inline; margin-bottom: 25px; margin-top: 20px; position: relative; }
#introText h1 { color: #fbb015; font-size: 28px; margin: 5px 0 8px 0; }
#introText p { color: #898683; line-height: 18px; margin-bottom: 0; }

/* HEADER
------------------------------------- */

#header { height: 109px; width: 1000px; margin: 0 auto; background: url(images/headerBG2.gif) repeat-x top; position: relative; }

#logo { width: 155px; height: 167px; float: left; display: inline; margin: 8px 0 0 20px; background: url(images/logo_meetingPlanner.png) no-repeat; }
#logo2 { height: 57px; margin: 14px 22px 0 0; float: right; }

#nav { position: absolute; height: 30px; right: 25px; top: 88px; }
#nav ul { list-style-type: none; }
#nav li { display: block; margin-left: 5px; float: left; }
#nav li a { color: #474747; text-transform: uppercase; padding: 7px 7px 7px 20px; float: left;  }
#nav li a:hover { text-decoration: none; background: url(images/navBullet.gif) no-repeat 5px 7px; background-color: #fbba10; color: #FFFFFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/*a.logo { background: url(images/logo.png) no-repeat 8px 30px; height: 80px; width: 215px; display: block; text-indent: -9999px; }*/


/* HOST CITY / TIME & DATE
------------------------------------- */

.short-container { width: 469px; float: left; }
.addTen { margin-right: 10px; }
#bigArrow { position: absolute; width: 87px; height: 87px; left: 430px; top: 55px; z-index: 100; }

.short-container-top { height: 34px; background: url(images/TitleBG1.png) no-repeat; line-height: 34px; padding-left: 35px; font-size: 11px; color: #757575; }
.short-container-mid { background-color: #FFFFFF; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; overflow: hidden; padding: 15px 0 10px 25px; height: 120px; }
.short-container-bot { height: 5px; background: url(images/cnr_bot1.png) no-repeat; overflow: hidden; }
.short-container-top h1 { float: left; margin-right: 10px; }
.short-container-top span { margin-right: 7px; color: #d0d0d0; }

.short-container-mid.rightSide { padding-left: 50px; }
.short-container-mid p { padding: 0; margin: 0; color: #fbba10; font-size: 11px; margin-bottom: 3px; }
.short-container-mid fieldset { width: 265px; float: left; }
.short-container-mid .inputBG { background: url(images/formField1.png) no-repeat top left; width: 252px; height: 29px; margin-bottom: 10px; overflow: hidden; float: left; }

.short-container-mid .inputGrey { background: none; border: none; width: 236px; height: 17px; margin: 0 0 12px 6px; font-size: 12px; color: #404040; padding: 6px 6px 6px 0; }
.short-container-mid select { width: 250px; margin-bottom: 12px; height: 25px; }
.short-container-mid.withMap { background: url(images/BGmap.gif) no-repeat right; background-color: #FFFFFF; position: relative; }
.short-container-mid .aOpenMap { float: left; color: #121212; font-weight: bold; font-size: 11px; position: absolute; top: 70px; left: 300px; float: left; display: inline; background: url(images/icon_plus.gif) no-repeat; padding: 0 0 0 25px; line-height: 18px; height: 18px; }

.short-container-mid .datePicker { float: left; }

.short-container-mid.rightSide .holder { float: left; dislay: inline; width: 120px; }
.short-container-mid.rightSide select.short { width: 100px; float: left; }

/* Time Format Button */
.short-container-mid.rightSide .holder a.timeBTN-L, .short-container-mid.rightSide .holder a.timeBTN-R { text-align: center; width: 43px; height: 29px; line-height: 29px; color: #404040; font-size: 12px; display: block; float: left; }
.short-container-mid.rightSide .holder a.timeBTN-L { background: url(images/timeBTN-L-up.gif) no-repeat; }
.short-container-mid.rightSide .holder a.timeBTN-R { background: url(images/timeBTN-R-up.gif) no-repeat; }
.short-container-mid.rightSide .holder a:hover.timeBTN-L,
.short-container-mid.rightSide .holder a.timeBTN-L.active { background: url(images/timeBTN-L-down.gif) no-repeat; text-decoration: none; color: #f18f12; }
.short-container-mid.rightSide .holder a.timeBTN-R.active { background: url(images/timeBTN-R-down.gif) no-repeat; text-decoration: none; color: #f18f12; }

/* TIME CHART
------------------------------------- */

#timeChart-top { background: url(images/addParticipantTop.png) no-repeat; height: 48px; }
#timeChart-top p { padding: 22px 0 0 60px; color: #121212; font-size: 11px; font-weight: bold; }
#timeChart-addLocation { background-color: #f9f9f9; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; padding: 10px 20px 10px 20px; overflow: hidden; }
#timeChart-mid { width: 926px; padding: 10px 10px 0 10px; background-color: #FFFFFF; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; overflow: hidden; }
#timeChart-bot { border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; padding: 3px 10px 0px 10px; background-color: #FFFFFF; overflow: hidden; }
#timeChart-bot-cnr { background: url(images/addParticipantBot.gif) no-repeat bottom; height: 5px;  }

#timeChart-mid .none-selected { text-align: center; padding: 60px 0; color: #cecece; font-size: 32px; }

#timeChart-bot-buttons { width: 470px; float: right; }
#timeChart-bot-buttons a.prev, #timeChart-bot a.next { width: 186px; height: 36px; float: left; display: inline; color: #121212; font-size: 11px; font-weight: bold; line-height: 31px; text-decoration: none; }
#timeChart-bot-buttons a.prev { background: url(images/BTN_prevSix.gif) no-repeat; margin: 0 5px 0 0; padding-left: 40px;  }
#timeChart-bot-buttons a.next { background: url(images/BTN_nextSix.gif) no-repeat; text-align: right; padding-right: 40px;  }

#timeChart-bot #key { width: 420px; height: 36px; float: left; display: inline; margin: 0 0 0 15px; }
#timeChart-bot #key p { float: left; font-size: 11px; line-height: 31px; margin-right: 15px; }
#timeChart-bot #key p b { color: #121212; background: url(images/line.gif) no-repeat right; padding-right: 10px; }
#timeChart-bot #key p.key1 { background: url(images/key_yellow.gif) no-repeat right; padding-right: 25px; }
#timeChart-bot #key p.key2 { background: url(images/key_blue.gif) no-repeat right; padding-right: 25px; }
#timeChart-bot #key p.key3 { background: url(images/key_orange.gif) no-repeat right; padding-right: 25px; }

#timeChart-addLocation fieldset { float: left; margin-top: 2px; }
#timeChart-addLocation select { width: 250px; margin-right: 10px; padding: 0; }
#timeChart-addLocation a.locate { float: left; display: inline; background: url(images/icon_plus.gif) no-repeat; padding: 0 20px 0 25px; line-height: 18px; margin: 3px 0 0 3px; height: 18px; color: #121212; font-size: 11px; font-weight: bold;  } 

#timeChart-mid-inner-top { width: 926px; height: 6px; background: url(images/timechartBG_top.gif) no-repeat; overflow: hidden; }
#timeChart-mid-inner-mid { width: 914px; padding: 0 6px; background-color: #f5f5f5; }
#timeChart-mid-inner-bot { width: 926px; height: 6px; background: url(images/timechartBG_bot.gif) no-repeat; margin: 0 0 10px 0; overflow: hidden; }

/* Time Chart Table */
   /* 
   Yellow - #fff8c8
   Blue   - #d0f5fa
   Orange - #fbba10
   */

.timeChart-table { background-color: #ffffff; }
.timeChart-table td { width: 60px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #DFDFDF; padding: 0 0 0 0; background: url(images/dottedLine1.gif) repeat-y center; background-color: #fff8c8; }
.timeChart-table td.blue { background: url(images/dottedLine2.gif) repeat-y center; background-color: #D0F5FA; }
.timeChart-table td div.timeHalf.selected { background-color: #FBBA10; }

.timeChart-table td.first { border-top: 1px solid #DFDFDF; }
.timeChart-table td.noBorder { border-left: none; width: 208px; background: url(images/timeChartBG.gif) repeat-x bottom; padding-left: 10px; padding-top: 8px; }
.timeChart-table td.noBorder p { text-transform: uppercase; font-size: 11px; }
.timeChart-table td.noBorder p.hostType { height: 19px; text-transform: none; color: #FFFFFF; background: url(images/tooltip_orange.png) no-repeat; padding: 3px 0 0 5px; }
.timeChart-table td.noBorder p.hostType.blue { background: url(images/tooltip_blue.png) no-repeat; }
.timeChart-table td.noBorder img { float: right; width: 18px; height: 18px; margin-right: 11px; }

.timeChart-table td div.timeHolder { width: 60px; position: relative; }
.timeChart-table td div.timeHalf { position: absolute; float: left; display: inline; width: 30px; height: 85px; }
.timeChart-table td div:hover.timeHalf  { background-color: #f8d068; cursor: pointer;  }
.timeChart-table td div.timeHalf.b { left: 30px; }

.timeChart-table td p.time, .timeChart-table td p.time-on { padding-left: 10px; line-height: 1.2; font-size: 14px; position: absolute; padding-top: 8px; }
.timeChart-table td p.time span, .timeChart-table td p.time-on span { font-size: 11px; }
.timeChart-table td p.time { background: url(images/timechart_bullet-grey.gif) no-repeat 0 11px; }
.timeChart-table td p.time-on { background: url(images/timechart_bullet-white.gif) no-repeat 0 2px; font-weight: bold; color: #FFFFFF; }


/* SEND INVITATION
------------------------------------- */

.sendInvite { width: 948px; margin: 25px auto 0 auto; padding: 0 26px 30px 26px; }
.sendInviteL { width: 627px; float: left; display: inline; margin: 0 20px 0 0; }
.sendInviteL-top { height: 34px; background: url(images/sendInviteBG.gif) no-repeat; line-height: 34px; padding-left: 35px; color: #FFFFFF; font-size: 11px; }
.sendInviteL-mid { background: url(images/sendInviteBG2.gif) no-repeat bottom; background-color: #FFFFFF; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; padding: 12px 20px 10px 25px; }
.sendInviteL-bot { background: url(images/sendInviteBG3.gif) no-repeat; height: 8px; }

.sendInviteL-top h1 { margin-right: 10px; float: left; color: #FFFFFF; }
.sendInviteL-top span { margin-right: 8px; }

.sendInviteL-mid-L { float: left; width: 260px; margin-right: 30px; }
.sendInviteL-mid-R { float: left; width: 290px; }
.sendInviteL-mid p { font-size: 11px; margin: 0 0 3px 0; padding: 0; }

/*Forms*/
.sendInviteL-mid .inputBG { background: url(images/formField1.png) no-repeat top left; width: 254px; height: 29px; margin-bottom: 10px; overflow: hidden; }
.sendInviteL-mid .textareaBG { background: url(images/formField2.png) no-repeat top left; width: 280px; height: 90px; margin-bottom: 20px; overflow: hidden; }
.sendInviteL-mid .inputBG input.textBox { background: none; border: none; width: 236px; height: 17px; margin-left: 6px; padding: 6px 6px 6px 0; font-size: 12px; color: #404040;  }
.sendInviteL-mid .textareaBG textarea { background: none; border: none; width: 264px; height: 70px; margin: 3px 0 0 6px; padding: 6px 6px 6px 0; font-size: 12px; color: #404040; }
.sendInviteL-mid input.checkbox { float: left; margin: 0 5px 0 0; }
.sendInviteL-mid p.offers { width: 350px; float: left; }
.sendInviteL-mid span.checkbox { float: left; }
.sendInviteL-mid .sendInviteBTN { float: right; margin-right: 10px; }

.promo { width: 270px; float: left; display: inline; padding: 0 15px; margin-bottom: 30px; }
.promo p.title { color: #fbba10; font-size: 14px; }
.promo p { font-size: 11px; line-height: 1.3; }
.promo p em { color: #fbba10; }

.sendInviteL-mid-thankyou {color: #898683; line-height: 22px; margin-bottom: 0;font-size: 16px; float: left; width: 400px; margin-right: 30px; }

/* FOOTER
------------------------------------- */

#footer { float: right; padding-right: 105px; margin-bottom: 30px; }

/* POPUP
------------------------------------- */
#popup { width: 100%; margin: 0 auto; }

#tl { height: 45px; padding: 0 0 0 20px; background: url(images/popup_tl.png) no-repeat 0 0; }
#tr { height: 45px; background: url(images/popup_tr.png) no-repeat 100% 0; }
#ml { padding: 0 0 0 20px; background: url(images/popup_ml.png) repeat-y 0 0; }
#mr { background: url(images/popup_mr.png) repeat-y 100% 0; }
#bl { height: 21px; padding: 0 0 0 20px; background: url(images/popup_bl.png) no-repeat 0 0; font-size: 1px; line-height: 1px; }
#br { height: 21px; background: url(images/popup_br.png) no-repeat 100% 0; }

#popup .header-copy { height: 33px; overflow: hidden; padding: 10px 30px 0 5px; position: relative; line-height: 35px; color: #FFFFFF; font-size: 11px; } 
#popup .header-copy h1 { margin-right: 10px; float: left; color: #FFFFFF; } 
#popup .header-copy span { margin-right: 8px; } 
#popup .close { display: block; width: 22px; height: 22px; font-size: 1px; line-height: 1px; text-indent: -9999px; background: url(images/BTN_close.png) no-repeat 0 0; position: absolute; top: 17px; right: 20px; }
/*#popup .header-copy { height: 33px; overflow: hidden; margin: 0 30px 0 5px; padding: 10px 0 0 0; position: relative; line-height: 35px; color: #FFFFFF; font-size: 11px; }
#popup .header-copy h1 { margin-right: 10px; float: right; color: #FFFFFF; }
#popup .header-copy h1 a { margin-right: 10px; float: right; color: #FFFFFF; }
#popup .header-copy h1 a:hover { margin-right: 10px; float: right; color: #FFFFFF; }
#popup .header-copy h1 a:visited { margin-right: 10px; float: right; color: #FFFFFF; }
#popup .header-copy span { margin-right: 8px; }*/

#popup .body-copy { background: #fff; margin: 0 30px 0 10px; padding: 12px 0 15px; }

.ajaxprogress { background-color:#FBB015; width:180px;height:60px; font-size:16px; color:#fff; z-index:1000; }
.ajaxprogress img { vertical-align:middle; margin:2px; }

/* INTROBULLETS
------------------------------------- */
#introText li ul, li ol { margin: 0 1.5em; }
#introText ul, ol { margin: 0 0 0 8px; }
#introText li { font-family: Arial, Helvetica, sans-serif; line-height: 21px; color:#898683; }
#introText ul { list-style-image:url(images/bulletCircle.gif); repeat: no-repeat; margin: 10px 0 0 20px;  }
#introText ol { list-style-type: decimal; }