#blackGalleryDiv {
    width: 100%;
    float:left;
    z-index: 1001;
    position: relative;
}
.blackGalleryDiv {
    float:left;
    position: fixed;
    top: 50%;
    left: 50%;
    margin:-290px 0 0 -500px;
    z-index: 999;
}
#blackoverlay {
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    display:none;
    z-index:999;
    background-color:#000;
    opacity:0.5;
    filter:alpha(opacity=50);
}
.cmggallery {
    width:642px;
    position:relative;
    height:580px;
    z-index:10;
    color:#FFF;
}
#galleftbox {
    position:absolute;
    width:642px;
    height:580px;
    background:#000;
}
#galrightbox {
    position:absolute;
    right:-358px;
    height:580px;
    background:#000;
    width:358px;
}
#galprev{
    margin-right: 7px;
}
#galprev, #galnext {
    background: #fcfcfc; /* Old browsers */
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #c4c4c4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#c4c4c4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fcfcfc 0%,#c4c4c4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fcfcfc 0%,#c4c4c4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fcfcfc 0%,#c4c4c4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-9 */
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    float: right;
    line-height: 10px;
    padding: 4px 7px 4px 6px;
}
#galprev span{
    background: url("../images/blackgallery/freestyle_sprite.png") no-repeat scroll -29px -131px transparent;
    display: block;
    height: 15px;
    width: 10px;
}

#galnext span{
    background: url("../images/blackgallery/freestyle_sprite.png") no-repeat scroll -13px -131px transparent;
    display: block;
    height: 15px;
    width: 10px;    
}

#leftheadrow {
    margin:10px 0;
    width:622px;
    display:inline-block;
}
#galheadtitle {
    width:440px;
    float:left;
    font-size:18px;
    font-weight: 500;
    height:27px;
    background-image: url("../images/blackgallery/icon-photo-2.gif");
    background-position: 12px 4px;
    background-repeat: no-repeat;
    padding: 3px 0 6px 46px;
    color:#d9d9d9;
    overflow:hidden;
}
#galnavbuttons {
    float:right;
    font-size:18px;
    color:#d9d9d9;
}
#galnavbuttons ul {
    margin:0;
    padding:0;
    display:inline-block;
    float:left;
}
#galnavbuttons ul li {
    margin:0 3px;
    display:inline;
    list-style:none;
    float:left;
}
#galnavbuttons ul li.galcounter {
    margin-top:2px;
}
#leftmiddlerow {
    width:642px;
    /*height:400px;*/
    display:inline-block;
    background:transparent url("../images/blackgallery/loading.gif") no-repeat center center;
}
#galthumbnails{
    width:600px; 
    margin:10px auto 0;
    position:relative;
}

#galimage {
    width:630px;
    height:400px;
    margin:0 auto;
    display:block;
    position:relative;
}
#galImgBox {
    width:630px;
    position:absolute;
    top:50%;
}
#galImgBox img {
    margin:0 auto;
    display:block;
}
#thumbsbox {
    width:600px;
    display:block;
    overflow:hidden;
    position:relative;
}
#thumbsbox ul {
    margin:0;
    padding:0;
}
#thumbsbox ul li {
    display:inline;
    /*margin:3px 5px;*/
    padding:0;
    width:60px;
    height:60px;
    list-style:none;
    float:left;
    background-color:#656565;
    margin-right:2px;
}
#thumbsbox ul li:hover{
    background:#8d8b8a;
}
#thumbsbox ul li a img {
    width:60px;
    height:60px;
    display:inline-block;
}
#thumbsbox ul li a {
    text-decoration:none;
}
 #galnext, #previmg a, #nextimg a, #leftscroll, #rightscroll, #exitfullgal {
    display:block;
    overflow:hidden;
    cursor:pointer;
}
#previmg {
    height:400px;
    width:20px;
    display:inline-block;
    text-align:center;
    position:absolute;
    left:0;
    z-index:200;
}
.fullGallery #previmg, .fullGallery #nextimg{
    height:100%;
}
#nextimg {
    height:400px;
    width:20px;
    display:inline-block;
    text-align:center;
    position:absolute;
    right:0;
    z-index:200;
}
#previmg a {
    background: url("../images/blackgallery/freestyle_sprite.png") no-repeat scroll -35px -28px transparent;
    cursor: pointer;
    height: 60px;
    position: absolute;
    top: 177px;
    width: 35px;
}
.fullGallery #previmg a , .fullGallery #nextimg a{
    top:40%;
}
#nextimg a {
    background: url("../images/blackgallery/freestyle_sprite.png") no-repeat scroll 0 -28px transparent;
    cursor: pointer;
    height: 60px;
    position: absolute;
    top: 177px;
    left:-14px;
    width: 35px;
}

#previmg a:hover {
    background-position:-105px -28px;
}
#nextimg a:hover {
    background-position:-70px -28px;
}

#rightscroll {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/blackgallery/freestyle_sprite.png") !important;
    background-origin: padding-box;
    background-position: -78px -129px;
    background-repeat: no-repeat;
    background-size: auto auto;
    cursor: pointer;
    height: 26px;
    margin-right: 0;
    margin-top: 14px;
    position: absolute;
    top: 5px;
    width: 25px;
    z-index: 5000004;
    right: -3px;
}
#leftscroll {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/blackgallery/freestyle_sprite.png") !important;
    background-origin: padding-box;
    background-position: -53px -129px;
    background-repeat: no-repeat;
    background-size: auto auto;
    cursor: pointer;
    height: 26px;
    margin-right: 0;
    margin-top: 14px;
    position: absolute;
    top: 5px;
    width: 25px;
    z-index: 5000004;
}
#rightscroll:hover {
    background-position:-130px -129px;
}
#leftscroll:hover {
    background-position:-105px -129px;
}
#rightheadrow, #galimgtitle, #galimgcredit, #galimgdesc {
    width:338px;
    margin:5px 10px;
    position:relative;
    display:inline-block;
}
#galoptions {
    position:relative;
    float:right;
    color:#FFF;
    width:130px;
    margin-right:-5px;
}
#gofullscreen {
    color:#F38325;
    height:17px;
    width:120px;
    float:left;
    text-align:right;
    font-size:14px;
    cursor:pointer;
    display:none;
    overflow:hidden;
    background:transparent url('../images/blackgallery/full-screen.gif') no-repeat left center;
    margin-top:5px;
}
#gofullscreen:hover{
    color:#D1701E;  
}
#exitgal {
    background-position: -194px -54px;
    cursor: pointer;
    display: none;
    float: right;
    font-weight: bold;
    height: 35px;
    margin-right: -19px;
    margin-top: -45px;
    position: relative;
    width: 35px;
    background-image:url('../images/blackgallery/cmggalicons.png');
}
#galimgtitle {
    font-size:14px;
}
#galimgcredit, #galimgcredit a {
    font-size:12px;
    color:#999;
}
#galimgdesc {
    height:290px;
    overflow-x:auto;
}
#galimgdesc, #galimgdesc a {
    color:#DDD;
    font-size:13px;
}
#galad300 {
    position:absolute;
    width:300px;
    height:250px;
    display:block;
    bottom:0;
    background-color:#AAA;
}
#galad300 iframe {
    margin:0}

#exitfullgal {
    width:20px;
    height:20px;
    display:none;
    background-image: url("../images/blackgallery/freestyle_sprite.png");
    background-position:-49px 0px;
    float:right;
}
.fullGallery {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background: url("../images/blackgallery/pattern-grey.gif") repeat scroll 0 0 #FFFFFF;;
    height:100%;
    z-index:1000;
}
#galleftbox.leftBoxFull {
    position:fixed;
    left:0;
    height:100%;
}
#galrightbox.rightBoxFull {
    position:fixed;
    right:0;
    height:100%;
}
#galthumbnails.fullThumbBox {
    position:fixed;
    bottom:0;
}
#moreGalleryPosts {
    height:580px;
    position:absolute;
    overflow:hidden;
    top:65px;
    left:20px;
    display:none;
    background-color:#000;
}
.eachGalPost {
    width:200px;
    height:150px;
    margin:5px 40px;
    overflow:hidden;
    float:left;
}
.eachGalPost a {
    color:#FFF;
    font-size:12px;
    font-weight:bold;
}
#cmgtw a {
    background-image:url('../images/blackgallery/tweetbtn.png');
    width:60px;
    height:21px;
    display:block;
}
#imgsharing li {
    list-style:none;
    display:inline;
    margin:3px;
    float:left;
}
#rightBBox {
    position:absolute;
    bottom:52px;
    margin:7px 30px;
    width:300px;
    height:250px;
    background:#666;
}
#galad300 {
    position:relative;
    display:block;
    margin-bottom:3px;
}
#cmgHLinks {
    position:fixed;
    right:0px;
    display:none;
    height:563px;
}
#hLLabel {
    position:absolute;
    top:0;
    left:0;
    font-size:22px;
    font-weight:bold;
    color:#cc3333;
    background-color:#444;
    width:300px;
    height:22px;
    text-align:center;
    letter-spacing:6px;
    font-family:'Verdana'}
#cmgHLinks ul {
    background-color:#333;
    padding-top:24px;
}
#cmgHLinks ul li {
    margin:3px;
    width:290px;
    height:60px;
    display:block;
    padding:2px;
    background-color:#222;
}
#cmgHLinks ul li a img {
    float:left;
    margin-right:5px;
}
#cmgHLinks ul li a {
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    color:#FFF;
}
#overlayBox {
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background-color:#000;
    z-index:999;
    color:#FFF;
}
#oglbTitleRow {
    display:inline-block;
    margin:10px 0 0 10px;
}
#oglbTitle {
    float:left;
    font-size:15px;
    padding:10px 0;
    font-family:'Verdana';
    font-weight:bold;
    height:10px;
}
#ogLeftBox {
    position:absolute;
    left:0;
    height:100%;
}
#ogRightBox {
    width:330px;
    position:absolute;
    right:0;
    background-color:#111;
    height:100%;
}
#ogLeft, #ogRight, #ogExit, #ogLeftScroll, #ogRightScroll, #ogLeftImage a, #ogRightImage a {
    background-image:url('../images/blackgallery/cmggalicons.png');
    display:block;
    overflow:hidden;
    cursor:pointer;
}
#ogLeft {
    width:34px;
    height:34px;
    background-position:-8px -10px;
}
#ogRight {
    width:34px;
    height:34px;
    background-position:-43px -10px;
}
#ogLeft:hover {
    background-position:-8px -45px;
}
#ogRight:hover {
    background-position:-43px -45px;
}
#oglbNavButtons {
    float:right;
}
#oglbNavButtons ul li.ogCounter {
    margin-top:9px;
}
#oglbNavButtons ul {
    margin:0;
    padding:0;
    display:inline-block;
    float:left;
}
#oglbNavButtons ul li {
    margin:0 3px;
    padding:0;
    display:inline;
    list-style:none;
    float:left;
    font-size:14px;
}
#ogrbHeadRow, #rightheadrow {
    border-bottom:1px solid #9a9b9b;
    padding-bottom:17px;
    padding-top:3px;
}
#ogExit {
    width:35px;
    height:35px;
    background-position:-194px -54px;
    float:right;
    margin:2px 0 0 0;
}
#oglbThumbnails {
    position:fixed;
    bottom:0;
    overflow:hidden;
}
#oglbThumbBox {
    position:relative;
    overflow:hidden;
    display:block;
}
#oglbThumbBox ul {
    margin:0;
    padding:0;
}
#oglbThumbBox ul li {
    display:inline;
    margin:3px 5px;
    padding:5px;
    width:50px;
    height:50px;
    list-style:none;
    float:left;
}
#oglbThumbBox ul li a img {
    width:50px;
    height:50px;
    display:inline-block;
}
#oglbThumbBox ul li a {
    text-decoration:none;
}
#ogRightScroll {
    background-position:-160px -20px;
    float:right;
}
#ogLeftScroll {
    background-position:-134px -20px;
    float:left;
}
#ogLeftScroll, #ogRightScroll {
    width:23px;
    height:23px;
    margin-top:-43px;
    position:relative;
}
#ogRightScroll:hover {
    background-position:-160px -44px;
}
#ogLeftScroll:hover {
    background-position:-134px -44px;
}
#ogLeftImage {
    height:580px;
    width:20px;
    display:inline-block;
    text-align:center;
    position:absolute;
    left:0;
}
#ogRightImage {
    height:580px;
    width:20px;
    display:inline-block;
    text-align:center;
    position:absolute;
    right:0;
}
#ogLeftImage a {
    width:13px;
    height:35px;
    background-position:137px -9px;
    display:inline-block;
    margin-top:275px;
    position:relative;
}
#ogRightImage a {
    width:13px;
    height:35px;
    background-position:120px -9px;
    display:inline-block;
    margin-top:275px;
    position:relative;
}
#ogLeftImage a:hover {
    background-position:137px -45px;
}
#ogRightImage a:hover {
    background-position:120px -45px;
}
#oglbImageRow {
    display:inline-block;
}
#ogImageBox {
    position:relative;
    display:block;
    margin:0 auto;
    text-align:center;
}
#ogImage {
    position:absolute;
    top:50%;
}
#ogImage img {
    position:relative;
}
#ogrbTitle {
    font-size:14px;
    font-weight:bold;
}
#ogrbCredit, #ogrbCredit a {
    font-size:12px;
    color:#999;
}
#ogrbDesc {
    height:290px;
    overflow-x:auto;
}
#ogrbDesc, #ogrbDesc a {
    color:#DDD;
    font-size:13px;
    line-height:16px;
}
#ogrbHeadRow, #ogrbTitle, #ogrbCredit, #ogrbDesc {
    width:310px;
    margin:5px 10px;
    position:relative;
    display:inline-block;
}
#thumbsbox ul li.activeThumb {
    background-color:#FFF;
    padding:0;
}
#ogtw a {
    background-image:url('../images/blackgallery/tweetbtn.png');
    width:60px;
    height:21px;
    display:block;
}
#ogImgSharing li {
    list-style:none;
    display:inline;
    margin:12px 3px 3px 3px;
    float:left;
}
#ogRBBoxes {
    position:absolute;
    margin:7px 15px;
}
#ogrbMrec, #ogHotlinks {
    position:relative;
    display:block;
}
#ogrbMrec {
    margin-bottom:3px;
}
#ogHLLabel {
    position:absolute;
    top:0;
    left:0;
    font-size:22px;
    font-weight:bold;
    color:#cc3333;
    background-color:#444;
    width:300px;
    height:22px;
    text-align:center;
    letter-spacing:6px;
    font-family:'Verdana'}
#ogHotlinks ul {
    background-color:#333;
    padding-top:24px;
}
#ogHotlinks ul li {
    margin:3px;
    width:290px;
    height:60px;
    display:block;
    padding:2px;
    background-color:#222;
}
#ogHotlinks ul li a img {
    float:left;
    margin-right:5px;
}
#ogHotlinks ul li a {
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    color:#FFF;
}
#ogMoreGalPosts {
    position:absolute;
    overflow:hidden;
    top:65px;
    left:20px;
    display:none;
    background-color:#000;
}
#o2012mt {
    margin:5px 0;
}
#imageOverlayBG {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:99999;
    display:none;
    overflow-x:auto;
    overflow-y:scroll;
    background-color:rgba(255, 255, 255, 0.6);
}
#overlayBG {
    width:1000%;
    height:1000%;
    position:absolute;
    bottom:0;
    left:0;
    overflow:hidden;
}
#imageBox {
    position:relative;
    margin:0 auto;
    width:920px;
    display:block;
    border:1px solid #BBB;
    background-color:#FFF;
}
#imageBox #topBar {
    width:900px;
    border-bottom:1px solid #BBB;
    height:70px;
    padding:10px;
    display:block;
}
#imageBox #middleBar {
    width:900px;
    padding:10px;
    display:block;
}
#imageBox #middleBar img {
    max-width:880px;
    margin:0 auto;
    display:block;
}
.bodynoscroll {
    overflow:hidden !important;
}
#closeBar {
    position:fixed;
    margin-left:920px;
    color:#FFF;
    background-color:#900030;
    width:50px;
    height:50px;
    font-weight:bold;
    font-size:40px;
    line-height:50px;
    text-align:center;
    top:0;
    cursor:pointer;
}
#userEngagement {
    width:280px;
    float:right;
    background-color:#EEE;
    padding:32px 0 33px 10px;
    margin:-10px -10px 0 0;
    border-left:1px solid #BBB;
}
#imageBox #bottomBar {
    padding:10px;
    border-top:1px solid #BBB;
}
#fblink, #tweetlink {
    margin-top:3px;
}
#userInfo {
    width:610px;
    float:left;
    font-weight:bold;
    font-size:16px;
}
#userInfo img {
    float:left;
    margin-right:10px;
}
#hprules, #hpsubmitbtn {
    float:left;
}
.DM53-widget ul li {
    background-color:#444;
    border:4px solid #666;
    height:60px;
    margin:0;
    padding:1em;
    width:272px;
}
#thumbsbox ul li { cursor: pointer; }