/*
  This file is intended to contain custom styles for simple customization scenarios. This file is specified
  after all standard CSS files, so rules defined here with the same specificity as those in standard CSS
  files should apply.

  It is considered a best practice to add styles via this file instead of directly modifying a standard CSS
  file. This approach allows for more straightforward upgrade, bugfix and migration scenarios.

  Potential simple customization scenarios might include color/font changes, padding/margin changes, etc.

  Colors
     Blue-Lighter   #DAE9EE
     Blue-Light     #C8DFE5
     Blue-Medium    #006B85
     Blue-Dark      #034E63
     Grey-Light     #CCCCCC
     Grey-Medium    #818181
     Grey-Dark      #333333
     Orange-Light   #FFECDD
     Orange-Medium  #FD923C
     Orange         #DB6D16
     Orange-Dark    #C43607
     Red            #DB0100
*/

a:link,
a:active,
a:visited,
a:hover {
  color: #2A9EB7;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
}

body {
  color: #333333;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  overflow: auto;
  text-align: center;
}

form {
  padding: 0px;
  margin: 0px;
}

html {
  background-color: #FFFFFF;
}

img {
  border: none;
  margin: 0px;
  padding: 0px;
}

h1 {
  font-size: 18px;
}

h2 {
  font-size: 16px;
}

h3 {
  font-size: 14px;
}

h1, h2, h3 {  
  margin: 0px;
}

input,
select,
textarea {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}

.body-content {
  text-align: left;
  width: 950px;
  margin: 0 auto;
}

.wlp-bighorn-book-content {
  border: none;
  background-color: #FFFFFF;
  margin-top: 5px;
}

.wlp-bighorn-footer {
  border: none;
  clear: both;
  font-size: 10px;
  padding: 15px 0px;
  text-align: center;
}

.wlp-bighorn-footer a:link,
.wlp-bighorn-footer a:visited,
.wlp-bighorn-footer a:active,
.wlp-bighorn-footer a:hover {
  color: #006B85;
  font-size: 10px;
  margin: 0px 5px;
}

.wlp-bighorn-footer .copyright {
  padding-right: 20px;
}

.wlp-bighorn-header {
  background-image: url('../images/header/bg-header.jpg');
  background-repeat: no-repeat;
  background-color: #3e9baa;
  border: none;
  height: 80px;
  overflow: hidden;
}

.wlp-bighorn-menu
{
  background-image: url('../images/header/bg-topNav.gif');
  background-repeat: repeat-x;
  color: #FFFFFF;
  height: 25px;
}

.wlp-bighorn-menu-menu-panel {
  float: left;
}

.wlp-bighorn-menu-button-panel {
  float: right;
}

.wlp-bighorn-page {
  padding: 0px;
}

.wlp-bighorn-page-content {
  padding-top: 0px;
}

.wlp-bighorn-titlebar {
  background-color: #2A9EB7;
  color: white;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 15px;
  overflow: hidden;
  width: 100%;
}

.wlp-bighorn-titlebar div {
  white-space: normal;
}

.wlp-bighorn-titlebar-button-panel {
  display: none;
}

.wlp-bighorn-titlebar-title-panel,
.wlp-bighorn-titlebar-button-panel {
  margin: 1px 2px;
}

.wlp-bighorn-window {
  border: none;
  margin: 0px 0px 12px 0px;
}

.wlp-bighorn-window-content {
  border: 1px solid #CCCCCC;
  overflow: auto;
  padding: 0px 0px 0px 0px;
  width: auto;
}

.header-left {
  float: left;
}

.header-right {
  background-image: url('../images/header/bg-toolbar.gif');
  background-repeat: repeat-x;
  float: right;
  vertical-align: top;
  width: 750px;
}

.toolbar {
  color: #034E63;
  font-size: 11px;
  font-weight: bold;
  height: 24px;
}

.toolbar-corner {
  float: left;
}

.toolbar-item {
  float: left;
  margin-top: 6px;
}

.toolbar-item a,
.toolbar-item a:link,
.toolbar-item a:visited,
.toolbar-item a:active,
.toolbar-item a:hover {
  color: #FFFFFF;
  font-size: 9px;
  font-weight: normal;
  padding-left: 2px;
}

.toolbar-item-bold a,
.toolbar-item-bold a:link,
.toolbar-item-bold a:visited,
.toolbar-item-bold a:active,
.toolbar-item-bold a:hover,
.toolbar-item-social-icon {
  float: left;
  margin-top: 6px;
  color: #034E63;
  font-size: 11px;
  font-weight: bold;
  height: 24px;
  text-decoration: none;
}

.toolbar-item-social-icon {
  margin-top: 0px;
  padding-left: 5px;
}

.toolbar-seperator {
  float: left;
  margin: 0px 8px;
}

.toolbar-welcome {
  float: right;
  margin: 6px 10px 0px 0px;

}

.toolbar-buttons {
  vertical-align: top;
  float: right;
  margin-right: 10px;
}

.username {
  color: white;
}

.search {
  clear: both;
  padding: 0px;
  margin: 17px 5px 0px 0px;
}

.search-text {
  float: right;
}

.search-text input {
  width: 182px;
}

.search-button {
  float: right;
  margin: 2px 0px 0px 5px;
}

.breadcrumbs {
  padding: 0px 0px 15px 0px;
}

.breadcrumbs .seperator {
  font-size: 12px;
  padding: 0px 6px;
}

/**********************************************
  Left Navigation Portlet
**********************************************/

.left-nav
{
  overflow:hidden;
  width: 170px;
}

.left-nav a
{
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 11px;
}

.left-nav .level-0,
.left-nav .level-1 {
  padding: 0px 0px 2px 3px;
  height: auto;
}

.left-nav .level-1
{
  padding: 0px 0px 3px 10px;
  height: auto;
}

.left-nav .level-0 a:link,
.left-nav .level-0 a:visited,
.left-nav .level-1 a:link,
.left-nav .level-1 a:visited {
  color: #1f3351;
  font-weight: bold;
}

.left-nav .level-2
{
  padding: 0px 0px 3px 20px;
  height: auto;
}

.left-nav .level-2 a:link,
.left-nav .level-2 a:visited
{
  color: #1f3351;
}

.left-nav .level-3
{
  padding: 0px 0px 3px 30px;
}

.left-nav .level-3 a,
.left-nav .level-3 a:link,
.left-nav .level-3 a:visited
{
  color: #818181;
}

.left-nav .level-0 a:hover,
.left-nav .level-1 a:hover,
.left-nav .level-2 a:hover,
.left-nav .level-3 a:hover
{
  color: #2a93b7;
}

.left-nav .selected a:link,
.left-nav .selected a:visited,
.left-nav .selected a:hover,
.left-nav .selected a:active {
  color: #2a93b7;
  font-weight: bold;
}

/**********************************************
  portlet border
**********************************************/

#blc
{
  background-image:url(../images/bg_corner_bottom_left.gif);
  background-position: 0% 100%;
  background-repeat: no-repeat;
}

#brc {
  background-image:url(../images/bg_corner_bottom_right.gif);
  background-position: 100% 100%;
  background-repeat: no-repeat;
}

#tlc
{
  background-image:url(../images/bg_corner_top_left.gif);
  background-position: 0% 0%;
  background-repeat: no-repeat;
}

#trc
{
  background-image:url(../images/bg_corner_top_right.gif);
  background-position: 100% 0%;
  background-repeat: no-repeat;
}

#tb, #bb
{
  background-color: transparent;
  background-repeat: repeat-x;
}

#tbc
{
  background-image:url(../images/bg_steps.gif);
  background-position: 0 12px;
  background-repeat: repeat-x;
  width: 762px;
}

#tpbc
{
  background-image:url(../images/bb.gif);
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-color: transparent;
}

#bb {
  background-image:url(../images/bb.gif);
  background-position: 50% 100%;
  padding-top: 10px;
}

#tb {
  background-image:url(../images/bb.gif);
  background-position: 0% 0%;
}

#rb
{
  background-image:url(../images/bb.gif);
  background-position: 100% 0%;
  background-repeat: repeat-y;
}

#lb
{
  background-image:url(../images/bb.gif);
  background-position: 0% 100%;
  background-repeat: repeat-y;
}

.error-messages
{
  text-align: left;
  padding-left:5px;
}

.error-red
{
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #DB0102;
}

/**********************************************
  Tree
**********************************************/

ul.mktree {
  border: none;
}

/* Turn off list bullets */
ul.mktree li {
  list-style: none;
}

/* Control how "spaced out" the tree is */
ul.mktree,
ul.mktree ul,
ul.mktree li {
  margin: 0px;
  padding: 0px;
}

/* Provide space for our own "bullet" inside the LI */
ul.mktree li .bullet {
  padding-left: 15px;
}

/* Show "bullets" in the links, depending on the class of the LI that the link's in */
ul.mktree li.liOpen .bullet
{
  cursor: pointer;
  background: url(../images/product/icon_minus.gif) center left no-repeat;
  margin-left: 10px;
}

ul.mktree li.liClosed .bullet
{
  cursor: pointer;
  background: url(../images/product/icon_plus.gif) center left no-repeat;
  margin-left: 10px;
}

ul.mktree li.liBullet {
}

ul.mktree li.liBullet .bullet {
  cursor: default;
  background: none;
}

/* Sublists are visible or not based on class of parent LI */
ul.mktree li.liOpen ul {
  display: block;
}

ul.mktree li.liClosed ul {
  display: none;
}

/* Format menu items differently depending on what level of the tree they are in */
ul.mktree li {
  color: #2A9EB7;
  padding-top: 10px;
  margin-bottom: 5px;
}

ul.mktree li.liOpen {
  background-color: #e3f1f4;
  padding-bottom: 0px;
}

ul.mktree li.liOpen ul {
  background-color: #ffffff;
  margin-top: 10px;
}

ul.mktree li.liClosed {
  padding-bottom: 10px;
  background-color: #e3f1f4;
}

ul.mktree li ul,
ul.mktree li ul li {
  padding-left: 10px;
}

ul.mktree li ul li {
  padding-top: 5px;
  margin-bottom: 0px;
}

ul.mktree li ul li.liOpen {
  background-color: #ffffff;
  padding-bottom: 0px;
}

ul.mktree li ul li.liOpen ul {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
}

ul.mktree li ul li.liClosed {
  background-color: #ffffff;
  padding-bottom: 0px;
}

ul.mktree li ul li ul,
ul.mktree li ul li ul li {
  margin: 0px;
}

ul.mktree li ul li ul li {
  padding: 2px 0px 2px 20px;
}

ul.mktree li ul li ul li ul,
ul.mktree li ul li ul li ul li {
  padding-left: 15px;
}

ul.mktree .li-desc {
  color: #818181;
  padding-left: 30px;
}

/**********************************************
  Related Documents Tree
**********************************************/
div.related-documents
{
  padding-bottom: 5px;
}

div.related-documents ul.mktree li.liOpen,
div.related-documents ul.mktree li.liClosed
{
  background-color: #ffffff;
  padding: 0px;
  margin: 5px 0px 0px 0px;
}

div.related-documents ul.mktree li.liOpen ul
{
  margin-top: 0px;
  padding-left: 30px;
}

/**********************************************
  Documentation Tree
**********************************************/
.formButton {
	color: #FFFFFF;
	background: #DA6D16;
	font-weight: bold;
	border: 3px double #FC6;
	border-top-color: #FC9;
	border-left-color: #FC9;
}

.formButton:hover {
	color: #E97B26;
	background: #FFECDD;
	border-color: #DA6D16 #DA6D16 #DA6D16 #DA6D16;
}