input{border:1px solid #310}
.btn{color:#c07c4f;margin:5px}
a.btn{color:#c07c4f}
input.btn,a.btn{float:right}
br{clear:both}
.btn:hover{background-position:right}
.xs{width:40px;background:url(images/bttn_40px.png) no-repeat left}
.s{width:60px;background:url(images/bttn_60px.png) no-repeat left}
.m{width:80px;background:url(images/bttn_80px.png) no-repeat left}
.l{width:110px;background:url(images/bttn_110px.png) no-repeat left}
.xl{width:150px;background:url(images/bttn_150px.png) no-repeat left}

table{border:none}
table td{background:#c07c4f;padding:0 10px}
table th{background:#58301a;color:#eeccaa;padding:5px}
table td .btn{color:#eeccaa}
table th .btn{float:right;color:#eeccaa}

#balance{color:#006600;font-weight:bold}

h4{background:#310;color:#eeccaa;padding:5px 10px;margin:10px 0}
h4.current-period{width:530px;float:left}
h4.history{width:350px;float:right}
h4.edit-member{width:530px;float:left}
h4.apartments{width:350px;float:right}

div.logout a{float:right;width:80px;padding-top:5px;background:url(images/bttn_80px.png) no-repeat left;display:block;height:24px;padding-bottom:2px;font:14px "Trebuchet MS", sans-serif;color:#c07c4f;text-decoration:none;text-align:center;border:none;cursor:pointer}
div.logout a:hover{background-position:right}

#ApartmentsList{width:550px;float:left}
#ApartmentsList input.fld{width:50px}
#ApartmentsList table{width:100%}
#PeriodsList{width:370px;float:right}
#PeriodsList table{width:100%}
#MembersList table{width:100%}
#UserApartmentsList{width:370px;float:right}
#UserApartmentsList table{width:100%}
#PersonalDetailsList table{width:100%}
#PersonalDetailsList td input.fld{width:300px}

#AddPeriodBlock .btn,#AddUserApartmentBlock .btn,#AddApartmentBlock .btn,#AddMemberBlock .btn{float:right;color:#eeccaa}
#AddMemberBlock table td{padding:5px}
#EditMemberBlock form{width:550px;float:left}
#EditMemberBlock form table{width:100%}
#EditMemberBlock .btn{float:right}
#AddUserApartmentBlock form{width:100%}
#AddUserApartmentBlock form table{width:100%}
#AddPeriodBlock td,#AddUserApartmentBlock td,#AddApartmentBlock td{padding:5px}

#LoginForm input{margin:0 0 5px 0}
#RegistrationForm td{padding:5px}
#LoginForm,#RegistrationForm,#ForgottenPasswordForm{width:400px;background:#c07c4f;padding:10px;margin:0 10px 0 0}
#LoginForm td,#RegistrationForm td,#ForgottenPasswordForm td{padding:5px}
#Login h2,#Registration h2,#ForgottenPassword h2{float:left}
#Login a.btn,#Registration a.btn,#ForgottenPassword a.btn{float:right;color:#c07c4f}
#LoginForm a.btn,#RegistrationForm a.btn,#ForgottenPasswordForm a.btn{float:right;color:#eeccaa}

#AddPeriodBlock{position:fixed;top:25%;left:25%;z-index:2;width:280px;float:right;background:#c07c4f;padding:10px;margin:0 10px 0 0;border:5px solid #eeccaa}
#AddMemberBlock{position:fixed;top:25%;left:25%;z-index:2;width:320px;background:#c07c4f;padding:10px;margin:0 10px 0 0;border:5px solid #eeccaa}
#EditMemberBlock{position:fixed;top:25%;left:10%;z-index:1;width:940px;background:#eeccaa;padding:10px;margin:0 10px 0 0;border:5px solid #c07c4f}
#AddUserApartmentBlock,#AddApartmentBlock{position:fixed;top:25%;left:15%;z-index:2;width:320px;float:right;background:#c07c4f;padding:10px;margin:0 10px 0 0;border:5px solid #eeccaa}
#help{position:fixed;right:10%;top:10%;z-index:3;width:555px;height:333px;background:#cc0000 url(images/PerunLodge_Register_Exam.jpg);border:5px solid #c07c4f;visibility:hidden}