﻿/* reset.css, part of YUI's CSS Foundation */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* base.css, part of YUI's CSS Foundation */

h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	/*border:1px solid #000;*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

/*******************************************************************************
 * HACKS : Clearfix
 *
 * Clearfix provides a means to for an element to contain all it's floated 
 * children even if it's not normally tall enough to do so. For more information
 * on clearfix please see:
 * http://www.positioniseverything.net/easyclearing.html
 */
.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix
{
	min-width: 0;		/* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/	display: block;	/* Hide from IE Mac */
}
* html .clearfix
{
	/* \*/  height: 1%;	/* Hide from IE Mac */ 
}

/**********************************/
/* Base Website Styles Start Here */
/**********************************/

input,textarea
{
	padding: 2px 1px;
}

body { font-family: Verdana; font-size: 10pt; color: #666; background-color: #D7D7DB; padding-top: 20px; }

h1 { font-size: 18pt; color: #669933; }
h2 { font-size: 14pt; color: #003366; }
h3 { font-size: 12pt; color: #003366; }

hr { color: #669933; margin: 10px 0; height: 1px; }

a { color: #003366; }
a:hover { color: #669933; }

h1 a { color: inherit; text-decoration: none; }
h2 a { color: inherit; text-decoration: none; }
h3 a { color: inherit; text-decoration: none; }

h1 a:hover { color: inherit; text-decoration: none; }
h2 a:hover { color: inherit; text-decoration: none; }
h3 a:hover { color: inherit; text-decoration: none; }

/*********************************/
/* Master Page Styles Start Here */
/*********************************/

#wrapper { margin: 0 auto; width: 950px; background-color: #FFF; } 

/* Home - Logos + Slider */
#logobar { background-color: #ECECEE; height: 41px; }
#logobar ul { margin: 0; padding: 0 100px; }
#logobar li { float: left; list-style: none; margin: 0; padding: 0 5px; }
#logobar li img { cursor: pointer; }

#header { height: 117px; padding: 25px 0; }
#header #fixed { float: left; width: 290px; padding: 26px 5px; }
#header #slides { float: left; height: 117px; width: 650px; overflow: hidden; } 
#header #slides ul { position: relative; margin: 0; padding: 0; }
#header #slides li { float: left; list-style: none; margin: 0; padding: 0; height: 117px; width: 650px; display: none; }

/* Internal Logo */
#logo { padding: 20px; }

/* Navigation + Search */
#navbar { background-color: #669933; }
#navbar #topnav { float: left; }
#navbar #quickfind { float: right; }
#navbar #quickfind .watermark { color: #999; }
#navbar #quickfind .gobtn { position: relative; top: 7px; margin: 0 0.5em; }

/* Top Menu */
#topnav ul { margin: 0; padding: 0; }
#topnav li { list-style: none; float: left; margin: 0; padding: 0.5em 2em; border-right: solid 1px #fff; }
#topnav li a { display: block; padding: 0; line-height: 2em; color: #fff; text-decoration: none; border-bottom: solid 1px #669933; }

#topnav li:hover, #topnav li.selected { background-color: #003366; } 
#topnav li:hover a, #topnav li.selected a { border-bottom: solid 1px #fff; }

/* Home Page Layout */
#mainhome { position: relative; background-image: url('/app_themes/aba/images/watermark.gif'); background-position: bottom right; background-repeat: no-repeat; }
#mainhome #content { float: left; width: 600px; padding: 0 20px; }

#newsbar { float: left; width: 289px; margin-top: 10px; margin-bottom: 100px; padding: 20px 10px 100px 10px; border-left: dotted 1px #D7D7DB; }

#newsbar #nzx { background-color: #ECECEE; padding: 10px; }
#newsbar #nzx h2 { margin: 0; }
#newsbar #nzx strong { font-size: 9pt; }
#newsbar #nzx em { display: block; text-align: center; font-size: 8pt; }

#newsbar #nzx #market { table-layout: fixed; margin: 0.5em 0; padding: 0; width: 100%; }
#newsbar #nzx #market th { text-align: left; vertical-align: bottom; font-size: 8pt; font-weight: normal; border-bottom: solid 1px #E3E3E3; }
#newsbar #nzx #market td { text-align: right; border-bottom: solid 1px #E3E3E3; }
#newsbar #nzx #market td span.price { font-size: 16pt; color: #003366; }
#newsbar #nzx #market td span.gain { color: Green; }
#newsbar #nzx #market td span.loss { color: Red; }

#newsbar #news ul { margin: 0; padding: 0; }
#newsbar #news li { list-style: none; margin: 1em 0; padding: 0; border-bottom: dotted 1px #D7D7DB; }
#newsbar #news li strong { display: block; color: #669933; }
#newsbar #news li a { display: block; font-weight: bold; margin: 0.5em 0; } 

/* Internal Page Layout */
#banner { background-color: #C6DBEC; }

#main { position: relative; padding-bottom: 20px; background-image: url('/app_themes/aba/images/backgrounddots.gif'); background-position: top left; background-repeat: repeat-y; background-color:White; }
#main #menubar { float: left; width: 189px; margin-top: 10px; margin-bottom: 100px; padding: 20px 10px 200px 10px; }
#main #content { float: left; width: 700px; padding: 0 20px; }
#crumbs { font-size: 8pt; padding: 5px 0; }
#crumbs a { color: #666; font-size: 8pt; }
#crumbs a:hover { color: #669933; }

/* Left Hand Menu */
#menubar ul { margin: 0; padding: 0; }
#menubar li { list-style-type: none; margin: 0; padding: 0; }
#menubar li div { padding: 0.5em; }
#menubar img { padding-right: 0.5em; }

/* Left Hand Menu - Level 1 */
#menubar li div { border-bottom: dotted 1px #D7D7DB; }
#menubar li div a { color: #666; text-decoration: none; }
#menubar li div a:hover { color: #669933; }

#menubar li.selected div a { color: #669933; font-weight: bold; }

/* Left Hand Menu - Level 2 */
#menubar li.selected li div a { color: #666; font-weight: normal; }
#menubar li.selected li div a:hover { color: #003366; }

#menubar li li.selected div a { color: #003366; font-weight: bold; }

/* Footer */
#footer { font-size: 0.8em; padding: 1em 2em; background-color: #D7D7DB; position:relative; }
#footer #menuimage { position:absolute; left:0px; _left:-20px; top:-190px; z-index:5; }

/* Toolbox */
.toolbox { margin: 1em 0; width: 100%; }
.toolbox th { text-align: left; color: #fff; background-color: #669933; }

/* Editor */
#main #content.editor { }

#banner .editing { width: 950px; height: 200px; }
#main #content .editing { width: 700px; height: 400px; }

.editing table { margin-bottom: auto; border-collapse: separate; }
.editing th, td { padding: 0px; }

/* Setup */
#mainsetup { position: relative; padding: 20px 20px 200px; background-image: url('/app_themes/aba/images/watermark.gif'); background-position: bottom right; background-repeat: no-repeat; }


@media print {
  #navbar { display: none; }
  
  #logobar { display: none; }
  #header #slides { display: none; }
  #mainhome #content { width: auto; }
  #newsbar { display: none; }
  
  #banner { display: none; }
  #menubar { display: none; }
  #main #content { width: auto; }
  
  #footer img { display: none; }
}

/******************************/
/* Template Styles Start Here */
/******************************/

.error { color: Red; }
.highlight { background-color: Yellow; }
.hover { background-color: #C6DBEC !important; border: solid 1px #003366 !important; }
.pager { width: 100%; }

.NotifyInfo { padding: 2em; margin: 1em 0; color: #000000; background-color: #FFFFC0; border: solid 1px #DCDC41; }
.NotifyInfo li { list-style: none; }
.NotifyError { padding: 2em; margin: 1em 0; color: #CC0000; background-color: #FFE1E1; border: solid 1px #E58080; }
.NotifyError li { list-style: none; }
.NotifyConfirm { padding: 2em; margin: 1em 0; color: #339900; background-color: #E4F8DC; border: solid 1px #99CC80; }
.NotifyConfirm li { list-style: none; }

/* Common Pattern - Grouped List */
.groupedlist { margin: 0; padding: 0; }
.groupedlist li { list-style: none; }
.groupedlist h1 { font-size: 12pt; margin: 0.5em 0; padding-left: 0.5em; border-bottom: solid 1px #669933; }
.groupedlist ul { margin: 0; padding: 0; padding-left: 30px; }
.groupedlist ul li { position: relative; padding: 0.5em; border: solid 1px #FFFFFF; }

/* Generic Settings */
.settings fieldset { padding: 1em; border: solid 1px #E4E4E7; }
.settings .duallist { position: relative; margin: 1em; }
.settings .duallist select { float: left; width: 240px; }
.settings .duallist div { float: left; text-align: center; }
.settings .duallist div input { display: block; width: 100px; margin: 25px; }

.settings .btnbar { position: relative; text-align: right; }
.settings .btnbar .btnleft { float: left; }
.settings .btnbar input { padding: 0.25em 0.5em; }

/* News Listing */
#tabs { margin: 1em 0; padding: 0; height: 30px; border-bottom: solid 1px #669933; }
#tabs li { float: left; list-style: none; margin: 0 0.25em; padding: 0; }
#tabs li a { display: inline-block; margin-top: 5px; padding: 0 1em; line-height: 24px; text-decoration: none; background-color: #fff; border: solid 1px #fff; border-bottom: none; }
#tabs li a:hover { margin-top: 6px; line-height: 22px; height: 24px; border: solid 1px #DCDADE; border-bottom: none; } 
#tabs li.selected a, #tabs li.selected a:hover { font-weight: bold; margin-top: 0; line-height: 30px; height: 30px; border: solid 1px #669933; border-bottom: none; }

.groupedlist .article strong { position: absolute; font-size: 20pt; left: 0; text-align: right; }
.groupedlist .article { padding-left: 70px; margin: 0.25em 0; }

/* News Article */
.readarticle { }
.readarticle .summary { background-color: #FFFFC0; border: solid 1px #DCDC41; margin: 1em 0; }
.readarticle .summary img { float: left; border: solid 1px #CCCCCC; padding: 1px; height: 75px; width: 52px; margin: 0.5em; }
.readarticle .summary em { float: right; font-size: 8pt; margin: 0.5em; }
.readarticle .summary em img { margin: 0 0.5em; padding: 0; float: none; height: auto; width: auto; border: none; }
.readarticle .summary p { clear: right; margin: 1em; margin-top: 0; color: #000000; }

.readarticle .files ul { margin: 0; padding: 0; }
.readarticle .files li { list-style: none; position: relative; list-style: none; padding: 0.5em; padding-left: 26px; border: solid 1px #FFFFFF; }
.readarticle .files li img { position: absolute; top: 10px; left: 5px; _left: -21px; }
.readarticle .files .filename { font-size: 12pt; }
.readarticle .files .filesize { font-size: 14pt; }
.readarticle .files .filemodified { font-size: 8pt; }

/* Forms Template */
.formentry { table-layout: fixed; }
.formentry th { font-size: 11pt; color: #003366; text-align: left; padding: 10px 0; }
.formentry td { padding: 5px; vertical-align: top; }
.formentry input { width: 300px; }
.formentry select { width: 300px; }
.formentry textarea { width: 300px; }
.formentry table td { padding: 0; }
.formentry table input { width: auto; }

.formedit table { table-layout: fixed; }
.formedit table th { font-size: 11pt; color: #003366; text-align: left; padding: 10px 0; }
.formedit table td { padding: 5px 0; vertical-align: top; }
.formedit table table td { padding: 0; }

/* Search */
.searchResults { margin: 0; padding: 0; }
.searchResults li { list-style: none; margin: 0; padding: 0.5em; border: solid 1px #fff; }

/* Sitemap Template */
.sitemap { table-layout: fixed; border-collapse: separate; border-spacing: 10px; }
.sitemap td { vertical-align: top; width: 230px; margin-right: 10px; margin-bottom: 10px; }
.sitemap div { padding: 2px 5px; background-color: #003366; }
.sitemap img { padding-right: 5px; }
.sitemap a { color: #fff; text-decoration: none; }

.sitemap ul { margin: 0; padding: 0; border: solid 1px #003366; }
.sitemap ul ul { border: none; }
.sitemap li { list-style-type: none; }
.sitemap li div { background-color: #FFFFFF; border: solid 1px #fff; }
.sitemap li a { color: #007997; }
.sitemap li a:hover { color: #1B9FB6; }
.sitemap li li a { padding-left: 1em; font-size: 10px; }
.sitemap li li li a { padding-left: 2em; font-size: 8px; background: none; }

/* FAQ */
#faq span { float: left; }
#faq .all { float: right; }
#faq dl { margin: 0; padding: 0; }
#faq dt { font-weight: bold; margin: 0; padding: 0.5em; cursor: pointer; }
#faq dd { margin: 0; padding: 0.5em; border: solid 1px #fff; }

