/* 

################################

    MultiMedia AudioPlayer

################################ 

*/



div.mm2audioPlayer {

float: left; 

font-family: arial, sans-serif; 

font-size: 12px;

margin: 0 24px 16px 0;

}



div.mm2audioPlayer img {

margin-top: 6px;

}



div.mm2audioToolbarPlay {

width: 48%;

min-width: 78px;

float: left;

padding: 0; 

margin: 0;

}



div.mm2audioToolbarPlay img {

float: left;

border: 0px solid #999;

cursor: pointer;

}



div.mm2audioToolbarVolume {

width: 48%;

min-width: 92px;

float: right;

padding: 0; 

margin: 0;

}



div.mm2audioToolbarVolume img {

width: 10px;

height: 29px;

float: right;

margin: 8px 0 0 5px;

}



div.mm2audioPlayerTimeBar {

background-color: #d0d6d9; 

border: 1px solid #909699; 

padding: 0; 

margin: 8px 0 0 0;

}



div.mm2audioBar {

width: 0px; 

background-color: #c30; 

height: 4px;

}



div.mm2audioFileInfo {

padding: 3px 0;

}



div.mm2audioDefault {}





/* 

################################

 browser internal AudioPlayers

################################ 

*/



div.mm2audioBPDefault {}



div.mm2audioPlayerBP audio {

width: 100%;

min-height: 28px;

}





/* 

################################

 browser internal VideoPlayers

################################ 

*/



div.mm2videoDefault {}



div.mm2video video {

width: 100%;

margin: 0 auto;

}



.mm2videoMessage {

background: #eee; 

color: #333; 

text-align: center;

padding: 8px; 

border: 1px solid; 

}



.mm2videoMessage a {

color: #258; 

}





/* 

################################

 individual Player designs

################################ 



Place your individual Player design classes here.

*/



div.mm2audioPlayer_metallic {

float: left; 

background: url(../images/bgmetall.jpg);

color: #222;

font-family: arial, sans-serif; 

font-size: 12px;

border: 1px solid #999;

padding: 3px 12px 6px 12px;

margin: 0 24px 16px 0;

}



div.mm2audioPlayerBP_speaker {

float: left;

background: url(../images/speaker.gif) right top no-repeat;

padding: 56px 0 0 0;

}



div.mm2videoResponsiveShadow {

background: #fff;

border: 1px solid #999;

padding: 5px 5px 1px 5px;

box-shadow: 6px 6px 6px #666;

}



div.mm2videoBlack {

background: #222;

border: 5px solid #999;

border-radius: 7px;

padding: 12px 12px 8px 12px;

}