﻿
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }

/* workarounds */
* html .ui-autocomplete { width: 1px; }
/* without this, the menu expands to 100% in IE6 */

.ui-menu { list-style: none; padding: 2px; margin: 0; display: block; float: left; }
.ui-menu .ui-menu { margin-top: -3px; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: .2em .4em; line-height: 1.5; zoom: 1; }
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif /*{ffDefault}*/; font-size: 1.1em /*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif /*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa /*{borderColorContent}*/; background: #ffffff /*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png) /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/; color: #222222 /*{fcContent}*/; }
.ui-widget-content a { color: #222222 /*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa /*{borderColorHeader}*/; background: #cccccc /*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/; color: #222222 /*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222 /*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3 /*{borderColorDefault}*/; background: #e6e6e6 /*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png) /*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/; font-weight: normal /*{fwDefault}*/; color: #555555 /*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555 /*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999 /*{borderColorHover}*/; background: #dadada /*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png) /*{bgImgUrlHover}*/ 50% /*{bgHoverXPos}*/ 50% /*{bgHoverYPos}*/ repeat-x /*{bgHoverRepeat}*/; font-weight: normal /*{fwDefault}*/; color: #212121 /*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121 /*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa /*{borderColorActive}*/; background: #ffffff /*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png) /*{bgImgUrlActive}*/ 50% /*{bgActiveXPos}*/ 50% /*{bgActiveYPos}*/ repeat-x /*{bgActiveRepeat}*/; font-weight: normal /*{fwDefault}*/; color: #212121 /*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121 /*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1 /*{borderColorHighlight}*/; background: #fbf9ee /*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png) /*{bgImgUrlHighlight}*/ 50% /*{bgHighlightXPos}*/ 50% /*{bgHighlightYPos}*/ repeat-x /*{bgHighlightRepeat}*/; color: #363636 /*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636 /*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a /*{borderColorError}*/; background: #fef1ec /*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png) /*{bgImgUrlError}*/ 50% /*{bgErrorXPos}*/ 50% /*{bgErrorYPos}*/ repeat-x /*{bgErrorRepeat}*/; color: #cd0a0a /*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a /*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a /*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; }

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px /*{cornerRadius}*/; -webkit-border-top-left-radius: 4px /*{cornerRadius}*/; -khtml-border-top-left-radius: 4px /*{cornerRadius}*/; border-top-left-radius: 4px /*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px /*{cornerRadius}*/; -webkit-border-top-right-radius: 4px /*{cornerRadius}*/; -khtml-border-top-right-radius: 4px /*{cornerRadius}*/; border-top-right-radius: 4px /*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px /*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px /*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px /*{cornerRadius}*/; border-bottom-left-radius: 4px /*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px /*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px /*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px /*{cornerRadius}*/; border-bottom-right-radius: 4px /*{cornerRadius}*/; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa /*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlOverlay}*/ 50% /*{bgOverlayXPos}*/ 50% /*{bgOverlayYPos}*/ repeat-x /*{bgOverlayRepeat}*/; opacity: .3; filter: Alpha(Opacity=30) /*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px /*{offsetTopShadow}*/ 0 0 -8px /*{offsetLeftShadow}*/; padding: 8px /*{thicknessShadow}*/; background: #aaaaaa /*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png) /*{bgImgUrlShadow}*/ 50% /*{bgShadowXPos}*/ 50% /*{bgShadowYPos}*/ repeat-x /*{bgShadowRepeat}*/; opacity: .3; filter: Alpha(Opacity=30) /*{opacityShadow}*/; -moz-border-radius: 8px /*{cornerRadiusShadow}*/; -khtml-border-radius: 8px /*{cornerRadiusShadow}*/; -webkit-border-radius: 8px /*{cornerRadiusShadow}*/; border-radius: 8px /*{cornerRadiusShadow}*/; }

/* Tags
=============================*/
.list_tags { max-height: 70px; overflow: auto; margin-bottom: 5px; }
.list_tags .itemtag { float: left; position: relative; color: blue; }
.list_tags .itemtag a.deletetag { display: none; width: 16px; height: 16px; background: transparent url("Images/DeleteRed.png") no-repeat center; }
.list_tags .itemtag:hover a.deletetag { display: block; position: absolute; right: 0; top: 2px; z-index: 9999; cursor: pointer; }
.lozenge-static { display: inline-block; background-color: #D2E0EE; background-image: -moz-linear-gradient(#E9F4FF, #D2E0EE); border: 1px solid #AFBFCF; text-align: center; padding: 1px 6px; margin: 0 1px 1px 0; }
.txtTags { width: 70%; }
#insertTags { width: 25%; display: inline-block; background: -moz-linear-gradient(center top , #EEEEEE, #E0E0E0) repeat scroll 0 0 #EEEEEE; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; color: Blue; height: 23px; line-height: 23px; text-align: center; text-decoration: none; cursor: pointer; }
.cms-group-box { border: 1px solid #DFDFDF; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 5px #EBEBEB; margin-bottom: 10px; }
.cms-group-box .cmd-group-hdr { font-weight: bold; border-left: 5px solid red; background-color: #F5F5F5; padding: 5px; }
.cms-group-box .cmd-group-padding { padding: 10px; }



.template-add-color { background: url("Images/icon-24-add-color.png") no-repeat 0 50%; }
.template-choose-color, .template-add-color { float: left; margin-right: 3px; }
.template-choose-color span { border-radius: 4px 4px 4px 4px; }
.template-choose-color, .template-add-color, .template-choose-color span { height: 24px; width: 24px; display: block; }
.template-choose-color.has-color, .template-choose-color:hover { border-color: #000; }

table#upload-template { width: 100%; border-collapse: collapse; }
table#upload-template tr td { vertical-align: top; border: 1px solid #C4C4C4; padding: 0 15px 15px 15px; }
#upload-template .buttonPlaceholder { width: 300px; cursor: pointer; }
#upload-template .buttonPlaceholder { position: relative; overflow: visible; display: inline-block; height: 18px; border: 1px solid #d4d4d4; margin: 0; text-decoration: none; text-shadow: 1px 1px 0 #fff; font: 11px/normal sans-serif; color: #333; white-space: nowrap; cursor: pointer; outline: none; background-color: #ececec; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec)); background-image: -moz-linear-gradient(#f4f4f4, #ececec); background-image: -o-linear-gradient(#f4f4f4, #ececec); background-image: linear-gradient(#f4f4f4, #ececec); -webkit-background-clip: padding; -moz-background-clip: padding; -o-background-clip: padding-box; /*background-clip: padding-box;*/ /* commented out due to Opera 11.10 bug */ -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; /* IE hacks */ zoom: 1; *display: inline; }
#upload-template .buttonPlaceholder { border-color: #3072b3; border-bottom-color: #2a65a0; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color: #fff; background-color: #3072b3; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3)); background-image: -moz-linear-gradient(#599bdc, #3072b3); background-image: -o-linear-gradient(#599bdc, #3072b3); background-image: linear-gradient(#599bdc, #3072b3); }
#upload-template .buttonPlaceholder:hover, #upload-template .buttonPlaceholder:focus, #upload-template .buttonPlaceholder:active{ border-color: #2a65a0; border-bottom-color: #3884CF; color: #fff; background-color: #3072b3; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3072b3), to(#599bdc)); background-image: -moz-linear-gradient(#3072b3, #599bdc); background-image: -o-linear-gradient(#3072b3, #599bdc); background-image: linear-gradient(#3072b3, #599bdc); }
#upload-template .buttonPlaceholder::-moz-focus-inner { padding: 0; border: 0; }
#upload-template .upload-info { width: 300px; margin-right: 20px; background: #EAEAEA; }

#upload-template .progressWrapper { width: 100%; overflow: hidden;margin-bottom:10px; }
#upload-template .progressContainer { padding: 4px; border: solid 2px #E8E8E8; background-color: #F7F7F7; overflow: hidden; margin: 0; }
#upload-template .progressContainer.uploadProgress { border-color: #E3611E; }
#upload-template .progressContainer.uploadComplate { border-color: #3BA633; }

#upload-template .photo-thumbnails { background: none repeat scroll 0 0 #EAEAEA; margin-bottom:10px; clear: left; }
#upload-template .photo-thumbnails.last{margin:0;}
#upload-template .photo-thumbnails .photo-thumbnails-hdr{ position: relative;
  margin: 0;
  padding: 10px;
  background-color: #EEEEEE;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  border-bottom: 2px solid #C4C4C4;
   color: #3F729B;font-weight:bold;
  }

#upload-template .photo-thumbnails ul { margin: 0; padding: 0; }
#upload-template .photo-thumbnails ul li:after{display:block;height:1px;left:0;right:0;content:"";overflow:hidden;background: none repeat scroll 0 0 #DDDDDD;border-bottom: 1px solid #F6F6F6;bottom: -1px;}
#upload-template .photo-thumbnails ul li { list-style: none; display: inline; float: left;  padding: 20px 0 0; position: relative; width: 20%; }
#upload-template .photo-thumbnails ul li .photo-container { display: block; position: relative; }
#upload-template .photo-thumbnails ul li .photo-wrapper { margin: 15px 20px 35px; position: relative; }
#upload-template .photo-thumbnails ul li .photo-wrapper .photo-title-wrapper{position: absolute;width:147px;height:70px;opacity:0.5;filter:alpha(opacity=50); /* For IE8 and earlier */z-index:1;background-color: rgba(0, 0, 0, 0.7);color:White;}
#upload-template .photo-thumbnails ul li .photo-wrapper .photo-title-wrapper .photo-title{ padding:2px 3px;font-size:11px;overflow:hidden;}
#upload-template .photo-thumbnails ul li .photo-wrapper .photo-title-wrapper .photo-input{width:147px;height:70px;padding:0;margin:0;border:none;background-color:White;font-size:11px;}
#upload-template .photo-thumbnails ul li .photo-wrapper .imgImg { position: absolute; bottom: 0; left: 0; right: 0; top: 0; background-size: 100% 100%; }
#upload-template .photo-thumbnails ul li .photo-wrapper .photoShadow { background-color: rgba(0,0,0,0.1); border: 1px solid rgba(0,0,0,0.12); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; -webkit-transition: background-color 0.05s ease-out; -moz-transition: background-color 0.05s ease-out; -o-transition: background-color 0.05s ease-out; transition: background-color 0.05s ease-out; }
#upload-template .photo-thumbnails ul li .imgContainer { position: relative; display: block; padding-bottom: 100%; }
#upload-template .photo-thumbnails ul li .bg { position: absolute; top: 0; left: 0; bottom: 0px; width: 100%; margin:-5px; padding: 5px; background: rgba(204,204,204,0.8) url(Images/white-gradient-300px.png) repeat-x 0 100%; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.04), 0 1px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.04), 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 0 0 1px rgba(0,0,0,.04), 0 1px 5px rgba(0,0,0,0.1); -webkit-transition: all 0.15s ease-out 0.1s; -moz-transition: all 0.15s ease-out 0.1s; -o-transition: all 0.15s ease-out 0.1s; transition: all 0.15s ease-out 0.1s; }
#upload-template .photo-thumbnails ul li:hover .bg { margin: -25px -12px -28px -12px; padding: 25px 12px 28px 12px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.04), 0 1px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.04), 0 1px 5px rgba(0,0,0,0.2); box-shadow: 0 0 0 1px rgba(0,0,0,.04), 0 1px 5px rgba(0,0,0,0.2); }

#upload-template .photo-thumbnails ul li .action-toolbar{position:absolute; display:none;bottom:-22px;width:147px;height:16px;}
#upload-template .photo-thumbnails ul li .editPhoTo,#upload-template .photo-thumbnails ul li .deletePhoTo{ width:16px;height:16px;cursor:pointer;display:block;float:left;margin-right:8px;}
#upload-template .photo-thumbnails ul li .deletePhoTo{ background: url("Images/icon-16-trash.png") no-repeat 0 0;}
#upload-template .photo-thumbnails ul li .editPhoTo{ background: url("Images/icon-16-edit.png") no-repeat 0 0;}
#upload-template .photo-thumbnails ul li:hover .action-toolbar{display:block;}


/* Album Image*/
.categoryThumbnail { float: left; padding: 10px; height: 300px; width: 250px; background: transparent; position: relative; }
.categoryHoverThumbnail { width: 215px; padding: 0 20px; }
.categoryThumbnail:hover { background-color: #f5f3f0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-color: #e9e8e4; }
.categoryThumbnail .thumbnailMeta { text-align: center; }
.categoryThumbnail .thumbnailMeta .description { width: 210px; }
.categoryThumbnail .thumbnailMedia { background: url("Images/explore_frame.png") top left no-repeat; padding: 20px 0 0 17px; height: 200px; width: 200px; position: relative; overflow: hidden; }
.categoryThumbnail .thumbnailMedia a.fiximg { height: 177px; overflow: hidden; display: block; width: 177px; }
.categoryThumbnail .thumbnailMedia img { height: 177px; overflow: hidden; display: block; margin: 0 auto;width: 177px; }
.categoryThumbnail .optionsMenu { position: absolute; z-index: 1000; display: none; top: 39px; right: 4px; }
.categoryThumbnail:hover .optionsMenu { display: block; }