/*
Title:     IAGLR Conference Master Styles
Author:    Loracs Design LLC
*/

/* RESET
------------------*/
html, body, div, span, applet, object, iframe, nav, header, section, article, aside, footer, 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; vertical-align: baseline; background-color: transparent; font-weight: normal;}
:focus { outline: 0; }
/* end Reset */

/*-------------------------------------------
    STRUCTURE
-------------------------------------------*/
body { background: #ffffff; font: 87.5% / 1.4 Helvetica, Arial, Verdana, sans-serif; padding: 0 20px; color: #231f20; border-top: 40px solid #418bca;}
#container {margin-top: -30px; }
#content {width: 800px; margin: 20px auto 0 ;}
#side-wrapper {width: 200px; float: left; margin-top: -2px;}
#header { display: block; width: 200px; height: 124px; margin: 0 0 20px;}
img#logo { position: absolute; left:  -9999999px;}
#header p { float: left; clear: left; text-indent: -99999999px; }
#header h1 a { display: block; text-indent: 100%;
position: relative; top: -30px; left: 0;
background-color: transparent;
background-repeat: no-repeat;
background-image: url(/conference/pics/layout/13-logo.gif);
width: 200px; height: 192px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
 
.heddate {text-align: center; margin: -20px auto 20px;}

/*\*/ #header h1 a { overflow: hidden; } /**/


#main {background: #ffffff; font-size: 1.1em; float: right; 
  padding: 10px 20px 20px; margin: 0;

border: 1px solid #67ae3e;
border-top: 20px solid #67ae3e;  
}
.intro {margin:  -20px 0 20px 0; padding: 0; border-bottom: 2px solid #e5e6e8; }
.intro img { width: 700px;  }

.mainsmall{ float: left; width: 460px;}
.aside { float: right; width: 210px; padding: 0 0 10px 0; margin: 0;}

/*-------------------------------------------
    NAVIGATION
-------------------------------------------*/
#topnav { list-style:none; text-align:center; padding: 0 0;	}
#topnav li { list-style:none; display:inline; padding:0; margin:0; font-size: 16px;}
#topnav li a { color: #fff; background-color: transparent; text-decoration: none; font-weight: 700; letter-spacing: 1px;}
#topnav a:hover {color: #77ae5c; background-color: transparent; text-decoration: underline; }



#main #crumb { list-style: none; margin: 0 0 30px; text-align: left; padding-left: 0; }
#crumb li {list-style: none; float: left; padding: 0; font-weight: bold; font-size: 1em;}

#crumb li a:link, 
#crumb li a:visited { color: #bcb8b8; text-decoration: none; }

#crumb li a:hover { color: #e57a06; }
#crumb li a { background: url("/pics/crumbsep.gif") no-repeat scroll right center transparent; margin: 0 8px 0 0; padding: 0 14px 0 0; }

/*-------------------------------------------
    SIDEBAR
-------------------------------------------*/

#sidebar h3 {text-align: center;  margin-bottom: 10px;}

#sidebar .section li {list-style: none; padding-bottom: 5px;}
#sidebar .section,
#hosted { text-align: center; margin-top: 20px;}
#hosted img { margin-bottom: 20px; display: inline;}

#downloads {text-align: center;}
#downloads li { padding-bottom: 20px; list-style: none;}
#sidebar #downloads li img { padding: 0; margin: 0 auto; }
#sidebar #downloads li a span { display: block; margin-top: 10px; font-size: .9em;}
/*-------------------------------------------
    FOOTER
-------------------------------------------*/
#footer{ clear: both; float: right; padding: 10px 0 20px 20px; font-size: 12px; width: 680px; text-align: right; line-height: 1.5; }
#footer a { color: #231f20; background-color: inherit; }
#footer a:hover {color: #cd5920; background-color: inherit; }

/*-------------------------------------------
    TYPOGRAPHY & LINKS -GENERAL
-------------------------------------------*/
/* ====== Links ====== */
a { outline: none; text-decoration: underline; color: #0273B7; background-color: transparent; }
a:hover { color: #b81137; }


/* ====== Elements ====== */

em{font-style: italic;}
strong{font-weight:bold;}
li li, li p, td p, blockquote p   {font-size: 1em;}
p { padding-bottom: 1em; }

.intro p.credit, p.credit {
    font-size: 0.7em;
    padding: 5px 0 10px;
    text-align: right;
}

img { display: block; }

/* ====== Headings ====== */


#main h1 { color: #283B90; margin: 10px 0 20px;
width: 730px; height: 50px; font-size: 33px; text-align: left; letter-spacing: 1px;
}

h2 { color: #283B90; font-size: 115%; line-height: 1.2; padding-top: 0.4em; padding-bottom: 0.4em;  clear: left; text-transform: uppercase;font-weight: 700;}
h3 { color: #283B90; font-size: 105%; line-height: 1.1; padding: 0.4em 0; font-weight: 700;}
h4 { color: #283B90; font-size: 95%; line-height: 1.1; padding: 0.4em 0 0.2; font-weight: 700;}

h1+ h2, h1+h3 { padding-top: 0; margin-top: 0; }


.intro p {font-size: 1.1em; }
.intro p {padding-top: 20px;}
.intro p+p {padding-top: 0;}

/* ====== Lists ======*/
#main ul { padding-bottom: 1em; padding-left: 15px; }
#main ol { padding-bottom: 1em; list-style: decimal outside; padding-left: 30px; }
#main dl { padding-bottom: 1em; }

#main ul ul {padding: .5em 0 0 30px; }
ul.footnotelist { margin-top: 20px; font-size: .9em; padding-bottom: 1em; line-height: 1.2em; list-style: none outside; padding-left: 30px; }
ul.footnotelist li {text-indent: -1em; }

#main li { padding-bottom: .5em; }

#main h3 + ul {padding-top: .5em; }
/* End lists */

#main .raise,
sup  {
	vertical-align: super;
	font-size: .8em;
}

sub {
	vertical-align: bottom;
	font-size: .8em;
}

.aside {font-size: 90%; }
.aside h3 {text-transform: uppercase; margin: 0  0 .4em; }
.aside p { color: #4f4c4d; background-color: inherit;  text-align: left; padding: 0 0 20px; display: block; }

#main .aside .more { padding: 15px 5px; float: right; }
#main .aside a { text-decoration: none;  }
#main .aside a:hover { text-decoration: underline; }

#main .aside .section + .section {border-top: 1px solid #e5e6e8; padding-top: 12px;}

.aside .section img { margin: 0 0 5px; padding: 0;  border: 1px solid #e5e6e8;}

#main .aside p.download {padding: 10px 5px 10px 40px;}
.download {background: url(/conference/pics/icon-download.png) 0px 10px  no-repeat;
height: 36px; display: block; padding: 10px 0 10px 60px; border-top: 1px solid #77ae5c; border-bottom: 1px solid #77ae5c; margin: 20px 0;}
.download span {display: block; font-weight: bold;}


/* FORMS
------------------ */

div.errorbox {
	width: 680px;
    border: 1px solid #b81137;
	color:#b81137;
	background-color: transparent;
	margin: 0 0 15px 0;
}

div.errorbox p { margin: 0 15px; }

div.errorbox ul { line-height:1.5; margin: 0 15px; }

.required  {
	color: #b81137;
	background-color: transparent;
	font-weight: 700;
	font-size: .75em;
}


.note  {
	color: #404040;
	background-color: transparent;
	font-weight: 700;
	font-size: .8em;
  display: block;
}

#ex_form .conftab td,
#sp_form .conftab td {width: 50%;}
#ex_form input[type="text"],
#sp_form input[type="text"] {width: 270px; }


/* ABSTRACT SUBMISSION
--------------------------- */
.hilight {color: #B81137; font-weight: 700;  font-size: 1.1em;}


#mainnav { text-align: left; margin: 0; width: 210px; background: white; -webkit-box-shadow: 0 3px 6px rgba(35, 31, 32, 0.25);
-moz-box-shadow: 0 3px 6px rgba(35, 31, 32, 0.25);
box-shadow: 0 3px 6px rgba(35, 31, 32, 0.25);}
#mainnav a:hover {color: #ffffff; background: #0056A7;}
#mainnav li { list-style: none;  }
#mainnav li a {color: #0056A7; text-decoration: none; display: block; outline: none;
font-size: 14px; letter-spacing: 1px; padding: 8px 10px; border-bottom: 1px solid #F5F5F6;  }


/*

#mainnav ul {border-bottom: 1px solid #F5F5F6; padding: 0 0 10px; }
#mainnav ul ul {border-bottom: 0px solid #F5F5F6; padding: 0; margin-left: 20px; }

#mainnav .navhere,
#mainnav ul li { background: #9fc8e5;}

#mainnav .navhere a {border-bottom: 0px solid #e5e6e8; padding-bottom: 3px; }

#mainnav ul li a {padding: 5px 10px 5px 20px; font-size: 12px; border-bottom: 0 solid #e5e6e8;}

*/

#abcontainer {margin-top: -30px;}
#abcontainer #content {width: 940px}
#abcontainer .abside {float: left;}
#abcontainer #main {float: right; width: 680px;}


.specialchar {font-size: .8em;}

/* Abstract Submission Sidebar */
.abside #mainnav li a {padding: 8px 15px;   }
.abside #mainnav ul li a {padding: 3px 20px 3px 25px;}

#main #ablogin {text-align: center; border: 1px solid #e5e6e8; border-radius: 10px 10px 10px 10px; padding: 10px 0 0; }
#ablogin  h3 {padding: 0; margin-bottom: 8px; }
#ablogin  h4 { font-size: 1em; padding: 0 0 .5em; font-weight: 500; }
#ablogin  p + h4 {border-top: 1px solid #E5E6E8; padding-top: 1em;}
#ablogin  p {margin: 1em; text-align: center; font-size: .8em;}
#ablogin input { margin: 10px auto; }

#createacct,
#retpwd { margin: 20px auto 40px 0;  padding: 0 10px; width: 580px; border: 1px solid #e5e6e8; border-radius: 10px 10px 10px 10px;border-collapse: separate; }
#createacct td,
#retpwd  td {border: 0; padding: 20px 0 0;}
#createacct td input,
#retpwd  td input {width: 300px; padding: 5px;}
#createacct input.submit,
#retpwd input.submit {width: 120px; margin-left: 220px;}

.calllink {text-align: center; border-bottom: 1px dashed #837F7F; margin-bottom: 5px;}

ul.placeholder { font-family: 'Gill Sans MT', Arial, Sans-Serif; margin: 0 0 10px 22px; padding:0; text-align: center; }
ul.placeholder li { height:1.6em; line-height:1.6em; font-size: 1.4em; float:left; margin-left: 2px; padding:0; list-style-type:none; width: 30px;
background: #05589a; color: #fff; margin-top: 20px; }

body#general ul.placeholder li.stepgen,
body#auth ul.placeholder li.stepauthinst,
body#body ul.placeholder li.stepbody,
body#pay ul.placeholder li.steppay {
	background: #77ae5c; color: #fff; }


p.preview { width: 450px; margin: 15px auto; }
.specchar { font-family: serif; }
#container .conftab  p.formnote { font-size: 1em; }
.conftab input { margin-bottom: 10px;}



#popcontainer { background: #fff; width: 500px;
padding: 1em; margin: 1em auto; font-size: .9em;}
#popcontainer input {text-align: center; margin: 1em 0 0 40%;}

p.button {display: block; width: 140px; margin: 10px auto; text-align: center; padding: 5px; border-radius: 5px; }

p.button {
    background-color: #e5e5e6;
    border: 1px solid #d2d1d2;
    border-radius: 5px;
    color: #231f20;
    display: block;
    margin: 10px auto;
    padding: 3px 5px;
 width: 140px;

}

p.button:hover{background: #a0c8e0; cursor: pointer; }
#main p.button a {color: #231f20; font-size: 1em; text-decoration: none;
}

#abfaq li a {text-decoration: none;}
#abfaq li a:hover {text-decoration: underline;}
#abfaq h3{border-top: 1px solid #a0c8e0; padding-top: 20px; margin-top: 10px; font-weight: 500; padding-bottom: 14px;}
#abfaq #hosted h3 {border: none; font-weight: 700; padding: 7px 0 0;}


/* POSTERS
--------------------------- */

#posters div.posterpres { margin: 0 0 2em 0; }
#posters div.posterpres p{ padding: 0; margin: 0; }
#posters #main h2 {margin: 20px 0 0; background:#00AEEF; color: #fff; padding: 6px; font-size: 1.64em; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; }
#posters #main h3 { margin-bottom: .6em; font-size: 1.4em;  padding-top: 1.2em;}
#posters #main p + h3 {padding-top: .4em;}


/* REGISTRATION
--------------------------- */
.attention {background: #cbe3bd; padding: 1em; width: 60%; margin: 0 auto 1em; }

#registrationform #sidebar h3 { margin-top: 20px; }

div#regoptions {  margin: 0; position: relative; width: 100%; float: left;}
div#mem, div#extra, div#nonmem { font-size: 90%; margin: 10px 5px; text-align: left; border: 1px solid #446699; line-height: 1.2; padding-bottom: 10px; }

div#left { float: left; width: 45%;}
div#nonmem { float: right; width: 45%;}
div#regoptions div p, div#regoptions div li { 	padding: 0 10px; }

div#regoptions h3 { font-weight: 700; margin: 0 auto 10px; text-align: center; padding: 5px; color: #fff; background-color: #7fa0d4; border-bottom: 1px solid #73664C; }
div#regoptions div p { 	padding: 5px 10px ;	font-style: italic; }
div#regoptions div#mem a,
div#regoptions div#nonmem a { width: 150px; padding: 5px; font-style: normal; background-color: #5287c6; color: #fff; font-size: 1em; margin: 5px auto 10px; display: block; text-decoration: none; text-align: center; line-height: 1.4; -moz-border-radius:10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
div#regoptions div#mem a:hover,
div#regoptions div#nonmem a:hover { background: #77ae5c; }



div#regoptions .or { font-weight: 700;	font-size: 150%;margin-bottom: 5px; display: block; text-align: center; }

#registration h2 {clear: left; }
.regform {margin: 20px auto;}


/* SESSIONS
--------------------------- */

#solosess h2, #sessdetails h2{font-size: 1.4em;}
#solosess h3, #sessdetails h3{ padding-bottom: 0.4em;}



ul.themelist { list-style:none; width: 80%; }
ul.themelist li {list-style:none; width: 100%; }
ul.themelist li .themenumber {width: 75px;display: block; float: left; text-align: right; padding-right: 15px; }
ul.themelist li .themetitle { width: 80%; }

div.themeblock { padding: 10px 0;}
div.themeblock h2 { border-bottom: 2px solid #434343; padding: 0 10px 0 0; margin-bottom: 20px; text-transform: uppercase; }
div.sessionblock { padding: 10px; }

#main div.sessionblock h3{ font-weight: 700; margin-top: 0; padding-top: 0; font-family: Verdana, Arial, Sans-Serif; font-size: 1.2em; line-height: 1.2;}
#main div.sessionblock h4{ font-weight: normal; font-size: 1.1em; padding: 0 0 .5em; font-style: italic;}
.sessionblock em { font-size: 90%; }

td span.canceled {color: #ED232A; font-weight: 700;display: block; }

/* SPEAKERS
----------- */

#plenary .speaker { float:left; width:100%; padding: 10px 0 10px; border-top: 1px solid #e5e6e8;}
#plenary .speaker p { float:left; width:65%; }
#plenary .speaker img { float:right; margin:12px 0 15px 15px; padding:0;}
.speaker h3 a {text-decoration: none; }
.speaker h4 { margin-bottom: 10px; }
#plenary .speaker img {border: 1px solid #e5e6e8; width: 160px; margin-left: 80px;}
.speaker p {font-size: 90%; color: #5287c6; }

#locstat {text-transform: uppercase; }
#locstat em{text-transform: capitalize;}
#speakerstat {font-style: italic; padding: 5px 0 20px; font-size: 90%;}


/* SPONSORS
--------------------------- */
#main .sponsorlist { list-style: none;  text-align: center; float: left; padding: 0; margin-left: -5px;}
#main .sponsorlist li { float: left; margin: 0 10px;}
#main .sponsorlist h3 { text-transform: uppercase; font-size: 11px; position: relative; top: 25px; left: 10px; background: #e5e6e8; color: #fff; width: 180px; margin: 0; padding: 0; line-height: 15px;}
#main .sponsorlist img {border: 10px solid #f5f5f6; }

#sp_form #captcha { margin:0 auto 20px;}
#recaptcha_widget_div {padding: 0 0 10px 175px; }
#ad_form .submit, #ex_form .submit,
#sp_form .submit { margin: 0 auto 20px 300px;}
form + p {font-size: .9em; text-indent: -8px; padding-left: 8px; color: #666; line-height: 1.2; }
/*-------------------------------------------
    TABLES
-------------------------------------------*/
table.conftab, table.poptab {border-collapse: collapse; border-spacing: 0;}
table.conftab { width: 680px; margin: 15px 0;text-align: left; font-size: .9em; }
table.poptab { 	margin: 5px auto; font-size: .9em;}

table.poptab th,
table.conftab th {background:#ececec; color: #231f20; border: 1px #D0D4D8 solid; padding:8px 5px; font-weight: 700; text-align: left;}
table.poptab td,
table.conftab td { border: 1px solid#D0D4D8; padding:8px 5px; vertical-align: top; }

table.conftab td ul {padding-top: 1em;}
table.conftab td ul li { line-height: 1.2em; }
table.conftab p {line-height: 1.2; }
table.poptab a {text-decoration: none;}

table.footnotes { font-size: 11px; color: #404040; border: 0; border-spacing: 0; }
table.footnotes td { border: 0; text-align: left; padding:5px; }

table.conftab td .numday { display: block;  }
table.conftab th .regdate { display: block;	font-style: italic; color: #9b0f1e; background-color: inherit; }


/*** Abstract SubmissionTable Styles
**********************/
#auth input.submit,
#body input.submit,
#general input.submit {margin: 10px 45%; }

#body textarea {width: 600px; height: 400px; margin: 10px auto 5px 50px;}



/*** Adform  Table Styles
**********************/

#adsize label { display: block; }

/*** Sponsor Table Styles
**********************/
table.sponsortab { font-size: 1.2em; color: #333; background-color: transparent; border: 1px #73664C solid; border-collapse: collapse; border-spacing: 0px; width: 560px; margin: 5px 0; }
table.sponsortab th { padding:5px; border: 1px #73664C solid; font-size: 1.2em; background:#D9D2B2; color: #404040; }
table.sponsortab td { padding: 15px 5px; vertical-align: middle; }
table.sponsortab td.sponsorname { width: 78%;}
table.sponsortab td img { display: block; margin-left: auto; margin-right: auto; border: 0; vertical-align: middle; }


/*** Registration Form Table Styles
**********************/

body#registrationform table.conftab td { padding: .5em; font-size: 1em; }
body#registrationform table.conftab td.right { text-align: right; }
body#registrationform table.conftab td radio { padding: .5em; }
body#registrationform table.conftab p {	font-size: 1.2em; line-height: 1.2em; padding: .5em 0; }

#registrationform table.conftab td.early { font-weight: 700; }

.tab { margin-left: 15px; line-height: 1.8em; }
#registrationform .tab h3 { font-size: 1.1em; margin: 0 0 0 -15px; padding: 10px 0 0 0; }
.tab2 { margin-left: 30px; line-height: 2.0em; }
.tab2 p em { font-size: .8em; }
body#registrationform table.conftabsub td { border: 0; padding: 1em; }
body#registrationform table.conftab table.footnotes { font-size: 1.1em;	font-style: italic;	line-height: 1.3em; }

body#registrationform table.conftab .tabnote { font-size: 1em;	font-style: italic;	line-height: 1.3em; margin-left: 24px; }


/*-------------------------------------------
    IMAGES
-------------------------------------------*/
.photoleft { float: left; clear: left; padding: 5px; margin: 3px; text-align: center; }
.photoright { float: right; clear: right; padding: 10px 0; text-align: center; margin: 10px 0 0 10px; }
.photoright img { margin-left: 0; padding: 2px; }
.photoleft .caption,
.photoright .caption{ line-height: 1.22; background-color: inherit; text-align: left; padding: 8px 0 0; display: block; }
.photoleft .credit,
.photoright .credit {padding: 0 5px;}

p.caption { font-size: 90%; line-height: 1.22; color: #4F4C4D; background-color: inherit; text-align: left; padding: 8px 0 20px; display: block; }