/*  Sizes
 *  .small-button
 *  .reg-button
 *  .big-button
 * Types
 *  solid - no class
 *  .ghost-button
 * Colors
 *  .darkblue
 *  .lightblue
 *  .green
 *  .yellow
 * Special
 * .red-ghost-button
 * .red-standard-button
 * .white-button
 */


/* CKEDITOR DROPDOWN */

li.cke_panel_listItem a span.reg-button,
li.cke_panel_listItem a span.big-button,
li.cke_panel_listItem a span.ghost-button,
li.cke_panel_listItem a span.small-button {
  display: inline-block;
  width: auto;
  cursor: pointer;
  border: solid 2px;
  border-radius: 5px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease 0s;
  /* Chrome, Safari, Opera */
  transition: all 0.2s ease 0s;
  font-family: "AvenirLTStd-Roman", Helvetica, Arial, sans-serif;
  font-weight: normal !important;
}


/*  Border Colors */

li.cke_panel_listItem a span.darkblue,
li.cke_panel_listItem a span.ghost-button.darkblue {
  border-color: #004065;
}

li.cke_panel_listItem a span.lightblue,
li.cke_panel_listItem a span.ghost-button.lightblue {
  border-color: #0073AA;
}

li.cke_panel_listItem a span.green,
li.cke_panel_listItem a span.ghost-button.green {
  border-color: #008364;
}

li.cke_panel_listItem a span.yellow,
li.cke_panel_listItem a span.ghost-button.yellow {
  border-color: #FFD400;
}


/* Background Colors */
li.cke_panel_listItem a span.darkblue {
  background-color: #004065;
}

li.cke_panel_listItem a span.lightblue {
  background-color: #0073AA;
}

li.cke_panel_listItem a span.green {
  background-color: #008364;
}

li.cke_panel_listItem a span.yellow {
  background-color: #FFD400;
}

li.cke_panel_listItem a span.ghost-button.darkblue,
li.cke_panel_listItem a span.ghost-button.lightblue,
li.cke_panel_listItem a span.ghost-button.green,
li.cke_panel_listItem a span.ghost-button.yellow {
  background-color: #ffffff;
}

/* Font Colors */
li.cke_panel_listItem a span.darkblue,
li.cke_panel_listItem a span.lightblue,
li.cke_panel_listItem a span.green {
  color: #ffffff;
}

li.cke_panel_listItem a span.yellow {
  color: #033C5A;
}

li.cke_panel_listItem a span.ghost-button.darkblue {
  color: #004065;
}

li.cke_panel_listItem a span.ghost-button.lightblue {
  color: #0073AA;
}

li.cke_panel_listItem a span.ghost-button.green {
  color: #008364;
}

li.cke_panel_listItem a span.ghost-button.yellow {
  color: #033C5A;
}


/* Sizes */
li.cke_panel_listItem a span.small-button {
  font-size: 12px;
  padding: 1em 1em;
  line-height: 1.25em;
  letter-spacing: 1;
}

li.cke_panel_listItem a span.reg-button {
  font-size: 16px;
  padding: 1em 1.5em;
  line-height: 1.25em;
  letter-spacing: 1;
}

li.cke_panel_listItem a span.big-button {
  font-size: 20px;
  padding: 1em 1.75em;
  line-height: 1.25em;
  letter-spacing: 1;
}


/* DISPLAYED CONTENT */

.reg-button a,
.big-button a,
.ghost-button a,
.small-button a,
.white-button a,
.red-ghost-button a,
.red-standard-button a {
  display: inline-block;
  width: auto;
  cursor: pointer;
  border: solid 2px;
  border-radius: 5px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  font-family: Arial, Helvetica, sans-serif;

}

span.reg-button a,
span.big-button a,
span.ghost-button a,
span.small-button a,
span.white-button a,
span.red-ghost-button a,
span.red-standard-button a {
  margin-top: 10px;
  margin-bottom: 0px;
}

/* Border Colors */
.darkblue a,
.ghost-button.darkblue a {
  border-color: #004065;
}

.lightblue a,
.ghost-button.lightblue a {
  border-color: #0073AA;
}

.green a,
.ghost-button.green a {
  border-color: #008364;
}

.yellow a,
.ghost-button.yellow a {
  border-color: #FFD400;
}

/* Background Colors */
.darkblue a {
  background-color: #004065;
}

.lightblue a {
  background-color: #0073AA;
}

.green a {
  background-color: #008364;
}

.yellow a {
  background-color: #FFD400;
}

.ghost-button.darkblue a,
.ghost-button.lightblue a,
.ghost-button.green a,
.ghost-button.yellow a {
  background-color: #ffffff;
}

/* Font Colors */
.darkblue a:visited,
.darkblue a {
  color: #ffffff;
}

.lightblue a:visited,
.lightblue a {
  color: #ffffff;
}

.green a:visited,
.green a {
  color: #ffffff;
}

.yellow a:visited,
.yellow a {
  color: #033C5A;
}

.ghost-button.darkblue a:visited,
.ghost-button.darkblue a {
  color: #004065;
}

.ghost-button.lightblue a:visited,
.ghost-button.lightblue a {
  color: #0073AA;
}

.ghost-button.green a:visited,
.ghost-button.green a {
  color: #008364;
}

.ghost-button.yellow a:visited,
.ghost-button.yellow a {
  color: #033C5A;
}

/* Hover Colors */
.darkblue a:hover,
.lightblue a:hover,
.green a:hover,
.yellow a:hover,
.ghost-button.darkblue a:hover,
.ghost-button.lightblue a:hover,
.ghost-button.green a:hover,
.ghost-button.yellow a:hover {
  background-color: #D9D0BB;
  border-color: #D9D0BB;
  color: #033C5A;
}

/* NOTE: White and Red Buttons are not included in the WYSIWYG Dropdown,
 * but css is provided to support special use cases.
*/

/* Border Colors */
.red-ghost-button a,
.red-standard-button a {
  border-color: #C9102F;
}

.red-ghost-button:visited a,
.red-standard-button:visited a {
  border-color: #C9102F;
}

.red-ghost-button:hover a {
  border-color: #FFD400;
}

.red-standard-button:hover a {
  border-color: #C9102F;
}

/* Background Colors */
.red-ghost-button a,
.red-ghost-button:visited a {
  background-color: #ffffff;
}

.red-standard-button a,
.red-standard-button:visited a {
  background-color: #C9102F;
}

.red-ghost-button:hover a {
  background-color: #FFD400;
}

.red-standard-button:hover a {
  background-color: #FFD400;
}

/* Font Colors */
.red-ghost-button a,
.red-ghost-button:visited a {
  color: #C9102F
}

.red-standard-button a,
.red-standard-button:visited a {
  color: #ffffff;
}

.red-ghost-button:hover a {
  color: #033C5A;
}

.red-standard-button:hover a {
  color: #033C5A;
}

/* Border Colors */
.white-button a,
.white-button:visited a {
  border-color: #ffffff;
}

.white-button:hover a {
  border-color: #D9D0BB;
}

/* Background Colors */
.white-button a,
.white-button:visited a {
  background-color: #ffffff;
}

.white-button:hover a {
  background: #D9D0BB;
}


/* Font Colors */

.white-button a,
.white-button:visited a {
  color: #033C5A;
}

.white-button:hover a {
  color: #033C5A;
}


/* Sizes */

.small-button a {
  font-size: 11px;
  padding: 1em 1em;
  line-height: 1.25em;
  font-weight: bold;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.reg-button a {
  font-size: 13px;
  padding: 1em 1.5em;
  line-height: 1.25em;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.big-button a {
  font-size: 16px;
  padding: 1em 1.75em;
  line-height: 1.25em;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.form-item.webform-component.webform-component-markup p {
  margin: 0px 0px 12px 0px;
}

form.webform-client-form input[type=submit] {
  width: auto;
  cursor: pointer;
  border: solid 2px #0073AA;
  border-radius: 5px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.form-managed-file {
  position: relative;
  height: 40px;
}

div.form-managed-file input.form-file {
    padding: 6px;
    position: absolute;
    width: calc(100% - 95px);
}

form.webform-client-form input[type=submit][name=op] {
  font-size: 13px;
  padding: 1em 1.5em;
  line-height: 1.25em;
}

form.webform-client-form input[type=submit][value=Upload]{
  font-size: 11px;
  padding: 0.5em 1em;
  line-height: 1.25em;
  position: relative;
  left: calc(100% - 69px);
  top: -4px;
}

form.webform-client-form input[type=submit]:hover {
  background-color: #D9D0BB;
  border-color: #D9D0BB;
  color: #033C5A;
}


li.cke_panel_listItem, ul.cke_panel_list, .cke_panel_block,  .cke_text, .cke_skin_kama .cke_rcombopanel,  .cke_skin_kama .cke_styles_panel, .cke_panel .cke_ltr,  .cke_rcombopanel, .cke_styles_panel  {
    width: 400px !important;
}

.cke_openbutton {
    display: block;
}
.cke_skin_karma {
    display: block !important;
}
.cke_skin_kama .cke_rcombopanel
{
    display: block !important;
    width: 500px !important;
}

.cke_styles, .cke_text.cke_inline_label {
  width: 350px;
}