/* GENERAL STYLES */
/* - - - - - - - - - - - - - - - - - - - - -

Title : Default CSS for GreenCast.co.uk
Author : Michael Murphy
URL : www.greencast.co.uk

Description : 

Created : 
Modified : 

- - - - - - - - - - - - - - - - - - - - - */

@import url(reset.css);
@import url(disease.css);
@import url(navigation.css);
@import url(news.css);
@import url(settings.css);
@import url(home.css);
@import url(typography.css);

* {margin:0;padding:0; }
html,body{margin:0;padding:0}

body{font: 76% Arial, Helvetica, sans-serif; background-color: #F4F4F4;
background-image: url(i/body-background.gif);
background-position: 50% 0;
background-repeat: repeat-y;}


#mainNavFeedback a {
padding: 3px 12px 0px;
}

div#container{width:800px;margin:0 auto; 
/*background-image: url(i/background-main.gif);  background-repeat: repeat-y;  background-position: 50% 0;*/
background-color: #ffffff;
/*
background-image: url(i/960grid.png);*/
}

/*div#content{margin: 0 150px 0 150px; width:460px; overflow: hidden;}*/

/*div#extra{float:left;width:150px;margin-left:-150px}*/
div#footer{clear:left;width:100%; background-color: #16327C; height: 100%; 
text-align: center;}

div#footer a {color: #FFFFFF; font-size: 10px; }
div#footer p {color: #FFFFFF; margin:0; padding:5px 10px; }

/*layout for home page */
body#home div#wrapper{float:left;width:100%}
body#home div#navigation{float:left;width:175px;margin-left:-797px; /* causes funny display bug of h2 element in ie.6 -  position: relative;*/}
body#home div#content {margin: 0 180px 0 180px; width:439px; overflow: hidden;}
body#home div#extra{float:left;width:175px;margin-left:-175px;}

/*layout for product and disease page */

body#product div#content, body#disease div#content {float:left; clear: both;width:640px; padding: 0 10px;}
body#product div#navigation, body#disease div#navigation {float:right;width:140px; }
body#product div#extra, body#disease div#extra {float:right;clear:right;width:140px; }
body#product div#footer, body#disease div#footer {clear:both;width:100%;}




/*layout for normal, service, article, articleGroup, diseaseGroup, productGroup page */
body#normal div#wrapper, body#service div#wrapper, 
body#articleGroup div#wrapper,
body#article div#wrapper,
body#event div#wrapper,
body#diseaseGroup div#wrapper,
body#productGroup div#wrapper,
body#AgriMap div#wrapper,
body#serviceEmbedded div#wrapper,
body#applicationGroup div#wrapper,
body#applicationArticle div#wrapper,
body#applicationSurvey div#wrapper,
body#forum div#wrapper
{clear:both; padding: 0 10px;}

body#normal div#navigation, 
body#service div#navigation,
body#articleGroup div#navigation, 
body#article div#navigation,
body#diseaseGroup div#navigation, 
body#productGroup div#navigation, 
body#serviceGroup div#navigation, 
body#serviceEmbedded div#navigation,
body#applicationGroup div#navigation,
body#applicationArticle div#navigation,
body#application div#navigation,
body#forum div#navigation
{float:left;width:47%; padding: 10px; clear:both;}

body#normal div#extra,
body#service div#extra,
body#articleGroup div#extra,
body#article div#extra,
body#diseaseGroup div#extra, 
body#productGroup div#extra,
body#serviceGroup div#extra,
body#serviceEmbedded div#extra,
body#applicationGroup div#extra,
body#applicationArticle div#extra,
body#forum div#extra
{float:right;width:48%; padding: 10px; }

body#normal div#footer,
body#service div#footer,
body#serviceEmbedded div#footer,
body#articleGroup div#footer,
body#article div#footer,
body#diseaseGroup div#footer,
body#productGroup div#footer,
body#applicationGroup div#footer,
body#forum div#footer
{clear:both;width:100%}




/*to center services iframe */
body#service div#content{
margin:0pt auto;
}

div.service-head {
	width: 670px;
	margin: 0 auto;
}

div#service-print {display: none;}

div#header {
	background-image: url(/css/i/gc-global-header-01.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #02366E;
	height: 94px;	
}
/*hides the header - basic image replacement*/
div#header h1{
	text-indent: -10000px;
}



div#header p {
	color: #FFFFFF;
	margin: 0 0 0 8px;
	padding: 3px 0;	
	text-align: center;
	font-size: 11px;

	}
	


div#header p {
	float: left;}

div#header a {
	color: #FFFFFF;
	font-weight: bold;
	
	
}

div#header .middle{
padding-left: 130px;
}
	/* SEARCH */
div#search{
	color:#fff;
	float: right;
	clear: left;
	padding: 69px 2px 0 0;
	
}
	
	div#search form {margin:0; width: 300px;
	}
	div#search input {margin: 0; padding: 3px; border: 1px solid gray;  font-size: 12px; background-image: url(/css/i/form-fade.png);
	background-position: top right;
	background-repeat: repeat-x;
	background-color: #02366E;}
	div#search input#search-text {width: 179px;}
	div#search label {display:none}
	/*why a negative margin is need i really dont know */
	div#search a#search-btn img { margin: 0 0 -5px 0;}
	/*style when the input search is in focus*/
	div#search .search-select {
		background-image: none;
		background-color: #ffffff;
	}
	
/*
test with button image applied ussing css only - input type buttun - more synmantic!

	div#search .sButton { 
		border: 0;
		padding: 0;
		background-image: url(i/search-button.png);
		background-position: center;
		background-repeat: no-repeat;
		text-indent: -1000px;
	}*/


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

extra and nvigation sidebars

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




/*second level navigation */

div#navigation ul {
	margin: 5px 0;
	padding: 0 0;
}


div#navigation li
{
padding: 2px 0 4px 2px;
background-image: none;
background-repeat: no-repeat;
background-position: 0 50% ;
list-style: none;
} 

div#navigation li a { 
padding-left: 20px;
background-image: url(/css/i/0002_list-item.png);
background-repeat: no-repeat;
background-position: 0;	
color: #336699;
}

div#navigation li.current a { 
padding-left: 20px;
background-image: url(/css/i/0002_list-item.png);
background-repeat: no-repeat;
background-position: 0;	
color: #336699;
font-weight: bold;
}


div#navigation ul a{
	text-decoration: none;
}

div#navigation ul a:hover{
	text-decoration: underline;
	color: #02366E;
} 
	

/**************
extra side bar

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

/*body#product div#extra div {
		float: left;
		margin: 0 20px;
} */





div#extra li
{
padding: 2px 0 4px 0;
background-image: none;
background-repeat: no-repeat;
background-position: 0 30% ;
list-style: none;

} 

div#extra li a { 
padding-left: 11px;
background-image: url(/css/i/0002_list-item.png);
background-repeat: no-repeat;
background-position: 0 20%;	
color: #336699;
}


div#extra ul a{
	text-decoration: none;
}

div#extra ul a:hover{
	text-decoration: underline;
	color: #02366E;
} 
	


div#extra h2, div#navigation h2 {
	font-size: 13px;
	text-transform: uppercase;
}


/*other default content pages */

div#content h2 { font-size: 14px; margin: 5px 0; color: #336699; /*line-height: 21px;*//*line-height: 21px;*/ }

div#content p, div#content li { line-height: 18px; }



div.service-banner {
width:27%;
float:left;
padding:10px;
margin: 5px 10px;
text-align: center;
border: 1px solid #b4c7df;
background-color: #e3e9ef;
height: 340px;
}




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


old stuff

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

.spacer {
  clear: both;
  }


a:link {
	text-decoration: none;
	color: #00558F;
}

a:visited{
	color: #666666;
	text-decoration: none;
}

a:hover{ text-decoration: underline;

}

a:active{
			text-decoration: underline; font-weight: bold;
}

img {
	border: 0;
}

/*li{
	list-style-type: none;
}*/






/*div#content img, div#content table img {
	border:1px solid #E3E9EF;
	padding: 1px;
}*/

/* Dom Tricery */
 div#content div.domtab {
 	
	padding: 20px 0;
 }


		div#content div.domtab h3 {
/*					color: #FFFFFF;*/
					padding: 5px;
					margin-top: 5px;
					clear: both;

		}
		
		div#content div.domtab div p, div#content div.domtab div li { padding: 5px; line-height: 18px; clear: both;

		}

	/*ul.domtabs{
			float:left;
			width:100%;
			margin:0;				
		}
		div#content ul.domtabs li{
			float:left;
padding: 4px 0 0 20px;
background-image: none;
list-style: none;
text-align: center;
text-transform: uppercase;
		}
		ul.domtabs a:link,
		ul.domtabs a:visited,
		ul.domtabs a:active,
		ul.domtabs a:hover{
			width:85px;
			padding:.3em .3em;
			display:block;
			background:#FFFFFF;
			color:#7D7D7D;
			text-decoration:none;
		}
		html>body ul.domtabs a:link,
		html>body ul.domtabs a:visited,
		html>body ul.domtabs a:active,
		html>body ul.domtabs a:hover{
			height:auto;
			min-height:2em;
		}
		ul.domtabs a:hover{
			background: #94C431;
			color: #FFFFFF;
		}
*/


		div.domtab div.section{
			clear:both;
background-color: #e4eaf0;
			border: 1px solid #89AFD3;
			/*color:#fff;*/
			padding:5px;
			margin: 0;
		}
		
		
/*		ul.domtabs li.active a:link,
		ul.domtabs li.active a:visited,
		ul.domtabs li.active a:active,
		ul.domtabs li.active a:hover{
			background: #94C431;
			color:#fff;
		}*/

/*************************************
dom tabs with sliding doors rounded corners
menu 5

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

	  div#content div.domtab ul.domtabs {
	   float:left;
      width:100%;
		margin: 0;

		}

    div#content div.domtab ul.domtabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    div.domtab ul.domtabs a:link, 
	 div.domtab ul.domtabs a:visited, 
	 div.domtab ul.domtabs a:hover, 
	 div.domtab ul.domtabs a:active {
      float:left;
      background:url("/css/i/tableft5.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    div.domtab ul.domtabs a span {
      float:left;
      display:block;
      background:url("/css/i/tabright5.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    div.domtab ul.domtabs a span {float:none;}
    /* End IE5-Mac hack */
    div.domtab ul.domtabs a:hover span {
      color:#FFF;
      }
    div.domtab ul.domtabs a:hover, 
	 div.domtab ul.domtabs li.active a:link, 
	 div.domtab ul.domtabs li.active a:visited,
	 div.domtab ul.domtabs li.active a:hover,
	 div.domtab ul.domtabs li.active a:active
	 {
      background-position:0% -42px;
		color: #003366;
      }
    div.domtab ul.domtabs a:hover span, 
	 div.domtab ul.domtabs li.active a:link span, 
	 div.domtab ul.domtabs li.active a:visited span,
	 div.domtab ul.domtabs li.active a:hover span,
	 div.domtab ul.domtabs li.active a:active span
	 {
      background-position:100% -42px;
		color: #003366;
		font-weight: bold;
      }  

		
/************************************
End of dom tabs sliding doors
**********************************/

 

		
	
		#domtabprintview{
			float:right;
			padding-right:1em;
			text-align:right;
		}
		#domtabprintview a:link,
		#domtabprintview a:visited,
		#domtabprintview a:active,
		#domtabprintview a:hover{
	
		}
		
		/*extra sub dom tabs */
		
		div#content div.domtab ul.sub-domtabs {
		padding: 5px 0 5px 0;
		margin: 0;
			
		}
		div#content div.domtab ul.sub-domtabs li		
		{
padding: 5px 5px 20px 5px;
margin-bottom: 20px;
background-image: none;
display: inline;
list-style-type: none;
		}

div#content div.domtab ul.sub-domtabs li a:link,
div#content div.domtab ul.sub-domtabs li a:visited

{
	text-decoration: underline;
}
		
div#content div.domtab ul.sub-domtabs li a:hover
{
	background-color: #89AFD3;
	color: #FFFFFF;
	text-decoration: none;
}
		
		
		
		/* Dom Collapse styles */
		
				.trigger{
			cursor:pointer;
			background-color: #ADC9E1;
			color: #FFFFFF;
		}		
		.trigger:hover{
			cursor:pointer;
			

		}		
		.expanded{
			border-bottom: 1px solid #FFFFFF;
			background-color: #89AFD3;
			cursor:pointer;
			color: #FFFFFF;
		}
		
		div#content h3.expanded{
			color: #FFFFFF;
		}
		.expanded:hover{

			cursor:pointer;

		}
		.show{
     position:static;
     display: table;
		}
		.hide{
			position:absolute;
			left:-999em;
			height:1px;
			width:100px;
			overflow:hidden;
		}


		
/*product page styles and download links*/

img.productLogo{
	float: right;
}

img.productPack{
	float: left;
}




/*product download list style */

ul#download li
{
/*padding: 4px 0 4px 10px;*/
background-image: none;
background-repeat: no-repeat;
background-position: 0 50% ;
list-style: none;

} 

ul#download li a { 
padding-left: 20px;
background-image: url(/css/i/page_white_acrobat.gif);
background-repeat: no-repeat;
background-position: 0 50%;	
}


ul#download ul a{
	text-decoration: none;

}

ul#download ul a:hover{
	text-decoration: underline;
}
		
		


/*Register page and other forms */

body#normal div#content div#register table th {
	text-align: right;
	vertical-align: top; 
	padding-top: 10px;
}

body#normal div#content div#register table td {

	padding: 5px 5px 5px 10px;

}

body#normal div#content div#register tr {

background-image: url(/css/i/form-fade.png);
background-position: 50% 0;
background-repeat: repeat-x;

}

body#normal div#content div#register tr tr {

background-image: none;
background-position: 50% 0;
background-repeat: repeat-x;
}
body#normal div#content div#register {
	
	margin: auto;
}


/*breadcrum list style */

div#content ul#bread {
height: 18px; 
margin:0;
 }


ul#bread li {
float: left;
display: inline;
margin-right: 4px;
}

ul#bread a {
color: #828282; 
font-weight: bold; 
background: url(/css/i/breadcrumb-list.gif) top right no-repeat;
padding-right: 11px;
text-decoration: none;
}

ul#bread a:hover {
color: #333;
background: url(/css/i/breadcrumb-list.gif)  bottom right no-repeat;
}



/*warning style*/

.warning {
	font-weight: bold;
	color: #FF8000;
	background-image: url(/css/i/alert.gif);
	background-repeat: no-repeat;
	background-position: 1% 50%;
	padding-left: 30px !important;
	margin: 5px;
	background-color: #FFFF80;
	border: 1px solid #FF8040;
}


/*nice button style - for sign up and view disease risk*/

a.button{
	margin: 0 4px 0 0;
	padding: 10px 5px 10px 22px;
	border: 1px solid #89AFD3;

	background-repeat: no-repeat;
	background-position: 5% 50%;
	display: block;
	background-color: #E4EAF0;
	text-align: center;
}

a:hover.button{
	border: 1px solid #E4EAF0;
	background-color: #89AFD3;
	color: #FFFFFF;
}

a.disease {
	background-image: url(/css/i/chart_bar.png);
}

a.sales{
	background-image: url(/css/i/cart.png);
}



/*product related diseases list style */

div#content ul#disease {
	margin: 0;
}

ul#disease li
{
/*padding: 4px 0 4px 10px;*/
background-image: none;
background-repeat: no-repeat;
background-position: 0 50% ;
list-style: none;

} 

ul#disease li a { 
padding-left: 20px;
background-image: url(/css/i/bug.png);
background-repeat: no-repeat;
background-position: 0;	
}


ul#disease ul a{
	text-decoration: none;

}

ul#disease ul a:hover{
	text-decoration: underline;
} 


/*related products list style */

div#content ul#relatedProduct {
	margin: 0;
}


ul#relatedProduct li
{
/*padding: 4px 0 4px 10px;*/
background-image: none;
background-repeat: no-repeat;
background-position: 0 50% ;
list-style: none;

} 

ul#relatedProduct li a { 
padding-left: 20px;
background-image: url(/css/i/package.png);
background-repeat: no-repeat;
background-position: 0;	
}


ul#relatedProduct ul a{
	text-decoration: none;

}

ul#relatedProduct ul a:hover{
	text-decoration: underline;
} 




/*site map style */

#sitemap li
{
	margin: 0 20px;
	padding: 5px 20px;
}

#sitemap li a { 
padding-left: 20px;
background-image: url(/css/i/page.png);
background-repeat: no-repeat;
background-position: 0;	
}

/* search styles */
pre#textversion{
	width:100%;
	overflow:auto;
	border:2px solid #DDDDDD;
	padding:5px;
	margin:auto;
	max-height:600px;
}


/*site map coloum style layout */

ul.sitemap {
	margin: 0 0 20px;
}

ul.sitemap li
{
	margin: 0 3px;
	padding: 5px 0;
}

ul.sitemap li a { 
padding-left: 19px;
background-image: url(/css/i/page.png);
background-repeat: no-repeat;
background-position: 0;	
}


div.sitemap-col {
	float: left;
	width: 25%;
}


/*div.sitemap-col h3 {
	padding: 10px 0;
}*/

/*






div#content {
	padding: 10px;
}
div#content h2, div#extra h2{
	font-family: frutiger;
	color: #006699;
	font-size: 12.5px;
	font-weight: bolder;
	text-transform: uppercase;
}

div#content h3{
	font-family: frutiger;
	color: #006699;
	font-size: 12.5px;
	font-weight: bolder;
	text-transform: uppercase;
}


div#content, div#extra {
	font-size: 10px;
	color: #02356D;

}





.test {
	color: #CECECE;
	font-size: 10px;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #000000;
	display: block;
	padding: 2px 0;
}


	
		
	
extra typography 

div#extra h2, div#extra p{padding: 10px; line-height: 1.5em;
	
} 	
	
div#content p{line-height: 1.8em;
	
} 	

form {
	margin: 0;
	padding: 0;
}


 main content lists 
div#content li, div#extra li
{
padding: 4px 0 4px 20px;
background-image: url(i/bullet.png);
background-repeat: no-repeat;
background-position: 0 3px;
list-style: none;

} 

filter style


ul#filter li
{
padding: 4px 0 4px 10px;
background-image: none;
background-repeat: no-repeat;
background-position: 0 50% ;
list-style: none;

} 

ul#filter li a { 
padding-left: 15px;
background-image: url(i/add-tag.gif);
background-repeat: no-repeat;
background-position: 0;	
}

ul#filter li.delete-tag a {
padding-left: 15px;
background-image: url(i/delete-tag.gif);
background-repeat: no-repeat;
background-position: 0;
 font-weight: bold;
}


ul#filter ul a{
	text-decoration: none;

}

ul#filter ul a:hover{
	text-decoration: underline;
}




product related articles list style 

ul#article li
{
padding: 4px 0 4px 10px;
background-image: none;
background-repeat: no-repeat;
background-position: 0 50% ;
list-style: none;

} 

ul#article li a { 
padding-left: 20px;
background-image: url(i/newspaper.png);
background-repeat: no-repeat;
background-position: 0;	
}


ul#article ul a{
	text-decoration: none;

}

ul#article ul a:hover{
	text-decoration: underline;
} 





services list style 

ul#services li
{
padding: 4px 0 4px 10px;
background-image: none;
background-repeat: no-repeat;
background-position: 0 50% ;
list-style: none;

} 

ul#services li a { 
padding-left: 20px;
background-image: url(i/chart_bar.png);
background-repeat: no-repeat;
background-position: 0;	
}


ul#services ul a{
	text-decoration: none;

}

ul#services ul a:hover{
	text-decoration: underline;
} 



Registration and Login styles 

div#umbLogin1_PanelSignOut, div#umbLogin2_PanelSignOut, div#umbLogin3_PanelSignOut, div#umbLogin4_PanelSignOut,
div#umbLogin5_PanelSignOut, div#umbLogin6_PanelSignOut {

padding: 10px;
font-size: 9px;
	
}

div#umbLogin3_PanelSignOut a:link, div#umbLogin3_PanelSignOut a:visited {

text-decoration: underline;
	
}


div#extra object {
	

		padding-right: 10px;
		margin: 20px 5px;
		
}

body#home div#extra object {
	

		padding: 5px;
		margin: 20px 40px;

}


**************
Extra img styles

************** 

div#extra img {
	
		padding-right: 10px;
		margin: 10px 5px;

}


body#home div#extra img {
	

		padding: 5px;
		margin: 10px 40px;


}


body#home div#extra ul, body#home div#extra p, body#home div#extra h2 {
 
	padding-left: 20px;


}

body#service div#extra {
 
	display: none;

}

body#service div#content {
 
	margin: 0 0 0 150px; width:590px;

}*/

#relatedArticles {
        float:right;
        width:200px;
        border-style:solid;
        border-width:1px;
        border-color:#CCCCCC;
        margin:3px;
        padding-left:5px;
}

div#otherNews {
        width:400px !important;
}

div#relatedCaption{
        font-size: x-small;
}

/*Use this to ensure a line break is forced after a float this keeps divs with floats within floats from overlapping*/
.clearBoth {
	clear: both;
	height:0px;
	font-size:0px;
	line-height:0px;
	margin:0px;
	padding:0px;
}

#umbRegister_10_ButtonNext {
background-color:#D4D0C8;
border:1px solid #404040;
display:block;
font-size:large;
margin:0 0 0 139px;
padding:5px;
text-align:center;
width:100px;
}

div .band{
background-color: #e4eaf0;
border: 1px solid #89AFD3;
			clear:both;
			/*color:#fff;*/
			padding:5px;
			margin: 0;
}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
.warning {

}

 {

}

.notice {

}

.success {

}