/* Bit of CSS reset */
* { margin:0; padding:0; }

body { background: #F4F4F4 url(images/bg.jpg) repeat-x; font-family: Arial; font-size: 16px; color: #363332; }

#main { margin: 0 auto; width: 1000px; overflow: auto; }
#copyright { width: 450px; margin-top: 15px; }
.login-area {
	width:500px;
	height:248px;
	background-color: #F4F4F4;
	border: 1px solid #000;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin:auto auto;
	margin-top: 200px;
	padding: 10px;
}
#logo { position: absolute; left: 550px; top: 250px; z-index: 100; background-image: url('images/front-logo.png'); background-repeat: no-repeat; background-position: center center; width: 187px; height: 149px; }


.login-area .textfield {
	width:240px;
	height:23px;
	background:url(images/textfield-bg.jpg) repeat-x;
	border:1px solid #E1E1E1;
}
.login-area div { font-size:14px; margin-top:5px; }
#errorDiv { width: 200px; height: 20px; color: #FF0000; }

.loginButton {
	background:url(images/login-button.jpg) no-repeat;
	width:63px;
	height:34px;
	border:none;
}

#sidebar { float: left; background-color: #F4F4F4; width: 200px; z-index: 100; }
.ui-accordian{ z-index: 100; }
#forms { display: none; float: left; width: 700px; background-color: #F4F4F4; z-index: 0; }
#contract_assignment_pager { height: 60px; }
#assignment_pager { height: 60px; }
#client_pager { height: 80px; }
#contract_pager { height: 80px; }
#item_pager { height: 80px; }
#administrator_pager { height: 80px; }
a, a:hover { color: #7C7C7C; text-decoration:none; }

#welcome { margin-top: 150px; z-index: 100; }
#welcome li { list-style-type: none; display: inline; }
#navigation { z-index: 100; height: 400px;}
#navigation a, a:hover { color: #cc0000; text-decoration: underline; }
#navigation h3 a { color: #cc0000; text-decoration: none; font-size: 14px; }
#navigation h3 a .small { color: #cc0000; text-decoration: none; font-size: 14px; }
ul { list-style-type: none; }
input[readonly] { background-color: #eee; }
select[readonly] { background-color: #eee; }
h1 { font-size:18px; font-weight:normal; }
.small { font-size: 12px; }
.field { font-size: 16px; }
.relative { position: relative; }
.left { float: left; }
.right { float: right; }
.center { margin: 0px auto; }
#timeout, #error { color: red; font-weight: bold; text-align: center }
.error { display: block; color: red; font-weight: bold; text-align: left }

#flashcontainer {
    margin: 0px auto;
    width: 500px;
}

img#loader {
    float: left;
}

#flash {
    float: left;
    font-weight: bold;
}

span#success {
    color: green;
}

span#wamp {
    color: red;
}

div.cleaner {
    clear:both;
}