@media screen, projection{

.mainContent { overflow: hidden; min-height: 450px;}

.download ul.tabs{ border-bottom: solid 3px #e5e5e5;}
.download ul.tabs li{ display: inline-block; border-right: solid 3px #fff;
  margin: 0 -3px -3px 0;
}
.download ul.tabs a{ padding: 10px 20px; padding: 15px 20px\0; }
.download ul.tabs a:hover{ 
  color: #fff;
background: rgb(81,142,193); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(81,142,193) 0%, rgb(40,92,138) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(81,142,193) 0%,rgb(40,92,138) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(81,142,193) 0%,rgb(40,92,138) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#518ec1', endColorstr='#285c8a',GradientType=0 ); /* IE6-9 */
}
.download ul.tabs a.current,.download ul.tabs a.current:hover,.download ul.tabs li.current a {
  cursor: default !important;
  color: #fff !important;
background: rgb(81,142,193); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(81,142,193) 0%, rgb(40,92,138) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(81,142,193) 0%,rgb(40,92,138) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(81,142,193) 0%,rgb(40,92,138) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#518ec1', endColorstr='#285c8a',GradientType=0 ); /* IE6-9 */
}





.download .panes {margin-bottom:30px; overflow:hidden;}
.download .panes div {width:100%;}
.theList h3 {width:100%; float:left; color:#333; font-size:15px; padding-left:5px; margin:20px 0 7px 0;}
.theList a {height:58px; margin:5px 4px; margin:5px 4px\0; padding:12px 9px; overflow:hidden; color:#666;
  display:inline-block; border:solid 1px #efefef; border-bottom:none; box-sizing:border-box;
-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.1);
box-shadow:0 2px 5px 0 rgba(0,0,0,0.1); float:left;
}
.theList.colunmThree a {width:calc((100%/3) - 8px);}
.theList.colunmFive a {width:calc((100%/5) - 8px);}
.theList a:hover {color:#22548d;}
.theList a img {float:right;}
.theList a span {line-height:140%; display:inline-block; margin-top:-2px;}
.theList a span.theListTitle {width:calc(100% - 32px);}
.theList a span.theListColorRed {color:#FC6719;}
}