@import url(http://fonts.googleapis.com/css?family=Nunito);
			
			* {margin: 0; padding: 0;}

			body {
				
				font-family:  verdana, arial,  Nunito;
			}
			
			ul.ui-tabs-nav {
				padding:10px!important;
				-webkit-padding-start: 10px!important;
			}
			
			.accordMenu  {
				
				
				
			}
			
			.accordMenu h3:hover {
				text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
			}
			
			.accordMenu h3 span {
				font-size: 18px;
				margin-right: 10px;
				
			}
			
			.accordMenu li {
				list-style-type: none;
			}
			
			.accordMenu ul li a, #accordion1 h4 {
				
				text-decoration: none;
				font-size: 12px;
				line-height: 27px;
				display: block;
				padding: 0 5px;
				color : black;
				transition: all 0.15s;
				position: relative;
			}
			
			.accordMenu  ul li a:hover {
				background: lightgrey;
				border-left: 2px solid orangered;
			}
			
			.accordMenu ul ul {
				display: none;
			}
			.accordMenu li.active>ul {
				display: block;
			}

			.accordMenu ul ul ul{
				margin-left: 5px; border-left: 1px dotted rgba(0, 0, 0, 0.5);
			}

			.accordMenu ul a:not(:only-child):after {
				content: "\f104";
				font-family: fontawesome;
				position: absolute; right: 10px; top: 0px;
				font-size: 14px;
			}
			.accordMenu .active>a:not(:only-child):after {
				content: "\f107";
			}
			
			.accordMenu li li a /* ειναι παραμεσα τα επίπεδα  */
			{
				display: block;
				padding: 0px 1px 0px 21px;
				text-decoration: none;
				border-bottom: 1px solid #fff;
			}
			
			.grey			{ background:	#999 !important; }
			.outline		{ /*border:		1px dashed #F00 !important;*/ }
			.add-padding	{ padding:		10px !important; }
			.no-padding		{ padding:		0 !important; }
			.add-scrollbar	{ overflow:		auto; }
			.no-scrollbar	{ overflow:		hidden; }
			.allow-overflow	{ overflow:		visible; }
			.full-height	{ height:		100%; }
			
.buttons
{
			display: inline-block;
	white-space: nowrap;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* W3C */
	border: 1px solid #a1a1a1;
	padding: 0 2em;
	margin: 0.5em;
	font: bold 1em/2em Arial, Helvetica;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius: .2em;
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	height:21px;
			
}

.add:before {	content: "\f002"; }

.buttons:hover
{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* W3C */
}

.buttons:active
{
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	position: relative;
	top: 1px;
	white-space: normal;
	
}

.buttons:focus
{
	outline: 0;
	background: #fafafa;
}  

.buttons:disabled
{
	outline: 0;
	background: #dedede;
	color : red;
	white-space: normal;
}  

.buttons:before
{
	float: left;
	width: 1em;
	text-align: center;
	font-size: 1.7em;
	margin: 0 0.5em 0 -1em;
	padding: 0 .2em;
    pointer-events: none;
}

		
		
			form{
				margin:0 auto;
			}
		.search { 
			font-family: fontawesome;
			padding:6px 15px 6px 30px;
			margin:3px; 
			background: url('/img/search.png') no-repeat 8px 6px; 
			
		}
		
		
input[type=button], input[type=button]:hover {
	margin:4px; 
	padding: 0px 2px 0px 2px;
	position:relative; 
	left:-6px;
	border:1px solid #adc5cf;
	background: #e4f1f9; /* Old browsers */
	background: -moz-linear-gradient(top, #e4f1f9 0%, #d5e7f3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f1f9), color-stop(100%,#d5e7f3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* IE10+ */
	background: linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f1f9', endColorstr='#d5e7f3',GradientType=0 ); /* IE6-9 */
	color:#7da2aa;
	cursor: pointer;
}

.lighter, .light, .dark {
	float: right;
	height:38px;
	
}

.lighter input[type=text]{
	border:1px solid #d0d0d0;
	background-color:#ececec;
}

.inputbox {
	width:120px;
	float:left;
	font-size:1em;
	font-weight:bold;
	
}
.inputbox3 {
	width:180px;
	float:left;
	padding:5px!important;
	
}