/**
 * Form (not only) in administration part of application
 * Tables are used for form layout
 */


/* login form, fields for password and login */
input.loginField {
	width: 12em;
	margin: 1px 2px;
}

/* all forms in admin should have this class */
form.admin {
	text-align: center;
	margin-bottom: 1em;
}

/* buttons etc in forms */
form.admin input, 
form.admin select, 
form.admin option,
form.admin button {
	font-size: 11px;
}

/** form is formatted via table */
table.formlayout {
	text-align: left;
	padding: 0;
	margin: 3px auto;
	border:	solid 1px #a4a4a4;
}

table.formlayout label {
	font-weight: bold;
}

table.formlayout label.noStyle {
	font-weight: normal;
}

table.formlayout tr.noStyle {
	background-color: transparent;
}

table.formlayout th {
	color: black;
}

table.formlayout td, table.formlayout th {
	text-align: left;
	padding: 2px 0.5em;
}

table.formlayout td.noPadd {
	padding: 0;
}

table.formlayout td.editor_area {
	padding:  3px;
}

/* even block of form */
tr.evenBlock, tr.evenBlock th  {
	background-color: #E5EFEC;
}

/* odd block of form */
tr.oddBlock, tr.oddBlock th, .oddBlock {
	background-color: #DAE4E1;
}

tr.mouseOver {
	background-color: #FFEFF0;
}

/* usually last row of form containing action buttons (submit, cancel) */
tr.action {
}

/* when we have first and second action, action row has full both two cells*/
tr.action td.first {
	text-align: left;
	padding: 0px 2px;
}

tr.action td.second {
	text-align: right;
	padding: 0px 4px;
}

tr.action td.second a {
	color:	#144D02;
}

/* first and second action buttons/input */
.firstAction, .secondAction {
	border-width: 1px;
	border-style: solid;
	background-repeat: no-repeat;
	margin: 2px 4px;
	/* this is not duplicate, some tables are without forms and needs storno action */
	font-size: 11px;
}

/* first action button */
.firstAction {
	border-color: #FEDA86 #E5BA58 #E5BA58 #FEDA86;
	background-image: url("../images/layout/button_primary_action.gif");
	background-color: #FEFAE4;
}

/* second action button */
.secondAction {
	border-color: #EBEBEB #C2C2C2 #C2C2C2 #EBEBEB;
	background-image: url("../images/layout/button_secondary_action.gif");
	background-color: #EBEBEB;
}

/* row with required field */
tr.required label {
	text-decoration: underline;
}

/* row with disabled field */
tr.disabled {
	color:	#888888;
}

tr.disabled label {
	font-style: italic;
}

/* row with readonly field */
tr.readonly {
}

/* readonly elements */
input.readonly, input.disabled {
color: #888;
}

/* button next to the text field, which opens new window (f.e. for section selecting) */
input.openWindowButton {
	margin: 0px 2px;
}

/* table od rights */
td.editRight, td.viewRight {
	width: 5px;
	height: 5px;
	padding: 0px;
}

/* images instead of check buttons - rights */
td.editRight img, td.viewRight img {
	margin: 2px;
}

/* right column with sections*/
td.sectionRight {
	text-align: left;
}

/* legend of rights */
table.legend td.editRight, table.legend td.viewRight {
	width: 5px;
	height: 5px;
	padding: 0px;
	margin: 1px;
}

table.legend {
	color: black;
	font-weight: bold;
	width: 100%;
}

/* table of rights */
td.editRight {
	background-color: #FF6A6A;
	border: solid 1px red;
}

/* table of rights */
td.viewRight {
	background-color: #69BC48;
	border: solid 1px green;	
}

tr.right_row td {
	padding: 0;
}

tr.right_row td .noStyle{
	padding: 2px 0.5em;
}