/* DEPRECATED -- The style for the combo box container */
.ComboBox
{}
/* Defines the text box. */
.ComboBoxText
{
	border:1px solid #769CCB;
	height:17px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	vertical-align:text-bottom;
	margin-top:-10px;
	padding-left: 2px;
}
.ComboBoxTextDisabled
{
	border:1px solid #769CCB;
	height:17px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	vertical-align:text-bottom;
	padding-left: 2px;
}
.ComboBoxTextDynamic
{
	background:#fff;
}
.ComboBoxTextDynamicOver
{
	background:#e9ebf4;
	border:1px solid #84AAD9;	
}
/* DEPRECATED -- Defines the container containing the textbox and button */
.ComboBoxTextAndButton
{}
/* Defines the button */
.ComboBoxButton
{
	cursor:pointer;
}
/* Defines the button's IMG tag */
.ComboBoxButtonImg
{
	background:url("button.gif");
	vertical-align:text-bottom;
	/* underscore-css-hack necessary because below are only needed for IE */
	_position:relative;
	 top:-4px;
	_top:-2px;
	/* width/height necessary to size the transparent 1x1pixel gif to allow
		the above background to show */
	width:16px;
	height:16px;
}
/* The class used when the user mouses over the button. */
.ComboBoxButtonImgOver
{
	background:url("button_hl.gif");
	vertical-align:text-bottom;
	/* underscore-css-hack necessary because below are only needed for IE */
	_position:relative;
	top:-4px;
	_top:-2px;
	/* width/height necessary to size the transparent 1x1pixel gif to allow
		the above background to show */
	width:16px;
	height:16px;
}
/* The class used when the combo is disabled. */
.ComboBoxButtonImgDisabled
{
	background:url("button_hl.gif");
	vertical-align:text-bottom;
	/* underscore-css-hack necessary because below are only needed for IE */
	_position:relative;
	top:-4px;
	_top:-2px;
	/* width/height necessary to size the transparent 1x1pixel gif to allow
		the above background to show */
	width:16px;
	height:16px;
}
/* The class used when the user presses the button. */
.ComboBoxButtonImgPressed
{
	background:url("button.gif");
	vertical-align:text-bottom;
	/* underscore-css-hack necessary because below are only needed for IE */
	_position:relative;
	top:-4px;
	_top:-2px;
	/* width/height necessary to size the transparent 1x1pixel gif to allow
		the above background to show */
	width:16px;
	height:16px;
}
/* The list container; contains the list's header, body, footer. */
.ComboBoxList
{
	border: 1px silver solid;
	background-color: white;
	z-index: 1000;
	visibility: hidden;
	display: none;
	position: absolute;
	text-align: left;
	scrollbar-face-color:#D5DFF9;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#EBEFF7;
	scrollbar-darkshadow-color:#5D5A6D;
	scrollbar-shadow-color:#4D6185;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color:#F4F1EC;
}
.ComboBoxListIframe
{
	float:left;
}
/* The list's body; the middle container in the list container. */
.ComboBoxListBody
{
	/* workaround to scrolling issue */
	overflow:auto;
	_overflow:hidden;
	_overflow-y:auto;
	background:#F9F9F9;
	font:10px Tahoma,Verdana,Arial;
	float:left;
}
/* The list's header; the topmost container in the list container. */
.ComboBoxListHeader
{
	overflow:hidden;
	background-color: #808080;
	font:bold 10px Verdana,Arial;
	color:White;
	height:19px;
	float:left;
}
/* The table storing the actual list data */
.ComboBoxListBodyTable
{
	font-size:10px;
	margin:0px;
	border-collapse:collapse;
	background:#F9F9F9;
	float:left;
	padding: 0px;
}

/* Fix list line height */
.ComboBoxListBodyTable tbody, .ComboBoxListBodyTable tbody tr, .ComboBoxListBodyTable tbody tr td
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

/* A row in the table. */
.ComboBoxListBodyTableRow
{
	font:10px Verdana;
	margin:0px;
	border-collapse:collapse;
	height:10px;
	background:#F9F9F9;
	border:#F9F9F9 0px solid;
	cursor:pointer;	
	float:left;
}
/* The style used when the user selects or mouses over a row */
.ComboBoxListBodyTableRowHighlighted
{
	font-size:10px;
	margin:0px;
	border-collapse:collapse;
	height:18px;	
	color:#000;
	background:#F6F6F6;
	border:#B8CCE4 0px solid;
	cursor:pointer;	
	float:left;
}
/* The column labels at the top of the columns. This style is applied to the whole row of labels. */
.ComboBoxColumnLabels
{
	font:bold 10px Verdana,Arial;
	color:#000;
	float:left;
}
/* The style applied to the individual label. */
.ComboBoxColumnLabel
{
	font:10px Verdana,Arial;
	color:#FFF;
	vertical-align:middle;
	position:relative;
	top:0px;
	padding-left: 3px;
	float:left;
}
/* The footer that sits underneath the list. */
.ComboBoxListFooter
{
	font:0pt Verdana,Arial;
	background:#F6F6F6;
	vertical-align:middle;
	color: #FFFFFF;
	height:16px;
	padding:0px;
	float:left;
	overflow:hidden;
}
.ComboBoxListColumnDefinition
{
	_height:5px;
	min-height:5px;*/
	float:left;
	padding-left:3px;
	padding-right: 0px;
	overflow:visible;
	cursor:pointer;	
}

.ComboBoxListColumnDefinition span {
	padding-left: 3px;
}

.ComboBoxListFooterPageNextButton
{
	background:url("paging.gif") no-repeat center top;
	color: #e9ebf4;
	height:16px;
	cursor:hand;
	float:left;
}
.ComboBoxListFooterPageNextButtonHighlight
{
	background:#e9ebf4 url("paging_hl.gif") no-repeat center top;
	color: #e9ebf4;
	border-top:1px solid #98AAB1;
	height:16px;
	cursor:hand;
	float:left;
}
/* affects the color of the list's outer border */
/* PLEASE DO NOT put anything else into this style */
/* this style is provided solely to change this one attribute */
.ComboBoxListOuterBorder
{
      border-color:#808080;
}