/* styling for MAIN styles page (this is not used in admin page)*/
.style-info {
float:right;
padding-top:10px;
width:165px;
}

.style-info h2 {
color:#333333;
font-size:1.4em;
font-weight:normal;
line-height:1.2em;
margin:0 0 5px;
padding:0;
}

.style-info .next-prev {
border-bottom:1px solid #D2C1A4;
border-top:1px solid #F3EDE2;
font-size:1.2em;
margin:10px 0 10px;
overflow:hidden;
padding:5px 0;
}

.style-info .prev {
background:transparent url(//duau18opsnf8i.cloudfront.net/_graphics/arrow-prev.gif) no-repeat scroll 0 50%;
float:left;
font-weight:normal;
padding-left:12px;
}

.style-info .next {
background:transparent url(//duau18opsnf8i.cloudfront.net/_graphics/arrow-next.gif) no-repeat scroll 100% 50%;
float:right;
font-weight:normal;
padding-right:12px;
}

.style-info #useStyleButton, .style-info #buyTemplateButton {
   margin-bottom: 8px;
}

.style-info .controls {
	position: absolute;
	bottom: 20px;
	right: 4px;
	width: 165px;
}


#stylesPopup {
	padding: 7px 5px 5px;
}


#styles_grid div.current {
  background-color: #D2C1A4;
  border-color: #F0E8DB;
}

#styles_grid .gallerycaption {
	margin-top:5px;
}
#styles_grid .gallerycaption.rowbelow {
    bottom: 0;
    left: 0;
    position: absolute;
    margin-top: 5px;
    margin-bottom: 22px;
}
#styles_grid .gallerycaption h3{
	margin:0;
	text-align:center;
}
#styles_grid  .galleryInnerContainer{
	padding:10px;
	margin:5px 0;
	border:1px solid black;
	background: #F0E8DB;
	border: 1px solid #D2C1A4;
	border-radius: 10px;
	-moz-border-radius: 10px;
}
#styles_grid  .galleryOuterContainer{
	position: relative;
}
.filter_categorie_group {
	margin:11px 0;
}


.contentsection-clik_stylefilter .filter_select select {
  width: 400px;
  max-width: 90%;
}

.contentsection-clik_stylefilter .filter_name {
	width:15%;
  float: left;
	vertical-align:middle;
}
.contentsection-clik_stylefilter .filter_name  h3{
	margin:0 24px 0 0 !important;
	font-size: 1em;
	font-weight: normal;
	line-height: normal;
}
/*.contentsection-clik_stylefilter .styles_filter_main {
	float: left;
    width: 520px;
}*/
.contentsection-clik_stylefilter .styles_filter_main .ui-buttonset .ui-button {
	margin-right:-0.5em;
}
.contentsection-clik_stylefilter .clear_filter_button .filter_name {
  width: 0;
}
.contentsection-clik_stylefilter .clear_filter_button .filter_select {
  margin-left: 0;
}
.contentsection-clik_stylefilter .colour-filter .clear_filter_button {
  float: right;
}
.contentsection-clik_stylefilter .styles_filter_main .ui-buttonset .ui-button-text{
	padding:4px;
}
.contentsection-clik_stylefilter .styles_filter_main .ui-buttonset {
	display: inline-block;
	vertical-align: middle;
}

.contentsection-clik_stylefilter .styles_filter_small {
float:left;
    width: 365px;
}
.contentsection-clik_stylefilter .clikCarousel h3 {
  margin: 0.6em auto 0 auto;
  max-width: 70px;
}

.contentsection-clik_stylefilter .clikCarousel img {
  margin: 0;
}

.contentsection-clik_stylefilter .clikGrid {
  overflow: hidden;
  position: relative;
}

.contentsection-clik_stylefilter .clikGrid .clikGridInner {
  width: 1000px;
  overflow: auto;
}

.contentsection-clik_stylefilter .clikGrid .clikGridItem, .clikGrid .clikGridItemClear {
  display: inline;/*ie6 double margin bug fix*/
  float: left;
  margin: 0;
  clear: none;
}

html>body .contentsection-clik_stylefilter .clikGrid .clikGridItem, html>body .contentsection-clik_stylefilter .clikGrid .clikGridItemClear {
  display: block;
}

.contentsection-clik_stylefilter .clikGrid .clikGridItemClear {
  clear: left;
}

.contentsection-clik_stylefilter .clikCarousel ul, .contentsection-clik_stylefilter ul.clikCarousel {
  list-style-type: none;
}

.contentsection-clik_stylefilter .clikCarouselOuter {
  position: relative;
  overflow: hidden;
  zoom: 1;
}

.contentsection-clik_stylefilter .clikCarouselNext, .contentsection-clik_stylefilter .clikCarouselPrevious {
  position: absolute;
  cursor: pointer;
}

.contentsection-clik_stylefilter .clikCarouselNext.inactive, .contentsection-clik_stylefilter .clikCarouselPrevious.inactive {
  cursor: default;
}

.contentsection-clik_stylefilter .clikCarouselNext {
  right: 0;
}

.contentsection-clik_stylefilter .clikCarouselPrevious {
  left: 0;
}

.contentsection-clik_stylefilter .ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; float:left; margin-right:5px;}
.contentsection-clik_stylefilter .ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.contentsection-clik_stylefilter .ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */
.contentsection-clik_stylefilter .ui-selectmenu-menu ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; }
.contentsection-clik_stylefilter .ui-selectmenu-open { display: block; }
.contentsection-clik_stylefilter .ui-selectmenu-menu-popup { margin-top: -1px; }
.contentsection-clik_stylefilter .ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.contentsection-clik_stylefilter .ui-selectmenu-menu li a:link,.contentsection-clik_stylefilter .ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 2.1em .405em 1em; outline:none; text-decoration:none; 
/*	color:#000 !important;*/
	font-weight:normal;
}
.contentsection-clik_stylefilter .ui-selectmenu-menu li.ui-state-disabled a, .contentsection-clik_stylefilter .ui-state-disabled { cursor: default; }
.contentsection-clik_stylefilter .ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.contentsection-clik_stylefilter .ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.contentsection-clik_stylefilter .ui-selectmenu-menu li .ui-icon, .contentsection-clik_stylefilter .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.contentsection-clik_stylefilter .ui-selectmenu-status { line-height: 1.4em; }
.contentsection-clik_stylefilter .ui-selectmenu-menu li span,.contentsection-clik_stylefilter .ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.contentsection-clik_stylefilter .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.contentsection-clik_stylefilter .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/* for optgroups */
.contentsection-clik_stylefilter .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.contentsection-clik_stylefilter .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; }
.contentsection-clik_stylefilter .ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
/* IE6 workaround (dotted transparent borders) */
* html .contentsection-clik_stylefilter .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
* html .contentsection-clik_stylefilter .ui-selectmenu-menu li a { position: relative }
/* IE7 workaround (opacity disabled) */
*+html .contentsection-clik_stylefilter .ui-state-disabled, *+html .contentsection-clik_stylefilter .ui-state-disabled a { color: silver; }

.inline {
	display:inline;
}

.ui-overlay-disable {
	background: transparent url(//duau18opsnf8i.cloudfront.net/_graphics/loading.gif) no-repeat 50% 10%;
	background-color: rgba(220,220,220,0.75);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFDDDDDD,endColorstr=#BFDDDDDD);
	text-align: center;
}
.ui-overlay-disable-text {
	background-image: none;
	padding-top: 1em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.ui-combobox {
    display: inline-block;
    position: relative;
}
.ui-combobox-toggle {
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    position: absolute !important;
    top: 0;
}
.ui-combobox-input {
    margin: 0;
    padding: 0.3em;
}
body.section_styles .ui-multiselect { padding:2px 0 2px 4px; text-align:left }
body.section_styles .ui-multiselect span.ui-icon { float:right }
body.section_styles .ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
body.section_styles .ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

body.section_styles .ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
body.section_styles .ui-multiselect-header ul { font-size:0.9em }
body.section_styles .ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
body.section_styles .ui-multiselect-header a { text-decoration:none }
body.section_styles .ui-multiselect-header a:hover { text-decoration:underline }
body.section_styles .ui-multiselect-header span.ui-icon { float:left }
body.section_styles .ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

body.section_styles .ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
body.section_styles .ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
body.section_styles .ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
body.section_styles .ui-multiselect-checkboxes label input { position:relative; top:1px; margin-right: 3px; }
body.section_styles .ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
body.section_styles .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
body.section_styles .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }
body.section_styles button.ui-multiselect {
    color: black;
}
/* remove label borders in IE6 because IE6 does not support transparency */
* html body.section_styles .ui-multiselect-checkboxes label { border:none }

body.section_styles .ui-selectmenu.single .ui-selectmenu-menu li a:link, 
body.section_styles .ui-selectmenu.single .ui-selectmenu-status {
	padding: 2px 23px 2px 11px;
}

body.section_styles .ui-selectmenu.single {
	height:22px;
}


.contentsection-clik_stylefilter div.templates_filter {
	margin-left:500px;
}
.contentsection-clik_stylefilter .filter_select {
  margin-left: 16%;
} 


.contentsection-clik_stylefilter div.helpicon, .contentsection-clik_stylefilter img.helpicon, .contentsection-clik_stylefilter span.helpicon {
  float:right;
}

/*#clear_filter {*/

.contentsection-clik_stylefilter .button[disabled], .contentsection-clik_stylefilter .button[disabled]:active, .contentsection-clik_stylefilter .button[disabled]:hover {
  color: #dddddd;
  background: #888888;
  border-color: #888888;
}

.contentsection-clik_stylefilter .bigButton {
	font-size:1.2em;	
}

/*input.button:hover, input.button:focus {
    background-color: #777777;
}*/

.contentsection-clik_stylefilter a.button, .contentsection-clik_stylefilter .ui-widget-content a.button {
	display:inline;
	text-align:center;
	color:white;
}
.contentsection-clik_stylefilter a.bigButton, .contentsection-clik_stylefilter .ui-widget-content .contentsection-clik_stylefilter a.bigButton {
  display:block;
  margin-bottom: 8px;
}


.contentsection-clik_stylefilter .ui-widget{
	font-size: 0.9em;
}

.contentsection-clik_stylefilter h2.accordiontitle {
   /* background-color: #333333;
    color: #000000;
    margin: 2px 0;*/
    margin: 0;
    padding: 3px 3px 3px 30px;
    text-transform: uppercase;
    font-size: 100%;
}

#styles_grid .loadMore {
  padding:10px;
  background: #f0e8db none repeat scroll 0 0;
  border: 1px solid #d2c1a4;
  border-radius: 10px;
  cursor: pointer;
}

#styles_grid .loadMore h3 {
    margin: 0;
    text-align: center;
}

/*initially hidden content*/

#styles_filter {
  visibility: hidden;
}

.contentsection-clik_stylefilter .loadMore {
  margin-top: 10px;
  float: right;
}


.contentsection-clik_stylefilter .style_preview {
  max-width: 100%;
  position: absolute;
  z-index: 9999999999;
  display: none;
  padding: 10px;
  background-color: #ebebeb;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=1.33333333333,Enabled=false) progid:DXImageTransform.Microsoft.DropShadow(OffX=0,OffY=1,Enabled=false,Color=#acaeaf)";
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=1.33333333333,Enabled=false) progid:DXImageTransform.Microsoft.DropShadow(OffX=0,OffY=1,Enabled=false,Color=#acaeaf);
  box-shadow: 0px 1px 2px #acaeaf;
  -moz-box-shadow: 0px 1px 2px #acaeaf;
  -webkit-box-shadow: 0px 1px 2px #acaeaf;;
}
.contentsection-clik_stylefilter .style_preview img {
    /*max-width: 100%;*/
    /*max-height: 100%;*/
    height: auto;
    width: auto;
}
.contentsection-clik_stylefilter .style_preview .role-DESCRIPTION {
  margin: 1em 0;
}
body.section_styles .contentsection-clik_stylefilter .style_preview .buttons a {
    color: #ffffff;
    fill: #ffffff;
    stroke: #ffffff;
    padding: 0.6em 1em;
    background-color: #000000;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    display: inline-block;
    width:49%;
    margin-left: 2%
  }
body.section_styles .contentsection-clik_stylefilter .style_preview .buttons a:first-of-type {
  margin-left:0;
}