/* @override http://www.newteachercenter.org/sym08_n/styles/sym08.css */

/* Reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
/* This makes too many people upset when reseting this like this: ol,ul{list-style:none;} */
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}
th{font-weight:bold;}

a:link { color:#004153; text-decoration:underline; }
a:visited { color:#004153;text-decoration:underline; }
a:focus, a:hover { color:#ffffff; text-decoration:none; background-color:#004153; }

body { color:#333333; font-size:12px; font-family:Verdana, Arial, Helvetica; line-height:1.6; text-align:left; border:0px; }
h1,h2,h3,h4,h5,h6 { margin-bottom:0.3em; }
h1 { font-size:2em; color:#003a7a; }
caption, h2 { font-size:1.6em; }

ul { margin:1.0em 3em; }
ul li { margin-bottom:0.6em; }

p { margin-bottom:0.6em; }

/***********
For Program and Register Pages
***********/
.infonav {text-align:center;border:3px solid #004e8b;padding:.75em;display:block;width:650px;height:1.5em;}
.infonav, a.infonav:link, a.infonav:visited, a.infonav:focus, a.infonav:hover {font-size:1em;color:#004153;font-weight:bold;text-decoration:none;margin:1em 2em .5em 0;}
.navsep {text-align:center;color:#eeaf30;display:inline;margin:0 .5em 0 .5em;}
.infobox  {width:650px;text-decoration:none;border:4px double #004153;padding:0 1em 2em 1em;clear:both;}
.infochoice {margin:1em 5em 2em 0;width:500px;height:6em;border:1px solid #004153;color:#004153;padding:.5em;}
.infoclose, a.infoclose:link, a.infoclose:visited, a.infoclose:focus,a.infoclose:hover,
.infolink, a.infolink:link, a.infolink:visited, a.infolink:focus,a.infolink:hover 
{background-color:#ffffff;font-size:.8em;color:#004153;text-decoration:none; margin-top:.5em;}
a.infoclose:link, a.infoclose:visited, a.infoclose:focus,a.infoclose:hover {position:relative;right:.5em;bottom:.5em;float:right;}
a.infolink:link, a.infolink:visited, a.infolink:focus,a.infolink:hover {position:relative;left:.5em;bottom:.5em;float:left;}

/***********
For Sessions Page
***********/

#main-table { position:relative; }

#page li,
#summary li,
#thanks-page li { list-style-image:url("/graphics/bullet-gold.gif"); }
.themes {font-variant: small-caps;}
ul.themes { list-style-image: url("/graphics/bullet-gold.gif"); margin:1em 0 1em 2em }
#page .vcard li,
#page ul.reg-info li,
#page .event-list li,
#page li.additional-info,
#page .other-info li,
#summary .vcard li { list-style-image:none; list-style-type:none; }
#page ul.reg-info li li { list-style-image:url("/graphics/bullet-gold.gif"); }

/* CSS3 - progressive enhancement. */
p + ul { margin-top:0; }
p + ul li { margin-bottom:0; }

#summary { visibility:visible; display:block; position:fixed; top:30px; left:30px; width:230px; font-size:11px; border:1px solid #004e8b; background-color:#fff; z-index:9000; }

h2 { clear:both; margin:1em 0 0.4em 0; color:#00693c; }

#summary .reglink { font-size:.8em;display:block;padding: .2em .2em .2em .7em; }
#summary td.time { font-size:.55em;padding: .2em .2em .2em .7em;text-align:right; }
#summary h3,
#summary th { font-size:.8em; font-weight:normal; padding:.2em; text-indent:.6em; background-color:#004e8b; color:#ffffff;  }
#summary ul { margin-left:2.4em; width:90%; }
#summary ul li { margin:0 0 .4em 0;  }

#page { margin:10px 0 0 280px; width:560px; font-size:12px; background-color:#fff; }
.glance { width:100%; border:1px solid #eeaf30; font-size:0.8em; }
#page table.glance th { font-size:1.5em; padding:1em 0 1em 10px; color:#00693c; }
#page table.glance td { font-size:1.2em; }

#page td.time { width:140px; padding-left:10px; }
#page table td { color:#004153;padding:0.4em 0; border-bottom:1px solid #eeaf30; }

#page li li { margin-bottom:0.2em; }

.sessions { font-size:1em; width:100%; }
.sessions td { font-size:1em;padding:0.3em 0 0.3em 0.8em; }
.sessions th { padding:1em 0 1em 0; }
.sessions a { display:block; }
.sessions a:link, a:visited, a:focus { font-size:1em; }
.sessions a:hover { font-size:1em; }

a.register { display:block; width:136px; height:35px; margin:1em auto 0.4em auto; background:transparent url("/symposium/images/registernow.png") no-repeat left top; text-indent:-900%;  }
a.register:hover { background-position:right top; }

a.registerinfo { display:block; width:148px; height:35px; margin:1em auto 0.4em auto; background:transparent url("/symposium/images/registerinfo.png") no-repeat left top; text-indent:-900%;  }
a.registerinfo:hover { background-position:right top; }

.printThis a:link, a:visited, a:focus, a:hover { font-size:1em; }

#summary .vcard ul { margin:0 0 0 0; width:100%; }
#summary .vcard .contact-info { margin:0; padding:0; text-indent:0; }
#summary .vcard ul li { list-style-type:none; list-style-image:none; margin:0; padding:0; text-align:center; line-height:1.5; width:100%; }
#summary .vcard { margin-bottom:0.6em; }
.vcard ul { margin:0; list-style-type:none; list-style-image:none;  }
.vcard li { list-style-type:none; }

.uid { display:inline-block; position: relative; float:left; margin-right:0.4em; margin-bottom:0.8em; padding:0 0.6em; background-color:#004153; color:#ffffff;  }
.uid.featured {background-color:#ffffff; color:#00693c;  }
.infochoice .uid { float:none; }
.event-list { margin:0; list-style:none; clear:both; }
.vevent { border:1px solid #00693c; margin-bottom:1em; position:relative; list-style-type:none; }
.vevent.featured { border:2px double #004153; }
.vevent h3 { font-size:1.2em; color:#00693c; background-color:#bcafd1; line-height:1.8; border-bottom:1px solid #00693c; }
.vevent.featured h3 { color:#ffffff; background-color:#00693c; border-bottom:2px solid #004153; }
.vevent li { list-style-type:none; }
.vevent h3.summary { margin-left:0; text-indent:0.6em; font-weight:bold; }
.vevent li h3,
.content h3 { background-color:transparent; font-size:1.2em; border:none; text-indent:0; }
.content.featured h3 {background-color:#ffffff;font-weight:bold; color:#004153;border-bottom:none;}
.summary { display:block; margin-left:0em;  }
h3 span.summary { padding-left:3.6em; }
.content h4 { margin-top:0.6em; color:#003a7a; font-size:0.9em; }
.speakers,
.speaker-info { font-size:0.9em; margin:0; color:#00693c; margin-bottom:1em; font-style:italic; }
.speakers li { margin-left:0; padding:0; margin-right:0.2em; display:inline; }

li.additional-info h2 { font-size:1.3em; margin:0.6em 0 0em; background-color:#ededed; color:#333333; padding:0.4em; }
li.additional-info h3 { font-size:1.2em; }
.category { text-align:right; margin-top:1em; color:#999; }
.description { margin:0;  clear:both; }
.description.featured {color:#004153;}
.vevent p img { float:left; margin:0.6em; }
.additional-info h2 { margin:2em 0 0.4em 0; }
.speakers em { font-style:normal; font-weight:bold; }
.speakers strong { font-style:normal; }
.speaker-info em { font-style:normal; }
.speaker-info strong { font-style:normal; }
.speakers.featured { color:#004153;}
.event-list .content { width:96%; margin:1em auto; }
li.intro { padding:1em; background-color:#00693c; color:#fff; }
.reg-info { margin:0; }

.other-info { margin:0 0 1em 0; width:600px; float:left; }
.other-info li { list-style-type:none; float:left; width:200px; }

.event-list .additional-info h3:target { background-color:#ededed !important; }

.supp-info { border:1px solid #00693c; padding:0.8em; margin-bottom:1.4em;  }
.supp-info h2 { margin:0 0 0.4em 0; color:#00693c; }
p.register { text-align:center; }

.submit-form { cursor:pointer;display:block; width:118px; height:25px; background:transparent url("/symposium/images/submit.png") no-repeat left top; text-indent:-900%; border:none;  }
.submit-form:hover { background-position:right top; }

.addpres-form { cursor:pointer;display:block; width:177px; height:25px; background:transparent url("/symposium/images/addpres.png") no-repeat left top; text-indent:-900%; border:none;  }
.addpres-form:hover { background-position:right top; }

.proceed-form { cursor:pointer;display:block; width:177px; height:25px; background:transparent url("/symposium/images/proceed.png") no-repeat left top; text-indent:-900%; border:none; }
.proceed-form:hover { background-position:right top; }

/***********
For Register Page
***********/
#form-page { margin:1.4em 1.6em; background-color:#fff; }
#form-page .infonav { width:700px;}
#regform .status-messages { padding:0.8em; margin-bottom:1em; }
#regform .status-messages,
#regform strong { color:#004153; }
#regform ul { margin:1.2em 2em; }
#regform p,
#regform .vcard ul { margin:1.2em 0; }
#regform ul li { margin-bottom:0.4em; }

#regform table { margin:0 2em 0;}
#regform fieldset { width:75em;padding:0.8em; padding-left:1em; margin:1em 0 2em 0; border:2px dotted #00693c; position:relative; clear:left;  }
#regform fieldset legend { background:#ffffff; margin-left:1.5em; padding-left:.5em; font-size:14px; color:#00693c; }
#regform fieldset ul { margin:0 0 0.6em 0; padding:0; }
#regform fieldset p { margin-bottom:1em; margin-left:0; }
#regform fieldset ul li { list-style-image:none; list-style-type:none; float:left; height:2em; margin-bottom:0.4em; display:block; width:72em; }
#regform fieldset ul li label { float:left; padding:0.4em; padding-right:1em; text-align:right;  width:24em; background-color:#ccc; margin-right:6px; }
#regform fieldset ul li .blabel { float:none;padding:0.4em; padding-right:1em; text-align:right; background-color:#ccc; margin-right:6px; }
#regform fieldset ul li label.radio { width:auto; background-color:transparent; float:none; margin-left:6px; margin-right:6px; padding-right:0px; }
#regform fieldset ul li input,
#regform fieldset ul li select,
#regform .sessions select { float:none; padding:0.2em; border:1px solid #cccccc; }
#regform fieldset ul li select { font-size:1.1em; }
#regform input[type="checkbox"] { margin-left:4px; margin-top:4px; border:0; width:auto; background-color: transparent; }
#regform input[type="radio"] { margin-right:4px; margin-top:4px; border:0; width:auto;background-color: transparent; }

/*#regform fieldset ul li textarea { position:relative;clear:left;margin-top: 1em; width:62%; height:6em; border:1px solid #cccccc;}*/
#regform fieldset ul li textarea { position:relative;float:right;margin:0; width:64%;height:6em; border:1px solid #cccccc;}
#regform fieldset ul li.textarea { height:6.8em; }
#regform input:focus,
#regform textarea:focus { border:1px solid #004153; }
#regform fieldset table,
#regform fieldset p { clear:both; }
#regform fieldset table {border: 1px solid #ccc; float:right; width:60%;}
#regform table td { padding:0.2em; font-size:.9em; color:#00693c;  }
.required { color:#CD135A; font-weight:bold; }
.error { display:block;color:#CD135A; font-weight:bold; }

#regform ul.regform-roles { width:64em; list-style-type:none; float:left; margin-bottom:2em; }
#regform ul.regform-roles li { width:20em; margin:0.2em 0.8em 0 0; padding:0; float:left; clear:none; }
#regform ul.regform-roles li label.radio { float:right; text-align:left; width:88%; }
#regform ul.regform-roles li input { float:left; margin-top:0.6em; }

#regform .goodnote {display:block;color:#00693c;margin-bottom:2em;font-size:.9em;font-weight:bold}
#regform .sessions { width:70em; }
#regform .sessions select { font-size:.9em;line-height:120%; }
#regform .sessions th { font-size:11px; text-align:right; padding-right:0.6em; color:#00693c; }
#regform table.sessions tr { border-bottom:1px solid #cccccc; }
#regform .sessions tr td { padding:0.7em 1em; }

#regform .vcard ul li { list-style-image:none; list-style-type:none; margin:2px; }
#regform .vcard ul li ul,
#regform .vcard ul li ul li { margin:0; }
/* Because IE6 is awful */
#regform .radios input,
#regform ul.regform-roles input { border:none !important; }
#regform li.legend {height:auto;margin-top:1em;font-size:0.9em; color:#00693c; }
#regform li.legend strong { color:#004153; }
#themes {width:60%;font-size:0.9em;}
#audience {width:60%;font-size:0.9em;}
#presentation_style {float:right;position:relative;height:6em;display:inline;border:0;width:90%;margin:0;}
#presentation_style table {position:relative;left:-4em;top:-2em;border:0;font-size:0.9em;}
#billing_address_section {display:none;}
#registration_type { padding:1em;text-align:center;width:25em;margin:2em auto;color:#004153;font-weight:normal;border:5px double #004153}
#presenter-buttons {padding:1em;border:2px dotted #00693c; }
#presenter-buttons input[type="button"] {font-weight:bold;padding:.75em;margin:.25em 0 .5em .5em; border:1px solid #00693c; width:auto; color:#00693c; background-color:#ffffff;} 
#presenter-buttons input[type="button"]:hover {color:#ffffff; background-color:#00693c;} 
#lookup-button input[type="submit"] {font-weight:bold;padding:.5em;margin:.25em 0 .5em .5em; border:1px solid #00693c; width:auto; color:#00693c; background-color:#92ebb6;} 
#lookup-button input[type="submit"]:hover {color:#ffffff; background-color:#00693c;} 
/***********

For register Thanks Page

***********/

@media screen { 
#thanks-page { margin:20px; }
#thanks-page { list-style-image:none; }
div.reg-details table td { border:1px solid; }
#thanks-page .reg-details h3 { width:800px;background-color:transparent; margin:1.2em 0 0.6em 0; font-size:1.2em; }
}

@media print { 
.layout-table,
div#bbML,
#thanks-page img { display:none !important; }
#thanks-page ul.reg-details { width:100%; float:left; }
#thanks-page ul.reg-details li { float:left; width:48%; }
#thanks-page { margin:0 20pt 0 -20pt; width:100%; }
#thanks-page * { color:#000; }
#thanks-page h3 { background-color:transparent; clear:left; font-size:12pt; border-bottom:1px solid #ccc; }
#thanks-page ul,
#thanks-page table { margin:0 0 18pt 0; }
#thanks-page ul li { margin:0; list-style-type:none; list-style-image:none; }
}
#thanks-page { width:800px;margin-left:40px;}
#thanks-page ul.reg-details li { margin-left:-40px;list-style-type:none; list-style-image:none; }
#thanks-page .vcard ul { margin:0 0 0 0; width:100%; }
#thanks-page .vcard .contact-info { margin:0; padding:0; text-indent:0; }
#thanks-page .vcard ul li { list-style-type:none; list-style-image:none; margin:0; padding:0; text-align:left; line-height:1.5; width:100%; }
#thanks-page .vcard { margin-bottom:0.6em; }
#edit-url a {padding:.25em;display:block;font-weight:normal;text-decoration:none;}
.outline {border:1px dotted #006778; padding:0 1em 0 1em; margin-bottom:1em;}
.lead {padding:0 1em 0 1em; margin:1em 0 1em 0;}
.presenter {border-top:1px dotted #006778; padding:0 1em 0 1em; margin:1em 0 1em 0;}
.preslabel {font-weight:bold;padding:.5em 0 0 0 ;}
#debug {position:relative;left:20%;top:0;float:left;width:50em;display:block;background-color:#cccccc;border-color:#666666;border:1px;padding:0 1em 1em 1em; margin:.5em 0;}
#debug a { display:block;border-bottom:1px solid #ffffff;text-decoration:none;font-weight:bold;color:#ffffff;background-color:#00693c; margin:0 -1em; padding:.3em;clear:both;}
#debug .dates {height:8em;width:60%;float:left;}
#debug .strtime {height:8em;width:40%;float:right;}
#debug .dates ul li,
#debug .strtotime ul li { list-style-type:none; list-style-image:none; margin:0; padding:0; text-align:left; }
#maint { font-weight:bold;color:#ff0000;background-color:#cc9933;position:relative;left:30%;width:30em;margin:.5em 0;padding:1em;border:2px solid #666666;}
#maintb { display:block;position:absolute;top:25px;left:300px;color:red;background-color:#ffffff;border:4px double red;color:red;font-size:1.5em;font-weight:bold;padding:.5em; }
#maint a { text-align:center;display:block;text-decoration:none;font-size:.95em;font-weight:normal;color:#006778;margin:.5em 0;}
