body {font-family: 'Open Sans', sans-serif;background-image: url(../images/background-strip.png);background-repeat: repeat-x;background-attachment: scroll;background-clip: border-box;background-origin: padding-box;background-position-x: 0;background-position-y: 0;background-size: auto auto;line-height: 1.75}
.page-header {margin: 0;border: 0;}
/*banner at top*/
.otagofull {display: inline-block;float: left;}
.otagothumb {display: none;}
#liblogo {max-width: 100%;height: auto;margin-top: 9px;}
ol.breadcrumb {margin:20px 0;}
h1 {font-weight: 200;letter-spacing: 1px;color: #747f89;margin-bottom:30px;}
p, div.help {font-family:Helvetica, Arial, Geneva, sans-serif;}

@media only screen 
and (max-width: 400px) {
    img#liblogo {vertical-align: bottom;width: 175px;}
    .otagothumb {display: inline-block;float: left;margin-left: -12px;margin-right: -3px;}
    .otagofull {display: none;}
}

.navbar {border: none}
.navbar-toggle {background: #178acc}
.navbar-form {padding-left: 0;margin: 20px 0}
.prevnext {margin: 1em 0}
.prevnext button {margin-right: 1em}

a.list-group-item:focus,
a.list-group-item:hover {color: #555;text-decoration: none;background-color: #afd9ee}
.pager .next > a,
.pager .next > span {float: none}

@media only screen 
and (max-width:600px) {
.btn-primary {margin-top:0.1em;}
.Closed {margin-bottom:20px;}
}

@media only screen and (max-width:768px) {
    .navbar-form {padding: 10px 0;}
	.form-group {margin-top: 10px;}
}

/*table that controls month calendar view */
div.table {box-shadow: 0 0 30px #f1f1f1;box-sizing: border-box;border: 1px solid #dddddd;border-radius: 3px;transition: 0.3s all ease;overflow-x: scroll;}
td.monthname {display:none;}
td.nomonthday, td.monthday, td.saturday, td.sunday, td.today {border:1px solid #e1e1e1;padding:0 5px 3px 5px;}
td.datepicker {padding-bottom:2em;}
td.today {background:#f1f4f8; box-shadow:0 0 10px #e4e4e4;}

/*if screen is really small - shrink down the table month*/
@media only screen 
and (max-width:768px) {
table.month {font-size:11px; margin-bottom:1em;}
td.nomonthday, td.monthday, td.saturday, td.sunday, td.today {padding:0;padding-left:5px; padding-right:5px; padding-bottom:10px;}
td.nomonthday p, td.monthday p, td.saturday p, td.sunday p, td.today p {margin:0;}
}

@media only screen 
and (max-width:1080px)
and (orientation: portrait) {
.Closed {margin-bottom:35px;}
}

#hours .navbar-default {background:none!important;}
#hours .navbar {background-image:none; border:1px solid #e1e1e1;border-radius:3px;padding-left:0.5em;}

.pickerbutton a, input[type="submit"], .btn-primary {padding-left: 30px;padding-right: 10px;background: url(http://www.otago.ac.nz/_assets/_gfx/circle-white-confirm.svg) no-repeat 7px center #86b239;border: 2px solid #6D842D;border-radius: 16px;color: #fff;}
.pickerbutton a:hover, input[type="submit"]:hover, .btn-primary:hover {background: url(http://www.otago.ac.nz/_assets/_gfx/circle-white-confirm.svg) no-repeat 7px center;border-radius: 16px;color: #fff; border:2px solid #6D842D;    background-color: #6D842D;}
.monthpicker, .yearpicker {padding:5px;}

.grprooms th {text-align:center;}
.grprooms td.D{background:#f1f4f8;text-align:center;}
.grprooms td.J{background:#f4f4f4;text-align:center;}
.grprooms td.I{background:#f4f4f4;text-align:center;}
.grprooms td.white {text-align:center;}

.wrapweeks {margin:1em 30%;}

.wrapweeks button {width:140px;}

.prev {text-align:left;float:left; margin-right:1em;margin-bottom:1em;}
.current {text-align:center;float:left;margin-right:1em;margin-bottom:1em;}
.next {text-align:right;float:left;margin-bottom:1em;}

.btn-nav {border-radius: 16px; border: 2px solid #e1e1e1; background:#FFF;padding-left:10px; padding-right:10px;text-align:center;font-size:1em;}

.btn-nav:hover{background:#f4f4f4; color:#333;border-radius:16px; border:2px solid #e1e1e1;}

.bookme {padding-left:30px;padding-right:10px;background:url(/_assets/_gfx/circle-white-add.svg) no-repeat 7px center #ffcd23;background-size:14px;border:2px solid #dfa000;color:#333;border-radius:16px;display:inline-block;transition:all 0.2s ease;text-align:center;font-size:1em;}
.bookme:hover {background-color: #dfa000; }
.bookme:active {background-color: #cb9200;}

.av {width:1.2em; height:1.2em;}

.weekleft, .weekright { border:1px solid #CCC; border-radius:50%; padding:0.5em;}