/* @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; /* MOD: johno 7-08-2010: Added font info */
	font-size: 75%;
	margin-right: auto;
	margin-left: auto;
}

body.show_notification
{
  margin-top: 50px;
}

.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: 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_notification
{
  margin: 10px;
}

.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;
}
#view_as_form
{
  position: absolute;
  top: 0px;
  height: 15px;
  right: 10px;
  padding: 3px 10px 7px 10px;    /*MOD: johno 11-16-2010 changed from 5px 10px */
  border-left: 1px solid black;
  background-color: #eee254;
  z-index: 2001;
}

#content .sortable_placeholder_new_feature
{
  list-style-type: none;
  border: 1px dotted black;
  margin: 15px 5px;
  padding: 0;
  width: auto !important;
  color: black;
  height: 30px;
  position: relative;
}
#content .freeform-container .sortable_placeholder_new_feature
{
	position: absolute;
	margin: 0px;
	width: 100%;
	height: 100%;
}

#content .sortable_placeholder_new_feature a, #content .sortable_placeholder_new_feature a:hover, #content .sortable_placeholder_new_feature a:visited
{
  text-decoration: none;
  color: black;
}

.page_container
{
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  position: relative;
  z-index:1;
}
/*
.page_container_controls .page_container_height_sec{
	display:none;
}
*/
.loading_widget_placeholder
{
  text-align:center;
  margin: 5px;
  padding: 20px;
  border: 1px solid gray;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.freeform-container .loading_widget_placeholder
{
	width: 200px;
	height: 100px;
	top: 0px;
	left: 0px;
	position: absolute;
}

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
{
  width: 10px;
  white-space: nowrap;
  text-align: left;
}
.hanging_label_input_section input
{
  width: 100%;
}

input.multiline
{
  white-space: normal;
  height: 3em;
  display:
}
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;
}

a.fancy_button
{
  line-height: 30px;
  position: inline-block;
  height: 18px;
  padding: 8px 30px 8px 30px;
  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;
}
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%;
}
body.is_layout_mode .page_container_body
{
  /* z-index: -1; */
}

body.is_layout_mode .page_container_head {
  display: block;
}
body.is_layout_mode
{
/*
  background-color: #CCC;
  background-image: none;
*/
}

.page_column {
	position: relative;
  float: left;
  width: 100%;
  min-height: 40px;
  height: auto !important;
  height: 40px;
  z-index:1;
}

.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;
}

/*
div.freeform-container div.page_column div.widget {
	margin: 0;
}
*/

.widget .content {
  overflow: hidden;
}

/** ** 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%;
}

.widget.clone_widget .controls
{
  background-color: #FB3;
}

.widget:hover .controls, .widget.ui-sortable-helper .controls
{
  visibility: visible !important;
}

.widget_help_text
{
	position: relative;
	background-image: url('/images/help_text_bg.png');
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFA;
	border-top: 1px solid white;
	border-bottom: 1px solid orange;
	padding: 20px 70px 5px 30px;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: -10px;
	margin-bottom: 10px;
}
.widget_help_text > *
{
	margin-left: 10px;
	margin-right: 10px;
}
.widget_help_control
{
	cursor: pointer;
}
.widget_help_hide_button
{
	cursor: pointer;
	color: orange;
	position: absolute;
	top: 5px;
	right: 10px;
}

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

.dark
{
  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 .content > .round_bottom
{
  display: block;
  width: 100%;
	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;
}
.widget.unbordered_widget .content > .round_bottom
{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.widget.unbordered_widget
{
	border: none;
}
.widget.expired{
  background-color: #FED;
}
.widget.not_yet_published{
  background-color: #FED;
}

/*
.widget.unbordered_widget:hover
{
  border-top: 1px solid black;
  margin-top: 14px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}
*/

.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
{
	background-color: #EEE;
	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;
}
.widget button:active, .button:active
{
	background-color: #DDD;
}
a.button
{
	display: block;
	text-decoration: none;
}

/* 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:  MOD: johno 12-10-2010: Added */

.widget.transparent {
	background-color: transparent;
}
.widget.transparent .dark {
  background-color: transparent;
  background: none;
}

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

.widget.user_bg_widget {   /* MOD: johno 2-9-2011: Added */
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;	
}
.widget.user_bg_widget .dark {
	background: none;
}

.widget.merge_column {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;	
	padding-top: 15px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px !important;
	margin-left: 5px;
	border-top: none;
	border-bottom: none;
}
.widget.merge_column .dark {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;	
	background-color: inherit;
	color: inherit;
}
.widget.merge_column:first-child {
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 0px !important;
	margin-left: 5px;
	padding: 0px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
	border-top: 1px solid;
	border-bottom: none !important;
}
.widget.merge_column:first-child .dark {
  -webkit-border-top-left-radius: 9px;
  -webkit-border-top-right-radius: 9px;
  -moz-border-radius-topleft: 9px;
  -moz-border-radius-topright: 9px;
}
.widget.merge_column:last-child {
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
	border-bottom: 1px solid;
	border-top: none !important;
}
.widget.merge_column:last-child .dark {
  -webkit-border-bottom-left-radius: 9px;
  -webkit-border-bottom-right-radius: 9px;
  -moz-border-radius-bottomleft: 9px;
  -moz-border-radius-bottomright: 9px;
}
.widget.merge_column .dark h1,
.widget.merge_column .dark p,
.widget.merge_column .dark a {
	color: inherit;
}

.widget.square_corners {
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px;
}
.widget.square_corners .dark {
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px;
}

#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;
}

#page { /* MOD: johno@litany.com 3/18/2010: Added provide more versatility in defining widths of header, menubar, footer, etc. */
  width: 100%; /* This is explicitly set because when it was not, IE did not display properly in some themes */
}

#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);
}

/** MOD: abirchler@camna.com 3/17/2010 **/
.ui-dialog
{
	-webkit-box-shadow: 0px 3px 3px #000;
	-moz-box-shadow: 0px 3px 3px #000;
	
}
.ui-dialog .ui-dialog-buttonpane button
{
	float: right;
}
.date_picker
{
	vertical-align: middle;
}
.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;
}

.page_container:first-child .widget:first-child .controls
{
  border: 1px solid #000;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  position: absolute;
  right: 20px;
  top: 0px;
}
/* The login box is no longer part of the header widget, but it still retains the same class as when it was */
.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;
  z-index: 4000;
}

.add_row_button
{
  display: block;
  float: right;
  background-color: #CCC;
  font-weight: bold;
  border: 1px solid #000;
  padding: .25em .5em .25em .5em;
  margin-right: 10px;
  cursor: pointer;
}

.add_row_button:active
{
  background-color: #BBB;
}



.row_move_handle
{
  background-image: url('/images/icons/drag_handle_divit.png');
  background-position: center;
  background-repeat: no-repeat;
}

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

/** Dictionary Widget **/
.dictionary_widget .content h3
{
  font-weight: bold;
  font-style: italic;
  margin: 1em 0 .5em 0;
}
ul.dictionary_widget_definitions
{
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
ul.dictionary_widget_definitions h5
{
  margin: 0px;
  padding: 0px;
}
ul.dictionary_widget_definitions > li
{
  border-top: 1px solid #EEE;
}
.dictionary_widget_definitions ul
{
  border-top: none;
  list-style-type: disc;
}

#dictionary_widget_global
{
  padding: 10px;
/*   z-index: 98; */
  background-color: #FFC;
  background-image: url('/images/white_top_fade.png');
  background-position: top;
  background-repeat: repeat-x;
  position: absolute;
  border: 1px solid black;
  -webkit-box-shadow: 0px 2px 2px #000;
  -moz-box-shadow: 0px 2px 2px #000;
  top: 200px;
  left: 200px;
  width: 350px;
}



/** ** 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%;
/*	background-image: url(/images/body_bg.jpg);  MOD: johno: 11/12/2010  */
/*	background-repeat: repeat-x;   MOD: johno: 11/12/2010  */
/*  background-attachment: fixed;  MOD: johno: 11/12/2010  */
/*  background-position: top;      MOD: johno: 11/12/2010  */
}

textarea
{
  height: auto;
}
textarea.wysiwyg
{
  width: 670px;
}
.wysiwyg_htmlarea
{
  display: block;
  width: 300px;
}
.jHtmlArea iframe
{
  padding: 0;
  background-color: #FFF;
  border: 1px solid #BBB;
}

.widget
{
  margin: 15px 5px 0 5px;
  position: relative;
  clear: both;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
	border: 1px solid #666;
	z-index: 1;
	top: 0px;
	left: 0px;
}
.freeform-container .widget {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 100px;
}

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

.widget_header
{
  clear: both;
}

.widget .dark
{
  background-color: #666;
  color: #fff;
}
.widget .ui-tabs-nav
{
  background-color: transparent;
  color: #000;
  border: none;
  border-bottom: 1px solid #666;
}
.widget .ui-tabs-li
{
	margin: 0px;
}
.widget .ui-state-default
{
	background-color: transparent;
	border-color: #999;
}
.widget .ui-state-default a
{
	color: #666;
}
.widget .ui-tabs-selected
{
	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-selected
{
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.widget .ui-tabs-selected 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 > .dark
{
  -webkit-border-top-left-radius: 9px;
  -webkit-border-top-right-radius: 9px;
  -moz-border-radius-topleft: 9px;
  -moz-border-radius-topright: 9px;
}

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

.widget .dark
{
  min-height: 30px;
  height: auto !important;
  height: 30px;
  margin: 0px;
  padding: 0px;
}
.widget .dark h1
{
	text-align: left;
	float: left;
  padding: 5px 10px 5px 10px;
  margin: 0px;
  font-size: 20px;
  color: #fff;
  height: 20px;
  overflow: hidden;
  line-height: 25px;
}

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 .dark .controls
{
  position: absolute;
  top: -27px;
  right: 20px;
  padding: 5px;
  height: 16px;
/*   z-index: 1; */

  border-top: 1px solid black;
  border-right: 1px solid black;
  border-left: 1px solid black;
  background-color: #eee254;

  -webkit-border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-topleft: 10px;
}

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

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

.dark
{
  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;
}
.widget.unbordered_widget .content > .round_bottom
{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.widget.untitled_widget .dark
{
  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-color: rgba(0,0,0,0.1); */
  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  MOD: johno@litany.com 2/24/2010: Added the dialog section **/

.dialog {
	font-family: Arial, sans-serif;
	font-size: 0.9em;
}

.input {
	width: 120px;
}

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

/** Widgets **/

/** Business List Widget **/

.business_list_widget h3
{
  font-weight: bold;
}
.business_listing_widget_business_listing
{
  width: 100%;
}
.business_list_widget_pagination
{
	clear: both;
}

.business_signup_widget .content
{
  margin-left: 40px;
  margin-right: 40px;
  padding-left: 0px;
  padding-right: 0px;
}
.business_signup_widget .widget_help_text
{
	margin-left: -40px;
	margin-right: -40px;
}

.biz_listing_signup_examples
{
  overflow: hidden;
}
.business_signup_widget_option_list label,
.business_summary_widget_option_list label
{
  display: block;
  margin-bottom: 1em;
}
.business_signup_widget_option_list emph,
.business_summary_widget_option_list emph
{
  font-weight: bold;
}
.business_signup_widget_description
{
  font-size: 1.25em;
  color: #333;
}

.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;
}

/** Family Widget **/
.family_member_relation
{
  font-style: italic;
  color: gray;
}

/*-- Right column --*/

/** User Picture Widget **/

.user_picture_widget .user_photo
{
  width: 100%;
  text-align: center;
  overflow: hidden;
}

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

/** My Photo Widget **/
.my_photo_widget_upload_dialog {
  width: 300px;
  height: 128px;
}

tbutton:hover {  /* MOD: johno@litany.com 2/27/10: Should replace message_button */
	cursor:pointer;
	border: 1px outset #FFFFFF;
}

tbutton img {  /* MOD: johno@litany.com 2/25/10: Added */
	vertical-align:middle;
}

.message_button {  /* MOD: johno@litany.com 2/25/10: Added */
}

.message_button:hover {  /* MOD: johno@litany.com 2/25/10: Added */
	cursor:pointer;
	border: 1px outset #FFFFFF;
}

.message_button img {  /* MOD: johno@litany.com 2/25/10: Added */
	vertical-align:middle;
}

/*
.expired {
	background-color:#FFCCCC;
}
*/

.contact_info_widget .form_label { /* MOD: johno@litany.com 2/24/2010: Added */
	min-width: 90px;
	width: auto !important;
	width: 90px;
	float:left;
}

.dialog_section .form_label { /* MOD: johno@litany.com 5/5/2010: Added */
	min-width: 112px;
	width: auto !important;
	width: 112px;
	float:left;
}

.form_field_block { /* MOD: johno@litany.com 2/24/2010: Added */
	float:left;
}

.form_field {
	display: inline;
}

.friend_list ul
{
	list-style: none;
}

.friend_list ul li span
{
	margin-right: 10px;
}

.friend_list table td img, .family_list table td img
{
	max-width: 75px;
}

.user_picture img
{
	max-width: 175px;
}

.questionnaire .content ul
{
	margin: 10px 0;
	list-style: none;
}

.questionnaire .content ul li.question
{
	font-weight: bold;
}

.questionnaire .content ul li.answer
{
	font-style: italic;
}

.questionnaire_admin .content ul
{
	list-style: none;
	margin: 0;
}

.questionnaire_admin .content ul li
{
	padding: 8px 0 5px 0;
	border-top: 1px solid #ccc;		
	border-bottom: 1px solid #ccc;
}

/** Quiz widget **/

/** Quiz Report Widget **/

/** Business list widget **/

.biz_listing {
  margin-left: -11px;
  margin-right: -11px;
  padding: 0px;
/*   background-color: gray; */
}
.business_list_widget_col:first-child
{
  border-left: none;
}
.business_list_widget_col > *
{
  margin-right: 10px;
  margin-left: 10px;
}
.business_list_widget_col
{
  width: 294px;
  padding: 1px;
  float: left;
  margin: 10px;
}

.biz_listing h3 {
  font-weight: bold;
  padding: 5px 10px 0px 10px;
}
.biz_listing .listing
{
  padding: 5px 10px 5px 10px;
  margin: 0px;
}

/*
.biz_listing table td img
{
  max-width: 70px;
}
*/

.biz_listing .user_photo
{
  width: 70px;
}

.biz_listing .full_ad
{
  border: 2px solid #333;
  margin-bottom: 20px;
}

.biz_listing .full_ad img
{
  max-width: 250px;
}

ul.pagination
{
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.pagination li
{
  display: inline;
}

ul.pagination li a
{
  font-size: 1.2em;
  color: #fff;
  padding: 0 3px;
}

ul.pagination li a:hover
{
  color: #000;
}

ul.paginations li a.current, ul.pagination li a.current:hover
{
  color: #333;
  text-decoration: none;
}

table#member_nav td
{
  width: 33%;
}

table.member_list
{
	margin-top: 10px;
}
#member_list table td
{
  padding: 5px;
  text-align: center;
}

#member_list table td .member
{
  background: #ebebeb;
  border: 1px solid #888;
  padding-top: 1.25em;
}

#member_list table td img
{
  max-width: 150px;
}

#biz_listing_signup_examples img
{
	max-width: 450px;
}

/** ** Text Widget **/

.text_dialog textarea {
	height: 150px;
}

/** ** Image Widget ** **/
.image_widget
{
	text-align: center;
}

.image_widget .content img
{
  width: 100%;
}

.image_widget .content .image_widget_photo_wrap
{
  width: 100%;
  overflow: auto;
  display: block;
  position: relative;
 /*  border: 1px solid red; */
}

.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 {  /* MOD: johno 5/5/2010: Added */
	margin: 5px 0px 5px 0px;
}

/** Alert Widget **/
.alert_widget h4
{
  font-weight: bold;
}
.alert_widget_new
{
  color: red;
  font-weight: bold;
}
.alert_widget_time
{
  font-style: italic;
}
.alert_widget_alert_list a
{
  text-decoration: none;
}
.alert_widget_alert_list a:hover
{
  text-decoration: underline;
}
.alert_widget_clear_all
{
  text-align: right;
}
.alert_widget_clear_all a
{
  cursor: pointer;
  display: block;
  width: 5em;
  margin-left: auto;
  margin-right: 0px;
  border: 1px solid black;
  background-color: #CCC;
  text-align: center;
  padding: .1em;
  font-weight: bold;
  text-decoration: none;
  color: #000;
  font-size: smaller;
}
.alert_widget_clear_all a:active
{
  background-color: #BBB;
}


/** ** Team Widget ** **/
.team_members_list ul, .team_members_list ul li {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.team_member_info p.title
{
  margin: 0px;
  padding: 0px;
}
.team_member_info p.name
{
  margin: 0px;
  padding: 0px;
}

.team_members_list .team_member_info .name {
	font-weight: bold;
	font-size: 14px;
}
.team_members_list .team_member_info .title {
	font-size: 14px;
}
.team_members_list .team_member_info .actions a {
	text-decoration: none;
}

/** ** Calendar Widget ** **/

/* Prayer Widget Stuff */


/** ** Group Widget ** **/
.group_widget_join_link,
.group_widget_email_link,
.group_widget_leave_link
{
  float: right;
  padding-left: 5px;
}

.members_dialog_div .group_member
{
  clear: both;
}

.members_dialog_div .group_member_image
{
  height: 50px;
  overflow: hidden;
  float: left;
}

.members_dialog_div .user_photo
{
	width: 90px;
}

.members_dialog_div .group_member_image img
{
	max-width: 50px;
  padding-right:  10px;
  margin-bottom: 10px;
}
.group_widget_dialog_members_wrapper
{
  max-height: 200px;
  overflow: auto;
}
.group_widget_dialog_members_wrapper > table
{
}

/** ** Friend Widget ** **/

.friend_widget_join_link, .friend_widget_email_link
{
  float: right;
  padding-left: 5px;
}

.friends_dialog_div .friend_member
{
  clear: both;
}

.friends_dialog_div .friend_member_image
{
  height: 50px;
  overflow: hidden;
  float: left;
}

.friends_dialog_div .user_photo
{
	width: 90px
}

.friends_dialog_div .friend_member_image img
{
	max-width: 50px;
  padding-right:  10px;
  margin-bottom: 10px;
}

/** General Formatting **/

.indent0 
{
	padding: 0;
}
.indent1 
{
	padding: 0 0 0 20px;
}
.indent2 
{
	padding: 0 0 0 40px;
}

/* 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;
}
.label50 {
	width: 50px;
	float: left;
	text-align: right;
	margin-right: 5px;
}

/** Church Directory Widget **/
.church_directory_widget_no_matches
{
  font-weight: bold;
  text-align: center;
}
.church_directory_widget_slide
{
  left: 0px;
  top: 0px;
}
.church_directory_widget .person
{
  width: 110px;
}
.church_directory_widget .person .user_photo
{
  width: 110px;
  height: 165px;
}

.church_directory_widget_content
{
  width: 100%;
}

.church_directory_widget_slide
{
  width: 100%;
}


/**** MOD: johno 10/14/2010: commented out
label[title]
{
  color: #039;
}
*****/
/** **/
.new_page_widget_parent_dropdown select
{
  width: 100%;
  max-width: 100%;
}

/** Photo Album Widget **/

/** Approval Widget **/
.widget.approval_widget h1
{
  font-size: 16pt;
}
p.approval_widget_name_label
{
  font-weight: bold;
  padding: 3px;
  position: absolute;
  top: 0px;
  left: 70px;
}

.approval_widget_friend_request
{
  position: relative;
  min-width: 130px;
  width: auto !important;
  width: 130px;
  width: 220px;
  float: left;
}
.approval_widget_request_controls
{
  position: absolute;
  left: 70px;
  bottom: 0px;
}
.approval_widget .user_photo
{
  width: 64px;
  height: 64px;
  overflow: hidden;
  text-align: center;
}
.approval_widget .user_photo img
{
  float: left;
  width: 64px;
  margin: 0px;
  padding: 0px;
}

/** Questionnaire Admin Widget **/
.questionnaire_admin_widget input.question
{
  width: 100%;
}
.questionnaire_admin_widget_move_question_up,
.questionnaire_admin_widget_move_question_down
{
  margin: 0px;
  padding: 0px;
}

/** Questionnaire Widget **/
.questionnaire_widget_qa p
{
  line-height: 1.25em;
  margin: 0px;
  padding: 0px;
}
.questionnaire_widget_question
{
  font-weight: bold;
}
.questionnaire_widget_answer
{
  font-style: italic;
}
.questionnaire_widget input.answer
{
  width: 97%;
}

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

/** Elist Signup Widget **/

/** Document Widget **/
.document_widget_description
{
  padding-left: 10px;
}
.document_file .edit, .document_file .delete
{
  visibility: hidden;
}
.document_file:hover .edit, .document_widget .document_file:hover .delete
{
  visibility: visible;
}
.document_widget_audio_player
{
  margin-left: .5em;
}
.document_widget_uploaders
{
  padding: 0;
}
.document_widget_uploaders > div, .document_widget_uploaders > object
{
  height: 30px;
  display: block;
  float: left;
  padding: 0;
  margin: 0 10px 0 0;
}
.document_widget_uploaders > div > a
{
  line-height: 30px;
}

/** Store Item Widget **/
/*
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;
}

/** Admin Theme Widget **/
/*  // MOD: johno 11-24-2010: Commented it out
.admin_theme_widget select
{
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}
*/
.admin_theme_widget .hf-file-chooser-field > input
{
	width: 50%; /*98%; MOD: johno 11-24-2010 */
}
.admin_theme_widget fieldset
{
  margin-left: 0px;
  margin-right: 0px;
  overflow: hidden;
}

.widget.ui-sortable-helper
{
  /* max-width: 300px; */
  max-height: 200px;
  overflow: hidden;
	display: block;
/* 	z-index: 199; */
  background-color: #FFF;
  border: 1px solid black;
}
#color_selector
{
  z-index: 5000 !important;
}

/*
.widget {
  background-color: transparent;
  -webkit-border-image: url('border_image.png') 20 20 20 20 / 4 4 4 4;
}
*/
.wbg{
  position: absolute;
  z-index: -1;
}
.widget .wbg-t{
  background-image: url('/images/border-images/t.png');
  background-repeat: repeat-x;
  height: 50px;
  width: 100%;
  top: 0px;
}
.widget .wbg-tr{
  background-image: url('/images/border-images/tr.png');
  background-repeat: mo-repeat;
  height: 50px;
  width: 50px;
  top: 0px;
  right: 0px;
}
.widget .wbg-r{
  background-image: url('/images/border-images/r.png');
  background-repeat: repeat-y;
  height: 100%;
  width: 50px;
  right: 0px;
}
.widget .wbg-rb{
  background-image: url('/images/border-images/rb.png');
  background-repeat: no-repeat;
  height: 50px;
  width: 50px;
  bottom: 0px;
  right: 0px;
}
.widget .wbg-b{
  background-image: url('/images/border-images/b.png');
  background-repeat: repeat-x;
  height: 50px;
  width: 100%;
  bottom: 0px;
}
.widget .wbg-bl{
  background-image: url('/images/border-images/bl.png');
  background-repeat: no-repeat;
  height: 50px;
  width: 50px;
  top: 0px;
  left: 0px;
}
.widget .wbg-l{
  background-image: url('/images/border-images/l.png');
  background-repeat: repeat-y;
  height: 100%;
  width: 50px;
  left: 0px;
}
.widget .wbg-lt{
  background-image: url('/images/border-images/lt.png');
  background-repeat: no-repeat;
  height: 50px;
  width: 50px;
  top: 0px;
  left: 0px;
}

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

.widget.huddlefish {     /* MOD: johno 11-23-2010: Added orange widgets and titlebars for huddlefish tag */
	border-color: #ffb200;
}
.widget.huddlefish .dark {
	background-color: #ffb200;
	background-image: none;  /* MOD: johno 12-1-2010: Added */
}
.widget.text_widget.huddlefish .content img {  /* MOD: johno 11-23-2010: Make images in huddlefish text widgets float left */
	float: left;
	padding: 0px 20px 20px 20px;
}

.widget.admin_theme_widget .color_picker { /* MOD: johno 11-24-2010: Added */
	display: inline;
	min-width: 16px;
	width: 16px;
	float: left;
}

#ui-datepicker-div.ui-datepicker {
  display:none;
}

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