.vdfform textarea, .vdfform input, .vdfform select, .vdfform .bcd_data, .vdfform .ascii_data, .vdfform .date_data, .vdfform .text_data{
	font-family:tahoma,arial,helvetica,sans-serif;
    font-size:11px;
	color: #696969;
    opacity: 100;
}

.vdfform textarea, .vdfform input[type="text"], .vdfform input[type="password"], .vdfform select{
    border: 1px solid #D3D3D3;
    /*background: #FFFFFF;*/
    padding: 1px;
    *padding: 2px;
}



.vdfform  .bcd_data {
    text-align: right;
}
    


.vdfform select{
    padding: 0px;
}
    

/*
    Lookup button
*/
    
.LookupButton {
    border: none;
    height: 13px;
    width: 16px;
    padding: 0px;
    margin: auto;
    cursor: pointer;
    *vertical-align:top;
	
    background: url(List.png) no-repeat center;
	
}

.LookupButton:hover {
    background: url(List-hover.png) no-repeat center;
}    

    
/*
    Regular button
*/

.vdfform .ButtonNormal, .ButtonNormal {
    background: url(Button-normal.jpg) repeat-x;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
    height: 21px;
    border: 2px solid #A0A1A2;
    padding-bottom: 5px;
}

.vdfform .ButtonNormal:hover, .ButtonNormal:hover {
    background: url(Button-normal-hover.jpg) repeat-x;
    border: 2px solid #3898BE;
}

/*
    Toolbar
*/

.Toolbar .NavigationButton, .vdfform .NavigationButton{
	border: none;
    width: 44px;
    cursor: pointer;
}

.ToolbarDiv {
    background: url(Toolbar/Toolbar.gif) repeat-x;
    height: 26px;
	color:#FFFFFF;
}

.Toolbar {
    height:25px;
}

.Toolbar td{
	border-right: 1px solid #7C7D7F;
}

.Toolbar td:hover{
	color:#6A6A6A;
	background: url(Toolbar/ToolbarHover.gif);
	cursor:pointer;
}

.Toolbar .ButtonCell{
    width: 40px;
}

.Toolbar .TextCell{
    width: 40px;
}

#First {
    background: url(Toolbar/FindFirst.gif) no-repeat;
	width:40px;
	height:23px;
	vertical-align : middle;
}
#First:hover {
    background: url(Toolbar/FindFirstHover.gif) no-repeat ;
	color:Black;
}

#Previous {
    background: url(Toolbar/FindPrevious.gif) no-repeat ;
	width:40px;
	height:23px;
	vertical-align : middle;
}
#Previous:hover {
    background: url(Toolbar/FindPreviousHover.gif) no-repeat;
	color:Black;
}

#Equal {
    background: url(Toolbar/FindEqual.gif) no-repeat;
	width:40px;
	height:23px;
	vertical-align : middle;
}
#Equal:hover {
    background: url(Toolbar/FindEqualHover.gif) no-repeat;
	color:Black;
}

#Next {
    background: url(Toolbar/FindNext.gif) no-repeat;
	width:40px;
	height:23px;
	vertical-align : middle;
}
#Next:hover {
    background: url(Toolbar/FindNextHover.gif) no-repeat;
	color:Black;
}

#Last {
    background: url(Toolbar/FindLast.gif) no-repeat;
	width:40px;
	height:23px;
	vertical-align : middle;
}
#Last:hover {
    background: url(Toolbar/FindLastHover.gif) no-repeat;
	color:Black;
}

#Save {
    background: url(Toolbar/IconSave.png) no-repeat center left;
	width:80px;
	height:25px;
	color:#FFFFFF;
}
#Save:hover {
	color:#6A6A6A;
}

#Clear {
    background: url(Toolbar/IconClear.png) no-repeat center left;
	width:80px;
	height:25px;
	color:#FFFFFF;
}
#Clear:hover {
	color:#6A6A6A;
}

#Delete {
    background: url(Toolbar/IconDelete.png) no-repeat center left;
	width:80px;
	height:25px;
	color:#FFFFFF;
}
#Delete:hover {
	color:#6A6A6A;
}


/*------------------------------
    ERROR STYLE
-------------------------------*/
.vdfform textarea.fieldError, .vdfform input.fieldError, .vdfform select.fieldError,.vdfform .bcd_data.fieldError, .vdfform .ascii_data.fieldError, .vdfform .date_data.fieldError, .vdfform .text_data.fieldError{
	border: 1px solid red;
    color: #777777;
}
.vdfform input[type="text"].fieldError, .vdfform select.fieldError, .vdfform textarea.fieldError{
    border: 1px solid red;
	color: #777777;
    background-image: url(zigzag.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
}

.fieldErrorIcon{
    background-image: url(invalid-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 3px 8px 0px 8px;
    margin: auto;
}

.fieldErrorText{
    color: #FF3300;
}

/*
   FIELD LOCKING
*/

.vdfform .locked {
   background-image: url(loading_small.gif);
   background-position: right;
   background-repeat: no-repeat;
}

.vdfform .locked_overlay {
   position: absolute;
   background-image: url(loading_small.gif);
   background-repeat: no-repeat;
   background-position: center right;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

.vdfform .locked_fade {
   color: #EAEAEA;
   background-color: #D1F0FF;  
}

/*------------------------------
    SUGGESTION LIST STYLE
-------------------------------*/

.vdfSuggest{
    position: absolute;
    border: 1px solid #000000;
    background-color: #ffffff;
    z-index: 400;
    margin-top: -1px;
}

.vdfSuggest .vdfSuggestion{
    padding: 2px;
    background-color: #ffffff;
}

.vdfSuggest .selected{
    padding: 2px;   
    background-color: #00A1E2;
    color: #ffffff;
}

.vdfSuggest tr{
    cursor: pointer;
}

.vdfSuggest td{
    padding: 2px;
}

/*
    Button
*/
.ButtonWrapper{
	display:block;
	height:22px;
	text-decoration:none;
	cursor:hand;
}
/*.ButtonWrapper:link, .ButtonWrapper:visited  #ButtonMid{ 
color:black;  
text-decoration:none;
}
.ButtonWrapper:hover, .ButtonWrapper:active #ButtonMid {
text-decoration:none; 
} */

.ButtonWrapper div.ButtonNormalLeft{
	display:block;
	background-image: url(ButtonNormalLeft.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 22px;
	width: 10px;
	float: left;
}

.ButtonWrapper div.ButtonNormalLeftHover{
	display:block;
	background-image: url(ButtonNormalHoverLeft.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 10px;
	float: left;
}


.ButtonWrapper div.ButtonNormalMid{
	display:block;
	background-image: url(ButtonNormalMid.gif); 
	background-repeat: repeat-x;
	background-color: transparent;
	cursor: pointer;
	height: 18px;
	min-width: 50px;
	width: auto;
	float: left;
	padding-top: 4px;
	overflow: hidden; 
	color: #6B6B6B; 
	text-align: center;
}
 
.ButtonWrapper #ButtonMid:hover {
	/*color:Black;*/
}

.ButtonWrapper div.ButtonNormalMidHover{
	display:block;
	background-image: url(ButtonNormalHoverMid.gif);
	background-repeat: repeat-x;
	background-color: transparent;
	cursor: pointer;
	height: 18px;
	min-width: 50px;
	width: auto;
	float: left;
	padding-top: 4px;
	overflow: hidden; 
	color: #FFFFFF; 
	text-align: center;
}

.ButtonWrapper div.ButtonNormalRight{
	background-image: url(ButtonNormalRight.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 22px;
	width: 10px;
	float: left;
}

.ButtonWrapper div.ButtonNormalRightHover{
	background-image: url(ButtonNormalHoverRight.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 22px;
	width: 10px;
	float: left;
}