body
{
	background: #ffbb00 url(     '../../Images/bg/PA-top-side-bg.jpg' ) repeat-x top;
	font-family: Tahoma;
	font-size: small;
	margin: 0px;
}

.whiteTitle
{
	color: #ffffff;
}

.brownTitle
{
	color: #A0410D;
}

.yellowBoldTitle
{
	color: #ffffff; /* #FFFF00;*/
	font-weight: bold;
}

#document
{
	text-align: left;
	width: 100%;
}


#rootContainer
{
	
	margin: 0 auto;
	width: 942px;
}

#headerContainer
{
	background: #ffbb00 url(     '../../Images/bg/PA-top-bg.jpg' ) no-repeat top;
	float: left;
	font-family: Arial;
	height: 82px;
	padding-left: 5px;
	width: 930px;
}
#mainMSlogo
{
	float: left;
}
#topNavigationContainer
{
	color: #A0410D;
	float: right;
	font-family: Arial;
	font-size: 12px;
}

#topNavigationContainer ul
{
	list-style: none;
	margin-top: 10px;
}
#topNavigationContainer ul li
{
	float: left;
}
#topNavigationContainer ul li a, #topNavigationContainer ul li a:link, #topNavigationContainer ul li a:visited
{
	color: #A0410D;
}

#topNavigationContainer ul li a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}
#loginContainer
{
	float: right;
	color: #9e0b0e;
	font-weight: bold;
	margin-top: 25px;
	width: 700px;
}
#loginContainer div
{
	float: right;
	margin-left: 20px;
}
#loginContainer div span a, #loginContainer div span a:link, #loginContainer div span a:visited
{
	color: #ffff00;
}

#loginContainer div span a:hover
{
	color: #ffffff;
	text-decoration: none;
}

#loginContainer div#loginTemplate a, #loginContainer div#loginTemplate a:link, #loginContainer div#loginTemplate a:visited
{
	color: Blue;
}

#contentContainer
{
	background: url(     '../../Images/bg/PA-mid-content.gif' ) no-repeat top;
	color: #A0410D;
	float: left;
	padding: 20px 10px 0 20px;
	width: 912px;
}
#switchLangButton
{
	margin: -3px 15px 7px 0;
	text-align: right;
}
#switchLangButton a
{
	background: ##E07E0A;
	border: solid 1px black;
	padding: 2px;
}

#mainNavigationContainer
{
	background: #000000 url(     '../../Images/bg/black-nav.gif' ) repeat-x top;
	border-left: solid 1px #555451;
	border-right: solid 1px #555451;
	color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	height: 30px;
	width: 98%;
}

#mainNavigationContainer ul
{
	list-style: none;
	margin-left: 10px !important;
	margin-left: 50px;
}

#mainNavigationContainer ul li
{
	float: left;
	height: 10px;
	margin-top: 8px;
}

#mainNavigationContainer ul li a, #mainNavigationContainer ul li a:link, #mainNavigationContainer ul li a:visited
{
	color: #ffffff;
	font-weight: bold;
}

#mainNavigationContainer ul li a:hover
{
	color: #fff600;
	text-decoration: none;
}


#mainContentContainer
{
	/*border: solid 1px red;*/
	float: left;
	height: 800px;
	width: 600px;
}

#mainContentContainer2
{
	/*border: solid 1px red;*/
	float: left;
	height: 800px;
	width: 900px;
}
#mainContentContainer div
{
	float: left;
}
#mainContentContainer div#middleHomeContent
{
	margin-left: 20px;
}
#mainContentContainer div.advancedSearch
{
	background: url(../../Images/bg/bg-advanced-searchs.gif) no-repeat top;
	font-size: 12px;
	height: 137px;
	width: 410px;
}
#mainContentContainer div.advancedSearch table
{
	margin: 35px 0 0 20px;
}

#mainContentContainer div.advancedSearchThai
{
	background: url(../../Images/bg/bg-advanced-searchs-th.gif) no-repeat top;
	font-size: 12px;
	height: 137px;
	width: 410px;
}

#mainContentContainer div.advancedSearchThai table
{
	margin: 35px 0 0 20px;
}

.searchResultPanel
{
	background: url(../../Images/bg/bg-advanced-search.gif) no-repeat top;
	height: 150px;
	margin: 0 auto;
	width: 550px;
}

.searchResultPanelThai
{
	background: url(../../Images/bg/bg-advanced-search-th.gif) no-repeat top;
	height: 150px;
	margin: 0 auto;
	width: 550px;
}

.searchResultPanel table, .searchResultPanelThai table
{
	color: White;
	margin: 45px 0 0 65px;
}

.searchResultPanel td.titleColumn, .searchResultPanelThai td.titleColumn
{
	font-weight: bold;
	text-align: right;
}

.advancedSearchResultTable
{
	background: #FEDE99 url('../../Images/bg/grid-bg.jpg') repeat-x bottom;
	border: solid 1px #ffffff;
	width: 100%;
}

.advancedSearchCourseTitle
{
	font-weight: bold;
	margin: 10px 0 10px 10px;
}


div#schedule
{
	border: solid 1px #888888;
	height: 433px;
	margin: 15px 0 0 15px;
	width: 440px;
}
div#scheduleLarge
{
	border: solid 1px #888888;
	height: 457px;
	width: 640px;
}

#footerWrapper
{
	float: left;
	height: 115px;
	margin-top: 30px;
	padding-left: 50%;
	text-align: center;
}

#footerContainer
{
	background: url(     '../../Images/bg/PA-bottom-bg.jpg' ) no-repeat top;
	font-family: Arial;
	float: left !important;
	float: none;
	height: 115px;
	margin-left: -503px;
	margin-top: 20px;
	padding: 0 30px;
	text-align: left;
	width: 943px;
}

#column1Container
{
	float: left;
}

#column2Container
{
	float: left;
	margin: 20px 0 0 20px;
}

#detailPageContent
{
	width: 740px;
}

#detailPageContent div#innerDetailPageContent
{
	background: url(     '../../Images/bg/border-shape-bg.jpg' ) no-repeat top;
	width: 705px;
}

#detailPageContent div#detailPageContentPaddingBox
{
	font-family: Arial;
	margin: 0 auto;
	padding-top: 20px;
	width: 650px;
}

#innerDetailPageContentWhite
{
	background: url(     '../../Images/bg/border-shape-bg-white.jpg' ) no-repeat top;
	min-height: 800px !important;
	height: auto !important;
	height: 800px;
	width: 705px;
}

#detailPageContentPaddingBox div#courseListContainer
{
	border-bottom: dashed 1px #A0410D;
	float: left;
	padding-bottom: 10px;
	text-align: right;
	width: 100%;
}

div#courseListContainer h3
{
	text-align: left;
}

div#courseListContainer div#courseListImage
{
}

div#courseListContainer div#courseListImage div
{
	border: solid 3px #FF9100;
	float: left;
	margin: 0 10px 5px 0;
	width: 210px;
}

div#courseListContainer p#courseListDescription
{
	margin-bottom: 15px;
	text-align: left;
}

div#instructorContainer
{
	border-bottom: dashed 1px #A0410D;
	float: left;
	padding-bottom: 10px;
	text-align: right;
	width: 100%;
}

div#instructorContainer h3
{
	text-align: left;
}

div#instructorContainer div#instructorImageContainer
{
}

div#instructorContainer div#instructorImageContainer div
{
	border: solid 3px #FF9100;
	float: left;
	margin: 0 10px 5px 0;
	width: 66px;
}

#instructorViewImageContainer div
{
	border: solid 3px #FF9100;
	float: left;
	margin: 0 10px 5px 0;
	width: 120px;
}

div#instructorContainer div#instructorDescription
{
	margin-bottom: 15px;
	text-align: left;
}

div#testimonialContainer div#testimonialImageContainer div
{
	border: solid 3px #FF9100;
	float: left;
	height: 120px;
	margin: 0 10px 5px 0;
	width: 120px;
}
div#testimonialContainer div#testimonialDescription
{
	margin-bottom: 15px;
	text-align: left;
}

div#testimonialContainer div#testimonialDescription p
{
	text-align: right;
}

#rewardListContainer
{
	width: 100%;
}

#rewardListContainer div
{
	float: left;
	margin-left: 10px;
}
.rewardItem
{
	margin-bottom: 20px;
}

/*------- START > HOME: SIDE CONTENT --------*/
#sideContentContainer
{
	background: url(     '../../Images/bg/bg-calendar-homepage.jpg' ) no-repeat top; /*border: solid 1px black;*/
	float: left;
	font-family: Arial;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	width: 295px;
}
#sideContentContainer div
{
	/*border: solid 1px green;*/
	clear: both;
	color: #fff600;
	float: left;
	padding-left: 15px;
	width: 280px;
}

#sideContentContainer div a
{
	text-decoration: none;
}

#sideContentContainer div.imageBorder
{
	border: solid 2px #FF9100;
	float: none;
	padding: 0;
	width: 204px;
}


/*--------END > HOME: SIDE CONTENT -----------*/

/*--------START > HOME: VERTICAL MENU ------------*/
#verticalNavigationContainer
{
	height: 530px;
	width: 130px;
}
#verticalNavigationContainer div
{
	float: left;
}
/*--------END > HOME: VERTICAL MENU ------------*/






/* ------- CLASSES ---------*/

.normalTableContainer table
{
	border: 0px;
}
.normalTableContainer td
{
	margin: 0px;
	padding: 1px;
	vertical-align: top;
}
.normalTableContainer td.titleColumn
{
	font-weight: bold;
	text-align: right;
}

.normalTableContainer td.titleAdvancedSearch
{
	color: #ffffff;
}


.brownLink
{
	color: #A0410D;
}
.brownLink a, .brownLink a:link, .brownLink a:visited
{
	color: #A0410D;
}

.brownLink a:hover
{
	color: #ffffff;
	text-decoration: none;
}

.brownHover a:hover
{
	color: #A0410D;
	text-decoration: underline;
}

.greyBoldLinkWithLine
{
	color: #3F4038;
}
.greyBoldLinkWithLine a, .greyBoldLinkWithLine a:link, .greyBoldLinkWithLine a:visited
{
	color: #3F4038;
	font-weight: bold;
	text-decoration: underline;
}

.greyBoldLinkWithLine a:hover
{
	color: #3F4038;
	text-decoration: underline;
}


.whiteLinkWithLine
{
	color: #ffffff;
}
.whiteLinkWithLine a, .whiteLinkWithLine a:link, .whiteLinkWithLine a:visited
{
	color: #ffffff;
	text-decoration: underline;
}

.whiteLinkWithLine a:hover
{
	color: yellow;
	text-decoration: none;
}

.yellowLinkWithLine
{
}
.yellowLinkWithLine a, .yellowLinkWithLine a:link, .yellowLinkWithLine a:visited
{
	color: yellow;
	text-decoration: underline;
}

.yellowLinkWithLine a:hover
{
	color: #ffffff;
	text-decoration: none;
}

.floatRightDetailPage
{
	float: right;
	margin: 25px 0 0 0;
	padding-right: 40px;
}

.gridViewScheduleHeader
{
	background: url(    '../../Images/bg/bg-nav-schedules.jpg' ) repeat-x top;
	color: #B86805;
}

.tabs
{
	float: left;
	list-style: none;
	margin: 0 0 0 -15px;
	padding: 0 0 0 30px;
}
.tabs li
{
	float: left;
	margin: 0 2px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.tabs li a, .tabs li a:link, .tabs li a:visited
{
	background: #EFB159;
	margin: 0 0 0 -1px;
	padding: 5px 15px;
	text-decoration: none;
}
.tabs li a:hover
{
	background: #DFA553;
	color: #ffffff;
}

.tabContent
{
	background: url(    '../../Images/bg/tab-content-bg.jpg' ) repeat-x top;
	clear: left;
	float: left;
	font-family: Arial;
	margin: -5px 0 0 0;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	padding: 20px 20px;
	width: 700px;
}

.tabEdgeTopLeft
{
	background: url(    '../../Images/bg/tab-edge-tl.gif' ) no-repeat;
	float: left;
	height: 13px;
	left: -20px;
	position: relative;
	top: -20px;
	width: 13px;
}

.tabEdgeTopRight
{
	background: url(    '../../Images/bg/tab-edge-tr.gif' ) no-repeat;
	float: right;
	height: 13px;
	right: -20px;
	position: relative;
	top: -20px;
	width: 13px;
}

.faqItem
{
	background: #FFD287;
	border: solid 1px #F9832B;
	border-bottom: dashed 1px #A0410D;
	margin-bottom: 2px;
	padding: 7px;
	width: 680px;
}
.faqItem p
{
}
.faqItemTitle
{
	font-weight: bold;
	cursor: pointer;
}
.faqItem a, .faqItem a:link, .faqItem a:visited
{
	font-weight: bold;
}
.faqItem a:hover
{
	color: #A0410D;
}

.printingFormat
{
	background: #fff;
	font-size: 11px;
}

.normalTableContainer table
{
	border: 0px;
}
.normalTableContainer td
{
	margin: 0px;
	padding: 3px;
	vertical-align: top;
}
.normalTableContainer td.titleColumn
{
	font-weight: bold;
	text-align: right;
}
.registrationTextBoxStyles
{
	width: 265px;
}

.singleTitleColumn
{
	font-weight: bold;
}

.registerButton
{
	margin-left: 100px;
}

.registrationHr
{
	border: dashed 1px #A0410D;
}

.ajax__tab_default .ajax__tab_header
{
	white-space: normal !important;
}

.myProfileTable
{
	margin: 0 auto;
	width: 450px;
}

.myProfileTable .title
{
	font-weight: bold;
	text-align: right;
	width: 150px;
}

.myProfileTable td
{
	vertical-align: top;
}

.commonTable td
{
	vertical-align: top;
}

.roadmapTable
{
	width: 100%;
}

.roadmapTable td.roadmapCell
{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	width: 50%;
}

.roadmapTable img
{
	height: 28px;
	width: 70px;
}

.roadmapRecommendedCell, .roadmapRecommendedCell a, .roadmapRecommendedCell a:link, .roadmapRecommendedCell a:visited
{
	color: #0033FF;
}

.roadmapRecommendedCell a:hover 
{
	color: #1C1F8E;
}

.roadmapElectiveCell, .roadmapElectiveCell a, .roadmapElectiveCell a:link, .roadmapElectiveCell a:visited
{
	color: #46A601;
}

.roadmapElectiveCell a:hover
{
	color: #2F7100;
}

.roadmapContainer
{
	margin: 0 auto;
	text-align: center;
	width: 98%;
}

.roadmapType div
{
	font-size: medium;
	font-weight: bold;
	height: 35px;
	margin: 0 auto 20px auto !important;
	margin-bottom: 0;
	padding-top: 15px;
	width: 150px;
}

.roadmapType div#roadmapRecommended
{
	border: dashed 2px #0033FF;
	color: #0033FF;
}

.roadmapType div#roadmapElective
{
	border: dashed 2px #46A601;
	color: #46A601;
}

.roadmapLinkingLineContainer
{
	text-align: center;
	width: 100%;
}

.roadmapRecommendedLinkingLine 
{
	border-right: dashed 1px #0033FF;
	height: 15px;
	margin: auto auto;
	width: 1px;
}

.roadmapElectiveLinkingLine
{
	border-right: dashed 1px #46A601;
	height: 15px;
	margin: auto auto;
	width: 1px;
}

.roadmapRecommendedItemContainer
{
	background: #FFC950;
	border: dashed 1px #0033FF;
	padding: 10px;
}

.roadmapElectiveItemContainer
{
	background: #FFC950;
	border: dashed 1px #46A601;
	padding: 10px;
}

.roadmapLevelForRecommended
{
	border: dashed 1px #0033FF;
}

.roadmapLevelForElective
{
	border: dashed 1px #46A601;
}

.roadmapItemBottom td
{
	vertical-align: bottom;
}

.roadmapItemTop td
{
	vertical-align: top;
}

.roadmapItemImageBlock a, .roadmapItemImageBlock a:link, .roadmapItemImageBlock a:visited
{
	color: #A0410D;
	font-size: 12px;
	font-weight: normal;
}

.roadmapItemImageBlock a:hover
{
	color: #ffffff;
}

.rewardPolicyContainer
{
	background: #FFC950;
	border: dashed 1px orange;
	padding: 10px;
}

.cursorPointer
{
	cursor: pointer;
}

.videoItem
{
  background: url('../../images/videos/viditem-bg.jpg') repeat-x top;
  border: solid 1px #ffffff;
  float: left;
  font-weight: bold;
  height: 180px;
  /*margin: 0 15px 25px 0;*/
  padding: 30px 20px;
  text-align: center;
  width: 160px;
}

.videoThumbnail
{
  background: url('../../images/videos/vid-film-bg.jpg') no-repeat;
  background-position: center;
  margin: 10px 0 12px 0;
}

.videoItem img
{
  height: 80px;
  width: 120px;
}

.videoItem a, .videoItem a:link, .videoItem a:visited
{
  color: #000000;
  text-decoration: none;
}