﻿#rightTool  
{
    width: 165px; float: right; 
    padding: 80px 10px 20px 10px;
}
#leftTool  
{
    width: 240px; float: left; 
    padding: 80px 10px 20px 30px
}
#mainBody  
{
    width: 519px; float: left; 
    padding: 50px 20px 20px 20px;
}
#container { background: #fff url(Content/ContentSync.jpg) repeat-y; }
#content { background: url(Content/ContentTop.jpg) top left no-repeat; }

.noRightToolbar #rightTool { display: none; }
.noRightToolbar #mainBody { width: 630px; padding-top: 60px; }
.noRightToolbar #container { background-image: url(Content/ContentSync_NoRight.jpg); }
.noRightToolbar #content { background-image: url(Content/ContentTop_NoRight.jpg); }
/***** Tenant ****************************************************************/
#tenantDetail { width:100%; }
#tenantDetail ul#tabMenu { margin: 0; padding: 0; height:20px; }
#tenantDetail ul#tabMenu li { float: left; list-style: none; margin: 0 10px 5px 0; padding: 7px 9px; background: #D69622; }
#tenantDetail ul#tabMenu li.highlight { background-color:#d67437; }
#tenantDetail ul#tabMenu li a { color:#ffffff; font-size:1.2em; font-family: Georgia, "Times New Roman";  }

/** Preview Pane **/
#tenantDetail div.previewPane   
{
    background-color:#ffffff;  
    border:#ccc 1px solid;  
    padding:10px; 
    overflow:hidden; 
    width: 608px;
}
#tenantDetail div.previewPane div.description  
{
    float:left; 
    width:283px; 
    padding:10px; 
    background: #B54321 url(Content/PreviewBg.gif) top left no-repeat; 
    height:200px;
    overflow: hidden;
}
#tenantDetail div.previewPane div.full { width:588px; height:auto;  } 
#tenantDetail div.previewPane div.description div.content { width:95%; margin:auto auto; color:#fff; }                                           
#tenantDetail div.previewPane div.description div.content h3 { font-size:1.3em; font-family: Georgia, "Times New Roman"; line-height:1.3em; }
#tenantDetail div.previewPane div.description div.content a { color: #d69725; }
#tenantDetail div.previewPane div.imagePreview  
{
    float:right; 
    height:220px; 
    width:305px; 
    overflow: hidden; 
    background-color:#ccc; 
    position:relative; 
}
#tenantDetail div.previewPane div.imagePreview div.slide_item { position:absolute; }

/** Information **/
#tenantDetail div.information { width:auto; margin:10px 0 0 10px; color:#d67437; font-weight:bold; line-height:1.4em; }
#tenantDetail div.information h3 { font-size:12px; color:#006666; margin-bottom:0px; } 

/** Event Information **/
#tenantDetail div#eventInformation  
{
    width: 282px; 
    background: #006666 url(Content/EventInfoBg.gif) top left no-repeat; 
    float:right; 
    clear:right; 
    margin-top: 10px; 
    height:auto; 
    border:#ccc 1px solid;
    overflow: hidden;  
    padding: 18px 0 0 0;
}
#tenantDetail div#eventInformation div.description  
{
    padding:0 15px 7px 15px;
    background: #006666 url(Content/EventInfoBg.gif) bottom left no-repeat; 
}
#tenantDetail div#eventInformation div.description div.content { color:#fff; }
#tenantDetail div#eventInformation div.description div.content h3  
{
    font-size:1.3em; color:#7bcfd5;
    margin: 0 0 .4em 0;
    position: relative;
    top: -5px;
}
#tenantDetail div#eventInformation div.description div.content p { margin: 0 0 .7em 0; }

#tenantDetail div.controls { border:solid 1px #ccc; float:right; margin-top:10px; padding: 0 10px 10px 0; width:auto; }
#tenantDetail div.controls ul { margin: 0; padding: 0; display:block; overflow:hidden;  }
#tenantDetail div.controls ul li { float: left; list-style: none; padding: 10px 0 0 10px; }
#tenantDetail div.controls ul li.c4, 
#tenantDetail div.controls ul li.c7  
#tenantDetail div.controls ul li.c10
#tenantDetail div.controls ul li.c13  { clear:both; } 
#tenantDetail .detailFrame { width:100%; border:dashed 6px blue; }

div.eventItem { margin-bottom:15px; } 
div.eventItem div.eventItemDate { font-weight:bold; }


table.imageGalleryFrame {
    
}

table.imageGalleryFrame td { width:182px; background-color:#ffffff; }
table.imageGalleryFrame td div.preview { 
    margin:auto auto;
    height:220px;
    text-align:center;
    width:180px;
    background-position:center center;
    background-repeat:no-repeat;
    border:solid 1px #ccc;
}
table.imageGalleryFrame td div.preview a { display:block; height:220px; width:180px; } 

