body 
{
    background-color:White;
}

.ListSearchToTab
{
    font-family: arial;
    font-size: 10pt;
    color: White;
    cursor: default;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    background-color: ActiveCaption;
    border-color: White;
    border-width: 1px;
}

.labelToTab
{
    border-style: none;
	font-family: arial;
    font-size: medium;
    color: #00008b;
    cursor: default;
    background-color: Transparent;
}

.labelToTabPlanning
{
    font-family: arial;
    font-size: 12pt;
    color: #00008b;
    cursor: default;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: Transparent;
    border-bottom-style: none;
}

.PageHeaderToTab
{
    font-family: arial;
    font-size: 12pt;
    color: White;
    cursor: default;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: Steelblue;
    border-bottom-style: none;
    width : 100%;
    height : 30px;
    text-align : center;
    top: 125px;
    left: 0px;
    position:absolute;
    
}
.PageHeaderToTab2
{
    font-family: arial;
    font-size: 10pt;
    color: White;
    cursor: default;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: Steelblue;
    border-bottom-style: none;
    width : 100%;
    height : 15px;
    text-align : left;
    top: 165px;
    left: 0px;
    position:absolute;
    
}

.PageHeaderToTabRelative
{
    font-family: arial;
    font-size: 10pt;
    color: White;
    cursor: default;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: Steelblue;
    border-bottom-style: none;
    width : 100%;
    text-align : left;
}
.TextboxToTab
{
    font-family: arial;
    font-size: 10pt;
    color: #00008b;
    cursor: auto;
    background-color: white;
    font-weight: normal;
    border-right: gainsboro 1pt solid;
    border-top: gainsboro 1pt solid;
    border-left: gainsboro 1pt solid;
    border-bottom: gainsboro 1pt solid;
    font-variant: normal;
}

.TextboxToTabFontSizeMedium {
    font-family: arial;
    font-size: medium;
    color: #00008b;
    cursor: auto;
    background-color: white;
    font-weight: normal;
    border-right: gainsboro 1pt solid;
    border-top: gainsboro 1pt solid;
    border-left: gainsboro 1pt solid;
    border-bottom: gainsboro 1pt solid;
    font-variant: normal;
}

.InvalidMask
{
    font-family: arial;
    font-size: 10pt;
    color: white;
    cursor: auto;
    background-color: red;
    font-weight: normal;
    font-variant: normal;
}

.TextboxToTabUppercase
{
    font-family: arial;
    font-size: 10pt;
    color: #00008b;
    cursor: auto;
    background-color: white;
    font-weight: normal;
    border-right: gainsboro 1pt solid;
    border-top: gainsboro 1pt solid;
    border-left: gainsboro 1pt solid;
    border-bottom: gainsboro 1pt solid;
    text-transform:uppercase;
}
.ListboxToTab
{
    border-style: solid;
	font-family: arial;
    font-size: 10pt;
    font-weight: normal;
    font-variant: normal;
    color: #00008b;
    cursor: auto;
    background-color: white;
}

.ListboxToTabFontSizeMedium {
    border-style: solid;
    font-family: arial;
    font-size: medium;
    font-weight: normal;
    font-variant: normal;
    color: #00008b;
    cursor: auto;
    background-color: white;
}

.ListboxToTab2 {
    border-style: solid;
    font-weight: normal;
    font-variant: normal;
    color: #00008b;
    cursor: auto;
    background-color: white;
    margin-bottom: -30px;
/*    position: absolute;*/
    font-family: 'Lato', sans-serif;
    font-weight: 100;
    background: white;
    background: linear-gradient(top, #fff 0%, #e1caca 100%);
    background: -moz-linear-gradient(top, #fff 0%, #e1caca 100%);
    background: -webkit-linear-gradient(top, #fff 0%,#e1caca 100%);
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    color: #001842;
    width: 180px;
    border-radius: 8px;
    font-size: 1em;
}

.ButtonToTab
{
    font-family: arial;
    font-size: 12pt;
    color: #00008b;
    cursor: auto;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    background-color: white;
}

.ButtonToTabPlanning
{
    font-family: arial;
    font-size: 12pt;
    color: #00008b;
    cursor: auto;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    background-color: white;
}

.labelToTabRight
{
    font-family: arial;
    font-variant: small-caps;
    font-size: 12pt;
    color: #00008b;
    cursor: default;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: white;
    border-bottom-style: none;
    text-align: right;
}

.MyWatermark
{
    font-size: small;
    color: #3300ff;
    font-family: Arial;
}

.popupControl
{
    background-color:#AAD4FF;
    position:absolute;
    visibility:hidden;
    border-style:solid;
    border-color:Black;
    border-width:2px;
}

.info
{
    font-family: arial;
    font-size: 10pt;
    color: #00008b;
    cursor: default;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: transparent;
    border-bottom-style: none;
    font-style: italic;
}

.ErrorLabel
{
    font-family: arial;
    font-size: 10pt;
    color: red;
    cursor: hand;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    font-style: normal;
}
textarea
{
    color: #00008b;
    font-family: arial;
    font-size: 10pt;
    font-variant: small-caps;
}

.HeaderToTab
{
    font-family: arial;
    font-size: 14pt;
    color: #00008b;
    cursor: default;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    background-color: white;
    border-bottom-style: none;
    font-weight: bold;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color:#EEEEEE;
    color:Blue;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year 
{
    color:Red;
    font-size:x-small;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month, 
.MyCalendar .ajax__calendar_hover .ajax__calendar_year 
{
    color:#00008b;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day, 
.MyCalendar .ajax__calendar_active .ajax__calendar_month, 
.MyCalendar .ajax__calendar_active .ajax__calendar_year 
{
    color:#00008b;
    font-weight:bold;
    font-size:small;
}

.CalendarNew
{
font-variant:small-caps;
}

/*------Calendarextender-------*/   
.MyCalendarInspectie .ajax__calendar_container {
    border:1px solid #646464;
    background-color:#EEEEEE;
    color:#0084c9;
    font-size:x-small;
}
.MyCalendarInspectie .ajax__calendar_other .ajax__calendar_day,
.MyCalendarInspectie .ajax__calendar_other .ajax__calendar_year 
{
    color:Red;
    font-size:x-small;
}
.MyCalendarInspectie .ajax__calendar_hover .ajax__calendar_day,
.MyCalendarInspectie .ajax__calendar_hover .ajax__calendar_month, 
.MyCalendarInspectie .ajax__calendar_hover .ajax__calendar_year 
{
    color:#00008b;
    font-size:x-small;
}
.MyCalendarInspectie .ajax__calendar_active .ajax__calendar_day, 
.MyCalendarInspectie .ajax__calendar_active .ajax__calendar_month, 
.MyCalendarInspectie .ajax__calendar_active .ajax__calendar_year 
{
    color:#00008b;
    font-weight:bold;
    font-size:x-small;
}

.myHiddenPanel
{
    visibility:hidden;
}

.modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=60);
    opacity:0.6;
}

.modalPopup
{
    background-color:#ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:400px;
}

.HideButton
{
	display:none
}

.updateProgress 
{     
	border-width: 1px;     
	border-style: solid;     
	background-color: #FFFFFF;     
	position: absolute;     
	width: 180px;     
	height: 65px; 
}

/* Tooltip container */
.tooltip1 {
    position: relative;
    display: inline-block;
}

    /* Tooltip text */
    .tooltip1 .tooltiptext1 {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip1:hover .tooltiptext1 {
        visibility: visible;
    }