/*********************************************************************************/
/* WebDiaglogWindow */
.igdw_Control
{
	background-color:Transparent;
	border-width:0px;
}


.igdw_HeaderArea
{
	background-color:#789030;
	font-weight:bold;
	border-width:0px;
	height: 24px;
	cursor:default;
	color:White;
	}


.igdw_BodyContent
{
	border:solid 0px #999999;
}


.igdw_HeaderButton
{
	margin:4px 3px 3px 3px;
	cursor:pointer;
}


.igdw_HeaderCaption
{
	margin-top:16px;
	margin-left:6px;
	padding-top:10px;
	color:White;
}


.igdw_HeaderButtonArea
{
	width: 120px;
	vertical-align:middle;
}


.igdw_HeaderImage
{
	cursor:default;
}


.igdw_ModalBackground
{
	background-color:White;
	filter: alpha(opacity : 50);
	opacity: 0.5;
	z-index: 99999;
}


.igdw_ResizingHandle
{
	cursor:se-resize;
}


/* used only when header visible */
.igdw_HeaderCornerLeft
{
	border-left:solid 1px #999999;
	border-top:solid 1px #999999;
	background-color:Transparent;
	background-position:top left ;
	width: 9px;
}


/* used only when header visible */
.igdw_HeaderContent
{
	border-top:solid 1px #999999;
	text-align: center;
}


/* used only when header visible */
.igdw_HeaderCornerRight
{
	border-right:solid 1px #999999;
	border-top:solid 1px #999999;
	background-position:top right ;
	width: 9px;
}


/* used only when header hidden */
.igdw_BodyCornerTopLeft
{
	background-repeat:no-repeat;
	width: 6px;
}


/* used only when header hidden */
.igdw_BodyEdgeTop
{
	background-repeat:repeat-x;
}


/* used only when header hidden */
.igdw_BodyCornerTopRight
{
	background-repeat:no-repeat;
	background-position:right ;
	width: 6px;
}


.igdw_BodyEdgeLeft
{
	background-color:WhiteSmoke;
	background-repeat:repeat-y;
	border-right:solid 1px #BBBBBB;
	border-left:solid 1px #666666;
	width: 6px;
}


.igdw_BodyEdgeRight
{
	background-color:WhiteSmoke;
	border-right:solid 1px #666666;
	border-left:solid 1px #BBBBBB;
	width: 6px;
}


.igdw_BodyCornerBottomLeft
{
	background-color:WhiteSmoke;
	background-repeat:no-repeat;
	background-image: url(images/igdw_bodycornerbottomleft.gif);
	font-size:1px;
	height: 14px;
	width: 9px;
}


.igdw_BodyContentArea
{
	background-color:White;
	vertical-align:top;
}


.igdw_BodyCornerBottomRight
{
	background-color:Gainsboro;
	background-repeat:no-repeat;
	background-image: url(images/igdw_bodycornerbottomright.gif);
	background-position:right top;	
	font-size:1px;
	height: 14px;
	width: 9px;
}


.igdw_BodyEdgeBottom
{
	background-color:WhiteSmoke;
	background-repeat:repeat-x;
	background-image: url(images/igdw_bodyedgebottom.gif);
	font-size:1px;
	border-top:solid 1px #BBBBBB;
	height: 14px;
}

/*************************************
/*      Image Viewer
/*************************************
/* The CSS Class that will be applied to the outer control.*/
.igiv_Control
{
	background-color:Transparent;
	border-color: Transparent;
	border: 0px;
	border-width: 0px;
	padding-bottom:50px;
}


/*
	This class should be used for setting any padding that might be 
	needed if the Header is placed above the control.
*/
.igiv_HeaderPadding
{	
}


/*
	This class should be used for adjusting the padding of the control
	to account for the additional size of the header and footer.
*/
.igiv_FooterPadding
{
	padding-bottom:50px;
}


/*
	The CSS class that will be applied to the header. 
    The header can be absolutely positoned anywhere in the control, because the WebImageViewerhas an internal DIV that
    wraps the control with a position set to relative. </para>
*/
.igiv_HeaderContentArea
{
	padding-bottom:1px;
	padding-left:3px;
}


/*The CSS class that will be applied to the Left Corner of the Header. */
.igiv_HeaderContentLeft
{
}


/*The CSS class that will be applied to the actual content of the Header.*/
.igiv_HeaderContent
{
	padding-left:0px;
	color:Black;
}


/*The CSS class that will be applied to the Right Corner of the Header. */
.igiv_HeaderContentRight
{
}


/*
	A TR that wraps the TopLeft, TopArea, and TopRight elements. 
    This CSS class is useful in setting the height of the entire row.
*/
.igiv_HeaderArea
{
	height: 22px;
}


/*
	The CSS class that will be applied to the footer. 
    The footer can be absolutely positoned anywhere in the control, because the WebImageViewer has an internal DIV that
    wraps the control with a position set to relative. </para>
*/
.igiv_FooterContentArea
{
	padding-right:15px;
	padding-bottom: 0px;/*4px;*/
	padding-top: 0px;
	position: absolute;
	/*bottom: -50px	
	width: 100%; ;*/
	float: right;
	right: 0px;
	text-align:right;
}


/*The CSS class that will be applied to the Left Corner of the Footer. */
.igiv_FooterContentLeft
{
}


/*The CSS class that will be applied to the actual content of the Footer.*/
.igiv_FooterContent
{
	padding: 5px 5px 5px 5px;
	color: DimGray;
	background-color: White;
	border: solid 1px DimGray;
}


/* The CSS class that will be applied to the Right Corner of the Footer. */
.igiv_FooterContentRight
{
}


/*
	 A TR that wraps the BottomLeft, BottomArea, and BottomRight elements. 
     This CSS class is useful in setting the height of the entire row.
	 The Height MUST MUST be set in order to have elements underneith
	the control to be selected. - TH
*/
.igiv_FooterArea
{
	height: 10px;
	text-align: right;
}


/*
	A TD that wraps the Header.
    This CSS Class should be used for applying a Background-Image along the top border of the control.
*/
.igiv_EdgeTop
{
	background-repeat:repeat-x;
	background-image: url(images/igiv_edgetop.gif);
}


/*
	A TD on the left side of the ImageArea.
    This CSS Class should be used for applying a Background-Image along the left border of the control.
*/
.igiv_EdgeLeft
{
	background-repeat:repeat-y;
	background-position:right ;
	background-image: url(images/igiv_edgeleft.gif);
}


/*
	A TD that wraps the Footer.
    This CSS Class should be used for applying a Background-Image along the bottom border of the control.
*/
.igiv_EdgeBottom
{
	background-repeat:repeat-x;
	background-position:top ;
	padding-bottom:20px;
	background-image: url(images/igiv_edgebottom.gif);
}


/*
	 A TD on the right side of the ImageArea.
     This CSS Class should be used for applying a Background-Image along the right border of the control.
       
*/
.igiv_EdgeRight
{
	background-repeat:repeat-y;
	background-position:left ;
	background-image: url(images/igiv_edgeright.gif);
}


/*
	 The Top Left corner of the control.
     This CSS Class should be used for rounded corners.
*/
.igiv_CornerTopLeft
{
	background-repeat:no-repeat;
	background-position:bottom ;
	background-image: url(images/igiv_cornertopleft.gif);
	width: 3px;
	position: relative;
	/*right: -5px;*/
}


/*
	The Top Right corner of the control.
    This CSS Class should be used for rounded corners.
*/
.igiv_CornerTopRight
{
	background-repeat:no-repeat;
	background-position:bottom ;
	background-image: url(images/igiv_cornertopright.gif);
	width: 3px;
	position: relative;
	/*left: -6px;*/
}


/*
	The Bottom Left corner of the control.
    This CSS Class should be used for rounded corners.
*/
.igiv_CornerBottomLeft
{
	background-repeat:no-repeat;
	background-position:top;
	background-image: url(images/igiv_cornerbottomleft.gif);
	position: relative;
}


/*
	The Bottom Right corner of the control.
    This CSS Class should be used for rounded corners.
*/
.igiv_CornerBottomRight
{
	background-repeat:no-repeat;
	background-position:top ;
	background-image: url(images/igiv_cornerbottomright.gif);
	position: relative;
	/*left: -6px;*/
}


/*
	The CSS class that will be applied to the Container of the Previous Button. 
    This css Class is the TD in which the Image element is rendered. This style can be used
    to set the vertical-align CSS attribute.
*/
.igiv_PrevButtonArea
{
	margin-top:0px;
	padding-top:0px;
	position: absolute;
	top: 4px;
	right: 38px;
}


/*
	The CSS class that will be applied to the Previous Button. 
    The Previous Button can be absolutely positoned anywhere in the control, because the WebImageViewer has an internal DIV that
    wraps the control with a position set to relative. 
*/
.igiv_PrevButton
{
	cursor:pointer;
}


/*
	The CSS class that will be applied to the Container of the Next Button. 
    This css Class is the TD in which the Image element is rendered. This style can be used
    to set the vetical-align CSS attribute.
*/
.igiv_NextButtonArea
{
	margin-top:0px;
	padding-top:0px;
	position: absolute;
	right: 17px;
	top: 4px;
	cursor:pointer;
}


/*
	The CSS class that will be applied to the Next Button. 
    The Next Button can be absolutely positoned anywhere in the control, because the WebImageViewer has an internal DIV that
    wraps the control with a position set to relative.
*/
.igiv_NextButton
{
}


/*
	A TD that contains the ImageArea.
    If you would like a border around the ImageArea, this is the class to use.
*/
.igiv_ImageAreaContainer
{
	border-right:solid 1px #BBBBBB;
	border-left:solid 1px #BBBBBB;
}


/*
	A DIV that contains all of the Images. 
    In XHTML, to apply a border around the images a padding-bottom must be set to the size of the 
	border-top-width plus the border-bottom-width.
*/
.igiv_ImageArea
{
	padding-bottom: 2px;
}


/*
	An IMG element that is contained by the ImageAra.
    In XHTML, to apply a border around an image a padding-bottom must be set to the size of the 
	border-top-width plus the border-bottom-width on the ImageArea.
*/
.igiv_Image
{
	border: solid 1px Gray;
}


/*Applied to an IMG when it is selected.*/
.igiv_ImageSelected
{
}


/*Applied to an IMG when the mouse is over it.*/
.igiv_ImageHover
{
}


/*
	When an image is hovered, this style gets applied to all other images.
    A good use of this style is to apply an opacity to all other images that aren't being hovered, 
	so that the hovered image has more focus.
*/
.igiv_OtherImageHover
{
	opacity: .5;
	filter: alpha(opacity=50);
}


/*Applied to an IMG when the image is disabled.*/
.igiv_ImageDisabled
{
	opacity: .25;
	filter: alpha(opacity=25);
}

/*********************************************************************************/
/* WebDropDown */
/*********************************************************************************/
/*Main control CSS class
*/
.igdd_Control
{
}

.igdd_ControlArea
{
	border: 1px solid #BBBBBB;
	table-layout:fixed;
}

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

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

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


.igdd_ControlFocus
{
	border: 1px solid #999999;
	background-color: #F5F5F5;
	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_ValueDisplayTable
{
}

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


.igdd_ValueDisplayHover
{
}

.igdd_ValueDisplayFocus
{
	
}


.igdd_ValueDisplayDisabled
{
	
}


.igdd_ValueDisplayReadOnly
{
	
}


.igdd_DropDownList
{
	margin: 0px;
	padding: 1px;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.igdd_DropDownListHover
{
	
}


.igdd_DropDownListDisabled
{
	
}


.igdd_DropDownListFocus
{
	
}


.igdd_DropDownListReadOnly
{
	
}


.igdd_DropDownListContainer
{
	float: left;
	border: 1px solid #BBBBBB;
	background-color: #FFFFFF;
}


.igdd_DropDownListContainerFocus
{
	
}


.igdd_DropDownListContainerHover
{
}


.igdd_DropDownButton
{
	width: 17px;
	z-index: 9999;
}


.igdd_DropDownButtonHover
{
	
}


.igdd_DropDownButtonFocus
{
	
}


.igdd_DropDownButtonDisabled
{
	
}

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

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

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


.igdd_ListItemSelected
{
	list-style-type: none;
	background-color: #F1F1F1;
	color: #333333;
	border: 1px solid #F1F1F1;
}


.igdd_ListItemActive
{
	list-style-type: none;
	background-color: #D1EBFE;
	color: #333333;
	border: 1px solid #BBBBBB;
}

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

.igdd_ListItemHover
{
	list-style-type: none;
	background-color: #FF9933;
	background-image:url(images/igdd_ListItemHover.png);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid transparent;
}

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

.igdd_ListItem a:link
{
}

.igdd_ListItem a:visited
{
}

.igdd_ListItem a:active
{
}

.igdd_ListItem a:hover
{
}


.igdd_ListItemDisabled
{
	list-style-type: none;
	width: auto;
	cursor: default;
}

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


.igdd_ListItemFocus
{
	list-style-type: none;
	width: auto;
}


/*
Applied to the whole pager
*/
.igdd_Pager
{
	float: left;
	padding: 5px;
	background-color: #F7F7F7;
	text-align: right;
	vertical-align: middle;
}

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

/*
Styles the current page link only
*/
.igdd_PageCurrent
{
	float: left;
	vertical-align: middle;
	cursor: pointer;
	margin: 5px;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF9933;
	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;  
}