/*--TOTAL AREA which covers output--*/
/*--of all records plus editor    --*/
div#sblog{
    /* background-color:#f5f5f5; */
    padding:5px;
    }
/*--COVERS the area of one record--*/
div.sblogTable{
    /* border: 1px solid red; */
    border-top: 1px dashed Gray;
    }
/*--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:#fff; */
    }
/*--AREA which covers image area--*/
td.imageBackground{
    /* background-color:#fff; */
    }
/*--AREA which covers message--*/
td.messageBackground{
    /* background-color:#fff; */
    }
/*--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;
    }
/*--CONFIGURES styling of date*/
/*--and time output        ---*/
span.sbdatetime{
    font-weight: light;
    font-family: verdana;
    font-size: 0.8em;
    }
/*--CONFIGURES styling of --*/
/*--name output          ---*/
span.sbname{
    font-weight: bold;
    font-size: 1.0em;
    }
/*--CONFIGURES styling of */
/*--text message/comment -*/
span.sbmessage{
    font-weight: normal;
    font-size: 1.0em;
    }
/*--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:2px 5px;
    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:#eee;
    }
#sblog #inputsubmit input:hover{
    background-color:#fff;
    }