/*  styles for responsive design:-XXXXXXXX   */

	.full_frame_v {max-width : 100%;  padding:1%; border-radius:10px;}
	.fullframe{position : relative;max-width : 100%;margin:0 auto;} 
		
	.boxcard{width:100%;margin:8px auto;border:solid 0;border-radius: 8px; padding:8px;
	box-shadow:inset 2px 2px 4px rgba(205, 205, 205, .5), inset -2px -2px 5px rgba(0, 0, 0, .5);
	padding:10px;text-align:center;color:#300;}

  .subframe{max-width : 100%;margin:0 auto;padding:8px 6px;} 
.subframe_d{width:100%;margin:0 auto; padding:6px; border:solid 1px  #ccc;border-radius:8px;} 
.subframe_u{width:400px;margin:0 auto;border:solid 1px  #f00;} 
.subframe_u1{width:100%;margin:0 auto;border:solid 1px  #f00;} 
.subframe_v{width:100%;margin:0 auto;padding:6px;}
.subframe_45{width : 45%;margin:0 auto;} 
.subframe_50{width : 50%;margin:0 auto;} 
.subframe_70{width:70%;margin:0 auto;}
.subframe_95_v{position:relative;max-width:95%;margin:0 auto;border:solid 1px  #ccc;}
.subframe_95{position:relative;max-width:95%;margin:0 auto;}
.subframe_95_R{width:95%;margin:0 auto;border:solid 1px  #f00;padding:1%;}

/*    Replacement elements not ready            */
.img_posn_left{float:left;}
.img_posn_right{float:right;}

.img40L{margin:0 auto;width:40%;float:left;}
.img50{margin:0 auto;width:50%;}
.img60{margin:0 auto;width:60%;}
.img70{margin:0 auto;width:70%;}

.img85{width:85%;margin:0 auto;}
.img90R{margin:0 auto;width:90%;float:right;}

	/*  Updated centralised img elements    */
	.img100{width:100%;}
	.img90{float:none;width:90%;margin:0 5%;}
	.img95{width:95%;margin:0 2.5%;}
	.img80{width:80%;margin:0 10%;}
		
	 .textbox     {width:80%;margin:4px auto;border:0;border-radius: 5px;
	box-shadow:inset 2px 2px 3px rgba(235, 235, 235, 1), inset -2px -2px 3px rgba(0, 0, 0, .6);
	background-color:#fce5ff; font-size:1em; line-height:1.4em;padding:8px;text-align:center;color:#300;} 
 
	  .textbox_top  {margin:8px auto;width:50%;border:0;border-radius: 5px; 
	box-shadow:inset 2px 2px 3px rgba(235, 235, 235, 1), inset -2px -2px 3px rgba(0, 0, 0, .6);
	background-color:#fce5ff; font-size:1em; line-height:1.4em;padding:8px;text-align:center;color:#300;}  
	.textdisplay{width:90%; margin:8px auto;text-align:center;padding:8px;}	
	
	.textboxf     {width:220px;margin:4px auto;
	box-shadow:inset 2px 2px 3px rgba(235, 235, 235, 1), inset -2px -2px 3px rgba(0, 0, 0, .6);
	 font-size:1em; line-height:1.4em;padding:8px;text-align:center;color:#300;} 
