/* Site Layout Styles * Updated: 31 Mar 09 @ 3.05pm * Author: Matthew Holmes * ---------------------------------------------*/ @import 'other.css'; /* -- TOC --------------------------------------- 1. Colors 2. Reset 3. Fix Floats 4. Links 5. Typography 6. Structure */ /* -- COLORS ---------------------------------------*/ /* dark green = #004159 */ /* -- RESET ---------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-family: inherit; list-style: none; } table { border-collapse: collapse; border-spacing: 0; } table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; border: 0; } legend { display: none; } /* -- FIX FLOATS ---------------------------------------*/ .clearfix:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; } * html .clearfix { height: 1%; } *+ html .clearfix { height: 1%; }relative /* -- LINKS ---------------------------------------*/ a,a:link, a:visited { color: #a9233e; text-decoration: none; } a:hover, a:hover, a:active {color: #a9233e; text-decoration: underline; } /* -- TYPOGRAPHY ---------------------------------------*/ h2 { margin: 0; padding: 9px 0 0 18px; color: #fff; font-size: 1.4em; } h3 { margin: 0; padding: 9px 0 0 0; color: #63b2cf; font-size: 1.2em; } h2#section_title { height: 38px; margin: 0; padding: 12px 0 0 18px; color: #fff; font-size: 1.5em; } #content h2#record_title, h3#extra_title, #content #mainbar h2 { margin: 0 0 .5em; padding: 0; color: #a9233e; font-size: 1.4em; } h3#extra_title { padding: 10px 0 0 20px; } h2#record_title span{height:120px;} .fieldset_title, .order_details_header { margin: 0 0 1em; color: #a9233e; font-weight: bold; } p { margin: 0 0 .5em; } div.error { padding: 10px 0; color: #a9233e; font-size: 1.3em; } /* -- STRUCTURE ---------------------------------------*/ body { background: #004159; color: #333; font: 68.8%/1.4 Tahoma, Arial, Helvetica, sans-serif; } /* --- container */ #container { width: 900px; margin: 0 auto; } /* ---- header */ #header { height: 187px; background: url(../images/bg.gif) 0 0 no-repeat; } /* ----- logo */ #header h1 { position: absolute; left: -999em; } #header #logo { float: left; width: 122px; padding: 50px 0 0 22px; } /* ----- login */ #header #login { float: left; width: 746px; height: 40px; overflow: hidden; } #header #login form, #header #login p#join { float: left; width: 593px; height: 40px; } /* ------ login form */ #header #login form { background: url(../images/login-form.gif) no-repeat; } #header #login form li, #header #login form button, #header #login form p { float: left; } #header #login form li.memberlogin { width: 112px; height: 40px; text-indent: -999em; } #header #login form li.username label { float: left; width: 63px; height: 40px; text-indent: -999em; } #header #login form li.username input, #header #login form li.password input { float: left; width: 105px; margin: 0; padding: 12px 5px; border: 0; background: none; } #header #login form li.password label { float: left; width: 60px; height: 40px; text-indent: -999em; } #header #login form button { width: 71px; height: 40px; margin: 0; padding: 0; border: 0; background: none; text-indent: -999em; cursor: pointer; } #header #login form p a { display: block; width: 57px; height: 40px; text-indent: -999em; } /* ------ join */ #header #login p#join { width: 153px; margin: 0; } /* ------ details */ #header #details { float: left; width: 642px; padding: 11px 16px 0; color: #63b2cf; font-size: 1.1em; } #header #details a { color: #fff; text-decoration: underline; } #header #details a:hover {text-decoration: none; } /* ----- sub navigation */ #header ul#subnav { float: left; width: 738px; height: 47px; overflow: hidden; padding: 0 0 0 8px; } #header ul#subnav li { float: left; padding: 17px 8px; } #header ul#subnav li a { float: left; display: block; padding: 1px 3px; color: #00688f; font-size: 1em; text-decoration: none; text-transform: uppercase; } #header ul#subnav li a:hover, #header ul#subnav li a.on { background: #63b2cf; color: #fff; } /* ------ search */ #header ul#subnav li#search { padding: 0 0 0 30px; } #header ul#subnav li#search form label { display: none; } #header ul#subnav li#search form { width: 231px; height: 47px; background: url(../images/search-form.gif) no-repeat; } #header ul#subnav li#search form input, #header ul#subnav li#search button { float: left; } #header ul#subnav li#search form input { width: 152px; margin: 0; padding: 16px 5px 0; border: 0; background: none; } #header ul#subnav li#search form button { width: 69px; height: 47px; margin: 0; padding: 0; border: 0; background: none; text-indent: -999em; cursor: pointer; } /* ----- main navigation */ #header ul#nav { float: left; width: 742px; height: 49px; padding: 51px 0 0 4px; overflow: hidden; } #header ul#nav li { float: left; padding: 14px 15px; } #header ul#nav li a { float: left; display: block; padding: 1px 3px; color: #00688f; font-size: 1.1em; text-decoration: none; text-transform: uppercase; } #header ul#nav li.end { padding: 14px 0 12px 15px; } #header ul#nav li a:hover, #header ul#nav li a.on { background: #63b2cf; color: #fff; } /* ---- content */ #content { position: relative; min-height: 280px; background: url(../images/bg.gif) 0 -187px no-repeat; } #inner_content { background: url(../images/bg-repeat.gif) repeat-y; } /* ----- sidebar */ #content #sidebar div.end { width: 210px; background: #fff; border-top: 10px solid #fff; border-bottom: 10px solid #fff; line-height: 0; } #content #sidebar { float: left; padding:0 0 0 0px; width: 210px; } #content #sidebar ul { padding: 0; background:#F1F1F1 url(../images/sidebar-navigation-bg.gif) repeat-y; } #content #sidebar li { width: 210px; } #content #sidebar li a { display: block; width: 185px; padding: 5px 5px 5px 20px; background: url(../images/red-bullet-point.gif) 10px 10px no-repeat; color: #00688f; font-size: 1em; text-decoration: none; } #content #sidebar li a:hover {color:#a9233e; background: #f1f1f1 url(../images/red-bullet-point.gif) 10px 10px no-repeat; } /* sidebar > off*/ #content #sidebar .on li.off a {color:#a9233e; background-color: #f1f1f1; } /* sidebar > on*/ #content #sidebar .on li.on a {color:#00688f; background:#f1f1f1 url(../images/blue-bullet-point.gif) 10px 10px no-repeat; text-decoration: none; margin-left:20px; width: 165px;} /*sidebar > hover*/ #content #sidebar .on li.off a:hover {color:#00688f; background:#f1f1f1 url(../images/blue-bullet-point.gif) 10px 10px no-repeat; text-decoration: none; } /*sidebar > indent*/ #content #sidebar ul ul { background: #f1f1f1; } #content #sidebar li.on a { background: #f1f1f1 url(../images/blue-bullet-point.gif) 10px 10px no-repeat; } #content #sidebar ul ul li.off a, #sidebar ul ul li.on a { margin-left: 20px; width: 165px; } #sidebar ul ul li.on a { padding-left: 20px; } /* ------ extra links */ #content #sidebar ul#extra_links { padding: 0 0 25px 10px; background: none; } #content #sidebar ul#extra_links li { width: 200px; } #content #sidebar ul#extra_links li a { width: 100px; padding: 2px 5px 2px 20px; background: url(../images/extra-links-arrow.gif) 10px 7px no-repeat; color: #333; } /* ------ blog */ #content #mainbar ul#newsList { margin: 0; padding: 0; } #content #mainbar ul#newsList li { padding: .5em 0; border-bottom: 1px solid #ccc; background: none; list-style: none; list-style-image: none; } div.date { color: #999; font-style: italic; } #content #mainbar ul#newsList li a { text-decoration: underline; } #content #mainbar ul#newsList li a:hover { text-decoration: none; } /* ----- flash */ #flash { width: 210px; background: #fff; border-top: 10px solid #fff; border-bottom: 10px solid #fff; line-height: 0; } /* ----- mainbar */ #content #mainbar { float: left; width: 660px; padding: 15px 15px 25px; font-size:1.3em; } #content p#icons { position: absolute; top: 16px; right: 16px; } #content #mainbar ul li {list-style: none; padding-left: 20px; background: url(../images/blue-bullet-point.gif) 5px 8px no-repeat; } #content #mainbar ol { padding: 0 0 0 25px; } #content #mainbar ol li { padding-left: 10px; list-style: decimal; } #content #mainbar p a, #content #mainbar p a:link, #content #mainbar p a:visited{color:#A9233E;} #content #mainbar p a:hover,#content #mainbar p a:active{color:#A9233E;} #content #mainbar h2#record_title { position: relative; } #content #mainbar h2#record_title span {position: absolute; width: 100%; height: 120px; background-repeat: no-repeat; padding-bottom:10px; } /* --- mainbar > events list */ #content #mainbar ul#eventsList { margin: 1em 0 0; padding: 0; } #content #mainbar ul#eventsList div.left { float: left; width: 100px; } #content #mainbar ul#eventsList div.right { float: left; width: 500px; } #content #mainbar ul#eventsList li { list-style: none; padding: 8px; margin: 0; border-bottom: 1px solid #ccc; background: none; } #content #mainbar ul#eventsList li a { color: #63b2cf; text-decoration: underline; } #content #mainbar ul#eventsList li a:hover { text-decoration: none; } #content #mainbar ul#eventsList div.type { color: #999; } /* --- mainbar > events detail */ div#detail { padding: 0 10px; } div#detail div#detailMain { float: left; width: 350px; } div#detail div#detailSec { float: left; width: 250px; } div#detail table th, div#detail table td { padding: 0 0 5px; text-align: left; } div#registration h3 { background: #a9233e; margin: 10px 0 0; padding: 10px; color: #fff; } div#registration div.border { background: #eee; padding: 10px; } div#description { padding: 10px; } div#description h3 { margin: 0 0 .8em; color: #a9233e; font-size: 1.1em; } /* --- mainbar > cart */ #content #mainbar table.cart_table, #content #mainbar table.text, #content #mainbar table.myMemberships { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; } #content #mainbar table.cart_table th, #content #mainbar table.cart_table td, #content #mainbar table.text th, #content #mainbar table.text td, #content #mainbar table.myMemberships th, #content #mainbar table.myMemberships td { float: none; width: auto; padding: 5px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: left; vertical-align: top; } #content #mainbar table.cart_table th, #content #mainbar table.myMemberships th { background: #d8ecf3; } #content #mainbar table.cart_table th.cart_header { font-weight: bold; } div.plain table th { padding: 5px; text-align: left; } div.plain table td { padding: 5px; } div.myMembershipTitle, div.myMembershipListOn { padding: 0 0 1em; } .myMembershipListBox div[style] { background-color: #fff; } /* --- mainbar > files list */ #content #mainbar h3.files_list_title, #content #mainbar .repo_files_list h3 { position: absolute; left: -999em; } #content #mainbar div.repo_list { margin: 1em 0 0; } #content #mainbar ul.repo_files_list { margin: 0; padding: 0; list-style: none; list-style-image: none; background: none; } #content #mainbar ul.repo_files_list li { position: relative; padding: 0 0 1em 0; background: none; list-style: none; list-style-image: none; } #content #mainbar ul.repo_files_list li a { padding: 0 0 0 25px; } #content #mainbar ul.repo_files_list li .file_pdf_pos { position: absolute; top: 0; left: 0; width: 20px; } #content #mainbar ul.repo_files_list li .file_pdf_pos a { text-decoration: none; padding: 0; } #content #mainbar ul.repo_files_list li .file_pdf_pos span.file_size { display: none; } /* --- mainbar > members directory */ table.dealer_standard_headers { margin: 15px 0 0; border-top: 1px solid #ccc; border-right: 1px solid #ccc; } table.dealer_standard_headers th { background: #d8ecf3; } table.dealer_standard_headers th, table.dealer_standard_headers td { padding: 5px; text-align: left; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; } /* ------ main search */ div.search_form { padding: 0 0 15px; } div.search_form legend, div.search_form label { display: none; } /* ------ breadcrumb trail */ p.breadcrumb { font-size: .9em; } p.path { position: absolute; left: -999em; } /* ---- footer */ #footer { padding: 15px 0; background: url(../images/bg.gif) 0 -11891px no-repeat; text-align: center; text-transform: uppercase; color: #8adfff; font-size: 1em; } #footer a, p#copyright { color: #0090c6; text-decoration: none; } #kg_sideBar { display: none !important; } #addResourceForm table { width: 100% !important; } #addResourceForm table td { width: 517px !important; text-align: left; } #addResourceForm table th { width: 80px !important; } #infoFormFieldLi57 ul li label { width: auto !important; }