/* CSS for Live Comments */



/* container for live comments */

#lc {

  margin:0;

  padding:0px 12px 2px 12px;

  width:332px; /* change this width to change app's width */

  font-family: 'Lucidia Grande', Verdana, Arial, Sans-Serif;

  color:#fff;

}



/* general settings for form fields */ 

#lc input, #lc textarea {

  margin:0;

  padding:0;

  cursor:pointer;

  cursor:hand;

  color:#fff;

}



/* Live Comments title and version*/

#lc #titleCap {

  color:#fff;

}



#lc #titleCap #title {

  padding:0 0 8px 0;

  font-size:large;

  letter-spacing:6px;

  font-weight:bold;

}



/* Live Comments version */

#lc #titleCap #version {

  padding:0 0 0 8px;

  vertical-align:top;

  font-size:xx-small;

}



/* form field captions */

#lc .cap {

  padding:8px 0 0 0;

  font-size:x-small;

}



/* name form input field out of focus (i.e. onblur) */

#lc .name {

  padding:1px;

  width:143px;

  height:12px;

  font-size:x-small;

  border-width:0 0 1px 0;

  border-style:solid;

  border-color:#5066a0;

  background-color:transparent;

}



/* name form input field in focus (i.e. onfocus) */

#lc .namef {

  padding:1px;

  width:143px;

  height:12px;

  font-size:x-small;

  border-width:0 0 1px 0;

  border-style:solid;

  border-color:#d28a2c;

  background-color:#000;

}



/* email form input field out of focus */

#lc .email {

  padding:1px;

  width:225px;

  height:12px;

  font-size:x-small;

  border-width:0 0 1px 0;

  border-style:solid;

  border-color:#fff;

  background-color:transparent;

}



/* email form input field in focus */

#lc .emailf {

  padding:1px;

  width:225px;

  height:12px;

  font-size:x-small;

  border-width:0 0 1px 0;

  border-style:solid;

  border-color:#d28a2c;

  background-color:#000;

}



/* comment form textarea out of focus */

#lc .ctext {

  margin:4px 0 4px 0;

  padding:1px;

  width:100%;

  height:65px;

  font-size:x-small;

  border-width:1px;

  border-style:solid;

  border-color:#5066a0;

  background-color:#c5ee62;

  background-color:transparent;

}



/* comment form textarea in focus */

#lc .ctextf {

  margin:4px 0 4px 0;

  padding:1px;

  width:100%;

  height:65px;

  font-size:x-small;

  border-width:1px;

  border-style:solid;

  border-color:#d28a2c;

  background-color:#000;

}



/* counter text below comment textarea */

#lc #counter {

  margin:0 0 0 0;

  font-size:x-small;

}



#lc #count {

  padding:0 0 2px 0;

  width:30px;

  font-size:x-small;

  text-align:right;

  border-width:0;

  background-color:transparent;

}



/* submit link below comment textarea */

#lc #submit {

  margin:2px 2px 40px 2px;

  text-align:right;

  font-size:x-small;

  cursor:pointer;

  cursor:hand;

}



/* active users */

#lc #users {

  margin:0 0 2px 0;

  width:100%;

  font-size:x-small;

  letter-spacing:2px;

  border-width:0 0 4px 0;

  border-style:solid;

  border-color:#5066a0;

}



/* entries -- where user comments are displayed */

#lc #entries {

  padding:12px 2px 2px 2px;

  width:100%;

  font-size:medium;

  overflow:hidden;

}



/* more and less icons */

#lc #entries img {

  width:14px;

  height:9px;

  border:0px;

}



/* comment */

#lc #entries .para {

  margin:0 3px 0 3px;

  padding:3px 0 0 0;

  color:#fff;

}



/* the by line, including auth and date */

#lc #entries .by {

  margin:0 3px 0 0;

  font-family: arial;

  text-align:right;

}



/* who wrote the comment */

#lc #entries .auth {

  margin:0 4px 0 0;

  color:#5066a0;

}



/* comment date listed with author */

#lc #entries .date {

  color:#5066a0;

}



/* email line if present */

#lc #entries .eml {

  margin:0 3px 16px 0;

  text-align:right;

  color:#5066a0;

}



/* if no email need pad */

#lc #entries .pad {

  height:0;

  line-height:15px;

}





/* general css for comments */



#lc a {

  cursor:pointer;

  cursor:hand;

  color:#5066a0;

  border-width:0;

}



#lc a:hover {

  cursor:pointer;

  cursor:hand;

  color:#d28a2c;

}



#lc a:visited {

  cursor:pointer;

  cursor:hand;

}



#lc .pointer { 

  cursor:pointer;

  cursor:hand;

}



#lc .small { 

  font-size:small;

}



#lc .x-small { 

  font-size:x-small;

}



#lc .xx-small { 

  font-size:xx-small;

}



#lc .medium { 

  font-size:medium;

}



#lc .large { 

  font-size:large;

}



#lc .x-large { 

  font-size:x-large;

}



#lc .xx-large { 

  font-size:xx-large;

}



#lc .graycol {

  color:#bebebe;

}



#lc .darkgraycol {

  color:#666666;

}



#lc .hlc {

  color:#d28a2c;

}



#lc .invisible {

  display:none;

  visibility:hidden;

}



#lc .visible {

  display:inline;

  visibility:visible;

}