﻿body 
{ 
    background-color:  #FFFFFF;
}

h2.omgeving
{
    height: 27px;
    padding-right: 4px;
}

h2.developmentOmgeving,
h2.testOmgeving 
{
    background-color: #698B69 !important;
    color: White;
}

h2.copyOmgeving,
h2.statOmgeving
{
    background-color: #FAD6A5 !important;
    color: White;
}

h1 
{
    display: none;
}

div.buitenInPopup div.menuContainer
{
    background-color: inherit; 
    height: 0;
}

div#page_content
{
  padding-top: 25px;  
}

div.buitenInPopup div#page_content
{
  padding-top: 10px;
}

h3 
{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 25px;
}

h3.kotter
{
    margin: 0 auto 10px;
    text-align: center;
}

.trsgridview .row-over
{	
	cursor: pointer;	
}

/* RadMenu aanpassingen */
.RadMenu_TRS .rmGroup .rmLink:hover,
.RadMenu_TRS .rmGroup .rmFocused,
.RadMenu_TRS .rmGroup .rmExpanded,
.RadMenu_TRS ul.rmRootGroup li.rmItem a.rmLink:hover,
div.RadMenu_TRS ul.rmRootGroup li.rmItem a.rmFocused
{
    color: #000;
    background: #fff;
    cursor: pointer;
}

/* Tonen van een pijltje om bij een menu item te visualiseren dat er child menu item onder zitten (momenteel LIS only, kan mogelijks nog FW worden. */
.RadMenu_TRS .rmGroup span.rmExpandRight
{
    background: transparent url("../../../Framework/Images/mobile-arrows.png") no-repeat 99% 7px;
}

/* SetTheme/SetDienst afbeeldingen */
/* ====================== */

div.RadMenu div.rmSlide ul.rmVertical .rmImageTheme img.rmLeftImage,
div.RadMenu div.rmSlide ul.rmVertical a.rmImageDns img.rmLeftImage,
div.RadMenu div.rmSlide ul.rmVertical a.rmLeftImageDns img.rmLeftImage
{
    top: unset;
    margin-top: 0;
    position: static;
}

/* SetDienst afbeeldingen */
/* ====================== */

div.RadMenu a.rmImageDns img.rmLeftImage,
div.RadMenu a.rmLeftImageDns img.rmLeftImage
{
    /* De hoogte van de menu-items is 25px en de afbeeldingen zijn 16px */
    /* dus door boven 5px en onder 4px padding bij te doen, staan de afbeeldingen */
    /* ongeveer verticaal gecentreerd. */
    padding-top: 5px;
    padding-bottom: 4px;
}

div.RadMenu a.rmLeftImageDns img.rmLeftImage
{
    padding-left: 5px;  
}

div.centered_panel
{
	width:425px;
	margin: 0 auto;
	text-align:center;
	margin-bottom: 20px;
}

div.centered_panel h3
{
    margin-bottom: 5px;
}


/* Welkom.aspx */
/* ----------- */

div.welkom_identificatie,
div.welkom_content
{
    width: 570px;
    
    margin: 0 auto;
    line-height: 15px;
}

div.welkom_notas
{
    width: 300px;
}

div.welkom_identificatie span.identificatie,
div.welkom_voorkeurinstellingen span
{
    font-size: 14px;
    font-weight: bold;
    margin-bottom:20px;
}

div.welkom_notas a
{
    display: block;
}

div.welkom_content 
{
    padding-top: 10px;
}

div.welkom_content ul.news li
{
    font-weight: bold;
    padding-bottom: 25px;
    list-style: none;
}

div.welkom_content ul.news li p  
{
    margin-left: 50px;
    text-align: left;
    margin-bottom: 0;
}

div.welkom_content ul.news li img 
{
    position:absolute;
}

p#welkomfooter 
{
    text-align: right;
}

.centerLink
{
	text-align: center;
}

.centerLink a
{
    margin-left: 5px;
    margin-right: 5px;
}


/* De Aanvragen usercontrol */
/* centreren + plaats tussen de combobox en de knop*/
.aanvragen_control
{
	width:425px;
	margin: 0 auto;
	padding-bottom: 20px;
}

.aanvragen_control .button
{
	margin-left: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

/*usercontrol enkel zichtbaar met een recht */
.controlWithRight
{
	background-color: #FFFF99;
}

/*LogistiekAanvragen => melding centreren*/
.pnlCenterMelding
{
	margin: 0 auto;
	padding-bottom: 20px;
	width: 100%;
	text-align: center;
}

/*LogistiekAanvragen => error label*/
.logistiek_error
{
	margin-top: 20px;
	font-size:large;
	color: Red;

}

div.buiten_onder img.logoLeft 
{
    margin-right: 30px;
}


/* Tauris.LisSite.Usercontrols.Tenders.LABUpdate */
/* ============================================= */

div.pnl_lab div.row 
{
    width: 325px; /* div.col width */
}

div.pnl_lab div.row div.col input.text
{
    margin-left: 0;
    margin-right: 10px;
}

div.pnl_lab div.row div.col label 
{
    width: auto;
    margin-left: 5px;
}

div.pnl_lab div.btnRow input.submit 
{
    margin-right: 0;
}


/* Tauris.LisSite.Usercontrols.Tenders.SwathOperabel */
/* ================================================= */

div.pnlSwathOperabel
{
    width: 600px;
}

div.pnlSwathOperabel div.row 
{
    padding-bottom: 25px;
    padding-top: 5px;
}

div.pnlSwathOperabel div.rdbListRow
{
    height: 25px;
}

div.pnlSwathOperabel div.eersterij
{
    height: 75px;
}

div.pnlSwathOperabel div.tweederij
{
    height: 25px;
}

div.pnlSwathOperabel div.rdbListRow div.col
{
    width: auto;
}

div.pnlSwathOperabel div.rdbListRow div.col label 
{
    width: 150px;
}

div.pnlSwathOperabel div.rdbListRow div.col ul.fwrdblist,
div.pnlSwathOperabel div.rdbListRow div.col input.fwrdblist.readonly
{
    margin-left: 154px;
}

div.pnlSwathOperabel div.rdbListRow div.col input.fwrdblist.readonly 
{
    width: 396px;
}

div.pnlSwathOperabel div.rdbListRow div.col ul.fwrdblist li label 
{
    width: auto;
}

div.pnlSwathOperabel div.fwopmerking div.col 
{
    width: auto;
}

div.pnlSwathOperabel div.fwopmerking div.col textarea 
{
    width: 475px;
    height: 42px;
    float: right;
}

div.pnlSwathOperabel div.fwopmerking
{
    padding-bottom: 9px;
    height: 47px;
}

div.pnlSwathOperabel div.btnRow input.submit 
{
    margin-right: 10px;
}


/* Tauris.LisSite.Usercontrols.Tenders.TendersData */
/* =============================================== */

div.pnlTendersData div.row 
{
    width: 492px;
}

div.pnlTendersData div.row div.col 
{
    width: 246px;
}

div.pnlTendersData div.btnRow input.submit
{
    margin-right: 0;
}


/* BeurtlijstKotter */
/* ================ */

div.brlKotterRow,
div.brlKotterBtnRow 
{
    position: relative;
    left: 50%;
}

div.brlKotterRow 
{
    width: 198px;
    margin-left: -99px;
}

div.brlKotterBtnRow,
div.brlKotterRow input.submit,
div.brlKotterBtnRow input.submit 
{
    width: 100px;
}

div.brlKotterBtnRow
{
    margin-left: -40px;
    margin-bottom: 25px;
    margin-top: 10px;
}

div.brlKotterRow input.submit,
div.brlKotterBtnRow input.submit
{
    margin-right: 0;
}

div.brlKotterRow label
{
    width: 32px;
}

div.brlKotterRow select
{
    margin-left: 34px;
}

div.pnlTenderButtons 
{
    width: 95%;
    margin: 0 auto;
    text-align: center;
}

div.pnlTenderButtons input.btnInsertTender,
div.pnlTenderButtons input.btnWestPost
{
    width: 230px;
}

div.pnlTenderButtons input.btnInsertTender 
{
    margin-right: 0;
    float: none;
}

div.pnlTenderButtons input.btnWestPost 
{
    margin-right: 20px;
}

div.dbrlnlw
{
    margin-top: 33px;
}


/* ReisRapport */
/* =========== */

.btnReisRapport 
{
    background-image: url(../../../framework/images/print.png);
    width:30px;
    height:30px;
    margin-left: 5px;
    background-color: #FFF;
}

div.fwRapport div.tabReizenData
{
    width: 100%
}

div.fwRapport div.tabReizenData,
div.fwRapport div.tabData div div.fwGridViewWrap
{
    margin-bottom: 20px;
}

div.fwRapport div.tabPanelReizenLigplaats
{
    margin: 0;
    height: 229px; 
    width: 812px;
}

div.fwRapport div.reisOpmerkingenGridReadOnly div.fwGridViewWrap div.gvScroll
{
    height: auto;
}

div.fwRapport div.tabPanelReisBasis div.row div.col div.shp_naam div.radlookup input.text
{
    width: 220px;
}

div.fwRapport div.fwGridViewWrap div table
{
    margin: 0;
}

div.fwRapport div.fwGridViewWrap div.pnlBorder
{
    border: 0;
}

/**/

.schepen_popup 
{
    width: 500px;
    height: 545px;
}


.reizenData,
.schepenData,
.pendelData
{
    margin: 0 auto;
}

.reizenData
{
    width: 1024px;    
}

.pendelData
{
    width: 870px;
}

.schepenData 
{
    width: 986px;
}

div.lnkCertLogin
{
    width: 300px;
    margin: 0 auto;
    margin-top: 2px;
    text-align: right;
}

/* IMAGES */
.reply
{
    background: url(../../../images/reply.png) no-repeat;
    height: 23px;
    width: 23px;
    display: inline-block;
}

/* Popups */
body.Popup
{
   width: 100%; 
   padding: 0;
}

div.radwindow_Default td.windowcontent {
    padding-bottom: 0;
}

div.btwVerleggingInfo
{
    padding: 10px;
}

body.Popup div.pnlReisContacten
{
    width: 450px;
} 

/* Kotter Pagina's + Swath IN/UIT */

div.buiten div.pnlKotterSelect,
div.buiten div.pnlSwathInUitSelect 
{
	margin:0 auto 10px;
	position:relative;
	z-index:1;
	text-align: center;
	width: 545px;
}

div.buiten div.pnlKotterSelect div.row div.col,
div.buiten div.pnlSwathInUitSelect div.row div.col
{
    text-align: center;
    float: left;
    width: 200px;
    margin-right: 10px;
}

div.buiten div.pnlSwathInUitSelect .cbReedsBemandSinds,
div.buiten div.pnlSwathInUitSelect .cbRznBeloodsingOpZee
{
    width: 85px;
}

div.buiten div.pnlSwathInUitSelect div.row div.colBeloodsingVia
{
    width: 183px;
}

div.buiten div.pnlSwathInUitSelect div.row div.colBeloodsingVia label
{
    width: 88px;   
}

div.buiten div.pnlSwathInUitSelect div.row div.colBemand label
{
    width: 120px;   
}

div.buiten div.pnlSwathInUitSelect div.row div.colBeloodsingVia .cbRznBeloodsingOpZee
{
    margin-left: 92px;   
}

div.buiten div.pnlSwathInUitSelect div.row div.geoCol
{
    margin-left: 10px;
}

div.buiten div.pnlSwathInUitSelect div.row div.colBemand .cbReedsBemandSinds  
{
    margin-left: 124px;   
}

div.buiten div.pnlSwathInUitSelect div.row div.colBemand
{
    width: 209px;
}

div.buiten div.pnlSwathInUitSelect div.row div.btnSearch
{
    width: 80px;
    margin-right: 0;
}

div.buiten div.pnlSwathInUitSelect div.row div.btnSearch input.submit
{
    margin-right: 0;
}

/* Change password */
/* =============== */

div.change_pwd_form span.login_msg_title 
{
    background-color: #176e8b;
}

div.change_pwd_form div.row input 
{
    border-color: #176e8b;
}

div.change_pwd_form div.row label 
{
    color: #176e8b;
}

div.change_pwd_form div.submit_row input
{
    background-color: #447197;
}

/* Plaats tussen div en het logo dat eronder staat*/
div.change_pwd_form
{
    margin-bottom: 50px;
}
   
   
/* Logo's */
/* =============== */

div.buiten_onder {
    margin: 0 auto;
    text-align: center;
    width: 342px;
}

/* Aanpassingen bij padding 22px => margin 10px bij TabData */

div fieldset {
    padding: 10px; /*was vroeger 22px (FwForms.css)*/
    margin-top: -2px; /*titel in de fieldset drukt hem 2 px teveel naar beneden*/
}

div div.iu_buttons
{
    margin-right: 10px;
}

div div.tabData div div.fwGridViewWrap
{
    margin: 10px 10px 10px 10px;  /*probleem bij pendel/tenders => 0px links */
}

div div.schepenData div.tabPanelSchepenEquipment fieldset.equip_others {
    margin-top: 31px;
    width: 440px;
}


div div.tabPanelData2Col fieldset.fact_laatst_gewijzigd, 
div div.tabPanelSchepenEquipment div.left,
div div.tabPanelSchepenPropulsion div.left, 
div div.tabPanelSchepenManoeuvring fieldset.man_thruster_effects table.main_table, 
div div.tabPanelSchepenEffects table.eff_squat_heeling, 
div div.tabPanelSchepenDiagrams table.diag_turning, 
div div.tabPanelSchepenDiagrams img.diag_turning_circle, 
div div.tabPanelSchepenDiagrams table.diag_mob, 
div div.tabPanelReizenLigplaats div.entryexit fieldset.entry, 
div div.tabPanelReizenFacturatie fieldset.fact_gen {
    margin-right: 20px;
}

/*Propulsion tab: verplaatsing van de fieldsets */
div div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_varia {
    padding-bottom: 10px;
    width: 109px;
}


div div.schepenData div.tabPanelSchepenPropulsion fieldset.prop_varia div.row div.col
{
    width: 100px;
}


div div div.tabPanelSchepenHeliSwath div.heli_loa
{
    height: 169px;
    margin-bottom: 0;
}

div div.tabPanelSchepenHeliSwath div.heli_loa div.left
{
    width: 597px;
}

/* LISA: in de heli tab tonen we veel minder informatie, dus layout aanpassing: breedte verminderen */
div div.tabPanelSchepenHeliSwath div div.lisa div.left
{
    width: 428px;
}

div div.tabPanelSchepenHeliSwath div.heli_loa div.left
{
    float: left;
}

/* Sleepboot template: er wordt geen html element binnen de TD gebruikt: dus border afzetten */

body td.checked
{
    border: 0 !important;
}

/* Uitleg voor de gebruiker */

div.pnlUitleg 
{
    border: 1px solid black;
    padding: 20px;
    margin: 0 auto;
    margin-top: 25px;
    text-align: center;
    background-color: lightgray;
    color: #454545;
    border-color: #000000;
}

/* Journaal incidenten: verslag reis popup */

div.pnlReisverlagData div.fwopmerking textarea 
{   
    height: 497px;
    width: 745px;
}