/* 
RadiSys Solutions Pages CSS File
Written by:Substance (http://www.findsubstance.com)
TABLE OF CONTENTS 
1. SOLUTIONS GLOBAL STYLES
2. SOLUTIONS CATEGORY STYLES
*/
 
/* -- 1. SOLUTIONS GLOBAL STYLES --*/
/* -- structure -- */
#content #solutions{position:relative; margin:0 auto; width:1000px}
#solutions .col{float:left; margin-right:30px; width:220px}
#solutions .main{float:left; width:660px; overflow:hidden}
#solutions .sub{float:right; width:320px}

/* -- forms -- */
#solutions input, textarea, select{font:12px/normal Arial,sans-serif}
#solutions button{cursor:pointer}

/* -- content -- */ 
/*#solutions{width:100%}
*/
#solutions #skip{font-size:1px; position:absolute; top:-9999px}
#solutions a.more{background:url(../../images/icons/arrow.gif) no-repeat 0 50%; padding-left:12px}
#solutions .intro{color:#084887; font-size:16px; font-weight:bold; line-height:1.5; margin:0 0 0.75em}

/* posts */
#solutions .posts a{color:#084887}
#solutions .posts li{margin:0 0 1em; width:100%}

/* meta */
#solutions .meta{color:#525252; font-size:11px; margin:0}
#solutions .meta a{color:#084887}
#solutions .meta li{border-left:1px solid #e3e9ef; display:inline; margin:0 0 0 3px; padding:0 0 0 7px}
#solutions .meta li:first-child, .meta li.alt{border:0; margin:0; padding:0}

/* stats */
#solutions .stats li{background:url(../../images/icons/arrow.gif) no-repeat 0 0.3636em; color:#525252; font-size:11px; line-height:1.3636; margin:0 0 0.5454em; padding-left:12px}

/* - entries - */
#solutions .entries h3, .entries p{margin:0 0 0.25em}
#solutions .entries img{float:left; margin:0.25em 0 0}
#solutions .entries div{margin:0 0 0 110px}
#solutions .entries li{margin-top:1.5em; margin-bottom:1.5em; overflow:auto; width:660px}
#solutions .entries li li{margin-top:0; margin-bottom:0}
#solutions .entries li h2{background:#dedede; color:#525252; margin:0 0 0.8571em; padding:6px 8px; font-size:1.2em}

/* - announcements - */
#solutions .announce h2{background:#dedede; color:#525252; margin:0 0 0.8571em; padding:6px 8px}
#solutions .announce h2 span{color:#fff2ba}
#solutions .announce li{border-bottom:1px solid #bbb; padding-bottom:1.5em}
#solutions .announce li li{border-bottom:0; padding-bottom:0}

/* -- sidebar -- */
#solutions .sub ol{margin:0 0 1.5em}
#solutions .sub ol li{margin:0.5em 0 0}
#solutions .sub .contact{background:#f8f8f8; border:1px solid #8696a4; margin:0 0 1.5em}
#solutions .sub .contact h3{background:#9aacbd; border-bottom:1px solid #8696a4; color:#fff; font-family:Arial,sans-serif; margin:0; padding:3px 8px; text-transform:none}
#solutions .sub .contact a{background:url(../../images/icons/contact.png) no-repeat 8px 8px; display:block; min-height:50px; padding:8px 8px 8px 68px}

/* -- xtra footer 
#xtra{border-top:1px solid #a5b8c9; margin:20px 0 5px; padding:20px 0 0; width:100%}
#xtra div{width:490px}
#xtra .support{float:left}
#xtra .about{float:right}
-- */
/* -- popup nav -- */
#solutions #menu-container, #menu-container .menu-col, #menu-container div{background-color:#FFF}
#solutions #menu-container{position:absolute; margin:0; padding:20px 0 0 0; *padding:20px 0 20px 0; width:998px; *width:998px; background:#fff; border:1px solid #bbb; display:none; z-index:2}

#solutions #menu-container .menu-col{float:left; margin:0 0 20px 20px; padding:0 10px 0 0; border-right:1px solid #bbb; min-height:380px; _height:380px; width:210px}

#solutions #menu-container div{float:left; padding:0 0 0 20px}

#solutions #menu-container ul{margin:0 0 20px 0; float:none}

#solutions #menu-container ul li{padding:0 0 5px 0; border:0px solid red; display:block; text-align:left}

#solutions #menu-container h2 a{font-size:14px; color:#084887}

#solutions #menu-container h2 a:hover, a:active{color:#084887}

#solutions .menu-on{cursor:pointer; position:absolute; padding:0; margin:0; border-left:1px solid #bbb; border-right:1px solid #bbb; background-color:#fff; display:none; z-index:1999; padding:12px 16px; color:#BAA45C; font-family:arial,verdana,sans-serif; font-weight:900; font-size:18px; height:23px; text-transform:uppercase; width:auto}
/* .menu-on#solutionshover{padding-left:0}
*/
#solutions #menu-container #solutionshover, #menu-container .productshover{display:none}

#solutions #solutionshover{top:63px; *top:63px; _top:0; left:0}

#solutions .productshover{top:63px; *top:62px; _top:62px; left:150px; padding-left:17px}

/* -- 2. SOLUTIONS CATEGORY STYLES -- */
/* - spotlight - */
#solutions h1.military{background-image:url(../../images/fpo/category_headline.gif); height:166px; text-indent:-9999px; width:660px}
#solutions #bannerTopMedia{height:auto; margin-bottom:1em; padding:12px; border:#bbb solid 1px;}
#solutions #bannerTopMedia img{ width:968px; height:370px}
#solutions #banner{height:auto; margin-bottom:1em; padding:15px 15px 0; border:#bbb solid 1px; width:968px}
#solutions #media{background:url(../../images/structure/banner-ip.jpg) no-repeat center center; height:auto; margin-bottom:20px; overflow:hidden; padding:15px; text-indent:-9999px; width:968px}
#solutions .ip #media{height:368px}
#solutions #media .right-now{background:none; float:none; height:13em; width:auto}
#solutions #media .right-now-text{float:none; height:auto; margin-left:20px; width:70%}
#solutions #media .right-now-text h3, #media .right-now-text p{color:#fff}

/* -- structure -- */
#solutions{width:100%; margin:40px 0 0 0; margin-top:0}
#solutions .category h1{margin-left: 0px; line-height:1em; margin-bottom:10px}
#solutions .cms h1{margin-left: 0px; line-height:1em; margin-bottom:10px; font-weight: normal;}
#solutions .category h2{line-height:36px; margin-bottom:40px; /*text-transform:uppercase; */}
#solutions .category .entries h2{/*line-height:18px; */}

/* cms */
#solutions .cms{width:100%}

/* .cms img{float:left; margin:0 20px 0 0}
*/
#solutions .cms a{color:#084887}
#solutions .cms .bulleted-list{color:#084887; list-style:circle inside}
#solutions .cms ul li{margin-bottom:1em; list-style:circle outside; margin-left:30px}
#solutions .cms ul, .cms ol{margin-bottom:1.5em}
#solutions .cms ol{list-style:decimal inside; margin-left:30px}
#solutions .cms ul li.arrow{list-style-image:url(http://www.radisys.com/../../images/products-pages/arrow.gif); list-style-position:inside; margin-left:0}
#solutions .cms ul li.pdf{list-style:none; list-style-position:inside; margin-left:0}
#solutions .cms p{color:#525252}
#solutions .cms sup{font-size:0.5em; font-weight:bold; vertical-align:top}
#solutions .cms h2{margin:0 0 15px 0; padding:0; line-height:1.8em; color:#525252; /*font-size:12px; */text-transform:none}

/* - tabular - */
#solutions .cms table, table.d{background:#f8f8f8; border:1px solid #8696a4; margin:0 0 1em 1px; width:auto}
#solutions .cms table th, table.d th{background:#9aacbd; border:1px solid #8696a4; color:#fff; font-family:Arial,sans-serif; padding:3px 8px; text-align:left}
#solutions .cms table td, table.d td{border:1px solid #9aacbd; padding:3px 8px}
#solutions .cms table ul, table.d ul{margin-bottom:0}
#solutions .cms h4{color:#525252; font-size:18px; margin:20px 0 10px; text-transform:uppercase}
/* - entries - */
#solutions .entries{clear:both; margin-top:20px; width:660px}
#solutions .entries h2{/*font-size:10px; */font-weight:bold; margin-bottom:8px; text-transform:uppercase}
#solutions .entries.subcategory-military h2{background:none; color:#525252; padding:0; /*font-size:16px; */text-transform:none}
#solutions .entries h3, .entries p{margin:0 0 0.25em}
#solutions .entries img{float:left; margin:0.25em 0 0}
#solutions .entries div{margin:0 0 0 110px; overflow:hidden;}
#solutions .medical-solutions .entries div{margin:0}
#solutions .entries li{margin-top:1.5em; margin-bottom:1.5em; overflow:auto; width:660px}
#solutions .entries li li{margin-top:0; margin-bottom:0}

/* - announcements - */
#solutions .cms ol.announce{list-style:none outside; margin-left:0}
#solutions .announce h2 a{background:#084887; color:#fff; display:block; /*font-size:14px; */padding-left:8px}
#solutions .announce h2 span{color:#fff2ba}
#solutions .announce li{border-bottom:none; padding-bottom:0; margin-left:0; overflow:hidden}
#solutions .announce li li{border-bottom:0; padding-bottom:0}
#solutions .announce li a.arrow{background:url(../../images/icons/arrow_blue.gif) no-repeat left center; display:block; padding-left:15px}

/* -- sidebar -- */
#solutions .sub ol{margin:0 0 1.5em}
#solutions .sub ol li{margin:0.5em 0 0}
#solutions .sub #solutions, .sub #solutions{float:right}
#solutions .sub .value-add-download{background:url(../../images/fpo/download_wrapper2.gif) no-repeat; margin:0 0 1.5em; padding:6px 0}
#solutions .sub #solutions{margin:20px 0; margin-top:0; width:320px}
#solutions .sub .value-add-download h3{border-bottom:1px solid #cdcdcd; color:#084887; font-family:Arial,sans-serif; /*font-size:14px; */margin:0 9px 5px; padding:0 0 4px; text-shadow:1px 1px #bfbfbf; text-transform:none}
#solutions .sub .value-add-download .download-info{height:127px; margin:0 5px 5px; padding:5px; position:relative; width:300px}
#solutions .sub .value-add-download strong{color:#D0EEF8; display:block; font-size:14px; margin:10px 0 0 65px; text-shadow:2px 2px #18385c}
#solutions .sub .value-add-download p{color:#ededed; font-size:11px; line-height:13px; margin-left:65px}
#solutions .sub .value-add-download a{background:url(../../images/fpo/download_button.png) top left no-repeat; bottom:22px; display:block; height:47px; margin:0 8px; overflow:hidden; position:absolute; text-indent:-9999px; width:284px}
#solutions .sub .value-add-download a:hover{background-position:0 -47px; text-decoration:none}
#solutions .sub #solutions h2{background:url(../../Images/solutions/arrow-orange.gif) no-repeat; margin:0; padding:0 0 20px 25px}
#solutions .sub #solutions h2 a{color:#084887; display:block; font-weight:bold; /*font-size:24px; */line-height:13px; margin:0 0 5px; text-transform:uppercase}
#solutions .sub #solutions h2 a:hover{background-position:0 -16px; text-decoration:underline}
#solutions .sub #solutions p{margin:0}

#solutions .sub .on-screen-nav ul, .sub .on-screen-nav ol{padding-left:15px}

/* -- side nav -- */
#solutions #side-nav h3{border-bottom:1px solid #bbb; border-top:1px solid #bbb; padding:10px 0; font-size:1.2em; color: #000000;}
#solutions #side-nav h3 a{color:#695D54; font-weight:900; /*font-size:12px; */margin:0 0 0.5em}
#solutions #side-nav ul{
	list-style:square;
	margin-left:15px;}

/*ACCORDION**********************************************/
#solutions #solutions-accordion{border:1px solid #bbb; float:right; margin:20px 0; width:320px; height:363px; max-height:363px; overflow:hidden; font-weight:bold}

#solutions #solutions-accordion #solutions-accordion object, #solutions-accordion embed{float:left; height:auto; margin:0 0 4px 0; display:block; width:285px}

#solutions #solutions-accordion p{color:#525252; font-weight:normal; margin-bottom:4px}

#solutions #solutions-accordion h3{background:url(../../Images/solutions/accordion-header.gif) left bottom repeat-x; border-bottom:1px solid #bbb; color:#525252; margin:0; padding:5px 0; text-transform:uppercase; font-size:1em}

#solutions #solutions-accordion h3.ui-state-active{border-bottom:1px solid #bbb}

#solutions #solutions-accordion h3 a{display:block}

#solutions #solutions-accordion h4 a{color:#084887; /*font-size:12px; */}
#solutions #solutions-accordion h4{font-size:1.2em; font-weight:900; color:#525252}

#solutions #solutions-accordion hr{color:#999; background-color:#999; border:0; display:block; margin:25px 0 0 0; height:1px}

#solutions #solutions-accordion ul{margin:0; padding:0; list-style-type:none}

#solutions #solutions-accordion ul li{padding:.5em 0; font-weight:normal; border-bottom:1px solid #bbb}
#solutions #solutions-accordion ul li.arrow{}

#solutions #solutions-accordion .pdf{list-style:none; padding-left:20px}

#solutions #solutions-accordion h3 a:hover, #solutions-accordion ul li.current a{text-decoration:underline}

#solutions #solutions-accordion h3 a:hover, #solutions-accordion h3.current a, #solutions-accordion ul li.current a{color:#525252}
#solutions #solutions-accordion h3 a:hover{text-decoration:none}

#solutions #solutions-accordion div{overflow-y:scroll; margin-top:1px; padding-top:9px}

#solutions #solutions-accordion li.video{margin-bottom:20px}

#solutions h3{font-weight:bold}

/*ACCORDION STYLE JQUERY UI*************************************************/
#solutions .ui-accordion .ui-accordion-header{cursor:pointer; position:relative; margin-top:1px; zoom:1; border-bottom:1px solid #bbb}
#solutions .ui-accordion .ui-accordion-li-fix{display:inline}
#solutions .ui-accordion .ui-accordion-header-active{border-bottom:1px solid #bbb}
#solutions .ui-accordion .ui-accordion-header a{display:block; font-size:1em; padding:3px 0 3px 10px; text-transform:uppercase; outline:none}
#solutions .ui-accordion .ui-accordion-header .ui-icon{position:absolute; left:20px; top:50%; margin-top:-8px}
#solutions .ui-accordion .ui-accordion-content{padding:10px; padding-right:25px; width:284px; border-top:0; margin-top:-2px; position:relative; top:1px; margin-bottom:2px; overflow:hidden; display:none; /*IE FIX*/_height:238px; *height:238px}
#solutions .ui-accordion .ui-accordion-content-active{display:block; border-bottom:1px solid #cddae5; height:238px}
#solutions .ui-widget-header{border:1px solid #cddae5; color:#525252; font-weight:bold}
#solutions .ui-widget-header a, .ui-widget-header a:hover{color:#525252}

#solutions .ui-state-default, .ui-widget-content .ui-state-default{border:1px solid #cddae5; font-weight:bold; background:none; color:#525252; outline:none}
#solutions .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color:#525252; text-decoration:none; outline:none}
#solutions .ui-state-active, .ui-widget-content .ui-state-active{border:1px solid #fff; font-weight:bold; background:none; color:#695d54; outline:none}
#solutions .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#525252; outline:none; text-decoration:none}
#solutions .ui-icon{width:16px; height:16px; background-image:url(../../images/icons/ui-icon_arrow.png); background-image:none}
#solutions .ui-icon-triangle-1-e{background-position:0 0}
#solutions .ui-icon-triangle-1-s{background-position:-0 -16px}

/* !Featured Download */
#solutions .posts{float:left; margin-top:1em; list-style-type:none;}
#solutions .posts li.featured-download{margin-top:0}
#solutions .posts li.featured-download h2{background:#e5eaf0 url(../../images/structure/download_bg.gif) repeat-x; border:#e4e9ef solid 1px; font-size:14px; text-transform:uppercase; padding:5px; padding-left:10px; margin-bottom:12px; margin-top:1em;}
#solutions .posts li.featured-download h3 {font-size:1.2em;}
#solutions .posts li.featured-download img{float:left}
#solutions .posts li.featured-download p{margin:0 0 0 81px}
#solutions .posts li.featured-download a{color:#084887}
#solutions .posts li.featured-download .meta li{padding:0 10px 0 10px}
#solutions .posts li.featured-download .meta{margin-top:4px}
#solutions .posts li.featured-download .meta li:first-child{padding-left:11px}
#solutions .posts li.featured-download .meta li a.pdf-small{background:url(../../images/icons/pdf-small.gif) no-repeat; padding-left:18px}

/* -- xtra footer -- */
#solutions #xtra{display:inline-block; border-top:1px solid #bbb; margin:20px 0 20px 5px; padding:0; width:100%; clear:both}
#solutions #xtra h2{margin-bottom:15px}
#solutions #xtra div{width:480px}
#solutions #xtra p{color:#525252}
#solutions #xtra .support, #xtra .col1{float:left; width:480px; margin-right:10px;}
#solutions #xtra .support, #xtra .col1 ol {list-style-type:none; list-style-position:outside; margin:0;}
#solutions #xtra .support, #xtra .col2 ol {list-style-type:none; list-style-position:outside; margin:0;}
#solutions #xtra .about, #xtra .col2{float:right; width:480px; margin-left:10px; margin-top:65px}

/* -- contain floats -- */
#solutions .nav:after, 
#solutions .cms:after, 
#solutions #header:after, 
#solutions #content:after, 
#solutions #xtra:after{clear:both; content:"."; display:block; height:0; visibility:hidden}

/* IE6 */ 
* html .nav, 
* html .cms, 
* html #header, 
* html #content, 
* html #xtra{height:1%}

/* IE7 */
*:first-child+html .nav, 
*:first-child+html .cms, 
*:first-child+html #header, 
*:first-child+html #content, 
*:first-child+html #xtra{min-height:1px}


