/* Default CSS Stylesheet for a new Web Application project */
BODY {
    margin-top: 10px;
    margin-left: 0px;
    background-repeat: no-repeat;
    font-family: Verdana, Arial, MS Sans Serif;
}

a:link {
    color: navy;
}

a:visited {
    color: navy;
}

a {
    color: gray;
}

    a:active {
        color: navy;
    }

TABLE {
    border: 0;
    padding: 0px, 0px, 0px, 5px;
    background-color: transparent;
    border-color: Gray;
    border-collapse: collapse;
}
/*
.Menu
{
    text-decoration: none;
    font-family: Verdana, Arial, MS Sans Serif;
    font-weight: bold;
    font-size: 9pt;
    text-align: center;
    position:absolute ;
}
*/

.disabled {
    color: Navy;
    text-decoration: underline;
    cursor: hand;
}

.MenuBackground {
    text-decoration: none;
    font-family: Verdana, Arial, MS Sans Serif;
    font-weight: bold;
    font-size: 9pt;
    background-color: #d9edff;
}

.MenuGroup {
    text-decoration: none;
    font-family: Verdana, Arial, MS Sans Serif;
    font-weight: bold;
    font-size: 9pt;
    color: #a52a2a;
    position: absolute;
}

.MenuGroupBackground {
    text-decoration: none;
    font-family: Verdana, Arial, MS Sans Serif;
    font-weight: bold;
    font-size: 9pt;
    background-color: #d9edff;
    color: #a52a2a;
}


.TopMenu {
    border-right: thin outset;
    border-top: thin outset;
    border-left: thin outset;
    border-bottom: thin outset;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 2px;
    font-weight: bold;
    font-size: 10pt;
    font-family: Verdana, Arial, MS Sans Serif;
    border-collapse: collapse;
    background-color: transparent;
    position: absolute;
}

TD {
    font-size: 9pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
}

.GrdPanel {
    font-size: 9pt;
    color: blue;
    font-family: Verdana, Arial, MS Sans Serif;
    font-style: italic;
    background-color: Red;
}

TD_GRAY {
    font-size: 8pt;
    color: gray;
    font-family: Verdana, Arial, MS Sans Serif;
}

.TD_GRID {
    padding: 4px 2px;
    color: #fff;
    background: #424242 url('../../images/grd_head.png') repeat-x top;
    border-left: solid 1px #525252;
    font-size: 0.9em;
    font-weight: bold;
}

/* USED IN REPORT LIST */
LI {
    margin-bottom: 2px;
    margin-top: 2px;
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
}


.ScreenTitle {
    font-weight: bolder;
    font-size: 12pt;
    color: #a52a2a;
    font-family: Verdana, Arial, MS Sans Serif;
}

.SectionHeading {
    font-weight: bold;
    font-size: 10pt;
    background: #E8E9E3;
    font-family: Verdana, Arial, MS Sans Serif;
    height: 25px;
}

.SH_NB {
    font-weight: bold;
    font-size: 10pt;
    font-family: Verdana, Arial, MS Sans Serif;
    color: #a52a2a;
}

.SH_NB_N {
    font-size: 10pt;
    font-family: Verdana, Arial, MS Sans Serif;
    color: #a52a2a;
}

.SH_DARK {
    font-weight: bold;
    font-size: 10pt;
    font-family: Verdana, Arial, MS Sans Serif;
    background-color: #7D868F;
    height: 25px;
}

.TD_GrayBackground {
    font-size: 10pt;
    background: #E8E9E3;
    font-family: Verdana, Arial, MS Sans Serif;
}

.TDOrgange {
    font-weight: bold;
    font-size: 10pt;
    background: Orange;
    font-family: Verdana, Arial, MS Sans Serif;
}

.Note {
    font-size: 9pt;
    color: blue;
    font-family: Verdana, Arial, MS Sans Serif;
    font-style: italic;
}

.gray_small {
    font-size: 8pt;
    color: gray;
    font-family: Verdana, Arial, MS Sans Serif;
    font-style: italic;
}

.orange_small {
    font-size: 8pt;
    color: orange;
    font-family: Verdana, Arial, MS Sans Serif;
    font-style: italic;
}

.DashboardHeading {
    font-weight: bold;
    font-size: 10pt;
    color: White;
    background-color: #6280B0;
    text-align: left;
}

.label {
    font-size: 10pt;
    background: none transparent scroll repeat 0% 0%;
    font-family: Verdana, Arial, MS Sans Serif;
    text-align: left;
}

.labelWhite {
    font-weight: bold;
    font-size: 10pt;
    background: none transparent scroll repeat 0% 0%;
    font-family: Verdana, Arial, MS Sans Serif;
    text-align: left;
    color: White;
}

.labelBlack {
    font-weight: bold;
    font-size: 10pt;
    background: none transparent scroll repeat 0% 0%;
    font-family: Verdana, Arial, MS Sans Serif;
    text-align: left;
    color: Black;
}

.SamplePage {
    font-weight: bolder;
    font-size: 24pt;
    color: #a52a2a;
    font-family: Verdana, Arial, MS Sans Serif;
}

.textbox, input[type="text"] {
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
    border-right: #639ace 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: #639ace 1px solid;
}

    input[type="text"][disabled] {
        cursor: default;
        background-color: #dcdcdc;
        border: solid 1px gray;
    }

.datetextbox {
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
    border-right: #639ace 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: #639ace 1px solid;
    width: 70px;
}

.dropdown, select {
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
    border-right: #639ace 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: #639ace 1px solid;
}


.button {
    font-size: 8pt;
    cursor: pointer;
    color: white;
    font-family: Verdana, Arial, MS Sans Serif;
    /*background-color: black;*/
    background: black url('../../images/grd_head.png') repeat-x top;
    height: 22px;
    border: solid 1px gray;
}
/*
.button_gray
{
   font-size:10px;
   font-family:Verdana, Arial, MS Sans Serif;
   font-weight:bold;
   color:#EEFFFF; 
   background-color:black;
   border-style:solid;
   border-color:#003377;
   border-width:2px;
}
*/
.button_gray {
    font-size: 8pt;
    cursor: pointer;
    color: white;
    font-family: Verdana, Arial, MS Sans Serif;
    /*background-color: black;*/
    background: black url('../../images/grd_head.png') repeat-x top;
    height: 20px;
    border: solid 1px gray;
}

.button_disabled {
    font-size: 8pt;
    cursor: default;
    color: white;
    font-family: Verdana, Arial, MS Sans Serif;
    background: silver url('../../images/disabled.png') repeat-x top;
    height: 22px;
    border: solid 1px gray;
}

.button_disabled_ucAppWizardStep {
    font-size: 8pt;
    cursor: default;
    color: white;
    font-family: Verdana, Arial, MS Sans Serif;
    background: silver url('../../images/disabled.png') repeat-x top;
    height: 22px;
    border: solid 1px gray;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 2px;
    margin-right: 2px;
}

.LinkStyle {
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.AppTypeHeader {
    font-size: 11pt;
    font-family: Verdana, Arial, MS Sans Serif;
    background-color: #7D868F;
    color: white;
}

.tablebg_Heading {
    background-color: #E8E9E3; /*border-right: gray 1px solid; 	border-top: white 1px solid; 	border-left: white 1px solid; 	border-bottom: white 1px solid;*/
    height: 25pt;
}

.tablebg_Content {
    width: 100%;
    background-color: #EEEEEE;
    border-right: white 1px solid;
    border-top: white 1px solid;
    border-left: white 1px solid;
    border-bottom: white 1px solid;
}

.table_WhiteBorder {
    background-color: #EEEEEE;
    border-right: white 1px solid;
    border-top: white 1px solid;
    border-left: white 1px solid;
    border-bottom: white 1px solid;
}

.calendar {
    border-right: #639ace 1px solid;
    border-top: gray 1px solid;
    font-size: 10pt;
    border-left: gray 1px solid;
    width: 17px;
    cursor: hand;
    color: maroon;
    border-bottom: #639ace 1px solid;
    font-family: Webdings;
    height: 20px;
    background-color: #fff0b3;
}

.datetextbox {
    color: #000000;
    width: 83px;
    font-size: 9pt;
    font-family: Verdana, Arial, MS Sans Serif;
    border-right: #639ace 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: #639ace 1px solid;
}

OPTION {
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
    border-right: #639ace 1px solid;
    border-left: gray 1px solid;
}

TEXTAREA {
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
    border-right: #639ace 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: #639ace 1px solid;
}

.combo {
    font-size: 10pt;
    color: #000000;
    height: 20px;
    background-color: #FFFFFF;
    text-align: left;
    font-family: Verdana, Arial, MS Sans Serif;
    width: 200px;
}

/*Use it for Labels to display field values on the screen (i.e. read only fields)*/
.label {
    font-weight: bolder;
    font-size: 10pt;
    background: none transparent scroll repeat 0% 0%;
    font-family: Verdana, Arial, MS Sans Serif;
    text-align: left;
}

.labelMessage {
    font-weight: bold;
    font-size: 9pt;
    background: none transparent scroll repeat 0% 0%;
    font-family: Verdana, Arial, MS Sans Serif;
    text-align: center;
}

/*Use it for Labels where warning/confirmation messgaes needs to be displayed*/
.message {
    font-weight: bolder;
    font-size: 10pt;
    background: none transparent scroll repeat 0% 0%;
    color: #0000cd;
    font-family: Verdana, Arial, MS Sans Serif;
    text-align: center;
}
/*Use it for Labels where ERROR messgaes needs to be displayed*/
.ErrorMessage {
    font-weight: lighter;
    font-size: 10pt;
    background: none transparent scroll repeat 0% 0%;
    color: #ff0000;
    font-family: Verdana, Arial, MS Sans Serif;
}

.ColumnHeader {
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
    background-color: #d9edff;
    text-align: center;
}

.ColumnHeaderLeftAlign {
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
    background-color: #d9edff;
    text-align: left;
}

.SideHeader {
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
    background-color: #d9edff;
    text-align: right;
}

.Header {
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
    background-color: #d9edff;
}

.ActiveTab {
    border-right: blue 1px solid;
    border-top: blue 1px solid;
    font-weight: bold;
    font-size: 9pt;
    border-left: blue 1px solid;
    color: navy;
    border-bottom: none;
    font-family: Verdana;
    background-color: transparent;
}

.BlankTab {
    border-right: none;
    border-top: none;
    font-weight: bold;
    font-size: 10pt;
    border-left: none;
    color: navy;
    border-bottom: blue 1px solid;
    font-family: Verdana;
    background-color: transparent;
}

.InactiveTab {
    border-right: blue 1px solid;
    border-top: blue 1px solid;
    font-weight: bold;
    font-size: 9pt;
    border-left: blue 1px solid;
    color: navy;
    border-bottom: blue 1px solid;
    font-family: Verdana;
    background-color: #ffffcc;
}

.TabPage {
    border-right: blue 1px solid;
    border-top: none;
    border-left: blue 1px solid;
    color: navy;
    border-bottom: blue 1px solid;
    font-family: Verdana;
    background-color: transparent;
}

blockquote {
    margin-top: 0px;
    margin-bottom: 0px;
}

.ItalicText {
    font-weight: normal;
    font-size: 8pt;
    color: Black;
    font-family: Verdana, Arial, MS Sans Serif;
    height: 21px;
}

.MandatoryMark {
    color: #cc0000;
    font-size: 8pt;
}

.labeltext {
    font-weight: normal;
    font-size: 10pt;
    background: none transparent scroll repeat 0% 0%;
    font-family: Verdana, Arial, MS Sans Serif;
    text-align: left;
}

.textboxMultiLine {
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
    border-right: #639ace 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: #639ace 1px solid;
    width: 745px;
    height: 130px;
}

/* Following styles are used by grid control*/
#container {
    width: 910px;
    margin: 10px auto;
}

.mGrid {
    width: 100%;
    background-color: #fff;
    margin: 10px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
    vertical-align: middle;
}

    .mGrid td {
        padding: 4px;
        border: solid 1px #c1c1c1;
        color: #000000;
    }

    .mGrid th {
        padding: 4px 2px;
        color: #fff;
        background: #424242 url('../../images/grd_head.png') repeat-x top;
        border-left: solid 1px #525252;
        font-size: 0.9em;
    }

    .mGrid .alt {
        /*background: #fcfcfc url('../../images/grd_alt.png') repeat-x top;*/
    }

    .mGrid .pgr {
        background: #424242 url('../../images/grd_pgr.png') repeat-x top;
    }

        .mGrid .pgr table {
            margin: 10px 0;
        }

        .mGrid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .mGrid .pgr a {
            color: #666;
            text-decoration: none;
        }

            .mGrid .pgr a:hover {
                color: #000;
                text-decoration: none;
            }

.mGridHeader a:link {
    color: White;
}

.mGridHeader a:visited {
    color: White;
}

.mGridHeader a {
    color: White;
}

    .mGridHeader a:active {
        color: white;
    }

.mGridFooter {
    padding: 4px 2px;
    color: #fff;
    background: #424242 url('../../images/grd_head.png') repeat-x top;
    border-left: solid 1px #525252;
    font-size: 0.9em;
}

.mGridHeader {
    padding: 4px 2px;
    color: #fff;
    background: #424242 url('../../images/grd_head.png') repeat-x top;
    border-left: solid 1px #525252;
}

.CornerTop {
    background: url('../../images/r_corner.gif') no-repeat scroll right top transparent;
}

.CornerBottom {
    background: url('../../images/r_btmcorner.gif') no-repeat scroll right top transparent;
}

.ItemSectionHead {
    background-color: #F0F0F0;
    margin-bottom: 10px;
}


/*
.Menu
{
    font-weight: bold;
    font-size: 10pt;
    font-family: Verdana, Arial, MS Sans Serif;
    padding: 2px;
    padding-left: 2px; 
    padding-right: 2px;
    border: 0px;
    border-bottom-color: gray;
    border-top-color: white;
    border-left-color: white;
    border-right-color: gray;
    border-style: solid;
    cursor: pointer;       
  

}

.menuitem
{
    background-color: #003366;
    color: White;
    font-family: Verdana, Arial, MS Sans Serif;
    font-weight: normal;
    font-size: 10pt;
    padding: 2px;
    padding-left: 2px;
    padding-right: 2px;
    cursor: pointer;   
           
}


.highlighteditem
{
    font-size: 10pt;
    font-family: Verdana, Arial, MS Sans Serif;
    color: navy;
    font-weight: bold;
    background-color: #d9edff;
    padding: 2px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px;
    cursor: default;
}

.mousedown
{
    background-color: silver;
    color: navy;
    font-family: Verdana;
    font-weight: normal;
    font-size: 10pt;
    padding: 2px;
    padding-left: 2px;
    padding-right: 2px;
    cursor: hand;
}

.mouseup
{
    background-color: #d9edff;
    color: navy;
    font-family: Verdana, Arial, MS Sans Serif;
    font-size: 10pt;
    font-weight: normal;
    padding: 2px;
    padding-left: 2px;
    padding-right: 2px;
    cursor: hand;
}

.mouseover
{
    background-color: #6885A3;
    color: white;
    font-family: Verdana, Arial, MS Sans Serif;
    font-size: 8pt;
    padding: 2px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px;
    cursor: hand;
}*/

iframe.skm {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
}

td.skmcur {
    cursor: pointer;
}

.menustyle {
    position: relative;
    background-color: #003366;
    border: 0px;
    border-bottom-color: gray;
    border-top-color: white;
    border-left-color: white;
    border-right-color: gray;
    border-style: solid;
    cursor: pointer;
    z-index: 9999;
}

.menuitem {
    height: 18px;
    color: White;
    font-family: Verdana, Arial, MS Sans Serif;
    font-weight: normal;
    font-size: 10pt;
    padding: 2px;
    vertical-align: middle;
    cursor: pointer;
}

.submenuitem {
    position: absolute;
    background-color: #3a4f63;
    color: #dde4ec;
    padding: 2px;
    padding-left: 2px;
    padding-right: 2px;
    vertical-align: middle;
}

.menumousedown {
    background-color: silver;
    color: navy;
    font-family: Verdana;
    font-weight: normal;
    font-size: 10pt;
    padding: 2px;
    padding-left: 2px;
    padding-right: 2px;
    cursor: hand;
}

.menumouseover {
    background-color: #6885A3;
    color: white;
    font-family: Verdana, Arial, MS Sans Serif;
    font-size: 10pt;
    padding: 2px;
    cursor: hand;
}

.menumouseup {
    background-color: #d9edff;
    color: navy;
    font-family: Verdana, Arial, MS Sans Serif;
    font-size: 10pt;
    font-weight: normal;
    padding: 2px;
    padding-left: 2px;
    padding-right: 2px;
    cursor: hand;
}

.footer {
    font-weight: normal;
    font-size: 8pt;
    color: navy;
    font-family: Verdana, Arial, MS Sans Serif;
    height: 10px;
}

h2 {
    margin-top: 2px;
    font-weight: bolder;
    font-size: 12pt;
    margin-bottom: 2px;
    color: #a52a2a;
    font-family: Verdana, Arial, MS Sans Serif;
}

.MenuHeader {
    font-weight: normal;
    font-size: 11pt;
    color: white;
    font-family: Verdana, Arial, MS Sans Serif;
    height: 20px;
}

.Message {
    font-weight: bolder;
    font-size: 8pt;
    background: none transparent scroll repeat 0% 0%;
    color: #0000cd;
    font-family: Verdana, Arial, MS Sans Serif;
    text-align: center;
}

.Superscript {
    font-size: xx-small;
    vertical-align: top;
}

.botcell {
}

.watermark {
    color: Gray;
}


/* root element for tabs  */
ul.tabs {
    list-style: none;
    margin: 0 !important;
    padding: 0;
    border-bottom: 1px solid #666;
    height: 30px;
}

    /* #content{width:600px; margin:10px auto;} */

    /* single tab */
    ul.tabs li {
        float: left;
        text-indent: 0;
        padding: 0;
        margin: 0 !important;
        list-style-image: none !important;
    }

    /* link inside the tab. uses a background image */
    ul.tabs a {
        background: url('../../images/blue.png') no-repeat -420px 0; /*  background: url(/Tabsjquery/blue.png) no-repeat -420px 0; */
        font-family: Verdana, Arial, MS Sans Serif;
        font-weight: normal;
        font-size: 10pt;
        display: block;
        height: 30px;
        line-height: 30px;
        width: 134px;
        text-align: center;
        text-decoration: none;
        color: #333;
        padding: 0px;
        margin: 0px;
        position: relative;
        top: 1px;
    }

        ul.tabs a:active {
            outline: none;
        }

        /* when mouse enters the tab move the background image */
        ul.tabs a:hover {
            background-position: -420px -31px;
            color: #fff;
        }

        /* active tab uses a class name "current". its highlight is also done by moving the background image. */
        ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
            background-position: -420px -62px;
            cursor: default !important;
            color: #000 !important;
        }

        /* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


        /* width 1 */
        ul.tabs a.s {
            background-position: -553px 0;
            width: 81px;
        }

            ul.tabs a.s:hover {
                background-position: -553px -31px;
            }

            ul.tabs a.s.current {
                background-position: -553px -62px;
            }

        /* width 2 */
        ul.tabs a.l {
            background-position: -248px -0px;
            width: 174px;
        }

            ul.tabs a.l:hover {
                background-position: -248px -31px;
            }

            ul.tabs a.l.current {
                background-position: -248px -62px;
            }


        /* width 3 */
        ul.tabs a.xl {
            background-position: 0 -0px;
            width: 248px;
        }

            ul.tabs a.xl:hover {
                background-position: 0 -31px;
            }

            ul.tabs a.xl.current {
                background-position: 0 -62px;
            }


/* initially all panes are hidden */



/* initially all panes are hidden */
.panes .panes1 .panes2 .pane {
    display: none;
}

.panes .panes1 .panes2 {
    /*display: none;*/
    padding: 15px 10px;
    border: 1px solid #999;
    border-top: 0;
    height: auto;
    font-size: 14px;
    background-color: #fff;
}

.pane {
    border-style: none solid solid;
    border-width: 0 1px 1px;
    border-color: Gray;
    padding: 5px;
}

/* Default CSS Stylesheet for a new Web Application project 
BODY
{
    margin-top: 10px;
    margin-left: 0px;
    background-repeat: no-repeat;
    font-family: Verdana, Arial, MS Sans Serif;
}

a:link
{
    color: navy;
}

a:visited
{
    color: navy;
}

a
{
    color: gray;
}

a:active
{
    color: navy;
}

TABLE
{
    border: 0;
    padding: 0px, 0px, 0px, 5px;
    background-color: transparent;
    border-color: Gray;
    border-collapse: collapse;
}

.Menu
{
    text-decoration: none;
    font-family: Verdana, Arial, MS Sans Serif;
    font-weight: bold;
    font-size: 9pt;
    text-align: center;
}

.MenuBackground
{
    text-decoration: none;
    font-family: Verdana, Arial, MS Sans Serif;
    font-weight: bold;
    font-size: 9pt;
    background-color: #d9edff;
}

.MenuGroup
{
    text-decoration: none;
    font-family: Verdana, Arial, MS Sans Serif;
    font-weight: bold;
    font-size: 9pt;
    color: #a52a2a;
}

.MenuGroupBackground
{
    text-decoration: none;
    font-family: Verdana, Arial, MS Sans Serif;
    font-weight: bold;
    font-size: 9pt;
    background-color: #d9edff;
    color: #a52a2a;
}


.TopMenu
{
    border-right: thin outset;
    border-top: thin outset;
    border-left: thin outset;
    border-bottom: thin outset;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 2px;
    padding-left: 2px;
    font-weight: bold;
    font-size: 10pt;
    font-family: Verdana, Arial, MS Sans Serif;
    border-collapse: collapse;
    background-color: transparent;
}

TD
{
    font-size: 9pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
}

TD_GRAY
{
    font-size: 8pt;
    color: gray;
    font-family: Verdana, Arial, MS Sans Serif;
}


LI
{
    margin-bottom: 2px;
    margin-top: 2px;
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
}


.ScreenTitle
{
    font-weight: bolder;
    font-size: 12pt;
    color: #a52a2a;
    font-family: Verdana, Arial, MS Sans Serif;
}

.SectionHeading
{
    font-weight: bold;
    font-size: 10pt;
    background: #E8E9E3;
    font-family: Verdana, Arial, MS Sans Serif;
    height: 25px;
}

.SH_NB
{
    font-weight: bold;
    font-size: 10pt;
    font-family: Verdana, Arial, MS Sans Serif;
    color: #a52a2a;
}
.SH_DARK
{
    font-weight: bold;
    font-size: 10pt;
    font-family: Verdana, Arial, MS Sans Serif;
    background-color: #7D868F;
    height: 25px;
}

.TD_GrayBackground
{
    font-size: 10pt;
    background: #E8E9E3;
    font-family: Verdana, Arial, MS Sans Serif;
}

.Note
{
    font-size: 9pt;
    color: blue;
    font-family: Verdana, Arial, MS Sans Serif;
    font-style: italic;
}

.gray_small
{
    font-size: 8pt;
    color: gray;
    font-family: Verdana, Arial, MS Sans Serif;
    font-style: italic;
}
.orange_small
{
    font-size: 8pt;
    color: orange;
    font-family: Verdana, Arial, MS Sans Serif;
    font-style: italic;
}

.DashboardHeading
{
    font-weight: bold;
    font-size: 8pt;
    color: White;
    background-color: #6280B0;
    text-align: left;
}

.label
{
    font-size: 10pt;
    background: none transparent scroll repeat 0% 0%;
    font-family: Verdana, Arial, MS Sans Serif;
    text-align: left;
}

.labelWhite
{
    font-weight: bold;
    font-size: 10pt;
    background: none transparent scroll repeat 0% 0%;
    font-family: Verdana, Arial, MS Sans Serif;
    text-align: left;
    color: White;
}




.SamplePage
{
    font-weight: bolder;
    font-size: 24pt;
    color: #a52a2a;
    font-family: Verdana, Arial, MS Sans Serif;
}

.textbox
{
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
    border-right: #639ace 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: #639ace 1px solid;
}

.datetextbox
{
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
    border-right: #639ace 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: #639ace 1px solid;
    width: 70px;
}

.dropdown
{
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
    border-right: #639ace 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: #639ace 1px solid;
}


.button
{
    background-color: black;
    font-size: 8pt;
    cursor: hand;
    color: white;
    font-family: Verdana, Arial, MS Sans Serif;
}
.button_small
{
    font-size: 8pt;
    cursor: hand;
    color: white;
    font-family: Verdana, Arial, MS Sans Serif; background-color: #5A6F8E;
    background-color: gray;
}

.button_gray
{
    font-size: 8pt;
    cursor: hand;
    color: white;
    font-family: Verdana, Arial, MS Sans Serif;
    background-color: black;
}

.LinkStyle
{
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.AppTypeHeader
{
    font-size: 11pt;
    font-family: Verdana, Arial, MS Sans Serif;
    background-color: #7D868F;
    color: white;
}

.tablebg_Heading
{
    background-color: #E8E9E3; 
    height: 25pt;
}

.tablebg_Content
{
    width: 100%;
    background-color: #EEEEEE;
    border-right: white 1px solid;
    border-top: white 1px solid;
    border-left: white 1px solid;
    border-bottom: white 1px solid;
}
.table_WhiteBorder
{
    background-color: #EEEEEE;
    border-right: white 1px solid;
    border-top: white 1px solid;
    border-left: white 1px solid;
    border-bottom: white 1px solid;
}

.calendar
{
    border-right: #639ace 1px solid;
    border-top: gray 1px solid;
    font-size: 10pt;
    border-left: gray 1px solid;
    width: 17px;
    cursor: hand;
    color: maroon;
    border-bottom: #639ace 1px solid;
    font-family: Webdings;
    height: 20px;
    background-color: #fff0b3;
}

.datetextbox
{
    color: #000000;
    width: 83px;
    font-size: 9pt;
    font-family: Verdana, Arial, MS Sans Serif;
    border-right: #639ace 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: #639ace 1px solid;
}
OPTION
{
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
    border-right: #639ace 1px solid;
    border-left: gray 1px solid;
}

TEXTAREA
{
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
    border-right: #639ace 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: #639ace 1px solid;
}

.combo
{
    font-size: 10pt;
    color: #000000;
    height: 20px;
    background-color: #FFFFFF;
    text-align: left;
    font-family: Verdana, Arial, MS Sans Serif;
    width: 200px;
}


.label
{
    font-weight: bolder;
    font-size: 10pt;
    background: none transparent scroll repeat 0% 0%;
    font-family: Verdana, Arial, MS Sans Serif;
    text-align: left;
}

.labelMessage
{
    font-weight: bold;
    font-size: 9pt;
    background: none transparent scroll repeat 0% 0%;
    font-family: Verdana, Arial, MS Sans Serif;
    text-align: center;
}


.message
{
    font-weight: bolder;
    font-size: 10pt;
    background: none transparent scroll repeat 0% 0%;
    color: #0000cd;
    font-family: Verdana, Arial, MS Sans Serif;
    text-align: center;
}

.ErrorMessage
{
    font-weight: lighter;
    font-size: 10pt;
    background: none transparent scroll repeat 0% 0%;
    color: #ff0000;
    font-family: Verdana, Arial, MS Sans Serif; 
}


.ColumnHeader
{
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
    background-color: #d9edff;
    text-align: center;
}
.ColumnHeaderLeftAlign
{
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
    background-color: #d9edff;
    text-align: left;
}

.SideHeader
{
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
    background-color: #d9edff;
    text-align: right;
}
.Header
{
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
    background-color: #d9edff;
}
.ActiveTab
{
    border-right: blue 1px solid;
    border-top: blue 1px solid;
    font-weight: bold;
    font-size: 9pt;
    border-left: blue 1px solid;
    color: navy;
    border-bottom: none;
    font-family: Verdana;
    background-color: transparent;
}

.BlankTab
{
    border-right: none;
    border-top: none;
    font-weight: bold;
    font-size: 10pt;
    border-left: none;
    color: navy;
    border-bottom: blue 1px solid;
    font-family: Verdana;
    background-color: transparent;
}

.InactiveTab
{
    border-right: blue 1px solid;
    border-top: blue 1px solid;
    font-weight: bold;
    font-size: 9pt;
    border-left: blue 1px solid;
    color: navy;
    border-bottom: blue 1px solid;
    font-family: Verdana;
    background-color: #ffffcc;
}

.TabPage
{
    border-right: blue 1px solid;
    border-top: none;
    border-left: blue 1px solid;
    color: navy;
    border-bottom: blue 1px solid;
    font-family: Verdana;
    background-color: transparent;
}
blockquote
{
    margin-top: 0px;
    margin-bottom: 0px;
}

.ItalicText
{
    font-weight: normal;
    font-size: 8pt;
    color: Black;
    font-family: Verdana, Arial, MS Sans Serif;
    height: 21px;
}

.MandatoryMark
{
    color: #cc0000;
    font-size: 8pt;
}

.labeltext
{
    font-weight: normal;
    font-size: 10pt;
    background: none transparent scroll repeat 0% 0%;
    font-family: Verdana, Arial, MS Sans Serif;
    text-align: left;
}
.textboxMultiLine
{
    font-size: 10pt;
    color: #000000;
    font-family: Verdana, Arial, MS Sans Serif;
    border-right: #639ace 1px solid;
    border-top: gray 1px solid;
    border-left: gray 1px solid;
    border-bottom: #639ace 1px solid;
    width: 745px;
    height: 130px;
}
 ABOVE STYLES COMMENTED BY VISHWAS THESE WERE REPEATED *******************/

/* Following styles are used by grid control*/
#container {
    width: 910px;
    margin: 10px auto;
}

.mGrid {
    width: 100%;
    background-color: #fff;
    margin: 10px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}

    .mGrid td {
        padding: 4px;
        border: solid 1px #c1c1c1;
        color: #000000;
    }

    .mGrid th {
        padding: 4px 2px;
        color: #fff;
        background: #424242 url('../../images/grd_head.png') repeat-x top;
        border-left: solid 1px #525252;
        font-size: 0.9em;
    }


    /*.mGrid .alt {
        background: #fcfcfc url('../../images/grd_alt.png') repeat-x top;
    }*/

    .mGrid .pgr {
        background: #424242 url('../../images/grd_pgr.png') repeat-x top;
    }

        .mGrid .pgr table {
            margin: 10px 0;
        }

        .mGrid .pgr td {
            border-width: 0;
            padding: 0 6px;
            border-left: solid 1px #666;
            font-weight: bold;
            color: #fff;
            line-height: 12px;
        }

        .mGrid .pgr a {
            color: #666;
            text-decoration: none;
        }

            .mGrid .pgr a:hover {
                color: #000;
                text-decoration: none;
            }

.mGrid1 {
    width: 100%;
    background-color: #E8E9E3;
    margin: 10px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}

    /*.mGrid1 .alt {
        background: #fcfcfc url('../../images/grd_alt.png') repeat-x top;
    }*/

    .mGrid1 .pgr {
        background: #424242 url('../../images/grd_pgr.png') repeat-x top;
    }

.CornerTop {
    background: url('../../images/r_corner.gif') no-repeat scroll right top transparent;
}

.CornerBottom {
    background: url('../../images/r_btmcorner.gif') no-repeat scroll right top transparent;
}

.ItemSectionHead {
    background-color: #F0F0F0;
    margin-bottom: 10px;
}

.ListBox {
    width: 350px;
}

.AddressLine1 {
    width: 320px;
}

.AddressLine2 {
    width: 320px;
}

.ZipCode {
    width: 50px;
}



.ajax__myTab .ajax__tab_header {
    text-align: right;
    padding-bottom: 4px;
    border-bottom-style: solid;
    border-bottom-color: #000000;
    border-bottom-width: 10px;
}

.ajax__myTab .ajax__tab_outer {
}

.ajax__myTab .ajax__tab_inner {
}

.ajax__myTab .ajax__tab_tab {
    font-size: 14px;
    font: Verdana, Arial, Helvetica, sans-serif;
    color: #0464BB !important;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    padding: 3px;
    display: block;
    background: #FFFFF;
    margin-left: 3px;
    margin-right: 3px;
    background-color: #EBEBEB;
    border: #E0E0E0 solid 1px;
}

.ajax__myTab .ajax__tab_hover .ajax__tab_outer {
}

.ajax__myTab .ajax__tab_hover .ajax__tab_inner {
}

.ajax__myTab .ajax__tab_hover .ajax__tab_tab {
    color: #0464BB !important;
    background-color: #EBEBEB;
    border: #0464BB solid 1px;
}

.ajax__myTab .ajax__tab_active .ajax__tab_outer {
}

.ajax__myTab .ajax__tab_active .ajax__tab_inner {
}

.ajax__myTab .ajax__tab_active .ajax__tab_tab {
    color: #FFF !important;
    background-color: #000000;
    padding: none /*border-bottom:#000000 solid 5px;*/;
}

.ajax__myTab .ajax__tab_body {
    /*height:10px; 	display:block;     background:#000000;*/
}

.MyCalendar .ajax__calendar_container {
    background-color: #fffacd;
    border: solid 1px #646464;
    color: red;
    width: 220px;
    text-align: center;
}

.MyCalendar .ajax__calendar_header {
    background-color: #fffacd;
    margin-bottom: 4px;
}

.MyCalendar .ajax__calendar_title, .MyCalendar .ajax__calendar_next, .MyCalendar .ajax__calendar_prev {
    color: red;
    padding-top: 3px;
}

.MyCalendar .ajax__calendar_body {
    background-color: #fffacd;
    border: solid 1px #cccccc;
    width: 220px;
}

.MyCalendar .ajax__calendar_dayname {
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
    color: Red;
}

.MyCalendar .ajax__calendar_day {
    text-align: center;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year, .MyCalendar .ajax__calendar_active {
    color: Red;
    font-weight: bold;
    background-color: #ffffff;
}

.MyCalendar .ajax__calendar_today {
    font-weight: bold;
}

.MyCalendar .ajax__calendar_other, .MyCalendar .ajax__calendar_hover .ajax__calendar_today, .MyCalendar .ajax__calendar_hover .ajax__calendar_title {
    color: #bbbbbb;
}

.ModalWindow {
    border: solid1px#c0c0c0;
    background: #f0f0f0;
    padding: 0px10px10px10px;
    position: absolute;
    top: -1000px;
}

.modalBackground {
    background-color: #414141;
    filter: alpha(opacity=70);
    opacity: 0.7;
    overflow: auto;
}

.pnlPop {
    background-color: #faf9f4;
    font-family: Tahoma, Helvetica, Sans-Serif;
    font-weight: normal;
    font-size: 11px;
    border: 4px solid #8B8D8E;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: #666666 5px 5px 5px;
}

.RequiredField {
    /*font-size: 10pt;     background-color: #CCCCFF;     font-family: Verdana, Arial, MS Sans Serif;     border-right: #639ace 1px solid;     border-top: gray 1px solid;     border-left: gray 1px solid;     border-bottom: #639ace 1px solid;*/
    font-family: Verdana, Arial, MS Sans Serif;
    color: Red;
    font-weight: normal;
}

.CustomErrorMessage {
    font-size: 10pt;
    font-weight: bold;
    color: Red;
    font-family: Verdana, Arial, MS Sans Serif;
}

.ReadOnlyMessage, #olReadOnly LI {
    font-weight: bold;
    font-size: 10pt;
    font-family: Verdana, Arial, MS Sans Serif;
    color: #0000FF !important;
}

#AlertDiv {
    left: 40%;
    top: 40%;
    position: absolute;
    width: 250px;
    padding: 10px;
    border: #000000 1px solid;
    background: #f0f0f0;
    text-align: left;
    visibility: hidden;
    z-index: 99;
    word-wrap: break-word;
}

#AlertButtons {
    position: absolute;
    right: 5%;
    bottom: 5%;
}

#AlertMessage {
    font-family: verdana, Arial, MS Sans Serif;
    font-size: 10pt;
}


input[type="submit"][disabled]:active,
input[type="submit"][disabled] {
    font-size: 8pt;
    cursor: default;
    color: white;
    font-family: Verdana, Arial, MS Sans Serif;
    background: silver url('../../images/disabled.png') repeat-x top;
    height: 22px;
    border: solid 1px gray;
}

.AppNonUSCitizen {
    background: purple url('../../images/stripe_orange_black.png') repeat-x top;
    height: 24px;
    text-align: right;
    padding-right: 5px;
}

fieldset {
    border: 1px solid gray;
}

/* tables
----------------------------------------------------------*/
.TableBorder {
    /*border: 1px solid 1px solid 1px solid 1px solid ;*/
    border-color: black;
}

.SmallLinkText {
    font-size: 4pt;
}

.ReprintMessage {
    font-size: 10pt;
    text-align: center;
    display: block;
    padding: 1%;
}

.Success {
    color: #208636;
}

.Fail {
    color: #dc3545;
}

/*Change Request 76079: SCTASK1025391 Changes to IHE Educational Prep Program Recomendation: New questions regarding Stage 4 Placement Options and GPA Options.*/
.liRecomendationListItem {
    width: 90% !important;
    display: block;
    margin: 1%;
    margin-left: 5%;
}