/**
 *
 *
 * @author Josh Lobe
 * http://ultimatetinymcepro.com
 */
 

.btn-primary, .btn-default {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	font-weight: bold;
}
.btn-primary {
	background-image: linear-gradient(to bottom, #428BCA 0px, #3071A9 100%);
	background-repeat: repeat-x;
	border-color: #2D6CA2;
	color: #FFF;
	padding: 5px 20px;
}
.btn-default {
	background-image: linear-gradient(to bottom, #FFFFFF 0px, #E6E6E6 100%);
	background-repeat: repeat-x;
	border-color: #CCCCCC;
	text-shadow: 0 1px 0 #FFFFFF;
	padding: 5px 15px;
}
.form-control {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555555;
	font-size: 14px;
	height: 34px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.form-control:focus {
	border-color: #66AFE9;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
	outline: 0 none;
}




#codemagic_insert {
	float:right;
	margin-right:20px;
	cursor:pointer;
}
#codemagic_cancel {
	float:right;
	margin-right:20px;
	cursor:pointer;
}

.mceActionPanel {
	margin-top:20px;
}

#htmlSource {
	width: 100%;
}


.editor-buttons {
	margin:20px 0px;
	display:block;
    text-align:center;
}

.editor-buttons a {
    width: 16px;
    padding: 5px 10px;
    border: 1px solid #CCC;
	border-radius: 5px;
    margin-right: 5px;
	cursor:pointer;
}

.editor-buttons a:hover,
.editor-buttons a.selected {
    background-color: #C2CBE0;
    border: 1px solid #999;
}

.editor-buttons a.disabled,
.editor-buttons a.disabled:hover {
    background-color: transparent;
    border: 1px solid #F0F0EE;
    cursor: default;
    opacity: .35; 
    filter: alpha(opacity=35); 
    -ms-filter: "alpha(opacity=35)"; 
}

.editor-buttons a.disabled img {
}

.CodeMirror {
	border: 1px solid #666;
	margin-top:10px;
	height:450px !important;
}
.CodeMirror-selectedtext {
	background-color: #ccc !important;
}
.cm-matchhighlight {
	background-color: yellow;
}

#wrapline {
	display:block;
    text-align:center;
}
#autocompletion, #highlighting {
	margin-left:30px;
}

#search_panel {
	display:none;
	margin-left:60px;
}
#search_query {
	float:left;
}
#replace_query {
	float:left;
	margin-left:20px;
}
#search_button {
	float:left;
	margin-left:40px;
}
#replace_button {
	float:left;
	margin-left:20px;
}




.completions {
    position: absolute;
    border: 1px solid #000000;
    background-color: #F0F0EE;
    padding: 3px; 
	z-index:99;
}

.completions select {
    background-color: #FFFFFF;
    border: 1px solid #B5A69C;
    width: 200px; 
}