/*================================================================ Boxes Styles =============================================*/

/* ======== Pagination  ======== */
#pagination { display: block; text-align:center; color:#66FFFF; padding:4px 0px; }
#pagination ul { margin-left:0px; }
#pagination ul li { display:inline; padding:0px 4px; font-size:1.1em; }
#pagination .currentPage { color:#333333; font-weight:bold; }
#pagination a { color:#666666; text-decoration:none; border: solid 1px rgb(221,232,236); padding:2px 4px;}
#pagination .prev a, #pagination .next a { border:0px;}
#pagination .prev a:hover, #pagination .next a:hover { background:none;}
#pagination a:hover { color:#000000; background-color:#CCCCCC; }

/* Link with hover effect (As in comment on this page) */
a.buttonHover  { display:block; margin:1px; padding:1px 4px 1px 2px; color:#666666; font-size:10px; text-decoration:none; }
a.buttonHover:hover { background-color:#EEEEEE; display:block; border: solid 1px #999999; margin:0px; }
a.buttonHover img { vertical-align:bottom; }

/* Banner Rotator */
#bannerRotator .imageSlideContent { position:absolute; left:9px; top:9px; color:#FFFFFF; }
#bannerRotator .imageSlideContent h1 { color:#FFFFFF; margin-bottom:0px; }
#bannerRotator .imageSlidePagingWrapper { position:absolute; top:185px; right:15px; z-index:990; }
#bannerRotator .imageSlidePaging ul { margin:0px 4px 0px 21px; }
#bannerRotator .imageSlidePaging ul li { float:left; list-style:none; margin:0px 4px; padding:0px; background:none; }
#bannerRotator .imageSlidePaging ul li a { display:block; padding:0px; color:#666666; margin:3px; background-color:#DDD; width:40px; height:40px; text-decoration:none; outline: none; }
#bannerRotator .imageSlidePaging ul li.slideSelected a,
#bannerRotator .imageSlidePaging ul li a:hover { border:solid 2px #FFFFFF; margin:1px;  }
#bannerRotator div.imageSlideContent { padding:9px 9px 0px 9px; }
#bannerRotator div.imageSlideContent p { font-family:Arial, Helvetica, sans-serif; margin-bottom:13px; }
#bannerRotator div.imageSlideContent .linksWrapper { overflow:hidden; padding-bottom:10px; }
#bannerRotator div.imageSlideContent a { display:block; padding:3px 4px; color:#FFFFFF; border: 1px solid #FFFFFF; text-decoration:none; float:left; margin-right:10px; overflow:hidden; }
#bannerRotator div.imageSlideContent a:hover {  background: #FFFFFF; color: #000000 ; filter:alpha(opacity=50); }
#templateBanner #bannerTitle.bannerRotatorTitle { left:10px; bottom:6px; }

.noThumbs #bannerRotator .imageSlidePagingWrapper { top:210px; }
.noThumbs #bannerRotator .imageSlidePaging ul li a { width:15px; height:15px; background-color:#FFFFFF; }
.noThumbs #bannerRotator .imageSlidePaging ul li.slideSelected a,
.noThumbs #bannerRotator .imageSlidePaging ul li a:hover {  background-color:#DDD; }

/* Rich text box */
#templateBody .richText { margin-bottom:0px; }
#templateBody .richText.bgGray, 
#templateBody .richText.border { margin-bottom:18px; }
#templateBody .divSize1 .colSize0.richText { margin-bottom:18px; } /*Add space if its colSize 1 and not bggray */
#templateBody .divSize1 .colSize0.richText p:last-child { margin-bottom:0px; }
.richText .boxHeader { margin-bottom:0px; }
.richText.bgGray .boxHeader { margin-bottom:0px; }
.richText.bgGray .boxContent { padding-top:18px; padding-left:9px; padding-right:9px; }
.richText.bgGray.removePaddingTop .boxContent { padding-top:0px; }
.richText.bgGray.padding9 .boxContent { margin-bottom:0px; }
.divSize1 .richText.bgGray ul,
.richText.bgGray.colSize1 ul { margin-left:13px;  }
.richText a:hover img { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }

/* Video Box  */
.videoPopup { position: relative; }
.videoPopup .videoPopupPlay { position: absolute; left: 68px; top: 47px; }
.videoPopup a.videoThumb { width:172px; height:135px; display:block; overflow:hidden; }
.videoPopup a.videoThumb:hover img.videoPopupPlay { opacity:0.8; filter:alpha(opacity=80); }
.videoPopup .videoImage { position:absolute;  }
.videoPopup .videoImageWrapper { display:none; cursor:pointer; }
.videoPopup ul { margin:2px 0px 0px 0px;  font-size:1.0em; }
.videoPopup ul li { margin:0px; padding:0px; display:block; padding:4px 9px; font-size:1.0em; line-height:1.5em; color:#333333; text-decoration:none; cursor:pointer; background:none; }
.videoPopup ul li.selected { background-color:#EEEDEA; font-weight:bold; }
.videoPopup ul li.videoLength { color:#666; }

/* Projects List Box */
.projectsList { overflow:hidden; }
.projectsList ul { margin:0px; border-top:solid 1px #CCCCCC; padding:0px; }
.projectsList ul li { list-style-type:none; font-size:1.1em; line-height:1.5em; border-bottom:solid 1px #CCCCCC; margin-top:0px; padding:4px 0px;}
.projectsList ul li a { text-decoration:none; color:#666666; }
.projectsList ul li a:hover { color:#999999; }

/* News List Box */
.newsList { overflow:hidden; padding-top:9px;}
.newsList ul { margin:0px; }
.newsList ul li { list-style-type:none; margin-bottom:9px; margin-top:0px;  border-bottom:solid 1px #CCCCCC; }
.newsList h4 { margin:0px; padding:0px; }
.newsList h4 a { font-size:0.75em; font-weight:normal; text-decoration:none; letter-spacing:normal; font-family:Verdana, Arial, Helvetica, sans-serif;}
.newsList ul li p { font-size:0.9em; margin:0px 0px 9px 0px; }
.newsListSmall ul li a { font-size:0.9em; }
.newsList .newsDate,
.newsListSmall .newsDate { color:#777777; white-space: nowrap; }

/* Events List Box */
.eventsList { overflow:hidden; padding-top:6px;}
.eventsList ul li { padding-bottom:5px; margin-bottom:5px; }
#templateWrapper .eventsList ul li p { font-size:0.9em; padding:0px; line-height:1.35em; }
#templateWrapper .eventsList ul li p.eventDate { color:#777; padding-top:4px; font-size:0.8em; }

/* Publications List Box */
.publicationsList { overflow:hidden; }
.publicationsList ul li a { font-size:0.8em; line-height:1.4em; color:#666; }
.publicationsList ul li a.publicationDate { color:#777; padding-top:6px; font-size:0.8em; }
.publicationsList ul.searchResults { list-style:none; margin-left:0px; }
.publicationsList ul.searchResults li { margin-bottom:18px; }
/*.publicationsList ul.searchResults li h4 a, ul.searchResults li div em.color { color:#1596CF; font-size:1.0em; }*/
.publicationsList ul.searchResults li .searchLink { color:#0099CC; }
.publicationsList ul.searchResults p.subtitle { font-size:1.0em; margin-bottom:0px; }
.publicationsList ul.searchResults p.searchDateISBN { color:#666666; font-size:0.9em; margin-top:1px; } 
.publicationsList ul.searchResults p.searchSummary { font-size:0.9em; margin-top:9px; }
.publicationsList ul.searchResults p.author { color:#333333; margin-top:0px; font-size:1em; }

/* Link List Box */
.linksList { background:#EEEDEA; }
.linksList .boxContent { margin-bottom:9px; }
.linksList ul { font-size:1.0em; }
.linksList ul li { font-size:1.1em; }
.linksList h3 { padding-top:9px; font-size:1.6em; }
.linksList .menuDesc a { padding-bottom:2px; color:#0066CC; }
.linksList .menuDesc a:hover { color:#0099FF; }
.linksList .menuDesc p { font-size:1.0em; padding-top:2px; line-height:1.3em; color:#5F5F58; }

/* Image, text and link */
.imageTextLink { background:#EEEDEA; }
.imageTextLink.noBG .boxContent div { padding-left:0px; padding-right:0px; }
.imageTextLink a:hover img { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }
.imageTextLink .boxContent h2 { font-size:1.4em; }
#templateWrapper .imageTextLink .boxContent h2 a { text-decoration:none; }
.imageTextLink .boxContent h3 { font-size:1.2em; margin-bottom:0px; }
#templateWrapper .imageTextLink .boxContent h3 a { color:#0066CC; text-decoration:none; }
#templateWrapper .imageTextLink .boxContent h3 a:hover { color:#0099ff; }
.imageTextLink .boxContent h4 { font-size:1.1em; margin-bottom:0px; }
.imageTextLink div div p.imageText { margin-bottom:0px; }
#templateBody .imageTextLink.noBG { margin-bottom:0px; }

/* Views List */
div.viewsList .viewsListItem { overflow:hidden; border-bottom:solid 1px #CCCCCC; margin-bottom:12px; padding-bottom:12px; }
div.viewsList .viewsListItem img { float:left; padding:0px 12px 0px 0px; }
div.viewsList .viewsListItem h2 { font-size:1.3em; margin-bottom:3px; padding-left:124px; }
div.viewsList .viewsListItem p { font-size:1.1em; margin-bottom:0px; padding-left:124px; }
div.viewsList .viewsListItem p.source { font-style:italic;}
div.viewsList .viewsListItem p.sectionDesc { margin-bottom:0px; font-size:1.1em; color:#777777 }
div.viewsList .last { margin-bottom:0px; }

div.viewsList .noThumb h2,
div.viewsList .noThumb p { padding-left:0px; }

.viewsList .boxHeader { margin-bottom:18px; }
.viewsList .divSize1 ul li { border-bottom:solid 1px #CCCCCC; }
.viewsList .divSize1 ul li a { font-size:0.8em; line-height:1.3em; overflow:hidden; }
.viewsList .divSize1 ul li a img { float:left; padding:2px 8px 2px 0px; }
.viewsList .divSize1 ul li a .date { color:#777; }

/* Divider */
#templateBody .divider { padding:0px; margin-bottom:0px; }
#templateBody .divider.addMarginBottom { padding-bottom:18px; }

/* Image Rotator */
.imageRotator { padding-bottom:12px; position:relative; }
.imageRotator .imageSlideImage { text-align: center; overflow:hidden; }
.imageRotator .imageSlideContent { text-align:left; }
.imageRotator .imageSlideData, .imageRotator .imageSlideImage { overflow: hidden; }
.imageRotator h3 { margin-bottom:6px; font-size:1.6em; color:#999; }
#templateWrapper .imageRotator p { margin-bottom:0px; font-size:1.1em; line-height:1.3em; }
.imageRotator p a:hover { text-decoration:underline; }
.imageRotator .imageSlideItem img.playButton { height: 53px; width: 53px; position: absolute; left:0px; cursor:pointer; }
.imageRotator .imageSlideItem a:hover img,
.imageRotator .imageSlideItem img.playButton:hover { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }

/* Paging */
.imageRotator .imageSlidePaging { overflow:hidden; float:right; }
.imageRotator .imageSlidePaging ul { margin:0px; float:right; }
.imageRotator .imageSlidePaging ul li { float:left; list-style:none; margin:0px 0px 0px 12px; padding:0px; background:none; }
.imageRotator .imageSlidePaging ul li a { display:block; padding:0px; border:solid 1px #BBB; color:#666666; background-color:#DDD; width:7px; height:7px; }
.imageRotator .imageSlidePaging ul li a:hover { background-color:#FF6600; color:#CCCCCC; }
.imageRotator .imageSlidePaging li.slideSelected a { background-color:#FF6600; color:#CCCCCC; }