@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");

.NoWrap
{
    white-space: nowrap;
}

.Wrap
{
    white-space: normal;
}

@media screen
{
    html, body
    {
        height: 100%;
        margin: 0 auto;
    }

    body
    {
        /*margin-top: 15px;
        margin-left: 15px;
        margin-right: 15px;*/
        font-size: 10pt;
        font-family: 'Noto Sans', sans-serif, Arial;
        color: #4c4c4c;
        background-color: #ffffff;
        line-height: 12pt;
    }

    input, select, button, textarea, .CalendarCombo
    {
        font-family: 'Noto Sans', Tahoma, Arial;
        font-size: 9pt;
        color: #4c4c4c;        
        border: 1px solid #4c4c4c;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
    }

    select
    {
        padding: 5px 5px;
    }

    input, button, textarea, .CalendarCombo
    {
        padding: 7px 5px;
    }

    a
    {
        color: #897154;
        text-decoration: underline;
    }

    a:hover
    {
        color: #e3ce8b;
    }

    .PrintOnly
    {
        display: none;
    }

    .group:after {
      visibility: hidden;
      display: block;
      content: "";
      clear: both;
      height: 0;
    }
    * html .group             { zoom: 1; } /* IE6 */
    *:first-child+html .group { zoom: 1; } /* IE7 */

    /*
    		* Master Layout
    		*/

    .Master {
        /*border-width: 0px;
        border-spacing: 0px;
        background-color: white;*/
        /*width: 900px;*/
        /*margin-left: auto;
        margin-right: auto;*/
    }

    .loginbody {
        margin-left: auto;
        margin-right: auto;
        width: 440px;
    }

    .FullWidth
    {
        width: 100%;
    }

    .Master td
    {
        vertical-align: top;
    }

    .wrapper
    {
        height: 100%;
    }

    tr.BodyWrapper
    {
        min-height: 100%;
        margin-bottom: -70px;
    }

    .MasterFooter, .push
    {
        height: 70px;
    }

    .Banner
    {
        padding: 0px;
        height: 90px;
        /*background-image: url(../../Images/BannerBackground.gif );
        background-repeat: repeat-x;*/
        overflow: hidden;
        background-color: #594b39;
        /*background-color: #967F60;*/
        color: #ffffff;
    }

    h1.banner
    {
        margin-top: 40px;
        margin-left: 40px;
        color: #ffffff;
        font-size: 30pt;
        text-transform: uppercase;
        float: left;
    }

    .BannerLogo
    {
        height: 90px;
        width: 950px;
        border: 0px;
        overflow: hidden;
    }

    .MasterBody
    {
        vertical-align: top;
        padding: 15px 30px 15px 30px;
    }

    .MasterFooter
    {
        vertical-align: middle;        
        font-size: 9pt;
        color: White;
        background-color: #957E5F;
        text-align: center;
        clear: both;
        padding: 20px 50px;

    }

        td.MasterFooter
        {
            vertical-align: middle !important;
        }

    .MasterFooter a
    {
        color: #ffffff;
        text-decoration: none;
    }

    .MasterFooter a:hover
    {
        color: #ffcc99;
        text-decoration: underline;
    }

    .MasterFooter > .advantech
    {
        text-align: center;
    }

    .LoadingPopup
    {
        font-size: large;
        font-weight: bold;
    }

    .AdvantechLogo
    {
        text-align: right;
        background-color: Black;
    }

    .AdvantechLogo a
    {
        color: #4c4c4c;
        text-decoration: none;
    }

    .PublicLeft
    {
        width: 283px;
    }

    .GotoControl
    {
        margin: 30px 30px;
        width: 250px;
        float: right;
        text-align: right;
    }

    /*
    		* Menu
    		*/

    .MasterMenu
    {
        padding: 0px 2px 0px 30px;
        margin: 0px 0px 0px 0px;
        height: 40px;
        /*background-color: #967F60;*/
        background: #957E5F;  /* fallback for old browsers */
        /*background: -webkit-linear-gradient(to bottom, #9a8478, #1e130c);  /* Chrome 10-25, Safari 5.1-6 */
        /*background: linear-gradient(to bottom, #9a8478, #1e130c);*/ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        
        -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
        -moz-box-shadow:    0px 3px 5px rgba(100, 100, 100, 0.49);
        box-shadow:         0px 3px 5px rgba(100, 100, 100, 0.49);
    }

    .Menu
    {
        text-align: left;
        font-size: 7pt;
        font-family: inherit;
    }

    .MenuSpacer
    {
        /*display: block;
        float: left;
        padding-left: 3px;
        padding-right: 3px;
        height: 1px;*/
    }

    a.MenuItem
    {
        display: block;
        float: left;
        width: 95px;
        height: 40px;
        /*background-image: url(../../Images/MenuTab.gif);
        background-position: left top;
        background-repeat: no-repeat;*/        
        text-decoration: none;
        text-align: center;
        color: White;
        font-weight: bold;
        text-transform: uppercase;
        /*padding: 8px 5px;*/
        font-size: 9pt;
    }

        a.MenuItem > span
        {
            line-height: 40px;
        }

    a.MenuItem:hover
    {
        /*background-image: url(../../Images/MenuTabActive.gif);*/
        cursor: pointer;
        background-color: #f4f4f4;
        color: #967F60;
    }

    .SubMenu
    {
        margin-top: 2px;
        border: solid 1px #999999;
        padding: 5px;
        background-color: White;
        text-align: left;
        white-space: nowrap;
    }

    a.SubMenuItem
    {
        display: block;
        color: #4c4c4c;
        margin-top: 2px;
        padding: 5px 5px;
        text-decoration: none;
        font-size: 9pt;
    }

    a.SubMenuItem:hover, a.SubMenuItem:hover span
    {
        color: #ffcc99;
        background-color: #957e5f;
        cursor: pointer;
    }
}