body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
#menu {position: absolute; right: 20px; bottom: 0px; padding: 0; margin: 0; display: table-row}
#menu li {display: table-cell; background: #8a9464; border-left-width: 7px; border-left-style: solid; border-left-color: #bdc797}
#menu li a {padding: .5em; display: block; color: #fff; text-decoration: none; font-weight: bold}
body.phone_books #menu .phone_books a, body.users #menu .edit_user a, body.primary_users #menu .register a, body.secondary_users #menu .secondary_users a, body.pages.imprint #menu .imprint a {background: #f7f4d7; color: #5c4d46}
#sub_menu {margin-bottom: 1em}
body {background: #5c4d46; color: #5c4d46; font-family: sans-serif}
a {color: #8a9464}
p {margin-bottom: 1em}
#container {background: #f7f4d7; width: 50em; margin: 1em auto}
#top {background: url(../images/corners/ne.gif) no-repeat top right; background-color: #bdc797; position: relative}
#top .corner {height: 20px; background: url(../images/corners/nw.gif) no-repeat top left}
#languages {position: absolute; top: 1em; right: 1.3em}
#languages li {display: inline}
#bottom {background: url(../images/corners/se.gif) no-repeat bottom right}
#bottom .corner {height: 20px; background: url(../images/corners/sw.gif) no-repeat bottom left}
#status {text-align: right; font-size: 90%}
#content {padding: 20px; position: relative}
#content ul.bullets li {list-style: disc inside; padding-left: 2em}
#home {width: 30em; float: left}
#sidebar {width: 16em; float: left}
#sidebar h2 {font-size: 1em}
#powered_by {margin-top: 2em}
#powered_by * {text-align: center}
#powered_by li {margin-top: 1em}
#login {margin-left: 1em}
#login .register {margin-bottom: .5em}
#login .buttons, #login .register {text-align: center}
.flash {text-align: center; margin: .5em auto; margin-top: 1em; padding: .5em; border: 1px solid #000; color: #000; width: auto}
#flash_notice {background-color: #f9fba1}
#flash_warning {background-color: #f9dd59}
#flash_error {background-color: #ffb9a8}
h1 {background: url(../images/logos/fonzo.png) no-repeat 20px 10px; text-indent: -10000px; height: 80px; margin: 0}
h2 {font-size: 1.5em; margin-bottom: 1em; clear: both}
h3, table caption {font-size: 1.2em; text-align: left; margin-top: 1em; margin-bottom: .2em; clear: both}
.clear {clear: both}
#phone_books li {list-style-image: url(../images/icons/phone_book.png); list-style-position: inside; list-style-type: disc}
#phone_books li.main {list-style-image: url(../images/icons/phone_book_main.png)}
#new_phone_book_entry .element, #phone_book_entries .edit_form .element {margin-left: .2em; padding-right: 1em}
#new_phone_book_entry .element input, #phone_book_entries .edit_form .element input {width: 17.25em; padding: .3em}
#new_phone_book_entry .basic_info, #phone_book_entries .edit_form .basic_info {padding-bottom: 1em; clear: both}
#new_phone_book_entry .basic_info .element, #phone_book_entries .edit_form .basic_info .element {float: left}
#new_phone_book_entry .additional_info, #phone_book_entries .edit_form .additional_info {clear: both}
#new_phone_book_entry .additional_info fieldset, #phone_book_entries .edit_form .additional_info fieldset {padding: 0; margin: 0; float: left; border: none; width: auto}
#new_phone_book_entry .buttons, #phone_book_entries .edit_form .buttons {clear: both; text-align: right; margin-right: 1.6em}
#new_phone_book_entry {margin-bottom: 1em}
#phone_book {clear: both; margin-top: .5em}
#phone_book_entries .edit_form {padding-bottom: 1em}
.in_place_editor_field .empty {font-style: italic}
#interfaces {margin-bottom: 3em}
#interfaces dl dt {clear: left; width: 5em; display: block; float: left; text-align: right; font-weight: bold}
#interfaces dl dd {padding-left: 1em; display: block; float: left}
#phone_book_filter_field {text-align: right; margin-right: 1.6em; position: relative; top: 1em}
#phone_book_filter_field input {width: 15em; background: url(../images/icons/filter.png) #fff no-repeat 3px; padding-left: 22px; padding-right: 26px}
#phone_book_filter_field a.clear {position: absolute; right: 10px; top: 5px}
input, textarea, select {border: 1px solid #000; padding: .3em; font-size: .8em}
.element {margin-bottom: 1em; position: relative}
.element label {display: block}
.element input.invalid {border-color: #c42819; background: #ffe7e7}
.element .checkbox label {display: inline}
.element .short {width: 3em}
.element .medium {width: 7.2em}
.element .errors {width: auto; color: #c42819}
.element .hint {position: absolute; display: none; background: #f9fba1; border: 1px solid #000; padding: .5em; margin-top: 5px; max-width: 300px; left: -4em; z-index: 1000; font-size: .8em}
.element .hint .pointer {z-index: 2000; position: absolute; top: -10px; left: 4em; height: 10px; width: 19px; background: url(../images/hint_pointer.png) no-repeat top}
.element .hint dl {margin-top: 1em; padding-left: 1em}
.element .hint dl dd {padding-left: 1em}
.elements_group {margin-bottom: 1em; position: relative}
.elements_group .element {position: static; display: inline}
.elements_group .first .hint {left: -4em}
.elements_group .second .hint {left: 0em}
.buttons {clear: both}
.in_place_editor_field:hover {background: #bdc797}
fieldset {border: 1px solid black; padding: 1em; width: auto; float: left; margin-right: 1em; margin-bottom: 1em}
fieldset legend {font-weight: bold}
fieldset.terms {width: 16em}
fieldset.telephony {width: 7em}
.formError {color: #c42819}
table {width: 100%}
table th {background: #8a9464; text-align: left; color: #fff; font-weight: bold; padding: .3em}
table td {padding: .2em}
table tr.b, table tbody.b {background: #dfe9b9}
a.action {background: no-repeat left; padding-left: 18px}
a.action.login {background-image: url(../images/icons/login.png)}
a.action.logout {background-image: url(../images/icons/logout.png)}
a.action.edit {background-image: url(../images/icons/edit.png)}
a.action.destroy {background-image: url(../images/icons/destroy.png)}
a.action.create {padding-left: 26px; padding-bottom: 3px}
a.action.create.phone_book {background-image: url(../images/icons/create_phone_book.png)}
a.action.create.secondary_user {background-image: url(../images/icons/create_user.png)}