body {
}

.GalleryButton {
    margin: 0px 2px 0px 2px;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    font-size: 16px;
 
}

a.GalleryButton:link, a.GalleryButton:visited {
    margin: 0px 2px 0px 2px;
    color: #0D63FF;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    text-decoration: none;
}

a.GalleryButton:hover {
    color: #0AC2FF;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 16px;
    text-decoration: none;
}

.GalleryList
{

}

.GalleryItem
{
    text-align: center;
    padding: 5px 5px 5px 5px;
    vertical-align: top;
}

 .divSelector > span.dnnInputFileWrapper > span.dnnSecondaryAction {
    display: none  !important;
    
}

 .divSelector > span.dnnInputFileWrapper {
    display: none  !important;
    
}

 
.mypage {
    clear: both;

}
.mypage .pagination {
    position: inherit;
}
.mypage .pagination li a{
    background-image: none;
    height: auto;
    width: auto;

}

 .mypage .pagination {
    border-radius: 4px;
    /*display: inline-block;*/
    margin: 20px 0;
    padding-left: 0;
}


.mypage ul {
    list-style: outside none none;
}

.mypage ul li{
    list-style: outside none none;
}

 
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #337ab7;
    border-color: #337ab7;
    color: #fff;
    cursor: default;
    z-index: 2;
}
.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #337ab7;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 16px;
    position: relative;
    text-decoration: none;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    margin-left: 0;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.toolbar {
    clear: both; padding:5px
}

.photocss {
    float:left;padding:10px;display:inline-block;overflow:hidden;position: relative;
}

.phototitlecss {
    position:absolute;bottom:0;
}

.photoeditcss {
    position:absolute;top:10px;left: 10px; cursor:move
}

.albumcss {
    position:absolute;top:10px;left:10px
}

.div-table{
  display:table;         
  width:auto;
  overflow: auto;
  
  border-spacing:5px;/*cellspacing:poor IE support for  this*/
}
.div-table-row{
  display:table-row;
  width:auto;
  clear:both;
    margin: 5px;
    padding: 5px;
   
}
.div-table-col-label{
  float:left;/*fix for  buggy browsers*/
  display:table-column;         
  width:90px;
    margin: 5px;
    text-align: right;
    
}

.div-table-col{
  float:left;/*fix for  buggy browsers*/
  display:table-column;         
  width:220px;          
  
}

.div-table-cols {
    float:left;/*fix for  buggy browsers*/
  display:table-column;         
  width:auto;       
}

.div-table-col-200 {
    float:left;/*fix for  buggy browsers*/
  display:table-column;         
  width:200px;
    text-align: right;      
    margin:6px 
}

.div-table-col-300 {
    float:left;/*fix for  buggy browsers*/
  display:table-column;         
  width:300px;
    text-align: left;      
    margin:6px 
}

.div-table-col-button {
    float:left;/*fix for  buggy browsers*/
  display:table-column;         
  width:300px;
    text-align: center;      
    margin:6px 
}


.div-table-col-40 {
    float:left;/*fix for  buggy browsers*/
  display:table-column;         
  width:40px;
    text-align: right;      
    margin:6px 
}

.div-table-col-300 {
    float:left;/*fix for  buggy browsers*/
  display:table-column;         
  width:300px;
    /*text-align: right;      
    margin:6px*/ 
}

.div-table-col-800 {
    float:left;/*fix for  buggy browsers*/
  display:table-column;         
  width:300px;
    /*text-align: right;      
    margin:6px*/ 
}

.detailview {
    width:100%
}

.detailview img {
    max-width:100%
}

.detailtitle {
    width:100%
}

.detaildescription {
    width:100%
}

.spanbutton {
    cursor: pointer;
}


@keyframes scaleUp {
    from     { opacity: 0.3; -webkit-transform: scale(0.8); }
}
@keyframes slideOutLeft {
    to         { transform: translateX(-100%); }
}

.ng-enter             { animation: scaleUp 0.5s both ease-in; z-index: 8888; }
.ng-leave             { animation: slideOutLeft 0.5s both ease-in; z-index: 9999; }

.lightboxheader {
    color: #0AC2FF;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
}

.containerLoading {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    color: #000000;
    background: #ffffff url(../../images/loading.gif) center center no-repeat;
    z-index: 100;
    opacity: 0.9;
}