/* ******************************* 
  Left navigation styles 
   ***************************** */
/**
 * This cell contains the whole left navigation
 *
 **/
#leftNavCell {
  border-right: none;
  border-bottom: none;
  border-top: none;
  background-color: #FFFFFF;
  font: 11px Verdana;
  width: 216px;
}

/**
 * This div contains the whole left nav, keeps 
 * left nav contained 
 **/
#leftNavDiv {
	width: 216px;
	background-color: #CCCCCC;
}

/** 
 * Header of the navigation
 * Top of the Navigation
 **/
.leftNavHeader {
  font: 12px Verdana;
  color: #000000;
  font-weight: bolder;
  background-image: url(http://www.sybase.com/images/leftNavBackground.gif);
  background-repeat: repeat;
  text-transform: uppercase;
  padding: 4px 5px 4px 5px;
  vertical-align: middle;
  border-right: 1px solid #CCCCCC;
}
/** 
 * Header links to the main page
 **/
.leftNavHeader a {
	font: 12px Verdana;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: middle;
}

.leftNavHeader a:hover {
  cursor: pointer;
}

.leftNavHeaderLabel {
	font: 12px Verdana;
	font-weight: bolder;
	vertical-align: middle;
}


/** 
 * The div of the root level navigation
 **/
.leftNavRootBox {
	 padding: 0px 0px 0px 5px;
	 background-image:  url(http://www.sybase.com/images/leftNavBackground.gif);
	 background-repeat: repeat;
	 border-right: 1px solid #CCCCCC;
	 border-bottom: 0;
	 text-transform: uppercase;
	 vertical-align: middle;
	 font: 12px Verdana;
	 color: #FFFFFF;
	 height: 22px;
	 line-height: 22px;
}

.leftNavRootBox:hover {
  cursor: pointer;
  color: #FF6600;
  
}

/* 
 * High level navigation
 * Gray, expandable
 */
.leftNavRootLabel {
  font: 12px Verdana;
  color: #FFFFFF;
  vertical-align: top;
  line-height: 20px;
}

.leftNavRootBox a {
	text-decoration: none;
	color: #FFFFFF;
	border: 0;
}

.leftNavRootBox a:hover {
	text-decoration: none;
	cursor: pointer;
}

.leftNavRootBoxImg {
	text-align: right;
	right: 5px;
}


/** 
 * The left nav links are the same, therefore 
 * one style was created.
 */
.leftNavLink {
  font-size: 11px;
  color: #000000;
  text-decoration: none;
}

.leftNavLink:hover {
  color: #FF6600;
  text-decoration: underline;
  cursor: pointer;
}

/** 
 * The left nav links are the same, therefore 
 * one style was created.
 */
.leftNavLinkHi {
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

.leftNavLinkHi:hover {
  color: #FF6600;
  text-decoration: underline;
  cursor: pointer;
}

/**
 * Level 2-5 label, no link,
 * that means we are on the 
 * current node page
 **/
.leftNavBranchLabel {
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

/**
 * Style of Images + and - 
 */

.leftNavImg {
	border: 0;
	vertical-align: top;
}

.leftNavImgLink {
	text-decoration: none;
	border: 0;
	vertical-align: top;
}

.leftNavImgLink:hover {
	cursor: pointer;
	text-decoration: none;
}

.navSubLevel {
	border: 0;
	padding: 0;
	margin: 0;
}

.navSubLevel td{
	vertical-align: top;
	font: 11px Verdana;
}

/* ******************************* 
  Left NAV - Level 2 Styles
   ***************************** */
.leftNavBranchLevel2Box {
	padding: 2px 0px 1px 5px;
	background-color: #FFFFFF;
	font: 11px Verdana;
	color: #000000;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
    vertical-align: middle;
}
/* ******************************* 
  Left NAV - Level 3 Styles
   ***************************** */

.leftNavBranchLevel3Box {
	 padding: 2px 0px 1px 15px;
	 background-color: #FFFFFF;
	 font: 11px Verdana;
	 border-bottom: 1px solid #CCCCCC;
	 border-right: 1px solid #CCCCCC;
	 margin: 0;
}



/*********************************
 Left Nav - Level 4 Styles
 **********************************/
.leftNavBranchLevel4Box {
	 padding: 2px 0 1px 25px;
	 background-color: #FFFFFF;
	 font: 11px Verdana;
	 border-bottom: 1px solid #CCCCCC;
	 border-right: 1px solid #CCCCCC;
	 margin: 0;
}

/*********************************
 Left Nav - Level 5 Styles
 **********************************/
 
.leftNavBranchLevel5Box {
	 padding: 2px 0 1px 35px;
	 background-color: #FFFFFF;
	 font: 11px Verdana;
	 border-bottom: 1px solid #CCCCCC;
	 border-right: 1px solid #CCCCCC;
	 margin: 0;
}

/*********************************
 Left Nav - Level 6 Styles
 **********************************/

.leftNavBranchLevel6Box {
	 padding: 2px 0 1px 45px;
	 background-color: #FFFFFF;
	 font: 11px Verdana;
	 border-bottom: 1px solid #CCCCCC;
	 border-right: 1px solid #CCCCCC;
	 margin: 0;
}

.leftNavDelimiter {
	 border-bottom: 1px solid #CCCCCC;
	 border-right: 1px solid #CCCCCC;
 	 height: 3px;
 	 font-size: 3px;
 	 background-color: #FFFFFF;
 	 padding: 0;
 	 margin: 0;
 	 line-height: 3px;
}

/*****************************
 * Styles used for the bottom
 * of the left nav 
 ****************************/

.leftNavBottom {
	border: 0;
}
.leftNavBottomLabel {
 background-image: url(http://www.sybase.com/images/leftNavBottomBackground.gif);
 height: 20px;
 color: #FFFFFF;
 text-align: right;
 font: 9px Verdana;
}

.leftNavBottomLabel:hover {
  cursor: pointer;
}

.leftNavBottomLabel a {
	color: #FFFFFF;
	text-decoration: none;
	font: 9px Verdana;
}

.leftNavBottomLabel a:hover {
	text-decoration: none;
	cursor: pointer;
}