﻿*{font-family:Helvetica,Arial,Geneva,sans-serif;font-size:12px;color:#3a5160}
div,p,h1,h2,body{overflow:hidden;padding:0;margin:0}
h1{font-size:16px;font-weight:bold;margin:4px 0 10px 0}
h1,h2{color:#001b2d}
h2{margin:15px 0 10px 0}
html,body{height:100%}
body div.header{background:url("../images/topnav/header-bg.png") repeat-x;position:absolute;width:100%;top:0;right:0}
body div.section{z-index:10;height:100%;min-height:100%;overflow:visible;top:46px;left:0;bottom:50px;background:#001b2d url("../images/legacy_browser/section-background.gif") top left repeat-x}
div.section p{margin-bottom:4px}
div.logo{margin:3px 0 0 30px;width:257px;height:45px;float:left;background:transparent url("../images/topnav/cisco_linksys_logo.png") top left no-repeat}
div.panel{width:400px;min-height:70px;padding:15px;position:absolute;top:50px;left:50px;background:#e0e8ec url("../images/legacy_browser/panel-background.gif") top left repeat-x}
.push-top{height:45px}
.push{height:60px}
div.footer{height:60px;overflow:visible;z-index:10;position:absolute;bottom:0;width:100%;right:0;left:0}
div.browser-list a{display:inline-block;font-size:10px;color:#3991ce;float:right}
div.browser-list span{float:left;clear:left;display:inline-block;line-height:12px}
div.footer div.footer-contents{margin-right:30px;width:auto;}
div.footer div.footer-contents a{display:inline-block;font-size:10px;line-height:12px;color:#3991ce}
div.footer div.footer-contents p{text-align:right;font-size:10px;line-height:13px;color:#90a1b5}
div.footer span.pipe{color:#90a1b5;display:inline-block;padding:0 10px}
div.browser-list{padding-left:10px;width:240px;}
div.browser-list p{clear:both;padding-bottom:4px}
div.header button{position:relative;left:640px;top:8px}
div.attention{background:url("../images/badges/attention_48.png") top left no-repeat;padding:11px 10px 15px 60px;margin:0 0 0 -2px;min-height:33px}
div.article{width:906px;left:120px;position:relative;top:60px;min-height:250px;background:#e0e8ec url("../images/legacy_browser/panel-background.gif") top left repeat-x}
.left,.left-col{float:left}
.right,.right-col{float:right}
div.article-header{padding:20px 20px 10px 20px;border-bottom:1px solid #c2cacf}
div.article-section{padding:30px}
div.article-header h1{font-size:28px;font-weight:normal;color:#001b2d}
div.article-header h4{font-size:28px;font-weight:100;color:#3a5160;font-size:12px}
p.center{text-align:center;}
p.center img{display:inline-block}
div.article-section .right-col,div.article-section .left-col{width:420px}
div.article-section div.box{border-radius:5px;border:1px solid #97a6af;background:#f1f5f8;width:310px;padding:20px}
html.small-window body{background-color:#001b2d;width:475px;height:550px}
html.small-window div.header{width:550px;position:relative;height:49px;}
html.small-window div.header button.orange{position:absolute;left:350px}
html.small-window .small-window-w100{margin:0 0 15px 0;min-width:0;padding:0;width:100%;overflow:visible}
html.small-window div.article-header h1{font-size:16px}
html.small-window h2.infoMark{margin:10px;line-height:15px;padding-top:5px;width:auto}
html.small-window div.article{width:400px;left:20px;top:20px;min-height:200px}
html.small-window .small-window-hide{display:none !important}
html.small-window div.footer{width:800px}
h2.infoMark{font-size:13px;font-weight:100;background:transparent url("../images/info24.png") left center no-repeat;padding-left:32px;padding-top:4px;line-height:19px;margin-top:7px;margin-bottom:7px;margin-left:-3px;padding-bottom:3px;}
h2.infoMark a{color:#3991ce;text-decoration:none}
button{cursor:pointer}
button.orange{height:30px;color:#fff;border:none;padding:0 9px;background-color:#dc6b03;border:none}
button.orange:hover{background-color:#ed860d}
button.orange:focus{background-color:#e06a00}
label{padding:0 0 5px 0;display:block}
input[type=text],input[type=password]{padding:3px;width:140px}
select{margin:15px 5px 5px 10px}
div.balloon div span{max-width:160px;display:block;font-size:11px;float:left}
html[dir="rtl"] body div.header{left:0;right:inherit}
html[dir="rtl"] body div.section{right:0;left:inherit;background-position:top right}
html[dir="rtl"] div.logo{margin-left:0;margin-right:30px;float:right;background-position:top right}
html[dir="rtl"] div.panel{right:50px;left:inherit;background-position:top right}
html[dir="rtl"] div.browser-list a{float:left}
html[dir="rtl"] div.browser-list span{float:right;clear:right}
html[dir="rtl"] div.footer div.footer-contents{margin-left:30px;margin-right:initial;}
html[dir="rtl"] div.footer div.footer-contents p{text-align:left}
html[dir="rtl"] div.browser-list{padding-right:10px;padding-left:initial}
html[dir="rtl"] div.header button{right:640px;left:initial}
html[dir="rtl"] div.attention{background-position:top right;padding-right:60px;padding-left:10px;margin-right:-2px;margin-left:0}
html[dir="rtl"] div.article{right:120px;left:initial;background-position:top right}
html[dir="rtl"] .left,html[dir="rtl"] .left-col{float:right}
html[dir="rtl"] .right,html[dir="rtl"] .right-col{float:left}
html[dir="rtl"].small-window div.header button.orange{right:350px;left:initial}
html[dir="rtl"].small-window div.article{right:20px;left:initial}
html[dir="rtl"] h2.infoMark{background-position:right center;padding-right:32px;padding-left:initial;margin-right:-3px;margin-left:initial}
html[dir="rtl"] select{margin-right:10px;margin-left:5px}
html[dir="rtl"] div.balloon div span{float:right}

