/*
.ui-panel-inner {
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 0px;
}
*/
.overthrow-enabled .overthrow {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

@media only screen and (min-width: 801px){
    .ui-page {
        width: 730px !important;
        margin: 0 auto !important;
        position: relative !important;
        -moz-box-shadow: 0px 10px 15px 5px #888;
        -webkit-box-shadow: 0px 10px 15px 5px #888;
        box-shadow: 0px 10px 15px 5px #888;
    }
}

#adContainer {
    position: absolute;
    z-index: 1;
}

.ad-placeholder {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 15px;
}

.ui-dialog {
    z-index: 2;
}

.ui-navbar ul {
    overflow: hidden;
}

.base-container {
    height: 37px;    
    position: relative;
    top: -7.5px;
}

.base-container-empty {
    height: 37px;    
    position: relative;
    top: -2.5px;
}

.field-base {
    border: 2px solid;
    display: inline-block;
    font-size: 20pt;
    margin-right: 0.3em;
    position: relative;
    width: 1em;
    text-align: center;
}

.base-li {
    padding-top: 5px !important;
    padding-bottom: 0 !important;
}

table.scoreGrid {
	margin:  0 auto;
	padding: 10px;
}

table.scoreGrid td {
	margin:	none;
	padding:	0;
	text-align:	center;
	overflow:	hidden;
	width:		20px;
	height:		20px;
	border:	1px solid #aaa;
}

table.scoreGrid td.sum {
	width:		20px;
	font-weight:	bold;
	border:	2px solid #888;
}

table.scoreGrid td.current {
	font-weight:	bold;
	color: green;
}

table.scoreGrid td.starting {
    border: 1px solid black;
}

tr.out {
    color: red;
}

tr.wound {
    color: orange;
}

tr.run {
    color: green;
}

#mainPage .ui-content {
    padding: 10px;
}

#gamePage .ui-content {
    padding: 10px;
}

#gameListView span.ui-btn-text {
    font-size: 14px;
    font-weight: bold;
    padding: 0.5em 5px;
}

#gameListView span.ui-icon {
    right: 10px
}

/* Facebook like dialog appears "transparent" over listview without this*/
*.ui-btn-text {
    z-index: 0!important;
}

#scoreMiddle {
    text-align: center;
    float: left;
    width: 49%;
    position: relative;
    top: 10px;
}
#scoreHomeLogo {
    float: left;
    width: 25%;
    overflow: hidden;
}

#scoreVisitorLogo {
    float: right;
    text-align: right;
    width: 25%;
    overflow: hidden;
    direction: rtl;
}

#scoreView .logo {
    max-width:100%;
}

#gameScore {
    text-align: center;
}

#scoreOuts {
    text-align: center;
    height: 18pt;
}

table.logTable {
	margin:	auto;
	padding:	0;
	border:	2px solid #000;
	border-collapse: collapse;
}

table.logTable th {
	margin:	none;
	text-align:	center;
	width:		10px;
	color:		#fff;
	background:	#308030;
	padding:	5px 1px 5px 1px;
	font-size:	9px;
}

table.logTable .bottom {
    border-bottom:2px solid #000;
}

table.logTable td {
	padding:	3px 1px 3px 1px;
	margin:	none;
	text-align:	center;
	white-space:	nowrap;
	border:	1px solid #ddd;
        vertical-align: middle;
	font-size:	9px;
	width: 10px;
	height: 10px;
}

table td.karkivaihto:before {
	content: url(KL.png);
}
table td.karkihaava:before {
    content: url(KK.png);
}
table td.karkipalo:before {
    content: url(KP.png);
}
table td.kunnari:before {
    content: url(KX.png);
}
table td.takavaihto:before {
    content: url(TV.png);
}
table td.takahaava:before {
    content: url(TK.png);
}
table td.takapalo:before {
    content: url(TP.png);
}
table td.vapaa:before {
    content: url(VT.png);
}
table td.harha:before {
    content: url(HH.png);
}

.ui-panel {
    width: 8em;
}

#twitterPanel {
    width: 16em;
    min-height: 0;
}

table.wide {
    font-size: 10pt;
    border-collapse: collapse;
    width: 100%;
}

table.wide td {
    border-bottom: 1px solid #ddd;
}

table.wide .left{
    text-align: left;
}

#battingCollapsible .ui-collapsible-content {
    padding-left: 5px;
    padding-right: 5px;
}

table.battingOrder .on1base {
    font-weight: bold;
}

table.battingOrder .on2base {
    font-weight: bold;
}

table.battingOrder .on3base {
    font-weight: bold; 
}

table.battingOrder .run {
    color: green;
    font-weight: bold;
}

table.battingOrder .out {
    color: red;
}

table.battingOrder .hashit{
    color: gray;
}

table.battingOrder .nohit{
    color: black;
}

table.battingOrder .canhit .base {
    color: gray;
}

table.battingOrder .canhit .run {
    color: green;
    font-weight: bold;
}

table.battingOrder .canhit .out {
    color: red;
}

table.battingOrder .canhit .name {
    color: black;
}

table.battingOrder .skipped{
    color: gray;
}

table.battingOrder .batter {
    font-weight: bold;
    color: blue !important
}

table.battingOrder .batter .name {
  color: blue;
}

table.battingOrder .base {
    text-align: center;
    width:      20px;
    height:     20px;
}

table.battingOrder .status {
    text-align: center;
    width:      20px;
    height:     20px;
}

table.battingOrder .data {
    text-align: center;
    font-weight: normal;
    color: black;
}

table.battingOrder .ci {
    color: green;
    font-weight: bold;
}

table.battingOrder .cif {
    color: red;
    font-weight: bold;
}

table.battingOrder .cp {
    background: none repeat scroll 0 0 #fff166;
    color: green;
    font-weight: bold;
}

table.battingOrder .cpf {
    background: none repeat scroll 0 0 #fff166;
    color: red;
    font-weight: bold;
}


table.battingOrder .alive .base {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    behavior: url(/static/PIE.htc);
    padding: 0px;
    background: #fff;
    border: 1px solid #000;
    color: #000;
    text-align: center;
    font-weight: normal;
}

.small {
    font-size: 9pt;
}

#battingOrderTable .small {
    margin-left: 0.5em;
}

#battingOrderTable img {
    max-height: 20px;
    margin-left: 0.5em;
}

#statsTitle {
    width: 5.6em;
}


#gameListView .game_box {
    white-space: normal;
}

#gameListView .up {
    width: 100%;
    white-space: nowrap;
}

#gameListView .upleft {
    position: relative;
    width: 25%;
    float: left;
    text-align: left;
    white-space: inherit;
}

#gameListView .upright{
    position: relative;
    width: 25%;
    float: right;
    text-align: right;
    white-space: inherit;
}
#gameListView .upcenter {
    position: relative;
    width: 49%;
    float: left;
    text-align: center;
    white-space: inherit;
    font-size: 10pt;
}

#gameListView .low {
    width: 100%;
    text-align: center;
    white-space: inherit;
}

#gameListView .logo {
    position: relative; 
    max-width:100%;
}

#gameListView .home_team {
    position: relative;
    top: 5px;
}

#gameListView .visitor_team {
    position: relative; 
    top: 5px;
}

#gameListView .inning {
    font-size: 10pt;
}

#gameListView .outs {
    font-size: 10pt;
}

#gameListView  .ended {
    color: black;
}

#gameListView  .active {
    color: green;
}

#gameListView  .notstarted {
    color: gray;
}

#logTable .ui-btn-icon-right .ui-btn-inner {
    padding-right: 0.5em;
    padding-top: 15px;
}

#logTable .ui-btn-icon-left .ui-btn-inner {
    padding-left: 0.5em;
    padding-top: 15px;
}

#logPanel .status {
    font-size: 10pt;
    height: 5pt;
    text-align: center;
}

#logPanel {
    min-height: 0;
}

#log-table-container {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
}

.closebutton {
    position: absolute;
    top: 0px;
    left: 0px;
}

.share-buttons {
    margin-bottom: 12pt;
}

.hosted-by {
    text-align: center;
    font-size: 8pt;
}

.app-banner {
    background: none repeat scroll 0 0 white;
    border-bottom-style: solid;
    border-left: medium none;
    border-right: medium none;
    border-top-style: solid;
    border-width:1px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 5px;
    text-align: center;
    min-height: 45px;
}

.app-banner p {
    font-size: 8pt;
    margin: 0;
}
/* Speed optimizations for JQuery Mobile */
/*
.ui-shadow,
.ui-btn-up-a,
.ui-btn-hover-a,
.ui-btn-down-a,
.ui-body-b,
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b,
.ui-bar-c,
.ui-body-c,
.ui-btn-up-c,
.ui-btn-hover-c,
.ui-btn-down-c,
.ui-bar-c,
.ui-body-d,
.ui-btn-up-d,
.ui-btn-hover-d,
.ui-btn-down-d,
.ui-bar-d,
.ui-body-e,
.ui-btn-up-e,
.ui-btn-hover-e,
.ui-btn-down-e,
.ui-bar-e,
.ui-overlay-shadow,
.ui-shadow,
.ui-btn-active,
.ui-body-a,
.ui-bar-a {
 text-shadow: none;
 box-shadow: none;
 -webkit-box-shadow: none;
}*/

/* disable shadows for better android performance */
@media only screen and (max-width: 730px){
.ui-body-a,
.ui-bar-a,
.ui-btn-up-a,
.ui-btn-hover-a,
.ui-btn-down-a,

.ui-body-b,
.ui-bar-b,
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b,

.ui-body-c,
.ui-bar-c,
.ui-btn-up-c,
.ui-btn-hover-c,
.ui-btn-down-c,

.ui-body-d,
.ui-bar-d,
.ui-btn-up-d,
.ui-btn-hover-d,
.ui-btn-down-d,

.ui-body-e,
.ui-bar-e,
.ui-btn-up-e,
.ui-btn-hover-e,
.ui-btn-down-e,

.ui-shadow-inset,
.ui-icon-shadow,
.ui-focus,
.ui-overlay-shadow,
.ui-shadow,
.ui-btn-active
 {
    text-shadow: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
}
/*
*.ui-listview *.ui-btn-up-c,
*.ui-listview *.ui-btn-down-c,
*.ui-listview *.ui-btn-hover-c
{
}

 {
    text-shadow: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
*/

body {
    /* disable callout, image save panel on long press */
    -webkit-touch-callout: none;

    /* "turn off" link highlight, good for custom pressed states */
    -webkit-tap-hightlight-color: transparent;
}

.footer-nav .ui-btn .ui-btn-inner {
    padding-top: 40px !important; 
}

.footer-nav .ui-btn-text {
    top: 5px;
}

.footer-nav .ui-btn .ui-icon { 
    width: 36px!important;
    height: 36px!important;
    margin-left: -18px !important; 
    top: 0px !important;
/*
    box-shadow: none!important; 
    -moz-box-shadow: none!important; 
    -webkit-box-shadow: none!important;
    -webkit-border-radius: none !important;
    border-radius: none !important; 
*/
}

.footer-nav .ui-btn-text {
    top: 10px;
}

.footer-nav .ui-btn .ui-btn-inner {
    padding-top: 25px !important;
}

.nav-gamelist-button .ui-icon {
    background-image: url(icon/images/icons-36-white-pack.png);
    background-position: -1150px 0px;
    background-repeat: no-repeat;
}

.nav-log-button .ui-icon {
    background-image: url(icon/images/icons-36-white-pack.png);
    background-position: -864px 0px;
    background-repeat: no-repeat; 
}

.nav-twitter-button .ui-icon {
    background-image: url(icon/images/icons-36-white-pack.png);
    background-position: -288px -36px;
    background-repeat: no-repeat; 
}

.nav-other-button .ui-icon {
    background-image: url(icon/images/icons-36-white-pack.png);
    background-position: -0px -0px;
    background-repeat: no-repeat; 
}

.nav-settings-button .ui-icon {
    background-image: url(icon/images/icons-36-white-pack.png);
    background-position: -576px 0px;
    background-repeat: no-repeat; 
}

.nav-info-button .ui-icon {
    background-image: url(icon/images/icons-36-white-pack.png);
    background-position: -1078px 0px;
    background-repeat: no-repeat; 
}

.nav-stats-button .ui-icon {
    background-image: url(icon/images/icons-36-white-pack.png);
    background-position: -72px -36px;
    background-repeat: no-repeat; 
}

.nav-map-button .ui-icon {
    background-image: url(icon/images/icons-36-white-pack.png);
    background-position: -936px -36px;
    background-repeat: no-repeat; 
}

.weather-icon { 
    width: 35px!important;
    height: 35px!important;
    display: inline-block;
    background-repeat: no-repeat;
    margin-top: -5px;
}
.weather-symbol-1 {
    background-image: url(weather-symbol/pilvi/selkeaa_1.svg);
}
.weather-symbol-2 {
    background-image: url(weather-symbol/pilvi/puolipilvista_1.svg);
}
.weather-symbol-21 {
    background-image: url(weather-symbol/sade/heikkoja_sadekuuroja_1.svg);
}
.weather-symbol-22 {
    background-image: url(weather-symbol/sade/sadekuuroja_1.svg);
}
.weather-symbol-23 {
    background-image: url(weather-symbol/sade/rankkoja_sadekuuroja_1.svg);
}
.weather-symbol-3 {
    background-image: url(weather-symbol/pilvi/pilvista_1.svg);
}
.weather-symbol-31 {
    background-image: url(weather-symbol/sade/heikkoa_sadetta_1.svg);
}
.weather-symbol-32 {
    background-image: url(weather-symbol/sade/sadetta_1.svg);
}
.weather-symbol-33 {
    background-image: url(weather-symbol/sade/runsasta_sadetta_1.svg);
}
.weather-symbol-6 {
    background-image: url(weather-symbol/salama/ukkosta_1.svg);
}
.weather-symbol-61 {
    background-image: url(weather-symbol/salama/ukkoskuuroja_1.svg);
}
.weather-symbol-62 {
    background-image: url(weather-symbol/salama/voimakkaita_ukkoskuuroja_1.svg);
}

.weather-temperature {
    color: red;
    font-size: 10pt;
    font-weight: bold;
    position: relative;
    top: -5px;
    left: 5px;
}
.weather-time {
    font-size: 8pt;
}

.weather-container {
    text-align: center;
}

/*make the page element 100% height*/
#mapPage {
    height : 100%;
}

/*specify a height for the header so we can line-up the elements, the default is 40px*/
#mapPage .ui-header {
/*    height : 0px; */
}

/*set the content to be full-width and height except it doesn't overlap the header or footer*/
#mapPage .ui-content {
    position : absolute;
    top      : 42px;
    right    : 0;
    bottom   : 0px;
    left     : 0;
}

/*absolutely position the footer to the bottom of the page*/
#mapPage .ui-footer {
    position : absolute;
    bottom   : 0;
    left     : 0;
    width    : 100%;
    height   : 0px;
}​
