/*                       For Table
----------------------------------------------------------*/
.TableInterface
{
    border: 2px solid #CCCCCC;
    padding: 2px;
    border-radius: 5px;
    width: 352px;
  
    -webkit-box-shadow: 8px 8px  #888888,  -8px 0 8px #888888;   
    -moz-box-shadow: 8px 0 8px #888888,  -8px 0 8px #888888;   
    box-shadow: 8px 0 10px #888888,  -8px 0 10px #888888;
 }

.EmptyRow
{
    
}


/*                  For Heading High Light
----------------------------------------------------------*/     
.HeaderInterface
{
    border: 2px solid #4B6C9E;
    padding: 2px;
    border-radius: 5px;
}


/*                        For Lable
----------------------------------------------------------*/
.LableInterface 
{
    font-size:small;
    font-weight:normal;
    color:Black;
    margin-bottom: 0px;
}


/*                        For TextBox
----------------------------------------------------------*/

/* For Login Page TextBox
------------------------------*/
.TextBoxLoginInterface 
{
    border: 2px solid #CCCCCC;
    padding: 2px;
    border-radius: 4px;
}
.TextBoxLoginInterface:hover 
{
    border: 2px solid #6295CC;
    padding: 2px;
    border-radius: 4px;
}


/* For Normal TextBox
------------------------------*/
.TextBoxInterface 
{
    border: 2px Groove #F7F7F7;
    padding: 2px;
    height: 17px;
}
.TextBoxInterface:hover 
{
    border: 2px solid #6295CC;
    padding: 2px;
}
.TextBoxInterface:focus
{
    border: 2px solid #6295CC;
    padding: 2px;
}


/* For Readonly TextBox
------------------------------*/
.TextBoxReadOnlyInt
{
    background-color: #E9EEF5;
    border: 2px Groove #F7F7F7;
    padding: 2px;
    height: 17px;
}


/*                        For Drop Down
----------------------------------------------------------*/
.DropDownInterface 
{
    border: 2px Groove #F7F7F7;
    }
.DropDownInterface:hover 
{
    border: 2px solid #6295CC;
}


/*                        For Buttons
----------------------------------------------------------*/    
.ButtonInterface 
{
    border: 2px solid #CCCCCC;
    padding: 2px;
    }

.ButtonInterface:hover 
{
    border: 2px solid #6295CC;
    background: #D3E1F1;
    padding: 2px;
}


/*                   Data Gride View
----------------------------------------------------------*/

/* For Normal Gride TextBox
----------------------------*/
.TextBoxGrideInterface 
{
    border: 0px Groove #F7F7F7;
    padding: 2px;
    height: 17px;
}
.TextBoxGrideInterface:hover 
{
    border: 0px solid #6295CC;
    padding: 2px;
}
.TextBoxGrideInterface:focus
{
    border: 0px solid #6295CC;
    padding: 2px;
}


/* For Readonly Gride TextBox
------------------------------*/

.TextBoxGrideReadOnlyInt
{
    background-color: #E9EEF5;
    border: 0px Groove #F7F7F7;
    padding: 2px;
    height: 17px;
    readonly: true;
}
.TextBoxGrideReadOnlyInt:hover 
{
    border: 0px solid #6295CC;
    padding: 2px;
}
.TextBoxGrideReadOnlyInt:focus
{
    border: 0px solid #6295CC;
    padding: 2px;
}


/* For Normal Gride DropDown
-----------------------------*/
.DropDownGrideInterface 
{
    border: 0px Groove #F7F7F7;
    padding: 2px;
    height: 25px;
}
.DropDownGrideInterface:hover 
{
    border: 0px solid #6295CC;
    padding: 2px;
}
     

/* For LST Gride
-----------------------------*/      

.GrideInterLST
{
    padding: 2px;
    margin: 0;  
    border: 1px solid #000000;
    font-family: Arial;
    font-size: 0.9em;
    width: 98%;
    
    -webkit-box-shadow: 8px 8px  #888888,  -8px 0 8px #888888;   
    -moz-box-shadow: 8px 0 8px #888888,  -8px 0 8px #888888;   
    box-shadow: 8px 0 10px #888888,  -8px 0 10px #888888;
}

.GrideInterLST tr.header
{
    color: #FFFFFF;
    background-color: #4B6C9E;
    height: 25px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}

.GrideInterLST tr.normal
{
    color: black;
    background-color: #F7F6F3;
    height: 25px;
    vertical-align: middle;
    text-align: center;
}

.GrideInterLST tr.alternate
{
    color: black;
    background-color: #FFFFFF;
    height: 25px;
    vertical-align: middle;
    text-align: center;
}

.GrideInterLST tr.normal:hover, .GrideInterLST tr.alternate:hover
{
    background-color: #B5CDE8;
    color: black;
    font-weight: bold;
}


/* For Detail Gride
-----------------------------*/

.GrideInterDetail
{
    padding: 2;
    margin: 0;
    border: 1px solid #000000;
    font-family: Arial;
    font-size: 0.9em;
}

.GrideInterDetail tr.header
{
    color: #FFFFFF;
    background-color: #4B6C9E;
    height: 25px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}

.GrideInterDetail tr.normal
{
    color: black;
    background-color: #F7F6F3;
    height: 25px;
    vertical-align: middle;
    text-align: center;
}

.GrideInterDetail tr.alternate
{
    color: black;
    background-color: #FFFFFF;
    height: 25px;
    vertical-align: middle;
    text-align: center;
}

.GrideInterDetail tr.normal:hover, .GrideInterDetail tr.alternate:hover
{
    background-color: #B5CDE8;
    color: black;
    font-weight: bold;
}


/*AutoComplete flyout 
----------------------------------------------------------*/

.autocomplete_completionListElement
{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2000;
    float: left;
    display: block;
    min-width: 160px;
    _width: 160px;
    padding: 0px 0;
    margin: 2px 0 0 0;
    list-style: none outside none;
    background-color: #ffffff;  
    border-color: #ccc;
    border-color: #666666;
    border-style: solid;
    border-width: thin 2px 2px 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    font-family: 'Arial';
    font-weight: normal;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    background-color: #B5CDE8;
    color: black;
    padding: 1px;
    font-weight: bold;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}


/* For Image Buttons
----------------------------------------------------------*/
        
.ImageButtonInterface 
{
    border: 2px solid #CCCCCC;
    padding: 2px;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}

.ImageButtonInterface:hover 
{
    border: 2px solid #6295CC;
    background: #D3E1F1;
    padding: 2px;
    
    -webkit-transform: scale(1.05,1.07);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.05,1.07);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    position: relative;
    z-index: 99;
    
    
   -webkit-box-shadow: 0px 2px 2px #888888;
-moz-box-shadow: 0px 2px 2px #888888;
box-shadow: 0px 2px 2px #888888;
}

/* Water Mark to a Textbox
----------------------------------------------------------*/
           .watermark
{
    border: 2px Groove #F7F7F7;
    padding: 2px;
    height: 17px;
    background-color: White;
    color: #808080;
    font-family: 'Arial Black';
    font-size: medium;
    font-style: italic;
}