.calculateHeight {position:absolute!important; display:block!important; visibility:hidden!important; }
/* log */
#logToggle { position: fixed; left: 50%; top: 10px; width: 66px; height: 14px; margin-left: 490px; background: url(Images/Icons/ico-log-pack.gif) no-repeat; cursor: pointer; }
#logToggle.showlog { background-position: 0 0; }
#logToggle.hidelog { background-position: 0 -14px; }
#logHolder { position: fixed; left: 50%; top: 10px; width: 960px; height: 250px; margin-left: -480px; background: #222222 url(Images/Backgrounds/log-noise.jpg); font-family: Tahoma; color: #00cc00; overflow: auto; -moz-box-shadow: 0 0 5px #888888; -webkit-box-shadow: 0 0 5px #888888; box-shadow: 0 0 5px #888888; }
#logHolder > span { display: block; margin: 0 10px; padding: 10px; font-size: 12px; font-weight: bold; }
#logHolder > div { margin: 0 10px; padding: 2px 10px; border-bottom: 1px dotted #555555; font-size: 11px; }

/* developmentinfo */
#developmentinfo { position: fixed; left: 50%; top: 10px; width: 100px; margin-left: -490px; background: #fdf469 url(Images/Backgrounds/bg-dev.gif) repeat-x; font-size: 9px; font-family: Tahoma; line-height: 1; border-bottom: 1px solid #aaaaaa; padding: 6px 0 0 0; }
#developmentinfo .developmentinfo-key { border-left: 1px solid #aaaaaa; }
#developmentinfo .developmentinfo-value { border-right: 1px solid #aaaaaa; }
#developmentinfo .left { text-indent: 2px; padding: 3px 0; width: 49px; }

/* modal */
html.ie6 .ui-modaloverlay,
html.ie7 .ui-modaloverlay.last { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCEDEDED, endColorstr=#CCEDEDED); }
html.ie8 .ui-modaloverlay.last { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCEDEDED, endColorstr=#CCEDEDED)"; }
.ui-modaloverlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow-x: hidden; overflow-y:scroll; display: none; z-index: 1; }
.ui-modaloverlay.last { background:rgba(237,237,237,0.8); }

.ui-modalbox { position: absolute; left: 50%; top: 112px; width: 300px; margin-left: -150px; background: #f1f1f1 url(Images/Backgrounds/bg-modal-bottom.gif) left bottom repeat-x; border: 1px solid #808080; display: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 7px 0 rgba(51, 51, 51, 0.25); -webkit-box-shadow: 0 0 7px 0 rgba(51, 51, 51, 0.25); box-shadow: 0 0 7px 0 rgba(51, 51, 51, 0.25); }
.ui-modalheader { height: 40px; background: #f1f1f1 url(Images/Backgrounds/bg-modal-top.gif) left top repeat-x; display: none; overflow: hidden; }
.ui-modaltitle { float: left; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:10px; text-transform: uppercase; }
.ui-modaltitle h3 { width:100%; line-height: 1; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url('/Themes/mozillaEllipsis.xml#ellipsis'); }
.ui-modalclose { float: right; }
.ui-modalclose .ui-modalclose-btn { position: absolute; top: 0; right: 0; margin-top: -12px; margin-right: -12px; width: 30px; height: 30px; background: url(Images/Icons/modal_close_btn.png) no-repeat; cursor: pointer; }
.ui-modalclose .ui-modalclose-btn:hover { background-position: 0 -30px; }
.ui-modalbeforeclose { float: right; margin-top: 10px; margin-right: 10px; }
.ui-modalcontent { position: relative; margin-bottom: 10px; }
.ui-modalcontent .modalcontent { background: #ffffff; padding: 10px; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; -moz-box-shadow: 0 1px 0 0 #ffffff; -webkit-box-shadow: 0 1px 0 0 #ffffff; box-shadow: 0 1px 0 0 #ffffff; }
.ui-modalcontent.horizontal-scroll .modalcontent { overflow-x: auto; }
.ui-modalcontent .modalcontenttabs { background: #ffffff; padding: 10px; border-top: 2px solid #ffa808; border-bottom: 1px solid #c4c4c4; }
.ui-modalcontent .ui-spinner-small { margin-left: 10px; }

.ui-minimodal-modalbox { position: absolute; left: 50%; top: 112px; width: 300px; margin-left: -150px; background: #f1f1f1 url(Images/Backgrounds/bg-minimodal-bottom.gif) left bottom repeat-x; border: 1px solid #808080; display: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 7px 0 rgba(51, 51, 51, 0.25); -webkit-box-shadow: 0 0 7px 0 rgba(51, 51, 51, 0.25); box-shadow: 0 0 7px 0 rgba(51, 51, 51, 0.25); }
.ui-minimodal-modalheader { height: 40px; background: #f1f1f1 url(Images/Backgrounds/bg-minimodal-top.gif) left top repeat-x; display: none; overflow: hidden; }
.ui-minimodal-modaltitle { float: left; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:10px; text-transform: uppercase; }
.ui-minimodal-modaltitle h3 { width:100%; line-height: 1; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url('/Themes/mozillaEllipsis.xml#ellipsis'); }
.ui-minimodal-modalcontent { position: relative; margin-bottom: 10px; }
.ui-minimodal-modalcontent .modalcontent { background: #ffffff; padding: 10px; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; -moz-box-shadow: 0 1px 0 0 #ffffff, 0 -1px 0 0 #ffffff; -webkit-box-shadow: 0 1px 0 0 #ffffff, 0 -1px 0 0 #ffffff; box-shadow: 0 1px 0 0 #ffffff, 0 -1px 0 0 #ffffff; }
.ui-minimodal-modalcontent .modalcontenttabs { background: #ffffff; padding: 10px; border-top: 2px solid #ffa808; border-bottom: 1px solid #c4c4c4; }
.ui-minimodal-modalbottom { position: relative; min-height: 20px; margin: 10px; text-align: right; }
.ui-minimodal-modalbottom .ui-spinner-small { position: absolute; top: 0; left: 0; }

.ui-systemmodal-modalbox { position: absolute; left: 50%; top: 112px; width: 300px; margin-left: -150px; background: #f1f1f1 url(Images/Backgrounds/bg-systemmodal-bottom.gif) left bottom repeat-x; border: 1px solid #808080; display: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 7px 0 rgba(51, 51, 51, 0.25); -webkit-box-shadow: 0 0 7px 0 rgba(51, 51, 51, 0.25); box-shadow: 0 0 7px 0 rgba(51, 51, 51, 0.25); }
.ui-systemmodal-modalheader { height: 30px; background: #ffffff; display: none; overflow: hidden; }
.ui-systemmodal-modaltitle { float: left; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:10px; text-transform: uppercase; }
.ui-systemmodal-modaltitle h3 { width:100%; line-height: 1; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url('/Themes/mozillaEllipsis.xml#ellipsis'); }
.ui-systemmodal-modalclose { float: right; }
.ui-systemmodal-modalclose .ui-modalclose-btn { position: absolute; top: 0; right: 0; margin-top: -12px; margin-right: -12px; width: 30px; height: 30px; background: url(Images/Icons/modal_close_btn.png) no-repeat; cursor: pointer; }
.ui-systemmodal-modalclose .ui-modalclose-btn:hover { background-position: 0 -30px; }
.ui-systemmodal-modalbeforeclose { float: right; }
.ui-systemmodal-modalcontent { position: relative; margin-bottom: 10px; }
.ui-systemmodal-modalcontent .modalcontent { background: #ffffff; padding: 10px; word-wrap: break-word; border-bottom: 1px solid #c4c4c4; -moz-box-shadow: 0 1px 0 0 #ffffff; -webkit-box-shadow: 0 1px 0 0 #ffffff; box-shadow: 0 1px 0 0 #ffffff; }
.ui-systemmodal-modalbottom { margin: 0 10px; text-align: right; }

/* modal validation */
.ui-modalvalidationbox { position: absolute; left: 50%; top: 10px; width: 300px; margin-left: -150px; height: 90px; background: #ffffff url(Images/Backgrounds/bg-validationbox.gif) repeat-x; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #db161d; display: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 7px 0 rgba(51, 51, 51, 0.25); -webkit-box-shadow: 0 0 7px 0 rgba(51, 51, 51, 0.25); box-shadow: 0 0 7px 0 rgba(51, 51, 51, 0.25); }
.ui-modalvalidationcontent { position: relative; margin: 10px; }

/* spinner */
.ui-spinner-small { border: 2px solid transparent; width: 16px; height: 16px; background: url(Images/Icons/spinner-small.gif) no-repeat; visibility: hidden; }

/* scrollbar with modal */
.ui-modalvalidationcontent .ui-scrollbar { width: auto; }
.ui-modalvalidationcontent .ui-scrollbar .viewport { width: auto; height: 70px; padding-right: 10px; }
.ui-modalvalidationcontent .ui-scrollbar .overview { color: #db161d; }
.ui-modalvalidationcontent .ui-scrollbar .overview ul li { background: url(Images/Icons/reddot.png) no-repeat 0 5px; padding-left: 14px; }
.ui-modalvalidationcontent .ui-scrollbar .thumb,
.ui-modalvalidationcontent .ui-scrollbar .thumb .end { background-color: #A0BBED; }

/* scrollbar */
.ui-scrollbar { width: 520px; clear: both; }
.ui-scrollbar .scrollbar { position: relative; float: right; width: 10px; /*opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);*/ }
.ui-scrollbar .track { background-color: #e6e6e6; height: 100%; width: 10px; position: relative; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2); }
.ui-scrollbar .thumb,
.ui-scrollbar .thumb .end { background-color: #A0BBED; overflow: hidden; width: 10px; }
.ui-scrollbar .thumb { height: 20px; cursor: pointer; position: absolute; left: 0; top: 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.ui-scrollbar .thumb .end { height: 5px; visibility: hidden; }
.ui-scrollbar .viewport { width: 500px; height: 211px; overflow: hidden; position: relative; }
.ui-scrollbar .overview { position: absolute; left: 0; top: 0; width: 100%; }
.ui-scrollbar .disable { display: none; }

/* input */
/*input, select, textarea {
    -ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
}*/

/* button */
.btn-small,
.btn-default,
.btn-large { display: inline-block; background-repeat: repeat-x; border: 1px solid #5f8fda; color: #333333; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) inset; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; text-decoration: none; font-weight: 600; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url('/Themes/mozillaEllipsis.xml#ellipsis'); vertical-align: top; zoom: 1; *display: inline; }
.btn-small:hover,
.btn-small:focus,
.btn-default:hover,
.btn-default:focus,
.btn-large:hover,
.btn-large:focus { border: 1px solid #a0bbed; color: #333333; }
.btn-small:not([disabled]):active,
.btn-default:not([disabled]):active,
.btn-large:not([disabled]):active { border: 1px solid #5f8fda; -moz-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.5); box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.5); }
.btn-small[disabled],
.btn-default[disabled],
.btn-large[disabled] { border: 1px solid #9c9c9c; color: #eaeaea; cursor: default; }

.btn-small { background-image: url(Images/Backgrounds/button_gradient_1x18.gif); width: 100px; height: 18px; line-height: 18px; font-size: 13px; }
.btn-small:hover,
.btn-small:focus { background-position: 0 -18px; }
.btn-small:active { background-position: 0 0; }
.btn-small[disabled] { background-position: 0 -36px; pointer-events: none; }
.btn-small.highlight { background-position: 0 -54px; }
.btn-small > div { display: inline-block; width: 20px; height: 20px; margin: -1px 4px 0 -1px; vertical-align: top; zoom: 1; *display: inline; }
.btn-small.inline { width: auto; padding: 0 5px; line-height: 16px; margin-bottom: 2px; overflow: visible; vertical-align: middle; }
.btn-small.inline[disabled] { color: #aaa; text-shadow: 1px 1px #fff; }

.btn-default { background-image: url(Images/Backgrounds/button_gradient_1x28.gif); width: 100px; height: 28px; line-height: 28px; font-size: 15px; }
.btn-default:hover,
.btn-default:focus { background-position: 0 -28px; }
.btn-default:active { background-position: 0 0; }
.btn-default[disabled] { background-position: 0 -56px; pointer-events: none; }
.btn-default.highlight { background-position: 0 -84px; }
.btn-default > div { display: inline-block; width: 20px; height: 20px; margin: 4px; vertical-align: top; zoom: 1; *display: inline; }

.btn-large { background-image: url(Images/Backgrounds/button_gradient_1x80.gif); width: 100px; height: 80px; line-height: 80px; font-size: 19px; font-weight: 700; }
.btn-large:hover,
.btn-large:focus { background-position: 0 -80px; }
.btn-large:active { background-position: 0 0; }
.btn-large[disabled] { background-position: 0 -160px; pointer-events: none; }
.btn-large.highlight { background-position: 0 -240px; }
.btn-large > div { display: inline-block; width: 60px; height: 60px; margin: 10px 10px; vertical-align: top; zoom: 1; *display: inline; }

.btn-xlarge { background-image: url(Images/Backgrounds/button_gradient_1x103.gif); width: 100px; height: 103px; line-height: 103px; font-size: 19px; font-weight: 700; }
.btn-xlarge:hover,
.btn-xlarge:focus { background-position: 0 -103px; }
.btn-xlarge:active { background-position: 0 0; }
.btn-xlarge[disabled] { background-position: 0 -206px; pointer-events: none; }
.btn-xlarge.highlight { background-position: 0 -309px; }
.btn-xlarge > div { display: inline-block; width: 60px; height: 60px; margin: 21.5px 10px; vertical-align: top; zoom: 1; *display: inline; }

.btn-small .icon-plus-active, .btn-default .icon-plus-active,
.btn-small .icon-plus-selectable, .btn-default .icon-plus-selectable,
.btn-small .icon-plus-unselectable, .btn-default .icon-plus-unselectable,
.btn-small .icon-filter-active, .btn-default .icon-filter-active,
.btn-small .icon-filter-selectable, .btn-default .icon-filter-selectable,
.btn-small .icon-filter-unselectable, .btn-default .icon-filter-unselectable,
.btn-small .icon-column-active, .btn-default .icon-column-active,
.btn-small .icon-column-selectable, .btn-default .icon-column-selectable,
.btn-small .icon-column-unselectable, .btn-default .icon-column-unselectable,
.btn-small .icon-export-active, .btn-default .icon-export-active,
.btn-small .icon-export-selectable, .btn-default .icon-export-selectable,
.btn-small .icon-export-unselectable, .btn-default .icon-export-unselectable,
.btn-small .icon-back-active, .btn-default .icon-back-active,
.btn-small .icon-back-selectable, .btn-default .icon-back-selectable,
.btn-small .icon-back-unselectable, .btn-default .icon-back-unselectable,
.btn-small .icon-datepicker-active, .btn-default .icon-datepicker-active,
.btn-small .icon-datepicker-selectable, .btn-default .icon-datepicker-selectable,
.btn-small .icon-datepicker-unselectable, .btn-default .icon-datepicker-unselectable,
.btn-small .icon-prev-active, .btn-default .icon-prev-active,
.btn-small .icon-prev-selectable, .btn-default .icon-prev-selectable,
.btn-small .icon-prev-unselectable, .btn-default .icon-prev-unselectable,
.btn-small .icon-next-active, .btn-default .icon-next-active,
.btn-small .icon-next-selectable, .btn-default .icon-next-selectable,
.btn-small .icon-next-unselectable, .btn-default .icon-next-unselectable,
.btn-small .icon-first-active, .btn-default .icon-first-active,
.btn-small .icon-first-selectable, .btn-default .icon-first-selectable,
.btn-small .icon-first-unselectable, .btn-default .icon-first-unselectable,
.btn-small .icon-last-active, .btn-default .icon-last-active,
.btn-small .icon-last-selectable, .btn-default .icon-last-selectable,
.btn-small .icon-last-unselectable, .btn-default .icon-last-unselectable,
.btn-small .icon-more-active, .btn-default .icon-more-active,
.btn-small .icon-more-selectable, .btn-default .icon-more-selectable,
.btn-small .icon-more-unselectable, .btn-default .icon-more-unselectable,
.btn-small .icon-close-active, .btn-default .icon-close-active,
.btn-small .icon-close-selectable, .btn-default .icon-close-selectable,
.btn-small .icon-close-unselectable, .btn-default .icon-close-unselectable { background: url(Images/Icons/icon-pack20x20-high.png) no-repeat; }

.btn-large .icon-competition-active,
.btn-large .icon-competition-selectable,
.btn-large .icon-competition-unselectable,
.btn-large .icon-orderofmerits-active,
.btn-large .icon-orderofmerits-selectable,
.btn-large .icon-orderofmerits-unselectable,
.btn-large .icon-player-active,
.btn-large .icon-player-selectable,
.btn-large .icon-player-unselectable,
.btn-large .icon-categories-active,
.btn-large .icon-categories-selectable,
.btn-large .icon-categories-unselectable,
.btn-large .icon-slideshows-active,
.btn-large .icon-slideshows-selectable,
.btn-large .icon-slideshows-unselectable,
.btn-large .icon-interclub-active,
.btn-large .icon-interclub-selectable,
.btn-large .icon-interclub-unselectable { background: url(Images/Icons/icon-pack60x60-high.png) no-repeat; }

.btn-xlarge .icon-competition-active,
.btn-xlarge .icon-competition-selectable,
.btn-xlarge .icon-competition-unselectable,
.btn-xlarge .icon-orderofmerits-active,
.btn-xlarge .icon-orderofmerits-selectable,
.btn-xlarge .icon-orderofmerits-unselectable,
.btn-xlarge .icon-player-active,
.btn-xlarge .icon-player-selectable,
.btn-xlarge .icon-player-unselectable,
.btn-xlarge .icon-categories-active,
.btn-xlarge .icon-categories-selectable,
.btn-xlarge .icon-categories-unselectable,
.btn-xlarge .icon-slideshows-active,
.btn-xlarge .icon-slideshows-selectable,
.btn-xlarge .icon-slideshows-unselectable,
.btn-large .icon-interclub-active,
.btn-large .icon-interclub-selectable,
.btn-large .icon-interclub-unselectable { background: url(Images/Icons/icon-pack60x60-high.png) no-repeat; }

.btn-small .icon-plus-selectable, .btn-default .icon-plus-selectable { background-position: 0 -20px; }
.btn-small .icon-plus-active, .btn-default .icon-plus-active { background-position: 0 0; }
.btn-small .icon-plus-unselectable, .btn-default .icon-plus-unselectable { background-position: 0 -40px; }
.btn-small .icon-filter-selectable, .btn-default .icon-filter-selectable { background-position: 0 -80px; }
.btn-small .icon-filter-active, .btn-default .icon-filter-active { background-position: 0 -60px; }
.btn-small .icon-filter-unselectable, .btn-default .icon-filter-unselectable { background-position: 0 -100px; }
.btn-small .icon-column-selectable, .btn-default .icon-column-selectable { background-position: 0 -140px; }
.btn-small .icon-column-active, .btn-default .icon-column-active { background-position: 0 -120px; }
.btn-small .icon-column-unselectable, .btn-default .icon-column-unselectable { background-position: 0 -160px; }
.btn-small .icon-export-selectable, .btn-default .icon-export-selectable { background-position: 0 -200px; }
.btn-small .icon-export-active, .btn-default .icon-export-active { background-position: 0 -180px; }
.btn-small .icon-export-unselectable, .btn-default .icon-export-unselectable { background-position: 0 -220px; }
.btn-small .icon-back-selectable, .btn-default .icon-back-selectable { background-position: 0 -260px; }
.btn-small .icon-back-active, .btn-default .icon-back-active { background-position: 0 -240px; }
.btn-small .icon-back-unselectable, .btn-default .icon-back-unselectable { background-position: 0 -280px; }
.btn-small .icon-datepicker-selectable, .btn-default .icon-datepicker-selectable { background-position: 0 -320px; }
.btn-small .icon-datepicker-active, .btn-default .icon-datepicker-active { background-position: 0 -300px; }
.btn-small .icon-datepicker-unselectable, .btn-default .icon-datepicker-unselectable { background-position: 0 -340px; }
.btn-small .icon-prev-selectable, .btn-default .icon-prev-selectable { background-position: 0 -380px; }
.btn-small .icon-prev-active, .btn-default .icon-prev-active { background-position: 0 -360px; }
.btn-small .icon-prev-unselectable, .btn-default .icon-prev-unselectable { background-position: 0 -400px; }
.btn-small .icon-next-selectable, .btn-default .icon-next-selectable { background-position: 0 -440px; }
.btn-small .icon-next-active, .btn-default .icon-next-active { background-position: 0 -420px; }
.btn-small .icon-next-unselectable, .btn-default .icon-next-unselectable { background-position: 0 -460px; }
.btn-small .icon-first-selectable, .btn-default .icon-first-selectable { background-position: 0 -500px; }
.btn-small .icon-first-active, .btn-default .icon-first-active { background-position: 0 -480px; }
.btn-small .icon-first-unselectable, .btn-default .icon-first-unselectable { background-position: 0 -520px; }
.btn-small .icon-last-selectable, .btn-default .icon-last-selectable { background-position: 0 -560px; }
.btn-small .icon-last-active, .btn-default .icon-last-active { background-position: 0 -540px; }
.btn-small .icon-last-unselectable, .btn-default .icon-last-unselectable { background-position: 0 -580px; }
.btn-small .icon-more-selectable, .btn-default .icon-more-selectable { background-position: 0 -620px; }
.btn-small .icon-more-active, .btn-default .icon-more-active { background-position: 0 -600px; }
.btn-small .icon-more-unselectable, .btn-default .icon-more-unselectable { background-position: 0 -640px; }
.btn-small .icon-close-selectable, .btn-default .icon-close-selectable { background-position: 0 -680px; }
.btn-small .icon-close-active, .btn-default .icon-close-active { background-position: 0 -660px; }
.btn-small .icon-close-unselectable, .btn-default .icon-close-unselectable { background-position: 0 -700px; }

.btn-large .icon-competition-selectable { background-position: 0 -60px; }
.btn-large .icon-competition-active { background-position: 0 0; }
.btn-large .icon-competition-unselectable { background-position: 0 -120px; }
.btn-large .icon-orderofmerits-selectable { background-position: 0 -240px; }
.btn-large .icon-orderofmerits-active { background-position: 0 -180px; }
.btn-large .icon-orderofmerits-unselectable { background-position: 0 -300px; }
.btn-large .icon-player-selectable { background-position: 0 -420px; }
.btn-large .icon-player-active { background-position: 0 -360px; }
.btn-large .icon-player-unselectable { background-position: 0 -480px; }
.btn-large .icon-categories-selectable { background-position: 0 -600px; }
.btn-large .icon-categories-active { background-position: 0 -540px; }
.btn-large .icon-categories-unselectable { background-position: 0 -660px; }
.btn-large .icon-slideshows-selectable { background-position: 0 -780px; }
.btn-large .icon-slideshows-active { background-position: 0 -720px; }
.btn-large .icon-slideshows-unselectable { background-position: 0 -860px; }
.btn-large .icon-interclub-selectable { background-position: 0 -60px; }
.btn-large .icon-interclub-active { background-position: 0 0; }
.btn-large .icon-interclub-unselectable { background-position: 0 -120px; }

.btn-xlarge .icon-competition-selectable { background-position: 0 -60px; }
.btn-xlarge .icon-competition-active { background-position: 0 0; }
.btn-xlarge .icon-competition-unselectable { background-position: 0 -120px; }
.btn-xlarge .icon-orderofmerits-selectable { background-position: 0 -240px; }
.btn-xlarge .icon-orderofmerits-active { background-position: 0 -180px; }
.btn-xlarge .icon-orderofmerits-unselectable { background-position: 0 -300px; }
.btn-xlarge .icon-player-selectable { background-position: 0 -420px; }
.btn-xlarge .icon-player-active { background-position: 0 -360px; }
.btn-xlarge .icon-player-unselectable { background-position: 0 -480px; }
.btn-xlarge .icon-categories-selectable { background-position: 0 -600px; }
.btn-xlarge .icon-categories-active { background-position: 0 -540px; }
.btn-xlarge .icon-categories-unselectable { background-position: 0 -660px; }
.btn-xlarge .icon-slideshows-selectable { background-position: 0 -780px; }
.btn-xlarge .icon-slideshows-active { background-position: 0 -720px; }
.btn-xlarge .icon-slideshows-unselectable { background-position: 0 -860px; }
.btn-xlarge .icon-interclub-selectable { background-position: 0 -60px; }
.btn-xlarge .icon-interclub-active { background-position: 0 0; }
.btn-xlarge .icon-interclub-unselectable { background-position: 0 -120px; }

.btn-help { display: inline-block; width: 20px; height: 14px; margin-left: 7px; cursor: pointer; }
.btn-help-background { position: absolute; width: 20px; height: 20px; background: url(/Themes/Base/Images/Icons/buttons_round_20x20.png) 0px -40px; }
.btn-help-icon { position: absolute; width: 20px; height: 20px; background: url(/Themes/Base/Images/Icons/icon-pack20x20-high.png) 0px -740px }

.btn-dynamic-width { width: auto; padding-right: 15px; }

/* datalist */
.dataTables_wrapper { border: 1px solid #d3d7dc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.groupset .dataTables_footer label { display: inline; width: auto; margin: 0; line-height: normal; height: auto; float: none; }
.dataTables_footer { overflow: hidden; width: 100%; height: 49px; border-top: 1px solid #ffffff; background-color: #ededed; }
.dataTables_length { float: left; height: 49px; line-height: 49px; margin-left: 10px; margin-right: 10px; }
.dataTables_length select { border: 1px solid #808080; padding: 0 0 0 3px; font-size: 12px; height: 20px; line-height: 20px; background-image: url(Images/Backgrounds/input-shadow.gif); }
.dataTables_length select:focus { outline: 0 none; }
.dataTables_info { float: left; height: 49px; line-height: 49px; }
.dataTables_paginate { overflow: hidden; float: right; height: 49px; margin-left: 10px; margin-right: 10px; }
.dataTables_functions { overflow: hidden; padding: 10px; background: #ededed; border-bottom: 1px solid #d3d7dc; }

.paging_full_numbers .fg-button.ui-state-default { display: block; float: left; width: 20px; height: 20px; line-height: 20px; margin: 15px 4px; color: #3b82bf; border: 0; background-image: none; background-color: transparent; background-repeat: no-repeat; }
.paging_full_numbers .fg-button.ui-state-default:hover { color: #a1d4ff; }
.paging_full_numbers .fg-button.ui-state-default.ui-state-disabled { color: #333333; background-image: url(Images/DataList/backgrounds.png); background-repeat: repeat-x; background-position: 0 -120px; opacity: 1; filter: alpha(opacity=100); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.paging_full_numbers .fg-button.ui-state-default.first,
.paging_full_numbers .fg-button.ui-state-default.previous,
.paging_full_numbers .fg-button.ui-state-default.next,
.paging_full_numbers .fg-button.ui-state-default.last,
.paging_full_numbers .fg-button.ui-state-default.ui-state-disabled.first,
.paging_full_numbers .fg-button.ui-state-default.ui-state-disabled.previous,
.paging_full_numbers .fg-button.ui-state-default.ui-state-disabled.next,
.paging_full_numbers .fg-button.ui-state-default.ui-state-disabled.last { background-image: url(Images/Icons/icon-pack20x20.png); background-repeat: no-repeat; }
.paging_full_numbers .fg-button.ui-state-default.first { background-position: -160px 0; }
.paging_full_numbers .fg-button.ui-state-default.previous { background-position: -120px 0; }
.paging_full_numbers .fg-button.ui-state-default.next { background-position: -140px 0; }
.paging_full_numbers .fg-button.ui-state-default.last { background-position: -180px 0; }
.paging_full_numbers .fg-button.ui-state-default.first:hover { background-position: -160px -20px; }
.paging_full_numbers .fg-button.ui-state-default.previous:hover { background-position: -120px -20px; }
.paging_full_numbers .fg-button.ui-state-default.next:hover { background-position: -140px -20px; }
.paging_full_numbers .fg-button.ui-state-default.last:hover { background-position: -180px -20px; }
.paging_full_numbers .fg-button.ui-state-default.ui-state-disabled.first { background-position: -160px -40px; }
.paging_full_numbers .fg-button.ui-state-default.ui-state-disabled.previous { background-position: -120px -40px; }
.paging_full_numbers .fg-button.ui-state-default.ui-state-disabled.next { background-position: -140px -40px; }
.paging_full_numbers .fg-button.ui-state-default.ui-state-disabled.last { background-position: -180px -40px; }

/* ORIGINAL

.list-default { width: 100%; border-collapse: separate; border-bottom: 1px solid #d3d7dc; }
.list-default thead th.ui-state-default { min-width: 14px; height: 30px; vertical-align: middle; border: 0; border-left: 1px solid #d3d7dc; color: #333333; background: url(Images/DataList/backgrounds.png) repeat-x 0 0; padding: 0 5px 0 10px; position: relative; }
.list-default thead th div.title { position: absolute; top: -10px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url('/Themes/mozillaEllipsis.xml#ellipsis'); }
.list-default thead th.ui-state-default.cmd { background-position: 0 -30px; padding: 0; text-align: center; }
.list-default thead th.ui-state-default.cmd .DataTables_sort_wrapper { text-align: center; }
.list-default thead th.ui-state-default:first-child { border-left-style: none; }
.list-default thead th .DataTables_sort_wrapper { position: relative; text-align: left; }
.list-default thead th .DataTables_sort_wrapper span { position: absolute; top: 0px; left: 50%; margin-left: -11px; background-image: url(Images/ui-icons_222222_256x240.png); }
.list-default thead th .DataTables_sort_wrapper span.DataTables_sort_icon.ui-icon-carat-2-n-s { background-image: none; }
.list-default .odd td,
.list-default .even td { height: 30px; vertical-align: middle; padding: 0 5px 0 10px; cursor: pointer; position: relative; }
.list-default .odd td .content,
.list-default .even td .content { position: absolute; top: -7px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url('/Themes/mozillaEllipsis.xml#ellipsis'); }
.list-default .odd:hover td,
.list-default .even:hover td { background: url(Images/DataList/backgrounds.png) repeat-x 0 -60px; color: #ffffff; }
.list-default .odd td { background-color: #ffffff; }
.list-default .even td { background-color: #e5e5e5; }
.list-default .odd td.cmd > div, .list-default .even td.cmd > div { float: right; width: 30px; }
.list-default .odd td.cmd div, .list-default .even td.cmd div { height: 100%; }
.list-default td.dataTables_empty { text-align: center; height: 100px; cursor: default; padding: 0; margin: 0; }
.list-default .odd:hover td.dataTables_empty { background: 0 none; color: #333333; }

*/

.list-default { width: 100%; border-collapse: separate; border-bottom: 1px solid #d3d7dc; }
.list-default thead th.ui-state-default { min-width: 14px; height: 30px; vertical-align: middle; border: 0; border-left: 1px solid #d3d7dc; color: #333333; background: url(Images/DataList/backgrounds.png) repeat-x 0 0; padding: 0 5px 0 10px; position: relative; }
.list-default thead th div.title { position: absolute; top: -10px; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url('/Themes/mozillaEllipsis.xml#ellipsis'); }
.list-default thead th div.title.has-tooltip::after { content: ''; position: absolute; top: 0px; right: 0px; width: 5px; height: 5px; border-radius: 50%; background-color: #999; }

.list-default thead th.ui-state-default.cmd { background-position: 0 -30px; padding: 0; text-align: center; }
.list-default thead th.ui-state-default.cmd .DataTables_sort_wrapper { text-align: center; }
.list-default thead th.ui-state-default:first-child { border-left-style: none; }
.list-default thead th .DataTables_sort_wrapper { position: relative; text-align: left; }
.list-default thead th .DataTables_sort_wrapper span { position: absolute; top: 0px; left: 50%; margin-left: -11px; background-image: url(Images/ui-icons_222222_256x240.png); }
.list-default thead th .DataTables_sort_wrapper span.DataTables_sort_icon.ui-icon-carat-2-n-s { background-image: none; }
.list-default.header-double thead th { height: 40px; }
.list-default.header-double thead th div.title { top: -15px; line-height: 30px; }
.list-default.header-double thead th div.title > div { height: 15px; line-height: 15px; }
.list-default .odd td { background-color: #ffffff; }
.list-default .even td { background-color: #e5e5e5; }

.list-default tbody tr:hover td { background: #bdd2f8; }
.list-default tbody tr:hover td.dataTables_empty { background: none; }
.list-default tbody td { vertical-align:top; padding: 5px 5px 5px 10px; cursor: pointer; }
.list-default tbody td.dataTables_empty { vertical-align:middle; text-align: center; height: 100px; cursor: default; padding: 0; margin: 0; }
.list-default tbody td.cmd { padding:0; margin:0; height:30px; width:33px; }
.list-default tbody td.cmd div{ height:100%; width:100%; }
.list-default tbody td.cmd .actionbox > div{ background-position:center 12px; }
.list-default tbody td > div { min-height:20px; line-height:20px; position:relative; }
.list-default tbody td .content { position: absolute; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url('/Themes/mozillaEllipsis.xml#ellipsis'); }
.list-default tbody td.nowrap .content { position:relative; line-height:normal; white-space:normal; }

.DTCR_clonedTable { background-color: #ffffff; z-index: 202; }
.DTCR_pointer { z-index: 201; width: 16px; height: 16px!important; background: transparent url(Images/ui-icons_222222_256x240.png) no-repeat -64px -48px; margin-top: -16px; margin-left: -8px; }

/* miniList */
.ui-minilist { border-bottom: 1px solid #ededed; position: relative; }
.ui-minilist .header { overflow: hidden; background: url(Images/Backgrounds/minilist_gradient_1x30.jpg) repeat-x 0 0; width:100%; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.ui-minilist .header > div { height: 30px; line-height: 30px; padding-left: 10px; border-left: 1px solid #c4c4c4; font-weight: 600; }
.ui-minilist .header > div.align-right, 
.ui-minilist .header > div.align-header-right { text-align:right; padding-right:10px; padding-left:0; }
.ui-minilist .header > div:first-child { border-left: 1px solid transparent; }
.ui-minilist .header > .cmd { background: url(Images/Backgrounds/minilist_gradient_1x30.jpg) repeat-x 0 -30px; }
.ui-minilist .header > div.sort-asc { background: url(Images/arrow-up.png) no-repeat; background-position: center 22px; cursor: pointer; cursor: hand; }
.ui-minilist .header > div.sort-desc { background: url(Images/arrow-dn.png) no-repeat; background-position: center 22px; cursor: pointer; cursor: hand; }

.ui-minilist .items { border-left: 1px solid #ededed; border-right: 1px solid #ededed; position: relative; }
.ui-minilist .emptywrap { height:100%; background-color: #FaFaFa; border-left: 1px solid #ededed; border-right: 1px solid #ededed; text-align: center; }
.ui-minilist .emptytext { display: inline-block; vertical-align: middle; white-space: normal; }
.ui-minilist .emptytext > .loading:before { content: ' '; border: 2px solid transparent; width: 16px; height: 16px; background: url(/Themes/Base/Images/Icons/spinner-small.gif) no-repeat; display:block; float:left; margin-right:3px; }
.ui-minilist .emptytext > .loading { height:20px; line-height:20px; vertical-align:middle; overflow:hidden; }
.ui-minilist .emptyhelper { display: inline-block; vertical-align: middle; height: 100%; }
.ui-minilist .items .item.even { background: #ffffff; }
.ui-minilist .items .item.even > div { background: #ffffff; }
.ui-minilist .items .item.odd { background: #e5e5e5; }
.ui-minilist .items .item.odd > div { background: #e5e5e5; }
.ui-minilist .items .item.even:hover > div,
.ui-minilist .items .item.odd:hover > div { background: #bdd2f8; }

.ui-minilist .items .item.selected > div { background: orange; }
.ui-minilist .items .item.selected:hover > div { background: orange; }

.ui-minilist.ui-minilist-flex .header,
.ui-minilist.ui-minilist-flex .items .item { display: flex; } /* KJ 2023-11-21: In a future version this flex approach might become the default for all lists, but I'd like the ability to introduce this in a few selected areas first, to make sure I'm not making any unintended changes. */

.ui-minilist.ui-minilist-flex .header > *,
.ui-minilist.ui-minilist-flex .items .item > * { flex-grow: 0; } /* We don't want any columns to become unintendedly wider than they were before */

.ui-minilist.ui-minilist-flex .items .item .clear { display: none; } /* In the flex version we don't need the .clear elements */

.ui-minilist.nohover .items .item.even:hover > div { background: #ffffff; color: #333333; }
.ui-minilist.nohover .items .item.odd:hover > div { background: #e5e5e5; color: #333333; }

.ui-minilist.noselect .items .item { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.ui-minilist .items .item > div { height: 30px; line-height: 30px; padding-left: 10px; border-left: 1px solid #c4c4c4; overflow:hidden; }
.ui-minilist .items .item > div.align-right, 
.ui-minilist .items .item > div.align-item-right { text-align:right; padding-right:10px; padding-left:0; }
.ui-minilist .items .item > div:first-child { border-left: 0 none; }
.ui-minilist .items .item > .clear { height: 0; line-height: 0; border-left: 0 none; }
.ui-minilist .items .item > .cmd { padding-left: 0px; }
.ui-minilist .items .item > .cmd > div { width: 100%; height: 100%; }
.ui-minilist .items .item > .cmd > div > .actionbox { text-indent: 0; }
.ui-minilist .ui-scrollbar .thumb,
.ui-minilist .ui-scrollbar .thumb .end { background-color: #A0BBED; }
.ui-minilist .ui-scrollbar.disable { display: block; }
.ui-minilist .ui-scrollbar.disable .thumb,
.ui-minilist .ui-scrollbar.disable .thumb .end { display: none; height:100%!important; background-color: #e6e6e6; }
/* miniList extended */
.ui-minilist .items .item.course-tee-indicator { height:10px; }
.ui-minilist .items .item.course-tee-indicator > div { background: #e5e5e5; height:10px; position:relative; }
.ui-minilist .items .item.course-tee-indicator > div.clear { height:0px; }
.ui-minilist .items .item.course-tee-indicator > div > div { height:10px; position:absolute; top:0px; right:0px; bottom:0px; left:0px; }
.ui-minilist .items .item.course-holes-in > div { background: #fee3ae; }
.ui-minilist .items .item.course-holes-out > div { background: #fee3ae; }
.ui-minilist .items .item.course-holes-total > div { background: #e3cb9a; }

/* miniList extended - single cell highlight */
.ui-minilist .items .item.standalone.even:hover > div { background: #ffffff; }
.ui-minilist .items .item.standalone.odd:hover > div { background: #e5e5e5; }
.ui-minilist .items .item.standalone.even:hover > div,
.ui-minilist .items .item.standalone.odd:hover > div { color: #333333; }

.ui-minilist .items .item.standalone.even > div:hover,
.ui-minilist .items .item.standalone.odd > div:hover { background: url(Images/Backgrounds/minilist_gradient_1x30.jpg) repeat-x 0 -60px; color: #ffffff; }

/* miniList extended - item appended outside of regular structure */
.ui-minilist-outside-wrap .item.even > div { background: #ffffff; }
.ui-minilist-outside-wrap .item.odd > div { background: #e5e5e5; }
/*.ui-minilist-outside-wrap .item.even:hover > div { background: #ffffff; color: #333333; }
.ui-minilist-outside-wrap .item.odd:hover > div { background: #e5e5e5; color: #333333; }
.ui-minilist-outside-wrap.force-hover-active .item > div { background: #bdd2f8; }*/
.ui-minilist-outside-wrap .item > div { height: 30px; line-height: 30px; padding-left: 10px; border-left: 1px solid #c4c4c4; overflow:hidden; }
.ui-minilist-outside-wrap .item > div.align-right, 
.ui-minilist-outside-wrap .item > div.align-item-right { text-align:right; padding-right:10px; padding-left:0; }
.ui-minilist-outside-wrap .item > div:first-child { border-left: 0 none; }
.ui-minilist-outside-wrap .item > .clear { height: 0; line-height: 0; border-left: 0 none; }
.ui-minilist-outside-wrap .item > .cmd { padding-left: 0px; }
.ui-minilist-outside-wrap .item > .cmd > div { width: 100%; height: 100%; }
.ui-minilist-outside-wrap .item > .cmd > div > .actionbox { text-indent: 0; }

/*.ui-minilist {height:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

.ui-minilist > .ui-scrollbar { width:auto; position:absolute; top:30px; right:0; bottom:0; left:0; }
.ui-minilist > .ui-scrollbar > .scrollbar { height:100%!important; margin-left:5px; }
.ui-minilist > .ui-scrollbar > .scrollbar > .track {height:100%!important;}
.ui-minilist > .ui-scrollbar > .viewport { width:auto; height:100% }*/

/* tabs */
.tabs { list-style: none; overflow: hidden; }
.tabs li {cursor:pointer; float: left; color: #333333; font-weight: bold; text-align: center; border: 1px solid #5f8fda; border-bottom: 0 none; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.tabs li:hover,
.tabs li:focus { border: 1px solid #a0bbed; border-bottom: 0 none; }
.tabs li a { display: block; padding: 0; color: #333333; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url('/Themes/mozillaEllipsis.xml#ellipsis'); }
.tabs li.disabled { color: #c4c4c4; cursor: default; border: 1px solid #dedede; border-bottom: none; }
.tabs li.disabled a { color: #c4c4c4; cursor: default; }
.tabs li[disabled] { color: #c4c4c4; cursor: default; border: 1px solid #dedede; border-bottom: none; }
.tabs li[disabled] a { color: #c4c4c4; cursor: default; }

.tabs li.selected { border: 1px solid #ec9900; border-bottom: 0 none; }
.tabs li.selected,
.tabs li.selected a { color: #333333; }
.tabs-content > div { display: none; }

.tabs.small { padding-left: 10px; }
.tabs.small li { background: url(Images/Backgrounds/tab_gradient_1x18.gif); width: 120px; height: 18px; line-height: 18px; margin-right: 0; font-size: 14px; font-weight: 600; }
.tabs.small li a { width: 112px; margin-left: 4px; }
.tabs.small li.hover,
.tabs.small li:hover,
.tabs.small li:focus { background-position: 0 -18px; }
.tabs.small li.disabled { background-position: 0 -36px; }
.tabs.small li[disabled] { background-position: 0 -36px; }
.tabs.small li.selected { background-position: 0 -54px; }

.tabs.default { padding-left: 10px; }
.tabs.default li { background: url(Images/Backgrounds/tab_gradient_1x28.gif); width: 150px; height: 28px; line-height: 28px; margin-right: 0; font-size: 16px; font-weight: 600; }
.tabs.default li a { width: 142px; margin-left: 4px; }
.tabs.default li:hover,
.tabs.default li:focus { background-position: 0 -28px; }
.tabs.default li.disabled { background-position: 0 -56px; }
.tabs.default li[disabled] { background-position: 0 -56px; }
.tabs.default li.selected { background-position: 0 -84px; }

/* box */
.boxsetup { background: url(Images/Backgrounds/box_gradient_1x146.jpg); height: 115px; font-size: 14px; border: 1px solid #d3d7dc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.boxsetup.active { background: url(Images/Backgrounds/box_gradient_active_1x146.jpg); }
.boxsetup > .boxinner { margin: 10px; height: 95px; }
.boxsetup h4 { margin-bottom: 20px; }

/* datepicker */
.ui-datepicker-trigger { margin: 1px 0 0 5px; vertical-align: top; cursor: pointer; }

/* steps */
.steps { overflow: hidden; height: 12px; position: relative; }
.steps .step-bullet { float: left; position: relative; width: 12px; height: 12px; background: url(Images/Icons/steps.png) no-repeat; }
.steps .step-bullet.active { float: left; position: relative; width: 12px; height: 12px; background: url(Images/Icons/steps-active.png) no-repeat; }
.steps .step-space { float: left; width: 5px; height: 12px; background: url(Images/Icons/steps-bg.png) repeat-x; }
.steps .step-space.active { float: left; width: 5px; height: 12px; background: url(Images/Icons/steps-active-bg.png) repeat-x; }
.steps-text { font-size: 10px; height: 12px; line-height: 12px; margin-left: 5px; }

/* form */
.radio-inline,
.radio-inline:before,
.radio-inline:after,
.checkbox-inline,
.checkbox-inline:before,
.checkbox-inline:after,
.radio-inline *,
.radio-inline *:before,
.radio-inline *:after,
.checkbox-inline *,
.checkbox-inline *:before,
.checkbox-inline *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.radio-inline input[type="radio"],
.checkbox-inline input[type="checkbox"] { float: left; margin: 4px 0 0; margin-top: 1px \9; line-height: normal; margin-left: -20px; padding: 0; }
.radio-inline label,
.checkbox-inline label { display: inline-block; margin-bottom: 5px; }
.radio-inline,
.checkbox-inline { display: inline-block; padding-left: 20px; margin-top: 0; margin-right: 10px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; }

.tbl-form td { padding: 5px 5px; }
.tbl-form td,
.tbl-form td img { vertical-align: top; }
.tbl-form td.vertical-middle { vertical-align: middle; }

.input-text,
.input-date,
.input-time,
.select-ddl { position:relative; margin:0; border: 1px solid #808080; padding: 0 0 0 3px; font-size: 12px; height: 19px; line-height: 19px; background-image: url(Images/Backgrounds/input-shadow.gif); width: auto; }
textarea.input-text { height: auto; }
.input-date { width: 80px; }
.input-time { padding: 0; width: 40px; text-align: center; }
.input-chk { margin-top: 4px; }
.input-rdo { margin-top: 1px; }

.input-text[disabled],
.input-text[readonly],
.input-date[disabled],
.input-date[readonly],
.input-time[disabled],
.input-time[readonly],
.select-ddl[disabled],
.select-ddl[readonly] { background-image: url(Images/Backgrounds/input-shadow-disabled.gif); }

.input-text:focus,
.input-date:focus,
.input-time:focus,
.select-ddl:focus { }
.text-field { display: block; float: left; height: 22px; line-height: 22px; margin: 0 5px 10px 0; text-align: right; text-overflow: ellipsis; white-space: nowrap; }

.input-text[type=number]::-webkit-inner-spin-button, 
.input-text[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.tbl-list { }
.tbl-list thead tr td { height: 54px; padding: 0 10px; vertical-align: top; background: #ffffff; }
.tbl-list thead.small tr td { height: 36px; }
.tbl-list thead tr td .header { font-weight: bold; padding-bottom: 0; margin-bottom: 10px; }
.tbl-list tbody tr td { height: 30px; vertical-align: middle; padding: 0 10px; background: #ffffff; }
.tbl-list tbody tr.alternative td { background: #e5e5e5; }
.tbl-list td.leftBorder { border-left: solid 1px #c4c4c4; }

.charactersRemaining { font-size: 10px; color: #808080; font-weight: bold; padding-left: 5px; }
.ruler-vertical { position: absolute; top: 0px; bottom: 0px; width: 2px; background-color: #EBEBEB; }
.separator { width: 100%; height: 1px; background-color: #EBEBEB; }
/* groupset */
/*.groupset { position: relative; margin-top: 0.75em; border: none 1px #adadad; border-top: solid 1px #adadad; }
	.groupset.groupset-nolegend { margin-top: 0; }
	.groupset-legend { position: absolute; top: -0.75em; left: 10px; background-color: #ffffff; font-weight: bold; padding: 0 10px; }
	.groupset-inner { position: relative; margin: 20px; }*/

.groupset fieldset { background: #f7f7f7; padding: 10px; }
.groupset fieldset .legend { background: #ffffff; padding: 5px 0; margin: -10px -10px 10px -10px; font-size: 13px; font-weight: 600; border-bottom: 1px solid #ebebeb; }
.groupset fieldset label, .groupset label { display: block; float: left; width: 100px; margin-right: 5px; margin-bottom: 10px; height: 22px; line-height: 22px; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url('/Themes/mozillaEllipsis.xml#ellipsis'); }

.groupset label.wrap { 
    display: block; 
    float: none; 
    width: auto; 
    margin-right: 0; 
    margin-bottom: 0; 
    text-align: left; 
    white-space: normal; 
    overflow: hidden; 
}

.groupset label.wrap + label.wrap {
    margin-top:10px;
}

.groupset label.wrap > .input-chk {
    margin-top:0;
    vertical-align:middle;
}

.groupset label.wrap > span {
    display: block;
    float:left;
    width: 100px;
    margin-right: 5px;
    margin-bottom:0;
    height: 22px;
    line-height: 22px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -moz-binding: url('/Themes/mozillaEllipsis.xml#ellipsis');
}

.groupset label.wrap > span::after {
    content: ':';
}

.groupset label.wrap.noColon > span::after {
    content: '';
}

.groupset label.wrap.fluid {
    height:auto;
    min-height:22px;
}

.groupset label.wrap.fluid > span {
    width:auto;
    display:inline;
    text-align:left;
    float:none;
    white-space:normal;
    overflow:auto;
}
.groupset label.wrap.fluid.slim {
    line-height:normal;
}
.groupset label.wrap.fluid.slim > span{
    line-height:normal;
}

.groupset label.wrap.above {
    height:auto;
    line-height:normal;
}

.groupset label.wrap.above > span {
    float: none;
    height: auto;
    line-height: normal;
    display:block;
}
.groupset label.wrap.above > span + * {
    margin-top:5px;
}

.groupset fieldset label.auto-break, .groupset label.auto-break { width:auto; white-space:normal; float:none; overflow:auto; text-align:left; height:auto; }
.groupset fieldset .radio-label, .groupset fieldset .checkbox-label, .groupset .checkbox-label { display: block; float: none; height: auto; line-height: normal; overflow: hidden; text-align: left; white-space: nowrap; width: auto; }
.groupset .dataTables_functions label { float: none; display: inline; width: auto; margin-right: 5px; height: 22px; line-height: 22px; text-align: left; }
.advanced-rounds-coursestart > div { border-top: 1px solid #adadad; width: 200px; height: 60px; padding: 5px; }
.advanced-rounds-coursestart > div:first-child { border-top: 0 none; height: auto; }

.advanced-rounds-classround { position: relative; }
.advanced-rounds-classround > div { position: relative; border-top: 1px solid #adadad; border-left: 1px solid #adadad; width: 70px; height: 70px; }
.advanced-rounds-classround > div:first-child { border-top: 0 none; height: auto; padding: 5px 0; text-align: center; }

.advanced-rounds-classround-item { position: relative; }

.advanced-rounds-classround-action { position: relative; top: 1px; left: 1px; width: 60px; height: 15px; border: 4px solid transparent; }
.advanced-rounds-classround-action > * { visibility: hidden; }
.advanced-rounds-classround-action.editmode > * { visibility: visible; }
.advanced-rounds-classround-action.editmode > div { position: relative; top: 5px; left: 0; width: 60px; height: 6px; background: url(Images/Icons/ico-advanced-rounds-classround-action.gif) no-repeat 50px 0; cursor: pointer; }
.advanced-rounds-classround-action.editmode > div:hover { background-position: 50px -6px; }
.advanced-rounds-classround-action.editmode > ul { margin-top: 10px; width: 110px; list-style: none; display: none; }
.advanced-rounds-classround-action.editmode > ul > li { text-indent: 10px; height: 20px; line-height: 20px; font-size: 10px; cursor: pointer; }
.advanced-rounds-classround-action.editmode > ul > li:hover { background: url(Images/Backgrounds/bg-advanced-rounds-classround-action-item.gif) repeat-x; color: #ffffff; }

.advanced-rounds-classround-action.editmode.action-selected { height: auto; width: 110px; left: -50px; background: #ffffff url(Images/Backgrounds/bg-advanced-rounds-classround-action.gif) repeat-x; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: 4px solid #999999; border: 4px solid rgba(51, 51, 51, 0.5); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.advanced-rounds-classround-action.editmode.action-selected > div { background-position: 100px -12px; width: 110px; }
.advanced-rounds-classround-action.editmode.action-selected > div:hover { background-position: 100px -12px; }
.advanced-rounds-classround-action.editmode.action-selected > ul { display: block; }

.advanced-rounds-classround-drag { position: absolute; top: 20px; left: 20px; border: 1px dashed #666666; width: 28px; height: 28px; line-height: 28px; text-align: center; cursor: pointer; }
.advanced-rounds-classround-placeholder { position: relative; width: 64px; height: 64px; border: 3px dashed #ffa500; background: #ffffff; }

.advanced-format-table { width: 100%; }
.advanced-format-table tr td { padding: 5px; border-top: 1px solid #adadad; border-left: 1px solid #adadad; line-height: 1; vertical-align: middle; }
.advanced-format-table tr:first-child td { border-top: 0 none; }
.advanced-format-table tr td:first-child { border-left: 0 none; }
.advanced-format-table tr:first-child td div { margin-bottom: 5px; font-weight: bold; }

.grid-clean-table { width: 100%; }
.grid-clean-table tr td { padding: 5px; border-top: 1px solid #adadad; border-left: 1px solid #adadad; line-height: 1; vertical-align: middle; }
.grid-clean-table tr:first-child td { border-top: 0 none; }
.grid-clean-table tr td:first-child { border-left: 0 none; }
.grid-clean-table tr:first-child td div { margin-bottom: 5px; font-weight: bold; }

/* actionbox */
.actionbox { width: 100%; height: 100%; }
.actionbox > div { width: 100%; height: 100%; background-image: url(Images/Icons/ico-advanced-rounds-classround-action-normal.gif); background-position: center center; background-repeat: no-repeat; cursor: pointer; }
.actionbox > div:hover { background-image: url(Images/Icons/ico-advanced-rounds-classround-action-hover.gif); }
.actionbox.disabled > div, .actionbox.disabled > div:hover { background-image: url(Images/Icons/ico-advanced-rounds-classround-action-disabled.gif); }
/*.actionbox.action-selected > div { background-image:url(Images/Icons/ico-advanced-rounds-classround-action-active.gif); }
	.actionbox.action-selected > div:hover { background-image:url(Images/Icons/ico-advanced-rounds-classround-action-active.gif); }*/
.actionlist { position: absolute; z-index: 1; } /* Should always be equal to or higher than the modal */
.actionlist > div { position: absolute; top: 9px; right: 7px; width: 9px; height: 6px; background: url(Images/Icons/ico-advanced-rounds-classround-action-active.gif) 0 0 no-repeat; }
.actionlist > ul { list-style: none; display: block; background: #ffffff url(Images/Backgrounds/actionbox-ul-bg.gif) repeat-x; color: #333333; padding: 20px 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; border: 4px solid #999999; border: 4px solid rgba(51, 51, 51, 0.5); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.actionlist > ul > li { position: relative; height: 30px; line-height: 30px; padding: 0 30px; cursor: pointer; white-space: nowrap; text-transform: uppercase; }
.actionlist > ul > li:hover { background: url(Images/Backgrounds/actionbox-li-bg.gif) repeat-x; color: #ffffff; }
.actionlist > ul > li.disabled { pointer-events: none; opacity: 0.6; }

/* icons */
.arrow-right-4545 { -moz-border-image: none; height: 16px; width: 10px; vertical-align: middle; background-image: url(/Themes/Base/Images/ui-icons_454545_256x240.png); background-repeat: no-repeat; background-position: -36px 0px; }
.arrow-right-8888 { -moz-border-image: none; height: 16px; width: 10px; vertical-align: middle; background-image: url(/Themes/Base/Images/ui-icons_888888_256x240.png); background-repeat: no-repeat; background-position: -36px 0px; }

/* accordion */

.expandable { background: #f7f7f7; margin-top:10px; border-collapse:collapse; }
.expandable > .header { border:solid 1px #ededed; cursor: default; height: 40px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.expandable > .header > .details { height:100%; }
.expandable > .header > .details > div { padding-top: 10px; }
.expandable > .header .title { text-transform: uppercase; margin-left: 40px; line-height: 20px; height: 20px; font-size: 13px; font-weight: 600; }
.expandable > .header .spacer { font-size: 13px; font-weight: 600; margin: 0px 10px; }
.expandable > .header .subtitle { font-size: 11px; font-weight: 600; }
.expandable > .header .state-toggle { position: absolute; top: 5px; left: 5px; width: 30px; height: 30px; background: url(/Themes/Base/Images/Icons/button_expand_collapse_pack_30x30_high.png) no-repeat 0 0; }
.expandable.expanded > .header .state-toggle { background-position: 0 -60px; }
.expandable > .header:hover .state-toggle, .expandable > .header .state-toggle.hover, .expandable > .header .state-toggle:hover { background-position: 0 -30px; }
.expandable.expanded > .header:hover .state-toggle, .expandable.expanded > .header .state-toggle.hover, .expandable.expanded > .header .state-toggle:hover { background-position: 0 -60px; }

/*support for non refactored*/
.expandable > .header .state-toggle.active { background-position: 0 -60px; }
/*********************/

.expandable > .header .state-toggle > div.arrow, .expandable > .header .state-toggle > div.arrow { margin: 10px; height: 10px; width: 10px; background: url(/Themes/Base/Images/Icons/expand_collapse_arrows_10x10_high.png) no-repeat 0 0; }
.expandable.expanded > .header .state-toggle > div.arrow { background-position:0 -10px; }

/*support for non refactored */
.expandable > .header .state-toggle > div.arrow.down { background-position: 0 -10px; }
/*********************/

.expandable > .content { border:solid 1px #ededed; border-top:none; padding: 10px; display:none; }
.expandable.expanded > .content { display:block; }
.expandable > .content.fullsize { padding:0; border:none; }

/* accordion fieldset look-a-like */
.expandable.light { background: none; }
.expandable.light > .header { border: none; border-bottom: 1px solid #ebebeb; padding: 0px 10px 3px 0px; height: auto; }
.expandable.light > .header > .details > div { padding-top: 0px; }
.expandable.light > .header .title { margin-left: 34px; }
.expandable.light > .header .spacer { display: none; }
.expandable.light > .header .subtitle { display: none; }
.expandable.light > .header .state-toggle { zoom:0.8; top:0px; }
.expandable.light > .content { background: #f7f7f7; border:none; }

/* minilist integration */

.minilist-expandable > .content { border:solid 1px #ededed; border-top:none; padding: 10px; display:none; }
.minilist-expandable.expanded > .content { display:block; }

.minilist-expandable .state-toggle-wrap { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.minilist-expandable .state-toggle-wrap .state-toggle { position: absolute; left:-5px; width: 30px; height: 30px; background: url(/Themes/Base/Images/Icons/button_expand_collapse_pack_30x30_high.png) no-repeat 0 0; }
.minilist-expandable.expanded .state-toggle-wrap .state-toggle { background-position: 0 -60px; }
.minilist-expandable.full-row-hover:hover .state-toggle-wrap .state-toggle, 
.minilist-expandable .state-toggle-wrap:hover .state-toggle, 
.minilist-expandable .state-toggle-wrap.hover .state-toggle, 
.minilist-expandable .state-toggle-wrap .state-toggle.hover, 
.minilist-expandable .state-toggle-wrap .state-toggle:hover { background-position: 0 -30px; } 

.minilist-expandable.full-row-hover.expanded:hover .state-toggle-wrap .state-toggle, 
.minilist-expandable.expanded .state-toggle-wrap:hover .state-toggle, 
.minilist-expandable.expanded .state-toggle-wrap.hover .state-toggle, 
.minilist-expandable.expanded .state-toggle-wrap .state-toggle.hover, 
.minilist-expandable.expanded .state-toggle-wrap .state-toggle:hover { background-position: 0 -60px; } 

.minilist-expandable .state-toggle-wrap .state-toggle > div.arrow { margin: 10px; height: 10px; width: 10px; background: url(/Themes/Base/Images/Icons/expand_collapse_arrows_10x10_high.png) no-repeat 0 0; }
.minilist-expandable.expanded .state-toggle-wrap .state-toggle > div.arrow { background-position: 0 -10px; }

/* bootstraps grid system */
.container-fluid,
.container-fluid:before,
.container-fluid:after,
.container-fluid *,
.container-fluid *:before,
.container-fluid *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
/*.row { margin-right: -15px; margin-left: -15px; }*/

.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after { display: table; content: " "; }

.container-fluid:after,
.row:after { clear: both; }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 { float: left; position: relative; min-height: 1px; }

.col-12 { width: 100%; }
.col-11 { width: 91.66666666666666%; }
.col-10 { width: 83.33333333333334%; }
.col-9  { width: 75%; }
.col-8  { width: 66.66666666666666%; }
.col-7  { width: 58.333333333333336%; }
.col-6  { width: 50%; }
.col-5  { width: 41.66666666666667%; }
.col-4  { width: 33.33333333333333%; }
.col-3  { width: 25%; }
.col-2  { width: 16.666666666666664%; }
.col-1  { width: 8.333333333333332%; }

.col-pull-12 { right: 100%; }
.col-pull-11 { right: 91.66666666666666%; }
.col-pull-10 { right: 83.33333333333334%; }
.col-pull-9  { right: 75%; }
.col-pull-8  { right: 66.66666666666666%; }
.col-pull-7  { right: 58.333333333333336%; }
.col-pull-6  { right: 50%; }
.col-pull-5  { right: 41.66666666666667%; }
.col-pull-4  { right: 33.33333333333333%; }
.col-pull-3  { right: 25%; }
.col-pull-2  { right: 16.666666666666664%; }
.col-pull-1  { right: 8.333333333333332%; }
.col-pull-0  { right: 0; }

.col-push-12 { left: 100%; }
.col-push-11 { left: 91.66666666666666%; }
.col-push-10 { left: 83.33333333333334%; }
.col-push-9  { left: 75%; }
.col-push-8  { left: 66.66666666666666%; }
.col-push-7  { left: 58.333333333333336%; }
.col-push-6  { left: 50%; }
.col-push-5  { left: 41.66666666666667%; }
.col-push-4  { left: 33.33333333333333%; }
.col-push-3  { left: 25%; }
.col-push-2  { left: 16.666666666666664%; }
.col-push-1  { left: 8.333333333333332%; }
.col-push-0  { left: 0; }

.col-offset-12 { margin-left: 100%; }
.col-offset-11 { margin-left: 91.66666666666666%; }
.col-offset-10 { margin-left: 83.33333333333334%; }
.col-offset-9  { margin-left: 75%; }
.col-offset-8  { margin-left: 66.66666666666666%; }
.col-offset-7  { margin-left: 58.333333333333336%; }
.col-offset-6  { margin-left: 50%; }
.col-offset-5  { margin-left: 41.66666666666667%; }
.col-offset-4  { margin-left: 33.33333333333333%; }
.col-offset-3  { margin-left: 25%; }
.col-offset-2  { margin-left: 16.666666666666664%; }
.col-offset-1  { margin-left: 8.333333333333332%; }
.col-offset-0  { margin-left: 0; }