@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;
    margin-left:15px;
}

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

}

body {
	margin:0;
	padding:0;
	height:100%;
	color:#535B5D;
	line-height: 18px;
}


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: Arial,Tahoma, Arial, Helvetica, sans-serif;
	color:#544c4a;
}

.radio {
	height: 50px;
	width: 40px;
	clear:left;
	float:center;
	margin: 0 auto;
	padding: 0 0 0 10px;
	background: url("../images/radio33.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/radio22.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/radio22.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;
}

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

.input_matrix{
    border : 1px solid #7eb9f0 ;
    border-radius: 1px;
    font-family: Arial;
    color: #5f5f5f;
    font-size: 1.5em;
    height : 25px;
}

.Multiple input.w100 
{
width: 100%;
direction: rtl;
border:3px solid #7eb9f0;
border-radius: 5px;
height:25px;
font-family: Arial;
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	: Arial;
	font-size	: 18px;
	color		: #2b4d57;
	border		: 0px;
	width		: 100%;
	height		: 15px;
	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;
	vertical-align : top;
}
.Input_answers {
    font-family	: Arial;
    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	:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 5px;
    overflow	: auto;
    display   :inline-block;
    direction : rtl;
}

#Input_open_answers {
    font-family		: Arial;
    font-size  		: 1.2em;
    color			: #2b4d57;
    border-radius   		: 5px;
    border          		: 7px solid #f4f3f0;
    margin-right   		:0px;
    width			: 100%;
    height			: 35px;
    margin-bottom	: 0px;
    vertical-align  :center;

}
.Input_open_answers {
    font-family		: Arial;
    font-size  		: 18px;
    color			: #2b4d57;
    border-radius  		: 5px;
    border          		: 6px solid #d1d1d1;
    margin-right   		:0px;
    width		       : 100%;
    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:18px ;
    }
}



#Input_diff_answers {
	font-family	: Arial;
	font-size	: 18px;
	color			: #2b4d57;
	width			: 18%;
	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	: Arial;
	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	: Arial;
    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_3cols {
	font-family	: Arial;
	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	: Arial;
    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;
}


#diff_answer_input{
    font-family	: Arial;
	font-size	: 1em	;
	color		: #2b4d57;
	width		: 70%;
	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	    : 40%;

    }
}


/*#Input_open_answers {
	font-family		: Arial;
	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	: 5px ;
}

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

	
}
#question_num {
	color		: #00aeec;
	font-size	: 1.2em;
	font-weight	: normal;

}


}

#question_line_text{
	font-weight	: none;
	font-family	: Arial;
	font-size	: 1.2em;
	color		: #00aeec;
       font-weight	: normal;
	margin-right  : 35px;
	width:95%;
       max-width:980px;
       min-width:300px;
	padding	: 0px ;
	padding-right	: 25px ;

}

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


.progressBar{
    margin : 1em ;
}

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

#label_text{
	font-family		: Arial;
	color			: #2b4d57;
       font-weight		: noramal;
	border			: 0px outset;
	width			: 95%;
 	max-width		:980px;
       min-width		:300px;
	
/*  font-family		: Arial;
    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		: right;
  direction		: rtl;
  padding-right	: 5px;
  font-size		: 1.2em;
  font-family		: Arial;

}

# v{
  background-color	: #f4f3f0;
}

#radio_matrix_backgrounds2{
  background-color	: white;
}

#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		: Arial;
  font-weight		: none;
  color		: #ffffff;
}

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

#matrix_col_text_no_icon{
  font-family		: Arial;
  border		: 0px outset;
  vertical-align	: top;
  padding		: 5px;
  text-align		: center;
  color		: white;
  font-size		: 1.2em;
  font-weight		: none;
  background-color	: #07559d;
  border			: 3px solid white;
  width				: 45px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius		: 10px;
    background-clip: padding-box;
}

#matrix_col_text_icon{
  font-family		: Arial;
  border		: 0px outset;
  vertical-align	: bottom;
  padding		: 5px;
  text-align		: center;
  background-position: top;
  background-repeat	: no-repeat;
  height			: 60px;
  color				: #2A8AD8;
  font-size			: 16px;
  height			: 80px;
}

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

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

.listbox{
    width:87% !important;
    font-family	: Arial;
    border		: 15px solid;
    border-color	: #f4f3f0;
    color			: #2b4d57;
    font-size		: 17px;
    overflow		: auto;
    max-width:980px;
    min-width:200px;
    height		: 65px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin-right:30px;
}

#open_question{
    font-family	: Arial;
    border		: 15px solid;
    border-color	: #f4f3f0;
    color			: #2b4d57;
    font-size		: 17px;
    overflow		: auto;
    width			: 87%;
    max-width:980px;
    min-width:200px;
    height		: 55px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin-right:30px;
}

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

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

#powered_by_right{
  font-family		: Arial;
  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		: Arial;
	font-size		: 13px;
	color			: #0066CC;
    font-weight		: bold;
	background-color: yellow;
}

#newRecp{
    width			: 120px;
    height			: 30px;
    font-family		: Arial;
    vertical-align	: middle;
    font-size		: 16px;
    font-weight: bold;
    font-family: Arial, 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		: Arial;
	vertical-align	: middle;
	font-size		: 22px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left : 20px;
	
	color: #ffffff;
	padding: 8px 15px;
	background: -moz-linear-gradient(
		top,
		#dc2e96 0%,
		#a60064);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#168fff),
		to(#6ab7ff));
	-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: #c3187e;
}




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