/*
    Linkerkolom met daarin de labels van de gebruikersinterfacecomponenten
*/
td.LabelColumn
{
    width:110px;
    vertical-align:top;
    color:#28145b;
    font-weight:bold;
}

/*
    Header welke in diverse gebruikersinterfacecomponenten gebruikt wordt
*/
div.Header
{
    font-size:14px;
    margin-top:4px;
    margin-bottom:2px;
    padding-bottom:2px;
    width:100%;
    border-bottom:1px solid #28145b;
    color:#28145b;
}

/*
    Haalt borders van radio's en checkboxen weg in security-gebruikersinterfacecomponenten
*/
.noborder input, input.noborder
{
    border:0px;
    background-color:Transparent;
}

/*
    Het vlak welke in verscheidene gebruikersinterfacecomponenten terugkomt (titelbalk + content)
*/
div.UseCase
{
    border:1px solid black;
    width:95%;
    margin:0px;
    background-color:White;
    font-weight:normal;
}

/*
    De titelbalk
*/
div.UseCase div.UseCaseHeader
{
    font-size:11px;
    width:100%;
    background-color:#c2ccde;
    color:#404040;
    height:17px;
    text-align:center;    
    padding-top:4px;
    padding-bottom:2px;
    font-weight:bold;
}

/*
    Het contentvlak
*/
div.UseCase div.UseCaseContent
{
    padding-right: 2px; 
    padding-left: 2px; 
    padding-bottom: 2px; 
    padding-top: 2px;
}

/*
    De items (links - <a>) in het contentvlak
*/
div.UseCase div.UseCaseContent a
{
    text-decoration:none;
}

/*
    Dialogs voor de filemanager
*/
div.FileEditorDialog
{
    position:absolute;
    left:30%;
    top:200px;
    width:40%;
    border:1px solid black;
    padding:10px;
    background-color:#cdcdcd;
}

div.FileEditorDialog input
{
    width:65px;
    float:right;
    margin:2px;
    font-size:12px;
}

div.FileEditorDialog div.header
{
    width:100%;
    color:#28145B;
    font-size:13px;
}