/*** Styles for data sets, data tables and forms ***/

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

	DEFAULT OVERRIDES

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


	ul {
		margin-top:0;
	}	



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

	DATA TABLES

/////////////////////////////*/
	
	table.data {
		border:1px solid #333; margin:0 auto; /* width:99%;  */
	}
		table.data th {
			background-color:#666; color:#fff; text-align:left; border-bottom:1px solid #333;
		}
		table.data th.rowHeader {
			border-right:1px solid #333; vertical-align:top;
		}
		table.data td, 
		table.data th {
			padding:4px; 
		}
		table.data tr.alt td {
			background-color:#e4e4e4;
		}
		table.data td.bullet {
			background-image:url("../sample-startup/images/arrows/BULLET-orange-dkgreyBg.jpg"); padding:4px 3px 4px 24px; background-repeat:no-repeat; background-position:2px 50%;
		}
		table.data a {
			font-weight:bold; text-decoration:none; color:#555;
		}
		table.data a:hover {
			text-decoration:underline;
		}

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

	DIVS

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

	.info {
		margin:0 160px 0 50px; /* allows for an icon to sit at the left, btn to the right */
	}
	
	.event {
		position:relative; width:100%;
	}
		.main-sidebar .event {
			margin:0 0 4px 0;
		}
	
		.event h3.date {
			border:1px solid #333; width:48px; background-color:#CCCCCC; color:#444; font-size:100%; float:left; clear:left; margin:0 3px 3px 0;
		}
		.main-sidebar .event h3.date {
			width:26px; border:1px solid #555; color:#666; 
		}
			.event h3.date span {
				display:block; text-align:center;
			}
			.event h3.date .dom {
				border-bottom:1px solid #999; padding:3px; 
			}
			.event h3.date .month {
				font-size:80%; font-weight:normal;
			}
			.event input.registered {
				float:right; display:block; width:16px; text-align:right;
			}

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

	FORMS

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

	input {
		font-family:Arial, Helvetica, sans-serif;
	}
	input.text-tiny {
		width:50px;
	}
	input.text-sml {
		width:160px;
	}
	input.text-std {
		width:280px;
	}
	select.select-std {
		width:280px;
	}
	textarea.text-std {
		width:275px;
	}
	label {
		font-weight:bold; 
	}

	fieldset {
		border:1px solid #bbb; margin:5px 0;
	}
		legend {
			border:1px solid #000; background-color:#666; color:#fff; padding:3px;
		}
	
	/* sitemanager form integration */
	.form-container {
		font-size:80%;
	}
		.group-submitBtn {
			text-align:center; width:100%;
		}
	
	table.formEntry {
		width:100%;
	}
		.formEntry td,
		.formEntry th {
			padding:4px; vertical-align:top;
		}
		.formEntry th {
			text-align:right;
		}	
			.formEntry th label {
				color:#000;
			}
		.formEntry tr.highlight td {
			background-color:#FFCC99;
		}
		
		table.formEntry .width-stdLabel {
			width:180px;
		}
	
	
	form.form-std {
		margin:6px 0 0 0; padding:6px;
	}
		form.form-std .warning-box {
			background-color:#ffffcc; padding:1em; border: #75736E solid 1px; position:relative;
		}
		.form-std .field {
			margin:10px 0 0 0; clear:both; width:100%;
		}
		.form-std label {
			width:12em; display:block; float:left; font-weight:bold; text-align:right; margin:0 1em 10px 0; clear:both;
		}
		.form-std .input-text {
			float:left; 
		}
		.form-std .input-submit {
			/* margin-left:13em; clear:both; */
		}
		.form-std fieldset {
			border:1px solid #aaa;
		}
			.form-std fieldset legend {
				background:#13568E; border:#aaa solid 1px; padding:1px 10px; margin:0 10px; color:#fff;
			}

	#paraWarningMsg { display:none; } 
		
		
/*////////////////////////////

	BUTTONS

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

	a.btn {
		display:block; width:110px; background-repeat:no-repeat; background-position:right; padding:6px 30px 10px 12px; text-align:center; text-decoration:none; font-weight:bold;
	}		
	a.btn:hover {
		text-decoration:underline;
	}	
	a.btn:visited {
		color:#fff;
	}	
	
	a.btn-red-slateBg {
		background-image:url("../sample-startup/images/buttons/BTN-red-slateBg.jpg"); color:#fff; 
	} 
	a.btn-red-slateBg:hover { color:#fff;  }
	
	a.btn-red-whiteBg { 
		background-image:url("../sample-startup/images/buttons/BTN-red-whiteBg.gif"); color:#fff; 
	}
	a.btn-red-whiteBg:hover { color:#fff; }
	
	a.btn-orange-dkGreyBg {
		background-image:url("../sample-startup/images/buttons/BTN-orange-dkGreyBg.jpg"); color:#fff; 
	}
	a.btn-orange-dkGreyBg:hover { color:#fff; }
	
	a.btn-sml {
		display:block; width:75px; background-repeat:no-repeat; background-position:right; padding:6px 3px 10px 2px; text-align:center; text-decoration:none; font-weight:bold;
	}
	a.btn-sml:hover {
		text-decoration:underline;
	}
	a.btn-orange-dkGreyBg-sml {
		background-image:url("../sample-startup/images/buttons/BTN-orange-dkGreyBg-sml.jpg"); color:#fff !important;
	}
	a.btn-orange-dkGreyBg-sml:hover { color:#fff; }
	
	
/*///////////////////////

	PAGING CONTROL

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

	.paging-control { padding:4px 0; border:1px dotted #E0791C; background-color:#fff; }
	.page-list {
		margin:4px; border:5px solid #fff; clear:both;
	}
		.page-list a { border: 1px solid #aaa; padding:4px;  }
		.page-list strong { border: 1px solid #000; background-color:#E0791C; padding:3px; color:#fff;  } /* selected page */
	.paging-control option { padding-right:3px !important; } /* fix error in Firefox */

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

	RESULT SETS

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

	ul.listing li, ul.links li
	{
		padding: 1px 0 0 14px; margin:0; position: relative; background-position:0 7px; background-repeat: no-repeat;
		clear: both; list-style-type:none;
	}
	ul.listing li a {
		font-weight:bold;
	}
	ul.listing li
	{	
		background-image: url("../images/common/arrows/arr-tri-orange.gif");
	}


	h3.title-result-set {
		font-size:110%;
	}
	.result {
		margin:0; padding:0; width:100%;
	}
		.result h3, 
		.result h4 { 
			font-size:110%; margin:0 0 4px 0;
		}
		.result .thumbLink {
			float:left; margin:0 5px 5px 0; width:135px; text-align:right;
		}
		
	.result .found {
		color:#a0a; background-color:#dedede;
	}
		.result a .found {
			text-decoration:underline;
		}
	
	
/*//////////////////////////////////
	
	FORMATTED LINKS

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

	.icon {
		display:block; padding:5px 0 5px 28px; background-repeat:no-repeat; margin:0 0 3px 0;
	}
		.icon-doc {
			background-image:url("../sample-startup/images/icons/ICON-doc-purpleBg.gif");
		}
		.icon-doc-slatebg {
			background-image:url("../sample-startup/images/icons/ICON-doc-slateBg.gif");
		}
		.icon-link {
			background-image:url("../sample-startup/images/icons/ICON-link-purpleBg.gif");
		}
	div.item a.icon {
		display:inline;
	}
	a.icon-medium-right {
		display:block; padding:7px 33px 7px 0; background-repeat:no-repeat; margin:0 0 3px 0; background-position:right; text-align:right;
	}	
		a.icon-download {
			background-image:url("../sample-startup/images/icons/ICON-download.gif");
		}

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

	GENERIC DATA STYLES

////////////////////////////*/
	
	.txt-default-size { font-size:80%; }
	
	.link-group {
		
	}
		.link-group a.link {
			font-weight:normal; text-decoration:none;
		}
		.link-group a.link:hover {
			text-decoration:underline;
		}
	
	
	div.highlight {
		color:#DF7A1C; border:1px dotted #DF7A1C; padding:10px; margin-bottom:10px;
	}
	
	
	blockquote.highlight {
		color:#DF7A1C; padding:20px; position:relative; margin:0 200px 0 80px;
	}
		blockquote.highlight span.single-quote {
			font-size:400%; font-family:"Times New Roman", Times, serif; display:block; position:absolute;
		}
		blockquote.highlight span.left {
			top:-5px; left:-10px;
		}
		blockquote.highlight span.right {
			bottom:-5px; right:-10px;
		}
		
	.img-caption-right, 
	.img-caption-left {
		margin-top:8px; margin-bottom:8px; text-align:center;
	}
	.img-caption-left {
		margin-right:15px; float:left;
	}
	.img-caption-right {
		margin-left:15px; float:right; clear:right;
	}
		.img-caption-left p,
		.img-caption-right p {
			color:#999; font-size:90%; text-align:justify; font-style:italic; color:#DF7A1C;
		}
	.img-wrapper {
		background-color:#fff; text-align:center;
	}

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

	INDIGENOUS CASE STUDIES AND FLOWCHART

////////////////////////////*/	
	
	.case-study {
		width:273px; position:relative; float:right; margin:0 0 10px 10px;
	}
		.case-study h3.header {
			color:#777; font-size:105%; background-image:url("../images/case-study/bgCaseStudyHeader.jpg"); background-repeat:no-repeat; height:18px; padding:6px; text-align:center;
			margin:0 !important;
		}
		.case-study .core {
			background-color:#fff; background-image:url("../images/case-study/bgCaseStudyCore.jpg"); background-repeat:repeat-x;
			border-left:1px solid #C9C9C9; border-right:1px solid #C9C9C9; margin:0;
		}
			.case-study .core h4 {
				color:#777; font-size:100%; text-align:center; text-align:center; padding:5px 0;
				margin:0;
			}
			.case-study .core p.img-holder {
				text-align:center; padding:1px 0 12px 0;
			}
			.case-study .core p {
				padding:2px 8px;
			}
		.case-study .footer
		{
			background-image:url("../images/case-study/bgCaseStudyFooter.jpg"); background-repeat:no-repeat; font-size:0; line-height:0; height:5px; padding:0; margin:0;
		}
	
	.case-study-extend {
		width:400px; position:relative; float:left; margin:0 0 10px 10px;
	}
		.case-study-extend h3.header {
			color:#777; font-size:105%; background-image:url("../images/case-study/bgCaseStudyHeaderExtend.jpg"); background-repeat:no-repeat; height:18px; padding:6px; text-align:center; width:400px;
			margin:0 !important;
		}
		.case-study-extend .core {
			background-color:#fff; background-image:url("../images/case-study/bgCaseStudyCore.jpg"); background-repeat:repeat-x;
			border-left:1px solid #C9C9C9; border-right:1px solid #C9C9C9; margin:0;
		}
			.case-study-extend .core h4 {
				color:#777; font-size:100%; text-align:center; text-align:center; padding:5px 0;
				margin:0;
			}
			.case-study-extend .core p.img-holder {
				text-align:center; padding:1px 0 12px 0;
			}
			.case-study-extend .core p {
				padding:2px 8px;
			}
		.case-study-extend .footer
		{
			background-image:url("../images/case-study/bgCaseStudyFooterExtend.jpg"); background-repeat:no-repeat; font-size:0; line-height:0; height:5px; padding:0; margin:0;
		}
		
		
	.workflow-diagram {
		position:relative; width:100%; margin:10px 0;
	}
		.workflow-diagram .flow-box {
			position:absolute; width:102px; height:80px; padding:1px;
		}
			.workflow-diagram .flow-box a {
				display:block; width:86px; height:64px; padding:8px !important;
			}
			.workflow-diagram .flow-box a:hover {
				background-color:#ddd;
			}
		
		.workflow-diagram h3 {
			position:absolute; width:400px; padding:4px 10px;
		}
	
		.workflow-diagram #item1 { top:49px; left:31px; }
		.workflow-diagram #item2 { top:49px; left:167px; }
		.workflow-diagram #item3 { top:158px; left:235px; }
		.workflow-diagram #item4 { top:49px; left:304px; }
		.workflow-diagram #item5 { top:49px; left:440px; }
		.workflow-diagram #item6 { top:49px; left:577px; }
		
		.workflow-diagram #diagramDescription { position:absolute; width:286px; height:64px; padding:8px; top:158px; left:360px; border:1px dotted #999; }


/* generic classes __________________________________ */
	
	.cleaner				{ clear:both; font-size:0px; height:0; line-height:0px; }
	.border1				{ border:1px solid #333; }
	.borderOrange1			{ border:1px solid #D37120; }
	.borderGroupItems		{ border-width:1px 1px 1px 0; border-style:dashed; border-color:#555; width:9px; }
	.height2Rows			{ height:16px; margin-top:2px; }
	.height4Rows			{ height:96px; margin-top:2px; }
	.height6Rows			{ height:130px; margin-top:5px; }
	.height8Rows			{ height:180px; margin-top:5px; }
	.floatLeft				{ float:left; }
	.subBorderOrange1		{ border-width:0 1px 1px 1px; border-style:solid; border-color:#D37120; }
	.bgLightGrey			{ background-color:#F4F4F4; }
	.alignLeft				{ text-align:left; }
	.alignCenter, 
	.alignCentre			{ text-align:center; }
	.alignRight				{ text-align:right; }
	.valignMiddle			{ vertical-align:middle; }
	.valignTop				{ vertical-align:top;  }
	.valignBottom			{ vertical-align:bottom; }
	.posRelative			{ position:relative; }
	
	.visible-printonly		{ display:none; }
	
	table td.noPad, 
	.tblNoPad td			{ padding:0; }
	.pad4					{ padding:4px; }
	.pad6					{ padding:6px; }
	.pad6Left 				{ padding-left:6px; }
	.margin12				{ margin:12px; }
	
	.hidden,
	.hide					{ display:none; }
	.initHidden				{ }
	.layoutGrid .padTop5	{ padding-top:45px; }
	.dottedLine				{ font-size:1px; line-height:1px; padding:0; margin:0; border-bottom:1px dashed #DEC7B8; }
	.spacerVertSmall		{ font-size:1px; line-height:1px; padding:0; margin:0; height:10px; }
	
	.tblGrouper				{ }
	.tblGrouper td.left		{ padding:0 4px 0 0; text-align:left; }
	.tblGrouper td.right	{ padding:0 0 0 4px; text-align:right; }
	.tblPaleBorder			{ border-collapse:collapse; }
	.tblPaleBorder td		{ border:1px solid #999; }
	
	.msg-alert				{ margin:2px 6px; padding:0 6px; color:#e22; font-weight:bold; }
	
	.info-bold				{ color:#B7CFE1; }
	.shallow-margin			{ margin:6px 0; }
	
	.font-med				{ font-size:80%; }
	.font-reg				{ font-size:75%; }
	.font-sml				{ font-size:70%; }
	
	.no-wrap				{ white-space:nowrap; }
	
/* generic entry form elements ______________________ */
	
	img.inline						{ margin-bottom:2px; }
	.tblFormItemsStd				{ border-collapse:collapse; }
	.tblFormItemsStd td				{ padding:2px; }
	.tblFormItemsStd td.pad6Left 	{ padding-left:6px; }
	.txtStdDesc						{ font-family:"Arial Narrow"; font-size:16px; font-weight:normal; }
	
	
	
	.divButtonBarStd				{ padding-left:192px; margin-top:8px; }
	.divButtonBarAlignCenter		{ clear:both; margin-top:0; text-align:center; margin-left:12px; }
	.divButtonBarStd .offset 		{ margin-left:170px; }

	
/* std form elements __________________________ */
	
	label					{ font-family:"Arial Narrow"; font-size:16px; color:#444; font-weight:normal; }
	label.active			{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#0E7BC6; font-weight:bold; padding:0px; white-space:nowrap; }
	
	select,
	textarea,
	input.stdTxt, 
	input.txtStd			{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color:#efefef; border:1px solid #D37120; }
	
	.txtGreyed				{ color:#999; }
	
	input.stdTxt			{ padding:3px; }
	
	input.displayTxt		{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; border:0px; }

	input.rbStd,
	input.cbStd				{ border-top-color:#fff; border-top-width:5px; border-top-style:solid; }
	input.cbLightGreyBg		{ border-top-color:#F4F4F4; border-top-width:5px; border-top-style:solid; }
	input.btnStd			{ background-color:#63B0EA; color:#fff; font-weight:bold; border:1px solid #444; width:auto; padding:0; letter-spacing:0px; line-height:18px; white-space:pre; }
	input.btnAddRem			{ background-color:#63B0EA; color:#fff; font-weight:bold; border:1px solid #444; width:60px; padding:0; letter-spacing:0px; line-height:18px; white-space:pre; }
	input.btnUpDn			{ background-color:#63B0EA; color:#fff; font-weight:bold; border:1px solid #444; width:60px; padding:0; letter-spacing:0px; line-height:18px; white-space:pre; }
	input.btnSet			{ background-color:#63B0EA; color:#fff; font-weight:bold; border:1px solid #444; width:160px; padding:0; letter-spacing:0px; line-height:18px; white-space:pre; }


	input.txtReadOnly		{ border-width:0px; text-align:right; }
	
/* sizings ____________________________________ */
	
	/* form element sizing */
	.widthTiny				{ width:35px; }
	.widthVerySmall			{ width:60px; }	
	.widthSmall				{ width:80px; }
	.widthSmallSel			{ width:85px; }
	.widthNarrow			{ width:120px; }
	.widthNarrowSel			{ width:125px; }
	.widthIntermed			{ width:170px; }
	.widthMedium			{ width:196px; }
	.widthMediumSel			{ width:201px; }
	.widthMedLarge			{ width:250px; }
	.widthWide				{ width:438px; }
	.widthWider				{ width:442px; }
	select.widthWide,
	.widthWideSel			{ width:446px; }
	.widthWideBrowse		{ width:330px; }
	.widthBig				{ width:482px; }
	select.widthBig,
	.widthBigSel			{ width:491px; }
	textarea.widthBig		{ width:486px; }
	.widthBigBrowse			{ width:460px; }
	.widthLarge				{ width:580px; }
	.widthLargeSel			{ width:588px; }
	.widthFull				{ width:780px; }
	.width100pc				{ width:100%; }
	.width50pc				{ width:50%; }
	.width33pc				{ width:33%; }
	.widthAuto				{ width:auto; }
	.widthFullPageContent	{ width:950px; }
	
	/* offset - setting the item back to the left by a given amount */
	.offset1				{ left:-1px; }
	.offset2				{ left:-2px; }
	.offset3				{ left:-3px; }
	.offset4				{ left:-4px; }
	.offset5				{ left:-5px; }
	.offset6				{ left:-6px; }
	.offset7				{ left:-7px; }
	.offset8				{ left:-8px; }
	
	/* height and width for lists */
	.multilist				{ height:300px; width: 300px; }

	
/* COLOURS 

	blue - #B7CFE1
	black borders - #444
	med brown tabs - #DBC6B6
	light brown tabs - #EFE3DA
	light brown top page strip - #DEC7B8
	
	link - light blue - #0E7BC6
	light blue buttons - #63B0EA

*/