/* 
================================
Skin styles for DotNetNuke
================================
*/   

* {
	 /* margin: 0px; */
	padding: 0px; 
	/* pas op met FireFox */
	font-family: Arial, Tahoma, Verdana, Helvetica;
	font-weight: normal;
}

body {
	background-color: #ffffff;
}

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #e1e1e1; /* lighter than light gray */
}
.skinmaster {
	height: 100%;
	background-color: #000000; /* rich black */
/*
	BORDER-RIGHT: #FFFFFF 0px solid; 
	BORDER-TOP: #FFFFFF 0px solid; 
	BORDER-LEFT: #FFFFFF 0px solid; 
	BORDER-BOTTOM: #FFFFFF 0px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px; 
*/
}

.skinheader {
	background-color: #000000; /* rich black */
	height: 20px;
	vertical-align : middle;
	padding-top: 2px;
}

.skingradient {
	/* horizontal menu */
	/* BACKGROUND-IMAGE: url(Menubackground.jpg);*/
	height:35px; 
}

.skinmenurow {
	/* niks */
	background-color: #000000; /* rich black */
	height: 13px;
}

.skinsearchrow {
	/* breadcrumb and search */
	/* background-color: #262626; */ /* dark gray */
	background-color: #1e1e1e;
}

.skinpagetitlerow {
	/* breadcrumb and search */
	background-color: #3F3F3F; /* autodesk purple */
}

.pagetitle {
	font-family: Arial, Tahoma, Verdana, Helvetica; 
	color: #FFFFFF;
	text-decoration: none;
	font-size : 18px;
	font-weight : normal;
}

.skinhomecontent {
	background-color: #1e1e1e; /* dark gray */
	height: 100%;
}

.skincontent {
	background-color: #FFFFFF; 
	height: 100%;
}
	
.skinfooter {
	background-color: #000000; /* rich black */
	height: 28px;
}

.controlpanel {
	width: 100%;
	background-color: #FFFFFF;
}

.leftpane {
	width: 25%;
	background-color: transparent; 
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 6px;
}
.contentpane {
  width: 53%;
	background-color: transparent;  
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 6px;
}
.rightpane {
	width: 22%;
	background-color: transparent;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 6px;
}

.outmostrightpane {
	width: 22%;
	background-color: transparent; 
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 6px;
}
.headerpane {
	vertical-align : middle;
	padding-bottom: 4px;
}

.Skinlink  {
	font-family: Arial, Tahoma, Verdana, Helvetica; 
	color: #FFFFFF;
	text-decoration: none;
	font-size : 12px;
	font-weight : bold;
}

A.Skinlink:link  { 
  font-family: Arial, Tahoma, Verdana, Helvetica; 
  color: #FFFFFF;
  text-decoration: none;
  font-weight : bold;
}

A.Skinlink:visited   { 
  font-family: Arial, Tahoma, Verdana, Helvetica; 
  color: #FFFFFF;
  text-decoration: none;
  font-weight : bold;
}

A.Skinlink:active   { 
  font-family: Arial, Tahoma, Verdana, Helvetica; 
  color: #FFFFFF;
  text-decoration: none;
  font-weight : bold;

}

A.Skinlink:hover  { 
  font-family: Arial, Tahoma, Verdana, Helvetica; 
  color: 118888;
  text-decoration: none;
  font-weight : bold;
}

.Login  {
	font-family: Arial, Tahoma, Verdana, Helvetica; 
	color: #FFFFFF;
	text-decoration: none;
	font-size : 12px;
	font-weight : bold;
	margin-bottom: 1px;
	height: 1px;
	margin-right: 13px;
}

A.Login:link  { 
  font-family: Arial, Tahoma, Verdana, Helvetica; 
  color: #FFFFFF;
  text-decoration: none;
  font-weight : bold;
}

A.Login:visited   { 
  font-family: Arial, Tahoma, Verdana, Helvetica; 
  color: #FFFFFF;
  text-decoration: none;
  font-weight : bold;
}

A.Login:active   { 
  font-family: Arial, Tahoma, Verdana, Helvetica; 
  color: #FFFFFF;
  text-decoration: none;
  font-weight : bold;
}

A.Login:hover  { 
  font-family: Arial, Tahoma, Verdana, Helvetica; 
  color: #118888;
  text-decoration: none;
  font-weight : bold;
}

.breadcrumb  {
	font-family: Arial, Tahoma, Verdana, Helvetica; 
	font-size: 11px;
	color: #c8c8c8;
	text-decoration: none;
}

A.breadcrumb:link  { 
	color: #c8c8c8;
  text-decoration: none;
}

A.breadcrumb:visited   { 
	color: #959595;
  text-decoration: none;
}

A.breadcrumb:active   { 
	color: #959595;
  text-decoration: none;
}

A.breadcrumb:hover  { 
	color: #c8c8c8;
  text-decoration: none;
}

.MainMenu_MenuContainer {
	background-color: transparent; 
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height: 25px;
	background-color: Transparent;
}
.MainMenu_MenuItem {
	border-left: #000000 0px solid; 
	border-bottom: #000000 1px solid; 
	border-top: #000000 1px solid; 
	border-right: #000000 0px solid;
	cursor: pointer; 
	cursor: hand; 
	color: #FFFFFF; 
	font-family: Arial, Tahoma, Verdana, Helvetica; 
	font-size: 12px; 
	font-weight: normal; 
	font-style: normal; 
	background-color: Transparent;
}
.MainMenu_MenuIcon {
	background-color: #000000; 
	border-left: #000000 0px solid; 
	border-bottom: #000000 1px solid; 
	border-top: #000000 1px solid; 
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 0px; 
	height: 21px;
}
.MainMenu_SubMenu {
	background-color: #000000;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=135, Strength=0); 
	padding-top: 5px;
}
.MainMenu_MenuBreak {
	height: 1px;
	border-top: solid 0px #FFFFFF;
	border-bottom: solid 0px #FFFFFF;
}

.MainMenu_MenuItemSel {
	/* geselecteerde item van hoofdmenu */
	background-color: #000000;
	cursor: pointer;
	cursor: hand;
	color: #118888; 
	font-family: Arial, Tahoma, Verdana, Helvetica;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}
.MainMenu_MenuArrow {
	border-right: #000000 1px solid; 
	border-bottom: #000000 1px solid; 
	border-top: #000000 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	width: 50px;
}
.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

.StandardButton, A.StandardButton, A.StandardButton:link, A.StandardButton:visited, A.StandardButton:hover, A.StandardButton:active,
.StandardButton A, .StandardButton A:link, StandardButton A:visited, StandardButton A:hover, StandardButton A:active,  {
	height: 18px;
	color: #FFFFFF;
	font-family: Arial, Tahoma, Verdana, Helvetica;
	font-size: 11px;
	font-weight: bold;
	border-width : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	background-image : url(buttonbackground.jpg);
	cursor: hand;
	color: #FFFFFF;
	text-decoration: none;
}


.NormalTextBox {
	
}

.searchbutton {
	height: 20px;
	color: #FFFFFF;
	font-family: Arial, Tahoma, Verdana, Helvetica;
	font-size: 11px;
	font-weight: bold;
	padding-bottom : 0px;
	padding-left : 7px;
	padding-right : 5px;
	padding-top : 3px;
}

.searchbuttonTD {
}


A.searchbutton, A.searchbutton:link, A.searchbutton:visited, A.searchbutton:active  {
	color: #FFFFFF;
	font-family: Arial, Tahoma, Verdana, Helvetica;
	font-size: 11px;
	font-weight: bold;
}

A.searchbutton:hover    {
	color: #118888;
	font-family: Arial, Tahoma, Verdana, Helvetica;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.MenuSep {
	width: 15px;
	height: 25px;
	color: #ffffff;
	background-color: #000000;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 5px;
	vertical-align : middle;
}


.TreeViewMenu {
	width: 175px;
	background-color: #e1e1e1;
	BORDER-RIGHT: #666666 1px solid; 
	BORDER-TOP: #6666666 1px solid; 
	BORDER-LEFT: #666666 1px solid; 
	BORDER-BOTTOM: #666666 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px
}

.TreeViewMenu_Header,TreeViewMenu_Header  {
	BACKGROUND-IMAGE: url(gradient_LtBlue.jpg);
}

/* Sidemenu */

.MenuHdr {
	font-weight: bold;
  font-size: 12px;
	color: #118888;
}

MenuHdr A:Active {
	font-weight: bold;
	font-size: 12px;
	color: #118888;
}

.MenuHdr A, .MenuHdr A;Active, .MenuHdr A:Hover, .MenuHdr A:Link, .MenuHdr A:Visited {
	font-weight: bold;
	font-size: 12px;
	color: #118888;
}

.MenuItem, {
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
    font-size: 12px;
  	color: #118888;
}

.MenuItem A, .MenuItem A:Active , .MenuItem A:Visited, .MenuItem A:Link {
	font-weight: bold;
	font-size: 12px;
	color: #118888;
}

MenuItem A:Active {
	font-weight: bold;
  font-size: 12px;
  color: #118888;
}

.MenuItemMouseOver A, .MenuItemMouseOver A:Active, .MenuItemMouseOver A:Hover, .MenuItemMouseOver A:Visited, .MenuItemMouseOver A:Link {
	font-weight: bold;
  font-size: 12px;
	color: #118888;
}

.MenuItemMouseOver {
	padding-left: 5px;
	font-size: 12px;
	color: #118888;
}

.currentItemHighlight {
	font-weight: bold;
  font-size: 12px;
	color: #118888;
}

.currentHeaderHighlight {
	font-weight: bold;
  font-size: 12px;
	color: #118888;
}

.Head   {
    font-family: Arial, Tahoma, Verdana, Helvetica;
    font-size:  13px;
    font-weight: bold;
  	color: #666666;
}

.SubHead   {
    font-family: Arial, Tahoma, Verdana, Helvetica;
    font-size:  12px;
    font-weight: bold;
	  color: #666666;
}

/* Normaal font ?? */

.StandardNormal {
    font-family: Arial, Tahoma, Verdana, Helvetica;
    font-size:  12px;
    font-weight: normal;
	  color: #000000;
}


/* links voor besturing modules en 'Forgot Password' */
.CommandButton, .CommandButton A, .CommandButton A:Active, .CommandButton A:Hover, .CommandButton A:Visited, .CommandButton A:Link
{
    font-family: Arial, Tahoma, Verdana, Helvetica;
    font-size:  12px;
    font-weight: normal;
   	color: #118888;
}

.Normal 
{
    font-family: Arial, Tahoma, Verdana, Helvetica;
    font-size:  12px;
    font-weight: normal;
}


