/*-----------------------------------------------------------------*/
/* WCC Planning Portal
/*-----------------------------------------------------------------*/
/* Winchester City Council
/* Governance Group
/* Information Management and Technology
/* Copyright (c) Winchester City Council 2008.  All rights reserved.
/* Unathorised distribution or reproduction of this program, 
/* or any portion of it, may result in severe civil and criminal penalties, 
/* and will be prosecuted to the maximum extent possible under the law.
/*-----------------------------------------------------------------*/
/* Cascading Style Sheet for Control Styles
/*-----------------------------------------------------------------*/

/* GENERAL */
body {
	text-align: left;
	color : #000000;
	background-color : #FFFFFF;
	height: 100%;
	cursor: auto;		
}

img {
	border:0;
}

img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

hr {
	color: #84AD31;
	background-color: #84AD31;
	height: 1px;
	border: none 0;
}

form {
	margin:0;
	padding:0;
}

input, select {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size:0.9em; 
	vertical-align:middle;
	padding: 1px;
	margin: 0;
}
select {
	padding: 0;
}
textarea {
	width: 350px;
	height: 8em;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 1em;
}
input.check {
	border: none;
	width: auto;
	height: auto;
	margin: 0 10px 0 0;
}
input.radio {
	border: none;
	width: auto;
	height: auto;
	margin: 0 10px 0 0;
}
input.file {
	height: auto;
	width: 250px;
}
input.readonly {
	background-color: transparent;
	border: none;
}
/*
input.button {
	width: auto;
	border:1px solid black;
	background-color: #eee;
	padding: 0;
}
*/
input.image {
	border: none;
	width: auto;
	height: auto; 
}

/* HEADINGS */
h1 {
	font-size: 2.3em;
	margin:0.5em 0 0.5em 0;
	padding: 0;
	font-weight: bold;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 0.25em 0;
	padding: 0;
}

h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 0.25em 0;
	padding:0;
}

h4 {
	font-size: 1em;
	margin: 0;
	padding:0;
}

h5 {
	font-size: 1em;
	margin: 0;
	padding:0;
}

h6 {
	font-size: 1em;
	margin: 0 0 0 0;
	padding:0;
}


a,
a:link
a:visited 
a:active {
	color:#5E839C;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	background-color:#F2F9FD;
	text-decoration: underline;
}

/* OBJECTS */
/* START :: Object Items */
.boxFilled {
    vertical-align: top;
	color:#000000; 		
    background-color: #E8EEDA;
    border: solid 1px #cccccc;
    margin: 2px;
    padding: 4px;    
}

.boxUnfilled {
    vertical-align: top;
    border: solid 1px #84AD31;
    /* margin: 1px; */
    padding: 4px;
}

.boxError {
    vertical-align: top;
    border: solid 3px #FF0000;
    margin: 2px;
    padding: 4px;    
}

.label {
    padding: 1%;
    width: 98%;
}

.textbox {
    color: #000000;
    margin: 0;
    padding: 5px;
    width: 90%;
    border: 0;    
}

.textboxMultiline1 {
    color: #000000;
    padding: 5px;
    width: 90%;
    height: 100%;
    border: 0;
    overflow: hidden;           
}

.textboxMultiline2 {
    color: #000000;
    padding: 5px;
    width: 90%;
    height: 100%;
    border: 0;
}

.table {
    color: #000000;
    padding: 4px;
    margin: 3px;
    width:99%;
    
    border: #84AD31 1px solid;
	/*background-color: #83AC31;*/
	background-color: #f6f2f3;
}


.table1 {
    color: #000000;
    padding: 4px;
    margin: 3px;
    
    border: #84AD31 1px solid;
	/*background-color: #83AC31;*/
	background-color: #f6f2f3;
}
.button {
	padding: 3px;
	background: #E9ECEF;
	border:#84AD31 1px solid;
	margin-top:2px;
	text-decoration:none;
	color: #000000;		
}

.buttonMouseOver {
	padding: 3px;
	background: #84AD31;
	border:#84AD31 1px solid;
	margin-top:2px;
	font-weight: bold;
	text-decoration:none;
	color: #FFFFFF;	
}

.currentQuicklink {
	padding: 3px;
	background: #83AC31;
	color: #FFFFFF;
	border:#cccccc 2px solid;
	margin-top:2px;
	text-decoration:none;		
}

/* END :: Object Items */

/* START :: Header Banner */
.bannerArea.environmentBackStyle .bannerTitle {
	background-image: url(../images/PlanningApps3.gif);
}

.bannerArea.environmentBackStyle { 
	border-bottom: solid 1px #83ac31; 
	background-color:#FFFFFF; 
}

.bannerArea.environmentBackStyle .banner2 { }
.bannerArea.environmentBackStyle .banner2 div {
	background: transparent url(../images/environment_02.jpg) no-repeat right top;
}
.bannerArea.environmentBackStyle .banner3 div  {
	background: transparent url(../images/environment_03.jpg) no-repeat left top;
}
.bannerArea.environmentBackStyle .secondaryBanner {
	/*background-image: url(../../graphics/bannerTitles/environment_04.jpg);*/
	background:#83AC31;
}

.bannerArea {
	padding-bottom:2px;
	clear:both;
	height:71px;
	margin-bottom:2px;
	padding-bottom:2px;
	border-bottom:2px solid;
}

.bannerContent {
	float: left;
	width:100%;
	background-color:#FFFFFF;
}

.bannerColumn {
	margin-right: 191px; /*Set right margin to RightColumnWidth*/
}

.bannerTitle {
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	width:181px; 
	height:71px;
}
	
.bannerTitle img {
	width:181px;
	height:71px;
}
	
.middleBanners {
	margin: 0 0 0 181px;
	padding:0 2px 0 2px;
	background-color:#FFFFFF;
}

.banner2 div { 
	height:71px; 	
	border-right:1px solid #FFFFFF; 
}

.banner3 div { 
	height:71px; 	
	border-left:1px solid #FFFFFF; 
}

.banner2 {
	float:left; 
	width:50%; 
	height:71px; 
	background-repeat: repeat-x;
	background-position: left top;
}

.banner3 {
	float:left; 
	width:50%; 
	height:71px; 	
	background-repeat: repeat-x;
	background-position: right top;
	background-color:#ffffff;
}

.secondaryBanner {
	float: left;
	width: 191px;
	margin-left:-191px;
	height:71px;
	background-repeat: no-repeat;
	background-position: right top;
}
/* END :: Header Banner */


/* START :: Returned results */
.color008000 {
	color: #008000;
}

.colorBold000000 {
	color: #000000;
	font-weight: bold;
}
/* END :: Returned results */

/* START :: ContentPlaceHolders */
.leftMasterPageContentPlaceHolder {
	/*background-color: #FFFFFF;*/
}

.rightMasterPageContentPlaceHolder {
	/*background-color: #FFFFFF;*/
}
/* END :: ContentPlaceHolders */

/* START :: Contact Information */
#contactInformation { margin-bottom:.5em; }

#contactInformation {
	margin: 0;
	padding: 1em;
	font-weight: normal;
	font-size:.9em;
}
#contactInformation h2{
	font-size: 1em;
}
#contactInformation a,
#contactInformation a:link, 
#contactInformation a:visited, 
#contactInformation a:active {
	text-decoration: none;
}
#contactInformation a:hover {
	text-decoration: underline;
}

#contactInformation {
	background-color: #f6f2f3;
	border:1px solid #e5d9d1;
	background-image: url(../images/uk-winchester-map.gif);
	background-repeat: no-repeat;
	background-position: 105px 10px;
	padding-bottom:1em;
}
#contactInformation address { font-style:normal; margin-bottom:.5em; }
#contactInformation a { font-size:1.2em;  }
#contactInformation p { margin-bottom:0;}
#contactInformation p  { margin-bottom:1em;}
/* END :: Contact Information */

/* START :: breadcrumbs.ascx */
#breadcrumbList {
	padding: 0.4em 0 0.4em 1em;
	/*font-size: 1em;*/
	/*background-color: #E8EEDA;*/
	background-color: #84AD31;
	margin: 0 0 2px 0;
	color: #FFFFFF;
	/*border:1px solid #84AD31;	*/
}

#breadcrumbList a,
#breadcrumbList a:link, 
#breadcrumbList a:visited, 
#breadcrumbList a:active {
	color: #FFFFFF;
	background-color: #84AD31;	
	font-weight: bold;
	text-decoration: none;
}
#breadcrumbList a:hover {
	color: #FFFFFF;
	background-color: #84AD31;	
	font-weight: bold;
	text-decoration: underline;
}
/* END :: breadcrumbs.ascx */

/* START :: quickLink.ascx */
#quickLink {
	
	font-size: 1em;
	/*color: #000000;*/
	border:1px solid #84AD31;
	padding: 5px;
	/*background-color: #D7E9B3;*/
	background-color: #f6f2f3;	
}
#quickLink a:hover {
	background-color:#F2F9FD;
	text-decoration: underline;
}

/* END :: quickLink.ascx */

/* START :: tracker.ascx */
#tracker .itemOff {
	text-align: center;      	
    background-color: #D9E4C2;
    color: #000000;
    width: 98%;
    padding: 1%;
    height: 40px;
	overflow: hidden;
    border: solid 2px #CCCCCC;
}

#tracker .itemOffB {
    font-weight: bold;
    font-style:italic;  
	text-align: center;      
    background-color: #D9E4C2;
    color: #000000;
    width: 98%;
    padding: 1%;
    height: 40px;
	overflow: hidden;
    border: solid 2px #CCCCCC;
}

#tracker .itemOn {
	text-align: center;      	
    background-color: #84AE32;
    color: #000000;
    width: 98%;
    padding: 1%;
    height: 40px;
	overflow: hidden;
    border: solid 2px #CCCCCC;
}

#tracker .itemOnB {
    font-weight: bold;
    font-style:italic;    
	text-align: center;
    overflow: hidden;
    background-color: #84AE32;
    color: #000000;
    height: 40px;
    width: 98%;
    padding: 1%;    
    border: solid 2px #CCCCCC;
}
/* END :: tracker.ascx */

/* START :: tabButtons.ascx */
#TabButtons {
	vertical-align: top;
	background-color: #D9E4C2;
}

#TabButtons .table {
    padding: 0;
    margin: 0;
    border: 0;
    border-style: none;
    border-collapse: collapse;
}

#TabButtons .ButtonOn {
    font-weight: bold;
	color:#000000; 	
    background-color: #83AC31;
	border:#D9E4C2 2px solid;
	border-collapse: collapse;
	width: 100%;	
	height: 40px;
}

#TabButtons .ButtonOff {
	color:#000000; 	
    background-color: #D9E4C2;
	border:#D9E4C2 2px solid;
	border-collapse: collapse;
	width: 100%;
	height: 40px;
}

#TabButtons .ButtonDisabled {
	color:#CCCCCC; 	
    background-color: #D9E4C2;
	border:#D9E4C2 2px solid;
	border-collapse: collapse;
	width: 100%;
	height: 40px;		
}

#TabButtons .buttonMouseOverButtonOn {
	color:#FFFFFF;
    font-weight: bold;
    background-color: #62821E;
    border:#D9E4C2 2px solid;
	border-collapse: collapse;
	width: 100%;	
	height: 40px;			
}

#TabButtons .buttonMouseOverButtonOff {
	color:#FFFFFF;
    background-color: #62821E;
    border:#D9E4C2 2px solid;
	border-collapse: collapse;
	width: 100%;
	height: 40px;				
}
/* END :: tabButtons.ascx */

/* START :: Associated Documents */
.Grid {
	width: 100%;	
	border: 0;
	
}

.GridHeaderRow {
	background-color: #84AD31;
	color: #FFFFFF;
	font-weight:bold;
	padding: 3px;
}

.GridRow {
	background-color: #DEEDC0;
	color: Black;
	font-weight:bold;
    padding: 3px;
}

.GridAlternatingRow {
	background-color: #DEEDC0;
	color: Black;
	font-weight:bold;
	padding: 3px;
}
/* END :: Associated Documents */

/* START :: helpMeButton */
#helpMeButton { margin-bottom:.5em; }

#helpMeButton {
	margin: 0;
	padding: 1em;
	font-weight: normal;
	font-size:.9em;
}
#helpMeButton h2{
	font-size: 1em;
}
#helpMeButton a,
#helpMeButton a:link, 
#helpMeButton a:visited, 
#helpMeButton a:active {
	text-decoration: none;
}
#helpMeButton a:hover {
	text-decoration: underline;
}

#helpMeButton {
	background-color: #f6f2f3;
	border:1px solid #e5d9d1;
	background-image: url(../images/helpme.jpg);
	background-repeat: no-repeat;
	background-position: 130px 1px;
	padding-bottom:1em;
}
#helpMeButton address { font-style:normal; margin-bottom:.5em; }
#helpMeButton a { font-size:1.2em;  }
#helpMeButton p { margin-bottom:0;}
#helpMeButton p  { margin-bottom:1em;}
/* END :: Contact Information */

/* START :: FOOTER */
#footer {
	border-top: solid 1px #cccccc;	
}

#footer ul {
	float: right;
	margin: 0;
	padding: 0;
	display: inline;
}
#footer li {
	list-style: none;
	display: inline;
	margin: 0;
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
}
#footer a,
#footer a:link 
#footer a:visited 
#footer a:active {
	font-weight: normal;
}
#footer a:hover {
	text-decoration:underline;
}
/* END :: FOOTER */