/***************/ /* base styles */ /***************/ body { margin: 0; padding: 0; font: 12px/1.231 tahoma, geneva, verdana, sans-serif; } h1, h2, h3, h4, h5, h6 { margin: 1em 0; padding: 0; } h1 { font-size: 20px; } h2 { font-size: 17px; } h3 { font-size: 15px; } h4 { font-size: 13px; } h5 { font-size: 12px; } h6 { font-size: 11px; } ul, ol, dl, blockquote { margin: 1em; padding: 0; } ul, ol, dl { margin-left: 2em; } li { margin: 0; padding: 0; } p { margin: 1em 0; padding: 0; } img { border: 0; } form { margin: 0; } .wrapper { min-width: 980px; background: #fff; } /**********/ /* header */ /**********/ .header { position: relative; /* for site title (.header h1) */ } .header .logo { margin-bottom: 1px; /* add a small separation between logo and nav */ } .header h1 { position: absolute; top: 10px; right: 10px; } .header ul.nav { margin: 0; list-style: none; background: #5d5b66; clear: both; } .header ul.nav li { float: left; background: transparent url(images/betweennav.gif) bottom right no-repeat; } .header ul.nav li a { margin-right: 1px; padding: 7px 9px 7px 10px; display: block; text-decoration: none; } .header ul.nav li.selected a { background: #737180; } .header ul.nav li a:link { color: #fff; } .header ul.nav li a:visited { color: #fff; } .header ul.nav li a:hover { color: #fff; background: #737180; } .header ul.nav li a:active { color: #fff; } .header ul.nav li.nav_home { border-right: 1px solid #fff; background: none; } .header ul.nav li.nav_home_selected { background: #383741; } .header ul.nav li.nav_home a { margin-right: 0; } .header ul.nav li.nav_help, .header ul.nav li.nav_forum { float: right; background: none; } .header ul.nav li.nav_help a, .header ul.nav li.nav_forum a { margin-right: 0; } /**********/ /* footer */ /**********/ .footer { padding: 7px; border-top: 16px solid #5d5b66; font-size: 11px; } .footer ul { margin: 0px; list-style: none; } .footer ul li { padding: 0px 5px; border-right: 1px solid #878787; float: left; } .footer ul li.last { border-right: 0px; } .footer ul li a { color: #707070; text-decoration: none; } .footer_version { float: right; } /*************/ /* container */ /*************/ .container { background: url(images/faux-sidebar.gif) top left repeat-y; } /***********/ /* sidebar */ /***********/ .sidebar { width: 160px; float: left; } .sidebar h3 { margin: 0; padding: 7px 10px; font-size: 12px; color: #fff; background: #959595; } .sidebar ul { margin: 8px 10px 20px 10px; list-style: none; line-height: 1.4; } .sidebar li { padding-left: 9px; color: #444; background: url(images/bullet-square-gray.gif) center left no-repeat; } .sidebar li.selected a { font-weight: bold; } .sidebar li a:link { color: #444; text-decoration: none; } .sidebar li a:visited { color: #444; text-decoration: none; } .sidebar li a:hover { color: #444; text-decoration: underline; } .sidebar li a:active { color: #444; } /***********/ /* content */ /***********/ .content { padding: 15px 0 30px 20px; width: 780px; /* 980px - 160 (sidebar) - 20 (left padding) - 20 (right padding) */ float: left; } .content h2 { margin: 0 0 10px 0; font-size: 20px; } /**************/ /* ui classes */ /**************/ /* box */ h3.box_title { padding: 4px 8px; margin: 0; color: #fff; background: #5d5b66; } .box_content { background: #edf1cc; } .box_controls { float: right; padding: 5px; } .box_padding { padding: 5px; } #container { background-color: #edf0cd; } #container h2 { display: block; background-color: #5C5B65; color: #EFEFEF; font-size: large; font-weight: bold; padding: 4px 10px; margin: 0px; } .panel { margin: 10px; } .panel .search { float: right; display: inline; } .panel .search label { font-size: 90%; } .panel .actions { float: left; } .panel .letter-header { background: #959595; margin: 0px; margin-bottom: 2px; padding: 0px; text-align: center; } .panel .letter-header a { color: #ffffff; text-decoration: none; font-weight: bold; font-size: 10pt; width: 3.65%; float: left; padding: 5px 0px; } .panel .letter-header a.highlight { background: #5c5b66; } .panel .user-count { font-size: 80%; color: #5c5b66; margin: 15px 0px; float: left; } .panel .paging { float: right; margin: 10px 0px; } .panel table.user-listing { width: 100%; border: none; border-collapse: collapse; background-color: #F8F8F9; } .panel table.user-listing thead tr { background-color: #cecedb; font-weight: bold; } .panel table.user-listing thead tr td { border: 1px solid #b1adc6; } .panel table.user-listing thead tr td.ascending { background: url(images/ascending.gif) no-repeat 92% 50%; } .panel table.user-listing thead tr td.descending{ background: url(images/descending.gif) no-repeat 92% 50%; } .panel table.user-listing thead tr td span { text-align: right; vertical-align: bottom; } .panel table.user-listing thead tr td a { color: black; text-decoration: none; float: left; } .panel table.user-listing thead tr td a:hover { text-decoration: underline; } .panel table.user-listing tbody tr.alt { background-color: #e4e4eb; } .panel table.user-listing tbody { font-size: smaller; border-bottom: 1px solid #b1adc6; } .panel table.user-listing td { padding: 7px; border-left: 1px solid #b1adc6; border-right: 1px solid #b1adc6; } .panel table.user-listing td.justify { text-align: center; } .okay { color: green; } .alert { color: red; } .blue { color: #3f8b98; } .orange { color: #ff9900; } input.submit-dark { border: 1px solid #9795a2; background: #5c5b66; color: #FFF; font-weight: bold; text-transform: uppercase; padding: 2px 5px; margin: 5px 0px 5px; } input.submit-light { border: 0px; background: #959595 url(images/plus.gif) center left no-repeat; color: #ffffff; font-weight: bold; text-transform: capitalize; padding: 2px 5px 2px 15px; margin: 5px 5px 15px 0px; } input.submit-small-dark { border: 0; background: #5c5b66; color: #ffffff; font-weight: normal; font-size: 80%; padding: 2px 5px; margin: 0px 5px 10px 0; } input.text, input.password, textarea { border:1px solid #999999; padding:1px 0 1px 2px; } .ac_results { padding: 0px; border: 1px solid WindowFrame; background-color: Window; overflow: hidden; } .ac_results ul { width: 100%; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 12px; overflow: hidden; } .ac_loading { background-color: beige; } .ac_over { background-color: Highlight; color: HighlightText; } /*******************/ /* utility classes */ /*******************/ .clear_simple { clear: both; } .clear:after { height: 0px; clear: both; display: block; visibility: hidden; content: "."; } .clear { display: inline-block; } /* start non ie/mac css \*/ * html .clear { height: 1%; } .clear { display: block; } /* end non ie/mac css */ /*-----------------------------*\ |* password strength indicator *| \*-----------------------------*/ #pass-strength { font-weight: bold; } .pass-strength-weak { color: red; } .pass-strength-good { color: blue; } .pass-strength-strong { color: green; } /*---------------*\ |* forum listing *| \*---------------*/ div.forum-list { padding: 0px 15px; } div.forum-list input.collapse, div.forum-list input.expand { background: #a7a6b4 no-repeat; border: 0px; color: #ffffff; font-weight: normal; font-size: 7pt; padding: 2px 15px 0px 2px; margin: 0px 0px 10px 0px; float: right; } div.forum-list input.collapse { background-image: url(images/ascending-white.gif); background-position: 94% 4px; } div.forum-list input.expand { background-image: url(images/descending-white.gif); background-position: 94% 3px; } div.forum-list .collapsible { background-image: url(images/ascending-button.gif); background-repeat: no-repeat; background-position: 99% 50%; } div.forum-list .expandable { background-image: url(images/descending-button.gif); background-repeat: no-repeat; background-position: 99% 50%; } div.forum-list a img { float: right; margin-top: -15px; margin-right: -3px } div.forum-list .category { background-color: #d0cfdd; border: 1px solid #a7a6b4; border-bottom: 2px solid #a7a6b4; font-size: 11pt; font-weight: bold; padding: 5px 10px; margin: 0px; } div.forum-list .sub-category { background-color: #e4e9ef; border-left: 1px solid #a7a6b4; border-right: 1px solid #a7a6b4; border-top: 1px solid #caced7; border-bottom: 2px solid #caced7; padding: 5px 10px 5px 35px; font-size: 11pt; font-weight: bold; } div.forum-list * span a { font-weight: normal; font-size: 8pt; text-decoration: none; color: #777777; vertical-align: center; } div.forum-list .forum { color: #48484a; background: #ffffff url(images/forum.gif) no-repeat 5px 0px; border-left: 1px solid #a7a6b4; border-right: 1px solid #a7a6b4; font-size: 10pt; font-weight: bold; padding: 4px 10px 4px 35px; margin: 0px; } div.sub-category-forums .forum { background-image: url(images/forum.gif); background-position: 30px 0px; padding: 4px 10px 4px 60px; } div.forum-forums .forum { background-image: url(images/sub-forum.gif); background-position: 8px 0px; padding: 4px 10px 4px 60px; font-weight: normal; } div.sub-category-forums div.forum-forums .forum { background-image: url(images/sub-forum.gif); background-position: 33px 0px; padding: 4px 10px 4px 85px; font-weight: normal; } div.forum-list * .alternate { background-color: #e7e6ec; } div.forum-list .bottom { height: 1px; background: #a7a6b4; padding: 0px; }