/* used in toc tables*/
.body
{
    color:#330000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:none;
    line-height: 1.5;
}/* For the main body of all the paragraphs*/
body
{
    color:#330000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:16px;
    text-align:none;
    line-height: 1.5;
    counter-reset: example;
}/* For the main body of all the paragraphs; also see how example makes auto-increment with the help of */


.example:before {
    counter-increment: example;
    content: " " counter(example) " ";
}
.grayLine{color: #aaaaaa}

hr{
    clear:both; /* allows new line as it breaks any float on both side */
}
.bluebullet{padding-bottom: 7px; color:blue}
li.intro{margin-top: 1em;} /* modify li in intro */
div.subsection /* blue boundary around sub topics */
{margin-left: 20px; border: solid 1px #5555ff;

    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
    margin-top: 20px;
    margin-bottom: 80px;
}
div.hideBlock{margin-right: 10px; display:none;}
div.showBlock{margin-right: 10px;  display:block;}
/*****************************************/
.block{
    clear: both;
    overflow:auto;
    width: 100%;
    min-width: 880px;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}
.blockbottom{
    clear: both;
    width: 100%;
    min-width: 880px;
    padding-bottom: 10px;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    -moz-border-radius-bottomleft: .2em;
    -moz-border-radius-bottomright: .2em;
    /*border: 0px solid #aa0000;*/
    padding-top: 10px;

}



.leftblock{
    /*border: 1px solid;*/
    padding: 0px;
    width: 180px;
    font-weight:reguler;
    color:#1155AA;
    color:#555555;
    font-size:0.9em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.3;
    padding-left: 10px;
    margin-left:-1px;
    padding-right: 10px;
    /*border: solid 1px red;*/
    float:left;
    vertical-align: top;
    /*border: 0px solid #aaaaaa;*/
}


.textblock{
    margin-left: 200px; /* margin allows text not to flow around */
    margin-top: 0px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 20px;
    /*border-right: 1px solid #aaaaaa; moved to block */
    margin-right:1px;
    text-align: left;
    vertical-align: top;
    /*border: 0px solid #00aaaa;*/
}
.noborder{ border: 0px;}
.scrollbox{
    width:700px;
    width:100%;
    margin-left: 200px;
    position: relative;
    overflow-x:auto;
    /*border-right: 1px solid #aaaaaa;*/
}
.figblock{
    float:right;
    /*border: 1px solid #00ff00;*/
    padding: 10px;
    padding-left:0px;
}
.noleftmargin{
    margin-left: 0px;
}

.introimagebig{
    padding: 10px;
    padding-left: 0px;
    /*border: solid 1px green;*/
}
.introimage{
    padding:10px;
    paddin-right: 0px;
    float:left;
    max-width: 650px;
    overflow: auto;
    position: relative; /* work together with textspan */
}

.floatright{
    float: right;
    margin-right: 5px;
}
figure.video{
    
    padding:10px;
    paddin-right: 0px;
    float:left;
    overflow: auto;
    position: relative; /* work together with textspan */
    margin-left: 10px;
    border: 1px solid #aaaaaa;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
    cursor: pointer;
}
.figureborder{
    border: 1px solid #aaaaaa;
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
    /*clear:both;*/ /* it forbids the next figure from being on the right or left */
}

.textspan{
    color:#330000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:none;
    line-height: 1.4;
    padding-right: 10px; /* from 50 */
}

.caption{
    padding-top: 10px; 
    font-size: 10px;
    text-align:left;
    color: #111111;
}
p{padding-right: 50px;}


br.tenlinegap{line-height: 5;
}

br.bigtenlinegap{line-height: 27;
}

br.big50linegap{line-height: 50;
}


.linktable/*gives a highlighted title*/
{
    color:#000000;
    font-family:Arial, Helvetica, sans-serif, Verdana;
    font-weight:bold;
    /*background-color:#0CF;*/
    padding: 5px;
    padding-right: 20px;
    background:  url('blueshade.png') repeat-x;
    border: solid 1px #aaaaaa;
    margin-bottom: 0px;
    margin-top: 5px;
    width: 100%;
    border-radius: .2em;
    -moz-border-radius-topleft: .2em;
    -moz-border-radius-topright: .2em;
}

.sideparaul{ padding-left:5px; margin-left: 10px; list-style:circle; margin-top: 4em; color: #1155AA; color: #555555; text-align: left;
     /*list-style-image: url(/images/icons/arrow.gif);*/
}
.nobullet{list-style:none; margin-top: 4.5em; padding-left: 0px; margin-left: 0px; color: #1155aa;color: #555555; }
.topmargin2em{margin-top: 2em;}
.sideparali{ line-height: 1.2; margin-bottom: 3em; }


.marginnote{
    color:#00aa00;
    padding-top:2px;
    padding-right: 10px;
}

.rightadjust{
    float: right;
    font-size: 1.1em;
    color:#1155AA;
    color:#111111;
    padding-right: 5px;
    text-align: right;
    font-weight: normal;
}
.shadedSectionHeading/*gives a highlighted title*/
{
    color:#000000;color:#333333;
    font-family:Arial, Helvetica, sans-serif, Verdana;
    font-size: 14px;
    font-weight:normal;
    /*background-color:#0CF;*/
    padding: 5px;
    padding-right: 20px;
    padding-left: 10px;
    background:  url('blueshade.png') repeat-x;
    border: solid 1px #aaaaaa;
    margin-top: 20px;
    margin-bottom: 20px;
    float:clear;
    border-radius: 0.4em;
    -moz-border-radius: .4em;
}


.sectionHeading{
    color: #999999;


  color:green;
  cursor: default;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight:normal;
    font-style:normal;
    /*border: 1px solid #cccccc;*/
    padding-right: 5px; padding-left: 5px;
    background: #ffffaa;
    border-radius: .2em;
    -moz-border-radius: .4em;
    margin-left: 5px;
    margin-right: 5px;
    background: #ffffaa;
}


.bold/*gives a highlighted title*/
{
    color:#00aa00;
    font-weight:bold;
}

.bodyindent
{
    margin-left: 20px;
    color:#330000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:none;
    line-height: 1.5;
}

/*toc body*/

.tocBody { font-size: 11px; font-family:  Verdana, arial, sans-serif; color: #444444;  }

.problems
{
    color:#0000ff;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:14px;
    text-align:none;
    line-height: 1.3;
}

.answers
{
    color:#ff0000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:none;
    line-height: 1.5;
}

.problems { font-size: 13px; font-family:  Verdana, arial, sans-serif; color: #222222;  }
.sectionheader { font-size: 13px; font-weight:bold;  font-family:  Verdana, arial, sans-serif; color: #ff0000;  }
.whatifStyle { font-size: 13px; font-family:  Verdana, arial, sans-serif; color: #00aa00;  font-weight: bold; font-style: italic}
.answerStyle { font-size: 10px; font-family:  Verdana, arial, sans-serif; color: #aa0000;  font-style: italic; background: yellow;}
.answerNoStyle { font-size: 10px; font-family:  Verdana, arial, sans-serif; color: #111111;   }


/*For the side paragraph if any defined in the table*/


/* For the main body of all the paragraphs*/

.firstwordpara
{
    font-weight:bold;
    text-transform:uppercase;
    color:#003399;
}
/* For any special kind of the word which u want to do highlighting */
.specialword
{
    font-weight:bold;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#000099;
}
/* For any special kind of the word which u want to do highlighting */
.speciallink
{
    font-weight:bold;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#006699;
}

/*For any special breif descrrption of lines of anty definition*/
.specialdefn
{
    font-weight:bold;
    color:#000099;/* font-style: italic; */
    font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;
}

/* For the main heading of the page */
.mainheading
{
    text-align: center;
    font-weight:bold;
    font-style:normal;
    font-size:13px;
    color:#595092;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*For the side paragraph if any defined in the table*/
.sidepara
{
    font-weight:bold;
    color:#FF9900;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.3;
    padding-top: 50px;
}

/*Link style in TOC*/
.sideparaTOC
{
    font-weight:bold;
    color:#FF9900;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.3;
}
/*Link style in TOC*/
.sideVideoTOC
{
    font-weight:regular;
    color:#aa0000;
    font-size:10px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    line-height: 1.3;
}

.figure
{
    color:#353535;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-align:justify;
    line-height: 1.2;
}

/* for highlighting the words with in paragraph with bold black letter*/
.boldblack 
{
    font-weight: bold;
    font-size: 12px;
    color: black;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*For the heading defined which is the core of any paragraph*/
.subheadings1
{ color:#00aa00; /* background-color: #f9f5e2; padding:7px 250px 10px 10px; margin-left: 20px 0px 0px 0px;*/
  font-family:Arial, Helvetica, sans-serif, Verdana;
  font-size: 16px;
  font-weight:bold;
}

/*For the subheading defined under main heading ie subheading1*/
.subheadings2
{
    color:#555555;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
}

.subheadings3/* for bolded black headings like in Intro>Testmodules*/
{
    color:#330000;
    font-family:Arial, Helvetica, sans-serif, Verdana;
    font-size: 14px;
    font-weight:bold;


}
.subheadings4/*gives a highlighted title*/
{
    color:#000000;
    font-family:Arial, Helvetica, sans-serif, Verdana;
    font-size: 14px;
    font-weight:bold;
    /*background-color:#0CF;*/
    padding: 5px;
    padding-right: 20px;
    background:  url('blueshade.png') repeat-x;
    border: solid 1px #aaaaaa;
    margin-top: 10px;
}
.subheadings5 /* used in hands on example ch names */
{ color:#00aa00; /* background-color: #f9f5e2; padding:7px 250px 10px 10px; margin-left: 20px 0px 0px 0px;*/
  color:green;
  cursor: default;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight:normal;
    font-style:normal;
    /*border: 1px solid #cccccc;*/
    padding-right: 5px; padding-left: 5px;
    background: #ffffaa;
    border-radius: .2em;
    -moz-border-radius: .4em;
    margin-left: 5px;
    margin-right: 5px;
    background: #ffffaa;
}
/* To make the highlighting strong for particular word or line*/
.strong
{
    color: #6D7C8D;
}

.codeStyle2 { font-size: 10px; font-family:  Verdana, arial, sans-serif; color: #aa0000;  }




.videolink { color: #aa0000; 
             text-decoration: none;
             font: 1em arial, courier new, courier, monospace;
             font-size: 10px;
             cursor: crosshair;
}


.linkdiv/*gives a highlighted title*/
{
    color:#000000;
    font-family:Arial, Helvetica, sans-serif, Verdana;
    font-size: 12px; font-family:  Verdana, arial, sans-serif;
    font-size: 12px;
    width: 100%;
    min-width: 880px;
    font-weight:normal;

    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    margin-top: 5px;
    margin-top: 0px;

    background:  url('blueshade.png') repeat-x;
    border: solid 1px #aaaaaa;
    border-radius: .2em;
    -moz-border-radius-topleft: .4em;
    -moz-border-radius-topright: .4em;
}


span.linkGreenStyle{cursor:pointer; padding: 10px; color: #0645AD; font-size: 12px; font-family: verdana, sans-serif; background: #ffff00;}

span.linkLightGreenStyle{cursor:pointer; padding: 5px; color: #0645AD; font-size: 12px; font-family: verdana, sans-serif; background: #55ff55;}

span.link {color: #595092; cursor: pointer;  font-size: 120%}
span.link:hover{cursor: pointer; text-decoration: underline; color: red;}

/*Link style in TOC*/
.sideparaTOCLink
{
    font-weight:bold;
    color:#595092;

    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.3;
    cursor: pointer;
}
span.sideparaTOCLink:hover{color: #00aa00; }
A:link, A:visited, A:active{ color: #595092;  color: #5950ff; text-decoration: none;font-size: 12px;}
A:HOVER {
    color: 00aa00;
    text-decoration: none;cursor: pointer; font-size: 12px;
}
.chlink{padding-left: 30px; font: 14px normal; color: blue;}

hr{ color:red; height:"1";  width: "100%" }

/*from test.css */


A:link, A:visited, A:active{ color: #595092; text-decoration: none;}
A.home:link, A.home:visited, A.home:active{ color: #0000ff; text-decoration: underline;}
a:visited  {color: #006699;}
A:HOVER { text-decoration: underline; cursor: pointer; color:red;}
.pageLink {font-style:italic; font-color: black;}

span.linkStyle{cursor:pointer; color: #0645AD; font-size: 12px; font-family: verdana, sans-serif;}
span.linkStyle:hover{color: #00aa00;}
span.linkStyle:visited{color: #006699;}
span.large{font-size:16px;}

span.linkStyleEnd{ color: #00aa00; font-size: 12px; font-family: verdana, sans-serif;}

span.linkStyleUL{cursor:pointer; color: #0645AD; font-size: 12px; font-family: verdana, sans-serif; text-decoration:underline}
span.linkStyleUL:hover{color: #00aa00;}
span.linkStyleUL:visited{color: #006699;}
img.linkStyle{cursor:pointer; border: 0px solid;}
img.linkStyle:hover{ opacity:0.4;filter:alpha(opacity=60)}
img.floatRightStyle{float:right; clear: none; padding-left: 10px; padding-bottom: 20px;}


input.smallbutton{margin-bottom: 3px; font-family:  Verdana, arial, sans-serif; color: blue; font-size: 12px; margin-left: 10px; margin-right: 10px;  font-weight: normal;}


area {cursor: pointer;  }
body{
    min-width: 700px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    margin: 0px;
    margin-bottom: 50px;
}

   i.math{color: black; font-family: Verdana, sans-serif; font-size: 12px; font-weight: normal;}
/* to make a row visible or collapsed */
.show {
    display: block;
	/*display: table-cell;  It does not force 100% width, but adjust width to the content... */
}
.hide {
	display: none;
}
.linkStyleCyan { font-size: 11px; font-family:  Verdana, arial, sans-serif; color: #006699;  }

/* For page heading in daemon page etc. */
.part1header
{
    font-weight:normal;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#353535;
    color:#ff0000;
    font-size:14px;
    line-height: 1.7;
}
/* For any special kind of the word which u want to do highlighting */
.part2header
{
    font-weight:normal;
    font-style: italic;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#757575;
    color:#009900;
    font-size:14px;
    line-height: 1.7;
}

.bottomBanner {
    margin-left: 0px;
    background: #aaffff;
    padding-top: 2px;
    padding-bottom: 0px;
    padding-left: 0px;
    bottom: 0px; /*for positioning we use top, bottom, not margin */
    position: fixed;
    height: 40px;
    width: 100%;
    z-index: 10000;/* needed so that daemon alert is behind the task bar */
    /*border-bottom: 1px #008fff solid;*/
}

/*overall task bar style: taskbar ol*/
ol.taskbar {
    height: 2em;
    list-style: none; /* without this number will appear on list */
    margin: 0;
    padding: 0;

    font-size: 14pt;
    font-family: helvetica, geneva, sans serif ;
    /*letter-spacing:1.2px;*/
    font-weight: 600;
    font-weight: normal;
    height: 100%;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    text-decoration: none;
    cursor: pointer;
    width: 4000px;/* wide format for large screen */
    border: solid #48f 1px; /* this gives the top line */
    /*border: solid #eeeeee 1px;  this gives the top line and the roundish shape */
    /*border-top: solid #48f 1px;*/
}


/*ol id is toc: each cell is a li */
li.normal {
    float: left;
    margin: 0 0 0 1px; /* 1px white line */
    background: #bdf url(tabs.gif);
    color: #008;
    /*display: block;*/
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-decoration: none;
    text-align: center;
    height: 40px;
    font: 13px/18px "Lucida Grande","Lucida Sans Unicode","Helvetica,Arial,Verdana,sans-serif";
    background-image:url('bottombg.png');
}
li.help{
    float: left;
    margin: 0 0 0 -1px; /* 1px white line */
    background: #bdf url(tabs.gif);
    color: #008;
    /*display: block;*/
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 7px;
    text-decoration: none;
    text-align: center;
    height: 40px;
    font: 13px/18px "Lucida Grande","Lucida Sans Unicode","Helvetica,Arial,Verdana,sans-serif";
    background-image:url('bottombg.png');

}


li.occupied {
    background-color: #48f;
    color: #fff;
    background-image:url('junk.png');
    background-position:center;
    z-index: 20000;
}
/* increment does not work; so making it absolute */
li.hover {
    background-color: #33aa55;
    background-color: #ffffff;
    color: #0000ff;
    /*color:white;*/
   background-image:url('bottombgover.png');
}
/*hover over li for IE needs special HTML declaration on the bottom.html page*/
/* ol#toc li:hover {   background-color: #7af;   color:white;} */
/* specially handle release and logout */
ol li#release
{

    padding-right: 800px;
}
ol li#home{   margin-left: -5px;}
ol li#logout{   background-image:url('logoutbg.png');}
.logoutStyle{
    background-color: #5555aa;
    /*background-color: #55aaaa;*/
    display: inline;
}

/* new styles */
.legacySol{padding: 5px; color: #00aa00; border-top: 1px solid red; border-bottom: 1px solid red;}

/*  testcodes */
div.testcodespre{border: 1px solid; border-radius: 5px; padding: 10px; left-margin: 20px; }