body {
	margin: 0;
	font-family: Helvetica;
	font-size: 80%;
	background: #fff;
	color: #000;
	-webkit-text-size-adjust: none;
}
a {
	color: #333;
}
a img {
	border: none;
}
.nojs, #LoadScores {
	margin: 0 auto 0;
	text-align: center;
	font-weight: bold;
	color: #fff;
	display: block;
}
.container {
	width: 100%;
}

.toolbar {
	padding: 9px 0;
	width: 100%;
	height: 24px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-shadow: #3f4e63 0px -1px 1px;
	background: #000 url("/img/sprites/combo-bg.png") repeat-x top;
	color: #fff;
	border-bottom: 1px solid #000;
}
.anchorTop {
	top: 0;
}
.center {
	width: 100%;
	background: #fff;
}
table, tr, th, td, thead, tbody, tfoot {
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: separate;
}
th, td {
	padding: 8px;
}
#webkit table {
	width: 100%;
}
table {
	padding: 0;
	background: #e2e2e5 url("/img/sprites/combo-bg.png") repeat-x 0 -366px;
	color: #2f3a46;
	font-weight: bold;
	text-shadow: #fff 0 1px 0;
	border: 2px solid #4f6e8e;
	-webkit-border-radius: 5px 5px;
}
thead {
	font-size: .85em;
}
thead, thead tr {
	background: url("/img/sprites/combo-bg.png") repeat-x 0 -341px;
}
thead th, thead td {
	border-right: 2px;
	-webkit-border-image: url("/img/score/td-bg.png") 0 2 0 0;
}
thead tr td, thead tr th {
	padding: 4px 8px;
	background: none;
}
tbody td, tbody th {
	border-right: 2px;
	-webkit-border-image: url("/img/score/td-bg.png") 0 2 0 0;
	text-align: center;
	vertical-align: middle;
}
tbody th {
	text-align: left;
}
tbody td {
	padding: 2px 8px 0;
	font-size: 1.25em;
}
tbody td[class] {
	border: solid;
	border-width: 0 1px;
}
tbody td.active {
	color: white;
	text-shadow: #333 0 -1px 0;
	-webkit-border-image: url("/img/score/new-score.png") 0 1;
}
tbody td.today {
	color: white;
	text-shadow: #333 0 1px 0;
	border-width: 0 7px;
	-webkit-border-image: url("/img/monthdaytiletoday.png") 0 7;
}
tbody td.today.active {
	-webkit-border-image: url("/img/score/old-score.png") 0 7;
}
tfoot {
	font-size: .85em;
}
tfoot td {
	border-right: 2px;
	-webkit-border-image: url("/img/score/td-bg.png") 0 2 0 0;
}

#a_team, #h_team {
	margin-left: -.25em;
}
#a_team #hide, #h_team #hide {
	visibility: hidden;
}
#a_team img, #h_team img {
	display: inline-block;
	margin-top: -3px;
	margin-right: .25em;
	vertical-align: middle;
	width: 8px;
	height: 8px;
}
#a_record, #h_record {
	margin-left: .5em;
	color: #3f4e5e;
	font-size: .8em;
}
#tb {
	text-transform: capitalize;
}
#value_wrap {
	display: block;
	text-align: center;
	overflow: hidden;
	position: absolute;
}
#change_value {
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 100%;
	z-index: 1;
}
#change_value div {
	margin: 0;
	padding: 7px 0 9px;
	float: left;
	width: 50%;
	height: 18px;
	overflow: hidden;
}
#old_value {
	color: white;
	text-shadow: #333 0 1px 0;
	border: solid;
	border-width: 0 7px;
	-webkit-border-image: url("/img/score/old-score.png") 0 7;
}                             
#new_value {                   
	color: white;              
	text-shadow: #333 0 -1px 0;
	border: solid;
	border-width: 0 1px;
	-webkit-border-image: url("/img/score/new-score.png") 0 1;
}

#PickYourTeam {
	margin: 1em auto 2.45em;
	display: block;
	font-size: 2em;
}
#info1 {
	margin-right: .35em;
}
#info2 {
	margin-left: .35em;
}
#tb {
	margin-right: .35em;
}
.hide {
	display: none;
}
#ScoreCard {
	background: #0d9ece url("/img/sprites/combo-bg.png") repeat-x 0 -42px;
	height: 250px;
	
	z-index: 9999;
}
#Pickleview {
	background: none;
}
.center {
	background: none;
}

#Pickleview > div:first-child {
	margin: 30px 5px;
	margin-left: 84px;
	padding: 0;
	width: 229px;
	background: none;
	border: none;
	-webkit-border-image: none;
}

#Pickleview > div:first-child {
	min-height: 158px;
}

#bases {
	margin: 0;
	padding: 0;
	top: 5.85em;
	left: 8px;
	width: 72px;
	height: 119px;
	display: block;
	position: absolute;
}

#bases div#a, #bases div#b, #bases div#c, #bases div#p, #bases div#h {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	background: url("/img/sprites/bases.png") no-repeat left top;
	text-decoration: none;
}
#b {
	margin-left: -15px;
	top: 0;
	left: 50%;
}
#c {
	top: 20px;
	left: 0;
}
#a {
	top: 20px;
	right: 0;
}
#bases div#p {
	margin-left: -13px;
	top: 60px;
	left: 50%;
	width: 26px;
	height: 19px;
	background-position: right top;
}
#bases div#h {
	margin-left: -14.5px;
	bottom: 0;
	left: 50%;
	width: 29px;
	height: 23px;
	background-position: left bottom;
}
#bases div img {
	display: block;
	margin: 0 auto;
	position: relative;
	visibility: hidden;
}
#ScoreCard #bases div img.mugshot {
	margin: -12px .25em 0 0;
	display: inline;
	vertical-align: sub;
	border: 1px solid #666;
	visibility: visible;
	width: 21px;
	height: 25px;
}

#bases ul {
	text-align: center;
	text-shadow: #666 0px 1px 1px;
	color: #fff;
	font-size: .8em;
	position: absolute;
	top: 12em;
	width: 100%;
	display: none;
}
#bases li {
	margin-right: .25em;
	display: inline;
}
#bases li * {
	margin: 0;
	padding: 0;
	display: inline;
}
#bases li#pitch {
	margin: 0 auto;
	display: block;
	font-weight: bold;
}
#bases h2 {
	font-size: 1em;
}
#bases .overlay {
	padding: 5px 6px 20px 9px;
	position: absolute;
	left: -7px;
	top: -30px;
	white-space: nowrap;
	background: url("/img/popup.png") no-repeat left;
	color: #fff;
	text-shadow: #222 0 -1px 0;
	font-weight: bold;
	z-index: 100;
}
.name {
	padding: 0 2px;
	text-align: center;
	text-shadow: #ddd 0 0 2px;
	color: #2f3a46;
	font-size: .7em;
	font-weight: bold;
	display: block;
	margin: -10px auto 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	z-index: 100;
}
#bases #p .overlay {
	top: -38px;
	left: -9px;
}
#bases #h .overlay {
	top: -34px;
}
#p .name, #h .name {
	left: -21px;
	position: absolute;
	width: 65px;
}
#bases .overlay span {
	top: 0;
	right: -4px;
	position: absolute;
	width: 4px;
	height: 100%;
	background: url("/img/popup.png") no-repeat right;
}

#PickleTalk {
	margin: -3px 0 0;
	padding: 1em;
	display: block;
	min-height: 100px;
	background: url("/img/sprites/combo-bg.png") repeat-x center -786px;
}
#PickleTalk div {
	clear: both;
	display: block;
}
#PickleTalk li {
	width: 100%;
	margin-top: .15em;
	position: relative;
	height: auto;
	overflow: visible;
}
#PickleTalk li:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#PickleTalk .link {
	display: block;
	font-size: 10px;
	text-align: left;
	clear: both;
}
#PickleTalk .link a, #PickleTalk .ump .link {
	text-decoration: none;
	color: #c42020;
	font-weight: bold;
}
#PickleTalk .icon, #PickleTalk p {
	margin: 0;
	float: left;
	display: block;
}
#PickleTalk .icon {
	bottom: 1em;
	left: 0;
	position: absolute;
}
#PickleTalk p {
	margin-left: 27px;
	color: #444;
	background-color: #fff;
	background-image: url("/img/bubble/corners.png"), url("/img/bubble/corners.png"), url("/img/bubble/corners.png"), url("/img/bubble/corners.png"),
	url("/img/bubble/edges.png"), url("/img/bubble/edges.png"), url("/img/bubble/edges.png"), url("/img/bubble/edges.png");
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat-x, repeat-y, repeat-x;
	background-position: top left, top right, bottom left, bottom right, left, top, right, bottom;
	padding: 9px 9px 9px 17px;
}
#PickleTalk li.alt p {
	margin-right: 27px;
	margin-left: 0;
	background-image: url("/img/bubble/alt/corners.png"), url("/img/bubble/alt/corners.png"), url("/img/bubble/alt/corners.png"), url("/img/bubble/alt/corners.png"),
	url("/img/bubble/alt/edges.png"), url("/img/bubble/alt/edges.png"), url("/img/bubble/alt/edges.png"), url("/img/bubble/alt/edges.png");
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat-x, repeat-y, repeat-x;
	background-position: top left, top right, bottom left, bottom right, left, top, right, bottom;
	padding: 9px 17px 9px 9px;
}
#PickleTalk li.alt .link {
	text-align: right;
}
#PickleTalk li.alt p {
	float: right;
}
#PickleTalk li.alt .icon {
	left: auto;
	right: 0;
}

#footer {
	margin: 0;
	padding: 3px 0 0;
	list-style: none;
	position: relative;
	display: block;
	height: 46px;
	width: 100%;
	text-align: center;
	overflow: hidden;
	background: #111 url("/img/sprites/combo-bg.png") repeat-x center -292px;
}
#footer li {
	margin: 0 2px;
	float: left;
	position: relative;
}
#footer li.active {
	border: 3px solid;
	border-width: 0 3px;
	-webkit-border-image: url("/img/footer-hover.png") 0 3;
}
#footer a {
	padding: 29px 3px 3px;
	float: left;
	width: 54px;
	color: #bbb;
	font-weight: bold;
	font-size: .8em;
	text-decoration: none;
	background: url("/img/sprites/footer-buttons.png") no-repeat -2px -50px;
}
#footer li.active a {
	padding-left: 0;
	padding-right: 0;
	color: #fff;
}
	#footer .team.active a {
		background-position: -5px top;
	}
	#footer .feed a {
		background-position: -66px -50px;
	}
	#footer .feed.active a {
		background-position: -69px top;
	}
	#footer .post a {
		background-position: -130px -50px;
	}
	#footer .post.active a {
		background-position: -133px top;
	}
	#footer .box a {
		background-position: -194px -50px;
	}
	#footer .box.active a {
		background-position: -197px top;
	}
	#footer .games a {
		background-position: -258px -50px;
	}
	#footer .games.active a {
		background-position: -261px top;
	}
	#footer .tweets a {
		background-position: -322px -50px;
	}
	#footer .tweets.active a {
		background-position: -325px top;
	}
	
#options {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 250px;
	z-index: 200;
	display: none;
	background: url("/img/sprites/combo-bg.png") repeat-x 0 -536px;
}
#PicklePost {
	display: block;
	color: white;
}
#PicklePost, #PicklePost fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
#PostYourMessage {
	margin: 1em auto;
	width: 50%;
}
#PostYourMessage h3 span {
	margin-left: 1em;
	font-size: .8em;
	text-decoration: underline;
	opacity: .7;
}
#PostYourMessage textarea {
	margin-bottom: .5em;
	display: block;
	width: 100%;
	height: 60px;
}
#PickleName, #PicklePass {
	display: inline-block;
	width: 49%;
}
#PickleName input, #PicklePass input {
	width: 92%;
}
#PicklePost #PickleTweet {
	margin: .25em 0;
	font-size: .9em;
}
#options label[for="t"] {
	margin-top: -5px;
	padding: 3px 0;
	display: inline-block;
	color: #eee;
}
#PicklePost label {
	margin-top: .5em;
	display: block;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#PickleFeed ul, #PickleTeam ul {
	margin: 1.5em;
}
a.button {
	display: block;
	margin: 0 auto;	
	text-align:center;	
	line-height: 46px;
	font-size: 20px;
	font-family: Helvetica;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
	border-left: 14px;
	border-right: 14px;
	max-width: 250px;
}
a.twit.button, a.pbp.button, a.go.button {
	color: #000;
	text-shadow: #fff 0px 1px 1px;
	-webkit-border-image: url("/img/options/whiteButton.png") 0 14 0 14;
}
a.cancel.button {
	color: #fff;			
	text-shadow: #333 0px 1px 1px;
	-webkit-border-image: url("/img/options/grayButton.png") 0 14 0 14;
}
a.button:hover, a.button.hover {
	color: #fff;
	text-shadow: #333 0px 1px 1px;
	-webkit-border-image: url("/img/options/blueButton.png") 0 14 0 14;
}
a.last.button {
	margin-top: 10px;
}

#options label {
	font-family: Helvetica;
	font-weight: bold;
	text-transform: capitalize;
	color: #fff;			
	text-shadow: #333 0px 1px 1px;
}
#options label[for="s"] {
	display: block;
}
#options input, #options textarea {
	padding: .25em;
	font-size: 1.15em;
}
#options textarea {
	width: 97%;
}
#PostYourMessage {
	margin: 1em;
	width: auto;
}
#PostCancel {
	visibility: hidden;
	position: absolute;
	left: -9999px;
}
#PicklePost ul {
	margin: -.75em auto 0;
	width: 100%;
}
#PicklePost li {
	display: inline-block;
	width: 49%;
}
.toolbar h1 {
	margin: 0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-shadow: #3f4e63 0px -1px 1px;
}
#PickleAbout {
	padding-bottom: 2em;
	background: #fff;
	color: #000;
	display: block;
	min-height: 500px;
	overflow: hidden;
}
#PickleAbout h2 {
	margin: .5em 1em 0;
	font-size: 1.15em;
	line-height: 1.35;
}
#PickleAbout p {
	margin: 0 1em;
	line-height: 1.35;
}
#PickleAbout img {
	margin: 5em auto;
	display: block;
}
#PickleAbout ul, #PickleAbout ol {
	margin: .5em 1em 0 2.05em;
	padding: 0;
	list-style: square;
	line-height: 1.35;
}
#PickleAbout .anchorTop {
	margin: 0 0 1em;
}
#About, #Back {
	margin: 0;
	top: 4px;
	right: 4px;
	height: 30px;
	display: block;
	position: absolute;
	color: #fff;
	border-left: 5px;
	border-right: 12px;
	-webkit-border-image: url("/img/next-icon.png") 0 12 0 5;
	text-align: center;
	font: bold 12px/30px Helvetica, sans-serif;
	text-decoration: none;
	text-transform: capitalize;
	text-shadow: #000 0px 1px 1px;
}
#Back {
	left: 4px;
	right: auto;
	border-left: 12px;
	border-right: 5px;
	-webkit-border-image: url("/img/back-icon.png") 0 5 0 12;
}
#td2 {
	text-align: right;
}

#td2.active {
	padding: 0;
}

#td2 img {
	margin: 3px 8px 0;
	padding: 0;
}

#PickleGames, .loading {
	padding: 0;
	min-height: 250px;
	background: url("/img/loader/big.gif") no-repeat center;
}

#PickleGames ul {
	margin: -1em 0 0;
	padding: .75em;
	font-size: .9em;
}

#PickleGames li {
	margin: .25em .15em;
	border: 7px solid;
	border-width: 0 7px;
	padding: .5em 0;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
	text-shadow: #fff 0px 1px 1px;
	display: inline-block;
	width: 136px;
	-webkit-border-image: url("/img/options/whiteButtonMini.png") 0 7 0 7;
}

#PickleGames #moreThan15 li {
	margin: .15em;
}

#PickleGames #lessThan15 li {
	margin: .35em .15em;
}

#PickleGames li#last-child {
	color: #fff;			
	text-shadow: #333 0px 1px 1px;
	text-align: center;
	text-transform: none;
	-webkit-border-image: url("/img/options/grayButtonMini.png") 0 7 0 7;
}

#PickleGames li#last-child em {
	font-style: normal;
	opacity: .6;
}

#PickleGames li * {
	margin: 0;
	padding: 0;
	display: inline;
}

#PickleGames dd {
	margin: 0 .5em;
}

#PickleGames dt {
	margin-left: .25em;
}

#PickleGames dt:first-child {
	margin-left: 0;
}

#PickleGames span {
	margin-top: 2px;
	float: right;
	font-size: .8em;
}

.games {
	position: relative;
}

#date, #tweet {
	padding: 0;
	top: 7px;
	left: 22px;
	width: 19px;
	position: absolute;
	text-align: center;
	font-size: 1.1em;
	line-height: .9;
}
#tweet {
	top: 8px;
}
.games.active #date, .tweets.active #tweet {
	left: 19px;
}
#date:first-line {
	font-size: .6em;
}

.inactive #PHI, .inactive #KC {
	font-size: .9em;
}

.inactive #SF {
	font-size: .8em;
}

#PickleBox {
	font-size: .85em;
}
#PickleBox table {
	margin: 8em .5em 0;
	padding: 0;
	width: auto;
}
#PickleBox table.scores {
	margin-top: 1em;
}
#PickleBox table.final {
}
#PickleBox tbody td {
	padding: 4px;
	font-size: 1em;
	vertical-align: middle;
	text-align: center;
}
#PickleBox td, #PickleBox th {
	padding: 4px;
}
#PickleBox tbody th {
	border-left: 2px solid;
}
#PickleBox h3 {
	font-size: 1em;
	text-transform: capitalize;
}
#finalInfo {
	margin: 0 .5em 1em;
	text-align: center;
}
#finalInfo * {
	margin: 0;
	padding: 0;
	display: inline;
	color: #fff;
}
#finalInfo li {
	height: 26px;
	border-left: 7px;
	border-right: 7px;
	-webkit-border-image: url("/img/title-button.png") 0 7;
	display: inline-block;
	line-height: 24px;
}
h2#BoxTable {
	margin: 6em 1em;
	color: white;
	text-align: center;
	opacity: .6;
}

#BoxPlays {
	margin: -.75em 0 0;
}

#BoxPlays li {
	margin: 0 .5em .5em;
	padding: .25em .35em;
	text-decoration: none;
	
	background: #e2e2e5 url("/img/sprites/combo-bg.png") repeat-x 0 -366px;
	color: #2f3a46;
	font-weight: bold;
	text-shadow: #fff 0 1px 0;
	border: 1px solid #4f6e8e;
	-webkit-border-radius: 5px 5px;
}

#BoxPlays li:first-child {
	padding: .5em 0;
	border-width: 0 7px;
	display: inline-block;
	width: auto;
	color: #fff;			
	text-shadow: #333 0px 1px 1px;
	text-align: center;
	text-transform: none;
	-webkit-border-image: url("/img/options/grayButtonMini.png") 0 7 0 7;
	background: none;
}

#BoxPlays li:first-child h3 {
	opacity: .6;
}

#BoxPlays li * {
	margin: 0;
	padding: 0;
}

#BoxPlays dt {
	font-size: .85em;
}

#BoxPlays dt span {
	margin-right: .5em;
}

#BoxPlays dt span:first-child {
	margin-right: 1em;
}

#BoxPlays dd {
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


body[orient="landscape"] #ScoreCard {
	height: 220px;
}
body[orient="landscape"] #bases {
	top: 57px;
	left: 83px;
}
body[orient="landscape"] #PickleTalk {
	min-height: 220px;
}
body[orient="landscape"] #Pickleview > div:first-child {
	margin: 17px 5px;
	margin-left: 169px;
}
body[orient="landscape"] #PickleName, body[orient="landscape"] #PicklePass {
	display: inline-block;
	width: 45%;
}
body[orient="landscape"] #options {
	height: 220px;
}
body[orient="landscape"] #footer li:first-child {
	margin-left: 48px;
}
body[orient="landscape"] #PickleGames li {
	margin: .5em .15em;
	width: 138px;
}
body[orient="landscape"] #PostYourMessage textarea {
	height: 58px !important;
}