/**
 * Core Styling
 *
 * Define UI styling for the core framework
 *
 * This file should always be included. A seperate file can be created
 * in the template to override whichever styles need customization.
 *
 * @package    Nemo Framework
 * @author     Neonfire Development <webmaster@neonfire.co.za>
 * @copyright  2009-2024 Neonfire Development
 * @version    1.04.00
 */
body, table {
	font-family: arial;
}

/* apply a natural box layout model to all elements, but allowing components to change */
html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

a { text-decoration:none; }

details {
	border: 1px #666 solid;
	background-color: #ccc;
	margin-bottom: 4px;
}

details summary {
	cursor: pointer;
	padding: 4px;
	color: #fff;
	background-color: #666;
	font-weight: bold;
	overflow: auto;
}

/* Custom dialog formatting */

.ui-dialog-buttonset {
	overflow: auto;
	width: 100%;
	text-align: right;
}

@media only screen and (max-width: 800px)
{
	.ui-dialog {
		width: 100% !important;
	}

	.ui-dialog-titlebar {
		margin-bottom: 6px;
	}

	.ui-dialog .ui-dialog-content {
		padding: 0;
	}
}


/*
Considerations for trying to override browser focus highlighting of fields

*:focus{ outline: none; }

button::-moz-focus-inner {
	border: 0;
}

select:focus, option:focus,
input:focus {
	outline: 1px #333 solid;
}
*/