body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em; text-align: center; }
a { cursor: pointer; }
.clear:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
/* Page Wrapper */
#wrapper { width: 960px; margin: 0 auto; padding: .25em 0; }
/* Fanwagon Logo */
h1 { width: 249px; height: 66px; margin: 0; padding: 0; float: left; }
h1 a { width: 249px; height: 66px; display: block; overflow: hidden; line-height: 320px; background: url("/images/logoWagon.gif") no-repeat top left; border: none !important; color: #fff; }
h1 a:hover { -webkit-opacity: .8; }
h1 small { font-size: 1px; color: #fff; }
/* Header Tagline Wrapper */
#header { margin: 0em 0 0em 3em; height: 66px; }
/* Header Tagline Text */
#jump { width: 250px; float: right; text-align: right; height: 66px; }
#header p { text-align: right; margin: 0; color: #666; font-size: 14px; padding: .5em 0em 0em; }
#header select { color: #454545; margin: 0; border: 1px solid #999; padding: 0; font-size: 12px; -webkit-border-radius: 5px; }
#desc { font-size: 16px; color: #000000; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: #e7eef2; height: 40px; line-height: 40px; }
/* GLUE */
#glue { font-size: 1px; z-index: 10; position: relative; top: 489px; text-align: center; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 435px; width: 90px; height: 28px; }
#glue p { margin: 0pt; padding: 0pt; }
#glue a { background: transparent url("../images/glueBadge.gif") no-repeat scroll left top; border: medium none !important; display: block; height: 28px; line-height: 72px; overflow: hidden; text-align: center; width: 90px; }
/* HERO AREA */
#heroArea { height: 517px; width: 960px; float: left; margin-bottom: 1.75em; margin-top: -2em; }
#heroLeft { height: 517px; width: 480px; overflow: hidden; float: left; }
#heroLeft h1 { width: 480px; height: 517px; display: block; overflow: hidden; line-height: 1200px; background: url("/images/americanidol.jpg") no-repeat top left; border: none !important; color: #fff; }
#heroRight { height: 517px; width: 480px; overflow: hidden; float: right; }
#heroRight h1 { width: 480px; height: 517px; display: block; overflow: hidden; line-height: 1200px; background: url("/images/drivethru.jpg") no-repeat top left; border: none !important; color: #fff; }
/* Sign up form */
#signUpForm { background-color: #f8fafb; height: 50px; width: 959px; border: 1px solid #e7eef2; }
#signUpForm label { display: none; }
#signUpForm .textField { text-align: left; color: #454545; margin: 0; border: 1px solid #999; padding: 4px; font-size: 12px; position: relative; z-index: 2; -webkit-border-radius: 5px; -moz-border-radius: 5px;  margin-left: 2em;}
#signUpForm .textField:focus { color: #222; background-color: #eee; border: 1px solid #666; }
#signUpForm .button { float: none; border: none; margin: 0; width: 68px; background-color: #01a3e3; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 24px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; line-height: 20px; cursor: pointer; cursor: hand; }
#signUpForm .button:hover, #signUpForm .button:focus { background-color: #45B3DF; }
/* CONTACT AREA */
#googleads { height: 100px; border-top-width: 1px; border-top-style: solid; border-top-color: #e7eef2; margin-top: 2em; padding-top: 1.5em; clear: both; }
/* FOOTER */
#footerWrapper { margin: 0 auto; text-align: center; color: #666; font-size: 13px; clear:both; }
#footerWrapper ul { border-top: 1px solid #e7eef2; border-bottom: 1px solid #e7eef2; list-style-type: none; padding: 1.5em 0 1em; height: 30px; }
#footerWrapper ul li { display: inline; padding: 0 1.2em; float: left !important; }
#footerWrapper ul li a { float: none !important; display: inline; }
#footerWrapper a, a:visited { text-decoration: none; border-bottom: 1px dotted #01a3e3; color: #01a3e3; }
#footerWrapper a:hover { color: #FFFFFF; background-color: #01a3e3; text-decoration: none; }
#footerWrapper p { font-size: 11px; padding-bottom: 2em; }
#footerWrapper p a { float: none !important; }
/* ERRORS, MISC */
hr { clear: both; visibility: hidden; }
/* alert wrapper for vertical position NO PADDING SHOULD BE SET HERE */
#alert { position: absolute; width: 960px; text-align: center; margin-top: -48px; }
/* alert wrapper background image wrapper */
#alert p { width: 50%; height: 65px; padding: 0; font-size: 1px; overflow: hidden; display: block; margin: 0 25%; line-height: 300px; background-repeat: no-repeat; background-position: center top; }
/* alert error background image */
#alert p.error { background-image: url("/images/alert_error.png"); }
/* alert confirm background image */
#alert p.confirm { background-image: url("/images/alert_confirm.png"); }
/* email input field when set as error alert */
input.error { background: #f3dfdf !important; color: #bf0130 !important; }


/* Widget pages */
/* DOWNLOAD & HERO AREA */
.widgetPage #heroArea { background: url("/images/heroBack.jpg") top left repeat-x; height: 525px; padding: 1.5em 0em 0em; }
.widgetPage #pageGlue { font-size: 1px; z-index: 10; position: relative; top: 0px; text-align: center; width: 90px; height: 28px; float: right; padding-right: 20px; }
.widgetPage #pageGlue p { margin: 0pt; padding: 0pt; }
.widgetPage #pageGlue a { background: transparent url("../images/glueBadge.gif") no-repeat scroll left top; border: medium none !important; display: block; height: 28px; line-height: 72px; overflow: hidden; text-align: center; width: 90px; }
.widgetPage #heroArea h1 { font-size: 18px; color: #000; padding-top: 2.25em; text-align: left; float: left; width: 400px; padding-bottom: 0px; height: 20px; }
.widgetPage #heroArea h2 { color: #333; text-align: left; float: left; width: 600px; }
.widgetPage #heroArea h2 b { width: 590px; font-size: 18px; }
.widgetPage #heroLeft { height: 500px; width: 300px; overflow: hidden; float: left; padding: 0 0 0 1.5em; margin-right: 1em; }
.widgetPage #heroLeft img { margin: 0px 0px 0px -1em; }
.widgetPage #download { width: 560px; margin: 0; line-height: 1.5em; background-color: #f8fafb; border: 1px solid #e7eef2; float: left; height: 160px; position: relative; text-align: left; padding: 20px; }
.widgetPage #download a, #idol #download a:visited { text-decoration: none; border-bottom: 1px dotted #01a3e3; color: #01a3e3; }
.widgetPage #download a:hover { color: #FFFFFF !important; background-color: #01a3e3; text-decoration: none; }
.widgetPage #download h3 { text-align: left; }
.widgetPage #download p { color: #000; font-size: 14px; line-height: 18px; float: left; text-align: left; }
.widgetPage #download b { float: right; width: 193px; height: 60px; padding: 1.75em 1.75em 0 0; }
.widgetPage #download p span a, #idol #download p span a:visited { font-size: 12px; display: block; float: right; color: #caab58; text-decoration: none; border-bottom: 1px dotted #caab58; }
.widgetPage #download .note { line-height: 12px; color: #666; font-weight: normal; }
.widgetPage #downloadLink { background: url("/images/btnDownload.jpg") no-repeat 0 0; width: 193px; height: 60px; display: block; overflow: hidden; font-size: 1px; line-height: 300px; border-bottom: 0 !important; }
.widgetPage #downloadLink:hover { background-color: transparent !important; }
.widgetPage #download input.textField { font-size: 150%; width: 300px; padding: 5px; color: #454545; border: 1px solid #999; -webkit-border-radius: 5px; }
.widgetPage #download input.textField:focus { color: #222; background-color: #eee; border: 1px solid #666; }
.widgetPage #downloadError { color: red; }
.widgetPage #downloadActionMessage { position: absolute; bottom: 10px; right: 140px; }
/* Banners */
#idol #heroArea h2 u { width: 292px; height: 54px; display: block; overflow: hidden; background: url("/images/idolTitle.gif") no-repeat; font-size: 1px; color: #fff; line-height: 124px; margin-bottom: 20px; }
#dtr #heroArea h2 u { width: 410px; height: 54px; display: block; overflow: hidden; background: url("/images/dtrTitle.gif") no-repeat; font-size: 1px; color: #fff; line-height: 124px; margin-bottom: 20px; }
/* DTR differnces */
#dtr #heroArea { height: 514px; margin-bottom: 0px; }
/* Idol Ad */
#IdolAd { height: 100px; }
#idolAd b { height: 100px; width: 245px; float: left; color: #FFF; background-repeat: no-repeat; overflow: hidden; background-image: url("../images/idolBanner.jpg"); margin-right: 2.5em; margin-left: 2.5em; line-height: 248px; }
#idolAd p { font-size: 16px; color: #000; float: left; width: 635px; text-align: left; line-height: 18px; margin-top: -0.25em; }
#idolAd span { font-size: 14px; line-height: 12px; color: #666; }
#idolAd textarea { font-size: 12px; line-height: 16px; color: #000; text-align: left; text-decoration: none; font-family: "Courier New", Courier, monospace; background-color: #f8fafb; width: 550px; border: 1px solid #e7eef2; padding: 0.25em; z-index: 2; margin-right: 55px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#idolAd a, #idolAd a:visited { text-decoration: none; border-bottom: 1px dotted #01a3e3; color: #01a3e3; }
#idolAd a:hover { color: #FFFFFF; background-color: #01a3e3; text-decoration: none; }
#idolAd span { color: #666; font-size: 14px; line-height: 12px; }

#jump select{

	-moz-border-radius: 2px 4px 2px 1px;
	

/* This also could work for firefox
	-moz-outline: #999 solid 1px;
	-moz-outline-radius: 1px 4px 2px 1px;
	-moz-border-radius: 0px;
	-moz-border-top-colors: #ffffff;
	-moz-border-bottom-colors: #ffffff;
	-moz-border-left-colors: #ffffff;
	-moz-border-right-colors: #ffffff;	


	*/
}
/* LEGAL */
#legalContent{ text-align: left;}
#legalContent a, #legalContent a:visited { text-decoration: none; border-bottom: 1px dotted #01a3e3; color: #01a3e3; }

/* UPDATE */
#download a:hover{
	color: #ffffff;
}