/*

Each section is ordered alphabetically.

Sections:

  - Hack:
      Every hack for browser
  - Common tags:
      Every default behavior for HTML tags
  - Main blocks:
      Every div common to every pages to organize main block
        (header, content, footer...)
  - Common class:
      Class used on every pages
  - Specific class:
      Class to display one kind of content
  - Specific Id:
      Uniq element on your website

*/
/*=======================================================================*/
/*                        Hack                                           */
/*=======================================================================*/
.clear {
  clear: both;
  visibility: hidden;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix {
  zoom: 1;
}  /* IE6 */
*:first-child+html .clearfix {
  zoom: 1;
}  /* IE7 */

/*jquery tabs poorly handle tabs on multiple lines*/
#maincol li.ui-tabs-selected.ui-state-active {
  margin: 0 .2em 1px 0;
}

/*=======================================================================*/
/*                        Common tags                                    */
/*=======================================================================*/
* {
  margin: 0;
  padding: 0;
}

a img {
  vertical-align: middle;
  border: 0;
}

body {
  color: #666;
  background-color: #f0f0f0;
  font: 12px Helvetica, Arial, Geneva, sans-serif;
  /*text-align: center;*/
}

caption {
  color: #f60; /*#739ab4;*/
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 0 0;
}

form table, form table td{
  border: none;
}

img {
  border: none;
}

input:not([type=submit]) {
  border: 1px solid #ccc;
  color: #666;
  padding: 2px 5px;
  margin: 2px 5px;
  vertical-align: middle;
}
select {
  margin: 2px 5px;
  vertical-align: middle;
}
input[type="submit"] {
  padding: 3px 10px;
}

input[type="image"] {
  border: 0px;
}

label {
  display: block;
  float: left;
  margin: 2px 5px;
  width: 170px;
}


li {
  list-style-type: none;
}

table {
  width: auto; /*600px;*/
  margin: 1em 0;
  padding: 0;
  border-collapse: collapse;
}

table,table th,table td {
  border: 1px solid #ccc;
}

table form {
  display: inline;
}

table thead tr {
  background: #fff url(../img/ltu/theadbg.gif) repeat-x;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

td {
  padding: .3em .5em;
}

thead th {
  padding: .4em .6em;
  font-weight: bold;
  font-size: 1.15em;
}

thead th,#content thead th a {
  color: #777;
}

th {
  font-weight: 100;
}

ul,ol {
  margin-left: 1.6em;
}

/*=======================================================================*/
/*                        Main blocks                                    */
/*=======================================================================*/
/* Content */
#content {

}

#content h1 {
  padding: .6em .2em;
  font-size: 1.15em;
  font-weight: bold;
  background-color: #f0f0f0;
}

#content a, #fancybox-content a {
  color: #444;
  cursor: pointer;
  text-decoration: underline;
}

#content a.selected, #fancybox-content a.selected {
  text-decoration: none;
  color: #f60;
  cursor: auto;;
}

#content a {
  padding-left: 5px;
}

#content a.with_img {
  text-decoration: none;
}

#content a:hover, #fancybox-content a:hover {
  color: #0562ee;
}

#content .subpart {
  padding-bottom: 30px;
}

#content p.below_table {
  margin-top: 0px;
  padding-top: 0px;
  width: 600px;
  text-align: right;
}

/* End of Content */
#footer {
  padding: .4em 0 .6em;
}

#footer p,#footer a {
  color: #aaa;
  font-size: 11px;
  text-decoration: none;
}

#footer a:hover {
  color: #555;
  text-decoration: underline;
}

#header {
  padding-top: 1.5em;
  background-color: #020a32;
}

#header #logo-title {
  float: left;
}

#header div.quicknav {
  float: right;
  text-align: right;
}

#header div.quicknav,#header div.quicknav a {
  color: #fff;
}

#header div.quicknav h3 {
  font-size: 1em;
  font-weight: bold;
  color: #fff;
  margin: 0;
}

#header div.quicknav h3 span,#header div.quicknav h3 a {
  font-weight: normal;
}

#header div.quicknav .datetime {
  margin: .2em;
  font-size: .85em;
  font-style: italic;
}

#header div.quicknav p.links {
  margin: 1.2em 0 .6em;
  font-size: .9em;
}

#header a:hover {
  color: #0562ee;
}

#maincol,#subcol {
  padding-bottom: 2em;
  background-color: #fff;
  border: 10px solid #fff;
}

#maincol h2,#maincol h3 {
  margin: .4em 0 .6em;
  font-size: 13px;
  font-weight: bold;
  color: #069;
}

#maincol p,#subcol p,#maincol li,#subcol li {
  padding: .4em 0 .6em;
}

#maincol.left {
  width: 80%;
}

#navigation {
  background-color: #0562ee;
}

#navigation ul {
  list-style: none;
}

#navigation li,#sub-navigation li {
  display: inline;
}

#navigation li a {
  display: block;
  float: left;
  margin: 0 1px 0 0;
  padding: .6em .8em .6em 2.4em;
  color: #fff;
  background-repeat: no-repeat;
  background-position: .6em center;
  background-color: #0562ee;
  font-size: 1.15em;
  text-decoration: none;
}

#navigation li a:hover {
  color: #fff;
  text-decoration: underline;
}

#navigation li a.selected {
  font-weight: bold;
  color: #fff;
  background-color: #020a32;
}

#navigation li#menu_home a {
  background-image: url(../img/ltu/16x16/menu/home.png);
}

#navigation li#menu_admin a {
  background-image: url(../img/ltu/16x16/menu/admin.png);
}

#navigation li#menu_applications a {
  background-image: url(../img/ltu/16x16/menu/applications.png);
}

#navigation li#menu_history a {
  background-image: url(../img/ltu/16x16/menu/history_reports.png);
}

#navigation li#menu_content a {
  background-image: url(../img/ltu/16x16/menu/image_management.png);
}

#navigation li#menu_documentation a {
  background-image: url(../img/ltu/16x16/menu/documentation.png);
}

#navigation li#menu_contact a {
  background-image: url(../img/ltu/16x16/menu/contact.png);
}

#subcol.right {
  width: 15%;
  background-color: #E5EEFF;
}

#subcol h3 {
  margin: .4em 0 .6em;
  font-size: 1.1em;
  font-weight: bold;
  color: #020a32;
}

#subcol.right div.block {
  padding: .6em .8em;
  border-bottom: 1px solid #fff;
  /*text-align: justify;*/
}

#subcol div table,#subcol div td {
  border-collapse: collapse;
  border: 0px;
  cellspacing: 0;
  padding: 0;
}

#sub-navigation {
  background-color: #f0f0f0;
}

#sub-navigation .submenu {
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}

#sub-navigation ul {
  display: none;
}

#sub-navigation ul.visible {
  display: block;
}

#sub-navigation ul li a {
  display: block;
  float: left;
  padding: .6em 1.8em .5em;
  border-right: 1px solid #aaa;
  color: #676767;
  font-size: 1em;
  text-decoration: none;
}

#sub-navigation a:hover {
  text-decoration: underline;
}

#sub-navigation a.selected {
  color: #000;
  background: url(../img/ltu/dot.gif) no-repeat 1.9em bottom;
}

/* sub div for content */
/*=======================================================================*/
/*                        Common Class                                   */
/*=======================================================================*/
.centered {
  display: inline;
}

.column_1 {
  width: 4em;
  text-align: center;
}

.column_2 {
  width: 6em;
  text-align: center;
}

.column_3 {
  text-align: center;
  vertical-align: top;
}

.error {
  background-image: url('../img/ltu/24x24/status/error.png');
}

.info,.success,.warning,.error,.validation,.pending {
  border: 1px solid #020a32;
  margin: 1em 0em 1em 0em;
  padding: 1em 1em 1em 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-color: #E5EEFF;
  display: block;
  z-index: 1;
}

.info {
  background-image: url('../img/ltu/24x24/status/info.png');
}

.notice {
  color: #666;
  font-style: italic;
}

.form_aligned .line {
  padding: 2px 0;
}

.form_aligned .left {
  display: block;
  font-weight: bold;
  float: left;
  width: 150px;
}

.form_aligned .right {
  display: block;
  float: left;
  padding-left: 20px;
  width: 500px;
}

.form_aligned .right input,.form_aligned .right input select {
  width: 190px;
}

.form_aligned .right textarea {
  height: 200px;
  width: 400px;
}

.center{
  display: inline;
  margin: 0px auto;
}

.left {
  float: left;
}

.mandatory{
  font-weight: bold;
}

h3.img16  img{
  padding: 0px;
}

h3.img16  span{
  position: relative;
  top: -3px;
  margin-left: 5px;
}

.hover{
  padding: 5px 3px;
  display: none;
  position: absolute;
  z-index:2;
}

.right {
  float: right;
}

.success {
  background-image:url('../img/ltu/24x24/status/activated.png');
}

.pending {
  background-image:url('../img/ltu/infinite_loop.gif');
}

.warning {
  background-image: url('../img/ltu/24x24/status/important.png');
}

.wrapper {
  width: 85%;
  margin: 0 auto;
  text-align: left;
}

form .uploadfilelabel {
  width: 80px;
  text-align: right;
}

/*=======================================================================*/
/*                        Specific Class                                 */
/*=======================================================================*/

.advanced_management{
}

.advanced_management table td ul{
  margin: 0;
  padding: 0;
  text-align: center;
}

div .api_left {
  float:left;
}

div .api_right {
  border-left:1px solid #CCC;
  display:block;
  float:left;
  padding-left:10px;
}

div .api_json {
  border: 1px solid gray;
  display:block;
  float:left;
  height:250px;
  overflow:auto;
  width:100%;
}

div .left_api {
  width:30%;
}

div .right_api {
  width:65%;
}

.application_note ul li{
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.application_note ul p{
  font-style: italic;
  margin:-7px 0 0 7px;
  padding: 0;
}

.batch_add_error_image_ids{
  float: left;
  margin-bottom: 5px;
  margin-left: 5px;
}

.overlay_title {
  text-align: center;
  padding-top: 20px;
  clear: both;
}

.overlay_title > div {
  padding-top: 4px;
}

.overlay_display{
  float:left;
  position: relative;
}

.overlay_solo{
  max-width: 500px;
  margin:5px;
}

.overlay_solo > img{
  max-width: 500px;
  max-height: 800px;
}

.overlay_display_query, .overlay_display_ref{
  float: left;
  max-width: 500px;
  position: relative;
}

.overlay_display_query>img, .overlay_display_ref>img{
  max-width: 500px;
  max-height: 800px;
}

.query_log_entry, .batch_add_report {
  border-top: 1px solid #ccc;
  margin-bottom: 5px;
  padding-top: 5px;

}

.query_log_no_result,.query_log_error, .search_no_result {
  float: left;
  text-align: center;
  font-weight: bold;
}

.search_no_result {
  width: 100%;
  height: 20px;
}

.query_log_no_result>img {
  max-width: 125px;
  max-height: 125px;
}

.query_log_request {
  float: left;
  height: 100%;
  margin: 0 10px 0 0;
  text-align: center;
  vertical-align: middle;
  width: 200px;
  position: relative;
}

.query_log_request .query {
  display: table-cell;
  max-height: 200px;
  max-width: 200px;
  vertical-align:middle;
}

.query_log_request .query img {
  max-width: 200px;
  max-height: 200px;
}

.query_log_result {
  float: left;
  width: 70%;
  overflow: hidden;
}
.query_log_title, .batch_add_results,.batch_error_title{
  font-weight: bold;
  text-overflow:ellipsis;
}

.query_log_title, .batch_add_results{
  height: 15px;
  text-overflow:ellipsis;
}

.query_log_title>img {
  float: left;
  padding: 0 2px 0 0;
}

/* END QUERY_LOG */

/* REFERENCE DATA */
.reference_image {
  box-shadow: 2px 2px 5px #ddd;
  float: left;
  height: 210px;
  padding: 5px;
  position: relative;
  margin: 5px;
  text-align: center;
  width: 150px;
}

.reference_image img {
  max-height: 150px;
  max-width: 150px;
}

.reference_query_filter_result {
  box-shadow: 2px 2px 5px #ddd;
  float: left;
  max-height: 20px;
  max-width: 300px;
  padding: 5px;
  position: relative;
  margin: 5px;
  text-align: center;
}

.reference_query_neural_detect_result {
  box-shadow: 2px 2px 5px #ddd;
  float: left;
  max-height: 600px;
  max-width: 500px;
  padding: 5px;
  position: relative;
  margin: 5px;
  text-align: left;
}

.reference_text{
  float:left;
  width:100%;
}

.reference_id,.reference_keywords {
  font-size: 10px;
  margin: 0 auto;
  height: 10px;
  overflow:hidden;
  text-align: center;
  text-overflow:ellipsis;
}

.reference_id {
  font-size: 12px;
  font-weight: bold;
  padding: 0 0 3px 0;
  white-space:pre;
}

.reference_keywords {
  font-style: italic;
  white-space:normal;
}

.reference_score {
  font-weight: bold;
}

/* END RESULTIMAGE */

.updateuseraccount label{
  font-weight: bold;
  padding: 0;
  margin: 0;
  width: 150px;
}

/* TASK STATUS */
.task_status {
  padding: 10px 10px 10px 35px;
  background-repeat: no-repeat;
  background-position: .3em center;
  text-align: center;
  width: 300px;
  margin: 0 auto;
}

.reference_image_div {
  width: 150px;
  height: 150px;
}

.fic_image{
  float: left;
  height: 300px;
  padding: 5px;
  margin: auto;
  text-align: center;
  width: 48%;
}

.fic_image img{
  max-height: 300px;
  margin: auto;
  max-width: 100%;
}

/* END RESULTIMAGE */

/*=======================================================================*/
/*                        Specific Id                                    */
/*=======================================================================*/

#action_tabs br {
  content: " ";
  display: block;
  padding: 10px 0 0 0;
}

/* ADD_IP_POPUP */
#add_ip_popup p {
  margin: 5px 10px;
  text-align: center;
}

#add_ip_popup h4 {
  text-align: center;
}

#add_ip_popup div {
  margin: 0px auto;
  text-align: center;
}

#add_ip_popup.info {
  margin: 50px 100px;
}
/* END_ADD_IP_POPUP */


/* IMAGE BROWSER */
#imagebrowser {
  margin: 0 auto;
  text-align: center;
}

#imagebrowserlinks {
  border-top: 1px solid #ccc;
  font-size: 14px;
  padding: 5px 0 0 0;
  text-align: center;
  margin-top: 10px;
}

#imagebrowserlinks .pagination a{
  border: 0;
  text-decoration: none;
}

#imagebrowserlinks .pagination .current{
  background: none;
  border: 0;
  color: #f60;
  font-weight: bold;
  text-decoration: underline;
}

#imagebrowserlinks .pagination .next.current, #imagebrowserlinks .pagination .prev.current{
  display:none;
}

/* END IMAGE BROWSER */


#requestImagesPages {
  text-align: center;
}


/* LOGINFORM */
#loginform form {
  background-color: #eee;
  border: 1px solid #999;
  margin: 10px auto;
  padding: 10px;
  width: 350px;
}

#loginform form #submit {
  margin: 10px 0 0 150px;
}
/* END LOGINFORM */


/*=======================================================================*/
/*                        TO RE ORGANIZE                                 */
/*=======================================================================*/
/* right content is a vertical banner including several tips */
.right_content div td,.right_content div th {
  border-width: 1;
  width: 10em;
  margin: 0;
}

/** Show h3 content (image+text) like a table */
.second_main_block {
  margin-top: 40px;
}

.on2column div {
  float: left;
  width: 400px;
  padding: 0 20px;
  text-align: justify;
}

/* End of sub div for content */

.action_link_cell {
  text-align: center;
}

/* STYLES USED FOR IMAGE SEARCH RESULTS */

table.image_search_detail td.column_1 {border #FF0000 1px solid
  vertical-align:top;
  font-weight: bold;
}

table.image_search_detail td.column_2 {
  text-align: left;
  width: auto;
}

.sendmessagetosupportform select,.sendmessagetosupportform input {
  width: 200px;
}

p.notes {
  text-align: justify;
  width: 600px;
}

p.notes span {
  font-weight: bold;
}

.ltu-image-keyword-button:hover {
  cursor: pointer;
}

/* End of image style */
table.admin_item,table.dashboard_item {
  margin: 10px auto;
  text-align: center;
  width: 99%;
}

div.history_item {
  width: 90%;
  margin: 5px auto;
  border:  1px solid #CCC;
  height: 120px;
  line-height:120px;
}

.progress_background {
  background:url(../img/ltu/infinite_loop_white.gif) center center no-repeat;
}

table.history_item {
  text-align: left;
  margin: 5px auto;
  width: 95%;
}

table.history_item img {
  margin-left: 10px;
}

table.companyaccount_item_vertical td,table.companyaccount_item_vertical th
  {
  width: 24em;
}

table.companyaccount_item td,table.changepassword_item td,table.myaccount_item td,td.fieldcol
  {
  width: 36em;
}

td.fieldcol {
  text-align: left;
  background-color: #FFF;
}

/* Show bullets the normal way in the page content */
.content_normal ul,.content_with_notes_on_right ul {
  margin-left: 1.5em;
}

.content_normal li,.content_with_notes_on_right li {
  list-style-type: square;
  color: #666;
}

ul.ltu-image-keyword-button-div {
  margin-left: 0;
}

img.ltu-image-keyword-button {
  margin-top: 5px;
}

/**
* Reporting
**/ /* Graph */
div.reportingPlot {
  width: 725px;
  height: 400px;
  margin: 10px auto; /* centered */
}

.jqplot-title {
  padding-left: 50px;
  color: #666;
  font-size: 14px;
  font-weight: bold;
}

.jqplot-highlighter-tooltip {
  background: rgba(208, 208, 208, 1) none repeat scroll 0 0;
  font-size: 1.4em;
  padding: 0 10px;
}

table.jqplot-table-legend {
  border-width: 2px;
  border-color: #999;
  font-size: 1.2em;
}

#gridsContainer {
  text-align: center;
}

/* Autocomplete applications list */
.ui-autocomplete {
  /* make the list scrollable by limiting its height to 200 */
  max-height: 200px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  /* add padding to account for vertical scrollbar */
  padding-right: 20px;
}

.ui-autocomplete-input {
  width: 280px;
}

#autocomplete_form {
  text-align: right;
  font-size: 15px;
}

#helpbox {
  position: fixed;
  top: 50%;
  right: 15px;
  width: 15%;
}

div.download_button {
  font-size: 25px;
  border: 1px solid #F60;
  font-size: 1.2em;
  left: 30%;
  position: relative;
  text-align: center;
  vertical-align: 10px;
  width: 300px;
}

div#requestResponse {
  margin-top: 5px;
  width: 100%;
  margin: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 20px;
}

div.report_progress_animated {
  background-image: url('../img/ltu/infinite_pb.gif');
  background-repeat: no-repeat;
  background-position: center;
}

div.left_column {
  float: left;
  width: 48%;
}

div.right_column {
  float: right;
  width: 48%;
}

.ui-state-default {
  font-size: 12px;
}

.bold_table_item {
  font-weight: bold;
}

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

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

table.data tr:hover td {
  border-top-color: #f60;
  border-bottom-color: #f60;
  background-color: #fff0e5;
}

.loginfields a {
  float: right;
  font-size: 12px;
  text-align: right;
}

.statusError,.statusOk,.no-search-result {
  display: block;
  font-weight: bold;
}

.disabled-keyword-entry {
  border: 0px;
  padding: 0 13px 0 0;
}

.content_normal {
  width: 100%;
}

.content_with_notes_on_right { /* Page shown with tips on the right */
  width: 60em;
}

.block h3 img {
  vertical-align: middle;
  border: 0;
}

#listed_errors li {
  padding-top: 1em;
}

/*=======================================================================*/
/*                        BROWSE COLOR UI                                */
/*=======================================================================*/
/* Used specifically to browse color applications */

.palette_holder {
  float:left;
  margin-right: 12px;
}

.palette_holder li {
  display: inline;
  margin: 0 5px 0 0;
}
#palettes {
  width:72%;
}

#palettes li > a {
  text-decoration: none;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #ccc;
  padding: 0 4px 0 4px;
}

.palette_holder div.palette {
  display: block;
  padding: 5px 5px 5px 5px;
  border: 1px #CCC solid;
}

.palette_holder div.palette span {
  display: block;
  float: left;
  height: 22px;
  margin: 2px;
  width: 22px;
}

.small-palettes .palette {
  border: 1px #ccc solid;
  padding: 2px 0 2px 0;
  margin: 5px 0 0 0;
  vertical-align:center;
}

.small-palettes .palette span {
  display: block;
  float: left;
  height: 12px;
  margin: 1px;
  width: 12px;
}

.link {
  cursor:pointer
}

#selectedcolors {
  padding: 0 0;
  float:left;
  border: 1px #CCC solid;
  height: 40px;
  width: 184px;
  overflow:hidden;
  margin-top:14px;
}
#selectedcolors div {
  float: left;
  height: 36px;
  margin: 0;
  padding: 2px;
}
#selectedcolors div span, #palette span {
  display: block;
  float: left;
  margin: 1px;
  width: 34px;
  height: 34px;
}

#results {
  clear: both;
}

#direct_search {
  color: #444;
  text-decoration: underline;
}

#direct_search:hover{
  color: #f60;
  cursor: pointer;
}

#application_task ul,ol {
  margin-left: 0px;
}

.application_row a {
  font-size: 15px;
}