/* Provides padding within a fieldset */
.FieldSetSpacing {
	padding-top:3px;	
}

/* Layout Header Text */
.HeaderText, a.HeaderText{
	font-weight: bold; 
	font-size:14px;
}


/* Layout Footer Text */
.FooterTextSmall, .FooterTextMedium, .FooterTextLarge {
	text-align:center;
}

.FooterTextSmall {
	font-size:12px;
}
.FooterTextMedium {
	font-size:12px;
}
.FooterTextLarge {
	font-size:14px;
	font-weight:bold;
}
/* Form Fields */
.FormField {
	font-weight:bold;
	text-align:left;
}
.FormLabel {
	font-weight:bold;
	text-align:right;
	white-space: nowrap;
	padding-right:5px;
}

.DocumentBounds {
	overflow:hidden;
	height:395px;	
}
.VideoDescriptionBounds {
	overflow:hidden;
	height:100px;	
}
.AudioDescriptionBounds {
	overflow:hidden;
	height:100px;	
}


/***********************************************/
/*  			Inline Boxes 				   */
/***********************************************/

	
	
PlainLink,
a.PlainLink, 
a:active.PlainLink, 
a:visited.PlainLink
{
	text-decoration:none;	
}
.BodyTextUnderline
{
	text-decoration:underline;	
}

.tableHeading,.titlebox
{
	font-weight:bold;
	font-size:16px;
	padding-left:5px;
	padding-right:2px;
}

/***********************************************/
/*  			Admin Site Only				   */
/***********************************************/
.toprow, .addEdit, .addEditOver, .bottomrow
{
	background-image: url(/sharedImages/backgrounds/smallGreyGradientBG.gif);
	font-weight:bold;
	padding-left:2px;
	padding-right:2px;
}

.tableHeading, .toprow, .addEdit, .bottomrow, .displayTable
{
	/* Border With Top Left Light Source */ 
	border-left: white 1px solid; 
	border-top: white 1px solid; 
	border-right: gray 1px solid; 
	border-bottom: gray 1px solid; 
	margin:5px;
}

.tableHeadingText
{
	font-weight:bold;
}

.dataTableBody
{
	border-left: gray 1px solid; 
	border-right: gray 1px solid; 
}

.addEditOver
{
	/* Border With Bottom Right Light Source */ 
	border-left: gray 1px solid; 
	border-top: gray 1px solid; 
	border-right: white 1px solid; 
	border-bottom: white 1px solid; 
}

.bodyTextBoldMedium 
{
	font-weight:bold;
	font-size:14px;
}
.bottomrow
{
	height:10px;
}	

.bodyText
{
	font-size:12px;
	font-family: Arial, Verdana, sans-serif;
}
	
	
	
	
/***********************************************/
/*  				Text Setup				   */
/***********************************************/
	.TitleText
	{
		font-size:18px;
		font-weight:bold;
		font-style:italic;
	}
	.Title
	{
		font-size:18px;
		font-weight:bold;
		font-style:italic;
		border-bottom-style:dashed;
		border-bottom-width:1px;
		margin-bottom:15px;
	}
	.SuperTitleText
	{
		font-size:22px;
		font-weight:bold;
		font-style:italic;
	}
	.SuperTitle
	{
		font-size:22px;
		font-weight:bold;
		font-style:italic;
		margin-bottom: 10px;
	}
	.SubTitleText
	{
		font-size:13px;
		font-weight:bold;
	}
	.SubTitleTextItalic
	{
		font-size:14px;
		font-weight:bold;
		font-style:italic;
	}
	.BodyTextBold
	{
		font-weight:bold;
	}
	.BodyTextBoldItalic
	{
		font-weight:bold;
		font-style:italic;
	}
	.MedTextBold
	{
		font-weight:bold;
		font-size:14px;
	}
	.SmallTextBold
	{
		font-weight:bold;
		font-size:12px;
	}
	.SmallText
	{
		font-size:12px;
	}
	.MedText
	{
		font-size:14px;
	}
	.LargeTextBold
	{
		font-weight:bold;
		font-size:16px;
	}
	.TinyTextBold
	{
		font-weight:bold;
		font-size:10px;
	}
	.TinyText {
		font-size:10px;
	}
	.BodyTextItalic
	{
		font-style:italic;
	}
	.MedTextBoldItalic,
	.DashedHeading
	{
		font-style:italic;
		font-weight:bold;
		font-size:14px;
	}
	a.Anchor
	{
		font-style:normal;
		font-weight:bold;
	}
	a.AnchorBoldItalic
	{
		font-style:italic;
		font-weight:bold;
	}
	.SubTextBoldItalic
	{
		font-style:italic;
		font-weight:bold;
		font-size:10px;
	}
	
	.EmphasisHeading 
	{
		font-weight: bold;
		font-style:italic;
		font-size:16px;
	}
	.PageText
	{
		padding-left: 8px;
	}
/***********************************************/
/*  			Squared Button Sections		   */
/***********************************************/

.Button {
	text-align:center;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	border:none;
}

/***********************************************/
/*  			Pillbox Sections										 */
/*  We should be able to get rid of these 		 */
/***********************************************/

.pillboxHeader {
	position:relative;
	margin:0px;
	height:25px;
}

.pillboxBorder {
	border-width:2px;
	border-style:solid;
}

.pillboxTitleArea {
	position:absolute;
	top:5px;
	display:inline;
}
.pillboxTitleText {
	position:absolute;
	float:left;
	left:10px;
	top:1px;
	font-size:14px;
	font-weight: bold;
	font-style:italic;
}
.pillboxSubTitleText {
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
	/* padding:5px; - shows up when it should not */
}

.pillboxBody {
	padding:5px; /* Required see: http://www.complexspiral.com/publications/uncollapsing-margins/  override with padding in the style tag */
}

/***********************************************/
/*  			Headerbox Sections			   */
/***********************************************/

.podboxHeader {
	position:relative;
	margin:0px;
	padding:2px;
	height:35px;
}
.podboxTitleText {
	font-size:20px;
	font-style:italic;
}

/***********************************************/
/*  			Headerbox Sections			   */
/***********************************************/


.headerboxHeader
{
	position:relative;
	margin:0px;
	padding:2px;
	height:55px;
}

.headerboxTitleArea {
	position:absolute;
	top:5px;
	display:inline;
}

.headerboxTitleText {
	position:absolute;
	float:left;
	left:15px;
	top:15px;
	right:15px;
	font-size:14px;
	font-weight: bold;
	font-style:italic;
}

.headerboxBody {
	padding:5px; /* Required see: http://www.complexspiral.com/publications/uncollapsing-margins/ */
}

.headerboxFooter {
	height:5px;
	line-height:5px;	
}


/**********************************************
  			Thin Header  				   

.thinHeader {
	height:5px;
	line-height:5px;	
}
.thinboxBody
{
	padding:5px; 
	Required see: http://www.complexspiral.com/publications/uncollapsing-margins/  override with padding in the style tag
}
/***********************************************/
/*  			List Tables  				   */
/***********************************************/

.CartDetailHeader {
	font-style:italic;
	height: 24px;
}
.CartDetailHeaderCenter {
	font-style:italic;
	height: 24px;
	text-align:center;
}
.CartDetailRow {
	width: 442px;
	height: 24px;
}


/***********************************************/
/*  					Tabs  				  								 */
/*  We should be able to get rid of these 		 */
/***********************************************/

.TabCrescent 
{
	position:relative;
	margin-bottom:4px;
	padding:2px;
	height:6px;
}
.TabTitleHolder { 
	position:relative;
	float:left;
	display:block;
	top:-7px;
	left:10px;
	z-index:22;
	cursor:pointer;	
}
.TabRounder { 
	margin:0px;
	margin-top:0px;
	overflow:hidden!important;
	position:relative;
	width:100%
}
.Tab
 {
	font-size:16px;
	line-height:16px;
	height:16px;
}

/***********************************************/
/*  			Drawer		  				   */
/*  We should be able to get rid of these 		 */
/***********************************************/
.drawerTitleButton 
{
	position:absolute;
	left:5px;
	top:2px;
	float:left;
	display:inline;
}
.drawerTitleText 
{
	position:absolute;
	float:left;
	left:35px;
	top:0px;
	font-size:18px;
	font-style:italic;
}
.drawerTitleHTML
{
	position:absolute;
	right:0px;
	top:0px;
	display:inline;
	cursor:pointer;
}

/************************************************/
/* 				Border Boxes				 	*/
/************************************************/

.Border
{
	position:relative;
	margin:0px;
	padding:2px;
}

.BorderBody {
	position:relative;
}

/* Borders & Dividers */

select.InputField, input.InputField, .imgBorder 
{
	border-style: solid;
	border-width: 1px; 
}
.SolidBorder
{
	border-width:1px;
	border-style:solid;
}
.SolidBorderBottom 
{
	border-bottom-width:1px;
	border-bottom-style:solid;
}
.SolidBorderTop 
{
	border-top-width:1px;
	border-top-style:solid;
}
.DashedBorderTop 
{
	width:100%;
	border-top:dashed 1px;	
}
div.dashedBorderBottom, div.DashedHeading,
td.dashedBorderBottom, td.DashedHeading,
tr.dashedBorderBottom
{
	border-bottom-style:dashed;
	border-bottom-width:1px;
	padding-top:5px;
	margin-bottom:15px;
}
div.dashedBorderBottomMedium, td.dashedBorderBottomMedium
{
	border-bottom-style:dashed;
	border-bottom-width:2px;
	padding-top:5px;
	margin-bottom:15px;
}
td.dashedBorderRight, div.dashedBorderRight {
	border-right-style:dashed;
	border-right-width:1px;
}
td.solidBorderRight, div.solidBorderRight {
	border-right-style:solid;
	border-right-width:1px;
}
div.DashedBorderBottomBasic, td.DashedBorderBottomBasic {
	border-bottom-style:dashed;
	border-bottom-width:1px;
	height:1px;
}

/***********************************************/
/*  			Floating Divs 				   */
/***********************************************/


.floatLeft {
	position:relative;
	float:left;
}
.left33 {
	position:relative;
	float:left;
	width:32%;
	
}
.left15 {
	position:relative;
	float:left;
	width:15%;
}
.left20 {
	position:relative;
	float:left;
	width:20%;
}

.left66 {
	position:relative;
	float:left;
	width:66%;
	
}
.left25 {
	position:relative;
	float:left;
	width:24%;
		
}
.left70 {
	position:relative;
	float:left;
	width:69%;
		
}
.left50 {
	position:relative;
	float:left;
	width:50%;
		
}
.left75 {
	position:relative;
	float:left;
	width:75%;
		
}

.floatRight {
	position:relative;
	float:right;
}
.right15 {
	position:relative;
	float:right;
	width:15%;
}
.right20 {
	position:relative;
	float:right;
	width:18%;
}
.right25{
	position:relative;
	float:right;
	width:25%;
}
.right30 {
	position:relative;
	float:right;
	width:29%;
}
.right33 {
	position:relative;
	float:right;
	width:33%;
}
.right50 {
	position:relative;
	float:right;
	width:49%;
}
.right66 {
	position:relative;
	float:right;
	width:66%;
}
.right80 {
	position:relative;
	float:right;
	width:80%;
}

/************************************************/
/* 							Format Templates								*/
/************************************************/
.Content{
	position:relative;
	border-width:1px;
	border-style:solid;
	overflow:hidden;
	z-index:1;
}
#ContentFloatingFooter
{
	position:absolute;
	top:450px;
	padding-top:15px;
	padding-bottom:15px;
	z-index:2;
}
.ContentFooter{
	width:100%;
	border-top:dashed 1px;
	padding-top:5px;
	margin-top:15px;
}
.RelatedContentBackground {
	position:absolute;
	top:0px;
	right:0px;
	width:240px;
	height:100%;
	overflow: hidden;
}
.RelatedContent {
	float: right;
	width: 240px;
	position: relative;
}

.RelatedAd{
	position:absolute;
	right:0px;
	top:379px;
	width:240px;
	height:121px;
}
.ContentAction a{
	font-size:12px;
	font-style:italic;
	font-weight:bold;	
}
.Content .SuperTitle
{
	position:absolute;
	top:-30px;
}



.Center {
	margin:auto;
	text-align:center;	
}
.Left {
	text-align:left;	
}
.Right {
	text-align:right;	
}
.Justify {
	text-align:justify;	
}

.fullHeight {
		height:100%;
	}
.full100 {
	position:relative;
	float:left;
	width:100%;	
}
/* Clearing Floats 
 * http://www.sitepoint.com/simple-clearing-of-floats/ 
 * http://www.sitepoint.com/examples/clearing_floats/example1.php
 * */

.Clear {
	clear:both;
}
.Clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.WidePadding {
	padding:20px;
}
.StandardPadding {
	padding:10px;
}
.ClosePadding {
	padding:5px;
}
.TightPadding {
	padding:3px;
}
.BorderPadding {
	padding:2px;
}
.MinPadding {
	padding:1px;
}
.NoPadding {
	padding:0px;
}
.CellPadding {
	padding: 5px 10px;	
}

.StandardMargin {
	margin:10px;	
}
.CloseMargin {
	margin:5px;
}
.TightMargin {
	margin:3px;
}
.NoMargin {
	margin:0px;
}
.WideMargin {
	margin:20px;
}
.Width25
{
	width:25%;
}	
.DisplayBlock
{
	display:block;	
}
.DisplayInline
{
	display:inline;	
}
.Relative
{
	position:relative;	
}
.password 
{
	font-size : 12px;
	border : 1px solid #cc9933; /* Used for password Grading, do not move to the themes */
	width : 200px;
	font-family : arial, sans-serif;
}
.pstrength-minchar 
{
	font-size : 10px;
}
/* Images  */

.smallIcon 
{
	width:18px;
	height:18px;
	padding:0px;
}
.largeIcon 
{
	width:33px;
	height:33px;
}
.centerIcon
{
	display:block;
	margin:auto;
}
.leftIcon
{
	display:inline;
	float:left;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:5px;
}
.leftImage{
	float:left;
	margin-right:15px;
}
.rightIcon
{
	display:inline;
	float:right;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:5px;
}
.hide
{
	display:none;
	visibility:hidden;
}

.titlebox
{
	background-color:silver;
}
.nowrap 
{
	white-space: nowrap;
}
	
.inactive
{
	font-style:italic;
	font-size:10px;
	color:silver;
}
.required {
	font: normal bold 1em Arial;
	color: #A02532;
	margin-right:3px;
}
.shadowed /* http://ole-laursen.blogspot.com/2009/08/using-css3-box-shadow-with-ie.html */
	{  
		-moz-box-shadow: 2px 2px 3px #969696;  
		-webkit-box-shadow: 2px 2px 3px #969696;
		filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
		zoom: 1;
	}

/************************************************/
/*   Course/SCORM Player Static Colors  */
/************************************************/
  .CompletedLCText, 
  a.CompletedLCText, 
  a.CompletedLCText:visited, 
  a.CompletedLCText:active
  {
    color:#52B24F;
  }
  .InProgressLCText, 
  a.InProgressLCText, 
  a.InProgressLCText:visited, 
  a.InProgressLCText:active
  {
    color:#F15A29;
  }
  .CurrentLCBG
  {
    background-color:#F15A29;
  }
	.CurrentLCText, 
  a.CurrentLCText, 
  a.CurrentLCText:visited, 
  a.CurrentLCText:active
  {
    color:#FFFFFF;
  }
  .NotAttemptedLCText, 
  a.NotAttemptedLCText, 
  a.NotAttemptedLCText:visited, 
  a.NotAttemptedLCText:active
  {
    color:#58595B;
  }
  .RetakeRequiredLCText, 
  a.RetakeRequiredLCText, 
  a.RetakeRequiredLCText:visited, 
  a.RetakeRequiredLCText:active
  {
    color:#A02532;
  }
  
/************************************************/
/* 							HTML List Manipulation					*/
/************************************************/
/* structure classes */
.PlainList	/* a list with no default styles, only a container.  We wouldn't need this if we had a css reset */
	{
		padding:0px;
		margin:0px;	/* IE7 accomodation, it uses margin on the list items  */
		list-style-type:none;
	}
.PlainList>li	/* we can use an element name here, because lists must contain list items */
	{
		position:relative;	/* so we can position inside each list item element */
		
		/* hack to clear floating divs without extra markup.  TODO: move this to a structure class and not a style class. */
		overflow:hidden;
		width:auto; /* 100% works, will auto work to clear divs in all browsers?*/
	}
.Box
	{
		/* Box is a container for other elements */
		position:relative;
		/* this clears floats without markup, works even in IE6.  See http://tjkdesign.com/articles/clearing-floats_and_block-formatting_context.asp */
		overflow: hidden; /*  */
		_overflow: visible; /*  */
		_overflow-x: hidden; /*  */
		_height: 0; /* gives hasLayout property, which will cause it to clear floats in IE6 */
	}
	
.FixedColumn
	{
		float:right;
		margin-left:10px;
		width:100px;
		text-align:right;
	}
.FlexColumn
	{
		/* really long text in the FlexColumn will wrap around the text in the FixedColumn, need a way to fix that properly
		 * for now I'll just put a margin on this to keep that from happening
		 */
		margin-right:220px;	/* if change column widths you'll need to adjust this*/
	}
.ContentListHeader .Thumb,
.ContentList .Thumb
	{
		float:left;
		width:83px;
		margin-right:10px;
	}
.ContentList .Thumb
	{
		height:81px;
	}
.ContentListHeader .Icon,
.ContentList .Icon
	{
		float:left;
		width:16px;
		margin-right:10px;
	}
 .Number
	{
		text-align:right;
	}
.ContentList .Detail li
	{
		margin-top:5px;
	}
.ContentList>li
	{
		border-bottom:thin dashed;
		padding:10px;
	}
.ContentList>li:last-child
	{
		border-bottom:none !important;
	}
.ContentListHeader
	{
		font-size:12px;
		font-style:italic;
		font-weight:bold;
		padding:10px 10px 5px 10px;
	}
.FilterList .Title,
.ContentListHeader .Title,
.ContentList .Title
	{
		/* Overrides some Title class styles */
		font-size:12px;
		border-bottom:none;
		margin-bottom:0px;
	}
.FilterList>li
	{
		margin-bottom:10px;
		position:relative;
	}
.FilterList>li>div
	{
		line-height:1.5em; /* this vertically aligns the .SearchFilterListButton, input, and label in the middle of the line */
	}
.FilterList .FilterList
	{
		/* indent each level of FilterList */
		margin-left:30px;
	}
.FilterList .FilterList>li
	{
		margin-bottom:0px;
	}
.FilterList .SearchFilterListButton
	{
	width:16px;
	text-align:center;
	margin: 0px 1px;
	cursor:pointer;
}
.FilterList input
	{
		display:inline-block;
	}
.FilterList label
{
		vertical-align:middle;
}

/* Shopping Cart styles*/
#Cart #UpsellBanner
		{
			margin-bottom: 10px;
		}
	
/* table style*/
#CartProduct,
.CartPerson
	{
		table-layout: fixed; /* supposed to help rendering speed */
	}

#CartProduct .EditLink,
.CartPerson .EditLink
	{
		font-weight:normal;
	}
.CartPerson .or
	{
		position:absolute;
		right:108px;
		
	}

/* row style*/
#CartProduct .Title td,
.CartPerson .Title td
	{
		padding-top:10px;
		padding-bottom:5px;
		font-size:12px;
		white-space:nowrap;
	}
#CartProduct .Details td,
.CartPerson .Details td
	{
		padding-top:5px;
		padding-bottom:5px;
	}
#CartProduct .Subtotal td,
.CartPerson .Subtotal td
	{
		border-top-style:dashed;
		border-top-width: 1px;
		font-weight:bold;
		font-style: italic;
		padding-top:5px;
		padding-bottom:10px;
		vertical-align:top;
		white-space:nowrap;
	}

/* column style*/
#CartProduct .Thumb,
.CartPerson .Thumb
	{
		vertical-align:top;
		padding: 10px;
	}
#CartProduct .Badge,
.CartPerson .Badge
	{
		vertical-align:middle;
		padding: 10px;
		text-align:center;
	}
#Cart .Description,
#CartProduct .Description,
.CartPerson .Description
	{
		width: 100%;
		text-align:left;
		padding-right:10px;
	}
#CartProduct .Text,
.CartPerson .Text
	{
		text-align:left;
		padding-left:10px;
		padding-right:10px;
	}
#CartProduct .Number,
.CartPerson .Number
	{
		text-align:center;
		padding-left:10px;
		padding-right:10px;
	}
#CartProduct .Dollar,
.CartPerson .Dollar
	{
		text-align:center;
		padding-left:10px;
		padding-right:10px;
		vertical-align: top;
	}

.CartPerson .Title .YourOrder
	{
		border-top-style:solid;
		border-top-width: 1px;
	}
.CartPerson .Title .Offer
	{
		border-top-style:solid;
		border-top-width: 1px;
	}
.CartPerson .YourOrder
	{
		border-left-style:solid;
		border-left-width: 1px;
	}
.CartPerson .Offer
	{
		border-right-style: solid;
		border-right-width: 1px;
		width: 100px; /* the offer column has to be a fixed width because we are absolutely positioning the or_icon onto the border between the columns. */
	}
.CartPerson .Subtotal .YourOrder
	{
		border-bottom-style:solid;
		border-bottom-width: 1px;
	}
.CartPerson .Subtotal .Offer
	{
		border-bottom-style:solid;
		border-bottom-width: 1px;
	}
	
#Cart #CartTotal
	{
		margin-top:10px;
		font-weight:bold;
		font-style:italic;
		font-size:16px;
	}
#Cart #CartTotal .Label
	{
		width:100%;
		text-align:right;
	}
#Cart #CartTotal .Dollar
	{
		text-align:right;
		padding-left:30px;
		padding-right:10px;
	}

.SubformatsHeader {
	border-bottom-style: dashed;
	border-bottom-width: thin;
	border-top: 1px solid #9B9C9D;	
	padding: 10px;
	margin-top: -1px; /* This is a hack */
}
.SubformatsHeader label {
	margin-right: 10px;
}
.BetweenSelects {
	padding: 0 15px;
	line-height: 18px;
}
.NarrowResults {
	border-bottom: 1px dashed;
}
.NarrowResults span,
.NarrowResults input,
.NarrowResults select,
.NarrowResults .btnSquared {
	float: left;
}
.NarrowResults .btnSquared .btnSquared {
	float: none;
}
/* ================= Styles for Results List ================= */

.ResultsColumn {
	width: 400px;
	display: inline-block;
	
	/* border-right: 1px solid #000; */
}

.ResultsColumn * {
	margin: 0;
	padding: 0;
}

.ResultsColumn a {
	text-decoration: none;
}

.ResultsColumn a:hover {
	text-decoration: underline;
}

.ResultsColumn p {
	margin: 5px 0 10px 0;
	display: inline-block;
}

.ResultsColumn ol, .ResultsColumn ul {
	list-style: none;
	overflow: auto;
}

.ResultsColumn li {
	float: left;
	margin-right: 15px;
}

.ResultsColumn h3 {
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
}

h3.ResultsTitle {
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
}

h3.ResultsTitle a {
	text-decoration: none;
	outline: none;
}

h3.ResultsTitle a:hover {
	text-decoration: underline;
}

h4.ResultsTitle  {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}

h4.ResultsTitle span {
	font-weight: bold;
}

.ButtonsColumn {
	float: right;
	width: 100px;
	padding-top: 20px;
}

/***************************************************
 * DialogBox
 ***************************************************/
.DialogClose{
	background: url('/assets/master/iconset/dialog-close-tab.jpg');
	width: 86px;
	height: 32px;
}

/****************************************************
 * tooltip
 ****************************************************/
.tooltip { 
	position:relative; 
	z-index:24999;
}
.tooltip span { 
	display:none;
	z-index:25000;
}
.tooltip:hover span {
	display:block;
	position:absolute;
	width:140px;
	bottom:20px;
	left:0px;
	border:1px solid #aaa;
	padding:5px;
	font-size:12px;
	text-align:left;
	border-radius: 4px;
	box-shadow: 2px 2px 5px #333;
}