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

@CHARSET "UTF-8";

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

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

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:#404040;
	text-decoration: none;
}

a:HOVER
{
	text-decoration: underline;
}

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

.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;
}

.actionButton
{
	color:#000000;
	background-image: url('../Images/btnBg.gif');
  background-repeat: repeat-x;
  text-align: center;
  height:20px;
  border: #CFCFCF 2px solid;
  text-decoration: none;
}

.actionButton a
{
	color:#FFFFFF;
	background-image: url('../Images/btnBg.gif');
  background-repeat: repeat-x;
  text-align: center;
  height:20px;
  border: #CFCFCF 2px solid;
  text-decoration: none;
}

.actionButton:HOVER
{
	background-image: url('../Images/btnBgOn.gif');
  background-repeat: repeat-x;
}

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

#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
{
	position: fixed;
	left: 0px;
	top: -50px; 
	height:30px; 
	z-index: 20; 
	border:none;
	border-spacing: 0px;
	color: black;
	font-weight: bold;
	font-family: MuseoSans-700,Arial,Sans-Serif;
	font-size: 12px;
	line-height: 30px;
	vertical-align: middle;
	cursor: pointer;
	border:none;
	border-spacing: 0px;
}





.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
{
	display: block;
	color: white; 
	text-decoration: none; 
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}

.barDivMenu a:HOVER
{
	background-color: white;
	color: black;
	text-decoration: none;
}


.wgr,.wgr a,.wgr a:HOVER
{
	text-align: center;
	color: #404040;
		font-weight: bold;
		font-size: 10px;	
	text-decoration: none;
}
#path
{
		padding-bottom:10px;
		color: #FFC000;
		font-weight: bold;
		font-size: 10px;
}

#path a
{
	color: #FFC000;
}

#path a:HOVER 
{
	color: #FFCB00;
	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;
}

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

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


 .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;
 }
 
  .z18
 {
   z-index: 18 !important;
 } 
 
 .z14
 {
   z-index: 14 !important;
 } 
 
 .z15
 {
   z-index: 15 !important;
 } 
 
  .z8
 {
   z-index: 8 !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: 35px;
	text-align: center;
}
 .cBtn 
 {
 	padding: 5px;
 	text-align: right;
 }
 

.cBtn a
{
	color: black;
	background-image: url("../Images/btnBg.png");
	background-repeat: repeat-x;	
	border-radius: 7px;
	border: 1px solid black; 
	padding: 3px;
	white-space:nowrap;
	text-decoration: none;
}

.cBtn a:HOVER
{
  color: white;
	background-image: none;
	background-color:black;
	border-radius: 7px;
	border: 1px solid #FFC000; 
	text-decoration: none !important;
	white-space:nowrap;
	text-decoration: none;
  padding: 3px; 
}

 .cBtn var
 {

  color: black;
	background-image: none;
	background-color:white;
	border-radius: 7px;
	border: 1px solid #FFC000; 
	text-decoration: none !important;
	white-space:nowrap;
	text-decoration: none;
  padding: 3px; 
 }
.bgWhite
{
	background-image: url("../Images/bg2.png");
	background-repeat: repeat;
}
.greyBorder
{
	width: 100%;
}

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

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

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

#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;	
}

.treeLike2
{
	display: block;
	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%;
}

#scrollbar1 { width: 600px;}
#scrollbar1 .viewport { width: 580px; height: 200px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; width: 100%;}
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }


.absoluteDiv
{
	position: absolute;
	top: -1000px;
	left: -1000px;	
	z-index: 1;	
}

.odtAnswer {
	background-color: #E6E6FF;
}

.odtHeader {
	width: 100%;
	text-align: center;
	font-weight: bold;
	height: 28px;
	display: block;
	vertical-align: middle;
	background-image: url("../Images/btnBg.png");
	background-repeat: repeat-x;
	color: black;
	padding-top: 5px;
	text-decoration: none !important;
}

/* </COMMON CSS> */
.width206 {
	width: 206px;
}

/* <ONLINE DRIVING TEST> */
.odtIndex {
	height: 30px;
	text-align: center;
	color: white;
	font: 14px Tahoma;
	font-weight: bold;
	background-image: url("../Images/plastBg.png");
	background-repeat: repeat-x;
}

.odtImg {
	width: 50px;
	text-align: center;
}

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

a .btn
{
	text-decoration: none;
}

a .btn:HOVER
{
	text-decoration: none;
}

.btn
{
	color: black;
	background-image: url("../Images/btnBg.png");
	background-repeat: repeat-x;	
	border-radius: 7px;
	border: 1px solid black; 
	padding: 3px;
}

.btn:HOVER
{
	color: white;
	background-image: none;
	background-color:black;
	border-radius: 7px;
	border: 1px solid #FFC000; 
	text-decoration: none !important;
}

.centerBlock
{
	margin-left: auto;
	margin-right: auto;
}


/* </ONLINE DRIVING TEST> */