body {
  margin:0; /* no margins and padding ... so everything starts at 0,0 */
  padding:0;
  height:100%;
  background-color: #153e6a;
  font-family:Tahoma,Verdana,Arial;
  text-align:center;
}

#main1, #main2, #main3, #main4, #main5, #main6, #main7
{   
    width:1020px;
	margin-top:10px;
    margin-left:auto;    
    margin-right:auto;
	text-align:left;
	font-size:14px;
}

#ld {      
    float:left;
    width:800px;
    border: 1px solid black;
    background-color: white; /* grey; */
    border-radius: 20px;
    box-shadow: 0 0 5px 5px #888;
    
}

#rd {      
    float:left;
    width:200px;
	margin-left: 15px;
    border: 1px solid black;
    background-color: plum;
    border-radius: 20px;
    box-shadow: 0 0 5px 5px #888;
}

.alld {
    float:left;
    width:1000px;
	margin-left: 15px;
    border: 1px solid black;
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 0 5px 5px #888;
}
#project {
  background-color: #000066; /* blue; #048fc2;  fill area with this color*/
  width: 100%;  /* platos tis perioxis 100% simenei olo*/
  height:75px;  /* ypsos tis perioxis 80px simenei 80 pixels*/
  padding: 0px;
  margin: 0px;
  text-align:left;
}

#welcome {
  height:40px;
  text-align: center; /* stixisi mesa sto div */
}

#adv {
  height:40px;
  text-align: center; /* stixisi mesa sto div */
}

#login {
  width: 400px;
  height: 150px;
  margin-left : auto;    
  margin-right : auto;
  border: 1px solid black;
  box-shadow: 0 0 5px 5px #888;
  border-radius: 20px ;
  text-align: center;
  background-color: #ccffff;
}

#co {
  width: 600px;
  /*height: 150px;*/
  margin-left : auto;    
  margin-right : auto;
  border: 1px solid black;
  box-shadow: 0 0 5px 5px #888;
  border-radius: 20px ;
  text-align: center;
  background-color: #ccffff;
}

#ett {
  margin-left: auto;
  margin-right: auto;
}

.co_user_form {
  width: 500px;
  /*height: 300px;*/
  margin-left : auto;    
  margin-right : auto;
  margin-top : 10px;
  border : 1px solid black;
  box-shadow: 0 0 5px 5px #888;
  border-radius: 20px ;
  text-align: center;
  background-color: #ccffff;
}


/*
#logTable {
  background-color: #ccffff;
  border: 1px solid black;
  border-radius: 20px;  
}
*/

#blank{
  margin:0;
  width: 100%;
  height:30%;
  text-align: center; /* stixisi mesa sto div */
  font-style:normal;
}

#footer {
  position:absolute;
  width:100%;
  height:50px;
  bottom:0;
  background-color: #ccffff;
  text-align: center;
}

#lang {
  position:absolute;
  top:0;
  right:0;
  width:400px;
  text-align:left;
}

input[type="text"] {
  border: 1px solid black;
}

input[type="password"] {
  border: 1px solid black;
}

input[type="button"] {
  color: white;
  background-color: blue; /*#0e9dd2;*/
  font-weight:bold;
  border-radius: 5px ;
  cursor:pointer;
}

.fieldset1 {
  background-color: #d9ebf9;
  border: 1px solid blue;
}

.fieldset2 {
  background-color: #99FFCC;
  border: 1px solid green;
}

legend {
  border: 1px solid blue;
  background-color: white;
  padding: 2px 2px 2px 2px;
}

#newButton {
  background-color: purple; /* green; */
  width: 170px;
  height: 40px;
  font-weight: bold;
  font-family: Tahoma;
  font-size: 12pt;
  color: #FFFF00;
}

#pithia {
  font-family: Tahoma;
  font-size: 24pt;
  color: #FFFF00;
  font-weight: bold;
  text-align: right;
}

#menu {
  width:1000px;
  height:27px;
  margin-left : auto;    
  margin-right : auto;
  background-color:black; /* blue */;
  text-align: center;
  border-radius: 10px;
}

#menu_list {
  font-family: Verdana;
  font-size: 10pt;
  font-weight:bold;
  background-color:black; /* blue; */
  color:white;
  display: inline;
  list-style-type: none;
}

#pptablewin {
  position:absolute;
  top:110px;
  width:98%;
  border: 1px solid black;
  background-color: white;
  border-radius: 20px;
  box-shadow: 0 0 5px 5px #888;
}

#eidoitablewin {
  position:absolute;
  top:110px;
  width:98%;
  border: 1px solid black;
  background-color: white;
  border-radius: 20px;
  box-shadow: 0 0 5px 5px #888;
}

#timoltablewin {
  position:absolute;
  top:110px;
  left:5px;
  width:98%;
  border: 1px solid black;
  background-color: white;
  border-radius: 20px;
  box-shadow: 0 0 5px 5px #888;
}

#anafores {
  position:absolute;
  top:110px;
  left:5px;
  width:98%;
  border: 1px solid black;
  background-color: white;
  border-radius: 20px;
  box-shadow: 0 0 5px 5px #888;
}

#winTitle {
  background-color: #000066;
  color: white;
  font-weight:bold;
  font-family: Tahoma;
}

#listTitle {
  background-color: #d9ebf9; /* #ccffff; */
  /* font-weight:bold; */
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;
}

.listRows{
  /*background-color: white;*/
  text-align:left;
  font-family:Tahoma;
  font-size:14px;
  font-weight:bold;
  /*border-bottom-style: solid;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;*/
}

.listRows2{
  /*background-color: white;*/
  text-align:left;
  font-family:Tahoma;
  font-size:14px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;
}

.act_red {
  background-color: red;
  color: white;
  text-align:center;/*
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;*/
}

.act_none {
  text-align:center;/*
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;*/
}

#ppformwin {
  position: absolute;
  top: 120px;
  left: 20%; /* kentrare to div sto meso! */
  background-color: white;
  border: 1px solid black;
  border-radius: 20px;
  box-shadow: 0 0 5px 5px #888;
}

#eidosformwin {
  position: absolute;
  top: 120px;
  left: 20%; /* kentrare to div sto meso! */
  background-color: white;
  border: 1px solid black;
  border-radius: 20px;
  box-shadow: 0 0 5px 5px #888;
}

#patimwin {
  position: absolute;
  top: 120px;
  left: 0.5%; /* kentrare to div sto meso! */
  background-color: white;
  border: 1px solid black;
  border-radius: 20px;
  box-shadow: 0 0 5px 5px #888;
}

#lookupwin {
  background-color: white;
  border: 1px solid black;
  border-radius: 20px;
  box-shadow: 0 0 5px 5px #888;
}

#msgs {
  text-align: center;
  background-color: red;
  color: white;
  font-weight:bold; 
}

#hPreview {
  position:absolute;
  top:120px;
  left:5px;
  width:98%;
  text-align:center;
  padding:5px;
  background-color:#d9ebf9;
  border-radius: 20px;
  box-shadow: 0 0 5px 5px #888;
}

#printPreview {
  text-align:center;
  background-color:#d9ebf9;
  padding:5px;
  /*
  border: 1px solid black;
  border-radius: 20px;
  box-shadow: 0 0 5px 5px #888;*/
}

canvas {
  background-color: white;
  border: 1px solid black;
  border-radius: 20px;
  box-shadow: 0 0 5px 5px #888;
}



/* old css */






 
td.f1 {
  font-family: verdana, tahoma, arial, ms sans serif;
  font-size: 12pt;
  font-weight: bold;
  color: black;
}

td.f2 {
  font-family: verdana, tahoma, arial, ms sans serif;
  font-size: 12pt;
  color: black;
  text-decoration: none;
}

td.item_list{
  border-top-style:none;
  border-right-style:none;
  border-bottom-style:solid;
  border-left-style:none;
  border-color:blue;
}

input.message {
  background-color: red;
  color: white;
  font-family: tahoma, verdana, arial, ms sans serif;
  font-weight: bold;
  font-size: 12pt; 
}

ul {
  list-style: none;
  padding:0;
  margin:0;
  font-family: verdana, tahoma, arial, ms sans serif;
  font-size: 10pt;
  color: black;
  text-decoration: none;
}

li {
  display: block;
  width: 10em;
  float: left;
}


#printDiv {
  display : none;
}

/* calendar style...  */

/* the div that holds the date picker calendar  */
div.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar  */
table.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
tr.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
tr.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
tr.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
tr.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
td.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value)  */
td.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
td.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
td.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
td.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
td.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
td.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
button.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}