html {
    background-color: #006699;
    margin: 0;
    padding: 0;
}

body {
    background-color: #006699;
    border-top: solid 8px #006699;
    color: #333;
    font-size: .80em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

#body {
    /*border: 1px solid #666666;*/
    background-color: #FFFFEA;
    clear: both;
    display: table;
    margin: 0 auto;
    width: 100%;
}

A:link {
    text-decoration: none;
    color: #006699;
}

A:visited {
    text-decoration: none;
    color: #006699;
}

A:active {
    text-decoration: none;
    color: #006699;
}

A:hover {
    color: #000000;
}

/* main layout
----------------------------------------------------------*/
.header-wrapper {
    background-color: #006699;
    height: 90px;
    margin: 0 auto;
    width: 100%;
}

.menucontent-wrapper {
    height: 33px;
    margin: 0 auto;
    background: #414141;
    width: 100%;
}

.maincontent-wrapper {
    margin: 0 auto;
    width: 100%;
}

.maincontent {
    margin-left: 10px;
}

.footercontent-wrapper {
    background-color: #414141;
    margin: 0 auto;
    width: 100%;
}

.formMessage {
    height: 30px;
    text-align: left;
    line-height: 30px;
    color: #FF0000;
    font-weight: bold;
}

.formMsg {
    height: 30px;
    text-align: left;
    line-height: 30px;
}

.formTitle {
    padding-top: 20px;
    padding-bottom: 5px;
    font-size: 16pt;
    color: #006699;
    font-weight: bold;
    width: 100%;
}

.formSubTitle {
    padding-top: 20px;
    padding-bottom: 5px;
    font-size: 14pt;
    color: #006699;
    font-weight: bold;
    width: 100%;
}


.ssGridHeader {
    background-color: #C0C0C0;
    color: #006699;
    text-align: center;
    height: 25px;
}

.ssGridRow {
    color: Black;
    height: 25px;
}

.ssGridRowAlt {
    color: Black;
    height: 25px;
    background-color: #EAF4FF;
}

.calendar {
    color: Blue;
    font-weight: bold;
    background-color: yellow;
    width: 40px;
    height: 35px;
}

.button {
    /*background-position: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3F8EB5), color-stop(100%,#1D76A0));*/
    background: #006699;
    font-family: "Segoe UI", Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    font-size: 12px;
    padding: 8px;
    color: #FFFFFF;
    border: 1px solid #000000;
    margin-top: 8px;
    margin-bottom: 8px;
}

.buttonHover {
    /*background-position: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3F8EB5), color-stop(100%,#1D76A0));*/
    background: #000000;
    font-family: "Segoe UI", Tahoma, Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    font-size: 12px;
    padding: 8px;
    color: #FFFFFF;
    border: 1px solid #006699;
    margin-top: 8px;
    margin-bottom: 8px;
}