﻿* { margin: 0; padding: 0; font-size: 12px; }
body { font-family: verdana,tahoma; background-color: #d3d3d3 }
a { color: black }
table { border-collapse: collapse }
th,td { padding:0 }
img { border:none }

.GlobalContainer {}
.Header 
{ 
    height: 72px; 
    border: 1px solid black; 
    background: #fd2d2d; /*url('images/border.gif') top repeat-x*/
}
.Header a { display: block; width: 222px; height: 72px; background-image: url('images/logo.gif') }
.Header table { width: 100%; font-size: 12px; font-weight: bold; color: white }
.button { width: 77px; height: 27px; border: 1px solid black; font-size: 12px; color: white; text-align: center;
	line-height: 24px; background: #fd2d2d; cursor: pointer }
.content { padding: 8px }
h1,h2,h3,h4 { font-family: verdana; padding: 0; margin: 0 }
h1 { font-size: 22px; }
h2 { font-size: 14px; font-weight: normal }
h3 { font-size: 12px; font-weight: normal; color: #585858; border-bottom: 1px solid #b2b2b2; padding: 5px 0 2px }
h4 { font-size: 12px; font-weight: bold; line-height: 60px }
ul { font-size: 12px; padding-left: 18px }
p { font-size: 12px; margin-bottom: 10px; line-height: 18px; }

/*h3 span.left { float: left; }*/
h3 span { float: right; }
h3 span strong { margin: 0 3px 0 0; }

.notes { font-size: 11px; padding-top: 3px; border-top: 1px solid #b2b2b2; margin-top: 20px }
.notes b { color: #fd2d2d }
div#boothSpaceNotes textarea {width:400px; height:50px;}

/* Left Navigation */
.LeftNav {width:368px;padding:1px 0 4px;background-color:white}
.NavItem {background:url(images/navItemBg_na.gif) right center no-repeat #f7f7f7; 
          height:55px; width:356px; border:2px solid #d6d6d6; margin:4px 4px 0 4px; display:block; text-decoration:none}
.NavGraphic {}
.NavItem:hover, .NavItem.active {background:url(images/navItemBg_a.gif) right center no-repeat #d3d3d3}
.NavItem th { text-align: left; width: 105px; }
.NavItem img { height:55px}
.NavItem td {width:250px; font-size:11px;color:#777777}
.NavItem:hover td, .NavItem.active td { color:black }
.NavItem td span {display:block; font-size:14px; font-weight:bold; margin-bottom:5px;color:black}
    
.workspace { padding: 20px; background-color: White; }

.fieldset { margin-top:20px }
.caption { height:27px; background:url('images/border2.gif') bottom repeat-x; line-height:27px;
	font-size:12px; font-weight:bold; color:#515050 }
.caption span { padding:0 17px; background-color:#d4d4d4; display:table-cell; height:27px }
.fieldForm { border-left:2px solid #d4d4d4; border-right:2px solid #d4d4d4; border-bottom:2px solid #d4d4d4;
	background-color:#e5e5e5 }
.fieldForm table { width:100% }
.fieldForm tr { height: 30px; }
.fieldForm th { font-size: 14px; font-weight: normal; text-align: right; vertical-align: top; width: 187px }
.fieldForm td span { font-size: 10px; }
.separator { width:26px }
.fieldForm input, .fieldForm select { border:1px solid #9d9d9d; height:22px;
	padding:0; width:98% }
.fieldForm textarea { border:1px solid #9d9d9d; line-height:14px; height:50px;
	padding:0; width:98% }
.validator { width:76px; text-align:center; color:red }
.save { padding-top:20px; text-align:right }
.saveNew { padding-top:20px; padding-bottom:10px; text-align:left }
.login { width:412px; margin:150px auto 0 auto }
.small { font-size:11px; line-height:20px }
.small a { color:#fd2d2d }

body#login { background-color: white; }
.loginFields { font-size:14px; padding:10px 0; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2;
	background-color:#e1e1e1; margin:10px 0 }
.loginFields th { text-align:right }
.textField { border:1px solid #9d9d9d; line-height:22px; height:22px; padding:0; width:270px; margin-left:26px }
.textFieldAlert { border:1px solid #9d9d9d; line-height:22px; height:22px; padding:0; width:200px; margin-top:5px;}

#indicator { display: none; float: left; margin-top: 4px; }
div#booths #indicator { display: none; float: none; margin-top: 4px; }
#indicator span { display: inline-block; background-color: yellow; padding: 2px 6px; font-weight: bold; font-size: 12px; }

/* progress-message */
#progress-message {	display: none; position: absolute; top: 5px; z-index: 1000; padding: 3px 8px; 
	font-size: 15px; font-weight: bold; }
#progress-message.info { background-color: #ff973c; }
#progress-message.warning { background-color: #e3f; }
#progress-message.error { background-color: #f22; }

/* validation-summary */
.validation-summary-errors { display: none; width: 99%; overflow: hidden; border: solid 2px #f22; color: red; 
	background-color: #fdd; margin: 4px 0 12px 0; line-height: 14px; padding: 3px 0; list-style: none; }
.validation-summary-errors li { font-size: 11px; clear: left; padding: 0 10px; line-height: 16px; }

/* message-box */
.message-box .ui-icon { display: inline-block; *display: inline; margin: 0 7px 20px 0; vertical-align: top; }
.message-box .ui-message { display: inline-block; width: 250px; }

/* custom */
#printable-agreement { display: inline-block; padding: 20px; }

#importantinfo h2 { font-size: 18px; font-weight: bold; padding: 5px 0 10px 0; }
#importantinfo h3 { font-size: 16px; font-weight: bold; padding: 5px 0; border: none; color: #000; }
#importantinfo table tr td,
#importantinfo table tr th { padding: 5px; }
#importantinfo table tr th { text-align: left; }

#booths #bpc-header { padding: 10px 0; font-size: 16px; font-family: arial; }
#booths #bpc-header b { display: block; width: 100%; font-size: 15px; font-family: verdana; margin-bottom: 5px; }
#booths #booth-selection { margin: 10px 0 0 0; }
#booths #booth-selection strong { display: inline-block; width: 200px; text-align: right; margin: 0 5px 10px 0; }
#booths #booth-selection select { padding: 2px; }
#booths #attendbpc-container { display: block; width: 100%; font-size: 15px; font-weight: bold; text-align: center; }
#booths #print-agreement { width: auto; padding: 0 10px; }

#participants #addnew { width: auto; padding: 0 15px; height: 24px; }
#participants .contact { border-top: solid 1px #ddd; margin: 10px 0 0 0; }
#participants #newitem { border: none; }
#participants .contact .save { padding: 5px 0 0 0; }
#participants .contact .save .button { padding: 5px 0 0 0; width: auto; padding: 0 15px; height: 24px; }
#participants .contact .save .link { padding: 5px 0 0 0; width: auto; padding: 0 5px; height: 24px; }
#participants .contact .saveNew .link { padding: 5px 0 0 0; width: auto; padding: 0 5px; height: 24px; }
#participants .contact .fullname { font-size: 14px; color: #555; }

.sponsorship-section h2 { margin: 5px 0 2px 0; font-size: 14px; font-weight: bold; color: #333; }
.sponsorship-section .item { border: 1px solid #999; width: 100%; height: 164px; margin: 0 10px 10px 0;
    overflow: visible; }
.sponsorship-section .item .header { background-color: #a3a3a3; color: #fff; font-size: 14px; padding: 4px;
    text-indent: 4px; }
.sponsorship-section .item .added { background-color: #01cc01; }
.sponsorship-section .item .content { display: inline-block; padding: 8px; width: 810px; }
.sponsorship-section .item .content .image { float: left; width: 120px; height: 120px; margin: 0; background-color: #e6e6e6; }
.sponsorship-section .item .content .image img { width:120px; height: 120px;}
.sponsorship-section .item .content .description { float: left; width: 680px; height: 94px; margin: 0 0 0 10px;
    overflow: auto; }
.sponsorship-section .item .content .action { float: left; width: 680px; color: #666; font-size: 11px; margin: 8px 0 0 10px; }
.sponsorship-section .item .content .action a { float: right; padding: 2px 20px; color: #2550f5; }
.sponsorship-section .item .content .action a.add { border: 1px solid black; color: #fff; background-color: #fd2d2d;
    text-decoration: none; }

#submitpayment h4 { font-size: 16px; margin: 30px 0 5px 0; padding: 0; line-height: 22px; border-bottom: solid 1px #ddd; }
#submitpayment .contact { line-height: 16px; margin: 0 0 8px 0; }
#submitpayment .contact .fullname { font-size: 14px; color: #555; }
#submitpayment #payment-method select { width: 300px; padding: 2px; }
#submitpayment #submit,
#submitpayment #print-billing { width: auto; padding: 0 10px; }
#submitpayment #paymentnotes-container { margin: 10px 0 0 0; display: none; }
#submitpayment #paymentnotes-container label { display: block; width: 100%; font-size: 11px; }
#submitpayment #paymentnotes-container textarea { display: block; width: 100%; height: 60px; }

#invoice { display: inline-block; width: 750px; margin: 20px; border: solid 1px #aaa; padding: 10px; 
    font-family: arial; }
#invoice h1 { width: 99%; font-family: Century Gothic; font-size: 18px; font-weight: bold; 
	background-color: #eee; padding: 10px 4px 20px 4px; }
#invoice p { width: 370px; float: left; }
#invoice p label { width: 100px; font-weight: bold; text-align: right; padding: 5px; }
#invoice h2 { width: 99%; font-size: 14px; font-weight: bold; margin-bottom: 10px; 
	background-color: #eff; padding: 2px 4px; text-transform: uppercase; }
#invoice #items table { font-size: 12px; width: 100%; }
#invoice #items td { border: 1px solid #aaa; vertical-align: top; padding: 3px; }
#invoice #items td.first { border-left: 1px solid #aaa; }
#invoice #items tr.header { font-weight: bold; text-transform: uppercase; text-align: center; }
#invoice #items tr.header td { text-align: center; background-color: #eee; }
#invoice #items td.date { width: 80px; text-align: center; }
#invoice #items td.quantity { width: 75px; text-align: center; }
#invoice #items td.description { width: 380px; }
#invoice #items td.price { width: 90px; text-align: right; }
#invoice #items td.subtotal { width: 90px; text-align: right; }
#invoice #items #total { float: left; clear: both; width: 98%; font-size: 14px; font-weight: bold; 
	text-align: right; text-transform: uppercase; padding: 5px; }

#billing-items table { width: 100%; }
#billing-items table * { font-size: 11px; }
#billing-items table th,
#billing-items table td { border: solid 1px #ddd; padding: 4px 5px; }
#billing-items table th { text-transform: uppercase; background-color: #eee; }
#billing-items table td.date { width: 90px; text-align: center; }
#billing-items table td.quantity { width: 90px; text-align: center; }
#billing-items table td.price { width: 120px; text-align: right; }
#billing-items table td.subtotal { width: 120px; text-align: right; }
#billing-items #summary { display: inline-block; width: 100%; }
#billing-items #summary > div { float: right; width: 266px; }
#billing-items #summary > div * { display: inline-block; width: 120px; padding: 4px 5px; text-align: right; font-size: 11px; 
    text-transform: uppercase; }
#billing-items #summary label#due { font-weight: bold; }
#billing-items #summary span { border: solid 1px #ddd; border-top: none; }

#needhelp-content div { margin: 20px 0 0 0; }

#messages-indicator {margin-top:4px; font-weight:bold; text-align:justify;}

#sponsorships #printable-listing-a { color: #2550f5; }
#sponsorships p#levels { margin-top: -8px; padding-bottom: 10px; }
#sponsorships p#levels span { display: block; }
