﻿body {
 background-color:#FFFFFF; 
 /*background: #2c2c2c url('/modpub/style/bg.png') repeat-x; */
 color:#000000;
 margin:0px;
 font-family:arial, sans-serif, verdana;
 font-size:10pt;
}

* {
 padding:0px;
 margin:0px;
}

#leftnav {
 float:left;
 width:200px;
 height:100%;
 margin-top:5px;
 margin-left:10px;
 margin-right:10px;
}

* html #leftnav{
 float:left;
 width:200px;
 height:100%;
 margin-top:-33px;
} /* Only apply for IE 5,5.5,6 */

#rightnav {
 float:right;
 width:200px;
 margin-right:10px;
 margin-left:10px;
 margin-top: 5px;
}

* html #rightnav {
 float:right;
 width:200px;
 margin-right:6px;
 margin-top:-33px;
} /* Only apply for IE 5,5.5,6*/

/* Footer */
#footer .fredbar {
 background-color:#394AFA;
 color:inherit;
}

/* Header */

#top {
 width:100%;  
 border-bottom-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #CCCCCC;
 height: 80px;
 margin:0;
 padding:0;
}


/* Main Layout */
#container {
 width:100%;
 height:100%;
 min-width:980px;
}

#content {
 clear:none;
 
 margin-left:215px;
 margin-right:215px;
 min-width:400px;
 margin-top:5px;
 background:#ffffff;
}

#footer {
 clear:both;
 vertical-align:bottom; 
 margin-left:10px; 
 margin-right:10px;
 border-top-style: solid; 
 border-top-width: 1px; 
 border-top-color: #CCCCCC;
 text-align: center;
}


.column-in {
 margin:0; 
 padding:0.5em 1em;
}

/* -----------------------------------------------------*/
.error {
    color: red;
    text-align: center;
}
.floatleft {
    float: left;
    padding:10px 10px 10px 10px;
}

.floatright {
    float: right;
    padding:10px 10px 10px 10px;
}

img {
    border: none;
}



.linelite1 {
    background-color: #eeeeee; 

}

.linelite0 {
	/*background-color: #; */
}


#player img{
    float: left;
	border: none;
}

#loginbar{
    font-family: Arial, sans-serif;
    position: relative;
    top: +20px;
    background:#000 url('/modpub/style/bg.gif') repeat-x center top;
    margin: auto;
    width: 100%;
   clear: both;
    
}

#loginbar a {
	color: #ffffff;
	font-size: 90%;
}

#loginbar a:hover {
	color: #fdc686;
	
}

.cartsumtext{
	color: #000000;
	font-size: 90%;
	display: inline;
}

.notice{
    color: yellow;
    font-size: 90%;
}

#dashboard {
	float: right;
	display: inline;
	
}

#dashboard img {
	border-style: none;
}
.navformlabel{
	color: #ffffff;
	font-size: 90%;
}
/*- Navigation -------------------------- 
 */
#nav {
      float:left;
      font-family: Arial, sans-serif;
      width:100%;
      height: 90px;
      background:#000 url('/modpub/style/bg.gif') repeat-x center top;
      font-size:93%;
      line-height:normal;       margin: auto;

      }
    #nav ul {
      margin:0;
      padding:10px 10px 0 0px;
      list-style:none;
      }
    #nav li {
      display:inline;
      margin:0;
      padding:0;
      }
    #nav a {
      float:left;
      background:url("/modpub/style/1_navleft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #nav a span {
      float:left;
      display:block;
       background:url("/modpub/style/1_navright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a span {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover span {
      color:#FFF;
	 
      }
    #nav a:hover {
      background-position:0% -42px;
	  font-size: 100%;
      }
    #nav a:hover span {
      background-position:100% -42px;
	  }
/* ---------------------------------------------------- */
/*- Navigation -------------------------- 
 */
#nav2 {
      float:left;
      width:100%;
      height: 90px;
	  background:#000 url('/modpub/style/bg.gif') repeat-x center top;
      font-size:93%;
      line-height:normal;
	  margin: auto;

      }
    #nav2 ul {
	  margin:0;
	  padding:10px 10px 0 0px;
	  list-style:none;
      }
    #nav2 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #nav2 a {
      float:left;
      background:url("/modpub/style/2_navleft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #nav2 a span {
      float:left;
      display:block;
      background:url("/modpub/style/2_navright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav2 a span {float:none;}
    /* End IE5-Mac hack */
    #nav2 a:hover span {
      color:#FFF;
	 
      }
    #nav2 a:hover {
      background-position:0% -42px;
	  font-size: 100%;
      }
    #nav2 a:hover span {
      background-position:100% -42px;
	  }


#tracklistings img {
    border: none;
}
	



#banner {
	background: #5f322f url('/modpub/style/banner.jpg') no-repeat;
	width: 855px;
	height: 220px;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
	}

a.button {
    background: transparent url('/modpub/style/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/modpub/style/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* Box Containers */

/*.box {width: 825px;padding:7px;padding-bottom:10px;margin: 5px 5px 5px 5px;background:#ffffff;} */

.box {
	    width: 100%;
        padding:7px;
        border:2px solid #D8D8D8;
        border-top:24px solid #D8D8D8;
        background:#ffffff;
        margin-right:10px;
        margin-left:10px;
        margin-top: 5px;
}
.boxlet {
	width: 180px;
        border:2px solid #D8D8D8;
        border-top:24px solid #D8D8D8;
        padding:7px;
        padding-bottom:10px;
 	    margin-bottom: 10px;
        background:#ffffff;
}

.boxlethead h2, .boxhead h2, .texthead h2 {padding:3px 0px 4px 10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background:#eee url(/modpub/style/boxhead_bg.jpg) repeat-x 0 0; margin-top:20px; border:1px solid #dfdfdf; color:#333; height:auto; font-size:24px; text-indent:0px; line-height:22px;}

.boxlethead {width:201px;}

.newbox {
/* height: 400px; overflow: auto; */
	background:#fff url(/modpub/style/boxbottomgrad.jpg) repeat-x 0 100%; margin:0; padding:8px 10px 4px; border:1px solid #DADADA; display:block !important; display:inline-block; 
}

.newboxlet {
    width: 180px;  
	background:#fff url(/modpub/style/boxbottomgrad.jpg) repeat-x 0 100%; margin:0; padding:8px 10px 4px; border:1px solid #DADADA; display:block !important; display:inline-block; 
}

.newbox table {width:100%; }

.box table {width: 100%; padding: 0px; margin-top: 0px }

.box table td {vertical-align: top;}

.box h1 {color:#000;}

.vidboxlet {width: 310px;border:2px solid #D8D8D8;border-top:24px solid #D8D8D8;padding:7px;padding-bottom:10px;margin: 5px 10px 5px 10px;background:#ffffff;}

.boxlet table {width: 100%; padding: 0px; margin-top: 0px }

.boxlet table td {vertical-align: top;}

.boxlet h1 {color:#000;}  

.box_title {position:relative;top: -26px;padding:0px;margin:0px;color:#FFCC33;font:.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}



.boxlet a:hover { text-decoration: underline;}


.box a:hover { text-decoration: underline;}

a:link {
  text-decoration: underline;
  color: blue;

}

a:visited {
  text-decoration: underline;
  color: blue;

}

a:active {
  text-decoration: underline;
  color: blue;

}

a:hover {
  text-decoration: underline;
  color: blue;

}

#mediaplayer {


	/*position: relative; */

	height: 70px;

	width: 180px;



}



#mediacontrol {

     float: left;

	margin: 10px 40px 0px 10px;

    

}



#playdetails {

	text-align: center;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 85%;

	font-weight: bold;

	margin-top: 10px;

      

}



#mediainstructions {

    margin-top: 5px;

}



#mediaplayer img {

	border: none;

}



.freetrack{

  font-weight: bold;

  color: #009933;

  }

/*  

.formtitle {font-size: 20px;text-align: center;color: #ffffff;}

.formstyler fieldset {background-color: #5f322f;width: 40em; }	

#theform {background-color: #5f322f;width: 40em;} 

#theform fieldset {height: 20em;width: 11em;border: 0;margin: 0;padding: 1em;float: left;}

#theform fieldset legend {font-size: 4em;font-family: Georgia, "Times New Roman", Times, serif;color: #FFFFFF;}

#theform fieldset legend span {display: none;}

#theform fieldset h3 {height: 4em;font-size: 1em;}

#theform fieldset div.help {color: #FFFF99;font-size: 0.7em;font-weight: bold;height: 5em;}

#theform fieldset label {font-size: 0.7em;display: block;line-height: 1.5em;}

#theform fieldset input {font-size: 0.9em;height: 1.2em;}	



.errormsg {color: #fff;background-color: #CC0000;padding: 0.2em;font-size: 0.7em;font-weight: bold;display: block;}

#theform fieldset.error,

#theform fieldset.error legend,

#theform fieldset.error div.help {color: #FFCC33;}

#theform fieldset strong.error {color: #fff;background-color: #CC0000;padding: 0.2em;font-size: 0.7em;font-weight: bold;display: block;}



#theform #pt4 {clear: both;width: 38em;height: 5em;border: 10px solid #666600;border-width: 2px 0;padding: 1em;}

#theform #pt4 legend {display: none;}

#theform #pt4 h3 {display: none;}

#theform #pt4 #disclaimer {width: 22em;float: left;font-size: 0.7em;}

#theform #pt4 input {height: 5em;font-size: 1em;width: 18em;color: #666666; background: #f3f3f3;font-weight: bold;border-bottom: 1px solid #999999;border-right: 1px solid #999999;border-top: 1px solid #CCCCCC;border-left: 1px solid #CCCCCC;	float: right;}

div#copyright {clear: both;padding: 0.5em;font-size: 0.8em;color: #9F9F00;font-style: italic;}

div#disclaimer {color: #ffffff;}

*/



legend {

 color: black;



}



label

{

 float: left;

 text-align: right;

 margin-right: 0.5em;

 display: block

}



fieldset

{

 width: 600px;

 margin-left: 60px;

 border: 1px solid #CCCCCC;

}



.formp {

 background:#eeefof2;

}



.required

{

  font-weight: bold;

}



textarea, input {

     border: 1px solid #CCCCCC;

}

textarea:focus, input:focus {

	background: #FFFFCC;

}



.missing {

	border: 2px solid #900;

}

.album {width:100px; height: 130px;  margin: 25px 15px 15px 25px; } 

.boxlet ul { list-style-type:none; }

.albumlist li { display:inline; }
.album img {border: 0px; }
/*.albumtitle { text-align: center; } */ 

