@charset "UTF-8";
/* CSS Document */

/*
---Color Swatches---
body {backgound-color:#FE0100}
a:hover {color:#FE0100}

*/


body, html, div, p, ul, li, h1, h2, h3, h4, h5 {margin: 0; padding: 0;
}
a { color: #00A7E3; text-decoration: none;
}
a:hover {color: #efefef;
}
ul {list-style-type: none;
}
li {display: inline;
}
.clear { clear: both;
}
acronym { border-bottom: none;
}
a:hover acronym {
}
body {padding: 0; margin: 0 auto; text-align: center; width: 100%; height: 100%; background: url(../images/bg.jpg) repeat-x center center; background-color: #E2E2E2; color: #414042; font-family: Helvetica, Trebuchet MS, sans-serif;
}
.wrapper { position: relative; width: 980px; margin: 0 auto; text-align: left; 
}
#top-menu { height: 35px; width: 100%; position: relative; position: absolute; bottom: 0; right: 20px
}
#banner.header { height: 90px; text-align: center; position: relative;
}
.header h1 { width: 470px; height: 90px; margin: 0; text-indent: -9999px; text-transform: uppercase;
}
.header h1 a span {display: block; text-indent: -9999px; height: 18px; width: 347px; font-size: 16px; margin-top: 20px;
}
.header h1 a { width: 347px; height: 72px; background: url(../client/images/logo.png) no-repeat 10px 5px; display: block; margin: 10px 0 10px 0; padding: 5px 10px;
}
.header h1 a:hover { border: 1px solid #414042; background-position: 9px 4px;
}
.header h1 a:active { border-color: #FE0100;
}
/*--- Profile | Sub-nav ---*/

#sub-nav.nav { width: 280px; margin: 0 auto; float: left; margin-top:0; background: url(../images/content.jpg) repeat-x center top;
}
/*-- #sub-nav.nav ul { border-bottom: 2px solid #BCBEC0; padding: 13px 10px;
}
#sub-nav.nav li { display: list-item; text-align: center;
}
#sub-nav.nav li a { display: block; font-size: 20px; color: #414042; padding: 18px 10px 12px 10px; border-bottom: 1px solid #BCBEC0; border-top: 1px solid #fff;
}
#sub-nav.nav li a:hover { color: #ED1F24; background: url(../images/sub-nav-hover.png) repeat-x top; border-bottom: 1px solid #949697;
}
#sub-nav.nav li:last-child a { border-bottom: 1px solid #949697;
} --*/

.AccordionContent ul li { display: list-item; text-align: left;
}

.AccordionContent li a { display: block; font-size: 16px; color: #7F7F7F; padding: 4px 20px 2px 20px; border-bottom: 1px solid #F3F3F3; border-top: 1px solid #fff;
}

.AccordionContent li a:hover { color: #414042;border-bottom: 1px solid #DFDFDF; border-top: 1px solid #F3F3F3;
}

/*---/profile | Sub-nav---*/

#main-page.nav { width: 280px; margin: 0 auto; float: left; margin-top:0; background: url(../images/main-nav-ul.jpg) repeat-x center top;
}
#main-page.nav ul { background: url(../images/main-nav-bg.jpg) repeat-x left top; display: block; overflow: hidden; width: 260px; margin: 10px 10px 10px 10px; padding: 10px 0;
}
#main-page.nav ul li {display: block; float: left; width: 130px; height: 87px; position: relative;
}
#main-page.nav ul li a {display:block; text-align: center; position: absolute; width: 130px; font-size: 14px; color: #414042; font-family: Helvetica, Trebuchet MS, Arial, "san-serif"; height: 87px; text-indent: -9999px;
}
li#search a { background: url(../images/main-nav-li.png) no-repeat 0 0;
}
li#search a:hover, li#search a:active { background: url(../images/main-nav-li.png) no-repeat 0 -88px;
}
li#request a { background: url(../images/main-nav-li.png) no-repeat -140px 0;
}
li#request a:hover, li#request a:active { background: url(../images/main-nav-li.png) no-repeat -140px -88px;
}
li#setters a { background: url(../images/main-nav-li.png) no-repeat -281px 0;
}
li#setters a:hover, li#setters a:active { background: url(../images/main-nav-li.png) no-repeat -281px -88px;
}
li#new a { background: url(../images/main-nav-li.png) no-repeat -421px 0;
}
li#new a:hover, li#new a:active { background: url(../images/main-nav-li.png) no-repeat -421px -88px;
}
li#map a { background: url(../images/main-nav-li.png) no-repeat -562px 0;
}
li#map a:hover { background: url(../images/main-nav-li.png) no-repeat -562px -88px;
}
li#bouldering a { background: url(../images/main-nav-li.png) no-repeat -701px 0;
}
li#bouldering a:hover { background: url(../images/main-nav-li.png) no-repeat -701px -88px;
}
li#routes a { background: url(../images/main-nav-li.png) no-repeat -841px 0;
}
li#routes a:hover, li#routes a:active { background: url(../images/main-nav-li.png) no-repeat -841px -88px;
}
#main-page.nav li#rankings {width: 114px; 
}
li#rankings a { background: url(../images/main-nav-li.png) no-repeat -982px 0;
}
li#rankings a:hover, li#rankings a:active { background: url(../images/main-nav-li.png) no-repeat -982px -88px;
}
#featured-image.featured {width: 677px; margin: 0 10px 0 0; text-align: center; background: #ffffff url(../images/content.jpg) repeat top; border-left: 2px solid #BCBEC0; border-right: 2px solid #BCBEC0; padding: 10px 0; float: right;
}
#featured-image.featured { height:auto; overflow:visible;
}
.featured {width: 645px; margin: 0 10px 0 0; background: #939598 url(../images/featured.png) repeat-x bottom; padding: 10px; float: right; border: 1px solid #6D6E71; border-top: 2px solid #6D6E71; text-align: left; position: relative; overflow: auto; height: 421px;
}
.featured h2 { margin: 10px 0 15px 0;
}
.ifeatured {width: 620px; background: #939598 url(../images/featured.png) repeat-x bottom;
}
.ifeatured h2 { margin: 10px 0 15px 0;
}
/*-- Aside --*/

.aside { border-top: 2px solid #E6E7E8; border-bottom: 1px solid #A7A9AC; width: 275px; background: url(../images/aside-bg.png) repeat; float: left; margin-left: 10px;
}
.aside ul { border-top: 1px solid #B1B3B6; border-bottom: 1px solid #B1B3B6;
}
.aside ul li { display: list-item; text-align: left; height: 35px; width: 255px;
}
.aside ul li a { display: block; font-size: 20px; color:#414042; border-right: 1px solid #B1B3B6; border-top: 1px solid #B1B3B6; border-left: 1px solid #ffffff; border-bottom: 1px solid #F1F2F2; height: 25px; padding: 9px 5px 1px 15px; width: 255px;
}
.aside ul li a:hover { background: url(../images/aside-li.jpg) repeat-x top; color: #DF1B1E;border-top: 1px solid #939598; border-bottom: 1px solid #F1F2F2
}
.aside ul li:last-child a:hover { border-bottom: 1px solid #414042;
}
/*-- Footer --*/

.footer {height: 55px; position: absolute; width: 100%; bottom: 0; background: url(../images/trans-black-bg.png) repeat;
}
.footer-wrap {width: 980px; margin: 0 auto; text-align: left; position: relative;
}
.about p { float: left; height: 55px; width: 307px; font-size: 12px; color: #000;
}
span.copyright { position: absolute; margin: 0; bottom: 0; top: 40px; left: 10px;
}
.about p img {float; left; margin-top: -5px;
}
.about p a img { border: none;
}
.about p a:hover img {
}
#footer-menu.menu ul { width: 495px; float: right; height: 55px;
}
#footer-menu.menu ul li { width: 154px; display: block; float: left; height: 55px;
}
#footer-menu.menu ul li a { display: block; height: 55px; text-indent: -9999px;
}
#footer-menu.menu li#home a { background: url(../images/footer-menu.png) 0 0;
}
#footer-menu.menu li#home a:hover, #footer-menu.menu li#home a:active { background: url(../images/footer-menu.png) 0 -55px;
}
#footer-menu.menu li#login a { background: url(../images/footer-menu.png) 464px 0;
}
#footer-menu.menu li#login a:hover, #footer-menu.menu li#login a:active { background: url(../images/footer-menu.png) 464px -55px;
}
#footer-menu.menu li#join a { background: url(../images/footer-menu.png) 306px 0;
}
#footer-menu.menu li#join a:hover, #footer-menu.menu li#join a:active { background: url(../images/footer-menu.png) 306px -55px;
}
#footer-menu.menu li#logout a { background: url(../images/footer-menu.png) 153px 0;
}
#footer-menu.menu li#logout a:hover, #footer-menu.menu li#logout a:active { background: url(../images/footer-menu.png) 153px -55px;
}
.top-menu-wrapper { width: 980px; margin: 0 auto; height: 35px;
}
#top-menu.menu span.login, #top-menu.menu span.logout {float: right; margin: 0; background: url(../images/trans-black-bg.png) repeat; padding: 10px 20px 8px 20px; color: #939598;
}
#top-menu.menu span a { color: #FE0100; font-weight: bold;
}
#top-menu.menu span a:hover { color:#ffffff;
}
#content table { margin: 10px auto;
}

/*-- Table Designs --*/

.featured table { border-collapse:collapse; font-size:11px; margin:0; text-align:left; width:629px;
}
.featured table th { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; color:#414042; font-size:11px; font-weight:normal; padding:8px;
}
.featured table thead tr { background: none;
}
.featured table td { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; border-bottom:1px solid #FFFFFF; border-top:1px solid #58595B; color:#ffffff; padding:8px;
}
.featured table td td { border: none; background: none;
}
.featured table tbody tr:hover td td { background:none;
}
.featured table tbody tr tr { background: none;
}
.featured table tbody tr:hover tr { background: none;
}
.featured table tfoot tr td { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#E8EDFF none repeat scroll 0 0; color:#9999CC; font-size:12px;
}
.featured table tbody tr:hover td { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; color:#414042;
}
.featured table tbody tr:hover {background:#000000 url(../images/gradhover.png) repeat-x scroll 0 0;
}
.featured .tdata input { display: none;
}
.featured .tdata input[type="checkbox"] { display:block;
}
.featured table tr {background: #000000 url(../images/gradback.png) repeat-x scroll 0 0;
}

.ifeatured table { border-collapse:collapse; font-size:11px; margin:0; text-align:left; width:620px;
}
.ifeatured table th { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; color:#414042; font-size:11px; font-weight:normal; padding:8px;
}
.ifeatured table thead tr { background: none;
}
.ifeatured table td { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; border-bottom:1px solid #FFFFFF; border-top:1px solid #58595B; color:#ffffff; padding:8px;
}
.ifeatured table td td { border: none; background: none;
}
.featured table tbody tr:hover td td { background:none;
}
.ifeatured table tbody tr tr { background: none;
}
.ifeatured table tbody tr:hover tr { background: none;
}
.ifeatured table tfoot tr td { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#E8EDFF none repeat scroll 0 0; color:#9999CC; font-size:12px;
}
.featured table tbody tr:hover td { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; color:#414042;
}
.ifeatured table tbody tr:hover {background:#000000 url(../images/gradhover.png) repeat-x scroll 0 0;
}
.ifeatured .tdata input { display: none;
}
.ifeatured .tdata input[type="checkbox"] { display:block;
}
.ifeatured table tr {background: #000000 url(../images/gradback.png) repeat-x scroll 0 0;
}
/*-- Keypad --*/

table#keypad { margin: 20px auto 0 auto;
}
table#keypad td {cell-padding: none;
}
table#keypad td.title-keypad { font-size: 32px; text-align: left; padding: 5px 0 10px 10px;
}
table#keypad input#membernum,table#keypad form input#passwd { width: 242px;
}
table#keypad td > a.button { margin: 0; width: 80px; display: block; padding: 24px 0 16px 0; font-size: 20px; color: #414042; font-weight: bold; background: url(../images/keypad-button.png) repeat-x 0 0; border-right: 1px solid #A7A9AC; border-left: 1px solid #E6E7E8; border-bottom: 1px solid #A7A9AC; border-top: 1px solid #E6E7E8;
}
table#keypad td > a.button:hover,table#keypad td > a.button:active { background: url(../images/keypad-button.png) repeat-x 0 -62px; color: #E6E7E8;
}
table#keypad form input#membernum,table#keypad form input#passwd { border: 1px solid #808285; height: 30px; background: url(../images/membernum-bg.png) repeat-x; font-size: 32px; color: #414042; letter-spacing: 5px; padding: 6px 10px 12px 10px; width: 222px;
}

/*-- Section --*/

.section { text-align: center; background: #ffffff url(../images/content.jpg) repeat top; border-left: 2px solid #BCBEC0; border-right: 2px solid #BCBEC0; padding: 10px 0; position: relative; overflow:auto;
}
.aside + #featured-image{ background: none; border: none; padding: 0;
}

/*-- Form Elements --*/

form select, form input[type="text"] { margin-top: 5px; background: #fff url(../images/input-bg.jpg) repeat-x bottom; border: 1px solid #58595B; height: 37px; width: 225px; font-size: 18px; font-weight: bold; padding: 5px; color: #414042;
}
form select.short { width: 100px
}
form p { text-indent: 5px; margin-bottom: 20px; font-size: 14px;
}
form span { margin-bottom: 5px;
}
form input[type="text"] { height: 25px; width: 215px
}
.submit {margin: 25px 0;
}
.submit a.button { background: #6D6E71 url(../images/featured.png) repeat-x bottom; font-size: 14px; font-weight: bold; padding: 12px 20px 7px 20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #414042; color: #ffffff;
}
.submit a.button:hover, .submit a.button:active { color: #ED1D24;
}
form p input[type="button"] { background: #fff url(../images/form-button.png) no-repeat right; border: none; border-top: none; border-left: 1px solid #414042; font-size: 14px; font-weight: bold; padding: 9px 12px 8px 10px; color: #D1D3D4;
}
form p input[type="button"]:hover, form p input[type="button"]:active { color: #ffffff;
}
div#rightform { position: absolute; top: 25px; right: 0; height: 200px; width: 330px; border-left: 1px solid #ccc; display: table-cell; text-align: center; padding-top: 97px;
}
div#rightform .submit a { font-size: 16px; color: #ffffff; padding: 10px;
}
div#rightform .submit a:hover { color: #414042;
}

.aside .nav form select {height: 20px; padding: 0; font-size: 14px; background: #939598; font-weight: normal; color: #414042;
}
.aside .nav form option { background: #ffffff; color: #414042
}
.aside .nav form { margin: 20px 10px 0 10px;
}
.aside .nav form p { text-align: left;
}
.aside .nav form p:last-child { margin-bottom: 0;
}
.aside .nav a.button { float: left; margin: 0 10px 10px; width: 100px; display: block; padding: 10px 0 6px 0; font-size: 14px; color: #414042; font-weight: bold; background: url(../images/keypad-button.png) repeat-x 0 0; border-right: 1px solid #A7A9AC; border-left: 1px solid #E6E7E8; border-bottom: 1px solid #A7A9AC; border-top: 1px solid #E6E7E8;
}
.aside .nav a.button:hover,.aside .nav a.button:active { background: url(../images/keypad-button.png) repeat-x 0 -62px; border: 1px solid #A7A9AC;
}
.smsubmit {margin: 5px 0;
}
.smsubmit a.button { background: #6D6E71 url(../images/featured.png) repeat-x bottom; font-size: 11px; font-weight: bold; padding: 6px 10px 3px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #414042; color: #ffffff;
}
.smsubmit a.button:hover, .submit a.button:active { color: #ED1D24;
}