.ImageWrapper{border:1px solid #CCC;display:block;overflow:hidden;position:relative;border-radius:3px 3px 0px 0px;}
.WhiteRounded{border:medium none;border-radius:5px;box-shadow:0 0 1px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.1) inset;display:inline-block !important;float:none !important;font-weight:normal;height:50px;line-height:68px;margin:0 2px;width:auto;text-align:center;padding:0px 10px;color:#FFF;background:#00b7ea;background:-moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #00b7ea), color-stop(100%, #009ec3));background:-webkit-linear-gradient(top, #00b7ea 0%, #009ec3 100%);background:-o-linear-gradient(top, #00b7ea 0%, #009ec3 100%);background:-ms-linear-gradient(top, #00b7ea 0%, #009ec3 100%);background:linear-gradient(to bottom, #00b7ea 0%, #009ec3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b7ea', endColorstr='#009ec3', GradientType=0);-webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-ms-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-o-box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);box-shadow:0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);}
.WhiteRounded > a{color:#FFF;display:block;font-weight:normal;}
.WhiteRounded:hover{background:#87e0fd;background:-moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #87e0fd), color-stop(40%, #53cbf1), color-stop(100%, #05abe0));background:-webkit-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);background:-o-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);background:-ms-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);background:linear-gradient(to bottom, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#87e0fd', endColorstr='#05abe0', GradientType=0);}
.ImageWrapper .StyleH{visibility:hidden;margin:0;opacity:0;position:absolute;text-align:center;width:100%;top:50%;margin-top:-20px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.ImageWrapper:hover .StyleH{opacity:1;visibility:visible;}
.ImageWrapper .ImageOverlayH{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);bottom:0;display:block;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;}
.ImageWrapper:hover .ImageOverlayH{opacity:1;}
.ImageWrapper .ImageOverlayAl{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7);height:100%;display:block;left:0;opacity:0;position:absolute;bottom:-100%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:100%;}
.ImageWrapper:hover .ImageOverlayAl{bottom:0;opacity:1;}
.ImageWrapper .ImageOverlayB{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height:100%;display:block;left:50%;opacity:0;position:absolute;top:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:0;}
.ImageWrapper:hover .ImageOverlayB{left:0;width:100%;opacity:1;}