/*
** HTML elements
*/
fieldset {
  margin-bottom: 1em;
  padding: .5em;
}
form {
  margin: 0;
  padding: 0;
}
hr {
  height: 1px;
  border: 1px solid gray;
}
img {
  border: 0;
}
table {
  border-collapse: collapse;
}
th {
  text-align: right;
  padding-left: 1em;
  border-bottom: 3px solid #ccc;
}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */


/**
 * panel
 */
div.mini-panel {
	padding: 0 10px;
	background-color: #ebebeb;
	margin-bottom: 5px;
}
div.mini-panel h3 {
	font-family: Tahoma,Arial,sans-serif;
	margin: 5px 0 0 0;
	font-weight: bold;
	color: #333333;
}

div.mini-panel.collapsible div.title {
  padding-right: 10px;
  background: url("../images/misc/menu-expanded.png") no-repeat 100% 50%;
}

div.mini-panel.collapsed div.title {
  padding-right: 10px;
  background: url("../images/misc/menu-collapsed.png") no-repeat 100% 50%;
}
div.mini-panel .content, .comment .content {
	min-height: 3em;
	line-height: 1.4em;
	color: #333333;
}

div.mini-panel p {
	font-size: 1em;
	margin: 3px 0;
}
div.mini-panel span.corners-top,
div.mini-panel span.corners-bottom,
.comment span.corners-top, .comment span.corners-bottom {
	margin: 0 -10px;
}
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-image: url("../images/misc/corners_left.png");
	background-position: 0 0;
	margin: 0 -5px;
}

span.corners-top span {
	background-image: url("../images/misc/corners_right.png");
	background-position: 100% 0;
}

span.corners-bottom {
	background-image: url("../images/misc/corners_left.png");
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
}

span.corners-bottom span {
	background-image: url("../images/misc/corners_right.png");
	background-position: 100% 100%;
}

* html table, * html select, * html input { font-size: 100%; }
* html span.corners-top, * html span.corners-bottom { background-image: url("../images/misc/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("../images/misc/corners_right.gif"); }