/* qgov stylesheet */

body {
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}

/* font size */
#tools, #nav1, #nav2, .menuLayer, .content, .contentwide, #feature, #footer
{
	font-size: 80%;
}

/* correct IE 5.5 font size in tables */
table {
	font-size: 1em;
}

/* content headings - remember to multiply by any inherited font size to determine real size. eg the content div is styled at 80% font size so our h1 will be approx 104% (80 * 130%) */
.content h1{
	font-size: 130%;
	/*color: #000066;*/
}

.content h2{
	font-size: 115%;
	/*color: #000066;*/
}

.content h3{
	font-size: 100%;
	/*color: #000066;*/
}

.contentwide h1{
	font-size: 130%;
	/*color: #000066;*/
}

.contentwide h2{
	font-size: 115%;
	/*color: #000066;*/
}

.contentwide h3{
	font-size: 100%;
	/*color: #000066;*/
}



/* hide accessibility links from visual browsers */
#access {
position: absolute;
left: -999px;
width: 990px;
}

/*link colours*/
a:link
{
	color: #000066;
}

a:visited
{
	color: #660066;
}

a:active
{
	color:#990000;
}

a:hover
{
	color:#990000;
}


/*header graphics*/
#qglogo a img{
	border-width:0px;
}

#agency a img{
	border-width:0px;
}

span.nongov {
    font-size: smaller;
    color: #999999;
	text-decoration: none !important;
	font-weight: normal !important;
}
/* qgov layout  stylesheet */

body 
{
	margin: 0;
	padding: 0;
	background : #FFF url(images/swoop.gif) no-repeat;
}

form {
	margin: 0px;
	padding: 0px;
}

/* hiding browser link */
#browserSupport, #browser{
	display:none;
	speak:none;
}

#header
{
	margin: 0px;
	padding: 0px;
	clear: both;
	border-top: 1px solid #006;
}

/* queensland government logo */
#qglogo
{
	position:absolute;
	top:0;
	left:0;
	margin: 0;
	padding: 5px 5px 0px 20px;
	width: 200px;
	height: 50px;
}

/* header tools */
#tools
{
	margin:5px 10px 5px 180px;
	line-height: 1.5em;
	text-align: right;
	padding: 0px;
	white-space:nowrap;
}

#search
{
	padding: 0px;
	margin: 0px;
}

input.searchinput { width: 8em; }

/* name of department or agency */
#agency
{
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

#agency  h1
{
	padding: 0px;
	margin: 0px;
	text-align: right;
}

/* image banner */
#banner {
	height: 39px;
	background-color: #006;
	border-top: 1px solid #006;
	border-bottom: 1px solid #006;
	clear:both;
}

/* primary navigation styles */
#nav1 {
	margin: 10px 0px 2px 0px;
	padding-left: 0px;
}

#nav1 li {
	list-style-type: none;
	float: left;
}

#nav1 li a {
	padding: 0px 10px 0px 10px;
}

#nav1 li a:link, #nav1 li a:visited, #nav1 li a:active, #nav1 li a:hover {
    border-right: 1px solid #000;
}

/* seconary navigation styles */
#nav2 {
    clear: both;
	float: left;
	width: 15%;
	margin: .5% .5% .5% .5%;
	padding: .3em 0 1% 0;	
}

#nav2 h2 {
	font-size: 100%;
	margin: 0 0 .5em 0;
	color: #993300;
	line-height: 1.5em;
}

#nav2 ul {
	list-style: none;
	margin: 0;
}

/* menu item spacing */
#nav2 li {
	margin-bottom: .2em;
	font-size: 95%;
}

#nav2 ul li ul li {
	clear: both;
	margin-left: 1.8em;
	font-size: 90%;
}

/*padding between submenu items*/
#nav2xc ul li {
	padding: 0 0 .2em 0;
}

/*xc menu item*/
#nav2 li.xc {
	list-style: none;
}

/*submenu*/
#nav2 li.xc ul {
	margin:0 0 0 -.8em;
}
	
/* +/- control */	
div.xcx, div.xcc {
	position: relative;
	display: inline;
}
li.xc>div.xcx, li.xc>div.xcc {
	position: static;
	margin-left: -1.5em;
	float: left;
	width: 1.5em;
}
div.xcx a, div.xcc a {
	position: absolute;
	left: -2em;
}
div.xcx>a, div.xcc>a {
	position: static;
}
div.xcx a:link, div.xcx a:visited,
div.xcc a:link, div.xcc a:visited {
	color: #006;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 80%;
	top: .2em;
}
/* end secondary navigation styles */

/* content */
.content {
	float: left;
	width: 53%;
	padding: 1% 1% 1% 1%;
}
.contentwide 
{
    float: left;
	width: 75%;
	padding: 1% 1% 1% 1%;
}

/* bread crumbing */
#bcrumb{
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
}

/* right column */
#feature {
	float: right;
	width: 20%;
	margin : .5% .5% 0 0;
	padding : .5% .5% .5% .5%;
}

/* footer */
#footer
{
	clear: both;
	text-align: center;
	padding: 0 1% 0 1%;
	border-top: 1px solid #006;
}

#footer p
{
	margin: 0px;
	padding: 2px;
}

/* Online Services (remove styles that are not required) */

/* Single format styles */

.osbtn {
	background:  url(images/tr.gif) #ffcc00 no-repeat right top; 
	margin: 0 0 10px 0; 
}

.osbtn-t {
	padding: 8px 2px 0 2px;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	background:  url(images/tl.gif) no-repeat left top; 
}

.osbtn-b {
	background:  url(images/btn-br.gif) no-repeat right bottom; 
}

.osbtn-b div {
	background:  url(images/btn-bl.gif) no-repeat left bottom; 
	line-height: 10px;
}
/* end Single format styles */

/* List format styles */

.oshead {
	background:  url(images/tr.gif) no-repeat right top #ffffcc;
}

.osbtn-h {
	margin: 0 0 -5px 0;
	padding: 9px 8px 7px 8px;
	text-align: center;
	font-weight: bold;
	font-size: 110%;
	background:  url(images/tl.gif) no-repeat left top; 
}

.osbody {
	padding: 0 2px 2px 0;
	border: 1px solid #ffcc00;
	background-color: white;
	border-top: none;
}

.osbody ul {
	margin-top: 4px;
}

.osbody li {
	margin-left: -15px;
	margin-right: 3px;
	padding-top: 5px;
}

.more {
	margin: -9px 2px 2px 0;
	text-align: right;
}
/* end List format styles */

/* end Online Services */
/* Print specific styles.

The float layout seems problematic when printing pages so has been disabled. This means the nav2, content, and feature divs will print one after the other in a vertical stack as opposed to the horizontal layout we see in the browser.
You can further customise your print output by adding styles within the @media print rule. For example, you may decide certain page elements are superfluous when printing. You might choose to remove them from the printed page with a display:none style. Make sure any styles you add are within the @media print parentheses, else they will apply generally. */

@media print {

#header, .pretty, .pretty-nav2-coverup, #footer, #fat-footer, #totop, #nav1, #nav2, #access, #tools, #qglogo, #last-reviewed, #last-updated {
display: none !important;
visibility: collapse !important;
margin: 0 !important;
padding: 0 !important;
width: 0 !important;
}

#header {
height: 0px !important;
margin-top: -50px;
}

* { 
font-family: Geneva, Arial, Helvetica, sans-serif !important;
margin-top: 0 !important;
padding-top: 0 !important;
}

.content, .contentwide {
border-left: none !important;
width: auto !important;
margin-bottom: 0px !important;
}

* html .content li, * html .contentwide li {
margin: 0 !important;
padding: 0 !important;
}

#feature {
page-break-before: always !important;
margin-left: 1.9em !important;
padding-left: 0px !important;
width: auto !important;
float: none !important;
position: static !important;
}

#feature .text-box {
border: 1px solid #000 !important;
clear: both !important;
}

#feature .text-box h3 {
font-size: 1.3em !important;
margin-top: .8em !important;
border-bottom: none !important;
}

* html #feature .text-box h3 {
margin-bottom: 0 !important;
}

#bcrumb {
font-size: 92% !important;
font-style: italic !important;
}

* html #bcrumb {
display: none !important;
visibility: collapse !important;
}

.landing-section img {
margin-left: 8px !important;
}

* html .pagebreak {
page-break-before: always !important;
}

}
/* TABLE OF CONTENTS
-----------------------------------------------
The naming conventions below act as search hooks. When searching this file the capitalisation isn't important but the equal sign (=) is.
For more info on CSS flags see http://stopdesign.com/archive/2005/05/03/css-tip-flags.html

=HEADER
=NAV
=SUBNAV
=FEATURE
=FAT-FOOTER
=FOOTER
=SEARCH
=HEADINGS
=LISTS
=TABLE
=FORMS
=LINKS
=LANDING-PAGES
=ICONS
=MISC
----------------------------------------------- */

/* =HEADER
----------------------------------------------- */

#header {
	height: 5.95em;
	background-image: url(images/header-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #0B6DC8;
	border-bottom: 1px solid #78B8F6;
}

#header h1 img {
	margin-top: 32px;
	margin-right: 1px;
}

#qglogo, #qglogo a {
	color: #fff;
}

#qglogo img {
	margin-top: 5px;
	margin-left: -7px;
}

#tools {
	color: #fff;
}

#tools a { 
	font-size: 85%; 
	color: #fff;
}

#tools #search { color: #fff !important; }
#tools a:link { color: #fff !important; }
#tools a:active, #tools a:hover, #tools a:visited { color: #E8F1F8 !important; }

#agency, #agency a {
	color: #fff;
}
	

/* =NAV
----------------------------------------------- */

#nav1 .edit_this_page a:link, #nav1 .edit_this_page a:hover, #nav1 .edit_this_page a:visited {
	color: red;
}

#nav1 {
	position: relative;
	height: 2.2em;
	margin: 0px;
	background-image: url(images/nav1-bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #011F4C;
	border-bottom: 1px solid #00122D;
	z-index: 100;
}

/* This class also appears in ie6.css */
#nav1 a { 
	font-size: 90%;
	font-weight: bold;
	color: #fff;
	line-height: 2.1em;
	background-image: url(images/nav1-bg.gif);
	background-position: center left;
	background-repeat: repeat-x;
	border-color: #EFF9FF !important;
}	
	
#nav1 li a:link, #nav1 li a:active, #nav1 li a:hover, #nav1 li a:visited { 
	padding-right: 8px; 
	padding-left: 8px;
}

#nav li a:link { color: #fff !important; }
#nav1 li a:active, #nav1 li a:hover, #nav1 li a:visited { color: #95D6FB !important; }
#nav1 li.last a:link, #nav1 li.last a:active, #nav1 li.last a:hover, #nav1 li.last a:visited { border-right: none !important; }

.pretty {
	position: absolute;
	top: 7.85em;
	width: 100%;
	height: 22px;
	background-image: url(images/pretty.gif);
	background-position: top right;
	background-repeat: repeat-x;
}

.pretty-nav2-coverup {
	position: absolute;
	left: 0px;
	width: 18.15%;
	height: 22px;
	padding-left: .7em;
	padding-right: .7em;
	background-image: url(images/nav2-bg.gif);	
	background-repeat:repeat;
	background-position: top left;
}

/* =SUBNAV
----------------------------------------------- */

/* This class also appears in ie6.css AND ie7.css */
#nav2 {
	position: relative;
	width: 18%;
	background-color: #fff;
	border: 3px solid #A4DCFF;
	margin: .7em;
	padding-bottom: 0px;
	line-height: 1.5em;
	z-index: 10;	
}

#nav2 a:link { color: #062A9E !important; }
#nav2 a:visited { color: #660066 !important; }
#nav2 a:active, #nav2 a:hover { color: #990000 !important; }

#nav2 h2 a:link, #nav2 h2 a:visited, #nav2 h2 a:active, #nav2 h2 a:hover { color: #0042A5 !important; }

#nav2 h2 {
	position: relative;
	font-weight: bold;
	color: #0042A5 !important;
	margin-top: -5px;
	background-image: url(images/nav2-title-bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #ABE0FF;
	border-bottom: 1px solid #99D3F8;
	padding: .5em;
	padding-left: .7em;
	line-height: 1.3em;
	z-index: 10;
}

#nav2 ul {
	margin-left: 1.8em;
	margin-right: .5em;
	line-height: 1.1em;
}

#nav2 ul li {
	margin-bottom: .8em;
}

.print {
	font-size: .85em;
	padding-left: 0px;
	margin-top: 2em;
	padding-top: .8em;
	padding-bottom: 1em;
	background-color: #EBF6FF;
}	

.print a {
	margin-left: .9em;
	padding-left: 2.2em;
	padding-top: 1em;
	padding-bottom: 1em;
	background-image: url(images/icon-printer.jpg);
	background-position: left;
	background-repeat: no-repeat;
}

/* =FEATURE
----------------------------------------------- */

/* This class also appears in ie6.css and ie7.css */
#feature {
	margin-top: 2.6em;
	margin-right: 1.5em;
	background-color: #fff;	
	font-size: .7em;
	line-height: 1.5em;
	text-align: right;
	width: 200px;
}

#feature img {
	background-image: url(images/image-bg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* This is for those rare images less than 200 pixels wide */
#feature .short-image {	margin-right: -10px; }
* html #feature .short-image {	margin-right: -4px; }

#feature .caption {
	margin-top: -5px;	
	padding-bottom: 1.5em;	
	padding-right: 0px;
	text-align: left;
}	

/* This class also appears in ie6.css and ie7.css */
#feature .text-box {
	border: 2px solid #BBDDFF;
	margin-bottom: 2em;
	margin-right: -10px;
	padding-bottom: .5em;
	padding-left: 1.2em;
	background-image: url(images/feature-textbox-bg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #fff;
	text-align: left;
}

/* This class also appears in ie6.css and ie7.css */
#feature .text-box h3 {
	font-size: 1.2em;
	color: #0042A5;
	margin-top: 0px;
	border-bottom: 1px solid #fff;
	margin-left: -13px;
	margin-bottom: 0px;
	padding-left: .9em;
	padding-right: .8em;
	padding-top: .6em;
	padding-bottom: .8em;
	background-image: url(images/feature-textbox-h2-bg.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	background-color: #C8E5FF;
	text-align: left;
}

/* This class also appears in ie6.css and ie7.css */	
#feature .text-box p {
	padding-right: 1em;	
}
	
/* This class also appears in ie6.css and ie7.css */	
#feature .text-box ul {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	line-height: 1.8em;
}

#feature .text-box ul li ul li {
	padding-left: 1.5em;
}

.clear-border {
	padding: 0 !important;
	background: none !important;
}


/* =FAT-FOOTER
/* If you're looking for the traditional thin footer see below
----------------------------------------------- */

#fat-footer_wrapper {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	background-color: #184C98;
	background-image: url(images/fat-footer-bg.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

#fat-footer {
	font-size: 80% !important;	
	color: #fff;
	line-height: 1.5em;
	width: 880px;
	margin: auto;
}	

#fat-footer .title {
	font-weight: bold;
}

#fat-footer ul {
	float: left;
	list-style: none;
	border-right: 1px solid #346CB4;
	margin: 0px;
	padding-right: 2em;
	padding-left: 2em;
}

#fat-footer ul.last {
	border-right: none;
}

#fat-footer ul li {
	margin-bottom: .5em;
}

#fat-footer a:link { color: #fff !important; }
#fat-footer a:active, #fat-footer a:hover { color: #fff !important; }
#fat-footer a:visited { color: #B2C8DC !important; }


/* =FOOTER
/* If you're looking for the fat footer see above
----------------------------------------------- */

/* This class also appears in ie6.css */
#footer {
	background-color: #164A97;
	border-top: 1px solid #0C2F78 !important;
	font-size: 70% !important;
	color: #94C1FF !important;
	padding-top: 1.2em !important;
	padding-bottom: 1.8em !important;
	line-height: 1.5em;
}

#footer a:link { color: #94C1FF !important; }
#footer a:active, #footer a:hover { color: #fff !important; }
#footer a:visited { color: #B2C8DC !important; }

/* =SEARCH
----------------------------------------------- */

/* =HEADINGS
----------------------------------------------- */
.content h1, .contentwide h1 { 
	color: #0042A5 !important;
	font-size: 140% !important;
	margin-top: 0px;
	line-height: 1.5em;
}
.content h1 a, .contentwide h1 a { color: #0042A5 !important; text-decoration: none !important; }		

.content h2, .contentwide h2 {
	font-size: 120% !important;
	color: #0D73D0 !important;
	line-height: 1.5em;
}
.content h2 a, .contentwide h2 a { color: #0D73D0 !important; text-decoration: none !important; }		

.content h3, .contentwide h3 {
	font-size: 105% !important;
	color: #0D73D0 !important;
	line-height: 1.6em;
}
.content h3 a, .contentwide h3 a { color: #0D73D0 !important; text-decoration: none !important; }		

.content h4, .contentwide h4 {
	font-size: 100% !important;
	font-style: italic !important;
	color: #000;
}	
.content h4 a, .contentwide h4 a { color: #000 !important; text-decoration: none !important; }		

/* =LISTS
----------------------------------------------- */
ul.no-bullet { margin-left: 0px; padding-left: 0px; }
ul.no-bullet li { list-style: none!important; list-style-image: none !important; }
ul.bullet li { list-style: disc!important; }
#feature ul.bullet li { margin-left: 1.3em!important; margin-right: 1.5em!important; }

.content ol li, .contentwide ol li,
.content ul ol li, .contentwide ul ol li {
	background-image: none !important;
	list-style-image: none !important;
}

ol.lower-alpha li, ol li ol.lower-alpha li { list-style-type: lower-alpha; }
ol.number li, ol li ol.number li { list-style-type: decimal; } 
ol.roman li, ol li ol.roman li { list-style-type: lower-roman; }

ol li ul li {
	list-style: circle !important;
}

td ul li {
	background-image: none !important;
	list-style: circle !important;
}


/* =TABLE
----------------------------------------------- */
th {
	text-align: left;
}

table caption {
	font-size:110%;
	font-weight:bold;
	text-align:left;
	line-height:1.8em;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}


/* =FORMS
----------------------------------------------- */
div.clientRating
{
	clear: both;
	width: 394px;
	background-image: url(images/forms_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #91D5FF;
	margin-top: 55px;
}

div.clientRating h3
{
	color: #0F54AE !important;
	font-weight: bold;
	margin-left: 1em;
	margin-top: 1em;
	margin-bottom: .7em;
}

div.clientRating fieldset {
	border: none;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-left: 11px;
}

div.clientRating div.row {
	clear: both;
	padding-top: 10px;
	margin: 5px 16px -5px 16px;
}

div.clientRating div.row span.label 
{
	float: left;
	width: 100px;
	text-align: right;
	line-height: 2em;
}

div.clientRating input.submit
{
	float: right;
	margin-right: 0;
	/*margin-top: 0;
	*/margin-bottom: 17px;
}

div.clientRating textarea
{
	color: #000;
	border: 1px solid #91D5FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.5em;
	padding: 5px 5px 0 5px;
}

div.clientContact
{
    clear: both;
    margin: 1px 0 0 0;
    background-image: url(images/forms_bg.gif);
    background-repeat: repeat-x;
    border: 1px solid #A8DEFF;
	padding-top: 1em;
	width: 490px;
}

div.clientContact, div.requireMessage
{ 
	width: 487px;
}

div.clientContact div.row 
{
	clear: both;
}

div.clientContact div.row label.label
{
	float: left;
	width: 110px;
	text-align: right;
	line-height:1.5em;
	margin-bottom: 1em;
}
  

div.clientContact div.row .formw 
{
	float: right;
	width: 355px;
	text-align: left;
} 

div.clientContact div.row .formw label
{
 padding-right:5px; 
} 

div.requireMessage
{
    font-size: 100%;
}

div.requireMessage p
{
    float: right;
	font-size: 100%;
}

div.clientContact div.row span.formrequired, div.requireMessage span.formrequired
{
    color: red;
	font-size: 90%;
}

fieldset.clientContactFieldset
{
	margin:5px;
}

.clientContactSubFieldset
{
	margin-right:5px; 
	width: 320px;    
	margin-top: 1.5em;
	border: 1px solid #ccc;
	padding-left: 10px;
}

	* html .clientContactSubFieldset {
	padding-top: 1em;
	}

	.clientContactSubFieldset legend {
	font-weight: bold;
	font-size: 120%;
	padding-bottom: 1em;
	}
	
	.clientContactSubFieldset textarea 
	{
	margin-left: 20px;
	margin-top: 10px;
	width: 265px;
	}
	
div.clientRating
{
	clear: both;
	width: 394px;
	background-image: url(images/forms_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #91D5FF;
	margin-top: 55px;
}

.integrity-form
{
	height: 100%;
	margin-bottom: 50px;
}

.integrity-form input
{
	position: absolute;
	left: 110px;
}

.integrity-form .date, .integrity-form .checkbox
{
	position: relative;
	left: 0;
}

.integrity-form .checkbox {
	margin-top: 13px;
	margin-bottom: 5px;
}

.integrity-form .row
{
	position: relative;
	margin-bottom: 10px;
	height: 100%;
}

.integrity-form .warning
{
	display: none;
	color: red;
	font-weight: bold;
	position: absolute;
	left: 270px;
}

.integrity-form .required
{
	color: red;
	font-size: 0.80em;
}

.attachmentnotes
{
  font-size: 89%;
}

.attachmentwarning
{
  color: red;
  font-weight: bold;
}

.formsubmit
{
 float:right;    
 margin-right: 2.2em;
 margin-bottom: 1em;
 margin-top: 1em;
}

.inputType
{   
    width: 90%;
    border: 1px solid #91D5FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
} 

.selectPadding
{
      border: 1px solid #91D5FF;  
}



/* =LINKS
----------------------------------------------- */

/* This class also appears in ie6.css AND ie7.css */
#bcrumb {
	font-size: 70%;
	margin-top: 2em !important;
	margin-bottom: 1.5em;
}

#totop {
	float: right;
	font-size: 85%;
	color: #666666;
	margin-top: 20px;
	padding-top: 0px;
}


/* =LANDING-PAGES
----------------------------------------------- */

.landing-section {
	float: left;
	width: 48%;
	background-image: url(images/landingpage-icon-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: 1.5%;
	margin-bottom: 2%;
}

.landing-section img {
	float: left;
	border: 1px solid #B1E1FF;
	margin-top: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
}	

.landing-section h2 {
	font-size: 1em !important;
	margin-top: .9em;
	margin-left: 8.5em;
	line-height: 1.5em;
}

/* This class also appears in ie6.css */
.landing-section p {
	margin-left: 8.5em;
	margin-top: .2px;
}

.landing-section a:link { color: #0042A5; }	


/* =ICONS
----------------------------------------------- */
a.doc, a.pdf, a.mp3, a.wav, a.wmv, a.xls, a.ppt, a.txt, a.mms, a.mail,
p.doc, p.pdf, p.mp3, p.wav, p.wmv, p.xls, p.ppt, p.txt, p.mms, p.mail {
	padding-left: 22px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
}

a.mail, p.mail { background-image: url(images/icon_email.gif); }
a.doc, p.doc { background-image: url(images/icon_word.gif); }
a.pdf, p.pdf { background-image: url(images/icon_pdf.gif); }
a.mp3, a.wav, p.mp3, p.wav{ background-image: url(images/icon_audio.gif); }
a.wmv, p.wmv { background-image: url(images/icon_downloadVideo.gif); }
a.xls, p.xls { background-image: url(images/icon_excel.gif); }
a.ppt, p.ppt { background-image: url(images/icon_powerpoint.gif); }
a.txt, p.txt { background-image: url(images/icon_text.gif); }
a.mms, p.mms { background-image: url(images/icon_mediarelease.gif); }

/* =MISC
----------------------------------------------- */

body {
	height: 100% !important;
	background-color: #fff;
	background-image: url(images/nav2-bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

.filetype {
	color: #000 !important;
	text-decoration: none !important;
}	

.clear { clear: both !important; }
.no-border { border: none !important; }
.no-background { background: none !important; }

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

.content, .contentwide {
	border-left: 1px solid #B4D9FF;
	padding-left: 1.5em;
	padding-top: 1.2em;
	background-color: #fff !important;
	padding-bottom: 2em;
}

.content, .contentwide p {
	line-height: 1.5em;
}	

.content ul li, .contentwide ul li {
	list-style: url(images/bullet.gif) disc;
	line-height: 1.9em;
}

.content .content-image, .contentwide .content-image {
	float: right;
	clear: both;
}

.content .content-image img, .contentwide .content-image img {	
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	background-image: url(images/image-bg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}	

.content .content-image p, .contentwide .content-image p {
	font-size: 85%;
	line-height: 1.5em;
	margin-left: 13px;
	margin-right: -20px;
	margin-top: -5px;
	margin-bottom: 10px;
	padding: .2em;
	padding-left: .5em;
	max-width: 200px;
	width: 200px !important;
}

.content div.plain, .contentwide div.plain {
	float: left !important;
	clear: none !important;
}

img { border: none; }

.prev-next { float: right; }

#last-reviewed, #last-updated {
	float: left;
	clear: both;
	font-size: 85%;
	color: #666666;
	margin-top: 2em;
	padding-right: 1em;
}

#last-updated {
	clear: none;
	border-left: 1px solid #ccc;
	padding-left: 1em;
}

.indent {
	margin-left:2.8em;
}

.align-left {
	text-align: left !important;
}

/* This class is used for the right-side news box */
.last-updated {
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}

.todo {
	text-decoration: blink;
	font-weight: bold;
	color: red;
}

table.centred td {
	vertical-align: top;
	text-align: center;
}

table.topped td {
	vertical-align: top;
}

.date {
	font-size: 80%;
	color: #666666;
}	

/* CSS TABLE EMULATION */
.td {
	float: left;
	margin-bottom: 1em;
	vertical-align: middle;
}

.logos {
	position: relative;
	width: 100%;
}

.logos.td {
	width: 220px;
	height: 100px;
	margin-right: 1em;
	vertical-align: middle;
}

.floatLeft { float: left; margin-right: 1em; }
.floatRight { float: right; margin-left: 1em; }
.center { text-align: center; }
.extendBottom { margin-bottom: 4.8em; }

/* =MISC Government Handbooks */
.book-index { width: 100%; }
.book-index td { vertical-align: top; }
.book-index  .secondary { padding-left: 20px; }
.border { border-collapse: collapse; }
.border td, .border th { 
	border: 1px solid black;
	padding: 5px;
	vertical-align: top;
}
/* end HANDBOOKS */

.image-gallery span {
	float: left;
	width: 200px;
	height: 270px;
	margin-right: 1em;
	margin-bottom: 1em;
	padding: 1em;
	border: 1px solid #ccc;
}

.image-gallery p {
	font-size: 85%;
}

/* This class also appears in ie6.css */
.backtotop {
	float: right;
	font-size: 85%;
	margin-top: -20px;
	padding-bottom: 1.8em;
	padding-top: 1em;
	clear: both;
	height: 1px;
}

hr {
	color: #BADCFF;
	height: 1px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 1px dotted;
	clear: both;
}

.cluster {
	float: left;
	width: 95%;
}

.cluster .title {
	width: 100%;
	padding: 0px;
	margin-bottom: .5em;
	background-color: #E6F3FF;
	font-size: 110%;
}

ul.cluster {
	margin-bottom: 1.5em;
}

.cluster li {
	float: left;
	width: 50%;
}

/* WORK FOR US CONTENT */

/* This class also appears in ie6.css */
.feature-testimonial {
	background-image: url(about-us/work-for-us/assets/polaroid-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #fff;
	padding-top: 7px;
	padding-left: 12px;
	height: 200px;
}

.feature-testimonial img {
	float: left;
	margin-right: 1.5em;
}

.feature-testimonial ul li {
	margin-left: 11.9em;
}

.content-box {
	position: relative;
	float: left;
	width: 50%;	
	margin-bottom: 1.5em;
}

.content-box h2 {
	background-image: url(images/content-box-h2-bg-blue.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: .8em;
	padding-right: .8em;
	padding-top: .5em;
	padding-bottom: .5em;
	margin: 0px;
	font-size: .9em !important;
	color: #0042A5 !important;
}	

.content-box h2 a { color: #0042A5 !important; text-decoration: none }
.content-box.green h2 a { color: #0A6E00 !important; }

/* This class also appears in ie6.css */
.content-box .content {
	width: 88%;
	height: 125px !important;
	font-size: 1em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0;
	padding-bottom: 0;
	border: 1px solid #AED6FC;
	border-bottom: .8em solid #E6F3FF;
}

.content-box ul {
	padding-left: 1.5em;
	margin-left: 0px;
}

.content-box.green h2 {	
	background-image: url(images/content-box-h2-bg-green.gif); 
	color: #0A6E00 !important;
}

.content-box .content.green { 
	border: 1px solid #9DE278; 
	border-bottom: .8em solid #DFFFBB; 
}
/* end work for us content */


/* MAGAZINE / SECTORWIDE PAGE LAYOUT */

#current-edition {
	height: 100px;
	background-image: url(publications/sectorwide/assets/thumb-current-edition.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#current-edition p {
	line-height: 5.5em;
	margin-left: 8.5em;
}

#magazine #cover-story img, #magazine .story img {
	float: left;
	background-image: url(images/image-bg-left.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 10px;	
	padding-top: 10px;
}	

#magazine #cover-story img { padding-right: 15px; padding-bottom: 10px; }
#magazine .story img { padding-bottom: 10px; }

#magazine #cover-story h2 {
	font-size: 130% !important;
	margin-bottom: -5px !important;
}

/* This class also appears in ie6.css */
#magazine .story {
	float: left;
	width: 230px;
	margin-right: 1.5em;
	margin-bottom: .8em;
}

#magazine .story p {
	margin-left: 10px;
	font-size: 85%;
	line-height: 1.7em;
	margin-right: -10px;
}

#magazine .story a {
	font-weight: bold;
}

/* This class also appears in ie6.css */
#magazine .subscribe {
	width: 200px;
	float: right;
	margin-left: 10px;
	margin-bottom: 15px;
	margin-top: 5px;
}

/* end magazine page layout */

.index li {	font-weight: bold; }
.index ul li { font-weight: normal; }

.lower-alpha li {
	line-height: 1.8em;
}

ol li {
	line-height: 1.8em;
}	

/* 	INTEGRITY AND ACCOUNTABILITY REVIEW PAGES */

#submissions-comment {
	width: 175px;
	height: 105px;
	background-image: url(community-issues/open-transparent-gov/submissions/assets/comment_bg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	font-size: 95%;
	text-align: left;
}

#submissions-comment h4 {
	padding-left: 1em;
	padding-top: 1.6em;
	font-size: 155%;
	color: #0D73D0;
	margin-bottom: .7em;
}

#submissions-comment p {
	padding-left: 1.7em;
	padding-right: 1.7em;
	margin: 0px;
}

/* This class also appears in ie6.css */
#submissions-feedback {
	position: relative;
	width: 93%;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-bottom: 1.5em;
	padding-top: .5em;
	background-image: url(community-issues/open-transparent-gov/submissions/assets/submissions-form_bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	border: 1px solid #9BD9FF;
	font-size: 85%;
	background-color: #D7F1FF;
}

/* This class also appears in ie6.css */
#submissions-feedback p {
	line-height: 18px;
	margin-top: 5px;
}

#submissions-feedback textarea {
	width: 94.5%;
	height: 150px;
	border: 1px solid #9BD9FF !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	padding: 1em;
	margin-top: .5em;	
}		

/* This class also appears in ie6.css */
#submissions-feedback .submit {
	float: right;	
	font-size: 120%;
	margin-top: .5em;
}

#submissions-feedback img {
	float: right;
	margin-top: .3em;
}

img { behavior: url(../../../javascript/iepngfix.htc) }

.submissions-comment-reply {
	width: 93%;
	font-size: 88%;
	padding-left: 1.2em;
	padding-right: 1.2em;
	padding-top: 1px;
	background-image: url(community-issues/open-transparent-gov/submissions/assets/comment-reply_bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #fff;
	border: 1px solid #D4D4D4;
	margin-top: 1em;
}

.submissions-comment-reply h2 { color: #000 !important; margin-top: 1em; }

#watch-video {
	height: 100px;
	background-image: url(community-issues/open-transparent-gov/online-forum/asset/video-streaming.jpg);
	background-position: top left;
	background-repeat: no-repeat;	
}

#watch-video p {
	padding-top: 1.5em;
	margin-left: 8.5em;
}

#watch-video p.note {
	margin-top: -2em !important;
}

#watch-video .nongov {
	color: #999999 !important;
	font-size: 90%;
	
}

	


/* This class also appears in ie6.css */
.submissions-comment-reply .text-right { padding-bottom: .5em; margin-top: 0px; margin-right: 1.2em; }

/* end integrity and accountability review pages */
#quicktree * {
	margin: 0; 
	padding: 0;
}

#quicktree.tree {
	padding: 0px;
	margin-left: 7px !important;
}

#quicktree ul {
	margin-left: 7px !important;
	margin-top: 8px !important;
}

#quicktree li {
	list-style: none; 
	padding-left: 16px;
	line-height: 1.4em;
}

#quicktree li.root {
	padding-left: 0;
}

#quicktree li li {
	margin-left: 10px; 
	padding-left: 0px;
}

#quicktree li li.root {
	padding-left: 5px;
}

#quicktree .active { font-weight: bold; }

#quicktree .expand {
	background: url(images/expand.gif) no-repeat;
	width: 15px;
	height: 9px;
	display: block;
	float: left;
	margin-bottom: .5em;
	margin-top: .4em;
	line-height: 0px;
	text-indent: -9999px;
}

#quicktree .contract {
	background: url(images/collapse.gif) no-repeat;
}

#quicktree .expand:hover {
	cursor: pointer;
}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 110;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 120;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: .7em Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}

	* html body #lightbox-container-image-data-box {
	overflow: hidden;
	}
	
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #000; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 85%; 
	float: left; 
	text-align: left; 
	padding-bottom: 1.3em;
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-top: 1em;
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}