/* --- generic elements --- */

body {
  font-family: "verdana", "trebuchet ms", "myriad", Arial, sans-serif;
  background:url("../images/fade_bg.gif")  rgb(244,240,213) repeat-x;
  color:rgb(120,120,120);
  }

body, form, select, input, div, ul, p, ol, li, img, table, td, th, h1, h2, h3, h4, h5, h6, pre, textarea, label {
  padding:0px;
  margin:0px;
  font-size:12px;
  line-height:15px;
  font-family: "verdana", "trebuchet ms", "myriad", Arial, sans-serif;
  font-weight:100;
  }
  
/* --- main elements --- */

#container {
  position:relative;
  background:url("../images/content_bg.gif") rgb(243,233,173) repeat-y;
  width:736px;
  margin: 0px auto 0px auto;
  }

#titlebar {
  height:100px;
  color:rgb(255,255,255);
  /* border:1px rgb(0,0,0) solid; */
  padding: 0px 0px 2px 0px;
  }

#tabbar, #tabbar-demo, #tabbar-student, #tabbar-student-demo {
  height:25px;
  color:rgb(255,255,255);
  text-align:left;
  /* border:1px rgb(0,0,0) solid; */
  padding:0px 10px 0px 34px;
  }

#tabbar-demosite, #tabbar-student-demosite {
  height:25px;
  color:rgb(255,255,255);
  text-align:right;
  /* border:1px rgb(0,0,0) solid; */
  padding:2px 10px 2px 34px;
  }

#content {
  position:relative;
  margin: 0px 0px 0 0px;
  padding: 26px 0px 0px 120px;
  width: 500px;
  }

#breadcrumbs {
  display:none;
  }

#sidemenu {
	margin:24px 0px 10px 20px;
  text-align: right;
  width:156px;
  color:rgb(220,120,0);
  /* border:1px rgb(0,0,0) solid; */
  }
  
#bottom {
  clear:both;
  background:url("../images/bottom.gif") rgb(244,240,213) no-repeat;
  height:20px;
  padding:0px 0px 0px 0px;
  }

#brand div {
  text-align:center;
  font-size:10px;
  color: rgb(200,175,80);
  }
  
#brand {
  padding:2px 0px 20px 0px;
  }
  
ul.sidemenu {
  list-style:none;
  margin:0px;
  padding:8px 0px 8px 0px;
  }
  
ul.sidemenu li { 
  padding:2px 0px 2px 0px;
  /* background:rgb(220,220,220); */
  }
  
ul.bullet {
  list-style-type: bullet;
  }
  
ol.number {
  list-style-type: decimal;
  }
  
ol.roman {
  list-style-type: roman;
  }

ol.loweralpha {
  list-style-type: lower-alpha;
  }
  
ol.upperalpha {
  list-style-type: upper-alpha;
  }
 /* ----------- listing styles -----------
item- listing style
series- series page style
product- product page style
----------------------------------------*/

 .listing-box {
  padding:16px 0px 0px 0px;
  }
    
 .listing-item {
  clear:both;
  border-color: rgb(200,120,0);
  border-width:1px 0px 0px 0px;
  border-style:dotted;
  padding:0px 0px 6px 0px;
  }
 
 .item-author, .series-author, .product-author {
  font-style:italic;
  color:rgb(220,190,80);
  }

 .item-author {
  font-size:11px;
  padding:2px 0px 4px 24px;
  }

 .series-author, .product-author {
  font-size:12px;
  padding:2px 0px 4px 0px;
  }

 .item-icon {
  padding:0px 7px 0px 2px;
  }
 
 .item-title {
  padding:6px 0px 0px 0px;
  font-size:14px;
  color:rgb(60,60,60);
  }
  
 .no-author {
  height:4px
  }
 
 .item-desc {
  font-size:11px;
  line-height:12px;
  padding:0px 0px 0px 24px;
  }
 
 .item-links {
  float:right;
  padding:0px 0px 5px 0px;
  }
   
 .item-links img {
  padding:2px 0px 0px 5px;
  }
   
 .index-title {
  font-size:13px;
  color:rgb(60,60,60);
  padding:2px 6px 2px 0px;
  }
  
 .index-title img {
  padding:0px 6px 0px 0px;
  }
  
  /* -------- general markup styles -------- */ 
  
 .two-column-list td {
  vertical-align:top;
  }
 
  .example-icon {
  padding-right: 6px;
  vertical-align:middle;
  }

 .inline-icon {
  padding-right: 4px;
  vertical-align:middle;
  }

 .copyright-details {
  text-align:center;
  padding:16px 0px 6px 0px;
  }
  
 .copyright-details p {
  text-align:center;
  font-size:11px;
  line-height:13px;
  padding:2px 0px 2px 0px;
  }
  
 .hidden {
  margin:8px 0px 0px 0px;
  }

 .hidden th, .hidden td {
  padding: 2px 8px;
  }

 .hidden th {
  color: rgb(200, 120, 0);
  text-align:right;
  }
  
 .expand-icon {
  vertical-align:middle;
  padding:0px 6px 0px 0px;
  }

 .expand { 
  padding:6px 0px 0px 0px;
  }
  
 .expand-content {  
  padding-left:22px;
  }
  
 /* -------- generic -------- */

a {
  color:rgb(0,120,220);
  text-decoration:none;
  }
  
a:hover {
  color:rgb(255,150,0);
  }

a img {
  border:0px;
  }
  
p {
  padding: 4px 0 4px 0;
  }
  
li {
  padding:0px 0px 4px 0px;
  }
  
h2 {
  color:rgb(220,100,0);
  font-size: 21px;
  padding:0px 0px 6px 0px;
  line-height: 24px;
  }
  
h3 {
  padding:8px 0px 2px 0px;
  font-size:14px;
  color:rgb(220,100,0);
  }

h4 {
  padding:0px 0px 0px 0px;
  font-size:12px;
  color:rgb(220,100,0);
  }

sup {
  font-size:7px;
  vertical-align:top;
  color:rgb(0,0,0);
  }

sub {
  font-size:7px;
  vertical-align:baseline;
  }

em {
  font-style:normal;
  color:rgb(0,0,130);
  font-weight:100;
  }

cite {
  font-style:italic;
  font-weight:100;
  }

.product {
  font-style:italic;
  color:rgb(70,70,120);
  }

ol, ul {
  margin-left:12pt;
  }

table {
  margin:10px 0px;
  }
  
td, th {
  padding:4px 12px 4px 12px;
  border:1px rgb(250,235,200) solid;
  border-width:0px 0px 1px 0px;  
  }

th {
  text-align:left;
  font-weight:700;
  color:rgb(220,100,0);
  }
  
.line1 td {
  padding:3px 12px 3px 12px;
  background:rgb(255,245,220);
  }

h4.linkback {
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  }

div.filelink img {
  vertical-align:middle;
  margin:3px 8px 3px 0px;
  border:none;
}
 
  
/* -------- printing -------- */

@media print {
  #topbar, #bottom { display:none; }
  #content { padding:0; }
  #container { width:100%; padding:0; margin:0; }
  #container, #content { float:none; position:static; }
}