
/* Eric Meyerís CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
.Clear{clear:both;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* STYLESHEET STARTS HERE! */
body{text-align:center; font-size:62.5%; font-family:arial, sans-serif}
a{color:#32E7F1}
a:visited{color:#32E7F1}
a:hover{text-decoration:underline}
.main a{font-weight:bold}
#pagebody{width:992px; text-align:left; font-size:1.2em; margin:0 auto;}
#header{height:149px}
#content_container{margin-top:6px;}

span.regClosure {float:left; font-size:1.1em; font-weight:bold; color:#0072cf; margin:59px 0 0 73px;}

h4.edmminortitle{font-size:1.5em;margin-bottom:10px;}

#content{width:667px; float:left; background:#143884; color:#fff; min-height:605px; }
#content .main{padding:30px 26px 30px 30px; line-height:1.5em}
#rightBar{width:320px; float:right}

.top_nav{height:34px; width:100%; background:#0072cf; color:#fff; float:left; clear:both}
.top_nav li{display: block; float: left; margin-top: 9px; width: auto;}
.top_nav li a{padding:0px 11px 0 15px; border-right:1px solid #fff;  text-decoration:none; color:#fff}

.topArea{float:left; clear:both; border-bottom:1px #fff solid; width:100%; margin-bottom:15px; padding-bottom:31px; position:relative}
#sidebar{position:absolute; bottom:10px; width:100%; margin-top:4px; }
#sidebar li{display: block; float: left; width: auto;}
#sidebar li a{color:#4bc7e9; text-decoration:none;padding:0px 12px 0 0; margin-right:9px; border-right:1px solid #4bc7e9;  text-decoration:none;}

.topArea h1{font-size:3em; font-weight:bold; line-height:1}

.bbcLogo{background:url(/media/images/bbc-worldwide-logo_329.jpg) no-repeat left top; width:91px; height:68px; margin-top:33px; float:left; overflow:hidden; text-indent:-33em; letter-spacing:-10em; margin-bottom:15px}
.showcaseLogo{float:right; width:316px ;margin-right:-2px}
.showcaseLogo a{background:url(/media/images/showcaseLogo_330.jpg) no-repeat left top; width:316px; height:86px; margin-top:14px; display:block; overflow:hidden; text-indent:-33em; letter-spacing:-10em; margin-bottom:15px}

.footer{margin-top:36px; border-top:1px solid #cfcfcf; width:930px; clear:both; padding-top:20px; margin-bottom:20px; float:left}
.footer li{float:left; width:auto}
.footer a{color:#949494; text-decoration:none; padding-right:6px; margin-right:6px; border-right:1px solid #cfcfcf; font-size:0.8em}
.footer li a.last{border:0 none}


/*======FORM STYLES=======*/
span.attending { color: #6a6;}

span.notattending { color: #a66;}
div.register form, form#paymentForm { width:395px; background:none; padding:0;
 margin:7px 0;} 
div.register #personal input { border-width:0;}

div.register .textfield { width:220px;}

.longdrop, .longdrop { width:435px; overflow:visible;}
.longdrop option { width:auto;}

div.register form fieldset, form#paymentForm fieldset { width:auto; margin: 10px 0; padding:0;}
div.register label, form#paymentForm label { 
 float: left; font-weight: bold; clear: both;}
.limitwidth { width:400px;}
input.payMeth {float:left;}
label.bbcDisLbl { width:90% !important; float:left; margin-left:20px; clear:right !important;}
div.register form ol, form#paymentForm ol { padding:0; margin:0;}
div.register form li, form#paymentForm li { width:500px; padding:2px ;margin:0;}
div.register form ol li textarea { clear:both; float:right; margin:0; display:inline;}
div.register .error label,div.register .choices .error {	color: red;font-weight: bold;}
div.register form#inviteform fieldset label#acceptlabel,div.register form#inviteform fieldset label#declinelabel {height:38px; width:128px; display:block; overflow:hidden; letter-spacing:-30em; text-indent:-10em}
div.register form#inviteform fieldset label#acceptlabel{background:url(/media/images/accept-btn_355.jpg) no-repeat left top}
div.register form#inviteform fieldset label#declinelabel{background:url(/media/images/decline-btn_356.jpg) no-repeat left top}
div.register form#inviteform fieldset label#acceptlabel:hover,div.register form#inviteform fieldset label#declinelabel:hover{cursor:pointer; background-position:left -40px}
div.register li.sidebysideBTN{width:127px; float:left; margin-top:50px; clear:none;display:inline;}
div.register li.acceptLeftBTN{margin-left:109px; width:150px}

.addeptText{display:block; margin:15px 0}
#inviteform #personal input { border:1px solid #666;}
div.register label.travelLabel {float:right; width:400px; margin:0 70px 10px 0;}

/*=======ADMIN STYLES=======*/
form { width: 600px; background-color: #f8f7f7; float:left; margin-bottom:12px;}
#adminformcontainer form { display: none;}
#adminformcontainer form.show { display: block;}
#adminmenu { float: left; padding:10px; border: solid 1px; margin: 10px;}
a.show { font-weight: bold;}
form fieldset#personal input, textarea { border:1px solid #666; padding:2px;}
form strong, label { width: 180px; float: left; font-weight: bold; clear: both;}
input.submitbutton {cursor:pointer; background:url(/media/images/submit-btn_357.jpg) no-repeat left top;  border:0 none; padding:0;clear:both; margin-top:10px; margin-bottom:20px; height:38px; width:128px; overflow:hidden; letter-spacing:-1800em; margin-left:380px; text-align:left; color:#4A0D5D; font-size:1px }
input.submitbutton:hover {cursor:pointer; background-position:left -40px}
form ol { list-style: none; padding: 0;}
form li { clear: both; float: left; padding: 2px; width:500px;}
form fieldset#personal li select{ width:155px; border:1px solid #666;}
form li div.textfield { float: left; width: 280px;}
.notice strong { float: none; width:auto;}
.notice { color: #cc3333; padding: 4px 0;}
 legend, .register legend { color: #fff; background:#143884; font-size: 12px; text-transform: uppercase; font-weight:bold; padding: 2px 8px 2px 8px; margin:0px}
fieldset fieldset legend { border: none;  padding: 0; margin: 0; clear:both; font-weight: normal;}
fieldset { float: left; margin:20px 7px 10px 7px; clear: left; border:none; display:inline;}
fieldset fieldset { margin: 10px 0;  border:1px dashed #fff; border-width:1px 0 0 0; padding-top:7px;}
fieldset fieldset fieldset { border:none; clear:both;}
fieldset.acceptDeclineForm {display: none;}
fieldset.acceptanceForm {display: none;}
table { border: solid black 1px;border-collapse:collapse;}
td { border: solid #000 1px; padding: 2px 5px; font-size:10px;}
th { border: solid #000 1px; padding: 0px 5px 0px 5px; color: #b81118; font-size:10px;}
tr.stripe td { background-color: #f2e5f2;}

span.error { color:#fffc00; font-weight:bold; margin-left:20px; font-size:1.1em;}
form#inviteform #personal input.errorField { border: solid 1px #FF0000;}
form#inviteform #personal textarea.errorField { border: solid 1px #FF0000;}
form#inviteform span.errorField { color:#FFFC00;}
em.star {color:#F00; font-weight:bold;}
DIV.edmcenter {margin-left: auto; margin-right: auto;text-align: center;}
UL.edmbullets {list-style-type: square;}
OL {list-style-type: decimal;}
DIV.edmbulls {font-weight: normal;display:inline;}
LI.edmbulls {margin: 0; list-style-type: disc; list-style-position: inside;}
A.edmdownload {text-decoration: none;}
A.edmdownload:hover {text-decoration: underline;}
A.edmemailname {text-decoration: none;}
A.edmemailname:hover {text-decoration: underline;}
IMG.edmimage {<!--empty-->}
IMG.edmimageleft {float: left; padding: 0 10px 5px 0;}
IMG.edmimageright {float: right;}
DIV.edmimagebox { font-style: italic; color: #000; float: right; margin: 0 0 10px 10px;}
DIV.edmperson {font-weight: normal;}
EM.edmitalic {font-style: italic;}
SPAN.edmpersonname {font-weight: bold;}
SPAN.edmpersondetail {font-style: italic;}
BR.edmpersonbr {page-break-after: avoid;}
A.edmlink {text-decoration: underline;}
A.edmlink:hover {text-decoration: underline;}
H3.edmminortitle {color: #000;font-size:1.5em;font-weight:normal;clear:both;}
BLOCKQUOTE.edmblockquotea {color: #000;}
P.edmblockquoteb {color: #000;}
SPAN.edmright {text-align: right;}
H2.edmsubtitle {display: block;font-size: 1em;margin: 0;font-weight: bold;page-break-after: avoid;padding: 0;line-height: 1.2em;text-indent: 0em;text-align: left;vertical-align: top;text-decoration: underline;white-space: normal;}
TABLE.edmtable {padding: 5px;}
TD.edmtablecell {padding: 5px;}
TH.edmtableheader {padding: 5px;}

sup { font-size: 10px;vertical-align: super;}

