/*=================================
	Organ Donation New Zealand
	
	Written by Ben Daley
=================================*/


@import "reset.css";
@import "typography.css";
@import "navigation.css";
@import "positioning.css";
@import "widgets.css";




#page { background: url(images/img/body_bg.gif) right top repeat-y; }


a:hover .linktester {
/*background-color: none;*/ 
color: #FF0000;
}
a.lololol:hover {
background-color: #FFFFFF;
}
/*	Focus Styles	*/
:focus, a img, a:visited img { border: none;}
:focus  { background-color: #C1D72E; color:#000 !important;}
#nav :focus, #nav :active { background-color: transparent !important; color: #C1D72E !important;}

/*	Util classes	*/
.hide { position: absolute; display: block; left: -9999px; top: -9999px; visibility: hidden; }
.clear {clear:both; font-size:.1em; height:1%;}
.more { white-space: nowrap; }

/*	Misc	*/
acronym, abbr, dfn {cursor: help; border-bottom: #C1D72E 2px dotted;}

.donor-story {background: url(../images/img/grey_circle.gif) left center no-repeat;}
.recipient-story {background: url(../images/img/green_circle.gif) left center no-repeat;}
.sub {vertical-align: sub; font-size: .5em;}
.required { color: #ff0000; }





/* ============ BREADCRUMBS ============*/

.bcrumbshold {
position: relative;
font-size: 0.8em;
text-align: left;
}






/* ======================================*/

/*	Uncomment to show the baseline grid	
#contentCell, blockquote.pullquote, #newsCell, #storiesCell
{
	background-image: url(../images/baseline_18.gif);
	background-position: left top;
	background-repeat: repeat;
}
*/
.marginof30 {
width: 30px;
float: left;
}
.storytxtbreak {
clear: both;
}
.hideinfo{
display: none;
}
.showinfo{
display: block;
}
.organmainhold{
position: relative;
overflow: visible;
margin-left: 30px;
}
.organimagehold{
position: relative;
overflow: visible;
float: left;
}
.organtexthold{
position: relative;
overflow: visible;
float: left;
}
.instructtext{
position: relative;
display: block;
}
#today6 {
display: none;
}
.row1{
clear: both;
overflow: hidden;
}
.row1n1{
float: left;
height: 17px;
width: 197px;
}
.row2n1{
float: left;
height: 19px;
width: 79px;
}
.row2n2{
float: left;
height: 19px;
width: 118px;
}
.row3n1{
float: left;
height: 21px;
width: 112px;
}
row3n2{
float: left;
height: 21px;
width: 85px;
}
.row4n1{
float: left;
width: 197px;
height: 10px;
}
.row5n1{
float: left;
width: 79px;
height: 24px;
}
.row5n2{
float: left;
width: 118px;
height: 24px;
}
.row6n1{
float: left;
height: 23px;
width: 79px;
}
.row6n2{
float: left;
height: 23px;
width: 51px;
}
.row6n3{
float: left;
height: 23px;
width: 67px;
}
.row7n1{
float: left;
height: 8px;
width: 197px;
}
.row8n1{
float: left;
height: 14px;
width: 112px;
}
.row8n2{
float: left;
height: 14px;
width: 85px;
}
.row9n1{
float: left;
width: 197px;
height: 36px;
}
.row10n1{
float: left;
width: 35px;
background-color: #FFFFFF;
height: 17px;
}
.row10n2{
float: left;
height: 17px;
width: 77px;
}
.row10n3{
float: left;
height: 17px;
width: 85px;
}
.row11n1{
float: left;
height: 23px;
width: 197px;
}
/*===================================RICHARDS EDIT==========================================*/
.donorkeyholder {
position: relative;
overflow: hidden;
clear: both;
/*margin-top: -90px;*/
margin-left: 30px;
margin-bottom: 20px;
}
.moreimage{
margin-left: 30px;
margin-top: 10px;
}
.newspagedate {
position: relative;
clear: both;
}
.logoformatt {
margin-left: 20px;
margin-top: 30px;
margin-bottom: 20px;
}
.donorkeyimg {
position: relative;
float: left;
height: 23px;
margin-bottom: 10px;
width: 23px;
}
.donorkeyimg2 {
position: relative;
float: left;
height: 23px;
margin-bottom: 10px;
margin-left: -40px;
width: 23px;
}
.logotextholder {
position: relative;
float:left;
width: 435px;
padding-right: 30px;
overflow: hidden;
}
.logologoholder {
position: relative;
float: left;
height: 212px;
margin-top: 15px;
width: 212px;
}
/* =============WHO CAN DONATE SECTION TABLE================ */
.tablewhogreen{
position: relative;
float: left;
width: 90px;
height: 16px;
font-size: 12px; /*was 12 */
padding: 8px 12px 12px 12px;
overflow:hidden;
/*font-weight: bold;*/
background-color: #C1D72E;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
border-bottom-width: 0px;
color: #FFFFFF;
font-weight: bold;
border-right-width: 0px;
}

.datesizegreenwho{
position: relative;
float: left;
padding: 7px 9px 12px 11px;
font-size: 12px; /*was 12 */
width: 140px;
height: 16px;
overflow:hidden;
background-color: #C1D72E;
border-color: #C1D72E;
border-style: solid;
color: #FFFFFF;
font-weight: bold;
border-bottom-width: 2px;
border-right-width: 2px;
}
.table1leftwho{
position: relative;
float: left;
width: 93px;
font-size: 12px; /*was 12 */
padding: 10px;
overflow:hidden;
/*font-weight: bold;*/
background-color: #FFFFFF;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
border-bottom-width: 0px;
border-right-width: 0px;
}
.table1rightwho{
position: relative;
float: left;
padding: 11px;
font-size: 12px; /*was 12 */
width: 140px;
overflow:hidden;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
border-bottom-width: 0px;
border-right-width: 0px;
}
/*================Organs and tissues boxs========= */
.otghold{
position: relative;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
width: 340px;
margin-left: 30px;
}
.otgheading{
position: relative;
width: 340px;
height: 20px;
text-align: center;
font-weight: bold;
background-color: #C1D72E;
color: #FFFFFF;
font-size: 1.2em;
padding: 3px 0px 0px 0px;
font-family: "lucida-grande", "lucida unicode", lucida, verdana, sans-serif;
}
.otgtxt{
position: relative;
width: 330px;
margin: 5px 5px 5px 5px;
font-size: 1.2em;
line-height: 1.5em;
font-family: "lucida-grande", "lucida unicode", lucida, verdana, sans-serif;
}

/* =============================================== */
/* ===============WHAT HAPPENS GRAPH============== */
.whghold{
position: relative;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
width: 390px;
margin-left: 30px;
}
.absoltest {
position: absolute;
width: 195px;
height: 5000px;
top: 50%;
left: 50%;
margin-left: -95px;
margin-top: -50px;
z-index: 999;
background-color: #00FF00;
}
.formsize{
width: 400px;
}
.whgheading{
position: relative;
width: 390px;
height: 20px;
text-align: center;
font-weight: bold;
background-color: #C1D72E;
color: #FFFFFF;
font-size: 1.2em;
padding: 3px 0px 0px 0px;
font-family: "lucida-grande", "lucida unicode", lucida, verdana, sans-serif;
}
.whgtxt{
position: relative;
width: 380px;
margin: 5px 5px 5px 5px;
font-size: 1.2em;
line-height: 1.5em;
font-family: "lucida-grande", "lucida unicode", lucida, verdana, sans-serif;
}
.whgfooter{
position: relative;
height: 36px;
margin-left: 212px;
}



/*================================================= */
.table1leftbwho{
position: relative;
float: left;
width: 93px;
font-size: 12px; /*was 12 */
padding: 10px;
overflow:hidden;
/*font-weight: bold;*/
background-color: #CDDF58;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
}

.table1rightbwho{
position: relative;
float: left;
padding: 11px 11px 9px 11px;
font-size: 12px; /*was 12 */
width: 140px;
overflow:hidden;
background-color: #CDDF58;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
}
.table1rightbwhox{
position: relative;
float: left;
padding: 11px 11px 9px 11px;
font-size: 12px; /*was 12 */
width: 140px;
overflow:hidden;
background-color: #FFFFFF;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
}
.table1leftbwhox{
position: relative;
float: left;
width: 93px;
font-size: 12px; /*was 12 */
padding: 10px;
overflow:hidden;
/*font-weight: bold;*/
background-color: #FFFFFF;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
}
/* ====================================== */
.floatlefft{
float: left;
}
.clearbothh{
clear: both;
}
.leftsidepage {
position:relative;
width: 600px; /* was 680px */
overflow: hidden;
}
.donorkeytxt2 {
position: relative;
float: left;
margin-left: -10px;
margin-top: 4px;
font-size: 1.2em;
width: 100px;
color: #000000;
font-family: "lucida-grande", "lucida unicode", lucida, verdana, sans-serif;
}
.donorkeytxt {
position: relative;
float: left;
margin-left: 5px;
margin-top: 4px;
font-size: 1.2em;
width: 100px;
color: #000000;
font-family: "lucida-grande", "lucida unicode", lucida, verdana, sans-serif;
}
.nameiconhold {
position: relative;
margin-left: 30px;
margin-top: -10px;
overflow: hidden;
}
.newstablehold {
font-size: 1.2em;
line-height: 1.5em;
margin-top: 10px;
}
.forthelinebreak {
position: relative;
overflow: hidden;
/*border-bottom-color: #CCCCCC;*/
/*border-bottom-style: solid;*/
/*border-bottom-width: 1px;*/
margin-top: 30px;
}
.newsheading {
position: relative;
overflow: hidden;
margin-top: -10px;
}
.donornamehold {
position: relative;
float: left;
margin-left: -30px;
overflow: hidden;
}
.donoriconhold {
position: relative;
margin-top: 5px;
margin-left: 10px;
float: left;
overflow: hidden;
}
/*=============== 2 ROW TABLE CHART ==============*/
.table1heading2{
position: relative;
overflow: hidden;
background-color: #C1D72E;
color: #FFFFFF;
padding: 10px;
width: 100px;
border-color: #C1D72E;
border-style: solid;
font-weight: bold;
font-size: 14px;
float: left;
text-align: center;
}
.table1heading3{
position: relative;
overflow: hidden;
background-color: #C1D72E;
color: #FFFFFF;
padding: 10px;
width: 100px;
border-color: #C1D72E;
border-style: solid;
font-weight: bold;
font-size: 14px;
float: left;
text-align: center;
}
.table1heading3l3ft{
position: relative;
overflow: hidden;
background-color: #C1D72E;
color: #FFFFFF;
padding: 10px;
width: 100px;
border-color: #C1D72E;
border-style: solid;
font-weight: bold;
font-size: 14px;
float: left;
text-align: left;
}
.table1heading4{
position: relative;
overflow: hidden;
background-color: #C1D72E;
color: #FFFFFF;
padding: 10px;
width: 300px;
border-color: #C1D72E;
border-style: solid;
font-weight: bold;
font-size: 14px;
float: left;
text-align: center;
}
.table1left2row{
position: relative;
float: left;
width: 98px;
font-size: 12px; /*was 12 */
padding: 10px;
overflow:hidden;
/*font-weight: bold;*/
background-color: #FFFFFF;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
text-align: left;
border-bottom-width: 0px;
border-right-width: 0px;
}
.table1left2rownz{
position: relative;
float: left;
width: 98px;
font-size: 12px; /*was 12 */
padding: 10px;
overflow:hidden;
/*font-weight: bold;*/
background-color: #FFFFFF;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
text-align: center;
border-bottom-width: 0px;
border-right-width: 0px;
}
.table1left2rowbbottom{
position: relative;
float: left;
width: 98px;
font-size: 12px; /*was 12 */
padding: 10px;
overflow:hidden;
/*font-weight: bold;*/
background-color: #FFFFFF;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
text-align: center;
border-bottom-width: 1px;
border-right-width: 0px;
}
.datesize2row2nether{
position: relative;
float: left;
height: 30px;
padding: 11px;
text-align: center;
font-size: 12px; /*was 12 */
width: 297px;
overflow:hidden;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
border-bottom-width: 0px;
border-right-width: 0px;
}
.borderrightnether {
border-left-width: 1px;
border-left-color: #C1D72E;
border-left-style: solid;
border-left-width: 1px;
width: 5px;
float: left;
height: 53px;
}
.table1left2rownether{
position: relative;
float: left;
width: 98px;
height: 30px;
font-size: 12px; /*was 12 */
padding: 10px;
/*font-weight: bold;*/
background-color: #FFFFFF;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
text-align: left;
border-bottom-width: 0px;
border-right-width: 0px;
}
.datesize2row{
position: relative;
float: left;
padding: 11px;
text-align: center;
font-size: 12px; /*was 12 */
width: 97px;
overflow:hidden;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
border-bottom-width: 0px;
border-right-width: 0px;
}
.datesize2row2{
position: relative;
float: left;
padding: 11px;
text-align: center;
font-size: 12px; /*was 12 */
width: 297px;
overflow:hidden;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
border-bottom-width: 0px;
border-right-width: 0px;
}
.bbottom {
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
border-bottom-width: 1px;
border-right-width: 0px;
}
.datesize2row2bbottom{
position: relative;
float: left;
padding: 10px 11px 10px 11px;
text-align: center;
font-size: 12px; /*was 12 */
width: 297px;
overflow:hidden;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
border-bottom-width: 1px;
border-right-width: 0px;
}
.table1left2rowb3 {
position: relative;
float: left;
width: 299px;
font-size: 12px; /*was 12 */
padding: 10px;
overflow:hidden;
/*font-weight: bold;*/
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
text-align: center;
border-right-width: 0px;
border-bottom-width: 1px;
}
.table1left2rowb{
position: relative;
float: left;
width: 98px;
font-size: 12px; /*was 12 */
padding: 10px 10px 9px 10px;
overflow:hidden;
/*font-weight: bold;*/
background-color: #FFFFFF;
border-color: #C1D72E;
background-color: #CDDF58;
border-style: solid;
border-width: 1px;
text-align: center;
font-weight: bold;
border-right-width: 0px;
border-bottom-width: 1px;
}
/* =================Storys======================= */
.donorname {
position: relative;
float:left
}
.donoricon {
position: relative;
float:left
}
.donortext {
position:relative;
clear:both;
}
/* ============================================== */
.table1hold{
position: relative;
overflow: hidden;
margin-left: 28px;
}
.table1heading{
position: relative;
overflow: hidden;
background-color: #C1D72E;
color: #FFFFFF;
padding: 10px;
width: 563px;
border-color: #C1D72E;
font-family: Georgia, "Times New Roman", Times, serif;
border-style: solid;
border-width: 2px;
font-weight: bold;
font-size: 14px;
float: left;
}
.table1statshold{
position: relative;
overflow:hidden;
clear: both;
}
.tablestatsrow{
position: relative;
overflow: hidden;
clear: both;
}
.table1left{
position: relative;
float: left;
width: 200px;
font-size: 12px; /*was 12 */
padding: 10px;
overflow:hidden;
/*font-weight: bold;*/
background-color: #FFFFFF;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
border-bottom-width: 0px;
border-right-width: 0px;
}
.table1leftbbottom{
position: relative;
float: left;
width: 200px;
font-size: 12px; /*was 12 */
padding: 10px;
overflow:hidden;
/*font-weight: bold;*/
background-color: #FFFFFF;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
border-bottom-width: 1px;
border-right-width: 0px;
}
.table1rightbbottom{
position: relative;
float: left;
padding: 11px 11px 10px 11px;
font-size: 12px; /*was 12 */
width: 35px;
overflow:hidden;
border-color: #C1D72E;
/*font-family: Georgia, "Times New Roman", Times, serif;*/
border-style: solid;
border-width: 1px;
border-bottom-width: 1px;
border-right-width: 0px;
}
.table1rightbbottomsuc{
position: relative;
float: left;
padding: 11px 11px 10px 11px;
font-size: 12px; /*was 12 */
width: 51px;
overflow:hidden;
border-color: #C1D72E;
/*font-family: Georgia, "Times New Roman", Times, serif;*/
border-style: solid;
border-width: 1px;
border-bottom-width: 1px;
border-right-width: 0px;
}
.table1leftcause{
position: relative;
float: left;
width: 200px;
height: 30px;
font-size: 12px; /*was 12 */
padding: 10px;
overflow:hidden;
/*font-weight: bold;*/
background-color: #FFFFFF;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
border-bottom-width: 0px;
border-right-width: 0px;
}
.table1leftgreen{
position: relative;
float: left;
width: 203px;
font-size: 12px; /*was 12 */
padding: 11px;
overflow:hidden;
/*font-weight: bold;*/
background-color: #C1D72E;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
border-bottom-width: 1px; /*was 0*/
color: #FFFFFF;
font-weight: bold;
border-right-width: 0px;
}
.table1leftb{
position: relative;
float: left;
width: 200px;
font-size: 12px; /*was 12 */
padding: 10px;
overflow:hidden;
/*font-weight: bold;*/
background-color: #CDDF58;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
}
.table1right{
position: relative;
float: left;
padding: 11px;
font-size: 12px; /*was 12 */
width: 35px;
overflow:hidden;
border-color: #C1D72E;
/*font-family: Georgia, "Times New Roman", Times, serif;*/
border-style: solid;
border-width: 1px;
border-bottom-width: 0px;
border-right-width: 0px;
}
.table1rightsuc{
position: relative;
float: left;
padding: 11px;
font-size: 12px; /*was 12 */
width: 51px;
overflow:hidden;
border-color: #C1D72E;
/*font-family: Georgia, "Times New Roman", Times, serif;*/
border-style: solid;
border-width: 1px;
border-bottom-width: 0px;
border-right-width: 0px;
}
.table1rightcause{
position: relative;
float: left;
height: 30px;
padding: 11px;
font-size: 12px; /*was 12 */
width: 35px;
overflow:hidden;
border-color: #C1D72E;
/*font-family: Georgia, "Times New Roman", Times, serif;*/
border-style: solid;
border-width: 1px;
border-bottom-width: 0px;
border-right-width: 0px;
}
.datesize{
position: relative;
float: left;
padding: 11px;
font-size: 12px; /*was 12 */
width: 50px;
overflow:hidden;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
border-bottom-width: 0px;
border-right-width: 0px;
}
.datesizegreen{
position: relative;
float: left;
padding: 11px 10px 11px 10px;
font-size: 12px; /*was 12 */
width: 35px;
height: 14px;
overflow:hidden;
background-color: #C1D72E;
border-color: #C1D72E;
border-style: solid;
color: #FFFFFF;
font-weight: bold;
border-bottom-width: 2px;
border-right-width: 2px;
}
.datesizegreenx{
position: relative;
float: left;
padding: 11px 10px 11px 10px;
font-size: 12px; /*was 12 */
width: 50px;
height: 14px;
overflow:hidden;
background-color: #C1D72E;
border-color: #C1D72E;
border-style: solid;
color: #FFFFFF;
font-weight: bold;
border-bottom-width: 2px;
border-right-width: 2px;
}
.datesizegreensuc{
position: relative;
float: left;
padding: 11px 10px 11px 10px;
font-size: 12px; /*was 12 */
width: 50px;
height: 14px;
overflow:hidden;
background-color: #C1D72E;
border-color: #C1D72E;
border-style: solid;
color: #FFFFFF;
font-weight: bold;
border-bottom-width: 2px;
border-right-width: 2px;
}
.table1rightb{
position: relative;
float: left;
padding: 10px;
font-size: 12px; /*was 12 */
width: 52px;
overflow:hidden;
background-color: #CDDF58;
border-color: #C1D72E;
border-style: solid;
border-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
}
.borderright {
border-left-width: 1px;
border-left-color: #C1D72E;
border-left-style: solid;
border-left-width: 1px;
width: 5px;
float: left;
height: 37px;/*was 36*/
}
.borderrightcause {
border-left-width: 1px;
border-left-color: #C1D72E;
border-left-style: solid;
border-left-width: 1px;
width: 5px;
float: left;
height: 53px;
}

/*==========CONTACT FORM FIXUP :)==========*/
.formtitlecell{
position: relative;
overflow: hidden;
clear: both;
}
.buttonspacer{
margin-top: 10px;
margin-left: 170px;
}

.margintest {
margin-top: -17px;
overflow: hidden;
}
.formtitle {
position: relative;
width: 200px;
float: left;
height: 25px;
}
.formcell {
position: relative;
float: left;
overflow: hidden;
padding: 1px;
}
.formcelltextarea {
position: relative;
float: left;
overflow: hidden;
padding: 1px;
margin-top: 5px;
margin-left: -30px;
}
.formcopys {
position: relative;
float: left;
height:23px;
padding: 1px;
margin-left: -20px;
}
.formcelltele {
position: relative;
float: left;
height:23px;
padding: 1px;
}
/*=========================================*/
/*==========================================================================================*/

/*	Browser specific easter eggs	*/
/*	(Gecko)	

#contentCell p::-moz-selection,
#contentCell q::-moz-selection,
#newsCell h2::-moz-selection,
#newsCell p::-moz-selection,
#newsCell p *::-moz-selection,
#stories h2::-moz-selection
{background: #C1D72E;}

#contentCell a::-moz-selection,
#newsCell a::-moz-selection
{background: #5B4F3E; color:#C1D72E;}

.article a::-moz-selection { background: #fff;}

#contentCell h1::-moz-selection,
#contentCell h2::-moz-selection,
#contentCell h3::-moz-selection,
#contentCell h4::-moz-selection,
#contentCell h5::-moz-selection,
#contentCell h6::-moz-selection,
#stories *::-moz-selection
{background: #5B4F3E;}
*/

/*	(KHTML)

#contentCell p::selection {background: #C1D72E;}
#contentCell h2::selection {background: #5B4F3E;}

	*/