/*
================================
OPOZ SKIN FILE
================================
COLORS
background blue:     #0078ca
background white:    #ffffff
bar orange:          #e88a1d
bar purple:          #924791
bar yellow:          #f3cf20
bar darkgreen:       #59ad41
bar pink:            #b69384
bar lightgreen:      #b7be1c
bar red:             #e42631
================================
*/

/*
MAIN ELEMENTS
*/


p {margin 0px; padding: 0px;}

html
{
   padding: 0px;
   margin: 0px;
   height: auto;
   _height: 100%;
   min-height: 100%;
}

body
{
   padding: 0px;
   margin: 0px;
   vertical-align: middle;
   cursor: default;
   text-align : left /*center;*/
   background-color: #f5f5f5;
   height: auto;
   _height: 100%;
   min-height: 100%;
/*
   background-image: url(images/body_background.gif);
   background-repeat: repeat-y;
   background-position: center center;
*/
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
}

form
{
   padding: 0px;
   margin: 0px;
   height: auto;
   _height: 100%;
   min-height: 100%;
   font-size: 2;
   color: #000000;
/*   line-height: 15px; */
/*   line-height: 150%; */
   font-family: Arial, Helvetica, sans-serif;
}

font
{
   line-height: normal;
}




a, a:link, a:visited, a:active, a:hover
{
   color: #ffffff;
   text-decoration: none;
   font-weight: bold;
}

a:hover
{
   color: #cccccc;
}


a, a:link, a:visited, a:active, a:hover
{
	color: #0078ca;
}



h1, h2, h3
{
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
}

h1
{
   margin: 5px 0px 10px 0px;
   font-size: 25px;
   line-height: 30px;
}

h2
{
   margin: 0px 0px 10px 0px;
   font-size: 20px;
   line-height: 25px;
}

h3
{
   margin: 0px 0px 5px 0px;
   font-size: 15px;
   line-height: 20px;
}

/*
ID ELEMENTS
*/


#wrapper {
   background-color: #f5f5f5;
   background-image: url(images/body_background.gif);
   background-repeat: repeat-y;
   background-position: center center;
   width:100%;
   height:100%; 
   text-align:center;
}


#MainContent
{
	width: 994px;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
   height: auto;
   _height: 100%;
   min-height: 100%;
}

.MainContentAdmin
{
   background-image: url(images/MainContent_background_Admin.gif)!important;
}

#Header
{
   width: 992px;
   height: 135px;
   background-image: url(images/opoz_header.png);
   position: relative;
   margin-left: 1px;
   _margin-left: 2px;
}

#Header #HeaderLogo
{
	position:absolute;
	z-index:10;
}

#Header #OpozLogo
{
   width: 190px;
   height: 243px;
   position: absolute;
   z-index: 20;
   right: 5px;
  /* Mozilla correctly displays transparent png, so just use background-image */
   background-image: url(images/opoz_logo.png);
  /* IE6 does not support transparent PNG, so set background-image to none for alle IE versions */
   _background-image: none;
  /* Use filter for IE to correctly display transparent png (absolute path required!!), Mozilla ignores this filter */
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://demo01.webredactie.nu/Portals/_default/Skins/Opoz/images/opoz_logo.png');
}

#Header #Login
{
	position:absolute;
	z-index:30;
	right:5px;
	top:5px;
}

.SubMenuContainer
{
   width: 992px;
   height: 45px;
   background-color: #b7be1c;
   color: #ffffff;
   font-weight: bold;
   margin-left: 1px;
   _margin-left: 2px;
}

#SubMenu
{
   margin-left: 165px;
   line-height: 45px;
   vertical-align: middle;
   height: 45px;
}

#SubMenu a, #SubMenu a:link, #SubMenu a:visited, #SubMenu a:active, #SubMenu a:hover
{
   margin-right: 15px;
}

#SubMenuContainerSpacer
{
   _margin-top: -3px;
   width: 992px;
   height: 5px;
   line-height: 5px;
   font-size: 1px;
   background-color: #0078ca;
   margin-left: 1px;
   _margin-left: 2px;
}

#LeftPaneContainer
{
   width: 145px;
   float: left;
   color: #ffffff;
   font-weight: bold;
}

.MenuPane
{
   margin-left: 20px;
   margin-top: 20px;
   line-height: 22px;
}

#MenuPane a, #MenuPane a:link, #MenuPane a:visited, #MenuPane a:active, #MenuPane a:hover
{
   
}

.LeftPane
{
   margin: 20px;
}

#ContentPaneContainer
{
   width: 665px;
   float: left;
}



#ContentPaneContainerAdmin
{
   width: 849px;
   float: left;
}

.ContentPane
{
   margin: 20px;
}

.ContentPane a, .ContentPane a:link, .ContentPane a:visited, .ContentPane a:active, .ContentPane a:hover
{
	color: #0078ca;
}

#RightPaneContainer
{
   width: 145px;
   float: left;
   margin-top: 50px;
}

.RightPane
{
   margin: 20px;
}

#InfoPaneContainer
{
   width: 140px;
   position: absolute;
   bottom: 0px;
   margin-left: 849px;
   color: #ffffff;
   font-size: 10px;
   font-weight: normal;
   z-index: 10;
}

.InfoPane
{
   margin: 20px;
   margin-right: 15px;
}

.InfoPane div.Normal
{
   font-size: 10px;
   font-weight: normal;
}

#ContentPaneContainerAdmin .ContainerContent
{
   overflow: hidden;
   width: 800px;
}


#ContentPaneContainerAdmin table
{
}

#ContentPaneContainerAdmin td
{
}

#ContentPaneContainerAdmin table.PagingTable, #ContentPaneContainerAdmin table.DataGrid_Container
{
   width: 800px!important;
}

/*
================================
DNN overridden classes
================================
*/

.SubHead, .Normal
{
	font-size: 12px;
	color: #000000;
/*   line-height: 15px; */
/*   line-height: 150%;*/
	font-family: Arial, Helvetica, sans-serif;
}

.Head
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

.SubHead
{
   color: #cccccc;
}

a.CommandButton, a.CommandButton:link, a.CommandButton:active, a.CommandButton:visited
{
	font-size: 12px;
	/*color: #ffffff;*/
	color: #0078ca;
	/*   line-height: 15px; */
/*   line-height: 150%;*/
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a.CommandButton:hover
{
   /*color: #cccccc;*/
   color: #0078ca;
   text-decoration: underline;
}

.ControlPanel a, .ControlPanel a:link, .ControlPanel a:visited, .ControlPanel a:active, .ControlPanel a:hover,
.ControlPanel a.CommandButton, .ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:active, .ControlPanel a.CommandButton:visited
{
   color: #CCCCCC;
}

.ContentPane a.CommandButton, .ContentPane a.CommandButton:link, .ContentPane a.CommandButton:active, .ContentPane a.CommandButton:visited
{
   color: #0078ca;
}

.ModuleTitle_SubMenu span
{
   white-space: nowrap; /**nowrap makes sure the dropdowns are full width*/
}

.InfoPane .Normal,
.LeftPane .Normal,
.RightPane .Normal
{
   color: #ffffff;
}

.ModuleTitle_MenuItem
{
   border-top: none;
   border-bottom: none;
}

.ContentPane .SubHead
{
   color: #666666;
}

.MainContentAdmin .ContentPane .Normal
{
   font-size: 12px;
/*   line-height: 15px; */
/*   line-height: 150%;*/
}

/*
================================
hidden login control
================================
*/

a.logincontrol
{
	width: 32px;
	height: 32px;
	color: #FFFFFF;
	background-image: url(lock.gif);
	background-position:-32px;
	background-repeat: no-repeat;
	background-color: Transparent;
	display:block;
}

a.logincontrol:hover
{
	background-position:0px;
}


/*
================================
menu css classes
================================
*/
#MainContent .RadMenu_Default
{
	border: none 0px;
	border-bottom-width: 0;
	background: none;
	text-align: left;
}

#MainContent .RadMenu_Default .link
{
   cursor: pointer;
}

#MainContent .RadMenu_Default .linkactive
{
   color: #b7be1c;
}


#MainContent .RadMenu_Default .vertical
{
   width: 100px;
}

#MainContent .RadMenu_Default .vertical .item
{ 
   border-bottom: 0px none;
}

#MainContent .RadMenu_Default .horizontal .item
{ 
   border-right: 0px none;
}

#MainContent .RadMenu_Default .horizontal .link
{
   margin-right: 13px;
}


#MainContent .RadMenu_Default .rootGroup .link .text
{
   font-weight: bold;
   font-size: 12px;
   font-familty: Arial, Helvetica, sans-serif;
   letter-spacing: 1px;
}

#MainContent .RadMenu_Default .text
{
	padding: 0px;
	line-height: 22px;
}

#SubMenu .RadMenu_Default .rootGroup .text
{
   line-height: 45px;
}

#SubMenu .RadMenu_Default .group
{
   min-width: 175px;
}

#SubMenu .RadMenu_Default .group .text
{
   line-height: 22px;
}

#MainContent .RadMenu_Default .group .link:hover,
#MainContent .RadMenu_Default .group .focused,
#MainContent .RadMenu_Default .group .expanded,
{
	color: #fff;
	background: #444;
}


#SubMenu .RadMenu_Default .rootGroup .link:hover,
#SubMenu .RadMenu_Default .rootGroup .focused,
#SubMenu .RadMenu_Default .rootGroup .expanded
{
	background-color: Transparent;
	color: #cccccc;
}

#SubMenu .RadMenu_Default .group .link
{
   background-color: Transparent;
   color: #fff;
   text-indent: 5px;
}

#SubMenu .RadMenu_Default .group .link:hover,
#SubMenu .RadMenu_Default .group .focused,
#SubMenu .RadMenu_Default .group .expanded
{
   background-color: Transparent;
   color: #ccc;
}


#MenuPane .RadMenu_Default .vertical, 
#MenuPane .RadMenu_Default .vertical .item, 
#MenuPane .RadMenu_Default .vertical .link, 
#MenuPane .RadMenu_Default .vertical .text,
#MenuPane .RadMenu_Default .vertical a, 
#MenuPane .RadMenu_Default .vertical a:link, 
#MenuPane .RadMenu_Default .vertical a:visited



/* 
#MenuPane .RadMenu_Default .vertical a:active, 
#MenuPane .RadMenu_Default .vertical a:hover
*/
 { color: #ffffff !important; }


/*
================================
submenu colors
================================
*/
div.SubMenuContainer_Orange
{
   background-color: #e88a1d;
}

div.SubMenuContainer_Purple
{
   background-color: #924791;
}

div.SubMenuContainer_Yellow
{
   background-color: #f3cf20;
}

div.SubMenuContainer_DarkGreen
{
   background-color: #59ad41;
}

div.SubMenuContainer_Pink
{
   background-color: #b69384;
}

div.SubMenuContainer_LightGreen
{
   background-color: #b7be1c;
}

div.SubMenuContainer_White
{
   background-color: #fff;
}

div.SubMenuContainer_White a.link, div.SubMenuContainer_White .RadMenu_Default a.link:link, 
div.SubMenuContainer_White .RadMenu_Default a.link:visited, div.SubMenuContainer_White .RadMenu_Default a.link:active,
div.SubMenuContainer_White #SubMenu .RadMenu_Default .group a.link:link, 
div.SubMenuContainer_White #SubMenu .RadMenu_Default .group a.link:visited, div.SubMenuContainer_White #SubMenu .RadMenu_Default .group a.link:active
{
   color: #0078ca;
}

div.SubMenuContainer_White #SubMenu .RadMenu_Default .group a.link:hover
{
   color: #ccc;
}

div.SubMenuContainer_Red
{
   background-color: #e42631;
}

div.SubMenuContainer_Orange .RadMenu_Default .group
{
   background-color: #e88a1d;
   border: none;
   border-bottom: solid 5px #0078ca;
}

div.SubMenuContainer_Purple .RadMenu_Default .group
{
   background-color: #924791;
   border: none;
   border-bottom: solid 5px #0078ca;
}

div.SubMenuContainer_Yellow .RadMenu_Default .group
{
   background-color: #f3cf20;
   border: none;
   border-bottom: solid 5px #0078ca;
}

div.SubMenuContainer_DarkGreen .RadMenu_Default .group
{
   background-color: #59ad41;
   border: none;
   border-bottom: solid 5px #0078ca;
}

div.SubMenuContainer_Pink .RadMenu_Default .group
{
   background-color: #b69384;
   border: none;
   border-bottom: solid 5px #0078ca;
}

div.SubMenuContainer_LightGreen .RadMenu_Default .group
{
   background-color: #b7be1c;
   border: none;
   border-bottom: solid 5px #0078ca;
}

div.SubMenuContainer_White .RadMenu_Default .group
{
   background-color: #fff;
   border: none;
   border-bottom: solid 5px #0078ca;
}

div.SubMenuContainer_Red .RadMenu_Default .group
{
   background-color: #e42631;
   border: none;
   border-bottom: solid 5px #0078ca;
}

div.SubMenuContainer_Admin .RadMenu_Default .group
{
   background-color: #b7be1c;
   border: none;
   border-bottom: solid 5px #0078ca;
}

/*
================================
menu colors
================================
*/

.MenuPane_Orange .RadMenu_Default .rootGroup .link:hover,
.MenuPane_Orange .RadMenu_Default .rootGroup .focused,
.MenuPane_Orange .RadMenu_Default .rootGroup .expanded
{
   color: #e88a1d;
   background-color: Transparent;
}

.MenuPane_Purple .RadMenu_Default .rootGroup .link:hover,
.MenuPane_Purple .RadMenu_Default .rootGroup .focused,
.MenuPane_Purple .RadMenu_Default .rootGroup .expanded
{
   color: #ad57ac;
 	background-color: Transparent;
}

.MenuPane_Yellow .RadMenu_Default .rootGroup .link:hover,
.MenuPane_Yellow .RadMenu_Default .rootGroup .focused,
.MenuPane_Yellow .RadMenu_Default .rootGroup .expanded
{
   color: #f3cf20;
 	background-color: Transparent;
}

.MenuPane_DarkGreen .RadMenu_Default .rootGroup .link:hover,
.MenuPane_DarkGreen .RadMenu_Default .rootGroup .focused,
.MenuPane_DarkGreen .RadMenu_Default .rootGroup .expanded
{
   color: #59ad41;
 	background-color: Transparent;
}

.MenuPane_Pink .RadMenu_Default .rootGroup .link:hover,
.MenuPane_Pink .RadMenu_Default .rootGroup .focused,
.MenuPane_Pink .RadMenu_Default .rootGroup .expanded
{
   color: #b69384;
 	background-color: Transparent;
}

.MenuPane_LightGreen .RadMenu_Default .rootGroup .link:hover,
.MenuPane_LightGreen .RadMenu_Default .rootGroup .focused,
.MenuPane_LightGreen .RadMenu_Default .rootGroup .expanded
{
   color: #b7be1c;
 	background-color: Transparent;
}

.MenuPane_White .RadMenu_Default .rootGroup .link:hover,
.MenuPane_White .RadMenu_Default .rootGroup .focused,
.MenuPane_White .RadMenu_Default .rootGroup .expanded
{
   	color: #ccc;
 	background-color: Transparent;
}


.MenuPane_Red .RadMenu_Default .rootGroup .link:hover,
.MenuPane_Red .RadMenu_Default .rootGroup .focused,
.MenuPane_Red .RadMenu_Default .rootGroup .expanded
{
   color: #e42631;
 	background-color: Transparent;
}

body.RadEContentBordered
{
   font-family: Arial, Helvetica, Sans-Serif;
   font-size: 12px;
/*   line-height: 15px; */
   line-height: 150%;
}

body.RadEContentBordered a:link,body.RadEContentBordered a:visited,body.RadEContentBordered a:hover
{
   color:#0078CA;
}


.MenuPane_Admin .RadMenu_Default .rootGroup .link:hover,
.MenuPane_Admin .RadMenu_Default .rootGroup .focused,
.MenuPane_Admin .RadMenu_Default .rootGroup .expanded
{
   color: #b7be1c;
 	background-color: Transparent;
}

/*
=============================================
Splash page
=============================================
*/

#SplashBackground
{
   width: 100%;
   height: 100%;
   min-width: 100%;
   min-height: 100%;
   background-color: #0078ca;
   text-align: center;
}

#SplashMainContent
{
   width: 700px;
   margin: 0px auto 0px auto;
   height: 100%;
   min-height: 100%;
}

#SplashImage
{
   width: 700px;
   height: 500px;
   background-image: url(images/opoz_logo_large.png);
   _background-image: none;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
   filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://demo01.webredactie.nu/Portals/_default/Skins/Opoz/images/opoz_logo_large.png');
}

.ContentPaneSplash
{
}

/*.ContentPaneSplash div.Normal
{
   margin-left: 100px;
   _margin-left: 0px;
   width: 300px;
}*/

.ContentPaneSplash div.Normal embed, .ContentPaneSplash div.Normal object
{
   margin-left: 100px;
   _margin-left: 0px;
}

.ContentPaneSplash div.Normal a, .ContentPaneSplash div.Normal a:link, .ContentPaneSplash div.Normal a:visited, .ContentPaneSplash div.Normal a:active
{
   font-size: 18px;
   font-weight: normal;
   color: #ffffff;
   text-align: center;
   display: block;
   width: 150px;
   float: left;
   height: 20px;
   line-height: 20px;
}

.ContentPaneSplash div.Normal a:hover
{
   color: #b7be1c;
}