/*
/--------------------------------------------------------------------\
|                                                                    |
| License: GPL                                                       |
|                                                                    |
| Templ33t - Adds tabs to edit page for custom content blocks in     |
| WordPress page templates                                           |
| Copyright (C) 2010, Ryan Willis,                                   |
| http://www.totallyryan.com                                         |
| All rights reserved.                                               |
|                                                                    |
| This program is free software; you can redistribute it and/or      |
| modify it under the terms of the GNU General Public License        |
| as published by the Free Software Foundation; either version 2     |
| of the License, or (at your option) any later version.             |
|                                                                    |
| This program is distributed in the hope that it will be useful,    |
| but WITHOUT ANY WARRANTY; without even the implied warranty of     |
| MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the      |
| GNU General Public License for more details.                       |
|                                                                    |
| You should have received a copy of the GNU General Public License  |
| along with this program; if not, write to the                      |
| Free Software Foundation, Inc.                                     |
| 51 Franklin Street, Fifth Floor                                    |
| Boston, MA  02110-1301, USA                                        |
|                                                                    |
\--------------------------------------------------------------------/
*/

div#templ33t_control {
	margin-bottom: 0px;
	height: 28px;
	position: relative;
}

a#templ33t_prev {
	display: none;
	height: 26px;
	left: 0px;
	line-height: 26px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	top: 0px;
	width: 23px;
	background: #dfdfdf url("../../../wp-admin/images/gray-grad.png") repeat-x left top;
	border: 1px solid #909090;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

a#templ33t_next {
	display: none;
	height: 26px;
	line-height: 26px;
	position: absolute;
	right: 0px;
	text-align: center;
	text-decoration: none;
	top: 0px;
	width: 23px;
	background: #dfdfdf url("../../../wp-admin/images/gray-grad.png") repeat-x left top;
	border: 1px solid #909090;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

div#templ33t_control ul {
	list-style: none;
	height: 27px;
	border-bottom: 1px solid #909090;
	overflow: hidden;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	width: auto;
}

div#templ33t_control ul li {
	display: inline-block;
	height: 26px;
	margin: 0px 6px 0px 0px;
	background: #dfdfdf url("../../../wp-admin/images/gray-grad.png") repeat-x left top;
	border: 1px solid #909090;
	border-bottom: 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	-khtml-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	zoom: 1;
}

div#templ33t_control ul li:last-child {
	margin-right: -6px;
}

div#templ33t_control ul li.templ33t_settings {
	float: right;
}

div#templ33t_control ul li a {
	display: block;
	height: 26px;
	padding: 0px 12px;
	line-height: 26px;
	text-decoration: none;
}

div#templ33t_control ul li.selected {
	background: #FFF none;
	height: 27px;
}

div#templ33t_descriptions {

}

div.templ33t_description {
	background: #FFF;
	border-bottom: 1px solid #C0C0C0;
	color: #808080;
	margin-bottom: 6px;
}

p.templ33t_description {
	color: #808080;
}

div.templ33t_description p {
	margin: 0px;
	padding: 9px 9px;
}

div#templ33t_main_content {
	display: none;
}

div.templ33t_editor {
	margin-top: 9px;
}

div.templ33t_editor textarea {
	width: 100%;
	height: 181px;
	padding: 9px;
}

div#templ33t_publish {
	margin: 12px 18px 0px 0px;
	padding: 0px 18px;
	background: #FFF;
	border: 1px solid #909090;
	font-weight: bold;
}

div#templ33t_publish p {
	text-align: center;
}

div#templ33t_publish a {
	padding: 3px 6px;
	background: #006505;
	color: #FFF;
}

div#templ33t_publish a.reset {
	background: #e00;
}

div#templ33t_settings {
	margin: 0px 18px;
}

div.templ33t_themes {
	float: left;
	max-height: 500px;
	width: 260px;
	margin: 12px 0px;
	padding: 0px;
	overflow: auto;
	background: #C0C0C0;
	border: 1px solid #303030;
	border-right: 0px;
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	-khtml-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
}

form#templ33t_new_template table tr td:first-child {
	width: 160px;
}

form#templ33t_new_template textarea {
	width: 100%;
}

div.templ33t_themes ul {
	padding: 0px;
	margin: 0px;
}

div.templ33t_themes ul li {
	margin: 0px;
	padding: 6px 6px 6px 12px;
	font-size: 12pt;
	background: transparent;
	border-bottom: 1px dashed #E0E0E0;
	border-collapse: collapse;
}

div.templ33t_themes ul li.selected {
	background: #FFF;
	border-top: 1px solid #909090;
	border-bottom: 1px solid #909090;
}

div.templ33t_themes ul li.first {
	border-top: 0px;
	-moz-border-radius: 4px 0px 0px 0px;
	-webkit-border-radius: 4px 0px 0px 0px;
	-khtml-border-radius: 4px 0px 0px 0px;
	border-radius: 4px 0px 0px 0px;
}

div.templ33t_themes ul li.last {
	border-bottom: 0px;
	-moz-border-radius: 0px 0px 0px 4px;
	-webkit-border-radius: 0px 0px 0px 4px;
	-khtml-border-radius: 0px 0px 0px 4px;
	border-radius: 0px 0px 0px 4px;
}

div.templ33t_blocks {
	margin: 0px 0px 0px 261px;
	padding: 12px;
	background: #FFF;
	border: 1px solid #303030;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

div.templ33t_blocks div div {
	margin: 0px 0px 12px 0px;
	text-align: center;
}

div.templ33t_blocks div div.templ33t_right {
	margin: 0px;
}

div.templ33t_blocks div input[type=text] {
	
}

div.templ33t_blocks > div > p {
	text-align: center;
}

div.templ33t_blocks ul {
	margin: 12px;
	padding-top: 12px;
}

.templ33t_all_box {
	margin-bottom: 22px;
	padding: 12px 18px;
	background: #FFF;
	border: 1px solid #909090;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

.templ33t_template_box {
	padding: 12px 18px;
	background: #E0E0E0;
	border: 1px solid #909090;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

.templ33t_all_box h2, .templ33t_template_box h2 {
	margin: 6px 0px 18px 0px;
}

.templ33t_all_box p, .templ33t_template_box p {
	font-size: 11pt;
	font-style: italic;
}

div.templ33t_blocks ul ul {
	/* list-style: disc; */
	margin: 0px;
}

div.templ33t_blocks ul ul li {
	margin: 0px 0px 12px 0px;
	padding: 6px 12px;
	border: 1px solid #909090;
	background: #EFEFEF;
	font-size: 11pt;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

div.delblock {
	margin: 0px;
	padding: 0px;
}

a.delblock {
	float: right;
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
	color: #FF0000;
	text-decoration: none;
}

a.deltemp {
	padding: 3px 6px;
	background: #FF0000;
	border: 0px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}


div.templ33t_active {
	display: block;
}

div.templ33t_hidden {
	display: none;
}

div.templ33t_right {
	float: right;
	margin: 0px;
	padding: 0px;
}

div.templ33t_right form {
	margin: 0px;
	padding: 0px;
}

p.templ33t_right {
	text-align: right;
}

.templ33t_clear {
	clear: both;
}

.templ33t_clear_right {
	clear: right;
}

.templ33t_light {
	color: #AAA;
}

.templ33t_error {
	margin: 12px 18px 0px 0px;
	padding: 6px 18px;
	background: #FFF;
	border: 1px solid #909090;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
}