/* ------------------------------------------------------------------------------------------------

   CMS Core Styles

------------------------------------------------------------------------------------------------ */

/* Font Awesome - http://fortawesome.github.com/Font-Awesome - attribution */
@font-face {
  font-family: "LCMSFontAwesome"; /* scoped to not conflict with users */
  src: url('webfont/fontawesome-webfont.eot');
  src: url('webfont/fontawesome-webfont.eot#iefix') format('eot'), url('webfont/fontawesome-webfont.woff') format('woff'), url('webfont/fontawesome-webfont.ttf') format('truetype'), url('webfont/fontawesome-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


 
/* Region Menus
--------------------------------------------*/
.actions { margin:0!important; list-style:none !important; line-height:1 !important; text-align:left !important; color:#FFF !important; clear:both !important; font-family:"Helvetica Neue",arial,helvetica,sans-serif !important; text-align:center !important; cursor:move; position: relative; *z-index:1; }
.actions li,
.actions ul { list-style:none !important; margin:0 !important; padding:0 !important; background:none !important;  }
.actions li { display:inline; float:left;  }
.actions a,
.actions a:link,
.actions a:visited { border-left:3px solid #3ba0d7 !important; padding:1px 24px 0 6px !important; line-height:12px !important; /*z-index:10003 !important; */ text-decoration:none !important; border-right:none !important; border-top:none !important; border-bottom:none !important; background:none !important;  }
.actions a:hover,
.actions a:active { border-color:#eaa440 !important;  } 
.actions img { background:none !important; border:none !important; text-decoration:none !important; padding:0 !important; margin:0 !important;  }
.actions li a,
.actions li a:link,
.actions li a:visited { font-weight:bold !important; font-family:"Helvetica Neue",arial,helvetica,sans-serif !important; font-size:12px !important; color:#FFF !important; display:block !important; text-decoration:none !important; float:none !important; letter-spacing: 0; }
.actions li li { padding:0 8px !important;  }
.actions li li a,
.actions li li a:link,
.actions li li a:visited { border:0 !important; padding:3px 0 !important; color:#CCC !important; border:none !important;  }
.actions li li a:hover { color:#FFF !important;  }
.actions li li { white-space:nowrap !important; width:156px !important;  }
.actions li ul { position:absolute !important; background:url(images/actionsMenu.png) no-repeat left bottom !important; width:199px !important; padding:18px 6px 18px 0 !important; margin:0 0 0 -12px !important; left:-999em !important; float:none !important; height:auto !important; z-index:10000 !important;  }
* html .actions li ul { background:#000 !important;  }
*:first-child+html .actions li ul { padding:18px 6px 18px 0 !important; margin:0 0 0 -12px !important;  }
.actions li:hover ul,
.actions li.sfhover ul { left:auto !important;  } 
.actions.disabledMenu li:hover ul,
.actions.disabledMenu li.sfhover ul { left:-999em !important; }

/* Drag and Drop
--------------------------------------------*/
.ui-sortable-placeholder { border:1px dashed #c0c0c0; visibility:visible !important; margin-bottom: 10px; }
.ui-sortable-placeholder * { visibility:hidden;  }
.ui-sortable-helper .dragable { position:relative; top: -50px; } /* The toolbar pushes elements that are being dragged down 50px. This adjusts for that issue. */

.regionBoundary { margin:0 !important; padding:0 !important; }
.regionName { display:none; }
 
/* "Add Element" Controls
--------------------------------------------*/
.inlineContentAdder { margin:0 !important; padding:0 !important; list-style:none !important; line-height:14px !important; text-align:left !important; color:#FFF !important; /*position:relative !important; */ clear:both !important; font-family:"Helvetica Neue",arial,helvetica,sans-serif !important; text-align:center !important; text-transform: capitalize; letter-spacing: 0; }
/*.inlineContentAdder .content { background:url(http://7457.http.cdn.softlayer.net/Styles/images/actionsBar.png) no-repeat right top !important; padding:4px 12px !important; font-size:12px !important; text-align:left !important;  }
* html .inlineContentAdder .content { padding:8px 12px !important; background:#000 url(http://7457.http.cdn.softlayer.net/Styles/images/actionsBar.gif) repeat-x left top !important;  }
*:first-child+html .inlineContentAdder .content { height:1% !important;  } */
.inlineContentAdder p { margin:0 0 0.5em !important; line-height:1.3em !important; }
.roundedTop { height:6px !important; background:url(images/actionsBar_RT.png) no-repeat right top !important; margin-left:6px !important;  }
.roundedTop .rLeft { height:6px !important; background:url(images/actionsBar_LT.png) no-repeat left top !important; margin-left:-6px !important;  }
.roundedBottom { height:10px !important; background:url(images/actionsBar_RB.png) no-repeat right bottom !important; margin-left:6px !important;  }
.roundedBottom .rLeft { height:10px !important; background:url(images/actionsBar_LB.png) no-repeat left top !important; margin-left:-6px !important;  }
* html .roundedTop,* html .roundedBottom { display:none !important;  }
.roundedMiddle { position: relative;  background:url(images/actionsBar_L.png) repeat-y left top !important; padding:0 0 0 2px !important;  }
.roundedMiddle .rLeft { background:url(images/actionsBar.png) no-repeat right top !important; padding:4px 12px 4px 10px !important; font-size:12px !important; text-align:left !important; margin:0 !important; height:1% !important;  }
* html .roundedMiddle { background:none !important; padding:0 !important; border:1px solid #000 !important;  }
* html .roundedMiddle .rLeft { background:#000 url(images/actionsBar.gif) repeat-x right top !important; padding:8px 12px 8px 10px !important; border:1px solid #333 !important;  }

.inlineContentAdder a,
.inlineContentAdder a:link,
.inlineContentAdder a:visited,
.inlineContentAdder a:hover,
.inlineContentAdder a:active { border:none !important; line-height:1em !important; text-decoration:none !important; color:#CCC !important; background:url(../Images/Icons/add_16.gif) no-repeat left center; padding-left:18px !important; font-weight:bold !important; font-family:"Helvetica Neue",arial,helvetica,sans-serif !important; font-size:12px !important;  }
.inlineContentAdder a:hover { color:#FFF !important;  }
.inlineContentAdder .dropdown { font-weight:normal !important; font-family:"Helvetica Neue",arial,helvetica,sans-serif !important; font-size:12px !important;  }
.inlineContentAdder .cancel { background:url(../Images/Icons/del_16.gif) no-repeat left center !important;  }
.inlineContentAdder a.copy,
.inlineContentAdder a.copy:link,
.inlineContentAdder a.copy:visited,
.inlineContentAdder a.copy:hover { padding-left:0px !important; background-image:none !important; color:#CCC !important; text-decoration:underline !important;  } 
.inlineContentAdder a.copy:hover { text-decoration:underline !important; color:#FFF !important;  }

.noContent { display:block;  }

/* Page Settings
--------------------------------------- */ 
 
dl.stats dt,
dl.stats dd { display:inline; float:left; margin:0 1em 0.5em 0; padding:0;  }
dl.stats dd { margin-right:3em;  }
dl.stats { margin-bottom:1.5em;  }
 
/* .adminButton { border:2px solid; font-weight:bold; text-transform:capitalize; padding:0.25em 0.5em;  } */
 
table.redirect { border:none;  }
table.redirect td,
table.redirect th { padding:0.25em 0; border:none;  }
table.redirect th { font-weight:bold; border-bottom:1px solid;  }
table.redirect td { font-weight:normal; border-bottom:1px dotted;  }
 
.customStatsBar { border:1px solid !important;  }
 
*:first-child+html #toolbar .suckerfish li:hover,
*:first-child+html #toolbar .suckerfish li.sfhover,
*:first-child+html .actions li:hover,
*:first-child+html .actions li.sfhover { position:static;  }
 
/* Link buttons
------------------------------------------- */
a.waterButtons,
a.waterButtons:link,
a.waterButtons:visited { border:2px solid #C5C3B6; padding:4px 8px; background:#FFF url(images/waterButtons_tile.gif) repeat-x left -6px; clear:both; text-decoration:none; color:#6E6F71; font-weight:normal; font-family:verdana,arial,helvetica,sans-serif; font-size:11px;  }

/* Login element
------------------------------------------- */
.loginElement p { margin:0; padding:0; line-height:1em;  }
.loginElement label { display:block; margin:5px 0;  }
.loginElement input { clear:both; margin:5px 0; display:block;  }
.loginElement span label,
.loginElement span input { display:inline; margin:0; padding:0 0 0 1px;  }
 
/* Blog Element
------------------------------------------ */
.blogList ul { padding:0; margin:0; list-style:none;  }
.blogList li { list-style:none;  } 
.blogList .postBody { display:block;  }
.blogList .postInfo { margin-bottom:1em;  } 
.blogList .postInfo,
.postDate { font-style:italic;  } 
.postViewInfo { display:block; padding:10px 2%; font-size:.9em !important; color:inherit !important; margin:10px 0 !important; background:url('images/tag-bg-tile-over.png'); border-top:1px solid #ccc; border-bottom:1px solid #ccc;  }
.postViewInfo a { text-decoration:underline !important; color:inherit !important; font-size:1em !important;  }
.postViewInfo a:hover { text-decoration:none !important;  }

ul.postViewtags { display:inline !important; margin:0 !important; padding:0 !important;  }
ul.postViewTags:before { content:' filed under ';  }
ul.postViewTags li { display:inline; list-style:none; padding:0 !important; margin:0 -2px 0 0 !important; background-image:none !important;  }
ul.postViewTags li:before { content:',';  }
ul.postViewTags li:first-child:before { content:'';  }

.postViewInfo ul { display:inline !important; margin:0 !important; padding:0 !important;  }
.postViewInfo span.ieOnly { display:none;  }
.postViewInfo span.ieOnly { font-weight:normal !important;  }

div.comments dd.comment { padding:1em 1.5em; background:#F9F9F9;  }
div.comments dt.comment { border-bottom:2px solid #FFF; padding:1em 1.5em; background:#F9F9F9;  }
div.comments dd.alternate,div.comments dt.alternate { background:#EEE;  } 

p.commentDate { font-style:italic;  } 
div.commentsForm label { display:block;  } 
div.commentsForm input { width:65%;  } 
div.commentsForm textarea { width:99%; height:175px;  }

ul.tagCloud { margin-left:0; padding-left:0; font-size:0.75em;  }
ul.tagCloud li { list-style:none; margin-left:0; padding-left:0; padding-right:0.5em; display:inline; background-image:none !important; background-color:transparent !important; border:0 !important;  }

#manage_posts_table table { width:100%; margin:10px 0 0 0;  }
#manage_posts_table th { font-weight:bold; padding:5px 5px; border:1px solid;  }
#manage_posts_table td { padding:5px; border:1px solid;  }
#manage_posts_table td a { font-weight:normal;  }
 
/* Sign Up Element
--------------------------------------- */
fieldset.SignUpElement { border:solid 1px #555555; padding:5px;  }
 
/* Calendar Element
--------------------------------------- */
.eventsCalendar table { border:1px solid #CCC; width:100%; border-collapse:collapse;  }
.calendarDay,
.calendarToday,
.calendarDayHeader,
.calendarTitle td,
.calendarWeekendDay,
.calendarOtherMonthDay { padding:2px; border:1px solid #CCC; background:#FFF;  }
.eventsCalendar table table,
.eventsCalendar table table td { border:none !important; width:100%; border-collapse:collapse;  }
table.calendarTitle td { text-align:center; background:#444; color:#FFF; font-weight:bold; padding:6px 4px }
.calendarNextPrevious { font-weight:normal;  } 
.calendarNextPrevious a { color:#FFFFCC !important;  } 
.calendarToday { color:#000; background:#FFFFEC;  }
.calendarDayHeader { color:#FFF; background:#777; font-weight:bold; height:1px; text-align:center; padding:4px 2px;  }
.calendarWeekendDay { background:#EFEFEF;  }
.calendarOtherMonthDay { color:#777; background:#DDD;  } 

/* Search Element
--------------------------------------- */
ul.searchResults { margin:0; padding:0;  }
.searchResults li { list-style:none; padding:3px 0; margin:5px 0;  }
.searchTitle { font-size:1.2em;  }
.searchTerm { font-weight:bold; background:url(images/search_term_bg.png);  }
#pagination { width:100%; display:block; float:left; margin:0; padding:1em 0;  }
#pagination li { list-style:none; float:left; padding:0; margin:.2em; display:inline; background-image:none;  }
#pagination li a { float:left; margin:0; padding:5px 7px; line-height:1em !important; text-decoration:none; border:1px solid; background-image:none;  }
#pagination li.selected { padding:5px 7px; margin:0; font-size:1.1em; font-weight:bold;  }

 
/* Evites Element
--------------------------------------- */
.EviteElement label { display:block; font-weight:bold;  }
.EviteElement input,.EviteElement textarea { width:86%; min-width:100px; max-width:450px;  }
.EviteElement textarea { height:5em;  }
.EviteElement .EviteButton { width:auto;  }
 
#ibox_content { height:auto !important; height:350px; min-height:350px; max-height:500px;  }



/* Image Element
NOTE: These styles apply to the admin interface (Add or Edit Images) as well as the inline image element blankstates!
'!important' is used on purpose to make sure we reduce style conflicts, because these are mixed in with designs and css we don't control.
--------------------------------------- */
.lcms-img-blankstate {
	position: relative;
	background: #f5f5f5 !important;
	border: 3px solid #e0e0e0 !important;
	margin: 0 0 5px !important;
	text-align: center !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden !important;
}

.lcms-img-blankstate.lcms-drop-supported { border: 3px dashed #e0e0e0 !important; }

.regionBoundary .lcms-img-blankstate {
	cursor: pointer !important; /* this is only for the element blankstate, not admin */
}

.lcms-admin-container .lcms-img-blankstate {
	margin-top: 12px !important;
	height: 200px !important;
	*line-height: 200px !important; /* IE7 - needs to dynamically adjust */	
}

.lcms-img-blankstate:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

.lcms-img-blankstate-inner-wrap {
	display: inline-block !important;
	*display: inline !important; /* IE7 */
	vertical-align: middle !important;
	max-width: 300px !important;
}


.lcms-img-blankstate img { display: inline !important; max-width: 100%; background: none !important; border: none !important; margin: 0 !important; padding: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -ms-interpolation-mode: bicubic; }
.lcms-img-blankstate a { text-decoration: none !important; text-shadow: none !important; font-style: normal !important; }
.lcms-img-blankstate .lcms-img-blankstate-inner-wrap h3,
.lcms-img-blankstate .lcms-img-blankstate-inner-wrap p { padding: 0 10px !important; margin: 0 !important; color: #999 !important; font-family: "Helvetica Neue", Helvetica, sans-serif !important; text-transform: none !important; font-style: normal !important; text-shadow: none !important; letter-spacing: normal !important; }
.lcms-img-blankstate .lcms-img-blankstate-inner-wrap h3 { font-size: 19px !important; line-height: 26px !important; font-weight: 500 !important; }
.lcms-img-blankstate .lcms-img-blankstate-inner-wrap p { font-size: 11px !important; line-height: 21px !important; font-weight: 400 !important; }
.lcms-img-blankstate .lcms-img-blankstate-inner-wrap h3 em { font-style: normal !important; font-weight: 700 !important; color: #8a8989 !important; text-shadow: none !important; letter-spacing: normal !important; }


.lcms-img-blankstate input.lcms-img-fileupload {
	display: none;
	margin: 0 0 0 15px !important;	
}

.lcms-img-blankstate.lcms-drop-supported input.lcms-img-fileupload {
	display: none;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	opacity: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	float: none !important;
	font-size: 170px !important; /* Firefox needs this! this inital value is mostly for the admin blankstate. Element blankstates get dynamically resized */
	cursor: pointer !important;
	z-index: 1;
}


/* only animating specific properties on purpose */
.lcms-img-dropzone {
	-webkit-transition: background 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out, box-shadow 0.2s ease-out;
    -moz-transition: 	background 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out, -moz-box-shadow 0.2s ease-out;
    -ms-transition: 	background 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out, box-shadow 0.2s ease-out;
    -o-transition: 		background 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out, box-shadow 0.2s ease-out;
    transition: 		background 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out, box-shadow 0.2s ease-out;
    opacity: 1;	
}

.lcms-img-dropzone.lcms-drop-in {
	
	border: 3px dashed #b7b7b7 !important;
}

.lcms-img-dropzone.lcms-drop-hover {
	-webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    0px 3px 15px rgba(0, 0, 0, 0.4);
	box-shadow:         0px 3px 15px rgba(0, 0, 0, 0.4);
	border-color: #8a8989 !important;
	background: #dadada !important;
	
}


/* An upload error occurred */
.lcms-img-dropzone.lcms-img-upload-fail .lcms-upload-progress {
	z-index: 2 !important; /* make it higher than the fileupload */
	cursor: pointer !important;
}

.lcms-img-dropzone.lcms-img-upload-fail .lcms-upload-progress-inner-wrap,
.lcms-ele-dropzone.lcms-ele-upload-fail .lcms-upload-progress-inner-wrap {
	top: 50% !important;
	left: 50% !important;
	margin: -11px 0 0 -13px !important;
	border: none !important;
	width: 26px !important;
	height: 22px !important;
	background: url(img/sprites/lcms_notice.png) no-repeat !important;
	opacity: 1 !important;
	-webkit-border-radius: 0 !important; /* Saf3+, Chrome */
       -moz-border-radius: 0 !important; /* FF1+ */
            border-radius: 0 !important; /* Opera 10.5, IE 9 */ 
}

.lcms-img-dropzone.lcms-img-upload-fail .lcms-upload-bar,
.lcms-ele-dropzone.lcms-ele-upload-fail .lcms-upload-bar {
	display: none !important;
}



/* Image Element upload progress */
.lcms-upload-progress {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #333;
	background: rgba(0,0,0,0.9);
    -webkit-border-radius: 2px; /* Saf3+, Chrome */
       -moz-border-radius: 2px; /* FF1+ */
            border-radius: 2px; /* Opera 10.5, IE 9 */ 
}

.lcms-upload-progress .lcms-upload-progress-inner-wrap {
	    position: relative;
        top: 50%;
        height: 7px;
        padding: 1px;
        border: 2px solid #fff;
        margin: -7px 25% 0;
        overflow: hidden;
        background:#000; /* Old browsers */
        -webkit-border-radius: 10px; /* Saf3+, Chrome */
           -moz-border-radius: 10px; /* FF1+ */
                border-radius: 10px; /* Opera 10.5, IE 9 */
	    -webkit-transition: opacity .4s ease-out .3s;
		   -moz-transition: opacity .4s ease-out .3s;
		    -ms-transition: opacity .4s ease-out .3s;
		     -o-transition: opacity .4s ease-out .3s;
		        transition: opacity .4s ease-out .3s;
}											    


.lcms-upload-progress .lcms-upload-bar {
	height: 7px;
	width: 0;
	background: #fff;
    position: relative;
    z-index: 1;
    -webkit-border-radius: 10px; /* Saf3+, Chrome */
       -moz-border-radius: 10px; /* FF1+ */
            border-radius: 10px; /* Opera 10.5, IE 9 */
}


/* Image Element dimensions helper */
.lcms_dimensions { opacity: 0; position: absolute; right: 8px; top: 5px; font-size: 11px !important; font-style: normal !important; font-family: "Helvetica Neue", Helvetica, sans-serif !important; text-transform: none !important; font-weight: normal !important; color: #ccc !important;
	-webkit-transition: opacity 0.1s ease-out;
	   -moz-transition: opacity 0.1s ease-out;
	    -ms-transition: opacity 0.1s ease-out;
	     -o-transition: opacity 0.1s ease-out;
	        transition: opacity 0.1s ease-out;
	        display: none\9; /* IE8 and below */
 }
.lcms_dimensions strong { font-size: 12px !important; font-weight: bold !important; font-style: normal !important; font-family: Consolas, "Liberation Mono", Courier, monospace !important; color: #fff !important; padding: 0 5px !important; }
.lcms_dimensions strong.lcms-img-toobig { color: #f00 !important; }

/* only show dimensions on hover */
.dragable:hover .lcms_dimensions { opacity: 1; display: block; }

/* responsive resizing the blankstate */
.lcms-img-blankstate.lcms-drop-supported.lcms-ibs-small .lcms-img-blankstate-inner-wrap img { max-width: 40% !important; }

.lcms-img-blankstate.lcms-drop-supported.lcms-ibs-micro .lcms-img-blankstate-inner-wrap img { max-width: 30% !important; }
.lcms-img-blankstate.lcms-drop-supported.lcms-ibs-micro .lcms-img-blankstate-inner-wrap h3 { font-size: 16px !important; }
.lcms-img-blankstate.lcms-drop-supported.lcms-ibs-micro .lcms-img-blankstate-inner-wrap p { font-size: 10px !important; }

.lcms-img-blankstate.lcms-drop-supported.lcms-ibs-nano .lcms-img-blankstate-inner-wrap img { display: none !important; }
.lcms-img-blankstate.lcms-drop-supported.lcms-ibs-nano .lcms-img-blankstate-inner-wrap h3 { font-size: 13px !important; }
.lcms-img-blankstate.lcms-drop-supported.lcms-ibs-nano .lcms-img-blankstate-inner-wrap p { font-size: 10px !important; }
.lcms-img-blankstate.lcms-drop-supported.lcms-ibs-nano .lcms-img-blankstate-inner-wrap { width: 99% !important;}

/* non drag-n-drop */
.lcms-img-blankstate.lcms-ibs-micro .lcms-img-blankstate-inner-wrap img { max-width: 75% !important; }
.lcms-img-blankstate.lcms-ibs-nano .lcms-img-blankstate-inner-wrap img { max-width: 50% !important; }
.lcms-img-blankstate.lcms-ibs-nano .lcms-img-blankstate-inner-wrap { width: 50% !important;}


/* auto-width responsive images - DO NOT MODIFY */
.lcms-awr-img { width: 100% !important; max-width: 100% !important; -ms-interpolation-mode: bicubic; }


/* SlideShow Photo Gallery Element
--------------------------------------- */
.SlideShow { border:0; position:relative; padding:0; margin:0; }
.SlideShowImage { border:0; position:relative; padding:0; margin:0; overflow:hidden; text-align:center; text-align:center; margin:auto; }
.SlideShowImage a { text-decoration:none !important; border:0 !important;  }
.SlideShowImage img { display: block; }
.sldw_prev a { width:31px; height:29px; text-indent:-9999px; border:0 !important; text-decoration:none !important; overflow:hidden; position:absolute; top:43%; left:5%; background:url(img/elements/image/arrow_right_off.png) 0 0 no-repeat; }
.sldw_prev a:hover { background:url(img/elements/image/arrow_right_on.png) 0 0 no-repeat;  }
.sldw_next a { width:31px; height:29px; text-indent:-9999px; text-decoration:none !important; border:0 !important; overflow:hidden; position:absolute; top:43%; right:5%; background:url(img/elements/image/arrow_left_off.png) 0 0 no-repeat; }
.sldw_next a:hover { background:url(img/elements/image/arrow_left_on.png) 0 0 no-repeat;  }
.sldw_navigation { position:static; overflow:hidden; visibility:hidden; padding:0px; margin:0px;  }
.sldw_navigation span { padding:0px; margin:0px;  }
.sldw_caption { position:absolute; left:0; right:0; bottom:0px; margin:0; background:url(img/elements/image/sldw_caption_bg_off.png) 0 0 repeat;  }
.sldw_caption h3 { text-align:left; font-size:18px; color:#fff; text-decoration:none; margin:0px; padding:15px 15px 15px 15px;  }
.sldw_caption_hover { position:absolute; left:0; right:0; bottom:0px; margin:0; background:url(img/elements/image/sldw_caption_bg_off.png) 0 0 repeat;  }
.sldw_caption_hover h3 { text-align:left; font-size:18px; color:#fff; text-decoration:none; margin:0px; padding:15px 15px 15px 15px;  }
.sldw_caption_hover h3:hover { background:url(img/elements/image/sldw_caption_bg_on.png) 0 0 repeat;  }
.captionContainer { text-align:center; position:relative; margin:0 auto; }
 
 /* Photo Gallery Styles
--------------------------------------- */
.photoGalleryElement { clear:both; }
.photoGalleryElement .thumbnail { display:inline; float:left; width:138px; height:auto; text-align:center; font-size:smaller; line-height:1.2em; margin-right:8px;  margin-bottom:18px; padding:0; padding-bottom:0 !important; overflow:hidden; }
.photoGalleryElement .thumbnail .thumbContents { height: auto; background-color:#fff; border:1px solid #CCC; margin:0; float:none; }
.photoGalleryElement .thumbShadow { display:inline; float:left; width:134px; padding:6px 0 0 6px; border:0; margin:0 8px 6px 0; height:auto; overflow:hidden; text-align:center; line-height:1.4px;}
.photoGalleryElement .thumbShadow .thumbContents { background:url(img/elements/image/thumbShadow.png) no-repeat left top; float:none;  }
*html .photoGalleryElement .thumbShadow .thumbContents { background-image:url(img/elements/image/thumbShadow.gif);  }
.photoGalleryElement .thumbShadow .thumbContents p,
.photoGalleryElement .thumbnail p { line-height:1.1em; padding:0 !important; margin:0 !important; }
.photoGalleryElement .thumbShadow img { background:#FFF; padding:6px; border:1px solid #e0e0e0; margin:-6px 6px 6px -6px;  }
.photoGalleryElement .thumbTile,
.photoGalleryElement .thumbHover { display:inline; float:left; padding:0; border:0; margin:0 8px 8px 0;  }
.photoGalleryElement .thumbHover a img { filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;  }
.photoGalleryElement .thumbHover a:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1;  }
.photoGalleryElement .thumbTight { display:inline; float:left; padding:0; border:0; margin:0;  } 
.photoGalleryElement .thumbTile img,
.photoGalleryElement .thumbTight img,
.photoGalleryElement .thumbHover img { border:0; margin-bottom:-4px;  }
*:first-child+html .photoGalleryElement *:first-child+html .thumbTile img,
*:first-child+html .photoGalleryElement .thumbHover img { margin-bottom:0;  }
.photoGalleryElement .thumbnail img { margin-bottom:5px; border:0; margin-top:8px;  }
.photoGalleryElement:after { content:"."; display:block; height:0; clear:both; visibility:hidden;  }
*html>body .photoGalleryElement { display:inline-block; width:100%;  }
* html .photoGalleryElement { /* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */ } 
 
 
 

/* Validation
--------------------------------------- */
.validation-failed { border:solid 1px red;  }
.validation-advice { color:#FFF; background-color:#F00; font-weight:bold; padding:3px 5px 3px 5px;  }

/* Clearing
--------------------------------------- */
#toolbar .content:after,
.element:after,
blockquote:after,
dl.stats:after,
.actions:after,
.clearfix:after,
.actions ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html #toolbar .content,
* html .actions,
* html .element,
* html blockquote,
* html dl.stats,
* html .clearfix,
* html .actions ul { height:1%; }
#toolbar .content,
.actions,
.element,
blockquote,
dl.stats,
.clearfix,
.actions ul { display:block; }


/* Sign Up Element */
.SignUpElement label { width:10em; float:left;  }
.SignUpElement fieldset { margin:0.8em 0 0.8em 0; padding:15px 15px 10px 15px;  }
.SignUpElement .ui-dialog { background-color:White; border:solid 2px black;  }
.SignUpElement .ui-dialog-titlebar { border:solid 2px black;  }
.SignUpElement label { width:10em; float:left;  }
.SignUpElement legend { font-size:1.2em; font-weight:bold; padding-bottom:5px;  }
#aTermsOfService { cursor:pointer;  }
.SignUpElement .required { color:#999; font-style:italic;  }
.SignUpElement .signUpField { width:150px;  }

/* Item Collection Paging */
#pager ul.pages { display:block; border:none; text-transform:uppercase; font-size:9px; margin:5px 0 10px; padding:0; }
#pager ul.pages li { list-style:none; float:left; border:1px solid #ccc; text-decoration:none; margin:0 2px 0 0; padding:2px; }
#pager ul.pages li:hover { border:1px solid #003f7e; }
#pager ul.pages li.pgEmpty { border:1px solid #eee; color:#eee; }
#pager ul.pages li.pgCurrent { border:1px solid #003f7e; color:#000; font-weight:700; background-color:#eee; }


/* Paypal Express Button */

    .lcms_PaypalExpress { margin:25px 0 !important; height:35px !important; }
    
/* Pagination */
div.pagination { width:100%; float:left; }
div.pagination ul { width:100%; float:left; list-style:none; display:block; border:none; font-size:9px; margin:5px 0 10px; padding:0; }
div.pagination ul li { border:0; background:transparent; font-size:14px; color:inherit; list-style:none; float:left; margin:0 2px 0 0; padding:0 8px 0 0; }
div.pagination ul li a { text-decoration:none; }
div.pagination ul li.page.current { font-size:15px; color:#000; font-weight:700; }


/* Drop Add Element
--------------------------------------- */
.lcms-ele-dropzone {
/* 	hidden by default */
	width: 50%;
	height: 0;
	opacity: 0;
	margin: 0 auto;
	position: relative;
	background: #f5f5f5 !important;
	border: 1px solid #d7d7d7 !important;
	text-align: center !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden !important;
	
	/* only animating specific properties on purpose */
	-webkit-transition: background 0.2s ease-out, border-color 0.2s ease-out, width 0.25s ease-out, height 0.25s ease-in-out, opacity 0.3s ease-out, margin 0.2s ease-out, box-shadow 0.2s ease-out;
    -moz-transition: 	background 0.2s ease-out, border-color 0.2s ease-out, width 0.25s ease-out, height 0.25s ease-in-out, opacity 0.3s ease-out, margin 0.2s ease-out, -moz-box-shadow 0.2s ease-out;
    -ms-transition: 	background 0.2s ease-out, border-color 0.2s ease-out, width 0.25s ease-out, height 0.25s ease-in-out, opacity 0.3s ease-out, margin 0.2s ease-out, box-shadow 0.2s ease-out;
    -o-transition: 		background 0.2s ease-out, border-color 0.2s ease-out, width 0.25s ease-out, height 0.25s ease-in-out, opacity 0.3s ease-out, margin 0.2s ease-out, box-shadow 0.2s ease-out;
    transition: 		background 0.2s ease-out, border-color 0.2s ease-out, width 0.25s ease-out, height 0.25s ease-in-out, opacity 0.3s ease-out, margin 0.2s ease-out, box-shadow 0.2s ease-out;
	
}

.lcms-ele-dropzone.lcms-drop-in:before,
.lcms-ele-dropzone.lcms-upload-active:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

.lcms-ele-dropzone.lcms-drop-in,
.lcms-ele-dropzone.lcms-upload-active {
	width: 100%;
	height: 43px;
	opacity: 1;
	margin: 20px auto !important;
}

.lcms-ele-dropzone.lcms-drop-hover {
	-webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    0px 3px 15px rgba(0, 0, 0, 0.4);
	box-shadow:         0px 3px 15px rgba(0, 0, 0, 0.4);
	border-color: #8a8989 !important;
	background: #dadada !important;
/* 	height: 75px; */	
}


.lcms-ele-dropzone .plus-icn {
	display: inline-block !important;
	vertical-align: middle !important;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 30px;
	color: #dedede;
	font-weight: 500;
	background: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-family: "LCMSFontAwesome" !important;
}

.lcms-ele-dropzone.lcms-drop-hover .plus-icn {
	color: #7e7e7e !important;
}

/* never show the fileupload inputs, no need to. Image element upload inputs are only shown becuase they can be clicked. Not the case here. */
.lcms-ele-fileupload { display: none; }







/* Keyframes 
--------------------------------------- */

/* Explode */
   @-webkit-keyframes explode {
       0% { opacity: 1;
             -webkit-transform:scale(.9); }
       40% { opacity: .6;
               -webkit-transform:scale(1.5); }
       100% { opacity: 0;
               -webkit-transform:scale(1.9); } }
   @-moz-keyframes explode {
      
       0% { opacity: 1;
             -moz-transform:scale(.9); }
       40% { opacity: .6;
               -moz-transform:scale(1.5); }
       100% { opacity: 0;
               -moz-transform:scale(1.9); } }
   @-o-keyframes explode {
       
       0% { opacity: 1;
            -o-transform:scale(.9); }
       40% { opacity: .6;
              -o-transform:scale(1.5); }
       100% { opacity: 0;
              -o-transform:scale(1.9); } }
    @keyframes explode {

           0% { opacity: 1;
                -o-transform:scale(.9); }
           40% { opacity: .6;
                  -o-transform:scale(1.5); }
           100% { opacity: 0;
                  -o-transform:scale(1.9); } }
   .lcms-explode {
      -webkit-animation:explode .3s ease-in-out both;
         -moz-animation:explode .3s ease-in-out both;
          -ms-animation:explode .3s ease-in-out both;
           -o-animation:explode .3s ease-in-out both;
              animation:explode .3s ease-in-out both; }