/* Global settings & ressets
----------------------------------------------------------------------------- */
html, body {
	text-align: center;
	background-color: #fff;
	color: #333333;
	
}

html, body, form, fieldset, legend {
	padding: 0;
	margin: 0;
	font-size: 100.01%;
	font-family: 'Myriad pro', Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6,
ul, ol,
p, pre, blockquote, dl, address {
	margin: 1em 0;
	padding: 0;
}
*:focus {
    outline: 0;
}
textarea{
	padding:5px;
}
textarea,input[type="text"],input[type="password"],input[type="email"]{
background: rgba(252, 252, 252, .1);
	-webkit-box-shadow: inset 0px 2px 3px 0px rgba(188,188,188,0.6);
-moz-box-shadow: inset 0px 2px 3px 0px rgba(188,188,188,0.6);
box-shadow: inset 0px 2px 3px 0px rgba(188,188,188,0.6);	
border:1px solid #999;
}
input[type="text"],input[type="password"],input[type="email"]{
	padding-top: 5px;
	padding-left: 5px;
}
.hours input{
	text-align:center;
}
.maininput{
	-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
box-shadow:none!important;
}
.table_list table td{
	vertical-align:top;
	margin-top:12px;	
} 
.table_list table td textarea{
	height:140px;
}

.center{ text-align: center }

h1 { font-size: 2em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1em; }
h4 { font-size: 0.6em; }

li, dd, blockquote {
	margin-left: 1em;
}

form label {
	cursor: pointer;
}

fieldset {
	border: none;
}

input, select, textarea {
	font-size: 100.01%;
	font-family: inherit;	
}
input[type="text"],input[type="password"],input[type="email"], select, textarea{
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
}
input[type="submit"],a.btn{
	background:#f6921e;
	border:none;
	padding:5px 10px;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	text-decoration:none;
	display:inline-block;
}

a img {
   border: 0;
}

a {
  color: #333;
	text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

div#page_wrap {
	text-align: left;
	font-size: 0.8em;
}

div.clear {
   clear: both;
}

div.errors {
   color: red;
   margin: 20px 20px 0 20px;
   border: 1px solid red;
}

  div.errors ul {
    margin-left: 1em;
  }

input.form_date, input.date {
  width:7em !important;
}

p.success {
  margin: 1em 7px;
  border: 1px solid green;
  padding: 0.5em;
  background: #CCFFCC;
}

/* ------------------- */

div#login_wrapper {
	font-size: 0.8em;
   width: 22em;
	margin: 15em auto 0 auto;
	padding: 1em;
}

	div#login_error {
		color: red;
	}

	div#login {
		/*background-color: #CAF2FF;*/
		border: 1px solid #f6921e;
		padding: 1em;
		width: 20em;
	}

		div#login fieldset.inputs legend {
			font-weight: bold;
			margin: 0;
			padding-bottom: 1em;
		}

		div#login fieldset.inputs label {
			display: block;
			width: 6em;
			text-align: right;
			float: left;
			line-height: 1.6em;
			margin-right: 0.5em;
	   }

		div#login fieldset.inputs div {
	      line-height: 2.2em;
			height: 2.2em;
			/*float: left;wtf?*/
	   }

		div#login fieldset.inputs input {
	      float: left;
	   }

		div#login fieldset.submit {
			margin-top: 0.5em;
		}

/* ------------------- */

div#header {
  background:url(../images/back.png);
	padding: 1px;
	position: relative;
}
	div#header a.logo{
		width:124px;
		height:35px;
		margin-left:29px;
		vertical-align: middle;
		background:url(../images/top_logo.png) no-repeat;
		display:inline-block;
	}
  div#header h1{ 
    font-size: 18px;
		text-transform:uppercase;
		color:#969696;
		font-weight:normal;
		vertical-align: middle;
		display:inline-block;
		margin-left:25px;
		padding-top: 5px;
  }

	div#panel_info {
    position: absolute;
		font-size:16px;
		top: 0;
		right: 0;
		background: -webkit-linear-gradient(#f9f9f9, #eaeaea); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#f9f9f9, #eaeaea); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#f9f9f9, #eaeaea); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#f9f9f9, #eaeaea); /* Standard syntax */
		border: 1px solid #d5d5d5;
		padding-left:6px;		
		height:36px;
		text-shadow: 0px 1px 2px rgba(255, 255, 255, 1);
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-left-radius: 5px;
		-webkit-box-shadow: -1px 1px 2px 0px rgba(0,0,0,0.3);
		-moz-box-shadow: -1px 1px 2px 0px rgba(0,0,0,0.3);
		box-shadow: -1px 1px 2px 0px rgba(0,0,0,0.3);	
   }
	div#panel_info a{
		display:inline-block;
		padding-top:12px;
		padding-right:29px;
		text-decoration:none;
		margin-left:-3px;
		height: 24px;
		text-shadow: 0px 1px 2px rgba(255, 255, 255, 1);
		color:#717171;
		font-size:16px;
		padding-left:46px;
		border-left:1px solid #fff;
		background:url(../images/logout.png) no-repeat 18px 8px;
	} 
	div#panel_info img{
		vertical-align:bottom;
		margin-right:11px;
	}
	div#panel_info span{
		color:#717171;
		border-right:1px solid #d6d5d4;
		padding-top:4px;
		padding-bottom:4px;
		padding-right:17px;
		display:inline-block;
	}
	div#panel_info span strong{
		color:#444444;
	}
div#navigation {
	padding: 0.3em 0 0.2em 0;
	margin-left: 0;
	border-bottom: 1px solid #d6d5d4;
	margin-top: 0em;
	background: #F5F5F5;
}

	div#navigation ul {
		margin: 0;
		position: relative;
		height:36px;
	}

	div#navigation li {
		list-style: none;
		margin: 0;
		display: inline;
		margin-left: -5px;
        
	}

	div#navigation li a {
		padding-top:12px;
		padding-bottom:10px;
		padding-left:2.9%;
		padding-right:2.9%;
		border: 1px solid #778;
		border-bottom: none;
		display:inline-block;
		height:15px;
		background: #e8e8e8;
		text-decoration: none;
		border-left:1px solid #fff;
		border-right:1px solid #d6d6d4;
		border-top:1px solid #d8cec5;
		-webkit-box-shadow: 0px -2px 3px 0px rgba(158,129,101,0.25);
		-moz-box-shadow: 0px -2px 3px 0px rgba(158,129,101,0.25);
		box-shadow: 0px -2px 3px 0px rgba(158,129,101,0.25);
        background-color:#f5f5f5;
	}
	div#navigation li:first-child  a{
		margin-left:34px;
		border-left:1px solid #d8cec5;		
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-khtml-border-top-left-radius: 5px;
		border-top-left-radius: 5px;	
	}
	div#navigation li:last-child  a{
		border-right:1px solid #d8cec5;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topright: 5px;
		-khtml-border-top-right-radius: 5px;
		border-top-right-radius: 5px;	
	}
	div#navigation li a:link {
		color: #448;
	}

	div#navigation li a:visited {
		color: #667;
	}

	div#navigation li a:hover {
		background-color:#e8e8e8;
	}
	
	div#navigation li.selected a {
		background: white;
		color:#f6921e;
		border-bottom: 1px solid white;
	}
div#navigation li.atskaites a{
	background:url(../images/atskaites.png) no-repeat 10% 50%;
}
div#navigation li.atskaites.selected a{
	background:white url(../images/atskaites_act.png) no-repeat 10% 50%;
}
div#navigation li.atskaites:hover a{
	background:#e8e8e8 url(../images/atskaites_act.png) no-repeat 10% 50%;
	color:#000;
}
div#navigation li.atskaites.selected:hover a{
	background:white url(../images/atskaites_act.png) no-repeat 10% 50%;
	color:#000;
}
div#navigation li.parskats a{
	background:url(../images/parskats.png) no-repeat 10% 50%;
}
div#navigation li.parskats.selected a{
	background:white url(../images/parskats_act.png) no-repeat 10% 50%;
}
div#navigation li.parskats:hover a{
	background:#e8e8e8 url(../images/parskats_act.png) no-repeat 10% 50%;
	color:#000;
}
div#navigation li.parskats.selected:hover a{
	background:white url(../images/parskats_act.png) no-repeat 10% 50%;
	color:#000;
}
div#navigation li.projekti a{
	background:url(../images/projekti.png) no-repeat 10% 50%;
}
div#navigation li.projekti.selected a{
	background:white url(../images/projekti_act.png) no-repeat 10% 50%;
}
div#navigation li.projekti:hover a{
	background:#e8e8e8 url(../images/projekti_act.png) no-repeat 10% 50%;
	color:#000;
}
div#navigation li.projekti.selected:hover a{
	background:white url(../images/projekti_act.png) no-repeat 10% 50%;
	color:#000;
}
div#navigation li.klienti a{
	background:url(../images/klienti.png) no-repeat 10% 50%;
}
div#navigation li.klienti.selected a{
	background:white url(../images/klienti_act.png) no-repeat 10% 50%;
}
div#navigation li.klienti:hover a{
	background:#e8e8e8 url(../images/klienti_act.png) no-repeat 10% 50%;
	color:#000;
}
div#navigation li.klienti.selected:hover a{
	background:white url(../images/klienti_act.png) no-repeat 10% 50%;
	color:#000;
}
div#navigation li.darbi a{
	background:url(../images/darbi.png) no-repeat 10% 50%;
}
div#navigation li.darbi.selected a{
	background:white url(../images/darbi_act.png) no-repeat 10% 50%;
}
div#navigation li.darbi:hover a{
	background:#e8e8e8 url(../images/darbi_act.png) no-repeat 10% 50%;
	color:#000;
}
div#navigation li.darbi.selected:hover a{
	background:white url(../images/darbi_act.png) no-repeat 10% 50%;
	color:#000;
}
div#navigation li.pozicijas a{
	background:url(../images/pozicijas.png) no-repeat 10% 50%;
}
div#navigation li.pozicijas.selected a{
	background:white url(../images/pozicijas_act.png) no-repeat 10% 50%;
}
div#navigation li.pozicijas:hover a{
	background:#e8e8e8 url(../images/pozicijas_act.png) no-repeat 10% 50%;
	color:#000;
}
div#navigation li.pozicijas.selected:hover a{
	background:white url(../images/pozicijas_act.png) no-repeat 10% 50%;
	color:#000;
}
div#navigation li.plans a{
	background:url(../images/plans.png) no-repeat 10% 50%;
}
div#navigation li.plans.selected a{
	background:white url(../images/plans_act.png) no-repeat 10% 50%;
}
div#navigation li.plans:hover a{
	background:#e8e8e8 url(../images/plans_act.png) no-repeat 10% 50%;
	color:#000;
}
div#navigation li.plans.selected:hover a{
	background:white url(../images/plans_act.png) no-repeat 10% 50%;
	color:#000;
}
div#navigation li.eksports a{
	background:url(../images/eksports.png) no-repeat 10% 50%;
}
div#navigation li.eksports.selected a{
	background:white url(../images/eksports_act.png) no-repeat 10% 50%;
}
div#navigation li.eksports:hover a{
	background:#e8e8e8 url(../images/eksports_act.png) no-repeat 10% 50%;
	color:#000;
}
div#navigation li.eksports.selected:hover a{
	background:white url(../images/eksports_act.png) no-repeat 10% 50%;
	color:#000;
}
div#navigation li.lietotaji a{
	background:url(../images/lietotaji.png) no-repeat 10% 50%;
}
div#navigation li.lietotaji.selected a{
	background:white url(../images/lietotaji_act.png) no-repeat 10% 50%;
}
div#navigation li.lietotaji:hover a{
	background:#e8e8e8 url(../images/lietotaji_act.png) no-repeat 10% 50%;
	color:#000;
}
div#navigation li.lietotaji.selected:hover a{
	background:white url(../images/lietotaji_act.png) no-repeat 10% 50%;
	color:#000;
}
div#navigation li.prasibas a{
	background:url(../images/requirements.png) no-repeat 10% 50%;
}
div#navigation li.prasibas.selected a{
	background:white url(../images/requirements_h.png) no-repeat 10% 50%;
}
div#navigation li.prasibas:hover a{
	background:#e8e8e8 url(../images/requirements_h.png) no-repeat 10% 50%;
	color:#000;
}
div#actions {
  padding: 2px;
	display:block;
	width: 20.1%;
	margin-top: 5px;
	margin-right: 5px;	
	background-color:#f6921e;
}
div#actions li a{
	color:#fff;
}
	div#actions li {
		list-style: none;
		margin: 0.5em 1em;
	}

div#content {
   float: left;
	background-color: white;
	padding-left:1%;	
}

div.full_width {
	width: 99%;
}

div.partial_width {
	width: 78%;
}

div.table_list {
	margin-left: 7px;
	margin-top: 5px;
}

	div.table_list table {
		width: 99%;
		border-collapse: collapse;
	}

	div.table_list table th {
		background-color: #f6f6f6;
		padding: 5px;
		font-weight:normal;
		color:#808080;
		border-bottom: 1px solid #E2E2E2;
	}

	div.table_list table tr td {
		background-color: #FEFEFE;
		padding: 4px 2px;
		border-bottom: 1px solid #D8D8D8;
	}

	div.table_list table tr.even td {
		background-color: #F0FAFF;
	}

	div.table_list td.list_row_controls,
	div.table_list th.list_row_controls {
      text-align: right;
   }

	div.full_width div.table_list td.list_row_controls,
	div.full_width div.table_list th.list_row_controls {
		padding-right: 1.2em;
   }

form.edit_data {
	margin: 3px 20px;
}

	form.edit_data legend {
		font-size: 1.4em;
		padding-top: 1em;
		color: #333;
	}

	form.edit_data fieldset {
    margin-bottom: 1.5em;
		padding-top: 1.5em;
   }


	form.edit_data fieldset.inputs div {
		/* float:left; */
        display:inline-block;
		width: 98%;
		line-height: 2em;
		margin: 0.5em 0 0.5em 1%;
   }
form.edit_data fieldset.inputs div.cke,form.edit_data fieldset.inputs div.cke_inner,form.edit_data fieldset.inputs div.cke_contents{
    display:block;
}
	form.edit_data fieldset.inputs div input,
	form.edit_data fieldset.inputs div select,
	form.edit_data fieldset.inputs div textarea {
		margin-top: 0.2em;
	}

	form.edit_data fieldset.inputs div div {
		width: auto;
		margin: auto;
		line-height: auto;
	}

	form.edit_data fieldset.inputs div label,
	form.edit_data fieldset.inputs div span.noninput_label {
		float: left;
		display: block;
		width: 12em;
	}

	form.edit_data fieldset.inputs div div label {
		display: inline;
		width: auto;
		float: none;
	}

	form.edit_data fieldset.inputs div input,
	form.edit_data fieldset.inputs div ul.holder,
	form.edit_data fieldset.inputs div select,
	form.edit_data fieldset.inputs div textarea {
		float: left;
		margin-left: 0.5em;
	}

	form.edit_data fieldset.inputs div.radio_inputs {
    float: left;
		margin-left: 0.5em;
   }

	form.edit_data fieldset.inputs div.radio_inputs ul {
		list-style-type: none;
		margin: 0;
   }

	form.edit_data fieldset.inputs div.radio_inputs ul li {
		margin: 0;
	}

	form.edit_data fieldset.inputs div.radio_inputs input {
		float: none;
		margin: 0;
   }

	form.edit_data fieldset.inputs div textarea {
		width: 20em;
		height: 3em;
	}

	form.edit_data fieldset.submit {
    text-align: left;
		padding: 1em 0;
	}

form.add_project_form table.persons th,
form.add_project_form table.persons td {
  padding: 0.3em 1.5em 0.3em 0;
}

  form.add_project_form table.persons td input,
  form.add_project_form table.persons td textarea {
    margin-left: 0;
  }

  form.add_project_form table.persons td.planned_hours,
  form.add_project_form table.persons td.has_finished {
    text-align: center;
  }

  form.add_project_form table.persons td.has_finished input {
    float: none;
  }

  form.add_project_form table.persons td.planned_hours input {
    width: 3em;
    float: none;
  }

div.report_form td.text {
  width: 21em;
}

  div.report_form textarea {
  	width: 20em;
  	height: 3em;
  }

  div.report_form td.project_select {
    width: 15em;
  }

  div.report_form th.hours,
  div.report_form td.hours {
    text-align: center;
  }

  div.report_form td.hours input {
    width: 3em;
  }

  div.report_form div.submit {
    margin: 1em 0;
  }


div.report_form_head {
  margin-left: 7px;
}

  div.report_form_head h2 {
    margin: 1em 0 1em 0;
  }

  div.report_form_head h2 object {
    font-size: 0.7em;
    font-weight: normal;
    color: gray;
    margin-left: 10px;
  }

  div.report_form_head a {
    text-decoration: none;
    font-weight: bold;
    vertical-align:middle;
		display:inline-block;
		margin-top: 6px;
  }

  div.report_form_head a:hover {
    /*background: #E9E9E9;*/
		
  }

  div.report_form_head noscript,
  div.report_form_head noscript div {
    display: inline;
  }

  div.report_form_head h2 span.date {
    float: left;
    width: 470px;
		font-size:28px;
  }


img.ui-datepicker-trigger {
  margin: 0 0.2em;
  vertical-align: middle;
  cursor: pointer;
}

div.confirmation {
  width: 60%;
  margin: 2em auto;
  background-color: #FFF9F9;
  border: 1px solid red;
  text-align: center;
  padding: 0 1em;
}

  div#content div.confirmation h3 {
    padding: 0;
    margin: 1em 0;
    background: none;
    border: 0;
  }

div.overview h2 {
  text-align: center;
}

  div.overview h2 span {
    border-bottom: 1px solid black;
  }

div.overview form.filter {
  text-align: center;
  margin: 1em 0;
}

div.overview p.success {
  text-align: center;
  width: 60%;
  margin: 1em auto;
}
.existing_item a.exist{
	margin-left:30px;
	margin-top:10px;
	display:block;
}
table.overview_table {
  margin: 1em auto 2em auto;
}

  table.overview_table tr.not_involved {
    color: gray;
  }

  table.overview_table th {
    padding: 0.4em;
    border-bottom: 1px solid gray;
    background: #f6f6f6;
		color:#808080;
  }

  table.overview_table td {
    padding: 0.6em 0.8em;
    border-right: 1px solid gray;
  }

  table.overview_table td.last {
    border: 0;
  }

  table.overview_table td.finished {
    text-align: center;
  }

  table.overview_table td.submit {
    text-align: right;
    padding: 1em 0;
  }

  table.overview_table th.project_name {
    width: 10em;
    font-size: 1.5em;
  }

  table.overview_table th.planned {
    width: 7em;
  }

  table.overview_table th.spent {
    width: 7em;
  }

  table.overview_table th.spent_in_period {
    width: 14em;
  }

  table.overview_table strong.has_comment {
    border-bottom: 1px dotted black;
  }

div.export h2 {
  margin: 1em 15px;
}

table.export_table {
  width: 98%;
  margin: 0 auto 2em auto;
  border-collapse: collapse;
}

  table.export_table tbody {
    margin: 1em 0;
    padding: 0;
  }

  table.export_table th {
    background: #E8E8E8;
  }

  table.export_table th,
  table.export_table td {
    border: 1px solid gray;
    padding: 0.6em;
  }

  table.export_table td.date {
    vertical-align: top;
    text-align: right;
    width: 17em;
  }

  table.export_table tr.weekend_day {
    background-color: #BDBDBD;
  }

  table.export_table tr.has_items td {
    background: #EAFFEA;
    color: #333333;
  }

  table.export_table tr.has_items td.date {
    background: transparent;
  }

  table.export_table tr.day_summary td {
    font-weight: bold;
    padding-bottom: 1em;
  }

  table.export_table tr.day_summary td.name {
    font-weight: bold;
    text-align: right;
  }

  table.export_table tr.week_summary td {
    font-weight: bold;
    padding-bottom: 1em;
    font-size: 1.1em;
    background-color: #E9E9E9;
  }

  table.export_table tr.week_summary td.name {
    font-weight: bold;
    text-align: right;
  }

  table.export_table tr.total_summary td {
    font-weight: bold;
    font-size: 1.3em;
    padding: 1em 0.6em;
  }

  table.export_table tr.total_summary td.name {
    font-weight: bold;
    text-align: right;
  }
  
  table.export_table tr.person_total_summary td {
    font-weight: bold;
    font-size: 1em;
    padding: 1em 0.6em;
  }

  table.export_table tr.person_total_summary td.name {
    font-weight: bold;
    text-align: right;
  }  

div.project_list th.done,
div.project_list td.done {
  text-align: center;
}

div.project_list th.project_name {
  width: 15em;
}

#offer_view_wrapper{
  margin-left: 7px;
  margin-top: 5px;
}


#offer_new_activity_wrapper div{
  margin-bottom: 5px;
}

#offer_new_activity_wrapper #fagreement{
  width: 40%;
  height: 100px;
}

.contact_person{
  cursor: pointer;
}

.offers_list tr.Active, .offers_list tr.Active a{
  color: red;
}

#estimate_wrap{padding: 5px;}

#estimate_wrap table .position{
  -webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);
  height: 105px;
  width: 30px;
  text-align: center;
}

#estimate_wrap table{
  border-collapse: collapse;
  width: 100%;
  margin: 20px 0px;
}

#estimate_wrap table th{text-align: center;}

#estimate_wrap table td, #estimate_wrap table th{
  border: 1px solid lightgrey;
}

#estimate_wrap table input[type="text"],#estimate_wrap table input[type="email"], #estimate_wrap table textarea, #estimate_wrap table select{
  border: 1px solid black;
  display: block;
  margin: 5px auto;
  width:95%;
}

#estimate_wrap #template{
  display:none;
}

#estimate_wrap td.del{
  text-align:center;
  width:30px;
}

td#programmer_sum{
	text-align:center;
}

#estimate_wrap input.hours{ width: 30px !important; text-align: center;}
#estimate_wrap .summs{ text-align: center }
#estimate_wrap .summs input{ width: 40px; text-align: center }
#estimate_wrap .label{ text-align: right }
#estimate_wrap .last_row td{ border: none; }
#estimate_wrap .last_row td.total{ font-weight: bold; text-align: left; border: 1px solid lightgrey  }
#estimate_wrap .last_row #vat_sum,
#estimate_wrap .last_row #total_sum
{ text-align: center; }
#total_sum_wo_vat_label{ text-align: left; font-weight: bold; }
#total_sum_wo_vat{ font-weight: bold; }
#estimate_wrap table td:first-child input[type='checkbox']{ margin: 0px 4px; }
#estimate_assign_jobs .hours{
  font-weight: bold;
  text-align: center;
  font-size: 19px;
  color: lightgrey;
  width: 75px;
  padding: 5px;
}

#estimate_assign_jobs .hours .assigned_to{
  color: black;
  font-size: 14px;
  font-weight: normal;
}

#estimate_assign_jobs .hours input[type='checkbox']{display: inline;}
#estimate_assign_jobs .description{padding: 5px;}
#defined_jobs td{cursor:pointer}

#job_list .description{width: 40%;}

.passchanged{
  color:red;
  margin-top:50px;
  text-align:center;
}

.margins{
	margin:20px 20px;
}

#view_estimate input[type="radio"][name="status"]{
  margin-left:20px;
}
.shortcuts a.active{
	text-decoration:none;
}
textarea.big{
	width:500px;
	height:300px;
}

/* Webkit, Chrome and Safari */

@-webkit-keyframes bounce {
	0% {
		-webkit-transform:translateY(-100%);
	}
	5% {
		-webkit-transform:translateY(-100%);
	}
	15% {
		-webkit-transform:translateY(0);
		padding: 4px auto;
	}
	20% {
		-webkit-transform:translateY(-80%);
	}
	25% {
		-webkit-transform:translateY(0%);
		padding: 4px auto;
	}
	30% {
		-webkit-transform:translateY(-70%);
	}
	35% {
		-webkit-transform:translateY(0%);
		padding: 5px auto;
	}
	40% {
		-webkit-transform:translateY(-60%);
	}
	45% {
		-webkit-transform:translateY(0%);
		padding: 5px auto;
	}
	50% {
		-webkit-transform:translateY(-50%);
	}
	55% {
		-webkit-transform:translateY(0%);
		padding: 6px auto;
	}
	60% {
		-webkit-transform:translateY(-30%);
	}
	65% {
		-webkit-transform:translateY(0%);
		padding: 6px auto;
	}
	70% {
		-webkit-transform:translateY(-15%);
	}
	75% {
		-webkit-transform:translateY(0);
		padding: 8px auto;
	}
	80% {
		-webkit-transform:translateY(-10%);
	}
	85% {
		-webkit-transform:translateY(0);
		padding: 8px auto;
	}
	90% {
		-webkit-transform:translateY(-5%);
	}
	95% {
		-webkit-transform:translateY(0);
		padding: 10px;
	}
	100% {
		-webkit-transform:translateY(0);
		padding: 10px;
	}
}

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  0% {
	-moz-transform:translateY(-100%);
    opacity: 0;
  }
  5% {
  	-moz-transform:translateY(-100%);
    opacity: 0;
  }
  15% {
  	-moz-transform:translateY(0);
    padding-bottom: 5px;
  }
  30% {
  	-moz-transform:translateY(-50%);
  }
  40% {
  	-moz-transform:translateY(0%);
    padding-bottom: 6px;
  }
  50% {
  	-moz-transform:translateY(-30%);
  }
  70% {
  	-moz-transform:translateY(0%);
    padding-bottom: 7px;
  }
  80% {
  	-moz-transform:translateY(-15%);
  }
  90% {
  	-moz-transform:translateY(0%);
  	padding-bottom: 8px;
  }
  95% {
  	-moz-transform:translateY(-10%);
  }
  97% {
  	-moz-transform:translateY(0%);
  	padding-bottom: 9px;
  }
  99% {
  	-moz-transform:translateY(-5%);
  }
  100% {
  	-moz-transform:translateY(0);
  	padding-bottom: 9px;
    opacity: 1;
  }
}

/* Opera 12.0 */
@-o-keyframes bounce {
  0% {
	-o-transform:translateY(-100%);
    opacity: 0;
  }
  5% {
  	-o-transform:translateY(-100%);
    opacity: 0;
  }
  15% {
  	-o-transform:translateY(0);
    padding-bottom: 5px;
  }
  30% {
  	-o-transform:translateY(-50%);
  }
  40% {
  	-o-transform:translateY(0%);
    padding-bottom: 6px;
  }
  50% {
  	-o-transform:translateY(-30%);
  }
  70% {
  	-o-transform:translateY(0%);
    padding-bottom: 7px;
  }
  80% {
  	-o-transform:translateY(-15%);
  }
  90% {
  	-o-transform:translateY(0%);
  	padding-bottom: 8px;
  }
  95% {
  	-o-transform:translateY(-10%);
  }
  97% {
  	-o-transform:translateY(0%);
  	padding-bottom: 9px;
  }
  99% {
  	-o-transform:translateY(-5%);
  }
  100% {
  	-o-transform:translateY(0);
  	padding-bottom: 9px;
    opacity: 1;
  }
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
  0% {
	transform:translateY(-100%);
    opacity: 0;
  }
  5% {
  	transform:translateY(-100%);
    opacity: 0;
  }
  15% {
  	transform:translateY(0);
    padding-bottom: 5px;
  }
  30% {
  	transform:translateY(-50%);
  }
  40% {
  	transform:translateY(0%);
    padding-bottom: 6px;
  }
  50% {
  	transform:translateY(-30%);
  }
  70% {
  	transform:translateY(0%);
    padding-bottom: 7px;
  }
  80% {
  	transform:translateY(-15%);
  }
  90% {
  	transform:translateY(0%);
  	padding-bottom: 8px;
  }
  95% {
  	transform:translateY(-7%);
  }
  97% {
  	transform:translateY(0%);
  	padding-bottom: 9px;
  }
  99% {
  	transform:translateY(-3%);
  }
  100% {
  	transform:translateY(0);
  	padding-bottom: 9px;
    opacity: 1;
  }
}
.bounce{
	-webkit-animation: bounce 1.2s ease-out;
	-moz-animation: bounce 800ms ease-out;
	-o-animation: bounce 800ms ease-out;
	animation: bounce 1.2s ease-out;
}
a.dragicon{
	width:20px;
	height:20px;
	background-size:100%!important;
	background:url(../images/dragicon.png) no-repeat;	
	margin-left: 6px;
	margin-top: -30px;
	position: absolute;
	display:block;
}
a.dragicon.fix{
	display:inline-block;
	position:relative;
	margin:0;
}
a.indent{
	width:24px;
	height:24px;
	background-size: 100%!important;
	display:inline-block;
}
a.indent.more{background:url(../images/indent-more.png) no-repeat;}
a.indent.less{background:url(../images/indent-less.png) no-repeat;}
.lvl1{
	margin-left: 7%!important;
	width: 89%!important;
}
td.evaluate a{color:#f6921e;}
.bar-legend{
	list-style:none;
	margin-left: -26px;
	font-size: 16px;
}
.jobtd textarea{display:inline-block!important;width: 70%!important;}
.jobtd a.indent{vertical-align:top;margin-top: 3px;
margin-left: 6px;
margin-right: 6px;}
table#main a.del{margin:0 auto;display: block;width: 20px;}
.bar-legend span{display:inline-block;width:20px;height:20px;margin-left:10px;margin-right:10px;vertical-align: middle;}
.bar-legend li{margin-top:15px;}
th div{
  position: absolute; 
  color: #000;
  padding: 9px 25px;
  top: 0;
	width:100%;
  margin-left: -8px;	
  line-height: normal;
  border-left: 1px solid #800;
	background:#E8E8E8;
}
a.not_in_sum,a.in_sum{
	width:17px;
	height:24px;
	display:inline-block;	
	margin-bottom: 16px;
  margin-right: 10px;
	transition:0.3s all;
}
a.not_in_sum{
	background:url(../images/not_in_sum.png) no-repeat;
}
a.in_sum{
	background:url(../images/in_sum.png) no-repeat;
}

.no-float{
    float:none;
}
tr.center td{
    align:center;
}
tr.center td a{
    display:block;
    width:100%;
    
}
.comments{
    width:600px;
    margin-left:100px;
}
.comments .comment{
    padding:20px;
    padding-top:30px;
    display:block;
    width:100%;
    padding-left:50px;
    color:#fff;
    margin-bottom:5px;
    border:1px solid #f6921e;
    background:#f6921e;
    border-radius: 0px 100px 0px 100px;
    -moz-border-radius: 0px 100px 0px 100px;
    -webkit-border-radius: 0px 100px 0px 100px;
      
}
.comments .comment .date{
    font-style:italic;
}
.comments .comment.left{
    float:left;
}
.comments .comment.right{
    float:right;
    border-radius: 100px 0px 98px 0px;
    -moz-border-radius: 100px 0px 98px 0px;
    -webkit-border-radius: 100px 0px 98px 0px; 
}
.comments .comment .user{
    font-weight:bold;
    font-size:16px;
}
.order{
    float:left;
    width:20px!important;
}