/** * * Plugin: Supa Flier  * Version: 1.0 * Release: 12/6/2009 9:42:20 PM * Cms: e107.org * Author: Luca Filosofi > aSeptik * Home: http://ask.altervista.org * Mail: aseptik@gmail.com      * */
#supaflier-modal-content {
	display: none;
	height: 350px;
	width: 500px;
}

	.cutflier {
  width:400px;
  height:100px;
  overflow:hidden
  }
#supaflier-modal-content .smalltext {
	color: #fff;
}
#supaflier-modal-content td {
	color: #fff;
	padding: 5px 0 5px 0
}
#add_flier_placeholder .sf_button, #supaflier-modal-content .sf_button, #msg_edit .sf_button {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 5px 5px 20px;
	border: 1px solid #444;
	background-color: #444;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}
#supaflier-modal-content select, #supaflier-modal-content input {
	font: normal normal 14px "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	outline: 0;
	padding: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #ccc
}
/* Overlay */
#simplemodal-overlay {
	background-color: #333;
	cursor: pointer
}
/* Container */
#simplemodal-container {
	font: normal normal 14px "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	color: #bbb;
	background-color: #333;
	border: 4px solid #444;
	padding: 12px;
}
#simplemodal-container code {
	background: #141414;
	border-left: 3px solid #65B43D;
	color: #bbb;
	display: block;
	margin-bottom: 12px;
	padding: 4px 6px 6px;
}
#simplemodal-container a {
	color: #ddd;
}
#simplemodal-container a.modalCloseImg {
	background: url(../img/x.png) no-repeat;
	width: 25px;
	height: 29px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -15px;
	right: -16px;
	cursor: pointer;
}
#simplemodal-container #basic-modal-content {
	padding: 8px;
}
#add_flier_placeholder td {
	padding: 5px 0 5px 0
}
#add_flier_placeholder select, #add_flier_placeholder input {
	font: normal normal 14px "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	outline: 0;
	padding: 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #ccc
}
#add_flier_placeholder {
	font: normal normal 14px "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 10px 0 0 10px;
	float: left;
	width: 450px;
	min-height: 100px;
	background: #F0F0F0;
	border: 1px solid #ccc
}
.flier {
	margin: 30px auto 30px auto;
	width: 400px;
	height: 602px;
	clear: both
}
.flier a {
	clear: both;
	padding: 0;
	margin: 0;
}
.gigya_btn img {
  cursor:pointer;
	padding: 0;
	margin: 0;
	width: 400px;
	height: 51px;
}
#fliers_images_container {
	margin: 10px 0 0 0;
	width: 100%;
	display: none;
}

ul#sortable {

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

ul.display li .flier_mid a.hide_del, ul.listview li .flier_mid a img.hide_img {
	display: none
}



ul.listview li .flier_mid {
	font: normal normal 14px "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #F0F0F0;
	border: 1px solid #ccc;
	color: #fff;
	cursor: move;
	width: 98%;
	margin: 10px;
	height: 40px;
}
ul.listview li .flier_mid a.sf_a_edit {
	background: #444 url('../img/process.png')  no-repeat 5px 5px;
}
ul.listview li .flier_mid a.sf_a_del {
	background: #444 url('../img/trash.png')  no-repeat 5px 5px;
}
ul.listview li .flier_mid a.sf_a_id {
	background: #444;
	padding:5px;
}
ul.listview li .flier_mid a {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 5px 5px 30px;
	text-decoration: none;
	color: #fff;
	float: left;
	margin: 5px
}
ul.listview li .flier_mid a .desc {
	display: none;
}
ul.listview li .flier_mid a .more {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	float: left;
	padding: 0 5px 0 5px;
}
ul.listview li .flier_mid span.sf_span_title {
	font: normal italic 14px "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	float: left;
	padding: 10px;
	color: #333;
}
/** * *  display * */
ul.display {
	margin: 0;
	padding: 0;
	width: 100%;
}
ul.display li {
	margin: 10px 0 0 10px;
	overflow: hidden;
	float: left;
	position: relative;
	display: inline;
	list-style: none;
	padding: 0;
}
ul.display li .flier_mid span.sf_span_title {
	display: none;
}
#ajaxLoader {
	width: 16px;
	height: 11px;
	background: #fff url('../img/ajax-loader.gif')  no-repeat 5px 5px;
}

ul.display li .flier_mid a {
	text-decoration: none;
	float: left
}
ul.display li .flier_mid a:hover {
	 cursor: move;
}
ul.display li .flier_mid a img {
	float: leftmargin: 0;
	border: none;
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
ul.display li .flier_mid a .more {
		border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
  padding: 5px 5px 5px 30px;
	background: #000 url('../img/process.png')  no-repeat 5px 5px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 1.2em;
	color: #fff;
	filter: alpha(opacity=65);
	opacity: .65;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=65)";
}
ul.display li .flier_mid a:hover .desc {
	display: block;
	font-size: 1.2em;
	padding: 10px 0;
	background: #111;
	filter: alpha(opacity=75);
	opacity: .75;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=75)";
	color: #fff;
	position: absolute;
	bottom: 11px;
	left: 11px;
	padding: 10px;
	margin: 0;
	width: 566px;
	border-top: 1px solid #999;
	cursor:pointer
}
ul.display li .flier_mid a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size: 1.5em;
}
ul.display li .flier_mid a .desc {
	display: none;
}
ul.display li .flier_mid a:hover .more {
/*	visibility: hidden;  */
  cursor:pointer
}
#sf_add_flier {
	background: url('../img/add_item.png') no-repeat 5px 5px;
}
#sf_update_flier, #sf_save_pref {
	background: url('../img/accept_item.png') no-repeat 5px 5px;
}
#msg_error {
	background: #F0F0F0 url('../img/bulb_red.png') no-repeat 15px 15px;
}
#msg_success {
	background: #F0F0F0 url('../img/bulb_green.png') no-repeat 15px 15px;
}

#msg_upload {
background: #F0F0F0 url('../img/puzzle.png') no-repeat 15px 15px;
}
#msg_upload:hover {
background: #F0F0F0 url('../img/puzzle green.png') no-repeat 15px 15px;
}
#msg_chart {
	background: #F0F0F0 url('../img/pie_chart.png') no-repeat 15px 15px;
}
#msg_chart:hover {
	background: #F0F0F0 url('../img/pie_chart_blue.png') no-repeat 15px 15px;
}
#msg_edit {
	background: #F0F0F0 url('../img/gear.png') no-repeat 15px 15px;
}
#msg_edit:hover {
	background: #F0F0F0 url('../img/gear_blue.png') no-repeat 15px 15px;
}
#msg_welcome {
	background: #F0F0F0 url('../img/bulb.png') no-repeat 15px 15px;
}
#msg_welcome:hover {
	background: #F0F0F0 url('../img/bulb_blue.png') no-repeat 15px 15px;
}
#msg_edit {
	text-align: right;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	margin: 10px;
	width: auto;
	border: 1px solid #ccc;
	height: 50px;
}
#msg_welcome, #msg_success, #msg_chart, #msg_error,  #msg_upload {
	height: 50px;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	margin: 10px;
	width: auto;
	border: 1px solid #ccc
}
#msg_welcome p, #msg_edit p, #msg_success p, #msg_chart p, #msg_error p {
	font: normal italic 14px "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	letter-spacing: 0.1em;
	height: 20px;
	margin: 15px 20px 15px 20px;
	width: auto;
}
#update_flier_form span.smalltext, #sf_save_form span.smalltext, #sf_add_form span.smalltext {
	font: normal italic 12px "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	letter-spacing: 0.1em;
}
/** * preview style *   */
#flier_preview_placeholder {
	font: normal normal 14px "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 0;
	margin: 10px 0 0 10px;
	float: left;
	width: 420px;
	min-height: 100px;
	min-height: 100px;
	background: #F0F0F0;
	border: 1px solid #ccc;
	text-align: center
}
#flier_preview {
	margin: 5px auto 5px auto;
	overflow: hidden;
	width: 400px;
	text-align: center
}
#flier_preview img {
	width: 400px;
	border: 0;
	padding: 0;
	margin: 0
}
#sf_mid_preview, #sf_down_preview, #sf_top_preview {
	width: 400px;
	float: left;
	clear: right;
}
/** * chart */
##flier_chart_legend_placeholder {
	float: left
}
#flier_chart_placeholder {
	margin-left: 10px;
}

#flier_chart_placeholder .chart {
margin:10px 10px;
}
/**  * switcher  */
.swap_listview {
	background: url('../img/zoom_out_magnifier.png')  no-repeat 5px 5px;
}
.swap_display {
	background: url('../img/zoom_in_magnifier.png')  no-repeat 5px 5px;
}
#switch_view {
	margin: 10px 0;
}
select#sf_src {
	width: 325px;
}

.classWildfirePost {
width:400px;
height:300px
}

fieldset.sf_select { border:0;  margin: 10px 0; float:right}	
.sf_select label, .sf_select select, .sf_select .ui-select-menu { float: left; margin-right: 10px; }
.sf_select select { width: 200px; }
		
#images_delete {
list-style:none;
margin: 10px auto 10px auto;
}

#images_delete li {
  font: normal normal 14px "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #F0F0F0;
	border: 1px solid #ccc;
	color: #333;
	width: 300px;
	margin: 5px;
	padding: 5px;
	text-align:left
}

#images_delete span,
#images_delete img,
#images_delete a {
border:0;
margin:0;
padding:0;
vertical-align:middle;
}

#images_delete a {
float:right;
}
#fs_utils h1 {
 padding:5px;
 margin:20px;
  background: #000;
  color:cyan;
  font: normal italic 18px "Trebuchet MS", Helvetica, Jamrul, sans-serif;
}

#fs_utils p {
  padding:5px;
  margin:10px 20px 10px 20px;
  font: normal italic 16px "Trebuchet MS", Helvetica, Jamrul, sans-serif;
}

#fs_utils ul {
  font: normal normal 14px "Trebuchet MS", Helvetica, Jamrul, sans-serif;
  list-style:none;
  margin:20px;
  padding:20px 0 0 0;
  border-top:1px dashed #000;
}

#fs_utils ul li {
  padding:7px;
  border-bottom:1px dotted #000;
}

#fs_utils ul li a{
  text-decoration:none;
}

#fs_utils ul li strong {
  padding:0 5px 0 5px;
  margin:0 5px 0 5px;
  background: #000;
  color:cyan
}