﻿form {
    margin: 0;
    /*border:1px solid #C0C0C0;*/
}

body {
    /*background-color: #efeeef;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-style: normal;
    font-weight: normal;
}

/* header start */
header {
    border-bottom-style: solid;
    border-bottom-width: medium;
    border-bottom-color: #014f92;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.site-title {
    color: #ad2424;
    font-size: 2.3em;
    font-weight: bolder;
    margin: 10px;
}

    .site-title a, .site-title a:hover, .site-title a:active {
        color: #ad2424;
        outline: none;
        text-decoration: none;
    }
/* header end */

/* main content start */
.main_content {
    background-color: #fff;
    clear: both;
    padding-top: 0px;
    padding-bottom: 35px;
}

/* navigator */
.nav_step {
    font-size: small;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 18px;
    color: #0099CC;
}

/* first-level heading; used to seperate form sections */
.heading1 {
    font-size: medium;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000000;
    background-color: #F90;
    display: block;
    padding: 5px;
}

.heading2 {
    font-size: inherit;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    color: #000000;
    /*background-color: #F90;*/
    display: block;
    padding: 5px;
    border: 2px solid #000000;
    text-align: center;
}

.Button {
    font-size: inherit;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    color: #FFFFFF;
    background-color: #016EC3;
    display: block;
    padding: 23px 10px;
    list-style: armenian;
    border-radius: 3px;
    text-decoration: none;
    width: 190px;
}

.Button1 {
    font-size: inherit;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    color: #FFFFFF;
    background-color: #F79647;
    display: block;
    padding: 15px 5px;
    list-style: armenian;
    border-radius: 3px;
    text-decoration: none;
    width: 200px;
    cursor: pointer;
}

.Button2 {
    font-size: smaller;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
    list-style: armenian;
    color: Background;
    cursor: pointer;
}

.Button3 {
    font-size: inherit;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    color: #FFFFFF;
    background-color: #A3A3A3;
    display: block;
    padding: 15px 10px;
    list-style: armenian;
    border-radius: 3px;
    text-decoration: none;
    width: 190px;
    cursor: pointer;
}

fieldset {
    border: 1px solid #000;
}

/* text style for TOC, FAQ and HELP on top-right of page */
legend {
    font-size: small;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #C00;
}

li {
    margin: 6px 0;
    text-transform: none;
}

/* data_box */
.data_box {
    /*color:#5d5d5d;*/
    margin-bottom: 6px;
    margin-top: 6px;
}

/* table begin */
table {
    border-collapse: collapse;
    background-color: #fff;
    border: 1px;
    width: 100%;
    margin-top: 10px;
}

    table.data {
        background-color: #C6E2FF;
    }

.table_hdrow {
    background-color: #999999;
    padding: 5px;
    border: 1px solid #066598;
    background: #014f92;
    height: 25px;
    background: -moz-linear-gradient(top,#0065b2 0%, #005492 50%, #004271 51%, #004679 100%);
    background: -webkit-linear-gradient(top,#0065b2 0%, #005492 50%, #004271 51%,#004679 100%);
    background: -o-linear-gradient(top,#0065b2 0%, #005492 50%, #004271 51%,#004679 100%);
    background: -ms-linear-gradient(top,#0065b2 0%, #005492 50%, #004271 51%,#004679 100%);
    background: linear-gradient(top,#0065b2 0%, #005492 50%, #004271 51%,#004679 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0065b2',endColorstr='#004679',GradientType=0);
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-family: "Arial", "Helvetica", "sans-serif", "Verdana";
    -webkit-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.3);
    box-shadow: 0px 2px 3px rgba(50, 50, 50, 0.3);
    position: relative;
}

/* form label and table header */
.th {
    font-weight: bold;
    font-size: small;
    font-style: normal;
    /*text-transform: capitalize;*/
}

.label {
    font-weight: bold;
    font-size: small;
    font-style: normal;
    /*text-transform: capitalize;
	display:-moz-inline-box;
	display:inline-block;*/
}
/* table header background */
.data th {
    background-color: #09C;
    border: 1px solid #fff;
}

/* dotted line border on bottom */
td {
    padding: 5px;
    border: 1px solid #fff;
}

    td.center {
        text-align: center;
    }

.td_right {
    border-right: none;
    text-align: right;
}

.td_left {
    border-left: none;
    vertical-align: middle;
}

.total {
    text-align: right;
}

/* table end */

/* input style */
input, textarea {
    /*color: #111111;*/
    border: 1px solid #777;
}

    input.button {
        font-family: Arial, Helvetica, sans-serif;
        font: medium;
        font-weight: bold;
        background-color: #014f92;
        color: #fff;
        padding: 5px 10px;
    }

    input.smallbutton {
        font-size: 12px;
        color: #fff;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif;
        padding: 2px 5px;
        margin: 0px;
        display: inline-block;
        border: 0px solid #06C;
        background-color: #333;
    }

/*when move cursor to the button*/
.button:hover, .smallbutton:hover {
    cursor: pointer;
}

input[type="radio"] {
    border: 0 none;
}

input[type="checkbox"] {
    border: 0 none;
}
/* input end */

/* pagination start */
.pagerLocation a {
    font-size: 12px;
    color: #fff;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 5px;
    margin: 0px;
    display: inline-block;
    border: 0px solid #06C;
    background-color: #333;
    text-decoration: none;
}
/* pagination end */

/* other */
img {
    border: 0px;
}

.star {
    color: #c90001;
}

.message {
    color: gray;
}

/* table sort start */
.sort_table_header {
    cursor: pointer;
    text-decoration: underline;
}

    .sort_table_header:hover {
        color: #002380;
    }

table.data .tablesorter-header {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    /* background-image: url(images/black-unsorted.gif); */
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    white-space: normal;
}

table.data .headerSortUp,
table.data .tablesorter-headerSortUp,
table.data .tablesorter-headerAsc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
    /* background-image: url(images/black-asc.gif); */
}

table.data .headerSortDown,
table.data .tablesorter-headerSortDown,
table.data .tablesorter-headerDesc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
    /* background-image: url(images/black-desc.gif); */
}

table.data thead .sorter-false {
    background-image: none;
    cursor: default;
}
/* table sort end */

/* validation begin */
.field-validation-error {
    /*color: #e80c4d;
    font-weight: bold;*/
    color: #c90001;
}

.field-validation-valid {
    display: none;
}

textarea.input-validation-error,
select.input-validation-error,
input.input-validation-error {
    border: 1px solid #e80c4d;
    color: #c90001;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}
/* validation end */

/* main content end */

/* pop  begin*/
.pop_content {
    position: absolute;
    z-index: 20000;
    display: none;
}

.pop_background {
    display: none;
    position: fixed;
    _position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    border: 1px solid #cecece;
    z-index: 10000;
}

.pop_box {
    position: relative;
}

    .pop_box table td {
        padding: 0px;
        vertical-align: top;
        height: 100%;
    }

    .pop_box table table td {
        padding: 0px;
        padding-bottom: 3px;
    }

.pop_content {
    position: absolute;
    z-index: 20000;
    display: none;
    border: 5px solid #014f92;
}

.popupFieldDesc {
    width: 300px;
}
/* pop  end */

/* footer start */
footer {
    border-top-style: solid;
    border-top-width: medium;
    border-top-color: #014f92;
}

/* used for foot text */
.footer {
    text-align: center;
    border-top: 1px solid #CECECE;
    padding: 3px;
    font-size: x-small;
    font-weight: normal;
}
/* footer end */
.pagerLocation {
    margin-top: 10px;
}

.textboxLabelStyle {
    border: none;
    background: transparent;
    width: 100%;
}

.AjaxA {
    text-decoration: none;
}

.exportImage {
    border: 1px solid #000;
    width: 20px;
    height: 20px;
}

/*table span {
    font-weight: normal;
}*/

#tblUpdate {
    font-weight: bold;
    white-space: nowrap;
}

/* appication index   */

.app {
    width: 1024px;
    margin: 0px auto;
    height: 600px;
}

.appwidth1 {
    width: 90%;
    margin: 0px auto;
}

.apptitle {
    margin: 10px 0 10px;
    white-space: nowrap;
    text-align: left;
    font-size: initial;
}

.appbadyby70 {
    width: 70%;
    float: left;
}

.appbadyby30 {
    width: 30%;
    float: left;
    text-align: center;
    position: relative;
    top: 0px;
    left: 0px;
    /*margin: 50px auto;*/
}

    .appbadyby30 a {
        margin: 10px 1em 20px 1em;
    }

.appbadybyrequest {
    width: 83%;
    margin: 10px 1em 20px 1em;
    background-color: #A3A3A3;
}

    .appbadybyrequest div {
        /*border: 1px solid #808080;
        width: 100%;
        background-color: #fff;
        margin: auto 2px;*/
    }

    .appbadybyrequest input {
        width: 90%;
        margin: 10px auto;
    }

    .appbadybyrequest img {
        width: 50%;
        margin: 10px auto;
    }

.data_box tr {
    /*border: 2px solid #A1D2E2;*/
    text-align: left;
}

    .data_box tr td {
        text-align: left;
    }

.app_hdrow {
    background-color: #A1D2E2;
    font-size: large;
    padding: 10px 0;
}

.appwidth {
    width: 93%;
}

span.field-validation-error {
    padding-left: 0px;
}

.applicant_css {
    width: 1024px;
    margin: auto;
    background-color: #fff;
}

.applicant_css_width {
    width: 75%;
    margin: auto;
}

.applicant_css input {
    width: 150px;
}

.applicant_css select {
    width: 150px;
}

.applicant_css_title {
    font-size: inherit;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    color: #000000;
    background-color: #ADD8E6;
    display: block;
    padding: 5px;
    text-align: left;
}

    .applicant_css_title a {
        color: red;
        text-align: center;
        position: absolute;
        top: auto;
        left: 49%;
        cursor: pointer;
        text-decoration: underline;
    }

.applicant_css_body {
}

.data_box_color tr td span {
    color: blue;
}
