html, body
{
height: 100%;
margin:0;
padding:0;
}

#wrap {
    min-height: 100%;
    width:100%;
}

#cboxContent {
    background-color: #333345;

}

#main {
    overflow:hidden;
    width:100%;
    padding-bottom: 110px;
}  /* must be same height as the footer */

#viewerFooter {
    position: relative;
    margin-top: -105px; /* negative value of footer height */
    height: 91px;
    clear:both;
    margin-left:148px;


}


.ui-tabs-panel {
    background: black
}

.mainImagePage{
  XXXwidth:600px;
  XXXheight:410px;
  background: black;
  margin-bottom:5px;
}

.mainImageMessage{
  display: none;
  /*width:600px;*/
  min-height:450px;
  background: black;
  color: white;
  text-align: center; 
  z-index: 200;
  margin-bottom:5px;
}
.mainImageMessage h3, .mainImageMessage p {
  padding: 0 3em;
  color: white;
  font-size: 30px !important;
}
.mainImageMessage h3 {
  padding-top: 6em;
  font-size: 24px !important;
}
.mainImageMessage p {
  padding-top: 1em;
  font-size: 18px !important;
  line-height: 1.4;
}
.mainImageMessage a {
  color: white !important;
  text-decoration: none !important;
}
.mainImageMessage a span,  .mainImageMessage p a {
  text-decoration: underline !important;
}
.mainImageOverlay {
    margin-left:147px;
    width:250px;
    height:250px;
    background: black;
    /*border:1px solid silver;*/
}

#side
{
    float:left;
    display:block;
}


div#imageDetails p { margin: 0 0 10px 0;  font-size: 12px; line-height: 1; color: white }
div#imageDetails p.caption { font-weight: bold; }
div#imageDetails a { color: white; text-decoration: underline }
div#imageDetails a:hover { color: white; text-decoration: none }

#imageDetailsContainer { position: relative }
.imageStatus_page { position: absolute; right: 0; top: 46px; text-align: right;  color:#fff; }

.imageStatus_overlay {

    float:right;
    margin-right: 0px;
    margin-top: 50px;
    padding-right:5px;
    color:#fff;
}



#relatedAndOther  .ui-tabs-panel {
    XXXwidth:274px;
    background:#222222;
    color:white;
    line-height:14px;
    padding: 1em
}

#relatedAndOther .ui-tabs   {
    XXXwidth:290px;
}
#relatedAndOther .columns a  {
    color: white;
    font-size: 0.8rem
}
#relatedAndOther .columns   {
    padding-bottom: 1em
}

#relatedAndOther .ui-state-default {
    background: #C9C9C9;
}

#relatedAndOther .ui-state-default a{
    font-weight:bold;
}


#relatedAndOther .ui-state-focus {
    background: #c9c9c9;
    font-weight:bold;
}




#relatedAndOther .ui-state-hover {
    background: #c9c9c9;
    border-color: #c9c9c9;
}

#relatedAndOther .ui-state-active {
   background: #222222;
}

#relatedAndOther .ui-state-active a{
   color: white;
   font-weight:bold;
}


#relatedAndOther .ui-widget-header {
    background:none;
    border:none;
}

#relatedAndOther   {
    padding:0px;
    background:none;
    border:0px;
}

#relatedAndOther li {
    border:none;
}

.relatedProjectsList a {
    color:white;
}

.relatedProjectsList a:hover {
    color:silver;
}

#relatedAndOther .ui-tabs-nav {
    padding:0px;
    background: none;
}



.relatedProjectsList {
    /*border:1px solid red;*/

    list-style-type:none;
    float:left;
    width:272px;



}

.relatedProjectsListItem {

    float:left;
    /*height:134px;*/
    padding-left:22px;
    padding-top:20px;
    padding-bottom:10px;
    width:106px;
}

.relatedTabs_Tab {
/*  height:360px;*/

}

.relatedItemsClearFix
{
    clear:both;

}