﻿html {
    /*background-color: #e2e2e2;*/
    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: 1250px;*/
}

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;
}

header, footer, hgroup,
nav, section {
    display: block;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

#body {
    border: 1px solid #666666;
    background-color: #FFFFEA;
    clear: both;
    display: table;
    width: 100%;
}

#loginMain {
    margin-left: 20px;
    margin-right: 20px;
    display: table;
}

/* main layout
----------------------------------------------------------*/
.header-wrapper {
    background-color: #006699;
    height: 90px;
    /*margin: 0 auto;*/
    width: 100%;
}

.menucontent-wrapper {
    height: 32px;
    /*margin: 0 auto;*/
    background: #414141;
    width: 100%;
}

.maincontent-wrapper {
    display: table;
    /*margin: 0 auto;*/
    width: 100%;
    /*height: 600px;*/
}

.footercontent-wrapper {
    background-color: #414141;
    /*margin: 0 auto;*/
    /*margin-top: 7px;*/
    width: 100%;
}

/* nav menu layout
----------------------------------------------------------*/
.navmenu {
    width: 800px;
    float: left;
}

#login {
    width: 70px;
    display: block;
    font-size: 10pt;
    color: #efeeef;
    font-weight: bold;
    margin-top: 8px;
    text-align: right;
    padding-right: 10px;
}

.navlogin {
    float: right;
}

/* main content layout
----------------------------------------------------------*/

.maincontent {
    display: table;
    /*width: 1230px;*/
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}

/* main layout form
----------------------------------------------------------*/

/*#formMain
{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	display: table;
}*/

.formMessage {
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #FF0000;
    font-weight: bold;
}

.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%;
}

.gridTitle {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14pt;
    color: #006699;
    font-weight: bold;
    width: 100%;
}

.formStep {
    background-color: #808080;
    color: #FFFFFF;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    margin-bottom: 5px;
}

.formTitleBar {
    background-color: #808080;
    color: #FFFFFF;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    margin-bottom: 5px;
}

.formTable {
    margin-left: 20px;
    width: 744px;
    margin-bottom: 10px;
}

.formTableCol1 {
    width: 244px;
    height: 22px;
    text-align: left;
}

.formTableCol2 {
    width: 540px;
    text-align: left;
}


.formTab {
    margin-left: 20px;
    width: 1000px;
    margin-bottom: 10px;
}

.formTabC1 {
    width: 300px;
    height: 22px;
    text-align: left;
}

.formTabC2 {
    width: 700px;
    text-align: left;
}

/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            color: #999;
            text-decoration: none;
        }

            ul#menu li a:hover {
                color: #333;
                text-decoration: none;
            }

/* form control styles
----------------------------------------------------------*/

.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;
}

.regField {
    height: auto;
    border: 1px solid #999999;
    font-family: "Segoe UI", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
}

.regField250 {
    height: auto;
    width: 300px;
    border: 1px solid #999999;
    font-family: "Segoe UI", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
}

.reqField {
    border: 1px solid #006699;
    font-family: "Segoe UI", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
}

.reqField250 {
    width: 300px;
    height: auto;
    border: 1px solid #006699;
    font-family: "Segoe UI", Tahoma, Arial, Helvetica, Tahoma, sans-serif;
}

.ssGridHeader {
    background-color: #C0C0C0;
    color: #006699;
    text-align: center;
    height: 25px;
}

.ssGridRow {
    color: Black;
    /*height: 25px;*/
}

.ssGridRowAlt {
    color: Black;
    /*height: 25px;*/
    background-color: #EAF4FF;
}

.selectRowStyle {
    background-color: #D9FFEC;
    color: DarkBlue;
    height: 25px;
}

.slidepics {
    padding: 0px;
    margin-left: 11px;
    width: 200px;
    height: 180px;
    overflow: hidden;
}

    .slidepics IMG {
        padding: 10px;
        background-color: #004F75;
        width: 178px;
        height: 158px;
        top: 0px;
        left: 0px;
    }

/* table styles
----------------------------------------------------------*/
.tabMember {
    width: 600px;
}

.tabMemberC1 {
    height: 22px;
}

.tabMemberC2 {
    width: 400px;
}

.tabDetails {
    width: 600px;
}

.tabDetailsC1 {
    height: 25px;
    width: 200px;
}

.tabDetailsC2 {
    width: 400px;
}

.tabDetails2 {
    width: 700px;
}

.tabDetailsCol1 {
    height: 22px;
    width: 200px;
}

.tabDetailsCol2 {
    width: 500px;
}

.tabReport {
    width: 450px;
}

.tabReportC1 {
    width: 150px;
    height: 20px;
}

.tabReportC2 {
    width: 300px;
}

.tabDetail {
    width: 600px;
}

.tabDetailC1 {
    width: 180px;
    height: 20px;
}

.tabDetailC2 {
    width: 420px;
}


.main_menu {
    background-color: #FFCC00;
    color: #000;
    text-align: left;
    height: 32px;
    line-height: 32px;
    margin-right: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.level_menu {
    border: 1px solid #FF0000;
    background-color: #FFCC00;
    color: #000000;
    text-align: left;
    height: 32px;
    /*line-height: 30px;*/
    margin-top: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

.selected {
    background-color: #000000;
    color: #fff;
}


.Menu {
}

    .Menu ul {
    }

        .Menu ul li {
            /*background:#7795BD url(menu_bg.gif) repeat-x;*/ /*background:#7795BD;
    text-align:left;*/ /* set width if needed.*/ /*width:200px;*/ /*padding-left: 10px;
    padding-right: 10px;*/
            border-style: none solid solid none;
            border-width: 0px 1px 1px 0px;
            border-color: #FFFFFF;
            background-color: #414141;
        }

            .Menu ul li a {
                padding: 7px 12px 7px;
                padding-left: 12px !important;
                border-bottom: 0;
            }

                .Menu ul li a:hover {
                    color: yellow;
                    background-color: #292929;
                }

            /*.Menu ul li a:hover
{
    color: yellow;
}*/

            .Menu ul li a {
                color: white;
            }
