/* WH Custom/added */
.tagitems
{
	padding-top: 14px;
}
#fc_type
{
	width: 15%;
}
#fc_cat
{
	width: 35%;
}
.new
{
	background-image: url(/images/stories/new.png);
	background-repeat: no-repeat;
	background-position: top right;
}
.new-doc
{
	background-image: url(/images/stories/new-doc.png);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 34px !important;
}
div#flexicontent table.flexitable tr.close-new
{
	border-top: dotted 3px #e9d9a8 !important;
}
.locked 
{
    width: 10px;
    height: 16px;
    margin-right: 20px;
}

/* Tooltips */
.tool-tip
{
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 300px;
	z-index: 50;
}

.tool-title
{
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(/administrator/templates/khepri/images/selector-arrow.png) no-repeat;
}

.tool-text
{
	font-size: 100%;
	margin: 0;
}

.tool-tip table th
{
	text-align: right;
	font-weight: normal;
	padding-right: 4px;
}

div#flexicontent
{
	/*overflow: hidden;*/ /* clearing in beez */
}

div#flexicontent .clear
{
	border: 0;
	clear: both;
	float: none;
	font-size: 1px;
	height: 0;
	line-height: 1px;
	margin: 0;
	padding: 0;
	visibility: hidden;
}

div#flexicontent .floattext:after /* ie fix in coditional comments (html source) */
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#flexicontent .floattext
{
	display: block;
	margin: 10px 0 0 0; /* safari */
}
div#flexicontent .floattext h2
{
	font-weight: normal;
	border-bottom: 1px solid silver;
	font-size: 18px;
	font-weight: normal;
	color: #222;
	margin-bottom: 8px;
	padding-bottom: 6px;
}

/**
 * @section buttons
 *
 * print, pdf, ...
 */
div#flexicontent .buttons
{
	float: right;
	margin: 7px 24px 0 0;
}

div#flexicontent .buttons img
{
	border: none;
}

div#flexicontent .buttons a
{
	padding: 0 0 0 5px;
	height: 16px;
	line-height: 16px;
}


/**
 * @section headlines
 *
 */
div#flexicontent h2
{
}

div#flexicontent h2 img
{
	border: none;
}

h2.flexicontent
{
	margin: 0 0 0.5em;
}

/** 
 * @pagination css trick to center the div without having a fixed width
 * see http://www.cssplay.co.uk/menus/centered.html
 */
div.pagination
{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	float: left;
	left: 50%;
}
div.pagination div.tab, div.pagination div.page-block
{
	position: relative;
	right: 50%;
}
div.pages
{
	clear: both;
	border-top: 1px dotted silver;
	border-bottom: 1px dotted silver;
	padding-top: 6px;
	margin: 0 4px 0 1px;
}
div.pageslinks
{
	overflow: hidden;
	width: 100%;
	font-size: 110%;
	text-align: center;
}
div#flexicontent .pagescounter
{
	text-align: center;
}


/**
 * @section Categoryview
 *
 */
div#flexicontent .catimg
{
	float: right;
	margin-top: -60px;
	margin-right: 40px;
	position: relative;
}

div#flexicontent .catimg p
{
	font-size: 0.9em;
	line-height: 180%;
	margin: 0 0 0.5em 0;
}

div#flexicontent .catdescription
{
	margin: 0 0 0.5em 0;
}

div#flexicontent .subcategories
{
	/* font-size: 1.2em; font-weight: bold; */
	border-bottom: 2px solid #ddd;
	padding: 0.5em 0.3em;
	margin: 0.8em 0;
}

/**
 * @section FLEXIcontent Item
 *
 */
div#flexicontent .taglist
{
	margin: 5px 0 10px;
	padding: 0 5px;
}


/**
 * @section flexicontent Table Filter Form
 *
 */
div.subcategorieslist
{
	margin: 0 0 1em 0;
}

div#fc_alpha
{
	margin: 0 0 1em 0;
}

div#flexicontent #fc_filter
{
	margin: 0 0 1em 0;
	padding: 0.5em;
	border: 1px solid #e9d9a8 !important;
	background: url(/images/stories/infoblock.png) no-repeat bottom;
}

div#flexicontent .fc_fleft
{
	float: left;
}

div#flexicontent .fc_fright
{
	float: right;
}
div#flexicontent .fc_fright .filter
{
	margin-left: 10px;
}

/**
 * @section FLEXIcontent Table
 *
 */
div#flexicontent table.flexitable
{
	margin: 4px 0 0 -1px;
	width: 100%;
	font-size: 1em;
	clear: both;
}

div#flexicontent table.flexitable th
{
	color: #000;
	font-weight: bold;
	padding: 0.5em;
	padding-right: 8px;
	text-align: left;
}

div#flexicontent table.flexitable thead th
{
	background-color: #B14104;
	color: #fbaa7e;
	font-weight: bold;
	padding: 0.4em;
	padding-right: 14px;
	text-align: left;
	border-bottom: 1px solid #9d3a04;
	border-right: 1px solid #9d3a04;
}


div#flexicontent table.flexitable th.table-titles
{
	background-color: inherit;
	font-weight: normal;
}

div#flexicontent table.flexitable th img
{
	margin: 0 0 5px 5px;
	vertical-align: middle;
	border: none;
}

div#flexicontent table.flexitable td
{
	padding: 0.5em;
	padding-right: 14px;
	vertical-align: top;
}

div#flexicontent table.flexitable tr.sectiontableentry2 td
{
	background-color: #F4F4F4;
}

div#flexicontent table.flexitable tr:hover, div#flexicontent table.flexitable tbody tr:hover
{
	background-color: #f6e6a7;
}

div#flexicontent table.flexitable tr
{
}

div#flexicontent table.flexitable tr.row0
{
	background-color: #f7f0d5;
}

div.documentlist
{
	margin: 0 1px 1em 0;
}
div.documentlist h3
{
	font-size: 110%;
	margin: 0px;
	margin-bottom: 1px;
}


/**
 * @section flexicontent Table Filter Form
 *
 */
div.subcategorieslist
{
	margin: 0 4px 1em 0;
}
div.subcategorieslist h3
{
	font-size: 110%;
	margin-bottom: 4px;
}
div.subcategorieslist table h3
{
	font-size: 120%;
}
div.subcategorieslist table
{
	width: 100%;
}
div.subcategorieslist table td
{
	padding-right: 0px !important;
	padding-left: 0px !important;
}
div.subcategorieslist div.row0 td, div.subcategorieslist div.row1 td
{
	padding: 8px !important;
}
div.subcategorieslist div.row0:hover, div.subcategorieslist div.row1:hover
{
	background-color: #f6e6a7;
}

div.subcategorieslist div
{
	cursor: pointer;
}

div.subcategorieslist div.row0
{
	cursor: pointer;
	background-color: #f7f0d5;
}

div#fc_alpha
{
	margin: 0 0 1em 0;
}

div#flexicontent #fc_filter
{
	margin: 0 0 1em 0;
	padding: 0.5em;
	border: solid 1px #ddd;
}

div#flexicontent .fc_fleft
{
	float: left;
}

div#flexicontent .fc_fright
{
	float: right;
}
div#flexicontent .fc_fright .filter
{
	margin-left: 10px;
}

/**
 * @section Edit Form
 *
 */

div.qf_edit form fieldset
{
	margin: 0 0 1em 0;
	padding: 1em;
	border: 1px solid #ddd;
}

div.qf_edit form legend
{
	padding: 0.3em;
	font-weight: bold;
}

div.qf_edit form label
{
	width: 9em;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	vertical-align: top;
}

div.qf_edit form input, div.qf_edit form button, div.qf_edit form select, div.qf_edit form textarea
{
	margin: 0 0 0.5em 0;
	padding: 0.2em;
	border: 1px solid #ddd;
	cursor: pointer;
	background-color: #fff;
}

/** save buttons */
div.qf_save_buttons
{
	margin: 0 0 1em 0;
	float: right;
}

div.qf_save_buttons button
{
	font-size: 1.5em;
	cursor: pointer;
}

div.qf_box_left, div.qf_box_right
{
	width: 45%;
	float: left;
}

div.qf_box_right
{
	float: right;
}

/** rating bar **/
div#flexicontent .qf_ratingbarcontainer
{
	border: 1px solid #999999;
	height: 10px;
	width: 60px;
	margin: 2px 2px;
	display: block;
}
div#flexicontent .qf_ratingbar
{
	background-color: silver;
	height: 10px;
	display: block;
}

/** state toggler */
.qf_statetoggler
{
	padding: 0;
	list-style: none;
	width: 10px;
}

.options
{
	position: absolute;
}

.statetoggler li ul li
{
	border: #ddd 1px solid;
	background-color: #ffffff;
	color: #000000;
	padding: 2px;
	list-style: none;
}

/* DIRECTORY VIEW */
div#flexicontent.directory .floattext h2
{
	background-color: #DDDDDD;
	border-bottom: 0 none;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	color: #FFFFFF;
	margin: -3px 0 0;
	padding: 1px 0;
	width: auto;
}

div#flexicontent.directory .floattext h2 a
{
	border: 2px solid #DDDDDD;
	display: block;
	margin: 0 -1px;
	padding: 2px 0 1px 4px;
	position: relative;
}

div#flexicontent.directory .floattext ul
{
	margin: 3px 0 7px;
	padding: 0 7px;
	list-style: none;
}

div#flexicontent.directory .column
{
	float: left;
	margin-right: 5px;
}


/* Favourites */
.fav-block
{
	clear: both;
}
.fav-block img
{
	vertical-align: middle;
}
.favlink
{
	outline: none;
}
.fcfav img
{
}

/**
 * Comments for JComments only ;-)
 */
div.comments
{
	margin-top: 15px;
}
.comments #jc h4
{
	font-weight: normal;
	color: inherit;
	margin-top: 0px;
}
.comments #comments a
{
	color: inherit;
}
.comments #comments a:hover
{
	color: #578E13;
}
.comments #comments div.comments-list
{
	margin-left: 0;
}
.comments .rbox_tr, .comments .rbox_tl, .comments .rbox_t, .comments .rbox_br, .comments .rbox_bl, .comments .rbox_b, .comments .rbox_m
{
	background: none;
	border: none;
}

.comments .rbox
{
	border: 1px #ccc solid;
}
.comments .even .rbox
{
	background: #fff;
}
.comments .odd .rbox
{
	background: #f0f0f0;
}
.comments #comments-list-footer
{
	margin: 0 0 10px 0;
}
#comments-form p, #comments-form #comments-form-buttons, #comments-form #comments-form-error
{
	margin-left: 0px !important;
}
#comments-form #comments-form-message, #comments-inline-edit #comments-form-message
{
	padding: 5px 5px 5px 25px;
	display: block;
}
.comments-form-message-error
{
	background: #FFD86F url(../images/error.png) no-repeat 4px 50%;
}
.comments-form-message-info
{
	background: #DFEEFF url(../images/information.png) no-repeat 4px 50%;
}

/* Tab comments */
.comments .votes
{
	margin-left: -4px;
}
.comments .favs
{
	margin: 5px 0 15px;
}

/**
 * Tabs CSS
 * taken from the general.css in the backend
 */
dl.tabs
{
	float: left;
	margin: 10px 0 -1px 0;
	z-index: 50;
}

dl.tabs dt
{
	float: left;
	padding: 4px 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-left: 3px;
	background: #f0f0f0;
	color: #666;
}

dl.tabs dt.open
{
	background: #F9F9F9;
	border-bottom: 1px solid #F9F9F9;
	z-index: 100;
	color: #000;
}

div.current
{
	clear: both;
	border: 1px solid #ccc;
	padding: 10px 10px;
}

div.current dd
{
	padding: 0;
	margin: 0;
}

#bottom-block
{
	width: 373px;
	margin: 0 auto;
}

/**
 * Alphabetical index
 */
#fc_alpha
{
	clear: both;
	float: left;
	overflow: hidden;
	width: 100%;
}
#fc_alpha .letters
{
	margin-bottom: 4px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	left: 50%;
	position: relative;
}
#fc_alpha .numbers
{
	margin-bottom: 4px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	left: 50%;
	position: relative;
	clear: both;
}
.fc_alpha_index
{
	padding: 1px 3px;
	border: 1px solid silver;
	background: #efefef;
	text-decoration: none;
	margin-right: 2px;
	float: left;
	position: relative;
	right: 50%;
}
span.fc_alpha_index
{
	color: silver;
}
.fc_alpha_current
{
	background: #222;
	color: White !important;
}

.icon-mime
{
	vertical-align: middle;
	margin-top: -3px;
}

/* strange property in japurity /-) */
#flexicontent .hasTip img
{
	margin: 0;
}