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

/**
 * @section buttons
 *
 * print, pdf, ...
 */
div#flexicontent .buttons
{ float: right; }

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.pageslinks {
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
}
div#flexicontent .pagescounter {
	text-align: center;
}


/**
 * @section Categoryview
 *
 */
div#flexicontent .catimg {
margin: 0 0.5em 0.5em 0;
float: left;
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: solid 1px #ddd;
}

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: 1em 1px; width: 99%; font-size: 1em; border-collapse: collapse; border: 1px solid #E5E5E5; clear: both; }

div#flexicontent table.flexitable th
{ background-color: #EFEFEF; color: #000; font-weight: bold; padding: 0.4em; text-align: left; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #E5E5E5;  }

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.4em; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #E5E5E5; vertical-align: top; }

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

div#flexicontent table.flexitable tr:hover td, div#flexicontent table.flexitable tr:hover th
{ background: #F8F8F8 }


/**
 * @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: 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: 5px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	left: 50%;
	position: relative;
}
#fc_alpha .numbers {
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	left: 50%;
	position: relative;
	clear: both
}
.fc_alpha_index {
	padding: 1px 2px;
	border: 1px solid silver;
	background: #efefef;
	text-decoration: none;
	margin-right: 2px;
	float: left;
	position: relative;
	right: 50%;
}
span.fc_alpha_index {
	color: silver;
}

.icon-mime {
	vertical-align: middle;
}

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