* {
    margin: 0;
    padding: 0;
}

html {
    width: 100%;
    height: 100%;
}

body {
    font: 14px/18px Arial, Tahoma, Verdana, sans-serif;
    height: 100%;
    color: #000;
    cursor: default;
}

table { border-collapse: collapse; padding:0; margin: 0; clear: both}
td { text-align: left; vertical-align:top; }

a{
    color: #0078ae;
    outline: none;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
    color: #0555ad;
}

#loader {
    position: absolute;
    display:none;
}
#wrapper {
    width: 100%;
    height: 100%;
}
/* header */

.header {
    background: #005687 url(/media/img/header_bg.jpg) no-repeat left;
    width: 100%;
    height: 165px;
}
.side_left, .side_right {
    width: 300px;
    color: #fff;
}
.side_left a.logo-sgga-link {
    width: 100%;
    height: 165px;
    display: block;
    /*
    text-align: center;
    vertical-align: bottom;
    font-size: 30px;
    line-height: 250px;
    border: 1px solid red;
    color: #fff;
    */    
}
.side_left a.text-sgga-link {
    position: absolute;
    top:138px;
    left:60px;
    font-size: 25px;
    color: #fff;
    text-decoration: none;
}

.side_right  {
    text-align: center;
    vertical-align: middle;
}
.center table, .center table td{
    text-align: center;
    width: 100%;
}
.header .center .sgga_name{
    font-size: 20px;
    color: #fff;
    height: 70px;
    vertical-align: middle;
}
.header .center .timetable_title{
    font-size: 36px;
    color: #fff900;
    height: 54px;
    vertical-align: top;
}
.header .center .timetable_title a{
    color: #fff900;
    text-decoration: underline;
    
}

.week, .week a {
    font-size: 26px;
    color: #fff900;
}
.week table {
    width: auto;
}
.week table td {
    width: auto;
    padding: 0 10px;
    white-space: nowrap;
}
a.week_current {
    font-weight:bold;
}
a.week_uncurrent {
    color: #fffdba;
}

#date, #time {
    color: #fff;
}
#date {
    font-size: 18px;
}
#time {
    font-size: 36px;
    line-height: 52px;
}
.week_now {
    font-size: 18px;
}

#period_change {
color: #fff900;
font-size:26px;
white-space: nowrap;
}
#period_change span{
/*border-bottom: 1px dashed #fff900;*/
text-decoration: underline;
padding: 0 10px;
}

#period_list {
display: none;
position:absolute;
margin-top:20px;
background: #005687;
padding:5px 10px;
border:1px solid #005687;
opacity: 0.9;
text-align: left;
}
#period_list a{
color: #fff900;
font-size:20px;
line-height:50px;
display: block;
height:60px;
}