/* -------------------------------------------------------------- 
TYPOGRAPHY
-------------------------------------------------------------- */
/* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { font:75% Arial, Helvetica, sans-serif; line-height:1.3em; }
/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size: 2.5em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size:1.33em; font-weight:bold; font-style:normal; margin-bottom: 1em; }
h3 { font-size: 1.05em; line-height: 1; margin-bottom: 0.3em; }
h4 { font-size: 1em; line-height: 1; margin-bottom: 0.2em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 1.5em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a { text-decoration:none; }
a:focus, a:hover { text-decoration:underline; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
em { font-style:italic; }
/* Lists
-------------------------------------------------------------- */
li ul, li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight:bold; font-size:1.33em; margin-bottom:1em; color:#D5791B; }
dd { padding-bottom:1.25em; padding-left:3em; margin:0; }
/* Tables
------------------------------------------------------------- */
table { margin-bottom: 1.4em; font-size:1em; }
th { font-weight: bold; vertical-align:top; width:25%; font-size:1em; text-align:left; }
thead th { background: #c3d9ff; }
th, td, caption { padding: 4px 10px 4px 0px; color:#DEC9B4; }
tfoot { font-style: italic; }
caption { background: #eee; }
/* Misc classes
------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.clear { clear:both;}
/*DEFAULTS*/
body { font-size:75%; line-height:1.5em; background:#4C5051; color:#FEFEFE; line-height:1.6em; margin:0; padding:20px }
img { border:none; }
a { color:#FEFEFE; text-decoration:none; }
div#main { width:943px; margin:0px auto; background:url(../img/main_bg_mid.jpg) repeat-y; }
div#header { height:1%; overflow:hidden; background:url(../img/main_bg_top.jpg) no-repeat; padding:5px 22px 0; }
div#navbar { margin:0px 6px 0px 5px; clear:both; height:1%; overflow:hidden; background:url(../img/tabs_bg.jpg); border-bottom:1px solid #292121; padding:7px 23px 0px 20px; }
div#content { margin:0px 6px 0px 5px; padding:30px 40px; border-bottom:1px solid #292121; height:auto !important; height:300px; min-height:300px; }
div#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.product_subpage div#content { background: #FFF; color:#000; }
.subpage div#content { background: #FFF url(../img/bg_white.jpg) no-repeat top left; color:#000; }
.subpage div#content td, .product_subpage div#content td { color:#000; }
div#footer { clear:both; padding:0px 6px 6px 5px; height:1%; overflow:hidden; background:url(../img/main_bg_btm.jpg) bottom no-repeat; }
.subpage div#footer, .product_subpage div#footer { color:#000; }
.subpage div#footer #footer_links, .product_subpage div#footer #footer_links { background:#fff; }
.subpage #footer_links li, .product_subpage #footer_links li { border-color:#000; }
.subpage div#footer a, .product_subpage div#footer a { color:#000;}
#footer_links a {text-decoration:none;}
.subpage a, .subpage a:hover, .subpage a:visited, .subpage a:link, .product_subpage a, .product_subpage a:hover, .product_subpage a:visited, .product_subpage a:link { color:#000; }
.error { display:block; color:#F00; }
.noflash { width:40%; margin:100px 10px 0; float:right; background:#000; padding:50px 20px; text-align:center;  }
.subpage .noflash a, .noflash a, .product_subpage .noflash a  { color:#FFF !important; text-decoration:underline; }
/*HEADER*/
a.logo { display:block; text-indent:-9999px; }
a.logo#brocade_logo { background:url(../img/img_logobrocade.jpg) no-repeat; width:100px; height:52px; float:left; }
a.logo#ibm_logo { background:url(../img/img_logoibm.jpg) no-repeat; width:79px; height:43px; float:right; margin-top:7px;}
/*FOCUS AREA*/
#focus_area { margin:0px 5px; clear:both; background:url(../img/main_business.jpg) no-repeat;height:312px; }
#focus_area .content { margin-top:30px; float:left; display:inline; width:48%; margin-left:20px; }
/*MAIN NAVIGATION*/

#navbar ul { float:left; display:inline; margin:0; padding:0; list-style:none; width:470px;}
#navbar a {text-decoration:none;}
#navbar #pdf_download {float:right; display:inline; margin:0; padding:0; list-style:none; width:390px; font-size:0.85em; line-height:1.3em; }
#navbar #pdf_download a { margin-top:8px; }
#navbar li { float:right; display:block; margin-left:-30px; padding:0; width:125px; padding:9px 5px 4px 10px; background: url(../img/tab.png) no-repeat;}
#navbar li a { display:block; text-align:center; color:#fff; font-size:1.1em; }
/*#navbar li a:hover { font-weight:bold; }*/
#navbar li#topnav_home { margin-left:0px !important;}
#navbar li.active { background: url(../img/tab_on.png) no-repeat; font-weight:bold; }
/*CONTENT*/
div#content h2 { margin-top:0px; }
div.pod { width:330px; background:url(../img/box_mid.png) repeat-y; margin:10px 0 30px 0; float:left; font-size:0.95em; position:relative; }
div.pod h3 { margin:0; font-weight:bold; padding:2.5em 0 0.3em; font-size:1.05em; }
div.pod h3, div.pod p { padding-right:8px;}
div.pod .thumbnail { float:left; display:inline; margin:13px 9px 0px 1px; padding:0}
div.pod .content { background:url(../img/box_top.png) no-repeat; padding:0px;}
div.pod .link { clear:both; background:url(../img/box_btm.png) 0px bottom no-repeat; overflow:hidden; padding:0px 5px 10px 0px; width:325px; height:18px;}
div.pod .link a { background:url(../img/btn_learn_more.png) left bottom no-repeat; float:right; height:18px; width:97px; text-indent:-9999px;}

div.pod_title_top {width:330px; height:5px; background:url(../img/tab_top.png) no-repeat; float:left; padding:0 !important; margin:0 !important; font-size:0;}
div.pod_title_content {width:330px; padding:0 0 0 5px; font-size:1.05em; font-weight:bold; color:#ffffff; background:url(../img/tab_middle.gif) repeat-y; position:relative; float:left;}
div.pod_title_bottom {width:330px; height:5px; background:url(../img/tab_bottom.png) no-repeat; float:left; padding:0 !important; margin:0 0 2px !important; font-size:0;}

div#pods_left { width:330px; float:left; margin:0 40px 0 0;}
div#pods_right { width:330px; float:left;}
div.pod_spacer { width:330px; background:url(../img/spacer.gif) repeat-y; margin:10px 40px 30px 0; float:left; position:relative; height:167px; }

div.homepod { width:255px; background:url(../img/darkbox_mid.jpg) repeat-y; margin:10px 20px 30px 0; float:left; font-size:0.95em; position:relative;}
div.homepod h3 { margin:0; color:#fff; font-weight:bold; padding:2.5em 0 0.3em; font-size:1.05em; }
div.homepod h3, div.homepod p, div.homepod h2 { padding: 0 13px; }
div.homepod .thumbnail { display:block; padding:13px 13px 0 13px;}
div.homepod h2, div.homepod h3 {margin:5px 0 !important;}
div.homepod p {margin: 0 0 0.5em;}
div#content div.homepod ul.rarrow {margin-left:13px; list-style:none; width:224px;}
div#content div.homepod ul.rarrow li {background:url(../img/bg_listarrow.png) no-repeat; line-height:11px;  padding-left:18px; margin-top:3px;}
div.homepod .content { background:url(../img/darkbox_top.jpg) no-repeat;  min-height:130px; }
div.homepod .link { clear:both; background:url(../img/darkbox_btm.jpg) 0px bottom no-repeat; overflow:hidden; padding:0px 13px 10px 0px; width: 242px;}
div.homepod .ctop {} 
div.homepod .link_content { clear:both; margin-top:0px; overflow:hidden; padding:0px 13px 10px 13px; :relative;}
div.homepod .link a.video_library { background:url(../img/btn_video_library.png) no-repeat; float:right; height:13px; width:107px; text-indent:-9999px; }
div.homepod .link a.listen_now { background:url(../img/btn_listen_now.png) no-repeat; float:right; height:13px; width:90px; text-indent:-9999px; }
div.homepod .link a.register_now { background:url(../img/btn_register_now.png) no-repeat; float:right; height:13px; width:107px; text-indent:-9999px; }
div.homepod .link a.learn_more { background:url(../img/btn_learn_more-black.png) no-repeat; float:right; height:13px; width:91px; text-indent:-9999px; }
div.homepod .link_content a.register_now { background:url(../img/btn_register_now.png) no-repeat; float:right; height:13px; width:107px; text-indent:-9999px; }
div.homepod .link a.harvard_review { background:url(../img/btn_harvard_review.png) no-repeat; float:right; height:30px; width:230px; text-indent:-9999px; }
div.homepod .link a.gartner_report { background:url(../img/btn_gartner_report.png) no-repeat; float:left; height:14px; width:173px; text-indent:-9999px; margin-left:13px; margin-top:5px;}

div.resourcespod { width:195px; background:url(../img/smallbox_mid.png) repeat-y; margin:10px 14px 10px 0; float:left; font-size:0.95em; position:relative; }
div.resourcespod h3 { margin:0; font-weight:bold; padding:0.7em 0 0.3em 0.7em; font-size:1.05em; }
div.resourcespod h3, div.resourcespod p { padding-right:0.7em; padding-left:0.7em;}
div.resourcespod .content { background:url(../img/smallbox_top.png) no-repeat; padding:0px; min-height:130px; position:relative;}
div.resourcespod .link { clear:both; background:url(../img/smallbox_btm.png) 0px bottom no-repeat; overflow:hidden; padding:0px 5px 10px 0px; width:190px;}
div.resourcespod .link a { background:url(../img/btn_learn_more.png) no-repeat; float:right; height:18px; width:97px; text-indent:-9999px;}

/*SIDEPANEL AND SIDE CONTENT LAYOUT*/
div#sidepanel { width:20%; float:left; display:inline; border-right:1px solid #999999; margin-right:-1px; }
div#sidepanel h3 { color:#000; font-weight:bold; margin-bottom:1em; }
div#sidepanel h3 a.active, div#sidepanel h3 a.active:hover {color:#999999; text-decoration:none;}
div#sidepanel h3 a {text-decoration:none;}
div#sidepanel h3 a:hover {text-decoration:none; color:#333333;}
div#content div#sidepanel ul.sub_navigation { margin:0; padding:0 0 5px 0; list-style:none; }
div#sidepanel ul.sub_navigation li { margin:0 0 0.5em; padding: 0 0 0 1em; background:none; }
div#sidepanel ul.sub_navigation li.active { background:url(../img/img_arrow.jpg) left center no-repeat; }
div#sidepanel .banner  { margin-top:60px; 	}
div#sidepanel .sub_navigation_title { padding-bottom:5px; font-weight:bold;}

div#content .main_content { width:72%; float:left; display:inline; border-left:1px solid #999999; padding-left:5%; }
/*PRODUCT SPOTLIGHT*/
div.prod-spotlight { height:1%; overflow:hidden; margin-bottom:20px; }
div.prod-spotlight img { float:left; }
div.prod-spotlight ul { float:left; display:inline; padding:0; width:70%; margin-left:20px !important; }
div.resources_content { height:1%; overflow:hidden; margin-bottom:20px; }
div.resources_content ul {padding:0; margin-left:5px !important; }
.quote_img {margin-bottom:10px;}
/* [ Tables ]
----------------------------------------------- */
table { width: 100%; margin-bottom: 1.4em; border-collapse: collapse; border: 1px solid #e0e0e0; border-top: none; font-size: 90%; }
table tr th { text-align: left; background: #6a88a2 url(/img/bg-table-header.gif) repeat-x; color: #fff; font-weight: normal; }
table th, table td { margin: 0; padding: 5px 8px; border-bottom: 1px solid #e0e0e0; }
td.divider { text-align: left; background: #fff; font-weight: bold; }

table.eventschedule { width: auto; margin:0; border-collapse: collapse; border:none; font-size: 1em; }
table.eventschedule tr th { text-align: left; color: #000; font-weight: bold; background:none; }
table.eventschedule th, table.eventschedule td { margin: 0; padding: 2px 9px 2px 0px; border: none; }
td.divider { text-align: left; background: #fff; font-weight: bold; }
/* forms
---------------------------
*/
form table { border:none; }
form table th, form table td { border:none; vertical-align:top; padding-bottom:10px; }
form tr th { background:none; color:#000; text-align:right; font-weight:bold; }
/* [ Lists]
------------------------------------------------*/
div#content ul { margin: 0 0 1.35em 20px; padding: 0; list-style:none; list-style-position:outside; }
div#content ul li { margin: 0; padding: 0 0 3px 15px; background: url(../img/bullet-tabs-grey.gif) no-repeat 0 6px; }
div#content ul ul { margin-bottom: 0; padding: 0; }
div#content table ul { margin: 0; padding: 0; }
div#content table ul li { margin: 0; padding: 0 0 3px 15px; background: url(../img/bullet-tabs-grey.gif) no-repeat 0 5px; }
/*BUTTON IMAGE LINKS*/
a.learn_more { background:url(../img/btn_learn-blue.gif); text-indent:-9999px; display:inline-block; width:90px; }
a.read_more { background:url(../img/cta_readmore.gif); text-indent:-9999px; display:inline-block; width:86px; }
a.email_us { background:url(../img/cta_email.gif); text-indent:-9999px; display:inline-block; width:70px; }
a.download { background:url(../img/btn_download-blue.gif); text-indent:-9999px; display:inline-block; width:92px; }
a.register_link { color:#900; font-weight:bold; text-decoration:none; }
a.register_link:hover { text-decoration:underline; }
/*FOOTER*/
div#footer { font-size:0.85em; }
#footer_links { display:block; background:#000; margin:0; padding:10px 20px; list-style:none; height:1%; overflow:hidden; }
#footer_links li { display:inline; float:left; border-right:1px solid #fff; margin:0; padding:0 5px; line-height:1em; }
#footer_links li.last { border-right:none; }

/*TABS*/
div.domtab { clear: both; width: 100%; margin: 0; padding: 0; }
ul.domtabs ,div#content ul.domtabs { float: left; width: 100%; margin: 0; padding: 0; list-style:none; }
ul.domtabs li, div#content ul.domtabs li { float: left; border-top: 1px solid #efefef; border-right: 1px solid #efefef; padding:0; margin:0; background:none; }
ul.domtabs a:link, ul.domtabs a:visited, ul.domtabs a:active, ul.domtabs a:hover { float: left; padding: 10px; display: block; color: #666; font-weight: normal; text-decoration: none; background: #dadada url(../img/tab-grey-bg.gif) repeat-x bottom left; }
html>body ul.domtabs a:link, html>body ul.domtabs a:visited, html>body ul.domtabs a:active, html>body ul.domtabs a:hover { height: auto; }
ul.domtabs a:hover { background: #dadada url(/img/tab-grey-bg.gif) repeat-x bottom left; color: #f00; }
div.domtab div { display:block; clear: both; width: auto; margin-bottom: 10px; padding:15px 10px; background: #f5f5f5; border: 1px solid #e0e0e0; }
ul.domtabs li.active a:link, ul.domtabs li.active a:visited, ul.domtabs li.active a:active, ul.domtabs li.active a:hover { background: #dadada url(../img/tab-grey-bg.gif) repeat-x bottom left; color: #f00; }
div.domtab h3 { margin-top:0px; }
#tab1, #tab2, #tab3, #tab4, #tab5 { display:none; height:0; line-height:0; }