html,
body {
	margin:0;
	padding:0;
	min-width:988px; 
}
body {
	text-align: center; 
	color: #242424; 
	font-family: "Trebuchet MS",Tahoma,Verdana,Helvetica,sans-serif; 
	background:url("/Resources/css/images/bg_body.jpg") repeat-x top left #d3e2c7; 
}
/* Fix table problems */
table {
	font-size:100%;
	border-collapse: collapse;
	width:100%;
}
table td,
table tr {
	vertical-align: top;
}
input.checkbox { vertical-align:middle }
input.radio { vertical-align:middle }

/* Fixes alignment and spacing problems for embedded media */
object {
	margin:0;
	padding:0;
	border:0;
	display:block;
}
embed {
	margin:0;
	padding:0;
	border:0;
	display:block;
}
iframe {
	margin:0;
	padding:0;
}

/* Clear Fix */
/* Apply the floatwrapper class to any element which acts as a container for floats. */

.floatwrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.floatwrapper {
    display:inline-block;
}
/* Hides from IE-mac \*/
.floatwrapper {display:block;}
* html .floatwrapper {height: 1px;}
/* End hide from IE-mac */

/* General styles */
img { 
	display:block; 
	border:0; 
}
img.inline { 
	display:inline 
}
p { 
	margin:0 0 .7em 0; 
}
p.intro {
	font-size:15px;
}
	
h1,h2,h3 {margin:0; padding:0;}

h1 { color:#0069ad; font-family: Trebuchet MS,Verdana,Tahoma,Helvetica; font-weight: bold; font-size: 22px; }
#content h1 { color:#484848;font-family: Trebuchet MS,Verdana,Tahoma,Helvetica; font-size:30px;
font-weight:normal;
margin:35px 0 20px 0; }
h2, legend { font-family: Trebuchet MS,Tahoma,Verdana,Helvetica; font-size: 15px; color: black; font-weight: normal; }
h2 { font-weight:bold;}
#content h2 {
	padding-top:10px;
}
h3 { font-weight:normal; font-size:14px; font-style:italic; margin:0; padding:10px 0 0 0;}
h4 { font-size: 20px; color: #0054a6; margin-top: 0px; margin-bottom: -15px; }
.hr { width: 952px; background-color: #72c421; height: 4px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

ul {list-style:outside }
ol {list-style:outside decimal}
a { 
	color: #006dA8; 
}
a:hover { 
	color: red;
}
	#contentarea a {
		color:#0681d1;
	}
		#contentarea a:hover {
			color: red;
		}
		
a#skipnav {
	display: block;width: 0; height: 0; overflow: hidden;
}
.printonly {
	display:none;
}

/* Form styles */
form {
	margin:0;
	padding:0;
}
legend { font-weight: bold; padding-bottom: 10px; padding-top: 5px; padding-left: 0px; }
fieldset { border: none; padding-left: 0px; }
fieldset div { line-height: 13px; padding-bottom: 13px; }
fieldset a { font-size:12px;}
fieldset label {line-height: 20px;}
#signupbutton { 
	overflow:hidden;
	padding-top:43px;
	height:0;
	width: 293px; 
	position: relative; 
	top:-15px;
	background: url("images/sign_me_up.gif") no-repeat; 
	margin: 0px; }
#signupbutton, #signupbutton:link, #signupbutton:visited { display: block; }
a#signupbutton:hover { background-image: url("images/sign_me_up_on.gif"); }

#userinformation { font-size: 12px; padding-right: 12px; float:right;}
#sideloginform .textbox {width: 225px}
.required {color: Red}

.collapsed { display: none; }
.informational_messages { font-weight: bold; }
.warning_messages { font-weight: bold; color: Red; }
.warning_messages li, .informational_messages li { list-style: none; }
.field-validation-error { color: #ff0000; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }
.image_button > a:hover, a.button { color: Black; }
.hidden { color: #F1F8FE; }
.ad {margin-bottom: 10px;}
.author strong {font-size: 12px}

#container {
	margin: 0 auto; 
	text-align: left;
	position:relative;
	width:988px;
}
#contentwrapper {
	position:relative;
	background:url("/Resources/css/images/bg_backstrip.gif") repeat top left #f1f6fc;
	width:982px;
	z-index:3;
	margin-top:-1px;
	padding:0;
	border: 3px solid #57a8d4;
	border-top: 20px solid #57a8d4;
	font-size: 13px;
}
	#contentwrapperinner {
		padding:0 0 5px 5px;
	}
	
/* Header area */
#header {
	position:relative;
	z-index:2;
	height:136px;
}
span#userinformation {
	clear:right;
}
img#logo {
	float:right;
	display:inline;
	margin:18px 26px 12px 0;
}
#navleft {
	float: left;
	position:relative;
	margin:0;
	padding: 0px;
}
	#navleft img {
		margin-top:34px;
	}
#navright {
	float:none;
	position:absolute;
	padding:0;
	bottom:0;
	right:0;
}
	#navright div {
		float: right;
		padding:0;
	}
	#userinformation {
		padding-right:20px;
	}

/* New topnav tab styles */
#navtabscontainer {
	clear:right;
}
ul#navtabs {
 	padding: 0;
	margin: 7px 10px 0 0;
	list-style: none;
	float: right;
	display: inline;
}
	ul#navtabs li {
		float: left;
		display: inline;
		margin: 0 0 0 10px;
		padding:0;
	}
		ul#navtabs li a {
			text-decoration: none;
			float:left;
			color: #000;
			cursor: pointer;
			font: 900 16px/26px Trebuchet,"Trebuchet MS", Helvetica, sans-serif;
			background: url("/Resources/css/images/navtabs.png") no-repeat top right;
		}
			ul#navtabs li a span {
				margin: 0 10px 0 -10px;
				padding: 6px 8px 6px 18px;
				position: relative; /*To fix IE6 problem (not displaying)*/
				float:left;
				background: url("/Resources/css/images/navtabs.png") no-repeat top left;
				white-space:nowrap;
			}
			ul#navtabs li.active a, ul#navtabs li a:hover {
				background-position:100% -37px;
				color: #313131;
			}
			ul#navtabs li.active a span, ul#navtabs li a:hover span {
				background-position:0 -37px;
			}

.footer {
	text-align: center;
	font-size:11px;
	line-height: 16px;
	margin-top:6px;
}
	.footer .footernav {
		margin-bottom:2px;
		font-size:12px;
	}
p.hidden {
	visibility:hidden;
}

/* New homepage items and styles */
#content {
	background-color:#fff;
	border:none;
	padding:0;
	width:654px;
	margin:5px 0px 0px 0px;
	font-size: 14px;
	line-height: 1.3em;
	float: left;
	display:inline;
	position: relative;
}

/* Feature area */
.featurearea {
	border-top:8px solid #7ac142;
	border-bottom:4px solid #7ac142;
	margin:0 0 15px 0;
}

#topics {
	margin:0 34px 0 38px;
	min-height:300px;
}

/* Topic navigation */
#topicnav {
	width:604px;
	height:202px;
	background:url("images/bg_topicnav.jpg") no-repeat top left;
	margin-top:40px;
	position:relative;
	margin:40px 0 0 23px;
	font-family:Arial, Verdana, sans-serif;
	font-size:13px;
}
	.nojs #topicnav {
		display:none;
	}

	#topicnav ul {
		margin:0 0 0 15px !important;
		padding:0;
		list-style:none;
	}
		#topicnav ul li {
			float:left;
			display:inline;
			width:115px; /* 125 */
			height:131px; /* 141 */
			border:1px solid #82c0e8;
			background:url("images/bg_topicnavbox.jpg") no-repeat top left !important;
			margin:0 23px 0 0 !important;
			padding:8px 3px 2px 7px !important;
			color:#0082c8;
			font-weight:bold;
			position:relative;
			line-height:1.1em !important;
			cursor:pointer;
		}
			#topicnav ul li#realworld {
				margin-right:19px !important;
			}
			#topicnav ul li#integrated {
				margin-right:18px !important;
			}
			#topicnav ul li.lasttopic {
				margin-right:0 !important;
			}
		#topicnav ul li img {
			border:1px solid #aeaeae;
			position:absolute;
			bottom:2px;
			left:3px;
		}

		/* Hover/selected states */
		#topicnav ul li.hover {
			color:#016499;
			border-color:#016499;
		}
		
		#topicnav ul li.selected {
			background-image:none !important;
			border-color:#7a7a7a;
			background-color:#fff !important;
			cursor:auto;
			color:#414141;
		}

		/* Topics subcontent */
		#content .subcontent {
			display:none;
			font-size:14px;
		}
			.nojs #content .subcontent {
				display:block;
				padding:20px 0;
			}
		#content .subcontent h1 {
			font-size:28px;
			margin-bottom:10px;
		}
		#content .subcontent h2 {
			clear:left;
			padding-left:17px;
		}
		.subcontent p {
			padding-left:17px;
		}
		.subcontent p.intro,
		.subpage p.intro {
			position:relative;
			background-color:#d7ecc6;
			color:#2b2a2a;
			font-size:18px;
			padding:10px 17px;
			line-height:1.3em;
			margin-bottom:20px;
		}
			.subcontent p.intro strong {
				color:#0e0e0e;
			}
		#content .subcontent ul {
			padding-left:17px;
			padding-top:10px;
		}
		.subcontent .featurearea {
			border-top:7px solid #7ac142;
			border-bottom:2px solid #7ac142;
			border-left:2px solid #7ac142;
			border-right:2px solid #7ac142;
			margin:0 0 4px 0;
		}
		#topics .laerdal p {
			margin-bottom:20px;
		}

/* Multi-purpose columns */
.columns .column {
	float:left;
	display:inline;
	margin-right:4%;
	padding-right:4%;
}
	.verticalline .column {
		border-right:1px solid #dfdfdf;
	}
	.two-column .column {
		width:45%;
	}
	.columns .lastcolumn {
		margin-right:0;
		padding-right:0;
	}
	.verticalline .lastcolumn {
		border-right:none;
	}
	
	.columns .column h2 {
		color:#428500;
		font-weight:600;
		font-size:18px;
		margin:0 0 13px 0;
		padding:0 0 1px 0;
		border-bottom:1px solid #848484;
	}

/* Bulleted list with small green bullets (on homepage and in accordion) */
#content ul {
	margin:0 0 .7em 0;
	padding:0;
	list-style:none;
}
	#content ul li {
		line-height:1.2em;
		margin:0 0 1em 0;
		padding:0 0 0 20px;
		background:url("/Resources/css/images/icon_bullet_greensq.gif") no-repeat 0 .3em;
	}
		#content ul ul {
			padding-top:10px;
		}
		#content ul li li {
			background:url("/Resources/css/images/icon_bullet_greensqsm.gif") no-repeat 0 .4em;
			padding-left:12px;
			margin-bottom:0;
		}
		#content ul ul.column {
			float:left;
			display:inline;
			position:relative;
			margin:-8px 20px 0 0;
			padding-left:0;
		}
	
p.afterlist {
	margin-left:13px;
}
	
/* Important links (with big circled arrow icons) */
a.important {
	white-space:nowrap;
	padding-right:29px;
	background:url("/Resources/css/images/icon_link_circlearrow.gif") no-repeat 100% 0;
	padding-top:2px;
	padding-bottom:5px;
}

/* Sidebar */
#sidecolumn {
	float: right;
	display:inline;
	width: 293px;
	position: relative;
	top: 5px;
	padding:9px 14px 5px 15px;
	min-height:240px;
	z-index:2;
}
#sidelogin,
.sidecode { 
	position: relative; 
	top:-15px;
	width: 270px; 
}
	#sidelogin .header {
		background: url("images/login_header.gif") no-repeat;
		overflow:hidden;
		padding-top:35px;
		height:0;
		width: 293px;
	}
	#sidelogin .form,
	.sidecode .form { 
		background: url("images/horizontal_slice.gif") repeat-y;
		width: 283px; 
		padding-left: 10px; 
		padding-top: 10px; 
	}
	#sidelogin .footer,
	.sidecode .footer,
	.sidesection .footer { 
		background: url("images/box_bottom.gif") no-repeat; 
		width: 293px; 
		height: 8px; 
		margin-top: 0px; 
		margin-bottom: 10px; 
	}
	#sidelogin p { line-height: 13px; }

	.sidecode .header { 
		background: url("images/gen_box_top.gif") no-repeat; 
		width: 293px; 
		height: 8px; 
		margin: 0px; 
	}
	.sidesection {
		position:relative;
		margin-bottom:14px;
	}
	.sidesection .content { 
		background: url("images/horizontal_slice.gif") repeat-y;
		width: 253px; 
		padding: 15px 20px 15px 20px; 
		font-size:14px;
		line-height:1.4em;
	}
	.sidesection .content a {
		font-weight:bold;
	}
	.sidesection h2 {
		overflow:hidden;
		padding:35px 0 0 0;
		margin:0;
		height:0;
		width: 293px;
	}
	#sidecolumn .demowalkthrough h2 {
		background:url("images/h_demowalkthrough.gif") no-repeat top left;
	}
	#sidecolumn .learnmore h2 {
		background:url("images/h_learnmore.gif") no-repeat top left;
	}

.sidecallout { 
	z-index: 100; 
	background: url("images/arrow.gif") no-repeat; 
	width: 288px; 
	height: 150px; 
	padding: 1px 0px 0px 0px; 
	text-align: center; 
	position: relative; 
}
	.sidecallout h1 {
		margin:0 0 13px 0;
		padding:13px 0 0 0;
	}
	.sidecallout h2 {
		margin:0 0 13px 0;
		padding:0;
	}

/* Subpage layout */
.subpage #content {
	float:none;
	display:block;
	width:auto;
	padding:1px 63px 20px 39px;
}
.subpage #contentwrapperinner {
	padding:0 5px 5px 5px;
}
.subpage #content h2,
.subpage #content ul,
.subpage #content p {
	margin-right:78px;
}
.subpage #content .indented {
	margin-left:30px;
}
	.subpage #content  .indented ul {
		margin-left:10px;
		padding-top:0;
	}
		.subpage #content  .indented ul li {
			margin-bottom:0;
		}
	.subpage #content  .indented ul ul {
		margin-left:0;
		padding-top:10px;
	}

.subpage #content h1 {
	font-weight:normal;
	color:#515151;
	font-size:24px;
	line-height:1.1em;
	margin-bottom:10px;
	border-bottom:5px solid #7ac142;
	padding-bottom:1px;
}
.subpage h1 strong {
	color:#438601;
	font-size:22px;
	font-weight:normal;
}
p.instructions {
	background-color:#e5effa;
	padding:4px 12px;
	font-size:14px;
	color:#4f4f4f;
	margin-bottom:1em;
}
	.loggedin p.instructions {
		margin-right:17px;
	}
/* Browse Scenario styles */
.browse #content {
	width:579px;
	margin:5px 0px 0px 0px;
	padding:1px 35px 20px 39px;
	float: left;
	display:inline;
}
	.browse #content h1 {
		margin-bottom:2px;
	}
.browse #contentwrapperinner {
	padding:0 0 5px 5px;
}
.browse #content h2,
.browse #content ul,
.browse #content p {
	margin-right:0;
}
.conceptlist h2 {
	background-color:#d7ecc6;
	padding:13px 15px 11px 15px;
	line-height:1em;
	margin:0;
	font-size:18px;
}
#content .conceptlist ul {
	margin-bottom:0;
	padding-bottom:6px;
	background:url("/Resources/css/images/bg_scenario_stripe.gif") repeat-x bottom left #f3f3f3;
}
	#content .conceptlist ul li {
		background:url("/Resources/css/images/bg_scenario_stripe.gif") repeat-x top left;
		padding:18px 15px 10px 15px;
		margin:0;
	}
		.conceptlist ul li img {
			float:left;
			display:inline;
		}
		.conceptlist ul li .scenarioitems {
			margin-left:85px;
		}
			#content .conceptlist ul li .scenarioitems h3 {
				font-weight:bold;
				font-style:normal;
				padding-top:0;
				margin-bottom:1px;
			}
			#content .conceptlist ul li .scenarioitems ul {
				padding-top:0;
				padding-bottom:0;
				background:none;
			}
				#content .conceptlist ul li .scenarioitems ul li {
					background:none;
					padding:0;
				}
	
/* Sample Demo Walkthrough */
.samplepage #content h1 {
	margin-bottom:4px;
}
#samplecontent {
	float:left;
	display:inline;
	width:375px;
	margin-left:3px;
	margin-right:42px;
}	
	.subpage #content #samplecontent h2,
	.subpage #content #samplecontent ul,
	.subpage #content #samplecontent p,
	.subpage #content p.intro {
		margin-right:0;
	}
	.subpage #content p.intro {
		margin-bottom:33px;
	}
	#samplecontent h2 {
		padding-top:0;
		margin-bottom:20px;
	}
#samplevideo {
	float:left;
	display:inline;
	width:448px;
}
.printonly {
	display:none;
}