@font-face {
    font-family: Orbitron;
    src: url("../fonts/orbitron-medium.otf") format("opentype");
}

body
{
    font-family: 'Orbitron', 'Arial', 'sans-serif';
    background-color: #f2f2f2;
}

.content-wrapper
{
    width: 1024px;
    background-color: white;
    margin: 0 auto;
    position: relative;
}

.content
{
    padding-top: 30px;
    margin: 20px auto;
    padding-bottom: 30px;
}

.top-ad
{
    display: block;
    width: 728px;
    margin: 30px auto;
    margin-bottom: 40px;
}

.fanspeak-logo
{
    display: block;
    width: 150px;
    margin: 20px auto;
}

.updates
{
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 22px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.updates img {
	border: thin solid #e8e8e8;
}

.updates ul {
	float:left;
	margin-left:-120px;
	text-align:left;
	width:670px;
	margin-top:-5px;
}

.updates .updates ul {
	float:none;
	margin-left:0px;
	text-align:left;
	width:inherit;
	margin-top:-5px;
}

.updates a
{
    text-decoration: none;
    font-size: 24px;
    color: #09347a;
}

.title
{
    display: block;
    width: 400px;
    margin: 10px auto;
    margin-bottom: 15px;
}

.instructions-section
{
    margin-bottom: 40px;
    font-family: 'Arial', 'sans-serif';
}

.instructions-header
{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 35px;
}

.instruction
{
    margin-left: 40px;
    margin-bottom: 20px;
}

.instructions-number
{
    font-weight: bold;
}

.helmets-section
{
    width: 750px;
    margin: 20px auto;
}

.helmet
{
    cursor: pointer;
    display: block;
    margin: 0 auto;
}

.helmet-wrapper img {
	width: 80px;
}

.helmet-wrapper:hover .helmet
{
	width: 85px;
    height: 85px;
    margin-top: -5px;
    margin-left: -5px;
}

.helmet-wrapper
{
    width: 75px;
    height: 67px;    
    margin: 8px 8px 8px 8px;
    display: inline-block;
}

.selected-team
{
    font-size: 15px;
    color: white;
    background-color: #009811;
    margin-left: 15px;
    padding: 4px 4px 0px 4px;
}

.board-option
{
    border: 1px solid black;
    font-size: 18px;
    text-align: center;
    width: 200px;
    margin: 5px auto;
    padding-top: 6px;
    padding-bottom: 4px;
    cursor: pointer;
    font-family: Arial;
}

.board-option-selected
{
    background-color: #009811;
    color: #ffffff;
}

.big-board-name
{
    border: 1px solid black;
    display: inline-block;
	padding: 0 10px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-family: Arial;
}

.big-board-choices-section
{
    display: inline-block;
}

.big-board-selection-label
{
    display: inline-block;
    vertical-align: middle;
    font-family: Arial;
    text-align: left;
}

.paddingtwentypix {
	padding-top: 20px;
	padding-bottom: 20px;
}

.navigation-button-section
{
    display: block;
    width: 390px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
}

.navigation-button
{
    cursor: pointer;
    display: inline-block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    line-height: 36px;
    height: 36px;
    width: 170px;
    margin-right: 10px;
    margin-left: 10px;
    color: white;
    background-color: #009811;
    text-align: center;
    text-decoration: none;
}

.navigation-button-solo
{
    cursor: pointer;
    display: block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    line-height: 36px;
    height: 36px;
    width: 170px;
    margin: 50px auto;
    color: white;
    background-color: #009811;
    text-align: center;
}



.stage-instructions
{
    margin: 0 auto;
    width: 420px;
    font-size: 16px;
	clear:both;
}

.stage-2-instructions
{
    margin: 0 0 0 0;
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

.stage-3-instructions
{
    text-align: center;
    font-size: 20px;
}

.stage-number
{
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 30px;
    border-radius: 50%;
    background-color: black;
    color: white;
    text-align: center;
}

.num-rounds-select
{
    display: block;
    width: 50px;
    margin: 20px auto;
    font-size: 20px;
}

.my-choices
{
    display: block;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.team-and-rounds-section
{
    display: inline-block;
    width: 200px;
    padding-bottom: 15px;
}


.num-rounds-display
{
    display: inline-block;
    margin-left: 30px;
}

.num-rounds-display .num-rounds
{
    font-size: 50px;
    text-align: center;
}

.num-rounds-display .rounds
{
    font-size: 20px;
}

.whats-next
{
    width: 500px;
    margin: 0 auto;
}

.draft-page-header
{
}

.my-team
{
    display: inline-block;
    margin-left: 60px;
    margin-top: 10px;
    margin-bottom: 15px;
    vertical-align: top;   
}

.my-team .helmet
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: inline-block;
}

.team-name-section
{
    display: inline-block;
    vertical-align: top;  
    margin-top: 30px; 
    margin-left: 10px;
}

.team-name-section .team-name-label
{
    font-size: 14px;
    color: #808080;
    margin-bottom: 5px;
}

.team-name-section .team-name
{
    font-size: 18px;
}

.round-num-display
{
    display: inline-block;
    margin-left: 70px;
    vertical-align: top;
    font-size: 20px;
}

.player-stats-link
{
    text-decoration: none;
    color: #333;
    margin-left: 20px;
    text-transform: uppercase;
}

.player-stats-link:hover
{
    font-weight: bold;
    display: inline-block;
}

.simulator-state
{
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
}

#computer_is_drafting_message
{
    color: #808080;
}

#your_pick_message
{
    color: #009811; 
}

hr
{
    width: 88%;
    border: 0;
    background-color: #ccc;
    height: 1px;
}

.draft-section
{
}


.picks_this_round
{
    display: inline-block;
    overflow: auto;
    height: 250px; 
}

.draft-left-column
{
    display: inline-block;
    width: 42%;
    height: 100%;
    vertical-align: top;
    margin-left: 60px;
}

.draft-right-column
{
    display: inline-block;
    vertical-align: top;
    width: 42%;
    height: 100%;
    padding-left: 20px;
}

.players-by-position
{
    vertical-align: top;
}

.players-by-position .player-list
{
    overflow: auto;
    margin-top: 3px;
    height: 500px;
}

.players-by-position .players-available-label
{
    margin-bottom: 3px;
}

.players-by-position .position-category-link
{
    color: #777;
    text-decoration: none;
    font-size: 16px;
    margin-right: 3px;
}

.players-by-position .selected_position_category_link
{
    background-color: #88000f;
    color: white;
    border-radius: 30%;
    padding-top: 2px;
    padding-left: 5px;
    padding-right: 2px;
    padding-bottom: 2px;
}

.my-picks
{
    overflow: scroll;
    height: 250px;
}

.my_picks_tall
{
    height: 500px;
}

.my-picks .my-picks-label
{
}

.my-picks .player
{
    font-family: 'Orbitron', 'Arial', 'sans-serif';
    font-size: 14px;
    margin-top: 3px;
}

.big-board
{
    display: inline-block;
    width: 100%;
}

.big-board .big-board-label
{
    margin-top: 25px;
}

.big-board .big-board-list
{
    height: 250px;
    overflow-y: auto;
}

.big-board .big-board-list-tall
{
    height: 500px;
    overflow-y: auto;
}


.big-board .big-board-list-summary
{
}

.big-board .big-board-table
{
    border-collapse:collapse;
}


.pick-team
{
    color: #999;
}

.pick-position
{
    color: #999;
}

.highlighted_pick
{
    background-color: #009811;
    padding-top: 3px;
    padding-bottom: 3px;
    color: white;
}

.highlighted_pick .pick-team
{
    color: #ccc;
}

.highlighted_pick .pick-position
{
    color: #ccc;
}

.position-category .player
{
    font-family: 'Orbitron', 'Arial', 'sans-serif';
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.draft-this-player
{
    margin-top: 8px;
    margin-bottom: 10px;
    margin-left: 45px;
    color: #23c545;
}

.draft-player-button
{
    cursor: pointer;
    display: inline-block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    color: white;
    height: 11px;
    width: 35px;
    line-height: 11px;
    background-color: #009811;
    text-align: center;
    vertical-align: top;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: -2px;
    margin-left: 3px;
}

.unavailable-player
{
    color: #ccc;
}

.unavailable-player-by-position
{
    display: none;
}

.available-player
{
    cursor: default;
    border: 1px solid white;
}

.available-player-my-pick
{
    cursor: pointer;
}

.available-player-my-pick:hover
{
    border: 1px solid #23c545;
}

.draft-ad
{
    display: inline;
    vertical-align: top;
    margin-top: 30px;
    margin-bottom: 20px;
}

.footer
{
    font-size: 11px;
    color: #aaa;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.footer a
{
    color: #aaa;
    text-decoration: none;
    margin-left: 10px;
    margin-right: 10px;
}


/*Added by Junger 12/16*/

.my-picks, .big-board .big-board-list-tall, .big-board .big-board-list, .position-category, .position-category-link, .position-category .player, .big-board-list-summary .ng-scope .ng-binding {
	font-family: Arial, sans-serif;
}

.my-picks-label {
	font-family: 'Orbitron', 'Arial', 'sans-serif';
}

.positions-available {
	width: 265px;
}

.big-board-selected-section
{
    margin-top: -50px;
    height: 50px;
}

.big-board-selected-section a
{
    text-decoration: none;
    color: black;
}

.draft-assesment-label
{
    font-family: 'Orbitron', 'Arial', 'sans-serif';
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.team-needs-summary .position
{
    display: inline-block;
    font-size: 30px;
    width: 85px;
}

.team-needs-summary .none-drafted
{
    display: inline-block;
    line-height: 30px;
    height: 30px;
    padding-top: 3px;
    vertical-align: top;
}

.team-needs-remaining
{
    margin-bottom: 20px;
}

.team-needs-remaining-list
{
    color: #777;
}

.team-needs-remaining-list span:last-child .list-comma{
    display: none;
}

.imu-ad{float:right;}

iframe.wufoo-form-container#wufooFormz1h1k6g91mx9pjp {
	height: 260px;
}

#wufoo-s8xxuop1b5op87 iframe.wufoo-form-container {
	height: 350px;
}

.board-updated-date
{
	display: inline-block;
	margin-left: -30px;
	color: #aaa;
	font-size: 14px;
}

.trades-label {
	font-family: 'Orbitron', 'Arial', 'sans-serif';
	padding: 20px 0 10px;
}

.trade-with {
	font-weight: bold;
}

.trade-send
{
	margin-top: 10px;
}

.trade-receive
{
	margin-top: 10px;
}

.trade-section-label
{
	font-weight: bold;
}


.team-trades ul
{
	margin: 0 0 0 0;
}

.trade-pick
{
	font-weight: bold;
	color: #808080;
}

.otc-notes {
	width: 800px;
	font-family: Arial, sans-serif;
	margin: 0 auto;
}

.otc-notes h4 {
	font-family: 'Orbitron', 'Arial', 'sans-serif';
}

/*body {background-image: url(http://fanspeak.com/ontheclock/img/2017-otc-ugm-skin-ad.jpg) !important;
background-color: #fff !important;
background-attachment: fixed !important;
background-position: 50% 0% !important;
background-repeat: no-repeat !important;}*/

.round-one-interstitial {
	font-size: 18px;
}

#InLineVideoDiv {
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 25px;
}

.video-upgrade {
	text-align: center; 
	margin-bottom:15px;
}

#wufoo-z1196bfg1b2feju iframe {
	height: 250px !important;
}

.center {
	text-align: center;
}