TD
{
   font-size: 11px;
   font-family: verdana, arial, sans-serif;
}


H1
{
   color: black;
   font-size: 14px;
   font-weight: bold;
   font-family: verdana, arial, sans-serif;
}

H2
{
   color: black;
   font-size: 12px;
   font-weight: bold;
   font-family: verdana, arial, sans-serif;
}

input
{
   font-size: 10px;
   color: #000000;
}

.calendarTable
{
   background-color: #d3d3d3;
   border-left: 1px solid #a9a9a9;
   border-bottom: 1px solid #a9a9a9;
   border-right: 1px solid #a9a9a9;
}


.calendarTableInline
{
   background-color: #d3d3d3;
   border-left: 1px solid #a9a9a9;
   border-bottom: 1px solid #a9a9a9;
   border-right: 1px solid #a9a9a9;
   border-top: 1px solid #a9a9a9;
}

.iconCalCommon
{
   border:none;
   color: #ff00ff;
}

.calSelectCommon
{
   font-size: 10px;
   color: #000000;
}

.calEntry
{
   background-color: #eeeeff;
   color: #e0ffff;
}

.calSelect
{
   font-size: 10px;
   color: #000000;
}


.fullbox
{
   border-right: #999999 1px solid;
   border-top: #999999 1px solid;
   border-left: #999999 1px solid;
   border-bottom: #999999 1px solid;
   background-color: #eeffee;
}

.fullboxinstall
{
   border-right: #999999 1px solid;
   border-top: #999999 1px solid;
   border-left: #999999 1px solid;
   border-bottom: #999999 1px solid;
   background-image: url("../pictures/install/formback.gif");
}

.midbox
{
   border-left : 1px solid #999999;
   border-right : 1px solid #999999;
   background-image : url(common/storyheader-back.gif);
}

.upper-left         { background-image : url(common/upper-left.gif); }
.upper-mid          { background-image : url(common/upper-mid.gif); }
.upper-right        { background-image : url(common/upper-right.gif); }
.shadow-left        { background-image : url(common/shadow-left.gif); }
.shadow-mid         { background-image : url(common/shadow-mid.gif); }
.shadow-right       { background-image : url(common/shadow-right.gif); }
.main-left          { background-image : url(common/main-left.gif); }
.main-mid           { background-image : url(common/main-mid.gif); }
.main-right         { background-image : url(common/main-right.gif); }
.lower-left         { background-image : url(common/lower-left.gif);background-repeat:no-repeat; }
.lower-mid         { background-image : url(common/lower-mid.gif); }
.lower-right        { background-image : url(common/lower-right.gif);background-repeat:no-repeat; }
.col-left           { background-image : url(common/col-left.jpg); }
.col-right          { background-image : url(common/col-right.jpg); }
.col-left-curve     { background-image : url(common/col-left-curve.gif); }
.col-right-curve    { background-image : url(common/col-right-curve.gif); }
.col-left-line      { background-image : url(common/col-left-line.gif); }
.col-right-line     { background-image : url(common/col-right-line.gif); }
.lower-line-left    { background-image : url(common/lower-line-left.gif); }
.lower-line-right   { background-image : url(common/lower-line-right.gif); }
.lower-line-mid     { background-image : url(common/lower-line-mid.gif); }

.content
{
   text-align: left;
   font-family: verdana, arial, sans-serif;
   font-size : 11px;
   vertical-align: top;
   background-color: #ffffff;
   color: #000000;
}

.contentInstall
{
   font-family: verdana, arial, sans-serif;
   font-size : 12px;
   vertical-align: top;
   color: #000000;
}

.button
{
   background-image : url(common/menu.gif);
   border-left : 1px solid #999999;
   border-right : 1px solid #999999;
}

.layerTop
{
   position:absolute;
   top:0px;
   left:0px;
   width: 100%;
   height: 100%;
}

a.footer:hover
{
  color : #556B2F;
  text-decoration: underline;
}

A.calendar:link,
A.calendar:active,
A.calendar:hover,
A.calendar:visited
{
    border: none;
    text-decoration:none;
    font-size:10px;
}

.taskStep
{
    font-family: Verdana, Geramond, sans-serif;
    font-size: 10px;
    color: #afafaf;
    border:1px solid #aeaeae;
}

.taskStepSelected
{
    font-family: Verdana, Geramond, sans-serif;
    font-size: 10px;
    color: #2d2d2d;
    text-decoration:none;
    border:none;
    font-weight:bold;
    border: 1px solid #010101;
}

.visibleFirst
{
    visibility:visible;
    display:inline;
}

.hiddenFirst
{
    visibility:hidden;
    display:none;
}


.light-grey-s
{
    font-family: "Verdana";
    font-size: 10px;
    color: #aaaaaa;
}

.calTest
{
   background-color: #e9ebda;
   border:1px solid #b0b0b0;
   font-size: 10px;
   font-family: "verdana", sans-serif;
   color: #1d1d1d;
}
#navcontainer {
    background: #f0f0f0;
    margin: 0;
    font-family: arial, sans-serif;
}

/* to stretch the container div to contain floated list */
#navcontainer:after {
    content: ".";
    display: block;
    line-height: 1px;
    font-size: 1px;
    clear: both;
    height:22px;
}

ul#navlist{
    list-style: none;
    padding: 0;
    margin: 0 auto;
    left:0;
    width: 100%;
    font-size: 0.8em;
}

li {
    display: block;
    float: left;
    width: 15%;
    margin: 0;
    padding: 0;

}

a.inactiveLink, a.activeLink {
    display: block;
    width: 100%;
    padding: 0.5em;
    border-width: 1px;
    border-color: #ccc #ccc #ccc #ccc;
    border-style: solid;
    color: #800000;
    text-decoration: none;
    background: #f1f1f1;
}

a.inactiveLink,a.activeLink { width: auto; text-decoration:none; color: #777;}

li a:hover, a.activeLink
{
    color: #800000;
    background: #f7edde;
    border-bottom:none;
    border-top:none;
    border-color: #ccc #ccc #ccc #ccc;
    text-decoration: none;
}

a.activeLink:hover {
    color: #800000;
    background: #f7edde;
    border-color: #ccc #ccc #ccc #ccc;
    text-decoration: none;
}