* {
	margin: 0;
	padding: 0;
	/*cursor: none;*/
}

.hidden { display: none; }

body, table, button { font-family: Arial, sans-serif; font-size: 28px; }
input, textarea { font-family: Arial, sans-serif; font-size: 60px; }

h1 { font-size: 1.3em; }

#screen { margin: 0; }

.screenHeader { height: 120px; background: #222; }
	.screenHeader .title { color: #fff; font-size: 50px; margin: 15px 0 0 30px; width: 800px; float: left; }
	.screenHeader .help { width: 160px; height: 100px; margin: 10px 30px 0 0; float: right; }
		.screenHeader .help button { width: 100%; height: 100%; padding: 0; margin: 0;  }

.screenFooter { position: absolute; bottom: 0; left: 0; height: 100px; width: 100%; text-align: right; background: #222; }
	.screenFooter button { height: 80px; padding: 0 10px; margin: 10px 30px 0 0; }




#Index {}
	#Index table.buttons { margin: 30px auto; }
		#Index table.buttons td { vertical-align: top; }
			#Index table.buttons td.delimiter { width: 50px; }
			#Index table.buttons td.title { padding: 15px 10px 15px 60px; text-align: left; background: #CBE86B; font-size: 35px; border-top: 4px solid Green; }
			#Index table.buttons td.panel { width: 580px; padding: 10px 0;  }
			#Index table.buttons td.panel button { font-size: 35px; width: 100%; height: 80px; display: block; margin: 10px 0; padding: 0 0 0 60px; text-align: left; }


#About { }
	#About .content { margin: 30px; }
		#About .content h2 { margin-bottom: 0.5em; font-size: 1.1em; }
		#About .content p { margin-bottom: 1em; font-size: 0.8em; }



#Processing {}
	#Processing .message { margin: 30px; text-align: center; }



#Category { }
	#Category .stackHolder { margin: 0 30px 0 30px;  }
		#Category .stackHolder .stack {  margin-top: 30px; }
			#Category .stackHolder .stack table { height: 100px; }
				#Category .stackHolder .stack table td.slide { height: 80px; width: 244px; vertical-align: middle; text-align: center; font-size: 26px; background: #eee; }
				#Category .stackHolder .stack table td.current { background: #84B02C; }
				#Category .stackHolder .stack div.sliderLine {}

		#Category .stackHolder #loader { margin-top: 20px; }

		#Category .stackHolder .proceed { text-align: center; }
			#Category .stackHolder .proceed button { height: 100px; }



#Region_Default {}
	#Region_Default .content { margin: 30px; }
		#Region_Default .content p { margin-bottom: 1em; }
		#Region_Default .content button { height: 80px; width: 400px; }


#Region { }
	#Region .stackHolder { margin: 0 30px 0 30px;  }
		#Region .stackHolder .stack {  margin-top: 30px; }
			#Region .stackHolder .stack table { height: 100px; }
				#Region .stackHolder .stack table td.slide { height: 80px; width: 244px; vertical-align: middle; text-align: center; font-size: 26px; background: #eee; }
				#Region .stackHolder .stack table td.current { background: #84B02C; }
				#Region .stackHolder .stack div.sliderLine {}

		#Region .stackHolder #loader { margin-top: 20px; }

		#Region .stackHolder .proceed { text-align: center; }
			#Region .stackHolder .proceed button { height: 100px; }


#Form_Fill {}
	#Form_Fill .content { margin: 30px; }
		#Form_Fill .content p { margin-bottom: 1em; }



#Contact_Fill {}
	#Contact_Fill .content { margin: 30px; }
		#Contact_Fill .content p { margin-bottom: 1em; }





#Add_Result {}
	#Add_Result .content { margin: 30px; }
		#Add_Result .content p { margin-bottom: 1em; }
			#Add_Result #serial { color: #007C00; }
		


#Search_Result {}
	#Search_Result .content { margin: 30px; }
		#Search_Result .content p { margin-bottom: 1em; }
			#Search_Result #printControls { margin-top: 30px; }
				#Search_Result #printControls #printButton button { height: 80px; padding: 0 10px; }
			#Search_Result #searchPreview p { margin: 20px 0; border-left: 10px solid #007C00; padding: 20px; background: #F1F9DE; font-size: 90%; }



#Search_Result_Empty {}
	#Search_Result_Empty .content { margin: 30px; }
		#Search_Result_Empty .content p { margin-bottom: 1em; }

		

#attributeSelector { width: 100%; height: 120px; border-collapse: collapse; }
	#attributeSelector td { height: 100%; border-left: 1px solid #fff; border-right: 1px solid #fff; margin: 0; padding: 0; }
	#attributeSelector td.left,
	#attributeSelector td.right { width: 60px; }
	#attributeSelector td.button { text-align: center; width: 215px; background: #F2E9E1; font-size: 85%; }
	#attributeSelector td.current { background: #C5E5A5; width: 235px; border: 10px solid #177B00; }
	#attributeSelector td.inactive { background: #E9E8E2; }
		#attributeSelector td button { width: 100%; height: 100%; padding: 0; margin: 0; }


/* Attribute fields styling

-------------------------------------------------------------------------------*/
#attributeField { margin: 60px 0 30px 0; font-size: 40px; }

	#attributeField .fields { text-align: center; margin: 0 0 30px 0; }

	#attributeField input { }
	#attributeField textarea { width: 100%; height: 200px; }

	#attributeField input.target,
	#attributeField textarea.target { border: 5px solid Yellow; background: none; }

	#attributeField input.empty { background: url('/images/empty_field.jpg') 10px center no-repeat; }

	#attributeField .boolean { text-align: center; margin-top: 120px; }
	#attributeField .boolean label { padding: 40px 10px 40px 60px; background: url('/images/flag-boolean-inactive.png') 10px 45px no-repeat #eee; }
	#attributeField .boolean label.active { background: url('/images/flag-boolean-active.png') 10px 45px no-repeat #C7E792;  }

	#attributeField .list { text-align: left; margin-top: 60px; width: 1220px; font-size: 25px; }
	#attributeField .list ul.values { list-style: none; }
		#attributeField .list ul.values li { font-family: "Arial Narrow"; white-space: nowrap; line-height: 60px; display: inline; padding: 10px 10px; background: #eee; margin: 0 0 5px 0; }
		#attributeField .list ul.values li.active { background: #C7E792;  }



.keyboard { border: 3px solid #eee; padding: 10px; margin-top: 30px; }
	.keyboard .row { }
	.keyboard button { font-size: 36px; height: 65px; min-width: 85px; margin-right: 5px; margin-bottom: 5px; }
		.keyboard .space { width: 300px; }
	.keyboard .ru { }
	.keyboard .en { display: none; }