/* Style sheet for installation instructions */

body { background-color: white; font-family: tahoma, sans-serif; color: black; padding: 0; margin: 0.5em 2em 0 2em; height: 100%; font-size: 10pt; }

/* ---- formatting for pictures -- */

form.step ul.special {text-align: center; }
form.step li.special {display: inline; list-style: none; margin: 0 0.3em 0 0.3em; padding: 0; }
form.step h1 {display: inline; padding: 0.3em; }


input.special, a.special {color: #3333CC; background-color: #ffff99; border: 0.2em solid #CCCCFF; 
font-family: tahoma, sans-serif; padding: 0.2em; text-decoration: none; margin: 0; padding: 0.1em; }


em       {font-weight: bold; font-style: italic; }
strong  {font-weight: bold;}

hr        {border-top-width: 1px; border-top-style: solid; border-color: rgb(16,16,142); margin: 0px 2%;}

.dummy {display: none;}

p.nb {font-size: 75%; text-align: right; }
p.disclaimer {font-size: 80%; text-align: left; color: navy; border: 0; border-top: thin solid navy; margin: 12px 0 0 3px; padding: 3px 6px 0 6px;  }
p.advert {border: medium solid navy; text-align: center; color: navy; background-color: #FFFF99; margin: 15px 15px 15px 20px; padding: 5px 5px 5px 5px; line-height: 140%; font-size: 90%; }
p.tagline {text-align: center; color: navy; font-weight: bold; border:  0; line-height: 120%; height: 1.5em; padding: 0.5em; margin: 0 10px 0 10px;  }
p.strapline {border-top: 3px solid #FFFF66; border-bottom: 3px solid #FFFF66; padding: 4px 0 4px 0; text-align: center; color: rgb(16,16,142); line-height: 120%; 
	  font-weight: bold; }

ul.text li {padding-bottom: 1.5em;}

/* --------------------------- LINK COLORS - these are universal across the whole site */
a:link      {color: #3333CC;}
a:visited  {color: #333399;}
a:active   {color: #000066;}

.buttons {text-align: center; }
.buttons {font-size: 80%; }
.buttons a {text-align: center; padding: 5px; background-color: #CCCCFF; border: thin solid #3333CC; 
		width: 200px; border-style: outset; font-weight: bold; font-decoration: none; }
.buttons a {color: navy ! important ; }
.buttons a:hover { background-color: #FFFF66; border: thin solid navy; border-style: outset;  }

/* ------------------------------ TYPES OF IMAGE FORMATTING -- */
img.leftfloat     {float: left; margin-right: 1em; margin-bottom: 1em; border: 0; }
img.rightfloat   {float: right; margin-left: 0em; margin-bottom: 0em; border: 0; }
img.normal   {border: 0; }
img.textflow   {position: relative; top: 10px; border: 0; }
p.minheight  {height: 150px; }
p.imagecen {text-align: center; }
p.imagecen img {margin-right: auto; margin-left: auto; }
img.flag {border: 0; padding-left: 1em; padding-right: 1em; }

/* ------------------------------ HEADINGS -- */
h1 {text-align: center; color: rgb(16,16,142); font-size: 140%; font-family: Tahoma, Times New Roman, Times, serif;  margin: 5em; }
h1 {background: #CCCCFF; line-height: 160%; padding: 0 20px 0 2px; margin: 0 8px 10px 0; }
h2 {color: rgb(16,16,142); text-indent: 0%; width: 60%; font-size: 100%; font-family: Tahoma, Times New Roman, Times, serif; background: #FFFF66; margin-bottom: 20px; margin-top: 20px; border: 0; padding: 0; }
h3 {color: rgb(16,16,142); font-size: 100%; font-weight: bold; font-family: Verdana, Times New Roman, Times, serif;}
li h3 {display: inline;  }
h4 {color: black; font-size: 100%; font-weight: bold; font-family: Verdana, Times New Roman, Times, serif;}

div.left {border: thin solid #CCCCFF; width: 44%; padding: 0 1em 0 1em; margin: 0;}
div.right {border: thin solid #CCCCFF; width: 44%; float: right; padding: 0 1em 0 1em; margin: 0}