@charset "UTF-8"; 
/* 
RadiSys Global Support CSS
Author:Christopher Lee (christopher.lee@radisys.com)
Description:This style sheet is designed to style 4 pagetypes for RadiSys support:support home, support category, downloads and support detail. This should be the last CSS document loaded in the head. This CSS is compatible with FireFox, Chrome, Safari, Opera, IE 8. Supplmental IE 6/7 styles are provided via a seperate document. 
*/
/*defaults*/
#support{position:relative; margin:0 auto; width:1000px; overflow:auto; font-size:10px; line-height:1.4}

/*typography*/
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-size:10px; line-height:1.4; text-transform:none}
h1{font-size:2.4em; margin-bottom:18px; text-transform:uppercase}
h2{font-size:2em; margin-bottom:18px}
h3{font-size:1.6em; margin-bottom:18px}
h4{font-size:1.4em; margin-bottom:18px}
h5{font-size:1.2em; margin-bottom:18px}
h2.downloadType{margin-bottom:15px; font-size:1.6em; text-transform:uppercase; letter-spacing:normal}
h4.downloadLabel{display:inline-block; margin-bottom: 8px;}
p{margin:0 0 18px; padding:0; line-height:1.6; font-size:1.2em; color:#525252}
p.welcome{margin-bottom:40px; font-size:1.6em; color:#525252}

.getSupport{display:inline-block; float:left; margin:10px 0 40px; padding:10px; background:url(../../images/service_support/supportBtn.gif) repeat-x 0 0 #e96418; border:1px solid #d25a16; font-size:1.4em; font-weight:900; color:#fff; text-shadow:#d25a16 0 -1px}
a.getSupport:hover{text-decoration:none}
a.getSupport span{float:right; margin:3px 0 0 10px; width:12px; height:14px; background:url(../../images/service_support/supporBtnArrow.png) no-repeat}
a.rohs{display:block; margin:20px 0; background:url(../../images/service_support/rohsLogo.gif) no-repeat 0 0; height:95px; width:226px; text-indent:-9999px}

/*sturcture*/
#content .supportMeta{overflow:auto; padding:20px; max-width:960px; background:#ebebeb; border:1px solid #c5c5c5}
#content .supportMeta img{float:left; margin-right:20px}
#content .supportMeta h3{margin-bottom:5px}
#content .supportMeta p{margin:0}
#content .content {margin:0 0 20px 20px; width:680px;}

/*Support Home*/
#content ul.supportBucket{margin:40px 0 40px -15px; padding:0; overflow:auto; list-style-type:none;}
#content ul.supportBucket li{float:left; padding:0 15px; min-height:375px; width:299px; border-left:1px solid #bbb}
#content ul.supportBucket li:first-child{border:none}
#content ul.supportBucket li h3{color:#353535}
#content ul.supportBucket li img{display:block; clear:both;}

/*Support Category*/
#content .twoColumn{background:url(../../images/service_support/2column.gif) repeat-y 0 0}
#content .leftColumn{float:left; overflow:auto; width:300px}
#content .rightColumn{float:right; overflow:auto; width:700px}
#content .rightColumn .container{display:block; clear:both; margin:0 0 20px 20px; width:680px}
#content .leftColumn form{padding-bottom:10px; border-bottom:1px solid #a5b8c9}
#content .leftColumn form label{display:block; margin-bottom:5px; font-size:1.6em; font-weight:900; color:#695d54}
#content .leftColumn form select{display:block; margin-bottom:5px; padding:2px 0; width:280px}
#content .leftColumn ul{margin:0; padding:0; list-style-type:none;}
#content .leftColumn ul li{font-size:1.2em}
#content .leftColumn ul li a{display:block; padding:10px 0; border-bottom:1px solid #a5b8c9}
#content .leftColumn ul li a:hover{background:#ebebeb}

/*nested lists*/
.container ul{margin-bottom:20px; list-style-type:disc; list-style-position:inside}
.container ol{margin-bottom:20px; list-style-type:decimal; list-style-position:inside}
.container li{padding:5px 0; font-size:1.2em; color:#353535}

#content .rightColumn ol {margin:0 0 1em 0; font-size:1.2em;}

/*Portal Logins*/
#content ul.portals{display:inline-block; margin:0 0 40px 0; padding:0}
#content ul.portals li{float:left; display:inline; padding:0 20px; width:309px; border-left:1px solid #bbb}
#content ul.portals li h2{margin-bottom:10px; font-size:1.6em; letter-spacing:normal}
#content ul.portals li a{display:block; clear:both; padding-top:10px; font-size:1.2em}
#content .supportPortal label{display:block; font-size:1.4em; font-weight:900; color:#353535}
#content .supportPortal span{display:block; margin-top:-5px; padding:3px 0}
#content .supportPortal input{margin-bottom:10px; width:300px; font-size:1.2em}
#content .supportPortal button{margin:20px 20px 0 0; font-size:1.2em; text-transform:uppercase}

/*faq list*/
#content ul.faq{float:left; display:inline; margin-bottom:0;list-style-type:none;}
#content ul.faq li{padding:4px 0; width:280px; font-size:1.2em}

/*downloads table*/
.downloads{margin-bottom:20px}
.downloads tr{border-bottom:1px solid #a5b8c9}
.downloads th, td{font-size:1.2em; text-align:left}
.downloads th{padding-bottom:5px; font-weight:900; text-transform:uppercase; color:#695d54}
.downloads td{padding:10px 0}
.downloads td.file{width:400px}
.archived td{background:#f4f4f4}

/*archived downloads*/
a.archive{display:inline-block; margin-bottom:20px; font-size:1.2em; font-weight:900; text-transform:uppercase; cursor:pointer}
.archiveDownloads{display:none}
a.hideArchive{display:inline-block; margin-bottom:20px; font-size:1.2em; font-weight:900; text-transform:uppercase; cursor:pointer}

/*forms*/
#content form.supportForm{}
#content form.supportForm label{display:block; margin-bottom:5px; font-size:1.6em; font-weight:900}
#content form.supportForm label span{font-size:.8em; font-weight:normal; color:#baa45c}
#content form.supportForm input.text{margin-bottom:20px; padding:3px; width:344px; font-size:1.4em}
#content form.supportForm select{display:block; margin-bottom:20px; padding:3px; width:344px; font-size:1.4em}
#content form.supportForm textarea{display:block; margin-bottom:20px; padding:3px; width:444px; height:150px; font-size:1.4em}
#content form.supportForm button{padding:10px; background:url(../../images/service_support/supportBtn.gif) repeat-x 0 0 #e96418; border:1px solid #d25a16; font-size:1.4em; font-weight:900; color:#fff; text-shadow:#d25a16 0 -1px}
#content label.error{display:block; clear:both; margin:-13px 0 0 0; padding:0; color:red; font-size:1.2em}
#content .focusField{border:solid 2px #73a6ff;  background:#eff5ff;  color:#000}
#content .idleField{color:#353535}