/*
 * Name: Habari Admin Stylesheet
 * Author: Habari Community
 * License: Apache License 2.0
 */

/*- RESET, courtesy of http://www.blueprintcss.org/ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
fieldset {padding:1.4em;margin:1em 0 1.5em 0;border:1px solid #ccc;}

/*- THE BASICS */

html {
	overflow-y: scroll; /* To prevent 'popping' */
}

body {
	background-color: #f0f0f0;
	color: #000;
	font-size: 75%;
	font-family: "Helvetica Neue", Helvetica, "Lucida Grande", Arial, Verdana, Sans-Serif;
}

a img {
	border: none;
}


/*- OPACITY PERCENTAGES */
.opa0 { opacity: 0; }
.opa10 { opacity: .10; }
.opa15 { opacity: .15; }
.opa20 { opacity: .20; }
.opa25 { opacity: .25; }
.opa30 { opacity: .30; }
.opa35 { opacity: .35; }
.opa40 { opacity: .40; }
.opa45 { opacity: .45; }
.opa50 { opacity: .50; }
.opa55 { opacity: .55; }
.opa60 { opacity: .60; }
.opa65 { opacity: .65; }
.opa70 { opacity: .70; }
.opa75 { opacity: .75; }
.opa80 { opacity: .80; }
.opa85 { opacity: .85; }
.opa90 { opacity: .90; }
.opa95 { opacity: .95; }
.opa100 { opacity: 1; }


/*- WIDTH PERCENTAGES */

.pct5, .pct10, .pct15, .pct20, .pct25, .pct30, .pct35, .pct40, .pct45, .pct50, .pct55, .pct60, .pct65, .pct70, .pct75, .pct80, .pct85, .pct90, .pct95, .pct100 {
	float: left;
}
.pct5 { width: 5%; }
.pct10 { width: 10%; }
.pct15 { width: 15%; }
.pct20 { width: 20%; }
.pct25 { width: 25%; }
.pct30 { width: 30%; }
.pct35 { width: 35%; }
.pct40 { width: 40%; }
.pct45 { width: 45%; }
.pct50 { width: 50%; }
.pct55 { width: 55%; }
.pct60 { width: 60%; }
.pct65 { width: 65%; }
.pct70 { width: 70%; }
.pct75 { width: 75%; }
.pct80 { width: 80%; }
.pct85 { width: 85%; }
.pct90 { width: 90%; }
.pct95 { width: 95%; }
.pct100 { width: 100%; }

.error {
	color: #FF4500;
}


/*- THE MENUBAR */

#menubar {
	background: #1a1a1a;
	position: fixed;
	width: 100%;
	height: 32px;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 1; /* was .98 - see issue #588 */
}

#menubar a {
	color: #fff;
	outline: none;
}

#site {
	position: absolute;
	top: 5px;
	right: 20px;
	font: 18px 'Helvetica Neue Light', 'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, Sans-Serif;
	line-height: 22px;
}


/*- THE MENU */

#menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 180px;
	padding: 5px 0 0;
	margin-left: 5px;
	height: 27px;
}

#menu a:hover, #menu a {
	text-decoration: none;
}

#menu a .hotkey {
	display:none;
	color: #777;
	position: absolute;
	top: 0;
	right: 30px;
	width: 15px;
	text-align: center;
}

#menu a .hotkey.enabled {
	display: block;
}

#menubutton {
	font-size: 12px;
	position: absolute;
	width: 100%;
	height: 22px;
	background: #2b2b2b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#menubutton a {
	line-height: 22px;
	display: block;
	padding: 0 30px 0 10px;
	background: url(../images/arrowdown.png) 160px center no-repeat;
}

#menubutton a:first-letter {
	text-transform: uppercase;
}

#menu #menulist ul {
	background: #2b2b2b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px 0;
	opacity: 1; /* was .99 - see issue #588 */
	display: none;
	-webkit-box-shadow: 0px 2px 20px #111;
	list-style-type: none;
	list-style-position: outside;
	margin-bottom: 0;
	top: -5px;

	z-index: -1; /* Even with the main menu (its parent), so shadows don't get messed up */
}

#menu #menulist > ul {
	position: absolute;
	top: 28px;
	width: 100%;
}

#menu.hovering #menulist, #menu.hovering #menulist > ul, #menu:hover #menulist > ul, #menu:hover #menulist > ul li.submenu:hover ul.submenu, #menu.hovering #menulist > ul li.submenu.carrot ul.submenu {
	display: block;
}

#menu.hovering #menulist li li, #menu:hover #menulist li li {
	display: none;
}

#menu:hover #menulist li:hover li, #menu #menulist li.carrot li {
	display: block;
}

#menu #menulist li ul {
	position: absolute;
	left: 100%;
	top: 0;
	width: 100%;
	background: #2b2b2b;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	padding-top:0;
	padding-bottom:0;
}

#menulist li {
	position: relative;
	background: #2b2b2b;
	font-size: 11px;
	line-height: 25px;
}

#menulist li a {
	display: block;
	padding: 0 45px 0 20px;
	height: 25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#menulist li.submenu a.top {
	background: url('../images/arrowright.png') 163px center no-repeat;
}

#menulist li.submenu li:first-child, #menulist li.submenu li:first-child a {
	-moz-border-radius-topright: 5px;
}

#menulist li.submenu li:last-child, #menulist li.submenu li:last-child a {
	-moz-border-radius-bottomright: 5px;
}

#menulist li.carrot a.top, #menulist li:hover a.top, #menulist li a:hover, #menulist li li.carrot a {
	background-color: #444;
}

#menulist li.selected a {
	background: url('../images/currentpageindicator.png') 8px center no-repeat;
}

#menulist li.selected a:hover, #menulist li.selected.carrot a {
	background: #444 url('../images/currentpageindicator.png') 8px center no-repeat;
}

#menulist li#link-tags, #menulist li#link-logs {
	padding-bottom: 5px;
}

#menulist li#link-dashboard, #menulist li#link-logout {
	border-top: 1px solid #444;
	padding-top: 5px;
}

#menulist li#link-dashboard .hotkey, #menulist li#link-logout .hotkey {
	top: 6px;
}


/* DROPBUTTONS */

#page .dropbutton {
	float: right;
	min-width: 8em;
	max-width: 16em;
	white-space: nowrap;
	background: #333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 9px;
	list-style: none outside;
	margin: 0 0 0 10px;
	position: absolute;
	top: 10px;
	right: 40px;
}

#page .dropbutton:hover {
	z-index: 1000;
}

#page .dropbutton * {
	cursor: pointer;
}

#page .dropbutton.alert {
	background: #FF4500;
	top: 30px important;
}

#page .dropbutton li {
	padding: 0 5px;
	display: none;
}

#page .dropbutton li.first-child {
	display: block;
}

#page .dropbutton:hover li,
#page .dropbutton.hovering li {
	display: block;
}

#page .dropbutton a, #page .dropbutton button, #page .dropbutton input {
	color: white;
	font-weight: normal;
	display: block;
	padding-right: 20px;
	line-height: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 9px;
	font-family: 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, Verdana, Sans-Serif;
	padding-left: 0px;
	outline: none;
}

#page .dropbutton button {
	border: none;
	background: none;
	font-size: 9px;
	font-family: 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, Verdana, Sans-Serif;
	padding: 0px;
	height: auto;
}

#page .dropbutton li.first-child {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
}

#page .dropbutton li.last-child {
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
}

#page .dropbutton li:hover {
	background: #555;
}

#page .dropbutton li.first-child a {
	/* Add dropdown indicator to first child */
	background: url(../images/arrowdown.png) right 6px no-repeat;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
}

#page .dropbutton li.first-child.last-child a {
	/* No dropdown indicator if only one <li> */
	background: none;
	padding-right: 0;
}


/*- GENERAL STRUCTURE & STYLING */

#page {
	margin-top: 50px;
}

#page .container {
/*	width: 70%;
	min-width: 750px;
	max-width: 900px;*/
	width: 750px;
	margin: 10px auto;
	padding: 15px 40px;
	background: #fafafa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0px 1px 15px #ddd;
	border: 1px solid #e7e7e7;
}

#page .container.transparent {
	background: transparent;
	border: none;
	padding-top: 0;
	padding-bottom: 0;
	-webkit-box-shadow: none;
}

#page .container h2 {
	font: 1.6em 'Helvetica Neue Light', 'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, Sans-Serif;
	color: #333;
	text-transform: capitalize;
}

#page .container h3 {
	font-size: 1.2em;
	color: #333;
}

#page .container h3 a {
	font-weight: bold;
}

#page input[type=button], #page input[type=submit], #page button {
	padding: 2px 4px 2px 4px;
	cursor: pointer;
	-webkit-border-radius: 9px;		/* Webkit only supports up to 9px at present */
	-moz-border-radius: 9px;
	font-size: 10px;
	background: transparent url('../images/button_background.png') repeat-x;
	border: 1px solid #b3b3b3;
}

#page input[type=button]:hover, #page input[type=submit]:hover, #page button:hover {
	border: 1px solid #555;
	background-position: 0 -30px;
}

.item {
	position: relative;
	padding: 10px 0 10px;
	border-bottom: 1px solid #eee;
	margin-left: -40px;
	padding-left: 40px;
	margin-right: -40px;
	padding-right: 40px;
}

.item.selected {
    background-color:#fffde2;
}

.item.hide {
	display: none;
}

.item.last-child {
	border: none;
}

.item .head {
	margin-bottom: 5px;
	font-size: 1.1em;
}

.item .head a {
	font-weight: bold;
	color: #333;
}

span.dim {
	font-weight: normal;
	color: #555;
}

.item .description, .item .content, .item .type {
	color: #555;
	overflow-x: auto;
}

a, a:visited, a:hover {
	color: #333;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#page .dropbutton a {
	text-decoration: none;
}

#page .dropbutton a.active, #pluginconfigure a {
	text-decoration: underline;
}
#page .dropbutton a.active,
#page .dropbutton.hovering li.first-child a.active {
	background: url('../images/currentpageindicator.png') right center no-repeat;
}


.border {
	border: 1px solid #bbb;
	margin: 0;
}

.minor, .minor a {
	font-size: 11px;
	font-weight: normal;
}

a.minor {
	color: #999;
	padding-left: 5px;
}

.or, .conjunction {
	font-size: 1.3em;
	line-height: 16px;
	color: #aaa;
	text-align: center;
}

.selectedtext {
	color: #999;
	margin-left: 10px;
	top: 0;
}

ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}

#spinner {
	position: fixed;
	top: 40px;
	right: 8px;
	z-index: 100;
}

/*- FORMS */

input, textarea {
	color: #333;
}

textarea {
	width: 100%;
	line-height: 1.3em;
}

select {
	width: 98%;
}

label.abovecontent {
	font-size: 9px;
	line-height: 10px;
	background: #d4d4d4;
	padding: 1px 10px 2px;
	color: #444;
	font-weight: normal;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	position: absolute;
	margin-top: -13px;
	margin-left: 5px;
	z-index: 2;
}

label.overcontent {
	font-weight: normal;
	position: absolute;
	width: auto;
	cursor: text;
	-webkit-box-shadow: none;
}

p:hover > label.abovecontent {
	display: block;
}

/*-- FORM BUTTONS  */

.button, #save input, button {
	min-width: 110px;
	margin-left: 10px;
}

.button.delete, .formcontrol.delete input {
	float: right;
	}

.button#delete {
	float: left;
	margin-left: 0;
	margin-right: 10px;
}

.button.submit {
	float: left;
	margin-left: 10px;
	margin-right: 0;
}

.comments .button.delete {
	float: none;
}

.comments .buttons {
	float: right;
}

.button.publish {
	font-weight: bold;
}

.buttons .formcontrol {
	display: inline;
}


/*- CREATE */
#page .create {
	margin-top: 70px;
}

#page .create .container > p {
	margin: 0;
}

.create input.text, .create textarea, .create label.overcontent {
	font-family: 'Helvetica Neue Light', 'HelveticaNeue-Light', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	padding: 3px 5px;
	margin: 0 0 0 -6px;
	width: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.create label.overcontent {
	text-transform: lowercase;
	color: #aeaeae;
	width: 759px;
}

create input.text, .create label.overcontent {
	font-size: 1.1em;
}

.create input.text.important, .create label.important.overcontent {
	font-size: 1.7em;
}

.create input.text:focus {
	color: #222;
}

body.page-publish .buttons input {
	float: right;
}

.create textarea {
	padding: 5px;
	font-size: 14px;
}

.create label.textarea.overcontent {
	padding: 5px;
}

.grip {
	height: 10px;
	cursor: row-resize;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAADCAYAAAAuu3lbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACRJREFUeNpivHLlyn+GUYABGP//Hw0XbIDl6tWroyGDBQAEGADRQAn91uPxnQAAAABJRU5ErkJggg==') center center no-repeat; /* Double line 'grip' */
}

#tags_list ul {
    text-align: left;
    margin-right: 50px;
    margin-left: 10px;
    }

#tags_list ul li {
    font-family: "Arial", san-serif;
    font-size: 0.8em;
    display: inline;
    line-height: 2.0em;
    padding: 3px;
    color: #ccc;
    cursor: pointer;
    }

#tags_list ul li.clicked {
    background: #000;
    }

.viewpost {
	float: right;
}


/*- MEDIA SILOS */

.mediasplitter {
	border-bottom: 1px solid white;
}

.mediasplitter .splitterinside {
	padding: 13px 0px 0px;
	color: #848484;
	padding: 0;
	background: #262626;
	height: 240px;
}

.mediasplitter td {
	padding: 0;
}

#mediatabs a {
	background: no-repeat 5% 50%;
}

#mediatabs.iconify a {
	width: 30px;
	background-position: 50% 50%;
	text-indent: -10000px;
}

#mediatabs.iconify li.ui-tabs-selected a {
	width: 110px;
	text-indent: 0;
	background-position: 5% 50%;
}

/* -- TOOLBAR */

.media_controls {
	background: #474747 url('../images/shadow-heavy-top.png') top repeat-x;
	padding: 15px 5px 5px;
	height: 25px;
}

.media_controls a {
	color: white;
	text-decoration: none;
}

.media_controls ul {
	position: absolute;
	top: 18px;
	left: 10px;
}

.media_controls li {
	list-style: none;
	margin-right: 15px;
	display: block;
	float: left;
}

.media_controls input[type=search] {
	width: 270px;
	margin-left: 5px;
}

.media_controls .upload {
	position: absolute;
	top: 16px;
	right: 10px;
}

.media_controls .upload input[type=file] {
	margin-right: 5px;
	color: #888;
}

/* -- MEDIA BROWSER */

.media_browser {
	height: 195px;
	overflow-x: scroll;
	overflow-y: hidden;
	position: relative;
	background: url('../images/shadow-light-top.png') top right repeat-x; /* Drop shadow */
}

/* -- MEDIA DIRECTORIES */

.media_dirlevel {
	float: left;
	height: inherit;
	overflow-y: auto;
	overflow-x: hidden;
	background: url('../images/shadow-light-left.png') repeat-y;
	height: 180px;
	border-right: 1px solid #333;
}

.media_dirlevel ul {
	max-width: 250px;
	list-style-position: outside;
	list-style-type: none;
}

.media_dirlevel:first-child {
	background: #262626;
}

.media_dirlevel li {
	min-width: 70px;
	background: url(../images/arrowright.png) right center no-repeat;
	cursor: pointer;
	color: #888;
	padding: 0px 15px 0px 10px;
	font: 11px/20px 'Helvetica Neue Light', 'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, Sans-Serif;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.media_dirlevel li:first-child {
	margin-top: 1px;
}

.media_dirlevel li:hover, .media_dirlevel li.active {
	background: #333 url(../images/arrowright.png) right center no-repeat;
}

.media_dirlevel li.active {
	color: white;
}


/* -- MEDIA LISTING */

.mediaphotos {
	display: table;
}

.mediaphotos > ul {
	display: table-row;
}

.mediaphotos > ul li {
	display: table-cell;
	font-size: 0.8em;
	overflow: hidden;
	border-right: 1px solid #303030;
	padding: 0 10px;
	min-width: 30px;
	position: relative;
}

.mediaphotos > ul li.first {
	background: url('../images/shadow-light-left.png') left repeat-y;
}

.mediaphotos > ul li.end {
	border: none;
	font-size: 3em;
	line-height: 10px;
	vertical-align: middle;
	white-space: nowrap;
	color: #444;
	height: 180px;
	width: 100px;
	background: url('../images/shadow-light-left.png') left repeat-y}

.mediaphotos > ul li:hover {
	background: #111;
}

.mediaphotos > ul li.end:hover {
	background: url('../images/shadow-light-left.png') left repeat-y}

.mediaphotos li.media .foroutput {
	display: none;
}

.mediaphotos li.media .mediatitle {
	line-height: 35px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mediaphotos li.media .mediatitle:after { /* Helps Safari if there is no title */
	-webk-content: '\000001';
}

.mediaphotos li.media .medialink {
	background: url('../images/medialink.png') no-repeat;
	width: 10px;
	height: 9px;
	text-indent: -3000px;
	margin-top: 12px;
	float: right;
}

.mediaphotos li.media img {
	margin: 0 0 -3px;
	height: 100px;
	border: 1px solid #fff;
	cursor: pointer;
	max-width: 300px;
	min-width: 30px;
}

.mediaphotos li.media:last-child img {
	border-left: 1px solid white;
}

.mediaphotos li.media img.loading {
	border-color: #333;
	width: 100%;
	background: #303030;
}

.mediaphotos li.media .mediastats {
	padding-left: 5px;
	height: 42px;
}

.media_panel {
	min-height: 200px;
}


/*-- MEDIA ACTION DROPBUTTONS */

.mediaactions.dropbutton {
	position: relative !important; 
	right: 0px !important; 
	min-width: 100% !important;  
	opacity: .8;
}

.mediastats {
	display: none;
}


/*-- VIDDLER SILO */

.viddler_recorder_container {
	text-align: center;
	padding: 15px 0;
	background: url('../images/shadow-light-top.png') top right repeat-x; /* Drop shadow */
}


/*- DASHBOARD */

#page .dashboardinfo {
	padding: 5px 0 0;
	background: none;
	color: #444;
	font: 1.4em/1.4em 'Helvetica Neue Light', 'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, Sans-Serif;
	text-align: center;
}

#page .dashboardinfo p {
	margin-bottom: 15px;
}

#page .dashboardinfo a {
	font-weight: bold;
	color: #444;
}

#page .dashboard {
	min-width: 820px;
	max-width: 920px;
	width: 80%;
	background: none;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.dashboard .module {
	position: relative;
	float: left;
	width: 50%;
	height: 260px;
}

.dashboard .module.add-item-module {
	height: 65px;
}

.dashboard .module .modulecore,
.dashboard .module .optionswindow {
	height: 195px;
	margin: 5px;
	padding: 45px 0px 10px;
	position: relative;
	overflow: hidden;
	background: #fafafa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0px 1px 15px #ddd;
	border: 1px solid #E7E7E7;
}

.dashboard .module .handle {
	background: url('../images/dashboardhandle.png') center center no-repeat;
	position: absolute;
	top: 16px;
	left: 5%;
	height: 20px;
	width: 90%;
	z-index: 90;
	cursor: move;
}

.dashboard .module h2 {
	z-index: 100;
	background: url('../images/dashboardh2bg.png') right center no-repeat;
	padding-right: 10px;
	position: absolute;
	top: 15px;
	left: 20px;
	font-size: 1.5em;
	line-height: 22px;
}

.dashboard .item {
	line-height: 24px;
	border-bottom: 1px solid #e9e9e9;
	color: #666;
	width: 94%;
	padding: 0 3%;
	margin: 0;
}

.dashboard .item.last-child {
	border: none;
}

.dashboard .item a {
	color: #555;
	font-weight: bold;
}

.dashboard .item span {
	float: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.dashboard .item span.author {
	font-size: .8em;
}

.dashboard .item span.author span {
	margin-left: 5px;
}

.dashboard .item span.comments {
	text-align: right;
}

.dashboard .module.add-item-module .modulecore {
	height: 0px;
}

.dashboard .module.add-item-module h2, .dashboard .module.add-item-module form {
	position: absolute;
	top: 16px;
}

.dashboard .module.add-item-module form {
	left: 120px;
}

.dashboard .module.add-item-module select {
	width: 230px;
}
.dashboard .module.add-item-module .formcontrol {
	display: inline;
}

.dashboard .modulecore ul li {
	list-style-type: none;
	clear: both;
}

.dashboard .module .close {
	position: absolute;
	top: 7px;
	left: 7px;
	height: 16px;
	width: 16px;
	background: url('../images/closebutton.png') center center no-repeat;
	cursor: pointer;
	z-index: 110;
}

.dashboard .module .options {
	position: absolute;
	top: 7px;
	right: 7px;
	height: 16px;
	width: 16px;
	background: url('../images/moduleoptions.png') center center no-repeat;
	cursor: pointer;
	z-index: 110;
}

.dashboard .module .optionswindow {
	z-index: 100;
	height: 195px;
	background: #111;
	color: #555;
	display: none;
}

.dashboard .module.viewingoptions .optionswindow {
	display: block;
}

.dashboard .module.viewingoptions .modulecore {
	display: none;
}

.dashboard .optionscontent {
	overflow-y: auto;
	overflow-x: hidden;
	height: 175px;
	padding: 10px;
}

.dashboard .optionscontent p {
	padding-bottom: 10px;
}

.dashboard .optionscontent p.buttons {
	margin-top: 25px;
	text-align: right;
}

.dashboard .optionscontent label {
	text-align: right;
	padding-right: 5%;
}

.dashboard .module.viewingoptions .handle {
	opacity: .3;
}

#page .dashboard .module.viewingoptions .optionswindow h2 {
	background: url('../images/dashboardh2bgdark.png') right center no-repeat;
	color: #eee;
}


/*-- DASHBOARD - LATEST COMMENTS MODULE */
.dashboard .latest-comments-module .item {

}

.dashboard .latest-comments-module .item > span {
	float: left;
}

.dashboard .latest-comments-module .titleanddate {
	margin-top: 5px;
	line-height: 16px;
	color: #999;
}

.dashboard .latest-comments-module ul {
	margin-bottom: 5px;
	line-height: 13px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.dashboard .latest-comments-module ul.commentauthors li {
	display: inline;
}

.dashboard .latest-comments-module ul li:after {
	content: ', ';
}

.dashboard .latest-comments-module ul li.last-child:after {
	content: '';
}

.dashboard .latest-comments-module .commentauthors a:hover {
	opacity: 1;
}

.dashboard .latest-comments-module .item span.comments {
	float: right;
}

.dashboard .latest-comments-module .comments {
	line-height: 34px;
	font-size: 24px;
}

/* Dashmodules Tables */

.modules table  {
	width: 100%;
}

.modules table th {
	padding-left: 15px;
}

.modules table th, .modules table td {
	border-bottom: 1px solid #e9e9e9;
}

tr.status_item {
	color: #666;
	line-height: 24px;
}

#dash_status .label {
	width: 75%;
	color: #555;
	font-weight: bold;
}



/* LOGS PAGE */

body.page-logs .time, body.page-logs .user, body.page-logs .ip, body.page-logs .module, body.page-logs .severity {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.page-logs .item select {
	margin-right: 10px;
}

body.page-logs .item {
	padding: 3px 0 3px 2px;
}

body.page-logs .item input[type=checkbox] {
	margin-left: 10px;
}

body.page-logs .item .message {
	cursor: help;
}

body.page-logs .item .more, body.page-logs .item.expanded .less {
	display: none;
}

body.page-logs .item.expanded .more {
	display: block;
}


/*- USERS & GROUPS PAGES */

body.page-users .navigation {
	margin-bottom: 20px;
}

body.page-users .container.users {
	padding-top: 10px;
	padding-bottom: 10px;
}

body.page-users .item .user {
	font-size: 1.3em;
	line-height: 16px;
	font-weight: bold;
}

body.page-users .item .user a {
	color: #444;
}

body.page-groups .allgroups .users, body.page-users .item .aka, body.page-users .item .userlogin {
	color: #999;
}

body.page-users .item .aka, body.page-users .item .userlogin {
	font-size: 11px;
}

body.page-users .item strong {
	color: #777;
	padding: 0 2px;
}

body.page-users .item span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.page-users .addnewuser {
	position: relative;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	background: #f3f3f3;
	margin: -10px -40px 0 -40px;
	padding: 16px 40px 15px 80px;
}

.addnewuser input[type=text], .addnewuser input[type=password] {
	margin-right: 5px;
	margin-left: -5px;
	margin-top: -1px;
	padding: 3px;
	width: 140px;
}

.addnewuser label.overcontent {
	margin: 1px 0 0 1px;
	color: #ccc;
}

.addnewuser input[type=submit] {
	min-width: 100px;
}

.reassign {
	color: #999;
	float: right;
}

.reassign select#reassign {
	margin: 0 10px;
}

.reassign input {
	margin-left: 10px;
	min-width: 110px;
}


/*-- USER */

body.page-user .userstats, body.page-group .groupstats {
	font: 1.5em 'Helvetica Neue Light', 'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, Sans-Serif;
	text-align: center;
	color: #333;
	padding: 10px;
}

/*-- GROUPS */
body.page-groups .allgroups .users strong, body.page-groups .allgroups .users strong a {
	color:#444;
}

body.page-groups .container.addgroup .item.submit input {
	margin-left:10px;
}

/*-- GROUP */
body.page-group .container.groupmembers a.user {
	margin-right:1em;
	padding-right:14px;
	line-height:14px;
	background:url('../images/closebutton.png') no-repeat right center;
}

body.page-group .container.groupmembers a.user:hover, body.page-group .container.groupmembers #currentusers a.user:focus {
	background-image:url('../images/minusbutton.png');
}

body.page-group .container.groupmembers a.user.template, body.page-group .container.groupmembers #currentusers a.user .id {
	display:none;
}

body.page-group .container.groupacl h3 {
	margin-bottom: 1.2em;
}

/*- OPTIONS PAGE */

body.page-options .item {
	padding-top: 2px;
	padding-bottom: 2px;
}


/*- NAVIGATION */

.navigation span > * {
	width: 100%;
}

.navigation .or {
	font-size: 2em;
	line-height: 18px;
}


/*- PLUGINS PAGE */

.plugins p a {
	text-decoration: underline;
}

.plugins .item {
	padding-left: 40px;
	padding-right: 40px;
}

.plugins .item:hover {
	background: #dfdfdf;
}

.plugins .head {
	margin: 0;
	font-size: 1.1em;
}

.plugins .description {
	margin: 0;
	width: 80%;
}

.plugins .item a.help {
	text-indent: -10000px;
	background: transparent url('../images/help_icon.png') scroll no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	outline: none;
}

.plugins .item a.help:hover {
	background-image: url('../images/help_icon_over.png');
}

.plugins #pluginconfigure {
	clear: both;
}

.plugins #pluginconfigure form, #pluginconfigure .help {
	background-color: #f8f8f8;
	border: #bbb 1px solid;
	padding: 12px;
	margin-top:3px;
	margin-bottom: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.plugins #pluginconfigure select {
	width: 30%;
}

#pluginconfigure .formcontrol {
	padding: 6px 0;
}

#pluginconfigure .formui input, #pluginconfigure .formui select {
	margin-left: 8px;
}

/*-- PLUGINS HELP */
#pluginconfigure .help {
	line-height:1.5em;
}

#pluginconfigure .help p {
	margin-bottom:5px;
}

#pluginconfigure .help h3 {
	margin-top:10px;
	margin-bottom:5px;
	font-size:160%;
	font-weight:bold;
}

#pluginconfigure .help h4 {
	margin-top:7px;
	margin-bottom:3px;
	font-size:110%;
	font-style:italic;
}

#pluginconfigure .help code {
	font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace;
	white-space: pre;
	padding: 0.25em 0.5em 0;
	background-color: #e3e3e3;
}

#pluginconfigure .help em {
	font-style:italic;
}

#pluginconfigure .help strong {
	font-weight:bold;
}

#pluginconfigure .help a, #pluginconfigure .help a:visited {
	color:#555;
	text-decoration:underline;
}

#pluginconfigure .help a:hover, #pluginconfigure .help a:focus {
	color:#000;
}

#pluginconfigure .help ol, #pluginconfigure .help ul {
	margin:5px 20px;
}

#pluginconfigure .help ol, #pluginconfigure .help ul ol {
	list-style:decimal;
}

#pluginconfigure .help ol ol {
	list-style:lower-latin;
}

#pluginconfigure .help ul, #pluginconfigure .help ol ul {
	list-style:disc;
}

#pluginconfigure .help ul ul {
	list-style:circle;
}

#pluginconfigure .help ol ol, #pluginconfigure .help ul ul, #pluginconfigure .help ul ol, #pluginconfigure .help ol ul {
	margin-top:0;
	margin-bottom:0;
}

/*- THEMES PAGE */

body.page-themes .head {
	margin: 10px 0 15px;
}

body.page-themes #page .dropbutton {
	top: 20px;
}

body.page-themes .thumb img {
    float: left;
    margin: 0 0 10px 0;
    padding: 4px;
    width: 200px;
    display: block;
    overflow: hidden;
    background: #f2f2f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #e7e7e7;
}

.thumb, .description {
	float: left;
}

.thumb * {
	width: 125px;
}

.thumb .empty {
	background: #eee;
	text-align: center;
	line-height: 125px;
	height: 125px;
	color: #aaa;
	font-size: .9em;
	-webkit-border-radius: 5px;
}

#themeconfigure {
	clear: both;
	background: #f4f4f4;
	margin: 0 -40px;
	padding: 20px 40px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

#themeconfigure form {
	background-color: #f8f8f8;
	border: #bbb 1px solid;
	padding: 12px;
	margin-bottom: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.uploadpackage h2 {
	float: left;
	margin: 0;
}

.uploadform {
	float: right;
}


/*- OPTIONS PAGE */

body.page-options .container .item {
	line-height: 34px;
}

body.page-options #title {
	line-height: 40px;
}

body.page-options #title input {
	font-size: 2em;
	padding: 2px 0 2px 2px;
	margin: 0;
}

.container .item label {
	font-weight: normal;
	margin-left: 10px;
	color: #555;
}

.container .item span.helptext {
	color: #888;
	font-size: 11px;
}

.container.settings input[type=text], .container.settings input[type=password] {
	width: 95%;
	color: #444;
}

.container input.big, .container .item.big input {
	font-size: 1.8em;
}

.container .item.big label {
	font-size:1.5em;
	line-height:1.2em;
}

.humanepathspreview {
	font-family: 'Courier New';
	margin-top: -15px
}

.humanepathslegend {
	font: 1em/1.5em 'Courier New';
}

.savebutton {
	width: 100px;
	float: right;
}


/*- MANAGE PAGE (ENTRIES/PAGES/COMMENTS/TAGS) */

.container .item:hover {
	background: #f3f3f3;
}

.container .item.selected:hover {
	background: #faf8dd;
}

body.page-Manage .item .head > span {
	white-space: nowrap;
	line-height: 20px;
}

body.page-Manage .item.deleted {
	border-left: 3px solid #f8595f;
	border-right: 3px solid #f8595f;
}

body.page-Manage .item .title {
	overflow: hidden;
	text-overflow: ellipsis;
}

body.page-Manage .item .title input.checkbox {
	margin-right: 10px;
}

body.page-Manage .selectedtext.none {
	margin: 0 20px 0 10px;
}

body.page-Manage .actiondropdown {
	width: 110px;
	margin-right: 5px;
}

body.page-Manage .state {
	text-transform: capitalize;
}

/*
.special_search {
	padding: 3px 0 5px;
}

.special_search  a {
	color: #666;
}
*/

.message.none p {
	text-align: center;
	margin: 0;
	font-size: 1.2em;
	color: #666;
}

.item.controls {
	padding-top: 0;
}


/*- MANAGE COMMENTS PAGE */

#comments .item.spam {
	border-left: 3px solid #f8595f;
	border-right: 3px solid #f8595f;
}

#comments .item.unapproved {
	border-left: 3px solid #fcd915;
	border-right: 3px solid #fcd915;
}

.controls select {
	width: 120px;
	margin-right: 5px;
}

.authorinfo {
	overflow: hidden;
}

.authorinfo .empty {
	font-style: italic;
}

.authorinfo .keyval .label, .authorinfo .keyval strong {
	float: left;
}

.authorinfo .keyval .label {
	width: 60%;
}

.authorinfo .keyval strong {
	width: 40%;
}

.authorinfo .spam strong {
	color: #FF0000;
}

/*- EDIT COMMENT PAGE */
.page-comment .overview .textual a, .page-comment .overview .textual strong {
	color: #000;
	font-weight: bold;
}

.page-comment .overview .textual {
	text-align: center;
	font: 1.1em 'Helvetica Neue Light', 'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, Sans-Serif;
	color: #333;
}

.page-comment .overview .buttons {
	float: left;
}

#page .form.comment #content_wrapper {
	margin-top: 30px;
}

#page .form.comment #content_wrapper .container, #page .form.comment .container.pagesplitter, #page .form.comment .container.pagesplitter .container {
	background: transparent none repeat scroll 0% 0%;
	overflow: visible;
	padding: 0px;
	-webkit-box-shadow: none;
	border:none;
}

#page .form.comment .buttons .status, #page .form.comment .buttons .button, #page .form.comment .buttons .button input {
	float: left;
	width: 130px;
}

#page .form.comment .buttons .status {
	text-align: center;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	padding: 3px 0;
	line-height: 18px;
}

#page .form.comment .buttons .delete {
	margin-left: 0;
	margin-right: 20px;
}

#page .form.comment .buttons .spam {
	margin-left: 25px;
	margin-right: 0;
}

#page .form.comment .buttons .status.spam {
	background: #f8595f;
	color: #FFF;
}

#page .form.comment .buttons .unapprove {
	margin-left: 10px;
	margin-right: 10px;
}

#page .form.comment .buttons .status.unapprove {
	background: #fcd915;
	color: #333;
}

#page .form.comment .buttons .approve {
	margin-left: 0;
	margin-right: 15px;
}

#page .form.comment .buttons .status.approve {
	background: #34DB15;
	color: #000;
}

#page .form.comment .buttons .save {
	margin-left: 20px;
	margin-right: 0;
}

#page .comments .button
{
	margin-left: 0;
}

#page .comments .buttons span{
	padding-bottom: 5px;
	margin-left: 10px;
}

#page .comment .buttons div{
	padding-bottom: 1px;
}

#page .comments .buttons span.approve, #page .comment .buttons div.approve{
	border-bottom:2px #339933 solid;
}

#page .comments .buttons span.unapprove, #page .comment .buttons div.unapprove{
	border-bottom:2px #fcd915 solid;
}

#page .comments .buttons span.spam, #page .comment .buttons div.spam{
	border-bottom:2px #f8595f solid;
}

#page .comment .buttons div.active {
	border-bottom-color:#CCC;
}

/* Inline Comments Editor */


/*- MANAGE TIMELINE */

.navigator {
	position: relative;
}

.navigator span {
	float: left;
}

.navigator span span {
	float: none;
}

.navigator .newer a, .navigator .older a {
	font-weight: bold;
	color: #333;
}

.navigator .currentposition {
	text-align: center;
	color: #999;
	opacity: 0;
}

.navigator input {
	width: 90%;
	margin: 0 5%;
}

.navigator .newer {
	text-align: right;
	opacity: 0;
}

.navigator .filters {
	position: relative;
	}

#page .navigator .dropbutton.special_search {
	top: 1px;
	right: 20px;
	z-index: 500;
	text-transform: capitalize;
}

.navigator .special_search a.active {
	text-decoration: underline;
}

.timeline {
	position: relative;
	background: #323232;
	width: 830px;
	height: 50px;
	clear: both;
	margin-top: 33px;
	margin-left: -40px;
	overflow: hidden;
}

.timeline .years {
	display: table;
	height: 50px;
	position: absolute;
	right: 0;
	cursor: col-resize;
	background: #222;
}

.timeline .years .year {
	display: table-cell;
	height: inherit;
	overflow: hidden;
}

.timeline .years .year > span {
	position: absolute;
	bottom: 0;
	font: 20px 'Helvetica Neue Light', 'HelveticaNeue-Light', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	padding: 40px 0 0 3px;
	margin: 0;
	opacity: .2;
	border-left: 1px solid #ccc;
	color: white;
	overflow: hidden;
}

.timeline .years .months {
	display: table-row;
	height: inherit;
	position: relative;
}

.timeline .years .months div {
	display: table-cell;
	border-right: 1px solid #2d2d2d;
	height: inherit;
	overflow: hidden;
}

.timeline .years .months div span {
	margin: 4px;
	color: #ddd;
	text-transform: uppercase;
	font-size: 9px;
}

.timeline .track {
	position: relative;
	height: inherit;
	margin-left: auto;
}

.timeline .handle {
	background: url('../images/loupebg.png') repeat-x;
	height: 50px;
	width: 20px;
	position: absolute;
	top: 0;
	cursor: move;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	opacity: 0;
}

.timeline .handle .resizehandleleft,
.timeline .handle .resizehandleright {
	cursor: col-resize;
	background: url('../images/loupehandle.png') 2px center no-repeat;
	width: 7px;
	height: inherit;
	margin-left: -2px;
}

.timeline .handle .resizehandleright {
	background-position: 2px;
	position: absolute;
	right: -2px;
}


/*- MANAGE PAGES - INLINE EDITOR */

.editable:hover {
	background: #FFFFCC;
}


/*- TAGS PAGE */

body.page-tags .instructions {
	text-align: center;
	font-size: 19px;
	margin: 5px 0 10px;
	color: #999;
}

body.page-tags .instructions span {
	color: #111;
}

body.page-tags .container a {
	color: #555;
	margin: 0 5px;
	line-height: 30px;
	padding: 2px 0;
	outline: none;
}

body.page-tags .container span {
	display: inline-block;
}

body.page-tags .container .selected label {
	color: #fb430f;
}

body.page-tags .container sup {
	color: #aaa;
	font-size: 9px;
	margin-left: 2px;
}

body.page-tags #tag_collection input {
	display: none;
}

body.page-tags #tag_collection .item {
	background: transparent;
	border: none;
	margin: 0;
	padding: 0;
}

body.page-tags .item.tag label:hover {
	color: orange;
	text-decoration: none;
}

.wt0 { font-size: 10px; }
.wt1 { font-size: 11px; }
.wt2 { font-size: 12px; }
.wt3 { font-size: 13px; }
.wt4 { font-size: 15px; }
.wt5 { font-size: 16px; }
.wt6 { font-size: 19px; }
.wt7 { font-size: 20px; }
.wt8 { font-size: 22px; }
.wt9 { font-size: 23px; }
.wt10 { font-size: 25px; }

.tags .controls input {
	margin: 0 5px;
}

.renamecontrols input[type=text] {
	width: 200px;
	float: right;
}


/*- TABS */

ul.tabs {
	position: relative;
	text-align: center;
	min-width: 130px;
	height: 20px;
	z-index: 10;
	margin: 0;
}

ul.tabs li {
	display: -moz-inline-box; /* for FF & Mozilla */
	display: inline-block;
	font-size: 11px;
	text-align: center;
	background: url('../images/tabsbg.png') center top;
	color: #333;
	cursor: pointer;
	border-right: 1px solid #bdbdbd;
}

* html .tabs li { display: inline; }  /* for IE 6 */
* + html .tabs li { display: inline; }  /* for IE 7 */

ul.tabs li a {
	float: left;
	width: 110px;
	line-height: 20px;
	display: block;
	color: #333;
	outline: none;
}

ul.tabs li a:hover {
	text-decoration: none;
}

ul.tabs li.first-child.last-child a {
	width: 150px;
}

ul.tabs li.first-child {
	background-position: left top;
}

ul.tabs li.last-child {
	background-position: right top;
	border: none;
}

ul.tabs li.ui-tabs-selected {
	background-position: -10px bottom;
}

ul.tabs li.ui-tabs-selected.first-child {
	background-position: left bottom;
}

ul.tabs li.ui-tabs-selected.last-child {
	background-position: right bottom;
}


/*- PAGESPLITTER  */

#page .container.pagesplitter {
	width: 100%;
	max-width: none;
	margin: 20px auto;
	padding: 0;
}

.splitterinside {
	padding: 25px 0 20px;
}

.splitterinside * a {
	color: #999;
}

.ui-tabs-hide {
	display: none;
}

.splitter {
	position: relative;
	top: -10px;
	color: white;
	background: #333333 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAVCAYAAACHUoQEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEBJREFUeNpiYGBgSGICEowg4i+I+AMnfoGI33ACzP0FxAxmIMIARGiBCBUQIQciJEGECIjgAxFcIIINRDADBBgAlsIJb8O3yoQAAAAASUVORK5CYII=') top repeat-x; /* Drop shadow */
}

.splitter select, .splitter input[type=text] {
	width: 150px;
	margin: 0;
	margin-top: -3px;
}

.splitter .media_controls label {
	margin-left: 10px;
}

.splitter p, .splitter ul, .splitter .media_browser label {
	margin: 0;
}

.splitter .container {
	padding: 10px 0;
}

.splitter hr {
	height: 1px;
	background: #2c2c2c;
	border-bottom: 1px solid #424242;
	margin: 0 auto;
	width: 770px;
	border: none;
}

.styledformelement {
	border: 1px solid #bbb;
}


/*- CLEAR
   Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }
.clear:after, .container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }


/*- LOGIN PAGE */

body.login {
	margin: 0;
}

body.login #page {
	background: url('../images/loginbg.png') center -56px no-repeat;
	margin: 0;
	min-height: 536px;
}

body.login h1 {
	text-align: center;
	padding: 50px 0;
	margin: 0;
	font: 3.5em 'Helvetica Neue Light', 'HelveticaNeue-Light', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	line-height: 100px;
}

body.login #page .container {
	width: 290px;
	background: none;
	-webkit-box-shadow: none;
	padding: 0;
	margin: auto;
	border: none;
}

body.login input[type=text], body.login input[type=password], body.login label.overcontent {
	width: 100%;
	font: 1.5em 'Helvetica Neue Light', 'HelveticaNeue-Light', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	padding: 3px 5px;
	margin: 0 auto 15px;
	width: 280px; /* 100% will break the vertical lines */
	color: #333;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 20px #ddd;
	-moz-border-radius: 5px;
}

body.login label.overcontent {
	text-transform: lowercase;
	color: #aeaeae;
}

body.login .remember {
	float: left;
}

body.login .remember label {
	line-height: 25px;
	font-weight: normal;
	font-size: .9em;
	color: #444;
	margin-left: 5px;
}

body.login input[type=submit] {
	float: right;
	width: 100px;
	margin-right: -1px;
}

body.login #password_utils {
	text-align: right;
	font-size: 0.8em;
	clear: right;
	padding-top: 10px;
}


/*- FOOTER */

#footer {
	margin: 35px auto;
	text-align: center;
}

#footer p {
	white-space: nowrap;
	padding: 7px 15px;
	background: #e3e3e3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display: inline;
}

#footer a, #footer span {
	font-size: 11px;
	color: #888;
}

#footer a {
	font-weight: bold;
	color: #777;
}

#footer .middot {
	padding: 0 5px;
	color: #aaa;
}


/*- HUMANIZED MESSAGES 1.0 (Habari Edition)
	home - http://humanmsg.googlecode.com */

.humanMsg {
	font: normal 12px Helvetica, Arial, Sans-Serif;
	position: fixed;
	top: 40px;
	left: 10px;
	width: 30%;
	max-width: 300px;
	color: white;
	text-align: left;
	z-index: 900;
	display: none;
	padding: 0px;
}

body.login .humanMsg {
	top: 10px;
}

.humanMsg .imsgs .msg {
	padding: 10px;
	background-color: black;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0px 1px 5px #333;
	margin-bottom: 5px;
}

.humanMsg p {
	display: inline;
}

.humanMsg p a {
	color: #19a5d1;
}

.humanMsg .imsgs .msg {
	display: none;
	opacity: 0;
}

#humanMsgLog {
	font: normal 10px Helvetica, Arial, Sans-Serif;
	color: white;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	max-height: 200px;
	display: none;
	z-index: 10000;
}

#humanMsgLog p:hover {
	opacity: 1;
}

#humanMsgLog p {
	opacity: .3;
	position: relative;
	left: 50%;
	width: 200px;
	margin: 0;
	margin-left: -100px;
	padding: 0 10px;
	line-height: 20px;
	background: #333;
	text-align: center;
	white-space: pre;
	cursor: pointer;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
}

#humanMsgLog.logisopen p {
	opacity: 1;
}

#humanMsgLog ul {
	background: #eee url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAARCAIAAACaSvE/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNqEjVEKACAIQ516Ee//5wVNCjIjaB/iY5vC3YkoIgDkVDOjQ5pqLCI3r2bLFzNzyydvM4uKqfJPKN4vyl9LO/7o3/6PhwADAIWkFPjc5eRrAAAAAElFTkSuQmCC') repeat-x;
	margin: 0;
	padding: 0;
	position: relative;
	max-height: 180px;
	overflow: auto;
	display: none;
}

#humanMsgLog ul li {
	color: #555;
	font-size: 12px;
	list-style-type: none;
	border-bottom: 1px solid #ddd;
	line-height: 40px;
	display: none;
	padding: 0 20px;
	position: relative;
	overflow: hidden;
	white-space: pre;
}

#humanMsgLog ul li:hover {
	background: #f2f2f2;
}

#humanMsgLog ul li:first-child {
	margin-top: 1px;
}

#humanMsgLog ul li .error {
	color: #FF4500;
}

#humanMsgLog ul li .indent {
	position: absolute;
	top: 0;
	left: 100px;
	margin-right: 200px;
	height: inherit;
}


.page-logs .item .info span {
	height: 13px;
	width: 13px;
	background: url('../images/info.png') no-repeat;
	display: block;
	cursor: pointer;
}

.page-logs .item .info span:hover {
	background: url('../images/info_hover.png') no-repeat;
}

#pop {
	border: 1px solid #efefef;
	overflow: auto;
}

#page .hidden, #page ul.dropbutton li.nodisplay {
	display: none;
}
