/* ADMIN STYLES ********************************** */




body , #message , #content , #header , #footer { background: #191919; }
#sidebar { float: right; }
#primary { float: left; }

body .outer .inner
{
	width:80em;
}

#primary
{
	width:60em;
}

#sidebar
{
	width:20em;
	background: #fff;
	line-height:1.3em;
}

#header .inner h1,
#header .inner h1 a
{
	display:block;
	margin:0;
	padding:0;
	width:80em;
	height:110px;
	background: #191919 url(../img/tablesalt-hdr.png) no-repeat 0 0;
}
#header .inner h1 a
{
	text-indent:-99999em;
}

#footer .inner
{
	border-top: 5px solid orange;
	padding: 1em 0;
	background:#191919;
	color:#eee;
}


#footer .column
{
	width:25em;
	margin-right:1.5em;
}

#footer .column ul
{
	list-style:none;
	padding:0;
	margin:0;
}
#footer .column li,
#footer .column p
{
	list-style:none;
	padding: 0 0 1em 0;
	margin:0;
	font-size:.8em;
	line-height:1.5em;
}
#footer .column li a
{
	color:#c60;
	text-decoration:none;
}
#footer .column li a i
{
	color:#666;
	display:block;
	line-height:1.3em;
	font-style:normal;
	text-decoration:none;
}
#footer .column li a:hover
{
	color:#f60;
}
#footer .column li a:hover i
{
	color:#777;
}













/* NAVIGATION STYLES ********************************** */


ul.topnav
{
	list-style: none;
	padding: 0;
	margin: 0;
	width:80em;
	float: left;
	font-size: 1em;
	border:0;
	line-height: 1em;
	background:#191919;
}

ul.topnav li
{
	list-style: none;
	padding: 0;
	margin: 0 .25em 0 0;
	position: relative;
	float: left;
	border:0;
}

ul.topnav li a,
ul.topnav li b
{
	text-decoration:none;
	float: left;
	display: block;
	padding: .75em 1em;
	margin: 0;
	color: #999;
}

ul.topnav li b
{
	font-weight:normal;
}

ul.topnav li a:hover
{ 
	color: #bbb;
}

ul.topnav li span
{
	display:block;
	margin:0;
	padding:0;
	width: 1em;
	height: 3em;
	float: left;
	background: url(../img/nav-toggle.gif) no-repeat 0 50%;
}

ul.topnav li span.subhover
{
	cursor: pointer;
}

		ul.topnav li ul.subnav
		{
			list-style: none;
			position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
			left: 0;
			top: 3em;
			margin: 0;
			padding: 0;
			display: none;
			float: left;
			width: 12em;
			border:0;
			background:#000;
		}
		
		ul.topnav li ul.subnav li
		{
			margin: 0;
			padding: 0;
			border:0;
			clear: both;
			width: 12em;
		}
		
		html ul.topnav li ul.subnav li a
		{
			float: left;
			width: 10em;
		}
		
		html ul.topnav li ul.subnav li a:hover
		{
		}




/* MESSAGE STYLES ********************************** */


#message .float
{
	padding: 0;
	margin: 0;
	width: 100%;
	background: #222;
}

#message p
{
	background: #222;
	color: #fff;
	display: block;
	float: none;
	padding: 10px;
	margin: 0;
	text-align: left;
	font-size: 1.25em;
	font-weight: normal;
}

#message p i
{
	text-transform:uppercase;
	font-style:normal;
	font-size: .65em;
}

#message p.highlight
{
	background: #3399FF !important;
	color: #fff;
}

#message p.success
{
	background: #66CC33 !important;
	color: #fff;
}

#message p.error
{
	background: #990000 !important;
	color: #fff;
}

#message p a
{
	color: #fff;
	border-bottom: 1px dotted #fff;
	text-decoration: none;
}
#message p a:hover
{
	color: #fff;
	border-bottom: 0;
}






/* VERTICAL MENU STYLES ********************************** */


.vert-menu,
.vert-menu li,
.vert-menu li a,
.vert-menu li b,
.vert-menu li span
{
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	text-decoration:none;
}
.vert-menu
{
}
.vert-menu li
{
	border-left: 1px solid #fff;
}
.vert-menu li a,
.vert-menu li b,
.vert-menu li span
{
	background: #eee;
	padding: .25em 1em;
	border-bottom: 1px solid #fff;
}
.vert-menu li b
{
	background:#444;
	color:#eee;
}






/* TINY DATA LIST STYLES ********************************** */

ul.tiny-data
{
	margin:0;
	padding:0;
	list-style:none;
}
ul.tiny-data li
{
	font: 12px/15px Verdana,sans-serif;
	background:#FFFFFF;
	margin:0;
	padding: 5px 10px;
	list-style:none;
}
ul.tiny-data li.on
{
	background:#F9F3EF;
}

ul.tiny-data li b.key
{
}









/* EDITOR STYLES ********************************** */

form.editor
{
	padding: 2em 0;
	-moz-border-radius: 1em;
	-khtml-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	border: 1px solid #ccc;
	background: #fff;
	float:left;
}

ul.editor
{
	border-top: 1px solid #ccc;
	margin:0;
	padding:0;
	width: 58em;
}

ul.editor li
{
	list-style:none;
	background: #e9e9e9;
	border-bottom: 1px solid #ccc;
	padding: .5em;
	line-height: 1.4em;
}

ul.editor li tt
{
	font-size:1.25em;
}

ul.editor li.off
{
	background: #f9f9f9;
}

ul.editor .top, 
ul.editor .bottom
{
	text-align:right;
}

ul.editor .controls
{
	float:right;
	margin: 0 0 .5em 2em;
}

ul.editor .top a, 
ul.editor .bottom a,
ul.editor .controls a,
ul.editor .controls label
{
	padding: 0 5px 0 0;
	font-size: .85em;
	text-decoration: none;
}

ul.editor li span.live,
ul.editor li span.draft,
ul.editor li span.under_construction
{
	padding: 0 0 0 22px;
	background: url(../img/icons/tick.png) no-repeat 0 50%;
}
ul.editor li span.draft
{
	background: url(../img/icons/error.png) no-repeat 0 50%;
}
ul.editor li span.under_construction
{
	background: url(../img/icons/cross.png) no-repeat 0 50%;
}




.draggable li
{
	padding-top: .3em;
	padding-bottom: .3em;
	padding-left:20px;
	background: url(../img/icons/drag.png) no-repeat 0 50%;
}
.draggable li.disabled
{
	background: none;
}




/* PHP INFO STYLES ********************************** */

.php_info table td,
.php_info table th
{
	padding:2px;
	border:1px solid #ccc;
	font-family: Verdana,sans-serif !important;
	font-size:11px !important;
}


































/* PHP FILE TREE (needs jQuery!!!!) ********************************** */


.php-file-tree {
}

.php-file-tree A {
color: #000000;
text-decoration: none;
}

.php-file-tree A:hover {
color: #666666;
}

.php-file-tree .open {
font-style: italic;
}

.php-file-tree .closed {
font-style: normal;
}

.php-file-tree .pft-directory {
list-style-image: url(../img/filetree/directory.png);
}

/* Default file */
.php-file-tree LI.pft-file { list-style-image: url(../img/filetree/file.png); }
/* Additional file types */
.php-file-tree LI.ext-3gp { list-style-image: url(../img/filetree/film.png); }
.php-file-tree LI.ext-afp { list-style-image: url(../img/filetree/code.png); }
.php-file-tree LI.ext-afpa { list-style-image: url(../img/filetree/code.png); }
.php-file-tree LI.ext-asp { list-style-image: url(../img/filetree/code.png); }
.php-file-tree LI.ext-aspx { list-style-image: url(../img/filetree/code.png); }
.php-file-tree LI.ext-avi { list-style-image: url(../img/filetree/film.png); }
.php-file-tree LI.ext-bat { list-style-image: url(../img/filetree/application.png); }
.php-file-tree LI.ext-bmp { list-style-image: url(../img/filetree/picture.png); }
.php-file-tree LI.ext-c { list-style-image: url(../img/filetree/code.png); }
.php-file-tree LI.ext-cfm { list-style-image: url(../img/filetree/code.png); }
.php-file-tree LI.ext-cgi { list-style-image: url(../img/filetree/code.png); }
.php-file-tree LI.ext-com { list-style-image: url(../img/filetree/application.png); }
.php-file-tree LI.ext-cpp { list-style-image: url(../img/filetree/code.png); }
.php-file-tree LI.ext-css { list-style-image: url(../img/filetree/css.png); }
.php-file-tree LI.ext-doc { list-style-image: url(../img/filetree/doc.png); }
.php-file-tree LI.ext-exe { list-style-image: url(../img/filetree/application.png); }
.php-file-tree LI.ext-gif { list-style-image: url(../img/filetree/picture.png); }
.php-file-tree LI.ext-fla { list-style-image: url(../img/filetree/flash.png); }
.php-file-tree LI.ext-h { list-style-image: url(../img/filetree/code.png); }
.php-file-tree LI.ext-htm { list-style-image: url(../img/filetree/html.png); }
.php-file-tree LI.ext-html { list-style-image: url(../img/filetree/html.png); }
.php-file-tree LI.ext-jar { list-style-image: url(../img/filetree/java.png); }
.php-file-tree LI.ext-jpg { list-style-image: url(../img/filetree/picture.png); }
.php-file-tree LI.ext-jpeg { list-style-image: url(../img/filetree/picture.png); }
.php-file-tree LI.ext-js { list-style-image: url(../img/filetree/script.png); }
.php-file-tree LI.ext-lasso { list-style-image: url(../img/filetree/code.png); }
.php-file-tree LI.ext-log { list-style-image: url(../img/filetree/txt.png); }
.php-file-tree LI.ext-m4p { list-style-image: url(../img/filetree/music.png); }
.php-file-tree LI.ext-mov { list-style-image: url(../img/filetree/film.png); }
.php-file-tree LI.ext-mp3 { list-style-image: url(../img/filetree/music.png); }
.php-file-tree LI.ext-mp4 { list-style-image: url(../img/filetree/film.png); }
.php-file-tree LI.ext-mpg { list-style-image: url(../img/filetree/film.png); }
.php-file-tree LI.ext-mpeg { list-style-image: url(../img/filetree/film.png); }
.php-file-tree LI.ext-ogg { list-style-image: url(../img/filetree/music.png); }
.php-file-tree LI.ext-pcx { list-style-image: url(../img/filetree/picture.png); }
.php-file-tree LI.ext-pdf { list-style-image: url(../img/filetree/pdf.png); }
.php-file-tree LI.ext-php { list-style-image: url(../img/filetree/php.png); }
.php-file-tree LI.ext-png { list-style-image: url(../img/filetree/picture.png); }
.php-file-tree LI.ext-ppt { list-style-image: url(../img/filetree/ppt.png); }
.php-file-tree LI.ext-psd { list-style-image: url(../img/filetree/psd.png); }
.php-file-tree LI.ext-pl { list-style-image: url(../img/filetree/script.png); }
.php-file-tree LI.ext-py { list-style-image: url(../img/filetree/script.png); }
.php-file-tree LI.ext-rb { list-style-image: url(../img/filetree/ruby.png); }
.php-file-tree LI.ext-rbx { list-style-image: url(../img/filetree/ruby.png); }
.php-file-tree LI.ext-rhtml { list-style-image: url(../img/filetree/ruby.png); }
.php-file-tree LI.ext-rpm { list-style-image: url(../img/filetree/linux.png); }
.php-file-tree LI.ext-ruby { list-style-image: url(../img/filetree/ruby.png); }
.php-file-tree LI.ext-sql { list-style-image: url(../img/filetree/db.png); }
.php-file-tree LI.ext-swf { list-style-image: url(../img/filetree/flash.png); }
.php-file-tree LI.ext-tif { list-style-image: url(../img/filetree/picture.png); }
.php-file-tree LI.ext-tiff { list-style-image: url(../img/filetree/picture.png); }
.php-file-tree LI.ext-txt { list-style-image: url(../img/filetree/txt.png); }
.php-file-tree LI.ext-vb { list-style-image: url(../img/filetree/code.png); }
.php-file-tree LI.ext-wav { list-style-image: url(../img/filetree/music.png); }
.php-file-tree LI.ext-wmv { list-style-image: url(../img/filetree/film.png); }
.php-file-tree LI.ext-xls { list-style-image: url(../img/filetree/xls.png); }
.php-file-tree LI.ext-xml { list-style-image: url(../img/filetree/code.png); }
.php-file-tree LI.ext-zip { list-style-image: url(../img/filetree/zip.png); }
/* You can add millions of these... */