/* resource */
.resourceContainer { display: inline-block; float: left; padding: 10px 35px 10px 35px; }
.resource { display: block; padding: 5px; border: solid 1px #EFEFEF !important; width: 230px; height: 280px; }
.resource:hover { border: solid 1px #CCC !important; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; }
.resource h2 { background: none repeat scroll 0 0 #ffffff; border: 0px solid #F3F3F3; color: #665353; font-size: 18px; font-weight: 400; margin-bottom: 0; margin-top: 0; padding: 8px 15px; text-align: center; }
.resource .imgSpan { vertical-align: middle; display: table-cell; height: 190px; width: 230px; }
.resource .resourceContent { color: #555555; font-size: 12px; line-height: 14px; margin-bottom: 30px; margin-top: 0; }
/* reference */
#reference-list { clear: both; }
.reference-container { display: inline-block; float: left; padding: 10px 5px 10px 5px; }
.reference { display: block; padding: 5px; border: solid 1px #EFEFEF !important; width: 145px; height: 220px; }
.reference:hover { border: solid 1px #CCC !important; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; }
.reference h2 { background: none repeat scroll 0 0 #ffffff; border: 0px solid #F3F3F3; color: #665353; font-size: 18px; font-weight: 400; margin-bottom: 0; margin-top: 0; padding: 8px 15px; text-align: center; }
.reference .img-container { vertical-align: middle; display: table-cell; height: 100px; width: 145px; }
.reference .reference-content { color: #555555; font-size: 11px; line-height: 14px; margin-bottom: 30px; margin-top: 0; }
.reference .reference-content em { font-weight: bold; }
/* media */
.media-container { padding-left: 15px; margin-bottom: 15px; margin-top: 15px; }
.media { color: #7A7A7A; font-size: 13px; line-height: 17px !important; text-decoration: none; display: block; }
.media-desc { display: block; margin-bottom: 10px; margin-top: 5px; line-height: 17px !important; }
/* in-context */
a.in-context { margin: 10px 0px 10px 0px; display: block; }
/* short readings */
.short-readings { margin-bottom: 30px; }
.short-readings li { margin-top: 5px; margin-bottom: 5px; }
.sr-title { margin-bottom: 20px !important; }
/* visual language */
p.paragraph { color: #555555; font-size: 13px; line-height: 18px; margin-bottom: 15px; margin-top: 0; }          
a.download { display: inline-block; padding: 5px 5px 5px 5px; width: 100px; text-align: center; background:#2A7FD3; 
             background: none repeat scroll 0 0 rgba(42,127,211, 0.4); color:#fff; /*text-shadow:0px 1px #999;*/ text-shadow:none; 
             transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; /*text-shadow: 0 1px #FFFFFF;*/ }
a.download:hover { background-color: #2A7FD3; }
/* sample */
.samples { display: inline-block; padding: 5px; border: solid 1px #EFEFEF !important; width: 230px; height: 150px; margin: 5px 5px 5px 5px; }
.samples:hover { border: solid 1px #CCC !important; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; }