/* RadiSys.com/Contact-Us.html CSS */

/*-- CONTACT US MAIN PAGE --*/

/*Typography*/
#headquarters h3{margin:-10px -10px 10px -10px; padding:10px; background:#a5b8c9; color:#fff}
#contact-menu h4{text-transform:uppercase; color:#084887; padding:0 0 10px 0}
.contact-menu-link{display:block; margin:0 0 5px 0; padding:0 0 0 15px; background:url(../../images/icons/arrow.gif) no-repeat center left}

/*Structure*/
/*#contact-left{float:left; margin:0 20px 0 0; padding:0; width:755px}
#contact-right{float:left; margin:0; padding:0; width:224px}*/
#content #headquarters{margin:0 0 20px 0; padding:10px; width:298px; background-color:#f8f8f8; border:1px solid #999}
#locations{margin:40px 0 5px 4px; width:755px}
#content #tab-box{overflow:auto; margin:0 auto 20px; padding:10px 0; width:658px; border:1px solid #bbb;}

.tab-location{width:735px; margin-top:6px; padding:10px; border:1px solid #a5b8c9}

/*Contact Forms*/
#contact-menu select{margin:0 0 10px 0; width:100%}

/*Contact Us UL, OL, LI*/
#content #contact-menu{margin:0; padding:0; list-style-type:none; list-style-position:outside; border-bottom:1px solid #bbb;}
#content #contact-menu li{padding:5px 0 5px 0; border-top:1px solid #bbb}
#content #contact-menu h4 {font-size:12px; font-weight:900;}

ul.locations-tabs{margin:0 0 0 -4px; padding:0 0 0 0; list-style:none}
ul.locations-tabs 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.locations-tabs li a{color:#a5b8c9; font-size:14px; font-weight:bold; text-transform:uppercase; text-decoration:none}
ul.locations-tabs li a:hover{color:#baa45c}
ul.locations-tabs li.active{color:#baa45c; background:#fff; margin:0 -4px 0 0; *margin:0 -1px 0 0; padding:7px 8px 9px 8px; *padding:8px 8px 9px 7px; font-size:14px; font-weight:bold; text-transform:uppercase}
ul.locations-tabs li.active a{color:#baa45c}

ol.location-list{display:inline-block; padding:0; list-style-type:none; color:#084887}
ol.location-list li{display:inline-block; vertical-align:top; padding:0 20px 0 0; margin-bottom:40px; color:#525252}
ol.location-list li strong{color:#084887}

#content .tab-list-container{margin:10px 0; padding:0; width:100%}
#content ul.tab-block{border-bottom:1px solid #bbb; overflow:auto; clear:both; list-style-type:none; list-style-position:outside;}
#content ul.tab-block li{ float:left; margin:10px; width:190px}


/*CHANNELS******************************************/

/*Typography*/
.country{float:left; color:#084887; font-weight:bold}
.back-top{float:right}

/*structure*/
.channel{float:left; margin:0 0 40px 0; width:756px}

/*
.channel-top{float:left; margin:0 0 20px 0; padding:5px 0 5px 0; width:756px; border-top:1px solid #a5b8c9; border-bottom:1px solid #a5b8c9}
.channel-logo{float:left; margin:0 40px 20px 0; width:200px; max-width:200px}
.channel-logo img{float:right}
.channel-company{float:left; margin:0 20px 0 0; width:296px; max-width:296px}
.channel-contact{float:right; margin:0; width:200px; max-width:200px}
*/

#content ol.collapsable{margin:0; padding:0; border-bottom:1px solid #bbb}
#content ol.collapsable li{display:inline-block; width:100%; padding:0}
#content ol.collapsable li h3{border:1px solid #bbb; padding:5px 10px; font-weight:bold; text-transform:uppercase; color:#084887; font-size:14px; background:url(../../images/icons/expand-icon.gif) 728px 7px no-repeat #ebebeb; cursor:pointer}
#content ol.collapsable li h3.active{padding:5px 10px; background:url(../../images/icons/collapse-icon.gif) 728px 7px no-repeat #ebebeb; cursor:pointer}
#content p.toggle{margin:10px 0}
#content .show_all{display:none; background:url(../../images/icons/show-all-icon.gif) left no-repeat; padding:10px 20px}
#content .hide_all{display:none; background:url(../../images/icons/hide-all-icon.gif) left no-repeat; padding:10px 20px}
#content ol.collapsable li ul{float:left; margin:0; padding:0; width:275px; color:#525252}
#content ol.collapsable li ul li{border:none; padding:0}
#content ol.collapsable li ul li:first-child{font-weight:bold;}
#content ol.collapsable li div.contact-info div{display:block; clear:both; width:100%}
#content ol.collapsable li div.contact-info div.information{float:right; margin:0 0 20px 0; width:555px; overflow:hidden}
#content ol.collapsable li div.contact-info img{margin:0 20px 0 0; max-width:180px; width:expression(this.width >180 ? 180:true); overflow:hidden}

/*CHANNEL LISTS
ol.channel-entry{list-style-type:none}
ol.channel-entry li{display:inline-table; margin:0 0 20px 0; width:756px}
.channel-company ul li:first-child{font-weight:bold; color:#525252; font-size:1.2em; margin:0}
.channel-company ul li{color:#084887; margin:0}
.channel-contact ul li:first-child{font-weight:bold; color:#525252; font-size:1.2em; margin:0}
.channel-contact ul li{color:#084887; margin:0}
*/