/* Padding for profile descriptions*/
.curate-block .ui-accordion .ui-accordion-content {
  padding: 0px !important;
}

/* Accordion header styles */
.curate-block h3 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal !important;
    color: #666666;
    margin-bottom: 0px !important;
    display: block;
    height: 28px !important;
    margin-top: 0px;
    padding-left:15px !important;
}

.curate-block .ui-accordion-header {
  margin-top: 0px !important;
}
.curate-block .ui-accordion {
  min-height: 360px;
  max-height:100px;
}
.curate-block .ui-widget-content{
  border:none !important;
  background-color: #CCC;
}

/* To hide the default accordion icons */
.curate-block .ui-accordion-header-icon{
  display:none !important;
}

/* To change corner radius for accordion */
.curate-block .ui-corner-all,
.curate-block .ui-corner-top,
.curate-block .ui-corner-left,
.curate-block .ui-corner-tl {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

/* Curate block styles */
.curate-block {
  width:100%;
  font-size:13px; 
}

/* To remove the borders for images in curate block*/
.curate-block img { 
  border:0px;
}

/* Gray header styles */
.curate-block .gray-hdr { 
  float:left;
  height:40px;
  width:100%;
  background:url(/images/gry-bg.png) repeat-x;
  margin:0px 0px 1px 0px;
}

/* Font styles for header titles and editor recommendation count */
.curate-block .gray-hdr p, 
.curate-block .personalize-count,
.curate-block .recommendation-count {  
  float:left;
  font-size:12px;
  font-weight:bold;
  color:#4b4b4b;
  line-height:37px;
  margin: 0px 0px 0px 5px;
}

/* Font styles for do profile title */
.curate-block .do-title {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #fff!important;
  line-height: 21px;
  background: url(/images/bg1.png) repeat-x !important;
}


/* Trash and Add Icon Styles */
.curate-block .plus-icon {  
  float:right!important;  
  opacity:0.5;
  position: absolute;
  right: 3%;
  top: 30%;  
}

.curate-block .trash-icon {  
  float:right!important;  
  opacity:0.5;
  position: absolute;
  right: 3%;
  top: 17%;
  /*display:none; */
}

/* Cursor style on hover of profile titles */
.curate-block .group:hover,
.curate-block .group h3:hover {
    cursor:move !important;    
}

/* Up and Down scroll arrow styles */
.curate-block .gray-hdr img.btns {
    position:relative;
    float:right;
    margin: 5px 0px 0px 0px;
}

/* Position for personalization block bottom scroll*/
.curate-block .editor-recommendation .gray-hdr img.btn1 {
    position:relative;
    float:right;
    margin:6px 8px 0px 0px;
}

/* Position for personalization block top scroll */
.curate-block .editor-recommendation .gray-hdr img.btn2 {
    position:relative;
    float:right;
    margin:6px 0px 0px 0px;
}

/* Position for recommendation block bottom scroll */
.curate-block .personalization .gray-hdr img.btn1 {
    position:relative;
    float:right;
    margin:6px 0px 0px 0px;
}

/* Position for recommendation block top scroll */
.curate-block .personalization .gray-hdr img.btn2 {
    position:relative;
    float:right;
    margin:6px 0px 0px 0px;
}

/* Personalization content block styles */
.curate-block .place-holder {
  min-height: 170px;
}

/* Recommendation content block styles */
.curate-block .place-holder2 {
  min-height: 170px;
}

.curate-block .personalization, 
.curate-block .editor-recommendation {
  width: 46%;
  float: left;
  background-color: #f2f2f2;
  margin: 0 2%;
}

/* Hash indicator image to indicate dragging ability */
.curate-block .drag-icon{
  position: absolute;
  left: 2px;
  top: 5px;
  background-image: url('/images/strip.png');
  background-repeat: repeat-y;
  height: 29px;
  width: 10px;
}

/* Personalize icon styles */
#mytown .personalize {
  width: 60px;
  height: 22px;
  outline: none;
  border: 1px solid #dcdcdc;
  float: right;
}

#mytown .configure-icon {
  opacity: 0.5;
}

#mytown .popout{
  display:none;
  margin-top:3%;
}

/* Read More CSS Styles */
.curate-block a {
    color: #0254EB;   
}
.curate-block a:visited {
    color: #0254EB;
}
.curate-block a.morelink {
    text-decoration:none;
    outline: none;
}
.curate-block .morecontent span {
    display: none;
}
.curate-block .read-more-block {
  font-size:13px !important;
  line-height: 20px;
}

/* Curate block scroll bar */
.curate-block ::-webkit-scrollbar {
    width: 7px;
} 
.curate-block ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
} 
.curate-block ::-webkit-scrollbar-thumb {
    border-radius: 10px;    
    -webkit-box-shadow: inset 0 0 6px rgb(80,80,80); 
}

/* Accordion styles for lists in modal dialog */
.curate-block #personalize-accordion-modal-resizer,
.curate-block #recommendation-accordion-modal-resizer {
  width: 100%;
  height: 60%;
  min-width: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #F5F5F5;
  display:inline-block;
}

/* Button styles in modal dialog */  
.curate-block .gray-hdr img.btns {
  position:relative;
  float:right;
  margin: 5px 0px 0px 0px;
}

/* Personalize help text style */
.personalize-help{
  color:#336699;
  border:3px dashed #336699;
  position: relative;
  top: 75px;
  padding: 10px 10px;
  font-size: 19px;
}

/* Curation Help Text Styles */
.curation-help-text{
  width: 670px;
  border: 1px solid #336699;
  display: inline-block;
  margin: 5px 14px;
  color: #336699;
  font-size: 16px;
}

.welcome-text-content{
  width: 45%;
  float: left;
  padding: 0px 0px 0px 6px;
}

.welcome-text-content li {
  font-size: 12px;
}

.welcome-text-content h6 {
  font-size: 14px;
}
.curate_dialog{
	z-index:10000 !important;
  position:fixed !important;
  margin:auto;
  
}

.ui-widget-overlay{z-index:10000 !important;}

:root .curate_dialog{
  left:300px\9;
}
.curate_dialog .ui-widget-header{
	background-color:#CCCCCC !important;
	background-image:none !important;
	border:none !important;
}

.modal .plus-icon,.modal .trash-icon {
  filter:alpha(opacity:50);
}
/*Responsive styles for modal dialog*/

@media screen and (max-width: 2500px){
  #modalcontent{width:700px;height:500px;}
  .curation-help-text {width:670px;}  
  .welcome-text-content{margin: 13px 13px;}
}

@media screen and (max-width: 1000px){
  #modalcontent{width:600px;height:500px;}
  .curation-help-text {width: 574px;margin: 0px 12px;}
  .welcome-text-content{margin: 13px 10px; }
}


@media screen and (max-width: 900px){
  #modalcontent {width:500px;height:500px;}
  .curation-help-text {width:478px;margin: 0px 10px;font-size: 13px;}
  .welcome-text-content{margin: 10px 7px}
}


@media screen and (max-width: 800px){
  #modalcontent {width:450px;height:400px;}
  .curation-help-text {width: 430px;margin: 0px 9px;font-size: 13px;}
  .welcome-text-content{margin: 10px 7px;} 
  .profile-title, .read-more-block{ font-size:10px;!important}
}
@media screen and (min-width: 800px) and (max-width: 2500px){
:root .curate_dialog{
  left:300px !important;
}
}