/* Overrides for global.css */
#zone-content-wrapper {
  margin: 0px 0 auto;
}
#section-content {
  margin: 0;
}

h2 {
  line-height: 24px;
}

#zone-menu {
  border-bottom: none;
}

/**
 * Size the menu links.
 */
.block-menu ul a {
  font-size: 13px;
}

body {
  font-size: 14px;
}

a {
  color: #E72B2D;
  outline: 0;
}

a:active {
  color: #E72B2D;
  outline: 0;
}

a:visited {
  color: #E72B2D;
  outline: 0;
}

a:hover {
  text-decoration: underline;
}

/* Adjust comment editing link sizes. */
#comments div nav ul li a.pop_links-processed {
  font-size: 12px !important;
}
.comment-delete .comment-edit .comment-reply .comment-complaint li {
  font-size: medium !important;
}

/* Header */
#block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-247-1 a,
#block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-232-1 a,
#block-superfish-1 ul#superfish-1 li#menu-247-1.sf-depth-1,
#block-superfish-1 ul#superfish-1 li#menu-232-1.sf-depth-1{

}
#block-superfish-1 ul#superfish-1 li.sf-depth-1 ul{
	position: relative;
	top: -15px;
}
#block-superfish-1 ul#superfish-1 li.sf-depth-1 {
	padding: 0 10px;
	width: 130px;
}
#block-superfish-1 ul#superfish-1 li.sf-depth-1 li.sf-depth-2{
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
}

/* Branding Zone */
#zone-branding-wrapper {
  }
  #zone-branding-wrapper h1 {
    width: 100%;
  }
  #zone-branding-wrapper #block-delta-blocks-page-title{
		float: left;
	}
	#zone-branding-wrapper #block-search-form {
  }
	#zone-branding-wrapper #block-menu-menu-es-login-menu,
	#zone-branding-wrapper #block-menu-menu-es-menu {
	    display: inline-block;
	    position: relative;
      float: right;
      }
      #zone-branding-wrapper #block-menu-menu-es-login-menu {
        margin-right: 20px;
      }

      #zone-branding-wrapper #block-menu-menu-es-login-menu ul.menu,
	    #zone-branding-wrapper #block-menu-menu-es-menu ul.menu {
	      height: 28px;
	      margin-left: 155px;
	      line-height: 28px;
	      line-height: 2.8rem; }
	      #zone-branding-wrapper #block-menu-menu-es-login-menu ul.menu li.leaf ,
	      #zone-branding-wrapper #block-menu-menu-es-menu ul.menu li.leaf {
	        display: inline;
	        list-style-image: none;
	        list-style-type: none;
	        margin: 0;
	        padding: 0; }
	        #zone-branding-wrapper #block-menu-menu-es-login-menu ul.menu li.leaf a ,
	        #zone-branding-wrapper #block-menu-menu-es-menu ul.menu li.leaf a {
	          color: #4d5259;
	          height: 30px;
	          display: inline;
	          padding: 0 15px; }
	          #zone-branding-wrapper #block-menu-menu-es-login-menu ul.menu li.leaf a:hover ,
	          #zone-branding-wrapper #block-menu-menu-es-menu ul.menu li.leaf a:hover {
	            color: #E72B2D;
	          }

  #zone-branding-wrapper #block-sues-profile-profile-image,
  #zone-branding-wrapper #block-superfish-3, 
  #zone-branding-wrapper #block-superfish-2 {
    float: right;
  }
  #zone-branding-wrapper #block-sues-product-extension-warehouse-title {
    float: left;
	}
  #zone-branding-wrapper #block-sues-product-extension-warehouse-title a {
	  display: block;
	  height: 28px;
	}
  #zone-branding-wrapper #block-sues-product-extension-warehouse-title a:hover {
	  text-decoration: none;
	}
  #zone-branding-wrapper #block-sues-product-extension-warehouse-title .title {
	  color: #4d5259;
	  font-size: 1.4rem;
    line-height: 30px;
	  font-weight: normal;
	  margin-left: 28px;
	}
  #zone-branding-wrapper #block-sues-product-extension-warehouse-title .beta {
	  color: #E72B2D;
	  font-size: 9px;
	  margin-left: 2px;
	  text-transform: uppercase;
	}


/* specific menu items */
/*
  #zone-branding-wrapper #menu-974-2,
  #zone-branding-wrapper #menu-2333-2,
  #zone-branding-wrapper #menu-2330-2,
	#zone-branding-wrapper #menu-910-2 {
	  border-bottom: 1px dashed;
	}*/

/* Extension Product Node Views */
.group-left {
  float: left;
  width: 70%;
}
.group-right {
  float: right;
  width: 25%;
}

.group-right .commerce-add-to-cart .form-item-product-id {
  display: none;
}

.help-link{
	margin-bottom: 20px;
}

/**
 * Details page "Download" and "Install" CTA button.
 */
.group-cta{
	min-height: 64px;
}
.group-right .commerce-add-to-cart .edit-submit-icon {
       /*
       
      background-image: url("../images/icon-downloads-white2.png");
      position: absolute;
       background-repeat: no-repeat;
       height: 31px;
       color: white;
       padding-left: 42px;
      padding-top: 5px;
      margin-top: 5px;
      */
       /*width: 40px;
       
       display: inline-block;
       
       background-position-y: 5px;
*/}

.group-right .commerce-add-to-cart .edit-submit-wrapper{
  background: #ea2622; /* Old browsers */
  background-image: -moz-linear-gradient(top,  #ea2622 0%, #d50201 100%); /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea2622), color-stop(100%,#d50201)); /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top,  #ea2622 0%,#d50201 100%); /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top,  #ea2622 0%,#d50201 100%); /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top,  #ea2622 0%,#d50201 100%); /* IE10+ */
  background-image: linear-gradient(to bottom,  #ea2622 0%,#d50201 100%); /* W3C */
  background-repeat: no-repeat;
  background-position: 0px center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  border: 0px solid #babcbf;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;

  /*text-align: center;*/
}

.group-right .commerce-add-to-cart .edit-submit-wrapper .cta_link,
.group-right .commerce-add-to-cart .form-submit {
  background-image: url("../images/icon-downloads-white2.png");
  background-repeat: no-repeat;
  text-align: center;
       color: white;
  font-size: 14px;
  font-weight: normal;
  /*background: transparent;
	border: 0px solid #babcbf;
  color: white;
  font-size:14px;
  line-height:12px;
  margin:0 16px 0px 0px;
  padding: 0;
  text-align:center;
  white-space:nowrap;
  display: inline-block;
  text-shadow: none;
  top: -8px;
  position: relative;*/
}

.group-right .commerce-add-to-cart .form-submit {
  background: transparent;
  border: none !important;
  background-image: url("../images/icon-downloads-white2.png");
  color: white;
  text-shadow: none;
  background-position-y: 6px;
  background-repeat: no-repeat;
  height: 41px;
  width: 235px;
}

.group-right .commerce-add-to-cart .edit-submit-wrapper .cta_link {
  height: 41px;
  background-position-y: 6px;
  width: 235px;
  display: table-cell;
  vertical-align: middle;
}

.group-right .commerce-add-to-cart.trial_form_wrapper{
  margin-top: 10px;
	}
  .group-right .commerce-add-to-cart.trial_form_wrapper a.cta_link,
  .group-right .commerce-add-to-cart.trial_form_wrapper span.cta_link,
  .group-right .commerce-add-to-cart.trial_form_wrapper input{
	  margin: 0px;
		top: -1px;
		padding: 0 10px;
	}
	
  .group-right .commerce-add-to-cart.trial_form_wrapper .edit-submit-wrapper .edit-submit-icon{
    display: none;
  }
  .group-right .commerce-add-to-cart.trial_form_wrapper .edit-submit-wrapper .cta_link {
    background-image: none;
    height:31px;
  }
	.group-right .commerce-add-to-cart .edit-submit-wrapper .cta_link:hover {
	  text-decoration: none;
	}
  .group-right .commerce-add-to-cart.trial_form_wrapper .edit-submit-wrapper{
    background: transparent;
  }
	  .group-right .commerce-add-to-cart.trial_form_wrapper .edit-submit-wrapper .cta_link{
      color: #E72B2D;
	  }
    .group-right .commerce-add-to-cart.trial_form_wrapper .edit-submit-wrapper .cta_link:hover{
      text-decoration: underline;
    }

/*.node-type-extension-display .node-type-extension-display .field-group-format {
	padding: 5px;
	}*/
  /*
	.node-type-extension-display .field-slideshow-wrapper{
    width: 480px;
  }
	.node-type-extension-display .field-slideshow-slide,
	.node-type-extension-display .field-slideshow-slide a,
	.node-type-extension-display .field-slideshow-slide img{
	  max-width: 480px;
	}
	.node-type-extension-display .field-name-field-ext-media {
	  float: left;
	  margin-right: 10px;
	}
  */
  /*
	.node-type-extension-display .rate-widget {
	  width: 41px;
	  float: left;
	  padding-right: 10px;
		}
	  .node-type-extension-display .rate-widget .button1 {
	    width: 41px;
	    float: left;
	  }
    .node-type-extension-display .rate-widget .rate-rate {
      width: 41px;
      float: left;
      text-align: center;
      position: relative;
      top: -2em;
    }
    .node-type-extension-display .rate-widget .button2 {
      width: 41px;
      float: right;
      position: relative;
      top: 1.5em;
    }
    */
    /*
  .node-type-extension-display .commerce-add-to-cart {
    width: 160px;
	  }
	  .node-type-extension-display .commerce-add-to-cart .form-item-product-id{
	     float: left;
	     margin-bottom: 0em;
	     margin-top: 0em;
	  }
    .node-type-extension-display .commerce-add-to-cart .form-submit{
       float: right;
       margin-top: 0.5em;
    }
    */
    /*
  .node-type-extension-display .field-name-body {

	}
  */
  /*
	.node-type-extension-display .field-name-field-ext-media .item-list {
	  border-top: 1px solid #4d5259;
	  border-bottom: 1px solid #4d5259;
	  background: #eee;
	  padding: 4px 0;
	}
	.node-type-extension-display .field-name-field-ext-media .item-list ul {
	  margin: 0;
	}
	.node-type-extension-display .field-name-field-ext-reference {
	    float: right;
	    line-height: 2.5em;
	    margin: 1em;
	}
	.node-type-extension-display  .field-name-field-ext-description {
	  clear: left;
	}
  .node-type-extension-display .group-meta {
    min-height: 460px;
    float: left;
    width: 440px;
  }
  .node-type-extension-display  .group_meta_inner1 {
	    border-bottom: 2px solid #CCCCCC;
	    height: 5em;
	    overflow: hidden;
	}
	.node-type-extension-display  .group_meta_inner2 {
	    border-bottom: 2px solid #CCCCCC;
	    height: 6em;
	    padding: 0px;
	}
	.node-type-extension-display  .group_meta_inner2_left {
	    float: left;
	    width: 150px;
	}
	.node-type-extension-display .group_meta_inner2_right {
    background: none repeat scroll 0 0 #777777;
    border: 1px solid;
    color: white;
    float: right;
    padding: 0;
    width: 200px;
    min-height: 5.9em;
	}
	.node-type-extension-display  .group_meta_inner4 {
	}
	.node-type-extension-display .group-meta-inner3 {
    border-top: 2px solid #CCCCCC;
    border-bottom: 2px solid #CCCCCC;
    float: left;
    width: 100%;
    margin-bottom: 75px;
    }
    .node-type-extension-display .group-meta-inner3 h3 {
      background: url('../images/expanded-options.png') no-repeat scroll 3px 6px transparent;
      margin-top: 5px;
	    }
	    .node-type-extension-display .group-meta-inner3 h3 span.field-group-format-toggler a {
	      padding-left: 20px;
	    }
	.node-type-extension-display ul.inline, ul.links.inline {
	    margin-left: 50px;
  }
*/
/* manage-thru-sketchup block */
.page-user-myextensions #block-block-1 {
  height: auto;
  top: 0px;
}


/* undoing the node-type-extension-display above for add and ed */
.page-node-add.node-type-extension-display,
.page-node-edit.node-type-extension-display{
  float: none;
}

.page-node-add #edit-field-ext-listing-url,
.page-node-edit #edit-field-ext-listing-url,
.page-node-add .field-name-field-ext-trial-duration,
.page-node-edit .field-name-field-ext-trial-duration{
	display: none;
}
.disabled-button {
  pointer-events: none;
  opacity: 0.4;
}

/* Extra fields in Extension Display */
/*
.node-author-about-me {
    display: block;
    max-height: 200px;
    overflow: hidden;
    width: 100px;
}
*/
.node-author-image img {
	max-width: 5em;
	max-height: 5em;
	float: left;
}
/*
.node-author-link {
}
.node-author {
}
.node-title {
    display: inline-block;
    margin-top: 1em;
    margin-bottom: 0em;
    float: left;
    max-width: 240px;
}
	.node-title a{
    color: #777;
	}
*/

/* Author Pane */
/*
.block-author-pane {
    background: none repeat scroll 0 0 #EEEEEE;
    border-radius: 10px 10px 10px 10px;
    padding: 10px;
    min-height: 155px;
    margin-bottom: 5px;
}
.block-author-pane h4 {
    display: none;
}
.block-author-pane .content {
}
.block-author-pane .author-name span {
 padding-right: 5px;
}
.author-pane .picture {
    float: left;
    padding-right: 10px;
}
*/

/* Comments */
.comment-wrapper {
  clear: none;
  width: 654px;
  padding-top: 18px;
}

.comment-wrapper h2 {
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 30px;
  margin-bottom: 12px;
}

/**
 * This block displays the user's name before a comment edit field, which seems
 * obvious to me, so hiding.
 */
#edit-author--2 {
  display: none;
}

.comment label, .comment-form label {
  display: none;
}

.comment h3 {
  display: none;
}

.grippie {
  display: none;
}

.comment textarea, .comment-form textarea {
  border: 1px solid #dadde0;
  padding: 9px;
}

.comment .filter-wrapper {
  display: none;
}

.comment #edit-preview, #comment-form #edit-preview {
  display: none;
}

.comment .new {
  display: none;
}

.comment_forbidden span {
  display: block;
  width: 480px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 300;
}

.comment-add a {
  display: block;
  width: 480px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 300;
  visibility: hidden;
}

.comment-wrapper .clearfix:after {
  content: none;
}

.comment {
  border: 1px solid #dadde0;
  padding: 12px;
}

.comment-reply {
  padding: 0;
  margin-left: -4px;
}

.comment .user-picture {
  float: left;
  margin: 0 9px 0 0;
  border: 1px solid #dadde0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 46px;
  width: 46px;
  background-image: url("../images/avatar_small.png");
}
.comment .no-profile-image {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.comment .user-picture img {
  width: 40px;
  height: 40px;
  border: 3px solid #fcfcfc;
}

.comment .username {
  display: inline-block;
  font-weight: bold;
  margin: 6px 9px 6px 0;
  font-size: 15px;
}

.comment time {
  float: right;
  color: #dadde0;
  font-weight: 300;
}


/* User Profile */
.profile h3 {
    margin-top: 20px;
}
#comments .comment {

  margin-bottom: 20px;
}


/* Panels */
.pane-title {
  border-bottom: 1px solid silver;
}

/* new extension */
#edit-commerce-price{
}
#new_version_instructions{

  }
  #new_version_instructions h2{
    margin-top: 10px;
  }

#edit-field-extver-version input[type="text"],
#edit-field-extver-version input[type="password"],
#edit-field-extver-version input.text,
#edit-field-extver-version input.title,
#edit-field-extver-version textarea {
	width: auto;
}

.field-name-field-ext-reference .ajax-progress {
	float: right;
}

/**
 * Style the my extensions page "call to action" area where the buttons appear.
 */
.call-to-action {
  display: inline-block;
  margin-left: 72px;
  margin-top: 12px;
}
.action-links {
  display: inline-block;
  clear: both;
  }
  .action-links span.file a{
    clear: both;
    float: right;
    padding: 0px 0px 3px 0px;
  }

/**
 * This styles the search result and my extensions linkable titles.
 */
.group_title .title {
  font-size: 16px;
}
.group_title .status {
  background: none;
  display: inline-block;
  margin-left: 5px;
}

.group_title .summary {
  clear: both;
}

/**
 * Details page main extension title. Note that this overrides
 * what is set in  .group_title .title above.
 */
.group_left .title {
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 30px;
  margin-bottom: 2px;
}

.group-left .title {
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 30px;
  margin-bottom: 2px;
}

#node-extension-display-full-group-left {
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 30px;
  margin-bottom: 2px;
}

.group-left .title {
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 30px;
  margin-bottom: 2px;
}

/**
 * Details page extension icon.
 */
.node-extension-display .content .field-name-field-ext-icon {
  width: 60px;
  height: 74px;
  overflow: hidden;
  float: left;
  position: absolute;
}

/**
 * This styles both the details page title block and the My Extensions
 * search result list.
 */
.group_title {
  min-height: 60px;
  padding: 12px 0px 6px 5px;
}
.group-title {
  min-height: 60px;
  padding: 12px 0px 6px 5px;
}

/**
 * Remove the line and padding to the group_title if it's on the details page.
 */
.group_left .group_title {
  padding-top: 0;
  border-top: 0;
  min-height: 66px;
  margin-left: 65px;
}
.group_left .group-title {
  padding-top: 0;
  border-top: 0;
  min-height: 66px;
  margin-left: 65px;
}

#node-extension-display-full-group-left .group-title {
  padding-top: 0;
  border-top: 0;
  min-height: 66px;
  margin-left: 65px;
}

#node-extension-display-full-group-left p {
  letter-spacing: 0px;
}

/**
 * Details page main description text styling.
 */
p {
  line-height: 24px;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 15px;
}
.field-type-text-with-summary li {
  line-height: 24px;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
}
li {
  font-weight: 300;
}

/**
 * Details page main description text div.
 */
.field-type-text-with-summary {
  margin-top: 12px;
}

.field-name-field-ext-media {
  margin-bottom: 24px;
}

/**
 * Details page report abuse link.
 */
.group_abuse {
  margin-top: 50px;
}

/**
 * Search results and my extensions page icon
 */
.page-user-profile .content .field-name-field-ext-icon ,
.search-result .field-name-field-ext-icon {
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin: 12px 5px 5px 0px;
  float: left;
  position: absolute;
  }

  .page-user-profile .content .field-name-field-ext-icon img ,
  .search-result .field-name-field-ext-icon img {
	  width: 60px;
	  height: 60px;
	  margin: 0;
	}
  /* Indicate if extension needs updating */
  .page-user-profile .group_title_container {
    float: left;
    margin-left: 65px;
    width: 630px;
}
  .page-user-profile .extension_update .group_title_container {
    background-color: rgba(231,43,45,0.2);
  }
/* Indicate if extension is enabled/disabled */
	.page-user-profile .extension_enabled .group_title_container  {
  }
  .page-user-profile .extension_disabled .group_title_container  {
    background-color: #eee;
}
	.page-user-profile .group_title {
	  float: left;
    width: 484px;
}

  /* Indicate if extension is compatible or not */
  .page-user-profile .compatibility {
    width: 50px;
    display: block;
    height: 100px;
    position: absolute;
  }
  .page-user-profile .compatibilityHeader {
    background-color: #d4d5d1;
    color: #666;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 0 0 10px;
    margin: 2px 0 0 0;
    width: 685px;
}
.page-user-profile .compatibleUnknown {
    background-color: yellow;
  }
  .page-user-profile .notCompatible {
    background-color: red;
  }
  .page-user-profile .compatibile {
    background-color: green;
  }
  .page-user-profile .compatibleLikely {
    background-color: blue;
  }

.install_all_buttons {
	float: right;
  }
  .install_all_buttons ul{
    margin: 0;
    }
		.install_all_buttons ul li{
		    display: inline;
		    margin: 0 10px;
		    text-align: right;
		}
    .install_all_buttons ul li a{
      color: #666;
    }

.file-icon {
  display: none;
}
.my-extension-links-container{
	float: right;
	max-width: 140px;
}
.my-extension-links {
	float: right;
	font: normal 12px/1.2 Arial, sans-serif;
	padding: 0px 10px 3px 0px;
  }
  .my-extension-links input[type="submit"], .my-extension-links a {
    border: none;
    background: none;
    color: #666;
    font-weight: normal;
    padding: 0px;
    text-shadow: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
  }
  .my-extension-links input[type="submit"]:hover, .my-extension-links a:hover {
    color: #E72B2D;
    text-decoration: underline;
  }
  .my-extension-links.trial,
  .my-extension-links.price {
    color: #005596;
		font-size: 18px;
		font-weight: bold;
		margin-top: 9px;
  }  
  .my-extension-links.expires {
    font-size: 12px;
    font-weight: bold;
    margin-top: 2px;
  }  
.remove-link {
	clear: both;
}

.extension-listing {
	display: inline-block;
	list-style: none;
	margin: 0px 0px 30px 0px;
	padding: 0px;	
  }
  .extension-listing li {
    padding: 0px;
    border-top: 1px solid #4D5259;
    margin: 0px;
    float: left;
  }


/**
 * Details page author information box.
 */
.author-image-wrapper {
  border: 1px solid #dadde0;
  margin: 12px 9px 0 0;
  width: 86px;
  height: 86px;
? -webkit-border-radius: 3px;
? -moz-border-radius: 3px;
? border-radius: 3px;
  background-image: url("../images/avatar.png");
  background-repeat: no-repeat;
}


.author-image-wrapper img {
  width: 80px;
  height: 80px;
  border: 3px solid #fcfcfc;
}
.author-image-wrapper .no-profile-image {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.author-extension-count {
  font-size: 14px;
  font-weight: normal;
  margin-top: 9px;
}
.author-downloads {
  font-size: 14px;
  font-weight: normal;
}

/**
 * Hide the extension counts and download numbers for
 * authors on the Extension details page.
 */
.group-right .author-extension-count,
.group-right .author-downloads {
  display: none;
}


.author-about {
  line-height: 24px;
  font-size: 14px;
  font-weight: 300;
  margin-top: 9px;
}

.author-name {
  font-size: 20px;
  line-height: 24px;
  margin-top: 12px;
}

.author-name a {
  color: #4D5259;
  font-weight: normal;
}

.author-links {
  margin-top: 12px;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 24px;
}

.more-by-user {
  margin-top: 12px;
}
.more-by-user .field-label {
  margin-bottom: 9px;
}

/**
 * Slideshow stuff.
 */
.inner-slide {
  overflow: hidden;
  height: 360px;
  width: 640px;
  display:table-cell;
  vertical-align:middle;
  text-align: center;
}

.field-slideshow {
  max-height: 362px;
  overflow: hidden;
  border: 1px solid #dadde0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: #f8f8f8;
}

.field-slideshow-thumbnail {
  border: 2px solid white;
}

.field-slideshow-pager li {
  /* This is so the absolute positioned play button uses this as it's parent */
  position: relative;
}

.video-thumb-play-button {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -10px;
  background-image: url("../images/video-play.png");
  background-repeat: no-repeat;
}

.field-slideshow-wrapper ul {
  padding: 0;
  margin: 18px 0 12px -20px;
}

.field-slideshow-wrapper li {
  padding: 0;
  margin: 0;
  margin-left: -24px;
  width: 68px;
  margin: -12px;
  display: inline-block;
  border: 1px solid #dadde0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  height: 40px;
  overflow: hidden;
}

.field-name-field-ext-change-log {
  padding-bottom: 24px;
}

.field-name-field-ext-summary {
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 12px;
}

.more-like-this .field-label {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 12px;
}

.more-like-this a {
  font-size: 14px;
  line-height: 24px;
}

#messages {
  margin-bottom: 12px;
}

#node-extension-display-full-group-meta {
  background-color: #f8f8f8;
  margin: 10px 0;
  padding: 0 14px 14px;
  border: 1px solid #d8dbde;

  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

#node-extension-display-full-group-meta .meta-box {
  margin: 0 -14px;
  padding: 10px 14px 10px 44px;
  font-size: 14px;
  border-bottom: 1px solid #dadde0;
}

#node-extension-display-full-group-meta .meta-box {
  margin: 0 -14px;
  padding: 10px 14px 10px 44px;
  font-size: 14px;
  border-bottom: 1px solid #dadde0;
}

#node-extension-display-full-group-meta .meta-box .count {
  font-weight: bold;
  color: black;
  margin-right: 2px;
}

#node-extension-display-full-group-meta .downloads {
  background-image: url("../images/icon-users.png");
  background-repeat: no-repeat;
  background-position: 14px 12px;
}

#node-extension-display-full-group-meta .comment-count {
  background-image: url("../images/icon-comments.png");
  background-repeat: no-repeat;
  background-position: 14px 12px;
}

#node-extension-display-full-group-meta .comment-count a {
  color: #4D5259;
}

#node-extension-display-full-group-meta .field-label {
  display: inline;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
}

#node-extension-display-full-group-meta .field {
  display: block;
  padding-top: 9px;
  font-size: 12px;
  line-height: 18px;
}

#node-extension-display-full-group-meta .field-items {
  display: inline;
}

#node-extension-display-full-group-meta .field-item {
  display: inline;
}

#node-extension-display-full-group-meta .field a {
  color: #4D5259;
}

#node-extension-display-full-group-meta .field a:hover {
  color: #E72B2D;
  text-decoration: underline;
}

.field-name-field-ext-popularity {
  visibility: hidden;
}

/**
 * Metadata display sidebar.
 */
.group_meta {
  background-color: #f8f8f8;
  margin: 10px 0;
  padding: 0 14px 14px;
  border: 1px solid #d8dbde;

  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.group_meta .meta-box {
  margin: 0 -14px;
  padding: 10px 14px 10px 44px;
  font-size: 14px;
  border-bottom: 1px solid #dadde0;
}

.group_meta .meta-box .count {
  font-weight: bold;
  color: black;
  margin-right: 2px;
}

.group_meta .downloads {
  background-image: url("../images/icon-users.png");
  background-repeat: no-repeat;
  background-position: 14px 12px;
}

.group_meta .comment-count {
  background-image: url("../images/icon-comments.png");
  background-repeat: no-repeat;
  background-position: 14px 12px;
}

.group_meta .comment-count a {
  color: #4D5259;
}

.group_meta .field-label {
  display: inline;
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
}

.group_meta .field {
  display: block;
  padding-top: 9px;
  font-size: 12px;
  line-height: 18px;
}

.group_meta .field-items {
  display: inline;
}

.group_meta .field-item {
  display: inline;
}

.group_meta .field a {
  color: #4D5259;
}

.group_meta .field a:hover {
  color: #E72B2D;
  text-decoration: underline;
}

/**
 * Search results.
 */
.search-result {
  margin-top: 18px;
  margin-left: 6px;
}
input[type=text] {
  margin-left: 5px;
  border: 1px solid #acacac;
  font-size: 12px;
  padding: 3px 6px;
  height: auto;
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  background: white;
}
.search-form label {
  display: none;
}
.search-form .form-item-retain-filters {
  display: none;
}
.search-form {
  white-space: nowrap;
  margin-bottom: 30px;
}
.search-form input[type=text] {
  width: 90%;
  margin-top: 3px;
}

.search-result .group_title {
	padding-left: 72px;
	min-height: 50px;
	margin-top: 12px;
	border-top: 1px solid #dadde0;
	padding-top: 12px;
	padding-bottom: 6px;
}
.search-result .group_title .title {
  float: left;
  margin-bottom: 2px;
}
.search-result .group_title .price{
  float: right;
}
.group_title .author {
  float: left;
  margin-left: 14px;
  color: #4D5259;
  font-size: 12px;
  line-height: 20px;
}
#zone-content .search-form {
  display: none;
}
#block-current-search-result-count {
  float: left;
  margin: 4px;
  font-size: 16px;
}
#block-apachesolr-sort-sort {
  float: right;
}
#block-apachesolr-sort-sort .form-item {
  float: left;
  margin: 0;
}
#block-apachesolr-sort-sort .form-item select {
  margin: 0;
}
#apachesolr-sort-sort-form- .form-actions {
  display: none;
}
#search-results-infinite-scroll-wrapper {
  clear: both;
}

#block-current-search-current-facets li {
  list-style: none;
  background-color: white;
  border: 1px solid #FCD8D7;
  border-radius: 3px;
  margin: 0 0 4px 0;
  padding: 2px 8px;
  display: inline-block;
}
#block-current-search-current-facets li a {
  font-weight: bold;
  color: #4D5259;
}
#block-current-search-current-facets li a:hover {
  text-decoration: none;
}

/**
 * If someone does an "empty search", they go to a page with a list
 * of categories and so on. Style that here.
 */
.apachesolr-browse-blocks h2 {
  font-size: 24px;
  margin-bottom: 3px;
}
.apachesolr-browse-blocks .block-facetapi {
  background: #f8f8f8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dadde0;
  padding: 12px 12px 3px 12px;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 250px;
  float: left;
}

/**
 * Search results (no results)
 */
.page-search #zone-content .content > ul {
  display: none;
}
#block-sues-solr-search-no-results {
  text-align: center;
  width: 940px;
}
#block-sues-solr-search-no-results .search-no-results {
  width: 320px;
  margin: 0 auto;
}
#block-sues-solr-search-no-results .search-no-results-tip-action-wrapper {
  margin: 10px 0 0;
}
/*#block-sues-solr-search-no-results #search-no-results-tips {
  display: none;
}*/
#block-sues-solr-search-no-results-form {
  width: 540px;
  margin: 0 auto;
}
#block-sues-solr-search-no-results-form .no-results-header {
  font-size: 1.4em;
  margin: 70px 0 20px;
  text-align: center;
}
#block-sues-solr-search-no-results-form .no-results-body {
  text-align: center;
  margin-bottom: 20px;
}
#block-sues-solr-search-no-results-form #webform-component-type {
  float: left;
}
#block-sues-solr-search-no-results-form #webform-component-name {
  float: left;
  width: 190px;
  margin: 15px 0 0 25px;
}
#block-sues-solr-search-no-results-form #webform-component-details {
  clear: both;
}
#block-sues-solr-search-no-results-form #webform-component-details label {
  float: left;
  clear: left;
}
#block-sues-solr-search-no-results-form #webform-component-details .form-textarea-wrapper {
  float: left;
  width: 400px;
  margin-left: 10px;
}
#block-sues-solr-search-no-results-form #webform-component-details .form-textarea-wrapper textarea {
  height: 100px;
}
#block-sues-solr-search-no-results-form .form-actions {
  padding-top: 24px;
}
#block-sues-solr-search-no-results-form .form-actions input.form-submit {
  background: #ea2622; /* Old browsers */
  background: -moz-linear-gradient(top,  #ea2622 0%, #d50201 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea2622), color-stop(100%,#d50201)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ea2622 0%,#d50201 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ea2622 0%,#d50201 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ea2622 0%,#d50201 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ea2622 0%,#d50201 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea2622', endColorstr='#d50201',GradientType=0 ); /* IE6-8 */

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  border: 1px solid #babcbf;
  color: white;
  height:27px;
  width: 240px;
  font-size:14px;
  line-height:12px;
  margin: 0 0 20px 132px;
  padding: 0;
  text-align:center;
  white-space:nowrap;
  display: block;
  text-shadow: none;
  font-size: 14px;
  font-weight: normal;

  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
/**
 * Search results (develoepr store pages without results)
 */
.page-user-store #zone-content .content > ul {
  display: none;
}
/**
 * Hide the "tags" section.
 */
.apachesolr-browse-blocks #block-facetapi-apachesolr-im-field-ext-tags {
  display: none;
}
/**
 * Hide the checkboxes. They are confusing.
 */
.apachesolr-browse-blocks .block-facetapi input[type=checkbox] {
  display: none;
}

/**
 * Tabs
 */
.tabs {
  margin-bottom: 30px;
}

/**
 * Social Media
 */
.group_sm {
  margin-top: -26px;
  margin-bottom: 40px;
  overflow: visible;
}

.group_sm div {
  display: inline;
}

.group_sm .twitter-wrapper {
  margin-right: -24px;
}

.group_sm .google-plus-wrapper {
  margin-right: -24px;
}

.group_sm .facebook-wrapper {
  margin-right: -24px;
  position: relative;
  top: -4px;
}

#block-search-form #search-block-form {
  display: inline;
  line-height: 0px;
}

/**
 * Top search box and navigation.
 */
#zone-branding-wrapper #block-search-form .form-submit {
}

#zone-branding-wrapper #block-search-form input[type=text] {
}

#zone-branding-wrapper #block-menu-menu-es-menu {
  margin-right: 20px;
}

#zone-branding-wrapper #block-menu-menu-es-menu ul.menu {
  margin-left: 0;
}

/**
 * Top "account" menu.
 */
 /* The filter on this div breaks the menu in IE9.
 TODO: Test more and figure out what's actually happening here? */
/*#zone-branding-wrapper {
  filter: none;
}*/
.sf-menu ul {
  top: auto;
}

.sf-menu-es-menu a,
.sf-menu-ewh-in-su-menu a {
  color: #4d5259;
}
.sf-menu-es-menu a:hover, .sf-menu-ewh-in-su-menu a:hover {
color: #E72B2D;
}
.sf-menu-es-menu li.sf-depth-1,
.sf-menu-ewh-in-su-menu li.sf-depth-1 {
  border: 1px solid #4d5259;
  background-color: transparent;
  padding: 4px 6px;
  width: 197px;
  margin-top: 3px;
  margin-left: 0px;
}

.sf-menu-es-menu li ul,
.sf-menu-ewh-in-su-menu li ul {
  background-color: #d4d5d1;
  padding: 4px 6px;
  left: -1px;
  margin-top: 3px;
}
	
.sf-menu-es-menu li ul li,
.sf-menu-ewh-in-su-menu li ul li {
  padding: 4px 0;
}

/**
 * On the top "account" menu, don't wrap long user names.
 */
a.menuparent {
  white-space:nowrap;
  overflow: hidden;
  height: 18px;
  margin-bottom: -4px;
}

.header-author-image-wrapper {
  margin: 3px 0 0 0;
  width: 24px;
  height: 24px;
  background-image: url("../images/avatar_tiny.png");
  background-repeat: no-repeat;
}

.sf-menu.sf-style-none .sf-sub-indicator {
  background-image: url('/sites/all/libraries/superfish/images/arrows-777777.png');
  top: 0.2em;
  right: 0em;
}

/**
 * On search results, style the left hand tags bar.
 */
.region-sidebar-first {
  display: inline;
  float: left;
}
.region-sidebar-first-inner {
  background: #f8f8f8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dadde0;
  padding: 0 12px 12px 12px;
  margin-right: 12px;
  margin-bottom: 20px;
  width: 195px;
  overflow: hidden;
}
.region-sidebar-first-inner .block-title {
  margin-bottom: 9px;
  margin-top: 12px;
  border-top: 1px solid #dadde0;
  padding-top: 12px;
}
.region-sidebar-first-inner div:first-of-type .block-title {
  padding-top: 0;
  border-top: 0;
}
ul.facetapi-facetapi-checkbox-links li.leaf  {
  list-style-type: none;
  list-style-image: none;
  margin: 0 0 6px 0;
  display: block;
  padding-left:1.5em;
  text-indent:-1.5em;
}

/**
 * Search results right hand section. Need this fix for IE8.
 */
.region-inner.region-content-inner {
  display: table-cell;
}


/**
 * Style the infinite scroller message at the bottom.
 */
.infinitescroll-empty {
  background: #f8f8f8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dadde0;
  margin-bottom: 20px;
}

/**
 * Style the "throbber" image for the tags autocomplete.
 */
html.js input.form-autocomplete {
  background-position: 99% 11px;
}


/**
----------------------------------------------------
ITEMS TO MERGE INTO WEB CSS ABOVE
----------------------------------------------------*/

.field-slideshow {
  width: 652px !important;
  padding: 0px 0px 11px 0px;
}
.inner-slide {
  border: 12px solid #f8f8f8;
  overflow: hidden;
  height: 350px;
  width: 628px !important;
  display: block;
  vertical-align:middle;
  text-align: center;
}
.inner-slide img {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

/**
 * Top level links shouldn't be black when
 * in "active" state.
 */
li a.active {
  color: #E72B2D;
}

#zone-branding-wrapper #block-menu-menu-es-menu ul.menu li.leaf a {
  padding: 0 15px 0 0;
}

/**
 * Fix the picture upload fieldset styling.
 */
#edit-picture {
  margin: 12px 0 0 0;
  padding: 0;
  border: none;
}
#edit-picture img {
  float: left;
  margin-top: 12px;
  margin-right: 12px;
  width: 80px;
  height: 80px;
  background: white;
  border: 1px solid #dadde0;
}
#edit-picture .fieldset-legend {
  font-size: 15px;
}
#edit-picture .fieldset-wrapper {
  padding: 0;
}
#edit-picture-upload {
  margin-bottom: 9px;
}
#edit-picture .form-type-radio .description, #edit-picture .form-type-checkbox .description,
#edit-picture-upload .form-type-radio .description, #edit-picture-upload .form-type-checkbox .description {
  display: none;
}
.form-item-files-picture-upload label {
  display: none;
}
div.form-item-picture-delete {
  padding-top: 9px;
  margin-bottom: 6px;
  display: block;
}


/**
 * Generic edit form header styling.
 */
.form-item .form-type-textfield label {
  margin-top: 12px;
  font-size: 15px;
}
.form-textarea-wrapper {
  margin-top: 6px;
  margin-bottom: 0;
}
.form-type-textfield input[type=text] {
  margin-bottom: 0;
  font-size: 14px;
  padding: 6px;
}
.form-item textarea {
  font-size: 14px;
  padding: 6px;
}

/**
 * Style the little "description" text snippets.
 */
.form-item .description, .text-format-wrapper .description {
  background: #FFFBD9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #FFEBC5;
  border-top: none;
  margin-top: 0;
  padding: 3px 9px;
  margin: 0 0 0 0;
  line-height: 16px;
  font-size: 12px;
}

/**
 * Make the warning box border color match our
 * description text styling.
 */
div.warning {
  border: 1px solid #FFEBC5;
  background-color: #FFFBD9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #4D5259;
}

/**
 * Checkbox label styling.
 */
.form-item label.option {
  display: inline;
}

/**
 * Style the Locale settings box.
 */
#edit-timezone {
  border: 0;
  padding: 0;
}
#edit-timezone legend {
  display: none;
}
#edit-timezone .fieldset-wrapper {
  padding: 0;
}
#edit-timezone select {
  width: 100%;
  margin-bottom: 0;
}

/**
 * Style the edit form tabs.
 */
.vertical-tabs-panes div.fieldset-wrapper {
  padding: 12px 12px 24px 12px;
  min-height: 140px;
}

/**
 * Indent the submit buttons on the vertical tab form.
 */
#user-profile-form #edit-actions {
  padding-left: 220px;
}

/**
 * Fix padding on the address block.
 */
#addressfield-wrapper div.fieldset-wrapper {
  padding: 0;
}
#addressfield-wrapper .fieldset-legend {
  display: none;
}
#addressfield-wrapper fieldset {
  border: 0;
  padding: 0;
}

/**
 * Style the Username field.
 */
.form-item-name {
  margin-top: 0;
}

/**
 * Top Developers image wrapper
 */
/*.view-front-top-developers div.field-content {
  border: 1px solid #dadde0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 106px;
  width: 106px;
}
.view-front-top-developers div.field-content img {
  width: 100px;
  height: 100px;
  border: 3px solid #fcfcfc;
}
.view-front-top-developers .username {
  position: absolute;
  width: 106px;
  margin-top: 116px;
}
.pane-views-front-top-developers-block {
  padding-bottom: 36px;
  position: relative;
  left: 130px;
}*/


/**
 * Home page styling.
 */
.front .region-inner.region-content-inner {
	  display: block;
	}
	.front .panels-flexible-column-1-2 {
    float: left;
    width: 70%;
  }
  .ewh-front-panel-top-developers-column,
  .front .panels-flexible-column-1-3 {
    float: right;
    width: 25%;
    margin-right: -4px;
    margin-left: -4px;
}
  .front .pane-views-front-featured-extensions-block{
    padding-left: 0px;
    padding-top: 0px;
    width: 100%;
  }
  .front h3.pane-views-front-featured-extensions-block {
    margin-left: 130px;
    line-height: 50px;
  }
  .front .pane-views-front-top-extensions-block{
    left: 0px;
    margin-top: 28px;
  }
  .front .pane-views-front-top-developers-block{
    left: 0px;
  }
  .front .views-field-field-ext-category,
  .front .views-field-field-ext-industry{
    float: left;
  }
  .front .views-field-field-ext-category-1,
  .front .views-field-field-ext-industry-1{
    margin-left: 0.3em;
    display: inline-block;
  }
  .front #edit-field-ext-industry-tid-i18n-wrapper label,
  .front #edit-field-ext-industry-tid-i18n-wrapper .views-widget {
      float: none;
      display: inherit;
    }
	  .front  #edit-field-ext-industry-tid-i18n-wrapper #edit-field-ext-industry-tid-i18n {
      width: 150px;
    }
  .front #block-menu-menu-front-developer-menu {
    margin-top: 30px;
    }
  	.front #block-menu-menu-front-developer-menu li {
			list-style: none;
			text-align: center;
    }
    .front #block-menu-menu-front-developer-menu li a {
      color: #E72B2D;
	    border: 1px solid #E72B2D;
			padding: 2px 10px;
			text-decoration: none;
    }
    .front #block-menu-menu-front-developer-menu li a:hover {
			background-color: #E72B2D;
			color: #fff;
    }

/**
 * Home page slideshow styling.
 */
.front #zone-preface-wrapper {
  position: absolute;
  top: 71px;
  left: 0;
  width: 100%;
  }
.front #zone-preface {
  margin: 0;
  width: 100%;
  }
.front #zone-preface .region-preface-second {
  margin: 0;
  width: 100%;
  }

.ewh-front-panel-featured-extensions-column .panels-flexible-row-first,
.front .panels-flexible-row-1-4 {
  height: 470px;
  }

.front .views_slideshow_slide {
  width: 100%;
}
.front .views-slideshow-cycle-main-frame {
  height: 490px;
}

.view-front-featured-extensions .views-field-field-slide-image .field-content {
  text-align: center;
  }

.view-front-featured-extensions .slide-overlay-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -470px;
  width: 940px;
  height: 490px;
  }

.view-front-featured-extensions .slide-overlay {
  background: rgba(250, 250, 250, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 300px;
  height: 120px;
  z-index: 11;
  }

.view-front-featured-extensions .views-slideshow-pager-field-item {
  float: left;
  }

.view-front-featured-extensions .views-slideshow-pager-fields {
  width: 100px;
  margin: 0 auto;
  z-index: 10;
  position: relative;
  margin-top: 20px;
  }

.slide-pager {
  width: 8px;
  height: 8px;
  margin: 1px 2px;
  background-color: #4F525B;
  cursor: pointer;
  }
.active .slide-pager {
  border: 1px solid #9DA0A4;
  margin: 0 1px;
}
.view-front-featured-extensions .views-field-field-slide-image {
  width: 100%;
  overflow: hidden;
  height: 490px;
  position: absolute;
  top: 0;
  left: 0;
}
.view-front-featured-extensions .views-field-field-slide-image .field-content {
  width: 3000px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1500px;
}

.slide-custom-1-wrapper .slide-cta {
  width: 274px;
  height: 65px;
  left: 18px;
  bottom: 3px;
  position: absolute;
  z-index: 11;
}
.slide-custom-1-wrapper .slide-cta .extension-details-cta {
  height: 66px;
  font-size: 17px;
  line-height: 66px;
  padding: 0;
}
.slide-custom-1-wrapper .slide-copy {
  width: 554px;
  height: 134px;
  left: 18px;
  top: 73px;
  position: absolute;
  z-index: 11;
  text-align: center;
}

.slide-custom-1-wrapper .slide-copy .slide-copy-title {
  font-size: 30px;
  line-height: 30px;
  margin: 34px 0 16px;
  font-weight: 100;
}

/*localization sizing for long words*/
.i18n-fr .slide-custom-1-wrapper .slide-copy .slide-copy-title,
.i18n-de .slide-custom-1-wrapper .slide-copy .slide-copy-title {
  font-size: 28px;
}

.slide-custom-1-wrapper .slide-copy .slide-copy-text {
  color: #E72B2D;
  font-size: 19px;
}
.i18n-fr .slide-custom-1-wrapper .extension-details-cta {
	white-space: normal;
	line-height: 32px;
}



/**
 * Add a header to the home page.
 */
.pane-views-front-featured-extensions-block:before {
  content: "Extension Warehouse";
  font-size: 34px;
  font-weight: 600;
  margin-left: 130px;
  padding-bottom: 12px;
  display: block;
  letter-spacing: -1px;
  color: black;
  }
  .pane-views-front-featured-extensions-block h3.pane-title {
    margin-left: 130px;
    margin-bottom: 40px;
}

h3.pane-title {
  font-size: 24px;
  border: none;
  margin-top: 12px;
  margin-bottom: 12px;
}

/**
 * Home page overlay box styling (top extension and top developer)
 */
/*.home-box-button {
  background-color: #787878;
  border-top: 1px solid #C7C7C7;
  height: 25px;
  text-align: center;
  line-height: 25px;
}*/

.home-box-button a {
  background-color: #787878;
  border-top: 1px solid #C7C7C7;
  height: 25px;
  text-align: center;
  line-height: 25px;
  display: block;
  color: white;
  text-decoration: none;
}

.home-box-button a:hover {
  background-color: #E72B2D;
}

/**
 * Home page top extensions styling.
 */
.view-front-top-extensions table, tr, tbody {
  background: none;
  margin-bottom: 0;
}
.view-front-top-extensions td.views-field {
  background: #f8f8f8;
  border-bottom: 1px solid #f8f8f8;
  padding: 0;
  vertical-align: middle;
}
.view-front-top-extensions td.views-field-picture {
  width: 30px;
  height: 30px;
}
.view-front-top-extensions td.views-field a {
  color: #4D5259;
  font-weight: 100;
}
.view-front-top-extensions th {
  display: none;
}
.pane-views-front-top-extensions-block {
  position: relative;
  left: 12px;
  top: -40px;
  background: #f8f8f8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dadde0;
  width: 235px;
  float: right;
  margin-top: 0;
  z-index: 10;
  box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.5);
}

.pane-views-front-top-extensions-block .pane-content .view-filters {
  margin: 0 28px;
}
.pane-views-front-top-extensions-block .pane-content .view-content {
  margin: 0 0 2px 0;
}

.pane-views-front-top-extensions-block .pane-content .view-content td a {
  display: block;
  padding: 1px 28px 2px;
}
.pane-views-front-top-extensions-block .pane-content .view-content td a:hover {
  background-color: #E72B2D;
  color: white;
  text-decoration: none;
}

.pane-views-front-top-extensions-block h3.pane-title {
  background-color: white;
  padding: 12px;
  margin: 0;
}

/**
 * Home page top developers styling.
 */
.view-front-top-developers table, tr, tbody {
  background: none;
}
.view-front-top-developers td.views-field {
  background: #f8f8f8;
  border-bottom: 1px solid #f8f8f8;
  padding: 1px 5px 1px 5px;
  vertical-align: middle;
}
.view-front-top-developers td.views-field-picture {
  width: 30px;
  height: 30px;
}
.view-front-top-developers td.views-field a {
  color: #4D5259;
  font-weight: 100;
}
.view-front-top-developers th {
  display: none;
}
.pane-views-front-top-developers-block {
  position: relative;
  left: 12px;
  background: #f8f8f8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dadde0;
  width: 235px;
  float: right;
  z-index: 10;
  box-shadow: 0 0 15px -1px rgba(0, 0, 0, 0.5);
}

.pane-views-front-top-developers-block .pane-content .view-content,
.pane-views-front-top-developers-block .pane-content .view-filters {
  margin: 6px 28px;
}

.pane-views-front-top-developers-block h3.pane-title {
  background-color: white;
  padding: 12px;
  margin: 0;
}

/**
 * Homepage footer counts
 */
.pane-sues-product-homepage-stats .pane-content {
  font-size: 16px;
  color: #4D5259;
}

.pane-sues-product-homepage-stats .count-extensions {
  width: 395px;
  float: left;
	}

.pane-sues-product-homepage-stats .count-extensions a {
  float: right;
	display: block;
  padding-left: 70px;
  background-image: url('../images/count-extensions.png');
  background-repeat: no-repeat;
  height: 28px;
  line-height: 28px;
  background-position: 20px;
  color: #4D5259;
}
.pane-sues-product-homepage-stats .count-extensions a:hover {
  color: #E72B2D;
  text-decoration: none;
  background-image: url('../images/count-extensions-hover.png');
}

.pane-sues-product-homepage-stats .count-installations {
  width: 50%;
  padding-left: 70px;
  float: left;
  background-image: url('../images/count-installations.png');
  background-repeat: no-repeat;
  height: 28px;
  line-height: 28px;
  background-position: 20px;
}

/**
 * Featured extensions logo styling and indent.
 */
.pane-views-front-featured-extensions-block {
  background-image: url("../images/ewh-product-logo.png");
  background-repeat: no-repeat;
  background-position: 6px 0px;
  padding-left: 130px;
  padding-top: 24px;
  width: 450px;
}

.ewh-front-panel-featured-extensions-column {
  width: 700px;
}

.view-front-industries td,
.view-front-categories td {
  width: 33%;
}

/**
 * Undo a little ugliness.
 */
input[type=text] {
  margin-left: 0;
}

/**
 * Repeating field editing table, like for links.
 */
.field-multiple-table td {
  background-color: #f8f8f8;
  border-bottom: 1px solid #d8dbde;
  padding: 0 0 6px 12px;
}
.field-multiple-table td:first-of-type {
  border-left: 1px solid #d8dbde;
}
.field-multiple-table td:nth-of-type(2) {
  border-right: 1px solid #d8dbde;
}
.field-multiple-table th {
  background: transparent;
  font-size: 14px;
  border-bottom: 1px solid #d8dbde;
}
.tabledrag-toggle-weight-wrapper {
  display: none;
}
.tabledrag-changed {
  display: none;
}
/**
 * Hide the little "limited to 128 characters" info.
 */
.link-field-column .description {
  display: none;
}
/**
 * Hide the big labels except on the first row.
 */
.field-multiple-table td label {
  display: none;
}
.field-multiple-table tr:first-of-type td label {
  display: block;
  font-size: 14px;
  margin: 0;
  padding-top: 6px;
}

/**
 * Style the description text that appears on a field set.
 * This is the "bigger" text at the top of a tab group.
 */
.fieldset-description {
  font-size: 14px;
  line-height: 24px;
}

/**
 * Style the vertical tabs.
 */
.vertical-tabs ul.vertical-tabs-list li {
  background-color: #f8f8f8;
}
.vertical-tabs ul.vertical-tabs-list li a {
  color: #4D5259;
}
.vertical-tabs ul.vertical-tabs-list li.selected strong {
  color: #4D5259;
}
.vertical-tabs ul.vertical-tabs-list li.selected {
  margin-left: -2px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: -1px 2px 2px -1px rgba(0,0,0,.3);
  position: relative;
  z-index: 10;
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
}
.vertical-tabs-panes {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 3px 2px rgba(0,0,0,.3);
}

/**
 * Style the "edit profile" and "view profile" links in the
 * profile card, the buttons on the my extensions page, and
 * the cancel button in the media selector popup.
 */
.edit-profile a,
.view-user-profile a,
a.fake-cancel
{
  -webkit-appearance: none;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  border-radius: 11px;

  background: #ffffff; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#dddddd 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%); /* W3C */

  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  font-size: 12px;
  outline: 0;
  overflow: visible;
  padding: 1px 8px 1px;
  font-weight: bold;
  text-shadow: #fff 0 1px 1px;
  width: auto;
  *padding-top: 2px; /* IE7 */
  *padding-bottom: 0px; /* IE7 */
  margin-top: 9px;
  display: inline-block;
}
.edit-profile a:hover,
.view-user-profile a:hover,
a.fake-cancel:hover
{
  text-decoration: none;
  background: #ddd url(../images/button.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
  background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
}

/**
----------------------------------------------------
ITEMS TO HIDE/FIX IN DRUPAL
----------------------------------------------------*/

/**
 * Hide top-level account navigation dropdown.
 */
#block-superfish-1 ul#superfish-1 li.sf-depth-1 span {
  display: none;
}


/**
 * This is a dirty way of making the Extension Warehouse
 * label clickable, by shifting the logo down.
 */
/*#block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-247-1 a, #block-superfish-1 ul#superfish-1 li.sf-depth-1#menu-232-1 a {
  position: relative;
  background-position: 0 0;
  top: 4px;
}*/


/**
 * Hide the Log In button on the login form.
 */
#user-login input[type="submit"] {
  display: none;
}

/**
 * Hide the openid instructions for Sketchup client users (by default)
 */
#sues_su_openid_choice {
	display: none;
}

/**
 * Hide the Extension version selector on the
 * my extensions page.
 */
#edit-product-id {
  display: none;
}



/**
 * Hide the password field.
 * Meaningless with OpenID.
 */
.form-item-current-pass {
  display: none;
}

/**
 * Change "Username" to "Display Name".

.form-item-name label {
  visibility: hidden;
}
.form-item-name label:before {
  content: "Name";
  color: #4D5259;
  visibility: visible;
}
.form-item-name .form-required {
  visibility: visible;
  margin-left: -78px;
}
*/


/**
 * Styling the developer application form.
 */
#sues-profile-application-form {
  display: block;
  padding: 50px;
  margin: 0 100px;
  border: 1px solid #dadde0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: white;
}
#sues-profile-application-form .description {
  margin-bottom: 12px;
}
#sues-profile-application-form #edit-submit-review {
  position: relative;
  left: 190px;
  top: 30px;
  font-size: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

/**
 * Style the generic submit buttons with the right
 * typeface.
 */
input[type=submit] {
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/**
 * Developer center page.
 */
.page-developer .page {
  margin-top: 0;
}
.developer-center#page {
  padding-top: 50px;
}
.page-developer .pane-views-front-featured-extensions-block {
  padding-top: 0;
}
ol.developer-center-steps {
  list-style: none;
  padding-left: 25px;
}
ol.developer-center-steps li:first-letter {
  margin-left: -26px;
  margin-right: 10px;
  font-size: 21px;
  font-weight: bold;
  line-height: 4px;
  vertical-align: middle;
}
ol.developer-center-steps li:first-line {
  font-weight: bold;
}
.developer-center h2 {
  margin-top: 36px;
}
.developer-center h3 {
  margin-top: 36px;
}
.developer-center-divider {
  border-bottom: 1px dashed #E72B2D;
  color: #E72B2D;
  font-style: italic;
  padding: 3px;
  margin-bottom: 36px;
  margin-left: -24px;
}
.developer-center .pane-title {
  font-size: 21px;
  margin: 0 !important;
  padding: 12px;
  background-color: #FFF;
}
.developer-center li {
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
}
/**
 * At the moment we're sharing CSS classes with the homepage.
 * This fix overrides a styling change to the homepage on the
 * developer center.
 */
.developer-center .pane-views-front-featured-extensions-block h3.pane-title.red {
  margin: 0;
  padding: 16px 0 12px;
}

/**
 * Style the quick links on the sidebar of
 * the developer center.
 */
.developer-center-apply-cta {
  position: absolute;
  width: 232px;
  margin-left: 565px;
  margin-top: -15px;
}
.developer-center-quick-links {
  position: absolute;
  background: #f8f8f8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dadde0;
  width: 232px;
  margin-left: 565px;
  margin-top: 30px;
}
.developer-center-quick-links h3 {
  margin-top: 6px;
}
.developer-center-quick-links a {
  display: block;
  padding: 0 12px;
  color: #4D5259;
  font-weight: 100;
}
.developer-center-quick-links a:hover {
  background-color: #E72B2D;
  color: #FFF;
  text-decoration: none;
}
.developer-center-quick-links.floating {
  position: fixed;
  top: 45px;
}

/* New Developer Center */
.developer-center-cta-wrapper-box {
  float: left;
  width: 19.9em;
  padding: 5px 1em;
  margin: 1em 2em 3em 0;
  font-size: 13px;
  text-align: left;
  list-style: none;
  height: 24em;
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.developer-center-cta-wrapper-box h2 {
	font-size: 1.7em;
	font-weight: bold;
}
.developer-center-cta-red {
  background: #e72b2d;
  border: 1px solid #acacac;
  color: white !important;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0.75em 1em 1em 1em;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  line-height: 1.2em;
  position: absolute;
  bottom: 0;
  left: 0;
}
.developer-center-cta-red a {
  color: white;
}

/* Developer Center Dashboard */
.developer-center-dashboard-left, .developer-center-dashboard-right {
	width: 40%;
  float: left;
  padding: 5px 1em;
  margin: 1em 2em 3em 0;
  font-size: 13px;
  text-align: left;
  list-style: none;
  height: 24em;
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
/**
 * RBZ table sizing. This appears in the developer center.
 */
.rbz-table {
  border: 1px solid #dadde0;
}
.rbz-table td {
  font-size: 12px;
  padding: 3px;
  border-bottom: 1px solid #dadde0;
}
.rbz-table td:first-of-type {
  white-space: nowrap;
}
.rbz-table em {
  color: #33F;
  font-style: normal;
  margin: 0 1px;
}

/**
 * First cut at making the media embed work better.
 */
#media-browser-page-wrapper {
  position: fixed;
  top: 100px;
}
#media-browser-page-wrapper #zone-content {
  padding-top: 0;
}

#media-browser-page-wrapper #media-browser-page {
  background: transparent;
}
#media-browser-page-wrapper #zone-content-wrapper {
  background: transparent;
}
#media-browser-page-wrapper #zone-content {
  min-height: 100px;
}
.page-media-browser .tabs,
.page-media-browser .media-internet-providers,
.page-media-browser h3
{
  display: none;
}
.page-media-browser {
  height: 300px;
  overflow: hidden;
}
.page-media-browser #zone-content-wrapper {
  position: relative;
  top: -36px;
  overflow: hidden;
}
.page-media-browser .form-actions {
  margin-top: -18px;
  margin-bottom: 18px;
}

/**
 * Wrap the edit form in a nice edit box.
 */
.node-extension_display-form, #commerce-product-ui-product-form {
  display: block;
  padding: 50px;
  margin: 0 10%;
  border: 1px solid #dadde0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: white;
  margin-top: 12px;
}

/**
 * Styling of horizotal tabs.
 */
.tabs {
  margin: 0;
}
ul.primary {
  padding-top: 3px;
  margin: 0 2px;
  border-bottom: 1px solid #dadde0;
  display: relative;
  z-index: 10;
}
/**
 * Shared tab styling.
 */
ul.primary li.active a, ul.primary li a {
  margin-left: -2px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  box-shadow: -1px 0px 2px -1px rgba(0,0,0,.3);
  position: relative;
  z-index: 10;
}
/**
 * Style active tab.
 */
ul.primary li.active a {
  border: 1px solid #dadde0;
  border-bottom: 1px solid white;
  border-left: 1px solid #aaa;
  position: relative;
  z-index: 10;
  margin-bottom: -1px;
}
ul.primary li.active a:hover {
  border: 1px solid #dadde0;
  border-bottom: 1px solid white;
  border-left: 1px solid #aaa;
  background: white;
}
/**
 * Style inactive tab.
 */
ul.primary li a {
  background-color: #f8f8f8;
  border: 1px solid #dadde0;
  border-left: 1px solid #aaa;
}
ul.primary li a:hover {
  background-color: white;
  border: 1px solid #dadde0;
  border-left: 1px solid #aaa;
}
/**
 * Style the little "status" box beneath the tabs.
 */
#block-workbench-block {
  margin-bottom: 20px;
  margin-top: -1px;
  background: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dadde0;
  box-shadow: -1px 1px 2px -1px rgba(0,0,0,.3);
  border-left: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
#block-workbench-block br {
  display: none;
}
#block-workbench-block em {
  margin-right: 24px;
  margin-left: 6px;
}
div.workbench-info-block {
  background: none;
  border: none;
  padding: 6px 12px;
}

/**
 * Style the unpublished background color on
 * Extensions details.
 */
.node-unpublished {
  background: none;
}

/**
 * Style the my drafts page
 */
.view-id-my_content table {
  margin-bottom: 0;
  width: 940px;
}
.view-id-my_content td {
  background: white;
  border-bottom: 1px solid #dadde0;
  vertical-align: middle;
  padding: 6px 0;
}
.view-id-my_content td.views-field-title {

}
.view-id-my_content thead {
  border: 1px solid #dadde0;
}
.view-id-my_content th {
  background: #f8f8f8;
  border-bottom: 1px solid #dadde0;
  padding: 6px 0;
}
.view-id-my_content th a {
  color: #4d5259;
}
.view-id-my_content .views-field-field-ext-icon {
  width: 30px;
  padding: 6px;
}
.view-id-my_content .views-field-field-ext-icon img {
  width: 30px;
  height: 30px;
}
/**
 * Style the "draft" extension list cell.
 */
.draft td {
  background-color: #fef5f1;
}

/**
 * Style the submission's list add new extension link.
 */
.add-new-extension {
  font-size: 14px;
  display: block;
  background-image: url(../images/add-new-extension.png);
  background-repeat: no-repeat;
  background-position: 6px 8px;
  padding: 12px 0 15px 42px;
  background-color: #FFFBD9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #FFEBC5;
  margin-top: -1px;
  margin-bottom: 40px;
}


/**
 * Extension submission flow state/progress boxes.
 */
.extension-state-wrapper {
  margin-bottom: 16px;
  height: 30px;
}
.extension-state {
  float: left;
  border: 1px solid #4D5259;
  display: inline-block;
  width: 28%;
  height: 28px;
  margin-right: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding-top: 2px;
  background: white;
  font-size: 17px;
}
.extension-state:before {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 16px solid transparent;
  border-left-color: #4D5259;
  float: right;
  position: relative;
  margin: -16px;
  top: 13px;
  left: 15px;
}
.extension-state:after {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 15px solid transparent;
  border-left-color: white;
  float: right;
  position: relative;
  margin: -15px;
  top: 13px;
  left: 14px;
}
.extension-state-message {
  display: block;
  clear: left;
  background: #FFFBD9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #FFEBC5;
  margin-top: 0;
  padding: 12px 12px 40px 12px;
  margin: 0 0 0 0;
  line-height: 24px;
  font-size: 14px;
  min-width: 910px;
}
.extension-state-message-no-buttons {
  padding-bottom: 0px;
  margin-bottom: 20px;
}
.extension-state-message b {
  font-size: 18px;
  margin-left: 9px;
}
.extension-state-message p {
  font-weight: 500;
  margin-left: 9px;
}
.state-number {
  font-size: 24px;
  margin: 0 12px 0 12px;
}
.extension-state-message-note {
  margin-bottom: 10px;
}

/**
 * Extension upload flow "active" arrows.
 */
.extension-state.active {
  background: #4D5259;
  color: white;
}
.extension-state.active:after {
  border-left-color: #4D5259;
}
.extension-state.active:before {
  border-left-color: #FFFBD9;
}

/**
 * Extension submission flow action buttons.
 */
.button-passthru {
  display: inline-block;
  border: 1px solid black;
  padding: 6px;
  cursor: pointer;
  position: relative;
  left: 18px;
  top: -50px;
  margin-right: 6px;


  background: #ea2622; /* Old browsers */
  background: -moz-linear-gradient(top,  #ea2622 0%, #d50201 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea2622), color-stop(100%,#d50201)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ea2622 0%,#d50201 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ea2622 0%,#d50201 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ea2622 0%,#d50201 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ea2622 0%,#d50201 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea2622', endColorstr='#d50201',GradientType=0 ); /* IE6-8 */

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  border: 1px solid #babcbf;
  color: white;
  font-size:14px;
  line-height:12px;
  padding: 9px;
  text-align:center;
  white-space:nowrap;
  text-shadow: none;
  font-size: 14px;
  font-weight: normal;

  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/**
 * Hide the WYSIWYG control filter wrapper that appears
 * underneath each textarea.
 */
.filter-wrapper {
  display: none;
}

/**
 * On the Edit Details form, form the category
 * checkboxes into columns.
 */
.form-item-field-ext-category-und,
.form-item-field-ext-industry-und,
.form-item-field-ext-languages-und,
.form-item-field-ext-sketchup-compatibility-und,
.form-item-field-ext-os-compatibility-und {
  float: left;
  width: 210px;
}
.form-item-field-ext-sketchup-compatibility-und {
  clear: left;
}
#edit-actions,
.form-item-field-ext-admintags-und {
  clear: left;
}
.field-name-field-store-position {
  clear: both;
}


/**
 * Extension submission flow action buttons.
 */
.edit-details {
  display: inline-block;
}
#sues-product-publish-form {
  display: inline-block;
  position: relative;
  top: -1px;
}

.button-passthru,
.edit-details a,
#sues-product-publish-form input[type=submit] {
  display: inline-block;
  border: 1px solid black;
  padding: 6px;
  cursor: pointer;
  position: relative;
  left: 18px;
  top: -50px;
  margin-right: 6px;


  background: #ea2622; /* Old browsers */
  background: -moz-linear-gradient(top,  #ea2622 0%, #d50201 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea2622), color-stop(100%,#d50201)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ea2622 0%,#d50201 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ea2622 0%,#d50201 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ea2622 0%,#d50201 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ea2622 0%,#d50201 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea2622', endColorstr='#d50201',GradientType=0 ); /* IE6-8 */

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  border: 1px solid #babcbf;
  color: white;
  font-size:14px;
  line-height:12px;
  padding: 9px;
  text-align:center;
  white-space:nowrap;
  text-shadow: none;
  font-size: 14px;
  font-weight: normal;

  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none;
}

/**
 * Style the CTA button for items without RBZ files.
 */
.extension-details-cta {
  display: block;
  border: 1px solid black;
  padding: 6px;
  cursor: pointer;


  background: #ea2622; /* Old browsers */
  background: -moz-linear-gradient(top,  #ea2622 0%, #d50201 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea2622), color-stop(100%,#d50201)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ea2622 0%,#d50201 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ea2622 0%,#d50201 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ea2622 0%,#d50201 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #ea2622 0%,#d50201 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea2622', endColorstr='#d50201',GradientType=0 ); /* IE6-8 */

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  border: 1px solid #babcbf;
  color: white;
  font-size:14px;
  line-height:12px;
  padding: 9px;
  text-align:center;
  white-space:nowrap;
  text-shadow: none;
  font-size: 14px;
  font-weight: normal;

  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none;
}

/**
 * Style the text that appears on listing pages.
 */
.extension-details-cta a {
  color: white;
  width: 100%;
  display: block;
  margin: -9px;
  padding: 8px;
  text-decoration: none;
}

/**
 * Style the "grayed out" button for extensions with
 * no RBZ.
 */
.extension-details-cta.inactive {
  color: gray;
  background: #dadde0;
  border: 1px solid #dadde0;
  cursor: not-allowed;
}

/**
 * Add some padding to the top of the "Edit Details" group on
 * the extension details edit form.
 */
.group-edit {
  margin-top: 40px;
}

/**
 * Style an admin sections
 */
.group_edit_admin {
  margin-top: 40px;
	background: #eee;
  padding: 10px;
}


/**
 * Style disabled form fields.
 */
input[type="text"][disabled] {
  background: white;
}

/**
 * Style the select/edit/remove links on the details
 * page media selector.
 */
.ctools-modal-media-file-edit {
  margin: 0 20px;
}

/**
 * When logged in as an admin, show the header
 * in a better position.
 */
#toolbar div.toolbar-drawer{
  display:none;
}

/**
 * Overall colorbox styles
 */
#cboxWrapper {
  background: #FFF;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}
#colorbox #cboxClose {
  top: 0;
  right: 0;
}
#cboxLoadedContent {
  margin-bottom: 0;
}

/**
 * Colorbox overlays for first time visit
 */
#welcome-popup-wrapper {
  font-size: 16px;
  text-align: center;
  width: 400px;
  margin: 60px auto 0;
}
#welcome-popup-wrapper h3 {
  margin-bottom: 40px;
}
#welcome-popup-wrapper .ewh-popup-close {
  width: 240px;
  margin: 50px auto 0;
}

/**
 * Colorbox overlays for first time download
 */
#download-popup-wrapper {

}
#download-popup-wrapper h3.popup-title {
  text-align: center;
  width: 300px;
  margin: 30px auto 20px;
  line-height: 24px;
}
#home-popup-wrapper h1.popup-title {
  font-size: 4.5em;
  text-align: center;
  width: 700px;
  margin: 20px 30px;
}
#incompatible-popup-wrapper div.popup-title-logo {
	margin: 20px auto;
	background: url("../images/EW_Logo_350x39.png") no-repeat;
	width: 350px;
	height: 39px;
}
#incompatible-popup-wrapper #popup-slides-wrapper {
  margin: 0 30px;
  z-index: 0;
  height: auto;
}
#incompatible-popup-wrapper #popup-slides-wrapper #popup-slides {
  position: absolute;
	top: 50%;
	margin-top: -50px;
	width: 410px;
}
#popup-slides-wrapper {
  margin: 0 50px;
  z-index: 0;
  height: 300px;
}
#popup-slides {
  height: 300px;
}
#incompatible-popup-wrapper #popup-slides-wrapper .slide-copy {
  font-size: 1.3em;
  color: #797979;
  font-family: "Open Sans";
  width: inherit;
  position: relative;
  left: auto;
  top: auto;
}
#incompatible-popup-wrapper #popup-slides-wrapper .extension-details-cta{
	border: none;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  height: 50px;
  line-height: 32px;
  font-size: 1.4em;
  width: 48%;
}

#incompatible-popup-wrapper #popup-slides-wrapper #action-buttons{
	position: absolute;
	top: 0px;
	margin-top: 205px;
	margin-bottom: 30px;
	width: 410px;
  }
  #incompatible-popup-wrapper #popup-slides-wrapper #action-buttons div{
	  background: #ddd;
	  color: #4D5259;
  }
  #incompatible-popup-wrapper #popup-slides-wrapper #action-buttons div:hover{
	  background: #ea2622; /* Old browsers */
	  background: -moz-linear-gradient(top,  #ea2622 0%, #d50201 100%); /* FF3.6+ */
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ea2622), color-stop(100%,#d50201)); /* Chrome,Safari4+ */
	  background: -webkit-linear-gradient(top,  #ea2622 0%,#d50201 100%); /* Chrome10+,Safari5.1+ */
	  background: -o-linear-gradient(top,  #ea2622 0%,#d50201 100%); /* Opera 11.10+ */
	  background: -ms-linear-gradient(top,  #ea2622 0%,#d50201 100%); /* IE10+ */
	  background: linear-gradient(to bottom,  #ea2622 0%,#d50201 100%); /* W3C */
	  color: white;
  }
#incompatible-popup-wrapper #popup-slides-wrapper .incompatible-cancel{
  float: left;
}
#incompatible-popup-wrapper #popup-slides-wrapper .incompatible-install{
  float: right;
}
#maxinstall-popup-wrapper #popup-slides-wrapper .slide-copy,
#autoinstall-popup-wrapper #popup-slides-wrapper .slide-copy,
#eula-popup-wrapper #popup-slides-wrapper .slide-copy {
  position: relative;
  top: 10px;
  left: 0px;
}
#maxinstall-popup-wrapper #popup-slides-wrapper{
  height: auto;
  margin: 0 45px;
}
#maxinstall-popup-wrapper #popup-slides-wrapper #popup-slides{
  height: 185px;
}
#autoinstall-popup-wrapper #popup-slides-wrapper #popup-slides{
	height: 350px;
}
#eula-popup-wrapper #popup-slides-wrapper #popup-slides {
  height: 175px;
}
#maxinstall-popup-wrapper #popup-slides-wrapper {
  text-align: center;
}
#maxinstall-popup-wrapper .slide-title {
  font-weight: bold;
  font-size: 1.3em;
  margin-bottom: 40px;
  margin-top: 10px;
}
#autoinstall-popup-wrapper #action-buttons{
	margin: 20px auto;
  width: 500px;
	}
#maxinstall-popup-wrapper #popup-slides-wrapper #action-buttons div.ewh-popup-close {
  width: auto;
}
  #popup-slides-wrapper #action-buttons div.ewh-popup-close {
		width: 45%;
		display: inline-block;
		}
    #eula-popup-wrapper #action-buttons div.ewh-popup-close.eula-cancel,
    #developertou-popup-wrapper #action-buttons div.ewh-popup-close.developtou-cancel,
		#autoinstall-popup-wrapper #action-buttons div.ewh-popup-close.autoinstall-cancel {
		  float: right;
		}
    #autoinstall-popup-wrapper #action-buttons div.ewh-popup-close.autoinstalldone-cancel {
      display: inherit;
      margin: 0 auto;
    }
    #autoinstall-popup-wrapper table {
			width: 100%;
			margin-top: 20px;
			}
			#autoinstall-popup-wrapper table tr {
			  border: 1px solid;
			}
			#autoinstall-popup-wrapper table textarea {
			  width: 100%;
			  height: 200px;
			  border: 0px;
			  margin: 0px;
			}
	
#maxinstall-popup-wrapper .popup-swap-name,
#eula-popup-wrapper .popup-swap-name {
	left: 26px;
	font-size: 22px;
	color: #797979;
	font-family: "Open Sans";
}

#popup-slides-wrapper .slide-copy {
  position: absolute;
  left: 26px;
  top: 194px;
  font-size: 22px;
  color: #797979;
  font-family: "Open Sans";
  width: 100%;
}
#popup-slides-wrapper .slide-header {
  font-size: 26px;
}
#popup-prev {
  position: absolute;
  width: 27px;
  height: 75px;
  top: 40%;
  left: 0;
  background: url("../images/popup_slides/prev.png") no-repeat;
  cursor: pointer;
  display: none;
  /*z-index: 10;*/
}
#popup-next {
  position: absolute;
  width: 27px;
  height: 75px;
  top: 40%;
  right: 0;
  background: url("../images/popup_slides/next.png") no-repeat;
  cursor: pointer;
  z-index: 10;
}
#popup-pager {
  width: 70px;
  margin: 0 auto;
}
#home-popup-wrapper #popup-pager {
  width: 50px;
}
#popup-pager div {
  border: 1px solid #A0A3A7;
  background-color: #4D525A;
  width: 7px;
  height: 7px;
  margin: 0 1px;
  float: left;
  cursor: pointer;
}
#popup-pager div.activeSlide {
  background-color: #EB4441;
}
#download-popup-wrapper .ewh-popup-close,
#home-popup-wrapper .ewh-popup-close {
  width: 240px;
  margin: 50px auto 0;
  color: white;
  background: #838383;
  background: -moz-linear-gradient(top, #838383 0%, #6B6B6B 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#838383), color-stop(100%,#6B6B6B));
  background: -webkit-linear-gradient(top, #838383 0%,#6B6B6B 100%);
  background: -o-linear-gradient(top, #838383 0%,#6B6B6B 100%);
  background: -ms-linear-gradient(top, #838383 0%,#6B6B6B 100%);
  background: linear-gradient(to bottom, #838383 0%,#6B6B6B 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#838383', endColorstr='#6B6B6B',GradientType=0 );
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #A4A4A4;
}
#download-popup-wrapper .ewh-popup-close:hover,
#home-popup-wrapper .ewh-popup-close:hover {
  background: #EA2622;
  background: -moz-linear-gradient(top, #EA2622 0%, #D50201 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EA2622), color-stop(100%,#D50201));
  background: -webkit-linear-gradient(top, #EA2622 0%,#D50201 100%);
  background: -o-linear-gradient(top, #EA2622 0%,#D50201 100%);
  background: -ms-linear-gradient(top, #EA2622 0%,#D50201 100%);
  background: linear-gradient(to bottom, #EA2622 0%,#D50201 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea2622', endColorstr='#d50201',GradientType=0 );
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #BABCBF;
  color: #FFF;
  font-size: 14px;
}
#popup-dont-show-wrapper {
  text-align: center;
  margin: 20px 0 0;
	}
	#autoinstall-popup-wrapper #popup-dont-show-wrapper {
	  margin: 10px 0;
	}

#incompatible-popup-wrapper #popup-dont-show-wrapper {
	margin: 5px 0 0;
	display: inline-block;
}
#popup-dont-show-wrapper label {
  display: inline;
  vertical-align: middle;
  margin-left: 6px;
}


/**
 * These overrides were to fix the spinning "loading" incdicator so that
 * it's on the same line as the extension category drop-down
 */

/**
 * Override from sites/all/modules/views/css/views.css
 */
.views-exposed-form .views-exposed-widget {
  float: none;
  display: inline;
  padding: 0px;
}

/**
 * Override from sites/all/modules/views/css/views.css
 */
.views-exposed-form .form-item, .views-exposed-form .form-submit {
  display: inherit;
}

/**
 * Override from modules/system/system.base.css
 */
.ajax-progress {
  position: relative;
  top: 4px;
}
.page-user-profile .ajax-progress {
  position: absolute;
  top: auto;
}

/**
 * New store page css
 */

.draggable .store-product a.tabledrag-handle {
  margin-top: 32px;
  float: right;
}

.page-user-manage-store .region-inner.region-content-inner,
.page-user-store .region-inner.region-content-inner {
  display: inline;
}

.store-management-product .product-status{
  margin-left: 5px;
  text-transform: uppercase;
}

.store-management .draft_product, .store-management .needs_review_product {
  background-color: #FFE3E3;
}

.store-management .disabled_product {
  background-color: #D8D8D8;
}

.store-management-product {
  height: 85px;
  padding: 0 10px;
  border-top: 1px solid #ccc;
}

.store-management-product:first-child {
  border-top: none;
}

.store-management-product .group-options {
  margin-top: 12px;
  float: right;
  text-align: right;
	}
	
	.store-management-product .group-options a{
	  text-decoration: underline;
	}

.store-management-product .group-options a {
  display: block;
}

.store-management-product .store-management-empty-copy {
  text-align: center;
  line-height: 84px;
}

.store-management-product .group-image, .store-product-div .group-image {
  width: 60px;
  height: 60px;
  margin: 12px 6px 12px 0;
  float: left;
}

.store-management-product .group-image img, .store-product-div .group-image img {
  width: 60px;
  height: 60px;
  margin: 0;
}

.store-management-product .group-title, .store-product-div .group-title {
  width: 575px;
  padding-left: 5px;
  min-height: 50px;
  padding-top: 12px;
  padding-bottom: 6px;
  float: left;
}

.store-management-product .group-title {
  width: 530px;
  height: 65px;
}

.store-management-product .group-title .title {
  display: inline;
}

.store-management-product .group-title .product-status {
  display: inline;
	font-size: 1.2em;
	font-weight: bold;
}

.store-product-div .group-title .title {
  margin-bottom: 2px;
  font-size: 16px;
}
.store-product-div .group-title .author {
  margin-left: 14px;
  color: #4D5259;
  font-size: 12px;
  line-height: 20px;
}

.store-products tr.even, .store-products tr.odd {
  background-color: transparent;
}

/* 
  Store management button CSS.
  Most of it is shamelessly stolen from Bootstrap. 
*/


.store-links {
  padding-bottom: 10px;
}

.store-links a {
  display: inline-block;
  
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

a.new-extension-link {
  color: #ffffff;
  background-color: #E72B2D;
  border-color: #FFE3E3;
  padding: 6px 32px 6px 24px;
}

a.public-store-link {
  padding: 6px 0px;
  float: right;
}


/* 
  Vendor Dashboard
*/
.view-vendor-licenses .views-operator,
.view-vendor-sales .views-operator {
	width: 225px;
	display: inline-block;
  }
	.view-vendor-licenses .views-operator select,
	.view-vendor-sales .views-operator select {
		height: 33px;
	  margin: 0;
	  top: 3px;
	  position: relative;
	}
.view-vendor-licenses .views-widget,
.view-vendor-sales .views-widget {
	display: inline-block;
  }
  .view-vendor-licenses .views-widget .form-type-textfield,
  .view-vendor-sales .views-widget .form-type-textfield {
    width: 496px; 
  }
  .view-vendor-licenses .views-widget .form-item-created-value,
  .view-vendor-sales .views-widget .form-item-created-value {
    width: 267px; 
  }
	.view-vendor-licenses .view-subfooter-number,
	.view-vendor-sales .view-subfooter-number {
	  display: none;
	}

.new-extension-link:visited {
  color: #ffffff;
}

.new-extension-link .icon-plus {
  padding-right: 4px;
}

.block-ewh-signin-block {
  display: inline-block;
  position: relative;
  float: right;
}

.block-ewh-signin-block a {
  color: #4d5259;
	height: 28px;
  line-height: 28px;
  line-height: 2.8rem;
  font-weight: 300;
}
.block-ewh-signin-block a:hover {
  color: #E72B2D;
}

#block-block-2 {
	background: white;
	text-align: center;
	margin: 10px auto;
	height: 25px;
	border: 2px solid red;
	color: #555;
	top: 20px;
	position: absolute;
	z-index: 400;
	width: 730px;
	left: 90px;
}

.block-ewh-ecom {
  clear: right;
  float: right;
}

#edit-commerce-payment{
  display: none;
  visibility: hidden;
}

.page-checkout #zone-branding-wrapper-sticky-wrapper {
  display: none;
  visibility: hidden;
}

.checkout-help{
  margin: 20px 0px;
}

.checkout-continue{
  margin-right: 10px;
}

.comment-complaint {
	font-style: italic;
}
div.ctools-comment-abuse div.popups-title {
	background-color: #4D5259;
	border: 0px;
	border-bottom: 10px solid #d4d5d1;	
}

.apachesolr_autocomplete.message {
	display: none;
	visibility: hidden;
}

div.apachesolr_autocomplete.suggestion_title {
  display: inline;
  float: left;
}

div.apachesolr_autocomplete.suggestion_title:before {
   content: "Title: ";
   color: #E72B2D;
   font-weight: bold;
   font-style: italic;
   padding-right: 2px;
}

.betabug {
	color: green;
}

a.absolute-messages-dismiss, 
a.absolute-messages-dismiss-all, 
a.absolute-messages-dismiss:hover, 
a.absolute-messages-dismiss-all:hover {
	display: block;
	position: absolute;
	top: .8em;
	left: .5em;
	z-index: 10;
	margin: 0;
	padding: 1px 3px;
	font: bold .8em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	line-height: 1em;
	text-decoration: none;
	cursor: pointer;
	width: 8px;
}

.page-media #absolute-messages-messages{

	display: none;
}

/*
 * Legal pages
 */
.node-type-page h1 {font-size: 2.0em;}
.node-type-page h2 {font-size: 1.5em;}
.node-type-page h3 {font-size: 1.2em; margin-left: 20px;}
.node-type-page p {margin-left: 20px;}

.checkout-help{
	width: 390px;
}

#hidden_progress_indicator {
  display: none;
  color: green;
}
form#ruby-certificate-upload-form #edit-submit {
  float: right;
  height: 50px;
  margin-top: 100px;
  }
  form#ruby-certificate-upload-form #hidden_progress_indicator {
    float: right;
  }
  form#ruby-certificate-upload-form .form-item-file {
    width: 450px;
    display: inline-block;
  }
  form#ruby-certificate-upload-form #edit-encrypt-fieldset {
    width: 282px;
    float: right;
    margin: 1em 1em 1em 1em;
    }
    form#ruby-certificate-upload-form #edit-encrypt-fieldset legend {
      font-size: 1em;
    }
    form#ruby-certificate-upload-form #edit-encrypt-fieldset .form-item {
      margin-top: auto;
    }
  form#ruby-certificate-upload-form .plupload_scroll .plupload_filelist {
    height: 120px;
    overflow-y: hidden;
  }
  form#ruby-certificate-upload-form li.plupload_droptext {
    line-height: 90px;
  }

.form-item-internal-notes {
  width: 600px;
  float: right;  
  margin-top: auto;
}
.form-item-internal-notes textarea {
  height: 120px;
  background-color: #F4A83D;
  border-bottom: 1px solid #D6800C;
  color: black;
}

#ewh_key_textarea textarea {
  font-family: monospace;
}

.page-developer-center .panels-flexible-region-inside {
  margin-left: 100px
  }
  .page-developer-center .panels-flexible-region-inside .pane-1 {
    margin-left: -100px
  }
.pane-ewh-link-panel {
    padding: 5px 2em;
    font-size: 13px;
    height: 24em;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    width: 300px;
    float: left;
    margin: 10px 20px 20px 0px;
    position: relative;
  }
  .pane-ewh-link-panel .pane-title {
    position: absolute;
  }
  .pane-ewh-link-panel .pane-content {
    position: absolute;
    top: 5.5em;
    padding-right: 2em;
  }
  .pane-ewh-link-panel .ewh-link-panel-button{
    background: #e72b2d;
    border: 1px solid #acacac;
    color: white !important;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0.75em 2.5em 1em 1.5em;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    height: 2.7em;
    position: absolute;
    top: 13em;
    left: 0;
  }

.page-developer-center-extension-signature.not-logged-in #anon-extension-signature-block {
    padding: 5em;
    border: 1px dashed;
}

#extension-display-node-form .extension-display-fieldset{
    padding-top: 0em;
    padding-bottom: 0em;
    clear: both;
  }
  #extension-display-node-form .extension-display-fieldset legend {
    font-size: 1em;
  }

.logged-in .field-name-field-dev-only-file a {
  -webkit-appearance: none;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  border-radius: 11px;
  background: #ddd url(../images/button.png) repeat-x;
  background: 
  -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
  background: 
  -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  font: bold 12px/1.2 Arial, sans-serif;
  outline: 0;
  overflow: visible;
  padding: 20px 10px;
  text-shadow: #fff 0 1px 1px;
  width: auto;*
  padding-top: 2px;/* IE7 */*
  padding-bottom: 0px;/* IE7 */
  float:left;
  margin-right: 3px; 
}