html {
   overflow-y:scroll;
}

body {
   margin:0px;
   padding:0px;
   background-image:url('/images/tmus-background.png');
   background-repeat:repeat;
   font-family:"Libre Baskerville",serif;
   font-size:12pt;
}

#container {
   width:980px;
   min-height:600px;
   margin-top:0px;
   margin-left:auto;
   margin-right:auto;
   margin-bottom:5px;
   padding:0px;
   border-left:1px solid #000000;
   border-right:1px solid #000000;
   border-bottom:1px solid #000000;
   background-color:#F0F0F0;
}

#navigation {
   margin:0px;
   padding:0px;
}

#menu-toggle {
   display:none;
}

ul#menu {
   list-style:none;
   margin:0px;
   padding:10px;
   background-color:#E0C266;
}

#menu li {
   display:inline;
   margin-left:20px;
   text-transform:uppercase;
   font-size:70%;
   font-family:"Allerta",sans-serif;
   font-weight:bold;
   letter-spacing:2px;
}

#menu a:link, #menu a:visited {
   text-decoration:none;
   color:#FFFFFF;
}

#menu a:hover {
   text-decoration:none;
   color:#909090;
}

#menu li.active a:link, #menu li.active a:visited {
   color:#909090;
}

ul#path {
   list-style:none;
   margin:0px;
   padding-top:5px;
   padding-bottom:7px;
   padding-left:25px;
   padding-right:0px;
   background-color:#CAAF5C;
}

#path li {
   display:inline;
   margin-left:5px;
   text-transform:uppercase;
   font-size:50%;
   font-family:"Allerta",sans-serif;
   font-weight:bold;
   letter-spacing:1px;
}

#path li:after {
   content:" >>";
}

#header {
   margin:0px;
   padding-top:20px;
   padding-left:10px;
   padding-right:10px;
   padding-bottom:30px;
   background-color:#CC9900;
}

#logo {
   float:left;
   background-color:#CAAF5C;
   border-radius:8px;
   margin-right:10px;
}

#logo img {
   margin-left:5px;
   margin-top:5px;
}

h1 {
   letter-spacing:2px;
   font-size:18pt;
   text-transform:uppercase;
   color:#FFFFFF;
   margin:0px;
   padding:0px;
}

#subtitle {
   font-style:italic;
   font-size:10pt;
}

#sign-in {
   float:right;
}

#sign-in-link {
   display:none;
}

#sign-in label {
   font-size:65%;
   font-family:sans-serif;
}

#sign-in input {
   font-size:75%;
   font-family:monospace;
   width:100px;
   border:1px solid #505050;
   color:#202020;
}

#sign-in button {
   border:1px solid #505050;
   background-color:#303030;
   color:#FFFFFF;
   font-size:65%;
}

#body {
   width:980px;
   min-height:400px;
   margin:0px;
   padding:0px;
   font-size:11pt;
}

#content {
   width:675px;
   min-height:400px;
   float:left;
   margin:0px;
   padding-left:40px;
   padding-right:15px;
   background-color:#FFFFFF;
}

#right {
   width:250px;
   float:right;
   margin:0px;
   padding:0px;
}

@media screen and (max-width:980px) {
   html {
      overflow-y:auto;
   }

   #container {
      width:95%;
      margin-top:0px;
      margin-left:auto;
      margin-right:auto;
      margin-bottom:5px;
      padding:0px;
      border-left:1px solid #000000;
      border-right:1px solid #000000;
      border-bottom:1px solid #000000;
      background-color:#F0F0F0;
   }

   #header {
      margin:0px;
      padding-top:20px;
      padding-left:3%;
      padding-right:4%;
      padding-bottom:30px;
   }

   #body {
      width:100%;
      margin:0px;
      padding:0px;
      font-size:11pt;
   }

   #content {
      width:67%;
      float:left;
      margin:0px;
      padding-left:3%;
      padding-right:2%;
      background-color:#FFFFFF;
   }

   #right {
      width:28%;
      float:right;
      margin:0px;
      padding:0px;
   }
}

@media screen and (max-width:650px) {
   html {
      overflow-y:auto;
   }

   #container {
      width:100%;
      margin-top:0px;
      margin-left:0px;
      margin-right:0px;
      margin-bottom:5px;
      padding:0px;
      border:none;
      background-color:#F0F0F0;
   }

   #header {
      margin:0px;
      padding-top:5%;
      padding-left:3%;
      padding-right:4%;
      padding-bottom:8%;
   }

   h1 {
      letter-spacing:1px;
      font-size:120%;
   }

   #subtitle {
      font-size:60%;
   }

   #sign-in {
      display:none;
   }

   #sign-in-link {
      display:block;
      float:right;
   }

   #sign-in-link button {
      border:1px solid #505050;
      background-color:#303030;
      color:#FFFFFF;
      font-size:75%;
   }

   #menu-toggle {
      display:block;
      margin:0px;
      padding:10px;
      background-color:#E0C266;
   }

   #menu li {
      display:block;
      margin-bottom:5px;
   }

   #body {
      width:100%;
      margin:0px;
      padding:0px;
      font-size:11pt;
   }

   #content {
      width:93%;
      margin:0px;
      padding-left:3%;
      padding-right:4%;
      background-color:#FFFFFF;
   }

   #right {
      display:none;
      /*
      width:100%
      margin:0px;
      padding:0px;
      */
   }

   #affiliates ul {
      white-space:nowrap;
      overflow-x:scroll;
   }

   video {
      width:300px;
      height:auto;
   }
}

@media print {
   html {
      overflow-y:auto;
   }

   #container {
      width:100%;
      margin-top:0px;
      margin-left:0px;
      margin-right:0px;
      margin-bottom:5px;
      padding:0px;
      border:none;
      background-color:#F0F0F0;
   }

   #header {
      display:none;
   }

   #navigation {
      display:none;
   }

   #body {
      width:100%;
      margin:0px;
      padding:0px;
      font-size:10pt;
   }

   #content {
      width:93%;
      margin:0px;
      background-color:#FFFFFF;
   }

   a {
      color:#000000;
      text-decoration:underline;
   }

   #right {
      display:none;
   }

   #footer {
      display:none;
   }

   video {
      display:none;
   }

   .social-buttons {
      display:none;
   }

   #post-comment {
      display:none;
   }

   .non-printing {
      display:none;
   }
}

h2 {
   text-transform:uppercase;
   font-size:13pt;
   font-family:"Allerta",sans-serif;
   font-weight:bold;
   letter-spacing:1px;
}

#sub-menu {
   margin:0px;
   padding-top:15px;
   padding-left:0px;
   padding-right:5px;
   padding-bottom:15px;
   text-transform:uppercase;
   font-size:70%;
   font-family:"Allerta",sans-serif;
   font-weight:bold;
   list-style:none;
}

#sub-menu li {
   margin-left:15px;
   margin-bottom:10px;
}

#sub-menu a:link, #sub-menu a:visited {
   text-decoration:none;
   color:#303030;
}

#sub-menu a:hover {
   text-decoration:none;
   color:#909090;
}

#sub-menu li.active a:link, #sub-menu li.active a:visited {
   color:#909090;
}

#content p {
   text-align:justify;
}

#content dt {
   font-weight:bold;
}

#content dd {
   margin-bottom:15px;
   text-align:justify;
}

.news-article ul li {
   margin-bottom:8px;
}

.person-meta {
   float:right;
   margin-top:0px;
   margin-left:15px;
   margin-right:5px;
   padding:10px;
   border:2px dotted #D0D0D0;
}

.person-meta dt {
   font-family:"Allerta",sans-serif;
   font-weight:bold;
   text-transform:uppercase;
   font-size:85%;
}

.post-meta {
   margin-top:10px;
   font-size:85%;
   font-style:italic;
   color:#505050;
}

.tags {
   margin-bottom:12px;
}

.tag {
   margin:3px;
   padding-top:2px;
   padding-bottom:2px;
   padding-left:5px;
   padding-right:5px;
   border-radius:3px;
   background-color:#E0C266;
   font-size:65%;
   font-family:"Allerta",sans-serif;
   text-transform:lowercase;
}

.tag a:link, .tag a:visited {
   text-decoration:none;
   color:#000000;
}

.comment {
   font-size:90%;
   margin-left:25px;
}

.comment-meta {
   font-weight:bold;
}

.comment-body {
   background-color:#FFFFCC;
   margin:5px;
   padding:10px;
}

#post-comment input {
   width:300px;
   border:1px solid #000000;
   padding:2px;
   font-size:80%;
}

.field {
   margin-bottom:10px;
}

.social-buttons {
   margin-top:10px;
   float:right;
}

#post-comment textarea {
   height:200px;
   width:500px;
   border:1px solid #C0C0C0;
   padding:5px;
   font-size:80%;
}

#post-comment label {
   margin-bottom:10px;
   margin-right:20px;
   font-family:"Allerta",sans-serif;
   font-weight:bold;
   text-transform:uppercase;
   font-size:85%;
}

.acknowledge-comment {
   background-color:#CCFF99;
   font-family:"Allerta",sans-serif;
   font-size:85%;
   padding:15px;
   margin:10px;
   border:1px solid #000000;
   border-radius:15px;
}

.comment-failed {
   background-color:#FF8566;
   font-family:"Allerta",sans-serif;
   font-size:85%;
   padding:15px;
   margin:10px;
   border:1px solid #000000;
   border-radius:15px;
}

.events-list {
   list-style:none;
   margin-left:0px;
   margin-right:20px;
   padding:0px;
}

.events-list li {
   background-color:#f0d276;
   border:1px solid #808080;
   border-radius:15px;
   padding:15px;
   margin-bottom:15px;
}
   
.cal-field-name {
   font-weight:bold;
}

.syn-field-name {
   font-weight:bold;
}

.document-meta table {
   border-collapse:collapse;
   border:1px solid #000000;
   margin-bottom:10px;
   border-radius:10px;
   -moz-border-radius:10px;
}

.document-meta td {
   border-left:1px solid #000000;
   border-top:1px solid #000000;
   padding:2px;
}

.document-meta .header {
   font-family:"Allerta",sans-serif;
   font-size:75%;
   font-weight:bold;
   text-transform:uppercase;
   background-color:#E0C266;
}

.document-meta .value {
   font-size:85%;
   background-color:#F0F0F0;
}

.document-title {
   font-weight:bold;
   background-color:#CC9900;
}

.video {
   display:inline-block;
   margin:5px;
   padding:15px;
   border:2px solid #CAAF5C;
   border-radius:5px;
   -moz-border-radius:5px;
   background-color:#E0C266;
}

.publication {
  margin-bottom:10px;
}

.publication-resources {
   font-family:"Allerta",sans-serif;
   text-transform:uppercase;
   font-size:75%;
}

.publication-resources a:link, .publication-resources a:visited {
   text-decoration:none;
   font-weight:bold;
}

.img-caption {
   font-size:80%;
   font-family:"Allerta",sans-serif;
   font-weight:bold;
}

#footer {
   margin:0px;
   padding:5px;
   background-color:#E0C266;
   clear:both;
}

#affiliates ul {
   list-style:none;
   padding:0px;
}

#affiliates li {
   display:inline;
   margin-left:40px;
}

#copyright {
   text-align:center;
   font-size:75%;
   color:#808080;
}

.page-footer {
   text-align:center;
   font-size:75%;
   color:#808080;
   font-family:"Allerta",sans-serif;
}

#dlfm-page-style p {
   text-align:left;
}

.programme td {
   vertical-align:top;
}

tr.row-head {
   margin-bottom:5px;
   background-color:#F0F0F0;
}

td.time {
   font-weight:bold;
   font-size:85%;
   font-family:"Allerta",sans-serif;
}

td.paper-title {
   font-style:italic;
}

td.session-title {
   font-style:italic;
}

td.paper-type {
   font-size:75%;
   font-family:"Allerta",sans-serif;
   color:#808080;
}

#dhoxss2015-timetable td {
   vertical-align:top;
}

#msfap-timetable td {
   vertical-align:top;
}