/*========================================================*/
/*         Skin CSS for Clearly Skin (WatchersNET)        */
/*      Author: The Watcher                               */

/*========================================================*/
/*  Styles for Normal Browsers                            */
/*========================================================*/


/* Inhalt */
body {margin:auto;padding: 0;font-family: verdana,arial,helvetica,sans-serif;font-size:small;color:#000;background-color: white;}
img { border: 0;}
.ArrowPointer { cursor: pointer;}

#completeContent {margin:auto;padding: 0;min-width: 976px;max-width:100%;}

/* header */
#header {background: url("gfx/HeaderLogoHead.gif") no-repeat top left #f0f0f0;border-top:2px solid black;border-bottom:1px solid #cdcdcd;height:93px;}
#HeaderBar { text-align:center;background: url("gfx/HeaderLogoHead.gif") no-repeat top left black;height:25px;color:white;}
#HeaderBar select {line-height:18px;font-size:11px}
#HeaderBar input {line-height:12px;font-size:11px}

#HeaderBar a, #login a {color:white;}
.HeaderBarTxt {font-family: verdana,arial,helvetica,sans-serif;font-size: small;font-weight: normal;}
#dnn_dnnSEARCH_cmdSearch {font-family: verdana,arial,helvetica,sans-serif;font-size:small;color:white;}
#dnn_dnnSEARCH_ClassicSearch, #dnn_dnnSEARCH_ClassicSearch div {display:inline;}

#login {float:right;display:inline;color:white;background-color:black;height:21px;padding-top:2px;padding-right:3px}
#Logo {padding-left:130px;padding-top:17px;width:298px;}
#breadCrumb{float:left;padding-left:135px;margin-top:-7px;display:inline;}
/* Donate Pane for PayPal Donate Button*/
.donatePane { background-color: transparent;z-index:20;width:120px;float:right;margin-top:-50px;}

#HeaderLogoFoot {background: transparent;float:left;margin-top:-1px;height:28px;width:134px;}

/* Navigation  */

/* Content */
#MainContent {margin:0;padding: 0;margin-top:5px;border-top:5px solid #42a5ff;height:100%;width:100%;}
#Content {vertical-align:top;width:100%;}


.contentPane{vertical-align:top;padding-left:5px;padding-top:5px;padding-right:5px;width:100%;}
#RightPane, .rightPane {width:200px;float:right;vertical-align:top;padding-right:15px;padding-top:5px;float:right;}
.rightPaneFull {width:10px;float:right;vertical-align:top;padding-top:5px;float:right;}

/* Footer */
#footer {bottom:0;left:0;right:0;}
.copyright1 {background:  #42a5ff;color:black;border-top: 1px solid #000000;border-bottom: 1px solid #000000;height: 20px;text-align:center;}
.copyright1, .copyright1 a,.copyright1 .Normal  {font-family: "verdana", "arial", "helvetica", sans-serif; font-size: xx-small;text-decoration: none;}

.footerPane{width:100%;background-color: #f1f1f1;color:black;text-align: center;padding:0;margin:0;}

.validatorImageRSS {border: 1px solid black;}


.WatchersNETButton {color: black;border:1px solid black;background-color:#42a5ff;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;-moz-transition: color .15s linear,background-color .15s linear;-webkit-transition: color .15s linear,background-color .15s linear;transition: color .15s linear,background-color .15s linear;cursor:pointer}

.WatchersNETButton:hover{background:#999;text-decoration:none}}


/*========================================================*/
/*  Styles only for Internet Explorer                     */
/*========================================================*/
* html body {}
* html img {border: 0;}
* html #header {z-index:99}
* html #login {margin-left:-3px;}
*:first-child+html .donatePane { margin-top:-30px;}
* html .donatePane { margin-top:-30px;}

*:first-child+html #HeaderLogoFoot {}

/*==================================================*/
/*  Styles for FeedBack Center                      */
/*==================================================*/
.feedbackTopCell { background-color: #3ea2ff;font-weight:bold;}

/*==================================================*/
/*  FRD                                             */
/*==================================================*/
.CommandButtonDownload {font-size: large;background:url('DownloadNow.gif');width:99px;height:30px;}

/*========================================================*/
/*  LinksByCategory Module styles                         */
/*========================================================*/

/* Descripton Button */
.LinkMore {border: 1px solid black;cursor:pointer;background-color: #b2dbff;font-size:xx-small;}

/*========================================================*/
/*  Eventlog                                              */
/*========================================================*/

.Exception { COLOR:white; background-color: #ff1414 }  
.ItemCreated { color: white; background-color: #009900 }  
.ItemUpdated { color: white; background-color: #009999 }  
.ItemDeleted { color: black; background-color: #14ffff }  
.OperationSuccess { color: white; background-color: #999900 }  
.OperationFailure { color: white; background-color: #990000 }  
.GeneralAdminOperation { color: white; background-color: #4d0099 }  
.AdminAlert { color: white; background-color: #148aff }  
.HostAlert { color: white; background-color: #ff8a14 }  
.SecurityException { color: white; background-color: #000000 }  
#floater { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #ffffff; VISIBILITY: hidden; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 150px; color: white; PADDING-TOP: 0px; POSITION: absolute; HEIGHT: auto }

/* ============================================================================
    CSS STYLES FOR StyleMenu
	based on "Suckerfish Dropdowns" created by Patrick Griffiths and Dan Webb.
   ============================================================================
*/
#StyleMenu { z-index: 11;}

#StyleMenu ul { padding: 0;margin: 0;list-style:none;list-style-type: none;z-index: 1;float:left;}
#StyleMenu li { position: relative;float: left;	list-style: none;list-style-type:none;}
#StyleMenu li li { z-index: 99999;}
#StyleMenu a {  line-height: 20px;display: block;}
#StyleMenu li li a {}

*:first-child+html #StyleMenu li:hover {margin: 0;border: 0;padding-right:15px;}

#StyleMenu li ul {position:absolute;z-index: 999999;}
#StyleMenu li ul ul { margin: 0;border: 0;padding: 0;}

#StyleMenu li:hover ul ul, 
#StyleMenu li:hover ul ul ul, 
#StyleMenu li.sHover ul ul, 
#StyleMenu li.sHover ul ul ul {left: -9999px;list-style:none;list-style-type: none;z-index: 999999;}

#StyleMenu li:hover ul, 
#StyleMenu li li:hover ul, 
#StyleMenu li li li:hover ul, 
#StyleMenu li.sHover ul, 
#StyleMenu li li.sHover ul, 
#StyleMenu li li li.sHover ul { left: auto; z-index: 999999;list-style:none;list-style-type: none;}

/* Support for the Internet Explorer Fix */
/* 
* html ul #StyleMenu iframe, 
* html ul .StyleMenu 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 */

/*************************
 StyleMenu - Main styles 
*************************/
/* menu wrapper */
#StyleMenu { height: 22px;padding-left:135px;margin-top:0px;border-bottom:1px dotted black;background-color:#d20014;border-top: 5px solid white;}
*:first-child+html #StyleMenu{border-bottom: 0;background:url("gfx/BorderDot.gif") bottom repeat-x #d20014;height: 23px;padding-left:0px;}
* html #StyleMenu {border-bottom: 0;background:url("gfx/BorderDot.gif") bottom repeat-x #d20014;padding-left:0px;}
/*********************
 StyleMenu - SubMenu Styles 
*********************/
/* Submenu lists */
/* second-level lists */
#StyleMenu li ul { 
	width: 170px; /* 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;color: white;margin-top:3px;background-color:#ff7302;}
* html #StyleMenu li ul {z-index:999999}
/* third-and-above-level lists */
#StyleMenu li ul ul { margin: -22px 0 0 171px;line-height: 12px;background-color:#ff7302;width: 180px;}
* html #StyleMenu li ul ul {margin: -21px 0 0 112px;}
/*********************
 StyleMenu - Styles for Items
*********************/
/* all list items */
#StyleMenu li { width: auto;cursor:pointer;padding-right:15px;text-transform:uppercase;padding-bottom:3px;}
/* all links within the menu wrapper */
#StyleMenu a,#StyleMenu li li a  { font-family: Verdana, Arial, Helvetica, Sans-Serif;font-size: smaller;font-weight: bold;text-decoration: none;letter-spacing: 1px;background-color: transparent;text-align:left;color: white;}
#StyleMenu li li a  { color: white;text-transform:none;}
.styleMenuLinkSub { }
.styleMenuLink, .styleMenuLinkSub, .styleMenuLinkSubSub, .styleMenuLinkSubSubSub{ margin-left:3px;}
/* styles for sub tabs level */
#StyleMenu li li { width: 157px;}
#StyleMenu li li a { width: 170px;} 
/* styles for sub sub tabs level */
#StyleMenu li li li{ width: 180px;}
#StyleMenu li li li a { width: 170px;height: 20px;}
* html #StyleMenu li li li a {width:189px;}

.styleSubMenu7 li {background-color: red;}
.styleAdminMenu li {background-color: red;}
/*********************
 StyleMenu - Hover Styles 
*********************/
/* styles for top level */
#StyleMenu li:hover, #StyleMenu li.sHover, .styleMenuLink.sHover ul {padding-right:15px;}
/* styles for other level */
#StyleMenu .styleMenuItem:hover, 
#StyleMenu .styleMenuItemSubSub:hover,
#StyleMenu .styleMenuItemSubSubSub:hover,
#StyleMenu .styleMenuActive:hover,
#StyleMenu .styleMenuActiveSub:hover,
#StyleMenu .styleMenuActiveSubSub:hover,
#StyleMenu li li.sHover {}

#StyleMenu .styleMenuItemSub:hover .styleMenuLinkSub,
#StyleMenu .styleMenuLink:hover,
#StyleMenu .styleMenuItemSubSub:hover .styleMenuLinkSubSub,
#StyleMenu .styleMenuItemSubSubSub:hover .styleMenuLinkSubSubSub,
#StyleMenu .styleMenuItemSub.sHover .styleMenuLinkSub,
#StyleMenu .styleMenuLink.sHover,
#StyleMenu .styleMenuItemSubSub.sHover .styleMenuLinkSubSub,
#StyleMenu .styleMenuItemSubSubSub.sHover .styleMenuLinkSubSubSub{ color:black!important;}

/***********************************
 StyleMenu - Styles for Active Tab - FIRST LEVEL
***********************************/
/* Active Main Tab(First Level) - has SubMenu */
#StyleMenu .styleMenuActive .styleMenuLink {color:black;}
#StyleMenu .styleMenuActive .styleMenuLink:hover,
#StyleMenu .styleMenuActive .styleMenuLink.sHover{color:white!important;}
/* Arrow for Active Main Tab */
#StyleMenu .styleMenuActiveSub{ background:url("arrow2_Hover.gif") right no-repeat;}
#StyleMenu .styleMenuActiveSub:hover,
#StyleMenu .styleMenuActiveSub.sHover{ background:url("arrow2_Hover.gif") right no-repeat;}
/* Active Main Tabs */
#StyleMenu .styleMenuActiveSub .styleMenuLinkSub,
#StyleMenu .styleMenuActiveSubSub .styleMenuLinkSubSub  {color:black;}
/***********************************
 StyleMenu - Styles for Active Tab - Second LEVEL
***********************************/
/* Active Sub Tabs(Second Level) has SubMenu */
#StyleMenu .styleMenuActive {color:black;}
#StyleMenu .styleMenuActiveItemSubSub .styleMenuLinkSubSub {color:white!important;}
/* Arrow */
#StyleMenu .styleMenuActiveSubSub,
#StyleMenu .styleMenuActiveItemSubSub { background:url("arrow_Hover.gif") right no-repeat}
/* Arrow Hover */
#StyleMenu .styleMenuActiveItemSubSub:hover,
#StyleMenu .styleMenuActiveItemSubSub.sHover,
#StyleMenu .styleMenuActiveSubSub:hover,
#StyleMenu .styleMenuActiveSubSub.sHover{ background:url("arrow_Hover.gif") right no-repeat}
/***********************************
 StyleMenu - Styles for Active Tab - Third LEVEL and lower
***********************************/
/* Active Sub Tabs(Third Level) has SubMenu */
#StyleMenu .styleMenuActiveItemSubSubSub .styleMenuLinkSubSubSub {color:black!important;}
/* Arrow */
#StyleMenu .styleMenuActiveItemSubSubSub { background:url("arrow.gif") right no-repeat}
/* Arrow Hover */
#StyleMenu .styleMenuActiveItemSubSubSub:hover
#StyleMenu .styleMenuActiveItemSubSubSub.sHover{ background:url("arrow_Hover.gif") right no-repeat}
/***********************************
 StyleMenu - Arrows for Sub Tabs
***********************************/
/*  Main Tab(Main Level) */
#StyleMenu .styleMenuItemSub,
#StyleMenu .StyleMenuSuperTab { background:url("arrow2.gif") right no-repeat}

#StyleMenu .styleMenuItemSub:hover,
#StyleMenu .StyleMenuSuperTab:hover,
#StyleMenu .styleMenuItemSub.sHover,
#StyleMenu .StyleMenuSuperTab.sHover{ background:url("arrow2_Hover.gif") right no-repeat;}

/* Second Level */
#StyleMenu li .styleMenuItemSubSub,#StyleMenu li .styleMenuItemSubSub{ background:url("arrow.gif") right no-repeat;}
#StyleMenu li .styleMenuItemSubSub:hover,#StyleMenu li .styleMenuItemSubSub.sHover{ background:url("arrow_Hover.gif") right no-repeat;}
/* Third and lower Level */
#StyleMenu li .styleMenuItemSubSubSub,#StyleMenu li .styleMenuItemSubSubSub{ background:url("arrow.gif") right no-repeat;}
#StyleMenu li .styleMenuItemSubSubSub:hover,#StyleMenu li .styleMenuItemSubSubSub.sHover{ background:url("arrow_Hover.gif") right no-repeat;}
/***********************************
 StyleMenu - Style for Tab Icons 
***********************************/
.styleSubMenu img {margin-right:4px;margin-top:1px;}
#StyleMenu li li img { margin-left:2px;margin-right:2px;}
.StyleMenuSuperTabMenu img {margin-left:2px! important;}

/*********************
 StyleMenu - Styles for Super Tabs (Admin & Host Menus)
*********************/
.StyleMenuSuperTabMenu {background: none red!important;}

.StyleMenuSuperTabItem:hover,
.StyleMenuSuperTabItem.sHover { background-color:#fd8787;border-top:0;border-bottom:1px solid white;}


#StyleMenu .StyleMenuSuperTabLinkAct{ color:black;}

.StyleMenuSuperTab:hover .StyleMenuSuperTabLink,
.StyleMenuSuperTab .StyleMenuSuperTabSubLink:hover,
#StyleMenu .StyleMenuSuperTabLinkAct:hover { color:black!important;}

.StyleMenuSuperTabLink,
.StyleMenuSuperTabLinkAct{margin-left:2px;}
.StyleMenuSuperTabMenu img{margin-right:4px;margin-top:2px;}