/* The CSS Class that will be applied to the outer control.*/
.igiv_Control
{	
	width: 637px; /* HER ANGIVES BREDDEN PÅ BILLEDEOMRÅDET - og KUN her.*/
					/* Bredden skal minimum være det samme som et billede er sat til at fylde i bredden
					 i "Width_and_height_of_radwindow" i category-tabellen i databasen - ellers laver
                   imagevieweren en exception */
	padding: 0px;	
	height: 83px;  /* DENNE HØJDE skal også sættes manuelt, til det samme som max-height herunder + lidt mere. Denne højde
                   kræves for at billederne vises i korrekt størrelse i Firefox 2.X */
}

/*
	An IMG element that is contained by the ImageArea.
    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: 1px solid #dadada;
	padding: 4px;	
	margin-right: 8px;
	max-height: 73px;  /* HER ANGIVES HØJDEN PÅ BILLEDERNE!!! Samme tal skal angives i feltet "width_and_height_of_thumbnails" i category-tabellen! */
	/* Hvis max-height gøres større efter at et thumbnailbillede er blevet genereret, bliver thumbnailbilledet resized
       til at pases til højden. dermed bliver kvaliteten af thumbnailbillederne dårligere. Dette løses ved at slette
		alle nuværende thumbnailsbilelder for den aktuelle inspirationlinje, da systemet så automatisk genererer
        nye efter det tal som er angivet i width_and_height_of_thumbnails i databasen (tallet som skal være = maxheight her)
	
	/* Ovenstående margin-right betyder, at der skal findes en div-boks udenom
	   scroll-til-venstre pilen, som ligeledes sikrer 8 pixels til højre
       - ellers forsvinder kanterne på billederne, når der scrolles helt til højre. */
       
	/* Margin-left må ikke bruges her, da scrollfunktionen så ikke virker!!!!! MEGET UNDERLIGT! */
}


/*
	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
{
	
}


/*
	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
{
	
}


/*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
{
	
}


/*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
{
	margin: 0px;
	padding: 0px;
	height: 0px;
	display: none;
	visibility: hidden;
}


/*
	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
{

}


/*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
{
	
}


/* 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
{
	margin: 0px;
	padding: 0px;
	height: 0px;
	display: none;
	visibility: hidden;
}


/*
	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
{
	
}


/*
	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
{
	
}


/*
	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
{
	
}


/*
	 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
{
	
}


/*
	 The Top Left corner of the control.
     This CSS Class should be used for rounded corners.
*/
.igiv_CornerTopLeft
{
	width: 0px;
	position: relative;	
}


/*
	The Top Right corner of the control.
    This CSS Class should be used for rounded corners.
*/
.igiv_CornerTopRight
{	
	width: 0px;
	position: relative;	
}


/*
	The Bottom Left corner of the control.
    This CSS Class should be used for rounded corners.
*/
.igiv_CornerBottomLeft
{	
	position: relative;
	width: 0px;
}


/*
	The Bottom Right corner of the control.
    This CSS Class should be used for rounded corners.
*/
.igiv_CornerBottomRight
{	
	position: relative;
	width: 0px;	
}


/*
	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
{
	
}


/*
	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
{
	
}


/*
	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
{	
	margin: 0px;
	padding: 0px;
}

/*
	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: 0px;
	margin: 0px;	
}





/*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);
}



















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


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


/*
	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_Vert
{
	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 WebImageViewer has an internal DIV that
    wraps the control with a position set to relative.
*/
.igiv_HeaderContentArea_Vert
{
	padding-top:4px;
	padding-left:3px;
	text-align:left;
}


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


/*The CSS class that will be applied to the actual content of the Header.*/
.igiv_HeaderContent_Vert
{
	color:White;
}


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


/*
	A TR that wraps the TopLeft_Vert, TopArea_Vert, and TopRight_Vert elements. 
    This CSS class is useful in setting the height of the entire row.
*/
.igiv_HeaderArea_Vert
{
	height: 22px;
	text-align:center;
}


/*
	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. 
*/
.igiv_FooterContentArea_Vert
{
	position: absolute;
	margin-top:10px;
	color:DimGray;
	text-align:right;
	right: 0px;
}


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


/*The CSS class that will be applied to the actual content of the Footer.*/
.igiv_FooterContent_Vert
{
}


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


/*
	A TR that wraps the BottomLeft_Vert, BottomArea_Vert, and BottomRight_Vert 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_Vert
{
	height: 10px;
	text-align:center;
}


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


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


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


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


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


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


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


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


/*
	The CSS class that will be applied to the Container of the PreviousButton. 
    This css Class is the TD in which the Image element is rendered. This style can be used
    to set the text-align CSS attribute.
*/
.igiv_PrevButtonArea_Vert
{
	position: absolute;
	right: 36px;
	top: 4px;
}


/*
	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_Vert
{
	cursor:hand;
}


/*
	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 text-align CSS attribute.
*/
.igiv_NextButtonArea_Vert
{
	position: absolute;
	top: 4px;
	right: 15px;
}


/*
	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_Vert
{
	cursor:hand;
}


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


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


/*
	An IMG element that is contained by the ImageAra.
    In XHTML, to apply a border around an image a padding-right must be set to the size of the 
	border-left-width plus the border-right-width on the ImageArea_Vert.
*/
.igiv_Image_Vert
{
		
}


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


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


/*
	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_Vert
{
	opacity: .5;
	filter: alpha(opacity=50);
}


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