/***** reset css *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family:Arial, Helvetica, sans-serif;
}
ol, ul
{
	list-style: none;
}
blockquote, q
{
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}
:focus
{
	outline: 0;
}
ins
{
	text-decoration: none;
}
del
{
	text-decoration: line-through;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
/***** end of reset css ******/

/***** common class *****/
.clear
{
	clear:both;
}
.ff-btn-facebook
{
	background:transparent url(../img/ff-btn-facebook.png) no-repeat;
	display:inline-block;
	height:22px;
	text-indent:-20000em;
	width:165px;	
}
#container .jScrollPaneTrack,
#iframe-popup .jScrollPaneTrack
{
	border:1px solid #0a2858;
	background:#fff url(../img/ff-slider-body-jscrollpanetrack.gif) repeat-y;
}
#container .jScrollPaneDrag,
#iframe-popup .jScrollPaneDrag
{
	background:#36569f url(../img/ff-slider-body-jscrollpanedrag.gif) no-repeat center center;
}
/***** end common class *****/

body.page {
	background:#FFE119;
}

/***** text button style *****/
.ff-text-button
{
	display:inline-block;
	background:#dc0059 url(../img/ff-text-button.png) no-repeat;
	width:39px;
	height:19px;
}
input.ff-text-button
{
	background-position:-151px 0;
	border-width:0;
	height:24px;
	width:59px;
	text-indent:-20000px;
	-line-height:99px;
	*text-transform:capitalize;
	cursor:pointer;
}
input.ff-text-button:hover
{
	background-position:-151px -24px;
}
.ff-text-button:hover
{
	background:#dc0059 url(../img/ff-text-button.png) no-repeat 0 -19px;
}
.ff-text-button span
{
	display:none;
}
.ff-text-button-register
{
	background-position:-39px 0;
	width:61px;
	height:19px;
}
.ff-text-button-register:hover
{
	background-position:-39px -19px;
}
.ff-text-button-logout
{
	background-position:-100px 0;
	width:50px;
	height:19px;
}
.ff-text-button-logout:hover
{
	background-position:-100px -19px;
}

.ff-text-button-account
{
	background-position:-210px 0;
	width:90px;
	height:19px;
}
.ff-text-button-account:hover
{
	background-position:-210px -19px;
}
.ff-popup-overlay div.close {
	background:#dc0059 url(../img/ff-text-button.png) no-repeat;
	background-position:-299px 0;
	width:58px;
	height:19px;
	position:absolute;
	top:20px;
	right:20px;
}
.ff-popup-overlay div.close:hover {
	cursor:pointer;
	background-position:-299px -19px;
}
select.state {
	border:1px solid #fff;
	padding:1px;
	width:250px;
	margin-left:2px;
}

/***** end text button style *****/

/***** body css ******/
body
{
	background-color:#fff;
	/*background-color:#ffe119;*/
}
#container
{
	min-width:520px;
	width:100%;
	height:694px;
	margin:auto;
	position:relative;
	max-width:680px;
	/*border:1px solid #f00; /* TODO remove */
}
#header
{
	height:186px;
	position:relative;
	background-color:#ffe119;
}
#body
{
	height:508px;
	background-color:#0a2858;
	position:relative;
}
#footer
{
	position:relative;
	z-index:1;
	-zoom:1;
}
/***** end of body css *****/

/***** header css *****/
#ff-logo
{
	position:relative;
	top:9px;
	left:5px;
	z-index:1;
	width:auto;
	width:240px;
	height:140px;
	background:transparent none no-repeat 0 0;
	display:block;
}
#ff-promo
{
	width:360px;
	height:186px;
	position:absolute;
	top:0;
	right:0;
}
#ff-promo .ff-promo-pager
{
	position:absolute;
	right:5px;
	bottom:36px;
}
#ff-promo .ff-promo-pager a
{
	background:transparent url(../img/ff-promo-pager.png) no-repeat;
	display:block;
	width:17px;
	height:17px;
	float:left;
}
#ff-promo .ff-promo-pager a.active
{
	background-position:0 -17px;
}
#ff-twitter-banner
{
    position:absolute;
    left:2px;
    bottom:36px;
    height:42px;
    z-index:1;
}
/***** end header css *****/

/***** tabs css *****/
#ff-tabs
{
	height:36px;
	width:100%;
	position:absolute;
	top:-36px;
	left:0px;
}
#ff-tabs a
{
	display:block;
	background:transparent url(../img/ff-tabs.png) repeat-x 0 0;
	position:absolute;
	left:4px;
	right:4px;
}
#ff-tabs .ff-tabs-highlight
{
    left:0;
}
#ff-tabs .ff-tabs-survey-says
{
    right:0;
}
#ff-tabs a strong
{
	display:block;
	overflow:hidden;
	background:transparent url(../img/ff-tabs-title.png) no-repeat center 0;
	margin:auto;
	height:36px;
	width:135px;
}
#ff-tabs a strong em
{
	display:none;
}
#ff-tabs .ff-tabs-classic-clip strong
{
	background-position:center -36px;
}
#ff-tabs .ff-tabs-survey-says strong
{
	background-position:center -72px;
}
#ff-tabs li
{
	float:left;
	width:33%;
	height:36px;
	position:relative;
}
#ff-tabs li.middle
{
	width:34%;
}
#ff-tabs li.last
{
	*position:absolute;
	*top:0;
	*right:0;
}
#ff-tabs a span
{
	display:block;
	position:absolute;
	left:10px;
	right:0;
	background:transparent url(../img/ff-tabs.png) right 0;
}
#ff-tabs .ff-tabs-highlight 
{
	height:36px;
	background-position:right 0;	
}
#ff-tabs .ff-tabs-classic-clip
{
	height:36px;
	background-position:0 -108px;	
}
#ff-tabs .ff-tabs-survey-says
{
	height:36px;
	background-position:0 0;	
}
#ff-tabs .ff-tabs-highlight:hover,
#ff-tabs a:hover span
{
	background-position:right -72px;	
}
#ff-tabs .ff-tabs-classic-clip:hover
{
	background-position:0 -180px;
}
#ff-tabs .ff-tabs-survey-says:hover
{
	background-position:0 -72px;	
}
#ff-tabs .active .ff-tabs-highlight,
#ff-tabs .active a span
{
	background-position:right -36px;	
}
#ff-tabs .active .ff-tabs-classic-clip
{
	background-position:0 -144px;
}
#ff-tabs .active .ff-tabs-survey-says
{
	background-position:0 -36px;	
}
/***** end tabs css *****/

/***** video container css *****/
#ff-video-container
{
	position:relative;
	background:transparent url(../img/ff-video-container.png) no-repeat 0 10px;
	height:483px;
	width:360px;
	margin:auto;
	padding:25px 20px 0 20px;
}
#ff-video-container .ff-video-player
{
	width:360px;
	height:270px;
	margin:auto 
}
#ff-video-container .ff-video-list
{
	position:relative;
}
#ff-video-container .ff-video-list-page
{
	width:360px;
	overflow:hidden;
	*position:relative;
}
#ff-video-container .ff-video-list .ff-video-list-meta
{
	color:#fff;
	font-size:12px;
	text-align:right;
	padding:9px 20px 0 0;
}
#ff-video-container .ff-video-list ul
{
	margin:6px auto 0;
	overflow:hidden;
	height:128px;
	width:20000em;
}
#ff-video-container .video-item
{
	float:left;
	position:relative;
	margin-right:15px;
	color:#fff;
}
#ff-video-container img
{
	/*width:110px;*/
	height:85px;
}
#ff-video-container .video-item .title
{
	font-size:12px;
}
#ff-video-container .video-item .time
{
	font-size:11px;
}
#ff-video-container .video-item a {
	display:block;
	width:110px;
	height:85px;
	overflow:hidden;
}
#ff-video-container .video-item a:hover .video-item-border,
#ff-video-container .video-item-active a .video-item-border
{
	border:3px solid #ffe119;
	position:absolute;
	width:104px;
	height:79px;
	top:0;
	left:0;
}
#ff-video-container .video-item-active a .video-item-overlay
{
	position:absolute;
	width:110px;
	height:85px;
	top:0;
	left:0;
	background-color:#ffe119;
	filter: alpha(opacity=50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#ff-video-container .ff-video-prev,
#ff-video-container .ff-video-next
{
	background:transparent url(../img/ff-video-list-nav.png) no-repeat 0 0;
	width:50px;
	height:95px;
	display:block;
}
#ff-video-container .ff-video-prev span,
#ff-video-container .ff-video-next span
{
	display:none;
}
#ff-video-container .ff-video-prev
{
	position:absolute;
	top:25px;
	left:-60px;
}
#ff-video-container .ff-video-next
{
	position:absolute;
	top:25px;
	right:-60px;
	background-position:-50px 0;
}
#ff-video-container .ff-video-prev:hover
{
	background-position:0 -95px;
}
#ff-video-container .ff-video-next:hover
{
	background-position:-50px -95px;
}
/***** end video container css *****/

/***** user bar css *****/
#ff-user-bar .ff-user-bar-login,
#ff-user-bar .ff-user-bar-logout
{
	font-family: "Bell Gothic Std Light", "Bell Gothic Std Black";
	color:#fff;
	font-size:12px;
	letter-spacing:1px;
	width:400px;
	height:34px;
	margin:auto;
	padding-top:6px;
	-line-height:1;
}
#ff-user-bar .ff-user-bar-logout
{
	display:block !important;
}
.ff-user-bar-loggedin .ff-user-bar-login
{
	display:none;
}
.ff-user-bar-loggedin .ff-user-bar-logout
{
	display:block !important;
}
#ff-user-bar .ff-text-button
{
	position:relative;
	top:5px;
}
#ff-user-bar .ff-user-bar-logout
{
	text-align:right;
}
#ff-user-bar .ff-user-bar-logout span
{
	letter-spacing:normal;
}
/***** end user bar css *****/

/***** survey container css *****/
#ff-survey-container
{
	background:transparent url(../img/ff-survey-container.png) no-repeat;
	width:400px;
	height:468px;
	margin:auto;
}
#ff-survey-container h3
{
	color:#fff;
	padding:15px 0 0 20px;
	font-size:16px;
}
#ff-survey-container ul
{
    display:block;
    height:396px;
    overflow-x:hidden;
    overflow-y:auto;
}
#ff-survey-container li
{
	position:relative;
	border:2px solid #092454;
	background:#eff2f7 url(../img/ff-survey.gif);
	padding:10px;
	min-height:80px;
	width:346px;
	margin:20px 0 20px 20px;
	color:#0a2858;
}
#ff-survey-container .ff-survey-question
{
	font-size:14px;
	margin-top:10px;
	*padding-top:10px;
}
#ff-survey-container .ff-survey-answer
{
	font-size:14px;
	background:#0a2858 url(../img/ff-survey-answer.png);
	height:24px;
	width:248px;
	margin-top:14px;
	padding-left:92px;
	border:3px solid #0a2858;
}
#ff-survey-container .ff-survey-answered
{
	background:#0a2858 url(../img/ff-survey-answer.png) no-repeat 0 -24px;
}
#ff-survey-container .ff-survey-answered form
{
	display:none;
}
#ff-survey-container label
{
	display:none;
}
.ff-text-input
{
	background:transparent url(../img/ff-text-input.png);
	border-width:0;
	padding:4px 2px 0;
	height:20px;
	width:180px;
	color:#0a2858;
}
.ff-text-input:focus
{
	background-position:0 -24px;
}
.ff-text-input-empty
{
	color:#a0a0a0;
}

.ff-popup-form .ff-text-input,
.ff-landing-body .ff-text-input
{
	background-position:-184px 0;
	width:249px;
}
.ff-popup-form .ff-text-input:focus,
.ff-landing-body .ff-text-input:focus
{
	background-position:-184px -24px;
}

#ff-survey-container .ff-text-input
{
	position:relative;
	top:-1px;
}
#ff-survey-container .ff-survey-number
{
	background:transparent url(../img/ff-survey-number.png);
	width:24px;
	height:24px;
	color:#fff;
	font-weight:bold;
	font-size:19px;
	text-align:center;
	position:absolute;
	top:-12px;
	left:-12px;
}
#ff-survey-container .jScrollPaneTrack
{
	height:394px;
}
/***** end survey container css *****/

/***** footer tab *****/
.ff-slider-wrapper
{
    min-width:257px;
    width:50%;
    position:relative;
    height:1px;
    bottom:1px;
    float:left;
}
.ff-slider
{
	background:transparent url(../img/ff-slider-bg.png) repeat-x 0 0;
	height:54px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	left:3px;
	right:3px;
}
/* tab jumps when mouse over */
.ff-slider:hover
{
    height:57px !important;
}
.ff-slider-open:hover
{
    height:400px !important;
}
.ff-slider-get-tickets
{
    left:0;
}
.ff-slider-about-john
{
	right:0;
}
.ff-slider-open
{
	height:400px;	
}
.ff-slider-about-john
{
	background-position:-5px 0;
}
.ff-slider-about-john.ff-slider-open
{
	background-position:-267px 0;
}

.ff-slider-about-john h3 a 
{
	display:block;
	height:36px;
	left:0;
	position:absolute;
	top:17px;
	width:338px;
}

.ff-slider-header
{
    background:transparent url(../img/ff-slider-tab.png) no-repeat center 0;
	min-width:192px;
	width:100%;
	height:14px;
	padding:29px 0 11px 0;
	cursor:pointer;
}
.ff-slider-open .ff-slider-header
{
	background-position:center -54px;	
}
.ff-slider-header h3
{
	background:transparent url(../img/ff-slider-header-2.png) no-repeat 0 0;
	width:144px;
	height:15px;
	margin:auto;
}
.ff-slider-about-john .ff-slider-header h3
{
	background-position: 0 -15px;
	width:144px;
	height:15px;
}
.ff-slider-header span
{
	display:none;
}
.ff-slider-john
{
	background:transparent url(../img/ff-slider-steve.png) no-repeat 0 0; 
	width:114px; 
	height:227px; 
	position:absolute;
	left:0;
	top:8px;
	z-index:2;
}
.ff-slider-about-john .ff-slider-john
{
	background-position:0 -227px; 
	height:230px;
	left:auto;
	right:0;
}
.ff-slider-body
{
    position:relative;
	background-color:#ffe119;
	height:330px;
	padding:8px 39px;
}
.ff-slider-scroll
{
	position:relative;
	width:100%;
	height:100%;
	overflow:auto;
	font-size:12px;
	color:#0a2858;
}
.ff-slider-padding
{
    background-color:#fff;
    padding:7px 0;
    height:310px;
}
.ff-slider-padding-left,
.ff-slider-padding-right
{
    background:#ffe119 url(../img/ff-slider-body.png) no-repeat 8px 8px;
    width:39px;
    height:100%;
    position:absolute;
    top:0;
    left:0px;
}
.ff-slider-padding-right 
{
    background-position:-207px 8px;
    left:auto;
    right:0px;
}
.ff-slider-about-john .ff-slider-padding-left
{
    background-position:31px 8px;
}
.ff-slider-about-john .ff-slider-padding-right
{
    background-position:-185px 8px;
}
.ff-slider-about-john .jScrollPaneTrack
{
	left:0;
	right:auto;
}
.ff-slider-body .jScrollPaneTrack
{
	height:308px;
}
/***** end footer tab *****/

/***** popup style *****/
.ff-popup-overlay
{
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

.ff-popup-overlay iframe {
	display:none;
	width:1px;
	height:1px;
	position:absolute;
	left:-5000px;
	border:0px solid;
}
.ff-popup-overlay .ff-popup-body {
	height:442px;
	overflow:auto;
	width:446px;
}
/* popup titles */
.ff-popup-title
{
	display:inline-block;
	background:transparent url(../img/ff-popup-title.png) no-repeat;
	width:380px;
	height:18px;
	text-indent:-20000em;
}
.ff-popup-title-returning-user
{
	background-position:0 -18px;
	width:151px;
	height:18px;
}
.ff-popup-title-or
{
	background-position:0 -36px;
	width:24px;
	height:18px;
}
.ff-popup-title-forgot-password
{
	background-position:0 -54px;
	width:177px;
	height:18px;
}
.ff-popup-form-myaccount .ff-popup-title
{
	background-position:0 -72px;
	width:151px;
	height:18px;
}
.ff-popup-overlay
{
	background-color:#fff;
	width:456px;
	padding:12px;
}
.ff-popup-overlay .ff-popup-form-message
{
    font-size:14px;
    color:#f00;
    padding-left:90px;  
}
.ff-popup-overlay .ff-popup-form
{
	background-color:#FFE119;
	padding:10px;
	margin-bottom:15px;
}
#ff-popup .ff-popup-form-myaccount, #iframe-popup .ff-popup-form {
	margin-bottom:0;
}
#iframe-popup .ff-popup-form {
	height:460px;
}
#iframe-popup .ff-popup-form  h3 {
	color:#0A2858;
	font-size:18px;
	line-height:18px;
	background:none;
	text-indent:0;
	text-transform:uppercase;
}
.ff-popup-overlay .ff-popup-form h3
{
	margin-bottom:10px;
}
#ff-popup .ff-popup-form form
{
	padding-right:48px;
}
#ff-popup .ff-popup-form-row label
{
	width:120px;
	text-align:right;
	display:inline-block;
	font-size:14px;
}
#ff-popup label.error
{
    font-size:14px !important;
    color:#f00;
}
#ff-popup .ff-popup-form-row label.error
{
	width:auto;
	padding-left:120px;
	text-align:left;
}
#ff-popup .ff-popup-form-terms label.error
{
	display:inline-block;
}
#ff-popup .ff-popup-form-terms
{
	font-size:10px;	
	padding-left:120px;
}
#ff-popup .ff-popup-form-terms span
{
	font-size:12px;
	padding-left:7px;
	display:inline-block;
}
#ff-popup .ff-popup-form-terms a
{
	color:#000;
}
#ff-popup .ff-popup-form-row,
#ff-popup .ff-popup-form-row2,
#ff-popup .ff-popup-form-submit
{
	margin-bottom:6px;
}
#ff-popup .ff-popup-form-submit
{
	text-align:right;
}
#ff-popup .ff-popup-form-password,
#ff-popup .ff-popup-form-signin
{
	text-align:right;
	color:#f00;
	font-size:12px;
}
#ff-popup .ff-popup-form-password a,
#ff-popup .ff-popup-form-signin a
{
	color:#f00;
}
#ff-popup .ff-popup-title-or
{
	margin:0 15px;
	*display:block;
	*float:left;
}
.ff-popup-iframe .jScrollPaneTrack
{
	height:440px;
}
/***** end popup style *****/