/*------------------------------------------------------------------------
# WatchTime - SUFFIX
# ------------------------------------------------------------------------
# Author: Thomas H. Ernst
# Website:  http://www.watchtime.ch
-------------------------------------------------------------------------*/


/* ============================= System Messages ====================================*/
#system-message    { 
	margin-bottom: 10px; 
	padding: 0;
	background-color: #E6C0C0; 
}

#system-message dt { 
	font-weight: bold; 
}

#system-message dd { 
	margin: 0; 
	font-weight: bold; 
}

#system-message dd ul { 
	color: #0055BB; 
	margin-bottom: 10px; 
	list-style: none; 
	padding: 10px; 
	list-style: none;
}

/* System Standard Messages */
#system-message dt.message { 
	display: none; 
}

#system-message dd.message {
}

/* System Error Messages */
#system-message dt.error { 
	display: none; 
}

#system-message dd.error ul { 
	color: #c00; 
	background-color: #E6C0C0; 
}

/* System Notice Messages */
#system-message dt.notice { 
	display: none; 
}

#system-message dd.notice ul { 
	color: #c00; 
	background: #EFE7B8; 
	list-style: none;
}

/* Debug */
#system-debug { 
	color: #ccc; 
	background-color: #fff; 
	padding: 10px; margin: 10px; 
}

#system-debug div { 
	font-size: 11px;
}


/* ================== Header Color additional classes ==================================*/
.clear { clear: both; }
.green { color: #9EC630; }
.gray  { color: #BFBFBF; }


/* ===================================== menu tabs =======================================*/
#topmenu li {
   display:inline;
   margin:0; padding:0;
}

#topmenu a {
   color:#000;
   float:left;
   border-left:4px solid #CCC;
   margin:0;
   padding:0 5px 0 5px;
   text-decoration:none;
}

#topmenu a:hover {
   color: #000;
   float:left;
   background: #f2f2f2;
   border-left:4px solid #9EC630;
   margin:0;
   padding:0 5px 0 0 5px;
   text-decoration:none;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topmenu a span {
	float:none;
	}
/* End IE5-Mac hack */

#topmenu a:hover span {
	color:#FFF;
}

#topmenu a:hover {
   background-position:0% -42px;
}

#topmenu a:hover span {
   background-position:100% -42px;
}

#header #current a {
   background-position:0% -42px;
	color: #FFF;
}

#topmenu #current a span {
   background-position:100% -42px;
	color: #FFF;
}
/* end menu tabs */

/*=================================== Left Module ==================================*/
#sidebar .moduletable{
	margin: 5px 0 10px 0;
	overflow: hidden;
}

#sidebar .moduletable h3, #sidebar .moduletable_menu h3{
	font: 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, sans-serif;
	font-weight: bold;
	color: #6297BC;
}

/*================================= left Menu ===========================================*/
#sidebar ul.menu {
	list-style:none;
	margin:0px 2px 0px 5px;
	padding:0;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, sans-serif;
}

#sidebar ul.menu li {
	margin-bottom:1px;
	list-style: none;
}

#sidebar ul.menu a {
	display:block;
	color: #333333;	
	text-decoration:none;	
	padding:0px 2px 0px 5px;
	border-left:4px solid #CCC;	
	min-height:18px;
}

* html body #sidebar ul.menu a { height: 18px; }

#sidebar ul.menu a:hover{
	padding:0px 2px 0px 5px;
	background: #f2f2f2;
	color: #339900;
	border-left:4px solid #9EC630;
}

#sidebar ul.menu li#current a{
	padding:0px 2px 0px 5px;
	color: #339900;
	border-left:4px solid #9EC630;
	list-style: none;
}

/*=================================== Right Module ==================================*/
#rightbar .moduletable{
    font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, sans-serif;
	margin: 5px 0 10px 0;
	overflow: hidden;
}

#rightbar .moduletable h3, #rightbar .moduletable_menu h3{
	font: 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, sans-serif;
	font-weight: bold;
	color: #6297BC;
}

/* ============================= user 1, user 2, user3 module =============================*/
#user1 .moduletable, #user2 .moduletable, #user3 .moduletable{
    font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, sans-serif;
	overflow: hidden;
	margin: 0px 0 10px 0;
}

#user1 .moduletable h3, #user2 .moduletable h3, #user3 .moduletable h3{
	font: 14px "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, sans-serif;
	font-weight: bold;
	color: #6297BC;
	margin: 0;
}