/* CSS for dashboard panels and basic styling for their contents
   CSS for the panel dock
*/


/* PANEL STYLING */
.appPanel {
  min-width: 100px;
  position:absolute;

}

.appPanel .panelHeader {
  background: url("/images/panel_h_l.png") no-repeat top left;
}

.appPanel .panelHeader .panelName {
  display: block;
  width:100%;
  height: 22px;
  padding-top: 6px;
  padding-left:10px;
  
  font-weight: bold;
  text-decoration: none;
  cursor: default; 
  position: relative;
  z-index: 1  
}

.appPanel .panelHeader .panelClose,
.appPanel .panelHeader .panelHide {
  display: block;
  width: 15px;
  height:15px;
  position:absolute;
  top:8px;
  z-index: 2;
}

.appPanel .panelHeader .panelClose {
  right: 0px;
}

.appPanel .panelHeader .panelHide {
  right: 20px;
}

.appPanel .panelHeader .panelRightEdge {
  background: url("/images/panel_h_r.png") no-repeat top right;
  height: 28px;
  width: 10px;
  position: absolute;
  top:0;
  right:-10px;
}

.appPanel .panelBody {

  background: url("/images/panel_b_l.png") repeat-y left;
  padding-left:1px; /* to account for drop shadow */
}

.appPanel .panelBody .panelRightEdge {
  margin-right: -10px;
  background: url("/images/panel_b_r.png") repeat-y right;
  padding-right:1px; /* to account for drop shadow */
  padding-bottom:1px; /* fix for (stupid) IE7 bug */
}

.appPanel .panelBody .content {
  padding:9px; /* change this if apps don't want padding . . .duh*/
  border-bottom: 1px solid #e0e0e0;
}

.appPanel .panelFooter {
  background: url("/images/panel_f_l.png") no-repeat top left;
  width: 100%;
  height:13px;
}

.appPanel .panelFooter .panelRightEdge {
  background: url("/images/panel_f_r.png") no-repeat top right;
  height: 13px;
  width: 10px;
  position: absolute;
  right:-10px;

}

/* PANEL DOCK */

#panelList {
  position: absolute;
  bottom:0px;
  text-align:center;
  z-index: 300; /* used to position the list above the floating panels */
  width: 100%;
  /* background: transparent url("/images/locations.gif") repeat-x top; */
}

#panelList div {
  display: table;
  margin: 0px auto;
  padding-right:10px;
  background: url("/images/dock_right.png") no-repeat right top;
}

#panelList ul {
  display: table-row;
	list-style: none;
	padding: 0;
	margin:0px 0px 0px 20px; 
	background: url("/images/dock_left.png") no-repeat left top;
}

#panelList ul li {
	display: table-cell;
	float:left;
  margin:	0;
	padding: 0px 0px 0px 10px;
  /* IE 6 & 7 hack */
	max-width:100px;
  width:auto !important;
  width:100px;
}

#panelList ul li img {
  display: block;
  margin: 0 auto;
}

#panelList ul li a {
  display: block;
  color: #2a2a2a;
  text-decoration: none;
  line-height:13px;
  font-size: 11px;
  text-align: center;
  padding-top: 5px;
  padding-bottom:3px;
}

#panelList ul li a.active {
  background: url("/images/dock_active.png") no-repeat center top;
}

#panelList ul li a:visited {
  color: #2a2a2a;
}


/* TYPOGRAPHY AND BODY CONTENT STYLING FOR PANEL CONTENTS */

.panelBody {
  font-size: 12px;
}

.panelBody p + p,
.panelBody p + p {
  margin-top: 0px;
}

.panelBody p.stb {		/* small thematic break */
	text-indent: 0px;
	margin-top: 18px;
}

.panelBody p.mtb {		/* medium thematic break */
	text-indent: 0px;
	margin-top: 36px;
}

.panelBody p.ltb {		/* large thematic break */
	text-indent: 0;
	margin-top: 48px;
}

/* Images - to maintain 18px griding of the page, images + syling should be a multiple of 18px */

.panelBody p img {
	margin: 0px;
}

.panelBody img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:8px;
	margin-bottom:3px;
	padding:3px;
}

.panelBody img.alignright {
	display: inline;
}

.panelBody img.alignleft {
	display: inline;
}
	
.panelBody img.border {
  border:1px solid #afafaf;
  padding:2px;
}


.panelBody img.padright {
	margin-right: 3px;
}

.panelBody img.padleft {
	margin-left: 3px;
}
  
/* LISTS */

.panelBody ul {
  padding:0 0 0 18px;
  margin:18px 0 18px 0;
  line-height: 18px;
}

.panelBody ul li {
	padding: 0px;
}

.panelBody ul ul {
  margin:0px;
  list-style: square;
}

.panelBody ul ul ul {
  list-style: circle;
}

.panelBody ol {
	line-height: 18px;
  padding:0 0 0 24px;
  margin:18px 0 18px 0; 
}

.panelBody ol li {

}

.panelBody ol ol {
  margin:0px;
}

.panelBody ol ol ol {

}

.floatReset{
  clear: both;
}