﻿body
{
    background-color:#DDDDDD;
    font: normal 14px Verdana,Arial,sans-serif;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
.clear
{
    clear: both;
}        
.breakword
{
    word-wrap: break-word;
    word-break: break-all;
}
        
.break-word
{
    white-space: normal; /* wrap long text and urls */
    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP Printers */
    word-wrap: break-word !important; /* IE 5+ */
    break-word: break-all !important;
    overflow-wrap: break-word !important;
}

a
{
    font: normal 14px Verdana,Arial,sans-serif;
    text-decoration: none;
    border: none;
}
a img
{
    border: none;
}
img
{
    border: none;
}
.button
{
    width: auto;
    height: 28px;
    border: 1px solid #000;
    font: normal 12px Verdana,Arial,sans-serif;
    color: #000;
    text-align: center;
    line-height: 27px;
    float: left;
}
.buttonCenter
{
    width: auto;
    height: 28px;
    border: 1px solid #000;
    font: normal 12px Verdana,Arial,sans-serif;
    color: #000;
    text-align: center;
    line-height: 27px;
    float: left;
    margin-left: 45%;
    margin-right: 50%;
    position: relative;
}
.bold
{
    font-weight: bold;
}
.contentRow
{
    width: 1025px;
    border: 0px;
    float: left;
    margin-bottom: 1px;
    height: auto;
    line-height: 27px;
    vertical-align: middle;
    text-align: left;
    font: 14px Verdana,Arial,sans-serif !important;
}
.contentRow .sectionRow
{
    width: 1020px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif !important;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 2px;
    height: auto;
    line-height: 27px;
    min-height:27px;
}
.contentRow .sectionRow .section
{
    width: 505px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif !important;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
}
.contentRow .sectionRow .sectionLeft
{
    width: 160px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif !important;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
}
.contentRow .sectionRow .sectionRight
{
    width: 850px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
}
.contentRow .sectionRow .labelText
{
    float: right;
    font: normal 14px Verdana,Arial,sans-serif;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    color: #000;
    padding-right: 5px;
}
.contentRow .sectionRow .inputBox
{
    width: 305px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif;
    border: 1px solid #000;
    height: 18px;
    color: #000;
}
.contentRow .sectionRow .checkBox
{
    float: left;
    font: normal 14px Verdana,Arial,sans-serif;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    color: #000; /*padding-left: 21px; */
    padding-right: 5px;
    display: inline;
}
.contentRow .sectionRow .checkBox label
{
    display: inline;
}
.contentRowLeft
{
    width: 510px;
    border: 0px;
    float: left;
    margin-top: 3px;
    margin-left: 2px;
    margin-bottom: 3px;
    min-height: 27px;
    line-height: 27px;
    vertical-align: middle;
}
.contentRowLeft .sectionRow
{
    width: 505px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif !important;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
}
.contentRowLeft .sectionLeft
{
    width: 160px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif !important;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
}
.contentRowLeft .sectionRight
{
    width: 340px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
}
/*--------Added by ramalingam*/
.contentRowLeft .sectionRow .sectionLeft
{
    width: 160px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif !important;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
}
.contentRowLeft .sectionRow .sectionRight
{
    width: 340px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
}
.contentRowRight .sectionRow .sectionLeft
{
    width: 160px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif !important;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
}
.contentRowRight .sectionRow .sectionRight
{
    width: 340px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
}
/*------------------------------*/
.contentRowLeft .labelText
{
    float: right;
    font: normal 14px Verdana,Arial,sans-serif;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    padding-right: 5px;
}
.contentRowLeft .checkBox
{
    float: left;
    font: normal 14px Verdana,Arial,sans-serif;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    color: #000;
    padding-left: 21px;
    padding-right: 6px;
}
.contentRowLeft .checkBox label
{
    float: left;
    font: normal 14px Verdana,Arial,sans-serif;
    color: #000;
    padding-right: 6px;
    padding-top: 4px;
}
.contentRowLeft .checkBox img
{
    border: medium none;
    padding-top: 2px;
    margin-left: 4px;
}

.contentRowLeft .checkBoxList
{
    float: right;
    font: normal 13px Verdana,Arial,sans-serif;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    padding-left: 105px;
    padding-right: 5px;
}

.contentRowLeft .checkBoxDdl
{
    float: right;
    font: normal 13px Verdana,Arial,sans-serif;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    margin-left: 10px;
}
.contentRowLeft .inputBox
{
    width: 305px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif;
    border: 1px solid #000;
    height: 18px;
    color: #000;
}
.contentRowLeft .radioBox
{
    width: 305px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif;
    border: 1px solid #000;
    height: 18px;
    color: #000;
}
.contentRowRight
{
    width: 510px;
    border: 0px;
    float: right;
    margin-top: 3px;
    margin-left: 2px;
    margin-bottom: 3px;
    min-height: 27px;
    line-height: 27px;
    vertical-align: middle;
}
.contentRowRight .sectionRow
{
    width: 505px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif !important;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
}
.contentRowRight .sectionLeft
{
    width: 160px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif !important;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
}
.contentRowRight .sectionRight
{
    width: 340px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
}
.contentRowRight .labelText
{
    float: right;
    font: normal 14px Verdana,Arial,sans-serif;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    padding-right: 5px;
}
.contentRowRight .inputBox
{
    width: 305px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif;
    border: 1px solid #000;
    height: 18px;
    color: #000;
}
.contentRowRight .checkBox
{
    float: left;
    font: normal 14px Verdana,Arial,sans-serif;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    color: #000;
    padding-left: 21px;
    padding-right: 5px;
}
.contentRowRight .checkBox label
{
    float: left;
    font: normal 14px Verdana,Arial,sans-serif;
    color: #000;
    padding-right: 6px;
    padding-top: 4px;
}
.contentRowRight .checkBox img
{
    border: medium none;
    padding-top: 2px;
    margin-left: 4px;
}
.contentRowRight .checkBoxList
{
    float: right;
    font: normal 13px Verdana,Arial,sans-serif;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    padding-left: 105px;
    padding-right: 5px;
}

.contentRowRight .checkBoxDdl
{
    float: right;
    font: normal 13px Verdana,Arial,sans-serif;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    margin-left: 10px;
}
.contentRowRight .radioBox
{
    width: 305px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif;
    border: 1px solid #000;
    height: 18px;
    color: #000;
}
.fullwidth
{
    width: 100%;
    margin-left: 0px;
}
.ddlSelect
{
    width: 305px;
    height: 23px;
    /* border: 1px solid #333;
    background: none; */
    font: normal 14px Verdana,Arial,sans-serif;
    color: #000;
    line-height: 21px;
    /*-webkit-appearance: menulist;
    -moz-appearance: window; 
    -moz-background-position: -9999px -9999px!important;
    */
    border-width:1px;
    border-style:solid;
    border-color:#777 #CCC #CCC #888;
    /* gradient in dropdown */
    /*
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    background-color:#F7F7F7;
    background-size:100% 100%;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#CCDDEE), to(#F7F7F7));
    background-image:-webkit-linear-gradient(#CCDDEE 0%, #F7F7F7 100%);
    background-image:-moz-linear-gradient(#CCDDEE 0%, #F7F7F7 100%);
    background-image:-ms-linear-gradient(#CCDDEE 0%, #F7F7F7 100%);
    background-image:-o-linear-gradient(#CCDDEE 0%, #F7F7F7 100%);
    background-image:linear-gradient(#CCDDEE 0%, #F7F7F7 100%);
    margin-bottom:3px
    */
}
/* Fix for Safari Select list arrow missing issue */
.ddlSelect p 
{
	display: inline-block;
	font-weight: bold;
}

.ddlSelect select 
{
      border: 0 !important;  /*Removes border*/
      -webkit-appearance: none;  /*Removes default chrome and safari style*/
      -moz-appearance: none; /* Removes Default Firefox style*/
      background: url('dropdown_arrow.png') no-repeat;  /*Adds background-image*/
      background-position: 82px 7px;  /*Position of the background-image*/
      width: 100px; /*Width of select dropdown to give space for arrow image*/
      text-indent: 0.01px; /* Removes default arrow from firefox*/
      text-overflow: "";  /*Removes default arrow from firefox*/

      /*My custom style for fonts*/

      color: #1455a2;
}
/* Fix for Safari Select list arrow missing issue */
.textArea
{
    width: 300px;
    height: 63px;
    border: 1px solid #333;
    font: normal 14px Verdana,Arial,sans-serif;
    color: #000;
    margin-bottom: 6px;
    padding: 0 0 0 5px;
    line-height: 21px;
    min-height: 38px;
    resize: none;
}
.lblText
{
    font: normal 10px Verdana,Arial,sans-serif;
    height: 12px;
    line-height: 12px;
    vertical-align: middle;
    color: #000;
}
.lblTextBold
{
    font: bold 10px Verdana,Arial,sans-serif;
    height: 15px;
    line-height: 15px;
    vertical-align: middle;
    color: #000;
}
.repeaterItem
{
    /*word-wrap: break-word !important;*/ /* IE 5+ */
    -ms-word-break: break-all !important;
    word-break: break-all !important;
    /*overflow-wrap: break-word !important;*/ /*display: inline;*/
    color: #000000;
    padding: 0px;
    margin: 0px;
    line-height: 23px;
    font: 14px Verdana,Arial,sans-serif !important;
}
.griditemhead
{
    /* font: normal 13px BeatnikSFbold; */
    color: #000000;
    padding: 0px;
    margin: 0px;
    line-height: 27px;
    float: left;
}
.griditemtxt
{
    /* font: normal 13px BeatnikSFbold; */
    color: #FE0101;
    padding: 0px;
    line-height: 27px;
    /* font: 12px Verdana,Arial,sans-serif !important; */
}
.griditemgraytxt
{
    /* font: normal 13px BeatnikSFbold; */
    color: #007777;
    padding: 0px;
    line-height: 27px;
}
.griditemblacktxt
{
    /* font: normal 13px BeatnikSFbold; */
    color: #000000;
    padding: 0px;
    line-height: 27px;
}
.griditemlink
{
    /* font: normal 13px BeatnikSFbold; */
    color: #000000;
    padding: 0px;
    line-height: 27px;
}
.griditemlinkdisable
{
    display: none;
}
.griditemlinkRed
{
    /* font: normal 13px BeatnikSFbold; */
    color: #FE0101;
    padding: 0px;
    line-height: 27px;
    text-decoration: none;
}

.gridBoldText
{
    /* font: normal 14px BeatnikSFbold; */
    color: #FE0101;
    padding: 0px;
    line-height: 27px;
    text-decoration: none;
}

.gridRegularText
{
    /* font: normal 14px beatnik_sfregular; */
    color: #FE0101;
    padding: 0px;
    line-height: 27px;
    text-decoration: none;
}

.pager
{
    height: 25px;
    border: 1px solid #333; /* font: normal 13px BeatnikSFbold; */
    color: #FE0101;
    margin-bottom: 0px;
    padding: 0px;
    margin-top: 5px;
    margin-left: 9px;
    line-height: 25px; /* float: right; */
    width: 1000px;
    text-align: right;
}

.lnkButton
{
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');*/
    background-color: #ededed;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #EE0000;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
    text-align: center;
}
.lnkButton:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color: #dfdfdf;
}
.lnkButton:active
{
    position: relative;
    top: 1px;
}
.lnkButton.aspNetDisabled
{
    color: #000 !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    -o-user-select: none !important;
    user-select: none !important;
}
/*for firebox*/
@-moz-document url-prefix() {
    .maindiv {
        width: 1076px !important;
    }

    .topMenu {
        width: 1074px !important;
    }

    .maindiv_table {
        width: 1076px !important;
    }
}
/* Top menu */
.topMenu {
    width: 1091px;
    border: 1px solid black;
    border-bottom: none;
    height: auto;
    min-height: 30px;
    background-color: lightgrey;
    float: left;
    text-align: left; /*padding-left: 3px;*/
    line-height: 30px;
    vert-align: middle;
    vertical-align: middle;
}
/* Page */
.pageContent
{
    border: 1px solid black;
    height: auto;
    min-height: 736px; /*overflow-y: no-display;*/
    overflow: hidden;
    background-color:#FFFFFF;
}

/* Menu */
.nav
{
    width: 933px;
    padding: 0px 0px 0px 6px;
    margin: 3px 0 0 0; 
    /*
    padding: 0px 0px 0px 27px;
    margin: 5px 0 0 0; 
	*/
    /* height: 29px; 	padding: 0px 0px 0px 145px; 	margin: -20px 0 0 0; */
    list-style: none none;
}
.nav li
{
    float: left;
    text-align: center;
    padding: 0px 15px;
    /*padding: 0px 37px;*/
}
.nav li a
{
    font: normal 16px Verdana,Arial,sans-serif;
    color: #000;
    text-decoration: none;
    display: block;
    text-align: center;
    cursor: pointer;
}
.nav li:first-child
{
    padding-left: 0px;
}
.nav li:last-child
{
    padding-right: 0px;
}
.nav li a:hover
{
    text-decoration: none;
    color: Black;
    display: block;
}
.nav li a:hover .arrow-up
{
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #000;
    margin: 0 auto;
}
.arrow-up
{
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #FFF;
    margin: 0 auto;
    display: block;
    padding-top: 10px;
}
/*dynamic driven menu*/
.nav li ul li:first-child
{
    padding: 0px;
}
.nav li ul li:last-child
{
    padding: 0px;
}

.nav li:hover ul ul, .nav li li:hover ul ul, .nav li li li:hover ul ul, .nav li li li li:hover ul ul
{
    display: none;
}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul
{
    display: block;
}
.nav li ul
{
    position: absolute;
    z-index: 500;
    top: auto;
    display: none;
    padding: 0px;
    margin: -1px 0 0 0px; /* margin: -3px 0 0 -28px; */
    list-style: none none;
    background-color: #F7F768;
    border: 1px solid #000;
}
.nav ul li ul
{
    margin-left: 176px;
    margin-top: -30px;
}
.nav li ul li
{
    padding: 0px;
    float: none;
    line-height: 30px;
    height: 30px;
}
.nav li ul li:hover
{
    padding: 0px;
    color: White;
}
.nav li ul li a
{
    display: block;
    padding: 0px 0px 0px 10px;
    font: normal 12px Verdana,Arial,sans-serif;
    color: #000;
    text-align: left;
    border-bottom: 1px solid #88744A;
    text-transform: none;
    line-height: 30px;
    width: 166px;
}
.nav li ul li a:hover
{
    text-decoration: none;
    padding: 0px 0px 0px 10px;
    font: normal 12px Verdana,Arial,sans-serif;
    color: #FFF;
    line-height: 30px;
    background: url('../Images/dymenubg.png') repeat-x center top;
    width: 166px;
}
/* Menu End */

/*call out CSS starts */

.customCalloutStyle div, .customCalloutStyle td
{
    border: solid 1px Black;
    background-color: #8B6725;
    color: White;
    font-family: Tahoma, Geneva, sans-serif;
}
.customCalloutStyle .ajax__validatorcallout_popup_ table
{
    display: none;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_popup_table_row
{
    vertical-align: top;
    height: 100%;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_cell
{
    width: 20px;
    height: 100%;
    text-align: right;
    vertical-align: top;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_table
{
    height: 100%;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_table_row
{
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell
{
    padding: 8px 0px 0px 0px;
    text-align: right;
    vertical-align: top;
    font-size: 1px;
    border: none;
    background-color: transparent;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
{
    font-size: 1px;
    position: relative;
    left: 1px;
    border-bottom: none;
    border-right: none;
    border-left: none;
    width: 15px;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
{
    height: 1px;
    overflow: hidden;
    border-top: none;
    border-bottom: none;
    border-right: none;
    padding: 0px;
    margin-left: auto;
}
.customCalloutStyle .ajax__validatorcallout_error_message_cell
{
    font-family: Tahoma;
    font-size: 11px;
    padding: 5px;
    border-right: none;
    border-left: none;
    width: 100%;
}
.customCalloutStyle .ajax__validatorcallout_icon_cell
{
    width: 20px;
    padding: 5px;
    border-right: none;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell
{
    vertical-align: top;
    padding: 0px;
    text-align: right;
    border-left: none;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
    border: none;
    text-align: center;
    width: 10px;
    padding: 1px;
    cursor: pointer;
}

/* css for ie */

.divborder
{
    border: 1px solid #d0cece;
    width: 763px;
    float: left;
    margin: 0 0 0 2px;
    padding: 10px 0 10px 5px;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv img
{
    border: none;
    text-align: center; /*width: 25px;*/
    width: 12px;
    padding: 1px;
    cursor: pointer;
    z-index: 9999;
    position: absolute; /*right: -13px;*/
    right: 0px;
    background: none;
}

/* end css for ie */
/* call out CSS end */

/* Link button */
.vssbutton
{
    background: #5B74A8; /*background:-moz-linear-gradient(top,#5B74A8 0%,#5B74A8 100%); 	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5B74A8),color-stop(100%,#5B74A8)); 	background:-webkit-linear-gradient(top,#5B74A8 0%,#5B74A8 100%); 	background:-o-linear-gradient(top,#5B74A8 0%,#5B74A8 100%); 	background:-ms-linear-gradient(top,#5B74A8 0%,#5B74A8 100%); 	background:linear-gradient(top,#5B74A8 0%,#5B74A8 100%); 	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5B74A8',endColorstr='#5B74A8',GradientType=0); */
    background: -moz-linear-gradient(top,#ededed 0%,#dfdfdf 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ededed),color-stop(100%,#dfdfdf));
    background: -webkit-linear-gradient(top,#ededed 0%,#dfdfdf 100%);
    background: -o-linear-gradient(top,#ededed 0%,#dfdfdf 100%);
    background: -ms-linear-gradient(top,#ededed 0%,#dfdfdf 100%);
    background: linear-gradient(top,#ededed 0%,#dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#dfdfdf',GradientType=0);
    padding: 3px;
    color: #0000a7;
    /* font: bold 1em Verdana, Arial, sans-serif; */ /*'Trebuchet MS',Arial, Helvetica; */
    font: bold 12px Verdana,Arial,sans-serif !important;; 
    display: inline-block; /*font-family:arial,sans-serif; 	font-size:10px; 	font-weight: bold;*/
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border: 1px solid #1A356E;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    width: 69px;
    margin-top: 3px;
}
.vssbutton:hover
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color: #dfdfdf;
    color: #5B74A8;
}
.vssbutton.aspNetDisabled
{
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color: #dfdfdf;
    color: #000 !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
/* Link button end */

/* AutoComplete */
.autocomplete_completionListElement
{
    margin-top: 0px !important;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    background-color: White;
    cursor:default;
    overflow: auto;
    height: 302px;
    font: normal 12px Verdana,Arial,sans-serif;
    font-size: small;
    text-align: left;
    padding: 0px;
    list-style-type: none;
}

.autocomplete_highlightedListItem
{
    background-color: #8EA3B9;
    color: White;
    padding: 1px;
}

.autocomplete_listItem
{
    background-color: White;
    color: windowtext;
    padding: 1px;
    margin-top:0px;
}

.aclist
{
	font: normal 12px Verdana,Arial,sans-serif;
	background-color: window;
	border: 1px solid buttonshadow;
	left: 233px;
	/*list-style: none outside none;*/
	padding: 0px;
	top: 0px;
	margin: 0px !important;
	text-align: left;
	width: 316px;
	z-index: 10;
	color: #FE0101;
	min-height:10px;
	max-height:200px;
	overflow:auto;
	position:absolute;
	cursor:default;
}
.aclist li
{
	color: windowtext !important;
}

/* End of AutoComplete */

/*----Popup Window-----*/
.popupBackground
    {
        background-color: Black;
        filter: alpha(opacity=40);
        opacity: 0.5;
        position:inherit;
    }
.popupContentRow
{
    width: 100%;
    border: 0px;
    float: left;
    margin-bottom: 1px;
    height: auto;
    line-height: 27px;
    vertical-align: middle;
    text-align: left;
    font: 14px Verdana,Arial,sans-serif !important;
}
.popupContentRow .popupRow
{
    width: 100%;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif !important;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 2px;
    height: auto;
    line-height: 27px;
    min-height:27px;
}
.popupContentRow .popupRow .popupLeft
{
    width: 160px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif !important;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
}
.popupContentRow .popupRow .popupRight
{
    width: 340px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
}
.popupContentRow .popupRow .labelText
{
    float: right;
    font: normal 14px Verdana,Arial,sans-serif;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    color: #000;
    padding-right: 5px;
}
.popupContentRow .popupRow .inputBox
{
    width: 305px;
    float: left;
    font: normal 14px Verdana,Arial,sans-serif;
    border: 1px solid #000;
    height: 18px;
    color: #000;
}
.popupContentRow .popupRow .checkBox
{
    float: left;
    font: normal 14px Verdana,Arial,sans-serif;
    height: 21px;
    line-height: 21px;
    vertical-align: middle;
    color: #000; /*padding-left: 21px; */
    padding-right: 5px;
    display: inline;
}
.popupContentRow .popupRow .checkBox label
{
    display: inline;
}
/*----------Modal Popup Style----------*/
.modalBackground
{
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.modalPopup
{
    background-color: #FFFFFF;
    width: 300px;
    border: 3px solid #0DA9D0;
    border-radius: 12px;
    padding:0
      
}
.modalPopup .modalheader
{
    background-color: #2FBDF1;
    height: 30px;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.modalPopup .modalbody
{
    min-height: 50px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}
.modalPopup .modalfooter
{
    padding: 6px;
}
.modalPopup .yes, .modalPopup .no
{
    height: 23px;
    color: White;
    line-height: 23px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
}
.modalPopup .yes
{
    background-color: #2FBDF1;
    border: 1px solid #0DA9D0;
}
.modalPopup .no
{
    background-color: #9F9F9F;
    border: 1px solid #5C5C5C;
}
/*----------End of Modal Popup Style----------*/
/*----------End of Popup Window----------*/


        
a.linkBtn
{
    color: #000088;
    text-decoration: none;
    font: normal 14px Verdana,Arial,sans-serif;
}
a.linkBtn:hover
{
    color: #00aacc;
    text-decoration: underline;
}
.Image
{
    width: auto;
    padding: 3px 3px 3px 40px;
    background: #FFFFFF;
    border: 1px solid  #FFFFFF;
}

.X { width: 55px; }
.Y { display: block; margin: 0 auto;  padding: 3px 10px 3px 10px; width: 25px; } 