/* Mobistar CSS Stylesheet for a new Web Application project */
BODY
{ 
	font-size: 11px;
	color: #666666;
	font-family: Arial, Helvetica, Sans-Serif;
	background-color: white;
	text-align: center;
	margin:0px;
	margin-right:0px;
	margin-left:0px;
}

A
{
    color:Black;
}

/*Container div, onder de headerbalk, om het menu en de verder content correct naast elkaar te plaatsen*/
#PageBody
{
	position:relative;
	margin:0px;
	padding-right:8px;
	padding-left:10px;
	background-color: White;
	width: 588px;
	text-align: left;
}
.centeredImage
{
	text-align:center;
	display:block;
}
.clsPageTitle
{
    display:block;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:8px;   
    margin-bottom:10px; 
    margin-top:10px;
    font-size: 18px; 
    color: #666666; 
    line-height: 20px;
    background:  url(../images/divider_dots_13px.gif) #ffffff no-repeat;
    background-position: 1px 12px;
}

.clsPageTitleText{}
.clsPageTitleSubText
{
    font-size:15px;
}
.clsLoginSlogan
{
    font-size: 18px; 
    color: #666666; 
    text-align:center;
}
    
.clsSubTitle
{   
    text-indent:4px;
    display:block;
    width:560px;
    height:20px;
    font-size:14px;
    color: #FFFFFF;
    background:#417a19;
}
/* clsLabelInput: De labels met de naam van het invoerveld */
.clsLabelInput
{
    text-indent:4px;
    float: left;
    width: 130px;
    white-space: nowrap;
    font-size: 11px;
}
/* clsLabelInputMandatory: De labels met de naam van het verplichte invoerveld. */
.clsLabelInputMandatory
{
    text-indent:4px;
    float: left;
    width: 130px;
    font-weight:bold;
    white-space: nowrap;
    font-size: 11px;
}
/* clsLabelMandatoryField: De labels met de asterix ter  aanduiding dat invoer verplicht is. */
.clsLabelMandatoryField
{
    width: 11px;
}
/* clsLabelIsMandatory: Het label met de tekst "* = Verplicht" */
.clsLabelIsMandatory
{
    font-size:11px;
    font-weight:bold;
    text-align:center;
    vertical-align: middle;
    margin-bottom: 20px;
    margin-top: 20px;
}
.clsLabelDateFormat
{
    width: 80px;
}
.clsLabelImeiNrCheckFailed
{
    font-size:14px;
    color: red;
    font-weight:bold;
}
.clsDateInput
{
    font-size:11px;
    width: 88px;
}
.clsTextInput
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    width: 250px;
    padding-left:3px;
}
.clsMultiLineInput
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    padding-left:3px;
    width: 250px;
    height: 60px;
}
.clsDropDownList
{
	font-size:11px;
    width: 257px;
}
.clsCheckBox
{    
	margin:0px;
	float:left;
}
.clsValidators
{
    margin-left:0px;
	color: Red;
}
.clsRadioButton
{
    width: 89px;
}
.clsErrorMessage
{
    display:block;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:8px;   
    margin-bottom:10px; 
    margin-top:10px;
    color:#FF0000;
    font-weight:bold;
}

BR
{
	clear: both;
}
BR.clearit 
{
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0px; /*for IE*/
}
/* Oude VS2003 css-instellingen */
.KopM
{
	width: 100%;
	height: 22px;
	color: black;
	padding-left:0px;
	padding-top:0px; 
	text-align: left;
	font-size: 14pt;
	color: #FFFFFF;
	background-color: #417a19;
}

.KopR, .InleidingR, .TekstR, .VlakR
{
	text-align: right;
}
.KopL, .InleidingL, .TekstL, .VlakL
{
	text-align: left;
}
.InleidingM, .TekstM, .VlakM
{
	text-align: center;
}
.KopR, .KopL
{
	font-size: 14pt;
	color: #FFFFFF;
	/*font-family: Arial, Helvetica, Sans-Serif;*/
	background-color: #417a19;
}
.InleidingR, .InleidingL, .InleidingM
{
	font-weight: bold;
	font-size: 10pt;
	color: #333333;
	/*font-family: Arial, Helvetica, Sans-Serif;*/
	background-color: #ffffff;
}

.TekstR, .TekstL, .TekstM
{
	font-size: 10pt;
	color: #333333;
	/*font-family: Arial, Helvetica, Sans-Serif;*/
	background-color: #ffffff;
}

.VlakR, .VlakL, .VlakM
{
	font-size: 10pt;
	color: #333333;
	/*font-family: Arial, Helvetica, Sans-Serif;*/
	background-color: #C2E4A8;
}


/*DataGrid Classes*/



.clsGridFilterInput
{
    border:1px solid #008800;
    width:95%;
}


/* instellingen gridview */
.clsGridViewContainer
{
    width:568px;
    padding-left:10px;
    padding-right:10px;
    border:1px solid #cccccc;
}
.clsGridView
{
    margin-top:4px;
    margin-bottom:4px;
    border:0px;
}
.clsGridViewHeader
{
    background:#417a19;
    text-align:center;
/*    height:24px; */
}

.clsGridViewHeader A
{
	font-size: 13px;
    color:White;
}

/*  Deze cell <P> class (P-tag dient om het de label tag in een kolom cell te staan)
    zorgt er voor dat de text in een cell word afgekapt (met ... IE only)
    Code voor de P-Tag is als volgt; <P class="clsGridCell_P" style="width:250px;">
*/
.clsGridCell_P
{
    height:18px;
    margin:0px;
    margin-top: 1px;
    padding-top:2px;    
	/*text-overflow:ellipsis;*/
	overflow:hidden;
	white-space:nowrap;
	padding: 0px;
}

.clsGridEdit
{
    color: #666666;
}
.clsGridSelect
{
    color: #666666;
}
.clsGridDelete
{
    color: #666666;
}
/*
.clsGridView A:hover
{
    color: White;
}
*/

/* Containers. Deze zorgen voor de juiste marges en posities van de content blokken (alles wat onder de header balk verschijnt)*/
.clsContentContainer, .clsButtonContainer, .clsValidatorContainer
{
    padding-top:4px;
    padding-left:10px;  
    padding-right:10px;
    padding-bottom:4px;
    margin-bottom:8px;
    width:568px;
    border:1px solid #CCCCCC;
    background-color:Transparent;
}
    
.clsButtonContainer
{
    width:546px;
    text-align:right;
    background:#f7f7f7;
}
        
.clsValidatorContainer
{
    border:1px solid #CCCCCC;
    width:546px;
    background:#f7f7f7;
}

.clsLoginError
{
    border:none;
/*    display:block; */
    color:Red;
}

.clsValidatorContainer LI
{
    width:300px;
   /* border:1px dotted red;*/
}    
    
.clsSubContainer

{
    clear:both;
    border:1px solid #CCCCCC;
    background:#f7f7f7;
    padding:3px;
    margin-bottom:8px;
	display:block;
}

/* Message bar. Verschijnt onder de menu balk.*/
.clsMessageBar
{
    padding:4px;
    padding-left:10px;
}
.clsMessageBarText
{
    float:left;
    font-weight:bold;
    padding-right:4px;
}





/* Menu styles. Drop down menu boven aan de pagina! */
/*
.clsMenuItemTopLevel
{
    padding-left:10px;
    padding-right:10px;
    font-weight:bold;
    font-size:11px;
    color:white;
    border:4px dotted deeppink;
}
*/


.MainMenuHover, .MainMenuSelected
{
	font-size: 11px;
	color: white;
}
/*
.MainMenu
{
    padding-left:10px;
    padding-right:10px;
	font-size: 11px;
	color: white;
	background-color: #417a19; 
	border:1px solid yellow;
}
*/

DIV.clsMainMenuItem
{
	float:left;
	text-align:left;
    padding-right:10px;
    font-size: 11px;
    font-weight:bold;
    display:table;
}

DIV.clsSubMenuItem
{
    font-weight:normal;
}

.MainMenuItem
{
    padding-left:10px;
    padding-right:10px;
    font-size: 11px;
	color: white;
	background-color: #417a19; 
}

.SubMenuHover, .SubMenuSelected
{
	font-size: 11px;
	color: white;
}
.SubMenuItem, .SubMenu
{
    text-indent:20px;
    text-align:left;
    width:140px;
    height:20px;
	font-size: 11px;
	color: white;
	background-color: #417a19;
}

.clsHyperLink
{
    color: #008800;
}
    
/* FAQ */

.clsFAQQuestion, .clsFAQAnswer 
{
    width:552px;
    display:block;
    margin-top:5px;
    margin-bottom:5px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    padding-left:3px;
}    
.clsFAQAnswer 
{
    margin-bottom:10px;
}