#vertgraph {
  width: 180px; /*378*/
  height: 100px; /*207*/ 
  position: relative; 
  background: url("../img/_bg_dash_progress.png") no-repeat; 
}
#vertgraph ul { 
  font-family: "Verdana";
  width: 180px; /*378*/
  height: 100px; 
  margin: 0; 
  padding: 0; 
}
#vertgraph ul li  {  
  font-family: "Verdana";
  position: absolute; 
  width: 20px; 
  height: 100px; 
  bottom: 0px; 
  padding: 0 !important; 
  margin: 0 !important; 
  background: url("../actionplan/img/bg_colorpallette.png") no-repeat !important;
  text-align: center; 
  font-weight: bold; 
  color: white; 
  line-height: 1.5em;
  list-style: none;
}

/*
back ground position is crucial to using the image, use the follow key:
  
     0px - TRANSPARENT
   -28px - RED
   -56px - ORANGE
   -84px - YELLOW
  -112px - BLUE
  -140px - GREEN
*/

#vertgraph li.nobar{
  font-family: "Verdana";
  color: #f08f19;
  font-weight: normal; 
  font-size: 11px;
  left: 0px;
  padding-top:0px;
  margin-top:0px;
  line-height: 17px;
  background-position: 0px bottom !important;
  
 }
#vertgraph li.spacebar{
  font-family: "Verdana";
  color: #87b802;
  left: 24px;
  background-position: 0px bottom !important;
  
 } 
#vertgraph li.bar{
  font-family: "Verdana";
  font-size: 9px;
  line-height: 20px;
  vertical-align: baseline;
  background-position: -112px bottom !important;
  bottom: 20px;
 }
#vertgraph li.gbar{
  font-family: "Verdana";
  font-size: 9px;
  line-height: 10px;
  vertical-align: baseline;
  background-position: -56px bottom !important;
  bottom: 20px;
 }
/* ANCHORS */

.title  {
  color: #f08f19;
  font-weight: bold;
}

#vertgraph li.dbar{
  font-family: "Verdana";
  font-size: 8px;
  position: absolute; 
  padding: 0 !important; 
  margin: 0 !important; 
  background: url("../actionplan/img/bg_colorpallette.png") no-repeat !important;
  text-align: center; 
  font-weight: normal; 
  color: #87b802; 
  line-height: 1.5em;
  list-style: none;
  
  
 }
 
#vertgraph li.tbar{
  font-family: "Verdana";
  font-size: 8px;
  position: absolute; 
  padding: 0 !important; 
  margin: 0 !important; 
  background: url("../actionplan/img/bg_colorpallette.png") no-repeat !important;
  text-align: center; 
  font-weight: normal; 
  color: #000000; 
  line-height: 1.5em;
  list-style: none;
  bottom:35px;
  
 } 
#vertgraph li.nbar{
  font-family: "Verdana";
  font-size: 10px;
  bottom: 17px;
  position: absolute; 
  padding: 0 !important; 
  margin: 0 !important; 
  text-align: center; 
  font-weight: bold; 
  color: #87b802; 
  
  list-style: none;
 }
  

div.accordion {
	display: block;
	text-decoration: none;
	width: 290px;
	cursor:hand;
	cursor:pointer;
	font-weight:bold;
	text-decoration: none;
	color: #2157b7;
	font-size: 11px;
	padding: 6px 0px 6px 6px;
	
	background: #e5ebee url(/img/cover/bg_nav_gray_0.gif) top left repeat-x;
	border: 1px solid #CCC;	
}

div.accordion:hover {
	cursor:hand;
	cursor:pointer;
	color: #000;
	background: #FC6 url(/img/cover/bg_nav_gold_1.gif) top left repeat-x;
}
div.elem {
	border: 1px solid #ccc;
	display: block;



	width: 296px;
}


div.BgGold {
	cursor:hand;
	cursor:pointer;
	font-weight:bold;
	text-decoration: none;
	color: #000;
	font-size: 11px;
	padding: 6px 0px 6px 6px;
	background: #FC6 url(/img/cover/bg_nav_gold_0.gif) top left repeat-x;
	border: 1px solid #dfa915;
	}
div.BgGold:hover {
	cursor:hand;
	cursor:pointer;
	color: #000;
	background: #FC6 url(/img/cover/bg_nav_gold_1.gif) top left repeat-x;
}




div.gliderBox { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 295px; 
	height: 110px;
	overflow: hidden;
	border:1px solid #cccccc;
	}
div.gliderBox div.gliderItem {
	/* modify width and height of each gliderItem as needed (should match the size of the scroller window)	*/		
	width: 295px;
	height:110px;
	overflow:hidden;
	float:left;
	padding:1em;		
	}
div.gliderBox div.gliderContent {
	width: 10000px;
	}


div.podGliderBox { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 295px; 
	height: 100px;
	overflow: hidden;
	border:1px solid #cccccc;
	}
div.podGliderBox div.podGliderItem {
	/* modify width and height of each gliderItem as needed (should match the size of the scroller window)	*/		
	width: 295px;
	height:100px;
	overflow:hidden;
	float:left;
	padding:1em;		
	}
div.podGliderBox div.podGliderContent {
	width: 10000px;
	}

#AvlMods {

	width: 100%;
	
	height: auto;
	padding-bottom: 10px;
	margin: 7px auto;
	color: black;
	background: #fff;
	
	
	
}

#shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 10px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -1px;
    top: -1px;
    
	
}

#shadow-container .shadow1 {
		background: #F1F0F1;
}

#shadow-container .shadow2 {
		background: #DBDADB;
}

#shadow-container .shadow3 {
		background: #B8B6B8;
}

#shadow-container .container {
		background: #ffffff;
		/*border: 1px solid #848284;
		padding: 10px;
		*/
}








.FeedItemAlt {
	height:72px;
	cursor:hand;
	cursor:pointer;
	display: block;
	margin: 0px auto;
	font-size: 11px;
	color: black;
	padding: 5px 0px;
	border-bottom: 1px solid #CCC;
}

.FeedItemAlt:hover {
	height:72px;
	display: block;
	margin: 0px auto;
	font-size: 11px;
	color: black;
	padding: 5px 0px;
	background: #fff;
	border-bottom: 1px solid #CCC;
}




.topPoint {
	cursor:hand;
	cursor:pointer;
	border-top:1px solid #a6b7c2;
	background:#b9cbd6;
	padding:5px 5px 5px 5px;
	font-weight:bold;
}

.topPoint:hover {
	cursor:hand;
	cursor:pointer;
	border-top:1px solid #a6b7c2;
	background:#deecf5;
	padding:5px 5px 5px 5px;
	font-weight:bold;
}


.buddyIcon {
	cursor:hand;
	cursor:pointer;
	font-size:9px;
	background:#fff;
	float:left; 
	height:100px; 
	width:95px; 
	text-align:center;
	margin:0px 2px 5px 0px;
	border:0px solid #d0d0d0;
}

.buddyIcon:hover {
	background-color: #deecf5;
}

.favblog {
	background:#fff;
}

.favblog:hover {
	background-color: #deecf5;
}