/* CSS for eyeforpharma - Patient Compliance Europe - 2008-FEB-15 dsj */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; }

body {margin:0;padding:0;font-size:100.01%;font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif}

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : medium;font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;}

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

strong {font-weight:bold}

body {text-align:center;background-color:#7fb2df}

/* main container surrounds all page content. Set to 1000 pixel fixed width */
div#container {margin:0 auto;padding:0;width:1000px;background-color:#fff}

/* "branding" section with logo and basic conference info */
div#branding {display:block;float:left;width:805px;border-right:195px solid #ec1d27;text-align:left;background: #fff url(images/branding-back.png) left bottom repeat-x}
  /* logo is actually a text link to the home page, but the text is replaced with a background image */
  a#logo {display:block;float:left;width:147px;height:50px;margin:0px 0px 0px 0px;background: url(images/logo.png) left top no-repeat;text-indent:-32767px}
  div#branding h1 {width:600px;float:left;padding-left:14px;padding-top:3px;font-size:32px;font-weight:bold;color:#FFFFFF}
  div#branding h1 span {font-weight:normal}
  p.conf-details {width:600px;float:left;padding-left:14px;padding-top:17px;font-size:14px;font-weight:normal;color:#05006C}
  /* "bonus" box containing pre-registration deal and link */
  div#bonus {display:block;float:right;padding:4px 0;width:195px;margin:-49px -195px 0 0;text-align:left;color:#fff;background: #ec1d27 url(images/bonus-back.png) left bottom repeat-x}
    div#bonus h2 {display:block;margin:4px 4px 2px 18px;font-size:28px;font-weight:normal}
    div#bonus p {display:block;margin:2px 4px 4px 18px;font-size:10px;font-weight:bold;text-transform:uppercase}
    div#bonus a {display:block;margin:4px 4px 4px 18px;font-size:12px;color:#fff;text-decoration:none}
    div#bonus a:link, div#bonus a:visited {text-decoration:none}
    div#bonus a:hover, div#bonus a:active, div#bonus a:focus {text-decoration:underline}

/* "contentwrap" container to hold main content and navigation */
div#contentwrap {display:block;clear:both;padding-top:4px;border-top: 4px solid #F7FF77;background:transparent url(images/093467.png) left top repeat-x}

/* "maincontent" container holds the middle portion of the page exclusing the main navigation */
  /* ############################################################################################## */
  /* Any extra types of content to be used in the body of the page should be styled in this section */
  /* in the same manner as below, specifying the "div#maincontent" before the tag type in order to  */
  /* avoid cascading changes to other sections of the page (unless a specific class is named).      */
  /* ############################################################################################## */
div#maincontent {width:853px;float:left;margin-right:-853px;color:#000;background:#fff url(images/maincontent-back.png) left top repeat-x;border-left:147px solid #05006C}
  div#maincontent h2 {margin:12px 0;font-size:19px;font-weight:bold}
  div#maincontent ul {list-style-type:disc;margin:8px 0;color:#1d1b64}
  div#maincontent li {margin:4px 0 4px 1.5em}
  div#maincontent ul span {font-weight:bold}
  div#maincontent dl {margin:8px 0 0 0;color:#1d1b64}
  div#maincontent dt {margin:8px 0 0 0;color:#000;font-weight:bold}
  div#maincontent dd a {display:block}
    div#maincontent a {color:#0ae;text-decoration:none}
    div#maincontent a:link, div#maincontent a:visited {text-decoration:none}
    div#maincontent a:hover, div#maincontent a:active, div#maincontent a:focus {text-decoration:underline}
  div.introbox {margin:8px 0 0 0;padding:8px 32px 8px 10px;color:#1d1b64;border:1px solid #d2f3fc}
    div.introbox p {margin-bottom:8px;font-size:13px}
   
  /* these are the speakers, latest cond and latest new panels */
  div.subbox_speakers {margin:8px 0 0 0;padding:8px 32px 8px 10px;color:#000;background:#fff url(images/subbox-back.png) left top repeat-x;border: 1px solid #eee}
  div.subbox_updates {height:288px;margin:8px 0 0 0;padding:8px 32px 8px 10px;color:#000;background:#fff url(images/subbox-back.png) left top repeat-x;border: 1px solid #eee}
  div.subbox_news {height:227px;margin:8px 0 0 0;padding:8px 32px 8px 10px;color:#000;background:#fff url(images/subbox-back.png) left top repeat-x;border: 1px solid #eee}
  div.subbox {margin:8px 0 0 0;padding:8px 32px 8px 10px;color:#000;background:#fff url(images/subbox-back.png) left top repeat-x;border: 1px solid #eee}  

/* "sectionmain" container holds the central portion of the page, excluding the navigation and the right sidebar */
div#sectionmain {margin:0 8px 8px 14px;width:507px;padding-right:322px;float:left;text-align:left;font-size:12px}

  /* "column1" and "column2" are used only in three-column mode */
  /*this is the blue col in the middle*/
  div.column1 {padding-right:12px;width:307px;border-right:188px solid #05006C;float:left}
  /* "column2" is the blue-background central column in three-column mode */
  /* areas specific to this central column and not used anywhere else should be styled as below */
  div.column2 {margin:0 0 0 -188px;width:188px;float:right;text-align:left;color:#000000;background-color: #05006C}
    div#sectionmain div.column2 div.multimedia {margin:0;padding:8px 8px;font-size:14px;font-weight:bold;color:#fff;background-color:#241e20}
    div#sectionmain div.column2 .medialink {margin:8px auto;display:block;}
    div#sectionmain div.column2 blockquote {margin:8px 0;padding:8px 8px;font-size:12px;background-color:#F7FF77;border-top:1px solid #fff;border-bottom:1px solid #fff}
    div#sectionmain div.column2 blockquote span {font-weight:bold}
    div#sectionmain div.column2 p {margin:8px 0;}
    div#sectionmain div.column2 a.brochurelink {display:block;padding:32px 8px 32px 94px;font-size:16px;color:#000;text-decoration:none;outline:0;border:none;background:#aabcc8 url(images/brochurelink-back.jpg) left top no-repeat}
      div#sectionmain div.column2 a.brochurelink:link, div#sectionmain div.column2 a.brochurelink:visited {text-decoration:none}
      div#sectionmain div.column2 a.brochurelink:hover, div#sectionmain div.column2 a.brochurelink:active, div#sectionmain div.column2 a.brochurelink:focus {color:#333;text-decoration:underline}
	  div#sectionmain div.column2 a.whitepaperlink {display:block;padding:15px 8px 15px 94px;font-size:16px;color:#000;text-decoration:none;outline:0;border:none;background:#aabcc8 url(images/whitepaperlink-back.jpg) left top no-repeat}
      div#sectionmain div.column2 a.whitepaperlink:link, div#sectionmain div.column2 a.whitepaperlink:visited {text-decoration:none}
      div#sectionmain div.column2 a.whitepaperlink:hover, div#sectionmain div.column2 a.whitepaperlink:active, div#sectionmain div.column2 a.whitepaperlink:focus {color:#333;text-decoration:underline}

/* "sidebar" is the rightmost column on all pages which also contains the "newsletter" form box */
div#sidebar {margin:0 8px 0 -320px;width:312px;float:right;text-align:left;font-size:12px}

  div#newsletter-form {margin:0;padding:0;color:#fff;background-color:#006e3b;border: 1px solid #eee}
    div#newsletter-form h3 {margin:4px 10px;padding:0;color:#fff;font-size:14px;font-weight:bold}
    div#newsletter-form form {margin:0;padding:6px 0 6px 10px;background-color:#0cb14b;float:left;width:300px}
    div#newsletter-form form p {margin:0 4px 0 0;padding:0;width:115px;float:left}
    div#newsletter-form input#news-email {background:#fff;color:#000;border:1px solid #000;width:129px;height:17px;padding:3px;font-size:13px;float:left}
    div#newsletter-form input#news-submit {margin-left:4px;height:25px;width:30px;font-size:13px;line-height:25px;font-weight:bold;color:#fff;background:#fe2627 url(images/nav-register-back.png) left bottom repeat-x;border:none;cursor:pointer}


div#sponsors {margin:8px 8px 8px 14px;width:829px;float:left;clear:both;text-align:left;border:1px solid #d2f3fc}
div#sponsors h2 {margin:25px 0  24px 18px;font-size:13px}
div#sponsors ul {margin:0;color:#000;list-style-type:none}
div#sponsors li {display:block;margin:0 0 16px 0;width:206px;float:left;text-align:center;font-size:12px}

/* "navbar" is the main navigation for the pages, positioned on the left side with a blue background */
div#navbar {width:147px;float:left;margin-left:-147px;text-align:left;background-color:#}
div#navbar li {display:inline;font-weight:bold}
  ul#mainnav {padding:20px 6px 40px 0;font-size:14px}
    ul#mainnav a {display:block;padding:1px 0 2px 16px;margin-bottom:4px;font-size:14px;line-height:150%;color:#fff;text-decoration:none;border-bottom: 1px solid #0d2f55}
    ul#mainnav a.register {background:#fe2627 url(images/nav-register-back.png) left bottom repeat-x}
    ul#mainnav a.brochure {background:#95172d url(images/nav-brochure-back.png) left bottom repeat-x}
    ul#mainnav a.updated {background:#96166b url(images/nav-updated-back.png) left bottom repeat-x}
    ul#mainnav a:link, ul#mainnav a:visited {color:#eee;text-decoration:none;}
    ul#mainnav a:hover, ul#mainnav a:active, ul#mainnav a:focus {color:#fff;text-decoration:none;}
  ul#subnav {padding-right:6px;padding-bottom:14px;font-size:12px}
    ul#subnav a {display:block;padding:0 0 0 16px;margin-bottom:2px;font-size:12px;color:#05006C;background-color:#05006C;text-decoration:none;}
    ul#subnav a:link, ul#subnav a:visited {background-color:#F7FF77;text-decoration:none;}
    ul#subnav a:hover, ul#subnav a:active, ul#subnav a:focus {background-color:#FEFFE6;text-decoration:none;}
	
	ul#subnav2 {padding-right:6px;font-size:12px}
    ul#subnav2 a {display:block;padding:0 0 0 16px;margin-bottom:2px;font-size:12px;color:#FFFFFF;background-color:#05006C;text-decoration:none;}
    ul#subnav2 a:link, ul#subnav2 a:visited {background-color:#FE2725;text-decoration:none;}
    ul#subnav2 a:hover, ul#subnav2 a:active, ul#subnav2 a:focus {background-color:#9A0100;text-decoration:none;}
	
	ul#subnav3 {padding-right:6px;font-size:12px}
    ul#subnav3 a {display:block;padding:0 0 0 16px;margin-bottom:2px;font-size:12px;color:#FFFFFF;background-color:#05006C;text-decoration:none;}
    ul#subnav3 a:link, ul#subnav3 a:visited {background-color:#95172F;text-decoration:none;}
    ul#subnav3 a:hover, ul#subnav3 a:active, ul#subnav3 a:focus {background-color:#350009;text-decoration:none;}
	
	ul#subnav4 {padding-right:6px;font-size:12px}
    ul#subnav4 a {display:block;padding:0 0 0 16px;margin-bottom:2px;font-size:12px;color:#FFFFFF;background-color:#05006C;text-decoration:none;}
    ul#subnav4 a:link, ul#subnav4 a:visited {background-color:#98166C;text-decoration:none;}
    ul#subnav4 a:hover, ul#subnav4 a:active, ul#subnav3 a:focus {background-color:#340022;text-decoration:none;}

div#siteinfo {display:block;clear:both;margin:0;padding:8px 0;text-align:center;color:#fff;background-color:#05006C}
div#siteinfo p {margin:0;padding:4px 0;font-size:11px;}
div#siteinfo a {color:#797979;text-decoration:none}
div#siteinfo a:link, div#siteinfo a:visited {text-decoration:none}
div#siteinfo a:hover, div#siteinfo a:active, div#siteinfo a:focus {text-decoration:underline}

br.clear {clear:both}