﻿.style-settings { position: fixed; left: 0; top: 70px; z-index: 100; }
.style-settings-active { margin: 0 !important; }

.style-settings-button { font-size: 24px; padding: 8px 12px; background: rgba(0, 0, 0, 0.5); border-radius: 0 5px 5px 0; cursor: pointer; width: 25px; 
float: right; color: #fff; }
.style-settings-title { margin-bottom: 10px; font: 24px 'Open Sans Condensed'; text-transform: uppercase; }
.style-settings-content { background: #fff; padding: 8px; float: left; width: 200px; transition: all 0.5s ease 0s; margin-left: -217px; 
border: 1px solid #e1e1e1; border-left: 0 }
.style-settings-content div { margin: 6px 10px; padding-bottom: 12px; border-bottom: 1px dashed #e5e5e5; font-size: 16px; }
.style-settings-content h2 { margin-bottom: 5px; font-size: 16px; font-weight: normal; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; text-transform: none; }

.style-settings .setting-selected { background: #d1d1d1 !important; box-shadow: 1px 1px 1px #a1a1a1 inset; }
.style-settings button { background: #e8e8e8 !important; margin: 0 2px; }
.style-settings button:hover { background: #e1e1e1 !important; }

.color-setting {
	width: 36px;
	height: 36px;
	background: url(../img/colorpicker/select2.png);
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	float: left;
}
.color-setting div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 28px;
	height: 28px;
	background: url(../img/colorpicker/select2.png) 50%;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	text-indent: 9999px;
}

.reply-setting { display: inline-block; margin: 10px 28px 0; cursor: pointer; }
.get-code { display: inline-block; margin: 10px 28px; cursor: pointer; }

.get-code-body {
    background: rgba(220, 220, 220, 0.9);
    border-radius: 3px;
    box-sizing: border-box;
    display: none;
    height: 260px;
    left: 50%;
    margin-left: -300px;
    margin-top: -110px;
    padding: 20px;
    position: fixed;
    top: 50%;
    width: 600px;
    z-index: 101;
}

.get-code-body textarea {
	margin-top: 8px;
    width: 100%;
    height: 184px;
}

.get-code-close {
    position: absolute;
    top: 0;
    left: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 2px 8px;
    border-radius: 50%;
    margin: -12px -16px;
    color: #fff;
    cursor: pointer;
}