/*AutoComplete flyout */
.autocomplete_completionListElement
{
            margin-top: -3px !important;
            margin-left: -3px !important;
            background-color: window;
            color: windowtext;
            border: buttonshadow;
            border-width: 1px;
            border-style: solid;
            cursor: 'default';
            overflow: auto;
            text-align: left;
            list-style-type: none;
            font-size: 9pt;
            font-family: Arial;
}
        /* AutoComplete highlighted item */
        .autocomplete_highlightedListItem
        {
            background-color: #ffff99;
            color: black;
            padding: 1px;
        }
        /* AutoComplete item */
        .autocomplete_listItem
        {
            background-color: window;
            color: windowtext;
            padding: 1px;
            font-size: 9pt;
            font-family: Arial;
        }
      
 /*.........................................Text Box...................................*/

.formTextBoxes {
    padding: 1px;
    font-size: 9pt;
    font-family: Arial;
    font-weight: normal;
    color: Black;
    text-align: left;
    height: 20px; 
    width: 140px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset;
    display: block;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle; 
}
.formTextBoxes:focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.formTextBoxes[disabled], .formTextBoxes[readonly], fieldset[disabled] .formTextBoxes {
    background-color: #EEEEEE;
    cursor: not-allowed;
}

.formTextBoxesC {
    padding: 1px;
    font-size: 9pt;
    font-family: Arial;
    font-weight: normal;
    color: Black;
    text-align: left;
    height: 20px; 
    width: 140px;
    background-color: #E6BABD;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset;
    display: block;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle; 
}
.formTextBoxesC:focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}



/*.............................DropDown............................... */

.formDropDown {
    padding: 1px;
    font-size: 9pt;
    font-family: Arial;
    font-weight: normal;
    color: Black;
    text-align: left;
    height: 24px; 
    width: 145px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset;
    display: block;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle; 
}
.formDropDown:focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.formDropDown[disabled], .formDropDown[readonly], fieldset[disabled] .formDropDown {
    background-color: #EEEEEE;
    cursor: not-allowed;
}

.formDropDownC {
    padding: 1px;
    font-size: 9pt;
    font-family: Arial;
    font-weight: normal;
    color: Black;
    text-align: left;
    height: 24px; 
    width: 145px;
    background-color: #E6BABD;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.075) inset;
    display: block;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle; 
}
.formDropDownC:focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

/*.............................Button............................... */

.button
{   
    width: auto;
    min-width: 70px;
    height: 22px;
    vertical-align: middle;
    text-align:center;
    font-size: 9pt;
    font-family: Arial;    
    background-color: #EAEAEA;
    text-align: center;
    color: Black;
    border-style: outset;
    border-width: 1px;
    border-color: #000000;  
}

.button:hover
{
    background-color: #CECACA;  
}
.button:active
{
    background-color: #EAEAEA;
}  

.button:disabled 
{ 
    background-color: #999999; 
  } 

/*.............................Lable/Span............................... */

.Lable
{   
    font-size: 10pt;
    font-family: Arial;
    color: Black;
}

/*.............................RadioButtonlist...............................*/
 
.RadioButtonlist
{
    font-size: 10pt;
    font-family: Arial;
    color: Black;
}
/*.............................panel............................... */

.panel
{   
    font-size: 10pt;
    font-family: Arial;
    color: Black;
}

/*.....................................Data Pager................................*/

.DataPager
{}
.DataPager .NumericButtonCssClass
{
    color:#FFFFFF;
    font-size: 10pt;
    font-family: Arial;
}
.DataPager .CurrentPageLabelCssClass
{
    color:#FFFFFF;
    font-size: 12pt;
    font-family: Arial;
    font-weight:bold;
}
.DataPager .NextPreviousButtonCssClass
{
    color:#FFFFFF;
    font-size: 10pt;
    font-family: Arial;
}
.DataPager .ButtonCssClass
{
    color:#FFFFFF;
    font-size: 10pt;
    font-family: Arial;
}

/*-----------------------Calendar extender Control CSS------------------------------*/
.CalendarExtender .ajax__calendar_container   {
background-color: #DEF1F4;
border:solid 1px #77D5F7;
}

.CalendarExtender .ajax__calendar_header  {
background-color: #ffffff;
margin-bottom: 4px;
}

.CalendarExtender .ajax__calendar_title,
.CalendarExtender .ajax__calendar_next,
.CalendarExtender .ajax__calendar_prev    {
color: #004080;
padding-top: 3px;
}

.CalendarExtender .ajax__calendar_body    {
background-color: #ffffff;
border: solid 1px #77D5F7;
}

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

.CalendarExtender .ajax__calendar_invalid .ajax__calendar_day 
{
    background-color:gray;
    color:White; 
    text-decoration:none; 
    cursor:default;
}

.CalendarExtender .ajax__calendar_day {
color: #004080;
text-align:center;
}