/*
Office of the Privacy Commissioner CSS file
Created 25/03/2006
.
Author: Cam @ Good Use

Add update notes here:
*/

/* =Global Styles */
html { height: 100%; margin-bottom: 1px; }
body { background:#fff url(../images/bg.jpg) repeat-x top center; margin:0; padding:0; text-align:center; font-size:62.5%; font-family:"Lucida Grande", Verdana, Geneva, Arial, sans-serif; color:#666; }

/* =Body Styles */

img { border:0; padding:0; margin-bottom:0 }
a, a:visited { color:#333; text-decoration:underline;}
a:hover { color:#000; text-decoration: none;}
a img {	border:none;}

#container { position:relative; width:750px; margin:0 auto; padding:0; text-align:left;}

/* =Generic styles */
.hide {	position:absolute; left:-2000px; width:999px;}
.alignleft { float:left;}
.alignright { float:right;}
.margin-none { margin:0;}
.grey { color:#333;}

p, td, label, input, select, textarea { font-family:"Lucida Grande", Verdana, Geneva, Arial, sans-serif; font-size:1.1em; line-height:1.4em; margin:0 0 0.5em 0; }
ul, ol {font-size:1.1em; line-height:1.4em;}

h2 { font-size:1.8em; color:#9c0;margin-top:0;}
h3 { font-size:1.4em; color:#000;}
h4 { font-size:1.2em; color:#000; margin:0 0 5px 0;}
h5 { font-size:1.1em; color:#000; margin:0;}

/* Table styles */

table {margin-bottom:15px; border-top:1px solid #ccc; border-left:1px solid #ccc; font-size:1em}
table td, table th {border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px; vertical-align:top; font-size:1.1em !important;}
table th {background:#eee;}

/* =collapse lists */
#container ul.nav, #container ul.nav li { margin:0; padding:0; list-style:none; }
ul.nav, ul.nav li { display:inline;}

/* 3 Col page layouts */
div.col-1, div.sub-col-1 { float:left;}
div.col-2, div.sub-col-2 { float:right;}
div.col-padd {padding:15px;}

body#home div.col-1 {width:555px;}
body#home div.col-2 {width:170px; background:#F6F6F6 url(../images/bg_home_col3.gif) no-repeat;}
body#home div.sub-col-1 {width:270px;}
body#home div.sub-col-2 {width:260px;}

body#inside div.col-1 {width:165px;}
body#inside div.col-2 {width:565px;}

/* =Header */
#header { padding:0; margin:0; position:relative; height:74px;}
div#header { min-height: 74px; }
* html div#header { height: 74px; }
#header h1 {background:url(../images/masthead.gif) no-repeat; width:285px; margin:0; padding:0;}
#header h1 a {display:block; width:285px; height:78px; background:url(../images/masthead.gif) no-repeat;}

#top-search { background:url(../images/bg_search.gif) no-repeat; width:320px; height:31px; text-align:right; position:absolute; top:0; right:0;}
#top-search form {margin:0; padding:0; float:right; width: 100%;}
#top-search fieldset {margin:0; padding:0;border:0;}
#top-search fieldset legend {height: 0;}
#top-search input.text {margin:6px 0 0 115px; padding:2px; border:solid 1px #E6E6E6; color:#555555; font-size:1em; width:138px; float:left;}
#top-search input.action {margin: 6px 0 0 0; padding: 0; float:right;}

/* =Primarynav */
#primarynav { display:block; position:relative; width:750px; margin-bottom:20px; margin-top:20px; clear:both; height:45px;}
#primarynav a { display:inline; color:#333; text-decoration:none; padding: 4px 0 0 2px; margin-right:8px; height:45px; display:block; border-top:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7; font-weight:bold; font-size: 1em; letter-spacing:-0.1em; max-width: 110px}
#primarynav a:hover { color:#c06; border-top:1px solid #B2B2B2; border-bottom:1px solid #B2B2B2; }
#primarynav a.current, #primarynav a.section {color:#CC0066; border-top:1px solid #B2B2B2; border-bottom:1px solid #B2B2B2;}
#primarynav li {float:left;}
#about-us a {width:55px; !important} #privacy-act a {width:70px;} #your-privacy a {width:75px;} #how-to-comply a {width:90px;} #training-and-education a {width:65px;} #data-matching a {width:94px;} #news-and-publications a {width:80px;} #browse-by-subject a {width:70px;} #contact-us a {width:60px;} 

/* Content styles */

/* =Content */
#content { padding:0; margin-bottom:35px; } /* ie7 failed to show content with position: relative */
#content .cleaner { clear:both; height:1px; position:relative;}

/* Search Area */
#content .col-2 font.search-results i {
	display: block;
	width: 520px;
	overflow: hidden;
}

/* General homepage styles */
/*#content .intro-text {background:#c06 url(../images/bg_home_intro.gif) no-repeat; color:#fff; padding:15px 15px 10px 20px; font-size:1.6em; line-height:1.7em;}
#content .intro-text a {font-size:0.75em; color:#fff;}*/
#content .intro-text-wrap p {background:#c06 url(../images/bg_home_intro.gif) no-repeat; color:#fff; padding:15px 15px 10px 20px; font-size:1.6em; line-height:1.7em;}
#content .intro-text-wrap a {font-size:0.75em; color:#fff;}
#content .intro-text-wrap {background:#c06 url(../images/bg_home_intro_btm.gif) no-repeat bottom center; padding-bottom:1px;margin-bottom:15px;}
#content .home-content { overflow: hidden; margin-bottom:20px; }
#content .home-content p { color:#666666; font-size:1.2em; line-height:1.6em; }
body#home #content h2 { background:url(../images/bg_dashed_h.gif) repeat-x bottom left; margin-bottom:10px; padding-bottom:4px;}
body#home #content .sub-col-2 p {margin-bottom:10px; font-size:1.2em;}
body#home #content .sub-col-2 h4 a {color:#333; text-decoration:underline;}
body#home #content .sub-col-2 h4 a:hover {color:#000; text-decoration:none;}

body#home #content .col-2 h3 {background:url(../images/icon_rss.gif) no-repeat 0px 3px; padding:0 0 5px 15px; margin: 0 0 5px 0; border-bottom:1px solid #eee;}
body#home #content .col-2 p {line-height:1.3em; margin-bottom:10px;}
body#home #content .col-2 a {color:#DC4D00; text-decoration:none;}
body#home #content .col-2 a:hover {text-decoration:underline;}

/* Announcement */
#announcement { margin-bottom:15px;}
#announcement h2 {color:#D50000;}
#announcement p, #announcement ul, #announcement li {color:#666;}

/* Feature articles */
.feature-artcle-item img {float:left; margin-right: 10px; margin-bottom: 5px; border: 1px solid #ccc; background:#fff; padding:2px;}
.feature-artcle-item p {float:left; width: 180px; margin-bottom: 5px; margin-top: 0;}
.feature-artcle-item  h4 {margin-bottom:0.4em;}
.more-new { float: right };


/* General inside page styles */
body#inside #content h2 {font-size:3em; color:#666; font-weight:normal; letter-spacing:-2px; margin-bottom:0.5em;}
body#inside #content h3 {font-size: 1.8em; color:#c06;}
body#inside #content h4, body#inside #content h5 {text-transform:none; color:#666; font-size:1.3em;}
body#inside #content .col-2 p {line-height:1.6em; padding-bottom:1em; font-size:1.2em; color:#333;}
body#inside #content .col-2 li {line-height:1.6em;}
body#inside #content .col-2 a {color:#690;}
body#inside #content .col-2 {color:#333;}
body#inside #content .col-2 h3 {margin-bottom: 0.5em;}
body#inside #content .col-2 ul, body#inside #content .col-2 ol {margin-bottom:1.5em;}
body#inside #content .col-2 li {font-size:1.1em;}
body#inside #content .col-2 blockquote {font-size:1.2em; color:#666; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.5em; border-left:1px solid #ccc; margin-left:25px; padding-left:25px; display:block; clear:both;}
body#inside #content .col-2 h3, body#inside #content .col-2 h4, body#inside #content .col-2 h5 {color:#333;}
/* Content images */
body#inside #content .col-2 .content-img-right {float:right; padding-left:10px; margin-left:10px; margin-bottom:10px; border-left:1px solid #ccc;}
body#inside #content .col-2 .content-img-left {float:left; padding-right:10px; margin-right:10px; margin-bottom:10px; border-right:1px solid #ccc;}
body#inside #content .col-2 .content-img-block { display:block; padding-top:10px; padding-bottom:10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 auto; margin-bottom:15px;}

/* General inside page styles: New and Pubs - date filters and pagination */
/*body#inside #content p.date-filter { border:1px solid #ccc; background:#eee; padding:3px;}*/
body#inside #content .col-2 form { border:1px solid #ccc; background:#eee; padding:5px 3px 0 5px; margin:0;}
body#inside #content .col-2 form select {padding:0; margin:0;}
body#inside #content .col-2 form select, body#inside #content .col-2 form input { border:1px solid #999;}
body#inside #content .col-2 form select {color:#333;}
body#inside #content p.pager {font-weight:bold; border-bottom:1px solid #ccc; padding:0 0 5px 0;}

/* Content forms */
.subscribe-form-details, #subscribe-form table.subscribe-form-feeds {margin-bottom:20px;}
.subscribe-form-details input {width:160px; background:#eee;}

/* Subnav */
#subnav {border-bottom:1px solid #ccc; width:165px; margin-bottom:25px;}
#subnav ul, #subnav ul li {list-style:none; margin:0; padding:0;}
#subnav ul li {display: block; border-right:1px solid #fff;border-left:1px solid #fff;}
#subnav ul a {display:block; padding:6px 0 6px 7px; margin:0 !important; border-top:1px solid #ccc; font-size:1.1em; line-height:1.3em; color:#666 !important; text-decoration:none; }
#subnav ul a:hover, #subnav ul a:hover.subnav-current {color:#fff !important; background:#c06;}
#subnav ul a.subnav-current {font-weight:bold; color:#000 !important;}
#subnav h3 {margin-top:0; margin-bottom:15px;}
#subnav select {width:165px;}

/* Page tools */
#page-tools .page-tools-wrap {background:url(../images/bg_diagonals.gif); margin-top:3px; padding:10px 10px 0px 10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#page-tools .page-tools-pdf-wrap {background:url(../images/icon_pdf_sml.gif) no-repeat;padding-left:22px; padding-bottom:5px;}
#page-tools .page-tools-email-wrap {background:url(../images/icon_mail_sml.gif) no-repeat;padding-left:22px; padding-bottom:5px;}
#page-tools .page-tools-printer-wrap {background:url(../images/icon_printer_sml.gif) no-repeat;padding-left:22px; padding-bottom:5px;}
#page-tools h5 a {color:#333;}
#page-tools h5, #page-tools p {font-size:1em !important;}
#page-tools p {color:#666;}
#page-tools a {text-decoration:underline;}
#page-tools a:hover {text-decoration:none;}

/* Breadcrumbs */
#breadcrumbs {background:#9c0 url(../images/bg_breadcrumb.gif) no-repeat; color:#fff; padding:5px; margin-bottom:15px;}
#breadcrumbs p {color:#fff !important; margin:0 0 0 5px !important; padding:0 !important; font-size:1em !important;}
#breadcrumbs p a {color:#fff !important;}

#breadcrumbsLong {background:#9c0 url(../images/bg_breadcrumb_long.gif) no-repeat; color:#fff; padding:5px; margin-bottom:15px;}
#breadcrumbsLong p {color:#fff !important; margin:0 0 0 5px !important; padding:0 !important; font-size:1em !important;}
#breadcrumbsLong p a {color:#fff !important;}

/* See also */
body#inside #content .see-also { float:right; background:url(../images/bg_diagonals.gif); padding:15px 15px 5px 15px; margin-left:15px; margin-bottom:15px; width:165px; border-left:1px solid #ccc;}
body#inside #content .see-also a {color:#690;}
body#inside #content .see-also p {font-size:1em; color:#666; padding-bottom: 0.2em;}
body#inside #content .see-also h5 {font-size:1.1em !important;}

/* Cartoon */
.cartoon .toon-nav, .cartoon-content .toon-nav {background:#E7E7E7; padding:3px 0 3px 0; text-align:center; position:relative; margin-bottom:10px;}
.cartoon .toon-nav ul, .cartoon-content .toon-nav ul {list-style:none; margin:0 0 3px 0 !important; padding:0;}
.cartoon .toon-nav a, .cartoon-content .toon-nav a  {font-size:0.9em; color:#333 !important;}
.cartoon .toon-nav a:hover, .cartoon-content .toon-nav a:hover {background:#fff; color:#333;}
.cartoon .toon-nxt, .cartoon-content .toon-nxt { position:absolute; margin-right:10px; right:0;}
.cartoon .toon-prev, .cartoon-content .toon-prev { position:absolute; left:0; margin-left:10px;}
.cartoon-content { float:right; background:url(../images/bg_diagonals.gif); padding:15px 15px 5px 15px; margin-left:15px; margin-bottom:15px; border-left:1px solid #ccc;}

/* page-downloads */
#page-downloads { padding:10px 10px 2px 10px; background:url(../images/bg_diagonals.gif); border-left:1px solid #ccc; clear:both; margin-bottom:15px; }
#page-downloads h4 {margin-bottom:10px;}
#page-downloads p {font-size:1em !important;}

/* =Footer */
#footer { background:url(../images/bg_footer_top.gif) no-repeat top center; position:relative; margin:0; padding:40px 15px 15px 15px; clear:both; border-bottom:20px solid #1D3C56; height:50px; }
#footer ul {list-style:none; padding: 0 0 0 190px; margin:0;}
#footer ul li {display:inline; line-height:1.3em;}
#footer ul a {color:#666; padding-right:4px; font-size:1em;}
#footer .back-to-top {position:absolute; top:43px; right:15px; }
#footer .back-to-top a {color:#666;}

/* email this page form - brendan */
#email-page input, #email-page textarea { width: 400px; margin: 0; padding: 0; }

/* FORMS
------------------------------------ */
#container fieldset {
	border: 0pt none;
	font-size: 1.1em;
}