#html, body{
	height:100%;
	margin:0;
	padding:0;
	font-family:'Alef';
	font-weight:normal;
	color:#000;
}


@font-face {
    font-family: 'Alef_bold';
    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;
}

#wrapper{
	margin:0 auto;
	width:800px;
}


#header{
	height:145px;
	width:800px;
	background-image:url(images/header.jpg);
	margin-bottom:50px;
}

#header a{
	display:block;
	width:800px;
	height:145px;
}

#content{
	margin:0 auto;
	width:710px;
/*	background-color:#3CF;*/
/*	direction:rtl;*/
}

#nameDiv{
	width:639px;
	height:37px;
	margin-right:70px;
background-image:url(images/nameBG.png);
	position:relative;
	margin-bottom:40px;
	direction:rtl;
}

#client_nameDiv{
	width:639px;
	height:36px;
	margin-right:70px;
	position:relative;
	margin-bottom:40px;
	direction:rtl;
	background-image:url(images/mail_field_bg.png);
	background-repeat:no-repeat;
}

#name_label{
	position:absolute;
	top:7px;
	right:0px;
}

#client_name_label{
	position:absolute;
	top:4px;
	right:0px;
}

.msie7 #name_label, .msie7 #date_label{
	top:3px;
}
.msie7 #client_name_label, .msie7 #client_mail{
	top:3px;
}

#name_input_div{
	position:absolute;
	top:7px;
	right:85px;
}

#client_name_input_div{
	position:absolute;
	top:4px;
	right:55px;
}

#f_name{
	width:346px;
}
#f_client_name{
	width:290px;
}

#date_label{
	position:absolute;
	top:7px;
	left:127px;
}

#mail_label{
	position:absolute;
	top:4px;
	left:227px;
}

#date_input_div{
	position:absolute;
	top:7px;
	left:3px;
}

#mail_input_div{
	position:absolute;
	top:4px;
	left:2px;
}

#f_date{
	width:105px;
}

#f_client_mail{
	width:210px;
	direction:ltr;
}

#client_guide_text{
	width:639px;
	margin-right:70px;
	direction:rtl;
	margin-bottom:18px;
}

/*#title0{
	background-color:#F9FCCC;
	width:635px;
	margin-right:71px;
	margin-bottom:10px;
}*/


#mission_input_div{
	width:639px;
	margin-right:70px;
	margin-bottom:5px;
}


#mission_input{
	width:627px;
	height:67px;
	max-width:627px;
	min-width:627px;
	padding:5px;
	direction:rtl;
}

.icon1{
	width:58px;
	height:58px;
	background-image:url(images/icon1.png);
	top:0;
	right:0;
}

#title0 .numberTitle{
	background-color:#F9FCCC;
	right:70px;
	top:16px;
}

#title0 .titleDiv{
	background-color:#F9FCCC;
	right:105px;
	top:16px;
	width:600px;
}

#title1 .numberTitle{
	background-color:#deefdf;
	right:70px;
	top:16px;
}
#title1 .titleDiv{
	background-color:#deefdf;
	right:105px;
	top:16px;
	width:600px;
}

#relbg_input_div{
	width:640px;
	position:relative;
	top:-2px;
}

#relbg_input{
	width:628px;
	height:67px;
	max-width:628px;
	min-width:628px;
	padding:5px;
	direction:rtl;
}

.icon0{
	width:58px;
	height:58px;
	background-image:url(images/icon0.png);
	top:0;
	right:-1px;
}

.icon2{
	width:58px;
	height:58px;
	background-image:url(images/icon2.png);
	top:0;
	right:-1px;
}

#title2 .numberTitle{
	background-color:#def1f8;
	right:70px;
	top:16px;
}
#title2 .titleDiv{
	background-color:#def1f8;
	right:105px;
	top:16px;
	width:600px;
}

#reason_input_div{
	width:640px;
	position:relative;
	top:-2px;
}

#reason_input{
	width:628px;
	height:67px;
	max-width:628px;
	min-width:628px;
	padding:5px;
	direction:rtl;
}

.icon3{
	width:58px;
	height:58px;
	top:-6px;
	right:-11px;
	background-image:url(images/icon3.png);
}

#title3 .numberTitle{
	background-color:#FACCD2;
	right:70px;
	top:16px;
}
#title3 .titleDiv{
	background-color:#FACCD2;
	right:105px;
	top:16px;
	width:600px;
}

#genderDiv{
	margin-top:40px;
	height:77px;
	width:641px;
	position:relative;
	margin-bottom:40px;
}

#gender_label{
	position:absolute;
	right:5px;
	top:50px;
	direction:rtl;
}
#age_label{
	position:absolute;
	right:-17px;
	top:97px;
	direction:rtl;
}

#woman_icon{
	position:absolute;
	right:52px;
	top:0;
	width:26px;
	height:75px;
	background-image:url(images/woman.png);
}

#man_icon{
	position:absolute;
	right:135px;
	top:0;
	width:26px;
	height:75px;
	background-image:url(images/man.png);
}

#woman_radio{
	position:absolute;
	right:80px;
	bottom:5px;
}
#man_radio{
	position:absolute;
	right:170px;
	bottom:5px;
}

#gender_free_div{
	position:absolute;
	width:426px;
	left:0;
	top:48px;
}

#f_gender_free{
	width:426px;
}

#ageDiv{
	position:relative;
	width:619px;
	height:205px;
	margin-bottom:20px;
}

#age_graphic{
	position:absolute;
	background-image:url(images/age_graphic.png);
	width:619px;
	height:80px;
}

#age_bar{
	position:absolute;
	background-image:url(images/age_bar.png);
	width:593px;
	height:23px;
	top:97px;
	left:7px;
	z-index:99;
}

#age_numbers{
	position:absolute;
	background-image:url(images/age_numbers.png);
	width:596px;
	height:15px;
	top:125px;
	left:5px;
}

#needle1{
	width:11px;
	height:9px;
	position:absolute;
	top:88px;
	right:15px;
	background-image:url(images/trig.png);
}

#needle2{
	width:11px;
	height:9px;
	position:absolute;
	top:88px;
	right:605px;
	background-image:url(images/trig.png);
}

#age_range{
	height:19px;
	width:30px;
	position:absolute;
	top:99px;
	right:30px;
	background-color:#009AD7;
	
}

#me_label{
	font-family:'Alef';
	font-size:16px;
	position:absolute;
	top:176px;
	right:16px;
	direction:rtl;
}

#me_div{
	position:absolute;
	top:176px;
	right:42px;
	direction:rtl;
}

#f_age_me{
	width:30px;
	text-align:center;
}

#ad_label{
	font-family:'Alef';
	font-size:16px;
	position:absolute;
	top:176px;
	right:90px;
	direction:rtl;
}

#ad_div{
	position:absolute;
	top:176px;
	right:115px;
	direction:rtl;
}

#f_age_ad{
	width:30px;
	text-align:center;
}

#typeCastDiv{
	position:relative;
	width:658px;
	height:189px;
	background-color:#F2F2F2;
	margin-bottom:50px;
}

#typeCast_main_label{
	position:absolute;
	top:20px;
	right:20px;
	direction:rtl;
}

#typeCast_icons{
	position:absolute;
	top:69px;
	right:25px;
	width:606px;
	height:67px;
	background-image:url(images/typecast_icons.png);
}

.typeCastLabels{
	position:absolute;
	top:140px;
}

#typeCast_radio1{
	position:absolute;
	top:145px;
	right:20px;
}
#typeCast_label1{
	right:37px;
}

#typeCast_radio2{
	position:absolute;
	top:145px;
	right:124px;
}
#typeCast_label2{
	right:150px;
}

#typeCast_radio3{
	position:absolute;
	top:145px;
	right:234px;
}
#typeCast_label3{
	right:257px;
}

#typeCast_radio4{
	position:absolute;
	top:145px;
	right:345px;
}
#typeCast_label4{
	left:256px;
}

#typeCast_radio5{
	position:absolute;
	top:145px;
	right:452px;
}
#typeCast_label5{
	left:134px;
}

#typeCast_radio6{
	position:absolute;
	top:145px;
	right:576px;
}
#typeCast_label6{
	left:42px;
}

#ecoDiv{
	position:relative;
	width:640px;
	height:52px;
	margin-bottom:40px;
}

#ecoMainLabel{
	position:absolute;
	right:0;
	bottom:0;
	line-height:18px;
}

#ecoLabel1{
	position:absolute;
	right:80px;
	bottom:0;
	line-height:18px;
	color:#0084D2;
}

#ecoLabel2{
	position:absolute;
	left:2px;
	bottom:0;
	line-height:18px;
	color:#0084D2;
}

#crown{
	position:absolute;
	right:84px;
	bottom:20px;
	background-image:url(images/crown.png);
	width:51px;
	height:23px;
}

#hand{
	position:absolute;
	left:3px;
	bottom:18px;
	background-image:url(images/hand.png);
	width:53px;
	height:22px;
}

#ecoCirc1{
	left:84px;
	background-image:url(images/c1.png);
}
#ecoCirc2{
	left:124px;
	background-image:url(images/c2.png);
}
#ecoCirc3{
	left:164px;
	background-image:url(images/c3.png);
}
#ecoCirc4{
	left:204px;
	background-image:url(images/c4.png);
}
#ecoCirc5{
	left:244px;
	background-image:url(images/c5.png);
}
#ecoCirc6{
	left:284px;
	background-image:url(images/c6.png);
}
#ecoCirc7{
	left:324px;
	background-image:url(images/c7.png);
}
#ecoCirc8{
	left:364px;
	background-image:url(images/c8.png);
}
#ecoCirc9{
	left:404px;
	background-image:url(images/c9.png);
}
#ecoCirc10{
	left:444px;
	background-image:url(images/c10.png);
}

.ecoCirc{
	position:absolute;
	width:35px;
	height:35px;
	background-position:top;
	cursor:pointer;
	top:10px;
}

.ecoCirc span{
	display:block;
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	color:#000;
}

.ecoCirc.selected{
	background-position:bottom;
}
.ecoCirc.selected span{
	background-position:bottom;
	color:#fff;
}


.icon4{
	width:39px;
	height:39px;
	background-image:url(images/icon4.png);
	top:12px;
	right:8px;
}

#title4 .numberTitle{
	background-color:#e9d1c5;
	right:70px;
	top:16px;
}
#title4 .titleDiv{
	background-color:#e9d1c5;
	right:105px;
	top:16px;
	width:600px;
}

#clearMsg_input_div{
	width:640px;
	position:relative;
	top:-2px;
}

#clearMsg_input{
	width:628px;
	height:67px;
	max-width:628px;
	min-width:628px;
	padding:5px;
	direction:rtl;
}

.icon5{
	width:38px;
	height:38px;
	background-image:url(images/icon5.png);
	top:12px;
	right:9px;
}

#title5 .numberTitle{
	background-color:#e6ebf1;
	right:70px;
	top:16px;
}
#title5 .titleDiv{
	background-color:#e6ebf1;
	right:105px;
	top:16px;
	width:600px;
}

#values_input_div{
	width:640px;
	position:relative;
	top:-2px;
}

#values_input{
	width:628px;
	height:67px;
	max-width:628px;
	min-width:628px;
	padding:5px;
	direction:rtl;
}

.icon6{
	width:39px;
	height:39px;
	background-image:url(images/icon6.png);
	top:12px;
	right:8px;
}

#title6 .numberTitle{
	background-color:#deefdf;
	right:70px;
	top:16px;
}
#title6 .titleDiv{
	background-color:#deefdf;
	right:105px;
	top:16px;
	width:600px;
}

#ter_input_div{
	width:640px;
	position:relative;
	top:-2px;
}

#ter_input{
	width:628px;
	height:67px;
	max-width:628px;
	min-width:628px;
	padding:5px;
	direction:rtl;
}

.icon7{
	width:39px;
	height:39px;
	background-image:url(images/icon7.png);
	top:12px;
	right:8px;
}

#title7 .numberTitle{
	background-color:#def1f8;
	right:70px;
	top:16px;
}
#title7 .titleDiv{
	background-color:#def1f8;
	right:105px;
	top:16px;
	width:600px;
}
#title8 .numberTitle{
	background-color:#A7D8C7;
	right:70px;
	top:16px;
}
#title8 .titleDiv{
	background-color:#A7D8C7;
	right:105px;
	top:16px;
	width:600px;
}

#toneDiv{
	position:relative;
	width:656px;
	height:145px;
	margin-bottom:30px;
}

#tone_icon_1{
	width:54px;
	height:60px;
	background-image:url(images/tone_icon_1.png);
	position:absolute;
	top:0;
	left:0;
}

#tone_icon_2{
	width:56px;
	height:54px;
	background-image:url(images/tone_icon_2.png);
	position:absolute;
	top:5px;
	right:0;
}

#tone_bar_bg{
	width:511px;
	height:55px;
	background-image:url(images/tone_bar.png);
	position:absolute;
	top:20px;
	right:72px;
}

#tone_bar_lines{
	width:511px;
	height:55px;
	background-image:url(images/tone_bar_lines.png);
	position:absolute;
	top:20px;
	right:72px;
}

#tone_bar{
	height:30px;
	position:absolute;
	width:1px;
	left:73px;
	top:21px;
	background-color:#FF3380;
}

#tone_needle{
	width:13px;
	height:29px;
	background-image:url(images/tone_needle_sprite.png);
	position:absolute;
	top:22px;
	right:570px;
	cursor:pointer;
	background-position:top;
}
#tone_needle:hover{
	background-position:bottom;
}

#tone_input_div{
	position:absolute;
	top:120px;
	left:313px;
}

#f_tone{
	width:35px;
	text-align:center;
	display:none;
}

#tone0{position:absolute;top:72px;left:69px; cursor:pointer;}
#tone1{position:absolute;top:72px;left:172px; cursor:pointer;}
#tone2{position:absolute;top:72px;left:275px; cursor:pointer;}
#tone3{position:absolute;top:72px;left:375px; cursor:pointer;}
#tone4{position:absolute;top:72px;left:478px; cursor:pointer;}
#tone5{position:absolute;top:72px;left:580px;cursor:pointer; }

#tone_label1{
	position:absolute;
	right:68px;
	top:110px;
	line-height:18px;
	direction:rtl;
}
#tone_label2{
	position:absolute;
	left:69px;
	top:110px;
	line-height:18px;
	direction:rtl;
	text-align:left;
}

#notesDiv{
	position:relative;
	width:641px;
	height:111px;
	background-color:#F9F4DD;
	margin-bottom:30px;
	margin-top:10px;
}

.icon8{
	position:absolute;
	width:39px;
	height:39px;
	right:8px;
	top:10px;
	background-image:url(images/icon8.png);
}

#notesLabel{
	position:absolute;
	top:20px;
	right:40px;
	direction:rtl;
}

#notesLabel1{
	position:absolute;
	top:100px;
	right:40px;
	direction:rtl;
}

#notes_input_div{
	width:640px;
	position:relative;
	top:-2px;
}


#f_notes{
    direction: rtl;
    height: 67px;
    max-width: 628px;
    min-width: 628px;
    padding: 5px;
    width: 628px;
}

#btnsDiv{
	position:relative;
	width:641px;
	height:55px;
	margin-bottom:30px;
}

#btn1Div{
	position:absolute;
	top:0;
	left:209px;
}

#btn2Div{
	position:absolute;
	top:0;
	left:369px;
}

#footer{
	position:relative;
	height:64px;
}

#footer_top{
	position:absolute;
	right:0;
	top:9px;
	direction:rtl;
	font-size:15px;
	width:170px;
}

#footer_right{
	position:absolute;
	right:0;
	top:29px;
	direction:rtl;
	font-size:16px;
	width:450px;
}

#footer_middle{
	position:absolute;
	top:25px;
	left:130px;
	width:214px;
	font-size:16px;
	height:40px;
	padding-top:4px;
	text-align:center;
	background-color:#0084D2;
	color:#FFF;
}

#footer_left{
	position:absolute;
	left:0;
	top:29px;
	text-align:left;
	font-size:16px;
	width:130px;
}





/************general style*************/

.radio_btn{
	width:24px;
	height:23px;
	background-image:url(images/radio_btn.png);
	background-repeat:no-repeat;
	background-position:top;
	cursor:pointer;
}
.radio_btn_small{
	width:16px;
	height:16px;
	background-image:url(images/radio_btn_small.png);
	background-repeat:no-repeat;
	background-position:top;
	cursor:pointer;
}

.radio_btn.selected, .radio_btn_small.selected{
	background-position:bottom;
}

.title_with_icon{
	position:relative;
	height:58px;
}

.title_with_icon .icon{
	position:absolute;
}
.title_with_icon .titleDiv{
	position:absolute;
	top:0;
	right:0;
}

.titleDiv{
	height:31px;
	line-height:31px;
	font-size:16px;
	color:#000;
	padding-right:5px;
	direction:rtl;
}

.numberTitle{
	position:absolute;
	height:31px;
	line-height:31px;
	font-size:16px;
	color:#000;
	width:29px;
	text-align:center;
}

input{
	font-family:'Alef';
	font-size:16px;
	padding:0;
	margin:0;
}

.textType1{
	font-size:16px;
	color:#000;
}

.transparent_input, .transparent_textarea{
	border:none;
	background:none;
	font-family:'Alef';
	font-size:16px;
	direction:rtl;
}

.bordered_input, .bordered_textarea{
	border:1px solid #0084D2;
	font-family:'Alef';
	font-size:16px;
	direction:rtl;
}


header, section, footer, aside, article, figure {
	display: block;
}

h1,h2{
	margin:0;
	padding:0;
}


.fullWidth{
	width:100%;
}

td{
	vertical-align:top;
}

table{
	border-collapse:collapse;
	margin:0;
	padding:0;
	border: 0;
	
}
tr, td{
	padding:0px;
}

img{
	border:0;
}

a{
	color:#000;
	text-decoration:none;
}

a:hover{
	color:#000;
	text-decoration:none;
}

.tc{
	position:absolute;
	background-position:top;
	top:70px;
	cursor:pointer;
}

.tc.selected{
	background-position:bottom;	
}
#tc1{
	left:572px;
	background-image:url(images/tc1.png);
	width:57px;
	height:57px;
	
}
#tc2{
	left:464px;
	background-image:url(images/tc2.png);
	width:57px;
	height:57px;	
}

#tc3{
	left:356px;
	background-image:url(images/tc3.png);
	width:57px;
	height:67px;	
}

#tc4{
	left:248px;
	background-image:url(images/tc4.png);
	width:57px;
	height:57px;	
}
#tc5{
	left:140px;
	background-image:url(images/tc5.png);
	width:57px;
	height:57px;	
}
#tc6{
	left:32px;
	background-image:url(images/tc6.png);
	width:57px;
	height:57px;	
}
#btn_save_file{
	background-image:url(images/save_btn.png);
}

#update_link{
	margin-bottom:30px;
	direction:rtl;
	margin-right:70px;
}
#update_link a:hover{
	text-decoration:underline;
}