Notebook CSS

.tablemain{
    width:100%; 
    border-collapse:collapse; 
    border-top:3px solid #D6C016; 
    margin-top: 1px;
}
.tablecontent{
    vertical-align:top;
    padding: 4px 4px 0 0;
    background-color: #FFF;
}
.tablesubsections{
    width: 150px; 
    vertical-align:top; 
    border-left: 3px solid #D6C016; 
    background:#FAFBAA; 
}
 
.subsection{
    display:inline-block;
    height: 1.4em;
    background-color:#FFE;
    border: 1px solid #660;
    margin-left:-1px; margin-bottom:1px;
    border-left:none;
    border-radius: 0 5px 5px 0;
    -moz-border-radius-topright:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
    padding: 0px 3px 0px 3px;
    width: 130px;
    overflow:hidden;
}
.subsection span{    display: none; }
.subsection:hover{
    background-color:#FFF;
}
.subsection:hover span{
    position: absolute;
    display: inline;
    text-align:left;
    font-size:80%;
    margin: 15px 10px;
    height: auto;
    width: 250px;
    background: #FFF;
    border: 1px solid #660;
    color: #000;
    padding: 3px;
}
.subsection:hover span span {
    position: relative;
    margin: auto;
    height: auto;
    width: auto;
    border: none;
    padding: 0;
}
.sectiontable{
    width:100%;
}
.sectionrow{
    background-color: #FCFFDF;
    border-bottom:1px solid #EFEFEF;
}
.sectiontabletitle, .sectiontablecreated, .sectiontableupdated, .sectiontablesubs{
    background-color: #DDB;
    font-weight:bold;
    padding-left: 2px;
}
.sectiontabletitle{
    width: 26%;
}
.sectiontablecreated, .sectiontableupdated{
    width: 31%;
}
.sectiontitle{    padding: 0 3px 0 4px; }
.sectioncreated{    padding: 0 3px 0 3px; }
.sectionupdated{    padding: 0 3px 0 3px; }
.sectionsubs{    text-align:center; }
.incpicture{
    border: 1px solid #660;
    background-color: #FFF;
}
.incpictureheading{
    background-color: #DDB;
}
.incpicturecaption{
    font-size: 80%;
    font-style: italic;
}
 
.important{
    border: 1px solid #35669A;
}
.side{
    border: 1px solid #660;
}
.question{
    border: 1px solid #359A66;
}
.urgent{
    border: 2px solid #9A323B;
}
.idea{    border-left: 1px solid #660; }
.personal{    display: none; }
.caution{
    border: 2px dashed #000;
}
.importanttitle, .sidetitle, .questiontitle,
.urgenttitle, .cautiontitle{
    font-weight: bold;
    text-align: center;
    text-transform: capitalize;
}
.importanttitle{
    background-color: #BBD;
}
.sidetitle{
    background-color: #DDB;
}
.questiontitle{
    background-color: #BDB;
}
.urgenttitle{
    background-color: #DBB;
    text-decoration: blink;
}
.ideatitle{
    background-image: url(/local--files/start/bulb.png);
    background-repeat: no-repeat;
    height: 30px;
    padding-left: 24px;
    text-transform: capitalize;
    font-weight: bold;
}
.ideatext{    padding-left: 24px; }
.cautiontitle{
    background-image: url(/local--files/start/caution.png);
}
 
.temp span.temptemp{    display: none; }
.temp:hover{ }
.temp:hover span.temptemp{
    position: absolute;
    display: inline;
    margin: 13px -20px;
    height: auto;
    width: 250px;
    background: #FFF;
    border: 1px solid #660;
    color: #000;
    padding: 3px;
}
.temp:hover span.temptemp span {
    position: relative;
    margin: auto;
    height: auto;
    width: auto;
    border: none;
    padding: 0;
}
 
.sidetemp .pager{
    font-size: 70%
}
.sidetemp .pager-no{
    display: none;
}
.sidetemp .dots{
    display: none;
}
.code{    width:80%; }
.highlight{    background-color:#FF0 }