﻿.PagerLabel, .PagerStyle, .tablestyle {
    font-family: "Arial", "Helvetica", sans-serif;
}

.listMain, .listMainatt {
    list-style: none;
    overflow-y: scroll;
    scrollbar-base-color: #8E6E1C;
    scrollbar-face-color: #B6C5D4;
    /*scrollbar-3dlight-color: #8E6E1C;*/
    scrollbar-highlight-color: #EED47D;
    scrollbar-shadow-color: #959595;
    scrollbar-darkshadow-color: #00337E
}

.wordWheel .itemsMain, .wordWheel .listMainatt {
    border-collapse: collapse;
    white-space: nowrap;
    color: #000
}

.tablestyle {
    font-weight: normal;
    /*font-size: initial;*/
    font-size: small;
    /*font-size: medium;*/
    /*border: 1px solid #7f7f7f;*/
    /*border: none;*/
    border: 1px solid #dcdcdc;
    width: 100%;
}

.headerstyle td, .headerstyle th {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef', GradientType=0 );
    border-color: #B5C6D4;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 4px 5px 9px 10px;
    /*vertical-align: bottom;*/
    vertical-align: text-top;
    text-align: center;
    font-weight: 700
}

.rowstyle {
    background-color: #fff;
}

.altrowstyle {
    background-color: #f2f2f2;
}

.headerstyle th {
    background: #E9EC6B;
    background-color: #E9EC6B;
    /*background: beige;*/
    /*background-color: beige;*/
    /*background: #FFF8E8;*/
    /*background-color: azure;*/
    /*background: -moz-linear-gradient(top,#feffff 0,#ddf1f9 35%,#a0d8ef 100%);*/
    /*background: -webkit-linear-gradient(top,#feffff 0,#ddf1f9 35%,#a0d8ef 100%);*/
    /*background: linear-gradient(to bottom,#b4cbdf 0,#B6C5D4 35%,#b4cbdf 100%);*/
    background-size: auto 100%;
    height: auto;
}

.headerstyle td {
    /*background: #feffff;
    background: -moz-linear-gradient(top,#feffff 0,#ddf1f9 35%,#a0d8ef 100%);
    background: -webkit-linear-gradient(top,#feffff 0,#ddf1f9 35%,#a0d8ef 100%);
    background: linear-gradient(to bottom,#feffff 0,#ddf1f9 35%,#a0d8ef 100%);
    height: 23px*/
    height: auto;
    background: #E9EC6B;
    background-color: #E9EC6B;
    /*background: beige;*/
    /*background-color: beige;*/
}

.modalBackground, .progress {
    filter: alpha(opacity=50);
    opacity: .7
}

.Label, .PagerLabel, .PagerStyle, .PagerTextBox {
    vertical-align: middle
}

.headerstyle td a, .headerstyle th a {
    text-decoration: underline;
    text-align: center;
    /*color: #0080AA;*/
    font-weight: 700;
    display: block;
    padding-right: 10px
}

    .headerstyle td a:hover, .headerstyle th a:hover {
        color: #000;
        text-decoration: underline
    }

.altrowstyle .sortaltrow, .rowstyle .sortaltrow {
    background-color: #e0e0d1
}

.altrowstyle .sortrow, .rowstyle .sortrow {
    background-color: #e6fff2
}

.altrowstyle td, .rowstyle td {
    /*padding: 4px 10px;*/
    padding: 2px 2px 2px 2px;
    border: solid 1px #dcdcdc;
    /*border: none;*/
}

.ComplaintBackground, .ComplaintBackground td {
    padding-top: 3px;
    padding-right: 3px;
}

.headerstyle .sortascheader {
    background: url(../Images/sprite.png) 0 -100px repeat-x
}

    .headerstyle .sortascheader a {
        background: url(img/dt-arrow-up.png) right 50% no-repeat
    }

.headerstyle .sortdescheader {
    background: url(../Images/sprite.png) 0 -100px repeat-x
}

    .headerstyle .sortdescheader a {
        background: url(img/dt-arrow-dn.png) right 50% no-repeat
    }

.PagerStyle {
    text-align: center
}

.PagerLabel {
    font-size: small;
    color: #000
}

.PagerTextBox {
    border-color: #000;
    border-style: Solid;
    border-width: 1px;
    border-radius: .3em;
    font-size: small;
    font-family: Helvetica;
    text-align: center
}

.Input, .InputNoFloat {
    border: 1px solid #c4c4c4;
    /*box-shadow: 0 0 8px #d9d9d9;*/
    font-family: Helvetica;
    height: 2em;
    /*height: 1.5em;*/
    /*margin: 4px;*/
    margin: 2px;
}

.ComplaintHeader, .Input, .InputExt, .InputNoFloat {
    vertical-align: top;
}

.ComplaintHeader {
    /*padding-left: 3px;*/
    text-align: left;
    font-size: 11pt;
    font-family: Helvetica;
    color: #fff;
    font-weight: 700;
    background-color: #27466C;
    padding: 2px 3px 2px 3px;
}

.Input, .InputExt, .InputNoFloat, .Label, .MaxTextBox {
    /*font-size: 13px;*/
    font-size: normal;
}

.Input {
    float: left;
    /*border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0 0 8px #d9d9d9;
    -webkit-box-shadow: 0 0 8px #d9d9d9*/
}

.InputNoFloat {
    /*border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0 0 8px #d9d9d9;
    -webkit-box-shadow: 0 0 8px #d9d9d9*/
}

.InputExt {
    float: none;
    border: 1px solid #c4c4c4;
    height: 1.5em;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 0 8px #d9d9d9;
    -moz-box-shadow: 0 0 8px #d9d9d9;
    -webkit-box-shadow: 0 0 8px #d9d9d9;
    margin: 4px;
    width: 45px
}

Input:focus {
    outline: 0;
    border: 1px solid #7bc1f7;
    box-shadow: 0 0 8px #7bc1f7;
    -moz-box-shadow: 0 0 8px #7bc1f7;
    -webkit-box-shadow: 0 0 8px #7bc1f7
}

.MaxTextBox {
    border: 1px solid #c4c4c4;
    width: 90%;
    height: 150px;
    float: left;
    border-radius: 4px;
    -moz-border-radius: 4px;
    text-align: left;
    -webkit-border-radius: 4px;
    box-shadow: 0 0 8px #d9d9d9;
    -moz-box-shadow: 0 0 8px #d9d9d9;
    -webkit-box-shadow: 0 0 8px #d9d9d9;
    margin: 4px;
}

.Label, .Label-bold {
    font-style: normal;
    font-variant: normal;
    font-family: Helvetica;
    /*height: 2em;*/
    text-align: right;
    background-color: transparent;
    font-size: medium;
}

MaxTextbox:focus {
    outline: 0;
    border: 1px solid #7bc1f7;
    box-shadow: 0 0 8px #7bc1f7;
    -moz-box-shadow: 0 0 8px #7bc1f7;
    -webkit-box-shadow: 0 0 8px #7bc1f7;
}

.Label {
    color: #000;
    font-weight: 500;
    /*border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;*/
    box-shadow: 0 0 8px #FFF;
    -moz-box-shadow: 0 0 8px #FFF;
    -webkit-box-shadow: 0 0 8px #FFF;
    margin: 6px 4px 4px;
}

.Label-bold, .Labelright {
    color: #000;
    vertical-align: middle;
    border-radius: 4px;
    box-shadow: 0 0 8px #FFF;
}

.Label-bold {
    font-weight: 700;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0 0 8px #FFF;
    -webkit-box-shadow: 0 0 8px #FFF;
    margin: 6px 4px 4px;
    font-size: 13px
}

.Labelright, .Labelright-bold {
    font-style: normal;
    font-variant: normal;
    height: 2em;
    text-align: left;
    margin: 6px 4px 4px;
    font-size: 13px
}

.Labelright {
    font-weight: 400;
    font-family: Helvetica;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0 0 8px #FFF;
    -webkit-box-shadow: 0 0 8px #FFF
}

.Colon, .Labelright-bold {
    font-weight: 700;
    color: #000;
    font-family: Helvetica
}

.Labelright-bold {
    vertical-align: top;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0 0 8px #FFF;
    -moz-box-shadow: 0 0 8px #FFF;
    -webkit-box-shadow: 0 0 8px #FFF;
    white-space: nowrap
}

.Colon {
    font-size: small;
    width: 1%;
    vertical-align: middle;
    text-align: center
}

.SelectDropdown {
    width: auto;
    height: 2em;
    /*height: 23px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;*/
    border: 1px solid #CCC;
    /*border-radius: 4px;*/
    -webkit-box-shadow: 0 3px 0 #ccc,0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc,0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc,0 -1px #fff inset;
    background: #f8f8f8;
    font-family: Helvetica;
    margin: 4px;
    font-size: 13px
}

.Buttons, .Mandatory {
    /*font-size: small;*/
    font-size: medium;
    font-family: Helvetica;
    font-weight: 700;
}

.Buttons {
    /*background-color: #3b3c3c;*/
    background-color: #1A4480;
    border: 1px solid #006;
    /*-moz-border-radius: 10px;
    @-webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.75);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.75);
    box-shadow: 0 0 4px rgba(0,0,0,.75);*/
    color: #FFF;
    /*color: #000;*/
    cursor: hand;
    margin-bottom: 5px;
    font-size: medium;
    border-radius: 2px;
}

Buttons:focus, Buttons:hover {
    background-color: #399630;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.75);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,.75);
    box-shadow: 0 0 1px rgba(0,0,0,.75)
}

.lnk {
    color: #27466C;
    text-decoration: underline;
    cursor: auto;
}

.ErrorMessage, .txtdocNon {
    text-decoration: none;
}

.lnk:hover {
    color: (internal value);
}

.Mandatory {
    color: Red;
    top: 0;
    left: 0
}

.ComplaintBackground {
    text-align: right;
    /*background-color: #d3d3d3;*/
    background-color: #E0E0E0;
}

.ListBox {
    font-size: 11pt;
    font-family: Helvetica;
    color: #000;
    background-color: #F0F9FE
}

.Tab .ajax__tab_header {
    color: #4682b4;
    font-family: Calibri;
    font-size: 14px;
    font-weight: 700;
    background-color: #fff;
    margin-left: 0
}

.Tab .ajax__tab_body {
    border: 1px solid #b4cbdf;
    padding-top: 0
}

.Tab .ajax__tab_active .ajax__tab_tab {
    color: #fff;
    background: url(../Images/tab_active.gif) repeat-x;
    height: 20px
}

.Tab .ajax__tab_active .ajax__tab_inner {
    color: #fff;
    background: url(../Images/tab_left_active.gif) left no-repeat;
    padding-left: 10px
}

.Tab .ajax__tab_active .ajax__tab_outer {
    color: #fff;
    background: url(../Images/tab_right_active.gif) right no-repeat;
    padding-right: 6px
}

.Tab .ajax__tab_hover .ajax__tab_tab {
    color: #000;
    background: url(../Images/tab_hover.gif) repeat-x;
    height: 20px
}

.Tab .ajax__tab_hover .ajax__tab_inner {
    color: #000;
    background: url(../Images/tab_left_hover.gif) left no-repeat;
    padding-left: 10px
}

.Tab .ajax__tab_hover .ajax__tab_outer {
    color: #000;
    background: url(../Images/tab_right_hover.gif) right no-repeat;
    padding-right: 6px
}

.Tab .ajax__tab_tab {
    color: #666;
    background: url(../Images/tab_Inactive.gif) repeat-x;
    height: 20px
}

.Tab .ajax__tab_inner {
    color: #666;
    background: url(../Images/tab_left_inactive.gif) left no-repeat;
    padding-left: 10px
}

.Tab .ajax__tab_outer {
    color: #666;
    background: url(../Images/tab_right_inactive.gif) right no-repeat;
    padding-right: 6px;
    margin-right: 2px
}

.HeaderStyletd {
    /*background-color: #0080AA;*/
    background: #E9EC6B;
    background-color: #E9EC6B;
    /*background: beige;*/
    /*background-color: beige;*/
}

.tablewidth {
    font-family: Helvetica;
    border: 1px solid #7f7f7f;
    width: 100%;
    padding: 0;
    border-spacing: 0
}

.listMain {
    background-color: #FFF;
    z-index: 1000;
    width: 100px !important;
    max-height: 210px;
    text-align: inherit;
    text-indent: -1;
    scrollbar-arrow-color: #B89020;
    margin-left: 0;
    border-bottom: 1px solid #B5C6D4;
    border-left: 1px solid #B5C6D4;
    margin-top: 0
}

.wordWheel .itemsMain {
    background: 0 0;
    text-align: inherit left
}

.wordWheel .itemsSelected {
    padding: 0;
    margin: 1%;
    background-color: #39F;
    color: #000;
    border-top: 1px solid #FFF8E8;
    border-left: 1px solid #FFF8E8;
    border-bottom: 1px solid #00337E;
    border-right: 1px solid #00337E
}

.listMainatt {
    background-color: #FFF;
    z-index: 1000;
    width: 200px !important;
    max-height: 210px;
    text-align: inherit;
    text-indent: -1;
    scrollbar-arrow-color: #B89020;
    margin-left: 0;
    border-bottom: 1px solid #B5C6D4;
    border-left: 1px solid #B5C6D4;
    margin-top: 0
}

.wordWheel .listMainatt {
    background: 0 0;
    text-align: inherit left
}

.trBlueGridheadbg_img, .trCaseLoad {
    background-repeat: repeat;
    height: 20px
}

.modalBackground {
    background-color: Gray
}

.pnlBackGround {
    background-color: #fff;
    border: 3px solid #000
}

.progress {
    position: absolute;
    top: 248px;
    left: 20px;
    background-color: Gray
}

.ErrorMessage {
    font-size: small;
    font-family: Arial;
    color: red
}

.calenderalign {
    position: relative;
    top: 7px;
    left: 5px;
    bottom: 7px;
    right: auto;
    width: 18px;
    height: 18px
}

.trGreyheadbg_img {
    background-image: url(../Images/greyHeader.gif);
    height: 20px
}

.trBlueGridheadbg_img {
    background-color: silver;
    font: Arial,Helvetica,sans-serif
}

.homepagewidth {
    width: 100%
}

.trCaseLoad {
    background-image: url(../Images/Widget1.gif)
}

.Legend {
    text-align: left;
    font-size: small;
    font-family: Arial;
    font-weight: 700;
    color: #006;
    vertical-align: top
}

.tdaligncenter {
    text-align: center
}

.ajax__calendar_container {
    padding: 4px;
    position: absolute;
    cursor: default;
    width: 170px;
    font-size: 11px;
    text-align: center;
    font-family: tahoma,verdana,helvetica;
}

.ajax__calendar_body {
    height: 139px;
    width: 170px;
    position: relative;
    overflow: hidden;
    margin: auto;
}

.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
    top: 0px;
    left: 0px;
    height: 139px;
    width: 170px;
    position: absolute;
    text-align: center;
    margin: auto;
}

.ajax__calendar_container TABLE {
    font-size: 11px;
}

.ajax__calendar_header {
    height: 20px;
    width: 100%;
}

.ajax__calendar_prev {
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);
}

.ajax__calendar_next {
    cursor: pointer;
    width: 15px;
    height: 15px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);
}

.ajax__calendar_title {
    cursor: pointer;
    font-weight: bold;
}

.ajax__calendar_footer {
    height: 15px;
}

.ajax__calendar_today {
    cursor: pointer;
    padding-top: 3px;
}

.ajax__calendar_dayname {
    height: 17px;
    width: 17px;
    text-align: right;
    padding: 0 2px;
}

.ajax__calendar_day {
    height: 17px;
    width: 18px;
    text-align: right;
    padding: 0 2px;
    cursor: pointer;
}

.ajax__calendar_month {
    height: 44px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.ajax__calendar_year {
    height: 44px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}

.ajax__calendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: #ffffff;
    color: #000000;
}

.ajax__calendar .ajax__calendar_footer {
    border-top: 1px solid #f5f5f5;
}

.ajax__calendar .ajax__calendar_dayname {
    border-bottom: 1px solid #f5f5f5;
}

.ajax__calendar .ajax__calendar_day {
    border: 1px solid #ffffff;
}

.ajax__calendar .ajax__calendar_month {
    border: 1px solid #ffffff;
}

.ajax__calendar .ajax__calendar_year {
    border: 1px solid #ffffff;
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_month {
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_year {
    background-color: #edf9ff;
    border-color: #0066cc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #646464;
}

.ajax__calendar .ajax__calendar_other .ajax__calendar_year {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #646464;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {
    background-color: #edf9ff;
    border-color: #daf2fc;
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {
    color: #0066cc;
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {
    color: #0066cc;
}