body {
    width: 90%;
    margin: 0px auto; 
    font-family: 'Verdana', 'Lucida sans', Arial;
    font-size: 11px;
    color: #444;
}

ul.compact { padding:5; margin:0 }

.grp {
  color: #009900;
  font-weight: bold;
}

.disp_0 { display: none; }  
.disp_1 { display: block; } 

.inp { width:150px; }
.inp_error {
  width:150px;
  border: 1px solid red outset;
  BACKGROUND-COLOR: #ffcccc; 
}

select option:red { 
  color: red;
  font-weight: bold;
  background: yellow;
}

.req {
  display: inline-block;
  width: 10px;
}

ul.ui-autocomplete.ui-menu { width: 664px; }

.ui-autocomplete-loading {
  background: white url("ui-anim_basic_16x16.gif") right center no-repeat;
}

.invalid { COLOR: #FF3333; }

.negalioja { COLOR: #FF3333; text-decoration: line-through; }

.delete {
  background: #f2c2c7 url('btn_del.gif') no-repeat top left;
  background-position: 2px 0px;  
  padding-left: 20px;
  cursor: pointer;        
  COLOR: #990000;
  BORDER: #990000 1px solid;

  border-radius: 4px;
  vertical-align: middle;
  text-shadow: 1px 1px 1px #999999;
}

.reset {

  letter-spacing: 1px;
  background-color: #cccccc; 

  background-color: #f2c2c7;
  cursor: pointer;        
  COLOR: #990000;
  BORDER: #990000 1px solid;

  border-radius: 4px;
  vertical-align: middle;
  text-shadow: 1px 1px 1px #aa0000;
}

.save {

  background: #DDFFDD url('btn_save.gif') no-repeat top left;
  background-position: 2px 0px;  
  padding-left: 20px;
  cursor: pointer;        
  COLOR: #008800;
  BORDER: #009900 1px solid;

  border-radius: 4px;
  box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.2);
  vertical-align: middle; 
  text-shadow: 1px 1px 1px #999999;
}

.search {

  letter-spacing: 1px;
  background-color: #cccccc; 
  cursor: pointer;        
  COLOR: #000000;
  BORDER: #444444 1px solid;
  font-weight: bold;
  border-radius: 4px;
  box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.2);
  vertical-align: middle; 
  text-shadow: 1px 1px 1px #666666;
}

.back {
  background: #cccccc url('btn_back.gif') no-repeat top left;
  background-position: 2px 0px;  
  padding-left: 20px;
  cursor: pointer;        
  COLOR: #000000;
  BORDER: #000000 1px solid;

  border-radius: 4px;
  box-shadow: inset 0 2px 2px rgba(255, 255, 255, 0.2);
  vertical-align: middle;
  text-shadow: 1px 1px 1px #aaaaaa;
}

.ttico:hover .ttip { display: block; }

.ttip {
	border-radius: 6px;
	font-family: Verdana, Tahoma;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 11px;
    border-width: 1px;
    border-style: solid; 
    border-color: #366b01;
    display: none;
    background: #8bc94c; 
    margin-left: 10px;
    margin-top: -3px;
    padding: 5px;
    position: absolute;
    z-index: 1000;

}

.tticored:hover .ttipred { display: block; }

.ttipred {
	border-radius: 6px;
	font-family: Verdana, Tahoma;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 11px;
	color: #990000;

    border-width: 1px;
    border-style: solid; 
    border-color: #366b01;
    display: none;
    background: #ffaaaa;
    margin-left: 10px;
    margin-top: -3px;
    padding: 5px;
    position: absolute;
    z-index: 1000;

}

.tticoe:hover .ttipe { display: block; }

.ttipe {
	border-radius: 6px;
	font-family: Verdana, Tahoma;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: small; 
    border-width: 1px;
    border-style: solid; 
    border-color: #990000;
    color: yellow;
    display: none;
    background: #ff0000; 
    margin-left: 15px;
    padding: 5px;
    position: absolute;
    z-index: 1000;

}

.ttico2:hover .ttip2 { display: block; }

.ttip2 {
    display: none;
    background: #8bc94c; 
    margin-left: 10px;
    padding: 5px;
    position: absolute;
    z-index: 1000;
}

.ttico2 {
    margin:1px;
}

.info, .success, .warning, .error, .validation {
	border: 1px solid;

	padding: 5px 5px 5px 5px;
	margin: 0 auto; 
	width: 400px;
	text-align: center;
	align-content: center;
}

.info {
  color: #000000;
  background-color: #cecece;
}

.error {
	color: #D8000C;
	background-color: #FFBABA;
}

.err {
    font-size: 9px;
	color: #D8000C;
}

.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	
}

.success {
  color: #008800;
  background-color: #DFF2BF;
  background: #DDFFDD;

}

.edit_box {
	width:100%;

	font-family: Verdana, Tahoma;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size: 11px;
    border-width: 1px;
    border-style: solid; 
    border-color: #366b01;
    display: none;
 
    margin-left: 0px;
    margin-top: 10px;
    padding: 5px;
    position: relative; 
    z-index: 1000;
}

table {
    *border-collapse: collapse; 
    border-spacing: 0;
}

.form {

    background-color: #ddfcd6;
    padding: 5px;
    border-radius: 6px;
    border: solid #366b01 1px;
}

.report {
    padding: 2px;
    border: solid #366b01 1px;
}

.report tr {
    vertical-align: top;    
}

.report th {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 1px;
    text-align: right;    
}

.report td {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 1px;
    text-align: left;    
}

.nul {
    padding: 2px;
    border: none;
}

.nul td {
    padding: 1px;
    text-align: left;    
    border: none;
}
.nul th {
    padding: 1px;
    text-align: center;    
    border: none;
}

.list {
    margin: 0px auto; 
    border: solid #ccc 1px;

    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

   

.list a:link {
  text-decoration: underline;
  color: #000000; 
}
.list a:visited {
  text-decoration: underline;
  color: #999999; 
}

.list a:active, .list a:hover {
  text-decoration: underline;
  color: #008800;
}

    
.list td, .list th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 4px;
    text-align: left;    
}

.list tbody tr:nth-child(odd) {
    background: #eeeeee; 
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

.list tbody tr:nth-child(even) {
    background: #ffffff;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

.list th {
    background-color: #aaaaaa; 

    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    color: #333333;
}

.list td:first-child, .list th:first-child {
    border-left: none;
}

.list th:first-child {

}

.list th:last-child {

}

.list th:only-child{

}

.list tr:last-child td:first-child {

}

.list tr:last-child td:last-child {

}

a:link, a:visited {
  text-decoration: underline;
  color: #008800; 
}
a:active, a:hover {
  text-decoration: underline;
  color: #000000;
}

.atr {
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: black;

    background: #eeeeee;
  font-size: x-small;
}

.bold {   font-weight: bold; }

.bigger {   
  font-weight: bold;
  font-size: 15px;
  text-transform: uppercase;
  color: #006600; 
  text-shadow: 0 1px 1px grey;
}

.private {
  color: #990000; 
}

tr.point, td.point { 
  cursor: pointer;
  cursor: hand;
}

tr.point:hover, td.point:hover {
  background: #8bc94c;
}

.cc, td.cc, th.cc { text-align: center; }
.ll, td.ll, th.ll { text-align: left; }
.rr, td.rr, th.rr { text-align: right; }

.print_only
{
    width : 0px;
    display : none;
    visibility : hidden;
    height : 0px;
}

.list1 {
    width: 100%;   
}

.list0 {
    width: 100%;   
    border: solid #ccc 1px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}
.list0 a:link {
  text-decoration: underline;
  color: #000000; 
}
.list0 a:visited {
  text-decoration: underline;
  color: #999999; 
}
.list0 a:active, .list0 a:hover {
  text-decoration: underline;
  color: #008800;
}
.list0 td, .list0 th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 4px;

}
.list0 tbody tr:nth-child(odd) {

    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
}

.list0 tbody tr:nth-child(even) {
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}
.list0 th {
    background-color: #aaaaaa; 
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    color: #333333;
}
.list0 td:first-child, .list0 th:first-child {
    border-left: none;
}

.list1 th {
    border-top: 0px solid #fff;
    border-left: 1px solid #ccc;
}

.list1 td {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 0px;

}

.mini0 { border: none; width: auto; }
.mini0 a:link {
  text-decoration: underline;
  color: #000000; 
}
.mini0 a:visited {
  text-decoration: underline;
  color: #999999; 
}
.mini0 a:active, .mini0 a:hover {
  text-decoration: underline;
  color: #008800;
}
.mini0 td, .mini0 th {
    border: none;
    padding: 4px;
    text-align: left;    
}
.mini0 th {
    background-color: #aaaaaa; 
    border: none;
    color: #333333;
}

.res td, th { 
  border: 1px solid grey; 
  height: 20px;
  padding: 6px;
  
}