/* ---------- Generic Elements -------------------------------------------------------------------- */

.ui-page {

	-webkit-backface-visibility: hidden;
}

html {

	height: 100%;
}

body {

	height: 100%;
	width: 100%;

    margin: 0px;
    border: 0px;
    padding: 0px;


	font-size: 0px;  /* 0 for proper div layout spacing */
	/*font-size: 12px; */
	font-family: "Courier New";

	/*font-family: "Times New Roman", Georgia, Serif;*/
	/*font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/
	/*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
	/*font-variant: small-caps;*/
	/*font-weight: bold;*/
}


form {

	/*display: none;*/    /* for transition effects */

	height: 100%;
	width: 100%;

    margin: 0px;
    border: 0px;
    padding: 0px;


	font-size: 0px;  /* 0 for proper div layout spacing */

}

div {

	display: inline-block;
	
	margin: 0px;
	border: 0px;
	padding: 0px;

	font-size: 12px; 
	/*-webkit-backface-visibility: hidden;*/
}

input[type=submit],
input[type=button] {

	-webkit-appearance: none; /* for button rounding on iphone? */

    /*margin: 10px 5px;*/
    padding: 6px 25px;
	/*min-width: 120px;*/
 	/*width: 100px;*/

    border: 1px solid black;
	border-radius: 3px;

	text-align: center;
	font-size: 12pt;
	font-variant: small-caps;

	cursor: pointer;

	background: -webkit-radial-gradient(lightgray, gray); /* For Safari 5.1 to 6.0 */
	background:    -moz-radial-gradient(lightgray, gray); /* For Firefox 3.6 to 15 */
	background:      -o-radial-gradient(lightgray, gray); /* For Opera 11.1 to 12.0 */
	background:         radial-gradient(lightgray, gray); /* Standard syntax */
}

input[type=text],
input[type=password],
input[type=tel],
input[type=email] {

	width: 100%;

	margin: 0px;
	padding: 6px, 12px;
	border: 1px solid #ccc;
	border-radius: 4px;

	font-size: 14pt;
	font-weight: normal;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

	color: #555;
	background-color: Lightgrey;

	autocomplete: on;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		 	box-sizing: border-box;

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
			transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

select {

	width: 100%;
	margin: 0px;
	padding: 6px, 0px;

	border: 1px solid #ccc;
	border-radius: 4px;

	font-size: 14pt;

	color: #555;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		 	box-sizing: border-box;

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
			transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

td {

	vertical-align: top;
}

span {

	font-weight: normal;
}


/* ---------- Header ------------------------------------------------------------------------------ */

#headerWrapper {

 	display: block;
	font-size: 0;

	background: -webkit-linear-gradient(gray, lightgray); /* For Safari 5.1 to 6.0 */
	background:    -moz-linear-gradient(gray, lightgray); /* For Firefox 3.6 to 15 */
	background:      -o-linear-gradient(gray, lightgray); /* For Opera 11.1 to 12.0 */
	background:         linear-gradient(gray, lightgray); /* Standard syntax */
}

#headerLogo {

	/*display:block;*/

	width:60px;
	height:60px;
	vertical-align: middle;

	background-image: url(../_art/logo.png);

	/*background-color: blue;*/
}

#headerLabel {

	width: calc(100% - 80px);
	/*padding: 8px 10px;*/
	font-size: 24pt;
	vertical-align: middle;
	text-align: right;
	font-variant: small-caps;

	/*background-color: yellow;*/
}

span.header_text1 {

	/*background-color: red;*/
}

span.header_text2 {

	font-size: 12pt;

	/*background-color: orange;*/
}


/* ---------- Error ------------------------------------------------------------------------------- */

#errorWrapper {

	display: none;
	display: block;
}

#errorDiv {

	display: none;
}

#errorDivPHP {

	display: none;

	background-color: palevioletred;
	color: maroon;

	font-size: 12pt;
	text-align: left;
}

#errorDivSvr {

	display: none;

	background-color: orange;
	color: indigo;

	font-size: 12pt;
	text-align: left;
}

#messageDiv {

	display: none;

	border-color: green;
	background-color: lightgreen;
	color: green;
}

div.error_div {

	width: calc(100% - 6px);
	border: 3px double red;

	background-color: pink;
	color: red;

	font-family: "Times New Roman", Georgia, Serif;
	font-weight: bold;
	font-variant: small-caps;
 	font-size: 18pt;

	text-align: center;
}

div.error_wrapper {

	/*padding-bottom: 4px;*/
}

span.error_text {

	/*background-color: blue;*/
}

span.message_text {

	/*background-color: green;*/
}

#error_sql {

	width: 100%; 
	border: 1pt black solid;

	background-color: pink; 
	text-align: left; 
}

td.error_sql_left {

	border: 1pt black solid;
}

td.error_sql_right {

	border: 1pt black solid;
}


/* ---------- Menu -------------------------------------------------------------------------------- */

div.menu_bar {

	display: block;
	width: 100%;

	background: -webkit-linear-gradient(gray, lightgray); /* For Safari 5.1 to 6.0 */
	background:    -moz-linear-gradient(gray, lightgray); /* For Firefox 3.6 to 15 */
	background:      -o-linear-gradient(gray, lightgray); /* For Opera 11.1 to 12.0 */
	background:         linear-gradient(gray, lightgray); /* Standard syntax */

	font-size: 0;
	text-align: left;
}

div.menu {

	/*height: 50px;*/
	width: 100px;
	border-right: 1px solid gray;
	padding: 10px 0px;

	font-size: 10pt;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

div.spacer3 {

	width: calc(100% - 304px);
}

div.spacer4 {

	width: calc(100% - 405px);
}

div.spacer5 {

	width: calc(100% - 506px);
}

div.spacer6 {

	width: calc(100% - 607px);
}

div.spacer7 {

	width: calc(100% - 708px);
}

div.spacer8 {

	width: calc(100% - 809px);
}

div.spacer9 {

	width: calc(100% - 910px);
}

div.spacer10 {

	width: calc(100% - 1011px);
}

div.cap {

	border-right: none;
}

b.menu_b {

	padding: 2px 8px;
	border-radius: 1px;
	background-color: white;
}

label.menu_button {

	visibility: hidden;
	min-width: 0px;
	width: 40px;
	height: 40px;
	padding: 0px;
	font-size: 18pt;
}	


/* ---------- Checkboxes -------------------------------------------------------------------------- */

input.cbx_delete_entry {
	display: none;
}

div.cbx_delete_entry_yes {

 	padding: 15px 0px;
 	/*border: 1px Gainsboro solid;*/

	text-align: center;
	vertical-align: middle;
	font-size: 12pt;
	background-color: DarkSeaGreen;
}

div.cbx_delete_entry_no {

 	padding: 15px 0px;
 	/*border: 1px black solid;*/

	text-align: center;
	vertical-align: middle;
	font-size: 12pt;
	background-color: Gainsboro;
	/*background-color: Pink;*/
}

input.cbx_delete_entry ~ .cbx_delete_entry_yes { 

	width: 0px;
 	overflow: hidden;

 	-webkit-transition: 0.2s width linear 0.0s;
       -moz-transition: 0.2s width linear 0.0s;
          -o-tranition: 0.2s width linear 0.0s;
 	        transition: 0.2s width linear 0.0s;

	/*-webkit-perspective: 1000;*/
	-webkit-backface-visibility: hidden;
}

input.cbx_delete_entry ~ .cbx_delete_entry_no { 

	width: 120px;
 	overflow: hidden;

 	-webkit-transition: 0.2s width linear 0.0s;
       -moz-transition: 0.2s width linear 0.0s;
         -o-transition: 0.2s width linear 0.0s;
 	        transition: 0.2s width linear 0.0s;


	/*-webkit-perspective: 1000;*/
	-webkit-backface-visibility: hidden;

}

input.cbx_delete_entry:checked ~ .cbx_delete_entry_yes {

	/*width: 50px;*/
	width: 120px;
}

input.cbx_delete_entry:checked ~ .cbx_delete_entry_no {

	width: 0px;
}


/* ---------- Global ------------------------------------------------------------------------------ */
/* These are declared last to give precidence for chaining, i.e. class="xxxx, yyyy"                 */

div.current {

	background-color:#ffff99; /*yellow*/
}

div.dead {

	background-color:#ff69b4; /*red*/
}

div.survived {

	background-color:#90ee90; /*green*/
}

div.entry_selected {

	background-color: #9999cc; /*purple*/
}

td.current {

	background-color:#ffff99; /*yellow*/
}

td.dead {

	background-color:#ff69b4; /*red*/
}

td.survived {

	background-color:#90ee90; /*green*/
}

td.entry_selected {

	background-color: #9999cc; /*purple*/
}


/* ---------- End of File ------------------------------------------------------------------------- */