@charset "UTF-8";
/* 
RadiSys Corporation Homepage Styles
Author: Christopher Lee
Copyright: 2010 - RadiSys Corporation
*/

/*-- reset --*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td,col{background:transparent no-repeat 0 0;border:0;font-size:100%;margin:0;outline:none;padding:0;vertical-align:baseline}
em{font-style:italic}
input,textarea{margin:0;padding:0}
object{display:block}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;width:100%}

/*defaults*/
html {font-size:62.5%; color:#525252;}
body {font:1.2em/1.8em Arial, Helvetica, sans-serif;}

a {top:0; color:#084887; text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {position:relative; top:1px; color:#084887;}
a.skip {position:absolute; top:-9999px;}

h1, h2, h3 { color: #695d54; }
h1 { font-size: 24px; line-height: 1.25; margin: 0 0 0.5em; }
h2 { font-size: 14px; margin: 0 0 0.8571em; }
h3 { font-size: 12px; font-family: Arial, sans-serif; margin: 0 0 0.5em; text-transform: uppercase; }
p { margin: 0 0 1em; }

.border {position:relative; margin:0 auto; padding:0; width:1000px; border-top:1px solid #bbb;}

/*-- structure --*/
#header {position:relative; margin:0 auto 20px; width:1000px; z-index:3;}
#content {position:relative; margin:0 auto; width:1020px;}
#slider {position:relative; overflow:visible; margin:0 auto 20px; width:1000px; z-index:1;}
#news {position:relative; margin:0 auto 20px; padding:5px 20px; overflow:hidden; width:960px; background:url(../../images/nav/primaryNav.gif) repeat-x top left #ddd; border:1px solid #bbb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#promotional {position:relative; overflow:auto; margin:0 auto 20px; width:1020px;}
#footer {position:relative; margin:0 auto 20px; overflow:auto; clear:both; width:1020px;}
#legal {position:relative; margin:0 auto 20px; width:1000px;}

/*-- header --*/
#locationChange {display:none; padding:10px 0; overflow:auto; width:100%; background:#ebebeb; border-bottom:1px solid #bbb;}
#international {postion:relative; display:inline-block; overflow:hidden; margin-bottom:15px; width:100%;}
#topNav {position:relative; margin-bottom:15px;}

/*international selection*/
#locationChange ul {position:relative; margin:0 auto; width:1000px;}
#locationChange ul li {float:left; display:inline; padding-right:10px;}
#international ul {float:right; margin-right:-10px;}
#international ul li {float:left; display:inline; padding-right:10px;}

li.us {padding-left:21px;background:url(../../images/icons/us.png) no-repeat center left;}
li.cn {padding-left:21px; background:url(../../images/icons/cn.png) no-repeat center left;}
li.jp {padding-left:21px; background:url(../../images/icons/jp.png) no-repeat center left;}
li.kr {padding-left:21px; background:url(../../images/icons/kr.png) no-repeat center left;}

ul.subhead {position:absolute; right:0; bottom:0;}
ul.subhead li {float:left; display:inline;}
ul.subhead li:first-child a {border:none;}
ul.subhead li a {padding:0 10px; border-left:1px solid #bbb;}
ul.subhead li.search {margin-top:-2px;}

/*search box*/
form#search input#ffQ {float:left; padding-left:5px; width:198px; height:25px; background:url(../../images/nav/homeSprite.png) no-repeat -86px 0; border:none !important; color:#525252;}
form#search input#s {float:left; width:26px; height:25px; background:url(../../images/nav/homeSprite.png) no-repeat -290px 0; border:none !important; text-indent:-9999px !important; cursor:pointer;}

/*primary navigation*/
ul.primaryNav {display:inline-block; clear:both; margin:0 0 0 -1px; width:1000px; background:url(../../images/nav/primaryNav.gif) repeat-x top left #ddd; border:1px solid #bbb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
ul.primaryNav li {position:relative; float:left; display:inline; width:142px; border-left:1px solid #bbb; text-align:center;}
ul.primaryNav li:first-child {border:none;}
ul.primaryNav li:first-child a {border:none;}
ul.primaryNav li a {display:block; padding:8px 0; border-left:1px solid #f4f4f4; font-size:1.15em; text-transform:uppercase; font-weight:900; letter-spacing:.03em; color:#525252;}
ul.primaryNav li a:hover {text-decoration:none;}
ul.primaryNav li a span {position:relative; float:right; right:17px; top:9px; background:url(../../images/nav/homeSprite.png) no-repeat 0 0; height:7px; width:7px;}
ul.primaryNav li a:hover {background:url(../../images/nav/primaryNavHover.gif) repeat-x left top #084887; border:none; color:#fff;}
ul.primaryNav li:first-child a:hover {-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
ul.primaryNav li:last-child a:hover {-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
ul.primaryNav li a:hover span {background-position:-12px 0;}

/*javascript classes*/
ul.primaryNav li.hover {background:url(../../images/nav/primaryNavHover.gif) repeat-x left top #084887; border:none;}
ul.primaryNav li:first-child:hover {-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
ul.primaryNav li.hover a {border:none; color:#fff;}
ul.primaryNav li.hover span {background:url(../../images/nav/homeSprite.png) no-repeat -12px 0;}

/*drop down menu*/
ul.primaryNav li ul.dropdown {display:none; position:absolute; top:37px; background:#f4f4f4; border:1px solid #bbb; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
ul.primaryNav li ul.dropdown li {width:230px; padding:0; border-bottom:1px solid #bbb; border-left:none; text-align:left;}
ul.primaryNav li ul.dropdown li:last-child {border:none;}
ul.primaryNav li ul.dropdown li a {padding:3px 0 3px 5px; font-size:1em; font-weight:normal; text-transform:none; color:#084887;}
ul.primaryNav li ul.dropdown li a:hover {padding:3px 0 3px 8px; background:#e2e2e2;}

/*sub navigation*/
ul.subNav {width:1002px; overflow:auto; background:#e5e8ed; border-top:1px solid #fff; border-bottom:1px solid #bbb;}
ul.subNav li {float:left; display:inline; padding:8px 0}
ul.subNav li a {padding:2px 10px; border-left:1px solid #bbb;}
ul.subNav li a:active {color:#084887;}
ul.subNav li:first-child a {border:none;}

/*breadcrumbs*/
ul.breadcrumbs {width:1000px; overflow:auto; margin-top:2px;}
ul.breadcrumbs li {float:left; display:inline; padding-right:3px; font-size:.8em;}
ul.breadcrumbs li a {padding-right:3px;}

/*-- slider --*/
ol.items {margin:0; padding:0; width:1000px; height:400px; overflow:hidden;}
ol.items li.item {float:left; position:relative; display:inline; margin:0; padding:0; width:1000px; height:400px; overflow:hidden;}
ol.items li.item div {position:absolute; margin:0; padding:0; bottom:40px; overflow:hidden;}
ol.items li.item h1 {margin:0; padding:15px 15px 15px 20px; display:inline-block; background:url(../../images/homepage/itemTitle.png) repeat; font-size:3em; letter-spacing:.02em; color:#fff; line-height:1em}
ol.items li.item h2 {margin:0; padding:10px 15px 15px 20px; display:inline-block; background:url(../../images/homepage/itemTitle.png) repeat; font-size:2em; font-weight:normal; letter-spacing:.03em; color:#fff; line-height:.5em}
ol.items li.item a:hover {text-decoration:none;}

/*slider navigation - these are appended on load by js to #slider*/
#sliderNav {}
#sliderNav ol {width:998px; height:80px; overflow:hidden; background:url(../../images/nav/sliderNav.gif) repeat-x top left #dedede; border:1px solid #bbb; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
#sliderNav ol li {float:left; display:inline; height:100%; border-left:1px solid #bbb; text-align:left; line-height:1.8em;}
#sliderNav ol li:first-child {border:none;}
#sliderNav ol li a {display:block; padding:15px 20px 0 20px; width:208px; height:65px; border-left:1px solid #fff; font-size:1.3em; font-weight:900; letter-spacing:.03em; color:#525252;}
#sliderNav ol li:first-child a {border:none;}
#sliderNav ol li a:hover {text-decoration:none;}

/*current slide*/
#sliderNav ol li.on a {background:url(../../images/nav/sliderActiveNav.gif) repeat-x top left #084887; border:none; text-decoration:none; color:#fff;}
#sliderNav ol li.on:first-child a {-webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px;}
#sliderNav ol li.on:last-child a {padding-left:21px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px;}

/*-- news --*/
#news h3 {float:left; display:inline; margin:0; font-size:1em; font-weight:700; letter-spacing:.03em; text-transform:none;}
#news .tickerControl {float:left; margin:1px 15px;}
#news .tickerControl div {float:left; display:inline;}
#news .tickerControl .prev {width:26px; height:19px; background:url(../../images/nav/homeSprite.png) no-repeat -24px 0; text-indent:-9999px; cursor:pointer;}
#news .tickerControl .prev:hover {background-position:-24px -24px;}
#news .tickerControl .next {margin-left:-1px; width:26px; height:19px; background:url(../../images/nav/homeSprite.png) no-repeat -55px 0; text-indent:-9999px; cursor:pointer;}
#news .tickerControl .next:hover {background-position:-55px -24px;}
#news ul#articles {height:20px; overflow:hidden;}
#news ul#articles li {padding:0; margin:0;}

/*-- promotional --*/
#promotional ul {margin:0; padding:0; *list-style-position:outside;}
#promotional ul li {float:left; display:inline-block; overflow:hidden; margin:0 10px; padding:0; width:320px;}

/*-- footer --*/
#footer ul {float:left; display:inline; margin:15px 10px 0; width:184px; *list-style-position:outside; *padding-left:10px;}
#footer ul li:first-child {font-weight:900; text-transform:uppercase; letter-spacing:.03em; color:#525252;}

/*-- legal --*/
#legal {font-size:.8em; color:#989898;}
#legal p {float:left; text-transform:uppercase; letter-spacing:.03em;}
#legal ul {float:right;}
#legal ul li {float:left; display:inline; margin-left:20px;}

/*-----------------------------------------------------------------------------------------------------------------------*/

/*
Other Page Styles
Author: Substance Inc / findsubstance.com
*/

.col { float: left; margin-right: 30px; width: 220px; }
.col-last { float: right; width: 160px; }
ul.home-wp li {list-style-type:none; padding:0 0 10px 0;}
#content {margin:20px 0 0 0;}

/* posts */
.posts a { color: #084887; }
.posts li { margin: 0 0 1em; width: 100%; }

/* meta */
.meta { color: #695d54; font-size: 11px; margin: 0; }
.meta a { color: #e96419; }
.meta li {border-left: 1px solid #e3e9ef; display: inline; margin: 0 0 0 3px; padding: 0 0 0 7px;}
.meta li:first-child, .meta li.alt { border: 0; margin: 0; padding: 0; }

/* stats */
.stats li { background: url(../../Images/icons/arrow.gif) no-repeat 0 0.3636em; color: #695d54; font-size: 11px; line-height: 1.3636; margin: 0 0 0.5454em; padding-left: 12px;	}

/* - announcements - */
#announce { width: 310px; }
#announce h2 { background: #e96419; color: #fff2ba; padding: 6px 8px; }
#announce h2 em { color: #fff; font-style: normal; }
#announce li { overflow: auto; }
#announce ol > li { border-bottom: 1px solid #e3e9ef; margin: 0 0 1.5em; padding: 0 0 1.5em; }
#announce li img { float: left; }
#announce li p, #announce li ul { margin: 0 0 0 90px; }

/* -- contain floats -- */	
.nav:after, #header:after, #content:after, #spotlight .pager:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/*-----------------------------------------------------------------------------------------------------------------------*/

/*
Various existing page styles 
Author: Several
*/

/*XSL:TwoColumnLandingPage*/
/* this code extends the products.css sheet/section. so far, service and support has this page type:/Service.html */
#right-column{float:right; _clear:both; margin:0; padding:0; _padding:0 0 20px 0; width:224px; overflow-x:visible; z-index:9999}

#left-column{float:left; _margin:0 18px 0 0; margin:0 20px 0 0; width:756px; max-width:756px; overflow-x:hidden}
#left-column p{color:#252525}
#left-column ul{margin:0 0 15px 0; padding:0}
#left-column ul li{padding:3px 0}
#left-column ol{margin:0 0 20px 0; padding:0}
#left-column ol li{padding:3px 0}

h2.orangeTopic{padding:10px; width:736px; background:#e96419; color:#fff}
#left-column ol.orangeTopics{float:left; *float:none; margin:0; padding:0; list-style:none; *list-style-position:outside}
#left-column ol.orangeTopics li{margin:0 0 20px 0}
#left-column ol.orangeTopics li ul{list-style:none; *list-style-position:outside; margin:0 0 0 10px; padding:0}
#left-column ol.orangeTopics li ul li{margin:0 0 0 20px}
#left-column ol.orangeTopics li ul li.support{padding:0 0 0 20px; margin:5px 0 0 0; background:url(../../Images/products-pages/support-list-icon.gif) no-repeat 5px 0}
#left-column ol.orangeTopics li ul.supportInformation{clear:both; display:block; margin:10px 0 0 0; width:100%; border-top:1px solid #a5b8c9}
#left-column ol.orangeTopics li ul.supportInformation li.moreInfo{margin:5px 0 0 0; padding:0 0 0 15px; background:url(../../Images/products-pages/arrow.gif) no-repeat left; vertical-align:text-top}

#left-column #media{margin-bottom:40px}
.reference p{padding:10px 10px 0 10px; color:#252525}
form.portalForm{margin:0; padding:0}
form.portalForm label{display:block; margin:5px 10px 0 10px; color:#252525; font-weight:900}
form.portalForm input{padding:2px; margin:5px 10px; width:196px}
form.portalForm button{display:block; margin:15px 10px; padding:5px; background:#e96419; color:#fff; font-weight:900; text-transform:uppercase}

.left{display:inline-block; float:left}
.right{display:inline-block; float:right}

/* TABS - these are in the Contact Us and Partners sections right now */
div#tabs{margin:0 0 6px 4px}
div#tabContainer{margin-top:30px}

/* UL for partners and Contact Us */
ul.selectTabs{margin:0 0 0 -4px; padding:0 0 0 0; list-style:none}
ul.selectTabs li{display:inline; padding:8px 8px 8px 8px; margin:0 -4px 0 0; border-left:1px solid #a5b8c9; border-right:1px solid #a5b8c9; border-top:1px solid #a5b8c9; background:#fff}
ul.selectTabs li a{color:#a5b8c9; font-size:14px; font-weight:bold; text-transform:uppercase; text-decoration:none}
ul.selectTabs li a:hover{color:#baa45c}
ul.selectTabs li a.active{padding:0 10px 9px 10px; *padding:0 0 1px 0; margin:0 -8px; *margin:0 0 0 0; background:#fff; color:#baa45c; font-size:14px; font-weight:bold; text-transform:uppercase}

/* OL for white paper index */
ol.selectTabs{margin:0 0 0 -4px; padding:0 0 0 0; list-style:none}
ol.selectTabs li{display:inline; padding:8px 8px 8px 8px; margin:0 -4px 0 0; border-left:1px solid #a5b8c9; border-right:1px solid #a5b8c9; border-top:1px solid #a5b8c9; background:#fff}
ol.selectTabs li a{color:#a5b8c9; font-size:14px; font-weight:bold; text-transform:uppercase; text-decoration:none}
ol.selectTabs li a:hover{color:#baa45c}
ol.selectTabs li a.active{padding:0 10px 9px 10px; *padding:0 0 1px 0; margin:0 -8px; *margin:0 0 0 0; background:#fff; color:#baa45c; font-size:14px; font-weight:bold; text-transform:uppercase}

div#tab-box{overflow:auto; margin-bottom:20px; padding:10px 20px 0; border:1px solid #a5b8c9}
#filter{margin:10px 0; padding:15px; overflow:auto; width:926px; background:#ebebeb; border:1px solid #c5c5c5}
#filter p{margin:0; color:#353535}
ul.tab-content{margin:0 0 20px 0; display:block; width:100%}
ul.tab-content li{overflow:auto; padding:7px 0; width:100%; border-bottom:1px solid #a5b8c9; overflow:auto}
ul.tab-content li span{text-transform:uppercase}

/* white paper index has the ol list because it only has one tab and the JQuery does not play well with it. */
ol.tab-content{margin:0 0 20px 0; display:block; width:100%}
ol.tab-content li{overflow:auto; padding:7px 0; width:100%; border-bottom:1px solid #a5b8c9}
ol.tab-content li span{text-transform:uppercase}

/* this is for contact us which also uses tabs but a different style*/
.tab-list-container{margin:10px 0; padding:0; width:100%}

ul.tab-block{border-bottom:1px solid #a5b8c9; overflow:auto; clear:both}
ul.tab-block li{ float:left;  margin:10px 0;  width:235px}
/*  END TABS */

/* PARNTERS */
#partner-banner{postion:relative; padding:10px; width:978px; height:335px; border:1px solid #a5b8c9}

#partners{position:relative; margin:40px 0 5px 4px; *margin:40px 0 6px 4px; display:block; z-index:999; background:#fff}

/*For platform partner sliders*/
ul.tab-content ul{margin-top:10px; overflow:hidden}

ul.tab-content li h3{display:block; margin:0; padding:7px 0 0 25px; background:url(../../Images/partners/headineBG.gif) repeat-x top left; border:1px solid #c4c4c4; height:24px; width:931px; cursor:pointer; color:#696969}
ul.tab-content li h3.active{background:url(../../Images/partners/headineBGActive.gif) repeat-x top left}
ul.tab-content p{float:right; display:block}
/*  END PARTNERS */

/* START event listings/details css*/
#left-column #left-column ol.eventList{*list-style-type:none; *list-style-position:outside; margin:0; padding:0; text-indent:0}
#left-column ol.eventList li{*list-style-type:none; *list-style-position:outside; margin:20px 0; border-bottom:1px solid #a5b8c9; text-indent:0}
#left-column ol.eventList li:first-child{*list-style-position:outside; margin:0; padding:0; font-weight:900; text-transform:uppercase; color:#a5b8c9; text-indent:0}
#left-column ol.eventList li a.title{display:block; float:none; clear:both; margin:0 0 20px 0; text-indent:0; width:auto; padding:0; font-size:1.4em}
#left-column ol.eventList li p.meta{margin-bottom:0; font-size:1em}
#left-column ol.eventList li img{display:block; clear:both; margin-bottom:20px}
#left-column ol.eventList li img a{border:none}

/*nested lists in eventList*/
#left-column ol.eventList li ul{margin:0 0 15px 0; padding:0; list-style:none; text-indent:0}
#left-column ol.eventList li ol{margin:0 0 15px 0; padding:0; list-style:none; text-indent:0}
#left-column ol.eventList li li{margin:0; padding:5px 0; border:none; list-style:none; text-indent:0; color:#353535}
#left-column ol.eventList li li:first-child{margin:0; font-weight:normal; text-transform:none; color:inherit; list-style:none; text-indent:0; color:#353535}

a.eventLink{display:block; margin-bottom:20px; font-size:1.2em}
a.newsletter{display:block; margin-left:10px; width:204px; height:73px; background:url(../../Images/events/newsletterBtnSprite.png) no-repeat; text-indent:-9999px}
a.newsletter:hover{background-position:0 -73px}
a.newsletter:active{background-position:0 -146px}

/*END event listings/details css*/