/* IMPORTS -------------------------------------- */ @import url('_reset.css'); @import url('_global.css'); @import url('_grid.css'); @import url('tabs.css'); @import url('core-layout.css'); html { background:#F7F7F7; height: 101%; } body { font:13px Arial, sans-serif; color: #555; } a:link, a:visited { text-decoration:none; color: #CC0000; } a:hover { text-decoration:underline; } a:active { } p { line-height: 1.8em } h1,h2,h3,h4 { color: #000; } h1 { font-size: 22px; margin: 10px 0; padding-bottom: 20px; background: url('/images/dots-hrz.gif') repeat-x 0 bottom; } h1 span { font-family:sans-serif; font-size: 70%; color: #666; } h2 { font-size: 18px; margin: 10px 0; color: #00589B; } h3 { font-size: 14px; margin-bottom: 5px; font-weight: bold; } h4 { font-size: 12px; margin-bottom: 5px; font-weight: bold; } p { line-height: 1.8em; } #bd ul { margin-bottom: 20px; } #bd ul li, #bd ul ul li { line-height:1.8em; display: block; margin: 0 0 7px 5px; padding-left: 15px; background: url('/images/bullet-blue.gif') no-repeat 0px 5px; } ol { } ol li { list-style:decimal; margin: 0 0 7px 20px; line-height:1.8em; } ol li ol li { list-style: lower-roman; } #bd ul.tabs li, #bd ol.tabs li {background: none; margin:0; padding:0; } /* overide default list style */ /* Sidebar ------------------------------------- */ #bd .sidebar ul h3 { margin: 25px 0 5px; padding: 0 10px; } #bd .sidebar ul h3 a:link, #bd .sidebar ul h3 a:visited { margin: 0; padding: 0; color: #C00; background:none; border:none !important; } #bd .sidebar ul li { background: none; padding: 0; margin:0 !important; _display: inline; } /* overide default list styles */ .sidebar ul li { display:block; } .sidebar ul li a:link, .sidebar ul li a:visited { display: block; padding: 5px 10px; color: #333; background: url('/images/arrow_fn_grey.gif') no-repeat 98% 50%; } .sidebar ul li a:hover { display: block; color: #C00; text-decoration: underline; background: url('/images/arrow_next.gif') no-repeat 98% 50%; } /* highlight current link based on the 's class */ body.difference .sidebar .difference a:link, body.difference .sidebar .difference a:visited, body.case_study .sidebar .case_study a:link, body.case_study .sidebar .case_study a:visited, body.clients .sidebar .clients a:link, body.clients .sidebar .clients a:visited, body.searchers .sidebar .searchers a:link, body.searchers .sidebar .searchers a:visited, body.contact .sidebar .contact a:link, body.contact .sidebar .contact a:visited, body.patentability .sidebar .patentability a:link, body.patentability .sidebar .patentability a:visited, body.freedom_to_operate .sidebar .freedom_to_operate a:link, body.freedom_to_operate .sidebar .freedom_to_operate a:visited, body.invalidity .sidebar .invalidity a:link, body.invalidity .sidebar .invalidity a:visited, body.state_of_the_art .sidebar .state_of_the_art a:link, body.state_of_the_art .sidebar .state_of_the_art a:visited, body.enterprise .sidebar .enterprise a:link, body.enterprise .sidebar .enterprise a:visited, body.infringement .sidebar .infringement a:link, body.infringement .sidebar .infringement a:visited, body.topic .sidebar .topic a:link, body.topic .sidebar .topic a:visited { background: #FFF url('/images/arrow_fn_black.gif') no-repeat 98% 50%; font-weight: bold; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 3px 10px; } /* Forms ЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦ */ form { height:100%; overflow:hidden; } .form-container { padding: 5px; display:block; height:100%; overflow: hidden; } p.legend { margin-bottom: 1em; } p.legend em { color: #C00; font-style: normal; } .errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; } .errors p { margin: 0; } .errors p em { color: #C00; font-style: normal; font-weight: bold; } .form-container form p { margin: 0; } .form-container form p.note { margin-left: 170px; font-size: 90%; color: #999; } .form-container form fieldset { margin: 10px 0; padding: 10px; border: 1px solid #CCC; } .form-container form legend { font-weight: bold; color: #666; } .form-container form fieldset div { padding: 0.25em 0; display:block; } .form-container label, .form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; } .form-container label.error, .form-container span.error { color: #C00; } .form-container label em, .form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; } .form-container input.error { border-color: #C00; background-color: #FEF; } .form-container input:focus, .form-container input.error:focus, .form-container textarea:focus { background-color: #FFC; } .form-container .controlset label, .form-container .controlset input { display: inline; float: none; } .form-container .controlset div { margin-left: 170px; } .form-container .buttonrow { margin-left: 180px; } /* Button ------------------------------------- */ button, .button, .button a:link, .button a:visited, a:link.button, a:visited.button { background: #00589B /* #658D2B */; font-size: 14px; font-weight: bold; color: #FFF; height: 34px; display: block; float: left; overflow: hidden; line-height: 34px; margin-right: 6px; padding: 0 18px; text-align: center; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; } button:hover, .button:hover, .button a:hover { opacity: 0.8; color: #fff; text-decoration: none; cursor: pointer; } button:active, .button:active, .button a:active { text-decoration: none; } /* ERROR MESSAGES AND ALERTS ----------------------------------------------------- */ .alert { display: block; margin: 10px 0; padding: 5px 10px; border: 1px solid #EAECED; background:#F0EEE1; } .alert p { margin: .5em 0; } .error { background:#FFE7EB url('/images/icons/exclamation.png') no-repeat 15px 50%; border: 1px solid #EFCDD7; padding-left: 40px; } .warning { background:#FFFFE7 url('/images/icons/exclamation.png') no-repeat 15px 50%; border: 1px solid #EFE9CD; padding-left: 40px; } .success { background:#EEFFE7 url('/images/icons/information.png') no-repeat 15px 50%; border: 1px solid #DCEFCD; padding-left: 40px; } .info { background:#E7F5FF url('/images/icons/information.png') no-repeat 15px 50%; border: 1px solid #CDE5EF; padding-left: 40px; } .announcement { background:#EFEBE0 url('/images/icons/mic.png') no-repeat 10px 50%; padding: 5px 20px 5px 70px; } .error h2 { color:#C00; } .warning h2 { color:#B63; } .success h2 { color:#080; } .info h2 { color:#36C; } /* Bottom Page Nav ----------------------------------------------------- */ #pagenav { clear: both; display: block; width: 100%; margin: 40px 0 0 0; border-top: 1px solid #CCC; overflow: hidden; } #bd #pagenav li {background: none; margin:0; padding:0; } /* overide default list style */ #pagenav li { width: 45%; font-weight: bold; } #pagenav a:link, #pagenav a:visited {color: #00589B; padding: 20px 35px; display: block; } #pagenav .previous { float: left; } #pagenav .previous a { background: url('/images/arrow_fc_left.png') no-repeat 0 50%; } #pagenav .next { float: right; text-align: right; } #pagenav .next a { background: url('/images/arrow_fc_right.png') no-repeat 100% 50%; } /* Smart Columns ----------------------------------------------------- */ .column{ width: 100%; margin: 10px 0 50px; list-style: none; overflow: hidden; } #bd .column li, /* overide default list style */ .column li { float: left; width: 50%; padding: 0; margin: 5px 0; display: inline; } .block { margin-right: 10px; padding: 15px; background: #F7F7F7; min-height:80px; border:1px solid #DDD; height: 100px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; } .block img { width: 89%; padding: 5%; margin: 0 auto; display: block; background:#fff; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; -ms-interpolation-mode: bicubic; } .block h2 { margin: 0; } .block a:link, .block a:visited { color: #00589B;} /* Zebra Stripes ЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦ*/ .odd { background:#F6F6F6; } /* alternating color. jQuery addClass("odd") */ .over { background:#F2F2F2; } /* onMouseOver, addClass("over") */ /* Promotional Feature ЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦЦ*/ .promo { width: 940px; height: 200px; padding: 20px; background: #333 url('../images/promo-lawyer-01.png') no-repeat right; border-bottom: 5px solid #CCC; } .promo h1 { padding-top: 30px; text-align: center; color: #264064; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.7); } .promo h1 span { color: #DDD; text-shadow: none; } .promo h2 { padding-left: 300px; color: #FFF; margin: 30px 0; text-shadow: 0px -1px 0 #000000; } .leader { padding: 10px 0; text-align: center; color: #888; } .helperText { font-family: verdana; font-size: 11px; color: #666; } .callus { float: right; letter-spacing: 2px; } body.home .callus { display: none } .divider { clear:both; display:block; margin: 20px 0; background:url('/images/divider_thin.gif') repeat-x; }