/* 
    Document   : pb
    Created on : Oct 21, 2009, 4:15:44 PM
    Author     : Andreas Taber <Hartmann Software Group, LLC>
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
	margin: 0;
	padding: 0;
	font: normal 0.9em/1.4em comic sans ms , cursive;
	color: #000000;
	background-color: #478DCA;
}

.mdiv{
    	background: transparent url(/img/bgback.jpg) no-repeat center top;
        width:1000px;
        height:900px;
        position:absolute;
        left: 50%;
        margin-left: -500px;
}

#containerL {
	margin-top: 80px;
	padding: 0;
	width: 545px;
	border: none;
        float:left;
        color:yellow;
}

#containerR {
	margin-top: 420px;
        margin-right:20px;
	padding: 0;
	width: 420px;
	border: none;
        float:right;
        color:#dac86d;
	padding-bottom: 70px;
}


a {
	text-decoration:underline;
        text-transform:uppercase;
        color:#fffacd;
}

a:visited {
	text-decoration:underline;
        text-transform:uppercase;
}

a:hover {
	text-decoration: none;
	color:red;
}

.mvl{
    margin-left:40px;
}

.bey{
    width:350px;
    text-align:center;
    margin-left:20px;
    margin-top:-15px;
    color:yellow;
    font-weight:bold;
}

p {
	margin-bottom: 10px;
	margin-left:50px;
}

.player{
    display:block;
    width:260px;
    height:220px;
    margin-top:80px;
    margin-left:0px;
    position:relative;

}

.category{
    text-transform:capitalize;
    text-align:center;
    color:purple;
    font-size:12px;
    background:#9dcb44;
}

.bsong{
    width:350px;
    text-align:center;
    margin-left:20px;
    margin-top:-17px;
}

.introgem{
    width:350px;
    text-align:center;
    margin-left:20px;
    margin-top:-20px;
    color:yellow;    
}

.rms{
    width:350px;
    text-align:center;
    margin-left:20px;
    margin-top:-20px;
    color:yellow;
}

.gemc{
    border-bottom:1px solid yellow;
    border-left:1px solid yellow;
}

.songsep{
    border:1px solid yellow;
    height:20px;
}

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#FF0000 !important;
 }

 #recaptcha_table {
   border-color: #FF0000 !important;
 }

 .recaptcha_response_field {
   background-color:transparent !important;
   width:200px;
   border:1px solid yellow;
   color:yellow;
 }

 #recaptcha_image{
     padding:2px;
     background:transparent;
     border:1px solid #e0e0e0;
}
 .gather{
     width:200px;
     background:transparent;
     border:1px solid yellow;
     color:yellow;
 }
 .glabel{
     margin-top:5px;
     width:180px;
     color:#9dcb44;
 }
 .messagecenter{    
     width:915px;
     height:240px;
     margin-left:67px;
     margin-top:20px;     
 }
 .itemdisp{
     color:white;
     text-align:right;
     font-size:13px;
     margin-top:20px;
 }
 .songselector{
     width:250px;
     background:#fff;
     color:blue;
 }

 .songselectorlist{
     width:420px;
     color:blue;
 }

 .dlabeler{
     margin-bottom:20px;
 }

 .bdiv{
     background: transparent url(/img/sbodybg.jpg) no-repeat 4% 2%;
     width:1000px;
     height:827px;
     color:white;
     position:absolute;
     left: 50%;
     margin-left: -530px;
     float:right;
 }
  .adiv{
     background: transparent url(/img/sbodybg.jpg) no-repeat 4% 2%;
     width:1000px;     
     color:white;
     position:absolute;
     left: 50%;
     margin-left: -530px;
     float:right;
 }
 .ldiv{
     background: transparent url(/img/sbodybg.jpg) no-repeat 4% 2%;
     width:1000px;
     color:white;
     height:570px;
     position:absolute;
     left: 50%;
     margin-left: -485px;
 }
sub{
font-size:1em;
color:#3cf816;
margin-left:5px;
}
sup{
font-size:1em;
color:#3cf816;
margin-left:5px;
}
.monetary{
    width:40px;
    color:blue;
}
.footer, .edit{
    color:yellow;    
    margin-left:20px;
    margin-top:20px;
}

.footerdev{
    float:left;
    color:white;
    font-size:xx-small;
    margin-left:60px;
    margin-bottom:10px;
}

.steps{
    background: transparent url(/img/step.gif) no-repeat left top;
}

.list{
    background: transparent url(/img/starstep.gif) no-repeat left 5%;
}

.listid{
    color:blue;margin-left:10px;padding-right:10px;margin-top:-20px;
}

.starlist ul{
list-style-image:url("/img/starstep.gif");
list-style-type:square;
margin-left:30px;
text-transform: uppercase; 
}

.tooltip {
display:none;
background:transparent url(/img/black.png);
font-size:11px;
height:85px;
width:180px;
padding:15px;
color:#fff;
}