/* tab styles */
#tabrow {
 margin:0px;
 padding-left:0px;
 width: auto ;
 font-size:small;
 letter-spacing:0.3pt;
 line-height:1;
 height:30px;
}

#tabrow ul {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	z-index:2;
	width: 145px;
}

#tabrow li {
  font-family:Tahoma, Arial; font-weight:bold; color: #FFFFFF;
  float:left;
  font-size:11px;
  background-image: url(../images/tab_bg.jpg); background-repeat: repeat-x;
  color: #FFFFFF; font-weight:bold;
  margin-right:3px;
  height:10px;
  padding-top:10px;
  padding-left:18px;
  padding-right:18px;
  padding-bottom:10px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border-top:solid #1791AA 1px;
  border-left:solid #1791AA 1px;
  border-right:solid #1791AA 1px;
  border-bottom:solid #1791AA 1px;
  border-bottom-width:0;
  border-bottom-color:transparent;
  cursor:pointer;
}


#tabrow li.select {
background:#5CC2CD;
  font-family:Tahoma, Arial; font-weight:bold; color:#000000;
  height:10px;
}

/* page styles */
#midbox {
   width:255px;
   background-color:#5CC2CD;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
/*#midbox1 {
   width:485px;
   background-color:#5CC2CD;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
#topbox {
  background-color:#FFFFFF;
  border: solid #1791AA 1px;
  margin-bottom:2em;
  padding-top:20px;
}*/
#midbox {
  border: solid #1791AA 1px;
  background-color:#5CC2CD;
  margin-bottom:10px;
  }
#midbox p {
  margin:0;
  padding-bottom:1ex;
}
h1 {
  font-size:x-large;
  color:#d18846;
}
h2 {
  color:#000;
  font-size:large;
  font-family:Arial, Helvetica, sans-serif;
}
h1, #topbox h2 {
  margin:0 15pt;
  padding: 5pt 0;
}
div.subpage {
padding:5px;
}
/* styles for the demo sub-pages */
/*#demo2 {
  margin: 0.5in auto;
  border: 0px solid #fff;
  color: #fff;
  width: 60%;
  padding: 20px;
  text-align: left;
  background-color: #33F;
  border: 3px solid #fff;

  background-image: url(backrepeat.jpg);
  background-repeat: repeat-x;

  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
#demo3 {
  margin: 20px auto;
  color: #fff;
  width: 500px;
  height: 550px;
  padding-left:2em;
  background-image: url(backtest.jpg);
  background-repeat: no-repeat;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
#demo4 {
  margin: 0.2in auto;
  color: #fff;
  width: 60%;
  padding: 20px;
  text-align: left;
  background-color: #33F;
  -webkit-border-bottom-right-radius: 20px;
  -webkit-border-top-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomright: 20px;
}
.demo5 {
  margin: 0 auto;
  color: #fff;
  width: 300px;
  padding: 20px;
  text-align: left;
  background-color: #f00;
  border: 3px solid #000;
  margin-bottom: 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

.demo6 {
  margin: 0 auto;
  color: #fff;
  width: 300px;
  padding: 20px;
  text-align: left;
  background-color: #f00;
  border: 3px solid #000;
  margin-bottom: 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
.demo7 {
  margin: 0 auto;
  color: #fff;
  width: 300px;
  padding: 20px;
  text-align: left;
  background-color: #f00;
  border: 3px solid #000;
  margin-bottom: 10px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
*/
.box2{
  background-color: #0f0;
  text-align:center;
}

.box3{
  background-color: #00f;
  text-align:right;
}