/*"******************************************************************************************************
*   (c) 2004-2006 by MulchProductions, www.mulchprod.de                                                 *
*   (c) 2007-2009 by Kajona, www.kajona.de                                                              *
*       Published under the GNU LGPL v2.1, see /system/licence_lgpl.txt                                 *
*-------------------------------------------------------------------------------------------------------*
*	$Id: kajona.css 2803 2009-06-20 09:40:52Z jschroeter $									                *
********************************************************************************************************/

#bgpic {
    width: 100%;
    height: 100%;
    z-index: -1;
    position: fixed;
    top: 0px;
    left: 0px;
}

body {
    text-align: center;
    margin: 0px;
    padding: 0px;
    background-color: #c0d4fe;
    overflow-y: scroll;
}

body, table, td {
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

#bodyScrollWrapper {
    width: 100%;
    z-index: 2;
    top: 0px;
    left: 0px;
    position: absolute;
}

table, td {
    border: none;
}

table td {
    vertical-align: top;
}

a.hiddenAnchor {
    margin: 0px !important;
	padding: 0px !important;
	border: none !important;
	display: inline !important; 
}

a, a:link, a:visited {
    color: #900000;
    text-decoration: none; 
}

a:hover, a:active, a:focus {
     text-decoration: underline;
}

img {
    border: none;   
}

.clearer {
    clear: both !important;    
}

hr {
    border: none;
    border-top: 1px dotted #858585;
}

ul {
    list-style-image: url(../pics/base/li_icon.gif);
}

/* colors */
.red {
    color: #900000;
}

.gray {
    color: #858585;
}

div.lineGray {
    height: 1px;
    border-bottom: 1px dotted #858585;
}


/* H E A D L I N E S */
h1 {
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 5px 0;
    padding: 0px;
    color: #900000;
    float: left;
}

h2 {
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0;
    color: #900000;
}

h3 {
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 5px 0px 5px 20px;
    color: #8b8b8b;
    background-image: url(../pics/base/info_icon.png);
    background-repeat: no-repeat;
}

h3 span {
    font-weight: normal;
    float: right;
}

/* L A Y O U T */
#bodyContainer {
    position: absolute;
    left: 50%;
    margin: 0 -450px;
    width: 900px;
    top: 0px;
    text-align: center;
    padding-bottom: 20px;
}


#frameHeader {
    height: 30px;
    background-image: url(../pics/base/corners_header.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

#frameFooter {
    height: 50px;
    background-image: url(../pics/base/corners_footer.png);
    background-repeat: no-repeat;
    background-position: top;
}

#contentWrapper {
    background: url(../pics/base/corners_body.png) repeat-y;
    padding-left: 31px;
}

#loginBar {
    float: left;
    font-weight: bold;
}

#searchBar {
    float: right;
}

.noteDiv {
    border: 1px solid #CCCCCC;
    background-color: #dddddd;
    padding: 5px;
    margin: 5px 0 15px 0;
}
	
#headerContainer {
    height: 152px;
	background: url(../pics/base/head.jpg) no-repeat;
    vertical-align: top;
    text-align: center;
}

#headerContainer .logo {
    padding-left: 37px;
    padding-top: 25px; 
}

#headerContainer .logo a {
    width: 254px;
    height: 87px;
    display: block;
}
    
#mainContainer {
	width: 840px;
    padding: 0 0px 0 0;
	background-color: #ffffff;		
}

	
#signin {
	background: #FFFFFF url(../pics/base/subnavi_bg.jpg) repeat-x;
    height: 45px;
	padding: 8px 10px 0 13px;
}

#signin .status {
    padding-top: 3px;
    font-weight: normal;
}

#contentContainer {
    text-align: left;
    width: 814px;
    padding: 0 13px 25px 13px;
}

#footerContainer {
    padding-top: 6px;
	padding-bottom: 6px;
}

#footerContainer a {
    color: #3b3b3b;
    text-decoration: none;      
}

#mainNaviContainer {
	background: #eeeeee;
	height: 33px;
}

#pNaviContainer {
    font-weight: normal;
    padding-top: 15px;
    color: #FFFFFF;
}

#contentContainer .padding {
    padding: 0 10px 0 10px;
}


/* H O M E  S I T E */
#homeHeader {
    background: url(../pics/base/home_header_bg.png) left bottom no-repeat;
    padding: 0 10px 0 10px;
}

#homeHeaderLeft {
    float: left;
    width: 380px;
}

#homeHeaderRight {
    float: right;
    width: 380px;
    padding-top: 35px;
}

#homeHeaderRight .toplist {
    margin-right: 15px;
}

#homeBody {
    margin-top: 13px;
    background: url(../pics/base/home_body_bg.png) left top no-repeat;
    padding: 10px 10px 0 10px;
}

#homeBody p {
    padding: 0;
    margin: 0;
}

#homeBodyLeft {
    float: left;
    width: 380px;
}

#homeBodyRight {
    float: right;
    width: 380px;
}


/* RSS FEEDS */
.rssfeed .post {
    padding-bottom: 3px;
    padding-top: 3px;
    border-top: 1px dotted #858585;
}

.rssfeed .post .columnLeft {
    float: left;
}

.rssfeed .post .columnRight {
    width: 160px;
    margin-left: 250px;
}


/* N A V I G A T I O N S */
#mainNaviContainer a, #mainNaviContainer a:link, #mainNaviContainer a:visited {
    color: #000;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
	padding: 13px 25px 10px 25px;
}

#mainNaviContainer a img {
    margin-left: 21px;
    margin-top: -10px;
    position: absolute;
}

#mainNaviContainer a:hover, #mainNaviContainer a:active, #mainNaviContainer a:focus {
	background: url(../pics/base/mainnavi_bg.png) center top repeat-x;
    text-decoration: none;
}

#mainNaviContainer ul {
    list-style: none;
    margin: 0px;
    padding: 10px 0 0 0;
}

/* level 1 */
#mainNaviContainer ul li {
    float: left;
}
	
#mainNaviContainer ul li a.active, #mainNaviContainer ul li a.active:link, #mainNaviContainer ul li a.active:visited {
	color: #900000;
	background: url(../pics/base/mainnavi_bg.png) center bottom repeat-x;	
    text-decoration: none;
}


#pNaviContainer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#pNaviContainer ul li {
    display: inline;
}

#pNaviContainer a, #pNaviContainer a:link { 
	text-decoration: none;
    color: #FFFFFF;
	font-size: xx-small;
	font-weight: normal;
	padding: 0 5px 0 5px;
}

#pNaviContainer a:hover, #pNaviContainer a:active, #pNaviContainer a:focus {
    text-decoration: underline;
}



/** F O R M S **/
#contentContainer form label {
    display: block;
    float: left;
    width: 30%;
    height: 22px;
    padding: 2px 0 0 0;
}

#contentContainer form label.labelRight {
    display: block;
    float: right;
    width: 65%;
    height: 22px;
    padding: 2px 0 0 0;
}

#contentContainer form br {
    clear: both;
}

#contentContainer form div span {
    padding-left: 6px;
}

#formPortallogin {
    text-align: left;
}

#formPortallogin a, #formPortallogin a:link, #signin a, #signin a:link  {
    color: #8b8b8b;
    font-weight: bold;
    padding: 0 4px 0 4px;
}

.inputText, .inputTextShort, .inputDate {
    height: 16px;
    padding: 0px 0 3px 5px;
    margin: 0 3px 0 0;
    display: block;
    float: left;
    width: 173px;
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #737373;
}

.inputTextarea, .inputTextareaLarge {
    padding: 3px 5px 3px 5px;
    margin: 0 3px 0 0;
    display: block;
    float: left;
    width: 180px;
    height: 50px;
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #737373;
}

.inputTextareaLarge {
    width: 400px;
    height: 250px;
}

.inputDropdown {
    height: 20px;
    padding: 1px 5px 1px 5px;
    margin: 0 3px 0 0;
    display: block;
    float: left;
    width: 173px;
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #737373;
}

.inputText:focus, .inputTextShort:focus, .inputTextarea:focus, .inputDropdown:focus, .inputDate:focus {
    color: #000000;
    border-color: #6e6e6e;
}

.checkBoxRight {
    padding: 0;
    margin: 0 3px 0 0;
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    border: none;
}

.button, .buttonShort {
    padding: 0 0 3px 0;
    margin: 8px 0 0 0;
    display: block;
    float: left;
    width: 180px;
    height: 20px;
    border: 1px solid #c2c2c2;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #737373;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 3px #900000;
    -moz-box-shadow: 0px 0px 3px #900000;
    box-shadow: 0px 0px 3px #900000;
}

.button:hover, .buttonShort:hover, .button:focus, .buttonShort:focus {
    color: #900000;
    border-color: #900000;
}

.pl_inputText {
    color: #900000;
    background: #eeeeee;
    border: 1px solid #e1e1e1;
    width: 126px;
    float: none;
    display: inline;
}

.search_inputText {
    font-weight: bold;
    color: #900000;
    background-image: url(../pics/base/search_bg.jpg);
    background-repeat: no-repeat;
    border: none;
    width: 126px;
    height: 19px;
    padding: 0px 0 0px 5px;
    float: none;
    display: inline;
}

/* T O P L I S T */
.toplistContainer {
    float: right;
}

.toplist {
    background-image: url(../pics/base/toplist_bg.png);
    width: 150px;
    height: 64px;
    padding: 10px 0 0 10px;
    display: inline-block;
    margin-left: 10px;
}

.toplist h3 {
    background: none;
    color: #900000;
    margin: 0;
    padding: 0;
}

.toplist ul {
    list-style-image: none;
    list-style: none;
    margin: 10px 0 0 10px;
    padding: 0;
}

.toplist ul li {
    margin: 0;
    padding: 0;
}




/* L I S T S */
.portalList {
    width: 100%;
    padding: 0;
}

.portalListRow {
    height: 22px;
}

.portalListRow:hover, .portalListRow:hover td {
    background-color: #eeeeee;
        
}

.portalListRow td {
    vertical-align: middle;
}

.portalListRowSpacer {
    height: 1px;
}

.portalListRowSpacer td {
	padding: 5px 0 5px 0;
}

.portalListRow .image {
    padding: 8px 18px 8px 8px;
}

.portalListRow .info {
    width: 100%;
    padding-left: 2px;
    padding-right: 5px;
}

.portalListRow .info .headline {
	padding-bottom:  8px;
}

.portalListRow .info .headline h2 {
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.portalListRow .info .description {
	padding: 0 15px 0 0;
	height: 26px;
	overflow: hidden;
}

.portalListRow .info .footer {
	padding-top: 8px;
}

.portalListRow .rating {
    white-space: nowrap;
    vertical-align: middle;
    padding-right: 20px;
    text-align: right;
}

.portalListRow .rating span.inline-rating-bar {
    padding-bottom: 8px;
}

.portalListRow .rating span.text {
    display: inline-block;
    width: 55px;
    text-align: left;
    padding: 0 0px 0 5px;
}


/* File detail view */
.fileDetail {
}

.fileDetail .columnLeft {
    width: 580px;
    float: left;
}

.fileDetail .columnRight {
	margin-left: 620px;
}

.fileDetail .columnRight .rating {
    white-space: nowrap;
    text-align: right;
    padding-right: 33px;
}

.fileDetail .columnRight .rating span.inline-rating-bar {
    padding-bottom: 8px;
}

.fileDetail .columnRight .rating .rating-icon,
.fileDetail .columnRight .rating .rating-icon a:hover,
.fileDetail .columnRight .rating .rating-icon a:active,
.fileDetail .columnRight .rating .rating-icon a:focus,
.fileDetail .columnRight .rating .rating-icon .current-rating{
    background-image: url(../pics/base/rating_icons_big.png);
}
.fileDetail .columnRight .rating .rating-icon{
    width: 120px;
    height: 22px;
}
.fileDetail .columnRight .rating .rating-icon a,
.fileDetail .columnRight .rating .rating-icon .current-rating{
    height: 22px;
    line-height: 22px;
}


.fileDetail .columnRight .rating span.text {
    display: inline-block;
    width: 55px;
    text-align: left;
    padding: 0 10px 0 5px;
}

.fileDetail .columnRight .rating strong {
    color: #900000;
}

.fileDetail .columnRight td:first-child {
    padding-right: 5px;
}

.fileDetail a.previewImage {
    margin-left: -3px;
    margin-right: 3px;
}



/* Preview and detail images */
a.previewImage {
    width: 75px;
    height: 75px;
    display: inline-block;
    padding: 3px;
}

a.previewImage img {
    width: 75px;
    height: 75px;
}

a.previewImageElement {
    background-image: url(../pics/base/icons/element_big.png);
}

a.previewImageModule {
    background-image: url(../pics/base/icons/module_big.png);
}

a.previewImageTemplate {
    background-image: url(../pics/base/icons/template_big.png);
}

a.previewImageTutorial {
    background-image: url(../pics/base/icons/tutorial_big.png);
}

div.detailImage {
    width: 153px;
    height: 153px;
    padding: 5px;
    float: left;
    margin: -5px 15px 10px -5px;
}

div.detailImage img {
    width: 153px;
    height: 153px;
}

div.detailImageElement {
    background-image: url(../pics/base/icons/element_detail.jpg);
}

div.detailImageModule {
    background-image: url(../pics/base/icons/module_detail.jpg);
}

div.detailImageTemplate {
    background-image: url(../pics/base/icons/template_detail.jpg);
}

div.detailImageTutorial {
    background-image: url(../pics/base/icons/tutorial_detail.jpg);
}




a.buttonBig {
	width: 153px;
    height: 31px;
	display: block;
	text-align: center;
	font-size: 18px;
	color: #900000;
	padding-top: 8px;
	background-image: url(../pics/base/button_big_bg.png);
	background-position: top left;
}

a.buttonBig:hover, a:hover, a.buttonBig:active, a.buttonBig:focus {
    background-position: bottom left;
}

/* T O O L T I P */
.kajonaTooltip {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #900000;
    padding: 4px;
    max-width: 200px;
    z-index: 2000;
    -webkit-box-shadow: 0px 0px 8px #858585;
    -moz-box-shadow: 0px 0px 8px #858585;
    box-shadow: 0px 0px 8px #858585;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* E L E M E N T  I M A G E */
.bild {
    margin-bottom: 10px;
}

/* E L E M E N T  T A G T O */
.tagto a {
    text-decoration: none;
    border: 1px solid #cccccc;
    padding: 1px;
    padding-top: 5px;
}



/* S E A R C H */
.searchHighlight {
    background-color: #ffff00;
}


/* P O S T A C O M M E N T */
#postaCommentForm {
	display: none;
    margin-bottom: 5px; 
}

.pacComment {
    margin: 0 50px 0px 30px;
    border-bottom: 1px dotted #858585;
    padding: 8px 0 8px 0;
}

.pacComment .columnLeft {
    width: 110px;
    float: left;
}

.pacComment .columnMiddle {
    margin-left: 20px;
    width: 450px;
    float: left;
}

.pacComment .columnRight {
	float: left;
    margin-left: 30px;
}

.pacComment .name {
    overflow: hidden;
    width: 105px;
}


/* R A T I N G   B A R (http://www.komodomedia.com/blog/2007/01/css-star-rating-redux/) */
.inline-rating-bar {
	display: -moz-inline-block;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: middle;
}

.rating-icon,
.rating-icon a:hover,
.rating-icon a:active,
.rating-icon a:focus,
.rating-icon .current-rating{
	background: url(../pics/base/rating_icons.png) left -1000px repeat-x;
}
.rating-icon{
	position: relative;
	width: 85px;
	height: 16px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
}
.rating-icon li{
	display: inline;
}
.rating-icon a,
.rating-icon .current-rating{
	position: absolute;
	top: 0;
	left: 0;
	text-indent: 1000em;
	height: 16px;
	line-height: 16px;
	outline: none;
	overflow: hidden;
	border: none;
}
.rating-icon a:hover,
.rating-icon a:active,
.rating-icon a:focus{
	background-position: left bottom;
}
.rating-icon a.icon-1{
	width: 20%;
	z-index: 6;
}
.rating-icon a.icon-2{
	width: 40%;
	z-index: 5;
}
.rating-icon a.icon-3{
	width: 60%;
	z-index: 4;
}
.rating-icon a.icon-4{
	width: 80%;
	z-index: 3;
}
.rating-icon a.icon-5{
	width: 100%;
	z-index: 2;
}
.rating-icon .current-rating{
	z-index: 1;
	background-position: left center;
}


/* M Y B A S E */

.myBaseFiles {
    padding-top: 20px;
}

.myBaseTable {
    width: 100%;
}

.myBaseTable td {
    padding: 4px;
    border-bottom: 1px dotted #858585;
    vertical-align: middle;
}

.myBaseTable tr:hover {
    background-color: #e9e8e8;
}

#ie6hint{position: absolute; z-index: 5000; top: 0px; left: 50%; margin-left: -250px; width: 500px; text-align: left; border:2px solid #fbe991; border-top: none; background:#fffed8; color:#000; font-family: Arial; font-size: 11px;}
#ie6hint p{margin:8px; padding:0;}