/********************************************************************************
* phpComasy, Content Management System	                                        *
* http://phpcomasy.noreality.ch                                                 *
*                                                                               *
* Copyright (c) 2005 Emanuel Zuber (www.noreality.ch)                           *
*                                                                               *
* Released under the GNU General Public License                                 *
********************************************************************************/


/********************************* General styles ******************************/
body, a, table, td, tr, tbody, b, p, input, select, label, textarea {
	color: black;
	font-size: 10px;
	font-family: Verdana, Verdana, Helvetica, Arial, Sans-serif;
}
body {padding: 0px; margin: 0px;}
input, textarea, select {margin-bottom: 1px;}
form {margin: 0px;padding: 0px;}
img {border: none;}
label {width: 120px; padding: 3px 0px 0px 0px;	float: left;}
h1 {font-size: 150%; font-weight: bolder;}
h2 {font-size: 130%; font-weight: bolder;}
h3 {font-size: 120%; font-weight: bolder;}
h4 {font-size: 110%; font-weight: bolder;}
h5 {font-size: 100%; font-weight: bolder;}
.comment {color: gray;}
.description {font-size: 90%;}
.selected {color: gray;}
.body .message {
	border: 1px solid #FFA500;
	background: #FFCE7B;
	padding: 5px;
	font-weight: bolder;
	color: black;
}
.error {
	color: red;
}

img .text_right {float: left; padding-right: 5px;}
img .text_left {float: right; padding-left: 5px;}

.item {
	background: #729FCF;
	padding: 3px;
	margin: 3px 0px 3px 0px;
	border: 1px solid #204A87;
}
.item:hover {background: #3465A4;}
.item a {
	text-decoration: none;
}
hr {
	height: 1px;
	border: 1px solid #0099DF;
}
.highlighting {
	background: yellow;
}

label {
	color: white;
}
/*******************************************************************************/


/**************************** phpComasy specific styles ************************/

/*************** language_switcher panel ***************/
.language_switcher {
	display: inline;
	text-align: left;
}
.language_switcher h1 {
	display: none;
}
.language_switcher a {
	text-transform: uppercase;
	text-decoration: none;
	color: white;
	margin: 0px;
	padding: 0px;
}
.language_switcher a:hover {
	text-decoration: underline;
}
/************* end language_switcher panel *************/


/******************************* Administration panel **************************/
.administration {
	position: absolute;
	top: 1px;
	right: 1px;
	width: 200px;
	padding: 3px;
	background: #EEEEEE;
	border: 1px solid #0099DF;
}
.administration h1 {
	font-size: 100%;
	padding: 0px;
	margin: 0px 0px 3px 0px;
}
.administration a {
	text-decoration: none;
}
.administration hr {
	height: 1px; 
	width: 100%; 
	margin: 0px; 
	padding: 0px; 
	color: black
}
/*******************************************************************************/



/********************************** Management *********************************/
.management {
	color: white;
}
.management a {
	color: white;
	text-decoration: none;
}
.management a:hover {
	text-decoration: underline;
}
.management h1 {
	font-size: 120%;
}
.management h2 {
	font-size: 100%;
	margin-bottom: 0px;
}
.management p {
	margin-top: 0px;
	margin-bottom: 2px;
}

.management .custom_table {
	border: 1px solid #0099DF;
	background: black;
}
.management table .heading {
	font-weight: bolder;
	background: #0099DF;
}
.management table .heading td {
	color: black;
}

.management input, textarea, select {
	border: 1px solid #0099DF;
	background: white;
}
.general_settings label {
	color: white;
	width: 150px;
}
/*******************************************************************************/



/* header */
.header {
	background: url(img/header.gif) no-repeat;
	height: 84px;
	width: 800px;
	padding: 3px;
	text-align: right;
	vertical-align: bottom;
}



/* Site table*/
.site {
	border: 8px solid white;
	text-align: left;
	margin-top: -110px;
}



/* Left column */
.left {
	background: #DDDDDD;
	padding: 5px;
	width: 190px;
}



/* Body column */
.body {
	background: transparent;
	color: white;
}
.body a, .body table, .body tr, .body td, .body p, .body li, .body ul, .body span, .body div {
	color: white;
}


/* Next and previous buttons */
.next_previous {
	color: gray;
	margin: 5px 0px 0px 0px;
	text-align: right;
}
.next_previous a {
	color: gray;
	padding: 0px 5px 0px 0px;
}


/* Powered by class */
.powered_by {
	font-size: 85%;
}
.powered_by a {
	font-size: 100%;
}



/* Contact class */
.contact {
	margin: 6px 0px 0px 0px;
	padding: 3px;
	font-size: 85%;
	background: #EEEEEE;
}


/*******************************************************************************/

/* navigation */


.navigation_top {
	background: transparent;
	padding: 0px 0px 0px 82px;
	display: inline;
}
.navigation_top a {
	color: white;
	text-decoration: none;
	display: inline;
	margin-left: 0px;
	margin-right: 10px;
	color: white;
}
.navigation_top a:hover {
	color: white;
	text-decoration: underline;
	margin-left: 0px;
	margin-right: 10px;
	color: white;
}

.top2 {
	padding: 3px 0px 3px 0px;
	color: white;
	width: 83%;
}

.top3 {
	padding: 3px 0px 3px 0px;
	color: white;
	text-align: left;
	width: 17%;
}

.site .navigation.level0,
.site .navigation.level0 a {
	display: none;
}

.navigation {
	background: transparent;
	padding: 0px 0px 0px 0px;
}
.navigation a {
	color: white;
	text-decoration: none;
	display: block;
	margin-right: 5px;
	color: white;
	padding-left: 13px;
	margin-bottom: 5px;
	background: url(img/subnav.gif) no-repeat 0px 2px;
}
.navigation a:hover {
	color: white;
	text-decoration: underline;
	margin-right: 5px;
	color: white;
	padding-left: 13px;
	background: url(img/subnav.gif) no-repeat 2px;
}

.site .navigation.level1 {background: transparent; display: inline; margin-left: 0px; margin-right: 15px; color: white;}

.site .navigation.level1.current { display: none;}


.navigation.level2 {background: transparent; margin-left: 20px; font-size: 80%;}
.navigation.level3 {background: transparent; margin-left: 30px; font-size: 80%;}
.navigation.level4 {background: transparent; margin-left: 40px; font-size: 80%;}



/******************************** Additional styles ****************************/
.contact a {
	font-size: 100%;
}

body {
	background: #DEDEDE;
}

.body p {
	margin-top: 0px;
	padding-top: 0px;
}

#content {
	padding: 18px 25px 0px 82px;
	height: 250px;
	color: white;
	overflow: auto;
}

/* IE hack for min-height */
#content[id] {
    height: auto;
    min-height: 250px;
}



.title {
	margin-top: 2px;
	padding-top: 1px;
	height: 32px;
}

.content a {
	color: white;
	text-decoration: underline;
}

.logo {
	display: inline;
	z-index: 10;
	position: relative;
	left: 16px;
}


/*******************************************************************************/

.root_navigation,
.root_navigation.current,
.navigation_top.current,
.navigation_top .current,
.navigation_top .root_navigation .current,
.navigation_top.root_navigation.current,
.current {
	display: inline;
}

.mailform_element {
	margin-bottom: 2px;
	margin-top: 2px;
	padding: 2px;
	padding-bottom -5px;
}