/* ===========================================================================
 * Filename: css/print.css
 * Author: Rebecca Skeers, rebecca@webmistress.com.au, www.webmistress.com.au
 * Date: 11 April 2007
 * Description: Print styles for the Hobart Water website.
 * =========================================================================== 
 */

*
{
	margin: 0;
	padding: 0;	
}
 
body
{
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, sans-serif;	
	font-size: 0.76em;
	color: #000;
	line-height: 1.6;
	margin: 15px;
}

h1
{
	font-size: 1.4em;
	padding: 65px 0 3px 0;
	font-weight: normal;
	background: transparent none no-repeat scroll 100% 0;
}

h2
{
	font-size: 1.2em;
	clear: both;
	padding: 0 0 1em 0;
}

h3
{
	font-size: 1.1em;
	padding: 0 0 0.5em 0;
}

h4
{
	font-size: 1.02em;
}

h5
{
	font-size: 1.02em;
}

h6
{
	font-size: 1.02em;
}

a:link, a:visited, a:focus, a:hover, a:active
{
	color: #000;
	text-decoration: underline;
}

a img
{
	border: none;	
}

.large
{
	font-size: 1.05em;
}

.small
{
	font-size: 0.89em;	
}

.highlight
{
	font-style: italic;
	border: 1px solid #666;	
	padding: 0.7em 0.7em 1em;
	margin: 0 0 1em;
}

div.highlight
{
	padding-bottom: 0;	
}

.feature
{
	font-size: 1.05em;
}

strong
{
	font-weight: bold;	
}

.subdued
{
	color: #666;	
}

.success
{
	color: #666;	
}

.error, .required
{
	font-weight: bold;	
}

p, ol, ul
{
	padding: 0 0 1em 0;	
}

ul
{
	list-style: disc;	
}

ul, ol
{
	padding-left: 2em;	
}

li
{
	margin-bottom: 0.3em;	
}

ul ul, ol ul, ol ol
{
	padding: 0.3em 0 0;	
}

hr
{
	clear: both;
	border: none;
	margin: 0 0 1em 0;
	display: block;
}

hr
{
	color: transparent;
	background-color: transparent;
	border-top: 1px solid #666;	
}

hr.light, .homepage .box hr
{
	color: transparent;
	background-color: transparent;
	border-top: 2px dashed #666; 	
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	margin: 0 0 1.5em 0;
}

table.uniform
{
	table-layout: fixed;	
}

tr
{
	vertical-align: top;
}

th
{
	font-weight: bold;
}

th, td, td.left, th.left
{
	text-align: left;
}

td.right, th.right
{
	text-align: right;	
}

td.centre, th.centre
{
	text-align: center;	
}

table.data, table.plain, table.information, table.shaded
{
	width: 100%;
}

table.data tr
{
	background-color: #fff;
}

table.data th, table.data td,
table.plain th, table.plain td,
table.information th, table.information td,
table.shaded th, table.shaded td
{
	border: 1px solid #666;
	padding: 0.5em;
}

form table th, form table td
{
	padding: 0.5em 1em 0.5em 0;
}

form
{
	border-bottom: 1px solid #666;	
	padding: 0 0 0.5em 0;
	margin: 0 0 1em 0;
}

#quicksearch form
{
	padding: 0 0 1.5em 0;
}

legend
{
	position: absolute;
	top: -9999px;
	left: -9999px;	
}

fieldset
{
	border: none;
	border-top: 1px solid #666;
	padding: 1.5em 0 0 0;	
}

select, input, textarea
{
	font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Helvetica, sans-serif;	
	font-size: 1.0em;
	color: #666;
	margin-right: 0.3em;
	padding: 1px;
}

form input
{
	margin-right: 1.5em;
	border: 1px solid #666;
}

form div.field
{
	clear: left;	
}

form div.field, form div.value
{
	float: left;
	width: 50%;
	padding: 0 0 1em 0;
}

form fieldset.buttons
{
	clear: both;
	padding: 1em 0 0.5em 50%;
}

form.wide fieldset.buttons
{
	padding-left: 0;	
}

form.wide div.field, form.wide div.value
{
	float: none;
	width: 100%;
	padding: 0;
}

form.wide div.value
{
	padding: 0 0 2em 0;
}

option
{
	padding: 0 1.5em 0 0;	
}

input.button
{
	border: 1px solid #666;	
	padding: 0;
	background: #fff;
}

form span.error
{
	display: block;	
}

optgroup option
{
	padding-left: 1.5em;	
}

input[type="radio"] 
{
	margin: 3px 3px 0px 5px;
}

input[type="checkbox"] 
{
	margin: 3px 3px 3px 4px;
}

form.login div.field
{
	width: 10em;	
}

form.login form div.value
{
	margin-left: 11em;
}

label
{
	padding-right: 1em;	
}

label em.required
{
	font-style: normal;
	font-weight: bold;
}

label em.required span
{
	position: absolute;
	top: -9999px;
	left: -9999px;	
}

img.left
{
	padding: 0 1em 1em 0;
	float: left;
	clear: left;
}

img.right
{
	padding: 0 0 1em 1em;
	float: right;
	clear: right;
}

img.block
{
	padding: 0 0 1em 0;
	display: block;
}

div.image-left img, div.image-right img, div.image-block img
{
	float: left;	
}
div.image-left .caption, div.image-right .caption, div.image-block .caption
{
	clear: left;	
}

div.image-left
{
	padding: 0 1em 1em 0;
	float: left;
	clear: left;
}

div.image-right
{
	padding: 0 0 1em 1em;
	float: right;
	clear: right;
}

div.image-block
{
	padding: 0 0 1em 0;
	display: block;
}

.caption
{
	color: #000;	
	border: 1px solid #666;
	border-top: 0;
	padding: 4px;
	line-height: 1.2;
}

.clear
{
	clear: both;	
}

#container ul, #container ol, #container p.highlight, #container div.highlight,
.demo ul, .demo ol, .demo p.highlight, .demo div.highlight
{
	display: table;
}

code
{
	font-family: 'Courier New','Courier';
	border: 1px solid #666;
	display: block;
	padding: 1em;
	margin: 0 0 1em 0;
	font-size: 1.0em;
	color: #666;
}

.box
{
	border: 1px solid #666;	
	padding: 0 6px;
	margin: 0 0 1.5em 0;
}

.box h2
{
	margin: 0 -6px 0.8em;
	padding: 3px 6px;
	font-size: 1.0em;
	font-weight: bold;
	background: transparent none no-repeat scroll 97% 50%;
	border-bottom: 1px solid #666;
}

.box a
{
	font-weight: bold;	
}

.box h2 a:link, .box h2 a:visited, .box h2 a:focus, .box h2 a:hover, .box h2 a:active
{
	color: #fff;	
}




#breadcrumbs
{
	clear: both;	
	padding: 0 0 30px 0;
}

#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:focus, #breadcrumbs a:hover, #breadcrumbs a:active
{
	color: #000;
	text-decoration: none;	
}

#container
{
	padding: 30px 0 60px 0;	
}

#page-title
{
	border: 1px solid #666;
	margin-bottom: 30px;
	padding-left: 7px;
}

#siteinfo
{
	border-top: 1px solid #666;	
}

#navigation, #subnavigation, #quicklinks, #quicksearch, #siteinfo ul
{
	display: none;
	visibility: hidden;	
}