@import url(reset.css);

html { height:  100%; }
body { background: #f1f2f2; height: 100%; font: 12px "Trebuchet MS", Arial, sans-serif; color: #666;}
a { color: #d371b2;}
a:hover: { color: #000;}

.frame { width: 100%; margin: 0 auto; height: 100%; }
.frame td { vertical-align: top; padding: 100px 0 50px 0; }
.frame td.left { width: 40% }
.frame td.right { background: #e2e2e2; border-left: 10px solid #d8d8d8; padding-left: 50px;}


.side { width: 320px; float: right; display: inline; }
.side .logo {  }
.side .event_date { margin: 0 0 50px 110px; line-height: 1.4em;}
.side .menu { margin: 75px 0 75px 98px; }
.side .menu li { line-height: 1px;}
.side .menu li a { font: 14px "Trebuchet MS", Arial, sans-serif; text-decoration: none; text-transform: uppercase; color: #828282; padding: 8px 0 8px 12px; display: block; }
.side .menu li a:hover { border-left: 2px solid #ccc; padding-left: 10px; color: #d371b2; } 
.side .menu li a.active { border-left: 2px solid #ccc; padding-left: 10px; color: #d371b2; } 
.side .menu li a.active:hover { } 


.article { float: left; display: inline; background: #e2e2e2; width: 500px;}
.article h1 { font-size: 28px; margin: 10px 0 5px 0; }
.article img.icons { float: left;}
.article .section_a { padding-left: 85px; margin-bottom: 50px;}
.article .section_b { padding-left: 65px; margin-bottom: 50px;}
.article h2 { font-size: 16px; margin: 0 0 20px 0; padding-top: 10px; font-weight: bold; }
.article h3 { font-size: 14px; font-weight: bold; padding-top: 5px;}
.article li { background: url(../images/icon_list.png) 6px 5px no-repeat; line-height: 1.8em; padding-left: 20px;}
.article p.subtitle { font-size: 13px; margin: 10px 0 50px 0; }
.article p { margin: 15px 0 0 0; line-height: 1.6em;}
.article strong { font-weight: bold; }
.article em { font-style: italic; color: #999; }
.article span.event { float: left; font-size: 36px; display: block; padding: 0 20px 50px 0; color: #bbb;}
.article h3 a { text-decoration: none; color: #666; }
.article h3 a:hover { color: #d371b2; }
.article img.photos { padding: 20px 0 5px 0; } 
.article div.address { float: left; width: 200px; }
.article p span.time { display: inline-block; text-indent: -50px; font-weight: bold;}
.article p a.pdf {background: url(/images/icon_pdf.png) 0 6px no-repeat; padding: 5px 0 15px 25px; display: inline-block;}


.sponsors { overflow: auto; clear: both; width: 500px; padding-top: 75px; }
.sponsors a { float: left; width: 96px; height: 42px; display: inline; margin: 0 10px 0 0; }
.sponsor_pfizer { background: url(../images/sponsor_pfizer.png) 0 0 no-repeat; }
.sponsor_pfizer:hover { background-position: 0 -42px; }
.sponsor_astra { background: url(../images/sponsor_astra.png) 0 0 no-repeat; }
.sponsor_astra:hover { background-position: 0 -42px; }
.sponsor_novartis { background: url(../images/sponsor_novartis.png) 0 0 no-repeat; }
.sponsor_novartis:hover { background-position: 0 -42px; }
.sponsor_roche { background: url(../images/sponsor_roche.png) 0 0 no-repeat; }
.sponsor_roche:hover { background-position: 0 -42px; }


form { padding: 0; margin-bottom: 25px;}
form div { padding: 5px;}
label { width: 70px; text-align: right; display: inline-block; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 7px 10px 3px 0; color: #666; }
input { width: 195px; padding: 3px 4px; font: 400 12px arial, sans-serif;	background: url(../images/form_field_bg.png) no-repeat top left; }
input { border-width: 1px; border-style: solid; border-color: #d2d2d2 #e2e2e2 #e2e2e2 #d2d2d2; }
.submit_button { width: 208px; margin: 0 0 15px 80px; height: 25px; background: url(../images/form_send_bg.png) 5px top no-repeat; color: #fff; }
.submit_button { font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; border: none; }