/*========================================*/
/* Stijl standaard HTML en eigen classes  */
/*========================================*/
body, P, TABLE
{
	font-family: Arial, helvetica, Sans-Serif;
	font-size: 12px;
	color: #000;
	line-height: 17px;
}

A:active
{
    color: #006f4a;
    text-decoration: none
}
A:hover
{
    color: #00509f;
    text-decoration: underline;
}
A:link
{
    color: #00509f;
    text-decoration: none;
}
A:visited
{
    color: #006f4a;
    text-decoration: none;
}

/* BODY tag van het banner frame */
BODY.Banner
{
    background-color: white;
}

/* Stijl van de contextmenu's in de maand en weekplanning */
.ContextMenuKader
{
	border: 2px solid #00428;
    z-index: 100;
    visibility: hidden;
    width: 165px;
    cursor: default;
    line-height: 20px;
    font-family: verdana;
    position: absolute;
    background-color: lightblue;
}
/* Stijl van de contextmenu items in de maand en weekplanning */
.ContextMenuItems
{
    padding-right: 10px;
    padding-left: 10px;
}
/* Tekst voor (fout)meldingen */
DIV.Error
{
    font-weight: bold;
    color: red;
}
H1
{
    font-weight: bold;
    font-size: 14px;
    color: #003366;
    font-family: verdana;
}
INPUT
{
    font-size: 11px;
    font-family: verdana;
}
/* Button */
INPUT.Button, INPUT.ButtonOnMouseOver
{
	border: 1px solid #3e8428;
	border-bottom-color: #316e28;
	border-right-color: #316e28;
	background-color: #5ea528;

    font-weight: bold;
    font-size: 9px;
    height:20px;
    color: #ffffff;
    
}
/* Onmouseover stijl van een button */
INPUT.ButtonOnMouseOver
{
    color: #5ea528;
    background-color: #e1f2ed;
    cursor:pointer;
}

/* Button i.h.g.v. paging. Zet de style indien dit de button is die de huidige geselecteerde pagina weergeeft*/
INPUT.ButtonCurrentPage
{
    font-weight: bold;
    font-size: 9px;
    color: white;
    background-color: #5ea528;
}
/* Bepaalt de achtergrondkleur van een lokaalreservering op de maandplanning */
.Lokaalreservering
{
    background-color: lightblue;
}
SELECT
{
    font-size: 11px;
    width: 100px;
    font-family: verdana, arial;
}
/* Class opnemen op tabel niveau. Zorgt voor lijn tussen elke tabelrij */
.Seperator TD
{
    border-bottom: black 1px solid;
}
.SeperatorTabel
{
    border: black 1px solid;
}

/* Leveranciertypes */
.LeverancierType1
{
    background-color: #414189;
}
.LeverancierType2
{
    background-color: #01673f;
}
.LeverancierType3
{
    background-color: #ff6600;
}
.LeverancierType4
{
    background-color: #ff6622;
}
/* Alignment van het logo in menu.asp (als er nog geen frames zijn) */
.LogoAlignment
{
    margin-left: 100px;
    background-color: white;
    text-align: left
}
/* Bepaald de achtergrondkleur van de weekenden in de week- en maandplaaning */
.PlanningWeekend
{
    background-image: none;
    color: black;
    background-repeat: repeat;
    background-color: lightblue
}
/* Bepaald de achtergrondkleur van de tabbladen die bij sommige tabellen wordt getoond */
.Tab
{
    font-weight: bold;
    font-size: 12px;
    color: #5ea528;
    background-color: white;
    text-align: center;
    text-decoration: none;
    border-right: #5ea528 2px solid;
    border-top: #5ea528 2px solid;
    border-left: #5ea528 1px solid;
}
/* Opmaak van de lijn die bovenaan elke pagina staan onder de icons en de gebruikernaam */
.VertLine
{
    margin-left: -8px;
    margin-right: 0px;
    background-color: red
}
TEXTAREA
{
    font-size: 11px;
    font-family: verdana, arial;
}
TH
{
    font-weight: bold;
    font-size: 12px;
    color: white;
    background-color: #5ea528;
    text-align: left;
    text-decoration: none;
}
/* Wordt gebruikt op diverse pagina's om de gegevens in een tabel in 1x op bold te zetten */
TR.PageHeader
{
    font-weight: bold;
    color: black;
}
.TreeView
{
    background-color: #ffffff;
    color: white;
}
A.TreeView
{
    color: black;
}
A.Treeview:hover
{
    color: black;
    text-decoration: underline;
}
A.Treeview:visited
{
    color: black;
    font-family: tahoma, verdana, arial, helvetica, sans-serif;
    text-decoration: none;
}
UL
{
    margin-top: 0px;
    list-style-image: url(../images/listbutton.gif);
    margin-bottom: 0px;
    margin-left: 17px;
    line-height: 17px;
    list-style-type: disc;
}
TD.PlanningWeekend
{
    background-image: none;
    color: black;
    background-repeat: repeat;
    background-color: lightblue;
}

/*========================================*/
/* Stijl menu				  */
/*========================================*/
/* Tekstkleur menuitems (hoofd en sub) */
.fontOff
{
    font-size: 10px;
    color: #5ea528;
    font-family: verdana;
    font-weight: bold;
}

/* Tekstkleur menuitems (hoofd en sub) onmouseover */
.fontOn
{
    font-weight: bold;
    font-size: 10px;
    color: #ffffff;
    font-family: verdana;
}

.itemTopOff .fontOff { color: #fff; }
.itemTopOn .fontOn { color: #5ea528; }

/* Tekstkleur menuitems (hoofd en sub) */
.fontOffSub
{
    font-weight: bold;
    font-size: 10px;
    color: #5ea528;
    font-family: verdana;
}
/* Tekstkleur menuitems (hoofd en sub) onmouseover */
.fontOnSub
{
    font-size: 10px;
    color: #ffffff;
    font-family: verdana;
}
/* Achtergrondkleur hoofdmenu item */
.itemTopOff
{
    border-top: 1px solid #3e8428;
    border-left: 1px solid #3e8428;
    border-bottom: 1px solid #316e28;
    border-right: 1px solid #316e28;
    background-color: #5ea528;
    color: #ffffff;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    width: 130px;
    padding-top: 3px;
    text-align: center;
    cursor:pointer;
}
/* Achtergrondkleur hoofdmenu item onmouseover */
.itemTopOn
{
    border-top: 1px solid #5ea528;
    border-left: 1px solid #5ea528;
    border-bottom: 1px solid #5ea528;
    border-right: 1px solid #5ea528;
    background-color: #e1f2ed;
    color: #5ea528;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    width: 130px;
    padding-top: 3px;
    text-align: center;
    cursor:pointer;
}
/* Achtergrondkleur submenu item */
.itemSubOff
{
    background-color: #e1f2ed;
    text-align: left;
    padding-right : 3px;
    padding-left  : 5px;
    padding-top   : 2px;
    padding-bottom: 2px;
    width: 130px;
    cursor:pointer;
}
/* Achtergrondkleur submenu item onmouseover */
.itemSubOn
{
    background-color: #5ea528;
    text-align: left;
    padding-right : 3px;
    padding-left  : 5px;
    padding-top   : 2px;
    padding-bottom: 2px;
    width: 130px;
    cursor:pointer;
}
.tagOff
{
    background: url(/images/pointer_green.gif) no-repeat 50% bottom;
    float: right;
    width: 8px;
    height: 13px
}
.tagOn
{
    background: url(/images/tagRH.gif) no-repeat 50% bottom;
    float: right;
    width: 8px;
    height: 13px
}

/*========================================*/
/* Stijl kalender			  */
/*========================================*/
/* Calendar Day Header - the cells showing "Sunday", "Monday" .... */
.CalHead {cursor:default; text-align:center; font:bold 7.5pt Tahoma, Verdana, sans-serif; color:white;background:#5ea528;}
/* Day Column Cell - the TD cell of each day */
.CalCol {}
/* Day Cell - the DIV cell inside TD */
.CalCell {cursor:hand; text-align:center;}
/* Day Number - the Anchor inside DIV showing the day number  */
.CellAnchor {text-decoration:none; font:9pt verdana;}

/* WeekNo Header - the top header cell of the week number column */
.WeekHead {cursor:default; text-align:center; font:bold 8pt arial; color:white; background:#5ea528;}
/* WeekNo Column Cell - the cells of the week number column */
.WeekCol {cursor:default; text-align:center; background:#5ea528;}
/* WeekNo Anchor style */
.WeekAnchor {text-decoration:none; font:bold 8pt arial; color:white; }

/* Month navigators - the "<" or ">" used to move to previous or next month */
.MonthNav {vertical-align:middle; height:22px; width:18px; font:bold 10pt arial bold; color:black;}
A.MonthNav:hover {color:yellow}
A.MonthNav:active {color:red}

/* styles for the 3 calendar sections (actually 3 table TDs) */
.CalTop {text-align:center;}
.CalMiddle {}
.CalBottom {text-align:center;}

/* Calendar title - showing year and month. when giDCStyle=0, it's the style of the year/month dropdowns; giDCStyle>0, it's the style to show gsCalTitle.  */
.CalTitle {vertical-align:middle; font:10pt arial; color:black;}

/* The style of internal floating div/layer tags, which are usually used to create the artificial dropdown selectors. */
.FreeDiv {}

/* The style of the outer TABLE tag which is the outer calendar panel. */
#outerTable {border:2px ridge #ffffff;}
/* The style of the inner DIV tag that holds the inner panel of all calendar cells. */
#innerDiv {border:1px solid #dcdcdc;}
/*===== Above CSS styles are commonly used in the script engine =====*/

/*====== Following are additional per-theme styles, e.g. the inner dropdown selectors and today etc. You may have your own defined. ======*/
.BottomAnchor {text-decoration:none; font:bold 9pt Tahoma, Verdana; color:white;}
A.BottomAnchor:hover {color:yellow;}
A.BottomAnchor:active {color:red;}

/*====== CSS for Logout confirmation popup ===== */
div#overlay { background: #fff; position: absolute; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 1000; filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;}
div#popup_confirminactive { font-family: arial; font-weight: bold; background: #fff; position: absolute; left: 50%; margin-left: -200px; top: 200px; width: 400px; border: 3px solid #000; padding: 10px; padding-top: 30px; padding-bottom: 40px; z-index: 1001; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
div#popup_confirminactive div { text-align: center; }
div#popup_confirminactive input { padding: 4px; border: 1px solid #000; width: 100px; margin: 0 auto;}

.bg-color                     {background-color:#ffffff; color:#000000;}
div.ZoekCriteriaItemContainer {border:1px solid #c0c0c0; width:250px;}	
div.ZoekCriteriaItemTitel     {background-color:#ffffff; border-bottom:1px solid #c0c0c0; position:relative; height:18px; padding-top:3px; padding-right:6px; padding-bottom:3px; padding-left:6px;}
div.ZoekCriteriaItemTitelText {background-color:#ffffff; color:#000000; position:relative; top:0px; left:0px; font-weight:bold;}