/*
**************************************************

	Action Mailing Lists
	www.aml.com.au

	Screen stylesheet

	Site designed by Marcus Lee-Steere
	www.webrepublic.com.au

**************************************************
*/

/*
	Colour references
*/

/*
	YUI Library font sizing
	10px = 77%
	11px = 85%
	12px = 93%
	13px = 100%
	14px = 108%
	15px = 116%
	16px = 123.1%
	17px = 131%
	18px = 138.5%
	19px = 146.5%
	20px = 153.9%
	21px = 161.6%
	22px = 167%
	23px = 174%
	24px = 182%
	25px = 189%
	26px = 197%
*/

/*
	CSS Directory
	#1 Base styles
	#2 Typography
	#3 List styles
	#4 Masthead
	#5 Top navigation
	#6 Home page intro panel
	#7 Main navigation
	#8 Page block
	#9 Page block: Home page
	#10 Page block: Lists page
*/

@import url("reset.css");

/* #1 Base styles
************************************************** */
body {
	color: #444;
	font: normal 13px/1.6 Verdana, "Lucida Grande", Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-align: center;
}
.content {
	height: 100%;
	margin: 0 auto;
	overflow: auto; /* added to force these divs to contain floated content. for this to work in ie6 will need to add either a width (say width 100%) to the die style sheet of zoom:1, though zoom will invalidate the css   */
	position: relative;
	text-align: left;
	width: 870px;
}

/* #2 Typography
************************************************** */
/* Column 1 Heading styles */
div.col_1 h1 { /* 22px */
	color: #2a69a3;
	font: normal 167%/1 Rockwell, Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin: -4px 0 12px 0;
}
div.col_1 h2 {/* 18px */
	color: #1f4c75;
	font: normal 138.5%/1.1 Rockwell, Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin: 12px 0 12px 0;
}
div.col_1 h3 {/* 16px */
	color: #444;
	font: normal 123.1%/1.2 Rockwell, Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin: 11px 0 11px 0;
}
div.col_1 h4 {/* 14px */
	color: #444;
	font: normal 108%/1.3 Rockwell, Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin: 11px 0 11px 0;
}

/* Column 2 Heading styles */
div.col_2 h3 {/* 18px */
	clear: both;
	color: #1f4c75;
	font: normal 138.5%/1.2 Rockwell, Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin: -4px 0 11px 0;
}
div.col_2 h4 {/* 16px */
	color: #2a69a3;
	font: normal 123.1%/1.2 Rockwell, Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin: 11px 0 11px 0;
}
div.col_2 h5 {/* 14px */
	color: #444;
	font: normal 108%/1.3 Rockwell, Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin: 11px 0 11px 0;
}

/* Other typography */
p {
	font-size: 93%; /* 12px */
	line-height: 1.6;
	margin: 0 0 0.85em 0;
}
p.post_date {
	color: #2a69a3;
}
p.post_date span {
	background: transparent url(../interface/link_bullet.gif) left center no-repeat;
	padding-left: 14px;
}
p.post_date span a {
	color: #2a69a3;
}
a {
	color: #2a69a3;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* #3 List styles
************************************************** */
ul, ol {
	margin: 0 0 0.85em 0;
}
ol li {
	font-size: 93%; /* 12px */
	line-height: 1.6;
	list-style: decimal outside;
}
ul li {
	font-size: 93%; /* 12px */
	line-height: 1.6;
	list-style: circle outside;
}

ul.item_list li {
	line-height: 1.5;
	list-style-type: none;
}
ul.item_list li a {
	background: transparent url(../interface/link_bullet.gif) left 0.4em no-repeat;
	color: #2a69a3;
	display: block;
	font-family: Rockwell, Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 13px;
	text-decoration: none;
}
ul.item_list li a:hover {
	text-decoration: underline;
}
ul.item_list li span {
	color: #1f4c75;
	display: block;
	font-family: Verdana, "Lucida Grande", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.6;
	padding-left: 13px;
}

ul.hp_news,
ul.the_team {
	border-top: 1px solid #80a6c8;
	margin-top: 16px;
}
ul.hp_news li,
ul.the_team li {
	border-bottom: 1px solid #80a6c8;
	padding: 7px 0 7px 0;
}
ul.the_team li a {
	background: transparent url(../interface/vcard.png) left 0.4em no-repeat;
	padding-left: 20px;
}
ul.the_team li span {
	padding-left: 20px;
}

ul.archive li {
	padding: 0 0 8px 0;
}

/* #4 Masthead
************************************************** */
div#masthead {
	background-color: #dedcd1;
}
div#masthead .content {
	min-height: 170px;
}
div#masthead img.aml_logo {
	bottom: 30px;
	height: 84px;
	left: 20px;
	position: absolute;
	width: 161px;
}
div#masthead h2.site_title {
	bottom: 20px;
	color: #0b4a91;
	font-family: Rockwell, "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 262%; /* 34px */
	left: 194px;
	margin: 0;
	padding: 0;
	position: absolute;
}
div#masthead h2.site_title a {
	background: url(../interface/aml_title.gif) no-repeat;
	display: block;
	height: 0px !important;
	overflow: hidden;
	padding-top: 40px;
	width: 341px;
}
div#masthead h2.site_title a:hover	{background-position: -341px 0;}

/* Site title styles for ADM */

div#masthead h2.site_title_adm {
	bottom: 20px;
	color: #0b4a91;
	font-family: Rockwell, "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 262%; /* 34px */
	left: 190px;
	margin: 0;
	padding: 0;
	position: absolute;
}
div#masthead h2.site_title_adm a {
	background: url(../interface/adm_title.gif) no-repeat;
	display: block;
	height: 0px !important;
	overflow: hidden;
	padding-top: 40px;
	width: 420px;
}
div#masthead h2.site_title_adm a:hover	{background-position: -420px 0;}



/* #5 Top navigation
************************************************** */
ul.top_nav {
	overflow: hidden;
	margin-top: 16px;
	width: 870px;
}
ul.top_nav li {
	display: block;
	height: 17px;
	float: right;
	list-style-type: none;
}
ul.top_nav li a {
	display: block;
	height: 0px !important;
	overflow: hidden;
	padding-top: 17px;
	width: 100%;
}
ul.top_nav li.time {
	color: #2a69a3;
	float: left;
	margin-left: 20px;
	font-size: 77%; /* 10px */
	padding-top: 1px;
}

ul.top_nav li.contact	{width:95px;}
ul.top_nav li.report	{width:134px;}
ul.top_nav li.about		{width:104px;}
ul.top_nav li.faq		{width:60px;}

ul.top_nav li.contact a	{background:url(../interface/nav_contact.gif) no-repeat;}
ul.top_nav li.report a	{background:url(../interface/nav_report.gif) no-repeat;}
ul.top_nav li.about a	{background:url(../interface/nav_about.gif) no-repeat;}
ul.top_nav li.faq a	{background:url(../interface/nav_faq.gif) no-repeat;}

ul.top_nav li.contact a:hover	{background-position:-95px 0;}
ul.top_nav li.report a:hover	{background-position:-134px 0;}
ul.top_nav li.about a:hover		{background-position:-104px 0;}
ul.top_nav li.faq a:hover		{background-position:-60px 0;}

body#contact ul.top_nav li.contact a	{background-position:-95px 0;}
body#report ul.top_nav li.report a		{background-position:-134px 0;}
body#about ul.top_nav li.about a		{background-position:-104px 0;}
body#faq ul.top_nav li.faq a			{background-position:-60px 0;}

/* #6 Home page intro panel
************************************************** */ 
div#intro {
	background-color: #f3f1e9;
}
div#intro .content {
	padding: 30px 0 30px 0;
}
#intro .col_1 {
	float: left;
	left: 20px;
	min-height: 180px;
	position: relative;
	width: 320px;
}
#intro .col_2 {
	background: transparent url(../interface/intro_list_bg.png) left top repeat-y;
	float: left;
	left: 40px;
	min-height: 180px;
	position: relative;
	width: 490px;
}
#intro .rotating {
	bottom: 0;
	font-family: Rockwell, "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 153.9%; /* 20px */
	line-height: 1.2;
	margin: 0;
	padding: 0;
	position: absolute;
}
#intro ul {
	margin: 0;
	padding: 0;
	width: 100%;
}
#intro ul li {
	float: left;
	list-style-type: none;
}
#intro ul li.intro_lists,
#intro ul li.intro_cb {
	width: 170px;
}
#intro ul li.intro_wp {
	width: 150px;
}
#intro li h2 a {
	display: block;
	font: normal 123.1%/1.2 Rockwell, Arial, "Helvetica Neue", Helvetica, sans-serif;
	height: 0px !important;
	overflow: hidden;
	padding-top: 37px;
}
#intro li h2 {
	margin: 0 0 10px 10px;
	width: 135px;
}

#intro li.intro_lists h2 a	{background: transparent url(../interface/intro_list_title.gif) left top no-repeat;}
#intro li.intro_cb h2 a		{background: transparent url(../interface/intro_cb_title.gif) left top no-repeat;}
#intro li.intro_wp h2 a		{background: transparent url(../interface/intro_wp_title.gif) left top no-repeat;}

#intro li h2 a:hover		{background-position: -135px 0;}

#intro ul p {
	padding: 0 20px 0 10px;
}
#intro ul li.intro_wp p {
	padding: 0 0 0 10px;
}
#intro ul p.intro_link {
	margin: 0;
	position: absolute;
	bottom: 0;
}
#intro ul a {
	background: transparent url(../interface/link_bullet.gif) left center no-repeat;
	color: #2a69a3;
	padding-left: 14px;
}

/* #7 Main navigation
************************************************** */
div#navigation {
	/* background-color: #3672a9; */
	background-color: #2a69a3;
	clear: both;
}
ul.nav {
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	width: 870px;
}
ul.nav li {
	display: block;
	float: left;
	height: 40px;
	margin: 0 0 0 0;
}
ul.nav li a {
	display: block;
	height: 0px !important;
	overflow: hidden;
	padding-top: 40px;
	width: 100%;
}
ul.nav li.home				{width: 106px;}
ul.nav li.lists				{width: 174px;}
ul.nav li.campaign_brief	{width: 162px;}
ul.nav li.white_papers		{width: 143px;}
ul.nav li.dm_tips			{width: 98px;}
ul.nav li.news				{width: 84px;}

ul.nav li.home a			{background: url(../interface/nav_home.gif) no-repeat;}
ul.nav li.lists a			{background: url(../interface/nav_lists.gif) no-repeat;}
ul.nav li.campaign_brief a	{background: url(../interface/nav_campaign_brief.gif) no-repeat;}
ul.nav li.white_papers a	{background: url(../interface/nav_white_papers.gif) no-repeat;}
ul.nav li.dm_tips a			{background: url(../interface/nav_dm_tips.gif) no-repeat;}
ul.nav li.news a			{background: url(../interface/nav_news.gif) no-repeat;}

ul.nav li.home a:hover				{background-position: -106px 0;}
ul.nav li.lists a:hover				{background-position: -174px 0;}
ul.nav li.campaign_brief a:hover	{background-position: -162px 0;}
ul.nav li.white_papers a:hover		{background-position: -143px 0;}
ul.nav li.dm_tips a:hover			{background-position: -98px 0;}
ul.nav li.news a:hover				{background-position: -84px 0;}

body#home ul.nav li.home a						{background-position: -106px 0;}
body#lists ul.nav li.lists a					{background-position: -174px 0;}
body#campaign_brief ul.nav li.campaign_brief a	{background-position: -162px 0;}
body#white_papers ul.nav li.white_papers a		{background-position: -143px 0;}
body#dm_tips ul.nav li.dm_tips a				{background-position: -98px 0;}
body#news ul.nav li.news a						{background-position: -84px 0;}

/* #8 Page block
************************************************** */
div#page {
	background-color: #fff;
	position: relative;
}
div#page .content {
	background-color: #fff;
	padding: 30px 0 30px 0;
}

/* 1 column layout version 1 */
.style1 .col_1 {
	float: left;
	left: 20px;
	position: relative;
	width: 830px;
}

/* 2 column layout version 1 */
.style2 .col_1 {
	background: transparent url(../interface/page_content_bg.png) right top repeat-y;
	float: left;
	left: 20px;
	position: relative;
	width: 511px;
}
.style2 .col_2 {
	float: left;
	left: 39px;
	position: relative;
	width: 300px;
}

/* 2 column layout version 2 */
.style3 .col_1 {
	background: transparent url(../interface/page_content_bg.png) right top repeat-y;
	float: left;
	left: 20px;
	position: relative;
	width: 596px;
}
.style3 .col_2 {
	float: left;
	left: 39px;
	position: relative;
	width: 215px;
}

/* Blockquote */

#page blockquote {
	background: transparent url(../interface/quote_left.gif) left top no-repeat;
	padding-left: 35px;
}
#page blockquote p {
	background: transparent url(../interface/quote_right.gif) right bottom no-repeat;
	color: #2a69a3;
	font-family: Rockwell, "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#page blockquote.homepage {
	float: left;
	margin: 0.45em 20px 0 0;
	width: 200px;
}
#page blockquote.homepage p {
	font-size: 123.1%; /* 16px */
	line-height: 1.3;
	margin: -0.3em 0 0 0;
	padding: 0;
}

#page blockquote.rotating {
	margin 0;
	overflow: auto;
}
#page blockquote.rotating p {
	font-size: 138.5%; /* 18px */
	line-height: 1.2;
	margin: -0.25em 0 0 0;
	padding: 0;
}
#page blockquote.rotating p:after {
	content: "";
	display: block;
	height: 22px;
}

/* Other page styling */
#page .col_1 p,
#page .col_1 ul,
#page .col_1 ol,
#page .col_1 .form_group {
	margin-left: 85px;
}
.style1 .col_1 p, .style1 .col_1 ul, .style1 .col_1 ol, .style1 .col_1 h1, .style1 .col_1 h2, .style1 .col_1 h3, .style1 .col_1 form {margin-right: 85px;}
.style2 .col_1 p, .style2 .col_1 ul, .style2 .col_1 ol, .style2 .col_1 h1, .style2 .col_1 h2, .style2 .col_1 h3, .style2 .col_1 form {margin-right: 20px;}
.style3 .col_1 p, .style3 .col_1 ul, .style3 .col_1 ol, .style3 .col_1 h1, .style3 .col_1 h2, .style3 .col_1 h3, .style3 .col_1 form {margin-right: 20px;}

/* Column 2 buttons */
#page .col_2 h3.btn {
	margin: 0 0 15px 0;
}
h3.btn a {
	display: block;
	height: 0px !important;
	overflow: hidden;
	padding-top: 50px;
	width: 215px;
}

h3.wp_link a				{background: url(../interface/btn_wp.gif) no-repeat;}
h3.wp_archive_link a		{background: url(../interface/btn_wp_archive.gif) no-repeat;}
h3.wp_return_link a			{background: url(../interface/btn_wp_return.gif) no-repeat;}

h3.dmt_link a				{background: url(../interface/btn_dmt.gif) no-repeat;}
h3.dmt_archive_link a		{background: url(../interface/btn_dmt_archive.gif) no-repeat;}
h3.dmt_return_link a		{background: url(../interface/btn_dmt_return.gif) no-repeat;}

h3.news_link a				{background: url(../interface/btn_news.gif) no-repeat;}
h3.news_archive_link a		{background: url(../interface/btn_news_archive.gif) no-repeat;}
h3.news_return_link a		{background: url(../interface/btn_news_return.gif) no-repeat;}

h3.return_archive_link a	{background: url(../interface/btn_return_archive.gif) no-repeat;}

h3.btn a:hover				{background-position: -215px 0;}

/* Search panels (Section search & list search) */
.search_panel {
	border-top: 1px solid #80a6c8;
	border-bottom: 1px solid #80a6c8;
	margin-top: 30px;
}
.search_panel label {
	color: #1f4c75;
	display: block;
	font: normal 123.1%/1.2 Rockwell, Arial, "Helvetica Neue", Helvetica, sans-serif;
	line-height: 1.4;
	margin: 10px 0 5px 0;
}
.search_panel input#keywords,
.search_panel input#search {
	border: 1px solid #80a6c8;
	color: #1f4c75;
	padding: 2px 0;
	width: 213px;
}
.search_panel input.submit {
	background: transparent url(../interface/search_button_1.gif) left top no-repeat;
	border: none;
	display: block;
	height: 12px;
	margin: 10px 0 10px 0;
	width: 56px;
}
.search_panel input.submit:hover {
	background-position: -56px 0;
}

/* 9. Page block: Home page
************************************************** */ 
/* Home page search panel */
ul.homepage_search {
	margin: 16px 0 20px 0;
	overflow: auto;
	width: 100%;
}
ul.homepage_search li {
	background: #bfd2e3 url(../interface/homepage_search_lower_bg.png) left bottom no-repeat;
	list-style-type: none;
	width: 145px;
}
ul.homepage_search li.list_search {
	float: left;
}
ul.homepage_search li.site_search {
	float: right;
}
ul.homepage_search form {
	background: transparent url(../interface/homepage_search_bg.png) left top no-repeat;
	padding: 6px 10px 3px 10px;
}
ul.homepage_search label {
	color: #1f4c75;
	display: block;
	font: normal 123.1%/1.2 Rockwell, Arial, "Helvetica Neue", Helvetica, sans-serif;
}
ul.homepage_search label span {
	display: block;
}
ul.homepage_search input#keywords {
	color: #1f4c75;
	display: block;
	margin: 6px auto;
	padding: 2px 0;
	border: 1px solid #80a6c8;
	width: 123px;
}
ul.homepage_search input.submit {
	background: transparent url(../interface/search_button_2.gif) left top no-repeat;
	border: none;
	height: 12px;
	width: 56px;
}
ul.homepage_search input.submit:hover {
	background-position:-56px 0;
}

/* Footer
************************************************** */
div#footer {
	/* background-color: #c7d9e6; */
	background-color: #bfd2e3;
	clear: both;
}
div#footer .content {
	clear: both;
	min-height: 140px;
	width: 870px;
}
div#footer p {
	color: #1f4c75;
	font-size: 77%; /* 10px */
	margin: 0;
	text-align: center;
}
div#footer p.footer_nav {
	text-transform: uppercase;
	margin: 25px 0 5px 0;
}
div#footer a {
	color: #1f4c75;
	font-family: Rockwell, "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.2;
	text-decoration: none;
}
div#footer a.terms,
div#footer a.privacy,
div#footer a.disclaimer,
div#footer a.sitemap {
	padding-right: 20px;
}
div#footer a:hover {
	text-decoration: underline;
}

/* Forms
************************************************** */ 
/*
Campaign brief form: id="campaign_brief_form"
Contact form: id="contact_form" 
*/ 


legend {
	color: #1f4c75;
	font: normal 138.5%/1.2 Rockwell, Arial, "Helvetica Neue", Helvetica, sans-serif;
	padding-bottom: 12px;
}
fieldset {
	margin: 0;
	padding: 0;
	display: block;
}
#contact_form label,
#campaign_brief_form label {
	clear: left;
	display: block; 
	float: left; 
	font-size: 93%; /* 12px */
	margin: 2px 10px 0 0; 
	padding-bottom: 5px;
	text-align: left;
	width: 35%; 
}
#contact_form .radio,
#campaign_brief_form .radio {
	display: block;
	float: left;
	margin-bottom: 15px;
	width: 60%;
}
span.radio_input {
	margin: 0 15px 0 0;
}

span.radio_label {
	font-size: 93%; /* 12px */
	height: 20px;
}
#contact_form select.select,
#campaign_brief_form select.select {
	border: 1px solid #80a6c8;
	float: left; 
	display: block;
	width: 200px;
	margin-bottom: 15px;  
	padding: 3px;
}
#contact_form textarea,
#campaign_brief_form textarea {
	border: 1px solid #80a6c8;
	float: left; 
	position: relative;
	width: 60%;
	margin-bottom: 15px;
	padding: 3px;
}
#contact_form input.text,
#campaign_brief_form input.text {
	border: 1px solid #80a6c8;
	float: left; 
	display: block;
	width: 60%;
	margin-bottom: 15px;  
	padding: 3px;
}
option {
	color: #444;
}
#contact_form .submit,
#campaign_brief_form .submit {
	margin-top: 15px;
	margin-right: 10px;
	text-align: left;
	clear:both;
}

#contact_form .submit input,
#campaign_brief_form .submit input {
	background-color: #80a6c8;
	border: 1px solid #80a6c8;
	color: #fff;
	margin: 0 20px 0 85px;
}

/* Errors
************************************************** */
div.form_errors {
	color: #ff0000;
	text-align: center;
}
div.error_list {
	border: 1px solid #a5793b;
	color: #3f454f;
	padding: 20px 0 20px 0;
	margin-bottom: 20px;
	text-align: center;
}

/* ADM
************************************************** */
p.adm_aml_link {
	margin-top: 20px;
}
p.adm_spacer {
	height: 200px;
}