/* system menu integration style for modules */
#ATEDIN_system ul li.menu_SYSTEM-MODULES li.creator_PPH_clerk > a {
}
#ATEDIN_system ul li.menu_SYSTEM-MODULES li.creator_PPH_clerk a span:before {
	font-family: ''ElegantIcons'';
	font-size: 1.3em;
}
#ATEDIN_system ul > li.menu_SYSTEM-MODULES li.creator_PPH_clerk > a > span:before {
	content: "\e0fe";
}

/* */

/*
c:\wamp\apps\pph2017\public_html\system_modules\PPH_clerk\css\pph_clerk.css
*/

.pphnoclick {
	width: 100%;
	pointer-events: none;
}


table.pph_table {
	border-collapse: collapse;
	margin: 0em;
	padding: 1em;
	border: 1px solid black;
	width: 100%;
	box-sizing: border-box;
}
table.pph_table tr {

}
table.pph_table tr td {
	padding: 0.25em;
	margin: 1px;
	border: 1px solid black;
	text-align: left;
}
table.pph_table tr th {
	border: 1px solid black;
	padding: 0.25em;
	margin: 1px;
	text-align: left;
	background-color: #000;
	color: #FFF;
}

div.pph_form {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	padding: 1em;	
	border-radius: 5px;
}
div.pph_form * {
	box-sizing: border-box;
	outline: none;
}

div.pph_form {
	box-sizing: border-box;
}
div.pph_form .title {
	font-size: 1.4em;
	border-bottom: 1px solid #000;
	padding: 0em 1em; 

}

div.pph_form .input {
	display: flex;
	flex-wrap: wrap;
	padding: 0em 2em;
}
div.pph_form p input:focus {
	outline: 2px solid #C30;
}

div.pph_form .input p {
	flex-grow: 1;
	padding: 0em 1em;
	margin: 0.5em 0em;
}
div.pph_form .input p.fullrow {
	width: 100%;
}
div.pph_form p > span {
	display: block;
}
div.pph_form p input  {
	padding: 0.5em 1em;
	margin: 1px;
}
div.pph_form p input  {
	min-width: 300px;
	 
}
div.pph_form p button  {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24537 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24537;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
div.pph_form p button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0);
	background-color:#c62d1f;
}
div.pph_form p button:active {
	position:relative;
	top:1px;
}
div.pph_form p button.bxl  {
	padding: 0.9em 2em;
	font-size: 1.2em;
}