/*
 * Copyright (c) 2001-2008 New Technology/enterprise.
 *
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *    NT/e - Version 5 implementation
 */
 /* Init --------------------------------------------------------------------- */

/*
	don't do this - makes it difficult to inherit.  Do it in 'body' instead.
	* {
		margin: 0px;
		padding: 0px;
	}
*/

body 
{
	text-align: center;
	/*font-size: 75%;*/ /*=12pixels*/
	font-size: 12px;
	font-family: verdana, tahoma, sans-serif;
	font-weight: normal;
	line-height: 1.4em;
	color: #666666;
	background-color: white;
	margin: 0px;
	padding: 0px;
}
div 
{
	text-align: left;
}
span 
{
	display: inline;
}
img 
{
	display: block;
}
blockquote
{
	font-style: italic;
	font-size: 110%;
	margin-top: 10px;
	margin-bottom: 10px;
}
h1,
h2,
h3 
{
	font-family: arial, geneva, helvetica, sans-serif;
	font-weight: bold;
	color: #558822;
}
h1 
{
	font-size: 1.6em;
	margin-top: 20px;
	margin-bottom: 16px;
}
h2 
{
	font-size: 1.2em;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-bottom: 13px;
}
h3 
{
	font-size: 1.1em;
	margin-top: 15px;
	margin-bottom: 10px;
}
ul 
{
	list-style-type: none;
}
a[href] 
{ 
	text-decoration: underline;
	color: #207058;
}
.ahrefExtension
{
	color: #207058;
}
a[href]:visited 
{
	color: #808080;
}
a[href]:hover 
{
	color: #88DD44;
}
/*
 * Clear float positions.
 */
.clear 
{
	clear: both;
}
hr
{
	float: left;
	width: 60%;
	margin-top: 10px;
	margin-bottom: 15px; /* overridden for IE */
	display: block;
}
#body_column .indent1
{
	margin-left: 15px;
}
#body_column .indent2
{
	margin-left: 18px;
}
#body_column .codeblock
{
	font-size: 110%;
	font-family: "Courier New", Courier, monospace;
	color: #484848;
	margin: 10px 15px 10px 20px;
}


/* IE fixes ------------------------------------------------ */

	/* Solve the IE 3px gap bug */ /* Hides from IE5-mac \*/
* html .section,
p 
{
	height: 1%;
}
/* End hide from IE5-mac */ 

/* PNG transparency fix - using PNG-8s at the moment */
/*img 
{
	behavior: url(css/png-fix.htc);
}
*/

p.IEspacerHack 
{
	/* overridden in IEhacks.css */
}
.noDisplayInIE
{
	/* overridden in IEhacks.css */
}
#body_column p.thinSpacer
{
	margin: 10px 0 0 0;  /* on FireFox the margins combine OK */
	padding: 0;
}
div.paddingWrapperToFixIEBugstyle
{
	padding-bottom: 1px;  /* wrap a div of this class around something you need to have extra padding on.
	                         If you put the margin on an inner element, IE ignores it.
	                         For some reason, the presence of the wrapper seems to make IE respect the inner margin?
	                      */
}
#body_column div.paddingWrapperToFixIEBugstyle ul 
{
	margin-bottom: 0px;
}

/* Fluid layout constraints ----------------------------------------- */

#main_container,
#top_menu_container,
#logo_banner_container,
.copyright 
{
	max-width: 1200px;
}
#footer,
#top_menu,
#header_bottom 
{
	width: 100%;
}

/* Main layout -------------------------------------------------------------- */

#main_container 
{
	margin: 0px auto 0px auto;
}
#footer 
{
	margin: 0px;
	border: 0px;
	padding: 0px;
	height: 90px;
	margin-top: 50px;
	text-align: center;
	color: white;
	background: #52842D url("../img/slices/footer.png") repeat-x;
}

/* Header layout ------------------------------------------------------------ */

#top_menu 
{
	width: auto;
	height: 45px;
	text-align: center;
	background: #52842D url("../img/slices/top_menu.png") repeat-x;
}
#top_menu ul 
{
	margin-top: 0px;
	margin-bottom: 0px;
}
#top_menu_container 
{
	margin: 0px auto 0px auto;
	padding-top: 4px;
}
#top_menu_container a[href] 
{ 
	text-decoration: none;
}
#header_bottom 
{
	height: auto;
	text-align: center;
	background: url("../img/slices/logo_banner_container.png") repeat-x;
}
#logo_banner_container 
{
	margin: 0px auto 0px auto;
	padding: 0;
}

/* body layout -------------------------------------------------------------- */

#left_column 
{
	float: left;
	width: 210px;
	height: auto;
}
#body_column 
{
	padding: 1px 0px 0px 230px;
	width: auto;
}

/* footer layout ------------------------------------------------------------ */

.copyright 
{
	margin: 0px auto 0px 15px;
	padding-top: 15px;
	font-size: 75%;
	line-height: 1.1em;
}

/* logo_banner_container layout --------------------------------------------- */

#logo 
{
	float: left;
	width: 210px;
	height: 100px;
	margin-top: 10px;
}
#banner 
{
	float: right;
	width: 200px;
	height: 85px;
	margin-top: 10px;
}
#title 
{
	font-size: 30px;
	line-height:36px;
	margin-bottom: 18px;
	padding: 0;
	text-align: center;
	padding-top: 5px;
	color: #558822;
}

/* leftColumn layout ------------------------------------------------------ */

.left_menu_container 
{
	width: 210px;
}
#powered_by 
{ 
	/*float: right;*/
	text-align: center;
}
#powered_by img 
{
	margin: 10px auto 10px auto;
}

/* left_menu layout --------------------------------------------------------- */

.left_menu_top 
{
	width: 210px;
	background: url("../img/slices/left_menu_top2.png") no-repeat top;
}
.left_menu_bottom 
{
	width: 210px;
	background: url("../img/slices/left_menu_bottom2.png") no-repeat bottom;
}

/* sub_container layout --------------------------------------------------------- */
	
#body_column .sub_container 
{
	float: left;
}

.sub_container 
{
	height: 70px;
	display: inline; /* stops wraparound, hopefully */
	margin-top: 50px;
	margin-right: 30px;
	float: right;
	width: auto;
}
.sub_container ul 
{
	margin: 0;
	padding: 0;
}
.sub_container li 
{
	display: inline;
	padding: 0px 0px 0px 0px;
	margin 0px 0px 5px 0px;
	border 0px 0px 0px 0px;
}

/*  The following is an IE "hack" to switch on hasLayout and should be undone with
	 display: inline later, but that doesn't seem to be happening. 
*/
	 
.sub_container .aright, 
.aleft, 
.acentre 
{
	display: inline-block;
}
.sub_container .acentre 
{
	display: inline;
	padding: 20px 0px 20px 0px;
	width: auto;
	color: #558822;
	height: 54px;
	background: url("../img/slices/sc_box_mid2.png") repeat-x;
	font-weight: bold;
}
.sub_container .acentre:hover 
{
	color: #88DD44;
}
.sub_container span.acentre 
{
	color: #888888;
}
.sub_container span.acentre:hover 
{
	color: #888888;
}
.sub_container .aright 
{
	display: inline;
	margin-right 20px;
	height: 54px;
	padding: 20px 0px 20px 13px;
	background: url("../img/slices/sc_box_right2.png") no-repeat;
}
.sub_container .aleft 
{
	display: inline;
	height: 54px;
	margin-left 20px;
	padding: 20px 13px 20px 0px;
	background: url("../img/slices/sc_box_left2.png") no-repeat;
}

/* top menu ----------------------------------------------------------------- */

#top_menu div.date,
#top_menu div.version 
{
	margin: 0px 0px 0px 10px;
	float: left;
	color: white;
}
#top_menu ul 
{
	float: right;
	height: 37px;
	border-right: 1px solid #80AA66;
}
#top_menu li 
{
	display: inline;
	height: 37px;
	margin-left: -4px;
}
#top_menu a 
{
	position: relative;
	top: 9px;
	border-left: 1px solid #80AA66;
	padding: 10px 10px 13px 10px;
	font-size: 12px;
	color: white;
}
#top_menu a:hover 
{
	text-decoration: underline;
	background: url("../img/slices/top_menu_hover.png") repeat-x top;
}

/* left menu - first level menu --------------------------------------------- */

.left_menu_top h5 
{
	padding: 26px 20px 0px 20px;
	font-size: 1em;
	color: #558822;
	margin: 0 0 0 0;
}
ul.left_menu 
{
	padding: 18px 18px 22px 26px;
	margin:  4px 0 8px 0;
}
ul.left_menu a 
{
	font-size: 0.9em;
	color: #558822;
	margin-left: 2px;
	padding-left: 18px;
}
ul.left_menu a:hover 
{
	color: #88DD44;
}
ul.left_menu li.none .no_link
{
	background:transparent url(../img/slices/left_menu_option.gif) no-repeat scroll left center;
	color:#88DD44;
	color:#558822;
	font-size:0.9em;
	margin-left:2px;
	padding-left:18px;

/*	background: url("../img/slices/left_menu_option.gif") no-repeat left; */

}
ul.left_menu li.none a 
{
	background: url("../img/slices/left_menu_option.gif") no-repeat left;
}
ul.left_menu li.none a:hover 
{
	background: url("../img/slices/left_menu_option_hover.gif") no-repeat left;
}
ul.left_menu li.none a.selected 
{
	font-weight: bold;
	background: none;
}
ul.left_menu li.expanded a 
{
  	font-weight: bold;
  	margin-left: 0px;
	background: url("../img/slices/left_menu_expand_selected.gif") no-repeat left;
}
ul.left_menu li.expanded a:hover 
{
	background: url("../img/slices/left_menu_expand_hover.gif") no-repeat left;
}
ul.left_menu li.collapsed a 
{
	margin-left: 0px;
	background: url("../img/slices/left_menu_expand.gif") no-repeat left;
}
ul.left_menu li.collapsed a:hover 
{
	background: url("../img/slices/left_menu_expand_hover.gif") no-repeat left;
}

/* left menu - second level menu ------------------------------------------- */

ul.left_menu ul 
{
	list-style-type: none;
	padding: 0px 0px 10px 10px;
}
ul.left_menu li.expanded ul 
{
	display: block;
}
ul.left_menu li.expanded ul a 
{
	font-weight: normal;
	background: none;
}
ul.left_menu li.expanded ul li.expanded a 
{
	font-weight: bold;
	background: url("../img/slices/left_menu_expand_selected.gif") no-repeat left;
}
ul.left_menu li.expanded ul li.expanded a:hover 
{
  background: url("../img/slices/left_menu_expand_hover.gif") no-repeat left;
}
ul.left_menu li.expanded ul li.collapsed a 
{
	font-weight: normal;
	background: url("../img/slices/left_menu_expand.gif") no-repeat left;
}
ul.left_menu li.expanded ul li.collapsed a:hover 
{
  background: url("../img/slices/left_menu_expand_hover.gif") no-repeat left;
}
ul.left_menu li.expanded ul a.selected 
{
	font-weight: bold;
}
ul.left_menu li.collapsed ul 
{
	display: none;
}
ul.left_menu ul li.none a, 
ul.left_menu ul li.none a:hover, 
ul.left_menu ul li.none a.selected 
{
	background: none;
}

/* left menu - third level menu --------------------------------------------- */

ul.left_menu ul ul 
{
	padding: 0px 0px 10px 10px;
}
ul.left_menu ul li.expanded ul 
{
  display: block;
}
ul.left_menu ul li.expanded ul li.none a 
{
  font-weight: normal;
}
ul.left_menu ul li.expanded ul li.none a.selected 
{
	font-weight: bold;
}
ul.left_menu ul li.expanded ul li.none a, 
ul.left_menu ul li.expanded ul li.none a:hover, 
ul.left_menu ul li.expanded ul li.none a.selected 
{
  	background: none;
}

/* google_search -------------------------------------------------------------- */

.google_search 
{
  margin-left: 10px;
  margin-top: 20px;
}

.google_search .search_button 
{
color: #558822;
background: #f2f7e7;
}

/* body_column -------------------------------------------------------------- */

#body_column p /* overridden for IE */
{
	margin: 10px 15px 10px 0px;
}
#body_column .section,
#body_column dl 
{
	margin: 15px 0px 0px 0px;
	padding: 0px 10px;
}
#body_column .section .section 
{
	margin: 0px;
	border: 0px;
	padding: 0px;
	overflow: auto;
}
/* Overflow fix for IE */
* #body_column .section .section 
{
	position: relative;
	width: 100%;
	overflow: hidden;
	overflow-x: auto;
}
#body_column ul 
{
	margin: 10px 15px 10px 15px;
	padding: 0;
}
#body_column .section ul li 
{
	padding: 0px 0px 0px 15px;
	 margin: 0px 0px 4px 0px;
	background: url("../img/slices/main_space_list.gif") no-repeat left 5px;
}
#body_column ol 
{
	padding: 15px 0px 15px 20px;
}
#body_column ol ol 
{
	padding: 0px 0px 0px 15px;
}

/* tables ------------------------------------------------------------------- */
/*
	Don't do this - it screws up layout big-time in IE7.  Instead use marginsForTable div
		
			#body_column table 
			{
				margin: 0 15px 0 15px;
			}
*/
div.marginsForTable 
{
	margin: 0 15px 0 15px;
}
#body_column table tr 
{
	margin: 0 0 4px 15px;
}
#body_column table.bodyTable 
{
	margin: 0px 0px 10px 0px;
	border-collapse: collapse;
	padding: 2px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.9em;
	color: #333333;
	background: white;
}
#body_column table.bodyTable th, 
table.bodyTable tr, 
table.bodyTable td 
{
	margin: 0px;
	border: 1px solid white;
	padding: 0px 7px 0px 7px;
}
#body_column table.bodyTable tr.a 
{
	background: #F7F9F4;
}
#body_column table.bodyTable tr.b 
{
	background: #F2F5ED;
}
#body_column table a.externalLink 
{
	background: none;
	padding-right: 0px;
}
#body_column table.bodyTable th 
{
	padding: 7px 7px 5px 7px;
	background: #CDDCB8 url("../img/slices/table_head_dark.png") repeat-x;
}

/* source sections ---------------------------------------------------------- */

#body_column .source 
{
	margin: 14px 0px 14px 0px;
	border: 1px solid #E6E9DA;
	font-size: 1.1em;
	font-family: "Courier new", Courier, monospace;
	color: #333333;
	background: #F9FAF5 url("../img/slices/code_section.png") repeat-x top;
}
/* 
	this is too general
		#body_column b 
		{
			padding-top: 10px;
		}
*/
#body_column h2 
{
	padding: 5px 10px 5px 10px;
	border: 1px solid #D8E4C7;
	background: white url("../img/slices/h2.png") repeat-x top;
}

/* copyright ---------------------------------------------------------------- */

.copyright p 
{
	font-size: 0.9em;
}

/* -------------------------------------------------------------------------- */
/* Old maven-theme.css ------------------------------------------------------ */
/* -------------------------------------------------------------------------- */

#legend li.externalLink 
{
	background: url(../img/icons/external.png) left top no-repeat;
	padding-left: 18px;
}
a.externalLink 
{
	background: url(../img/icons/external.png) right no-repeat;
	padding-right: 18px;
}
ul.left_menu a.externalLink 
{
	padding-right: 0px;
}
ul.left_menu a.externalLink span 
{
	background: url(../img/icons/external.png) right no-repeat;
	padding-left: 18px;
}
#legend li.newWindow 
{
	background: url(../img/icons/newwindow.png) left top no-repeat;
	padding-left: 18px;
}
a.newWindow,
a.newWindow:hover 
{
	background: url(../img/icons/newwindow.png) right center no-repeat;
	padding-right: 18px;
}
.errormark, 
.warningmark, 
.donemark, 
.infomark 
{
	background: url(../img/icons/icon_error_sml.gif) no-repeat;
}
.warningmark 
{
	background-image: url(../img/icons/icon_warning_sml.gif);
}
.donemark 
{
	background-image: url(../img/icons/icon_success_sml.gif);
}
.infomark 
{
	background-image: url(../img/icons/icon_info_sml.gif);
}

