body {
	font-family: DejaVu Sans,Bitstream Vera Sans,Helvetica,Arial,Verdana,sans-serif;
	background-color:#FFFFFF;
	margin: 0;
}
#container {
	width:80%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	}
.footer {
	background-image:url(logo.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:50px;
	margin-left:auto;
	margin-right:auto;

	}
h1 {
	font-size: 1.4em;
}

table { 
  margin: 0em;
  padding: 0em;
}

th { 
 background: black;
 color: white;
 font-size: 140%;
}

td {
 vertical-align: top;
}

h1.board {
    	text-align: center;
        font-size: 200%;
}

h2 {
	font-size: 1.2em;
}
h3 {
	text-align: center;
}

.header { 
 text-align: center; 
 background: #eeeecc;
 padding-bottom: 1em;
 margin-bottom: 0;
 border-bottom: thin solid black;
}


.header a img { border: none; }
.header a img:hover { outline: thin solid blue; }

.header1 {
	font-size: 1.6em;
}

.header2 {
	font-weight: bold;
	font-size: 1.2em;
}

.header3 {
	font-weight: bold;
}

.modification { padding: 1em; background: white; margin: 1em; }
.modification .right-modify-form { text-align: center; }
.rightshow {font-size: 140%; font-weight: bold; margin: 0.5em; }
.right-board-display { font-weight: bold; font-size: 140%; padding: 1em; margin: 0;}
tr.right-board-endorsers td { text-align: center; }
/* visual styles to differentiate the different rights. */

.rid1 { background: #cff; color: black; }
.rid2 { background: #f9f; color: black; }
.rid3 { background: #99f; color: black; }
.rid4 { background: #ccc; color: black; }
.rid5 { background: #fc3; color: black; }
.rid6 { background: #cf9; color: black; }
.rid7 { background: #ff6; color: black; }
.rid8 { background: #cc9; color: black; }
.rid9 { background: #9c0; color:  black; }
.rid10 { background: #fc9; color: black; }

.rid11 { background: #003; color: white; }
.rid12 { background: #030; color: white; }
.rid13 { background: #300; color: white; }
.rid14 { background: #333; color: white; }

table.board { width: 100%; }
.board-right { margin: 1em;  }
#user-id { border: thin solid black; background: silver; margin-top: 0; margin-right: 0; padding: 1em; float: right; font-style: italic; font-size: 14px;}
#user-id .scribeid { font-size: 400%; font-style: normal; }

.message { text-align: center; padding: 0.5em; margin: 1em; border: thin solid red; font-size: 150%; font-weight: bold; font-style: italic; background: #fcc; color: red; }

.timechanged { font-weight: normal; font-style: italic; }
.rightshow { padding-left: 4em; font-size: 100%; font-weight: normal; }

.scribeview { padding: 0.2em; margin-left: 1em; }

.error { padding: 2em; font-weight: bold; background: #fcc; border: thin solid red; }
.righttitle { 
 display: block; 
 float: left; 
 font-weight: bold; 
 padding-left: 0.25em; 
 padding-right: 0.25em; 
 font-size: 300%; 
 font-family: serif; 
 text-decoration: normal;
 border: thin solid black;
}

.right-board-title {
 font-size: 150%; 
 font-family: serif; 
 border: thin solid black; 
 text-align: center;
 padding-right: 0.25em; 
 padding-left: 0.25em;
}

.even { background: white; }
.odd { background: silver; }

.bigger { font-size: 600%; }

.button {
	border: 1px solid #000;
	background: #fff;
}
#room-password {
	border: 1px solid #000;
	background: #fff;
}

.endorsers { 
  font-size: 150%;
}

.instructions {
  font-size: 150%;
  margin: 1em;
}

.instructions code {
  font-weight: bold;
  font-size: 140%;
}

.label {
	font-weight: bold;
}

#workshop-state {
	font-size: 120%;
	font-weight: bold;
}

span.langtitle { 
  font-weight: bold;
  background: silver;
}

.translink { 
  cursor: pointer;
}

.transtarget { 
  outline: thin solid red;
}

.translated { 
  background: silver;
}

.translation { 
  display: block;
  margin: 1px;
  margin-left: 2em;
  border: thin solid black;
}

.translation div {
   padding: 1em;
}

textarea.righttext { 
 width: 99%;
}

table.right-modify-form { 
 width: 90%;
}


table.right-modify-form td.submit { 
 text-align: center;
}

table.scribeview { 
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}


form.endorse{ 
  float: right;
}

img.widget { 
 float: right;
 cursor: pointer;
}

div#javascriptwarning { 
  font-size: 200%;
  padding: 1em;
  text-align: center;
  border: thick solid red;
  color: red;
  background: #fdd;
}

.ui-effects-transfer { 
 border: 2px solid black; 
}


/* from AJAX view */
#rightlist { width: 100%; margin: 0px; padding: 0px; }

#rightlist th
 { width: 10%; border-bottom: 2px solid white; }
#rightlist th .title
 { font-size: 300%; }
#rightlist td
 { width: 45%; padding: 3px; background: #bbb; }
#rightlist tbody.overlapped td
 { background: #fbb; }
#rightlist td>div.content
 { background: white; padding: 0.2em; border: 4px solid #eec; }
#rightlist td .endorsers
 { text-align: center; font-size: 200%; padding: 0px; }
#rightlist td .posted
 { float: right; font-size: smaller; font-style: italic; margin-top: 0.5em; }

#rightlist td .translate
 { clear: both; float: left; padding: 0.2em; padding-left: 0.5em;  margin-top: -4px; background: #eec; }

#rightlist td .translate span
 { margin: 0.2em; }

#rightlist td .translate span.ready
 { outline: thin solid black; cursor: pointer; }

#rightlist td button.endorsement
 { float: left; cursor: pointer; }

#rightlist td.end
{ border-bottom: 2px solid black; }

.decoration
 { display: inline; clear: right; }

.decoration .target
 { cursor: pointer; }

div.transdisplay
 { font-size: smaller; padding-left: 2em; }

div.transdisplay span.label
 { padding-left: -1em; }

div#workshopstate
 { margin: 3em; }