/*uig_2009*/
/* Uveitis Information Group www.uveitis.net stylesheet */

/* general stuff */

html
{
  background: #ffe;
  padding: 0;
}

body
{
  margin: 5px 0;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12pt;
  font-weight: normal;
  color: black;
  background: #ffe url(backgrounds/body-bg-3.png) repeat-x;
}

table
{
  border-collapse: collapse;
}

a:link, a:visited
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

dl dt
{
  margin-top: 10px;
}

/* all page content is inside this */
div.page
{
  width: 780px;
  margin: auto;
}

h1
{
  margin-top: 0;
  margin-bottom: 0;
}


h2, h3, h4, h5, h6
{
  margin-top: 15px;
  padding-top: 0px;
  margin-bottom: 2px;
}

h3, h4
{
  color: #430;
}

div.people h3
{
  margin-top: 10px;
}

h3.bar
{
  margin-top: 5px;
  padding-top: 5px;
  border-top: 2px solid #cc9;
}

h4.bar
{
  padding-top: 2px;
  padding-bottom: 2px;
  color: white;
  background: #633;
}


/* paragraph */
p
{
  margin-top: 1.5ex;
  margin-bottom: 0;
}

/* images inset left and right */
img.leftimg
{
  float: left;
  margin: 10px 10px 10px 0;
  border: none;
}

img.rightimg
{
  float: right;
  margin: 10px 0 10px 10px;
  border: none;
}

/* PDF icon in text */
img.pdficon
{
  vertical-align: middle;
  border: none;
}


/* sections of text with thin line between (drawn at top)
 *  and clearing inset photos or other floats */
div.people
{
  border-top: 1px solid black; 
  margin-top: 5px;
  padding-top: 5px
}

/******** head stuff ****/

div.logo
{
  width: 100px;
  float: left;
  padding: 20px 0 0;
}

div.topmenu
{
  float: left;
  height: 20px;
  margin-left: 20px;
}

div.topmenu a
{
/*  font-size: 14pt; */
  text-decoration: none;
  font-weight: bold;
  color: #300;
}

div.topmenu a:hover
{
  text-decoration: underline;
}

div.topmenu a.thispage
{
  color: white;
  background: #660;
}

/* page header */
div.header
{
  width: 70%; /* 600px */
  float: left;  /* right */
  margin-left: 10px;
  margin-bottom: 0;
  padding-left: 5px;
/*   background: #ccc; */
  margin-top: 20px;
  color: black;
}

span.sizecontrol
{
/*  float: right; */
  width: 10ex;
  color: black;
  font-weight: bold;
}

span.sizecontrol a
{
  text-decoration: none;
  padding: 0;
}

span.sizecontrol a img
{
  border: none;
}


/* left menu area */
div.leftmenu
{
  height: 100%;
  width: 180px; /* 140 px */
  float: left;
/*  margin-top: 40px; */
  margin-top: 15px;
  background: #f8f8e8;
/*  color: #006; */
/*  border-right: thin solid #300; */
}


/* navigation buttons */
div.nav1
{
  margin: 10px 0 0;
  color: #030;
  border-top: 2px solid #cc9;
  font-size: 110%;
}

div.nav2
{
  margin: 5px 0 0 10px;
  color: #030;
  border-top: solid 1px #cc9;
  font-size: 90%;
}

div.nav1 a:link, div.nav1 a:visited, div.nav2 a:link, div.nav2 a:visited
{
  text-decoration: none;
}

div.nav1 a:hover, div.nav2 a:hover
{
  text-decoration: underline;
}


div.nav1 a.currentpage, div.nav2 a.currentpage
{
  color: black;
  text-decoration: none;
  background: #bdb;
}

/* main content area */
div.content
{
  padding: 0 5px 10px;
  margin-top: 0;
  padding-left: 190px;
  margin-left: 0;
  padding-right: 5px;
  width: 570px
  float: left;
}

/* breadcrumb trail on sub-pages */
div.trail
{
  font-size: 90%;
  background: #fec;
  border-bottom: #966;
}

div.trail a:link, div.trail a:visited
{
  text-decoration: none;
}

div.trail a:hover
{
  text-decoration: underline;
}

table.links
{
  width: 100%;
  border-collapse: collapse;
  background: #fffff8;
  border-bottom: solid 1px #996;
}

table.links tr td
{
  vertical-align: top;
  font-family: Arial, Helvetica, sans-serif;
  border-top: solid 1px #996;
  padding: 5px;
}

/* standardise UL and OL lists */
ul, ol
{
  margin-left: 0;
  padding-left: 0;
}

ul li, ol li
{
  margin-left: 3ex;
  padding-left: 0;
}

/* text in 2 columns */
div.leftcol
{
  float: left;
  width: 48%;
  border-right: 2px solid #cc9;
  margin-left: 5px;
  padding-right: 5px;
}

div.rightcol
{
  float: left;
  width: 48%;
  padding-left: 5px;
}

/* people page */

div.colourbox
{
  width: 400px;
  margin: 5px;
  padding: 10px;
}

div.colourbox h3
{
  margin-top: 0;
}


/* patient info pages */
div.fw-picture  /* eye pictures taking most of width of content text */
{
  text-align: center;
  margin: 10px;
}

img.patient
{
  display: block;
  margin: auto;
}

table.patient
{
  margin: 10px 0;
  border-collapse: collapse;
  border-top: 1px solid black;
  border-right: 1px solid black;
}

table.patient tr td
{
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  padding: 5px;
  vertical-align: top;
}

div.box
{
  border: 1px solid black;
  margin: 5px;
  padding: 5px;
}

div.author
{
  border-top: 1px solid red;
  margin: 5px;
  padding: 5px;
}

div.warning
{
  border: 1px solid black;
  color: red;
  margin: 10px 0;
  padding: 5px;
  font-weight: bold;
}

/* link to top in heading (e.g. FAQ and Glossary) */
div.toplink
{
  margin-top: 10px;
  border-top: 1px solid #cc9;
  border-bottom: 1px solid #cc9;
  text-align: right;
  margin-bottom: 10px;
}

div.toplink h3, div.toplink h4
{
  width: 90%;
  float: left;
  text-align: left;
  margin-top: 0;
}


/** FAQ index list */

ul.faq li
{
  padding: 2px;
/*  border-top: 1px solid #cc9; */
}

/* newsletter list */
table.newsletters
{
  margin: 20px auto 20px 100px;
/*  border: 2px solid #cc9; */
}

table.newsletters tr td
{
  padding: 3px 5px;
}

/* low vision page */

table.lowvision
{
  border-collapse: collapse;
  border-top: thin solid black;
  border-right: thin solid black;
  margin: 10px;
}
table.lowvision tr td, table.lowvision tr th
{
  vertical-align: top;
  padding: 5px;
  border-bottom: thin solid black;
  border-left: thin solid black;
}

/******** subscription and other forms ***/
div.form
{
  margin: 5px;
  border: 1px solid black;
  padding: 10px;
}

table.formlayout
{
  border: none;
  width: 100%;
}

table.formlayout tr td
{
  vertical-align: top;
  border: none;
}

/* clinical trials */

table.trials
{
  border: thin solid black;
}

table.trials tr td
{
  border: thin solid black;
  width: 30%;
  vertical-align: top;
}

/* journal download list */
table.journal
{
  margin-top: 10px;
  width: 100%;
}

table.journal tr
{
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

table.journal tr td
{
  padding: 5px;
  vertical-align: middle;
}

table.orderjournal
{
  width: 500px;
  margin: 20px;
  border-collapse: collapse;
}

table.orderjournal tr td, table.orderjournal tr th
{
  padding: 3px 10px;
  border: thin solid #966;
}

table.orderjournal tr.paypal td
{
  border: none;
}

/***** accessibility *****/

table.accessibility
{
  border: 1px solid black;
  margin: 10px; 
}

table.accessibility tr td, table.accessibility tr th
{
  border: 1px solid black;
  padding: 10px;
}

/* credits */

ul.credits
{
  padding: 0;
  list-style: none;
/*  background: #ec9; */
}

ul.credits li
{
  margin-bottom: 5px;
  background: white;
  padding: 5px 5px;
  margin: 0;
}

/* subscribe online page */

table.subdetails
{
  border-collapse: collapse;
  border: 1px solid black;
}

table.subdetails tr td
{
  padding: 0 50px 0 10px;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
}

table.subdetails tr td b
{
  color: #060;
}

div.form form input
{
  font-size: 100%;
  max-width: 200px;
}

table.giftaid
{
  border: 1px solid black;
}

table.giftaid tr td
{
  border: 1px solid black;
}

input.bigcheckbox
{
  width: 20px;
  height: 20px;
  border: 2px solid black;
}