/* Owner Menu - WebDataMenu */
/**************************** VERTICAL (Default / No suffixes) *************************************************/
.igdm_ControlVertical 
{
	background-color: white;
	cursor: default;
	float:left;
	/*border: solid 1px;*/
	white-space: nowrap; /* do not get text wrapped within the menu item*/
	font-family:Verdana,Arial,Lucida Grande,Lucida Sans Unicode,Lucida,Helvetica,Sans-serif;	
	background-image: url(images/igdm_ControlBackground.png);
	background-repeat: repeat-x;	
	background-position: top;
	background-color: #EFEFEF;
	border: 0px none;
	overflow: hidden;
}

/*
 Main Control CSS class when it's disabled
*/
.igdm_ControlVerticalDisabled
{
	
}

/*
 Main Control CSS class when it's active 
*/
.igdm_ControlVerticalActive
{

}

/******************************** ROOT ELEMENTS ***************************************************/
.igdm_MenuGroupVerticalRoot
{
	/*border: 1px solid #000;*/ /* puts a black border around the menu blocks */
	background-color: Transparent; /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
	padding-left: 0px; /* stops the usual indent from ul */
	cursor: default; /* gives an arrow cursor */
	margin-left: 0px; /* Opera 7 final's margin and margin-box model cause problems */
	list-style-type: none; /* removes the bullet points */
	padding-top: 0px;
	margin: 0px; /* Opera 7 puts large spacings between li elements */
	/* position: relative; */ /* makes the menu blocks be positioned relative to their parent menu item                                       the lack of offset makes these appear normal, but it will make a difference                                       to the absolutely positioned child blocks */
	color: #000; /* sets the default font colour to black */
}

.igdm_MenuItemVerticalRoot
{
	font-size: 10px;
	color: #333333;
	padding: 6px;
	padding-left: 12px;
	border: 1px solid transparent;
	padding-right: 30px;
}

.igdm_MenuItemVerticalIcon
{
	clear: none;
	padding-right: 6px;
	text-align: left;
	vertical-align: middle;
	border: 0px none;
}

 
.igdm_MenuItemVerticalRootLink
{
	display: block;
	text-decoration: none;
	font-family:Verdana,Arial,Lucida Grande,Lucida Sans Unicode,Lucida,Helvetica,Sans-serif;	
	font-size: 10px;
	cursor: default; 
	color: #333333;
}

.igdm_MenuItemVerticalRootSelected
{
	background-color: #9AD0F4;
	border: 1px solid##A6C4E0;
}

.igdm_MenuItemVerticalRootSelected > a
{
	color: #FFFFFF;
}

.igdm_MenuItemVerticalRootActive
{
	background-image: url(images/igdm_RootHover.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #B5CCFA;
	border: 1px solid #6691B8;
}

.igdm_MenuItemVerticalRootActive > a
{
	color: #000000;
}

.igdm_MenuItemVerticalRootHover
{
	background-image: url(images/igdm_RootHover.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #B5CCFA;
	border: 1px solid #6691B8;
}

.igdm_MenuItemVerticalRootHover > a
{
	color: #000000;
}

.igdm_MenuItemVerticalRootDisabled > a
{
	color: #AAAAAA;
}

/********************************** END ROOT ELEMENTS *********************************************/

/****************************** MenuGroup (UL) ELEMENTS (SubMenu) *********************************/
/* UL (List) */
.igdm_MenuGroupVertical
{
	/*border: 1px solid #000;*/ /* puts a black border around the menu blocks */
	background-color: #FFFFFF; 
	padding-left: 0px; /* stops the usual indent from ul */
	cursor: default; /* gives an arrow cursor */
	margin-left: 0px; /* Opera 7 final's margin and margin-box model cause problems */
	list-style-type: none; /* removes the bullet points */
	padding-top: 0px;
	margin: 0px; /* Opera 7 puts large spacings between li elements */
	border: 1px solid #CCCCCC;
	color:Black;
}

/**************************** END Menu Group Elemnts ********************************************/

/************ MenuItem elements (single menu item - LI (base element) has > a > span) ***********/
/* List Item (Li) */
.igdm_MenuItemVertical
{
	margin: 0px; /* Opera 7 puts large spacings between li elements */
	color: #333; /* sets the default font colour to white */
	background: #FFFFFF none repeat scroll 0 0;
	padding: 5px;
	padding-right: 30px;
}

.igdm_MenuItemVertical > a
{
    color: #000000;
    text-decoration: none;
}

.igdm_MenuItemVerticalLink
{
	display: block;
	text-decoration: none;
	font-family:Verdana,Arial,Lucida Grande,Lucida Sans Unicode,Lucida,Helvetica,Sans-serif;	
	font-size: 10px;
	cursor: default; 
	color: #333;
}

.igdm_MenuItemVertical.igdm_MenuItemVerticalParent
{
	background-image: url(images/igwdm_SubMenuIndicator.gif);
	background-repeat:no-repeat;
	background-position:center right;
}

/* List Item (Li) that is a parent of a menu which will appear on the bottom */
.igdm_MenuItemVerticalParent
{
}

.igdm_MenuItemVerticalParentLink
{
	display: block;
	text-decoration: none;
	font-family:Verdana,Arial,Lucida Grande,Lucida Sans Unicode,Lucida,Helvetica,Sans-serif;	
	font-size: 10px;
	cursor: default; 
	color: #333;
}

.igdm_MenuItemVerticalSelected.igdm_MenuItemVerticalParent
{
	background-image: url(images/igdm_ItemHoverParent.png);
	background-repeat: repeat-x;
	background-position: center right;
	background-color: #336699;
	font-weight: normal;
}

.igdm_MenuItemVerticalActive.igdm_MenuItemVerticalParent
{
	background-image: url(images/igdm_ItemHoverParent.png);
	background-repeat: repeat-x;
	background-position: center right;
	background-color: #336699;
	font-weight: normal;
}

.igdm_MenuItemVerticalHover.igdm_MenuItemVerticalParent
{
	background-image: url(images/igdm_ItemHoverParent.png);
	background-repeat: repeat-x;
	background-position: center right;
	background-color: #336699;
	font-weight: normal;
}

/* List Item (Li) */
.igdm_MenuItemVerticalSelected
{
	margin: 0px; /* Opera 7 puts large spacings between li elements */
	color: #FFFFFF; /* sets the default font colour to white */
	background-image: url(images/igdm_ItemHover.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #336699;
	font-weight: normal;
}

.igdm_MenuItemVerticalSelected > a
{
	color: #FFFFFF;
}

/* List Item (Li) */
.igdm_MenuItemVerticalActive
{
	margin: 0px; /* Opera 7 puts large spacings between li elements */
	color: #FFFFFF; /* sets the default font colour to white */
	background-image: url(images/igdm_ItemHover.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #336699;
	font-weight: normal;
}

.igdm_MenuItemVerticalActive > a
{
	color: #FFFFFF;
}

/* List Item (Li) */
.igdm_MenuItemVerticalHover
{
	margin: 0px; /* Opera 7 puts large spacings between li elements */
	color: #FFFFFF; /* sets the default font colour to white */
	background-image: url(images/igdm_ItemHover.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #336699;
	font-weight: normal;
}

.igdm_MenuItemVerticalHover > a
{
	color: #FFFFFF;
	text-decoration: none;
}

/* List Item (Li) */
.igdm_MenuItemVerticalDisabled > a
{
	color: #CCCCCC;
}

/* List Item (LI) no inner content */
.igdm_MenuItemVerticalSeparator
{
	display: block;
	height: 1px !important;
	height: 1px;
	width: 100%;
	border: 0px none;
	padding: 0px;
	margin: 0px auto;
	background-color: #CCCCCC;
	position: absolute;
	clear: both;
}

/************************************************************************************************\
|********************** Horizontal / Suffixed with "Horizontal" *********************************|
\************************************************************************************************/
.igdm_ControlHorizontal
{
	background-color: white;
	cursor: default;
	float:left;
	/*border: solid 1px;*/
	white-space: nowrap; /* do not get text wrapped within the menu item*/
	font-family:Verdana,Arial,Lucida Grande,Lucida Sans Unicode,Lucida,Helvetica,Sans-serif;	
	background-image: url(images/igdm_ControlBackground.png);
	background-repeat: repeat-x;	
	background-position: top;
	background-color: #EFEFEF;
	border: 0px none;
	overflow: hidden;
}

/*
 Main Control CSS class when it's disabled
*/
.igdm_ControlHorizontalDisabled
{
	
}

.igdm_ControlHorizontalActive
{

}

/************** End Main Control Definitions ********************/

/******************************** ROOT ELEMENTS - Group and Item ***************************************/
/** Definitions for Root elements should be always before definitions of subElements **/
.igdm_MenuGroupHorizontalRoot
{
	/*border: 1px solid #000;*/ /* puts a black border around the menu blocks */
	background-color: #FFFFFF; /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
	padding-left: 0px; /* stops the usual indent from ul */
	cursor: default; /* gives an arrow cursor */
	margin-left: 0px; /* Opera 7 final's margin and margin-box model cause problems */
	list-style-type: none; /* removes the bullet points */
	padding-top: 0px;
	margin: 0px; /* Opera 7 puts large spacings between li elements */
	/* position: relative; */ /* makes the menu blocks be positioned relative to their parent menu item                                       the lack of offset makes these appear normal, but it will make a difference                                       to the absolutely positioned child blocks */
	color: #000; /* sets the default font colour to black */
}

.igdm_MenuItemHorizontalRoot
{
	float: left; /* Required to implement horizontal orientation of menu */
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	padding: 6px;
	padding-left: 12px;
	border: 1px solid transparent;
}

.igdm_MenuItemHorizontalRoot > a
{
	color: #000000;
	text-decoration: none;
}

.igdm_MenuItemHorizontalIcon
{
	clear: none;
	padding-right: 6px;
	text-align: left;
	vertical-align: middle;
	border: 0px none;
}

.igdm_MenuItemHorizontalRootLink
{
	display: block;
	text-decoration: none;
	font-family:Verdana,Arial,Lucida Grande,Lucida Sans Unicode,Lucida,Helvetica,Sans-serif;	
	font-size: 10px;
	font-weight: bold;
	cursor: default; 
	color: #333333;
}

.igdm_MenuItemHorizontalRootSelected
{
	background-color: #9AD0F4;
	border: 1px solid #6691B8;
}

.igdm_MenuItemHorizontalRootSelected > a
{
	color: #FFFFFF;
}

.igdm_MenuItemHorizontalRootActive
{
	background-image: url(images/igdm_RootHover.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #B5CCFA;
	border: 1px solid #6691B8;
}

.igdm_MenuItemHorizontalRootActive > a
{
	color: #000000;
}

.igdm_MenuItemHorizontalRootHover
{
	background-image: url(images/igdm_RootHover.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #B5CCFA;
	border: 1px solid #6691B8;
}

.igdm_MenuItemHorizontalRootHover > a
{
	color: #000000;
	text-decoration: none;
}

.igdm_MenuItemHorizontalRootDisabled
{
	float: left;  /*Required to implement horizontal orientation of menu */
}

.igdm_MenuItemHorizontalRootDisabled > a
{
	color: #AAAAAA;
}

/********************************** END ROOT ELEMENTS *********************************************/

/****************************** MenuGroup (UL) ELEMENTS (SubMenu) *********************************/
/* UL (List) */
.igdm_MenuGroupHorizontal
{
	/*border: 1px solid #000;*/ /* puts a black border around the menu blocks */
	background-color: #FFFFFF; 
	padding-left: 0px; /* stops the usual indent from ul */
	cursor: default; /* gives an arrow cursor */
	margin-left: 0px; /* Opera 7 final's margin and margin-box model cause problems */
	list-style-type: none; /* removes the bullet points */
	padding-top: 0px;
	margin: 0px; /* Opera 7 puts large spacings between li elements */
	border: 1px solid #CCCCCC;
	color:Black;
}

/**************************** END Menu Group Elemnts ********************************************/

/************ MenuItem elements (single menu item - LI (base element) has > a > span) ***********/
/* List Item (Li) */
.igdm_MenuItemHorizontal
{
	margin: 0px; /* Opera 7 puts large spacings between li elements */
	color: #333; /* sets the default font colour to white */
	background: #FFFFFF none repeat scroll 0 0;
	padding: 5px;
	padding-right: 30px;
}

.igdm_MenuItemHorizontalLink
{
	display: block;
	text-decoration: none;
	font-family:Verdana,Arial,Lucida Grande,Lucida Sans Unicode,Lucida,Helvetica,Sans-serif;	
	font-size: 10px;
	font-weight: bold;
	cursor: default; 
	color: #333;
}

.igdm_MenuItemHorizontal.igdm_MenuItemHorizontalParent
{
	background-image: url(images/igwdm_SubMenuIndicator.gif);
	background-repeat:no-repeat;
	background-position:center right;
}

/* List Item (Li) that is a parent of a menu which will appear on the bottom */
.igdm_MenuItemHorizontalParent
{
	margin: 0px; /* Opera 7 puts large spacings between li elements */
	font-weight: normal;
}

.igdm_MenuItemHorizontalParentLink
{
	display: block;
	text-decoration: none;
	font-family:Verdana,Arial,Lucida Grande,Lucida Sans Unicode,Lucida,Helvetica,Sans-serif;	
	font-size: 10px;
	font-weight: bold;
	cursor: default; 
	color: #333;
}

.igdm_MenuItemHorizontalSelected.igdm_MenuItemHorizontalParent
{
	background-image: url(images/igdm_ItemHoverParent.png);
	background-repeat: repeat-x;
	background-position: center right;
	background-color: #1F6198;
	font-weight: normal;
}

.igdm_MenuItemHorizontalActive.igdm_MenuItemHorizontalParent
{
	background-image: url(images/igdm_ItemHoverParent.png);
	background-repeat: repeat-x;
	background-position: center right;
	background-color: #1F6198;
	font-weight: normal;
}

.igdm_MenuItemHorizontalHover.igdm_MenuItemHorizontalParent
{
	background-image: url(images/igdm_ItemHoverParent.png);
	background-repeat: repeat-x;
	background-position: center right;
	background-color: #1F6198;
	font-weight: normal;
}

/* List Item (Li) */
.igdm_MenuItemHorizontalSelected
{
	margin: 0px; /* Opera 7 puts large spacings between li elements */
	color: #FFFFFF; /* sets the default font colour to white */
	background-image: url(images/igdm_ItemHover.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #1F6198;
	font-weight: normal;
}

.igdm_MenuItemHorizontalSelected > a
{
	color: #FFFFFF;
}

/* List Item (Li) */
.igdm_MenuItemHorizontalActive
{
	margin: 0px; /* Opera 7 puts large spacings between li elements */
	color: #FFFFFF; /* sets the default font colour to white */
	background-image: url(images/igdm_ItemHover.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #1F6198;
	font-weight: normal;
}

.igdm_MenuItemHorizontalActive > a
{
	color: #FFFFFF;
}

/* List Item (Li) */
.igdm_MenuItemHorizontalHover
{
	margin: 0px; /* Opera 7 puts large spacings between li elements */
	color: #FFFFFF; /* sets the default font colour to white */
	background-image: url(images/igdm_ItemHover.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #1F6198;
	font-weight: normal;
}

.igdm_MenuItemHorizontalHover > a
{
	color: #FFFFFF;
}

/* List Item (Li) */
.igdm_MenuItemHorizontalDisabled > a
{
	color: #CCCCCC;
}

/* List Item (LI) no inner content */
.igdm_MenuItemHorizontalSeparator
{

	display: block;
	width: 1px !important;
	width: 1px;
	height: 100%;
	border: 0px none;
	padding: 0px;
	margin: 0px auto;
	background-color: #CCCCCC;
}


/* Scrolling container - DIV */
.igdm_MenuScrollContainerHorizontal
{
}

/* Left scrolling element for root level items Horizontal orientation - DIV */
.igdm_MenuScrollerRootLeft
{
}

/* Right scrolling element for root level items Horizontal orientation - DIV */
.igdm_MenuScrollerRootRight
{
}

/* Left scrolling element for non-root level items Horizontal orientation - DIV */
.igdm_MenuScrollerLeft
{
}

/* Right scrolling element for non-root level items Horizontal orientation - DIV */
.igdm_MenuScrollerRight
{
}

/*********************************************************************************/
/* WebDiaglogWindow */
.igdw_Control
{
	background-color:Transparent;
	border-width:0px;
}


.igdw_HeaderArea
{
	background-color:#336699;
	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
{
	background-color:Transparent;
	background-position:top left ;
	width: 9px;
}


/* used only when header visible */
.igdw_HeaderContent
{
	
}


/* used only when header visible */
.igdw_HeaderCornerRight
{
	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:0px;
}


/*
	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-top: 10px;
	color: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
{
}


/*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);
}

