html,body
{
height:90%;
margin:0 auto;
}

#container {
position:relative;
margin:0 auto;
width: 850px;
height: 825px;
background-color:#F0FFFF;
}
#container1{
position:relative;
margin:0 auto;
width: 800px;
height: 100%;
background-color:#ffffff;
}

/*arxikh*/
#title_main
{
text-align:center;
font-size:20px;
font-family:Arial Black;
margin-left:0px;
margin-right:0px;
margin-bottom:2px;
color:#996300;
}
#keimeno1
{
margin-left:7px;
margin-right:7px;;
}
#image
{
width:300px;
height:325px;
position:absolute;
left:55px;
top:10px;
}

#review_main1
{
position:absolute;
left:410px;
top:10px;
width:380px;
height:160px;
background-color:#C7FFAB;
border-radius:15px;
-moz-border-radius:15px; /* Firefox 3.6 and earlier */
box-shadow: 3px 3px 1px #888888;
font-family:Tahoma, Geneva, sans-serif;
}
.main_input
{
border-radius:7px;
-moz-border-radius:7px; /* Firefox 3.6 and earlier */
box-shadow: 3px 3px 1px #888888;
width:200px;
}
#index_msg
{
text-align:center;
position:absolute;
top:0px;
left:211px;
top:110px;
width:165px;
height:65px;
font-size:11px;
font-family:Tahoma, Geneva, sans-serif;
}
#review_main2
{
position:absolute;
left:410px;
top:200px;
width:380px;
height:170px;
background-color:#C7FFAB;
border-radius:15px;
-moz-border-radius:15px; /* Firefox 3.6 and earlier */
box-shadow: 3px 3px 1px #888888;
font-family:Tahoma, Geneva, sans-serif;
}

#review_main3
{
position:absolute;
left:10px;
top:400px;
width:380px;
height:170px;
background-color:#C7FFAB;
border-radius:15px;
-moz-border-radius:15px; /* Firefox 3.6 and earlier */
box-shadow: 3px 3px 1px #888888;
font-family:Tahoma, Geneva, sans-serif;
}

#form_main
{
margin-top:-5px;
}

#review_main1 li
{
margin-left:20px;
}
.flaga
{
width:25px;
}
.flaga:hover
{
cursor:pointer;
}
#review_main4
{
position:absolute;
top:400px;
left:410px;
width:380px;
height:170px;
background-color:#C7FFAB;
border-radius:15px;
-moz-border-radius:15px; /* Firefox 3.6 and earlier */
box-shadow: 3px 3px 1px #888888;
font-family:Tahoma, Geneva, sans-serif;
}
#footer_main_table
{
font-size:14px;
}
#footer_main_table td
{
width:170px;
}
.right_main
{
text-align:right;
}
.image_mainn
{
position:absolute;
width:250;
height:70px;
top:600px;
left:325px;
right:325px;
}
.image_mainn1
{
position:absolute;
left:65px;
right:65px;
top:35px;
}
/*telos arxikhs*/


#left{
border-radius:10px;
-moz-border-radius:10px; /* Firefox 3.6 and earlier */
float:left;
width:50px;
height:820px;
background-color:#68838B;
}

.bottom{
position:absolute;
top:775px;
}

#right{
border-radius:10px;
-moz-border-radius:10px; /* Firefox 3.6 and earlier */
float:right;
width:50px;
height:820px;
background-color:#68838B;
}


.label
{
position:absolute;
left:740px;
height:60px;
width:60px;
}
/*menu style*/
#menu{
position:absolute;
width:700px;
height:140px;
left:75px;
right:75px;
top:5px;
}
#menu a
{
text-decoration:none;
color:#000000;
display:block;
}

.menu_button
{
width:150px;
height:80px;
border:outset 0px;
border-color:#000000;
background-color:#aae1ff;
box-shadow: 3px 3px 1px #888888;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
text-align:center;
font-size:21px;
font-weight:bold;
font-style:italic;
font-family:Tahoma, Geneva, sans-serif;
line-height:80px;
text-shadow:2px 2px 10px yellow;
}
#margina{
position:absolute;
left:10px;
}
#marginb{
position:absolute;
left:187px;
}
#marginc{
position:absolute;
left:362px;
}
#margind{
position:absolute;
left:537px;
}

.timehead
{
font-family:Tahoma, Geneva, sans-serif;
font-size:17px;
font-weight:bold;
}
.menu_button:hover{
background-color:#B0CaDD;
text-shadow:2px 2px 10px red;
border:solid 2px;
}

.link{
font-size:20px;
font-family:"Times New Roman";
text-align:center;
text-decoration:none;
}

.clock_1
{
position:absolute;
top:115px;
left:65px;
}
.clock_2
{
position:absolute;
top:115px;
left:565px;
}
.clock
{
font-size:25px;
font-family:digital,Georgia,Serif;
color:#53868B;
text-shadow:1px 1px 10px grey;
}

.img_label
{
position:absolute;
left:320px;
top:80px;
width:60px;
height:60px;
}

.img_label:hover
{
cursor:pointer;
}
#gr_en
{
margin-top:730px;
text-align:center;
color:#ffffff;
font-family:"Times New Roman",Georgia,Serif;
font-size:13px;
font-weight:bold;
color:azure;
text-shadow:1px 1px 3px black;
}

.en_buttona{
border:none;
background-color: transparent;
cursor:pointer;
background-image:url(images/uk-icon.png);
width:40px;
height:30px;
background-repeat:no-repeat;
margin-bottom:2px;
}

.en_buttona:hover
{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-image:url(images/greece-icon.png);
}

.gr_buttona{
border:none;
background-color: transparent;
cursor:pointer;
background-image:url(images/greece-icon.png);
width:40px;
height:30px;
background-repeat:no-repeat;
margin-bottom:2px;
}
.gr_buttona:hover
{
background-image:url(images/uk-icon.png);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}



#log_out
{
height:60px;
margin-top:25px;
text-align:center;
color:#ffffff;
font-family:"Times New Roman",Georgia,Serif;
font-size:13px;
font-weight:bold;
color:azure;
text-shadow:1px 1px 3px black;
}
#log_out:hover
{
text-shadow:3px 3px 8px black;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
#href
{
text-align:center;
width:50px;
height:100px;
text-align:center;
text-decoration:none;
color:#ffffff;
font-size:15px;
}
/*footer style*/
#footer{
position:absolute;
top:755px;
left:60px;
right:60px;
width: 730px;
height: 52px;
background-color:#1ad3cc;
border-radius:35px;
-moz-border-radius:35px; /* Firefox 3.6 and earlier */
-ms-box-shadow: 5px 5px 2px #888888;
box-shadow: 5px 5px 3px #888888;
text-align:center;
border:solid 1px;
}

.lefttt2
{
position:relative;
margin-top:5px;
margin-left:-3px;
}

.lefttt3
{
position:relative;
margin-left:-10px;
}

.lefttt1
{
position:relative;
margin-top:5px;
margin-left:-15px;
}

#table_footer{
position:absolute;
left:2px;
right:2px;
top:-5px;
}
#table_footer td{
text-align:center;
font-family:"Times New Roman",Georgia,Serif;
font-size:25px;
}


.sensor_footer{
font-size:25px;
font-family:digital;
}


.td1
{
width:150px;

}
.tdn
{
width:80px;
}



/*main window style*/
#main_window {
box-shadow: 5px 5px 5px #888888;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
position:absolute;
left:125px;
right:125px;
top:145px;
width: 600px;
height: 550px;
border:ridge 5px;
border-color:#9AC0CD;
background-color:#B2DFEE;
caption-side:top;
}
#duration
{
position:absolute;
top:350px;
left:5px;
width:145px;
padding-top:10px;
height:70px;
background-color:#1ad3cc;
border-radius:35px;
-moz-border-radius:35px; /* Firefox 3.6 and earlier */
text-align:center;
font-size:20px;
font-family:"Times New Roman",Georgia,Serif;
color:#222222;
}
#duration_value
{
margin-left:10px;
margin-right:3px;
width:40px;
}
.time{
position:relative;
width:440px;
height:30px;
text-align:center;
margin-left:80px;
margin-right:80px;
background-color:#1ad3cc;
border:solid 3px;
border-radius:15px;
-moz-border-radius:15px; /* Firefox 3.6 and earlier */
-ms-box-shadow: 5px 5px 2px #888888;
box-shadow: 5px 5px 2px #888888;
color:#000000;
font-family:digital,Georgia,Serif;
font-size:25px;
text-align:center;
margin-bottom:5px;
margin-top:10px;
}
.sensor{
float:left;
-ms-box-shadow: 5px 5px 2px #888888;
box-shadow: 5px 5px 2px #888888;
margin-top:10px;
margin-left:80px;
width:170px;
height:90px;
background-color:#1ad3cc;
border:solid 3px;
border-radius:15px;
-moz-border-radius:15px; /* Firefox 3.6 and earlier */
color:#000000;
font-family:"Times New Roman",Georgia,Serif;
font-size:25px;
text-align:center;
}

@font-face
{
font-family: digital;
src: url('digital-7.ttf')
    ,url('digital-7.eot'); /* IE9+ */
}
.sensor_result{
font-style:italic;
font-size:50px;
font-family:digital;
}

 #table_index{
position:absolute;
width:300px;
height:155px;
border-spacing: 5px;
}

.control_panel
{
top:270px;
left:150px;
right:150px;
}

#table_index th{
border: outset 2px;
border-radius:10px;
-moz-border-radius:10px; /* Firefox 3.6 and earlier */
width:70px;
height:25px;
font-family:"Times New Roman",Georgia,Serif;
font-size:25px;
font-style:italic;
background-color:#E0FFFF;
}

#table_index td{
text-align:center;
width:70px;
height:125px;
font-family:"Times New Roman",Georgia,Serif;
font-size:15px;
font-style:italic;
}

.button_on{
transform:rotate(180deg);
-ms-transform:rotate(180deg); /* Internet Explorer */
-moz-transform:rotate(180deg); /* Firefox */
-webkit-transform:rotate(180deg); /* Safari and Chrome */
-o-transform:rotate(180deg); /* Opera */
}

.button_off{
transform:rotate(360deg);
-ms-transform:rotate(360deg); /* Internet Explorer */
-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */
}

.button{
border-radius:15px;
-moz-border-radius:15px; /* Firefox 3.6 and earlier */
border:solid 1px;
border-color:#000000;
background-color:#00CDCD;
color:#CCFDF0;
position:absolute;
top:55px;
width:250px;
height:50px;
margin-top:435px;
font-family:"Times New Roman",Georgia,Serif;
font-size:20px;
font-style:italic;
font-weight:bold;
left:175px;
}
.button:hover{
border:solid 3px;
border-color:#000000;
background-color:#0AADCD;
color:red;
cursor:pointer;
}

.db
{
border-radius:15px;
-moz-border-radius:15px; /* Firefox 3.6 and earlier */
border:solid 1px;
border-color:#000000;
background-color:#00CDCD;
color:#CCFDF0;
width:125px;
height:50px;
font-family:"Times New Roman",Georgia,Serif;
font-size:20px;
font-style:italic;
font-weight:bold;
}

.db:hover{
border:solid 3px;
border-color:#000000;
background-color:#0AADCD;
color:red;
cursor:pointer;
}
.button1
{
position:absolute;
top:490px;
left:170px;
}
.button2
{
position:absolute;
top:490px;
left:300px;
}
#scenario_notification
{
position:absolute;
top:420px;
width:150px;
height:270px;
left:578px;
background-color:#1ad3cc;
border-radius:35px;
-moz-border-radius:35px; /* Firefox 3.6 and earlier */
text-align:center;
font-size:18px;
font-family:"Times New Roman",Georgia,Serif;
color:#222222;
}
#scenario_notification span
{
color:red;
text-decoration:none;
}
#x
{
position:absolute;
left:5px;
right:5px;
top:70px;
}
.p1
{
position:absolute;
left:-1px;
right:0px;
top:10px;
width:150px;
height:225px;
overflow-x:auto;
overflow-y:auto;
text-align:center;
}
#msgga
{
text-align:center;
margin:0 auto;
}

.n_buttons
{
position:absolute;
left:22px;
top:245px;
width:105px;
height:50px;
}

.decision
{
border:solid 4px;
border-color:red;
}
.decision1
{
border:solid 4px;
border-color:red;
}

.okkk
{
border:solid 4px;
border-color:green;

}


.off_buttona{
border:none;
background-color: transparent;
cursor:pointer;
background-image:url(images/off.png);
width:40px;
height:30px;
background-repeat:no-repeat;
margin-bottom:2px;
}
.off_buttona1{
border:none;
background-color: transparent;
background-image:url(images/off.png);
width:40px;
height:30px;
background-repeat:no-repeat;
margin-bottom:2px;
}
.off_buttona:hover
{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
background-image:url(images/on.png);
}

.on_buttona1{
border:none;
background-color: transparent;
background-image:url(images/on.png);
width:40px;
height:30px;
background-repeat:no-repeat;
margin-bottom:2px;
}
.on_buttona{
border:none;
background-color: transparent;
cursor:pointer;
background-image:url(images/on.png);
width:40px;
height:30px;
background-repeat:no-repeat;
margin-bottom:2px;
}
.on_buttona:hover
{
background-image:url(images/off.png);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}

.image_status{
width:40px;
height:30px;
border:none;
}

#s_msg
{
position:absolute;
top:280px;
width:130px;
height:140px;
color:red;
font-family:Times New Roman, Geneva, sans-serif;
font-size:15px;
font-weight:bold;
text-align:center;
visibility:hidden;
}



/*automation page*/
#automation_menu{
position:absolute;
width:400px;
left:100px;
right:100px;
height:70px;
text-align:center;
vertical-align:middle;
}


.page_menu_button_automation
{
width:130px;
height:60px;
border-radius:15px;
-moz-border-radius:15px; /* Firefox 3.6 and earlier */
background-color:#00E5EE;
border:outset 0px;
box-shadow: 3px 3px 1px #888888;
text-align:center;
font-size:12px;
font-weight:bold;
font-style:italic;
font-family:Tahoma, Geneva, sans-serif;
color:#000000;
line-height:60px;
}
.page_menu_button_automation:hover
{
cursor:pointer;
background-color:#E0FFFF;
border:solid 2px;
color:#00868B;
border-color:#000000;
font-style:normal;
}
.page_menu_button_automation_active
{
width:130px;
height:60px;
border-radius:15px;
-moz-border-radius:15px; /* Firefox 3.6 and earlier */
border-color:#000000;
box-shadow: 3px 3px 1px #888888;
text-align:center;
font-size:13px;
font-weight:bold;
background-color:#E0FFFF;
border:outset 0px;
color:#00868B;
font-style:normal;
font-family:Tahoma, Geneva, sans-serif;
line-height:60px;
}
.page_menu_button_automation_active:hover
{
cursor:pointer;
background-color:#E0FFFF;
border:solid 2px;
color:#00868B;
border-color:#000000;
font-style:normal;
}


#automation_menu_1
{
position:absolute;
top:5px;
bottom:5px;
}
#automation_menu_2
{
position:absolute;
left:137px;
top:5px;
bottom:5px;
}
#automation_menu_3
{
position:absolute;
left:274px;
top:5px;
bottom:5px;
}
#automation_menu_4
{
position:absolute;
left:411px;
top:5px;
bottom:5px;
}
.step
{
top:1px;
position:absolute;
left:10px;
color:#00868B;
font-size:25px;
font-style:normal;
font-family:Tahoma, Geneva, sans-serif;
text-shadow:2px 2px 10px grey;
}

.valid
{
color:#548B54;
font-size:14px;
}
.invalid
{
color:red;
font-size:14px;
}
/*new scenario*/
.margin5{
position:absolute;
width:556px;
left:2px;
right:2px;
top:35px;
}
.vision
{
visibility:hidden;
}
.vision11
{
visibility:visible;
}
.number
{
width:35px;
}

.p_i_title1{
width:175px;
background-color:#96CDCD;
font-style:italic;
color:#474747;
font-weight:bold;
}
/*step 2 page*/
#summary
{
border:solid 2px;
width:400px;
height:170px;
margin-top:40px;
margin-left:80px;
margin-right:80px;
background-color:#1ad3cc;
border-radius:35px;
-moz-border-radius:35px; /* Firefox 3.6 and earlier */
text-align:center;
font-size:18px;
font-family:"Times New Roman",Georgia,Serif;
color:#222222;
}

#summary1
{
border:solid 2px;
width:450px;
height:170px;
margin-top:40px;
margin-left:55px;
margin-right:55px;
background-color:#1ad3cc;
border-radius:35px;
-moz-border-radius:35px; /* Firefox 3.6 and earlier */
text-align:center;
font-size:18px;
font-family:"Times New Roman",Georgia,Serif;
color:#222222;
}

.automation_panel/*gia ta devices to class*/
{
top:210px;
left:130px;
right:130px;
}

.summary_title
{
color:#FF3030;
font-weight:bold;
height:20px;
}
.summary_data
{
font-style:italic;
height:20px;
}
.con
{
color:#FFFAF0;
font-weight:bold;
}

.step3_button1
{
position:absolute;
top:425px;
width:100px;
left:180px;
}
.step3_button2
{
position:absolute;
top:425px;
width:100px;
left:280px;

}

/*schedule scenario*/
#calendar_field{
width:550px;
height:400px;
position:absolute;
top:28px;
left:5px;
right:5px;
}
#select_month
{
position:absolute;
left:110px;
right:110px;
width:320px;
color:#008B8B;
text-align:center;
top:-5px;
}
#viewed_month
{
margin-right:15px;
margin-left:15px;
font-weight:bold;
font-size:28px;
font-family:"Times New Roman",Georgia,Serif;
}
#today
{
position:absolute;
width:100px;
left:460px;
top:2px;
font-size:20px;
font-family:digital,Georgia,Serif;
color:#008B8B;
}
#today:hover
{
cursor:pointer;
font-weight:bold;
}
#previous_click
{
position:absolute;
left:20px;
top:8px;
font-size:18px;
}
#previous_click:hover
{
font-size:22px;
cursor:pointer;
font-weight:bold;
}
#next_click
{
position:absolute;
left:280px;
top:8px;
font-size:18px;
}
#next_click:hover
{
font-size:22px;
cursor:pointer;
font-weight:bold;
}

.day_number
{
margin-left:2px;
font-size:35px;
font-weight:bold;
font-family:digital,Georgia,Serif;
color:#008B8B;
}
.calendar_events
{
margin-top:3px;
margin-bottom:0px;
margin-left:5px;
font-size:12px;
font-family:"Times New Roman",Georgia,Serif;
color:#008B89;
}

#calendar{
position:absolute;
}
#calendar th{
width:70px;
height:18px;
background-color:#96CDCD;
font-style:italic;
color:#474747;
font-weight:bold;
border-radius:10px;
-moz-border-radius:10px; /* Firefox 3.6 and earlier */
}
#calendar td
{
width:69px;
height:50px;
border-radius:10px;
-moz-border-radius:10px; /* Firefox 3.6 and earlier */
background-color:#D1EEEE;
}
.today
{
border:solid 2px;
border-color:#EEEE00;
}
.next_day
{
border:solid 2px;
border-color:#68838B;
}
.previous_day
{
border:solid 2px;
border-color:red;
}
#calendar td:hover
{
border:solid 2px;
cursor:pointer;
background-color:#B4CDCD;
font-style:italic;
border-color:#000000;
}

#darken {
background-color: rgb(0, 0, 0);
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70: /* FireFox */
filter: alpha(opacity=70); /* IE */
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
top: 0px;
left: 0px;
text-align:center;
}

#day_form
{
position:absolute;
top:-10%;
bottom:auto;
left:10%;
width:450px;
height:500px;
z-index:5000;
background-color:#ffffff;
opacity:2; /* Safari, Opera */
-moz-opacity:2: /* FireFox */
filter: alpha(opacity=200); /* IE */
border-radius:9px;
-moz-border-radius:9px; /* Firefox 3.6 and earlier */
border:solid 1px;
border-color:#000000;
}
/*info_day*/
#day_title
{
font-size:22px;
font-family:"Times New Roman",Georgia,Serif;
width:445px;
margin-left:5px;
height:25px;
font-weight:bold;
}

#day_list
{
position:absolute;
width:440px;
height:415px;
overflow-x: hidden;
overflow-y:auto;
right:2.5px;
left:2.5px;
top:25px;
background-color:#F0FFFF;
border:solid 2px;
border-radius:9px;
-moz-border-radius:9px; /* Firefox 3.6 and earlier */
}
#day_notes
{
border:solid 2px;
border-radius:9px;
-moz-border-radius:9px; /* Firefox 3.6 and earlier */
border-color:black;
position:absolute;
width:440px;
height:25px;
right:3px;
left:3px;
top:445px;
font-size:15px;
background-color:#F0FFFF;
}

#add_scenario_button
{
position:absolute;
top:475px;
left:5px;
}

#close_button
{
text-decoration:none;
position:absolute;
top:475px;
right:5px;
}

#scenario_list_day
{
position:absolute;
left:1px;
right:1px;
top:4px;
border-collapse: collapse;
border-spacing: 0;
}

.d_list_time{
border:solid 2px;
border-color:#68838B;
}
.d_list_scenario{
border:solid 2px;
border-color:#68838B;
font-weight:bold;
text-align:center;
}
.d_list_scenario_hover{
border:solid 2px;
border-color:#68838B;
font-weight:bold;
text-align:center;
}
.d_list_scenario_hover:hover{
cursor:pointer;
color:#FF7F24;
}
.d_list_aa
{
border-right:solid 2px;
border-bottom:solid 2px;
border-color:#68838B;
text-align:right;
}
.d_important
{
font-size :12px;
color:#000000;
font-style:normal;
}
.d_list_actions
{
border-left:solid 2px;
border-bottom:solid 2px;
border-color:#68838B;
}
.p_i_title_d{
background-color:#96CDCD;
font-style:italic;
color:#474747;
font-weight:bold;
}
.p_i_day_data
{
font-style:italic;
color:#474747;
font-size:18px;
}

.p_i_day_data:hover
{
background-color:#B4CDCD;
}
.list_aa
{
width:10px;
border:solid 2px;
border-color:#F0FFFF;
}

.list_time{
width:150px;
border:solid 2px;
border-color:#F0FFFF;
}
.list_scenario{
width:180px;
border:solid 2px;
border-color:#F0FFFF;
}

.list_actions{
width:60px;
border:solid 2px;
border-color:#F0FFFF;
}
.day_active
{
color:#548B54;
}
.day_deactivated
{
color:red;
}
/*add scenario page*/
.margin6
{
position:absolute;
left:62px;
right:62px;
top:25px;

}
.p_i_data6{
width:164px;
text-align:center;
font-weight:bold;
}
.scenario_time
{
width:20px;
}
.select_scenario_menu
{
width:75px;
}
.save_scenario
{
position:absolute;
top:150px;
left:105px;
width:80px;
}
.clear_scenario
{
position:absolute;
top:150px;
left:190px;
width:80px;
}

.back_scenario
{
position:absolute;
top:150px;
left:275px;
width:80px;
}

#sensor1
{
width:100px;
font-size:14px;
}
#sensor2
{
width:100px;
font-size:14px;
}
#sensor3
{
width:100px;
font-size:14px;
}
#sensor4
{
width:100px;
font-size:14px;
}

#rule1
{
width:60px;
font-size:14px;
}
#rule2
{
width:60px;
font-size:14px;
}
#rule3
{
width:60px;
font-size:14px;
}
#rule4
{
width:60px;
font-size:14px;
}
/*scenario list page*/
#scenario_selection
{
position:absolute;
left:130px;
right:130px;
top:5px;
width:300px;
height:50px;
text-align:center;
}

.scenario_ss
{
color:#00868B;
font-size:20px;
font-style:normal;
font-family:Tahoma, Geneva, sans-serif;
text-shadow:2px 2px 10px grey;
}
#summary_buttons
{
position:absolute;
width:250px;
height:20px;
left:255px;
top:185px;
}
#summary_buttons2
{
width:50px;
text-align:center;
}

.edit{
border:none;
background-color: transparent;
cursor: pointer;
background-image:url(images/edit.png);
width:20px;
height:20px;
background-repeat:no-repeat;
}
.delete{
border:none;
background-color: transparent;
cursor: pointer;
background-image:url(images/delete.png);
width:20px;
height:20px;
background-repeat:no-repeat;
}
.posit
{
margin-left:30%;
margin-right:30%;
}

#edit_msg
{
position:absolute;
left:145px;
right:145px;
top:420px;
width:260px;
text-align:center;
}
#messages_list
{
position:absolute;
left:513px;
top:75px;
width:90px;
border-spacing:0em;
}
#messages_list tr
{
position:relative;
height:20px;
}
.msg2_pos
{
position:absolute;
top:-20px;
}
.edit_button
{
width:50px;
}
#next_step1
{
width:100px;
position:absolute;
right:230px;
left:230px;
top:300px;
}
/*overview page*/
#overview_notice
{
position:absolute;
top:260px;
left:230px;
right:230px;
width:140px;
height:40px;
background-color:#97FFFF;
font-size:15px;
font-family:"Times New Roman",Georgia,Serif;
text-align:center;
border:solid 2px;
border-color:#FF3030;
border-radius:15px;
-moz-border-radius:15px; /* Firefox 3.6 and earlier */
text-shadow:1px 1px 8px black;
visibility:hidden;
}

#sensor_chart{
border-radius:9px;
-moz-border-radius:9px; /* Firefox 3.6 and earlier */
background-color:#E0FFFF;
color:#111111;
margin-top:10px;
width:500px;
height:240px;
position:relative;
margin-left:40px;
margin-right:40px;
}
.legend{
font-family:"Times New Roman",Georgia,Serif;
font-size:20px;
font-weight:bold;
text-shadow:3px 3px 7px black;
}

#devices_chart{
position:relative;
border-radius:9px;
-moz-border-radius:9px; /* Firefox 3.6 and earlier */
background-color:#E0FFFF;
color:#111111;
margin-top:10px;
width:500px;
height:240px;
margin-left:40px;
margin-right:40px;
}

.show_button{
float:right;
}

.number_over
{width:75px;
}

.chart{
position:relative;
width:500px;
height:190px;
margin-top:5px;
margin-left:0px;
}

.chart_graph
{
position:relative;
width:500px;
height:190px;
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
transition-duration: 0.5s;
}
.chart_graph:hover
{
cursor:pointer;
}
.chart_graph1
{
position:relative;
margin-left:-53px;
width:600px;
height:450px;
z-index:250;
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
transition-duration: 0.5s;
}

.device_graph
{
position:relative;
width:500px;
height:190px;
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
transition-duration: 0.5s;
}
.device_graph:hover
{
cursor:pointer;
}
.device_graph1
{
position:relative;
margin-left:-53px;
margin-top:-130px;
width:600px;
height:450px;
z-index:250;
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
transition-duration: 0.5s;
}

/*profile page layouts*/
#page_menu{
position:absolute;
width:540px;
left:32px;
right:35px;
height:70px;
text-align:center;
vertical-align:middle;
}
.important
{
font-size : 12px;
}
#marginn{
position:absolute;
background-color:#E0FFFF;
color:#111111;
width:560px;
height:450px;
top:90px;
left:20px;
right:20px;
border-radius:9px;
-moz-border-radius:9px; /* Firefox 3.6 and earlier */
}

#p_i{
border-collapse: collapse;
border-spacing: 0;
margin-bottom:5px;
}
.margin1{
margin-left:80px;
margin-right:80px;
margin-top:20px;
}
.margin2{
position:relative;
width:450px;
margin-left:55px;
margin-right:55px;
margin-top:20px;
}

.im{
font-style:italic;
font-weight:bold;
text-align:center;
}
.imb{
position:absolute;
width:180px;
left:190px;
right:190px;
text-align:center;
}

#p_i td{
border:solid 3px;
border-color:#68838B;
}

#p_i tr.hover:hover{
background-color:#B4CDCD;
}

.p_i_title{
width:150px;
background-color:#96CDCD;
font-style:italic;
color:#474747;
font-weight:bold;
}
.p_i_data{
width:250px;
text-align:center;
font-weight:bold;
}

.margin3{
position:relative;
width:400px;
height:200px;
margin-left:80px;
margin-right:80px;
margin-top:20px;
text-align:center;
}
.margin3 tr{
height:40px;
}
.margin3 td{
text-align:left;
}
.password {
margin-left:5px;
font-size : 15px;
border : 1px solid #cc9933;
width : 100px;
font-family : arial, sans-serif;
}
.o_msg
{
position:relative;
margin-left:2px;
font-size:12px;
font-weight:bold;
}

.text_field{
margin-left:5px;
font-size : 15px;
border : 1px solid #cc9933;
width : 120px;
font-family : arial, sans-serif;
}

.margin4{
position:relative;
width:400px;
height:250px;
margin-left:80px;
margin-right:80px;
margin-top:20px;
}

.margin4_title
{
height:20px;
}
.textarea_options{
resize: none;
max-width: 300px; 
max-height: 220px;
border : 1px solid #cc9933;
}
.subject{
border : 1px solid #cc9933;
width:150px;
margin-left:2px;
}

#summary_profile
{
width:150px;
left:205px;
right:205px;
height:25px;
text-align:center;
font-size:17px;
font-family:"Times New Roman",Georgia,Serif;
color:#222222;
}

#troubleshoot_field
{
position:absolute;
width:565px;
height:410px;
overflow-x:auto;
overflow-y:auto;
}
.troubleshoots
{
margin-left:15px;
margin-right:15px;
margin-top:10px;
}
.td_title_troubleshoot_aa{
width:40px;
text-align:center;
border:solid 2px;
background-color:#96CDCD;
font-style:italic;
color:#474747;
font-weight:bold;
}
.td_title_troubleshoot_small{
width:125px;
text-align:center;
border:solid 2px;
background-color:#96CDCD;
font-style:italic;
color:#474747;
font-weight:bold;
text-align:center;
}
.td_title_troubleshoot_big{
width:260px;
text-align:center;
border:solid 2px;
background-color:#96CDCD;
font-style:italic;
color:#474747;
font-weight:bold;
text-align:center;
}

.td_data_troubleshoots
{
border:solid 2px;
border-color:#474747;
height:40px;
text-align:center;
}

.tr_troubleshoot_hover:hover{
background-color:#B4CDCD;
}
#filter_result
{
position:absolute;
left:120px;
top:0px;
}
#total
{
position:absolute;
left:465px;
top:1px;
}
#clear
{
position:absolute;
left:350px;
top:-1px;
}


/*gia na fainetai to senario kai ta resta*/
#programm
{
position:absolute;
top:715px;
left:105px;
right:100px;
width:650px;
height:30px;
text-shadow:0px 0px 2px grey;
line-height:15px;
text-align:center;
}

.programm_title
{
font-size:18px;
font-weight:bold;
font-family:"Times New Roman",Georgia,Serif;
font-style:italic;
}
.program_active
{
font-size:20px;
font-weight:bold;
}
.program_active:hover
{
cursor:pointer;
color:#FF7F24;
}
.programm_e
{
text-align:center;
font-style:italic;
font-weight:bold;
font-size:13px;
}