div.NoBorder
{
  width:	50%;
}

div.NoBorder60p
{
  width:	60%;
}

div.NoBorder70p
{
  width:	70%;
}

div.NoBorder80p
{
  width:	80%;
}

div.NoBorder90p
{
  width:	90%;
}

div.NoBorder100p
{
  width:	100%;
}


div.base
{
  border:	1px solid #000;
  margin:	2em;
  width:	8em;
  padding:	5px;
}

div.base ul
{
  padding:		0px;
  margin-left:		0em;
}

div.base ul.discBD14581Inside
{
  padding-left:	1em;		/*padding-left must be set to 1em because Internet Explorer*/
  margin-left:	0em;            /*and Opera opted to create the indent with the*/
}				/*left margin, while Mozilla/Netscape use padding.*/
div.base ul.list-style-none
{
  list-style: 	none;
  padding:	0px;
  margin-left:	0em;
}
div.base ul li
{
  padding-top:	7px;
}

div.custom-gen ul li:before 
{
  content:	"\00BB \0020";
}

div.inline-list 
{
  border:	1px solid #000;
  margin:	2em;
  width:	45%;
  padding:	5px;
  font-size:	12px;
}

div.inline-list p 
{
  display:	inline;
}

div.inline-list ul, div.inline-list li 
{
  display:	inline;
  margin:	0px;
  padding:	0px;
  color:	#339;
  font-weight:	bold;
  font-family:	Verdana, sans-serif;
}

div.pipe
{
  padding:		5px;
  border:		1px solid #000;
  margin-bottom:	25px;
  width:		45%;
}

div.pipe ul
{
  margin-left:		0px;
  padding-left:		0px;
  display:		inline;
} 

div.pipe ul li
{
  margin-left:		0px;
  padding-left:		15px;
  padding-right:	15px;
  border-left:		1px solid #000;
  list-style:		none;
  display:		inline;
}

div.pipe ul li.first 
{
  margin-left:		0px;
  border-left:		none;
  list-style:		none;
  display:		inline;
}

div.pipe-dotted
{
  padding:		5px;
  border:		1px solid #000;
  margin-bottom:	25px;
  width:		45%;
}

div.pipe-dotted ul
{
  margin-left:		0px;
  padding-left:		0px;
  display:		inline;
} 

div.pipe-dotted ul li
{
  margin-left:		0px;
  padding-left:		15px;
  padding-right:	15px;
  border:		0px;
  border-left:		1px dotted #000;
  list-style:		none;
  display:		inline;
}

div.pipe-dotted ul li.first 
{
  margin-left:		0px;
  border-left:		none;
  list-style:		none;
  display:		inline;
}

div.tabs
{
  padding:		5px 5px 4px;
  border-width:		0px 0px 1px 0px;
}
div.tabs ul 
{
  margin-left:		0px;
  padding-left:		0px;
  margin-bottom:	0px;
  padding-bottom:	0px;
  display:		inline;
} 
div.tabs ul li 
{
  margin-left:		0px;
  margin-bottom:	0px;
  padding:		2px 15px 5px;
  border:		1px solid #000;
  list-style:		none;
  display:		inline;
  background-color:	#F2FFFF;
}
div.tabs ul li.here 
{
  border-bottom:	1px solid #ffc;
  background-color:	#ffc;
  list-style:		none;
  display:		inline;
}

div.button 
{
  width:		12em;
  border-right: 	1px solid #000;
  padding: 		0 0 1em 0;
  margin-bottom: 	1em;
  font-family: 		'Trebuchet MS', 'Lucida Grande', Verdana, 
			Lucida, Geneva, Helvetica, 
			Arial, sans-serif;
  font-size:		x-small;
  background-color:	#90bade;
  color:		#333;
}

div.button ul
{
  list-style:		none;
  margin:		0;
  padding:		0;
  border:		none;
}
		
div.button ul li
{
  border-bottom:	1px solid #90bade;
  margin: 0;
}

div.button ul li a
{
  display:		block;
  padding:		5px 5px 5px 0.5em;
  border-left:		10px solid #1958b7;
  border-right:		10px solid #508fc4;
  background-color:	#2175bc;
  color:		#fff;
  text-decoration:	none;
  width:		100%;
}
html>body div.button ul li a 
{
  width: 		auto;
}

div.button ul li a:hover
{
  border-left:		10px solid #1c64d1;
  border-right:		10px solid #5ba3e0;
  background-color:	#2586d7;
  color:		#fff;
}

li.padded-first
{
  padding-top:		10px;
  padding-bottom:	10px;
  list-style-position:	inside;
}

li.padded
{
  padding-bottom:	10px;
  list-style-position:	inside;
}

/*- Add this code inside of the .html file that will contain the tabbed-navigation
div.tabbed-navigation
{
  float:		left;
  width:		100%;
  background:		#DAE0D2 url("images/tabs/tab-bs.PNG") repeat-x bottom;
  font-size:		93%;
  line-height:		normal;
}
*/

div.tabbed-navigation ul
{
  margin:		0;
  padding:		10px 10px 0;
  list-style:		none;
}

/*- Add this code inside of the .html file that will contain the tabbed-navigation
    div.tabbed-navigation ul li
    {
      float:		left;
      margin:		0;
      padding:		0;
      background:	url("images/tabs/tab1-right.PNG") no-repeat right top;
    }
*/

/*- Add this code inside of the .html file that will contain the tabbed-navigation
    div.tabbed-navigation a
    {
      display:		block;
    }
*/

/*- Add this code inside of the .html file that will contain the tabbed-navigation
    div.tabbed-navigation ul li.current
    {
      background-image:	url("images/tabs/tab1-right-selected.PNG");
    }
*/
/*- Add this code inside of the .html file that will contain the tabbed-navigation
    div.tabbed-navigation ul li.current a 
    {
      background-image:	url("images/tabs/tab1-left-selected.PNG");
    }
*/