/******* Template Require Classes *******/
/* Body Style , Scrollbar , Background */
body
{
	font-family : Verdana;
	font-size : 8pt;
	color : #000000;
	border:0;
	margin: 0 0 0 0;
	width:100%;
	height:100%;
	background-color : #A7CCBA;
	background-image: url(/inst/iom/gallery/Image/general_bg.gif);
	scrollbar-face-color: #009966;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-base-color : #eeeeee;
	scrollbar-track-color: #eeeeee;
	scrollbar-highlight-color: #eeeeee;
	scrollbar-arrow-color: #eeeeee;
	scrollbar-shadow-color: #000000;
	scrollbar-3dlight-color: #000000;
}

table
{
	font-family : Verdana;
	font-size : 8pt;
	color : #000000;
}

/*color : #0D5D38;*/
/* Normal Style */
.n
{
	font-family : Verdana, Tahoma;
	font-size : 8pt;
	color : #000000;
}

/* Normal Style, Bold */
.nb
{
	font-family : Verdana, Tahoma;
	font-size : 8pt;
	font-weight:bold;
	color : #000000;
}

/* Normal Style, Small */
.ns
{
	font-family : Verdana, Tahoma;
	font-size : 7pt;
	font-weight:normal;
	color : #000000;
}

/* Normal Style, Large */
.nl
{
	font-family : Verdana, Tahoma;
	font-size : 10pt;
	font-weight: bold;
	color : #000000;
}

/* Search - Polls - Newsletters Style */
.sN
{
	font-family : Verdana, Tahoma;
	font-size : 10px;
	font-weight: normal;
	color : #333333;
}

.sNb
{
	font-family : Verdana, Tahoma;
	font-size : 10px;
	font-weight: bold;
	color : #333333;
}

/* Style For Textbox*/
.tb
{
	background-color : #FFFFFF;
	border : 1px solid #217F50;
	color : #000000;
	font-size : 10px;
	font-family : Verdana, Tahoma;
}

/* Style For Buttons*/
.btn
{
	color: #217F50; 
	font-family: Verdana, Arial Greek, Arial, HellasArial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	background-color:#B1D2C2;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#B1D2C2);
	border:1 outset #ffffff;
}

/* Style For Links */
A:link
{
	font-family : Verdana;
	font-size : 8pt;
	color : #217F50;
	font-weight : normal;	
	text-decoration : underline;
}

A:visited
{
	font-family : Verdana;
	font-size : 8pt;
	color : #217F50;
	font-weight : normal;	
	text-decoration : underline;
}

A:hover
{
	font-family : Verdana;
	font-size : 8pt;
	color : #63A784;
	font-weight : normal;	
	text-decoration : underline;
}


/* Border Table */
.bt
{
	border: 1px solid #ffffff;
	background-color : #7DB499;
}

/* Content Table */
.ct
{
	border: 1px solid #ffffff;
	background-color : #DFECE6;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#DFECE6,endColorStr=#ffffff);
    background-image: url(/inst/iom/gallery/Image/ct_bg.gif);
}

/* Header Table */
.ht
{
	font-family : Verdana, Tahoma;
	font-size : 10px;
	font-weight: bold;
	color : #217F50;
	background-color : #B1D2C2;
	border: 1px solid #ffffff;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#B1D2C2);
	background-image: url(/inst/iom/gallery/Image/ht_bg.gif);
}

.ht2
{
	font-family : Verdana, Tahoma;
	font-size : 10px;
	font-weight: normal;
	color : #ffffff;
	background-color : #96C7AF;
	border: 1px solid #ffffff;
}

.ht2b
{
	font-family : Verdana, Tahoma;
	font-size : 10px;
	font-weight: bold;
	color : #ffffff;
	background-color : #96C7AF;
	border: 1px solid #ffffff;
}


/* Normal Table Row */
.nt
{
	background-color : #EAF5F0;	
	border: 1px solid #ffffff;
}

/* Alternative Table Row */
.at
{
	background-color : #F3F9F6;	
	border: 1px solid #ffffff;
}

/************** Menu Style Sheet ****************/

/* Menu Style Sheet */
.Menu,.SubMenuTable
{
	font-family: Verdana, Tahoma;
	color: #217F50;
	font-weight: bold;
	font-size: 10px;
	padding: 0 0 0 0;	
	white-space:	nowrap;
	cursor:		default;
}

.SubMenu
{
	color: #217F50;
	position:	absolute;
	visibility:	hidden;
	

	/*
	   Netscape/Mozilla renders borders by increasing
	   their z-index.  The following line is necessary
	   to cover any borders underneath
	*/
	z-index:	100;	
	padding:	0;
	overflow:	visible;
	border:		1px solid #319964;	
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999, Direction=135, Strength=3);
}

.SubMenuTable
{
	overflow:	visible;
}

.MainItem,.MainItemHover,.MainItemActive,
.MenuItem,.MenuItemHover,.MenuItemActive
{
	border:		0;
	cursor:		hand;
	white-space:	nowrap;
}

.MainItem
{
	background-color:	#D6EBE1;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#D6EBE1);
    
}

.MainItemHover,.MainItemActive
{
	color: #ffffff;
	background-color:	#88CC8E;	
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#29A64D,endColorStr=#88CC8E);
    
}

.MenuItem
{
	color:  #5AA07C;
	BACKGROUND-COLOR: #ffffff;	
}

.MenuItemHover,.MenuItemActive
{
	color: #217F50;
	background-color:	#D6EBE1;
	/*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#EDF9FF,endColorStr=#ffffff);*/
}


/* horizontal main menu */

.MainItem
{
	padding: 5px 5px 5px 5px;
	border-left:	1px solid #ffffff;	
	border-right:	1px solid #AFD4B4;
	/*border-top:		1px solid #ffffff;
	border-bottom:	1px solid #ffffff;*/
}

td.MainItemHover,td.MainItemActive
{
	padding: 5px 5px 5px 5px;
	border-left:	1px solid #29A64D;	
	border-right:	1px solid #88CC8E;
	/*border-top:		1px solid #ffffff;
	border-bottom:	1px solid #ffffff;*/
}

.MainFolderLeft,.MainItemLeft,
.MainFolderText,.MainItemText,
.MainFolderRight,.MainItemRight
{
	background-color:inherit;
}

/* vertical main menu sub components */

td.MainFolderLeft,td.MainItemLeft
{
	padding-top:	4px;
	padding-bottom:	4px;
	padding-left:	1px;
	padding-right:	1px;

	border-top:	1px solid #319964;
	border-bottom:	1px solid #319964;
	border-left:	1px solid #319964;

	background-color:	inherit;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#80C3A2,endColorStr=#61A683);
background-image: url(/inst/iom/gallery/Image/menu_hover_bg.gif);
}

td.MainFolderText,td.MainItemText
{
	padding-top:	4px;
	padding-bottom:	4px;
	padding-left:	3px;
	padding-right:	3px;

	border-top:	1px solid #319964;
	border-bottom:	1px solid #319964;

	background-color:	inherit;
	white-space:	nowrap;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#80C3A2,endColorStr=#61A683);
background-image: url(/inst/iom/gallery/Image/menu_hover_bg.gif);
}

td.MainFolderRight,td.MainItemRight
{
	padding-top:	4px;
	padding-bottom:	4px;
	padding-left:	3px;
	padding-right:	3px;

	border-top:	1px solid #319964;
	border-bottom:	1px solid #319964;
	border-right:	1px solid #319964;

	background-color:	inherit;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#80C3A2,endColorStr=#61A683);
background-image: url(/inst/iom/gallery/Image/menu_hover_bg.gif);
}

tr.MainItem td.MainFolderLeft,
tr.MainItem td.MainItemLeft
{
	padding-top:	4px;
	padding-bottom:	4px;
	padding-left:	1px;
	padding-right:	1px;

	white-space:	nowrap;

	border-top:	1px solid #7DB499;
	border-bottom:	1px solid #7DB499;
	border-left:	1px solid #7DB499;

	background-color:	inherit;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#D6EBE1);
background-image: url(/inst/iom/gallery/Image/menu_bg.gif);
}

tr.MainItem td.MainFolderText,
tr.MainItem td.MainItemText
{
	padding-top:	4px;
	padding-bottom:	4px;
	padding-left:	3px;
	padding-right:	3px;

	border-top:	1px solid #7DB499;
	border-bottom:	1px solid #7DB499;

	background-color:	inherit;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#D6EBE1);
background-image: url(/inst/iom/gallery/Image/menu_bg.gif);
}

tr.MainItem td.MainItemRight,
tr.MainItem td.MainFolderRight
{
	padding-top:	4px;
	padding-bottom:	4px;
	padding-left:	3px;
	padding-right:	3px;

	border-top:	1px solid #7DB499;
	border-bottom:	1px solid #7DB499;
	border-right:	1px solid #7DB499;

	background-color:	inherit;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#D6EBE1);
background-image: url(/inst/iom/gallery/Image/menu_bg.gif);
}

/* sub menu sub components */

.MenuFolderLeft,.MenuItemLeft
{
	padding-top:	1px;
	padding-bottom:	1px;
	padding-left:	1px;
	padding-right:	1px;

	border-top:	1px solid #319964;
	border-bottom:	1px solid #319964;
	/*border-left:	1px solid #0B7C3C;*/

	background-color:	inherit;
	white-space:	nowrap;
}

.MenuFolderText,.MenuItemText
{
	padding-top:	1px;
	padding-bottom:	1px;
	padding-left:	2px;
	padding-right:	2px;

	border-top:	1px solid #319964;
	border-bottom:	1px solid #319964;

	background-color:	inherit;
	white-space:	nowrap;
}

.MenuFolderRight,.MenuItemRight
{
	padding-top:	1px;
	padding-bottom:	1px;
	padding-left:	1px;
	padding-right:	1px;

	border-top:	1px solid #319964;
	border-bottom:	1px solid #319964;
	/*border-right:	1px solid #0B7C3C;*/

	background-color:	inherit;
	white-space:	nowrap;
}

.MenuItem .MenuFolderLeft,
.MenuItem .MenuItemLeft
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	2px;
	padding-right:	2px;

	white-space:	nowrap;

	border:		0;	
	background-color:	#61A683;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#61A683,endColorStr=#80C3A2);
}

.MenuItem .MenuFolderText,
.MenuItem .MenuItemText
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	2px;
	padding-right:	2px;

	border:		0;
	/*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#FAE9D8,endColorStr=#ffffff);*/
	background-color:	inherit;
	
}

.MenuItem .MenuFolderRight,
.MenuItem .MenuItemRight
{
	padding-top:	2px;
	padding-bottom:	2px;
	padding-left:	2px;
	padding-right:	2px;

	border:		0;
	background-color:	inherit;
}

/* menu splits */

.MenuSplit
{
	margin: -6px;
	height: 0px;
}

/* image shadow animation */

/*
	seq1:	image for normal
	seq2:	image for hover and active

	To use, in the icon field, input the following:
	<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.MenuItem img.seq1
{
	display:	inline;
}

.MenuItemHover seq2,
.MenuItemActive seq2
{
	display:	inline;
}

.MenuItem .seq2,
.MenuItemHover .seq1,
.MenuItemActive .seq1
{
	display:	none;
}

/*********** Custom Classes **********/
/*----------------- LINE SEPARATORS -----------------*/
/* darkShadow , lightShadow , LineShadow*/
.dS
{
	background-color : #000000;
}

.lS
{
	background-color : #F5FAF7;	
	background-image: url(/inst/iom/gallery/Image/dots.gif);
}

.liS
{
	background-color : #F5FAF7;
}

/*----------------- BACKGROUNDS -----------------*/
/* 1 Background*/
.bg_1
{
	background-color : #F5FAF7;
}

/* 2 Background*/
.bg_2
{
	background-color : #339966;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#339966,endColorStr=#5BC18E);
}

/* 3 Background*/
.bg_3
{
	background-color : #D6EBE1;
}

/* 4 Background*/
.bg_4
{
	background-color : #D6EBE1;
}

/* Background , ie Gradient L2R */
.bl2r
{
	/*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ABABD6,endColorStr=#F3F3F3);*/
	background-color: #D7D7E5;
}

/* Background , ie Gradient U2D */
.bu2d
{
	/*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ABABD6,endColorStr=#F3F3F3);*/
	background-color: #D7D7E5;
}

/* Style For Additional Menu  */
A.white:link
{
	font-family : Verdana;
	font-size : 10px;
	color : #ffffff;
	font-weight : normal;	
	text-decoration : none;
}

A.white:visited
{
	font-family : Verdana;
	font-size : 10px;
	color : #ffffff;
	font-weight : normal;	
	text-decoration : none;
}

A.white:hover
{
	font-family : Verdana;
	font-size : 10px;
	color : #217F50;
	font-weight : normal;	
	text-decoration : none;
}

A.whiteB:link
{
	font-family : Verdana;
	font-size : 10px;
	color : #ffffff;
	font-weight : bold;	
	text-decoration : none;
}

A.whiteB:visited
{
	font-family : Verdana;
	font-size : 10px;
	color : #ffffff;
	font-weight : bold;	
	text-decoration : none;
}

A.whiteB:hover
{
	font-family : Verdana;
	font-size : 10px;
	color : #217F50;
	font-weight : bold;	
	text-decoration : none;
}

.white
{
	font-family : Verdana;
	font-size : 10px;
	color : #ffffff;
	font-weight : normal;	
	text-decoration : none;
}

.whiteB
{
	font-family : Verdana;
	font-size : 10px;
	color : #ffffff;
	font-weight : bold;	
	text-decoration : none;
}

.title
{
	font-family : Verdana;
	font-size : 11pt;
	color : #217F50;
	font-weight : bold;	
	text-decoration : none;
}

.titleS
{
	font-family : Verdana;
	font-size : 10pt;
	color : #5AA07C;
	font-weight : bold;	
	text-decoration : none;
}


/********************* catalog styles START ********************/

/********************* Product categories style ********************/

.categ
{
	font-family : Verdana;
	font-size : 10px;
	color : #0B7C3C;
	font-weight : normal;	
	text-decoration : none;
}

A.categ:link
{
	font-family : Verdana;
	font-size : 10px;
	color : #0B7C3C;
	font-weight : normal;	
	text-decoration : none;
}

A.categ:visited
{
	font-family : Verdana;
	font-size : 10px;
	color : #0B7C3C;
	font-weight : normal;	
	text-decoration : none;
}

A.categ:hover
{
	font-family : Verdana;
	font-size : 10px;
	color : #000000;
	font-weight : normal;	
	text-decoration : underline;
}


/********************* Table header link style (for sorting) ********************/

.ht a:link
{
	font-family : Verdana;
	font-size : 10px;
	color : #217F50;
	font-weight : bold;	
	text-decoration : underline;
}

.ht a:visited
{
	font-family : Verdana;
	font-size : 10px;
	color : #217F50;
	font-weight : bold;	
	text-decoration : underline;
}

.ht a:hover
{
	font-family : Verdana;
	font-size : 10px;
	color : #63A784;
	font-weight : bold;	
	text-decoration : underline;
}

/********************* catalog styles END ********************/



A.inLB:link
{
	font-family : Verdana;
	font-size : 10pt;
	color : #21558A;
	font-weight : bold;	
	text-decoration : none;
}

A.inLB:visited
{
	font-family : Verdana;
	font-size : 10pt;
	color : #21558A;
	font-weight : bold;	
	text-decoration : none;
}

A.inLB:hover
{
	font-family : Verdana;
	font-size : 10pt;
	color : #CC0000;
	font-weight : bold;	
	text-decoration : none;
}

.hl
{
	font-family : Verdana, Tahoma;
	font-size : 10px;
	font-weight:bold;
	color : #21558A;
	text-decoration: none;
	
}

A.hl:link
{
	font-family : Verdana;
	font-size : 10px;
	color : #21558A;
	font-weight : bold;	
	text-decoration : none;
}

A.hl:visited
{
	font-family : Verdana;
	font-size : 10px;
	color : #21558A;
	font-weight : bold;	
	text-decoration : none;
}

A.hl:hover
{
	font-family : Verdana;
	font-size : 10px;
	color : #666666;
	font-weight : bold;	
	text-decoration : none;
}

.newsdate
{
	font-family : Verdana, Tahoma;
	font-size : 8pt;
	color : #217F50;
	font-weight : bold;
}


.newsdate A:link
{
	font-family : Verdana, Tahoma;
	font-size : 10pt;
	color : #5AA07C;
	font-weight : bold;
text-decoration : underline;
}

.newsdate A:visited
{
	font-family : Verdana, Tahoma;
	font-size : 10pt;
	color : #5AA07C;
	font-weight : bold;
text-decoration : underline;
}

.newsdate A:hover
{
	font-family : Verdana, Tahoma;
	font-size : 10pt;
	color : #217F50;
	font-weight : bold;
    text-decoration : underline;
}