/* Common */
/* ====== */

/* ==> In te vullen voor containers waarnaast nog een andere containers wordt weergegeven. */
div.tabPanelSchepenEquipment div.left,
div.tabPanelSchepenPropulsion div.left,
div.tabPanelSchepenManoeuvring fieldset.man_thruster_effects table.main_table,
div.tabPanelSchepenEffects table.eff_squat_heeling ,
div.tabPanelSchepenDiagrams table.diag_turning,
div.tabPanelSchepenDiagrams img.diag_turning_circle,
div.tabPanelSchepenDiagrams table.diag_mob,
div.tabPanelReizenLigplaats div.entryexit fieldset.entry,
div.tabPanelReizenFacturatie fieldset.fact_gen
{
    float: left;
    margin-right: 30px;
}

/* ==> In te vullen containers waaronder nog een andere containers wordt weergegeven. */
div.tabPanelSchepenManoeuvring fieldset.man_steering,
div.tabPanelReizenLigplaats fieldset.entry,
div.tabPanelReizenFacturatie fieldset.fact_gen,
div.tabPanelReizenFacturatie fieldset.fact_erkenning  
{
    margin-bottom: 24px;
}

/* ==> In te vullen voor fieldsets zonder legend (door de legend verschuiven fieldsets een beetje naar beneden). */
div.tabPanelSchepenPropulsion fieldset.prop_varia,
div.tabPanelReizenFacturatie fieldset.fact_gen
{
    margin-top: 6px;
}

/* ==> In te vullen voor tabpanel ucData's die kolommen bevatten die afwijken van de .col divs */
div.tabPanelSchepenEquipment fieldset.equip_anchors div.doublecol,
div.tabPanelSchepenEquipment fieldset.equip_anchors div.smallcol,
div.tabPanelSchepenEquipment fieldset.equip_anchors div.mcol,
div.tabPanelSchepenPropulsion fieldset.prop_rot div.smallcol,
div.tabPanelSchepenManoeuvring fieldset.man_steering div.row div.smallcol,
div.tabPanelSchepenCommunication div.row .smallcol /* div & p */
{
    float: left;
}

/* ==> In te vullen voor tabpanel ucData's die kolommen bevatten met een formcontrol, zonder label */
/*     Dit zorgt ervoor dat de formcontrol links in de div wordt weergegeven */
div.tabPanelSchepenEquipment fieldset.equip_anchors div.smallcol input.text,
div.tabPanelSchepenPropulsion fieldset.prop_rot div.smallcol input.text,
div.tabPanelSchepenManoeuvring fieldset.man_steering div.row div.smallcol input.text,
div.tabPanelSchepenCommunication div.row div.smallcol input.text
{
    margin-left: 0px !important;
}

/* ==> In te vullen voor alle tabpanel ucData's die een extra ucData bevatten bevatten */
/*     Note: de css klasses hier vermeld, wordt gezet in een div rond de extra ucData */
div.tabPanelSchepenCommunication div.comm_contacten_grid
{
    margin-top: 30px;
}

div.tabPanelSchepenCommunication div.comm_contacten_grid div.tabData
{
    padding-left: 0px;
}

/* Breedte en hoogte van de tabData's instellen */
/* =========================================== */

/* Breedte = tabpanel width - (2 * tabData margin) - (2 * .ajax__tab_body padding) - 2px */
/* Hoogte = tabpanel height - iu_buttons height - (2 * tabData margin) */

div.tabReizenData
{
    height: 383px; /* 450 - 23 - (2 * 22) */    
    width: 986px; /* 1024 - (2 * 10) - (2 * 8) - 2 */
}

div.reizenData div.fwGridViewWrap div.gvScroll
{
    height: 398px;
}

div.tabSchepenData
{
    width: 921px; /* 983 - (2 * 22) - (2 * 8) - 2 */
    height: 577px; /* 580 - 23 - (2 * 22) */
}


/* Schepen Common */
/* ============== */

/* Breedte voor alle rows in de schepen data's */
div.schepenData div.row 
{
    width: 921px;
}

/* Default breedte voor rows in een fieldset afzetten. */
/* Met 'auto' de breedte laten bepalen ten opzichte van de fieldset en de padding ervan. */
div.schepenData fieldset div.row 
{
    width: auto;
}

/* ==> Voor iedere tabcontainer verschillend. */
/*     De div van de insert en update knoppen is absoluutgepositioneerd. */
/*     Hier zorgen we ervoor dat deze altijd onderaan de tabcontainer staat. */
div.schepenData div.iu_buttons 
{
   /* padding-top: 557px; */ /* FwTabContainer height - div.iu_buttons input[type=button] height */
   /* Fix: 0px => H/S/L tab is enigste editeerbare */
   padding-top: 0px;
    
}

div.loodspl_grid div.tabData div.fwGridViewWrap div.gvScroll
{
    height: 420px;
}

div.heli_reizen_grid div.tabData div.fwGridViewWrap div.gvScroll 
{	
    height: 270px;
}


/* Reizen Common */
/* ============= */

/* ==> Voor iedere tabcontainer verschillend. */
/*     De div van de insert en update knoppen is absoluutgepositioneerd. */
/*     Hier zorgen we ervoor dat deze altijd onderaan de tabcontainer staat. */
div.reizenData div.iu_buttons 
{
    /*padding-top: 427px;*/ /* FwTabContainer height - div.iu_buttons input[type=button] height */
    /*width: 832px;*/
}


/* SchepenBasis */
/* ============ */

div.tabPanelSchepenBasis div.row div.numcol input.text
{
    margin-left: 190px;
}

div.tabPanelSchepenBasis div.row div.numcol label 
{
    width: 182px; /* controls.margin-left - (label.padding-left + label.padding-right) */
}

div.tabPanelSchepenBasis div.row div.shpImg
{
    width: 300px; /* breedte gelijk instellen als die van de .col (parent) */
    position: absolute; /* binnen de .col absolute positioneren zodat de hoogte van de .col niet mee stretcht */
    text-align: right; /* inhoud van de div rechts in de div plaatse. */
}

div.tabPanelSchepenBasis div.row div.bigcol
{
	margin-top: 15px;
}

div.tabPanelSchepenBasis div.iu_buttons input.button
{
    width: 100px;
} 


/* SchepenFacturatie */
/* ================= */

div div.tabPanelSchepenFacturatie div.facturatiedata 
{
    margin-bottom: 10px;
}

div div.tabPanelSchepenFacturatie fieldset,
div div.tabPanelSchepenFacturatie fieldset div.row
{
   /* max-width: 446px;*/ /* label width + input.text border-left + input.text width + input.text border-right */
}

div div.tabPanelSchepenFacturatie fieldset.fact_gevalideerd 
{
    padding-top: 46px;
}

div div.tabPanelSchepenFacturatie fieldset div.row div.col
{
    width: auto;
}

div div.tabPanelSchepenFacturatie div.facturatiedata div.row div.col input.text
{
    margin-left: 126px;
}

div div.tabPanelSchepenFacturatie fieldset.fact_laatst_gewijzigd input.readonly,
div div.tabPanelSchepenFacturatie fieldset.fact_gevalideerd input.text 
{
    width: 357px;
}

div div.tabPanelSchepenFacturatie fieldset.fact_laatst_gewijzigd input.readonly,
div div.tabPanelSchepenFacturatie fieldset.fact_gevalideerd input.text,
div div.tabPanelSchepenFacturatie fieldset.fact_laatst_gewijzigd .gewijzigdOp
{
    margin-left: 46px;
}

div div.tabPanelSchepenFacturatie fieldset.fact_laatst_gewijzigd input.txt_hour,
div div.tabPanelSchepenFacturatie fieldset.fact_gevalideerd input.txt_hour 
{
    margin-left: 20px;
}

div div.tabPanelSchepenFacturatie fieldset.fact_laatst_gewijzigd label,
div div.tabPanelSchepenFacturatie fieldset.fact_gevalideerd label
{
    width: 42px; /* controls.margin-left - (label.padding-left + label.padding-right) */
}

div div.tabPanelSchepenFacturatie fieldset.fact_laatst_gewijzigd .bron,
div div.tabPanelSchepenFacturatie fieldset.fact_gevalideerd .bron
{
    margin-left: 46px;
    width: 164px;
}

div div.tabPanelSchepenFacturatie div.left
{
    float: left;
    width: 468px;
    margin-top: 4px;
    margin-right: 10px;
}

div div.tabPanelSchepenFacturatie div.left fieldset.facturatie
{
    margin-top: 0px;
}

div div.tabPanelSchepenFacturatie div.right
{
    float: left;
    width: 468px;
}

/* SchepenEquipment */
/* ================ */

div.schepenData div.tabPanelSchepenEquipment fieldset.equip_anchors div.titlerow 
{
    padding-bottom: 10px;
}

div.schepenData div.tabPanelSchepenEquipment div.col
{
    width: 206px;
}

div.schepenData div.tabPanelSchepenEquipment fieldset.equip_others div.col
{
    width: 427px;
}

div.schepenData div.tabPanelSchepenEquipment input.text, 
div.schepenData div.tabPanelSchepenEquipment textarea, 
div.schepenData div.tabPanelSchepenEquipment select
{
    margin-left: 126px;
}

div.schepenData div.tabPanelSchepenEquipment label
{
    width: 122px; /* controls.margin-left - (label.padding-left + label.padding-right) */
}

div.schepenData div.tabPanelSchepenEquipment input.cnst_gyro_err 
{
    width: 40px !important;
}

div.schepenData div.tabPanelSchepenEquipment fieldset.equip_radar 
{
    margin-top: 9px;
    width: 240px;
}

div.schepenData div.tabPanelSchepenEquipment fieldset.equip_radar div.col 
{
    width: 120px;
}

div.schepenData div.tabPanelSchepenEquipment fieldset.equip_radar input.text
{
    margin-left: 50px;
}

div.schepenData div.tabPanelSchepenEquipment fieldset.equip_radar label
{
    width: 42px; /* controls.margin-left - (label.padding-left + label.padding-right) */
}

div.schepenData div.tabPanelSchepenEquipment fieldset.equip_anchors input.text, 
div.schepenData div.tabPanelSchepenEquipment fieldset.equip_anchors textarea, 
div.schepenData div.tabPanelSchepenEquipment fieldset.equip_anchors select
{
    margin-left: 40px;
}

div.schepenData div.tabPanelSchepenEquipment fieldset.equip_anchors
{
    margin-top: 22px;
}

div.schepenData div.tabPanelSchepenEquipment fieldset.equip_anchors div.smallrow
{
    height: 16px;
}

div.schepenData div.tabPanelSchepenEquipment fieldset.equip_anchors div.col 
{
    width: 180px;
}

div.schepenData div.tabPanelSchepenEquipment fieldset.equip_anchors div.doublecol 
{
    width: 180px;
    text-align: center;
}

div.schepenData div.tabPanelSchepenEquipment fieldset.equip_anchors div.smallcol 
{
    width: 77px;
    margin-right: 23px;
    text-align: center;
    display: inline; /* Resolve IE6 'doubled-margin bug'.*/
}

div.schepenData div.tabPanelSchepenEquipment fieldset.equip_anchors div.mcol 
{
    width: 102px;
    padding-left: 78px;
}

div.schepenData div.tabPanelSchepenEquipment fieldset.equip_anchors input.text, 
div.schepenData div.tabPanelSchepenEquipment fieldset.equip_anchors textarea, 
div.schepenData div.tabPanelSchepenEquipment fieldset.equip_anchors select
{
    margin-left: 74px;
}

div.schepenData div.tabPanelSchepenEquipment fieldset.equip_anchors label 
{
    width: 70px; /* controls.margin-left - (label.padding-left + label.padding-right) */
}

div.schepenData div.tabPanelSchepenEquipment fieldset.equip_anchors input.text
{
    width: 71px;
}

div.schepenData div.tabPanelSchepenEquipment fieldset.equip_others
{
    margin-top: 15px;
}

div.schepenData div.tabPanelSchepenEquipment fieldset.equip_others input.text, 
div.schepenData div.tabPanelSchepenEquipment fieldset.equip_others textarea
{
    margin-left: 196px;
}

div.schepenData div.tabPanelSchepenEquipment fieldset.equip_others textarea
{
    height: 77px;
    width: 225px;
}

div.schepenData div.tabPanelSchepenEquipment fieldset.equip_others label 
{
    width: 192px; /* controls.margin-left - (label.padding-left + label.padding-right) */
}


/* SchepenPropulsion */
/* ================= */

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_main_engine,
div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_varia /* IE6 */
{
    width: 380px;
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_varia
{
    padding-bottom: 10px;
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_main_engine div.row div.col
{
    width: 190px;
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_main_engine div.row div.col input.text,
div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_main_engine div.row input.text
{
    margin-left: 114px;
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_main_engine div.row div label
{
    width: 110px; /* controls.margin-left - (label.padding-left + label.padding-right) */
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_main_engine div.row div.col input.text
{
    width: 66px !important;
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_main_engine div.row div.bigcol input.big
{
    width: 265px !important;
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_main_engine table 
{
    margin-top: 15px;
    margin-bottom: 10px;
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_main_engine table tr th,
div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_main_engine table tr td
{
    width: 50px;
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_main_engine table tr .descr
{
    width: 174px;
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_main_engine table tr td input.text
{
    width: 40px !important;
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_varia div.row input.text
{
    margin-left: 84px;
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_varia div.row label 
{
    width: 80px; /* controls.margin-left - (label.padding-left + label.padding-right) */
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_propeller 
{
    width: 230px;
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_propeller div.row input.text
{
    width: 80px !important;
    margin-left: 111px;
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_propeller div.row label 
{
    width: 103px; /* controls.margin-left - (label.padding-left + label.padding-right) */
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_rot 
{
    margin-top: 16px;
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_rot div.row div.col 
{
    width: 260px;
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_rot div.row div.bigcol
{
    width: 360px; /* col width + smallcol width */
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_rot div.row div.smallcol 
{
    width: 100px;
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_rot div.row div.col input.text,
div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_rot div.row div.bigcol input.type_prop_bb
{
    width: 45px !important;
    margin-left: 171px;
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_rot div.row div.bigcol input.text
{
    width: 30px !important;
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_rot div.row div.col label 
{
    width: 167px; /* controls.margin-left - (label.padding-left + label.padding-right) */
}

div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_rot div.row div.col input.no_margin,
div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_rot div.row div.bigcol input.type_prop
{
    margin-left: 0px !important;
}


/* SchepenManoeuvring */
/* ================== */

div.schepenData div.tabPanelSchepenManoeuvring 
{
    width: 948px;   
}

div.schepenData div.tabPanelSchepenManoeuvring fieldset.man_steering 
{
    width: 510px;
}

div.schepenData div.tabPanelSchepenManoeuvring fieldset.man_steering div.row 
{
    width: 629px;
}

div.schepenData div.tabPanelSchepenManoeuvring fieldset.man_steering div.row div.col
{
    width: 418px;
}

div.schepenData div.tabPanelSchepenManoeuvring fieldset.man_steering div.row div.big
{
    width: 469px;
}

div.schepenData div.tabPanelSchepenManoeuvring fieldset.man_steering div.row div.col input.text
{
    margin-left: 318px;
    width: 45px;
}

div.schepenData div.tabPanelSchepenManoeuvring fieldset.man_thruster_effects table.main_table tr td.bigtext input
{
    width: 55px !important;
}

div.schepenData div.tabPanelSchepenManoeuvring fieldset.man_steering div.row div.col label 
{
    width: 310px; /* controls.margin-left - (label.padding-left + label.padding-right) */
}

div.schepenData div.tabPanelSchepenManoeuvring fieldset.man_steering div.row div.col input.roertype 
{
    width: 145px !important; /* (.col width - .col input[text] margin-left) + .smallcol input[text] width */
}

div.schepenData div.tabPanelSchepenManoeuvring fieldset.man_steering div.left
{
    position: relative;
    padding-top: 4px;
}

div.schepenData div.tabPanelSchepenManoeuvring fieldset.man_steering div.right 
{
    margin-left: 243px;
}

div.schepenData div.tabPanelSchepenManoeuvring fieldset.man_steering div.right div.row div.col
{
    width: 175px;
}

div.schepenData div.tabPanelSchepenManoeuvring fieldset.man_steering div.row div.smallcol,
div.schepenData div.tabPanelSchepenManoeuvring fieldset.man_steering div.right div.row div.smallcol 
{
    width: 85px;
}

div.schepenData div.tabPanelSchepenManoeuvring fieldset.man_steering div.right div.row div.col input.text
{
    margin-left: 75px;
}

div.schepenData div.tabPanelSchepenManoeuvring fieldset.man_steering div.right div.row div.col label 
{
    width: 67px; /* controls.margin-left - (label.padding-left + label.padding-right) */
}

div.schepenData div.tabPanelSchepenManoeuvring table.main_table tr th,
div.schepenData div.tabPanelSchepenManoeuvring table.main_table tr td
{
    width: 90px;
}

div.schepenData div.tabPanelSchepenManoeuvring table.main_table tr th.descr,
div.schepenData div.tabPanelSchepenManoeuvring table.main_table tr td.descr
{
    width: 60px;
}

div.schepenData div.tabPanelSchepenManoeuvring table.main_table tr .number
{
    width: 30px;
}

div.schepenData div.tabPanelSchepenManoeuvring table.main_table tr td 
{
    text-align: right;
}

div.schepenData div.tabPanelSchepenManoeuvring table.main_table tr td input.text
{
    width: 40px !important;
}

div.schepenData div.tabPanelSchepenManoeuvring table.speed_table tr td input.text
{
    width: 30px !important;
}

div.schepenData div.tabPanelSchepenManoeuvring table.speed_table tr.hrow 
{
    text-align: center;
}


/* SchepenEffects */
/* ============== */

div.schepenData div.tabPanelSchepenEffects table.eff_squat_heeling 
{
    margin-top: 1px;
    width: 427px;
}

div.schepenData div.tabPanelSchepenEffects table.eff_squat_heeling tr th,
div.schepenData div.tabPanelSchepenEffects table.eff_squat_heeling tr td
{
    width: 50px;
}

div.schepenData div.tabPanelSchepenEffects table.eff_squat_heeling tr td.ukctype
{
    width: 25px;
}

div.schepenData div.tabPanelSchepenEffects table.eff_squat_heeling tr td.unit 
{
    width: 75px;
}

div.schepenData div.tabPanelSchepenEffects table.eff_squat_heeling tr td input.text
{
    width: 45px !important;
}

div.schepenData div.tabPanelSchepenEffects table.eff_squat_heeling tr td.ukctype input.text
{
    width: 20px !important;
}

div.schepenData div.tabPanelSchepenEffects img,
div.schepenData div.tabPanelSchepenEffects table.eff_visibility
{
    margin-bottom: 30px;
}

div.schepenData div.tabPanelSchepenEffects img 
{
    border: 1px solid Gray;  
    padding: 22px;
}

div.schepenData div.tabPanelSchepenEffects table.eff_visibility 
{
    margin-left: 1px;
}

div.schepenData div.tabPanelSchepenEffects table.eff_visibility tr td
{
    width: 76px;
}

div.schepenData div.tabPanelSchepenEffects table.eff_visibility tr td input.text
{
    width: 65px !important;
}


/* SchepenDiagrams */
/* =============== */

div.schepenData div.tabPanelSchepenDiagrams table.diag_stop 
{
    margin-bottom: 30px;
}

div.schepenData div.tabPanelSchepenDiagrams table.diag_turning tr td input.text
{
    width: 45px !important;
}

div.schepenData div.tabPanelSchepenDiagrams table.diag_stop tr td input.text
{
    width: 50px !important;
}

div.schepenData div.tabPanelSchepenDiagrams table.diag_mob tr td input.text
{
    width: 60px !important;    
}

div.schepenData div.tabPanelSchepenDiagrams img 
{
    border: 1px solid Gray;
}


/* SchepenCommunication */
/* ==================== */

div div div.tabPanelSchepenCommunication, 
div div div.tabPanelSchepenCommunication div.row
{
    width: 943px;
}


div div.tabPanelSchepenCommunication div.row div.col textarea.readonly,
div div.tabPanelSchepenCommunication div.row div.col input /*niet enkel read-only meer*/
{
    width: 228px;
}

div div.tabPanelSchepenCommunication div.row div.col
{
    width: 314px;
    margin-right: 35px;
}

div div.tabPanelSchepenCommunication div.row,
div div.tabPanelSchepenCommunication div.row div.cellEmail /* Moet NA het instellen van de breedt van .col */
{
    width: 685px;
}

body.Popup div div.tabPanelSchepenCommunication div.row div.cellEmail /* Moet NA het instellen van de breedt van .col */
{
    width: 596px;
}

div div.tabPanelSchepenCommunication div.row div.smallcol,
div div.tabPanelSchepenCommunication div.row div.cellEmail /* Moet NA het instellen van de breedt van .col */
{
    margin-right: 0px;
}

div div.tabPanelSchepenCommunication div.row div.cellEmail input.shp_email 
{
    width: 498px;
}

div div.tabPanelSchepenCommunication div.row div.smallcol
{
    width: 234px;
}

div div.tabPanelSchepenCommunication div.hrow div.col p
{
    width: 278px;
}

div div.tabPanelSchepenCommunication div.hrow div.col
{
    height: inherit; /* Nodig, anders wordt hoogte om onbekende reden groter dan verwacht */
}

div div.tabPanelSchepenCommunication div.hrow div.col p
{
    margin-left: 40px;
    text-align: center;
    line-height: 23px;   
    vertical-align: middle;
}

div div.tabPanelSchepenCommunication div.hrow div.smallcol p
{
    margin-left: -25px;
}

body.Popup div.buiten div#page_content div.tabPanelSchepenCommunication, 
body.Popup div.buiten div#page_content div.tabPanelSchepenCommunication div.row
{
    width: 595px;
}

body.Popup div div div.tabPanelSchepenCommunication
{
    width: 943px;
}

/* SchepenLoodsplicht */
/* ================== */

div.schepenData div.tabPanelSchepenLoodsplicht div.fwopmerking
{
    height: 82px;    
}

div.schepenData div.tabPanelSchepenLoodsplicht div.fwopmerking div.col
{
    width: 586px;
}

div.schepenData div.tabPanelSchepenLoodsplicht div.fwopmerking div.col textarea
{
    width: 500px;
    height: 80px;
}

/* SchepenDocumenten */
/* ================== */
div div div div.schepenData div.schependocumenten div.fwGridViewWrap div.gvScroll
{
    height: 460px;
}

div div.schependocumenten
{
    padding: 10px;
}

/* ReisBasis */
/* ========= */

div.tabPanelReisBasis ul.richting 
{
    margin-left: 126px;
    margin-bottom: 10px;
}

div.tabPanelReisBasis div.row div.col div.shp_naam 
{
    width: 352px;
}

/* Nodig omdat we anders de '...'-knop niet zien. */
div.tabPanelReisBasis div.row div.col div.shp_naam div.radlookup input.text
{
    width: 190px;
}

div.tabPanelReisBasis div.row div.col img.heli_operabel 
{
    height: 23px;
    width: 23px;
    margin-left:56px;
    position:absolute;
}


div.tabPanelReisBasis div.row div.col input.btn_shp_naam_swap 
{
    padding: 3px 3px 4px 4px;
    margin-left: 10px;
    float: right;
}


/* ReizenLigplaats */
/* =============== */

div.tabPanelReizenLigplaats div.entryexit 
{
    margin-bottom: 30px;
}

div.tabPanelReizenLigplaats div.entryexit fieldset.left
{
    float: left;
}

div.tabPanelReizenLigplaats div.entryexit fieldset.right
{
    float: right;
}

div.tabPanelReizenLigplaats fieldset.entry,
div.tabPanelReizenLigplaats fieldset.exit,
div.tabPanelReizenLigplaats fieldset.entry div.row,
div.tabPanelReizenLigplaats fieldset.exit div.row,
div.tabPanelReizenLigplaats fieldset.entry div.row div.col,
div.tabPanelReizenLigplaats fieldset.exit div.row div.col,
div.tabPanelReizenLigplaats div.btnRow
{
    width: 374px;
}

body.Popup div.tabPanelReizenLigplaats fieldset.exit div.row div.col,
body.Popup div.tabPanelReizenLigplaats fieldset.entry div.row div.col
{
    width: 374px;
}

div.tabPanelReizenLigplaats div.btnRow 
{
    margin: 52px 22px 22px 431px;
    height: 76px;
    text-align: right;
}

div.tabPanelReizenLigplaats fieldset.exit div.doublerow 
{
    height: 48px; /* (row height * 2) + row margin-bottom */
}

div.tabPanelReizenLigplaats fieldset.exit div.row div.meerpaal_van
{
    margin-right: 12px;
    width: 225px;
}

div.tabPanelReizenLigplaats fieldset div.row div.col.meerpaal_van input.text,
div.tabPanelReizenLigplaats fieldset div.row div.col.meerpaal_tot input.text
{
    width: 105px;
}

div.tabPanelReizenLigplaats fieldset.exit div.row div.meerpaal_tot
{
    width: 137px;
}

div.tabPanelReizenLigplaats fieldset.exit div.row div.meerpaal_tot label
{
    width: 22px;
}

div.tabPanelReizenLigplaats fieldset div.row div.col.meerpaal_tot input.text  /* div col: specifieker maken, want de waarde wordt onderin anders overruled. */
{
    margin-left: 26px;
}

div.tabPanelReizenLigplaats fieldset div.row div.col input.text,
div.tabPanelReizenLigplaats fieldset div.row div.col select,
div.tabPanelReizenLigplaats fieldset div.row div.col div.radlookup
{
    margin-left: 100px;
}

div.tabPanelReizenLigplaats fieldset div.row div.col label 
{
    width: 92px; /* controls.margin-left - (label.padding-left + label.padding-right) */
}

div.tabPanelReizenLigplaats fieldset div.row div.col input.text
{
    width: 268px;
}

div.tabPanelReizenLigplaats fieldset div.row div.col select 
{
    width: 206px;
}

div.tabPanelReizenLigplaats fieldset div.row div.col div.radlookup input.readonly 
{
    /* In readonly mode: 1 TextBox met eventueel een knop ernaast. De TextBox */
    /* Moet dus korter zijn dan de andere TextBoxes (om de knop er naast te krijgen) */
    /* Namelijk: default TextBox.width - (div.radlookup input.btnLookup.width + div.radlookup input.btnLookup.margin-left) */
    width: 268px;
}

div.tabPanelReizenLigplaats fieldset div.row div.col div.radlookup div.RadComboBox
{
    /* Breedte overschrijven want vanuit de RadComboBox zelf wordt inline altijd */
    /* width: 160px; ingesteld! */
    width: 244px !important;
}

div.tabPanelReizenLigplaats fieldset div.row div.col div.radlookup div.RadComboBox table tr td.rcbInputCell input.rcbInput 
{
    width: 238px !important;
}

div.tabPanelReizenLigplaats fieldset div.row div.col input.txt_numeric 
{
    width: 30px;
}

div.tabPanelReizenLigplaats div.btnRow input.submit
{
    float: none;
    width: 100px;
    margin: 0px;
    margin-top: 56px;
}

body.Popup div.tabPanelReizenLigplaats div.row div.col div.datetimeselect
{
    margin-left: 100px;
}

/* ReizenFacturatie */
/* ================ */

div.tabPanelReizenFacturatie fieldset.fact_gen 
{
    width: 270px; /* input[type=text] margin-left + input[type=text] width + input[type=text] padding-left + input[type=text] padding-right */
}

div.tabPanelReizenFacturatie fieldset.fact_erkenning,
div.tabPanelReizenFacturatie fieldset.fact_detail
{
    padding-right: 0px; /* vervangen door margin-right van de laatste kolom */
}

div.tabPanelReizenFacturatie fieldset.fact_erkenning 
{
    width: 302px;
}

div.tabPanelReizenFacturatie fieldset.fact_detail 
{
    clear: both;
    width: 454px;
}

div.tabPanelReizenFacturatie fieldset.fact_erkenning div.row div.col,
div.tabPanelReizenFacturatie fieldset.fact_detail div.row div.col
{
    margin-right: 22px;
}

div.tabPanelReizenFacturatie fieldset.fact_erkenning div.row div.col 
{
    width: 129px; /* input[type=text] margin-left + input[type=text] width + input[type=text] padding-left + input[type=text] padding-right */
}

div.tabPanelReizenFacturatie fieldset.fact_erkenning div.row div.big
{
    width: 278px;
} 

div.tabPanelReizenFacturatie fieldset.fact_detail div.row div.col
{
    width: 204px; /* input[type=text] margin-left + input[type=text] width + input[type=text] padding-left + input[type=text] padding-right */
} 

div.tabPanelReizenFacturatie fieldset.fact_gen div.row div.col input.text,
div.tabPanelReizenFacturatie fieldset.fact_gen div.row div.col select
{
    margin-left: 106px;
}

div.tabPanelReizenFacturatie fieldset.fact_gen div.row div.col label 
{
    width: 102px; /* controls.margin-left - (label.padding-left + label.padding-right) */
}

div.tabPanelReizenFacturatie fieldset.fact_erkenning div.row div.col input.text,
div.tabPanelReizenFacturatie fieldset.fact_erkenning div.row div.col select
{
    margin-left: 71px;    
}

div.tabPanelReizenFacturatie fieldset.fact_erkenning div.row div.col label 
{
    width: 67px; /* controls.margin-left - (label.padding-left + label.padding-right) */
}

div.tabPanelReizenFacturatie fieldset.fact_erkenning div.row div.col input.text 
{
    width: 201px;
}

div.tabPanelReizenFacturatie fieldset.fact_erkenning div.row div.col select
{
    width: 207px;
}

div.tabPanelReizenFacturatie fieldset.fact_erkenning div.row div.col input.small
{
    width: 50px;
}

div.tabPanelReizenFacturatie fieldset.fact_detail div.row div.col input.text
{
    margin-left: 126px;
    width: 72px;
}

div.tabPanelReizenFacturatie fieldset.fact_detail div.row div.col label {
    width: 122px; /* controls.margin-left - (label.padding-left + label.padding-right) */
}


/* ReizenOpmerkingen */
/* ================= */

div.reisOpmerkingenGrid div.reisOpmerkingenGrid div.fwGridViewWrap div.gvScroll,
div.reizenData div.reisOpmerkingenGrid div.fwGridViewWrap div.gvScroll
{
    height: 319px;
}

/*wanneer we geen knoppen tonen onder de lijst, kunnen we hoogte iets hoger maken zodat alle ruimte wordt benut.*/
div div.reisOpmerkingenGridReadOnly div.fwGridViewWrap div.gvScroll
{
    height: 437px;
}

div.tabData div.fwGridViewWrap table.ReisOpmerkingList tr td.wrap,
div.tabData div.fwGridViewWrap table.scheepsopmerkingen tr td.wrap
{
	white-space: pre-line;
}

table.ReisOpmerkingList tr td.opmerking
{
	width: 500px;
}

div.reizenData div.tabOpmerkingen div.iu_buttons
{
    margin-left: 6px;
}

/* ReisOponthouden */
/* ================ */

div.tabData div.fwGridViewWrap table.reisOponthoudGrid
{
    width: 830px;
}

div.tabData div.fwGridViewWrap table.reisOponthoudGrid tr td.wrap
{
	white-space: pre-line;
    width: 583px;
}

/* ReisOpmerkingenEdit */
/* =================== */

body div.opmerkingEdit
{
    margin-top: 20px !important;
}

div.opmerkingEdit,
div.opmerkingEdit div.row,
div.opmerkingEdit div.row div.col 
{
    width: 500px;
}

div.opmerkingEdit div.row div.col textarea 
{
    width: 414px;
}

div.opmerkingEdit div.btnRow input.submit 
{
    margin-right: 0;
    width: 120px;
}


/* Personeel */
/* ========= */



/* ==> Hoogte van de GridView instellen */
div.personeelData div.personeelGridTab div.fwGridViewWrap div.gvScroll
{
    height: 414px;
    margin-top: 20px;
}

div.tabPanelPersoneelLogistiek div.personeelLogistiekList div.fwGridViewWrap div.gvScroll
{
    height: 345px;
    margin-top: 5px;
    margin-left: 0px;
}

div.tabPanelPersoneelAanvragen div div.fwGridViewWrap div.gvScroll
{
    height: 310px;
}

div.tabPanelPersoneelLogistiek label
{
    width: 76px; /* controls.margin-left - (label.padding-left + label.padding-right) */
}

div.tabPanelPersoneelLogistiek div.row div.col
{
    width: 150px;
}

div.tabPanelPersoneelLogistiek div.row div.heading
{
    padding: 4px;
    width: 100px;
}

div.tabPanelPersoneelLogistiek div.row div.col input.txt_numeric 
{
    width: 50px;
    margin-left: 80px;
}

/* voorkomen dat de kolommen in elkaar schuiven als de parent niet breed genoeg is. */

div.tabPanelPersoneelLogistiek div.col 
{
    width: 224px;
}

/* SMS */

div.smsData  
{
    width:850px;
}

div.smsData div.gvScroll 
{
    overflow: auto;
    height: 300px;
}

div.smsData 
{
    margin:0 auto;
}

div.tabSMSData
{
    height: 577px; /* 580 - 23 - (2 * 22) */
}


div.beloodsingData div.row div.col
{
	width: 305px;
}

div.beloodsingData div.row div.big
{
	width: 470px;
}

div.beloodsingData div.row div.smallcol input
{
	width: 100px;
}

div.beloodsingData div.row div.col label
{
	width: 110px;	
}

div.beloodsingData div.row div.urencell
{
    margin-left: 29px;
    width: 122px;   
}

div div.beloodsingData div.row div.urencell label
{
    width: 58px; 
}

div div.tabData div.beloodsingData div.row div.urencell input
{
    margin-left: 64px;
}

div div.tabData div.beloodsingData .loodsregime
{
    width: 172px;
}

div.beloodsingData div.row div.col select,
div.beloodsingData div.row div.col input,
div.beloodsingData div.row div.col textarea, 
div.beloodsingData div.row div.col select,
div.beloodsingData div.row div.col div.radlookup
{
	margin-left: 113px;
}

div.beloodsingData div.row div.col input.langeTextBox 
{
	width:350px;	
}

div.beloodsingData div.row div.col input.halflangeTextBox 
{
	width:295px;	
}

div.beloodsingData div.row div.col input.korteTextBox 
{
	width:200px;	
}

div.beloodsingData .container
{
	border: none;
	height:100%;
	overflow: auto;
}


/* LogboekData */
/* =========== */


/* DienstOnderbrekingenData */
/* ======================== */

div.Dienstonderbrekingen div.row div.col input.text
{
	width: 500px;
}

/* Loodstrajecten edit */
/* =================== */

div.pnl_loodstrajectenEdit,
div.pnl_loodstrajectenEdit div.row div.col
{
    padding: 0px;
    width: 487px;
}

div.pnl_loodstrajectenEdit input.lang
{
    width: 400px;
}

div.pnl_loodstrajectenEdit input.submit
{
    margin-right: 0px;
}

/* Reisplan */
div.reizenData div.reisplanData
{
    height: 435px; /* Volledige ruimte van de tab innemen */
    overflow: hidden;
    margin-left: -10px;
    position: relative; /* Ervoor zorgen dat we de 2 afbeeldingen boven elkaar kunnen zetten */
}

img.reisplan_bezig
{
    background: url('../../../Images/reisplan_bezig.png') no-repeat;
    z-index: 1;
    position: relative;
    top: 0;
    left: 0;
}

img.reisplan 
{
    left: 0;
    max-width: 1024px; /*Max instellen op de beschikbare ruimte van de tab*/
    position: absolute;
    top: 0;
    z-index: 2;
}