/* Layout - 2 Columns */
.ContentContainer2of2  	{width:850px; overflow:hidden; position:relative;}                   																																				/* Background for Content 1 */													
.ContentContainer1of2  	{float:left; right:650px; width:850px; position:relative; background-image:url(/assets/images/subnav_side.png);}   													/* Background for left nav f2f2f3*/													
.ContentCol1of2     		{float:left; left:650px; width:180px; margin-left:10px; margin-right:10px; position:relative; min-height:600px; overflow:hidden;}          	/* Content for left Nav */													
.ContentCol2of2     		{float:left; left:650px; width:620px; margin-left:30px; position:relative; overflow:hidden; padding-bottom:50px;}     											/* Content for Content 1 */													

/* Page banner */
.Tutorial					{height:45px; font-size:50px; font-weight:bold; color:#fff; opacity:0.2; padding:20px 0 0 100px;}
.TutorialSection	{color:#fff; opacity:0.7; font-size:16px; font-weight:bold; margin:0 150px 40px 0; text-align:right;}

/* Left Navigation */
.LeftNavHead		{font-size:16px; font-weight:normal; color:#522e91; line-height:26px; margin-top:5px;}
.LeftNavLink		{font-size:14px; display:block; line-height:20px; padding-left:5px;}
a.LeftNavLink:link, a.LeftNavLink:visited												{color:#red; text-decoration:none;}
a.LeftNavLink:active, a.LeftNavLink:hover, a.LeftNavLink:focus	{color:#522e91; text-decoration:none; background-color:#f0f0f0;}

.ButtonBackToMod  {display:inline-block; color:#522e91; background-color:#c5bcd6; padding:3px 15px 3px 15px;  margin:50px 0 6px 10px; border-radius:3px;}
a.ButtonBackToMod:link, a.ButtonBackToMod:visited		{text-decoration:none;}
a.ButtonBackToMod:hover, a.ButtonBackToMod:active   {background-color:#a28fc4; color:#222;}

/* Previous - Next Buttons */
.PrevNext						{display:inline-block; padding:0 5px;}
.PrevNext img				{display:inline; vertical-align:bottom;}
a.PrevNext:link, a.PrevNext:visited		{text-decoration:none;}
a.PrevNext:hover, a.PrevNext:active   {text-decoration:underline;}

/* Support for Content Editor Snippet */
.PanelFeature						{width:90%; margin:20px; padding:10px 10px 10px 10px; font-size:1.2em; background-color:#ffecd9; background-image:linear-gradient(0deg, #ffecd9, #fcf7f2 90%); border:1px solid #ff9c2b; border-radius:10px; box-shadow:0 0 20px 0px #ffdbd9; overflow:hidden;}
.PanelFeatureImage 			{width:60px; padding-top:10px;}
.PanelFeatureContent 		{font-size:14px; color:#999;}
.PanelFeature table			{margin:0; padding:0; border:0; width:90%;}
.PanelFeature td				{vertical-align:top;}
.PanelFeature a					{font-weight:bolder;}

/* Prompt Message Handling - Online Learning Module Tutorials */
.PromptBox                	{width:90%; margin:25px 0 25px 20px; padding:0; box-shadow:0 0 10px 0px #ccc; overflow:hidden;}
.PromptBoxInner							{padding:18px 10px 10px 50px; overflow:hidden; z-index:9999;}
.PromptBoxText            	{margin:0 10px 5px 0; font-size:1.1em; color:#333;}

.PromptBoxKeyConcept        {background-color:#f1f7fb; border-left:5px solid #6b91a6;}
.PromptBoxInnerKeyConcept 	{/* ### UNCOMMENT to include an icon ### background-image:url('/assets/images/learn/prompt_keyconcept.png'); background-repeat:no-repeat; background-position:15px 15px;*/}

/* Nice Bullet Lists */
ul.marked_list1							{margin:10px 0 0 10px; padding:12px 10px 12px 20px; list-style:none; border-left:4px solid #e2dbe6; background-color:#f1f5f8; width:80%;}
ul.marked_list1 li						{padding:0 0 8px 16px; line-height:16px; font-size:14px; background:url(/assets/images/marker1.png) no-repeat 0 6px; margin:0; color:#333;}
ul.marked_list1 li a						{line-height:16px; color:#333; text-decoration:underline;}
ul.marked_list1 li a:hover				{line-height:16px; color:#522e91; text-decoration:underline;}

.BeginTutorialLink					{display:inline-block; padding:12px 0; font-size:20px; background-color:#8abae2; color:#fff; width:200px; text-align:center; border-radius:3px; margin-top:20px; margin-bottom:20px;}
a.BeginTutorialLink:link, a.BeginTutorialLink:visited		{text-decoration:none; color:#fff;}
a.BeginTutorialLink:hover, a.BeginTutorialLink:active		{cursor:pointer; background-color:#e9e9e9; color:#384f7b;}

/* Status panel */
.ModuleStatus						{margin:10px auto; border:2px solid #c0c6f0; background-color:#f7f8fa; -webkit-box-shadow: 0 0 4px 4px rgba(76, 76, 76, 0.1); -moz-box-shadow: 0 0 4px 4px rgba(76, 76, 76, 0.1); box-shadow: 0 0 4px 4px rgba(76, 76, 76, 0.1);}
.ModuleStatus  input[type="submit"]				{margin:5px;}
.ModuleStatusLabel			{text-align:center; font-size:11px; padding:3px 10px; background-color:#c0c6f0; color:#480958;}
.ModuleStatusHeading		{font-weight:bold; font-size:18px; line-height:22px; text-align:center; color:#333;}
.ModuleStatusText				{font-weight:normal; font-size:12px; text-align:center; color:#191e92; padding:15px 10px;}