@import "Validation.css";
@import "Assortiment/catalogus.css";

/* FH colors
	default font: #434e54 ; dark gray ; default background color radgrid
				  #006400 ; flora holland dark green
				  #cae9ae ; flora holland light green
*/

/*
	kleuren aangeleverd door designer (ingesteld met RGB waarden) -> 
	koper ->			color: #C20016;
	kweker ->			color: #A3057B;
	marktbeheerder ->	color: #D06518;
*/

body
{
    font-size: 8pt;
    font-family: Verdana;
    margin:10px 0px;
    padding:0px;
}

h1
{
    padding-left: 10px;
    font-size: large;
}

hr
{
    border: 1px solid;
}

a
{
    text-decoration: underline;
    color: #D06518;
}

.overzichttitel
{
    font-size: 110%;
    font-weight: bold;
    margin-left: 0px;	
	padding-bottom: 4px;
	text-decoration: underline;
}

/* BEGIN main content boxes - elements by id */
#contentholder
{
    width: 985px;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    margin-bottom: 5px;
    border-style: solid;
    border-width: 1px;
    padding:0px;
}

.HeaderPlaceholder2
{
    height: 37px;
    background-position: 500px 0px;
    background-color: #000000;
    vertical-align: bottom;
    margin: 0px;
    padding: 0px;
}

.logoBackground
{
    width: 518px;
    height: 37px;
    /*background-color:White;*/
    background-image: url(Images/gradient.png);
    background-repeat: repeat-y;
}

.logo
{
    width: 500px;
    height: 37px;
    background-image: url(Images/logo_floraholland_transparant_small.png);
    background-repeat: no-repeat;
}

.gebruikerTekst
{
    background-image: url(Images/bloemheader.jpg);
    background-repeat: no-repeat;
    color: white;
    font-size: large;
    text-align: right;
}

.tijdMenubalk
{
    color: White;
    width: 970px;
    text-align: right;
    text-decoration: underline;
    font-size: small;
    position: absolute;
    top:5px;
}

.roundedcorner 
{
    background-image: url(Images/ltcorner.png);
    background-color: Gray;
    background-repeat:no-repeat;
}

#contentheader
{
    width: auto;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
    padding: 4px;
}

#maincontent
{
    margin-left: 4px;
    margin-right: 4px;
    background-color: #ffffff;
    position:relative;/*fix scroll issue for RadListBox I20110825 00009 */
    overflow-x: hidden;
    overflow-y: auto;
}

#subheader
{
    text-align: right;
    margin-right: 20px;
}

.SubHeaderLeftDiv
{
    font-weight: bold;
    padding-top: 6px;
    width: 465px;
    text-align: left;
    float: left;
}

.SubHeaderRightDiv
{
    font-weight: bold;
    padding-top: 6px;
    width: 465px;
    text-align: right;
    float: left;
}


.MessageNeutral
{
    background-color: #E0E0E0;
    color: Black;
    font-size: 10pt;
    font-weight: bold;
}

.MessageError
{
    background-color: #FF9470;
    color: CC0033;
    font-size: 10pt;
    font-weight: bold;
}

.MessageSuccess
{
    background-color: #AFE495;
    color: #298A08;
    font-size: 10pt;
    font-weight: bold;
    /*
    color: Green;
    font-size: 10pt;
    font-weight: bold;    
    */
}


#footer
{
    clear: both;
    height: 70px;
    width: 250px;
    background-image: url(Images/logo_floraholland.gif);
    background-repeat: no-repeat;
    margin-left: 20px;
}

/* END main content boxes - elements by id */


.productimage
{
}
.productimage image
{
}

.Foutmelding
{
    font-weight: bold;
    color: red;
}

.Validationmelding
{
    font-weight: bold;
    font-size: medium;
    color: red;
    text-align: left;
    position: relative;
}

.genericerror
{
    font-family: Arial;
    font-size: 8pt;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    background-color: #EFEFEF;
    color: #000000;
    padding: 10px 10px 10px 10px;
    border: 1px dotted #CDCDCD;
}

.label
{
    font-weight: bold;
    font-size: medium;
    color: #999999;
}
.genericmenu
{
    font-family: Arial;
    background-color: #ffffff;
    font-size: 90%;
    color: #7C6F57;
}
.genericmenu a:hover
{
    color: white;
    background-color: #006400 !important;
}



.radgridheader
{
    color: #000000; /*background-color: #006400; */
    text-align: left; /*width: auto;*/
    height: 15px;
    font-family: Arial;
    font-weight: bold;
    vertical-align: bottom;
    border-top: #000000 1px solid;
    border-bottom: #000000 1px solid;
    padding: 4px 2px 4px 0px;
}

.radgridheadertop
{
    background-color: #666666;
}

.radgridheadertop td
{
    border-left: 1px solid #FFFFFF;
}

.radgridheadertop tr td
{
    border-collapse: collapse;
    color: #FFFFFF;
    text-align: center;
}
.userdialog
{
    visibility: hidden;
    position: absolute;
    width: 400px;
    height: 200px;
    background-color: Black;
    color: White;
}
.radtbnumeric
{
    width: 40px;
}

/* styling alle formulieren (nu aanbodingeven + nieuw assortiment) BEGIN */
.formulier
{
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.formulier label, .formulier select, .formulier textarea, .vminput
{
    float: left;
    width: 200px;
    margin-bottom: 4px;
    margin-left: 0px;
}

/* rad nummeric textbox, rad textbox */
.formulier .vminputntb, .vminputtb, .vminputdt
{
    float: left;
    margin-bottom: 4px;
    font-size: 110%;
}

.formulier .radiobuttonlist input, .formulier .radiobuttonlist label
{
    width: auto !important;
    float: left;
}
.formulier .radiobuttonlist label
{
    width: 40px !important;
}

.formulier .submit
{
    margin-left: 133px;
    width: auto;
}
.formulier select
{
    width: 270px;
}
.formulier textarea
{
    width: 265px;
}
.formulier label
{
    padding-top: 3px;
    text-align: right;
    width: 180px;
    margin-right: 10px;
}
.formulier .clientvalidatortop
{
    vertical-align: baseline;
    padding-left: 10px;
}

.formulier br
{
    clear: left;
}
.formulier legend
{
    font-size: 9pt; /*color: #C20016;*/
    font-weight: bold;
    font-size: 100%;
    padding-right: 4px;
    background-color: #ffffff;
}
.formulier .formuliertitel
{
    margin-left: 0px;
    font-size: 110%;
    font-weight: bold;
    padding-bottom: 4px;
}
.formulier fieldset
{
    border: none; /*uitgangspunt = geen lijnen*/
}
.formulier fieldset span
{
    /*Nergens goed voor?? font-size: 90%;*/
}


/* deze class moet nog worden samengevoegd + naam wijzigen */
.formulier fieldset div.floatleftcol
{
    float: left;
    padding-top: 10px; /* 	border-right: gray 1px dashed; 	border-top: gray 1px dashed; 	border-left: gray 1px dashed; 	border-bottom: gray 1px dashed;*/
}
/* de container voor kaders */
.formuliercontainer
{
}

.formuliercontainer fieldset
{
    padding: 10px;
    border-style:solid;
    border-width:1px;
}
/* de container voor de velden */
.formuliercontainervelden fieldset
{
    padding: 10px;
    border-right: #6f91ae 1px dashed !important;
    border-top: #6f91ae 1px dashed !important;
    border-left: #6f91ae 1px dashed !important;
    border-bottom: #6f91ae 1px dashed !important;
}
.formuliercontainervelden fieldset legend
{
    padding: 0px 4px 0px 4px;
    font-size: 100%;
    color: #434e54 !important;
}
/*zelfde als formuliercontainervelden maar dan zonder kader en padding. Linker uitlijning wel gelijk*/
.formuliercontainerveldenvrij fieldset
{
    margin-left: 10px;
    border: none !important;
    padding: 0px;
}

.textInput
{
    vertical-align: middle;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.textNumberInput
{
    text-align: right;
    vertical-align: middle;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}


.mouseoutDiv
{
    display: none;
}

.tooltip,
.mouseoverDiv, .mouseoverDiv2, .mouseoverDivOpm
{
    position: absolute;
    background-color: #EEEEEE;
    border: 1px solid #000000;
    color: #000000;
    width: 250px;
    padding: 3px;
}

.hyperlinkPopupDiv
{
    position: absolute;
    background-color: #EEEEEE;
    border: 1px solid #000000;
    color: #000000;
    width: 250px;
    padding: 3px;
}
.hyperlinkPopupDiv tr, 
.hyperlinkPopupDiv td,
.hyperlinkPopupDiv table
{
    height:auto;
}
.hyperlinkPopupDiv table
{
    padding:5px;
}

.mouseoverDivOpm
{
    width: 500px;
}

.mouseoverDiv, .mouseoverDivOpm
{
    margin-left: 10px;
    margin-top: 10px;
}

.mouseoverDiv2
{
    margin-left: -160px;
    margin-top: 25px;
}

/* style alle formulieren (nu aanbodingeven + nieuw assortiment) END */

.errormessage
{
    font-weight: bold;
    color: Red;
    height: 20px;
}

.listbox_container
{
    padding-left: 65px;
    clear: both;
    width: auto;
}
.listbox_container .col select
{
    width: 200px;
}
.listbox_container .col
{
    float: left;
    width: 200px;
}
.listbox_container #col2 input
{
    width: 125px;
}
.listbox_container #col2
{
    text-align: center;
    margin-top: 20px;
}
.listbox_container #col2 .groupbottom
{
    margin-top: 30px;
}
.listbox_container #col4
{
    width: 25px;
    margin-top: 12px;
}

.listbox_container_kweker
{
    padding-left: 65px;
    clear: both;
    width: auto;
}

.listbox_container_kweker #col2
{
    width: 200px;
}
.listbox_container_kweker #col1, .listbox_container_kweker #col3
{
    width: 320px;
}

.listbox_container_kweker .col
{
    float: left;
}
.listbox_container_kweker #col2 input
{
    width: 125px;
}
.listbox_container_kweker #col2
{
    text-align: center;
    margin-top: 20px;
}
.listbox_container_kweker #col2 .groupbottom
{
    margin-top: 30px;
}

.listbox_container_zoekfilter
{
    padding-left: 40px;
    clear: both;
    width: auto;
}
.listbox_container_zoekfilter .col select
{
    width: 300px;
}
.listbox_container_zoekfilter .col
{
    float: left;
    width: 300px;
}
.listbox_container_zoekfilter #col2 input
{
    width: 125px;
}
.listbox_container_zoekfilter #col2
{
    width: 125px;
    text-align: center;
    margin-top: 20px;
}
.listbox_container_zoekfilter #col2 .groupbottom
{
    margin-top: 30px;
}
.listbox_container_zoekfilter #col4
{
    width: 25px;
    margin-top: 12px;
}

/* styles voor niet bestelbare partijen in koper_overzicht */
tr.besteltijdverlopen td, tr.uitverkocht td, tr.aanbodverlopen td
{
    color: red;
}

/*styles voor aanbodregels die niet leverbaar zijn op bepaalde locatie of
waarvan koper nog geen standaardlocatie heeft geselecteerd*/
tr.geenstandaardafleverlocatie td, tr.aanbodnietleverbaaroplocatie td
{
    /*licht grijs*/
    color: #A0A0A0;
}
tr.geenstandaardafleverlocatie.aanbodverlopen td, tr.aanbodnietleverbaaroplocatie.aanbodverlopen td, tr.geenstandaardafleverlocatie.besteltijdverlopen td, tr.aanbodnietleverbaaroplocatie.besteltijdverlopen td, tr.geenstandaardafleverlocatie.uitverkocht td, tr.aanbodnietleverbaaroplocatie.uitverkocht
{
    color: #FF8C8C; /*light rood*/
}

/*Als er een HTML table als mouseover in een RadGrid zit dient ie onderstaande classe te hebben */
table.mouseover-table, table.mouseover-table td
{
    color: Black !important;
    background-color: Transparent !important;
    border: none !important;
}

table.mouseover-table td
{
    padding-top: 0px;
    padding-bottom: 0px;
}

table.bestelling-pricing-table, table.bestelling-pricing-table tr th, table.bestelling-pricing-table tr td
{
    border: none;
}


/*html table die uiterlijk op radgrid moet lijken */
table.assortiment-container, table.assortiment-container tr, table.assortiment-container tr th, table.assortiment-container tr td
{
    border: none;
}

table.assortiment-container tr td
{
    background-color: white;
}

table.actieprijzen tr.odd td,
table.assortiment-container tr.odd td
{
    background-color: #EFEFEF;
}

table.actieprijzen tr th,
table.assortiment-container tr th
{
    height: 30px;
    background-color: #808285;
    color: #FFFFFF;
}

tr.bedrijfinaktief td, tr.gebruikerinaktief td
{
    color: #FF0000;
}

/* checkbox label overrides */
span.checkbox
{
}
span.checkbox input
{
    float: left;
}
span.checkbox label
{
    width: auto;
    font-size: 11px !important;
}
.floatleft
{
    float: left;
}
/* wordt gebruikt om specifieke Validationmelding classes juist te alignen zonder de rest van de css te slopen */

table.rgMasterTable td, table.rgMasterTable th
{
    
    padding-left: 0px !important;
    padding-right: 0px !important;
    
}

.winkelwagen, .winkelwagenafboeken, .edit-potlood, .addRowButton
{
    width: 23px;
    height: 23px;
    display: block;
    font-size: 0;
    background-repeat: no-repeat;
}

.winkelwagen
{
    background-image: url("Images/winkelwagen.gif");
}

.winkelwagenafboeken
{
    background-image: url("Images/winkelwagen_afboeken.gif");
}

.edit-potlood
{
    background-image: url("Images/Edit.gif");
}

.addRowButton
{
    background-image: url("Images/Insert.gif");
}

.addRowButtonAssortiment
{
    width: 16px;
    height: 16px;
    display: block;
    font-size: 0;
    background-repeat: no-repeat;
    background-image: url("Images/Insert.gif");
    
    
    
    
}

.left
{
    text-align: left;
}

.wizard_button
{
    height:25px;
    float: right;
}

.delete_button
{
    width: 12px;
    height: 17px;
    background-image: url("Images/delete.gif");
}

.graytb
{
    color: gray;
}


/*Menu gedeelte, een aantal van deze klasses worden verder aangevuld vanuit de app_themes */
.MenuPlaceholder
{
    margin-top: 2px; /*Z-index hoger zetten ivm telerik menu die z-index hebben van 7000.              De reden dat ik het hier doe en niet in de style van het menu zelf is vanwege de z-index bug van IE 7.              Dit kan gefixt worden door de z-index van het parent element te verhogen. */
    z-index: 7010;
    position: relative;
	height: 29px;
}

.StaticMenuStyle
{
    font-family: Verdana, Arial, Times New Roman;
    background-color: white;
    vertical-align: top;
    position: absolute;
    top: 0px;
}

.StaticMenuItemStyle
{
    height: 29px;
    padding-right: 3px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    background-color: Transparent;
    color: white;
}

a.StaticMenuItemStyle
{
    height: 0px;
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 7px;
    padding-bottom: 22px;
    display: block;
}

.StaticHoverStyle a
{
    background-image: none;
}

.StaticSelectedStyle
{
    height: 29px;
    background-color: Transparent;
    color: White;
}

/* Uitklapmenu */
.DynamicMenuStyle
{
    font-family: Verdana, Arial, Times New Roman;
    padding: 0px;
    margin: 0px;    
    z-index: 1000; /*ie8fix*/
}

/* Items binnen uitklapmenu */
.DynamicMenuItemStyle
{
    height: 26px;
    font-size: 11px;
    font-weight: bold;
    color: white;
    text-align: left;
    margin-top: 3px;
}

a.DynamicMenuItemStyle
{
    background-color: Transparent;
    height: 0px;
    padding-top: 8px;
    padding-bottom: 21px;
    padding-left: 3px;
    padding-right: 3px;
    display: block;
    margin-top: 0px;
}

.DynamicHoverStyle
{
    color: White;
}
/* Einde menu gedeelte */

/* Grid styles voor gmail selectie functionaliteit */
.gmailGridSelect
{
    width:20px;
    margin-bottom:0px;
    padding-bottom:0px;
    border: none !important;
    border-width: 0px !important;
    background-color:Gray;
}

.rgExpandCol{background:none!important;background-color:Gray!important;}
.rgHeaderDiv .gridheader_with_gmailselect .rgExpandCol
{
    background:none!important;background-color:Gray!important;
}
.RadGrid_Default .rgHeaderDiv
{
  background:url('/Images/catalogusheader2.jpg') #eaeaea repeat-x 0px -2300px!important;
  border-bottom: #828282 1px solid;  
}
.RadGrid_Default .rgHeaderDiv th
{
    border-bottom:none!important;
}


.OverzichtRowItem
{
    vertical-align:top;
}

img.aanbodimage
{                           
    max-width:64px;   
    max-height:64px; 
}


table.overzichtkopernestedlayouttable td
{    
    vertical-align:top;       
    padding-top:0px !important; 
}

table.overzichtkopernestedlayouttable
{
}

td.overflow
{
    overflow:visible !important;
}

legend
{
    color:Black;
}

.aye
{
    background-position:center;
    background-repeat:no-repeat;            
    background-image:url(images/tick.png);
    width:30px;
    height:30px;
}
.naye
{
}
.etradeKaderSelectionCheckbox
{
}
.etradeKaderKaderLeft
{
    background-color:Gray !important;
    border:solid 2px Gray !important;            
}        
.etradeKaderActionButton
{ 
}
.etradeKaderButtonTable
{
    margin-left:30px ;            
    margin-right:30px ;
    padding-top:5px;
    padding-bottom:5px;
}
.etradeKaderTopBarRightButtons
{
    text-align:right;
    height:25px;    
}   
.etradeKaderTopBarRightButtons input
{
    float:right;
    margin-left:10px;
}     
.etradeKaderTopBarLeftButtons
{
    float:left;
    height:25px;
    padding-left:4px;
}
.etradeKaderTabs
{
    border-left:solid 30px gray;
}
.etradeKaderLeftBlock
{
    border-left:solid 30px gray;
}
.sgmailbutton
{
    background-image:url(Images/burrongrad.png);
    border:solid 0px black;
    height:24px;
    font: bold 12px/23px "Segoe UI", Arial, sans-serif;
    cursor:pointer;
    margin-top:1px;
}
.sgmailbutton:hover
{
    background-image:url(Images/burrongrad2.png) !important;    
}

span.inlinePlaceHolder div 
{
   display:inline !important;
}

/*algemene disabled setting voor text input elementen*/
input[type='text'][disabled='disabled']
{
    padding:2px;
    background-color:#D6D6D6;
    border-color:#ABADB3;
    border-width:1px;
    border-style:solid;
}

/*levertijden selectie*/
#levertijden-selectie .formuliercontainer,
#levertijden-selectie .eindtijd-selectie,
#levertijden-selectie .eindtijd-overzicht{clear:both;margin-top:10px;}

#levertijden-selectie .floatleftcol{margin-top: 10px;}
#levertijden-selectie .eindtijd-selectie .nav,
#levertijden-selectie .floatleftcol label{display:inline-block;}
#levertijden-selectie .eindtijd-selectie label,
#levertijden-selectie .eindtijd-selectie .wrapper,
#levertijden-selectie .eindtijd-selectie .tijden,
#levertijden-selectie .eindtijd-selectie .tijden .items{float:left;}
#levertijden-selectie .eindtijd-selectie .tijden .item{float:left;cursor:pointer;text-align:center;height:40px;}
#levertijden-selectie .eindtijd-selectie .tijden .selected{color:#000;background-color:#fff;height:40px;background-image:url('./images/bg_top_levertijdsel.png');background-position:top;background-repeat:no-repeat;}
#levertijden-selectie .eindtijd-selectie{width:500px;height:40px;background-color:#B6C930;color:#fff}
#levertijden-selectie .eindtijd-selectie a.prev,
#levertijden-selectie .eindtijd-selectie a.bnext{cursor:pointer;margin-left:3px;} 
#levertijden-selectie .eindtijd-selectie a.disabled{cursor:default!important;color:Gray;}

#levertijden-selectie .eindtijd-selectie .wrapper{min-width:340px;}

/*jquery scrollable settings*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;	
	height:40px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

.ctrl_levertijdset{float:left;}
.ctrl_levertijdset{ display:inline-block;vertical-align:middle;}
.ctrl_levertijdset span{display:block;float:left;margin-top:3px;min-width:120px;}
.ctrl_levertijdset img{margin-left:5px;}
.ctrl_levertijdset a{cursor:pointer;}

/*gridview settings with larger header than normal*/
.myGrid .header     {height: 25px;background-image: url(images/catalogusheader2.jpg);}
.myGrid th         { font-weight:normal;}
.myGrid tr.altrow  { background-color: #F2F2F2}
.myGrid tr.row     { background-color: White;}