* {color: #41403c; font-family: Arial; font-size: 12px}
body {margin: 0; padding: 0; font: 10px/1.5em Verdana; background: #cdccbb}
acronym {cursor: help}
#actions {float: right; width: 30%}
#records {float: left; width: 68%}
#actions ul {margin: 0; padding: 0; list-style: none}
#actions li a {padding: 3px; display: block}
#actions li {margin-top: 10px}
#sortable_list li {background: #CDCCBB}
#sort-status {padding: 5px 5px 5px 0px}
hr {border: 0; border-top: 1px solid #484743}
.form-actions {margin-top: 10px}
.actions img {border: none}
.actions a, .actions a:hover {border: none; text-decoration: none}
.errorExplanation {background: 0px 3px url(/images/m-tools/cross.gif) no-repeat #FFB1B1; padding: 0px 5px 5px 40px; font-weight: bold; margin-top: 5px; margin-bottom: 5px; border: 1px solid red}
.errorExplanation h2 {color: red; text-transform: none}
.errorExplanation p {font-weight: normal}
.fieldWithErrors input, .fieldWithErrors textarea {border: 1px solid red; background-color: #FFECF0}
#message {padding: 8px 8px 8px 40px; margin-bottom: 5px}
.notice {border-top: 1px solid #00a017; border-bottom: 1px solid #00a017; color: #00a017; background: 4px 0px no-repeat url(/images/m-tools/tick.gif) #e0f5e0}
.error, .warning {border-top: 1px solid #a00027; border-bottom: 1px solid #a00027; color: #a00027; background: 4px 0px no-repeat url(/images/m-tools/cross.gif) #ffb1b1}
a {color: #41403c; text-decoration: none; border-bottom: 1px dotted #727272}
#content h1 {font-size: 18px; font-weight: lighter; text-align: center; border-bottom: 1px solid #99998b; padding-bottom: 10px}
#login_name {float: right; margin-top: -30px}
#login_name h2 {color: #CDCCBB; font-weight: lighter}
.less-important {color: #727272}
#header a, #menu a, #submenu a {border: 0px}
a:hover {color: #000; border-bottom: 1px solid #727272}
#page {margin: 15px auto 10px auto; text-align: left; width: 97%; background: #f2f1ed}
#shade1 {border: 2px solid #c9c8b6}
#shade2 {border: 1px solid #bbbaaa}
#shade3 {border: 1px solid #a7a698}
#shade4 {border: 1px solid #99998b}
#menu {display: block; margin: 0; padding: 0 15px 0 15px; background: #2f2e2a}
#menu li {float: left; margin-right: 2px; list-style: none}
#menu li a {display: block; padding: 9px 11px; font-size: 110%; background: #F2F1ED url(/images/m-tools/deactive-gradient.gif) bottom repeat-x}
#menu li a:hover {background: #b6cdd6}
#menu li a.on {background: #F3F2EE}
#content {padding: 15px}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.preview {color: #a3a093}
#header {background: url(/images/m-tools/header-background.gif) #50504b repeat-x bottom; padding: 15px}
#header h1 {color: white; font-size: 18px; font-weight: normal; margin-bottom: 0; padding-bottom: 4px}
#header p {color: white; font-size: 90%; padding: 0; margin: 0}
#footer {display: block; background: #cdccbb; text-align: right; padding-right: 5px}
#footer a {font-size: 100%}
#footer, #footer * {color: #99998b; font-size: 85%}
#submenu {clear: both; padding-left: 10px; background: url(/images/m-tools/nav-3-background.gif) #efeee8 repeat-x bottom}
#submenu ul {list-style: none; margin: 0; padding: 0 0 0 10px}
#submenu li {float: left}
#submenu li a {display: block; padding: 6px}
#submenu2 {margin-left: 10px; margin-right: 12px}
#submenu a {color: #727272; text-decoration: none}
.filter {float: right}
#records ul {list-style: none; margin: 0; padding: 0}
#records li {padding: 5px; vertical-align: top; margin-bottom: 1px}
#records .left-column {float: left; width: 65%}
#records .left-column img {vertical-align: bottom; margin-top: 1px; margin-right: 5px}
#records .right-column {float: right; width: 34%; text-align: right}
#records .on, #records .on {background-color: #e6e5dc}
#records .on-hover, #pagination ul a:hover, #pagination .on {background: url(/images/m-tools/hover-gradient.jpg) repeat-x bottom #d4d4c6 }
#content h2 {font-size: 110%; color:#41403c; margin-bottom: 5px; margin-top: 10px}
#pagination p {margin: 0; padding: 0}
#pagination {background-color: #eae9dc; padding: 7px; margin-top: 10px}
#pagination a, #pagination .on {padding: 5px; line-height: 20px; border: none}
textarea {line-height: 20px}
label {font-size: 90%; margin-bottom: 5px; display: block}
.field, textarea, select {padding: 5px}
.field-couple {margin-bottom: 20px}
.submit {border: auto; width: auto; height: 25px}
label {font-size: 110%; margin-bottom: 5px; display: block; font-weight: bold; margin-top: 20px}
.form-actions {background-color: white; padding: 10px; border: 1px solid #CCC}
#sortable_list, #sortable_list li {padding: 0; margin: 0}
#sortable_list li {list-style: none; display: block; margin-bottom: 1px; padding: 5px; cursor: move}
.record .title {float: left; overflow: hidden; height: 25px; clear: right; display: block}
.record .title span {line-height: 30px}
.actions {float: right; width: 180px; text-align: right; display: block}
.actions a {display: block; float: right; padding: 4px; margin: 3px; line-height: 16px}
.actions a:hover {color: #e6e5dc; background: #3f3e3a}
.actions a.cancel {color: #af0027}
.actions a.cancel:hover {color: white; background: #af0027}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix {display:inline-block;}
.clearfix {display:block;}