body {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: .68em;
	/*background-image:url(../images/body_bg.gif);	*/
}

h1 {
	font-size: 1.6em;
	margin-top: 0;
}

a:link, a:visited {
	color: #369;
	text-decoration: none;
}

a:hover, a:active {
	color: black;
	text-decoration: underline;
}

.error {
	color: red;
}

.hint {
	font-size: .8em;
	font-weight: normal;
	color: gray;
	margin: 0;
}

/* Obscure */

#preload {
	position: absolute;
	left: -1000px;
	top: 0;
}

#obscure {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/obscure.gif);
	display: none;
	z-index: 20;
}

#obscure .dialog {
	width: 400px;
	border: 4px solid #0d0;
	background: #dcffdc url(../images/loading.gif) 5% 50% no-repeat;
	margin: 200px auto;
	padding: 20px 20px 20px 115px;
}

/* Form */

.titlebar {
	background: #ddd;
	padding: 5px;
	font-weight: bold;
}

.titlebarAdmin {
	background: #F0D62A;
	padding: 5px;
	font-weight: bold;
}

.label,.entry {
	display: block;
	width: 400px;
	float: left;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

.label {
	text-align: right;
	width: 125px;
	padding-right: 20px;
	position: relative;
	top: 3px;
}

input.text, input.file {
	width: 400px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	border: 1px solid #ddd;
	padding: 2px;
}

textarea {
	height: 150px;
}

select {
	width: auto;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

.buttons {
	background: #eee;
	padding: 8px 0;
	text-align: center;
}

.submit {
	width: 150px;
	margin: 0 auto;
	border: 1px solid black;
	background: #ddd;

}

.submit:hover {
	border: 1px solid red;
}

div.pair {
	background: #eeeeee;
	padding: 8px 0;
	overflow: hidden;
}

br.clear {
	clear: left;
	position: absolute;
	left: -100px;
}

/* Top */

#adminBar, #clientBar {
	position: absolute;
	left: 0;
	top: 0;
	padding: 4px;
	color: black;
	width: 100%;
	text-align: center;
	z-index: 10;
	font-size: 1.2em;
}

#adminBar a, #clientBar a {
	border: 1px solid black;
	background: #ddd;
	padding: 1px 15px;
	text-decoration: none;
	color: black;
}

#adminBar a:hover, #clientBar a:hover {
	border: 1px solid red;
	background: #ddd;
	padding: 1px 15px;
}

#adminBar {
	background: #F0D62A;
	border-bottom: 1px solid #B08F36;
}

#clientBar {
	background: #eee;
	border-bottom: 1px solid #ddd;
}

/* Alert */

#alert {
	border: 1px solid #ccc;
	width: 550px;
	margin: 100px auto;
	background: #eee;
}

#alert .title {
	background: #ddd;
	padding: 5px;
	font-weight: bold;
}

#alert .body {
	background: url(../images/alert_icon.gif) no-repeat 15px 15px;
	padding: 40px 15px 40px 120px;
}

/* Login */

#login {
	width: 400px;
	margin: 100px auto;
}

#login #info {
	overflow: hidden;
}

#login #info p {
	float: left;
	margin: 0 0 0 20px;
}

#login #info img {
	display: block;
	float: left;
	width: 180px;
}

#login form {
	border: 1px solid #ccc;
	width: 398px;
	margin-top: 20px;
	background: #eee;
	float: left;
}

#login form .entry, 
#login form input.text {
	width: 225px;
}

/* Admin & Client */

#admin,
#client {
	width: 800px;
	margin: 35px auto 0 auto;
}

#header {
	width: 800px;
	padding-bottom: 10px;
	border-bottom: 2px solid #ddd;
	margin-bottom: 20px;
	overflow: hidden;
}

#header img {
	float: left;
}

#header p {
	float: left;
	margin-left: 20px;
	width: 290px;
	line-height: 1.4em;
}

#header p.contact {
	font-size: 1.2em;
}

/* Admin */

#admin #list {
	float: left;
	width: 400px;
}

#admin form {
	border: 1px solid #ccc;
	width: 348px;
	background: #eee;
	float: left;
	margin-left: 50px;
}

#admin .label {
	text-align: right;
	width: 110px;
	padding-right: 5px;
}

#admin form .entry, 
#admin form input.text {
	width: 215px;
}

#admin #list ul {
	margin-left: 0;
	padding-left: 0;
}

#admin #list ul li {
	padding: 2px 0;
	margin: 0;
	list-style-type: none;
	overflow: hidden;
	clear: both;
}

#admin #list ul li.alt {
	background: #F7F7FF;
}

#admin .customer_name {
	float: left;
}

#admin .customer_delete {
	float: right;
}

img.status {
	position: relative;
	top: 2px;
	margin-right: 6px;
}

/* Client */

#client #files {
	width: 800px;
	margin-bottom: 40px;
}

#client div.expired {
	background: #A70000 url(../images/red_barber.gif);
	font-size: 1.3em;
	font-weight: bold;
	color: white;
	width: 798px;
	border: 1px solid #400;
	height: 2.5em;
	margin-bottom: 15px;
}

#client div.expired p {
	margin: .55em 0;
	text-align: center;
}

#client table {
	width: 100%;
}

#client table th {
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

#client table th, #client table td {
	padding: 2px;
}

#client table th.icon {
	width: 16px;
}

#client table td.delete {
	text-align: right;
}

#client table tr.alt {
	background: #F7F7FF;
}

#client table img {
	width: 16px;
	height: 16px;
}

#client #uploadWrap {
	width: 382px;
	float: left;
}

#client form#upload {
	width: 380px;
	border: 1px solid #ddd;
	background: #eee;
}

#client form#upload .label {
	text-align: right;
	width: 75px;
	padding-right: 5px;
}

#client form#upload .entry, 
#client form#upload input.text {
	width: 285px;
}

#client form#upload input.file {
	width: auto !important;
	width: 290px;
}

#client form#upload .pair {
	padding: 2px 0;
	overflow: hidden;
	display: block;
}

#client form#upload .group {
	padding: 5px 0;
	background: #eee;
	margin: 5px 0;
	border-bottom: 1px solid #ddd;
	overflow: auto;
	display: block;
	height: 50px;
}

#client form#upload .buttons {
	background: #eee;
	padding: 4px 0;
	text-align: center;
}

#client #updateWrap {
	width: 382px;
	float: left;
	margin-left: 36px;
}

#client form#update {
	border: 1px solid #ccc;
	width: 380px;
	background: #eee;
}

#client form#update .label {
	text-align: right;
	width: 110px;
	padding-right: 5px;
}

#client form#update .entry, 
#client form#update input.text {
	width: 250px;
}

hr {
	clear: both;
}

.instructions {
	color: black;
}