/* ------------------------------------------------------------------------------------ *\
			LAST EDITED BY CB
			Tuesday 30 October 2012
\* ------------------------------------------------------------------------------------ */




/* ------------------------------------------------------------------------------------ *\
			block headings - grey + blue + green + red + orangey yellow 
\* ------------------------------------------------------------------------------------ */


.heading-block-grey{ display:block; color: #fff !important; padding:6px 10px; background: #545454; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU0NTQ1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Njc2NzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #545454 0%, #767676 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#545454), color-stop(100%,#767676)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #545454 0%,#767676 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #545454 0%,#767676 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #545454 0%,#767676 100%); /* IE10+ */
	background: linear-gradient(left,  #545454 0%,#767676 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#767676',GradientType=1 ); /* IE6-8 */
}

.heading-block-blue{ display:block; color: #fff !important; padding:6px 10px; background:#014f6f; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNGY2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDgwYTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #014f6f 0%, #0480a6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#014f6f), color-stop(100%,#0480a6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #014f6f 0%,#0480a6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #014f6f 0%,#0480a6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #014f6f 0%,#0480a6 100%); /* IE10+ */
	background: linear-gradient(left,  #014f6f 0%,#0480a6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#014f6f', endColorstr='#0480a6',GradientType=1 ); /* IE6-8 */
}

.heading-block-green{ display:block; color: #fff !important; padding:6px 10px; background:#427731; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM5NjYyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NzgwMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #39662a 0%, #478034 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#39662a), color-stop(100%,#478034)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #39662a 0%,#478034 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #39662a 0%,#478034 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #39662a 0%,#478034 100%); /* IE10+ */
	background: linear-gradient(left,  #39662a 0%,#478034 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39662a', endColorstr='#478034',GradientType=1 ); /* IE6-8 */
}

.heading-block-red{ display:block; color: #fff !important; padding:6px 10px; background:#cd262e; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhkMjQ0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZDI2MmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #8d2443 0%, #cd262e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8d2443), color-stop(100%,#cd262e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #8d2443 0%,#cd262e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #8d2443 0%,#cd262e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #8d2443 0%,#cd262e 100%); /* IE10+ */
	background: linear-gradient(left,  #8d2443 0%,#cd262e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d2443', endColorstr='#cd262e',GradientType=1 ); /* IE6-8 */

}
.heading-block-orange{ display:block; color: #323232 !important; padding:6px 10px; background: #f8b900; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4YjkwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2NlMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #f8b900 0%, #f7ce00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f8b900), color-stop(100%,#f7ce00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #f8b900 0%,#f7ce00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f8b900 0%,#f7ce00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f8b900 0%,#f7ce00 100%); /* IE10+ */
	background: linear-gradient(left,  #f8b900 0%,#f7ce00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b900', endColorstr='#f7ce00',GradientType=1 ); /* IE6-8 */

}


/* ------------------------------------------------------------------------------------ *\
			stackable percentage based layout panels 
\* ------------------------------------------------------------------------------------ */

/* standard margins and padding on % layout blocks */
.percent20,  
.percent25, 
.percent33,  
.percent50,  
.percent100{
	margin:0 0.5em 0.8em 0; 
	padding: 0; 
	vertical-align: top; 
	display:inline-block;
} 

/* percentage based widths, lose a percent here and there to account for box model/margin  */
.percent20 { width:18.1%; }
.percent25 { width:23.1%; }
.percent33 { width:31.6%; }
.percent50 { width:48.3%; }
.percent100{ width:100%; display:block; }


/* padding classes  */
.padding5 {padding:5px;}
.padding10{padding:10px;}
.padding20{padding:20px;}

/* if a block header style is used inside a percentage layout panel, get rid of the top margin */
.percent20 .heading-block-grey, .percent20 .heading-block-blue, .percent20 .heading-block-green, percent20 .heading-block-red, .percent20 .heading-block-orange,
.percent25 .heading-block-grey, .percent25 .heading-block-blue, .percent25 .heading-block-green, percent25 .heading-block-red, .percent25 .heading-block-orange,
.percent33 .heading-block-grey, .percent33 .heading-block-blue, .percent33 .heading-block-green, percent33 .heading-block-red, .percent33 .heading-block-orange,
.percent50 .heading-block-grey, .percent50 .heading-block-blue, .percent50 .heading-block-green, percent50 .heading-block-red, .percent50 .heading-block-orange,
.percent100 .heading-block-grey, .percent100 .heading-block-blue, .percent100 .heading-block-green, percent100 .heading-block-red, .percent100 .heading-block-orange,
.percent20 h2, .percent20 h3, .percent20 h4, percent20 h5, 
.percent25 h2, .percent25 h3, .percent25 h4, percent25 h5, 
.percent33 h2, .percent33 h3, .percent33 h4, percent33 h5, 
.percent50 h2, .percent50 h3, .percent50 h4, percent50 h5, 
.percent100 h2, .percent100 h3, .percent100 h4, percent100 h5{ 
	margin:0 !important;
	line-height: 160%;
}



/* ------------------------------------------------------------------------------------ *\
			generic background fills 
\* ------------------------------------------------------------------------------------ */


/* light coloured background tints */

.background-grey   {background:#eeeeee;}
.background-blue   {background:#d0edf5;}
.background-green  {background:#EEF1DE;}
.background-red    {background:#F3E7DD;}
.background-orange {background:#fef5d9;}



/* ------------------------------------------------------------------------------------ *\
			Custom text styles / colours
\* ------------------------------------------------------------------------------------ */


.bodytext-green  {color:#427731;}
.bodytext-red    {color:#cd262e;}



/* ------------------------------------------------------------------------------------ *\
			document icons for links 
\* ------------------------------------------------------------------------------------ */


/* set base link styles and individual background-images for 16 x 16 icons */

.link-icon-doc,
.link-icon-xls,
.link-icon-vsd,
.link-icon-pps,
.link-icon-ppt,
.link-icon-pdf,
.link-icon-zip,
.link-icon-txt,
.link-icon-xml,
.link-icon-csv,
.link-icon-download,
.link-icon-folder{
	padding-left:20px;
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
	line-height: 170%;
}

.link-icon[href$='*.doc'], .link-icon-doc 		{ background-image: url('/custom/images/folderlist/doc.gif');}
.link-icon[href$='*.xls'], .link-icon-xls 		{ background-image: url('/custom/images/folderlist/xls.gif');}
.link-icon[href$='*.vsd'], .link-icon-vsd 		{ background-image: url('/custom/images/folderlist/vsd.gif');}
.link-icon[href$='*.pps'], .link-icon-pps 		{ background-image: url('/custom/images/folderlist/pps.gif');}
.link-icon[href$='*.ppt'], .link-icon-ppt 		{ background-image: url('/custom/images/folderlist/ppt.gif');}
.link-icon[href$='*.pdf'], .link-icon-pdf 		{ background-image: url('/custom/images/folderlist/pdf.gif');}
.link-icon[href$='*.zip'], .link-icon-zip 		{ background-image: url('/custom/images/folderlist/zip.gif');}
.link-icon[href$='*.txt'], .link-icon-txt 		{ background-image: url('/custom/images/folderlist/txt.gif');}
.link-icon[href$='*.xml'], .link-icon-xml 		{ background-image: url('/custom/images/folderlist/xml.gif');}
.link-icon[href$='*.csv'], .link-icon-csv 		{ background-image: url('/custom/images/folderlist/csv.gif');}
						   .link-icon-folder	{ background-image: url('/custom/images/folderlist/folder.gif');}
						   .link-icon-download  { background-image: url('/custom/images/folderlist/download.gif');}


/* ------------------------------------------------------------------------------------ *\
			floats, fixes, hacks 
\* ------------------------------------------------------------------------------------ */

.float-left {float:left; margin: 0px 15px 15px 0px; }
.float-right {float:right; margin: 0px 0px 15px 15px; }

.clear-fix{height:0; width:0; content:''; visibility: hidden; clear:both;}

.embiggen{font-size:110% !important;}
.emsmallen{font-size:90% !important;}