button {
  font-family: Helvetica;
  font-size: 8pt;
  background: #ffffff;
  color: #000000;
  padding: 0;
  margin: 0
}
.smwhitetext {
        font-family: Helvetica;
        font-size: 8pt;
        color: white
}
.whitetext {
        font-family: Helvetica;
        font-size: 10pt;
        color: white
}
.boldwhitetext {
        font-family: Helvetica;
        font-size: 10pt;
        color: white;
	    font-weight: bold
}

.medsmtext {
        font-family: Helvetica;
        font-size: 9pt;
        color: #000000
}

.smtext {
        font-family: Helvetica;
        font-size: 8pt;
        color:#000000 
}

.smtextFeatured {
        font-family: Helvetica;
        font-size: 10pt;
	 font-weight: bold;
        color: #CC3300
}

.blueGrayHeader {
        color: #006699; 
        background-color: #CCCCCC; 
        font-size: 100%; 
        font-family: Helvetica; 
        font-weight: bold
} 

.text {
        font-family: Helvetica;
        font-size: 10pt;
        color: #000000
}

.whiteHeader {
        color: black; 
        background-color: #CCCCCC; 
        font-size: 75%; 
        font-family: Helvetica;
        font-weight: bold
} 



.bigWhiteHeader {
        color: white; 
        background-color: #006699; 
        font-size: 12pt; 
        font-family: Helvetica;
        font-weight: bold
} 

.columnheading {
        font-family: Helvetica;
        font-size: 10pt;
        color: #000000
}

.error {
        font-family: Helvetica;
        font-size: 10pt;
        color: red
}

.errorheading {
        font-family: Helvetica;
        font-size: 12pt;
	    font-weight: bold;
        color: RED
}

.indextext {
        font-family: Helvetica;
        font-size: 8pt;
        color: #000000
}

.heading {
        font-family: Helvetica;
        font-size: 12pt;
        font-weight: bold;
        color: #000000
}


.odtm {
        font-family: Helvetica;
        font-size: 12pt;
        color: #000000
}

.blueheading {
        font-family: Helvetica;
        font-size: 10pt;
        font-weight: bold;
        color: #006699
}
.mainheading {
        font-family: Helvetica;
        font-size: 11pt;
        font-weight: bold;
        color: #006699
}

.note {
        font-family: Helvetica;
        font-size: 8pt;
        font-style: italic;
        color: #000000
}

.titletext {
        font-family: Helvetica;
        font-size: 16pt;
        color: #006699
}
.greytext {
        font-family: Helvetica;
        font-size: 12pt;
        color: #CCCCCC
}
.blueHeader {
        color: #006699; 
        font-size: 100%; 
        font-family: Helvetica; 
} 
.blueLargeHeader {
        color: #006699; 
        font-size: 125%; 
        font-family: Helvetica; 
} 
.bluetext {
        font-family: Helvetica;
        font-size: 10pt;
        color: #006699
}
.blackGrayHeader {
        color: black; 
        background-color: #CCCCCC; 
        font-size: 75%; 
        font-family: Helvetica; 
        font-weight: bold
} 

A {font-family: Helvetica;font-size: 10pt;  color:CC3300;text-decoration: none }
A.order_by {font-family: Helvetica;font-size: 10pt;  color:CC3300;text-decoration: none; font-weight:bold; }
.smtext A {font-family: Helvetica;font-size: 8pt;  color:CC3300;text-decoration: none }
.smtext td {font-family: Helvetica;font-size: 8pt;  color:000000;text-decoration: none }
.smtextFeatured A {font-family: Helvetica;font-size: 10pt;  color:CC3300;text-decoration: none; font-weight:bold; }

A:hover { text-decoration: underline }
A:active { text-decoration: underline }
A.nodec:hover { text-decoration: none }
A.nodec:active { text-decoration: none }
.breaktable {border-collapse: collapse; border-spacing: 0; page-break-after: always; padding: 2px;}
.breaktable_sm {border-collapse: collapse; border-spacing: 0; page-break-after: always; padding: 2px;}
.breaktable td {border: 1px solid; border-color: #999999; padding-left: 3px;  font-family: Helvetica;font-size: 10pt; }

.wizardtable td { padding-left: 3px;  font-family: Helvetica;font-size: 10pt; }


.breaktable_sm td {border: 1px solid; border-color: #999999; padding-left: 3px;  font-family: Helvetica;font-size: 8pt; }
.expand td {background-color: #FFFFCC; border: none; padding: none; spacing: none; font-family: Helvetica;font-size: 8pt; }

.title td {border: 0px;padding-left:0px;}
.title tr {border: 0px;padding-left:0px;}
.keytable {border-collapse: collapse; border-spacing: 0; page-break-after: always}
.keytable td {font-family: Helvetica;font-size: 8pt;}

.redlink {text-decoration: none; font-size: 9pt; font-family: Helvetica; color: red}
.bigredlink {text-decoration: none; font-size: 11pt; font-family: Helvetica; color: "#CC3300"; font-weight: bold;}
.bluelink {text-decoration: none; font-size: 9pt; font-family: Helvetica; color: blue}
.smbluelink {text-decoration: none; font-size: 8pt; font-family: Helvetica; color: blue}
.whitelink {text-decoration: none; font-size: 9pt; font-family: Helvetica; color: white}

.bigWhiteLink {text-decoration: none; font-size: 16pt; font-family: Helvetica; color: white}
.smwhitelink {text-decoration: none; font-size: 8pt; font-family: Helvetica; color: white}
.blacklink {text-decoration: none; font-size: 9pt; font-family: Helvetica; color: black}


.straighttable {border: 0px;}
.straighttable td {border: 0px;}

H1 {font: 20px Verdana, Arial, Helvetica, sans-serif;padding-bottom: 0px; padding-top: 0px; margin-bottom: 0pt; margin-top: 0pt;}


.configtable {border: 1px solid; border-color: #999999; border-collapse: collapse; border-spacing: 0; page-break-after: always; padding: 2px;}
.configtable td {padding-left: 3px;  font-family: Helvetica;font-size: 10pt; }


 #Tabs a:link, #Tabs a:visited {
    background-color: lightgrey;
    color: #222;
    border: 1px solid #036;
    border-bottom: 1px solid lightgrey;
  }

  #Tabs ul#MainTabs a:link.current, #Tabs ul#MainTabs a:visited.current,
  div#CategoryList a.current:link, div#CategoryList a.current:visited {
    color: #090;
  }

  #Tabs a:hover {
    color: #fff;
    background-color: #1D64AD;
    border-bottom: 1px solid #1D64AD;
  }

  #Tabs li#AdminTab a:link, #Tabs li#AdminTab a:visited {
    color: #fff;
    background-color: #036;
    border-bottom: 1px solid #036;
    text-decoration: underline;
  }

  #Tabs li#AdminTab a:hover {
    color: #fc0;
  }

  #Tabs li#AdminTab a.current {
    color: #fc0;
    text-decoration: none;
  }


------------------------------------------------*/

#Tabs {
	margin: 0 0 0 30px;
	height: 25px;
	padding: 0;
}

#Tabs ul {
	margin: 0; padding: 0;
}

#Tabs li {
	margin: 0; padding: 0;
	display: inline;
	list-style: none;
	border: none;
}

#Tabs ul#MainTabs {
}

div#Tabs a:link,
div#Tabs a:visited {
  text-decoration: none;
}

#Tabs a:hover {
	color: #fff;
	background: #333;
}

#Tabs ul#MainTabs a:link, #Tabs ul#MainTabs a:visited {
  float: left; /* for IE6 */
	font-size: 12px;
	font-weight: normal;
//	padding: 4px 8px 0px 3px;
	padding: 4px 8px 4px 3px;
	margin: 0;
}

#Tabs ul#MainTabs a:link.current, #Tabs ul#MainTabs a:visited.current {
	background: white;
	border-bottom: 1px solid white;
	color: #222;
	font-weight: bold;
	text-decoration: none;
  margin: 0;
}



div.scroll {
	overflow: auto;
}


/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar .nav {
  background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #f4f0e8;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #e4e0d8;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #c4c0b8;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #f4f0e8;
}

.calendar tbody .rowhilite td {
  background: #e4e0d8;
}

.calendar tbody .rowhilite td.wn {
  background: #d4d0c8;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  padding: 2px 2px 0px 2px;
  background: #e4e0d8;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #f4f0e8;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #e4e0d8;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  background: #c4c0b8;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

.calendar .combo .hilite {
  background: #048;
  color: #fea;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #766;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}


#dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}


/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block;width:120px; font-size:11px; color:#c00; height:25px; line-height:24px; text-decoration:none; text-indent:5px; border:1px solid #000; border-width:1px 0 1px 1px;}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#pmenu li {float:left; background:#dfd7ca;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#7484ad; color:#fff;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(http://images.directathletics.com/transparent.gif); width:120px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:16px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#7484ad; color:#fff;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#dfd7ca; color:#c00;}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#dfd7ca url(http://images.directathletics.com/fly.gif) no-repeat right center;}
#pmenu li.drop {background:#dfd7ca url(http://images.directathletics.com/drop.gif) no-repeat right center;}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(http://images.directathletics.com/transparent.gif);}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */