/*========================================================*/
/*         Skin CSS for RiP-Ripper                        */
/*      Author: The Watcher                               */
/*              www.Emminghaus-IT.de                      */
/*========================================================*/


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

/* Inhalt */
body {margin: 0;padding:0;font-family: verdana,arial,helvetica,sans-serif;font-size: small;color:#000;background: #eee url("gfx/bodyBackground.png") repeat-x;}
img {border: 0;}
.ArrowPointer {cursor: pointer; }

/* header */
#header { background: url("gfx/header.jpg") center black repeat-x;margin: 0px auto;margin-top: 10px;border: 1px solid black;height: 189px;width: 760px;z-index:20;}
#logo, #dnnLOGO {text-align:right;}
#search { text-align:right;padding-top:50px;padding-right:10px;}
#account { text-align:right;color:white;padding-right:52px;}

/* Content */
#content {width:760px;margin: 0px auto;border-left: 1px solid black;border-right: 1px solid black;padding-top:30px;background-color: #ddd;}
.ControlPanel {width: auto;height: auto;background-color: #e6bdbe;color:black;border: #000000 1px solid; margin: 0px auto;}
.floatPanelTop{background-color:#FF0000;color: #ffffff;padding-top:2px;padding-bottom:2px;}
.contentPane {width:720px;margin: 0px auto;}

/* Footer */
#footer {background:  center #000;height: 15px;width:760px;margin: 0px auto;border-left: 1px solid black;border-right: 1px solid black;}
#copyright {text-align: center;border: none;background-color: #eee;border-left: 1px solid #eee;border-right: 1px solid #eee;}

/* Center Text   */ .centerText {text-align:center;}

/*========================================================*/
/*  Styles only for Internet Explorer                     */
/*========================================================*/
* html img {border: 0;}
* html td { font-size: x-small;}
* html body {margin: 0px auto;text-align:center;font-size: x-small;}

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

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

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

#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: 21px;width:760px;border-left:1px solid black;border-right: 1px solid black;background-color: black;}
/*********************
 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: black;background-color:#9fe59f;border: 1px solid black;}
* html #StyleMenu li ul {z-index:999999}
/* third-and-above-level lists */
#StyleMenu li ul ul { margin: -21px 0 0 170px;line-height: 12px;background-color:#9fe59f;border: 1px solid black;}
* 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;}
/* all links within the menu wrapper */
#StyleMenu a,#StyleMenu li li a  { font-family: Verdana, Arial, Helvetica, Sans-Serif;font-size: 10px;font-weight: bold;text-decoration: none;letter-spacing: 1px;background-color: transparent;text-align:left;color: white;}
#StyleMenu li li a  { color: black;text-transform:none;}
.styleMenuLinkSub { }
.styleMenuLink, .styleMenuLinkSub, .styleMenuLinkSubSub, .styleMenuLinkSubSubSub{ margin-left:3px;}
/* styles for sub tabs level */
#StyleMenu li li { width: 155px;}
#StyleMenu li li a { width: 170px;} 
/* styles for sub sub tabs level */
#StyleMenu li li li{ }
#StyleMenu li li li a { width: 165px;height: 20px;}
* html #StyleMenu li li li a {width:189px;}
/*********************
 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 {background-color:#099e09!important;}

#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:#ffd700!important;}

/***********************************
 StyleMenu - Styles for Active Tab - FIRST LEVEL
***********************************/
/* Active Main Tab(First Level) - has SubMenu */
#StyleMenu .styleMenuActive .styleMenuLink {color:#ffd700;}
#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:#ffd700;}
/***********************************
 StyleMenu - Styles for Active Tab - Second LEVEL
***********************************/
/* Active Sub Tabs(Second Level) has SubMenu */
#StyleMenu .styleMenuActive {color:#ffd700;background-color:#099e09;}
#StyleMenu .styleMenuActiveItemSubSub .styleMenuLinkSubSub {color:white!important;}
/* Arrow */
#StyleMenu .styleMenuActiveSubSub,
#StyleMenu .styleMenuActiveItemSubSub { background:url("arrow_Hover.gif") right #099e09 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:#ffd700!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") #099e09 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:2px;margin-top:1px;}
#StyleMenu li li img { margin-left: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:#ffd700;}

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

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