* { 
    margin: 0; 
    padding: 0; 
}
body {
	background-color: #ffc082;
	font: 13px Helvetica, Arial, sans-serif;
	color: #333;
}
a, a:link, a:active, a:visited;{
    text-decoration: none;
    color: #00F;
}
a:hover{
    text-decoration: underline;
    color: #66F;
}

#centerLayout, #centerLayoutLogin{
    position: absolute;
    left: 50%;
    margin-left: -470px;
    margin-top: 10px;
    width: 940px;
    padding: 0px 2px 10px 0px;
    border: 1px solid #FFAE52;
    background-color: #FFE7CC;
}
#centerLayoutLogin{
    height: 400px;
}
#content{
    position: relative;
    float:left;
    background-color:#fff;
	color:#7A8486;
	width: 800px;
	margin: 40px 0px 15px 8px;
	padding: 5px 5px;
}
#contentLogin{
    position: absolute;
    background-color:#fff;
    color:#7A8486;
    width: 340px;
    top: 200px;
    left: 280px;
    padding: 5px 5px;
}
h1{
    width: 451px;
    height: 104px;
    margin: 0px 0px 0px 0px;
    background:url(../images/title.png) 0px 0px no-repeat;
    text-indent:-9999px;
}
h2, #centerLayoutLogin h2{
    position: absolute;
    top: 114px;
    left: 126px;
    font-size: 18px;
    color: #a6682a;
    text-decoration: underline;
}
#centerLayoutLogin h2{
    top: 170px;
    left: 280px;
}
#hello{
    float: right;
    padding: 4px 6px 0px 0px;
    color: #888;
}
#nav{
    position: relative;
    float:left;
    background-color: #ffc082;
    width: 100px;
    padding: 5px;
    margin: 30px 0px 0px 5px;
}
#nav div {
	height:18px;
	width: 100px;
	margin: 4px 0px;
}


#nav div a {
	display:block;
	width:100px;
	line-height:18px;
	text-align:center;
	color:#222;
    background-color: #53909e;
	text-decoration:none;
}
#nav div a:hover {
	color:#DDD;
    background-color: #1b5867;
}


.itemList {
    margin: 10px 0px;
    width: 800px;
}
.itemList td{
    padding: 2px 10px;
	color:#333;
}
.itemList th{
    padding: 2px 10px;
	color:#222;
    background-color: #53909e;    
}
.itemList .odd{
    background-color: #F6F9E1;
}
.itemList .even{
    background-color: #ddd;
}
.itemList .id{
    color: #AAA;
}
.itemList .bs td{
    color: #268541;
}
.itemList .rs td{
    color: #cc3333;
}


a.add, a.add:link, a.add:visited, a.add:active{
    background:url(../images/icon_add.png) 0px 0px no-repeat;
    padding: 0px 20px 0px 16px;
    font-size: 11px;
    float: right;
}
a.edit, a.edit:link, a.edit:visited, a.edit:active{
    background:url(../images/icon_edit.png) 0px 0px no-repeat;
    padding: 0px 20px 0px 16px;
    font-size: 11px;
}
a.delete, a.delete:link, a.delete:visited, a.delete:active{
    background:url(../images/icon_delete.png) 0px 0px no-repeat;
    padding: 0px 0px 0px 16px;
    font-size: 11px;
}
a.vente, a.vente:link, a.vente:visited, a.vente:active{
    background:url(../images/icon_sell.png) 0px 0px no-repeat;
    padding: 0px 20px 0px 16px;
    font-size: 11px;
}
a.undelete, a.undelete:link, a.undelete:visited, a.undelete:active{
    background:url(../images/icon_add.png) 0px 0px no-repeat;
    padding: 0px 20px 0px 16px;
    font-size: 11px;
}

.paginationControl{
    text-align: center;
    font-size: 12px;
}
.paginationControl a, .paginationControl a:link, .paginationControl a:active, .paginationControl a:visited{
    text-decoration: none;
    color: #00F;    
}
.paginationControl a:hover{
    text-decoration: underline;
    color: #ggF;    
}

#clientSearchForm{
    margin: 4px 0px 6px 130px;
}

form.editForm label {
	display:block;
	float:left;
	padding-top:10px;
	width:200px;
	margin:0;
}
form.editForm  br{
	clear:left;
}
form.editForm input,
form.editForm textarea,
form.editForm select {
	margin-top:8px;
	margin-left:0;
}
form.editForm textarea.addressTA,
form.editForm input.large,
form.editForm select.large {
    width: 260px;
}

form.editForm input.medium,
form.editForm select.medium {
    width: 120px;
}
form.editForm input.small,
form.editForm select.small {
    width: 30px;
}
form.editForm label.inlineLabel{
	display: inline;
	float: none;
	padding-top:10px;
	width: auto;
	margin:0px 20px 0px 4px;    
}
form.editForm span.spanAsInput {
	display:block;
	float:left;
	padding-top:10px;
	width:600px;
	margin:0;
    color: #222;
}
form.editForm span.venteMessage{
	display:block;
	float:left;
	width:600px;
	margin:0;
    color: green;
    font-size: 15px;    
}
form.editForm span#spTotal{
    margin: 0px 0px 6px 4px;
    width: 120px;
}
form.editForm div#formButtons{
    margin: 12px 0px 10px 450px;
}

#contentLogin form.editForm div#formButtons{
    margin: 12px 0px 10px 270px;
}

div#deleteMessage{
    border: 2px solid red;
    padding: 6px 12px;
    margin: 10px 100px;
    color: #222;
    text-align: center;
}

#calendarArea{
    border: solid 1px #222;
    background-color: #FFF;
    padding: 4px;
    position: absolute;
    margin: -200px 0px 0px -400px;
    width: 190px;
}

.error{
    color: red;
}
.message{
    color: green;
}
.disabled{
    color: #666;
}
.deleted{
    text-decoration: line-through;
}