/* 
  main application css 
  WGR.gr research and development department
*/

@CHARSET "UTF-8";

html
{
	overflow-y:scroll;
	overflow-x:hidden;
}

body
{
	padding:0px;
	margin:0px;
	color:white;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	background-color: black;
}

div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td 
{
	margin:0;	
	padding:0;
}

h1,h2,h3,h4,h5,h6 {
display: inline;
}

img 
{ 
  border: none;
}

a,a:VISITED
{
	color:#C0C0C0;
	text-decoration: none;
}

a:HOVER
{
	color:white;
	text-decoration: none;
}

p
{
	padding:0px;
	margin:0px;	
}





.hoverTopCategory a,.hoverTopCategory a:VISITED
{
	width:208px;
	height: 23px;
	text-align: center;
	padding-top:5px;
	color:black;
	background-image:url("../Images/menuBtn.png");
	background-position:top center;
	background-repeat:no-repeat;
	font-weight: bold;
	text-decoration: none !important;
	display: block;
}

.menusHead
{
	width:600px;
	height:50px;
	text-align: center;
	padding-top:100px;
	display:block;
	background-image:url("../Images/menusHead.jpg");
	background-position:top center;
	background-repeat:no-repeat;	
  font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
  font-size: 22px;
	color: white;
	text-shadow: 0.1em 0.1em orange;	
	letter-spacing:5px;
}

.menusBody
{
	width:600px;
	padding-left: 20px;
	padding-right: 40px;
	background-image:url("../Images/menusBody.jpg");
	background-repeat: repeat-y;
}

.bgRed
{
	background-image:url("../Images/bgRed.png");
	background-repeat: repeat;	
}

.menusEnd
{
}

.menusPic
{
	width:200px;
	vertical-align: middle;
	text-align: center;
}

.menusProduct
{
	padding-bottom: 47px;
	background-image:url("../Images/olive1.png");
	background-position: bottom right;
	background-repeat: no-repeat;
}

.menusDesc
{
	text-align:left;
	font-size: 110%;
}

.menusPrice
{
	text-align: right;
	font-size: 130%;
	color: #D19330;
}
.large 
{
	font-size:110%;
}

.small 
{
	font-size:85%;
}

.bold
{
	font-weight:bold;
}
.formInput
{
	background-image: url("../Images/admin_formInput.png");
	background-repeat: repeat-y;
	background-position:left;
	border: solid 1px #AAAAAA;
	background-color: #D5D0CA;
	text-align: left;
}

.formLabel
{
	background-image: url("../Images/admin_formLabel.png");
	background-repeat: repeat-y;
	background-position:right;
	border: solid 1px #AAAAAA;
	background-color: #D5D0CA;
	text-align: right;
}



/* <COMMON CSS> */

.verticalTop
{
	vertical-align: top;
}

.verticalMiddle
{
	vertical-align: middle;
}

.verticalBottom
{
	vertical-align: bottom;
}

.height100
{
	height: 100%;
}

.height90
{
	height: 90%;
}

.height70
{
	height: 70%;
}
.right
{
  text-align: right;	
}

.center
{
  text-align: center; 	
}

.justify 
{
  text-align: justify;	
}

.left
{
	text-align: left;
}

.black
{
	color:black;
}

.width100
{
	width: 100%;
}

.width100px
{
	width: 100px;
}
.width90
{
	width: 90%;
}

.width80
{
	width: 80%;
}

.width20
{
	width: 20%;
}
.width60
{
	width: 60%;
}
.block 
{
	display:block;
}
.width10
{
	width: 10%;
}

.width77
{
	width: 77%;
}
/* </COMMON CSS> */

h6
{
	font-size: inherit;
  color: #08B2F0;
}

.sButton
{
	display: block;
	width: 112px;
}
.sButton a,.sButton a:VISITED
{
	width:112px;
	height:20px;
	display:block;
	background-color:#0A7CE7;
  font-weight:bold;
  padding-top:4px;
  color:white;
	vertical-align:middle;
	text-align: center;
	text-decoration: none !important;  
	border: 1px solid white;  
}

.sButton a:HOVER
{
	border: 1px solid black;
	background-color:#61ACF5;
	background-repeat:repeat-x;
	display:block;
}
.width150px
{
	width:150px;
}

.sButton2 a,.sButton2 a:VISITED
{
	height:20px;
	display:block;
	background-color:#30AF03;
  font-weight:bold;
  padding-top:4px;
  color:white;
	vertical-align:middle;
	text-align: center;
	text-decoration: none !important;  
	border: 1px solid white;
}

.sButton2 a:HOVER
{
	border: 1px solid black;
	background-color:#CD8A31;
	background-repeat:repeat-x;
	display:block;
}

.sButton3 a,.sButton3 a:VISITED
{
	width:280px;
	height:30px;
	display:block;
	background-image: url("../Images/sButton3.png");
	background-repeat:no-repeat;
  font-weight:bold;
  font-size:110%;
  padding-top:7px;
	text-align: center;
	filter: alpha(opacity = 70);  
	-moz-opacity: 0.70;  
	-khtml-opacity: 0.70;  
	opacity: 0.70;
	text-decoration: none !important;  
}

.sButton3 a:HOVER
{
	filter: alpha(opacity = 95);  
	-moz-opacity: 0.95;  
	-khtml-opacity: 0.95;  
	opacity: 0.95;
	display:block;
}




#loading
{
	position: absolute;
	left: 0px;
	top: 0px; 
	width: 100%;
	height: 100%;
}

#left
{
	position: absolute;
	display: block;
	padding-top: 120px;
	left: -300px; 
	top: -100px; 
	width: 240px; 
	z-index: 5;
}

#mainUp,#mainDown
{
	position: fixed;
	display: block;
	left: -100px; 
	top: -100px; 
	width: 680px;
	height: 19px; 
	background-color: #1F1A17;
	z-index: 6;
}

#mainUpImg,#mainDownImg
{
	position: fixed;
	display: block;
	left: -100px; 
	top: -100px; 
	width: 680px;
	height: 19px; 
	z-index: 6;
}

#mainMiddle
{
	position: fixed;
	display: block;
	left: -100px; 
	top: -100px; 
	width: 680px;
	height: 19px; 
	background-image:url("../Images/mainMiddle.png");
	background-repeat: repeat-y;
	background-position: left;
	background-color: #1F1A17;
	z-index: 2;
}

#cShow
{
	position: fixed;
	left: -100px; 
	top: -100px; 
	width: 10px;
	height: 10px; 
	z-index: 6;
	display:block;
	overflow:hidden;
}


.barMenu
{
	position: relative;
	left: 15px; 
	top: -2px; 
	width:170px;
	z-index: 2;
	display:block;
		font-family: MuseoSans-700,Arial,Sans-Serif;
	font-size: 14px;	
		padding-left:5px;
	background-color: #ECE5E1;
}


#img1
{
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
}

#bar,#bar2
{
	position: fixed;
	left: 0px;
	top: -50px; 
	height:30px; 
	width:650px;
	z-index: 20; 
	height: 30px;

	padding:0px 0px 6px 0px; 
	border:none;
	border-spacing: 0px;
	display: table;
}


#bar span,#bar2 span
{
	display: table-cell;
	height:20px;
	color: white;
	text-align: center;
	font-family: MuseoSans-700,Arial,Sans-Serif;
	font-size: 13px;
	line-height: 30px;
	margin-top:2px;
	vertical-align: middle;
	cursor: pointer;
}

#bar span b,#bar2 span b
{
	color:black;
}

#bar var,#bar2 var
{
	display: table-cell;
	width: 50px;
}

.barDiv
{
	position: fixed;
	left: 200px;
	top: 30px; 
	z-index: 22;  
	display:none;
	line-height: 18px;
}

.barDivMenu
{
	color: white; 
	margin:0px;
	display: table-cell;
	border: none;
	border-spacing: 0px;
}



.barDivMenu a,.barDivMenu a:VISITED
{
	display:block;
	border-radius: 3px;
	padding:2px;
	color: white;
	vertical-align: middle;
	text-decoration: none;
}

.barDivMenu a:HOVER
{

		color: white;
	background-color: black;
	text-decoration: none;
}




.wgr,.wgr a,.wgr a:HOVER
{
	text-align: center;
	color: #C0C0C0;
		font-weight: bold;
		font-size: 8px;	
	text-decoration: none;
}
.relTop
{
		position:relative;
	 	top:-30px;
}

#path
{
		color: white;
		font-weight: bold;
		font-size: 10px;
}

#path a
{
	color: white;
}

#path a:HOVER 
{
	color: #FD220B;
	text-decoration: none;	
}

#bgLines
{
	position: fixed;
	display: block;
	left: -100px; 
	top: -100px; 
	width: 10px;
	height: 10px; 
	background-color:black;
	z-index: 1;
}

#leftMenu
{
	position: absolute;
	display: block;
	left: -300px; 
	top: 0px; 
	width: 200px;
	z-index: 2;
}

#main
{
	position: absolute;
	display: block;
	left: -800px; 
	top: 10px; 
	width: 700px;
	z-index: 2;
	opacity:0;
}

 .barBtn
 {
  display: block;
  width: 200px;
  height: 30px;
  margin-top: 4px;
  line-height: 30px;
  vertical-align: middle;
  padding-left: 30px; 
	background-image: url("../Images/barBg.png");
	background-repeat:repeat-y;
	background-position:0px -60px;  
	cursor: pointer;
	color: black;
	font-family: MuseoSans-700,Arial,Sans-Serif;
	font-size: 14px;	
	letter-spacing: 1px;
 }
 
 .fixedDiv
 {
 	position: fixed;
 	left: -600;
 	top: -600;
 	display: block;
 	width: 0px;
	height: 0px;
	z-index: 1;
	overflow: hidden;
 }
 
 .fixedDiv2
 {
 	position: fixed;
 	left: -600;
 	top: -600;
 	display: block;
 	width: 0px;
	height: 0px;
	z-index: 1;
	overflow: hidden;
 }
 
 .z14
 {
   z-index: 14 !important;
 } 
 
 .z15
 {
   z-index: 15 !important;
 } 
 .z16
 {
   z-index: 16 !important;
 }  
  
  .z8
 {
   z-index: 8 !important;
 } 

  .z4
 {
   z-index: 4 !important;
 } 

  .z3
 {
   z-index: 3 !important;
 } 

 .z9
 {
   z-index: 9 !important;
 } 
 
 .z10
 {
   z-index: 10 !important;
 }
 
 .z11
 {
   z-index: 11 !important;
 }
 
  .z13
 {
   z-index: 13 !important;
 }
 
  .z12
 {
   z-index: 12 !important;
 }
 
.cMenu
{
	line-height: 50px;
	text-align: center;
}
 .cBtn 
 {
 	padding: 5px;
 	text-align: right;
 }
 
.cBtn a
{
	white-space:nowrap;
	color: white;
	text-decoration: none;
	background-color: #097CEE;
	padding: 10px;
	font-size: 120%;
	border-radius: 20px 20px 20px 20px;
}

.cBtn a:HOVER
{
	white-space:nowrap;
	color: white;
	text-decoration: none;
	background-color: #54A5F4;
	padding: 10px;
	font-size: 120%;
	border-radius: 20px 20px 20px 20px;
}

 .cBtn var
 {
  white-space:nowrap;
	color: white;
	text-decoration: none;
	background-color: #30AF03;
	padding: 10px;
	font-size: 120%;
	border-radius: 20px 20px 20px 20px; 	
 }
.bgWhite
{
	background-image: url("../Images/bg2.png");
	background-repeat: repeat;
}
.greyBorder
{
	width: 100%;
}

.barBg
{
	background-image: url("../Images/redBg.png");
	background-repeat: repeat-x;
}

#page 
{ 	
	position: absolute;
	display: block;
	left: -800px; 
	top: 45px; 
	width: 650px;
	color: white;
	z-index: 11;
	padding: 5px;
	font-size: 14px;
}

#slWrapper
{
	position: absolute;
	display: block;
	left: -800px; 
	top: 45px; 
	width: 250px;
	height: 255px;
	background-image: url("../Images/bgBlue.png");
	background-repeat: repeat;
	z-index: 3;
}

.treeLike
{
	display: block;
	width: 220px;
	height: 70px;
	padding: 10px;
	background-image: url("../Images/bgBlue.png");
	background-repeat: repeat;
	margin-top: 20px;
	margin-bottom: 20px;	
}

.mapMatina
{
	width: 610px;
	height: 610px;
	margin-left: -10px;
}

.mapMatinaMark
{
	font-size: 80%;
}

.leftHead
{
	background-image: url("../Images/leftHead.png");
	height: 26px; 
	width: 196px;
	text-align: center;
	padding-top: 13px;
	padding-left:11px;
	padding-right:11px;
	color: white;
	font-weight:bold;	
	display: table-cell;
}


.leftBody
{
	background-image: url("../Images/leftBody.png");
	background-repeat:repeat-y;
	width: 196px;
	text-align: center;
}

.leftFoot
{
	background-image: url("../Images/leftFoot.png");
	height: 29px; 
	width: 196px;
}

.leftTable
{
	width:208px;
	padding-left: 6px;
	padding-right: 6px;
}

.searchFromTo
{
	color:white;
	font-style: italic;
	font-size:10px;
	padding-right:17px;
	padding-left:17px;
	text-align: center;
}

.searchFromTo input
{
	height:18px;
	width: 50px !important;
	border:none;
	display:block;
	color:white;
	background-image: url("../Images/bg5.png");
	background-repeat: repeat;
}

.pages
{
	font-size: 12px; 
}



.pages a
{
	font-size: 12px; 
	border-radius: 5px;
	padding:3px;
	border:2px solid white;
	color:white;
	background-image: url("../Images/bg6.png");
	background-repeat: repeat;
	text-decoration: none;
}

.pages a:HOVER
{
	background-image:none !important;
	border:2px solid white;
		color: white;
	background-color: black;
	text-decoration: none;
}

.actionButton a,.actionButton a:VISITED
{
	border-radius: 5px;
	padding:3px 10px 3px 10px;
	width: 150px;
	height: 20px;
	color: white;
	background-image:url("../Images/redBg.png");
	font-weight: bold; 
	vertical-align: middle;
	text-decoration: none;
}

.actionButton a:HOVER
{
		color: #CA1502;
		background-image:none;
	background-color: white !important;
	text-decoration: none;
}

.searchTable
{
	color:white;
	font-style: italic;
	text-align: center;
	font-size:11px;
}


.searchTableForm
{
		width: 196px;
		padding-left:17px;
		text-align: center;
}

.searchCriteria 
{
	font-size: 12px;
	font-style: italic;
}
.searchCriteria select
{
	font-size:12px;
	height:18px;
	white-space:pre;
	border:none;
	color:white;
	background-image: url("../Images/bg5.png");
	background-repeat: repeat;
}

.searchCriteria option
{
	color:white;
	background-image: url("../Images/bg5.png");
	background-repeat: repeat;
}

.searchCriteria option:HOVER
{
	color:white;
	background-image: url("../Images/bg6.png");
	background-repeat: repeat;
}

.pagesOn
{
	font-size:12px;
	background-image: url("../Images/bg5.png");
	background-repeat: repeat;
	border-radius: 5px;
	padding: 3px;
	color:white;
	border:2px solid white;
}

.fontNorm
{
	font-size: 12px;
	font-weight: normal;
}
.adHead
{
	font-size:14px;
	font-weight:bold;
	background-image: url("../Images/bg6.png");
	background-repeat: repeat;
	border-radius: 5px;
	padding: 3px;
	color:white;
	border:1px solid white;	
}
.adHead br
{
	padding-bottom: 5px;
}


.adHead span
{
	padding: 2px; 
	margin: 2px; 
color: #E9E9E9 !important;
	
}
.searchTableForm select
{
	font-size:12px;
	height:18px;
	width: 150px;
	white-space:pre;
	border:none;
	display:block;
	color:white;
	background-image: url("../Images/bg5.png");
	background-repeat: repeat;
	background-color: #CA1502;
}

.searchTableForm optgroup
{
	border: 1px solid white;
	background-image: url("../Images/bg5.png");
	background-repeat: repeat;
}

.searchTableForm input
{
	height:18px;
	width: 150px;
	border:none;
	display:block;
	color:white;
	background-image: url("../Images/bg5.png");
	background-repeat: repeat;
}

.adsList
{
	font-size: 12px !important;
}

#wNewsLetters
{
	display: block;
	width: 196px;
	height: 263px;
	background-image: url("../Images/newsletter.png");
}

#wNewsLetters input
{
	position: relative;
	top: 195px; 
	left: 0px; 
	color:white;
	background-image: url("../Images/bg5.png");
	background-repeat: repeat;
}

#wNewsLetters button
{
	position: relative;
	top: 200px; 
	left: 0px; 

}