/* Customized */
/*
  ~ Browser compatibility ~
  - Child selector ">": Other than IE (before IE7)
  - Star attribute prefix "*": IE only
*/

@media print
{
}

body
{
  cursor: default;
}

body.popup
{
  background: none;
  /*font-size: 11px;*/
  font-size: 0.69em; /* Nominal point value derives from user preference/default */
  font-family: arial, helvetica, sans-serif;
}

div.form div
{
  -moz-box-sizing: border-box;
}

div.form table
{
  font-size: 1em;
}

/* IE6 float fix */
*html .ie6floatfix
{
  height: 0.01%;
}

/*** Generics ***/
.DisableText
{
    color: GrayText;
}
.red
{
  color: #f00;
}
.bold, .boldl
{
  font-weight: bold;
}
.italic
{
  font-style: italic;
}
.smallfont
{
  font-size: 0.8em;
}
.nowrap
{
  white-space: nowrap;
}
.colright
{
  display: block;
  text-align: right;
}
tr.border-b td
{
  border-bottom: solid 1px #d5d5d5;
}
tr.border-t td
{
  border-top: solid 1px #d5d5d5;
}

/*** Defaults ***/
a.icon
{
  background-position: left 1px;
  background-repeat: no-repeat;
  padding-left: 15px;
}
a.iconright
{
  background-position: right 1px;
  background-repeat: no-repeat;
  padding-right: 11px;
}
a.bwd
{
  background-image: url(images/ico_step_back.gif);
}
a.download
{
  background-image: url(images/ico_download.gif);
}
a.edit
{
  background-image: url(images/ico_edit.gif);
}
a.fwd
{
  background-image: url(images/ico_step_forward.gif);
}
a.go
{
  background-image: url(images/ico_go.gif);
}
a.history
{
  background-image: url(images/ico_history.gif);
}
a.new
{
  background-image: url(images/ico_new.gif);
}
a.print
{
  background-image: url(images/ico_print.gif);
}
a.refresh
{
  background-image: url(images/ico_refresh.gif);
}
a.search
{
  background-image: url(images/ico_search.gif);
}
a.delete
{
  background-image: url(images/ico_delete.gif);
}

/*** For IE8 ***/
table th
{
	text-align:left;
}
table th.headerc
{
	text-align:center;
}
table th.headerr
{
	text-align:right;
}
/*** DHTML DDL ***/
table.dhtmlddl
{
/*background-color:transparent;*/
/* TODO: Transparent border -> Not IE6 compatible! - FAP */
  border: solid 1px transparent;
/* TODO: apply to IE6 only! - FAP */
  /**border-color: #fff;*/
  /* IE9 incompatible...*/
  /*filter:chroma(color=#ffffff);*/
  margin-right: 2px;
}
table.dhtmlddlsel
{
  border: solid 1px #b1b1b1;
  cursor: pointer;
  cursor: hand;
}
table.dhtmlddl td
{
  border-top: none;
}
table.dhtmlddlsel td.dhtmlddlimg
{
  background-color: #d4d0c8;
  border: solid 1px #ffffff;
  cursor: pointer;
  cursor: hand;
}
table.dhtmlddl td.dhtmlddlimg img
{
  visibility: hidden;
}
table.dhtmlddlsel td
{
  border-top: none;
}

table.dhtmlddlsel td.dhtmlddlimg img
{
  visibility: visible;
}

/*** DHTML DDL Menu ***/
table.actions
{
  background: url("images/menuleft.gif") repeat-y;
  background-color: #fafafa;
  cursor: pointer;
  cursor: hand;
/*  height: 100%;*/
  width: 100%;
}
table.actions td.item
{
  padding: 2px;
}
table.actions td.itemover
{
  padding: 1px;
}
table.actions table.item
{
  width: 100%;
}
table.actions td.itemover table.item
{
  background-color: #e8e8e8 /*#ffe6a0*/;
  border: 1px solid #a8a8a8 /*#d2b47a*/;
}
table.actions td.icon
{
  height: 16px;
  text-align: center;
  width: 24px;
}
table.actions td.label
{
  padding: 2px 0px 3px 6px;
}
table.actions div.separator
{
  background-color: #c5c5c5;
  font-size: 1px;
  height: 1px;
  line-height: 1px;
  margin-left: 32px;
}

/*** Debug ***/
div.debug,
div.debughidden
{
  background-color: #efefef;
  color: #888;
  cursor: pointer;
  cursor: hand;
  font-size: 0.8em;
  padding: 3px 18px 3px 3px;
  position: absolute;
  top: 0px;
  z-index: 1000;
}

/*** Sections ***/
div.headeropen,
div.headerclosed
{
  background: url(images/ico_expand.gif) no-repeat 2px 2px;
  border-bottom: solid 1px #34660c;
  clear: both;
  cursor: pointer;
  cursor: hand;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 2px;
  padding-left: 20px;
}
div.headerclosed
{
  background-image: url(images/ico_collapse.gif);
}
div.contentopen,
div.contentclosed
{
  margin-bottom: 10px;
}
div.contentopen
{
  display: block;
}
div.contentclosed
{
  display: none;
}
.marks-list
{
  float: right;
}

/*** Modal dialogs ***/
div.mdContainer, div.mdContainerW
{
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
}
div.mdContainer
{
  border: solid 1px #b1b1b1;
/*  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#808080', Positive='true');*/
}
iframe.mdContent
{
  background-color: #fff;
/*  border: solid 1px #000;*/
  margin: 0px;
  width: 100%;
  height: 100%;
}
div.popup
{
  height: 100%;
  width: 100%;
}
div.pdetailscroll
{
  height: 235px;
  overflow: auto;
  width: 370px;
}
table.popup td
{
  padding: 1px 2px;
  vertical-align: top;
  white-space: nowrap;
}
table.popup td.import_msg, 
table.popup td div.formerror_noheight
{
    white-space:normal;
}
table.popup td.import_msg
{
    width: 90%;
}
table.popup tr.header
{
  background-color: #34660c;
  color: #fff;
}
table.popup tr.header td
{
  border-bottom: solid 1px #000;
  letter-spacing: 2px;
  text-transform: uppercase;
}
#dragdrop
{
/*  cursor: move;*/
}
div.helplink
{
  float: right;
  white-space: nowrap;
  font-weight:bold;
  text-transform: uppercase;
  text-align: right;
}
body.popup div.helplink
{
  position: absolute;
  padding: 1px 5px 0px 0px;
}
body.popup div.helplink div
{
  float: right;
}
body.popup div.helplink a
{
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}

/*** Headline ***/
.headline
{
  width: 100%;
  overflow: hidden;
}

/*** Grids ***/
table.grid
{
  width: 100%;
}
table.grid tr.header,
table.popup table.grid tr.header
{
  background-color: #fff;
  color: #000;
}
table.grid tr.header a
{
  color: #000;
}
table.grid tr.nw th
{
  white-space: nowrap;
}
table.grid td.header, table.grid th.header, table.grid th.headerc, table.grid th.headerr,
table.grid td.headersort, table.grid th.headersort, table.grid th.headercsort, table.grid th.headerrsort,
table.grid td.headersortasc, table.grid th.headersortasc, table.grid th.headercsortasc, table.grid th.headerrsortasc,
table.grid td.headersortdesc, table.grid th.headersortdesc, table.grid th.headercsortdesc, table.grid th.headerrsortdesc
{
  background: url(images/ico_sort.gif) no-repeat left center;
  padding-left: 12px;
}
table.grid td.header, table.grid th.header, table.grid th.headerc, table.grid th.headerr
{
  background: none;
}
table.grid td.headersortasc, table.grid th.headersortasc, table.grid th.headercsortasc, table.grid th.headerrsortasc
{
  background: url(images/ico_sort_up.gif) no-repeat left center;
}
table.grid td.headersortdesc, table.grid th.headersortdesc, table.grid th.headercsortdesc, table.grid th.headerrsortdesc
{
  background: url(images/ico_sort_down.gif) no-repeat left center;
}
table.sc th.headerr, table.sc th.headerrsort, table.sc th.headerrsortasc, table.sc th.headerrsortdesc
{
    text-align: right;
}
table.sc th.headerc, table.sc th.headercsort, table.sc th.headercsortasc, table.sc th.headercsortdesc
{
    text-align: center;
}
table.grid tr.row td,
table.grid tr.rowover td,
table.grid tr.altrow td,
table.grid tr.altrowover td
{
  height: 17px;
  padding-left: 12px;
}
table.grid td.np,
table.grid tr.row td.np,
table.grid tr.rowover td.np,
table.grid tr.altrow td.np,
table.grid tr.altrowover td.np
{
  padding-left: 0px;
}
table.grid tr.row table td,
table.grid tr.rowover table td,
table.grid tr.altrow table td,
table.grid tr.altrowover table td
{
  height: auto;
  padding: 0px;
}
table.grid tr.altrow
{
  background-color: #f8f8f8;
}
table.grid tr.rowover,
table.grid tr.altrowover
{
  background-color: #e8e8e8;
}
table.grid tr.pager input
{
  cursor: pointer;
  cursor: hand;
}
table.grid tr.pager span
{
  color: #34660c;
  font-weight: bold;
}
table.sc tr.pager table
{
  width: 100%;
}
table.grid tr.pager a:hover
{
  text-decoration: underline;
}
table.grid span.chk input
{
  height: 15px;
}

/*** Logos ***/
/* theses classes are stored in DB (RankingParameter) as ranking_parameter_logo_key */
div.logorolex
{
  background-image: url(images/logo_rolex.gif);
  width: 184px;
  height: 102px;
}
div.logosamsung
{
  background-image: url(images/logo_samsung.gif);
  width: 193px;
  height: 64px;
}
div.logohsbc
{
  background-image: url(images/logo_hsbc.gif);
  width: 141px;
  height: 25px;
}
div.logomeydan
{
  background-image: url(images/logo_meydan.gif);
  width: 184px;
  height: 102px;
}
div.wbfsh
{
	background-image: url(images/logo_wbfsh.jpg);
	width: 94px;
	height: 102px;
}
div.wcjumping
{
	background-image: url(images/logo_wcjumping.png);
	width: 205px;
	height: 79px;
}
div.wcjumping2
{
	background-image: url(images/logo_wcjumping2.png);
	width: 75px;
	height: 68px;
}
div.wcdressage
{
	background-image: url(images/logo_wcdressage.png);
	width: 75px;
	height: 68px;
}
div.wcdressage2
{
	background-image: url(images/logo_wcdressage2.png);
	width: 194px;
	height: 62px;
}

/*** Forms ***/
div.form
{
  background-color: #fff;
  height: 0.01%; /* IE6 float fix */
  padding: 20px 8px;
/*  width: 100%;*/
}
.bottom div.form
{
  padding-bottom: 0px;
  padding-top: 0px;
}
div.popup div.form
{
  padding-bottom: 2px;
}
div.formleft
{
  border-right: solid 1px #e8e8e8;
  float: left;
  width: 49%;
}
div.formright
{
  float: right;
  width: 50%;
}
div.form a
{
  color: #34660c;
  text-decoration: none;
}
div.form a[disabled]
{
  color: Gray;
}
div.form h2
{
  border-bottom: solid 1px #3c3c3c;
  font-size: 1em;
/*  font-size: 11px;*/
  font-weight: normal;
  letter-spacing: 2px;
  margin: 0px 0px 12px 0px;
  padding-bottom: 2px;
  padding-left: 10px;
  text-transform: uppercase;
}
div.forminfo
{
  background-image: url(images/ico_info.gif);
  background-position: left top;
  background-repeat: no-repeat;
  padding-left: 12px;
}
div.formerror, div.formmsg
{
  background-color: #d6e3ce;
  background-image: url(images/ico_exclamation_red.gif);
  background-position: 3px 3px;
  background-repeat: no-repeat;
  color: #f00;
  font-weight: bold;
  line-height: 20px;
  margin-bottom: 12px;
  padding-left: 22px;
}
div.formmsg
{
  background-image: url(images/ico_exclamation.gif);
  color: #34660c;
}

div.command
{
  padding-left: 12px;
  margin-top: 5px;
}
div.entryborder, div.entrycrit
{
  border-bottom: solid 1px #3c3c3c;
  margin-bottom: 10px;
  padding-bottom: 16px;
  padding-left: 10px;
}
div.popup div.entryborder
{
  margin-bottom: 4px;
}
div.entrycrit
{
  border: none;
  margin: 0px;
}
div.entryerror,
div.entryerror_noheight
{
  padding: 0px 2px;
}
div.entryerror
{
  height: 25px;
}
div.alignright
{
  text-align: right;
}
table.form td
{
  padding: 1px;
  white-space: nowrap;
}
/* After XXX.form td! */
table.cbl td
{
  padding-right: 10px;
}
table.form td.aligntop
{
  padding-top: 8px;
  vertical-align: top
}
table.wrap td
{
  white-space: normal;
}
table.command td
{
  padding-left: 8px;
}

/*** Inputs ***/
.w25
{
  width: 25px;
}
.w30
{
  width: 30px;
}
.w60
{
  width: 60px;
}
.w100
{
  width: 100px;
}
.w120
{
  width: 120px;
}
.w140
{
  width: 140px;
}
.w150
{
  width: 150px;
}
.w175
{
  width: 175px;
}
.w200
{
  width: 200px;
}
.w250
{
  width: 250px;
}
.w400
{
  width: 400px;
}
.w450
{
  width: 450px;
}
.w500
{
  width: 500px;
}

input.date
{
  width: 63px;
}
input.time
{
  width: 36px;
}

input.text, textarea.text,
input.textro, textarea.textro
{
  border: solid 1px #b1b1b1;
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
  padding: 1px;
}
input.textro, textarea.textro
{
  border: none;
  overflow: hidden;
}
/* After XXX.textro! */
input.bbd, textarea.bbd
{
  border-bottom: 1px dotted #b1b1b1;
}

input.file
{
 background-color: #FFFFFF;
 border-style: solid;
 border-width: 1px;
 border-color: #b1b1b1;
 font-size: 1em;
 color: #b1b1b1;
}

input.buttonsmall, button.buttonsmall,
input.actionbutton, button.actionbutton,
input.actionbuttondisabled, button.actionbuttondisabled,
input.actionbuttonbigdisabled, button.actionbuttonbigdisabled,
input.actionbuttonbig, button.actionbuttonbig
{
  background-color: #e8e8e8;
  background-image: url(images/form_but_arrow.gif);
  background-position: 74px center;
  background-repeat: no-repeat;
  border: 0px;
  color: #000;
  font-size: 1em;
/*  line-height: 15px;*/
  padding-right: 17px;
  text-align: right;
  width: 84px;
}
input.actionbuttonbig, button.actionbuttonbig,
input.actionbuttonbigdisabled, button.actionbuttonbigdisabled
{
  background-position: 145px center;
  width: 155px;
}
input.buttonsmall, button.buttonsmall
input.buttonsmalldisabled, button.buttonsmalldisabled
{
  background-color: transparent;
  background-position: center center;
  cursor: pointer;
  cursor: hand;
  height: 15px;
  width: 15px;
}
input.actionbuttondisabled, button.actionbuttondisabled,
input.actionbuttonbigdisabled, button.actionbuttonbigdisabled,
input.buttonsmalldisabled, button.buttonsmalldisabled
{
    color:Gray;
}
input.reverse, button.reverse
{
  background-image: url(images/ico_change.gif);
}
input.edit
{
  background-image: url(images/ico_edit.gif);
}
input.search
{
  background-image: url(images/ico_search.gif);
}
input.delete, button.delete
{
  background-image: url(images/ico_delete.gif);
}
input.select
{
  background-image: url(images/ico_select.gif);
}

select.select
{
  font-family: arial, helvetica, sans-serif;
  font-size: 1em;
}

textarea.comment
{
  overflow: auto;
  width: 560px;
}

textarea.commentlarge
{
  overflow: auto;
  width: 400px;
}

textarea.commentmedium
{
  overflow: auto;
  width: 300px;
}

textarea.dbquery
{
  overflow: auto;
  width: 760px;
}

div.dbquerygrid
{
  height: 1000px; 
  overflow: auto; 
  width: 880px;
}

/*** Radio Button List ***/
table.radiobuttonlist
{
    margin-top:0px;
    padding-top:0px;
    display:table;
    float:left;
    padding-bottom:10px;
}

table.radiobuttonlist input
{
    margin-top:0px;
    padding-top:0px;
    vertical-align:middle;
}

table.radiobuttonlist label
{
    margin-top:0px;
    padding-top:0px;
    vertical-align:middle;
}

span.detailheader1,
span.detailheader2
{
  font-weight: bold;
  font-size:150%;
}

span.detailheader2
{
  color: #f00;
  text-transform: uppercase; /* force text to uppercase */
}

/*** Draft Schedule ***/

.draftScheduleDataDates td
{
    width:150px;
}

.panDraftSchedule a.delete
{
    margin-left:5px;
}

/*** MessageBox Info ***/
div.infoMessageBox
{
    margin:auto;
    
    margin-top:20px;
    padding:10px;    
    width:600px;
    
    /* ORANGE */
    background-color:#FCF4C2;
    border:solid 1px Orange;
    
    /* RED */
    /*background-color:#FFD1D1;*/
    /*border:solid 1px #FF0000;*/
}

div.infoMessage
{ 
    background-image: url(images/ico_alert.png);
    background-position: center left;
    background-repeat:no-repeat;
    padding:15px 15px 15px 60px;
    font-size:1.1em;
}

/*** login Box ***/

.box
{
    margin-top:20px;
    padding:20px;
    border:solid 1px #CCC;
}

.box tr td:first-child
{
    text-align:right;
}

/*** categorized checkboxList ***/

table.catCbl tr td.catCblHeader,
table.catCbl tr td.catCblData
{
    vertical-align:top;
    border-top:solid 1px #ccc;
    padding-bottom:15px;
}

table.catCbl tr:first-child td.catCblHeader,
table.catCbl tr:first-child td.catCblData
{
    border-top:none;
}

table.catCbl tr td.catCblHeader
{
    padding-top:5px;
}
table.catCbl tr td.catCblData
{
    padding-top:0px;
}

table.catCblGroups
{
    width:650px;
}

table.catCblGroups td
{
    width:25%;
}

/*** CoreApp Group ***/
td.CoreAppGroup label
{
    color:#660;
}

/*** NOT USED, but may be ***/
/*
fieldset.group
{
  border: solid 1px #e8e8e8;
  padding: 5px 0px 5px 0px;
}
fieldset.group legend
{
  padding-bottom: 5px;
  vertical-align: bottom;
}
*/
/*** Tab control ***/
/* TODO: Tests on Safari + link "hand"(cursor) + ... - FAP */
/*
ul.tabnavigation
{
  background: url(images/tab_bg.gif) bottom repeat-x #fff;
/*  float: left;*/
/*
  height: 21px;
/*  list-style: none;*/
/*
  margin: 0px 0px 15px 0px;
/*  padding-left: 5px;*/
/*
  width: 100%;
}
ul.tabnavigation li
{
  background: none;
  display: inline;
  padding-left: 0px;
}
ul.tabnavigation li a
{
  color: #000;
  cursor: pointer;
  cursor: hand;
  display: block;
  float: left;
  margin-right: 6px;
  padding: 2px 16px 3px 10px;
  text-decoration: none;
  border: solid 1px #e8e8e8;
  border-bottom: 0px;
}
/*ul.tabnavigation li a:link
{
  color: #000;
}
ul.tabnavigation li a:visited
{
  color: #000;
}*/
/*
ul.tabnavigation a:hover
{
  border-color: #919191;
  background: url(images/tab_bg_active.gif) top right no-repeat;
}
ul.tabnavigation li a.active
{
  background: url(images/tab_bg_active.gif) top right no-repeat;
  border-color: #919191;
  border-bottom: solid 1px #fff;
}
ul.tabnavigation li a.active:hover
{
  border-bottom: solid 1px #fff;
}
*/

/* LOST + FOUND : declare in pages but not declare in any CSS */

.mycalendar {} /* used to bind the DateTime-picker by Javascript */
.entry {} /* unused ? */
.info {} /* unused ? */