/*========================================================*/
/*          Portal CSS for WatchersNET                    */
/*      Author: The Watcher                               */
/*              www.Emminghaus-IT.de                      */
/*========================================================*/

.RoundedImg {display: inline-block;
	border: solid 1px #000;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.CenterBlock {width: 650px;margin: 0px auto;}
.CenterBlock li {padding: 3px 0 8px 1px;}
.CenterBlock li a:hover  {color: #fff;}
/* Center Text   */ .centertext {text-align:center;}
/*  Note Box in KB */.note_box {background:#bebed3;border: 1px solid black;}
/*  Banner Code Box */.banner_box {font-family: verdana,arial,helvetica,sans-serif;font-size:  small;font-weight: bold;border: 1px solid black;background:white;width:512px;text-align:left;margin: 0px auto;}
* html .banner_box {font-size:  x-small;}
/*  Red Attention Box */
.box-note {border: 2px solid #FF0000;width:686px;background:white;color:black;margin:0px auto;}
.box-note_1 {background:#FF0000;width:100%;color:black;}  
.box-note_2 {background:white;width:100%;height:100%;text-align:left;color:black;}     
.SkinObject {font-weight: bold;font-size: xx-small;font-family: verdana,arial,helvetica,sans-serif;text-decoration: none;color: black;}
A.SkinObject:link, A.SkinObject:visited, A.SkinObject:active, A.SkinObject:hover {text-decoration: none;color: black;}
.redStyle {color: red;}
.redStyleBold {color: red;font-weight: bold;}
.greenStyleBold {color: green;font-weight: bold;}
.code_text {font-family: "Courier New";font-size:  small;font-weight: normal;}
/* style for module titles */
.Head, .small_style, .SubHead, .SubSubHead, .NormalBold {font-family: verdana,arial,helvetica,sans-serif;font-size:  small;font-weight:    bold;}
* html .Head, * html .small_style, * html .SubHead, * html .SubSubHead, * html .NormalBold {font-size:  x-small;}
/* text style used for most text rendered by modules */
.Normal, .TreeMenu_Node, .Normal_Style {font-family: verdana,arial,helvetica,sans-serif;font-size: small;font-weight: normal;}
* html .Normal, * html .TreeMenu_Node, * html .Normal_Style {font-size:small;}
/* text style used for error messages */
.NormalRed {font-family: verdana,arial,helvetica,sans-serif;font-size: smaller;font-weight: bold;color: #ff0000;background-color: white;}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {font-family: verdana,arial,helvetica,sans-serif;font-size: smaller;font-weight: normal;}
.TreeMenu_NodeSelected {font-family: verdana,arial,helvetica,sans-serif;font-size: smaller;font-weight: normal;}
A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link, A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited, A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active {text-decoration:    none;color: #000000;background-color: white;}
A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover {text-decoration:    none;color: #ff0000;background-color: white;}
/*  Styles used in the FileManager */
.FileManager {border: black 1px solid;height:400px;}
.FileManager_ToolBar {border-bottom: black 1px solid;height:25px;}
.FileManager_Explorer {height:100%;border: black 1px solid;margin: 2px 2px 2px 2px;}
.FileManager_FileList {height:100%;border: black 1px solid;margin: 2px 2px 2px 2px;overflow: auto;}
.FileManager_MessageBox {text-align: center;vertical-align: middle;padding: 25px;}
.FileManager_Header {font-family: verdana,arial,helvetica,sans-serif;font-size: smaller;font-weight: bold;color: #E7E7FF;background-color: #9EBFF6;border-bottom: black 1px solid;height: 25px;}
.FileManager_Pager {font-family: verdana,arial,helvetica,sans-serif;font-size: smaller;font-weight: bold;border-top: black 1px solid;height: 25px;}
.FileManager_StatusBar {font-family: verdana,arial,helvetica,sans-serif;font-size: smaller;font-weight: normal;height: 25px;margin: 2px 2px 2px 2px;}
.FileManager_Item {font-family: verdana,arial,helvetica,sans-serif;font-size: smaller;font-weight: normal;color: Black;background-color: #F8F8F8;border-top: black 1px dashed;border-bottom: black 1px dashed;}
.FileManager_AltItem {font-family: verdana,arial,helvetica,sans-serif;font-size: smaller;font-weight: normal;color: Black;background-color: #EEEEEE;border-style: none;}
.FileManager_SelItem {font-family: verdana,arial,helvetica,sans-serif;font-size: smaller;font-weight: bold;color: White;background-color: #99ffff;border-style: none;}
.FileManagerTreeNode {font-family: verdana,arial,helvetica,sans-serif;font-size: smaller;font-weight: normal;}
.FileManagerTreeNodeSelected {font-family: verdana,arial,helvetica,sans-serif;font-size: smaller;font-weight: normal;}
A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link, A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited, A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active, A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover {text-decoration:    none;}
/*  Styles used in the Wizard Framework */
.Wizard {border: black 1px solid;height:400px;width:650px;}
.WizardButton {border: black 1px solid;padding: 2px;background-color: #000000;color: black;}
.WizardHeader {border-bottom: black 1px solid;height:40px;}
.WizardFooter {border-top: black 1px solid;height: 25px;text-align: right;}
.WizardBody {padding: 10px;height: 325px;}
.WizardHelp {padding: 5px;font-size: x-small;border-left: black 1px solid;width: 180px;}
.WizardHelpText {overflow: auto;font-size: x-small;width: 180px;font-family: verdana,arial,helvetica,sans-serif;height: 300px;}
.WizardText {font-size: x-small;font-family: verdana,arial,helvetica,sans-serif;}
/* text style used for help text rendered by modules */
.Help {border: black 1px solid;padding: 2px;font-weight: normal;font-size: smaller;color: black;font-family: verdana,arial,helvetica,sans-serif;background-color: #ffff99;}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {font-family: verdana,arial,helvetica,sans-serif;font-size: x-small;font-weight: normal;}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButtonnews {font-family: verdana,arial,helvetica,sans-serif;font-size: x-small;font-weight: normal;text-align: center;}  
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active, A.CommandButton:hover {text-decoration:    underline;}
/* button style for standard HTML buttons */
.StandardButton {padding-right: 5px;padding-left: 5px;font-weight: normal;font-size: xx-small;background: #dddddd;color: #000000;font-family: verdana,arial,helvetica,sans-serif;}
/* GENERIC */
H1, .CenterBlock H1 a {font-weight: bold;margin: 0px;font-size:medium;font-family:Arial, Helvetica, sans-serif; color:black}
H2 {font-family: verdana,arial,helvetica,sans-serif;font-size: small;font-weight:    bold;color: black;}
H3, H4, TFOOT, THEAD  {font-family: verdana,arial,helvetica,sans-serif;font-size:  smaller;font-weight:    normal;}
H5, DT, H6  {font-family: verdana,arial,helvetica,sans-serif;font-size:  smaller;font-weight:    bold;}
TH  {vertical-align: baseline;font-family: verdana,arial,helvetica,sans-serif;font-size:  smaller;font-weight:    bold;}
SMALL {font-size:  x-small;}
BIG {font-size:  smaller;}
BLOCKQUOTE, PRE {font-family: "Lucida Console", monospace,sans-serif;}
UL LI {list-style-type:    square ;}
UL LI LI {list-style-type:    disc;}
UL LI LI LI {list-style-type:    circle;}
OL LI {list-style-type:    decimal;}
OL OL LI {list-style-type:    lower-alpha;}
OL OL OL LI {list-style-type:    lower-roman;}
HR {color: white;background-color: white;height:0px;border: 1px solid white;text-align:left;}
/* Module Title Menu */
.ModuleTitle_MenuContainer {border: blue 0px solid; }
.ModuleTitle_MenuBar {cursor: pointer; height: 16px;}
.ModuleTitle_MenuItem {cursor: pointer;  font-family: verdana,arial,helvetica,sans-serif; font-size: smaller; font-weight: bold; font-style: normal; border-bottom: white 1px solid; border-top: white 1px solid; }
.ModuleTitle_MenuIcon {cursor: pointer; color:#cecece;background-color: #eee; text-align: center; width: 15px; height: 21px;}
.ModuleTitle_SubMenu {z-index: 1000; cursor: pointer; }
.ModuleTitle_MenuBreak {background-color: #eee; color: black;height: 1px;}
.ModuleTitle_MenuItemSel {cursor: pointer; color: black; font-family: verdana,arial,helvetica,sans-serif;font-size: smaller; font-weight: bold; font-style: normal;background-color: #C1D2EE;}
.ModuleTitle_MenuArrow {font-family: verdana,arial,helvetica,sans-serif; font-size: smaller; cursor: pointer; border-right: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid; border-top: #FFFFFF 0px solid;}
.ModuleTitle_RootMenuArrow {font-family: verdana,arial,helvetica,sans-serif;font-size: smaller; cursor: pointer; }

#ScreenShots {padding: 10px;}
#ScreenShots { list-style: none; }
#ScreenShots ul li { display: inline; }
#ScreenShots ul img {
		border: 5px solid #42a5ff;
		border-width: 5px 5px 20px;
}
#ScreenShots ul li:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
	text-decoration: none;
}
#ScreenShots ul {text-align: center;}
#ScreenShots ul a:hover { color: #fff; }
#ScreenShots a {text-decoration: none;}
.TableHightlight img {border: 5px solid #42a5ff;border-width: 5px 5px 20px;}
.TableHightlight img:hover {border: 5px solid #fff;border-width: 5px 5px 20px;}

.PagingTable {width: 100%;border: 1px dotted #003366;}

#dnn_IconBarPopUp_optMode div,
#dnn_IconBarPopUp_optModuleType div {display:inline;}
#dnn_IconBarPopUp_optModuleType table {display:block;}