.header_main{ width:100%; height:auto; overflow:hidden; background:#222222;}
.header{ height:auto; overflow:hidden; padding:5px 0;}
.header>.logo{ float:left; height:100%;}
.header>.logo img{ width:100%; height:auto;}
.header>.login{ float:right; padding-top:4px; text-align:right; width:auto;}
.header>.login a span { padding:8px 12px; font-weight:bold; color:#FFFFFF; background:#5e5e5e;text-shadow: 0px 2px 1px rgba(69, 69, 69, 1); border:#5e5e5e 1px solid;}
.header>.login a:hover span { text-decoration:none; color:#e7e7e7; background:#535353; border:#5e5e5e 1px solid;}
.header>.login span{ display:block;}
.header>.login strong{ display:none;}

.main_menu{ width:100%; height:40px; background:url(../images/new/menu_bg.jpg) repeat-x;}
.navbar-brand{ display:none;}
.main_menu .caret{ margin-top:-4px;}

.slider_main{ width:100%; height:auto; background:url(../images/new/slider_bg.png); background-size:cover; clear:both;}

.content{ height:auto; overflow:hidden;}
.moviecategory{ margin:10px 0;}
.moviecategory>.title{ width:100%; height:45px; line-height:45px; border-bottom:#E5E2E2 1px solid;}
.moviecategory>.title>h2{ float:left; font-size:18px; margin:0px; font-weight:bold; padding-left:4px; line-height:45px;}
.moviecategory>.title>.listcount{float:right; padding-right:5px; color:#222;}
.moviecategory>.title>a{ float:right; padding-right:5px; color:#F00; text-decoration:underline;}
.moviecategory>.title>a:hover{ color:#ff9f00;}
.moviecategory>.main_tabs{ width:100%; height:auto; overflow:hidden;}
.moviecategory>.main_tabs>.tabs{ float:left; margin:5px; width:184px; max-height:310px; float:left;}
.moviecategory>.main_tabs>.tabs>a>.img{ width:100%; height:auto; text-align:center;}
.moviecategory>.main_tabs>.tabs>a>.img img{ height:auto; max-height:260px; width:100%;}
.moviecategory>.main_tabs>.tabs>a>.title{ height: 30px; overflow: hidden; text-align:center; line-height:30px; line-height:30px;}
.moviecategory>.main_tabs>.tabs>a>.rating{ width:100%; height:20px; line-height:20px; text-align:center;}
.moviecategory>.main_tabs>.tabs>a>.rating span{ color:#d42100; cursor:pointer;}
.moviecategory>.main_tabs>.tabs>a>.rating .active{ color:#f4c239;}
.moviecategory>.main_tabs>.tabs>a>.rating .active:hover{ color:#d42100;}
.moviecategory>.main_tabs>.tabs>a>.rating span:hover{ color:#f4c239;}




.footer_main{ height:auto; width:100%; overflow:hidden; background:#292929;}
.footer{ min-height:285px;}
.footer>.tabs{ float:left; padding:10px 10px 10px 0;}
.footer>.tabs ul{ padding:0px 5px 0 10px; height:auto; width:100%;}
.footer>.tabs ul li{ list-style-type:none; color:#FFF; height:22px;}
.footer>.tabs ul .heading{ font-size:16px; border-bottom:#FFF 1px solid; font-weight:bold; margin-bottom:10px; height:30px;}
.footer>.tabs ul li a{ color:#FFF; padding:5px 0;}
.footer>.tabs ul li a:hover{ text-decoration:underline;}


.copyright_main{ background:#565656; height:auto; overflow:hidden;}
.copyright{ min-height:35px; color:#dfdfdf; font-size:12px; padding:10px;}


.content>.title{ width:100%; height:40px; line-height:40px; border-bottom:#E5E2E2 1px solid; margin:10px 0;}
.content>.title>h2{ float:left; font-size:18px; margin:0px; font-weight:bold; padding-left:4px; line-height:45px;}

.content>.login{ float:left; width:48%; margin-right:2%;}
.content>.login>.title{ width:100%; height:40px; line-height:40px; border-bottom:#E5E2E2 1px solid; margin:10px 0;}
.content>.login>.title>h2{ float:left; font-size:18px; margin:0px; font-weight:bold; padding-left:4px; line-height:45px;}
.content>.login>.belowtextarea{ margin-left:5px;}

.content input{ border:#a2a2a2 1px solid; padding:10px; width:295px; margin:10px 0px; padding-left:4px; margin-left:5px;}
.content button{ background:#5fba15; border:none; border-radius:0px; color:#FFFFFF; padding:6px 20px; font-size:16px; margin:10px 5px;}
.content button:hover{ background-color:#ed1c24;}
.content textarea{ border:#a2a2a2 1px solid; padding:4px; width:295px; margin:10px 0px; padding-left:4px; margin-left:5px;}


.user_input_icon{ background:url(../images/user_icon.png) no-repeat left top;}
.pass_input_icon{ background:url(../images/pass_icon.png) no-repeat left top;}

.extra150px{ height:150px; width:100%; clear:both;}


.content p{ margin:10px 5px;}

.user_details_row{ width:auto; height:auto; overflow:hidden; margin:0px 5px;}
.user_details_row>.left{ float:left; width:200px; margin-top:16px;}
.user_details_row>.left span{ color:#F00; margin:0 0 0 3px;}
.user_details_row>.center{ float:left;}
.user_details_row>.normaltxt{ margin-top:15px; margin-left:5px;}
.user_details_row>.center> input{ padding:6px;}
.user_details_row>.right{ float:left; margin:12px 5px 0 10px; font-size:20px;}


.commingsoon{ width:100%; text-align:center;}


.user-panel-home{ width:98%; margin:auto; margin-top:10px; margin-bottom:10px;}
.user-panel-home>.left{ float:left; width:48%; margin-right:2%;}
.user-panel-home>.right{ float:left; width:48%; margin-right:2%;}
.user-panel-home>.right a:hover{ text-decoration:underline;}

.user-panel-pay-box{ width:100%; height:auto; padding:0px 4px; border:#d6d6d6 1px solid; box-shadow:1px 1px 5px #F5F3F3;}

@media screen and (max-width:999px){
	
	}

@media screen and (max-width:800px){
.header>.login{ margin-right:10px;}	
.navbar-left { padding-left:8px !important;}
.moviecategory>.main_tabs>.tabs{ width:177px;}

	}

@media screen and (max-width:640px){
.navbar-brand{ display:block;}	
.moviecategory>.main_tabs>.tabs{ width:173px;}
.content input{ width:260px;}
.extra150px{ display:none;}
.user_details_row>.center input{ margin:4px 0px;}
.user_details_row>.right{ float:none; clear:both; margin:0px;}
.user_details_row>.normaltxt{ margin-top:5px; margin-left:0px;}
.user_details_row>.submithide{ display:none;}
.nav-tabs > li{ border-top:#E5E2E2 1px solid; width:100%;}
.user-panel-home>.left{ float:none; width:98%; margin-right:2%;}
.user-panel-home>.right{ float:none; width:98%; margin-right:2%; margin-top:15px;}
.content textarea{ width:260px; margin-left:0px;}
	}

@media screen and (max-width:480px){
.header>.login{padding-top:0px;}
.header>.login span{ display:none;}
.header>.login a strong{ display:block; font-size:20px; color:#FFF;margin-right: 15px;padding: 5px 5px;}
.header>.login a:hover strong{ color:#b4b4b4;}
.moviecategory>.main_tabs>.tabs{ width:165px;}
.content>.login{ width:98%; margin-left:1%; }
	
	}

@media screen and (max-width:360px){
.header>.logo img{ margin:5px 0;}	
	}
@media screen and (max-width:320px){
.moviecategory>.main_tabs>.tabs{ float:none; margin:auto; margin-top:10px;}	
	}

@media screen and (min-width:1350px){
.moviecategory>.main_tabs>.tabs{ width:190px;}	
	}

@media screen and (min-width:999px){
.header{ margin:5px 0;}
.navbar-left {float: right !important;}
.dropdown:hover .dropdown-menu {display: block;}
	}
	
@media (min-width: 768px) and (max-width: 1000px) {
.collapse {display: none !important;}
}



/***************** css for ajax dynamic list ************************************/
/* Big box with list of options */
	#ajax_listOfOptions{
		position:absolute !important;	/* Never change this one */
		width:175px;	/* Width of box */
		height:250px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #317082;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:0.9em;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		font-size:0.9em;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#317082;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}