/* 

WWW.HEALTHSERVICESDIRECTORY.COM.AU 
CSS FILE

CONTENTS

@GENERAL
-General HTML tags

@LAYOUT
-Header, Navigation, Footer, Outer

@FORMS
-Specific form classes

@INTERFACE
-Interface, including lists, paging.

@PRESENTATION
-Colours/Fonts etc

@UTILITIES
-General interface classes, alignment, clearing etc

@PRINT
-General styles for printing pages

*/

/************************************************************************************
@GENERAL
/************************************************************************************/


html {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;	
	overflow: scroll;
}
body {
	font-weight: normal;
	color: #333333;
	padding: 0px;
	background-color: #FFFFFF;
}

p {
	text-align:left;
	font-size: 120%;
	line-height: 110%;
	padding:0em 0 1em 0;	
}

strong{
	font-weight: bold;
}

table,tr,td{
	text-align:left;
	border: 0;	
	vertical-align: top;
}

h1, h2, h3, h4, h5 {
	position: relative;
}


h1 {
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}

h1.title{
  font-size: 200%;
  font-weight: normal;
}

h1.title a{
  font-weight: normal;
}

h2{
	font-size: 130%;
}


label{
	font-size: 120%;
	font-weight: bold;
	text-align:left;
	cursor: pointer;
}

img{
	border: 0;
}

a{
	line-height:130%;
}

a:link {
font-weight:bold;
color:#02528c;
text-decoration:underline;
}
a:visited {
font-weight:bold;
color:#02528c;
text-decoration:underline;
}
a:hover {
font-weight:bold;
color:#007ed9;
text-decoration:underline;
}

ol li{
	list-style-type: decimal;
}

/************************************************************************************
@LAYOUT
/************************************************************************************/

#outer{
	margin: 0 auto;
	width: 77em;
}

#content{
	text-align:left;
}

#content_left{
	margin:0;
	padding:0;
	float: left;
	width: 13em;
	margin-right: 2em;
}

#content_centre{
	position:relative;
	float: left;
	width: 62em;
}

#content_centre_main{
	
	float: left;
	width: 45em;
}

#content_centre_extra{
	float: right;
	width: 15em;
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	right:0;
}

#content_centre_extra img{
	margin:0;
	padding:0;
}


#header{
	background: url(/images/banner.jpg) top right no-repeat;
	height:7em;
	margin-bottom:0.5em;
}

#header #header_banner{
	margin-top: 1em;
}

#content_helpdesk{
	padding-left:0;
}

#content_helpdesk h2{
	font-size: 170%;
	padding:0;
	margin:0;
}

#content_helpdesk h3{
	font-size: 180%;
	padding:0;
	margin:0;
	font-weight:bold;
}

#hsd-logo {
  float:left;
}

#region-logo {
  float: right;
}

#nav{
	background: transparent url(/images/nav-background.jpg) top left no-repeat;
	height: 3em;
	margin:0;
	padding:0;
	margin-bottom:2em;
  text-align: left;
  padding: 7px 5px;
  clear:both;
}

#nav ul li{
  display: inline;

}

#nav ul li a{
  color: #fff;
  font-size: 120%;
  font-weight: normal;
  text-decoration: none;
  margin-left: 2em;

}

#nav_breadcrumbs{
	height: 2em;
	margin-bottom:1em;
}

#subnav{
	background-color: #686868;
	margin-bottom: 10px;
	width:13em;
	
}

#subnav li{
	border-bottom: 1px solid #fff;
	font-size: 110%;
	padding: 5px;
	padding-left:10px;
	background: url(/images/subnav_background.jpg) top left repeat-x;
	list-style-type: none;
}

#subnav li a{
	color: #fff;
	text-decoration:none;
}

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

.footer{	
	border-top: 1px solid #eee;
	margin-top:2em;	
	clear:both;
	padding-top: 2em;
	text-align:center;
}

.footer p{
	font-size: 110%;
	text-align:center;
}

.footer 	a{
	margin: 0 2em 0 0;
	color: #aaa;
	font-weight: normal;
	
}



/************************************************************************************
@INTERFACE
/************************************************************************************/

/* Add new listing, Search for specialist etc */
.large-section-button{
	float:left;
	width: 19em;
	margin-right:3em;
}

#region-title{
	width:37.2em;
}

.large-section-button img{
	width: 18.5em;
}


.button_square{
	border:1px solid #ccc;
	background-color: #e2e2e2;
	padding: 0.5em;
}

.button_square:hover{
	border:1px solid #eee;
	background-color: #f8f8f8;
	padding: 0.5em;
}
  
.button_square_current{
	border:1px solid #fff;
	background-color: #fff;
	padding: 0.5em;
}


#portals{
	text-align:center;
	margin:1em auto;
	width: 650px;
	padding-top:20px;
	padding-left:10px;
}

#portals_inner{
	width:610px;
	margin: 0 auto;
	text-align:center;
}


#portals .button_portal{
	float:left;
	height:120px;
	width:200px;

}

#portals .button_portal a{
	background: url(/images/button_portal.jpg) top left no-repeat;
	display: block;
	height: 120px;
	width:200px;
	text-align:center;
}

#portals .button_portal a img{
	margin-top: 30px;
}

#portals .button_portal a:hover{
	background: url(/images/button_portal.jpg) bottom left no-repeat;
	display: block;
	height: 120px;
	width:200px;
}

#portals .button_gp a{
  background: url(/images/button_gp.jpg) top left no-repeat;
  display: block;
  height: 100px;
  width:195px;
  text-align:center;
  text-decoration: none;
  font-size: 120%;
  font-weight: normal;
}

#portals .button_sp a{
  background: url(/images/button_sp.jpg) top left no-repeat;
  display: block;
  height: 100px;
  width:195px;
  text-align:center;
  text-decoration: none;
  font-size: 120%;
  font-weight: normal;
}



#portals .button_gp a img,
#portals .button_sp a img{
  float:left;
  margin-left:20px;
}

#portals .button_gp a span,
#portals .button_sp a span
{
  display: block;
  padding-left:10px;
  padding-right:10px;
  padding-top:30px;
}



#portals .button_gp a:hover{
	background: url(/images/button_gp.jpg) bottom left no-repeat;
}

#portals .button_sp a:hover{
	background: url(/images/button_sp.jpg) bottom left no-repeat;
}

#portals .button_portal_small a{
	background: url(/images/button_portal_small.jpg) top left no-repeat;
	display: block;
	height: 150px;
	width:150px;
	text-align:center;  
  font-size:12px;
  font-weight:normal;
  padding: 0px 25px;
  text-decoration: none;
}
#portals .button_portal_small a img{
  margin: 5px;
  margin-top:20px;
  margin-bottom: 0px;
  text-decoration:none;
}
#portals .button_portal_small a span{
  display:block;
  padding-top:0px;
  width:150px;
  text-align:center;  
  text-decoration: underline;
  margin-left: 5px;
}

#portals .button_portal_small a:hover{
	background: url(/images/button_portal_small.jpg) bottom left no-repeat;
}

.portals_row {
  width:60em;
  border-top: 10px solid #F6F6F6;
  padding: 2em 0;
  margin: 0 auto;
}

.region{
  width:800px;
  margin:0em auto;
}
.region #portals{
	text-align:center;
	margin:1em auto;
	width: auto;
	padding-top:20px;
	padding-left:10px;
}

.region #portals_inner{
  width: auto;
}

#portals img {
  margin-top: 2em;
}

.region #portals table{
  width:100%;
}







/************************************************************************************
@PRESENTATION
/************************************************************************************/

.background_blue
{
	background-color: #d1e0ec;
}

.background_lightblue{
	background-color: #E2ECF3;
}

.background_peach
{
	background-color: #fee7c5;
}

.background_lightpeach
{
	background-color: #FEF2E0;
}

.background_pink
{
	background-color: #FFEEEC;
}

.background_lightpink
{
	background-color: #FFFAF9;
}

.background_orange
{
	background-color: #e87301;
}

.background_grey
{
	background-color: #e2e2e2;
}

.background_lightgrey
{
	background-color: #f2f2f2;
}

.background_green{
	background-color: #cdf0d1;
}

.background_lightgreen{
	background-color: #FBFFE8;
}

.background_lime{
	background-color:#F7FFD9;
}

.background_white{
	background-color: #fff;
}	


.heading_orange{
	font-size: 140%;
	color: #ed8e34;
	padding-bottom: 2em;
	font-weight: bold;
	line-height:200%;
	position:relative;
}

.heading_blue{
	font-size: 140%;
	color: #02528c;
	padding-bottom: 2em;
	font-weight: bold;
	line-height:200%;
	position:relative;
}
.heading_grey{
	font-size: 140%;
	color: #666666;
	padding-bottom: 2em;
	font-weight: bold;
	line-height:200%;
	position:relative;
}

.heading_red{
	color: #BA4B4B;
	font-size: 140%;
	padding-bottom: 2em;
	font-weight: bold;
	line-height:200%;
	position:relative;
}

.heading_green{
	color: #709144;
	font-size: 140%;
	padding-bottom: 2em;
	font-weight: bold;
	line-height:200%;
	position:relative;
}

.whitetext{
	color: #fff;	
}

.text_red{
	color: #ff0000;
}

.fontsize_large{
	font-size: 130%;
}

.fontsize_small{
	font-size: 110%;
}

.fontsize_xlarge{
	font-size: 140%;
}


p.larger{
	text-align:left;
	font-size: 130%;
	line-height: 130%;
	padding-bottom:1em;
}


p.capitalize{
	text-transform: capitalize;
}

.important{
  color: #cc0000;
  text-transform: uppercase;
  padding: 3px;
  font-weight:bold;
}

/* NOTIFICATION BOXES */

.css-process-complete{	
	border: 1px solid #79B551;
	background-color: #EAFFCE;
}


.css-process-warning{
	background-color: #FFFFD9;
	border: 1px solid #FFFF6A;
}

.css-process-failed{
	border:1px solid #cc0000;
	background-color:#FFD2D2;
}

.css-notification-info{
	border: 1px solid #6699CC;
	background-color: #ECF9F9;
}

.css-notification-info p, .css-process-complete p, .css-process-failed p, .css-process-warning p{
	padding:1em;
}



/************************************************************************************
@UTILITIES
/************************************************************************************/

.pad{
	padding: 1em;
}

.nopad{
	padding:0;
	margin:0;
}

.center{
	text-align:center;
}

.align_left{
	text-align:left;
}

.align_right{
	text-align:right;
}

.align_bottom{
	vertical-align:bottom;
}

.align-center{
	text-align:center;
}

.float_left{
	float:left;
}

.float_right{
	float:right;
}

.margin_right_1{
	margin-right: 1em;
}

.margin_right_05{
	margin-right: 0.5em;
}

.margin_right_2_5{
	margin-right: 2.3em;
}

.clear{
	clear:both;
}

.has_layout{
	_height:0;
}