/*
 * Screen Stylesheet
 * The Hub of Responsible Business Practices - St James Ethics Centre
 * Author: Jeff Lowder
 * Contact Number: 0419 350 760
 */

body {
	margin: 0;
	padding: 10px;
	color: #26333F;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
    line-height: 16px;
    font-size: 12px;
}
a img { border: 0; }
a:link, a:visited { text-decoration: none; color: #DD7545; }
a:hover{ text-decoration: underline; color: #DD7545; }

.pdf {
	padding-left: 22px;
	background: transparent url(../images/icon_pdf.png) no-repeat 0 50%;
}
.word {
	padding-left: 20px;
	background: transparent url(../images/icon_word.png) no-repeat 0 50%;
}
.excel {
	padding-left: 20px;
	background: transparent url(../images/icon_excel.gif) no-repeat 0 50%;
}
.ical {
	padding-left: 20px;
	background: transparent url(../images/icon_ical.png) no-repeat 0 50%;
}
.new_window {
	padding-left: 22px;
	background: transparent url(../images/icon_new_window.png) no-repeat 0 50%;
}
span.pdf, span.word, span.new_window {
    display: inline-block !important;
}
.hide { height: 0; width: 0; overflow: hidden; position: absolute; display: none; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
ul.nobullets li {
	list-style: none;
    background-image: none;
    padding-left: 0;
    margin-left: 0;
}
acronym { border-bottom: none; } /*-- override the default settings of Firefox --*/
h1 {
    font: bold 24px/120% Arial, Helvetica, sans-serif;
    color: #DD7545;
    margin-bottom: 12px;
    font-weight: 300;
}
h2 {
    font: bold 16px/120% Arial, Helvetica, sans-serif;
    color: #4A6076;
    margin-bottom: 5px;
}
h2.blog_link {
    border-top: 1px solid #E1EFF9;
    padding-top: 10px;
}
h2.blog_link a {
    font-weight: 300;
    color: #4A6076 !important;
}
h3 {
    font: bold 13px/120%  Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
}
h4 {
    font: bold 12px/120%  Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
}
ul.info li {
    color: #6a8ba9;
    font: normal 12px/140%  Arial, Helvetica, sans-serif;
    margin-bottom: 0;
}
.f-right {
    float: right;
}
.f_left, .f-left {
    float: left;
}
img.f_left {
    float: left;
    margin: 3px 8px 8px 0;
}
a.f_left img {
    margin-right: 10px;
}

#content p {
    margin-bottom: 12px;
}
#content div.ui-state-highlight p,
#content div.ui-state-error p {
    margin: 0;
}
#content div.ui-state-error p a {
    text-decoration: underline !important;
}
p.backtop {
    float: right;
    margin-bottom: .5em;
}
p.date, p.info {
    margin: 0 0 5px !important;
    color: #5D7A95 !important;
    font-size: 11px;
}
p.add {
    margin-bottom: 0 !important;
    font: normal 18px/22px Arial, Helvetica, sans-serif;
}
p.add a {
    color: #7ebc2c !important;
    text-decoration: none !important;
}
p.add img {
    vertical-align: bottom;
}
p.edit_link {
    float: right;
}
p.img_top {
    background-color: #EEF6FC;
    padding: 8px;
    color: #52687a;
    border: 1px solid #D1E0EB;
    float: left;
    display: inline;
}
p.img_top img {
    margin-bottom: 10px;
}
p.float_img_top {
    background-color: #EEF6FC;
    padding: 8px;
    color: #52687a;
    border: 1px solid #D1E0EB;
    float: left;
    margin-right: 10px;
}
p.float_img_top img {
    margin-bottom: 5px;
}
blockquote {
    margin: 0 20px 15px 15px;
    padding: 10px;
    border: 1px solid #efefef;
}
blockquote span {
    font-style: italic;
}
blockquote p {
    margin: 0 !important;
}
strong {
    font-weight: bold;
}
a.togglenext {
    white-space: nowrap;
    background: transparent url(../images/bullet_right_orange.gif) no-repeat 100% 3px;
    padding-right: 7px;
}
a.togglenextopen {
    background: transparent url(../images/bullet_down_orange.gif) no-repeat 100% 5px;
    padding-right: 10px;
}
ul, ol {
    margin-bottom: 12px;
    margin-left: 0;
    padding-left: 0;
}
ul li {
    background: transparent url(../images/bullet.gif) no-repeat 0 6px;
    padding-left: 10px;
    margin-bottom: 6px;
    margin-left: 15px;
    list-style: none;
}
ol li {
    list-style: decimal;
    margin-left: 30px;
}

#right_col ul {
    list-style: none;
    background-image: none;
    float: right;
    padding: 0;
    margin: 0;
}
#right_col ul li {
    list-style: none;
    background-image: none;
    padding: 0;
    margin: 0;
}
em {
    font-style: italic;
}

/**
 * Form Styling
 */
form dt {
    width: 100px;
    display: block;
    float: left;
    clear: left;
}
form dd {
    margin-left: 0;
    float: left;
    
}
.textfield, .pwfield, .dropdown, .textarea {
	font-family:  Arial, Helvetica, sans-serif;
	border: 1px solid #cdcdcd;
	font-size: 12px;
	color: #666;
	margin: 0 3px;
	padding: 0 3px;
	line-height: 140%;
}
.textfield {
	padding: 2px 3px;
}
.dropdown {
	padding: 0;
}
.width33 { width: 33px; }
.width40 { width: 40px; }
.width50 { width: 50px; }
.width70  { width: 70px; }
.width93  { width: 93px; }
.width1 { width: 100px; }
.width115 { width: 115px; }
.width1-2 { width: 120px; }
.width1-4 { width: 140px; }
.width1-5 { width: 150px; }
.width-155 { width: 155px; }
.width2 { width: 180px; }
.width2-5 { width: 250px; }
.width3 { width: 300px; }
.width3-5 { width: 350px; }
.width488 { width: 488px; }
.width460 { width: 460px; }
.width465 { width: 465px; }
.width5 { width: 500px; }

textarea.width1 { width: 118px; }
textarea.width2 { width: 218px; }
textarea.width2-5 { width: 268px; }
textarea.width3 { width: 318px; }
textarea.width3-5 { width: 368px; }

.dropdown.width2 { width: 188px; }

div.form {
    padding: 20px;
    margin-bottom: 20px;
    background-color: #F1F8FC;
    border: 1px solid #E1EFF9;
}
form {
    padding: 0;
    margin: 0;
}
dl.zend_form {
    float: left;
}
dl.zend_form dd {
    width: 350px;
    margin-bottom: 15px;
}
dl.zend_form dd.invalid {
    background-color: #FFD1D1;
    padding: 3px;
}
dl.zend_form dd.invalid ul.errors li {
    background: transparent url(../images/icon_exclaimation.gif) no-repeat 0 0;
    list-style: none;
    color: #FF2E2E;
    margin: 5px;
    padding-left: 19px;
}
dd.cats {
    width: 520px;
}
.cats label {
    float: left;
    width: 220px;
}
.frameworks label {
    display: block;
}
.frameworks label input {
    margin-right: 5px;
}
/**
 * Layouts
 */
#wrapper {
    width: 965px;
    margin: 0px auto;
    position: relative;
    padding: 0;
    text-align: left;
}
#header {
    height: 110px;
    background: transparent url(../images/bg_header.jpg) no-repeat 0 0;
    position: relative;
}
#logo { position: absolute; margin-left: 0; height: 110px; width: 302px; }
#logo span { position: absolute; left: -2000px; }
#banner.home {
    margin: 5px 0 20px;
}

.col_1 {
    width: 280px;
    padding-right: 20px;
    float: left;
}
.col_2 {
    width: 241px;
    padding-left: 19px;
    padding-right: 20px;
    float: left;
}
.col_3 {
    width: 221px;
    padding-left: 19px;
    padding-right: 20px;
    float: left;
}
.col_4 {
    width: 109px;
    padding-left: 16px;
    float: left;
}
#breadcrumbs p {
    height: 27px;
    line-height: 27px;
    color: #26333F;
    padding-left: 10px;
}

#top_grad {
    height: 22px;
    background: #fff url(../images/bg_top_gradient.png) no-repeat 0 100%;
}

#page_content {
	margin: 0 20px;
	width: 520px;
	float: left;
}

#left_col {
	float: left;
	width: 240px;
    padding: 0;
    margin: 0;
    /*padding-bottom: 504px;*/
    background: #E1EFF9 url(../images/left_col_bottom.png) no-repeat 0 100%;
}

#right_col {
	float: left;
	width: 165px;
    /*background: transparent url(/images/dots_right_col.gif) repeat-y scroll 0 0;*/
}

/**
 * Footer
 */
#footer {
    position: relative;
    height: 143px;
    background: transparent url(../images/bg_footer.png) no-repeat 0 0;
    padding: 20px 20px 0;
}
#footer.sub {
    padding: 20px 90px 0;
    position: relative;
    height: 145px;
    background: transparent url(../images/bg_sub_page_footer.png) no-repeat 0 0;
}
#treasury_proj {
    position: absolute;
    left: 603px;
    top: 22px;
    width: 340px;
    color: #4d5871;
}
#footer .col_1 {
    float: left;
    width: 187px;
    padding: 0;
}
#footer .col_2 {
    float: left;
    width: 200px;
}
#footer h2 {
    color: #263340;
    font: bold 11px/140%  Arial, Helvetica, sans-serif;
}
#footer a {
    color: #4d5871;
}
#copyright {
    position: absolute;
    right: 20px;
    top: 138px;
    color: #6a8ba9;
}
#footer_global_links {
    position: absolute;
    left: 20px;
    top: 138px;
    color: #6a8ba9;
}
#footer_global_links a {
    color: #DD7545;
}
#footer ul li {
    margin-bottom: 0;
}
/**
 * Home
 */
#news p.desc {
    margin-bottom: 14px;
}
#columns.home {
    background: transparent url(../images/bg_dots_vert_home.gif) repeat-y 0 0;
}

.col_head_lrg,
.col_head_med,
.col_head_sml {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    height: 46px;
    line-height: 30px;
    padding-left: 10px;
    position: relative;
    width: 270px;
    background: #43596d url(../images/bg_heading_lrg.png) no-repeat 0 0;
}
.col_head_med {
    width: 231px;
    background: #43596d url(../images/bg_heading_med.png) no-repeat 0 0;
}
.col_head_sml {
    width: 211px;
    background: #43596d url(../images/bg_heading_sml.png) no-repeat 0 0;
}
.col_head_lrg a,
.col_head_med a,
.col_head_sml a {
    color: #fff !important;
    float: right;
    line-height: 32px;
    padding-right: 10px;
    text-align: right;
    font-size: 12px;
    text-transform: lowercase;
}

.col_4 h2 {
    color: #263340;
    font-size: 14px;
    text-transform: none;
    line-height: 30px;
    margin-bottom: 10px;
}
.col_4 p {
    margin-bottom: 0 !important;
}
.col_4 p img {
    margin-bottom: 10px;
}
#ql_logos li a {
    color: #4A6176 !important;
    font-size: 11px;
}
#ql_logos li a img {
    margin-bottom: 26px;
}

/**
 * Event listing
 */
dl.event {
    margin-bottom: 10px;
}
dl.event dt {
    background: #adc3d6 url(../images/bg_date.gif) no-repeat scroll 0 0;
    color: #263340;
    float: left;
    font-weight: bold;
    height: 27px;
    line-height: 100%;
    margin: 0 8px 4px 0;
    padding-top: 7px;
    text-align: center;
    width: 34px;
}
dl.event dt span.number {
    font-size: 15px;
}
dl.event dt span.month {
    font-size: 10px;
    text-transform: uppercase;
}
dl.event dd.title {
    float: left;
    font-size: 13px;
    width: 174px;
    display: inline-block;
    color: #4A6176;
}
dl.event dd.title a, #news h3 a, dl.event dd.title a, #news h2 a {
    color: #4A6176 !important;
}
dl.event dd.info {
    clear: left;
    color: #6a8ba9;
}
dl.event dd.desc {
    color: #263340;
}
#event_list dl.event dd.title {
	width: auto;
}
#event_list dl.event dd.title h2 {
	font-size: 18px;
}

/**
 * Navigation
 */
ul#mainNav {
    width: 607px;
    overflow: hidden;
    height: 45px;
    float: right;
    left: 339px;
    top: 65px;
    position: absolute;
}
ul#mainNav li {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
    height: 45px;
}
ul#mainNav li a {
    position: relative;
    display: block;
    height: 45px;
    width: 150px;
    margin-right: 6px;
}
ul#mainNav li span {
    display: none;
}
ul#mainNav li a.selected, ul#mainNav li a.selected:hover, ul#mainNav li a:hover, ul#mainNav li a#nav_small:hover {
    background-position: 0 -45px;
}
#nav_what {
    background: transparent url(../images/nav_what.gif) no-repeat 0 0;
}
#nav_why {
    background: transparent url(../images/nav_why.gif) no-repeat 0 0;
}
#nav_large {
    background: transparent url(../images/nav_large.gif) no-repeat 0 0;
}
ul#mainNav li a#nav_small {
    width: 138px;
    margin-right: 0 !important;
    background: transparent url(../images/nav_small.gif) no-repeat 0 0;
}
ul#mainNav li a#nav_small.selected {
    background-position: 0 -45px;
}


/**
 * Left Navigation
 */

#left_col h2 {
    margin-left: 10px;
	font: bold 14px/34px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
	background: transparent url(../images/left_nav_divider.gif) repeat-x 0 100%;
    margin-bottom: 0;
}

ul.subnav{
	float: left;
	width: 220px;
    margin: -10px 0 0 0 !important;
    padding: 0 !important;
}
ul#rf.subnav {
    margin: 0 !important;
}
ul.subnav li {
	float: left;
	width: 220px;
    background: none;
    padding: 0 10px !important;
    font-size: 11px;
    margin: 0 !important;
	background: transparent url(../images/left_nav_divider.gif) repeat-x 0 100%;
}
ul.subnav li.last {
	background: transparent url(../images/divider_blue.gif) repeat-x 0 100%;
}

ul.subnav li a:link, ul.subnav li a:visited {
	float: left;
	width: 220px;
	font-weight: bold;
    padding: 8px 0;
    color: #263340;
}
ul#rf.subnav li a:link, ul#rf.subnav  li a:visited {
    font-weight: normal;
}
ul.subnav li a:hover{
    text-decoration: underline;
}

ul.subnav li.selected {
	font-weight: bold;
    background-color: #94AEC5;
}

ul.subnav li.selected a {
	color: #fff !important;
}
/**
 * current don't have a third level of navigation
 */
/* 
ul#subnav li ul a:link, ul#subnav li ul a:visited{
	width: 168px;
	font-size: 0.85em;
	font-weight: normal;
	padding: 3px 10px 3px 27px;
	background: #FAFAEB;
}

ul#subnav li ul a:hover{
	text-decoration: underline;
	background: #fff none;
}

ul li ul li.selected a{
	font-weight: bold !important;
}
*/


/**
 * Glossary
 */
div.section {
    border-bottom: 1px solid #E1EFF9;
    margin-bottom: 10px;
}
ul#glossary{
	float: left;
	width: 100%;
	margin-bottom: 1.5em;
}

ul#glossary li{
	float: left;
	margin-right: 1em;
	font-weight: bold;
    list-style: none;
    background-image: none;
    padding: 0;
    margin-left: 0;
}

dt.gterm{
	margin-top: 1em;
	font-size: 13px;
	font-weight: bold;
}

dt.gterm a{
	font-size: 1em;
	font-weight: bold;
}
dt a.permalink {
    color: #DDCAB4;
}

/**
 * Table styling
 */
table.list {
    border-collapse: collapse !important;
    width: 100%;
}
table.list thead tr th {
    background-color: #a7bed2;
    color: #fff;
    font: normal 13px/100% Arial, Helvetica, sans-serif;
    border: 1px solid #a7bed2;
    padding: 5px 3px;
}
table.list td {
    border: 1px solid #a7bed2;
    padding: 3px;
}
table.list tr.odd td {
    background-color: #e1eff9;
}
td.no_wrap {
    white-space: nowrap;
}
td.a-center {
	text-align: center;
}


table.left_heading {
    border-collapse: collapse;
    width: 100%;
    color: #5D7A95;
    margin-bottom: 15px;
    font-size: 11px;
}
table.left_heading tr th {
    font-weight: bold;
    border: 1px solid #E1EFF9;
    padding: 5px 3px;
}
table.left_heading td {
    border: 1px solid #E1EFF9;
    padding: 3px;
}

/**
 * Pagination styling
 */
.paginationControl {
    text-align: right;
    padding-right: 5px;
    line-height: 25px;
}
.paginationControl .position {
    float: left;
}
/**
 * Tab Styling
 */
#blog_events_tabs {
    float: right;
    width: 295px;
    margin-left: 10px;
}
#blog_events_tabs.ungc {
    width: 305px;
}
.ui-tabs-nav li img.icon {
    vertical-align: bottom;
    padding-right: 4px;
}
.ui-widget-content ul {
    margin-bottom: 0;
}

/**
 * Sharing icons for forum pages
 */
ul#share_links {
	display: block;
	height: 25px;
}
ul#share_links li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	padding: 0;
	background-image: none;
}

/**
 * Comment form
 */
#submit_comment {
	float: right;
}
#comment .zend_form dd {
	width: 365px;
}

.comment_cont, .comment_cont_author {
	margin-bottom: 10px;
	border: 1px solid #BCCEDC;
}
.comment_cont p, .comment_cont_author p {
	margin: 0 !important;
	padding: 5px 20px !important;
	background: transparent url(../images/comment_middle.gif) repeat-y 0 0;
}
.comment_cont_author p {
	background: transparent url(../images/comment_middle_author.gif) repeat-y 0 0;
}
.comment {
	background: transparent url(../images/comment_top.gif) no-repeat 0 0;
	padding: 13px 0 0 0;
}
.comment_cont_author .comment {
	background: transparent url(../images/comment_top_author.gif) no-repeat 0 0;
}
.date_author {
	background: transparent url(../images/comment_bottom.gif) no-repeat 0 100%;
	height: 44px;
	position: relative;
}
.comment_cont_author .date_author {
	background: transparent url(../images/comment_bottom_author.gif) no-repeat 0 100%;
	height: 45px;
}
.comment_cont p.author, .comment_cont_author p.author {
	position: absolute;
	bottom: 0;
	background-image: none !important;
	padding: 0;
}
.comment_cont p.date, .comment_cont_author p.date {
	position: absolute;
	bottom: 0;
	right: 10px;
	color: #6A8BA9;
	background-image: none !important;
	padding: 0;
}
.date_author .author {
	font-weight: bold;
}

/**
 * global login area
 */
#login_link {
	position: absolute;
	right: 20px;
	top: 10px;
}
#login_link a {
	color: #fff;
}
#login_form {
	position: absolute;
	right: 20px;
	top: 30px;
	width: 320px;
}
#login_form dl.zend_form dd {
	width: auto;
	margin-bottom: 5px;
}
#login_form form {
	position: relative;
	z-index: 1000;
	background: transparent url(../images/bg_login.gif) no-repeat 0 0;
	padding: 29px 10px 10px;
}

/**
 *
 */
.feeditem {
	background: #E8F6E8;
	padding: 5px;
	margin-bottom: 5px;
}
.feeditem_removed {
	background: #F6D1D1;
	padding: 5px;
	margin-bottom: 5px;
}
.feeditem .action, .feeditem_removed .action {
	float: right;
}

div.divider {
    height: 4px;
    width: 100%;
    margin: 10px 0 10px 0;
    background: transparent url(../images/divider.gif) repeat-x 0 50%;
}

#googlemap {
	margin-bottom: 30px;
}

/**
 * Clearing Hack
 */
.row:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.row { display: inline-block; }
/* Hides from IE-mac \*/
* html .row { height: 1%; }
.row { display: block; }
/* End hide from IE-mac */