BODY {
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 11pt ;
	color : 333333 ;
	 
}
		
TD, P {
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 11pt ;
	color : 333333 ;   
}
	
TD.SmallRow1, TR.SmallRow1 {
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 9pt ;
	color : 333333 ;
	background-color : FFFFFF;  
}
		
TD.SmallRow2, TR.SmallRow2 {
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 9pt ;
	color : 333333 ;
	background-color : DDDDDD;  
}
	
TH, TH a.Highlight, TH a:visited.Highlight { 
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 11pt;
	color : FFFFFF;
	background-color : 9BA7AC;
	font-weight : bold; 
}
	
TH A:hover.Highlight {
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 11pt ;
	text-decoration: underline;
	font-weight : bold ;
	color : FFFFFF; 
}

TH.Small { 
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 9pt;
	color : FFFFFF;
	background-color : 9BA7AC;
	font-weight : bold; 
}
	
TR.Row1, TD.Row1 {
	background-color : FFFFFF;
}

TR.Row2, TD.Row2 {
	background-color : DDDDDD;
}
		
TR.RowColorHover {
	background-color : FFFFFF;
}	
		
INPUT, SELECT, TEXTAREA {
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 10pt ;
	color : 333333 ;
	background-color : FFFFFF ;  
}
		
//change BG of INPUT, SELECT, TEXTAREA to be Row1 if in a table.
TABLE.table1 INPUT, TABLE.table1 SELECT, TABLE.table1 TEXTAREA,
TABLE.table2 INPUT, TABLE.table2 SELECT, TABLE.table2 TEXTAREA,
TABLE.table3 INPUT, TABLE.table3 SELECT, TABLE.table3 TEXTAREA {
	background-color : FFFFFF ;
}

//THEN, change BG of INPUT, SELECT, TEXTAREA to be that of the Row that it is in.
TR.Row1 INPUT, TR.Row1 SELECT, TR.Row1 TEXTAREA {
	background-color : FFFFFF ;
}

TR.Row2 INPUT, TR.Row2 SELECT, TR.Row2 TEXTAREA {
	background-color : DDDDDD ;
}
		
.Small {
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 9pt ;
	color : 333333 ;  
}
	
.SmallTxt {
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 9pt ;
}
		
a.Small {
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 9pt ;
	color : 91004B;  
}
	
a:visited.Small {
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 9pt ;
	color : 1B4298;  
}

a:hover.Small {
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 9pt ;
	color : CC0099;
	text-decoration: underline;  
}
	
.SelectedPage, a.SelectedPage {
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 15pt ;  
	text-decoration: none ;
	color : 91004B ;
}
	
a:visited.SelectedPage {
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 15pt ;  
	text-decoration: none ;
	color : 1B4298 ;
}

A:hover.SelectedPage {
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 15pt ;
	text-decoration: underline;
	color : CC0099;  
}
	
.hcol {
	color: 91004B;
}
		
.RequiredField, .Highlight {
	font-size : 11pt ;
	font-family: Verdana, Arial, Helvetica, sans-serif; ; 
	color: FF0000;
}
		
HR {
	color : 9BA7AC;
	height : 1px;
}
	
H1 {
	font-family : Verdana, Arial, Helvetica, sans-serif ;
	font-size : 14pt ;
	font-weight : bold;
	color : 91004B;
	
}
	
H2 {
	font-family : Verdana, Arial, Helvetica, sans-serif ;
	font-size : 13pt ;
	font-weight : bold;
	color : 91004B;	
}
		
H3, H4 {
	font-family : Verdana, Arial, Helvetica, sans-serif ;
	font-size : 12pt ;
	font-weight : bold;
	color : 91004B;	
}
	
.pageheading {
	font-family : Verdana, Arial, Helvetica, sans-serif ;
	font-size : 14pt ;
	font-weight : bold;
	color : 91004B;	
	display: inline;
	margin-bottom: 0;
	padding-bottom: 0;
}
	
.pagepath {
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 9pt ;
	font-weight : bold;
	color : 91004B;	
	display: inline;
	margin-bottom: 0;
	padding-bottom: 0;
}
	
.bolded {
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 11pt ;
	font-weight : bold;
	color : 333333; 
}
		
.firstletter {
	font-family : Verdana, Arial, Helvetica, sans-serif ;
	font-size : 14pt ;
	font-weight : bold;
	color : 91004B;
	display: inline;
	padding-bottom : 0;
	margin-bottom : 0;
} 
	
BODY.FirstChar, TD.FirstChar {
	font-family : Verdana, Arial, Helvetica, sans-serif ;
	font-size : 14pt ;
	font-weight : bold;
	color : 91004B;
	display: inline;
	padding-bottom : 0;
	margin-bottom : 0;
} 
		
A {
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 11pt ;  	text-decoration: none;
	color : 91004B;
}
	
A:visited {
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 11pt ;   text-decoration: none;
	color : 1B4298;
}

A:Hover {
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 11pt ;   text-decoration: underline;
	color : CC0099;
}
			
A.menu_off {
	text-decoration: none;
	color : #000066;
}
	
A.menu_off:Hover {
	text-decoration: none;
	color : #2F426F;
}
	
.menu_off {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: capitalize; 
	color: #2F426F; 
	text-decoration: none
}

.menu_on {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: capitalize; 
	color: #2F426F; 
	text-decoration: none
}
		
.normal, a:hover.normal, a:visited.normal {
	font-family : Verdana, Arial, Helvetica, sans-serif; ;
	font-size : 11pt ;
	color : 333333 ;   text-decoration: none ;
}
		
label {
	cursor: pointer; 
	cursor: hand;
}
		
html, img {margin:0;padding:0;}
body {margin:5px 15px 0;}

img, fieldset {
	border:0;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}

.left {
	float:left;
}

.right {
	float:right;
}

a {
	color:#91004b;
	font-size:100%; /*for Comprehend */
}

a:visited {
	color:#91004b;
	font-size:100%; /*for Comprehend */
}

a:hover {
	color:#1b4298;
	font-size:100%; /*for Comprehend */
}

h1 {
	color:#91004b;
	padding:10px 0;
	font-size:1.5em;
	margin:0;
}

.container h1 {
	font-size:2em;
}

#iwantto h1 {
	font-size:2em;
}

h2 {
	color:#384f5a;
	padding:10px 0;
	font-size:1.5em;
	margin:0;
}

h3 {
	color:#91004b;
	padding:10px 0;
	font-size:1.3em;
	margin:0;
}

h4 {
	color:#91004b;
	font-size:1em;
	margin:0;
}

#header {
	height:62px;
	background:white;
}

#header img {
	display:block;
}

#logo {
	position:absolute;
	top:8px;
	right:51px;
}

#nav {
	height:28px;
	width:100%;
	background:#ebedef url(../images/nav-ul-bg.jpg) repeat-x 0 0;
}

#nav li {
	height:28px;
	list-style:none;
	float:left;
	text-align:center;
	font-size:0.8em;
	line-height:28px;
	background:#ffffff;
}

#nav li a {
	display:block;
	float:left;
	height:28px;
	text-decoration:none;
	background:#EBEDEF url(../images/nav-li-bg.jpg) repeat-x 0 1px;
	color:#384f5a;
	margin-right:-1px;
	/*padding:0 20px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	border-top:1px solid #91004B;
	border-left:1px solid #91004B;
	border-right:1px solid #91004B;*/
}

#nav li a:hover {
	text-decoration:none;
	background:#91004b url(../images/nav-li-hover-bg.jpg) repeat-x 0 0;
	color:#ffffff;
}

#nav #lastnav a {
	border-top:1px solid #91004B;
	border-left:1px solid #91004B;
	border-right:0;
	padding:0 0 0 10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	height:27px;
	background:#EBEDEF url(../images/nav-li-bg.jpg) repeat-x 0 0px;
}

#nav #lastnav a:hover {
	background:#EBEDEF url(../images/nav-li-bg.jpg) repeat-x 0 0;
}

#topmenu {
	height:40px;
	background:#9ba7ac url(../images/menu-bg.jpg) repeat-y left top;
}


.menuimg {
	float:left;
	margin:0 20px;
	display:inline;
	width:40px;
	height:40px;
}

.back {
	background:url(../images/back_icon.png) no-repeat 0 0;
}

.back:hover {
	background:url(../images/back_icon.png) no-repeat 0 -40px;
}

.home {
	background:url(../images/home_icon.png) no-repeat 0 0;
}

.home:hover {
	background:url(../images/home_icon.png) no-repeat 0 -40px;
}

.refresh {
	background:url(../images/refresh_icon.png) no-repeat 0 0;
}

.refresh:hover {
	background:url(../images/refresh_icon.png) no-repeat 0 -40px;
}

.print {
	background:url(../images/print_icon.png) no-repeat 0 0;
}

.print:hover {
	background:url(../images/print_icon.png) no-repeat 0 -40px;
}

#topmenu p {
	color:#ffffff;
	font-weight:bold;
	text-align:right;
	padding:10px 30px 10px 10px;
	font-size:0.8em;
}

#logout {
	float:right;
	margin:-5px 0 0 10px;
	background:url(../images/logout_icon.png) no-repeat 0 0;
	height:29px;
	width:29px;
	display:block;
}

#logout:hover {
	background:url(../images/logout_icon.png) no-repeat 0 -29px;
}

.sidebar {
	width:200px;
	min-width:200px;
	background:#ffffff;
}

/* DOTS sideTitle.cfm styling override */
.menuItems, a.meuItems, a.menuItems:visited  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.menuItems:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* --- */

#menu-left-top {
	width:180px;
	height:40px;
	background:#91004b;
	margin:20px 0 0 20px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
}

/* top style for my pc, bottom style for Comprehend */
#menu-left-top span {
	padding:20px 0 0 20px;
	display:block;
}

#heading {
	padding:20px 0 0 20px;
	display:block;
}
/* --- */

#menu-left-top span a {
	color:#ffffff;
	text-decoration:none;
	font-size:8pt;
	text-transform:uppercase;
}

#menu-left-top span a:hover {
	color:#91004b;
	background:#ffffff;
}

#menu-left {
	width:180px;
	height:auto; /* fixed height of 350px in ie only style sheet */
	background:#91004b;
	/*padding-bottom:20px; removed for Comprehend*/
	margin:0 0 20px 20px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
}

#menu-left ul {
	padding:0 10px 0 35px;
	color:#ffffff;
	font-size:0.7em;
}

#menu-left li {
	line-height:1.5em;
}

#menu-left ul a {
	color:#ffffff;
	text-decoration:none;
}

#menu-left ul a:hover {
	color:#91004b;
	background:#ffffff;
}

/* DOTS menu additional styling - also changes in IE stylesheet */
#menu {
	padding:0 0 0 20px;
}

#menu table tr td {
	padding:2px 0;
}

#menu table tr td img {
	margin:4px 2px 0 2px;
}

/* --- */

#quicklinks {
	width:180px;
	background:#9BA7AC url(../images/quicklinks-bg.jpg) repeat-y 0 0;
	padding-bottom:20px;
	margin-left:20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#quicklinks span {
	padding:20px 0 0 20px;
	display:block;
}

#quicklinkslink {
	color:#ffffff;
	font-size:0.7em;
	display:block;
	margin-right:20px;
	text-decoration:none;
	font-weight:bold;
	background:url(../images/quicklinks-arrow.png) no-repeat right top;
}

#quicklinksdetails {
	width:180px;
	background:#9BA7AC url(../images/quicklinks-bg.jpg) repeat-y 0 0;
	padding:10px 0 20px 0;
	margin:-10px 0 0 20px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
}

#quicklinksdetails ul {
	padding:0 10px 0 35px;
	color:#ffffff;
	font-size:8pt;
}

#quicklinksdetails li {
	line-height:1.5em;
}

#quicklinksdetails ul a {
	color:#ffffff;
	text-decoration:none;
}

#quicklinksdetails ul a:hover {
	color:#384f5a;
	background:#fffffe; /*off-white as hover background was not appearing in IE - could be due to curvyCorners of DD_belatedpng perhaps? */
}

#maincontent {
	min-width:740px;
	padding:0 20px 0 0;
}

.container {
	margin:0 0 20px 20px;
	min-height:185px;
	font-size:110%;
}

.container p {
	padding:10px 330px 10px 0;
	margin:0;
	font-size:0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif; /* for Comprehend */
}

#container-worker {background:url(../../../www/custom/images/worker-big.jpg) no-repeat top right;}
#container-employer {background:url(../../../www/custom/images/employer-big.jpg) no-repeat top right;}
#container-insurer {background:url(../../../www/custom/images/insurer-big.jpg) no-repeat top right;}
#container-rrtwc {background:url(../../../www/custom/images/rrtwc-big.jpg) no-repeat top right;}
#container-doctordentist {background:url(../../../www/custom/images/doctordentist-big.jpg) no-repeat top right;}
#container-allied-health-provider {background:url(../../../www/custom/images/allied-health-provider-big.jpg) no-repeat top right;}
#container-legal-professional {background:url(../../../www/custom/images/legal-professional-big.jpg) no-repeat top right;}
#container-practice-staff {background:url(../../../www/custom/images/practicestaff-big.jpg) no-repeat top right;}

/* DOTS welcomePage.cfm styling override */
.pageheading {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#91004b;
	font-size:1.5em;
	display:block;
}

.pageheading img {
	float:right;
}

td p {
	font-size:100%;
}

td,p {
	font-size:0.9em;
}

.pagepath {
	margin-bottom:10px;
	color:#394F5A;
	font-weight:normal;
	display:block;
}

.pagepath a {
	color:#394F5A;
}

.pagepath a:visited {
	color:#394F5A;
}

.pagepath a:hover {
	color:#394F5A;
	text-decoration:underline;
}

/* --- */

#iwantto {
	background:#f5f6f7 url(../../../www/custom/images/iwantto-bg.jpg) repeat-x 0 bottom;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	overflow:auto;
	width:100%; /*ie6 fix instead of overflow:auto */
	margin:0 0 20px 0;
	font-size:110%;
}

#iwantto h1 {
	padding:20px;
}

#iwantto ul {
	float:left;
	width:45%;
	min-width:350px;
	list-style:none;
	padding:0 0 30px 30px;
	margin:0;
	font-size:100%;
}

#iwantto li {
	padding:5px 0 20px;
}

#iwantto li a {
	padding:5px 0 5px 40px;
	text-decoration:none;
	color:#384f5a;
	font-weight:bold;
}

#iwantto li a:hover {
	text-decoration:underline;
}

.enrol {background:url(../../../www/custom/images/enrol_icon.png) no-repeat 0 0;}
.enrolled {background:url(../../../www/custom/images/enrolled_icon.png) no-repeat 0 0;}
.completed {background:url(../../../www/custom/images/completed_icon.png) no-repeat 0 0;}
.details {background:url(../../../www/custom/images/details_icon.png) no-repeat 0 0;}
.certificates {background:url(../../../www/custom/images/certificates_icon.png) no-repeat 0 0;}
.library {background:url(../../../www/custom/images/library_icon.png) no-repeat 0 0;}
.surveys {background:url(../../../www/custom/images/surveys_icon.png) no-repeat 0 0;}
.rrtwc {background:url(../../../www/custom/images/rrtwc_icon.png) no-repeat 0 0;}

#usingcomprehend {
padding:20px;
border-top:1px solid #c8c8c8;
overflow:auto;
min-width:700px;
background:url(../../../www/custom/images/dots-1-row.gif) no-repeat center right;
font-size:110%;
}

#usingcomprehend h4 {
float:left;
width:200px;
padding:0 0 10px 0;
margin:0;
}

#usingcomprehend p {
font-size:0.8em;
float:left;
width:570px;
margin:0;
}

#footer {
border-top:1px solid #91004b;
font-size:0.7em;
list-style:none;
padding:0 20px 5px;
overflow:auto;
height:100%;
min-width:960px;
}

.footerleft {
float:left;
padding:5px 20px 0 20px;
border-right:1px solid #91004b;
}

.footerright {
float:right;
padding:5px 70px 0 10px;
border-left:1px solid #91004b;
height:1.5em;
}

.noborder {
border:0;
}
		
@media print {
	TEXTAREA { 
		overflow : visible ;
	}
}