/*
global.css
*/

body {
	background: whitesmoke;
	margin: 0;
	text-align: center; /* Work around for margin: auto in IE5/Win */
}
#container {
	text-align: left; /* Make sure above work around isn't inherited down the DOM */
}

#admin form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: #FFF;
	border: 1em solid #CCC;
	margin: 2% auto;
	width: 90%;
	text-align: left; /* Make sure above work around isn't inherited down the DOM */
}
#admin form h1 {
	font-size: 1.3em;
	margin: 1em;
	padding: .1em .5em;

	background: #666;
	color: white;
}
#admin form p {
	margin: 0 1em;
}
#admin form #employee_data {
	margin: 0 1em 1em 1em;
}
#admin form #employee_data table {
	border: .1em solid #666;
	width: 100%;
}
#admin form #employee_data table td {
	padding: .2em;
	height: 2.4em;
	border-right: .1em solid #d8d8d8;
	border-bottom: .1em solid #d8d8d8;
}
#admin form table caption {
	text-align: left;
	margin: 1em 0 0 0;
	padding: .3em;
	background: #666;
	color: #fff;
}
#admin form table th {
	text-align: left;
	background: #ffcc00;
	padding: .2em;
	border-right: .1em solid #ff9900;
	border-bottom: .1em solid #d8d8d8;
}
#admin form table .highlight {
	background: #eaeaea;
}

#admin form table .delete {
	text-align: right;
	width: 1em;
	border-right: none;
}
#admin form table .edit {
	text-align: right;
	width: 1em;
}
#admin form table .rank {
	width: 11em;
}
#admin form table .dept {
	width: 10em;
}
#admin #debug {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	background: #FFF;
	border: 1em solid #CCC;
	margin: 10% auto;
	width: 90%;
}
#admin #debug h1 {
	font-size: 1.3em;
	margin: 0;
	padding: .1em .5em;
	background: #666;
	color: #fff;
}
#admin #debug p {
	padding: .1em .5em;
}

#admin fieldset {
	margin: 1em 0 0 0;
	padding: .3em;
	border: 1px solid #666;
	padding: .5em;
}
#admin fieldset p {
	margin: .5em 0;
}
#admin fieldset input {
	margin: .2em 0;
}
#admin label {
	display: block;
	float: left;
	width: 8em;
	padding: .2em 0 0 0;
}

#admin #citystatezip {
	margin-left: 8em;
}
#admin #citystatezip label {
	float: left;
	display: block;
	margin: 2em 0 0 0;
	padding: .2em 0 0 0;
	width: 30px;
}
#admin #citystatezip input {
	margin: 0;
	margin-left: -30px;
}
#admin #citystatezip .group {
	float: left;
}


#admin #user_info, #admin #user_contact, #admin #user_access, #admin #user_password, #admin #user_modules {
	background: #EAEAEA;
}
#admin #user_info:hover, #admin #user_contact:hover, #admin #user_access:hover, #admin #user_password:hover, #admin #user_modules:hover {
	background: #CCC;
}
#admin #user_group_1 {
	float: left;
	width: 60%;
}
#admin #user_group_2 {
	float: right;
	width: 35%;
}

#admin #user_contact .entry {
	margin: 0 0 0 8em;
	display: block;
}
#admin #user_contact #phone_numbers {
	clear: both;
}
#admin #user_info .entry {
	margin: 0 0 0 8em;
	display: block;
}
#admin #user_access select {
	width: 60%;
}
#admin #user_password .entry {
	margin: 0 0 0 8em;
	display: block;
}
#admin #user_password input {
	width: 90%;
}
#u_username {
	font-style: oblique;
	font-weight: 900;
}
#u_firstname {
	width: 50%;
}
#admin #u_middlename {
	width: 2em;
}
#u_lastname {
	width: 75%;
}
#u_email1, #u_email2 {
	width: 95%;
}
#u_address1, #u_address2 {
	width: 95%;
}
#u_city {
	width: 10em;
}
#u_state {
	width: 3em;
}
#admin hr {
	clear: both;
	border: none;
}
#admin legend {
	font-size: 1em;
	background: white;
	border: 1px solid black;
	padding: .1em .3em;
	margin-bottom: .5em;
}
#admin #user_modules label {
	display: inline;
	width: auto;
	float: none;
	vertical-align: top;
	margin: .1em 0 0 .5em;
}
#admin #user_modules input {
	margin: 0 0 0 1em;
}

#admin #employee_tools {
	margin: 1em;
}
#admin #legend {
	float: right;
	border: .3em solid #ccc;
	margin: 1em;
	width: 25%;
}
#admin #legend h2 {
	font-size: 1em;
	margin: 0 0 .2em 0;
	background: #ccc;
	padding: 0 .2em .2em .2em;
	text-transform: uppercase;
}
#admin #legend p {
	margin: .3em;
}
#admin #legend img {
	vertical-align: middle;
}
#admin #end_form {
	clear: both;
	margin: 0;
}


#login form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 140%;
	background: #FFF;
	border: 1em solid #CCC;
	margin: 10% auto;
	width: 40em;
	text-align: left; /* Make sure above work around isn't inherited down the DOM */
}
#login h1 {
	font-size: 1.5em;
	margin: .8em .2em;
	padding: .2em .5em;

	background: #666;
	color: white;
}
#login p {
	margin: 1em;
}

#login #userentry label {
	display: block;
	float: left;
	width: 9em;
	text-align: right;
	height: 1.5em;
	padding: auto 0;
	margin: 5px 10px 3px 0;
}
#login #userentry input {
	font-size: 1em;
	height: 1.3em;
	margin: 3px 0;
	vertical-align: middle;
}
#login #userentry #lusername {
	font-family: "Courier New", Courier, monospace;
	width: 20em;
}
#login #userentry #lpassword {
	width: 10em;
}
#login #userentry #forgotpass {
	font-size: .9em;
	font-style: oblique;
}
#login #license_text {
	font-size: .8em;
	vertical-align: bottom;
}
#login #submit {
	width: 30em;
	text-align: right;
}
#login #submit input {
	margin: .5em 0;
	font-size: 1em;
}



#container {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: #FFF;
	border: 1em solid #CCC;
	margin: 2% auto;
	padding: .8em;
	width: 90%;
}
#container h1 {
	font-size: 1.3em;
	padding: .1em .5em;

	background: #666;
	color: white;
}
#container h2 {
}
#container p {
	margin: 1em .2em;
}


.empty {
	font-style: oblique;
	color: #ccc;
}
option.normal {
	font-style: normal;
	color: #000;
}


.permissions_chart {
	border: .3em solid #999;
}
.permissions_chart thead {
	background: #333;
	color: #fff;
}
.permissions_chart h2 {
	display: inline;
	padding: 0 .2em;
}
.permissions_chart tr {
	margin: 0;
	padding: 0;
}
.permissions_chart p {
	display: inline;
}
.permissions_chart td {
	border-right: 1px solid black;
	border-top: 1px solid black;
}

.permissions_chart td.level1, .permissions_chart td.level3, .permissions_chart td.level5, .permissions_chart td.level7 {
	background: #ccc;
}