html, body {
    margin:             0;
    padding:            0;
    font:               10pt "Arial", "Helvetica", sans-serif;
    color:              #666;
}

body {
    width:              auto;
    padding-top:        40px;
    padding-left:       330px;
    background-color:   #ddd;
}

#content {
    width:              6000px;
}

div#header_gradient {
    position:           absolute;
    width:              100%;
    height:             600px;
    background:         linear-gradient(to bottom, #6278ab, #fff);
    opacity:            .4;
    z-index:            -1;
}

body#login {
    padding:            100px 0;

}

body#login>div:first-child {
    width:              250px;
    margin:             0 auto;
}

form#login input {
    margin:             0 auto;
    width:              160px;
}

form#login td {
    font-size:          11pt;
}

div#login_failed {
    padding:            20px 0;
    color:              red;
    font-size:          11pt;
    text-align:         center;
}

div#login_logo {
    width:              230px;
    padding:            10px;
    background-color:   #3B5DAB;
}

form#login tr:last-child>td {
    padding-top:        20px;
    font-size:          8pt;
    color:              grey;
    text-align:         center;
}

div.ocr_page {
    position:           absolute;
    top:                25px;
}

span.ocrx_word	{
    position:           absolute;
    margin:             0;
    padding:            0;
    letter-spacing:     -2px;
    color:              rgba(0,0,0,0);
}
div.dialog {
    position:           fixed;
    left:               50%;
    top:                50%;
    z-index:            1200;
    padding:            2px;
    visibility:         hidden;
    background-color:   #3B5DAB;
    color:              white;
    -webkit-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow:    2px 2px 5px 2px rgba(0, 0, 0, .5);
    box-shadow:         2px 2px 5px 2px rgba(0, 0, 0, .5);
}

div.dialog td {
    padding:             10px 5px;
}

div.dialog tr:first-child {
    font-weight:        bold;
    background-color:   #bdc9e4;
    color:              #3B5DAB;
}

table.search {
    margin:             10px 20px;
}

table.search img {
    border:             solid 1px grey;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow:    2px 2px 5px 1px rgba(0, 0, 0, .3);
    box-shadow:         2px 2px 5px 1px rgba(0, 0, 0, .3);
}

table.search td {
    padding:            0;
}

table.search td.connector {
    padding-top:        15px;
    width:              50px;
}

table.search td.connector hr {
    border:         solid 1px grey;
}

table.search table {
    max-width:          400px;
    border:             solid 1px grey;
    color:              #333;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow:    2px 2px 5px 1px rgba(0, 0, 0, .3);
    box-shadow:         2px 2px 5px 1px rgba(0, 0, 0, .3);
}

table.search table td {
    padding:            5px 10px;
}

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

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

table.search table tr td:last-child {
    font-weight:        bold;
}

div.search_result {
    margin:             20px;
    font-size:          1.1em;
}

div#pages {
    width:              100%;
    padding:            10px;
    text-align:         center;
    background-color:   #3B5DAB;
    color:              white;
}

div#pages>a {
    color:              white;
    text-decoration:    none;
    font-weight:        bold;
    color:              #9daed5;
}

div.document_create {
    width:              45%;
    height:             100%;
    padding:            0 10px;
    float:              left;
    text-align:         left;
//    border: solid 1px red;
}

div.document_create>iframe {
    width:              80%;
    height:             100%;
}

div.document_create>form {
    float: right;
}

td div.company_names {
    position:           absolute;
    max-height:         600px;
    overflow-y:         auto;
    margin:             0;
    display:            none;
    background-color:   lemonchiffon;
    -webkit-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow:    2px 2px 5px 2px rgba(0, 0, 0, .5);
    box-shadow:         2px 2px 5px 2px rgba(0, 0, 0, .5);
}

td div.company_names>div {
    position:           relative;
    padding:            2px 5px;
}

td div.company_names>div:hover {
    background-color:   #28334d;
    color:              lemonchiffon;
    cursor:             pointer;
}