/* 
################################
    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%;
}

.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;
}