BODY {
    BACKGROUND-COLOR: #FFFFFF;
    margin-top: 0;
    margin: 0 1 1;
}

abbr, acronym, span.abbr {
  cursor: help;
  border-bottom: 1px dashed #000;
}

A {
    text-decoration: none;
}

A:hover {
    text-decoration: underline;
}

TH {
    font-weight : bold;
    font-size :8pt;
    font-family : "Trebuchet MS", Arial;
}

TD {
    font-size : 8pt;
    font-family : "Trebuchet MS", Arial;
}

/*===============================================================
  INFORMATION MESSAGE
  ===============================================================*/
TABLE.InfoBox {
    background-color: #488AC7;
    border-style: solid;
    border : 100px;
}

TH.InfoBox {
    background-color: #488AC7;
    text-align: left;
    padding-left: 5px;
    //font : bold 12pt
    font-weight: bold;
    font-size: 10pt;
    color: white;
}

TD.InfoBox {
    background-color: #C9DEFD;
    padding : 3px;
}

/*===============================================================
  CONFIRMATION MESSAGE
  ===============================================================*/
TABLE.ConfirmBox {
    background-color: #33CC33;
    border-style: solid;
    border : 100px;
}

TH.ConfirmBox {
    background-color: #33CC33;
    text-align: left;
    padding-left: 5px;
    //font : bold 12pt
    font-weight: bold;
    font-size: 10pt;
    color: white;

}

TD.ConfirmBox {
    background-color: #99FF99;
    padding : 3px;
}

/*===============================================================
  WARNING MESSAGE
  ===============================================================*/
TABLE.WarningBox {
    background-color: #FFCC66;
    border-style: solid;
    border : 100px;
}

TH.WarningBox {
    background-color: #FFCC66;
    text-align: left;
    padding-left: 5px;
    //font : bold 12pt
    font-weight: bold;
    font-size: 10pt;
    color: white;
}

TD.WarningBox {
    background-color: #FFFFCC;
    padding : 3px;
}

/*===============================================================
  ERROR MESSAGE
  ===============================================================*/
TABLE.ErrorBox {
    background-color: red;
    border-style: solid;
    border : 100px;
}

TH.ErrorBox {
    background-color: red;
    text-align: left;
    padding-left: 5px;
    //font : bold 12pt
    font-weight: bold;
    font-size: 10pt;
    color: white;
}

TD.ErrorBox {
    background-color: #FFCCCC;
    padding : 3px;
}

.FormHeaderErrors {
    FONT-FAMILY: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    color: Red;
}

.FormItemError {
    FONT-FAMILY: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    color: Black;
}

/*===============================================================
  SCORESHEET VIEW
  ===============================================================*/
TABLE.ScoresheetBox {
    border-style: 1;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #CCCCCC;
}
TD.ScoresheetBox {
    border-style: 1;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #CCCCCC;
}

/*===============================================================
  SCORESHEET VIEW
  ===============================================================*/
FONT.titleScoreSheetHQ {
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    COLOR: #ffffff;
    FONT-STYLE: normal;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none;
}

FONT.titleScoreSheetHQ1 {
    FONT-SIZE: medium;
    COLOR: #003366;
    FONT-STYLE: normal;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}

FONT.titleScoreSheetHQBold {
    FONT-WEIGHT: bold;
    FONT-SIZE: medium;
    COLOR: #003366;
    FONT-STYLE: normal;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}

FONT.textScoreSheetHQ {
    FONT-SIZE: 10;
    COLOR: #003366;
    FONT-STYLE: normal;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}

FONT.textScoreSheetValHQ {
    FONT-SIZE: 11;
    COLOR: #003366;
    FONT-STYLE: normal;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none;
    font-weight: bold;
}

FONT.textScoreSheetHQBold {
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: #003366;
    FONT-STYLE: normal;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  THEME BASE

  Ensemble de couleurs

  FFCC66 = entete, formulaire entete, tab actif, bordure, etc (bleu fonce)
  488AC7 = bleu entete ecran
  FFFACC = fond forumulaire (bleu pale)
  488AC7 = menu, boutons, colonne de tri, scrolling bar (ie),
  003366 = texte formulaire champs, saisi, radio, drop down
  FCDFB0 = champ requis + odd line + section


  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*===============================================================
  BANNER
  ===============================================================*/
.BannerAdjuvo {
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
    FONT-SIZE: 25px;
    FONT-WEIGHT: bold;
    color: #488AC7;
}
.BannerTagLine {
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    color: #488AC7;
}
.BannerLeagueTitle {
    FONT-FAMILY: Verdana, Arial, "Trebuchet MS", Geneva, Helvetica, sans-serif;
    FONT-SIZE: 18px;
    FONT-WEIGHT: bold;
    color: #488AC7;
}
.BannerSessionTitle {
    FONT-FAMILY: Verdana, Arial, "Trebuchet MS", Geneva, Helvetica, sans-serif;
    FONT-SIZE: 15px;
    color: #488AC7;
}


/*===============================================================
  MENU
  ===============================================================*/
TD.Menu {
    color: #FFFFFF;
    background-color: #FFCC66;
}

.MenuDate {
    FONT-FAMILY: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    color: #488AC7;
}

.MenuUser {
    FONT-FAMILY: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    color: #488AC7;
}

/*===============================================================
  CPANEL
  ===============================================================*/
TABLE.CPanelBox {
    background-color: #488AC7;
    border-style: solid;
    border : 100px;
}

TH.CPanelBox {
    background-color: #488AC7;
    text-align: left;
    padding-left: 5px;
    font-weight: bold;
    font-size: 10pt;
    color: white;
}

TD.CPanelBox {
    background-color: #FFFFFF;
    padding : 3px;
}

.cpanel:link, .cpanel:visited {
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 11px;
    color: #FF9900;
    font-weight: bold;
    line-height: 14px
}

.cpanel:hover {
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 11px;
    color: #FF9900;
    font-weight: bold;
    line-height: 14px;
    text-decoration: none;
}

/*===============================================================
  FORM
  ===============================================================*/
TABLE.FormBox {
    background-color: #FFCC66;
    border-style: solid;
    border : 100px;
}

TH.FormBox {
    background-color: #FFCC66;
    text-align: left;
    padding-left: 5px;
    font-weight: bold;
    font-size: 10pt;
    color: white;
}

TD.FormBox {
    background-color: #FFFACC;
    padding : 3px;
}

TD.FormInfoBox, .FormInfoBox:link, .FormInfoBox:visited {
    background-color: #FFFFFF;
    padding : 3px;
    FONT-SIZE: 11px;
    color: #003366;
}

TD.Section {
    color: #FFFFFF;
    background-color: #FCDFB0;
    padding : 3px;
    border-style: 1;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #CCCCCC;
}


/*===============================================================
  VIEW FORM
  ===============================================================*/
TABLE.ViewBox {
    background-color: #488AC7;
    border-style: solid;
    border : 100px;
}

TH.ViewBox {
    background-color: #488AC7;
    text-align: left;
    padding-left: 5px;
    font-weight: bold;
    font-size: 10pt;
    color: white;
}

TD.ViewBox {
    background-color: #FFFFFF;
    padding : 3px;
}

/*===============================================================
  LIST
  ===============================================================*/
TABLE.ListBox {
    background-color: #FFCC66;
    border-style: solid;
    border : 100px;
}

TABLE.ListBox2 {
    border-spacing : 1px;
}

TH.ListBox {
    background-color: #FFCC66;
    text-align: left;
    padding-left: 5px;
    font-weight: bold;
    font-size: 10pt;
    color: white;
}

TD.ListBox {
    background-color: #FFFFFF;
    padding : 3px;
    FONT-SIZE: 11px;
    color: #003366;
}

TD.ListHeaderBox, .ListHeaderBox:link, .ListHeaderBox:visited {
    background-color: #FFFFFF;
    padding : 3px;
    FONT-SIZE: 11px;
    color: black;
    font-weight: bold;
}

TD.ListGroupBox {
    background-color: #FFFACC;
    padding : 3px;
    FONT-SIZE: 11px;
    color: #E4E4F1;
}

TD.ListSortBox, .ListSortBox:link, .ListSortBox:visited {
    background-color: #ffcc66;
    padding : 3px;
    FONT-SIZE: 11px;
    color: #003366;
}

TD.ListEvenBox, .ListEvenBox:link, .ListEvenBox:visited {
    background-color: #FFEED3;
    padding : 3px;
    FONT-SIZE: 11px;
    color: #003366;
}

TD.ListOddBox, .ListOddBox:link, .ListOddBox:visited {
    background-color: #FCDFB0;
    padding : 3px;
    FONT-SIZE: 11px;
    color: #003366;
}

TD.ListInfoBox, .ListInfoBox:link, .ListInfoBox:visited {
    background-color: #FFFFFF;
    padding : 3px;
    FONT-SIZE: 11px;
    color: #003366;
}

TD.ListTotalBox {
    background-color: #FFFFFF;
    padding : 3px;
    FONT-SIZE: 11px;
    font-weight: bold;
    color: #003366;
}


/*===============================================================
  TABLE INFO VIEW
  ===============================================================*/
TABLE.GridInfo {
    border-collapse: collapse;
    border-color: #FFCC66;
    border-style: 1;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
}

/*===============================================================
  BUTTON and LINKS
  ===============================================================*/
INPUT.ActionButton {
    background-color: #488AC7;
    font-size: 7pt;
    font-weight: bold;
    color: #FFFFFF;
}

.linkButton, .linkButton:link, .linkButton:visited {
    FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 16px;
    color: #488AC7;
    font-weight: bold;
}

/*===============================================================
  FOOTER
  ===============================================================*/
TABLE.Footer {
    background-color: #000000;
    padding : 0px;
}
TD.Footer {
    background-color: #488AC7;
    padding : 0px;
    FONT-FAMILY: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    color: white;
}


/*===============================================================
  FORM COMPONENTS
  ===============================================================*/
.FieldTitle {
    FONT-FAMILY: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
    color: #003366;
}

.FormSmallTitle {
    FONT-FAMILY: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    color: #003366;
}

.FormOutputText {
    FONT-FAMILY: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    color: #003366;
}

.FormOutputBigText {
    FONT-FAMILY: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 14px;
    color: #003366;
    FONT-WEIGHT: bold;
}

.FormOutputTextScoresheet {
    FONT-FAMILY: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold;
    color: orange;
}

.FormInputText {
    padding-left: 2px;
    BORDER-BOTTOM: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    FONT-FAMILY: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
}

.FormInputTextReq {
    padding-left: 2px;
    BORDER-BOTTOM: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    FONT-FAMILY: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    background-color: #FCDFB0;
}

.FormInputTextAutoComplete {
	BORDER-BOTTOM: 1px solid;
	BORDER-LEFT: 1px solid;
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
	FONT-FAMILY: "Trebuchet MS", sans-serif;
	FONT-SIZE: 11px;
	background-color: #CCCCCC;
}

.FormURLText {
    padding-left: 2px;
    BORDER-BOTTOM: 1px solid;
    BORDER-LEFT: 1px solid;
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    FONT-FAMILY: "courier new", Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    background-color: #FCDFB0;
}

/*===============================================================
  TAB
  ===============================================================*/
.tabberlive .tabbertabhide {
 display:none;
}

.tabber {
}
.tabberlive {
 margin-top:1em;
}

ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #FFCC66;
 font: bold 9px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #FFCC66;
 border-bottom: none;
 background: #FCDFB0;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #003366; }
ul.tabbernav li a:visited { color: #003366; }

ul.tabbernav li a:hover
{
 color: #003366;
 background: #FFCC66;
 border-color: #003366;
}

ul.tabbernav li.tabberactive a
{
 background-color: #FFCC66;
 border-bottom: 1px solid #FFCC66;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #003366;
 background: #FFCC66;
 border-bottom: 1px solid white;
}

.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #FFCC66;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/*===============================================================
  FADING TOOLTIPS
  ===============================================================*/
body div#toolTip {
 position:absolute;
 z-index:1000;
 width:220px;
 background:#488AC7;
 border:2px double #fff;
 text-align:left;
 padding:5px;
 min-height:1em;
 -moz-border-radius:5px;
}
body div#toolTip p {
 margin:0;
 padding:0;
 color:#fff;
 font:11px/12px "Trebuchet MS",verdana,arial,sans-serif;
}
body div#toolTip p em {
 display:none;
 margin-top:3px;
 color:#f60;
 font-style:normal;
 font-weight:bold;
}
body div#toolTip p em span {
 font-weight:bold;
 color:#fff;
}