html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

html, body {
    margin: 0;
    /*overflow: hidden;*/
    height: 100%;
}

body {
    font-size: 12px;
    font-family: Tahoma, Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

header, footer, nav, section {
    display: block;
}
header .content-wrapper {
    padding-top: 20px;
}

#MainBody {
    background-color: #fefefe;
    clear: both;
    /*padding-bottom: 35px;*/
    padding-left: 30px;
    padding-right:30px;
    padding-top: 0px;
    padding-bottom:30px;
    min-height:700px;

}
/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

/* Page */
body {
    background-color: #f8f8f8;
    font-size: 12px;
    margin: 0;
}

.ui-button.ui-state-default.redButton {
    border: 1px solid #FF0000;
    background: #FF0000
    /*{fcContent}*/
    ;
}

.ui-button.blueButton {
    border: 1px solid #0055FF
    /*{borderColorContent}*/
    ;
    background: #0055FF
    /*{fcContent}*/
    ;
}

.ui-button.lightblueButton {
    border: 1px solid #ff0000
    /*{borderColorContent}*/
    ;
    background: #ff0000
    /*{fcContent}*/
    ;
}

/* Header */
.header {
    background: #fff;
    border-top: 5px solid #6ABA2F;
    border-bottom: 1px solid #e0e0e0;
    color: #777;
    z-index: 1000;
    padding: 10px 60px 0 30px;
}

hr {
    border: 1px dotted #989898;
    border-style: none none dotted; 
    color: #fff; 
    background-color: #fff;
}

/* Header logo */
h1.logo {
    font-size: 1em;
    margin: 0;
}

.logo a {
    display: inline-block;
    text-decoration: none;
}

.logo img {
    width: auto;
    height: auto;
}

h1.PageHeader {
    margin: 0;
    font-family: Trebuchet MS;
    text-shadow: 2px 2px 2px #fff;
    font-size: 14pt;
    float: left;
}

h3.logo {
    display: inline-block;
    font-family: Tahoma, Arial;
    font-weight: bold;
    font-size: 1em;
    margin: 0 0 .6em 0;
    color: black;
    text-shadow: 1px 1px 1px #ddd;
}


footer {
    clear: both;
    /*z-index: 10;*/
    height: 35px;
    margin-top: -3em;
    margin-bottom: 0em;
    width: 100%;
    bottom: 0;
    /*position: fixed;*/
    color: #fff;
    background: #339900; /* Old browsers */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NzMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzMzOTkwMCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzZBQkEyRiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc3MykiIC8+Cjwvc3ZnPg==);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top left, #339900 30%, #42C700 100%);
    padding: 0em 3.375em 0em;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #e5e5e5;
    border-top-color: rgba(0,0,0,.1);
    text-shadow: 0 1px 0 gray;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.15);
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
}

.footer {
    clear: both;
    /*z-index: 10;*/
    /*width: 100%;*/
    bottom: 0;
    color: #fff;
    background: #339900; /* Old browsers */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NzMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzMzOTkwMCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzZBQkEyRiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc3MykiIC8+Cjwvc3ZnPg==);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top left, #339900 30%, #42C700 100%);
    padding: 0em 3.375em 0em;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #e5e5e5;
    border-top-color: rgba(0,0,0,.1);
    text-shadow: 0 1px 0 gray;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.15);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.15);
    box-shadow: 0 0 15px rgba(0,0,0,0.15);

    /*margin-top: -3em;*/
    margin-bottom: 0em;
    /*width: 100%;*/
    height: 60px;

}


header, hgroup,
nav, section {
    display: block;
}

/* nav    */

nav {
    background-color: #494949;
    border: 0px solid #dedede;
    border-radius: 0px;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
    color: #888;
    display: block;
    margin: 0px 0px 8px 0px;
    overflow: hidden;
    width: 100%;
}

    nav a:hover {
        background-color: #000;
    }
    
     nav > ul > li.clock {
        float: right;
        padding: 0px 1px !important;
    }
    nav > ul > li.clock > a {
        float: right;
        padding: 0px 1px !important;
    }
      nav > ul > li.clock:hover{
          background-color: #494949;
          display: inline-block;
          white-space:nowrap;
    }
      
      nav > ul > li.clock:hover > a {
            background-color: #494949;
        }

    nav ul {
        margin: 0;
        padding: 0;
    }

        nav ul li {
            display: inline-block;
            list-style-type: none;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -ms-transition: all 0.2s;
            -o-transition: all 0.2s;
            transition: all 0.2s;
            padding-left:10px;
        }

    nav > ul > li > a {
        color: #fff;
        display: block;
        line-height: 30px;
        padding: 0 24px;
        text-decoration: none;
        font-weight: bold;
    }
        nav > ul > li > a > .caret {
            border-top: 4px solid #aaa;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent;
            content: "";
            display: inline-block;
            height: 0;
            width: 0;
            vertical-align: middle;
            -webkit-transition: color 0.1s linear;
            -moz-transition: color 0.1s linear;
            -o-transition: color 0.1s linear;
            transition: color 0.1s linear;
        }

    nav > ul > li:hover {
        background-color:#000;
    }

        nav > ul > li:hover > a {
            color: rgb( 255, 255, 255 );
        }

            nav > ul > li:hover > a > .caret {
                border-top-color: rgb( 255, 255, 255 );
            }

    nav > ul > li > div {
        background-color: rgb( 40, 44, 47 );
        border-top: 0;
        border-radius: 0 0 4px 4px;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
        display: none;
        margin: 0;
        opacity: 0;
        position: absolute;
        width: 315px;
        visibility: hidden;
        z-index: 100;
        -webkit-transiton: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -ms-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        -transition: opacity 0.2s;
        text-align:center;
    }

        nav > ul > li > div ul > li {
            display: block;
        }

            nav > ul > li > div ul > li > a {
                color: #fff;
                display: block;
                padding: 12px 24px;
                text-decoration: none;
            }

            nav > ul > li > div ul > li > span {
                color: #fff;
                display: block;
                padding: 12px 24px;
                text-decoration: none;
            }

            nav > ul > li > div ul > li:hover > span {
                color: #fff;
                display: block;
                padding: 12px 24px;
                text-decoration: none;
            }

            nav > ul > li > div ul > li:hover > a {
                background-color: #000;
            }

    nav > ul > li:hover > div {
        display: block;
        opacity: 1;
        visibility: visible;
    }

/* END NAV */
/* NAV BADGE */


.badge {
    display: block;
    position: absolute;
    top: 65px;
    width: inherit;
    margin-left: 40px;
    line-height: 15px;
    height: 16px;
    padding: 0 5px;
    font-family: Arial, sans-serif;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.25);
    border: 1px solid;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
}

.badge {
    background: #67c1ef;
    border-color: #30aae9;
    background-image: -webkit-linear-gradient(top, #acddf6, #67c1ef);
    background-image: -moz-linear-gradient(top, #acddf6, #67c1ef);
    background-image: -o-linear-gradient(top, #acddf6, #67c1ef);
    background-image: linear-gradient(to bottom, #acddf6, #67c1ef);
}

    .badge.green {
        background: #77cc51;
        border-color: #59ad33;
        background-image: -webkit-linear-gradient(top, #a5dd8c, #77cc51);
        background-image: -moz-linear-gradient(top, #a5dd8c, #77cc51);
        background-image: -o-linear-gradient(top, #a5dd8c, #77cc51);
        background-image: linear-gradient(to bottom, #a5dd8c, #77cc51);
    }

    .badge.yellow {
        background: #faba3e;
        border-color: #f4a306;
        background-image: -webkit-linear-gradient(top, #fcd589, #faba3e);
        background-image: -moz-linear-gradient(top, #fcd589, #faba3e);
        background-image: -o-linear-gradient(top, #fcd589, #faba3e);
        background-image: linear-gradient(to bottom, #fcd589, #faba3e);
    }

    .badge.red {
        background: #fa623f;
        border-color: #fa5a35;
        background-image: -webkit-linear-gradient(top, #fc9f8a, #fa623f);
        background-image: -moz-linear-gradient(top, #fc9f8a, #fa623f);
        background-image: -o-linear-gradient(top, #fc9f8a, #fa623f);
        background-image: linear-gradient(to bottom, #fc9f8a, #fa623f);
    }
/* END NAV BADGE*/

.content {
    min-height: 80%;
    height: auto !important;
    height: 100%;
    width: 96%;


    margin: 0 60px -60px 60px; /* the bottom margin is the negative value of the footer's height */
    
        margin-left: auto;
    margin-right: auto;
}

.txtBox {
    font-family: Tahoma, Arial;
    font-size: 12px;
    /*padding: 4px 4px 4px 4px;*/
    padding: 3px 4px 3px 6px;
    outline: none;
    border: solid 1px #6ABA2F;
    -webkit-border-radius: .6em;
    -moz-border-radius: .6em;
    border-radius: .6em;
    width: 45px;
    /*margin: 2px 0px 2px 0px;*/
}

.txtBox:focus { /* When you click on the field... */
    /*padding: 4px 4px 4px 4px;*/
    background-color: #ffffcc;
}


.redTextBox {
    font-family: Tahoma, Arial;
    font-size: 12px;
    /*padding: 4px 4px 4px 4px;*/
    padding: 2px 4px 2px 2px;
    outline: none;
    border: solid 1px red;
    -webkit-border-radius: .6em;
    -moz-border-radius: .6em;
    border-radius: .6em;
    margin: 2px 0px 2px 0px;
}

.redTextBox:focus {
    border: solid 1px red;

}

.txtDropDown {
    font-family: Tahoma, Arial;
    font-size: 12px;
    padding: 2px 4px 2px 2px;
    outline: none;
    border: solid 1px #6ABA2F;
    -webkit-border-radius: .6em;
    -moz-border-radius: .6em;
    border-radius: .6em;
    margin: 2px 0px 2px 0px;
}

.txtDropDown:focus { /* When you click on the field... */
    background-color: #ffffcc;
}

.EditableBox {
    display: none;
}

.CellLabel {
    background-color: #FEFEFE;
    color: black;
    font-weight: bold;
}


.reset td{
	border: 0;
	font-size: 100%;
	font: inherit;
    padding:0px 4px;
}

a.smaller
{
    color: #6599ff;
    text-decoration: none;
    font-weight: bold;
    font-size:smaller;
}

a.smaller:hover
{
    color: #003399;
    text-decoration: none;
    font-weight: bold;
    font-size:smaller;

}

a.smallerWhite
{
    color: #b6b6b6;
    text-decoration: none;
    font-weight: bold;
    font-size:smaller;
}

a.smallerWhite:hover
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    font-size:smaller;

}

a.smallBoxed
{
    color: #6aba2f;
    text-decoration: none;
    font-weight: bold;
    font-size:smaller;
    float:right;
    padding:2px 5px;
}

a.smallBoxed:hover
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    font-size:smaller;
    float:right;
    padding:2px 5px;
    background-color: #339900;
    cursor: pointer; 
    -webkit-border-radius: .6em;	
    -moz-border-radius: .6em; 
    border-radius: .6em;


}

.AutoSize 
{
    min-width:40%;
    width: 92%;
}

.RedBold 
{
    color:red;
    font-weight:bold;
}

.firstDialog{
    z-index:107 !important;
}

.secondDialog{
    z-index:109 !important;
}

.topmostDialog{
    z-index:1000 !important;
}
.noBorder td{
    border:0 none !important;
}

.transparent-dialog {
  background: transparent;
}
.transparent-dialog .ui-widget-header {
  border: none;
  background: transparent;
}
.transparent-dialog .ui-widget-content {
  background: transparent;
}
#loadingDiv{
    position:absolute;
    bottom:0; 
    font-family:Tahoma; 
    background-color:#339900; 
    color:#ffffff; 
    font-weight: bold; 
    font-size:12px; 
    padding: 6px 10px 6px 10px;
}

/*
   Custom CSS------------------------*/

.icon-button {
    width:24px;
    height:24px;
}


.tblV1 {
    width:100%;
    background-color: #F5F3EB; 
    margin: 10px 0 10px 0; 
    border:solid #D4CCB0 1px;
    border-collapse:separate;
	-webkit-border-radius: .6em;
	-moz-border-radius: .6em;
	border-radius: .6em;
    font-size:medium;
    font-family:Tahoma;
    font-size:12px;
}

.tblV1 td, .tblV1 th {
    padding: 8px 8px; 
    border-left:solid #D4CCB0 1px;
    border-top:solid #D4CCB0 1px;
    color: #717171; 
    min-width:50px;
    vertical-align:middle;
}

.tblV1 th {
    padding: 8px 2px; 
    color: #fff; 
    background: #424242 url(images/grd_head.png) repeat-x top; 
    border-left:solid #D4CCB0 1px;
    border-top: none;
    font-size: 0.9em; 
    text-shadow:0 -1px 1px #145072;
    font-weight: bold; 

}

.tblV1 td:first-child, .tblV1 th:first-child {
     border-left: none;
}



.mGrid { 
    width: 100%; 
    background-color: #fff; 
    margin: 5px 0 10px 0; 
    border: solid 1px #525252; 
    border-collapse:collapse; 
    font-size:medium;
    /*border-radius: 15px;*/
    font-family:Tahoma;
    font-size:12px;
}
.mGrid td { 
    /*height:30px;*/
    padding: 8px 8px; 
    border: solid 1px #c1c1c1; 
    color: #717171; 
    min-width:50px;
    /*height:28px;*/
    vertical-align:middle;
}
.mGrid th { 
    padding: 8px 2px; 
    color: #fff; 
    background: #424242 url(images/grd_head.png) repeat-x top; 
    border-left: solid 1px #525252; 
    font-size: 0.9em; 
    text-shadow:0 -1px 1px #145072;
    font-weight: bold; 
}

/* Popup Dialog*/
.popup-dialog
{
    padding-top: 12px !important;
    min-width: 250px;
}

/* Loading UI Blocker*/
#modal-loading
{
    padding: 15px 0 0 0;
    border: 1px solid #888;
    background-color: #fff;
    background-image: url(images/noise.png);
    z-index: 9000 !important;
    box-shadow: 0 2px 6px #333;
}

#modal-loading #message-container
{
    margin-top: 10px;
    border-top: 1px solid #aaa;
    min-height: 15px;
    padding: 3px 0 ;
    box-shadow: inset 0 2px 1px #ccc;
}

#modal-loading #message
{
    color: #333;
    text-align:center;
    font-size: 10px;
    line-height: 10px;
}