﻿
#secGallery {
    height:auto;
    overflow:hidden;
    clear:both;
}
#secGallery #secIntro {
    height:auto;
    overflow:hidden;
    clear:both;
    margin-bottom:10px;
}
#secGallery #secIntro .secContent.grey {
    width:750px;
    margin-right:15px;
    height:auto;
    overflow:hidden;
    float:left;
}
#secGallery #secIntro .btnShare {
    float:left;
    height:auto;
    overflow:hidden;
}

#secGallery #secFilters, #secGallery #secFilters .toprow, #secGallery #secFilters .botrow {
    height:auto;
    overflow:hidden;
    clear:both;
    color:#663433;
}
#secGallery #secFilters {
    margin-bottom:10px;
}
#secGallery #secFilters .toprow {
    text-align:right;
    margin-bottom:5px;
}
#secGallery #secFilters .botrow {
    height:59px;
    width:941px;
    background:#fff url('../img/pg/gallery/bg-filters.png') no-repeat top left;
    overflow:visible;
    clear:both;
}
#secGallery #secFilters .filteroption {
    float:left;
    margin-right:19px;
    width:190px;
    background:#fde5e5;
    border-top:solid 1px #fcd9d9;
    border-bottom:solid 1px #fcd9d9;
    color:#663433;
    font-size:12px;
    font-weight:bold;
    padding:3px 10px;
    margin-top:16px;
}
#secGallery #secFilters .filteroption.first {
    margin-left:21px;
}
#secGallery #secFilters .filteroption select {
    background:#fde5e5;
    border:none;
    float:right;
    min-width:45px;
}

#modGallery {
    height:auto;
    overflow:hidden;
    clear:both;
}

#modGallery {
    margin-left:20px;
}
#modGallery .secTitle{
    margin-bottom:5px;
}
#modGallery .storyWrapper {
    position:relative;
    background:transparent url('../img/pg/home/bg-gallery-box.png') no-repeat;
    background-position:0px 15px;
    float:left;
    height:352px;
    width:239px;
    overflow:hidden;
    margin-bottom:10px;
}

#modGallery .storyWrapper .mediaIcon {
    position:absolute;
    top:0px;
    right:5px;
    height:53px;
    width:53px;
}
#modGallery .storyWrapper .title {
    position:relative;
    width:164px;
    height:32px;
    overflow:hidden;
    color:#663433;
    font-size:14px;
    font-weight:bold;
    padding:3px 10px;
    top:16px;
    margin-left:1px;
    font-family:Arial, Helvetica;
}
#modGallery .storyWrapper .title a:link, #modGallery .storyWrapper .title a:visited, #modGallery .storyWrapper .title a:hover {
    text-decoration:none;
    color:#663433;
    font-size:14px;
    font-weight:bold;
    font-family:Arial, Helvetica;
}
#modGallery .storyWrapper .title a:hover {
    text-decoration:underline;
}
#modGallery .storyWrapper .asset {
    width:199px;
    height:217px;
    overflow:hidden;
    margin:25px 10px 10px;
}
#modGallery .asset.text {
    color:#aa6767;
    font-family:Georgia, Times;
    font-style:italic;
    font-size:16px;
}
#modGallery .asset.video {
    color:#666666;
    font-size:12px;
    margin-bottom:10px;
}
#modGallery .asset.photo {
    color:#666666;
    font-size:12px;
    margin-bottom:10px;
}
#modGallery .asset.text a:link, #modGallery .asset.text a:visited, #modGallery .asset.text a:hover {
    text-decoration:none;
    font-weight:normal;
    color:#aa6767;
}
#modGallery .asset.text a:hover {
    text-decoration:underline;
}
/*
#modGallery .asset.video {
    background:#fbcccc;
}
#modGallery .asset.photo {
    background:#00ff00;
}
*/
#modGallery .storyWrapper .infopane {
    background:#ffe5cb;
    position:absolute;
    bottom:0px;
    left:1px;
    height:45px;
    width:219px;
}
#modGallery .storyWrapper .infopane .thumbnail {
    position:absolute;
    top:-20px;
    left:0px;
}
#modGallery .storyWrapper .infopane img {
    width:45px;
    height:45px;
    border:solid 4px #fbcccc;
    margin:6px;
}
#modGallery .storyWrapper .infopane .details {
    position:absolute;
    top:5px;
    left:70px;
    color:#663433;
    font-size:12px;
    font-weight:bold;
}
#modGallery .storyWrapper .infopane .details span {
    color:#000;
    font-size:10px;
    font-weight:normal;
}





.grgPagerStyle {
    margin:10px 0px;
}
.grgPagerStyle td {
    padding-left:5px;
    padding-right:5px;
    text-align:center;
}
.grgPagerStyle td.prev {
    width:100px;
    text-align:left;
}
.grgPagerStyle td.next {
    width:100px;
    text-align:right;
}
.grgPagerStyle a:link, .grgPagerStyle a:visited, .grgPagerStyle a:hover {
    text-decoration:none;
}
.grgPagerStyle a:hover {
    text-decoration:underline;
}