/*addtional css */


/*********************** Supplier Survey ******************************************/

div.supplier_row_no_border div.grid_12, div.supplier_row_no_border div.grid_6{
  padding-left: 0px;
  padding-right: 20px;
}


div.survey_supplier div.grid_4, div.survey_supplier div.grid_6, div.survey_supplier div.grid_12 {
    min-height: 200px;
    margin: 0 10px 40px 0;
    border: 1px solid #AAA;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
	background-color:#fff;
}

div.survey_supplier div.grid_6_small{
min-height: 100px;
}

div.survey_supplier div.grid_6 {
    width: calc(50% - 10px);
}

div.survey_supplier div.grid_12 {
    min-height: 300px;
	width: calc(100% - 10px);
}

div.supplier_row_no_border input.missing, div.survey_supplier div.missing , div.survey_supplier textarea.missing {
    border: 3px solid red;
}


div.survey_question_hdr{
width:100%;
min-height:80px;
display:inline-table;
font-size:1.2em;
font-weight:bold;
color:#886A4F;
text-align:center;
padding-top:10px;

border-bottom:1px solid #999;
}

div.survey_question_lhs{
width:60%;
min-height:60px;
display:inline-table;
padding-top:10px;

text-align:center;
font-size:1.1em;
font-weight:bold;
color:#cf5321;
}

div.survey_question_lhs div{
width:100%;
border:0px solid #777;
}

div.survey_question_lhs div textarea{
width:100%;
margin-top:10px;
background-color:#f7f7e2;
}

	






div.survey_question_rhs{
width:40%;
min-height:60px;
display:inline-table;
text-align:center;
padding-top:10px;
}

div.grid_12 div.survey_question_rhs{
text-align:left;
padding:0 2%;
}


form#supplier_survey input::placeholder, form#supplier_survey textarea::placeholder {
  color:#DE0309;
  font-size:0.8em;
  font-style:italic;
  background-color:#FFCC00;
}

@media only screen and (max-width: 1049px) {
	/** screen < 1050  **/

	
	
	
	div.survey_supplier div.grid_6 {
		
		padding:0 10px;
	}
	
	div.survey_supplier div.grid_12 {
		
		padding:0 10px;
	}


}

@media only screen and (max-width: 749px) {
	/** screen < 750  **/

	div.survey_question_lhs{
	width:calc(100% - 20px); /** Margin is not part of the box-model (whatever box-sizing you use), so it will always be in addition **/
	margin:0px;
	border:0px solid blue;
	}
	
	div.survey_question_rhs{
	width:calc(100% - 20px); /** Margin is not part of the box-model (whatever box-sizing you use), so it will always be in addition **/
	margin:20px 0;
	border:0px solid #888;
	}
	
	
	
	
	div.survey_supplier div.grid_6 {
		width:calc(100% - 0px); /** Margin is not part of the box-model (whatever box-sizing you use), so it will always be in addition **/
		padding:0 10px;
	}
	
	div.survey_supplier div.grid_12 {
		width:calc(100% - 0px); /** Margin is not part of the box-model (whatever box-sizing you use), so it will always be in addition **/
		padding:0 10px;
	}


}


@media only screen and (min-width: 749px) {
	/** screen >= 750  **/

	div.survey_supplier div.grid_6 {
		float: left;
        display: block;
	}

}

    


@media (min-width:1050px) {
	div.survey_question_lhs div textarea{
		min-width:500px;
		max-width:1200px;
		min-height:80px;
	}
}

div.grid_12 div.survey_question_rhs label{
border:0px solid #888;
}

div.grid_12 div.survey_question_rhs input{
margin-top:10px;
color:#286edb;
font-size:0.95em;
}

div.grid_12 div.survey_question_rhs input, div.survey_question_lhs div textarea, div.supplier_row_no_border div.grid_6 input{
font-family: Calibri, Verdana, Helvetica, sans-serif;
color:#283ADB;
font-size:1.1em;
line-height:1.25em;
}

div.survey_question_lhs div textarea, textarea#Feedback{
color:#283ADB;
font-size:0.9em;
line-height:1.25em;
}

div.grid_12 div.survey_question_rhs input{
font-size:0.8em;
border:0px solid #888;
width: calc(100% - 34px);
}

div.grid_12 div.survey_question_rhs label.upfile_label{
color:#333333;
border-bottom:1px solid #999;
padding:2px;
width:100%;
display:inline-table;
margin-bottom:6px;
}

div.rbcontainer3 {
margin:10px auto;
}


img.survey_tick{
width:32px;
}


img.img_survey_supplier {
    height: 64px;
	float:right;
}

div.clear_both{
clear: both;
background-color:#FFCC00;
height:1px;
}


div.rbcontainer3 {
    border: 1px solid #c4b6ae;
    width: 80px;
    height: 48px;
    text-align: center;
    background-color: #fafafa;
    margin-bottom: 10px;
    border-radius: 8px;
}

div.survey_supplier_header, label.Survey_Supplier_Label {
    color: #886A4F;
}

div.survey_supplier_header {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    height: 42px;
    border: 0px solid #BBB;
    width: 100%;
    margin-bottom: 10px;
}

label.Survey_Supplier_Label {
    font-size: 1.2em;
    font-weight: bold;
}

div.survey_question{
	font-size: 1em;
    font-weight: bold;
    text-align: center;
    height: 42px;
    border: 0px solid #BBB;
    width: 100%;
    margin: 20px 0 10px 0;
	color:#cf5321;
}


div.div_none{
display:none;
}

div.btnClearFile{
border:1px solid #8B8EB6;
width:32px;
height:32px;
/*display: inline-block;*/
padding:5px 0 4px 0;
float:right;
margin-top:0px;
text-align:center;
background-color: #EEE;
background-image:url(../images/cross3.png);
background-repeat:no-repeat ;
background-size: 24px 24px;
background-position: center; 
cursor:pointer;
}



div.SupplierAck{
	font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    height: 200px;
    border: 0px solid #BBB;
    width: 100%;
    margin: 20px  0;
	color:#007c00;
	border:0px solid #8B8EB6;
}

div.SupplierAck img{
    height: 96px; 
	margin: 20px 0;
}


/***********************  Luxriot ******************************************/

select.combo_lux {
    border: 1px solid #bbb;
	border-radius:5px;
    background: #FFF;
    width: 200px;
    height: 2em;
    padding: 0.25em;
    color: #666;
}

table.evos_lic{
	border-collapse: collapse;
	width: 100%;
	margin:0px;
}

table.evos_lic_dkt{display:block;}
table.evos_lic_mobile{display:none;}


@media (max-width:800px) {
	table.evos_lic_dkt{display:none;}
	table.evos_lic_mobile{display:block;}
}


table.evos_lic span.subspt{
	font-size:0.8em;
	vertical-align:super;
}

table.evos_lic td{
	border:1px solid #CCC;
	padding: 5px 10px;
	font-size:1em;
	text-align:center;
}


table.evos_lic td.lic_col1{
	border:1px solid #CCC;
	padding: 5px 10px;
	font-size:1em;
	text-align:center;
	background-color:#f9f9f9
}

table.evos_lic td.lastrow{
	border-left:none;
	border-bottom:none;
	border-right:none;
	padding: 5px 10px;
	font-size:0.8em;
	text-align:left;
}


div.product_hide{
display:none;
}







#faq_container ul {
list-style: none; 
margin:0;
padding:0;
}

#faq_container li {
list-style: none; 
margin:0;
}

#faq_container {
  width: 100%;
  margin: 0;
  overflow: auto;
  border:0px solid #777;
}





 .faq li { padding: 16px 10px; }

 .faq li.q {
  font-weight: bold;
  font-size: 120%;
  border-bottom: 1px #ddd solid;
  cursor: pointer;
}

 .faq li.q_active {border-bottom: none;}

#faq_container .faq li.a {
  background: #5880bb;
  display: none;
  color:#fff;
  margin-left:36px;
}

 .faq li.q img {
  margin-right:10px;
  width:16px;
  
}

.faq li a{color: #a5c9ff;}

.faq li a:hover{color:#88DFF9;}

#faq_container .rotate {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media (max-width:800px) {

#faq_container { width: 90%; }
}



div.luxriot_hdr{
display:inline;
font-size:26px;
font-weight:bold;
border:0px solid blue;
box-sizing: border-box;
margin-right:20px;
}

div.luxriot_select{
display:inline-table;
border:0px solid red;
height:24px;
box-sizing: border-box;
}

select#VidecomLuxriotFAQList{
font-size:20px;
line-height:24px;
border: 1px solid #bbb;
border-radius:5px;
background: #FFF;
width: 256px;
height: 34px;
padding: 0.25em;
color: #666;
margin-left:20px;
}

div.faq_hide{
display:none;
}



select#VidecomLuxriotProductList{
margin-right:15px;
margin-left:5px;
margin-bottom:5px;
}

select.SW_CH{
width:100px;
margin-left:5px;
margin-bottom:5px;
}




div.prodlist, div.prod_options{
display:inline-table;
}

div.prod_option_hide{
display:none;
}



a#contact_sales{
cursor:pointer;
}


table#typsubs_cost{
    width: 100%;
    border-collapse: collapse;
    padding: 5px;
}

table#typsubs_cost th, table#typsubs_cost td{
	border:1px solid #999;
    padding: 5px;
	text-align:center;
}

table#typsubs_cost th {
background-color:#EEE;
}

div.release-notes{
	border:1px solid #777;
	border-radius:5px;
    padding: 0px;
	margin-bottom:10px;
}

div.release-notes h4{
	border:0px solid red;

	border-bottom:1px solid #777;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
    padding: 10px;
	margin:0;
	background-color:#EEE;
	font-weight:bold;
	font-size:1.25em;
	text-align:center;
}

div.release-notes p, div.release-date{
	border:0px solid blue;
	font-weight:bold;

    padding: 10px;
}

div.rn_hide{display:none;}


img.img_prod{width:160px;}

img.img_prod2{
width:100px;
float:right;
/*margin-left:15px;
margin-bottom:15px;*/
}

img.img_prod3{
width:100%;
max-width:600px;
margin:0 auto;
}


@media only screen and (max-width: 1050px) {
/** screen <= 1050  **/
	div.g4_prod_img{display:none;}
	

}


/***********************  Camera Power vvv ******************************************/



table#campower {
  border-collapse: collapse;
  width: 100%;
  margin:0px;
  background-color:#f9f9f9

}

table#campower td{
border:1px solid #CCC;
padding: 5px 10px;
font-size:1em;
text-align:center;
}


table#campower td.pwr_c1{
width:70%;
font-weight:bold;
text-align:right;
}

table#campower td.pwr_c2{
text-align:left;
}

table#campower input{
width:64px;
text-align:center;
margin-right:10px
}

table#campower td div.info{
font-size:0.9em;
color:#999;
}

table#campower tr#answer *{
color:#0070ff;
font-weight:bold;
}

table#campower tr#answer input{
background-color:#f0f0f0;
border:1px solid #777;
}


table#campower img.help{
width:16px;
float:right;
}

table#campower img.info_tip{
width:16px;
margin-right:10px;
}

table#campower tr#answer div.button_m3 {
  color:#444;
  width: 80px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  border: 1px solid #999;
  border-radius: 5px;
  margin: 2px;
  background-color: #EEE;
  transition: background-color 2s;
  text-align: center;
  display: inline-block;
}

table#campower tr#answer div.button_m3:hover {
  background-color:#D2E6F9;
}












div.new_content{
text-align:center;
margin:25px 0;
}

img.img_new_content{
width:25%;
}

div#debug{
display:inline;
color:#FF6600;
font-size:0.9em;
margin-left:0.5em;
}

/***********************  Uploader vvv ******************************************/
div#track  {
    width: 105px;
    height: 24px;
    background-color: #3498db;
    border: 1px solid #3cb0fd;
	border-radius: 5px;
    position: relative;
	margin:10px;
	
}

div#slider {
    background-color: #ddd;
    height: 16px;
    width: 16px;
	border-radius: 10px;
    position: absolute;
	left:60px;
	margin-top:3px;
}

div#display {
    width: 40px; height: 20px;
    background-color: #eee;
    border: 1px solid red; /*#ccc*/
    padding: 4px;
    margin: 1em 0 2em;
}


/***********************  Uploader ^^^ ******************************************/



/*div#banner div#logo{
background-image: url(../images/vp_logo_red2s.png); 
background-repeat:no-repeat ;
background-size: 100% 100%;
}*/

body{
min-width:304px;
}

@media only screen and (max-width: 600px) {
h3#copyStringToClipboard{display:none;}
}

@media only screen and (max-width: 600px) {
/** screen <= 600  **/
	div#NumberPlate button.myNumberPlate{
	width:100px;
	font-size:9px;
	}

}


 

.grid_12_minbmargin{
margin-bottom:10px;
}

/*********** iframe vvv ****************/
#map_canvas{
border:1px #DDD solid;
overflow: hidden;
}

/*********** web errors vvv *****************/

	p.weberror{
	margin-bottom:50px;

	}
	
	img.img_weberror{
	width:75%;
	margin-left:12.5%;
	}


@media only screen and (max-width: 1050px) {
/** screen w <= 1050  **/
	p.weberror{
	margin-bottom:20px;
	text-align:center;
	}
	
	img.img_weberror{
	width:30%;
	margin-left:35%;
	}

}

@media only screen and (max-width: 600px) {
/** screen <= 1050  **/
	p.weberror{
	margin-bottom:20px;
	text-align:center;
	}
	
	img.img_weberror{
	width:50%;
	margin-left:25%;
	}

}




/*********** tables vvv *****************/


table.std_table {
  border-collapse: collapse;
  width: 100%;

}




table.std_table td, table.std_table th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

table.std_table th {
  background-color: #AAA;
  color:#FFFFFF;
}




table.std_table tr:nth-child(even) {
  background-color: #f0f0f0;
}


table#Software_t1{
color:#FF0033;
}


/*********** footer vvv *****************/

footer{
padding:10px;
}

img.footer-icon{
width:32px;
height:32px;
}

img.footer-icon-addspace{
margin-left:16px;
}

div#footer-info{
margin:0 auto;
display:table;
border:0px solid yellow;
width:100%;
}

div.footer-item, div#footer-icons{
display:block;
text-align:center;
margin:0 0 5px 0;
border:0px solid blue;
}


div#footer-icons{
border:0px solid red;
margin:10px 0 0 0;
padding:0;
line-height:normal;
}



div#footer-info a,
div#footer-info a:visited,
div#footer-info a:active{
	color:#ccc;
}

div#footer-info a:hover{
color:#FF6600;
}

div.sys_error{
color:#F33447;
padding:2px 0 2px 2px;
margin-bottom:20px;
margin-top:20px;
text-align:center;
background-color:#CFDEE7;
font-style:italic;
border:1px solid #aaa;
}




/*********** footer ^^^ *****************/

ul#gallagher_solutions{
margin-left:-10px;
}

div.heading1_image{
float:right;
}

div.heading1_image img{
width:75px;
border-radius: 10px;
}

div.heading1_image img.wide_image{
width:150px;
border-radius: 10px;
}





@media only screen and (max-width: 1050px) {
/** screen <= 1050  **/
	div.heading1_image img{
	width:50px;
	border-radius: 5px;
	}
	
	div.heading1_image img.wide_image{
	width:100px;
	border-radius: 5px;
	}

}


img.rounded10{border-radius: 10px;}

img.rounded6{border-radius: 6px;}

img.rounded4{border-radius: 4px;}

img.dktvalign{
margin-top:25px;
}

a.buttonlink{
cursor:pointer;
}

.fulljustify{
text-align:justify;
}


.trdpartyquote{
font-style:italic;
padding-left:2em;
}


img.img_voffset_halftext{
/* used for rhs img to line up with top of text */
margin-top:0.5em;
}

div.grid_zero_margin_bottom{
margin-bottom:0;
}

div.para_subhead1{
font-weight:bold;
font-size:125%;
margin-bottom:10px;
}

table.dahuaspecs{
width:100%;
}

tr.ds_titles td{
text-align:center;
}

td.dsrow1{
background-color:#DDD;
font-weight:bold;
}

table.dahuaspecs{
border-top:1px solid #AAA;
border-left:1px solid #AAA;
}

table.dahuaspecs td{
border-bottom:1px solid #AAA;
border-right:1px solid #AAA;
padding:2px 3px;
}

div.ytsp{
margin-bottom:58px;
}



/*
div.div_support_list{
background-repeat:no-repeat ;
background-size: 20% auto;
background-position: 50% 1.25em; 
background-image: url(../images/support/gold.png);
}*/

/*
div#support_gold {background-image: url(../images/support/gold.png); }
div#support_silver {background-image: url(../images/support/silver.png); }
div#support_bronze {background-image: url(../images/support/bronze.png); }*/

img.img_support_list{
float:right;
height:120px;
margin:20px 0 0 0 ;
}

ul.support_list li{
margin-left:-1.5em;
/*color:#000;*/
}

#map_canvas{
width:100%;
height:400px;
}


div#NumberPlate{
margin-right:30px;
}



/*************** contact form vvv **************************/

form#sendmail input.text, form#sendmail select.combo{
    border: 1px solid #bbbbbb;
    background: #FFF;
    width: 100%;
    height: 2em; 
    padding: 0.25em;
	color:#666;
}

form#sendmail input.text_ro{
    background: #EEE;
}



form#sendmail textarea.text {
border:1px solid #bbbbbb;
background:#FFF;
width: 100%;
padding: 0.25em;
color:#666;
}

form#sendmail input.text_missed, form#sendmail textarea.text_missed {
    border-left: 4px solid #cc0000;
}


form#sendmail .asterix {
    color: #0066FF;
	margin-left:4px;
}

form#sendmail div.info, form#sendmail div.success, form#sendmail div.error, form#sendmail div.warning{
font-style:italic;
padding-left:3px;
}

div.info{
color: #FF6600;
}

div.info_cv{
color: #FF6600;
margin:20px 0;
}

form#sendmail div.info{color:#888;}
form#sendmail div.warning{color:#dd2222;}
form#sendmail div.success{color:#669933;}
form#sendmail div.error{color:#ee0000;}


form#sendmail input::placeholder, form#sendmail textarea::placeholder {
  color:#d16e57;
  font-size:1em;
  font-style:italic;
}



/**** new styles for cv19 form vvvv ********/
form#sendmail div.row_divider{
border-bottom:3px solid #BBB}

form#sendmail div.clear_margin_b{
margin-bottom:0;
}

form#sendmail div.clear_margin_b *{
color:#3366CC;
}

input.cvqu_chkbox {
    margin: 0 10px 0 5px;
    transform: scale(1.5,1.5);
}

p.cv19h1{
max-width:1024px;
text-align:justify;
}

/**** new styles for cv form ^^^^^^ ********/

.ALLCAPS{
text-transform:uppercase;
}



.g-recaptcha_missed{
border-left: 2px solid #cc0000;
}

div#recapcontainer{
border:0px solid blue;
}


div#div_send{
border:0px solid red;
height:75px;
width:100%;
margin-top:0px;	/* was 25 */
}

div#div_send a#btnSend{
padding:0.5em 2em;
font-size:1.25em;
/*margin-left:calc(50% - 75px);*/
}

div#div_sendReply{
border:0px solid red;
height:75px;
width:100%;
padding-top:25px;
}

input#sendReply{
margin-right:20px;
transform:scale(2,2);
}

div#bottomstatus{
display:block;
}


span.errorinline{
padding-left:10px;
font-style:italic;
color:#ee0000;
font-size:smaller;
}


@media only screen and (max-width: 480px) {
	/** screen <= 480  **/
	
	.g-recaptcha{
		margin-left:calc(50% - 150px);
	}
	
	div#div_send a#btnSend{
		margin-left:calc(50% - 75px);
	}
	
	div#div_sendReply{
		border:0px solid red;
		display:block;
		width:auto;

		text-align:center;
		padding-top:0px;
		padding-left:0px;
	}
	
	div#bottomstatus{
	display:block;
	text-align:center;
	}

	
}

@media only screen and (min-width: 481px) and (max-width: 1050px) {
	/** 481 <= screen <= 1050  **/
	
	.g-recaptcha{margin-left:0;}
	
	div#div_sendReply{
		border:0px solid red;
		display:block;
		width:auto;
		padding-top:0px;
		padding-left:10px;
	}
	
	div#div_send a#btnSend{
		/*margin-left:calc(50% - 75px);*/
	}
	
}


@media only screen and (min-width: 1050px) {
	/** screen >= 1050  **/

	form#sendmail div.info, form#sendmail div.success, form#sendmail div.error, form#sendmail div.warning{padding-left:0px;
	font-size:1.25em;}
	
	.g-recaptcha{margin-left:0;}

}

/*************** contact form ^^^ **************************/


/*************** contact responce vvvv **************************/

h2.contact_success{
color:#006600;
margin-bottom:40px;
font-style:italic;
}
    
	
h3.contact_msg{

}


form#email_confirm textarea{
margin-left:10px;
background-color:#FF9900;
width:100%;
display:none;
}


div.msg_confirm, div.msg_confirm_title{
	color: #006600;
    margin: 0px;
    font-style: italic;
    border: 1px solid #AAA;
    padding: 20px;
}

div.msg_confirm_title{
border-bottom:none;
background-color:#ebffed;
font-size:1.2em;
font-weight:bold;
}


div.msg_confirm div.msg_key{
	height: 20px;
    width: 100px;
    border: 0px solid green;
    display: inline-block;
	color:#444;
}

div.msg_confirm div.msg_value{
    height: 20px;
    border: 0px solid #CCC;
    display: inline-block;
    width: Calc(100% - 100px);
}

h3.print_only{display:none;}


@media only print {

div.msg_confirm div.msg_value{
    background-color:#777;
	font-size:12pt;
}

aside, nav#topnav, div#gsearch_container, div#gsearch, form#zoomsearch, footer, h3.screen_only{
display:none;
}

h3.print_only{display:block;}

div#banner{
float:left;
}

}




@media only screen and (max-width: 600px) {
	/** screen <= 600  **/
	h2.contact_success{
	font-size:1.2em;
	}
		
		
	h3.contact_msg{
	font-size:1em;
	text-align:justify;
	}

}




/***************************************************************************** TOOL TIP STUFF for css only vvvv ***********************************************/


/* Tooltip container */
div.img_tt {
  position: relative;
  display: inline-block;
  /*border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}


/* Tooltip text */
div.img_tt .tooltiptext {
  visibility:hidden;
  transition: visibility 1s;
  width: 360px;
  background-color: #fff;
  color: #666;
  text-align:left;
  padding: 5px 10px;
  
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
 box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.8);
  
  
  
  /* Position the tooltip text - see  below */
  position: absolute;
  z-index: 1;
  font-size:0.9em;
  display:inline;
}

/* Right Tooltip*/
div.img_tt .tooltiptext {
  top: -5px;
  left: 105%;
}


/* Show the tooltip text when you mouse over the tooltip container */
div.img_tt:hover .tooltiptext {
  visibility: visible;
}

div.img_tt_hdr{
background-color:#f3f3f3;
width:100%;
display:block;
padding:4px 0;
text-align:center;
margin-bottom:5px;
border-top:1px solid #e2e2e2;
border-bottom:1px solid #e2e2e2;
}


/***************************************************************************** css for tooltipster jq ***********************************************/

.tooltip_templates { display: none; }


p.tt_hdr{
background-color:#444;
color:#FFF;
font-weight:bold;
font-size:0.95em;
margin:1px 0 8px 0;
}

p.tt_c{
font-size:0.8em;
font-style:italic;
margin:1px 0;
color:#444;
}


p.tt_hdr, p.tt_c{
width:100%;
padding:0px 4px;
}





/***************************************************************************** css for lightSlider jq ***********************************************/


div.lightSlider_container {
    width:100%;
	border:0px solid blue;
}

div.lightSlider_container ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom:0;
}

div.lightSlider_container li {
    display: block;
    float: left;
    margin-right: 2px;
    /*cursor:crosshair;*/
}

div.lightSlider_container img {

}

p.slider_title, p.slider_code , p.slider_datasheet{
text-align:center;
font-size:1.0em;
font-weight:bold;
white-space: nowrap;
overflow: hidden;
margin:0px;
}


p.slider_code:before {
  content: "Code: ";
}

p.slider_datasheet:before {
  content: "Datasheet: ";
}


div.lightSlider_container  .lightSlider.lsGrab > * {
    cursor: -webkit-default;
    cursor: -moz-default;
    cursor: -o-default;
    cursor: -ms-default;
    cursor:default;
}


div.lightSlider_container  .lSSlideOuter .lSPager.lSpg {
/*margin-left:25%;	can be over-ruled by in-line setting on the page **/
border:0px solid green;
height:40px;
display:table;
margin:0 auto;

}


div.controls_bottom .lSAction > .lSPrev, div.controls_bottom .lSAction > .lSNext {
    top: 90% !important;
}




img.productimage{
    display: block;
    height: auto;
    max-width: 100%;
	margin:10px auto 5px auto;
	border:0px solid red;
}

img.featurelist{
    display: block;
    height: auto;
    max-width: 100%;
	margin:0 auto;
	border:0px solid purple;
}


/**** additional controls 23-09-20 
<div id='ls_controls'>
	<div id='ls_pause'>Pause</div><div id='ls_play'>Play</div>
	</div> 
 ***/
 
 div#ls_controls{
 border:0px solid red;
 width:75%;
 margin:0 auto;
 text-align:center;
 }
 
 div#ls_controls div{
 border:0px solid green;
 display:inline-table;
  margin-right:10px;
 }
 
 img.ls_img{
 height:16px;
 width:16px;
 cursor:pointer;
 }



/***************************************************************************** show/hide extra info ***********************************************/

div#MoreInfo_1{
display:none;
}

div#MoreInfo_2{
display:none;
}

div.Show_MoreInfo{
cursor:pointer;
color:#3333FF;
text-decoration:underline;
}






/************************************************** testimonials vvvv *********************************************************************************/
div.testimonial_container{
margin-bottom:60px;
}

div.testimonial_task{
color:#666;
font-weight:bold;
font-size:1.1em;
}


div.testimonial_feedback{
margin: 10px 60px;
background-image: url(../images/quote_start.png); 
background-repeat:no-repeat ;
background-size: 50px 37.5px;
background-position: top left;
background-color:#E8E8E8;
display:block;
border:0px red solid;
}

div.testimonial_close{
background-image: url(../images/quote_end.png); 
background-repeat:no-repeat ;
background-size: 50px 37.5px;
background-position: bottom right;
border:0px blue solid;
}

div.testimonial_commment{
font-style:italic;
display:block;
padding:10px 60px;
border:0px #888 solid;
text-align:justify;
}

div.testimonial_commment p{
text-align:justify;
}

img.quote_start, img.quote_end{width:10%;}

img.quote_start{float:left;}

img.quote_end{float:right;}

@media only screen and (max-width: 750px) {
	/** screen <= 750  **/
	div.testimonial_task {text-align:justify;}
	
	div.testimonial_feedback{
margin: 10px 0px;

}

}


/***************************************************************************** company policies Oct 23 ***********************************************/

div.policy_container{
border:1px solid #999;
background-color:#fafafa;
border-radius:0.5em;
}

div.policy_title{
font-weight:bold;
font-size:1.5em;
padding:1em 1em 0 1em;
text-align:center;
}



div.policy_doc{
padding:2em;
}

div.policy_doc p{
text-align:justify;
}

p.policy_heading1{
font-weight:bold;
font-size:1em;
margin:0 0 0.25em 0;;
}

select#Policy{
padding:0.25em;
border:1px solid #999;
border-radius:0.25em;
color:#444;
}

span.policy-data{
padding:0.5em;
border:1px solid #DDD;
display:inline-table;
margin-top:0.5em;
background-color:#f6f6f6;
}






/***************************************************************************** accred logos ssd ***********************************************/


div.row_accreds div.lightSlider_container img {
width:75%;
margin:0 auto;
display:block;
}


/************************************************** desktop accred_logos_alt *********************************************************************************/


div#accred_logos_alt{
border:0px solid blue;
width:100%;
float:right;
margin:20px auto;
}

div.accred_img {
width:16.66%;
float:left;

}



/***************************************************************************** simple jq slider***********************************************/
div#slideshow {
  /*margin: 80px auto; */
  position: relative;
  width: 100%;
  height: 240px;
  /*padding: 10px;
  /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); */
 /*display:none;*/
}

div#slideshow > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}

/************************************************** New index page vvvv *********************************************************************************/
div.indexpage div.grid_4{
border: 1px solid #AAA; 
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
-o-border-radius: 4px; 
border-radius: 4px; 
box-shadow: 0 1px 4px rgba(0,0,0,.2); 
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);

}

h2.index_subhead{
font-size:1em;
text-align:justify;
line-height:1.4em;
color:#666;
margin: 0 0 1.5em;
}

h3.tile_header{
text-align:center;
font-size:1.5em;
}

h4.tile_desc{
height:4.1em;	/* add 0.1 otherwise g,y etc trimmed */
overflow:hidden;
text-align:justify;
margin: 0 0 1.5em;
line-height:1.4em;
color:#666;
}

@media only screen  and (max-width: 720px) {
	h4.tile_desc{height:auto;} /*** me: 360 for P ; 672 for L ; stacked starts at 1050px ;the tiles can be variable height as vertically stacked (some text was getting clipped) ***/
}

@media only screen and (min-width: 1201px) and (max-width: 1300px) {
	h4.tile_desc{ font-size:0.9em;} /*** need to reduce the font size as move from desktop to laptop ***/
}

@media only screen and (min-width: 1051px) and (max-width: 1200px) {
	h4.tile_desc{ font-size:0.8em;} /*** need to reduce the font size as move from desktop to laptop ***/
}


h2.w3c_seo-blah{
color:#CC6600;
font-size:0.1em;
}


@media only screen and (min-width: 1052px) {
	/* desktop w>= 1052  */
	div.indexpage div.grid_4{
	margin-right:10px;
	width: calc(33.333333% - 10px);
	}
	
}


@media only screen  and (max-width: 1050px) {
	/* w <= 1050  */
	div.indexpage div.grid_4{
	padding-left:15px;
	padding-right:15px;
	}
	
}

@media only screen and (min-width: 600px) and (max-width: 1050px) {
	/* notepad 600 <= w <= 1050  */
	div.indexpage div.grid_4{
	margin:10px 12.5% 40px 12.5%;
	width: 75%;
	}
	
}


@media only screen and (min-width: 1052px) and (max-width: 1280px) {
	/** 1052 <= screen <= 1280  **/
	h3.tile_header{
	font-size:1.75em;
	}
}


/************************************************** Google Search vvvv *********************************************************************************/

div#gsearch_container{
border: 0px red solid;
margin:10px auto;
display:block;
max-width:1200px;
}

div#gsearch{
float:right;
border: 0px blue solid;
margin:-25px 10px 0 10px;
display:block;
}


div#gsearch input{
	font-family: Calibri, Verdana, Helvetica, sans-serif;
	border: 1px solid #bbbbbb;
    background: #FFF;
    /*width: 100%;*/
    height: 2em; 
    padding: 0.25em;
	color:#666;
}

div#gsearch .gsearchbutton{
	font-family: Calibri, Verdana, Helvetica, sans-serif;
	border: 1px solid #bbbbbb;
    height: 2em; 
    padding: 0.25em 1em;
	color:#666;
	background-color:#EEE;
}


@media only screen and (max-width: 480px) {
	/** screen <= 480  **/

	div#gsearch_container{
		margin:0 20px;
		display:block;
		
	}
	
	div#gsearch{
		border: 0px blue solid;
		margin:0 0 10px 0;
		float:left;
		display:block;
		width:100%;
	}
	
	div#gsearch input{width: 70%;float:left;}
	div#gsearch .gsearchbutton{width: 25%;float:right;}

}






/************************************************** Index page contact options vvvv *********************************************************************************/
div.grid_3{
border:0px solid yellow;
}

div#contact_options {
border:0px solid red;
width:100%;
display:inline-block;
}

div#contact_options img{
border:0px solid #888;
width:calc(25% - 6px);
margin:0 0 0 5px;
float:right;
cursor:pointer;
}


div#contact_options img:hover{
 box-shadow: 0.5px 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.5);
  /*-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.8);*/
   border-radius: 10px;
}


@media only screen and (min-width: 601px) and (max-width: 1050px) {
	/** 601 <= screen <= 1050  **/
	
	div#contact_options {
	text-align:center;
	}

	div#contact_options img{
	width:calc(12.5% - 10px);
	float:none;
	}
	
}

@media only screen and (min-width: 0px) and (max-width: 450px) {
	/** screen <= 1050  **/
	
	div#contact_options {
	text-align:center;
	}

	div#contact_options img{
	width:calc(25% - 10px);
	float:none;
	}
	
}












/************************************************** @media css vvvv *********************************************************************************/



@media only screen and (min-width: 480px) {
	/** screen >= 481  **/

	
	div.div_support_list{background-size: 15% auto;}

}



@media only screen and (min-width: 600px) {
	/** screen >= 1050  **/

	
	div.row_accreds div.lightSlider_container img {width:60%;}

}


@media only screen and (min-width: 750px) {
	/** screen >= 750  **/

	div.div_support_list{background-size: 10% auto;}
	
	div.row_accreds div.lightSlider_container img {width:50%;}

}

@media only screen and (min-width: 900px) {
	/** screen >= 900  **/

	
	div.row_accreds div.lightSlider_container img {width:33%;}

}





@media only screen and (max-width: 480px) {
	/** screen <= 480  **/
	p.slider_title, p.slider_code {
    font-size: 0.8em;
	}
	
	
}

@media only screen and (max-width: 1050px) {
	/** screen <= 1050  **/
	#accred_logos_alt{
		display:none;
	}
	
	/* this removes the indent for ssd not obvious why orig template had this **/
	/* bit padding needed for index grid4 - added below **/
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
		padding-left: 0px;
		padding-right: 0px;
	}

}


@media only screen and (min-width: 1050px) {
	/** screen >= 1050  **/

	div.div_support_list{background-size: 50% auto;}
	
	/* form#sendmail div.info, form#sendmail div.success, form#sendmail div.error, form#sendmail div.warning{padding-left:0px;}
	
	.g-recaptcha{
	margin-left:0;
	}*/
	
	div#bottomstatus{
	display:none;
	}
	
	div#footer-info{
	margin:0 auto;
	display:table;
	border:0px solid yellow;
	width:100%;
	}
	
	div.footer-item{
	display:inline-block;
	margin:10px 5% 0 0;
	text-align:center;
	}
	
	
	div#footer-icons{
	display:inline-block;
	margin:5px;
	border:0px solid red;
	float:right;
	}
	
	p.slider_title, p.slider_code {
    /*font-size: 0.8em;*/
	}
	
	
	div.row_accreds div.lightSlider_container img {
	display:none;
	}
	
	
	


}


/*** BM **/
abbr, acronym
{
	cursor: help;
	color: #101020;
	text-decoration: none !important;
	border-bottom: 0px !important;
}



/** BM End **/



/*******************   Cv stuff vvv ******************************/
div.newsalert1{
/*border:2px solid #D80530;*/
padding:2px;
}

div.newsalert{
/*border:1px solid #444;*/
padding:4px 0px;
/*background-color:#fff;*/
}

span#newsalert_title{
font-weight:bold;
}


div.cv19_g div.grid_4{
border:0px solid #999;
padding:0 10px 0;
}

div.cv19_g  p.StayAlert{
font-weight:bold;
font-size:20px;
}

div.cv19_g div.grid_4 li{
margin-left:-20px;
}

div.cv19_g div.grid_12 div.StayAlert_img{
background-color:#FEF400;
width:50%;
padding:20px;
border:1px solid #444;
}





/***********************************************************************/



div.prodname{
text-align:center;
}

/***********************************************************************/

@media only screen and (max-width: 480px) {
	/** screen < 481  **/
	
	
	a.cvlink2 {
		float:none;
		margin: 0;
		text-align:center;
		font-size:1em;
	}
	
	a.cvlink {
		float:none;
		margin: 0;	
	}

}

@media only screen and (max-width: 800px) {
	div.cv19wrapper h2 {text-align:center;}
}


@media only screen and (min-width: 481px) {
	/** screen >= 481  **/

	a.cvlink2 {
		float:none;
		margin: 0 0px;
		font-size:2em;
		text-align:center;
		height:4em;
		line-height:2em;
		padding:1em 0.5em;
	}
	
	a.cvlink {
		float:right;
		margin: 0 20px;	
	}
	
}


@media only screen and (min-width: 1024px) {
	/** screen >= 481  **/
	
	
	a.cvlink2 {
		font-size:1.5em;
		line-height:1.5em;
		padding:1em 0.5em;
	}
	
	a.cvlink {
		float:right;
		margin: 0 20px;	
	}
	
}

/*******************   Cv stuff ^^^ ******************************/





.mp4vid{
margin-top:5px;
border:1px solid #AAA;
}





/*******************   PDF docs Library vvv ******************************/

div.book-shelves a{
margin-right:6px;
text-decoration:underline;
}

table#docstable {
  border-collapse: collapse;
  width: 90%;
  /*max-width:420px;
  table-layout: fixed;*/
  margin-right:10px;
  border-left:1px solid #CCC;
  border-top:1px solid #CCC;
  border-right:1px solid #CCC;
}

table#docstable td, table#docstable th{
border-right:0px solid #CCC;
border-bottom:1px solid #CCC;
padding: 2px 4px;
font-size:0.9em;
text-transform:capitalize;
}

table#docstable td:nth-child(1){
max-width:360px;
word-wrap: break-word;
}

td.cell-icon-prv, td.cell-icon-down, td.cell-icon-folder{
text-align:center;
}





table#docstable th{
background-color:#EEE;
}

img.icon-prv, img.icon-down, img.icon-upalevel{
width:32px;
height:32px;
cursor:pointer;
}

img.icon-prv, img.icon-folder{
width:32px;
height:32px;
cursor:pointer;
}

img.icon-notprv{
width:32px;
height:32px;
}



/*
.grid_5{border:1px solid red;}

.grid_7{border:1px solid blue;}*/

div.div_docstable{
padding:0;
}

#pdf_previewer{
width:100%;
height:500px;
}

section.page-header-compact{
padding:0 !important;
}

section.page-header-compact div h1{
margin:0;
}



/**************** dahua bullet points list vv****************/
ul.dahua_spec_list{
margin:0;
line-height:1.4em;
padding: 0 0 0 20px;
}

ul.dahua_spec_list *{
margin:0;
line-height:1.4em;
}


/************library aside **********************************************/

@media only screen and (min-width: 1050px) {
	/** screen > 1050   the aside is given -30px margin-top , but not want this for ssd NB this aside is for library only and will be hidden as soon as the preview is used**/
	aside#library_aside{
	margin-top:-30px;
	}
	
}


@media only screen and (max-width: 1050px) {
	/** screen <= 1050   the aside is shown below**/
	table#docstable {
	  width: 100%;
	}
	
}




@media only screen and (max-height: 750px) {
	/** NB HEIGHT !  **/
	/** screen ht <= 750   make more compact for msd eg laptop**/
	
	#pdf_previewer{
	width:100%;
	height:400px;
	}

	
	section.page-header-compact div.wrapper{
	margin:0 auto;	/* set T/B margin from .75em to 0*/
	}
	
	section.content-compact{
	margin:0 auto !important;	/* set T/B margin from 40px to 0*/
	}
	
	
}

@media only screen and (max-width: 1050px) and (max-height: 750px) {
	/** screen <= 1050   **/
	section.content-compact{
	margin:20px auto !important;	/* set T/B margin from 40px to 0*/
	}
	
}

@media only screen and (max-width: 1350px) and (min-width: 1050px){
	/** screen between 1050 & 1350   reduce max col width for filename (preview is alongside **/
	

	table#docstable td:nth-child(1){
	max-width:260px;
	}
	
	
}

@media only screen and (max-width: 750px) {
	/** screen <= 800   hide the preview column on ssd **/
	/*table#docstable td.cell-icon-prv, table#docstable th.cell-icon-prv{
	display:none;
	}*/
	
	table#docstable th:nth-child(2), table#docstable td:nth-child(2){
	display:none;
	}
	
	table#docstable td, table#docstable th{
	font-size:0.8em;
	}
	
	table#docstable td:nth-child(1){
	max-width:260px;
	word-wrap: break-word;
	}
	
	
}


/*
table#docstable th{
border-right:1px solid red;
}

table#docstable td{
border-right:1px solid blue;
}*/





/*******************   PDF docs Library ^^^ ******************************/




/******************** Dahua 360 Visualisation ******************************/

div.grid6_dahua360{
border: 0px blue solid;
}

ul.dahua_bpts{
margin:0 0 10px -20px;
}

ul.dahua_bpts li{
font-size:1em;
}

@media only screen and (min-width: 1050px) and (max-width: 1280px) {
	/** 1050 <= screen <= 1280  **/
	
	ul.dahua_bpts li{
		/* dont want to much text wrap */
		font-size:0.85em;
	}
	
}



div.grid_6{
border: 0px blue solid;
}

div#PSDW82442M, div#dahua360{
background-color:#F5F5F5;
border: 1px #DDD solid;
padding:10px 10px;
height:400px;
overflow:hidden;
}

p.dahua_courtesy{
margin-top:20px;
}



div.h2_title{
/*background-color:#F5F5F5;
border: 1px #DDD solid;*/
padding:10px;
text-align:center;
font-weight:bold;
font-size:1.5em;
margin-bottom:40px;
}


div#Dahua360List,div#Dahua3D{
background-color:#F5F5F5;
border: 1px #DDD solid;
padding:10px 10px;
height:400px;
overflow:hidden;
}

li.tooltip{
cursor:pointer;
}

ul.product_list li span:hover{
/*background-color: #e6e6e6;*/
cursor: pointer;
font-weight: bold;
}

ul.product_list li span{
padding-left:32px;
}


ul.product_list {
list-style:none;
margin-left:-20px;
}


ul.product_list li
{
    background-image: url('../images/360_cube.png');
    background-repeat: no-repeat;
	background-size: 24px 24px;
    background-position: left center;
	margin: 10px 0;
	
}


label#helpMobile{
margin:1em 0;
display:inline-block;
}


@media only screen and  (max-width: 720px) {
	/** screen <= 720  **/
	
	div#Dahua360List, div#Dahua3D, div#PSDW82442M, div#dahua360{
		height:auto;
		overflow:auto;
	}
	
	p.dahua_courtesy{
	font-size:0.75em;
	margin:1em 0;
	display:inline-block;
	}
	
}

/******************** CCTV health ******************************/

img#health-checklist{
height:220px;
margin-left:20px;
}

span#grab2 img{
height:450px;
}


ul.ul_cctv-health{
margin-top:-10px;
}


/********************* Survey vvvv **************************************************/
div.survey div.grid_4{width: calc(33.333333% - 10px);}
div.survey div.grid_6{width: calc(50% - 10px);}
div.survey div.grid_12{width: calc(100% - 10px);}

div.survey div.grid_4, div.survey div.grid_6{
min-height:200px;
margin: 0 10px 40px 0;
border: 1px solid #AAA;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0,0,0,.2);
}


div.survey_no_border div.grid_12, div.survey_no_border div.grid_6{
  padding-left: 0px;
  padding-right: 20px;
}

div.JobInfo{
color:#444;
font-style:italic;
margin-bottom:5px;
font-size:1.25em;
}

div.Consent{
color:#3366CC;
font-style:italic;
margin:10px 0;
}

div#DivOption1{
color:#3366CC;
}



div.survey_header{
font-size:1.2em;
font-weight:bold;
text-align:center;
height:42px;
border: 0px solid #BBB;
width:100%;
margin-bottom:25px;
}

div.survey_header, label.Survey_Label{
color: #886A4F;
}

img.img_survey{
width:40%;
margin-bottom:25px;
}

div.rbcontainer{
border: 1px solid #c4b6ae;
width:200px;
height:100px;
text-align:center;
background-color:#fafafa;
margin-bottom:10px;
border-radius: 8px;
}

img.score_range{
width:100%;
}


div.rbdiv {
  border: 0px solid green;
  display: inline-table;
  /*float: left;*/
  padding: 0px;
  margin: 0 10px 0 10px;
}



label.rblbl {
  display: block;
  color: #444;
  padding: 0;
}

input[type="radio"].rbtn {
  border: none;
  border: 0px solid red;
  background-color: #FAFAFA;
  width: auto;
  vertical-align: text-top;
  margin-top: 0px;
  transform: scale(1.25,1.25);
}

input[type="checkbox"].BistateCheckBox {
  transform: scale(1.5,1.5);
  margin-bottom:10px;
}

input.rbtn {
  margin-right: 2px;
}



div.divscore{
border: 0px solid red;
height:80px;
}

div.score_desc{
font-size:1.2em;
font-weight:bold;
color:#fd5918;
margin:5px 0 0 0;
width:100%;
border: 0px solid blue;
height:28px;
}

div.score_radios{
/*float:right;*/
height:60px;
margin:0 auto;
display:inline-table;

}


input.survey_txt{
width:100%;
height:32px;
margin:5px 0;
border:1px solid #8E8174;
}

input.survey_txt::placeholder, textarea.survey_txt::placeholder {
  color:#A4887F;
  font-size:1.2em;
  font-style:italic;
}

textarea.survey_txt{
width:100%;
}

label.Survey_Label{
font-size: 1.2em;
font-weight: bold;
}

div.survey_btn_cont{
width:100%;
height:auto;
margin:auto 0;
border: 0px solid blue;
text-align:center;
margin-top:25px;
}

div.survey_btn{
width:100%;
height:60px;
margin:auto 25%;
border: 0px solid red;
text-align:center;
}

div.survey_btn a.buttonlink{
width:50%;
height:50px;
font-size: 1.2em;
font-weight: bold;
}

div#ajx_resp{
width:100%;
padding:10px;
}

div#ajx_resp p.error{
color:#FF3333;
}

div#ajx_resp p.success{
color:#339933;
margin-left:60px;	/** centralises with tick **/
}


img#survey_tick{
float:right;
display:none;
}

input.missing, div.survey div.missing {
  border: 2px solid red;
}


@media only screen and (max-width: 1280px) {
	img.img_survey{width:35%;}
}

@media only screen and (min-width: 1050px) and (max-width: 1180px) {
	img.img_survey{width:28%;}
	
}

@media only screen  and (max-width: 1050px) {
	/* w <= 1050  */
	div.survey div.grid_4,div.survey div.grid_6{
	padding-left:15px;
	padding-right:15px;
	}
	
}

@media only screen and (min-width: 600px) and (max-width: 1050px) {
	/* notepad 600 <= w <= 1050  */
	div.survey div.grid_4{
	margin:10px 12.5% 40px 12.5%;
	width: 75%;
	}
	
	div.survey div.grid_6{
	margin:10px 0 40px 0;
	width: 100%;
	}
	
	
	div.survey_no_border div.grid_12, div.survey_no_border div.grid_6 {
		padding: 0px;	
	}
	
}


@media only screen and  (max-width: 600px) {
	/* ssd w <= 600  */
	div.survey div.grid_4, div.survey div.grid_6{
	margin:10px auto 40px auto;
	width: 100%;
	}
	
	div.survey_no_border div.grid_12, div.survey_no_border div.grid_6 {
		padding: 0px;	
	}
	
}


@media only screen and  (max-width: 400px) {
	/* ssd <= 400  */
	img.img_survey{
	width:120px;
	}
	
	div.survey_header {
	  font-size: 1em;
	}
	
	div.rbcontainer {
	  width: 150px;
	  height: 100px;
	}
	
	

	input[type="radio"].rbtn {
		transform: scale(1,1);
	}
	
	div.rbdiv {
	  margin: 0 5px 0 5px;
	}
	
	div.survey_no_border div.grid_12, div.survey_no_border div.grid_6 {
		padding: 0px;	
	}
	
}

@media only screen and  (max-width: 330px) {
	/* ssd <= 330  most phones now >= 360*/
	img.img_survey{
	width:80px;
	}

}
/******************** test only vvvvvv ******************************/






/*
div.grid_4{
border: 1px red solid;}

div.grid_6{
border: 1px blue solid;}

div.grid_8{
border: 1px green solid;}



/*
#columnsdemo .grid_1,
#columnsdemo .grid_2,
#columnsdemo .grid_3,
#columnsdemo .grid_4,
#columnsdemo .grid_5,
#columnsdemo .grid_6,
#columnsdemo .grid_7,
#columnsdemo .grid_8,
#columnsdemo .grid_9,
#columnsdemo .grid_10,
#columnsdemo .grid_11,
#columnsdemo .grid_12 {
border: solid 1px blue;
color:#999;
text-align: center;
margin-top:20px;
padding:20px 15px;
}

*/