/*! USE: basedesign.css, widgets.css, controls.css, mobile.css, embeddedobjects.css
!*/

h1 a, h2 a, h3 a, h4 a
{
  color: #333333;
  text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover
{
  text-decoration: underline;
}

input:focus
{
  outline: none;
}

/* Color schemes are defined in colors.css */

.applyellipsis
{
  overflow: hidden;
}

/* Global page structure */
header#topnav
{
  height:34px;

  line-height:34px;
}
header#topnav #betatext
{
  font: 16px/22px "LinotypeUniversW02-Cn",Arial;
  color:#777777;
  padding:5px 0 0 20px;
}
header#topnav #betatext span.betapercentage
{
  color:#fedf4c;
  margin-right:10px;
  display: none;
}
header#topnav #betatext a
{
  padding:0;
  text-decoration: underline;
}
header#topnav #betatext a, header#topnav #betatext a:hover
{
  color:#777777;
}
header#topnav #betaline
{
  position:absolute;
  left:0;
  bottom:-1px;
  height:1px;
  z-index:21;
  background-color:#fedf4c;
}
header#topnav a
{
  text-decoration: none;
  color:#777777;
  display:inline-block;
  padding:0 20px;
  -webkit-transition: color 0.15s;
  transition: color 0.15s;
}
header#topnav nav#langlinks
{
  position:absolute;
  top:0;
  left:830px;
  width:200px;
  height:34px;
  line-height:34px;
  text-align:right;
  border-right:1px solid #333333;
}
header#topnav nav#langlinks a
{
  padding-left:0;
}
header#topnav form#searchbox
{
  position:absolute;
  top:0;
  left:1032px;
  display:block;
  background:url("../img/common/searchicon.png") 12px center no-repeat;
  height:34px;
  width:218px; /* 1250 - 1032 = 218 */
  cursor:pointer;
}
header#topnav form#searchbox input[type="search"]#topsearchinput /* this input is 140 + 2*20 + 2*2 wide = 184 */
{
  position:absolute;
  top:0;
  right:0;
  width:180px;
  height:34px;
  padding:0px 20px 0px !important;
  border:none !important;
  border-left:1px solid #333333 !important;
  border-right:1px solid #333333 !important;
  background:#111111;
  color:#ffffff;
  -webkit-appearance: none;
}
header#topnav form#searchbox input:placeholder
{
  color:#777777;
}

/* Navigation side bar */
#navsidebar /*UP*/
{
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  width:300px;
  background:#222222 url("../img/navsidebar/bg.png") top left repeat;
}
#navsidebar:after
{
  position:absolute;
  content:"";

  top:0;
  bottom:0;
  right:0;
  width:5px;
  background:#000000;
  opacity:0.3;
  pointer-events: none;
}

#navsidebar .utlogo
{
  display:block;
  padding:20px 0;
  margin:0 auto;
}

div.nav-sideitems a
{
  font: 16px/22px "LinotypeUniversW02-Cn", Arial, Helvetica, Sans-serif;
  color:#dce1e1;
  text-decoration:none;
  text-transform: uppercase;

  -webkit-transition: color 0.15s;
  transition: color 0.15s;
}
div.nav-sideitems a:active
{
  color:#ffffff !important;
}
div.nav-sideitems li
{
  background-color:#444444;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
}
div.nav-sideitems li:hover
{
  background-color:#333333;
}
div.nav-sideitems li.selected
{
  background-color:#ffffff !important; /* make sure :hover doesn't affect us */
}
div#navsidesubsholder.wh-scrollableview-canscroll-v:after
{
  content:"";
  display:block;
  position:absolute;
  height:33px;
  bottom:0;
  width:100%;
  background:url("../img/navsidebar/menubottomshadow.png") repeat-x bottom;
}

/* Top icons, general styling */
ul.nav-topicons
{
  list-style: none;
  padding:0;
  margin:0;
  background-color:#333333;
}
ul.nav-topicons:after
{
  content:"";
  clear:both;
  display:block;
}
ul.nav-topicons > li
{
  float:left;
  background-position: -3px -2px;
  background-repeat: no-repeat;
  width:60px;
  height:60px;
  background-color:#333333;
}
html:not(.mobile-menu-open) ul.nav-topicons > li:hover
{
  background-color:#222222; /* mouse over if part of breadcrumb */
}
ul.nav-topicons > li > a
{
  display:block;
  width:100%;
  height:100%;
}

ul.nav-topicons > *.education    { background-image: url("../img/navsidebar/education.png");    }
ul.nav-topicons > *.research     { background-image: url("../img/navsidebar/research.png");     }
ul.nav-topicons > *.organisation { background-image: url("../img/navsidebar/organisation.png"); }
ul.nav-topicons > *.network      { background-image: url("../img/navsidebar/network.png");      }
ul.nav-topicons > *.campus       { background-image: url("../img/navsidebar/campus.png");       }

ul.nav-topicons > *:active       { background-position:-3px -66px !important; }

ul.nav-topicons > *
{
  border-right:1px solid #222222;
}
ul.nav-topicons > * + * + * + * + * /*the fifth icon has no border */
{
  border-right:none;
}
ul.nav-topicons .nav-title
{
  display:none;
}

/* desktop version mouseover on icons */
ul.nav-topicons > li a
{
  position:relative;
}
ul.nav-topicons > li .nav-title
{
  font: normal 16px/20px "LinotypeUniversW02-Cn", Arial;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 0;
  left: 60px;
  width: 120px;
  padding: 20px 0;
  height: 60px;
}
ul.nav-topicons > li.organisation .nav-title
{
  left:auto;
  right:60px;
}
ul.nav-topicons > li.network .nav-title
{
  left:auto;
  right:60px;
}
ul.nav-topicons > li.campus .nav-title
{
  left:auto;
  right:60px;
}
html:not(.mobile-menu-open) ul.nav-topicons > li:hover .nav-title
{
  display:block;
}

/* Top icons, toplevel homepage overrides */
ul.nav-topicons.expand > li
{
  float: none;
  display:block;
  width:auto;
  border-left:none;
  border-bottom:1px solid #222222;
  background-color:#444444;
  background-position:-3px -66px;
}
ul.nav-topicons.expand > li:hover
{
  background-color:#333333; /* mouse over if not part of breadcrumb */
}
ul.nav-topicons.expand span.nav-title
{
  display:inline-block;

  margin-left:60px;
  border-left: 1px solid #222222;

  line-height:38px;
  padding: 11px 19px 11px 19px;
}

/* Nav side items: Tree and deeper links */
div.nav-sideitems ul
{
  list-style:none;
  margin:0;
  padding:0;
}
div.nav-sideitems ul.nav-tree
{
  margin-bottom:5px;
}
div.nav-sideitems ul li
{
  border-top:1px solid #222222;
}
html:not(.toplangroot) div.nav-sideitems ul.nav-topicons li
{
  border-top:none;
}

div.nav-sideitems ul a
{
  display:block;
  margin:0;
  padding: 11px 26px 11px 19px;
/*
  line-height:21px;
  background: #333333;

  text-decoration:none;
  color:#dce1e1;

  text-overflow: ellipsis;
  overflow:hidden;*/
}

#nav-menu
{
  position: relative;
  min-height:100%;
}
#nav-menu.haslanglinks > .languages
{
  position: absolute;
  bottom: 15px;
  left: 15px;
  display: none;
}
#nav-menu > .languages > a
{
  text-decoration: none;
  display: inline-block;
  color: #555;
  margin-right: 4px;
}

@media (max-width:959px)
{
  #nav-menu.haslanglinks
  {
    padding-bottom: 60px;
  }
  #nav-menu.haslanglinks > .languages
  {
    display: block;
  }

  ul.nav-topicons.expand > li
  {
    border-bottom: 0 none;
  }
  ul.nav-topicons.expand > li li + li
  {
    border-top: 0 none;
  }
  ul.nav-topicons.expand > li span.nav-title
  {
    text-align: left;
    left: 0 !important;
    right: auto !important;
    background-color: transparent !important;
  }
  html.scheme1 ul.nav-topicons.expand > li a:hover span.nav-title
  {
    color: #d7546e;
  }
  html.scheme2 ul.nav-topicons.expand > li a:hover span.nav-title
  {
    color: #f2a252;
  }
  html.scheme3 ul.nav-topicons.expand > li a:hover span.nav-title
  {
    color: #78ba71;
  }
  html.scheme4 ul.nav-topicons.expand > li a:hover span.nav-title
  {
    color: #4cb4ca;
  }
  html.scheme5 ul.nav-topicons.expand > li a:hover span.nav-title
  {
    color: #836ca5;
  }
  html.scheme1 ul.nav-topicons.expand
  {
    border-bottom: 3px solid #d7546e;
  }
  html.scheme2 ul.nav-topicons.expand
  {
    border-bottom: 3px solid #f2a252;
  }
  html.scheme3 ul.nav-topicons.expand
  {
    border-bottom: 3px solid #78ba71;
  }
  html.scheme4 ul.nav-topicons.expand
  {
    border-bottom: 3px solid #4cb4ca;
  }
  html.scheme5 ul.nav-topicons.expand
  {
    border-bottom: 3px solid #836ca5;
  }
}


/* Tree specific */
ul.nav-history
{
  margin-bottom:5px;
}
ul.nav-tree > li
{
  background-color:#333333;
}

ul.nav-tree > li:hover
{
  background-color:#222222; /* mouse over if part of breadcrumb */
}
ul.nav-tree > li.last
{
  margin-top:5px;
}

ul.nav-tree > li > a > img.star
{
  display: inline-block;
  margin-left: 10px;
}


/* Deeper specific */
ul.nav-subs > li.isfolder
{
  position:relative;
}
ul.nav-subs > li.isfolder:after
{
  content:"";
  width:64px;
  height:64px;
  position:absolute;
  right:0px;
  top:50%;
  background:url(../img/common/16-arrow_right.png) no-repeat 8px -74px;
  pointer-events: none;
  margin-top:-22px;
}
ul.nav-subs > li.selected.isfolder:after
{
  background:none;
}

/* Extra specific items. Paint the line only if we're following ul.nav-subs, otherwise the line gets too thick (homepage) */
ul.nav-subs + ul.nav-extra
{
  border-top-width:2px;
  border-top-style:solid;
}
div.nav-menu ul.nav-extra li
{
  background:#222222;
  border-color:#333333;
}
div.nav-menu ul.nav-extra li a
{
  font:15px Arial;
  text-transform: none;
  color:#777777;
}

/* Coloring per schema */
html.scheme1:not(.mobile-menu-open) div.nav-menu li:hover a
, html.scheme1 div.nav-tree a             { color:#d7546e; }
html.scheme2:not(.mobile-menu-open) div.nav-menu li:hover a
, html.scheme2 div.nav-tree a             { color:#f2a252; }
html.scheme3:not(.mobile-menu-open) div.nav-menu li:hover a
, html.scheme3 div.nav-tree a             { color:#78ba71; }
html.scheme4:not(.mobile-menu-open) div.nav-menu li:hover a
, html.scheme4 div.nav-tree a             { color:#4cb4ca; }
html.scheme5:not(.mobile-menu-open) div.nav-menu li:hover a
, html.scheme5 div.nav-tree a             { color:#836ca5; }

  html.scheme1 div.nav-menu li.selected a
, html.scheme1 div.nav-menu li.selected a:hover
{ color:#c60c30 !important; }
  html.scheme2 div.nav-menu li.selected a
, html.scheme2 div.nav-menu li.selected a:hover
{ color:#ec7a08 !important; }
  html.scheme3 div.nav-menu li.selected a
, html.scheme3 div.nav-menu li.selected a:hover
{ color:#3f9c35 !important; }
  html.scheme4 div.nav-menu li.selected a
, html.scheme4 div.nav-menu li.selected a:hover
{ color:#0094b3 !important; }
  html.scheme5 div.nav-menu li.selected a
, html.scheme5 div.nav-menu li.selected a:hover
{ color:#4f2d7f !important; }

html.scheme1:not(.mobile-menu-open) ul.nav-topicons > li:hover
, html.scheme1 ul.nav-topicons > li.open { background-position:-3px -450px; }
html.scheme2:not(.mobile-menu-open) ul.nav-topicons > li:hover
, html.scheme2 ul.nav-topicons > li.open { background-position:-3px -514px; }
html.scheme3:not(.mobile-menu-open) ul.nav-topicons > li:hover
, html.scheme3 ul.nav-topicons > li.open { background-position:-3px -578px; }
html.scheme4:not(.mobile-menu-open) ul.nav-topicons > li:hover
, html.scheme4 ul.nav-topicons > li.open { background-position:-3px -642px; }
html.scheme5:not(.mobile-menu-open) ul.nav-topicons > li:hover
, html.scheme5 ul.nav-topicons > li.open { background-position:-3px -706px; }

html.scheme1 ul.nav-topicons > li.selected { background-position:-3px -130px; }
html.scheme2 ul.nav-topicons > li.selected { background-position:-3px -194px; }
html.scheme3 ul.nav-topicons > li.selected { background-position:-3px -258px; }
html.scheme4 ul.nav-topicons > li.selected { background-position:-3px -322px; }
html.scheme5 ul.nav-topicons > li.selected { background-position:-3px -386px; }

html.scheme1 ul.nav-topicons > li:active
, html.scheme1 #navsidebar ul > li:active  { background-color:#d7546e; }
html.scheme2 ul.nav-topicons > li:active
, html.scheme2 #navsidebar ul > li:active  { background-color:#f2a252; }
html.scheme3 ul.nav-topicons > li:active
, html.scheme3 #navsidebar ul > li:active  { background-color:#78ba71; }
html.scheme4 ul.nav-topicons > li:active
, html.scheme4 #navsidebar ul > li:active  { background-color:#4cb4ca; }
html.scheme5 ul.nav-topicons > li:active
, html.scheme5 #navsidebar ul > li:active  { background-color:#836ca5; }

#navsidebar ul > li:active span.nav-title { color:#fff; }

html.scheme1 ul#navsidesubs > li.isfolder:hover:after { background-position:8px -266px; }
html.scheme2 ul#navsidesubs > li.isfolder:hover:after { background-position:8px -458px; }
html.scheme3 ul#navsidesubs > li.isfolder:hover:after { background-position:8px -650px; }
html.scheme4 ul#navsidesubs > li.isfolder:hover:after { background-position:8px -842px; }
html.scheme5 ul#navsidesubs > li.isfolder:hover:after { background-position:8px -1034px; }

ul#navsidesubs > li.isfolder:active:after { background-position:8px -10px !important;}


/* ===================== barrier 2 ====================


ul.nav-topicons > *.selected
{
  background-color:#000000;
}
ul.nav-topicons > *.open:hover
{
  background-color:#222222;
}

uldiv.nav-tree a, ul#navsidesubs a
{
  display:block;
  margin:0;
  line-height:21px;
  background: #333333;

  padding: 11px 19px 11px 19px;
  text-decoration:none;
  color:#dce1e1;

  text-overflow: ellipsis;
  overflow:hidden;
}
uldiv.nav-tree a
{
  background:#333333;
}
uldiv.nav-tree a:hover
{
  background:#222222;
}
ul#navsidesubs a
{
  background:#444444;
}


/* at toplevel: vertical, extra texts, no margin below
*/





/* == barrier. old .nav-topicons ==
html.toplangroot div.nav-topicons > *:hover
{
  background-color:#333333;
}
div.nav-topicons a:active
{
  color: #ffffff !important;
}

div.nav-topicons > *.selected
{
  background-color:#ffffff;
}
div#navsideitems
{
  float:left;
  width:100%;
}

html.toplangroot div#navsideitems
{
  display:none;
}
ul#navsidetree
{
  text-align:left;
  vertical-align: top;
  margin-bottom:5px;
}
ul#navsidetree li, ul#navsidesubs li
{
  border-top:1px solid #222222;
  content:"";
  display:block;
}

/*
ul#navsidetree li + li + li a:hover
{
  background-color: #f3d7cb;
}
div#navsidesubsholder
{
  width:100%;
}
ul#navsidesubs a
{
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
ul#navsidesubs a:hover
{
  color: #333333 !important;
}

.nav-topicons a
{
  -webkit-transition: color 0.15s, background-color 0.15s;
  transition: color 0.15s, background-color 0.15s;
}
ul#navsidesubs .selected a
{
  background:#ffffff;
  color:#000000;
}

*/

html:not(.toplangroot) div#contentarea
{
  margin: 0 0 0 300px;
}
@media (max-width:959px)
{
  html:not(.toplangroot) div#contentarea
  {
    margin: 0;
  }
}

div#contentarealeftshadow
{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:rgba(0,0,0,.15);
}


div#sitelabel
{
  position:absolute;
  right:100%;
  top:0;
  padding:0 15px;
  line-height:32px;
  border-top-width: 3px;
  border-top-style: solid;
  min-width:122px;
  z-index:9;
  text-align:center;

  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: top right;
  -ms-transform: rotate(270deg);
  -ms-transform-origin: top right;
  transform: rotate(270deg);
  transform-origin: top right;
}
  html.vintage-ie div#sitelabel
, html.fluid-design div#sitelabel
{
  display:none;
}



div#photosheader
{
  position: relative;
}
div#photosheader .headertitle .linkarrow
{
  position:relative;
}
div#photosheader .headertitle .linkarrow:after
{
  content:"";
  position:absolute;
  background: url("../img/common/24-arrow-right.png") no-repeat -16px -16px;
  width:32px;
  height:32px;
  /* bottom:11px; */
  left:10px;
}

/* Content */
@media (max-width: 1279px)
{
  div#contentheader
  {
    max-width:620px;
  }
  #contentbody
  {
    max-width:640px;
  }
}

/* UT scrollbar */
.wh-scroller-vertical
{
  right:7px;
  height:30%;
  background:#7f7f7f;
  background:rgba(32,32,32,.2);
  width:5px;
  border-radius:5px;
  margin: 10px 0;
  z-index:2;

  opacity:0;
  -webkit-transition:opacity 300ms;
  transition:opacity 300ms;
  display:none;
}
#nav-side-menu .wh-scroller-vertical
{
  background:rgba(255,255,255,.2);
}
.wh-scrollableview-canscroll-v .wh-scroller-vertical
{
  display:block;
}
.wh-scrollableview:hover .wh-scroller-vertical
{
  opacity:1;
}

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

   Non-wide site

html.col2 header#topnav nav#langlinks
{
  left:510px;
}
html.fluid-design header#topnav nav#langlinks
{
  left:auto;
  right:229px;
}
html.col2 header#topnav form#searchbox
{
  left:712px;
}
html.fluid-design header#topnav form#searchbox
{
  left:auto;
  right:10px;
}
html.col2 nav#footerlinks
{
  padding-left:10px;
}
html.col2 nav#footerlinks ul
{
  width:180px;
}
html.col2 nav#footerlinks ul + ul
{
  margin-left:5px;
}*/


/* actions like 'reset all filters' */
.bodyblock .action
{
  text-decoration: underline;
  cursor: pointer;
}

/* ----------------------------------------------------------------------
   RTD specific
*/
html.wh-rtd-editor
{
  color:#000000;
}
.wh-rtd-editor p.contenttab:before
{
  content: "Tab> ";
  color:#666666;
}
.wh-rtd-editor p.contenttab
{
  margin:16px 0;
  border-bottom:1px solid #222222;
}

.wh-rtd-editor p.embeddedcontent
{
  position:relative;
  background-color:#dddddd;
  padding:4px;
  border:1px solid #bbbbbb;
  margin: 16px 0;
}
.wh-rtd-editor p.embeddedcontent:after
{
  position:absolute;
  bottom:0;
  right:2px;
  font-size:9px;
  font-style:italic;
  content:"Embedded content";
}

html.ws2013 .applylinkbgtoggle a[href]:hover
{
  text-decoration: none;
}

/* ----------------------------------------------------------------------
   Homepage
*/
html.toplangroot #navsidebar
{
  display:none;
}

header#homepageheader
{
  height:80px;
  background:#f5faff;
  position: relative;
}

header#homepageheader .sectionicons
{
  width:940px;
  height: 100%;
  margin:0 auto;
}
header#homepageheader .sectionicons:after
{
  clear: both;
  content: '';
  display: block;
}
header#homepageheader .utlogo
{
  margin-top: 29px;
  height: 21px;
  display: inline-block;
  float: left;
}
header#homepageheader .sitesections
{
  float: right;
  display: inline-block;
  white-space: nowrap;
  height: 100%;
}
header#homepageheader .sitesections a
{
  color: #555;
  font: normal 14px/38px "LinotypeUniversW02-Cn",Arial;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  padding: 22px 0;
}
header#homepageheader .sitesections a + a
{
  margin-left: 10px;
}
header#homepageheader .sitesections a .image
{
  float: left;
  margin-right: 10px;
}
header#homepageheader #sitesections_foldout
{
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 0;
  background-color: rgba(34, 34, 34, 0.95);
  transition: height 0.2s;
  z-index: 10;
}
header#homepageheader .sections_foldoutholder
{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
header#homepageheader .section_foldout
{
  width: 940px;
  margin: 50px auto;
  display: none;
  overflow: hidden;
  position: relative;
  /*border: 1px dashed fuchsia;*/
}
header#homepageheader .section_foldout:after
{
  clear: both;
  content: '';
  display: block;
}
header#homepageheader .section_foldout.active
{
  display: block;
}
header#homepageheader .section_foldout .foldoutnav
{
  width: 320px;
  float: left;
  padding-right: 20px;
}
  header#homepageheader .section_foldout .foldoutnav a
, header#homepageheader .section_foldout .foldoutnav.quicklinks strong
{
  font: normal 16px/24px "LinotypeUniversW02-Cn",Arial;
  color: #aaaaaa;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
  margin-bottom: 15px;
  transition: color 0.15s;
}
header#homepageheader .section_foldout .quicklinks a
{
  text-transform: none!important;
  font-size: 13px;
}
header#homepageheader .section_foldout .foldoutnav a:hover
{
  color: #ffffff;
}
header#homepageheader .section_foldout .teaser
{
  width: 300px;
  float: right;
}
header#homepageheader .section_foldout .teaser .video
{
  position: relative;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  background-color: #333333;
  margin-bottom: 20px;
}
header#homepageheader .section_foldout .teaser .image
{
  margin-bottom: 20px;
}
header#homepageheader .section_foldout .teaser .video:after
{
  display: block;
  content: '';
  padding-top: 56.25%;
}

header#homepageheader .section_foldout .teaser .video > .preview
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
header#homepageheader .section_foldout .teaser .video .playbtn
{
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  border-radius: 20px;
  background-color: rgba(34,34,34,0.8);
}
header#homepageheader .section_foldout .teaser .video .playbtn .arrow
{
  border-top: 9px solid transparent;
  border-left: 12px solid #fff;
  border-bottom: 9px solid transparent;
  position: absolute;
  top: 11px;
  left: 16px;
  border-radius: 3px;
}
header#homepageheader .section_foldout .teaser .title
{
  margin: 0 0 15px;
  font: normal 20px/24px "LinotypeUniversW02-Cn",Arial;
  text-transform: uppercase;
}
header#homepageheader .section_foldout .teaser .rtd
{
  margin: 0 20px 15px 0;
  color: #777777;
}
header#homepageheader .section_foldout .teaser .rtd a
{
  color: #777777;
}

/* CTA header mobile */
#mobilectaheader
{
  display: none;
  position: relative;
}
#mobilectaheader > img
{
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
#mobilectaheader .btnholder
{
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  text-align: center;
}
#mobilectaheader .btnholder a
{
  text-decoration: none;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  padding: 10px 20px;
  border: 2px solid #fff;
  font: normal 20px/20px "LinotypeUniversW02-Cn",Arial;
}

@media (max-width:959px)
{
  #mobilectaheader
  {
    display: block;
  }
  .portraitimage
  {
    display: none;
  }
  .landscapeimage
  {
    display: block;
  }
}
@media (max-width:320px)
{
  .portraitimage
  {
    display: block;
  }
  .landscapeimage
  {
    display: none;
  }
}