/* -- KeyCERT StyleSheet - 2006-2007 -- */

/* -------------------- */
/* -- general styles -- */
/* -------------------- */

body {
	background:url(http://www.keycert.eu/portal/templates/ARXIKH/img2/BG.gif) repeat;
	font-family:arial;
	font-size:12px;
	}
	
.GrayScale
{filter:XRay;}

.NotGrayScale
{	
}
	
table,tr,td,select,textarea {
	font-family : Arial, sans-serif; font-size : 12px; color: #ffffff;
	}
	
input {
	font-family : Arial, sans-serif; font-size : 11px;
	color: #000000;
	background: #e4eef8;

	margin: 0px;
	}	
	
p 	{
	font-family : Arial, sans-serif; font-size : 12px; color: #ffffff;
	}
	
.highlight {
background-color: #FFFF00;
}
	
.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: normal;
  border: 0px solid #000000;
  width: auto;
  padding: 2px;
  margin: 0px;
}

h6 {
	margin:10px;
	padding:0px;
	font-family:arial;
	font-size:34px;
	}
	
h5 {
	margin:0px;
	padding:0px;
	font-size:100%;
	}
	
a:link , a:visited {
color : #ffffff; 
text-decoration : none; 

	font-family: Arial, Helvetica, sans-serif;

} 
a:hover {
color : #89c7f8; 
text-decoration : none; 

	font-family: Arial, Helvetica, sans-serif;

}
a:active {
color : #89c7f8; 
text-decoration : none; 
 
	font-family: Arial, Helvetica, sans-serif;

}

a.help {cursor: pointer !important;} 
p.help {cursor: hand; } 

	
.text1 {font-family : Arial, sans-serif; font-size : 8px; }
.text2 {font-family : Arial, sans-serif; font-size : 9px; } 
.text3 {font-family : Arial, sans-serif; font-size : 10px; } 
.text4 {font-family : Arial, sans-serif; font-size : 11px; } 
.text5 {font-family : Arial, sans-serif; font-size : 12px; } 
.text6 {font-family : Arial, sans-serif; font-size : 13px; } 
.text7 {font-family : Arial, sans-serif; font-size : 18px; } 
.text8 {font-family: Impact,Charcoal,Helvetica; font-size : 21px; } 
.text9 {font-family: Impact,Charcoal,Helvetica; font-size : 21px; } 

.button {
	font-family : Arial, sans-serif; font-size : 11px;
	color: #ffffff;
	background: #42637b;
	border: 1px solid #000000;
	}
	
.buttonblue {
	font-family : Arial, sans-serif; font-size : 10px;
	color: #ffffff;
	background: #1fb52d;
	border: 1px solid #ffffff;
	margin: 0px;
	
	}

.hor_shade {
	height:22px;
	background:url(hor_shade.gif) repeat-x;
	border: 1px solid #000000;
	}
	
.hpMod {
	padding:0px;
	display:block;
	}

.hpModHdr {
	margin-bottom:0px;
	padding:0px 0px 0px 0px;
	color:#fff;
	}

.hpModHdr2 {
	margin-bottom:0px;
	padding:4px 5px 5px 0px;
	background:url(sideMenu2.png);
	color:#fff;
	}
	
.hpNvArw {
	float:right;
	width:18px;
	height:17px;
	margin:0px
	}

.hpNvInrMod {
	padding:0px 0px 0px 0px;

	}

.hpNvBox { 
	width:225px;
	height:200px;
	display:none;
	background:url(menu-onBG.png);
	}
	
	
ul
	{
	margin: 0;
	padding: 0;
	list-style: none;
	}

li
	{
	background: url(http://www.keycert.eu/portal/templates/ARXIKH/img2/li.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px; 
	text-align : left; 
	padding-top : 1px; 
	padding-bottom : 1px;
	padding-left : 16px; 
	text-decoration : none; 
}
	
/* ---------TABS--------------------------------------------- */

#tabHolder {
	display: none;
}

.tabContent {
	position: relative;
	margin: 0px;
	clear: both;
	float: left;
	z-index:0;
}

#tabCont0, #tabCont1, #tabCont2, #tabCont3, #tabCont4, #tabCont5, #tabCont6, #tabCont7, #tabCont8, #tabCont9 {
	display: none;
}
	
.tabMenuOff {
	font-weight: normal;
	text-decoration: none;
		color: #000000;
	background:url(tab-off.gif);
	text-align: center;
	letter-spacing: 0px;
	cursor: pointer;
}

.tabMenuOn {
	font-weight: normal;
	text-decoration: none;
	background:url(tab-on.gif);
	text-align: center;
	letter-spacing: 0px;
	cursor: pointer;
}

#tabMenu0, #tabMenu1, #tabMenu2, #tabMenu3, #tabMenu4, #tabMenu5, #tabMenu6, #tabMenu7, #tabMenu8, #tabMenu9 {

	font-style: normal;
	padding-top: 5px;
	padding-top: 0px !important;
	border: 0px;
	float:left;
	z-index: 1100;
	bottom: -1px;
	top: 1px;
	position: relative;

	}

#tabOffset {
float:left;
}


div.oneira a {
	display: block;
	font-weight: bold;
	background-color: #ebdefe;
	font-weight: bold;
	color: #695785;
  	line-height: 25px;
  	float: center;
	position: relative;
	width: 42px !important;
	height: 25px !important;
	font-weight: bold;
	cursor: hand !important;
	cursor: pointer !important;
	border: 1px #000000;
	text-align: center;
}

div.oneira a:visited {
	font-weight: bold;
	color: #695785;
}

div.oneira a:hover {
	font-weight: bold;
  	line-height: 25px;
	float: center;
	position: relative;
	width: 42px;
	height: 25px;
	font-weight: bold;
	color: #ffffff;
	background-color: #695785;
	cursor: hand !important;
	cursor: pointer !important;
	border: 1px #000000;
	text-align: center;
}

span.oneira a {
	display: block;
	font-weight: bold;
	background-color: #fbb4ac;
	font-weight: bold;
	color: #000000;
  	line-height: 20px;
  	float: center;
	position: relative;
	width: 20px !important;
	height: 20px !important;
	font-weight: bold;
	cursor: hand !important;
	cursor: pointer !important;
	border: 1px #000000;
	text-align: center;
}

span.oneira a:visited {
	font-weight: bold;
	color: #000000;
}
span.oneira a:hover {
	font-weight: bold;
  	line-height: 20px;
	float: center;
	position: relative;
	width: 20px;
	height: 20px;
	font-weight: bold;
	color: #ffffff;
	background-color: #f42121;
	cursor: hand !important;
	cursor: pointer !important;
	border: 1px #000000;
	text-align: center;
}

/* ---------TABS--------------------------------------------- */

.content {
	position: relative;
	font-family: Arial, sans-serif;
	font-size: 10px;
	display: none;
	border: 1px #000000;
	border-style: none solid solid solid;
	width: 300px;
	height: 115px;
	background-color: #ffffff;
}

div.tabs {
	position: relative;
	height: 25px !important;
	cursor: hand !important;
	cursor: pointer;
	top: -1px;
	z-index: 1000;
}
img.tab {
	position: relative;
	border: 0;
	color:#333;

}
img.tabActive {
	position: relative;
	border: 0;
	z-index: 100000;
}
img.tabHover {
	position: relative;
	border: 0;
	z-index: 1200;
}	

.main{ 
	border: 0px;
	font-family: Arial, sans-serif;
	font-size: 10px;
	width: 300px;
	}
sup{
}

/* ---------TABS--------------------------------------------- */

div.TabView div.Tabs
{
  height: 28px;
  overflow: hidden;
  float: center;
}

div.TabView div.Tabs a
{
  float: left;
  display: block;

  width:  94px;
  text-align: center;

  height:      30px;
  line-height: 23px;
  vertical-align: middle;

  background: url('tabs.png') no-repeat 0px -1px;

  text-decoration: none;
  font-family: "Arial", Serif;
  font-weight: bold;
  font-size: 11px;
  color: #ffffff;
}

div.TabView div.Tabs a:hover
{
  text-decoration: none;
  font-family: "Arial", Serif;
  font-weight: bold;
  font-size: 11px;
  color: #5a6166;
}

div.TabView div.Tabs a.Active
{
  background: url('tabs.png') no-repeat 0px -31px;
  text-decoration: none;
  font-family: "Arial", Serif;
  font-weight: bold;
  font-size: 11px;
  color: #5a6166;
}

div.TabView div.Pages
{
  clear: both;
  border: 0px;
  overflow: hidden;
  height: 360px;
  width: 420px;
}

div.TabView div.Pages div.Page
{
  height: 360px;
  width: 420px;
  padding: 0px;
  overflow: hidden;
}

div.TabView div.Pages div.Page div.Pad
{
  margin-top:  10px;
  margin-left:  5px;
}

/* ---------TABS--------------------------------------------- */


.basictob{
margin-top: -2px;
height:24px;
margin-left: 0px;
font: normal 10px Arial;
border-top: 0px;
	cursor: hand !important;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}


.basictob a{
  background: url('tabs_bg.gif') repeat;
font: normal 10px Arial;
color: #ffffff;
padding-top: 3px !important;
height:24px;
width:74px;
margin: 0px;
margin-top: 3px;

	border: 1px #000000;
	border-style: solid solid solid solid;
}

.basictob a:visited{
background-color: #ede3e3;
	border: 1px #000000;
	border-style: none solid solid solid;
height:24px;
width:74px;
margin: 0px;
margin-right: 1px;
padding-top: 3px !important;
}

.basictob a:hover, .basictob a.current{
	border: 1px #000000;
	border-style: none solid solid solid;
height:26px;
width:74px;
  background: url('tabs_bg2.gif') repeat;
background-color: #ffffff;
margin: 0px;

font: normal 10px Arial;
color: #000000;
padding-top: 6px !important;
}

.basictob a:active{
	border: 1px #000000;
	border-style: none solid solid solid;
height:26px;
width:74px;
background-color: #ffffff;
  background: url('tabs_bg2.gif') repeat;
margin: 0px;
font: normal 10px Arial;
color: #000000;
padding-top: 6px !important;
}

#tobcontentcontainer{
background-color: #ffffff;
	border: 1px #000000;
	border-style: none solid solid solid;
width:302px; 
height:116px;
}

.tobcontent{
display:none;
}

/* ---------TABS--------------------------------------------- */

/* ---------OZONE STYLES------------------------------------- */

.createdate {
	padding-top: 0px;
	padding-bottom: 0px;
	color: #cfe3ef;
	font-size: 10px;
	font-weight: normal;
}



.contentheading {
	width: 100%;
	height: 30px;
	color: #ffffff;
	text-align: left;
	padding-top: 8px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 14px;
	filter: DropShadow(color=#021339, offx=2, offy=2);
	}
	
	
.contentpagetitle {
	width: 100%;
	height: 20px;
	color: #ffffff;
	text-align: left;
	padding-top: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 12px;
	}
	
	
.buttonheading {
	width: 100%;
	height: 40px;
	}

.contentheadinglarge2 {
	width: 100%;
	height: 30px;
	color: #666666;
	text-align: center;
	padding-top: 9px;
	padding-left: 1px;
	font-weight: bold;
	font-size: 12px;
	filter: DropShadow(color=#b2b7bb, offx=2, offy=2);
}

table.contentpaneopen {
	text-align: justify;
	width: 100%;
	padding: 0px;
	border-spacing: 0px;
}

p.contentpaneopen {
	text-align: justify;
}

#pathway {
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
}

a.pathway:link, a.pathway:visited {
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
}


a.pathway:hover {
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
}

td.componentheading {
	width: 100%;
	height: 30px;
	color: #ffffff;
	text-align: left;
	padding-top: 8px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 14px;
	filter: DropShadow(color=#021339, offx=2, offy=2);
	}
td.componentheading2 {
	width: 100%;
	height: 18px;
	background: url(titlebg3.gif)  repeat-x;
	font-size : 10px; 
	font-weight : bold; 
	color : #336699; 
	padding-top: 1px;
	padding-left: 1px;
	padding-bottom: 3px;
}
div.componentheading {
	width: 100%;
	height: 40px;
	color: #ffffff;
	text-align: left;
	padding-top: 8px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 14px;
	filter: DropShadow(color=#021339, offx=2, offy=2);
	}
}
/* ---------OZONE STYLES------------------------------------- */

table.moduletablecore {
background: url(http://www.keycert.eu/portal/templates/ARXIKH/img2/connector1.gif) repeat-y;
width : 210px; 
border : 0 none inherit; 
margin-bottom : 0; 
padding : 0; 
border-spacing : 0; 
border-collapse : collapse; 
} 
table.moduletablecore th { 
background: url(right3-th-bg.gif) repeat-x;
background-position : 0 0; 
border-left:solid 1px #000000;
color : #ffffff; 
text-align : left; 
padding-top : 0; 
padding-left : 6px;
padding-top : 4px; 
height : 18px; 
font-weight : bold;  
width : 210px; 
} 
table.moduletablecore a:link, table.moduletablecore a:visited {
display : block; 
background: url(http://www.keycert.eu/portal/templates/ARXIKH/img2/connector2.gif) no-repeat;
background-position : left center; 
font-size : 11px; 
font-weight : bold;
color : #2252a2; 
text-align : left; 
padding-top : 0px; 
padding-left : 16px; 
height : 22px; 
text-decoration : none; 
padding-top : 5px;
} 
table.moduletablecore a:hover { 
text-decoration : none;  
font-weight : bold;
color : #000000;
}

/* ---------OZONE STYLES------------------------------------- */




/* ---------OZONE STYLES------------------------------------- */

table.moduletablecore a.sublevel:link , table.moduletablecore a.sublevel:visited {
display : block; 
background: url(http://www.keycert.eu/portal/templates/ARXIKH/img2/connector4.gif) no-repeat;
background-position : left center;
padding-top : 0px;  
font-size : 10px; 
font-weight : bold;
color : #5b85cf; 
text-align : left;  
padding-left : 60px; 
height : 22px; 
text-decoration : none; 

} 
table.moduletablecore a.sublevel:hover { 
text-decoration : none;  
font-weight : bold;
color : #000000;
}


/* ---------OZONE STYLES------------------------------------- */

table.moduletableKENTRIKO {
width : 158px; 
border : 0 none inherit; 
margin-bottom : 0; 
padding : 0; 
border-spacing : 0; 
border-collapse : collapse; 
} 
table.moduletableKENTRIKO th { 
background: url(right3-th-bg.gif) repeat-x;
background-position : 0 0; 
border-left:solid 1px #000000;
color : #ffffff; 
text-align : left; 
padding-top : 0; 
padding-left : 6px;
padding-top : 3px; 
height : 24px; 
font-weight : bold;  
width : 158px; 
} 
table.moduletableKENTRIKO a.sublevel:link , table.moduletableKENTRIKO a.sublevel:visited {
display : block; 
background: url(right-td-bg.gif) repeat-x;
background-color: #eaeaea;
background-position : left bottom;  
font-weight : bold;
color : #000000; 
text-align : left; 
padding-top : 3px; 
padding-left : 6px; 
height : 24px; 
text-decoration : none; 
} 
table.moduletableKENTRIKO a.sublevel:hover { 
text-decoration : none;  
font-weight : bold;
color : #616060; 
}

/* ---------OZONE STYLES------------------------------------- */

table.moduletableDEYTERO {
width : 158px; 
border : 0 none inherit; 
margin-bottom : 0; 
padding : 0; 
border-spacing : 0; 
border-collapse : collapse; 
} 
table.moduletableDEYTERO th { 
background: url(right3-th-bg.gif) repeat-x;
background-position : 0 0; 
border-left:solid 1px #000000;
color : #ffffff; 
text-align : left; 
padding-top : 0; 
padding-left : 6px;
padding-top : 3px; 
height : 24px; 
font-weight : bold;  
width : 158px; 
} 
table.moduletableDEYTERO a:link , table.moduletableDEYTERO a:visited {
display : block; 
background: url(right-td-bg.gif) repeat-x;
background-color: #eaeaea;
background-position : left bottom;  
font-size : 11px;
font-weight : bold;
color : #000000; 
text-align : left; 
padding-top : 3px; 
padding-left : 6px; 
height : 24px; 
text-decoration : none; 
} 
table.moduletableDEYTERO a:hover {
font-size : 11px; 
text-decoration : none;  
font-weight : bold;
color : #616060; 
}

table.moduletableDEYTERO a.sublevel:link , table.moduletableDEYTERO a.sublevel:visited {
display : block; 
background: url(right-td-bg.gif) repeat-x;
background-color: #eaeaea;
background-position : left bottom;  
font-size : 11px;
font-weight : bold;
color : #000000; 
text-align : left; 
padding-top : 3px; 
padding-left : 6px; 
height : 24px; 
text-decoration : none; 
} 
table.moduletableDEYTERO a.sublevel:hover {
font-size : 11px; 
text-decoration : none;  
font-weight : bold;
color : #616060; 
}

/* ---------OZONE STYLES------------------------------------- */