/*---------------------------------
Style sheet for HVS Leadership back office tool tabs / ul elements

Version:    1.0
Author:     Shan Plourde
Email:      shanplourde@gmail.com
----------------------------------*/

#tabsI {
  float:left;
  background:#EFF4FA;
  font-size:93%;
  line-height:normal;
  border-bottom:1px solid #DD740B;
  }
#tabsI ul {
  margin:0;
  padding: 10px 10px 0 15px;
  list-style:none;
  }
#tabsI li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabsI a {
  float:left;
  background:url("tableftI.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 5px;
  text-decoration:none;
  }
#tabsI a span {
  float:left;
  display:block;
  background:url("tabrightI.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#FFF;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsI a span {float:none;}
/* End IE5-Mac hack */
#tabsI a:hover span {
  color:#FFF;
  }
#tabsI a:hover {
  background-position:0% -42px;
  }
#tabsI a:hover span {
  background-position:100% -42px;
  }

#tabsI li.selected a 
{
  background-position:0% -42px;
}
#tabsI li.selected a span {
  background-position:100% -42px;
  }


/*- Menu Tabs B--------------------------- */

#tabsB {
  float:left;
  width:100%;
  background:#F4F4F4;
  font-size:93%;
  line-height:normal;
  }
#tabsB ul {
  margin:0;
  padding:10px 10px 0 50px;
  list-style:none;
  }
#tabsB li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabsB a {
  float:left;
  background:url("tableftB.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#tabsB a span {
  float:left;
  display:block;
  background:url("tabrightB.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#666;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsB a span {float:none;}
/* End IE5-Mac hack */
#tabsB a:hover span {
  color:#000;
  }
#tabsB a:hover {
  background-position:0% -42px;
  }
#tabsB a:hover span {
  background-position:100% -42px;
  }
  
#tabs {
  float:left;
  width:100%;
  background:#BBD9EE;
  font-size:93%;
  line-height:normal;
  }
#tabs ul {
  margin:0;
  padding:10px 10px 0 50px;
  list-style:none;
  }
#tabs li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabs a {
  float:left;
  background:url("tableft.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#tabs a span {
  float:left;
  display:block;
  background:url("tabright.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#666;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
  color:#FF9834;
  }
#tabs a:hover {
  background-position:0% -42px;
  }
#tabs a:hover span {
  background-position:100% -42px;
  }


#tabs li.selected a 
{
  background-position:0% -42px;
}
#tabs li.selected a span {
  background-position:100% -42px;
  }


/* Experimental stuff */

.tabs
{
	margin: 0;
	padding: 0;
	position: inherit;
	top: 2px;
}
.tab
{
	border: solid 1px black;
	background-color: #eeeeee;
	padding: 2px 10px;
	margin: 0;
}
.selectedTab
{
	background-color: White;
	border-bottom: solid 1px white;
}
.tabContents
{
	border: solid 1px black;
	padding: 10px;
	margin:0;
}


/******************
LISTS - IN THE CONTENT DIV
******************/

#content ul.list, #content ul.link-list-vertical {
	margin:0px 0px 15px 15px;
	padding:0px;
	}

#content ul.list li {
	list-style:none;
	padding:2px 0px 2px 12px;
	margin:0px;
	background: url(bullet.gif) no-repeat;
	background-position:0 .6em;
	}

#content ul.link-list-vertical li {
	list-style:none;
	margin:0px;
	padding:2px 0px;
	}

#content ul.link-list-vertical li a:link {
	padding:2px 0px 2px 12px;
	background: url(bullet-link.gif) no-repeat;
	background-position:0 .6em;
	}

#content ul.link-list-vertical li a:visited {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-visited.gif) no-repeat;
	background-position:0 .6em;
	}

#content ul.link-list-vertical li a:hover {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-hover.gif) no-repeat;
	background-position:0 .6em;
	}

#content ul.link-list-vertical li a:active {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-active.gif) no-repeat;
	background-position:0 .6em;
	}

/******************
LISTS - IN THE RIGHT OR LEFT COLUMNS
******************/

#content-side-2 ul.list, #content-side-2 ul.link-list-vertical,
#content-side ul.list, #content-side ul.link-list-vertical {
	margin:0px 0px 15px 0px;
	padding:0px;
	}

#content-side-2 ul.list li,
#content-side ul.list li {
	list-style:none;
	padding:2px 0px 2px 2px;
	margin:0px;
	background: url(bullet-right.gif) no-repeat;
	background-position:0 .6em;
	}

#content-side-2 ul.link-list-vertical li,
#content-side ul.link-list-vertical li {
	list-style:none;
	margin:0px;
	padding:2px 0px;
	}

#content-side-2 ul.link-list-vertical li a:link,
#content-side ul.link-list-vertical li a:link {
	padding:2px 0px 2px 12px;
	background: url(bullet-link.gif) no-repeat;
	background-position:0 .6em;
	}

#content-side-2 ul.link-list-vertical li a:visited,
#content-side ul.link-list-vertical li a:visited {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-visited.gif) no-repeat;
	background-position:0 .6em;
	}

#content-side-2 ul.link-list-vertical li a:hover,
#content-side ul.link-list-vertical li a:hover {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-hover.gif) no-repeat;
	background-position:0 .6em;
	}

#content-side-2 ul.link-list-vertical li a:active,
#content-side ul.link-list-vertical li a:active {
	padding:2px 0px 2px 12px;
	background: url(bullet-link-active.gif) no-repeat;
	background-position:0 .6em;
	}


#tabsK {
  float:left;
  width:100%;
  background:#E7E5E2;
  font-size:93%;
  line-height:normal;
  border-bottom:1px solid #54545C;
  }
#tabsK ul {
  margin:0;
  padding:10px 10px 0 50px;
  list-style:none;
  }
#tabsK li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabsK a {
  float:left;
  background:url("tableftK.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#tabsK a span {
  float:left;
  display:block;
  background:url("tabrightK.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#FFF;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsK a span {float:none;}
/* End IE5-Mac hack */
#tabsK a:hover span {
  color:#FFF;
  background-position:100% -42px;
  }
#tabsK a:hover {
  background-position:0% -42px;
  }
#tabsK a:hover span {
  background-position:100% -42px;
  }
  
#tabsK li.selected a 
{
  background-position:0% -42px;
}
#tabsK li.selected a span {
  background-position:100% -42px;
  }