*:focus {outline:0;}

.ezs3homecontainer {
	margin-bottom: 20px;
}
.ezs3homecontainer .ezs3buttons, .ezs3homecontainer .playermanagement, .ezs3homecontainer .lplayermanagement {
	display: flex;
	flex-wrap: wrap;
	flex-flow: row wrap;
	justify-content: flex-start;
}
/* Buttons */
.ezs3homecontainer .ezs3buttons .ezs3button {
	width: 25%;
	min-width: 150px;
	flex: 1 1 25%;
	box-sizing: border-box;
}
.ezs3homecontainer .ezs3buttons .ezs3button a, .ezs3button a {
	display: block;
	margin: 5px;
	padding: 8px 16px;
	text-align: center;
	background: #7985AC;
	color: #ffffff;
	font-weight: bold;
	border: 1px solid #586697;
}
.ezs3homecontainer .ezs3buttons .ezs3button a:hover, .ezs3button a:hover {
	color: #ffffff !important;
	background-color: #586697;
}
.ezs3homecontainer .ezs3buttons .ezs3button a.disabled {
	border: 1px solid #d43f3a;
    background-color: #d9534f;
}
.ezs3homecontainer .ezs3buttons .ezs3button a.disabled:hover {
    background-color: #d43f3a !important;
}
/* Player Management */
.ezs3homecontainer .playermanagement .playermdiv {
	width: 50%;
	min-width: 150px;
	flex: 1 1 50%;
	box-sizing: border-box;
}
/* Legacy Player Management */
.ezs3homecontainer .lplayermanagement .lplayermdiv {
	width: 33%;
	min-width: 150px;
	flex: 1 1 33%;
	box-sizing: border-box;
	padding: 10px;
}
.lplayermdiv div.ezs3button, .lplayermdiv div.ezs3img {
	display: table-cell;
	vertical-align: middle;
}
.premiumfeatures div.ezs3button, .premiumfeatures div.ezs3img, .premiumfeatures div.ezs3desc {
	display: table-cell;
	vertical-align: middle;
}
.premiumfeatures div.ezs3img {
	min-width: 80px;
}
.premiumfeatures div.ezs3button {
	min-width: 200px;
	padding-right: 10px;
}
div.ezs3img {
	padding-right: 10px;
}

input[type="text"], textarea, select {
	padding: 5px;
	box-sizing: border-box;
}
#overDiv {
	font-size: 14px !important;
	line-height: normal !important;
	padding: 10px !important;
	border: 1px solid #586697;
	background: #efefef;
}
#overDiv font {
	font-size: 14px;
}
#overDiv table {
	background: transparent !important;
	width: 100% !important;
	max-width: 400px !important;
}
#s3message { width: 100%; border: 2px dashed #cde316; background-color:#272727; color:#fffff; text-align:center; }

#filebar {clear:both; margin:0; padding:0; text-align:left; height:33px;}
#filebar ul {padding:0;}
#filebar ul li {list-style:none; float:left; margin:0 4px 0 0;}
#filebar ul li a {display:block; font-weight:700; background-color:#C3D9FF; border:1px solid #4096ee; border-bottom:1px solid #36393d; padding:5px 6px 3px 6px;}
#filebar ul li a:hover {background-color:#f8f8f8; color:#777; padding:5px 6px 3px 6px; border:1px solid #ccc; border-bottom:1px solid #36393d;}
#filebar ul li.current_page_item a {background-color:#ffffff; color:#555; padding:5px 6px 3px 6px; border:1px solid #36393d; border-bottom:1px solid #ffffff;}

#bucketswrapper {
	width: 30%;
	height: 600px;
	float: left;
	padding-right: 10px;
}
#buckets {
	background: #e2e3ed;
	width: 100%;
	height:100%;
	overflow:auto;
	border: 1px solid #586697;
	padding: 5px;
}

#cloudfront {
	background: #EFF0FC;
	width: 70%;
	float: right;
	border: 1px solid #586697;
	padding: 5px;
	height: 600px;
	overflow: auto;
	color: #586697;
	font-weight: bold;
}

#cloudfrontform {
	border: 1px dashed #869409;
	color: #869409;
	font-weight: bold;
	padding: 5px;
	margin: 0 0 5px 0;
	background: white;
}

#cloudfrontform.enabled {
	background: #C1F2A7;
}

#cloudfrontform.Streamenabled {
	background: #8EE85E;
}
#cloudfrontform.disabled {
	background: #F8A2A2;
}

#cloudfrontform.Streamdisabled {
	background: #F36A6A;
}
#cloudfrontform.inprogress {
	background: #E8BF7E;
}
#cloudfrontform.Streaminprogress {
	background: #E5A43E;
}
.ajaxloading {
	margin:0 auto;
	padding:10px;
	margin:10px;
	text-align:center;
	color: #586697;
}
#rebuildplayers {
	background: #EFF0FC;
	width: 100%;
	max-width: 800px;
	border: 1px solid #586697;
	padding: 5px;
	height: 300px;
	overflow: hidden;
	color: #586697;
	font-weight: bold;
	margin: 0 auto;
	position: relative;
}

.rebuildp {
	color: #586697;
	font-weight: bold;
}

.overdiv font { color:#000;}

.ezs3Headline {font-size: 16px; font-weight: bold; color: #676dad;}
.whiteCell {border-top:1px solid #586697; border-bottom:1px solid #586697}
.viewGallery, .createGallery, .editGallery, a.goback, a.uploadFilesSmall, a.folderAccess, .deleteFolder, a.deleteFolder, a.deleteFile, a.fileAccess, a.downloadTorrent, a.downloadFile, .createPlayer, a.browseFiles, a.uploadFiles, a.createFolder, a.playerStats, .createNewFolder, a.createPlayer, a.viewStats, .viewstats {background:url(images/createViewButtons.gif) top left no-repeat; width:88px; height:33px; display:block; margin:0; padding:0; border:0; }
.viewGallery:visited, .createGallery:visited, .editGallery:visited, a:visited.goback, a:visited.uploadFilesSmall, a:visited.folderAccess, .deleteFolder:visited, a:visited.deleteFolder, a:visited.deleteFile, a:visited.fileAccess, a:visited.downloadTorrent, a:visited.downloadFile, .createPlayer:visited, a:visited.browseFiles, a:visited.uploadFiles, a:visited.playerStats, a:visited.createFolder, .createNewFolder:visited, a:visited.createPlayer, a:visited.viewStats, .viewstats:visited {background:url(images/createViewButtons.gif) top left no-repeat; width:88px; height:33px; display:block; margin:0; padding:0; border:0; }
.viewGallery:hover, .createGallery:hover, .editGallery:hover, a:hover.goback, a:hover.uploadFilesSmall, a:hover.folderAccess, .deleteFolder:hover, a:hover.deleteFolder, a:hover.deleteFile, a:hover.fileAccess, a:hover.downloadTorrent, a:hover.downloadFile, .createPlayer:hover, .createNewFolder:hover, a:hover.browseFiles, a:hover.uploadFiles, a:hover.playerStats, a:hover.createFolder, a:hover.createPlayer, a:hover.viewStats, .viewstats:hover {background:url(images/createViewButtons.gif) top right no-repeat; width:88px; height:33px; display:block; margin:0; padding:0; border:0; }
.viewPlayer, .editPlayer, .editPlayer:visited, .viewPlayer:visited {background:url(images/editViewPlayer.gif) top left no-repeat; width:88px; height:33px; display:block; margin:0; padding:0; border:0; }
.viewPlayer:hover, .editPlayer:hover {background:url(images/editViewPlayer.gif) top right no-repeat; width:88px; height:33px; display:block; margin:0; padding:0; border:0; }
.yesDeleteFile, .noReturnFile, .yesDeleteFile:visited, .noReturnFile:visited, .yesDeleteFile:hover, .noReturnFile:hover {background:url(images/deleteFileOptions.gif) top right no-repeat; width:88px; height:33px; display:block; margin:0; padding:0; border:0; }
.viewAllFolders, .noReturnFolder, .noReturnFolder:visited, .viewAllFolders:visited, .noReturnFolder:hover, .viewAllFolders:hover {background:url(images/folderOptions.gif) top right no-repeat; width:88px; height:33px; display:block; margin:0; padding:0; border:0; }
.fileAccess, .folderAccess, .fileAccess:visited, .folderAccess:visited, .fileAccess:hover, .folderAccess:hover {background:url(images/modifyAccess.gif) top right no-repeat; width:88px; height:33px; display:block; margin:0; padding:0; border:0; }
.ezs3home, .viewParent, .ezs3home:visited, .viewParent:visited, .ezs3home:hover, .viewParent:hover {background:url(images/homeParent.gif) top right no-repeat; width:88px; height:33px; display:block; margin:0; padding:0; border:0; }
.selectcode, a.manageplayers, .selectcode:visited, a:visited.manageplayers, .selectcode:hover, a:hover.manageplayers {background:url(images/manageSelectCode.gif) top right no-repeat; width:88px; height:33px; display:block; margin:0; padding:0; border:0; }
a.downloadTorrent, a:visited.downloadTorrent, a:hover.downloadTorrent, a.downloadFile, a:visited.downloadFile, a:hover.downloadFile {background:url(images/downloadButtons.gif)}
a.deleteFile, a:visited.deleteFile, a:hover.deleteFile, a.fileAccess, a:visited.fileAccess, a:hover.fileAccess {background:url(images/deleteAccessButtons.gif)}
.deleteFolder, .deleteFolder:hover, .deleteFolder:visited, a.deleteFolder, a:visited.deleteFolder, a:hover.deleteFolder, a.folderAccess, a:hover.folderAccess, a:visited.folderAccess {background:url(images/folderButtons.gif)}
a.uploadFilesSmall, a:visited.uploadFilesSmall, a:hover.uploadFilesSmall {background:url(images/uploadSmall.gif)}
.selectcode, a.folderAccess, a.fileAccess, a.downloadTorrent, .selectcode:visited, a:visited.folderAccess, a:visited.fileAccess, a:visited.downloadTorrent {background-position: bottom left} .selectcode:hover, a:hover.folderAccess, a:hover.downloadTorrent, a:hover.fileAccess {background-position: bottom right}
a.manageplayers, a.uploadFilesSmall, .deleteFolder, a.deleteFolder, a.deleteFile, a.downloadFile, a:visited.manageplayers, a:visited.uploadFilesSmall, .deleteFolder:visited, a:visited.deleteFolder, a:visited.deleteFile, a:visited.downloadFile {background-position: top left} a:hover.manageplayers, a:hover.uploadFilesSmall, a:hover.deleteFolder, .deleteFolder:hover, a:hover.downloadFile, a:hover.deleteFile {background-position: top right}
a.viewStats, a:visited.viewStats, .viewstats, .viewStats:visited {background-position: bottom left} a:hover.viewStats, .viewstats:hover {background-position: bottom right}
.viewParent, .viewParent:visited, .folderAccess, .folderAccess:visited, .noReturnFolder, .noReturnFolder:visited, .noReturnFile, .noReturnFile:visited, .editPlayer, .editPlayer:visited {background-position: bottom left} .viewParent:hover, .folderAccess:hover, .noReturnFolder:hover, .editPlayer:hover, .noReturnFile:hover {background-position: bottom right}
.ezs3home, .ezs3home:visited, .fileAccess, .fileAccess:visited, .viewAllFolders, .viewAllFolder:visited, .yesDeleteFile, .yesDeletedFile:visited, .viewPlayer, .viewPlayer:visited {background-position: top left} .ezs3home:hover, .fileAccess:hover, .viewAllFolders:hover, .viewPlayer:hover, .yesDeleteFile:hover {background-position: top right}
a.createFolder, a:visited.createFolder {background:url(images/createFolder.gif) left; width:131px; height:49px}
a:hover.createFolder {background:url(images/createFolder.gif) right; width:131px; height:49px}
.createNewFolder, .createNewFolder:visited {background:url(images/createNewFolder.gif) left; width:131px; height:49px}
.createNewFolder:hover {background:url(images/createNewFolder.gif) right; width:131px; height:49px}
.createPlaylistL, .createPlaylistL:visited {background:url(images/createPlaylistL.gif) left; width:131px; height:49px; display:block; margin:0; padding:0; border:0; }
.createPlaylistL:hover {background:url(images/createPlaylistL.gif) right; width:131px; height:49px; display:block; margin:0; padding:0; border:0; }
.viewPlaylist, .createPlaylist, .createPlaylist:visited, .viewPlaylist:visited {background:url(images/createViewPlaylist.gif) top left no-repeat; width:88px; height:33px; display:block; margin:0; padding:0; border:0; }
.viewPlaylist:hover, .createPlaylist:hover {background:url(images/createViewPlaylist.gif) top right no-repeat; width:88px; height:33px; display:block; margin:0; padding:0; border:0; }
.viewPlaylist, .viewPlaylist:visited {background-position: bottom left}
.viewPlaylist:hover {background-position: bottom right}
.editPlaylist, .editPlaylist:visited {background:url(images/editPlaylist.gif) bottom left no-repeat; width:88px; height:33px; display:block; margin:0; padding:0; border:0; }
.editPlaylist:hover {background:url(images/editPlaylist.gif) bottom right no-repeat; width:88px; height:33px; display:block; margin:0; padding:0; border:0; }
a.goback, a:visited.goback {background:url(images/goback.gif) left; width:131px; height:49px}
a:hover.goback {background:url(images/goback.gif) right; width:131px; height:49px}
a.uploadFiles, a:visited.uploadFiles {background:url(images/uploadFiles.gif) left; width:131px; height:49px}
a:hover.uploadFiles {background:url(images/uploadFiles.gif) right; width:131px; height:49px}
a.browseFiles, a:visited.browseFiles {background:url(images/browseFiles.gif) left; width:131px; height:49px}
a:hover.browseFiles {background:url(images/browseFiles.gif) right; width:131px; height:49px}
a span {display:none}
.createNewBucket, .createNewBucket:visited, .createNewBucket:hover {margin-top:20px; background:url(images/createNewBucket.gif) left top; width:126px; height:29px; border:0; cursor:pointer}
.createNewBucket:hover {background-position: right top}
.dateRange, .dateRange:visited, .dateRange:hover {margin-top:0px; background:url(images/dateRange.gif) left top; width:131px; height:49px; border:0; cursor:pointer}
.dateRange:hover {background-position: right top}

.blueCell, .redcell, .purpleCell, .purplecell, .greenCell, .yellowcell, .turqcell {
	padding: 10px;
	border: 1px solid #586697;
	background: -moz-linear-gradient(45deg, rgba(239,240,246,1) 0%, rgba(239,240,246,1) 1%, rgba(255,255,255,1) 49%, rgba(239,240,246,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(239,240,246,1)), color-stop(1%, rgba(239,240,246,1)), color-stop(49%, rgba(255,255,255,1)), color-stop(100%, rgba(239,240,246,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(45deg, rgba(239,240,246,1) 0%, rgba(239,240,246,1) 1%, rgba(255,255,255,1) 49%, rgba(239,240,246,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(45deg, rgba(239,240,246,1) 0%, rgba(239,240,246,1) 1%, rgba(255,255,255,1) 49%, rgba(239,240,246,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(45deg, rgba(239,240,246,1) 0%, rgba(239,240,246,1) 1%, rgba(255,255,255,1) 49%, rgba(239,240,246,1) 100%); /* ie10+ */
	background: linear-gradient(45deg, rgba(239,240,246,1) 0%, rgba(239,240,246,1) 1%, rgba(255,255,255,1) 49%, rgba(239,240,246,1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f6', endColorstr='#eff0f6',GradientType=1 ); /* ie6-9 */
}
.blueCell td, .redcell td, .purpleCell td, .purplecell td, .greenCell td, .yellowcell td, .turqcell td {
	height: 40px;
}
.largeBlue, .smallBlue, .largeGreen, .smallGreen {
	background: #7985AC !important;
	padding: 10px 20px !important;
	color: #ffffff !important;
	font-weight: bold !important;
	border: 1px solid #586697 !important;
	margin: 2px !important;
}
.smallBlue, .smallGreen, .smallBlue:hover, .smallGreen:hover {
	padding: 5px 10px !important;
}
.largeBlue:hover, .smallBlue:hover, .largeGreen:hover, .smallGreen:hover {
	background: #586697 !important;
	color: #ffffff !important;
}
a.largeBlue span, a.smallBlue span, a.largeGreen span, a.smallGreen span { display:inline; }


a.playerStats, a:visited.playerStats {background:url(images/playerstats.gif) left; width:131px; height:49px}
a:hover.playerStats {background:url(images/playerstats.gif) right; width:131px; height:49px}
a.ezs3feature, a:visited.ezs3feature { font-size:20px; display:inline; font-weight:bold; color:#586697; }
a:hover.ezs3feature { color:#bcce16; }
.createGallery, .createGallery:visited {background:url(images/createGallery.gif) left; width:131px; height:49px}
.createGallery:hover {background:url(images/createGallery.gif) right; width:131px; height:49px}
.editGallery, .editGallery:visited, .editGallery:hover, .viewGallery, .viewGallery:visited, .viewGallery:hover {background:url(images/editGallery.gif)}
.editGallery, .editGallery:visited {background-position: bottom left;}
.editGallery:hover {background-position: bottom right;}
.viewGallery, .viewGallery:visited {background-position: top left;}
.viewGallery:hover {background-position: top right;}
.codeembed { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; border:1px solid #586697; color:#586697; }
.largeGrey { border: 1px solid #777777; padding:10px; color:#777777; background-color:#dddddd; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; width:80%; }
.largeGrey:link { border: 1px solid #777777; padding:10px; color:#777777; background-color:#dddddd; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; width:80%; }
.largeGrey:active { border: 1px solid #777777; padding:10px; color:#777777; background-color:#dddddd; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; width:80%; }
.largeGrey:visited { border: 1px solid #777777; padding:10px; color:#777777; background-color:#dddddd; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; width:80%; }
.largeGrey:hover { border: 1px solid #777777; padding:10px; color:#777777; background-color:#dddddd; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; width:80%; }
a.largeGrey span { display:inline; }
.largeRed { border: 1px solid #990000; padding:10px; color:#990000; background-color:#FF9999; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; width:80%; }
.largeRed:link { border: 1px solid #990000; padding:10px; color:#990000; background-color:#FF9999; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; width:80%; }
.largeRed:active { border: 1px solid #990000; padding:10px; color:#990000; background-color:#FF9999; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; width:80%; }
.largeRed:visited { border: 1px solid #990000; padding:10px; color:#990000; background-color:#FF9999; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; width:80%; }
.largeRed:hover { border: 1px solid #990000; padding:10px; color:#990000; background-color:#FF9999; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; width:80%; }
a.largeRed span { display:inline; }
.fan_box .profileimage { display: none; }
.smallRed { width:100%; font-size:10px; border: 1px solid #990000; padding:4px; color:#990000; background-color:#FF9999; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.smallRed:link { width:100%; font-size:10px; border: 1px solid #990000; padding:4px; color:#990000; background-color:#FF9999; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.smallRed:active { width:100%; font-size:10px; border: 1px solid #990000; padding:4px; color:#990000; background-color:#FF9999; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.smallRed:visited { width:100%; font-size:10px; border: 1px solid #990000; padding:4px; color:#990000; background-color:#FF9999; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.smallRed:hover { width:100%; font-size:10px; border: 1px solid #990000; padding:4px; color:#990000; background-color:#FF9999; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
a.smallRed span { display:inline; }
.ezs3loading {
	padding: 50px 20px;
	text-align: center;
	background: #EFF0FC;
}
.ezs3error, .ezs3message {
	padding:10px;
	border: 1px solid #586697;
	color: #586697;
	font-weight:bold;
	text-align: center;
	background-color: #F4D0D0;
}
.ezs3message {
	background-color: #F1F5D0 !important;
}
.ezs3message a {
	text-decoration: none;
}
.ezs3message a img {
	vertical-align: middle;
}

table { text-align:left; vertical-align:top; }

/* New Skins */
.skinheadline {
	color: #586697;
	font-weight: bold;
	padding: 5px;
}
.skinexpand {
	text-align: left !important;
	cursor: pointer;
}
.skinexpand span {
	font-size: 16px;
}
.skinexpand .minus {
	display: none;	
}
.legacyskins {
	display: none;	
}
.skintable {
	display: table;	
}
.skinrow {
	display: table-row;	
}
.skincell {
	display: table-cell;	
	padding: 3px;
}
.skincell a img {
	width: 125px;
	border: 2px solid #ffffff;
}
.selectedskin a img {
	width: 125px;
	border: 2px solid #bcce16 !important;
}
.skincell a:hover img {
	border: 2px solid #586697 !important;
}
.skinselect {
	border: 2px solid #ffffff;
	max-width: 100%;
	height: unset;
}
.skinselect:hover {
	border: 2px solid #bcce16;
}
.selectedfreshskin a img, .freshskincell a img {
	max-width: 250px;
	width: 100%;
}
#ezs3accordion .ui-accordion-header, .ezs3accordion .ui-accordion-header {
	color: #586697;
	font-weight: bold;
}
#ezs3accordion .ui-state-active, .ezs3accordion .ui-state-active {
	background: #292929;
	border: 1px solid #586697;
	color: #ffffff;
}
#ezs3accordion .ui-state-inactive, .ezs3accordion .ui-state-inactive {
	
}
#ezs3accordion .ui-accordion-content, .ezs3accordion .ui-accordion-content {
	background: -moz-linear-gradient(45deg, rgba(239,240,246,1) 0%, rgba(239,240,246,1) 1%, rgba(255,255,255,1) 49%, rgba(239,240,246,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(239,240,246,1)), color-stop(1%, rgba(239,240,246,1)), color-stop(49%, rgba(255,255,255,1)), color-stop(100%, rgba(239,240,246,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(45deg, rgba(239,240,246,1) 0%, rgba(239,240,246,1) 1%, rgba(255,255,255,1) 49%, rgba(239,240,246,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(45deg, rgba(239,240,246,1) 0%, rgba(239,240,246,1) 1%, rgba(255,255,255,1) 49%, rgba(239,240,246,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(45deg, rgba(239,240,246,1) 0%, rgba(239,240,246,1) 1%, rgba(255,255,255,1) 49%, rgba(239,240,246,1) 100%); /* ie10+ */
	background: linear-gradient(45deg, rgba(239,240,246,1) 0%, rgba(239,240,246,1) 1%, rgba(255,255,255,1) 49%, rgba(239,240,246,1) 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f6', endColorstr='#eff0f6',GradientType=1 ); /* ie6-9 */
}
.ezs3tabs { 
    padding: 0px; 
    background: none; 
    border-width: 0px !important; 
} 
.ezs3tabs .ui-tabs-nav { 
    padding-left: 0px; 
    background: transparent; 
    border-width: 0px 0px 1px 0px; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 
.ezs3tabs .ui-tabs-panel { 
    background: #f6f6f6; 
    border-width: 0px 1px 1px 1px; 
}
.ezs3tabs .ui-tabs-active {
	background: #292929;
	color: #ffffff;
	font-weight: bold;
	border-color: #586697;
}
.ezs3tabs .ui-tabs-active:hover {
	background: #222222;
	color: #ffffff !important;
}
.ezs3tabs .ui-tabs-active a:hover {
	color: #ffffff !important;
}
#playlistContainer {
	width: 100%;
	box-sizing: border-box;
	display: table;
}
#allItemsContainer, #selectedItemsContainer {
	width: 50%;
	box-sizing: border-box;
	padding: 5px;
	display: table-cell;
}
#allItemsContainer div, #selectedItemsContainer div {
	width: 100%;
	box-sizing: border-box;
	overflow-y: scroll;
	overflox-x: hidden;
}
#allItems, #selectedItems {
	min-height: 400px;
	list-style-type: none;
	margin: 5px;
	padding: 5px;
	margin-right: 10px;
	box-sizing: border-box;
	max-height: 400px;
}
#allItems li, #selectedItems li {
	margin: 5px;
	padding: 5px;
	font-size: 1.2em;
	width: 100%;
	border-radius: 5px;
	box-sizing: border-box;
	color: #586697;
	cursor: pointer;
}


/*
.blueCell {background: #fff url(images/blueBG.gif) no-repeat 0px -60px; border:1px solid #BCCE16} .greenCell {background:#fff url(images/greenBG.gif) repeat-x 0 0px; border:1px solid #BCCE16;}
.redcell {background: #fff url(images/redBG.gif) repeat-x 0 0px; border:1px solid #BCCE16} .yellowcell {background: #fff url(images/yellowBG.gif) repeat-x 0 0px; border:1px solid #BCCE16}
.purplecell {background: #fff url(images/purpBG.gif) repeat-x 0 0px; border:1px solid #BCCE16} .turqcell {background: #fff url(images/turqBG.gif) repeat-x 0 0px; border:1px solid #BCCE16}
*/
/*
a.smallGreen {display:block; width:118px; text-align:center; }
.largeBlue { height:40px; border: 1px solid #586697; padding:10px; color:#586697; background-color:#e2e3ed; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.largeBlue:link { height:40px; border: 1px solid #586697; padding:10px; color:#586697; background-color:#e2e3ed; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.largeBlue:active { height:40px; border: 1px solid #586697; padding:10px; color:#586697; background-color:#e2e3ed; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.largeBlue:visited { height:40px; border: 1px solid #586697; padding:10px; color:#586697; background-color:#e2e3ed; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.largeBlue:hover { height:40px; border: 1px solid #bcce16; padding:10px; color:#869409; background-color:#EBF2A7; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.smallBlue { font-size:10px; border: 1px solid #586697; padding:4px; color:#586697; background-color:#e2e3ed; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.smallBlue:link { font-size:10px; border: 1px solid #586697; padding:4px; color:#586697; background-color:#e2e3ed; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.smallBlue:active { font-size:10px; border: 1px solid #586697; padding:4px; color:#586697; background-color:#e2e3ed; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.smallBlue:visited { font-size:10px; border: 1px solid #586697; padding:4px; color:#586697; background-color:#e2e3ed; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.smallBlue:hover { font-size:10px; border: 1px solid #bcce16; padding:4px; color:#869409; background-color:#EBF2A7; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.largeGreen { height:40px; border: 1px solid #869409; padding:10px; color:#869409; background-color:#EBF2A7; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.largeGreen:link { height:40px; border: 1px solid #869409; padding:10px; color:#869409; background-color:#EBF2A7; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.largeGreen:active { height:40px; border: 1px solid #869409; padding:10px; color:#869409; background-color:#EBF2A7; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.largeGreen:visited { height:40px; border: 1px solid #869409; padding:10px; color:#869409; background-color:#EBF2A7; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.largeGreen:hover { height:40px; border: 1px solid #586697; padding:10px; color:#586697; background-color:#e2e3ed; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.smallGreen { width:100%; font-size:10px; border: 1px solid #869409; padding:4px; color:#869409; background-color:#EBF2A7; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.smallGreen:link { font-size:10px; border: 1px solid #869409; padding:4px; color:#869409; background-color:#EBF2A7; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.smallGreen:active { font-size:10px; border: 1px solid #869409; padding:4px; color:#869409; background-color:#EBF2A7; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.smallGreen:visited { font-size:10px; border: 1px solid #869409; padding:4px; color:#869409; background-color:#EBF2A7; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }
.smallGreen:hover { font-size:10px; border: 1px solid #586697; padding:4px; color:#586697; background-color:#e2e3ed; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; }

*/