/**
 * This is the widgets basic CSS. Note that you can change
 * the classes names using the plugin settings. But you can
 * use directly the default classes names, this names.
 */

.widget-place {
  margin: 10px;
  padding: 0px;
  float: left;
  width: 30%;
  height: auto;
  list-style: none;
  min-height: 400px;
}

.widget-place-left {
  margin: 1%;
  padding: 0px;
  float: left;
  width: 48%;
  height: auto;
  list-style: none;
  min-height: 400px;
}

.widget-place-right {
  margin: 1%;
  padding: 0px;
  float: right;
  width: 48%;
  height: auto;
  list-style: none;
  min-height: 400px;
}

.widget-placeholder {
  border: #000 dashed 1px;
}

.widget {
    /* will use class .section from web.css */
    margin:10px 0px;
}

.widget-header {
    /* will use class .sectionHeader from web.css */
}

.widget-menu {

}

.widget-menu a {
    margin: 0 0 0 0.5em;
}

.widget-editbox {

}

.widget-content {
    padding:5px;
}

.balloon-css {
    padding: 10px;
    color: blue;
    font-weight: bold;
}