/*
  tpg_basic2.css
  Mike Foster (Cross-Browser.com)
*/

* {
  margin:0;
  padding:0;
}

/* */

.tabPanelGroup {
  position:relative;
  overflow:hidden;
  background:#CFD4E6;
}
.tabGroup {
  padding:4px 0 0 0;
  overflow:hidden;
  background:#FFF;
}
.tabPanel {
  padding:10px;
  color:#000;
  background:#CFD4E6;
}
.tabDefault {
  padding:2px;
  background:#FFF;
}
.tabSelected {
  padding:2px;
  color:#000;
  background:#CFD4E6;
}

/* */

.tabGroup a.tabDefault:link,
.tabGroup a.tabDefault:visited,
.tabGroup a.tabDefault:active,
.tabDefault {
  overflow:hidden;
  cursor:pointer;
  background:#FFF;
  font-weight:normal;
  text-align:center;
  text-decoration:none;
  border-top:1px solid #CFD4E6;
  border-right:1px solid #CFD4E6;
  border-bottom:none;
  border-left:1px solid #CFD4E6;
}
.tabGroup a.tabDefault:hover,
.tabDefault:hover {
  overflow:hidden;
  cursor:pointer;
  background:#CFD4E6;
  font-weight:normal;
  text-align:center;
  text-decoration:none;
  border-top:1px solid #CFD4E6;
  border-right:1px solid #CFD4E6;
  border-bottom:none;
  border-left:1px solid #CFD4E6;
}

.tabGroup a.tabSelected:link,
.tabGroup a.tabSelected:visited,
.tabGroup a.tabSelected:active,
.tabGroup a.tabSelected:hover,
.tabSelected {
  overflow:hidden;
  cursor:pointer;
  background:#CFD4E6;
  font-weight:bold;
  text-align:center;
  text-decoration:none;
  border-top:1px solid #596380;
  border-right:1px solid #596380;
  border-bottom:none;
  border-left:1px solid #596380;
}

/* unfinished experiments */

#tpg1 {
  width:400px;
  height: 250px;
}

#tpg2 {
  width:100%;
  height: 250px;
}