/* Override class default */
/* form */
.titan_form
{
}
.titan_form_header
{
}
.titan_form_content
{
}
.titan_form .titan_label
{
}
.titan_form .titan_input
{
}

/* group */
.titan_group
{
}
.titan_group_header
{
}
.titan_group_content
{
}

/* sub_group */
.titan_sub_group
{
}
.titan_sub_group_header
{
}
.titan_sub_group_content
{
}

/* floater */
.titan_floater
{
}
.titan_floater .anythingWindow
{
}
.titan_floater .anythingWindow panel
{
}
.titan_floater .anythingWindow panel.activePage
{
}
.titan_floater .anythingControls
{
}
.titan_floater .anythingControls .start-stop
{
}
.titan_floater .anythingControls .thumbNav
{
}
.titan_floater .anythingControls .thumbNav .tooltip
{
}
.titan_floater .anythingControls .thumbNav .tooltip .cur
{
}
.titan_floater .arrow .back
{
}
.titan_floater .arrow .forward
{
}

/* uploader */
.titan_uploader
{
}
.titan_uploader .titan_uploader_submit
{
}
.titan_uploader .titan_uploader_select
{
}
.titan_uploader .titan_uploader_select .titan_uploader_selectbutton
{
}
.titan_uploader .titan_uploader_select .titan_uploader_fileupload
{
}
.titan_uploader .titan_uploader_filename
{
}
.titan_uploader .titan_uploader_clear
{
}
.titan_uploader .titan_uploader_loading
{
}

/* file upload */
.file_upload
{
}
.file_upload_filename
{
}
.file_upload_container
{
}
.file_upload_container:hover .button
{
}
.file_upload_input
{
}
.file_upload_clear
{
}
.file_upload_progress
{
}


/* grid */
.titan_grid
{
}
.titan_grid .titan_grid_header_pre
{
}
.titan_grid .titan_grid_header_pre .titan_grid_new
{
}
.titan_grid .titan_grid_header_pre .titan_grid_filter
{
}
.titan_grid .titan_grid_header_pre th
{
}
.titan_grid .titan_grid_header
{
  background-color: transparent;
  font-weight: bold;
  border: none;
}
.titan_grid .titan_grid_header th
{
  border: none;
  padding: 0em 0.4em;
}
.titan_grid .titan_grid_header th.text_align_right {
  text-align: right;
}
.titan_grid .titan_grid_header th.sortasc
{
}
.titan_grid .titan_grid_header th.sortdesc
{
}
.titan_grid .titan_grid_header th:first-child
{
}
.titan_grid .titan_grid_row, .titan_grid .titan_grid_row_alt
{
  border: none;
}
.titan_grid .titan_grid_row:hover, .titan_grid .titan_grid_row_alt:hover
{
  background-color: #CCCCCC;
  color: #262626;
}
.titan_grid .titan_grid .titan_grid_row:first-child
{
}
.titan_grid .titan_grid_row_alt
{
  background-color: #5f5f61;
}

.titan_grid_row_edit:hover
{
  color: #FFFFFF;
}
.titan_grid .titan_grid_row_add
{
  border-top: solid 1px #a0a0a0;
  background-color: transparent;
}
.titan_grid .titan_grid_row_edit
{
  background-color: #CCCCCC;
}


.titan_grid .titan_grid_row td, .titan_grid .titan_grid_row_alt td, .titan_grid .titan_grid_row_edit td, .titan_grid .titan_grid_row_add td
{
  border: none;
}
.titan_grid .titan_grid_row td.text_align_right, .titan_grid .titan_grid_row_alt td.text_align_right, .titan_grid .titan_grid_row_edit td.text_align_right, .titan_grid .titan_grid_row_add td.text_align_right
{
  text-align: right;
}
.titan_grid .titan_grid_footer
{
}
.titan_grid .titan_grid_footer th
{
}
.titan_grid .titan_grid_footer th:first-child
{
}
.titan_grid .titan_grid_pager
{
}
.titan_grid .titan_grid_pager td
{
}
.titan_grid .titan_grid_pager .pager_pages
{
}
.titan_grid .titan_grid_pager .pager_summary
{
}
.titan_grid .titan_grid_empty td
{
}

/* list */
.titan_list
{
}

/* datebox */
.titan_datebox
{
}
.titan_datebox_day
{
}
.titan_datebox_month
{
}
.titan_datebox_year
{
}

/* button */
.button
{
}
.button:hover, .button:focus
{
}
.button.left
{
}
.button.right
{
}

/* link_button */
.link_button
{
  background-color: #c0cb31;
  padding: 0.3em 2em;
  margin: 0.5em 0;
}
.link_button:hover, .link_button:focus
{
  background-color: #b6ba80;
  text-decoration: none;
}
.link_button.left
{
}
.link_button.right
{
}

/* nine_patch */
.nine_patch
{
}

/* centered_progress_indicator */
.titan_cpi
{
}
.titan_cpi_background
{
}
.titan_cpi_background .loading_image
{
}

/* floater */
.titan_floater
{
}

/* collapse_panel */
.titan_collapse_panel
{
}

/* slider */
.titan_slider
{
}

/* confirmation */
.titan_confirmation
{
}

/**********/
/* Custom */
/**********/

/* temp style 4 layout */
div
{
  /*border: 1px solid #fff;     margin: 1px;     padding: 1px;*/
}

.login
{
  background-color: #999999;
  margin-top: 80px;
  padding: 10px 10px 100px 10px;
  font-size: .8em;
}
.login .login_checkbox
{
}
.login .login_hyperlink
{
}
.login .login_instruction
{
}
.login .login_label
{
}
.login .login_failuretext
{
  margin: 10px 0px;
  padding: 10px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-color: #fccac3;
  background-image: url("icons/messagebox_critical.png");
  color: #D8000C;
  border: 1px solid #db3f23;
}
.login .login_loginbutton
{
  background-color: #c0cb31;
  border: solid 1px #c0cb31;
  color: White;
}
.login .login_loginbutton:hover
{
  background-color: #b6ba80;
}

.page
{
}
.page .title
{
  font-family: 'Open Sans' , sans-serif;
  font-weight: 800;
  font-size: 2em;
}
.page .header
{
  padding-right: 10px;
  color: #5f5f61;
  line-height: 1.4em;
}
.page .header a
{
  color: #5f5f61;
}
.page .menu
{
  padding: 10px 0;
}

.page .menu .menulist
{
}

.page .menu .menulist .menuitem
{
  padding: 5px;
  background-color: #c0cb31;
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
  vertical-align: bottom;
}

.page .content
{
  padding: 10px 10px 100px 10px;
  font-size: .8em;
  background-color: #999999;
}

.usermenu
{
  width: 50px;
  height: 50px;
  background-image: url(images/w8_50_users.png);
  overflow: hidden;
  display: block;
}
.usermenu:hover
{
  background-image: url(images/w8_50_users_over.png);
  text-decoration: none;
}

.splitmenu
{
  width: 50px;
  height: 50px;
  background-image: url(images/w8_50_cargoboat.png);
  overflow: hidden;
  display: block;
}
.splitmenu:hover
{
  background-image: url(images/w8_50_cargoboat_over.png);
  text-decoration: none;
}

.usermangement
{
}
.usermangement .error
{
  background-color: #fccac3;
  background-image: url("icons/messagebox_critical.png");
  color: #D8000C;
  border: 1px solid #db3f23;
}
.usermangement .error .validator
{
}
.usermangement .result
{
}

.header_lijst
{
  text-transform: capitalize;
  font-weight: bold;
  border-bottom: 1px solid #c0c0c0;
}

.splitslijst
{
}
.splitslijst .col_left
{
  float: left;
}
.splitslijst .col_right
{
  float: left;
  padding-left: 50px;
}
.splitslijst input.make_red
{
  border: 2px solid #FF5151;
}
.splitslijst .splitslijst_header_info
{
  line-height: 1.4em;
  padding-left: .4em;
}
.splitslijst .splitslijst_header_info_label
{
  font-weight: bold;
  padding-right: 1em;
}
.splitslijst .splitslijst_header_info_text
{
}
.splitslijst .splitslijst_header
{
  margin-top: 10px;
}
.splitslijst .splitslijst_header .titan_grid
{
  width: inherit;
}
.splitslijst .error
{
}
.splitslijst .error .validator
{
}
.splitslijst .filter
{
}
.splitslijst .filter .filter_ship
{
  min-width: 200px
}
.splitslijst .filter .filter_voyage {
  min-width: 200px
}
.splitslijst .result
{
  margin-top: 20px;
}
.splitslijst .result textarea, .splitslijst .result input
{
  font-size: 0.8em;
}
.splitslijst .result input {
  height: 1.6em;
}
.splitslijst .result .splitslijst_red input
{
  border: 2px solid #FF5151;
}
.splitslijst .result .splitslijst_green input
{
  border: 2px solid #A2FF4C;
}
.splitslijst .result .splitslijst_customs_doc {
  white-space: nowrap;
}
.splitslijst .result .splitslijst_remark_header {
	  width: 236px;
}
.splitslijst .result .splitslijst_remark {
  text-align: right;
}

.splitslijst .vdr_remark
{
  width: 230px;
}
.splitslijst .vdr_remark textarea
{
  line-height: 1.4em;
  font-size: 0.8em;
  min-width: 230px;
}

.splitslijst .result .splitslijst_remark .splitslijst_remark_input
{
  width: 230px;
}
.splitslijst .result .splitslijst_remark .splitslijst_remark_label {
  display: none;
  line-height: 1.4em;
  font-size: 0.8em;
  min-width: 230px;
}
@media print {
  .splitslijst .result .splitslijst_remark .splitslijst_remark_input {
    display: none;
  }
  .splitslijst .result .splitslijst_remark .splitslijst_remark_label {
    display: inline-block;
  }
}
 
.splitslijst .result a.customs_doc_button {
  background-image: url('icons/icon_plus.png');
  background-position: center center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-left: .2em;
}
.splitslijst .result a.customs_doc_button.customs_doc_button_inv {
  background-image: url('icons/icon_minus.png');
}
.log table tr td {
  min-width: 100px;
}
.toupper
{
  text-transform: uppercase;
}
.print
{
  float: right;
  background-image: url(images/print.png);
  width: 50px;
  height: 50px; /*  overflow: hidden;*/
  display: block;
}
.addImage
{
  width: 15px;
  height: 15px;
  overflow: hidden;
  display: inline;
}
.voyagelijst .filter
{
  height: 50px;
}
.text_align_right
{
  text-align: right;
}
.width_60 {
  width: 60px;
  min-width: 60px;
}
.width_100p {
  width: 100%;
}

/* Bugfix IE10 */
/* https://connect.microsoft.com/IE/feedback/details/776537/text-in-right-aligned-input-gets-cuts-off-when-using-ms-clear */
input::-ms-clear
{
  display: none;
  width : 0;
  height: 0;
}

/* jQuery */
.ui-autocomplete {
  font-size: 0.8em;
}
.version{
  font-size: 10px;
}