/**
*IMPORTANT NOTE; If this file is changed, then increase the version in widget-loader.js
*/
.we-container { background: #eee; margin-bottom: 10px; }
.we-container .cv-sidebar { width: 400px; float: left; padding: 10px; height: 600px; background: #f8f8f8; }
.we-container .cv-accordion { border-width: 0; }
.we-container .cv-accordion .cv-heading-3 { background: #c4e2f5; color: #2d404f; outline: none; }
.we-container .cv-accordion .cv-wrapper { border-top: 1px solid #fff; border-bottom: 1px solid #dfdfdf; }
.we-container .cv-accordion .cv-wrapper:first-child,  
.we-container .cv-accordion .cv-instructional-text + .cv-wrapper { border-top: none; }
.we-container .cv-accordion .cv-wrapper:last-child { border-bottom: none; }
.we-container .cv-control-two-column { background: none; border-top: 1px solid #fff; border-bottom: 1px solid #dfdfdf; margin-bottom: 0; }
.we-container .cv-control-two-column .cv-wrapper { border-top-width: 0; border-bottom-width: 0; }
.we-container .cv-control-two-column select { width: 150px; }
.we-container .cv-textbox input { width: 335px; }
.we-container .cv-textbox-small input { width: 100px; }
.we-container .cv-textbox-tiny input { width: 50px; }
.we-container .cv-color-picker input { width: 80px; }
.we-container .cv-textarea textarea { width: 335px; min-height: 50px; }
.we-container .cv-gc .cv-trailing-text { margin: 2px 0 0 10px; }
.we-container .cv-gc label { color: #333; }
.we-container .cv-table { margin-bottom: 10px; }
.we-container .cv-table .cv-icon-delete { position: relative; display: block; top: auto; right: auto; }
.we-control-group { border-bottom: 1px dotted #2d5681; }
.we-control-group:last-child { border-bottom-width: 0; }
.we-control-group .cv-instructional-text { padding-top: 10px; }
.we-preview { background: url(/a/planner-side/images/tile-live-preview-background.png) top left repeat; height: 600px; width: 499px; float: right; overflow-x: auto; padding: 10px; box-shadow: 0 0 8px rgba(0, 0, 0, .3) inset;}
.we-preview-full-width { float: none; width: auto; height: auto; }
#calendar-widget-content { max-width: 640px; background-color: WHITE; text-align: left; }
#calendar-widget-content div.webWidgetWrapper { max-height: 480px; overflow-y: scroll;}
.calendar-widget-preview { margin-bottom: 10px; margin-top:10px;}
.calendar-preview-background { background-color: #eee; }

/* this can also be put in a separate stylesheet */
.cw-wrapper { font-size: 12px; width: 250px; height: 400px; margin: 0 auto; text-align: center; line-height: 1.5; }
.cw-wrapper.is-transparent { background: transparent !important; } /* override inline style from AngularJS ng-style */
.cw-content { overflow: auto; padding: 10px; }
.cw-content .cw-heading-2 { font-size: 150%; font-weight: bold; margin-bottom: 10px; }
.cw-paragraph { margin: 0 0 5px 0; padding: 0; }
.cw-table { margin-bottom: 10px; }
.cw-table table { margin-bottom: 10px; width: 100%; }
.cw-table table td { padding: 2px 0; vertical-align: top; }
.cw-table table .cw-number { text-align: right; }
.cw-button { margin-bottom: 10px; text-align: center; font-weight: bold; }
.cw-button > a { display: inline-block; padding: 5px 10px; text-decoration: none; white-space: nowrap; background-image: url('/a/images/shading-top.png'); background-repeat: repeat-x; background-position: top left; }
.cw-cvent-link { text-align: center; line-height: 1.5; color:#333; margin-top: 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.cw-cvent-link > a { color: #333; }
.cw-cvent-privacy-policy { margin: 10px auto; width: 340px; text-align: left !important; word-break: break-all; }
.cw-cvent-privacy-policy:after { content: ""; display: table; clear: both; }
.cw-cvent-privacy-policy > span { width: 160px; }
.cw-cvent-privacy-policy > span.cw-link-span-left { float:left; }
.cw-cvent-privacy-policy > span.cw-link-span-right { float:right; text-align:right; }
.cw-cvent-privacy-policy > span > a { color: #333; }
.cw-section { margin-bottom: 20px; }
.cw-emphasis { font-size: 120%; font-weight: bold; }
.cw-progress-wrapper { position: relative; padding-top: 35px; }
.cw-progress { background-color: #ccc; border-radius: 5px; padding: 5px; margin-bottom: 10px; position: relative; }
.cw-progress-bar { border-radius: 5px 0 0 5px; padding: 5px 0; position: absolute; left: 0; top: 0; }
.cw-progress-data { list-style: none; text-align: left; }
.cw-progress-data > li { float: left; width: 49%; }
.cw-progress-goal { text-align: right; }
.cw-progress-bubble { position: absolute; bottom: 15px; padding: 3px 5px; border-radius: 5px; background: #ccc; }
.cw-triangle { position: absolute; bottom: -5px; left: 50%; margin-left: -5px; display: block; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #ccc transparent transparent transparent; }
.cw-helper-clearfix:before, .cw-helper-clearfix:after { content: " "; display: table; }
.cw-helper-clearfix:after { clear: both; }
.cw-helper-clearfix { *zoom: 1; }
.cw-message-error { margin: 0; padding: 0; list-style-position: inside; }
.cw-message-error > li { margin-bottom: 5px; }
/** form fields **/
.cw-control { margin-bottom: 3px; text-align: left; }
.cw-control-label label { display: block; margin: 0; font-size: 95%; opacity: 1;
  -webkit-transition: .333s ease opacity;
  transition: .333s ease opacity; }
.cw-control-label label.is-invisible { opacity: 0; }
.cw-control-body input[type=text],  .cw-control-body input[type=email]{ width: 95%; border-radius: 3px; padding: 5px 3px; border-width: 1px; border-style: solid; border-color: #ccc #eee #eee #ccc; box-shadow: inset 1px 1px 2px -1px #ccc; }
.cw-control-body select { width: 100%; }
.cw-dropdown { margin-top: 5px; }
.cw-dropdown .cw-control-label label { font-size: 100%; font-weight: bold; };
/*** radio buttons ***/
.cw-radio { margin-top: 10px; }
.cw-radio .cw-control-label label { font-size: 100%; font-weight: bold; }
.cw-radio .cw-control-body ul { padding-left: 0; list-style: none; margin: 0; }
.cw-radio .cw-control-body li {  margin-left: 0; position: relative; padding-left: 20px; }
.cw-radio .cw-control-body li input { position: absolute; top: 2px; left: 2px; margin: 0; width: auto; }
.cw-radio-category { margin: 0; font-size: inherit; font-style: italic; font-weight: inherit; }
/** countdown **/
.cw-countdown-wrapper { margin-bottom: 10px; margin-top: 10px; }
.cw-countdown-wrapper > p { margin-bottom: 0px; font-size: 85%; }
.cw-countdown { overflow: hidden; font-weight: bold; padding-bottom: 5px; }
.cw-countdown .countdown_row {clear: both; width: 100%; padding: 0px 2px; text-align: center; }
.cw-countdown .countdown_show1 .countdown_section {width: 98%; }
.cw-countdown .countdown_show2 .countdown_section {width: 48%; }
.cw-countdown .countdown_show3 .countdown_section {width: 32.5%; }
.cw-countdown .countdown_show4 .countdown_section {width: 24.5%; }
.cw-countdown .countdown_show5 .countdown_section {width: 19.5%; }
.cw-countdown .countdown_show6 .countdown_section {width: 16.25%; }
.cw-countdown .countdown_show7 .countdown_section {width: 14%; }
.cw-countdown .countdown_section {display: block; float: left; font-size: 75%; text-align: center; }
.cw-countdown .countdown_amount {font-size: 200%; }
/** error message **/
.cw-alert-error { background: #fefefe; text-align: left; color: #646464; padding: 10px; font-size: 12px; }