/* ********************* */
/* START OF ACORN STYLES */
/* ********************* */

/* Main elements */
.acorn-player, .acorn-controls, .acorn-screenshot-controls {
	position: relative;
}
.acorn-timer {
	cursor: default;
}
.acorn-buffer {
	width: 0px;
}
/* <video> */
.acorn-player video {
	position: relative;
	z-index: 0;
	background-color: #000;
}
/* <audio> */
.acorn-player.audio-player {
	width: 500px;
}
.acorn-player.audio-player audio {
	display: none;
}
/* Captions and Transcript */
.acorn-transcript {	
	clear: both;
	display: none;
	
	overflow: auto;
	height: 15em;
}
.acorn-transcript-button {
	display: none;
}
/* 
 * Show the timings in square brackets before each "subtitle" in the transcript.
 * Borrowed and adapted from Bruce Lawson's Accessible HTML5 Video with JavaScripted captions
 * http://dev.opera.com/articles/view/accessible-html5-video-with-javascripted-captions/
 */
.acorn-transcript span {
	display: block;
	float: left;
	width: 100%;
	line-height: 1.5em;
}
.acorn-transcript span:hover {
	background-color: #cadde7 !important;
	
	font-weight: bold;
}
.acorn-transcript span:nth-of-type(even) {
	background-color: #efefef;
}
.acorn-transcript [data-begin]:before {
	display: block;
	float: left;
	content: ' [" attr(data-begin) "s-" attr(data-end)"s]   ';
	width: 15%;
	padding: 0.2em 1.5em 0.2em 0.2em;	
}
.acorn-caption {
	display: none;
	position: absolute;
	bottom: 75px;
	z-index: 12;
	width: 100%;
	
	text-align: center;
}
.acorn-caption-button {
	display: none;
}
.acorn-caption-selector {
	position: absolute;
	display: none;
	width: 170px;
	padding: 5px;
	height: 75px;
	margin-bottom: 10px;
	overflow: auto;
	
	background-color: #000;
	border: 3px solid #fff;

	z-index: 3;
}
.acorn-caption-selector label {
	display: block;
	
	font-weight: bold;
	color: #fff;
}
.acorn-caption-selector ul, .acorn-caption-selector li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
/* Fullscreen Mode */
.fullscreen-video {
	position: fixed !important;
	top: 0px;
	left: 0px;
	z-index: 99999 !important;
	
	background-color: #000;
}
.acorn-controls.fullscreen-controls {
	position: fixed !important;
	z-index: 100000 !important;
}
/* Loading */
.show-loading .loading-media {
	visibility: visible;
}
.loading-media {
	visibility: hidden;
	
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 11; 
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	
	background-color: #000;
	border: 5px solid #fff;
	border-top: 5px solid rgba(0,0,0,0);
	border-left: 5px solid rgba(0,0,0,0);
	border-radius: 20px;
	
	animation: spin 1s infinite linear;
	-o-animation: spin 1s infinite linear;
	-moz-animation: spin 1s infinite linear;
	-webkit-animation: spin 1s infinite linear;
}

@-o-keyframes spin {
	0% { -o-transform:rotate(0deg); }
	100% { -o-transform:rotate(360deg); }
}
@-ms-keyframes spin {
	0% { -ms-transform:rotate(0deg); }
	100% { -ms-transform:rotate(360deg); }
}
@-moz-keyframes spin {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
}
@-webkit-keyframes spin {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}
@keyframes spin {
	0% { transform:rotate(0deg); }
	100% { transform:rotate(360deg); }
}

/* Controls overlay while loading */
.show-loading:after {
	content: ' ';
	position: absolute;
	top: -2px; /* Slider handle goes above */
	padding-bottom: 2px;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	
	background: #000;
	opacity: 0.9;
}

/* Styles needed for the jQuery UI slider
 * We're declaring these so we don't have to use jQuery UI's stylesheet
 */
a.ui-slider-handle {
	position: absolute;
	display: block;
	margin-left: -0.6em;
	z-index: 2;
	cursor: default;
	outline: none;
}
.ui-slider {
	position: relative;
}
.ui-slider-range {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	border: none;
	z-index: 1;
}
/* ******************* */
/* END OF ACORN STYLES */
/* ******************* */

/* ******************* */ 
/* START OF THEME STYLES */
/* ******************* */
.acorn-player.pirates {
	float: left;
	position: relative;
	overflow: hidden;
	
	font-family: Arial, Helvetica, sans-serif;
}
/* <video> element */
.acorn-player.pirates video {
	float: left;
	clear: both;
	background-color: #000;
	cursor:pointer;
}
/* Player Controls */
.acorn-player.pirates .acorn-controls, .acorn-player.pirates .acorn-screenshot-controls {
	position: relative;	
	float: left;
	clear: both;
	width: 100%;
	padding-top: 15px;
		
	background-image: url(controls-background-dark.png);
	background-position: bottom left;
}

/* <button>s */
.acorn-player.pirates button {
	position: relative;	
	margin: 0;
	padding-left: 0px;
	height: 35px;
	border: 1px solid #333;
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat;	
	
	font-weight: bold;
	color: #fff;
	
	cursor: pointer;
}
.acorn-player.pirates button:hover, .acorn-player.pirates button:focus {
	background-color: #deb887;
	background-position: center;
}

/* Playback Controls(Play, Pause) */
.acorn-player.pirates .acorn-play-button {
	float: left;
	display: block;
	width: 30px;
	background-image: url(access-play.png);
	padding:0;
}

.acorn-player.pirates .acorn-play-button:hover {
	background-image: url(access-play-dark.png);
}

.acorn-player.pirates .acorn-paused-button {
	background-image: url(access-pause.png);
}

.acorn-player.pirates .acorn-paused-button:hover {
	background-image: url(access-pause-dark.png);
}
/* Seek Slider */
.acorn-player.pirates .acorn-seek-slider {
	position:absolute;
	top: 0px;
	display: block;
	width: 100%;
	height: 15px;
		
	background: #7289A8;
	z-index: 2;
}
.acorn-player.pirates .acorn-seek-slider .ui-slider-handle {
	display: block;
	position: absolute;
	width: 9px;
	height: 9px;
	border: 3px solid #fff;
	top: 0px;
	cursor:ew-resize;
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	background: #888;
}
.acorn-player.pirates .acorn-seek-slider .ui-slider-range {	
	background: #deb887;	
}
.acorn-player.pirates .acorn-buffer {	
	background: #ccc !important;	
}
.acorn-player.pirates .acorn-seek-slider .ui-state-focus, .acorn-player.pirates .acorn-seek-slider .ui-slider-handle.ui-state-hover {
	background: #deb887 !important;
	

}

/* Notice */
.acorn-player.pirates .acorn-notice {
	position: absolute;
	width:135px;
	height:15px;
	top: 25px;
	left: 310px;
	color:#ff6600;
	font-size: 12px;
/*	fade function takes this part
	opacity: 0;
	visibility: hidden;
*/
}
/*
.acorn-player.pirates .acorn-notice.show-notice{
	opacity: 1;
	visibility: visible;
}
*/

/* Timer */
.acorn-player.pirates .acorn-timer {
	position: absolute;
	top: 25px;
	left: 140px;
	cursor:pointer;
	text-decoration:underline;
	
	color: #efefef;
	font-size: 14px;
}

.acorn-player.pirates .acorn-timer:hover {
	color: #deb887;
}

/* TC Input */
.acorn-player.pirates .tctimer-input {
	position: absolute;
	width:75px;
	height:20px;
	top: 22px;
	left: 140px;
	border:none;
	background:#000;
	color:#ff6600;
	
	font-size: 12px;
}

/* TimeCode */
.acorn-player.pirates .acorn-tc {
	position: absolute;
	top: 25px;
	left: 220px;
	
	color: #efefef;
	font-size: 14px;
}

/* FPS */
.acorn-player.pirates .acorn-fps {
	/* position: relative; */
	/* top: 25px; */
	/* right: 60px; */
	float: right;
	color: #efefef;
	font-size: 11px;
	margin:11px 5px 0 5px;
}

/* Help */
.acorn-player.pirates .acorn-help-button {
	/* position: relative; */
	/* top: 25px; */
	/* right: 40px; */
	cursor:pointer;
	text-decoration:underline;
	float: right;
	color: #efefef;
	font-size: 13px;
	margin:10px 5px 0 5px;
}

.acorn-player.pirates .acorn-help-button:hover {
	color: #deb887;
}

.acorn-player.pirates .acorn-help {
	position: absolute;
	top: 25px;
	left: 25px;
	background: url(helpoverlay.png) no-repeat;
	z-index:1001;
	opacity: 0;
	visibility: hidden;
	cursor:pointer;
	
	width: 718px;
	height: 382px;
	
	/*color: #deb887; */
	color: #fff;
	font-size: 12px;
}

.acorn-player.pirates .acorn-help .help-wrapper, .acorn-player.pirates .acorn-screenshothelp .help-wrapper {
	padding:20px;
	width: 678px;
	height: 342px;
}

.acorn-player.pirates .acorn-help .help-header, .acorn-player.pirates .acorn-screenshothelp .help-header {
	font-weight:bold;
	font-size: 18px;
	margin:30px 0 15px 0;
}


.acorn-player.pirates .acorn-help .help-item, .acorn-player.pirates .acorn-screenshothelp .help-item {
	width:343px;
	line-height: 30px;
	margin:0px 0 0 5px;
	text-indent: 10px;
	/* height: 25px; */
	float:left;
}

.acorn-player.pirates .acorn-help .help-wrapper p, .acorn-player.pirates .acorn-screenshothelp .help-wrapper p {
	margin:0px;
}

/* Help left */
.acorn-player.pirates .acorn-help .help-left {
	width: 363px;
	height: 342px;
	float:left;
}

.acorn-player.pirates .acorn-help .help-item .help-play {
	background: url(access-play.png) no-repeat center;
	height:20px;
	width:75px;
	float:left;
}

.acorn-player.pirates .acorn-help .help-item .help-play:hover {
	background: url(access-pause.png) no-repeat center;
}

.acorn-player.pirates .acorn-help .help-item .help-mute {
	background: url(access-volume-full.png) no-repeat center;
	height:30px;
	width:75px;
	float:left;
}

.acorn-player.pirates .acorn-help .help-item .help-mute:hover {
	background: url(access-volume.png) no-repeat center;
}

.acorn-player.pirates .acorn-help .help-item .help-volume {
	background: url(access-volume-slider.png) no-repeat center;
	height:30px;
	width:75px;
	float:left;
}

.acorn-player.pirates .acorn-help .help-item .help-volume:hover {
	background: url(access-volume-slider-full.png) no-repeat center;
}

.acorn-player.pirates .acorn-help .help-item .help-timecode {
	background: url(access-timecode.png) no-repeat center;
	height:30px;
	width:75px;
	float:left;
}

.acorn-player.pirates .acorn-help .help-item .help-timecode:hover {
	background: url(access-timecode-hover.png) no-repeat center;
}

.acorn-player.pirates .acorn-help .help-item .help-frames {
	background: url(access-frames.png) no-repeat center;
	height:30px;
	width:75px;
	float:left;
}

.acorn-player.pirates .acorn-help .help-item .help-frames:hover {
	background: url(access-frames-hover.png) no-repeat center;
}

.acorn-player.pirates .acorn-help .help-item .help-fullscreen {
	background: url(access-fullscreen.png) no-repeat center;
	height:30px;
	width:75px;
	float:left;
}

.acorn-player.pirates .acorn-help .help-item .help-screenshotmode {
	background: url(access-screenshot.png) no-repeat center 10px;
	height:30px;
	width:16px;
	float:left;
}

.acorn-player.pirates .acorn-help .help-item .help-titlesafe {
	background: url(access-titlesafe.png) no-repeat center 10px;
	height:30px;
	width:16px;
	float:left;
}

/* Help right */
.acorn-player.pirates .acorn-help .help-right p {
	margin-top:5px;
}

.acorn-player.pirates .acorn-help .help-right {
	width: 310px;
	height: 342px;
	float:left;
}

.acorn-player.pirates .acorn-help .help-item .help-space {
	background: url(key_space.png) no-repeat;
	height:30px;
	width:81px;
	float:left;
}

.acorn-player.pirates .acorn-help .help-item .help-leftright {
	background: url(key_dir_leftright.png) no-repeat;
	height:30px;
	width:81px;
	float:left;
}

.acorn-player.pirates .acorn-help .help-item .help-updown {
	background: url(key_dir_updown.png) no-repeat;
	height:30px;
	width:81px;
	float:left;
}

.acorn-player.pirates .acorn-help.show-help{
	opacity: 1;
	visibility: visible;
}

.acorn-player.pirates .acorn-help .help-contact {
	position:absolute;
	bottom:20px;
	right:130px;
}

.acorn-player.pirates .acorn-help .help-contact a {
	font-size: 14px;
	color: #fff;
	padding:3px;
}

.acorn-player.pirates .acorn-help .help-contact a:hover { 
	background-color: #deb887;
	color:#000;
}

.acorn-player.pirates .acorn-help .help-version {
	position:absolute;
	top:20px;
	right:30px;
}

.acorn-player.pirates .acorn-help .help-version a {
	font-size: 9px;
	color: #fff;
	padding:3px;
}

.acorn-player.pirates .acorn-help .help-version a:hover { 
	background-color: #deb887;
	color:#000;
}

.acorn-player.pirates .acorn-help .help-item .help-slide-video {
	background: url(slide-video.png) no-repeat;
	height:30px;
	width:81px;
	float:left;
}

.acorn-player.pirates .acorn-help .help-item .help-slide-video:hover { 
	background: url(slide-video-full.png) no-repeat;
}

/* FRAMES */
.acorn-player.pirates .acorn-frames-timer {
	/* position:relative; */
	/* top: 25px; */
	/* right: 175px; */
	cursor:pointer;
	text-decoration:underline;
	float: right;
	color: #efefef;
	font-size: 13px;
	margin:10px 0 0 5px;
}

.acorn-player.pirates .acorn-frames-timer:hover {
	color: #deb887;
}


.acorn-player.pirates .acorn-frames {
	/* position: relative; */
	/* top: 25px; */
	/* right: 120px; */
	float: right;
	color: #efefef;
	font-size: 13px;
	margin:10px 5px 0 5px;
}

/* Frames Input */
.acorn-player.pirates .frametimer-input {
	/* position: relative; */
	text-align:right;
	width:50px;
	height:20px;
	/* top: 21px; */
	/* right: 174px; */
	border:none;
	background:#000;
	color:#ff6600;
	float: right;
	font-size: 12px;
	margin:6px 0 0 5px;
}

/* Volume Container */
.acorn-player.pirates .acorn-volume-box {
	float: left;
	overflow: hidden;
	padding-right: 10px;
	border: none;
}
/* Volume Button */
.acorn-player.pirates .acorn-volume-button {
	float: left;
	width: 30px;
	border-left: none;
	background-image: url(access-volume-full.png);
	padding:0;
}

.acorn-player.pirates .acorn-volume-button:hover {
	background-image: url(access-volume-full-dark.png);
	}
	
.acorn-player.pirates .acorn-volume-mute {
	background-image: url(access-volume.png);
}

.acorn-player.pirates .acorn-volume-mute:hover {
	background-image: url(access-volume-dark.png);
}
/* Volume Slider */
.acorn-player.pirates .acorn-volume-slider {
	float: left;
	height: 5px;
	width: 50px;
	margin-left: 10px;
	margin-top: 15px;		
	border: 1px solid #333;	
	
	background: #111;
	
}
.acorn-player.pirates .acorn-volume-slider .ui-slider-handle {
	width: 5px;
	height: 15px;	
	margin-top: -5px;
	margin-left: -5px;
	
	border: 1px solid #333;
	background: #BCBCBC;
		
}
.acorn-player.pirates .acorn-volume-slider .ui-slider-handle.ui-state-hover, .acorn-player.pirates .acorn-volume-slider .ui-slider-handle.ui-state-focus {
	background: #fff !important;
}
.acorn-player.pirates .acorn-volume-slider .ui-slider-range {	
	background: #deb887;
}
/* Fullscreen Button */
.acorn-player.pirates .acorn-fullscreen-button {
	float: right;
	background-image: url(access-fullscreen.png);
	width:30px;
	padding:0;
}

.acorn-player.pirates .acorn-fullscreen-button:hover {
	background-image: url(access-fullscreen-dark.png);
	}
/* Fullscreen Mode */
.acorn-player.pirates .fullscreen-controls {	
	left: 0px;
	bottom: 0px;
}
.acorn-player.pirates .fullscreen-controls .acorn-fullscreen-button {
	background-image: url(access-exit-fullscreen.png), url(button-background-dark.png);
}

/* Link Players Button */
.acorn-player.pirates .acorn-linkplayers-button {
	position:absolute;
	top: 15px;
	left: 455px;
	width:30px;
	background-image: url(access-linkplayers.png);
	padding:0;
}

.acorn-player.pirates .acorn-linkplayers-button:hover {
	background-image: url(access-linkplayers-dark.png);
	}
	
.acorn-player.pirates .acorn-linkplayers-active {
	background-image: url(access-linkplayers-active.png);
	}
	
.acorn-player.pirates .acorn-linkplayers-active:hover {
	background-image: url(access-linkplayers-active.png);
	}

/* Tooltip */
.acorn-player.pirates .acorn-tooltip {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 10px;
	background: rgba(70, 70, 70, 0.7);
	
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	
	opacity: 0;
	visibility: hidden;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.acorn-player.pirates .acorn-tooltip.show-tooltip{
	opacity: 1;
	visibility: visible;
}
/* Play Overlay */
.acorn-player.pirates .acorn-playoverlay {
	position: absolute;
	cursor:pointer;
	top: 189px;
	right: 354px;
	width:40px;
	height: 30px;
	padding: 10px;
	background: rgba(70, 70, 70, 0.7) no-repeat center;
	background-image: url(access-play.png);
	
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	z-index:999;
	
	opacity: 1;
	visibility: visible;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.acorn-player.pirates .acorn-playoverlay.hide-playoverlay{
	opacity: 0;
	visibility: hidden;
}
/* Caption Button */
.acorn-player.pirates .acorn-caption-button {
	float: right;
	border-right: none;
	background-image: url(access-captions.png), url(button-background-dark.png);
}
.acorn-player.pirates .acorn-caption {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
/* Transcript */
.acorn-player.pirates .acorn-transcript-button {
	float: right;
	border-right: none;
	background-image: url(access-transcript.png), url(button-background-dark.png);
}
.acorn-player.pirates .acorn-caption-active, .acorn-player.pirates .acorn-transcript-active {
	background-position: 5px center, left bottom;
}

/* Screenshot */
.toggle-up {
  overflow: hidden;
  transition:opacity 1s;
  opacity: 1;
  transform: translateY(0);
}


.toggle-down {
  overflow: hidden;
  transition:opacity 1s;
  transform: translateY(0);
}

.is_hidden {
  height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  opacity: 0;
  /* transform: translateY(100%); */
}


acorn-player.pirates .acorn-controls { 
	display:inline; 
	height:50px;
}


.acorn-player.pirates .acorn-screenshothelp {
	position: absolute;
	top: 25px;
	left: 25px;
	background: url(helpoverlay.png) no-repeat;
	z-index:1001;

	cursor:pointer;
	display:none;
	width: 718px;
	height: 382px;
	color: #fff;
	font-size: 12px;
}


/* Screenshot Help left */
.acorn-player.pirates .acorn-screenshothelp .screenshot-help-left {
	width: 363px;
	height: 342px;
	float:left;
	
}

.acorn-player.pirates .acorn-screenshothelp .help-item .screenhelp-colors {
	background: url(access-help-colors.png) no-repeat center 10px;
	height:30px;
	width:40px;
	float:left;
}

.acorn-player.pirates .acorn-screenshothelp .help-item .screenhelp-brushes {
	background: url(access-help-brushes.png) no-repeat center 10px;
	height:30px;
	width:40px;
	float:left;
}


.acorn-player.pirates .acorn-screenshothelp .help-item .screenhelp-brushmode {
	background: url(access-brushmode-active.png) no-repeat center 10px;
	height:30px;
	width:16px;
	float:left;
}

.acorn-player.pirates .acorn-screenshothelp .help-item .screenhelp-textmode {
	background: url(access-textmode-active.png) no-repeat center 10px;
	height:30px;
	width:16px;
	float:left;
}

.acorn-player.pirates .acorn-screenshothelp .help-item .screenhelp-undo {
	background: url(access-help-undo.png) no-repeat center 10px;
	height:30px;
	width:40px;
	float:left;
}


.acorn-player.pirates .acorn-screenshothelp .help-item .screenhelp-redo {
	background: url(access-help-redo.png) no-repeat center 10px;
	height:30px;
	width:40px;
	float:left;
}


/* Screenshot Help Right */
.acorn-player.pirates .acorn-screenshothelp .screenshot-help-right {
	width: 310px;
	height: 342px;
	float:left;
}


.acorn-player.pirates .acorn-screenshothelp .help-item .screenhelp-mode {
	background: url(access-screenshot-active.png) no-repeat center 10px;
	height:30px;
	width:16px;
	float:left;
}


.acorn-player.pirates .acorn-screenshothelp .help-item .screenhelp-reset {
	background: url(access-reset.png) no-repeat center 10px;
	height:30px;
	width:16px;
	float:left;
}

.acorn-player.pirates .acorn-screenshothelp .help-item .screenhelp-download {
	background: url(access-savescreen.png) no-repeat center 10px;
	height:30px;
	width:16px;
	float:left;
}

.acorn-player.pirates .acorn-screenshothelp .help-item .screenhelp-movetextarea {
	background: url(access-movecomment-active.png) no-repeat center 10px;
	height:30px;
	width:16px;
	float:left;
}

.acorn-player.pirates .acorn-screenshothelp-button {
	cursor:pointer;
	text-decoration:underline;
	float: right;
	color: #efefef;
	font-size: 13px;
	margin:25px 10px 0 5px;
}

.acorn-player.pirates .acorn-screenshothelp-button:hover {
	color: #deb887;
}

.acorn-player.pirates .show-screenshothelp {
	/*
	opacity: 1;
	visibility: visible;
	*/
	display:block;
}

.titlesafecanvas {
	width:768px;
	height:432px;
	float:left;
	margin:auto;
	display:block;
	cursor:pointer;
	z-index:1;	
	position: absolute;
  	top: 0;
	left: 0;
}

.canvas_target {
	width:768px;
	height:432px;
	float:left;
	margin:auto;
	display:none;
	cursor:pointer;
	cursor:  url(access-brush.png) 1 15, pointer;
	position: relative;
}

.canvas_target canvas {
	z-index:2;	
	position: absolute;
  top: 0;
  left: 0;
  
}

.textdiv {
	width:768px;
	height:432px;
	float:left;
	cursor:text;
	cursor:  url(access-textinput.png) 1 15, text;
	z-index:3;
  position: absolute;
}

.dimmlayer {
	background-color: #000;
	opacity: .5;
	width:100%;
	height:100%;
}

.textAreaPopUp {
	position:relative;
	/*
	top:0px;
	left:0px;
	*/
	z-index:30;
}

.textareaTest {
	width:155px;
	min-width:155px;
	height:50px;
	min-height:25px;
	float:left;
	background-color: transparent;
	border:1px dashed #ff6600;
}

.movecomment {
	 position:absolute;
	/*top: -16px;
	left:-16px; 
	opacity: 1; */
	width:16px;
	height:16px;
	background-image: url(access-movecomment.png);
	cursor:move;
	margin: 0 0 0 -20px;
}

.movecomment:hover { 
	background-image: url(access-movecomment-active.png);
	cursor:move;
	
}

.buttondummy { 
	float:left; 
	height:20px;
	width:155px;
}

	
.textAreaPopUp button:hover { 
	cursor:pointer;
	background-color:#ff6600;
}

.acorn-player.pirates .acorn-screenshot-controls { 
	height:50px;
	/* display:none;
	opacity: 0; */
	padding-top: 0px;
	
}

.acorn-player.pirates .acorn-screenshot-controls button {
	margin-top: 15px;	
}


#output {
	width:768px;
	height:432px;
	float:left;
	}



.acorn-player.pirates .acorn-titlesafe-button {
		position:absolute;
		top: 15px;
		left: 515px;
		width:30px;
		background-image: url(access-titlesafe.png);
		padding:0;
	}
	
.acorn-player.pirates .acorn-titlesafe-button:hover {
		background-image: url(access-titlesafe-dark.png);
	}
		
.acorn-player.pirates .acorn-titlesafe-active {
		background-image: url(access-titlesafe-active.png);
		float:right;
		margin-right:200px;
		width:30px;
		padding:0;
		}
		
.acorn-player.pirates .acorn-titlesafe-active:hover {
		background-image: url(access-titlesafe-active.png);
		}

.acorn-player.pirates .acorn-screenshot-button {
	position:absolute;
	top: 15px;
	left: 485px;
	width:30px;
	background-image: url(access-screenshot.png);
	padding:0;
}

.acorn-player.pirates .acorn-screenshot-button:hover {
	background-image: url(access-screenshot-dark.png);
}
	
.acorn-player.pirates .acorn-screenshot-active {
	background-image: url(access-screenshot-active.png);
	float:right;
	margin-right:170px;
	width:30px;
	padding:0;
	}
	
.acorn-player.pirates .acorn-screenshot-active:hover {
	background-image: url(access-screenshot-active.png);
	}
	
.acorn-player.pirates .acorn-screenshot-save {
	float:right;
	width:30px;
	background-image: url(access-savescreen.png);
	padding:0;
}

.acorn-player.pirates .acorn-screenshot-save:hover {
	background-image: url(access-savescreen-dark.png);
}
	
.acorn-player.pirates .acorn-reset {
	float:right;
	width:30px;
	background-image: url(access-reset.png);
	padding:0;
}

.acorn-player.pirates .acorn-reset:hover {
	background-image: url(access-reset-dark.png);
}

.acorn-player.pirates button.acorn-textmode {
	float:left;
	width:30px;
	margin-left:30px;
	background-image: url(access-textmode.png);
	padding:0;
}

.acorn-player.pirates button.acorn-textmode:hover {
	background-image: url(access-textmode-dark.png);
}

.acorn-player.pirates button.acorn-textmode-active {
	float:left;
	width:30px;
	margin-left:30px;
	background-image: url(access-textmode-active.png);
	padding:0;
}

.acorn-player.pirates button.acorn-textmode-active:hover {
	background-image: url(access-textmode-active.png);
}

.acorn-player.pirates button.acorn-brushmode {
	float:left;
	width:30px;
	background-image: url(access-brushmode.png);
	padding:0;
}

.acorn-player.pirates button.acorn-brushmode:hover {
	background-image: url(access-brushmode-dark.png);
}

.acorn-player.pirates button.acorn-brushmode-active {
	float:left;
	width:30px;
	background-image: url(access-brushmode-active.png);
	padding:0;
}

.acorn-player.pirates button.acorn-brushmode-active:hover {
	background-image: url(access-brushmode-active.png);
}

ul#colors li, ul#brushes li {
	float:left;
	list-style-type:none;	
}

ul#colors { 
	float:left;
	margin:0 0 0 20px;
	padding:0;	
	height:50px;
	width:100px;
}

ul#colors button {
	padding:0;
	width:15px;
}

ul#colors button.active {
	margin:0;
	padding-top:15px;
	height:50px;
}


ul#brushes { 
	float:left;
	margin:0 0 0 20px;
	padding:0;	
	height:50px;
	width:70px;
}

ul#brushes button {
	padding:0;
	width:15px;
}

ul#brushes button.active {
	margin:0;
	padding-top:15px;
	height:50px;
}

ul#brushes button.small { background: url(access-brushes-small.png) center repeat-y; }
ul#brushes button.small:hover { background: url(access-brushes-small-active.png) center repeat-y; }
ul#brushes button.small.active { background: url(access-brushes-small-active.png) center repeat-y; }
	
ul#brushes button.normal { background: url(access-brushes-normal.png) center repeat-y; }
ul#brushes button.normal:hover { background: url(access-brushes-normal-active.png) center repeat-y; }
ul#brushes button.normal.active { background: url(access-brushes-normal-active.png) center repeat-y; }

ul#brushes button.large { background: url(access-brushes-large.png) center repeat-y; }
ul#brushes button.large:hover { background: url(access-brushes-large-active.png) center repeat-y; }
ul#brushes button.large.active { background: url(access-brushes-large-active.png) center repeat-y; }

ul#brushes button.huge { background: url(access-brushes-huge.png) center repeat-y; }
ul#brushes button.huge:hover { background: url(access-brushes-huge-active.png) center repeat-y; }
ul#brushes button.huge.active { background: url(access-brushes-huge-active.png) center repeat-y; }

/* END OF THEME STYLES */