body {
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	text-align: left;
	margin-right: 0;
	margin-left: 0.4cm;
	margin-top: 0px;
    padding: 0 0 20px 0;
    height: 100%;
}

a, a:link, a:hover, a:active, a:visited {
    text-decoration: none;
}

/* ***************************************** */
/* ***** Styles for auto-generated forms *** */
/* ***************************************** */

form {
    border: none;
    margin: 0;
    padding: 0;
}

form.login-form{
    width: 300px;
    vertical-align: middle;
    background: #FFFFFF;
    color: #000000;
    margin: 0;
}

div.row {
    padding-top: 1em;
    text-align: left;
}

div.row div.field {
    clear: left;
    padding-top: 1px;
}

div.row div.label {
    background: #369;
    color: #fff;
    padding: 0.1em 0.5em 0.1em 0.5em; /* Same as .itemViews */
    border: 1px solid #369; /* Same as .itemViews */
    margin: 0;
    float: left;
    clear: both;
    text-align: right;
    font-weight: bold;
}

div.row span.error {
    background: red;
    color: white;
    padding: 0.1em 0.5em 0.1em 0.5em; /* Same as .itemViews */
    border: 1px solid red; /* Same as .itemViews */
    margin: 0;
    float: left;
    clear: both;
}

/*div.row input.form-element should be specified here */

/* div.row div.control should be specified here */

/* ************************************************* */
/* ***** Styles for formlib auto-generated forms *** */
/* ************************************************* */

form.edit-form {
    width: 98%;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0;
}

div.form-status {
    border: 1px solid #FDEFE8;
    width: 99%;
    padding-left: 0;
}

div.form-status div.summary {
    background: #FDEFE8;
    color: #000000;
    padding: 6px 10px;
}

div.form-status ul.errors {
    list-style-type: none;
    padding: 0;
}

div.form-status ul.errors li {
    list-style-type: none;
    background-image: url(icons/dot.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
    padding-left: .8em;
}


div.form-status ul.errors span.error{
    background: transparent;
    color: #BE4F16;
}

div.error span.error{
    background: transparent;
    color: #BE4F16;
}

/* ********************************** */
/* ********** tables **************** */
/* ********************************** */

table.index {
    height: 100%;
    width: 100%;
    border: 8px solid #FFFFFF;
    background: #F0F7EB;
    color: #000000;
}

table.login {
    border-collapse: collapse;
    width: 300px;
    text-align: left;
}

table.login td.corn-left-top{
    height: 22px; 
    width: 22px;
    background: url(icons/corn.left.top.gif) no-repeat right bottom; 
}
table.login td.corn-right-top{
    height: 22px; 
    width: 22px;
    background: url(icons/corn.right.top.gif) no-repeat left bottom; 
}
table.login td.corn-left-bottom{
    height: 22px; 
    width: 22px;
    background: url(icons/corn.left.bottom.gif) no-repeat right top; 
}
table.login td.corn-right-bottom{
    height: 22px; 
    width: 22px;
    background: url(icons/corn.right.bottom.gif) no-repeat left top; 
}
table.login td.top{
    background: url(icons/bg.top.gif) repeat-x bottom; 
}
table.login td.right{
    background: url(icons/bg.right.gif) repeat-y left; 
}
table.login td.bottom{
    background: url(icons/bg.bottom.gif) repeat-x top; 
}
table.login td.left{
    background: url(icons/bg.left.gif) repeat-y right; 
}

table.login-form-fields {
    width: 100%;
    font-size: 10px;
    margin: 0;
    text-align: left;
}

table.login-form-fields td.label {
/*     width: 45%; */
    text-align: right;
	font-weight: normal;
    white-space: nowrap;
    background: #F0F7EB;
    color: #000000;
    border-top: 3px solid #FFFFFF;
    border-right: 4px solid #FFFFFF;
    border-bottom: 3px solid #FFFFFF;
    border-left: 0;
    padding: 4px 3px 3px 10px;
    vertical-align: top;
}

table.login-form-fields td.field {
	text-align: left;
    border-top: 4px solid #FFFFFF;
    border-bottom: 4px solid #FFFFFF;
    padding: 1px 2px 1px 2px;
    vertical-align: middle;
    font-size: 11px;
    font-weight: normal;
}

table.form-status{
    border-collapse: collapse;
    width: 100%;
}

table.form-status td.icon{
    width: 20px;
    vertical-align: top;
    padding-right: 4px;
}

table.form {
    font-size: 100%;
    margin: 0;
    text-align: left;
    border-collapse: collapse;
}

table.form td.right {
    text-align: right;
	font-weight: normal;
    background: #F0F7EB;
    color: #000000;
    border-top: 8px solid #FFFFFF;
    border-right: 4px solid #FFFFFF;
    border-bottom: 8px solid #FFFFFF;
    border-left: 0;
    padding: 4px 6px 3px 10px;
    vertical-align: top;
    max-width: 220px;
}

table.form td.input{
	text-align: left;
    border-top: 4px solid #FFFFFF;
    border-bottom: 4px solid #FFFFFF;
    padding: 1px 15px 1px 1px;
    vertical-align: middle;
    font-size: 11px;
    font-weight: normal;
}

table.paging {	
	font-size: 11px;
	margin-left: 0;
	margin-right: 15px;
	margin-bottom: 1.2em;
	border-collapse: collapse;
}

table.paging td{
    padding: 3px 10px 3px 11px;
    white-space: nowrap;
}

table.paging td.count {
    background: #F0F7EB;
    color: #000000;
}

table.paging td.count span {
    font-weight: bold;
}

table.paging td div {
    margin: 0 3px 0 0;
    padding: 0 5px 0 5px;
    border: solid 1px #5FBB3D;
    display: inline;
    text-align: center;
}

table.paging td div.current {
    margin: 0 3px 0 0;
    padding: 1px 6px 1px 6px;
    border: 0;
    background: #C7E7BB;
    color: #000000;
    display: inline;
    text-align: center;
}

table.paging a, a:link, a:active, a:visited, a:hover { 
    text-decoration: none;
    margin: 0 4px 0 0;
    padding: 0;  
}

table.data-table {	
	font-size: 11px;
	margin: 0 13px 0 1px;
	border-collapse: collapse;
    background: #FFFFFF;
}

table.data-table caption {
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid #8CACBB;
	border-left: 1px solid #8CACBB;
	border-right: 1px solid #8CACBB;

	caption-side: top;
	width: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 1cm;
	margin-left: auto;
	margin-right: 0;
}

table.data-table th {
	padding-left: 10px;
	padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 1px;

	border-bottom: 3px solid #D5EDCC;
	border-top: 3px solid #D5EDCC;
	border-left: 1px solid #98C2B3;
	background-color: #D5EDCC;
    color: #000000;
    vertical-align: top;
}

table.data-table th.no-border-left {
	border-left: 1px solid #D5EDCC;
}

table.data-table th.inner {
    color: #333333;
}

table.data-table td {
	border-right: 1px solid #D4E5DF;
	border-bottom: 1px solid #A9CCC0;
	border-left: 1px solid #D4E5DF;
    padding: 5px 10px 5px 10px;
    vertical-align: top;
}

table.data-table td.separator {
	border: 0;
    height: 6px;
    font-size: 5px;
    padding: 0;
}

table.data-table td.group-title {
    background: #EAF6E5;
    border-top: 1px solid #EAF6E5;
    font-weight: bold;
    color: #333333;
}

table.data-table td.group-title a, a:link, a:active, a:visited, a:hover { 
    text-decoration: none;
    margin: 0 4px 0 0;
    padding: 0;  
}

table.data-table td.actions a, a:link, a:active, a:visited, a:hover { 
    text-decoration: none;
    margin: 0 4px 0 0;
    padding: 0;  
}

table.data-table a img{
    margin: 0;
    vertical-align: bottom;
}

table.data-table td.cell-yellow-no-border {
	background-color: #FFFCF3;
    color: #000000;
    border-bottom: 0;
}

table.data-table td.cell-blue-no-border {
	background-color: #F2FAFB;
    color: #000000;
    border-bottom: 0;
}

table.data-table td.cell-pink-no-border {
	background-color: #FEF7F4;
    color: #000000;
    border-bottom: 0;
}

table.data-table td.cell-violet-no-border {
	background-color: #FCF3F7;
    color: #000000;
    border-bottom: 0;
}

table.data-table td.empty {
    border: 0;
}

table.data-table td.actions {
	background-color: #F2F7F5;
    padding: 3px 3px 3px 10px;
    white-space: nowrap;
    text-decoration: none;
}

table.data-table td.light-background {
	background-color: #F2F7F5;
    padding: 3px 3px 3px 10px;
}

table.data-table td.grouped-sum {
    background: #E8F5E3;
    color: #000000;
    border: 1px solid #E8F5E3;
    text-align: right;
    padding: 0;
}

table.data-table td.grouped-sum div {
    margin: 0 3px 0 3px;
    border-bottom: 1px solid #A9CCC0;
    padding: 3px 6px 3px 3px;
}

table.data-table td.grouped-sum div.bottom {
    margin: 0 3px 0 3px;
    border: 0;
    padding: 3px 6px 3px 3px;
}

table.data-table td.up-down a, a:link, a:visited, a:active, a:hover {
    text-decoration: none;
    padding: 0;
    margin: 0 2px;
}

table.data-table td.up-down {
    text-align: center;
    white-space: nowrap;
}

/************************/
table.main {	
	font-size: 11px;
	margin: 0 13px 0 1px;
	border-collapse: collapse;
        background: #FFFFFF;
}

table.main caption {
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid #8CACBB;
	border-left: 1px solid #8CACBB;
	border-right: 1px solid #8CACBB;

	caption-side: top;
	width: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 1cm;
	margin-left: auto;
	margin-right: 0;
}

table.main th {
	padding-left: 10px;
	padding-right: 10px;
        padding-top: 1px;
        padding-bottom: 1px;

	border-bottom: 3px solid #D5EDCC;
	border-top: 3px solid #D5EDCC;
	border-left: 1px solid #98C2B3;
	background-color: #D5EDCC;
        color: #000000;
        vertical-align: top;
}

table.main th.no-border-left {
	border-left: 1px solid #D5EDCC;
}

table.main th.inner {
    color: #333333;
}

table.main td {
	border-right: 1px solid #D4E5DF;
	border-bottom: 1px solid #A9CCC0;
	border-left: 1px solid #D4E5DF;
        padding: 5px 10px 5px 10px;
        vertical-align: top;
}

table.main td.separator {
	border: 0;
    height: 6px;
    font-size: 5px;
    padding: 0;
}

table.main td.group-title {
    background: #EAF6E5;
    border-top: 1px solid #EAF6E5;
    font-weight: bold;
    color: #333333;
}

table.main td.group-title a, a:link, a:active, a:visited, a:hover { 
    text-decoration: none;
    margin: 0 4px 0 0;
    padding: 0;  
}

table.main td.actions a, a:link, a:active, a:visited, a:hover { 
    text-decoration: none;
    margin: 0 4px 0 0;
    padding: 0;  
}

table.main a img{
    margin: 0;
    vertical-align: bottom;
}

table.main td.cell-yellow-no-border {
	background-color: #FFFCF3;
    color: #000000;
    border-bottom: 0;
}

table.main td.cell-blue-no-border {
	background-color: #F2FAFB;
    color: #000000;
    border-bottom: 0;
}

table.main td.cell-pink-no-border {
	background-color: #FEF7F4;
    color: #000000;
    border-bottom: 0;
}

table.main td.cell-violet-no-border {
	background-color: #FCF3F7;
    color: #000000;
    border-bottom: 0;
}

table.main td.empty {
    border: 0;
}

table.main td.actions {
	background-color: #F2F7F5;
    padding: 3px 3px 3px 10px;
    white-space: nowrap;
    text-decoration: none;
}

table.main td.light-background {
	background-color: #F2F7F5;
    padding: 3px 3px 3px 10px;
}

table.main td.grouped-sum {
    background: #E8F5E3;
    color: #000000;
    border: 1px solid #E8F5E3;
    text-align: right;
    padding: 0;
}

table.main td.grouped-sum div {
    margin: 0 3px 0 3px;
    border-bottom: 1px solid #A9CCC0;
    padding: 3px 6px 3px 3px;
}

table.main td.grouped-sum div.bottom {
    margin: 0 3px 0 3px;
    border: 0;
    padding: 3px 6px 3px 3px;
}

table.main td.up-down a, a:link, a:visited, a:active, a:hover {
    text-decoration: none;
    padding: 0;
    margin: 0 2px;
}

table.main td.up-down {
    text-align: center;
}

/************************/
table.notes {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

table.notes td {
    border: 0;
    padding: 0;
}

table.info {
    border-collapse: collapse;
    width: 100%;
    margin-top: -40px;
}

table.info td.icon {
    vertical-align: top;
    padding-right: 2px;
    width: 22px;
}

table.info td {
    vertical-align: top;
    padding-right: 6px;
}

caption.dark {
	font-size: 140%;
	font-weight: bold;
	border-top: 1px solid #8CACBB;
	border-left: 1px solid #8CACBB;
	border-right: 1px solid #8CACBB;

	caption-side: top;
	width: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 1cm;
	margin-left: auto;
	margin-right: auto;
	background-color: #DEE7EC;
    color: #000000;
}

tr.item_group {
	border-top: 2px solid #8CACBB;
	border-bottom: 2px solid #8CACBB;
	background-color: #F7F9FA;
    color: #000000;
}

tr.grey{
    background: transparent;
	color: #777;
}

tr.border_top {
	border-top: 1px solid #8CACBB;
}

td.dark {
	background-color: #D5EDCC;
	color: #333333;
	font-weight: bold;
	border: 1px solid #98C2B3;
}

td.sum-yellow {
	background-color: #FFFCF3;
    color: #000000;
    padding: 0 10px 0 10px;
    white-space: nowrap;
    text-align: right;
}

td.sum-blue {
	background-color: #F2FAFB;
    color: #000000;
    padding: 0 10px 0 10px;
    white-space: nowrap;
    text-align: right;
}

td.sum-pink {
	background-color: #FEF7F4;
    color: #000000;
    padding: 0 10px 0 10px;
    white-space: nowrap;
    text-align: right;
}

td.sum-violet {
	background-color: #FCF3F7;
    color: #000000;
    padding: 0 10px 0 10px;
    white-space: nowrap;
    text-align: right;
}

td.cell-yellow {
	background-color: #FFFCF3;
    color: #000000;
}

td.cell-blue {
	background-color: #F2FAFB;
    color: #000000;
}

td.cell-pink {
	background-color: #FEF7F4;
    color: #000000;
}

td.cell-violet {
	background-color: #FCF3F7;
    color: #000000;
}

td.light {
	background-color: #F6FAFF;
    color: #000000;
}

td.up-down img {
    margin: 0;
    border: 0;
}


/* ********************************** */
/* ********** table.help ************ */
/* ********************************** */

table.help {
	font-size: 100%;
	border-collapse: collapse;
	border: 1px solid #8CACBB;
	margin-left:auto;
	margin-right:auto;
	margin-top: 2em;
	margin-bottom: 0.5em;
	padding: 50%;
	width: 70%;
}
table.help th {
	padding-left: 1em;
	padding-right: 1em;

	border-bottom: 1px solid #8CACBB;
	border-top: 1px solid #8CACBB;
	border-left: 1px solid #8CACBB;
	border-right: 1px solid #8CACBB;
	background-color: #DEE7EC;
	text-align: left;
}
table.help td {
	padding-left: 1em;
	padding-right: 1em;
	border-left: 1px solid #8CACBB;
	border-right: 1px solid #8CACBB;
}
table.help caption {
	caption-side: bottom;
	font-weight: bold;
	margin-bottom: 2em;
	margin-left:auto;
	margin-right:auto;	
}
/* ********************************** */
/* *********** puslapiavimas ******** */
/* ********************************** */
table.paging {	
	font-size: 11px;
	margin: 1.2em 1.5em 1.2em 0;
	border-collapse: collapse;
}

table.paging td{
    padding: 3px 10px 3px 11px;
    white-space: nowrap;
    vertical-align: middle;
}

table.paging td.count {
    background: #F0F7EB;
    color: #000000;
    font-weight: bold;
}

table.paging td.pages {
    text-align: center;
    vertical-align: middle; 
    padding: 3px 10px 3px 10px;
}

table.paging td.count span {
    font-weight: normal;
}

table.paging td div {
    margin: 1px;
    padding: 0 5px 0 5px;
    border: solid 1px #5FBB3D;
    display: inline;
    text-align: center;
    color: #000000;
}

table.paging td div.current {
    margin: 1px;
    padding: 1px 6px 1px 6px;
    border: 0;
    background: #C7E7BB;
    color: #000000;
    display: inline;
    text-align: center;
    font-weight: bold;
}

a.paging, a.paging:link, a.paging:active, a.paging:visited, a.paging:hover { 
    text-decoration: none;
    margin: 0;
    padding: 0; 
    color: #000000;
}

table.paging td.paging-backwards {
    padding-right: 0;
}

table.paging td.paging-forward {
    padding-left: 0;
}

table.paging span.separator{
    border-right: 1px solid #7FB3A1;
    margin: 0 5px 0 3px;
}

table.paging span.text {
    margin: 0 4px;
}




/* ********************************** */
/* ********** div ******************* */
/* ********************************** */

/*used in login form*/
div.login-header{
    margin: 0 25px 11px 25px; 
    padding: 17px 0 7px 0;
    border-bottom: 1px solid #7FB3A1; 
    text-align: left;
    vertical-align: middle; 
    font-size: 13px; 
    font-weight: bold;
}



div.form-field-help {
}

div.widget {
}

div.error {
    color: red;
}

div.title {
	margin: 15px 0 17px 0;
	width: 97%;
	border-bottom: 1px solid #B4D2C8;
	font-size: 12px;
    font-weight: bold;
	text-align: left;
    padding-bottom: 6px;
}

div.head {
    border: 0;
	margin-top: 0.5cm;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 10px;
	display: block;
}

div.head_default {
	border-bottom: 1px solid #8CACBB;
	border-right: 3px solid #FFFFFF;
	padding-top: 1cm;
	margin-top: 0px;
	margin-left: 0.4cm;
	width: 97%;
	display: table;
	position: fixed;
	background-color: #FFFFFF;
}

div.background {
	width: 100%;
	margin: 0 0 0 -0.4cm;
	display: table;
	position: fixed;
	background-color: #FFFFFF;
    padding: 0;
}

/*used in page template*/
div.header-login {
    /*width: 99%;*/
    height: 20px;
    background-color: #D5EDCC;
    font-size: 11px;
    font-family: Verdana, Helvetica, Arial, sans-serif; 
    text-align: right;
    margin-left: 2px;
    margin-top: 9px;
    margin-right: 12px;
    vertical-align: middle;
    padding: 0;
    /*display: block;*/
}

div.header-login td {
    font-size: 11px;
}

div.header-login div.image{
    display: inline;
    margin-right: 9px;
    margin-top: 3px;
    height: 19px;
}

div.header_left { 
	font-size: 13px;
	float: left;
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 0;
}

div.header-right {
    height: 20px;
/*     float: left; */
    margin: 0;
    padding: 5px 0 0 0;
    border-top: 1px solid #7FB3A1;
    border-right: 1px solid #7FB3A1;
    border-left: 1px solid #7FB3A1;
    border-bottom: 0;
    white-space: nowrap;
    vertical-align: bottom;
    display: block;
}

div.header-right div.middle-without-border{
    margin-top: 3px;
    margin-bottom: 2px;
    white-space: nowrap;
    vertical-align: middle;
    display: inline;
    font-size: 11px;
/*     float: right; */
}

div.header-right div.middle-with-border{
    margin-top: 3px;
    margin-bottom: 2px;
    white-space: nowrap;
    vertical-align: middle;
    display: inline;
    border-right: 1px solid #A9CCC0;
    font-size: 11px;
/*     float: right; */
}

div.header-right img {
    margin-bottom: 0;
    margin-left: 12px;
    vertical-align: middle;
}



div.content {
    padding: 8.4em 0 2em 0;
    margin-left: 10px;
    margin-right: 10px;
	font: normal 11px Verdana, Helvetica, Arial, sans-serif; 
    display: block; 
}

div.helptext {
	margin: 1cm;
	width: 93%;
	font-size: 100%;
	text-align: left;
}

div.message {
	background: #FDEFE8;
	border: 0;
	color: Black;
	font: normal 12px Verdana, Helvetica, Arial, sans-serif;
	line-height: 16px;
	vertical-align: top;
	margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

div.message p {
	text-align: left;
    margin: 0;
}

div.message img {
	height: 32px;
	width: 32px;
	border: 0px;
}

div.info {
	background: #EAF6E5;
	border: 0;
	color: Black;
	font: normal 12px Verdana, Helvetica, Arial, sans-serif;
	line-height: 16px;
	vertical-align: top;
	margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

div.info p {
	text-align: left;
    margin: 0;
}

div.info img {
	height: 32px;
	width: 32px;
	border: 0px;
}

div.action {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0.5cm;
	margin-bottom: 0.5cm;
	border: 1px solid #8CACBB;
	display: inline;

	background-color: #F7F9FA;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5%;
	padding-right: 5%;
	text-align: center;
}

div.action a{
	font-size: 10px;
	text-decoration: none;
	color: #436976;
}

div.order_head_block1 {
	float: left;
	font-size: 11px;
	font-weight: bold;
}

div.order_head_block2 {
	float: left;
	margin-left: 2px;
	font-size: 11px;
}

div.order_head_block3 {
	float: left;
	margin-left: 2em;
}

div.order_head_block4 {
	float: right;
	margin-left: 2em;
	text-align: right;
}

div.help_form {
	display: inline;
	float: right;
	margin-right: 4px;
}

div.developer{
    height: 41px;
    font-size: 10px;
    padding-left: 25px;
    margin-top: 32px;
    background: #F2F7F5;
}

/* ********************************** */
/* ********** form element ********** */
/* ********************************** */
input {
	border: 1px solid #8C8C8C;
    margin-right: 1px;
    margin-left: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
    
}

input[disabled] {
	background-color: #FFFFFF;
    color: #8C8C8C;
}

.checkboxType {
    border: 0;
}

.button {
	height: 19px;
	margin-top: 13px;
	margin-left: 0;
	margin-bottom: 0;
	background: #FFFFFF url(icons/submit.gif) 6px 50% no-repeat;
	padding: 0 0.1em 0.3em 1.1em;
	border: solid 1px #5FBB3D;
	font-size: 12px;
	width: auto;
}

.submit {
    height: 19px;
	margin-top: 13px;
    margin-left: 0;
    margin-bottom: 0;
	background: #FFFFFF url(icons/submit.gif) 6px 50% no-repeat;
	padding: 0 0.1em 0.3em 1.1em;
    border: solid 1px #5FBB3D;
    font-size: 12px;
    white-space: nowrap; 
}

.logout {
	margin: 1px;
	background: #FFFFFF url(icons/logout.gif) no-repeat;
	background-position: right;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 0 2.3em 0.3em 0.7em;
	border: 1px solid #5FBB3D;
	height: 18px;
}

.action {
	height: 19px;
	margin-top: 13px;
	margin-left: 0;
	margin-bottom: 0;
	background: #FFFFFF url(icons/submit.gif) 6px 50% no-repeat;
	/*padding: 0 0.3em 0.3em 1.1em;*/
	padding: 0 1px 3px 11px;
	border: solid 1px #5FBB3D;
	font-size: 12px;
	white-space: nowrap; 
	width: auto;
}

.file{
	background-color: #DEE7EC;
	text-align:center;
	padding:5px;
	margin:10px;
	font-weight:bold;
}

#periodStart_trigger {
	background: #FFFFFF;
	border: 1px solid #5FBB3D
}

#periodBegin_trigger {
	background: #FFFFFF;
	border: 1px solid #5FBB3D
}


#periodEnd_trigger {
	background: #FFFFFF;
	border: 1px solid #5FBB3D
}


input.page {
    height: 18px;
	border: 1px solid #5FBB3D;
    background: #FFFFFF;
    padding-left: 0.25em;
    padding-right: 0.25em;
    padding-bottom: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
}

input.page_active {
    height: 18px;
	border: 1px solid #C7E7BB;
    background: #C7E7BB;
    padding-left: 0.25em;
    padding-right: 0.25em;
    padding-bottom: 1em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold
}


.upButton {
    height: 14px;
    width: 14px;
	background: url(icons/up.gif) 0 0 no-repeat;
    color: #46A53F;
    border: 0;
    font-size: 0;
    padding: 0;
    margin: 0 0 2px 3px;
}

.downButton {
    height: 14px;
    width: 14px;
	background: url(icons/down.gif) 0 0 no-repeat;
    color: #46A53F;
    border: 0;
    font-size: 0;
    padding: 0;
    margin: 2px 0 0 3px;
}

.fromButton {
    height: 13px;
    width: 20px;
	background: url(icons/right.gif) 0 0 no-repeat;
    color: #46A53F;
    border: 0;
    font-size: 0;
    padding: 0;
    margin: 0 6px 2px 6px;
}

.toButton {
    height: 13px;
    width: 20px;
	background: url(icons/left.gif) 0 0 no-repeat;
    color: #46A53F;
    border: 0;
    font-size: 0;
    padding: 0;
    margin: 2px 6px 0 6px;
}

textarea {
	width: 200px;
	height: 120px;
    border: solid 1px #8C8C8C;
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
}

textarea[disabled] {
	background-color: #EEEEEE;
}

button.action {
	background: #F7F9FA url(icons/submit.gif) 9px 1px no-repeat;
	margin-left: 2px;
	border: 1px solid #8CACBB;
	padding: 1px 1px 1px 15px;
}

button.dark {
	background: #DEE7EC url(icons/submit.gif) 9px 1px no-repeat;
	border: 1px solid #8CACBB;
	padding: 1px 1px 1px 15px;
}

button.order_action {
	background: #F7F9FA url(icons/submit.gif) 9px 1px no-repeat;
	margin: 1px;
	border: 1px solid #8CACBB;
	padding: 1px 1px 1px 15px;
	width: 4cm;
}

select {
	border: 1px solid #8C8C8C;
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
    margin: 0;
}

/* ********************************** */
/* ********** img ******************* */
/* ********************************** */
img.icon {
	vertical-align: middle;
}

img.noaction {
	margin-right: 4px;
    margin-left: 0;
}

/* ********************************** */
/* ********** lists ***************** */
/* ********************************** */
ul.list {
	list-style-image: url("icons/list");
	padding: 1em;
}

ol.list_help li {
/* Naudojamas vartotojo dokumentacijos failuose ('doc/help') */
	margin-top: 1em;
	margin-bottom: 1em;
}

ul.list_help_ul {
/* Naudojamas vartotojo dokumentacijos failuose ('doc/help') */
	list-style-image: url("icons/list");
	text-align: justify;
}

ul.list_help_ul li {
/* Naudojamas vartotojo dokumentacijos failuose ('doc/help') */
	margin-top: 1em;
	margin-bottom: 1em;
}


/* ********************************** */
/* ********** links ***************** */
/* ********************************** */

div.content a, a:link, a:active, a:hover, a:visited {
	text-decoration: underline;
    text-decoration: underline;
    color: #2D9040;
}

div.content table.main td a, a:link, a:active, a:hover, a:visited {
	text-decoration: underline;
    text-decoration: underline;
    color: #2D9040;
}

/* ********************************** */
/* ********** text ****************** */
/* ********************************** */

h1.help {
/* Naudojamas vartotojo dokumentacijos failuose ('doc/help') */
	font-size: 120%;
	font-weight: bold;
	margin-top: 3em;
}
h2.help {
/* Naudojamas vartotojo dokumentacijos failuose ('doc/help') */
	font-size: 110%;
	font-weight: bold;
	margin-top: 2em;
}

p.help {
/* Naudojamas vartotojo dokumentacijos failuose ('doc/help') */
	text-align: justify;
}

span.separator {
    border-right: 1px solid #7FB3A1;
}

span.field_name {
/* Naudojamas vartotojo dokumentacijos failuose ('doc/help') */
	font-weight: bold;
}
span.example {
/* Naudojamas vartotojo dokumentacijos failuose ('doc/help') */
	font-style: italic;
}
span.button {
/* Naudojamas vartotojo dokumentacijos failuose ('doc/help') */
	color: #416973;
	border: 1px solid #8CACBB;
	background-color: #F7F9FA;
	padding-left: 1em;
	padding-right: 1em;
	margin-left: 3px;
	margin-right: 3px;
}

span.button2 {
/* Naudojamas vartotojo dokumentacijos failuose ('doc/help') */
	border: 1px solid #8CACBB;
	background: #DEE7EC url(icons/submit) 7px 2px no-repeat;
	padding: 1px 3px 1px 15px;
	margin-left: 3px;
	margin-right: 3px;
}
span.button_order {
/* Naudojamas vartotojo dokumentacijos failuose ('doc/help') */
	border: 1px solid #8CACBB;
	background: #F6FAFF url(icons/submit) 7px 2px no-repeat;
	padding: 1px 12px 1px 24px;
	margin-left: 3px;
	margin-right: 3px;
}

span.actionButtons {
}

span.title{
    font-weight: bold;
    background: transparent;
    color: #545454;
    white-space: nowrap;
    margin-right: 0.5em;
}

span.combobox {
/* Naudojamas vartotojo dokumentacijos failuose ('doc/help') */
	border-top: 2px solid #737162;
	border-left: 2px solid #737162;
	
	border-bottom: 2px solid #f6f2ee;
	border-right: 2px solid #f6f2ee;
	
	background-image: url("icons/combobox");
	background-position: 100% 50%;
	background-repeat: no-repeat;
	
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 3px;
		
	margin-left: 3px;
	margin-right: 3px;
}
span.link {
	color: #436976;
}

span.period {
    padding: 0 3px 0 3px;
    margin: 0;
}

span.date {
	padding: 0;
	white-space: nowrap;
	color: #737373;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: normal;
}

table.data-table span.error{
    background: transparent;
    color: #BE4F16;
}

/* **************************************************************** */
/* ****************** tab style *********************************** */
/* **************************************************************** */


/* head-action table */ 
table.head {
    width: 100%;
    border: 0;
}

table.head td.left {
    border-bottom: 1px solid #7FB3A1;
    text-align: left;
    padding: 0 20px 0 0;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
}

table.head td.right {
	padding-right: 0;
	padding-left: 0;
	text-align: left;
	white-space: nowrap;
	vertical-align: middle;
	width: 1%;
}

table.head td.right div {
	padding-left: 0;
	margin-left: 0;
}

div.header-right a, a:link, a:hover, a:active, a:visited {
    color: #000000;
    text-decoration: none;
    margin: 3px 10px 0 0;
    vertical-align: bottom;
/*     float: right; */
}

div.header_left {
    padding-bottom: 2px;
}

div.header_left img {
    margin-right: 3px;
}




/* **************************************************************** */
/* ****************** tab'u stilius ******************************* */
/* **************************************************************** */



#menu {
	border-bottom : 1px solid #9FC6B9;
	margin : 0 20px 0 0;
	padding-bottom : 11px;
	padding-left : 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

#menu a:link, #menu a:visited	{
	border-top : 1px solid #FFFFFF;
/* 	border-right: 1px solid #FFFFFF; */
	border-bottom : 1px solid #B4D2C8;
/* 	border-left: 1px solid #FFFFFF; */
	color : #2D9040;
	float : left;
	font-size : 12px;
	font-weight : normal;
	margin : 0;
	padding : 5px 10px 5px 10px;
	text-decoration : underline;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
        padding : 5px 10px 5px 10px;
}

#menu a:hover	{
	color : #f00;
}

a#active{
	background : #fff;
	border-top : 1px solid #9FC6B9;
	border-right : 1px solid #9FC6B9;
	border-bottom : 1px solid #fff;
	border-left : 1px solid #9FC6B9;
	color : #000;
	text-decoration: none;
	font-weight: bold;
        padding : 5px 10px 5px 10px;
}


div.current-section #menu li#current-nav a{
	background : #fff;
	border-top : 1px solid #9FC6B9;
	border-right : 1px solid #9FC6B9;
	border-bottom : 1px solid #fff;
	border-left : 1px solid #9FC6B9;
	color : #000;
	text-decoration: none;
	font-weight: bold;
        padding : 5px 10px 5px 10px;
}

div.current-section #menu li#current-snav a{
	background : #fff;
	border-top : 1px solid #9FC6B9;
	border-right : 1px solid #9FC6B9;
	border-bottom : 1px solid #fff;
	border-left : 1px solid #9FC6B9;
	color : #000;
	text-decoration: none;
	font-weight: bold;
        padding : 5px 10px 5px 10px;
}

div.current-section #menu li#current-nav2 a{
	background : #fff;
	border-top : 1px solid #9FC6B9;
	border-right : 1px solid #9FC6B9;
	border-bottom : 1px solid #fff;
	border-left : 1px solid #9FC6B9;
	color : #000;
	text-decoration: none;
	font-weight: bold;
        padding : 5px 10px 5px 10px;
}


/*div.current-section #menu li#action-nav a{
	background : #fff;
	border-top : 1px solid #9FC6B9;
	border-right : 1px solid #9FC6B9;
	border-bottom : 1px solid #fff;
	border-left : 1px solid #9FC6B9;
	//color : #000;
	//text-decoration: none;
	//font-weight: bold;
        padding: 2px 10px 1px 10px;
}*/



#menu ul a:hover {
	color : #f00 !important;
}







/*calendar*/

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #5FBB3D;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #FFFFFF;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
  background: #D5EDCC;
  color: #00653E;
  font-size: 90%;
  border-left: 0;
  border-top: 0;
  border-right: 1px solid #A9CCC0;
  border-bottom: 1px solid #A9CCC0;
}

.calendar .nav {
  background: #D5EDCC url(/@@/zc.datetimewidget/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  padding: 2px;
  background: #BDE3AF;
  color: #000;
  border-right: 1px solid #A9CCC0;
  border-bottom: 1px solid #A9CCC0;
/*   border: 1px solid #A9CCC0; */
/*   border: 1px solid red; */
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #A9CCC0;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #EB6220;
}
.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #D5EDCC;
  color: #00653E;
  border: 1px solid #A9CCC0;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #BDE3AF;
  padding: 2px 0px 0px 2px;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #D5EDCC;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #000;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #FFF;
}
.calendar tbody .day.othermonth.oweekend {
  color: #FFF;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #A9CCC0;
  background: #F2F7F5;
}

.calendar tbody .rowhilite td {
  background: #F2F7F5;
}

.calendar tbody .rowhilite td.wn {
  background: #F2F7F5;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #efd;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #dec;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #fff;
  padding: 1px 3px 1px 1px;
  background: #BDE3AF;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #EB6220;
}

.calendar tbody td.today { font-weight: bold; color: #46A53F; }

.calendar tbody .disabled { color: red; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #F2F7F5;
  color: #000;
  border-top: 1px solid #A9CCC0;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  padding: 2px;
  background: #F2F7F5;
  color: #000;
  border-top: 1px solid #A9CCC0;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #F2F7F5;
  border: 1px solid #A9CCC0;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #F2F7F5;
  padding: 2px 0px 0px 2px;
}


/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #5FBB3D;
  background: #fff;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #BDE3AF;
}

.calendar .combo .active {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #BDE3AF;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #8a8;
  padding: 1px 0px;
  text-align: center;
  background-color: red;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #fff;
  font-weight: bold;
  background-color: #fff;
}


.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #686;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
html>body thead.fixedHeader {
	display: block;
	width: 788px;
}
thead.fixedHeader tr {
	/*position: relative*/
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block
}

/* make the TH elements pretty */
thead.fixedHeader th {
	/*background: #C96;
	border-left: 1px solid #EB8;
	border-right: 1px solid #B74;
	border-top: 1px solid #EB8;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left*/
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	/*color: #FFF;
	display: block;*/
	text-decoration: none;
	width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
	/*color: #FFF;
	display: block;*/
	text-decoration: underline;
	width: 100%
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
	display: block;
	height: 350px;
	overflow: auto;
	width: 804px;
	border-left: 1px solid #D4E5DF;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
	width: 54px
}

html>body thead.fixedHeader th + th {
	width: 46px
}

html>body thead.fixedHeader th + th + th {
	width: 101px
}

html>body thead.fixedHeader th + th + th + th {
	width: 192px
}

html>body thead.fixedHeader th + th + th + th +th {
	width: 78px
}

html>body thead.fixedHeader th + th + th + th +th + th {
	width: 20px
}

html>body thead.fixedHeader th + th + th + th +th + th + th {
	width: 85px
}

html>body thead.fixedHeader th + th + th + th +th + th + th + th {
	width: 57px
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
	width: 62px
}

html>body tbody.scrollContent td + td {
	width: 58px
}

html>body tbody.scrollContent td + td + td {
	width: 111px
}

html>body tbody.scrollContent td + td + td + td {
	width: 190px
}

html>body tbody.scrollContent td + td + td + td + td {
	width: 90px
}

html>body tbody.scrollContent td + td + td + td + td + td {
	width: 47px
}

html>body tbody.scrollContent td + td + td + td + td + td + td {
	width: 96px
}

html>body tbody.scrollContent td + td + td + td + td + td + td + td {
	width: 60px
}

/* tablesortable */
table.sortable {

	/*border-spacing: 0;*/

	/*border: 1px solid #000;*/
	

        font-size: 11px;
	margin: 0 13px 0 1px;
	border-collapse: collapse;
        background: #FFFFFF;

}

table.sortable th, table.sortable td {

	/*text-align: left;*/

	/*padding: 2px 4px 2px 4px;*/

	/*width: 100px;*/

	/*border-style: solid;*/

	/*border-color: #444;*/

}

table.sortable th {

	/*border-width: 0px 1px 1px 1px;*/

	/*background-color: #ccc;*/

        padding-left: 10px;
	padding-right: 10px;
        padding-top: 1px;
        padding-bottom: 1px;

	border-bottom: 3px solid #D5EDCC;
	border-top: 3px solid #D5EDCC;
	border-left: 1px solid #98C2B3;
	background-color: #D5EDCC;
        color: #000000;
        vertical-align: top;

}
table.sortable th.no-border-left {
	border-left: 1px solid #D5EDCC;
}
table.sortable th.no-border-left-unsort {
	border-left: 1px solid #D5EDCC;
}
table.sortable th a.sortheader {
        text-decoration: none;
}

table.sortable td {

	/*border-width: 0px 1px 0px 1px;*/

        border-right: 1px solid #D4E5DF;
	border-bottom: 1px solid #A9CCC0;
	border-left: 1px solid #D4E5DF;
        padding: 5px 10px 5px 10px;
        vertical-align: top;

}

table.sortable a img{
    margin: 0;
    vertical-align: bottom;
    border: 0;
}

table.sortable tr.odd td {

	/*background-color: #ddd;*/

}

table.sortable tr.even td {

	background-color: #fff;

}

table.sortable tr.sortbottom td {

	border-top: 1px solid #444;

	background-color: #ccc;

	font-weight: bold;

}