@charset "utf-8";
body 						{font: 100% Verdana, Arial, Helvetica, sans-serif; background: #202020; margin: 0; padding: 0; text-align: center; color: #cccccc;background-image:url(../images/Protege-background.jpg); background-position:top center; background-repeat:no-repeat;}

.oneColFixCtr #container 	{width: 900px; background: #000000;margin: 0 auto;text-align: left; /* this overrides the text-align: center on the body element. */}
.oneColFixCtr #mainContent 	{padding: 0 0px;}

/* Home Page */
#col1 						{width: 175px;  margin:10px 10px; text-align: left; float:left;}
#col2 						{width: 690px;  margin:10px 0px; text-align: left; float:left;}

#col21 						{width: 385px; text-align: left; float:left;}
#col22 						{width: 270px; text-align: left; float:left; margin-left:10px;}


/* Primary Nav */
#navcontainer ul			{padding-left: 20px;margin-left: 0;background-image:url(../images/background-prinav2.jpg);color: White;float: left;width: 880px;font-family: arial, helvetica, sans-serif; font-size:12px;}
#navcontainer ul li 		{ display: inline; width:auto; }
#navcontainer ul li a		{padding: 0.3em .6em;color: White;text-decoration: none;float: left;border-right: 1px solid #000;width:107px;}
#navcontainer ul li a:hover	{background-color: #369;color: #fff;}
#navpipe a 					{ border-left: 1px solid #000; }
#navcontainer #active		{background-color: #333333;color: #fff;}


/* Secondary Nav */
#navcontainer2 ul			{margin: 0;padding: 0;list-style-type: none;font-family: Arial, Helvetica, sans-serif;font-size: 11px; text-decoration:none;}
#navcontainer2 li 			{margin: 0 0 5px 0;}
#navcontainer2 a			{color:#CCCCCC; text-decoration:none; display: block;padding: 2px 2px 2px 10px;border: 1px solid #333;width: 99%;background-color: #000;background-image: url(../images/nav-off.jpg); background-repeat:repeat-x; background-position:top;}
#navcontainer2 a:hover		{background-color: #003366;background-image: url(../images/nav-on.jpg); background-repeat:repeat-x; background-position:top;}
#navcontainer2 #active		{background-color: #003366;background-image: url(../images/nav-on.jpg); background-repeat:repeat-x; background-position:top;}

/* Header */
#header 			{padding: 0px 0px; margin:0px 0px; min-height:80px; background-color: #000000;}
.header				{font-size: 10px;font-family: Geneva, Arial, Helvetica, sans-serif;color: #999999;}
.headernav			{color:#999999;text-decoration: none;font-size: 11px;}
a.headernav:hover	{text-decoration: underline;}
a.headernav3			{color:#66ccff;text-decoration: none;font-size: 11px;}
a.headernav3:hover	{text-decoration: underline;}
.headernav2			{color:#999999;font-size: 10px;}
.headlink			{font-size:10px; font-weight:bold; color:white; line-height:18px; text-decoration:none;}

/* Footer */
#footer 			{padding: 20px 0px; clear:both; width:750px; margin: 0 auto;}
.footer				{font-size: 10px;font-family: Geneva, Arial, Helvetica, sans-serif;color: #666666;}
.footernav			{color:white;text-decoration: none;font-size: 10px;}
a.footernav:hover	{text-decoration: underline;}


/* Sports Page Frame */
#colfulltop {width: 860px;  margin:10px 10px; padding:10px; text-align: left; float:left; background-color:#151515;}
#col1t		{float:left; width:545px;}
#col2t		{float:left; width:310px;}
#colfullb	{width: 860px;  margin:10px 10px; padding:10px; text-align: left; float:left; background-image: url(../images/bck-fade-bk-top.jpg); background-repeat:repeat-x; background-position:top;}
#navcontainer3 ul			{margin: 0;padding: 0;list-style-type: none;font-family: Arial, Helvetica, sans-serif;font-size: 11px; text-decoration:none;}
#navcontainer3 li 			{margin: 0 0 5px 0;}
#navcontainer3 a			{color:#CCCCCC; text-decoration:none; display: block;padding: 2px 2px 2px 10px;border: 1px solid #333;background-color: #000;background-image: url(../images/nav2-off.jpg); background-repeat:repeat-x; background-position:top;}
#navcontainer3 a:hover		{background-color: #003366;background-image: url(../images/nav2-on.jpg); background-repeat:repeat-x; background-position:top;}
#navcontainer3 #active		{background-color: #003366;background-image: url(../images/nav2-on.jpg); background-repeat:repeat-x; background-position:top;}
.headdrills					{float:left; width:300px; text-decoration:none;  margin-bottom:10px; padding:5px; cursor:pointer;}

/* Coach Details Page Frame */
#col1coach		{float:left; width:225px;}
#col2coach		{float:left; width:400px;margin:10px 10px;}
#col3coach		{float:right; width:175px;}

#col2full 		{width: 690px;  margin:20px 10px 20px 0px; text-align: left; float:left; background-image: url(../images/bck-fade-bk-top.jpg); background-repeat:repeat-x; background-position:top;}
#col21split1	{width: 300px;  margin:20px 10px 20px 25px; text-align: left; float:left; }
#col21split2	{width: 325px;  margin:20px 0px 20px 10px; text-align: left; float:left; }


p			{font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
img 		{ border: 0px;}
h1 			{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:11px; margin:0px 0px; padding:0px 0px; word-spacing:2px; line-height:14px;}
h2 			{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:11px; margin:0px 0px; padding:0px 0px; word-spacing:2px; line-height:14px;}


.coach-name			{font-family:Verdana, Arial, Helvetica, sans-serif; color:#cc0000; font-size:22px; font-weight:bold; letter-spacing:2px;}
.lab 				{color:white; background-color:#FF0000; padding:3px 5px; margin:10px 10px 10px 0px; font-size:12px; background-image: url(../images/background-lab.jpg); background-repeat:repeat-x;}
.continue			{color:#cccccc;font-size: 11px; text-decoration:underline;}
a.continue:hover	{text-decoration: underline; color:#999999;}

.p-silver 	{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:10px; word-spacing:4px;}
.p-white 	{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; font-size:10px; word-spacing:4px;}
.p-gray 	{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#CCCCCC; font-size:10px; word-spacing:4px; font-weight:bold;}
.dots 		{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:9px; padding:2px 0px; letter-spacing:6px;}
.vendor 	{ font-family:Verdana, Arial, Helvetica, sans-serif; color:white; font-size:11px; word-spacing:4px;}
.productid 	{ font-family:Verdana, Arial, Helvetica, sans-serif; color:red; font-size:10px; word-spacing:4px;}
.ourprice	{ font-family:Verdana, Arial, Helvetica, sans-serif; color:white; font-size:16px; word-spacing:4px;}
.price-small	{color:white; font-weight:bold;}
.features {float:left; width:270px; text-decoration:none;  margin-bottom:10px; padding:5px;}
.nodec {text-decoration:none;}

li.sidenav		{list-style-image: url('../images/icon-arrow-gray.gif');}

a.bodylink			{color:#66ccff;}
a.bodylink:hover	{color:orange;}

a.bodylink2			{color:#999999;}
a.bodylink2:hover	{color:white;}

input				{color: #333333;background: #ffffff;border: 1px solid #0099cc; font-size:11px;padding-left:5px;}
.submit				{color: #ffffff;background: #0099cc;border: 1px solid #ffffff; font-size:11px; font-weight:bold;}
fieldset			{border: 1px solid #369; padding: 2px 15px;}


A.paging 			{ color:orange; font-family:Arial; font-size:10px;text-decoration : none; padding: 0px 4px;}
A.paging:HOVER		{ color:white;}





.CollapsiblePanel {margin: 0px;padding: 0px;}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font: bold 0.7em sans-serif;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}



/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {color:#006699;}


.Accordion {width:170px;overflow: hidden;}
.AccordionPanel {margin: 0px;padding: 0px;}
.AccordionPanelTab {margin: 0px;padding: 2px;cursor: pointer;-moz-user-select: none;-khtml-user-select: none;font-size:10px; font-weight:bold; color:white; line-height:18px; text-decoration:none;}

.AccordionPanelContent {overflow: auto;margin: 0px;padding: 0px;height:140px;}
.AccordionPanelOpen .AccordionPanelTab {border:#333333 1px solid;}
.AccordionPanelTabHover {color: orange;border:red 1px solid;}
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {border:#666666 1px solid;}