/* Master CSS Stylesheet document
------------------------------------------------------------------------------
----------------------------------------------------------------------------*/

/* Global-Elements
----------------------------------------------------------------------------*/
* {
  padding: 0px;
  margin: 0px;
}

a:link, a:active, a:visited {
  color: #666;
}

a:hover {
  color: black;
  text-decoration: none;
}

li {
  list-style-type: none;
}

p {
  margin-bottom: 0.6em;
}

.clear {
  /* Helper element to clear floats */
  clear: both;  
}

/* Form-Elements
----------------------------------------------------------------------------*/
input, select {
  border: 1px solid #c0c0c0;
  padding: 2px;
}

.tms-button {
  background: #666 url(https://munichre.tms.hrdepartment.com/custom/images/MRmunich_bg_button.png) top left repeat-x;  
	font-weight: bold;
	font-size: 12px;
	color: #fafbfc;
	border: 1px solid #666 !important;
	padding: 0 1em 0 1em;
	cursor: pointer;
}

/* Main-ID's
----------------------------------------------------------------------------*/
#tms-wrapper {
  margin-top: 50px;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}

#tms-container {
  border: 1px solid #ccc;
  background-color: white;
  padding: 1.2em;
  font-family: Arial;
  font-size: 9pt;
  color: #333;
}

#tms-content {
  clear: both;
}

#tms-additionaltext {
  margin-top: 1em;
}

/* .Navigation 
----------------------------------------------------------------------------*/
#tms-nav li {
  display: block;
  float: left;
  list-style-type: none;
  padding-right: 1em;
}

#tms-nav {
  font-weight: bold;
  margin-bottom: 1em;
}

#tms-nav-lang {
  text-align: right;  
}


#tms-nav-lang-selector {
  margin-right: 9px;
}

/* .Content 
----------------------------------------------------------------------------*/

h3 {
  font-size: 1.2em;
  padding-bottom: 0.5em;
}

.smalltext {
  font-weight: normal;
  font-size: 0.8em;
}

#tms-content-form {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 1em 0 1em 0;
}

.form-label {
  width: 200px;
  float: left;
  font-weight: bold;
  padding-right: 2em;
}

.form-element {
  float: left;
  padding-bottom: 0.6em;
}

.form-element input,
.form-element select {
  width: 300px;
}

.end-row {
  clear: both;
}

h4 {
  margin-bottom: 1em;
}

#tms-additionaltext-help {
  font-size: 0.8em; 
}

#tms-additionaltext-subnav {
  font-weight: bold;
  margin-bottom: 1em;
}



/* .Result 
----------------------------------------------------------------------------*/

#tms-results-top-pagination,
#tms-results-bottom-pagination {
  width: 100%;
  font-size: 0.9em;
}

#tms-results-top-pagination .pagination-left li,
#tms-results-bottom-pagination .pagination-left li {
  display: block;
  float: left;
}

#tms-results-top-pagination .pagination-left li a,
#tms-results-bottom-pagination .pagination-left li a {
  padding: 2px 4px 2px 4px;
  margin-left: 4px;
  border: 1px solid #ccc;
}

#tms-results-top-pagination .pagination-right li,
#tms-results-bottom-pagination .pagination-right li {
  display: block;
  float: left;
}

.pagination-left {
  width: 70%;
  float: left;
}

.pagination-right {
  width: 30%;
  float: right;
}

/*
.pagination-first:before {
  content: "<< ";
}

.pagination-prev:before {
  content: " < ";
}

.pagination-next:after {
  content: " >";
}
.pagination-last:after {
  content: " >>";
}
.pagination-prev:after {
  content: " | ";
}
*/

.pagination-first, .pagination-prev, .pagination-last {
  margin-left: 3px;
  margin-right: 3px;
}

/* ----------------- */  

#tms-results-table a {
  text-decoration: none;
}

#tms-results-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9em;
  margin: 1em 0em 1em 0em;
}

#tms-results-table table th {
  background-color: #ccc;
  text-align: left;
  border-collapse: collapse;
  padding: 4px 2px 4px 2px;
}

#tms-results-table table th#table-th-date {
  text-align: right;
}

#tms-results-table table td {
  padding: 4px 2px 4px 2px;
  border-bottom: 1px solid #ccc;  
}

.table-date {
  text-align: right;
}

.table-title a:link,
.table-title a:visited,
.table-title a:active {
  text-decoration: none;
  font-weight: bold;
}

.table-title a:hover {
  text-decoration: underline !important;
}