/* ========== Hockey.css ========== */

/* ----- General ----- */

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

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

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;}
body.alert      { color: Yellow; background-color: Red;
                  margin: 0; margin-left: 5pt;
                  font-family: Arial, Arial, Helvetica; font-size: 10pt; }
body.help       { color: black; background-color: #FFFF88;
                  margin: 0; margin-left: 5pt;
                  font-family: Arial, Arial, Helvetica; font-size: 10pt; }
BODY.Main,
BODY.MainNoImage    {color: black;
                     font-family: Arial, Arial, Helvetica; font-size: 10pt;
                     margin: 1px;}
BODY.Main           {background-image: url('../images/Ice.gif');}
body.popup      { color: black; background-color: #E0E0E0;
                  margin: 1px; margin-left: 5pt;
                  font-family: Arial, Arial, Helvetica; font-size: 10pt; }
DIV.section-header  {border-bottom: 1px solid #DDDDDD;
                     clear: both;
                     color: #666666;
                     font-size: 80%;
                     font-weight: bold;
                     padding: 10px 0 0 0;}
form            { background: none; color: black; margin: 0; }
h1              { background: none; color: black; margin: 0; margin-top: 8pt;
                  font-weight: bold; font-style: normal;
                  font-size: 18pt; font-family: Arial, Arial, Helvetica; }
h2              { background: none; color: black; margin: 0; margin-top: 8pt;
                  font-weight: bold; font-style: normal;
                  font-size: 16pt; font-family: Arial, Arial, Helvetica; }
h3              { background: none; color: navy; margin: 0; margin-top: 8pt;
                  font-weight: bold; font-style: normal;
                  font-size: 14pt; font-family: Arial, Arial, Helvetica; }
h4              { background: none; color: navy; margin: 0; margin-top: 8pt;
                  font-weight: bold; font-style: normal;
                  font-size: 12pt; font-family: Arial, Arial, Helvetica; }
h5              { background: none; color: navy; margin: 0; margin-top: 8pt;
                  font-weight: bold; font-style: normal;
                  font-size: 10pt; font-family: Arial, Arial, Helvetica; }
h6              { background: none; color: navy; margin: 0; margin-top: 8pt;
                  font-weight: bold; font-style: normal;
                  font-size: 8pt; font-family: Arial, Arial, Helvetica; }
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; }
hr              { margin: 0; }
p               { margin-top: 8pt; font-size: 10pt; }
p.condense      { margin: 0; font-size: 10pt; }
p.indent        { margin-top: 8pt; margin-left: 10pt; font-size: 10pt; }
p.lead          { margin-top: 8pt; margin-bottom: 8pt; font-size: 10pt; }
TABLE           {border-color: #999999; padding: 0;
                 font-size: 10pt; font-family: Arial, Arial, Helvetica;
                 font-style: normal; margin: 0;}
table.minimum   {border-color: #999999; padding: 0; spacing: 0;
                  font-size: 10pt; font-family: Arial, Arial, Helvetica;
                  font-style: normal; margin: 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;}
TH              {color: black;
                  font-family: Arial, Arial, Helvetica; font-style: normal;}
ULD             {list-style-image: url('../images/PuckBullet.gif');
                  margin-top: 8pt; margin-bottom: 8pt; font-size: 10pt;}
UL              {list-style-image: url('../images/WhistleBullet.gif');
                  margin-top: 8pt; margin-bottom: 8pt; font-size: 10pt;}
UL UL           {list-style-image: url('../images/PuckBullet.gif');
                  margin-top: 8pt; margin-bottom: 8pt; margin-left: 20pt;
                  font-size: 10pt;}
UL UL UL        {list-style-image: url('../images/StickBullet.gif');
                  margin-top: 8pt; margin-bottom: 8pt; margin-left: 20pt;
                  font-size: 10pt;}
button          {background-color: white; color: #0086FF;}
textarea        {color: black;}
fieldset        {color: white;}
legend          {color: white;}
select          {color: black;}
caption         {color: white;}
button          {color: #FF6600; font-size: 8pt; font-style: normal;
                 font-family: Arial, Arial, Helvetica; border-style: solid;
                 border-width: 1pt;}
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;}
.alignprompt    {color: Navy; font-weight: 700; text-align: right; width: 110px;
                 margin-right: 5pt;}
.alignoptprompt {text-align: right; width: 110px; margin-right: 5pt;}
.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;}
.PageTitle      {background: none;
                 color: black; margin: 0;
                 font-family: Arial, Arial, Helvetica;
                 font-style: normal;
                 font-size: 18pt;
                 font-weight: bold;
                 text-shadow: 3px 3px #DDDDDD;}
.prompt         {color: Navy; font-weight: 700; margin-right: 5px;
                 margin-left: 5px;}
TABLE.NoBorder      {background-color: white;
                     border-collapse: separate;
                     border-color: gray;
                     border-spacing: 0;
                     border-style: none;
                     border-width: 0;}
TABLE.NoBorder TH   {-moz-border-radius: 0;
                     background-color: white;
                     border-color: gray;
                     border-style: none;
                     border-width: 0px;
                     padding: 0 2px 0 2px;}
TABLE.NoBorder TD   {-moz-border-radius: 0;
                     background-color: white;
                     border-color: gray;
                     border-style: none;
                     border-width: 0;
                     padding: 0 2px 0 2px;}

/* ----- Links And Buttons ----- */
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/buttons/Blank190Both.png)
                       0 0 no-repeat;}

/* ----- Seminars ----- */

BODY.SeminarDetails {background-color: white;
                     color: black;
                     font-family: Arial, Arial, Helvetica;
                     font-size: 10pt;
                     font-weight: bold;}
.SeminarSection     {color: red;
                     font-size: 120%}
TABLE.SeminarSchedule {color: black;
                       font-family: Arial;
                       font-size: 9pt;}
TABLE.SeminarSchedule
  TD                {border-left: 1px solid gray;
                     border-top: 1px solid gray;}
TABLE.SeminarSchedule
  TD.Bottom         {border-bottom: 1px solid gray;}
TABLE.SeminarSchedule
  TD.Right          {border-right: 1px solid gray;}
.Classroom          {background-color: #FFFF99;}
.Exam               {background-color: #FFCCFF;}
.Ice                {background-color: #99FFFF;}

/* ----- 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}

/* ----- jQuery UI date picker ----- */

#datepicker_div,
.datepicker_inline  {background: #FFF8DC; /* Tooltip */
                     font-family: Arial, Helvetica, sans-serif;
                     font-size: 14px;
                     margin: 0;
                     padding: 0;
                     width: 185px;}
#datepicker_div     {border: 1px solid #000;
                     display: none;
                     z-index: 9999;} /* must have */
.datepicker_inline  {border: 0;
                     display: block;
                     float: left;
                     font-size: 80%;
                     font-weight: bold;}
.datepicker_rtl     {direction: rtl;}
.datepicker_dialog  {border: 4px ridge #DDD;
                     padding: 5px;}
BUTTON.datepicker_trigger {width: 25px;}
IMG.datepicker_trigger {margin: 2px;
                        vertical-align: middle;}
.datepicker_prompt  {background: #FFF8DC;
                     color: #000;
                     float: left;
                     font-size: 60%;
                     padding: 2px;}
* HTML .datepicker_prompt {width: 185px;}

.datepicker_control,
.datepicker_links,
.datepicker_header,
.datepicker         {clear: both;
                     color: #FFF;
                     float: left;
                     width: 100%;}
.datepicker_control {background: #F00; /* Top bar */
                     color: #FFF;
                     padding: 2px 0px;}
.datepicker_links   {background: #F00; /* Link bar */
                     color: #FFF;
                     padding: 2px 0px;}
.datepicker_control,
.datepicker_links   {font-size: 80%;
                     font-weight: bold;
                     letter-spacing: 1px;}
.datepicker_links
  LABEL             {color: #F00; /* disabled links */
                     padding: 2px 5px;}
.datepicker_clear,
.datepicker_prev    {float: left;
                     width: 34%;}
.datepicker_rtl
  .datepicker_clear,
.datepicker_rtl
  .datepicker_prev  {float: right;
                     text-align: right;}
.datepicker_current {float: left;
                     text-align: center;
                     width: 30%;}
.datepicker_close,
.datepicker_next    {float: right;
                     text-align: right;
                     width: 34%;}
.datepicker_rtl
  .datepicker_close,
.datepicker_rtl
  .datepicker_next  {float: left;
                     text-align: left;}
.datepicker_header  {background: #333;
                     font-weight: bold;
                     height: 1.3em;
                     padding: 1px 0 3px;
                     text-align: center;}
.datepicker_header
  SELECT            {background: #333;
                     border: 0px;
                     color: #FFF;
                     font-weight: bold;}
.datepicker         {background: #CCC;
                     font-size: 100%;
                     text-align: center;}
.datepicker A       {display: block;
                     width: 100%;}
.datepicker_titleRow {background: #999;} /* Weekday name */
.datepicker_daysRow {background: #DDD; /* Weekday */
                     color: #666;}
.datepicker_weekCol {background: #777;
                     color: #FFF;}
.datepicker_daysCell {border: 1px solid #BBB; /* Border around cells */
                      color: #000;}
.datepicker_daysCell A {display: block;}
.datepicker_weekEndCell {background: #EEE;} /* Weekend date */
.datepicker_titleRow
  .datepicker_weekEndCell {background: #999;} /* Weekend name */
.datepicker_daysCellOver {background: #F00;
                          color: #FFF;
                          border: 1px solid #000;}
.datepicker_unselectable {color: #888;}
.datepicker_today   {background: #666}
.datepicker_currentDay {background: #F00;}
.datepicker_status {background: #DDD;
                    font-size: 80%;
                    text-align: center;
                    width: 100%;}
.US_day            {color: black;
                    background: #EEE
                    center
                    no-repeat
                    url(../images/US.gif);}
.Christmas_day     {color: white;
                    background: #EEE
                    center
                    no-repeat
                    url(../images/Christmas.bmp);}
.Fourth_day        {color: red;
                    background: #EEE
                    center
                    no-repeat
                    url(../images/Fourth.gif);}

/* Datepicker Links
   Reset link properties and then override them with !important */
#datepicker_div A,
.datepicker_inline A {background: none;
                      color: #000;
                      cursor: pointer;
                      margin: 0;
                      padding: 0;}
.datepicker_inline
  .datepicker_links A {padding: 0 5px;}
.datepicker_control A,
.datepicker_links A {color: #EEE;
                     padding: 2px 5px;}
.datepicker_titleRow A {color: #EEE;}
.datepicker_control
  A:hover           {background: #FDD;
                     color: #333;}
.datepicker_links
  A:hover,
.datepicker_titleRow
  A:hover           {background: #DDD;
                     color: #333;}

/* Multiple Months */

.datepicker_multi
  .datepicker       {border: 1px solid #777;}
.datepicker_oneMonth {float: left;
                      width: 185px;}
.datepicker_newRow {clear: left;}

#BirthDate + IMG,
#FromDate + IMG,
#GameDate + IMG,
#ToDate + IMG       {position: relative;
                     top: -2px;}

/* IE6 IFRAME Fix */

.datepicker_cover {display/**/: block; /*sorry for IE5*/
                   display: none; /*sorry for IE5*/
                   filter: mask(); /*must have*/
                   height: 200px; /*must have*/
                   left: -4px; /*must have*/
                   position: absolute; /*must have*/
                   top: -4px; /*must have*/
                   width: 200px; /*must have*/
                   z-index: -1;} /*must have*/

/* ----- SimpleModal ----- */

#modalOverlay   {background-color: #000; cursor :wait;}
#modalContainer {background-color: #DDD;
                 border: 5px solid red;
                 height: auto;
                 left: 50%;
                 margin-left: -300px;
                 top: 10%;
                 width: 600px;}
A.modalCloseImg {background: url(../images/CloseDialog.png) no-repeat;
                 cursor: pointer;
                 display: inline;
                 height: 29px;
                 position: absolute;
                 right: -18px;
                 top: -15px;
                 width: 25px;
                 z-index: 3200;}
/* DIV.jqModal
  .jqmClose         {background: transparent url(../images/DialogClose.png)
                       0 0 no-repeat;
                     clear: right;
                     display: block;
                     float: right;
                     height: 20px;
                     position: relative;
                     right: -10px;
                     top: -10px;
                     width: 20px;}
DIV.jqModal
  A.jqmClose:hover  {background-position: 0 -20px;} */

.modalDialog    {margin: 10px;
                 font-size: 100%;
                 font-weight:  bold;}
.modalTitle     {background-color: black;
                 color: white;
                 padding: 2px 0 2px 2px;
                 width: 100%;}

/* ----- Impromptu ----- */

.jqiwarning .jqi    {background-color: black;}
.jqifade            {background-color: white;
                     position: absolute;}
DIV.jqi             {background-color: red;
                     padding: 5px;
                     position: relative;
                     text-align: left;
                     width: 500px;}
DIV.jqi .jqiclose   {color: black;
                     cursor: pointer;
                     float: right;
                     margin: 0px 0px 0px 0px;}
DIV.jqi
  .jqicontainer     {background-color: black;
                     color: black;
                     font-weight: bold;
                     padding: 5px;}
DIV.jqi .jqimessage {background-color: #DDDDDD;
                     padding: 5px;}
DIV.jqi .jqibuttons {padding: 5px 0px 0px 0px;
                     text-align: center;}
DIV.jqi button      {color: black;
                     cursor: pointer;
                     margin: 0 10px;
                     padding: 2px 5px 2px 5px;
                     font-size: 10pt;
                     font-weight: bold;}

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

/* ----- Schedule ----- */
.Assigned           {color: black}
.Cancelled          {text-decoration: line-through;}
.Current            {background-color: cornsilk; font-weight: bold;}
.Fee                {color: green;}
.Level1             {color: green;}
.Level2             {color: black;}
.Level3             {color: blue;}
.Level4             {color: red;}
.Level8             {color: maroon;}
.NotUsed            {background-color: #DDDDDD;
                     color: black;
                     text-align: center;}
.Official           {background-color: #BBFFFF; font-weight: bold;}
.OPEN               {color: red;}
.OtherRink          {background-color: #DDDDDD;}
.SE                 {color: fuchsia;}
.Tournament         {color: purple;}
table.Game                 {font-family: Arial; font-size: 9pt; color: black;}
table.Game          th, td {border-top: 1px solid gray;
                            border-left: 1px solid gray;}
table.Game .Bottom      td {border-bottom: 1px solid gray;}
table.Game .Cancelled   td {text-decoration: line-through;}
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: 4px solid gray;}
table.Game .NewLocation td {border-top: 2px solid silver;}
table.Game .Right       td {border-right: 1px solid gray;}
table.Game .SE          td {color: fuchsia;}
table.Game .Tournament  td {color: purple;}

/* ----- Validation ----- */
label.Prompter      {font-weight: bold;}
label.Required      {background-color: yellow; color: black; font-style: italic;}
label.InvalidError  {background-color: yellow; color: red; margin-left: 5px;}

/* ----- Misc ----- */
.Attention          {color: red;
                     font-size: 125%;
                     font-weight: bold;}
.ElementHide        {height: 0;
                     visibility: hidden;}
.ElementShow        {height: auto;
                     visibility: visible;}
.Heading            {background: silver;
                     color: navy;}
.Headline           {border-bottom: medium double red;
                     clear: left;
                     color: red;
                     font-size: 125%;
                     font-weight: bold;
                     margin-bottom: 5px;
                     margin-top: 10px;}

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

@media print {
  .NoPrint          {display: none;}
  }

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

/* jQuery UI Layout helpers */
.ui-helper-hidden   {display: none;}
.ui-helper-hidden-accessible
                    {left: -99999999px;
                     position: absolute;}
.ui-helper-reset    {border: 0;
                     font-size: 100%;
                     line-height: 1.3;
                     list-style: none;
                     margin: 0;
                     outline: 0;
                     padding: 0;
                     text-decoration: none;}
.ui-helper-clearfix:after
                    {clear: both;
                     content: ".";
                     display: block;
                     height: 0;
                     visibility: hidden;}
.ui-helper-clearfix {display: inline-block;}
/* required comment for clearfix to work in Opera */
* html .ui-helper-clearfix {height: 1%;}
.ui-helper-clearfix {display: block;}
/* end clearfix */
.ui-helper-zfix     {filter: Alpha(Opacity=0);
                     height: 100%;
                     left: 0;
                     opacity: 0;
                     position: absolute;
                     top: 0;
                     width: 100%;}

/* jQuery UI Interaction Cues */
.ui-state-disabled  {cursor: default !important;}

/* jQuery UI Icons */
/* jQuery UI states and images */
.ui-icon            {background-repeat: no-repeat;
                     display: block;
                     overflow: hidden;
                     text-indent: -99999px;}

/* jQuery UI Misc visuals */
/* jQuery UI Overlays */
.ui-widget-overlay  {height: 100%;
                     left: 0;
                     position: absolute;
                     top: 0;
                     width: 100%;}

/* jQuery UI Component containers */
.ui-widget          {font-family: Verdana,Arial,sans-serif;
                     font-size: 1.1em;}
.ui-widget input,
.ui-widget select,
.ui-widget
textarea,
.ui-widget button   {font-family: Verdana,Arial,sans-serif;
                     font-size: 1em;}
.ui-widget-content  {background: #FFFFFF;
                     border: 0 solid red;
                     color: #222222;}
.ui-widget-content
 A                  {color: #222222;}
.ui-widget-header   {background-image: url(images/PageBackground.gif);
                     background-repeat: repeat;
                     border-top: 0 solid #AAAAAA;
                     border-right: 0 solid #AAAAAA;
                     border-bottom: 1px solid #CCCCCC;
                     border-left: 0 solid #AAAAAA;
                     color: #222222;
                     font-weight: bold;}
.ui-widget-header A {color: #222222;}

/* jQuery UI Interaction states */
.ui-state-default,
.ui-widget-content
.ui-state-default   {background: #DDDDDD;
                     border-top: 2px solid #F0F0F0;
                     border-right: 2px solid gray;
                     border-bottom: 2px solid gray;
                     border-left: 2px solid #F0F0F0;
                     color: black;
                     font-weight: normal;
                     outline: none;}
.ui-state-default A,
.ui-state-default
A:link,
.ui-state-default
A:visited           {color: #555555;
                     outline: none;
                     text-decoration: none;}
.ui-state-hover,
.ui-widget-content
.ui-state-hover,
.ui-state-focus,
.ui-widget-content
.ui-state-focus     {background-color: black;
                     border-top: 2px solid #FFD3A6;
                     border-right: 2px solid #E67400;
                     border-bottom: 2px solid #E67400;
                     border-left: 2px solid #FFD3A6;
                     color: white;
                     outline: none;}
.ui-state-hover A,
.ui-state-hover
A:hover             {color: #FF8000;
                     outline: none;
                     text-decoration: none;}
.ui-state-active,
.ui-widget-content
.ui-state-active    {background: #FFFFFF
                       url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50%
                       repeat-x;
                     border-top: 1px solid #FFD3A6;
                     border-right: 1px solid #E67400;
                     border-bottom: 1px solid #E67400;
                     border-left: 1px solid #FFD3A6;
                     color: #212121;
                     font-weight: normal;
                     outline: none;}
.ui-state-active A,
.ui-state-active
A:link,
.ui-state-active
A:visited           {color: #212121;
                     outline: none;
                     text-decoration: none;}

/* jQuery UI Interaction Cues */
.ui-state-highlight,
.ui-widget-content
.ui-state-highlight {background-color: cyan;
                     border: 1px solid #FF8000;
                     color: black;}
.ui-state-highlight
A,
.ui-widget-content
.ui-state-highlight
A                   {color: #363636;}
.ui-state-error,
.ui-widget-content
.ui-state-error     {background: #FEF1EC
                       url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50%
                       repeat-x;
                     border: 1px solid orange;
                     color: #CD0A0A;}
.ui-state-error A,
.ui-widget-content
.ui-state-error A   {color: #CD0A0A;}
.ui-state-error-text,
.ui-widget-content
.ui-state-error-text {color: #CD0A0A;}
.ui-state-disabled,
.ui-widget-content
.ui-state-disabled  {background-image: url(images/PageBackground.gif);
                     background-repeat: repeat;
                     filter: Alpha(Opacity=35);
                     opacity: .35;}
.ui-priority-primary,
.ui-widget-content
.ui-priority-primary {font-weight: bold;}
.ui-priority-secondary,
.ui-widget-content
.ui-priority-secondary {filter:Alpha(Opacity=70);
                        font-weight: normal;
                        opacity: .7;}

/* jQuery UI Misc visuals */
/* jQuery UI Corner radius */
.ui-corner-tl       {-moz-border-radius-topleft: 6px;
                     -webkit-border-top-left-radius: 6px;}
.ui-corner-tr       {-moz-border-radius-topright: 6px;
                     -webkit-border-top-right-radius: 6px;}
.ui-corner-top      {-moz-border-radius-topleft: 6px;
                     -moz-border-radius-topright: 6px;
                     -webkit-border-top-left-radius: 6px;
                     -webkit-border-top-right-radius: 6px;}
.ui-corner-right    {-moz-border-radius-bottomright: 6px;
                     -moz-border-radius-topright: 6px;
                     -webkit-border-bottom-right-radius: 6px;
                     -webkit-border-top-right-radius: 6px;}
.ui-corner-left     {-moz-border-radius-bottomleft: 6px;
                     -moz-border-radius-topleft: 6px;
                     -webkit-border-bottom-left-radius: 6px;
                     -webkit-border-top-left-radius: 6px;}

/* Overlays */
.ui-widget-overlay  {background: #AAAAAA
                       url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50%
                       repeat-x;
                     filter: Alpha(Opacity=30);
                     opacity: .30;}
.ui-widget-shadow   {-moz-border-radius: 8px;
                     -webkit-border-radius: 8px;
                     background: #AAAAAA
                       url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50%
                       repeat-x;
                     filter: Alpha(Opacity=30);
                     margin: -8px 0 0 -8px;
                     opacity: .30;
                     padding: 8px;}
/* jQuery UI date picker */

#datepicker_div,
.datepicker_inline  {background: #FFF8DC; /* Tooltip */
                     font-family: Arial, Helvetica, sans-serif;
                     font-size: 14px;
                     margin: 0;
                     padding: 0;
                     width: 185px;}
#datepicker_div     {border: 1px solid #000000;
                     display: none;
                     z-index: 9999;} /* must have */
.datepicker_inline  {border: 0;
                     display: block;
                     float: left;
                     font-size: 80%;
                     font-weight: bold;}
.datepicker_rtl     {direction: rtl;}
.datepicker_dialog  {border: 4px ridge #DDDDDD;
                     padding: 5px;}
BUTTON.datepicker_trigger {width: 25px;}
IMG.datepicker_trigger {margin: 2px;
                        vertical-align: middle;}
.datepicker_prompt  {background: #FFF8DC;
                     color: #000000;
                     float: left;
                     font-size: 60%;
                     padding: 2px;}
* HTML .datepicker_prompt {width: 185px;}

.datepicker_control,
.datepicker_links,
.datepicker_header,
.datepicker         {clear: both;
                     color: #FFFFFF;
                     float: left;
                     width: 100%;}
.datepicker_control {background: #FF8000; /* Top bar */
                     padding: 2px 0px;}
.datepicker_links   {background: #FF8000; /* Link bar */
                     padding: 2px 0px;}
.datepicker_control,
.datepicker_links   {font-size: 80%;
                     font-weight: bold;
                     letter-spacing: 1px;}
.datepicker_links
  LABEL             {color: #FF8000; /* disabled links */
                     padding: 2px 5px;}
.datepicker_clear,
.datepicker_prev    {float: left;
                     width: 34%;}
.datepicker_rtl
  .datepicker_clear,
.datepicker_rtl
  .datepicker_prev  {float: right;
                     text-align: right;}
.datepicker_current {float: left;
                     text-align: center;
                     width: 30%;}
.datepicker_close,
.datepicker_next    {float: right;
                     text-align: right;
                     width: 34%;}
.datepicker_rtl
  .datepicker_close,
.datepicker_rtl
  .datepicker_next  {float: left;
                     text-align: left;}
.datepicker_header  {background: #333333;
                     font-weight: bold;
                     height: 1.3em;
                     padding: 1px 0 3px;
                     text-align: center;}
.datepicker_header
  SELECT            {background: #333333;
                     border: 0px;
                     color: #FFFFFF;
                     font-weight: bold;}
.datepicker         {background: #CCCCCC;
                     font-size: 100%;
                     text-align: center;}
.datepicker A       {display: block;
                     width: 100%;}
.datepicker_titleRow {background: #999999;} /* Weekday name */
.datepicker_daysRow {background: #DDDDDD; /* Weekday */
                     color: #666666;}
.datepicker_weekCol {background: #777777;
                     color: #FFFFFF;}
.datepicker_daysCell {border: 1px solid #BBBBBB; /* Border around cells */
                      color: #000000;}
.datepicker_daysCell
  A                 {display: block;}
.datepicker_weekEndCell {background: #EEEEEE;} /* Weekend date */
.datepicker_titleRow
  .datepicker_weekEndCell {background: #999999;} /* Weekend name */
.datepicker_daysCellOver {background: #FF8000;
                          border: 1px solid #000000;}
.datepicker_unselectable {color: #888888;}
.datepicker_today   {background: #666666}
.datepicker_currentDay {background: #FF8000}
.datepicker_status {background: #DDDDDD;
                    font-size: 80%;
                    text-align: center;
                    width: 100%;}
.US_day            {color: black;
                    background:
                      #EEEEEE center no-repeat url(../images/US.gif);}
.Christmas_day     {color: white;
                    background:
                      #EEEEEE center no-repeat url(../images/Christmas.bmp);}
.Dad_day           {color: red;
                    background:
                      #EEEEEE center no-repeat url(../images/Dad.gif);}
.Easter_day        {color: red;
                    background:
                      #EEEEEE center no-repeat url(../images/Easter.gif);}
.Fourth_day        {color: red;
                    background:
                      #EEEEEE center no-repeat url(../images/Fourth.gif);}
.Halloween_day     {color: red;
                    background:
                      #EEEEEE center no-repeat url(../images/Halloween.gif);}
.Mom_day           {color: red;
                    background:
                      #EEEEEE center no-repeat url(../images/Mom.gif);}
.StPat_day         {color: red;
                    background:
                      #EEEEEE center no-repeat url(../images/StPat.gif);}

/* Datepicker Links
   Reset link properties and then override them with !important */
#datepicker_div A,
.datepicker_inline A {background: none;
                      color: #000000;
                      cursor: pointer;
                      margin: 0;
                      padding: 0;}
.datepicker_inline
  .datepicker_links
    A               {padding: 0 5px;}
.datepicker_control
  A,
.datepicker_links A {color: #EEEEEE;
                     padding: 2px 5px;}
.datepicker_titleRow
  A                 {color: #EEEEEE;}
.datepicker_control
  A:hover           {background: #FDD;
                     color: #333333;}
.datepicker_links
  A:hover,
.datepicker_titleRow
  A:hover           {background: #DDDDDD;
                     color: #333333;}

/* Multiple Months */

.datepicker_multi
  .datepicker       {border: 1px solid #777777;}
.datepicker_oneMonth {float: left;
                      width: 185px;}
.datepicker_newRow  {clear: left;}
#BirthDate + IMG,
#FromDate + IMG,
#GameDate + IMG,
#RequestDate + IMG,
#ToDate + IMG       {position: relative;
                     top: -2px;}
/* IE6 IFRAME Fix */
.datepicker_cover   {display/**/: block; /*sorry for IE5*/
                     display: none; /*sorry for IE5*/
                     filter: mask(); /*must have*/
                     height: 200px; /*must have*/
                     left: -4px; /*must have*/
                     position: absolute; /*must have*/
                     top: -4px; /*must have*/
                     width: 200px; /*must have*/
                     z-index: -1;} /*must have*/

/* 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;
                     color: black;
                     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                   {color: black;
                     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;
                     color: black;
                     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;}