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

}




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

}
.quest_num_div{
    width:50px;
    vertical-align: top;
    text-align: right;

}

.quest_text_div{
	    font-family: 'Alef';
	    width: 90%;
	    font-size: 1.2em;
	    padding-right: 5px;

}


body {
	margin:0;
	padding:0;
	height:100%;
	color:#535B5D;
	line-height: 18px;
/*        background-image: url(../images/esurveybkg.png);*/

}


SELECT {
    
    font-weight: normal;
    font-size: 18px;
	height: 40px;
}

INPUT {
    direction: rtl;
    font-weight: normal;
    font-size: 12px;
    height: 20px;
}

body select{
	font-size: 1.5em;
	padding: 5px;
	width: 95%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #e6e4db;
	z-index: 998;
	font-family: Alef,Tahoma, Arial, Helvetica, sans-serif;
	color:#544c4a;
}

.radio {
	height: 50px;
	width: 34px;
	clear:left;
	float:center;
	margin: 0 auto;
	padding: 0 0 0 10px;
	background: url("../images/hak_radio.png");
	background-repeat:no-repeat;
	cursor: default;
}
.checkbox {
	height: 50px;
	width: 40px !important;
	clear:left;
	float:center;
	margin: 0 auto;
	padding: 0 0 0 12px;
	background: url("../images/hak_check.png");
	background-repeat:no-repeat;
	cursor: default;
}

.checkbox_num {
	height: 50px;
	width: 40px;
	clear:left;
	float:center;
	margin: 0 auto;
	padding: 0 0 0 12px;
	background: url("../images/hak_check.png");
	background-repeat:no-repeat;
	cursor: default;
}

.checkbox_radio_td{
    width:10%;
}

.checkbox_checkbox_td{
    width:10%;
}



table tr{
	vertical-align:center;
}

td.w22bb { color:#1A61A9; padding:12px 20px 10px; font-weight:bold;}
.w22b { font-size: 15px; font-weight:bold;}
h3 { color:#1A61A9; font-weight:bold; font-size: 15px; margin: 0px; padding: 10px 0px 10px 0px;}
.w3bw { font-size: 16px; font-weight:bold; color:#FFFFFF;}
.w2br { font-size: 12px; font-weight:bold; color:#E54C00;}
.w3br { font-size: 14px; font-weight:bold; color:#E54C00;}
.w4br { font-size: 16px; font-weight:bold; color:#E54C00;}
.w6br { font-size: 18px; font-weight:bold; color:#E54C00;}
.w8br { font-size: 20px; font-weight:bold; color:#E54C00;}
.w10br { font-size: 22px; font-weight:bold; color:#E54C00;}

.question
{
margin: 20px 0px 0px 0px;
}

.question TABLE
{
  width: 300px;
  border: 1px solid #1863AD;
}

.question TH
{
padding: 0px 0px 0px 0px;
}

.question TH.qText
{
text-align: right;
vertical-align: top;
padding-top: 16px; 
}

.question TH.qNumber
{
 width: 56px; 
 height: 50px;
 white-space: nowrap;
 vertical-align: top;
 padding-top: 12px;
}

.question TH.qNumber a
{
font-size: 22px; font-weight:bold; color:#E54C00;
}

.question input 
{
margin: 0px 0px 0px 6px;
}

.question TD
{
padding: 0px 0px 3px 0px;
}

.question TD.547
{
width: 547px;
}


.question TD.last
{
padding-bottom: 17px;
}

.question TD.other
{
padding-top: 3px;
}

.question input.other
{
 font-size: 12px;
 padding: 1px;
 width: 150px; 
}

.question textarea
{
 margin: 10px 0px 0px 0px;
 height: 100px;
 font-size: 12px;
 padding: 4px;
 width: 300px;
}

.qText
{
font-size: 14px; 
font-weight:bold;
}

.subTitle
{
margin: 50px 0px 0px 0px;
border-bottom: 1px solid #E54C00;		
padding-bottom: 3px;
}

.subTitle .text
{
padding: 0px 15px 0px 50px;
font-size: 14px; 
font-weight:bold;
}

.subTitle hr
{
height: 1px;
width: 100%;
color: #E54C00;
margin: -3px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.Multiple
{
  margin: 10px 0px 0px 0px;
}

.Multipleleft
{
  margin: 10px 0px 0px 0px;
}

.Multiple TABLE
{
border: none;
width: 90%;
direction: ltr;
}

.Multipleleft TABLE
{
border: none;
width: 90%;
direction: rtl;
}

.Multiple TH
{
  font-Size: 11px;
  text-align: center;
  vertical-align: bottom;
  padding-bottom: 5px;
}

.Multipleleft TH
{
  font-Size: 11px;
  text-align: center;
  vertical-align: bottom;
  padding-bottom: 5px;
}

.Multiple TH.smiley
{
  width: 42px;
  height: 55px;
  background-position: top; 
  background-repeat: no-repeat;
}

.Multipleleft TH.smiley
{
  width: 42px;
  height: 55px;
  background-position: top; 
  background-repeat: no-repeat;
}

.Multiple TH.diagram
{
  width: 90px;
  height: 60px;
  background-position: center bottom; 
  background-repeat: no-repeat;
  padding-bottom: 2px;
}

.Multipleleft TH.diagram
{
  width: 90px;
  height: 60px;
  background-position: center bottom; 
  background-repeat: no-repeat;
  padding-bottom: 2px;
}

.Multiple TH.w118
{
width: 118px;
}

.Multipleleft TH.w118
{
width: 118px;
}

.Multiple TH.field
{
width: 110px;
}

.Multiple TH.55
{
width: 55px;
padding-left: 5px;
direction: rtl;
}

.Multipleleft TH.55
{
width: 55px;
padding-left: 5px;
direction: ltr;
}

.Multiple TD
{
  font-Size: 11px;
  text-align: center;
  padding: 3px 0px 3px 0px;
}

.Multipleleft TD
{
  font-Size: 11px;
  text-align: center;
  padding: 3px 0px 3px 0px;
}

.Multiple .alt
{
  background-color: #E6F3FD;
}

.Multipleleft .alt
{
  background-color: #E6F3FD;
}

.Multipleleft .title
{
  text-align: left;
  direction: ltr;
  width: 250px;
  padding-right: 5px;
}

.Multiple .title
{
  text-align: right;
  direction: rtl;
  width: 180px;
  padding-right: 5px;
}

.Multiple input 
{
margin: 0px 0px 0px 0px;
font-Size: 1em;

}

.Multipleleft input 
{
margin: 0px 0px 0px 0px;
}

.input_matrix{
    border : 1px solid #7eb9f0 ;
    border-radius: 5px;
    font-family: Alef;
    color: #5f5f5f;
}

.Multiple input.w100 
{
width: 100%;
direction: rtl;
border:3px solid #7eb9f0;
border-radius: 5px;
height:25px;
font-family: Alef;
color: #5f5f5f;
font-weight: bold;
}

.Multipleleft input.w100 
{
width: 150px;
direction: ltr;
}

.qNote
{
  padding: 5px 0px 0px 0px;
  font-size: 11px;
}

.paddingUp10
{
  float: left;
  padding: 0px 10px 0px 0px;
}

.personalDetailsForm
{
  margin: 10px 0px 0px 0px;
}

.personalDetailsForm DIV
{
  float: right;
  padding: 0px 0px 0px 10px;
}

.personalDetailsForm .a,.b,.c,.d,.e,  SELECT
{
 padding: 5px;
 font-size: 12px;
 width: 142px;
}

.personalDetailsForm SELECT
{
 padding: 3px;
 width: 154px;
}

.personalDetailsForm .a,.b
{
  width: 306px;
}

.personalDetailsForm .d
{
  width: 80px;
}

.personalDetailsForm .areacode
{
 padding: 2px;
 font-size: 12px;
 width: 55px;
}

.personalDetailsForm LABEL
{
  font-size: 10px;
  color: #666;
  line-height: 20px;  
}


.cf
{
  margin:0px;
  padding: 0px;
  clear: both;  
}

.mandatory { 
margin: 10px 0px 0px 0px;
font-size: 10px; font-weight:bold; color:#0066CC;}

#Input_answers {
	font-family	: Alef;
	font-size	: 18px;
	color		: #2b4d57;
	border		: 0px;
	width		: 100%;
	height		: 35px;
	line-height	: 35px;
	margin-bottom	: 2px;
	background-color: #f4f3f0;
	vertical-align	: center;
	padding-right	: 10px;
	-moz-border-radius	: 10px;
        -webkit-border-radius	: 10px;
         border-radius		: 5px;
         overflow		: auto;
	direction		: rtl;

}
.Input_answers {
    font-family	: Alef;
    font-size		: 1em;
    color		: #2b4d57;
    border		: 0px;
    width		: 100%;
    height		: 35px;
    line-height		: 35px;
    margin-bottom	: 2px;
/*    background-color	: #f4f3f0;*/
    vertical-align	: center;
    padding-right	: 6px;
    -moz-border-radius	: 5px;
    -webkit-border-radius 	: 10px;
    border-radius	        : 5px;
    overflow			: auto;
    display			:inline-block    ;
    direction		: rtl;

}

#Input_open_answers {
    font-family		: Alef;
    font-size  		: 1em;
    color		: #2b4d57;
    border-radius   	: 2px;
    border          	: 2px solid #f4f3f0;
    margin-right   	: 0px;
    width		: 90%;
    height		: 35px;
    margin-bottom	: 0px;
    vertical-align  	: center;

}
.Input_open_answers {
    font-family		: Alef;
    font-size  		: 1em;
    color		: #2b4d57;
    border-radius  	: 2px;
    border          	: 2px solid #d1d1d1;
    margin-right   	: 0px;
    width		: 90%;
    height		: 35px;
    margin-bottom	: 0px;
    vertical-align	: center;
}

@media only screen and (min-device-width:320px) and (max-device-width:480px){
    #input_answers{
        font-size:1em ;
    }
}



#Input_diff_answers {
	font-family	: Alef;
	font-size	: 1em;
	color		: #2b4d57;
	width		: 25%;
	height		: 35px;
	margin-bottom	: 3px;
	line-height   : 35px;
	border		: 0px;
	border-right	: 5px;
	background-color :#f4f3f0;
	vertical-align   :center;
	padding-right    :10px;
	-moz-border-radius	: 10px;
    -webkit-border-radius	: 10px;
    border-radius		: 10px;
}

@media only screen and (min-device-width:320px) and (max-device-width:480px){
    #Input_diff_answers{
        font-size:14px ;
    }
}

#Input_answers_2cols {
	font-family	: Alef;
	font-size	: 20px;
	color		: #2b4d57;
	border		: 0px;
	width		: 280px;
	height		: 35px;
	line-height:35px;
	margin-bottom:3px;
	background-color:	#f4f3f0;
	vertical-align:center;
	padding-right:10px;
}

.Input_answers_2cols {
    font-family	: Alef;
    font-size		: 1em;
    color		: #2b4d57;
    border		: 0px;
    width		: 23em;
    height		: 35px;
    line-height:35px;
    margin-bottom:3px;
    background-color:	#f4f3f0;
    vertical-align:center;
    padding-right:10px;
}

#Input_answers_3cols {
	font-family	: Alef;
	font-size	: 20px;
	color		: #2b4d57;
	border		: 0px;
	width		: 180px;
	height		: 35px;
	line-height:35px;
	margin-bottom:3px;
	background-color:	#f4f3f0;
	vertical-align:center;
	padding-right:10px;
}

.Input_answers_3cols {
    font-family	: Alef;
    font-size		: 0.85em;
    color		: #2b4d57;
    border		: 0px;
    width		: 18em;
    height		: 35px;
    line-height:35px;
    margin-bottom:3px;
    background-color:	#f4f3f0;
    vertical-align:center;
    padding-right:10px;
}


#diff_answer_input{
    font-family	: Alef;
	font-size	: 1em;
	color		: #2b4d57;
	width		: 60%;
	height		: 35px;
	margin-bottom	: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 7px solid #f4f3f0;
	margin-right:0px;
	vertical-align: top;
}

@media only screen and (min-device-width:320px) and (max-device-width:480px){
    #diff_answer_input{
        font-size:14px ;
	width	    : 50%;

    }
}


/*#Input_open_answers {
	font-family		: Alef;
	font-size  		: 24px;
	color			: #2b4d57;
	border-bottom		: 1px solid;
	border-left		: 0px;
	border-right		: 0px;
	border-top		: 0px;			
	width			: 450px;
	height			: 30px;
}*/

#external_table {
	border		: 0px solid; 
	border-color	: #2b4d57;
	padding	: 0px;
	width		: 95%;
    max-width:980px;
    min-width:300px;
}

#question_fieldset {
	border		: 1px solid; 
	border-color	: #ffffff;
	padding	: 0px ;
}

#label_fieldset {
	border		: 1px; 
	border-color	: #1863AD;
	padding	        : 0px ;	
	font-family	: Alef;

	
}
#question_num {
	color		: #000000;
	font-size	: 0em;
	font-weight	: normal;
        text-align	: right;
}


#question_line_text{
	font-weight	: none;
	font-family	: Alef;
	font-size	: 1em;
	color		: #2f2f2f;
        font-weight	: bold;
	margin-right    : 0px;
	width		: 95%;
        max-width	: 980px;
        min-width	: 300px;
	padding	        : 0px;
	padding-right	: 0px;
	direction	: rtl;


}

.ui-slider{
    width:95% !important;
    float: right;
}


.progressBar{
    margin : 0.8em ;
}

#surveyBanner{
    width:100% ;
    max-width	:980px;
    min-width	:300px;
    border	:1px solid lightgrey;
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(208, 227, 244, 0.56);
    margin-bottom: 10px;
}

#label_text{
	font-family		: Alef;
	color			: #2b4d57;
   	font-weight		: noramal;
	border			: 0px outset;
	width			: 95%;
	max-width:980px;
	min-width:300px;
	font-size		: 17px;
	
/*  font-family		: Alef;
    border			: 0px outset;
    color				: #2b4d57;
    font-size			: 24px;
    overflow			: auto;
    font-weight		: none;
    width            	: 780px;
    background-color  	: #ffffff;
    padding			: 0px;*/
}

#radio_matrix_lines{
  text-align		: center;
  direction		: rtl;
  padding-right		: 5px;
  font-size		: 1em !important;
  font-family		: Alef;

}
@media screen and (max-width: 600px){
    #radio_matrix_lines{
	font-size:1em !important;
    }
    #matrix_col_text_no_icon{
	font-size:1em !important;
    }
}


#radio_matrix_backgrounds{
  background-color	: #f4f3f0;
}

#radio_matrix_backgrounds2{
  background-color	: #f6f6f6;
}

.radio_matrix_backgrounds{
  background-color	: white;
}

.radio_matrix_backgrounds2{
  background-color	: #f6f6f6;
}


#survey_header{
  font-size		: 1px;
  font-weight		: none;
  color		: #ffffff;
  background-color	: #ffffff;
  padding		: 0px;
  text-align		: center;
}

.mandatory { 
  margin		: 10px 0px 0px 0px;
  font-size		: 0px;
  font-weight		: bold;
  color		: #FFFFFF;
}

#mandatory_star{
  margin		: 10px 0px 0px 0px;
  font-family		: Alef;
  font-weight		: none;
  color		: #ffffff;
    width:0px;
}

#matrix_line_numbers{
  width		: 0px;
  background-color	: white;
  vertical-align	: top;
  font-size		: 1.2em;
  color		: #ffffff;
}

.column_0{
/*  padding-right:7px !important;*/
/*  padding-left:7px !important;*/
    color:#ff000c      !important;
    font-weight : bold;
}

#matrix_col_text_no_icon{
  font-family		: Alef;
  border		: 0px outset;
  vertical-align	: top;
  padding		: 3px;
  text-align		: center;
  color			: #000000;
  font-size		: 0.9em;
  background-color	: #e9eaea;
  border		: 2px solid white;
/*  width			: 40px;*/
  -moz-border-radius	: 5px;
  -webkit-border-radius : 5px;
  border-radius		: 3px;
  direction:rtl;
}

#matrix_col_text_icon{
  font-family		: Alef;
  border		: 0px outset;
  vertical-align	: top;
  padding		: 5px;
  text-align		: bottom;
  background-position	: top;
  background-repeat	: no-repeat;
  color			: #000000;
  font-size		: 1em;
  height		: 135px;
}


@media screen and (max-width: 600px){
    #matrix_col_text_icon{
	font-size:0.9em !important;
    }
    #matrix_col_text_no_icon{
	font-size:0.9em !important;
    }
}



#header_text{
  font-family		: Alef;
  border		: 0px;
  color			: #2b4d57;
  font-size		: 1em;
  overflow		: auto;
  width           	: 95%;
  max-width 		: 980px;
  min-width		: 300px;
  outline		: none;
}

#footer_text{
  font-family		: Alef;
  border		: 0px outset;
  color			: #2b4d57;
  font-size		: 20px;
  overflow		: auto;
  font-weight		: none;
  width			: 95%;
  max-width		:980px;
  min-width		:300px;
  /*
  font-family		: Alef;
  border			: 0px outset;
  color				: #2b4d57;
  font-size			: 24px;
  overflow			: auto;
  font-weight		: none;
  width             : 780px;
  background-color  : #ffffff;
  padding			: 0px;
  */
}

.listbox{
    width:75% !important;
    font-family	: Alef;
    border		: 3px solid;
    border-color	: #d1d1d1;
    color		: #2b4d57;
    font-size		: 1.2em;
    overflow		: auto;
    max-width		: 980px;
    min-width		: 200px;
    height		: 65px;
    -moz-border-radius  : 5px;
    -webkit-border-radius: 5px;
    border-radius: 2px;
    overflow: hidden;
    margin-right:30px;
}

#open_question{
    font-family		: Alef;
    border		: 2px solid;
    border-color	: #d1d1d1;
    color		: #2b4d57;
    font-size		: 1.2em;
    overflow		: auto;
    width		: 87%;
    max-width		: 980px;
    min-width		: 200px;
    height		: 55px;
    -moz-border-radius	: 1px;
    -webkit-border-radius: 1px;
    border-radius	: 1px;
    overflow		: hidden;
    margin-right	: 30px;
}

#powered_by_left{
  font-family		: Alef;
  color		: #666;
  font-size		: 10px;
  font-weight		: none;
  text-decoration	: normal;
}

#powered_by_center{
  font-family		: Alef;
  color		: #0096ff;
  font-size		: 10px;
  font-weight		: none;
  text-decoration	: normal;
}

#powered_by_right{
  font-family		: Alef;
  color		: #0096ff;
  font-size		: 10px;
  font-weight		: none;
  text-decoration	: normal;
}

#label
{
margin				: 0px 0px 0px 0px;   /* change hight of labal */
border-bottom		: 1px solid #979275;		
padding-bottom		: 1px;
width				: 95%;
max-width:980px;
min-width:300px;
}





#matrix_line_td_remark{
	border			: 1px outset;
	width			: 200px;
}

#matrix_line_td_answer{
	border			: 1px outset;
}

#matrix_line_td_answer_correct{
	border			: 1px outset;
	color			: green;
	font-weight		: 900;
}

#link_text{
	font-weight		: bold;
	font-family		: Alef;
	font-size		: 13px;
	color			: #0066CC;
    font-weight		: bold;
	background-color: yellow;
}

#newRecp{
    width			: 120px;
    height			: 30px;
    font-family			: Alef;
    vertical-align		: middle;
    font-size			: 1em;
    font-weight			: bold;
    font-family: Alef, Helvetica, sans-serif;
    margin-left : 20px;
    color: #dc2e96;
    background-color: white;
    border:3px solid #dc2e96 ;
    border-radius: 5px;
    -moz-box-shadow:
        0px 2px 11px rgba(000,000,000,0.4),
        inset 0px 0px 1px rgba(255,000,217,1);
    -webkit-box-shadow:
        0px 2px 11px rgba(000,000,000,0.4),
        inset 0px 0px 1px rgba(255,000,217,1);
    box-shadow:
        0px 2px 11px rgba(000,000,000,0.4),
        inset 0px 0px 1px rgba(255,000,217,1);
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.2),
        0px 1px 0px rgba(255,255,255,0.3);
}

#continue_button{
	width			: 137px;
	height			: 44px;
	font-family		: Alef;
	vertical-align		: middle;
	font-size		: 22px;
	font-family		: Alef, Helvetica, sans-serif;
	margin-left 		: 20px;
	color			: #ffffff;
	padding			: 8px 15px;
	background		: -moz-linear-gradient(
		top,
		#4d9951 0%,
		#4d9951);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#4d9951),
		to(#4d9951));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0px solid #ffffff;
	-moz-box-shadow:
		0px 2px 11px rgba(000,000,000,0.4),
		inset 0px 0px 1px rgba(255,000,217,1);
	-webkit-box-shadow:
		0px 2px 11px rgba(000,000,000,0.4),
		inset 0px 0px 1px rgba(255,000,217,1);
	box-shadow:
		0px 2px 11px rgba(000,000,000,0.4),
		inset 0px 0px 1px rgba(255,000,217,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
		background-color: #4d9951;
}




#Input_answers_with_images {
	font-family		: Alef;
	font-size  		: 14px;
	color			: #000000;
	border			: 0px;
}