/* Main css page for modal music */

body { 
background: #ffffff; color: #000066; font-family: Arial, Helvetica, sans-serif; font-size: 1px; line-height: 1px; margin-top: 0px; margin-bottom: 0px; text-align: left;}
   
/* LINK INFO */     

}
 <!-- background-color: #efffef;  -->


/* COLUMN TREATMENT INFO */    
 
<!-- background: transparent; -->
#page {
background:transparent;
position: absolute;
top: 0px;
left: 0px; 
width: 700px;
height:100%; 
padding:0; 
margin:0;
}

#col1 {
background: transparent;
position: absolute;
top: 46px;
left: 0px;
width: 190px;
height:100%;
padding: 0;
margin:0;
}

#col2 {
background: transparent;
position: absolute;
top: 46px;
left: 216px;
width: 400px;
height:100%; 
padding: 0;
margin:0;
}     

#col3 {
background: transparent;
position: absolute;
top: 46px;
left: 642px;
width: 100%;
height:100%; 
padding: 0;
margin:0;
}       

#pixcredit {
background: transparent;
position: relative;
top: ;
width: 188px;
left: 10px;
padding: 0px;
margin:0;
}   

/* POSITION INFO */  

.rt {
text-align: right;  
}    

.lf {
text-align: left;  
} 

.floatleft {
clear: left;
float: right;
}

.floatright {
clear: right;
float: left;
}

.padtop {
 padding-top: 10px;
}

.padleft {
 padding-left: 10px;
}

.padright {
 padding-right: 10px;
}

.padbot {
 padding-bottom: 10px;
}
  
.padtop5 {
 padding-top: 5px;
}

.postopa {
position: absolute;
top: 18px;
}

.postop199 {
position: absolute;
top: 223px;
}

.postop440 {
position: absolute;
top: 440px;
}       

.postop540 {
position: absolute;
top: 540px;
}  

.postop200rel {
position: relative;
}
   
.rel {
position: relative;
}   
                   
.abs {
position: absolute;
}    
    
/* LOGO INFO */ 



/* TYPE INFO */    

h1,h2,h3,h4 {
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
text-underline: none;
margin-top: 0px;
margin-bottom: 0px;
}

 
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 130%;
margin-top: 0px;
margin-bottom: 0px;
}

/* LINK INFO */  
           
 
//* a:link { 
//* font-size: 100%; line-height: 100%; color: #000066; text-decoration: none; 
//* font-weight: 900; margin-top: 0px; margin-bottom: 0px;
//* display:inline;
//* }

//* a:visited { 
//* font-size: 100%; line-height: 100%; color: #000066; text-decoration: none; 
//* font-weight: 900; margin-top: 0px; margin-bottom: 0px;
//* display:inline;} 

//* <!-- a:hover { 
//* font-size: 105%; line-height: 105%; color: #000066; text-decoration: underline; 
//* font-weight: 900; margin-top: 0px; margin-bottom: 0px;
//* display:inline;}
 
//* a:active { 
//* font-size: 105%; line-height: 105%; color: #000066; text-decoration: underline; 
//* font-weight: 900; margin-top: 0px; margin-bottom: 0px; display:inline;}
     --> 
     
a:defOver {
color:black;
font-size: 70%;
text-transform:uppercase;
font-family: verdana;
font-weight:bold;  }
                     
/* menu css stuff */

.itemBorder { border: none; }

.itemText { text-decoration: none; color: #FFFFFF; font: Bold 12px Arial, Helvetica; padding-left:4px;}

.item2Border { border: none; }

.item2Text { text-decoration: none; color: #FFFFFF; font: Bold 12px Arial, Helvetica; padding-left:2px; }    



/* COLOR INFO */

.clr330000 {
color: #330000;
}


.clrcc6666 {
color: #cc6666;
}

.clr000066 {
color: #000066;
}

.clr990099 {
color: #990099;
}
    
.clr33aa99 {
color: #33aa99;
}
      
.white {
color: white;  
  } 
  
.black {
color: black;  
  } 
  
  .gray {
color: gray;  
  } 
  
          
     
/* TYPE SIZE INFO */       
     
.px {
font-size: 1px;
line-height: 1px;
}                

.pt2 {
font-size: 2px;
}  

.pt4 {
font-size: 4px;
}  

.pt6 {
font-size: 6px;
}  
  
.pt8 {
font-size: 8px;
}

.pt9 {
font-size: 9px;
}

.pt10 {
font-size: 10px;
}  

.pt12 {
font-size: 12px;
}  

.pt14 {
font-size: 14px;
}  

.pt16 {
font-size: 16px;
}
     
.pt18 {
font-size: 18px;
}

.pt20 {
font-size: 20px;
}

.pt22 {
font-size: 22px;
}

.pt24 {
font-size: 24px;
}

.pt30 {
font-size: 30px;
}

.pt36 {
font-size: 36px;
}

.pt40 {
font-size: 40px;
}




/* TYPE LEAD INFO */  
      
.spc { 
font-size: 2px; 
line-height: 2px;
} 
         
 .ld2 {
line-height:2px;
}

.ld4 {
line-height: 4px;
}

.ld6 {
line-height: 6px;
}

.ld8 {
line-height: 8px;
}

.ld10 {
line-height: 10px;
}

.ld11 {
line-height: 11px;
}

.ld12 {
line-height: 12px;
}

.ld14 {
line-height: 14px;
}

.ld16 {
line-height: 16px;
}

.ld17 {
line-height: 17px;
}
     
.ld18 {
line-height: 18px;
}

.ld20 {
line-height: 20px;
}

.ld24 {
line-height: 24px;
}

.ld28 {
line-height: 28px;
}

.ld30 {
line-height: 30px;
}

.ld32 {
line-height: 36px;
}

.ld36 {
line-height: 36px;
}    
               
.ld38 {
line-height: 38px;
}

.ld40 {
line-height: 40px;
}


     
/* TYPE TREATMENT INFO */


#tm {
font-size: 20%;
}


.tm {
font-size: 20%;
}

em { 
font-weight: 900; 
}    

.b {
font-weight: 900;
}   

.i {
font-style: italic;
}

.n {
font-weight: 400; 
font-style: normal;
} 
 
.n500 {
font-weight: 500;
} 
 
.u { 
text-decoration: underline;
}

.nu { 
text-decoration: none;
}

.clear {
clear: both;
}

/* IMAGE TREATMENT INFO */

.clips {
border: 1px solid;
border-color: #33aa99;
}

.nb {
border: 0;

}