/*A l g e m e n e   i n s t e l l i n g e n*/
body      {background-color: #ECF8FF; color: #000000;}
A:link    {color: #0000FF}                      /* link kleur */
A:visited {color: #0000FF}                      /* kleur visited links */
A:active  {color: red}                          /* kleur aktieve link */

  /* h e a d e r s  en  b a l k e n */
.header {background-color: #FFFFFF; width: 90; text-align: center; vertical-align: middle} /* kop pagina */
.headertitle {background-color: #FFFFFF; font-family: Arial; color: #3347B2; font-weight: bold; font-size: 10pt; text-align: center; vertical-align: top}  /* titel in kop pagina */
.subheader {background-color: #D6DAF3; font-family: Arial; color: #3333CC; font-weight: bold; font-size: 10pt }  /* subtitel in kop pagina */
.subheader em  {color: black; font-style: normal}   /* em-tag binnen subheader */
.titlebar {background-color: #1F2F89; color: #FFFFFF; font-family: Arial; font-size: 90%; font-weight: bold; font-size: 100%; text-align: center; vertical-align: middle}   /* titlebar */
.usertitlebar {background-color: #E22222; color: #FFFFFF; font-family: Arial; font-size: 90%; font-weight: bold; font-size: 100%; text-align: center; vertical-align: middle}   /* titlebar with user data */
.submcancelbalk {background-color: #D6DAF3; font-family: Arial; text-align: center}   /*balk met submit/cancel buttons*/
.buttontekst { color:#99BBBB;
		background-color: #33A0A9;
                 font-family: arial;
                 font-size: 8pt;
                 font-weight: bold;
                 text-align: left;
                 text-decoration: none;
                }
.buttontekst A:link { color: white; text-decoration: none  ; width : 100%; height : 100% }
.buttontekst A:visited { color: white; text-decoration: none ; width : 100%; height : 100% }
.buttontekst2 { color:#99BBBB;
		background-color: #23B099;
                 font-family: arial;
                 font-size: 8pt;
                 font-weight: bold;
                 text-align: left;
                 text-decoration: none;
                }
.buttontekst2 A:link { color: white; text-decoration: none  ; width : 100%; height : 100% }
.buttontekst2 A:visited { color: white; text-decoration: none ; width : 100%; height : 100% }
.listbuttons { color:#99BBBB;
		background-color: #AAA0A9;
                 font-family: arial;
                 font-size: 8pt;
                 font-weight: bold;
                 text-align: left;
                 text-decoration: none;
                }
.listbuttons A:link { color: white; text-decoration: none  ; width : 100%; height : 100% }
.listbuttons A:visited { color: white; text-decoration: none  ; width : 100%; height : 100% }
.fullbbbuttons { color:#99BBBB;
		background-color: #3366FF;
                 font-family: arial;
                 font-size: 8pt;
                 font-weight: bold;
                 text-align: left;
                 text-decoration: none;
                }
.fullbbbuttons A:link { color: white; text-decoration: none  ; width : 100%; height : 100% }
.fullbbbuttons A:visited { color: white; text-decoration: none  ; width : 100%; height : 100% }
.button A:link { width : 100%; height : 100% }
.button A:visited { width : 100%; height : 100% }

.buttontekstnoactive { color: #99BBBB;
		background-color: #33A0A9;
                 font-family: arial;
                 font-size: 8pt;
                 font-weight: bold;
                 text-align: left;
                 text-decoration: none;
                 width:90px;
                }
.StartElements {font-family: Arial; color: #0000CC; font-weight: normal; font-size: 10pt; vertical-align: top} 

  /* t a b s */

  /* Note: 
     if you use Internet Explorer and want to change the colour of the button text within a tab 
     changing the .tabactive property will give undesired effects. Instead, you have to 
     explicitly add the class of the button within the tab, e.g. 
     .tabactive.buttontekst2 instead of just .buttontekst2.  
  */


.tabactive { color: #FFFFFF; 
        font-family: Arial; 
        font-size: 10pt; 
        text-align: center; 
        background-color: #1F2F89;    /*223399*/
        vertical-align: top;
      }
.tabDatabase { color: #FFFFFF; 
        font-family: Arial; 
        font-size: 10pt; 
        text-align: center; 
        background-color: #1F2F89;
        vertical-align: top;
      }
.tabRestrictions { color: #FFFFFF; 
        font-family: Arial; 
        font-size: 10pt; 
        text-align: center; 
        background-color: #636BA9;     /*4466CC*/
        vertical-align: top;
      }
.tabactive A:link {color: #FFFFFF; text-decoration: none ; width : 100%; height : 100% } 
.tabactive A:visited {color: #FFFFFF; text-decoration: none ; width : 100%; height : 100% }
#tableft { text-align:left }
#tabright { text-align:right } 
.tabnoactive { color: #FFFFFF; 
        font-family: Arial; 
        font-size: 10pt; 
        text-align: center; 
        background-color: #BCD0DF;
        vertical-align: top;
      }
.tabnoactive A:link {color: #FFFFFF; text-decoration: none ; width : 100%; height : 100% } 
.tabnoactive A:visited {color: #FFFFFF; text-decoration: none ; width : 100%; height : 100% }
#tabitem { text-align:left; font-size: 10pt; } 
#tabitem A:link {color: #FFFFFF; }  
#tabbutton {  text-align: left;}
#tabboolbox {  text-align: right;}


   /* l i s t s */
.listhead {background-color: #BBCCDD; font-family: Arial; color: #000030; font-weight: bold; font-size: 10pt; text-align: left; vertical-align: middle} /*header bij een lijst met links*/
.listsubhead {background-color: #BBCCDD; font-family: Arial; color: #000030; font-weight: normal; font-size: 10pt; text-align: left; vertical-align: middle} /*header bij een lijst met links*/
.listheadpages {background-color: #BBCCDD; font-family: Arial; color: #000030; font-weight: bold; font-size: 10pt; text-align: right; vertical-align: middle} /*header bij een lijst met links*/
.listitemOdd {font-family: Arial; color: #000030; font-weight: normal; font-size: 9pt; vertical-align: top; text-align: left} /*de link items van de lijst*/
.listitemOdd A:link {color: #000030; text-decoration: none} /*links niet onderstrepen */ 
.listitemOdd A:visited {color: #000030; text-decoration: none} /*links niet onderstrepen */ 
.listitemEven {background-color: #D4DFEF; font-family: Arial; color: #000030; font-weight: normal; font-size: 9pt; vertical-align: top; text-align: left} /*de link items van de lijst*/
.listitemEven A:link {color: #000030; text-decoration: none} /*links niet onderstrepen */ 
.listitemEven A:visited {color: #000030; text-decoration: none} /*links niet onderstrepen */ 
.listitemextend {font-family: Arial; color: #0066DD; font-weight: normal; font-size: 9pt; vertical-align: top} /*de link items van de lijst*/
.listitemextend A:link {color: #0066DD; text-decoration: none} /*links niet onderstrepen */ 

.SearchPartHeader {background-color: #CCDDFF; font-family: Arial; color: #0000CC; font-weight: bold; font-size: 10pt }
.SearchPartText {background-color: #CCDDFF; font-family: Arial; color: #0000CC; font-weight: normal; font-size: 8pt }
.SearchPartText A:link {color: #0000CC; text-decoration: none} /*links niet onderstrepen */ 
.SearchPartText A:visited {color: #0000CC; text-decoration: none} /*links niet onderstrepen */ 
.SearchPartText A:hover {color: #FF0000; text-decoration: none} /*links niet onderstrepen */ 
.SearchPartCounter {background-color: #CCDDFF; font-family: Arial; color: #0000CC; text-align: right; font-weight: normal; font-size: 8pt }

   /* v o l l e d i g e  b e s c h r i j v i n g */
.descrname {font-family: Arial; 
            color: #000030; 
            font-weight: bold; 
            font-size: 82%; 
            vertical-align: top}   /* veldnaam in beschrijving */
.descrnamecurs {font-family: Arial; 
            color: #000030; 
            font-style: italic; 
            font-size: 82%; 
            vertical-align: top}   /* veldnaam in beschrijving */
.descrdata {font-family: Arial; 
              color: #000030; 
              font-weight: normal; 
              text-decoration: none;
              font-size: 82%; 
              vertical-align: top} /* veldwaarde in beschrijving */
.descrdata A:link {color: #0000CC; text-decoration: none} /*links niet onderstrepen */ 
.descrdata A:visited {color: #0000CC; text-decoration: none} /*links niet onderstrepen */ 
.descrdata A:hover {color: #FF0000; text-decoration: none} /*links niet onderstrepen */ 

  /* t r e e s   */
  
.TreeTable { background-color:#CCE0EF; }
.TreeElement { font-family: Arial; font-size: 10pt; color: #223399; text-decoration : none; }
.TreeElement A:link { text-decoration : none; color : #223399 }
.TreeElement A:visited { text-decoration : none; color : #223399 }
.TreeElement A:hover { text-decoration : none; color : #C10000 }
   /*f o u t m e l d i n g e n  e . d . */
.message {font-family: Arial; font-weight: bold; font-size: 125%; color: #3347B2; text-align: center;}

  /* m e n u */
.menutext { background-color: #d4dfef; font-weight: normal; font-size: 10pt; color: black; font-family: Arial; text-align: left;}
.menutext A:link { color:blue; text-decoration: none; }
.menutext A:visited { color: blue; text-decoration: none; }
.menutext A:hover { color: red; text-decoration: none; }

  /* w a r n i n g */
.warning {font-family: Arial; font-size: 10pt; font-weight: bold; color: red; }

  /* form button */
.formbutton { color: #FFFFFF; font-family: Arial; font-size: 10pt; font-weight:bold; text-align: center; background-color: #23B099; vertical-align: top; }
.formbutton A:link {color: #FFFFFF; text-decoration: none ; width : 100%; height : 100% } 
.formbutton A:visited {color: #FFFFFF; text-decoration: none ; width : 100%; height : 100% }

/*RSS*/
/*RSS ENTETE*/
.rssheader {
	text-decoration: none;
	color:pink;
	font-weight: bold;
	background-image: url(http://www.undispatch.com/archives/rss_small.png);
	background-repeat: no-repeat;
	background-position: 0 7;
	text-indent: 12;

}

.rsscategory {
	/*text-decoration: underline; */
	/*color: #636832;*/
	color:red;
	font-weight: bold;
	font-size: 12;
	background-color: #E2E6B3;
	border-bottom: 1 solid #3C6630;
	border-top: 1 solid #3C6630;
	border-left: 1 solid #3C6630;
}

.rsschannel {
	text-decoration: none;
	color: #636832;
	font-weight: bold;
	font-size: 12;
	background-color: #E2E6B3;
	border-bottom: 1 solid #3C6630;
	border-top: 1 solid #3C6630;
}

.rssdatechannel {
	text-decoration: none;
	color:orange;
	font-weight: bold;
	font-size: 10;
	text-align: right;
	background-color: #E2E6B3;
	border-bottom: 1 solid #3C6630;
	border-top: 1 solid #3C6630;
	border-right: 1 solid #3C6630;
	/*background-image: url(http://www.documentvision.fr/img/calendrier_s.gif);
	background-repeat: no-repeat;
	background-position: left;*/
	text-indent: 40;
}

.rssdatefeed {
	text-decoration: none;
	color:orange;
	font-size: 10;
}

.rssfeed a:link {
	text-decoration: none;
	font-size: 12;
	color:#005577;
	background-image: url(http://www.kreatives.org/kristal/gfx/expand.gif);
	background-repeat: no-repeat;
	background-position: left 4;
	padding-left: 15;

}
.rssfeed a:visited {
	text-decoration: none;
	font-size: 12;
	color:#005577;
	background-image: url(http://www.kreatives.org/kristal/gfx/expand.gif);
	background-repeat: no-repeat;
	background-position: left 4;
	padding-left: 15;
}

.rssfeed a:hover {
	text-decoration: none;
	color:#0099DD;
}

.rssdescription {
	font-size: 11;
}

/* Associative Searching */

.listAss { 
	background-color: #EBF0F4;
	color: #FFFFFF; 
	font-family: Arial; 
	font-weight: normal; 
	font-size: 9pt; 
	vertical-align: top;
 }

.listAss A:link {
	color: #003366; 
	text-decoration: none
} 

.listAss A:visited {
	color: #003366; 
	text-decoration: none
}

.listAss A:hover {
	color: #003366; 
	text-decoration: none
} 

.listAssHead {
	background-color: #18388C; 
	color: #FFFFFF; 
	font-family: Arial; 
	font-size: 90%; 
	font-weight: bold; 
	font-size: 100%; 
	text-align: center; 
	vertical-align: middle
} 

.listAlt {
	background-color: #D4DFEF;
	color: #FFFFFF; 
	font-family: Arial; 
	font-weight: normal; 
	font-size: 9pt; 
	vertical-align: top;
	border-style: none;
}

.listAlt A:link {
	color: #003366; 
	text-decoration: none; 
	border-style: none;
 } 

.listAlt A:visited {
	color: #003366; 
	text-decoration: none;
	border-style: none;
 }

 .listAlt A:hover {
	color: #003366; 
	text-decoration: none;
	border-style: none;
 } 

.listAltHead {background-color: #18388C; 
	color: #FFFFFF;
	font-family: Arial; 
	font-size: 90%; 
	font-weight: bold; 
	font-size: 100%; 
	text-align: center; 
	vertical-align: middle
} 

.fullbodydataenrich {
	background-color: #EBF0F4; 
	color: #000030; 
	font-family: Arial; 
	font-weight: normal; 
	font-size: 10pt; 
	text-align: left; 
	vertical-align: top;
}

.fullbodydataenrichhead {
	background-color: #BBCCDD; 
	color: #000030; 
	font-family: Arial; 
	font-weight: bold; 
	font-size: 12pt; 
	text-align: left; 
	vertical-align: top;
}

/*========================*/
/* K l e u r e n          */
/*========================*/
/*  #FFFFFF   wit         */
/*  #3347B2   donkerblauw */
/*  #D6DAF3   lichtpaars  */
/*  #F4A54E   oranje      */
/*  #F4C54E   oker        */
/*  #000000   zwart       */
/*  #FFFFFF   wit         */
/*  #3347B2   donkerblauw */
/*  'red'     rood        */
/*  'green    groen       */
/*  #0000FF   blauw       */
/*========================*/

/* for the portal prototype - HDR18081 - coloured blocks to indicate which database a record is from */
.PortalDB1 {width:15px; text-align:center; background-color:crimson; color:#600000}
.PortalDB2 {width:15px; text-align:center; background-color:gold; color:#606000}
.PortalDB3 {width:15px; text-align:center; background-color:seagreen; color:#006000}
.PortalDB4 {width:15px; text-align:center; background-color:lightskyblue; color:#006060}
.PortalDB5 {width:15px; text-align:center; background-color:mediumaquamarine; color:#000060}
.PortalDB6 {width:15px; text-align:center; background-color:steelblue; color:#000060}
.PortalDB7 {width:15px; text-align:center; background-color:gainsboro; color:#000060}

.ILLIntroductoryScreenBorder
{
    BORDER-RIGHT: outset;
    BORDER-TOP: outset;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BORDER-LEFT: outset;
    COLOR: #000030;
    BORDER-BOTTOM: outset;    
    FONT-FAMILY: Arial
}
.ILLIntroductoryScreenText
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #000030;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial
}

.ILLBibInfoHelpText
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #000030;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial
}

.ILLBibInfoScreenBorder
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BORDER-LEFT: groove;
    COLOR: #000030;
    BORDER-BOTTOM: groove;    
    FONT-FAMILY: Arial
}

.ILLBibInfoScreenLabel
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #000030;    
    FONT-FAMILY: Arial
}

.ILLBibInfoScreenText
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: Red;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #
}

.ILLProcessingHelpText
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #000030;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial
}

.ILLProcessingLabelText
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #000030;    
    FONT-FAMILY: Arial
}

.ILLProcessingSection1Border
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BORDER-LEFT: groove;
    BORDER-BOTTOM: groove;        
    FONT-FAMILY: Arial
}

.ILLProcessingSection1Text
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: Red;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: Cyan
}

.ILLProcessingSection2Border
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BORDER-LEFT: groove;
    COLOR: #000030;
    BORDER-BOTTOM: groove;   
    BACKGROUND-COLOR: #ECF8FF; 
    FONT-FAMILY: Arial
}

.ILLProcessingSection2Text
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: Black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #ECF8FF
}

.ILLProcessingSection3Border
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BORDER-LEFT: groove;
    COLOR: #000030;
    BORDER-BOTTOM: groove;      
    FONT-FAMILY: Arial
}

.ILLProcessingSection3Text
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: Black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #ECF8FF
}

.ILLProcessingSection4Border
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BORDER-LEFT: groove;
    COLOR: #000030;
    BORDER-BOTTOM: groove; 
    BACKGROUND-COLOR: #ECF8FF;   
    FONT-FAMILY: Arial
}

.ILLProcessingSection4Text
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: Black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #ECF8FF
}

.ILLProcessingSection5Border
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BORDER-LEFT: groove;
    COLOR: #000030;
    BORDER-BOTTOM: groove;    
    BACKGROUND-COLOR: #ECF8FF;
    FONT-FAMILY: Arial
}

.ILLProcessingSection5Text
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: Blue;
    FONT-FAMILY: Arial;
}


.ASRBookingBorder1
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11pt;
    BORDER-LEFT: groove;
    COLOR: #0000cd;
    BORDER-BOTTOM: groove;    
    BACKGROUND-COLOR: #00bfff;
    FONT-FAMILY: Arial
}
.ASRBookingBorder2
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BORDER-LEFT: groove;
    COLOR: #000030;
    BORDER-BOTTOM: groove;    
    BACKGROUND-COLOR: #00ced1;
    FONT-FAMILY: Arial
}
.ASRBookingBorder3
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BORDER-LEFT: groove;
    COLOR: #000030;
    BORDER-BOTTOM: groove;    
    BACKGROUND-COLOR: #ECF8FF;
    FONT-FAMILY: Arial
}
.ASRBookingBorder4
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BORDER-LEFT: groove;
    COLOR: #000030;
    BORDER-BOTTOM: groove;
    BACKGROUND-COLOR: #00ced1;
    FONT-FAMILY: Arial
}
.ASRBookingBorder5
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BORDER-LEFT: groove;
    COLOR: #000030;
    BORDER-BOTTOM: groove;    
    BACKGROUND-COLOR: #ECF8FF;
    FONT-FAMILY: Arial
}
.ASRBookingBorder6
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BORDER-LEFT: groove;
    COLOR: #000030;
    BORDER-BOTTOM: groove;    
    BACKGROUND-COLOR: #00ced1;
    FONT-FAMILY: Arial
}
.ASRBookingBorder7
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BORDER-LEFT: groove;
    COLOR: #000030;
    BORDER-BOTTOM: groove;    
    BACKGROUND-COLOR: #ECF8FF;
    FONT-FAMILY: Arial
}
.ASRBookingBorder8
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BORDER-LEFT: groove;
    COLOR: #000030;
    BORDER-BOTTOM: groove;    
    BACKGROUND-COLOR: #ECF8FF;
    FONT-FAMILY: Arial
}

.ASRBookingBorderPeriods1
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BORDER-LEFT: groove;
    COLOR: #000030;
    BORDER-BOTTOM: groove;    
    BACKGROUND-COLOR: #ECF8FF;
    FONT-FAMILY: Arial
}

.ASRBookingBorderPeriods2
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BORDER-LEFT: groove;
    COLOR: #000030;
    BORDER-BOTTOM: groove;    
    BACKGROUND-COLOR: #00ced1;
    FONT-FAMILY: Arial
}

.ASRBookingBorderPeriods3
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BORDER-LEFT: groove;
    COLOR: #000030;
    BORDER-BOTTOM: groove;    
    BACKGROUND-COLOR: #ECF8FF;
    FONT-FAMILY: Arial
}

.ASRBookingBorderPeriods4
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BORDER-LEFT: groove;
    COLOR: #000030;
    BORDER-BOTTOM: groove;    
    BACKGROUND-COLOR: #00ced1;
    FONT-FAMILY: Arial
}

.ASRBookingBorderPeriodsYellow
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BORDER-LEFT: groove;
    COLOR: #000030;
    BORDER-BOTTOM: groove;    
    BACKGROUND-COLOR: #ffd700;
    FONT-FAMILY: Arial
}

.ASRBookingBorderPeriodsGrey
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BORDER-LEFT: groove;
    COLOR: #000030;
    BORDER-BOTTOM: groove;    
    BACKGROUND-COLOR: #808080;
    FONT-FAMILY: Arial
}

.ASRBookingBorderPeriodsRed
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BORDER-LEFT: groove;
    COLOR: #000030;
    BORDER-BOTTOM: groove;    
    BACKGROUND-COLOR: #b22222;
    FONT-FAMILY: Arial
}

.ASRBookingBorderPeriodsGreen
{
    BORDER-RIGHT: groove;
    BORDER-TOP: groove;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BORDER-LEFT: groove;
    COLOR: #000030;
    BORDER-BOTTOM: groove;    
    BACKGROUND-COLOR: #228b22;
    FONT-FAMILY: Arial
}

/*------------------------------------------------------------*/
/* Calendar */
/*------------------------------------------------------------*/
/* the table that holds the date picker calendar */
.dpTable {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
color: #505050;
background-color: #ece9d8;
border: 1px solid #AAAAAA;
}
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
border: 1px solid #ece9d8;
}
.dpBlankTD {
cursor: default;
}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
background-color: #aca998;
border: 1px solid #888888;
cursor: pointer;
color: red;
}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
background-color: #CCCCCC;
border: 1px solid #AAAAAA;
color: white;
cursor: default;
}
/* additional style information for the text that indicates the month and year */
.dpTitleText {
font-size: 12px;
color: gray;
font-weight: bold;
}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
color: 4060ff;
font-weight: bold;
}
/* the forward/backward buttons at the top */
.dpButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: gray;
background: #d8e8ff;
font-weight: bold;
padding: 0px;
}
/* the "Close" button at the bottom */
.dpCloseButton {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: gray;
background: #d8e8ff;
font-weight: bold;
float: right;
}