@charset utf-8;

@font-face {
    font-family: 'AlefBold';
    src: url('fonts/Alef-Bold.eot');
    src: url('fonts/Alef-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Alef-Bold.woff') format('woff'),
         url('fonts/Alef-Bold.ttf') format('truetype'),
         url('fonts/Alef-Bold.svg#alefbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Alef';
    src: url('fonts/Alef-Regular.eot');
    src: url('fonts/Alef-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Alef-Regular.woff') format('woff'),
         url('fonts/Alef-Regular.ttf') format('truetype'),
         url('fonts/Alef-Regular.svg#alefregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

textarea:focus, input:focus{
    outline: 0;
}
*:focus {
    outline: 0;
}

* { margin: 0; padding: 0; }
a img{border:none}
img
{  border-style: none;
}
textarea { resize:none; }
img.h{
	position:absolute;
	/*cursor: pointer;*/
	left:0px;
	top: 0px;
	z-index:1;
}

img.a{
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top: 0px;
	z-index:1;
	cursor:pointer;
}
img.b{
	position:absolute;
	cursor: pointer;
	left:0px;
	top: 1000px;
}
body, html {
	margin:0;
	padding:0px;
	background-color:#FFF;
}


#MainDiv {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width:640px;
	height:960px;
	z-index:1;
	background-image: url(images/mobile_bg3.jpg);
	background-repeat: no-repeat;
	background-size:100% auto;
	overflow:hidden;
}


#Tizer {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width:810px;
	height:650px;
	z-index:1;
	background-image: url(images/finish.jpg);
	background-repeat: no-repeat;
	background-size:100% auto;
}



.menulink A {
	color: #000;
	text-decoration: none;
	font-family: 'Alef', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	direction:rtl;
	text-align:right;
}
.menulink A:hover {
	color: #000;
	text-decoration: underline;
	font-family: 'Alef', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	direction:rtl;
	text-align:right;
}
A.menulink {
	color: #000;
	font-family: 'Alef', Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	direction:rtl;
	text-align:right;
}
A.menulink:hover {
	color: #000;
	text-decoration: underline;
	font-family: 'Alef', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight:normal;
	direction:rtl;
	text-align:right;
}
#mainShare {
	position:absolute;
	width:81px;
	height:30px;
	left:9px;
	top:7px;
	z-index:3;
}


#FooterHolder {
	position:absolute;
	width:810px;
	height:92px;
	left:0px;
	bottom:0px;
	z-index:5;
	background-image: url(images/footer_bg.png);
	background-repeat: no-repeat;
	background-size:100% auto;
}
#popUp {
	position:absolute;
	width:640px;
	height:514px;
	left:0px;
	top:252px;
	z-index:85;
	display:none;
}

#popUpClose {
	position:absolute;
	width:39px;
	height:30px;
	left:3px;
	top:4px;
	z-index:3;
}


#popUpClose2 {
	position:absolute;
	width:111px;
	height:20px;
	right:3px;
	top:4px;
	z-index:15;
}

#wrightStory {
	position:absolute;
	width:111px;
	height:20px;
	right:3px;
	top:4px;
	z-index:15;
	display:none;
}

#nextBtn {
	position:absolute;
	width:34px;
	height:107px;
	right:0px;
	top:176px;
	z-index:3;
	display:none;
}


#prevBtn {
	position:absolute;
	width:34px;
	height:107px;
	left:0px;
	top:176px;
	z-index:3;
	display:none;
}

#likeText {
	position:absolute;
	width:116px;
	height:11px;
	right:22px;
	top:380px;
	z-index:3;
	display:none;
}

#likeBtn {
	position:absolute;
	width:31px;
	height:25px;
	right:143px;
	top:373px;
	z-index:3;
	display:none;
}

#shareBtn {
	position:absolute;
	width:151px;
	height:27px;
	right:22px;
	top:402px;
	z-index:3;
	display:none;
}

#storyHolder {
	position:absolute;
	width:314px;
	height:39px;
	right:165px;
	top:211px;
	z-index:3;
}
#fnameHolder {
	position:absolute;
	width:124px;
	height:17px;
	left:349px;
	top:251px;
	z-index:3;
}

#phoneHolder {
	position:absolute;
	width:110px;
	height:20px;
	left:216px;
	top:251px;
	z-index:3;
}
#CloseStory {
	position:absolute;
	width:28px;
	height:28px;
	left:8px;
	top:3px;
	z-index:52;
}

#sendStory {
	position:absolute;
	width:69px;
	height:21px;
	left:136px;
	top:251px;
	z-index:3;
}

.inputText{
	width: 100%;
	height: 100%;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	background-color: transparent;
	color: #000000;
	text-align: right;
	direction: rtl;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#picsHolder {
	position:absolute;
	width:600px;
	height:570px;
	left:32px;
	top:252px;
	z-index:3;
}


.picItem {
	position:relative;
	width:186px;
	height:178px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	z-index:2;
}

.spaceItem {
	position:relative;
	width:78px;
	height:140px;
	float:left;
	z-index:2;
}



.clickHolder {
	position:absolute;
	z-index:3;
	cursor:pointer;
}

.likeHolder {
	position:absolute;
	width:27px;
	height:27px;
	left:0px;
	top:127px;
	z-index:4;
	cursor:pointer;
}

#ContentHolder{
	position:relative;
	width: 800px;
	height: auto;
	rigjht:10px;
	top:100px;
	text-align:right;
	direction:rtl;
	z-index:2;
}






/* error holder  */
#closedToday{
	position:absolute;
	width: 640px;
	height: 358px;
	left:0px;
	top:225px;
	direction:rtl;
	background-image: url(images/error_close3.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	z-index:95;
	cursor:pointer;
	display:none;
}

#thankYou{
	position:absolute;
	width: 524px;
	height: 256px;
	left:58px;
	top:450px;
	direction:rtl;
	background-image: url(images/vote_thankyou2.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	z-index:90;
	cursor:pointer;
	display:none;
}

#ErrorDiv{
	position:absolute;
	width: 250px;
	height: 140px;
	left:195px;
	top:255px;
	direction:rtl;
	background-image: url(images/error_bg2.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
	z-index:95;
	cursor:pointer;
	display:none;
}


#ErrorText{
	position:absolute;
	width: 212px;
	height: 54px;
	left: 17px;
	top: 41px;
	text-align: center;
	direction:rtl;
	font-family: 'Alef', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color: #CC0000;
	z-index: 30;

}

#OverDiv {
	position:absolute;
	width:810px;
	height:700px;
	z-index:90;
	top:0;
	left:0;
	background-image: url(images/over_bg.png);
	background-repeat: repeat;
	display:none;
}

#OverDiv2 {
	position:absolute;
	width:810px;
	height:700px;
	z-index:50;
	top:0;
	left:0;
	background-image: url(images/over_bg.png);
	background-repeat: repeat;
	display:none;
}

#ErrorClose{
	position:absolute;
	width: 20px;
	height: 23px;
	right:0px;
	top:0px;
	z-index:99;
}



#ErrorDiv2{
	position:absolute;
	width: 697px;
	height: 493px;
	left:56px;
	top:420px;
	direction:rtl;
	background-image: url(images/thanks_popup2.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	z-index:90;
}

#ThankYou {
	position:absolute;
	width:534px;
	height:266px;
	left:135px;
	top:277px;
	z-index:99;
	background-image: url(images/thankyou.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
	display:none;
}


.orangeTitle{
	font-family: Tahoma;
	font-size: 20px;
	font-weight: bold;
	color: #e8741e;
	text-align: right;
	direction: rtl;
	line-height:22px;
	
}
.regText{
	font-family: Tahoma;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-align: right;
	direction: rtl;
	line-height:19px;
	
}
.regTextB{
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: right;
	direction: rtl;
	line-height:19px;
	
}
.orangeText{
	font-family: Tahoma;
	font-size: 14px;
	font-weight: normal;
	color: #e8741e;
	text-align: right;
	direction: rtl;
	line-height:19px;
}
.orangeTextB{
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #e8741e;
	text-align: right;
	direction: rtl;
	line-height:19px;
}
.orangeSubTitle{
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
	color: #e8741e;
	text-align: right;
	direction: rtl;
	line-height:22px;
	
}


#termsBut {
	position:absolute;
	width:116px;
	height:13px;
	left:230px;
	top:922px;
	z-index:8;
}



#FooterDiv{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:640px;
	height:150px;
}


.sectionlink A {
	COLOR: #009F74;
	TEXT-DECORATION: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
.sectionlink A:hover {
	COLOR: #009F74;
	TEXT-DECORATION: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
A.sectionlink {
	COLOR: #009F74;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
A.sectionlink:hover {
	COLOR: #009F74;
	TEXT-DECORATION: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
.povered {
	font-family: 'Alef', Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}