/* There are two tab types -- active, and inactive.
*/

td.activeTab, td.inactiveTab {
  text-align: center;
  vertical-align: top;
  color:#efefef;
}

td.activeTab {
  font-weight:bold;
  background-color:#6699cc;
}

td.inactiveTab {
  background-color:#efefef;
  cursor: pointer;
}

div.inactive1 {
  height: 4px;
  background: url(/templates/los_angeles/images/ulborder.gif) no-repeat top left;
}

div.inactive2 {
  height: 4px;
  background: url(/templates/los_angeles/images/urborder.gif) no-repeat top right;
  padding: 0 4px;
}

div.inactive3 {
  border-top: 1px solid #c6ced7;
}

div.inactiveTabText {
  border-left: 1px solid #c6ced7;
  border-right: 1px solid #c6ced7;
  padding: 0px 1em 2px;
  color: blue;
  white-space: nowrap;
}

div.inactiveTabText a {
  text-decoration: none;
  color: blue;
}

div.active1 {
  height: 4px;
  background: url(/templates/los_angeles/images/ul.gif) no-repeat top left;
}

div.active2 {
  height: 4px;
  background: url(/templates/los_angeles/images/ur.gif) no-repeat top right;
  padding: 1px 6px;
}

div.active3 {}

div.activeTabText {
  padding: 0px 1em 2px;
  color: #fff;
  white-space: nowrap;
}

/* second level bar */
#subTabs div.subtab2 {
  height: 4px;
  background: url(/templates/los_angeles/images/images/ur.gif) no-repeat top right;
  padding: 1 4px;
}

#subTabs td {
  color: #cbe5ff;
  padding: 4px;
  background: #6699cc;
  white-space: nowrap;
}

#subTabs span.activeText {
  font-weight: bold;
  color: #cbe5ff;
  display: inline;
}

#subTabs span.inactiveText {
  color: #fff;
  margin: 0 1px;
  display: inline;
}

#subTabs span.inactiveText a {
  color: #fff;
}

table.breadcrumbContainer {
  background:#E6F3FF;
  width: 100%;
}

table.breadcrumbContainer td {
  padding: 4px;
  padding-left: 8px;
}

#crumbs span.activeText {
  font-weight: bold;
}

/* page submenu tabs */

.submenu {
  border-bottom: 1px solid #ccc;
  margin: 0;
  margin-top: 1em;
  padding-bottom: 23px;
  padding-left: 10px;
}

.submenu ul, .submenu li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.submenu span {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}

.submenu a:link, .submenu a:visited {
  background: #E8EBF0;
  border: 1px solid #ccc;
  color: blue;
  float: left;
  font-weight: normal;
  line-height: 14px;
  margin-right: 8px;
  padding: 4px 10px 4px 10px;
  text-decoration: none;
}

.submenu a:link.activeProduct, .submenu a:visited.activeProduct	{
  background: #fff;
  border-bottom: 1px solid #fff;
  color: #000;
}

.submenu .activeProduct {
  text-decoration: none;
  background: #fff;
  border-bottom: 1px solid #fff;
  color: #000;
  font-weight: bold;
  cursor: text;
}
div.submenutables {
  width: 100%;
  border: 1px solid #ccc;
  border-top: 0;
  clear: left;
}

table.submenutables {
  padding: 1em;
}

div.submenutables h3 {
  margin: 0;
}

div.activeSection {
  display: block;
}

div.inactiveSection {
  display: none;
}

table.reftable {
  border-collapse: collapse;
  width: 100%;
}

table.reftable td.body {
  border-width: 0;
  padding-top: 2em;
}

table.reftable th {
  font-weight: bold;
  padding: 1em 1em 0 1em;
  vertical-align:  top;
}

table.reftable th span {
  font-weight: normal;
  color: #666;
}

table.reftable td {
  border: 1px solid #ddd;
  border-width: 1px 0;
  padding: 1em;
}

table.reftable td.code {
  width: 150px;
  /*padding: 0;*/
}

table.reftable td.preview {
  background: #eee;
  padding: 1em 0em 1em 0em;
}

table.reftable td.preview img {
  vertical-align: middle;
}

table.reftable td.preview label {
  /*width: 25%;*/
  display: block;
  float: left;
  margin: 1em 1em 1em 1em;
  white-space: nowrap;
}

table.reftable textarea {
  height: 175px;
  margin: 0;
  background: #f0f0f0;
}