/* CSS FOR BIOMET Colour differentiations for 'Patients' area are defined by #patients on the tag */ /* ==UNDO DEFAULT BROWSER STYLING: tantek.com/log/2004/undohtml.css */ h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; font-weight: lighter; } h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd { margin: 0; padding: 0 } #col-1 ul, #col-1 ol, #col-1 li,#col-1 ul,#col-1 ol,#header ul, #sectornav ,#sidebar ul { margin: 0; padding: 0; list-style-type: none; } a img,:link img,:visited img { border: none; } a { text-decoration: none; } address { font-style: normal; } td {vertical-align:top} /* == UNIVERSAL (SETTING SITE-WIDE CONVENTIONS FIRST) ======================================================= */ body { margin: 0; padding: 0; font-family: arial, helvetica, geneva, verdana, sans-serif; font-size: 62.5%; color: #636363; background: #fff url(../images/page-bg.png) top left repeat-x; text-align: center; } a { color: #636363; } a:hover { text-decoration:none; color: #a5c927; } /* == SPECIFIC FORMATTING BY BUILDING BLOCK =================================================== */ #container { margin: 0 auto; width: 850px; text-align: left; font-size:1.2em; } /* ===== */ #header_bg { background: url(../images/bg_header.png) center bottom no-repeat; height:35px } #header { padding: 5px 50px 0 0; } #header ul { float: right; width: 500px; font-weight: bold; color: #b2b2b2; margin-top:3px; } #header ul li { float: right; padding: 0 0 0 0px; } #header ul li a { color: #b2b2b2; } #header ul li.last { padding-right: 10px; } #header li.current { color:#CCCCCC } #header a { color:#b2b2b2 } #header a:hover { color:#1f611c; text-decoration:underline } #header a.disabled, #header a.disabled:hover { display: none; color:gray; text-decoration:none; } /* ===== */ #colswrap { padding: 20px 35px 20px 35px; background: url(../images/colswrap-bg.png) repeat-y 50% 0; } #col-1 { float: left; width: 155px; padding: 0px 20px 0 15px; } #col-1 a:hover { color:#1f611c; margin:0 } /* ==FIRST LEVEL=== */ #col-1 ul { font-size: 1.1em; line-height: 1.4em; } #col-1 ul li { font-size: 14px; font-weight: bold; margin-bottom: 15px; } #col-1 ul li a { color:#71916f; } #col-1 hr { margin: 10px 0; height: 2px; border: 0; background: #6c926a; } /* ==SECOND LEVEL=== */ #col-1 ul ul { margin-left:10px; margin-top:10px; display:none } #col-1 ul ul li { font-size:12px; font-weight: bold; margin-bottom: 3px; } #col-1 ul ul li a { display:block; color:#6e7e69 } /* ==THIRD LEVEL=== */ #col-1 ul ul ul { margin-left:25px; margin-top:0px } #col-1 ul ul ul li { color:#636363; font-size: 9px; font-weight:normal; margin-bottom: 0px; list-style-type:disc; } /* ===== */ div#col-2 { float: left; width: 571px } #col-2 #banner { clear: both; padding: 19px 0 15px 0; } #col-2 #banner img { margin-right:3px; } #col-2 h1, #col-2 h2, #col-2 h3 { color: #1f611c; display:block; clear:both } div#col-2 a { color: #636363; text-decoration:underline; } div#col-2 a:hover { color: #1f611c; text-decoration:underline; } div#col-2 h1 { /*width: 400px;*/ font-size: 1.8em; } div#col-2 h1 small { font-size: 0.8em; font-weight: lighter; } div#col-2 h2 { clear: both; margin-top:15px; margin-bottom: 0.5em; font-size: 1.5em; } div#col-2 h3 { margin-bottom: 0.5em; font-size: 1.4em; font-weight: bold; } div#col-2 h4 { margin-bottom: 1em; font-size: 1.2em; font-weight: bold; } div#col-2 ul { margin:10px 0 10px 30px} div#col-2 ul#sectornav { clear: both; font-size: 1.1em; font-weight: bold; overflow:hidden; padding: 10px 0 0 0; position: relative; left: -10px; margin-left:0px } div#col-2 ul#sectornav li { float: left; padding: 0 10px; border-right: 2px solid #636363; } div#col-2 ul#sectornav li.last { border: none; } div#col-2 ul#sectornav a { text-decoration:none; color:#636363; } div#col-2 ul#sectornav a:hover { color: #1f611c; } div#col-2 div#banner { clear: both; padding: 19px 0 15px 0; } div#col-2 div#banner div img { margin-right:3px; } div#col-2 p { margin-bottom: 1em; font-size: 1.1em; line-height: 1.3em; } div#col-2 div.intro p { color: #1f611c; } object , embed { margin: 0 !important; padding: 0 !important; } .form td input { background: url(../images/page-bg.png) repeat-x left 70% !important; width:200px; } .form td { padding:5px 0; } .form .chkbox { width:15px; margin-right:5px; background:none; } .form .login { width:100px; } /* ===== */ #copyright { clear: both; padding-bottom: 30px; text-align: center; background: url(../images/copyright-bg.png) center bottom no-repeat } #copyright ul { width:780px; margin: 0 auto; padding: 5px 0; color: #b2b2b2; background: #2d2d2d; border-color: #b2b2b2; border-style: solid; border-width: 3px 0 1px 0; } #copyright ul li { display: inline; padding: 0 7px 0 5px; border-right: 1px solid #b2b2b2; } #copyright ul li.last { border: none; } #copyright ul li a { color: #b2b2b2; } #copyright ul li a:hover { text-decoration:underline; } body#patients div#copyright-etc ul li a { color: #fff; } #copyright p { padding: 5px 10px 7px 10px; color: #aaa; } /* == EXTRAS: ======================================================= */ .clear { clear: both; float:none } .accessibility { position: absolute; left: -10000px; } /* ============================== CUSTOM TAGS =============================== */ textarea {font:11px Arial} #col-2 .disclaimer { font-size: 10px; padding: 10px; border-style: solid; } #col-2 dl { margin-bottom:10px } .float_left {float:left; margin-right:15px} .float_right {float:right; margin-left:15px}