body{
  font-family:Helvetica;  
  background:#111;
  margin:0px;
  -webkit-user-select:none;
  -webkit-tap-highlight-color:transparent;
  -webkit-transform-origin:top left;
}
a{
  text-decoration:none;
  color:inherit;
}
button{
  font-family:inherit;
  padding:0px;
  border:none;
  background-color:transparent;
  font-weight:bold;
  color:inherit;
  margin:0px;
}
input{
  background-color:transparent;
  outline:none;
  border:0px;
  margin:0px;
  font-family:inherit;
  -webkit-user-select:all;
  -webkit-appearance:none;
/*  pointer-events:none;*/
}
input::-webkit-input-placeholder {
  color:gray;
}

/* log */
div#log{
  pointer-events:none;
  position:absolute;
  top:0px;
  left:0px;
  bottom:0px;
  right:0px;
  color:green;
  z-index:10;
  -webkit-text-size-adjust:100%;
/*  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1);*/
  font-size:12px;
}

/* Beans */
div#beans{
  width:0px;
  height:0px;
}

/* Navigation */
nav{
  position:absolute;
  bottom:0px;
  z-index:3;
  background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#111));
}
nav button{
  opacity:0.6;
  color:white;
  width:76px;
  padding-top:31px;
  height:44px;
  font-size:10px;
  margin:2px;
  background:url(/images/menu.png);
  background-position:-2px 0px;
  border-radius:5px;
}
nav button:nth-child(2){
  background-position:-82px 0px;
}
nav button:nth-child(3){
  background-position:-162px 0px;
}
nav button:nth-last-child(1){
  background-position:-242px 0px;
}
nav button.selected{
  background-color:rgba(255,255,255,0.10);
  -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,1);
  opacity:1;
}
/*nav.active button.selected{
  background-color:rgba(255,255,255,0.0);
  -webkit-box-shadow:none;
  opacity:0.6;
}
nav.active button.active{
  background-color:rgba(255,255,255,0.10);
  opacity:1;
  -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,1);
}*/

/* Scroll */
div.scroll.x,
div.scroll.bar{
  -webkit-perspective:1;  
}
div.scroll.x{
  position:relative;
}
div.scroll.bar{
  position:absolute;
  overflow:hidden;
  top:0px;
  left:0px;
}

/* Keyboard */
div.scroll.x input{
  pointer-events:none;
}
body.keyboard div.scroll.x input{
  pointer-events:all;
}
body.keyboard nav{
  display:none;
}
body.keyboard div.body{
  height:1000px;
}

/* Application */
div#application{
  position:absolute;
  
  bottom:0px;
  top:0px;
  left:0px;
  right:0px;
  max-width:320px;
  overflow:hidden;
}
div#application > div{
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom:48px;
/*  max-height:460px;*/
}
div#application.notouch{
  max-height:460px;
}
/*@media screen and (orientation:landscape){
  div#application{
    width:960px;
  }
  div#map,
  div#friends,
  div#info{
    width:960px;
    height:600px;
  }
}*/
/*@media screen and (orientation:portrait){
}*/

/* View */
div.view{
  position:absolute;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  height:inherit;
}
div.view div,
div.view div.header button{
  -webkit-transition-property:opacity,-webkit-transform;
  -webkit-transition-timing-function:ease-in-out;
  -webkit-transition-duration:0.3s;
}

div.view div.header{
  color:white;
  position:absolute;
  width:inherit;
  top:0px;
  left:0px;
  right:0px;
  text-align:center;
  height:42px;
  border-bottom:1px solid rgba(0,0,0,1);
  border-top:1px solid #5d5d5d;
  -webkit-perspective:1;  
}
div.view div.header button{
  position:absolute;
  text-shadow:rgba(0,0,0,1) 0px -1px 0px;  
  font-size:12px;
  padding:0px 4px;
  height:30px;
  top:6px;
  border-width: 0 5px 0 5px;
  -webkit-border-image: url(/images/button.png) 0 5 0 5;
}
div.view div.header button.active{
  -webkit-border-image: url(/images/button_active.png) 0 5 0 5;
}
div.view div.header button.back{
  padding-left:0px;
  left:3px;
  border-width: 0 5px 0 13px;
  -webkit-border-image: url(/images/button_back.png) 0 5 0 13;
}
div.view div.header button.back.active{
  -webkit-border-image: url(/images/button_back_active.png) 0 5 0 13;
}

div.view div.header button.cancel{
  left:6px;
}
div.view div.header button.save,
div.view div.header button.edit{
  right:6px;
}
div.view div.header button.save,
div.view div.header button.cancel,
div.view div.header button.edit{
  min-width:88px;
}
div.view div.header button.title{
  position:static;
  height:42px;
  font-size:20px;
  background:none;
  border:none;
  -webkit-border-image:none;
  -webkit-box-shadow:none;
}
div.view div.header button.title.active{
  background-color:rgba(0,0,0,0);  
}
div.view.next div.header button,
div.view.prev div.header button{
  opacity: 0;
}
div.view.next div.header button.back,
div.view.next div.header button.title{
  -webkit-transform: translateX(110px);
}
div.view.prev div.header button.back,
div.view.prev div.header button.title{
  -webkit-transform: translateX(-110px);
}
div.view div.header button.save,
div.view div.header button.cancel,
div.view.edit div.header button.back,
div.view.edit div.header button.edit,
div.view.init div.header button.edit{
  display:none;
}
div.view.edit div.header button.save,
div.view.init div.header button.save,
div.view.edit div.header button.cancel{
  display:block;
}

div.view div.body{
  position:absolute;
  top:44px;
  left:0px;
  right:0px;
  bottom:0px;
  background-color:#d5d5d5;
  overflow:hidden;
  -webkit-background-size: 7px 1px;
  background-position: -2px 0px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(0.285, rgba(255,255,255,0)), color-stop(0.285, rgba(0,0,0,0.03)), to(rgba(0,0,0,0.03)));
/*  background-image: -webkit-gradient(linear, left top, right top, from(#cbd2d8), color-stop(0.285, #cbd2d8), color-stop(0.285, #c5ccd4), to(#c5ccd4));*/
}
div.view.next div.body{
  -webkit-transform: translateX(320px);
}
div.view.prev div.body{
  -webkit-transform: translateX(-320px);
}
div.view div.body button{
  font-size:18px;
  text-align:left;
  height:44px;
  padding:0px 10px;
  background:url(/images/arrow.png) no-repeat;
  background-position:96.5% 14px;
  background-color:white;
}
div.view div.body button.active,
div.view div.body button.selected{
  background:url(/images/arrow_active.png) no-repeat;
  background-position:96.5% 14px;
  background-color:#007ff2;
  color:white;
}
div.view div.body button.list{
  -webkit-perspective:1;
  width:320px;
  border-bottom:1px solid #ddd;
  -webkit-border-radius:0px;
}
div.view div.body button.list:nth-child(1){
  border-top:1px solid #ddd;
  margin-top:-1px;
  height:44px;
}
div.view div.body button.rounded{
  border:1px solid #999;
  width:302px;
  margin:10px 9px 0px 9px;
  -webkit-border-radius:10px;
}
div.view div.body button.rounded.active,
div.view div.body button.rounded.selected{
  border:1px solid #999;
}
div.view.transition div.body button{
  -webkit-transition:all 0.3s linear !important;
}

/* Form*/
form div.controls{
  padding:10px 0px;
}
form div.input,
form div.weblink{
  position:relative;
  background:white;
  margin:0px 9px;
  border:1px solid #999;
  -webkit-border-radius:0px;
}
form div.box div.weblink.active{
  background-color:#007ff2;
}
form div.box div.weblink.active span{
  color:white;
}
div.init form div.input,
div.edit form div.input{
  border:1px dashed #999;
}
form div.input input,
form div.weblink a{
  height:42px;
  display:block;
  font-size:16px;
  width:217px;
  padding:0px 10px 0px 75px;
  position:relative;
  z-index:1;
  text-align:left;
  font-weight:bold;
}
form div.weblink a{
  padding-top:12px;
  height:30px;
  width:215px;
}

form div.input input[type=password]{
/*  font-size:38px;*/
}
form div.input button.label,
form div.weblink span.label{
  position:absolute;
  display:block;
  background:none;
  font-size:12px;
  z-index:0;
  top:0px;
  left:0px;
  width:70px;
  text-align:right;
  padding:0px 5px 0px;
  height:42px;
  color:#999;
  border-right:1px dashed rgba(0,0,0,0);
}
form div.weblink span.label{
  padding:14px 5px 0px;
  width:59px;
}
div.init form div.input button.label,
div.edit form div.input button.label{
  border-right:1px dashed #999;
}

form div.text{
  text-shadow:white 0px 1px 0px;  
  text-align:center;
  min-height:10px;
  padding:10px 9px 0px 9px;
  width:302px;
  color:#333;
  font-size:16px;
}
form div.input.alert{
/*  border-color:red !important;*/
}
form div.input.alert button.label{
/*  border-color:red !important;*/
  color:red;
}

form div.input.secret{
  display:none;
}
div.init form div.input.secret{
  display:block;
}

form div.box{
  margin:0px 9px;
  border:1px solid #999;
  -webkit-border-radius:10px;
  background:white;
}
form div.box div.input,
form div.box div.weblink{
  background:transparent;
  margin:0px;
  border:0px;
  border-top:1px solid #b3b3b3;
  -webkit-border-radius:0px;
}
form div.box div.input:nth-child(1),
form div.box div.weblink:nth-child(1){
  border:0px;
  -webkit-border-top-left-radius:9px;
  -webkit-border-top-right-radius:9px;
}
form div.box div.input:nth-last-child(1),
form div.box div.weblink:nth-last-child(1){
  -webkit-border-bottom-left-radius:9px;
  -webkit-border-bottom-right-radius:9px;
}

div.view div.body form div.box button.label{
  height:42px;
  background:none;
}
div.edit form div.box,
div.init form div.box,
div.edit form div.box div.input,
div.init form div.box div.input{
  border-style:dashed;
}
form div.spacer{
  width:320px;
  height:10px;
}

div.view div.body div.toggle{
  background-repeat:no-repeat;
  background-position:96% 13px;
}
div.view div.body div.toggle.selected_{
  background-image:url(/images/selected.png);
}
div.view div.body div.toggle.selected_.active{
  background-image:url(/images/selected_active.png);
}
div.view div.body div.toggle.request{
  background-image:url(/images/request.png);
}
div.view div.body div.toggle.request.active{
  background-image:url(/images/request_active.png);
}
div.view div.body div.toggle.request.selected_{
  background-image:url(/images/connected.png);
}
div.view div.body div.toggle.request.selected_.active{
  background-image:url(/images/selected_active.png);
}
div.view div.body div.toggle.active{
  color:white;
  background-color:#007ff2;
}
div.view div.body div.toggle button{
  width:300px;
  height:42px;
  text-align:center;
  background:none;
  color:inherit;
  font-size:16px;
}

/* Modules */
div#friends div.view:nth-child(1) div.body{
  background:white;
}
div#friends,
div#info,
div#schedule{
  background:#222;
  background-size:320px 44px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.08)), color-stop(0.5, rgba(255,255,255,0.02)), color-stop(0.5, rgba(0,0,0,0)), to(rgba(0,0,0,0.3)));
  background-repeat:repeat-x;
}

div#map{
  background-color:#222;
}
div#map div.scroll.x{
  background-color:#fff;
}
div#map div.scroll.x div{
  position:absolute;
}  
div#map div.scroll.x div:nth-child(1){
  background:url(/map/1.png);
}
div#map div.scroll.x div:nth-child(2){
  background:url(/map/2.png);
}
div#map div.scroll.x div:nth-child(3){
  background:url(/map/3.png);
}
div#map div.scroll.x div:nth-child(4){
  background:url(/map/4.png);
}

div#map div.pointer{
  -webkit-border-radius:10px;
  background:red;
  width:20px;
  height:20px;
  top:-10px;
  left: -10px;
/*  border:6px solid #005000;*/
  position:relative;
  z-index:2;
  -webkit-transition: all 0s ease-in-out;
  -webkit-perspective:1;
}
div#map div.user{
  background:#90e300;
  font-weight:bold;
  color:white;
  font-size:14px;
  -webkit-transition: all 0s ease-in-out;
  -webkit-perspective:1;
  padding:10px;
  position:relative;
}
div#timetable{
  color:white;
  padding-top:100px;
  text-align:center;
  font-size:14px;
}
form.about{
/*  position:relative;*/
/*  height:413px;*/
}
form.about div.version{
/*  position:absolute;*/
/*  padding-top:40px;*/
}
form.about div.controls,
form.help div.controls{
  padding:3px;
}
div#schedule form div.controls{
  display:none;
}

#event img.event-image,
#speaker img.speaker-image {
  height: 128px;
  float: right;
/*  margin-left: 20px;*/
  margin-bottom: 10px;
  padding: 2px;
  border: 1px solid #000;
}

#speaker img.event-image,
#event img.speaker-image {
    height: 48px;
}

#event-index img.event-image,
#speaker-index img.speaker-image {
  float: left;
  margin-right: 10px;
  height: 48px;
  width: 48px;
}

#event-index td.event p,
#speaker-index td.speaker p {
  margin-left: 60px;
}



table {
  border-collapse: seperate;
  font-size:14px;
}

th {
  background-color:#333;
  color: white;
  text-align: center;
  text-transform: uppercase;
  padding-left: 2px;
  padding-right: 2px;
}

td {
  padding: 2px;
  vertical-align: top;
  text-align: left;
}


/* EVENT */


#event p.subtitle {
  font-family: "Times", serif;
  font-style: italic;
  font-size: 140%;
  margin-top: 5px;
}

#event div.abstract {
    font-weight: bold;
}


/* EVENT NAVIGATION */

#navigation {
    clear: both;
    margin-top: 50px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: -20px;
    padding: 0;
}

#navigation span {
    padding: 5px;
    background-color: #3c3e40;
    color: white;
    border-style: solid;
    border-width: 1px;
    border-color: #e1e1e1;
}

#navigation span.previous {
    float: left;
}

#navigation span.next {
    float: right;
}

/*
#navigation span.previous:before {
    content: "<<<  ";
}

#navigation span.next:after {
    content: "  >>>";
}
*/


#navigation a {
    color: white;
}
#navigation a:hover {
    text-decoration: underline;
}

#navigation a:hover {
    color: white;
    text-decoration: underline;
}


/* EVENT INDEX */

#event-index p.title {
    font-weight: bold;
    font-size: 150%;
    margin: 0;
}


#event-index p.subtitle {
  font-family: "Times", serif;
  font-style: italic;
  font-size: 140%;
  margin-top: 5px;
}


/* COLOURS: EVENT INDEX, SPEAKER INDEX, EVENT DETAIL */

#event-index th, #speaker-index th, #infobox th {
    background-color: #3c3e40;
}


#event-index td, #speaker-index td, #infobox td {
    background-color: #D1EEFC;
}

#event-index td.track-community {
  background-color: #F0E68C;
}

#event-index td.track-culture {
  background-color: #DDA0DD;
}

#event-index td.track-hacking {
  background-color: #90EE90;
}

#event-index td.track-making {
/*  background-color: skyblue;*/
}

#event-index td.track-science {
  background-color: silver;
}

#event-index td.track-society {
  background-color: #FFE4B5;
}


/* SCHEDULE */



#schedule th {
  padding: 10px;
  background-color: #3c3e40;
  color: white;
}

#schedule td {
  padding: 4px;
}

#schedule td.time {
  font-size: 100%;
  font-weight:bold;
  vertical-align: top;
  background-color: #3c3e40;
  color: white;
  padding: 2px;
}

#schedule td.empty {
  background-color: #fff;
}

#schedule td.event {
  background-color: #D1EEFC;
  padding: 2px;
/*
  border-color: black;
  border-style: solid;
  border-width: 1px;
*/
}

#schedule td.conflict {
  background-color: red;
  border-color: black;
  border-style: solid;
  border-width: 0.01cm;
}

#schedule td.track-community {  
    background-color: #F0E68C;
}

#schedule td.track-culture {
  background-color: #DDA0DD;
}

#schedule td.track-hacking {
  background-color: #90EE90;
}
#schedule td.track-making {
/*  background-color: skyblue;*/
}
#schedule td.track-science {
  background-color: silver;
}
#schedule td.track-society {
  background-color: #FFE4B5;
}ul.speakers {
 margin: 0;
 padding: 0;
 display: inline;
 font-weight: bold;
 }
ul.speakers li {
 margin: 0;
 padding: 0;
 display: inline;
 }
ul.speakers li+li:before {
 content: ", ";
 }
#schedule span.language {
  font-weight: bold;
}
#schedule span.track {
  font-weight: bold;
}
#schedule span.type {
  font-weight: bold;
}
#schedule p.abstract {
  border-top: black dotted 1px;
  font-size: 90%;
  padding: 8px 2px 0px 2px;
}
#schedule span.event-id {
  display: block;
  color: white;
  background-color: black;
  text-align: center;
  padding: 2px;
  width: 3em;
}
#schedule p.title {
  font-weight: bold;
  font-size: 125%;
  margin-bottom: 0;
  padding-bottom: 0;
  color: #000;
}
#schedule p.subtitle {
  font-family: "Times", serif;
  font-style: italic;
  font-size: 125%;
  margin-top: 0;
}/* LINKS */
#conference-logo {
    position: absolute;
    left:10px;
    top: 10px;
    width: 1049px;
    height: 137px;
    text-align: center;
    font-size:0px;
}
#menu {
    position: absolute;
    left: 10px;
    top: 170px;
    width: 135px;
    background-color:white;
    border-collapse: collapse;
    border: 1px solid #aaa;
    -moz-border-radius:5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px;  
    border-radius: 5px; 
    padding: .3em 1em .3em 1.3em;
}
#menu ul {
    padding: 0;
    margin: 0;
}
#menu ul.track {
  font-size: 0.9em;
  margin-left: 5px;
  width: 120px;
}
#menu li {
    list-style-type: square;
    list-style-image: url(http://events.ccc.de/camp/2011/wiki/skins/Camp2011/bullet.gif);
}
#menu li span {
    display:  block;
    font-size: 75%;
    text-align: left;
    font: sans-serif;
}
#menu :link,
#menu :visited {
    text-decoration: none;
    color: #6B6B6B;
}
#menu span.normal {
    text-decoration: none;
    color: #424242;
    background: none;
}
#menu span.normal:hover {
    text-decoration: underline;
}
#menu span.normal:active {
    color:#666;
}
#menu span.selected {
    background-color:#999;
    color: #fff;
    font-weight: bold;
}
#menu span.active {
    background-color:#999;
    color: black;
    font-weight: bold;
}
#menu span.active:hover {
    color:#ccc;
}@media tty {
  table {
    border: medium solid;
}}

table{
  -webkit-perspective:1;
}

thead tr{
  border-spacing:0px;
}

/*td.time{
  -webkit-transform: rotate(-90deg); 
  text-align:center;
}
*/



/* High Resolution*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2){
  nav button{
    width:152px;
    padding-top:62px;
    height:88px;
    font-size:20px;
    margin:4px;
    background:url(/images/highres/menu.png);
    background-position:-4px 0px;
    border-radius:10px;
  }
  nav button:nth-child(2){
    background-position:-164px 0px;
  }
  nav button:nth-child(3){
    background-position:-324px 0px;
  }
  nav button:nth-child(4){
    background-position:-484px 0px;
  }
  nav button.selected{
    -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,1);
  }
  div#application{
    max-width:640px;
    max-height:920px;
  }
  div#application > div{
    bottom:96px;
  }
  div.view div.header{
    height:85px;
    border-bottom:2px solid rgba(0,0,0,1);
    border-top:1px solid #5d5d5d;
  }
  div.view div.header button{
    text-shadow:rgba(0,0,0,1) 0px -2px 0px;  
    font-size:24px;
    padding:0px 8px;
    height:59px;
    top:13px;
    border-width: 0 10px 0 10px;
    -webkit-border-image: url(/images/highres/button.png) 0 10 0 10;
  }
  div.view div.header button.active{
    -webkit-border-image: url(/images/highres/button_active.png) 0 10 0 10;
  }
  div.view div.header button.back{
    left:7px;
    border-width: 0 10px 0 26px;
    -webkit-border-image: url(/images/highres/button_back.png) 0 10 0 26;
  }
  div.view div.header button.back.active{
    -webkit-border-image: url(/images/highres/button_back_active.png) 0 10 0 26;
  }
  div.view div.header button.cancel{
    left:13px;
  }
  div.view div.header button.save,
  div.view div.header button.edit{
    right:13px;
  }
  div.view div.header button.edit{
    min-width:175px;
  }
  div.view div.header button.title{
    height:85px;
    font-size:40px;
  }
  div.view.next div.header button.back,
  div.view.next div.header button.title{
    -webkit-transform: translateX(220px);
  }
  div.view.prev div.header button.back,
  div.view.prev div.header button.title{
    -webkit-transform: translateX(-220px);
  }
  div.view div.body{
    top:88px;
    -webkit-background-size: 14px 1px;
    background-position: -4px 0px;
  }
  div.view.next div.body{
    -webkit-transform: translateX(640px);
  }
  div.view.prev div.body{
    -webkit-transform: translateX(-640px);
  }
  div.view div.body button{
    font-size:36px;
    height:88px;
    padding:0px 20px;
    background:url(/images/highres/arrow.png) no-repeat;
    background-color:white;
    background-position:96.5% 30px;
  }
  div.view div.body button.active,
  div.view div.body button.selected{
    background:url(/images/highres/arrow_active.png) no-repeat;
    background-position:96.5% 30px;
    background-color:#007ff2;
  }
  div.view div.body button.list{
    width:640px;
    border-bottom:2px solid #ddd;
  }
  div.view div.body button.list:nth-child(1){
    border-top:2px solid #ddd;
    margin-top:-2px;
    height:88px;
  }
  div.view div.body button.rounded{
    border:2px solid #999;
    width:604px;
    margin:20px 18px 0px 18px;
    -webkit-border-radius:20px;
  }
  div.view div.body button.rounded.active,
  div.view div.body button.rounded.selected{
    border:2px solid #999;
  }
  form div.controls{
    padding:20px 0px;
  }
  form div.input,
  form div.weblink{
    margin:0px 18px;
    border:2px solid #999;
    -webkit-border-radius:20px;
  }
  div.init form div.input,
  div.edit form div.input{
    border:2px dashed #999;
  }
  form div.input input,
  form div.weblink a{
    height:84px;
    font-size:32px;
    width:434px;
    padding:0px 20px 0px 150px;
  }
  form div.weblink a{
    padding-top:24px;
    height:60px;
  }
  form div.input button.label,
  form div.weblink span.label{
    font-size:24px;
    top:0px;
    left:0px;
    width:140px;
    padding:0px 10px 0px;
    height:84px;
    background:none;
    border-right:2px dashed rgba(0,0,0,0);
  }
  form div.weblink span.label{
    padding:27px 10px 0px;
    width:117px;
  }
  div.init form div.input button.label,
  div.edit form div.input button.label{
    border-right:2px dashed #999;
  }
  form div.text{
    min-height:20px;
    padding:20px 18px 0px 18px;
    width:604px;
    font-size:32px;
  }
  form div.box{
    margin:0px 18px;
    border:2px solid #999;
    -webkit-border-radius:20px;
  }
  form div.box div.input,
  form div.box div.weblink{
    border:0px;
    border-top:2px solid #b3b3b3;
  }
  form div.box div.input:nth-child(1),
  form div.box div.weblink:nth-child(1){
    border:0px;
    -webkit-border-top-left-radius:18px;
    -webkit-border-top-right-radius:18px;
  }
  form div.box div.input:nth-last-child(1),
  form div.box div.weblink:nth-last-child(1){
    -webkit-border-bottom-left-radius:18px;
    -webkit-border-bottom-right-radius:18px;
  }
  div.view div.body form div.box button.label{
    height:84px;
  }
  form div.spacer{
    width:640px;
    height:20px;
  }
  div.view div.body div.toggle{
    background-repeat:no-repeat;
    background-position:96% 26px;
  }
  div.view div.body div.toggle.selected_{
    background-image:url(/images/highres/selected.png);
  }
  div.view div.body div.toggle.selected_.active{
    background-image:url(/images/highres/selected_active.png);
  }
  div.view div.body div.toggle.request{
    background-image:url(/images/highres/request.png);
  }
  div.view div.body div.toggle.request.active{
    background-image:url(/images/highres/request_active.png);
  }
  div.view div.body div.toggle.request.selected_{
    background-image:url(/images/highres/connected.png);
  }
  div.view div.body div.toggle.request.selected_.active{
    background-image:url(/images/highres/selected_active.png);
  }
  div.view div.body div.toggle button{
    width:600px;
    height:84px;
    font-size:32px;
  }
  div#friends,
  div#info,
  div#schedule{
    background-size:640px 88px;
  }
  div#log{
    font-size:24px;
  }
  div#map div.user{
    font-size:28px;
  }
  div#map div.pointer{
    -webkit-border-radius:20px;
    width:40px;
    height:40px;
    top:-20px;
    left: -20px;
  }
  div#timetable{
    color:white;
    padding-top:200px;
    text-align:center;
    font-size:28px;
  }
  form.about div.controls,
  form.help div.controls{
    padding:6px;
  }
  table{
    font-size:24px;
  }
}