body {
    margin: 0px;
    padding: 0;
    background-image: url("../images/bg.jpg");
}


.container {
    background-color: white;
    border: 1px solid #9c9c9c;
    border-radius: 10px 10px 0 0;
    margin-left: 1%;
    margin-right: 1%;
    min-height: 550px;
    overflow: hidden;
    width: 98%;
    padding-bottom: 10px;
    /*box-shadow: 1px 4px 5px 4px rgba(0,0,0,0.6);
    -moz-box-shadow: 1px 4px 5px 4px rgba(0,0,0,0.6);
    -webkit-box-shadow: 1px 4px 5px 4px rgba(0,0,0,0.6);
    -o-box-shadow: 1px 4px 5px 4px rgba(0,0,0,0.6);*/
}

.header {
    display: inline;
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: #12608D;
}

.headerImage {
    display: inline;
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
}

.headerContent {
    display: inline;
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 68%;
    background-color: white;
    height: 100%;
}

.OMSLogo {
    width: 100%;
    height: 100%;
}

.footer {
    display: inline;
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: #F5824F;
    color: white; 
    font: italic 13px georgia,serif;
    text-align: right;
    width: 98.2%;
    box-shadow: 0 12px 0 0 rgba(0,0,0,0.6);
    height: 18px;
    margin-left: 1%;
    margin-right: 0.8%;
    
}

.ForgotPassword {
    color: #A349A4;
    font: bold;
    font-size: 12px;
    font: italic 12px georgia,serif;
    text-align: center;
    margin-left: 1%;
    margin-right: 0.8%;
    /*box-shadow: 0 5px 0 0 rgba(0,0,0,0.6);
    -moz-box-shadow: 0 5px 0 0 rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 5px 0 0 rgba(0,0,0,0.6);
    -o-box-shadow: 0 5px 0 0 rgba(0,0,0,0.6);*/
}

.content {
    display: inline;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    /*min-height: 400px;*/
    margin-top: -5px;
    background-color: white;
    height: 100%;
}

.WelcomeHeader {
    color: white;
    width: 100%;
    height: 15px;
    background-color: #F5824F;
    color: white;
    font: bold;
    font-size: 18px;
    font-family: "Georgia, serif";
    margin-top: 2px;
    box-shadow: 0 7px 5px grey;
}

.Message {
    background-color: #FF3300;
    font-size: 15px;
}

.Heading {
    background-color: #00576B;
    color: white;
    font: bold;
    font-size: 18px;
    font: italic 18px georgia,serif;
}

.Tabcontent {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 0px 5px 5px;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.5);
    /*float: left;*/
    height: auto;
    padding: 0px 0px;
    position: relative;
    z-index: 2;
    font-size: 12px;
}

.TabHeaderDesgin {
    background-color: #0089b3;
    text-align: center;
}

.TabContentDesgin {
    background-color: #00A0D1;
    text-align: left;
}

#tabs {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    #tabs #current a, #tabs #current a::after {
        background: #00ace6 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    #tabs a::after {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 0 5px 0 0;
        bottom: 0;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
        content: "";
        position: absolute;
        right: -0.5em;
        top: 0;
        transform: skew(10deg);
        width: 1em;
        z-index: 1;
    }

    #tabs #current a, #tabs #current a::after {
        background: #648c38 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    #tabs a {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 5px 0 0;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
        color: #444;
        float: left;
        padding: 0.2em 2.5em;
        position: relative;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    }


/*Tab 2*/

#tabs1 {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    #tabs1 #current1 a, #tabs1 #current1 a::after {
        background: #00ace6 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    #tabs1 a::after {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 0 5px 0 0;
        bottom: 0;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
        content: "";
        position: absolute;
        right: -0.5em;
        top: 0;
        transform: skew(10deg);
        width: 1em;
        z-index: 1;
    }

    #tabs1 #current1 a, #tabs1 #current1 a::after {
        background: #3B5998 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    #tabs1 a {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 5px 0 0;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
        color: #444;
        float: left;
        padding: 0.2em 2.5em;
        position: relative;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    }


/*Tab 3*/

#tabs2 {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    #tabs2 #current2 a, #tabs2 #current2 a::after {
        background: #00ace6 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    #tabs2 a::after {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 0 5px 0 0;
        bottom: 0;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
        content: "";
        position: absolute;
        right: -0.5em;
        top: 0;
        transform: skew(10deg);
        width: 1em;
        z-index: 1;
    }

    #tabs2 #current2 a, #tabs2 #current2 a::after {
        background: #d64843 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    #tabs2 a {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 5px 0 0;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
        color: #444;
        float: left;
        padding: 0.2em 2.5em;
        position: relative;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    }

.mandatory {
    color: #ce0000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.TextBox {
    background-image: url("../images/txt_bg.jpg");
    background-repeat: repeat-x;
    border: 1px solid #d1c7ac;
    border-radius: 4px;
    color: #333333;
    font-family: tahoma,arial,sans-serif;
    padding: 3px;
    width: 80%;
}

    .TextBox:focus {
        border-color: rgba(38, 155, 201, 0.8);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(38, 155, 201, 0.6);
        outline: 0 none;
    }


.DropDown {
    background-image: url("../images/txt_bg.jpg");
    background-repeat: repeat-x;
    border: 1px solid #d1c7ac;
    border-radius: 4px;
    color: #333333;
    font-family: tahoma,arial,sans-serif;
    padding: 3px;
    width: 83%;
}

    .DropDown:focus {
        border-color: rgba(38, 155, 201, 0.8);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(38, 155, 201, 0.6);
        outline: 0 none;
    }

.myButton {
    -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
    -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
    box-shadow: 0px 1px 0px 0px #f0f7fa;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5824F', endColorstr='#F5824F',GradientType=0);
    background-color: #F5824F;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #F5824F;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 4px 6px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #5b6178;
    height: 34px;
}

    .myButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #12608D), color-stop(1, #33bdef));
        background: -moz-linear-gradient(top, #12608D 5%, #12608D 100%);
        background: -webkit-linear-gradient(top, #12608D 5%, #12608D 100%);
        background: -o-linear-gradient(top, #12608D 5%, #12608D 100%);
        background: -ms-linear-gradient(top, #12608D 5%, #12608D 100%);
        background: linear-gradient(to bottom, #12608D 5%, #12608D #12608D%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
        background-color: #12608D;
    }

    .myButton:active {
        position: relative;
        top: 1px;
    }

.RightText {
    font-family: "Tahoma",Geneva,sans-serif;
    font-size: 13px;
    padding: 8px;
    text-align: right;
    width: 15%;
}


.RightText1 {
    font-size: 15px;
    font-family: Century;
}

.LeftText {
    text-align: Left;
    font-size: 12px;
    width: 35%;
    font-family: Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif;
}

.CenterText {
    text-align: center;
    font-size: 13px;
}


.upleft {
    float: left;
    margin-top: 15px;
    width: 30%;
}

.upright {
    width: 70%;
    float: right;
}

.Homeupleft {
    float: left;
    margin-top: 50px;
    width: 49%;
    margin-left: 65px;
}

.Homeupright {
    width: 46%;
    float: right;
}


.upleftInner {
    /*background-color: #ebebeb;*/
    float: left;
    width: 20%;
}


.uprightInner {
    width: 80%;
    float: right;
    margin-top: 10px;
}

/*.DivStyle {
    width: 200px;
    height: 150px;
    border: solid 1px #555;
    background-color: #eed;
    box-shadow: 0px 10px 5px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 10px 5px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 10px 5px rgba(0,0,0,0.6);
    -o-box-shadow: 0px 10px 5px rgba(0,0,0,0.6);
    border-radius: 10px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-size: 25px;
    font-family: Georgia,serif;
    white-space: normal;
    background-color: #fff;
}*/

.hovertablePrint {
    font-family: verdana,arial,sans-serif;
    font-size: 12px;
    color: #333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
}



    .hovertablePrint td {
        border-width: 1px;
        border-style: solid;
        border-color: #a9c6c9;
    }

.hovertable1 {
    font-family: Century;
    font-size: 10px;
    color: #333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

    .hovertable1 th {
        background-color: #00A2E8;
        border-color: #a9c6c9;
        border-style: solid;
        border-width: 1px;
        color: white;
        padding: 3px;
    }

    .hovertable1 td {
        border-width: 1px;
        padding: 3px;
        border-style: solid;
        border-color: #fff;
        /*border-color: #D8EFEF;*/
    }

.hovertable2 {
    font-family: verdana,arial,sans-serif;
    font-size: 12px;
    color: #333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

    /*.hovertable2 th {
                background-color: #556b2f;
                border-color: #a9c6c9;
                border-style: solid;
                border-width: 1px;
                color: white;
                padding: 5px;
            }*/

    .hovertable2 td {
        border-width: 1px;
        /*padding: 5px;*/
        border-style: dotted;
        border-color: #a9c6c9;
    }


.ButtonSmall {
    background-color: #3093c7;
    background-image: linear-gradient(to bottom, #3093c7, #1c5a85);
    border: 1px solid #25729a;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}


.ButtonRed {
    background-color: #ff531a;
    background-image: linear-gradient(to bottom, #ff531a, #ff531a);
    border: 1px solid #25729a;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.ButtonGreen {
    background-color: #00cc66;
    background-image: linear-gradient(to bottom, #00cc66, #00cc66);
    border: 1px solid #25729a;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
    */;
}

.ButtonGray {
    /*background-color: #00cc66;
   background-image: linear-gradient(to bottom, #00cc66, #00cc66);
     border: 1px solid #25729a;*/
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 1px;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.logout {
    margin-top: 4%;
    text-align: right;
}

    .logout a {
        /*background: none repeat scroll 0 0 #000;*/
        border-radius: 5px;
        clear: both;
        color: #fff;
        font-weight: bold;
        line-height: 20px;
        padding: 6px;
    }

.roundalert {
    background: #F5824F none repeat scroll 0 0;
    border-radius: 5px;
    clear: both;
    color: #fff;
    /*font-weight: bold;*/
    line-height: 15px;
    padding: 4px;
    position: absolute;
    /*box-shadow: 1px 1px 1px 1px grey;*/
    margin-top: 13px;
    margin-left: 15px;
}



#tabs {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    #tabs #current a, #tabs #current a::after {
        background: #00ace6 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    #tabs a::after {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 0 5px 0 0;
        bottom: 0;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
        content: "";
        position: absolute;
        right: -0.5em;
        top: 0;
        transform: skew(10deg);
        width: 1em;
        z-index: 1;
    }

    #tabs #current a, #tabs #current a::after {
        background: #FF9933 none repeat scroll 0 0;
        color: #FFFFFF;
        z-index: 3;
    }

    #tabs a {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 5px 0 0;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
        color: #444;
        float: left;
        padding: 0.2em 2.5em;
        position: relative;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    }

.Tabcontent {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #00a2e8;
    border-radius: 0 5px 5px;
    box-shadow: 0 2px 2px grey;
    font-size: 12px;
    height: 180px;
    padding: 0;
    position: relative;
    z-index: 2;
}
/*Tab 2*/

#tabs1 {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    #tabs1 #current1 a, #tabs1 #current1 a::after {
        background: #00ace6 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    #tabs1 a::after {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 0 5px 0 0;
        bottom: 0;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
        content: "";
        position: absolute;
        right: -0.5em;
        top: 0;
        transform: skew(10deg);
        width: 1em;
        z-index: 1;
    }

    #tabs1 #current1 a, #tabs1 #current1 a::after {
        background: #12608D none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    #tabs1 a {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 5px 0 0;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
        color: #444;
        float: left;
        padding: 0.2em 2.5em;
        position: relative;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    }
/*Tab 3*/

#tabs2 {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    #tabs2 #current2 a, #tabs2 #current2 a::after {
        background: #00ace6 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    #tabs2 a::after {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 0 5px 0 0;
        bottom: 0;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
        content: "";
        position: absolute;
        right: -0.5em;
        top: 0;
        transform: skew(10deg);
        width: 1em;
        z-index: 1;
    }

    #tabs2 #current2 a, #tabs2 #current2 a::after {
        background: #A349A4 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
        top: -4px;
        left: -139px;
        width: 206px;
    }

    #tabs2 a {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 5px 0 0;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
        color: #444;
        float: left;
        padding: 0.2em 2.5em;
        position: relative;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    }


#tabs3 {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    #tabs3 #current3 a, #tabs3 #current3 a::after {
        background: #00ace6 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    #tabs3 a::after {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 0 5px 0 0;
        bottom: 0;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
        content: "";
        position: absolute;
        right: -0.5em;
        top: 0;
        transform: skew(10deg);
        width: 1em;
        z-index: 1;
    }

    #tabs3 #current3 a, #tabs3 #current3 a::after {
        background: #A349A4 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
        top: -4px;
        left: -139px;
        width: 206px;
    }

    #tabs3 a {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 5px 0 0;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
        color: #444;
        float: left;
        padding: 0.2em 2.5em;
        position: relative;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    }

.DivCorrenspondance {
    background-color: #F5824F;
    border-radius: 5px 5px 0 0;
    color: white;
    height: 22px;
    padding-top: 4px;
    text-align: center;
    padding-bottom: 4px;
}

.upleftmenu {
    float: left;
    min-height: 430px;
    overflow: auto;
    width: 20%;
}

.FormArea {
    border: 1px solid #12608D;
    margin: 0 0 20px 10px;
    /*min-height: 350px;*/
    padding: 10px 0;
    width: 98%;
    border-radius: 4px;
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}




.DashboardBtn:active {
    position: relative;
    top: 1px;
}

.LabelFont {
    color: #12608D;
    font-family: Century;
    font-size: 25px;
    /*font-style: italic;*/
    padding-left: 10px;
    font-weight: bold;
}


.Pager span {
    text-align: center;
    color: #999;
    display: inline-block;
    width: 20px;
    background-color: #A1DCF2;
    margin-right: 3px;
    line-height: 150%;
    border: 1px solid #3AC0F2;
}

.Pager a {
    text-align: center;
    display: inline-block;
    width: 20px;
    background-color: #3AC0F2;
    color: #fff;
    border: 1px solid #3AC0F2;
    margin-right: 3px;
    line-height: 150%;
    text-decoration: none;
}


/*new**/
.table {
    font-family: verdana,arial,sans-serif;
    font-size: 10px;
    color: #333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

    .table th {
        background-color: #12608D;
        border-color: #a9c6c9;
        border-style: solid;
        border-width: 1px;
        color: white;
        padding: 5px;
    }

    .table td {
        border-width: 1px;
        padding: 2px;
        border-style: solid;
        border-color: #a9c6c9;
    }


.tableInner {
    font-family: verdana,arial,sans-serif;
    font-size: 10px;
    color: #333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

    .tableInner th {
        background-color: #ffe6e6;
        border-color: #a9c6c9;
        border-style: solid;
        border-width: 1px;
        color: #000000;
        padding: 5px;
    }

    .tableInner td {
        border-width: 1px;
        padding: 2px;
        border-style: solid;
        border-color: #a9c6c9;
    }

.Label {
    color: #333333;
    font-family: tahoma,arial,sans-serif;
    padding: 3px;
    width: 80%;
}


.TableBorderForLabel {
    font-family: verdana,arial,sans-serif;
    font-size: 12px;
    color: #333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

    .TableBorderForLabel th {
        background-color: #556b2f;
        border-color: #a9c6c9;
        border-style: solid;
        border-width: 1px;
        color: white;
        padding: 5px;
    }

    .TableBorderForLabel td {
        border-width: 1px;
        padding: 5px;
        border-style: solid;
        border-color: #a9c6c9;
    }


.gridUserName {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 70px;
    display: block;
    overflow: hidden;
}

.gridSubject {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    overflow: hidden;
    font-size: 15px;
}


/*Logout Pop Up*/

.LogoutMenu {
    color: #555;
    width: 143px;
    position: relative;
    text-align: left;
    float: right;
}

.Logoutsubmenu {
    background: #5E5D77;
    position: absolute;
    left: -20px;
    z-index: 100;
    width: 150px;
    margin-left: 4px;
    border-radius: 0px 0px 6px 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}

.LogoutMenu li a {
    color: #F1E4BF;
    display: block;
    font-family: arial;
    font-weight: bold;
    padding: 6px 10px;
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
}

    .LogoutMenu li a:hover {
        background: #155FB0;
        color: #FFFFFF;
        text-decoration: none;
    }

.Logoutaccount {
    font-size: 11px;
    line-height: 16px;
    color: #555;
    z-index: 110;
    display: block;
    padding: 0px 0 0 40px;
    text-decoration: none;
    cursor: pointer;
    width: 50px;
}

.LogoutMenuPop {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    padding: 11px 0 0 0px;
    border-top: 1px solid #dedede;
}

/*End of Logout Pop Up*/


.headerLogoLeft {
    width: 20%;
}

.headerLogoCenter {
    width: 60%;
    text-align: center;
    color: #FFFFFF;
    font-size: 22px;
    font-family: "Georgia, serif";
}

.headerLogoRight {
    width: 20%;
}

.ThinBoarder {
    border: 1px solid #00a2e8;
    width: 99.8%;
}

/*tab File Movement*/

#tabs11 {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    #tabs11 #current11 a, #tabs11 #current11 a::after {
        background: #00ace6 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    #tabs11 a::after {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 0 5px 0 0;
        bottom: 0;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
        content: "";
        position: absolute;
        right: -0.5em;
        top: 0;
        transform: skew(10deg);
        width: 1em;
        z-index: 1;
    }

    #tabs11 #current11 a, #tabs11 #current11 a::after {
        background: #FF9933 none repeat scroll 0 0;
        color: #0000FF;
        z-index: 3;
    }

    #tabs11 a {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 5px 0 0;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
        color: #444;
        float: left;
        padding: 0.2em 2.5em;
        position: relative;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    }

/*nex tab*/


#tabs12 {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    #tabs12 #current12 a, #tabs12 #current12 a::after {
        background: #00ace6 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    #tabs12 a::after {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 0 5px 0 0;
        bottom: 0;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
        content: "";
        position: absolute;
        right: -0.5em;
        top: 0;
        transform: skew(10deg);
        width: 1em;
        z-index: 1;
    }

    #tabs12 #current12 a, #tabs12 #current12 a::after {
        background: #FFCA06 none repeat scroll 0 0;
        color: #0000FF;
        z-index: 3;
    }

    #tabs12 a {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 5px 0 0;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
        color: #444;
        float: left;
        padding: 0.2em 2.5em;
        position: relative;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    }
/*nex tab*/


#tabs13 {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    #tabs13 #current13 a, #tabs13 #current13 a::after {
        background: #00ace6 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    #tabs13 a::after {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 0 5px 0 0;
        bottom: 0;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
        content: "";
        position: absolute;
        right: -0.5em;
        top: 0;
        transform: skew(10deg);
        width: 1em;
        z-index: 1;
    }

    #tabs13 #current13 a, #tabs13 #current13 a::after {
        background: #F0856F none repeat scroll 0 0;
        color: #0000FF;
        z-index: 3;
    }

    #tabs13 a {
        background: #ddd linear-gradient(to bottom, #fff, #ddd) repeat scroll 0 0;
        border-radius: 5px 0 0;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
        color: #444;
        float: left;
        padding: 0.2em 2.5em;
        position: relative;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    }

.DashboardDateTD {
    color: #09C;
    font-weight: bold;
}

.DashboardDescription {
    color: #000000;
    vertical-align: top;
}

.DashboardDoubleSlash {
    color: #0b0bf3;
}

.DashboardFTDate {
    color: #FF6666;
    font-weight: bold;
}

.DashboardFTName {
    color: #FF9900;
    font-weight: bold;
}

.DashboardDesgName {
    color: #40BF80;
    font-weight: bold;
}

.DashboardDAKName {
    color: #FF6666;
    font-weight: bold;
}

.DashboardCPName {
    color: #09C;
    font-weight: bold;
    text-decoration: underline;
}

.DashboardHeading {
    color: #FFFFFF;
    font-size: 16px;
    font-family: "Georgia, serif";
}

.Dashboardborderimg {
    background: url("../images/dasbboardline.png") repeat-y;
    border-image-repeat: repeat;
}

.DivStyle {
    width: 200px;
    height: 150px;
    border: solid 1px #555;
    background-color: #FFAEAE;
    box-shadow: 0px 10px 5px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 10px 5px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 10px 5px rgba(0,0,0,0.6);
    -o-box-shadow: 0px 10px 5px rgba(0,0,0,0.6);
    border-radius: 10px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-size: 15px;
    font-family: "Georgia, serif";
    white-space: normal;
    color: #003399;
}

.round {
    width: 50px; /*same as the height*/
    height: 50px; /*same as the width*/
    background-color: #ff0000;
    border: 1px solid #ff0000; /*same colour as the background*/
    color: #fff;
    font-size: 15px;
    /*set the border-radius at half the size of the width and height*/
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin: 10px 0 5px 38%;
    position: relative;
}

.roundspan {
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    height: 45px;
}


/*Tab 2*/

.tabs-menu a:hover, .tabs-menu a:hover::after, .tabs-menu a::after {
    background-color: #F59697;
    color: #FFFFFF;
}

.tabs-menu .current a {
    background-color: #F59697;
    color: #FFFFFF;
}

    .tabs-menu .current a, .tabs-menu .current a::after {
        background: #F59697 none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

.tabs-menu {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

    .tabs-menu .current1 a, .tabs-menu .current1 a::after {
        background: #12608D none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    .tabs-menu a::after {
        background: #ddd linear-gradient(to bottom, #12608D, #12608D) repeat scroll 0 0;
        border-radius: 0 5px 0 0;
        bottom: 0;
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
        content: "";
        position: absolute;
        right: -0.5em;
        top: 0;
        transform: skew(10deg);
        width: 1em;
        z-index: 1;
    }

    .tabs-menu .current1 a, .tabs-menu .current1 a::after {
        background: #12608D none repeat scroll 0 0;
        color: #ffffff;
        z-index: 3;
    }

    .tabs-menu a {
        background: #ddd linear-gradient(to bottom, #12608D, #12608D) repeat scroll 0 0;
        border-radius: 5px 0 0;
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
        color: #FFFFFF;
        float: left;
        padding: 0.2em 1.5em;
        position: relative;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    }


/*.tabs-menu li.current {
     
        background-color: #FF9933; 
        z-index: 5;
    }*/
.FormArea1 {
    margin: 0 0 20px 10px;
    min-height: 350px;
    padding: 10px 0;
    width: 96%;
}

.TFtable {
    width: 100%;
    border-collapse: collapse;
}

a:hover {
    color: #CECED6;
}

.tdOddF {
    padding: 7px;
    border: #4e95f4 1px solid;
    background: #ffe0b3;
    font-family: "Georgia, serif";
    font-weight: bold;
    font-size: 13px;
}



.tdOddvenF {
    padding: 7px;
    border: #4e95f4 1px solid;
    background: #fff5e6;
    font-family: "Georgia, serif";
    font-weight: bold;
    font-size: 13px;
}

.tdOddDak {
    padding: 7px;
    border: #4e95f4 1px solid;
    background: #c6ecc6;
    font-family: "Georgia, serif";
    font-weight: bold;
    font-size: 13px;
}

.tdOddvenDak {
    padding: 7px;
    border: #4e95f4 1px solid;
    background: #ecf9ec;
    font-family: "Georgia, serif";
    font-weight: bold;
    font-size: 13px;
}

.tdOddDisp {
    padding: 7px;
    border: #4e95f4 1px solid;
    background: #ffc2b3;
    font-family: "Georgia, serif";
    font-weight: bold;
    font-size: 13px;
}

.tdOddvenDisp {
    padding: 7px;
    border: #4e95f4 1px solid;
    background: #ffebe6;
    font-family: "Georgia, serif";
    font-weight: bold;
    font-size: 13px;
}
/*File Movement Button*/

 
.cool_btn1 {
  width: 190px;
  height: 190px;
  margin: 15px 15px 15px 15px;
  position: relative;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  border-radius: 200px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(50%, #e3e3e3), color-stop(50%, #888888), color-stop(100%, #666666));
  background-image: -webkit-linear-gradient(#fafafa, #e3e3e3 50%, #888888 50%, #666666);
  background-image: -moz-linear-gradient(#fafafa, #e3e3e3 50%, #888888 50%, #666666);
  background-image: -o-linear-gradient(#fafafa, #e3e3e3 50%, #888888 50%, #666666);
  background-image: linear-gradient(#fafafa, #e3e3e3 50%, #888888 50%, #666666);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3);
  display: inline-block;
}
.cool_btn1 h1 {
  text-align: center;
  font-size: 50px;
  margin: 20px 0 0 0;
  color: #333;
  text-shadow: 0 1px 0 white, 0 -1px 0 rgba(0, 0, 0, 0.5);
  font-family: 'Lobster', cursive;
  font-weight: normal;
  line-height: 1;
}
.cool_btn1 h1 i {
  display: block;
  font-style: normal;
  font-size: 14px;
  font-weight: bold;
  font-family: helvetica, arial, sans-serif;
  text-shadow: none;
}
 
.cool_btn1 h2 {
  font-family: 'ModernPictogramsNormal', Arial, sans-serif;
  font-weight: normal;
  text-align: center;
  font-size: 90px;
  line-height: 1;
  margin: 15px 0 0 0;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 -1px 0px rgba(0, 0, 0, 0.8);
  color: #fafafa;
}
 
.cool_btn1:after {
  content: "";
  width: 200px;
  height: 200px;
  display: block;
  position: absolute;
  left: -5px;
  top: -5px;
  z-index: -1;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  border-radius: 200px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cecece), color-stop(100%, #e7e7e7));
  background-image: -webkit-linear-gradient(#cecece, #e7e7e7);
  background-image: -moz-linear-gradient(#cecece, #e7e7e7);
  background-image: -o-linear-gradient(#cecece, #e7e7e7);
  background-image: linear-gradient(#cecece, #e7e7e7);
   -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.9);
  -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 0px rgba(255, 255, 255, 0.9);
}

.cool_btn1.blue, .cool_btn1.teal, .cool_btn1.orange, .cool_btn1.green {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
  cursor: pointer;
}
 
/* -------------------
Colors
-------------------- */
 
.cool_btn1.blue {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d5d5d5), color-stop(50%, #ffffff), color-stop(50%, #577fbd), color-stop(100%, #274281));
  background-image: -webkit-linear-gradient(#d5d5d5, #ffffff 50%, #577fbd 50%, #274281);
  background-image: -moz-linear-gradient(#d5d5d5, #ffffff 50%, #577fbd 50%, #274281);
  background-image: -o-linear-gradient(#d5d5d5, #ffffff 50%, #577fbd 50%, #274281);
  background-image: linear-gradient(#d5d5d5, #ffffff 50%, #577fbd 50%, #274281);
}
 
.cool_btn1.blue h1 {
  color: #4265A3;
}
 
.cool_btn1.blue h2 {
  color: #1E3261;
}
 
.cool_btn1.teal {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d5d5d5), color-stop(50%, #ffffff), color-stop(50%, #11b8fe), color-stop(100%, #0187b8));
  background-image: -webkit-linear-gradient(#d5d5d5, #ffffff 50%, #11b8fe 50%, #0187b8);
  background-image: -moz-linear-gradient(#d5d5d5, #ffffff 50%, #11b8fe 50%, #0187b8);
  background-image: -o-linear-gradient(#d5d5d5, #ffffff 50%, #11b8fe 50%, #0187b8);
  background-image: linear-gradient(#d5d5d5, #ffffff 50%, #11b8fe 50%, #0187b8);
}
 
.cool_btn1.teal h1 {
  color: #149EDB;
}
 
.cool_btn1.teal h2 {
  color: #0C6186;
}
 
.cool_btn1.orange {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d5d5d5), color-stop(50%, #ffffff), color-stop(50%, #f49e23), color-stop(100%, #e27619));
  background-image: -webkit-linear-gradient(#d5d5d5, #ffffff 50%, #f49e23 50%, #e27619);
  background-image: -moz-linear-gradient(#d5d5d5, #ffffff 50%, #f49e23 50%, #e27619);
  background-image: -o-linear-gradient(#d5d5d5, #ffffff 50%, #f49e23 50%, #e27619);
  background-image: linear-gradient(#d5d5d5, #ffffff 50%, #f49e23 50%, #e27619);
}
 
.cool_btn1.orange h1 {
  color: #e27619;
}
 
.cool_btn1.orange h2 {
  color: #AC5509;
}
 
.cool_btn1.green {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d5d5d5), color-stop(50%, #ffffff), color-stop(50%, #2fd51d), color-stop(100%, #00a01e));
  background-image: -webkit-linear-gradient(#d5d5d5, #ffffff 50%, #2fd51d 50%, #00a01e);
  background-image: -moz-linear-gradient(#d5d5d5, #ffffff 50%, #2fd51d 50%, #00a01e);
  background-image: -o-linear-gradient(#d5d5d5, #ffffff 50%, #2fd51d 50%, #00a01e);
  background-image: linear-gradient(#d5d5d5, #ffffff 50%, #2fd51d 50%, #00a01e);
}
 
.cool_btn1.green h1 {
  color: #00a01e;
}
 
.cool_btn1.green h2 {
  color: #006312;
}
 
/* -------------------
Hover States
-------------------- */
 
.cool_btn1.orange:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(255, 174, 0, 0.8);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(255, 174, 0, 0.8);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(255, 174, 0, 0.8);
}
 
.cool_btn1.teal:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(16, 216, 252, 0.8);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(16, 216, 252, 0.8);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(16, 216, 252, 0.8);
}
 
.cool_btn1.blue:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(43, 95, 187, 0.8);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(43, 95, 187, 0.8);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(43, 95, 187, 0.8);
}
 
.cool_btn1.green:hover {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(47, 217, 29, 0.8);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(47, 217, 29, 0.8);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 28px 6px rgba(47, 217, 29, 0.8);
}


@import url('http://fonts.googleapis.com/css?family=Lobster');

@font-face {
    font-family: 'ModernPictogramsNormal';
    src: url("http://s202540075.onlinehome.us/codepen/fonts/modernpics-webfont.eot");
    src: url("http://s202540075.onlinehome.us/codepen/fonts/modernpics-webfont.eot?#iefix") format("embedded-opentype"), url("http://s202540075.onlinehome.us/codepen/fonts/modernpics-webfont.woff") format("woff"), url("http://s202540075.onlinehome.us/codepen/fonts/modernpics-webfont.ttf") format("truetype"), url("http://s202540075.onlinehome.us/codepen/fonts/modernpics-webfont.svg#ModernPictogramsNormal") format("svg");
    font-weight: normal;
    font-style: normal;
}


.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }


.tdOddinventory {
    padding: 7px;
    border: #cc6600 1px solid;
    background: #d1d1e0;
    font-family: "Georgia, serif";
    font-weight: bold;
    font-size: 13px;
}

.tdOddveninventory {
    padding: 7px;
    border: #cc6600 1px solid;
    background: #f0f0f5;
    font-family: "Georgia, serif";
    font-weight: bold;
    font-size: 13px;
}

.DashboardHeading {
    color: #FFFFFF;
    font-size: 16px;
    font-family: "Georgia, serif";
}

.LogiBox {
    width: 50%;
    margin: 60px auto;
    padding: 3em 2em 2em 2em;
    background: #1678B0;
    border: 1px solid #ebebeb;
    box-shadow: rgba(0,0,0,0.14902) 0px 1px 1px 0px,rgba(0,0,0,0.09804) 0px 1px 2px 0px;
    border-radius: 10px;
    box-shadow: 0px 0px 1px 1px #F68056;
}

.RightTextLogiBox {
    font-family: "Georgia, serif";
    font-size: 15px;
    padding: 12px;
    text-align: right;
    width: 30%;
    color: rgba(255, 255, 255, 0.8);
}

.LeftTexLogiBoxt {
    text-align: Left;
    font-size: 12px;
    width: 70%;
    font-family: "Georgia, serif";
    padding: 5px;
}

.CenterTextLogiBox {
    /*font-family: Futura,Trebuchet MS,Arial,sans-serif;*/
    font-size: 15px;
    text-align: right;
    width: 90%;
    color: white;
}

.TextBoxLogiBox {
    background-image: url("../images/txt_bg.jpg");
    background-repeat: repeat-x;
    border: 1px solid #d1c7ac;
    border-radius: 4px;
    color: #333333;
    font-family: "Georgia, serif";
    padding: 6px;
    width: 100%;
    margin-top: 5px;
}

    .TextBoxLogiBox:focus {
        border-color: rgba(38, 155, 201, 0.8);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(38, 155, 201, 0.6);
        outline: 0 none;
    }

.File {
    background-color: #0E486A;
    border: 0 none;
    border-radius: 8px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: "Georgia, serif";
    font-size: 18px;
    line-height: 55px;
    text-align: center;
    text-decoration: none;
    width: 95%;
}

.FileInner {
    background-color: #F2834F;
    border: 0 none;
    border-radius: 8px;
    color: #ffffff;
    display: block;
    font-family: "Georgia, serif";
    font-size: 18px;
    line-height: 55px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

/*.File:hover {
        background-color: #1F729C;
        border: 2px solid #dad9d8;
    }*/



.Dispa {
    background-color: #146C9E;
    border: 0 none;
    border-radius: 8px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: "Georgia, serif";
    font-size: 18px;
    line-height: 55px;
    text-align: center;
    text-decoration: none;
    width: 95%;
}

.DispaInner {
    background-color: #01868B;
    border: 0 none;
    border-radius: 8px;
    color: #ffffff;
    display: block;
    font-family: "Georgia, serif";
    font-size: 18px;
    line-height: 55px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
/*.Dispa:hover {
        background-color: #1F729C;
        border: 2px solid #dad9d8;
    }*/



.Dak {
    background-color: #12608D;
    border: 0 none;
    border-radius: 8px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: "Georgia, serif";
    font-size: 18px;
    line-height: 55px;
    text-align: center;
    text-decoration: none;
    width: 95%;
}
.DakInner {
    background-color: #28C0BA;
    border: 0 none;
    border-radius: 8px;
    color: #ffffff;
    display: block;
    font-family: "Georgia, serif";
    font-size: 18px;
    line-height: 55px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

/*.Dak:hover {
        background-color: #1F729C;
        border: 2px solid #dad9d8;
    }*/

.Corr {
    background-color: #1678B0;
    border: 0 none;
    border-radius: 8px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: "Georgia, serif";
    font-size: 18px;
    line-height: 55px;
    text-align: center;
    text-decoration: none;
    width: 95%;
}
.CorrInner {
    background-color: #5F7372;
    border: 0 none;
    border-radius: 8px;
    color: #ffffff;
    display: block;
    font-family: "Georgia, serif";
    font-size: 18px;
    line-height: 55px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

/*.Corr:hover {
        background-color: #1F729C;
        border: 2px solid #dad9d8;
    }*/

.Rpt {
    background-color: #1B8FD3;
    border: 0 none;
    border-radius: 8px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: "Georgia, serif";
    font-size: 18px;
    line-height: 55px;
    text-align: center;
    text-decoration: none;
    width: 95%;
}

/*.Rpt:hover {
        background-color: #1F729C;
        border: 2px solid #dad9d8;
    }*/


.Inv {
    background-color: #1984C1;
    border: 0 none;
    border-radius: 8px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: "Georgia, serif";
    font-size: 18px;
    line-height: 55px;
    text-align: center;
    text-decoration: none;
    width: 95%;
}
.InvInner {
    background-color: #36454F;
    border: 0 none;
    border-radius: 8px;
    color: #ffffff;
    display: block;
    font-family: "Georgia, serif";
    font-size: 18px;
    line-height: 55px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}



/*.Inv:hover {
        background-color: #1F729C;
        border: 2px solid #dad9d8;
    }*/

.Demo {
    color: #555;
    width: 143px;
    position: relative;
    text-align: left;
    float: left;
}

.ReportIcon {
   border-top: 1px solid #96d1f8;
   background: #496fc9;
   background: -webkit-gradient(linear, left top, left bottom, from(#2a5a9c), to(#496fc9));
   background: -webkit-linear-gradient(top, #2a5a9c, #496fc9);
   background: -moz-linear-gradient(top, #2a5a9c, #496fc9);
   background: -ms-linear-gradient(top, #2a5a9c, #496fc9);
   background: -o-linear-gradient(top, #2a5a9c, #496fc9);
   padding: 14px 28px;
   -webkit-border-radius: 13px;
   -moz-border-radius: 13px;
   border-radius: 13px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.ReportIcon:hover {
   border-top-color: #e88358;
   background: #e88358;
   color: #22599c;
   }
.ReportIcon:active {
   border-top-color: #264254;
   background: #264254;
   }