/* CSS common voor alle pagina's, ook de mobiele sites */

*{
    margin: 0;
    padding: 0;
    border: 0;

    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

a
{
    cursor: pointer;
    /* Browsers onderlijnen hyperlinks niet altijd by default, dus doen we het expliciet */
    text-decoration: underline;
    color: Black;
}

img 
{
    border: 0;
}

/* Bij radiobuttons en checkboxen geen border */
input.radio,
span.chb input
{
    border: none;
}

/* Niet editeerbare velden in een editeerbare freeform verkleuren zodat dit duidelijker is voor de gebruiker */
div.editable_ff input.readonly,
div.editable_ff input.readonly:focus,
div.editable_ff textarea.readonly,
div.editable_ff textarea.readonly:focus
{
	background-color: Silver;
}


div.hide_overflow,
div.hide_overflow *
{
    /* Van elementen met de klasse 'hide_overflow' en alle afstammelingen ervan, */
    /* wordt de overflow verborgen */
    overflow: hidden;
}

div.hide_overflow div.fwGridViewWrap *
{
    /* In een gridview met overflow moet dit terug op de default komen om te kunnen overschrijven */
    overflow: visible;
}

.center
{
    text-align: center;
}

/* Cursor o.a. gebruikt bij een ImageHyperlinkColumnTemplate */
.cursorHandPointer
{
    /*different browsers use different names: hand / pointer, this will cover all cases*/
	cursor : hand;
	cursor : pointer;
	text-decoration: none;
}

/* Indicatie dat er een PDF kan gedownload worden */
.pdfcursor
{
    height:100%;
    overflow:hidden;
}

/* Indicatie bij het hoveren */
.pdfcursor:hover 
{
    color: Red;
}

/* Image links */

.dot,
.del,
.geopos_gps,
.geopos_vhf,
.checked,
.pdf,
.edit
{
    display: inline-block;    
    height: 20px;
    text-decoration: none; 
    width: 20px;         
}

.del
{
    background: url(../../../framework/images/delete_gv.gif) no-repeat;
}

.geopos_gps
{
    background: url(../../../framework/images/gis_s.png) no-repeat;
    height: 16px;
    width: 16px;
}

.pdf
{
    background: url(../../../framework/Images/extensies/pdf.png) no-repeat;
    height: 16px;
    width: 16px;
}

.edit
{
    background: url(../../../framework/Images/edit16.gif) no-repeat;
}

/* Image replacers : duidelijkere zichtbaarheid naar analogie met de client */
.fwALERT .dot,
.fwERROR .dot,
.fwTEAL .dot,
.fwWARNING .dot
{
    /* Bij een donkere fw_format_columns achtgrondkleur willen we voor een betere zichtbaarheid zorgen -> witte dot */
    background: url(../../../framework/images/white_dot.png);  
}

/* Image replacers : naar analogie met dot.png */
.fwALERT .checked:after,
.fwERROR .checked:after,
.fwTEAL .checked:after,
.fwWARNING .checked:after
{
    /* Bij een donkere fw_format_columns achtgrondkleur willen we voor een betere zichtbaarheid zorgen -> wit vinkje */
    color: white; 
}

textarea
{
    resize: none; /*textarea's niet sizeable. Is niet supported onder IE, maar wel bij andere browsers*/
}

.fwFormatImage
{
    /* ???SAM??? Waarvoor dient dit? De css klasse wordt nergens toegekend, en als ze wel zou worden toegekend, dan zou het niet aan een blocklevel element mogen zijn. */
    display: inline;
}

.float_right
{
    float: right;
}

/* Overrulen van default bij JQueryUI.CSS, daar niet aangepast omdat de file integraal overgenomen wordt van de library */
.ui-datepicker
{
    width: 240px !important;
}


/* Welkom.aspx: weergave melding onderhoud */
/* --------------------------------------- */

div.welkom_content
{
    margin: 0 auto;
    width: 600px;
}

div.welkom_content p 
{
    text-align: center;
    margin-bottom: 15px;
}

div.welkom_content p.welkom_onderhoud 
{
    margin-top: 15px;
    margin-bottom: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
    background-color: #FFF8C6;
}

div.welkom_content p.welkom_onderhoud 
{
    color: Red;
    border: 4px solid;
}

div.welkom_content p.welkom_onderhoud a:hover 
{
    color: Maroon;
}