/*<meta />*/

@import url('Styles_delta.css');

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

body
{
	color: #404040;
	margin-top: -4px;
	margin-bottom: 1em;
	padding: 0;
	background-color: #fff;
	font-family: 'Open Sans', 'Segoe UI', HelveticaNeue-Medium, Helvetica, sans-serif, Arial;
	/*added by Graham*/
}

p
{
	font-size: 14px;
	color: #404040;
	margin-bottom: 1em;
	-webkit-margin-before: 0;
	margin-top: 0;
}

ol,
ul
{
	font-size: 14px;
	margin-top: 0;
	margin-bottom: .5em;
	color: #404040;
}

li
{
	font-size: 14px;
	/*margin-top: 1em;
	margin-bottom: 1em;*/
	color: #404040;
}

img
{
	/*border: 4px solid #d4d4d4;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	max-width: 95%;
	margin: auto -4px 2px;
	*/
	max-width: 100%;
	margin: auto;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(0,0,0,0.23);
	/*box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);*/
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	resize: both;
	max-width: 100%;
	height: auto;
	width: auto;
}

img.ImgBorder
{
	/*NM original style border: outset 3px #d3d3d3;*/
	margin: auto;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(0,0,0,0.23);
	/*width:640px;
	height:480px;*/
	/*box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);*/
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	margin-bottom: 10px;
	resize: both;
	max-width: 100%;
	height: auto;
	width: auto;
}

img.Slide
{
	margin: auto;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(0,0,0,0.23);
	/*width:640px;
	height:480px;*/
	/*box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);*/
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	margin-bottom: 10px;
	resize: both;
	max-width: 100%;
	height: auto;
	width: auto;
}

img.NoBorder
{
	border: none;
	box-shadow: none;
}

img.TopicVideo
{
	margin: auto;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(0,0,0,0.23);
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	vertical-align: top;
	margin-left: 5px;
	margin-top: 0;
	width: 40px;
	height: 40px;
	z-index: 100;
	background-color: #fff;
}

/*style for images used in landing page*/

img.task_link
{
	border: medium none;
	height: 32px !important;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 0;
	max-width: none;
	width: 32px !important;
	box-shadow: none;
}

a.Popup
{
	
}

/*MadCap|expandingHead
{
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
	color: #316584;
	font-size: 16px;
	font-style: normal;
}*/

MadCap|expandingBody
{
	/*color: #316584;
	font-size: 16px;
	font-style: normal;
	*/
}

/*MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	color: #316584;
	font-style: normal;
	font-size: 14px;
	background-position: left 4px;
}*/

table.K2Tip
{
	font-size: 14px;
	background-color: #98b2bd;
	border-collapse: collapse;
	margin: 1em;
	width: 98%;
	color: #000;
}

table.K2Warning
{
	font-size: 14px;
	background-color: #d98c94;
	border-collapse: collapse;
	margin: 1em;
	width: 98%;
	color: #000;
}

table.K2Note
{
	font-size: 14px;
	background-color: #d2d4a1;
	border-collapse: collapse;
	margin: 1em;
	width: 98%;
	color: #000;
}

table.K2Video
{
	font-size: 14px;
	background-color: #dfbe9e;
	border-collapse: collapse;
	margin: 1em;
	width: 98%;
	color: #000;
}

table.K2Table
{
	font-size: 14px;
	border-collapse: collapse;
	margin: 0.5em;
	width: 98%;
	text-align: left;
	color: #404040;
}

table.K2Table td
{
	border: 1px solid #D0D0D0;
	background-color: #F0F0F0;
	vertical-align: top;
	padding-left: 5px;
}

table.K2Table th
{
	background-color: #D0D0D0;
	color: #404040;
	text-align: left;
	border: 1px solid #D0D0D0;
}

.indent25	/*added by Kirsten to indent challenge step blocks */
{
	margin-left: 25px;
}

/*k2 tasks table*/

table.K2Task
{
	font-size: 14px;
	border-collapse: collapse;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	margin-right: 1em;
	width: 80%;
	text-align: left;
	color: #404040;
}

table.K2Task td
{
	border: 1px solid #D0D0D0;
	background-color: #F0F0F0;
	vertical-align: top;
	padding-left: 5px;
}

table.K2Task th
{
	background-color: #D0D0D0;
	color: #404040;
	text-align: left;
	border: 1px solid #D0D0D0;
}

/*LG List with hover row color change*/

table.K2ListTable
{
	font-size: 14px;
	border-collapse: collapse;
	margin-top: 1em;
	margin-bottom: 1em;
	width: 98%;
	text-align: left;
	color: #404040;
}

table.K2ListTable td
{
	border: 1px solid #D0D0D0;
	vertical-align: top;
	padding-left: 5px;
	border-style: solid none solid none;
}

.K2ListTable tr:hover
{
	background-color: #F0F0F0;
}

table.K2ListTable th
{
	color: #404040;
	text-align: left;
	border: solid none solid none;
}

td.K2Tip
{
	border: 6px solid #98b2bd;
}

td.K2Warning
{
	border: 6px solid #d98c94;
}

td.K2Note
{
	border: 6px solid #d2d4a1;
}

td.K2Video
{
	border: 6px solid #dfbe9e;
}

MadCap|dropDown
{
	mc-closed-image: url(../Images/K2_Documentation_icons_plus.png);
	mc-open-image: url(../Images/K2_Documentation_icons_minus.png);
	/*color: #316584;
	font-size: 14px;*/
}

MadCap|expanding
{
	mc-closed-image: url(../Images/K2_Documentation_icons_plus.png);
	mc-open-image: url(../Images/K2_Documentation_icons_minus.png);
}

/*MadCap|dropDownHead
{
	color: #316584;
	font-size: 14px;
}*/

a
{
	color: gray;
}

MadCap|glossaryTerm
{
	color: #70733e;
}

MadCap|popupHead
{
	color: #316584;
	font-size: 16px;
}

MadCap|toggler
{
	color: #316584;
	font-size: 16px;
}

MadCap|conceptLink
{
	color: #a9a9a9;
}

MadCap|keywordLink
{
	color: #a9a9a9;
}

MadCap|relatedTopics
{
	color: #a9a9a9;
	mc-help-control-display: list;
}

MadCap|shortcut
{
	color: #a9a9a9;
}

MadCap|xref
{
	color: #a9a9a9;
}

MadCap|tocProxy
{
	color: #696969;
	mc-printer-page-size: a4;
	mc-toc-depth: 3;
	mc-heading-level: 1;
}

.ibutton-toolbar-button
{
	width: 56px;
	background-color: #366581;
	text-align: center;
	font-size: 9px;
	color: #fff;
}

.ibutton-toolbar-button.selected
{
	width: 56px;
	background-color: #8c9ca5;
	text-align: center;
	font-size: 9px;
	color: #fff;
}

.ibutton-toolbar-button a,
.ibutton-toolbar-button a:hover
{
	color: #fff;
	text-decoration: none;
}

div.ibutton_right
{
	position: absolute;
	background-color: #8c9ca5;
	background: #8c9ca5;
	top: 0;
	right: 0;
	width: 250px;
	height: 800px;
	color: #fff;
}

div.ibutton_frame
{
	top: 0;
	bottom: 0;
	height: 100%;
	min-height: 600px;
}

div.ibutton_right a
{
	/*NM color: White;*/
	color: #000;
	text-decoration: none;
}

div.ibutton_left
{
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
	position: fixed;
	background: #fff;
	top: 0;
	right: 250px;
	left: 5px;
	width: auto;
	height: auto;
}

div.k2footer
{
	border-color: #e1e1e1 #e1e1e1;
	border-style: none none solid;
	border-width: 1px 1px 1px;
	bottom: 0;
	padding-bottom: 20px;
}

@media print
{
	h1
	{
		margin-bottom: 1.5em;
		margin-top: 1.5em;
	}

	h2
	{
		mc-heading-level: 2;
	}

	h3
	{
		mc-heading-level: 3;
	}

	h4
	{
		mc-heading-level: 0;
	}

	h5
	{
		mc-heading-level: 0;
	}

	h6
	{
		mc-heading-level: 0;
	}

	body
	{
		background: transparent;
		background-color: transparent;
	}

	MadCap|dropDownHead
	{
		color: #404040;
		font-size: 14pt;
		font-weight: 400;
		font-style: normal;
	}

	MadCap|dropDownHotspot
	{
		color: #404040;
		font-size: 14pt;
		font-weight: 400;
		font-style: normal;
	}

	MadCap|tocProxy
	{
		font-size: 10.5pt;
	}

	td.k2footer
	{
		color: #404040;
		font-size: 10.5pt;
	}

	p.k2header
	{
		font-size: 10.5pt;
		margin-bottom: 0;
		margin-top: 0;
	}

	td.k2footer
	{
		
	}

	p.k2header
	{
		text-align: right;
		vertical-align: text-top;
	}

	/*STYLES FOR CSS POPUP*/

	.popupdiv
	{
		width: 700px;
		height: 500px;
		position: relative;
		margin: auto;
		z-index: 1000002;
		background-color: #FFF;
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
		-moz-border-radius: .6em;
		-webkit-border-radius: .6em;
		border-radius: .6em;
		padding: 15px;
		top: 100px;
		left: 100px;
		right: 100px;
		bottom: 100px;
		-webkit-box-shadow: 0 4px 10px #333;
		-moz-box-shadow: 0 4px 10px #333;
		box-shadow: 0 4px 10px #333;
	}

	.overlaydiv
	{
		background-color: gray;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1000001;
		opacity: .5;
		filter: alpha(opacity =50);
	}

	/* Print Style for Notes */
	/*Note Box*/

	.NoteBox
	{
		/*NM changed all styling for print boxes*/
		background-color: #dee8f0;
		margin-bottom: 1em;
		padding: .5em;
		border: 1px solid #e2e0d5;
		min-height: 60px;
		width: 90%;
		line-height: normal;
		font-size: 10pt;
	}

	.NoteBox:before
	{
		content: 'Note';
		display: block;
		font-weight: 700;
		margin-bottom: 0;
		padding: 0;
		border: none;
		font-size: 8pt;
	}

	/*End of Notebox*/
	/*Caution Box*/

	.CautionBox
	{
		/*NM background-color: #FFB2B2;*/
		background-color: #FEB7B7;
		margin-bottom: 1em;
		padding: .5em;
		border: 1px solid #fa8072;
		min-height: 60px;
		width: 90%;
		line-height: normal;
		font-size: 10pt;
	}

	.CautionBox:before
	{
		content: 'Caution';
		display: block;
		font-weight: 700;
		margin-bottom: 0;
		padding: 0;
		border: none;
		font-size: 8pt;
	}

	/*End of Caution Box*/
	/* Tip Box*/

	.TipBox
	{
		/*NM background-color: #b2e7ca;*/
		background-color: #E2FBE1;
		margin-bottom: 1em;
		padding: .5em;
		border: 1px solid #becfdc;
		min-height: 60px;
		width: 90%;
		line-height: normal;
		font-size: 10pt;
	}

	.TipBox:before
	{
		content: 'Tip';
		display: block;
		font-weight: 700;
		margin-bottom: 0;
		padding: 0;
		border: none;
		font-size: 8pt;
	}

	/*End of Tip Box*/
	/*Code Box*/

	.CodeBox
	{
		background-color: #e4e4e4;
		margin-bottom: 1em;
		padding: .5em;
		border: 1px solid #d0d0d0;
		min-height: 60px;
		/*code boxes may be bigger, so just set minimum width*/
		min-width: 90%;
		line-height: normal;
		font-size: 10pt;
	}

	.CodeBox:before
	{
		content: 'Code';
		display: block;
		font-weight: 700;
		margin-bottom: 0;
		padding: 0;
		border: none;
		font-size: 8pt;
	}

	/*End of Code Box*/

	div.NoteBox p,
	div.CautionBox p,
	div.TipBox p,
	div.CodeBox p
	{
		margin: 0;
	}

	/*NM hide video popup button from print output*/

	img.TopicVideo
	{
		display: none;
	}
}

div.LearnShadedArea
{
	background-color: #e5e5e5;
	padding-left: 0;
	padding-right: 5px;
	padding-top: 5px;
	position: relative;
	margin-left: 0;
	margin-bottom: 5px;
	margin-right: -5px;
	padding-bottom: 10px;
}

div.LearnTopicContainer
{
	padding-right: 5px;
	padding-bottom: 10px;
	margin: 0;
	padding-left: 0;
	border: solid 2px gray;
}

.Top
{
	top: 0;
}

.MCDropDown_Image_Icon
{
	box-shadow: none;
	margin: auto;
}

.MCExpanding_Image_Icon
{
	border: medium none;
	box-shadow: 0 0 0 0;
	margin: auto;
}

.MCHelpControl-RelatedHotSpot_
{
	padding-left: 10px;
	background-image: none;
}

.MCHelpControl-Related
{
	padding-left: 10px;
	background-image: none;
}

.MCHelpControl
{
	box-shadow: none;
	margin: auto;
}

MadCap|dropDownHotspot:link
{
	font-weight: 300;
	color: #366581;
}

h1
{
	font-size: 20pt;
	margin-top: .5em;
	margin-bottom: .1em;
	font-weight: 300;
	color: #366581;
}

h2,
span.DropDownH2
{
	font-size: 18pt;
	mc-heading-level: 2;
	margin-top: .5em;
	margin-bottom: .1em;
	font-weight: 300;
	color: #366581;
}

h3,
span.DropDownH3
{
	font-size: 16pt;
	margin-top: 0;
	margin-bottom: .1em;
	mc-heading-level: 3;
	font-weight: 300;
	color: #366581;
}

h4,
span.DropDownH4
{
	font-size: 14pt;
	margin-top: 0;
	margin-bottom: .1em;
	mc-heading-level: 4;
	font-weight: 300;
	color: #366581;
}

h5,
span.DropDownH5
{
	font-size: 12pt;
	font-style: italic;
	margin-top: 0;
	margin-bottom: .1em;
	mc-heading-level: 5;
	font-weight: 300;
	color: #366581;
}

h6,
span.DropDownH6
{
	font-size: 10pt;
	font-style: italic;
	margin-top: 0;
	margin-bottom: .1em;
	mc-heading-level: 6;
	font-weight: 300;
	color: #366581;
}

div.MCDropDownBody p
{
	margin-left: 4px;
}

ul
{
	list-style-type: square;
}

@media screen and (min-width: 685px)
{
	.bodycontainer
	{
		max-width: 1000px;
		margin-left: 30px;
	}
}

@media screen and (max-width: 684px)
{
	.bodycontainer
	{
		margin-left: 10px;
		min-width: 150px;
	}
}

@media print
{
	h1
	{
		letter-spacing: -1pt;
		margin-bottom: 8pt;
	}

	div.NoteBox
	{
		background: none;
	}

	/*NM set li spacing for labs in pdf output */

	ol.TutorialHighLevelSteps
	{
		margin-left: 1.8em;
		padding-left: .5em;
	}

	ol.TutorialDetailSteps
	{
		margin-left: 1.8em;
		padding-left: .5em;
		list-style-type: lower-alpha;
	}

	li.TutorialStep
	{
		margin-left: 1em;
		margin-right: 10%;
		margin-top: .5em;
		margin-bottom: .5em;
	}
}

/*NM set li spacing for labs in web view*/

ol.TutorialHighLevelSteps
{
	padding-left: 1.6em;
}

ol.TutorialDetailSteps
{
	padding-left: 1.4em;
	list-style-type: lower-alpha;
}

li.TutorialStep
{
	margin-left: 0;
	margin-right: 10%;
	margin-top: .5em;
	margin-bottom: .5em;
}

/*NM Styles for C# code snippets*/
/*Code formating*/

.csharpcode,
.csharpcode pre
{
	font-size: 13.3333px;
	font-width: 400;
	color: black;
	font-family: "Courier New";
	white-space: pre-line;
}

.csharpcode pre
{
	margin: 0px;
}

.csharpcode .comment
{
	color: #008000;
}

.csharpcode .comment2
{
	color: #808080;
}

.csharpcode .type
{
	color: #2B91AF;
}

.csharpcode .keyword
{
	color: #0000FF;
}

.csharpcode .string
{
	color: #A31515;
}

.csharpcode .preproc
{
	color: #0000FF;
}

/*End Code Formatting */

@media screen
{
	/*End of Code Box*/
	/* Style for Notes for web display*/
	/*Note Box*/

	.NoteBox
	{
		background-color: #dee8f0;
		/*NM changed background-color: #B2D4EC;*/
		/*NM removed min-height: 60px;*/
		width: 90%;
		/*NM changed padding-left: 5px;*/
		padding-left: 12px;
		margin: 5px;
		margin: 0 5px 5px;
		/*NM Added force top margin to be same as bar*/
		/*margin-top: 29px;*/
		/*NM changed border-left: 25px solid rgba(0,112,192,0.70);*/
		border-left: 20px solid #b9d5ec;
		display: inline-block;
		line-height: normal;
		color: #000 !important;
		/*NM added font size because normal style font size did not inherit*/
		font-size: 14px;
	}

	.NoteBox:before
	{
		/*NM added negative margin to solve bottom spacing*/
		margin-bottom: -9px;
		font-size: 0;
		content: 'Note';
		/*NM added*/
		font-size: x-small;
		float: left;
		/*NM changed margin-left: -25px;*/
		margin-left: -29px;
		/*NM changed margin-top: 50px;*/
		margin-top: 28px;
		/*writing-mode: bt-rl;
                    -ms-writing-mode: bt-rl;*/
		transform: rotate(-90deg);
		transform-origin: 0 0 0;
		/*-15px 20px 0px*/
		/* Safari */
		-webkit-transform: rotate(-90deg);
		-webkit-transform-origin: 0 0 0;
		/* Firefox */
		-moz-transform: rotate(-90deg);
		-moz-transform-origin: 0 0 0;
		/* IE */
		-ms-transform: rotate(-90deg);
		-ms-transform-origin: 0 0 0;
		/* Opera */
		-o-transform: rotate(-90deg);
		-o-transform-origin: 0 0 0;
		/* Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	}

	/*End of Note Box*/
	/*Caution Box*/

	.CautionBox
	{
		/*NM changed background-color: #FFB2B2;*/
		background-color: #FEB7B7;
		/*NM removed min-height: 30px;*/
		width: 90%;
		/*NM changed padding-left: 5px;*/
		padding-left: 12px;
		margin: 0 5px 5px;
		/*NM Added force top margin to be same as bar*/
		/*margin-top: 29px;*/
		/*NM changed border-left: 25px solid rgba(255,0,0,0.70);*/
		border-left: 20px solid #f58181;
		display: inline-block;
		line-height: normal;
		color: #000 !important;
		/*NM added font size because normal style font size did not inherit*/
		font-size: 14px;
	}

	.CautionBox:before
	{
		/*NM added negative right margin to solve left indent spacing for caution box content*/
		margin-right: -10px;
		/*NM added negative margin to solve bottom spacing*/
		margin-bottom: -9px;
		/*NM changed content: 'Warning';*/
		content: 'Caution';
		/*NM added*/
		font-size: x-small;
		float: left;
		/*NM changed margin-left: -25px;*/
		margin-left: -29px;
		/*NM changed margin-top: 50px;*/
		margin-top: 42px;
		/*writing-mode: bt-rl;
                    -ms-writing-mode: bt-rl;*/
		transform: rotate(-90deg);
		transform-origin: 0 0 0;
		/*-15px 20px 0px*/
		/* Safari */
		-webkit-transform: rotate(-90deg);
		-webkit-transform-origin: 0 0 0;
		/* Firefox */
		-moz-transform: rotate(-90deg);
		-moz-transform-origin: 0 0 0;
		/* IE */
		-ms-transform: rotate(-90deg);
		-ms-transform-origin: 0 0 0;
		/* Opera */
		-o-transform: rotate(-90deg);
		-o-transform-origin: 0 0 0;
		/* Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	}

	/*End of Caution Box*/
	/* Tip Box*/

	.TipBox
	{
		/*NM changed background-color: #b2e7ca;*/
		background-color: #E2FBE1;
		/*NM removed*/
		/*min-height: 60px;*/
		min-height: 20px;
		width: 90%;
		/*NM changed padding-left: 5px;*/
		padding-left: 12px;
		margin: 0 5px 5px;
		/*NM Added force top margin to be same as bar*/
		/*margin-top: 29px;*/
		/*NM changed border-left: 25px solid rgba(0,176,80,0.70);*/
		border-left: 20px solid #a7e6a4;
		display: inline-block;
		line-height: normal;
		color: #000 !important;
		/*NM Added font size because normal style font size did not inherit*/
		font-size: 14px;
	}

	.TipBox:before
	{
		/*NM added negative margin to solve bottom spacing*/
		margin-bottom: -9px;
		content: 'Tip';
		/*NM added*/
		font-size: x-small;
		float: left;
		/*NM changed margin-left: -25px;*/
		margin-left: -29px;
		/*NM changed margin-top: 50px;*/
		margin-top: 19px;
		/*writing-mode: bt-rl;
                    -ms-writing-mode: bt-rl;*/
		transform: rotate(-90deg);
		transform-origin: 0 0 0;
		/*-15px 20px 0px*/
		/* Safari */
		-webkit-transform: rotate(-90deg);
		-webkit-transform-origin: 0 0 0;
		/* Firefox */
		-moz-transform: rotate(-90deg);
		-moz-transform-origin: 0 0 0;
		/* IE */
		-ms-transform: rotate(-90deg);
		-ms-transform-origin: 0 0 0;
		/* Opera */
		-o-transform: rotate(-90deg);
		-o-transform-origin: 0 0 0;
		/* Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	}

	/*End of Tip Box*/
	/*Code Box*/

	.CodeBox
	{
		/*NM changed background-color: #e4e4e4;*/
		background-color: #e4e4e4;
		/*NM removed min-height: 60px;*/
		min-height: 20px;
		width: 90%;
		/*NM changed padding-left: 5px;*/
		padding-left: 12px;
		margin: 0 5px 5px;
		/*NM Added force top margin to be same as bar*/
		/*margin-top: 29px;*/
		/*NM changed border-left: 25px solid rgba(166,166,166,0.70); */
		border-left: 20px solid #d0d0d0;
		display: inline-block;
		line-height: normal;
		color: #000 !important;
		/*NM added font size because normal style font size did not inherit*/
		font-size: 14px;
	}

	.CodeBox:before
	{
		/*NM added negative margin to solve bottom spacing*/
		margin-bottom: -9px;
		content: 'Code';
		/*NM added*/
		font-size: x-small;
		float: left;
		/*NM changed margin-left: -25px;*/
		margin-left: -29px;
		/*NM changed margin-top: 50px;*/
		margin-top: 29px;
		/*writing-mode: bt-rl;
                    -ms-writing-mode: bt-rl;*/
		transform: rotate(-90deg);
		transform-origin: 0 0 0;
		/*-15px 20px 0px*/
		/* Safari */
		-webkit-transform: rotate(-90deg);
		-webkit-transform-origin: 0 0 0;
		/* Firefox */
		-moz-transform: rotate(-90deg);
		-moz-transform-origin: 0 0 0;
		/* IE */
		-ms-transform: rotate(-90deg);
		-ms-transform-origin: 0 0 0;
		/* Opera */
		-o-transform: rotate(-90deg);
		-o-transform-origin: 0 0 0;
		/* Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	}
}

ol.TutorialDetailSteps
{
	list-style-type: lower-alpha;
}