@charset "UTF-8";
/* 

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

These are the common css styles for the JBoss.org site. 

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

*/


/* =Base styles for container */

html {	
	background-color:#e6e7e8;
}

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background:url(../../images/common/common-sprite.gif) no-repeat 0 -620px; /* bkgslimheader_left.png */
	height:45px;
 	font-family: "Lucida Sans Unicode", "Lucida Grande", Geneva, Verdana, Arial, sans-serif;
 	font-size:12px;
}

strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}


#container {
	margin: 0px auto;
	width: 969px;
	text-align: left;
}

#contentcontainer {
	clear:both;
	margin: 0px auto;
	background-color:#FFFFFF;
	background-image:url(../../images/common/bkgblur_right.gif);
	background-repeat:repeat-y;
	background-position:right;
	width: 980px;
	text-align: left;
}

#container_grey {
	padding:7px 7px 0px 8px;/* padding is for the shadow */
	_margin-top:-7px;/* hack for IE 6 */
	_padding-left:14px;/* hack for IE 6 */
	background:#CCCCCC url(../../images/common/bkg_greycontainer.png) repeat;
	color:#5B5B5B;
	margin-right: 7px;
}

a img {
	border:0px;
}

/* body, img, div, span, a, li, ul, dt, dd, input  { this is for the Twin Helix iepngFix javascript  -  http://www.twinhelix.com/css/iepngfix/demo  */
/*	behavior: url(/resources/iepngfix.htc)  make this relative to the HTML document location (not relative to the CSS document!) 
} */

/* =Overrides browser defaults   

p, ul, ol, li {
	padding:0px;
	margin:0px;
}
 */


/* =Header styles  */

#ORGheader {
	margin: 0px auto;
	width: 974px;
	height:45px;
  background-color:#3b4f66;
  background: transparent url(../../images/common/common-sprite.gif) no-repeat;
  background-position: -422px -57px;
}

#ORGheader h1 {
	float:left;
	padding:0px;
	margin:0px;
	background: transparent url(../../images/common/common-sprite.gif) no-repeat 0 -152px;/* jbosscomm_hdrlogo.png */
	width:192px;
	height:45px;
	text-indent:-9999px;
	overflow:hidden; /* to help sprite not expand the header and show up under it */
}

#ORGheader h1 a {
	display: block;
	height:100%;
}

/* =New Primary Navigation styles */

/* ------------ =Primary Nav  ----------------------------  */
#primarynav {
	float:left;
	margin-top:21px;
	display:block;
	width:370px; /* was 340 but made wider to help bad wrapping in FF on Linux os */
	height:24px;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:28px;
	position:relative;
	z-index:113; /* this is HIGHER than #sub_nav and #proj_nav AND #jive-userbar in CS to keep dropdowns order (was 13 before 5/14/10) */
	}
	
#primarynav ul{
	position:absolute;   /* this makes the ul lists overlap */
	margin-left:-1px;
	}		
	
#primarynav ul li{
	background: url(../../images/common/common-sprite.gif) no-repeat scroll 0 -398px; /* before sprite: url(../../images/common/bkg_tab.png) repeat-x top;*/
 	-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
	border:#4A5E6D 1px solid;
	border-bottom:none;
	text-align:center;
	list-style:none;
	padding:0 15px;
	height:23px;
	_margin-top:-1px; /* hack for IE 6 */
	}
#primarynav ul li.current  {
	background:  #CCCCCC url(../../images/common/common-sprite.gif) no-repeat scroll 0 -247px;/* before sprite: #CCCCCC url(../../images/common/bkg_tab-current.png) repeat-x top;*/
  	border-color: #DDDDDD
	}
#primarynav ul li.enterprise  {
	background: url(../../images/common/common-sprite.gif) no-repeat scroll 0 -324px; /* before sprite: url(../../images/common/bkg_tab-enterprise.png) repeat-x top;*/
	border:#923322 1px solid;
	border-bottom:none;
	}
#primarynav ul li a {
	color:#FFFFFF;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	padding: 4px 0px 4px 0px; 
	overflow:hidden;
	text-shadow:0 1px 1px #666;
	}
#primarynav ul li a:hover {
	text-decoration:underline;
	}
#primarynav ul li.current a {
	color: #545454;
	text-shadow:0 1px 1px #fff;
	}
#primarynav ul li.enterprise a {
	color: #EAE2E1;
	}
	
/* =Dropdown */
#primarynav ul li ul {
	width:205px;/* was 175px until icons were added to menu on 11/29/10 */
	margin-top:-9px;
	_margin-top:-8px;/* hack for IE 6 */
	padding:5px 0 5px 0;
	background:#FFFFFF url(../../images/common/bkg_primarynav.png) bottom repeat-x;
	-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
	border:#CCCCCC 1px solid;
	}

#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 {	
	color:#6e6e6e;
	font-weight:normal;
	padding: 5px 5px 5px 15px; /* was 5px 10px 5px 15px until icons were added on 11/29/10 */
	width:185px; /* width of background color  (was 150px until icons added on 11/29/10) */
	text-shadow:0 1px 1px #FFF;
	}
#primarynav ul li ul li a:hover {
	background-color:#F2F3F4;
	color: #636464;
	text-decoration: underline; /* not working in IE 7.0.5 */
	}

#primarynav ul li.current ul li a,
#primarynav ul li.enterprise ul li a{ /* this overrides the white inherited from the parent li a */ 
	color:#6e6e6e;
	border:none;
	background-image:none;
	}
#primarynav ul li.current ul li a:hover{
	color:#636464;
	text-decoration:underline; /* not working in IE 7.0.5  */
	}

#primarynav ul li ul li a.unlinked:hover  {
	text-decoration:none;
	}

#primarynav ul li ul li ul{ /* FLYOUT */
	margin-left:85px;/* was 55px until icons were added to menu on 11/29/10 */
	margin-top:-6px;/* this includes -1px to account for the 1px border */
	-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
	}

#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 ;
	}
	
/* =Magnolia Subnavigation **** Full Width Sub Navigation **** for sections OTHER than the projects -------------------- */

#sub_nav {
	background: transparent url(../../images/common/bkgnav-sprite.png) no-repeat 0 -82px;
	font-weight:bold;
	height:32px;
	font-size:12px;
	position:relative;
	z-index:11; /* this is LOWER than #sub_nav and #proj_nav but higher than #jive-userbar to keep dropdowns order */
	}

#sub_nav ul{
	position:absolute;   /* this makes the ul lists overlap the content area */
	padding-left:20px;
	}
	
#sub_nav ul li{
	float:left;
	list-style:none;
	}
	
#sub_nav ul li.current {
	background:url(../../images/common/notch.png) no-repeat center bottom;
	padding-bottom:10px; 
	}
	
#sub_nav ul li a {
	color:#FFFFFF;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	padding:6px 10px 7px 10px;/* was 6px 12px 7px 10px until cloud was added to menu and got too long 12/13/10 */
	margin-top:2px; 
 	-moz-border-radius: 3px; -webkit-border-radius: 3px; 
	}
	
#sub_nav ul li a:hover {
	text-decoration:underline;
	}
#sub_nav ul li a.unlinked:hover {
	text-decoration:none;
	}


/* =Dropdown */
#sub_nav ul li ul {
	width:205px; /* was  175px before icons were added 12/13/10 */
	margin-left:0px;
	padding:5px 0 5px 0;/* this defaults the 20px padding inherited from above */
	background:#8e8e8e; 
	-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
	border:#6B6B6B 1px solid;
	border-top:none;
	}

#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;

	}
#sub_nav ul li ul li a {
	color:#FFFFFF;
	font-weight:normal;
	padding: 5px 10px 10px 10px;/* was padding-left:15px until icons were added 12/13/10 */
	width:185px;/* was 150 before icons were added 12/13/10 */
	-moz-border-radius: 0px; -webkit-border-radius: 0px;/* new */
	}
#sub_nav ul li ul li a:hover{
	background-color:#727272;
	}

#sub_nav ul li.current ul li a{
	color:#FFFFFF;
	border:none;
	background-image:none;
	}
#sub_nav ul li.current ul li a:hover{
	}

#sub_nav ul li ul li ul{
	margin-left:85px;/* was 45px until icons were added 12/13/10 */
	margin-top:-6px; /* this includes -1px to account for the 1px border */
	border:#6B6B6B 1px solid;
	border-top:#777777 1px solid;
	-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
	}

#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:#F2F3F4;
	color: #014E70;
	}



/* =  Magnolia Project Sub Navigation (This is has a narrower fixed width!)  ----------------------------  */

#proj_nav {
	margin-top:-3px;
	background: transparent url(../../images/common/bkgnav-sprite.png) no-repeat 0 0;
	font-weight:bold;
	height:32px;
	font-size:12px;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	z-index:100; /* this is LOWER than #primary_nav (but NOT (need to make searchbar 111higher than #jive-userbar to keep dropdowns order)  IT USED TO BE 10  */
	width:905px;
	height:32px;
	}

#proj_nav ul{
	position:absolute;   /* this makes the ul lists overlap the content area */
	padding-left:20px; 
	width:885px; /* this is 905px minus 20px padding-left  */
	height:32px;
	}
	
#proj_nav ul li{
	float:left;
	list-style:none;
	height:30px;
	}
		
#proj_nav ul li.current {
	background:url(../../images/common/notch.png) no-repeat scroll center bottom transparent;
	padding-bottom:10px;
	_width:75px;/* hack for IE 6 */
	}
	
#proj_nav ul li .notch,
#sub_nav ul li .notch   {/* this is added to transition the nav paragraph over to the STK template (it holds the notch in the STK css) */
	display:none;
}

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

	
#proj_nav ul li a {
	color:#FFFFFF;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	padding:6px 11px 7px 11px;
	margin-top:2px; 
 	-moz-border-radius: 3px; -webkit-border-radius: 3px; 
	height:15px;
	text-shadow:0 1px 1px #666;
	}
#proj_nav ul li a:hover {
	text-decoration:underline;
	}
#proj_nav ul li a.unlinked:hover {
	text-decoration:none;
}
#proj_nav ul li a.disabled {
	color:#C9C9C9;
	text-decoration:none;
}
#proj_nav ul li a.disabled:hover {
	color:#C9C9C9;
	text-decoration:none;
}

#proj_nav ul li.current a,
#sub_nav ul li.current a  {
	 background:#CCCCCC url(../../images/common/common-sprite.gif) no-repeat scroll 0 -247px;/*before sprite: #CCCCCC url(../../images/common/bkg_tab-current.png) repeat-x scroll center top;  */
	color:#545454;
	text-shadow:0 1px 1px #FFF;
	}


/* =Dropdown */
#proj_nav ul li ul {
	width:175px;
	margin-left:0px;
	margin-top:-2px; 
	padding:5px 0 5px 0;/* this defaults the 20px padding inherited from above */
	background:#8e8e8e; /*url(../../images/common/bkg_projnav.png) bottom repeat-x; -- this background image looks crappy in Safari */
	-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
	border-top:none;
	height:auto;
	}

#proj_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 {
	color:#FFFFFF;
	font-weight:normal;
	padding: 5px 10px 5px 15px;
	width:150px;
	-moz-border-radius: 0px; -webkit-border-radius: 0px;
	height:auto;
	}
#proj_nav ul li ul li a:hover{
	background-color:#727272;
	}

#proj_nav ul li.current ul li a{
	color:#FFFFFF;
	background-image:none;
	text-shadow:0 1px 1px #666;
	}
#proj_nav ul li.current ul li a:hover{
	}

#proj_nav ul li ul li ul{
	margin-left:55px;
	margin-top:-6px; /* this includes -1px to account for the 1px border */
	border:#6B6B6B 1px solid;
	border-top:#777777 1px solid;
	-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
	}

#proj_nav ul li ul li ul li a.current,
#proj_nav ul li ul li a.current,
#proj_nav ul li a.current {
	background-color:#727272;
	color:#014E70;
	}



/* ------------ =Essential Styles  ---------------------------------- */ 
/* THESE SHOULD ALL BE COMMON TO PRIMARYNAV AND PROJ_NAV / SUB_NAV ---------  ***/
.sf-menu, .sf-menu * {
	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 */
	-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px;
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#primarynav .sf-menu li {
	float:			left;
	position:		relative;
}
#proj_nav .sf-menu li,
#sub_nav .sf-menu li {
	float:			left;  
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			32px; /*  match top ul list item height */
	z-index:		99;
}
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;

}
	
/*** Project Search Styles ***/

#proj_nav ul li#search-field {
	margin:6px 5px 0 0px; 
	padding-left:0px; 
	float:right;
	height:27px;
}

#proj_nav ul li#search-field input {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	padding-left:6px;
	height:14px;
	}

/*------------- =Announcement banner --------------*/
	
#proj_announce {
	height:106px;
	display:block;
	background:url(../../images/magnolia/bkgproj_announce.png) no-repeat;
}

#proj_announce-whole {
	height:106px;
	display:block;
	z-index:0;
	position:relative;
}

#projpage_announce {
	height:106px;
	display:block;
	background:url(../../images/magnolia/projectpage-banner2.png) no-repeat;
}

#proj_logo {
	float:left;
	height:105px;
}
#proj_announe-whole #proj_logo {
	text-indent:-9999px;
	display:block;
}
#proj_announce h2 {
	padding:49px 0 0 20px;
	font-size:30px;
	margin:0px;
	color:#4b5767;
	text-shadow:0 1px 1px #CCC;
}
#proj_announce-whole h2 {
	display:none;
}

#proj_tagline {
	float:right;
	padding-right:60px;
	height:105px;
}
#proj_announce-whole #proj_tagline {
	text-indent:-9999px;
	display:block;
}


#proj_announce h3 {
	color:#4b5767;
	font-size:22px;
	/*font-weight:100;*/
	margin:0;
	padding:53px 40px 0 0;
	letter-spacing:-0.03em;
	text-shadow:0 1px 1px #CCC;
}
#proj_announce-whole #proj_tagline-neg {
	display:none;
}
#proj_container h1{
	margin-left:15px;
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:100;
	color:#FFFFFF;
	font-size:28px;
	margin-top:20px;
	margin-bottom:8px;
}


/*** 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; /* was 150px until icons were added on 11/29/10 */
}

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

#proj_nav ul li ul li.open a,
#sub_nav ul li ul li.open a {
	background:url(../../images/common/arrownav-sprite.png) no-repeat scroll 160px -53px ;
	}
#proj_nav ul li ul li.open a:hover,
#sub_nav ul li ul li.open a:hover {
	background-color:#727272;
	}
	
#primarynav ul li ul li ul li.leaf a,
#primarynav ul li ul li.leaf a,
#primarynav ul li.leaf a,
#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.leaf a, #sub_nav ul li ul li.leaf a,
#proj_nav ul li.leaf a, #sub_nav ul li.leaf a {
	background-image:none;
}


/** 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.leaf a.current,
#primarynav ul li ul li.leaf a.current,
#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 {
	background-image:none;
}
#primarynav ul li ul li ul li.open a.current,
#primarynav ul li ul li.open a.current,
#primarynav ul li.open a.current {
	background:url(../../images/common/arrownav-sprite.png) no-repeat 190px 6px #F2F3F4;
	color:#636464 ;
}

#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:#727272 url(../../images/common/arrownav-sprite.png) no-repeat 0 -60px;
	color:#FFFFFF ;
	}


/** Arrows from Superfish default (not working) **/
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.25em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*  = Utility Navigation: Low priority navigation for the header    */

#utilitynav {
	height:45px;
	/*width:414px;   remove this to help bad wrapping in FF on Linux os */
	float:right;
}

#utilitynav ul {
	float:right;
	height:33px;
	margin:12px 0 0 0;
	font-size: 10px;
	color: #8c8f91;
	padding:0px; /*  padding of 0 added here to remove mystery padding-left and leave more space to help bad wrapping in Linux os */
}

#utilitynav li {
	float:left;
	height:29px;
	list-style: none;
	margin-top:4px;
}

#utilitynav li#search-field {
	margin-top:0px;
}

#utilitynav li a {
	font-weight:bold;
	color: #FFFFFF; 
    text-decoration:none;
	border-bottom:1px dotted #4e7287; 
    padding:0px;
	margin:0 4px;
}

#utilitynav li a:hover { 
	color:#b2cddd;
	border-bottom:1px dotted #6a8ea4; 
	}

#utilitynav input {
	padding:0px;
    vertical-align:middle;
    }

#utilitynav li#search-field input {
	color:#999999;
	padding-left:3px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	}

/*	This isn't working due to input type value 'image' not supporting background images
#utilitynav li#search-field input.search-arrow { 
	background: url(../../images/common/common-sprite.gif) no-repeat 0 -554px; 
	height:16px;
	width:16px;
}
 */
	
#search-field {  
	padding-left: 5px;
	} 

input #search-button {
	width:13px; 
	}  
	
textarea #search-button {
    width:140px; 
	} 


#dropmenudiv {    
	background:#FFFFFF url(../../images/common/bkg_primarynav.png) repeat-x scroll center bottom;
	border:1px solid #CCCCCC;
	border-top:none;     
    color: #898989;     
	position: absolute;     
	z-index: 100;    
	padding: 4px 0px ;     
	text-decoration:none;         
	text-align: left;  
	-moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;
	-moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px;
	-moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px;
	}
	      
#dropmenudiv a {     
	width: 150px;  /* matches the inline width of the #dropmenudiv inline  */   
	display: block;     
	text-indent: 6px;     
	margin:2px 0px ;     
	padding: 2px 0px ;     
	text-decoration: none;     
	color: #999999;     
	font-size: 11px;     
	text-decoration: none; 
	} 
	
#dropmenudiv a.selected {     
	color: #999999; 
	}

#dropmenudiv a:hover {     
	color: #545454;     
	font-size: 11px;     
	background-color:#ffffff;     
	display:block !important;     
	font-style:normal;     
	white-space:nowrap; 
	}



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

#one-col-corners {
	background:transparent url(../../images/magnolia/colcorners-sprite.gif) no-repeat scroll 0 0;/* corners-one-col.png */
	margin: 0 0px 0 0;
	padding-bottom: 5px;
	display:block;
	height:14px;
	clear:both;
	width:100%
}
#two-col-corners {
	background:transparent url(../../images/magnolia/colcorners-sprite.png) no-repeat scroll 0 -128px;/* corners-two-col.png */
	margin:-14px 13px 0 0;
	padding-bottom: 5px;
	display:block;
	height:14px;
	clear:both;
	width:100%;
	position:relative;
}
#three-col-corners {
	background:transparent url(../../images/magnolia/colcorners-sprite.png) no-repeat scroll 0 -64px;/* corners-three-col.png */
	margin:-14px 0px 0px 0;
	padding-bottom: 5px;
	height:14px;
	position:relative;
}

#subnav_footer {
	margin:0 13px 0 0px;
	font-weight:bold;
	display:block;
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:957px;
	height:14px;
}

#projsubnav_footer {
	margin:0px;
	font-weight:bold;
	display:block;
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:957px;
	height:100%;
}

#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:97px;
}

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

#subnav_footer ul li a:hover,
#projsubnav_footer ul li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

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


#subnav_footer ul li li,
#projsubnav_footer ul li li {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-0.04em;
	font-weight:normal;
	font-size:11px;
	float:none;
	padding:0px 0 0px 5px;
	list-style:none;
}

#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:none;
}

#subnav_footer ul li li a:hover,
#projsubnav_footer ul li li a:hover {
	text-decoration:underline;
}

#subnav_footer ul li li li,
#projsubnav_footer ul li li li {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, 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 {
	clear:both;
	text-align:left;
	color:#a1a1a1;
	font-size:9px;
	background:#e6e7e8 url(../../images/common/common-sprite.gif) no-repeat 5px 0;/* bkgblur_bottom.gif */
	padding:10px 0px;
	width: 979px;
	height:25px;
}
.footer a {
	color:#a1a1a1;
}
.footer p {
	margin:0px 0px 0px 420px;
	padding:1px;
}


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

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

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


/*  = Main Title text and gradiet bar  */

#majorsectiontitle{
	background-image:url(../../images/common/hdr_border_gradient.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	color: #CC0000;
	font-size:16px;
	margin: 0px 7px 20px 0px;
	padding:20px 0px 10px 15px;
}

a#majorsectiontitle{
	background-image:none; 
}

/* = Common tags and elements  */

pre {
  margin: 0px;
  padding: 10px;
  overflow:auto;
  border: 1px solid #e6e7e8;
 }
 
.min-height {
	min-height:300px;
}
 
/*  = Standard Links and Specialized links  */


a {
	color:#336699; 
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
}

.standardLinkArrow {
	background:url(../../images/common/linkarrow-sprite.png) no-repeat 0 0;
	/*background-repeat: no-repeat; 
	background-position: 3px 3px;*/
	padding: 2px 0px 2px 12px; 
	white-space:nowrap;
}
.standardLinkArrowLeft {
	background-image:url(../../images/common/linkarrow-sprite.png) no-repeat 0 -59px ;
	/*background-repeat: no-repeat; 
	background-position: 3px 3px;*/
	padding: 2px 0px 2px 12px; 
	white-space:nowrap;
}
.standardFeedLink {
	background-image:url(../../images/common/ico_12x_feed.gif);
	background-repeat: no-repeat; 
	background-position: 0px 3px;
	padding: 2px 0px 2px 15px; 
	white-space:nowrap;
}

/*#storelink {
	background-image:url(../../images/common/ico_tshirt.png);
	background-repeat: no-repeat; 
	background-position: 0px 3px;
	padding: 2px 2px 2px 15px; 
	white-space:nowrap;
}*/



/*  = Base Single Column layout   */


.OneColumnContent {
	margin: 0px 20px 15px 20px;
}

/*  = Base Two Column layout  */


.TwoColumnContent {
	padding: 0px 25px 15px 200px;
}

/* ------------ = Header Tags -------------- */

h1, h2, h3, h4, h5, h6, h7 {
	letter-spacing: -.06em;
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	/*letter-spacing: 0px;*/
	/*font-family: 'PT Sans', "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;*/ 
	display:block;
	font-weight: normal;
}

h1 {
	color:#CC0000;
	font-size:27px;
	margin:6px 0;
}
h2 {
	color:#424242;
	font-size:25px;
	margin:5px 0;
}
h3 {
	color:#88201B;
	font-size:23px;
	margin:4px 0;
}
h4 {
	color:#494949;
	font-size:21px;
	margin:3px 0;
}
h5 {
	color:#005E8F;
	font-size:17px;
	margin:2px 0
}
h6 {
	color:#545353;
	font-size:15px;
	margin:1px 0;
}
h7 {
	color:#666666;
	font-size:13px;
	margin: 0px;
}

/*  = Subnavigation for PORTAL based pages  */

.TwoColumnSubnav {
	float:left;
	padding: 0px 0px 15px 10px;
	width: 175px;
}

.TwoColumnSubnav dl {
	background-color:#b9cae1;
	margin-top: 0px;
	margin-bottom:10px;
}

.TwoColumnSubnav dt {
	background-color:#3b4e64;
	padding:5px 0px;
}

.TwoColumnSubnav dt a { 
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background-image:none;
	margin-left:10px;
}

.TwoColumnSubnav dd {
	margin-left:0px;
	padding:3px 0px 5px 10px;
}

.TwoColumnSubnav dd a {
	background-image:url(../../images/common/linkarrow-sprite.png) no-repeat 0 0;
	color: #233446;
	text-decoration:none;
	/*background-repeat: no-repeat; 
	background-position: 3px 3px;*/
	padding-left: 12px; 
}

.TwoColumnSubnav ul {
	width: 155px;
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	display: block;
} 

.TwoColumnSubnav ul li {
	list-style: none;
	display: block;
	padding: 5px 10px 2px 10px;
	text-indent: -12px;
}

/* = Floats, Clears, Margins and HRs   */

.clear {
	clear:both;
}

.floatright {
	float:right;
}

.floatleft {
	float:left;
}

.nomargin {
	margin: 0px;
}

.greyHR {
	border-top:1px solid #a1a1a1; 
	background-color:#ffffff;
	border-bottom:0px;
	border-left:0px;
	border-right:0px; 
}

.dashedHR {
   border-top: 1px dashed #d5d5d5;
   border-bottom: 0px;
   border-left: 0px;
   border-right: 0px;
}

.page-space { /*    <div class="page-space">&nbsp;</div>    */
	margin-bottom:400px;
	}
	
	
.notfound-links li{
	list-style:none;
	font-size:13px;
	}

/*

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

Content Specific Styles: These are styles the affect the content of the pages.

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

*/

/*  = Simple Table style (black header, grey/white stripes  */

.simpletablestyle {
	background-color:#E6E7E8;
	clear:both;
}

.simpletablestyle img {
	border:0px;
}

.simpletablestyle td {
	height:3em;
	padding-left: 6px;
	font-size:11px;
	padding:5px 5px;
}

.simpletablestyle th {
	font-size:12px;
	font-weight:normal;
	padding:0 10px 0 5px;
	border-bottom:#999999 dotted 1px;
}

.simpletablestyle .header {
	background:url(../../images/magnolia/bkg-blkheader.png)  #000000 repeat-x top left;
	height:31px;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
}

.simpletablestyle .header a {
	color:#94aebd;
}


.simpletablestyle tr.header td {
	padding: 0px 10px 0px 5px;
}


.simpletablestyle .subheader {
	background-color: #e6e7e8;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	text-align:left;
}

.simpletablestyle .oddRow {
    background-color: #f4f3f3;
	padding-left: 6px;
}

.simpletablestyle .evenRow {
    background-color: #ffffff;
}

.simpletablestyle .categoryRow { /* need this? */
	color:#333333;
	font-weight:bold;
	font-size:13px;
	font-family:Helvetica,sans-serif;
}


.simpletablestyle td a.td-download {
	display:inline;
	padding: 3px 30px 3px 0px;
	min-width:80px;
	height:20px;
	background: transparent url(../../images/common/download-arrw_sml.gif) no-repeat right top;
}
.simpletablestyle td a:hover {
	color:#3883ce;
	text-decoration:none;	
}


/*--  =Default Table style (black header, grey/white stripes   --*/

.basetablestyle, .bodyTable {
	margin:0px;
}

.basetablestyle img {
	border:0px;
}

.basetablestyle td {
	height:3em;
	padding-left: 6px;
	padding-right: 15px;
}

.basetablestyle .header {
	background-color: #233345;
	font-size:10px;
	font-weight:bold;
	color:#94aebd;
	text-align:left;
}

.basetablestyle .header a {
	color:#94aebd;
}

.basetablestyle .tableheaderfirst {
	border-bottom:1px solid #233345;
	height:2em;
}

.basetablestyle .tableheader {
	border-left:1px solid #94aebd;
	border-bottom:1px solid #233345;
	height:2em;
}

.basetablestyle .subheader {
	background-color: #e6e7e8;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	text-align:left;
}

.basetablestyle .subheader .tableheaderfirst {
	height:2em;
	border-bottom: 0px;
}

.basetablestyle .subheader .tableheader {
	height:2em;
	border-left:1px solid #e6e7e8;
	border-bottom:0px;
}

.basetablestyle .rowlinefirst {
	border-bottom:1px solid #e6e7e8;
	padding:10px;
}

.basetablestyle .rowline {
	border-left:1px solid #e6e7e8;
	border-bottom:1px solid #e6e7e8;
	padding:10px;
}

.basetablestyle .categoryRow {
    background-color: #dcdedf;
	font-weight:bold;
	padding-left: 6px;
	color:#333333;
	font-size:13px;
	font-family:Helvetica,sans-serif;
}


.basetablestyle .oddRow, .a {
    background-color: #f4f3f3;
	padding-left: 6px;
}

.basetablestyle .evenRow, .b {
    background-color: #ffffff;
}

.basetablestyle .footerrow {
	background-color:#656565;
}

.basetablestyle .bottomline {
	border-bottom:1px solid #E6E7E8;
}

.basetablestyle .topline {
	border-top:1px solid #E6E7E8;
}


.basetablestyle td.rowline a.td-download {
	display:inline;
	padding: 3px 30px 3px 0px;
	min-width:80px;
	height:20px;
	background: transparent url(../../images/common/download-arrw_sml.gif) no-repeat right top;
	}


.basetablestyle, .bodyTable {
	border:#EFEFEF 1px solid;
	border-bottom:none;
	border-top:none;
}

.basetablestyle .header {
	background:url(../../images/magnolia/bkg-blkheader.png)  #000000 repeat-x top left;
	height:31px;
}

.basetablestyle .header {
	color:#FFFFFF;
}

.basetablestyle td {
	font-size:11px;
}

.basetablestyle .tableheader,
.basetablestyle .tableheaderfirst {
	font-size:12px;
	font-weight:normal;
}

.basetablestyle .tableheader,
.basetablestyle .tableheaderfirst {
	border:1px solid #999999;
	border-bottom: 1px dotted #999999;
}
.basetablestyle .tableheader {
	border-left:none;
}

.basetablestyle .categoryRow {
	color:#333333;
	font-size:13px;
	font-family:Helvetica,sans-serif;
}



/* = Blue Box with Rounded Corners  */

.roundbox { 
  background: #4A5D75; 
}
.roundboxtop { 
  background: url(../../images/common/boxcorner_ne.gif) no-repeat top right; 
}
.roundboxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(../../images/common/boxcorner_nw.gif) no-repeat top left; 
}
.roundboxbottom { 
  background: url(../../images/common/boxcorner_se.gif) no-repeat bottom right; 
}
.roundboxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(../../images/common/boxcorner_sw.gif) no-repeat bottom left; 
}
.roundboxcontent {
  padding: 0px 10px 0px 10px;
}


/* = Grey box with grey outline */

.shadedblocktable {
	background-color:#f4f3f3;
	border-spacing: 20px;
	border:1px solid #e6e7e8;
}

/* = Orange Callout Box  */


.CalloutBox { 
	clear:both;
	border: 1px solid #ffcf82; 
	background-color: #faf8ed;
	margin-top:60px;
	padding-left: 10px;
	padding-right: 10px;
}


.CalloutBox h4 { 
	font-weight:bold;
	font-size: 12px;
	margin: 0px;
	padding-top: 6px;
}

.CalloutBox hr {
	border-top:1px dashed #ffcf82; 
	color: #faf8ed;
	border-bottom:0px;
	border-left:0px;
	border-right:0px; 
}
		
.CalloutBox p { 
}



/* = Admin forms & Inputs  */

.adminforms {
	margin:0px 20px 10px 20px;
}

.adminforms h4 {
	font-weight:bold;
	font-size:12px;
	margin:20px auto 20px auto;
	border-bottom:1px solid #e6e7e8;
}

.adminforms label{
 	float: left;
	margin: 0px auto 3px auto;
	padding-right:10px;
	white-space:nowrap;
}

.adminforms input, textarea, select {
	margin-bottom: 8px;
}

.adminforms .radios {
	width: 14px;
	margin-bottom: -1px;
}
.adminforms .selectnarrow {
	width:80px;
	margin-bottom: 8px;
}
.adminforms .selectmedium {
	width:160px;
	margin-bottom: 8px;
}

.adminforms br {
	clear: both;
}

.adminforms hr {
	border-top:1px dashed #d5d5d5; 
	border-bottom:0px;
	color: #ffffff;
	border-left:0px;
	border-right:0px;
}

.adminforms .submit {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4a5d75;
	border-top: 1px solid #94aebd;
	border-left: 1px solid #94aebd;
	border-right: 1px solid #233345;
	border-bottom: 1px solid #233345;
	height:20px;
	padding:0px 10px 0px 10px;
}

.adminforms .contentarrows ul {
	padding-left: 0px;
	margin-left: 0px;
	display: block;
} 

.adminforms .contentarrows ul li {
	list-style: none;
	display: block;	
	padding: 0px 16px 6px 16px;
	margin-top: 30px;

}
.adminforms .contentarrows ul li.last {
	margin-top: 0px;
}

#propertiesbox {
	margin-top: 20px;
	padding: 0px 10px 10px 10px;
	background-color: #ececec;
	border: 1px solid #d5d5d5;
}

/*  = Form buttons   */

.formbuttons {
	margin: 10px auto 15px auto;
	padding-top: 5px ;
	border-top: 1px solid #4a5d75;
}

.formbuttons ul {
	padding-left: 0px;
	margin-left: 0px;
	display: inline;
} 

.formbuttons ul li {
	list-style: none;
	display: inline;
	padding-right: 4px;
}

.formbuttons .submit {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4a5d75;
	border-top: 1px solid #94aebd;
	border-left: 1px solid #94aebd;
	border-right: 1px solid #233345;
	border-bottom: 1px solid #233345;
	height:20px;
	cursor: pointer;
}

/* = Single column submit & label  */

.singlecolumn .submit {
 	width:80px;
}
.singlecolumn label {
	width: 170px;
}

.singlecolumn input, select {
	width: 300px;
}

/*  = Default Buttons  */

.buttonMed {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4a5d75;
	border-top: 1px solid #94aebd;
	border-left: 1px solid #94aebd;
	border-right: 1px solid #233345;
	border-bottom: 1px solid #233345;
	height: 20px;
	cursor: pointer;
}

/* = Anchor tag fix for most browsers except Safari  */

.anchorfix {
	position:absolute; /* this lifts the anchor out of the content area */
	width:1px; /* this is to fix it in IE 5.5 and 6.0 or it will disappear the anchor entirely */
	}


/* = Docbook document navigation  */

.docnav a, .docnav strong{text-decoration:none;font-weight:normal;}
.docnav{list-style:none;margin:0em;padding:0em;position:relative;width:100%;padding-bottom:2em;padding-top:1em;border-top:1px dotted #ccc;}
.docnav li{list-style:none;margin:0em;padding:0em;display:inline;font-size:.8em;}
.docnav li:before{content:" ";}
.docnav li.previous, .docnav li.next{position:absolute;top:1em;}
.docnav li.up, .docnav li.home{margin:0em 1.5em;}
.docnav li.previous{left:0px;text-align:left;}
.docnav li.next{right:0px;text-align:right;}
.docnav li.previous strong, .docnav li.next strong{display:block;height:22px;}
.docnav{margin:0 auto;text-align:center;}
.docnav li.next a strong{background:  url(../../images/common/docsnav-sprite.gif) 23px -90px no-repeat;padding-top:10px; padding-bottom: 15px; height:40px; padding-right:40px;font-size:1.2em; width:17px;}
.docnav li.previous a strong{background: url(../../images/common/docsnav-sprite.gif) 0 0 no-repeat;padding-top:10px; padding-bottom: 15px; height:40px; padding-left:40px;font-size:1.2em;}
.docnav li.home a strong{background: url(../../images/common/docsnav-sprite.gif) 0 -275px no-repeat;padding-top:10px; padding-bottom: 15px;height:40px; padding-left:50px;font-size:1.2em;}
.docnav li.up a strong{background: url(../../images/common/docsnav-sprite.gif) 0 -180px no-repeat;padding-top:10px; padding-bottom: 15px;height:40px; padding-left:40px;font-size:1.2em;}

.docnav a:link, .docnav a:visited {color:#666 !important;}
.docnav a:hover,.docnav a:focus, .docnav a:active{color:black !important;}
.docnav a{max-width: 10em;overflow:hidden;}
.docnav a:link strong{text-decoration:none;}

.docnav{margin:0 auto;text-align:center;}

.docnav { margin-bottom:16px;}




/* = Downloads modal dialog styles (this has replaced stylesheet: modal.css) */

#modallayer {
	background-color: transparent;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1000;
   text-align: left;
	background-image: url(../../images/common/background_trans.png);
}

#dialog {
	width: 440px;
	min-height: 100px;
	display: none;
  border:1px solid #94aebd;
	background-color: #f3f3f3;
	background-image: url(../../images/common/modaldialog_infoicon.gif);
	background-repeat: no-repeat;
	background-position: 0px 25px;
  text-align: left;
}

#modallayer h4 {
        background-image: url(../../images/common/modaldialog_hdrbkg.gif);
        background-repeat:repeat-x;
        background-color: #d5d5d5;
        font-weight:bold;
        font-size:15px;
        color:#243446;
        height:28px;
        text-indent: 20px;
        margin:0px;
        padding-top: 15px;
}

#modallayer p {
        padding: 2px 10px 2px 110px;

}

#modallayer #buttonrow {
        background-image: url(../../images/common/modaldialog_footrbkg.gif);
        background-repeat:repeat-x;
        background-color: #d5d5d5;
        color:#243446;
        height:33px;
        padding-left: 110px;
        padding-top: 10px;
        margin:0px;
        border-top: none;
}

#modallayer #buttonrow ul {
        padding-left: 0px;
        margin-left: 0px;
        display: inline;
}

#modallayer #buttonrow ul li {
        list-style: none;
        display: inline;
        padding-right: 4px;
}

#modallayer #buttonrow .hrefbuttons {
        background-color:#4A5D75;
        border-color:#94AEBD #233345 #233345 #94AEBD;
        border-style:solid;
        border-width:1px;
        color:#FFFFFF;
        cursor:pointer;
        font-size:10px;
        font-weight:bold;
        padding: 4px 10px;
        text-decoration:none;
}




/* = SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../../images/common/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../../images/common/common/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../../images/common/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../../images/common/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/* =Looped Slider slideshow */
.container { 
	width:500px; 
	height:375px; 
	overflow:hidden; 
	position:relative; 
	cursor:pointer; 
}
                 
.slides {
	position:absolute; 
	top:0; left:0; 
} 
                
.slides div { 
	position:absolute; 
	top:0; width:500px; 
	display:none; 
}   
          
 /*  Optional  */                          
:focus { outline: 0; }                 
ins { text-decoration: none; }                 
del { text-decoration: line-through; }                                 
#loopedSlider { margin:18px auto; width:500px; position:relative; clear:both; }                 
ul.pagination { list-style-type:none; margin:0; padding:0; margin:9px auto; width:90px; }                 
ul.pagination li { float:left; margin:0 5px; }                     
ul.pagination a { display:block; width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(https://www.jboss.org/dms/testimages/images/pagination.png); background-position:0 0; background-repeat:no-repeat;}                
ul.pagination li.active a {background-position:0 -12px}                 
a.previous { position:absolute; top:200px; left:-32px; }                
a.next { position:absolute; top:200px; right:-32px; }



/* =Simple jQuery Slideshow by John Raasch */
 
 /*** set the width and height to match your images **/   
 #slideshow {     position:relative;     height:350px; }   
 #slideshow .slide {     position:absolute;     top:0;     left:0;     z-index:8;     opacity:0.0; }   
 #slideshow div.active {     z-index:10;     opacity:1.0; }   
 #slideshow div.last-active {     z-index:9; }   
 

/*  =Read More link */
.read-more a{
	background: transparent url(../../images/common/arrow-leftnav.png) no-repeat left top scroll;
	margin-left:5px;
	padding:3px 10px 3px 20px;
	list-style:none;
}


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

Sprites

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

/* ---------------- 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/common/sprite-project-icons-all.png) no-repeat top left;
  float:left;
  margin:-1px 4px 0 0; 
  display:block;
}

.xdefault_icon_16x{ background-position: 0 -975px; 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; } 
.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; } 
.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; } 
.mass_icon_16x{ background-position: 0 -415px; width: 17px; height: 15px; } 
.mobicents_icon_16x{ background-position: 0 -435px; width: 16px; height: 16px; } 
.modeshape_icon_16x{ background-position: 0 -456px; 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; } 
.modcluster_icon_16x{ background-position: 0 -996px; width: 16px; height: 16px; }
.byteman_icon_16x{ background-position: 0 -1017px; 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; } 
.apiviz_icon_16x{ background-position: 0 -1077px; width: 16px; height: 16px; }
.jbossas7_icon_16x{ background-position: 0 -1096px; width: 16px; height: 16px; }
.jsfunit_icon_16x{ background-position: 0 -1116px; width: 16px; height: 16px; }



/* ---------------- JIRA icons ------------------------------------ */

/* JIRA Icons Sprite */
/* Generated by http://spritegen.website-performance.org/ with these settings:
     Horizontal Offset: 5
     Vertical Offset: 5
     Class Prefix (optional): jira-
     Display width and height (optional): unchecked
*/

.jira-icon {
  background: url(../../images/common/jira-icons-sprite.png) no-repeat top left;
  width: 16px;
  height: 16px; 
  display: inline-block;
  float: left;
}

.jira-issuetype-1{ background-position: 0 0;  } 
.jira-issuetype-10{ background-position: 0 -21px;  } 
.jira-issuetype-11{ background-position: 0 -42px;  } 
.jira-issuetype-12{ background-position: 0 -71px;  } 
.jira-issuetype-13{ background-position: 0 -100px;  } 
.jira-issuetype-14{ background-position: 0 -121px;  } 
.jira-issuetype-15{ background-position: 0 -142px;  } 
.jira-issuetype-2{ background-position: 0 -163px;  } 
.jira-issuetype-3{ background-position: 0 -184px;  } 
.jira-issuetype-4{ background-position: 0 -205px;  } 
.jira-issuetype-5{ background-position: 0 -226px;  } 
.jira-issuetype-7{ background-position: 0 -247px;  } 
.jira-issuetype-8{ background-position: 0 -268px;  } 
.jira-issuetype-9{ background-position: 0 -289px;  } 
.jira-status-1{ background-position: 0 -310px;  } 
.jira-status-3{ background-position: 0 -331px;  } 
.jira-status-4{ background-position: 0 -352px;  } 
.jira-status-5{ background-position: 0 -373px;  } 
.jira-status-6{ background-position: 0 -394px;  } 
.jira-status-10011{ background-position: 0 -416px;  } 



/* ---------------- Project page specific sprites ------------------------------ */

.projectpage-sprite {
   background: url(../../images/common/projectpage_sprite.png) no-repeat top left;
}

.projectpage-sprite-jive-icon-announcement-16x16{ background-position: 0 0; width: 17px; height: 17px; } 
.projectpage-sprite-nextlabel{ background-position: 0 -67px; width: 63px; height: 32px; } 
.projectpage-sprite-prevlabel{ background-position: 0 -149px; width: 63px; height: 32px; } 
.projectpage-sprite-securityimage{ background-position: 0 -231px; width: 244px; height: 75px; clear:both; margin-top: 15px; margin-bottom: 15px; } 


/* ----------------- Social Media buttons from ShareThis ------------------------- */

.projectpage-socialmedia {
	margin-bottom: 15px;
}




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

Depreciated Styles  (thise were moved to archive.css to cut down on http requests)

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