/*--- TOTAL AREA which covers output of all records plus editor ---*/
div#sblog
{
   background-color:#FFF;
   padding:5px;
}
/*--- COVERS the area of one record ---*/
div.sblogTable
{
/*   border: 1px solid black;   */
border-top: 1px dashed black;
}
/*--- COVERS the table of one record ---*/
table.sblogTable
{
   margin: 0px 0 0;
   padding-top: 10px;
   width:100%;
   /*border-top: 1px dashed Gray;*/
}
/*--- AREA which covers name, web, and Email ---*/
td.nameBackground
{
  background-color:#555; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;
}
/*--- AREA which covers image area ---*/
td.imageBackground
{
   /* background-color:#fff; */
}
/*--- AREA which covers message ---*/
td.messageBackground
{
   background-color:#eeeee5;-webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px;
}
/*--- CONFIGURES image max sizes if allow_url_fopen is off ---*/
img.sBlogImage
{
   border: none;
/*
   max-height:500px;
   max-width:450px;
*/   
}
 
/*--- CONFIGURES padding (distance) between all table cells ---*/
div.sblogTable td 
{
   padding:3px 15px 3px 15px;
}
/*--- CONFIGURES styling of date and time output ---*/
span.sbdatetime
{
   font-weight: normal;
   font-family: verdana;
   font-size: 0.8em; color: #FFFFFF;
}
/*--- CONFIGURES styling of name output ---*/
span.sbname
{
   font-weight: bold;
   font-size: 1.0em; color: #FFFFFF;
}
/*--- CONFIGURES styling of text message/comment ---*/
span.sbmessage
{
   font-weight: normal;
   font-size: 1.0em;
   color: #4C4C4C;
}
/*--- SEPARATOR ---*/
#sblog hr
{
  /* visibility:visible;*/
   visibility:hidden;
   width:100%;
   /*margin:10px 0;
   text-align:left;*/
}
/*--- EDITOR - determines small letters ---*/
div.sbSmallText
{
   font-size:90%;
   font-style:italic;
}
/*--- EDITOR- CONFIGURES styling of mandatory star ---*/
#sblog span.star
{
   color:Red;
   padding-left:2px;
}
/*--- EDITOR - styling of the newMessage button ---*/
#newMessage1 a
{
   font-weight:bold;
   border:1px solid #aaa;
   display:inline;
   padding:4px 5px 2px;
   text-decoration:none;
   background-color:#eee;
   color:#555;
}
#newMessage1 a:hover
{
   text-decoration:none;
   background-color:#fff;
   color:#aaa;
}
/*--- EDITOR - styling of the input fields ---*/
div#sblog div#editor input,div#sblog div#editor textarea
{
   border:1px solid #aaa;
}
div#sblog input:focus,div#sblog textarea:focus
{
   background-color:#eee;
}
/*--- EDITOR - Popup message if no Javascript ---*/
#sblog #noJavascript
{
   color:red;
   margin-left:5px;
}
/*--- EDITOR - Positioning of editor ---*/
#editor
{
   position:relative;
}
/*--- EDITOR - Styling of the three editor submit buttons ---*/
#sblog #inputsubmit input{
   margin:0;
   padding:0;
   border:1px solid #aaa;
   background-color:#FFCC7F;
}
#sblog #inputsubmit input:hover
{
   background-color:#fff;
}