@CHARSET "UTF-8";

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

body
{
	padding:0px;
	margin:0px;
	color:#222222;
	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:black;
	font-weight:bold;
	text-decoration: none;
}

a:HOVER
{
	text-decoration: underline;
}

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


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

.menuBg a,.menuBg a:VISITED,.btn,.btn:VISITED
{
	width:100%;
	height:28px;
	display:block;
	vertical-align: middle;
	background-image: url("../Images/menuBg.png");
	background-repeat: repeat-x;
	color: white;	
	padding-top:5px;
	text-decoration: none !important;
}

.menuBg a:HOVER,.btn:HOVER
{
	width:100%;
	height:28px;
	display:block;
	vertical-align: middle;
	background-image: url("../Images/menuBg2.png");
	background-repeat: repeat-x;
	color: white;	
	padding-top:5px;
	text-decoration: none !important;
}

.pathLink,.pathLink a,.pathLink a:VISITED
{
	vertical-align:middle;
	color: white !important;
}


.secMenu a,.secMenu a:VISITED
{
	width:100%;
	display:block;
	white-space: nowrap;
	background-color: #AA0000;
	background-image:url("../Images/secMenuBg.png");
	background-repeat:repeat-x;
	background-position:bottom;
	color: #FEDE01;
	font-weight: bold;
	text-decoration: none !important;
	border: 2px solid #FEDE01;
	padding: 3px;
	text-align: center;
}

.secMenu a:HOVER,.secMenu a:HOVER
{
	width:100%;
	display:block;
	white-space: nowrap;
	background-color: #FEDE01 !improtant;
	background-image:url("../Images/secMenuBg2.png");
	background-repeat:repeat-x;
	background-position:bottom;
	color: #AA0000;
	font-weight: bold;
	text-decoration: none !important;
	border: 2px solid #AA0000;
	padding: 3px;
	text-align: center;
}

.divMenuClass
{
	height:26px;
	white-space: nowrap;
}

.menu
{
	height:25px;
	vertical-align:middle;
	cursor:pointer;
	color: #373B3E;
	text-align: center;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
}

.menu:HOVER
{
	cursor:pointer;
	color: #AF0501 !important;
	text-decoration: none !important;	
}

.menu a,.menu a:VISITED
{
	color:inherit;
	text-decoration: none !important;
}

.menu a:HOVER,.menu a:VISITED:HOVER
{
		color:inherit;
	text-decoration: none !important;
}

.infoTitle
{
	text-align: right;
	font-size: 12px;
	color: #D6D6D6;
	font-style: italic;
}


.mainMenu 
{
	width:240px;
	display:block;
}


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


#pageDiv
{
	min-height: 100%;
}

.pageDivClass 
{
		background-color: white;
		margin-left:auto;
		margin-right:auto;
    width:970px;
    min-height: 100%;
    display: block;
}

.borderLeft
{
	background-image: url("../Images/left.jpg");
	background-repeat: repeat-y;
	width: 15px;
	display: table-cell;
}

.borderRight
{
	background-image: url("../Images/right.jpg");
	background-repeat: repeat-y;

	width: 15px;
	display: table-cell;	
}

.menuTotal
{
	height: 26px;
	display: block;
}

.mainMenu a,.mainMenu a:VISITED
{
	width:181px;
	height:27px;
	display:block;
	text-align:center;
	padding-top:10px;
	background-image: url("../Images/mBtnOff.png");
	background-position:center;
	background-repeat: no-repeat;
	color: white !important; 
	text-decoration: none;
}

.likeMainMenu
{
		width:181px;
	height:27px;
	display:block;
	text-align:center;
	padding-top:10px;
	background-image: url("../Images/mBtnOff.png");
	background-position:center;
	background-repeat: no-repeat;
	color: white !important; 
	text-decoration: none;
	font-weight: bold;
}



.mainMenu a:HOVER,.mainMenu a:VISITED:HOVER
{
		background-image: url("../Images/mBtnOn.png");
	background-position:center;
	background-repeat: no-repeat;
	color: white !important; 
	text-decoration: none;
}


.simpleMenu a,.simpleMenu a:VISITED
{
	width:200px;
	display:block;
	border-bottom:2px solid black;
	text-align:center;
	background-image: url("../Images/blackBlue.png");
	background-position:center;
	background-repeat: repeat-y;
	color: white !important; 
	text-decoration: none;
	font-weight: normal;
}

.simpleMenu a:HOVER,.simpleMenu a:VISITED:HOVER
{
	background-image: url("../Images/blackRed.png");
	background-position:center;
	background-repeat: repeat-y;
	color: white !important; 
	text-decoration: none;
}

.up
{
	height: 25px;
	width: 25px;
	display: block;
}

.upCenter
{
	vertical-align:middle;
	background-image: url("../Images/upCenter.png");
	background-repeat: repeat-x;
	color: #D6D6D6;
}

.upCenter a,.upCenter a:VISITED
{
	color: #D6D6D6;
	text-decoration: none !important; 
}

.upCenter a:HOVER,.upCenter a:VISITED:HOVER
{
	color: #D6D6D6;
	text-decoration: none !important; 
}

.preHead 
{
	height:15px;
	max-width: 1200px;
	min-width: 900px;
	display:block;
}

.textPage
{
	background-color: white;
	color: black;
	border-right: 2px solid #FEDE01;
	border-left: 2px solid #FEDE01;
	height: 100%;
}

.content
{
	border-left: 2px solid #FF0000;
	border-right: 2px solid #FF0000;
	background-color: black;
}

.innerContent
{
	border-left: 2px solid #0000FF;
	border-right: 2px solid #0000FF;
	background-color: white;
}


.pathGradient
{
	height: 25px;
	color: white;
	text-align:right;
	padding-right:25px;
	background-color: #FF0000;
	background-image: url("../Images/pathGradient.png");
	background-position: left;
	background-repeat: no-repeat;
	letter-spacing: 1px;
}

.pathGradient a
{
	color:white;
	text-decoration: none;
}

.pathGradient a:HOVER,.pathGradient a:VISITED:HOVER
{
	color:white;
	text-decoration: underline;
}


.rounded
{
	width: 30px;
	height: 40px;
}

.roundedInner
{
	width: 19px;
	height: 12px;
}


.upCenterInner
{
	height: 12px;
	background-image: url("../Images/upCenterInner.png");
	background-repeat: repeat-x;
}

.downCenter
{
	height: 25px;
	background-image: url("../Images/downCenter.png");
	background-repeat: repeat-x;
	text-align: right;
}

.downCenter a,.downCenter a:VISITED
{
	font-size: 7px;
	color: #D6D6D6;
	font-style: italic;
}

.downCenterInner
{
	height: 12px;
	background-image: url("../Images/downCenterInner.png");
	background-repeat: repeat-x;
}

.centerTable
{
	max-width: 1200px;
	min-width: 900px;
	display:block;	
}

.whiteTable
{
	background-image: url("../Images/white.png");
	background-repeat: repeat-x repeat-y;
}
.hiddenMenu {
	position: absolute;
	top: -400px;
	left: -400px;
	overflow: hidden;
	z-index: 5;
}

h6,.sButton a,.sButton a:VISITED,.greenButton a,.greenButton a:VISITED
{
	padding-top:4px;
	height:20px;
	vertical-align:middle;
	padding-left:2px;
	padding-right:2px;
	text-align:center;
	color:black !important;
	font-family:Tahoma;
	font-size:13px;	
	font-weight:bold;
	border: 1px solid black;
	white-space:nowrap;
	display:block;
	background-color: #FEDE01;
}

.greenButton a:HOVER,.sButton a:HOVER
{
	background-color: #B20000;
	color:white !important;
	vertical-align:middle;
	white-space:nowrap;
	text-decoration: none !important;
}
.motoImage {
	position: absolute;
	top: 0px;
	left: 0px;
}

.width39px {
	width: 39px;
}

.imageThumb {
	text-align: center;
	width: 150px;
}

.formInput {
	background-position: left;
	border: solid 1px #AAAAAA;
	background-color: #D5D0CA;
	text-align: left;
}

.formLabel {
	background-position: right;
	border: solid 1px #AAAAAA;
	background-color: navy;
	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;
}

.menuPath 
{
	height: 40px;
	font: 12px Tahoma;
	font-weight: bold;
	color: white;
	text-align: right;
	vertical-align: middle;
	text-decoration: none;
}

.menuPath a,.menuPath a:HOVER,.menuPath a:VISITED,.menuPath a:VISITED:HOVER
{
	color: white;
	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;
}


.mainTable {
	vertical-align: top;
}

.botTable {
	position: relative;
	top: -2px;
}

.topHeader {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 141px;
	z-index: 2;
}

.barBg {
	height: 30px;
	background-image: url("../Images/barBg.png");
	background-repeat: no-repeat;
	cursor: pointer;
}

.barBgMenu 
{
	border:solid 2px #000084;
	border-right:solid 2px #000084;
	height: 30px;
	background-image: url("../Images/barBgMenu.png");
	background-repeat: repeat-x;
	filter: alpha(opacity =   85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}




/* <COMMON CSS> */
.height10px {
	height: 10px;
}

.height20px {
	height: 20px;
	display:block;
}

.width20px {
	width: 20px;
}

.height30px {
	height: 30px;
}

.height70px {
	height: 70px;
}

.height35px {
	height: 35px;
}

.verticalTop {
	vertical-align: top;
}

.verticalMiddle {
	vertical-align: middle;
}

.verticalBottom {
	vertical-align: bottom;
}

.height100 {
	height: 100%;
}

.block {
	display: block;
}

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

.width90 {
	width: 90%;
}

.width80 {
	width: 80%;
}

.width20 {
	width: 20%;
}

.width10 {
	width: 10%;
}

.width10px {
	width: 10px;
}

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

/* <ΜΕΝU> */




.menuLink
{
	height: 30px;
	background-image: url("../Images/buttonBg.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
	color: black;
}

.menuLink a,.menuLink a:VISITED
{
	color: black;
	text-decoration: none;
}

.menuLink a:HOVER 
{
	color:#515218;
	text-decoration: none;	
}

.menuLinkOn
{
	height: 30px;
	background-image: url("../Images/buttonBgOn.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px;
	color: black;
}

.menuLinkOn a,.menuLinkOn a:VISITED
{
	color: black;
	text-decoration: none;
}

.menuLinkOn a:HOVER 
{
	color:#515218;
	text-decoration: none;	
}

/* NEW TEMPLATE */

.treeHeader
{
  color: white;
	font-weight: bold;
	font-size: 110%;
	width: 95%;
	text-align: left;
	display: block;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.treeHeader:HOVER
{
	background-image: none;
	background-color: white;
}

.treeInHeader
{
	font-size: 80%; 
	font-weight: bold;
	color: #009E80;
	border-bottom: 1px dotted #D55025;
}
	
.headBg
{
	background-color: #E4312A;
	background-image: url("../Images/topBg2.png");
	background-repeat: repeat-x;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 75px;
	display: block;
	z-index: 3;
}

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

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

#page
{
	position: absolute;
	left: -700px; 
	top: 70px; 
	width: 690px; 
	display: none;
	color: white;
	background-color: black;
	z-index: 2; 
	padding: 10px 5px 60px 5px;
	vertical-align: top;
}

#head
{
	position: fixed;
	left: 100px; 
	top: 5px; 
	width: 715px; 
	z-index: 4; 	
}

#rightWhite
{
	position: fixed;
	display: block;
	left: -100px; 
	top: 70px; 
	width: 15px;
	height: 10px; 
	z-index: 5;
	background-color: white;	
}

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

#path
{
		position: fixed;
		left: -800px; 
		top: 57px;
		z-index: 6; 
		color: white;
}

#buttons
{
		position: fixed;
		left: -800px; 
		top: 0px;
		z-index: 6; 
}

#path a
{
	color: white;
}

#path a:HOVER 
{
	text-decoration: underline;	
}

#leftMenu
{
		position: absolute;
		left: -300px; 
		top: 300px;
		width: 220px;
		z-index: 2; 	
}