@charset "UTF-8";
/* CSS Document */

#left{clear:both; float:left; margin-left:0; width:100%; }
.small_left{border:1px solid blue; -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.4); -moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.4); box-shadow: 1px 2px 4px rgba(0,0,0,0.4); padding:5%; width:90%; margin-bottom:10px;}

#right{clear:both; float:left;	width:100%; margin-left:0;}
.small_right{width:90%; padding:5%; margin-bottom:10px; text-align:left; border:1px solid blue; -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.4); -moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.4); box-shadow: 1px 2px 4px rgba(0,0,0,0.4);}
.block{ color:blue;}

/* Print Layout: Inherits styles from: Mobile Layout. */
@media print {
#left {clear: both;	float: left; margin-left: 0; width: 40%; display: block;}
#right {clear: none; float: left; margin-left: 2.5%; width: 52%; display: block;}
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width:481px) {
#left{ width:45%;}
#right{clear:none; width:52.5%; margin-left:2.5%;}
}
/* Desktop Layout: 769px to a max of 800.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 800px) {
.block{ margin-left:30px;}
}

/* Desktop Layout: 769px to a max of 800.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 1024px) {
.small_left{box-shadow: 8px 8px 5px rgba(0,0,0,0.4); -moz-box-shadow: 8px 8px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 8px 8px 5px rgba(0,0,0,0.4);}
.small_right{box-shadow: 8px 8px 5px rgba(0,0,0,0.4); -moz-box-shadow: 8px 8px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 8px 8px 5px rgba(0,0,0,0.4);}

.reverse {unicode-bidi: bidi-override; direction: rtl; }
#hide {
    display: none;
  }

}