/* NorCal Defined*/
.ustaheader_link {
	background-color: transparent !important;
}
.topnav_links {padding-bottom: 12.5px !important;padding-top: 12.5px !important; background-image:url("https://leagues.ustanorcal.com/images/headers/panel_nav_sprite.gif") !important;}
.topnav_links_loggedin {padding-bottom: 12.5px !important;padding-top: 12.5px !important; background-image:url("/images/panel_nav_sprite_lightcolor.gif") !important;}
/* end of NorCal Defined */

.ustaHeaderWrapper {width:1000px; font-family:Arial,Helvetica, sans-serif; font-size:11px; color:#333; background-color:#003871; z-index:310;text-align:left;}
.ustaHeaderWrapper img {border-style:none;vertical-align: middle !important;}
.ustaHeaderWrapper a {outline:none;}

.ustaHeaderWrapper .ustaClear {display:block; clear:both; line-height:0; height:0; margin:0; padding:0; overflow:hidden; font-size:0.01em; }

/* network bar */
.ustaNetworkBar {position:relative; height:25px; width:1000px; background-color:#d3d3d3; background-repeat:repeat-x; background-position:0 0; z-index:300;}

.ustaMiscLinks ul {list-style:none; margin:0; padding:0;}
.ustaMiscLinks li {float:left; height:24px; margin:0; padding:0;}
.ustaMiscLinks li a,
.ustaMiscLinks li a:link,
.ustaMiscLinks li a:visited {color:#181818;}

.ustaMiscLinks li.mLinkEsLoggedIn {
	width:349px !important;
	margin-left:10px !important;
	vertical-align: middle !important;
}

.ustaMiscLinks li.mLinkEsLoggedIn div {
	margin:2px 0 0 0 !important;
	width: 349px !important;
}

 .remove-all-styles {
    all: revert;
  }

.ustaMiscLinks li.mLinkEs {width:382px; margin-left:10px;}
.ustaMiscLinks li.mLinkEs div {margin:2px 0 0 0;width: 380px !important;}

.ustaMiscLinks li.mLinkJoin {background-repeat:no-repeat; background-position:0 2px; margin-right:10px;}
.ustaMiscLinks li.mLinkJoin div {margin:4px 0 0 22px;}
.ustaMiscLinks li.mLinkJoin a,
.ustaMiscLinks li.mLinkJoin a:link,
.ustaMiscLinks li.mLinkJoin a:visited {font-weight:bold; text-decoration:underline;}

.ustaMiscLinks li.mLoginRenew {margin-right:6px;}
.ustaMiscLinks li.mLoginRenew a,
.ustaMiscLinks li.mLoginRenew a:link,
.ustaMiscLinks li.mLoginRenew a:visited {display:block; width:126px; height:16px; margin-top:4px; background-color:#315d8c; background-repeat:no-repeat; background-position:0 0; text-indent:-999em;}

.ustaMiscLinks li.mAccessMembership {
	margin-right:5px !important;
}

.ustaMiscLinks li.mAccessMembership a,
.ustaMiscLinks li.mAccessMembership a:link,
.ustaMiscLinks li.mAccessMembership a:visited {
	display:block !important;
	width:163px !important;
	height:16px !important;
	margin-top:4px !important;
	background-color:#315d8c !important;
	background-repeat:no-repeat !important;
	background-position:0 0 !important;
	text-indent:-999em !important;
}

.ustaMiscLinks li.mLinkNetwork a {display:block; height:24px; width:134px; background-color:transparent; background-position:top left; background-repeat:no-repeat; text-indent:-999em;}
.ustaMiscLinks li.mLinkSection a {display:block; height:24px; width:178px; background-color:transparent; background-position:top left; background-repeat:no-repeat; text-indent:-999em;}
.ustaMiscLinks li.mLinkNetwork a.activeTab {background-position: 0 bottom;}
.ustaMiscLinks li.mLinkSection a.activeTab {background-position: 0 bottom;}

.ustaMiscLinks li.mLinkNetwork {height:24px; width:134px; position:relative;}
.ustaMiscLinks li.mLinkNetwork .swfHolder {width:410px; position:absolute; top:22px; left:0; background-color:#fff; border:3px solid #900; overflow:hidden; display:none;}
.ustaMiscLinks li.mLinkNetwork .swfHolder .mInner {padding:10px 0 0 15px;}

.ustaMiscLinks li.mLinkNetwork .swfHolder ul.menuHldr {float:left; width:180px; margin:0 15px 0 0; padding:0; list-style-type:none;}
.ustaMiscLinks li.mLinkNetwork .swfHolder ul.menuHldr li {float:none; height:1%; display:block; margin:0; padding:0 0 1px 0; background-repeat:repeat-x; background-position:0 bottom; border-style:none;}
.ustaMiscLinks li.mLinkNetwork .swfHolder ul.menuHldr a,
.ustaMiscLinks li.mLinkNetwork .swfHolder ul.menuHldr a:link,
.ustaMiscLinks li.mLinkNetwork .swfHolder ul.menuHldr a:visited {float:none; display:block; width:160px; height:1%; text-indent:0; text-decoration:none; text-align:left; color:#003871; background-position:3px 8px; background-repeat:no-repeat; margin:0; padding:4px 0 4px 12px;}
.ustaMiscLinks li.mLinkNetwork .swfHolder ul.menuHldr a:hover,
.ustaMiscLinks li.mLinkNetwork .swfHolder ul.menuHldr a:active {color:#900; text-decoration:none; background-position:-180px 8px;}

.ustaMiscLinks li.mLinkSection {float:right; height:24px; width:178px; position:relative;}
.ustaMiscLinks li.mLinkSection .swfHolder {width:600px; height:408px; position:absolute; top:22px; right:0; background-color:#fff; border:3px solid #900; overflow:hidden; display:none;}

.ustaMiscLinks li.mLinkNetwork .swfHolder .ustaCloseBtn, .ustaMiscLinks li.mLinkSection .swfHolder .ustaCloseBtn {width:53px; height:18px; background-position:0 0; background-repeat:no-repeat; cursor:pointer; margin-left:auto; text-indent:-999em;}
.ustaMiscLinks li.mLinkSection .swfHolder .ustaCloseBtn {position:absolute; bottom:0; right:0;}

/* end network bar */

/* usta masthead */

.ustaHeader {width:1000px;height:46px; position:relative; background-repeat:repeat-x; z-index:200;}
.ustaHeader .ustaShield {position:absolute; top:0; left:0;}

.ustaSearchWidget {width:350px;height:46px; position:absolute; top:0; right:0;}
.ustaSearchWidget img {position:absolute;left:0px;top:0px;}
.ustaSearchWidget .ustaSearchForm {position:absolute;top:10px;left:99px}
.ustaSearchWidget .ustaSearchForm .usatTextInpt {width:175px; margin-right:4px; padding:2px; color:#888; border:1px solid #7e9db9;}
.ustaSearchWidget .ustaSearchForm .ustaImgBtn {width:53px; height:22px; vertical-align:top;}

/* end usta masthead */

/* superfish default styles */

.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute; top:-999em; width:10em;}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit;}
.sf-menu li {float:left; position:relative;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:2.5em; z-index:109; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; top:0;}

/* top panel navigation */

.ustaPanelNav {	position:relative; height:37px; background-repeat:repeat-x; background-position:0 0; margin:0; padding:0; z-index:110;}

.ustaPanelNav li { float:left; border-left:2px solid #036; }
.ustaPanelNav a.mainLink,
.ustaPanelNav a.mainLink:link,
.ustaPanelNav a.mainLink:visited { float:left; display:block; font-size:11px; line-height:12px; margin:0; padding:0px 12px 0 12px; text-decoration:none; text-align:center; color:#fff; background-repeat:repeat-x; background-position:0 0; }
.ustaPanelNav a.twoLiner, .ustaPanelNav a.twoLiner:link, .ustaPanelNav a.twoLiner:visited { padding: 6px 15px 5px; }
.ustaPanelNav .sf-menu li ul { display:none; visibility:hidden; }

.ustaPanelNav .sf-menu 						{ float:left; margin:0 0 0 85px; padding:0; list-style-type:none; }
.ustaPanelNav .sf-menu li 						{ font-size:12px; }
.ustaPanelNav .sf-menu li a,
.ustaPanelNav .sf-menu li a:link,
.ustaPanelNav .sf-menu li a:visited 	{ color:#fff; text-decoration:none; }
.ustaPanelNav .sf-menu li:hover a		{ background-position:0 -37px; outline:0;}
.ustaPanelNav .sf-menu li.sfHover a	{ background-position:0 -37px; outline:0;}
.ustaPanelNav .sf-menu li.current a	{ background-position:0 -37px;}
                      
.ustaPanelNav .sf-menu li ul 					{ width:160px; background-color:#002A54; margin-top:7px; padding:2px 0 6px 0;}
.ustaPanelNav .sf-menu li li 					{ height:1%; font-size:11px; font-weight:normal; margin:0; padding:0; border-style:none;}

.ustaPanelNav .sf-menu li li a,
.ustaPanelNav .sf-menu li li a:link,
.ustaPanelNav .sf-menu li li a:visited	{ color:#fff; margin:0; padding:4px 20px 4px 10px; }
.ustaPanelNav .sf-menu li li a:hover,
.ustaPanelNav .sf-menu li li a:active 	{ color:#f00; }

.ustaPanelNav .sf-menu li li ul 				{ margin:-2px 0 0 50px; border-left:2px solid #003366; }

.ustaPanelNav .sf-menu li li.sfHover a, 		
.ustaPanelNav .sf-menu li li.sfHover a:link, 
.ustaPanelNav .sf-menu li li.sfHover a:visted, 
.ustaPanelNav .sf-menu li li.sfHover a:hover, 
.ustaPanelNav .sf-menu li li.sfHover a:active 		{ color:#f00; }

.ustaPanelNav .sf-menu li li.current a, 
.ustaPanelNav .sf-menu li li.current a:link, 
.ustaPanelNav .sf-menu li li.current a:visted, 
.ustaPanelNav .sf-menu li li.current a:hover, 
.ustaPanelNav .sf-menu li li.current a:active 		{ font-weight:bold; color:#fff; }

.ustaPanelNav .sf-menu li li.sfHover li a,
.ustaPanelNav .sf-menu li li.sfHover li a:link, 
.ustaPanelNav .sf-menu li li.sfHover li a:visted	{ font-weight:normal; color:#fff; }
.ustaPanelNav .sf-menu li li.sfHover li a:hover,
.ustaPanelNav .sf-menu li li.sfHover li a:active 	{ font-weight:normal; color:#f00; }

.ustaPanelNav .sf-menu li li.current li a, 
.ustaPanelNav .sf-menu li li.current li a:link, 
.ustaPanelNav .sf-menu li li.current li a:visted 	{ font-weight:normal; }

.ustaPanelNav .sf-menu li li li.sfHover a,
.ustaPanelNav .sf-menu li li li.sfHover a:link, 
.ustaPanelNav .sf-menu li li li.sfHover a:visted,
.ustaPanelNav .sf-menu li li li.sfHover a:hover, 
.ustaPanelNav .sf-menu li li li.sfHover a:active 	{ font-weight:normal; color:#f00; }

.ustaPanelNav .sf-menu li li li.current a,
.ustaPanelNav .sf-menu li li li.current a:link,
.ustaPanelNav .sf-menu li li li.current a:visted,
.ustaPanelNav .sf-menu li li li.current a:hover,
.ustaPanelNav .sf-menu li li li.current a:active 	{ font-weight:bold; color:#fff; }

.ustaPanelNav .sf-menu li li li.sfHover li a,
.ustaPanelNav .sf-menu li li li.sfHover li a:link, 
.ustaPanelNav .sf-menu li li li.sfHover li a:visted, 
.ustaPanelNav .sf-menu li li li.sfHover li a:hover, 
.ustaPanelNav .sf-menu li li li.sfHover li a:active 	{ font-weight:normal; color:#f00; }

.ustaPanelNav .sf-menu li li li.current li a, 
.ustaPanelNav .sf-menu li li li.current li a:link, 
.ustaPanelNav .sf-menu li li li.current li a:visted 	{ font-weight:normal; }


.ustaPanelNav .sf-menu a.sf-with-ul {	padding-right: 15px;	min-width: 1px; }
.ustaPanelNav  .sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			6px;
	top:				6px;
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(http://www.usta.com/cms/sections/images/nav_arrows_red.gif) no-repeat -10px -100px;
}
.ustaPanelNav .sf-menu ul a > .sf-sub-indicator 						{ background-position: -10px 0; }
.ustaPanelNav .sf-menu ul a:focus > .sf-sub-indicator, 
.ustaPanelNav .sf-menu ul a:hover > .sf-sub-indicator, 
.ustaPanelNav .sf-menu ul a:active > .sf-sub-indicator, 
.ustaPanelNav .sf-menu ul li:hover > a > .sf-sub-indicator, 
.ustaPanelNav .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: 0px 0; }

/* end top panel navigation */

/* Left Rail specific styles for usta sections */
.cmsUSTAContainer .cmsSiteContainer .cmsLeft .railMod 	{ padding:0 2px; text-align:center; }
.cmsUSTAContainer .cmsSiteContainer .cmsLeft .railMod a,
.cmsUSTAContainer .cmsSiteContainer .cmsLeft .railMod a:link,
.cmsUSTAContainer .cmsSiteContainer .cmsLeft .railMod a:visited 	{ color:#ED1C24; }
.cmsUSTAContainer .cmsSiteContainer .cmsLeft .railMod a:hover		{ text-decoration:none; }
