﻿body
{
    direction: rtl; height: 100%; width: 100%; background: url(../images/background.jpg) no-repeat top center;
    font-family: Arial, Helvetica, sans-serif; margin:0;
}

#main
{
	width:965px; height:auto; margin:0 auto; background: inherit; 
}

#header
{  
	width:965px; height:140px; background: inherit;	
}

#topBar
{
    width: inherit; text-align: left; font-size: 13px; color: #333333; height: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

#topBar a
{
    text-decoration:none; color: #333333; cursor:pointer;
}

.openExternalWindows
{
    cursor:pointer;
}

#nav
{
    width: 965px; padding: 0px; margin: 0px; height: 51px;
    background: url(../images/nav/nav-body.png) no-repeat;
}

#navigation
{
    width:965px; float:left; direction:rtl; bottom:40px; padding:0; margin:0; height:auto;
    list-style:none; position:relative; right:15px; z-index:30;
}
       
#navigation li
{
    
    margin:0; float:right; font:bold 11px arial; padding:0; list-style:none;
} 

#navigation li a
{
    display:block; margin:0 1px 0 0; width: auto; height: 22px; color: #333333;
    background: url(../images/nav/sepert.png) no-repeat center left;
    padding: 0 15px; font-size:10pt; font-weight:bold; text-align :center; text-decoration: none;
}
                     
#navigation li a:hover
{ 
    color:#cb097a;
}

#navigation div
{
    position:absolute; visibility:hidden; margin:5px 0 0 -10px; padding:0; background:#EAEBD8; border:1px solid #666666;
}

#navigation div a 
{
    position:relative; display:block; margin:0; padding:5px 10px; width:auto; white-space:nowrap; text-align:right;
    text-decoration:none; background:#EAEBD8; color:#333333; font-weight:bold; font:11px arial;
}

#navigation div a:hover
{
    background:#49a3ff; color : #fff;
}
   
#nav .last
{
    background:none;
}                     
 
.header-text
{
    font-family: Tahoma; width: 700px; margin-right: 22px; float: right; height: 50px; text-align: right;
    font-size: 15px; color: #666666; line-height: 20px; padding-top: 0;
}

.header-headline
{
    font-family: Tahoma; font-weight: bold; width: 900px; margin-right: 0px; right: 10px; 
    float: right; height: 27px; text-align: right; font-size: 26px; color: #AD035C; 
    line-height: 20px; padding: 0; position: relative; bottom: 15px;
}
 
.logo 
{
    width:256px; margin:0; height:110px; float:right; position:relative; top:15px;
}

.logo img
{   
    width:255px; height:109px; border:none;
}

.maor-fly
{ 
    width:110px; margin:0; height:192px; float:left;
}

#main-box
{
}

#box-right
{
   width:700px; height:auto; float:right;
}

#box-left
{
    width:260px;height:auto;float:left;
}

.game
{ 
    width:695px; height:215px; float:right;	padding:0;	margin:5px 0 0 0;
    background:url(../images/game-frame.png) no-repeat;
}

#banner 
{ 
    width:695px; height:90px; float:right; padding:0; margin:0px 0 0 0;
}
	
.game-body
{  
    width:690px; height:inherit; float:right; position:relative; right:8px;
	
	
}

.line-game
{ 
    width:678px; float:right; height:35px; background:url(../images/line-game.png) no-repeat;
	font-size:25px;	margin:2px 0 5px 0;	color:White;
}

.line-coloring
{ 
    width:678px; float:right;height:35px; 	background:url(../images/line-coloring.png) no-repeat;
	font-size:25px;	margin:8px 0 5px 0;	color:White;
}

.line-puzel
{ 
    width:678px;	float:right;	height:35px;	background:url(../images/line-puzel.png) no-repeat;
	font-size:25px;	margin:8px 0 5px 0;	color:White;
}

.line-text 
{
    position:relative;    right:10px;
}

.list
{
    width:inherit;    margin:10px 0 0 0;    padding:0;	list-style:none; 
}

.list li
{
    display:inline;    width:162px;     float:right;	height:170px;	margin:0 0px 0 10px;
}

.list li a 
{
    text-decoration:none;    border:0px;    color:White;
}


.image 
{
    width:160px;     margin:0;     padding:0;	height:100px;	border:1px solid #b4b4b5;
}

.text
{
    width: 160px; margin: 5px 0 0 0; padding: 0; height: 40px; background: #FF8000;
    text-align: center; font-size: 18px; border: 1px solid #b4b4b5; color: White; font-weight:bolder;
}

.text a
{ 
    position:relative;top:8px;
}

img.im 
{ 
    width:160px;	height:100px;
}

a img.im 
{
    border:0px;
}

.harshama
{ 
    width:262px; height:367px;	margin:5px 0 0 0;	padding:0;
    background:url(../images/harshama-background.jpg) no-repeat;
}

.harshama2
{ 
    width:262px;	height:281px;	margin:4px 0 0 0;	padding:0;
    background:url(../images/gust-book-background.jpg) no-repeat;
}


.right-up
{
    width:262px;      padding:0; 	height:7px;
	background:url(../images/frame-up.png) no-repeat;
}
		
.right-body
{
	width:262px;  	padding:0px 0 10px 0; 	height:auto;
	background:url(../images/frame-body.jpg) repeat-y ;
}

.right-body_guestbookAddCommentLogView
{
	width:262px;  	padding:0px 0 10px 0; 	height:514px; 
	background:url(../images/frame-body.jpg) repeat-y ;
}			
.right-box-headline
{   
    color:White;    width:246px;	height:40px; 	background:url(../images/headline.png) no-repeat;
	margin:0 auto;	padding:5px 0 0 0;	text-align:center;	font-size:25px;	position:relative; top:5px;
}

.right-box-headline a
{
    color:White;     text-decoration:none;
}
				      
.right-body-text
{ 
    width:246px; 	height:auto;	margin:2px auto;
}
				      
				      
.frame-bottom
{
    width:262px;  padding:0px 0 0px 0; 	height:10px;
	margin:0;	background:url(../images/frame-bottom.jpg) no-repeat;
}
	
.text-box
{
    width: 240px;    margin: 3px 0 7px 0;    color: #666666;
}
			
.send-buttun
{
    width:250px;     margin:0 0 5px 0;
 }
.send_btn
{
    float:left;
}

.approval
{
    width: 150px;    float: right;    margin-right: 10px;    font-size: medium;    color: Red;
}			
			
#video 
{
    width:262px;	height:200px;	margin:5px 0 0 0;
}
	
.gust-book
{
    width:246px;    list-style:none;	height:auto;	margin:2px auto;	padding:0;
}

.gust-book li 
{ 
     width:246px;     height:auto;  margin:0;  padding:0;  text-align:right;  margin:5px 0 0 0;
}

.gust-book li a {}
	
.gust-book-text 
{
    width:246px;   text-align:right;   margin:0;  font-size:16px; 
}
  
.gust-book-text-span 
{
    color:Gray; font-size:14px;
}
	
.guest-book-text-description
{
    font-size: 12px;    line-height: 16px;    color:Black;    padding-right:4px;
}
	
#box2
{ 
    width:695px; float:right; padding:0;  margin:0;	height:260px;
}
				  
#maor-box
{
    width:345px; height:260px; 	float:left;	background:url(../images/maor-box.jpg) no-repeat;
}
		
.maor-box-headline
{  
    color:White;	width:330px;	height:50px;    background:url(../images/maor-headline.png) no-repeat;
    margin:0 auto;	text-align:center;	font-size:25px;	position:relative; top:8px; right:2px;
}

.maor-box-pic
{
    width:330px;	height:180px;	margin:0 auto;	text-align:center;	position:relative; top:12px; 
}

#nitzozot
{
    width:343px;	height:260px;	float:right; background:url(../images/maor-box.jpg) no-repeat;
}
		
.nitzozot-headline
{ 
    width:330px;	height:90px;	background:url(../images/nitzozot-headline.jpg) no-repeat;
	margin:0 auto;	text-align:center;	font-size:25px;	position:relative; top:8px; left:55px;
}
			
.nitzozt-box-pic
{
    width:330px;	height:230px;	margin:0 auto;	text-align:center;	position:relative;top:10px; 
}

#gallery
{ 
    width:695px;	height:135px;	float:right;	padding:0;	margin:5px 0 0 0;
	background:url(../images/gallery-frame.png) no-repeat;
}

#footer 
{
    float:left;    width:960px;    height:auto;    margin:20px auto;
}

.footer-list 
{
    width:880px; height:40px; margin:0 auto;  text-align:center;  list-style:none;   position:relative;
}

.footer-list li
{
    display:inline;   
}

.footer-list li.kav
{
    width: 10px;    height: auto;    color: #666666;
}

.footer-list li a
{
    color: #666666;    width: auto;    height: 30px;    font-size: 14px;    margin: 0 2px 0 0;
    text-decoration: none;
}

.footer-text img 
{
     border:0px;     text-decoration:none;
}

.one
{
    font-size: 12px;    color: #666666;
}

.footer-text
{
    color: #666666;  text-align: center; width: 400px; height: auto; margin: 0 auto;  font-size: 12px;
}



/*עמודים פנימיים - דפי צביעה ופזלים*/
#games-main-box 
{
    width:695px;  margin:0 auto;  height:auto;
}

.games-main-box-up
{ 
    width:695px;  height:7px; background:url(../images/inner-pages/games-box-up-frame.png) no-repeat;
    padding:0; margin:0;
}

.games-main-box-body
{
    width:695px; height:auto; float:right; background:url(../images/inner-pages/games-box-body-frame.png) repeat-y;
    padding:0 ; margin:0;
}
                  
.game-inside
{
    width:690px;  height:auto;    float:right;    text-align:center;    padding:0 ;    margin:0 auto;
    position:relative;  right:10px;
}
                       
.games-main-box-bottom
{
    width:695px;     height:8px;    float:right;
    background:url(../images/inner-pages/games-box-bottom-frame.png) no-repeat;
    padding:0 ; margin:0;
}

.maor-letter-window2
{
    width:675px;    height:auto;    float:right;    text-align:center;    padding:0 ;    margin:0 auto;
    position:relative;  right:10px;    background:none;
}       

.maor-letter-window2
{
    width:650px;    height:auto;    float:right;    text-align:center;    padding:0 ;    margin:0 auto;
    position:relative;  right:10px;
}                 

/*עמודים פנימיים - אודות*/
#about-box
{
    width:965px; margin:0 auto; padding:0;    height:auto; float:left;
}

.about-frame-up
{
     width:965px;     height:7px;     background:url(../images/inner-pages/about-up-frame.png) no-repeat;
     padding:0;     margin:0;
}                    

.about-frame-body
{  
    position:relative;bottom:4px;     width:965px;    height:auto;    float:right;
    background:red url(../images/inner-pages/about-body-frame.png) repeat-y;
    padding:0;    margin:0;
}
    
.about-frame-bottom
{
     width:965px;    height:8px;    float:right;    background:url(../images/inner-pages/about-bottom-frame.png) no-repeat;
    padding:0 ;    margin:0;     position:relative; bottom:4px;
}
                    
.about-inside
{
    width:940px;
    height:auto;
    background: url(../images/inner-pages/about-background1.jpg) repeat-y center top;
    float:right;
    padding:0 ;
    margin:0 auto;
    position:relative;  right:10px;}
                       
                       
.about-image
{
    width:250px;
    margin:10px auto;
    padding:0 0 20px 0;
    height:55px;
    font-size:16px;
    background:url(../images/inner-pages/about-logo_mahuti.png) no-repeat;}
                       
                       
.about-class
{
     width:800px;
     margin:0 auto;
     padding:0 0 20px 0;
     height:auto;
     font-size:18px;
     line-height:25px;
     text-align:justify;
}
.about-innertext-class
{
    width: 800px;
    margin: 0 auto;
    padding: 0 0 20px 0;
    height: auto;
    font-size: 17px;
    line-height: 20px;
    text-align: justify;
    color: #333333;
}
 
.aboutAncor
{
    text-decoration:none;
}                                  
.about-bold 
{ 
    font-weight:bold;
}

.aboutBackToTop
{ font-size:16px;
  color:#ad035c;
}

.about-pink 
{
    color:#cb0879;
    font-weight:bold;}
 
.about-pink2 
{
    color:#cb0879;
    font-weight:bold;
    font-size:22px;
    font-weight:bold;
}
   
.about-table
{
      padding:0 0 20px 0;
                                    
}

.aboutMainList
{ 
    list-style-image:url(../images/aboutArrow.png);
    list-style-type:none;
}
.aboutMainList li
{   margin:5px 0 0 0;
}
     
#tableid
{
   width:800px;
   font-size:18px;
   margin:0 auto;  height:auto; padding:0 0 10px 0;
}
                    
.about-list 
{
   width:auto; 
   padding:0 23px 0 0;
   margin:0;
   height:auto;
   list-style-type:circle;
}
                    
.about-list li 
{
    width:auto; 
    height:auto;  
}
    
.connectus-text
{
    
    text-decoration:'underline';
    color: #666666;
}

.smallspace
{
    margin-top: 5px;
    text-decoration: none;
    font-weight: bold;
    margin-bottom:5px;
}
.xsmallSpace
{
    margin-bottom:20px;
}


/*עמוד פנימי - צביעה*/
.coloring-inside
{
    width:960px;
    height:auto;
    
   
    
    padding:0 ;
    margin:0 auto;
    }
    
#coloring-picture
{
    text-align:center;
    width:940px;
    height:auto;
    margin:0 auto;
    padding:0 ;
}
  

#coloring-picture img 
{
    width:600px;
    height:900px;
}
  
#coloring-thumb
{
    width:940px;
    height:auto;
    padding:0 ;
    margin:10px auto;
}
    
.coloring-list
{
    width:945px;
    height:150px;
    margin:0 auto;
    padding:0;
	list-style:none; 
}

.coloring-list li
{
    display:inline;
    width:180px; 
    float:right;
	height:140px;
	margin:0 0px 0 9px;
}

.coloring-list a 
{
    text-decoration:none;
    width:180px; 
    float:right;
	height:130px;
    border:0px;
    background:black;
}

.coloring-list a img
{
    width:180px;
    height:130px;
    border:2px solid #cb0879;
}

  .gameMost
{  width:184px; 
    float:right;
	height:20px;
	color:#565454;
	margin:10px 0px 0 0px;
	text-align:center;
	

	
}  
    
.print 
{ 
    width:100px;
    height:30px;
    margin:0 auto;
}
  .moreAndBack
  { width:940px;
    height:40px;
  
    border-bottom:1px solid black;
     margin:0 0 5px 0;
  }  
   
.coloring-more
{   text-align:right;
    width:300px;  float:right;  
    font-size:20px;
    height:30px;
    margin:0 auto;
    color: #cb0879;
    border:none;
   
   
}

.coloring-back
{   text-align:left;
    width:300px;  float:left;  
    font-size:20px;
    height:30px;
    margin:0 auto;
    color: #cb0879;
    border:none;
   
   
}
.coloring-back a {color:#cb0879; text-decoration:none;}
.coloring-back a:hover {color:Fuchsia;}
 .coloring-back a:link {color:#cb0879;}    
  .coloring-back a:visit {color:#cb0879;}  
  
.coloring-button 
{
    width:120px;
    height:40px;
    font-size:20px;
    font-weight:bold;
    background:#cb0879;
    color:White;
    cursor:pointer;
}


.theName {width:940px; height:40px; font-size:30px; color:#cb0879;height:30px;float:left;  
           text-align:center; margin:10px 0;}
       
     /*עמודים פנימיים - הניצוצות*/
.video-frame 
{ 
    margin: 0 auto;
    width:480px;
    height:400px;
    border:none; 
    text-align:center;
    position:relative; right:40px;
  
   
}
                    
.video-description 
{ 
    width:530px; 
    height:auto;  
    line-height:20px;
    margin: 0 auto;
    text-align:justify;
}

.video-description-strong
{
    font-weight: bold;
    color: #CC0066;
}
                            

#video-right 
{
    width:550px; 
    height:auto; 
    float:right; 
}

#video-left 
{
    width:390px; 
    height:670px; /*670*/ 
    float:left; 
    background:url(../images/inner-pages/movieBG.jpg) repeat-y;  /*aaa*/
}

#test 
{ 
    width:153px;
    height:139px; 
    position:absolute; 
    bottom:440px; /*390*/
    right:420px;
    background:url(../images/inner-pages/video-maor-fly.png) no-repeat;
    z-index:100;
}

.video-buy
{
    width: 960px;
    height: 20px;
    padding: 10px;
    margin: 0 auto;
    clear: both;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    color: #637bad; /*646263*/
}
   

.video-buy-mahuti
{
    color:#ed037c;
}     
           
/*עמודים פנימיים - מכתב למאור*/
.letter-background
{ 
    width:675px; 
    height:auto; 
    background:#efeefa;
}


.maor-speak-header
{
    width:670px;
}
.maor-speak-name
{
    width:640px; 
    height:50px;
    margin:0 auto;
    padding:10px 0 0 0;
     clear:both;
    text-align:right;
   
   
}

.maor-spaek-bubble
{ 
    width:585px; 
    height:145px;  
    display:block;
    padding:0; 
    margin:0;
    position:absolute; 
    right:80px; 
    float:left; 
    background: url(../images/inner-pages/text111.png) no-repeat;
}
                     
.maor-speak-class
{
    width: 500px;
    height: 100px;
    margin: 0 auto;
    position: relative;
    right: 40px;
    top: 30px;
    font-size: 20px;
    color: #CC0066;
    
    font-family: tahoma;
}

.maor-spaek
{
    width:130px; 
    height:130px; 
    float:right; 
    background: url(../images/inner-pages/maor-letter.png) no-repeat;
    padding:0; 
    margin:0; 
}
             
#maor-letter-text 
{ clear:both;
    padding-top:20px;
   
    height:210px;  
    clear:both;
   
    
}
  .txtMaorBox  
  { border:2px solid #919091;
      }   
.letter 
{
    width:640px; 
    height:200px; 
    border:2px solid #919091;
    background:#fcfcfd; 
    font-size:18px;
    
}

#table-div
{
    width:650px; 
    height:40px; 
    margin:10px auto; 
    float:left;
}      

.letter-table 
{
    width:650px; 
    height:30px;  
    font-size:18px; 
    font-weight:bold;  
    margin:0 auto;
}

.btnSendLetter
{
    width:100px; 
    height:30px; 
    font-size:18px;
}

/*עמודים פנימיים - באנרים*/
#baner1 
{ 
    width:250px; 
    height:280px; 
    background:red;
}

#baner2 
{
    width:250px; 
    height:280px; 
    background:green; 
    padding:10px 0;
}

#baner1Guestbook
{
    width:250px; 
    height:280px; 
    padding:15px 8px 0px 0px;
}

#baner2Guestbook
{   
    width:250px; 
    height:280px; 
    padding:10px 8px 0px 0px;
}
/* עמוד צור קשר צד שמאל */
#baner1GuestbookConnectUs
{
    width:250px; 
    height:280px; 
    padding:0px 8px 0px 0px;
}
/*-------------------*/

/*עמודים פנימיים - פאזלים*/
puzzel-frame1
{
    width:940px; 
    height:700px; 
}

#puzzel-frame2 
{
    width:940px; 
    height:600px; 
    margin:10px auto;
}

.writeToMaor-item 
{
    width:246px; 
    text-align:right;   
    margin:0; 
    font-size:14px; 
}
  
.writeToMaorText-description
{ 
    width:250px;
    height:18px;
    overflow:hidden;
    font-size: 14px;
    line-height: 16px;
    color:Black;
    padding-right:0;
}

.writeToMaorTitle
{
    color: #991d56;
    font-size:16px;
    font-weight: bold;
    padding-right:4px;
}

/**************/

.guestbooklog-title
{
    color: #991d56;
    font-size:15px;
    font-weight: bold;
    padding-right:4px;
}

.confirmationMessage
{
    padding: 100px auto;
    top: 300px;
    text-align: center;
    font-weight: bold;
    color: #333333;
}

/************************************/

.guestbookAddCommentPromo
{
    width:600px;
    padding-right:20px;
    text-align: right;
    font-size: 16px;
    color: #CC0066;
    font-weight: bolder;
    font-family: tahoma;
}
  
.guestbookAddCommentDescription
{
    font-size: 12px;
    width:355px;
    line-height: 16px;
    color:Black;
    padding-right:20px;
}

.guestbookAddCommentTitle
{
    padding-top:15px;
    color: #991d56;
    font-size:15px;
    font-weight: bold;
    padding-right:20px;
}

.guestbookAddCommentButtons
{
    width: 355px;
    padding-right: 20px;
    padding-bottom: 50px;
    padding-top: 0px;
    
}
.guestbookAddCommentButtonsClear
{
    float:left;
}
.guestbookAddCommentButtonsSend
{
    float:right;
}

/************************************/
.guest-book-text-title
{
    color: #991d56;
    font-size:13px;
    font-weight: bold;
    padding-right:4px;
}

.gust-book-textAddCommentLogView 
{
    width:246px; 
    text-align:right;   
    margin:0; 
    font-size:16px;
    
    
}
.gust-bookAddCommentLogView
{
    width: 246px;
    list-style: none;
    height: 490px;
    margin: 2px auto;
    padding: 0;
    overflow: hidden;
}
.guest-bookList
{
    width:675px;
    height:665px;
    margin :10px 10px;
    padding :0;
    overflow:scroll;
}

.writeToMaorLogView
{
    width: 246px;
    list-style: none;
    height: 478px;
    margin: 2px auto;
    padding: 0;
   
}

#box-leftGuestBookLog
{
    width:260px;
	height:536px;
	float:left;
	
}

.gust-bookAddCommentLogView li 
{ 
     width:246px;
     height:auto; 
     margin:0;   
     padding:0;  
     text-align:right;  
     margin:5px 0 0 0;
}

.moreComments
{
    text-align:left;
    font-size:small;
    padding-top:15px;
}

.moreComments a
{
    text-decoration:none;
    color:Gray;
}

/****************************/
/*עמודים פנימיים - פאזלים*/
#puzleFrame
{
    width:940px; 
    height:700px; 
}

.fr 
{
    width:940px; 
    height:600px; 
    margin:10px auto;
}

/****************************/
/*עמודים פנימיים -משחקים*/
#gameFrame
{
    width:940px; 
    height:auto;
   
}

.game-class-name
{ text-align:center;
  font-size:22px;
  font-weight:bold;
  color:#cb0879;
    }
#inst {width:230px;  float:left; 
       height:500px;}
.inst2-headline
{   font-size:24px;
    margin:0 auto;
    text-align:center;
    color:Red;
    font-weight:bold;
    }
    
    .inst-text
{   font-size:18px;
    margin:0 auto;
    text-align:center;
    color:Black;
    }
#theGameInside {width:700px;  float:right;
      }
.fr2 
{
    width:690px; 
    height:500px; 
    margin:0px auto;
    border:none;
    text-align:center;
}


/******** CONNECT US **********************/
.connectus-title
{
    color: #991d56; font-size:15px; font-weight: bold; padding-right:4px;
}
/******** משחקים חיצוניים **********************/
.linkStyle{ text-decoration:none; color:#991d56; font-size:14px;  cursor:pointer;}


.theGrid1{ text-align:right;  width:660px; height:auto; }
.gridPager { background:#a32662; color:White;  text-align:center;width:660px;}


.gridHeader {    font-weight:bold;  color:White; text-align:center;  height:50px; width:660px;}
.nameStyle { background: url(../images/gridHeader2.png) no-repeat; width:110px;}
.commentStyle { background: url(../images/gridHeader.png) no-repeat;  width:550px;}
.gridFooter { background:red;  font-weight:bold;  color:White; text-align:center;  height:150px;}

.alternativeRow
{
    border-top:1px solid black;vertical-align:text-top;
}

.rowStyle
{   
    border-top:1px solid black;
}

.alternativeRow td
{
    background:white;  margin:0; height:30px; 
}

.rowStyle td 
{
    background:3c9ccfb;  margin:0; vertical-align:top;  height:30px;
}

.gridName
{
    width: 100px;
    overflow: hidden;
    text-align: center;
    color: #991d56;
    font-weight: bolder;
    top: 5px;
}

.gridComment { width:545px; overflow:hidden;  height:auto;     float:left;}

#backToWrite {width: 660px; height:30px;  margin:10px 0 0 0;}
.backToMaor {width:300px;  float:left; margin:0; padding:0; height:30px;
              color:#991d56; font-size:18px; font-weight:bold; text-align:left;}
              

/*  גלריה */     
.fr-gallery 
{
    width:900px; height:600px; margin:0px auto; border:none; text-align:center;
}
     
.galerryPagerClass 
{
    width:900px; height:50px; margin:0 auto;
}

#makeFlash 
{
    width:900px;  height:100%;
}

/********************************/
/*  סיפור שאינו נגמר */ 

.bigStoryClass
{  
    position:relative; top:5px; padding:0px 0 0 0; width:660px; float:right; margin:0px  0px 0 0; height:20px;  
    min-height:100px;
}

.story
{  
    float:right; width:600px; height:20px; border:none;  background:#fcfcfd;  font-size:16px;
    position:relative; z-index:1; padding:0; margin:0; border-bottom:1px solid #AD035C;
}

.story2
{
    float:right; width:auto;  height:20px;  border:none; background:none; font-size:16px;
    position:relative; color: #991d56;  z-index:1;  padding:0; margin:0;
}

.stortButton

{
    float:left; margin:10px 50px 0 0; width:700px; height:70px; text-align:center;
} 

.stortButtonClass
{
     margin:0 auto; width:500px; height:60px;
}

.storyButton
 {
     cursor:pointer; width:170px; height:60px; font-size:16px; color:Blue; font-weight:bold;
     background:url(../images/addStory.png) no-repeat center center;
 }
 
 .storyButton:hover
 {  
     cursor:pointer; width:170px; height:60px; font-size:16px; color:Blue;
     font-weight:bold; background:url(../images/addStoryOver.png) no-repeat center center;
 }
 
 .storyButtonBlack
 {  
     width:170px; height:60px; font-size:16px;  color:Blue; font-weight:bold;
     background:url(../images/addStoryBlack.png) no-repeat center center;
 }
 
  .storyButton2
 {
     cursor:pointer; width:170px; height:60px; font-size:16px; color:Blue;
     font-weight:bold; background:url(../images/toStory.png) no-repeat center center;
 }
 
 .storyButton2:hover
 {
     cursor:pointer; width:170px; height:60px; font-size:16px; color:Blue;
     font-weight:bold; background:url(../images/toStoryOver.png) no-repeat center center;
 }
 
.fullStoryCon
 {
    width:704px; height:auto; margin:20px auto; padding:0px 0; float:left;
    *position:relative; left:10px;
 }
 .fullStorycon2
 
 {    width:680px; 
    height:auto;
    margin:0px auto;
    padding:0px 0 0px 0;
    
    font-size:20px;
        background:url(../images/notebook2.jpg) repeat-y;
  line-height:26px;
  clear:both;
  text-align:justify;
     
 } 
 
 .story1
 {
     width:680px; 
    height:60px;
    margin:0px auto;
    padding:0px 0 0px 0;
    overflow:hidden;
    font-size:20px;
        background:url(../images/notebook.jpg) no-repeat;
  line-height:26px;
  clear:both;
  text-align:justify;
 }
.fullStory
 {  width:650px; 
    min-height:300px;
    margin:0 auto;
    padding:0;
    
    font-size:20px;
   background: url(../images/note.jpg) repeat-y;
  line-height:26px;
  text-align:justify;
  
     
 }
 
 
 .closeNotebook
 {
       width:680px; 
    height:30px;
    margin:0px auto;
    padding:0px 0 0px 0;
    overflow:hidden;
    font-size:20px;
        background:url(../images/notebookClose.jpg) no-repeat;
  line-height:26px;
  clear:both;
  text-align:justify;
 
 }
 
 .maor-speak-name2
{
    width:640px; 
    height:50px;
    margin:0 auto;
    padding:00px 0 0 0;
     float:right;
    text-align:right;
   
   
}
  .txtMaorBox2  
  { border:2px solid #919091;
    border:none;
    z-index:350;  position:relative; bottom:2px;
     font-size:16px;
     background:none;
     border-bottom:1px solid #AD035C;
     
      }   

 
 .ourstory
 {  font-size:24px;
  color: #991d56;
     padding:0;
     margin:0 auto;
     width:660px;
   
     text-align:center;
 }
 
 .storyWriterClass
 {
      width:660px; 
    height:auto;
    margin:0px auto;
    padding:0px 0;
    overflow:hidden;
    font-size:14px;
        background:none;
  line-height:20px;
  text-align:justify;
  color:Blue;
 }
 
 .writStory
 {
   font-size:20px;
   color: #991d56;
     padding:0;
     margin:10px 0 0 0;  
 }
 
 .allStoryClass
 {
     width:260px;
     margin:0 auto;
    
     height:auto;
     
 }
 
 .firstnName
 { width:250px;
   height:15px;
  
     text-align:right;
     color:Fuchsia;
      font-size:14px; font-weight:bold;
       padding:0;
       margin:10px 0  0 0;
      }
 .firstSentence
 { padding:0;
   margin:0 0 10px 0;
   
     width:245px;
   height:75px;
  
     text-align:justify;
     color:Black;
      font-size:16px;
      overflow:hidden;
 }

.ulStories22
{
    width:245px; padding:0; margin:10px auto; height:auto; list-style:none;
}

.btnMoveToStory2
 { 
     background:none; width:100px; height:25px; border:none; font-size:14px;  color:Blue;
     cursor:pointer; padding:0; margin:0; color: #991d56; font-size:16px;
 }
 
 .btnStoruNum
 {
     background:none;  border:none;     cursor:pointer;      color: #991d56;    font-size:15px;
    font-weight: bold;    padding-right:4px;
 }
 
.guest-book-text-description2
{
    font-size: 12px; line-height: 16px;    color:Black;    float:right;    padding-right:4px;
    text-align:justify;    width:200px;    margin:0 auto;
}
 
 .progress
 {
     position:absolute; width:700px; height:200px; background:none; z-index:300;
 }
 
 .progressClass
 {
     margin:0 auto; width:130px; height:100px; background:url(../images/ajax-loader.gif) no-repeat center center;
     text-align:center;  vertical-align:middle;
 }
 
 .maor-speak-class2
{
    width: 490px; height:auto; margin: 0 auto; position: relative; right: 40px; top: 10px;
    font-size: 16px; color: #CC0066; font-family: tahoma;
}

.erorr2
{
     position:relative; bottom:60px; width:700px; height:auto; float:right; text-align:center;
}

.erWarp
{  
    display:inline-block; text-align:center;  width:auto; height:auto;  margin:0 auto; padding:0;
}

.erorrC
{  
 color:Red; font-size:20px; font-weight:bold;  margin:0 auto;  width:auto; height:40px;
 float:left; text-align:center; padding:0; margin:0 auto; position:relative; top:10px;
}

.erLeft
{   
  float:left; width:90px; height:50px; background:url(../images/arrow1.gif) no-repeat center center;
   padding:0; margin:0 10px; 
}

.erRight
{ 
   float:left; display:inline; width:90px; height:50px;
   background:url(../images/arrow2.gif) no-repeat center center;
   padding:0; margin:0 10px;
}

.joni
{  
    margin:0 auto; padding:0 0 20px 0; width:643px; height:410px;
   background: url(../images/joniAsk.png) no-repeat center center;
}

.storyButton2Black
{
    width:170px; height:60px;  font-size:16px;  color:Blue; font-weight:bold;
    background:url(../images/toStoryBlack.png) no-repeat center center;
}

 .linkLbl
 {
     color:#AD035C;
 }
 
 .linkLbl:hover
 {
      color:Red;
 }
 
 .btnArwo 
 {
      border:none; background:none; font-size:14px;  color:#AD035C;
 }
 
 .backToStart
{
   width:170px; height:60px; color:Blue; font-weight:bold; text-decoration:none; color:#AD035C;
   font-size:15px; position:relative; top:10px; left:10px;
}

.backToStart:hover
{
    color:White;
}

.backToTheStart
{ 
    width:270px; height:200px; margin:20px auto 0px auto;
}

.bkRight
{ 
    padding:0; margin:0; float:right; width:150px; height:80px;
   background: url(../images/tomiSpeak.png) no-repeat center center;
}

.bkLeft
{ 
    padding:0; margin:0; float:left; width:120px; height:200px;
    background: url(../images/tomiEnd.png) no-repeat center center;
}

 
 /* STAFF *************************************/
.staf 
{
    width:670px; height:auto; padding:0 0 10px 0; text-align:justify;  border-bottom:1px solid black;
    min-height:180px; margin:10px 0 10px 0; display:block;
}

.staf img 
{
     float:left; width:226px; height:168px;  position:relative; top:5px; 
}

.stafNmae 
{
    color:#AD035C;  font-size:18px; font-weight:bold; 
}

.staf2 
{
    width:430px;  height:auto;float:right;  position:relative;top:5px;
}

.stafMail
{
    width:600px; height:10px; padding:5px 0 0 0; text-align:right; clear:both; margin:10px 0 10px 0;
}

.stafPgerClass  
{
    float:left; width:680px; height:50px; margin:0 auto;
}


.StafPager
{
    width:600px; height:30px; list-style:none; float:right;  padding:0; margin:0; 
}

.StafPager li 
{
    display:inline; margin:0; padding:0;
}

.StafPager li a
{
    width:20px; height:30px; float:right; padding:0; font-size:20px; color:Black; margin:0 5px;
}
/* END STAFF *************************************/

/* POSTCARDS */ 
.thetry2
{ 
    direction:rtl; font-size:25px; font-family:David; width:180px;  
    text-align:center; overflow:hidden; border:none;
}
          
.pic40
{
    width:800px; height:600px;background: blue;
}
           
.textfillbox
{
     position:absolute;top:120px;  right:100px;
}
 
.poscardTab
{
     width:230px; text-align:right; margin:10px 0;
}

.posMil 
{
    border: 1px solid blue;
}

 .progress2
 {
     position:absolute; width:230px; height:200px;  background:none;  z-index:300;
 }
 
 .progressClass2
 {
     margin:0 auto; width:130px; height:100px; background:url(../images/ajax-loader.gif) no-repeat center center;
     text-align:center; vertical-align:middle;
 }
 
 .list .ooo
{
    display:inline; width:162px; float:right; height:120px;	margin:0 0px 0 10px;  
}

.thumbs22 a
{
    border:none;
}

.btnSendPos
{
    width:160px; height:60px;  background:url(../images/sendPoscard.png) no-repeat center center;
    border:none; margin:10px 0 0 0;  cursor:pointer;
}
              
.btnSendPos:hover 
{
    background:url(../images/sendPoscard2.png) no-repeat center center;
}

.posLbel
{
    color:Red;
}
/*  END OF POSTCARDS */

/*  COMICS           */
.comicsClass 
{
    width:800px;   height:1200px;
}
 
#comicsImg img 
{
    width:900px;  height:1270px;
}

.comicButtns
{ 
    width:300px;     height:40px;    margin:20px auto; 
}

.comicF 
{
    float:left;  width:70px; height:40px; padding:0; margin:0; 
}

.comicW 
{
    float:right;  width:70px; height:40px; padding:0; margin:0;  
}

.comicsBtn 
{
    width:50px; height:30px; font-size:30px; color:Fuchsia; background:none; border:none; 
    cursor:pointer; font-weight:bold;
}

.comicPge
{   
    float:left; width:160px;  height:40px;  padding:0;  margin:0; font-size:30px;  color:Fuchsia;
}

 /*sekarim***********************************/
.sekerFrame
{
    height:285px; width:245px; border:none; padding:0; margin:0; 
}

.frameResult
{
    width:100%; height:100%; background:transparent;z-index:2000; border:0;  
    margin:0 auto; position:absolute; top:0; left:0;  
}
 
.test22
{
   	position:absolute;	top:0;	left:0;	width:100%;	height: 100%;	background-color: black;
	z-index: 100;	-moz-opacity: 0.7;	opacity: .70;	filter: alpha(opacity=70);	
}

