/*************************************************************************************
*										     *
*  DO NOT EDIT THIS FILE ON SITE, IT WILL BE OVERWRITTEN WHENEVER AN UPDATE IS DONE  *
* 										     *
*  Make changes to the site.css file, these styling sheets cascade.		     *
*										     *
*************************************************************************************/


/********************
 * General Defaults *
 ********************/

body {
/*
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
*/
}

.anchor {
	color: rgb(20, 93, 170);

}

.anchor:visited {

	color: rgb(139, 99, 146)

}


.page-heading {

	border-color: rgb(20, 93, 170);
	border-style: solid;
	background-color: rgb(20, 93, 170);
	color: white;
	padding: 0.5em;
	font-weight: bold;
	font-size: 1.5em;
	text-transform: uppercase;
	line-height: 1em;
	margin: 0;

}


.page-body {

	padding: 0.5em;
	background-color: rgb(249, 251, 253);
	border-color: rgb(20, 93, 170);
	border-style: solid;

}


.username {

	float: left;

}


/****************
 * Form Styling *
 ****************/


form {

	/* display: inline; */

}


/* link made to look like our styled button */

.anchor-button {

	background-color: rgb(231, 231, 233);
	border: 1px solid rgb(32, 153, 188);
	padding: 0.1em 0.5em;
	text-decoration: none;
	color: black;
	cursor: default;

}

.form-box {

	width: 47%;
	padding: 2%;
	padding-right: 1%;
	float: left;

}

.title {

	width: 4.2em;

}

#edtNameApplicant {


}


input, select, textarea {

	background-color: rgb(231, 231, 233);
	border-width: 1px;
	border-style: solid;
	border-color: rgb(32, 153, 188);

}

input {

	/* width: 70%; */

}


td label, span label  {

	width: 100%;
	font-size: 0.9em;
	float: left;
	padding: 0.2em 0;

}


label /*, .help */ {

	font-size: 0.9em;
	float: left;
	padding: 0.2em 0;

} 

div.AppInfo, .calc, .scot-note, .wide-box {

	width: 95%;

}

table.appinfo, table.file-list {

	font-size: 1em;
	border-spacing: 0;
	border-collapse: collapse; /* IE does not support border-space */
	width: 97%; /* More IE fixing */

}

table.appinfo td, table.file-list td {

	border-bottom: 1px solid #2099BC;	
	padding: 0.2em; /* 0.2em 0.5em; */
	

}

.appinfo .box-body {

	padding: 0.5em;

}

td.attachmentFilename {


}

td.label {

	width: 60%

}

.AppInfo .help {


}

div.radio {

	float: left;
	width: 30%;
	text-align: center;

}

.details label {

	width: 30%;

}

.details span.title-name {

	width: 30%;
	float: left;

}

.details label.title-name {

	width: 10%;
	float: none;
	margin-bottom: -0.3em; /* IE has some weird line height thang */

}


.fees .note {

	font-size: 1em;

}

.file-list {


}

/**************************
 * Login/out form styling *
 **************************/

.frmLogin{

}

.frmlogin input {

    margin-left: 2px;
    margin-right:40%;
    margin-top: 2px;

}

.systemlabel {

	/* float: right; width: 40%; */

}

#lnkProfile, form#logout input {

	float: right;
	font-size: 0.9em;
	margin: 0.2em;
	

}

/* Another ie specific adustment */

*html #lnkProfile {

	line-height: 1.4em;

}

table.logout {

	font-size: 0.9em;

}



.logout input {

	cursor: pointer;

/* Log Out button, made to look like link 

	border-style: none;
	text-decoration: underline;
	color: rgb(20, 93, 170);
	background-color: white;
	background-color: rgb(249, 251, 253); */

}


#lnkCancel {

	float: left;
	margin-left: 1em;

}

#NewUser .systemsubmit, #frmEdit .systemsubmit {

	height: 1.5em;

}


#NewUser input, #frmEdit input, #lnkCancel {

	display: inline;
	float: left;

}


#NewUser input[type=hidden], #frmEdit input[type=hidden] {

	display: none;
	float: none;

}

.success {

	color: forestgreen;
	font-weight: bold;

}

.warn {

	color: red;

}

a.warn {

	color: firebrick;

}


a:visited.warn {

	color: darkred;

}


#formmanager.formdef {

	border-style: none;

}


/* Box Heading is also used for the main tabbed page heading */

/*
.box-heading, .box-heading a  {

	background-color: rgb(32, 153, 188);
	padding: 0.5em;
	color: white;
	line-height: 1em;
	margin: 0; 
}
*/
h2.box-heading {

	text-transform: uppercase;
	font-weight: bold;	
	font-size: 1.2em;
    border-bottom:1px solid #AEAEAE;
}

h3.box-heading, h3.box-heading a {

	text-transform: capitalize;
	font-weight: normal;
	font-size: 1em;

}


.box-body {

	border-color: rgb(32, 153, 188);
	border-style: solid;
	border-width: 1px;
	padding: 1em;
	background-color: white;
	font-size: 0.9em;

}


.address {

	margin: 0;
	margin-top: 1px;

}

p.hidden {

	color: white;

}


/* Methods for clearing floats */

.container {

	overflow: hidden;

}

.clear {

	clear: both;

}


/*********************	
 * Some text styling *
 *********************/



.note {

	font-size: 0.8em;

}


/****************
 * Tabs 	*
 ****************/


.tabbed-box {

	background-color: rgb(235, 238, 247);


}

table.tab {

	width: 100%;
	border-spacing: 0;
	border-collapse: collapse; /* IE does not support border-space */

}

#tblTabsMain {

	margin-bottom: 1em;

}

a.tab {

	color: white;
	text-decoration: none;
	border-bottom-style: solid; 
	border-bottom-width: 1px;

}

td.tab, th.tab { 

	background-color: rgb(186, 195, 226);
	text-align: center;
	border-left-style: solid;
	border-left-color: rgb(147, 163, 209);
	border-left-width: thin;
	padding: 0.5em;
	color: white;
	font-weight: bold;
	font-size: 1em;

}


th.tab {

	background-color: rgb(235, 238, 247);
	color: rgb(20, 93, 170);

}


th.first-tab, td.first-tab {

	border-left-style: none;

}


.tab-container {

	width: 100%;
	
}

td.disabled {

	color: gray;
	background-color: D3D3D3; /* IE does not recognise lightgray; */

}

/************************
 * My Applications page *
 ************************/


.app-list-box {

	padding: 1em;
	padding-top: 0;
	border-style: solid;
	border-width: 1px;
	border-color: rgb(20, 93, 170);
	background-color: white;
	max-height: 35em;
	overflow: auto;
	float: left;
	width: 23%;
	margin: 2%;

}

/* IE does not like max-height, firefox treats height preferentialy */

*html .app-list-box {

	height: 35em;

}

/* White for seleced nested tab, against light blue background */

.app-list-tabs th.tab {

	background-color: white;

}

.app-address {

	padding-top: 1em;

}

.casefullref {

	margin-left: 0.5em;

}


/***************
 * Inspections *
 ***************/


.plot {

	padding-left: 1.5em;

}

div.insp-detail {


}

tr.inspection-heading td, tr.inspection-heading th {

	padding: 0;

}

b.current-plot {

	margin-left: -1.8em;

}



/***********************
 * Application Details *
 ***********************/


.app-list-tabs {

	float: left;
	margin: 2%;
	margin-left: 1%;
	width: 66%;

}

table.app-detail {

	font-size: 1em;
	border-spacing: 0;
	border-collapse: collapse; /* IE does not support border-space */
	background-color: rgb(235, 238, 247);
	width: 99.9%; /* Firefox bug woot !!!!!!11111ONETWO ahem, Firefox adds a horizontal scroll bar if not for this */

}


div.app-detail-table {

	max-height: 30em;
	overflow: auto;

}

/* IE does not like max-height, firefox treats height preferentialy */

*html div.app-detail-table {

	height: 30em;

}

.detail-header {

	background-color: white;

}

.detail-row-odd {

	vertical-align: top;
	background-color: rgb(241, 243, 249);

}

.detail-row-even {

	vertical-align: top;
	background-color: white;

}

.detail-label {

	border-style: none;
	font-weight: bold;
	padding: 0.5em;
	padding-left: 1em;
	white-space: nowrap;
	text-align: left;

}

th.detail-label {

	width: 23%; 

}

div.detail-spacer {

	background-color: white;
	height: 1em;

}

.detail-data {

	border-style: none;
	padding: 0.5em;
	padding-left: 1em;

}

.detail-row-even a:link, .detail-row-odd a:link {

	color: #9d11b3;

}

.list-number {

	width: 4%;
	float: left;

}

.list-item {

	width: 95%;
	float: left;

}



/****************
 * Edit Profile *
 ****************/

.profile-label {

	width: 40%;
	float: left;


}


/**********************
 * Submit Application *
 **********************/

.link-list {

	margin-top: 0;
	padding-top: 0;

}

/**************
 * Calculator *
 **************/


table.calculatorResults {

	border-spacing: 0;
	border-collapse: collapse;
	font-size: 0.9em;
	width: 50em;

}

.calculatorResults th, .calculatorResults td {

	background-color: white;
	border-color: rgb(32, 153, 188);
	border-width: 1px;
	border-style: solid;
	padding: 0.1em 0.5em;

}

.calculatorResults input {

	background-color: white;
	border-color: white;
	width: 7em;

}

.calculatorResults th.col1 { 

	border-top: 0px; 
	border-left: 0px; 

}


.attachmentFilename {

	font-size: 0.9em;

}


/************************
 * Progress Table Thing *
 ************************/


/* IE needs this container */

div.progress {

	width: 100%;

}


table.progress, ol.progress {

	width: 100%;
	border-color: rgb(32, 153, 188);
	border-width: 1px;
	border-style: solid;
	margin-top: 1em;
	background-color: white;

}

.progress th, .progress td, .progress li {

	border-color: rgb(32, 153, 188);
	border-style: solid;
	padding: 0.1em;
	text-align: center;
	/* font-weight: bold; */
	text-transform: capitalize; /* uppercase; */
	background-color: white;
	

}

.progress th, li.selected {

	border-width: 4px;

}

.progress td, li.not-selected {

	border-width: 1px;

}

a.progress {

	color: black;

}


/*******************
 * View Other Apps *
 *******************/

.VOAleft2 {

	width: 25%;
	float: left; 

}

.VOAleft .form-box {

	width: 90%;
	float: none;  
	padding: 6%;
	padding-right: 0;

}

.VOARight {

	background-color: rgb(206, 215, 246);
	margin: 1em;
	padding: 0.5em;
	margin-left: 26%;     
}

/* Hacktastic, IE wants 100% width, the following is hidden from firefox */

/*
*html .VOARight {

	width: 100%; 

}
*/


.VOAright .form-box {

	padding: 0;
	width: 100%;
	margin: 0.5em 0;
	float: none; 

}

.VOAleft .box-heading, .VOAleft .box-body {


}


.VOAright .search-results {

	padding: 0;

}

.VOAright .app-detail {


}

.result-spacer {

	background-color: rgb(206, 215, 246);
	height: 1em;

}

.VOAFooter {

	padding: 0.3em;
	padding-bottom: 1em;

}

a.top {

	float: right;

}

a.sns {

	float: left;

}

tr.box-heading a {

	padding: 0;

}

tr.box-heading td, tr.box-heading th {

/*	padding: 1em; */

}

span.disabled {

	color: gray;

}

td.detail-data span.disabled {

	color: lightgray;

}

table.proposedwork {

	font-size: 12px;
	padding: 1;
	width: 97%; 

}

table.agreement {

	font-size: 12px;
	padding: 1;	 

}

table.proposedwork th, table.agreement th{

	text-align: left;
	padding-top: 10;
}

.underline{

	font-size: 11px;
	
}

.underline label{

	font-size: 12px;
	
}