#customization {margin: 0 0 20px 0;}

.section_title {
	display: inline-block;
	padding-left: 20px;
	font-size: 14px;
}
	
	#title_settings {background: url(/images/widget/v1/icon_settings.png) 0 0 no-repeat;}
	#title_preview {
		margin-bottom: 10px;
		background: url(/images/widget/v1/icon_preview.png) 0 0 no-repeat;
	}

#events_customization {margin: 0 !important;}

.hidden {display: none;}

a.alpha,
input[type="submit"],
input[type="button"] {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 3px;
    border: none;
    background-color: #4c4c4c;
    background-image: url(/images/widget/v1/button_overlay.png);
    background-position: 0 -40px;
    background-repeat: repeat-x;
    color: #fff !important;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none !important;
    -moz-transition: all .1s ease;
    -webkit-transition: all .1s ease;
    -ms-transition: all .1s ease;
    transition: all .1s ease;
    font-family: Helvetica, Arial, sans-serif;
}

a.alpha:hover, input.alpha:hover {background-position: 0 0; cursor: pointer;}

.option {
	float: left;
	margin-right: 30px;
	position: relative;
}

	.option p {
		margin-bottom: 10px;
		color: #8c8c8c;
		font-size: 11px;
	}

	.option label.error {
		clear: both;
		float: left;
		font-size: 11px;
		position: absolute;
		left: 0;
		bottom: -8px;
		width: 260px;
		text-align: left;
	}

.option.no_right_margin {margin-right: 0;}

.option_second_row{float: none;}

#full_height_option {
	margin-right: 5px;
}

#or_divider {
	float: left;
	padding: 0 10px;
	height: 60px;
	line-height: 115px;
	color: #8c8c8c;
	font-size: 11px;
}

#publish_share {
	margin: 40px 0 0 0;
	padding: 11px 10px 9px 10px;
}

	#publish_share:hover {cursor: pointer;}

#publish_events_widget {
	width: 600px;
}

	#publish_events_widget h2 {
		display: inline;
		float: left;
	}

	#edit_widget {float: right;}

	#embed_code {
		margin: 20px 0 10px 0;
		background: url(/images/widget/v1/icon_embed_code.gif) 0 0 no-repeat;
	}

	#embed_text {
		width: 590px;
		height: 100px;
		margin: 0 0 20px 0;
		border-radius: 0;
		word-wrap: break-word;
	}

	#direct_link {
		margin-bottom: 10px;
		background: url(/images/widget/v1/icon_direct_link.gif) 0 0 no-repeat;
	}

	#direct_link_text {
		width: 590px;
		border-radius: 0;
		margin: 0 0 20px 0;
	}

	#share_title {
		height: 18px;
		margin-bottom: 10px;
		background: url(/images/widget/v1/icon_share.gif) 0 0 no-repeat;
		line-height: 22px;
	}

	.button.share_button {
		height: 40px;
		margin-right: 10px;
		padding: 0 10px 0 30px;
		font-weight: bold;
		color: #fff;
		line-height: 44px;
	}

	.button.share_button:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
        -moz-opacity: .7;
		opacity: .7}

	#share_facebook {
		background: url(/images/widget/v1/share_icon_facebook.png) 11px center no-repeat #00549e;
	}

	#share_twitter {
		background: url(/images/widget/v1/share_icon_twitter.png) 9px center no-repeat #4099ff;
	}

	#share_google {
		background: url(/images/widget/v1/share_icon_google.png) 11px center no-repeat #c43b2d;
	}

/*------------------ Width Section ------------------*/

#preset_widths {
	width: 345px;
	height: 36px;
}

	#preset_widths div {
		height: 35px;
		width: 82px;
		float: left;
		/*margin: 0 !important;*/
		border: 1px solid #C1C1C1;
		border-right: none;
		background: url(/images/widget/v1/preset_widths_bg.gif) 0 bottom no-repeat;
		text-align: center;
		line-height: 35px;
		font-size: 11px;
		font-weight: bold;
		color: #5D5D5D;
		cursor: pointer;
	}

		#preset_widths div.selected {color: #fff;}

	#preset_widths #width_320 {
		border-radius: 6px 0 0 6px;
	}

		#preset_widths #width_320.selected {background-position: 0 top;}

	#preset_widths #width_460 {
		background-position: -82px bottom;
	}

		#preset_widths #width_460.selected {background-position: -82px top;}

	#preset_widths #width_640 {
		
		background-position: right bottom;
	}

	#preset_widths #width_640.selected {background-position: -02px top;}

	#preset_widths #width_100 {
		border-radius: 0 6px 6px 0;
		border-right: 1px solid #C1C1C1;
		background-position: right bottom;
	}

		#preset_widths #width_100.selected {background-position: right top;}

#custom_width, #custom_height {width: 100px;}

/*------------------ Theme Section ------------------*/

#theme {
	width: 168px;
	height: 36px;
}
	#light_theme, #dark_theme {
		height: 35px;
		width: 82px;
		margin: 0 !important;
		border: 1px solid #C1C1C1;
		font-weight: normal;
		text-align: center;
		line-height: 35px;
		font-size: 11px;
		color: #5D5D5D;
		text-decoration: none;
		vertical-align: central;
		float: left;
		cursor: pointer !important;
		background: url(/fanpage/img/editor/view_edit_background.gif) left bottom no-repeat;
		font-weight: bold;
		font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
		-moz-transition: none;
		-webkit-transition: none;
		-ms-transition: none;
		transition: none;
	}
		#light_theme {
			border-right:none !important;
			-moz-border-radius: 6px 0 0 6px;
			-webkit-border-radius: 6px 0 0 6px;
			border-radius: 6px 0 0 6px;
		}
		#dark_theme {
			-moz-border-radius: 0 6px 6px 0;
			-webkit-border-radius: 0 6px 6px 0;
			border-radius: 0 6px 6px 0;
			background-position: right bottom;
		}

		#light_theme.selected, #theme #dark_theme.selected {color:#fff;}
		#light_theme.selected {background-position: left top;}
		#dark_theme.selected {background-position: right top;}

/*------------------ Gating type Section ------------------*/

#gating_type {
	width: 228px;
	height: 36px;
}
	#email_gating_type, #subscriber_gating_type {
		height: 35px;
		width: 111px;
		margin: 0 !important;
		border: 1px solid #C1C1C1;
		font-weight: normal;
		text-align: center;
		line-height: 35px;
		font-size: 11px;
		color: #5D5D5D;
		text-decoration: none;
		vertical-align: central;
		float: left;
		cursor: pointer !important;
		background: url(/fanpage/img/editor/view_edit_background.gif) left bottom no-repeat;
		font-weight: bold;
		font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
		-moz-transition: none;
		-webkit-transition: none;
		-ms-transition: none;
		transition: none;
	}
		#email_gating_type {
			border-right:none !important;
			-moz-border-radius: 6px 0 0 6px;
			-webkit-border-radius: 6px 0 0 6px;
			border-radius: 6px 0 0 6px;
		}
		#subscriber_gating_type {
			-moz-border-radius: 0 6px 6px 0;
			-webkit-border-radius: 0 6px 6px 0;
			border-radius: 0 6px 6px 0;
			background-position: right bottom;
		}

		#email_gating_type.selected, #gating_type #subscriber_gating_type.selected {color:#fff;}
		#email_gating_type.selected {background-position: left top;}
		#subscriber_gating_type.selected {background-position: right top;}

/*------------------ Color Picker ------------------*/

.picker {
	width: 70px;
	float: left;
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	padding: 5px;
	box-shadow: #eee 0px 3px 5px inset;
	font-size: 14px;
}

.miniColors-trigger {
	height: 36px;
	width: 36px;
	float: left;
	border-radius: 3px;
	background: url(/fanpage/img/fb_modules/trigger.png) center no-repeat;
	vertical-align: middle;
	margin-left: 5px;
	display: inline-block;
}

.miniColors-selector {
	position: absolute;
	width: 175px;
	height: 150px;
	background: #FFF;
	border: solid 1px #BBB;
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
	box-shadow: 0 0 6px rgba(0, 0, 0, .25);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	z-index: 999999;
}

.miniColors-selector.black {
	background: #000;
	border-color: #000;
}

.miniColors-colors {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 150px;
	height: 150px;
	background: url(/fanpage/img/fb_modules/gradient.png) center no-repeat;
	cursor: crosshair;
}

.miniColors-hues {
	position: absolute;
	top: 5px;
	left: 160px;
	width: 20px;
	height: 150px;
	background: url(/fanpage/img/fb_modules/rainbow.png) center no-repeat;
	cursor: crosshair;
}

.miniColors-colorPicker {
	position: absolute;
	width: 11px;
	height: 11px;
	background: url(/fanpage/img/fb_modules/circle.gif) center no-repeat;
}

.miniColors-huePicker {
	position: absolute;
	left: -3px;
	width: 26px;
	height: 3px;
	background: url(/fanpage/img/fb_modules/line.gif) center no-repeat;
}

/*------------------ Preview ------------------*/

#custom_background {
}

	#custom_background p {
		margin-right: 10px;
	}

#preview_content {
	padding: 20px;
	background: #fff;
	border: 1px solid #D1D2D1;
	border-radius: 5px;
	text-align: center;
}

	#preview_content span {
		float: left;
	}

#add_events {
	float: right;
}

/* ------------------------- */

#choose_left, #choose_right {width: 440px;}

#choose_left {float: left;}

/*	#choose_left div {
		max-height: 300px;
	    overflow: auto;
	}*/

#choose_right {float: right;}

#choose_left .tiny_tooltip {width: 450px;}

#choose_left .tiny_tooltip_arrow, #choose_left .tiny_tooltip_arrow_border {left: 220px;}

/*---------------- Left Col ----------------*/

#campaigns td,
#campaigns th {
	padding: 5px;
}

tr:nth-child(even){background:#f6f4f4}

#campaigns th {text-align: center;}

.choose_radio {text-align: center;}
	.choose_radio input {margin: 0;}

table tr:last-child td {border-bottom: none;}
th:last-child {border-right: none;}

/*---------------- Right Col ----------------*/

#_video_url {
	width: 293px;
}

#upload_video {margin-right: 0;}

.video_data {float: left;}

.video_length {text-align: center;}

#video_preview_image {
	display: none;
	width: 300px;
}

.selected_video img {float: left;}

.selected_video div {
	float: right;
	margin-top: 100px;
}

.selected_video a {float: right;}


 /*------------- preset width ---------------*/
 #preset_widths #width_640 {
    border-radius: 0 6px 6px 0;
	border-right: 1px solid #C1C1C1;
	background-position: right bottom;
}
#preset_widths #width_640.selected {background-position: right top;}
#preset_widths {
	width: 250px;
}