/* Minification failed. Returning unminified contents.
(268,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(268,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(268,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(268,80): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(268,94): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(268,107): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(268,120): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(268,132): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(268,144): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(269,38): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(537,1): run-time error CSS1019: Unexpected token, found '}'
 */

.floatRight{ float: right}
.floatLeft{ float: left}

@media screen and (max-width: 768px) {
    .leagueDateColumn {
        display: none;
    }
}


.CancelJoinLeagueBtn a {
    display: block;
    background-color: #920101;
    color: #fff;
    padding: 4px;
    border-radius: 3px;
    border-color: #a70303;
}


.flip-glyphicon {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}


.CancelJoinLeagueBtn a:hover {
        display: block;
        color: #fff;
        padding: 4px;
        text-decoration: none;
        font-weight: bold;
        background-color: #a70303;
        border-color: #920101;
        border-radius: 3px;
        box-shadow: 0 8px 4px -6px #000000;
    }





#LeagueList a {
    display: block;
    background-color: #3cb371;
    color: #fff;
    padding: 4px;
    border-radius: 3px;
    border-color: #484646;
    
}
    #LeagueList a:hover {
        display: block;
        color: #fff;
        padding: 4px;
        text-decoration: none;
        font-weight: bold;
        background-color: #4aad20;
        border-color: #008000;
        border-radius: 3px;
        box-shadow: 0 8px 4px -6px #000000;
    }



.LeagueListImIn {
    clear: both;
    display: block;
    color: #fff;
    padding: 4px;
    text-decoration: none;
    font-weight: bold;
    background-color:#7f8c8d;
    border-color: #cccccc;
    border-radius: 3px;
}


.btnJoin 
{
    border-radius: 3px;
    border-color: #fff;
    background-color: Green;
    color: white;
    padding: 3px 6px;
}
    .btnJoin:hover {
        border-radius: 3px;
        border-color: #fff;
        background-color: #4aad20;
        color: white;
        padding: 3px 6px;
       
    }

.btnJoinLeague {
    display: block;
    background-color:#008000;
    color: #fff;
    padding: 4px;
    border-radius: 3px;
    border-color: #484646;
}
btnJoinLeague :hover {
    display: block;
    color: #fff;
    padding: 4px;
    text-decoration: none;
    font-weight: bold;
    background-color: #32cd32;
    border-color: #008000;
    border-radius: 3px;
    box-shadow: 0 8px 4px -6px #000000;
}




div#Calculating {
    display: none;
}

.IsMyPicks{ background-color:#e6fde0; font-weight: bold; font-style:italic}
.IsNotMyPicks{background-color:#fff;}

.seasonRowNonChase {
    background-color: #cccccc;
}

.seasonPickRowUPdated{background-color:#8fbc8f;color:#fff}
.UpdatePickNumber{  font-size: 1.2em;}

.seasonPickRow {
    background-color:#fff ;
    color: #000;
    font-weight: bolder;
}

 .BlackFlag{background-image:url('/Assets/Flags/Bflag.jpg');}
 .BlackFlag > span{ background-color:rgba(0,0,0,0.5); padding:5px;  color:white; font-size:1.4em}

 .YellowFlag{background-image:url('/Assets/Flags/Yflag.jpg');}
  .YellowFlag > span{ background-color:rgba(0,0,0,0.5); padding:5px;  color:white; font-size:1.4em}

 .GreenFlag{background-image:url('/Assets/Flags/Gflag.jpg');}
  .GreenFlag > span{ background-color:rgba(0,0,0,0.5); padding:5px;  color:white; font-size:1.4em}

 .RedFlag{background-image:url('/Assets/Flags/Rflag.jpg');}
  .RedFlag > span{ background-color:rgba(0,0,0,0.5); padding:5px;  color:white; font-size:1.4em}

 .WhiteFlag{background-image:url('/Assets/Flags/Wflag.jpg');}
  .WhiteFlag > span{ background-color:rgba(0,0,0,0.5); padding:5px;  color:white; font-size:1.4em}

 .CheckeredFlag{background-image:url('/Assets/Patterns/CheckredFlag8x8.png');}
  .CheckeredFlag > span{ background-color:rgba(0,0,0,0.5); padding:5px;  color:white; font-size:1.4em}
 
 
  .carbonFiberBK{background-image:url('/Assets/Patterns/CarbonFiber1.png') !important; }
  .myRaceTraxHeader{ line-height:140px;}


  .btnLineOverRide{line-height:1}

.raceInfoNumbers {
    font-family: 'Berlin Sans FB';
    font-size: 1.6em;
    color:#a70303
}

.raceInfoStageLaps {
    font-size: 1.3em;
    color:#ffa900
}
.raceInfoStageWords {
    font-family: 'Berlin Sans FB';
    font-size: 1.5em;
    color:rgba(0,0,0,0.5)
}



.raceInfoNumbersFinalLaps {
    font-family: 'Berlin Sans FB';
    font-size: 1.6em;
    color:#4aad20
}


.AdditionalRaceInfoText {
    font-family: 'Berlin Sans FB';
    font-size: 1.6em;
    color: #000;
    padding-left:2px;
   
}
/* ----------------    CountDownTimer Stuff Start  ----------------- http://hilios.github.io/jQuery.countdown/*/
#CountDownWrapper {
    letter-spacing: normal;
    word-spacing: normal;
    text-rendering: auto;
    font-family: "Source Sans Pro",sans-serif !important;
    font-weight: 300;
    font-size: 135% !important; /* this gets off a little based on ViewPort size, Should Adjust accordinally*/
    line-height: 1.4em !important;
}

.main-example {
  margin: 0 auto;
  width: 355px;
  line-height:1.4em;
}
.main-example .countdown-container {
  height: 130px;
}
.main-example .time {
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
  display: inline-block;
  text-align: center;
  position: relative;
  height: 95px;
  width: 65px;

  /*-webkit-perspective: 500px;
  -moz-perspective: 500px;
  -ms-perspective: 500px;
  -o-perspective: 500px;*/
  perspective: 500px;
}
.main-example .count {
  background: #202020;
  color: #f8f8f8;
  display: block;
  font-family: 'Oswald', sans-serif;
  font-size: 2em ;
  line-height: 2.4em ;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  top: 0;
  width: 100%;

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-transform-style: flat;
  -moz-transform-style: flat;
  -ms-transform-style: flat;
  -o-transform-style: flat;
  transform-style: flat;
}
.main-example .count.top {
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  border-radius: 5px 5px 0 0;
  height: 50%;


  -webkit-transform-origin: 50% 100% 0; 50% 100% 0p; 50% 100% 0p; 50% 100% 0p; 50% 100% 0px; 50% 100% 0p; 50% 100% 0p; 50% 100% 0; 50% 100% 0; 50% 100% 0;
  -moz-transform-origin: 50% 100% 0; 50% 100% 0;
  -ms-transform-origin: 50% 100% 0;
  -o-transform-origin: 50% 100% 0;
  transform-origin: 50% 100% 0;
}
.main-example .count.bottom {
  background-image: linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -webkit-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -moz-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -ms-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -o-linear-gradient(rgba(255,255,255,0.1), transparent);
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-radius: 0 0 5px 5px;
  line-height: 0;
  height: 50%;
  top: 50%;

  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.main-example .count.next {
}
.main-example .label {
  font-size: normal;
  margin-top: 5px;
  display: block;
  position: absolute;
  top: 95px;
  width: 100%;
  color:#000 !important;
}
/* Animation start */
.main-example .count.curr.top {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 3;
}
.main-example .count.next.bottom {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  z-index: 2;
}
/* Animation end */
.main-example .flip .count.curr.top {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;

  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.main-example .flip .count.next.bottom {
  -webkit-transition: all 250ms ease-in-out 250ms;
  -moz-transition: all 250ms ease-in-out 250ms;
  -ms-transition: all 250ms ease-in-out 250ms;
  -o-transition: all 250ms ease-in-out 250ms;
  transition: all 250ms ease-in-out 250ms;

  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
@media screen and (max-width: 48em) {
  .main-example {
    width: 100%;
  }



  .main-example .countdown-container {
    height: 100px;
  }
  .main-example .time {
      height: 70px;
      width: 48px;
  }
  .main-example .count {
    font-size: 1.5em;
    line-height: 70px;
  }
  .main-example .label {
    font-size: 0.8em;
    top: 72px;
  }
}
/*  -----------------   CountDownTimer Stuff Start  ----------------*/

body {
   
}


/* Set padding to keep content from hitting the edges */
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select
 {
    max-width: 280px;
}*/


.LoginRegister a{color:white; text-decoration:none;}
.nav a{color:white !important; font-family:"Segoe UI Semibold","Segoe WP Semibold","Segoe WP","Segoe UI",Arial,Sans-Serif !important;}
.nav a:hover{color: #0577f2 !important;}

.navbar-default{
    background-color:#000 !important;
    border-color:#000 !important;
}

.navbar{ 
    border-radius:0 !important;
    margin-bottom:0 !important;
    border-bottom: 1px solid #808080 !important;
    border-top: 1px solid #808080 !important;
}


.dropdown-menu
{
    background-color: #000 !important;
}
.dropdown-menu > li > a, .dropdown-menu > li > a{
    color:#fff !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    background-color: #484646 !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus
{
    background-color:#484646 !important;

}

.subtitle {
    text-transform: uppercase;
    color: #c60303;
    letter-spacing: .2em;
    font-size: 1.3em;
    text-shadow: 1px 1px #7f8c8d;
}
.content {
padding: 60px 40px;
margin: 0 auto;
}
.content2 {
padding: 5px 5px;
margin: 0 auto;
}

.iowanascar {padding:15px;}


.IowanascarCog {color:White; margin-top:3px;}

/*.btnIowanascar {background-color:#920101; 
                color:white; 
                font-family:"Segoe UI Semibold","Segoe WP Semibold","Segoe WP","Segoe UI",Arial,Sans-Serif !important;
                width:100%;
                margin:auto;
}
.btnIowanascar:hover{color:gainsboro; background-color:#a70303}*/


.btnIowanascar {
    font-family: "Segoe UI Semibold","Segoe WP Semibold","Segoe WP","Segoe UI",Arial,Sans-Serif !important;
    width: 100%;
    margin: auto;
    background-color: #003366; /* Change this to the exact blue you want */
    color: #ffffff; /* White text for contrast */
    border: none; /* Remove border */
    border-radius: 5px; /* Optional: Rounded corners */
    /*padding: 10px 20px;*/ /* Add padding */
    font-size: 16px; /* Adjust font size */
    text-transform: uppercase; /* Make text uppercase */
    box-shadow: 0 8px 6px -6px black; /* Add shadow */
    transition: background-color 0.3s ease; /* Smooth hover effect */
    cursor: pointer; /* Change cursor to pointer on hover */
}

    .btnIowanascar:hover {
        color: #ffffff; /* Keep text white for good contrast */
        background-color: #002244; /* Darker shade of blue for hover effect */
    }



textarea#publicForumTextArea {
	width: 100%;
	height: 190%;
	border: 1px solid #cccccc;
    border-radius:3px;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-image: url(bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.howItWorksLinks
{
    color:white;
    font-family:Calibri;
    font-size:1.2em;
}

.table-action-button-column {
    width: 4em;
    text-align: center;
}
#schedule tr:nth-child(even) {
    background-color: #ccc !important
}
#scheduletr:nth-child(odd) {
    background: #FFF !important
}

#schedule thead tr{ background-color: #484646; color: #fff;}

#schedule {
    border-radius: 3px;
    border: 1px solid #808080;
    box-shadow: 0 8px 4px -6px #000000;
}
 

input, select {
    /*max-width: 280px;*/
}

.table-header-blue {
    background-color: #337ab7; /* Blue color */
    color: white; /* White text for better contrast */
    font-weight: bold;
    text-align: center;
}


/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .LeagueMemberHeader{font-size:1em}
  
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .LeagueMemberHeader {
        font-size: 1em
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .LeagueMemberHeader {
        font-size: 0.8em
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .LeagueMemberHeader {
        font-size: 1em
    }
}

.picks-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* Full viewport height */
}

#picksarea {
    max-width: 600px; /* Optional: Limit width for better design */
    padding: 20px;
    background-color: #fff; /* Optional: Add a background color */
    border-radius: 10px; /* Optional: Add rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Optional: Add a shadow for depth */
}




.picksMobile {display: none;}

.picksDesktop {display: none;}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .picksDesktop {
        display: block;
    }
}

@media only screen and (max-width: 600px) {
    .picksMobile {
        display: block;
    }
}

/*------*/
/* Logo container: Default behavior (centered for large screens) */
.logo-container {
    display: flex;
    justify-content: center; /* Horizontally center */
    align-items: center; /* Vertically center */
    height: 100%; /* Take the full height of the parent (nav menu) */
    padding: 0 10px; /* Optional horizontal padding for aesthetics */
}

/* Logo styling */
.responsive-logo {
    max-height: 100%; /* Ensures the logo fits within the container */
    object-fit: contain; /* Maintain aspect ratio */
    height: auto; /* Scale proportionally */
    width: auto; /* Scale proportionally */
    content: url('/Assets/Logo/LogoSmallfull.png'); /* Full image URL for large screens */
}

/* For larger screens: Add padding above the logo */
@media (min-width: 769px) {
    .logo-container {
        justify-content: center; /* Center the logo */
        padding-top: 10px; /* Add 10px padding above the logo */
    }

    .responsive-logo {
        /*content: url('/Assets/Logo/LogoSmallfull.png');*/ /* Use full-size image */
    }
}

/* For smaller screens: Left-align the logo and remove top padding */
@media (max-width: 768px) {
    .logo-container {
        justify-content: flex-start; /* Align the logo to the left */
        padding-top: 0; /* Remove the top padding */
        padding-left: 10px; /* Optional left padding */
        padding-top: 8px;
    }

    .responsive-logo {
        /*content: url('/Assets/Logo/LogoSmall2.png');*/ /* Switch to smaller image */
    }
}

/*------*/

/* Default styling for countdown-container */
/* Default styling for countdown-container */
.countdown-container {
    display: flex; /* Enables flexbox */
    justify-content: flex-start; /* Default: align to the left */
    align-items: center; /* Vertically center (optional, if necessary) */
    max-width: 600px; /* Optional: Set a max width for better scaling */
    margin: 0 auto; /* Ensure it's centered horizontally */
    width: 100%; /* Allow the container to use full width */
    box-sizing: border-box; /* Include padding in width calculation */
}

/* Center horizontally for smaller screens */
@media (max-width: 768px) {
    .countdown-container {
        justify-content: center; /* Center the content horizontally */
        width: 100%; /* Ensure full width */
        margin: 0 auto; /* Center horizontally in its parent container */
        padding: 0 15px; /* Optional padding for a cleaner layout */
    }
}




/* Adjust the breakpoint for the collapsed menu */
/*@media (max-width: 992px) {
    .navbar-header .navbar-toggle {
        display: block;  Show the toggle button 
    }

    .navbar-collapse {
        display: none;  Hide the navbar links 
    }

        .navbar-collapse.in {
            display: block !important;  Show the collapsed menu when toggled 
        }

    .navbar-nav {
        float: none;  Reset float for the links in collapsed mode 
        margin: 0;  Remove margin 
    }

        .navbar-nav > li {
            float: none;  Ensure links stack vertically 
        }

            .navbar-nav > li > a {
                padding: 10px 15px;  Add padding for better touch targets 
            }
}*/


/*@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    /*[class*="col-"] {
        width: 100%;
    }
}*/





/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
   
  
}

    /* Small devices (portrait tablets and large phones, 600px and up) */
    @media only screen and (min-width: 600px) {
    }

    /* Medium devices (landscape tablets, 768px and up) */
    @media only screen and (min-width: 768px) {
      .JoinBoxes{ min-height: 450px;}
    }

    /* Large devices (laptops/desktops, 992px and up) */
    @media only screen and (min-width: 992px) {
        
        }
    

    /* Extra large devices (large laptops and desktops, 1200px and up) */
    @media only screen and (min-width: 1200px) {}






    /* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

    }


        /* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) { /* Smartphones (portrait and landscape) ----------- */}
            @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
                /* Styles */
            }

            /* Smartphones (landscape) ----------- */
            @media only screen and (min-width : 321px) {
                /* Styles */
            }

            /* Smartphones (portrait) ----------- */
            @media only screen and (max-width : 320px) {
                /* Styles */
            }

            /* iPads (portrait and landscape) ----------- */
            @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
                /* Styles */
            }

            /* iPads (landscape) ----------- */
            @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
                /* Styles */
            }

            /* iPads (portrait) ----------- */
            @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
                /* Styles */
            }

            /* Desktops and laptops ----------- */
            @media only screen and (min-width : 1224px) { /* Styles */
            }

            /* Large screens ----------- */
            @media only screen and (min-width : 1824px) {
                /* Styles */
            }

            /* iPhone 4 ----------- */
            @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
                /* Styles */
            }
        

        /* Smartphones (portrait) ----------- */
        @media only screen and (max-width : 320px) {
            /* Styles */
        }

        /* iPads (portrait and landscape) ----------- */
        @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
            /* Styles */
        }

        /* iPads (landscape) ----------- */
        @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
            /* Styles */
        }

        /* iPads (portrait) ----------- */
        @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
            /* Styles */
        }

        /* Desktops and laptops ----------- */
        @media only screen and (min-width : 1224px) {
            /* Styles */
        }

        /* Large screens ----------- */
        @media only screen and (min-width : 1824px) {
            /* Styles */
        }

        /* iPhone 4 ----------- */
        @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
            /* Styles */
        }