﻿/***********************************************************************
** Sunnova edit formulier
***********************************************************************/

div.sunnova
{	
	padding			: 10px;
	width			: 500px;
}

div.sunnova fieldset
{
	border			: none;
	border-top		: solid 1px #DF2F18;
	margin-top		: 15px;
	margin-bottom	: 25px;
	padding-left	: 10px;
	
	font-family		: arial;
	font-size		: 8pt;
	padding-top		: 0.2em;
	color			: Gray;	
}

div.sunnova fieldset legend
{
	margin-left		: 0px;
	color			: #DF2F18;
	margin-bottom	: 10px;
	font-family		: arial;
	font-size		: 9pt;
	font-weight		: bold;
	
}

div.sunnova fieldset .newLine
{
	overflow		: hidden;
	height			: 3px;
	clear           : left;
	width           : 100%;
}

div.sunnova fieldset label.row
{
	width			: 100px;
	text-align      : left;
	float			: left;
	margin-top		: 2px;
	
}

div.sunnova fieldset span.row
{
	width			: 100px;
	float			: left;
	margin-top		: 2px;
	
}


/***********************************************************************
** Update Panel
***********************************************************************/

.Sunnova_UpdatePanel_ModalBackground 
{
	position        : fixed;
	top             : 0;
	left            : 0;	
	background-color: Gray;
	filter          : alpha(opacity=50);
	opacity         : 0.5;
	height          : 100%;
	width           : 100%;
	min-height      : 100%;
	min-width       : 100%;
}

.Sunnova_UpdatePanel_ModalPopup
{
	background-image: url( 'resources/loading.png' );
	color           : white;
	width           : 160px;
	text-align      : center;
	vertical-align  : middle;
	position        : fixed;
	/* bottom          : 50%;
	   left            : 45%; */
	bottom          : 40px;
	right           : 40px;
	font-family     : arial;
	font-size       : 8pt;
}

/***********************************************************************
** Sunnova grid
***********************************************************************/

div.sunnova .grid_header
{
	color			: #DF2F18;
	text-align		: left; 
	float			: left; 
	font-weight		: bold;
	background-color: #dcdcdc;
	padding			: 3px;
	margin-right	: 2px;
}

div.sunnova .grid_label
{
	padding			: 3px;
	margin-right	: 2px;
	text-align		: left; 
	float			: left; 	
}

/***********************************************************************
** Controls
***********************************************************************/

/* Link */
div.sunnova a:link, div.sunnova a:hover
{
	color			: #DF2F18;
	font-family		: arial;
	font-size		: 8pt;
}

/* Textbox normal */
div.sunnova .Textbox_Normal
{
	border			: solid 1px #dcdcdc;
	padding-left	: 2px;
	padding-right	: 2px;
	font-family		: arial;
	font-size		: 8pt;
	color			: Gray;
}

/* Textbox error */
div.sunnova .Textbox_Error
{
	border			: solid 1px #DF2F18;
	padding-left	: 2px;
	padding-right	: 2px;
	font-family		: arial;
	font-size		: 8pt;
	background-color: #DF2F18;
	color			: white;
}

/* scrolbar */
div.sunnova .scrollbar
{
	scrollbar-arrow-color		:#DF2F18; 
    scrollbar-track-color		:#fff; 
    scrollbar-face-color		:#fff; 
    scrollbar-highlight-color	:#dcdcdc; 
    scrollbar-3dlight-color		:#fff; 
    scrollbar-darkshadow-color	:#fff; 
    scrollbar-shadow-color		:#dcdcdc; 
}


/***********************************************************************
** HTML Editor
***********************************************************************/

.DigitalDynamics_Web_UI_Controls_Editor_ModalWindow
{
	width			: 790px;
	height			: 500px;
	padding			: 10px;
	border			: solid 1px gray;
	background-color: White;
	z-index         : 1;
}

.DigitalDynamics_Web_UI_Controls_Editor_ModalBackground
{
	filter			: alpha(opacity=50); 
	-moz-opacity	: 0.5; 
	opacity			: 0.5;
	background-color: black;
}

.DigitalDynamics_Web_UI_Controls_Editor_Preview
{    
    height          : 100px;
    border          : solid 1px #dcdcdc;
    overflow        : hidden;
}

.DigitalDynamics_Web_UI_Controls_Editor_Preview:hover
{
    border          : solid 1px blue;
    cursor          : hand;
}



/***********************************************************************
** Help Icon
***********************************************************************/

.DigitalDynamics_Web_UI_Controls_HelpIcon
{
	float: left;
	margin-right: 5px;
}

.DigitalDynamics_Web_UI_Controls_HelpIcon_Popup
{
	overflow		: visible;
	background-color: #F8FFBA;
	width			: 200px;
	padding			: 5px 5px 5px 5px;
	color			: black;
	font-family		: Arial;
	font-size		: 8pt;
	z-index			: 999;
	border-right	: black 1px solid;
	border-top		: black 1px solid;
	border-left		: black 1px solid;
	border-bottom	: black 1px solid;
}


/***********************************************************************
** Multiview
***********************************************************************/

.DigitalDynamics_Web_UI_Controls_MultiView_Container
{
	border-left			: solid 1px black;
	border-right		: solid 1px black;
	border-bottom		: solid 1px black;
	padding-left		: 10px;
	padding-top			: 10px;
	padding-bottom		: 10px;
	padding-right		: 10px;
	font-family			: Arial;
	font-size			: 9pt;
	text-align			: justify;
}

.DigitalDynamics_Web_UI_Controls_MultiView_TabStrip
{
	border-top			: solid 1px black;	
	border-left			: solid 1px black;	
	border-right		: solid 1px black;	
	background-color	: #dcdcdc;
	width				: 100%;
}

.DigitalDynamics_Web_UI_Controls_MultiView_Tab_Notused
{
	border-bottom		: solid 1px black;
}

.DigitalDynamics_Web_UI_Controls_MultiView_Tab_Active
{
	
	background-color	: White;
	width				: 50px;
	height				: 50px;
	border-right-style	: groove;
	border-right-width	: 2px;	
}

.DigitalDynamics_Web_UI_Controls_MultiView_Tab
{	
	background-color	: #dcdcdc;
	width				: 50px;
	height				: 50px;
	border-right-style	: groove;
	border-right-width	: 2px;
	border-bottom		: solid 1px black;
}

.DigitalDynamics_Web_UI_Controls_MultiView_Icon
{
	width				: 50px;
	height				: 50px;
	display				: block;
	background-position	: center center;
	background-repeat	: no-repeat;
}

/***********************************************************************
** Validation manager
***********************************************************************/

.DigitalDynamics_Web_UI_Controls_ValidationManager_Label_Error
{
	font-family			: arial;
	font-size			: 8pt;
	padding-top			: 0.2em;
	color				: #DF2F18;
	display				: block;
	font-weight			: bold;
	height              : 30px;
}

.DigitalDynamics_Web_UI_Controls_ValidationManager_Label_Successfull
{
	font-family			: arial;
	font-size			: 8pt;
	padding-top			: 0.2em;
	color				: Green;
	display				: block;
	font-weight			: bold;
	height              : 30px;
}

.DigitalDynamics_Web_UI_Controls_ValidationManager_Label_Info
{
	font-family			: arial;
	font-size			: 8pt;
	padding-top			: 0.2em;
	color				: Gray;
	display				: block;
	font-weight			: bold;
	height              : 30px;
}

/***********************************************************************
** DropdownExtender MenuItem
***********************************************************************/
.DropdownExtenderMenuPanel
{
    border: 1px solid #868686;
	z-index: 1000;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}

.DropdownExtenderMenuItem
{
    margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}


/* Error */
.roundedcornr_box_Error 
{
	background: url(Resources/ValidationManager/roundedcornr_Error_tl.png) no-repeat top left;	
}

.roundedcornr_top_Error 
{
	background: url(Resources/ValidationManager/roundedcornr_Error_tr.png) no-repeat top right;
}

.roundedcornr_bottom_Error 
{
	background: url(Resources/ValidationManager/roundedcornr_Error_bl.png) no-repeat bottom left;
}

.roundedcornr_bottom_Error div 
{
	background: url(Resources/ValidationManager/roundedcornr_Error_br.png) no-repeat bottom right;
}

.roundedcornr_content_Error 
{
	background: url(Resources/ValidationManager/roundedcornr_Error_r.png) top right repeat-y;
}

.roundedcornr_top_Error div,.roundedcornr_top_Error, .roundedcornr_bottom_Error div, .roundedcornr_bottom_Error 
{
	width: 100%;
	height: 10px;
	font-size: 1px;
}

.roundedcornr_content_Error, .roundedcornr_bottom_Error 
{
	margin-top: -19px;
}

.roundedcornr_content_Error 
{ 
	padding: 0 10px; 
}

.roundedcornr_content_Error p
{ 
	padding-left: 20px;
	background: url(Resources/ValidationManager/exclamation.png) no-repeat top left;
}


/* Info */
.roundedcornr_box_Info
{
	background: url(Resources/ValidationManager/roundedcornr_Info_tl.png) no-repeat top left;
}

.roundedcornr_top_Info
{
	background: url(Resources/ValidationManager/roundedcornr_Info_tr.png) no-repeat top right;
}

.roundedcornr_bottom_Info 
{
	background: url(Resources/ValidationManager/roundedcornr_Info_bl.png) no-repeat bottom left;
}

.roundedcornr_bottom_Info div 
{
	background: url(Resources/ValidationManager/roundedcornr_Info_br.png) no-repeat bottom right;
}

.roundedcornr_content_Info 
{
	background: url(Resources/ValidationManager/roundedcornr_Info_r.png) top right repeat-y;
}

.roundedcornr_top_Info div,.roundedcornr_top_Info, .roundedcornr_bottom_Info div, .roundedcornr_bottom_Info 
{
	width: 100%;
	height: 10px;
	font-size: 1px;
}

.roundedcornr_content_Info, .roundedcornr_bottom_Info 
{
	margin-top: -19px;
}

.roundedcornr_content_Info
{ 
	padding: 0 10px; 
}

.roundedcornr_content_Info p
{ 
	padding-left: 20px;
	background: url(Resources/ValidationManager/Info Bubble 16 n g.gif) no-repeat top left;
}

/* Succes */
.roundedcornr_box_Succes
{
	background: url(Resources/ValidationManager/roundedcornr_Succes_tl.png) no-repeat top left;
}

.roundedcornr_top_Succes
{
	background: url(Resources/ValidationManager/roundedcornr_Succes_tr.png) no-repeat top right;
}

.roundedcornr_bottom_Succes
{
	background: url(Resources/ValidationManager/roundedcornr_Succes_bl.png) no-repeat bottom left;
}

.roundedcornr_bottom_Succes div 
{
	background: url(Resources/ValidationManager/roundedcornr_Succes_br.png) no-repeat bottom right;
}

.roundedcornr_content_Succes
{
	background: url(Resources/ValidationManager/roundedcornr_Succes_r.png) top right repeat-y;
}

.roundedcornr_top_Succes div,.roundedcornr_top_Succes, .roundedcornr_bottom_Succes div, .roundedcornr_bottom_Succes
{
	width: 100%;
	height: 10px;
	font-size: 1px;
}

.roundedcornr_content_Succes, .roundedcornr_bottom_Succes 
{
	margin-top: -19px;
}

.roundedcornr_content_Succes
{ 
	padding: 0 10px; 
}

.roundedcornr_content_Succes p
{ 
	padding-left: 20px;
	background: url(Resources/ValidationManager/accept.png) no-repeat top left;
}





/* ModuleMenu */

.moduleMenuDiv
.RadMenu
.rmRootGroup
{
    width: 16px;
}

.moduleMenuDiv
.RadMenu
.rmRootGroup
.rmItem
.moduleMenuIcon
{
    padding-left: 0px;
    width: 16px;
}

.moduleMenuDiv
.RadMenu
.rmRootGroup
.rmItem
.rmExpanded
{
    padding: 0 0 0 0;
    background-position: 0px 1050px;
}

.moduleMenuDiv
.RadMenu
.rmRootGroup
.rmItem
.moduleMenuIcon
.rmExpandDown
{
    padding: 0 0 0 0;
    background-position: 0px 1050px;
}

.moduleMenuIcon img
{
    border: solid 0px #FFF;
}