/*
CSS For fromJamaica.com 6th Draft by Marc DM <marcdm@fromjamaica.com>
October 21, 2007

Colors copied from the Image :
search box bg : #e3f4e8
Orange Go button : #ffa800
ink red :#f20000
ink green :#00bc00
ink gold :#fbe100
*/

/***********************************************
    LAYOUT DIV and TABLES
***********************************************/
body {
    margin: 10px;
    margin-top : 0;
    background-color:#fdfdfd;
}
a:active, a:focus {
  outline: 0
}

body {color: #000000; font-family : Arial, Helvetica, Verdana, sans-serif;
    font-size: 83%; /* some hack for a dumb browser */
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size: 90%;
}

#container {
  min-width:720px;
  width:90%;
  background-color:#ffffff;
  max-width: 80em;
  margin: 0 auto;
}
  a:link, a.nevervisit:visited, .nevervisit a:visited, .nevervisit * a:visited { color: #4f4f7f; }
  a:visited { color: #4f4f4f; }
  a:link:hover, a:visited:hover { color: #3333af; text-decoration: underline; }
  a:link:active, a:link:active { color: #000000; }


#pagecontent, #masthead, div.cols{
    position: relative;
    width:100%;
    min-width:620px;
}
#mhc { background: #333333 url('../img/masthead-bg4.gif') left bottom repeat-x; }
#masthead {
    color: #ffffff;
    min-height: 55px;
    height: 120px;
    padding: 0;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 3em;
    padding: 15px 0;
    margin: 4px auto 0 auto;
}
#betatag { background: transparent url('../img/betared.gif') top left no-repeat;
    position: absolute; top:4px; left: 358px; width: 48px; height: 48px; padding: 3px;
    voice-family: "\"}\""; voice-family: inherit; background-image:  url('../img/betared.png');
         }
#masthead h1 {
   position: absolute;top:0; left:0; margin: 0;
    font-size: 2px;
    background: transparent url("../img/mh-tl.gif") no-repeat;
    height: 8px;
    z-index: 100;}
#masthead h1 a {
    width:360px;
    height:76px;
    text-indent: -1500px;
    z-index : 101;
    display: block;
    text-decoration: none; }
#masthead h1 a:link, #masthead h1 a:visited {    
    background: transparent url("../img/rgg_logo.gif") 0px 0px no-repeat;
}
#masthead h1 a:hover, #masthead h1 a:active {    
    background: transparent url("../img/rgg_logo.gif") 0px -138px no-repeat;
}
#tinynav {
    position: absolute;
    background: transparent url('../img/mh-tr.gif') right top no-repeat;
    top: 0; right : 0;
    padding: 10px 5px 0 0;
    margin: 0; /* need for IE Mac */
    text-align: right; /* need for IE Mac */
    white-space: nowrap; /* for Opera */
}

#tinynav a:link, #tinynav a:visited {
  color: #bbbbbb;
  font-size: 85%;
  text-decoration: none;
}
#tinynav a:hover {
  color: #ffffff;
  text-decoration: underline;
}
#tinynav a img { border : 0; vertical-align: middle; }
#globalnav {
    width: auto;
    position: absolute;
    bottom: 0; right: 0; margin: 0;
    padding: 0 5px 0 0; list-style: none;
    z-index: 90;
    }
#globalnav li a img { border:0; }
#globalnav li {
    float: right;
    background: transparent url("../img/tabs_bg.gif") 100% -110px no-repeat;
    padding: 0 6px 0 0;
    margin: 0 2px 0 0;
}
#globalnav li { border-bottom: 1px solid #000;  }

#globalnav li a:link, #globalnav li a:visited, #globalnav li a:active {
    float: left;
    display: block;
    padding: 4px 8px 4px 10px;
    background: transparent url("../img/tabs_bg.gif") 0% -110px no-repeat;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}
#globalnav li:hover {
    background: transparent url("../img/tabs_bg.gif") 100% -160px no-repeat;
}
#globalnav li a:hover {
    background: transparent url("../img/tabs_bg.gif") 0% -160px no-repeat;
    color: #ff0000;
}
#globalnav li.selected {
  border-bottom: 1px solid #fff;
  background: transparent url("../img/tabs_bg.gif") 100% -10px no-repeat;
}
#globalnav li.selected a:link, #globalnav li.selected a:visited, #globalnav li.selected a:active {
  color: #df3333;
  background: transparent url("../img/tabs_bg.gif") 0% -10px no-repeat;
}
#globalnav li.selected:hover {background: transparent url("../img/tabs_bg.gif") 100% -60px no-repeat;}
#globalnav li.selected a:hover {background: transparent url("../img/tabs_bg.gif") 0% -60px no-repeat;}
#pagecontent{  clear: both;   padding: 0 0 1em 0; }
div.cols { clear : both; padding-bottom: 20px; }
.hidden { display : none; }

#subnav {position: relative; background: #b8b8b8 url('../img/super-sub-bg.jpg') left top repeat-x;
margin: 0px 0px 0px 8%; float:right; border-left: 4px solid #3c4356; min-width:400px; z-index:90;}
#subnav ul {padding: 5px 10px; }
#subnav ul {background: transparent /*url('../img/mh-br.gif') right bottom no-repeat*/; }
#subnav a:link, #subnav a:visited {
  color: #666699;
  background: transparent;
  text-decoration: none;
  font-weight: bold;
}

#subnav a.selected:link, #subnav a.selected:visited , 
#subnav a.sel:link, #subnav a.sel:visited,
#subnav li.selected a:link, #subnav li.selected a:visited {
   font-weight: bold; color: #cc0000;
   font-style: italic;
}

#subnav a:hover, #subnav a.selected:hover, #subnav a.sel:hover,
#subnav li.selected a:hover { 
  color: #df3333; text-decoration:underline; 
}

/* Footer */

#footer {
  clear: both;
  border-top: 1px solid #999;
  margin: 4em 0px 10px 0px;
  padding: 1em 0;
  text-align: center;
  font-size: 95%;
}
#footer ul {  margin: 0;  padding: 0;  list-style: none; }
#footer li { display: inline;  padding: 0 20px 0 0;  margin: 0;
white-space: nowrap;  }
#footer a {  white-space: nowrap; }
#footer p,#footer p a {  color: #666;  margin-top: 0.8em; }
#footer p a:hover { color: #000; }
#footer p span { padding-right: 1em; }

/***********************************************
    CONTENT, LINKS AND SIDEBAR
***********************************************/
h1, h2, h3, .article_header { margin: 1em 0 0.2em 0; }
#masthead h1 { border: 0;}
#player { display:block; width:330px; height:24px; margin: 2px 0 0 auto; }
#preload { display: none; }
.frontcol { width: 30%; float : left; padding-right: 3% }
.endcol { width: 33%; float : left; }
.twocol { width: 63%; float : left; padding-right: 2%; }
.thincol { width: 15%; float: left; padding-right: 3%; }
.thickcol { width: 45%; float: left; padding-right: 3%; }

.cols .leftcol { width: 73.5%; float: left; padding-right: 5px; min-width: 529px;}
.cols .rightcol { width: 25%; float: right; margin-left: 0; min-width: 180px;}
table tr.leftcol td { width: 73%; margin-right: 0.5%; }
table tr.rightcol td { width: 25%; }

.halfcol { width: 46.5%; float: left; margin-right: 1%; }

ul.piped, ul.piped_black, #masthead ul.piped, #masthead ul.piped_black, 
ul.horiz {
  margin-left: 0;
  padding-left: 0;
  display: block;
  margin: 2px 0 0 0;
}

ul.piped li, ul.piped_black li {
  margin-left: 0;
  padding: 1px 10px;
  list-style: none;
  display: inline;
}
ul.horiz li { margin-left: 0px; padding: 1px 4px; list-style: none; display:inline; }

ul.piped li { border-left: 1px solid #363636; }
ul.piped_black li { border-left: 1px solid #c9c9c9; }
ul.piped li.first, ul.piped_black li.first, ul.piped li:first-child,
ul.piped_black li:first-child{
  border-left: none;
  margin-left: 0;
  list-style: none;
  display: inline;
}
.icon16, .icon24 { border: 0; vertical-align: middle; }
img.icon16, img.icon24 { border: 0; }
.icon24 { width: 24px; height: 24px; }
.icon16 {width: 16px; height: 16px; }

.tight { margin:0px; padding: 3px; }
.tighter { margin: 0; padding: 0; }
.small {font-size: 85%;}
.smaller { font-size: 70%; }
.big { font-size: 110%; }
.bigger { font-size: 120%; }
.bolder {font-size:110%; font-weight: bolder; }
.byline, .smaller { font-size: 80%; font-weight: 400; }
.fat, .bold { font-weight: bold; }
.thin, .notbold { font-weight: normal; }
.uline, .underline { text-decoration:underline !important; }
.capital { text-transform: capitalize; }
.upper { text-transform: uppercase; }
.noline { text-decoration: none; }
.lean, .oblique, .italic { font-style: italic; }
.strike { text-decoration: line-through; }
.red, a.red:link, a.red { color: red ! important;}
.wht, a.wht:link, a.wht:visited, a.wht { color: #ffffff !important; }
.shopred, a.shopred:link, a.shopred { color: #FF5D0D; }
.shopgreen, a.shopgreen:link, a.shopgreen { color: #364800 ! important; }
h2.shopred { font-weight: bold; }
.yellow a.yellow:link a.yellow { color: #eedd00; }
.green a.green:link a.green { color: green; }
a.red, a.yellow, a.green { text-decoration: none; }
a.red:hover { color: #ff4848; }
a.yellow:hover { color:#FDFD95; }
a.green:hover { color: #57FF57; }
a.shopred:hover { color: #FF6520; }
a.shopgreen:hover { color: #769517 }
.blue_cap, .blue_cap a:link, .blue_cap a:visited { color: #083054;
    text-transform: uppercase; margin: 0 0 0.2em 0;}
.blue a:link, .blue a:visited, .blue { color: #85B4CE !important; text-decoration: none; }
.grey, .gray { color: #999 !important; }
.greybg, .graybg { background-color: #cccccc !important; }
.yellowbg { background-color: #FDFF66 !important; }
.creambg { background-color: #FFFEC9 !important; }
.whitebg,.whtbg { background-color: #FFFFFF !important; }
.nodot li, .hiernav li { margin : 0 0 0.4em 8px; }
.hiernav li { padding: 0 0 0 8px; clear: both; list-style-type: none; }
.news li, .nodot li { padding: 0; clear: both; list-style-type: none; }
.news li{ margin: 0 0 0.7em 0; }
.news .more { text-align: right; font-size: 80%; }
.wide70 { width: 70%; }
.padded { padding: 0.5em !important; }
ul.padded li, ol.padded li { padding-bottom: 0.5em !important; }
.padded_left, .indented { padding-left: 0.5em !important; margin-left: 0.5em !important; } 
.comment {
  margin: 2px 10px 2px 10px;
  padding: 3px;
  background-color: #cccccc;
}
ul.nodot, ul.news, ul.hiernav { margin: 0.5em 0 0 0.5em; padding: 0; }
ul.icodot { margin: 0.5em 0 0 24px; padding: 0; }
dl.regular dd { font-size: small;}

/***********************************************
    FORMS and CONTROLS
***********************************************/
input[type="text"], input[type="password"], textarea{ border: 1px solid #bbb; color: #316731; background-color: #ffffff;
padding: 2px 0px 2px 0px; }
select { border: 1px solid #bbb; color: #316731; background-color: #ffffff; }
#search_keywords { padding: 2px 4px; }
textarea { font-size:1.3em; }
input.regular_button, .horizrule, input[type="submit"], input[type="button"] { padding: 2px; color: #666;
background: #b7b7b7 url('../img/button-bg.jpg') 0px -240px repeat-x ;
border: 1px solid #bbb; font-size:0.85em;
}

input[type="submit"].next, input[type="button"].next, button.next { background: #b7b7b7 url('../img/button-bg.jpg') 100% 0px no-repeat; padding: 1px 18px 1px 3px; }
input[type="submit"].prev, input[type="button"].prev, button.prev { background: #b7b7b7 url('../img/button-bg.jpg') 0px -60px no-repeat ; padding: 1px 3px 1px 18px; }
input.regular_button:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover {color: #000000; text-decoration: underline;}
input[type="submit"].next:hover, input[type="button"].next:hover, button.next:hover { background: #b7b7b7 url('../img/button-bg.jpg') 100% -120px no-repeat ; }
input[type="submit"].prev:hover, input[type="button"].prev:hover, button.prev:hover { background: #b7b7b7 url('../img/button-bg.jpg') 0px -180px no-repeat ; }

input.access_code { background: #fff url('../img/icons/key.png') top left no-repeat; 
                padding: 1px 1px 1px 18px; height: 18px; width:110px; }


.horizrule { clear:both; width:100%; border: 1px solid #bbbbbb;
  border-left: none; border-right: none; margin: 1em 0 1em 0; }
.horizrule a:link, .horizrule a:visited {text-decoration:none;}
.horizrule a:hover {color: #000000; text-decoration: underline;}
.form_wrapper { margin: 5px auto 10px auto; display: block; padding: 2px 4%; }
.form_wrapper label { color:#888; }
.form_wrapper .required label { color:#000; }
.form_wrapper .r { clear: both; width: 100%; padding: 0.5em 0;}
.form_wrapper .l  { width: 39%; float: left; clear: left; text-align: right; padding-right: 1%; }
.form_wrapper table { margin: 0.5em auto; }
.form_wrapper tbody th { font-weight: 400; width: 39%; text-align: right; padding-right: 1%; margin-right: 1%; vertical-align:top;  }
.form_wrapper tbody tr:first-child th { border-top: 0; }
.form_wrapper tbody td { width: 59%; text-align: left; padding-left: 1%;margin-left:1%; vertical-align:top; }
.form_wrapper tbody td, .form_wrapper tbody th { padding-top: 0.5em; padding-bottom: 0.5em; border-bottom : 1px solid #ececec; }
.form_wrapper tfoot tr:first-child td { padding-top: 0.75em; } 
.form_wrapper .i   { width: 59%; float: left; clear: right; text-align: left; padding-left: 1%; }
.form_wrapper .wide, .form_wrapper .w { clear: both; width: 80%; margin: 2px auto; padding: 4px 0 0 0; }
.wide { width: 85%; }
.form_wrapper .b {text-align:right; margin: 1em 10px 1em 10px; padding: 2px 4%;}
.form_wrapper .required input[type="text"], .form_wrapper .required input[type="password"],
.form_wrapper .required textarea, .form_wrapper .required select,
.form_wrapper input.required[type="text"], .form_wrapper input.required[type="password"],
.form_wrapper textarea.required, .form_wrapper select.required { border: 1px solid #000; } 
.form_wrapper .required label:before, .form_wrapper label.required:before {content:'*'; font-weight: bold; }
.form_wrapper .i ul { margin: 0; padding-left:10px; }
.form_wrapper .i ul li, .form_wrapper .r ul li { list-style: none; }
.form_wrapper fieldset { border-style: solid; border-color: #454545;      
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-width: 1px;
}
.form_wrapper .help { font-size: 88%; clear: both; text-align: right; margin: 0.23em;} 

.form_wrapper input.date { text-align: center; width: 10em; }
.form_wrapper input.numeric, input.numeric { text-align: right; padding-right: 4px; width: 8em;}

.pager a:hover, .pager a:active  {color: #2d72a9; }
.pager { background-color: #ededed;
  margin:1em 0 1em 0; border: 0; padding: 10px;}
.pager a:link, .pager a:visited { color:#6a6a6a; text-decoration: none;}
.pager a:hover { color: #000000; }
.pager ul { list-style: none; margin: 0; padding: 2px; }
.pager ul li { display: inline; margin-left: 6px; }
a.underline { text-decoration: underline; font-size: 0.9em }
.err, .errorlist li { font-size:12px !important; display:block; padding:4px 5px 4px 25px;
margin:0 0 3px 0; border:1px solid red; color:red;background:#ffc url('../img/icons/exclamation.gif') 5px .3em no-repeat; }
.err .errorlist li {border: none; background: transparent; }
.messagelist { margin:0 0 3px 0; border:1px solid #ccc; color:#666; background: #ffc; padding: 5px;}
.messagelist li { list-style: none; background:#ffc url('../img/im-w.gif') 5px -1004px no-repeat;
display:block; padding:4px 5px 4px 25px; }

.leftcol table td, .rightcol table td, .frontcol table td, .endcol table td  {
  vertical-align: top;
}


/* stuff from planet.css integrated */
.entry, .clearly, .clear { clear: both; }
.entry h3 { border: 0; }
.entry h3 a { text-decoration: underline; }
.entry .date {  margin-top: 0.5em;}
.entry .tags { display:block; color: #666666; margin-top:0.5em;  }
#cloud a:link, #cloud a:visited { text-decoration: none;}
#cloud a:hover { color: #9c0; }
.cloud_1 {
    font-size: 80%;
}
.cloud_2 {
    font-size: 100%;
}
.cloud_3 {
    font-size: 120%;
    font-weight: bold;
}
.cloud_4 {
    font-size: 140%;
    font-weight: bold;
}
.cloud_5 {
    font-size: 160%;
    font-weight: bold;
}
.cloud_selected { color: #ff0000 !important ; }

div.tags ul {
    background-color: #fbfbfb;
    padding: 5px;
    border: 2px solid #ddd;
    margin:0;
    text-align: center;
}
div.tags li {
    display: inline;
    margin: 0;
    line-height: 1.7em;
    margin-left: 3px;
    margin-right: 3px;
}

.comment { }
.comment .author { font-weight: bold; }
.comment p { margin: 0.2em 0 0.5em 0; }
.comment .date { margin: 0; padding: 0.25em 0 0 0; font-size: 80%; font-style: italic; } 

.feed-entry-compact .title { margin: 0; line-height: 120%; font-weight: bold; }
.feed-entry-compact .date, .feed-entry-compact .attr { font-size: 78%; margin: 0; }
.feed-entry-compact .attr a:link, .feed-entry-compact .attr a:visited,
.feed-entry-compact a.attr:link, .feed-entry-compact a.attr:visited {
  color: #333; text-decoration: underline; 
}
.feed-entry-compact1 .title { font-weight: bold;}

/* end planet related styles */

/* frontpage and fanciness */

.sectle {
  border-bottom: 3px solid #99cc00;
  font-weight: 800;
  color: #000; background: transparent;
  margin: 0 0 5px 0;
}
h1.sectle { margin-top: 0; min-height:50px; max-height: 93px; padding: 2px 0 2px 0; }

.sectle_marginminus { margin-top: -2.2em; width:99%; float: left; z-index: 1; }
.subtle {
  color: #364800; background: transparent;
  font-weight: bold;
  border-bottom: 2px solid #ffcc00;
}
.subtle_green { border-bottom: 2px solid #99cc00; font-weight: bold; }
.subtle_red { border-bottom: 1px solid #cd0000; font-weight: bold; }

.dt-a .dt, .dt-b .dt, .dt-c .dt, li a span.dt {
	float: left;
	padding: 1px;
	text-align: center;
	line-height: 1.1em;
	margin: 0 0.5em 0.4em 0;
	font-size: 12px; 
}

a:link span.dt, a:visited span.dt, a:hover span.dt, a:active span.dt, 
a:focus span.dt {
	text-decoration: none !important;
}

.dt-a .dt, .dt {
    border-right: 1px solid #999999; /*#E3DE9F;*/
    border-bottom: 1px solid #999999;
    width: 2.4em;
    height:2.15em;
}

.dt-c .dt {
  width: 2.2em;
	border-right: 1px solid #993333;
	border-bottom: 1px solid #993333;
}

.dt-b .dt {
  width: 2.2em;
	border-right: 1px solid #efed9a;
	border-bottom: 1px solid #efed9a;
}

.dt-a .dt:first-line,
.dt-b .dt:first-line, .dt-c .dt:first-line,
li a span.dt:first-line { font-weight: bold; }
.dt, .dt-a .dt { background-color:#2e3140; color: #fff; }
.dt-b .dt { background-color: #fff169; color: #666131; }
.dt-c .dt { background-color: #ff3333; color:#fff; }

.icon  {
  width : 16px;
  height: 16px;
  float: left;
  padding: 2px 1px 5px 1px;
  border : 0;
  margin: 0;
  padding: 0 3px;
}

.icon a {
  text-decoration : none;
}

.feature1 h2, .feature1 h3, .feature1 h4, .feature1 h5,
.feature3 h2, .feature3 h3, .feature3 h4, .feature3 h5,
.feature2 h2, .feature2 h3, .feature2 h4, .feature2 h5     {
  border: none;
  margin: 0;
  color: #666666;
  text-align: left;
  background: transparent;
}

.feature1, .feature2, .feature3 {  padding: 15px; margin:0; background: url("../img/feature-bg.jpg") top left repeat-x  }
.feature1 { background-color: #fffedf; }
.feature2 {  background-color:#fdffc7; /* #fff1b1; */}
.feature3 {  background-color:#afc8ff; }

.roundl_holder, .roundr_holder, round_holder { margin: 1em auto; padding: 3px; background-color: #e4e4e4; }
.round, .roundr, .roundl, .round_feature, .roundr_feature, .roundl_feature,
.roundl_holder, .roundr_holder, round_holder { 
  min-height: 168px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px; 
 }
.roundl, .roundl_feature, .roundl_holder { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px;     
}
.roundr, .roundr_feature, .roundr_holder { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px;     
}
.roundl_feature, .roundr_feature { border: 2px groove #999; }

.bgdivasborder { padding: 2px; background-color: #666; margin: 1px 0 5px 0;}

.para_l {
  float: left;
/*  border : 1px solid #333333; */
  margin: 0 9px 5px 0;
  padding:0;
}

.para_r {
  float : right;
/*  border : 1px solid #999999; */
  margin: 0 0 5px 9px;
  padding:0;
}
.para_in {
/*  border: 1px solid #999999;  */
  margin: 1px auto;
  text-align:center;
  padding: 1px;
}

.img_left, .img_right, .img_clear, .img_regular {
 /* April9   border:1px solid #999999; */ 
  margin: 8px;
  padding:2px 2px 1%;
  font-size: 80%;
}
.img_left, img.left { float: left; }
.img_right, img.right { float: right; }
.img_clear { margin: 1px auto; clear: both; }
.img_left .caption, .img_right .caption, .img_clear .caption, .img_regular .caption {
  /*color: #fff; background-color: #000; */
  text-align: left;
  margin: 0 auto 0px auto;
  font-style: italic;
  padding: 3px 2px;
}
.img_left .credit, .img_right .credit, .img_clear .credit, .img_regular .credit {
  /*color: #fff; background-color: #000; */
  text-align: right;
  font-size: 80%;
  font-style: normal;
  padding: 1px 5px 2px 2px; margin: 0 0px 1px 0;
}

.img_left img, .img_right img, .img_clear img, .img_regular img, img.left, img.right {
  margin: 0 auto 2px auto;
  text-align: center;
/* April9  border: 1px solid black; */
}

.img_left a, .img_right a, .img_clear a, .img_regular a  {
  display: block;
  text-align:center;
}
.img_left p a, .img_right p a, .img_clear p a, .img_regular p a  {
  display: inline;
  text-align:left;
}

.nobr { white-space: nowrap; }
.righttext { text-align : right ; }
.lefttext { text-align : left ; }
.centertext  { text-align : center; }
.justifytext { text-align : justify; }
.centered { margin-left: auto; margin-right: auto; }

li.ico_music { list-style-image: url('../img/icons/music.gif') !important ;}
li.ico_dlo, li.ico_download { list-style-image: url('../img/icons/dl16.gif') !important ;  }
li.ico_bookmark { list-style-image: url('../img/icons/award_star_add.png'); }
li.ico_bookmarked { list-style-image: url('../img/icons/award_star.png'); }
.ico_buy, .ico_flag, ico_loading, .ico_tracks, .ico_more  {
  margin-left:10px; padding: 1px 1px 1px 18px; text-decoration: none;
background: transparent top left no-repeat;}
.ico_tracks { background-image:url('../img/icons/music.gif'); }

.ico { margin-left:6px; padding: 1px 1px 1px 18px !important; text-decoration: none; }
.icol, .icolb { margin-left: 6px; padding: 1px 1px 1px 18px; text-decoration: none; }
.icor, .icorb { margin-right: 6px; padding: 1px 18px 1px 1px; text-decoration: none; }
.icol, .icor, .ico { background: transparent url('../img/im-w.gif') no-repeat; min-height: 16px; max-height: 48px;}
.icorb, .icolb { background: transparent url('../img/im-b.gif') no-repeat; min-height: 16px; max-height: 48px;}
.icol img, .icor img, .ico img, .icorb img, .icolb img { border: none; }

.play { background-position: 0px -624px; }
.play:hover { background-position: 0px -672px; }
.pause { background-position: 0px -768px; }
.pause:hover { background-position: 0px -720px; }
.cantplay, .notplay { background-position: 0px -1640px; }
.download { background-position: 0px -1734px; }

.note { background : transparent url('../img/note.gif') 0px 0px no-repeat; }
.note_add { background : transparent url('../img/note.gif') 0px -48px no-repeat; }
.note_del { background : transparent url('../img/note.gif') 0px -96px no-repeat; }
.note_edit { background : transparent url('../img/note.gif') 0px -144px no-repeat; }
.note_go { background : transparent url('../img/note.gif') 0px -192px no-repeat; }


.list_thumbs { background-position :0px -864px; }
.list_thumbs:hover { background-position :0px -960px; }
.list_list { background-position :0px -816px; }
.list_list:hover { background-position :0px -912px; }

.jumpto { background:transparent url('../img/icons/jumpto.gif') 0px 0px no-repeat; }
.jumpto:hover { background:transparent url('../img/icons/jumpto.gif') 0px -32px no-repeat; }

.arrowl { background-position: 0px -1104px; }
.arrowl:hover { background-position: 0px -1296px; }
.arrowr { background-position: 100% -1056px; }
.arrowr:hover { background-position: 100% -1248px; }
.arrowup, .arrowupl { background-position: 0px -1536px; }
.arrowdown, .arrowdownl { background-position: 0px -1584px; }
.arrowdownr {background-position: 100% -1584px;}
.arrowupr {background-position: 100% -1536px;}

/* .ico_cdadd { background:transparent url('../img/icons/control_cd.gif') 0px 0px no-repeat; } */
.cddel { background-position:0px -144px; }
.cdedit { background-position:0px -288px; }
.cderr { background-position:0px -336px; }
.cdcart, .cart { background-position:0px -480px; }
.cdcart:hover, .cart:hover { background-position:0px -576px; }
.cdadd { background-position:0px -384px; }
.cart_put, .cartput { background-position: 0px -528px; }
.pencil { background-position:0px -96px; }
.redx { background-position:0px -144px; }
.redxsm, .smredx { background-position:0px -1688px; }
.cancel { background-position:0px -48px; color: #666666; }
.accept { background-position:0px -1440px; color: #4f4f9f;}
.accept:hover { background-position:0px -1488px; }
/*
.cart { background: transparent url('../img/icons/cart.gif') 0px 0px no-repeat; }
.cart:hover { background: transparent url('../img/icons/cart.gif') 0px -96px no-repeat; }
.cart_put, .cartput { background: transparent url('../img/icons/cart.gif') 0px -48px no-repeat; }
*/

.ico_alert {background-image:url('../img/icons/exclamation.gif');}
.ico_buy { background-image:url('../img/icons/money.png'); }
.ico_flag { background-image:url('../img/icons/flag_green.png'); }

.ico_loading { background: transparent url('../img/icons/load16.gif') 0 0 !important; }
.icon_zoom, .icon_zoomin, .icon_zoomout, .icon_exclamation { padding: 1px 1px 1px 18px; }
.icon_zoom {background: transparent url('../img/icons/zoom.gif') 0px 0px no-repeat; }
.icon_zoomin {background: transparent url('../img/icons/zoom_in.gif') 0px 0px no-repeat; }
.icon_zoomout {background: transparent url('../img/icons/zoom_out.gif') 0px 0px no-repeat; }
.icon_exclamation {background: transparent url('../img/icons/exclamation.gif') 0px 0px no-repeat; }
.ical { background : transparent url('../img/icons/calendar.gif') 0% -48px no-repeat; }
.ical:hover { background : transparent url('../img/icons/calendar.gif') 0% 0px no-repeat; }

/* done with the fanciness */
.product_list {
   clear: both;
   margin: 1em auto;
   width: 99%;
   position: relative;
}

table.product_list tr td { border: 1px solid #8f8f8f; margin:5px; padding:2px; }

.product_list .item .name, .product_list .item .price,
.product_list .item2 .name, .product_list .item2 .price {
  margin:0; color: #344300; }
.product_list .item .name,.product_list .item2 .name { font-weight: normal; } 

.product_list .desc { margin:0; font-size: 80%;}
.product_list .price {margin: 0;}
.product_list .item img, .product_list .item a img,
.product_list .item2 img, .product_list .item2 a img {
  border: 0;
  float: left;
  margin: 0 3px 0 0;
}
.product_list .item .name, .product_list .item2 .name, .artist_list .name{
  text-decoration: none;
  font-weight: normal;
}

.item .cart { margin: 0; font-size: 90%; }
.product_list .featured, .artist_list tr:hover td, .tracklist tr:hover td,
tr.highlight td { background-color: #FFFCA5;}
tr.nolight:hover td { background-color: inherit; }
.tracklist, .artist_list { border-collapse: collapse; margin: 0 auto; width: 97%; }
.tracklist tr td { border: 1px solid #e4e4e4; margin: 14px 0; padding: 4px; vertical-align: middle; }
.tracklist thead th { border: 1px solid #e4e4e4; margin: 14px 0; padding: 4px; vertical-align: middle;
    color: #fff; background-color: #000; }


.artist_list tr td { padding: .75em 0 0.75em 4px; margin:0; border: 1px solid #e4e4e4;}
.mug { border: 1px solid #696969; display: block; margin: 2px auto;}

.cal_month_calendar { border-collapse: collapse; margin: 2px auto;}
.cal_month_calendar td, .cal_month_calendar th { text-align: center; text-align: center; padding: 1px 0.1em; border-bottom: 1px solid #aaa;}
.cal_month_calendar th { font-weight: bold; }
.small_month th { font-size: 0.8em; }
.cal_month_calendar .has_event a { display: block; background-color: transparent; width: 95%; height: 97%;
  font-weight:bold; text-decoration:none; color: #ff0000;}
.cal_month_calendar .has_event { background: #FDFF66; }
.cal_month_calendar .has_event:hover { background: #fefecc; }
.cal_month_calendar .today { background: #e7e7e7; }
.cal_month_calendar th a { width: 100%; height: 100%; display: block; text-decoration: none; }
.cal_month_calendar th a:hover { background-color: #ff0000; text-decoration: none; color: #fff;}
.cal_month_calendar .cal_not_in_month { color: #999; }

.heritage { background: #fdff66 url('../img/rootsbg.jpg') top left repeat-x; padding: 2px; border: 1px solid #aaa; margin: 1em auto;}
.heritage .heading { background: transparent url('../img/roots3.gif') top right no-repeat; height: 84px;
  margin: 0 0 -40px 10px; padding: 22px 0 12px 0; font-size: 24px; color: #000; }
.heritage .heading .sub { font-size: 10px; clear: both; margin:-2px 0 0 0; font-weight:400;}

.lightyellow_feature { background-color: #ffee00; border: 1px solid #aaa; padding: 5px; } /* other-back-color: #FDFF96; */
.brightyellow_feature { background-color: #FCD94A; border: 1px solid #aaa; padding: 5px; }
.cream_feature { background-color: #FFFEC9; border: 1px solid #cbcbcb; padding: 5px; }
.bookmarked { background-color: #FFFEC9; border-color: #cbcbcb; }
.bookmarker { font-size: 85%; }
.bookmarker a, a.bookmarker { text-decoration: none; }
.top_a_top_feature { border-width: 4px; border-style:solid; border-color: #595d68; }
.dark_feature {
  background-color: #2e3140; color: #fff;
  padding: 5px
}
.dark_feature a:link, .dark_feature a.nevervisit:visited .dark_feature * a:link,
 .dark_feature * a.nevervisit:link, .dark_feature * a { color: #9DB4D4; }
.dark_feature a:visited, .dark_feature * a:visited { color: #bcbce1; }
.dark_feature a:hover, .dark_feature * a:hover, .dark_feature a.nevervisit:hover,
 .dark_feature * a.nevervisit:hover { color: #fff; }

.dotted_border { border-style: dotted; border-color: #cccccc; }
.lined_border { border-style: solid; }
.border_left { border-left-width:2px; border-top: 0; border-right: none; border-bottom: none; padding-left: 3px; }
.border_top { border-width:1px 0 0 0; border-color: #000; margin-top: 0.37em; padding-top: 0.38em; }
.border_bottom { border-bottom-width: 2px;border-top: 0; border-right: none; border-left:none; }
.border_line{ border-width: 0 0 1px 0; border-style: hidden hidden solid hidden;
border-color: #e3e3e3; margin-bottom: 10px; margin-top: 10px; padding: 5px;}
.border_all { border-width:1px; }
.dark_feature .dotted_border { border-color: #ccccee; }
.margintop { margin-top: 5px; }

.dubclub_banner {
	background-color: #000;
	color: #fff;
	padding: 10px 5px;
}
.dubclub_banner a, .dubclub_banner * a,
.dubclub_banner a:link, .dubclub_banner * a:link,
 .dubclub_banner a.nevervisit:link, .dubclub_banner * a.nevervisit:link { color: #ed0; }
.dubclub_banner a:hover, .dubclub_banner * a:hover { color:#FDFD95; }
.dubclub_banner a:visited, .dubclub_banner * a:visited { color: #9a9a9a; }
.dubclub_banner .thincol { color: #eedd00; }
.dubclubstars { padding-top:10px; background-image: url('../img/dubclubstars.gif'); background-position:100% 0%; background-repeat: no-repeat; }

li h1, li h2, li h3, li h4, li h5, li h6 { border: none; }
h1, .h1 { font-size: 200%; font-weight: normal; }
h2, .h2 { font-size: 150%; font-weight: normal; }
h3, .h3 { font-size: 120%; }
h4, .h4 { font-size: 100%; margin:1em 0 0.2em 0; }
h5, .h5 { font-size: 100%; }
h6, .h6 { font-size: 90%; border: 0; }

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link
{ color : #363636; text-decoration: none; }

h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{ color: #666666; text-decoration: none; }

h1 a:hover,	h2 a:hover,   h3 a:hover,  h4 a:hover,  h5 a:hover,  h6 a:hover
{ color : #000000; }

.musicSectle { background: transparent url('../img/sectle/banner1.jpg') bottom right no-repeat; }
.playersSectle { background: transparent url('../img/sectle/banner8.jpg') bottom right no-repeat; }
.shopSectle { background: transparent url('../img/sectle/shopbanner2.jpg') bottom right no-repeat;
border-color: #aaa913;}
.peopleSectle { background: transparent url('../img/sectle/banner7.jpg') bottom right no-repeat; }
.heritageSectle { background: transparent url('../img/sectle/heritage-banner0.jpg') right -6px no-repeat; }

.boxer { min-width: 145px; min-height: 145px; float: left; margin: 0 5px 5px 0; padding: 5px; border: 1px solid #c4c4c4; }

#tooltip {
	position: absolute;
	z-index: 3000;
    max-width: 300px;
	border: 1px solid #DECA7E;
	color: #303030;
	background-color: #f5f5b5;
	padding: 5px;
	opacity: 0.95;
    -moz-border-radius: 6px; -webkit-border-radius: 6px;
    -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; 
}
#tooltip h3, #tooltip div { margin: 0; font-size: 100%; font-weight: normal;}


table.cartlist { border-collapse: collapse; border: none; }
.cartlist thead th, .cartlist thead td { text-align: left; border: 1px solid #ccc; }
.cartlist tbody td { border-width: 0 1px; border-color: #ccc; border-style: solid; vertical-align: top;}
.cartlist tbody tr td:first-child { padding-left:4px; }
.cartlist tbody td.top, .cartlist tbody tr.top td { margin-top: 0.4em; border-top: 1px solid #ccc; padding-top: 0.5em; }
.cartlist tbody td.bottom, .cartlist tbody tr.bottom td { margin-bottom: 0.6em; padding-bottom: 0.5em; }
.cartlist tfoot td { border-width: 1px; border-style: solid; border-color:  #ccc; }
.cartlist tfoot tr.ui-widget-content td { border: none; padding: 0.5em 0.2em; }
.ui-iholder-r { float: right; }
.ui-iholder-l { float: left; margin-right: 2px;}

/*
.sidetab .tabs li { border-color: #353535; display: block; float: left; clear: left; width: 15%; list-style: none;}
.sidetab .tabs li.selected { border-top: 1px solid; border-right: none; color: #000; }
.sidetab .tabcontent { border: 1px solid #353535; width: 99%; margin-left: 15%; }
*/


input.openid, a.openid {
  background: url('../img/icons/openid-inputicon.gif') 0 50% no-repeat;
  padding-left: 18px;
}

#openid_form {	width: 470px; }
#openid_form legend { font-weight: bold; }
#openid_choice { display: none; }
#openid_input_area { clear: both; padding: 10px; }
#openid_btns, #openid_btns br { clear: both; }
#openid_highlight {	padding: 3px; background-color: #FFFCC9; float: left; }
.openid_large_btn { width: 100px; height: 60px; border: 1px solid #DDD;
    margin: 3px; float: left; }
.openid_small_btn { width: 24px; height: 24px; border: 1px solid #DDD;
    margin: 3px; float: left; }	
a.openid_large_btn:focus { outline: none; }
a.openid_large_btn:focus{ -moz-outline-style: none; }
.openid_selected { border: 4px solid #DDD; }	

/************************************************************/
/*     sprite css */

.s0 { background-color: transparent;
    background-image: url('../img/sprite0.gif');/* some hack for a dumb browser */
    voice-family: "\"}\"";
    voice-family: inherit;
    background-image: url('../img/sprite0.png');   
}
.s_icon { width: 16px; height: 16px; }
img.s_icon { border:0; vertical-align: middle; }
.s_icon-big, .s_icon_big { width: 32px; height: 32px; border: 0;}
.s_w3css { background-position: 0px 0px; }
.s_djangosite { background-position: 0px -18px; }
.s_w3html { background-position:  0px -36px; }
.s_shop { background-position:  0px -54px; }
.s_music { background-position: -18px -54px; }
.s_people { background-position: -36px -54px; }
.s_new { background-position: -54px -54px; }

.s_play_off { background-position: 0px -72px; }
.s_play, .play .s_icon { background-position: -18px -72px;}
.s_play_on, .s_play:hover, .play:hover .s_icon {background-position: -36px -72px;}
.s_noplay, .s_cantplay, .cantplay .s_icon, .noplay .s_icon { background-position: -108px -72px; }
.s_playactive, .paused .s_icon { background-position: 0px -162px; }
.s_waittoplay, .waittoplay .s_icon { background-position: -36px -162px; }
.s_dubclub {  background-position: -54px -72px;}
.s_dubclub0 {  background-position: -72px -72px;}
.s_redx, .s_delete {  background-position: -90px -72px;}

.s_pause_off { background-position: 0px -90px; }
.s_pause, .pause .s_icon { background-position: -18px -90px;}
.s_pause_on, .s_pause:hover, .pause:hover .s_icon {background-position: -36px -90px;}
.s_plus {  background-position: -54px -90px;}
.s_minus {  background-position: -72px -90px;}
.s_pencil, .s_edit {  background-position: -90px -90px;}
.s_exclamation, .s_error, .s_exclam {  background-position: -108px -90px;}

.s_list { background-position: 0px -108px; }
.s_list_on, .s_list:hover { background-position: -18px -108px; }
.s_thumbs { background-position: -36px -108px; }
.s_thumbs_on, .s_thumbs:hover { background-position: -54px -108px; }
.s_info, .s_information, .s_i { background-position: -72px -108px; }
.s_check, .s_tick { background-position: -90px -108px; }
.s_check_on, .s_tick_on, .s_check:hover, .s_tick:hover { background-position: -108px -108px; }

.s_nophoto_group { background-position: 0px -162px; width: 96px; height: 64px; }
.s_nophoto { background-position: 0px -234px; width: 96px; height: 64px;  }
.s_paymethod_wu { background-position: -180px 0px; height: 16px; width: 132px; }
.s_paymethod_moneybookers, .s_paymethod_mb { background-position: -180px -18px; height: 16px; width: 126px}
.s_paymethod_paypal { background-position: -180px -36px; height: 16px; width: 58px;}
.s_paymethod_mgram {background-position: -180px -54px; height: 16px; width: 83px;}

.s_google { background-position: -126px -54px; }
.s_openid { background-position: -126px -72px; }
.s_facebook { background-position: -126px -90px; }
.s_twitter { background-position: -126px -108px; }
.s_yahoo { background-position: -126px -126px; }

.s_google-big, .s_google_big { background-position: -216px -72px; }
.s_openid-big, .s_openid_big { background-position: -252px -72px; }
.s_facebook-big, .s_facebook_big { background-position: -144px -108px; }
.s_twitter-big, .s_twitter_big { background-position: -180px -108px; }
.s_yahoo-big, .s_yahoo_big { background-position: -216px -108px; }

.s_rss { background-position: -126px -144px; }
.s_rss-on, s_rss_on, s_rss:hover { background-position: -144px -144px; }

.s_help , .s_question { background-position: -108px -163px; }
.s_help_on , .s_question_on, .s_help:hover , .s_question:hover { background-position: -126px -163px; }

.s_favorite, .s_heart { background-position: -108px -180px; }
.s_favorite-add, .s_heart-add { background-position: -108px -198px; }
.s_favorite-del, .s_heart-del { background-position: -108px -216px; }

.s_clock, .s_alarm { background-position: -126px -180px; }
.s_clock_red, .s_alarm_bad { background-position: -126px -198px; }

.s_datego, .s_leadtime { background-position: -126px -216px; }

.s_flag, .s_flag-green { background-position: -144px -162px; }
.s_flag-orange, .s_flag-amber { background-position: -144px -180px; }
.s_flag-red { background-position: -144px -198px; }
.s_flag-gold, .s_flag-yellow { background-position: -144px -216px; }


.s_note { background-position: -108px -18px; }
.s_note-del { background-position: -108px -36px; }
.s_note-add { background-position: -126px -18px; }
.s_note-edit { background-position: -126px -36px; }

.progress .s_icon { background: transparent url('../img/icons/load16.gif') 0 0 !important; }
ul.horiz form.connect-button { display: inline;}

img.sdubclub { background-color: transparent; 
    background-image: url('../img/dubclub-sprite.gif');/* some hack for a dumb browser */
    voice-family: "\"}\"";
    voice-family: inherit;
    background-image: url('../img/dubclub-sprite.png');   
 }
 
.sd_large { background-position: 0px 0px; width: 222px; height: 133px; }
.sd_small { background-position: 0px -144px; width: 117px; height: 70px;  }
.sd_smallyellow, .sd_small_yellow, .sd_smally { background-position: 0px -224px;  width: 117px; height: 70px; }


/************************************************************/

.ui-datepicker td .ui-state-default, .ui-datepicker td .ui-state-hover { font-weight: normal; }

.recent_pages dt { margin-top: 0.6em; }
.recent_pages .title { font-weight: bold; }

.editlist li:hover { background-color: #fffca5; }
.editacts { float:right; margin-right:2em; }