/**!
 * Part of the AYO Framework
 * The following notice may not be removed under any circumstances.
 *
 * @author		Jon Burger
 * @version		1.0
 * @copyright	2010 AYO Media Limited / Jon Burger. All Rights Reserved - where any exist ;)
 * @see			http://ayomedia.co.uk
 * @see			http://jonburger.com
 *
 * @date		19th January 2010
 * @media		Screen
 */

/** @section General ********************************************/
html {
	overflow:hidden;
	height:100%;
}
body {
	font:62.5%/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	background:#fff;
	height:100%;
	color:#444;
	padding:0;
	margin:0;
}

/* margins */
p, dl, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, hr {
	margin:0 0 12px;
	border:none;
	padding:0;
}

/* forms */
input, textarea, select, option {
	font:1em Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	color:#000;
}
legend {
	display:none;
}

/* remember to define focus styles! */
:focus {
	outline:0;
}

/* super and sub text */
sup {
	vertical-align:text-top;
	font-size:.87em;
}
sub {
	vertical-align:baseline;
	font-size:.87em;
}

/* blockquotes */
blockquote, q {
	font-style:normal;
	quotes:none;
	padding:0;
	margin:0;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:normal;
}

/* links */
a,
a:visited {
	color:#1395ec;
}
a:hover, a:focus, .hover a {
	color:#0f76bc;
}
a:focus {
	outline:1px dotted invert;
}

/* images */
img {
	border:0;
}

/* headings */
h1 {
	font-size:1.5em;
}
h2 {
	font-size:1.3em;
}
h3 {
	font-size:1.1em;
}
h4, h5, h6 {
	font-size:1em;
}

/* lists */
ol {
	padding:0 0 0 26px;
	list-style:decimal;
}
ul {
	padding:0 0 0 26px;
	list-style:disc;
}

/* tables - still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}
table .nw,
table .nw .txt {
	white-space:nowrap;
}

/* horizontal rule */
hr {
	border-top-color:#ccc;
	border-width:1px 0 0;
	border-style:solid;
	position:relative;
	clear:both;
	height:0;
}
fieldset hr {
	border-style:dotted;
	margin:12px 0;
}

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }

/** @section Grid ***********************************************/
.column {
	display:inline;
	float:left;
	width:100%;
}
/* 1 column */
.w100 {
	width:100%;
}
.w90 {
	width:90%;
}
.w85 {
	width:85%;
}
.w80 {
	width:80%;
}
.w75 {
	width:75%;
}
.w70 {
	width:70%;
}
.w60 {
	width:60%;
}
/* 2 columns */
.w50 {
	width:49.99%; /* IE7 Fix [GC:17-02-2012] */
}
.w40 {
	width:40%;
}
/* 3 columns */
.w33 {
	width:33.333%;
}
.w30 {
	width:30%;
}
/* 4 columns */
.w25 {
	width:25%;
}
/* 5 columns */
.w20 {
	width:20%;
}
/* 6 columns */
.w16 {
	width:16.666%;
}
.w15 {
	width:15%;
}
.w10 {
	width:10%;
}
.w5 {
	width:5%;
}
.w1 {
	width:1%;
}

/* utilities */
/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.ie6 .clearfix, .ie7 .clearfix,
.ie6 .clearfix, .ie7 .clearfix {
	zoom:1;
}

/* http://sonspring.com/journal/clearing-floats */
.clear {
	visibility:hidden;
	overflow:hidden;
	display:block;
	clear:both;
	height:0;
	width:0;
}

#page .hide,
.has-js #main .js-hide {
	position:absolute;
	overflow:hidden;
	left:-9999in;
	top:-9999in;
	height:0;
	width:0;
}

/** @section Panel **********************************************/
.panel {
	position:relative;
	overflow:hidden;
	clear:both;

	border-top:1px solid #ccc;
}
/*.panel >.header {
	border-bottom:1px solid #eee;	
}*/
.panel > .content {
	background:#fff;
	position:relative;
	overflow:auto;
}
.ie6 .panel .content {
	overflow:visible;
	height:1%;
}
.panel h1 {
	background:#ddd;
	font-weight:normal;
	padding:5px 10px;
	font-size:1.2em;
	color:#444;
	margin:0;

	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #eee;
	border-top:1px solid #eee;

	text-shadow:0 1px 0 #eee;
}
.copy h1 { /* reset panel h1 styles */
	font-weight:bold;
	background:none;
	font-size:1.5em;
	margin:0 0 12px;
	border:none;
	color:#444;
	padding:0;
}
.panel .controls {
	position:absolute;
	list-style:none;
	z-index:20;
	right:17px;
	top:17px;
}
.panel .controls li {
	background:url(images/btn_panel_chrome.png) no-repeat;
	text-indent:-9999in;
	overflow:hidden;
	display:inline;
	height:17px;
	width:17px;
	float:left;
	margin:0;
}
.panel .controls .minimise {
	background-position:0 0;
}
.panel .controls .minimise:hover {
	background-position:0 -17px;
}
.panel .controls .restore {
	background-position:-17px 0;
}
.panel .controls .restore:hover {
	background-position:-17px -17px;
}
.panel .controls .maximise {
	background-position:-32px 0;
}
.panel .controls .maximise:hover {
	background-position:-32px -17px;
}
.panel .controls .close {
	background-position:-48px 0;
}
.panel .controls .close:hover {
	background-position:-48px -17px;
}

.panel .copy {
	padding:10px 10px 0;
}

/** @section Buttons ********************************************/
input {
	overflow:visible;
}
input::-moz-focus-inner {
	border:none;
	padding:0;
}

/** @section Form ***********************************************/
.panel fieldset {
	position:relative;
	overflow:hidden;
	padding:6px 0;
	display:block;
	width:100%;
}
.panel fieldset .copy {
	padding:5px 0px 0 36px;
}
.panel fieldset h2 {
	padding:5px 0 5px 10px;
	margin:0;
}
.panel .form-row table {
	border:1px solid #ccc;
	/*margin:0 26px;*/
}
.form-sub {
	padding:24px 0 0;
}
.form-row { 
	border:0 solid #fff;
	padding:5px 10px;
	margin:0;
}
.form-row label,
.form-row .label {
	display:inline-block;
	font-weight:bold;
	padding:0 0 4px;
}
.form-row label em,
.form-row .label em {
	font-style:normal;
	font-weight:bold;
	color:#f00;
}
.form-row .content {
	background:transparent;
	white-space:nowrap;
	position:relative;
	list-style:none;
	padding:0;
	margin:0;
}

.form-row .scrollable 
{
	max-height:14em;
	overflow:auto;
}
.copy.scrollable 
{
	max-height:32em;
	overflow:auto;
}
.form-row input[readonly] {
	color:#999;
}

.form-row.error > label,
.form-row.error > .label {
	color:#c00;
}

/* radio / checkboxes */
.form-row .content label {
	white-space:normal;
	font-weight:normal;
	margin-right:20px;
	position:relative;
	display:inline;
	padding:0;
	top:-1px;
}
.form-row .content li {
	overflow:hidden;
	padding:1px 0 0;
}
.ie6 .form-row .content li {
	height:1%;
}
.form-row .content li input {
	display:inline;
	float:left;
}
.form-row .content li label {
	padding:2px 10px 0 3px;
	overflow:hidden;
	display:block;
	margin:0;
}

/* media collection */
.form-row .media {
	white-space:normal;
	max-height:none;
	overflow:hidden;
}
.form-row .media li {
	margin:0 5px 4px 0;
	position:relative;
	overflow:hidden;
}
.ie6 .form-row .media li {
	overflow:visible;
	height:1%;
}
.form-row .media li img {
	display:block;
}
.form-row .media li label {
	border:3px solid #ccc;
	margin:0 10px 0 0;
	background:#eee;
	display:inline;
	float:left;
	padding:0;
	font-weight: bold;
}
.form-row .media li label:hover {
	border-color:#1395ec;
}
.form-row .media li input {
	position:absolute;
	bottom:5px;
	z-index:2;
	left:5px;
}

.form-row .media li .caption {
	position:relative;
	overflow:hidden;
	display:block;
}
.form-row .media li .caption label {
	font-weight:bold;
	background:none;
	display:block;
	border:none;
	float:none;
}
.form-row .media li .caption input {
	position:static;
}

.form-row .prefix {
	position:absolute;
	text-align:right;
	width:1.7em;
	top:1px;
	left:0;
}
.form-row .suffix {

}
.form-row .note {
	padding:2px 0 0;
	font-size:.9em;
	color:#aaa;
	margin:0;
}

input.l2v-added {
	color:#999;
}

/* sizes */

.ddl {
	border:1px solid #bbb;
	border-color:#bbb #ddd #ddd #bbb;
	padding:3px;
}
.txt {
	
	border:1px solid #bbb;
	border-color:#bbb #ddd #ddd #bbb;
	padding:4px;
	
	width:50ex;
}
.full {
	width:88%;	
}
.longest {
	width:120ex;
}

.long {
	width:80ex;
}
.mid
{
    width:40ex;
}
.short {
	width:30ex;
}
.shorter {
	width:20ex;
}
.tiny {
	width:10ex;
}
.short-date {
	width:11ex;
}
.short-time {
	width:11ex;
}
.postcode {
	width:10ex;
}
.cv2 {
	width:5ex;
}
.qty {
	width:5ex;
}
.sortcode {
	text-align:center;
	width:3ex;
}
.color {
	width:20ex;
}
.date {
	width:11ex;
}

/* placeholder */
::-webkit-input-placeholder {
	color:#bbb;
}
:-moz-placeholder {
	color:#bbb;
}
.plh-active {
	color:#bbb;	
}

/* tagbox */
#main .tagbox {
	border:1px solid #bbb;
	border-color:#bbb #ddd #ddd #bbb;
	line-height:1.3;
	padding:0 4px 1px;
	list-style:none;
	overflow:hidden;
	width:50ex;	
	margin:0;
}
#main .tagbox li {
	border:1px solid #bddbee;
	margin:1px 4px 0 -3px;
	white-space:nowrap;
	background:#daf1ff;
	padding:2px 3px;
	display:inline;
	cursor:default;
	float:left;
}
#main .tagbox li.current {
	background:none;
	padding:3px 4px;
	border:none;
}
#main .tagbox a {
	border-left:1px dotted #87c0e4;
	text-decoration:none;
	padding:0 2px 0 4px;
	border-bottom:none;
}
#main .tagbox input {
	vertical-align:top;
	overflow:visible;
	background:none;
	outline:none;
	border:none;
	margin:-1px;
	width:15px;
}

/* tag auto complete */
.tagauto {
	border:1px solid #bbb;
	padding:0 4px 1px;
	text-align:left;
	background:#fff;
	list-style:none;
	font-size:1.2em;
	line-height:1.3;
	overflow:auto;
	width:50ex;	
	margin:0;
	
	-webkit-box-shadow:2px 2px 3px #eee;
	-moz-box-shadow:2px 2px 3px #eee;
	-o-box-shadow:2px 2px 3px #eee;
	box-shadow:2px 2px 3px #eee;
	
	position:absolute;
	max-height:7.55em;
	z-index:100;
	left:0;
	top:0;
}
.ie6 .tagauto {	
	height:7.55em;	
}
.tagauto li {
	border:1px solid #fff;
	margin:1px -3px 0;
	padding:2px 3px;
	cursor:default;
}
.tagauto li:hover {
	border-color:#deedf7;
	background:#edf8ff;
}
.tagauto li.focused {
	border-color:#bddbee;
	background:#daf1ff;
}

/* tags list */
#main .tags-list {
	border:1px solid #ddd;
	margin:.8em 0 0;
	padding:0;
	width:358px;
}
#main .tags-list p {
	font-size:.85em;
	margin:3px 4px;
}
#main .tags-list ul {
	list-style:none;
	overflow:hidden;
	padding:0;
	margin:0;
}
#main .tags-list li {
	white-space:nowrap;
	display:inline;
	margin:1px;
	float:left;
}
#main .tags-list a {
	text-decoration:none;
	border-bottom:none;
	padding:2px 4px;
	float:left;
}
#main .tags-list a:hover {
	background:#66AFDE;
	color:#fff;
}

/* tabs list */
/* tabs list */
.panel .tabs-list {
	background:#d5d5d5 url(images/bg_tabs_gradient.png) repeat-x 0 100%;
	border-top:1px solid #bbb;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.panel .tabs-list li {
	position:relative;
	padding:0px 0 0;
	display:inline;
	float:left;
	left:-1px;
}
.panel .tabs-list li a,
.panel .tabs-list li span {
	border-right:1px solid #d5d5d5; 
	border-left:1px solid #d5d5d5;
	display:inline;
	float:left;
}
.panel .tabs-list a span,
.panel .tabs-list span input {
	padding:8px 11px 7px;
	text-align:center;
	overflow:visible;
	background:none;
	cursor:pointer;
	display:block;
	border:none;
	float:none;
	/*color:#888;*/
}
.panel .tabs-list a{
    text-decoration: none;
}
.panel .tabs-list li.current a,
.panel .tabs-list li.current span {
	border-right:1px solid #bbb; 
	border-left:1px solid #bbb;
	background:#fff;
}
.panel .tabs-list li.current a span {
	background:none;
	border:none;
}
.panel .tabs-list li.current a span,
.panel .tabs-list li.current span input {
	color:#000;
}

/* TREE VIEW */
.tree-view {
	overflow:auto;
	padding:10px;
}

.tree-view a {
	border:none;	
}

.tree-view input {
	/*display:none;*/	
}

.tree-view li.disabled > a
{
    color:#aaa;
}

.tree-view li.disabled > a > ins.jstree-icon 
{
    opacity:.5;
}

/* tree view icons */
.tree-view [data-nodetype] > a .jstree-icon {
	background:url(icons/silk/folder.png) no-repeat;
}
.tree-view [data-nodetype="folder"] > a .jstree-icon {
	background:url(icons/silk/folder.png) no-repeat;
}
.tree-view [data-nodetype="folder_star"] > a .jstree-icon {
	background:url(icons/silk/folder_star.png) no-repeat;
}
.tree-view [data-nodetype="folder_house"] > a .jstree-icon {
	background:url(icons/silk/folder_house.png) no-repeat;
}
.tree-view [data-nodetype="house"] > a .jstree-icon {
	background:url(icons/silk/house.png) no-repeat;
}
.tree-view [data-nodetype="page_white_text"] > a .jstree-icon {
	background:url(icons/silk/page_white_text.png) no-repeat;
}
.tree-view [data-nodetype="page_white_star"] > a .jstree-icon {
	background:url(icons/silk/page_white_star.png) no-repeat;
}
.tree-view [data-nodetype="page_white_delete"] > a .jstree-icon {
	background:url(icons/silk/page_white_delete.png) no-repeat;
}
.tree-view [data-nodetype="page_white_gear"] > a .jstree-icon {
	background:url(icons/silk/page_white_gear.png) no-repeat;
}
.tree-view [data-nodetype="comment"] > a .jstree-icon {
	background:url(icons/silk/comment.png) no-repeat;
}
.tree-view [data-nodetype="user_orange"] > a .jstree-icon {
	background:url(icons/silk/user_orange.png) no-repeat;
}
.tree-view [data-nodetype="user_red"] > a .jstree-icon {
	background:url(icons/silk/user_red.png) no-repeat;
}
.tree-view [data-nodetype="bin"] > a .jstree-icon {
	background:url(icons/silk/bin.png) no-repeat;
}
.tree-view [data-nodetype="bin_empty"] > a .jstree-icon {
	background:url(icons/silk/bin_empty.png) no-repeat;
}
.tree-view [data-nodetype="lock"] > a .jstree-icon {
	background:url(icons/led24/lock.png) no-repeat;
}


/** @section Alerts *******************************************/
.alert {
	border-bottom:1px solid #ccc;
	border-top:1px solid #eee;
	overflow:hidden;

	text-shadow:0 1px 0 #eee;
}
.panel .content .alert {
	margin:0;
}
.ie6 .alert {
	overflow:visible;
	height:1%;
}
.alert .icon {
	background-repeat:no-repeat;
	margin:10px 0 10px 10px;
	text-indent:-9999in;
	overflow:hidden;
	display:inline;
	height:16px;
	width:16px;
	float:left;
	padding:0;
}
.alert .message {
	padding:10px 10px 0;
	overflow:hidden;
}
.alert h2 {
	line-height:1.2;
	margin:0 0 8px;
}
.alert p {
	margin:0 0 8px;
}

/* colours */
.panel .red {
	background-color:#fcc;
	border-bottom-color:#ebb;
	border-top-color:#fdd;
}
.panel fieldset .red {
	background-color:#ffe5e5;
}

.panel .green {
	background-color:#cf9;
	border-bottom-color:#be8;
	border-top-color:#dfa;
}
.panel fieldset .green {
	background-color:#e5ffd5;
}

.panel .yellow {
	background-color:#fea;
	border-bottom-color:#ed9;
	border-top-color:#ffb;
}
.panel fieldset .yellow {
	background-color:#fff5cc;
}

.panel .blue {
	background-color:#cdf;
	border-bottom-color:#bce;
	border-top-color:#def;
}
.panel fieldset .blue {
	background-color:#def;
}

.panel .grey {
	background-color:#ddd;
	border-bottom-color:#ccc;
}
.panel fieldset .grey {
	background-color:#eaeaea;
}

/** @section Page ***********************************************/
#page {
	background:#EEECE4;
	overflow:hidden;
	min-width:980px;
	height:100%;
	width:100%;
	padding:0;
}

/* header */
#header {
	background:#ddd;
	
	border-color:#eee #ccc #ccc #eee;
	border-width:1px 1px 0;
	border-style:solid;
}
#header .content {
	position:relative;
	font-size:1.2em;
	text-align:left;
	margin:0 auto;
	/*width:960px;*/
	padding:0;
	
	overflow:hidden;
	zoom:1;
    min-height: 90px;
}

/* branding */
#header .branding {
	overflow:hidden;
	float:left;
	margin:0;
}
#header .branding a {
	border:1px solid #eee;
	overflow:hidden;
	display:inline;
	margin:8px;
	float:left;
}
#header .branding img {
	border:1px solid #ccc;
	display:block;	
}

/* user */
#header .user {
	position:absolute;
	text-align:right;
	color:#888;
	top:22px;
	right:12px;

	text-shadow:0 1px 0 #eee;
}
#header .user p {
	font-size:1.2em;
	margin:0;
}
#header .user strong {
	color:#444;
}
#header .user ul {
	list-style:none;
}
#header .user li {
	padding:0 0 0 7px;
	margin:0 0 0 5px;
	display:inline;
}
#header .user .alpha {
	border:none;
}

/* user 
#header .user {
	padding:5px 10px;
	text-align:left;
	color:#94D3DC;
}
#header .user p {
	font-size:1.2em;
	margin:0;
}
#header .user strong {
	color:#fff;
}
#header .user ul {
	list-style:none;
	padding:0;
}
#header .user li {
	padding:0 7px 0 0;
	margin:0 5px 0 0;
	display:inline;
}
#header .user .alpha {
	border:none;
}
#header .user a {
	text-decoration:none;
	color:#94D3DC;	
}
#header .user a:hover,
#header .user a:focus {
	color:#fff;	
}*/

/* main */
#main {
	height:100%;	
}
#main form.content {
	text-align:left;
	font-size:1.2em;
	margin:0 auto;
	height:100%;
}
.ie6 #main form.content {
	overflow:visible;
	height:1%;
}

#sidebar {
	border-right:1px solid #ddd;
	background:#f2f2f2;
	display:inline;
	float:left;
	width:30%;
	
	max-width:375px;
}
#sidebar .panel {
	margin-right:-1px;
}
#sidebar .panel > .content {
	background:#f2f2f2;
	overflow:visible;
}
#application {
	min-height:100%;
	background:#fff;
	overflow:hidden;
}
#breadcrumb ul {
	list-style:none;
	padding:10px;
	margin:0;
}
#breadcrumb li {
	background:url(icons/silk/bullet_arrow_right.png) no-repeat;
	padding:0 0 0 17px;
	display:inline;
}
#breadcrumb li.alpha {
	background:none;
	padding:0;
}
#breadcrumb li.current {
	font-weight:bold;
}

/* footer */
#footer {
	margin:0 auto;
	width:960px;
}
#footer .content {
	font-size:1.2em;
	text-align:left;
	padding:10px;
	color:#777;
}
#footer .content a {
	border-width:0;
	color:#777;	
}
#footer .content a:hover {
	border-width:1px;
	color:#1395ec;
}

/** @section Content ********************************************/

/* sortable list */
.sortable-list {
	list-style:none;
	padding:0;
	margin:0;
}
.sortable-list li {
	background:#fff url(icons/ico_drag-handle.png) no-repeat 6px 50%;
	padding:8px 8px 8px 26px;
	border:1px solid #ddd;
	margin:1px;
}
.sortable-list .ui-sortable-helper {
	background-color:#BEEBFF;
    border-color:#99DEFD;
}

/* kvp-list */
.kvp-list {
	overflow:hidden;
	clear:both;
}
.ie6 .kvp-list {
	width:100%;
}
.kvp-list dt {
	font-weight:bold;
	padding:3px 0;
	float:left;
	clear:left;
	width:29%;
}
.kvp-list dd {
	margin:0 0 0 10px;
	text-align:left;
	padding:3px 0;
	clear:right;
	float:left;
	width:59%;
}
.kvp-wide dt {
	width:auto;   
}
.kvp-wide dd {
	text-align:right;
	display:block;
	width:auto;   
	float:none;
}

/* button */
.button input {
	vertical-align:text-top;
	background:transparent;
	padding:6px 10px 8px;
	overflow:visible;
	text-align:left;
	cursor:pointer;
	color:#1395ec;
	border:none;
}
.ie6 .button input,
.ie7 .button input {
	padding:7px 10px 5px;
}
.ie8 .button input {
	padding:6px 10px 7.5px;
}
.button .icon,
.ie6 .button .icon,
.ie7 .button .icon,
.ie8 .button .icon {
	background-position:10px 6px;
	background-repeat:no-repeat;
	padding-left:34px;
	display:inline;
}
.button input:active {
	position:relative;
	left:1px;
	top:1px;
}
/* for webkit */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.button input {
		margin:-1px -3px;
		outline:none;
	}
	.button .icon {
		background-position:13px 6px;
	}
}

/* icon button */
#page .icon-button input {
	background-color:transparent;
	vertical-align:text-top;
	padding:16px 0 0 16px;
	margin:-1px 0 0;
	overflow:hidden;
	display:inline;
	cursor:pointer;
	border:none;
	height:16px;
	width:16px;
}
#page .icon-button a {
	vertical-align:text-top;
	display:inline-block;
	text-indent:-9999in;
	border:none;
	height:16px;
	width:16px;
	padding:0;
}
#page .field .icon-button input {
	margin:0;
}
.ie7 #page .field .icon-button {
	position:relative;
	top:-3px;
}

#page .field .search + .clear-button {
	margin:0 10px 0 -23px;
}
/* field search */
.field .search {
	padding-right:25px;
	width:150px;
}
.field .long {
    width:200px;   
}
.field .longest {
    width:300px;   
}

/* actions-list */
.actions-list {
	list-style:none;
	overflow:hidden;
	padding:0;
	margin:0;

	text-shadow:0 1px 0 #eee;
}
.actions-list li {
	background:#ddd /*url(images/bg_gradient_transparent.png) repeat-x*/;
	border-color:#eee #ccc #ccc #eee;
	border-style:solid;
	border-width:1px;
	height:1%;
}
.actions-list li:hover {
	background-image:none;
}
.actions-list li.current {
	background-color:#1395ec;
	border-color:#107fc8;

	text-shadow:0 -1px 0 #107fc8;
}
.actions-list li a,
.actions-list li .button {
	text-decoration:none;
	position:relative;
	padding:6px 10px;
	display:block;
	border:none;
	z-index:20;
	height:1%;
}
.actions-list li.current a,
.actions-list li.current .button {
	color:#fff;

	text-shadow:0 -1px 0 #107fc8;
}
.actions-list li a span {
    cursor:pointer;   
}
.actions-list li .button {
	padding:0;
}
.actions-list li input {
	width:100%;

	text-shadow:0 1px 0 #eee;
}
.actions-list li a:active {
	padding:7px 9px 5px 11px;
}

.actions-list li .note {
	font-size:.85em;
	display:block;
	color:#999;
}
.actions-list li:hover .note {
	color:#555;
}

/* sub */
.actions-list li ul {
	border-bottom:1px solid #999;
	border-top:1px solid #777;
	margin:0 -1px -1px;
	display:none;
}
.actions-list li.open ul {
	display:block;
}
.actions-list li li {
	border:none;
	border-top:1px solid #999 !important;
	background:#bbb;
	height:1%;
}
.actions-list li li.current,
.actions-list li li.current:hover,
.actions-list li li:hover {
	background:#aaa;
}
.actions-list li li a,
.actions-list li li .button {
	text-decoration:none;
	position:relative;
	padding:6px 11px;
	display:block;
	border:none;
	z-index:20;
	height:1%;

	color:#333 !important;

	text-shadow:0 1px 0 #ccc !important; 
}

/* toolbar */
.toolbar {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #eee;
	border-top:1px solid #eee;
	background:#ddd;
	overflow:hidden;
	margin:0;
}
/*.panel .content .toolbar,
.panel .footer .toolbar {
	margin:-1px 0 0;
}
.panel .content .toolbar,
.panel .content + .toolbar,
.panel .footer .toolbar,
.panel .footer + .toolbar {
	border-top:1px solid #ccc;
}*/
/*.panel .content .toolbar:first-child,
.panel .footer .toolbar:first-child {
	border-top:none;
	margin:0;
}*/
.toolbar .actions-list {
	border-top:none;
	float:left;
	margin:0;
}
.toolbar .actions-list li {
	border-right:1px solid #eee;
	border-bottom:none;
	border-left:none;
	border-top:none;
	float:left;
}
.toolbar .actions-list li a,
.toolbar .actions-list .button {
	border-right:1px solid #ccc;
	white-space:nowrap;
}

/* panel search */
.toolbar .panel-search {
	border-right:1px solid #ccc;
	border-left:1px solid #eee;
	background:#ddd;
	position:relative;
	margin:-6px -10px;
	padding:6px 10px;
	display:block;
	height:1%;
}
.toolbar .panel-search input {
	margin:-3px 0;
	width:170px;
}
.toolbar .panel-search .clear-btn {
	text-indent:-9999in;
	position:absolute;
	overflow:hidden;
	cursor:pointer;
	display:none;
	height:16px;
	width:16px;
	padding:0;
	right:13px;
	top:7px;
}
.toolbar .panel-search:hover .clear-btn {
	display:block;
}

/* timesheet */
.timesheet-add {
	border-right:1px solid #ccc;
	border-left:1px solid #eee;
	display:inline;
	float:left;
}
.timesheet-add .fields {
	border-right:1px solid #ccc;
	border-left:1px solid #eee;
	padding:5px 10px 4px;
	display:inline;
	float:left;
}
.ie6 .timesheet-add .fields,
.ie7 .timesheet-add .fields {
	padding:4px 10px 3px;
}
/* for webkit */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.timesheet-add .fields {
		padding:3px 10px 2px;
	}
}

/* field */
.field {
	border-right:1px solid #ccc;
	display:inline;
	float:left;
}
.field .content {
	padding:6px 10px 5px;
	background:#ddd;
	margin:0;
}
.field:first-child .content {
	border-left:none;
}
.ie6 .field .content,
.ie7 .field .content {
	padding:4px 10px 4px;
}
.ie8 .field .content {
	padding:5px 10px 4px;
}
/* for webkit */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.field .content {
		padding:3px 10px 2px;
	}
}
li .field input {
	width:auto;
}


/* paging-list */
.paging-list {
	border-top:1px solid #eee;
	list-style:none;
	overflow:hidden;
	padding:0;
	margin:0;

	text-shadow:0 1px 0 #eee;
}
.paging-list li {
	border-right:1px solid #eee;
	border-left:1px solid #eee;
	background:#ddd;
	padding:6px 10px;
	float:left;
}
.paging-list li:hover {
	background:#ddd;
}
.paging-list li.current {
	font-weight:bold;
}
.paging-list li.next {
	border-left:1px solid #ccc;
	float:right;
}
.paging-list li.prev .icon,
.paging-list li.next .icon {
	text-indent:-9999in;
	overflow:hidden;
	cursor:pointer;
	display:block;
	width:16px;
	padding:0;
}
.paging-list li a {
	border-right:1px solid #ccc;
	border-bottom:none;
	position:relative;
	margin:-6px -10px;
	padding:6px 10px;
	display:block;
	z-index:20;
}
.paging-list li.next a {
	border-left:1px solid #eee;
	border-right:none;
}
.paging-list li.pages {
	text-align:center;
	display:block;
	float:none;
	color:#888;
}
.paging-list li.pages ul {
	list-style:none;
	overflow:hidden;
	padding:0;
	margin:0;
}
.paging-list li.pages li {
	background:none;
	display:inline;
	border:none;
	float:none;
	padding:0;
}
.paging-list .pages a,
.paging-list .pages span {
	text-decoration:none;
	border-right:none;
	display:inline;
	padding:0 4px;
	margin:0;
}
.paging-list .pages a:hover {
	text-decoration:underline;
}
.paging-list .pages .current a,
.paging-list .pages .current span {
	font-weight:bold;
	color:#444;
}

/* tables */
.panel table {
	border:none;
	width:100%;
	margin:0;
}
.panel tbody td,
.panel tfoot td {
	border-bottom:1px dotted #ccc;
	border-left:1px dotted #ccc;
	padding:6px 10px;
}
.panel tfoot td {
	font-weight:bold;
}
.panel th {
	border-bottom:1px solid #ddd;
	background:#eee;
	padding:6px 10px;
	text-align:left;
}
.panel td:first-child,
.panel th:first-child {
	border-left:none;
}

.panel .mceLayout table,
.panel .mceLayout th,
.panel .mceLayout td {
	border:none;
	padding:0;
}



/* alignment */
.panel .tc {
	text-align:center;
}
.panel .tl {
	text-align:left;
}
.panel .tr {
	text-align:right;
}
.panel .tt {
	vertical-align:top;
}
.panel .tm {
	vertical-align:middle;
}
.panel .tb {
	vertical-align:bottom;
}

/* asset-library */
.asset-library {
	border:none;	
}
.asset-library .content {
	/*overflow:auto;
	overflow-y:scroll;
	height:466px;*/
}

.panel .footer {
	/*border-top:1px solid #ddd;
	background:#f7f7f7;*/
	position:relative;
	overflow:hidden;
	margin:0;
}
.panel .footer .content {
	overflow:hidden;
	height:auto;	
}

.asset-library .image-preview {
	margin:10px 0 10px 10px;
	border:1px solid #ccc;
	position:relative;
	line-height:138px;
	text-align:center;
	background:#ddd;
	overflow:hidden;
	display:inline;
	height:140px;
	width:140px;
	float:left;
}
.asset-library .image-preview img {
	vertical-align:middle;
	/*max-height:100%; /* temporary - resizing thumbs properly will fix */
	/*max-width:100%; /* temporary - resizing thumbs properly will fix */
}
.asset-library fieldset {
	width:auto;	
}
.asset-library .form-sub {
	padding:10px 0 0;
	width:auto;	
}

/* library view */
.library-view {
	padding:0 0 0 10px;
	list-style:none;
	margin:0;
	zoom:1;
	
	/*height:466px;*/
}
.library-view .image {
	border:1px solid #ddd;
	margin:10px 10px 0 0;
	line-height:442px;
	text-align:center;
	position:relative;
	background:#eee;
	display:inline;
	height:444px;
	width:444px;
	float:left;
}
.library-view .image-small {
	border:1px solid #ddd;
	margin:10px 10px 0 0;
	line-height:160px;
	text-align:center;
	position:relative;
	background:#eee;
	display:inline;
	height:160px;
	width:200px;
	float:left;
}
.library-view .image img, .library-view .image-small img {
	vertical-align:middle;
	/*max-height:100%; /* temporary - resizing thumbs properly will fix */
	/*max-width:100%; /* temporary - resizing thumbs properly will fix */
}
.library-view .details {
	padding:10px 0;
	overflow:auto;
	/*overflow-y:scroll;
	height:446px;*/
	
	overflow:hidden;
}

/* library list */
.library-list {
	padding:10px 0 0 10px;
	list-style:none;
	margin:0;
	zoom:1;
	
	/*overflow:auto;
	overflow-y:scroll;
	height:456px;*/
}
.form-row .library-list {
    padding:0;
    overflow:visible;
    height:auto;
}
.library-list li {
	margin:0 10px 0 0;
	position:relative;
	padding:0 0 10px;
	overflow:hidden;
	display:inline;
	height:142px;
	width:142px;
	float:left;
}
.library-list li label,
.form-row .library-list li label {
	border:1px solid #ddd;
	position:relative;
	line-height:138px;
	text-align:center;
	background:#eee;
	display:block;
	height:140px;
	width:140px;
	padding:0;
}
.library-list li:hover label,
.library-list li.current label {
	border-color:#1395EC;
	background:#CCDDFF;
}
.library-list li img {
	vertical-align:middle;
	/*max-height:100%; /* temporary - resizing thumbs properly will fix */
	/*max-width:100%; /* temporary - resizing thumbs properly will fix */
}
.library-list li.current img {
	opacity:.4;
	filter:alpha(opacity=40);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.library-list .summary {
	position:absolute;
	line-height:1.2;
	font-size:.85em;
	cursor:default;
	padding:5px;
	width:130px;
	bottom:0;
	left:0;
	
	background:#fff;
	background:rgba(255,255,255,.6);
	color:#000;
}
.library-list .summary strong {
	font-size:1.1em;
	cursor:default;
}
.library-list .summary span {
	cursor:default;
	display:none;
}
.library-list li:hover .summary span {
	display:inline;	
}
.library-list .chk {
	position:absolute;
	overflow:visible;
	line-height:1;
	padding:0;
	margin:0;
	left:5px;
	top:5px;	
}
/*.library-list .chk input {
	overflow:visible;
	padding:0;
	margin:0;
}*/

.library-list li .actions {
	white-space:nowrap;
	position:absolute;
	right:5px;
	top:5px;
}
.library-list li .actions a {
	display:inline-block;
	text-indent:-999in;
	/*display:none;*/
	border:none;
	width:16px;
	padding:0;
}
/*.library-list li:hover .actions a,
.library-list li .actions:hover a,
.library-list li .actions a.zeroclipboard-is-hover,
.library-list li .actions a.zeroclipboard-is-hover + a,
.library-list li .actions a.zeroclipboard-is-hover + a + a {
	display:inline-block;
}
.library-list li .actions a.zeroclipboard-is-active,
.library-list li .actions a.zeroclipboard-is-active + a,
.library-list li .actions a.zeroclipboard-is-active + a + a  {
	display:none;
}*/


.asset-library table tr.current td 
{
	background:#def;   
}

/** @section Icons **********************************************/
.no-border {
    border:none;
}

.icon {
	background-repeat:no-repeat;
	padding-left:24px;
	display:block;
}
.ie6 .icon,
.ie7 .icon {
	display:inline-block;
}
h1 .icon {
	background-position:0 2px;
}

.icon-only {
	background-repeat:no-repeat;
	background-position:4px 50%;
	display:inline-block;
	padding-left:23px;
	text-indent:1px;
	overflow:hidden;
	margin:0 0 -4px;
	width:1px;
}
td .button .icon {
	background-position:0 0;
	padding:0 0 0 22px;
}

/**!
 * @author		Mark James
 * @version		1.3
 * @copyright	Mark James
 * @see			http://www.famfamfam.com/lab/icons/silk/
 *
 * @license		Creative Commons Attribution 2.5 License
 * @see 		http://creativecommons.org/licenses/by/2.5/
 */

#page .ico_pdf {
	background-image:url(icons/silk/ico_pdf.png);
} 
#page .ico_failure {
	background-image:url(icons/silk/exclamation.png);
}
#page .ico_success {
	background-image:url(icons/silk/accept.png);
}
#page .ico_information {
	background-image:url(icons/silk/information.png);
}
#page .ico_warning {
	background-image:url(icons/silk/error.png);
}
#page .ico_flag_red {
	background-image:url(icons/silk/flag_red.png);
}
#page .ico_flag_yellow {
	background-image:url(icons/silk/flag_yellow.png);
}
#page .ico_flag_green {
	background-image:url(icons/silk/flag_green.png);
}
#page .ico_tag_red {
	background-image:url(icons/silk/tag_red.png);
}
#page .ico_tag_yellow {
	background-image:url(icons/silk/flag_yellow.png);
}
#page .ico_tag_green {
	background-image:url(icons/silk/tag_green.png);
}
#page .ico_client_add {
	background-image:url(icons/silk/user_gray_add.png);
}
#page .ico_cup {
	background-image:url(icons/silk/cup.png);
}
#page .ico_cup_add {
	background-image:url(icons/silk/cup_add.png);
}
#page .ico_cup_delete {
	background-image:url(icons/silk/cup_delete.png);
}
#page .ico_cup_edit {
	background-image:url(icons/silk/cup_edit.png);
}
#page .ico_application_form_add {
	background-image:url(icons/silk/application_form_add.png);
}
#page .ico_table_sort {
	background-image:url(icons/silk/table_sort.png);
}
#page .ico_calendar_view_month {
	background-image:url(icons/silk/calendar_view_month.png);
}
#page .ico_eye {
	background-image:url(icons/silk/eye.png);
}
#page .ico_eye_cross {
	background-image:url(icons/silk/eye_cross.png);
}
#page .ico_asterisk {
	background-image:url(icons/silk/asterisk_orange.png);
}
#page .ico_telephone {
	background-image:url(icons/silk/telephone.png);
}
#page .ico_bug {
	background-image:url(icons/silk/bug.png);
}
#page .ico_bug_add {
	background-image:url(icons/silk/bug_add.png);
}
#page .ico_next {
	background-image:url(icons/silk/resultset_next.png);
}
#page .ico_prev {
	background-image:url(icons/silk/resultset_previous.png);
}
#page .ico_find {
	background-image:url(icons/silk/find.png);
}
#page .ico_chart_organisation {
	background-image:url(icons/silk/chart_organisation.png);
}
#page .ico_sitemap {
	background-image:url(icons/silk/sitemap.png);
}
#page .ico_note {
	background-image:url(icons/silk/note.png);
}
#page .ico_note_add {
	background-image:url(icons/silk/note_add.png);
}
#page .ico_comments {
	background-image:url(icons/silk/comment.png);
}
#page .ico_user {
	background-image:url(icons/silk/user.png);
}
#page .ico_box {
	background-image:url(icons/silk/box.png);
}
#page .ico_box_add {
	background-image:url(icons/silk/box_add.png);
}
#page .ico_brick {
	background-image:url(icons/silk/brick.png);
}
#page .ico_brick_add {
	background-image:url(icons/silk/brick_add.png);
}
#page .ico_server {
	background-image:url(icons/silk/server.png);
}
#page .ico_world {
	background-image:url(icons/silk/world.png);
}
#page .ico_world_link {
	background-image:url(icons/silk/world_link.png);
}
#page .ico_application_edit {
	background-image:url(icons/silk/application_edit.png);
}
#page .ico_application_view_detail {
	background-image:url(icons/silk/application_view_detail.png);
}
#page .ico_table_edit {
	background-image:url(icons/silk/table_edit.png);
}
#page .ico_calendar_view_day {
	background-image:url(icons/silk/calendar_view_day.png);
}
#page .ico_calendar_view_week {
	background-image:url(icons/silk/calendar_view_week.png);
}
#page .ico_calendar_view_month {
	background-image:url(icons/silk/calendar_view_month.png);
}
#page .ico_lock {
	background-image:url(icons/led24/lock.png);
}
#page .ico_unlock {
	background-image:url(icons/led24/lock_unlock.png);
}
#page .ico_user_add {
	background-image:url(icons/silk/user_add.png);
}
#page .ico_export_csv {
	background-image:url(icons/silk/page_white_excel.png);
}
#page .ico_arrow_redo {
	background-image:url(icons/silk/arrow_redo.png);
}
#page .ico_publish {
	background-image:url(icons/silk/page_white_world.png);
}
#page .ico_move {
	background-image:url(icons/silk/page_white_go.png);
}
#page .ico_page_add {
	background-image:url(icons/silk/page_white_add.png);
}
#page .ico_page_cross {
	background-image:url(icons/silk/page_white_delete.png);
}
#page .ico_page_preview {
	background-image:url(icons/silk/page_white_magnify.png);
}
#page .ico_unpublish {
	background-image:url(icons/silk/page_white_put.png);
}
#page .ico_server_link{
	background-image:url(icons/silk/server_link.png);
}
#page .ico_page_star {
	background-image:url(icons/silk/page_white_star.png);
}
#page .ico_folder_star {
	background-image:url(icons/silk/folder_star.png);
}
#page .ico_page_white_text {
	background-image:url(icons/silk/page_white_text.png);
}
#page .ico_bin {
	background-image:url(icons/silk/bin.png);
}
#page .ico_bin_empty {
	background-image:url(icons/silk/bin_empty.png);
}
#page .ico_page_white_star {
	background-image:url(icons/silk/page_white_star.png);
}
#page .ico_folder_house {
	background-image:url(icons/silk/folder_house.png);
}
#page .ico_house {
	background-image:url(icons/silk/house.png);
}
#page .ico_user_orange {
	background-image:url(icons/silk/user_orange.png);
}
#page .ico_flag_orange {
	background-image:url(icons/silk/flag_orange.png);
}

/**!
 * @author		Aleksandr Kozmenko
 * @version		1.0
 * @copyright	Aleksandr Kozmenko
 * @see			http://led24.de/iconset/
 *
 * @license		Attribution-Share Alike 3.0 Unported
 * @see 		http://creativecommons.org/licenses/by-sa/3.0/
 */

#page .ico_lightbulb {
	background-image:url(icons/led24/lightbulb.png);
}
#page .ico_lightbulb_add {
	background-image:url(icons/led24/lightbulb_add.png);
}
#page .ico_user_silhouette {
	background-image:url(icons/led24/user_silhouette.png);
}
#page .ico_add {
	background-image:url(icons/led24/add.png);
}
#page .ico_led_lock {
	background-image:url(icons/led24/lock.png);
}
#page .ico_led_unlock {
	background-image:url(icons/led24/lock_unlock.png);
}
#page .ico_disk {
	background-image:url(icons/led24/disk.png);
}
#page .ico_accept {
	background-image:url(icons/led24/accept.png);
}
#page .ico_cross {
	background-image:url(icons/led24/cross.png);
}
#page .ico_bin_closed {
	background-image:url(icons/led24/bin_closed.png);
}
#page .ico_email {
	background-image:url(icons/led24/email.png);
}
#page .ico_funnel {
	background-image:url(icons/led24/funnel.png);
}
#page .ico_back {
	background-image:url(icons/led24/arrow_left.png);
}
#page .ico_details{
	background-image:url(icons/led24/vcard.png);
}
#page .ico_refresh{
	background-image:url(icons/led24/arrow_refresh.png);
}
#page .ico_proceed {
	background-image:url(icons/led24/ico_proceed.png);
}
#page .ico_clock{
	background-image:url(icons/led24/clock.png);
}
#page .ico_doc_upload {
	background-image:url(icons/led24/page_white_get.png);
}
#page .ico_doc_download {
	background-image:url(icons/led24/page_white_put.png);
}
#page .ico_printer{
	background-image:url(icons/led24/printer.png);
}
#page .ico_page_copy{
	background-image:url(icons/led24/page_copy.png);
}
#page .ico_user_business {
	background-image:url(icons/led24/user_business.png);
}


/**!
 * @author		Yusuke Kamiyamane
 * @copyright	Yusuke Kamiyamane
 * @see			http://p.yusukekamiyamane.com/
 *
 * @license		Creative Commons Attribution 3.0
 * @see 		http://creativecommons.org/licenses/by/3.0/
 */
#page .ico_documents {
	background-image:url(icons/fugue/documents.png);
}
#page .ico_videos {
	background-image:url(icons/fugue/films.png);
}
#page .ico_images {
	background-image:url(icons/fugue/images.png);
}
#page .ico_documents-folder {
	background-image:url(icons/fugue/blue-folder-open-document.png);
}
#page .ico_videos-folder {
	background-image:url(icons/fugue/blue-folder-open-film.png);
}
#page .ico_images-folder {
	background-image:url(icons/fugue/blue-folder-open-image.png);
}
#page .ico_edit {
	background-image:url(icons/fugue/document--pencil.png);
}

#page .ico_drag-handle {
	background-image: url(icons/ico_drag-handle.png);
}


.modal {
	position:absolute;
	background:#333;
	position:fixed;
	z-index:990;
	height:100%;
	width:100%;
	left:0;
	top:0;
	
	opacity:.8;
	filter:alpha(opacity=80);
}
.dialog {
	position:absolute;
	margin-left:-15%;
	text-align:left;
	font-size:1.2em;
	position:fixed;
	z-index:991;
	width:30%;
	left:50%;
	top:15%;
}

.dialog .content,
.dialog .content > * {
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
}

.dialog .content {
	-webkit-box-shadow:0px 1px 6px #111;
	-moz-box-shadow:0px 1px 6px #111;
}

.PSCategoryTable table > tbody > tr:last-of-type > td {
    border-bottom-style: none;
}