/*------------------------------------------
Timaru Container Terminal CSS information
------------------------------------------*/

/* overall body */
html, body
{
  margin: 0;
  padding: 0;
}

body
{
  font-family: Arial, Helvitica, sans-serif;
  text-align: left;
}


/*---------------------
text styles
---------------------*/

.bold
{
  font-weight: bold;
}

.small
{
  font-size: 11px;
}

.left
{
  text-align: left;
}

.center
{
  text-align: center;
}

.right
{
  text-align: right;
}


/*---------------------
element styles
---------------------*/

/* button-links */
.tct_contact_button
{
  border: solid 1px #fbba1e;
  border-radius: 10px;
  color: #fbba1e;
  display: inline-block;
  padding: 20px;
}

.tct_read_button, .tct_readmore_button
{
  border: solid 1px #fbba1e;
  border-radius: 10px;
  color: #fbba1e;
  display: inline-block;
  font-size: 13px;
  font-weight: bolder;
  padding: 8px 25px;
}

.tct_read_button
{
  border-color: #169b6b;
  color: #169b6b;
  padding: 20px;
}

a.tct_maillink
{
  color: #169b6b;
}

a.tct_maillink:hover
{
  color: #0c583d;
}

a.tct_newslink
{
  color: #169b6b;
}

.tct_infocard
{
  background:linear-gradient(0deg, rgba(34, 134, 200, 0.3), rgba(34, 134, 200, 0.3)), url(/wp-content/uploads/2020/12/no-profile.jpg);
  background-position: center;
  background-repeat: no-repeat;
  width: 200px;
  height: 200px;
}

.tct_infocard:hover
{
  background:linear-gradient(0deg, rgba(34, 134, 200, 0.6), rgba(34, 134, 200, 0.6)), url(/wp-content/uploads/2020/12/no-profile.jpg);
}

.tct_news1
{
  background:linear-gradient(0deg, rgba(34, 134, 200, 0.6), rgba(34, 134, 200, 0.6)), url(/wp-content/uploads/2020/12/news-tile1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  width: 361px;
  height: 277px;
}

.tct_news1:hover
{
  background:linear-gradient(0deg, rgba(34, 134, 200, 0.9), rgba(34, 134, 200, 0.9)), url(/wp-content/uploads/2020/12/news-tile1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  width: 361px;
  height: 277px;
}

.tct_news2
{
  background:linear-gradient(0deg, rgba(22, 155, 107, 0.6), rgba(22, 155, 107, 0.6)), url(/wp-content/uploads/2020/12/news-tile2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  width: 361px;
  height: 277px;
}

.tct_news2:hover
{
  background:linear-gradient(0deg, rgba(22, 155, 107, 0.9), rgba(22, 155, 107, 0.9)), url(/wp-content/uploads/2020/12/news-tile2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  width: 361px;
  height: 277px;
}

/* headers */
h1, h2, h3, h4, h5
{
  color: #2286c8;
  font-size: 45px;
  margin: 0;
}

h2
{
  font-size: 30px;
}

h3
{
  font-size: 25px;
}

h4
{
  font-size: 25px;
  padding: 10px 0;
}

h5
{
  font-size: 15px;
}

hr
{
  border-top: 1px solid #2286c8;
}

a
{
  color: #2286c8;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

a.white
{
  color: #ffffff;
}

a.white:hover
{
  text-decoration: none;
}

.schedules td
{
  border: 1px solid #e3e3e3;
  padding: 10px;
}

.schedules td:nth-child(2)
{
  text-align: left;
}

table
{
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}

table.managers td
{
  font-weight: normal;
  padding: 5px;
  vertical-align: top;
}

table.managers td:nth-child(1)
{
  width: 150px;
}

table.managers td:nth-child(2)
{
  text-align: justify;
}

table.managers tr.left td
{
  text-align: left;
}

table.wide
{
  width: 100%;
}

table.tct_contact_us
{
  width: 100%;
}

table.tct_contact_us td
{
  font-weight: normal;
  text-align: left;
  width: 50%;
}

table.tiles
{
  margin: 0;
}

td, th
{
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
}

table.tiles td
{
  color: #ffffff;
  font-size: 23px;
}

table.cedo
{
  width: auto !important;
}

table.cedo td, table.cedo th
{
  padding: 10px;
}

/* dealing with the tct header menu */

.tct_menu
{
  font-size: 14px;
}

.tct_menu ul
{
  display: inline;
  margin:20px 0px 20px 0px;
  text-align: right;
}

.tct_menu ul li
{
  display: inline;
  font-weight: bold;
  padding: 0px 20px 10px 0px;
}

.tct_menu ul ul
{
  display: none;
}

.tct_menu li
{
  position: relative;
}

.tct_menu ul li:hover > ul
{
  display: block;
  position: absolute;
  top: 0.5em;
  left: -3.5em;
  z-index: 99999;
  text-align: left;
}

.tct_menu ul ul li
{
  background-color: #ffffff;
  display: block;
  padding: 0 20px 10px 10px;
  width: 250px;
}

/* dealing with the footer table */
.footer
{
  width: 100%;
}

.footer td, .footer a
{
  color: white;
  font-size: 15px;
  font-weight: normal;
  padding: 0;
}


/*---------------------
vessels page
---------------------*/

.tctvessels h2
{
  font-size: 23px;
  padding: 20px 0;
}

.tctvessels table
{
  border-collapse: separate;
  width: 100%;
}

.tctvessels td, .tctvessels th
{
  background-color: white;
  font-size: 14px;
}

.tctvessels td
{
  font-weight: normal;
}

.tctvessels input[type=submit]
{
  padding: 5px 8px;
}


/*------------------------
containers textarea
------------------------*/

#containers
{
  width: 300px;
}


/*------------------------
bars/bands across the page
------------------------*/

.tct_menubar
{
  background-color: #ffffff;
  /* padding: 10px 400px; */
  padding: 0 calc((100% - 1150px) / 2);
}

.tct_grey, .tct_greythin, .tct_greynotop, .tct_greynobottom, .tct_greynone
{
  background-color: #f3f3f3;
  padding: 45px calc((100% - 1150px) / 2);
}

.tct_greythin
{
  padding: 20px calc((100% - 1150px) / 2);
}

.tct_greynotop, .tct_greynone
{
  padding-top: 0;
}

.tct_greynobottom
{
  padding-bottom: 10px;
}

.tct_white, .tct_none
{
  background-color: #ffffff;
  padding: 45px calc((100% - 1150px) / 2);
}

.tct_tilebar
{
  background-color: #ffffff;
  padding: 10px calc((100% - 1150px) / 2);
}

.tct_none
{
  padding: 0;
  text-align: center;
}

.tct_footer
{
  background: linear-gradient(90deg, #169b6b, #2286c8);
  color: white;
  padding: 45px calc((100% - 1150px) / 2);
}