/**
 ***********************************************************************
 * skin.css: Report id: 2580
 *
 * version
 * **************
 * date: 2/4/2023
 * Trying to format olist better
 *
 * Background
 * ******************
 * How to use feedback: 
 * https://www.satyakomatineni.com/akc/display?url=DisplayNoteIMPURL&reportId=3905&downerUserId=satya
 * 
 * The styling instructions folder is kept here:
 * https://www.satyakomatineni.com/akc/display?url=NotesIMPTitlesURL&ownerUserId=satya&folderId=363
 *
 ***********************************************************************
 */
body
{
	background: rgb(96%,96%,94%);
	font: 11px Verdana;
}
body p
{
	line-height: 1.66;
        font-size:11;
}

div.compact p
{
    margin-top:1px;
    margin-bottom:1px;
}

.pending {color:red}
.attention {color:purple}

.quote1 {color:purple;font-size:18;margin-left:20}
.quote2 {color:purple;font-size:18;margin-left:20;border:1px dashed green;}
.quote3 {font-style:italic;}
.quote4 {font-style:italic;border:1px dashed green;}
.quote5 {font-style:italic;font-weight:bold;border:1px dashed green;}
.medium {font-size:18;}
.quote3-medium {font-style:italic;font-size:14;}
.poem {font-style:italic;font-size:14;font-weight:bold}
.poem-rejoin {font-style:italic;font-size:14;}

table {
  font: 11px Verdana;
}

.box 
{
    margin:5px;
    padding:5px;
    border:solid orange 2px;
}

/* flat bottom */
.fbot
{
 margin-bottom:0px;
}

/* nudge up */
.nup 
{
 margin-top:0px;
}

/* rlist: use it for plist and olist: may be*/
div.rlist
{
margin:0px;
}
div.rlist ol
{
margin:0px;
}
div.rlist ol li
{
margin-bottom:1em;
}

div.olist {
    margin-left: 0px;
  }

div.olist ol {
    margin-left: 0px;
    padding-inline-start: 25px;
}

div.olist li {
    margin-left: 0px;
    font-size: 10pt;
    line-height: 2;
}

/*
*************************************************** 
* Title context menu: display-note-imp.html
***************************************************
*/
#title-cmenu-line-id
{
   margin-top:-1em;
   padding-top:0;
   color:green;
}

/*
***************************************************************************** 
*Content
background-color:#245EDC;
*****************************************************************************
*/
#content
{
	margin: 0 0 0 13%;
	padding:0;
        border-left:1px solid;
}

div#footer
{
position:absolute;
background-color:rgb(88%,90%,92%);
height:50px;
margin-bottom:0px;
padding:0;
}

/*
***************************************************************************** 
*Right nav bar
*****************************************************************************
*/
#right
{
	float:left; width: 12%;
	margin:1em 1em 0 2px;

	padding:0 0 0 0;
}

div.menu
{
	margin:0 0 2em 0;
	border: 2px solid lavender;
	padding:0 0 0 0;
}
div.menu p.header
{
	background-color:lavender;
	color:black;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
}

div.menu p 
{
	display:block; 
	margin:0;
	color:orange;
}

div.menu p a:hover 
{
background-color:green;
color:orange;
}



/*
***************************************************************************** 
*Oreilly header 
*****************************************************************************
*/

div#content pre code
{
    display:block;
    margin: 0 1em 0 1em;
}

pre code
{
font-size:12;
}

/*
********************************************************************** 
* Tables
**********************************************************************
*/
table.table1
{
BORDER-COLLAPSE:collapse;
border-color:red;
border-spacing:2px;
font-size:10;
font-family:verdana;
width:80%;
}

table.table1 td
{
border:1px solid navy;
}

table.table1 tr.header
{
font-size:16;
text-align:center;
font-weight:bold;
}

table.table1 tr
{
height:4em;
}

.box 
{
    margin:5px;
    border:solid orange 2px;
}

/*
********************************************************************** 
* user defined divs
**********************************************************************
*/

kavitha-div1
{
 font-size:16;
 color:purple;
}