body { direction: rtl; font-family: Arial; margin: 0px; scrollbar-arrow-color: #3F557D; scrollbar-track-color: #CEE6FE; scrollbar-face-color: #CEE6FE; }
/*BODY.Unit{background-color:#FFFFFF;overflow:auto;}*/
TD { font-size: 90%; }
img { border: 0px; }
ul.noSpace { margin: 0px; padding: 0px 20px 0px 0px; }
ol.noSpace { margin: 0px; padding: 0px 25px 0px 0px; }
ul.liSpace li, ol.liSpace li { padding-bottom: 10px; }
.noSpace { display: block; }
/*IE - for added space after inline elements*/
.fr { float: right; }
.fl { float: left; }
.clr { clear: both; font-size: 0px; }
.spacer10 { line-height: 10px; height: 10px; }
.spacer20 { line-height: 20px; height: 20px; }
.englishText { text-align: left; direction: ltr; }

/*****************************ActiviyMaster**********************************/

.UnitContentHolder { width: 100%; background-color: transparent; text-align: center; }
.UnitContent { width: 98%; margin: 0px auto; }

/*****************************TopMenuToolBar**********************************/

.TopLeftToolBar .TopLeftToolBarTable TD, .BottomRightToolBar .BottomRightToolBarTable TD { font-size: 12px !important; }
.DashboradMainWrapper .HeaderMain { background-color: #FFFFFF; }
.DashboradMainWrapper .TopMenuBar .RightTopBar .RightLogo { width: 210px; }
.HideCopy { display: block; }

/*****************************ActiviyHeader**********************************/

.pnlTeacherTopSpace{height:26px;}
.UnitTop { background: url('/skins/ofek/images/TabStripBottom.png') top left repeat-x; height: 44px; text-align: right; margin-top: -1px; }
.UnitTopHolder{position:relative;}
.UnitTopHolder .UnitIcon { position: absolute; top: -51px; right: 20px; }
.UnitTopHolder .pagerPosition { position: absolute; top: 23px; right: 130px; }
.UnitTopHolder .ItemFiles { top: 20px !important; }

/*****************************ActivityTabs**********************************/

.ActivityTabsWrapper {padding: 0px 150px 0px 0px; background-color: #FFFFFF;}
.ActivityTabsWrapper .TopSpace { padding-top: 10px; }
.ActivityTabR, .ActivityTabL, .ActivityInstructionsTabR, .ActivityInstructionsTabL { width: 9px; height: 31px; float: right; position: relative; }
.ActivityTabR { background: #FFFFFF url('/skins/ofek/images/ActivityTabR_Selected.png') no-repeat; margin-right: 2px; }
.ActivityTabL { background: #FFFFFF url('/skins/ofek/images/ActivityTabL_Selected.png') no-repeat; }
.ActivityInstructionsTabR { background: url('/skins/ofek/images/ActivityTabR.png') no-repeat; }
.ActivityInstructionsTabL { background: url('/skins/ofek/images/ActivityTabL.png') no-repeat; }
.ActivityTabBg, .ActivityInstructionsTabBg { height: 26px; padding:5px 10px 0px 10px; font-size: 14px; font-weight: bold; position: relative; float: right; }
.ActivityInstructionsTabBg .icon-instructions { background: url('/skins/Common/images/taskdialog_icon.png') center center no-repeat; width: 23px; height: 20px; display: inline-block; }
a.TaskDialogTab { font-size: 14px; font-weight: bold; cursor: pointer; text-decoration: none; }
.ActivityTabBg { background: url('/skins/ofek/images/ActivityTabTile_selected.png') repeat-x; color: #FFFFFF; }
.ActivityInstructionsTabBg { background: url('/skins/ofek/images/ActivityTabTile.png') repeat-x; color: #3770A6; }

.AlternativeNavigation{display:none;}

/*****************************FooterNavigator**********************************/

.FooterNavigatorHolder{margin:0px auto;}

/*****************************ActivityCenter**********************************/

.ActiviyCenterWrapper { width: 810.5px; background-color:#fff; background-color:rgba(255, 255, 255, 0.75); padding:30px 30px; margin: 0px auto; text-align: right; }

/*****************************ActivityCenterSplit**********************************/

.ActiviyCenterSplitWrapper { margin: 0px auto; text-align: right; }
.RightSideSplit, .LeftSideSplit { width: 49.5%; padding:30px 30px; background-color:#fff; background-color:rgba(255, 255, 255, 0.75); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.RightSideSplit{float:right; }
.LeftSideSplit {float:left; }

/*****************************ActivityTitleLine**********************************/

.ActivityTitleLineWrapper { padding: 10px 0px; margin-top: 5px; }
.ActivityTitleLineWrapper .RightTtlBg, .ActivityTitleLineWrapper .LeftTtlBg { background-repeat: no-repeat; height: 24px; }
.ActivityTitleLineWrapper .RightTtlBg { background-position: right; }
.ActivityTitleLineWrapper .LeftTtlBg { background-position: left; }
.ActivityTitleLineWrapper .ActivityTitleColor { font-size: 110%; font-weight: bold; color: #FFFFFF; height: 24px; margin: 0px 14px; }

/************************************Tabs****************************************/

.TabsWrapper { padding-right: 20px; }
.TabROn, .TabLOn, .TabROff, .TabLOff { height: 24px; width: 15px; float: right; }
a.TabOn { height: 24px; display: block; font-weight: bold; font-size: 95%; cursor: pointer; text-align: center; float: right; text-decoration: none; }
a.TabOff { cursor: pointer; text-align: center; font-size: 95%; float: right; height: 24px; display: block; text-decoration: none; }
.TabName { display: block; margin-top: 5px; }

/*****************************TabsTop/Bottom-First Frame**********************************/

.explainWrapper .explainTR, .explainWrapper .explainTL, .explainWrapper .explainBR, .explainWrapper .explainBL { background-repeat: no-repeat; height: 9px; line-height: 9px; font-size: 0px; }
.explainWrapper .explainTR, .explainWrapper .explainBR { background-position: right; }
.explainWrapper .explainTL, .explainWrapper .explainBL { background-position: left; }
.explainT, .explainB { height: 9px; line-height: 9px; font-size: 0px; margin: 0px 9px; }
/*.BkTopTable, .BkBottomTable*/
.explainBg { padding: 0px 8px; }

/*****************************InstructionTblTop/Bottom-Inner Frame**********************************/

.innerFrameWrapper { margin: 0px auto; }
.instructR, .instructL { width: 32px; background-repeat: repeat-y; vertical-align: top; }
.instructR { background-position: right; }
.instructTR, .instructTL { background-repeat: no-repeat; width: 32px; height: 31px; }
.tdInstructT { background-repeat: repeat-x; padding-top: 5px; }
.instructC { line-height:1.6em; }
.instructBR, .instructBL { background-repeat: no-repeat; height: 13px; width:32px; }
.instructBR { background-position: right; }
.instructBL { background-position: left; }
.instructB { background-repeat: repeat-x; height:13px; line-height:13px; margin: 0px 32px; }
.InstructionText { font-weight: bold; }
.InstructionText strong { color: #000000; }
/*Font .BlackTitle*/

/*****************************TextTblTop/Bottom-Text Frame**********************************/

.TextAreaTR, .TextAreaTL, .TextAreaBR, .TextAreaBL { background-repeat: no-repeat; height: 14px; font-size: 0px; }
.TextAreaTR, .TextAreaBR { background-position: right; }
.TextAreaTL, .TextAreaBL { background-position: left; }
.TextAreaBgT, .TextAreaBgB { background-repeat: repeat-x; height: 14px; font-size: 0px; margin: 0px 14px; }
.TextAreaBg { padding: 0px 1px 0px 20px; background-color: #FFFFFF; border-right: 1px solid #AFD80E; border-left: 1px solid #AFD80E; margin-right: 3px; }

/******/
.SplitText { padding-right: 12px; overflow: auto; text-align: right; direction: ltr; width: 100%; background-color: #FFFFFF; font-family: narkisim; display: block; height: 400px; line-height: 1.4em; }
.SplitTextAct { padding-right: 12px; overflow: auto; text-align: right; direction: ltr; width: 100%; background-color: #FFFFFF; display: block; line-height: 1.4em; font-weight: bold; }
.SplitText .TableText, .SplitTextAct .TableText { direction: rtl; font-size: 110%; width: 100%; }
span.TpText { color: #B40202; font-weight: bold; }
span.Tp { color: #B40202; }
.mainHeadLine, .HeadLine { font-weight: bold; color: #74A500; }
.mainHeadLine { font-size: 120%; }
.nPasuk, .PasukNum { font-size: 90%; color: #74A500; }
.CreditText { font-family: arial; font-size: 80%; }
.CreditPosition { text-align: left; }
.paragraphSeparator { color: #AAAAAA; vertical-align: top; width: 60px; text-align: center; font-size: 80%; }

/*******juniorofek - lashon******/

.CreditPic { border: 1px solid #D8D8D8; border-top: 0px; background-color: #F6F6F6; width: 368px; margin: 0px auto; }
.CreditPic .text { padding: 5px; text-align: right; font-size: 90%; }
.CreditPosition { text-align: left; padding-left: 20px; }
.LeftSpace { width: 20px; }
.SubTitleSpace, .ExtraSpace { padding-right: 60px; }
.ArticleTitleSpace, .NewsTitleSpace { padding: 0px 59px 15px 0px; }
.ArticleTitle, .NewsTitle, .PetitionTitle { font-size: 370%; line-height: 1em; }
.ArticleTitle, .ArticleSubTitle { color: #0C75B5; font-weight: bold; }
.ArticleAuthor, .BookAuthor, .NewsAuthor { font-weight: bold; color: #000000; font-size: 130%; margin: 5px 0px 5px 0px; }
.ArticleFirstParagraph { color: #7C7C7C; font-weight: bold; font-size: 110%; }
.BookTitleSpace, .PetitionTitleSpace { padding: 0px 59px 10px 0px; }
.BookTitle, .BookSubTitle { color: #000000; font-weight: bold; line-height: 1.3em; }
.BookTitle { font-size: 230%; }
.NewsTitle, .NewsSubTitle { color: #AC1010; font-weight: bold; }
.NewsFirstParagraph { font-weight: bold; padding: 15px; background-color: #EBEBEB; margin-bottom: 20px; font-size: 110%; }
.NewsMoreInfo { padding: 15px; background-color: #F3F3F3; border: 1px solid #D7D7D7; margin-bottom: 20px; }
.MoreInfoPerParagraph { border-right: 1px solid #D7D7D7; border-left: 1px solid #D7D7D7; background-color: #F3F3F3; padding: 0px 15px; }
.MoreInfoTopParagraph { border-top: 1px solid #D7D7D7; padding-top: 15px; }
.MoreInfoBotParagraph { border-bottom: 1px solid #D7D7D7; padding-bottom: 15px; }
.PetitionTitle, .PetitionSubTitle { color: #3753BF; font-weight: bold; }
Div.MilonWrapper { background-color: #EAEAEA; padding: 20px; text-align: center; width: 425px; }
Div.MilonWrapperSplit { background-color: #EAEAEA; padding: 20px; text-align: center; width: 360px; }
Div.MilonClip { background: url('/skins/juniorhs/images/clip_top.gif') no-repeat top; width: 360px; height: 23px; }
Div.MilonText { width: 360px; text-align: right; }
Div.MilonCredit { padding-top: 10px; }
Div.SplitInfoText { border: 1px solid #D3D3D3; border-top: 2px solod #9D9D9D; border-right: 5px solid #9D9D9D; background-color: #E9E9E9; padding: 15px 25px; }
Div.TipHolder, Div.CheckHolder, Div.LectureHolder, Div.FeedbackHolder { height: 100%; }
Div.TipHolder .textTip, Div.CheckHolder .textCheck { width: 370px; margin-right:25px;} 
Div.TipHolder .innerTextTip, Div.CheckHolder .innerTextCheck { width: 345px; margin-right:25px;} 
Div.TipHolder Div.Tip, Div.CheckHolder Div.Check { background-color: #e6e5e5; padding: 10px; }
Div.Tip ul, Div.Check ul { margin: 0px; padding-right: 20px; }
Div.Tip ol, Div.Check ol { margin: 0px; padding-right: 25px; }

/*******juniorofek - Neta******/

.NetaBigSelect { font-size: 16px; }

/*****************************ActivityArticle**********************************/

.GuestMessage { color: Red; font-weight: bold; }
.articleWizardTop { text-align: left; }
.articleWizardMid { background-repeat: repeat-y; }
.articleWizardBot { background-repeat: no-repeat; height: 76px; }
.FlashPosition { padding-top: 28px; }
.FlashButtons { text-align: left; width: 494px; }
.FlashMenu { text-align: left; }

/*****************************ActivityWritingGenerator**********************************/

.GeneratorGuestMessage { color: Red; font-weight: bold; padding-right: 160px; }
.writingGeneratorBgRT, .writingGeneratorBgRB { background-repeat: repeat-y; background-position: top right; }
.writingGeneratorBgRT { vertical-align: top; background-image: url('/images/ArticleWizard/frame_BG_right.gif'); }
.writingGeneratorBgRB { vertical-align: bottom; background-image: url('/images/ArticleWizard/frame_BG_right.gif'); }
.writingGeneratorBgT { width: 555px; height: 51px; background-image: url('/images/ArticleWizard/frame_top.gif'); background-repeat: no-repeat; }
.writingGeneratorFrameBg { height: 353px; background-repeat: repeat-y; background-position: top left; background-image: url('/images/ArticleWizard/frame_BG.gif'); }
#iframLoading .loadingMsg { width: 450px; text-align: center; padding-top: 170px; }
.writingGeneratorBgB { background-position: top left; background-repeat: no-repeat; height: 34px; text-align: center; background-image: url('/images/ArticleWizard/frame_bottom.gif'); }
.writingGeneratorBgB .nav { padding-top: 9px; }
.awModalWinHolder { position: relative; }
.awModalWinPosition { display: none; position: absolute; top: 0px; left: 0px; z-index: 100; width: 180px; font-size: 110%; }

/*****************************ActivityFigure**********************************/

.TableFigureWidth { margin: 0px auto; width: 654px; }
.TableFigureWidth TD { font-size: 80%; }
.TableFigureWidth .BgRight { background-repeat: no-repeat; width: 304px; vertical-align: top; text-align: center; }
.TableFigureWidth .BgLeft { background-repeat: no-repeat; background-position: top right; }
.FigureTextAreaInput { direction: rtl; overflow: hidden; background-color: Transparent; border: none; font-family: arial; font-size: 12px; }

/*****************************Units**********************************/

.centeredActivity { text-align: center; }
.centeredBlock { margin: 0px auto; text-align: right; width: 590.5px; }
.centeredArticleBlock { margin: 0px auto; text-align: right; width: 550px; }
.centeredArticleLBlock { margin: 0px auto; text-align: right; width: 618px; }
input.TextInput, TextArea.TextAreaInput { direction: rtl; font-family: Arial; font-size: 90%; resize: none; }
.innerTextArea, .innerInput { width: 690px; }
.splitTextArea, .splitInput, .splitWrapper { width: 370px; }
.credits { font-size: 80%; }
.borderFrame { }
.repeatAns { color: Red; font-weight: bold; }

/****************************DragControl**************************************/

span.Draggable { background-color: #D3D3D3; cursor: pointer; text-align: right; }
span.Dragged { background-color: #D3D3D3; cursor: pointer; font-family: arial; text-align: right; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60, FinishOpacity=0, Style=0, StartX=0, FinishX=100, StartY=0, FinishY=100); }
span.Dropped { font-weight: bold; }
div.DropZone,div.staticDropZone { border: 1px solid #D3D3D3; direction: rtl; padding: 5px; min-height: 20px; }
div.DropZoneOver { border: 1px solid #D3D3D3; background-color: #D3D3D3; padding: 5px; min-height: 20px; }
Div.DragRemark { color: Red; font-size: 80%; }

/****************************Quiz**************************************/

.TableQuiz, .TableQuestionsHolder, .TableQuestion, .TableInfo { font-size: 110%; width: 100%; }
.TableQuestionsHolderSplit, .TableFixed { font-size: 110%; }
.TitleQuiz, .SideTitleQuiz { vertical-align: top; padding: 3px 5px; font-weight: bold; }
.MarkQuiz, .QuestQuiz { background-color: #ededf3; border-bottom: 1px solid #FFFFFF; }
.TableQuestionsHolder TD, .TableQuestion TD, .TableQuestionsHolderSplit TD, .TableFixed TD, .TableQuiz TD, .TableInfo TD { vertical-align: top; }
.MarkQuiz, .TableQuestion .Mark { text-align: center; width: 20px; }
.nQuestTD { width: 25px; }
.feedbackText { font-weight: bold; color: Red; }
.ActivityBtn { text-align: left; }
.AnsImg { width: 18px; }

/*****************************Video*************************************/

.smallVideoWrapper { width: 365px; margin-left: 15px; float: right; }
.smallVideoTop { background-image: url('/skins/JuniorHS/Images/smallVideo_top.jpg'); background-repeat: no-repeat; width: 365px; height: 10px; font-size: 0px; }
.smallVideoBot { background-image: url('/skins/JuniorHS/Images/smallVideo_bot.jpg'); background-position: bottom; background-repeat: no-repeat; width: 365px; height: 5px; font-size: 0px; }
.smallVideoBg { background-image: url('/skins/JuniorHS/Images/smallVideo_bg.jpg'); background-repeat: repeat-y; background-position: right; width: 365px; padding: 10px 0px; text-align: center; }
.smallVideoSide { width: 340px; float: right; }
.VideoWrapper { width: 560px; }
.VideoTop { background-image: url('/skins/JuniorHS/Images/Video_top.jpg'); background-repeat: no-repeat; width: 560px; height: 10px; font-size: 0px; }
.VideoBot { background-image: url('/skins/JuniorHS/Images/Video_bot.jpg'); background-position: bottom; background-repeat: no-repeat; width: 560px; height: 5px; font-size: 0px; }
.VideoBg { background-image: url('/skins/JuniorHS/Images/Video_bg.jpg'); background-repeat: repeat-y; background-position: right; width: 560px; }

/********************************Blt*************************************/

Div.bltOn, Div.bltOff { width: 25px; height: 20px; background-repeat: no-repeat; background-position: right; float: right; }
Div.bltOn { background-image: url('/skins/juniorhs/images/bulletOn.gif'); }
Div.bltOff { background-image: url('/skins/juniorhs/images/bulletOff.gif'); }
.bltText { width: 720px; float: right; }

/*********************************RightFrameNextToFlash**************************************/

.sideInstruct { float: right; width: 245px; height: 410px; text-align: right; }
.sideInstructTop { background-image: url('/skins/JuniorHS/Images/sideInstruct_top.jpg'); background-repeat: no-repeat; width: 245px; height: 10px; font-size: 0px; }
.sideInstructBot { background-image: url('/skins/JuniorHS/Images/sideInstruct_bot.jpg'); background-position: bottom; background-repeat: no-repeat; width: 245px; height: 5px; font-size: 0px; }
.sideInstructBg { background-image: url('/skins/JuniorHS/Images/sideInstruct_bg.jpg'); background-repeat: repeat-y; background-position: right; line-height: 1.3em; overflow-y: auto; font-size: 90%; height: 395px; }
.rightScrollLeftText { direction: ltr; scrollbar-track-color: #EFEFEF; scrollbar-arrow-color: #8c8c8c; scrollbar-face-color: #ECECED; height: 385px; overflow-y: auto; }
.rightText { direction: rtl; padding: 10px; }
.sideInstructBtn { text-align: left; padding-left: 10px; }

/*********************************ModalWin**************************************/

.ModalWin { border: 1px solid #9AA2AB; background-color: #FFFFFF; color: #3C3C3C; font-size: 90%; width: 99.5%; }
.General { font-size: 100%; }
.MwHeader { text-align: right; background-image: url('/images/MwTopTile.jpg'); background-repeat: repeat-x; height: 23px; }
.MwHeader .closeX { background-image: url('/images/MwClose.jpg'); background-repeat: no-repeat; display: block; height: 23px; width: 23px; cursor: pointer; }
.MwHeader .Title { font-weight: bold; padding-top: 3px; }
.MwText { text-align: center; font-weight: bold; padding: 15px 5px 15px 5px; }
.MwUnitsText { padding: 10px; text-align: right; }
.MwText .InfoMsg, .MwUnitsText .InfoMsg { color: Red; }
.MwUnitsText .TitleQuiz { border-top: 20px solid #ffffff; }
.MwBtns { text-align: center; padding-bottom: 10px; }
.MwBtns .InputBtn { cursor: pointer; }