/*------------------------------------------------------
Copyright 2006 - 2007 by Talldude Networks, LLC.
Design by Copyright Huw Williams | www.oinkba.com
------------------------------------------------------*/

/* START EXPRESS MEDIA PLAYER CSS ENTRIES */

.body-1p {
background: #000;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.banner-p {
background: #000; /* transparent url("images/head-p.png ") repeat-x ; */
width: 450px;
height: 58px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.logo-p {
background: transparent url("images/jr_logo2.gif") no-repeat;
position: relative;
width: 450px;
height: 74px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.head-1a {
background: #000 url("images/jr_logo_sml.gif") no-repeat 5px 45%;
border-bottom: 1px #000 solid;
padding: 0px 0px 0px 43px;
font-size: 11px;
width: 450px;
height: 25px;
font-weight: bold;
color: #FFF;
line-height: 26px;
margin: 0px 0px 0px 0px;
}

.head-1b {
background: #000 repeat-x;
border: 3px #000 solid;
width: 445px;
height: 75px;
}

.head-1c {
background: url("images/boxhead_grad.gif") repeat-x;
border-bottom: 1px #666 solid;
padding-left: 5px;
font-style: italic;
font-size: 12px;
width: 450px;
height: 25px;
font-weight: bold;
color: #F8F8A5;
line-height: 26px;
margin: 0px 0px 0px 0px;
}


.head-1p {
background: #000 repeat-x;
border: 3px #000 solid;
font-style: italic;
font-size: 10px;
width: 450px;
height: 110px;
font-weight: bold;
color: #F8F8A5;
line-height: 16px;
margin: 0px 0px 0px 0px;
}

h4 {
background: transparent url("images/jr_logo_sml.gif") no-repeat 0 30%;
padding-left: 35px;
font-size: 12px;
}

h5 {
font-size: 12px;
color: #FFF;
font-weight: bold;
}

/* END EXPRESS MEDIA PLAYER CSS ENTRIES */

body {
font-family: Arial, Helvetica, Verdana, sans-serif;
background: #888;
font-size: 11px;
color: #BBB;
padding: 0;
margin: 0px auto;
}

p, ol, ul {
font-size: 12px;
color: #BBB;
}

/* --- SITE LINKS --------- */

a {
color: #DBCE39;
text-decoration: none;
}

a:hover {
color: #F8F8A5;
text-decoration: underline;
}

/* --- H1, H2, H3 --------- */

h1, h2, h3 {
font-family: Arial, Helvetica, Verdana, sans-serif;

margin-top: 0;
color: #F8F8A5;
}

h1 {
background: transparent url("images/jr_logo_sml.gif") no-repeat 0 30%;
border-bottom: 1px dotted #000;
padding-left: 35px;
font-size: 21px;
color: #999;
font-weight: bold;
}

h2 {
font-size: 14px;
font-weight: bold;
line-height: 0px;
padding-top: 5px;
}

h3 {
padding-left: 8px;
font-style: italic;
font-weight: normal;
font-size: 110%;
}

/* --- WRAPPER --------- */

.wrapper {
background: #888; /* transparent url("images/wrapper.png");*/
width: 1007px;
margin: 0px auto;
padding: 0px;
}

/* --- BANNER --------- */

.banner {
/* background: transparent url("images/head_grad.gif") no-repeat right; */
background-color: #666;
height: 99px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.logo {
background: transparent url("images/jr_logo.gif") no-repeat;
position: relative;
width: 820px;
height: 98px;
left: 0px;
top: 0px;
}

.sponsor {
background: transparent url("images/sponsor.gif") no-repeat;
position: relative;
width: 200px;
height: 98px;
left: 620px;
top: 0px;
}

.shadow {
background: transparent url("images/head_shadow.gif") repeat-x;
height: 29px;
padding: 0px;
margin: 0px auto;
}

/* --- NAVBAR --------- */

.navbar {
background: transparent url("images/head_navbar.gif") repeat-x;
text-align: center;
height: 22px;
margin: 0px auto;
padding-top: 9px;
}

.navbar ul {
list-style-image: none;
margin: 0px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
}

/* --- NAVIGATION --------- */

.nav-main ul {
margin-left: 0px;
margin-right: 0px;
}

.nav-main ul li {
display: inline;
float: left;
margin-right: 0px;
width: 90px;
text-align: center;
font-size: 10px;
font-weight: bold;
}

.nav-main ul li a {
display: block;
background: transparent url("images/button_off.gif") no-repeat 0 0;
height: 22px;
line-height: 22px;
color: #000;
text-decoration: none;
}

.nav-main ul li a.current {
background: transparent url("images/button_on.gif") no-repeat 0 0;
color: #CCC;
}

.nav-main ul li a:hover {
background: transparent url("images/button_on.gif") no-repeat 0 0;
color: #DBCE39;
}

.nav-main ul li a.current:hover {
background: transparent url("images/button_off.gif") no-repeat 0 0;
color: #DBCE39;
}

/* --- CONTAINER --------- */

.container {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
}

/* --- MAIN CONTENT --------- */

.content {
margin: 0px auto;
width: 80%;
padding: 0px;
float: left;
}

/* --- SUB CONTENTS --------- */

.sub-content-1 {
margin: 0px auto;
width: 60%;
padding: 0px;
float: left;
}

.sub-content-2 {
margin: 0px auto;
width: 40%;
padding: 0px;
float: left;
}

.sub-content-3 {
margin: 0px 0px 0px 0px;
width: 49%;
padding: 0px 0px 0px 0px;
float: left;
}

.sub-content-4 {
margin: 0px 0px 0px 0px;
width: 33.2%;
padding: 0px 0px 0px 0px;
float: left;
}

.sub-content-5 {
margin: 0px 0px 0px 0px;
width: 99%;
padding: 0px 0px 0px 0px;
float: left;
}


/* --- RIGHT CONTENT --------- */

.content-right {
background: #888;
margin: 0px auto;
width: 20%;
padding: 0px;
float: right;
}

/* --- BOXES --------- */

.sml-logo {
background: url("images/jr_logo_sml.gif") no-repeat 5px 45%;
padding: 0px 0px 0px 40px;
font-size: 11px;
height: 25px;
font-weight: bold;
color: #BBB;
line-height: 26px;
margin: 0px 0px 0px 0px;
}

.head-1 {
border-bottom: 1px #444 solid;
padding: 0px 0px 0px 0px;
font-size: 11px;
height: 25px;
font-weight: bold;
color: #BBB;
line-height: 20px;
margin: 0px 5px 0px 5px;
}

.head-2 {
border-bottom: 1px #444 solid;
padding: 0px 0px 0px 0px;
font-size: 11px;
height: 25px;
font-weight: bold;
color: #F8F8A5;
line-height: 20px;
margin: 0px 5px 0px 5px;
}

.feature-body1 {
background: url("images/jr_body1_bkgrnd.gif") repeat-x;
padding: 5px;
margin: 0px 5px 10px 5px;
}

.side-body2 {
background: url("images/jr_body1_bkgrnd.gif") repeat-x;
padding: 10px;
margin: 0px 5px 10px 5px;
}

.body-1 {
background: #444;
padding: 5px 5px 5px 5px;
margin: 0px 5px 10px 5px;
}

.body-2 {
background: #444;
padding: 10px;
margin: 0px 5px 10px 5px;
}

.body-3 {
background: #666;
padding: 10px;
margin: 0px 5px 10px 5px;
}

.inset-1 {
width: 100%;
background: #000;
padding: 3px 3px 0px 3px;
}

.inset-2 {
padding: 10px;
}

.title-1 {
background: #000;
padding: 2px;
font-size: 9px;
font-weight: bold;
color: #DBCE39;
}

.row-1 {
background: #000;
padding: 2px;
font-size: 9px;
font-weight: bold;
color: #BBB;
}

/* --- TEMPLATE ELEMENTS --------- */

.head {
padding: 4px;
font-size: 9px;
font-weight: bold;
color: #BBB;
}

.title {
background: #000;
padding: 4px;
font-size: 9px;
font-weight: bold;
color: #BBB;
}

.symbols {
background: #000;
padding: 4px;
font-size: 9px;
font-weight: bold;
color: #DBCE39;
}

.row {
background: #000;
padding: 0px;
font-size: 9px;
font-weight: bold;
color: #BBB;
}

.row-small {
background: #000;
padding: 4px;
font-size: 9px;
font-weight: bold;
color: #BBB;
}

.row-main {
background: #000;
padding: 4px;
font-size: 9px;
font-weight: bold;
color: #BBB;
}

.topspot {
background: #666;
padding: 4px;
font-size: 9px;
font-weight: bold;
color: #BBB;
}

.topten {
background: #888;
padding: 4px;
font-size: 9px;
font-weight: bold;
color: #BBB;
}

.position {
background: #000000;
padding: 2px;
font-size: 14px;
font-weight: bold;
color: #BBB;
}

.rank {
background: #000000;
padding: 2px;
font-size: 14px;
font-weight: bold;
color: #F8F8A5;
}

.count {
background: #000000;
padding: 2px;
font-size: 14px;
font-weight: bold;
color: #BBB;
}

.foot {
background: #000;
padding: 2px;
font-size: 10px;
font-weight: bold;
color: #BBB;
}

.search-error {
background: #000000;
padding: 4px;
font-size: 12px;
font-weight: bold;
color: #BBB;
}

/* --- CALENDAR --------- */

.iframe {
background-color: #666;
padding: 4px;
}

.cal-head {
background: #000;
padding: 4px;
font-size: 9px;
font-weight: bold;
color: #BBB;
text-align: center;
}

.cal-title {
background: #666;
padding: 4px;
font-size: 10px;
font-weight: bold;
color: #BBB;
text-align: center;
}

.cal-row {
background: #444;
padding: 0px;
font-size: 9px;
font-weight: bold;
color: #000;
text-align: center;
}

.cal-active {
background: #666;
padding: 0px;
font-size: 9px;
font-weight: bold;
color: #BBB;
text-align: center;
}

/* --- TEXT SIZES AND IMAGES --------- */

img.border {
border: 1px #BBB solid;
}

.small-link-txt {
font-size: 9px;
font-weight: bold;
}

.medium-link-txt {
font-size: 12px;
font-weight: bold;
}

.large-link-txt {
font-size: 14px;
font-weight: bold;
font-variant: small-caps;
}

.small-txt-1 {
font-size: 9px;
font-weight: bold;
color: #BBB;
}

.small-txt-2 {
font-size: 9px;
font-weight: bold;
color: #FC0;
}

.small-txt-3 {
font-size: 9px;
font-weight: bold;
color: #F8F8A5;
}

.small-txt-4 {
font-size: 9px;
font-weight: bold;
color: #DBCE39;
}

.small-txt-review {
font-size: 10px;
color: #BBB;
}

.medium-txt-review {
font-size: 11px;
color: #BBB;
}


/* --- FORMS AND BUTTONS --------- */

form.margin {
margin: 0px;
}

input.text, select, file {
font-size: 10px;
border: 1px #CCC solid;
background-color: #CCC;
}

input.text, select {
margin-bottom: 2px;
}

input.button {
font-size: 9px; 
color: #DBCE39;
cursor: pointer;
border: 1px #ccc solid;
background-color: #000;
}

input.button a:hover {
background-color: #888;
color: #000;
}

textarea {
font-size: 12px;
border: 1px #CCC solid;
background-color: #CCC;
}

.login-txt {
font-size: 9px; 
color: #CCC;
}

/* --- SPACERS --------- */

.spacer-side {
height: 10px;
}

.spacer-footer {
height: 30px;
}

/* --- FOOTER --------- */

.footer-container {
width: 90%;
clear: both;
}

.footer-slice {
background: #888; /*transparent url("images/footer_slice.gif");*/
width: 90%;
height: 5px;
margin: 0px auto;
}

.footer-info {
background: #888;
width: 90%;
margin: 10px auto;
text-align: center;
font-size: 11px;
color: #999;
padding: 10px;
}

.slSelect {
font-size: 10px;
}

.slSubmit {
font-size: 10px;
}

/* --- DROP DOWN MENU ----------- */

#dropmenudiv {
position: absolute;
border: 1px solid #CCC;
border-bottom-width: 1px;
font-size: 10px;
line-height: 16px;
z-index: 100;
}

#dropmenudiv a {
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 2px solid black;
padding: 1px 0px;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover {
background-color: #666;
}

/* --- BBCODE ----------- */

/* URL's */
.bb_url {
}

/* Unordered List */
.bb_ul {
}

/* Ordered List */
.bb_ol {
}

/* Code */
.bb_code {
padding: 3px;
background-color: #121212;
font-family: monospace;
}

/* Quote */
.bb_quote {
padding: 3px;
background-color: #121212;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Round Corners */
.featured-crnrs{display:block}
.featured-crnrs *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#000000}
.featured-crnrs1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #262626;
  border-right:1px solid #262626;
  background:#111111}
.featured-crnrs2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #3d3d3d;
  border-right:1px solid #3d3d3d;
  background:#0c0c0c}
.featured-crnrs3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #0c0c0c;
  border-right:1px solid #0c0c0c;}
.featured-crnrs4{
  border-left:1px solid #262626;
  border-right:1px solid #262626}
.featured-crnrs5{
  border-left:1px solid #111111;
  border-right:1px solid #111111}
.featured-crnrsfg{
  background:#000000}
  
.header1crnr{display:block}
.header1crnr *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#000000}
.header1crnr1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #4d4d4d;
  border-right:1px solid #4d4d4d;
  background:#222222}
.header1crnr2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #7a7a7a;
  border-right:1px solid #7a7a7a;
  background:#191919}
.header1crnr3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #191919;
  border-right:1px solid #191919;}
.header1crnr4{
  border-left:1px solid #4d4d4d;
  border-right:1px solid #4d4d4d}
.header1crnr5{
  border-left:1px solid #222222;
  border-right:1px solid #222222}
.header1crnrfg{
  background: url("images/boxhead_grad.gif") repeat-x;
  padding: 0px 0px 0px 5px;}
  
.titlecorner{display:block}
.titlecorner *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#666666}
.titlecorner1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #2b2b2b;
  border-right:1px solid #2b2b2b;
  background:#4c4c4c}
.titlecorner2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #0a0a0a;
  border-right:1px solid #0a0a0a;
  background:#525252}
.titlecorner3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #525252;
  border-right:1px solid #525252;}
.titlecorner4{
  border-left:1px solid #2b2b2b;
  border-right:1px solid #2b2b2b}
.titlecorner5{
  border-left:1px solid #4c4c4c;
  border-right:1px solid #4c4c4c}
.titlecornerfg{
  background:#666666}

/* Marquee */
#pscroller1 {
width: 150px;
height: 150px;
border: 1px solid black;
padding: 5px 5px 5px 5px;
}

#pscroller1 a{
color: #DBCE39;
text-decoration: none;
}

#pscroller1 a:hover{
text-decoration: underline;

}

.someclass {
text-align: left;
color: #000;
}