/* I want to mimic the style/colors of lojban.org */
/* But CLL uses <a> for paragraphs and stuff... */



a, a:hover {
text-decoration: none;
color: black;
}

.comcount, a[href], a[onclick] {
color: #005faa;
text-decoration: none;
}

a:hover[href], a:hover[onclick] {
text-decoration: underlined;
}



div.c { 
/* A section that can be comented on. It has text and the comment form.*/
border-left: medium solid silver;
text-align: left;
text-indent: .5em;
margin-bottom: .5em;
}

div.c table.simplesect {
/* The tables in l4b are just a bit too big, creating a horizontal scrollbar.*/
width: 98%;
table-layout: auto;
}

div.c a[onclick] {
/* The link to open up the comment box. It also shows the number of comments there are. */
border: thin solid silver;
float: left;
margin: 0px;
padding: 0px 2px;
right: 0px;
text-indent: 0px;
font-size: small;
}


div.c:hover a[onclick] {
/* Makes the link to open the comment box be highlighted */
background-color: silver;
}


.has_error {
background-color: pink;
}

.cbox_open { 
/* The comment box for a section that is being displayed. On ie6, it is inline with the text.uinai */
position: fixed;
top: 5%;
left: 5%;
right: 5%;
bottom: 5%;
visibility: visible;
overflow: auto;
border: medium solid black;
background-color: silver;
padding: 1em;
padding-right: .5em;
}


.cbox_open form {
/* The form to submit a new comment */
background-color: white;
border: thin double black;
margin: 1em;
padding: 1em;
}

.cbox_open .cbox_body {
padding-bottom: 1em;
}

.cbox_open .heder {
width: 100%;
}

.cbox_open .heder .Y {
/* COMMENTS header. It is also a link to the section... */
font-size: xx-large;
}

.cbox_open .heder .X {
/* CLOSE button */
/*position: static;*/
float: right;
/*top: .3em;
left: .3em;
*/
font-size: xx-small;
}

input {
/* Because IE sucks */
visibility: visible;
}

.uc {
/* The text of an individual comment */
border-left: thin double white;
padding-left: .5em;
margin-left: 1em;
margin-bottom: 3px;
}



.cbox_closed {
/* It can't just be hidden because some firefoxen scroll badly with fixed items. */
position: absolute;
visibility: hidden;
/* This prevents those buttons from being visibile under IE */
left: -999em;
}

textarea {
width: 99%;
height: 10em;
}


/* These are for the TOC for l4b */
dl dt {
margin-left: 1em;
}
dl {
margin-bottom: .5em;
}

body {
color: black;
}