/*========================================================*/
/* Container styles for Clearly Skin (WatchersNET)        */
/*      Author: Ingo Herbote                              */
/*              www.watchersnet.de                        */
/*========================================================*/

/*  Styles Main Containers */
.ContainerBack {background:url(BottomLeft.gif) bottom left no-repeat #e6e6ed;}
.ContainerMaster {width: 100%;background:url(TopLeft.gif) top left no-repeat transparent;color: black;}
.ContainerHeader {background:url(TopRight.gif) top right no-repeat ;color: black;height: 26px;padding:4px;}
.ContainerContent {padding: 5px;}
.ContainerFooter {background:url(BottomRight.gif) bottom right no-repeat transparent;color: black;height: auto;padding:2px;}
.ContainerActionButton {float:right;}
.ContainerSyndicateButton{float:right;padding-top:4px;}
.ContainerIcon img {width:16px;height:16px;float:left;text-align:left;}
.ContainerTitle {padding-left:5px;font-weight:bold;text-align:left;float:left;}

.KBContainerBack {background:url(KBBottomLeft.gif) bottom left no-repeat #5c5d8a;}
.KBContainerMaster {width: 100%;background:url(KBTopLeft.gif) top left no-repeat transparent;color: white;}
.KBContainerMaster a {color: white;}
.KBContainerHeader {background:url(KBTopRight.gif) top right no-repeat ;color: white;height: 26px;padding:4px;}
.KBContainerFooter {background:url(KBBottomRight.gif) bottom right no-repeat transparent;color: white;height: auto;padding:2px;}


/* Styles for Page Options Modul */
.PageoptionsMain {border-top: 2px solid black;border-bottom: 2px solid black;background-color: #ededed;width:200px;}

/* ============================================================================
    CSS STYLES FOR ModulOptionsMenu
	based on "Suckerfish Dropdowns" created by Patrick Griffiths and Dan Webb.
   ============================================================================
*/

/****************************
 Standard structural CSS 
****************************/


.ModulOptionsMenu, .ModulOptionsMenu li ul, .ModulOptionsMenu li { padding: 0;margin: 0;border: 0;list-style-type: none;}
.ModulOptionsMenu li ul {position: absolute;}

.ModulOptionsMenu li:hover ul ul, 
.ModulOptionsMenu li:hover ul ul ul, 
.ModulOptionsMenu li.sfhover ul ul, 
.ModulOptionsMenu li.sfhover ul ul ul,
.ModulOptionsMenu li.sfhover ul ul, 
.ModulOptionsMenu li.sfhover ul ul ul {left: -9999px;}

.ModulOptionsMenu li:hover ul, 
.ModulOptionsMenu li li:hover ul, 
.ModulOptionsMenu li li li:hover ul,
.ModulOptionsMenu li.sfhover ul, 
.ModulOptionsMenu li li.sfhover ul, 
.ModulOptionsMenu li li li.sfhover ul { left: auto; z-index: 99999}

/* Support for the Internet Explorer Fix */

* html ul.ModulOptionsMenu iframe, * html ul.ModulOptionsMenu iframe {
	position: absolute;
    left: -0.05em;
	top: -0.05em;
	z-index: 0;
	/*filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);*/
	display: block;
}

/* this is for IE 5.0
select.hide { visibility: hidden; }

/* End */

/*********************
 Main styles 
*********************/
/* menu wrapper */
.ModulOptionsMenu { height: 19px;background-color:red;width:100%;font-family: Verdana, Arial, Helvetica, Sans-Serif;font-size: xx-small;font-weight: bold;text-decoration: none;letter-spacing: 1px;color: black;}
/* all list items */
.ModulOptionsMenu li { cursor:pointer;padding-left: 6px;padding-top: 1px;}
.ModulOptionsMenu li li { border-top:1px solid black;}

/* all links within the menu wrapper */
.ModulOptionsMenu a {background-color: transparent;}
.ModulOptionsMenu li li a { padding-left: 5px;line-height: 20px;color:black;text-decoration:none;}
/*********************
 SubMenu styles 
*********************/

/* MainSubmenu  */
.ModulOptionsMenu li ul { 
	width: 23em;/* width of submenu, must be set so third-level list can get shifted over properly */
	left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: 0 0 0 -6px;
    background-color: red;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	z-index:30000;
}
* html .ModulOptionsMenu li ul {margin: 12px 0 0 -19px;}
/* second-level lists-and-above-level lists */
.ModulOptionsMenu li ul ul { margin: -26px 0 0 21em;background-color: #fd8787;}
* html .ModulOptionsMenu li ul ul {margin: -2px 0 0 0px;}
/* styles for top level */
.ModulOptionsMenu li:hover,.ModulOptionsMenu li.sfhover {background: #fd4d4d;}
* html .ModulOptionsMenu li {padding-right:5px;}

.ModulOptionsMenu ul li:hover,.ModulOptionsMenu ul li.sfhover  {background: #fd4d4d; border-bottom:1px solid white;padding-top: 1px;padding-left: 6px;}

/* style for arrow gif */
.ModulOptionsMenuArrow { }

/* style Icon */
.ModulOptionsMenu li li img  {margin-left:0px! important;margin-top:2px! important;}
