@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400);

/*html 5 tags*/

/*limited reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video {
	margin: 0;
	padding: 0;
	border: 0;
}

/*html5 display rule*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}

/*html 5 tags*/

html
{
	height:100%;
	}
	
body
{
	height:100%;
	background-color:#272322;
	background-image:url(../images/bg.jpg);
	background-position:center top;
	background-repeat:repeat;
	background-size:100% auto;
	overflow-x:hidden;

}
@font-face {
        font-family: "Open Sans Light";
        src: url('fonts/OpenSans-Light.eot');
        src: url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Light.svg#Open Sans Light') format('svg'),
        url('fonts/OpenSans-Light.woff') format('woff'),
        url('fonts/OpenSans-Light.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
@font-face {
        font-family: "OpenSans-Regular";
        src: url('fonts/OpenSans-Regular.eot');
        src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg'),
        url('fonts/OpenSans-Regular.woff') format('woff'),
        url('fonts/OpenSans-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
	
@font-face {
        font-family: "avenir-book_0-webfont";
        src: url('fonts/avenir-book_0-webfont.eot');
        src: url('fonts/avenir-book_0-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/avenir-book_0-webfont.svg#Open Sans Light') format('svg'),
        url('fonts/avenir-book_0-webfont.woff') format('woff'),
        url('fonts/avenir-book_0-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }	
h1
{
	font-family: "avenir-book_0-webfont";
	font-size:30px;
	font-weight: bold;
	text-align:left;
	color:#f98716;
	padding:0 0 15px 0;
	border-bottom:1px solid #CCC;	
	float:left;
	width:100%;
}
h2
{
	font-family: "OpenSans-Regular";
	font-size:25px;
	font-weight:normal;
	text-align:left;
	color:#355787;	
	float:left;
	width:100%;
}
h3
{
	font-family: "OpenSans-Regular";
	font-size:20px;
	font-weight:normal;
	color:#001d99;
	margin:0 0 15px 0;
	padding:0;
}
h4
{
	font-family: "OpenSans-Regular";
	font-size:18px;
	font-weight:normal;
	color:#000;
	margin:0;
	padding:0;
}

p
{
	font-family: "OpenSans-Regular";
	font-size:14px;
	color:#000;
	line-height:22px;
	margin:0 0 15px 0;
	
}
li
{
	font-family: "Open Sans Light";
	font-size:14px;
	text-decoration:none;
	list-style:none;
	/*color:#484747;*/
	color:#000;

}
td
{
	font-family: "OpenSans-Regular";
	font-size:14px;
	text-decoration:none;
	list-style:none;
	color:#333;

}
tH
{
	font-family: "OpenSans-Regular";
	font-size:13px;
	text-decoration:none;
	list-style:none;
	color:#333;
	text-align:left;

}
a { text-decoration:none;}
hr{ border:1px solid #CCC; margin-top:20px; }
.outer_wrapper { float:left; width:100%; padding:0 0 0px 0;}
.header{float:left;	width:100%;	background-color:#f98716;min-height:95px;	padding:25px 0 0 0;}
.header-con { margin:0 auto; max-width:1300px; padding:0 15px;}
.logo {float:left; width:32%;}
.soc-cta { float:right; width:300px; height:auto;}
.soc-cta ul.soc-ico { float:right;}
.soc-cta ul.soc-ico li { float:left; margin:0 0 0 10px;}
.cta { float:right; margin:10px 0 0 0;}
.cta li { float:left;}
.cta li a { display:block; text-align:center; color:#fff; background-image:url(../images/bg-cta.png); width:105px; border:1px solid #0b31a3; padding:14px 0px;  font-size:18px; margin:0 0 0 10px; font-family: "OpenSans-Regular"; }
.cta li a:hover {background-image:url(../images/bg-cta-hover.png);}
/*styles for ticker*/
.ticker { float:left; width:100%; background-color:#f7f7f7; padding:0; margin:20px 0 0 0; }
.ticker-wrp { margin:0 auto; position:relative; max-width:1300px; padding:0 15px;}
.news-updates { float:left;  width:18%; background-color:#001d99;  padding:20px; position:relative;}
.news-updates p { font-family: "OpenSans-Regular"; color:#fff; margin:0; padding:0;}
.tk-arrow { display:block; float:left; height:20px; width:20px; background-image:url(../images/ticker-pointer.png); background-repeat:no-repeat; height:25px; margin:20px 0 0 0;}
#wrapper { float:right; width:75%; font-family: "OpenSans-Regular"; margin:10px 0 0 0;}
#wrapper ul li{ font-family: "OpenSans-Regular"; font-size:14px;}
#ticker_container { padding: 10px 0;  overflow: auto;}
/*styles for ticker*/
.container { float:left; width:100%; height:auto;}
.content-area { margin:0 auto; max-width:1300px; padding:15px;}
.lft-clm { float:left; width:18%; margin:15px 1.50% 0 0; background-color:#f7f7f7; padding:0 0 15px 0;}
.lft-clm  h2 { padding:0 15px; margin:20px 0; }
.main-content {float:left;  width:63%; padding:20px;  background-color:#fff; margin-top:15px;}
.main-content-dallas {float:left; margin:15px 0 0 0; width:63%; padding:0;}
.main-content h1 {margin:0 0 15px 0;}
.main-content h2 {margin:0 0 15px 0;}
.rgt-clm { float:right; width:16%; text-align:right;}
.rgt-clm > img { margin:15px 0 15px 0; width:100%;}
.video-thumb { float:none; margin:0 auto; width:90%; text-align:center;}
.video-thumb  img {  width:100%;}
.hero-banner { float:left; width:100%; margin:0 0 15px ;}
.hero-banner img { width:100%; height:auto;}
.list-match { float:left; width:100%; margin:10px 0 0 0;}
.list-match img { width:24.40%;}
.clear-fix { clear:both; width:100%; float:left;}
.footer { float:left; width:100%; margin-top:30px; background-color:#f98716; color:#fff;}
.footer-main { margin:20px auto; max-width:1300px; padding:0 15px;}
.copy-con { float:left; width:400px;}
.copy-con p { color:#FFF; }
.bt-lnk { float:right;}
.bt-lnk  ul li { float:left; color:#fff; padding:0 5px;}
.bt-lnk  ul li  a { float:left; color:#fff; font-family: "OpenSans-Regular"; font-size:14px;}
#newscontent { float:left; width:80%;}
/*style for form*/
.form { float:left; width:100%;}
.fr-fld-wrp { float:left; width:100%; margin:10px 0;}
.fr-fld-wrp > label { float:left; width:100%; display:block; margin:0 0 10px 0;}
.fr-fld-wrp .options { margin:0 10px 0 0; float:left; width:auto;}
.form input[type=text] { width:96%; padding:10px 2%; font-family: "OpenSans-Regular"; font-size:14px;  border: 1px solid #ccc !important;}
.form input[type=select] { width:96%; padding:10px 2%; font-family: "OpenSans-Regular"; font-size:14px;  border: 1px solid #ccc !important;}
.form input[type=email] { width:96%; padding:10px 2%; font-family: "OpenSans-Regular"; font-size:14px;  border: 1px solid #ccc !important;}
.form input[type=password] { width:96%; padding:10px 2%; font-family: "OpenSans-Regular"; font-size:14px;  border: 1px solid #ccc !important;}
input[type=text] { width:96%; padding:10px 2%; font-family: "OpenSans-Regular"; font-size:14px; border: 1px solid #ccc !important;}
.input_sel { width:96%; padding:10px 2%; font-family: "OpenSans-Regular"; font-size:14px; border: 1px solid #ccc !important;}
input[type=text]:focus { outline:none;}
input[type=submit] { float:right; width:auto; padding:10px; display: block; text-align: center;  color: #fff; background-image:url(../images/bg-cta.png);width: 105px; padding: 14px 0px; font-size: 18px; margin: 0 0 0 10px;    font-family: "OpenSans-Regular";}
input[type=submit]:hover {background-image:url(../images/bg-cta-hover.png); cursor:pointer;}
label { color:#333; font-family: "OpenSans-Regular"; font-size:16px;}
.form textarea { width:96%; padding:10px 2%; height:150px; font-family: "OpenSans-Regular"; font-size:14px;  border: 1px solid #ccc !important; }
.options { float:left;}
.use-bkl { float:left; width:96%; padding:20px 2%; border:1px solid #f7f7f7; margin:0 0 25px 0;}
.team-list { float:left; width:100%; }
.team-list li { float:left;   color:#333; font-family: "OpenSans-Regular"; font-size:14px; margin:0 1%;}
.fd-sec { float:left; width:100%;}
.fd-sec .box { float:left; width:47%;}
.fd-sec .box ul { float:left; width:100%;}
.fd-sec .box ul li { float:left; margin:0 20px 0 0; }

.fd-sec-1 { float:left; width:100%;}
.fd-sec-1 .box-1 { float:left; width:40%;}
.fd-sec-1 .box-2 { float:left; width:14%;}
.fd-sec-1 .box-1 ul { float:left; width:100%;}
.fd-sec-1 .box-1 ul li { float:left; margin:0 20px 0 0; }


.sep-ver { float:left; width:6%; height:100px;}
/*style for form*/
.my-sec { float:left; width:100%;}
.my-sec .box { float:left; width:42.20%; padding:15px 2.20%; margin:0 0 15px 0; background-color:#fbfbfb; border:1px solid #f7f7f7;}
.my-sec .box h3 { border-bottom:1px solid #f7f7f7; padding:0 0 15px 0;}
.my-sec .box ul li { float:left; width:100%; margin:0 0 15px 0;}
.sta-ven{ float:left; width:100%; margin:0 0 20px 0;}
.score-card { float:left; width:65%; padding:15px; background-color:#fff;}
.score-card p { float:left; width:100%; font-size:12px; color:#ff7f28; margin:10px 0 0 0; padding:0;}
.pitcher { float:left; width:100%; border-bottom:1px solid #f7f7f7; margin:0 0 15px 0;}
.pitcher  li { float:left; height:60px; width:auto; position:relative; margin:0 5px 0 0; font-size:18px; font-family: "OpenSans-Regular"; color:#001d99;}
.pitcher  li span { position:absolute; left:0; bottom:0; font-size:12px; display:block; width:50px; top:30px; color:#333;}

.venue { float:right; width:30%; background-color:#fff; padding:10px;}

.batting-stat { float:left; width:100%; background-color:#fff; padding:20px 2%;}
.batting-stat  table tr th { border-bottom:1px solid #f7f7f7; padding:10px 0; text-align:left }
.batting-stat  table tr th:first-child { text-align:left; width:90px}
.batting-stat  table tr td { border-bottom:1px solid #f7f7f7; padding:10px 0; text-align:left}
.batting-stat  table tr td:first-child { text-align:left; width:90px}

.batting-stat-2 { float:left; width:100%; background-color:#fff; padding:20px 2%;}
.batting-stat-2  table tr th { border-bottom:1px solid #f7f7f7; padding:10px 0; text-align:left; width:30px; }
.batting-stat-2  table tr td { border-bottom:1px solid #f7f7f7; padding:10px 0; text-align:left}

.tab-stat { float:left; width:100%;}
.tab-stat tr td {font-size:14px; font-family: "OpenSans-Regular";}
.bod { border-bottom:1px solid #f7f7f7; padding:12px 0; margin:0 0 15px 0;}
.tab-stat tr td:first-child { width:90px;}

nav a {
  color: #333;
  text-decoration: none;
  font-family: "OpenSans-Regular";
  font-size:16px;
}
nav a:hover { color:#fff; text-decoration:none; }
nav { /*background-color: #2c3e50; */}

nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
}

nav li,
nav .nav-toggle {
  text-align: center;
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 100%;
}

nav .dropdown > a:after {
  content: 'V';
  position: absolute;
  right: 15px;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
}

nav .dropdown.open,
.desktop nav li:hover { background-color: #f98716; text-decoration:none; }

nav .dropdown.open > a:after,
.desktop nav li:hover > a:after {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}

nav .dropdown ul {
  position: relative;
  background-color: #34495e;
  display: none;
}

nav a {
  display: block;
  padding: 15px 15px;
}

.desktop nav { width: 100%; }

.desktop nav li {
  text-align: left;
  width: 100%;
  border-bottom:1px solid #dfdfdf;
}

.desktop nav li:hover ul {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  visibility: visible;
}

.desktop nav .dropdown:hover > a:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.desktop nav .dropdown > a:after {
  content: '>';
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
}

.desktop nav .dropdown ul {
  top: 0;
  left: 150px;
  position: absolute;
  display: block !important;
  visibility: hidden;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
}

.desktop nav .nav-toggle { display: none; }

/*select box style*/
/* -------------------- Page Styles (not required) */
/* -------------------- Select Box Styles: bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source: http://bavotasan.com/2011/style-select-box-using-only-css/ */
.styled-select {
   background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 240px;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
}

.styled-select.slate {
   background: url(http://i62.tinypic.com/2e3ybe1.jpg) no-repeat right center;
   height: 34px;
   width: 240px;
}

.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 16px;
   height: 34px;
   width: 268px;
}

/* -------------------- Rounded Corners */
.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

/* -------------------- Colors: Background */
.slate   { background-color: #ddd; }
.green   { background-color: #779126; }
.blue    { background-color: #3b8ec2; }
.yellow  { background-color: #eec111; }
.black   { background-color: #000; }

/* -------------------- Colors: Text */
.slate select   { color: #000; }
.green select   { color: #fff; }
.blue select    { color: #fff; }
.yellow select  { color: #000; }
.black select   { color: #fff; }


/* -------------------- Select Box Styles: danielneumann.com Method */
/* -------------------- Source: http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/ */
#mainselection select {
   border: 0;
   color: #EEE;
   background: transparent;
   font-size: 20px;
   font-weight: bold;
   padding: 2px 10px;
   width: 378px;
   *width: 350px;
   *background: #58B14C;
   -webkit-appearance: none;
}

#mainselection {
   overflow:hidden;
   width:350px;
   -moz-border-radius: 9px 9px 9px 9px;
   -webkit-border-radius: 9px 9px 9px 9px;
   border-radius: 9px 9px 9px 9px;
   box-shadow: 1px 1px 11px #330033;
   background: #58B14C url("http://i62.tinypic.com/15xvbd5.png") no-repeat scroll 319px center;
}


/* -------------------- Select Box Styles: stackoverflow.com Method */
/* -------------------- Source: http://stackoverflow.com/a/5809186 */
select#soflow, select#soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 300px;
}

select#soflow-color {
   color: #fff;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#779126, #779126 40%, #779126);
   background-color: #779126;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding-left: 15px;
}
/*http://codepen.io/ericrasch/pen/zjDBx*/
/*select box style*/
/*check box style*/
input[type=checkbox].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
	
	input[type=checkbox].css-checkbox + label.css-label {
	padding-left:40px;
	height:22px; 
	display:inline-block;
	line-height:22px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;
	
	}
	
	input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -22px;
	}
	label.css-label {
	background-image:url(../images/check.png);				
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}
	
/*new styles 2016-06-15*/
.team-con { float:left; padding:10px 0; width:100%;}
.tm-col { float:left; width:48.50%; margin:0 2.80% 0 0;}
.tm-box { float:left; width:94%; margin:0 0 20px 0;  display:table; border:1px solid #dcdcdc; padding:15px 3% 15px 3%; position:relative;}
.tm-sel { display:table-cell;vertical-align:middle;}
.tm-box p { margin:0; color:#001d99; margin:5px 0 0 0;}
.tm-sel > span { float:left; }
.tm-sel span.select {  float:right;}
.tm-sel span.select a { display:block; float:left; padding:7px; width:100px; font-size:12px;  text-align:center; color:#fff; background-image:url(../images/sel-btn-bg.png);}
/*new styles 2016-06-15*/

/*new styles 2016-06-17*/
.cta-blk { float:left; width:100%; position:relative; margin:0 0 15px 0;}
.cta-blk  h2 { margin-top:15px;}
.cta-blk span { display:block; position:absolute; right:0;}
.cta-blk span ul li a { width:150px;}
.evt-loc { float:left; width:100%;}
.loc-col { float:left; width:50%; border:1px solid #CCC; padding:15px 2%;}
.loc-col ul { margin:0 0 15px 0;}
.loc-col ul li { color: #333; font-family: "OpenSans-Regular";}
.loc-col > img { width:100%; margin:0 0 15px 0;}
.evt-col { float:right; width:42%;}
.upcoming { width:92%; border:1px solid #CCC; padding:15px 4%; margin:0 0 20px 0;}
.std-his { float:left; width:96%; border:1px solid #CCC; padding:15px 2%; margin:20px 0 0 0;}
/*new styles 2016-06-17*/

.srch_btn{ float:right !important; margin:0px 0px 10px 0px !important; padding:5px !important; display: block; text-align: center;  color: #fff; background-color:#0E1792 !important; width: 60px !important; font-size: 14px !important; font-family: "OpenSans-Regular"; background-image:none !important; }

td a:hover{ color:#fff; text-decoration:none; }
	
/*check box style*/
@media screen and (max-width: 1024px) and (min-width: 200px) 
{
	.main-content { width:53%;}
	.score-card { width:93%; margin:0 0 15px 0;}
	.venue { width:95.20%; float:left;}
	.main-content { width:58%;}
	.score-card { width:93%; margin:0 0 15px 0;}
	.venue { width:95.20%; float:left;}
	.tm-col {  width:100%; margin:0 0 0 0;}
}
@media screen and (max-width: 800px) and (min-width: 200px) {
	#wrapper { width:65% !important;}
	.my-sec .box { float:left; width:96%; padding:15px 2%; background-color:#fbfbfb; border:1px solid #f7f7f7;}
	.loc-col{ width:100% }

}
@media screen and (max-width: 680px) and (min-width: 200px) {
	.logo { width:100%; text-align: center;}
	.soc-cta { float:left; width:100%; margin:15px 0;}
	.soc-cta ul.soc-ico { float:left; width:100%; text-align:center;}
	.soc-cta ul.soc-ico li { float:none; display:inline-block;}
	.cta { float:left; width:100%; text-align:center;}
	.cta  li { float:none; display:inline-block;}
	.lft-clm { width:100% !important;}
	.main-content { width:94.20%; margin:15px 0 !important; padding:15px 3%;}
	.rgt-clm  { float:left; width:100%;}
	.copy-con { float:left; width:100%; text-align:center;}
	.bt-lnk { float:left; width:100%; text-align:center; margin:10px 0;}
	.bt-lnk  ul li { float:none; display:inline-block; color:#333; padding:0 5px;}
	.bt-lnk  ul li  a {  color:#333; font-family: "OpenSans-Regular"; font-size:14px;}
	.fd-sec .box { float:left; width:100%; margin:0 0 20px 0;}
	.fd-sec .box:last-child { margin:0;}
	.sep-ver  { display:none;}
	.my-sec .box { float:left; width:96%; padding:15px 2%; background-color:#fbfbfb; border:1px solid #f7f7f7;}
	.main-content-dallas { width:100%; margin:15px 0 15px 0;}
	.loc-col{ width:100% }
}
@media (min-width: 320px) and (max-width: 480px){
	.loc-col{ width:100% !important; }
	.evt-col { width:100%; margin-top:20px; }
	.upcoming{ width:100%; }
	.std-his{ width:100%; }
	.cta-blk span { position:relative; }
	.fd-sec-1 .box-1 { float:left; width:100%;}
	.fd-sec-1 .box-2 { float:left; width:100%;}
}

@media (min-width: 240px) and (max-width: 320px){
	.loc-col{ width:100% !important; }
	.evt-col { width:100%; margin-top:20px; }
	.upcoming{ width:100%; }
	.std-his{ width:100%; }
	.cta-blk span { position:relative; }
	
	.fd-sec-1 .box-1 { float:left; width:100%;}
	.fd-sec-1 .box-2 { float:left; width:100%;}
}
.navbar-nav > li > a{ color:#333; font-family: "OpenSans-Regular";   font-size: 14px; border:1px solid #e1e1e1; } 
.navbar-nav > li > a:hover{ background-color:#f98716; color:#fff; }