/*

Main control CSS class
*/
.igdd_CaribbeanControl
{
}

.igdd_CaribbeanControlArea
{
	border: 1px solid #011161;
	table-layout:fixed;
}

/*
 Main Control CSS class when it's disabled
*/
.igdd_CaribbeanControlDisabled
{
}

/*
 Main control css class on hover
*/
.igdd_CaribbeanControlHover
{
	background-color: #E0F8FE;
}

/*
Loading message container
*/
.igdd_CaribbeanLoadingItemsMessage
{
	background-color: #011161;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: small ;
	font-weight: bold;
	margin: 1px 0px 0px 1px;
	padding: 3px;
	color: #FFFFFF;
}

/*

*/
.igdd_CaribbeanControlFocus
{
	border: 1px solid #011161;
	background-color: #E0F8FE;
	table-layout:fixed;
}

/*
 CSS class for the table that accomodates the value display and the drop down button, and which is a 
 child of the main control (div)
*/
.igdd_CaribbeanValueDisplayTable
{

}

/*
CSS class for the actual input field (<input type="text" />)
*/
.igdd_CaribbeanValueDisplay
{
	width: 100%;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	border: 0px;
	background-color: Transparent;
	z-index: 0;
}

/*

*/
.igdd_CaribbeanValueDisplayHover
{
}

/*

*/
.igdd_CaribbeanValueDisplayFocus
{
	
}

/*

*/
.igdd_CaribbeanValueDisplayDisabled
{
	
}

/*

*/
.igdd_CaribbeanValueDisplayReadOnly
{
	
}

/*

*/
.igdd_CaribbeanDropDownList
{
	margin: 0px;
	padding: 1px;
	font-size: small;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}

/*

*/
.igdd_CaribbeanDropDownListHover
{
	
}

/*

*/
.igdd_CaribbeanDropDownListDisabled
{
	
}

/*

*/
.igdd_CaribbeanDropDownListFocus
{
	
}

/*

*/
.igdd_CaribbeanDropDownListReadOnly
{
	
}

/*
	
*/
.igdd_CaribbeanDropDownListContainer
{	
	float: left;
	border: 1px solid #011161;
	background-color: #FFFFFF;
}

/*

*/
.igdd_CaribbeanDropDownListContainerFocus
{
	
}

/*

*/
.igdd_CaribbeanDropDownListContainerHover
{
}

/*

*/
.igdd_CaribbeanDropDownButton
{	
	width: 17px;
	z-index: 9999;
}

/*

*/
.igdd_CaribbeanDropDownButtonHover
{
	
}

/*
	
*/
.igdd_CaribbeanDropDownButtonFocus
{
	
}

/*

*/
.igdd_CaribbeanDropDownButtonDisabled
{
	
}

/*
CSS class that controls the style of the LI items in the list
*/
.igdd_CaribbeanListItem
{
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	padding: 3px 5px 3px 5px;
	border:solid 1px Transparent;
	cursor: pointer;
	width: auto;
	min-height: 15px;
	height: auto !important;
}

.igdd_CaribbeanListItem a:link
{
	text-decoration: none;
	color: #333333;
}

.igdd_CaribbeanListItem a:visited
{
	text-decoration: none;
	color: #333333;
}

/*

*/
.igdd_CaribbeanListItemSelected
{
	list-style-type: none;
	background-color: #EEEEEE;
	color: #8BE2FA;
}

/*

*/
.igdd_CaribbeanListItemActive
{
	list-style-type: none;
	background-color: #8BE2FA;
	border: 1px solid #2b6db3;
}

.igdd_CaribbeanListItemActive a:link
{
	text-decoration: none;
	color: #FFFFFF;
}

/*

*/
.igdd_CaribbeanListItemHover
{
	list-style-type: none;
	background-color: #8BE2FA;
}

/*
Styling for anchor when hovered anywhere on ListItem
*/
.igdd_CaribbeanListItemHover a:link
{
	text-decoration: none;
	color: #FFFFFF;
}

/*

*/
.igdd_CaribbeanListItemDisabled
{
	list-style-type: none;
	width: auto;
	cursor: default;
}

/*
For Disabled=True
*/
.igdd_CaribbeanListItemDisabled a:link
{
	color: #BBBBBB;
	cursor: default;
}

.igdd_CaribbeanListItem a:link
{
}

.igdd_CaribbeanListItem a:visited
{
}

.igdd_CaribbeanListItem a:active
{
}

.igdd_CaribbeanListItem a:hover
{

}

/*

*/
.igdd_CaribbeanListItemFocus
{
	list-style-type: none;
	width: auto;
}


/*
Applied to the whole pager
*/
.igdd_CaribbeanPager
{
	background-color: #F4FDFF;
	border-top: 1px solid #011161;
	vertical-align: middle;
}

/*
Styles all page links in general 
*/
.igdd_CaribbeanPageLink
{
	float: left;
	vertical-align: middle;
	cursor: pointer;
	margin: 5px 3px;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #011161;
}

/*
Styles the current page link only
*/
.igdd_CaribbeanPageCurrent
{
	float: left;
	vertical-align: middle;
	cursor: pointer;
	margin: 5px 3px;
	font-size: small;
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	color: #4D8BDD;
	text-decoration: underline;
}

/*
pseudo class used so Value Display input does not have focus
glow in some browsers like GoogleChrome or AppleSafari
*/
input:focus
{  
	outline: none;  
}