/**
 * $HeadURL:  $
 * $Author: mike.bender $
 * $Revision:  $
 * Copyright 2012 All Rights Reserved 
 * Project: BoothNinja.com
 * Description: 
 */
.modal-body a {
   color: #0088cc;
   text-decoration: underline;
}
a.btn{ text-decoration: none;}
i.red {
   color: #b95d5d;
}

/* -- Admin Section ----- */

/* -- Admin -> Users ----- */
#subscribers-table tr.cancelled {
   display: none;
}

/* -- credits widget ----- */
#user-credits-avail {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   color: rgb(102, 102, 102);
   display: block;
   font-family: sans-serif;
   font-size: 16px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   height: 17px;
   line-height: 16px;
   margin: -1px 0 0;
   padding: 0 0 -1px 0;
   text-align: left;
   width: 200px;
}

#user-credits-number {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   color: rgb(204, 204, 204);
   display: block;
   float: left;
   font-family: sans-serif;
   font-size: 45px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   height: 45px;
   line-height: 45px;
   margin: -5px 5px 0 0;
   padding: 0;
   text-align: right;
   width: 50px;
}

#user-next-credits-date {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   color: rgb(153, 153, 153);
   display: block;
   font-family: sans-serif;
   font-size: 12px;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   height: 14px;
   line-height: 14px;
   margin: 2px 0 0;
   padding: 0;
   text-align: left;
   width: 200px;
}
#buy-more-credits a{ 
   text-decoration: underline;
}


/* for html editor fields */
textarea {
   width: 100%;
   max-width: 920px;
   padding: 5px;
   height: 220px;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
.wysihtml5-toolbar .btn {
   color: #333;
   font-weight: normal;
}

.bfh-selectbox > .bfh-selectbox-toggle > .bfh-selectbox-option {
   line-height: 20px;
}

.tag-item {
   padding: 3px 4px;
}

   .tag-item .close {
      display: inline-block;
   }


#dropbox-preferences-form input[type=text] {
   margin-bottom: 0;
}

/* -- author information page ----- */
#AuthorEditViewModel_Bio,
.wysihtml5-sandbox {
   max-width: 920px;
}

.uploader .user-overlay-path {
   height: 24px;
   margin: 2px 0 2px 12px;
   line-height: 24px;
   float: left;
   display: block;
}
.user-overlay-preview img {
   max-height: 90%;
   max-width: 90%;
   margin: 0 auto;
   background-color: #fff;
   border: 1px solid #8d8d8d;
   display: block;
}

.template-preview img {
   max-width: 90%;
   max-height: 396px;
   margin: 0 auto;
   background-color: #fff;
   border: 1px solid #8d8d8d;
   display: block;
}
.user-overlay-preview .modal-body {
   background: #ccc;
}

/* -- data tables ----- */
.dataTables_length div.selector select {
   height: 24px;
   line-height: 24px;
   width: 100%;
}
   .dataTables_length div.selector select option {
      height: 24px;
      line-height: 24px;
   }

/* -- admin / users ----- */
#subscribers-table .cancelled {
   display: none;
}
   #subscribers-table.all .cancelled {
      display: table-row;
   }  



/* -- client/index ----- */
#designs-grid {
   
}
   #designs-grid .icon-white {
      color: white;
   }
#designs-grid li {
   border: 1px solid #8d8d8d;
}


/* -- Preview Templates ----- */
#preview-canvas {
   background-color: #8d8d8d;
   position: relative;
   overflow: hidden;
   margin-bottom: 20px;
}
   #preview-canvas.portrait {
      height: 386px;
      width: 260px;      
   }
   #preview-canvas.landscape {
      width: 386px;
      height: 260px;
   }

#preview-canvas .photo {
   background: #eee;
   position: absolute;
   /*font-size: 42px;
   text-align: center;
   vertical-align: middle;*/
   color: #000;
}
   #preview-canvas .photo.sample1 {
      background-image: url(../../../../Images/sample1.png);
      background-position: center;
      background-repeat: no-repeat;
      -moz-background-size: 100% 100%;
      -o-background-size: 100% 100%;
      -webkit-background-size: 100% 100%;
      background-size: 100% 100%;
   }
   #preview-canvas .photo.sample2 {
      background-image: url(../../../../Images/sample2.png);
      background-position: center;
      background-repeat: no-repeat;
      -moz-background-size: 100% 100%;
      -o-background-size: 100% 100%;
      -webkit-background-size: 100% 100%;
      background-size: 100% 100%;
   }
   #preview-canvas .photo.sample3 {
      background-image: url(../../../../Images/sample3.png);
      background-position: center;
      background-repeat: no-repeat;
      -moz-background-size: 100% 100%;
      -o-background-size: 100% 100%;
      -webkit-background-size: 100% 100%;
      background-size: 100% 100%;
   }
   #preview-canvas .photo.sample4 {
      background-image: url(../../../../Images/sample4.png);
      background-position: center;
      background-repeat: no-repeat;
      -moz-background-size: 100% 100%;
      -o-background-size: 100% 100%;
      -webkit-background-size: 100% 100%;
      background-size: 100% 100%;
   }

.vertically-padded {
    padding: 15px 0;
}