body {
  margin: 0px; 
  padding: 0px;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 0;
}
table th {
  font-size: 11px;
  text-align: center;
  font-weight: normal; 
  font-style: italic; 
}
.link { 
  cursor: pointer;
}
.underline {
   text-decoration: underline;
}
.strike {
   text-decoration: line-through;
}
.drag {
  cursor: move;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.italic {
  font-style: italic;
}
.bold {
  font-weight: bold; 
}
.normal {
  font-weight: normal; 
}
.black {
  color: black; 
}
.white {
  color:white; 
}
.green {
  color: green; 
}
.blue {
  color: navy; 
}
.yellow {
  color: yellow; 
}
.grey {
  color: #525252; 
}
.darkgrey {
  color: #999; 
}
.verylightgrey {
  color: #ddd;
}
.red {
  color: #A80500; 
}
.roz {
  color: #F68B83;
}
.orange {
 color: #F09000;
}
.lightorange {
 color: #F8E3CF;
}
.bg_black {
  background-color: #000;
}
.bg_almostblack {
  background-color: #131111;
}
.bg_white {
  background-color: #fff;
}
.bg_grey {
  background-color: #525252;
}
.bg_lightgrey {
  background-color: #CCC;
}
.bg_verylightgrey {
  background-color: #eee;
}
.bg_veryverylightgrey {
  background-color: #fafafa;
}
.bg_darkgrey {
  background-color: #999;
}
.bg_verydarkgrey {
  background-color: #444;
}
.bg_darkred {
  background-color: #710300;
}

.bg_red {
  background-color: #A80500;
}
.bg_roz {
  background-color: #F68B83;
}
.bg_boldroz {
  background-color: #9C5752;
}
.bg_verylightred {
  background-color: #fff5f5;
}
.bg_blue {
  background-color: blue;
}
.bg_verylightblue {
  background-color: #f5ffff;
}
.bg_green {
  background-color: green;
}
.bg_lightgreen {
  background-color: #A0FFA0;
}
.bg_verylightgreen {
  background-color: #f5fff5;
}
.bg_yellow {
  background-color: yellow;
}
.bg_verylightyellow {
  background-color: #fffff5;
}
.bg_brown {
  background-color: #a50;
}
.bg_orange {
 background-color: #F09000;
}
.bg_boldorange {
 background-color: #E84D20;
}
.bg_transparent {
  background: transparent;
}
.m { 
  position: absolute !important; 
}
.small {
  font-size: 9px; 
}
.bigger_11 {
  font-size: 11px; 
}
.bigger {
  font-size: 12px; 
}
.big {
  font-size: 15px; 
}
.huge {
  font-size: 18px; 
}
.very_small {
  font-size: 8px; 
}
.opac, .opac80 {
  opacity:0.8;
}
.opac90 {
  opacity:0.9;
}
.opac70 {
  opacity:0.7;
}
.opac60 {
  opacity:0.6;
}
.opac50 {
  opacity:0.5;
}
.opac40 {
  opacity:0.4;
}
.opac20 {
  opacity:0.2;
}
.noopac {
  opacity:1;
}
.border {
  border: 1px solid black;
}
.border_darkgrey {
  border: 1px solid #999;
}
.border_white {
  border: 1px solid #fff;
}
.border_input {
  padding: 2px;
  border: 1px solid #999;
}
.active_bg {
}
.deactive_bg {
  background-color: #999;
}

.round_corners {
  -moz-border-radius: 5px; 
  border-radius: 5px;
}
.round_corners_top {
  -moz-border-radius: 5px 5px 0px 0px; 
  border-radius: 5px 5px 0px 0px;
}
.round_corners10 {
  -moz-border-radius: 10px; 
  border-radius: 10px;
}
.round_corners15 {
  -moz-border-radius: 15px; 
  border-radius: 15px;
}
.job_step1 {
  background-color: #A80500;
}
.job_step2 {
  background-color: #FF211C;
}
.job_step3 {
  background-color: #FF7C79;
}
.job_step4 {
  background-color: #D4E9A5;
}
.vertical_text{
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  
}

.round_corners_2 {
  -moz-border-radius: 2px; 
  border-radius: 2px;
}

.excel {
  width: 33px;
  height: 33px;
  background-repeat: no-repeat;
  position: absolute; 
  background-image: url(images/xl.png);  
}
.excel_15 {
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  position: absolute; 
  background-image: url(images/xl_15.png);  
}

#calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #317082;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}



#calendarDiv .selectBox{
	border:1px solid #525252;		
	color: black;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #525252;
	background-color: red;
	color: yellows;
	position:relative;
}
#calendarDiv .selectBoxTime{
	border:1px solid #525252;		
	color: #317082;
	position:relative;
}
#calendarDiv .selectBoxTimeOver{
	border:1px solid #525252;	
	color: #216072;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #CCC;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	background-color:#f09000;
}
#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #f19001;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}
	
#calendarDiv .timeBar{
	height:17px;
	line-height:17px;
	background-color: #f19001;
	width:72px;
	color:#FFF;
	position:absolute;
	right:0px;
}

#calendarDiv .timeBar div{
	float:left;
	margin-right:1px;
}


#calendarDiv .monthYearPicker{
	background-color: #E2EBED;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #317082;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#317082;
	color: #E2EBED;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}

.new {
  color: green; 
}
.pending {
  color: black; 
}
.approved {
  color: blue; 
}
.rejected {
  color: red; 
}

.icons_15x15{
  width: 15px;
  height: 15px;
  background-image: url(images/15x15.png);
  background-repeat: no-repeat;
}
.stop_icon{ background-position: 0px 0px; }
.folder_icon{ background-position: 0px -15px; }
.folder1_icon{ background-position: 0px -30px; }
.folder2_icon{ background-position: 0px -45px; }
.search_icon{ background-position: 0px -60px; }

.icons_96x71 {
  width: 96px;
  height: 71px;
  background-image: url(images/96x71.png);
  background-repeat: no-repeat;
}
.stats_icon{ background-position: 0px 0px; }
.search2_icon{ background-position: 0px -71px; }


.icons_45x63 {
  width: 45px;
  height: 63px;
  background-image: url(images/45x63.png);
  background-repeat: no-repeat;
}
/*
.list_icon{ background-position: 0px 0px; }
.contactbook_icon{ background-position: 0px -63px; }
.keyboard_icon{ background-position: 0px -126px; }
.group_icon{ background-position: 0px -189px; }
*/
.icons_53x34 {
  width: 53px;
  height: 34px;
  background-image: url(images/53x34.png);
  background-repeat: no-repeat;
}
.list_icon{ background-position: 0px -34px; }
.contactbook_icon{ background-position: 0px -68px; }
.keyboard_icon{ background-position: 0px 0px; }
.group_icon{ background-position: 0px -102px; }

.mail {
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  position: absolute; 
  background-image: url(images/mail.png);  
}

.status{
  width: 19px;
  height: 19px;
  background-image: url(images/statuses.png);
  background-repeat: no-repeat;
}
/*προγραμματισμένη, ακυρώθηκε, κλειδωμένη, ανεπάρκεια credit, προεργασία, αποστολή, ολοκληρώθηκε, παύση*/ 
.scheduled_status, .new_status{ background-position: 0px -133px; }
.cancelled_status{ background-position: 0px -19px; }
.locked_status{ background-position: 0px -38px; }
.nocredits_status{ background-position: 0px -76px; }
.filling_status{ background-position: 0px -114px; }
.sending_status{ background-position: 0px -57px; }
.done_status{ background-position: 0px 0px; }
.paused_status{ background-position: 0px -95px; }

.bg_gradient_light {
  background-color: #000;
  background-image: url(images/bg_light.png); 
  background-repeat: repeat-x;
}
.bg_gradient_dark {
  background-color: #000;
  background-image: url(images/bg_dark.png); 
  background-repeat: repeat-x;
}
.bg_gradient_red {
  background-color: #000;
  background-image: url(images/bg_red.png); 
  background-repeat: repeat-x;
}


.arrow {
  width: 5px;
  height: 5px;
  background-image: url(images/arrow.png);
  background-repeat: no-repeat;
}
.up_arrow{ background-position: 0px 0px; }
.down_arrow{ background-position: 0px -5px; }
.right_arrow{ background-position: 0px -10px; }
.left_arrow{ background-position: 0px -15px; }

.arrow_up {
  width: 15px;
  height: 15px;
  background-image: url(images/arrow_up.png);
  background-repeat: no-repeat;
}
.arrow_down {
  width: 15px;
  height: 15px;
  background-image: url(images/arrow_down.png);
  background-repeat: no-repeat;
}


.pay {
  width: 50px;
  height: 38px;
  background-image: url(images/pay2.png);
  background-repeat: no-repeat;
}
.paypal{ background-position: 0px 0px; }
.visa{ background-position: 0px -38px; }
.mastercard{ background-position: 0px -76px; }
.americanexpress{ background-position: 0px -114px; }

.refresh {
  width: 16px;
  height: 16px;
  background-image: url(images/refresh.png);
  background-repeat: no-repeat;
}
.save {
  width: 24px;
  height: 24px;
  background-image: url(images/floppy.png);
  background-repeat: no-repeat;
}
.recipient {
  width: 15px;
  height: 15px;
  background-image: url(images/recipient.png);
  background-repeat: no-repeat;
}
.message {
  width: 15px;
  height: 15px;
  background-image: url(images/envelope.png);
  background-repeat: no-repeat;
}


.search_16 {
  padding-left: 18px;
  background-image: url(images/zoom_16.png);
  background-repeat: no-repeat;
  background-position: 1px 1px;
} 
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/* css for placeholder */
label.placeholder {
  cursor: text;
  padding: 4px 4px 4px 4px; 
  color: #999999;
}
input:placeholder, textarea:placeholder {
  color: #999999;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #999999;
}

.el_flag_right_top_corner {
  background-image: url(images/el_opac.png);
  background-repeat: no-repeat;
  background-position: top right;
}
.en_flag_right_top_corner {
  background-image: url(images/en_opac.png);
  background-repeat: no-repeat;
  background-position: top right;
}