/************************************************
  common.css

  This is the "master" CSS file for HTMLisEasy.com.
  Most pages call it with something like the following....
  <link rel="stylesheet" type="text/css" href="common/common.css">

  In addition to this one, there are others sprinkled about
  for a few specific pages here and there. To examine them,
  look at the source of any page and look for stylesheet links
  like the one above.

  I created it and edited it by hand with a text editor. If
  you've read any of my stuff then you know that that the text
  editor I'm in awe of and swear by is NoteTab Pro...
  http://www.htmliseasy.com/notetab.html

  -JB
************************************************/

body {
   margin-top:0;
   background-color:#ffffff;
   color:#000000;
}


#navbar {
   background-color:#002277;
   width:100%;
   font-size:11px;
   font-family:tahoma,arial,sans-serif;
   color:#cccccc;
   padding-top:1px;
   padding-bottom:2px;
   margin-bottom:4px;
}

a.navbar1:link    { background-color:#112277; color:#44dd44; text-decoration:none; }
a.navbar1:visited { background-color:#112277; color:#44dd44; text-decoration:none; }
a.navbar1:active  { background-color:#112277; color:#44dd44; text-decoration:none; }
a.navbar1:hover   { background-color:#112277; color:#66ff66; text-decoration:none; }

a.navbar2:link    { background-color:#112277; color:#eeeeee; text-decoration:none; }
a.navbar2:visited { background-color:#112277; color:#eeeeee; text-decoration:none; }
a.navbar2:active  { background-color:#112277; color:#eeeeee; text-decoration:none; }
a.navbar2:hover   { background-color:#112277; color:#ffffff; text-decoration:none; }


#header {
   height:38px;
   width:100%;
   background-image:url("easy_header_lg_back.gif"/*tpa=http://www.htmliseasy.com/common/easy_header_lg_back.gif*/);

}

#header_nsb {
   height:28px;
   width:100%;
   background-image:url("easy_header_sm_back.gif"/*tpa=http://www.htmliseasy.com/common/easy_header_sm_back.gif*/);

}




#adbanner_a {
   clear:both;
   margin-top:4px;
   margin-bottom:20px;
}

#adbanner_b {
   clear:both;
}


#sidebar {
   float:left;
   width:160px;
   margin-right:12px;
   margin-bottom:10px;
}

#sidebar_nsb {
   width:550px;
   margin:0px auto 10px auto;
   clear:both;
}

#sidebar_links {
   border:solid 1px #33a033;
   font-family:tahoma,sans-serif;
   font-size:11px;
   background-color:#eeeeee;
   color:#000000;
   margin-bottom:10px;
}

#sidebar_link_heading {
   background-color:#33a033;
   color:#ffffff;
   font-weight:bold;
   text-align:center;
   padding-top:1px;
   padding-bottom:2px;
}

#sidebar_links ul {
   padding:4px 0px 0px 0px;
   margin:0;
   list-style:none;
   line-height:14px;
}

a.sblinks:link    { color:#0000dd; text-decoration:none; background-color:#eeeeee; }
a.sblinks:visited { color:#0000dd; text-decoration:none; background-color:#eeeeee; }
a.sblinks:active  { color:#0000dd; text-decoration:none; background-color:#eeeeee; }
a.sblinks:hover   { color:#000088; text-decoration:none; background-color:#aaddff; }

li.reglr {
   margin:0px 2px 0px 4px;
   padding:0;
}
li.space {
   margin:0px 2px 5px 4px;
   padding:0;
}

span.nupdate {
   color:#ee0000;
   background-color:#ffff00;
   font-weight:bold;
   font-family:arial,sans-serif;
   font-size:90%;
   padding:0px 2px 0px 2px;
}

img.noborder {
   border-width:0;
}


#bottom_adbanner {
   text-align:center;
   margin-bottom:10px;
}

#footer {
   clear:both;
   text-align:center;
   font:normal 11px verdana,sans-serif;
   border-top:solid 1px #bbbbbb;
   padding-top:4px;
   padding-bottom:10px;
}
#footerquip { color:#000000; background-color:#ffffff; }




td.nsbtd {
   vertical-align:top;
   padding:0px 3px 5px 3px;
}










div.adright { float:right; clear:right; margin:5px 6px 10px 10px; }
div.adleft  { float:left;  clear:left;  margin:5px 10px 10px 0px; }




p.regtext          { font:normal 94% verdana,sans-serif;
/* background-color:pink; */
 }
div.regtext        { font:normal 94% verdana,sans-serif; }
ol.regtext         { font:normal 94% verdana,sans-serif; }
ul.regtext         { font:normal 94% verdana,sans-serif; }
table.regtext      { font:normal 94% verdana,sans-serif; }
dl.regtext         { font:normal 94% verdana,sans-serif; }
span.regtext       { font:normal 94% verdana,sans-serif; }
blockquote.regtext { font:normal 94% verdana,sans-serif; }

h1.regtext { font:normal 220% arial,sans-serif; }
h2.regtext { font:normal 160% arial,sans-serif; }
h3.regtext { font:normal 130% arial,sans-serif; }



tt.ttcode {
   /* font:normal 13px "courier new",monospace; */
}
pre.precode {
   /* font:normal 13px "courier new",monospace; */
   background-image:url("pregrad.gif"/*tpa=http://www.htmliseasy.com/common/pregrad.gif*/);
   background-repeat:repeat-y;
   padding-left:3px;
}
pre.precodegr {
   /* font:normal 13px "courier new",monospace; */
   background-image:url("pregradgr.gif"/*tpa=http://www.htmliseasy.com/common/pregradgr.gif*/);
   background-repeat:repeat-y;
   padding-left:3px;
}
pre.precodelt {
   /* font:normal 13px "courier new",monospace; */
   background-image:url("pregradlt.gif"/*tpa=http://www.htmliseasy.com/common/pregradlt.gif*/);
   background-repeat:repeat-y;
   padding-left:3px;
}
pre.precode_noback {
   /* font:normal 13px "courier new",monospace; */
}
pre.precodebordered {
   /* font:normal 13px "courier new",monospace; */
   background-image:url("pregrad.gif"/*tpa=http://www.htmliseasy.com/common/pregrad.gif*/);
   background-repeat:repeat-y;
   padding-left:3px;
   border-top:solid 1px #669966;
   border-bottom:solid 1px #669966;
   border-left:solid 1px #669966;
}





span.redtext   { color:#ee0000; }
span.greentext { color:#009900; }
span.bluetext  { color:#0000ee; }
span.bluetext2 { color:#0033cc; }
span.graytext  { color:#aaaaaa; }

span.linklike {
   color:#0000ff;
   text-decoration:underline;
   cursor:pointer;
}

span.underline{
   text-decoration:underline;
}



hr.hvydivide {
   height:2px;
   color:#aeaeae;
   background-color:#ffffff;
}

hr.ltdivide {
   height:1px;
   color:#cccccc;
   background-color:#ffffff;
}

hr.halfdivide {
   height:1px;
   width:50%;
   text-align:left;
   color:#dddddd;
   background-color:#ffffff;
}



div.netbar_wrap {
   width:560px;
   margin-bottom:15px;
   margin-top:15px;
}
div.netbar_top {
   height:70px;
}
div.netbar_bottom {
   border-left:2px solid #0C52E6;
   border-right:2px solid #0C52E6;
   border-bottom:2px solid #0C52E6;
   padding:10px 8px 40px 8px;
}


div.faq {
   background-color:#dddddd;
   color:#000000;
   font:normal 94% verdana,sans-serif;
   border-width:1px 1px 1px 6px;
   border-color:#dddddd #dddddd #dddddd #888888;
   border-style:solid;
   margin-right:10px;
   margin-bottom:15px;
   padding:1px 12px 1px 12px;
}


p.spec_note {
   background-color:#ffffee;
   border:dashed 1px #dd9966;
   padding:10px;
   width:95%;
   /* font:normal 13px verdana,sans-serif; */
   font-family:verdana,sans-serif;
   font-size:85%;
}
div.spec_note {
   background-color:#ffffee;
   border:dashed 1px #dd9966;
   padding:10px;
   width:95%;
   /* font:normal 13px verdana,sans-serif; */
   font-family:verdana,sans-serif;
   font-size:85%;
}










/* lesson navigator */

div.backnextdiv {
   text-align:center;
   clear:right;
   margin-top:36px;
}
div.backnextdiv2 {
   text-align:center;
   clear:right;
   border-top:solid 1px #dddddd;
   border-bottom:solid 1px #dddddd;
   margin-bottom:20px;
}


a.backnext:link    { font:bold 16px arial,sans-serif; color:#0000ee; background-color:#ffffff; text-decoration:none; margin-left:12px; margin-right:12px; }
a.backnext:visited { font:bold 16px arial,sans-serif; color:#0000ee; background-color:#ffffff; text-decoration:none; margin-left:12px; margin-right:12px; }
a.backnext:active  { font:bold 16px arial,sans-serif; color:#0000ee; background-color:#ffffff; text-decoration:none; margin-left:12px; margin-right:12px; }
a.backnext:hover   { font:bold 16px arial,sans-serif; color:#4477ff; background-color:#ffffff; text-decoration:none; margin-left:12px; margin-right:12px; }


table.lesson_navigator {
   margin-left:auto;
   margin-right:auto;
   font:normal 11px verdana,sans-serif;
   color:#555555;
   text-align:center;
   background-color:#ffffff;
}
a.ln_links:link    { color:#0000ee; text-decoration:none; background-color:inherit; }
a.ln_links:visited { color:#6600cc; text-decoration:none; background-color:inherit; }
a.ln_links:active  { color:#cc33ff; text-decoration:none; background-color:inherit; }
a.ln_links:hover   { color:#000088; text-decoration:none; background-color:#aaddff; }

td.ln_heading {
   background-color:#125598;
   color:#ffffff;
   padding-left:12px;
   padding-right:12px;
   padding-bottom:2px;
}
td.ln_middle {
   border-bottom:solid 1px #cccccc;
   padding-left:12px;
   padding-right:12px;
}
td.ln_bottom {
   border-bottom:solid 2px #125598;
   padding-left:12px;
   padding-right:12px;
}
td.ln_logo {
   text-align:right;
}









p.underconst{
   font:normal 22px tahoma,arial,sans-serif;
   text-align:center;
   margin-top:30px;
   margin-bottom:200px;
}






/* show/hide code chunks */
a.showcode {
   color:#336633;
   text-decoration:none;
}
div.showcode {
   background-image:url("pregrad.gif"/*tpa=http://www.htmliseasy.com/common/pregrad.gif*/);
   font:normal 11px tahoma,sans-serif;
   padding-bottom:3px;
   padding-top:2px;
   padding-left:3px;
}
img.showcode {
   border-width:0;
   margin-right:5px;
}