/* ------ Veel gebruikte stijlen ------ */


/* Backgroundcolor for the content part of the pages */

Body
{
    background-color:       white;
}


/* Size, frame and backgroundcolor for the controlpanel in the adminpart of DNN */


.ControlPanel, .PagingTable {
    width:                  100%;
    height:                 64px;
    background-color:       #FFFFFF;
	background-image:  		url("bg_admin.png");
	background-repeat:		repeat-x;
	
    border-right:           #003366 0px solid; 
    border-top:             #003366 0px solid; 
    border-left:            #003366 0px solid; 
    border-bottom:          #003366 0px solid; 
}


/* Font and colors for standard skinobjects */


.SkinObject {
    font-weight:            bold;
    font-size:              8.5pt;
    color:                  #AF3F38;
    font-family:            Tahoma, Arial, Helvetica;
    text-decoration:        none;
}

A.SkinObject:link {
    text-decoration:        none;
    color:                  #AF3F38;
}

A.SkinObject:visited  {
    text-decoration:        none;
    color:                  #AF3F38;
}

A.SkinObject:active   {
    text-decoration:        none;
    color:                  #AF3F38;
}

A.SkinObject:hover    {
    text-decoration:        none;
    color:                  #0C57A3;
}


/* Formulieren */


/* Controls */
.FormCheckbox
{
    font-family:            Tahoma, Arial, sans-serif;
    font-size:              13px;
    font-weight:            normal;
    
    border-left:            0px; 
    border-bottom:          0px; 
    border-right:           0px; 
    border-top:             0px;
    
    border-color:           #FFFFFF;
    background-color:       #FFFFFF;
}
    
.FormMultipleSelect {
    font-family:            Tahoma, Arial, sans-serif;
    font-size:              13px;
    font-weight:            normal;
    
    border-left:            0px; 
    border-bottom:          0px; 
    border-right:           0px; 
    border-top:             0px;
    
    border-color:           #FFFFFF;
}
    
.FormDropDownList{
    font-family:            Tahoma, Arial, sans-serif;
    font-size:              13px;
    font-weight:            normal;
    
    display:                block;
	width:                  204px;
	height:                 17px;
        
    border-left:            0px; 
    border-bottom:          0px; 
    border-right:           0px; 
    border-top:             0px;
    
    padding-top:            2px; 
    padding-bottom:         2px; 
    padding-right:          4px; 
    padding-left:           4px; 
       
    color:                  #3E2E20;
    background-color:       #FFFFFF;
    border-color:           #FFFFFF;
}
    
.FormLabelControl{
    font-family:            Tahoma, Arial, sans-serif;
    font-size:              13px;
    font-weight:            normal;
    
    border-left:            1px; 
    border-bottom:          1px; 
    border-right:           1px; 
    border-top:             1px;
    
    border-color:           #866344;
}
    
.FormTextArea{
    font-family:            Tahoma, Arial, sans-serif;
    font-size:              13px;
    font-weight:            normal;
    
    display:                block;
	width:                  240px;
	
	border-left:            1px; 
    border-bottom:          1px; 
    border-right:           1px; 
    border-top:             1px;
	
    padding-top:            4px; 
    padding-bottom:         4px; 
    padding-right:          4px; 
    padding-left:           4px; 
    
    color:                  #FFFFFF;
    background-color:       #0E67C0;
    border-color:           #FFFFFF;
}
    
.FormTextBox{
    font-family:            Tahoma, Arial, sans-serif;
    font-size:              13px;
    font-weight:            normal;
    
    display:                block;
	width:                  240px;
	height:                 20px;
        
    border-left:            1px; 
    border-bottom:          1px; 
    border-right:           1px; 
    border-top:             1px;
    
    padding-top:            2px; 
    padding-bottom:         2px; 
    padding-right:          4px; 
    padding-left:           4px; 
       
    color:                  #FFFFFF;
    background-color:       #0E67C0;
    border-color:           #0E67C0;
}


.FormSubmit
{   color:                  White;
    background-color:       #0E67C0;
    font-family:            Tahoma, Arial, sans-serif;
    font-size:              13px;
    font-weight:            bold; 
    
    width:                  120px;
    height:                 25px;    
    
    padding-top:            4px; 
    padding-bottom:         4px; 
    padding-right:          6px; 
    padding-left:           6px;
     
    border-left:            0px; 
    border-bottom:          0px; 
    border-right:           0px; 
    border-top:             0px;
    }
    

.FormRadioButtonList{
    font-family:            Tahoma, Arial, sans-serif;
    font-size:              13px;
    font-weight:            normal;
    
    border-left:            1px; 
    border-bottom:          1px; 
    border-right:           1px; 
    border-top:             1px;
    
    border-color:           #866344;
}


/* style for module titles */

.Head   {
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              20px;
    font-weight:            normal;
    color:                  #572D2D;
}


/* style of item titles on edit and admin pages */

.SubHead    {
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              11px;
    font-weight:            bold;
    color:                  #572D2D;
}


/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */

.SubSubHead {
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              11px;
    font-weight:            bold;
    color:                  #572D2D;
}


/* text style used for most text rendered by modules */

.Normal,.NormalDisabled
{
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              13px;
    font-weight:            normal;
	line-height:       		150%;
}


/* text style used for rendered text which should appear disabled */

.NormalDisabled
{
    color:                  Silver;
}


/* text style used for rendered text which requires emphasis */

.NormalBold
{
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              13px;
    font-weight:            bold;
}


/* text style used for error messages */

.NormalRed
{
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              12px;
    font-weight:            bold;
    color:                  #AF3F38;
}


/* text style used for textboxes in the admin and edit pages, for Nav compatibility */

.NormalTextBox
{
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              12px;
    font-weight:            normal;
}


/* text style used for help text rendered by modules */

.Help
{
  border-top:               black 1px solid;
  border-right:             black 1px solid;
  border-left:              black 1px solid; 
  border-bottom:            black 1px solid; 
  
  padding-top:              2px; 
  padding-right:            2px;
  padding-left:             2px;
  padding-bottom:           2px;
 
  font-family:              Tahoma, Arial, Helvetica; 
  color:                    black;
  font-weight:              normal;
  font-size:                11px;

  background-color:         #F2F0DB;
}


/* text style for buttons and link buttons used in the portal admin pages */

.CommandButton     {
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              11px;
    font-weight:            normal;
}

    
/* hyperlink style for buttons and link buttons used in the portal admin pages */

A.CommandButton:link {
    text-decoration:        none;
    color:                  #AF3F38;
}

A.CommandButton:visited  {
    text-decoration:        none;
    color:                  #AF3F38;
}

A.CommandButton:active   {
    text-decoration:        underline;
    color:                  #AF3F38;
}

A.CommandButton:hover    {
    text-decoration:        underline;
    color:                  #0C57A3;
}


/* button style for standard HTML buttons */

.StandardButton
{
	width:                  120px;
    height:                 22px;    
    
    padding-top:            4px; 
    padding-bottom:         4px; 
    padding-right:          6px; 
    padding-left:           6px;
     
    border-left:            0px; 
    border-bottom:          0px; 
    border-right:           0px; 
    border-top:             0px;
	
	color:                  White;
    background-color:       #572D2D;
    font-family:            Tahoma, Arial, sans-serif;
    font-size:              11px;
    font-weight:            bold; 
    

}

    
/* GENERIC */
H1  {
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              20px;
    font-weight:            normal;
    color:                  #572D2D;
}

H2  {
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              20px;
    font-weight:            normal;
    color:                  #572D2D;
}

H3  {
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              12px;
    font-weight:            normal;
    color:                  #572D2D;
}

H4  {
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              12px;
    font-weight:            normal;
    color:                  #572D2D;
}

H5, DT  {
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              11px;
    font-weight:            bold;
    color:                  #572D2D;
}

H6  {
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              11px;
    font-weight:            bold;
    color:                  #572D2D;
}

TFOOT, THEAD    {
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              12px;
    color:                  #572D2D;
}

TH  {
    vertical-align:         baseline;
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              12px;
    font-weight:            bold;
    color:                  #572D2D;
}

A:link  {
    text-decoration:        none;
    color:                  #AF3F38;
}

A:visited   {
    text-decoration:        none;
    color:                  #AF3F38;
}

A:active    {
    text-decoration:        none;
    color:                  #AF3F38;
}

A:hover {
    text-decoration:        underline;
    color:                  #0C57A3;
}

SMALL   {
    font-size:              8px;
}

BIG {
    font-size:              14px;
}

BLOCKQUOTE, PRE {
    font-family:            Lucida Console, monospace;
}


UL LI   {
    list-style-type:        disc ;
    color:                  #0E67C0;
    
}

UL LI LI    {
    list-style-type:        circle;
    color:                  #0E67C0;    
}

UL LI LI LI {
    list-style-type:        disc;
    color:                  #0E67C0; 
}

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:                  dimgrey;
    height:                 1pt;
    text-align:             left
}




/* ------ Weinig gebruikte stijlen ------ */


/* Module Title Menu */

.ModuleTitle_MenuContainer {
	border-bottom: blue 0px solid; 
	border-left: blue 0px solid; 
	border-top: blue 0px solid; 
	border-right: blue 0px solid; 
}

.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16;
	background-color: Transparent;
}

.ModuleTitle_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: white 0px solid; 
	border-bottom: white 1px solid; 
	border-top: white 1px solid; 
	border-right: white 0px solid;
	background-color: Transparent;
}

.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #EEEEEE; 
	border-left: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}

.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuBreak {
	border-bottom: #EEEEEE 1px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 1px solid;  
	border-right: #EEEEEE 0px solid; 
	background-color: #EEEEEE; 
	height: 1px;
}

.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;

	background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

/* Main Menu */
.MainMenu_MenuContainer {
	background-color: transparent; 
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16;
	background-color: Transparent;
}
.MainMenu_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: white 0px solid; 
	border-bottom: white 1px solid; 
	border-top: white 1px solid; 
	border-right: white 0px solid;
	background-color: Transparent;
}
.MainMenu_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #EEEEEE; 
	border-left: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-right: #FFFFFF 0px solid;
}
.MainMenu_MenuBreak {
	border-bottom: #EEEEEE 1px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 1px solid;  
	border-right: #EEEEEE 0px solid; 
	background-color: #EEEEEE; 
	height: 1px;
}
.MainMenu_MenuItemSel {
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #C1D2EE;
}
.MainMenu_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 0px solid;
}
.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

/* LEGACY STYLES from DNN 1-2 */
.HeadBg {
    background-color: #CCCCCC;
}

.TabBg {
    background-color: black;
}

.SelectedTab {
    font-weight: bold;
    font-size: 8.5pt;
    color: #FFFFFF;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

A.SelectedTab:link {
    text-decoration:    none;
    color:white;
}

A.SelectedTab:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.SelectedTab:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.SelectedTab:hover    {
    text-decoration:    none;
    color:#cccccc;
}

.OtherTabs {
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
    
A.OtherTabs:link {
    text-decoration:    none;
    color:white;
}

A.OtherTabs:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:hover    {
    text-decoration:    none;
    color:#cccccc;
}
.PagingTable {
    height: 33px;
}

.LabelEditOverClass
{	
	cursor: pointer;
	text-decoration: underline overline;
}

.LabelEditTextClass
{
	border: solid 1px red;
	background-color: Transparent;
}

.LabelEditWorkClass
{
	/*background: url(/DotNetNuke/images/dnnanim.gif) no-repeat right;*/
	border: solid 0px red;
	background-color: Transparent;
}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node 
{
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              12px;
    font-weight:            normal;
}

.TreeMenu_NodeSelected
{
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              12px;
    font-weight:            normal;
	background-color:       #572D2D;
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link {
    text-decoration:        none;
    color:                  #572D2D;
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited  {
    text-decoration:        none;
    color:                  #572D2D;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active   {
    text-decoration:        none;
    color:                  #572D2D;
}

A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover    {
    text-decoration:        none;
    color:                  #572D2D;
}

/* styles used in the FileManager */
.FileManager
{
	border-right:           black 1px solid;
	border-top:             black 1px solid;
	border-left:            black 1px solid;
	border-bottom:          black 1px solid;
	height:                 400px;
}
.FileManager_ToolBar
{
	border-bottom:          black 1px solid;
	height:                 25px;
}
.FileManager_Explorer
{
	height:                 100%;
	border:                 dimgray 1px solid;
	background-color:       White;
	margin:                 2px 2px 2px 2px;
}

.FileManager_FileList 
{
	height:                 100%;
	border:                 dimgray 1px solid;
	background-color:       White;
	margin:                 2px 2px 2px 2px;
	overflow:               auto;
}

.FileManager_MessageBox 
{
	text-align:             center;
	vertical-align:         middle;
	background-color:       White;
	padding:                25px 25px 25px 25px;
}

.FileManager_Header
{
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              11px;
    font-weight:            bold;
    color:                  #533E2B;
    background-color:       #FFFF00;
    border-bottom:          dimgray 1px solid;
    height:                 25px;
}

.FileManager_Pager
{
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              11px;
    font-weight:            bold;
    background-color:       #EEEEEE;
    border-top:             dimgray 1px solid;
    height:                 25px;
}

.FileManager_StatusBar
{
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              11px;
    font-weight:            normal;
    background-color:       #dedfde;
    height:                 25px;
	margin:                 2px 2px 2px 2px;
}

.FileManager_Item
{
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              11px;
    font-weight:            normal;
    color:                  Black;
    background-color:       #F8F8F8;
    border-top:             black 1px dashed;
    border-bottom:          black 1px dashed;
}

.FileManager_AltItem
{
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              11px;
    font-weight:            normal;
    color:                  Black;
    background-color:       #EEEEEE;
    border-style:           none;
}
.FileManager_SelItem
{
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              11px;
    font-weight:            bold;
    color:                  White;
    background-color:       #99ffff;
    border-style:           none;
}

.FileManagerTreeNode 
{
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              11px;
    font-weight:            normal;
}

.FileManagerTreeNodeSelected 
{
    font-family:            Tahoma, Arial, Helvetica;
    font-size:              11px;
    font-weight:            normal;
	background-color:       #dcdcdc; 
}

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link {
    text-decoration:        none;
    color:                  #003366;
}

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited  {
    text-decoration:        none;
    color:                  #003366;
}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active   {
    text-decoration:        none;
    color:                  #003366;
}

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover    {
    text-decoration:        none;
    color:                  #ff0000;
}

/* styles used in the Wizard Framework */
.Wizard
{
	border-right:           black 1px solid;
	border-top:             black 1px solid;
	border-left:            black 1px solid;
	border-bottom:          black 1px solid;
	height:                 400px;
	width:                  650px;
}
.WizardButton
{
	border-right:           dimgray 1px solid;
	padding-right:          2px;
	border-top:             dimgray 1px solid;
	padding-left:           2px;
	padding-bottom:         2px;
	border-left:            dimgray 1px solid;
	padding-top:            2px;
	border-bottom:          dimgray 1px solid;
	background-color:       gainsboro;
}
.WizardHeader
{
	background:             #ffffcc;
	border-bottom:          black 1px solid;
	height:                 40px;
}
.WizardFooter
{
	border-top:             black 1px solid;
	background:             transparent;
	height:                 25px;
	text-align:             right;
}
.WizardBody
{
	padding-right:          10px;
	padding-left:           10px;
	padding-bottom:         10px;
	padding-top:            10px;
	height:                 325px;
}
.WizardHelp
{
	padding-right:          5px;
	padding-left:           5px;
	font-size:              9pt;
	padding-bottom:         5px;
	border-left:            black 1px solid;
	width:                  180px;
	padding-top:            5px;
	background-color:       #ccffff;
}
.WizardHelpText
{
	overflow:               auto;
	font-size:              8pt;
	width:                  180px;
	color:                  black;
	font-family:            Tahoma, Verdana, Arial, Sans-Serif;
	height:                 300px;
}
.WizardText
{
	font-size:              9pt;
	color:                  black;
	font-family:            Tahoma, Verdana, Arial, Sans-Serif;
}