/******* 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 : #B6A385;
}

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

/* 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 : #5973a4;
}

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

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

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

}

/* Style For Buttons*/
.btn
{
	color: #000000; 
	font-family: Verdana, Arial Greek, Arial, HellasArial, Helvetica;
	font-size : 8pt;
	font-weight: normal;	
	text-decoration: none;
	background-color:#FFFFFF;
	border:0;
}

/* Style For Links */
a:link
{
	font-family : Verdana;
	color: #454545;
	font-weight : normal;	
	text-decoration : underline;
}

a:visited
{
	font-family : Verdana;
	color: #454545;
	font-weight : normal;	
	text-decoration : underline;
}

a:hover
{
	font-family : Verdana;
	color: #454545;
	font-weight : normal;	
	text-decoration : underline;
}

#thetopmenu 
{
        font-family : Verdana;
	font-size : 10px;
	color: #FFFFFF;
	background: url(/inst/oipp/gallery/layout/topmenu_bg.gif) repeat-x;
	padding-left:10px;

}

#thetopmenu ul
{
   margin: 0;
padding: 0;
float: left;

}

#thetopmenu ul li a:visited{
color: #FFFFFF;
}

#thetopmenu ul li a:hover,{
color: #FFFFFF; !important; 

}

#thetopmenu li {

display: inline;
}

#thetopmenu ul li a{
float: left;
color: #FFFFFF;
padding: 7px 4px;
text-decoration: none;
text-align: center;
}

.bottom {
text-align: center;
color: #FFFFFF;


}

.left {
text-align: center;
}

.top {
background: url(/inst/oipp/gallery/layout/top.gif) no-repeat top right #000000;
}

p {
font: 10px tahoma;
}
h3{
font: 16px arial;
font-weight: strong;
color: #5B4A1E;

}


/* Border Table */
.bt
{
	background-color : #b0bec7;
}

/* Content Table */
.ct
{
	background-color : #ffffff;
}

/* Header Table */

.ht, a.ht:link
{
	font: Verdana, Tahoma 10px;
	font-weight: bold;
font-color: #000000;
background: #F5B826;
border: 0px;
}


.ht2
{
	
background: #FFFFFF url(/inst/samarasv4/gallery/layout/left_bg_corner.gif) no-repeat;
	border: 0px;
}

.ht3
{
background: #FFFFFF url(/inst/samarasv4/gallery/layout/right_bg_corner.gif) no-repeat;
	border: 0px;
}

.ht a:link
{
	font-family : Verdana, Tahoma;
	font-size : 10px;
	font-weight: bold;
}

.ht a:visited,.ht a:hover
{
	color:#000000;
}

.ht2
{
	font-family : Verdana, Tahoma;
	font-size : 10px;
	font-weight: normal;
	color : #000000;
	border: 0px;
}

.ht2b
{
	font-family : Verdana, Tahoma;
	font-size : 10px;
	font-weight: bold;
	color : #000000;
	background-color : #ffffff;
	border: 0px;
}

/* Normal Table Row */
.nt
{
	background-color : #ffffff;
}

/* Alternative Table Row */
.at
{
	background-color : #e6eeee;
}

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

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

.SubMenu
{
	color: #FFCC33;
	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 #333333;	
	
}

.SubMenuTable
{
	overflow:	visible;
}

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

.MainItem
{
	
}

.MainItemHover,.MainItemActive
{
	color: #882829;
	





	
}

.MenuItem
{
	color: #535252;
	BACKGROUND-COLOR: #FEF8F1;	
}

.MenuItemHover,.MenuItemActive
{
	color: #F68213;
	
	
}


/* horizontal main menu */

.MainItem
{
	padding: 3px 3px 3px 3px;
	border:		1px solid #535252;	
}

td.MainItemHover,td.MainItemActive
{
	padding: 3px 3px 3px 3px;
	border-left:	1px solid #323232;
	border-right:	1px solid #828080;
}

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

/* vertical main menu sub components */

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

	border-top:	1px solid #000000;
	border-bottom:	1px solid #323232;
	border-left:	1px solid #000000;

	background-color:	inherit;
}

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

	border-top:	1px solid #000000;
	border-bottom:	1px solid #323232;

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

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

	border-top:	1px solid #000000;
	border-bottom:	1px solid #323232;
	border-right:	1px solid #323232;

	background-color:	inherit;
	
}

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

	white-space:	nowrap;

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

	background-color:	inherit;
	
}

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

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

	background-color:	inherit;
	
}

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

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

	background-color:	inherit;
	
}

/* sub menu sub components */

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

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

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

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

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

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

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

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

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

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

	white-space:	nowrap;

	border:		0;	
	background-color:	#F6973D;
}

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

	border:		0;	
	background-color:	inherit;
	
	
}

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

	border:		0;
	background-color:	inherit;
}

/* menu splits */

.MenuSplit
{
	margin: -5px;
	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: #e1e4e6;
}
}

.liS
{
	background-color : #ffffff;
}

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

/* 2 Background*/
.bg_2
{
	background-color : #535252;
	
}

/* 3 Background*/
.bg_3
{
	background-color : url(inst/samarasv4/gallery/layout/left_bg.gif) repeat-y; 

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

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

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

.titleS2
{
	font-family : Verdana;
	font-size : 8pt;
	color : #882829;
	font-weight : bold;	
	text-decoration : none;
}

/* Style For Buttons*/
.cb
{
	color: #000000; 
	font-family: Verdana, Arial Greek, Arial, HellasArial, Helvetica;
	font-size : 8pt;
	font-weight: bold;	
	text-decoration: none;
	background-color:#d3dde8;
	border:1 outset #b0bec7;
}

/* Style For Buttons*/
.cbo
{
	color: #000000; 
	font-family: Verdana, Arial Greek, Arial, HellasArial, Helvetica;
	font-size : 8pt;
	font-weight: bold;	
	text-decoration: none;
	background-color:#ffc027;
	border:1 outset #ce9200;
}


#src1
{
	width:400px;
	background-color : #FFFFFF;
	border : 1px solid #333333;
	color : #000000;
	font-size : 12px;
	font-family : Verdana, Tahoma;
}

.tabPopup
{
	padding:5 5 5 5;
	border:1px solid #8C867B;
	position:absolute;
	z-index:1;
	left: 1px; 
	top: 1px;
	height:auto;
	background-color:#F3F3EB;
}

.tab
{
	font-family : Verdana, Tahoma;
	font-size : 8pt;
	color: #5973a4;
	font-weight: bold;
	
}

.tab_bT
{
	border-top: solid 1px #b0bec7;
}
.tab_bL
{
	border-left: solid 1px #b0bec7;
}
.tab_bB
{
	border-bottom: solid 1px #b0bec7;
}
.tab_bR
{
	border-right: solid 1px #b0bec7;
}

.tab_bTN
{
	border-top-width:0px;
}
.tab_bLN
{
	border-left-width:0px;
}
.tab_bBN
{
	border-bottom-width:0px;
}
.tab_bRN
{
	border-right-width:0px;
}

.tab_C {
	background-color: #F9F9F6;
	padding:4px 4px 4px 4px;
}

.tab_NA
{
	padding:5px 5px 5px 5px;
	text-align:center;
	border:solid 1px #D3D3C3;
	cursor:pointer;
	background-image:url(/inst/seve/gallery/image/ht.png);
	background-repeat:repeat-x;
	background-color:#dae4e5;
}

.tab_A
{
	padding: 5px 5px 5px 5px;
	text-align: center;
	background-color: #F9F9F6;
}

.tab_AT
{
	border:solid 1px #b0bec7;
	border-bottom: solid 1px #F9F9F6;
}

.tab_AL
{
	border:solid 1px #D3D3C3;	
	border-right: solid 1px #F9F9F6;
}

.tab_NV
{
	display:none;
}

.IfrDis
{
	display: none;
	left: 0px; 
	position: absolute; 
	top: 0px
}

.tab_CGradient {
	/*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F9F9F6,endColorStr=#E6E6E6);*/

}


.tab_NA
{
	/*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#E6E6E6,endColorStr=#FEFEFE);*/
	min-width: 100px;
	width:expression(100);
}

.tab_A
{
	width:expression(100);
	min-width: 100px;
}

hr
{
   height:1;
}