@import url("layout.css");
@import url("skin.css");
@import url("content.css");
@import url("select2.css");
textarea.styleid{
color:#666;
font-size:14px;
-moz-border-radius: 8px; -webkit-border-radius: 8px;
margin:5px 0px 10px 0px;
padding:10px;
height:75px;
width:350px;
border:#999 1px solid;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
}
textarea.styleid{
color:#666;
font-size:14px;
-moz-border-radius: 8px; -webkit-border-radius: 8px;
margin:5px 0px 10px 0px;
padding:10px;
height:75px;
width:350px;
border:#999 1px solid;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
}
#commonMessage {
 position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  font-size:28px;
  line-height: 70px;
  text-align: center;
  color: #000;
  background: #fff;
  border-bottom:0px none;
  /*border-bottom: 1px solid #ddd;*/
  filter:alpha(opacity=92);
  -moz-opacity: 0.92;
  opacity: 0.92;
  display: none; /* LEAVE THIS IN*/
}

.invisible {display:none;}
.visible {visibility:visible;}
.TextboxPlayer {
    margin-top: 5px;
    width: 300px;
    height: 20px;
    border-radius: 4px 4px 4px 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    /*height: 20px;*/
    line-height: 20px;
    /*margin-bottom: 10px;*/
    padding: 4px 6px;
    vertical-align: middle;

    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

input[type=radio].css-checkbox {
							display:none;
						}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:27px;
							height:22px; 
							display:inline-block;
							line-height:22px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:22px;
							vertical-align:middle;
							cursor:pointer;
                            font-family: 'Open Sans Condensed', sans-serif;
                            font-weight:bolder;
						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -22px;
						}
						label.css-label {
				background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_1ddc0b0dc8dd741d710834aa81831cfa.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}


/*Hitter profile vs fb vs off-speed*/
/*Orig*/
#vsfb,
#vsop
{
    float: left;
    font-size: 10px;
    /*height: 260px;*/
    /*width: 300px;*/
    
    /*
    margin: 25px 0;
    float: left;
    font-size: 9px;
    height: 228.8px;
    width: 300.08px;
    */
}

#vsfb.left, #vsop.left
{
    /*background-image: url('Images/hbatter-left.jpg');
    background-repeat: no-repeat;*/
}

#vsfb.right, #vsop.right
{
    /*background-image: url('Images/hbatter-right.jpg');
    background-repeat: no-repeat;*/
} 

#vsfb h3,
#vsop h3 { color: #038E00; }

#vsfb h3.left,
#vsop h3.left { text-align: right; }

#vsfb h3.right,
#vsop h3.right { text-align: left; }

#vsfb #vsfb-pitches,
#vsfb #vsfb-totals,
#vsop #vsop-pitches,
#vsop #vsop-totals
{
    border-collapse: collapse;
    float: right;
}

#vsfb #vsfb-pitches.left,
#vsfb #vsfb-totals.left,
#vsop #vsop-pitches.left,
#vsop #vsop-totals.left { float: right; }

#vsfb #vsfb-pitches.right,
#vsfb #vsfb-totals.right,
#vsop #vsop-pitches.right,
#vsop #vsop-totals.right { float: left; }

#vsfb #vsfb-pitches td,
#vsop #vsop-pitches td
{
    padding: 1.76px;
    text-align: center;
}

#vsfb #vsfb-pitches td.corner,
#vsop #vsop-pitches td.corner
{
    height: 17.6px;
    width: 22px;
}



#vsfb #vsfb-pitches td.pitch,
#vsop #vsop-pitches td.pitch
{
    border: 1.76px solid #000000;
    height: 44px;
    width: 44px;
}

#vsfb #vsfb-pitches td.Brdr,
#vsop #vsop-pitches td.Brdr
{
    border: 2.64px solid red;
    height: 44px;
    width: 44px;
}



#vsfb #vsfb-pitches td.pitch .bl,
#vsop #vsop-pitches td.pitch .bl
{
    float: left;
    text-align: left;
    width: 8.8px;
}

#vsfb #vsfb-pitches td.pitch .br,
#vsop #vsop-pitches td.pitch .br
{
    float: right;
    text-align: right;
    width: 26.4px;
}

#vsfb #vsfb-pitches .r,
#vsop #vsop-pitches .r {background-color: #FFBCBC;} 
/*#vsop #vsop-pitches .r {border: 3px solid red;}*/
#vsfb #vsfb-pitches .g,
#vsop #vsop-pitches .g { background-color: #ADD6AD; }
#vsfb #vsfb-pitches .b,
#vsop #vsop-pitches .b {background-color: #BFBFFF;}
/*#vsop #vsop-pitches .b {border: 3px solid red;} */
#vsfb #vsfb-pitches .w,
#vsop #vsop-pitches .w { background-color: #FFFFFF; }
#vsfb #vsfb-pitches .dr,
#vsop #vsop-pitches .dr { background-color: #DC7474; }

#vsfb #vsfb-totals .l,
#vsfb #vsfb-totals .r,
#vsop #vsop-totals .l,
#vsop #vsop-totals .r
{
    font-weight: bold;
    padding: 1.76px;
    width: 95.92px;
}

#vsfb #vsfb-totals .l,
#vsop #vsop-totals .l
{
    text-align: right;
}

#vsfb #vsfb-totals .r,
#vsop #vsop-totals .r
{
    text-align: left;
}

#sprayzone
{
    float:right;
    font-size: 9px;
    font-weight:bolder;
    height:inherit;
    width:inherit;
}
#sprayzone {height: inherit; position: relative; width: inherit; }
#sprayzone #spray-infield-left,
#sprayzone #spray-infield-right,
#sprayzone #spray-infield-middle,
#sprayzone #spray-outfield-left,
#sprayzone #spray-outfield-right,
#sprayzone #spray-outfield-middle { position: absolute; width: 19.5px; }
#sprayzone #spray-infield-left { left: 32.5px; top: 110.5px; }
#sprayzone #spray-infield-right { left: 65px; top: 149.5px; }
#sprayzone #spray-infield-middle { left: 58.5px; top: 123.5px; }
#sprayzone #spray-outfield-left { left: 45.5px; top: 58.5px; }
#sprayzone #spray-outfield-right { left: 123.5px; top: 136.5px; }
#sprayzone #spray-outfield-middle { left: 97.5px; top: 84.5px; }


fieldset{margin:1em 0px;padding:1em;border:1px solid #ccc;height:155px;}
fieldset p{margin:2px 12px 10px 10px;width:352px;}
fieldset.login label, fieldset.register label, fieldset.changePassword label{display:block;}
fieldset label.inline{display:inline;}
legend{font-size:1.1em;font-weight:600;padding:2px 4px 8px 4px;}
input.textEntry{width:320px;border:1px solid #ccc;height: 25px;padding-left: 5px;}
input.passwordEntry{width:320px;border:1px solid #ccc;height: 25px;padding-left: 5px;}
input[type=text]:focus {
    border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
div.accountInfo{width:360px;}
.clear{clear:both;}
.title{display:block;float:left;text-align:left;width:auto;padding-left:5px;padding-top:5px;padding-bottom:5px;}
.loginDisplay{font-size:1.1em;display:block;text-align:right;padding:10px;color:White;}
.loginDisplay a:link{color:white;text-decoration:none;}
.loginDisplay a:visited{color:white;}
.loginDisplay a:hover{color:white;}
.failureNotification{color:Red;font-size:1em;height:25px;margin-left:10px;}
.bold{font-weight:bold;}
.submitButton{text-align:right;padding-right:15px;}