/*
 * Select Movies/Theatre Block Style
 */
.buy-ticket-button {
	text-align: center;
	padding: 3px 0;
}
.buy-ticket-button a {
	background: #d81b22;
	padding: 5px 15px;
	color: #fff !important;
	text-decoration: none;
	font-size: 14px;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
}
.buy-ticket-button a:hover {
	background: #d81b22;
}
.filmibeat-db-celebs.weekend-movies a{
	font-size: 10px;
}
.filmibeat-cityselected {
	float: left;
	font-size: 14px;
	margin-right: 20px;
}
.filmibeat-cityselected a {
	background: url("/images/bookmyshow/seelct-bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	color: #666;
	display: block;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 30px;
	text-decoration: none;
	width: 155px;
}
.filmibeat-bookmyshow-container {
	background: #f7f7f7;
	border: 1px solid #d81b22;
	clear: both;
	height: 33px;
	margin-bottom: 20px;
	padding: 20px;
}
.filmibeat-myshow-choose {
	float: left;
	margin-right: 20px;
	font-size: 16px;
	color: #333;
	margin-top: 5px;
	font-weight: 600;
	cursor: pointer;
}
.filmibeat-myshow-seloption {
	float: left;
	position: relative;
	width:194px;
	height: 32px;
	border:none;
	background: url(/images/bookmyshow/seelct-bg.png) no-repeat;
}
.filmibeat-myshow-selectbox input {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	color: #000;
	cursor: pointer;
	font-family: "Open Sans",Georgia,Arial,Helvetica,sans-serif;
	font-size: 14px;
	padding: 5px;
}
#filmibeat-selectmovie {
	display: block;
}
#filmibeat-selectcinema, #filmibeat-myshow-movies {
	display: none;
}
#filmibeat-myshow-movies {
	width: 700px;
	position: absolute;
	top: 29px;
	left: 0;
	height: 350px;
	border: 1px solid #ccc;
	display: none;
	background: #fff;
	z-index: 100000;
	padding: 10px;
	overflow-y: hidden;
	overflow-x: scroll;
}
.filmibeat-myshow-movie-list {
	width: 1050px;
}
.filmibeat-myshow-movie-list ul {
	width: 330px;
	margin: 0 10px;
	float: left;
}
.filmibeat-myshow-movie-list ul li {
	list-style-type: none;
	padding: 4px 0;
	border-bottom: 1px solid #ccc;
	font-size: 13px;
	color: #000;
}
.filmibeat-myshow-movie-list ul li a {
	color: #000;
	text-decoration: none;
}
.filmibeat-myshow-movie-list ul li.movie-heading {
	border-bottom: 1px dashed #ccc;
	font-weight: 700;
	color: #e91b42;
	font-size: 16px;
}
#filmibeat-myshow-cinemas {
	background: #fff;
	border: 1px solid #ccc;
	display: none;
	height: 350px;
	left: 0;
	overflow-y: hidden;
	overflow-x: scroll;
	padding: 10px;
	position: absolute;
	top: 29px;
	width: 700px;
	z-index: 100000;
	float: left;
}
.filmibeat-myshow-cinema-list {
	width: 1050px;
}
.filmibeat-myshow-cinema-list ul {
	width: 330px;
	margin: 0 10px;
	float: left;
}
.filmibeat-myshow-cinema-list ul li {
	list-style-type: none;
	padding: 4px 0;
	font-size: 13px;
	color: #000;
}
.filmibeat-myshow-cinema-list ul li a {
	color: #000;text-decoration: none;
}
/*
 * Fancybox Popup
 */
#fancybox-overlay.overlay-fixed {
	bottom: 0;
	position: fixed;
	right: 0;
}
#fancybox-overlay {
	background: #222;
	display: none;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 10000;
	opacity: 0.9;
}
.fancybox-popup-container {
	padding: 10px 0;
	position: fixed;
	top: 10px;
	left: 10px;
	display: none;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	z-index: 99999;
	right: 10px;
	margin: auto;
	max-width: 600px;
}
.fancybox-popup {
	background: none repeat scroll 0 0 #ffffff;
	border: 3px solid transparent;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
	padding: 10px 15px;
	max-width: 600px;
	position: relative;
	margin: 0 auto;
	z-index: 99999;
}
.fancybox-popup ul li {
	/*min-height: 15px !important;
	border:none !important;*/
}
.popup-content {
	text-align: left;
}
#city_names_div, #city_names_inner_div {
	position: relative;
}
#city_names_div  .ui-autocomplete {
	top: -10px!important;
}
.selcity-heading {
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.selcity-heading h2 {
	color: #000;
	font-size: 20px;
	font-weight: 600;
	padding-bottom: 10px;    
	float: left;
}
.selcity-textbox {
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 14px;
	color: #333;
	width: 100%;
	box-sizing: border-box;
}
.selcity-selbox {
	padding-bottom: 10px;
}
.top-searched {
	font-size: 14px;
	color: #333;
	font-weight: 600;
	float: left;
	margin-right: 10px;
}
.top-searched-city {
	margin-left: 100px;
	font-size: 13px;
}
.top-searched-city a {
	color: #0066cc;
}
.top-searched-city a.allcities {
	color: #d81b22;
	font-weight: bold;
}
.close-popup a {
	text-indent: -9999px;
	background: url(/images/bookmyshow/close.png) no-repeat 0 0;
	width: 25px;
	height: 27px;
	position: absolute;
	top: -10px;
	right: -10px;
}
.disc {
	font-size: 12px;
	color: #333;
	padding: 5px;
}
#cities {
	display: block;
}
#states {
	display: none;
}
#states .selcity-textbox {
	float: right;
	width: 300px;
}
.selcity-left {
	float: left;
	width: 150px;
}
.selcity-states-right {
	float: right;
	width: 400px;
}
.selcity-lists {
	height: 300px;
	overflow: auto;
}
.selcity-lists ul li {
	list-style-type: none;
	padding: 4px 0;
	border-bottom: 1px solid #ccc;
	font-size: 13px;
}
.selcity-lists ul li a {
	color: #333;display: block;
}
.selcity-lists ul li a.selected {
	color: #d81b22;
	font-weight: bold;
}
.selcity-states-lists {
	height: 300px;
	overflow: hidden;
}
.selcity-states-lists h3 {
	color: #333;
	font-size: 14px;
	border-bottom: 1px solid #333;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 5px;
}
.selcity-states-lists ul {
	float: left;
	width: 180px;
	list-style-type: none;
	margin: 0 10px;
}
.selcity-states-lists ul li {
	list-style-type: none;
	padding: 4px 0;
	border-bottom: 1px dashed #ccc;
	font-size: 13px;
}
.selcity-states-lists ul li a {
	color: #333;
	display: block;
}
#movie_name_div .ui-autocomplete,#city_names_div .ui-autocomplete {
	min-height: 100px;
	height: 360px;
	overflow: auto;
	width: 650px!important;
	flex-direction: column;
	flex-wrap: wrap;
	top: 30px!important;
	left: 0!important;
}
#movie_name_div .ui-autocomplete-category , #city_names_div .ui-autocomplete-category {
	font-weight: bold;
	line-height: 1.5;
	margin: 0.8em 0 0.2em;
	padding: 0.2em 0.4em;
}
#city_names_div .ui-autocomplete{
	display: flex;
}
#city_names_inner_div .ui-autocomplete{
	display: flex;
	width: 600px;
	height:350px;
}
#theatre_name_div .ui-autocomplete{
	display: flex;
}
#movie_name_div .ui-autocomplete {
	display: flex;
}
#city_names_div .ui-widget , #movie_name_div .ui-widget {
	font-family: 'Open Sans', Verdana,Arial,sans-serif!important;
	font-size: 13px!important;
}
#city_names_div .ui-menu .ui-menu-item, #city_names_div .ui-autocomplete-category ,#movie_name_div .ui-menu .ui-menu-item, #movie_name_div .ui-autocomplete-category {
	padding: 2px!important;
	width: 350px;
}
#city_names_div .ui-menu .ui-menu-item, #city_names_div .ui-autocomplete-category, #city_names_inner_div .ui-menu .ui-menu-item, #city_names_inner_div .ui-autocomplete-category   {
	width: 150px;
}
#movie_name_div .ui-menu .ui-menu-item, #movie_name_div .ui-autocomplete-category {
	width: 200px;
}
#city_names_div .ui-menu .ui-menu-item a, #movie_name_div .ui-menu .ui-menu-item a {
	display: block;
	line-height: 1.1!important;
	padding: 0.2em!important;
	text-decoration: none;
}
#city_names_div .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active,#movie_name_div .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
	margin: 0px!important;
}


#movie_suggest_name_div .ui-autocomplete {
	min-height: 100px;
	height: 360px;
	overflow: auto;
	width: 200px;
	flex-direction: column;
	flex-wrap: wrap;
	top: 30px!important;
	left: 0!important;
}
#movie_suggest_name_div .ui-autocomplete-category {
	font-weight: bold;
	line-height: 1.5;
	margin: 0.8em 0 0.2em;
	padding: 0.2em 0.4em;
}
#movie_suggest_name_div .ui-autocomplete {
	display: flex;
}
#movie_suggest_name_div .ui-widget {
	font-family: 'Open Sans', Verdana,Arial,sans-serif!important;
	font-size: 13px!important;
}
#movie_suggest_name_div .ui-menu .ui-menu-item, #movie_suggest_name_div .ui-autocomplete-category {
	padding: 2px!important;
	width: 248px;
}
#movie_suggest_name_div .ui-menu .ui-menu-item a {
	display: block;
	line-height: 1.1!important;
	padding: 0.2em!important;
	text-decoration: none;
}
#movie_suggest_name_div .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
	margin: 0px!important;
}
/*
 * Buy ticket Popup
 */
#buyticket-overlay.buyticket-overlay-fixed {
	bottom: 0;
	position: fixed;
	right: 0;
}
#buyticket-overlay {
	background: #222;
	display: none;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 10000;
	opacity: 0.9;
}
.buyticket-popup-container {	
	border: 1px solid #ff0000;
	display: block;
	font-family: "Open Sans",sans-serif;
	left: 0;
	margin: auto;
	padding: 0;
	position: absolute;
	text-align: center;
	top: -120px;
	width: 573px;
	z-index:9999;
}
.highlight{
	display: block;
}
.buyticket-popup {
	background: none repeat scroll 0 0 #ffffff;	
	padding: 10px 15px; 
	position: relative;	
	margin: 0 auto;	
	z-index: 10000;
}
.buyticket-popup-content {
	text-align: left;
}
.buyticket-close-popup a {
	text-indent: -9999px;
	background: url(/images/bookmyshow/close.png) no-repeat 0 0;
	width: 25px;
	height: 27px;
	position: absolute;
	z-index:99;
	top: -10px;
	right: -10px;
	z-index: 2;
}

.buyticket-popup-content h2 , .popup-content h2 {
	color: #ff0000;
	font-size: 20px;
	padding-bottom: 2px;
}
.buyticket-popup-content h3, .popup-content h3 {
	color: #767676;
	font-size: 16px;
	font-weight:400;
	padding-bottom: 15px;	
}
.buyticket-dates-lists{
	background: #eee;
}
.buyticket-dates-lists ul li {
	list-style-type: none;
	float: left;
	margin: 10px 12px;
	width: 63px;
	padding:0;
	border: 1px solid #666;
	text-align: center;
	min-height: 0;
	height: auto;
}
.buyticket-dates-lists ul li a {
	display: block;
	text-decoration: none;
}
.buyticket-dates-lists ul.activated li {
	background: #efefef;
	height: auto;
}
.buyticket-dates-lists ul.activated li.active {
	background: #fff;
	opacity: 1;
	border: 1px solid #ed2d23;
}
.buyticket-month {
	color: #666;
	font-size: 16px;
	font-weight: 600;
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	text-transform: uppercase;
}
.buyticket-date {
	color: #fff;
	font-size:16px;
	font-weight: 400;
	background: #666;
	position: relative;
	line-height: normal;
}

.buyticket-dates-content .buyticket-details {
	display: none;
}
.buyticket-dates-content .buyticket-details.displayblock {
	display: block;
}
.buyticket-dates {
	float: left;
	width: 100px;
}
.buyticket-dates span {
	display: block;
	font-size: 14px;
	color: #666;
}
.buyticket-dates span.monthtext {
	font-size: 16px;
	color: #333;
	font-weight: 600;
}
.buyticket-timings {
	font-size: 16px;
	color: #0066cc;
	background:#eee;
}
.buyticket-timings span{
	color:#767676;
	font-size: 16px;
	font-weight: bold;
}
.buyticket-timings a {
	color: #0066cc;
	margin: 0 10px;	
	display: inline-block;
}
.buyticket-dates-lists ul.activated li.active .buyticket-date{
	background: #ff0000;
}
.buyticket-dates-lists ul.activated li.active .buyticket-date span{
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;	
	border-top: 10px solid #f00;
	display: block;
	position: absolute;
	left:21px;
}
.arrow-top{
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #f00;
	bottom: -10px;
	display: block;
	height: 0;
	left: 141px;
	position: absolute;
	width: 0;
}

/****** RIGHT INCLUDE AJAX *********/
.filmibeat-book-ticket-block {
	border: 1px solid #d81b22;
	padding: 10px;
	background: #f7f7f7;
	margin-bottom: 20px;
}
.filmibeat-textfield {
	padding-bottom: 8px;
	font-size: 16px;
	color: #000;
	font-weight: 600;
}
.filmibeat-buyticket-selcity, .filmibeat-buyticket-selmovie {
	border: 1px solid #a2a2a2;
	background: #fff url(/images/dropdown-arrow.jpg) no-repeat right center;
	height: 21px;
	padding: 3px;
	border-radius: 5px;
	font-size: 16px;
	color: #161616;
	font-weight: 400;
	position: relative;
	cursor: pointer;	
}
.filmibeat-buyticket-selcity{
	overflow: hidden;
}
.filmibeat-myshow-selectbox #right_movie_name {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	color: #000;
	cursor: pointer;
	font-family: "Open Sans",Georgia,Arial,Helvetica,sans-serif;
	font-size: 14px;
	padding: 1px 5px;
	width: 263px;
}
#city_id_select {
	width: 295px;
	padding: 1px;
	border: 0 none;
	font-family: "Open Sans",Georgia,Arial,Helvetica,sans-serif;
	font-size: 14px;
	background: transparent;
	color: #666;
}
#city_final_list {
	height: 250px;
	overflow: auto;
}
#city_final_list li {
	float: left;
	list-style-type: none;
	width: 200px;
	padding: 4px 0;
	font-size: 13px;
	border: 0 none;
	border-bottom: 1px dashed #CCCCCC;
	margin: 0 20px 0 0;
	height: auto;
}
#city_final_list li a {
	color: #333;
	display: block;
}
.filmibeat-othercities-selbox {
	background: none repeat scroll 0 0 #F1F1F1;
	border: 1px solid #A2A2A2;
	border-radius: 5px;
	color: #000000;
	font-size: 14px;
	padding: 5px;
	width: 250px;
}
.bgcolor12 span {
        background: #D81B22;
}
.filmibeat-movie-book-rightblock {
	margin-bottom: 20px;
}
.filmibeat-right-book-heading {
	color: #FFFFFF;
	float: left;
	font-size: 20px;
	font-weight: 600;
	min-width: 120px;
	padding: 2px 20px;
	text-align: center;
}

.rightblock-movieticket  #movie_suggest_name_div .ui-autocomplete {
    left: inherit !important;
    right: 0;
    width: 840px !important;
}
 .filmibeat-buytkt-article {
                                    margin: 8px 0;
                                    border: 1px solid #a2a2a2;
                                    background: #f7f7f7;
                                    padding: 10px;
                                }
                                .filmi-article-selcity {
                                    width: 150px;
                                    float: left;
                                    margin-right: 10px;
                                }
                                .filmi-movie-title {
                                    background: #eeeeee;
                                    border: 1px solid #d8d8d8;
                                    padding: 5px;
                                    text-align: center;
                                    font-size: 14px;
                                    color: #d91c23;
                                    border-radius: 5px;
                                    margin-left: 170px;
                                }
                    .buytkt-textbox {
                            background: #fff url("../../images/dropdown-arrow.jpg") no-repeat scroll right center;
                            border: 1px solid #a2a2a2;
                            border-radius: 3px;
                            color: #161616;
                            cursor: pointer;
                            font-size: 14px;
                            font-weight: 400;
                            height: 21px;
                            padding: 3px;
                            position: relative;
                        }