/* 
////////// CSS TOC
----------------------------------------------
  GENERIC
  HEADER
  CONTENT
    SIDEBAR LEFT
    CONTENT
      GENERIC
      SEARCH
      TOOLBAR
      SPEECH
      CLUSTER
      SPEECH ITEM
      TAGS
      USER
    SIDEBAR RIGHT
  FORMS
  TABLES
  FOOTER
----------------------------------------------
////////// COLORS
  main grey : #F1F1F1
  alt grey  : #686868
----------------------------------------------
*/

/* =GENERIC */
body
{
  margin: 0px;
  padding: 0px;
}
.container 
{
  position: relative;
/*  background:url(/images/grid.png);*/
}
.invisible
{
  /*visibility: hidden;*/
}
.black 
{
  color: #000;
}
.print, .modify
{
  color: #3e3e3e;
  font-family:'andale mono', 'lucida console', monospace;
  text-decoration: none;
  padding: 4px;
}
.print img, .modify img
{
  vertical-align:middle;
}
.print:hover, .modify:hover
{
  background-color: #ededed
}
.center
{
	text-align: center;
}
.justify
{
	text-align: justify;
}
.bold
{
    font-weight: bold;
}
.italic
{
    font-style: italic;
}
.right
{
  text-align: right; 
  float:right;
}
.error_list {
  color:red;
}
.tableHead
{
  font-weight: bold;
  background-color: #EAEAEA;
  list-style-type: none;
  margin: 0px;
}
.row
{
  border-bottom: 1px solid #EAEAEA;
  border-right: 1px solid #EAEAEA;
  list-style-type: none;
  cursor: pointer;
}
.row:hover
{
  background: url(/images/backend/gradient.png) repeat-x;
}
.firstCel
{
  border-left: 1px solid #EAEAEA;
}
.lastCel
{
  
}
.cel
{
  border-right: 1px solid #EAEAEA;
}
#header_forPrint
{
  display: none;
}
#header #userPanel
{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: #eaeaea;
  text-align: right;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  position: absolute;
  top: 0px;
  right: 0px;
}
#header #userPanel div
{
  float: right;
}
#userPanelContent
{
  padding-top: 2px;
  color: #eaeaea;
  background: url(/images/userPanelBg.png) repeat-x left top;
  height: 26px;
}
#header #userPanel a
{
  color: #eaeaea;
  text-decoration: none;
}
#header #userPanel a:hover
{
  color: white;
  text-decoration: underline;
}
#moduleMenu
{
  background-color:#f1f1f1;
}
#moduleMenu p
{
  margin: 3px;
}
#moduleMenu ul
{
  margin: 3px;
}
#moduleMenu li
{
  list-style-type: none;
  background: url(/images/bullet_red.png) no-repeat 0px 1px;
  margin:0px;
  padding-left: 15px;
}
/*  =CONTENT */
/*     =GENERIC */
h1
{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	line-height: 2.15;
}
.list
{
  margin: 0px;
}
.list li
{
  padding-left: 15px;
  list-style-type: none;
  background: url(/images/bullet_red.png) no-repeat;
}
.list li:hover
{
  background-color: #E4E4E4;
}
.list a
{
  text-decoration: none;
  display:block;
}
.nomargin
{
  margin: 0px;
}
#content
{
  margin-left: 15px;
  margin-right: 15px;
  text-align: left;
}
/*     =SEARCH */
.searchbar 
{
  background:url(/images/searchBg.png);
  background-repeat: no-repeat;
  height:50px;
  padding-top: 1em;
  padding-left: 2.5em;
  width:920px;
  
}

#searchLeftBg {
 width:15px;
}

#searchRightBg {
 width:15px;   
}
/*     =TOOLBAR */
.toolbar
{
  background-color: #f1f1f1;
  margin: 0em;
}
.toolbar .title
{
}
.toolbar .viewSelection
{
  float: right;
}
.toolbar a
{
  text-decoration: none;
}
.toolbar a.sortGrid 
{
  background: url(/images/sortGrid.png) top left no-repeat;
}
.toolbar a.sortList 
{
  background: url(/images/sortList.png) top left no-repeat;
}

.orderBy
{
  text-align: right;
}
.pageNumbering
{
  margin-top: 10px;
  text-align: right;
  border-top: 1px solid #b8b8b8;
}
/*     =SPEECH */
.thumbnail
{
	border: 3px double #ccc;
}
.speech
{
  position: relative;
  clear: both;
  margin: 0em 0em 1.45em ;
}
.speech .title 
{
  font-size: 1.1em;
  font-weight: bold;
}
.speech .tag_timecode {
    font-size:0.9em;
    height:18px;
}
.speech .image
{
  float: left;
  width: 80px;
}
.speech img 
{
  border: 4px double #AAA;
}
.speech .informations
{
  position: relative;
  margin-left: 90px;
  margin-right: 210px;
}
.speech .details
{
  float: right;
  width: 190px;
  border-left: 1px solid #b8b8b8;
  padding-left: 10px;
}
.speechDuration
{
  position: relative;
  color: white;
  font:10px 'andale mono', 'lucida console', monospace;
  background-color: #333;
  margin-top:-15px;
  margin-right:10px;
  height: 10px;
  padding: 1px;
  float:right;
}
.speech h3
{
  font-family: Arial;
  font-size: 1em;
  margin-bottom: 0em;
}
.speech p
{
  margin: 0em;
}
.tags
{
  font-size: .9em;
}
/*     =CLUSTER */
.cluster 
{
  line-height: 2.8em;
  border-bottom: 1px solid #F0F0F0;
}
.clusterTitle {
  font-family: "Bookman Old Style","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 1.3em;
  font-weight: bold;
/*  border: 1px solid #F00;*/
}
.clusterLastUpdate 
{
  float: right;  
/*  border: 1px solid #0F0;*/
}
.clusterRss
{
  text-align: right;
  float: right;  
/*  border: 1px solid #00F;*/
}

/*  =TAGS */
.tag1 {
    font-size:0.8em;
}
.tag2 {
    font-size:0.9em;
}
.tag3 {
    font-size:1.0em;
}
.tag4 {
    font-size:1.1em;
}
.tag5 {
    font-size:1.2em;
}
.tag6 {
    font-size:1.3em;
}
.tag7 {
    font-size:1.4em;
}
.tag8 {
    font-size:1.5em;
}
.tag9 {
    font-size:1.6em;
}
.tag10 {
    font-size:1.7em;
}
/*  =SPEECH ITEM */
.speechListItem
{
  position: relative;
  height: 48px;
  cursor: pointer;
}

.speechListItemThumbnail
{
  border: 3px double #999;
  float: left;
  margin-right: 5px;
  width: 56px;
  height: 42px;
}
.speechListItemDuration
{
  position: relative;
  color: white;
  font:10px 'andale mono', 'lucida console', monospace;
  background-color: #333;
  height: 10px;
  padding: 1px;
  float:right;
  margin-right:0px;
  margin-top:-12px;

}
.speechListItemText
{
  font: 1em "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.speech_tag_bubble {
    float:left;
    margin-left: 2px;
    text-decoration:none;
    text-align:center;
    width:18px;
    height:18px;
    display:block;
    background-image: url(/images/bubble.png);
    background-position: 0px 0px;
}
.speech_tag_bubble:hover {
    background-position: 0px 18px;
}
/*  =USER */

#userContent
{
    /*border-left:2px solid #E4E4E4;
    padding-left:2px;
    margin-left:-2px;*/
   
}

#noteContent
{
    border-top:2px solid #E4E4E4;
    padding-top:2px;
}

.note{
    padding: 5px;
    border:1px solid #999999;
    border-bottom-style:outset;
    border-right-style:outset;
}


/* =FOOTER */
#footer
{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.9em;
  color: #666;
}
#footer hr
{
  margin: 3px;
}
#footer a
{
  color: #666;
  text-decoration: none;
}
#footer a:hover
{
  color: #000;
  border-bottom: 1px dotted #666;
}