/*
 * -----------------------------------------------
 * www.happyworm.com
 * silvia benvenuti
 * 
 * jPlayer.css
 * -----------------------------------------------
 */

body {
-x-system-font:none;
background-color:#FFFFFF;
color:#333333;
font-family:Verdana,Arial,sans-serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.6;
margin:0;
padding:0;
}
#container {
margin:0 auto;
overflow:hidden;
padding:20px 10px;
width:978px;
}
#branding {
width:280px;
}
h1 {
color:#A0A600;
font-size:13.5px;
font-weight:normal;
margin-top:0;
text-indent:28px;
}
h2 {
color:#A0A600;
}
h2 a {
border-bottom:1px solid #009BE3;
text-decoration:none;
}
h3 {
margin:0;
padding:0;
}
h4 {
margin-bottom:-0.5em;
margin-top:2.5em;
}
a img {
border:medium none;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
#menu {
font-size:0.8em;
text-align:left;
}
#menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:-54px 0 0 272px;
overflow:hidden;
padding:0;
width:706px;
}
#menu li {
float:left;
margin:0 3px 0 0;
}
#menu li a {
display:block;
height:51px;
overflow:hidden;
text-indent:-999px;
width:85px;
}
#home a {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll 0 -51px;
}
#home a:hover {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll 0 0;
}
body.jplayer #home a {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll 0 -102px;
}
#demos a {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -85px -51px;
}
#demos a:hover {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -85px 0;
}
body.demos #demos a {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -85px -102px;
}
#download a {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -170px -51px;
}
#download a:hover {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -170px 0;
}
body.download #download a {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -170px -102px;
}
#dev_guide a {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -255px -51px;
}
#dev_guide a:hover {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -255px 0;
}
body.dev_guide #dev_guide a {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -255px -102px;
}
#support a {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -340px -51px;
}
#support a:hover {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -340px 0;
}
body.support #support a {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -340px -102px;
}
#sites a {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -425px -51px;
}
#sites a:hover {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -425px 0;
}
body.sites #sites a {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -425px -102px;
}
#skins a {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -510px -51px;
}
#skins a:hover {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -510px 0;
}
body.skins #skins a {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -510px -102px;
}
#about a {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -595px -51px;
}
#about a:hover {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -595px 0;
}
body.about #about a {
background:transparent url(../graphics/jplayer_menu_sprites.jpg) no-repeat scroll -595px -102px;
}
#breadcrumbs {
font-size:0.9em;
list-style-type:none;
margin:0;
overflow:hidden;
padding:0;
width:100%;
}
#breadcrumbs li {
color:#666666;
float:left;
padding-right:0.5em;
}
#menu_download {
float:right;
list-style-type:none;
margin:0;
overflow:hidden;
padding:0;
width:206px;
}
#menu_download li {
float:left;
}
#menu_download a {
display:block;
height:94px;
width:206px;
}
#menu_download a:active {
top:0;
}
#menu_download #plugin a {
background:transparent url(../graphics/jplayer_download_sprites.jpg) no-repeat scroll 0 0;
}
#menu_download #plugin a:hover {
background:transparent url(../graphics/jplayer_download_sprites.jpg) no-repeat scroll 0 -94px;
}
#menu_download a span {
display:block;
text-indent:-999px;
}
#content_main {
float:left;
font-size:0.8em;
margin-bottom:100px;
width:685px;
}
#content_main img.demo {
float:right;
margin:0 0 20px 20px;
}
body.release_notes #content_main li {
margin-bottom:8px;
}
.float_right {
clear:both;
float:right;
}
#footer {
clear:both;
font-size:0.6em;
margin-bottom:20px;
overflow:hidden;
position:relative;
width:685px;
}
#footer p {
float:left;
margin-top:40px;
width:540px;
}
#twitter {
display:block;
overflow:hidden;
padding:10px;
text-align:right;
text-decoration:none;
width:100px;
}
#twitter img {
float:left;
}
#twitter:hover {
background-color:#EEEEEE;
}
div.section {
border-bottom:1px dotted #009BE3;
overflow:hidden;
padding:1em 0;
}
div.section a:active {
position:relative;
top:1px;
}
div.demo_section_top {
border:medium none;
padding-bottom:0;
}
div.demo_section_mid {
border:medium none;
padding:0;
}
div.demo_section_bot {
padding-top:0;
}
a {
color:#009BE3;
}
a:link {
color:#009BE3;
}
a:visited {
color:#009BE3;
}
a:hover {
color:#009BE3;
}
#content_sub {
font-size:0.7em;
margin-left:714px;
margin-top:3.2em;
width:264px;
}
#content_sub h2 {
color:#333333;
font-size:1.1em;
margin-top:0;
}
#content_sub .section {
border:medium none;
}
#content_sub .highlight {
border:1px dotted #009BE3;
margin:0 0 1em;
padding:1em;
}
#content_sub ul {
list-style-type:none;
margin:0;
padding:0;
}
.date {
font-style:oblique;
margin:0;
padding:0;
}
dt {
color:#A0A600;
font-weight:bold;
}
dd {
margin:0 0 0.5em;
}
dl dl {
margin-left:20px;
}
dl dl dt {
color:#000000;
}
dl dl dl dt {
font-style:oblique;
margin-bottom:-0.5em;
margin-top:0.5em;
}
code {
background-color:#EEEEEE;
color:#000000;
font-size:1.3em;
}
.explanation {
font-size:0.8em;
font-style:oblique;
}
.explanation code {
font-size:1.4em;
}
pre {
background-color:#EEEEEE;
border:1px solid #CCCCCC;
color:#000000;
overflow:auto;
padding:0.5em;
}
.media-copyright, .note, .miaow {
color:#999999;
font-size:0.8em;
}
.center {
text-align:center;
}
.flattr, .plegie {
margin-top:1em;
}
div.obsolete {
background-color:#FFEEEE;
border:1px dashed #FF3333;
color:#FF0000;
font-weight:bold;
margin-bottom:10px;
padding:0 10px;
}


div.jp-audio, div.jp-video {
color:#666666;
font-family:Verdana,Arial,sans-serif;
font-size:1.25em;
line-height:1.6;
}
div.jp-audio {
width:420px;
}
div.jp-video-270p {
width:480px;
}
div.jp-video-360p {
width:640px;
}
div.jp-interface {
background-color:#EEEEEE;
border:1px solid #000000;
position:relative;
width:100%;
}
div.jp-audio div.jp-type-single div.jp-interface {
border-bottom:medium none;
height:80px;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
height:80px;
}
div.jp-video div.jp-type-single div.jp-interface {
border-bottom:medium none;
height:60px;
}
div.jp-video div.jp-type-playlist div.jp-interface {
height:60px;
}
div.jp-interface ul.jp-controls {
list-style-type:none;
margin:0;
padding:0;
}
div.jp-interface ul.jp-controls li {
display:inline;
}
div.jp-interface ul.jp-controls a {
overflow:hidden;
position:absolute;
text-indent:-9999px;
}
a.jp-play, a.jp-pause {
height:40px;
width:40px;
z-index:1;
}
div.jp-audio div.jp-type-single a.jp-play, div.jp-audio div.jp-type-single a.jp-pause {
left:40px;
top:20px;
}
div.jp-audio div.jp-type-playlist a.jp-play, div.jp-audio div.jp-type-playlist a.jp-pause {
left:48px;
top:20px;
}
div.jp-video a.jp-play, div.jp-video a.jp-pause {
top:15px;
}
div.jp-video-270p div.jp-type-single a.jp-play, div.jp-video-270p div.jp-type-single a.jp-pause {
left:195px;
}
div.jp-video-270p div.jp-type-playlist a.jp-play, div.jp-video-270p div.jp-type-playlist a.jp-pause {
left:220px;
}
div.jp-video-360p div.jp-type-single a.jp-play, div.jp-video-360p div.jp-type-single a.jp-pause {
left:275px;
}
div.jp-video-360p div.jp-type-playlist a.jp-play, div.jp-video-360p div.jp-type-playlist a.jp-pause {
left:300px;
}
a.jp-play {
background:transparent url(../images/video/jplayer.blue.monday.jpg) no-repeat scroll 0 0;
}
a.jp-play:hover {
background:transparent url(../images/video/jplayer.blue.monday.jpg) no-repeat scroll -41px 0;
}
a.jp-pause {
background:transparent url(../images/video/jplayer.blue.monday.jpg) no-repeat scroll 0 -42px;
display:none;
}
a.jp-pause:hover {
background:transparent url(../images/video/jplayer.blue.monday.jpg) no-repeat scroll -41px -42px;
}
div.jp-audio div.jp-type-single a.jp-stop {
left:90px;
top:26px;
}
div.jp-audio div.jp-type-playlist a.jp-stop {
left:126px;
top:26px;
}
div.jp-video a.jp-stop {
top:21px;
}
div.jp-video-270p div.jp-type-single a.jp-stop {
left:245px;
}
div.jp-video-270p div.jp-type-playlist a.jp-stop {
left:298px;
}
div.jp-video-360p div.jp-type-single a.jp-stop {
left:325px;
}
div.jp-video-360p div.jp-type-playlist a.jp-stop {
left:378px;
}
a.jp-stop {
background:transparent url(../images/video/jplayer.blue.monday.jpg) no-repeat scroll 0 -83px;
height:28px;
width:28px;
z-index:1;
}
a.jp-stop:hover {
background:transparent url(../images/video/jplayer.blue.monday.jpg) no-repeat scroll -29px -83px;
}
div.jp-audio div.jp-type-playlist a.jp-previous {
left:20px;
top:26px;
}
div.jp-video div.jp-type-playlist a.jp-previous {
top:21px;
}
div.jp-video-270p div.jp-type-playlist a.jp-previous {
left:192px;
}
div.jp-video-360p div.jp-type-playlist a.jp-previous {
left:272px;
}
a.jp-previous {
background:transparent url(../images/video/jplayer.blue.monday.jpg) no-repeat scroll 0 -112px;
height:28px;
width:28px;
}
a.jp-previous:hover {
background:transparent url(../images/video/jplayer.blue.monday.jpg) no-repeat scroll -29px -112px;
}
div.jp-audio div.jp-type-playlist a.jp-next {
left:88px;
top:26px;
}
div.jp-video div.jp-type-playlist a.jp-next {
top:21px;
}
div.jp-video-270p div.jp-type-playlist a.jp-next {
left:260px;
}
div.jp-video-360p div.jp-type-playlist a.jp-next {
left:340px;
}
a.jp-next {
background:transparent url(../images/video/jplayer.blue.monday.jpg) no-repeat scroll 0 -141px;
height:28px;
width:28px;
}
a.jp-next:hover {
background:transparent url(../images/video/jplayer.blue.monday.jpg) no-repeat scroll -29px -141px;
}
div.jp-progress {
background-color:#DDDDDD;
overflow:hidden;
position:absolute;
}
div.jp-audio div.jp-type-single div.jp-progress {
height:15px;
left:130px;
top:32px;
width:122px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
height:15px;
left:164px;
top:32px;
width:122px;
}
div.jp-video div.jp-progress {
height:10px;
left:0;
top:0;
width:100%;
}
div.jp-seek-bar {
background:transparent url(../images/video/jplayer.blue.monday.jpg) repeat-x scroll 0 -202px;
cursor:pointer;
height:100%;
width:0;
}
div.jp-play-bar {
background:transparent url(../images/video/jplayer.blue.monday.jpg) repeat-x scroll 0 -218px;
height:100%;
width:0;
}
div.jp-seeking-bg {
background:transparent url(pbar-ani.gif) repeat scroll 0 0;
}
a.jp-mute, a.jp-unmute {
height:15px;
width:18px;
}
div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute {
left:274px;
top:32px;
}
div.jp-audio div.jp-type-playlist a.jp-mute, div.jp-audio div.jp-type-playlist a.jp-unmute {
left:296px;
top:32px;
}
div.jp-video a.jp-mute, div.jp-video a.jp-unmute {
top:27px;
}
div.jp-video-270p div.jp-type-single a.jp-mute, div.jp-video-270p div.jp-type-single a.jp-unmute {
left:304px;
}
div.jp-video-270p div.jp-type-playlist a.jp-unmute, div.jp-video-270p div.jp-type-playlist a.jp-mute {
left:363px;
}
div.jp-video-360p div.jp-type-single a.jp-mute, div.jp-video-360p div.jp-type-single a.jp-unmute {
left:384px;
}
div.jp-video-360p div.jp-type-playlist a.jp-mute, div.jp-video-360p div.jp-type-playlist a.jp-unmute {
left:443px;
}
a.jp-mute {
background:transparent url(../images/video/jplayer.blue.monday.jpg) no-repeat scroll 0 -186px;
}
a.jp-mute:hover {
background:transparent url(../images/video/jplayer.blue.monday.jpg) no-repeat scroll -19px -170px;
}
a.jp-unmute {
background:transparent url(../images/video/jplayer.blue.monday.jpg) no-repeat scroll 0 -170px;
display:none;
}
a.jp-unmute:hover {
background:transparent url(../images/video/jplayer.blue.monday.jpg) no-repeat scroll -19px -186px;
}
div.jp-volume-bar {
background:transparent url(../images/video/jplayer.blue.monday.jpg) repeat-x scroll 0 -250px;
cursor:pointer;
height:5px;
overflow:hidden;
position:absolute;
width:46px;
}
div.jp-audio div.jp-type-single div.jp-volume-bar {
left:302px;
top:37px;
}
div.jp-audio div.jp-type-playlist div.jp-volume-bar {
left:324px;
top:37px;
}
div.jp-video div.jp-volume-bar {
top:32px;
}
div.jp-video-270p div.jp-type-single div.jp-volume-bar {
left:332px;
}
div.jp-video-270p div.jp-type-playlist div.jp-volume-bar {
left:391px;
}
div.jp-video-360p div.jp-type-single div.jp-volume-bar {
left:412px;
}
div.jp-video-360p div.jp-type-playlist div.jp-volume-bar {
left:471px;
}
div.jp-volume-bar-value {
background:transparent url(../images/video/jplayer.blue.monday.jpg) repeat-x scroll 0 -256px;
height:5px;
width:0;
}
div.jp-current-time, div.jp-duration {
font-size:0.64em;
font-style:oblique;
position:absolute;
}
div.jp-duration {
text-align:right;
}
div.jp-audio div.jp-type-single div.jp-current-time, div.jp-audio div.jp-type-single div.jp-duration {
left:130px;
top:49px;
width:122px;
}
div.jp-audio div.jp-type-playlist div.jp-current-time, div.jp-audio div.jp-type-playlist div.jp-duration {
left:164px;
top:49px;
width:122px;
}
div.jp-video div.jp-current-time, div.jp-video div.jp-duration {
left:0;
padding:0 1%;
top:10px;
width:98%;
}
div.jp-playlist {
background-color:#CCCCCC;
border-color:-moz-use-text-color #000000 #000000;
border-style:none solid solid;
border-width:medium 1px 1px;
width:100%;
}
div.jp-playlist ul {
font-size:0.72em;
list-style-type:none;
margin:0;
padding:0 20px;
}
div.jp-type-single div.jp-playlist li {
font-weight:bold;
padding:5px 0 5px 20px;
}
div.jp-type-playlist div.jp-playlist li {
border-bottom:1px solid #000000;
padding:5px 0 4px 20px;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-last {
border-bottom:medium none;
padding:5px 0 5px 20px;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
list-style-position:inside;
list-style-type:square;
padding-left:8px;
}
div.jp-type-playlist div.jp-playlist a {
color:#666666;
text-decoration:none;
}
div.jp-type-playlist div.jp-playlist a:hover {
color:#0D88C1;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
color:#0D88C1;
}
div.jp-type-playlist div.jp-playlist div.jp-free-media {
display:inline;
margin-left:20px;
}
div.jp-video div.jp-video-play {
background:transparent url(jplayer.blue.monday.video.play.png) no-repeat scroll center center;
cursor:pointer;
position:absolute;
z-index:2;
}
div.jp-video div.jp-video-play:hover {
background:transparent url(jplayer.blue.monday.video.play.hover.png) no-repeat scroll center center;
}
div.jp-video-270p div.jp-video-play {
height:270px;
top:-270px;
width:480px;
}
div.jp-video-360p div.jp-video-play {
height:360px;
top:-360px;
width:640px;
}
div.jp-jplayer {
height:0;
width:0;
}
div.jp-video div.jp-jplayer {
border-color:#000000 #000000 -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px medium;
z-index:1;
}
div.jp-video-270p div.jp-jplayer {
height:270px;
width:480px;
}
div.jp-video-360p div.jp-jplayer {
height:360px;
width:640px;
}
div.jp-jplayer {
background-color:#000000;
}