/* Site Page Markup

blue: #6987A3;
#sitePage

*/
.site-content-component  {
	display: inline;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

a.current {
	color: red;
}

form input.input-text{

	background:#fff url(/sites/dotcom/images/input-bg.gif) no-repeat 0px 0px;
	border:1px solid #ccc;

}

#sitePage {
	width: 980px;
	background: #ffffff;
	margin: 12px 0 0 0;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}

#sitePage .inner {
	padding: 0px 0px 10px 0px;
}

h1 {
	font-size: 18px;
	font-weight: normal;
	line-height: normal;
	color: #FF0000;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
#siteContent .inner h1 {
	margin-top: 0;
}


h2 {
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}


h2.subheader {
	color: #333;
	font-size: 12px;
	font-weight:bold;
	line-height: 1.5em;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

/*Start: Added by BLUE for Company > About Brocade Pages*/
h2.subheader_aboutBrocade {
	color: #333333;
	font-size: 14px;
	font-weight:bold;
	line-height: 1.5em;
	text-align: left;
	margin: 30px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
}
/*End: Added by BLUE for Company > About Brocade Pages*/


/*Start: Added by BLUE for Solutions > One Architecture Pages*/
h2.subheader_subtitles {
	color: #333;
	font-size: 12px;
	font-weight:bold;
	line-height: 1.5em;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
/*End: Added by BLUE for Solutions > One Architecture Pages*/

h3 {
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

/* For University Development Program (UDP)*/
h3.udpheader {
	color: #666666;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}


h4 {
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	color: #333;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

ol.textindent {
	text-align: left;
	margin: 0 5px 0 15px;
	padding: 0;
	font-size: 1em;
	color: #333;
}

ol {
	text-align: left;
	margin: 0 5px 0 0;
	padding: 0;
	font-size: 11px;
	color: #666;
}


ol li {
	text-align: left;
	margin: 0 0 5px 15px;
	padding: 0 0 0 0;
	list-style-position: outside;
}

.content ol {
	text-align: left;
	margin: 0 5px 0 0;
	padding: 0 0 0 10px;
	font-size: 11px;
	color: #666;
}
.content ol li {
	text-align: left;
	margin: 0 0 5px 15px;
	padding: 0 0 0 0;
	list-style-position: outside;
}

#siteContent ol {
	color: #000000;
	font-size: 12px;
	margin: 0 5px 0 10px;
	padding: 0;
	text-align:left; }

ul {
	text-align: left;
	margin: 0 0 0 13px;
	position: relative; /*IE6 is bad*/
}

ul li {
	text-align: left;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
}

#siteContent ul {
	text-align: left;
	margin: 0 0 10px 8px;
	position: relative; /*IE6 is bad*/
}

#siteContent ul li {
	text-align: left;
	background: url(/sites/dotcom/images/iface/bullet-gray-square.gif) no-repeat left 4px;
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
}

#siteContent dl {
	font-size: 11px;
}
#siteContent dl dt{
	font-weight: bold;
	color: #666;
}
#siteContent dl dd{
	color: #666;
	padding: 0 0 10px 15px;
	margin: 0;
}

#sideBar {
	width: 240px;
	float: left;
	background: #ffffff;
	text-align: left;
}

#sideNav {
	background: #EDEDED url(/sites/dotcom/images/iface/bg-sidenav.jpg) no-repeat right top;
	width: 240px;
}

#sideNav .inner {
	padding: 20px 0;
	background: transparent;
}

#sideNav .sideNavSection {
	background: transparent;
	margin: 0 2px 0 1px;
}

/**
<div id="sideNav">
    <div class="inner">
         <div class="sideNavSection currentSection">
              <p><a href="products.html">Products</a></p>
/**/

#sideNav .sideNavSection p {
	display: block;
	/*line-height: 40px;*/
	margin: 0 3px 5px 15px;
	padding: 0;
	/**background: transparent url(/sites/dotcom/images/iface/bg-sideNav.gif) no-repeat left top;/**/
	/**background: #fff;/**/
	background: transparent url(/sites/dotcom/images/iface/bg-sideNav-top.gif) no-repeat left top;
}

#sideNav p a {
	display: block;
	/*height: 40px;*/
	padding: 9px 0 9px 15px;
	/*padding:0 0 0 15px;*/
	text-decoration: none;
	font-size: 14px;
	color: #333;
	background: transparent url(/sites/dotcom/images/iface/bg-sideNav-bottom.gif) no-repeat left bottom;
	line-height: 1em;
}
#sideNav p a:hover {
	color: #FF0000;
}
#sideNav .sideNavSection.currentSection {
	background: #fff;
}

#sideNav .sideNavSection.currentSection p,
#sideNav .currentSection p {
	background: #fff;
	border-bottom: none;
}

#sideNav .currentSection p a {
	color: red;
	font-weight: bold;
	padding: 9px 0 0 15px;
	background: none;
}
#sideNav .currentSection p a.current {
	background: url(/sites/dotcom/images/iface/bullet-red-arrow.gif) no-repeat left 70%;
	font-weight: bold;
}

#sideNav p a:hover {
	color: red;
}

#sideNav ul {
	background: #fff;
	margin: 0 0 5px 25px;
	padding: 0 0 15px 0;
	list-style: none;
}

#sideNav li {
	padding: 2px 0;
	margin: 0 0 0 .5em;	
	background: none;
	font-size: 12px;
}

#sideNav li a {
	text-decoration: none;
	color: #333;
	padding-left: 11px;
}

#sideNav li a.current {
	text-decoration: none;
	color: red;
	background: url(/sites/dotcom/images/iface/bullet-red-arrow.gif) no-repeat left 50%;
	font-weight: bold;
}

#sideNav li a:hover {
	text-decoration: none;
	color: red;
}

#productSelect {
	background: #D6D6D6 url(/sites/dotcom/images/iface/bg-product-select.jpg) no-repeat bottom right;
	padding:10px 20px;
}

#productSelect a { font-size: 12px; display:block; width:96px; height:23px; line-height:23px; background:url(/sites/dotcom/images/productaz_btn.gif) no-repeat; text-align:center; color:#333; text-decoration:none; }
#productSelect a:hover, #productSelect a:focus, #productSelect a.current { color:#F00; }

#productSelect select {
	margin: 20px;
	width: 200px;
	font-size: 12px;
}

#productSelect option.ps-category {
	font-weight: bold;
	width: 250;
}

#productSelect option.ps-divider {
	color: #ccc;
}

/* promos in left sidebar*/

#promos {
	background: #fff;
	margin: 0;
	padding: 0;
	clear: both;
	width: 240px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.6em;
}

#promos ul {
	margin: 10px 0 0 0;
	padding: 0;
	width: 240px;
	height: 262px;
	list-style: none;
}

#promos ul li h4{
	color:#666;
	font-size:14px;
	font-weight:bold;
	margin:0px;
	padding:20px 5px 3px 15px;
	display:block;
}

#promos ul li {
	margin: 0 0 13px 0;
	padding: 0;
	background: transparent url(/sites/dotcom/images/iface/bg-promos.jpg) no-repeat left top;
	width: 240px;
	height: 87px;
	font-size: 14px;
	
}

#promos ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #6987A3;
	margin: 0 10px 0 15px;
	padding: 0px;
	display: block;
}
	#promos ul li a .arrow{
		font-size:18px;
		padding-left:5px;
	}

#promos ul li a:hover {
	color: #FF0000;
}
#promos ul li a:visited {
	/*color: #6987A3;*/
}

/* =siteContent
====================================================================================================*/

#siteContent {
	float: right;
	width: 725px;
	background: none;
	border-top: 1px solid #A2ACBA;
	border-right: 1px solid #A2ACBA;
	border-left: 1px solid #A2ACBA;
	position: relative;
}

#siteContent .page-corner-tr {
	position: absolute;
	top: -1px;
	right: -1px;
	background:url(/sites/dotcom/images/iface/boxes/pagebox-tr.gif) no-repeat right top;
	width: 14px;
	height: 14px;
}

#siteContent .inner {
	padding: 15px 0 15px 22px;
	margin: 0;
	float: left;
	overflow: hidden;
	width: 703px;
}

#contentBottom {
	background: url(/sites/dotcom/images/iface/boxes/page-bottom.gif) no-repeat 0px bottom;
	float: right;
	width: 727px;
	height: 50px;
}

.smalltext {
	font-size: 9px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

/* full page styles
====================================================================================================*/

div#siteContainerSingleColumn #sitePage {
	background: #fff;
}

div#siteContainerSingleColumn #contentBottom {
	background: #fff url(/sites/dotcom/images/iface/page-bottom-full.gif) no-repeat left bottom;
	float: left;
	width: 980px;
	height: 50px;
	clear: both;
}

div#siteContainerSingleColumn #sitePage .inner {
	padding: 10px 15px 10px 15px;
	width:948px;
}

div#siteContainerSingleColumn #sitePage #siteContent {
	float: right;
	width: 978px;
	background: #fff;
	border-top: 1px solid #A2ACBA;
	border-right: 1px solid #A2ACBA;
	border-left: 1px solid #A2ACBA;
	position: relative;
}

#siteContainerSingleColumn #breadcrumbs, #siteContainerSingleColumn #pageUtility {width:922px;}

/* end full page styles */


.site-content-component p {
	margin: 13px;
}

#pageUtility {
	float: left;
	margin: 0;
}

#breadcrumbs {
	float: left;
	margin: 0;
	width: 675px;
}

#breadcrumbs p {
	margin: 0;
	padding: 0;
	line-height: 30px;
}

#breadcrumbs a {
	color: #999;
	text-decoration: none;
}

#pageTools {
	background: #fff url(/sites/dotcom/images/iface/bg-page-tools.gif) no-repeat left top;
	float: right;
	width: 195px;
	height: 25px;
}

#pageToolsShare {
	float: right;
	width: 100px;
	height: 20px;
}

#pageTools ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 195px;
	font-size: 10px;
}

#pageTools ul li {
	background: none;
}

#pageTools ul li a {
	color: #333;
	text-decoration: none;
}

#pageTools ul li a:hover {
	color: #ff0000;
}

#pageTools ul li.iconPrint {
	background: url(/sites/dotcom/images/iface/icon-print.gif) no-repeat left 50%;
	padding: 3px 0px 3px 20px;
	float: left;
	margin: 5px 5px 0 10px;
	display: inline;
}

#pageTools ul li.iconEmail {
	background: url(/sites/dotcom/images/iface/icon-email.gif) no-repeat left 50%;
	padding: 3px 5px 3px 20px;
	float: left;
	margin: 5px 0 0 20px;
}

#prodFeatureArticle {
	background: #fff url(/sites/dotcom/images/iface/feature-article.jpg) no-repeat left top;
	width: 677px;
	height: 80px;
}

#prodFeatureArticle h2,
#prodFeatureArticle p,
#prodFeatureArticle a {
	color: #fff;
}

#prodFeatureArticle h2 {
	margin: 0 0 0 30px;
	padding: 20px 0 0 0;
	font-size: 180%;
}

#prodFeatureArticle p {
	padding: 10px 0 0 30px;
	margin: 0;
	font-size: 130%;
	line-height: 100%;
	color: #efefef;
}

#prodFeatureArticle a.more {
	background: red;
	color: #fff;
	padding: 3px;
	margin: 0 0 0 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 70%;
}

#prodFeatureArticle a.more:hover {
	background: #6987A3;
}

#psResourceComp {
	margin: 0;
	padding: 0;
}

#psResourceComp p,
#psResourceComp p img {
	margin: 0;
	padding: 0;
}

div.moreInfo-wrapper{
	margin-left:170px;
}
p.moreInfo {
	background: #EFEFEF url(/sites/dotcom/images/iface/moreInfoBox-br.gif) no-repeat right bottom;
	padding: 7px;
	font-size: 11px;
	line-height: 1.8em;
	color:#666;
}
div.moreInfo{
	line-height:1.8em;
	font-size:11px;
	color:#666;
}

div.moreInfo .tl{
	background: #EFEFEF url(/sites/dotcom/images/iface/moreInfoBox-tl.gif) no-repeat left 0px;
	height:4px;
	overflow:hidden;
}
div.moreInfo .tr{
	background: transparent url(/sites/dotcom/images/iface/moreInfoBox-tr.gif) no-repeat right 0px;
	height: 4px;
}
div.moreInfo .bl{
	background: #EFEFEF url(/sites/dotcom/images/iface/moreInfoBox-bl.gif) no-repeat left 0px;
	height:4px;
	overflow:hidden;
}
div.moreInfo .br{
	background: transparent url(/sites/dotcom/images/iface/moreInfoBox-br.gif) no-repeat right 0px;
	height: 4px;
	
}
div.moreInfo .content{
	padding:3px 7px 3px 7px;
	background-color:#efefef;
}

p.moreInfo a {
	color: #718DA7;
}

/* =inPageNav =subPageNav =tertiary
====================================================================================================*/

ul#inPageNav {
	margin: 0 0 0 0;
	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	float: left;
	width: 675px;
	list-style: none;
	font-size: 105%;
	background: url(/sites/dotcom/images/iface/bg-in-page-nav.jpg) repeat-x left bottom;
}

ul#inPageNav li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 12px;
	background: none;
}

ul#inPageNav li a {
	float: left;
	display: block;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	padding: 3px 8px;
	border-right: 1px solid #efefef;
	color: #666;
}

ul#inPageNav li a:hover,
ul#inPageNav li a.current {
	color: #ff0000;
}

div.page-sub-nav {
	clear: both;
	display: block;
	float: left;
}

div.page-sub-nav ul {
	list-style: none;
	width: 677px;
	height: 37px;
	float: left;
	background: url(/sites/dotcom/images/iface/page-sub-nav.jpg) no-repeat left top;
}

.page-sub-nav ul li {
	float: left;
	margin: 0 0 0 0;
	padding: 0;


	background: none;
}

.page-sub-nav ul a {
	display: block;
	background: url(/sites/dotcom/images/iface/page-sub-nav.jpg) no-repeat -100px top;
	line-height: 37px;
	text-decoration: none;
	padding: 0 15px;
	border-right: 1px solid #ccc;
}

.page-sub-nav ul a:hover,
.page-sub-nav ul a.selected {
	background-position: -100px -37px;
	color: #fff;
}

.page-sub-nav ul a.selected.first {
	background-position: 0 -37px;
	color: #fff;
}

p.show-hotels {
	display: block;
	width: 119px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	padding: 0;
	margin: 0;
}

p.show-hotels a {
	display: block;
	width: 119px;
	height: 32px;
	background: url(/sites/dotcom/images/iface/show-hotels.gif) no-repeat left top;
	margin: 0;
	padding: 0;
	line-height: 32px;
	text-decoration: none;
}

p.show-hotels a:hover {
	background-position: 0 -32px;
}

/* =selectTriple
====================================================================================================*/
#selectTriple {
	width: 677px;
	height: 102px;
	background: url(/sites/dotcom/images/iface/selector.jpg) no-repeat left top;
	margin-bottom: 20px;
}

#selectTriple h2 {
	padding: 12px 0 11px 15px;
	margin: 0;
	color: #B3B3B3;
	font-size: 15px;
	font-weight: bold;
}

#selectTriple form {
	margin: 0 0 20px 0px
}

#selectTriple form div {
	float: left;
	width: 185px;
	margin:0;
	padding: 0;
	/**background: orange;/**/
}

#selectTriple form div.first {
	border: none;
	margin-left: 15px;
	display: inline;
}

#selectTriple form div.or {
	float: left;
	width: 45px;
	margin: 20px auto 0 auto;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	text-align: center;
}
#selectTriple.two-selects form div.or {
	width: 273px;
}

#selectTriple form select {
	width: 185px;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 12px;
	background-color: #fff;
	color: #000;
}

#selectTriple form option {
	color: #6987A3;
	font-weight: bold;
	border-bottom: 1px solid #ececec;
}

#selectTriple form label {
	color: #666;
	margin: 0 0;
	font-size: 11px;
	font-weight: bold;
}

#filteredBy {
	background: #EFEFEF;
	float: left;
	width: 675px;
	height: 38px;
}

#filteredBy p {
	float: left;
	margin: 10px 10px 10px 20px;
	display: inline;
}

#filteredBy a.removeFilter {
	display: block;
	float: left;
	margin: 0;
	width: 83px;
	height: 15px;
	background: url(/sites/dotcom/images/iface/btn-removeFilter.gif) no-repeat left top;
	text-indent: -2000em;
}
#filteredBy a.btnRegister {
	display: block;
	float: left;
	margin: 0 0 0 5px;
	width: 83px;
	height: 15px;
	background: url(/sites/dotcom/images/iface/btn-sel-register.gif) no-repeat left top;
	text-indent: -2000em;
}

#filteredProducts {
	background: #EFEFEF;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	float: left;
}

/*list component render style 01*/

#filteredProducts h3.toggle,
h3.toggle {
	color: #fff;
	background: #6987A3 url(/sites/dotcom/images/iface/arrow-expanded.gif) no-repeat right 50%;
	padding: 0 0 0 10px;
	margin: 0 0 1px 0;
	font-size: 14px;
	text-align: left;
	clear: both;
	height: 25px;
	line-height: 25px;
}

#filteredProducts h3.collapsed,
h3.toggle.collapsed {
	background: #6987A3 url(/sites/dotcom/images/iface/arrow-collapsed.gif) no-repeat right 50%;
	text-align: left;
	clear: both;
}

#filteredProducts h4 {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

#filteredProducts h4 a {
	color: #6987A3;
}

select#filterBy {
	width: 185px;
	margin: 0 0 0 10px;
}

div#myResults {
	background: #EFEFEF;
	float: left;
	width: 675px;
	clear: both;
}

div.productWrap {
	clear: both;
	margin: 10px 0 5px 5px;
	padding: 0;
	float: left;
	width: 655px;
}

div.productWrap h4 {
	margin: 0;
	font-size: 14px;
}

div.productWrap div.prod-pic {
	float: left;
	width: 110px;
}

div.productWrap div.prod-pic img {
	width: 100px;
	float: left;
	margin: 0;
	padding: 0;
}

div.productWrap div.prod-desc {
	float: left;
	width: 535px;
	margin: 0 0 0 10px;
}

div.productWrap div.prod-desc-full {
	float: left;
	width: 650px;
	margin: 0 0 0 0;
	padding: 0;
}

div.productWrap div.prod-desc h4,
div.productWrap div.prod-desc-full h4
 {
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
	font-size: 14px;
}

div.toggle-div {
	margin: 0;
	padding: 0;
	text-align: left;
	clear: both;
}
div.toggle-div p {
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: left;
}

div.toggle-div table td {
	font-size: 12px;
	text-align: left;
}

/* =pageColumns
====================================================================================================*/

div.two-col {
	clear: both;
}

div.col1 {
	float: left;
	width: 450px;
}

div.col2 {
	float: right;
	width: 200px;
}

div.two-col.col50 {
	float: left;
	margin-bottom: 20px;
	width: 677px;
	background: url(/sites/dotcom/images/iface/divider-vertical.gif) 50% top repeat-y;
}

div.two-col.col50 div.col1 {
	float: left;
	width: 320px;
}

div.two-col.col50 div.col2 {
	float: right;
	width: 320px;
}

#sitePage div.two-col.col50 h2 {
	font-size: 130%;
	padding: 0;
	margin: 0 0 5px 0;
}

#sitePage div.two-col.col50 p {
	padding: 0;
	margin: 0 0 20px 0;
}

/* =selectToAccess
====================================================================================================*/

div#selectToAccess {
	width: 677px;
	background:transparent url(/sites/dotcom/images/iface/select-to-access-bg.gif) no-repeat left top;
	float: left;
	margin: 0 0 10px 0;
}

div#selectToAccess .inner {
	padding: 10px 12px;
	margin: 0;
	background: none;
}

div#selectToAccessNav {
	float: left;
	width: 220px;
	height: 363px;
	margin: 0 0 10px 0;
	background: url(/sites/dotcom/images/iface/select-to-access.gif) no-repeat left top;
}

div#selectToAccessNav h2 {
	padding: 15px;
	margin: 0 0 5px 0;
	color: #fff;
	font-size: 14px;
	line-height: 1em;
}

div#selectToAccessNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

div#selectToAccessNav ul li {
	margin: 0 0 1px 5px;
	padding: 0;
	background: none;
	line-height: 1em;
}

div#selectToAccessNav ul li a {
	display: block;
	width: 210px;
	padding: 5px 0 5px 5px;
	margin: 0;
	text-decoration: none;
	color: #333;
}

div#selectToAccessNav ul a.selected,
div#selectToAccessNav ul a:hover {
	background:#fff url(/sites/dotcom/images/iface/select-to-access-nav.gif) no-repeat left 50%;
	color: #333;
	padding: 5px 0 5px 5px;
	/*border-bottom: 1px solid #999;*/
}

div#selectToAccessContent {
	float: left;
	width: 428px;
	height: 363px;
	margin: 0 0 10px 0;
	background: transparent url(/sites/dotcom/images/iface/select-to-access-content.gif) no-repeat left top;
}

div#selectToAccessContent .inner {
	padding: 0px !important;
	margin: 15px 5px 0 20px;
	overflow: auto;
	height: 345px;
	width: 395px !important;
	display: inline;
}

div#selectToAccessContent .inner div.sta-content {
	background: #fff;
	font-size: 12px;
}

div#selectToAccessContent .inner h2 {
	color: red;
	font-size: 130%;
	font-weight: normal;
	margin: 0 0 1.5em 0;
}

div#selectToAccessContent .inner h3 {
	font-size: 120%;
}

div#selectToAccessContent .inner h4 {
	font-size: 110%;
}

div#selectToAccessContent ul
 {
	text-align: left;
	margin: 0 0 0 13px;
	position: relative; /*IE6 is bad*/
	font-size: 12px;	
}

div#selectToAccessContent ol {
	text-align: left;
	margin: 0 5px 0 15px;
	padding: 0;
	font-size: 12px;
}
div#selectToAccessContent ol li {
	text-align: left;
	margin: 0 0 5px 26px;
	padding: 0 0 0 0;
	list-style-position: outside;
}

/* =boxes - older rounded corners
====================================================================================================*/

.box1 {
	width: 217px;
	background: #ececec url(/sites/dotcom/images/iface/box1-bl.gif) no-repeat left bottom;
	float: left;
}

.box1-outer {
	background: url(/sites/dotcom/images/iface/box1-br.gif) no-repeat right bottom;
}

.box1-inner {
	background: url(/sites/dotcom/images/iface/box1-tl.gif) no-repeat left top;
}

.box1 .box1-content {
	background: url(/sites/dotcom/images/iface/box1-tr.gif) no-repeat right top;
}

.box1 p {
	padding: 10px;
}

#cBoxWrapper {
	margin: 10px 0 10px 0;
	padding: 0;
}

#cBoxWrapper h3 {
	padding: 10px 15px;
	margin: 0;
	color: red;
	font-weight: normal;
	font-size: 120%;
}

#cBoxWrapper p {
	padding: 0 15px 5px 15px;
	margin: 0;
	line-height: 1.3em;
}

/* horizontal rule*/

hr {
	border: none 0;
	border-top: 1px solid #ccc;
    /*the border*/
	height: 1px;
	/*whatever the total width of the border-top and border-bottom equal*/
	text-align: center;
	clear: both;
}

.site-content-component #cBoxWrapper hr {
	border: none 0;
	border-top: 1px solid #ccc;
	/*the border*/
	width: 90%;
	height: 1px;
	/*whatever the total width of the border-top and border-bottom equal*/
	text-align: center;
}

#cBoxWrapper ul {
	padding: 0px 10px 10px 15px;
	margin: 0;
	list-style: none;
}

#cBoxWrapper ul li {
	padding: 1px 0;
	margin: 0;
	background: none;
}

#cBoxWrapper ul li a {
	font-size: 95%;
	color: #6987A3;
}

#cBoxWrapper .c-box,
#cBoxWrapper .c-box .box1-outer,
#cBoxWrapper .c-box-tall,
#cBoxWrapper .c-box-tall .box1-outer {
	width: 217px;
	height: 18em;
	margin: 0;
	padding: 0;
}

#cBoxWrapper .c-box-tall,
#cBoxWrapper .c-box-tall .box1-outer {
	width: 217px;
	height: 21em;
	margin: 0;
	padding: 0;
}

#cBoxWrapper .c-box,
#cBoxWrapper .c-box-tall {
	float: left;
	margin: 0 13px 10px 0;
}

#cBoxWrapper .c-box a,
#cBoxWrapper .c-box-tall a {
	color: #6987A3;
}

#cBoxWrapper .box1.c-box.last,
#cBoxWrapper .c-box-tall.last {
	margin: 0 0 10px 0;
}

/* two-column box on the ___ page */

#cBoxWrapper .two-col-box,
#cBoxWrapper .two-col-box .box1-outer {
	width: 447px;
	height: 18em;
	margin: 0;
	padding: 0;
}

#cBoxWrapper .two-col-box {
	margin: 0 10px 0 0;
}

#cBoxWrapper .two-col-box .two-col-box-col1 {
	float: left;
	width: 220px;
	border-right: 1px solid #ccc;
	margin-top: 5px;
}

#cBoxWrapper .two-col-box .two-col-box-col2 {
	float: right;
	width: 210px;
	margin-top: 5px;
}

#cBoxWrapper .two-col-box h3 {
	font-weight: bold;
	color: #333;
}

#cBoxWrapper .two-col-box h4 {
	font-size: 100%;
	margin: 10px 0 0 15px;
}

/*box with blue header top - fixed width of 217px */

#cBoxWrapper .box-blue-top {
	width: 217px;
	float: left;
	background: #fff url(/sites/dotcom/images/iface/box-blue-bottom.gif) no-repeat left bottom;
	margin: 0 10px 0 0;
}

#cBoxWrapper .box-blue-top h3 {
	background: #fff url(/sites/dotcom/images/iface/box-blue-top.gif) no-repeat left top;
	color: #fff;
	font-size: 120%;
	margin-bottom: 5px;
}

#cBoxWrapper .box-blue-top p {
	margin: 5px 5px 5px 15px;
	padding: 0;
	font-size: 90%;
}

/* specific blue-top boxes */

/* Login box on the  services & support page */

#cBoxWrapper #loginBox.box-blue-top {
	width: 217px;
	height: 18.2em;
	float: left;
	background: #fff url(/sites/dotcom/images/iface/box-blue-bottom.gif) no-repeat left bottom;
	margin-right: 0;
}

#cBoxWrapper #loginBox.box-blue-top form#formLogInMyBrocade p {
	margin: 5px 5px 5px 15px;
	padding: 0;
}

#cBoxWrapper #loginBox.box-blue-top form#formLogInMyBrocade p select,
#cBoxWrapper .box-blue-top.login-box form#formLogInMyBrocade p input {
	width: 185px;
}

#cBoxWrapper #loginBox.box-blue-top form#formLogInMyBrocade p input#btnLogIn {
	width: 77px;
	margin: 7px 10px 0 0;
	float: left;
}

#cBoxWrapper #loginBox.box-blue-top form#formLogInMyBrocade p a.register {
	margin: 5px 0 0 0;
	padding: 3px;
	float: left;
}

/*box with gray header top - fixed width of 217px */

#cBoxWrapper .box-gray-top {
	width: 217px;
	float: left;
	background: #fff url(/sites/dotcom/images/iface/box-gray-bottom.gif) no-repeat left bottom;
	margin: 0 10px 0 0;
}

#cBoxWrapper .box-gray-top h3 {
	background: #fff url(/sites/dotcom/images/iface/box-gray-top.gif) no-repeat left top;
	color: #fff;
	font-size: 120%;
	margin-bottom: 5px;
}

#cBoxWrapper .box-gray-top p {
	margin: 5px 5px 5px 15px;
	padding: 0;
	font-size: 90%;
}

/* page columns for the new training page*/

div.two-col.col6633 {
	float: left;
	margin: 5px 0 0 0;
	width: 677px;
}

div.two-col.col6633 div.col1 {
	float: left;
	width: 450px;
	margin: 0;
}

div.two-col.col6633 div.col2 {
	float: right;
	width: 217px;
	margin: 0;
}

#sitePage div.two-col.col6633 h2 {
	font-size: 130%;
	padding: 0;
	margin: 0 0 5px 0;
}

#sitePage div.two-col.col6633 p {
	padding: 5px 15px 5px 15px;
	margin: 0 0 5px 0;
}

/* short gray-top boxes on training page*/

#alreadyRegistered {
	height: 23.8em;
	margin: 0;
	padding: 0;
}

#alreadyRegistered p img {
	float: left;
	width: 57px;
	margin: 0 5px 20px 0;
}

#cBoxWrapper div.two-col.col6633 .box-gray-top.short-box {
	float: left;
	margin: 0 13px 15px 0;
	padding: 0;
	height: 11.3em;
	width: 217px;
}

#cBoxWrapper div.two-col.col6633 div.box-gray-top.short-box-last {
	margin: 0 0 15px 0;
	height: 11.3em;
}

/* training promos */

div#promosTraining ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}

div#promosTraining ul li {
	margin: 0;
	padding: 0;
	background: none;
}

div#promosTraining ul li a img {
	margin: 0 0 3px 0;
	padding: 0;
	border: 0;
}

/* =contactBrocade - styles for the lightbox Contact Us page
====================================================================================================*/

div#contactBrocade {
	width: 400px;
	height: 470px;
	background: #fff;
	text-align: left;
}

div#contactBrocade h1 {
	color: red;
	font-size: 120%;
	margin: 10px 0 0 0;
	padding: 0;
}

div#contactBrocade p {
	color: #333;
	padding: 7px 0;
	margin: 0;
}

div#contactBrocade form#contactUs {
	font-size: 90%;
}

div#contactBrocade form#contactUs p.input-text {
	
}

div#contactBrocade form#contactUs p.input-text label {
	display: block;
	color: #6987A3;
}

div#contactBrocade form#contactUs p.input-text input {
	width: 200px;
}

div#contactBrocade form#contactUs fieldset {
	margin: 5px 0 0 0;
	padding: 0;
}

div#contactBrocade form#contactUs fieldset legend {
	margin: 0;
	padding: 0;
	color: #6987A3;
}

div#contactBrocade form#contactUs p.checkbox label {
	
}

div#contactBrocade form#contactUs p.checkbox input {
	margin: 0;
	padding: 0;
}

div#contactBrocade form#contactUs p img {
	width: auto;
}

div#contactBrocade form#contactUs p textarea {
	width: 200px;
	height: 100px;
}

div#contactBrocade form#contactUs p.checkbox input,
div#contactBrocade form#contactUs p.input-image input {
	width: auto;
}

/* =register-form - 3 Register with Brocade screens
====================================================================================================*/

form.register-form {
	font-size: 89%;
}

form.register-form p.input-text input,
form.register-form p.input-select input {
	width: 200px;
}

form.register-form p.input-text label {
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 5px;
}

span.required {
	color: red;
}

form p.radio input,
form p.checkbox input,
form p.input-button input {
	width: auto;
}

form.register-form p.input-button {
	background-color: #999999;
	color: #eeeeee;
	border-bottom: 1px solid #666666;
	padding: 5px 4px 5px 4px;
	cursor: pointer;
	width: 700px;
	float: left;
}

form.register-form p.input-button input {
	float: right;
}

form.register-form form div.form-note {
	float: right;
	width: 300px;
	background: #ccc;
	border: 1px solid #999;
	color: #333;
	margin: 0 150px 0 20px;
	position: relative;
	bottom: 35px;
	display: inline;
}

form.register-form form div.form-note p {
	padding: 10px;
	margin: 0;
}

form.register-form div.cb-column {
	float: left;
	width: 200px;
}

form.register-form fieldset {
	border-top: 1px solid #ccc;
	width: 800px;
}

form.register-form fieldset legend {
	font-size: 150%;
	color: #666;
	padding: 20px 10px 20px 0;
}

/* =features - Products Features page e.g. Brocade StorageX Features
====================================================================================================*/

div.feature {
	border-bottom: 1px solid #ccc;
	clear: both;
	float: left;
	margin: 0 0 10px 0;
}

#sitePage h2.product-header {
	color: #999;
	font-weight: normal;
	clear: both;
	padding: 10px 0;
	margin: 10px 0 0 0;
}

div.feature h3 {
	float: left;
	width: 200px;
	color: #666;
	font-weight: normal;
	font-size: 14px;
}

div.feature ul {
	float: right;
	width: 550px;
	font-size: 12px;
	color: #666;	
}
div.feature ul li {
	background: none;
}

.attention {
	color: red;
}

/* =boxes - NEW rounded corners
These will expand to the width and height of their parent div,
In our circumstance, the width and height of the LiveSite component set by the user.
====================================================================================================*/

.roundbox {
	margin: 0;
	padding: 0;
	background: url("/sites/dotcom/images/iface/boxes/roundbox-gray-tr.gif") no-repeat right top;
	width: 100%;
	height: 100%;
}

.roundbox .tl {
	margin: 0;
	padding: 0;
	background: url("/sites/dotcom/images/iface/boxes/roundbox-gray-tl.gif") no-repeat left top;
	width: 100%;
	height: 100%;
}

.roundbox .br {
	margin: 0;
	padding: 0;
	background: url("/sites/dotcom/images/iface/boxes/roundbox-gray-br.gif") no-repeat right bottom;
	width: 100%;
	height: 100%;
}

.roundbox .bl {
	margin: 0;
	padding: 0;
	background: url("/sites/dotcom/images/iface/boxes/roundbox-gray-bl.gif") no-repeat left bottom;
	width: 100%;
	height: 100%;
}

.roundbox-gray-gradient {
	margin: 0;
	padding: 0;
	background: url("/sites/dotcom/images/iface/boxes/roundbox-gray-gradient-tr.jpg") no-repeat right top;
	width: 100%;
	height: 100%;
}

.roundbox-gray-gradient .tl {
	margin: 0;
	padding: 0;
	background: url("/sites/dotcom/images/iface/boxes/roundbox-gray-gradient-tl.jpg") no-repeat left top;
	width: 100%;
	height: 100%;
}

.roundbox-gray-gradient .br {
	margin: 0;
	padding: 0;
	background: url("/sites/dotcom/images/iface/boxes/roundbox-gray-gradient-br.png") no-repeat right bottom;
	width: 100%;
	height: 100%;
}

.roundbox-gray-gradient .bl {
	margin: 0;
	padding: 0;
	background: url("/sites/dotcom/images/iface/boxes/roundbox-gray-gradient-bl.png") no-repeat left bottom;
	width: 100%;
	height: 100%;
}

.roundbox-gray-top {
	margin: 0;
	padding: 0;
	background: url("/sites/dotcom/images/iface/boxes/roundbox-gray-top-tr.gif") no-repeat right top;
	width: 100%;
	height: 100%;
}

.roundbox-gray-top .tl {
	margin: 0;
	padding: 0;
	background: url("/sites/dotcom/images/iface/boxes/roundbox-gray-top-tl.gif") no-repeat left top;
	width: 100%;
	height: 100%;
}

.roundbox-gray-top .br {
	margin: 0;
	padding: 0;
	background: url("/sites/dotcom/images/iface/boxes/roundbox-gray-top-br.gif") no-repeat right bottom;
	width: 100%;
	height: 100%;
}

.roundbox-gray-top .bl {
	margin: 0;
	padding: 0;
	background: url("/sites/dotcom/images/iface/boxes/roundbox-gray-top-bl.gif") no-repeat left bottom;
	width: 100%;
	height: 100%;
}

.roundbox-blue-top {
	margin: 0;
	padding: 0;
	background: url("/sites/dotcom/images/iface/boxes/roundbox-blue-top-tr.gif") no-repeat right top;
	width: 100%;
	height: 100%;
}

.roundbox-blue-top .tl {
	margin: 0;
	padding: 0;
	background: url("/sites/dotcom/images/iface/boxes/roundbox-blue-top-tl.gif") no-repeat left top;
	width: 100%;
	height: 100%;
}

.roundbox-blue-top .br {
	margin: 0;
	padding: 0;
	background: url("/sites/dotcom/images/iface/boxes/roundbox-blue-top-br.gif") no-repeat right bottom;
	width: 100%;
	height: 100%;
}

.roundbox-blue-top .bl {
	margin: 0;
	padding: 0;
	background: url("/sites/dotcom/images/iface/boxes/roundbox-blue-top-bl.gif") no-repeat left bottom;
	width: 100%;
	height: 100%;
}

.roundbox-content {
	margin: 0;
	padding: 10px 10px 10px 10px;
	position: relative;
	/*z-index: 99;*/ /*Ammend by BLUE for products & solutions overlay */
	text-align: left;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	height: 100%;
	font-size:11px;
	color:#333;
}

.roundbox-content h1,
#siteContent .roundbox-content h1
 {
	color: #ff0000;
	font-size: 14px;
	font-weight: bold;
	margin:0px;
	padding:4px 0px 5px 0px;
}

.roundbox-content h2 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	font-weight:normal;
	color:#6987A3;
	line-height:17px;
}

.roundbox-content h3 {
	font-size: 14px;
	color: red;
	margin: 5px 0;
}

.roundbox-content h2 a {
	color: #6987A3;
	/*color: #FF0000;*/
	text-align: left;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-size: 14px;
}
.roundbox-content h2 a:hover{
	color:#526a83;
	/*color: #FF0000;*/
}
.roundbox-content h2 a:visited{
	color:#A2ACBA;
	/*color: #FF0000;*/
}

.roundbox-gray-top .roundbox-content h3,
.roundbox-blue-top .roundbox-content h3
 {
	font-size: 14px;
	color: #fff;
	margin:0 0 15px 0;
	padding:0;
}

.roundbox-content p {
	font-size: 11px;
	color: #666;
	margin: 0 5px 7px 0;
	padding: 0;
	line-height: 1.4em;
}

.roundbox-content a {
	text-decoration: none;
}

div.roundbox-content ul, #siteContainer #sitePage div.roundbox-content ul{
	margin-left: 0px;
	padding-left: 0;
	list-style: none;
	position: relative; /*IE6 is bad*/
	font-size: 12px;
}
div.roundbox-content ul li {
	padding:0 0 0 15px;
	background-image: url(/sites/dotcom/images/iface/bullet-gray-square.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

div.roundbox-content .alpha-listing ol li ol li {
	list-style-type:lower-alpha;
}
	
.roundbox-content p.content {
	font-size: 12px;
	color: #000;
}

/* =list-chunk - list component render style 1
===============================================================================*/

div.list-chunk {
	/*width: 660px;*/
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	clear: both;
}

div.list-chunk h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #333;
}

div.list-chunk p {
	color: #333;
	font-size: 90%;
}

/* =list-chunk - list component render style 1
===============================================================================*/
div.list-style-2,
div.list-style-4,
div.list-style-5
 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	clear: both;
}
div.list-style-2 table{
	clear: both;
	width: 670px;
	border: none;
	text-align: left;
}
div.list-style-2 table td {
	padding: 5px;
}

/* =tables 
- generic table styling
===============================================================================*/
table {
	text-align: left;
	padding: 0;
	margin: 1em 0 1em 0;
	border-top: 1px solid #e7e7e7;
	border-collapse:collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

table th,
table td
{
	margin:0;
	font-size: 12px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0.5em;
	border-bottom: 1px solid #e7e7e7;
}

table th,
table tr.table-header {
	text-align: left;
	font-weight: normal;
	background: #999;
	color: #fff;
}

table td {
	color: #333;
}

table tr.alt {
	background: #efefef;
}

table caption {
	font-size: 11px;
	color: #999;
}


/* =table - table style for list events component
===============================================================================*/

table.list-events th {
	background-color: #999;
	color: #fff;
}
table.list-events td {
	color: #333;
}

table.list-events th,
table.list-events td
{
	margin:0;
	padding:8px 5px;
	font-size: 12px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
table.list-events tr.alt {
	background: #efefef;
}

table.list-locations {
border: none;	
}

table.list-locations th,
table.list-locations td
{
border: none;
}

/* =table - table styling for support-plans smaller font
===============================================================================*/
table.support-plans {
	text-align: left;
	padding: 0;
	margin: 1em 0 1em 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-collapse:collapse;
	font-family: Arial, Helvetica, sans-serif;	
}

table.support-plans th,
table.support-plans td
{
	margin:0;
	font-size: 9px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0.25em;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

table.support-plans th,
table.support-plans tr.support-plans-header
 {
	text-align: left;
	color: #333;
	font-weight: bold;
}

table.support-plans td {
	color: #333;
}

table.support-plans tr.alt {
	background: #efefef;
}

/* =table - table styling for support-plans smaller font
===============================================================================*/
table.file-insight {
	text-align: left;
	padding: 0;
	margin: 1em 0 1em 0;
	border: none;
	border-collapse:collapse;
	font-family: Arial, Helvetica, sans-serif;	
}

table.file-insight td
{
	margin:0;
	font-size: 12px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0.25em;
	border: none;
}

table.file-insight th,
table.file-insight tr.file-insight-header
 {
	text-align: left;
	color: #333;
	font-weight: bold;
}

table.file-insight td {
	color: #333;
}

table.file-insight tr {
	background: #F7F5F5;
}
table.file-insight tr.alt-file-insight {
	background: #E4E8E8;
}

/* =table - table styling for support plans, direct, at-a-glance
===============================================================================*/
table.support {
	text-align: left;
	padding: 0;
	margin: 1em 0 1em 0;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse:collapse;
	font-family: Arial, Helvetica, sans-serif;	
}

table.support th,
table.support td
{
	margin:0;
	font-size: 12px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0.4em;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

table.support th,
table.support tr.support-header
 {
	text-align: left;
	color: #000;
	font-weight: bold;
	background: #eeeeee;
}

table.support td {
	color: #333;
}

table.support tr.alt {
	background: #efefef;
}

/* =table .bordered
===============================================================================*/
table.bordered {
	text-align: left;
	padding: 0;
	margin: 1em 0 1em 0;
	border: 1px solid #999;
	border-collapse:collapse;
	font-family: Arial, Helvetica, sans-serif;	
}

table.bordered th,
table.bordered td
{
	margin:0;
	font-size: 12px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0.4em;
	border: none;
	color: #333;
}

table.bordered th,
table.bordered tr.bordered-header
 {
	text-align: left;
	color: #fff;
	font-weight: bold;
	background: #999;
}
table.bordered th td,
table.bordered tr.bordered-header td{
	color: #fff;
}

/* =table - unstyled table
===============================================================================*/
table.unstyled h2 {
	line-height: 18px;
}

table.unstyled {
	text-align: left;
	padding: 0;
	margin: 1em 0 1em 0;
	border: none;
	border-collapse:collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

table.unstyled th,
table.unstyled td
{
	margin:0;
	font-size: 12px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0.5em;
	border: none;
}

table.unstyled th,
table.unstyled tr.table-header {
	text-align: left;
	font-weight: normal;
}

table.unstyled td {
	color: #333;
}

table.unstyled ul li { 
	color: #666666;
	font-size: 12px;
}

/* Career > University Relations */
table.unstyled .sm-table {padding-left:10px !important; font-size:11px; color:#333333;}
table.unstyled .sm-table2 {font-size:11px; color:#333333;}


table.unstyled.product-desc{}
table.unstyled.product-desc tr{}
table.unstyled.product-desc td{
	padding:0px;
}

table.noMargin {margin: 0;}

div.product-collapsed {

                margin: 0;

                padding: 0;

                text-align: left;

                clear: both;

                display:none;

}

 

div.product-expand {

                margin: 0;

                padding: 0;

                text-align: left;

                clear: both;

                display:block;

}

.null { }

 

/*Start: Added by BLUE (20th August 2009) - To reduce font size for Brocade Sales Agreement Page (WCR 1905)*/
div#tcContent p {font-size:9px;}
/*End: Added by BLUE (20th August 2009) - To reduce font size for Brocade Sales Agreement Page (WCR 1905)*/


/*Start: Added by BLUE - To add icon beside external links*/
span.extlink { /*The background image*/
	background: transparent url(/sites/dotcom/images/icon_external_link.gif) no-repeat right center;
	zoom:1;
	padding-right:14px;
	line-height: 10px;  /*To center the text vertically with the icon*/
	text-decoration:none;
}
a.elink {text-decoration:none !important}
a.elink span {text-decoration: none !important}
a.elink span.extlink {text-decoration:none !important}
li span.extlink{text-decoration:none !important;}
.roundbox-content h2 span.extlink {padding-right: 14px !important; line-height:17px;}
.roundbox-content h2 a.elink span {text-decoration:none !important;}
/*End: Added by BLUE - To add icon beside external links*/


/* Collapse Button disabled Test Styles */

#filteredProducts h3.toggle-none, h3.toggle-none {

background: #6987A3; 

clear: both;

color: #FFFFFF;

font-size: 14px;

height: 25px;

line-height: 25px;

padding: 0 0 0 10px;

text-align: left;

margin: 0;

}

 

.roundbox-content h2.redClr {

          margin: 0 0 5px 0;

          padding: 0;

          font-size: 14px;

          font-weight:bold;

          color:#FF0000;

          line-height:17px;

}

.roundbox-content h2.redClr a, .roundbox-content h2.redClr a:hover, .roundbox-content h2.redClr a:visited {color:#FF0000 !important;}

/* Jump Page CSS */
table.tcontainer {
	border: none !important;
	border-collapse:separate;
}
table.tcontainer td {
	border: none;
	padding-top:0 !important;
	margin-top:0 !important;
}

.jumpPageText p { padding:0 15px 10px 15px;}
.jumpPageText h1 {padding:0 15px 0 15px;}
.jumpPageText img { padding-bottom:10px;}

.top {
	background:url(/sites/dotcom/images/Company/bg_top.jpg) #ffffff no-repeat left top;
	width:675px;
	height:20px;
	padding:0 !important;
	margin:0 !important;
}
.center {
	background:url(/sites/dotcom/images/Company/bg-centre.jpg) #ffffff no-repeat left bottom;
	border:1px solid #CCC !important;
	border-top:none !important;
	border-bottom: none !important;
	width:673px !important;
	padding:0 !important
}
.bottom {
	background:url(/sites/dotcom/images/Company/bg_bottom.jpg) #ffffff no-repeat;
	width:675px;
	height:20px;
}

/* for Home > Educations - done by blue*/
.education_table .celcolour{
	background-color:#666666;
	color:#FFFFFF;
}

.education_table .celcolour span.extlink {background:url("/sites/dotcom/images/icon_external_link_2.gif") no-repeat scroll right center transparent !important;}

.education_table .nobotline{
	border:none;
}

.education_table a.eduLink{
	text-decoration:underline;
	color:#ffffff;
	font-weight:bold;
}




/* for Home > Partnerships > OEM Partners : Products & Solutions - done by blue*/
.secondheader {
	background-color: #CCCCCC;
}
.nobottom {
	border-bottom:none;
}

/* for Home > Partnerships > OEM Partners : Products & Solutions - done by blue -start-*/
.partnerships a.noline{
	text-decoration:none;
}
.partnerships .nobotline{
	border:none;
}
.partnerships .indenttext{
	padding-left:25px;
}
.partnerships .celcolour{
	background-color:#666666;
	color:#FFFFFF;
}
.partnerships .secondcelcolour{
	background-color:#BCBCBC; 
}
.partnerships .secondaryheader{
	padding-top:20px;
}

.red {
	color: red;
}

.roundboxgreyleft {
	background: url("/sites/dotcom/images/iface/box1.gif") no-repeat left bottom;
	width: 15px;
	height: 32px;
	}
.roundboxgreyright {
	background: url("/sites/dotcom/images/iface/demo_title_bg.jpg") no-repeat left bottom;
	width: 330px;
	height: 29px;
}
.roundboxgreyright h3.header {
	color:#FFFFFF;
	position:relative;
	top: 0px;
	left: 15px;
	margin:0 !important;
}


table.mybrocade_table table, table.mybrocade_table, table.mybrocade_table tr, table.mybrocade_table table tr, table.mybrocade_table tr td, table.mybrocade_table table tr td {margin:0 !important; padding:0 !important; border-bottom:none !important;  border-top:none !important;}

table.mybrocade_table tr td.rightborder {border-right:1px solid #CCCCCC;}


.press_release p { text-align:center !important;}

.press_release .redtext { color:#FF0000 !important; }

/*Start: Added by BLUE for Microsoft Partner Pages*/
#quote {margin-bottom:1em !important;}
#quote.h170 {height:170px !important;}
#quote.h130 {height:130px !important;}
#quote.h115 {height:115px !important;}
#quote.h100 {height:100px !important;}
#quote.h90 {height:90px !important;}
#quote p {font-size:12px;}
#quote .quote_symbol {font-size:18px; font-weight:bold;}
#quote .quote_author {text-align:right;}
/*End: Added by BLUE for Microsoft Partner Pages*/

/*Start: Added by BLUE for Customer Success Stories*/
#customer_stories_container {background-color:#FFFFFF;}
#customer_stories_container a { text-decoration:none; color:#6987A3;}
#customer_stories_container a:hover {color:#FF0000;}
#customer_stories_container #mainFlashContainer {margin-bottom:10px !important;}

#customer_stories_content {background-color:#FFFFFF;}
#customer_stories_content #intro_container {margin:13px 0 5px 0; }
#customer_stories_content .rightnav_contact_sales {margin:0 0 13px 0;}
#customer_stories_content .landing_intro {margin:0px 13px 0 0px; float:left; width:463px;}
#customer_stories_content div#accordion ul#accordionMenu ul {margin:6px 5px 8px !important;}
#customer_stories_content div#accordion ul#accordionMenu ul li {border-bottom:1px solid #CCC !important; width:665px; margin-bottom:8px !important;}
#customer_stories_content div#accordion ul#accordionMenu ul li.last {border-bottom:none !important;}
#customer_stories_content div#accordion h4 {background:none !important; margin:0; padding:0 0 0 20px; position:static; color:#333333;}
#customer_stories_content div#accordion h5 {background:none !important; margin:0; padding:0 0 0 20px; position:static; color:#666666; font-size: 11px; font-weight:normal;}
#customer_stories_content div#accordion ul#accordionMenu ul li p {padding:0 0 0 20px; color:#666666; margin:5px 0; font-size:10px;}
#customer_stories_content div#accordion ul#accordionMenu ul li a {color:#6987A3 !important; display:inline !important; font-size:10px !important; padding:0 !important; text-decoration:none !important;}
#customer_stories_content div#accordion ul#accordionMenu ul li a:hover {color:#FF0000 !important;}

#customer_stories_container h2 {color:#FF0000 !important;}
#customer_stories_container .featured_pr { width:675px; padding-bottom:15px;}
#customer_stories_container .featured_pr p { margin:0; padding:0 0 10px 0;}
#customer_stories_container .featured_pr a { text-decoration:none; color:#6987A3;}
#customer_stories_container .featured_pr a:hover {color:#FF0000;}
#customer_stories_container .featured_pr p.featured_pr_link {}
#customer_stories_container .featured_pr p.css_quote_container {color:#666666 !important;}
#customer_stories_container .featured_pr p.css_quote_container .css_quote {font-style:italic;}
#customer_stories_container .featured_pr p.css_quote_container .css_quote_author {font-weight:bold;}
#customer_stories_container .featured_pr_left { float: left; width:207px; padding: 0 15px 0 0; background:url(/sites/dotcom/images/Company/customer-success-stories/297px_line.gif) top right no-repeat; }
#customer_stories_container .featured_pr_middle { float: left; width:202px; padding: 0 15px 0 15px; background:url(/sites/dotcom/images/Company/customer-success-stories/297px_line.gif) top right no-repeat;}
#customer_stories_container .featured_pr_right { float: left; width:206px; padding:0 0 0 15px; }
#customer_stories_container #community {padding-bottom:10px;}
#customer_stories_container .pr_listing ul { margin:0 !important; }
#customer_stories_container .pr_listing ul li { list-style-type:none !important; background:none !important; padding:5px 0 5px 0  !important; border-bottom: 1px solid #CCCCCC;}
#customer_stories_container .pr_listing a { text-decoration:none; color:#000000 !important;}
#customer_stories_container .pr_listing a:hover {color:#FF0000 !important;}


/*End: Added by BLUE for Customer Success Stories*/

/*Start: Added by BLUE for Careers > Award-Winning Workplace Page*/
p.nextpage a {text-decoration:none;}
p.nobtmmargin {margin-bottom:0 !important}
#mediaContainer #mainFlashContainer {margin-right:10px !important; width:484px !important; float:left;}
#mediaContainer #mainFlashContainer #mainFlash {width:484px;}
#mediaContainer #rightnavContainer {width:180px; float:right;}
#mediaContainer #rightnavContainer .bspace {margin-bottom: 10px !important;}
h2.redTitle, #mediaContainer .roundbox-content h2 {color: #FF0000 !important}
#mediaContainer .roundbox-content h2 {font-weight:bold !important;}
#mediaContainer .roundbox-content p {margin-bottom:0; !important}
#mediaContainer .roundbox-content table.unstyled {margin:0 !important}
#mediaContainer .roundbox-content table.unstyled th, table.unstyled td {padding:0 !important}
#mediaContainer .roundbox-content .align-right-margin {margin: 0 0 5px;}
/*End: Added by BLUE for Careers > Award-Winning Workplace Page*/

/*Start: Added by BLUE for Solutions > IP/Ethernet Solutions Page (WCR 2417)*/
a.subtitle, a.subtitle:visited {font-weight:bold; color:#000000 !important; text-decoration:none;}
a.subtitle:hover {color:#FF0000 !important; text-decoration:none;}
/*End: Added by BLUE for Solutions > IP/Ethernet Solutions Page (WCR 2417)*/
td.newcolor{ background-color:#EEEEEE;}

/* Start: Added by for NewSpotlight.component on 26-March-2010 */
.box_grey { width:197px; background:#f1f1f1;}
.box_grey .rgTop{background:url("/sites/dotcom/images/spotlight/box-left-border.gif") repeat-x left top;}
.box_grey .rgBottom{background:url("/sites/dotcom/images/spotlight/box-left-border.gif") repeat-x left bottom;}
.box_grey .rgLeft{background:url("/sites/dotcom/images/spotlight/box-left-border.gif") repeat-y left top;}
.box_grey .rgRight{background:url("/sites/dotcom/images/spotlight/box-left-border.gif") repeat-y right top;} 
.box_grey .rgTL{background:url("/sites/dotcom/images/spotlight/greytl.gif")  no-repeat left top;}
.box_grey .rgTR{background:url("/sites/dotcom/images/spotlight/greytr.gif")  no-repeat right top;}
.box_grey .rgBL{background:url("/sites/dotcom/images/spotlight/greybl.gif")  no-repeat left bottom;}
.box_grey .rgBR{background:url("/sites/dotcom/images/spotlight/greybr.gif")  no-repeat right bottom;}
/*End: Added for NewSpotlight.component on 26-March-2010*/

/*Start: Added by BLUE for Data Center Best Practices  >  Bookshelf Page (WCR 2760)*/
.list-chunk .align-left-margin {margin:0 12px 15px 0 !important;}

/*Start: Added by BLUE for Partnership (WCR 2833)*/
img.right_img_spacing { margin-left:10px;}

/*Start: Added by BLUE for High Performance Computing (WCR 2847)*/
.alpha-listing p {font-size:12px !important;}

/*Start: Added by BLUE for Sitemap Page Revamp*/
.siteContent_box ul li{ background-image:none !important; padding:0 !important; margin:0 0 2px !important;}
.siteContent_box ul { margin: 0 !important;}
.siteContainer { width:948px; font-family:Arial, Helvetica, sans-serif; margin-bottom:8px; }
.col { float:left; width:232px; margin-right:4px; border-left:solid 1px #CCCCCC; }
.last { margin-right:0px; }
.title { font-weight:bold; padding:0px 10px; margin-bottom:4px; font-size:12px; line-height:27px; }
.normal_header a { color:#FFFFFF; text-decoration:none; }
.normal_header a:hover { color:#FF0000; text-decoration:none; }
.normal_header { background:#8A8A8A; color:#FFFFFF;}
.special_header { background:#E7E7E7; color:#8A8A8A;}
.special_header a { color:#8A8A8A; text-decoration:none; }
.special_header a:hover { color:#FF0000; text-decoration:none; }
.siteContent_box { font-size:11px; margin-bottom:8px; }
.siteContent_box a { text-decoration:none; }
.siteContent_box a:hover { text-decoration:none; }
.first_col { border-left-color:#FFFFFF;	border-left-style:solid; border-left-width:1px;}
.siteContent_box ul { font-weight:bold; padding: 0 10px;}
ul.lev2 { font-weight:normal; padding-bottom:5px; padding-top:5px; }
.lev1 { margin-top:10px !important}
/*End: Added by BLUE for Sitemap Page Revamp*/

/*Start: Added by BLUE for Events Calendar (WCR 3090)*/
table.list-events {margin:0 0 1em !important; }
/*End: Added by BLUE for Events Calendar (WCR 3090)*/

/* START: Added by BLUE for Products Solutions Recategorisation */

/* Miscellaneous */
.psr-container { margin:0 auto; }
.psr-clearfix:after, .psr-container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.psr-clearfix, .psr-container {display:block;}
.psr-container img { border:0; }
.psr-container .span-1_2 { width:47%; margin-right:3%; }
.psr-container .span-1_3 { width:30%; margin-right:3%; }
.psr-container .span-1_4 { width:22%; margin-right:3%; }
.psr-container .span-1_5 { width:17%; margin-right:3%; }

/* Fixes for ie6 and ie7 */
.psr-ie6-7 .psr-clearfix, .psr-ie6-7 .psr-container {display:inline-block;}
* html .psr-ie6-7 .psr-clearfix, * html .psr-ie6-7 .psr-container {height:1%;}
* html .psr-ie6-7 .psr-column, * html .psr-ie6-7 .column {display:inline;overflow-x:hidden;}

/* Container's width */
.psr-landing { width:890px; padding-top:20px; }

/* Title */
.psr-landing .psr-header .psr-title {float:left;}
.psr-landing .psr-header .psr-share {float:right;}

/* Hero / Masthead */
.psr-landing .psr-body { margin-top:20px; }

/* Main Columns Layout */
.psr-landing .psr-main { float:left; width:680px; margin-right:13px; }
.psr-landing .psr-sidebar { float:left; width:197px; padding-top:2px; }

/* Products/Solutions categories list */
.psr-products-categories, .psr-solutions-categories { font-size:11px; }
.psr-products-categories h3, .psr-solutions-categories h3 { font-size:1em; margin:0; color:#B2B2B2; }
.psr-products-categories a, .psr-products-categories a:visited, .psr-solutions-categories a, .psr-solutions-categories a:visited { text-decoration:none; color:#6987A3; }
.psr-products-categories a:hover, .psr-solutions-categories a:hover { color:#F00; }
.psr-products-categories .category, .psr-solutions-categories .category { margin-bottom:15px; }
.psr-products-categories .category p, .psr-solutions-categories .category p { margin-bottom:0!important; }
.psr-products-categories .call-to-action, .psr-solutions-categories .call-to-action { text-align:right; clear:both; font-size:1em; font-weight:bold; }
.psr-products-categories .span-1_3, .psr-solutions-categories .span-1_3 { margin-right:25px; }


/* Promotional Banners */
.psr-landing .psr-promo-banners { margin-bottom:13px; }
.psr-landing .psr-promo-banners a { display:block; float:left; width:auto; }

/* Accordion */
.psr-landing div#accordion {  }
.psr-landing div#accordion, .psr-landing div.accordion, .psr-landing div.accordion-top, .psr-landing div#accordion div.accordion-bottom, .psr-landing table.prod-desc { width:100% !important; }
.psr-landing div#accordion ul#accordionMenu li, .psr-landing div.accordion ul.accordionMenu li, .psr-landing div#accordion ul#accordionMenu ul li, .psr-landing div.accordion ul.accordionMenu ul li { width:100% !important; }
.psr-landing div#accordion ul#accordionMenu, .psr-landing div.accordion ul.accordionMenu { width:auto !important; }
.psr-landing div#accordion .accordion-top h2 { font-size:16px !important; line-height:39px; padding-top:0 !important; padding-bottom:0 !important; }
.psr-landing div#accordion .accordion-top {background-image:url(/sites/dotcom/images/lp-accordion-top.jpg) !important;}
.psr-landing div#accordion .accordion-bottom {background-image:url(/sites/dotcom/images/lp-accordion-bottom.gif) !important;}

.psr-landing .rightnav_contact_sales_container { width:100%; margin:0; }
.psr-landing .rightnav_container, .psr-landing .rightnav_contact_sales, .psr-landing .rightnav_component, .psr-landing .rightnav_banner { margin:0 0 13px 0; }
.psr-landing .rightnav_container { width:100%; margin:0 0 13px 0; }


ul.psr-quicklinks {list-style:none; padding:0!important; margin:0!important;}
ul.psr-quicklinks h3 { margin-bottom:0 !important; }
ul.psr-quicklinks li { border-right:1px solid #ccc; float:left; font-size:11px; padding:0 5px 0 0 !important; margin:0 5px 0 0 !important; background:none !important; line-height:12px; color:#B2B2B2; }
ul.psr-quicklinks li.last { border:0; padding:0 !important; margin:0 !important; }
ul.psr-quicklinks li a { text-decoration:none; color:#6987A3!important; }
ul.psr-quicklinks li a:hover { color:#f00!important; }
/* End: Added by BLUE for Products Solutions Recategorisation */

/* selectToAccess Theme 2 on Solutions &amp; Technologies Landing Page
====================================================================================================*/
#selectToAccess_2 { background:url(/sites/dotcom/images/sta2_bg.jpg) left bottom no-repeat; padding-bottom:10px; }
#selectToAccess_2 h2 { background:url(/sites/dotcom/images/sta2_header_bg.jpg) left no-repeat; line-height:36px; margin:0; color:#fff; padding-left:11px; font-size:14px; }
#selectToAccess_2 ul.navigator { width:200px; float:left; margin:15px 0; list-style:none; }
#selectToAccess_2 ul.navigator li.last a { background-image:none; }
#selectToAccess_2 ul.navigator li { margin:0 0 0 11px; padding:0; background-image:none; }
#selectToAccess_2 ul.navigator li a { display:block; line-height:30px; padding-left:15px; background:url(/sites/dotcom/images/sta2_nav_default.jpg) left bottom no-repeat; font-weight:bold; color:#333; text-decoration:none; outline:0; }
#selectToAccess_2 ul.navigator li a:hover, #selectToAccess_2 ul.navigator li.last a:hover { color:#f00; }
#selectToAccess_2 ul.navigator li a.selected { background-image:url(/sites/dotcom/images/sta2_nav_selected.jpg); color:#f00; }
#selectToAccess_2 .selectToAccess_2_body { background:url(/sites/dotcom/images/sta2_body_bg.jpg) repeat-y; }
#selectToAccess_2 .selectToAccessPanels { width:475px; float:left; }
#selectToAccess_2 .selectToAccessPanels a { text-decoration:none; }
#selectToAccess_2 .selectToAccessPanels .sta2-panel { padding:10px 20px; }
#selectToAccess_2 ul.navigator, #selectToAccess_2 .selectToAccessPanels { display:inline; }

* html .psr-ie6-7 #selectToAccess_2 ul.navigator li { margin-left:0; }
* html .psr-ie6-7 #selectToAccess_2 ul.navigator li a { line-height:normal; height:24px; padding-top:6px; }

#selectToAccess_2 .sta2-panel ul.list-3column li { float:left !important; width:45% !important; }

/* Added for Award Winning Workplace page */
.roundbox-content.award-winning p{line-height:1.7em;}
.award-winning-space  {margin-top:0px;}

/* Images Features/Description */
.imgDesc {font-size:11px;}

/*temp */
#FeaturedContentContainer p span#z, table p.firstpara span#z{ color:#ff1600; font-weight:bold;} /* temp */

/**
 * Start: CSS for jQuery workaround for the cropped option in set width select
**/
.select-overlay { background:#fff }
.select-overlay span
{
    display:block;
    float:left;
    clear:both;
    background:transparent url(/sites/dotcom/images/bg-ie-select-width.png) no-repeat 0 0
}


/* CSS for jQuery workaround for the cropped option in set width select - Overlay CSS for Internet Explorer 6 and 7 */
.ie6 .select-overlay span,
.ie7 .select-overlay span
{
    width:18px;
    height:22px;
    background-position:0 -20px
}

.ie6 .select-overlay-hover span,
.ie7 .select-overlay-hover span { background-position:-18px -20px }
.ie6 .select-overlay-active span,
.ie7 .select-overlay-active span { background-position:-18px -20px }

/* CSS for jQuery workaround for the cropped option in set width select - Overlay CSS for Internet Explorer 8 with no borders or padding */
.ie8 .select-overlay span
{
    width:18px;
    height:20px;
    background-position:0 0
}

.ie8 .select-overlay-hover span { background-position:-18px 0 }
.ie8 .select-overlay-active span { background-position:-18px 0 }
/**
 * End: CSS for jQuery workaround for the cropped option in set width select
**/

/* Brocade BCSDL08742SG */
/* Home > Solutions & Technology > Technology > Standards Leadership */
.fc_tabletext_center { text-align:center;}
.fc_table_bottom { margin-bottom:35px;}
h1.fc_standard_h1tag { margin-bottom:5px; padding-bottom:0; }
p.fc_standard_ptag { margin-top:0; padding-top:0;}

/* Home > Education */
table.edu_table {border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
table td.edu_table_row1 {padding:5px 0 0 10px !important;}
table td.edu_table_row2 {padding-top:5px !important;}
table td.edu_table_row3 {font-size:11px !important; padding:5px 0 5px 13px !important;}

/* Home > Education CNP 300 */
.table_p_margin { padding-top:20px;}

/* Home > Contacting Brocade > Brocade Mobile Applications */
.rotating-mobile {
	background-image:url(/sites/dotcom/images/Company/mobile/mobile-award-main.jpg);
	width: 253px;
	height: 465px;
	padding: 0;  
    margin:  0;
	position:relative;
} 

.rotating-mobile-img {
	padding: 0;  
    margin:  0;
	width: 214px !important;
	height:303px !important;
	overflow: hidden;
	position:relative;
	top:70px;
	left:20px;
}