/* Studio */
.studio {
	margin: 0 auto;
	width: 100%;
}
.studio td {
	vertical-align: top !important;
	text-align: left;
}
.studio .bar-options {
	border-bottom: 1px solid #CCC;
	background-color: #FFF;
	padding: 8px;
}

.studio .text-option {
	padding: 12px 0 4px;
	font-size: 13px;
}
.studio .flexbox {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#frames {
	padding-left: 10px;
	width: 160px;
}

#toolbox {
	padding-right: 10px;
	width: 185px;
}

/* Toolbox > Color */
#toolbox .color, #toolbox .color-active {
	width: 38px;
	height: 38px;
	margin: 1px;
	transition: all linear 0.1s;
}
#toolbox .color:active {
	width: 38px !important;
	height: 38px !important;
	margin: 1px !important;
}
#toolbox .color {
	border: 1px solid #000;
}
#toolbox .color:hover {
	width: 42px;
	height: 42px;
	margin: -1px;
}
#toolbox .color-active {
	border: 3px solid #000;
}
#toolbox .color:active, #toolbox .color-active:active {
	border: 5px solid #000;
}

#color-blk {background-color: #000000;}
#color-red {background-color: #FF0000;}
#color-ylw {background-color: #FFE800;}
#color-grn {background-color: #009933;}
#color-sky {background-color: #33D0FF;}
#color-blu {background-color: #0033CC;}
#color-pnk {background-color: #FF66FF;}
#color-wht {background-color: #FFFFFF;}

/* Frame > List */
#frame-list {
	height: 360px;
	overflow-y: auto;
}
#frame-list div {
	background-color: #FFF;
	border-left: 0;
	border-top: 0;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 2px 4px;
	font-size: 11px;
	cursor: pointer;
}
#frame-list div:active {
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-right: 0;
	border-bottom: 0;
}

/* Misc */
.bar-options button, .btn {
	border-top: 1px solid #FFFFFF !important;
	border-left: 1px solid #FFFFFF !important;
	border-bottom: 2px solid #808080 !important;
	border-right: 2px solid #808080 !important;
	background-color: #DDD;
	padding: 4px 6px;
	color: #333 !important;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
}
.bar-options button:active, .btn:active {
	border-top: 2px solid #808080 !important;
	border-left: 2px solid #808080 !important;
	border-bottom: 1px solid #FFFFFF !important;
	border-right: 1px solid #FFFFFF !important;
	padding: 3px 6px;
}