/* tabholder Starts */

div#page{border: 0px solid #ff0;}

div#tabholder{
   border: 0px solid blue;
}

div#tabholder a{
   text-decoration: none;
}

div#tabholder ul.tabs{
   border: 0px solid purple;
   background-color: #ffe;
   list-style: none;
   padding: 0;
   margin: 0;
   display: table;
   z-index: 200;
}

div#tabholder ul.tabs li{
   display: inline;
   padding: 0.2em;
   margin: 0;
   border: 1px solid #cce;
}

div#tabholder ul.tabs li.selected{
   background-color: #e2e7e6;
   border-bottom: none;
}

div#tabholder div#subtabholder ul{
  list-style: none;
   padding: 2px 0 3px 0;
   margin: 3px 0 0 0;
   display: table;
   border: 1px solid black;
   z-index: 100;
}

div#tabholder div#subtabholder li{
   display: inline;
   padding: 0.2em;
   margin: 0;
   border: 0px solid #333;
   background-color: #e2e7e6;
}

/* story tab nav */

div#storytabs {
	border-left: 1px solid #cccccc;
	position: relative;
	top: 1px;
	display: block;
	}

div#tabholder ul.storytabs{
   border-right: 1px solid #cce;
   background-color: #ffe;
   list-style: none;
   padding: 0;
   margin: 0;
   display: table;
   z-index: 200;
}

div#tabholder ul.storytabs li{
   display: inline;
   padding: 0 0.2em;
   margin: 0;
   border: 1px solid #cce;
   background-color: #f0f4f5;
}

div#tabholder ul.storytabs li:first-child {
	border-left-width: 1px;
	}

div#tabholder ul.storytabs li.selected{
   background-color: #fff;
   border-bottom: none;
   border-width: 1px 0 0 0;
}

.storycontent{
  border: 1px solid #cce;
  z-index: 100;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 10px 10px;
  display: none;
}

div.storycontent ul li{
  list-style: none;
  padding: 0;
  margin: 0;
}

.storyactive{
   display: block;
   cursor: text;
}

#div2 {
   font-size: inherit;
}

.storyactive a{
   cursor: text;
}
/* tabholder Ends */