/*--------------------------------------------------*/
/* WinAudit Reporting Tool
/*--------------------------------------------------*/
/* 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 Default Style Sheet
/*--------------------------------------------------*/

/* --- START :: SCREEN media --- */
@media screen {
	/* START :: html & body tags */
	body {
		text-align: left;
		color : #000000;
		background-color : #FFFFFF;
		height: 100%;
		cursor: auto;		
		font-family : Arial, Verdana, Helvetica, sans-serif;
  		font-size: 12px;
  		line-height: 18px;
	}
	/* END :: html & body tags */

	/* START :: <H...> Header Tags */
	h1 {
		font-size: 1.5em;
		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;
	}
	/* END :: <H...> Header Tags */

	/* START :: <A> tag */
	a,
	a:link
	a:visited 
	a:active {
		color:#5E839C;
		font-weight: bold;
		text-decoration: none;
	}
	a:hover {
		background-color:#F2F9FD;
		text-decoration: underline;
	}
	/* END :: <A> tag */

	/* START :: hr tags */
	hr {
		color: #83AC31;
		background-color: #83AC31;
		height: 1px;
		border: none 0;
	}
	/* END :: hr tags */

	/* --- START :: form tags --- */
	form {
		margin:0;
		padding:0;
	}
	/* --- END :: form tags --- */

	/* START :: input tags */
	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.image {
		border: none;
		width: auto;
		height: auto; 
	}
	/* END :: input tags */

	/* START :: img tags */
	img {
		border:0;
	}

	img.displayed {
		display: block;
		margin-left: auto;
		margin-right: auto 
	}
	/* END :: img tags */

	/* START :: HEADER BANNER */
	.bannerArea {
		padding-bottom:2px;
		clear:both;
		height:71px;
		margin-bottom:2px;
		padding-bottom:2px;
		border-bottom:2px solid;
	}

	.bannerArea.backStyle { 
		border-bottom: solid 1px #83AC31; 
		background-color:#FFFFFF; 
		margin: 1px 1px 2px 1px;
	}

	.bannerArea.backStyle .banner1 {
		background-image: url(../images/titleBlock.gif);
		background-color:#FFFFFF; 
	}

	.bannerArea.backStyle .banner2 { }
	.bannerArea.backStyle .banner2 div {
		background: transparent url(../images/governance_01.jpg) no-repeat right top;
	}
	.bannerArea.backStyle .banner3 div  {
		background: transparent url(../images/governance_02.jpg) no-repeat left top;
	}

	.bannerArea.backStyle .banner4 {
		background: #83AC31;
	}
	
	.bannerContent {
		/*border-bottom:2px solid #ffffff;	*/
		float: left;
		width:100%;
		height: 71px;
	}

	.bannerColumn {
		margin-right: 15em; /*Set right margin to RightColumnWidth*/
		height: 100%;
	}

	.middleBanners {
		margin: 0 0 0 15em;
		padding:0 1px 0 1px;
		background-color:#FFFFFF;
		height: 100%;
	}

	.banner1 {
		float: left;
		background-repeat: no-repeat;
		background-position: left top;
		width:15em; 
		height:71px;
	}
		
	.banner1 img {
		width:15em;
		height:71px;
	}

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

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

	.banner2 {
		float:left; 
		width:49.99%; 
		height: 100%;	
		background-repeat: repeat-x;
		background-position: left top;
	}

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

	.banner4 {
		float: left;
		width: 15em;
		margin-left:-15em;
		height:100%;
		background-repeat: no-repeat;
		background-position: right top;
	}
	/* END :: HEADER BANNER */

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

	.boxUnfilled {
		vertical-align: top;
		border: solid 1px #cccccc;
		margin: 2px;
		padding: 4px;
	}

	.boxFilled2 {
		vertical-align: top;
		color:#000000; 		
        background-color: #BDD094;
		border: solid 1px #cccccc;
		margin: 2px;
		padding: 4px;
	}

	.boxError {
		vertical-align: top;
		border: solid 1px #FF0000;
		margin: 2px;
		padding: 4px; 
		background: #ffffff;  
	}
	
	
	/* --- END :: boxes --- */

	/* --- START : tables --- */
	.tableFilled {
		color: #000000;
		padding: 0;
		margin: 0;
		width:100%;
		border: 0;
		background-color: #BDD094;
	}
	
	.tableUnfilled {
		color: #000000;
		padding: 0;
		margin: 0;
		width:100%;
		border: 0;
	}
	/* --- END : tables --- */	

	/* --- START : textbox --- */
	.textbox {
		color: #000000;
		margin: 0;
		padding: 5px;
		width: 90%;
		border: solid 1px #cccccc;    
	}

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

	.textboxMultiline2 {
		color: #000000;
		padding: 5px;
		width: 90%;
		height: 100%;
		border: 0;
	}
	/* --- END : textbox --- */

	/* --- START :: labels --- */
	.label {
		padding: 1%;
		width: 98%;
	}
	
	.label2 {
		padding: 1%;
		width: 98%;
        color: #000000;
		margin: 0;
		border: 0;
		background-color: #BDD094;		
	}
	/* --- END :: labels --- */	


	/* --- START :: buttons --- */
	.button {
		padding: 3px;
		background: #E9ECEF;
		border:#cccccc 2px solid;
		margin-top:2px;
		text-decoration:none;
		color: #000000;		
	}

	.buttonMouseOver {
		padding: 3px;
		background: #cccccc;
		border:#E9ECEF 2px solid;
		margin-top:2px;
		text-decoration:none;
		color: #000000;
	}
	
	.currentQuicklink {
		padding: 3px;
		background: #83AC31;
		color: #FFFFFF;
		border:#cccccc 2px solid;
		margin-top:2px;
		text-decoration:none;
	}
	
	.disabledQuicklink {
		padding: 3px;
		background: #CCCCCC;
		color: #FFFFFF;
		border:#E9ECEF 2px solid;
		margin-top:2px;
		text-decoration:none;
	}
	
	/* --- END :: buttons --- */

	/* --- START :: messaging --- */
	.important {
		padding: 3px;
		margin: 3px;
		color: #FF0000;
		display: block;	
		font-weight: bold;
	}
	
	.information {
		padding: 3px;
		margin: 3px;
		color: #000000;
		display: block;	
	}
	/* --- END :: messaging --- */	

	/* --- START :: SPECIFIC ID CSS WRAPPERS --- */
		/* --- START :: footerWrapper --- */
		#footerWrapper {
			border-top: solid 1px #83AC31;	
		}

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

		/* --- 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 :: 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 :: quickLink.ascx --- */
		
		#quickLink {
			padding: 5px;
			font-size: 1em;
			/*color: #000000;*/
			border:5px solid #84AD31;
			/*background-color: #D7E9B3;*/
			/*background-color: #BDD094;*/
			background-color: #84AD31;
		}

        /*
		#quickLink a,
		#quickLink a:link
		#quickLink a:visited 
		#quickLink a:active {
		    color:#5E839C;
		    font-weight: bold;
		    text-decoration: none;
		}
		#quickLink a:hover {
			/*background-color:#D9E4C2;*/
			/*background-color: #BDD094;
			text-decoration: underline;
		    background-color:#F2F9FD;
		}
		/* --- END :: quickLink.ascx --- */	

		/* --- 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 :: tabButtons.ascx --- */
		#TabButtons {
			vertical-align: top;
			/*background-color: #E8EEDA;*/
		}

		#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: #cccccc 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 :: 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 :: Grid View --- */
	    .Grid {
		    width: 100%;	
	    }

	    .GridHeaderRow {
		    background-color: #62821E;
		    color: #FFFFFF;
		    padding: 5px;
	    }

	    .GridRow {
		    background-color: white;
		    color: Black;
		    padding: 5px;	
	    }

	    .GridAlternatingRow {
		    background-color: #D9E4C2;
		    color: Black;
		    padding: 5px;
	    }
	    /* --- END :: Grid View --- */				
			
	    /* --- START :: Returned results --- */
	    .color008000 {
		    color: #008000;
	    }

	    .colorCCCCCC {
		    color: #CCCCCC;
	    }

	    .colorBold000000 {
		    color: #000000;
		    font-weight: bold;
	    }
	    
	    .color000000 {
		    color: #000000;
	    }
	    /* --- END :: Returned results --- */
		
        /* --- START :: tabindex focus (used in conjunction with js code) --- */		
		.focused {
            border: dotted 1px #0066FF;
            color: #0066FF;
		    background-color: #F2F9FD;
		}
        /* --- END :: tabindex focus (used in conjunction with js code) --- */				
			
	/* --- END :: SPECIFIC ID CSS WRAPPERS --- */
}
/* --- END :: SCREEN media --- */