/* 
	Systeem 
	==================================	
*/

div.formulier
{	
	padding			: 10px;
	width			: 500px;
}

div.formulier 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.formulier fieldset legend
{
	margin-left		: 0px;
	color			: #DF2F18;
	margin-bottom	: 10px;
	font-family		: arial;
	font-size		: 9pt;
	font-weight		: bold;
	
}

div.formulier fieldset .newLine
{
	overflow		: hidden;
	height			: 3px;
	clear           : left;
	width           : 100%;
}

div.formulier fieldset label.row
{
	width			: 100px;
	text-align      : left;
	float			: left;
	margin-top		: 2px;
	
}

div.formulier fieldset span.row
{
	width			: 100px;
	float			: left;
	margin-top		: 2px;
	
}

/***********************************************************************
** formulier grid
***********************************************************************/

div.formulier .grid_header
{
	color			: #DF2F18;
	text-align		: left; 
	float			: left; 
	font-weight		: bold;
	background-color: #dcdcdc;
	padding			: 3px;
	margin-right	: 2px;
}

div.formulier .grid_label
{
	padding			: 3px;
	margin-right	: 2px;
	text-align		: left; 
	float			: left; 	
}

/***********************************************************************
** Controls
***********************************************************************/

/* Link */
div.formulier a:link, div.formulier a:hover
{
	color			: #DF2F18;
	font-family		: arial;
	font-size		: 8pt;
}

/* Textbox normal */
div.formulier .Textbox_Normal
{
	border			: solid 1px #dcdcdc;
	padding-left	: 2px;
	padding-right	: 2px;
	font-family		: arial;
	font-size		: 8pt;
	color			: Gray;
}

/* Textbox error */
div.formulier .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.formulier .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; 
}

/* 
	Systeem 
	==================================	
*/

BODY
{
    margin: 0px;
    padding: 0px;
    text-align: Left;
    background-color: #dddddd;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.clear
{
    clear: both;
}

#wrapper
{
    margin: 0px auto;
    background-color: white;
    width: 860px;
    padding-left:24px;
    padding-right:24px;
    text-align:left;
}

#logo
{
    width: 860px;
    height: 111px;
    background-image: url(img/logo.jpg);
    background-repeat: no-repeat;
    border-bottom: 1px dotted #169edd;
}

#slogan
{
    width: 860px;
    height: 19px;
    background-image: url(img/slogan_livelife.gif);
    background-repeat: no-repeat;
    border-bottom: 1px dotted #169edd;
    
    background-position: left center;
    
    padding-top: 10px;
    padding-bottom: 10px;
}

#contentwrapper
{
    width: 860px;
    padding-top: 7px;
    padding-bottom: 7px;
}

#nav
{
    float: left;
    width: 191px;
}

#maincontent
{
    width: 653px;
    float: left;
    padding-left:15px;
    border-left: #009ee2 1px dotted
}

#footer
{
    clear: both;
    text-align: right;
    width: 860px;
    margin-top: 7px;
}

HR
{
    color: #009EE2;
    height: 1px;
    border: thin dotted;
}

/* Contentpanel  */
.ContenPanelKolomHeader
{
    color: #009EE2;
    background-color: #FF0000;
    width: 100%;
}

/* LogOn Control  */
.LogOnControl
{
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #009EE2;
}
A.LogOnControl:link
{
    text-decoration: underline;
    color: #ed1c24;
}
A.LogOnControl:visited
{
    text-decoration: underline;
    color: #ed1c24;
}
A.LogOnControl:active
{
    text-decoration: underline;
    color: #ed1c24;
}
A.LogOnControl:hover
{
    text-decoration: underline;
    color: #729700;
}

/* ModuleTitleControl */
.ModuleTitleControl
{
    color: #009EE2;
    font-family: Verdana;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
}


/* LoginWindow */
#LogOnWindowDiv
{
    font-family: Lucida Grande, arial;
    font-size: 11px;
    background-image: url('Img/login_background.jpg');
    background-repeat: no-repeat;
    height: 325px;
    width: 500px;
    margin: 0px auto;
    margin-top: 80px;
    padding-top: 115px;
}

.LogOnLabel
{
	float: left;
    text-align: right;    
    font-size: 16px;
    color: #009EE2;
	width: 185px;
	padding-right: 10px;
	line-height: 20px;
}

.LogOnField
{
	width: 225px;
	padding-left: 20px;
    text-align: left;
    font-size: 18px;
	line-height: 20px;
}

#LogOnWindow_UserName
{
    width: 200px;
    color: #009EE2;
	padding: 5px;
    border: solid 1px #009EE2;
}

#LogOnWindow_Password
{
    width: 200px;
    color: #009EE2;
	padding: 5px;
    border: solid 1px #009EE2;
}

#LogOnRememberMe
{
	float: left;
    color: #009EE2;
	width: 215px;
}

#LogOnFailureDiv
{
	position: relative;
	top: -10px;
	height: 15px;
	width: 225px;
	margin-left: 215px;
}

#LogOnWindow_FailureText
{
    font-size: 12px;
    color: Red;
}

#Loginbuttons {
	padding-top: 10px;
	width: 230px;
	margin-left: 215px;
}

#Rememberbuttons {
	padding-top: 10px;
	width: 230px;
	margin-left: 215px;
}

#LoginButton
{
    float: left;
    text-align: right;
	margin-right: 5px;
}

.LogOnForgotPassword
{
    float: left;
    text-align: right;
}

#Password{
	float: left;
}

.Logon_Required {
	position: relative;
	top: -25px;
	float: right;
}

#LogOnWindow_UserName
{
    font-size: 0.8em;
}
#LogOnWindow_Password
{
    font-size: 0.8em;
}


/***********************************************************************
** Edit formulier
***********************************************************************/

div.mylivelife
{
    padding: 10px;
    width: 600px;
}

div.mylivelife fieldset
{
    border: none;
/*    border-top: solid 1px #3366CC; */
    margin-top: 15px;
    margin-bottom: 25px;
    padding-left: 10px;
    font-family: arial;
    font-size: 8pt;
    padding-top: 0.2em;
    color: #3366CC;
}

div.mylivelife fieldset legend
{
    margin-left: -10px;
    color: #3366CC;
    margin-bottom: 10px;
    font-family: arial;
    font-size: 11pt;
    font-weight: bold;
}

div.mylivelife fieldset .newLine
{
    overflow: hidden;
    height: 3px;
    clear: left;
    width: 100%;
}

div.mylivelife fieldset label.row
{
    width: 150px;
    float: left;
    margin-top: 2px;
}


/***********************************************************************
** Edit GridView
***********************************************************************/
.GridRow_Web20 td, .GridAltRow_Web20 td
{
    padding-right: 17px !important;
}
tr.SelectedRow_Web20 td
{
    background-image: url(img/SelectedRow.gif);
    background-repeat: no-repeat;
    background-position: top right;
    padding-right: 17px;
}
th.GridHeader_Web20, th.ResizeHeader_Web20, td.GridHeader_Web20, td.ResizeHeader_Web20
{
    text-align: left !important;
}
.CheckBox
{
    background-image: none !important;
    padding-right: 17px;
}


/***********************************************************************
** Aanmeld button
***********************************************************************/
a.buttonAanmelden {
	display: block;
	width: 140px;
	height: 30px;
	text-decoration: none; 
	text-align: center;
	font: 9pt arial, sans-serif; 
	font-weight: bold;
	color: white; 
	line-height: 30px;
}
a.buttonAanmelden:link {background-image: url('img/button_inactive.jpg');} 
a.buttonAanmelden:visited {background-image: url('img/button_inactive.jpg');}
a.buttonAanmelden:active {background-image: url('img/button_active.jpg');}	
a.buttonAanmelden:hover {background-image: url('img/button_active.jpg');}