@charset "ISO-8859-1";

body
{
  background-color: #EEEEEE;
  color:            #000033;
  font-family:      "comic sans ms", verdana, arial, sans-serif;
  font-size:        medium;
}

a
{
  text-decoration: none;
  color: #000080;
}

a:hover
{
  text-decoration: underline overline;
  color: #A00000;
}

a.light
{
  text-decoration: none;
  color: #FFCC99;
}

a.light:hover
{
  text-decoration: underline overline;
  color: #FF0000;
}

a.dark
{
  text-decoration: none;
  color: #000077;
}

a.dark:hover
{
  text-decoration: underline overline;
  color: #770000;
}


a.button
{
  text-decoration: none;
  color: #000033;
}

a.button:hover
{
  text-decoration: none;
  color: #000000;
}

span.link
{
  text-decoration: underline overline;
}


td.toprow,
td.menuHead
{
  background-color: #FFCE7B;
  color:            #C64A4A;
  vertical-align:   middle;
}

td.toprow
{
  font-size:        10px;
  font-weight:      bold;
}

td.menuHead
{
  font-size:        20px;
/*text-align:       center; */
  font-weight:      bold;
}

td.menuTopActive,
td.menuTopHyper,
td.menuTopHover,
td.menuTopEnd
{
  background-color: #FFCE7B;
/*background-color: #6B94C6; */
  font-size:        12px;
  text-align:       center;
  vertical-align:   middle;
  font-weight:      bold;
}

td.menuTopActive
{
  background-image:    url( "Images/MenuTopActive.gif" );
  background-repeat:   no-repeat;
  background-position: bottom center;
  color:               #FFFFFF;
}

td.menuTopHyper
{
  background-image:    url( "Images/MenuTopHyper.gif" );
  background-repeat:   no-repeat;
  background-position: bottom center;
  color:               #000033;
}

td.menuTopHover
{
  background-image:    url( "Images/MenuTopHover.gif" );
  background-repeat:   no-repeat;
  background-position: bottom center;
  color:               #000033;
}

td.menuTopEnd
{
  background-image:    url( "Images/MenuTopEnd.gif" );
  background-repeat:   repeat-x;
  background-position: bottom left;
}

td.menuSubActive,
td.menuSubHyper,
td.menuSubHover,
td.menuSubEnd
{
  background-color: #EEEEEE;
  font-size:        12px;
  text-align:       center;
  vertical-align:   middle;
  font-weight:      bold;
}

td.menuSubActive
{
  background-image:    url( "Images/MenuSubActive.gif" );
  background-repeat:   no-repeat;
  background-position: top center;
  color:               #FFFFFF;
}

td.menuSubHyper
{
  background-image:    url( "Images/MenuSubHyper.gif" );
  background-repeat:   no-repeat;
  background-position: top center;
  color:               #000033;
}

td.menuSubHover
{
  background-image:    url( "Images/MenuSubHover.gif" );
  background-repeat:   no-repeat;
  background-position: top center;
  color:               #000033;
}

td.menuSubEnd
{
  background-image:    url("Images/MenuSubEnd.gif");
  background-repeat:   repeat-x;
  background-position: top left;
}

td.bottomActive,
td.bottomHyper,
td.bottomHover,
td.bottomEnd
{
  background-color: #EEEEEE;
  font-size:        12px;
  text-align:       center;
  vertical-align:   middle;
  font-weight:      bold;
}

td.bottomActive
{
  background-image:    url( "Images/bottomActive.gif" );
  background-repeat:   no-repeat;
  background-position: bottom center;
  color:               #FFFFFF;
}

td.bottomHyper
{
  background-image:    url( "Images/bottomHyper.gif" );
  background-repeat:   no-repeat;
  background-position: bottom center;
  color:               #000033;
}

td.bottomHover
{
  background-image:    url( "Images/bottomHover.gif" );
  background-repeat:   no-repeat;
  background-position: bottom center;
  color:               #000033;
}

td.bottomEnd
{
  background-image:    url( "Images/bottomEnd.gif" );
  background-repeat:   repeat-x;
  background-position: bottom left;
}

td.content
{
  background-color: #EEEEEE;
  /*
  background-image: url("Images/SandBg.jpg");
  background-repeat: repeat;
  background-position: top left;
  */
}

td.frameTL
{
  height: 79px;
  width: 90px;
  max-width: 90px;
  background-image: url("Images/BorderTL.gif");
  background-repeat: no-repeat;
  background-position: 0% 0%;
}
td.frameT
{
  height: 79px;
  background-image: url("Images/BorderT.gif");
  background-repeat: repeat-x;
  background-position: 0% 0%;
}
td.frameTR
{
  height: 79px;
  width: 89px;
  max-width: 89px;
  background-image: url("Images/BorderTR.gif");
  background-repeat: no-repeat;
  background-position: 0% 0%;
}
td.frameL
{
  width: 90px;
  max-width: 90px;
  background-image: url("Images/BorderL.gif");
  background-repeat: repeat-y;
  background-position: 0% 0%;
}
.frameC
{
  background-color: #FFFF9C;
}
td.frameR
{
  width: 89px;
  max-width: 89px;
  background-image: url("Images/BorderR.gif");
  background-repeat: repeat-y;
  background-position: 0% 0%;
}
td.frameBL
{
  height: 78px;
  width: 90px;
  max-width: 90px;
  background-image: url("Images/BorderBL.gif");
  background-repeat: no-repeat;
  background-position: 0% 0%;
}
td.frameB
{
  height: 78px;
  background-image: url("Images/BorderB.gif");
  background-repeat: repeat-x;
  background-position: 0% 0%;
}
td.frameBR
{
  height: 78px;
  width: 89px;
  max-width: 89px;
  background-image: url("Images/BorderBR.gif");
  background-repeat: no-repeat;
  background-position: 0% 0%;
}

h3
{
  color: #C64A4A;
  margin-top: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-left: 0px;
}


p
{
  margin-top: 6px;
  margin-bottom: 0px;
  margin-left: 8px;
  margin-right: 4px;
}

p.tight
{
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

ul
{
  margin-top: 0px;
  margin-bottom: 2px;
  /* Don't specify margin-left,
     because this is also the indent for the <li> items.
     In Inernet explore this is without the bullet,
     In Navigator inclusive the bullet.
  */
}

.stamp
{
  border:        2px solid #993333;
  font-size:     16px;
  font-family:   monospace;
  font-weight:   bolder;
  color:         #CC3333;
/* text-align:    center; */
  text-align:    left;
  margin-left:   20px;
  margin-right:  20px;
  margin-top:    5px;
  margin-bottom: 5px;
  padding:       10px 10px 10px 20px;
}

td.sonjaTL
{
  height: 12px;
  width: 12px;
  max-width: 12px;
  background-image: url("Images/sonjaTL.gif");
  background-repeat: no-repeat;
  background-position: 0% 0%;
}
td.sonjaT
{
  height: 12px;
  background-image: url("Images/sonjaT.gif");
  background-repeat: repeat-x;
  background-position: 0% 0%;
}
td.sonjaTR
{
  height: 12px;
  width: 12px;
  max-width: 12px;
  background-image: url("Images/sonjaTR.gif");
  background-repeat: no-repeat;
  background-position: 0% 0%;
}
td.sonjaL
{
  width: 12px;
  max-width: 12px;
  background-image: url("Images/sonjaL.gif");
  background-repeat: repeat-y;
  background-position: 0% 0%;
}
td.sonjaC
{
  background-color: #FFFFFF;
  color: #000000;
  font-family: verdana, arial, sans-serif;
  font-size: medium;
}
td.sonjaR
{
  width: 12px;
  max-width: 12px;
  background-image: url("Images/sonjaR.gif");
  background-repeat: repeat-y;
  background-position: 0% 0%;
}
td.sonjaBL
{
  height: 12px;
  width: 12px;
  max-width: 12px;
  background-image: url("Images/sonjaBL.gif");
  background-repeat: no-repeat;
  background-position: 0% 0%;
}
td.sonjaB
{
  height: 12px;
  background-image: url("Images/sonjaB.gif");
  background-repeat: repeat-x;
  background-position: 0% 0%;
}
td.sonjaBR
{
  height: 12px;
  width: 12px;
  max-width: 12px;
  background-image: url("Images/sonjaBR.gif");
  background-repeat: no-repeat;
  background-position: 0% 0%;
}

/* Calendar styles: */
.calHead,
.calOff,
.calPast,
.calFree,
.calNoArrival,
.calOccupied,
.calOffDuty
{
  font-size:        11px;
  font-weight:      bold;
  text-align:       center;
}

.calOff,
.calPast,
.calFree,
.calNoArrival,
.calOccupied,
.calOffDuty
{
  width:            30px;
  white-space:      nowrap;
}

.calHead
{
  background-color: #FFCE7B;
  color:            #C64A4A;
  font-weight:      bold;
}
.calOff
{
  background-color: #EEEEEE;
  color:            #666666;
  font-weight:      normal;
}
.calPast,
.calOffDuty
{
  background-color: #EEEEEE;
  color:            #000033;
  font-weight:      bold;
}
.calFree
{
  background-color: #66FF66;
  color:            #000033;
  font-weight:      bold;
}
.calNoArrival
{
  background-color: #99FF99;
  color:            #000033;
  font-weight:      bold;
}
.calOccupied
{
  background-color: #FF3333;
  color:            #FFFFCC;
  font-weight:      bold;
}

/* Booking list  styles: */
.bookHead,
.bookFree,
.bookOccupied,
.bookOffCal,
.bookOffDuty
{
  font-size:        11px;
  font-weight:      bold;
  text-align:       center;
  white-space:      nowrap;
}
.bookFree,
.bookOccupied,
.bookOffCal,
.bookOffDuty
{
  width:            100px;
}
.bookHead
{
  background-color: #FFCE7B;
  color:            #C64A4A;
  font-weight:      bold;
}
.bookOffDuty
{
  background-image:    url("/Scripts/Images/blocked.gif");
  background-repeat:   no-repeat;
  background-position: right top;
  background-color:    #CCCCCC;
  color:               #000066;
  font-weight:         bold;
}
.bookFree
{
  background-color: #CCFF66;
  color:            #000033;
  font-weight:      bold;
}
.bookOccupied
{
  background-color: #F77373;
  color:            #FFFFFF;
  font-weight:      bold;
}
.bookOffCal
{
  background-color: #EEEEEE;
  color:            #666666;
  font-weight:      normal;
}


/* Reservations list  styles: */
.resHead,
.resFree,
.resOccupied,
.resValue,
.resNumber,
.resContract,
.resOfferte,
.resOpen,
.resOff
{
  font-size:        12px;
  font-weight:      bold;
  vertical-align:   top;
  white-space:      nowrap;
}
.resHead
{
  background-color: #FFCE7B;
  color:            #C64A4A;
  text-align:       left;
}
.resValue,
.resNumber,
.resOpen
{
  background-color: #FFFF9C;
  color:            #000066;
}
.resOfferte
{
  background-color: #FF9999;
  color:            #000066;
}
.resContract
{
  background-color: #FF7777;
  color:            #FFFFFF;
}
.resValue
{
  text-align:       left;
  max-width:        500px;
  white-space:      normal;
}
.resNumber,
.resContract,
.resOfferte,
.resOpen
{
  text-align:       right;
  padding-right:    10px !important;
}
.resOff
{
  background-color: #CCCCCC;
  color:            #C64A4A;
  text-align:       left;
  font-weight:      bold;
}
.resFree
{
  background-color: #CCFF66;
  color:            #000033;
  text-align:       center;
}
.resOccupied
{
  background-color: #F77373;
  color:            #FFFFFF;
  text-align:       center;
}
.resArch
{
  background-image:    url( "Images/Arch.gif" );
  background-repeat:   no-repeat;
  background-position: bottom center;
}