/*  
Website: ComedyClub.com
Description: Dark blue, Dark Grey, Black
Author Name: Vishal Dhawan
Author URI: http://ipacktechnologies.com//
*/

@font-face {
	font-family: "OpenSansExtrabold";
	src: url('../fonts/opensans/opensans-extrabold-webfont.eot');
	src: local('?'), url('../fonts/opensans/opensans-extrabold-webfont.woff') format('woff'), url('../fonts/opensans/opensans-extrabold-webfont.ttf') format('truetype'), url('../fonts/opensans/opensans-extrabold-webfont.svg#webfontT3BlbiBT') format('svg');
	font-weight: normal !important;
	font-style: normal;
}
@font-face {
	font-family: "OpenSansSemibold";
	src: url('../fonts/opensans/opensans-semibold-webfont.eot');
	src: local('?'), url('../fonts/opensans/opensans-semibold-webfont.woff') format('woff'), url('../fonts/opensans/opensans-semibold-webfont.ttf') format('truetype'), url('../fonts/opensans/opensans-semibold-webfont.svg#webfontT3BlbiBT') format('svg');
	font-weight: normal !important;
	font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* ======================================== Generic elements =================================================================  */
body{
	margin:0px;
	padding:0px;
	font-family:'OpenSansRegular',Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background:#363636;
	
}
	
h1, h2, h3, h4, h5, h6, h7, p,dl, dt, dd, form, input, ul, li, select{padding:0px;margin:0px;font-weight:normal;}
p{line-height:17px}
ul,ol { list-style: none; }
input, select{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666}
a{color:#0071e2; text-decoration:none}
a:hover{color:#fff; text-decoration:none; background-color:#0071e2}
a img{border:0}
*:focus{outline-width:0}
*{outline:none; outline:0}

.clear{ clear:both;}



#header:after,#middle:after, #footer:after, #container:after, .content:after, .data:after,.section:after{ content: "."; display: block; height:0; font-size:0px; clear: both; visibility: hidden; }


/* \*/ * html #header{height:1px} /* */
/* \*/ * html #middle{height:1px} /* */
/* \*/ * html #container{height:1px} /* */
/* \*/ * html #footer{height:1px} /* */
/* \*/ * html .content{height:1px} /* */
/* \*/ * html .data{height:1px} /* */
/* \*/ * html .section{height:1px} /* */

.colleft{float:left; width:auto }
.colright{float:right;width:auto}

.left{text-align:left}
.right{text-align:right !important}
.center{text-align:center}

.imageRgt{float:right; margin:0 0 10px 10px}
.imageLft{float:left; margin:0 10px 10px 0px}

.content{width:100%;}
.data{width:data;}	
.section{width:100%; margin-bottom:12px}

h1,h2,h3,h4,h5,.more-shows,.show-date{font-family:"OpenSansExtrabold",arial,sans-serif; }

h1{font-size:22px;padding:0px 0px 10px; }
h2{font-size:20px; padding-bottom:6px;}
h3{font-size:18px; padding-bottom:5px;}
h4{font-size:14px; }
h5{font-size:12px;}
p{padding:0 0 8px;}
.small{font-size:11px}
.big{font-size:14px}
h1.heading{color:#fff; }



/* ======================================== Wrapper =================================================================  */

#wrapper{ width:1000px;margin:0px auto;}

#top-banner{ width:100%; background:#000; padding:10px 0px}
#top-banner img{ margin:0 auto; width:728px; display:block}




/* ======================================== Header =================================================================  */
#header{ width:1000px;margin:0px auto; padding-top:10px}
.header-left{float:left;padding:10px 0 0 0px; }

/* ---------------- Logo -------------- */
#logo{display:block; float:left; margin:5px 0 0;background:url(../images/comedyclub-logo.png) no-repeat 0 0; width:439px; height:89px; font-size:0px; text-indent:-9999px}
#logo img{display:block; border:0}


.header-right{ display:none; float:right; padding:30px 10px 0 0px}
select.city{ background:#003161; color:#ffffff; padding:7px; font-weight:bold; border:none}

/* ======================================== container =================================================================  */
#container{width:100%; background:#000000; margin-top:5px;}

/* ---------------- navigation -------------- */
#navigation{ position:relative;width:1000px; background:url(../images/nav-bg.gif) repeat-x 0 50%; height:50px;}

ul.menus li{ display:inline; height:50px; font-size:20px;font-family:"OpenSansExtrabold",arial,sans-serif;}
ul.menus li a{float:left; display:block;width:auto;margin:0;padding:0 0px 0 15px; color:#ffffff;  }
ul.menus li a span{ display:block;background:url(../images/nav-line.gif) no-repeat 100% 50%; line-height:50px; padding:0px 17px 0px 0px}
ul.menus li a:hover{ color:#f78c0c; text-decoration:none; background:none}

ul.menus li.last a span{background:none}


#cities{width:1000px; position:relative; padding-bottom:20px  }

h4.cityname { width:100%; display:block;float:right;font-size:24px; margin:-40px 0 0;font-family:Georgia, "Times New Roman", Times, serif; background:#009966;}

h4.cityname a,.h4.cityname.active a{ position:absolute; right:20px; color:#fff;display: block; padding-right:15px; font-weight:bold;background: url(../images/arrow-down.gif) no-repeat 100% 50%; font-style:italic}
h4.cityname.active a{ color:#fff!important;background: url(../images/arrow-up.gif) no-repeat 100% 50%!important;}

.cities-container{padding:0px 10px 15px; width:980px;overflow: hidden; float:left;background:#171717;}

.select-city{ padding:0;width:980px; margin:0 auto;}
ul.select-city li{ width:162px; float:left; font-family:Arial, Helvetica, sans-serif;font-size:12px;text-transform:capitalize}
ul.select-city li a{ display:block;padding:12px 0px 0px 10px;  color:#fff; background:none}
ul.select-city li a:hover{color:#0071e2; background-color:none!important }


#fadeanim { position:absolute; right:10px; margin-top:-4px;width: auto;}
#fadeanim ul li { float: left;margin: 0px 5px 0 0;}
#fadeanim ul li img {opacity: 1;}
#fadeanim ul li img:hover {opacity: 0.8;}
#fadeanim ul li a:hover{background:none!important}

/* ========================================= Middle  Structure================================================================  */


#middle{width:100%; margin:0 auto;padding:20px 0 0; }
#main{width:640px; float:left;padding:0px 20px}
#sidebar{width:300px;float:left; position:relative}

#fullpage{ width:920px; padding:20px; background:#eeeeee; margin:0 auto 20px;}

#fullpage .confirmation_wrapper{ position:relative; background:#fff; padding:20px}

.confirmation_wrapper .header h1{ font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:25px}

#fullpage .logo{position:absolute; top:0px; right:20px; font-size:0px; text-indent:-9999px}
#fullpage a.logo:hover{ background:none}
#fullpage .logo img{ width:300px; height:70px; display:block;}

.text{ font-size:11px;}
.text strong{ font-size:12px}
.confirmation_wrapper .purchase-info{ width:860px; border-top:1px dotted #b2b2b2; border-bottom:1px dotted #b2b2b2; margin:5px 0px 10px; padding:10px;}
.confirmation_wrapper .purchase-info .left{ float:left; width:500px;}
.confirmation_wrapper .purchase-info .right{ float:right; width:auto; border:1px solid #b2b2b2; padding:5px 5px 5px 3px}
.right p{ width:80px; font-size:10px; font-weight:bold; float:left; line-height:14px; padding-top:4px}
.right span{ float:left; font-size:30px; font-weight:bold; display:block; padding-left:10px; color:#666666; font-family:Georgia, "Times New Roman", Times, serif}

.confirmation_wrapper .info{ margin-top:40px}
.info .colleft{ width:270px;}
.info .colleft.last{ padding-left:35px}
.info .colleft h3{ color:#043a7d; border-bottom:1px dotted #b2b2b2; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold}
.info .colleft p{ padding-top:4px; font-size:11px;}

.direction-footer{ width:100%;}
.direction-footer h3{ color:#043a7d; border-bottom:1px dotted #b2b2b2; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold}
.direction-footer p{ padding-top:10px; font-size:11px;}
.red{ color:#c50f00}
.blue{ color:#0d69fb}
.direction-footer a:hover{ background:none; color:#000}


/* ----- breadcrumb --------- */

.breadcrumb{ margin:0px 0px 20px;padding:0 0 0 20px; height:42px }
.breadcrumb .data{ padding:14px 0 0px 15px; height:28px; background:url(../images/breadcrumb-bg.gif) repeat-y 0 0; width:960px; display:block ;font-size:14px; color:#fff; font-family: "OpenSansExtrabold"}


.breadcrumb a, .breadcrumb span{ display:block; float:left;width:auto; background:url(../images/white-bullet.gif) no-repeat 0px 5px; padding-left:8px; margin-right:5px}
.breadcrumb span{ color:#fff;}
.breadcrumb a:hover{ color:#0071e2; background-color:none!important;text-decoration:underline}
.breadcrumb a.home{padding-left:0px; margin-right:5px; background:none!important}


/* ======================== slideshow-container ===============================================  */


.scroller {width:640px; height:440px; overflow:hidden; position:relative; clear:both}
.scroller-inner{position:relative;height:420px;	overflow: hidden;background:#121212;}

.scroller-inner .window {}
.scroller-inner .window ol.teaser-items {margin:0;padding:0;position: relative;}
.scroller-inner .window ol.teaser-items li {
	width: 100%;
    margin:0;
    padding:0;
    position: absolute;
    display: none;
}
ol.teaser-items .pic{ width:640px; position:relative}
ol.teaser-items .pic img{ width:640px; height:374px;display:block }
ol.teaser-items h1{padding:0px 0 2px; font-weight:normal!important}
ol.teaser-items .cont{ position:absolute; width:480px; height:122px; top:230px; background:url(../images/slider-cont-bg.png);padding:10px 0 0 10px; color:#e5e5e5;}
ol.teaser-items h2 a{ font-size:24px; padding-bottom:0px; color:#fff; text-transform:uppercase;font-family:"OpenSansExtrabold",arial,sans-serif;}
ol.teaser-items p{ font-family:Georgia, "Times New Roman", Times, serif; color:#999; font-style:italic;font-size:14px}
ol.teaser-items a{ padding:2px}
ol.teaser-items a:hover,#loopedSlider .viewall:hover{}
.scroller-inner .teaser-header { position: absolute;
    bottom:0;
    left:0;
    width: 620px;
	height:32px; padding:0px 10px 0; 
}

ol.teaser-items .btn-buytickets{display:block; position:absolute;width:96px; height:22px;background:url(../images/brn-gettickets.gif) no-repeat 0 0; font-size:0px; text-indent:-9999px}

.scroller-inner .teaser-header ol { float:left; display:block; width:535px; list-style-type:none; padding:0px;  margin:0;font-family:"OpenSansExtrabold",arial,sans-serif;}
.scroller-inner .teaser-header ol li {float:left;margin-right: 2px; position:relative;white-space:nowrap;}
.scroller-inner .teaser-header ol li a {display:block;padding:2px 0px; width:24px; text-align:center; background:#363636; font-size:14px; color:#fff 
}
.scroller-inner .teaser-header li.selected a{background:#0066cc; color:#fff;}
.scroller-inner .slideshow-controls { width:40px; float:right; margin-top:2px; background:url(../images/controllerbg.gif) no-repeat 19px 0}

.scroller-inner .prev{float:left;display:block;width:11px;height:18px; background:url(../images/scroller-arrow.gif) no-repeat 0 0;font-size:0px; text-indent:-9999px;margin-right:17px }
.scroller-inner .prev:hover { background:url(../images/scroller-arrow.gif) no-repeat 0 -18px;}
.scroller-inner .next {float:left;display:block;width:11px;height:18px; background:url(../images/scroller-arrow.gif) no-repeat -11px 0px;font-size:0px; text-indent:-9999px;}
.scroller-inner .next:hover {background:url(../images/scroller-arrow.gif) no-repeat -11px -18px;}
		

.headingbar{ width:640px; position:relative;background:#00386e; height:32px; padding:10px 0 0 20px; color:#fff; margin-top:20px; margin-left:-20px; margin-bottom:20px}
.headingbar h1{ font-size:22px;color:#FFFFFF;}
.headingbar a{ position:absolute; right:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background:#000000; color:#fff; font-size:11px; padding:6px 8px;}
.headingbar a:hover{color:#0071e2}

.cities{ margin-top:0px}
select.select-month{position:absolute; right:10px; top:7px;background: #d1d1d1 url(../images/select-bg.gif) no-repeat 100% 0; color:#000000; padding:5px; font-weight:bold; border:none; height:29px; overflow:hidden}

.headingbar option{ padding:3px; border-bottom:1px solid #ddd; background:#fdfdfd}
/* ----------------  events-grid -------------- */

.events-grid{ margin-left:-5px; margin-bottom:15px }
.events-grid a{ position:relative;width:316px; height:210px; display:block; float:left;margin-left:6px; margin-bottom:6px}
.events-grid a em{ display:none; z-index:100; position:absolute;width:316px; height:210px;background:url(../images/event-grid-brd.gif) no-repeat 0 0}
.events-grid li img{position:absolute;width:316px;height:210px}
.events-grid li span.slide{ position:absolute; top:110px; display:block; width:286px; height:65px; padding:10px; color:#fff;font-family:"OpenSansExtrabold",arial,sans-serif;background:url(../images/slider-cont-bg.png);}
.events-grid li h5{color:#0071e2; text-transform:uppercase; margin-bottom:4px; padding-top:2px}
.events-grid li h4{ text-transform:uppercase}
.events-grid .gettickects{display:none; position:absolute; right:0px; margin-right:-7px;margin-top:-118px; width:96px; height:22px;background:url(../images/brn-gettickets.gif) no-repeat 0 0; font-size:0px; text-indent:-9999px}
.events-grid a:hover em,.events-grid a:hover .gettickects{display:block}


/* ----------------  shows-grid -------------- */
.shows-grid{ margin-left:-5px; margin-bottom:15px }
.shows-grid .box{ position:relative;width:208px; height:225px; background:#0a0a0a; display:block; float:left;margin-left:6px; margin-bottom:6px}
.shows-grid .box em{ display:none; z-index:100; position:absolute;width:208px; height:225px; background:url(../images/shows-grid-brd.gif) no-repeat 0 0}
.shows-grid li img{width: 208px;height: 130px; border-bottom:3px solid #171717}
.shows-grid li h4{ color:#0071e2; text-transform:uppercase; padding:10px 12px 0px 12px;}
.shows-grid .findtickets{display:block; position:absolute; bottom:12px; margin-left:12px; width:115px; height:22px;background:url(../images/btn-findtickets.gif) no-repeat 0 0; font-size:0px; text-indent:-9999px}
.shows-grid a:hover em{display:block}
.shows-grid a:hover .findtickets{ background-position:0 -22px}


/* ----------------  shows-grid -------------- */
.cities-grid{ margin-left:-5px; margin-bottom:15px }
.cities-grid .box{ position:relative;width:198px; background:#0a0a0a; display:block; float:left;margin-left:6px; margin-bottom:6px; border:5px solid #0a0a0a}
.cities-grid a h4{ color:#0071e2; text-transform:uppercase; padding:10px 12px 0px 15px;}
.cities-grid a:hover{}
.cities-grid .box:hover{ position:relative;}


ul.citylist{float:left; width:212px;}
ul.citylist li{ float:left; width:212px;margin-bottom:15px;}
ul.citylist li strong{padding:6px 0px; color:#fff; font-size:14px; text-transform:uppercase}
ul.citylist li ul{padding:6px 0px 0 0px;}
ul.citylist li ul li{ margin-bottom:2px; width:202px; background:#0a0a0a;line-height:22px}

ul.citylist li a{font-size:12px; color:#949494; font-weight:bold;float:left; display:block; width:190px; padding-left:10px}
ul.citylist li a:hover{color:#fff; background:#333333 }

.featured-cities{ }
.featured-cities a{ position:relative;width:134px; height:22px;padding:10px 5px 0px 8px ; text-transform:uppercase;background:#0a0a0a; display:block; float:left;margin-right:2px; margin-bottom:2px;}
.featured-cities a h5{ color:#0071e2; text-transform:uppercase;color:#949494; }
.featured-cities a:hover{ background:#0071e2; color:#fff}
.featured-cities a:hover h5{color:#fff}

/* ----------------  widget -------------- */
.widget,.banner{ margin-bottom:20px}
/* ----------------  banner -------------- */
.banner img{margin:0 auto; display:block;}


/* ----------------  resulted-section -------------- */

.lightgraybar{ position:relative;background:#bbbbbb; color:#000000;padding:10px; margin-bottom:10px; }
.lightgraybar h3{padding:0px; margin:0px; float:left}
.lightgraybar a{ position:absolute; right:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background:#000000; color:#fff; font-size:11px; padding:6px 8px;}
.lightgraybar a:hover{color:#0071e2;}

.graybar{ background:#323232; color:#ffffff; padding:10px; margin-top:5px;margin-bottom:12px}

.lightgraybar span{float:right; background:#000000; font-size:10px; padding:4px 6px 4px 6px; margin-top:-4px}
.lightgraybar span a{color:#c7c7c7;}
.lightgraybar span a:hover{color:#0071e2;}


/* ----------------  items-listing -------------- */

.items-listing{padding:12px; margin-bottom:12px; background:#252525; color:#999}
.items-listing:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html .items-listing{height:1px} /* */

.items-listing .flyer{float:left; width:110px; padding-right:12px }
.items-listing .flyer img{width:110px; height:164px; display:block; margin-bottom:10px}

.items-listing .desc{float:left; width:494px; padding:0px; font-size:12px; position:relative;}
.items-listing h2 a{color:#fff;}
.items-listing h4{ font-size:14px;color:#807d7d;padding:0 0 12px 0}
.items-listing h4 a{ color:#0071e2; padding:2px}
.items-listing h4 a:hover{ color:#fff}
.items-listing p{ line-height:17px; font-size:14px; font-weight:normal; color:#999999}
.items-listing .showtimes{ position:absolute; top:174px; width:460px;background:#e3e3e3; padding:8px 10px; color:#1c1c1c; font-weight:bold; font-size:14px;}


.btn-buy-tickets{ display:block; width:96px; height:22px; margin:0 auto 5px;text-indent:-9999px; font-size:0px ;background:url(../images/btn-buy-tickets.gif) no-repeat 0 0}
.btn-buy-tickets:hover{background:url(../images/btn-buy-tickets.gif) no-repeat 0 -22px; background-color:none!important }

.btn-view-event{ display:block; width:96px; height:22px; margin:0 auto;text-indent:-9999px; font-size:0px ;background:url(../images/btn-view-event.gif) no-repeat 0 -22px}
.btn-view-event:hover{background:url(../images/btn-view-event.gif) no-repeat 0 0px; background-color:none!important }

.btn-find-tickets{ display:block; width:102px; height:22px; margin:0 auto; text-indent:-9999px; font-size:0px ;background:url(../images/btn-find-tickets.gif) no-repeat 0 -22px}
.btn-find-tickets:hover{background:url(../images/btn-find-tickets.gif) no-repeat 0 0px; background-color:none!important }

.btn-gettickets{display:block; width:96px; height:22px;background:url(../images/btn-gettickets.gif) no-repeat 0 0; font-size:0px; text-indent:-9999px}
.btn-gettickets:hover{background-position:0 -22px; background-color:none!important }

.c-btn-gettickets{display:block; width:96px; height:22px;background:url(../images/btn-gettickets.gif) no-repeat 0 -22px; font-size:0px; text-indent:-9999px}
.c-btn-gettickets:hover{background-position:0 0px; background-color:none!important }

/* ----------------  pagination bar -------------- */

.page_navigation{margin:0px 0 10px; padding:8px 0px 0px; background:#666666; color:#fff; height:34px; font-size:16px; font-family:"OpenSansSemibold",arial,sans-serif; text-transform:uppercase; line-height:19px; 
}

.page_navigation a{
	padding:3px 5px;
	margin:2px;
	text-decoration:none;
	float: left;
	height:19px; padding:2px 6px;color:#fff;
}
.page_navigation a:hover{
background:none;
	float: left;color:#cdcdcd;
}
.active_page{
	background-color:#000 !important;
	color:#fff !important;
}	
.ellipse{float: left;}

.page_navigation .first_link span{ background:url(../images/prev.png) no-repeat 0px 50%; padding-left:12px}
.page_navigation .previous_link span{ background:url(../images/prev.png) no-repeat 0px 50%; padding-left:12px}
.page_navigation .next_link span{ background:url(../images/next.png) no-repeat 100% 50%; padding-right:12px}
.page_navigation .last_link span{ background:url(../images/next.png) no-repeat 100% 50%; padding-right:12px}



/* ----------------  venues-listing -------------- */

.venues-listing{ display:block;padding:12px; margin-bottom:8px; background:#252525; color:#999; cursor:pointer}
.venues-listing:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html .venues-listing{height:1px} /* */

.venues-listing a:hover{background-color:#252525}
.venues-listing .flyer{float:left; width:162px; }
.venues-listing .flyer img{width:150px; height:100px; display:block;}

.venues-listing .desc{float:left; width:444px; padding:0px; font-size:12px; position:relative;}
.venues-listing h3{padding:0 0 4px 0px; margin:0; color:#fff}
.venues-listing a:hover h3 {color:#0071e2;}
.venues-listing p{ font-size:14px; font-weight:normal; color:#999999}
.venues-listing .btn-find-tickets{ float:left; margin-top:10px}

.venues-listing a:hover .btn-find-tickets{background-position:0 0px; background-color:none!important }



/* ----------------  venuepage -------------- */

.venuepage{padding:12px; background:#e4e4e4; color:#555}
.venuepage .flyer{float:left; width:227px; padding-right:15px }
.venuepage .flyer img{
	width:227px;
	display:block;
	margin-bottom:10px
}
.venuepage .details{float:left; width:374px; padding:0px; font-size:12px; position:relative}
.venuepage h2{ color:#0071e2;}
.venuepage .hline{ border-bottom:2px solid #666; padding-bottom:10px; margin-bottom:10px }
.venuepage .social{ float:right;width:110px; height:80px; position:relative }
.venuepage .social .fb-like{ float:left; }
.venuepage .social .plusone{ position:absolute;width:50px!important; right:0px}

/* ----------------  venue-dates-section -------------- */
 

a.month{ width:120px; float:right; background:url(../images/events/dates-bg.gif) repeat-x 100% 0;color:#000000; height:28px; font-size:12px; padding:4px 7px 4px 6px; margin-top:-4px}

span.arrow{ float:right; background:url(../images/events/down-arrow.png) no-repeat 0 0; display:block; width:10px;height:8px;margin-top:5px }

.show-events-dates{ position:relative; background:#171717; padding:10px; font-family: "OpenSansExtrabold", arial;}
.show-events-dates p{ float:left; color:#fff; font-size:18px; font-weight:bold; }
.show-events-dates span{font-size:14px; padding-left:187px; color:#fff}
.show-events-dates span.time{ position:absolute; right:75px; top:6px; background:#ffffff url(../images/events/down-arrow.png) no-repeat 96% 50%; font-size:14px; color:#000000; padding:3px 90px 3px 5px; margin:0px 20px 0px 15px}




/* ---------------- result-page-sidebar -------------- */

#sidebar .sidebar-head{ width:300px; margin:15px 0px 20px 0px;}
.sidebar-head span.left-arrow{ float:left; background:url(../images/resultpage-left-arrow.png) no-repeat 0 0; width:53px; height:5px; display:block; margin-top:5px;}
.sidebar-head p{ font-size:18px; color:#ffffff; text-align:center; font-weight:bold}
.sidebar-head span.right-arrow{ float:right; background:url(../images/resultpage-right-arrow.png) no-repeat 0 0; width:53px; height:5px;display:block; margin-top:5px;}

/* ---------------- calendar-widget -------------- */

#calendar-widget .widget-head{background:#00386e; font-size:22px; text-transform:uppercase; color:#fff; padding:8px 15px; font-weight:normal }
#calendar-widget .data {width:auto; background:#fafafa; border:1px solid #c9c9c9; margin:0 0 10px; padding:10px }

#calendar-widget h4 {padding:10px 0px 10px 50px; text-align:center; border-bottom:1px solid #c9c9c9}

#calendar-widget h4 a{ color:#000; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif }
#calendar-widget h4 a:hover{ background:none}
#calendar-widget span.next-month a{float:right; padding:0px 0px 0px 0px; font-size:14px; font-weight:bold; color:#f79719}

/* ---------------- calendar-widget category-------------- */

h4.head { width:100%; display:block;float:left; padding: 8px 0;margin: 0 0 1px;background:#fff url(../images/cat-grad.gif) repeat-x left bottom; border-top:1px solid #e8e8e8; border-bottom:1px solid #b1b1b1;}

h4.head a{ color:#333;float:left;display: block; padding-left:20px; margin-left:8px;font-weight:bold;background: url(../images/cat-up.gif) no-repeat 0 1px;}
h4.category.active a{font-weight:bold; color:#5281c2;background: url(../images/cat-down.gif) no-repeat 0 1px;}

.infobox{padding:0 5px;overflow: hidden;clear: both;}



#calendar-widget h6 {padding:15px 0 3px; font-weight:bold; color:#777777}

#calendar-widget p.price {padding:15px 0 10px; font-weight:bold; display:block; width:130px; color:#777777; float:left}
#calendar-widget p.price span {font-size:30px; font-style:italic; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; color:#910f15; line-height:30px}
#calendar-widget p.book {padding:27px 0 0; float:left}

a.book {background:#a9a9a9; color:#fff; border:1px solid #868686; padding:7px 20px; font-size:12px}
a.book:hover {background:#8f0c12}

a.redeem {background:#f88715; color:#fff; border-width:0px; padding:4px 0px; line-height:16px; font-size:12px; display:block; width:80px; text-align:center; float:left}
a.redeem:hover {background:#444}


#calendar-widget p.small {font-size:11px; line-height:14px}

.result-cal {padding:10px 0 5px; background:#fbfbfb}
.result-cal .calendar {width:100%; font-weight:bold}
.result-cal .calendar caption {color:#777777; border-bottom:1px solid #edead1; padding:0 0 10px 0}
.result-cal .calendar th {padding:5px 0; background:#fafafa}
.result-cal .calendar td {background:#f9b003; color:#fff; text-align:center; vertical-align:middle; padding:5px 5px}
.result-cal .calendar td a {color:#fff}
.result-cal .calendar td.available {background:#f78c0c}
.result-cal .calendar td.blank {background:#f0f0f0; color:#adadad}
.result-cal .calendar td.prev-month {background:#ffffff; color:#adadad}
.result-cal .calendar td.next-month {background:#fab35b}

.result-cal .legend {width:300px; padding-left:40px}
.result-cal .legend p {line-height:14px; color:#666; float:left; margin:10px 0 0 12px}
.result-cal .legend p span.available {background:url(../images/cal-color-info-box.gif) no-repeat 0 0; width:14px; height:14px; display:block; float:left; padding-right:10px}

/* ----------------  widget -------------- */

.widget .widget-head{background:#00386e; font-size:22px; text-transform:uppercase; color:#fff; padding:12px 15px; height:24px; font-weight:normal }
.widget .data{width:auto; background:#ffffff;padding:10px }
.widget .data.nopad{padding:0px!important}

/* ----------------  time-list -------------- */
ul.time-list{ padding:10px 0px}
ul.time-list li{ font-weight:bold; font-size:12px; padding:0px 7px 12px;}
ul.time-list li input{}
ul.time-list li span.show-time{ color:#666666; font-size:14px; padding:12px 0px 0px 15px}
ul.time-list li span.number{ float:right; color:#666666; font-weight:normal; padding-right:12px;}


.map {padding:0px 0px 10px;}
.map iframe {border:0}

#showdates{ position:absolute; margin-top:-61px; width:300px; z-index:100}
#showdates h3{padding:0px; margin:0px}
#dates .data{ width:auto; margin:0px;padding:0px; background:#171717}

#showdates a.dates{ display:block; height:39px;background:url(../images/btn-bg.gif) repeat-x 0 -78px; color:#e7e7e7; font-size:18px; font-weight:bold; line-height:39px; padding-left:15px; padding-right:15px;}
#showdates a.dates img{float:right; margin-top:10px}
#showdates .blist{margin:0px; padding:0px;border-bottom:1px solid #363636; }
#showdates .blist li{border-top:1px solid #363636; background:none!important; padding:8px 10px;}
#showdates .blist li a{font-size:14px;color:#888; background:none!important}
#showdates .blist li a:hover{ color:#0071e2}

.show-head{ display:block; height:39px;background:#141414 url(../images/btn-bg.gif) repeat-x 0 0px; color:#e7e7e7; font-size:18px; font-weight:bold; line-height:39px; padding-left:15px; padding-right:15px; padding-bottom:0px; margin-bottom:10px;}


.show-details{position:relative; width:100%;}

.show-details .shows{ display:block; position:relative; float:left; width:234px; height:50px; padding:15px 20px 5px; color:#fff; font-size:14px; font-weight:normal;background:#f7891b url(../images/orange-bg.gif) repeat-x 0 0; border:3px solid #f88715; line-height:20px; margin-bottom:10px}
.show-details .shows:hover{background:#feb33a url(../images/orange-bg.gif) repeat-x 0 -70px; border:3px solid #000}
.show-details .shows strong{float:left; display:block; width:80px; font-weight:normal}
.show-details .shows b{ display:none; position:absolute; top:30px; margin-left:-20px; width:8px; height:10px;font-size:0px;background:url(../images/shows-pointer.gif) no-repeat 0 0} 
.show-details .shows:hover b{display:block}

/* ----------------  ticket-widget -------------- */

.ticket-head, .ticket-headup{ display:block; position:relative; background:#003f7c url(../images/ticket-bg.gif) repeat-x 0 0; font-size:16px; color:#fff; font-weight:normal; padding:10px 8px; height:60px; cursor:pointer; margin-bottom:10px}

.ticket-headup{ color:#333; background:#ddd;}
 
.ticket-head-left{ width:200px; font-weight:bold; padding-left:5px;}

.ticket-head h1.price,.ticket-headup h1.price{ position:absolute; top:5px; right:10px;font-size:30px; width:85px; text-align:right;color:#fff;}
.ticket-head b{ position:absolute; display:block; bottom:0px; left:10px;font-size:0px; width:60px; height:21px; text-indent:-9999px; background:#fff url(../images/view.gif) no-repeat 0 0;}
.ticket-headup b{display:none}
.ticket-headup h1.price{ color:#000;}
.ticket-headup .old-rate{ font-size:14px; color:#000; padding-left:2px;}
.ticket-headup .discount{color:#FF6600}

.ticket-box{ padding:20px 10px 5px;border:2px solid #ddd; margin-top:-10px; margin-bottom:10px; background:#fff url(../images/pointer.gif) no-repeat 20px 0;}
.ticket-box ul.blist{}
.ticket-box ul.blist li{font-size:11px;}
.ticket-box h5{ text-align:center; font-weight:bold; font-size:15px; font-family:'OpenSansRegular',Arial, sans-serif}
.ticket-box p{ text-align:center; font-size:11px;}
.ticket-box span{ color:#00386e}
.ticket-box .buy{ display:block; margin:0px auto; width:189px; height:47px;background:url(../images/btn-buy.gif) no-repeat 0px 0px;font-size:0px; text-indent:-9999px;}
.ticket-box .buy:hover{ background-position:0 -47px}
.ticket-box select{ margin-left:10px; padding:2px}


/* ---------------- pickdatesBox -------------- */

.ui-datepicker {font-size: 12px!important;}
.filter-shows{ position:relative; background:#171717; font-weight:bold;  font-family: "OpenSansSemibold", arial; padding:12px 10px 10px;}
.filter-shows span,.filter-shows input{float:left; width:auto; margin-right:10px}
.filter-shows span{color:#fff; font-size:18px;}

.filter-shows a{ position:absolute; right:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; background:#000000; color:#fff; font-size:11px; padding:6px 8px;}

.filter-shows .field{ float:left; width:155px;height:18px; border:1px solid #bccad3;margin:0px 5px 0px 0;overflow:hidden;padding:3px 0px 0px 4px; background:#fff url(../images/events/calendar.png) no-repeat 97% 3px; font-size:14px; }


.shows-desc{ padding-bottom:10px}
.events-date-info{padding-top:1px;background:#252525;}
.events-date-info .head{display:block; height:26px; padding-top:6px; background:#dadada; font-size:14px; font-family: "OpenSansSemibold", arial;}
.events-date-info .head div{ color:#000; text-transform:capitalize!important}

.events-date-info .data{ float:left; padding:8px 0px 0px; color:#f1f1f1; background:#252525;}
.events-date-info .data .date,.events-date-info .head .date{float:left; width:60px; padding-left:20px;}
.events-date-info .data .day,.events-date-info .head .day{float:left; width:40px; padding-left:10px;}
.events-date-info .data .time,.events-date-info .head .time{float:left; width:84px; padding-left:20px; }
.events-date-info .data .event,.events-date-info .head .event{float:left; width:295px; padding-right:10px;padding-bottom:5px;text-transform:uppercase; }
.events-date-info .data .event a{ font-size:14px; font-family: "OpenSansExtrabold", arial;}
.events-date-info .data .get-btn{ float:right; width:96px; padding-right:5px; margin:-3px 0px 0px 0px;}
.events-date-info .data.alt{ padding:10px 0px 0px; background:#343434; color:#f1f1f1; }



.calendar-info{color:#f1f1f1; padding:4px 0px 0px; background:#252525; float:left; display:block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; }
.calendar-info li.desc{ display:block;}
.calendar-info:hover{
	background-color: #333;
}
.calendar-info:hover .c-btn-gettickets{background:url(../images/btn-gettickets.gif) no-repeat 0 0px; }
.calendar-info.alt:hover .c-btn-gettickets{background:url(../images/btn-gettickets.gif) no-repeat 0 0px;}
.calendar-info li{ padding-bottom:4px;}
.calendar-info .day{float:left; width:40px; padding-left:10px; font-weight: bold; text-transform: uppercase;}
.calendar-info .date{float:left; width:60px; padding-left:20px; font-weight: bold; text-transform: uppercase;}
.calendar-info .time{float:left; width:84px; padding-left:20px; font-weight: bold; text-transform: uppercase;}
.calendar-info .eventname{ float:left; width:295px; padding-right:10px; text-transform:uppercase; font-size:14px; font-family: "OpenSansExtrabold", arial; color:#0071e2}
.calendar-info .get-btn{float:right; width:96px; padding-right:5px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px;}
.calendar-info.alt{padding:4px 0px 3px; background:#343434; color:#f1f1f1;}


.get-btn .c-btn-gettickets{ width:96px; height:22px;background:url(../images/btn-gettickets.gif) no-repeat 0 -22px; font-size:0px; text-indent:-9999px}


/* ----------------  shows-list -------------- */

.shows-list{ position:relative;
	background:#171717;
	width:300px;
	height:86px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
.shows-list:hover{background:#171717;}

.shows-list .show-image{float:left; width:95px; display:block}
.shows-list .show-image img{width:86px; height:86px; display:block}

.shows-list li.show-info{float:left; width:200px; padding:8px 0px 0px; display:block}
.shows-list .show-info h5{padding-bottom:5px; font-size:14px; color:#fff}
.shows-list:hover .show-info h5{ color:#0071e2;}
.shows-list .show-date{ font-size:12px; color:#949494; }
.shows-list:hover .show-date{ }

.shows-list li.show-info .gettickects{display:block; position:absolute; bottom:8px; width:96px; height:22px;background:url(../images/btn-gettickets.gif) no-repeat 0 -22px; font-size:0px; text-indent:-9999px}
.shows-list:hover li.show-info .gettickects{background:url(../images/btn-gettickets.gif) no-repeat 0 0;}

.more-shows{ display:block; height:39px; margin-top:5px;background:url(../images/btn-bg.gif) repeat-x 0 0; color:#e7e7e7; font-size:18px; font-weight:bold; line-height:39px; padding-left:15px;}
.more-shows span{ float:right; display:block; width:20px; background:url(../images/arrow.png) no-repeat 0 50%;}
.more-shows:hover{background-color:none!important; background-position:0 -39px}




/* ---------------- bottom-section -------------- */
.bottom-section{background:#1e1e1e; padding:20px 0px}
.bottom-section .data{ padding:0 0px 0 20px}

.bottom-section .col{ width:307px; float:left; margin-right:20px}
.bottom-section .col.last{ margin-right:0px!important}



/* ==============================================  Footer   ===========================================================  */

#footer{width:1000px;margin:0 auto; padding:20px 0px 0px; background:#000}
#footer .data{width:960px;margin:0 auto 10px;}


#footer h4{font-size:14px; font-weight:normal;color:#fff; font-weight:bold; text-transform:uppercase; margin-bottom:5px}
#footer p{ line-height:16px; padding-bottom:15px}

/* ---------------- column -------------- */
#footer .column{width:240px;float:left; padding:0 0px 0 0; font-size:12px; margin-right:10px;}
#footer .column.last{width:200px; margin:0px}

/* ---------------- List -------------- */
#footer .list{width:100%; }
#footer .list:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html #footer .list{height:1px} /* */

#footer .list li{ float:left;width:100%;margin:0px 0 5px;padding:0px; }
#footer .list li a{position:relative; padding:2px }
#footer .list li a:hover{ color:#fff }


/* ----------------  social-icons  -------------- */
.social-icons{margin-top:10px}
.social-icons ul{ width:100%;}
.social-icons li{ width:100%; margin-bottom:5px; float:left}
.social-icons a{display:block; float:left;margin-bottom:0px; width:100%;color:#4c4c4c; background:none}
.social-icons a:hover{color:#fff; background:none}
.social-icons a span{ display:block; float:left; height:20px; width:20px; font-size:0px!important; text-indent:-9999px; margin-right:8px; }
.social-icons a span.facebook{background:url(../images/bottom-social-icons.png) no-repeat 0px 0px;}
.social-icons a span.twitter{ background:url(../images/bottom-social-icons.png) no-repeat -20px 0px}
.social-icons a span.email{ background:url(../images/bottom-social-icons.png) no-repeat -40px 0px}

/* ---------------- footer-bottom  -------------- */

.footer-bottom{width:100%; background:#090909; height:40px; padding-bottom:0px; text-align:center; line-height:40px}
.footer-links li{ display:inline;color:#ddd; font-size:12px; font-weight:normal; line-height:28px; padding:0px 3px 0px 2px; }
.footer-links a{color:#a4a4a4; margin-top:0px; line-height:28px; padding:0px 2px 0px 3px}
.footer-links a:hover{color:#fff;  background:none!important }
.copyright{color:#545454; text-align:center; padding-top:10px }




/* ============================== eventpage ================================ */

h2.section-heading{ color:#fff;}

.eventpage{ position:relative;padding:10px; background:#ddd;}
.eventpage-header{background:#171717; position:relative;padding:10px 0px 10px 10px;}

.eventpage-header h1{ font-size:28px; color:#0071e2; padding-bottom:0px}
.eventpage-header h3{ font-size:15px; text-transform:uppercase;color:#888; padding-bottom:10px;}
.eventpage-header h4{ font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; color:#e3e3e3}
.eventpage-header .social-right{width:140px; position:absolute; top:10px;right:10px;}


/* ---------------- pics-gallery -------------- */
.pics-gallery{padding:10px 0px 0px 10px}
.pics-gallery a img{ width:305px; height:200px; margin-right:10px; margin-bottom:10px;display:block; float:left;}



/* ---------------- profile-tabs -------------- */

#profile-tabs .yui-content{
	clear:both;
	padding:10px;
	background:#fff;
	color:#3f3f3f
}

.profile-tabs {width:100%;}
.profile-tabs ul {width:auto}
.profile-tabs li {display:block;float:left;margin:0;padding:0; width:auto}
.profile-tabs li:after {font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html .profile-tabs li{height:1px} /* */
.profile-tabs li.last{background:none; margin:0}

.profile-tabs a{float:left; display:block; margin:0 2px 0 0;padding:0px; width:auto}
.profile-tabs a span{float:left; width:auto; display:block; font-weight:bold; line-height:36px; padding:0px 35px; width:auto; font-size:14px; color:#333; cursor:pointer; text-align:center; background:#ccc}

.profile-tabs li a:hover span{color:#0071e2}
.profile-tabs li.selected a,.profile-tabs li.selected a:hover span{ color:#555}
.profile-tabs li.selected a span, .profile-tabs li.selected a:hover span{background:#fff;}

#profile-tabs h2{ border-bottom:1px solid #999; padding-bottom:3px; margin-bottom:10px}

/* ---------------- General List -------------- */

.blist{width:100%; padding:0px; margin:0px 0 10px}
.blist:after{font-size:0px; line-height:0px; height:0px; content:'.'; visibility:hidden; display:block; clear:both}
/* \*/ * html .blist{height:1px} /* */

.blist li{background:url(../images/bullet-gray.gif) no-repeat 0 3px; padding:0px 0px 6px 12px; }




/* ---------------- checkoutpage -------------- */

.checkout-head.data{padding:10px; background:#eeeeee; border-bottom:2px solid #aaaaaa; margin-bottom:15px;}
.checkout-head .image{ float:left; width:115px}
.checkout-head .image img{ display:block; width:100px; height:100px; border:1px solid #999999}
.checkout-head .checkout-head-right{ float:left; width:470px;}
.checkout-head .cont{ background:#555; color:#fff; padding:5px 10px}
.checkout-head h2{ color:#0071e2; text-transform:uppercase}



/* ---------------- checkoutpage ticket-widget-container -------------- */


.ticket-widget{ background:#efefef; padding:10px 0}

.ticket-widget .cal{ background:url(../images/calendar.png) no-repeat 10px 0; display:block; padding-left:30px;}
.ticket-widget .event-date{ float:left; font-size:11px; font-weight:bold; color:#000; padding-right:10px}
.ticket-widget .changedate-btn{ background:url(../images/changedatebtn-bg.gif) repeat-x 0 0; color:#fff; font-size:11px; font-weight:bold; padding:0px 6px; line-height:16px;}
.ticket-widget a:hover{ background:none}



.ticket-desc{ padding:0px 0px 15px; background:#efefef;}

.ticket-data .head{ display:block; padding:10px 0px 22px; background:#ddd}
.ticket-desc .head div{float:left; font-weight:bold; color:#000; font-size:12px}

.ticket-desc .data{ padding:10px 0px 10px; color:#000; background:#fffeec; border:1px solid #eeeeee}
.ticket-desc .offer{float:left; width:220px; padding-left:10px;}
.ticket-desc .offer h5{  font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.ticket-desc p{ font-size:11px}
.ticket-desc .quantity{float:left; width:60px; padding-left:5px}
.ticket-desc .base-price{float:left; width:50px; padding-left:5px;text-align:right }
.ticket-desc .service-fee{float:left; width:100px; padding-left:5px;text-transform:uppercase; text-align:right}
.ticket-desc .total{float:left; width:80px; text-transform:uppercase;text-align:right}

 .ticket-desc .ticket-data .data.alt{ position:relative;display:block; padding:20px 0px 10px; background:#eeeeee; color:#000; border-bottom:1px solid #cacaca;border-top:1px solid #cacaca }
 .ticket-desc .ticket-data .data.alt .total-due{ font-weight:bold; position:absolute; top:7px; right:105px;}
 .ticket-desc .ticket-data .data.alt .balance{ font-weight:normal; position:absolute; top:7px; right:30px;}
 
.ticket-widget .smalltxt{ font-size:11px; padding:10px; color:#666 }

.ticket-widget .ticket-info{ display:block; color:#00386e; font-size:11px; padding:10px 0px}

.ticket-btns .btn-begin-checkout{float:right; display:block; width:161px; height:30px; background:url(../images/btn-begin-checkout.gif) no-repeat 0 0;  font-size:0px; text-indent:-9999px; margin-right:20px;}
.ticket-btns .btn-begin-checkout:hover{ background:url(../images/btn-begin-checkout.gif) no-repeat 0 -30px}

.ticket-btns .btn-change-qty{float:right; display:block; width:178px; height:30px; background:url(../images/btn-change-qty.gif) no-repeat 0 0; font-size:0px; text-indent:-9999px; margin-right:10px }
.ticket-btns .btn-change-qty:hover{ background:url(../images/btn-change-qty.gif) no-repeat 0 -30px}




/*  ==================================== checkout Page ===============================================  */




/* ---------------- checkout -------------- */

.checkout {overflow:auto; padding:0px 0px 0px 0px;}
.checkout .container {width:640px; float:left; overflow:auto; }
.checkout .container .colleft {width:46px; height:45px; border-right:none; background:#f1f1f1; float:left}
.checkout .container .colleft h1 {font-size:24px; padding:0; line-height:45px; text-align:center; font-weight:normal; color:#333}

.checkout h2.heading{font-size:18px; color:#333; font-weight:normal; padding-bottom:8px; font-family:'OpenSansSemibold', arial}
.checkout .lock{ background:url(../images/icon-lock.gif) no-repeat 0 0; padding-left:25px}
.checkout .cards{ position:absolute; width:300px; margin-left:200px}
.checkout .cards img{margin-right:5px}

.checkout .container .colright {width:562px; float:right; font-size:14px;border:1px solid #f3f3f3; background:#fff; border-bottom:none; padding:10px 15px 15px}
.checkout .container .colright.last {border-bottom:1px solid #f3f3f3}
.checkout .container .colright label {padding:0 10px 0 0; line-height:18px}
.checkout .container .colright input,.checkout .container .colright select {margin:0 5px 0 0; padding:3px; border:1px solid #cfcfcf}
.checkout .container .colright p.btn {margin:15px 0 0 0; line-height:17px}

.checkout-form .data{padding-left:0px; padding-right:0px}
.checkout-form label{ float:left; width:150px;}
.checkout-form input.field{ float:left; width:260px; font-size:14px; font-weight:bold}

.checkout-form .small{width:60px!important}
.checkout-form .smalltxt{ font-size:11px; color:#999}
.checkout-form .text-right{ display:block; float:left; width:280px;  font-size:10px; color:#999; }
#myContent{padding-top:5px}

.checkout .container .colright p.btn .total{ font-size:22px!important; line-height:26px;}

.btn-buynow{float:left; display:block; width:189px; height:47px; background:url(../images/buynow.gif) no-repeat 0 0; font-size:0px; text-indent:-9999px; margin-right:10px }
.btn-buynow:hover{ background:url(../images/buynow.gif) no-repeat 0 -47px}

/* ---------------- checkoutpage billing-info-section -------------- */





.widget .widget-head h3{ color:#fff}
.whitebox{ background:#fff; padding:10px}
.whitebox h2{ color:#000; font-size:24px}

/* ----------------  faq section -------------- */

 .faq-info{ background:#dddddd; font-size:10px; color:#000; padding:10px 10px 0px;}

.faq a.menuitem,.faq a.menuitemup{display: block;position: relative; background:#fff; width: auto;padding: 8px 0px;border-bottom:1px solid #e4e4e4}

.faq a.menuitem span,.faq a.menuitemup span{display:block;padding:0px 10px 0 24px;font-size:12px;background: url(../images/arrow-left.png) no-repeat 5px 2px;color:#0071e2}

.faq a.menuitemup span{background: url(../images/arrow-down.png) no-repeat 5px 2px;color:#fd8900}

.faq a.menuitem:hover{}
.faq div.submenu{ border:none;}
.faq div.submenu ul{margin: 0;padding: 0;}
.faq div.submenu ul li{ margin:0; padding:0}
.faq .ques-icon{font-size:18px; padding:5px 5px 0 0; font-weight:bold; }

.faq div.submenu ul li span{display:block;font-size:15px;font-weight:bolder; padding:2px 5px 5px 10px;cursor: pointer;color:#555;border-top:1px solid #e4e4e4}
.faq div.submenu ul li span:hover{}
.faq div.submenu ul li span.active{color:#444;background:#f8f8f8 url(../images/list-bg.gif) repeat-x 0px 0px;}
.faq div.submenu ul li p{font-style:normal;color:#555; background:#f8f8f8; padding:5px 10px }


div.selectbox-wrapper {
    position:absolute;
    width:300px;
    background-color:#000;
    margin:0px;
    margin-top:0px;
    padding:0px;
    text-align:left;
    height:250px;
   *height:250px; /*IE6 fix */
   overflow: auto;
   z-index:999;
  
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px 0px 0 0;
  padding:0px;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;  
	color:#000;
}
div.selectbox-wrapper ul li.current { 
  background-color: #CDD8E4;
  color:#555;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  font-size:14px;
  color:#555;
  margin:0;
  padding:5px 2px 5px 8px;
  cursor:pointer;
  border-bottom:1px solid #212121;
}


.selectbox1 /* look&fell of  select box*/
{
  margin:0px 0px 0px 0px;
  padding-right:20px;
  font-size:28px;
  width : 300px; 
  display : block;
  text-align:right; 
  background:url('../images/arrow-down.gif') no-repeat right;
  /*height:18px;*/
  cursor: pointer;
  color:#fff;
  font-style:italic;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-weight:bold;
  text-transform:capitalize;
  border:none!important;
}



ul.topnav {
	list-style: none;
	padding: 0 20px;	
	margin: 0;
	float: left;
	width: 200px;
	font-size: 1.2em;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	padding: 0px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	font-size:24px;font-family:Georgia, "Times New Roman", Times, serif;
}
ul.topnav li a:hover{ background:none;}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 10px;
	height: 35px;
	float: left;
	background: url(../images/arrow-down.gif) no-repeat center 12px;
}
ul.topnav li span.subhover { cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left:0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 188px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 186px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 162px;
	padding: 8px 5px 8px 20px;;
	background: #333 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:capitalize
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(../images/dropdown_linkbg.gif) no-repeat 10px center; 
}



/* ==============================================  Login Page   ===========================================================  */




/* ---------------- loginBox -------------- */
.login-page{background-color:#f6f6f5; background-image:none}

.loginBox{ width:534px;margin:100px auto 0;padding:20px 0px 0px; background:url(../images/loginBox-top.gif) no-repeat left top;}
.loginBox .bot{background:url(../images/loginBox-bot.gif) no-repeat left bottom; width:auto; height:20px; display:block;font-size:0px; line-height:0}
.loginBox .container{width:auto;background:url(../images/loginBox-bg.gif) repeat-y left top; padding:25px 0px}

.loginBox .data{width:auto; padding:0px 10px; margin:0 25px}

.company{ float:left; width:180px; padding:80px 20px 0 0px; text-align:left}

.form_login{width:225px; float:left; border-left:1px solid #f1f1f1; padding-left:20px}
.form_login p{padding-bottom:5px}
.form_login label {text-align: left;width: 250px;float: left;padding:0px 2px 3px 0;}
.form_login .fieldbox {padding:3px;margin:0px 0px 5px; float:left; width:190px}
.form_login br{clear:left}
.form_login .checkbox,.form_login span { float:left; margin-right:5px}

.login-bot{width:350px; margin:0 auto; padding:10px 0; text-align:center;color:#888}

.login-bot .poweredby{ display:block; float:left; width:225px; height:29px;background:url(../images/poweredby.gif) no-repeat 0 0px; font-size:0px; text-indent:-9999px;}
.login-bot .forgotpass{ float:left; display:block;padding:10px 0px;}
.login-bot span{ float:left; display:block; width:2px; line-height:35px; padding:0 10px} 
.login-bot .forgotpass:hover{background:none; color:#666}
.submit_but {width:78px; height:27px; line-height:27px; cursor:pointer; margin-top:10px; text-align:center; color:#fff; background:url(../images/btn-signin.gif) no-repeat 0 0px; border:0px}