/* General global stuff */
body
	{ margin: 0; padding: 0; background-color: white; color: black; font-family: arial, helvetica, sans-serif; font-size: 11pt; }
a
	{ color: #7e55a1; border: 0; }
a:hover
	{ color: #00c; }

/* Placeholder to hold everything */
div#placeholder
	{ width: 1000px; }

/* Header bar */
div#masthead
	{ height: 120px; border-bottom: 3px solid #7e55a1; background: transparent url(images/cpd_logo.jpg) no-repeat scroll left top; position: relative; }
marquee
	{ float: right; width: 300px; height: 120px; margin: 0 10px 0 0; padding: 0 0 0 15px; font-family: Verdana, sans-serif; font-size: 8pt; border-left: 1px #ddd solid; }

div#login
	{ width: 655px; text-align: right; padding-top: 8px; font-size: 9pt; }
div#login table
	{ float: right; border-collapse: collapse; }
div#login table td
	{ padding: 1px; }

span.failed
	{ color: #e92829; }

/* Left side menu */
div#navigation
	{ float: left; border-color: black; border-style: solid; border-width: 0 1px 1px 0; }
div#navigation ul
	{ margin: 0; padding: 0; font-size: 9pt; color: white; list-style-type: none; }
div#navigation ul li
	{ margin: 1px 0 0 0; padding: 4px 2px 4px 12px; width: 155px; background-color: #99c; }
div#navigation ul li.nav_title
	{ background-color: #7e55a1; }
div#navigation ul li.no_margin
	{ margin: 0; }
div#navigation a, div#divMenu a
	{ color: white; text-decoration: none; }
div#navigation a:hover, div#divMenu a:hover
	{ text-decoration: underline; }

div#divMenu
	{ position: absolute; top: 0; left: 0; display: none; background-color: #99c; padding: 5px; width: auto; height: auto; overflow: auto; border:1px solid #7E55A1; font-size: 9pt; }

/* Main placeholder for the content area */
div#mainBody
	{ margin: 0 0 1.2em 190px; }

/* Breadcrumb bar at top of main content area; footer */
div#breadcrumb
	{ height: 18px; padding: 5px 0 0 0; border-bottom: 1px silver solid; font-size: 8pt; color: #bbb; }
div#footer
	{ width: 1000px; text-align: right; border-top: 3px solid #7e55a1; padding: 3px 0 2em 0; font-size: 8pt; color: #bbb; clear: both; }
div#breadcrumb a, div#footer a
	{ color: #bbb; text-decoration: none; }
div#breadcrumb a:hover, div#footer a:hover
	{ color: #666; }

/* Sub-menu floated right on some pages */
div#subNavigation
	{ float: right; background-color: #99c; padding: 5px 8px; width: auto; height: auto; overflow: auto; border: 1px solid #7E55A1; color: white; margin: 6px 0 10px 10px; font-size: 9pt; }
div#subNavigation a
	{ color: white; text-decoration: none; }
div#subNavigation a:hover
	{ text-decoration: underline; }

/* Main content area */
div#mainContent
	{ font-size: 11pt; }
blockquote
	{ margin: 1.6em 30px; padding: 0 20px; border-width: 0 6px; border-color: silver; border-style: solid; background-color: #eee; }

h1
	{ color: #7e55a1; font-size: 22px; background: transparent url(images/bullet.gif) no-repeat scroll left top; padding: 0 0 0 30px; }
h2
	{ font-size: 12pt; margin-top: 2em; color: #080; }
h2.link
	{ background: transparent url(images/icons/link.jpg) no-repeat scroll left top; padding: 14px 0 0 50px; min-height: 34px; }
h2.task
	{ background: transparent url(images/icons/task.jpg) no-repeat scroll left top; padding: 3px 0 0 50px; min-height: 45px; color: #e92829; }
h3
	{ font-size: 1em; color: red; }
h4
	{ font-size: 1em; color: blue; }

p.warning
	{ color: white; background-color: #e92829; padding: 5px 8px; font-weight: bold; }
p.info
	{ font-size: 12pt; color: #7e55a1; font-weight: bold; }
p.imageBank
	{ text-align: center; font-size: 9pt; color: gray; }
p.imageBank img
	{ margin: 0 3px; }

div.imgRight
	{ float: right; padding: 3px 0 10px 15px; }

div.speech
	{ background: transparent url(/images/speech.jpg); font-size: 9pt; width:590px; height: 53px; padding: 20px 40px 50px 50px; }
div.speech-large
	{ background: transparent url(/images/speech-large.jpg); font-size: 9pt; width:590px; height: 163px; padding: 20px 40px 50px 50px; }

span.required
	{ color: #e92829; font-weight: bold; }
span.red
	{ color: #e92829; }
span.grey
	{ color: #bbb; }

/* Contact page */
table#contactForm
	{ border-collapse: collapse; }
table#contactForm td
	{ padding: 3px 6px; }

table
	{ font-size: 9pt; }

/* Forms */
form
	{ margin: 0; padding: 0; }
input, select, textarea
	{ font-family: arial, helvetica, sans-serif; font-size: 9pt; }
fieldset
	{ border: 1px silver solid; margin: 1.5em 0 1.5em 0; }
legend
	{  color: gray; }

/* Booklet forms */
textarea.wb_answer
	{ width: 700px; height: 80px; }
textarea.wb_answer_small
	{ width: 230px; height: 60px; }
textarea.wb_answer_thin
	{ width: 120px; height: 120px; }
input.wb_answer
	{ width: 700px; }
input.wb_answer_small
	{ width: 210px; }

/* Booklet tables */
table.booklet
	{ border-collapse: collapse; border-width: 1px 0 0 1px; border-color: black; border-style: solid; margin-bottom: 1.5em; }
table.booklet th
	{ background-color: #99c; color: white; }
table.booklet th, table.booklet td
	{ padding: 5px 4px; border-width: 0 1px 1px 0; border-style: solid; border-color: black; }
table.booklet td.invisible
	{ border-bottom-width: 0; }
table.booklet td.centred, table.booklet tr.centred td
	{ text-align: center; }
table.booklet td.top, table.booklet tr.top td,  table.booklet tr.top th
	{ vertical-align: top; }

table.booklet td ul
	{ padding-left: 0; margin: 0 0 0 1.5em; }
table.booklet td ol
	{ padding-left: 0; margin: 0 0 0 2em; }

/* Traffic lights */
table.booklet tr.shade td
	{ background-color: #eee; }
table.booklet td label
	{ padding: 0 3px; }
table.booklet td.red, table.booklet td label.red
	{ background-color: red; color: white; }
table.booklet td.amber, table.booklet td label.amber
	{ background-color: gold; }
table.booklet td.green, table.booklet td label.green
	{ background-color: green; color: white; }

/* Particular table in booklet 13 that has only lists in it */
table.twoOptions td
	{ padding-right: 2em; }

/* Some tables need stretching out */
table.fullWidth
	{ width: 100%; }

/* General lists */
ul.gappyList li, ol.gappyList li
	{ margin-bottom: 1.5em; }
ol.gappyList li ol li
	{ margin: 0; list-style-type: lower-roman; }

ol.needsQs li
	{ margin-bottom: 1em; }

ul.boxout
	{ margin-left: 0; padding: 8px 12px 0 12px; border: 1px silver solid; background-color: #eee; }
ul.boxout li
	{ list-style-type: none; margin: 0 0 8px 0; }

ol.Alpha
	{ list-style-type: upper-alpha; }
ol.roman
	{ list-style-type: lower-roman; }

p.buttonBar
	{ text-align: center; padding: 8px 0; margin-top: 2em; background-color: #ffc; border: 1px #fc3 solid; }

p.example
	{ padding: 6px 10px; background-color: #eef; border: 1px #99c solid; }