html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}
a img {border:none;}
body {margin:auto;padding:auto;font-family:Arial;font-size:12px;color:#363636;text-shadow:0 1px 0 #fff;background:#f7f7f7 url("../images/bg_left.jpg") repeat-y;}
body.nobg {background:#f7f7f7;}
body.nobackground {background:#f7f7f7; margin: 20px;}
body.login {margin:auto;padding:auto;background:#262B32 url("../images/blue/bg.png") repeat-x 0 350px;font-family:Arial;font-size:12px;color:#363636;text-shadow:0 1px 0 #ccc;}
body.login::before {content: ""; display: block; position: absolute; top: 30px; left: 20px; width: 328px; height: 302px; background: url("../images/man.png") no-repeat;}
body.login::after {content: ""; display: block; position: absolute; top: 30px; right: 20px; width: 250px; height: 125px; background: url("../images/frontida_ygeias_spiti.png") no-repeat;}
.home #content .inner::after {content: ""; display: block; position: absolute; top: 130px; right: 20px; width: 250px; height: 125px; background: url("../images/frontida_ygeias_spiti.png") no-repeat;}
.content .table_overhead:after {content: ""; display: block; position: absolute; top: 0px; right: 20px; width: 200px; height: 100px; background: url("../images/frontida_ygeias_spiti.png") no-repeat; background-size: contain;}
h1 {margin:0;padding:0;font-size:24px;font-weight:bold;margin-bottom:10px;}
h2 {margin:0;padding:0;font-size:20px;font-weight:bold;margin-bottom:10px;}
h3 {margin:0;padding:0;font-size:16px;font-weight:bold;margin-bottom:10px;}
h4 {margin:0;padding:0;font-size:14px;font-weight:bold;margin-bottom:5px;}
h5 {margin:0;padding:0;font-size:12px;font-weight:bold;margin-bottom:5px;}
strong {font-weight: bold;}
em {font-style: italic;}
a {color:#1F92FF;text-decoration:none;text-shadow:0 0 0 transparent;}
a:hover {color:#2F4E85;text-decoration:none;text-shadow:0 0 0 transparent;}
a:active {color:#000;text-decoration:none;text-shadow:0 0 0 transparent;}
a {outline: none;}
.clear {clear:both;}
.show {display:block;}
.hide {display:none;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.underlined {text-decoration: underline;}
.big {font-size: 14px;}
.verybig {font-size: 16px;}
.red {color: red;}
input[type=text].red, input[type=password].red, select.red, textarea.red {color: red;}
.green {color: green;}
input[type=text].green, input[type=password].green, select.green {color: green;}
.blue {color: blue;}
input[type=text].blue, input[type=password].blue, select.blue, textarea.blue {color: blue;}
.black {color: black;}
.gray {color: gray;}
.purple {color: purple;}
.left {float: left;}
.right {float: right;}
.txtleft {text-align: left;}
.txtcenter {text-align: center;}
.txtright {text-align: right;}
.valign {vertical-align: middle;}
.fullwidth {width: 99%;}
.halfwidth {width: 48%;}
.onethirdwidth {width: 32%;}
.quarterwidth {width: 24%;}
.show_scrolls {overflow: auto;}
.basic_height {min-height: 400px; height: auto !important; height: 400px;}
.group {border: 1px solid  #CCCCCC; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.instructions {display: block; background: url("../images/icon_info.png") no-repeat; padding-left: 22px; margin-bottom: 10px;}
.mleft5 {margin-left: 5px;}
.mleft10 {margin-left: 10px;}
.mleft20 {margin-left: 20px;}
.mright5 {margin-right: 5px;}
.mright10 {margin-right: 10px;}
.mright20 {margin-right: 20px;}
.mtop10 {margin-top: 10px;}
.mtop15 {margin-top: 15px;}
.mtop20 {margin-top: 20px;}
.mtop30 {margin-top: 300px;}
.mtop40 {margin-top: 40px;}
.mtop100 {margin-top: 100px;}
.mbottom5 {margin-bottom: 5px;}
.mbottom10 {margin-bottom: 10px;}
.mbottom20 {margin-bottom: 20px;}
.mbottom30 {margin-bottom: 30px;}
.mbottom40 {margin-bottom: 40px;}
.font10 {font-size: 10px !important;}
.font11 {font-size: 11px !important;}
.font12 {font-size: 12px !important;}
table {text-align:left;margin:auto;padding:auto;}
img {border:0;}
img.mid_align {vertical-align:middle;margin-right:5px;border:0;}
ul.nobullet, ol.nobullet {list-style: none;}
ul.style,ol.style {padding-bottom:15px;padding-left:30px;}
ul.style li,ol.style li {margin-bottom:5px;padding-left:5px;}
fieldset {border: 1px solid  #CCCCCC; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
fieldset legend {font-weight: bold;}
label {font-weight:bold;}
.quote {width:80%;display:block;margin:auto;padding:auto;padding:20px 15px 20px 15px;font-size:14px;font-style:italic;color:#666;}
input[type=text],input[type=password],select {background:#fff url("../images/bg_ip.png") repeat-x;padding: 2px 5px;font-size:12px;color:#363636;font-weight:normal;margin:0;border:1px solid #c0c0c0;}
.login input[type=text],input[type=password] {padding: 8px 5px;}
.table_overhead input[type=text], select {padding: 5px 5px;}
input.search {background:transparent;border:0;width:180px;}
textarea {background:#fff url("../images/bg_ip.png") repeat-x;padding:3px 5px 3px 5px;font-size:12px;color:#363636; font-family: arial; margin:0;border:1px solid #c0c0c0;}
input.readonly, textarea.readonly {background: 0;}
input[type=text]:hover,input[type=password]:hover,textarea:hover, select:hover {background-color:#fff5d3;border:1px solid #999;}
input[type=text]:focus,input[type=password]:focus,textarea:focus {background-color:#fff5d3;}
input[type=text].blur,input[type=password].blur,textarea.blur {color:#999;font-weight:normal;font-style:italic;}
input.search:hover,input.search:focus {background:transparent;border:0;}
input[type=submit],input[type=button], button {background:#ccc url("../images/bt_g.png") repeat-x;margin:0;border:1px solid #999;font-weight:bold;padding:7px 10px 7px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:0 1px 2px #444;-webkit-box-shadow:0 1px 2px #444;box-shadow:0 1px 2px #444;text-shadow:1px 0 0 #ccc;color:#333;}
input[type=submit].disabled,input[type=button].disabled, button.disabled {color:#AAAAAA;}
input[type=text].disabled, select.disabled {border: 0; background: none;}
input[type=button].right_switch {-moz-border-radius:0;-webkit-border-radius:0;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;background:#ccc url("../images/bg_switch.png") repeat-x;font-weight:bold;margin:0;height:30px;border:1px solid #AAA9A9;-moz-box-shadow:0 1px 1px #fff;-webkit-box-shadow:0 1px 1px #fff;box-shadow:0 1px 1px #fff;text-shadow:1px 0 0 #fff;color:#333;font-size:10px;}
input[type=button].left_switch {-moz-border-radius:0;-webkit-border-radius:0;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;background:#ccc url("../images/bg_switch.png") repeat-x;font-weight:bold;margin:0;height:30px;border:1px solid #AAA9A9;-moz-box-shadow:0 1px 1px #fff;-webkit-box-shadow:0 1px 1px #fff;box-shadow:0 1px 1px #fff;text-shadow:1px 0 0 #fff;color:#333;font-size:10px;}
input[type=button].middle_switch {-moz-border-radius:0;-webkit-border-radius:0;background:#ccc url("../images/bg_switch.png") repeat-x;font-weight:bold;margin:0;height:30px;border:1px solid #AAA9A9;-moz-box-shadow:0 1px 1px #fff;-webkit-box-shadow:0 1px 1px #fff;box-shadow:0 1px 1px #fff;text-shadow:1px 0 0 #fff;color:#333;font-size:10px;}
input[type=submit]:hover,input[type=button]:hover, button:hover, input[type=button].right_switch:hover,input[type=button].left_switch:hover,input[type=button].middle_switch:hover {border:1px solid #666;background:#999 url("../images/bt_gh.png") repeat-x;}
input[type=submit].disabled:hover,input[type=button].disabled:hover, button.disabled:hover {border:1px solid #999; background:#999 url("../images/bt_g.png") repeat-x;}
input[type=submit]:active,input[type=button]:active, button:active,input[type=button].right_switch:active,input[type=button].left_switch:active,input[type=button].right_switch.active,input[type=button].left_switch.active,input[type=button].middle_switch:active,input[type=button].middle_switch.active {color:#ccc;border:1px solid #999;background:#999 url("../images/bt_ga.png") repeat-x;text-shadow:0 0 0 #999;}
input[type=submit].disabled:active,input[type=button].disabled:active, button.disabled:active, input[type=button]:disabled {color:#AAAAAA; border:1px solid #999;background:#999 url("../images/bt_g.png") repeat-x; text-shadow:1px 0 0 #ccc;}
.ui-datepicker select {padding: 0; margin: 0;}
.info_text {display: block; background: url("../images/icon_info.png") 0 2px no-repeat; padding-left: 26px;}
fieldset legend {padding: 0 5px;}

a.help {display: inline-block;}

#login_logo {width:350px; margin:auto;padding:auto; text-align: center}
#login_wrapper {width:100%;height:400px;margin-top:100px;}
#login_top_window {margin:auto;padding:auto;width:351px;height:30px;}
#login_body_window {margin:auto;padding:auto;width:351px;height:240px;background:transparent url('../images/blue/bg_login_window.png') no-repeat top; position: relative;}
#login_body_window h2 {color: #666666;}
#login_body_window .inner {margin:auto;padding:auto;width:300px;height:235px;padding-top:10px;}
#login_body_window .inner p {margin-top:30px;}
#login_body_window #login_error {position: absolute; top: 40px; left: 25px; color: red;}
#login_footer_window {margin:auto;padding:auto;width:351px;height:30px;}
#login_reflect {margin:auto;padding:auto;margin-top:3px;width:350px;height:107px;}

#header {width:100%;position: relative; height:100px;background:#353c42 url('../images/blue/bg_header.png') repeat-x;text-shadow:1px 0 0 #666;color:#ccc;}
#header a {font-weight:bold;color:#fff;}
#header a:hover {color:#ebebeb;}
#header a:active {color:#999;}
#header #logo {width:210px;float:left;margin:17px 0 0 10px;}
#header #last_logon {position: absolute; top: 0; right: 0; width:280px;height:30px;margin:9px 1px 0 0; padding: 63px 10px 0 13px;text-align:left;}
#header #last_logon span {font-weight:bold;color:#fff;}
#header #account_info {float:left;text-align:left;margin:20px 35px 0 20px;}
#header #account_info h2 {font-weight: normal;}
#header #account_info ul {margin: 5px 0 0 23px;}
#header #account_info ul li  span {font-weight:bold;color:#fff;}

#left_menu {width:213px;height:100%;float:left;}
#left_menu.show {display: block;}
#left_menu::after {content: ""; display: block; width: 200px; height: 302px; background: url("../images/man2.png") 20px 10px no-repeat;}

#main_menu {margin:0;padding:0;float:left;width:210px;list-style:none;display:block;}
#main_menu li {width:100%;border-top:1px solid #fff;border-bottom:1px solid #ccc;display:block;}
#main_menu li.active {height:auto;}
#main_menu li ul {margin:0;padding:0;padding:10px 0 10px 0;margin-bottom:10px;float:left;width:100%;background:#bfc6cf url("../images/bg_ip.png") repeat-x;border-top:2px solid #999;border-bottom:1px solid #fff;display:none;overflow:hidden;}
#main_menu li ul li {border:0;padding-left: 5px; font-weight: bold;}
#main_menu li ul li a {text-shadow:0 1px 0 #DBDBDB; padding-left: 5px;}
#main_menu li ul li a.disabled {pointer-events: none; cursor: default; color: #999999;}
#main_menu li ul li.selected a, #main_menu li ul li a:hover {background:#b1b8c1;text-shadow:0 1px 0 #DBDBDB;}
#main_menu li ul li.seperator {border-top: 1px solid #9FAAB7; border-bottom: 1px solid #D7DDE3; margin-bottom: 5px;}
#main_menu li a img {vertical-align:middle;margin-right:15px;border:0;}
#main_menu li a {display:block;padding:5px 20px 7px 10px;color:#4b4f5d;font-weight:bold;text-shadow:0 1px 0 #fff;}
#main_menu li a img {float: left; margin-bottom: 10px;}
#main_menu li a:hover {background:#DADADA;}
#main_menu li.end {border-top:1px solid #fff;border-bottom:0;height:1px;}
#main_menu > li.selected {background-color: #DADADA;}

a#hide_menu {display:block;margin-right:3px;padding:5px 10px 5px 30px;text-align:right;font-size:14px;color:#4b4f5d;font-weight:bold;border-bottom:1px solid #ccc;cursor:w-resize;}
a#hide_menu:hover {background:#ccc;}
a#show_menu {padding:5px 10px 5px 10px;border:1px solid #ccc;position:relative;top:10px;left:5px;background:#ebebeb;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#4b4f5d;font-weight:bold;cursor:e-resize;}
a#show_menu:hover {background:#ccc;}

ul.shortcut {list-style:none;display:block;margin-top:20px;font-size:11px;}
ul.shortcut li {display:block;float:left;margin:0 20px 20px 0;text-align:center;}
ul.shortcut li a {display:block;width:100px;padding:10px 10px 10px 10px;background:#fff url('../images/shortcut/bg_shortcut.png') repeat-x center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #cdcdcd;color:#4c535b;text-shadow:0 1px 0 #fff;-moz-box-shadow:0 2px 2px #fff;-webkit-box-shadow:0 2px 2px #fff;box-shadow:0 2px 2px #fff;}
ul.shortcut li a:hover {background:#eaeced url('../images/shortcut/bg_shortcut_h.png') repeat-x center;}
ul.shortcut li a:active,#shortcut li a.active {background:#C6CACB url('../images/shortcut/bg_shortcut_a.png') repeat-x center;}
ul.shortcut li a img {margin-bottom:5px;}
ul.shortcut_notifications {display:none;!important;}

.notification {color:#fff;font-weight:bold;text-shadow:1px 0 0 #333;background:transparent url('../images/bg_notification.png') no-repeat center;position:absolute;width:37px;height:37px;display:block;text-align:center;padding-top:17px;}
.notification2 {display: inline-block; width: 16px; height: 16px; text-align: center; color:#fff;font-weight:bold;text-shadow:1px 0 0 #333;background:transparent url('../images/bg_notification.png') no-repeat center; line-height: 16px;}
#content_wrapper {width:100%;text-align:left;}
#content {margin-left:240px;padding:20px 10px 0 0; min-width:400px; width: auto !important; width: 1030px;}
#content.full {margin-left: 30px;}
#content .inner {float:left; width:98%;}
.onecolumn {width:100%;background:#fff;border:1px solid #cdcdcd;margin:20px 0 20px 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 2px #ccc;-webkit-box-shadow:0 1px 2px #ccc;box-shadow:0 1px 2px #ccc;}
.onecolumn .header {margin:0;padding:0;float:left;background:#cdcdcd url("../images/bg_window_header.png") repeat-x;width:100%;height:40px;border-bottom:1px solid #ccc;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;}
.onecolumn .header span {display:block;font-size:16px;font-weight:bold;padding:10px 0 0 15px;float:left;width:auto;cursor:n-resize;}
.onecolumn .header label {display:block;font-size:14px;font-weight:bold;padding:10px 0 0 15px;float:left;}
.onecolumn .header select {margin:12px 0 0 10px; padding: 0;}
.onecolumn .header span img {margin-right: 6px;}
.onecolumn .header .switch {float:right;margin-right:15px;padding:5px 0 0 0;}
.onecolumn .header .buttons {float: right; margin: 8px 10px 0 0;}
.onecolumn .header .buttons a {margin-left: 5px;}
.onecolumn .content {background:#fff url("../images/bg_ip.png") repeat-x;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;border-top:1px solid #bdbdbd;padding:15px;}
.onecolumn .important, .onecolumn .interesting, .onecolumn .died, .onecolumn .frontida_ygeias {display: inline-block; width: 63px; height: 21px; background: url("../images/important.png") no-repeat; padding: 3px 0 0 27px; color: #CCCCCC;}
.onecolumn .important.checked, .onecolumn .interesting.checked, .onecolumn .died.checked, .onecolumn .frontida_ygeias.checked { width: 82px; background: url("../images/important.png") 0 -24px no-repeat; padding: 3px 0 0 8px; color: #FFFFFF; font-weight: bold;}
.onecolumn .interesting_txt, .onecolumn .died_txt {margin-left: 10px; width: 200px !important;  min-width: auto !important;}


table.data caption {display:none;}
table.data tr {background-color:#fff;}
table.data tr.highlight1 {background-color:#ECFAEC;}
table.data tr.highlight2 {background-color:#EBEDFF;}
table.data tr td, table.data tr th {border-bottom:1px solid #ccc;}
table.data tr th {font-weight:bold;background:#eee; white-space: nowrap;}
table.data tr th,table.data tr td {padding:7px;}
table.data tr td {color:#666;}
table.data tr td.red {color:#ff0000;}
table.data tr:hover td, table.data tr.dark:hover td {background-color: #FFFFCC;}
table.data div {position: relative;}
table.data div img.thumb {position: absolute; top: -20px;}
table.data tr.dark td {background-color: #FFF5E5;}
table.rowlink tr td:hover {cursor: pointer;}
table.fullborders {border-collapse: collapse;}
table.fullborders td, table.fullborders th {border: 1px solid #DDDDDD;}


.calendar table {border-collapse: collapse;}
.calendar table th, .calendar table td {border: 1px solid #ccc; padding: 5px; vertical-align: middle; text-shadow: none !important;}
.calendar table th {text-align: center; font-weight: bold;}
.calendar table th.today {background-color: #1A73E8; color: #fff;}
.calendar table th.today a {color: #fff !important;}
.calendar table th.curday {background-color: #D2E3FC; color: #1A5DBC;}
.calendar table td {height: 30px; position: relative; background-clip: padding-box; padding-right: 12px !important;}
.calendar .datepicker {width: 70px; padding: 6px 5px 8px 10px; border-radius: 5px;}
.calendar .ui-datepicker-trigger {height: 20px;}
.calendar .actions form {display: inline-block; margin-left: 5px;}
.calendar .table_window {width: 100%; max-height: 9999px; overflow: auto; -webkit-overflow-scrolling: touch;}
.calendar .button {box-shadow: inset 0 -2px 4px rgba(0, 0, 0, 0.15);}
.calendar .button.active {background-color: #eee; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);}
.calendar table td .remove {display: none; position: absolute; width: 12px; height: 12px; top: 0px; right: 0px; text-align: center; color: #666; font-size: 10px; font-family: Verdana, Arial, sans-serif; line-height: 10px; cursor: pointer; background-color: #fff;}
.calendar table td.full .remove {display: block;}
.calendar table td.full .remove:hover {color: #fff; background-color: #FF4D4D;}
.calendar table td.day {width: 11.42%;}
.calendar table td.day.day-view {width: 80%;}

.calendar table td.bg-red {background-color: #FEA4A4;}
.calendar table td.bg-blue {background-color: #D2E3FC;}
.calendar table td.bg-green {background-color: #BBFFBB;}
.calendar table td.bg-orange {background-color: #FFCA6F;}
.calendar table td.bg-yellow {background-color: #FEFF8B;}
.calendar table td.bg-grey {background-color: #D5D3D3;}

.calendar_modal {width: 420px; background-color: #ffffff; padding: 20px;}
.calendar_modal label {display: block;}
.calendar_modal textarea {width: 98%; height: 80px;}
.calendar_modal .color_circle {display: inline-block; width: 20px; height: 20px; margin-right: 5px; border-radius: 20px; text-align:center; line-height: 20px; font-size: 12px; font-weight: bold; cursor: pointer;}
.calendar_modal .color_circle.red {background-color: #D50000; color: #D50000;}
.calendar_modal .color_circle.green {background-color: #33B679; color: #33B679;}
.calendar_modal .color_circle.blue {background-color: #039BE5; color: #039BE5;}
.calendar_modal .color_circle.yellow {background-color: #F0F303; color: #F0F303;}
.calendar_modal .color_circle.grey {background-color: #616161; color: #616161;}
.calendar_modal .color_circle.orange {background-color: #FFA500; color: #FFA500;}
.calendar_modal .color_circle.none {border: 1px solid #999; background-color: #FFF; color: #FFF;}
.calendar_modal .color_circle::after {display: inline; content: "\2713";}
.calendar_modal .color_circle.active::after {color: #fff;}
.calendar_modal .color_circle.none.active::after {color: #666;}
.calendar_modal textarea {font-size: 14px;}

 
@media (max-width: 500px) {
	.calendar_modal {width: 320px; background-color: #ffffff; padding: 20px;}
}

@media (max-width: 400px) {
	.calendar_modal {width: 280px; background-color: #ffffff; padding: 20px;}
}


table.data .audiodate {font-size: 8px; margin-top: 2px; white-space: nowrap;}

.table_window {width: 100%; min-height: 300px; max-height:500px; overflow: auto; -webkit-overflow-scrolling: touch}

table#graph_data th {text-align:center;}
table#graph_data td {cursor:pointer;text-align:center;}
table#graph_data td.hover {background:#fff5d3;}

label.clickable {cursor: pointer;}
label.clickable:hover {color: red;}

.chart_wrapper {padding-left:20px;position:relative;top:5px;}
.twocolumn {width:100%;margin:20px 0 20px 0;}
.column_left,.column_right {width:49%;background:#fff;border:1px solid #cdcdcd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 4px #ccc;-webkit-box-shadow:0 1px 2px #ccc;box-shadow:0 1px 2px #ccc;float:left;}
.column_right {float:right;}
.column_left .header,.column_right .header {margin:0;padding:0;float:left;background:#cdcdcd url("../images/bg_window_header.png") repeat-x;width:100%;height:40px;border-bottom:1px solid #ccc;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;}
.column_left .header span,.column_right .header span {display:block;font-size:16px;font-weight:bold;padding:10px 0 0 15px;float:left;width:auto;cursor:n-resize;}
.column_left .header .switch,.column_right .header .switch {float:right;margin-right:15px;padding:5px 0 0 0;}
.column_left .content,.column_right .content {background:#fff url("../images/bg_ip.png") repeat-x;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-top:1px solid #bdbdbd;padding-bottom:10px;padding:25px 15px 15px 15px;}
.threecolumn {width:100%;margin:20px 0 0 0;float:left;}
.threecolumn_each {width:31%;background:#fff;border:1px solid #cdcdcd;-moz-border-radius:5px;-webkit-border-radius:5px;-moz-box-shadow:0 1px 4px #ccc;-webkit-box-shadow:0 1px 2px #ccc;box-shadow:0 1px 2px #ccc;float:left;margin:0 1% 0 1%;}
.threecolumn_each .header {margin:0;padding:0;float:left;background:#cdcdcd url("../images/bg_window_header.png") repeat-x;width:100%;height:40px;border-bottom:1px solid #ccc;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;}
.threecolumn_each .header span {display:block;font-size:16px;font-weight:bold;padding:10px 0 0 15px;float:left;width:auto;cursor:n-resize;}
.threecolumn_each .header .switch {float:right;margin-right:15px;padding:5px 0 0 0;}
.threecolumn_each .content {background:#fff url("../images/bg_ip.png") repeat-x;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-top:1px solid #bdbdbd;padding-bottom:10px;padding:25px 15px 15px 15px;}
.alert_warning {margin:auto;padding:auto;background:#fcf2a5;border:1px solid #edbf06;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 4px #ccc;-webkit-box-shadow:0 1px 2px #ccc;box-shadow:0 1px 2px #ccc;color:#333;font-weight:bold;cursor:pointer;margin:10px 0 10px 0;text-shadow:0 0 0 transparent;}
.alert_info {margin:auto;padding:auto;background:#e6f5fd;border:1px solid #b2c8ff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 4px #ccc;-webkit-box-shadow:0 1px 2px #ccc;box-shadow:0 1px 2px #ccc;color:#333;font-weight:bold;cursor:pointer;text-shadow:0 0 0 transparent;}
.alert_success {margin:auto;padding:auto;background:#08A000;border:1px solid #49816e;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 4px #ccc;-webkit-box-shadow:0 1px 2px #ccc;box-shadow:0 1px 2px #ccc;color:#fff;font-weight:bold;text-shadow:1px 0 1px #333;cursor:pointer;margin:10px 0 10px 0;}
.alert_error {margin:auto;padding:auto;background:#fb1800;border:1px solid #ff8e8e;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 4px #ccc;-webkit-box-shadow:0 1px 2px #ccc;box-shadow:0 1px 2px #ccc;color:#fff;font-weight:bold;text-shadow:1px 0 1px #333;margin:10px 0 10px 0;}
.alert_warning p,.alert_info p,.alert_success p,.alert_error p {margin:15px;}
.noshadow {-moz-box-shadow:0 0 0 transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;}
.media_photos {display:block;margin:0;padding:0;list-style:none;float:left;margin-top:30px;padding-left:10px;width:100%;}
.media_photos li {display:block;float:left;margin:0;padding:0;width:100px;height:100px;text-align:center;}
.media_photos li a {text-align:center;}
.media_photos li img {border:1px solid #ccc;width:75px;height:75px;}
.modal_header {background:#353c42 url('../images/blue/bg_header.png') repeat-x;padding:5px 15px 5px 15px;color:#fff;text-shadow:0 0 0 transparent;!important;}
.modal_header span {font-size:16px;color:#fff;font-weight:bold;}
.modal_content {background:#fff url("../images/blue/bg_modal_window.png") repeat-x bottom;padding:15px;}
#footer {margin:40px 0 10px 0;padding:20px 0 20px 0;border-top:1px solid #ccc;font-size:10px;color:#999;}

.pagination {margin: 20px auto 0 auto; text-align: center;}
.pagination span {margin: 0 3px;}
.pagination span img {margin: 0 4px; vertical-align: middle;}
.pagination .results_per_page {clear: both; width: 100%; margin-top: 10px;}
.pagination .results_per_page label {font-weight: normal;}

.table_overhead {color: #363636; margin-bottom: 10px; position: relative;}
.table_overhead form {margin: 0; padding: 0;}
.table_overhead form div {margin: 3px 0;}
.table_overhead form div.instructions {margin-bottom: 15px;}
.table_overhead form.search_by_form .mright20 {margin-right: 20px;}
.table_overhead form.search_by_form label {display: inline-block; width: 85px;}
.table_overhead form.search_by_form.long label {width: 140px;}
.table_overhead form.search_by_form .column {float: left;}
.table_overhead input[type=text] {margin: 0 5px 5px 5px; width: 180px;}
.table_overhead input.datepicker {width: 100px;}
.table_overhead select {margin: 0 5px 5px 2px;}
.table_overhead input[type=submit] {padding:4px 10px 2px 10px;}
.table_overhead form.filter_form select {margin: 0 20px 0 5px;}
.table_overhead .actions {position: absolute; right: 0; bottom: 0;}

div.minwidth {min-width:1000px; width: auto !important; width: 100px;}

#ajax_info {display: none; position: fixed; left: 50%; top: 50%; margin-left: -225px; width: 450px; height: 50px;}
#ajax_info div {box-shadow: 2px 2px 4px rgba(0,0,0,0.5)}

a.button {display: inline-block;margin: 0 5px; padding: 5px 10px; border: 1px solid #CCCCCC; -moz-border-radius: 5px; -webkit-border-radius: 5px;  border-radius: 5px; white-space: nowrap;}
a.button:hover {background-color: #E0E7EE;}
a.button img {margin-right: 5px; vertical-align: middle;}
a.button.imgright img {margin-left: 5px; margin-right: 0px;}
a.hide {display: none;}
a.button.txtcenter img {float: none;}

#tabs {position: relative; margin: 50px 0 20px 0; padding: 20px; border: 1px solid #CCCCCC; -moz-border-radius: 5px; -webkit-border-radius: 5px;  border-radius: 5px;}
#tabs ul {position: absolute; top: -30px;}
#tabs ul li {display: inline-block; margin-right: 2px; padding: 5px 10px; border: 1px solid #CCCCCC; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;  border-radius: 5px 5px 0 0; background-color: #EEEEEE;}
#tabs ul li.active {background-color: #FFFFFF; border-bottom: 1px solid #FFFFFF;}

#patientform fieldset {float: left; margin: 0 0 20px 0;}
#patientform .fieldset1 {width: 25%}
#patientform .fieldset1_1 {width: 25%}
#patientform .fieldset2 {width: 50%; margin: 0 20px 20px 20px;}
#patientform .fieldset2_1 {width: 65%; margin: 0 0 20px 20px;}
#patientform .fieldset3 {width: 15%; margin-right: 0;}
#patientform .fieldset4 {width: 25%}
#patientform .fieldset5 {width: 50%; margin-left: 20px; margin-right: 0;}
#patientform .fieldset5_1 {width: 65%; margin-left: 20px; margin-right: 0;}
#patientform fieldset>div {margin: 5px 0;}
#patientform label {display: inline-block; width: 120px; text-align: right; margin-right: 10px; text-transform: uppercase;}
#patientform input[type=text] {padding: 1px 2px; width: 110px;}
#patientform input[type=checkbox] {margin-right: 5px;}
#patientform select {padding: 0px 2px; max-width: 110px;}
#patientform .readonly {background: 0;}
#patientform #note {text-align: left; font-style: italic; margin: 3px 0 20px 0;}
#patientform #family_history {margin-top: 20px; padding-top: 5px; border-top: 1px solid #CCCCCC;}
#patientform #a_a_comments {margin-top: 20px; padding-top: 5px; border-top: 1px solid #CCCCCC;}
#patientform #a_a_comments textarea {width: 100%; height: 120px;}
#patientform #personal_history .column1 {float:left; width: 50%; min-width: 130px;}
#patientform #personal_history .column2 {float:left; width: 50%;}
#patientform #personal_history input[type=text] {width: 40%; font-size: 11px; padding: 2px;}
#patientform #personal_history span {display: inline-block; width: 120px; overflow: hidden; vertical-align: bottom; white-space: nowrap;}
#patientform #scan {margin-top: 20px; padding-top: 5px; border-top: 1px solid #CCCCCC;}

#patientform #family_history .column1 {float:left; width: 50%; min-width: 130px;}
#patientform #family_history .column2 {float:left; width: 50%;}
#patientform #family_history input[type=text] {width: 55%; font-size: 11px; padding: 2px;}
#patientform #family_history span {display: inline-block; width: 25%; min-width: 65px; overflow: hidden; vertical-align: bottom; white-space: nowrap;}

#patientform #personal_history, #family_history #personal_history  {width: 100%; white-space: nowrap;}
#patientform #aggeiakoi_paragontes textarea {width: 100%; min-width: 140px; max-width: 250px; height: 50px;}
#patientform .farmakeutiki_agogi textarea {width: 100%; height: 100px;}
#patientform #farmakeutiko_istoriko textarea {width: 75%; height: 55px; vertical-align: top;}
#patientform #farmakeutiko_istoriko span, #patientform #farmakeutiko_istoriko label {display: inline-block; width: 20%; margin-right: 10px;}
#patientform #farmakeutiko_istoriko span {white-space: nowrap;}
#patientform #farmakeutiko_istoriko div {margin: 10px 0;}
#patientform #farmakeutiko_istoriko textarea.last_visit {height: 100px;}

#patientform .thumbnail {display: inline-block; position: relative; width: 100px; height: 100px;}
#patientform .thumbnail .add img, #patientform .thumbnail>img {opacity: 0.5;}
#patientform .thumbnail .add:hover img {opacity: 1;}
#patientform .thumbnail .add:after {content:"+"; display: block; position: absolute; top: 50px; left: 37px; width: 50px; height: 50px; font-size: 50px; color: #FFFFFF; line-height: 1;}
#patientform .thumbnail .remove {position: absolute; top: 0; right: 0; padding: 0 4px 2px 4px; background-color: #333333; font-size: 20px; color: #FFFFFF; line-height: 20px; cursor: pointer;}
#patientform .thumbnail .remove:hover {background-color: #FF0000;}

#visitform fieldset>div {margin: 10px 0;}
#visitform label {display: inline-block; width: 160px; text-align: right; margin-right: 10px; vertical-align: top;}
#visitform label.short {width: 60px;}
#visitform input[type=text] {width: 40%; min-width: 300px;}
#visitform input[type=text].short {width: 100px; min-width: 100px;}
#visitform input[type=text].short2 {width: 60px; min-width: 60px;}
#visitform textarea {width: 40%; min-width: 300px; height: 85px; vertical-align: top;}
#visitform .laboratories label {display: block; float: left;}
#visitform .laboratories>div {width: 40%; min-width: 300px;}
#visitform .laboratories textarea {width: 100%; height: 120px;}
#visitform .laboratories select {margin-bottom: 3px;}
#visitform .audio div.left {float: left;}
#visitform .audio label {display: block; float: left;}
#visitform audio {width: 250px;}
#visitform .audio #tabs {min-width: 300px;}
#visitform #log {font-style: italic;}
#visitform #recording_icon {display: none;}
#visitform #recording_icon img {vertical-align: middle;}
#visitform input[type=text].file_txt {min-width: 100px !important; max-width: 100px;}

#laboratoryform>fieldset {padding: 20px; position: relative;}
#laboratoryform fieldset fieldset {float: left; margin-right: 20px;}
#laboratoryform .fieldset3, #laboratoryform .fieldset4 {margin-top: 9px; padding-top: 18px;}
#laboratoryform .fieldset4 {margin-right: 0;}
#laboratoryform .fieldset5 {clear: left; position: absolute; top: 325px;}
#laboratoryform .fieldset6 {margin-top: 40px;}
#laboratoryform fieldset>div {margin: 5px 0;}
#laboratoryform label {display: inline-block; width: 70px; text-align: right; margin-right: 10px; vertical-align: top;}
#laboratoryform input[type=text] {width: 90px; padding: 1px 2px;}
#laboratoryform .fieldset2 textarea {width: 170px; height: 50px;}
#laboratoryform .fieldset5  textarea {width: 380px; height: 80px;}
#laboratoryform label {cursor: pointer;}
#laboratoryform label:hover {color: red;}
#laboratoryform .delete_file {margin-left: 5px;}
#laboratoryform .fieldset6 input[type=text] {margin-right: 5px; width: 120px;}

#noteform>fieldset {padding: 20px; position: relative;}
#noteform .fieldset2 {margin-top: 40px;}
#noteform fieldset>div {margin: 5px 0;}
#noteform label {display: inline-block; width: 70px; text-align: right; margin-right: 10px; vertical-align: top;}
#noteform input[type=text], #noteform textarea {width: 40%; min-width: 300px;}
#noteform textarea {height: 100px;}
#noteform input[type=text].short {width: 150px; min-width: 150px;}
#noteform .delete_file {margin-left: 5px;}

#apeikonistikaform>fieldset {padding: 20px; position: relative;}
#apeikonistikaform fieldset fieldset {float: left; margin-right: 20px;}
#apeikonistikaform .fieldset2 {margin-top: 40px;}
#apeikonistikaform fieldset>div {margin: 5px 0;}
#apeikonistikaform label {display: inline-block; width: 70px; text-align: right; margin-right: 10px; vertical-align: top;}
#apeikonistikaform input[type=text] {width: 90px; padding: 1px 2px;}
#apeikonistikaform input#exam, #apeikonistikaform textarea {width: 35%; min-width: 250px;}
#apeikonistikaform textarea {height: 100px;}
#apeikonistikaform .delete_file {margin-left: 5px;}
#apeikonistikaform .fieldset2 input[type=text] {margin-right: 5px; width: 120px;}

#agogiform>fieldset {padding: 20px; position: relative;}
#agogiform fieldset fieldset {float: left; margin-right: 20px;}
#agogiform .fieldset2 {margin-top: 40px;}
#agogiform fieldset>div {margin: 5px 0;}
#agogiform label {display: inline-block; width: 70px; text-align: right; margin-right: 10px; vertical-align: top;}
#agogiform input[type=text] {width: 90px; padding: 1px 2px;}
#agogiform input#exam, #agogiform textarea {width: 35%; min-width: 250px;}
#agogiform textarea {height: 100px;}
#agogiform .delete_file {margin-left: 5px;}
#agogiform .fieldset2 input[type=text] {margin-right: 5px; width: 120px;}


.gnomateuseis {width: 960px; height: 600px; background-color: #ffffff; padding: 20px;}
.gnomateuseis .onecolumn {margin: 0;}
.gnomateuseis label {margin-right: 10px;}
.gnomateuseis input[type=text] {width: 100%;}
.gnomateuseis textarea {width: 100%; height: 80px;}
.gnomateuseis p {margin: 15px 0;}
.gnomateuseis .title {margin: 30px 0 30px 0; text-align: center; text-decoration: underline;}
.gnomateuseis .oneline input {width: 200px; margin-right: 10px;}

#scan_thumbnails {min-height: 100px; margin-top: 20px; padding: 10px; border: 1px solid #CCCCCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
#scan_thumbnails .scan_thumb {float: left; display: table; position: relative; margin: 10px; padding: 10px; width: 200px; height: 200px; border: 1px solid #CCCCCC; text-align: center;}
#scan_thumbnails .scan_thumb:hover {background-color: #FFFFC0;}
#scan_thumbnails .scan_thumb span {display: table-cell; vertical-align: middle;}
#scan_thumbnails .scan_thumb img {max-width: 200px; max-height: 200px;}
#scan_thumbnails .noscan {text-align: center; margin-top: 40px; color: #CCCCCC; font-size: 20px;}
#scan_thumbnails .scan_thumb .rotate_anticlockwise_photo {display: none; position: absolute; top: 4px; right: 64px; padding: 4px;}
#scan_thumbnails .scan_thumb .rotate_clockwise_photo {display: none; position: absolute; top: 4px; right: 34px; padding: 4px;}
#scan_thumbnails .scan_thumb .delete_photo {display: none; position: absolute; top: 4px; right: 4px; padding: 4px;}
#scan_thumbnails .scan_thumb:hover .rotate_anticlockwise_photo, #scan_thumbnails .scan_thumb:hover .rotate_clockwise_photo, #scan_thumbnails .scan_thumb:hover .delete_photo {display: block;}

#scan_thumbnails2 {min-height: 100px; margin-top: 20px; padding: 10px; border: 1px solid #CCCCCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;}
#scan_thumbnails2 .scan_thumb {float: left; display: table; position: relative; margin: 10px; padding: 5px; width: 80px; height: 80px; border: 1px solid #CCCCCC; text-align: center;}
#scan_thumbnails2 .scan_thumb:hover {background-color: #FFFFC0;}
#scan_thumbnails2 .scan_thumb span {display: table-cell; vertical-align: middle;}
#scan_thumbnails2 .scan_thumb img {max-width: 80px; max-height: 80px;}
#scan_thumbnails2 .noscan {text-align: center; margin-top: 40px; color: #CCCCCC; font-size: 20px;}

#userform fieldset {float: left; margin-right: 20px;}
#userform fieldset div {margin: 10px 0;}
#userform label {float: left; width: 100px; text-align: right; margin-right: 10px;}
#userform input[type=text], #userform input[type=password] {padding: 1px 2px; width: 200px;}
#userform select {padding: 1px 2px; margin-bottom: 8px; max-width: 200px;}
#userform #note {text-align: left; font-style: italic; margin: 3px 0 20px 0;}

#home_graphs #graph_container {height: 280px;}
#statistics_graphs #graph_container1, #statistics_graphs #graph_container2 {height: 300px; margin-top: 10px;}
 

#myflashrec #record {color:red;}
#myflashrec #levelbase {width: 400px; height: 25px; background-color: #EEEEEE; border: 1px solid #CCCCCC;}
#myflashrec #levelbar {height: 25px; width: 4px; background-color: red;}
#myflashrec #rec-ctrl {width: 100%; background: #EEEEEE; border: 1px solid #CCCCCC; padding: 5px;}
#myflashrec input[type=button] {margin: 4px 2px 4px 0; box-shadow: none; text-shadow: none; padding: 2px 5px; font-weight: normal;}


#patientform fieldset legend, #patientform label, #patientform h5, #visitform fieldset legend, #visitform label, #laboratoryform fieldset legend, #laboratoryform label, table.data th {text-transform: uppercase;}

table.bt tr td:last-child {border-bottom: 1px solid #ccc !important;}
table.bt tbody td.hide {display: none !important;}

#katoikon a {display: block; height: 20px;}

/* ------------------------------ Media Queries ------------------------------ */

@media only screen and (max-width: 1420px) {
	#patientform label {display: block; text-align: left; margin-bottom: 2px;}
	#patientform #farmakeutiki_agogi textarea {height: 250px;}
	#patientform .fieldset1 {width: 15%}
}

@media only screen and (max-width: 1240px) {
	#patientform .fieldset2 {width: 45%; margin: 0 10px 20px 10px;}
	#patientform #personal_history .column1 {float:none; width: 100%;}
	#patientform #personal_history .column2 {float:none; width: 100%;}
	#patientform #family_history .column1 {float:none; width: 100%;}
	#patientform #family_history .column2 {float:none; width: 100%;}
	#patientform #family_history input[type=text] {width: 65%}

	#laboratoryform .fieldset3 {clear: left;}
	#laboratoryform .fieldset3, #laboratoryform .fieldset4 {margin-top: 20px;}
	#laboratoryform .fieldset2, #laboratoryform .fieldset4 {margin-right: 0;}
	#laboratoryform .fieldset5, #laboratoryform .fieldset6 {position: static; margin-top: 20px;}
}

@media only screen and (max-width: 1240px) {
	.home #content .inner::after, .content .table_overhead:after {display: none;}
}

@media only screen and (max-width: 1023px) {
	#patientform .fieldset1, #patientform .fieldset1_1, #patientform .fieldset2, #patientform .fieldset2_1, #patientform .fieldset3, #patientform .fieldset4, #patientform .fieldset5, #patientform .fieldset5_1 {width: 97%; margin: 0 0 20px;}
	#patientform label {display: inline-block; text-align: right; margin-bottom: 0;}
	#patientform #farmakeutiki_agogi textarea {height: 200px;}
	.table_overhead form.search_by_form .column {float: none;}
}

@media only screen and (max-width: 940px) {
	#tabs .tab-actions.fys {margin-top: 30px;}
}

@media only screen and (max-width: 768px) {
	#last_logon {display: none;}
	#visitform input[type=text] {min-width: 300px;}
	body.login::before {display: none;}
	body.login::after {display: none;}
}

@media only screen and (max-width: 570px) {
	#logo {display: none;}
	#visitform label {display: block; text-align: left; margin-bottom: 2px;}
	#visitform .laboratories label {float: none;}
	#visitform .audio label {float: none;}
	#visitform input[type=text], #visitform textarea, #visitform select  {width: 100%;}
	#visitform .laboratories>div {width: 100%;}
}

@media only screen and (max-width: 500px) {
	#noteform label, #apeikonistikaform label, #agogiform label {display: block; text-align: left;}
	.mobilehide {display: none !important;}
	.onecolumn .interesting_txt {width: 100px !important;}
}

@media only screen and (max-width: 460px) {
	#tabs1 .tab-actions {margin-top: 60px;}
}