/* Tiny Carousel */
#ApprovedImages { height: 328px; overflow:hidden; text-align:center; position:relative; width: 270px; border:1px solid #ccc;}
#ApprovedImages .viewport { width: 260px; height: 230px; overflow: hidden; position: relative;margin-left: 12px; margin-top: 12px; }
#ApprovedImages .buttons { z-index:2; background:url("../../../../img/buttons.png") no-repeat scroll 0 0 transparent; display: inline-block;  text-indent: -999em; float: left; width: 39px; height: 37px; overflow: hidden; position:absolute;}
    #ApprovedImages .buttons.next { background-position: 0 0;  bottom:22px; right:0px;  }
    #ApprovedImages .buttons.prev { background-position: 0 -38px; bottom:22px; left:10px; }

#ApprovedImages .delete { position:absolute; top:10px; right:0px; display:inline-block; height:28px; width:30px;  background-color:white; border-radius:16px; padding-top:2px; border:1px solid #ddd; }

#ApprovedImages .disable { visibility: hidden; }
#ApprovedImages .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0; top: 0; }
#ApprovedImages .overview li { float: left; margin: 0 20px 0 0; padding: 1px; height: 121px;  width: 236px; position:relative;}

#ApprovedImages .pager { text-align:center; overflow:hidden; list-style: none; clear: both; margin:0;}
#ApprovedImages .pager li { display:inline-block; position:relative; }
#ApprovedImages .pagenum { background-color: #fff; text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 14px; font-weight: bold; display: block; }
#ApprovedImages .active { color: #fff; background-color:  #555555; }


#UploadImageValidationMessage{padding:.5em 2em .5em 2em;background:#fff3a5;border-radius:5px;display:none}
div.errorMessage{padding:20px;margin:10px;font-size:20px;border-radius:18px;border:1px solid #999;background-color:yellow;font-weight:bold;text-align:center}