/** GLOBAL RESETS **/
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
body {height:100%;font-family:Arial, Helvetica Neue, Helvetica, sans-serif;font-size:12px;background:#f6f6f6;}
a img,:link img,:visited img {border:none}
.clear {clear:both;}
#help {display:none;}
.imgthumb {display:none;width:70px;}
.imgthumb img {border:1px solid #555;}
.hidden {display:none;}
html {overflow-y: scroll;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
.clearfix {zoom:1;}
::selection {
  text-shadow:none !important;
  background:#a8d1ff;
  color:#111;
}
::-moz-selection {
  text-shadow:none !important;
  background:#a8d1ff;
  color:#111;
}
::-webkit-input-placeholder {
    color:    #c3c3c3;
}
:-moz-placeholder {
    color:    #c3c3c3;
}
/** HEADER / NAVIGATION **/
.header {
	color:#FFF;
	border-top:1px solid #8f8f8f;
	background: #787878; /* old browsers */
	background: -moz-linear-gradient(top, #818181 0%, #636363 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#818181), color-stop(100%,#636363)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#636363',GradientType=0 ); /* ie */
	margin:0 0 25px 0;
	}
	.header .wrapper {height:95px;position:relative;border:none;}
	.wrapper .nav {
	list-style:none;
	font-size:13px;
	position:absolute;
	bottom:0px;
	left:0;
	width:960px;
	}
	.wrapper .nav li a {
		padding:7px 13px;
		font-weight:100 !important;
		text-decoration:none !important;
		display:block;
		border-radius: 5px 5px 0 0;
	}
	.wrapper .nav li a:link, .wrapper .nav li a:visited, .wrapper #pill li a:link, .wrapper #pill li a:visited {
		color:#ebebeb;
		background:#8f8f8f;
		text-shadow: 1px 1px 0px rgba(0,0,0,.3);
	}
	.wrapper #pill li.debug a:link, .wrapper #pill li.debug a:visited, .wrapper #pill li.debug a:hover {
		color:#fff;
		background:#cc0000;
		padding:4px 10px;
		font-weight:700 !important;
		text-decoration:none !important;
		display:block;
		border-left:1px solid #787878;
	}
	 
	#edit .wrapper .nav li a.pages,
	#pages .wrapper .nav li a.pages,
    
	#menu-manager .wrapper .nav li a.pages,
	#plugins .wrapper .nav li a.plugins,
	#settings .wrapper .nav li a.settings,
	#components .wrapper .nav li a.theme,
	#theme .wrapper .nav li a.theme,
	#sitemap .wrapper .nav li a.theme,
	#theme-edit .wrapper .nav li a.theme,
	#navigation .wrapper .nav li a.theme,
	#upload .wrapper .nav li a.files,
	#image .wrapper .nav li a.files,
	#backups .wrapper .nav li a.backups,
	#support .wrapper .nav li a.support,
	#log .wrapper .nav li a.support,
	#health-check .wrapper .nav li a.support,
	#backup-edit .wrapper .nav li a.backups,
	#archive .wrapper .nav li a.backups, 
    
	/*#load .wrapper .pages li a.pages,*/
    #load .wrapper li a.blog,
	#load .wrapper .plugins li a.plugins,
	#load .wrapper .settings li a.settings,
	#load .wrapper .theme li a.theme,
	#load .wrapper .files li a.files,
    
	#load .wrapper .backups li a.backups,
	#load	.wrapper .support li a.support,
	#load .wrapper .nav li a.current,
	#loadtab .wrapper .nav li a.current {
		color:#8f8f8f;
		background:#f6f6f6;
		background: -moz-linear-gradient(top, #FFF 3%, #F6F6F6 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#FFF), color-stop(100%,#F6F6F6)); /* webkit */
		font-weight:bold !important;
		text-shadow: 1px 1px 0px rgba(255,244,255,.2);
		box-shadow: rgba(0,0,0, 0.10) 2px -2px 2px;  
		-moz-box-shadow: rgba(0,0,0, 0.10) 2px -2px 2px;  
		-webkit-box-shadow: rgba(0,0,0, 0.10) 2px -2px 2px;
	}
	.wrapper .nav li a:active, .wrapper .nav li a:focus, .wrapper .nav li a:hover, .wrapper #pill li a:hover, .wrapper #pill li a:focus {
		color:#FFF;background:#0E1316;
		text-shadow: 1px 1px 0px rgba(0,0,0,.4);
	}	
	.wrapper .nav li {float:left; margin:0 8px 0 0;position:relative;}
	.wrapper .nav li.rightnav { float:right; margin:0 0 0 0; font-size:11px; }
	.wrapper .nav li.rightnav a.first {
		padding:4px 10px;
		font-weight:100 !important;
		text-decoration:none !important;
		display:block;
		border-radius:0 3px 3px 0;
		border-left:1px solid #787878;
	}
	.wrapper .nav li.rightnav a.last {
		padding:4px 10px;
		font-weight:100;
		text-decoration:none !important;
		display:block;
		border-radius:3px 0 0 3px;
	}
	
	/* warning alert on tab */
	.nav li.rightnav .warning {
		position:absolute;
		top:-5px;left:-5px;
	}
	.nav li .warning {
		position:absolute;
		top:-5px;right:-5px;
		font-size:10px;
		color:#000;
		text-shadow: 1px 1px 0px rgba(255,255,255,.5);
		font-weight:bold;
		text-align:center;
		border-radius: 2px;
		display:block;
		width:11px;
		border:1px solid #FFCC33;
		background:#FFFF66;
		background: -moz-linear-gradient(top, #FFFF66 0%, #FFCC33 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFF66), color-stop(100%,#FFCC33));
	}
	
	.wrapper .nav li a em, .wrapper #pill li a em {font-style:normal;}
	.wrapper .nav li a:hover em, .wrapper .nav li a:focus em {border-bottom:1px dotted #666;}
	.wrapper #pill {list-style:none;position:absolute;top:0px;right:0;font-size:11px;}
	.wrapper #pill li {float:right;}
	.wrapper #pill li.leftnav a {
		padding:4px 10px;
		font-weight:100 !important;
		text-decoration:none !important;
		display:block;
		border-radius:0 0 3px 0;;
		border-left:1px solid #787878;
	}
	.wrapper #pill li.rightnav a {
		padding:4px 10px;
		font-weight:100 !important;
		text-decoration:none !important;
		display:block;
		border-radius:0 0 0 3px;
	}



.wrapper {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	text-align:left;
	padding-top:1px;
	}
.wrapper p {
	line-height:18px;
	margin:0 0 20px 0;
	}
	.wrapper #maincontent ul, .wrapper #maincontent ol {
	line-height:18px;
	margin:0 0 20px 30px;
	}
.wrapper a:link, .wrapper a:visited {
	color:#787878;
	text-decoration:underline;
	font-weight:bold;
	}
.wrapper a:hover {
	color:#333;
	text-decoration:underline;
	font-weight:bold;
	}
.inner {padding:20px;}
.header h1 {
	font-size:25px;
	font-family:Georgia, Times, Times New Roman, serif;
	position:absolute;
	text-shadow: 1px 1px 0px #636363;
	top:17px;
	left:0;
	}
	.header h1 a:link, .header h1 a:visited, .header h1 a:hover {
		font-weight:normal;
		color:#E8EDF0;
		text-decoration:none;
		}
	.header h1 a:hover  {color:#FFF;}
	.wrapper h2 {
		font-size:18px;
		font-family:Georgia, Times, Times New Roman, serif;
		color:#777;
		margin:0 0 20px 0;
	}
	.wrapper h2 span {
		color:#bbb;
		font-style:italic;
	}
	h3 {
		font-size:19px;
		font-family:Georgia, Times, Times New Roman, serif;
		font-weight:normal;
		font-style:italic;
		color:#CF3805;
		margin:0 0 20px 0;
		text-shadow:1px 1px 0 #fff;
		}
	h3.floated {
		font-size:18px;	
		font-weight:normal;
		font-family:Georgia, Times, Times New Roman, serif ;
		padding:2px 0 0 0;
		color:#CF3805;
		float:left;
		display:block;
		margin:0 0 5px 0;
	}
	h5,div.h5 {
		margin:10px 0 10px 0;font-size:14px;
		line-height:28px;
		display:block;
		padding:3px 10px;
		background:#EEEEEE;
		background: -moz-linear-gradient(top, #f6f6f6 3%, #EEEEEE 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#f6f6f6), color-stop(100%,#EEEEEE)); /* webkit */
		border:1px solid #cccccc;
		text-shadow:1px 1px 0 rgba(255,255,255,0.5);
		color:#999;
	}
	h5 a {text-decoration:none !important;}
	h5 img, tr.folder img {vertical-align:middle; margin:0 5px 0 0;opacity:.5;}
	h5:hover img {opacity:1;}
	.bodycontent ul, .bodycontent ol {margin:0 0 20px 30px;}
	.bodycontent ul p, .bodycontent ol p {margin:0 0 10px 0;}


#maincontent {width:690px;float:left;text-align:left;}
#sidebar {width:225px;float:right;}
#sidebar .section {background:#fff;border:1px solid #ccc;padding:20px;margin:0 0 30px 0;line-height:18px;}
#sidebar .section p.small {font-size:11px;margin:15px 0 0 0;}
#sidebar .section input.text {width:175px;font-size:11px;padding:4px;border:1px solid #666;}
#sidebar .snav {list-style:none;margin:0 0 30px 0;}
#sidebar .snav ul {list-style:none;margin:0;}
#sidebar .snav li {margin:0 0 3px 0;}
#sidebar .snav li ul li {margin:0 0 3px 0;}
#submit_line {margin-bottom:15px;}
#sidebar #js_submit_line {margin:0 0 0 12px;}
#sidebar .snav li a {
	font-weight:bold;
	display:block;
	padding:5px 15px 5px 15px;
	text-decoration:none;
	border-radius: 3px;
}
#sidebar .snav li a:link, #sidebar .snav li a:visited {
	margin-left:13px;
	color:#ebebeb;
	background:#8f8f8f;
	text-shadow: 1px 1px 0px #0E1316;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	}
#sidebar .snav li a.current {
	margin-left:0px;
	cursor:default;
	color:#FFF;
	background:#CF3805 url('images/active.png') center left no-repeat !important;
	text-shadow: 1px 1px 0px #9F2C04;
	padding-left:28px;
	border-radius: 0 3px 3px 0;
}
#sidebar .snav li a.current:hover {
	text-shadow: 1px 1px 0px #9F2C04;
	margin-left:0px;
	cursor:default;
	color:#FFF;
	background:#CF3805 url('images/active.png') center left no-repeat !important;
	padding-left:28px;
}
#sidebar .snav li a:hover {
	color:#FFF;background:#0E1316;
	margin-left:13px;
	text-shadow: 1px 1px 0px rgba(0,0,0,.25);
}
#sidebar .snav li a em  {font-style:normal;}
#sidebar .snav li a:hover em, #sidebar .snav li a:focus em {border-bottom:1px dotted #666;}
#sidebar .snav li a.current:hover em, #sidebar .snav li a.current:focus em  {border-bottom:1px dotted #fff;}
#sidebar .snav small {color:#666;}
.edit-nav {margin:0 0 15px 0;}
.edit-nav a {
	font-size:10px;
	text-transform:uppercase;
	display:block;
	padding:3px 10px;
	float:right;
	margin:0 0 0 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-repeat:no-repeat;
	background-position: 94% center;
}
.edit-nav select {margin-top:-3px;float:right;padding:1px;border:1px solid #999;font-size:11px;border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;}
.edit-nav p {float:right;font-size:11px;margin:0;}
.edit-nav label {font-weight:100;display:inline;font-size:11px;color:#666;margin:0;padding:0;}
.edit-nav a#metadata_toggle {background-image: url('images/plus.png'); padding-right:20px;}
.edit-nav a#metadata_toggle.current {background-image: url('images/minus.png'); padding-right:20px;}


.edit-nav {height:1%;}
.edit-nav a:link, .edit-nav a:visited {
	line-height:14px !important;
	background-color:#8f8f8f;
	color:#ccc;
	font-weight:bold;
	text-decoration:none;
	text-shadow: 1px 1px 0px rgba(0,0,0,.2);
	-webkit-transition: all .10s ease-in-out;
	-moz-transition: all .10s ease-in-out;
	-o-transition: all .10s ease-in-out;
	transition: all .10s ease-in-out;
}

.edit-nav a:hover, #sidebar .edit-nav a:hover, .edit-nav a.current {
	background-color:#CF3805;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	line-height:14px !important;
	text-shadow: 1px 1px 0px rgba(0,0,0,.2);
}
.edit-nav a:link em, .edit-nav a:visited em {font-style:normal;}
.edit-nav a.current em, .edit-nav a:hover em, .edit-nav a:focus em {font-style:normal;border-bottom:1px dotted #FFF;}



/* basic default table style */
.wrapper table {border-collapse:collapse;margin:0 0 20px 0;width:645px;}
.wrapper table td {vertical-align:top;padding:4px;border-bottom:1px solid #eee;border-top:1px solid #eee;line-height:20px !important;}
.wrapper table th {background:#FFF !important;padding:2px 4px;font-size:11px;border-top:1px solid #FFF;color:#222;font-weight:bold;text-transform:uppercase;line-height:20px !important;text-align:left;}
.wrapper table tr.head {}
.wrapper table td span {font-size:12px;color:#777;}
.wrapper table.highlight {text-shadow:1px 1px 0 #fff;}
.wrapper table.highlight tr:nth-child(odd) { background:#f7f7f7;}
.wrapper table tr#tr-index a { font-weight:bold !important;}
.wrapper table.highlight tr:hover {background:#FFFFD5 !important;text-shadow:none; }
.wrapper table tr.currentpage{ background:#FFFFD1;}
.wrapper table tr {border-bottom:1px solid #eee;border-top:1px solid #eee;
	-webkit-transition: background-color .3s ease-in-out;
		-moz-transition: background-color .3s ease-in-out;
		-o-transition: background-color .3s ease-in-out;
		transition: background-color .3s ease-in-out;
		}
table td a {font-weight:normal !important;}
.wrapper table.healthcheck tr td {font-size:12px;}
.popup table td {padding:4px;}
.popup table a:link, .popup table a:visited {
	color:#787878;
	text-decoration:underline;
	}
.popup table a:hover {
	color:#333;
	text-decoration:underline;
}
sup {
		color:#666;
		font-weight:100 !important;
    vertical-align: baseline;
    font-size: 0.8em;
    position: relative;
    top: -0.4em;
}

/* default form css */
#maincontent .main {
	padding:20px;
	background:#fff;
	border:1px solid #c8c8c8;
	margin:0 0 30px 0;
	box-shadow: rgba(0,0,0, 0.06) 0px 0px 4px;  
	-moz-box-shadow: rgba(0,0,0, 0.06) 0px 0px 4px;  
	-webkit-box-shadow: rgba(0,0,0, 0.06) 0px 0px 4px;
}
#maincontent .main .section {padding-top:40px;}
#maincontent .main pre {
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; 
	line-height:15px;
	font-size:11px;
	display:block;
	padding-bottom:15px;
	color:#555;
	overflow:auto;
}


form p {margin:0 0 10px 0;}
form input.text, form select.text {
	color:#333;
	border:1px solid #aaa;
	padding:5px;
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:12px;
	width:510px;
	border-radius: 2px;
}
form select.text { width:521px;padding:4px 5px; }
input.text:focus, select.text:focus, textarea.text:focus {
	outline:none;
	border:1px solid #666 !important;
	box-shadow: rgba(0,0,0, 0.10) 0px 0px 6px;  
	-moz-box-shadow: rgba(0,0,0, 0.10) 0px 0px 6px;  
	-webkit-box-shadow: rgba(0,0,0, 0.10) 0px 0px 6px;
}

form textarea { width:635px; height:420px;line-height:18px;text-align:left;	color:#333;
	border:1px solid #aaa;
	padding:5px;
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:12px;
	border-radius: 2px;
}
form input[readonly], form select[readonly], form textarea[readonly] {
  background:#eeeeee;
  border:1px solid #999;
  color:#666;
  cursor:default;
}
form input.capslock {
	background-image: url('images/capslock.png');
	background-position:right center;
	background-repeat:no-repeat;
}

textarea#codetext { 
	height:660px;
	width:99%; 
	font-family: Consolas, Monaco, "Courier New", Courier, monospace;
	font-size: 12px;line-height:18px;
	overflow: scroll; 
	overflow-y: scroll; 
	overflow-x: scroll; 
}
#menu-items span {text-transform:lowercase}
label {
	padding:0;
	margin:0;
	color:#222;
	display:block;
	font-size:12px;
	font-weight:bold;
	font-family:arial, helvetica, sans-serif
}
label span.right {float:right;color:#999;display:inline-block;margin-right:15px;font-weight:100 !important;font-size:11px !important;}
label span.right a:link, label span.right a:visited {font-size:11px;color:#999;text-decoration:none;font-weight:100 !important;}
label span.right a:focus, label span.right a:hover {font-size:11px;color:#333;text-decoration:underline;font-weight:100 !important;}
.inline label {display:inline-block;padding-top:3px;}

/* meta dropdown style */
#metadata_window {
	margin:0 2px 20px 0;
	background:#f9f9f9;
	border:1px solid #e8e8e8;
	padding:15px 10px 5px 10px;
	border-radius: 2px;
	text-shadow:1px 1px 0 rgba(255,255,255,.3);
}
#metadata_window .rightopt {float:right;width:48%;}
#metadata_window .leftopt {float:left;width:48%;}
#metadata_window p {margin:0 0 15px 0;}
#metadata_window input, #metadata_window select, #metadata_window textarea {
	width:97%;
	font-size:11px;
	padding:3px;	
	margin:0 !important;
}
#metadata_window input#post-menu-enable {width:20px;padding:0;margin:0;}
#metadata_window textarea { height:62px;margin-bottom:0;line-height:15px;}
#metadata_window select { width:100%;}
#metadata_window select.text.autowidth {width:155px;float:right;}
#metadata_window p.post-menu {margin-bottom:5px;}
#metadata_window a.viewlink img {vertical-align:baseline;margin-left:15px;opacity:.5}
#metadata_window a.viewlink:hover img {opacity:1}
#metadata_window #menu-items {height:50px;background:#222;padding:5px 10px 0 10px;position:relative;}
#metadata_window #menu-items #tick {margin-top:-10px;left:5px;position:absolute;}
#metadata_window #menu-items input, #metadata_window #menu-items select {border:1px solid #000;border-radius:0;}
#metadata_window #menu-items span label {text-shadow:none;display:inline-block;font-size:11px;line-height:16px;color:#e3e3e3;font-weight:normal;margin:0;padding:0;}
#metadata_window #menu-items select {padding:2px 3px;}
#countdownwrap {
	display:inline-block;
	color:#999;
	font-size:11px;
	font-weight:normal;
	float:right;
}
#countdownwrap strong {color:#555;font-weight:normal;}
form table.formtable select { width:275px;padding:3px 4px; } 
table.cleantable {border-collapse:collapse;margin:0 0 0 0;}
table.cleantable tr {border:none;}
table.cleantable tr td {border:none;}
#autosavenotify {padding:15px 0 0 13px;color:#666;text-shadow:1px 1px 0 #fff;font-size:11px;}
#pagechangednotify {margin:0px;padding:15px 0 0 13px;color:#CC0000;text-shadow:1px 1px 0 #fff;font-size:11px;}
p.backuplink {text-shadow:1px 1px 0 rgba(255,255,255,.3);color:#888;font-size:11px;margin:20px -20px -20px -20px;padding:10px 8px 10px 40px;background:#f9f9f9 url('images/clock.png') 20px center no-repeat;border-top:1px solid #eee;}
p.backuplink a {font-weight:100 !important;}

/* form submit button style */
/*
input.submit {
	padding:5px 12px;
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
	font-weight:bold;
	cursor:pointer;
}*/
input.submit {
  font: bold 13px Helvetica, Arial, sans-serif;
  text-decoration: none;
  padding: 7px 15px;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  -webkit-transition: all .218s;
  -moz-transition: all .218s;
  -o-transition: all .218s;
  transition: all .218s;
  color: #333333;
  background: #dddddd;
  background: -webkit-gradient(linear,0% 40%,0% 70%,from(#eeeeee),to(#e1e1e1));
  background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#eeeeee),to(#e1e1e1));
  border: solid 1px #acacac;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  cursor:pointer;
	-moz-box-shadow: rgba(0,0,0, 0.06) 0px 0px 3px;  
	-webkit-box-shadow: rgba(0,0,0, 0.06) 0px 0px 3px;
	box-shadow: rgba(0,0,0, 0.06) 0px 0px 3px;  
}
input.submit:focus, input.submit:hover {
	color: #111111;
  background: #eeeeee;
  background: -webkit-gradient(linear,0% 40%,0% 70%,from(#eeeeee),to(#dddddd));
  background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#eeeeee),to(#dddddd));
  border: solid 1px #aaaaaa;
  -moz-box-shadow: rgba(0,0,0, 0.15) 0px 0px 4px;  
	-webkit-box-shadow: rgba(0,0,0, 0.15) 0px 0px 4px;
	box-shadow: rgba(0,0,0, 0.15) 0px 0px 4px;  
}

.leftsec {float:left;width:50%;padding-bottom:5px;}
.rightsec {float:left;width:50%;padding-bottom:5px;}
.rightsec input.text, .leftsec input.text {
	width:92%;
}	
.rightsec select.text,  .leftsec select.text {
	width:96%;
}

/* edit css */
form input.title {font-size:19px;border-color:#999; width:635px;padding: 3px 4px; }
form input.secondary {width:280px;}
/* components css */
form.manyinputs input.text { width:230px; }
form.manyinputs textarea { width:632px; height:200px; }
form.manyinputs p {margin:0 0 25px 0;}
.compdiv {padding:10px 0 35px 0;}
table.comptable {margin:0px !important;width:645px;background:#fff;border:none;padding:0;}
table.comptable tr td {font-size:12px;border: none;padding:0;}
table.comptable tr td code {font-size:11px;color:#666;padding:0 4px 0 0;display:block;font-family: Consolas, Monaco, "Courier New", Courier, monospace;}
table.comptable tr {border:none;border:none !important;}
table.comptable tr td input.newtitle {margin-bottom:2px !important;}
.wrapper a.component { float:left;font-weight:bold; margin:0 5px 5px 0; padding:3px 10px; text-decoration:none; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; }
.wrapper a.component:link, .wrapper a.component:visited { color:#666; background:#fff;border:1px solid #999; text-decoration: none; }
.wrapper a.component:hover { color:#ebebeb; background:#8f8f8f;border:1px solid #0E1316;text-decoration: none; }
.compdivlist {padding:30px 0;text-align:center;margin:0 0 0 15px;overflow:auto;}


/* alert styles */
.updated, .error {
	border:1px solid #E6DB55;
	border-radius:2px;
	background:#FFFBCC;
	background: -moz-linear-gradient(top, #FFFBCC 0%, #FFFBC1 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFBCC), color-stop(100%,#FFFBC1)); /* webkit */
	line-height:22px;
	padding:5px 10px;
	margin-bottom:20px;
}
.updated p, .error p {margin:0;line-height:22px;}
.error {
	color:#990000;
	border-color: #cc0000;
	background:#F9DFDD;
	background: -moz-linear-gradient(top, #FCF0EF 0%, #F9DFDD 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCF0EF), color-stop(100%,#F9DFDD)); /* webkit */
}
.deletedrow {background-color:#FFB19B}
.error code {
	color:#990000;
	font-size:11px;
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; 
	line-height:14px;
	background:#fff;
	opacity:.8;
	padding:1px;
}
.updated, #temp_good_flash {color:#308000;}
.hint {color:#777;}




/* file listing table style */
#filetypetoggle { color:#999; font-size:12px;}
table td.delete {width:20px;text-align:center;}
table td.delete a {font-size:18px !important;line-height:16px;}
.view {width:48px;text-align:center;}
.editl {width:40px;text-align:center;}
.editlw {width:220px;text-align:left;}
.delete a:link, .delete a:visited {
	color:#999 !important; text-decoration:none !important; padding: 1px;
	display:block;line-height:16px;font-size:12px;font-weight:normal;
	-webkit-transition: all .05s ease-in-out;
	-moz-transition: all .05s ease-in-out;
	-o-transition: all .05s ease-in-out;
	transition: all .05s ease-in-out;
	}
.delete a:hover {background:#D94136 !important; color:#fff !important; text-decoration:none !important;padding: 1px;line-height:16px;display:block;font-size:12px;font-weight:normal; }

a.cancel:link, a.cancel:visited { 
	font-weight:100; color:#D94136 !important;text-decoration:underline;
	padding: 1px 3px;background:none !important;line-height:16px;
	-webkit-transition: all .05s ease-in-out;
	-moz-transition: all .05s ease-in-out;
	-o-transition: all .05s ease-in-out;
	transition: all .05s ease-in-out;
	}
a.cancel:hover { font-weight:100; background:#D94136 !important; color:#fff !important;text-decoration:none !important;padding: 1px 3px;line-height:16px;}
a.cancel em {font-style:normal}

.wrapper .secondarylink {width:20px;text-align:center;font-size:12px;line-height:14px;}
.wrapper .secondarylink a:link, .wrapper .secondarylink a:visited {
	color:#aaa;text-decoration:none;	font-weight:normal;
	padding: 1px;display:block;line-height:16px;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	}
.wrapper .secondarylink a:hover {background:#787878;color:#FFF;text-decoration:none;font-weight:normal;padding: 1px;display:block;line-height:16px;}


/* backup info display */
table.simple td {border:1px solid #eee;border-collapse:collapse;color:#555;font-size:12px;padding:4px 10px 4px 4px;}
table.simple {width:100%;border:1px solid #aaa;}
table.simple td.title {width:125px;color:#222;font-weight:bold;}

/* footer */
#footer {
	border-top:1px solid #e3e3e3;
	text-shadow:1px 1px 0 rgba(255,255,255,.4);
	margin:40px 0 0 0;
	padding:10px 0;
	font-size:11px;
	color:#888;
}
#footer p {margin:0 0 8px 0;}
#footer a:link, #footer a:visited {font-weight:100;color:#888;}
#footer a:focus, #footer a:hover {font-weight:100;color:#333;}	
#footer .gslogo a {
float:right;width:60px;text-align:right;
opacity:.10;	
}
#footer .footer-left {float:left;width:85% }
#footer .gslogo a:link,#footer .gslogo a:visited  {
	
	-webkit-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
}
#footer .gslogo a:hover  {opacity:1}
.toggle {display:none;}

.editable {
	padding: 3px 1px; 
	cursor:pointer;
	-webkit-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
	}
.editable:hover { background:#FCFBB8; }

.wrapper table td span.ERRmsg {color:#D94136;font-color:12px;}
.wrapper table td span.OKmsg {color:#308000;font-color:12px;}
.wrapper table td span.WARNmsg {color:#FFCC33;font-color:12px;}
.wrapper table.highlight tr.img-highlight {
	background:#FFFFD1 !important;
}
.wrapper table.highlight tr.img-highlight td a.primarylink {
	font-weight:bold !important;
}

#sidebar .uploadform {
	padding:5px 15px;
}

/* JQuery Uploadify Styles */
.uploadifyQueueItem {
	font-size: 10px;
	padding:8px 15px;
	width:190px;
}
.uploadifyError {
	color: #D94136 !important;
}
.uploadifyError .uploadifyProgressBar {
	background-color: #D94136 !important;
}
#sidebar .snav li .cancel {float:right;}
#sidebar .snav li .cancel a:link,
#sidebar .snav li .cancel a:visited,
#sidebar .snav li .cancel a:hover {
	padding:0 !important;
	margin:0 4px 0 0 !important;
	width:11px !important;
	opacity:.8;
	background: transaparent !important;
}
.uploadifyProgress {
	background-color: #FFF;
	margin-top: 5px;
	width: 97%;
}
.uploadifyProgressBar {
	background-color: #ebebeb;
	width: 1px;
	height: 4px;
}
#sidebar .snav li.upload {
	display:block;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-left:13px;
	color:#FFF;
	background:#8f8f8f;
	font-weight:100;
}
.uploadifyButton {
	width:100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display: block;
	font-weight: 800;
	color: #AFC5CF;
	background: #182227;
	text-shadow: 1px 1px 0px #0E1316;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.uploadify:hover .uploadifyButton {
	background-color: #0e1316;
	color: #ffffff;
	text-shadow: 1px 1px 0px #000;
}
.uploadifyButtonText{
	padding: 5px 15px 5px 15px;
	display: block;
}
#uploadify object { 
	position:absolute;
	left:0; right:0;
	cursor: pointer;
}


/* Image Editor Styles */
textarea.copykit {
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; 
	font-size:12px;
	outline:none
	color:#666;
	border:1px solid #aaa;
	line-height:17px;
	padding:4px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	width:98%;
	height:70px;
	margin-bottom:10px;
}
#handw {z-index:1;padding:8px;background:#000;opacity:.80;color:#fff;font-size:11px;width:150px;text-align:center;margin:-50px 0 0 0;}
#handw span {font-size:15px;font-weight:bold;}
#jcropform .submit {margin:20px 0 0 0;}
#jcrop_open {}


a.updatelink:link, a.updatelink:visited {color:#888;}
a.updatelink:hover, a.updatelink:focus {color:#333;}

/* File Browser Styles */
#filebrowser {background:#fff;}

/* plugin styles */
table tr.enabled {background:#fff;}
#maincontent table tr.enabled td span {color:#333;}
table tr.disabled {background:#f6f6f6;}
table tr.disabled td b {color:#666;}

/* Logged out specific styles */
body#index {background:#f9f9f9;}
#index .header,#resetpassword .header,#setup .header,#install .header,
#setup .gslogo,#install .gslogo,#index .gslogo,#resetpassword .gslogo {display:none;}
#index #maincontent,
#resetpassword #maincontent,
#setup #maincontent,
#install #maincontent {width:100%;}

#index #maincontent .main,
#resetpassword #maincontent .main,
#setup #maincontent .main,
#install #maincontent .main {margin:50px auto 0 auto;float:none;text-align:left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: rgba(0,0,0, 0.05) 0px 0px 10px;  
	-moz-box-shadow: rgba(0,0,0, 0.05) 0px 0px 10px;  
	-webkit-box-shadow: rgba(0,0,0, 0.05) 0px 0px 10px;
	background:#FFF;
	width:645px;
}
#setup #maincontent .main {width:270px;}
#setup input.text {width:250px;}
#index #maincontent .main,
#resetpassword #maincontent .main {
	width:270px;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	background:#FFF;
	text-shadow:1px 1px 0 #fff;
	background: -moz-linear-gradient(top, #f9f9f9 5%, #eeeeee 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#f9f9f9), color-stop(100%,#eeeeee)); /* webkit */
}
#resetpassword form input.text,
#index form input.text { width:255px;font-size:18px;padding:5px;margin-top:2px; }
#index form input.submit {}
#index p.cta,
#resetpassword p.cta {font-size:11px;margin:0 0 0 0;color:#999;text-align:center;}
#index form p,
#resetpassword form p {margin-bottom:15px;}
#index p.cta a,
#resetpassword p.cta a {font-weight:100;}
#setup .error, #setup .updated,
#install .error, #install .updated,
#index .error, #index .updated,
#resetpassword .error, #resetpassword .updated {margin:25px auto -23px auto;width:290px;line-height:18px;padding:5px 10px;}
#setup #footer,#install #footer,#index #footer, #resetpassword #footer {width:270px;border-top:none;margin:0 auto 20px auto;text-align:center;}
#index .footer-left,#resetpassword .footer-left  {float:none;width:100%;}

.desc {font-size:12px;line-height:17px;border-bottom:1px dotted #ccc;padding:0 0 15px 0;margin:0 0 5px 0;}

#filter-search  {margin:0 0 10px 0;display:none;}
#filter-search input.text {width:250px;font-size:11px;padding:3px;}

#createfolder {font-weight:100;font-size:11px;text-decoration:underline !important;}
h5 .crumbs, div.h5 .crumbs {float:left;}
#new-folder {float:left;padding-left:5px;}
#new-folder form {display:none;}
#new-folder .cancel {font-size:11px;text-shadow:none !important;}
#new-folder input.submit {font-size:11px;padding:3px;}
#new-folder input.text {width:120px;font-size:11px;padding:3px;}

#edit #dropdown {display:inline-block;padding:3px 15px;position:relative;}
#edit #dropdown h6 {font-weight:bold;font-size:11px;color:#777;margin-bottom:5px;font-weight:100;padding-right:15px;display:inline-block;
	background:transparent url('images/utick.png') right center no-repeat;
}
#edit #dropdown:hover h6 {visibility:hidden;}
#edit #dropdown ul {
	display:none;
	text-shadow:1px 1px 0 #fff;
	list-style:none;margin:0;
	font-size:11px;opacity:0;
	background:#f6f6f6;
	border:1px solid #ccc;
	position:absolute;top:-5px;
	left:5px;
	min-width:100px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
	box-shadow: rgba(0,0,0, 0.2) 1px 1px 3px 0;  
	-moz-box-shadow: rgba(0,0,0, 0.2) 1px 1px 3px 0; 
	-webkit-box-shadow: rgba(0,0,0, 0.2) 1px 1px 3px 0;
	overflow:hidden;
}
#edit #dropdown li {line-height:22px;border-bottom:#eee 1px solid;padding:0 8px}
#edit #dropdown li:last-child {border:none;}
#edit #dropdown li a:link, #edit #dropdown li a:visited, #edit #dropdown li a:hover {font-weight:100;color:#666;text-decoration:none;display:block;}
#edit #dropdown li:hover {background:#fff;}
#edit #dropdown li:hover a {color:#cc0000;}
#edit #dropdown li.alertme:hover {background:#cc0000;}
#edit #dropdown li.alertme:hover a {color:#FFF;text-shadow:none;}
#edit #dropdown:hover ul {display:block;opacity:1;}

.wrapper #maincontent ul#menu-order {list-style:none;margin:0 0 25px 0;;}
#menu-order li {text-shadow:1px 1px solid rgba(255,255,255,.3); cursor:move;display:block;margin:2px 0;border:1px solid #eee;background:#fbfbfb;padding:5px 10px;}
#menu-order li:hover {border:1px solid #ccc;background:#f6f6f6;}
#menu-order li em {float:right;color:#666;}
#menu-order li.placeholder-menu {height: 18px; background:#FFB164;border:1px solid #FF9933;}

#theme-edit #maincontent {width:100%;}
#theme-edit #sidebar {display:none;}

#gsdebug{
	border:1px solid #FF9933;
	padding:5px;
	background:white;
	height:300px;
	overflow:scroll;
}