
/*****************************ActivityTitleLine**********************************/

.ActivityTitleColor{background-color:#C400AF;}

/*****************************TabsTop/Bottom-First Frame**********************************/

.explainTR{background-image:url('images/explain_TR.gif');}
.explainTL{background-image:url('images/explain_TL.gif');}
.explainBR{background-image:url('images/explain_BR.gif');}
.explainBL{background-image:url('images/explain_BL.gif');}
.explainT, .explainB, .explainBg{background-color:#FEECC0;} 

/*****************************InstructionTblTop/Bottom-Inner Frame**********************************/

.instructTR{background-image:url('images/instruct_icon.gif');}
.instructTL{background-image:url('images/instruct_TopLeft.gif');}
.instructBR{background-image:url('images/instruct_BR.gif');}
.instructBL{background-image:url('images/instruct_BL.gif');}
.instructB{background-image: url('images/Instruct_BotTile.gif');}
.instructC{background-color:#E4FE9B;}
.tdInstructT{background-image:url('images/Instruct_TopTile.gif');}
.instructR{background-image: url('images/Instruct_Right.gif');}
.instructL{background-image: url('images/Instruct_Left.gif');}
.InstructionText{color:#4C621A;}

/*****************************TextTblTop/Bottom-Text Frame**********************************/

 .TextAreaTR{background-image: url('images/textArea_top_R.gif');}
 .TextAreaTL{background-image: url('images/textArea_top_L.gif');}
 .TextAreaBgT{background-image:url('images/textArea_top_BG.gif');}
 .TextAreaBR{background-image: url('images/textArea_bottom_R.gif');}
 .TextAreaBL{background-image: url('images/textArea_bottom_L.gif');}
 .TextAreaBgB{background-image:url('images/textArea_bottom_BG.gif');}

/****************************Quiz**************************************/

.TitleQuiz{background-color:#9FCC3D;border-top:20px solid #E4FE9B;}
.SideTitleQuiz{background-color:#9FCC3D;}
.MarkQuiz, .QuestQuiz{background-color:#D1EE80; border-bottom:1px solid #E4FE9B;}
.TableQuiz .color1{background-color:#CCF068;}
.TableQuiz .color2{background-color:#D1EE80;}
.BorderQuiz{border:1px solid #9FCC3D;}


/****************************DragControl**************************************/

span.Draggable{background-color: #E4FE9B;}
span.Dragged{background-color: #E4FE9B;}
div.DropZone, div.staticDropZone{border:1px solid #9FCC3D;}
div.DropZoneOver{border:1px solid #E4FE9B;background-color:#9FCC3D;}

/******/
.SplitText{scrollbar-arrow-color:#637545;scrollbar-track-color:#AFD80E;scrollbar-face-color:#AFD80E;}
.TextAreaInput, .TextInput, .borderFrame{border:1px solid #9FCC3D;background-color:#EFFDCC; scrollbar-arrow-color:#637545;scrollbar-track-color:#DEF2B0;scrollbar-face-color:#BDE16F;}
.Separator{background:url('images/arrow.gif') bottom; height:15px;}
.TextSeparator{background-image:url('images/line.jpg'); width:100%;height:3px;margin:15px 0px;}


/************************************student menu********************************************/

#topic5{background-color:none !important; background:url("images/funLang.png") no-repeat !important; width:183px; height:73px; margin:0 9px 0 0; border:0; box-shadow:none !important; 
        -moz-transition:none; -o-transition:none; -webkit-transition:none; transition:none;}
#topic4:after, #topic5:after{background:none;}
#topic5 > .title{background-color:transparent !important; padding:29px 0 0 0 !important; margin:0;}
#topic5 .subTitle{color:#435474;}
.specialHeight{height:73px !important;}


/****************************intro**************************************/

.swiffyKesem{
  width:155px; height:130px; margin:0px auto;
}
/**************************LeftSide****************************/


.LeftMenu
{
  background-image:url('/units/he/lashon/images/Frame.png');
  background-repeat:no-repeat;
  width:133px;
  height:395px; 
  text-align:right;
  padding:40px 45px 5px 5px;
  position:relative;
}


.MenuLink
{
  font-size:14px;
  font-weight:bold;
  color:#607497;
  text-decoration:none;
  display:block;
  padding-right:12px;
  cursor:pointer;
}

.Padding10
{
  padding-right:10px;
}

.smallFontSize
{
  font-size:11px;
}

.MenuSiteLink
{
  color:#737879;
  font-size:12px;
  text-decoration:none;
  display:block;
}

.spacer5
{
  height:5px;
  line-height:5px;
}


.WritingGeneratorFrame
{
  background-image:url('/units/he/lashon/images/Inner_01.png');
  background-repeat:no-repeat;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  width:174px;
  height:382px; 
  text-align:right;
  padding:20px 40px 0px 0px;
  position:absolute;
  top:18px; left:-2px;
  z-index:999999;
}


.WritingFrame
{
  background-image:url('/units/he/lashon/images/Inner_02.png');
  background-repeat:no-repeat;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  width:174px;
  height:215px; 
  text-align:right;
  padding:15px 33px 0px 0px;
  position:absolute;
  top:69px; left:-2px;
  z-index:1;
}



.WritingGeneratorFrame > a,
.WritingFrame > a 

{
  display:block;
  margin-bottom:7px;
  color:#586267;
  font-size:13px;
  text-decoration:none;
  font-weight:bold;
}

.WritingGeneratorFrame > a:hover,
.WritingFrame > a:hover
{
  text-decoration:underline;
} 



.WritingGeneratorFrame > a:before,
.WritingFrame > a:before
{
  content:"";
  display:block;
  float:right;
  background:url("images/Bullet_purple.png") no-repeat; 
  height:15px;
  width:15px;
  margin-left:5px;
}

 .WritingGeneratorFrame > a:hover:before {
  background:url("images/Bullet_purple.png") no-repeat 0 -16px; 
  }


  .WritingGeneratorFrame > a.Summary:before,
  .WritingGeneratorFrame > a.Compare:before, 
  .WritingFrame > a:before 
  {
  background:url("images/Bullet_orange.png") no-repeat; 
  }

  .WritingGeneratorFrame > a.Summary:hover:before,
  .WritingGeneratorFrame > a.Compare:hover:before,
  .WritingFrame > a:hover:before
  {
    background:url("images/Bullet_orange.png")  no-repeat 0 -16px; 
  }


  .WritingGeneratorFrame > a.Instruction:before
  {
    /*background:url("images/Bullet_s.png") no-repeat; */
    background:#A822C6 none;
    width:8px;
    height:8px;
    border-radius:4px;
    margin:4px 20px 0 3px;
  }






/*---------------- BODY --------------------
BODY.EditView
{
  background-color: #E4FE9B;
}

BODY.InnerStory
{
  background-color: transparent;
}
/*---------------- TABLE --------------------

TABLE.TableWidth
{
  width:100%;
}

TABLE.TableWidthIndex
{
  width:776px;
}

/*---------------- TD -----------------------
TD.TopTtlIndex
{
 background-image: url('images/topTtl_BG.gif');
}

TD.TopTtl
{
 background-image: url('images/TopMiddle1.gif');
}

TD.TopTtl1
{
 background-image: url('images/topTtl_BG2.gif');
}


TD.RightActNameIndex
{
  background-image: url('images/frameTop_R1_index.gif');
}

TD.FlashBgIndex
{
 background-image: url('images/frameTop_BG1_index.gif');
}

TD.LeftActNameIndex
{
  background-image: url('images/frameTop_L1_index.gif');
}

TD.TopRightFrame, TD.TopRightFrameIndex
{
  background-image: url('images/frame_R.gif');
}



TD.TopRightFlash
{
  background-image:url('images/Flash_Ttl.gif');
}




TD.ActNameOff
{
  background-image:url('images/gray_bttn.gif');
}

TD.TopTtlNew
{
 background-image: url('images/innerTop_tile.gif');
 background-repeat:repeat-x;
 background-position:center top;
 width:100%;
 height:20px;
}
TD.TopTtlNewIndex
{
 background-image: url('images/innerTop_tile.gif');
 background-repeat:repeat-x;
 background-position:center top;
 width:100%;
 height:60px;
}



.BkTopTableSplit, .BkBottomTableSplit
{
  background-color:#FFEFFD;
  width:100%; 
}

.InstructionText
{
  background-image:url('images/instruct_TopTile.gif');
  color:#4C621A; 
  background-color:#E4FE9B;
}

.GreenText
{
  color:#4C621A; 
  font-weight:bold; 
  font-size:90%;
  height:32px;
  line-height:1.5em;
}

TD.TitleQuiz
{
  background-color:#96b6dc;
  color:#ffffff;
}
TD.RightSpaceQuiz, TD.QuestQuiz
{
  border-bottom:1px solid #E4FE9B;
} 


/*-------------- Links -----------------------
A.ActName
{
  background-image:url('images/green_bttn.gif');
}

A:visited.ActName
{
  background-image:url('images/pink_bttn.gif');
}
/*-------------- Div -----------------------

DIV.DropZone
{
  border:1px solid #9FCC3D;
}

DIV.DropZoneOver
{
  border:1px solid #9FCC3D;
  background-color: #BBE55F;
}

SPAN.Draggable
{
  background-color: #BBE55F;
}

SPAN.Dragged
{
  background-color: #BBE55F;
}


DIV.MaskStyle
{
  width:100%; 
  height:100%; 
  filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50, FinishOpacity=0, Style=0, StartX=0, FinishX=100, StartY=0, FinishY=100); 
  background-color:#BCCBCF;
}

Div.HaifaDiv
{
	scrollbar-arrow-color: #7F6518;
	scrollbar-track-color: #ffffff;
	scrollbar-face-color: #ffffff;
  padding-right:5px;
  height: 284px;
  overflow-y:scroll;
  overflow-x:hidden;
  direction:ltr; 
}

Div.HaifaTourDiv
{
  scrollbar-arrow-color: #7F6518;
  scrollbar-track-color: #EDC661;
  scrollbar-face-color: #EDC661;
  height: 135px;
  overflow-y:auto;
  overflow-x:hidden;
  direction:ltr; 
}

Div.GamesDiv
{
	scrollbar-arrow-color: #7F6518;
	scrollbar-track-color: #ffffff;
	scrollbar-face-color: #ffffff;
	padding-right:5px;
	height: 245px;
	overflow-y: scroll;
	overflow-x:hidden;
	direction:ltr; 
}

Div.TravelDiv
{
	scrollbar-arrow-color: #7F6518;
	scrollbar-track-color: #ffffff;
	scrollbar-face-color: #ffffff;
	padding-right:5px;
	height: 200px;
	overflow-y: scroll;
	overflow-x:hidden;
	direction:ltr; 
}

Div.TravelDiv2
{
	scrollbar-arrow-color: #7F6518;
	scrollbar-track-color: #ffffff;
	scrollbar-face-color: #ffffff;
	padding-right:5px;
	height: 180px;
	overflow-y: scroll;
	overflow-x:hidden;
	direction:ltr; 
}
Div.TouristDiv
{
	scrollbar-arrow-color: #AFD80E;
	scrollbar-track-color: #ffffff;
	scrollbar-face-color: #ffffff;
	padding-right:5px;
	height: 130px;
	overflow-y: auto;
	overflow-x:hidden;
	direction:ltr; 
}

/*-------------- SPAN -----------------------


SPAN.TextFullScreen /*Old Unit
{
  scrollbar-arrow-color : #637545;
  scrollbar-track-color : #D5EE9A;
  scrollbar-face-color : #D5EE9A;
  padding:0px 6px 6px 20px;
  overflow:auto; 
  direction:ltr; 
  width:100%;
  background-color:#F1FDD9;  
  font-family:narkisim;
  font-size:110%;
}

SPAN.TextSplitScreen /*Old Unit
{
  scrollbar-arrow-color : #637545;
  scrollbar-track-color : #D5EE9A;
  scrollbar-face-color : #D5EE9A;
  padding:0px 6px 6px 20px;
  overflow:auto; 
  direction:ltr; 
  width:100%;
  background-color:#F1FDD9;  
  font-family:narkisim;
  font-size:110%;
}

SPAN.TextLongAct4Div /*Old Unit
{
  scrollbar-arrow-color : #637545;
  scrollbar-track-color : #D5EE9A;
  scrollbar-face-color : #D5EE9A;
  padding-left:20px; 
  padding-right:6px; 
  ppadding-bottom:6px; 
  overflow:auto; 
  height:338px; 
  direction:ltr; 
  width:100%;
  background-color:#F1FDD9;  
  font-family:narkisim;
  font-size:110%;
}

/*---------- INPUT ---------------------
.TextInput
{
  border:1px solid #9FCC3D;
  direction:rtl;
  background-color:#EFFDCC;
  font-family:Arial;
}

.TextAreaInput
{
  border:1px solid #9FCC3D;
  direction:rtl;
  background-color:#EFFDCC;
  font-family:Arial;
  scrollbar-arrow-color : #637545;
  scrollbar-track-color : #DEF2B0;
  scrollbar-face-color : #BDE16F;
}

.TextInputCardBlue
{
  border:1px solid #4FA0BD;
  direction:rtl;
  background-color:#ebf7fc;
  font-family:Arial;
}

.TextAreaInputCardBlue
{
  border:1px solid #4FA0BD;
  direction:rtl;
  background-color:#ebf7fc;
  font-family:Arial;
  scrollbar-arrow-color : #4FA0BD;
  scrollbar-track-color : #D9F1FB;
  scrollbar-face-color : #D9F1FB;
}

.TextInputPink
{
  border:1px solid #C57DAA;
  direction:rtl;
  background-color:#fdf5fa;
  font-family:Arial;
}

.TextAreaInputPink
{
  border:1px solid #C57DAA;
  direction:rtl;
  background-color:#fdf5fa;
  font-family:Arial;
  scrollbar-arrow-color : #C57DAA;
  scrollbar-track-color : #FBE3F2;
  scrollbar-face-color : #FBE3F2;
}

.TextInputBanana
{
  border:1px solid #C0B97F;
  direction:rtl;
  background-color:#f5efbf;
  font-family:Arial;
}

.TextAreaInputBanana
{
  border:1px solid #C0B97F;
  direction:rtl;
  background-color:#f5efbf;
  font-family:Arial;
  scrollbar-arrow-color : #C0B97F;
  scrollbar-track-color : #F4EA9D;
  scrollbar-face-color : #F4EA9D;
}

.TextInputOrange
{
  border:1px solid #C2AB94;
  direction:rtl;
  background-color:#fce0c5;
  font-family:Arial;
}

.TextAreaInputOrange
{
  border:1px solid #C2AB94;
  direction:rtl;
  background-color:#fce0c5;
  font-family:Arial;
  scrollbar-arrow-color : #C2AB94;
  scrollbar-track-color : #F9D2AD;
  scrollbar-face-color : #F9D2AD;
}

.TextInputBlue
{
  border:1px solid #B0BDD0;
  direction:rtl;
  background-color:#ccdffb;
  font-family:Arial;
}

.TextAreaInputBlue
{
  border:1px solid #B0BDD0;
  direction:rtl;
  background-color:#ccdffb;
  font-family:Arial;
  scrollbar-arrow-color : #4B6A97;
  scrollbar-track-color : #B2CEF7;
  scrollbar-face-color : #B2CEF7;
}
/*------------ FONT ----------------------


FONT.BigHeadLine
{
  font-weight:bold;
  color:#74A500;
  font-size:22px;
}
/*---------- IFRAME ---------------------
IFRAME.FullStoryIframe
{
 width:650px; 
 height:530px;
 border:2px solid #5F7733; 
 filter:progid:DXImageTransform.Microsoft.Slide(slideStyle='HIDE', bands=1);
}
IFRAME.FullText
{
  padding:0px 0px 6px 0px;
  overflow:auto; 
  direction:ltr; 
  width:610px;
  height:420px;
  background-color:#F1FDD9;  
  font-family:narkisim;
  font-size:110%;
}*/

/*--------------------------------------------------------------------------------------*/
table.TblIndicator tr.Header td {background-color:#F79D4F;font-weight:bold;}
table.TblIndicator td{text-align:center;}
table.TblIndicator tr.Header td, td.TdTitle, td.TdSubTitle {padding:5px 10px;}
table.TblIndicator td.TdTitle, table.TblIndicator td.TdSubTitle {text-align:right;}
table.TblIndicator td.TdTitle{font-weight:bold;background-color:#F5B983;}
table.TblIndicator tr{background-color:#B4BF71}
table.TblIndicator input{text-align:center;}

/*--------------------------Words  Games Units160-167 ------------------------*/
.WordsGameHomeBtnDiv
{
	float:left;
	padding:5px 0px 10px 0px;
}