﻿html,body			{margin:0px; padding:0px; border:0px; background:transparent; font-size:100%; font-family:'Antenna', Helvetica Neue, Helvetica, Arial, sans-serif; font-weight:normal;}
a					{color:#0059b5; text-decoration:underline; cursor:pointer;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             		{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix 	{ zoom: 1; } /* IE7 */

.nowrap                 {white-space:nowrap;}

label                   {cursor:pointer;}

input,
select,
textarea                {font-family:Arial, Helvetica, sans-serif; color:#454545; font-size:13px; border: 1px solid #c4c4c4;
                         border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px;}

input                   {height:23px; padding:0px 10px;}
select                  {height:25px; padding:0px 0px 0px 10px;}
textarea                {height:23px; padding:5px 10px 0px;}
input[type=submit]      {width:80px; height:26px; font-size:11px; color:white; background:#0059b5; border:none;}
input[type=checkbox]    {border:none;}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #c4c4c4;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #c4c4c4;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #c4c4c4;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #c4c4c4;
}


input.error,
select.error            {border:1px solid red;}
label.error             {color:red !important;}
.errormessage           {color:red; font-weight:normal; font-size:12px; text-align:center; margin:10px 0px;}
.hide                   {display:none;}

.container              {position:relative; box-sizing:border-box; display:block; clear:both; width:100%; height:auto; min-height:180px; 
                         border:solid 1px #C1C1C1; border-radius:1px; margin:0 auto; background:white;}
.container::before,
.container::after       {content:""; display:block; height:0; clear:both;}

.prompt                 {color:#0059b5; font-weight:bold;}

#Step1                  {}
#Step1 .prompt          {font-size:13px; margin:0px; float:left;}
#Step1 .errormessage    {float:left; margin:0px; clear:left;}

#Step1 .header           {

  font-weight: normal;
  color: #ffffff;
  vertical-align: top;
  text-align: center;
  text-transform: uppercase;
  background-size: 100% 100%;


    background-image: url("../images/step1.png");
    background-repeat: no-repeat;
    line-height: 1.0;
    font-size: 2.25em;
    width: 200px;
    min-height: 180px;
    box-sizing: border-box;
    padding: 40px 60px 0 0;
    position: absolute;
    top: -1px;
    left: -1px;
    /*height: 100%;*/
  }
  #Step1 .header img {
    display: block;
    top: 10px;
    margin: 5px auto 0px;
  }
  #Step1 .form {
    padding-top: 57px;
    padding-left: 200px;
    width: auto;
    float: left;
  }




#cfZip                  {float:left; margin:10px 10px 10px 0px; width:104px; clear:left;}
#cfProviderSelect       {float:left; margin:10px 10px 10px 0px; width:194px;}
#Step1Submit            {float:left; margin:10px 0px 10px 0px;}


.resultsNat             {float:left; width:34.333333333%; /*min-width:239px;*/ height:101px; margin:0px; }
.resultsRgn             {float:left; width:29.222222222%; height:101px; margin:0px 0px 0px 1px; }
.resultsZip             {float:left; width:440px; height:22px; margin:1px 1px 0px 1px; padding-left:15px; clear:left; font-size:11px; font-style:italic; color:#c0c0c0; line-height:22px;}
.resultsZip a           {color:#c0c0c0;}            
.resultsGO              {float:left; width:100%; height:54px; margin:0px; background:#f6f6f6; color:#454545; font-size:10px;}
.resultsEmail           {position:absolute; top:1px; right:0px; width:36.15%; /*min-width:241px*/; height:123px; margin:0px 1px 1px 1px; border-left:1px solid #eaeaea;}
#ResultsProvider        { }

.lblNat                 {float:left; width:100%; height:17px; background:#dbdbdb; color:white; text-align:center; font-size:10px; line-height:17px;}
.lblRgn                 {float:left; width:100%; height:17px; background:#dbdbdb; color:white; text-align:center; font-size:10px; line-height:17px;}

.logoFS1                {float:left; width:42px; height:28px; margin:9px 0px 0px 15px; background:url(../images/logo-fs1.png);}
.logoFS2                {float:left; clear:left; width:42px; height:29px; margin:9px 0px 0px 15px; background:url(../images/logo-fs2.png);}
.logoGo                 {float:left; width:42px; height:29px; margin:13px 0px 0px 15px; background:url(../images/logo-foxsports.png);}
.logoBTN                {float:left; width:42px; height:28px; margin: 3px 6px 0px 0px !important; background:url(../images/logo-btn.png) no-repeat;}

#ChanFS1,
#ChanFS2                {float:left; width:auto; min-height:28px; margin:9px 0px 0px 6px; font-weight:bold; font-size:13px; color:#454545; line-height:14px;}
#ChanFS1 > br,
#ChanFS2 > br,
#ChanFS1 > p,
#ChanFS2 > p            {line-height: 13px; margin: 2px 0px 0px; font-size:0.9em; width:180px; float:left;}
#ChanFS1 > p.single,
#ChanFS2 > p.single     {line-height: 25px;}
#ChanFS1 > p span,
#ChanFS2 > p span       {font-size:0.9em;}
#RequestLinkFS1 > br,
#RequestLinkFS2 > br    {display:none;}


#RequestLinkFS1,
#RequestLinkFS2         {float:left; width:auto; height:24px; margin:14px 0px 0px 6px; font-weight:bold; font-size:11px; line-height:14px;}

a.requestBTN            {line-height: 22px; font-size:11px;}

#ChanRgn                {float:left; width:100%; height:79px; margin:7px 0px 7px 0px; padding-left:15px; font-weight:normal; font-size:11px; color:#454545; overflow-y:auto; box-sizing:border-box;}
#ChanRgn > div          {margin:5px 0px 0px; line-height:13px; font-size:13px;}

.emailPrompt            {float:left; margin:29px 10px 0px 10px; font-size:11px;}
#NewsEmail              {float:left; clear:left; width:155px; height:24px; margin:8px 0px 0px 10px;}
#NewsSubmit             {float:left; width:40px; height:26px; margin:8px 0px 0px 5px;}
#NewsThanks             {float:left; margin:10px 15px; font-size:12px; color:#464646;}
#NewsError              {float:left; clear:left; width:auto; height:35px; margin:5px 0px 0px 10px; text-align:left;}

#ResultsReset           {text-decoration:underline; cursor:pointer;}

#ResultsGoT, 
#ResultsGoF,
#ResultsGoS             {float:left; margin:9px 0px 0px 9px; line-height:12px;}
#ResultsGoF br          {display:none;}
.goTitle                {font-size:12px; font-weight:bold;}
.goDisc                 {font-size:9px; color:#7e7e7e; font-style:italic;}
#ResultsSling           {font-size: 11px; margin: 11px 14px 0px; font-style:italic; font-weight:600;}

.requestTop img         {float:left; margin:11px 9px 0px 20px; width:42px;}
#Step3 .prompt          {float:left; margin:12px 0px 0px 0px; font-size:14px;}
#Step3 .form            {position:relative; clear:both; max-width:460px; margin:0 auto; padding:0px 10px 28px;}
#RequestName            {float:left; margin:0px; width:37.4%; max-width:198px; clear:left; box-sizing:border-box;}
#RequestEmail           {float:left; margin:7px 0px 0px 0px; width:37.4%; max-width:198px; clear:left; box-sizing:border-box;}
#RequestComments        {float:right; margin:-23px 0px 0px 9px; width:62.6%; max-width:277px; height:53px; clear:right; box-sizing:border-box;}
#RequestOptin           {float:left; clear:both; margin:0px 5px 0px 0px;}
#Step3 label            {float:left; font-size:11px; line-height:24px; color:#464646;}
#Step3Error             {width:378px; text-align:left; position:absolute; left:0px; bottom:30px; margin:0px 0px 0px 10px;}

#RequestSubmit          {float:right; clear:left; margin:0px;}
#RequestCancel          {float:right; clear:left; margin:0px 3px 0px 0px; color:#0059b5; background:transparent; border:none; padding:0px; width:64px;}

.requestZip             {position:absolute; left:0px; bottom:0px; padding-left:15px; clear:left; font-size:11px; font-style:italic; color:#c0c0c0; line-height:27px;}
.requestZip a           {color:#c0c0c0;}            

#Step4                  {text-align:center;}
.thanksLogo             {width:74px; height:48px; margin:0px auto 15px auto; padding-top:26px;}
#Step4 .prompt          {text-align:center;}
#ThanksReturn           {width:auto;}

@media (max-width: 719px) {

    .container          {min-height:350px;}
    #Step1 .header      {position:relative; width:100%; min-height:140px; padding:0px; font-size:2.5em; text-align:center; line-height:115px; background-image:url(../images/step1-mobile.png);}
    #Step1 .header img  {position:relative; top:0px; display:inline-block; margin-left:15px;}
    
    #Step1 .form        {display:block; padding:10px; max-width:100%;}
    #Step1 .prompt      {margin:0px;float:none;}
    
    #cfZip              {clear:both; margin:10px 0px 0px 0px;}
    #cfProviderSelect   {clear:both; margin:10px 0px 0px 0px; width:auto; max-width:90%;}
    #Step1Submit        {clear:both; margin:10px 0px 0px 0px;}
    #Step1 .errormessage{clear:left; margin:10px 0px 0px 0px;}
    
    .resultsNat         {height:auto; width:100%;}
    .resultsRgn         {height:auto; clear:left; width:100%;}
    .resultsGO          {position:relative; width:100%; height:auto; min-height:50px}
    .resultsZip         {width:100%; box-sizing:border-box;}

    .logoGo             {position:absolute; top:0px; left:0px;}

    .lblNat             {display:none;}
    .lblRgn             {display:none;}

    #ChanRgn            {width:100%; height:74px; margin:0px; padding-top:4px;}
    #ChanRgn > div      {margin:5px 0px 0px;}


    #ResultsGoT,
    #ResultsGoF,
    #ResultsGoS         {width:auto; margin:0px; padding:9px 0px 5px 65px;}
    #ResultsGoF         {margin-top:4px;}
    #ResultsProvider    {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; max-width:50%; display:inline-block; height:22px; line-height:22px; vertical-align:bottom;}

    #ChanFS1 > p,
    #ChanFS2 > p        {width:190px;}


    .emailPrompt        {margin-top:10px;}
    #NewsError          {margin-top:1px;}
    #NewsThanks         {margin:7px 5px 0px 15px; }

    .resultsEmail       {position:relative; top:auto; right:auto; float:left; width:100%; height:92px; margin:0px 1px 1px; border-left:0px;}
    
    .requestTop         {width:57px; margin:0px auto;}
    .requestTop img     {float:none; margin:11px auto 0px auto; width:57px;}


    .thanksLogo         {padding-top:80px;}
    #Step3 .form        {max-width:100%;}
    #Step3 .prompt      {float:none; margin:0px 25px 10px; text-align:center;}
    
    #RequestName            {margin:0px; width:100%; max-width:100%;}
    #RequestEmail           {margin:7px 0px 0px 0px; width:100%; max-width:100%;}
    #RequestComments        {margin:7px 0px 0px 0px; width:100%; max-width:100%;}
    #RequestOptin           {}
    #Step3 label            {float:left; width:85%; line-height:14px; padding-top:5px; }
    #RequestSubmit          {margin-top:13px; margin-right:10px;}
    #RequestCancel          {margin-top:13px;}
    .requestZip             {margin-top:22px; padding-left:10px; line-height:13px;}
    #Step3Error             {bottom:10px;}

    #Step4 .prompt          {margin:15px 42px;}
}


@media (max-width: 260px) {

    #ChanFS1,
    #ChanFS2                { line-height: 14px; }
    #ChanFS1 > br,
    #ChanFS2 > br,
    #RequestLinkFS1 > br,
    #RequestLinkFS2 > br    {display:inline;}
    #RequestLinkFS1,
    #RequestLinkFS2         {margin-top:9px;}


    .resultsZip             {height:auto; line-height:13px;}
    #ResultsProvider        {height:auto; line-height:13px;}
    #ResultsReset           {display:block;}

    .resultsEmail           {width:100%; min-width:0px; height:auto;}
    #NewsEmail              {width:58%;}

    #Step3Error             {position:relative; width:auto; float:left; margin:4px 0px 0px 0px;}
}