/* CSS Document */


body, td, th
{
	font-family: Arial;
	font-size: 10pt;
	/*color: #FFFFFF;*/
}

body
{
	background-color: #470148;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.txt_header
{
	font-size: 10pt;
	font-weight: normal;
	color: #f23112;
	text-decoration: none;
}

a.txt_header:hover
{
	/*text-decoration: underline;*/
	color: #0b9c3c;
}

.txt_menu
{
	font-size: 10pt;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: none;
}

a.txt_menu:hover
{
	font-size: 10pt;
	font-weight: bolder;
	color: #990000;
	text-decoration: none;
}
a.txt_menu:active
{
	font-size: 10pt;
	font-weight: bolder;
	color: #990000;
	text-decoration: none;
}
.footer
{
	font-size: 10pt;
	font-weight: normal;
	color: #FFFFFF;
}
.title_rightbody
{
	font-size: 16pt;
	font-weight: normal;
	color: #f23112;
}

.txt_RightSubject
{
	padding-top: 5px;
	padding-left: 5px;
	font-size: 10pt;
	font-weight: bolder;
	color: #0b9c3c;
	text-decoration: none;
}

.txt_green_bold
{
	font-size: 10pt;
	font-weight: bolder;
	color: #277DAE;
	text-decoration: none;
}

a.txt_green_bold:hover
{
	font-size: 10pt;
	font-weight: bolder;
	color: #277DAE;
	text-decoration: underline;
}


.tenphim_main
{
	font-size: 20pt;
	font-weight: bolder; /*text-transform: uppercase;*/
	color: #0b9c3c;
}
.tenphim_sub
{
	font-size: 14pt;
	font-weight: normal;
	color: #333333;
}

.link_content
{
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	color: #f23112;
	text-decoration: none;
}

a.link_content:hover
{
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	color: #0b9c3c;
	text-decoration: none;
}
.radio
{
	font-size: 10pt;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

a.radio:hover
{
	font-size: 10pt;
	font-weight: normal;
	color: #0b9c3c;
	text-decoration: none;
}

.txt_green_18_bolder
{
	padding-top: 20px; /*padding-left: 10px;*/
	padding-bottom: 10px;
	font-size: 13pt;
	font-weight: bolder;
	color: #0575C1;
}
.txt_black_link
{
	font-size: 10pt;
	font-weight: bolder;
	color: #333333;
	text-decoration: none;
}

.txt_doc_link
{
	font-weight: bolder;
	color: #0575C1;
	text-decoration: none;
}
a.txt_doc_link:hover
{
	font-weight: bolder;
	color: #0B9C3C;
	text-decoration: underline;
}

a.txt_black_link:hover
{
	font-size: 10pt;
	font-weight: bolder;
	color: #333333;
	text-decoration: underline;
}

.menufilm
{
	width: 126px;
	height: 29px;
	text-align: center;
	padding-top: 4px;
	background-repeat: no-repeat;
	color: #4445F5;
	font-family: Arial;
	font-weight: bold;
	cursor: pointer;
	vertical-align: middle;
}
.vctInfor
{
	width: 150px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: bottom right;
	color: #f23112;
	font-family: Arial;
	cursor: pointer;
	vertical-align: middle;
	float: right;
}

.menu_needkoknow
{
	width: 162px;
	height: 24px;
	text-align: center;
	background-repeat: no-repeat;
	color: #f23112;
	font-family: Arial;
	cursor: pointer;
	vertical-align: middle;
}

.txt_FAQ
{
	font-size: 14px;
	font-weight: bold;
	color: #f23112;
	text-decoration: none;
}

a.txt_FAQ:hover
{
	/*text-decoration: underline;*/
	color: #0b9c3c;
}

.txt_FAQDetail
{
	font-size: 12px;
	font-weight: bold;
	color: #0b9c3c;
	text-decoration: none;
	list-style-type: square;
}

a.txt_FAQDetail:hover
{
	/*text-decoration: underline;*/
}

.txt_project
{
	width: 90%;
	text-align: justify;
	font-family: Arial;
	font-size: 10pt;
}

.divFAQDetail
{
	padding-left: 20px;
}

.txt_FAQQuestion
{
	padding: 5px 0px 5px 20px;
	font-weight: bold;
}

.div_FAQQuestion
{
	padding: 5px 0px 5px 5px;
	font-weight: bold;
}

.txt_FAQAnswer
{
	padding: 5px 0px 5px 20px;
}
.fileAttachment
{
	padding: 5px 0px 5px 20px;
}

.RadioYouAndMe
{
	height: 246px;
	overflow-x: hidden;
	overflow-y: auto;
	white-space: inherit;
	float: none;
	display: block;
	text-align: center;
}

.SummaryFilm
{
	text-align: justify;
	padding-right: 2px;
}
.Pollsubject
{
	padding-top: 5px;
	padding-left: 10px;
	font-size: 10pt;
	font-weight: bolder;
	color: #0b9c3c;
	text-decoration: none;
}

.NewsContents
{
	text-align: justify;
	padding-right: 10px;
}

.CategoryTitle
{
	padding-bottom: 12px;
	text-align: right;
}
.ButtonPoll
{
	font-family: Arial;
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #F15723;
	cursor: pointer;
	border: solid 1px #EF4224;
}

.clipTools
{
	background-color: #E5E5E5;
	border: solid 1px #CCCCCC;
	padding: 5px 5px 5px 5px;
}

.NewsTool
{
	/**/
}

.newsSummary
{
	/*max-height: 80px; 	white-space: pre-wrap; 	overflow: hidden; 	text-overflow: ellipsis;*/
	color: #277DAE;
	text-decoration: none;
}
.link_related
{
	padding-left: 15px;
	font-size: 10pt;
	font-weight: normal;
	color: #f23112;
	text-decoration: none;
}

a.link_related:hover
{
	font-size: 10pt;
	font-weight: normal;
	color: #0b9c3c;
	text-decoration: none;
}

.NewsTopicTitle
{
	font-weight: bold;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 3px;
}
.ToolTitle
{
	font-weight: bold;
	padding-left: 15px;
}
.NewsDetail
{
	text-align: justify;
}
/* For comment*/
.divRightCommentView
{
	height: 200px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: justify;
	overflow-x: hidden;
	overflow-y: auto;
}
.rightCommentInput
{
	width: 100%;
	padding-left: 5px;
}

.CommentLabel
{
	font-family: Arial;
	font-size: 10pt;
	padding: 2px 2px 2px 2px;
}
.CommentTitle
{
	color: #02CB01;
	font-weight: bold;
	padding-left: 15px;
	vertical-align: middle;
}
.CommentTextBox
{
	font-family: Arial;
	font-size: 10pt;
	border: solid 1px #CCCCCC;
}
.CommentList
{
	height: 250px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	overflow-x: hidden;
	overflow-y: auto;
}
.DotComment
{
	width: 98%;
	background-repeat: repeat-x;
	padding-top: 5px;
	background-position: center;
}
/* young live panel */
.link_old_young_live
{
	font-size: 10pt;
	font-weight: normal;
	color: #43C3E4;
	text-decoration: none;
}

a.link_old_young_live:hover
{
	font-size: 10pt;
	font-weight: normal;
	color: #0b9c3c;
	text-decoration: none;
}

.li_old_young_live
{
	padding-top: 4px;
	padding-bottom: 4px;
}

/* Search Form */
.SeachForm
{
	border: solid 1px #ADADAD;
	height: 53px;
	width: 248px;
	text-align: center;
}

.SearchTextBox
{
	width: 154px;
	font-family: Arial;
	font-size: 10pt;
	border: solid 1px #CCCCCC;
}

/* Most Viewed, Comment, Email*/
.li_Most
{
	padding-top: 4px;
	padding-bottom: 4px;
}
.link_Most
{
	font-size: 10pt;
	font-weight: normal;
	color: #f23112;
	text-decoration: none;
}

a.link_Most:hover
{
	font-size: 10pt;
	font-weight: normal;
	color: #0b9c3c;
	text-decoration: none;
}
.MostPanel
{
	width: 250px;
	padding-left: 5px;
	padding-right: 5px;
}
.most_mark
{
	padding: 10px 5px 5px 0px;
}
/*For RADIO ----------------------------------*/
.radio_category_title
{
	font-weight: bolder;
	font-size: 14pt;
	color: #0B9C3C;
	padding-left: 10px;
}
.HeadRadio
{
	width: 100%;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12pt;
}

.OlderHeadRadio
{
	width: 99%;
	height: 30px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12pt;
	background-color: Transparent;
	padding-left: 5px;
	vertical-align: middle;
	padding-top: 5px;
}
.TitleRadio
{
	font-size: 12pt;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
}
.divTitleRadio
{
	/*background-color: #8603CD;*/
}
.SubjectRadio
{
	font-size: 12pt;
	font-weight: bold;
	color: #0475BF;
	text-decoration: none;
	padding-left: 5px;
	padding-bottom: 5px;
}
a.SubjectRadio:hover
{
	font-size: 12pt;
	font-weight: bold;
	color: #0475BF;
	text-decoration: underline;
	padding-left: 5px;
	padding-bottom: 5px;
}

.SummaryRadio
{
	color: #0475BF;
	text-align: justify;
	padding: 0px 5px 0px 10px;
}
.divolder_subject
{
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 2px;
}
.SubjectOlderRadio
{
	padding-top: 0px;
	padding-bottom: 15px;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

a.SubjectOlderRadio:hover
{
	padding-top: 0px;
	padding-bottom: 20px;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
.divRadioBox
{
	width: 195px;
	height: 140px;
	border: solid 1px #FFFFFF;
}
.divCatTitle
{
	height: 31px;
	background-color: #3AB0CD;
	border-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10pt;
}
.divCatDescription
{
	background-color: #3AB0CD;
	height: 106px;
	color: #FFFFFF;
	padding: 2px 5px 0px 5px;
}

.divNextProgram
{
	width: 248px;
	height: 124px;
	border: solid 1px #ADADAD;
	border-top-style: none;
	background-color: #FFFFFF;
}
.divGuide
{
	width: 362px;
	height: 124px;
	border: solid 1px #ADADAD;
	border-top-style: none;
	background-color: #FFFFFF;
}
.divGuideTitle
{
	height: 41px;
	background-color: #E9E5E6;
	border-color: #ADADAD;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: #FF8201;
	font-weight: bold;
	font-size: 10pt;
}
.divNextProgramTitle
{
	height: 41px;
	background-color: #E9E5E6;
	border-color: #ADADAD;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: #FF8201;
	font-weight: bold;
	font-size: 10pt;
}

.link_broadcast
{
	font-size: 8pt;
	color: #2A8001;
	text-decoration: none;
}
a.link_broadcast:hover
{
	font-size: 8pt;
	color: #2A8001;
	text-decoration: underline;
}

.div_OtherProgram
{
	height: 300px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
	overflow-x: hidden;
	overflow-y: auto;
}
.radio_OtherProgram
{
	font-size: 10pt;
	font-weight: bold;
	color: #ff8201;
	text-decoration: none;
}
a.radio_OtherProgram:hover
{
	color: #2A8001;
	text-decoration: underline;
}

.divRightPanel
{
	width: 248px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: solid 1px #ADADAD;
	border-top-style: none;
	background-color: #FFFFFF;
}
.divRadioGroup
{
}
.divRadioGroupHead
{
	border-bottom-style: none;
	background-color: #FFFFFF;
}

.radioCategory
{
	color: #FFFFFF;
	text-decoration: none;
}
a.radioCategory:hover
{
	color: #2A8001;
	text-decoration: underline;
}

.radioDetailForm
{
	border: solid 1px #ADADAD;
	background-color: #FFFFFF;
	width: 624px;
}
.radioTool
{
	border-style: none; /*border:  solid 1px #ADADAD; 	border-bottom-style: none; 	border-top-style: none; */
	background-color: #FFFFFF;
	width: 624px;
}

.radioSubject
{
	font-size: 10pt;
	font-weight: bold;
	color: #600392;
	text-decoration: none;
}
a.radioSubject:hover
{
	color: #2A8001;
	text-decoration: underline;
}
.radioNewsTable
{
	text-align: justify;
	vertical-align: top;
}
.radioNewMark
{
	padding: 10px 5px 10px 0px;
}
.radio_image_seperator
{
	padding-bottom: 10px;
	padding-top: 10px;
}
/*For Conselling*/
.divNote
{
	font-style: italic;
	color: #0b9c3c;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}
.expertSubject
{
	padding-top: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
.expertTable
{
	padding-left: 10px;
	color: #FFFFFF;
}
.subject_conselling_text
{
	width: 469px;
	font-family: Arial;
	font-size: 10pt;
	border: solid 1px #CCCCCC;
}
.content_conselling_text
{
	width: 469px;
	height: 120px;
	font-family: Arial;
	font-size: 10pt;
	border: solid 1px #CCCCCC;
}
.email_conselling_text
{
	width: 200px;
	font-family: Arial;
	font-size: 10pt;
	border: solid 1px #CCCCCC;
}
.search_conselling_text
{
	width: 300px;
	font-family: Arial;
	font-size: 10pt;
	border: solid 1px #7E9DB9;
}

.conselling_seperator
{
	padding-left: 120px;
	background-repeat: repeat-x;
	background-position: bottom;
	font-weight: bold;
	color: #19B544;
}

.conselling_subject
{
	color: #019AC3;
	text-decoration: none;
}

.conselling_subject1
{
	color: #019AC3;
	text-decoration: none;
}
.conselling_Content
{
	padding: 2px 5px 2px 5px;
	text-align: justify;
}
.conselling_QuestionName
{
	padding-left: 10px;
	font-weight: bolder;
	color: #F14924;
}

a.conselling_subject:hover
{
	color: #0b9c3c;
	text-decoration: underline;
}
.br_conselling
{
	height: 30px;
	clear: both;
}
.conselling_Mark
{
	padding: 10px 10px 15px 10px;
}
.conselling_Label
{
	padding: 2px 2px 2px 2px;
	color: #19B544;
}

/*For Quiz-----------------*/

.quiz_image_left
{
	background: url(../../../Modules/CIS.Portal.HIV/Images/quiz/quiz_left.png) no-repeat;
	width: 397px;
	height: 363px;
	display: block;
}

.div_out_background
{
	background-color: #E0E0E0;
	height: 100%;
}

.div_in_backgound
{
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	height: 354px;
}
.image_tile
{
	margin: 0px;
	padding: 0px;
}
.divBoundQuiz
{
	border: solid 1.5px #CCCBCB;
	background-color: White;
}

.answerCorrect
{
	background-color: #19B544;
}
.answerWrong
{
	background-color: red;
}

.quizSubject
{
	font-size: 15pt;
	font-weight: bold;
	color: #19B544;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.pollSubject
{
	font-weight: bold;
	color: #F04323;
	padding-left: 50px;
	padding-bottom: 10px;
}
.answerList
{
	padding-left: 100px;
}
.resultPoll
{
	padding: 5px 0px 5px 5px;
	font-weight: bold;
	color: #19B544;
}
.total_result
{
	text-align: center;
	font-weight: bold;
	font-size: 16pt;
	color: Red;
}
.resultAnswer
{
	padding: 5px 0px 5px 20px;
}
.result_correct
{
	width: 40px;
	text-align: center;
	font-weight: bold;
}
.result_choose
{
	width: 40px;
	text-align: center;
	font-weight: bold;
}
.resutlSTT
{
	width: 10px;
	text-align: center;
	font-weight: bold;
}
.result_report
{
	text-align: center;
	font-weight: bold;
	color: #F04323;
}
/* for project */
.project_category_title
{
	font-weight: bolder;
	font-size: 14pt;
	color: #0b9c3c;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.project_category_description
{
	padding: 5px 10px 5px 20px;
	text-align: justify;
}

/*for Clip*/
.clipViewAll
{
	font-size: 9pt;
	font-weight: bold;
	color: #0b9c3c;
	text-decoration: none;
}
a.clipViewAll:hover
{
	font-size: 9pt;
	color: #0b9c3c;
	text-decoration: underline;
}
.downloadMedia
{
	font-size: 8pt;
	color: #0b9c3c;
}

a.downloadMedia:hover
{
	text-decoration: underline;
	color: #0b9c3c;
}

.divClipList
{
	overflow: auto;
	width: 624px;
}
.divClipInfo
{
	float: left;
	width: 439px;
}

.divClipMediaInfo
{
	text-align: left;
	float: left;
	width: 130px;
}

.clipToolTable
{
	padding-left: 5px;
}

.mediaTable
{
	width: 130px;
}

.clipSummary
{
	color: #333333;
}

.mediaInfo
{
	vertical-align: top; /*font-size: 8pt;*/
	color: #5893BD;
}

.righpannel_mediaInfo
{
	vertical-align: top;
	font-size: 9pt;
	color: #5893BD;
}

.clipSubject
{
	font-size: 10pt;
	font-weight: bolder;
	color: #0B9C3C;
	text-decoration: none;
}

.topicSubjectText
{
	font-size: 10pt;
	font-weight: bolder;
	color: #3154FF;
	text-decoration: none;
}

.divRightPanelClipInfo
{
	float: left;
	width: 110px;
}

.divRighPanelClip
{
	overflow: auto;
	width: 250px;
}

/*For Paging*/

.paging
{
	font-weight: bold;
	color: #0b9c3c;
	text-decoration: none;
}

a.paging:hover
{
	text-decoration: underline;
	color: #0b9c3c;
}

/*for Comment*/
.divCommentTable
{
	overflow: auto;
}
.divCommentAuthor
{
	float: left;
	font-size: 10pt;
	font-weight: bolder;
	color: #315468;
}
.divCommentContent
{
	float: left;
	color: #5893BD;
}

.clipDetailMediaSubject
{
	background-color: #3A5D73;
	font-size: 10pt;
	font-weight: bolder;
	color: #A8FF02;
}

.additionalTool
{
	color: #0EA4C7;
	vertical-align: middle;
}

.additionalToolText
{
	font-size: 8pt;
	font-weight: bolder;
	color: #3154FF;
	text-decoration: none;
	vertical-align: middle;
}
a.additionalToolText:hover
{
	text-decoration: underline;
	color: #3154FF;
}

.cliplist_seperator_horizontal
{
	/*padding-left: 120px;*/
	background-repeat: repeat-x;
	background-position: bottom;
	font-weight: bold;
	height: 1px;
	color: #19B544;
	background-color: #FFFFFF;
	width: 635px;
}

.clipdetail_seperator_horizontal
{
	background-repeat: repeat-x;
	background-position: center;
	font-weight: bold;
	height: 5px;
	background-color: #F5F5F5;
	width: 620px;
}

.cliplist_seperator_vertical
{
	float: left;
	width: 5px; /*padding-left: 120px;*/
	background-repeat: repeat-y;
	background-position: center;
	background-color: #FFFFFF;
	font-weight: bold;
	color: #19B544;
	height: 120px;
}


.rp_clip_seperator_horizontal
{
	background-repeat: repeat-x;
	background-position: middle;
	height: 3px;
	background-color: #F5F5F5;
	width: 240px;
}

.relatedTopicClips
{
	height: 450px;
	background-color: #FFFFFF; /*padding-left: 10px; 	padding-right: 10px;*/
	text-align: justify;
	overflow-x: hidden;
	overflow-y: auto;
}
/* For Tool*/
.labelTool
{
	font-weight: bold;
	color: #0EA5C4;
	font-size: 10pt;
	text-decoration: none;
}
a.labelTool:hover
{
	text-decoration: underline;
	color: #0b9c3c;
}

.keywords
{
	display: none;
	height: 0px;
}
/* For Game*/
.gameTitle
{
	font-weight: bolder;
	color: #44115C;
	text-decoration: none;
}
a.gameTitle:hover
{
	text-decoration: underline;
	color: #44115C;
}
.gameSummary
{
	font-size: 8pt;
	text-align: justify;
}
/* For competition*/
.competition_text
{
	width: 400px;
	font-family: Arial;
	font-size: 10pt;
	border: solid 1px #EF4224;
}

.competition_blog_image
{
	width: 80px;
	height: 74px;
}

.competition_blog_info
{
	padding-left: 5px;
	font-size: 8pt;
	color: #5B92B9;
	width: 160px;
}

.competition_clip_image
{
	width: 194px;
	height: 146px;
}

.competition_clip_title
{
	font-size: 10pt;
	color: #F57420;
	font-weight: bold;
	text-decoration: none;
}

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

.competition_clip_info
{
	font-size: 8pt;
	color: #9C9C9C;
}

.divClipBox
{
	width: 195px;
	border: solid 1px #FFFFFF;	
}
.competition_blog_caption
{
	color: #F57420;
}

.divCompetitionRightPanel
{
	border: solid 1px #F57420;
	border-top-style:none;
	height: 583px;
	overflow-x: hidden; 
	overflow-y: auto; 
}
.divCompetitionClipList
{
	border: solid 1px #F47520; 
	border-bottom-style:none; 
	border-top-style:none; 
	width: 636px; 	
	height: 468px;
	overflow-x: hidden; 
	overflow-y: auto; 	
}
.divCompetitionBlogList
{
	border: solid 1px #F47520; 
	border-top-style:none; 
	width: 636px;
	height: 190px;
	overflow-x: hidden; 
	overflow-y: auto; 
}
.competition_icon
{
	height: 46px;
}
.competition_right_title
{
	color: #325569;
	font-size: 10pt;
}
.detail_clip_title
{
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	height: 70px;
	width: 241px;
	background-repeat: no-repeat;
	background-position: right;
}
.detail_clip_info
{
	color: #543F8C;
	padding-left: 10px;
	padding-top: 10px;
}
.mqHotNews
{
	text-decoration: none;
	color: #FF0000;
	font-weight: bold;
	font-size: 12pt;
}
a.mqHotNews:hover
{
	text-decoration: underline;
	color: #FFFFFF;
}

.Competition_Tool_Link
{
	text-decoration: none;
	color: #02CB01;
	font-weight: bold;
	font-size: 10pt;
}

a.Competition_Tool_Link:hover
{
	text-decoration: underline;
	color: #F04323;
}

.divNewsPager
{
	padding-top: 5px;
	padding-right: 20px;
	width: 100%;
	height: 25px;
	text-align: right;
	font-weight:bold;
	font-size: 9pt;
	background-color: #D8D8D8;
}
.NewsPagerLink
{
	text-decoration: none;
	color: #02CB01;
}
a.NewsPagerLink:hover
{
	text-decoration: underline;
	color: #F04323;
}
.blog_text
{
	width: 300px;
	font-family: Arial;
	font-size: 10pt;
	border: solid 1px #EF4224;	
}
.divPosterSeperator
{
	height: 10px;
}