/*****************************************
 *			Common Styles
 *****************************************
 *
 * Used to contain all styles which are used
 * across both public and corporate pages.
 *
 */


/* Message Box Control */
.MessageBoxContainer, .ErrorBoxContainer
{
	margin: 0px 0px 15px 0px;
	padding: 0px;
	background-color:inherit;
	font-size: 11px;
	color: #000000;
}

.MessageBoxContainer
{
	border: solid 2px #78a32f;
}

.ErrorBoxContainer
{
	border: solid 2px Red;
}

.indented
{
	padding-left: 20pt;
}

table.MessageBox
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
	table.MessageBox td
	{
		padding: 0px;
		margin: 0px;
	}
			table.MessageBox td.TextCell
			{
				padding: 10px 20px 10px 10px;
			}
			table.MessageBox td.LogoCell
			{
				width: 55px;
			}

	table.MessageBox ul
	{
		padding: 2px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-weight: bold;
		list-style-type: none;
	}

	table.MessageBox li
	{
		padding: 0px 0px 2px 10px;
		margin: 0px 0px 0px 0px;
		background: url(../images/dash.gif) top left no-repeat;
	}

	table.MessageBox a
	{
		font-weight: bold;
		text-decoration: underline;
	}
		table.MessageBox a:hover
		{
			font-weight: bold;
			text-decoration: underline;
		}
/* End Message Box */


/* Validation Summary */
.ValidationSummary
{
	color: #000000;
	border: solid 2px Red;
	padding: 10px;
	margin-bottom: 10px;
	font-family: Arial, Verdana;
	font-size: 11px;
	background: url(../images/errorbg3.gif) top right no-repeat;
}
	.ValidationSummary ul
	{
		padding: 2px 0px 0px 0px;
		margin: 5px 0px 0px 0px;
		list-style-type: none;
	}
	.ValidationSummary li
	{
		padding: 0px 0px 2px 10px;
		margin: 0px 0px 0px 0px;
		background: url(../images/dash.gif) top left no-repeat;
	}
/* End Validation Summary */


/* Auto Complete */
.AutoCompleteTextbox
{
	height: 17px;
	padding: 3px 0px 0px 3px;
	font-size: 11px;
	margin: 2px 0px 3px 0px;
	border: 1px solid #c9c8ca;
	width: 260px;
}

.AutoCompleteHint
{
	color:#999;
}

.AutoCompleteList 
{
	margin: 0px; 
	padding: 0px;
	border: 1px solid #c9c8ca; 
	text-align: left; 
	list-style-type: none; 
	list-style-image: none; 
	list-style-position: outside; 
	background-color: window; 
	color: inherit; 
	max-height: 200px;
	overflow: auto;
	font-family: Arial, Verdana;
}
.AutoCompleteListItem, .AutoCompleteListItemHighlighted
{
	padding: 2px 4px 2px 4px;
	text-align: left; 
}
.AutoCompleteListItem
{
	background-color: window; 
	color: inherit;
}
.AutoCompleteListItemHighlighted
{
	background-color: #78a32f; 
	color: highlighttext;
	cursor: pointer;
}
/* End Auto Complete */


/* Grid */
.SnwGrid
{
      width:100%;
      border: solid 1px #c9c8ca;
}
      .SnwGrid .SnwGridHeader
      {
            text-align:left;
            font-weight:bold;
      }
            .SnwGrid .SnwGridHeader th
            {
                  padding: 3px;                 
                  border: solid 1px #c9c8ca;
            }
      .SnwGrid .SnwGridFooter
    {
      text-align:left;
    }
        .SnwGrid .SnwGridFooter td
        {
          padding: 3px;
                  border: solid 1px #c9c8ca;
        }
      .SnwGrid .Item
      {
            background-color: #FFF;
      }
      .SnwGrid .AlternateItem
      {
            background-color: #dcdcdc;
      }
      .SnwGrid .EditedItem
      {
            background-color:#FF7F00;
      }
      .SnwGrid .Item .PrimaryMarker, .SnwGrid .AlternateItem .PrimaryMarker
    {
          background-color: #699713;
    }   
            .SnwGrid .Item td, .SnwGrid .AlternateItem td
            {
                  padding: 3px;
                  border-right: solid 1px #c9c8ca
            }
            .SnwGrid .Item a, .SnwGrid .AlternateItem a, .SnwGridFooter a
            {
                  text-decoration: underline;
            }
                  .SnwGrid .Item a:hover, .SnwGrid .AlternateItem a:hover, .SnwGridFooter a:hover
                  {
                        color: #ff8209;
                  }
      .SnwGrid .DisabledText
      {
            color: #888;
            cursor: default;
            padding: 0px;
            margin: 0px;
      }
.SnwGridPager
{
      border-top: solid 1px #c9c8ca;
}
      .SnwGridPager a
      {
            color: #000;
      }
            .SnwGridPager a:hover
            {
                  color: #ff8209;
            }
      .SelectedPage
      {
            font-weight: bold;
            color: #669900;
      }
            .SelectedPage a
            {
                  font-weight: bold;
                  color: #669900;
            }
                  .SelectedPage a:hover
                  {
                        font-weight: bold;
                        color: #669900;
                  }

/* End Grid */

/* Details Pages */

.NarrowLeftDetailPane
{
	float: left;
	width: 220px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.NarrowLeftDetailPane1
{
	float: left;
	width: 165px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.NarrowLeftDetailPane2
{
	float: left;
	width: 220px;
	padding: 0px 0px 0px 0px;
	margin: 40px 0px 0px 0px;
}

.DetailPaneHeader
{
	width: 220px;
}
	.DetailPaneHeaderLeft
	{
		background: url(../images/bg_detailsHeaderLeft.gif) top left no-repeat;
		width: 10px;
		height: 22px;
	}
	.DetailPaneHeaderText
	{
		background: url(../images/bg_detailsHeader.gif) top left repeat-x;
		font-weight: bold;
		font-size: 12px;
		padding: 5px 0px 0px 0px;
		color: White;
		text-align: center;
	}
	.DetailPaneHeaderRight
	{
		background: url(../images/bg_detailsHeaderRight.gif) top right no-repeat;
		width: 10px;
		height: 22px;
	}
/*
Update By TTSon
Date 03 June 2010
Modify More date detail
*/
.DetailPaneHeader1
{
	width: 161px;
}
/*
End update By TTSon
*/
/* update by DTYNga
date 03 June 2010
Description: Update background course detail*/
.DetailPaneContent1
{
	width: 285px;
	border: solid 2px #FF8209;
	background-color:#FFFFDD;
	margin: 0px 0px 15px 20px;
	padding: 0px 5px 5px 5px;
}
.LogoImg 
	{
		
		padding: 3px 0px 6px 0px;
		margin: 0px 0px 6px 0px;
}

 .borderedBottom
	{
		font-family:Verdana,Arial;
		font-weight: bold;
		padding: 3px 0px 6px 0px;
		margin: 0px 0px 6px 0px;
	}
.smallGrey1 
	{
		color: #999999;
		border:#FFFFFF;
		font-size: 10px;
	}
.DetailPaneContent .backcolor
	{
		background:#FFFFFF;
	}
/* End By DTYNga
*/
	
.DetailPaneContent
{
	width: 206px;
	border: solid 2px #6aaa2a;
	margin: 0px 0px 15px 0px;
	padding: 5px 5px 5px 5px;
}

	.DetailPaneContent a
	{
		text-decoration: underline;
	}
		.DetailPaneContent a:hover
		{
			text-decoration: none;
		}
		
	.DetailPaneContent .enrolmentContainer
	{
		width: 180px;
		margin: 0px auto;
	}
	
	.DetailPaneContent .iconContainer
	{
		width: 206px;
		text-align: center;
		padding: 3px 0px 10px 0px;
	}
		.DetailPaneContent .iconContainer img
		{
			padding: 0px 1px 0px 1px;
		}

	.DetailPaneContent .borderedBottom
	{
		border-bottom: dotted 1px #669900;
		padding: 3px 0px 6px 0px;
		margin: 0px 0px 6px 0px;
	}
	
	.DetailPaneContent .centeredSection
	{
		text-align:center;
	}
	
	.DetailPaneContent .orangeText
	{
		color: #ff7f00;
	}
	
	.DetailPaneContent .greenText
	{
		color: #669900;
	}

	.DetailPaneContent .smallGrey
	{
		color: #999999;
		font-size: 10px;
	}
	
	.DetailPaneContent .priceSection
	{
		width: 206px;
	}
	.DetailPaneContent .rrp
	{
		color: #777777;
	}
		.DetailPaneContent .rrpPrice
		{
			text-decoration: line-through;
		}
		
		
	.bgTable a
	{
		text-decoration: underline;
	}
		.bgTable a:hover
		{
			text-decoration: none;
		}
		
	.bgTable .enrolmentContainer
	{
		width: 180px;
		margin: 0px auto;
	}
	
	.bgTable .iconContainer
	{
		width: 206px;
		text-align: center;
		padding: 3px 0px 10px 0px;
	}
		.bgTable .iconContainer img
		{
			padding: 0px 1px 0px 1px;
		}

	.bgTable .borderedBottom
	{
		border-bottom: dotted 1px #669900;
		padding: 3px 0px 6px 0px;
		margin: 0px 0px 6px 0px;
	}
	
	.bgTable .centeredSection
	{
		text-align:center;
	}
	
	.bgTable .orangeText
	{
		color: #ff7f00;
	}
	
	.bgTable .greenText
	{
		color: #669900;
	}

	.bgTable .smallGrey
	{
		color: #999999;
		
		font-size: 10px;
	}
	.smallGrey2
	{
		color: #999999;
		
		font-size: 10px;
	}
	.bgTable .priceSection
	{
		width: 206px;
	}
	.bgTable .rrp
	{
		color: #777777;
	}
		.DetailPaneContent .rrpPrice
		{
			text-decoration: line-through;
		}	
	.bgTable .rrp
	{
		color: #777777;
	}
		.bgTable .rrpPrice
		{
			text-decoration: line-through;
		}
	.bgTable .price
	{
		font-size: 12px;
		padding: 3px 0px 3px 0px;
	}
	.bgTable .fullPriceSection
	{
		padding: 2px 0px 8px 0px;
		width: 206px;
	}
		.bgTable .fullPriceSection .text
		{
			padding: 4px 0px 0px 0px;
		}

	.bgTable .contactUs
	{
		padding: 5px 0px 10px 0px;
	}
		.bgTable .contactUs a
		{
			font-weight: bold;
			color: #669900;
		}
			
	.bgTable .logoImage
	{
		text-align: center;
		padding: 0px 0px 10px 0px;
	}
	
	.bgTable .boldLink a
	{
		font-weight: bold;
	}
		
	.bgTable .listHeader
	{
		padding: 5px 0px 5px 0px;
	}
	
	.DetailPaneContent .price
	{
		font-size: 12px;
		padding: 3px 0px 3px 0px;
	}
	.DetailPaneContent .fullPriceSection
	{
		padding: 2px 0px 8px 0px;
		width: 206px;
	}
		.DetailPaneContent .fullPriceSection .text
		{
			padding: 4px 0px 0px 0px;
		}

	.DetailPaneContent .contactUs
	{
		padding: 5px 0px 10px 0px;
	}
		.DetailPaneContent .contactUs a
		{
			font-weight: bold;
			color: #669900;
		}
			
	.DetailPaneContent .logoImage
	{
		text-align: center;
		padding: 0px 0px 10px 0px;
	}
	
	.DetailPaneContent .boldLink a
	{
		font-weight: bold;
	}
		
	.DetailPaneContent .listHeader
	{
		padding: 5px 0px 5px 0px;
	}

.WideRightContentPane
{
	float: left;
	width: 740px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}
.WideRightContentPane1
{
	float: left;
	width: 809px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}
table.DetailsRightLayout1
{
	width:809px; 
	padding:0px; 
	margin:0px; 
	border-collapse:collapse; 
	border:none;
}

table.DetailsRightLayout
{
	width:750px; 
	padding:0px; 
	margin:0px; 
	border-collapse:collapse; 
	border:none;
}

.MoreTrainingInfoContainer
{
	width: 206px;
	background: url(../images/bg_moreTrainingInfo.gif) top left no-repeat;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 15px 0px;
	color: Black;
	border: solid 1px #ffa847;
}
	.MoreTrainingInfoContainer h3
	{
		font-size: 16px;
		color: #fefefe;
	}
	.MoreTrainingInfoContainer .phoneNumber
	{
		padding: 6px 0px 6px 0px;
		font-size: 12px;
		color: #fefefe;
	}

/* End Details Pages */

.LandingPageText
{
	padding-bottom: 7px; 
	text-align: justify;
	font-size: 11px;
	
	color: Black;
}
	.LandingPageText p
	{
		padding: 0px 0px 8px 0px;
		text-align: justify;
		font-size: 11px;
		
		color: Black;
	}


/* Need help banner */

.needHelpContainer
{
	width: 145px;
	background: url(../images/bg_moreTrainingInfo.gif) top right no-repeat;
	padding: 5px 5px 5px 5px;
	margin: 0px auto;
	color: Black;
	border: solid 1px #ffa847;
	text-align: left;
}

.needHelpContainer h2 { font-size: 16px; font-weight: bold; color: White; }
.needHelpContainer p.highlight{ padding: 2px 0px 4px 0px; color:#ffffff; }

.needHelpContainer p b{font-size:13px;font-weight:bold}
.needHelpContainer p strong{font-size:13px;font-weight:bold}

/* End need help banner */


/* Browse all categories page */

h1.browseHeading
{
	font-size: 18px;
	color: #669900;
	margin:0px;
}

p.browseDescription
{
	padding: 20px 0px 0px 0px;
}

.BrowseAllCategoriesContainer
{
	padding: 30px 5px 30px 30px;
}

table.BrowseAllCategories
{
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
}
	table.BrowseAllCategories td.categoryColumn
	{
		vertical-align: top; 
		padding: 0px 25px 0px 0px; 
		width: 385px;
	}
	table.BrowseAllCategories td.skyscraperColumn
	{
		vertical-align: top; 
		width: 160px; 
		padding: 5px 0px 0px 0px;
	}

.ToggleImage
{
	padding: 0px 8px 0px 0px;
}

.LevelOneContainer
{
	padding: 5px 0px 5px 0px;
}

.LevelOneCategoryTitle
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}
	.LevelOneCategoryTitle:hover
	{
		text-decoration: none;
	}

.LevelOneCategoryCount
{
	font-size: 12px;
	color: Gray;
	padding: 0px 5px 0px 2px;
}

.LevelOneCourseLink
{
	color: #558000;
}

.LevelTwoContainer
{
	padding: 3px 0px 3px 30px;
}

.LevelTwoCategoryTitle
{
	font-size: 12px;
	text-decoration: none;
	color: #444444;
}
	.LevelTwoCategoryTitle:hover
	{
		text-decoration: none;
	}

.LevelTwoCategoryCount
{
	font-size: 12px;
	color: Gray;
	padding: 0px 5px 0px 2px;
}

.LevelTwoCourseLink
{
	color: #558000;
}

.LevelThreeContainer
{
	padding: 3px 0px 3px 30px;
}

.LevelThreeCategoryCount
{
	font-size: 12px;
	color: Gray;
	padding: 0px 5px 0px 2px;
}

.LevelThreeCourseLink
{
	color: #558000;
}

/* End browse all categories page */


/* Modal Popup */
.ModalPopup
{
	background-color: White;
	border: solid 1px #666;
	padding: 20px;
}
.ModalPopupBackground
{
	background-color: #888;
	filter: alpha(opacity=70);
    opacity: 0.7; 
} 	            
.ModalPopupHeader
{
	text-align: center; 
	font-weight: bold; 
	padding-top: 10px; 
	padding-bottom: 10px;
}
.ButtonFooter
{
	text-align: center; 
	margin-top: 15px;
}
/* End Modal Popup */