
body {
    /* background-color: powderblue; */
    /* background-color: red; */
    margin:0;
}

.ui-icon-white {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-page{
    margin:0;
    /* background-color: 	#ecf7f9; */
    /* max-width:50em ; */
    /* margin:0 auto !important; */
    /* float: center !important; */
    /* position: relative !important; */
    /* border-right: 0px #666 outset !important; */
    /* border-left: 0px #666 outset !important; */
}
#mapid { 
    height: 250px;
    max-width:80em;
    margin:0 auto;
    /* max-width:50em ; */
    /* position: relative !important ; */
}
#wrapper {
    margin: 10px;
    /* border: 1px solid black; */
    overflow: hidden; /* will contain if #first is longer than #second */
}
#games {
    padding: 10px;
    float:left;
    /* border: 1px solid red; */
}
#features {
    padding: 10px;
    /* border: 1px solid green; */
    float:left;
    // overflow: hidden; /* if you don't want #second to wrap below #first */
}
#details {
    padding: 10px;
    /* border: 1px solid green; */
    float:left;
    overflow: hidden; /* if you don't want #second to wrap below #first */
    border:solid red;
    clear:both;
    width:100%;
}
#timetable {
    clear: both;
    /* padding: 10px; */
    /* border: 1px solid blue; */
    float:left;
    width:100%;
    overflow: auto;
}
.favbar{
    /* border: 2px solid grey; */
    /* border-radius: 5px; */
    border-color: #ddd;
    border-radius: .3125em;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    box-sizing: border-box;
    margin: .5em 0;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    border-width: 1px;
    border-style: solid;
    max-width:fit-content;
    display:inline-block;
    margin: .2em;
    padding: .7em;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative; 
}

#buttons {
    clear:both;
    padding:10px;
    /* overflow: hidden; */
}
#centerbar{
    /* width:100%; */
    float:left;
    /* overflow: hidden; */
}
#navigate{
    /* border:none; */
    float:right;
    /* overflow: hidden; */
}

.smallgrey{
    /* position:fixed; */
    /* float:left; */
    font-size:0.7em;
    color:grey;
}

.nowrap {
  white-space: nowrap ;
}

input.smallcheckbox {
    padding:0px !important ;
    margin:0px !important ;
}