/* @override http://dev.huddlefish.com/css/common.css */
html
{
	height: 100%;
	width: 100%;
}
body
{ 
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	font-family: "Arial", "Tahoma", "MS Sans Serif", sans-serif;
	font-size: 75%;
	margin-right: auto;
	margin-left: auto;
}
body.moving {
}
body.show_notification {
  margin-top: 50px;
}
body.show_notification.pwd_change {
  margin-top: 50px;
}


#inner_body,
.outer_section { /* MOD: johno 8/14/2013 - added so absolute child elements will be positioned relative to it */
  position: relative;
}

.info
{
  padding:0.8em;
  margin-bottom:1em;
  border:2px solid #92cae4;
  background:#d5edf8;
  color:#205791;
}
.info a{
  color:#205791;
}

#notification_bar {
  position: fixed;
  top: 0px;
  left: 0px;
  height: auto; /*50px;*/
  width: 100%;
  z-index: 5001;
  background-color: #FFC;
  color: black;
  font-weight: bold;
  /* padding: .5em 1em; */
  box-shadow: 0px 2px 5px #000;
  font-size: smaller;
}
#notification_bar fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}
body.show_notification.flash_message {
	margin-top: 50px;
}
body.show_notification.flash_message #notification_bar {
	height: 50px;
}
body.show_notification.flash_message.pwd_change {
	margin-top: 250px;
}
body.show_notification.flash_message.pwd_change #notification_bar {
	height: 250px;
}
.notification_bar_notification {
  margin: 10px;
  text-align: center;
}

.edit_dialog_options_advanced label
{
  display: inline;
}

.hf-indeterminate-indicator
{
  display: inline-block;
  background-image: url('/images/ajax-loader-16.gif');
  padding-left: 20px;
  background-position: left;
  background-repeat: no-repeat;
}

.ui-stepper .ui-stepper-plus,
.ui-stepper .ui-stepper-minus
{
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  background-position: center;
  background-repeat: no-repeat;
}
.ui-stepper .ui-stepper-plus
{
  background-image: url('/images/icons/step_up.png');
}
.ui-stepper .ui-stepper-minus
{
  background-image: url('/images/icons/step_down.png');
}


.not_loaded .js_only, .not_loaded .create_dialog
{
  color: green;
  visibility: hidden !important;
}
br
{
  clear: both;
}

.page_container
{
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  position: relative;
  z-index:1;
}

table.hanging_label_input_section
{
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}
table.hanging_label_input_section td
{
  padding: 0 .5em .5em 0;
}
table.hanging_label_input_section tr > td:first-child:not([colspan="2"])  /* MOD: johno 10-02-2014 - added not colspan */
{
  width: 10px;
  white-space: nowrap;
  text-align: left;
}
.hanging_label_input_section input[type="text"],
.hanging_label_input_section input[type="password"],
.hanging_label_input_section select
{
  width: 100%;
}
.hanging_label_input_section input[type="text"].date_picker {
  width: calc( 100% - 22px );
}

table.hanging_label_input_section td textarea {
  margin: 0px;
}

input.multiline
{
  white-space: normal;
  height: 3em;
}
input.numeric
{
  font-family: monospace;
  text-align: right;
}
input.digits-2
{
  width: 1.5em;
}
input[src]
{
  border: none;
}

.label_example
{
  font-size: smaller;
  color: #666;
}

.clearfield_blur
{
  color: gray;
  font-style: italic;
}

div.document_widget_url_add a.fancy_button,
a.fancy_button
{
  line-height: 20px;
  display: inline-block;
  height: 20px;
  padding: 2px 26px;
  text-decoration: none;
  border: 1px solid #444;
  color: #EEE;
  background-color: #444;
  background-image: url('/images/fancy_button_bg.png');
  background-position: top;
  background-repeat: repeat-x;
	font-size: 12px;
}
button.fancy_button
{
	height: 30px;
	font-weight: 300;
	line-height: 26px;
	color: #EEE;
  border: 1px solid #444;
  background-image: url('/images/fancy_button_bg.png');
  background-position: top;
  background-repeat: repeat-x;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

button.fancy_button:disabled {
  background-image: url('/images/fancy_button_bg_disabled.png');
  color: #CCC;
}

.active {
  color: green;
}

.pending {
  color: orange;
}

.graphic_button {
  border: 0;
}

.sort_button.active {
	font-weight: bold;
}

.remove_row_button {
  cursor: pointer;
}
.remove_row_button_cell {
  width: 15px;
}
.search_button {
}
.graphic_button_wraper {
  vertical-align: middle;
}

.page_container {
  margin-left: auto;
  margin-right: auto;
  clear: both;
  width: 100%;
}
.page_container_body {
  position: relative;
  min-height: 10px;
  height: auto !important;
  height: 10px;
  width: 100%;
}

.page_column {
	position: relative;
  float: left;
  width: 100%;
  min-height: 40px;
  height: auto !important;
  height: 40px;
  z-index:1;
}
body.mobile:not(.builder_page) .page_column {
  min-height: 0px;
  height: auto;
}

.column_info {
  text-align: center;
  font-size: 10px;
  position: absolute;
  top: -15px;
  left: 0px;
  width: 100%;
}

.freeform-container .page_column {
	float: none;
	top: 0px;
	left: 0px;
	height: 100%;
	/* width: 100%;       MOD:  johno 12-1-2010: Added next 3 lines to make the origin (for widget positioning) based on the center of the screen. This way the contents of freeform containers won't shift with respect to fixed width containers. */
	width: 960px;
	margin-left: auto;
	margin-right: auto;
  min-height: 100%; /* MOD: johno 8/27/2013 - added */
}

.widget .content {
  overflow: hidden;
}

/** ** PAGE STYLES ** **/
body > img,
#inner_body > img,
#builder_toolbar > img,
#page > img,
#content > img,
div.outer_section > img,
div.page_container > img {
	position: absolute;
  left: 0px;
  top: 0px;
  height: auto;
  width: auto;
}

/** ** BASIC WIDGET STYLES ** **/
.widget img.widget_background_image
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.widget img.mask {
  position: absolute;
  z-index: 2;
}
.widget img.mask1 {
  top: 0;
  left: 0;
  width: 100%;
}

.widget img.mask2 {
  top: 0;
  right: 0;
  height: 100%;
}

.widget img.mask3 {
  bottom: 0;
  left: 0;
  width: 100%;
}

.widget img.mask4 {
  bottom: 0;
  left: 0;
  height: 100%;
}

.titlebar
{
  margin: 0px;
}

.widget .body
{
	position: relative;
	margin: 0px;
  width: 100%;
	clear: both;
	width: 100%;
	display: block;
}

.widget > .container {
  width: 100%;
  display: block;
}
.widget .content
{
  display: block;
  margin: 0px;
  padding: 10px;
  clear: both;
  border-width: 0px !important;
  border-width: 0px;
  border: none;
}

.widget.unbordered_widget
{
	border: none;
}
.page_column.widget_container .widget.admin {
	background-color: rgba(255,255,0,0.1);
	border: 5px #FF0 solid;
}
.page_column.widget_container .widget.expired{
  background-color: rgba(255,0,0,0.1);
	border: 5px #F00 solid;
}
.page_column.widget_container .widget.not_yet_published{
  background-color: rgba(0,255,0,0.1);
	border: 5px #0F0 solid;
}

.round_widget .content
{
  padding-bottom: 0;
}

.widget hr
{
  margin: 10px 0;
}

.widget input.text
{
  width: 90%;
  margin: 10px 0;
}

.widget_toolbar_right_icons
{
  display: block;
  position: absolute;
  right: 10px;
  top: 5px;
  bottom: 0px;
}

/* Buttons and links which appear to be buttons */
.widget button, .button, .widget > .controls > a.extra_tool.button
{
	background-color: #EEE;
  color: #1c94c4;
	border: 1px solid #666;
	text-align: center;
	padding: .25em .75em .25em .75em;
	font-size: 11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor:pointer;
	display: inline-block;
}
.button > a {
  color: #1c94c4;	
	font-size: 11px;
	text-decoration: none;
}
.widget > .controls > a.extra_tool.button {
  padding: 0px 3px;
  font-size:10px;
  font-weight:normal;
}
.widget > .controls > a.extra_tool.button:hover {
	box-shadow: inset 0 0 2px gray;
  color: #c77405; 
}
.widget button:active, .button:active
{
	background-color: #DDD;
}
a.button
{
	display: block;
	text-decoration: none;
}
.widget button.disabled, .button.disabled, .widget button.disabled:hover, .button.disabled:hover {
  color: #aaa;
  background-color: #ddd;
  border: 1px solid transparent;
  cursor: default;
}
.centering_box {
  text-align: center !important;
}

/* Button which appears to be a link */
.widget button.link,
.widget button.link:active
{
  text-decoration: underline;
  font-size: 100%;
  color: #009;
  display: inline;
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  cursor: pointer;
}
.widget button.link:hover,
.widget button.link:active:hover
{
  color: #000;
}


/* Widget Styles: */

.widget.transparent {
	background-color: transparent;
}
.widget.transparent > .widget_header > .titlebar {
  background-color: transparent;
  background: none;
}

.widget.translucent {
  filter:alpha(opacity=60); /* for IE */
  opacity:0.6; /* CSS3 standard */
}
.widget.translucent > .widget_header > .titlebar {
  filter:alpha(opacity=60); /* for IE */
  opacity:0.6; /* CSS3 standard */
}

.widget.user_bg_widget {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;	
	border-radius: 0px;
}
.widget.user_bg_widget > .widget_header > .titlebar {
	background: none;
}

#dialog_box *
{
  text-align: left;
}

#dialog_box form > div
{
  padding-top: 10px;
  padding-bottom: 10px;
}

input, select
{
  display: inline;
  margin: 0px;
}

ul.form_checklist
{
	max-height: 100px;
	border: 1px solid gray;
	background-color: #FFF;
	font-size: small;
	display: block;
	overflow: auto;
}

ul.form_checklist li,
ul.form_checklist li label
{
	font-size: small;
	padding: 1px 6px;
}

ul.form_checklist li div
{
  padding: .5em .5em .5em 2em;
  margin: 0;
}

fieldset
{
  border: 1px solid #000000;
  padding: 5px 10px 10px 10px;
  margin-bottom: 10px;
}

#inner_body { 
  width: 100%; /* This is explicitly set because when it was not, IE did not display properly in some themes */
}
#powered_by {
	position: absolute;
  bottom: 2px;
  right: 10px;
  z-index: 2000000;
}
#powered_by a {
  color: black;
  font-size: 8px;
  font-weight:normal;
  text-shadow: 0px 0px 2px white;
  text-decoration:none;
  letter-spacing:normal;
  line-height:normal;
  text-transform:none;
  word-spacing:normal;
}
#powered_by a:hover {
  font-weight: bold;
  text-shadow: 0 0 3px yellow, 0 0 5px red;
  font-size: 10px;
}

#footer { /* MOD: johno@litany.com 3/18/2010: Added to make footer stick to bottom */
	position: absolute !important;
	bottom: 0px;
	left: 0px;
	height: 20px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.content
{
  padding: 15px 5px;
}

.version
{
  text-align: center;
  background-color: #e0e0e0;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  height: 100%;
}

table
{
  width: auto;
}
thead th
{
	background-color: rgba(0, 0, 0, 0.05);
}

.date_picker
{
}
.user_photo img
{
  max-width: 100%;
}

ul.cycle_controls
{
	display: block;
	height: 30px;
}
ul.cycle_controls li
{
	display: inline;
	float: left;
}
ul.cycle_controls li a
{
	display: inline;
	padding-left: .25em;
	padding-right: .25em;
}

.widget_header_login
{
	background-image: url('/images/widget_toolbar_bg.png');
	background-repeat: repeat;
	padding: 10px 20px 10px 20px;
  position: absolute;
  top: 0px;
  right: 0px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-bottom-left-radius: 20px;
  z-index: 4000;
}

.row_move_handle
{
  background-image: url('/images/vgripper.png'); /* MOD: johno 10/15/2013 - was: url("/images/icons/drag_handle_divit.png") */
  background-position: center;
  background-repeat: no-repeat;
}

#arrows
{
	margin: 0;
	padding: 0;
}

/** ** Left Nav ** **/

#left_nav
{
}

#left_nav .content
{
  padding: 10px;
}

#left_nav ul
{
  list-style: none;
}

#left_nav ul li a
{
  font-size: 1.2em;
  color: #fff;
  text-decoration: none;
  padding: 5px 0;
}



/** ** Content ** **/

#content
{
	/* z-index: 1; */
  /* padding: 25px 0; */
  /* overflow: hidden; */ /* This may adversely affect some things--posibly menus */
  overflow: visible;
  padding: 0;
  width: 100%;
}

textarea
{
  height: auto;
}
textarea.one_line {
  height: 1.5em;
  padding-top: 0px;
  padding-bottom: 0px;
}
textarea.wysiwyg
{
  width: 670px;
	max-height: 300px;
}
.wysiwyg_htmlarea
{
  display: block;
  width: 300px;
}
.jHtmlArea iframe
{
  padding: 0;
  background-color: #FFF;
  border: 1px solid #BBB;
}
.jHtmlArea .ToolBar ul li .image_left {
	height: 16px;
	width: 16px;
	background-position: top left;
	background-image: url('/images/icons/image_left.png');
}
.jHtmlArea .ToolBar ul li .image_right {
	height: 16px;
	width: 16px;
	background-position: top left;
	background-image: url('/images/icons/image_right.png');
}

.widget
{
  margin: 15px 5px 0 5px;
  position: relative;
  clear: both;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
	border: 1px solid #666;
	z-index: 1;
	top: 0px;
	left: 0px;
}
.freeform-container .page_column > .widget,
.background_widget { /* MOD: johno 8/14/2013 - added .background_widget */
	position: absolute;
/*	top: 0px; // MOD: johno 10/25/2013 - deleted
	left: 0px; */
	width: 300px;
	/*height: 100px;*/
  margin: 0px; /* MOD: johno 8/27/2013 - added 0 margins */
}

.widget img.widget_background_image {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.widget_header
{
  clear: both;
}

.widget .titlebar { 
}
/*
.widget .ui-tabs-nav
{
  background-color: transparent;
  color: #000;
  border: none;
  border-bottom: 1px solid #666;
}
.widget .ui-tabs-li
{
	margin: 0px;
}
*/
.widget .ui-tabs-tab {
	background-color: transparent;
	border-color: #999;
}
.widget .ui-tabs-tab,
.widget .ui-tabs-tab a {
	color: #666;
}
.widget .ui-tabs-active
{
	border-color: #666;
	padding-bottom: 0px;
	border-bottom-color: transparent;
	/* border-bottom-width: 0px !important; */
	background-color: #666;
	color: #FFF;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active
{
	padding-bottom: 0px;
	margin-bottom: 0px; /* margin-bottom: 1px; */
}
.widget .ui-tabs-active a
{
	/* border-bottom-width: 0px !important; */
	background-color: #666;
	color: #FFF;
}
/*
.widget .ui-widget
{
	background-color: transparent;
	border: none;
}
.widget .ui-widget-content
{
	background-color: transparent;
	background-image: none;
	border: none;
}
*/
.widget_header > .titlebar
{
  -webkit-border-top-left-radius: 9px;
  -webkit-border-top-right-radius: 9px;
  -moz-border-radius-topleft: 9px;
  -moz-border-radius-topright: 9px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

.widget .titlebar a
{
  color: #fff;
}

.widget .titlebar
{
  min-height: 30px;
  height: auto !important;
  height: 30px;
  margin: 0px;
  padding: 0px;
}
.widget .titlebar h1
{
	text-align: left;
  padding: 5px 10px 5px 10px;
  margin: 0px;
  font-size: 180%;
  height: auto;
  overflow: hidden;
  line-height: normal;
}

ul.checkbox_list, ol.checkbox_list
{
	margin: 0px;
	padding: 0px;
}
ul.checkbox_list > li, ol.checkbox_list > li
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ul.checkbox_list_inline > li, ol.checkbox_list_inline > li
{
  display: inline;
  list-style-type: none;
  margin: 0px;
  padding: 0 1em 0 0;
}
ul.checkbox_list_inline > li label, ol.checkbox_list_inline > li label
{
  display: inline;
}

.widget .titlebar .widget_titlebar_html
{
  max-height: 30px;
  overflow: hidden;
}

.widget .titlebar .alignleft {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.titlebar
{
  margin: 0px;
}

.container_end
{
  height: 1px;
  line-height: 1px;
}

.widget .content
{
  margin: 0px;
  padding: 10px;
  clear: both;
}
.widget .content > .round_bottom
{
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: -10px;
	padding: 5px 10px 5px 10px;
  -webkit-border-bottom-left-radius: 9px;
  -webkit-border-bottom-right-radius: 9px;
  -moz-border-radius-bottomleft: 9px;
  -moz-border-radius-bottomright: 9px;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}
.widget.unbordered_widget > .body > .content > .round_bottom
{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.widget.untitled_widget > .widget_header > .titlebar
{
  display: none;
}
.widget.unbordered_widget
{
	border: none;
}
.unbordered_widget .body
{
  border: none;
}

.round_widget .content
{
  padding-bottom: 0;
}

.widget hr
{
  margin: 10px 0;
}

.widget input.text
{
  width: 90%;
  margin: 10px 0;
}

.widget_toolbar
{
  background-image: url('/images/widget_toolbar_bg.png');
  display: block;
  width: 100%;
  margin: -10px -10px 0 -10px;
  position: relative;
  padding: 5px 10px 5px 10px;
  clear: both;
}

.widget_toolbar_right_icons
{
  display: block;
  position: absolute;
  right: 10px;
  top: 5px;
  bottom: 0px;
}

.single_line
{
  overflow: hidden;
  white-space: nowrap;
}

/** Dialogs **/

.ui-dialog {
	z-index: 2000000; /* MOD: johno 02/14/2017 – new jquery zindex mechanism */
	overflow: hidden; /* MOD: johno 02/14/2017 – change in jquery ui */
	-webkit-box-shadow: 0px 3px 3px #000;
	-moz-box-shadow: 0px 3px 3px #000;
	box-shadow: 0px 3px 3px #000;
	max-width: 100%;
	max-width: calc( 100% - 10px );
}
.ui-dialog .ui-dialog-buttonpane button
{
	float: right;
}
.dialog {
	font-family: Arial, sans-serif;
	font-size: 0.9em;
}
.huddlefish_dialog {
	box-shadow: inset 0 0 40px #BDBDBD;
}
.huddlefish_dialog .ui-dialog-titlebar {
	box-shadow: 0 5px 80px 15px black;
}
.huddlefish_dialog .ui-dialog-buttonpane {
	box-shadow: 0 -30px 30px #DDDDDD inset;
}

.input {
	width: 120px;
}

.input_spacer {
	display:inline-block;
	width: 120px;
}

/** Widgets **/

.image_and_text > img
{
  float: left;
  width: 70px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.business_recommendation_widget .business_recommendation_comment
{
  height: 36px;
}

/*-- Used for displaying lists and grids of people with pictures and names --*/

.person_list
{
  width: auto;
  margin: 0px 0px 0px 30px;
  padding: 0px;
  list-style-type: none;
}
.person
{
  display: block;
  float: left;
  margin: 10px 10px 0px 0px;
  padding: 0px;
  width: 70px;
  text-align: center;
  list-style-type: none;
}

.person .user_photo
{
  height: 105px;
  line-height: 105px;
  width: 70px;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.person .person_description
{
  padding: 0px;
  margin: 0px;
  width: auto;
  height: 3.75em;
  overflow: hidden;
  line-height: 1.25em;
}
.person .person_description p
{
  margin: 0px;
  padding: 0px;
}

.col_size_small .person_list
{
  margin-left: 0px;
}
.col_size_small .person
{
  text-align: left;
  width: auto;
}

.col_size_small .person .user_photo
{
  width: 50px;
  height: 75px;
  margin: 0px;
  padding: 0px;
  float: left;
}

.col_size_small .person .person_description
{
  margin-left: 60px;
  margin-top: 0px;
  width: 130px;
}

tbutton:hover {
	cursor:pointer;
	border: 1px outset #FFFFFF;
}

tbutton img {
	vertical-align:middle;
}

.message_button {
}

.message_button:hover {
	cursor:pointer;
	border: 1px outset #FFFFFF;
}

.message_button img {
	vertical-align:middle;
}

.contact_info_widget .form_label { 
	min-width: 90px;
	width: auto !important;
	width: 90px;
	float:left;
}

.dialog_section .form_label {
	min-width: 112px;
	width: auto !important;
	width: 112px;
	float:left;
}

.form_field_block {
	float:left;
}

.form_field {
	display: inline;
}

/** ** Text Widget **/

.text_dialog textarea {
	height: 150px;
}

.widget#profile_picture
{
  text-align: center;
}

.widget#profile_picture h1
{
  margin-top: 10px;
}

.widget#profile_picture img
{
  max-width: 200px;
}

.clearall
{
  clear: both;
}

/* This may be specific to the event widget--I'm not sure. It was grouped in the middle of event widget rules */
.input_item {
	margin: 5px 0px 5px 0px;
}

/** General Formatting **/

.indent0
{
	padding: 0;
}
.indent1
{
	padding: 0 0 0 20px;
}
.indent2
{
	padding: 0 0 0 40px;
}
.indent3
{
	padding: 0 0 0 60px;
}
.indent4
{
	padding: 0 0 0 80px;
}
.indent5
{
	padding: 0 0 0 100px;
}
.indent6
{
	padding: 0 0 0 120px;
}
.indent7
{
	padding: 0 0 0 140px;
}
.indent8
{
	padding: 0 0 0 160px;
}

/* Inline Form Label Formatting     MOD: johno 8-16-2011:  Moved this section here to be with general formatting */
.label200 {
	width: 200px;
	float: left;
	text-align: right;
	margin-right: 5px;
}
.label100 {
	width: 100px;
	float: left;
	text-align: right;
	margin-right: 5px;
}
.label150 {
	width: 150px;
	float: left;
	text-align: right;
	margin-right: 5px;
}
.label50 {
	width: 50px;
	float: left;
	text-align: right;
	margin-right: 5px;
}

/* MOD: johno 12/3/2012 - Added. MOD: johno 07/28/2016 added div.inline below */
label.inline,
div.inline {
	display:inline-block;
}
label.inline.hidden,
div.inline.hidden {
  display:none;
}
.checktext_sm {
	display: inline;
	font-size: 14px;
	vertical-align: text-bottom;
}
label.sm {
	width: 105px;
}
label.med {
	width: 150px;
}
label.wide {
	width: 200px;
}
label.xwide {
	width: 300px;
}
.indent_sm {
	margin-left: 110px;
}
.indent_med {
	margin-left: 155px;
}
.indent_wide {
	margin-left: 200px;
}

.input_box {
	margin: 10px 0 0 0;
}
.input_box.one_line {
	margin: 15px 0 0 0;
}

.new_page_widget_parent_dropdown select
{
  width: 100%;
  max-width: 100%;
}

/** Text Widget **/
.text_widget .content br
{
  clear: none;
}
.text_widget_dialog_text
{
  width: 665px;
  height: 400px;
}

/*
This was in the store item widget rule group, but I wasn't sure if was specific to the store item widget or not,
so I left it here when I moved the other store item widget rules to their own file.
If this is specific to the store item widget, it can be moved into the store_item_widget.css file with the other rules.
- Aaron
*/
.ui-dropdownchecklist-dropcontainer-wrapper label
{
  display: inline;
  padding-left: 5px;
}

.ui-autocomplete {
  z-index: 999999999 !important;
}

#color_selector
{
  z-index: 5000 !important;
}

/* MOD: johno 10/23/2012 - Added for spectrum colorpicker */
.hf_colorpicker_box {
	position: relative;
	display: inline-block;
}
.hf_colorpicker_box > input:first-child {
	width: 175px;
}
.hf_colorpicker_box div.sp-replacer {
	background-color: transparent;
	position: absolute;
	right: 1px;
	top: 1px;
	padding: 0px;
	border: none;
}
.hf_colorpicker_box div.sp-replacer .sp-preview {
	border-top: 1px outset #BBBBBB;
	border-right: 2px outset #BBBBBB;
	border-bottom: 2px outset #BBBBBB;
	border-left: 2px outset #BBBBBB;
	height: 16px;
	width: 20px;	
	margin: 0;
}
.hf_colorpicker_box div.sp-replacer .sp-preview:hover {
	border: none;
	height: 19px;
	width: 24px;
}
.hf_colorpicker_box div.sp-replacer .sp-dd {
	height: 16px;
	position: absolute;
	left: 11px;
	top: 1px;
	padding: 0px;
}
.sp-container {
	border: 1px solid black;
	box-shadow: 1px 1px 2px black;
}
.jHtmlArea .ToolBar div.sp-replacer {
	height: 16px;
	width: 16px;
	padding: 0 !important;
	border: 1px solid transparent;
	cursor: pointer;
	line-height: 16px;
	position: relative;
	background-color: transparent;
	overflow: visible;
}
.jHtmlArea .ToolBar div.sp-replacer:hover {
	border: 1px solid #999;
}
.jHtmlArea .ToolBar div.sp-replacer .sp-preview {
	background: none transparent;
	width: 16px;
	height: 16px;
	border: 0px solid transparent;
}
.jHtmlArea .ToolBar div.sp-replacer .sp-preview-inner {
	display: none;
}
.jHtmlArea .ToolBar div.sp-replacer .sp-dd {
	display: inline-block;
	position: absolute;
	background: url(/images/icons/paintbrush.png) transparent;
	background-size: 100% 100%;
	top: -5px;
	left: 7px;
	color: transparent;
	height: 12px;
	width: 12px;
	z-index: 99999;
}
.jHtmlArea .ToolBar div.sp-replacer span.forecolor_text {
	line-height: 16px;
	font-size: 18px;
	position: absolute;
	top: -1px;
	left: 1px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}
/*.jHtmlArea .ToolBar div.sp-replacer::after {
  content: "A";
  position:absolute;
	top: 2px;
	left: 2px;
	font-weight:bold;
	font-size: 12px;
	color: red;
  top:1px;
  left:-5px;
  border-top:6px solid white;
  border-left:4px solid transparent;
  border-right:4px solid transparent;	*/
}
.jHtmlArea .ToolBar .sp-replacer div.sp-dd {
	display: none;
}

.quiz_widget_link_url_browse_button {
  margin-left: -24px;
}

.widget.huddlefish {     /* MOD: johno 11-23-2010: Added orange widgets and titlebars for huddlefish tag // DEPRECATED: johno 4/23/2013 */
	border-color: #ffb200;
}
.widget.huddlefish .titlebar {
	background-color: #ffb200;
	background-image: none;
}
.widget.text_widget.huddlefish .content img {
	float: left;
	padding: 0px 20px 20px 20px;
}
.widget.alert {
	background: none #eee254; /* builder bar yellow */
  border: none;
  color: black;
  border-radius: 15px;
  box-shadow: inset 0px 0px 10px black, 5px 5px 8px -4px black;
}
.widget.alert.unbordered_widget {
  border: none;
  box-shadow: none;
}
.widget.alert .titlebar {
  color: black;
	background: none transparent;
}
.widget.alert .content a {
  text-decoration: none;
  font-style: oblique;
  font-stretch: expanded;
  color: #333;
}
.widget.alert .content a:hover {
  text-decoration: underline;
  color: black;
}

body.mobile .widget.hide_on_mobile {
  display: none;
}

.widget.admin_theme_widget .color_picker {
	display: inline;
	min-width: 16px;
	width: 16px;
	float: left;
}

#ui-datepicker-div.ui-datepicker {
  display:none;
  z-index: 999999999 !important;
}
.ui-datepicker-trigger {
	margin-left: 2px;
	vertical-align: top;
}

.data_loss_notice {
  color: red;
  font-weight: bold;
}

.hidden {
	display:none;
}
.empty {
  background-color: rgba(0,0,0,.05);
}

.speech_bubble {
  background: linear-gradient(#eeeeee, #dddddd) repeat scroll 0 0 transparent;
  border: 1px solid #CCCCCC;
  border-radius: 6px 6px 6px 6px;
  color: #000000;
  margin: 0 0 5px;
  padding: 4px;
  position: relative;
}
.speech_bubble:after {
  border-color: #dddddd transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  bottom: -5px;
  content: "";
  display: block;
  left: 50px;
  position: absolute;
  width: 0;
}

/* Folder Open, Folder Closed: see views/builder_widget/snippets/element_styles_form.php */
div.folder {
  margin-top: 10px;
}
div.folder .folder_title {
  background: url(/images/icons/folder.png) 5px no-repeat, url(/images/jquery/ui-bg_glass_100_f6f6f6_1x400.png) repeat-x 50% 50% #f6f6f6;
  padding: 2px 2px 2px 25px;
  border-radius: 6px;
  border-color: #999;
  cursor: pointer;
	font-weight:bold;
}
div.folder .folder_title:hover {
  background: url(/images/icons/folder.png) 5px no-repeat, url(/images/jquery/ui-bg_glass_100_fdf5ce_1x400.png) repeat-x 50% 50% #fdf5ce;  
}
div.folder.open .folder_title {
  background: url(/images/icons/folder_open.png) 5px no-repeat, url(/images/jquery/ui-bg_glass_65_ffffff_1x400.png) repeat-x 50% 50% #ffffff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #ddd;
}
div.folder.open .folder_title:hover {
  background: url(/images/icons/folder_open.png) 5px no-repeat, url(/images/jquery/ui-bg_glass_100_fdf5ce_1x400.png) repeat-x 50% 50% #fdf5ce;  
}
div.folder .folder_body {
  display: none;
}
div.folder.open .folder_body {
  display: block;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
  padding: 5px 5px 5px 5px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#login_to_view_notice {
  font-size: 20px;
  position: absolute;
  height: 200px;
  width: 400px;
  top: 20%;
  left: calc( 50% - 200px);
  z-index: 1001;
  text-align: center;
  padding-top: 40px;
  background-color: white;
  border: 1px solid black;
  box-shadow: 2px 2px 6px -2px black;
}
#login_to_view_notice div {
  margin-bottom: 20px;
}
#login_to_view_notice .button {
  display: inline-block;
  color: black;
  margin: 15px;
}

div.combobox {
  position: relative; 
  display: inline-block;
}
div.combobox input.combobox_text {
  position: absolute;
  background-color: transparent;
  border: 1px solid transparent;
  height: auto;
  width: calc(100% - 23px);
  z-index: 10;
}
div.combobox select.combobox_dropdown {
	color: transparent;
  margin: 0px;
}
div.combobox .combobox_dropdown option {
  color: black;
}

.instructions {
  display:none;
}
.instructions.open {
  display: block;
  background-color: #feffcd; /* yellow */
  border: 1px solid #666;
  padding: 8px;
  margin: 5px;
}
.instructions.button {
  display: inline-block;
}
.instructions.button:empty {
  height: 16px;
  width: 16px;
  background: url(/images/icons/help_icon.png) center center no-repeat;
  border: none;
  padding: 0px 3px 0px 3px;
}
.instructions.button.hidden {
  display: none;
}
.instructions_hide {
  display: inline;
  font-weight: bold;
  background: none transparent;
  border: none;
  padding-left: 5px;
}
.instructions_hide:hover {
  cursor:pointer;
  text-decoration:underline;
}

.alert_box {
	display: inline-block;
	position: fixed;
	top: 50px; left: 0px; right: 0px;
	width: 500px;
	max-width: 75%;
	padding: 30px 10px;
	margin: auto;
	z-index: 4000000;
	text-align: center;
	border: 1px solid black;
	background-color: #efefef;
}

.noscript_inst,
.noscript_inst a {
	color: #333;
	font-size: smaller;
}

.glass_pane {
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	background-color: #666;
	z-index: 3000000;
}

.login_widget_dialog input[type='text'],
.login_widget_dialog input[type='password'] {
	width: 100%;
}