@import '../../stylesheets/screen.css';

h1 {padding: 0 0 10px 0; font-size: 14px;}

#userNav ul {margin: 0 0 20px -10px; padding: 0; list-style-type: none;}
#userNav ul li {display: inline;}
#userNav ul li a {padding: 0 10px;}

table.documents {width: 100%; border-collapse: collapse;}
table.documents th {padding: 3px 10px; border-bottom: solid 3px #ecd7b6; text-align: left; background: #eeddbd;}
table.documents td {padding: 3px 10px; border-bottom: solid 1px #ecd7b6;}
table.documents td.actions {text-align: right;}

div.nameValueList .name {float: left; width: 120px;}
div.nameValueList .value {float: left; width: 400px;}

/**
 * Forms
 */
div.rounded form {padding: 20px 0 10px 0;}

form .hint {margin: 0; font-size: 11px; line-height: 14px;}
form .error-message {font-size: 11px; line-height: 14px; color: #ff0000;}

form.form {width: 100%;}
form.form .row {padding: 0 0 10px 0;}
form.form .label {float: left; width: 120px; padding: 0 20px 0 0; color: #000;}
form.form .field {float: left; width: 380px;}
form.form input[type="text"],
form.form input[type="password"],
form.form textarea {width: 200px;}

div.message {margin: 0 0 20px 0; border: solid 1px green; padding: 10px; color: #000;}
#authMessage {border: solid 1px #ff6666;}

#UserRegisterForm .field .column {float: left; width: 120px; padding-right: 20px;}
#UserRegisterForm .field .column label {display: block;}