/* Merton JCR main style */

/* Defining defaults */

body {
    font-family: Helvetica, Verdana, Arial, sans-serif;

    /* background: #FAFAF0;
*/
    background: #fcfcfa;
    color: #1a1a1a;
    margin: 0;
    padding: 0;
    text-align: justify;

    background-image: url(http://www.mertonjcr.org/styles/original/leftside.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

sup {
    vertical-align: baseline; /* this solves the line height problem */
    position: relative;
    top: -1ex;
    left: 0;
    font-size: 80%;
}

#thinPage {
    max-width: 65em;
}

#menulinks {
    margin: 16px 0px;
    padding-right: 1em;
    padding-left: 1.5em;
    font-family: sans-serif;
    list-style-type: none;
}

#roomdbform, #roomdbstaircase {
    background: white;
    border: 1px solid gray;
    padding: 1em;
    padding-top: 0.5em;
}

#roomdbstaircase {
    border-bottom: hidden;
}

#roomdbform .critcomment {
    width: 95%;
}

#roomdbform textarea {
    width: 100%;
    border: 2px solid #E0E0E0;
    background: #F0F0F0;
}

#roomdbform li {
    list-style-type: none;
}

#roomdbform td {
    vertical-align: middle;
    padding-left: 1em;
}

#roomdbform input, #roomdbform select {
    border: none;
    background: transparent;
    border-bottom: 1px solid gray;
    padding: 0.05em;
    margin-left: 0.2em;
    margin-right: 0.2em;
}    

.house {
    border: 0px solid black;
    border-collapse: collapse;
    display: inline;
}

.house td {
    padding: 0;
}

.house caption {
    white-space: nowrap;
    border: 1px solid black;
}

.house table {
    border-collapse: collapse;
}

.house table td, .house th {
    border: 1px solid black;
    text-align: center;
}

.house table td {
    width: 5%;
}

.house a {
    white-space: nowrap;
    display: block;
    padding: 0 5px 0 5px;
    color: #000;
    text-decoration: none;
}

.house a:hover {
    background-color: #ff9;
}

.house a img {
    border: 0;
}

#booking #bookingscroll {
    clear: both;
    overflow: hidden;
}

#booking ul {
    list-style-type: none;
    width: 200%;
    padding: 0px 1px;
}

#booking #prevweek {
    float: left;
    margin-bottom: 1em;
    padding-left: 1%;
}

#booking #nextweek {
    float: right;
    margin-bottom: 1em;
    padding-right: 1%;
}

#booking ul li {
    float: left;
    padding: 0;
    margin: 0;
}

#booking ul li.spacer {
    width: 0.5%;
}

#booking ul li.week {
    width: 49%;
}


#booking table td.slot-selected {
    background-color: #fcfcc1;
    border: 2px solid black !important;
    padding-top: 2px;
    padding-left: 3px;
}

#booking table td.rightof-selected {
    padding-left: 3px;
}

#booking table td.below-selected {
    padding-top: 2px;
}

#booking table {
    border-collapse: collapse;
    text-align: left;
}

#booking table td, #booking table th {
    border: 1px solid #999;
    padding: 3px 4px 3px 4px;
}

#bookingform label { font-weight: bold; }

#booking .display-ox-full { display: none; }

#booking-data, #booking .value { display: none; }

#booking table th {
    width: 14%;
    text-align: center;
}

#booking table th:first-child {
    width: 2%;
}

#booking td.hour {
    height: 5ex;
    vertical-align: middle;
}

#booking table td {
    font-size: 80%;
    line-height: 1.2;
}

#booking table td.free-slot {
    color: #999;
}

#booking table td.slot {
    cursor: default;
}

#booking table td.future-slot {
    cursor: pointer;
}

#booking table td.future-slot:hover {
    background-color: #fcfcc1;
}

#DOMWindow > #bookingformwindow2 {
    font-size: 0.9em;
    line-height: 140%;
}

#bookingform h3 {
    font-size: 100%;
    font-weight: bold;
}

#bookingform table { width: auto; }

div.autocomplete {
  position:absolute;
  width:20em;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

div.autocomplete ul li span.informal {
  display: block;
  font-size: 80%;
}

div.autocomplete ul li span.foundbit {
  text-decoration: underline;
  font-weight: bold;
}

#menulinks li {
    display: block;
}

.constitution li
{
    padding-top: 0.6em;
    padding-bottom: 0.6em;
}
#menulinks a:link:hover
{
    color: #FFFFFF;
}
#menulinks  a:visited:hover
{
    color: #FFFFFF;
}

#menulinks a:link
{
    display: block;
    color: #DDEAF0;
    text-decoration: none;
}

#menulinks a:visited
{
    display: block;
    color: #C6D6F0;
    text-decoration: none;
}


#upcoming dd {
    margin-left: 1.5em;
}

#upcoming dd .eventtime {
    font-size: 90%;
    float: left;
    min-width: 4em;
}

#jcrlogo {
    width: 100%;
    height: 99px;
    background-image: url(http://www.mertonjcr.org/styles/original/jcrlogowhite.png);
    background-repeat: no-repeat;
    border: 0;
    display: block;
}

#editbuttondiv {
    background-color: #ECE9D8; font-size: 70%;
    padding: 0.5em;
}

#toolSearch {
}

#logindiv {
    background-color: #ECE9D8; font-size: 70%;
    padding: 0.5em;
}


#loginform {
    background: #ECE9D8;
    border: 2px solid black;
    width: 15em;
    padding: 1em;
    margin-left: auto;
    margin-right: auto;
}

#registerbox, .formdiv {
    background: #ECE9D8;
    border: 2px solid black;
    width: 90%;
    padding: 1em;
    margin-left: auto;
    margin-right: auto;
}


.formdiv h2 {
    margin-top: 0;
}

.icon {
    vertical-align: middle;
    margin-right: 0.5em;
}

.submitbutton {
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5em;
    font-size: 120%;
}

.fileitem {
    text-align: center;
    padding: 0.5em;
    border: 1px solid #CCC;
    display: block;
    background: #EEE;
}
.filelist li {
    width: auto;
}

.fileitem a img {
    border: 1px solid black;
}
.filelist {
    list-style-type: none;
    display: block;
    width: 500px;
}

#loginform p {
    width: 100%;
    margin: 0;
    margin-top: 0.4em;
}
#loginform p input {
    width: 100%;
}

.candidates li {
    display: inline;
}

.electionresult {
    color: #D03010;
}

.candidates {
    list-style: none;
    display: block;
    width: 100%;
    padding: 0;
}

.candidates li div img {
    border: 1px solid black;
}

.candidates li div {
    float: left;
    text-align: center;
    padding: 0.5em;
}

.candidates:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .candidates {height: 1%;}
/* End hide from IE-mac */


.forumpost {
    border: 1px solid #888; 
    border-bottom: 2px solid black;

    font-family: sans-serif;

    background: #F8F8F8;
    padding: 1em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    overflow: hidden;
}

.forumtext br {
    margin-bottom: 1em;
}

.forumpost h2 {
    margin-bottom: 0;
    margin-top: 0;
}
.forumpost .posttime {
    margin-top: 0;
    font-size: 60%;
}

.messages, #messages {
    width: 100%;
    background-color: #FFDDAA;
    padding: 0;
    border-top: 2px solid #FFAA55;
    border-bottom: 2px solid #FFBB55;    
    margin: 0;
    text-align: center;
    font-weight: bold;
}

.poll li {
    list-style-type: none
} 

.poll td {
    vertical-align: middle;
}

.poll ul {
    margin-top: 0;
    padding-left: 1em;
}

.pollresult dd {
    max-height: 6em;
    overflow: auto;
}

.pollresult dt {
    font-weight: bold;
}

dt.pollsummary {
    margin-top: 0.5em;
    font-weight: bold;
}

/*
 dd.pollsummary {
   margin-bottom: 0.5em;
 } */

#leftcol {
    width: 250px;
    position: fixed;
    height: 100%;
    overflow: auto;
}

#menu h2 {
    display: none;
}

#mainbody  {

    position: absolute;
    left: 250px;
    right: 0px;
    top: 0px;
    
    padding-top: 0;
    margin: 0;
        
    line-height: 140%;
/*
    letter-spacing: 0.5px;
*/
    font-size: 0.9em;
    /* background-color: #FAFAF0;
*/
    background-color: #FCFCFA;
}

#mainbodyfooter {
    width: 100%;
    height: 5px;
    /* background-image: url(images/base.png);
    background-repeat: repeat-x; */
}

#adminTools {
    top: 0px;
    right: 0px;
    position: absolute;
    text-align: right;
    font: 0.8em sans-serif;
    letter-spacing: 0;

    padding: 0;
    margin: 0.4em;
    list-style-type: none;
    white-space: nowrap; 
    width: 100%;   
}

#rightnav {
    border: 1px solid #AAAAAA;
    clear: right;
    float: right;
    margin: 0.5em 1em;
    padding: 0.2em;
    font-size: 90%;
}

#rightnav ul {
    list-style: none;
    margin-top: 0.3em;
    padding: 0 10px 0 10px;
}

#rightnav p {
    font-weight: bold; 
    padding: 0 0 0 10px;
    margin-bottom: 0.3em;
}

#rightnav .looplink {
    font-weight: bold;
}

#rightnav a {
    text-decoration: none;
}

#adminTools li {
    display: inline;
    padding-left: 0.5em;
    padding-right: 0.5em;
    width: auto;
}

h1
{
    position: relative;
    right: 0;
    left: 0;
    top: 0;
    
	background-color: #ECE9D8;
    font-size: 20pt;
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: normal;
/*
	letter-spacing: -2px;
Ryan, why would you mess with the browser's kerning?
*/
	color: #0a0a0a;
    padding: 0.25em;
    margin: 0;
}


#pageContents {
    padding-left: 1.0em;
    padding-right: 1.0em;    
    padding-bottom: 1.0em;
    padding-top: 0;    
    margin-top: 1em;
}

table {
    width: 100%;
    border: 0;
}

table td
{
    vertical-align: top;
}

#copyright
{
    clear: both;
    text-align: center;
    width: 80%;
    margin: 0.5em;
    margin-left: auto;
    margin-right: auto;
    font-size: 80%;
    color: #555555;
}

#sideclock
{
    margin-left: auto;
    margin-right: auto;
}

.threadlist a
{
    text-decoration: none;
    font-weight: bold;
}

.threadlist-pt
{
    font-size: 80%;
}

.threadlist th
{
    padding-bottom: 0.5em;
}

.threadlist td
{
    padding-bottom: 0.5em;
}


dl.bio
{
clear: both;
width: 40em;
margin: 2em 0;
padding: 0;
/*font-family: georgia, times, serif;
*/
}

.bio dt
{
width: 13em;
float: left;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
font-weight: bold;
}

.bio .first { border-top: none; }

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.bio dd
{
float: left;
width: 25em;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
}

.bio input
{
width: 23em;
}

/* Stuff that may be used in page contents */

dl.inline dt {
    clear: left;
    float: left;
    font-weight: bold;
    margin: 0 1em 0 0;
}

dl.bold dt {
    font-weight: bold;
}

dl.spacing dt {
    margin-top: 1em;
}

dl.inline dd {
    margin: 1em 0;
}

dl.caps dt {
    text-transform: uppercase;
}

dl.nospace dd {
    margin: 0;
}

.personimg
{
    float: left;
    margin-right: 2em;
    margin-bottom: 1.0em;
    border: 2px solid #888;
}


.contactName {
	position: relative;

	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: normal;
	font-size: 17pt;
	letter-spacing: -2px;
	color: #302;
    margin-bottom: 0;
}

.hallfeedbacktable {
    padding: 0.25em;
    border-spacing: 0;
    border: 2px solid #DDD;
    margin-top: 1em;
    width: auto;
    background: white;    
}


.voteoption {
    padding: 0;
    text-align: center;
    vertical-align: middle;
    font-size: 70%;
    margin: 0;
    width: 2.0em;
}

.hallfeedbacktable tr .mealdesc {
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.hallfeedbacktable tr .mealdate {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.hallfeedbacktable tr th {
    padding-left: 0.5em;
    border-bottom: 1px solid black;
}

.people-list hr {
    clear: both;
}

.photoleft {
    float: left;
    clear: left;
    padding: 0 10px 10px 0;
    text-align: left;
}

.photoright {
    float: right;
    padding: 0 10px 10px 20px;
    text-align: left;
}

.photoleft img {
    padding: 10px 4px 0 0;
}

.photoright img {
    padding: 10px 4px 0 0;
}

.caption {
    margin-top: 2px;
    margin-bottom: 0;
    font-style: italic;
    font-size: 80%;
    line-height: 120%;
    text-align: center;
}