@media screen and (orientation: portrait) {

      .audiojs audio {
		position: absolute;
		left: -1px;
	}

      .audiojs {
		width: 836px; 
		height: 72px; 
		background: #444444; 
		overflow: hidden; 
		font-family: monospace; 
		font-size: 24px;
        	-webkit-box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.3); 
		-moz-box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.3);
        	-o-box-shadow: 2px 1px 16px rgba(0, 0, 0, 0.3); 
		box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.3); 
	}

      .audiojs .play-pause { 
		width: 50px; 
		height: 80px; 
		padding: 8px 12px; 
		margin: 0px; 
		float: left; 
		overflow: hidden; 
		border-right: 2px solid #000000; 
	}


      .audiojs p { 
		display: none; 
		width: 50px; 
		height: 80px; 
		margin: 0px; 
		cursor: pointer; 
	}

      .audiojs .play { 
		display: block; 
	}

      .audiojs .scrubber { 
		position: relative; 
		float: left; 
		width: 500px; 
		background: #5A5A5A; 
		height: 28px; 
		margin: 20px; 
		border-left: 0px; 
		border-bottom: 0px; 
		overflow: hidden; 
	}

      .audiojs .progress { 
		position: absolute; 
		top: 0px; 
		left: 0px; 
		height: 28px; 
		width: 0px; 
		background: #CCCCCC; 
		z-index: 1; 
	}

      .audiojs .loaded { 
		position: absolute; 
		top: 0px; 
		left: 0px; 
		height: 28px; 
		width: 0px; 
		background: #222222; 
	}

      .audiojs .time { 
		float: left; 
		height: 72px; 
		line-height: 72px; 
		margin: 0px 0px 0px 12px; 
		padding: 0px 12px 0px 24px; 
		border-left: 2px solid #000000; 		color: #B7B7B7; 
		text-shadow: 2px 2px 0px rgba(125, 0, 0, 0.5); 
	}

      .audiojs .time em { 
		padding: 0px 4px 0px 0px; 
		color: #E6E7E8; font-style: normal; 
	}

      .audiojs .time strong { 
		padding: 0px 0px 0px 4px; 
		font-weight: normal; 
	}

      .audiojs .error-message { 
		float: left; 
		display: none; 
		margin: 0px 20px; 
		height: 72px; 
		width: 800px; 
		overflow: hidden; 
		line-height: 72px; 
		white-space: nowrap; 
		color: #fff;
		text-overflow: ellipsis; 
		-o-text-overflow: ellipsis; 
		-icab-text-overflow: ellipsis; 
		-khtml-text-overflow: ellipsis; 
		-moz-text-overflow: ellipsis; 
		-webkit-text-overflow: ellipsis; 
	}
      .audiojsZ .error-messageZ a { 
		color: #eee; 
		text-decoration: none; 
		padding-bottom: 2px; 
		border-bottom: 2px solid #999; 
		white-space: wrap; 
	}

      .audiojs .play { 
		background: url('../js/player-big-graphics.gif') -4px -2px no-repeat; 
	}

      .audiojs .loading { 
		background: url('../js/player-big-graphics.gif') -4px -62px no-repeat; 
	}
      .audiojs .error { 
		background: url('../js/player-big-graphics.gif') -4px -122px no-repeat; 
	}
      .audiojs .pause { 
		background: url('../js/player-big-graphics.gif') -4px -182px no-repeat; 
	}

      .playing .play, .playing .loading, .playing .error { 
		display: none; 
	}
      .playing .pause { 
		display: block; 
	}

      .loading .play, .loading .pause, .loading .error { 
		display: none; 
	}
      .loading .loading { 
		display: block; 
	}

      .error .time, .errorZ .play, .error .pause, .error .scrubber, .error .loading { display: none; }
      .error .error { display: block; }
      .error .play-pause p { cursor: auto; }
      .error .error-message { display: block; }
}

@media screen and (orientation: portrait) and (max-width: 850px){
      .audiojs {
		width: 636px;
	}
      .audiojs .scrubber { 
		width: 300px;
	}
}