/**
 * @file
 * Form Styling
 */
/* compass typography plugin */
/* Style un-reset for TinyMCE content inserted on the pages with YUI CSS reset.
 * Added along with YUI CSS reset to the content_css option of TinyMCE and to the page on which TinyMCE content should be displayed. 
 */
/* This part is based on tinymce-3.2.1.1\jscripts\tiny_mce\themes\advanced\skins\default\content.css */
.mceContentBody,
.mceContentBody td,
.mceContentBody pre {
  color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 8px; }

.mceContentBody {
  background: #FFF; }

.mceContentBody.mceForceColors {
  background: #FFF;
  color: #000; }

.mceContentBody h1 {
  font-size: 2em; }

.mceContentBody h2 {
  font-size: 1.5em; }

.mceContentBody h3 {
  font-size: 1.17em; }

.mceContentBody h4 {
  font-size: 1em; }

.mceContentBody h5 {
  font-size: 0.83em; }

.mceContentBody h6 {
  font-size: 0.75em; }

.mceContentBody .mceItemTable,
.mceContentBody .mceItemTable td,
.mceContentBody .mceItemTable th,
.mceContentBody .mceItemTable caption,
.mceContentBody .mceItemVisualAid {
  border: 1px dashed #BBB; }

.mceContentBody a.mceItemAnchor {
  width: 12px;
  line-height: 6px;
  overflow: hidden;
  padding-left: 12px;
  background: url(img/items.gif) no-repeat bottom left; }

.mceContentBody img.mceItemAnchor {
  width: 12px;
  height: 12px;
  background: url(img/items.gif) no-repeat; }

.mceContentBody img {
  border: 0; }

.mceContentBody table {
  cursor: default; }

.mceContentBody table td,
.mceContentBody table th {
  cursor: text; }

.mceContentBody ins {
  border-bottom: 1px solid green;
  text-decoration: none;
  color: green; }

.mceContentBody del {
  color: red;
  text-decoration: line-through; }

.mceContentBody cite {
  border-bottom: 1px dashed blue; }

.mceContentBody acronym {
  border-bottom: 1px dotted #CCC;
  cursor: help; }

.mceContentBody abbr,
.mceContentBody html\:abbr {
  border-bottom: 1px dashed #CCC;
  cursor: help; }

/* Manual additions to restore assumed by the TinyMCE but cleared by YUI CSS reset styles */
.mceContentBody {
  text-align: left; }

.mceContentBody strong {
  font-weight: bold; }

.mceContentBody li ul,
.mceContentBody li ol {
  margin: 0 1.5em; }

.mceContentBody ul,
.mceContentBody ol {
  margin: 0 1.5em 1.5em 1.5em; }

.mceContentBody ul,
.mceContentBody ul li {
  list-style-type: disc; }

.mceContentBody ol,
.mceContentBody ol li {
  list-style-type: decimal; }

.mceContentBody blockquote {
  margin: 0 1.5em 1.5em 1.5em; }

.mceContentBody p,
.mceContentBody code,
.mceContentBody pre,
.mceContentBody kbd {
  margin: 0 0 1.5em 0; }

.mceContentBody em,
.mceContentBody i,
.mceContentBody dfn {
  font-style: italic; }

.mceContentBody .expander .expander-content {
  display: inline-block !important;
  border: thin gray dashed; }
.mceContentBody .hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 5px;
  overflow: auto;
  padding: 8px;
  position: relative;
  width: 100%;
  border: 2px dashed red; }
.mceContentBody .CC_featured_Container {
  margin: 12px;
  border: thin solid red; }
.mceContentBody .CC_features_top {
  background: #262626; }
.mceContentBody .CC_features_top h3 {
  padding: 1em;
  color: #ffc82e; }
.mceContentBody .CC_features_top p {
  padding: 1em;
  color: #ffffff; }
.mceContentBody .CC_features_second_row {
  padding: 1em;
  color: #262626; }
.mceContentBody .CC_features_cell1 {
  border: thin solid red; }
.mceContentBody .CC_features_cell2 {
  border: thin solid red; }
.mceContentBody .CC_features_cell3 {
  border: thin solid red; }
.mceContentBody .CC_features_smalltext {
  font-size: 12px; }
.mceContentBody .CC_features_largetext {
  font-size: 22px; }
.mceContentBody .CC_features_third_row {
  background: #ececec;
  padding: 2em; }
.mceContentBody .CC_features_fourth_row {
  background: #262626;
  color: #ffffff; }

html {
  font-size: 100%;
  line-height: 1.5em; }

.form-item {
  /* Wrapper for a form element (or group of form elements) and its label */
  margin: 1.5em 0; }
  .form-item input.error,
  .form-item textarea.error,
  .form-item select.error {
    /* Highlight the form elements that caused a form submission error */
    border: 1px solid #c00; }
  .form-item label {
    /* The label for a form element */
    display: block;
    font-weight: bold; }
  .form-item label.option {
    /* The label for a radio button or checkbox */
    display: inline;
    font-weight: normal; }
  .form-item .form-required {
    /* The part of the label that indicates a required field */
    color: #c00; }
  .form-item .description {
    /* The descriptive help text (separate from the label) */
    font-size: 0.85em; }
  .form-checkboxes .form-item, .form-radios .form-item {
    /* Pack groups of checkboxes and radio buttons closer together */
    margin: 0;
    /* Drupal core uses "0.4em 0" */ }

.ccp-user-login-form-wrapper .form-submit {
  /* The submit button */
  border-bottom: 2px solid #2980B9;
  background: #2980B9;
  border: 0px;
  color: #fff;
  padding: 12px;
  text-shadow: 1px 1px 0 #000;
  -moz-border-radius: 3px / 3px;
  -webkit-border-radius: 3px 3px;
  border-radius: 3px / 3px;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s; }

.ccp-user-login-form-wrapper .form-submit:hover {
  background: #409ad5;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s; }

.container-inline div,
.container-inline label {
  /* Inline labels and form divs */
  display: inline; }

.tips {
  /* Tips for Drupal's input formats */ }

a.button {
  /* Buttons used by contrib modules like Media */
  -moz-appearance: button;
  -webkit-appearance: button; }

/*
 * Password confirmation
 */
.password-parent,
.confirm-parent {
  margin: 0; }

/*
 * Search (search-block-form.tpl.php)
 */
#block-search-form {
  /* Wrapper for the search form */ }

/*
 * Drupal's default login form block
 */
#user-login-form {
  text-align: left;
  /* LTR */
  /*
   * OpenID
   *
   * The default styling for the OpenID login link seems to assume Garland's
   * styling of list items.
   */ }
  #user-login-form ul {
    /* OpenID creates a new ul above the login form's links. */
    margin-bottom: 0;
    /* Position OpenID's ul next to the rest of the links. */ }
  html.js #user-login-form li.openid-link,
  #user-login-form li.openid-link {
    /* The "Log in using OpenID" link. */
    margin-top: 1.5em;
    margin-left: -20px;
    /* LTR */
    /* Un-do some of the padding on the ul list. */ }
  #user-login-form li.user-link {
    /* The "Cancel OpenID login" link. */
    margin-top: 1.5em; }

#user-login ul {
  margin: 1.5em 0; }

/* Search Form Settings */
.search-form .form-submit {
  border-bottom: 2px solid #2980B9;
  background: #2980B9;
  border: 0px;
  color: #fff;
  padding: 12px;
  text-shadow: 1px 1px 0 #000;
  -moz-border-radius: 3px / 3px;
  -webkit-border-radius: 3px 3px;
  border-radius: 3px / 3px;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s; }
.search-form .form-type-textfield label {
  display: block; }
.search-form input [type="text"] {
  border: 2px solid #dce4ec;
  color: #34495e;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  padding: 8px 0 9px 10px;
  text-indent: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

/*End Search Form Settings */
/*
 * Drupal admin tables
 *
 * We overrode these styles in normalize.css, but restore them for the admin
 * section of the site.
 */
form th {
  text-align: left;
  /* LTR */
  padding-right: 1em;
  /* LTR */
  border-bottom: 3px solid #ccc; }
form tbody {
  border-top: 1px solid #ccc; }
form tr.even {
  background-color: #fff; }
form table .item-list ul {
  margin: 0; }

.lt-ie8 tr.even th,
.lt-ie8 tr.even td,
.lt-ie8 tr.odd th,
.lt-ie8 tr.odd td {
  border-bottom: 1px solid #ccc;
  /* IE doesn't display borders on table rows */ }

/*
 * Drupal core wrongly puts this in system.menus.css. Since we override that, add it back.
 */
td.menu-disabled {
  background: #ccc; }

/* Form Styles */
/* .form-text{ border-radius:5px; border:thin solid #ccc; line-height:24px; color:#262626; padding: 0 5px;} */
legend {
  border-bottom: 3px #2980B9 solid;
  width: 100%; }

.fieldset-legend {
  font-size: 24px;
  color: #2980B9; }

.webform-progressbar-outer {
  height: 12px; }

.webform-progressbar-inner {
  height: 10px;
  background-color: gold; }

.webform-progressbar-page {
  height: 10px;
  width: 10px;
  margin: -10px -0px 0  0;
  border-radius: 0px;
  border: none; }

.webform-component-fieldset {
  min-height: 48px; }

.webform-progressbar-page.completed, .webform-progressbar-page.current {
  background-color: gold; }

.webform-next.button-primary {
  padding: 6px 10px;
  -webkit-border-radius: 2px 2px;
  border: solid 1px #999999;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#dddddd));
  color: #333;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 1px white;
  line-height: 1; }

.webform-previous {
  padding: 6px 10px;
  -webkit-border-radius: 2px 2px;
  border: solid 1px #999999;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#dddddd));
  color: #333;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 1px white;
  line-height: 1; }

.webform-submit.button-primary {
  margin-left: 12px;
  padding: 6px 10px;
  -webkit-border-radius: 2px 2px;
  border: solid 1px #999999;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#dddddd));
  color: #333;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 1px white;
  line-height: 1; }