/** ADMIN PANEL STYLES
--------------------------------------------------------- **/
.columnis_options h2{margin-bottom:5px; float:left;}
.theme_name { font-size: 18px; }
#panel-content{position:relative;width:810px;margin-bottom:30px}
#wrap-left{float:left;width:170px; position:relative; z-index:1; left: 1px;}
#wrap-right{float:left;width:630px;border:1px solid #c0c0c0;position:relative; z-index:0;}

ul.tabs{margin-top: 0px; list-style:none; border-top:1px solid #c0c0c0; border-left:1px solid #c0c0c0;background: #f1f1f1;}
ul.tabs li{margin:0;padding:0;height:35px;line-height:35px;overflow:hidden;position:relative; border-bottom:1px solid #c0c0c0;border-right:1px solid #c0c0c0}
ul.tabs li a{text-decoration:none;color:#404040; display:block;font-size:12px;padding:0 20px;outline:none; padding-left: 15px;}
ul.tabs li a:hover{background:#FBFBFB}
ul.tabs li.active, html ul.tabs li.active a:hover {background:#FFF; border-right:none; color:#000; font-weight: bold;}
ul.tabs li.active a{}.tab_container{min-height:400px;overflow:hidden;clear:both;float:left;width:630px;background:#FFF; }

.tab_content{padding:0 20px 20px;font-size:14px;}
.tab_content ul li{margin-bottom:40px;padding-bottom:30px;}
.tab_content h3 { 
	font-family:Arial,Helvetica,sans-serif; color:#000; font-weight:bold; font-size:16px;
	margin: 10px 0 12px; padding:0 0 8px; border-bottom: 1px solid #DDD;
}
.tab_content textarea{width:540px}
.tab_content select, .tab_content input, .tab_content textarea {margin:0;}
.tab_content textarea{width:100%;}
.tab_content input[type=text], .tab_content select { background: #f7f6f6;border:1px solid #cccccc; width: 79px; height:24px;}
.tab_content input[type=radio] { width:auto; margin: 2px 4px 0 0;}
.tab_content select:focus,.tab_content input:focus,.tab_content textarea:focus{ background: #FFF; border: 1px solid #BBB;}
.tab_content input[type=checkbox]{ width:20px; float:left; margin:1px 8px 0 0; }
.tab_content label{ display: block; margin: 15px 20px 6px 0; width: 100px; }

.option_list { margin: 0 0 32px; }
.option { margin: 0 15px 12px; }
.label { float:left; width: 200px; line-height: 18px;}
.typ_label { float:left; width: 100px; line-height: 18px; margin: 0 0 10px; }
.field { float: left; }
.description { padding: 0 0 0 30px; overflow: hidden; font-size: 11px; line-height: 18px; color: #AAA; font-style: italic; font-weight: normal;}
#tab1 input[type=text] { width: 400px; height:28px; margin: 0 4px 0 0; }
#tab1 .description, #tab5 .description {padding: 0 0 3px 0;}
#tab3 .font_family { width: 150px;}
#tab3 .font_style { width: 100px;}
.submit-changes{float: right; margin-right: 8px; }
.reset { float:right; padding: 0 30px 0 0; margin-top: -1px;}
.columnis_options .updated {float: left;width: 455px;}
small{font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;color:#000;font-size:11px}

input.with-color { width: 65px; height: 29px; }
.upload_image_button{
	cursor:pointer !important; background: #f7f6f6; border: 1px solid #cccccc; height: 28px; line-height: 16px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 0 10px;
}
.upload_image_button:hover{cursor:pointer; background: #FFF; border-color: #BBB;}

.clear{clear:both}
.tt_radio_button_container { display: inline; margin: 0 0 10px 0; }
.tt_radio_button_container input { display: none; }
.tt_radio_button {
	padding: 4px 6px 4px 24px; border: 1px solid #ddd;
	background: #fff url(../images/radio_button_check.png) 5px center no-repeat;
	margin: 0 4px 0 0; display: inline-block;
	font-family: Arial, Helvetica, Sans-serif; font-size: 13px; color: #333; text-decoration: none;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.tt_radio_button_current, .tt_radio_button:hover, .tt_radio_button:focus {
	color: #333; text-decoration: none; border: 1px solid #ccc;
	background: #eee url(../images/radio_button_check_current.png) 5px center no-repeat;
}
.tt-form-element { margin-bottom: 25px; }

#theme-pattern{
	height: 220px;
	overflow: auto;		
}
#theme-pattern img{
	border-color:#cdcdcd;
}
#theme-pattern li {
	float: left;
	margin: 5px 21px 5px 0;
	padding: 0;
}
.option img {
	background: white;
padding: 4px;
margin: 0 0 5px;
border: solid 1px #CCC;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}
.option img:hover {
	background: #c0c0c0 !important;
}
.option .selected img {
	background:  #50b7dc !important;
}
.option li input {
	display: none;
}

#columnis_quote_author, 
#columnis_link_url, 
#columnis_video_url,
#columnis_embed_code {
	width:430px;
	font: 15px/1.428571429 "Helvetica Neue", Helvetica, sans-serif;
}

@font-face{  font-family:'Droid Serif';  font-style:normal;  font-weight:bold;  src:local('Droid Serif Bold'),local('DroidSerif-Bold'),url('http://themes.googleusercontent.com/font?kit=QQt14e8dY39u-eYBZmppwTqR_3kx9_hJXbbyU8S6IN0') format('woff')}


.collapse {
	display: none;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px 0;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel-body:before,
.panel-body:after {
  display: table;
  content: " ";
}

.panel-body:after {
  clear: both;
}

.panel > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item {
  border-width: 1px 0;
}

.panel > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.panel > .list-group .list-group-item:last-child {
  border-bottom: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}

.panel > .table {
  margin-bottom: 0;
}

.panel > .panel-body + .table {
  border-top: 1px solid #dddddd;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
}
.panel-title .label {
	width: 100px;
}
.panel-title > a {
  color: inherit;
  text-decoration: none; 
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel-group .panel {
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 4px;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #dddddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}

.panel-default {
  border-color: #dddddd;
}

.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dddddd;
}

.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dddddd;
}