﻿

.DefaultCustomPage
{
    padding:0px 0 0 0;   
}
.DefaultCustomPage:after { content: ".";  display: block; height: 0; clear: both; visibility:hidden } 


.DefaultCustomPage  .PageContent
{

}

.DefaultCustomPage  .PageContentPanel
{
    position:relative;
    overflow:hidden;
    border:1px solid #666666;
    padding:2px;
}

.DefaultCustomPage  .PageImage1, .DefaultCustomPage  .PageImage3, .DefaultCustomPage  .PageImage5, .DefaultCustomPage  .PageImage7
{
    margin:0px; 
    float:left; 
    position:relative; 
}
.DefaultCustomPage  .PageImage1 .Image, .DefaultCustomPage .PageImage3 .Image, .DefaultCustomPage .PageImage5 .Image, .DefaultCustomPage .PageImage7 .Image
{
    z-index:1;
    margin:0px 15px 10px 0px;
    vertical-align:top;

    -moz-box-shadow: 2px 2px 4px #666666;
    -webkit-box-shadow: 2px 2px 4px #666666;
    box-shadow: 2px 2px 4px #666666;

}

.DefaultCustomPage  .PageImage2, .DefaultCustomPage  .PageImage4, .DefaultCustomPage  .PageImage6, .DefaultCustomPage  .PageImage8
{
    margin:0px; 
    float:right; 
    position:relative; 
}
.DefaultCustomPage  .PageImage2 .Image, .DefaultCustomPage .PageImage4 .Image, .DefaultCustomPage .PageImage6 .Image, .DefaultCustomPage .PageImage8 .Image
{
    z-index:1;
    margin:0px 0px 10px 15px;
    vertical-align:top;

    -moz-box-shadow: 2px 2px 4px #666666;
    -webkit-box-shadow: 2px 2px 4px #666666;
    box-shadow: 2px 2px 4px #666666;

}
.DefaultCustomPage  .PageImage2 .ContentImageButtons, .DefaultCustomPage  .PageImage4 .ContentImageButtons, .DefaultCustomPage  .PageImage6 .ContentImageButtons /* override content.css because of float-right left-margin throwing out the left pos */
{
    position:absolute; 
    top:7px; 
    left:23px; 
    padding:0px; 
    font-size:8px;
    z-index:10;
}


.DefaultCustomPage  .ContentImageCaption
{
    background-color:rgba(255, 255, 255, 0.7);
    position:absolute;
    bottom:10px;
    font-size:9px;   
    overflow:hidden;
    color:#424242;
    padding:2px 5px 2px 5px;
    z-index:20;
    border:1px solid rgba(200, 200, 200, 0.5);
}



.DefaultCustomPage TABLE
{
    clear:left;
    background-color:White;
    margin:5px;
    -moz-box-shadow: 2px 2px 4px #666666;
    -webkit-box-shadow: 2px 2px 4px #666666;
    box-shadow: 2px 2px 4px #666666;
}
.DefaultCustomPage TH
{
    background-color:#1F753A;
    color:#DADEB8;
    font-size:14px;
    padding:5px;
}
.DefaultCustomPage TD
{
    padding:5px;
    border:1px solid #DDDDDD;
    
}


.DefaultCustomPage .Columns
{
    -webkit-column-count: auto;
    -webkit-column-width: 200px;  
    -webkit-column-gap: 25px;  
    -moz-column-rule:1px outset #EEEEEE; 
          
    -moz-column-count: auto;
    -moz-column-width: 200px;  
    -moz-column-gap: 25px;  
    -webkit-column-rule:1px outset #EEEEEE; 
      
    column-count: auto;
    column-width: 200px;  
    column-gap: 25px;    
    column-rule:1px outset #EEEEEE;
    




    background-color:White;

    margin:5px;
    -moz-box-shadow: 2px 2px 4px #666666;
    -webkit-box-shadow: 2px 2px 4px #666666;
    box-shadow: 2px 2px 4px #666666;

    padding:5px;
    
}

