@import url("pager.css");

div.list { position: relative; padding: 10px;  }
div.list h2 { font-size: 16px; font-weight: bold; display: block; width: 100%; margin: 10px 0px; }
div.list div.buttons {  position: absolute; top: 5px; right: 5px; }
div.list div.count { float: right; }
div.list table { /*width: 100%;*/ margin-left: 0px !important; }
 div.list table td { padding: 3px 5px; }
 div.list table th { border: 1px solid #404040; border-right: 0; font-weight: bold; background-color: #e9f7fc; color: #000; padding: 3px; /*text-transform: uppercase;*/ text-align: center; }
 div.list table th:last-child { border-right: 1px solid #404040; }
 div.list table th a { font-weight: bold; color: #000; text-decoration: none; }
 div.list table tr.filter td { background-color: #4E91BF; }
	 div.list table tr.filter td input { width: 98%; height: 20px; }
	 div.list table tr.filter td select { width: 100%; }
	 div.list table tr.filter td textarea { width: 100%; }
 div.list table tr.center td { text-align: center; }	
 div.list table tr.item.grey td { background-color: #F9F9F9; }	
 div.list table tr.item.yellow td { background-color: #FFFF00; }	
 div.list table tr.item.error td { background-color: #FDC3C3; }	
 div.list table tr.item.treeLeft td {  }	
	div.list table tr.item.treeLeft td:first-child { padding-left: 25px; }	
	div.list table tr.item.convert td { color: #ff0000; }	
 div.list table tr.item td { color: #272525; border: 1px solid #404040; border-right: 0; }
 div.list table tr.item td:last-child { border-right: 1px solid #404040; }
	 div.list table tr.item td a { color: #272525; }
	 div.list table tr.item td a:hover { color: #7E7E7E; }	
	 
	 
div.edit { /*background-color: #FDE6BB;*/ padding: 10px; }
	div.edit h2 { font-size: 16px; font-weight: bold; display: block; width: 100%; margin: 10px 0px; }
	div.edit h3 { font-size: 14px; font-weight: bold; display: block; width: 100%; margin: 5px 0px; }
	div.edit div.fieldset { margin-bottom: 10px; }
		div.edit div.fieldset div { margin: 8px 0px; }
		div.edit div.fieldset div.col { width: 45%; margin-bottom: 8px; margin-top: 8px; }
		
			div.edit div.fieldset div span:first-child { display: inline-block; vertical-align: top; width: 30%; margin-right: 30px; }
			div.edit div.fieldset div span a span:first-child { display: block !important; vertical-align: center !important; width: auto !important; margin-right: 0px !important; }
			div.edit div.fieldset div span.bold { display: block; width: 100%; margin: 5px 0px 10px; }
			div.edit div.fieldset div input { display: inline-block; vertical-align: top; width: 65%; height: 20px; }
			div.edit div.fieldset div select { display: inline-block; vertical-align: top; width: 65%; height: 20px; }
			div.edit div.fieldset div select.multiple { height: 100px; }
			div.edit div.fieldset div select.mini { width: auto; }
			div.edit div.fieldset div textarea { display: inline-block; vertical-align: top; width: 65%; height: 100px; resize: both; -moz-resize: both; }	
			div.edit div.fieldset div div.editCol { display: inline-block; vertical-align: top; width: 65%;  }
			div.edit div.fieldset div table { margin-left: 0px; vertical-align: top; }
				div.edit div.fieldset div table td { padding-right: 5px; }
				
			div.edit div.fieldset div.col input, 
			div.edit div.fieldset div.col textarea, 
			div.edit div.fieldset div.col select			
			{ width: 60%; }				
			

		div.edit div.fieldset div.checkbox { margin-bottom: 2px;  }
				div.edit div.fieldset div.checkbox div { margin-bottom: 2px; margin-left: 20px; }
				div.edit div.fieldset div.checkbox div span { display: inline-block; width: auto; vertical-align: top; margin-top: 3px; }
					div.edit div.fieldset div.checkbox input[type='checkbox'] { display: inline-block;  vertical-align: top; width: auto; margin-left: 0px; margin-right: 10px; }
					div.edit div.fieldset div.checkbox input[type='radio'] { display: inline-block;  vertical-align: top; width: auto; margin-left: 0px; margin-right: 10px; }				
								
				
			div.edit div.fieldset div.address {  }

	 
div.filter {  }
	div.filter div { margin-bottom: 8px; }
		div.filter div label { /*display: inline-block; width: 380px;*/ }
			div.filter div span { display: inline-block; width: 150px; }
			div.filter div input { width: 200px; height: 20px; }
				div.filter div input[type='checkbox'] { width: auto; margin-left: 10px; margin-right: 10px; margin-bottom: 5px; }
				div.filter div input[type='radio'] { width: auto; margin-left: 10px; margin-right: 10px; margin-bottom: 5px; }
			div.filter div select { width: 200px; }
			div.filter div textarea { width: 200px; height: 80px; resize: both; -moz-resize: both; }	
	div.filter div.button { text-align: right; margin: 5px 0px 15px; }	
			
						
input.submitButton,input.submitButtonNo { width: auto !important; height: auto !important; border: 0px solid #000 !important; background-color: #858282 !important; color: #fefefe !important; text-align: center !important; font-size: 16px !important; margin: 0 !important; padding: 2px 15px !important; }			
input.submitButton.disabled { width: auto !important; height: auto !important; border: 1px solid #000 !important; background-color: #dedede !important; color: #2d211a !important; text-align: center !important; font-size: 16px !important; margin: 0 !important; padding: 2px 15px !important; }			
.hide { display: none !important; }
.hidden { visibility: hidden; }
.italic { font-style: italic; }
.c { clear: both !important; float: none !important; }

div.addButton { margin: 5px 0px; text-align: center; }
div.addButton a { width: auto; height: auto; border: 1px solid #000; background-color: #578FBB; color: #FFF !important; font-weight: normal !important; text-align: center; font-size: 16px; margin: 0; padding: 2px 15px; text-decoration: none;  }
	

/* AjaxList Add Btn */
div.addbtn a { display: block; position: absolute; top: 27px; right: -45px; background: url('/system/image/icon_add-32x32.png') no-repeat; width: 32px; height: 32px; }

div.successUpload { color: green; margin-left: 20px;  display: inline-block; clear: both; font-weight: bold; font-size: 14px; text-transform: uppercase; }
div.errorUpload { color: red; margin-left: 20px;  display: inline-block; clear: both; font-weight: bold; font-size: 14px; text-transform: uppercase; }
.inputchecker_error { border: 2px solid red; }
.disabled { background-color: #EBEBE4; color: #545454; border: 1px solid #ABADB3; padding: 1px; }

fieldset { border: 1px solid #4b4b4b; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding: 15px; margin-bottom: 20px;  }
	fieldset legend { font-size: 13px; text-transform: uppercase; }
		fieldset legend small { font-size: 12px; text-transform: none; }
		
a.answerYes { display: block; background-color: #32EB2F; padding: 4px 12px; text-align: center; color: #0A5D09; width: auto; text-decoration: none; margin: 5px; border: 1px solid #0A5D09; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; }
a.answerNo { display: block; background-color: #DD6957; padding: 4px 12px; text-align: center; color: #952F1F; width: auto; text-decoration: none; margin: 5px; border: 1px solid #952F1F; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; }