/* This document contains styles which are specific to the
'employ an OTD' section of a website. There is an equivelant
document for the 'work as a doctor' section. */

/* Heading styles. */

h1, h2, h3, h4, h5, h6
{
	font-weight: normal;
	color: #b6000c;
}

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; font-weight:bold;}

div#leftNav
{
	position: relative;
	float: left;
	right: auto;
	z-index: 10;
	clear: both;
	border-bottom: #FFF 1px solid;
}

/* Nav Bar. */

div#leftNav a
{
	/* Spacing rules for all items. */
	display:block;
	margin: 0px;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
}

div#leftNav a.item
{
	background-color: #f1d6d7;
}

#leftNav a.itemindent 
{
	padding:1px;
	text-indent:15px;
	font-size:8pt;
}

div#leftNav a.highlight,
div#leftNav a.highlightFirst,
div#leftNav a.highlightLast,
div#leftNav a.highlightOnly
{
	display:block;
	background-color: #e9a3a7;
}

/* Put borders around a group of highlighted items.
IE doesn't support attribute selectors - the wretch;
so we have to create new classes for everything. */

div#leftNav a.highlightFirst
{
	border-top: 1px solid #FFFFFF;
}

div#leftNav a.highlightLast
{
	border-bottom: 1px solid #FFFFFF;
}

div#leftNav a.highlightOnly
{
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

/* Rollover highlights. */

div#leftNav a.item:hover,
div#leftNav a.highlight:hover,
div#leftNav a.highlightFirst:hover,
div#leftNav a.highlightLast:hover,
div#leftNav a.highlightOnly:hover
{
	background-color:#e5c0c3;
}

/* Indent second level items. */

div#leftNav p.level2 a.item,
div#leftNav p.level2 a.highlight,
div#leftNav p.level2 a.highlightFirst,
div#leftNav p.level2 a.highlightLast,
div#leftNav p.level2 a.highlightOnly
{
	text-indent:1em;
}

/* Big block heading at top of page. */

#heading
{
	font-size: 2em;
	color: #FFFFFF;
	margin: 0px;
	background-color: #b6000c;
	width: 20.5em;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-left: 0.3em;
}

#heading_blue
{
	font-size: 2em;
	color: #FFFFFF;
	margin: 0px;
	background-color: #009AC8;
	width: 17.5em;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-left: 0.3em;
}

#breadcrumb
{
	margin: 0px;
	padding: 4px;
	border: 1px solid #b6000c;
	background-color: #ebb9bb;
}
/* Right block for related links*/
div#main .rightrellink
{
	top: 20em;
	height: auto;
	z-index: 10;
	float: right;
	width: 200px;
	margin-bottom: 10px;
}
div#main .rightrellink h2
{
	display: block;
	margin: 0px 0px 0px 15px;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-color: #b6000c;
	color: White;
	font-weight: 800;
	font-size: 1.0em;
}
div#main .rightrellink ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#main .rightrellink li
{
	list-style: none;
}
div#main .rightrellink a
{
	/* Spacing rules for all items. */
	display: block;
	margin: 0px 0px 0px 15px;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 6px;
	padding-bottom: 6px;
	color: Black;
	text-decoration: none;
	font-size: 0.9em;
	background: url(/internet/otd/publishing.nsf/AttachmentsByTitle/blueArrow2.gif/$FILE/blueArrow2.gif) no-repeat right;
}
div#main .rightrellink a
{
	background-color: #f1d6d7;
	border-top-color: White;
	border-top-style: solid;
	border-top-width: 1px;
}
div#main .rightrellink a:hover
{
	background-color: #e5c0c3;
	color: Black;
}

/* Styles for forms. */


div#main form
{
	background-color:#f1d6d7;
	border:2px solid #e9a3a7;
	padding:1em;
	font-size:0.9em;
}

div#main form div.Input
{
	clear: both;
	padding-top:1em;
}

div#main form div.Input p.label
{
	width: 30%;
	vertical-align: top;
	float: left;
	margin: 0px;
	padding: 0px;
}

div#main form div.Input p.field
{
	width: 60%;
	float: right;
	margin: 0px;
	padding: 0px;
}

div#main form .note
{
	font-size:0.8em;
}

/* STEP BY STEP GUIDE STYLES */

ul.options, ul.info
{
	list-style-type:none;
	text-align:center;
	margin-top:4em;
}

ul.options li, ul.info li
{
	display:inline;
	padding:0;
	margin:0;
	white-space:nowrap;
	line-height:2.7em;
	font-size:0.8em;
}

ul.options li a, ul.info li a
{
	color:#000000;
	text-decoration:none;
	background-color:#e9a3a7;
	border:1px solid #b6000c;
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left:1em;
	padding-right:1em;
	margin:0.1em;
}

ul.options li a
{
	text-transform:uppercase;
	font-weight:bold;
}

ul.options li a:hover, ul.info li a:hover
{
	background-color:#009BC8;
}