/* Hockey.css */

/* ====== General ====== */

/* Colors:
     #000000 - Black
     #333333 - Dark gray
     #444444 - Dark gray
     #555555 - Dark gray
     #666666 - Dark gray
     #999999 - Medium gray
     #AAAAAA - Medium gray
     #CCCCCC - Light gray
     #DDDDDD - Light gray
     #EEEEEE - Light gray
     #FF0000 - Red
     #FF8000 - Referee orange
     #FFF8DC - Cornsilk
     #FFFF88 - PostIt yellow
     #FFFFFF - White
*/

* { font-family: Arial, Helvetica, sans-serif; }

/* ----- Basic ----- */

A:link              {background: none;
                     color: navy;}
A:active            {background: none;
                     color: black }
A:visited           {background: none;
                     color: purple;}
BODY                {color: black;
                     font-family: Arial, Arial, Helvetica;
                     font-size: 10pt;
                     margin: 0;}
DT                  {color: navy;
                     font-weight: bold;}
FORM                {background: none;
                     color: black;
                     margin: 0;}
H1                  {background: none;
                     color: black;
                     font-family: Arial, Arial, Helvetica;
                     font-size: 18pt;
                     font-style: normal;
                     font-weight: bold;
                     margin: 8pt 0 0 0;}
H2                  {background: none;
                     color: black;
                     font-family: Arial, Arial, Helvetica;
                     font-size: 16pt;
                     font-style: normal;
                     font-weight: bold;
                     margin: 8pt 0 0 0;}
H3                  {background: none;
                     color: #666666;
                     font-family: Arial, Arial, Helvetica;
                     font-size: 14pt;
                     font-style: normal;
                     font-weight: bold;
                     margin: 8pt 0 0 0}
H4                  {background: none;
                     color: navy;
                     font-family: Arial, Arial, Helvetica;
                     font-size: 12pt;
                     font-style: normal;
                     font-weight: bold;
                     margin: 8pt 0 0 0;}
H5                  {background: none;
                     color: navy;
                     font-family: Arial, Arial, Helvetica;
                     font-size: 10pt;
                     font-style: normal;
                     font-weight: bold;
                     margin: 8pt 0 0 0;}
H6                  {background: none;
                     color: navy;
                     font-family: Arial, Arial, Helvetica;
                     font-size: 8pt;
                     font-style: normal;
                     font-weight: bold;
                     margin: 8pt 0 0 0;}
HR                  {margin: 0;}
P                   {font-size: 10pt;
                     margin-top: 8pt;}
TABLE               {border-color: #999999;
                     font-family: Arial, Arial, Helvetica;
                     font-size: 10pt;
                     font-style: normal;
                     margin: 0;
                     padding: 0;}

/* ----- Specialized classes ----- */

.Main               {background-color: #F8F8F8;}
.Control            {background-color: #F0F0F0;}
BODY.Alert          {background-color: red;
                     color: yellow;
                     font-family: Arial, Arial, Helvetica;
                     font-size: 10pt;
                     margin: 0 0 0 5pt;}
BODY.Help           {background-color: #FFFF67;
                     color: black;
                     font-family: Arial, Arial, Helvetica;
                     font-size: 10pt;
                     margin: 0 0 0; margin-left: 5pt;}
BODY.Main           {background-color: #F8F8F8;
                     color: black;
                     font-family: Arial, Arial, Helvetica;
                     font-size: 10pt;
                     margin: 1px;}
BODY.popup          {background-color: #E0E0E0;
                     color: black;
                     font-family: Arial, Arial, Helvetica;
                     font-size: 10pt;
                     margin: 1px 1px 1px 5pt;}
DIV.FloatMenu       {border: 1px solid #DDDDDD;
                     margin-right: 2px;
                     padding: 0 0 5px 5px;
                     position: absolute;
                     right: 0;
                     top: 5px;}
DIV.section-header  {border-bottom: 1px solid #DDDDDD;
                     clear: both;
                     color: #666666;
                     font-size: 80%;
                     font-weight: bold;
                     margin-bottom: 5px;
                     padding: 10px 0 0 0;}
DIV.StickyNote      {border: 0px solid gray;
                     height: 250px;
                     padding: 0 0 0 0;
                     position: absolute;
                     top: 50px;
                     width: 250px;
                     z-index: 10;}
DIV.StickyNoteText  {border: 0px solid gray;
                     height: 240px;
                     overflow: auto;
                     padding: 5px 5px 5px 3px;
                     width: 242px}
P.condense          {font-size: 10pt;
                     margin: 0;}
P.indent            {font-size: 10pt;
                     margin: 8pt 0 0 10pt;}
P.lead              {font-size: 10pt;
                     margin: 8pt 0 8pt 0;}
SPAN.HelpTitle      {background: none;
                     color: black;
                     font-family: Arial, Arial, Helvetica;
                     font-size: 16pt;
                     font-style: normal;
                     font-weight: bold;
                     margin: 0 0 0 0;
                     position: relative;
                     top: -6px;}
TABLE.doc-l_image   {background: white;
                     border: thin solid gray;
                     border-collapse: collapse;
                     color: navy;
                     cursor: pointer;
                     font-weight: bold;
                     height: 85px;
                     margin: 0 10px 0 0;
                     text-align: center;
                     width: 110px;}
TABLE.doc-l_text    {background: white;
                     border: thin solid gray;
                     border-collapse: collapse;
                     color: navy;
                     cursor: pointer;
                     font-weight: bold;
                     height: 87px;
                     margin: 0 10px 0 0;
                     text-align: center;
                     width: 112px;}
TABLE.doc-p_image   {background: white;
                     border: thin solid gray;
                     border-collapse: collapse;
                     color: navy;
                     cursor: pointer;
                     font-weight: bold;
                     height: 110px;
                     margin: 0 10px 0 0;
                     text-align: center;
                     width: 85px;}
TABLE.doc-p_text    {background: white;
                     border: thin solid gray;
                     border-collapse: collapse;
                     color: navy;
                     cursor: pointer;
                     font-weight: bold;
                     height: 112px;
                     margin: 0 10px 0 0;
                     text-align: center;
                     width: 87px;}
TABLE.MinBorder     {border-collapse: collapse;
                     border-color: black black black black;
                     border-spacing: 1px;
                     border-style: solid solid solid solid;
                     border-width: 1px 1px 1px 1px;}
TABLE.MinBorder
  TH TD             {border-color: black black black black;
                     border-style: solid solid solid solid;
                     border-width: 1px 1px 1px 1px;
                     padding: 1px 1px 1px 1px;}
TABLE.Minimum       {border-color: #999999;
                     border-spacing: 0;
                     font-family: Arial, Arial, Helvetica;
                     font-size: 10pt;
                     font-style: normal;
                     margin: 0;
                     padding: 0;}

TABLE.NoBorder      {border-collapse: collapse;
                     border-style: none none none none;}
TABLE.NoBorder
  TD, TH            {border-style: none none none none;}

TABLE.NoBorder
  TD.Bottom,
  TH.Bottom         {border-bottom: 1px solid gray;}

TABLE.Notes         {background-color: white;
                     border-collapse: collapse;
                     border-color: gray black gray black;
                     border-spacing: 1px;
                     border-style: solid solid solid solid;
                     border-width: 2px 1px 2px 1px;
                     text-align: left;
                     width: 100%;}
TABLE.Notes TR      {border-color: gray gray gray gray;
                     border-style: solid solid solid solid;
                     border-width: 1px 1px 1px 1px;}

hoverb          { margin-top: 10pt;}
hoverl          { background: none; color: white;
                  font-size: 8pt; font-family: Arial, Arial, Helvetica;
                  font-weight: bold; color: black;}
hovert          { padding: 0; margin: 0;
                  font-size: 10pt; font-weight: bold;}
MARQUEE         { marquee-behavior: scroll; marquee-direction: left;
                  marquee-height: 22pt; marquee-width: 470px;
                  marquee-scroll-delay: 30;
                  font-family: Arial, Arial, Helvetica; font-size: 14pt;
                  color: Red; font-weight: bold;}

/* ----- Links and Buttons ----- */

.Linker             {cursor: pointer;
                     margin: 0;}
.DocLink            {background-color: white;
                     border: 1px solid gray;
                     color: navy;
                     float: left;
                     font-weight: bold;
                     height: 100px;
                     margin: 0 4px 4px 0;
                     text-align: center;
                     width: 85px;}
.ExternalOver       {background-color: yellow;}
.HelpButton         {margin: 0;}
.InternalOver       {background-color: silver;}
.LinkNoUnderline    {text-decoration: none;}
.MapLink            {text-decoration: underline;}
.MapOver            {background-color: yellow;}

A.LogButton,
BUTTON.LogButton    {background-color: #FF8000;
                     background-image: none;
                     border-left: 2px solid white;
                     border-top: 2px solid white;
                     border-right: 2px solid gray;
                     border-bottom: 2px solid gray;
                     color: #555555;}
A.LogButton:hover,
BUTTON.LogButton:hover {background-color: #000000;
                        background-image: none;
                        color: #FF8000;}
A.LogButton:active,
BUTTON.LogButton:active {background-color: #FFFFFF;
                         color: #132b14;}

BUTTON              {border-left: 2px solid white;
                     border-top: 2px solid white;
                     border-right: 2px solid gray;
                     border-bottom: 2px solid gray;}

A.HiLight,
BUTTON.HiLight,
DIV.HiLight,
IMG.HiLight,
LI.HiLight,
SPAN.HiLight,
TD.HiLight,
UL.HiLight          {border: 1px solid #92b5f2;
                     background: #92b5f2;
                     color: #000080;
                     cursor: pointer;}
DIV.PanelButton,
DIV.PanelButtonLink {color: black;
                     float: left;
                     font-family: Arial;
                     font-size: 10pt;
                     font-weight: 900;
                     height: 22px;
                     margin: 0 0 0 0;
                     padding: 4px 3px 2px 1px;
                     text-align: center;
                     text-decoration: none;
                     width: 192px;}
DIV.PanelButtonLink {background: url(../images/button/Blank190Both.png)
                       0 0 no-repeat;}

TABLE.ButtonPanel   {font-family: Arial;
                     font-size: 11pt;
                     font-weight: bold;
                     text-align: center;}
TABLE.ButtonPanel
  TD                {background-color: #DDDDDD;
                     border-color: #DDDDDD;
                     border-style: outset outset outset outset;
                     border-left: 1px solid gray;
                     border-top: 1px solid gray;
                     padding: 2px;
                     width: 170px;}
TABLE.ButtonPanel
  TD.HiLightBack:hover {background-color: #92b5f2;
                        cursor: pointer;}

.LeftText           {text-align: left;}
.CenterText         {text-align: center;}
.RightText          {text-align: right;}
TH                  {color: black;
                     font-family: Arial, Arial, Helvetica;
                     font-style: normal;}
ULD.Hockey          {font-size: 10pt;
                     list-style-image: url('../images/PuckBullet.gif');
                     margin-bottom: 8pt;
                     margin-top: 8pt;}
UL.Hockey           {font-size: 10pt;
                     list-style-image: url('../images/WhistleBullet.gif');
                     margin: 8pt 0 8pt 0;}
UL.Hockey UL        {font-size: 10pt;
                     list-style-image: url('../images/PuckBullet.gif');
                     margin: 8pt 0 8pt 5pt;}
UL.Hockey UL UL     {font-size: 10pt;
                     list-style-image: url('../images/StickBullet.gif');
                     margin: 8pt 0 8pt 5pt;}
button          {background-color: white; color: #0086FF}
textarea        {color: black}
fieldset        {color: white}
legend          {color: white}
select          {color: black}
caption         {color: white}
button          {color: #FF8000; font-size: 8pt; font-style: normal;
                 font-family: Arial, Arial, Helvetica; border-style: solid;
                 border-width: 1px}
caption         {font-size: 14pt; font-family: Arial, Arial, Helvetica;
                 font-style: normal}
fieldset        {font-family: Arial, Arial, Helvetica; font-size: 8pt;
                  font-style: normal; border-style: solid; border-width: 1pt}
label           {font-style: normal; font-family: Arial, Arial, Helvetica;
                 font-size: 10pt}
legend          {font-style: normal; font-size: 8pt;
                 font-family: Arial, Arial, Helvetica}
select          {font-style: normal; font-family: Arial, Arial, Helvetica;
                 font-size: 10pt; border-style: solid; border-width: 1pt}
textarea        {font-style: normal; font-size: 8pt;
                 font-family: Arial, Arial, Helvetica;
                 border-style: solid; border-width: 1pt}
.alignoptprompt {text-align: right; width: 110px; margin-right: 5px;}
.disabled       {background-image: url('../images/PageBackground.gif')}
.mainpanel      {background-image: url('../images/PageBackground.gif');
                 border: 0;
                 color: navy;
                 font: 10pt, Arial;
                 height: 0;
                 margin: 0;
                 overflow: auto;
                 padding: 0;
                 width: 100%;
                 visibility: hidden;}
.maintabli      {background-image: url('../images/PageBackground.gif');
                 color: black;
                 cursor: default;
                 display: table-cell;
                 font: 9pt Arial;
                 list-style-type: none;
                 margin: 0;
                 padding: 2px 6px;
                 position: relative;}
.maintabul      {background-image: url('../images/PageBackground.gif');
                 color: black;
                 cursor: default;
                 display: inline;
                 display: table;
                 font: 9pt Arial;
                 list-style-type: none;
                 margin: 0;
                 padding: 0;}
.optprompt      {margin-right: 5px; margin-left: 5px;}

.prompt         {color: Navy; font-weight: 700; margin-right: 5px;
                 margin-left: 5px;}

.PrintOnly        {display: none;}

/* ----- Schedule ----- */

.Assigned           {color: black;}
.Cancelled          {text-decoration: line-through;}
.Current            {background-color: #FFFF00;
                     font-weight: bold;}
.Fee                {color: green;}
.Level1             {color: green;}
.Level2             {color: black;}
.Level3             {color: blue;}
.Level4             {color: red;}
.Level8             {color: maroon;}
.NewDay             {border-top: 6px solid gray;}
.NewLocation        {border-top: 3px solid gray;}
.NotUsed            {background-color: #DDDDDD;
                     color: black;
                     text-align: center;}
.Official           {background-color: #BBFFFF;
                     font-weight: bold;}
.OPEN               {background-color: #FFBBFF;
                     color: red;
                     text-align: center;}
.OtherRink          {background-color: #DDDDDD;}
.REPLACE            {background-color: #FFBBFF;
                     font-style: italic;}
.REPLACE:after      {content: "]";}
.REPLACE:before     {content: "[";}
.SE                 {color: fuchsia;}
.Tournament         {color: purple;}
TABLE.Game          {background-color: white;
                     color: black;
                     empty-cells: show;
                     font-family: Arial;
                     font-size: 9pt;}
TABLE.Game TH, TD   {border-bottom: 1px solid gray;
                     border-right: 1px solid gray;}
TABLE.Game TH       {border-top: 1px solid gray;}
TABLE.Game
  .NewDay TH        {border-top: 6px solid gray;}
TABLE.Game
  .Bottom TD        {border-bottom: 1px solid gray;}
TABLE.Game
 .Cancelled TD      {text-decoration: line-through;}
TABLE.Game
  TD.Left,
  TH.Left           {border-left: 1px solid gray;}
TABLE.Game
 .Level1 TD         {color: green;}
TABLE.Game
 .Level2 TD         {color: black;}
TABLE.Game
  .Level3 TD        {color: blue;}
TABLE.Game
 .Level4 TD         {color: red;}
TABLE.Game
 .Level8 TD         {color: maroon;}
TABLE.Game
  .NewDay TD        {border-top: 6px solid gray;}
TABLE.Game
  .NewLocation TD   {border-top: 3px solid gray;}
TABLE.Game
  TD.Right,
  TH.Right          {border-right: 1px solid gray;}
TABLE.Game .SE  TD  {color: fuchsia;}
TABLE.Game
  TD.Top            {border-top: 1px solid gray;}
TABLE.Game
 .Tournament TD     {color: purple;}

/* ----- Sorting and Selecting ----- */

.SelectUse          {background-color: #FFFFFF;} /* != ui-highlight background */
.SelectNotUse       {background-color: #AAAAAA;}
.SelectUse LI       {border: 1px solid #000080;}
.SelectNotUse LI    {background-color: #CCCCCC;
                     border: 1px solid #666666;}

/* ----- Misc ----- */

.Heading            {background: silver;
                     color: navy}
.Headline           {background: #92b5f2;
                     color: black;
                     font-size: 125%;
                     font-weight: bold;
                     margin-bottom: 0;
                     margin-top: 0;}
P.FirstNews         {border-top: 1px solid #CCCCCC;
                     margin-top: 20px;
                     position: relative;
                     z-index: -1;}
SPAN.HeadlineCap    {background: #BBBBBB;
                     color: navy;
                     font-size: 125%;
                     font-weight: bold;
                     left: 10px;
                     padding: 0 8px;
                     position: absolute;
                     top: -8px;}
SPAN.HeadlineCap:after {border-bottom: 8px solid #444444;
                        border-right: 8px solid transparent;
                        content: "";
                        display: block;
                        height: 0;
                        position: absolute;
                        right: -8px;
                        top: 0;
                        width: 0;}
.IconPosition       {margin-right: 5px;
                     position: relative;
                     top: 3px;}
.ModalFrame         {border-style: none;
                     margin: 0;
                     padding: 0;}
.NoBackground:hover {background-image: none !important;}


/* ----- Scheduling ----- */

.GameShow0          {background-color: #C0C0C0;} /* silver */
.GameShow1          {background-color: #E5E4E2;} /* platinum */
.GameShow2          {background-color: #FFFFFF;} /* white */
.GameShow3          {background-color: #80FFFF;} /* (light cyan) */
.GameShow4          {background-color: #FAD38C;} /* (salmon) */
.GameShow5          {background-color: #FFFF00;} /* yellow */

.GameShow6          {background-color: #E0B0FF;} /* mauve */
.GameShow7          {background-color: #FDD7E4;} /* pig pink */

.GameShow8          {background-color: #5CB3FF;} /* crystal blue */
.GameShow9          {background-color: #B4CFEC;} /* pastel blue */
.GameShow10         {background-color: #DEB887;} /* burlywood */

.GameShow11         {background-color: #6AFB92;} /* dragon green */
.GameShow12         {background-color: #FF66FF;} /* fuschia */
.GameShow13         {background-color: #FFB366;} /* (orange) */
.GameShow14         {background-color: #606060;} /* dark gray */

.Usage1             {background-color: #00FF00;}
.Usage2             {background-color: cyan;}
.Usage3             {background-color: pink;}
.Usage4             {background-color: yellow;}
.Usage5             {background-color: orange;}
.Usage6             {background-color: red;}
.Usage7             {background-color: #FFFFCC;}
.Usage8             {background-color: gray;}

/* ===== Printing ===== */

@media print {
  BODY.Help,
  BODY.Main         {background-color: white !important;
                     background-image: none !important;}
  .ContextMenu,
  .context-menu-theme-ldcc,
  .context-menu-list,
  .context-menu-item,
  .context-menu-separator,
  .context-menu-input,
  .context-menu-submenu,
  .context-menu-accesskey,
  .FAQ_GoSection,
  .FAQ_GoTop,
  .FAQ_PrintElement,
  .HelpButton,
  .NoPrint          {display: none;}
  .NewPage          {page-break-before: always;}
  .PrintOnly        {display: block;}
  .StickyNote       {background-color: white;}
  THEAD.PrintHeader {display: table-header-group;}
  }

/* ===== Mobile ===== */

BUTTON.MobileButton {font-size: 24pt;
                     font-weight: bold;
                     margin: 10px 10px 10px 10px;
                     height: 110px;
                     padding: 0 0 0 0;
                     width: 230px;
                     -moz-border-radius: 15px 15px 15px 15px;
                     -webkit-border-radius: 15px 15px 15px 15px;}
BUTTON.MobileGo     {font-size: 30pt;
                     font-weight: bold;
                     margin: 10px 10px 10px 10px;
                     padding: 0 10 0 0;
                     width: 150px;
                     -moz-border-radius: 10px 10px 10px 10px;
                     -webkit-border-radius: 10px 10px 10px 10px;}
DIV.MobileSection   {font-size: 20pt;}

/* ===== jQuery Calculator 1.2.1 ===== */

DIV.hasCalculator,
SPAN.hasCalculator  {position: relative;}

BUTTON
.calculator-trigger {padding: 0;
                     width: 25px;}

IMG
.calculator-trigger {margin: 6px 0 0 2px;
                     vertical-align: middle;}

#calculator-div     {background-color: gray;
                     border: 1px solid #888888;
                     color: black;
                     display: none;
                     font-family: Arial, Helvetica, sans-serif;
                     margin: 0;
                     padding: 0;
                     z-index: 10;}

.calculator-keyentry {position: absolute;
                      right: 3px;
                      top: 3px;
                      width: 0;}

.calculator-inline  {background-color: #F4F4F4;
                     border: 1px solid #888888;
                     position: relative;}

.calculator-inline
.calculator-close   {display: none;}

.calculator-disabled {background-color: white;
                      filter: alpha(opacity=50);
                      opacity: 0.5;
                      position: absolute;
                      z-index: 100;}

.calculator-rtl     {direction: rtl;}

.calculator-prompt  {clear: both;
                     color: white;
                     text-align: center;
                     width: 100%;}

.calculator-result  {background-color: white;
                     border: 1px inset black;
                     clear: both;
                     font-size: 110%;
                     margin: 2px;
                     padding: 0 2px;
                     text-align: right;}

.calculator-focussed {background-color: #FFFFCC;}

.calculator-row     {clear: both;
                     width: 100%;}

.calculator-space   {float: left;
                     margin: 2px;
                     width: 28px;}

.calculator-half-space {float: left;
                        margin: 1px;
                        width: 14px;}

.calculator-row
button              {background-color: #F4F4F4;
                     color: black;
                     cursor: pointer;
                     float: left;
                     height: 22px;
                     margin: 2px;
                     padding: 0;
                     position: relative;
                     text-align: center;}

.calculator-row
.calculator-ctrl    {background-color: #D6D0FF;
                     width: 60px;}

.calculator-row
.calculator-undo,
.calculator-row
.calculator-clear-error,
.calculator-row
.calculator-clear   {background-color: #D3FFD0;
                     width: 28px;}

.calculator-row
.calculator-base,
.calculator-row
.calculator-angle   {font-size: 70%;
                     width: 28px;}

.calculator-row
.calculator-base-active,
.calculator-row
.calculator-angle-active {border: 2px inset white;}

.calculator-digit,
.calculator-oper    {width: 28px;}

.calculator-mem-empty {color: #888888;}

.calculator-trig    {font-size: 70%;}

@-moz-document
url-prefix()        { // Firefox
  .calculator-trig,
  .calculator-base  {text-indent: -3px;}
  }

.calculator-key-down {}

.calculator-keystroke {background-color: #CCCCCC;
                       color: black;
                       display: none;
                       font-size: 80%;
                       height: 14px;
                       left: -2px;
                       position: absolute;
                       top: -2px;
                       width: 16px;}

.calculator-keyname {font-size: 70%;
                     width: 22px;}

.calculator-cover   {display/**/: block;
                     display: none;
                     filter: mask();
                     height: 200px;
                     left: -4px;
                     position: absolute;
                     top: -4px;
                     width: 125px;
                     z-index: -1;}

/* ===== Clock Picker ===== */

#CP_hourcont    {background-color: #111111;
                 border: 1px solid #FF0000;
                 color: white;
                 display: none;
                 padding: 1px 3px 1px 3px;
                 position: absolute;}
#CP_minutecont  {background-color: #111111;
                 border: 1px solid #FF0000;
                 color: white;
                 display: none;
                 padding: 1px;
                 position: absolute;
                 width: auto;}
.floatleft      {float: left;}
.CP_hour        {cursor: pointer;
                 font-family: Arial, Helvetica, sans-serif;
                 font-size: 9pt;
                 font-weight: bold;
                 padding: 1px 3px 1px 3px;
                 white-space: nowrap;
                 width: auto;}
.CP_minute      {background-color: #111111;
                 cursor: pointer;
                 font-family: Arial, Helvetica, sans-serif;
                 font-size: 9pt;
                 font-weight: bold;
                 padding: 1px;
                 white-space: nowrap;
                 width: auto;}
.CP_over        {background-color: #FFFFFF;
                 color: #000000}

.mbmenu             {display: none;}

.rootVoices         {background-color: black;
                     padding: 0;}

.rootVoices
  TD.rootVoice      {color: silver;
                     cursor: pointer;
                     font-family: Arial,Helvetica,sans-serif;
                     font-size: 12px;
                     line-height: 12px;
                     padding: 0;
                     text-shadow: #FFF 1px 1px 1px;
                     vertical-align: middle;
                     width: 120px;}

.rootVoices
td.rootVoice.selected {-moz-border-radius: 8px 8px 0 0px;
                       -webkit-border-bottom-left-radius: 0px;
                       -webkit-border-bottom-right-radius: 0px;
                       -webkit-border-top-left-radius: 8px;
                       -webkit-border-top-right-radius: 8px;
                       background: black url("../images/bgnd_sel_4.png");
                       color: #FFFFFF;
                       cursor: pointer;
                       font-size: 14px;
                       padding: 8px;
                       text-shadow: #660033 1px 1px 1px;}

.rootVoices
  TD.rootVoice.disabled.selected {background: #999!important;
                                  color: Yellow;
                                  text-shadow: #DDD 1px 1px 1px;}

.rootVoices.vertical {width: 140px;}

.rootVoices.vertical
  TD.rootVoice      {-moz-border-radius: 8px 0px 0 8px;
                     -webkit-border-bottom-left-radius: 8px;
                     -webkit-border-bottom-right-radius: 0px;
                     -webkit-border-top-left-radius: 8px;
                     -webkit-border-top-right-radius: 0px;}

.ContextMenu        {-moz-border-radius: 8px 8px 8px 8px;
                     -moz-box-shadow: #999 2px 2px 10px;
                     -webkit-border-bottom-left-radius: 8px;
                     -webkit-border-bottom-right-radius: 8px;
                     -webkit-border-top-left-radius: 8px;
                     -webkit-border-top-right-radius: 8px;
                     -webkit-box-shadow: #FF8000 2px 2px 10px;
                     background-color: silver;
                     border: 2px solid black;
                     box-shadow: gray 2px 2px 10px;
                     padding: 0;
                     position: absolute;}

.ContextMenu.subContextMenu {border-top: none !important;}

.ContextMenu.disabled {background-color: gray;
                       border-top: 5px solid yellow;
                       color: purple;}

.ContextMenu
  .line             {background-color: transparent;
                     width: 100%;}

.ContextMenu
  .line.title       {background-color: white;
                     font-family: Arial,Helvetica,sans-serif;
                     font-size: 10px;}

.ContextMenu.disabled
  .line.title       {background-color: yellow;
                     color: cyan;}

.ContextMenu
  .line.title A     {color: black;
                     font-size: 12px;
                     font-weight: bold;}

.ContextMenu.disabled
  .line.title A     {background-color: cyan;
                     color: blue;
                     font-size: 12px;}

.ContextMenu TABLE  {border-collapse: collapse;
                     border-style: none none none none;}

.ContextMenu TD     {border-collapse: collapse;
                     border-style: none none none none;}

.ContextMenu TD A   {color: black;
                     font-weight: bold;
                     text-decoration: none;}

.ContextMenu
  TD.voice          {font-family: Arial,Helvetica,sans-serif;
                     font-size: 12px;
                     padding: 1px;}

.ContextMenu
  .separator        {background-color: #999;
                     height: 1px;
                     margin: 0;
                     padding: 0;}

.ContextMenu
  TD.img            {background-color: transparent;
                     color: red;
                     font-family: Arial,Helvetica,sans-serif;
                     font-size: 12px;
                     padding: 2px;
                     text-align: center;
                     width: 14px;}

.ContextMenu
  TD.img img        {width: 14px;}

.ContextMenu
  .textBox          {color: black;
                     font-family: Arial,Helvetica,sans-serif;
                     font-size: 12px;
                     padding: 0;}

.ContextMenu
 .selected TD       {background-color: #FF8000;
                     border-style: none none none none;}

.ContextMenu
 .selected TD A     {border-style: none none none none;
                     color: black;
                     display: block;}

.ContextMenu
 .disabled TD,
 .ContextMenu
 .disabled TD A     {background-color: silver;
                     border-style: none none none none;
                     color: gray;}

.ContextMenu
  .subMenuOpener    {background-image: url("../images/MenuArrow.gif");
                     background-position: right;
                     background-repeat: no-repeat;}

.ContextMenu
  .selected
    .subMenuOpener  {background-image: url("../images/MenuArrow.gif");
                     background-position: right;
                     background-repeat: no-repeat;}

/* ===== Context Menu ===== */

.context-menu-theme-ldcc {background-color: #CCCCCC;
                          border: 2px solid black;
                          filter: alpha(opacity=85);
                          opacity: .85;
                          zoom: 1.0;}
.context-menu-theme-ldcc
  .context-menu-item     {color: black;
                          cursor: pointer;
                          filter: alpha(opacity=100);
                          font-family: Lucida Grande,Arial;
                          font-size: 12px;
                          font-weight: 700;
                          opacity: 1.0;
                          text-align: left;
                          z-index: 1;}
.context-menu-theme-ldcc
   .context-menu-separator {border-top: 1px solid #E4E4E4;
                            font-size: 0px;
                            margin: 5px 1px 4px 1px;}
.context-menu-theme-ldcc
  .context-menu-item-hover {background-color: #FF8000;
                            color: black;}
.context-menu-theme-ldcc
  .context-menu-item
    .context-menu-item-inner {background-color: none;
                              background-image: none;
                              background-position: 4px center;
                              background-repeat: no-repeat;
                              padding: 2px 10px 2px 22px;}
.context-menu-theme-ldcc
  .context-menu-item-disabled {color: #939393;
                               cursor: default;}

/* ===== SimpleModal ===== */

#ModalOverlay       {background-color: #CCCCCC;
                     cursor: wait;}

#ModalContainer     {background-color: #BBBBBB;
                     border-color: #000000;
                     border-style: solid;
                     border-width: thick;
                     color: black;
                     font-family: 'Trebuchet MS', Verdana, Arial;
                     font-size: 12px;
                     font-weight: bold;
                     layer-background-color: #BBBBBB;
                     text-align: left;
                     width: 450px;}
#ModalButtons       {align: center;
                     clear: left;
                     padding: 5px 5px 5px 5px;
                     text-align: center;}
#ModalHeader        {background-color: #FF8000;
                     font-size: 30px;
                     font-weight: bold;
                     layer-background-color: #FF8000;
                     padding: 5px 50px 15px 5px;
                     text-align: center;}
#ModalMessage       {clear: left;
                     padding: 5px;}
#ModalOverlay       {background-color: #CCCCCC;
                     cursor: wait;}

#ModalForm          {background-image: url('../images/PageBackground.gif');
                     border-color: black;
                     border-style: solid;
                     border-width: thin;
                     color: black;
                     font-family: Arial, Arial, Helvetica;
                     font-size: 10pt;
                     font-weight: bold;
                     layer-background-color: red;
                     margin: 0;
                     text-align: left;
                     width: 450px;}


/* ====== Tabber ====== */

ul.TabButton        {padding: 0; margin: 0 0 3px; float: left; width: 100%;
                     font-weight: bold}
ul.TabButton li     {display: inline}
ul.TabButton li a   {text-decoration: none; text-transform: none;
                     padding: 0 5px; border: 0}
iframe.TabContent   {frameborder: 0; height: 0; width: 100%; visibility: hidden;
                     border: 0}

/* ====== Tree View ====== */

.treeview,
.treeview UL        {color: red;
                     list-style: none;
                     margin: 0;
                     padding: 0;}
.treeview UL        {color: red;
                     margin-top: 4px;}
.treeview .hitarea  {background: url(../images/treeview-default.gif) -64px -25px
                       no-repeat;
                     color: red;
                     cursor: pointer;
                     float: left;
                     height: 16px;
                     margin-left: -16px;
                     width: 16px;}
/* fix for IE6 */
* HTML .hitarea     {display: inline;
                     float: none;}
.treeview LI        {color: red;
                     margin: 0;
                     padding: 3px 0 3px 16px;}
.treeview
   A.selected       {color: red;
                     background-color: #EEE;}
#treecontrol        {color: red;
                     display: none;
                     margin: 1em 0;}
.treeview .hover    {background-color: black;
                     color: #92b5f2;
                     cursor: pointer;
                     font-weight: bold;}
.treeview LI        {background: url(../images/treeview-default-line.gif) 0 0
                       no-repeat;
                     color: red;}
.treeview LI.hover  {background-color: #92b5f2;
                     color: red;}
.treeview
  LI.collapsable,
.treeview
  LI.expandable     {background-position: 0 -176px;
                     color: red;}
.treeview
  .expandable-hitarea {background-position: -80px -3px;
                       color: red;}
.treeview LI.last   {background-position: 0 -1766px;
                     color: red;}
.treeview
  LI.lastCollapsable,
.treeview
  LI.lastExpandable {background-image: url(/images/treeview-default.gif);
                     color: red;}
.treeview
  LI.lastCollapsable {background-position: 0 -111px;
                      color: red;}
.treeview
  LI.lastExpandable {background-position: -32px -67px;
                     color: red;}
.treeview
  DIV.lastCollapsable-hitarea,
.treeview
  DIV.lastExpandable-hitarea {background-position: 0;
                              color: red;}

/* ----- DocTree ----- */

.DocTreeControl     {color: red;
                     font-size: 8pt;
                     font-weight: bold;}
.DocTree            {color: cyan;
                     font-size: 10pt;}
.DocTree UL         {color: green;
                     font-size: 10pt;
                     list-style-image: none;
                     margin: 0 0 0 0;}
.DocTree A          {background: none;
                     color: black;}
.DocTree A:visited  {background: none;
                     color: #333333;}
.DocTree LI         {background-image: url(/images/TreeLine.gif);
                     color: purple;
                     padding: 3px 0 2px 18px;}
LI.DocTree          {background-image: url(/images/TreeLine.gif);
                     color: purple;
                     padding: 3px 0 2px 18px;}
.DocTree .hover     {background-color: #92b5f2;
                     color: black;}
.DocTree .hitarea,
.DocTree LI
  .lastCollapsable,
.DocTree
  LI.lastExpandable {background-image: url(/images/Tree.gif);
                     color: blue;}
.DocTree
  SPAN.Excel,
.DocTree SPAN.doc,
.DocTree
  SPAN.folder,
.DocTree
  SPAN.image,
.DocTree SPAN.link,
.DocTree SPAN.pdf,
.DocTree SPAN.php,
.DocTree
  SPAN.video,
.DocTree SPAN.Word  {color: pink;
                     display: block;
                     padding: 1px 0 1px 18px;}
.DocTree
  SPAN.folder       {background: url(/images/folder.gif) 0 0 no-repeat;
                     color: black;}
.DocTree
  LI.expandable
    SPAN.folder     {background: url(/images/folder-closed.gif) 0 0 no-repeat;
                     color: black;}
.DocTree SPAN.doc   {background: url(/images/doc.gif) 0 0 no-repeat;}
.DocTree SPAN.Excel {background: url(/images/Excel.bmp) 0 0 no-repeat;}
.DocTree SPAN.image {background: url(/images/image.bmp) 0 0 no-repeat;}
.DocTree SPAN.link  {background: url(/images/link.bmp) 0 0 no-repeat;}
.DocTree SPAN.pdf   {background: url(/images/pdf.bmp) 0 0 no-repeat;}
.DocTree SPAN.php   {background: url(/images/php.bmp) 0 0 no-repeat;}
.DocTree SPAN.video {background: url(/images/video.bmp) 0 0 no-repeat;}
.DocTree SPAN.Word  {background: url(/images/Word.bmp) 0 0 no-repeat;}

/* ====== Validation ====== */

LABEL.Prompter,
LABEL.Prompt,
.AlignPrompt,
.AlignPromptWide,
.AlignPromptWider   {color: navy;
                     font-weight: bold;
                     margin-right: 5px;}
label.PromptLocked  {color: #333333;
                     font-weight: bold;}
.AlignPrompt        {float: left;
                     margin-right: 5px,
                     padding-top: 3px;
                     text-align: right;
                     width: 110px;}
.AlignPromptWide    {float: left;
                     margin-right: 5px,
                     padding-top: 3px;
                     text-align: right;
                     width: 160px;}
.AlignPromptWider   {float: left;
                     margin-right: 5px,
                     padding-top: 3px;
                     text-align: right;
                     width: 200px;}
LABEL.InvalidError  {background-color: red;
                     color: yellow;
                     font-weight: bold;
                     margin-left: 5px;}
.DateField          {width: 80px;}
.DayField           {width: 100px;}
.OrderField         {text-align: right; width: 50px;}
.TimeField          {text-align: right;
                     width: 70px;}

/* ====== Validity ====== */

label.error         {background-color: red;
                     color: yellow;
                     font-weight: bold;
                     margin-left: 5px;
                     padding: 0 2px 0 2px;}
.validity-modal-msg {background-color: #999999;
                     border: solid 1px #000000;
                     cursor: pointer;
                     padding: 4px;
                     position: absolute;
                     z-index: 2;}
.validity-modal-msg:hover {background-color: #AAAAAA;}
#validity-summary-container {display: none;}
#validity-summary-output {}
.validity-erroneous {border: solid 2px #F56600 !important;}

/* ===== jQuery UI ===== */

/* jQuery UI date picker */

.US_day            {background: #87CEEB url('/images/US.gif') left center
                     no-repeat !important;}
.Christmas_day     {background: #FF0000 url('/images/Christmas.png') left center
                     no-repeat !important;}
.Clock_day         {background: #EEEEEE url('/images/Clock.png') left center
                     no-repeat !important;}
.Dad_day           {background: #CCCCCC url('/images/Dad.gif') left center
                     no-repeat !important;}
.DCHOA_day         {background: #EEEEEE url('/images/DCHOA.png') left center
                     no-repeat !important;}
.Easter_day        {background: #CCCCCC url('/images/Easter.png') left center
                     no-repeat !important;}
.Fourth_day        {background: #CCCCCC url('/images/Fourth.png') left center
                     no-repeat !important;}
.Halloween_day     {background: #000000 url('/images/Halloween.png') left center
                     no-repeat !important;
                    color: #FF4000;}
.Heart_day         {background: #EEEEEE url('/images/Heart.png') left center
                     no-repeat !important;}
.Mom_day           {background: #CCCCCC url('/images/Mom.gif') left center
                     no-repeat !important;}
.Puck_day          {background: #EEEEEE url('/images/Puck.png') left center
                     no-repeat !important;}
.StPat_day         {background: #CCCCCC url('/images/StPat.png') left center
                     no-repeat !important;}
.Super_day         {background: #CCCCCC url('/images/Football.png') left center
                     no-repeat !important;}

/* jQuery UI Resizable */
.ui-resizable-handle {font-size: 0.1px;
                      position: absolute;
                      z-index: 99999;}
.ui-resizable
.ui-resizable-handle {display: block;}
BODY
.ui-resizable-disabled
.ui-resizable-handle   {display: none;}
BODY
.ui-resizable-autohide
.ui-resizable-handle {display: none;}
.ui-resizable-n     {cursor: n-resize;
                     height: 7px;
                     left: 0px;
                     top: -5px;
                     width: 100%;}
.ui-resizable-s     {bottom: -5px;
                     cursor: s-resize;
                     height: 7px;
                     left: 0px;
                     width: 100%;}
.ui-resizable-e     {cursor: e-resize;
                     height: 100%;
                     right: -5px;
                     top: 0px;
                     width: 7px;}
.ui-resizable-w     {cursor: w-resize;
                     height: 100%;
                     left: -5px;
                     top: 0px;
                     width: 7px;}
.ui-resizable-se    {background: url(../images/222222_11x11_icon_resize_se.gif)
                       no-repeat 0 0;
                     bottom: 0px;
                     cursor: se-resize;
                     height: 5px;
                     right: 0px;
                     width: 5px;}
.ui-resizable-sw    {bottom: 0px;
                     cursor: sw-resize;
                     height: 9px;
                     left: 0px;
                     width: 9px;}
.ui-resizable-nw    {cursor: nw-resize;
                     height: 9px;
                     left: 0px;
                     top: 0px;
                     width: 9px;}
.ui-resizable-ne    {cursor: ne-resize;
                     height: 9px;
                     right: 0px;
                     top: 0px;
                     width: 9px;}

/* jQuery UI Tabs */
.ui-tabs            {padding: 0;
                     zoom: 1;}
.ui-tabs
.ui-tabs-nav        {list-style: none;
                     padding: 0;
                     position: relative;}
.ui-tabs
.ui-tabs-nav LI     {background-color: #DDDDDD;
                     border-bottom-width: 0 !important;
                     color: black;
                     float: left;
                     margin: 0 1px 0 0;
                     padding: 0;
                     position: relative;}
.ui-tabs
.ui-tabs-nav LI A   {float: left;
                     font-size: 10pt;
                     font-weight: bold;
                     padding: 1px 10px 1px 10px;
                     text-decoration: none;}
.ui-tabs
.ui-tabs-nav
LI.ui-tabs-selected {background-color: #FF8000;
                     border-bottom-width: 0;
                     padding-bottom: 1px;}

.ui-tabs
.ui-tabs-nav
LI.ui-tabs-selected
A,
.ui-tabs
.ui-tabs-nav
li.ui-state-disabled
A,
.ui-tabs
.ui-tabs-nav
LI.ui-state-processing
A                   {cursor: text;}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs
.ui-tabs-nav LI A,
.ui-tabs.ui-tabs-collapsible
.ui-tabs-nav
li.ui-tabs-selected
A                   {background-image: url(images/PageBackground.gif);
                     background-repeat: repeat;
                     cursor: pointer;}
.ui-tabs
.ui-tabs-panel      {background-image: url(images/PageBackground.gif);
                     background-repeat: repeat;
                     border: 0 solid gray;
                     display: block;
                     overflow: auto;
                     padding: 2px;
                     width: 100%}
.ui-tabs
.ui-tabs-hide       {display: none !important;}