/* -------------------------------------------------------------------
	Project:		ProvExplorer
	Version:		1.1
	Last change:	08/09/2008
	Assigned to:	Daniel Farrelly (df)
/* -------------------------------------------------------------------*/

/* External Stylesheets
/* ---------------------------------------------------------------------------------------- */
    @import url('user.header.css');

/* Basics */
	body {
	position: absolute; /* Doesn't stretch to 100% without this */
	min-height: 100%; /* Need this so child elements can determine what the page height is */
	width: 100%; /* Fieldsets in IE7 won't stay full width, unless the body is full width */
	margin: 0px; /* margin must be set to 0px for 100% width. */
	padding: 0px; /* padding must be set to 0px for 100% width. */
	}
		body * {
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
	body.map_frame div.page_content {
	margin: 0px;	
	margin-top: 10px !important;
	padding: 0px;
	}

	body.map_frame div.applet {
	display: table;
	border: 1px solid #000;
	}

	p {
	margin: 0px;
	padding: 0px;
	}
	div.bodywrap {
	padding: 10px;
	}
	.help {
	cursor: help !important;
	}
	img {
	border: 0px;
	}

/* -------------------------------------------------------------------
	Page Layout
/* -------------------------------------------------------------------*/
	div.page_header,
	div.page_footer {
	position: absolute;
	width: 100%; /* Without this, the head/foot bar will auto fit it's content */
	z-index: 100; /* This makes the bars show up on top of the side bar. */
	bottom: 0px;
	}

	div.page_content {
	margin: 0px;
	padding: 10px 8px;
	}
/*
	div.noframes.page_content {
	padding: 62px 8px 65px;
	}
*/

/* -------------------------------------------------------------------
	Headers
/* -------------------------------------------------------------------*/

/* H2 */
	h1, h1 * {
	font-size:	20px;
	text-decoration: none;
	color: #000;
	}

/* H2 */
	h2 {
	padding-top: 10px;
	margin: 10px 0px;
	font-size:	16px;
	}
		*+html h2 {
		padding-top: 0px;
		}

/* -------------------------------------------------------------------
	Forms
/* -------------------------------------------------------------------*/

	form {
	margin: 0px;
	padding: 0px;
	}

/* Fieldsets */
	fieldset {
	margin: 0px;
	margin-bottom: 5px;
	padding: 5px 3px;
	border: 1px solid;
	background-color: #FFF;
	border-color: #CCC;
	}
		fieldset.group-a {
		background-color: #CCC;
		border-color: #999;
		}
	legend {
	color: #000;
	font-weight: bold;
	display: none;
	}

/* Standard Form Row */
	p.form_input {
	display: table;
	width: 100%;
	clear: both;
	padding: 3px 0px;
	margin-top: 1px;
	}
	p.form_input label,
	p.form_input span.label {
	display: block;
	width: 30%;
	padding: 4px 0px;
	text-align: right;
	position: absolute;
	font-weight: bold;
	}
		*+html p.form_input label,
		*+html p.form_input span.label {
		left: 10px;
		}
	p.form_input span.input,
	p.form_input span.group,
	p.form_input span.text {
	float: left;
	margin-left: 33%;
	margin-right: 7%;
	width: 60%;
	}
	p.form_input input,
	p.form_input textarea,
	p.form_input select {
	display: block;
	margin: 0px;
	padding: 2px;
	}
		p.form_input input {
		width: 99%;
		}
		p.form_input textarea,
		p.form_input select {
		width: 100%;
		}
	p.form_input span.half input,
	p.form_input span.half textarea,
	p.form_input span.half select {
	width: 50%;
	}
	
 /* Span Group */
	p.form_input span.group {
	display: table;
	margin-bottom: -2px;
	}
		p.form_input span.group span.sub_input {
		/*float: left; */
		white-space: nowrap;
		width: 170px;
		padding-bottom: 2px;
		}
		p.form_input span.group label,
		p.form_input span.group span.label,
		p.form_input span.group span.input {
		width: auto;
		float: left;
		text-align: left;
		position: static;
		padding-right: 5px;
		margin: 0px;
		}
		p.form_input span.group input {
		width: 50px;
		}

 /* Checkbox Rows */
	p.form_input.checkbox,
	p.form_input.radio {
	overflow: visible;
	margin: 3px 0px;
	position: relative;
	}
		*+html p.form_input.checkbox,
		*+html p.form_input.radio {
		margin: 0px;
		}
	p.form_input.checkbox label,
	p.form_input.radio label {
	width: 50%;
	text-align: left;
	margin-left: 20px;
	padding: 0px;
	}
		* html p.form_input.checkbox label,
		* html p.form_input.radio label,
		*+html p.form_input.checkbox label,
		*+html p.form_input.radio label {
		margin: 0px !important;
		padding: 4px 0px;
		left: auto;
		white-space: wrap;
		}
	p.form_input.checkbox input,
	p.form_input.radio input {
	width: 16px;
	}
	p.form_input.checkbox span.input,
	p.form_input.radio span.input {
	bottom: 0px;
	width: 16px;
	margin: 1px;
	}

 /* Standard Help Row */
	.form_help {
	position: relative;
	clear: both;
	}
		.form_help a {
		display: block;
		bottom: 0px;
		right: 3px;
		position: absolute;
		height: 16px;
		width: 16px;
		background-image: url('img/help_icon.png');
		text-indent: -1000000px;
		}
		* html .form_help a {
		top: -15px; /* IE6 fix */
		right: 5px;
		}

 /* Standard Button Row */
	p.form_buttons {
	display: table;
	width: 100%;
	clear: both;
	margin: 6px 0px;
	}
		p.form_buttons > .align_left,
		p.form_buttons > .text {
		float: left;
		}
		p.form_buttons > .align_right {
		float: right;
		}
		p.form_buttons > .text {
		padding: 7px 0px;
		font-style: italic;
		}
		p.form_buttons > .form_help {
		float: right;
		clear: none;
		padding: 6px;
		}
			p.form_buttons > .form_help a {
			position: relative;
			}
		*+html p.form_buttons > .form_help {
		width: 12px;
		}
			*+html p.form_buttons > .form_help a {
			position: absolute;
			top: 5px;
			right: 6px;
			}
	button,
	p.form_buttons input {
	padding: 3px 5px;
	margin-right: 5px;
	}
		*+html button,
		*+html p.form_buttons input {
		padding: 3px 0px;
		}

/* Relationships Fieldset */
	fieldset#search_relationship {
	display: table;
	}
	fieldset#search_relationship p.form_input {
	float: left;
	clear: none;
	}
		fieldset#search_relationship p.form_input.col_1 {
		width: 20%;
		}
		fieldset#search_relationship p.form_input.col_2 {
		width: 37%;
		}
		fieldset#search_relationship p.form_input.col_3 {
		width: 20%;
		}
		fieldset#search_relationship p.form_input.col_4 {
		width: 22%;
		}
		fieldset#search_relationship p.title {
		font-weight: bold;
		}
		fieldset#search_relationship p.form_input label {
		width: auto;
		}
		fieldset#search_relationship p.form_input span.input {
		float: left;
		width: auto;
		}

/* -------------------------------------------------------------------
	Tables
/* -------------------------------------------------------------------*/
	table {
	width: 100%;
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	border: none !important;
	}
	
	table.results {
	border: 1px solid;
	border-color: #555;
	background-color: #E0E0E0;
	width: 100%
	}
	table.results td,
	table.results th {
	border: 1px solid;
	border-color: #555;
	}
	table.results tr.table_head th {
	background-color: #999;
	}
	table.results th.col_select {
	width: 6.8em;
	}
	table.results td {
	padding: 2px;
	}
	table.results td.relhead {
	border-right: 0px;
	}
	table.results .blank {
	display: none;
	}
	
	.loginTable table {
	   width: 20%;
	   margin-left: auto;
       margin-right: auto;
	}
	
	.loginTable th, .loginTable td {
        border: none;
    }
	
	 .noBorder th, .noBorder td {
        border: none !important;
    }
	
	.tsepTable table {
       width: 80%;
       margin-left: auto;
       margin-right: auto;
    }
    
    .tsepMailTable table {
       width: 30%;
       margin-left: auto;
       margin-right: auto;
    }
    
    .tsepMailTable th, .tsepMailTable td {
        border: none;
    }
    
    .tsepTitleTable table {
       width: 100%;
       border: none;
    }
    
    .tsepTitleTable th, .tsepTitleTable td {
        border: none;
    }

/* Sorting Buttons */
	table.results tr.table_head th {
	padding: 0px;
	margin: 0px;
	height: 34px;
	}
	table.results tr.table_head input {
	display: block;
	background: none;
	border: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	padding: 0px 2px;
	text-align: left;
	font-weight: bold;
	}
		table.results th.col_select input {
		height: 50% !important;
		}
		table.results tr.table_head input:hover {
		background-color: #BBB;
		}

/* -------------------------------------------------------------------
	Map Frame Specifics
/* -------------------------------------------------------------------*/
	.form_input.index_map {
	}
	.form_input.index_map img {
	position: absolute;
	right: 8px;
	}

/* -------------------------------------------------------------------
	Results Page Specifics
/* -------------------------------------------------------------------*/
	p.results {
	background-color: #FF0000;
	position: relative;
	}
		p.results span {
		position: absolute;
		right: 0px;
		/* bottom: 5px; */
		}

.errorMsg {
	position: absolute;
	top: 100px;
	right: 100px;
    }

.hidden {
    display: none;
    } 
    
/* ------------------------------------------------------------------------------
    Province Details Specific, output from ProvinceDetailsActionController.java
/* ------------------------------------------------------------------------------*/
    .provDetails p {
       margin-left: 20px;
       margin-right: 20px;
       padding:  10px 0 10px 0;
   }
   
   .provDetails ul {
       margin-left: 20px;
       margin-right: 20px;
       list-style: outside url(/build/img/arw_link_black.gif);
   }