/*
 * 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:0 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;
	}


/*- 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 {
	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;
}


#menulist {
	position: absolute;
	top: 28px;
	width: 100%;
	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;
}

#menulist ul {
	list-style-type: none;
	list-style-position: outside;
	margin-bottom: 0;
}

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

#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.carrot a, #menulist li a:hover {
	background: #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 !important;
	right: 40px;
}

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

#page .dropbutton * {
	cursor: pointer;
}

 #page .dropbutton.alert {
	background: orangered;
}

#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-decoration: none;
	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;
}

.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.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;
}

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

a:hover {
	text-decoration: underline;
}

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

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

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 !important;
	padding: 0;
}

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

.hidden {
	display: none !important;
}

/*- FORMS */

input, textarea {
	color: #333;
}

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

select {
	width: 100%;
}

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 !important;
	cursor: text;
	-webkit-box-shadow: none !important;
}
	
p:hover > label.abovecontent {
	display: block !important;
}

/*-- FORM BUTTONS  */

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

.button.delete {
	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;
}

.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;
	height: 330px;
	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: 300px;
}

.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 !important;
	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 !important;
	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 !important;
}


/*-- 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 !important;
	background: url('../images/dashboardh2bg.png') right center no-repeat;
	padding-right: 10px;
	position: absolute;
	top: 14px;
	left: 20px;
	font-size: 1.5em !important;
	line-height: 22px !important;
}

.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 {
	padding-top: 2px;
	padding-bottom: 2px;
}

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

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

.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: 100 !important;
}

.dashboard .latest-comments-module .comments {
	position: absolute;
	right: 3%;
	line-height: 37px;
	font-size: 24px;
}


/* 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 !important;
}

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

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-users .item .aka,
body.page-users .item .userlogin {
	font-size: 11px;
	color: #999;
}

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 !important;
	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 !important;
	color: #ccc !important;
	}

.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 {
	font: 1.5em 'Helvetica Neue Light', 'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, Sans-Serif;
	text-align: center;
	color: #333;
	padding: 10px !important;
}


/*- 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 .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 #pluginconfigure {
	clear: both;
}

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

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


/*- THEMES PAGE */

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

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

.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 !important;
	padding: 2px 0 2px 2px !important;
	margin: 0 !important;
	}

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

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

.container.settings input[type=text],
.container.settings input[type=password] {
	width: 100%;
	font: 1em 'Helvetica Neue Light', 'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, Sans-Serif;
	color: #444;
	padding: 2px 1px;
}

.container input.big {
	font-size: 1.9em !important;
}

.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;
}

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;
}


/*- 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;
}


/* 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 !important;
	right: 20px;
	z-index: 500;
	text-transform: capitalize;
}

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

.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 !important;
}

.timeline .years .year > span {
	position: absolute;
	bottom: 0;
	font: 20px 'Helvetica Neue Light', 'HelveticaNeue-Light', 'Helvetica Neue', Helvetica, Arial, Sans-Serif !important;
	padding: 40px 0 0 3px;
	margin: 0 !important;
	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 */

ul.dropbutton li.nodisplay {
	display: none !important;
}

.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 {
	white-space: nowrap;
	}

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 !important;
	border: none;
	margin:0;
	padding:0;
}

body.page-tags .item.tag label:hover {
	color: orange !important;
	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% !important;
	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;
}

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

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

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

.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;
}


/*- 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: orangered;
}

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


/*- 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% !important; }
.pct10 { width: 10% !important; }
.pct15 { width: 15% !important; }
.pct20 { width: 20% !important; }
.pct25 { width: 25% !important; }
.pct30 { width: 30% !important; }
.pct35 { width: 35% !important; }
.pct40 { width: 40% !important; }
.pct45 { width: 45% !important; }
.pct50 { width: 50% !important; }
.pct55 { width: 55% !important; }
.pct60 { width: 60% !important; }
.pct65 { width: 65% !important; }
.pct70 { width: 70% !important; }
.pct75 { width: 75% !important; }
.pct80 { width: 80% !important; }
.pct85 { width: 85% !important; }
.pct90 { width: 90% !important; }
.pct95 { width: 95% !important; }
.pct100 { width: 100% !important; }