/* 
theme: JBoss Community 4.0 
author: JBoss Community Team 
---  liquid  ---
*/


/*  not sure why this is here?
* {
    margin: 0;
    padding: 0;
}*/

body { 
    font: 12px Tahoma, Geneva, sans-serif;
	/*background: #f3f3f3 url(images/bg.png.xhtml) repeat-x 0 0;*/
	color: #555;
	margin:0px;
	background:#eeeeee;
}

/*------------- =Layout Cheats --------------*/
img {
	border:none;	
}
.clearfix {
    clear: both;
    font-size: 1px;
    height: 0;
    overflow: hidden;
    width: 100%;	
    font-family: Tahoma, Geneva, sans-serif;
}
.clearfix2 {
	min-height:0;
}

br.clearfix {
	clear:both;
	line-height:0px;
}

.spacer {
	background:url(images/common/spacer.png.xhtml) no-repeat top left transparent;	
}
a:hover .spacer  {
	text-decoration:none;	
}

      



/* =Layout 
--------------------- */
#wrapper {
	padding-bottom: 20px;
	position: relative;
}
#maincontent-wrapper {
	margin-bottom: 70px;	
	
}
#branding-header{ 	
	top: 0;
position: fixed;
right: 0;
left: 0;
z-index: 9;
margin-bottom: 0;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
color: #333;
background-color: #fafafa;
background-image: -moz-linear-gradient(top,#fff,#f2f2f2);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2));
background-image: -webkit-linear-gradient(top,#fff,#f2f2f2);
background-image: -o-linear-gradient(top,#fff,#f2f2f2);
background-image: linear-gradient(to bottom,#fff,#f2f2f2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
box-shadow: 0 1px 4px rgba(0,0,0,0.065);
height: 88px;
background: url(images/header.png.xhtml) bottom repeat-x #fafafa;
background: url(images/menu_bg.png.xhtml) bottom repeat-x #fafafa;
}
#branding {  
	position: relative;
	margin: 0 auto 0px auto;
	background: transparent url(images/branding-menu.png.xhtml) repeat-x 0 0;
	height:45px;
	z-index: 8;
}
#navigation{
padding-left: 45px;
padding-top: 3px;
height: 18px;
top: 88px;
z-index: 0;
position: relative;
background-color: #eeeeee;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
font-family: Tahoma, Geneva, sans-serif;
}
#navigation a{
text-transform: uppercase;
font-size: 12px;
padding-left: 3px;
padding-top: 0px;
padding-right: 8px;
background: url(images/frecciaPath.png.xhtml) no-repeat right 0px;
color: #456851;
text-decoration: none;
font-family: Tahoma, Geneva, sans-serif;
}
#navigation a:hover{
color:#7EB177;
font-weight: bold;
font-family: Tahoma, Geneva, sans-serif;
}

#navigation .avcpNavigation{
	margin-left: 20px;
	float:right;	
}
#navigation .ggapNavigation{
float:right;
}
#top_subnav_branding {
	position: relative;
	margin: 0 auto 0px auto;	
	box-shadow:3px 3px 3px #ccc;  
	/*height:131px;  need this to help Opera */
	background-color:#bcbcbc;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius: 5px 5px 0 0; border-radius:5px 5px 0 0;

} 
#project #top_subnav_branding {
	background-color:transparent;	
}
#top_subnav_branding img {/* this targets the community template micro-site banners */
	padding:0 5px;
}
#community #top_subnav_branding #banner img {/* this targets the community template micro-site banners */
	padding:0;
}
#project #top_subnav_branding #banner img {  /* this targets the project template banners */
	position: relative;
    z-index: 99;
	padding:0px;
}
.community-banner { 	/* this is to be used for community banners that must be added in by html rather than uploaded */
	max-width:1175px; 
	overflow:hidden;
	margin:5px 5px 0 0;
	padding-top:5px;
}
#proj_announce-whole,
#proj_announce        {
	display:none; 		/* this is to remove the old banner and show the new banner beneath it */
	overflow:hidden;
	margin-top: -110px; /* this is negatively indented to cover up the 1180px project-banner or default-banner below it */	
	height:110px;       /* this is to give it a height to keep the proj_nav from coming up when the image isn't used */
}
#proj_announce h3,
#proj_announce h2  {
	display:none; 		/* hides old html logo and tagline */
}
#banner {
	overflow:hidden;	
}
#wrapper-2 { 
	margin: 0px auto 0;
	border-radius: 0 0 4px 4px;
    position: relative;
    z-index: 1;
	padding-bottom:15px;
	margin: 0px;
	top: 103px;
}
#wrapper-2-cpv {
margin: 0px auto 0;
border-radius: 0 0 4px 4px;
position: relative;
z-index: 1;
padding-bottom: 5px;
margin: 0px;
margin-top: 0px;
}
#wrap-content {
	padding: 0px;
	margin:0 0px 0px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius: 0px 0px 4px 4px; border-radius:0px 0px 4px 4px;
	min-height: 400px;
	padding-right: 0px;
}
#wrapper-3 {
	float: left;
	display: inline; /* IE 6 */
	margin:0px;
	width: 700px;
	width: 100%; 
	overflow:auto; 
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius: 0px 0px 4px 4px; border-radius:0px 0px 4px 4px;
	} 
#subnav_footer,
#projsubnav_footer {
	margin:0px;
	font-weight:bold;
	display:block;
    font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	height:100%;
}
#subnav_footer li.current .notch,
#projsubnav_footer li.current .notch {
	display:none;
}
#site-info {
	clear: both;  
	overflow: hidden;
	height: 1%; /* IE 6 */
	margin:0 auto;    /* to center the footer div */
	text-align:center;/* to center the footer div */
}


/* =right col layout ----------------------------*/
.rightcol-layout #rightcolumn{
	float:right;
	margin-left:-300px;
	background:url(images/magnolia/bkg_dogearhang.png.xhtml) no-repeat scroll right top #EFEFEF; 
}
.rightcol-layout #main-wrapper{
	float:left;
	width:100%;	
	padding:20px;
}
.rightcol-layout #main {
	margin:0 300px 0 0;	
}

/* =left col layout ----------------------------*/
.leftcol-layout #leftcolumn{
	float:left;
	margin-right:-300px;
	background: url(images/magnolia/bkg_leftcol-gradient.png.xhtml) repeat-x top left #FAFAFA; /* light grey */
}
.leftcol-layout #main-wrapper{
	/*float:right;  took this off because it was making the links in the left column unclickable */
	width:100%;	
}
.leftcol-layout #main {
	margin:0 0 0 300px;	
	background:url(images/magnolia/bkg_dogearhangwhite.png.xhtml) no-repeat scroll right top #FFF;
}

/* =both col layout ----------------------------*/
.bothcol-layout #rightcolumn{
	float:right;
	margin-left:-300px;
	background:url(images/magnolia/bkg_dogearhang.png.xhtml) no-repeat scroll right top #EFEFEF; 
}
.bothcol-layout #leftcolumn{
	float:left;
	margin-right:-300px;
	background: url(images/magnolia/bkg_leftcol-gradient.png.xhtml) repeat-x top left #FAFAFA; /* light grey */
}
.bothcol-layout #main-wrapper {
	float:left;
	width:100%;
}
.bothcol-layout #main {
	margin:0 300px 0 300px;	
}

/* =no col layout ----------------------------*/
.nocol-layout #main-wrapper {
	background:url(images/magnolia/bkg_dogearhangwhite.png.xhtml) no-repeat scroll right top #FFFFFF;
}
#community #main-wrapper,
#home .nocol-layout #main-wrapper {
	/*background-color: #FFFFFF;  this may be covering up the left column */
	background-image:none; /* removes the dogear */
}

.nocol-layout #main {
	background:none;	
	position: relative;
	z-index: 10000;
}
	
#main {
	overflow: hidden; /* IE 6 */
	margin-bottom:5px;
	min-height:300px; /* long enough to keep the primary nav dropdowns from getting cropped off */
}
.column {
	/*display: inline; temp remove IE 6 */
	width: 270px;
	padding:30px 15px 32767px;/* brings grey column down to the bottom of the wrapper */
	margin-bottom: -32747px;  /* brings grey column down to the bottom of the wrapper */
	margin-top:0px;
}

#community #main-wrapper #main {
	background-image:none; /* removes the dogear */
}




/* =Branding
------------------ */
.skip {
    margin: 0;
    padding: 0;
}
.aural, .skip a, #search-box label, #search-results .new-search label, #search-box h6, #nav-global span em, #nav li strong em, #nav-global li.on em, #nav-box li.on em, #primarynav h6, #nav-box li h3 em, #nav h6, .column h6, em.more span, #promos .more, .pager li em, .pager h3, #search-results .form-wrapper label span, #main .vcard div h3, .column .vcard div h3, #glossary-index h3, .day span, form div label em, #nav-content strong em, p#copyright-magnolia span, #event-pager h5, div.superpromos .superpromo-section p.more a span {
    display: block;
    height: 1px;
    left: -9999px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}
#branding {  
	color: #fff;
} 
#logo-header-right {
	overflow: hidden;
	position: relative;
	/*height: 60px;*/
}
#logo-header-left{
background: transparent url(images/sotto_logo.png.xhtml) no-repeat 0 42px;
overflow: hidden;
height: 112px;
width: 170px;
z-index: 5;
position: fixed;
}
#logo-header-left span {
background: transparent url(images/logo-left.png.xhtml) no-repeat 0 0;
position: fixed;
top: 13px;
left: 0px;
z-index: 6;
width: 170px;
height: 100px;
overflow: hidden;
}

#logo-header-right span{
background: transparent url(images/logo-right.png.xhtml) no-repeat 0 0;
position: fixed;
top: 5px;
z-index: 2;
width: 150px;
height: 80px;
overflow: hidden;
right: -25px;
}

#logo-grande {
	background: transparent url(images/logo_grande.png.xhtml) no-repeat 0 0;
	background-position:center;
	overflow: hidden;
	position: relative;
	height: 350px;
}

#logo {
	background: transparent url(images/corners-branding-right-menu.png.xhtml) no-repeat top right; /* rounded corners and shadow */
	overflow: hidden;
	position: relative;
	height: 65px;
}
#logo span {
	background: transparent url(images/corners-branding-left-menu.png.xhtml) no-repeat 0 0;
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 10;
	display: block;
	top: 0;
	left: 0;
	height: 65px;
	width: 167px;
}

#logo strong,
#logo em {
	overflow: hidden;
	position: relative;
	color: #000;
	margin-left:-9999px;
}
#logo em {
	position: absolute;
	z-index: 11;
	left: 80px;
	bottom: 0;
	width: 100%;
	height: 30px;
	color: #336699;
	font-size: 130%;
	font-style: normal;
	font-weight: bold;
	line-height: 1.2em;
	white-space: nowrap;
	font-family: Tahoma, Geneva, sans-serif;
}
#logo a {
	position: absolute;
	display: block;
	left: 0;
	width: 167px;
	height: 40px;
	padding: 10px 0;
	cursor: pointer;
}
#logo a:hover {
	text-decoration: none;
}
#logo a img {
	display: none;
}


/* =Searach */

#search-box {
	position: absolute;
	top: 19px;
	right: 0;
	padding-right:5px;
}              
#search-box input {
	margin: 0 0px 8px 0;
	border: 0px;
	width: 150px;
	padding: 3px 0px 2px 0;
} 
#search-box input:focus,
#search-box input.a11y-focus {
	background: #fff;
	border: 1px solid #abc4d5;
}
#search-box input#searchbar {
	background:#6f7885;	
}
#search-box .button {
	background: transparent url(images/icons/searcharrow.png.xhtml) 0 0 no-repeat;
	width: auto;
	margin: 0;
	color: #fff;
	cursor: pointer;
}
#search-box .button:hover, 
#search-box .button:active,
#search-box .button:focus {
	background: #333;
	color: #fff;
	border: 1px solid #abc4d5;
	border-right: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
}
#search-box a.button {
	width: 100px;
	display: inline;
	border: none;
	padding: 3px 10px 2px 10px;
}



/* =nav meta */

#nav-meta {
	position: absolute;
	right: 175px;
	top: 26px;/* was 21 before SSO avatar 11/2/11 */
} 
#nav-meta ul {
	margin:0px;
}
#nav-meta ul li {
	float: left;
	margin: 0 2px 0 0;
	list-style: none;
	font-size: 110%;
	height: 17px;
	color: #8C8F91;
	font-family: Tahoma, Geneva, sans-serif;
}	

#nav-meta ul #jbssologininfo1 a img {
	margin-top:-9px;/* added for SSO avatar 11/2/11 */
}

#nav-meta ul li a {
	color: #ececec;
	border-bottom:1px dotted #4E7287;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 4px;
	padding: 0;
	text-decoration: none;
	font-size:10px;
	vertical-align: top;
	font-family: Tahoma, Geneva, sans-serif;
}	
#nav-meta ul li a:hover,
#nav-meta ul li a:active,
#nav-meta ul li a:focus {
	color: #B2CDDD;
	border-bottom: 1px dotted #6A8EA4 ;
	outline:0 none;
}	


#dropmenudiv {   
	margin:0 0 0 -1px; 
	background:#6F7885 url(images/dropmenudiv.png.xhtml) bottom left no-repeat;
	border:1px solid #243447;/* dark blue */
	border-top:none;     
    color: #fff;     
	position: absolute;     
	z-index: 102;  /* this is higher than proj_nav or sub_nav */   
	padding: 4px 0px ;     
	text-decoration:none;         
	text-align: left;  
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-radius: 0px 0px 3px 3px; border-radius:0px 0px 3px 3px;
	}
	      
#dropmenudiv a {     
	width: 146px;  /* matches the inline width of the #dropmenudiv inline  */   
	display: block;     
	text-indent: 6px;     
	margin:2px 0px ;     
	padding: 2px 0px ;     
	text-decoration: none;     
	color: #fff;  
	white-space:nowrap;   
	font-size: 10px;
	font-weight:bold;
	text-shadow:1px 1px 1px #000;     
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif; 
	} 
	
#dropmenudiv a.selected {     
	color: #aac4e2; 
	}

#dropmenudiv a:hover {     
	color: #c0c8d1;     
	background-color:#6F7885; /* dark blue */    
	display:block !important;     
	font-style:normal;     
	white-space:nowrap; 
	font-size: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	}


/*  =Primary Nav  */

#primarynav {display: inline;
	display: inline;
width: 98.5%;
font-family: Tahoma, Geneva, sans-serif;
font-size: 13px;
position: fixed;
top: 63px;
left: 170px;
z-index: 9999;
float: left;
	}
	
#primarynav ul{
	background: url(images/frecciaPath.png.xhtml) no-repeat left -1px;
	padding-left: 2px;
	position:absolute;   /* this makes the ul lists overlap */
	}		
	
#primarynav ul li{
	text-align:center;
	list-style:none;
	padding:0;
	height:32px;
	margin:0 1px;
	_margin-top:-1px; /* hack for IE 6 */
	}
#primarynav ul li.current  {
	/*background-color: #3c628d;
	background:  url(images/common-sprite.png.xhtml) no-repeat scroll 0 -249px  ;*/
	}
#primarynav ul li.current .notch {
	display:none;
	}
#primarynav ul li.enterprise  {
	background-color: #3c628d;
	/*background: url(images/common-sprite.png.xhtml) no-repeat scroll 0 -318px  ; */
	}
#primarynav ul li a {
font-weight: bold;
float: none;
padding: 2px 0px 20px;
color: #1B1238;
text-decoration: none;
padding-bottom: 0px;
font-family: Tahoma, Geneva, sans-serif;
	}
#primarynav ul li.current a {
	text-decoration: none;
	color: white;
	padding: 3px;
	line-height: 1;
	font-size: 13px;
	background-color: #4d745b;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	}
#primarynav ul li li.current a { 
	margin-left:-1px; 
}

#primarynav ul li.enterprise a {
	color: #d5c8c8;/* light red */
	background:url(images/primarynav-ent-right.png.xhtml) no-repeat top right transparent;
	}

#primarynav ul li .leaf:hover {
	/*background:  url(images/common-sprite.png.xhtml) no-repeat scroll 0 -249px  ;*/
	/*-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius: 5px 5px 0px 0px; border-radius:5px 5px 0px 0px;*/
	}
#primarynav ul li li:hover {
	background-image:none;    /* removes above background image above on dropdowns */
	color:grey;
}

#primarynav ul .sfHover{
	font-size: 16px;
color: #667A8E;
text-shadow: 1px 1px 1px #FFFFFF;
font-family: Tahoma, Geneva, sans-serif;
}

/* =Dropdown */
#primarynav ul li ul {
	height: 0px;
	width: 175px;
	background: url(images/dropdown_sprite.png.xhtml) 0px top no-repeat;
	padding-top: 10px;
}

#primarynav ul li ul li {
	padding:0px;/* this defaults the 15px padding inherited from above */
	background-image:none;
	text-align:left;
	float:none;
	list-style:none;
	border:none;
	height:auto;
	}
	
#primarynav ul li ul li a,
#primarynav ul li.current ul li a,
#primarynav ul li.enterprise ul li a {		
	color:#FFF;
	font-weight:normal;
	padding: 6px 4px 6px 16px; 
	margin-left:-1px; 
	width: 156px;
	text-shadow: 1px 1px 1px #909691;
	border-bottom: 1px solid #BBC5BB;
	font-size:12px;
	font-weight:bold;
	background: url(images/dropdown_sprite.png.xhtml) -5px -20px repeat-y;
	padding: 10px;
	box-shadow: 0px 0px 20px #888;
	font-family: Tahoma, Geneva, sans-serif;
	}
#primarynav ul li ul li a:hover,
#primarynav ul li.current ul li a:hover,
#primarynav ul li ul li a.unlinked:hover  {
	background-color:#042E09;
	color: #FFF;
	text-decoration: none; /* not working in IE 7.0.5 */
	-moz-border-radius: 0px; border-radius: 0px; -webkit-border-radius: 0px;
	/*background: url(images/sidebar_list_hover3_selected_b.png.xhtml) no-repeat;*/
	}


#primarynav ul li ul li ul{ /* FLYOUT */
	margin-left:74px;
	margin-top:0px;
	}

#primarynav ul li ul li ul li a.current,
#primarynav ul li ul li a.current,
#primarynav ul li a.current {
	background-color:#F2F3F4;
	color:#636464 ;
	background: url(images/sidebar_list_hover3_selected.png.xhtml) no-repeat;
	}
	
/* =Sub navigation and Project navigation  (merge these all into sub_nav when we have time, because they are exacly the same below the first div class) -------------------- */

#sub_nav {	
	margin:5px 0 0 0;
	background: #bebebe;
	font-weight:bold;
	font-size:12px;
	font-family: Tahoma, Geneva, sans-serif;
	position:relative;
	z-index:101; /* was 11 - higher than proj_nav (might need to make jive-userbar higher to keep dropdown order */
	height:26px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius: 5px 5px 0px 0px; border-radius:5px 5px 0px 0px;
	}

#proj_nav {
	margin: 0px;
	font-weight: bold;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	position: relative;
	z-index: 1;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	}

#proj_nav ul,
#sub_nav ul{
	position:absolute;   /* this makes the ul lists overlap the content area */
	padding-left:7px;    /* needs be the same width as the projnav-shadow.png.xhtml */
	width:100%;
	height:26px;
	}
	
#proj_nav ul li,
#sub_nav ul li{
	float:left;
	list-style:none;
	height:26px;
	}
	
#proj_nav ul li.current,
#proj_nav ul li:hover,
#sub_nav ul li.current,
#sub_nav ul li:hover {
	background:url(images/subnav-right.png.xhtml) no-repeat scroll top right transparent;
	padding-bottom:7px;
	_width:74px;/* hack for IE 6 */
	margin-top:-2px;
	text-align:center;
	margin:-2px auto 0px;
	}
#proj_nav ul li ul li:hover,
#sub_nav ul li ul li:hover { /* undoes above styles for children */
	background-image:none;
	margin-top:0px;
	padding-bottom:0px;	
}
li .notch {
	display:none;	
}
li.current .notch {
	background:url(images/subnav-notch.png.xhtml) no-repeat scroll center bottom transparent;
	position:fixed;
	height:10px;
	width:100%;
	top:29px;
	z-index:2;
	margin-left:0px;
	display:block;
}

.notch .none { /* this is to avoid the issue Magnolia has with displaying   */
	display:none;
}

#proj_nav ul li a,
#sub_nav ul li a {
	color:#FFFFFF;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	padding:3px 3px 0px 8px;
	margin:2px 5px 0 5px; 
 	/*-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;*/
	height:15px;
	text-shadow:1px 1px 1px #818181;
	font-family: Tahoma, Geneva, sans-serif;
	}
#proj_nav ul li a:hover,
#sub_nav ul li a:hover {
	text-decoration:none;
	color:#545454;
	text-shadow:1px 1px 1px #e2e1e1;
	}
#proj_nav ul li a.unlinked:hover,
#sub_nav ul li a.unlinked:hover {
	text-decoration:none;
}
#proj_nav ul li.disabled a,
#sub_nav ul li.disabled a,
#proj_nav ul li.disabled:hover a, 
#sub_nav ul li.disabled:hover a   {
	background-image: none;
    color: #E3E3E3;
    text-decoration: none;
    text-shadow: 1px 1px 1px #818181;
}

#proj_nav ul li.current a,
#proj_nav ul li:hover a,
#sub_nav ul li.current a,
#sub_nav ul li:hover a {
	/*background: url(images/common-sprite.png.xhtml) no-repeat 0 -57px ;*/
	background-color: #3c628d;
	height:26px;
	margin-top:0px;
	color:#545454;
	text-shadow:0 1px 1px #FFF;
	padding-top:7px;
	}
 	
#proj_nav ul li.disabled a:hover,
#sub_nav ul li.disabled a:hover {
	color:#E3E3E3;
	text-decoration:none;
	text-shadow:1px 1px 1px #818181;
	background:none;
	box-shadow:none;
}

#proj_nav ul li.current ul li a,
#sub_nav ul li.current ul li a  {
	box-shadow:none;
}

/* =Dropdown */
#proj_nav ul li ul,
#sub_nav ul li ul {
	width:175px;
	margin-left:5px;
	margin-top:-5px; 
	padding:0 0 5px 0;/* this defaults the 20px padding inherited from above */
	background:#DDDEDF /*url(images/subnav-drop.png.xhtml) top repeat-x*/; 
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius: 0px 0px 4px 4px; border-radius:0px 0px 4px 4px;
	height:auto;
	box-shadow:1px 2px 2px #666666;
	border:1px solid #CCC;
	border-top:none;
	z-index:9;
	}

#proj_nav ul li ul li,
#sub_nav ul li ul li {
	padding:0px; /* this defaults the padding above */
	background-image:none;
	text-align:left;
	float:none;
	list-style:none;
	border:none;
	height:auto;
	}
	
#proj_nav ul li.current ul li a,
#sub_nav ul li.current ul li a  {
	background:none; 
	}
		
#proj_nav ul li ul li a,
#proj_nav ul li:hover ul li a,
#proj_nav ul li.current ul li a,
#proj_nav ul li ul li a:hover,
#sub_nav ul li ul li a,
#sub_nav ul li:hover ul li a,
#sub_nav ul li.current ul li a,
#sub_nav ul li ul li a:hover {
	color:#545454;
	font-weight:bold;
	padding: 6px 14px 6px 11px;
	margin-top:0px; /* this removes the inherited -3px from the .current */
	width:150px;
	-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
	height:auto;
	border-top:1px solid #c8c8c8;
	background-image:none;
	text-shadow:0 1px 1px #fff;
	box-shadow:none;
	margin-left:0px;
	font-family: Tahoma, Geneva, sans-serif;
	}
#proj_nav ul li:hover ul li a,
#sub_nav ul li:hover ul li a {
	background-color:transparent;	
}
#proj_nav ul li ul li a:hover,
#sub_nav ul li ul li a:hover {
	background-color:#c8c8c8;
	box-shadow:none;
	}

#proj_nav ul li.current ul li a:hover,
#sub_nav ul li.current ul li a:hover {
	}

#proj_nav ul li ul li ul,
#sub_nav ul li ul li ul {
	margin-left:55px;
	margin-top:0px; /* this includes -1px to account for the 1px border */
	border:1px solid #CCC;
	border-top:none;
	}

#proj_nav ul li ul li ul li a.current,
#proj_nav ul li ul li a.current,
#proj_nav ul li a.current,
#sub_nav ul li ul li ul li a.current,
#sub_nav ul li ul li a.current,
#sub_nav ul li a.current {
	background-color:#e6e6e6;
	}
	
	
	
	
/* =Project Search  (removed to rely on updated main search)   	

#proj_nav ul li#search-field {
	float:right;
	padding-top:4px;
	padding-right:65px;
}
#proj_nav ul li:hover#search-field {
	background-image:none;
	margin-top:0px;
	padding-bottom:0px;
}
li#search-field .button:hover, 
li#search-field .button:active,
li#search-field .button:focus {
	background: #333;
	color: #fff;
	border: 1px solid #abc4d5;
	border-right: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
}
li#search-field #q {
	background:none repeat scroll 0 0 #D6D5D5;
	border:medium none;
	color:#D6D5D5;
	font-weight: bold;
    height: 18px;
    width: 146px;
	margin-left:4px;
}*/



/* =Essential Styles  common to primarynav, proj_nav and sub_nav  ---------------------------------- */ 
ul, menu, dir {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}

.sf-menu, .sf-menu * {
	display: inline;
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu ul {
	position:relative; /*if "absolute" this makes the flyout cover the first ul */
	top:-999em; /* this makes the dropdowns negatively offset and therefore invisible */
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius: 0px 0px 4px 4px; border-radius:0px 0px 4px 4px;
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#primarynav .sf-menu li {
	padding-right: 5px;
	float: left;
	position: relative;
	background: url(images/frecciaPath.png.xhtml) no-repeat right 0px;
}
#primarynav .sf-menu li .leaf {
	background: none;
}	
#proj_nav .sf-menu li,
#sub_nav .sf-menu li {
	float:			left;  
	position:		relative;
	z-index: 9999;
	text-align:center;
	display:block;
}
#proj_nav .sf-menu li ul li,
#sub_nav .sf-menu li ul li{
	text-align:left;
}

.sf-menu a {
	display:		block;
	position:		relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			20px; /*  match top ul list item height */
	z-index:		300;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

#sub_nav ul li ul.lastul {
	margin-left:-53px;

}

ul.sf-shadow ul {
    background: url(images/shadow.png.xhtml) no-repeat scroll right bottom transparent;
    border-bottom-left-radius: 17px;
    border-top-right-radius: 17px;
    padding: 0 8px 9px 0;
}


/*** Arrows **/
#primarynav ul li ul li.open a,
/*#proj_nav ul li ul li.open a,*/
/*#sub_nav ul li ul li.open a*/ {
	width:185px; 
}

#primarynav ul li ul li.open a {
	background:transparent url(images/arrownav-sprite.png.xhtml) no-repeat 190px 6px;
	}
#primarynav ul li ul li.open a:hover {
	/*background:#6F7885 url(images/arrownav-sprite.png.xhtml) no-repeat 190px -53px;*/
	}

#proj_nav ul li ul li.open a,
#sub_nav ul li ul li.open a {
	background:transparent url(images/arrownav-sprite.png.xhtml) no-repeat 160px 6px;/* this is a thinner positioning */
	}
#proj_nav ul li ul li.open a:hover,
#sub_nav ul li ul li.open a:hover {
	background:#C8C8C8 url(images/arrownav-sprite.png.xhtml) no-repeat 160px -53px;/* this is a thinner positioning */
	}



#primarynav ul li ul li ul li.leaf a,
#primarynav ul li ul li ul li.leaf a:hover,
#primarynav ul li ul li.leaf a,
#primarynav ul li ul li.leaf a:hover,
#primarynav ul li.leaf a,
#primarynav ul li.leaf a:hover,
/*
#proj_nav ul li ul li ul li.leaf a, #sub_nav ul li ul li ul li.leaf a,
#proj_nav ul li ul li ul li.leaf a:hover, #sub_nav ul li ul li ul li.leaf a:hover,
*/
#proj_nav ul li ul li.leaf a, #sub_nav ul li ul li.leaf a,
#proj_nav ul li ul li.leaf a:hover, #sub_nav ul li ul li.leaf a:hover
/*
#proj_nav ul li.leaf a, #sub_nav ul li.leaf a,
#proj_nav ul li.leaf a, #sub_nav ul li.leaf a:hover */
{
	
}


/** Arrows for .current **/
#primarynav ul li ul li ul li.open a.current,
#primarynav ul li ul li.open a.current,
#primarynav ul li.open a.current,
#proj_nav ul li ul li ul li.open a.current, #sub_nav ul li ul li ul li.open a.current,
#proj_nav ul li ul li.open a.current, #sub_nav ul li ul li.open a.current,
#proj_nav ul li.open a.current, #sub_nav ul li.open a.current {
	width:185px; /* was 150 until icons were added on 11/29/10 */
}
#primarynav ul li ul li ul li ul li.leaf a.current,
#primarynav ul li ul li ul li ul li.leaf a.current:hover,
#primarynav ul li ul li ul li.leaf a.current,
#primarynav ul li ul li ul li.leaf a.current:hover,
#primarynav ul li ul li.leaf a.current,
#primarynav ul li ul li.leaf a.current:hover,
#primarynav ul li.leaf a.current,
#proj_nav ul li ul li ul li.leaf a.current, #sub_nav ul li ul li ul li.leaf a.current,
#proj_nav ul li ul li.leaf a.current, #sub_nav ul li ul li.leaf a.current,
#proj_nav ul li.leaf a.current, #proj_nav ul li.leaf a.current {
}
#primarynav ul li ul li ul li.open a.current,
#primarynav ul li ul li.open a.current,
#primarynav ul li.open a.current,
#primarynav ul li ul li ul li.leaf a.current,
#primarynav ul li ul li.leaf a.current,
#primarynav ul li.leaf a.current {
	color:#FFF;
}
#primarynav ul li ul li ul li.leaf a.current,
#primarynav ul li ul li.leaf a.current,
#primarynav ul li.leaf a.current {
	
}
#primarynav ul li ul li ul li.open a.current:hover,
#primarynav ul li ul li.open a.current:hover,
#primarynav ul li.open a.current:hover {
	/*background:url(images/arrownav-sprite.png.xhtml) no-repeat 190px -53px #6F7885;*/
	color:#FFF;
}

#proj_nav ul li ul li ul li.open a.current, #sub_nav ul li ul li ul li.open a.current,
#proj_nav ul li ul li.open a.current, #sub_nav ul li ul li.open a.current,
#proj_nav ul li.open a.current, #sub_nav ul li.open a.current {
	background: url(images/arrownav-sprite.png.xhtml) no-repeat 0 -60px;
	}







/* =Top Subnav Branding - includes sub_nav and project banner
-------------------------- */
#top_subnav_branding h1 { 
	margin: 0 0 10px 0;
} 
#top_subnav_branding img {
	display: block;
	line-height: 1;
}
#top_subnav_branding a img {
	border: none;
}  
#stage-box {    
	position: absolute;
	top: 53px;
	left: 20px;
	padding: 10px;
	background: #0D0D0D;
	border-radius: 8px; /* CSS3 */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}                     
#top_subnav_branding h1 {
	float: left;         
	margin: 0;
	padding: 10px 10px 0 10px;
	font-weight: bold;
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
}
#top_subnav_branding p {      
	clear: left;
	float: left; 
	width: 300px;
	padding: 10px 10px;
	line-height: 1.3em;
	color: #fff;
} 

#proj_logo-neg,   /* for branded banners */
#proj_logo      { /* for default banners */
	background:url(images/corners-banner-left.png.xhtml) no-repeat scroll 0 0 transparent;
    position: absolute;
    left: 0;
    top: 0;
	height: 111px;
    width: 5px;
}
#proj_logo-neg h2, /* for branded banners */
#proj_logo h2,     /* for default banners */
#proj_tagline-neg {
	display:none;	
}

#top_subnav_branding #banner {
	background:	url(images/singular/default_banner-1180px.png.xhtml) no-repeat scroll top right transparent;
	height:110px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius: 4px 4px 0px 0px; border-radius:4px 4px 0px 0px;
}

#top_subnav_branding #tagline {
	background:url(images/corners-banner-right.png.xhtml) no-repeat scroll top right transparent;
	height:111px;
	font-size:21px;
	letter-spacing:-1px;
	position:absolute;
	right:0px;/* must be 0 to align the corner to top right */
	top:0px;  /* must be 0 to align the corner to top right */
	padding:60px 40px 0 0 ;
	text-shadow:2px 2px 2px #666;
	color:#FFF;	
	height:50px;
	z-index:100; /* this is higher than the banner img that should override it */
	font-family: Tahoma, Geneva, sans-serif;
}

#top_subnav_branding #projectname {
	height:111px;
	font-size:27px;
	letter-spacing:-1px;
	position:absolute;
	left:0px;/* must be 0 to align the corner to top right */
	top:0px;  /* must be 0 to align the corner to top right */
	padding:50px 0px 0 40px ;
	text-shadow:2px 2px 2px #666;
	color:#FFF;	
	height:50px;
	z-index:98; /* this is lower than the banner img that should override it */
	font-family: Tahoma, Geneva, sans-serif;
}


  
  
/*------------- = Multi-tiered Subnavigation above the Footer --------------*/


#subnav_footer ul,
#projsubnav_footer ul {
	clear:both;
	margin:0px;
	padding-left:20px;
}

#subnav_footer ul li,
#projsubnav_footer ul li {
	float:left;
	list-style:none;
	padding:15px 10px 20px;
	width:11.25%;
}

#subnav_footer ul li a,
#projsubnav_footer ul li a {
	color:#FFFFFF;
	text-decoration:none;
	text-shadow:0 1px 1px #666;
}

#subnav_footer ul li a:hover,
#projsubnav_footer ul li a:hover {
	color:#545454;
	text-shadow:1px 1px 1px #CCC;
	text-decoration:none;
}

#subnav_footer ul li.disabled a, #subnav_footer ul li.disabled a:hover,
#projsubnav_footer ul li.disabled a, #projsubnav_footer ul li.disabled a:hover {
	color:#EAEAEA;
	text-decoration:none;
}
#proj_nav ul li.disabled:hover {
	background:none;
}


#subnav_footer ul li li,
#projsubnav_footer ul li li {
	font-family: Tahoma, Geneva, sans-serif;
	letter-spacing:-0.04em;
	font-weight:normal;
	font-size:11px;
	float:none;
	padding:0px 0 0px 5px;
	list-style:none;
	width:100%;
	
}

#subnav_footer ul li ul,
#projsubnav_footer ul li ul {
	padding-top:8px;
	margin-left:-25px;
}
#subnav_footer ul li ul li ul,
#projsubnav_footer ul li ul li ul {
	padding-top:0px;
	}

#subnav_footer ul li li li,
#projsubnav_footer ul li li li {
	color:#666666;
}

#subnav_footer ul li li a,
#projsubnav_footer ul li li a {
	color:#E9E9EB;
	text-shadow:1px 1px 1px #888;
}

#subnav_footer ul li li a:hover,
#projsubnav_footer ul li li a:hover {
	text-decoration:none;
	color:#FFF;
	text-shadow:1px 1px 1px #999;
}

#subnav_footer ul li li li,
#projsubnav_footer ul li li li {
	font-family: Tahoma, Geneva, sans-serif;
	letter-spacing:-0.04em;
	font-weight:normal;
	font-size:11px;
	padding:0px 0 0px 15px;
}
#subnav_footer ul li li li a,
#projsubnav_footer ul li li li a {
	color:#D8D8D8;
	}



/*  =Footer  */
.footer {
	text-align:center;
	color:#000000;
	font-size:11px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	width: 100%;
}
.footer a {
	color:#000000;
}
.footer p {
	padding:2px 0 0 0;
	margin:0px;
}


#footerlogo {
	float: left;
	text-align: center; 
	width: 75px;
	height:25px;
	display:inline;
}

#footerlogo a {
	display: block; 
	text-align: center; 
	margin: 0pt auto; 
	width: 75px;
	height:25px;
}

#footerlogo h6 { 
	padding:0px;
	margin:0px;
	background-color: #3c628d;
	/*background: transparent url(images/common-sprite.png.xhtml) no-repeat 0 -478px;/* red hat logo in footer */
	width:75px;
	height:25px;
	text-indent:-9999px;
	display:block;
}


/* ---------------- Magnolia Template Dialog Styles ------------------------------------ */
.layout_settings_bar {
	background-color:#903;
	clear:both;
	margin-bottom:3px;	
}




/* ---------------- Project icons ------------------------------------ */
/* Generated by 
http://spritegen.website-performance.org/
with these settings:
  Horizontal Offset: 5
  Vertical Offset: 5
  Class Prefix (optional): nothing
*/
.project-icon-med {  
  background: url(images/icons/sprite-project-icons-all.png.xhtml) no-repeat top left;
  float:left;
  margin:-1px 4px 0 -9px; 
  display:block;
  padding-left:5px;
}
.simpletablestyle .project-icon-med {   /* targets the project matrix page */
	margin:0px;
}

.aerogear_icon_16x{ background-position: 0 -1176px; width: 16px; height: 16px; } /* last one */
.apiviz_icon_16x{ background-position: 0 -1077px; width: 16px; height: 16px; }
.arquillian_icon_16x{ background-position: 0 0; width: 16px; height: 16px; } 
.blacktie_icon_16x{ background-position: 0 -21px; width: 16px; height: 16px; } 
.blank_icon_16x{ background-position: 0 -42px; width: 16px; height: 16px; } 
.boxgrinder_icon_16x{ background-position: 0 -63px; width: 16px; height: 16px; }
.byteman_icon_16x{ background-position: 0 -1017px; width: 16px; height: 16px; } 
.capedwarf_icon_16x{ background-position: 0 -1136px; width: 16px; height: 16px;  }
.ceylon_icon_16x{ background-position: 0 -1156px; width: 16px; height: 16px;  }
.cirras_icon_16x{ background-position: 0 -84px; width: 16px; height: 16px; } 
.dna_icon_16x{ background-position: 0 -105px; width: 15px; height: 15px; } 
.drools_icon_16x{ background-position: 0 -125px; width: 16px; height: 16px; } 
.embeddedjopr_icon_16x{ background-position: 0 -146px; width: 16px; height: 16px; } 
.errai_icon_16x{ background-position: 0 -167px; width: 16px; height: 16px; } 
.gatein_icon_16x{ background-position: 0 -188px; width: 16px; height: 16px; } 
.guvnor_icon_16x{ background-position: 0 -209px; width: 15px; height: 14px; } 
.hibernate_icon_16x{ background-position: 0 -228px; width: 16px; height: 16px; } 
.hornetQ_icon_16x{ background-position: 0 -249px; width: 16px; height: 16px; } 
.infinispan_icon_16x{ background-position: 0 -270px; width: 16px; height: 16px; } 
.ironjacamar_icon_16x{ background-position: 0 -291px; width: 16px; height: 16px; } 
.jbossas7_icon_16x{ background-position: 0 -1096px; width: 16px; height: 16px; }
.jbossmc_icon_16x{ background-position: 0 -312px; width: 16px; height: 16px; } 
.jbossportal_icon_16x{ background-position: 0 -333px; width: 16px; height: 16px; } 
.jbpm_icon_16x{ background-position: 0 -354px; width: 16px; height: 16px; } 
.jgroups_icon_16x{ background-position: 0 -375px; width: 16px; height: 16px; } 
.jopr_icon_16x{ background-position: 0 -396px; width: 16px; height: 14px; } 
.jsfunit_icon_16x{ background-position: 0 -1116px; width: 16px; height: 16px; }
.mass_icon_16x{ background-position: 0 -415px; width: 17px; height: 15px; } 
.mobicents_icon_16x{ background-position: 0 -435px; width: 16px; height: 16px; }
.modcluster_icon_16x{ background-position: 0 -996px; width: 16px; height: 16px; } 
.modeshape_icon_16x{ background-position: 0 -456px; width: 16px; height: 16px; } 
.narayana_icon_16x{ background-position: 0 -1037px; width: 16px; height: 16px; }
.netty_icon_16x{ background-position: 0 -1057px; width: 16px; height: 16px; }
.overlord_icon_16x{ background-position: 0 -477px; width: 16px; height: 16px; } 
.papaki_icon_16x{ background-position: 0 -498px; width: 16px; height: 16px; } 
.picketbox_icon_16x{ background-position: 0 -519px; width: 16px; height: 16px; } 
.picketlink_icon_16x{ background-position: 0 -540px; width: 16px; height: 16px; } 
.pressgang_icon_16x{ background-position: 0 -561px; width: 16px; height: 16px; } 
.railo_icon_16x{ background-position: 0 -582px; width: 16px; height: 16px; } 
.resteasy_icon_16x{ background-position: 0 -603px; width: 16px; height: 16px; } 
.reststar_icon_16x{ background-position: 0 -624px; width: 16px; height: 16px; } 
.richfaces_icon_16x{ background-position: 0 -645px; width: 16px; height: 16px; } 
.riftsaw_icon_16x{ background-position: 0 -666px; width: 16px; height: 16px; } 
.sam_icon_16x{ background-position: 0 -687px; width: 16px; height: 16px; } 
.savara_icon_16x{ background-position: 0 -708px; width: 16px; height: 16px; } 
.scribble_icon_16x{ background-position: 0 -729px; width: 16px; height: 16px; } 
.seam_icon_16x{ background-position: 0 -750px; width: 16px; height: 16px; } 
.shrinkwrap_icon_16x{ background-position: 0 -771px; width: 16px; height: 16px; } 
.snowdrop_icon_16x{ background-position: 0 -792px; width: 16px; height: 16px; } 
.switchyard_icon_16x{ background-position: 0 -813px; width: 16px; height: 16px; } 
.tattletale_icon_16x{ background-position: 0 -834px; width: 16px; height: 16px; } 
.teiid_icon_16x{ background-position: 0 -855px; width: 16px; height: 16px; } 
.tohu_icon_16x{ background-position: 0 -876px; width: 16px; height: 16px; } 
.tools_icon_16x{ background-position: 0 -897px; width: 16px; height: 16px; } 
.torquebox_icon_16x{ background-position: 0 -918px; width: 16px; height: 11px; } 
.weld_icon_16x{ background-position: 0 -934px; width: 16px; height: 15px; } 
.wise_icon_16x{ background-position: 0 -954px; width: 16px; height: 16px; } 
.xnio_icon_16x{ background-position: 0 -975px; width: 16px; height: 16px; } 


#container li {
   background: url(images/icons/sharethis-sprite.png.xhtml) no-repeat top left;
}
.st-facebook-sprite-on{ background-position: 0 0; width: 22px; height: 22px; } 
.st-facebook-sprite{ background-position: 0 -32px; width: 22px; height: 22px; } 
.st-linkedin-sprite-on{ background-position: 0 -64px; width: 22px; height: 22px; } 
.st-linkedin-sprite{ background-position: 0 -96px; width: 22px; height: 22px; } 
.st-mail-sprite-on{ background-position: 0 -128px; width: 22px; height: 22px; } 
.st-mail-sprite{ background-position: 0 -160px; width: 22px; height: 22px; } 
.st-sharethis-sprite-on{ background-position: 0 -192px; width: 22px; height: 22px; } 
.st-sharethis-sprite{ background-position: 0 -224px; width: 22px; height: 22px; } 
.st-twitter-sprite-on{ background-position: 0 -256px; width: 22px; height: 22px; } 
.st-twitter-sprite{ background-position: 0 -288px; width: 22px; height: 22px; } 


html {
background-image:none;
background-repeat: no-repeat;
background-position: 60% 140px;
overflow-y: scroll;
}