@import "/Styles/Form.css";

table.library {
    margin-bottom: 20px;
    page-break-inside: auto;
}

table.library th {
    text-align: left;
    padding: 2px 10px;
    background-color: #DDDDDD;
    vertical-align: bottom;
}

table.library td {
    padding: 3px 10px;
}

table.library td:nth-child(4),
table.library td:nth-child(5) {
    max-width: 400px;
}

table.library td:nth-child(5) {
    white-space: nowrap;
}

table.library th:last-child,
table.library td:last-child {
    padding-left: 20px;
    text-align: right;
}

table.library tr:nth-child(odd) {
    background-color: #EEEEEE;
}

table.library tr:nth-child(1) {
    background-color: #FFFFFF;
}

table.library tr:hover {
    background-color: #FFFFAA;
}

table.parts {
    margin-bottom: 20px;
    page-break-inside: auto;
}

table.parts th {
    text-align: left;
    padding: 2px 10px;
    background-color: #DDDDDD;
    vertical-align: bottom;
}

table.parts td {
    padding: 3px 10px;
}

table.parts tr:nth-child(odd) {
    background-color: #EEEEEE;
}

table.section th {
    text-align: left;
    padding: 2px 10px;
    background-color: #DDDDDD;
    vertical-align: bottom;
}

table.section tr:nth-child(even) {
    background-color: #EEEEEE;
}

table.section td {
    padding: 3px 10px;
}

table.section th:last-child,
table.section td:last-child {
    padding-left: 20px;
    text-align: right;
}

table.section tr:hover {
    background-color: #FFFFAA;
}

table.library th.jump {
    padding-left: 10px;
    text-align: left;
}

form {
    margin-top: 20px;
    width: 100%;
}

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=file],
form textarea,
form select {
    font: inherit;
    width: 530px;
    min-width: 530px;
    max-width: 530px;
}

div.textarea,
form div.button_text,
form div.form_group {
    width: 538px;			/* 8 more than input, since no border */
    min-width: 538px;
    max-width: 538px;
}

form label.small {
    margin-left: 164px;
}

form input[type=text].button_text {
    width: 440px;
    min-width: 440px;
    max-width: 440px;
}

form button.button_text {
    margin-left: -6px;
    height: 26px;
    width: 78px;
    min-width: 78px;
    max-width: 78px;
}

form input.date_time_field,
form input.time_field,
form input.date_field {
    width: 204px;
    min-width: 204px;
    max-width: 204px;
}

#password_text {
    width: 450px;
    min-width: 450px;
    max-width: 450px;
}

fieldset label,
fieldset div label {
    width: 160px;
}

form ul {
    margin: 0 0 0 164px;	/* Left margin is label width + checkbox padding */
}

a.button_link {
    color: #000000;
    background: #E0E0E0 url('../../../User/SmallRightArrow.gif') no-repeat scroll right center;
    background-color: #E0E0E0;
    padding: 4px 20px 4px 4px;
    margin: 10px 10px 10px 0px;
    text-decoration:none;
}

a.button_link:hover	{
    color: #CC1414;
}

a.button_link img {
    vertical-align: middle;
}

fieldset div.controls label {
    width: auto;
}
fieldset div.controls input[type=checkbox] {
    float: left;
}

form button,
form input[type=button] {
    float: none;
    vertical-align: middle;
}

@media print
{
    table.library {width: 100%;}
    table.library th {}
    table.library th.jump {padding-top: 8px;}
    table.library tr.jump {page-break-after: avoid; border-bottom: 1px #000000 solid; margin-bottom: 30px;}
    table.library td, th {page-break-inside: avoid; text-align:left;}
    table.library th:nth-child(5), table.library th:nth-child(6) {display: none;}
    table.library td:nth-child(5), table.library td:nth-child(6) {display: none;}
}