/*  CSS Document  */
/*  Written by JuhwanPark with a reference of a tutorial at Lynda.com by Chris Converse  */

/* styles */


body {
  font: 14px Arial;
  margin: 0px;
  padding: 30px;
  background-color: #fff;
}

a,
a:visited { color: #00f; }

h1.fpo_text {
  color: #aaa;
  font-family: Times;
  font-size: 24px;
}

p.fpo_text {
  color: #aaa;
  font-family: Times;
  font-size: 16px;
}

.slidingTab h2 {
  font-size: 1.15em;
  margin: 0 0 .5em 0;
}

.slidingTab p {
  font-size: 1em;
  margin: 0 0 1em 0;
}

.slidingTab { width: 380px; }

.slidingTab .tab {
  position: relative;
  z-index: 101;
  display: block;
}

.slidingTab .tab span {
  display: inline-block;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 8px 20px;
  margin: 0px;
  background-color: #fff;
  cursor: pointer;
  position: relative;
}

.slidingTab .tab span:first-child {
  border-left: 1px solid #ccc;
  border-top-left-radius: 10px;
  border-right: 1px solid #ccc;
  margin-right: -4px;
}

.slidingTab .tab span:last-child {
  border-right : 1px solid #ccc;
  border-top-right-radius: 10px;
  border-left: 1px solid #ccc;
  margin-left: -4px;
}

.slidingTab .tab span.selected {
  color: #999;
  border-bottom: 1px solid #fff;
}

.slidingTab .panel_container {
  position: relative;
  border: 1px solid #ccc;
  background-color: #fff;
  z-index: 100;
  margin-top: -1px;
  border-top-right-radius: 10px;
  overflow: hidden;
}

.slidingTab .panel_container .panels {
  position: absolute;
  top: 0px;
}

.slidingTab .panel_container .panel { position: absolute; }

.slidingTab .panel_container .panel .panel_content { padding: 15px; }