/* --- Headings --- */
h2,
h3,
h4 {
	margin-top: 0;
}

/* --- Lists --- */
ol,
ul {
	margin: 0 0 1em 3em;
}

dl {
	margin-bottom: 1em;
}

/* without markers */
.no-marker {
	margin-left: 0 !important;
	list-style-type: none !important;
}

.no-marker ul,
.options ul {
	list-style-type: disc;
}

ul.no-marker ul li {
	list-style-type: disc !important;
}

.infotip-layer ul {
	margin-left: 1.425em;
}

/* --- General styles --- */
.block {
	display: block;
}

.box {
	padding: .5em;
	margin-bottom: 1em;
}

/* column layout toolkit */
.col-2>div,
.col-3>div,
.col-4>div {
	float: left;
	margin-left: 0;
}

.col-2>div {
	width: 49%;
}

.col-3>div {
	width: 32%;
}

.col-4>div {
	width: 23.5%;
}

.col-2>div+div,
.col-3>div+div,
.col-4>div+div {
	margin-left: 2%;
	*margin-left: 1.5%;
}

/* Infotip */
dl.infotip {
	margin-bottom: 0;
}

.infotip-trigger {
	border-bottom: 1px dashed #1B8BFE;
}

.disabled .infotip-trigger,
.infotip-trigger.disabled {
	border-bottom-color: GrayText;
}

a.infotip-trigger {
	color: inherit !important;
	text-decoration: none !important;
	cursor: inherit !important;
}

dl.infotip dd,
.infotip-info {
	display: none !important;
}

div.infotip-layer {
	position: absolute;
	top: 0; /* top & left need to be set to get around bug in Webkit's implementation of getComputedStyle */
	left: 0;
	z-index: 1000;
	width: 20em;
	padding: .5em;
	border: 1px solid #FFCC01;
	background-color: #FFFFD2;
	font-weight: normal;
}
/* Infotip (end) */

/* Twisty (begin) */
.twisty {
	margin-bottom: 1.5em;
}

.twisty .topic-content {
	padding: 1em;
	border: solid #CCC;
	border-width: 0 1px 1px;
	_margin-right: 1px;
}

.twisty h2 {
	padding: .25em 1em .25em 0;
	border: 1px solid #CCC;
	_margin-right: 1px;
	margin-bottom: 0;
	color: #0D5458;
	background: url(/shared/img/bg-twisty-header.jpg) top repeat-x;
	cursor: pointer;
	_height: 1%;
}

.twisty h2 span {
	padding-left: 20px;
	background: url(/shared/img/icon/expand-collapse-expanded.gif) 3px 50% no-repeat;
	_height: 1%;
}

.twisty h2.closed span {
	background: url(/shared/img/icon/expand-collapse-collapsed.gif) 3px 50% no-repeat;
}

.twisty h2.closed {
	background: url(/shared/img/bg-twisty-header.jpg) 0 -400px repeat-x;
}

.twisty h2.closed:hover {
	color: #C60;
	background: url(/shared/img/bg-twisty-header.jpg) 0 -200px repeat-x;
}
/* Twisty (end) */

/* --- Grouped styles --- */
/* Float clear with generated content */
/* clear: both */
.box:after {
	display: block;
	clear: both;
	visibility: hidden;
	content: ".";
	height: 0;
	font-size: 0;
}

/* clear: left */
.col-2:after,
.col-3:after,
.col-4:after {
	display: block;
	clear: left;
	visibility: hidden;
	content: ".";
	height: 0;
	font-size: 0;
}

.box,
.col-2,
.col-3,
.col-4 {
	*zoom: 1;
}


/* --- multicolumn toolkit --- */
* html .col-2 div,
* html .col-3 div,
* html .col-4 div {
	float: expression(
		$(this).parent().is(".col-2, .col-3, .col-4")
			? "left"
			: ""
	);
	width: expression(
		$(this).parent().hasClass("col-2")
			? "49%"
			: $(this).parent().hasClass("col-3")
				? "32%"
				: $(this).parent().hasClass("col-4")
					? "23.5%"
					: ""
	);
	padding-right: expression(
		$(this).parent().is(".col-2, .col-3, .col-4")
			? $(this).next().is("div")
				? "1.5%"
				: "0"
			: ""
	);
}