/* ---------------------------------------------------------
    MSHSAA screen styles
------------------------------------------------------------*/

/* GLOBAL RESET 
------------------------------ */

.top {z-index:999;}

.mshsaablue, .mshsaablue a { color: #01314c;}

.nofooter footer { display: none!important; }
.noheader header { display: none!important; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0; color:#333;}
table{border-spacing:0;}
fieldset,img,abbr,acronym {border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
h4 { font-size: 1.05em; padding-bottom: 5px; }
q:before,q:after{content:'';}
a{color: #0066cc; text-decoration:none;}

table {font-size:inherit;font:100%;}
select, input, textarea {font:99% 'Open Sans',Helvetica,Arial,sans-serif; }
pre, code {font:115% monospace;font-size:100%;}

select { padding: 0.125em 0.25em; border-radius: .333em;}
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number], input[type=time] { border-radius:.333em; border:1px solid #999; }

img {display:block;}
p,li,td,th{line-height:1.5em;}
div.hr {border-top:  1px #ddd solid; height:1px;margin: 0 0 1.5em;}
div.hr hr {display:none;}
.hide { display: none !important; }
.inline { display: inline!important; }
.invisible { visibility: hidden; }
.printOnly, printOnlyTD { display: none; }
.block { display: block; }

body.gray { background-color: #eaeaea; }

.large, a.fa_link.large, .action a.fa_button.large { font-size: 1.125em; }
.xl, .xlarge, a.fa_link.xl { font-size: 1.25em; }
.xxl, .xxlarge, a.fa_link.xxl { font-size: 1.5em; }
.small, .action.small a.fa_link, a.fa_link.small { font-size: .93em; line-height: 1.5em;}
.xsmall, .action.xsmall a.fa_link, a.fa_link.xsmall { font-size: .83em; line-height: 1.5em; }
.tiny, .action.tiny a.fa_link, a.fa_link.tiny { font-size: .75em; line-height: 1.5em; }
.xtiny, .action.xtiny a.fa_link, a.fa_link.xtiny, span.xtiny { font-size: .667em!important; line-height: 1.5em; }
a.fa_link.xl .xtiny { font-size: .333em; }

::placeholder { color: #ccc; }
:-ms-input-placeholder { color: #ccc; }
::-ms-input-placeholder { color: #ccc; }
::-webkit-input-placeholder { color: #ccc; }
::-moz-placeholder { color: #ccc; }

input.largeCheckbox, .largeCheckbox input[type=checkbox] {
    transform: scale(1.5, 1.5);
    margin-right: 8px;
}

/*** This is here so the jquery show method will actually work***/
.hidden, .error-bl.hidden { display: none; }

a.large-link { font-size: 18px; }
a.med-link { font-size: 16px; }

input.schoolsel { background-color: #fff !important; background-image: none !important; }
input[type=text].input-error, textarea.input-error, input[type=time].input-error { border: 1px solid red; }
p.last { margin:0px!important; }
.tooltip { display:none; background-color:#fff; border:1px solid #999; padding:3px; font-size:13px; }

button:focus { outline: none; }
input:focus { outline: none; }
input[type=text]:focus { border-width: 2px; }


/* NEW TEMPLATE
------------------------------ */

/* body */

        
        a, a:hover, a:visited {color:#26a; text-decoration:none;}
        /*a:visited {color:#c3f;}*/
        body { font-size:14px;font-family: 'Open Sans', Helvetica, Arial, sans-serif; }
        
        #body {background: none;}
        
        #head, #content-wrapper, #footer-wrapper {margin:0 auto;width:960px;}
        
        h3 {font-size:16px;color:#333;/*color:#ed4339;*/font-weight:normal;margin:10px 0 10px;}
        h5 {font-size:11px;font-weight:bold;color:#ed4339;text-transform:uppercase;}
        
        #testEnvironment { font-family: Comic Sans MS; color: #fff; font-size: 28px; height: 40px; width: 200px; position: absolute; top: 15px; right: 350px;}
        
        /* head */
        #head {position:relative; height: 120px; }
        
        /* Admin Page */
        .noHeader #head h2 { display: none; }
        .noHeader #head-wrapper #head { height: 48px; }
        .noHeader #head-wrapper div.head-search { display: none;}
        .noHeader #footer div.footer-msg { display: none;}
        .noHeader #footer .contact,
        .noHeader #footer .footer-main ul.address { display: none;}

        /* Test Data */
        .testData { background-image: none; background-color: #ddd; } /*  #65aced; 65aced*/
        .testData #body, .testData .widestPage #body { background-image: none;}
        .testData #testEnvironment { left: 0;}
        

        #head h2 { text-indent:-5000px; height:120px; width:500px;  }
        #head h2 a { display:block; height:80px; width:400px; }
        
        .head-search {
                position:absolute; 
                width:214px; 
                top:25px;
                right:0px;
                height:30px;
                background-color: #f8f8f8;
                border-radius: .5em;
                background-image: none;
                padding:0;
                /*background: url(img/search-bg-230x28.gif) no-repeat left 6px;*/
                /*padding: 11px 8px 0;*/
        }
        
        .head-search .input-search { 
            border-width:0px;  width:230px;  background:transparent; font-size:12px; font-weight:bold; outline:none; 
            padding-top:1px;
            padding: .5em .5em;
        }
        .head-search .input-search-default {color:#777;}
        
        #head-tabs
        {
            position: absolute;
            left: -1px;
            width: 961px;
            bottom: 0;            
            background-color: #1C314C; 
            padding-top: 7px;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;  
        }
        #head-tabs ul {overflow:hidden;/*zoom:1;*/float:left;padding: 0 0 0 10px;}
        #head-tabs ul.secondary {float:right;padding: 0 10px 0 0;}
        #head-tabs li 
        {
            float:left; font-size:12px;margin: 0 3px 0 0;
            border-top-left-radius: 4px; border-top-right-radius: 4px;
        }
        #head-tabs li a, #head-tabs li a:hover {
            color:#eaf3fe;
            text-decoration:none;
            display:block;
            padding: 0 15px;
            line-height:30px;
            height:31px;
            font-weight: 600;
            font-size: 13px;
            border-top-left-radius: 4px; border-top-right-radius: 4px;
        }
        #head-tabs li a:hover {
            background: #274a76;
            
        }
        #head-tabs li.sel {
            /*background: url(img/tab-120x66.gif) no-repeat 0 -33px;*/
            margin-right: 1px;
            background-color: White;
        }
        #head-tabs li.sel a, #head-tabs li.sel a:hover {
            color:#2a2c2f;
            /*background: url(img/tab-120x66.gif) no-repeat;*/
            padding-right:14px;
            height:33px;
            background-color: White;
        }
        
        /* content */
        #content-wrapper { 
            /*background:#fff url(img/bg-content-3840x14.gif) no-repeat 0 100%;*/
            margin-bottom:20px;
            background-image: none;
            background-color: white;
            border-radius: 1em;
        }
        #content {padding:0 10px; min-height: 400px; margin-bottom: 1em;}
        #content-wrapper.col-ms {background-position: -1920px 100%;padding-bottom:14px;}
        
        /* layouts */
        /* col-ms = main column | sidebar column */
        #content .main-content { position: relative;}
        .col-ms #content, .home-col-mx, .col-mmmm {overflow:hidden;/*zoom:1;*/}
        .col-ms #content .main-content {float:left;width:730px;}
        .col-ms #content .sidebar-col {float:right; width:208px;padding: 10px 0 0;}
        
        /* wide pages and admin pages */
        /*.veryWidePage #content-wrapper, .adminPage #content-wrapper{background: #fff url(img/bg-content-3840x14-wide.gif) no-repeat 0 100%;}*/
        /*.veryWidePage #content-wrapper.col-ms #content, .adminPage #content-wrapper.col-ms #content{background: #fff url(img/bg-content-3840x14-wide.gif) repeat-y -2880px 0;}*/
        .veryWidePage .col-ms #content .main-content, .adminPage .col-ms #content .main-content{width: 950px;}
        .veryWidePage .col-ms #content .sidebar-col, .adminPage .col-ms #content .sidebar-col{display: none; width: 0;}
        
        /* 1200px wide pages */
        /*
        .widestPage #content-wrapper {background: #fff url(img/bg-content-3840x14-classdist.gif) no-repeat 0 100%; width:1250px; }
        .widestPage #content-wrapper.col-ms #content {background: #fff url(img/bg-content-3840x14-wide.gif) repeat-y -2880px 0;}
        */
        .widestPage .col-ms #content .main-content {width: 1250px;}
        .widestPage #head-tabs { width:1252px; left:-146px; }
        .widestPage .sidebar-col { display:none; }
            
        
        .home-col-mx {padding-top: 10px; padding-right: 5px; margin-right: 15px; background-color: White; }
        .home-col-mx .mcol {float:left;width:470px;overflow:hidden; margin-left:2px;}
        .home-col-mx .xcol {float:right;width:232px; margin-top: -12px; border-left: 1px solid #DADADA;}
        .home-col-mx .xcol li { padding-right:0px!important; }
        
        .col-mmmm { margin-right:72px; margin-left:72px;  }
        
        /* sidebar callout */
        /*.sidebar-callout, .sidebar-callout-body, .sidebar-callout-top {background:#fff url(img/bg-scallout-624x8.gif) no-repeat -416px 100%;width:208px;}*/
        .sidebar-callout {padding-bottom:8px;margin: 0 0 20px;}
        .sidebar-callout-top {background-position: 0 0;background-repeat:no-repeat; height:8px;}
        .sidebar-callout-body {background-repeat:repeat-y;background-position:-208px 0;padding:0 10px;width:auto;}
        
        /* mshsaa promotion */

		.mshsaa-promotion .promoter {font-size:11px;color:#888;display:block;}
		.mshsaa-promotion .promoting {font-size:18px;color:#000;display:block;margin-bottom:10px;font-weight:bold;}
		.mshsaa-promotion blockquote {font-size:14px;}
		.mshsaa-promotion .author {color:#888;font-size:12px;}
		
		/* sidebar-sponsor */
		.sidebar-sponsors strong {font-size:10px;text-transform:uppercase;color:#8692a4; font-weight: normal;}
		.sidebar-sponsors .sponsor, .sidebar-sponsors .sponsor.extra { float: none;}
		.sidebar-sponsors .sponsor img, .sidebar-sponsors .sponsor.extra img { border:0px solid #666!important; margin: 2em auto; }
		
        /* banner sponsors */
        .sponsors-banners { margin: .5em 0; font-size: 1.25em; position:relative; height: 3em; }
        .sponsors-banners span.center { text-align: center; display: block;}
        .sponsors-banners a { cursor: pointer; display:block; padding: .125em; border:1px solid #888; border-radius: .5em; color: #333; position: absolute; width: 100%;}
        .sponsors-banners a img { height: 1.75em; margin: 0 auto; padding: .25em 0;  }

        .sponsorCarousel { position: absolute; right: 1em; top: 0; } /*-.125em;*/
        .sponsorCarousel img { max-height: 4.5em; max-width: 6em; margin: 0; }
        .sponsorCarousel a { height: 4em; display: flex; justify-content: center; flex-direction: column; text-align: center; }
        /*.sponsorCarousel:hover i.fa { color: #aaa; }*/

		/* link-block */
		.link-block ul li {line-height:20px;margin-bottom:10px;display:block;padding-left:10px;font-weight:bold;}
		.link-block {margin: 0 0 20px;}
		
		.home-col-mx .xcol .link-block {padding: 0 0 20px 10px;border-bottom: 1px solid #dadada;}
		.home-col-mx .xcol .link-blocks .last {border-width:0;}
		.home-col-mx .xcol .link-block li {font-size:14px;font-weight: bold;padding-right:20px;}
		
		.home-col-mx .mcol .link-block ul {}
		.home-col-mx .mcol .link-block li {}	
		
		/* footer */
		#footer, #footer-wrapper {
            /*background: #fff url(img/bg-content-3840x14.gif) no-repeat -960px 0;*/
            background-image: none;
            background-color: white;
            border-radius: 1em;
		}
		#footer-wrapper {background-position: 0 100%;padding-bottom:14px;margin-bottom:20px;}
		
		#footer {padding: 10px 10px 6px;font-size:14px;}
		
		#footer .footer-main h5 { display:block; font-weight:bold; font-size:1.0em; color:#333; text-align:center; text-transform:none; height: 25px; }
		#footer .footer-main ul.address { display:block; font-weight:bold; font-size:.95em; color:#333; text-align:center; text-transform:none; height: 25px; }
		#footer .footer-main ul.address .addr-item { display:inline; list-style-type:none;  }
		/*#footer .footer-main ul.address li.last { background-image:url(img/target-gray-8.gif); background-position: 4px 4px; padding-left:20px; background-repeat:no-repeat; }*/
		#footer .footer-main div.contact { text-align:center; }
		#footer .footer-main div.contact .contact-item { display:inline; padding-left: 20px; }
		#footer .footer-main div.contact .contact-item .tel-loc { color:#6f6f6f; font-size:11px; }
		#footer .footer-main div.contact .contact-link { font-size:.9em; padding-left:20px; }
		#footer .footer-msg { padding: 20px 20px 10px 20px; line-height:20px; font-size:1.1em; }
		#footer .footer-fonts { width: 100%; padding: 0 20px; }
        #footer .footer-fonts tr td { margin: 0; font-size: 12px;}
        #footer .footer-fonts tr td:last-of-type { text-align:right; }
        #footer .footer-copyright { margin-top:15px; font-size:.8em; color:#6f6f6f; text-align:center; }
		
		div.directions { font-size: 1.2em; }
		
		.about-section { width: 300px; float: left; margin-right: 4em; min-height:300px;}
		
		.hide { display: none !important; }

/* GRID LAYOUTS - see grids.txt
-------------------------------- */
div.halves, div.halves:after { clear: both; margin-bottom: 15px;}
div.lefthalf { float: left; width: 45%; padding-right: 5%; clear: both;}
div.righthalf { width: 45%; float:left; padding-left: 5%; }
div.righthalf:after { clear: both;  }

div.inlineBlock { display: inline-block; }

.yui-g .yui-u,.yui-g .yui-g,.yui-gc .yui-u,.yui-gc .yui-g .yui-u,.yui-ge .yui-u,.yui-gf .yui-u, .yui-gg .yui-u{float:right;display:inline;}
.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first, .yui-gg div.first{float:left;}
.yui-g .yui-u,.yui-g .yui-g{width:47.1%;}
.yui-g .yui-g .yui-u,.yui-gc .yui-g .yui-u{width:48.1%;}
.yui-gb .yui-u,.yui-gc .yui-u,.yui-gd .yui-u, .yui-gh .yui-u{float:left;margin-left:2%; margin-left:1.895%;width:32%;}
.yui-gb div.first,.yui-gc div.first,.yui-gd div.first, .yui-gh div.first{margin-left:0;}
.yui-gc div.first,.yui-gd .yui-u{width:66%;}
.yui-gd div.first{width:32%;}
.yui-ge .yui-u{width:24%;}
.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}
.yui-gf div.first{width:24%;}
.yui-ge div.first{width:74.2%;}
/*Added by Aaron - 4/7/09*/
.yui-gf .yui-g .yui-u {width:49.1%;}
.yui-gg div.first{width: 57.5%;}
.yui-gh div.first { width: 65% }


.yui-u .right { float:right; }
/* TITLES
--------------------------- */

/* asymm 16 px */
.cms-editable h4 {font-size:1.333em;line-height:1.125em;margin: 1.688em 0 0.563em;}
/* asymm 13 px */
.cms-editable h5 {line-height:1.385em;margin: 2.077em 0 0.693em;font-size:1.0833em;}
/* asymm 12 px 
h6 {line-height:1.5em;margin: 0.5em 0 1.0em;}
/*

/* 22px */
#page-head-title { margin-top:.125em;}
#page-head-title, .cms-editable h1, div.story .Headline {font-size:25px;margin-bottom:0.25em;color: #EE4435}

a.sponsor { margin-top: 10px; }
a.sponsor img { margin-top: 10px; border:1px solid #666!important; } 

/* 20px */
.homepage h2.title, .cms-editable h2 {font-size:1.667em;line-height:1.25em;margin-bottom:1.5em;}

/* 18px */
.ok-bl .title, .error-bl .title,.warning-bl .title, .page-sub-title .title, .page-sub-title-with-control .title, .page-sub-title .title-admin, .page-sub-title .title-hl, .info-bl .title, .cms-editable h3, .print-title {font-size:1.5em;line-height:1.25em;margin-bottom:1em;}

/* 16 px */
.homepage .title, .link-list .title, .section-title, .column-title {font-size:1.5em;line-height:1.125em;margin-bottom: 1.125em;}

/* 14 px */
.ok p, .thickbox-title, .info-msg, .warning-msg, .action-list .title,.school-select .title, .student-select .title  {font-size:1.1667em;line-height:1.286em;margin:1.1667em 0;}

/* 11px */
.timestamp, #sec-col li, #sitemap {font-size: 0.9166em;line-height:1.6363em;margin-bottom:1.636em;}

body .title, .title-hl, .title-admin, .section-title, .column-title, .thickbox-title, #page-head-title,.cms-editable h2,.cms-editable h3,.cms-editable h4,.cms-editable h5,.cms-editable h6,.cms-editable h1 
    {xxxfont-family: "Lucida Sans Unicode","Lucida Grande", Verdana, sans-serif;}
    
h3.subtitle { font-size: 14px; font-family: "Lucida Sans Unicode","Lucida Grande", Verdana, sans-serif; float: left; border-bottom: 1px solid #eee;}
h3.subtitle span.note {color: #888; font-size: 11px; }


.adminoptions { border: 5px solid #888; margin-bottom: 32px; box-shadow: 9px 9px 9px #ccc; width: 100%; border-radius: .667em; }
.adminoptions .section { padding: 0 15px; }

.page-sub-title {text-align:center; margin: 0 0 1em;}

.page-sub-title .title {background: transparent;padding: 14px 0;margin: 0; font-weight: 600; border-top: 1px solid #888; border-bottom: 1px solid #888;}
.page-sub-title .title-hl { background-color: transparent; padding: 14px 0;margin: 0; font-weight: 600; border-top: 1px solid #888; border-bottom: 1px solid #888; }
.page-sub-title .title-admin { border:0; background-color: #888; color: White; padding: 14px 0; margin: 0; font-weight: 600; }

.page-sub-title .title a.fas, .page-sub-title .title-hl a.fas, .page-sub-title .title-admin a.fas,
.page-sub-title .title a.far, .page-sub-title .title-hl a.far, .page-sub-title .title-admin a.far,
.page-sub-title .title a.fal, .page-sub-title .title-hl a.fal, .page-sub-title .title-admin a.fal { font-weight: 600; font-size: 21px; padding: 0; }

.page-sub-title .title a.fas:before, .page-sub-title .title-hl a.fas:before, .page-sub-title .title-admin a.fas:before,
.page-sub-title .title a.far:before, .page-sub-title .title-hl a.far:before, .page-sub-title .title-admin a.far:before,
.page-sub-title .title a.fal:before, .page-sub-title .title-hl a.fal:before, .page-sub-title .title-admin a.fal:before { font-weight: normal; } 

.page-sub-title-with-control { text-align: left; margin: 0 0 1em; padding-bottom: 5px; border-top: 1px dotted #444; border-bottom: 1px dotted #444; height: 85px;}
.page-sub-title-with-control .title { padding: 7px 0; margin: 7px 0 0; }
.page-sub-title-with-control .week-calendar { position: relative; left: 335px; top: -75px; }
.page-sub-title-with-control .page-sub-detail { padding-left: 2px; margin-top: 15px; font-size: 1.3em; }

.page-sub-title .note { font-size: .7em; } 

.page-sub-title-with-control .action { font-size: 1.1em; }
select.alg-list { font-size: 1.2em; }

.page-sub-action{ margin: 0px 0px 25px 0px; padding: 0px;}

.page-sub-detail { color: #333; display:block; padding-bottom: 5px; }

.step-title {font-size: 1.1667em;font-weight:bold;color: #999; margin: 3px 0; }

.comp-title {font-size: 1.1667em;font-weight: bold; color: #777; border-bottom: 1px solid #dcdcdc; margin-bottom: 0.75em;}

h3 .subcontrol { color: #666; font-size: .75em; text-align: right; display: block; }
h3 .subcontrol.large { font-size:1em; }
h4 .subcontrol { color: #666; font-size: 1.05em; text-align: right; display: block; }
h3 .with-subcontrol, h3 .with-link, h4 .with-subcontrol, h4 .with-link { float:left;}

h3 .subcontrol .info-bl, h4 .subcontrol .info-bl { text-align: left; }

.tabbed-section .subcontrol { float: right; }

.postseasonresults { border: 1px solid #ccc; text-align: center;}
.action.with-subcontrol { float: left; }

.large, .action.large a, .action.large a.fas, a.fas.large, .action.large a.far, a.far.large, .action.large a.fal, a.fal.large { font-size: 1.125em; }
.xl, .action.xl a, .action.xl a.fas, a.fas.xl, .action.xl a.far, a.far.xl, .action.xl a.fal, a.fal.xl { font-size: 1.25em; }
.xxl, .action.xxl a, .action.xxl a.fas, a.fas.xxl, .action.xxl a.far, a.far.xxl, .action.xxl a.fal, a.fal.xxl { font-size: 1.5em; }
.xxxl, .action.xxxl a, .action.xxxl a.fas, a.fas.xxxl, .action.xxxl a.far, a.far.xxxl, .action.xxxl a.fal, a.fal.xxxl { font-size: 1.75em; }
.giant, .action.giant a, .action.giant a.fas, .giant, a.fas.giant, .action.giant a.far, .giant, a.far.giant, .action.giant a.fal, a.fal.giant { font-size: 2.5em; }

strong a.fas, strong a.far, strong a.fal { font-weight: 600; }
.center { text-align: center!important; }
.centered { margin: auto; }
.right { text-align: right;}


.no-padding-left { padding-left:0!important;}
.no-padding-right { padding-right:0!important;}

span.dropdowncontainer { float:left;}
ul.dropdownmenu { font-size: .95em; display:inline; margin-left:8px; position:absolute; border-bottom: solid 1px #d9d9d9; }
ul.dropdownmenu li { clear:both; background-color:White; }  /*padding: 7px 10px; border-style: solid; border-width: 1px 1px 1px 0; border-color: #fff #d9d9d9 #d9d9d9; background-color: #f6f6f6; color: #000; }*/
ul.dropdownmenu li:hover {	 background-color: #eee; color: #000; }

h3 .link { font-size: .9em; margin-left: 10px;}
h3 .note { font-size: .9em; margin-left: 10px; color: #666;}
h3 .subText { font-size: .7em; color: #666; }

.subcontrolOnly { border: 0px; color: #666; text-align: right; display: block; margin-bottom: 10px;}
.print-header { display: none;}
div.noselect * { 
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently not supported by any browser */
}

/* PARAGRAPH LAYOUTS
--------------------------- */
p.disclaimer {font-size: 90%;color: #333;}
p.note { font-style: italic;padding: 0.5em 0;margin: 0 0 1.5em;}
p.smallnote { font-style: italic; padding: 0; margin: 0; color: #666;}
p.smallnote { padding-left: 15px;}
p.smallnotenopad { font-style: italic; padding: 0; margin: 0; color: #666;}
p {margin: 0 0 1.5em;}
ul.padded li{ padding: 2px!important; }

span.subnote { font-style: italic; }

.italic { font-style: italic; }

.asterisk { color: #c00; }
.alert, .alert .item-detail { font-weight: bold; color: #c00;}
.complete, .complete .item-detail { font-weight: bold; color: #090;}

span.status-success { color: #090;}
span.status-failure { color: #e00;}
span.status-notapplicable { color: #999;}
span.status-incomplete { color: #333;}
span.status-expiring { color: orange;}
span.status-pending { color: #666;}

/* FLOAT CONTAINERS
--------------------------- */
#bd,#content,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf, 
.sh,.calendar-event-list li,div.action,.SchoolEmployee-wrapper,.CommitteeMember-wrapper,.homepage,.pager,.champ-events-more, .inputgo {overflow:hidden;/*zoom:1;*/}

/* SHADOWS
--------------------------- */
/*.sh1 {float:left;background:url(img/shadow-r-8.gif) repeat-y 100% 0;}
.sh2 {background:url(img/shadow-l-6.gif) repeat-y -2px 100%;}
.sh3 {background:url(img/shadow-tl-800x10.gif) no-repeat -2px 0;}
.sh4 {background:url(img/shadow-br-800x12.gif) right bottom no-repeat;}
.sh5 {background:url(img/shadow-bl-9.gif) -2px 100% no-repeat;}
.sh6 {background:url(img/shadow-tr-8.gif) 100% 0px no-repeat;padding:5px 8px 9px 4px;}*/
.fullsh {width:100%;}

/* SIDEBAR & LISTS
--------------------------- */
#sec-col .title {line-height:1.385em;margin: 2.077em 0 0.693em;font-size:1.0833em;}
#sec-col .first {margin-top: 0.693em;}
#sec-col li {margin: 0;}
#sec-col ul {margin-bottom:2em;}

ul.target li,#sec-col-a li,#sec-col-b li,.link-list ul li, .link-list li,
    .error-bl li,.cms-editable li,.news li.story
    {padding: 0 0 0 0;}
ul.arrow li,.activity-opendates li,.link-list ul li li {padding: 0 0 0 0;}
ul.indent, div.indent, span.indent, table.indent, li.indent {padding-left: 11px;}
ol.indent, ul.indent { padding-left: 2em;}
ul.bigIndent, div.bigIndent, span.bigIndent, table.bigIndent, ol.bigIndent, ul.bigIndent, li.bigIndent, td.bigIndent {padding-left: 4em!important; }
ul.bigIndentRight, div.bigIndentRight, span.bigIndentRight, table.bigIndentRight, li.bigIndentRight, td.bigIndentRight {padding-right: 4em!important; }
ul.veryBigIndent, div.veryBigIndent, span.veryBigIndent, table.veryBigIndent, li.veryBigIndent, td.veryBigIndent {
    padding-left: 5em !important;
}
ul.smallindent, div.smallindent, span.smallindent  {padding-left: 4px;}
td.smallindent { padding-left: .5em; }
.sublink { margin-left: 16px;}
ul.horizontal li { float:left; }
ul.horizontal { clear:both; }



table.links { width: 100%; }
table.links td { vertical-align: top; }
table.links td:first-of-type { width: 55%; }

uo
ul.links { padding-left: 0!important; }
ul.links li { padding: 0!important; background: none; border: 1px solid transparent; }
ul.links li a { color: #000; padding: .333em .333em .333em 0; display: block; font-weight: normal;}
ul.links li a i { margin-right: 0; font-size: 1.5em; display: block; float: left; width: 1.5em; text-align: center; }
ul.links li a:hover { text-decoration: none;}

ul.links li.boys a { color: darkgreen; }
ul.links li.girls a { color: rebeccapurple; }

ul.links li:hover { background-color: #fafafa!important; border-color:#eee; }


.flaticon { margin-right: 9px; font-size: 1.25em; font-weight: normal;}
a.flaticon { margin-right: 0; }
a.flaticon:before { padding-right: .5em; }
a.flaticon.iconOnly:before { padding-right: 0; }

i.flaticon { width: 1em; text-align: center; padding: 0; margin: 0;}

h1 i.flaticon, h2 i.flaticon, h3 i.flaticon, h4 i.flaticon, h5 i.flaticon { font-size: 1em; }

/*#sec-col ul.star li {background: url(img/star-blue-10.gif) no-repeat 0 0.40em;padding:0 0 0 13px;}
#sec-col-a li, #sec-col-b li  {background-image: url(img/target-blue-8.gif);}
#sec-col-b li {background-image: url(img/target-green-8.gif);}
*/
.link-list .yui-g, .link-list .yui-gd,.link-list .yui-gc {margin:0 0 1.5em;}
.link-list .yui-gd {background-position: 32.1% 0;}
.link-list .yui-gc {background-position: 66% 0;}
.link-list .title, .link-list-basic .title {margin: 0 0 0.5em;}
.link-list .sub-title, .link-list-basic .sub-title  {margin: 0 0 0.5em;font-weight:bold;}
.link-list ul, .link-list-basic ul {margin: 0 0 1.5em;padding-left:0;}
ul.noindent, .link-list ul.noindent, .link-list-basic ul.noindent {padding-left:0!important; margin-left: 0!important;}
.link-list li, .link-list-basic li {font-size: 1.1667em;margin-bottom: 5px;}
.link-list.small {font-size: .9em; margin-bottom: 1px; }
.link-list li li, .link-list-basic li li {font-size:1em;}

.link-list-basic ul{padding-left: 0px}
.link-list-basic a{text-decoration:none;}
.link-list-basic a:hover{text-decoration:underline;}

.list-desc a {font-size:1.1667em;font-weight:bold;}
.list-desc p {font-size: 0.9166em;font-style:italic;}
.list-desc li {margin: 0 0 1em;}
ol.list-desc {list-style-type: decimal;padding-left: 2em;}
ol.list-desc li {}

ol.list-desc li h4 { font-weight: bold; }

ul.list li { list-style-type: disc; list-style-position:inside; margin-left: 1em;}
ul.list.circle li { list-style-type: circle; }
ul.list.outside, ul.list li.outside { list-style-position: outside; }


.item-list { list-style-type: circle; }
.item-list.small { font-size: 1em; margin-top: 4px; margin-bottom: 1px; }
.item-list.indent { padding-left: 25px; }
.warning-bl .item-list { font-size: 1.2em; }

ul.selectionLinks { margin: .5em .5em .5em 0; font-size: 1em; height: 3em; display: inline-block; }
ul.selectionLinks li { float: left; }
ul.selectionLinks li.selected { }
ul.selectionLinks li a { font-weight: 600; border: 1px solid #01314c; background-color: #01314c; color: white; display: block; padding: .333em .667em; border-radius: .333em; margin: 0 .333em; }
ul.selectionLinks li.selected a { background-color: white; color: #333; }

.pager {margin: 0 0 1.5em;}
.pager li {float:left;margin: 0 0 5px;}
.pager a, .pager a:link, .pager a:visited { font-size: 13px; display:block; background-color: #e4f0F8; color:#333; float:left;padding: 5px 8px; border-radius: 5px; margin-right: 5px; border: 1px solid #ccc;cursor:pointer;text-decoration:none;white-space:nowrap;}
.pager a:hover {border-color: #888;background-color: #fff;color:#444;}
.pager li.sel a,.pager li.sel a:hover,.pager li.sel a:link 
    {background: #fff;color:#444; border-radius: 0; border-left: 0; border-right: 0; border-color:#666; }
.pager li.label {font-size: 1.167em;padding: 3px 0 0;margin-right:7px;}

#ClassNavigation { border: 1px solid transparent; } /* District Results and District Tournaments seem to align better with this */
.districtlinks { margin-top: 8px; margin-left:8px; z-index: 100; }
.districtlinks table { border-collapse:separate; }
.districtlinks table td { width: 38px; height: 38px; font-size:16px; color: #666; vertical-align: middle; padding-bottom: 10px; text-align:center; }
.districtlinks table tr td a { color: #333; margin:0; line-height: 38px; display:block; background-color: #fff; text-decoration:none; font-size:16px; }
.districtlinks table td a.sel, .districtlinks table td a.sel:hover { background-color: #333; color: white; cursor: default; }
.districtlinks table td a:hover { background-color: #888; color: white; }

.districtlinks table tr td {border: 1px solid #777; border-right: none; padding: 0; }
.districtlinks table tr td:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding: 0 12px; font-weight: 600; color:#333; background-color:#ddd; }
.districtlinks table tr td:last-child {border-right: 1px solid #777; }
.districtlinks table tr td:last-child, .districtlinks table tr td:last-child a { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }


.selectLinks { margin: .5em 0; line-height: 1.125em; }
.selectLinks table { border-collapse: separate; }
.selectLinks table td {  font-size:16px; color: #666; vertical-align: middle; padding-bottom: 10px; text-align:center; }
.selectLinks table tr td a { padding: .25em 1em; line-height: 1.75em; display:block; background-color: #fff; text-decoration:none; font-size:16px; }
.selectLinks table td a.sel, .selectLinks table td a.sel:hover { background-color: #333; color: white; cursor: default; }
.selectLinks table td a:hover { background-color: #888; color: white; }

.selectLinks table tr td {border: 1px solid #777; border-left: none; padding: 0; }
.selectLinks table tr td:first-child { border-left: 1px solid #777; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding: 0 12px; font-weight: 600; color:#333; background-color:#ddd; }
.selectLinks table tr td:last-child, .selectLinks table tr td:last-child a { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }



.welcome-congrats { font-size: 1.4em; color: #555; }
.welcome-congrats input { font-size: 1.2em; color: #333; }
.welcome-congrats .Warning { font-size: 1em; font-weight:normal; }

/* DISTRICT ASSIGNMENTS
--------------------------- */
.district-assignments .pager a{padding: 5px 9px;}
.district-assignments .pager {padding-top: 1em;}
.district-host {margin: 0 0 1em;}
.district-host strong {display:block;font-size: 1.166em;}
.district-host .view-out {margin-bottom: 5px;display:block;}

td.district { width: 45%; padding: 0px 20px; vertical-align:top; }
tr.newPage h3 { border-top: #666 dashed 1px; }

/* OPEN DATES
-------------------------- */
.activity-opendates {line-height: 1.75em;font-size: 1.1667em;}
.activity-date, .activity-comments, .activity-contact, .activity-school, .activity-class, .activity-level {display:block;}
.activity-date {font-weight:bold;}
.activity-details { padding: 0 0 0 8px;margin: 0 0 8px 3px;}
.activity-comments { font-style: italic;}
.activity-opendates li {margin-bottom: 1em;}
.activity-school { font-size: 1.16em; font-weight: bold; color: #444; }

/* RATINGS & OFFICIALS
------------------------- */
.official-ratings {line-height: 1.5em; margin: 20px 0px 10px 15px;}
.rating-value {font-weight:bold;width: 150px;}
.official-ratings label {margin-left: 9px;cursor:pointer;}
.official-ratings input {}
.rating-desc {display:block; margin-left: 24px; margin-top: 3px;}
td .official-detail, td .detail,td.main-col .detail {font-size:11px;display:block;}
.colDetail { color: #999;font-size:0.9166em; display: block;}
/* HOME PAGE
--------------------------- */
.news-leadin .title {margin:0;}
.news-leadin {line-height:1.5em;}
.news-leadin .timestamp {display:block;color:#666;margin: 0 0 0.9em;}
.news-leadin .img {margin: 0 0 8px;}

#news-recent .title {display:block;margin: 0;}
#news-recent {background: url(img/dots-1x5.gif) repeat-y 50% 0;margin:0 0 1.5em;}
#news-recent ul{padding: 0.5em 8px 0 0;}
#news-recent li{margin-bottom: 0.75em;}
#news-recent .news-list {padding:5px;}

#news-main {margin: 0 0 1.5em;}
#news-main .img {float:left;margin: 0 13px 10px 0;}
#news-main h2.title {margin: 0 0 5px;}
/* HOME PAGE -- RIGHT NAV */
.homeRighNav {color:#ED4339;font-size:16px;font-weight:normal;margin:10px 0;}
.homeRighNav a.moreLink { font-size: 12px; padding-left:2px;}

.xcol .link-blocks .link-block ul li{background:none;}


/* CALENDAR
--------------------------- */
.calendar-event-list .title {margin: 0 0 1em;}
.calendar-event-list ol li { background: none; }
.calendar-event-list li, .calendar-list li {margin: 0 0 .667em;overflow:hidden;/*zoom:1;*/}
.calendar-event-list .timestamp { display:block;float:left;margin:0 10px 6px 0; border-radius: .25em; background-color: #a00; border: #a00 2px solid;}
.calendar-event-list .timestamp span {padding: 3px 0;float:left;display:block;line-height:1em; font-weight: 600;}
.calendar-event-list .timestamp .day {   color:#fff;width:4.5em;text-align:center;}
.calendar-event-list .timestamp .date { background-color: white; width:2em;padding-left: 5px; }
.calendar-event-list .event {display:block;float:left;}

.calendar-list .date {width:20%;display:block;font-size:0.966em;color:#666;float:left;}
.calendar-list .event {display:block;float:left;width:78%;font-size:1.1667em;}


/* CONTENT
--------------------------- */
#sitemap {margin:0;color: #999;}

#crumb {font-size:.9em;margin: .125em 0 0 0; line-height: 1em;}
#crumb a { color: #777;}
#crumb li { display:inline; padding:0 .5em 0 0; }
#crumb li:not(:first-of-type):before { content: '>'; color:#999; padding-right: .5em;}

#DoublesTennisAddUpdate table { width: 99%; font-size: 1.16em; }
#DoublesTennisAddUpdate #RankedStudents { width: 350px; margin-right: 75px; }
#DoublesTennisAddUpdate #StudentsToSelect { padding-left: 75px;}
#DoublesTennisAddUpdate #StudentsToSelect table { overflow: auto; height: 290px; display: block; border: 1px solid #ccc; padding: 7px; }
#DoublesTennisAddUpdate h3 { font-size: 1.33em; color: #333; border-bottom: 1px solid #999; margin-bottom: 10px; } 
#DoublesTennisAddUpdate h4 { font-size: 1.16em; color: #333;} 
#DoublesTennisAddUpdate table.team { margin-bottom: 15px;}

#RankedStudents .studentBox { width: 400px!important; line-height: 1.5em; font-size: 1.4em; }
#RankedStudents a { font-size: .83em; }
#RankedStudents td.removeLink { width: 110px; font-size: .83em;}
#RankedStudents td.droppable div { border: 1px solid #999; width: 400px; height: 28px; font-size: 16px; padding: 2px 8px; color: #444; overflow:hidden;  }
#RankedStudents td div.ui-draggable-dragging { border: 2px solid #333; }
#RankedStudents td.rank-total { color: #777; padding: 7px; text-align:center; font-weight:bold; font-size: 1.2em; }
#RankedStudents td.rank-total h6 { margin: 0; padding: 0; text-decoration:underline; font-size:.8em; }
.ui-draggable-dragging { font-weight: bold; }
div.ui-draggable:hover { cursor:move; }
tr.not-played { color: Red; }

.simpleBox { font-size: 1.16em; color: #555; width: 99%; margin-left: 5px; }
.simpleBox tr { border-left: 2px solid #999; border-right: 2px solid #999; }
.simpleBox th { padding: 5px 5px; margin: 0px; border-top: 2px solid #999; border-bottom: 1px solid #666; }
.simpleBox td { padding: 5px 7px; margin: 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.simpleBox tr .odd { background-color: #ddd;}
.simpleBox .editable tr, .simpleBox .editable td { border-color: #999; color: #000; }
.simpleBox tr.TableColumnHeader { border: 2px solid #999; color: #333; }

.tDnD_whileDrag td {  background-color: #d8d8f0;  }
tr .draggableIcon { width: 6px; }
xtr.sortable:hover .draggableIcon { background: url(img/arrowupdown-16.gif) repeat-x 0; }
tr.sortable:hover { color: #000; background-color: #f0f0ff; border-color: #999; }

.sectionBlock { border: 1px solid #ccc; padding: .5em 1em; border-radius: .5em; margin: .5em 0 2em 0;}

.section { clear: both; }
.section, .inner-section {margin-bottom: 2em; margin-right:5px;}
.section.yui-u { clear: none; }
.inner-section {padding-top: 2em;}
.section-title, .cms-editable h2 {border-bottom: 1px solid #dcdcdc;margin: 0 0 0.75em;padding: 0 0 2px;}
.section-title em {font-size: 80%;display:block;color: #888;margin: 3px 0 0}
.section-title .note, .section-title .close-note {font-size: 80%;color: #888; display:inline-block; margin-left:10px;}
.section-title .close-note { margin-left: 0px; }
.section-title a.edit { font-size: 12px; font-weight: normal; margin-left: 100px;}
.section-title a.fas.fa_link, .section-title a.far.fa_link, .section-title a.fal.fa_link { padding: 3px; }

.section .section-description { padding-left: 15px; margin-top: -6px; font-style:italic; }
.dialog-description { padding-left: 10px; margin-top:5px; font-style: italic; font-size:14px; }

.team-title{font-size: 80%;color: #555; display:inline-block; margin-left:10px;}

.column-title { border-bottom: 1px solid #dcdcdc; display: inline-block; }

.section .arrow {font-size: 1.166em; margin: 0 0 1.5em;}

.ok-bl {background: url(img/check-refl-40x51.gif) no-repeat;padding: 0 0 0 61px;min-height:40px;display:block;}
.ok-bl .title, .info-bl .title {margin: 0 0 0.5em;}
.go { color: Green; }

.info-bl, .processing-bl, .filter-bl, .warning-bl, .error-bl, .reveal-bl {background: url(img/info-16.gif) no-repeat 6px 12px; padding: 12px 24px 12px 30px;background-color: #fdf4e5; border: solid 2px #faead0;margin: 0 0 1.5em; display:block;}
.info-bl strong, .processing-bl strong, .filter-bl strong, .warning-bl strong, .error-bl strong, .reveal-bl strong { font-weight: bold; }

.info-bl ol { list-style-type: decimal; padding-left: 1.5em;font-size: 1.166em;color:#000; }
.info-bl ul { font-size:1.1666em; color:#000; }
.info-bl ol li, .info-bl ul li  { padding-bottom:5px;}

.empty-bl { padding: 5px 11px 5px 24px; border: 3px solid #DDD; margin: 0 0 1.5em; display:block; font-size:.9em; font-family: Verdana, Geneva; }

strong { font-weight: bold; }
em { font-style: italic!important; }
.underline, .underline:hover {
    text-decoration: underline;
}

.info-bl p, .processing-bl p, .filter-bl p, .ok-bl p, .warning-bl p, .error-bl p, .reveal-bl p, .authorization-bl p {margin: 0 0 1.5em;font-size: 1.166em;color:#444;}
.info-bl p:last-child, .processing-bl p:last-child, .filter-bl p:last-child, .ok-bl p:last-child, .warning-bl p:last-child, .error-bl p:last-child, .reveal-bl p:last-child, .authorization-bl p:last-child {margin-bottom: 0;}
.info-bl p strong {font-weight:bold;}
.info-bl p em {text-decoration: underline;}
.reveal-bl {background-image: none;padding-left: 11px;}
.info-msg, .warning-msg, .error-msg { background: #f6f6f6 url(img/info-16.gif) no-repeat 3px 6px;padding: 5px 0 5px 24px;margin: 0 11px 1.5em 11px;border:1px solid #ccc;}
.info-msg strong, .warning-msg strong, .error-msg strong { font-weight: bold;}
.warning-note { color: #900; font-size: .9em; font-weight: bold; }

.big-red-warning { color: Red; font-size: 26px; text-align:center; margin: 10px; }

.revoked-bl { color: red; background: url(img/delete-16.gif) no-repeat 3px 6px; padding-left: 25px; padding-top: 3px; }
.revoked-bl strong { font-weight: bold; }
.revoked-bl a { color: red;}

.comment { display: block; margin: 7px 0px; }
.comment strong { font-weight: bold; }

.filter-bl { background: #e6e6e6; border: #fff 5px double; padding-left: 11px; margin-bottom: 0px;  }
.filter-bl.shdfull { border: #dcdcdc 1px solid; } /* javascript does something with this now.. need to remove everything. */
.filter-bl p { font-size: 1em;  }



.authorization-bl { border: #888 2px solid; padding: 1em; }
.authorization-bl td {  padding: 0 0 1em 0; margin: 0px; vertical-align: middle; }
.authorization-bl td strong { font-weight: bold; }
.authorization-bl p { padding-top: 8px;  }
.authorization-bl input { margin-top: 5px; }
 
.processing-bl { font-weight: bold; background-image: url(img/processing.gif); background-color: #fff; border-color: #fff;}
.processing-bl p { color: #666;}

.warning-bl a {text-decoration:underline;}
.warning-bl .action a {text-decoration: none;}

.SubtleWarning { color: #f00; font-size: 1.166em; }
.Warning {color: #c00;font-size: 1.166em;font-weight:bold;}
.warn, .warn:visited, .warn:hover {color: #f00;}
.ok {color : Green; }

.leftwarn { color: #f00; font-size:.8em; text-align:left; font-weight:bold;}
.warning-msg, .warning-bl {background-image: url(img/error-16.gif);}
.warning-bl, .error-bl, .error-msg {background-color: #fff;}
.warning-bl .title, .error-bl .title {margin: 0 0 0.5em;}
.error-bl .title, .error-bl li {color: #c00;}

.error-msg, .error-bl {background-image: url(img/exclamation-16.gif);color: #900;border-color: #c00;}
span.error-msg {float:left;width:96%;margin:0;clear:both;}


table.grid { font-size: 16px; border-radius: 9px; border:1px solid #888; }
table.grid tr.columnheader td { background-color:#fafafa; font-weight: 600;  }
table.grid tr.columnheader td:first-of-type { border-top-left-radius: 9px;  }
table.grid tr.columnheader td:last-of-type { border-top-right-radius: 9px;  }
table.grid tr:last-of-type td:first-of-type { border-bottom-left-radius: 9px;  }
table.grid tr:last-of-type td:last-of-type { border-bottom-right-radius: 9px;  }

table.grid tr td  { padding: 6px; border-bottom: 1px solid #eee;}
table.grid tr td:first-of-type { padding-left: 18px; }
table.grid tr.alert td { font-weight: normal; color: #c00; }


.datagrid-title { color: #555; font-size:1.2em; font-weight: bold; display:block; padding-bottom: 3px; }

.thickbox-content {padding: 0 5px;}
.thickbox .thickbox-content .action {padding:0 0 1em;margin:0;}
.thickbox .thickbox-content td .action {padding:0;margin:0;}

.thickbox-table, .scoreboard-table { font-size: 15px; border: 1px solid #ddd!important;padding: 0 0px;margin: 0 3px 1em 2px;width:99%;}
.scoreboard-table { margin: 0 3px 0 2px; }

.thickbox-table.large-table { font-size: 16px; }
.thickbox-table.large-table a { text-decoration: none; } 
.thickbox-table.large-table a:hover { text-decoration: underline; } 

.thickbox-table tr.diminished th, .thickbox-table tr.diminished td, .thickbox-table tr.diminished a { color: #aaa; }

.thickbox-table tr td.enumeration { border-right: 1px solid #ccc; }

.thickbox-table .TableColumnHeaderDeluxe td, .thickbox-table .TableColumnHeaderDeluxe th, .scoreboard-table th {border-bottom: 0px; vertical-align: middle; }
.thickbox-table .TableColumnHeaderDeluxe th { color:#666; font-size:1.0em; font-weight: 600; text-align: center; padding: 4px;  border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.thickbox-table .TableColumnHeaderDeluxe td {background: url(img/grad-btm-2x59.gif) repeat-x 0 100%; font-weight: bold; }

.thickbox-table .TableColumnHeaderDeluxe.blue th { color:white; background-color: #01314c; }


.thickbox-table .TableColumnHeaderBig td, .thickbox-table .TableColumnHeaderBig th {border-bottom: 0px; vertical-align: middle; }
.thickbox-table .TableColumnHeaderBig th { color:#666; background-color: #f6f6f6; font-size:1.125em; font-weight: normal; padding: 5px 5px 5px 7px;   }

.thickbox-table .TableColumnHeader td.first { border-left: 1px solid #ccc;}

.thickbox-table .TableColumn-Border td { border-bottom: 1px solid #ccc; }

.thickbox-table .TableColumnHeader td, .thickbox-table .TableColumnHeader th, .scoreboard-table th {background-color: #f8f8f8; border-bottom: 1px solid #dcdcdc; vertical-align: middle; padding: .4em .5em;}
.scoreboard-table.favorite th { background: url(img/grad-btm-4x18-blue.gif) repeat-x 0 100%; border-bottom: 1px solid #cdf; }
.thickbox-table .TableColumnFooter td, .scoreboard-table .TableColumnFooter td {background-color: #f8f8f8; border-top: 1px solid #dcdcdc;vertical-align:bottom; font-weight: bold;}
.scoreboard-table .TableColumnFooter td { vertical-align: middle; line-height: 1.2em; padding: 3px; }

.thickbox-table .TableColumnFooter.thin td { line-height:1.1em; }
.thickbox-table td, .scoreboard-table td {padding: 10px 7px; vertical-align:top;}

.minimalpadding .thickbox-table { margin: 0 0 1em 0; width: 100%;}
.minimalpadding .thickbox-table td { padding: 6px 1px;}
.minimalpadding .thickbox-table td input { padding: 2px;}
.thickbox-table td input { padding: 5px;}
.thickbox-table td input.disabled, input.disabled { background-color: #ddd;}

.thickbox-table tbody tr:hover td { background-color: #f8f8f8; }

.thickbox-table td.main, table.list td.main { font-size:1.2em; }
/*.thickbox-table td strong {font-size: 1.166em;}*/
.thickbox-table td em { font-weight: bold; }
.thickbox-table td img { padding-right: 4px; }
.thickbox-table td.nowrap {white-space:nowrap}
.thickbox-table td.indent { padding-left: 1em;}
.nowrap { white-space:nowrap; }
.thickbox-table td strong {font-size: 1.16em; font-weight: 600;}

.thickbox-table tr.current-school { font-weight:bold; }
.thickbox-table td.col-group-first, .thickbox-table th.col-group-first { border-left: 2px solid #ddd; }
.thickbox-table tr.no-score td.points-col { font-style: italic; color: #aaa; }
.thickbox-table tr.missing-score td.points-col { color: Red; font-style:italic; font-weight: bold; }

.thickbox-table td span.Warning { font-size: .85em; color: #f00;}
.thickbox-table td select { font-size: .9em; padding: 2px 3px; }
.thickbox-table th.center, .thickbox-table td.center  { text-align: center; }
.thickbox-table td.last, .thickbox-table th.last { width: 1%; white-space: nowrap; }
.thickbox-table td.right-aligned { text-align:right;}

.thickbox-table td.text { padding: 0; vertical-align: middle; }
.thickbox-table td.text input { font-size:1em; line-height: 1.4em }

.thickbox-table td a.fas, .thickbox-table td a.far, .thickbox-table td a.fal { padding-top: 0;}

span.column-group-header { display:block; position: absolute; font-size:1.2em; color: #333; text-align:center; font-weight:bold; }

.financial-table { border: 1px solid #ccc; }
.financial-table td, .financial-table th { border: 1px solid #ccc; }
.financial-table td { padding: 3px 7px; text-align: left; vertical-align: middle; }
.financial-table .TableColumnFooter { font-weight: bold; }
.financial-table .TableColumnHeader td, .financial-table .TableColumnFooter td { padding: 7px; background-color: #f6f6f6; line-height: .75em; border:none; }
.financial-table .final-total { font-weight: normal!important; }

.financial-table tr.rejected td { text-decoration: line-through; }

.scoreboard-table { font-size: 15px; }
.scoreboard-table th { line-height: 1em; padding: 12px; text-align:center; font-size: 1em; }
.scoreboard-table tr.top td { border-bottom: 1px solid #BBB; }
.scoreboard-table th a {padding: 0 0 0 15px; line-height: 1em;}
.scoreboard-table tr { height:2.5em; }
.scoreboard-table tr.TableColumnHeader { height:1em; }
.scoreboard-table td { vertical-align:middle; font-size: 1.25em; }
.scoreboard-table td.td-school-logo { width: 25px;}
.scoreboard-table td input[type=text] { padding: 5px; text-align:right; }

.scoreboard-container { }
.scoreboard-note { font-size: .9em; color: Red; font-style: italic; }

.scrollableTable .thickbox-table { margin: 0px; padding: 0px; width: 99%; border: 2px solid #ddd; } 

.formsharp .section-title { text-align: left;}

/* Record Book */
.formsharp .recordBook select option:disabled { color: #d8d8d8; }
.formsharp .recordBook h3 { font-size: 25px; border: none;}
.formsharp .recordBook.championshipSite h3 {  }
.formsharp .recordBook h3 i { font-size: 1em; }
.recordBook nav { width: 24%; float: left; background-color:#f6f6f6; border: 1px solid #bbb; padding: 0em .75em; border-radius: 6px; margin: 0; padding: 0;}
.recordBook nav:not(.condensed) h1.fs_header { border-top:1px solid #ccc; white-space: nowrap;  border-bottom: 1px solid #ccc; font-size: 19px; margin: 0; padding: .25em .5em; color: white; background-color: #1C314C; border-radius: 0;}
.recordBook nav:not(.condensed) h1.fs_header:first-of-type { border-top: none;}
.recordBook nav div.fs_item:first-of-type h1.fs_header:first-of-type { border-top-left-radius: 6px; border-top-right-radius: 6px; }
.recordBook nav .fs_item { margin: 0 0 0 0; padding: 0; }
.recordBook nav .fs_item table.fs_radio { font-size: 1em; }

.recordBook nav .fs_item table.fs_radio:first-of-type tr:not(.hide):first-of-type td:first-of-type label { border-top-left-radius: 0!important; }
.recordBook nav .fs_item table.fs_radio:first-of-type tr:not(.hide):first-of-type td:last-of-type label { border-top-right-radius: 0!important; }
.recordBook nav .fs_item table.fs_radio:first-of-type tr:not(.hide):last-of-type td:first-of-type label { border-bottom-left-radius: 0!important; }
.recordBook nav .fs_item table.fs_radio:first-of-type tr:not(.hide):last-of-type td:last-of-type label { border-bottom-right-radius: 0 !important; }

/* These two lines don't appear to be working.*/
.recordBook nav .fs_item table.fs_radio tr:last-of-type td:first-of-type:not(.hide) label { border-bottom-left-radius: 9px!important; }
.recordBook nav .fs_item table.fs_radio tr:last-of-type td:last-of-type:not(.hide) label { border-bottom-right-radius: 9px!important; }


.recordBook nav div.fs_item table.fs_radio tr td:hover input[type=radio]:not(:checked) + label { color:#333; background-color: #ccc;}
.recordBook nav div.fs_item:last-of-type table.fs_radio tr:last-of-type td input[type=radio]:not(:checked) + label  {border-bottom-left-radius: 6px!important; border-bottom-right-radius: 6px!important;}

.recordBook nav div.eventCategory { padding: .333em 1em 0 .75em;  }
.recordBook nav div.eventCategory h1 { font-size: 1.125em; border: none; text-align:left; background-color: transparent; }
.recordBook nav div.eventCategory h2 { font-size: 1em; border: none; text-align:left; background-color: transparent; }
.recordBook nav ul li.event { padding: .125em 1em .125em .75em; font-size: 1.125em; }
.recordBook nav ul li.event a { color: #555; font-weight: 400; }
.recordBook nav ul li.event a.current { color: #555; text-shadow: 1px 0 0 #000; }

.recordBook .records.records-school { font-size: .8em;}
.recordBook .records .fs_item { margin-top: 0; margin-bottom: 2em; }
.recordBook .records .fs_item h1.fs_header { padding-top: 0; }
.recordBook .records .category h4 { font-size: 2.125em; margin-top: 1.5em; margin-bottom: .25em; border: none; padding-left: 0; text-align:left;}
.recordBook .records .category h4:first-of-type{ margin-top: 0;  }

.recordBook table.fs_grid tbody tr.fs_tablecolumn td { cursor: default; border-top: 1px solid white; padding: .5em 1em; line-height: 1.75em; vertical-align: top; }
.recordBook table.fs_grid tbody tr.fs_tablecolumn td:first-of-type, .recordBook table.fs_grid tbody tr td.total { border-top: 1px solid #eee; }
.recordBook table.fs_grid tr.fs_tablecolumn td:first-of-type  { border-right: 1px solid #888; background-color: #eee; font-weight: bold; }

.recordBook table.fs_grid tr.fs_tablecolumn td.total { border-left: 1px solid #888; border-right: 1px solid #888; background-color: #eee; font-weight:bold; }

.recordBook table.fs_grid tr.record-highlight td, 
.recordBook table.fs_grid tr.record-highlight td div.gray,
.recordBook table.fs_grid tr.record-highlight td a,
.recordBook table.fs_grid tr.record-highlight:hover { background-color: #1C314C!important;  color: white;}
.recordBook table.fs_grid tr.record-highlight td.record-highlight { color: white!important; background-color: #1C314C!important; }

.recordBook table.fs_grid tr td a[data-type=gotorecordbook] { font-size: 1.25em; padding: .5em 0em 0 .5em; display: block; }

.formsharp .recordBook table.fs_grid tr:not(.fs_columnheader):hover td, .formsharp .recordBook table.fs_grid tr:not(.fs_columnheader):hover td:first-of-type, 
.formsharp .recordBook table.fs_grid tr:not(.fs_columnheader):hover td.total,
.formsharp .recordBook table.fs_grid tr.current td, 
.formsharp .recordBook table.fs_grid tr.current td:first-of-type { background-color: #d8d8d8; border-top:1px solid #888; border-bottom: 1px solid #888; }
.formsharp .recordBook table.fs_grid tbody tr.fs_tablecolumn td.last { border-right: 1px solid #888!important; }
.formsharp .recordBook table.fs_grid tbody tr.fs_tablecolumn.last td { border-bottom: 1px solid #888;}

.formsharp .recordBook table.fs_grid tr.newYear td:first-of-type { border-top: 1px solid #ddd; }
.formsharp .recordBook table.fs_grid tr.newYear td { border-top: 1px solid #eee; }

.recordBook div.fs_item table.fs_radio tr td { border: none!important; border-radius: 0!important;}
.recordBook div.fs_item table.fs_radio tr td input[type=radio] + label { background-color: #f6f6f6; color: #666; font-weight: normal; border-radius: 0!important; padding: .2em 1em; border: none; border-right: none!important;}
.recordBook div.fs_item table.fs_radio tr td input[type=radio]:checked + label { background-color: #f6f6f6; color: #222; text-shadow: .5px 0 0 #333;}
.recordBook div.fs_item table.fs_radio tr td:hover input[type=radio]:not(:checked) + label { background-color: #333; color: #fff; }

.recordBook div.records { width: 75%; float: right; position:relative; }
.recordBook div.records.individual { width: 100%; float:none; }

.recordBook.individual { font-size: 13px;}
.recordBook.individual table.fs_grid tr td { padding: .333em .75em; }
.recordBook.individual table.actions { height:3em; width: 100%; font-size: .8em; background-color: #eee; border: 1px solid #888; border-top: 0;}
.recordBook.individual table.actions td { padding: 0 2em; }

.social-column { position:absolute; height: 4em; margin-left: -2.25em; margin-top: 0em; text-align: center; background-color: #eee; width: 2em; border: 1px solid #888; border-right: none; border-top-left-radius: .5em; border-bottom-left-radius:.5em;}
.social-column a { display: block; font-size:1.5em; padding: .125em 0; }


.minimizeSpacing table.fs_grid tr:not(.fs_columnheader) td { padding: 5px 5px!important; }

/* Football Scoreboard*/
.formsharp.scoreboard table.fs_grid tr.fs_columnheader td { padding: 0 9px; }
.formsharp.scoreboard table.fs_grid tbody td { border-bottom: 1px solid #333; padding: 0 15px; border-bottom-color: #333; height: 50px; line-height: 40px; vertical-align: middle; }
.formsharp.scoreboard td.winner  { font-weight: bold; }
.formsharp.scoreboard td.teamname { border-left: 1px solid #ccc;}
.formsharp.scoreboard td.teamname div.team { width: 250px; line-height: 1.5em; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.formsharp.scoreboard td.teamname img { height: auto; width: 25px; margin: .25em .25em .75em 0; }
.formsharp.scoreboard td.teamname i { float:left; width: 25px; margin: .25em .25em .75em 0; }
.formsharp.scoreboard td .score { display: block; margin: 5px 0; color: #333; line-height: 27px; padding: 3px 6px; border: 1px solid #333; height: 2.25em; width: 2.25em; text-align:center; }
.formsharp.scoreboard td.winner .score { background-color: #060;  color: white; }

.noFormat { border: 0px; margin: 0px; padding: 0px;  }

.thickbox-table .HomeGame { font-weight: bold; color: #333; }
.thickbox-table .AwayGame { font-style: italic; }

.thickbox-table tr.current-row { background-color: #4477DD; }
.thickbox-table tr.current-row a, .thickbox-table tr.current-row { color: White; text-decoration: none; cursor: default; }

.scrollcontainer .thickbox-table { border: 0px; }
.scrollcontainer .thickbox-table tbody { border-width: 0px 2px 0px 2px; border-color: #ddd; border-style: solid; }

.minimal-table td { padding:4px; }
.minimal-table .AltTableColumn, .minimal-table .AltTableColumn td { background-color: White!important; }
.thickbox-table tr.faded, .thickbox-table tr.faded a { color: #99a; }
.thickbox-table tr.postponed td { background-color: #FBFFCA!important; }

.smallDataBox { height: 14px; padding: 1px 4px 0px 4px; margin-bottom: 1px; vertical-align: bottom; text-align: center; }
.minTable { width: auto; }

.sortarrow { display: none;}

.PreviousSchools .thickbox-table input { font-size: 1.2em; }
.PreviousSchools .thickbox-table td.date { width: 100px; }
.PreviousSchools .thickbox-table td.school {}
.PreviousSchools .thickbox-table td.actions { width: 250px; }

.PreviousSchools .thickbox-table input.InputAsLabel { border: 0px; padding: 0px; margin: 0px; color: #000; width: auto; }

.thickbox-title, .action-list .title {background: url(img/grad-btm-2x59.gif) repeat-x 0 100%;text-align:center;
    display:block;margin:0 0 1.5em;padding: 5px 0;border: 1px solid #dcdcdc;border-width:0 0 1px;}
.thickbox-title em {font-size:11px;font-family:Verdana,Geneva;display:block;}
.thickbox-title {font-weight:bold;margin: 0 0 1em;}
.thickbox .action {margin: 1em 0 0 5px;padding: 0 0 0.7em;}

.thickbox {background: url(img/grad-btm-2x59.gif) repeat-x 0 100%;}

.lmenu .first {padding: 0 0 0;}
.lmenu .menu {background-color:#eee; font-size: 1.25em; }

.lmenu .menu li {margin: 0 0 0 0; border:1px solid #888;/*zoom:1;*/}
.lmenu .menu li.sel {background-color: #fff;}

.lmenu .menu li a {/*zoom:1;*/color:#aaa; font-weight: 600; font-size:0.9166em;display:block; padding: 5px 15px;}
.lmenu .menu li.sel a {color: #333; text-decoration:none; }

.lmenu .menu li:not(.sel):hover { background-color:#fff;}
.lmenu .menu li:not(.sel) a:hover {color: #26a;}


label.sel { font-weight:bold; }

.adminAudit .hs { font-size: 1.1em; }
.adminAudit .jh { font-size: 1.1em; color: #666; font-style: italic; }
.adminAudit .school, adminAudit td.school {font-size: 1.1em; }

.alphabetical-pager { text-align: center; }
.alphabetical-link { padding: 1px; }
.alphabetical-link.selected {text-decoration: none; font-size: 1.5em;}
.alphabetical-processing { width: 79px; position: absolute; display: none;}

.scrollw {overflow:auto;width:550px;}

.StudentListing {  }
.StudentListing .name { display: block; }
.StudentListing .info { font-size: .85em; color: #666; display: block;}
.StudentListing .option { font-size: .90em; color: #333;}
.StudentListing .Warning { float: left;}

.student em { font-style: italic; font-weight: normal; }

.eligibilityStatus .ineligible { color: #c00;}
.eligibilityStatus .restricted { color: #f00;}
.eligibilityStatus .pending { background-image: url(img/IconSprite.gif); background-repeat: no-repeat; background-position: 0 -523px; width: 16px; height: 16px; padding-left: 13px;font-size:0.9166em; color: #666; }
.eligibilityStatus .unrestricted { color: #393;}

.AnnualBallot .QuestionNumber { font-size: 1.25em; font-weight: bold; }
.AnnualBallot .Question { padding-left: 15px; font-size: 1.25em; font-weight: normal; }
.AnnualBallot a { font-size: 1.0em; }

.floating-message { position: absolute; top: 0; left: 0; z-index:10; background: #ffc; padding: 15px; border: 1px solid #CCC; text-align:center; width: 97.6%; }
.floating-message p { font-weight: bold; }

.report-history li ul { padding-left: 15px; }
.report-history li ul li { font-size: .9em; } 
.report-history li.current-report { border: 1px dashed black; }
.report-history li .report-detail { display:block; padding: 0 0 0 10px; color: #666; }


/* FILES
--------------------- */
.file {display:block;overflow:hidden;/*zoom:1;*/padding: 0 0 1em; margin: 0 0 1.5em;background: url(img/dots-5x1.gif) repeat-x 0 100%;}
.file-list .last {background-image:none;padding: 0 0 1.5em;}
.file .name {font-weight:bold;margin: 0 0 0.666em;font-size: 1.1667em;}
.file .dl {overflow:hidden;/*zoom:1;*/}
.file .dl a {height:16px;float:left;margin: 0 11px 5px 0;}
.file .dl .del {float:right;}

/* Pager
----------------------------- */
div.pager-wrapper {width:100%;overflow: hidden;margin-bottom: 6px;}
div.resultPager {float:left;padding: 11px 0;}
div.resultPager a, div.resultPager strong {padding: 3px 6px;margin-right: 4px;border: 1px solid #D8E2E6;float:left;text-decoration: none;font-weight: bold;}
div.resultPager a:hover {background: #146A90;border-color: #146A90;color: #fff;}
div.resultPager strong {background: #1c314c ;border-color: #1c314c;color: #fff;} /*#F61928*/

/*Officials Test Pager
------------------------- */
div.pageSelectorWrapper {margin:0px; padding:0 8px;}
div.pageSelector {float:left;padding: 11px 0;margin-right:10px;}
div.pageSelector a, div.pageSelector strong {padding: 2px 8px; margin: 0 1px;border: 1px solid #CCCCCC;float:left;text-decoration: none;font-weight: bold;background-color: #F6F6F6; color:#000;}
div.pageSelector a:hover{background-color:#01314c; color:white; border:1px solid #CCCCCC;}
div.pageSelector a.selected{background-color:#01314c; border:1px solid #CCCCCC; color:white; text-decoration:none;}
div.pageSelector a.disable{background-color:#FFF; border:1px solid #CCCCCC; color:#666; cursor:default;}


/* ICONS & BUTTONS
--------------------------- */
.SmallIconContainer { }

a.admin, .admin a { display: inline-block; background-color: #eee;}
a.up, a.down, a.add, a.edit, a.view, a.more, a.file, a.del, a.text, a.view-out, a.back, a.download, a.forward, a.pdf, a.doc, a.switch, a.processing, a.payment, a.excel, a.complete, a.incomplete, a.confirm,
a.rtf,td.edit-col a,a.ok, td.ok-col a,a.cancel,a.print,td.view-col a,td.del-col a,.user,a.help,.key, a.view-tiny, a.view-small, a.movie, a.settings {background-repeat: no-repeat; background-position: 0 50%;padding-left: 20px;min-height: 16px; }
a.smallDelete {background-repeat: no-repeat; background-position: 0 50%; padding-left: 18px;min-height: 12px; }

div.underline a { text-decoration:underline!important; }

.sort a { display:block; text-indent:-1000px; margin: 0px 0px 5px 10px; width:16px; height:16px;}

a.up { background: url(img/arrow-u-16.gif) no-repeat}
a.down { background: url(img/arrow-d-16.gif) no-repeat}

a.backLarge{background: url(img/arrow-left-blue.png) no-repeat; background-position:left; padding-left: 30px; height:20px; line-height:18px; margin-top:15px; float:left; padding-bottom:9px;}
a.forwardLarge{background: url(img/arrow-right-blue.png) no-repeat; background-position:right; padding-right: 30px; height:16px; line-height: 22px; padding-bottom:11px; width:16px; white-space:nowrap;}

a.archive{color: Red;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Sprite CSS */
a.add, a.back, a.cancel, a.del, td.del-col a, a.doc, a.edit, td.edit-col a, a.excel, a.download, a.forward, a.help,
a.ok, td.ok-col a, a.payment, a.pdf, a.print, a.switch, a.text, a.user, a.view, td.view-col a, a.view-out, a.view-tiny, 
a.view-small, a.pending, a.settings, a.schedule, a.map, a.clock, a.paper, a.reschedule, a.remove, a.cycle { background-image: url(img/IconSprite.gif); width:16px; height:16px; white-space:nowrap; line-height:20px; }

a.add { background-position: 0 -85px; }
a.back { background-position: 0 -133px;}
a.cancel{ background-position: 0 -344px; color: Red; }
a.del,td.del-col a{ background-position: 0 -699px; }
a.doc { background-position: 0 -758px; background-repeat: no-repeat; }
a.edit, td.edit-col a { padding-top:3px; background-position: 0 -858px; }
a.excel { background-position: 0 -1646px; padding-top:4px; }
a.download { background-position: 0 -834px; }
a.forward { background-position: 0 -159px; }
a.help { background-position: 0 -978px; cursor: help!important; }
a.ok, td.ok-col a { background-position: 0 -412px; }
a.payment { background-position: 0 -1128px; }
a.pdf { background-repeat: no-repeat; background-position: 0 -1152px; }
a.print { background-position: 0 -1203px; padding-top:2px; padding-bottom:1px; }
a.processing { background-image: url(img/processing.gif); }
a.smallDelete { background: url(img/IconSprite.gif) no-repeat 0 50%; background-position: 0 -677px; width: 12px; height: 12px; white-space: nowrap;}
a.switch {background-position: 0 -1354px; }
a.text { background-repeat: no-repeat; background-position: 0 -1432px; }
a.user { background-position: 0 -1510px; padding-top:2px; padding-bottom:1px; }
a.view, td.view-col a { background-position: 0 -1560px; }
a.view-out {background-position: 0 -1586px; }
a.view-tiny { background-position: 0 -1537px; width: 13px; height: 13px; font-size:80%; padding-left:14px; }
a.view-small { background-position: 0 -1537px; width: 14px; height: 14px; font-size:90%; padding-left: 15px; }
a.movie { background:url(img/wmv.gif) no-repeat 0 50%; padding-bottom:4px; padding-top:8px; }
a.x-close {background:url(img/x.png) no-repeat; width:25px; height:29px; padding-left: 25px;padding-bottom:10px; text-decoration:none; position: relative; top: -3px;}
a.clock { background-position: 0 -550px; background-repeat: no-repeat; padding-left: 16px; margin-right: 8px; }
a.paper { background-position: 0 -1748px; background-repeat:no-repeat; padding-left: 16px; height: 18px; }
a.reschedule { background-position: 0 -1802px; background-repeat:no-repeat; padding-left: 18px; }
a.remove { background-position: 0 -1823px; background-repeat: no-repeat; padding-left: 18px; }
a.cycle { background-position: 0 -1842px; background-repeat:no-repeat; padding-left: 18px; }

a.complete { background: url(img/IconSprite.gif) no-repeat 0 50%; background-position: 0 -390px; width: 12px; height: 12px; white-space: nowrap;}
a.confirm { background: url(img/IconSprite.gif) no-repeat 0 50%; background-position: 0 -390px; width: 12px; height: 12px; white-space: nowrap; }
a.incomplete { background: url(img/IconSprite.gif) no-repeat 0 50%; background-position: 0 -677px; width: 12px; height: 12px; white-space: nowrap;}
a.key { background: url(img/IconSprite.gif) no-repeat 0 50%; background-position: 0 -1031px; width: 16px; height: 16px; white-space: nowrap;}
a.more {background: url(img/IconSprite.gif) no-repeat 100% 50%;padding-right: 13px; background-position: 0 -283px; width: 10px; height: 10px; white-space: nowrap;}
a.settings { background: url(img/IconSprite.gif) no-repeat 0 50%; background-position: 0 -1677px; width: 12px; height: 20px; white-space: nowrap; padding-left: 20px; }
a.schedule { background: url(img/IconSprite.gif) no-repeat 0 50%; background-position: 0 -1703px; width: 15px; height: 15px; white-space:nowrap; padding-left: 20px; }
a.map { background: url(img/IconSprite.gif) no-repeat 0 50%; background-position: 0 -1727px; width:16px; height: 16px; white-space:nowrap; padding-left: 20px; }

/* Had to offset the image about 9px in the .action class */
.action a.add, .action a.back, .action a.cancel, .action a.del, .action a.edit, .action a.excel, .action a.download, .action a.forward, .action a.help,
.action a.ok, .action a.payment, .action a.print, .action a.switch, .action a.user, .action a.view, .action a.view-out, .action a.view-tiny, a.view-small, .action a.key, .action a.settings { background-image: url(img/IconSprite.gif); height:16px; width:16px; white-space:nowrap; line-height:20px; padding-bottom:2px; }

.action a.add {background-position: 0 -75px;}
.action a.back {background-position: 0 -123px;}
.action a.cancel{background-position: 0 -334px;}
.action a.del {background-position: 0 -690px;}
.action a.edit {background-position: 0 -857px;padding-top:4px; }
.action a.excel {background-position: 0 -1641px;}
.action a.download {background-position: 0 -824px;}
.action a.forward { background-position: 0 -149px;}
.action a.help {background-position: 0 -968px;}
.action a.ok { background-position: 0 -402px;}
.action a.payment { background-position: 0 -1118px;}
.action a.print { background-position: 0 -1193px;}
.action a.switch { background-position: 0 -1344px;}
.action a.user { background-position: 0 -1501px;}
.action a.view { background-position: 0 -1550px;}
.action a.view-out { background-position: 0 -1576px;}
.action a.view-tiny { background-position: 0 -1527px; font-size:80%; padding-left:14px; }
.action a.settings { background-position: 0 -1670px }
.action a.schedule { background-position: 0 -1694px }
.action a.paper { background-position: 0 -1740px; }
.action a.reschedule { background-position: 0 -1792px }
.action a.remove { background-position: 0 -1814px }
.action a.cycle { background-position: 0 -1835px; }

.action a.processing { background-image: url(img/processing.gif); }
.action a.smallDelete { background: url(img/IconSprite.gif) no-repeat 0 50%; background-position: 0 -667px; width: 16px; height: 16px; white-space: nowrap;}
.action a.complete { background: url(img/IconSprite.gif) no-repeat 0 50%; background-position: 0 -380px; width: 12px; height: 12px; white-space: nowrap; }
.action a.confirm { background: url(img/IconSprite.gif) no-repeat 0 50%; background-position: 0 -380px; width: 12px; height: 12px; white-space: nowrap;}
.action a.key { background: url(img/IconSprite.gif) no-repeat 0 50%; background-position: 0 -1020px; width: 16px; height: 16px; white-space: nowrap;}
.action a.more {background: url(img/IconSprite.gif) no-repeat 100% 50%;padding-right: 13px; background-position: 0 -273px; width: 10px; height: 10px; white-space: nowrap;}
.action a.incomplete { background: url(img/IconSprite.gif) no-repeat 0 50%; background-position: 0 -667px; width: 12px; height: 12px; white-space: nowrap;}

a.save { background-image: url(img/save-16.gif); height: 18px; padding-left: 19px; background-repeat: no-repeat; }
.action a.save { background-position: 0 8px; }

/*.official-contract-status { background: url('img/umpSprite.png') no-repeat top left; display:block; width: 16px; height: 16px;  }
.spanGreen.official-contract-status { background-position: 0px 0px;  } 
.spanRed.official-contract-status { background-position: 0px -26px;  } 
.spanYellow.official-contract-status{ background-position: 0px -52px;  }*/
.official-contract-status { padding-left: 0.5em; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

a.underlineOnHover { text-decoration: none;}
a.underlineOnHover:hover { text-decoration: underline; }

a.small { font-size: .83em; }
a.large { font-size: 1.125em; text-decoration: none; }
a.large:hover { text-decoration: none; }
a.large:hover:before {text-decoration: none; }

.completeCheckLarge {padding-left: 22px; color: #090; background-image: url(img/IconSprite.gif); background-repeat: no-repeat; background-position: 0 -412px; width: 16px; height: 16px; white-space: nowrap;}
.pending {padding-left: 16px; color: #666; background-image: url(img/IconSprite.gif); background-repeat: no-repeat; background-position: 0 -523px; width: 16px; height: 16px; white-space: nowrap;}
.pendingCheck {padding-left: 18px; font-size:0.9166em;color: #666; background-image: url(img/IconSprite.gif); background-repeat: no-repeat; background-position: 0 -552px; width: 16px; height: 16px; white-space: nowrap;}
.pendingCheckLarge {padding-left: 22px; color: #666; background-image: url(img/IconSprite.gif); background-repeat: no-repeat; background-position: 0 -576px; width: 16px; height: 16px; white-space: nowrap;}
.completeCheck {padding-left: 18px;font-size:0.9166em;color: #090; background-image: url(img/IconSprite.gif); background-repeat: no-repeat; background-position: 0 -390px; width: 12px; height: 12px; white-space: nowrap;}
.incompleteCheck {padding-left: 18px;font-size:0.9166em;color: #900; background-image: url(img/IconSprite.gif); background-repeat: no-repeat; background-position: 0 -677px; width: 12px; height: 12px; white-space: nowrap;}
.incompleteCheckLarge {padding-left: 22px;font-size:0.9166em;color: #900; background-image: url(img/IconSprite.gif); background-repeat: no-repeat; background-position: 0 -699px; width: 16px; height: 16px; white-space: nowrap;}

a.not-submitted { padding-left: 22px; background: url(img/error-16.gif) no-repeat; }
a.pendingCheckLarge { color: #26a; }
a.incompleteCheckLarge{ font-size: 1em; }

.Status a { } 
.Status .Complete { background-image: url(img/IconSprite.gif); background-repeat: no-repeat; background-position: 0 -427px; width: 24px; height: 24px; padding: 10px 30px 10px 30px; font-size:1.5em; font-weight:bold; color: #090; white-space:nowrap; }
.Status .Pending { background-image: url(img/IconSprite.gif); background-repeat: no-repeat; background-position: 0 -590px; width: 24px; height: 24px; padding: 10px 30px 10px 30px; font-size:1.5em; font-weight:bold; color: #888; white-space:nowrap;}
.Status .Incomplete { background-image: url(img/IconSprite.gif); background-repeat: no-repeat; background-position: 0 -714px; width: 24px; height: 24px; padding: 10px 30px 10px 30px; font-size:1.5em; font-weight:bold; color: #900; white-space:nowrap;}

.smallStatus .Complete { background-image: url(img/IconSprite.gif); background-repeat: no-repeat; background-position: 0 -427px; width: 12px; height: 12px; padding: 10px 30px 10px 30px; font-size:1em; font-weight:bold; color: #090; white-space:nowrap; }
.smallStatus .Pending { background-image: url(img/IconSprite.gif); background-repeat: no-repeat; background-position: 0 -590px; width: 24px; height: 24px; padding: 10px 30px 10px 30px; font-size:1em; font-weight:bold; color: #888; white-space:nowrap;}
.smallStatus .Incomplete { background-image: url(img/IconSprite.gif); background-repeat: no-repeat; background-position: 0 -714px; width: 24px; height: 24px; padding: 10px 30px 10px 30px; font-size:1em; font-weight:bold; color: #900; white-space:nowrap;}

ul.smallStatus li { margin: 10px 0; }
ul.smallStatus a.Incomplete, ul.smallStatus a.Complete { color: #26a; font-size: 16px; padding-top:12px; }

td .pending { background-position: 0 -530px; }
    
.action {display:block; margin: 1em 0;}
.action a.cancel {color: #f00;text-decoration:underline;background:none;padding-left:0;}
.action a {margin-right: 9px;padding-top: 9px; } /* background-position: 0 7px;}*/
.action a.sel, .link-list a.sel, .link-list li.sel a { color: #333; font-weight:bold; text-decoration:none; }

.action.header { border-bottom: 1px solid #dcdcdc; }

.action a.secondary {float:right;color: #666;font-size:0.9166em;}
.action .subcontrol {float:right; display:block;}
.pullright { float:right; display: inline-block;}

/*.action span.SuperButton a, .action span.SuperButton-Add a, .action span.SuperButton-Delete a, .action span.SuperButton-File a, .action span.SuperButton-Ok a,
.action span.SuperButton-Edit a, .action span.SuperButton-Find a, .action span.SuperButton-Switch a, .action span.SuperButton-Refresh a, .action span.SuperButton-Print a, 
.action span.SuperButton-Money a, .action span.SuperButton-Excel a, .action span.SuperButton-Email a { text-decoration:none;color:#000; }
*/
td .action a {padding-top: 7px;}
.action .note { display: inline-block; padding-top: 9px;  width: 100%; text-align: right; font-style: italic; }

span.next:after
{
    font-size:1.4em;
    content: '\2192';
}

a:hover { cursor: pointer; }

.action-list .title {margin:0 0 9px;}
.action-list ul {padding: 0 0 7px 7px;}
.action-list li {margin: 0 0 0.666em;}

.button, .button-def { padding: 5px 0;}

.button-def {font-size:1.166em;font-weight:bold;padding: 5px;}
.button-go {cursor:pointer;text-indent:-9999px;background: url(img/btn-go-46x25.gif) no-repeat;width:46px;height:25px;overflow:hidden;border-width:0px; margin-top:-2px;}
div.button-go-wrapper{width:256px;}
/*.SuperButton, .SuperButton-Add, .SuperButton-Delete, .SuperButton-File, .SuperButton-Ok, .SuperButton-Edit, .SuperButton-Find, .SuperButton-Switch, .SuperButton-Refresh, .SuperButton-Print, .SuperButton-Money, .SuperButton-Excel, .SuperButton-Email  {background: url(img/btn-super-400x34.gif) no-repeat 0 0;display:block;float:left;margin-right:7px;}
.SuperButton-Add {background-image: url(img/btn-super-add.gif);}
.SuperButton-Delete {background-image: url(img/btn-super-del.gif);}
.SuperButton-Ok {background-image: url(img/btn-super-ok.gif);}
.SuperButton-Edit {background-image: url(img/btn-super-edit.gif);}
.SuperButton-Find {background-image: url(img/btn-super-find.gif);}
.SuperButton-Switch {background-image: url(img/btn-super-switch.gif);}
.SuperButton-Refresh {background-image: url(img/btn-super-refresh.gif);}
.SuperButton-Print {background-image: url(img/btn-super-print.gif);}
.SuperButton-File {background-image: url(img/btn-super-file.gif);}
.SuperButton-Money { background-image: url(img/btn-super-dollar.gif);}
.SuperButton-Excel { background-image: url(img/btn-super-xls.gif);}
.SuperButton-Email { background-image: url(img/btn-super-email.gif);}
.SuperButton a, .SuperButton-Add a, .SuperButton-File a, .SuperButton-Delete a, .SuperButton-Ok a, .SuperButton-Edit a, .SuperButton-Find a, .SuperButton-Switch a, .SuperButton-Refresh a, .SuperButton-Print a, .SuperButton-Money a,  .SuperButton-Excel a, .SuperButton-Email a {background: url(img/btn-superrt-16x34.gif) no-repeat 100% 0;display:block;float:left;height:34px;padding: 9px 14px 0 31px;color: #000;margin:0;text-decoration:none;}
.SuperButton a {padding-left: 21px;padding-right:21px;}*/

img.tourn-game {float:left;width:16px;margin-right:5px;}

/* FORMS
--------------------------- */
th {font-weight:bold;padding: 0 7px 0 9px;font-size:0.9166em;}
td.top, th {vertical-align:top;padding-top:0.1em;}
td.top {padding-top: 0.333em;}
td.bottom, th.bottom { vertical-align:bottom;}
tr.selected { font-weight: bold; background-color: #eee; }
td.sel { font-weight: bold; color:#333;}
tr.ques td {font-size:1.166em;}
td.enumeration { width: auto; }

ol.orderedForm { list-style-type: decimal; list-style-position:inside; vertical-align:top; }
ol.orderedForm li { padding: 5px 0px 5px 0px; }

h3.question-header { height: auto; color: #666; font-size: 1.0em; border-bottom: 1px solid #999; margin: 0px; padding: 0px; }
h3.question-header a { font-size: .83em; text-decoration: none;}

table.form tr.ans td {padding: 4px 0px 12px 25px;}
table.form ul li { margin:0px; padding:0px;}
table.form tr.ans td input { vertical-align: middle;}
table.form tr.ques td {padding: 0 2px 0 9px;}

.form li { padding-left:20px; }


table.form .FormTableHeader td { font-size: 1.33em; padding: 5px 0px 0px 0px; border-bottom: 1px solid #dcdcdc; }
xtable.form .FormTableHeader td { font-size: 1.25em; padding: 5px 0px; font-weight: bold; text-align: center; background: url(img/grad-btm-2x59.gif) repeat-x 0 100%; border: 1px #ddd solid; border-bottom: 1px solid #dcdcdc; vertical-align: middle;}

.display .values {font-weight:bold;font-size:0.9166em;color:#444;}
.ques .values {display:block;padding: 0 2px 11px 9px;}
.ques .values, .ques .values label {font-size:1em}
.values .Warning {display:block;}
tr.cancelled { background-color:#F3D0A1}


th, td {padding-bottom: 5px;}
table td.radio { margin-top: 0; }
table td.radio input[type=radio] { position: relative; margin-left: 0;}
table.form th, table.form td {padding-bottom: 11px; vertical-align:top; padding-left: 0;}
table.form th { white-space:nowrap;  padding-right: 25px;}
table.form.middle-aligned th { vertical-align:middle; }
table.checkbox td label, td.checkbox label, th.checkbox label, label.checkbox, td.radio label, table.radio td label { padding-left: 5px; font-size: 1.166em;line-height:1.166em; }
table.radio td { padding-top: .5em; }
table.checkboxextrasmall td label, table.checkboxsmall td label, td.checkboxsmall label, label.checkboxsmall, td.radio label, .checkboxsmall td { padding-left: 5px; font-size: 1.1em;line-height:1.65em; vertical-align: middle;}
table.checkboxextrasmall td label, table.checkboxsmall td label, td.checkboxsmall label, label.checkboxsmall, td.radio label, .checkboxsmall td { padding-left: 5px; font-size: 1.1em;line-height:1.65em; vertical-align: top;}
table.checkboxsmall input { margin-top:5px; }
table.checkboxextrasmall td label { font-size: 1em; }
table.checkboxextrasmall input, table.checkbox label { vertical-align: middle; }

table.fancy.subcheckbox td { padding-right: 1em;}

.checkboxlistHorizontal table tr td, .formsharp .fs_item .checkboxlistHorizontal table tr td { padding-right: 1.5em; }

/* CHANGE SELECTION COLOR */

.formsharp .semi-bold {font-weight: 600;}

.formsharp select { font-size: 1em; padding: 2px 4px; border-radius: .25em; }
.formsharp.small select, .formsharp select.small, .formsharp .small select  { font-size: .9em; padding: 2px; }

.formsharp p.alert { color: inherit; font-weight: inherit; }

.formsharp .fs_section { border: 1em solid #f4f4f4; border-radius: .5em; margin: 1em 0; } 
.formsharp .fs_section.fs_current h4 { border-radius: 0; border: none; }
.formsharp .fs_section.fs_current { border: 3px solid #333; border-radius: .333em;}
.formsharp .fs_section.fs_current .fs_section_body {  padding: .5em 1.5em;}


.formsharp h1, .formsharp h2, .formsharp h3, .formsharp h4 { padding: .333em; text-align:center; background-color: #fff; font-weight: 600; color: #333; } /*border: 1px solid #333; border-radius: .333em; }*/
h1.multiline, h2.multiline, h3.multiline, h4.multiline, h5.multiline, h6.multiline { padding-bottom: 0;}

.formsharp h1.left, .formsharp h2.left, .formsharp h3.left, .formsharp h4.left { text-align: left; padding-left: 0;}
.formsharp h1.fs_current, .formsharp h2.fs_current, .formsharp h3.fs_current, .formsharp h4.fs_current { background-color: #333; color: white; }
.formsharp h1.fs_header, .formsharp h2.fs_header, .formsharp h3.fs_header, .formsharp h4.fs_header { border: none;}
.formsharp h1.fs_underlined, .formsharp h2.fs_underlined, .formsharp h3.fs_underlined, .formsharp h4.fs_underlined, .fs_underlined { border-bottom: 1px solid #ddd; border-radius: 0; padding-bottom:.5em!important;}
.formsharp h1.fs_header.gray, .formsharp h2.fs_header.gray, .formsharp h3.fs_header.gray, .formsharp h4.fs_header.gray { color: #888;}

.formsharp h1.fs_header input[type=checkbox] + label, .formsharp h1.fs_header input[type=radio] + label,
.formsharp h2.fs_header input[type=checkbox] + label, .formsharp h2.fs_header input[type=radio] + label,
.formsharp h3.fs_header input[type=checkbox] + label, .formsharp h3.fs_header input[type=radio] + label { padding-bottom: 0 !important; }

/* INCLUDE RADIOBUTTON/CHECKBOX CIRCLE/BOX */
.formsharp .fs_item .fs_checkbox.fs_showcheckbox input[type=checkbox] + label:before { font-size: 1em; font-weight: normal; content: '\f0c8'; font-family: 'Font Awesome 6 Pro'; padding-right: 13px;  float: left; display: block;}
.formsharp .fs_item .fs_checkbox.fs_showcheckbox input[type=checkbox]:checked + label:before { content: '\f14a'; padding-right: 10px; }
.formsharp .fs_item .fs_checkbox.fs_showcheckbox i.flaticon { float: right; margin-right: 0; font-weight: normal;}

.formsharp .fs_item .fs_radio.fs_showradio input[type=radio] + label:before { font-size: 1em; font-weight: normal; content: '\f1db'; /*f10c*/ font-family: 'Font Awesome 6 Pro'; padding-right: 10px; }
.formsharp .fs_item .fs_radio.fs_showradio input[type=radio]:checked + label:before { content: '\f111'; }
.formsharp .fs_item .fs_radio.fs_showradio i.flaticon { float: right; margin-right: 0; font-weight: normal; }

.formsharp .fs_item.tiny .fs_radio, .formsharp .fs_item.tiny .fs_checkbox { font-size: .9em!important; line-height: 1.125em; margin-bottom: 0;}
.formsharp .fs_item.tiny .fs_radio td, .formsharp .fs_item.tiny .fs_checkbox td { line-height: 1.125em; }

.formsharp label.view { color: #999; }

/* Status List*/
/* Status List*/
.formsharp .fs_statuslist { border: 0px solid #333; width: 100%; font-size: 1.2em; border-radius: 6px; background-color: #fff;  }
.formsharp .fs_statuslist.fs_medium { font-size: 1em; }
.formsharp .fs_statuslist.fs_small { font-size: .85em; }

.formsharp .fs_statuslist span.header { background-color: #333; color: white; padding: .5em 1.5em; float:left; border-right: .125em solid white; }
.formsharp .fs_statuslist span[data-itemposition=first] { border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.formsharp .fs_statuslist span[data-itemposition=last] { border-top-right-radius: 6px; border-bottom-right-radius: 6px;}

.formsharp .fs_statuslist .fs_items { display: flex; justify-content: space-evenly; }

.formsharp .fs_statuslist .fs_items span { background-color: #eee; display: inline-block; width: 100%; text-align: center; padding: .5em 0 .5em 1.5em; margin-left: .333em; position: relative; }
.formsharp .fs_statuslist .fs_items span:first-of-type { margin-left: 0; padding: .5em 0 .5em 1em; }

.formsharp .fs_statuslist .fs_items span:not(:first-of-type):before { width: 0; height: 0; border-top: 1.25em inset transparent; border-bottom: 1.25em inset transparent; border-left: 1.5em solid #fff; position: absolute; content: ""; top: 0; left: 0; }
.formsharp .fs_statuslist .fs_items span:not(:last-of-type):after{ width: 0; height: 0; border-top: 1.25em inset transparent; border-bottom: 1.25em inset transparent; border-left: 1.5em solid #333; position: absolute; content: ""; top: 0; right: -1.5em; z-index: 2; }
.formsharp .fs_statuslist .fs_items span.selected:not(:last-of-type):after{ border-left-color: #060; }

.formsharp .fs_statuslist .fs_items span.selected { background-color: #060; color: white; }
.formsharp .fs_statuslist .fs_items span.unselected { background-color: #333; color: white; }

/* Progress List */
.formsharp .fs_progresslist { border: 0px solid #333; width: 100%; font-size: .9em; border-radius: 6px; background-color: #fff; }
.formsharp .fs_progresslist .fs_items a:first-of-type { border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.formsharp .fs_progresslist .fs_items a:last-of-type { border-top-right-radius: 6px; border-bottom-right-radius: 6px;}

.formsharp .fs_progresslist .fs_items { display: flex; justify-content: space-evenly; }

.formsharp .fs_progresslist .fs_items a { background-color: #eee; display: inline-block; width: 100%; text-align: center; padding: .5em 0 .5em 1.5em; margin-left: .333em; position: relative; }
.formsharp .fs_progresslist .fs_items a:first-of-type { margin-left: 0; padding: .5em 0 .5em 1em; }

.formsharp .fs_progresslist .fs_items a:not(:first-of-type):before { width: 0; height: 0; border-top: 1.25em inset transparent; border-bottom: 1.25em inset transparent; border-left: 1.5em solid #fff; position: absolute; content: ""; top: 0; left: 0; }
.formsharp .fs_progresslist .fs_items a:not(:last-of-type):after { width: 0; height: 0; border-top: 1.25em inset transparent; border-bottom: 1.25em inset transparent; border-left: 1.5em solid #333; position: absolute; content: ""; top: 0; right: -1.5em; z-index: 2; }

.formsharp .fs_progresslist .fs_items a.active { background-color: #060; color: white; }
.formsharp .fs_progresslist .fs_items a.active:not(:last-of-type):after{ border-left-color: #060; }
.formsharp .fs_progresslist .fs_items a.current { background-color: #333; color: white; }
.formsharp .fs_progresslist .fs_items a.current:not(:last-of-type):after{ border-left-color: #333; }
.formsharp .fs_progresslist .fs_items a.inactive { background-color: #888; color: white; }
.formsharp .fs_progresslist .fs_items a.inactive:not(:last-of-type):after{ border-left-color: #888; }


/* SELECTION GRID */
.formsharp table.fs_selectiongrid .fs_item {
    margin: 0;
}

.formsharp .fs_item table.fs_radio.fs_nofill { table-layout: auto; }
.formsharp .fs_item .fs_checkbox.fs_nofill td,
.formsharp .fs_item .fs_radio.fs_nofill td { border: none!important; }
.formsharp .fs_item .fs_checkbox.fs_nofill input[type=checkbox]:checked + label,
.formsharp .fs_item .fs_radio.fs_nofill input[type=radio]:checked + label { color: #060; background-color: white; white-space:nowrap; }

.formsharp .fs_item .fs_radio tbody tr { border: 0!important;}

.formsharp .fs_groups { }
.formsharp .fs_groups .fs_group { border: 1px solid #333; }
.formsharp .fs_groups .fs_subgroup { padding-bottom: 15px; margin-bottom: 15px; }
.formsharp .fs_groups .fs_subgroup:last-of-type { margin-bottom: 0; }
.formsharp .fs_groups .fs_group .fs_groupmaintitle { font-size: 24px; background-color: #333; color: white; padding: 6px 18px; margin: 0; border-radius: 0; }
.formsharp .fs_groups .fs_group .fs_groupsubtitle { font-size: 19px; font-weight: 600; }
.formsharp .fs_groups .fs_group .fs_groupsubgrouptitle { font-size: 18px; border: none; text-align: left; padding: .333em 0;}
.formsharp .fs_groups .fs_group .fs_groupcontent { margin: 0 1em; } /* 57px? */

.formsharp .fs_groups div.fs_group.shown:first-of-type, .formsharp .fs_groups div.fs_group.shown:first-of-type .fs_groupmaintitle  { border-top-left-radius: 12px; border-top-right-radius: 12px; }
.formsharp .fs_groups div.fs_group:not(.hide):last-of-type { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }

.formsharp .fs_groups div.fs_group .fs_selectiongrid { margin-bottom: 6px; margin-left: 0; width: 100%; }
.formsharp .fs_groups div.fs_group .fs_selectiongrid tr td { padding-bottom: 0; margin-bottom:9px; }

.formsharp .fs_groups div.fs_group .fs_selectiongrid tr td label { border: 1px solid transparent;  }
.formsharp .fs_groups div.fs_group .fs_selectiongrid tr td.diminishunselected input:not(:checked) + label { color: #ccc; }
.formsharp .fs_groups div.fs_group .fs_selectiongrid tr td.diminishunselected:hover input:not(:checked) + label { color: #333; }

.formsharp .fs_groups div.fs_group .fs_selectiongrid tr td:first-of-type label:first-of-type { border-top-left-radius: 9px; border-bottom-left-radius: 9px; }
.formsharp .fs_groups div.fs_group .fs_selectiongrid tr td:last-of-type label:last-of-type { border-top-right-radius: 9px; border-bottom-right-radius: 9px; }
.formsharp .fs_groups div.fs_group .fs_selectiongrid tr td input[type=checkbox] + label { border-bottom: 0px; }  /* NOT SURE WHY THIS IS NECESSARY */
.formsharp .fs_groups div.fs_group .fs_selectiongrid tr.active td label { border-color: #26a; }
.formsharp .fs_groups div.fs_group .fs_selectiongrid tr.active td.coachtype { padding-left: 2px; }
.formsharp .fs_groups div.fs_group .fs_selectiongrid tr.active td.coachtype label { display: block; float: left; height: auto; }
.formsharp .fs_groups div.fs_group .fs_selectiongrid tr:not(.active) td label { color: #999; }
.formsharp .fs_groups div.fs_group .fs_selectiongrid tr:not(.active):hover td label { border-color: #eee; color: #333; }



.formsharp .fs_item.required h1.fs_header, .formsharp .fs_item.required label { border-color: #c00; color: #c00; background-color:none; }
.formsharp .fs_item.invalid h1.fs_header, .formsharp .fs_item.invalid label { border-color: #c00; color: #c00; background-color:none; }
.formsharp .fs_item.required .not-required label { color: #aaa; }
.formsharp .fs_item.required .fs_textbox, 
.formsharp .fs_item.required .fs_selectBoxIt .selectboxit,
.formsharp .fs_item.required .fs_multitextbox table,
.formsharp .fs_item.required .fs_memberschool td,
.formsharp .fs_item.required .fs_textbox.fs_datebox input { border-color: #c00!important; }

div.fs_selectBoxIt { font-size: .9em;}
.selectboxit { max-width: 100%; }
.selectboxit-btn { max-width: 100%; }
.selectboxit-text { max-width: 90%; overflow-x: hidden; text-overflow:ellipsis; pxadding-right: 2em;}

/*.formsharp .fs_item .fs_textbox.fs_datebox { min-width: 8.5em; }*/

.formsharp .fs_selectiongrid.required tr.active td .fs_checkbox label { border-color: #c00; background-color: #c00; color: white; }
.formsharp .fs_selectiongrid.required tr.active td .fs_radio label { border-color: #c00;  }


.formsharp .evaluationBlock {
    border:1px solid #666; border-radius: .75em; padding: 0 .75em; margin-bottom: 3em;
    
}

th.checkbox { padding: 6px; }

table.checkbox-inline td { padding-right: 20px; }

table.list { font-size: 16px; }
table.list th { font-weight: 600; }
table.list td.main { background: url(img/target-gray-8.gif) no-repeat 0 0.5em; }
table.list td { padding-left: 15px; }
table.list td.first { padding-left: 0; }

td.officialreciprocal { padding-top: 1px; }

td.officialreciprocal div { padding-bottom: 12px;} 


span.arrow-right { border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-left: 18px solid #060;  display: inline-block; }



.subcheckbox input { margin-left: 20px; padding-right: 5px; }
.subcheckbox label { padding-left: 5px; font-size: 1.0em; }

.checkbox-sidenote { color: #AAA; font-size: .9em; font-weight: bold; }
.checkbox-sidenote strong { color: #888; }

p.question {font-size : 15px; margin-bottom: 5px!important}
p.answer { padding-left:15px;}
p.answer input {padding-left: 5px; font-size: 1.166em;line-height:1.65em; vertical-align: top;}
p.answer label { padding-left: 5px; font-size: 14px;}
p.answer span {display:block; padding-top:3px;}

tr.sep td, tr.sep th {padding-top: 1em;}
tr.alt td {background-color: #e7f4ff;} 
table.full {width:99%;}
td p.note {margin-bottom: 0;}
textarea {width:95%;padding: 12px;font-size: 1.166em; }
 
table.form {margin: 0 0 1em;}
table.form.full { width: 100%;}
table.form th { vertical-align: top; padding-top: .25em; }

table.form select {font-size:1.333em; padding: 3px;}
table.form input, table.form textarea {font-size:1.333em; padding: 3px 9px;}
table.form td.radio input, table.form .checkbox input, input.checkbox {padding:0;}
table.form td.radio input, table.form td.checkbox input { margin-top: 5px; }

table.form.nested { margin-bottom: 0; }
table.form.nested th, table.form.nested td { padding-bottom: 5px; }

table.horizontal-form th, table.horizontal-form td { vertical-align: middle; }
table.horizontal-form td { padding-right:15px; }
table.horizontal-form td.last { padding-right: 0; padding-left: 20px; }

ul.radio li { padding-top: 4px; padding-bottom: 4px;}
ul.radio li label { padding-left:5px; }

table.form .status img {float:left;margin-right: 3px;}
table.form .status {font-size: 12px;padding: 5px 0 0;}
table.form input.disabled {color: #999;}
a.disabled { color:#000!important; cursor:default!important; }
a.disabled:hover { text-decoration:none; cursor:default!important;}


li.moved, li.moved a { text-decoration: none; color: #666; }
li.highlight { background-color: #e8e8e8; }

.subradio { margin-left: 25px;}

.Prompt { font-size: 1.25em; padding-left: 5px; padding-bottom: 5px; line-height: 1.65em; font-weight: bold; color: #666;}
.Prompt a { font-size: .83em; font-weight: normal; } 
.Answer td { padding-left: 15px; padding-bottom: 10px; }
.Answer .sel { font-weight: bold; color: #333;}

.FormProItem { margin-bottom: 25px; }
.FormProItem.disabled { margin-bottom: .75em; }
.FormProItem.disabled .FormProPrompt { color: #ccc; }

.FormProPrompt { font-size: 20px; line-height: 1.65em; font-weight: 600; color: #888; }
.FormProPrompt strong { /*color: #222;*/ font-weight: bold;}
.FormProOption { padding-left: 15px; margin-bottom: 1em; display: block; padding-bottom: 0px; }
.FormProOption.checkbox tr { display: block; float:left;}
.FormProOption.checkbox table td { white-space: nowrap;}
.FormProPrompt a:not(.fa_link) { font-size: .75em; font-weight: normal;}
.FormProPrompt a.fa_link { font-size: 1em;}

.FormProAnswer {
    margin-bottom: 15px;
    display: block;
    font-size: 16px;
}
.FormProAnswer td { padding-left: 15px; font-weight: 600;}
.FormProAnswer .street { display: block;}
.FormProAnswer .name { display: inline-block; margin-right: 15px; line-height: 1.65em; }
.FormProAnswer .relationship { display: inline-block; margin-right: 15px;  line-height: 1.65em;}
.FormProAnswer .duration { display: inline-block; margin-right: 15px;  line-height: 1.65em;}
.FormProAnswer table.schools td { padding: .333em 1em;}

.schoolTimeline365 { height: 1.5em; background-color: #eee; border: 1px solid #333; position: relative;}
.schoolTimeline365 div.school { height: 100%; background-color: #060; display: inline-block; position:absolute; top: 0; }

.adminTransfer .FormProPrompt { padding-bottom: .125em!important; font-size: 16px;}
.adminTransfer .FormProAnswer { margin-bottom: .25em!important; font-size: 18px;}

.FormProPrompt.AlertResponse { /*font-weight: 800;*/ color: #800;}
.FormProAnswer.AlertResponse, .FormProAnswer.AlertResponse td { font-weight: 800; color: #800;}

.FormProDecision { border: 1px solid #bbb; background-color: #f6f6f6; padding: 1em 2em; font-size: 1.25em; border-radius: .75em;}

.FormProHeader {
}

.FormProMessage {  } 
.FormProMessage td { font-size: 1.25em;background-color: #f4f4f4; padding: .5em 1em!important; margin: 0 1em; display:block;  border:1px solid #ccc; border-radius: .5em;  }

.FormProSelect { font-size: 1.166em; line-height: 1.65em; display: block; }
.FormProSelect input { margin: 5px 8px 0px 0px; height: auto; }
.FormProSelect.radio input + label { max-width: 90%; }
.FormProSelect .suboption { padding: 5px 10px 0px 40px; font-size: 1.05em; line-height: 1.35em; display: block;}

.FormProSelect .suboption em { font-style: italic; }
.FormProSelect .suboption strong { font-weight: bold; }

ul.FormProSelect.radio li input + label a.fa_link { padding-top: 0; } /* On Transfer Forms in Answer Options*/

input.text { border:1px solid #999; padding: 2px 3px;}
input[type=text].warn, input[type=time].warn { border: 1px solid #f00; }
.text-lg {font-size:1.333em;}
.text-sm, .label-sm {font-size: 11px;}
.text-wide { font-size: 1.333em; width: 90%;}
#content .text-xlg {font-size:1.667em;}
#content .strong {font-weight:bold;}
#content .mediumstrong {font-weight: 600;}
#content .text-m, table.form select, .thickbox-table select {font-size: 1.166em;}
.BigCheckbox { height: 25px; width: 25px; margin: 0px; } 

.label-sm {font-weight:bold;display:block;}

table.fixedw, table.fixedw-r {width:99%;}
table.fixedw th, table.fixedw-r th, td.fixedw {width:11.666em;}
table.fixedw-r th {text-align:right;}


th.req {background: url(img/star-5.gif) no-repeat 0 0.75em;padding-left:9px;}

td.main-col {font-size:1.166em;}
td.main-colw {width:50%;font-size:1.166em;}
td.fixed-col, th.fixed-col {white-space: nowrap;}
th.fixed-col-r { white-space: nowrap; text-align: right; }
td.email-col {font-size: 0.9166em;}
td.email-col a, a.email { background: url(img/mail-10.gif) no-repeat 0 50%; padding-left: 13px; padding-top: 1px}
.vcard a.email { padding-top:5px; }
.item-detail { display: block; font-size: .83em; color: #666; padding-top: 3px; }
.item-note, .item-note-indent { font-size: .83em; color: #666; }
.item-note-indent, .item-link { padding-left: 15px; }
.item-link { font-size: .83em; }
.schedule .item-detail { display:inline; }
.comp-detail, .official-note { font-size: .75em; color: #666; }

span.late-notice { font-size: .9em; color: Red; padding-top: -2px;}

td .tel {display:block;margin: 0 0 5px;}
td .tel .type {color: #999;font-size:0.9166em;}


.req-list { list-style-type:lower-alpha; list-style-position:outside; padding-left:25px; }
.req-list li { margin-left:25px;}

.separate { text-indent: 25px; }

.move-up {background: url(img/arrow-u-12.png) no-repeat 100% 50%; padding-right: 10px; color: #779;float:left; display:block; text-decoration:none;}
.move-down {background: url(img/arrow-d-12.png) no-repeat 100% 50%; padding-right:10px; color: #779;float:left; display:block; text-decoration:none;}

.sort-asc a, a.sort-asc, a.sort-asc:visited {background: url(img/arrow-d-12.png) no-repeat 100% 50%;padding-right: 16px;color:#779;}
.sort-desc a, a.sort-desc, a.sort-desc:visited {background: url(img/arrow-u-12.png) no-repeat 100% 50%;padding-right: 16px;color:#779;}
.sort-inactive a, a.sort-inactive {padding-right: 16px;}
.sort-date { } /* Just for intellisense... used for Table Sorting*/

.failure { background: #fff;color: #f00;font-weight:bold;display:block;margin: 0 0 1em;padding: 3px;line-height:1.5em; font-size: 1.1em;}
.xfailure {background: #f00;color: #fff;font-weight:bold;display:block;margin: 0 0 1em;padding: 3px;line-height:1.5em;}

table.address { width: 400px; margin-bottom: .75em;}
table.address strong, .person-name strong, table.citystate strong {display:block;color: #666; font-weight: 600; font-size: 0.8733em; }
table.address .street-address input { width: 400px; }
table.address td { padding-top: 3px!important; padding-bottom: 3px!important;}
table.address .city, table.citystate .city, .person-name td.first-name, .person-name td.last-name {padding-right:7px;}
.person-name td.first-name, .person-name td.last-name {width: 1%;}
table.address td, .person-name td, table.citystate td {vertical-align:top;}

table.internationaladdress tr td:first-child { padding-right: 12px;}

#login-form { padding:1em 2em; border: 1px solid #eee; border-radius: .75em; font-size: 15px; max-width: 600px;}
#login-form-wrapper { margin: 0; }
#login-form .title {margin: 0 0 1em; font-size: 1.2em;}
#login-form input.text {font-size: 1.333em; padding: 6px 15px; width: 90%; max-width: 500px; }
#login-form th {white-space: nowrap;padding: 10px 15px 10px 10px;background-position: 0 0.8em;}
#login-form .button-def {}
#login-form .note { font-size: 1.2em; color: #d00; font-style: normal; line-height: 1.1em; }
#login-form strong { font-weight: bold; }
#login-form input[type=submit] { margin-bottom: .75em; }
#login-form a { padding: .75em; }

table.login-form { font-size: 15px; margin: 1em;  }
.login-form .button {font-size: 1em;padding: 4px 4px; }
.login-form th {white-space: nowrap; padding: 10px 15px 10px 10px;}
.login-form td { padding: 5px; }
.login-form input { width: 95%; max-width: 300px; padding: 6px 9px; font-size: 1.333em;}
.login-form td.checkbox label {font-size:0.9166em;color: #555;}

.vcard {margin: 0 0 1em;display:block;}
.vcard, .vevent {line-height: 1.75em;}
.vcard .note {display:block;padding: 0.5em 0 0;font-style:italic;}
.vcard .warning-msg { background-color: #ccc; display: block; font-weight: bold;}

.SchoolEmployee {line-height:1.75em;float:left;margin: 0 5px 1.85em;xheight:17.5em;}
.SchoolEmployee .Role, .vcard .role {font-size:1em;color: #999;font-weight:normal;}
.SchoolEmployee .Details, .district-host .vcard {padding-left: 11px;display:block;border: 1px solid #dcdcdc;border-width: 0 0 0 1px;} 
.SchoolEmployee .Name, .vcard .fn, .vevent .summary { display: block; font-size: 1.166em; color: #222; font-weight: 600;}
.SchoolEmployee .Address, .SchoolEmployee .Email,.SchoolEmployee .Telephone,
.vcard .tel, .vcard .email, .vevent .tel, .vevent .email, .vevent .location, .vcard .post-office-box {display: block;}
.SchoolEmployee .email { padding-top: 5px; } 


.SchoolEmployee .action {padding:5px 0 0;display:block;overflow:hidden;zoom:1;margin:0;}
.SchoolEmployee .action a {padding-bottom:8px;margin-right:11px;}
.vcard .tel {color: #666;font-size:0.916em;}
.vcard .tel .value {font-size:1.166em;color: #000;}
.SchoolEmployee .email {font-size:0.9166em;}
.SchoolEmployee .status {font-size:0.9166em;}

/* -- Advisory Committee Admin-- */
.CommitteeMember {line-height:1.75em;margin: 0 0 2em 0; color:#333;}
.CommitteeMember .Role, .vcard .role {font-size:1.25em;font-weight:600;}
.CommitteeMember .Details, .district-host .vcard {padding-left: 11px; display:block;border: 1px solid #dcdcdc;border-width: 0 0 0 1px;} 
.CommitteeMember .Name, .vevent .summary { display: block; font-size: 1.166em; color: #222; font-weight: 600; margin-left: 1em;}
.CommitteeMember .Address, .SchoolEmployee .Email,.SchoolEmployee .Telephone,
.vcard .tel, .vcard .email, .vevent .tel, .vevent .email, .vevent .location, .vcard .post-office-box {display: block;}
.CommitteeMember .email { padding-top: 5px; } 
.CommitteeMember .action {padding:5px 0 0;display:block;overflow:hidden;zoom:1;margin:0;}
.CommitteeMember .action a {padding-bottom:8px;margin-right:11px;}
.CommitteeMember .email {font-size:0.9166em;}
.CommitteeMember .status {font-size:0.9166em;}

/* -- Advisory Committee Public-- */
.advisory-committee-wrapper .section{margin-left:5px;}

#content .staff-list li {margin: 0 0 1.5em;}

.registration-summary .action {margin-bottom:2em;}
.registration {display:block;padding: .5em 0 0 .5em;margin: 0 0 1.5em;}
.registration .event, .registration .event-incomplete {font-size: 1.333em;display:block;font-weight:bold;}
.registration .event-incomplete {color: #999;}
.registration .event a {text-decoration: none;}
.registration .event-head {overflow:hidden;/*zoom:1;*/display:block;}
.registration .event-head .event {padding:5px 0 0;}
.registration .event-head .event .event-item { display: inline-block; width: 12em; }
.registration .event-list {padding: 0 0 0 3em;}
.registration .event-list li {margin: 0 0 0.75em;font-size: 1.166em;font-weight:bold;}
.registration .status {font-size: 0.9166em; display: inline-block; padding-top: 3px;}
.registration .complete, .thickbox-table .complete {color: #090;}
.registration .incomplete, .thickbox-table .incomplete {color: #900;}
.registration img, .registration span.icon { float:left;margin: 0 6px 0 0; }
.registration i.fas, .registration i.far, .registration i.fal { width: 1.25em; float:left;margin: 0; font-size: 2.5em; padding: 0;  } /*.125em 0 1.75em 0;}*/
.registration .eventSub { font-size: .8em; color: #666; }
.registration .event-head .status { font-size: 1em; font-weight: 600; }

div.borderless table, div.borderless table td, div.borderless table tr, div.borderless table th { border: 0px!important; }

.registration-icon { display: table-cell; vertical-align: top; }
.registration-detail { display: table-cell; }
.probation { font-size: .75em; color: #a00; padding-left: 20px;}

.BigMenu { display: block; padding: 6px 0 0 39px; margin: 0 0 1.5em; }
.BigMenu .ItemHead {overflow:hidden;/*zoom:1;*/display:block;}
.BigMenu .MainItem { font-size: 1.333em; display: block; font-weight: bold; }
.BigMenu .MainItem a { text-decoration: none; }
.BigMenu .SubText-complete { font-size: .9166em; color: #090; }
.BigMenu .SubText-incomplete { font-size: .9166em; color: #900; }

.bigList { margin-left: 25px; }
.bigList.no-indent { margin-left: 0;}
.bigList li { margin: 3px 0px 3px 0px; display: block; font-size: 20px; }
.bigList li a.fa_link { font-size: 20px; } 

ul.outerList {
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 25px;    
}
ul.outerList li { margin-bottom: .5em; }

.RegistrationSummaryHeader td, .RegistrationSummarySubLevel td {border-top:1px solid #dcdcdc; }
.RegistrationSummaryHeader td strong, .RegistrationSummarySubLevel td strong { font-size: 1.16em;}
.RegistrationSummarySubLevel td {border-width:0px;}
.RegistrationSummaryHeader .edit {font-size: 1.166em;}
.RegistrationSummaryRegistered {width:15%;}
.RegistrationSummaryMain {width:30%; font-size: 1.16em;}
.RegistrationSummaryType {width:20%;}

.RunningSummary .TableColumnHeader td {background: url(img/grad-btm-2x59.gif) repeat-x 0 100%;border-bottom: 1px solid #dcdcdc;vertical-align:bottom;}
.RunningSummary td {padding: 3px;font-size: 0.9166em;vertical-align:middle;}

.RunningSummary .reg_no { background: url(img/cancel-16.gif) no-repeat 0 100%; }
.RunningSummary .reg_yes { background: url(img/check-16.gif) no-repeat 0 100%; }
.RunningSummary .reg_both { background: url(img/malefemale-16.gif) no-repeat 0 100%; }
.RunningSummary .reg_boys { background: url(img/male-16.gif) no-repeat 0 100%; }
.RunningSummary .reg_girls { background: url(img/female-16.gif) no-repeat 0 100%; }

.ColumnTitle, .ColumnTitle td { font-weight: bold; color: #333; }
.ColumnSeparate { padding-right: 50px; }

#activity-reg .title {font-size: 1.166em;margin:0 0 0.5em;}
#activity-reg .reg-choice {display:block;}
#activity-reg .choice {font-weight:bold;}
#activity-reg .choice label {padding-left: 3px;margin-right: 11px;}
#activity-reg .ques {display:block;margin: 0 0 0.5em;}
#activity-reg .ActivityLevel { margin-bottom: 25px; }
#activity-reg .ActivityLevel  h4 { font-size: 1.25em; color: #333; }

.reg-form {border: solid #eee;margin: 1.5em 0 0 5px;border-width: 0 0 0 3px;}
.reg-form-section {padding: 0 0 0 11px;margin: 0 0 1.5em;}
.reg-form-title {font-size: 1.166em;background: #efefef;display:block;font-weight:bold;padding: 3px 2px;margin: 0 0 0.5em;}
.reg-form-details {margin:1em 0 0 0;border: solid 2px #f3d0a1;background-color: #faead0;padding: 5px;}
.reg-form-details .reg-choice {margin: 0 0 1em;}
.reg-form-details th {text-align:right;}

#MembershipRegistration th {padding-left: 40px;width:150px;text-align:right;}

.GrandTotal { border: 3px solid #1c314c;border-width:3px 0;color: #000;font-size: 1.333em;padding: 5px;margin: 0 0 50px;}
.GrandTotal strong {font-weight:bold;}
.GrandTotal td {padding: 3px 0px 3px 0px; margin: 0px;}

.subtotal { font-weight: bold;}
.currency { text-align: right;}

.invoice { width: 100%;}
.invoice td { padding-left: 10px;}
.invoice .subtotal { text-align: right; padding-right: 10px; }
.invoice .totals-row td, td.totals-row, tr.totals-row td, tr.totals-row th { border-top: 2px solid #333; padding-top: 6px; font-weight: bold; font-size: 1.125em;}
.invoice-header img { max-width: 8.5em; }

.filterOption { font-size: .9em; display: inline-block; padding: 0px 5px; }
.filterOption select {font-size: .83em; }



/* input types */
.IntegerBox {font-size: 14px;}

.LargeBox			{ width: 25em; border-radius:.333em;}
.SemiLargeBox		{ width: 18.75em; border-radius:.333em;}
.MediumBox			{ border-radius:.333em;}
.SmallBox	        { width: 6.25em; border-radius:.333em;}

.Box2Chars.aspNetDisabled, .Box3Chars.aspNetDisabled { background-color: #eee; color: #888;}

.Box2Chars			{ width: 2.5em; padding: .25em .5em!important; border-radius:.333em;}
.Box3Chars			{ width: 3.5em; border-radius:.333em;}
.Box4Chars			{ width: 4.5em; border-radius:.333em;}
.Box5Chars			{ width: 5.5em; border-radius:.333em;}
.Box3CharsAlpha		{ width: 3.5em;text-align: center; border-radius:.333em;}
.Box4CharsAlpha		{ width: 4.5em;text-align: center; border-radius:.333em;}
.Box5CharsAlpha		{ width: 5.5em;text-align: center; border-radius:.333em;}
.Box2CharsNum		{ width: 2.5em;text-align: right; border-radius:.333em;}
.Box3CharsNum		{ width: 3.5em;text-align: right; border-radius:.333em;}
.Box4CharsNum		{ width: 4.5em;text-align: right; border-radius:.333em;}
.Box5CharsNum		{ width: 5.5em;text-align: right; border-radius:.333em;}
.Box5CharsTotal		{ width: 5.5em;background-color: White; border: 0px; color: #333; font-weight: bold;  text-align: right;  border-radius:.333em;}
.StandardBox		{ padding: 2px 3px;  border-radius:.333em;}
.StandardNoBox		{ padding: 2px 5px 0px 5px; text-align: left; border: 0px; border-radius:.333em;}
.Numeric			{ padding: 2px 10px 0px 5px; text-align: right; border-radius:.333em;}
.NumericNoBox		{ padding: 2px 5px 0px 5px; text-align: right; border: 0px;  border-radius:.333em;}
.NumericTotal		{ padding: 2px 5px 0px 5px; text-align: right; font-weight: bold; color: #333; border-radius:.333em;}

.numeric			{ text-align: right; padding: 5px 12px;  border-radius:.333em;}

.SecurityCode		{ padding: 2px 5px 0px 5px; width:3em;  border-radius:.333em;}

.MultiLineFull		{ width: 100%; }

.TableColumnHeader td	{ font-weight: 600;}
th.minimize, td.minimize { white-space: nowrap; width: 1%; }
.AltTableColumn, .AltTableColumn td, .thickbox-table tr.even { background-color: white; } /* #E5ECF3; */
.AltTableColumn2 td  { border-top: 1px solid #eee; }

/* SCHOOL STYLES
--------------------------- */
.inputgo {margin: 0 0 0.5em;}
.school-select { padding:30px; border: 0px solid #eee; border-radius: 0; border-bottom: 1px solid #ddd; }
.school-select .title  {margin:0 0 9px;}
.school-select select .inputgo select {float:left;font-size: 1.667em;margin: 4px 6px 11px 0;width:75%;border:0px solid #dcdcdc;}
.school-select a.fa_button { margin: 5px 0 14px 0; }

.school-select input.text {font-size:1.667em;margin: 4px 6px 11px 0;width:98%;float:left; padding: 6px 9px; }
.school-select .SuperButton-Ok { margin-top: 5px; }
.school-select .SuperButton .inputgo .SuperButton {font-weight:bold;}

.school-select-list {overflow:hidden; /*zoom:1;*/}
.school-select .action {margin:0;}
.school-select a.fa_button { padding: 9px 9px 9px 12px;}
.school-select a.fa_button:before { font-size: 16px;}

.school-select .myschool {font-size:1.166em;margin: 0 0 9px;}
.school-select-wrapper {margin: 0 0 1.5em;}

.school-match { font-size: 1.33em; width: 450px; }
.school-name {font-size: 1.2em; }
.school-name input { width: 450px;}

.school-select .cancel { margin: 7px 0 0 0;  display: block; }
.school-select .cancel a { color: Red;}

.school-logo { float:right; margin-top: -100px; margin-right: 0px; margin-bottom: 5px; color: #333; text-align: center; }
.school-logo img { margin: 0 auto; }
.school-logo span { padding-top: 5px; }

/* School Select Control Styles */
.SelectSchoolLarge { padding: 10px 10px 0px 0px; }
.SelectSchoolLarge .school-select {background: none; padding:0; border: 0 #ddd solid; border-radius: 0; }
.SelectSchoolLarge select .inputgo select {float:left;font-size: 1.667em; margin: 4px 6px 11px 0;width:75%;border:1px solid #dcdcdc;}
.SelectSchoolLarge input.text {font-size: 1.667em;margin: 1px 6px 11px 0; width:98%;float:left;}
.SelectSchoolLarge .school-select-list {overflow:hidden; /*zoom:1;*/}
.SelectSchoolLarge .school-select-wrapper {margin: 0 0 1.5em;}

.SelectSchoolNormal .school-select {background: none; padding: 0px; border: 0px;}
.SelectSchoolNormal select .inputgo select {float:left;font-size: 1.2em;margin: 4px 6px 5px 0;width:75%;border:1px solid #dcdcdc;}
.SelectSchoolNormal input.text {font-size:1.2em;margin: 4px 6px 11px 0;width:300px;float:left;padding-left:3px;}
.SelectSchoolNormal .school-select-list {overflow:hidden; /*zoom:1;*/}
.SelectSchoolNormal .school-select-wrapper {margin: 0 0 1.25em;}

.SelectSchoolNormalBackground .school-select {background: url(img/grad-btm-2x59.gif) repeat-x 0 100%; padding:20px; border: 2px #ddd solid; width: 400px;}
.SelectSchoolNormalBackground select .inputgo select {float:left;font-size: 1.2em;margin: 4px 6px 5px 0;width:75%;border:1px solid #dcdcdc;}
.SelectSchoolNormalBackground input.text {font-size:1.2em;margin: 4px 6px 11px 0;width:300px;float:left;padding-left:3px;}
.SelectSchoolNormalBackground .school-select-list {overflow:hidden; zoom:1;}
.SelectSchoolNormalBackground .school-select-wrapper {margin: 0 0 1.25em;}

.SelectLarge .select {background: url(img/grad-btm-2x59.gif) repeat-x 0 100%;padding:20px;}
.SelectLarge select .inputgo select {float:left;font-size: 1.667em;margin: 4px 6px 11px 0;width:75%;border:1px solid #dcdcdc;}
.SelectLarge input.text {font-size:1.667em;margin: 4px 6px 11px 0;width:75%;float:left;padding-left:3px;}
.SelectLarge .select-list {overflow:hidden; /*zoom:1;*/}
.SelectLarge .select-wrapper {margin: 0 0 1.5em;}

.SelectNormal .select {background: none; padding: 0px; border: 0px;}
.SelectNormal select .inputgo select {float:left;font-size: 1.2em;margin: 4px 6px 5px 0;width:75%;border:1px solid #dcdcdc;}
.SelectNormal input.text {font-size:1.2em;margin: 4px 6px 11px 0; float:left;padding-left:3px;}
.SelectNormal .select-list {overflow:hidden; /*zoom:1;*/}
.SelectNormal .select-wrapper {margin: 0 0 1.25em;}


/* Official Styles
--------------------------- */

.becomeAnOfficial { border: 0px solid #333; border-left: 0; position:relative; }
.becomeAnOfficial img { max-width: 525px; }
.becomeAnOfficial .applyNow { position: absolute; top: 2.5em; right: 0;  margin: auto;  }

.OfficialMeeting { margin:0px; }
.OfficialMeeting .name { width: 350px; }
.OfficialMeeting .id { width: 100px; text-align: center;}
.OfficialMeeting .attendance {width: 100px; text-align: center;}
.OfficialMeeting .attendance img { padding-left: 45px; }


/* AUTOSUGGEST
--------------------------- */
.autosuggest { overflow: hidden; background: #fff; cursor: pointer; position: absolute; left: 0; font-size: 12.5px; z-index: 101; text-align:left; border: 1px solid #000; }
.autosuggest ul { width: 100%;     list-style: none; padding: 0; margin: 0; }
.autosuggest iframe { display:none; /*sorry for IE5*/ display/**/:block; /*sorry for IE5*/ position:absolute; top:0; left:0; z-index:-1; filter:mask();  }
.autosuggest li {     font-size: 1.166em; padding: 2px 5px; }
.autosuggest a { width: 100%; padding:0; margin:0; }
.autosuggest li.over { background: #0c355a; color: white;     }
.ieHide { margin: 0px; padding: 0px; border: 0px;   }

/* ACTIVITY
--------------------------- */
.activity-board ul li {padding-left:0;background:none;}

#content .champ-events ul li {font-size:90%;}
.champ-events-more select {margin-right: 5px;float:left;}
.champ-events ul {margin:0 0 8px;padding-top:3px;}

.linkSelectGroup { margin: 0px; clear: both; }
.linkSelect { margin: 0px 0px 10px 0px; clear: both; }

.linkSelect .mainLink { margin: 0 0 0 1.75em;}
.linkSelect .mainLink a { font-size: 1.333em; font-weight: normal; text-decoration: none; padding: .175em 0; line-height: 1.5em; }
.linkSelect .mainLink a i.flaticon { padding-right: .5em; }
.linkSelect .mainLink a:before { margin-left: -1.0em;}
.linkSelect .mainLink a.fa_link:before {font-size: 1.3em;}

.linkSelect h4 { margin: 1px 1px; font-size: 1.125em; font-weight: normal; padding: 0px; margin-left: 0; font-weight: 600; }
.linkSelect .subLinkGroup { margin: 0px 0px .25em 2em; min-width: 7.5em;}
.linkSelect .subLink { margin: .5em 0 .5em 0; list-style-type: circle; list-style-position: inside; color: #26a} 
.linkSelect .more { margin: 0px 0px; height:30px; text-align:left; padding-left:4px; }
.linkSelect .subLink a { font-size: 1.0em; font-weight: normal; font-style: normal; text-decoration: none; padding: 0!important; }
.linkSelect .mainLink a:hover, .subLink a:hover { text-decoration: none;  }

/* News Story List 
---------------------------- */
.news {}
ul.stories {margin-bottom: 1.5em; list-style-type: disc; list-style-position: inside; }
li.story { margin-bottom: 0em;}
li.story .Author {display:none;}
.story .Author,.story .PublishedDate {font-size:11px;color: #999;}
li.story .PublishedDate {}
li.story .Headline { font-size:1em;display:inline;}

div.story .Headline {margin-bottom: 0.25em;}
div.story .Author {font-size:1em;color:#000;margin-right:5px;}
div.story .PublishedDate {}

div.story .FullBody {margin-top:1.5em;line-height:1.5em;}
.news .story .FullBody td { padding: 6px 9px; }
.news .story .FullBody th { padding: 6px 9px; background-color: #f8f8f8; vertical-align: middle; font-size: 1em; }

/* CMS 
---------------------------- */
.cms-editable li {margin-bottom: 0.5em;}


/* MISC
--------------------------- */
.withaction {margin-bottom: 0px;}
.withspace {margin-bottom: 1em;}
#divDistrictWinnersManager{margin-top: 20px;}
#content .highlight {background-color: #fff724;}
#bd .last {margin: 0;}

.print-only { display: none; }

.limitPage { overflow: auto; height: 400px; }
.floatHeader { position:relative; background : #FFF;}

.limitTo5Rows { overflow: auto; height: 150px; }
.limitTo7Rows { overflow: auto; height: 210px; }
.limitTo10Rows { overflow: auto; height: 300px; }
.limitTo12Rows { overflow: auto; height: 360px; }
.limitTo15Rows { overflow: auto; height: 450px; }
.noLimitToRows { height: auto;}

.center-img { padding-left: 40%; }
td .center { text-align: center; }

/* Custom Controls
--------------------------- */
.EmailBox input { width: 350px; }
.DateBox input { width: 7em; padding: 1px 3px; }
/*test*/
.missourimap { background: url(img/MissouriMap.bmp) no-repeat; height: 400px;  }


/* Tournament Bracket
--------------------------- */
.TournamentBracketOuterContainer { max-width: 100%; width: 100%; overflow-x: hidden;}
.TournamentBracketHeader { margin-bottom: 0em; }
.TournamentBracketHeader.large-bracket tr.header td { font-size: .9em; padding: .5em 0;}
.TournamentBracketHeader tr.header td { 
    text-align: center; 
    padding: .333em 0;    
    font-size: 1em; 
    font-weight: 600; 
    border: 2px solid white;
    background-color:#1c314c;
    color:white;
    min-width: 200px;
}
.TournamentBracketHeader tr.header td.splitHeaderChampion { min-width: 380px; }
.TournamentBracket td.game, .TournamentBracket td.champion {min-width: 190px;}

.TournamentBracket.large-bracket td.game, .TournamentBracket.large-bracket td.champion, .TournamentBracketHeader tr.header td {min-width: 95px;}
.TournamentBracketHeader tr.header td.splitHeaderChampion { min-width: 190px; }

hr.TournamentBracketBottom {
    border-bottom: 1px solid #1c314c;
}

.game table {  height: 100%; width: 100%; border-collapse:separate; }
.game { padding: 0px; margin-bottom: 10px; height:64px; }
.game .top td { height: 25%; border-bottom: 1px solid #666; vertical-align: bottom; }
.game .bottom td { height: 25%; border-bottom: 1px solid #666; vertical-align: bottom; }
.game tr.top td.teamname,
.game tr.bottom td.teamname { padding: 1.75em 0 0 0; }
.large-bracket .game tr.top td.teamname, .large-bracket .game tr.bottom td.teamname { padding: .75em 0 0 0; }

.game.focus { background-color: #f4f4f4; }
.game td.teamname a { padding: .25em .25em; }
.game td.teamname.focus a { background-color:#1c314c; color: white; }

.xxxgame .info td:first-of-type { display: none; } /* this was when the seed was taken out */
.game .info td.details { display: table-cell; }
.game .info td.details .gameDate { margin-left: .25em;  }
.game .info td.details .gameDate a { font-size: .85em; padding: 0 0 0 2.5em; font-size: 1em; font-weight: bold; }
.game .info td.details .gameDate a:before { padding-right: .5em; width: 1em; }
.game .info td { height: 25%; vertical-align: bottom; }
.game .info td a { padding: 12px 5px; text-decoration: none;  padding: 5px 5px 5px 0px; }
.game .info td a:hover { text-decoration: underline; }

.game tr.separator td { padding: 1em;}

.game .seed  { text-align: center; padding-right:0!important; }
.game .bottom td.seed  { border-right: 0px; text-align: center; }

.game .top td, .game .bottom td, .game .separator td { margin: 0px; padding: 0px; }
.game .top td, .game .bottom td { padding-right: 5px; } 

.game.inverse .top td .game .bottom td { padding-right: 0px; padding-left: 10px; }
.game .bottom td.score { border-right: 3px solid #666; }
.game.inverse .bottom td.score { border-right: none; border-left: 3px solid #666; }
.game .score { text-align: right; white-space:nowrap;}
.game.inverse .score { padding-left: 3px; }

.game .info td.details { padding: 1em 0 0 0; border-right: 3px solid #666; font-size: .9em; white-space:nowrap;}
.game.inverse .info td.details { border-left: 3px solid #666; border-right: none; padding-left: 5px; }
.game .champion td, .game td .champion { font-weight: bold; height: 100%; vertical-align: middle; border-bottom: 4px solid #666;}
.champion .team, .champion .co-champion {text-align: left;  border-bottom: 1px solid #666; padding: 0px 5px; width: 100%; font-weight: bold; font-size: 1.16em; }
.champion .co-champion {border-bottom: none;}

.split-champion { padding: 0 10px; }
.split-champion .team { border-bottom: 3px solid #333; margin: 0 auto; text-align: center; font-size: 1.33em; font-weight: 600;}
.split-champion .gameDate { text-align: center;}
.large-bracket td.game tr.info td.details  .gameDate a { text-decoration: none; font-size: .83em; padding-left: .25em;}

.TournamentBracket {}
.TournamentBracketHeader .shaded, .TournamentBracket .shaded {/*background-color: #f8f8f8;*/}
.TournamentBracketHeader td.shaded { height: 2em; }
.game .details {  }
.game .details td { padding: 0px; }

.hideGame .top td, .hideGame .bottom td, .hideGame .bottom td.score, .hideGame .info td { border: 0px; visibility: hidden; }
.hideGame .info td.details { border: 0px; }

.Tournament td { border-bottom: 1px solid #aaa;  border-top: 1px solid #aaa; font-weight: 600; color: #666; }
.Tournament td a { font-weight: normal; }
.TournamentGame td { color: #333;  border-bottom: 1px solid white; border-top: 1px solid white;  }
.TournamentGame .indent { text-indent: 20px;  }
.TournamentGame td.indent-arrow { }

.shrink .TournamentBracket .teamname, .shrink .TournamentBracket .seed, .shrink .TournamentBracket .score { font-size:.8em; }
.shrink .section { margin: 0;}
          
.TournamentBracket, .thirdplacegame, .thidplacegame { width: 100%; font-size: 12px; }
.tournamentBottomBorder { display:none; border-bottom: 1px solid #1c314c; }

.TournamentBracketContainer { position:relative; }
.TournamentBracketContainer a.sponsor { position:absolute; margin:0;}
.TournamentBracketContainer a.sponsor img { max-width: 125px; max-height: 125px; margin: 0; border: none!important;}


.sponsorBlock .bracket-sponsors { float: none; margin-top: 25px; }
.sponsorBlock .bracket-sponsors a.sponsor { margin-top: 0; }


.sponsorMap { border: 2px solid #888; border-radius: 7px; background-color: #fdfdfd; min-height: 600px; }

.sponsorMap .sponsorColumn { display: flex; align-items: center; padding: 0; justify-content: center; position: relative; margin: 1em 0 5em 0; }

.sponsorMap .mapColumn { padding: 0;}
.sponsorMap .sponsorColumn .sponsor {  width: 100%; max-height: 15%; position: absolute;}
.sponsorMap .sponsorColumn .sponsor.top { align-self: flex-start; }
.sponsorMap .sponsorColumn .sponsor.bottom { align-self: flex-end; }

.sponsorMap .sponsorColumn .sponsor a { max-width: 70%; margin: 0 auto; height: 20%; padding: 0; display: block;}
.sponsorMap .sponsorColumn .sponsor img { max-width: 100%; }


/*table.sponsorMap { border: 2px solid #888; border-radius: 7px; background-color: #fdfdfd; }
table.sponsorMap td { padding-bottom: 0; border-radius: 7px; }
table.sponsorMap td.sponsor { width: 155px; height:200px; text-align:center; padding: 0 15px;}
table.sponsorMap td.sponsor a { width: 125px; padding: 15px 0; display: block;}
table.sponsorMap td.sponsor img { width: 125px; }
table.sponsorMap td.sponsor.bottom { vertical-align: bottom;}*/


.bracket-sponsors.bottom {  }
.bracket-sponsors.bottom img {  }
a.sponsor.extra { position: relative; float: left;  margin: 2em 1em; }
a.sponsor.extra img { max-width: 125px; max-height: none; border-color: transparent; margin: auto; border-color: transparent!important; }

div.thirdPlaceGame { height: 75px;}
#ThirdPlaceGame {position: absolute; right: 1em;  /*margin-top:75px;*/ }
#ThirdPlaceGame .winner .team { border-bottom: 1px solid black; }
.winner td { font-weight: bold; color: #333; }
td .record { font-weight:normal; padding-left:1px; font-size:75%; color:#333; white-space:nowrap;  }
a.schoolLink { color:#26a; }
.large-bracket td.game { width: 100px; max-width: 100px; }
.teamname img { float: left; padding-right: 5px; height: 18px; width: 18px; margin-left: .5em; }
div.contractstatus { font-size: .83em; color: #666; margin: 3px 0px; }

h3.site-name { font-weight: bold; font-size: 1.37em; }

/* Scrollable Table */
div.scrollcontainer { height: 175px; }
table.scrollable {	width: 97%;	border-bottom: 1px; border-top:0px; padding: 0px 25px 0px 0px;}				
html> /**/body table.scrollable tbody{	overflow: auto; height:175px; /*overflow-x: hidden;*/} /*make table body scrollable, unless it's IE*/	
table.scrollable thead tr {	position:relative; }
table.scrollable td:last-child {padding-right: 20px;}

.Time .label { font-weight: bold; font-size: 1.1em; color: #333; }
.imgLink:hover {cursor: pointer;}


/*
 * SimpleModal Confirm Modal Dialog
 * Copyright (c) 2008 Eric Martin - http://ericmmartin.com
 * Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
 * Revision: $Id: confirm.css 162 2008-12-01 23:36:58Z emartin24 $
 */
/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:85%; width:600px; background-color:#fff; border:3px solid #ccc; overflow-x:hidden; overflow-y:auto;}
#simplemodal-container a.modalCloseImg, a.modalCloseImg {background:url(img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:8px;}


.qualifier { font-weight: bold; line-height: 1.2em; display:block; height: 18px; }
.qualifier.team-qual { background-image: url(img/IconSprite.gif); background-repeat: no-repeat; background-position: 0 -1888px; padding-left: 21px; }
.qualifier.ind-qual { background-image: url(img/IconSprite.gif); background-repeat: no-repeat; background-position: 0 -1863px; padding-left: 21px; } 

/* Overlay */
#confirmModalOverlay {background-color:#eee; cursor:wait;}
/* Container */
#confirmModalContainer {height:275px; width:500px; text-align:left; background:#fff; border:2px solid #336699; }
#largeModalContainer { height: 350px; width : 620px; text-align:left; background:#fff; border:2px solid #336699; }
#confirmModalContainer .header, #largeModalContainer .header {height:30px; width:100%; background:url(img/header.gif) repeat-x; color:#fff; font-size:1.1em; font-weight:bold; line-height:30px; padding-bottom:10px;}
#confirmModalContainer .header span, #largeModalContainer .header span {padding-left:8px;}
#confirmModalContainer .section, #largeModalContainer .section	 {color:#333; margin:0; padding:12px 8px; font-size:1.2em;}
#confirmModalContainer .section .action {color:#333; margin:0; padding:12px 8px; font-size:1em;}

#darkModalOverlay { background-color: #333; }
/* Tabs*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {.tabs-hide {display: none;}}


ul.smallTabs { font-size: .83em; list-style: none!important; padding: 0 0 0 4px; text-align:left; border-bottom: 1px solid #888;}
ul.smallTabs:after { display: block;clear: both;content: " ";}
ul.smallTabs li { display: inline-block; padding-right: .05em; min-width: 7em;}
ul.smallTabs li a { 
    display: block; padding: .4em .8em .1em .8em; border-bottom: 1px solid #888; 
    position: relative; top: 1px; z-index: 2; color: #27537a; 
    font-weight: 400; text-align: center;text-decoration: none;white-space: nowrap; 
    color: white!important; background-color: #01314c; 
    border-top-left-radius: .5em; border-top-right-radius: .5em;
    border: 1px solid #01314c;
    border-bottom-color: #333;
}
ul.smallTabs li a.current { color: #333!important; background-color: white!important; border-bottom-color: transparent; }

/* Skin */
.tab-container td { border-bottom: 1px solid #666; }

h3 .tabs-nav { border-bottom: none; }
.tabs-nav { list-style: none!important;margin: 0 0 1px 0;padding: 0 0 0 4px; border-bottom: 1px solid #888; }
.tabs-nav.with-subcontrol{ float: left; }
.tabs-nav:after { display: block;clear: both;content: " ";}
.tabs-nav li { float: left;padding: 0 2px; min-width: 84px; /* be nice to Opera */}

.tabs-nav li.heading label { font-weight: 600; height: 2.5em; padding: .8em .333em 0 .25em; }

.tabs-nav li.subcontrol { float: right; line-height: 3em; }
.tabs-nav li.subcontrol select { float: right; font-size: 14px; padding: 3px 5px; margin-top: 3px; vertical-align: bottom;}
.tabs-nav li.subcontrol .large select { font-size: 16px; }

.tabs-nav li.subcontrol a { background: none; font-weight: normal; padding: 10px; border:transparent; color:#26a;  }
.tabs-nav li.subcontrol a:hover { color: #26a; }
.tabs-nav li a {display: block; padding: 12px 12px; border-bottom: 1px solid #888; }
.tabs-nav li.tabs-selected a { border-bottom: 1px solid transparent; }



.tabs-nav a {position: relative;top: 1px;z-index: 2;padding-left: 0;color: #27537a;font-size: 14px;font-weight: 600; text-align: center;text-decoration: none;white-space: nowrap; /* required in IE 6 */   }
ul.tabs-nav.large li a, .tabs-nav .large a { font-size: 16px!important;}
.tabs-nav.xl a, .tabs-nav .xl a { font-size: 18px;}
.tabs-nav .xxl a{ font-size: 20px;}

.tabs-nav.large a { font-size: 15px;}
.tabs-nav li.newlistgroup{ margin-left: 1em; }
.tabs-nav .tabs-selected a {color: #333;}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {outline: 0; /* prevent dotted border in Firefox */}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {}
.tabs-nav a  {width: 64px; /* IE 6 treats width as min-width */min-width: 64px;height: 18px; /* IE 6 treats height as min-height */min-height: 18px; padding: 6px 15px 3px 15px;}
*>.tabs-nav a { /* hide from IE 6 */width: auto;height: auto;}


.tabs-nav li a i.flaticon, .tabs-nav li a i.far, .tabs-nav li a i.fas, .tabs-nav li a.fal
{ font-size: 1em!important; margin-right: .125em; padding-right: 0;}

.tabs-nav li a i.flaticon, .tabs-nav li a i.far, .tabs-nav li a i.fas, .tabs-nav li a.fal {
    
    width: 1.25em;
    margin-right: .125em;
    padding-right: 0;
}



.tabs-nav li a.red { color:#c00; }

.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {}
 /* .tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { cursor: text;} */
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */cursor: pointer;}
.tabs-nav .tabs-disabled {/*opacity: .4;*/}
.tabs-container {border-top: 0px solid #97a5b0;padding: 10px 0px;background: #fff; clear: both; /* declare background color for container to avoid distorted fonts in IE while fading */}
/*.tabs-container h3 { display:none;}*/
.tabs-loading em {padding: 0 0 0 20px;background: url(loading.gif) no-repeat 0 50%;}

.tabs-nav a { border: 1px solid #888; border-bottom: none; background-image: none; background-color: #e4f0F8;
              border-top-left-radius: 5px; border-top-right-radius: 5px;
              -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; 
              -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left: 5px; 
              }
.tabs-nav .tabs-selected a, .tabs-nav a:hover {background-image: none; background-color: #FFF; }

.tabs-nav li:not(.subcontrol) a span { padding: 12px 15px 6px 18px; background-image: none; }
.tabs-nav .tabs-selected a span {padding-top: 13px; border: none; }

.tabs-nav.small li { min-width: 5em; }
.xxxtabs-nav.small li a { padding: 12px 8px;}

.tabs-nav.blue li:not(.subcontrol) a { color: #d8d8d8; background-color: #1c314c; }
.tabs-nav.blue li:not(.subcontrol) a.emphasize { color: white; }
.tabs-nav.blue li:not(.subcontrol) a:hover,
.tabs-nav.blue li:not(.subcontrol).tabs-selected a { color: #333; background-color: white; }


.tabs-nav.condensed li { min-width: 0px; }
.tabs-nav.condensed a { padding: 0; }
.tabs-nav.condensed a span { padding: 12px 5px 6px 8px; }
.tabs-nav.condensed .tabs-selected a span {padding-top: 13px;}

.tabs-nav.minimal li { min-width: 72px;  }
.tabs-nav.minimal li a { padding: 12px 0 10px 0; }


table.tabs-nav {
    width: 100%;    
    border-bottom:0;
}
table.tabs-nav td { border-bottom: 1px solid #1c314c; padding: 0 0 1px 0; }
table.tabs-nav td.tabs-selected { border-bottom: 1px solid transparent; }
table.tabs-nav td.tabs-selected a, table.tabs-nav td a:hover { background-color: white; color: #1c314c!important; }
table.tabs-nav td a {
    background-color: #1c314c;
    color: white!important;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    display: block;
    margin: 0 .125em;
    padding: .5em .25em;  
    font-size: 1em;
}

ul.subnav { margin: 1em;border-radius: .5em; display: inline-block;  }
ul.subnav li { display:block; /*height: 1.5em;*/ padding:0; font-weight: 600; float: left; }
ul.subnav li:first-of-type { border-top-left-radius: .5em; border-bottom-left-radius: .5em;}
ul.subnav li:last-of-type, ul.subnav li:last-of-type a { border-top-right-radius: .5em; border-bottom-right-radius: .5em;}
ul.subnav li.label { padding: .5em 1em; background-color: #ddd; border:1px solid #666;}
ul.subnav li a { /*height: 1.5em; */ display: block; padding: .5em 1.5em; border:1px solid #666;}
ul.subnav li:hover a { color: white; background-color: #888; }
ul.subnav li.selected a, ul.subnav li.selected:hover { color: white; background-color: #444; }


tr.disabled { color: #999!important; } 
td.disabled { color: #999!important; } 
a.warninglink {color : #c00;}
.black { color:#000!important; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
.clearfix { height:0%; display:block; }
/* end clearfix */

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

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


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


/* Icons
----------------------------------*/

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


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

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

#ui-datepicker-div { z-index: 12 !important; }

/* Bing Map */
#map { margin: 0; border-top: 2px solid #777; border-bottom: 2px solid #777; border-left: 2px solid #777; border-right: 2px solid #777;  }
.sponsorMap #map { border-top-width: 1px; border-bottom-width: 0px;}
#map .mapItem {background: url(img/mapicons.png) no-repeat top left; text-indent: -1000px; cursor: default !important;}
#map .mapItem img { visibility: hidden; } /* these are only used for printing */

#map .sprite-dist1 { background-position: 0 0; width: 32px; height: 32px;}
#map .sprite-dist2 { background-position: 0 -32px; width: 32px; height: 32px;} 
#map .sprite-dist3 { background-position: 0 -64px; width: 32px; height: 32px;} 
#map .sprite-dist4 { background-position: 0 -96px; width: 32px; height: 32px;} 
#map .sprite-dist5 { background-position: 0 -128px; width: 32px; height: 32px;} 
#map .sprite-dist6 { background-position: 0 -160px; width: 32px; height: 32px;} 
#map .sprite-dist7 { background-position: 0 -192px; width: 32px; height: 32px;} 
#map .sprite-dist8 { background-position: 0 -224px; width: 32px; height: 32px;} 
#map .sprite-dist9 { background-position: 0 -256px; width: 32px; height: 32px;} 
#map .sprite-dist10 { background-position: 0 -288px; width: 32px; height: 32px;} 
#map .sprite-dist11 { background-position: 0 -320px; width: 32px; height: 32px;} 
#map .sprite-dist12 { background-position: 0 -352px; width: 32px; height: 32px;} 
#map .sprite-dist13 { background-position: 0 -384px; width: 32px; height: 32px;} 
#map .sprite-dist14 { background-position: 0 -416px; width: 32px; height: 32px;} 
#map .sprite-dist15 { background-position: 0 -448px; width: 32px; height: 32px;} 
#map .sprite-dist16 { background-position: 0 -480px; width: 32px; height: 32px;} 
#map .sprite-dist17 { background-position: 0 -512px; width: 32px; height: 32px;} 
#map .sprite-dist18 { background-position: 0 -544px; width: 32px; height: 32px;} 
#map .sprite-dist19 { background-position: 0 -576px; width: 32px; height: 32px;} 
#map .sprite-dist20 { background-position: 0 -608px; width: 32px; height: 32px;} 
#map .sprite-distnone { background-position: 0 -640px; width: 32px; height: 32px;}
#map img { display: inline; }

.bing-maps-popup { position: absolute; height: 75px; width: 255px; z-index: 999; padding: 25px 10px; border: 1px solid #333; background-color: White; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 7px #999; }
.bing-maps-popup .pointer-border { border-color: transparent #333 transparent transparent; border-style: solid; border-width: 20px; height: 0; width: 11px; position:relative; top: 15px; left: -61px; }
.bing-maps-popup .pointer-filler { border-color: transparent white transparent transparent; border-style: solid; border-width: 20px; height: 0; width: 0; position:relative; top: -25px; left: -48px; }
.bing-maps-popup-body { background-color: White; margin: -85px 0 0 15px; font-weight: bold; }

/* home-image */
#home-image {width:400px;overflow:hidden;padding: 10px 0 0;margin: 0 0 20px;}
#home-image img {display:block;margin:0;}
#home-image-subbar {background: #000;padding: 10px;}
#home-image-subbar .title {font-size:16px;color:#fff;font-weight:bold;}
#home-image-subbar ul {overflow:hidden;/*zoom:1;*/}
#home-image-subbar li {float:left;margin-right:10px;font-weight:bold;}

.landShow { width: 470px; height:350px; overflow:hidden; padding: 10px 0 0; margin: 0 0; z-index:1; position:relative;}
.landShowNoCaption { width: 466px; height:295px; overflow:hidden; padding: 10px 0 0; margin: 0 0 20px; z-index:1; position:relative;border:1px solid #274A76;}
.landShowNoCaption img { display:block; margin:0;}
.landShow img { display:block; margin:0;}
.rotatingItem { position:absolute; top:0; left:0; }
.rotatingItem .caption { background:#000; opacity: .667; padding: .25em 0.75em .25em 0.75em; width:470px; position:absolute; bottom:0; height:2.5em;}
.rotatingItem .caption .title {font-size:16px;color:#fff;font-weight:bold; margin:0px; display: inline-block;}
.rotatingItem .caption li { float:left; margin-right:10px; padding-bottom: .333em; font-weight:bold; color:White; }
.landShowNoCaption .rotatingItem .caption { display:none;}

.photo-control-wrapper a { display:block; float:left; text-indent:-1000px; opacity:.8; width:17px; background: url(img/landshow-controls.gif); padding:0px; margin:0px; margin-top:2px; margin-left:6px; }
.photo-control-wrapper a.back { background-position: 0 -114px; }
.photo-control-wrapper a.forward { background-position: 0 -85px; }
.photo-control-wrapper a.play { background-position: 0 -26px; }
.photo-control-wrapper a.pause { background-position: 0 -52px; }
.photo-control-wrapper {background:url(img/landshow-controls.gif); width:80px; height:20px;  position:absolute; z-index:100; display:none;margin-left: 5px; margin-top:0px;}

/* Admin-image */
.photo-admin-wrapper {margin-bottom:25px; width: 50%; border: 2px solid #ddd; border-radius: .5em; padding: 0 2em; }
.photo-admin-wrapper img { max-width: 350px; float:left; border: 2px solid #333; }

.photo-admin-wrapper.available img { height: 250px; width: auto; }
.photo-admin-wrapper.available { width: 39%; float: left;  }
.photo-admin-wrapper.available:nth-child(2n + 1) { margin-right: 9%; }
.photo-admin-wrapper div.action { text-align:center; padding-top: 0.5em; }

/* Search
----------------------- */
div.search-results span.title, div.search-results span.summary 
    {display: block;margin-bottom: 3px;}
div.search-results span.url{color:#666666; display:block;}
div.search-results span.title {font-size: 15px; margin-right:5px;}
div.search-results .bingLogo{float:right;margin-top:11px;}
div.search-results .docType {display:inline; padding-left:5px;}

/* Transparent SuperButton
------------------------ 
*/
.sbStart{background:url(img/SuperButton/btn-super-20x34.gif) no-repeat; padding:10px 0px;}
.sbMain{background:url(img/SuperButton/btn-super-middle-1x34.gif) repeat-x; height:34px; padding:10px 0px 10px 7px; margin-right:16px; margin-left:28px;}
.sbClose{background:url(img/SuperButton/btn-super-close-16x34.gif) no-repeat right bottom; padding: 10px 0px;}
.sbText{}

.CustomSuperButton, .CustomSuperButton-Add, .CustomSuperButton-Delete, .CustomSuperButton-File, .CustomSuperButton-Ok, .CustomSuperButton-Edit, .CustomSuperButton-Find, .CustomSuperButton-Switch, .CustomSuperButton-Refresh, .CustomSuperButton-Print, .CustomSuperButton-Money, .CustomSuperButton-Excel, .CustomSuperButton-Email {height:34px; text-decoration:none; margin-right:7px; color:#333 !important; line-height:34px;}
.CustomSuperButton:hover, .CustomSuperButton-Add:hover, .CustomSuperButton-Delete:hover, .CustomSuperButton-File:hover, .CustomSuperButton-Ok:hover, .CustomSuperButton-Edit:hover, .CustomSuperButton-Find:hover, .CustomSuperButton-Switch:hover, .CustomSuperButton-Refresh:hover, .CustomSuperButton-Print:hover, .CustomSuperButton-Money:hover, .CustomSuperButton-Excel:hover, .CustomSuperButton-Email:hover{color:Black;}
.CustomSuperButton-Add .sbStart {background-image: url(img/SuperButton/btn-super-add.gif);}
.CustomSuperButton-Delete .sbStart {background-image: url(img/SuperButton/btn-super-del.gif);}
.CustomSuperButton-Ok .sbStart {background-image: url(img/SuperButton/btn-super-ok.gif);}
.CustomSuperButton-Edit .sbStart {background-image: url(img/SuperButton/btn-super-edit.gif);}
.CustomSuperButton-Find .sbStart {background-image: url(img/SuperButton/btn-super-find.gif);}
.CustomSuperButton-Switch .sbStart {background-image: url(img/SuperButton/btn-super-switch.gif);}
.CustomSuperButton-Refresh .sbStart {background-image: url(img/SuperButton/btn-super-refresh.gif);}
.CustomSuperButton-Print .sbStart {background-image: url(img/SuperButton/btn-super-print.gif);}
.CustomSuperButton-File .sbStart {background-image: url(img/SuperButton/btn-super-file.gif);}
.CustomSuperButton-Money .sbStart { background-image: url(img/SuperButton/btn-super-dollar.gif);}
.CustomSuperButton-Excel .sbStart { background-image: url(img/SuperButton/btn-super-xls.gif);}
.CustomSuperButton-Email  .sbStart{ background-image: url(img/SuperButton/btn-super-email.gif);}

.CustomSuperButton .sbMain{margin-left:14px; padding-left:2px;}

.ui-dialog-content .sbClose { padding: 9px 0 8px 0;}


/* Official Tests
---------------------------------
*/
.Question
{
    margin: 20px 0;    
}
.Question p.prompt
{
    color:#666666;
    font-size:1.25em;
    font-weight:bold;
    margin:5px 0 10px; 
}
.Question p.explanation
{
    color:#666666;
    font-size:1.16em;
    font-style:italic;
    font-weight:normal;
    margin:5px 0 10px 25px;    
}
.Question .answers
{
    color:#333333;
    font-size:1.16em;
    margin:0 0 0 10px;    
}

.Question .answers input {
    margin:0 5px 0 0;
}
.Question .answers span {
    padding-left:22px;
}
.Question .answers .correct {
    background-image:url("img/check-16.gif");
    background-position:0 50%;
    background-repeat:no-repeat;
    font-weight:bold;
}
.Question .answers .incorrect {
    background-position:0 50%;
    background-repeat:no-repeat;
    color:#CC0000;
}
.Question .answers tr {
    display:block;
}
.Question .info-bl p
{
    font-size: 1em;    
}
.CustomSuperButton .sbMain{margin-left:14px; padding-left:2px;}

/* ------------- Doubles Teams -------------- */
.DoublesRankOrders{width:650px; margin-bottom: 10px;}

/* ------------- Public Registration --------- */

.PublicRegistration{margin-left: 5px;}
.PublicRegistration h1
{
    color:#5E5E5E;
    font-weight:normal;
    text-transform:uppercase;
}
.PublicRegistration .field{margin-top:5px;position:relative;display:block;}
.PublicRegistration .field span
{
    color:#333333;
    display:block;
    font-weight:bold;
    padding-bottom:3px;
    font-size: 14px;
}
.PublicRegistration .field input, .PublicRegistration .field select
{
    border:1px solid #AAAAAA;
    color:#5E5E5E;
    padding:5px;
    width:350px;   
    font-size:150%;
    margin: 5px 0;
}

.PublicRegistration .field input[type=checkbox]
{
    width: 25px;
}

.PublicRegistration .field label
{
    color:#5E5E5E;
    padding:5px;
    font-size:125%;    
}

.PublicRegistration p.note
{
    font-style:normal;
    font-size: .9em; 
    padding:0px;   
}

.PublicRegistration .address .locality .city input
{
    width: 275px;
}

.PublicRegistration .address .locality input
{
    width: 36px;
}

.PublicRegistration .address .zip input
{
    width: 100px;
}

.custom-select-box-container { margin-left: 2px; font-size:.6em; }
.custom-select-box-container a.view-small { padding-left: 15px; margin-left: 0px; background-position: 0 -1535px; color: #07f; font-size:1em; text-decoration:underline; }
.custom-select-box-container .custom-item { font-size: 1.3em; color: #333; cursor: pointer; }
.custom-select-box-container .custom-item:hover { text-decoration:underline;}
.custom-select-box { display: none; position: absolute; background-color: White; cursor: pointer; border: 1px dotted #444; left: 525px; z-index: 999;}
.custom-select-box li { padding: 5px 10px; display: block; text-align:left; }
.custom-select-box li:hover { background-color: #eee; }
.custom-select-box li span, .custom-select-box li a { padding: 0!important; margin: 0!important; text-decoration: none; display:block; }

.competition-date { color: #444; }
.sub-list-title { font-size:1.3em; color: #555; margin-top: 15px; font-weight:bold; }
.sub-list { margin-left: 25px; list-style-type: circle; color:#333; font-size:1.2em; }

.link-note { color:#666; font-weight: bold; font-size:.95em; }

.bracket-sponsors { margin-top: 4em; width: 100%; display:flex; flex-direction: row; justify-content: space-evenly; flex-flow: wrap; float: right; margin-bottom: 2em; }
.bracket-sponsors a { }
.bracket-sponsors img { max-height: 55px; margin-left: 20px; width: 150px; }
.bracket-sponsors img.tall { max-height: 125px; max-width: 126px; margin-bottom: 4px;}
.bracket-sponsors img.shadow { border: 1px solid #444; box-shadow: 2px 2px 2px #444;}
.link-note { color:#666; font-weight: bold; font-size:.95em; }

/* Official Zoning Assignemnts */
#OfficialListContainer, #GameListingContainer { height: 300px; overflow: auto; border: 1px solid #ccc; }
#OfficialList, #GameListing { display:block; font-size:1.2em; cursor:default; }
#OfficialList tr td, #GameListing tr td { border-bottom: 1px solid #ddd; padding: 3px 0 3px 10px; width:300px; }
.official-container { width: 270px; }
#OfficialList tr:hover, #GameListing tr:hover, #GameListing tr.hover { background-color: #f3f3f3; }
#OfficialList span.probation { color: #f33; padding-left: 0; font-size: 1em;  }
.filter-col { padding: 25px 20px 0 0; }
.filter-list { list-style-type: none; }
.filter-list a { text-decoration: none; }
.filter-list a.sel { font-weight: bold; text-decoration: underline; }
#GameListing .game-container { padding-left: 5px; }
#GameListing tr.separator td { padding: 1px; }
#GameListing tr.highlight, #OfficialList tr.highlight { background-color: #4499DD; color: White; }
#GameListing tr.highlight .comp-detail, #OfficialList tr.highlight .official-note { color: White; }
.official-container.ui-draggable-dragging { color: black !important; padding: 5px; background-color: #f8f8f8; opacity:0.7;filter:alpha(opacity=70); }
.official-container.ui-draggable-dragging .official-note { color: #666 !important; }

#official-search-results a { color: #0066cc; }

select.medium-select { font-size: 1.1em; }
input.medium-textbox { font-size: 1.3em; }

.rbl td { padding-bottom: 2px!important; font-size:1.2em; }
.rbl label { padding-left: 5px; }
.floating-container { background-color:white; border: 2px solid #7f7f7f; padding: 10px 15px; color: #4F81BD; float:right; position:relative; -moz-box-shadow: 10px 10px 15px #888; -webkit-box-shadow: 10px 10px 15px #888; box-shadow: 10px 10px 15px #888; }.floating-container h4.title { font-size:1.3em; font-weight:bold; border-bottom:1px solid #4f8a8d; margin: 0 0 10px;}
#official-contract-brief-list { width: 350px; background-color:White; float:right; }

.active-list input:checked+label { font-weight:bold; } /* bolds the label for a check box if it's checked */
.medium-header { font-size: 1.3em; color: #333; font-weight: bold; border-bottom: 1px solid #444; }

.legend { margin-left: 25px; }
.legend .legend-item { display: block; float: left; margin-right: 15px; color:#888; }
.legend .legend-item img { display: inline; }

.toggle-set, .toggle-set-vert { font-size: 1.3em; }
.toggle-set li { float: left; border: 1px solid #aaa;border-right:none;}
.toggle-set-vert li { border: 1px solid #aaa; border-bottom:none; }
.toggle-set li a, .toggle-set-vert li a { display:block; text-align:center;  text-decoration:none; line-height: 2em; padding: 0 5px; min-width: 20px; margin:0; }
.toggle-set li.first { -webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomleft: 7px;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}
 .toggle-set-vert li.first { -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}  

.toggle-set li.last {
border-right: 1px solid #aaa;
-webkit-border-top-right-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
.toggle-set-vert li.last {
border-bottom: 1px solid #aaa;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}
.toggle-set li.selected a, .toggle-set-vert li.selected a { color: White; font-weight: bold; }
    
.toggle-set li.selected, .toggle-set-vert li.selected {
background-image: linear-gradient(bottom, rgb(118,184,250) 15%, rgb(17,134,251) 70%);
background-image: -o-linear-gradient(bottom, rgb(118,184,250) 15%, rgb(17,134,251) 70%);
background-image: -moz-linear-gradient(bottom, rgb(118,184,250) 15%, rgb(17,134,251) 70%);
background-image: -webkit-linear-gradient(bottom, rgb(118,184,250) 15%, rgb(17,134,251) 70%);
background-image: -ms-linear-gradient(bottom, rgb(118,184,250) 15%, rgb(17,134,251) 70%);
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.page-break { display:none; }

.sxy-txt { font-size:1.1em; }
.dive-chart td.dive { text-align: center; }
.dive-chart td.dive a:hover { font-weight:bold; }

.Tournament-Exp tr td { height: 20px; }
.Tournament-Exp tr.top td, .Tournament-Exp tr.bottom td { border-bottom: 1px solid #aaa; }
.Tournament-Exp td.details, .Tournament-Exp tr.bottom td.score { border-right: 3px solid #AAA; }
.Tournament-Exp tr { vertical-align:top }
.Tournament-Exp tr td.game-exp tr { vertical-align:bottom; }
.dive-chart td.dive a:hover { font-weight:bold; }

.official-contract-container table.form table.checkbox td { padding-right: 15px; }
.official-contract-container table.form table.checkbox td label { vertical-align: bottom; }

.official-contract-container .contract-status { padding-left: 10px; font-size:13px; }
.official-contract-container .contract-status.pending-contract { color: #888; }
.official-contract-container .contract-status.accepted { color: #3b3; }
.official-contract-container .contract-status.declined { color: #b33; }

.input-timepicker { width: 80px; }
table.game-levels .input-timepicker { margin-left: 15px; }
table.form td table.checkboxextrasmall td { vertical-align:middle; }


#SavedNotification 
{
    display:none;
    float: right;
    position: relative;
    right: 330px;
    padding: 10px 25px;
    background-color: #CEC;
    border-radius: 5px;
    top: 10px;
    font-size: 16px;
    color: #0F820F;
    border: 2px solid #5C5;
    font-weight: bold;
    width: 250px;
    text-align: center;
    margin-bottom:-500px;
}

table.form tr.large-form-header th { font-size: 14px; }

div.loading { background:transparent url(img/loading-bar.gif) no-repeat; background-position:-5px 18px; height:50px; text-align:center; font-size:16px; color: #999; width: 215px; margin: 0 auto;  }

.site-loader 
{
    z-index: -99999;
    position: absolute;
    background: rgba(255, 255, 255, .6);
    top: 0;
    display: none;
}

.site-loader div.loading 
{
    background-position: -5px 0px;
    height: 20px;
    width: 210px;
}

.site-loader .loading-content 
{
    height: 60px;
    width: 210px;
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

.site-loader .loading-content .loading-message, .site-loader .loading-content .sub-loading-message 
{
    font-size: 24px;
    text-align: center;
    margin: 0;
    color: #888888;
    line-height: 24px;
}

.site-loader .loading-content .sub-loading-message 
{
    font-size: 16px;
    font-weight: 300;
}

body.loading .site-loader 
{
    display: block;
}

.official-contract-wrapper .expense-field { display: none; }
span.checkbox label { padding-left: 4px; padding-top:5px; display: inline-block; *display: inline; *zoom: 1; }
span.warning-icon { display:inline-block; *display:inline; zoom: 1; height:16px; width: 16px; background-image: url(img/error-16.gif); }

table.form ul.checkbox li { padding-bottom: 10px; }

.contract-filter { border: 1px solid #bbb; font-size: 1em; border-radius: .25em; background-color: #eee; padding: .5em;  margin:0; }
.contract-filter table { width: 100%; }
.contract-filter  td { padding: 0 1em; }
.contract-filter select { border-radius: .25em; padding: .25em; }
.contract-filter .fs_item { padding: 0; margin: 0; }
.contract-filter .DateBox input { border-radius: .25em; padding: .25em .75em;}

#game-form .quick-edit, #game-form.edit .view { display: none; }
#game-form.edit .quick-edit { display: table-row; }

.aboutlink-table td {
    line-height: 30px;
}
.aboutlink-table .sortable-handle {
    height: 16px;
    width: 16px;
    display: inline-block;
    cursor: move;
    line-height: 3px;
    text-align: center;
    padding-top: 0;
    border: 1px solid #CCC;
    margin-top: 5px;
    padding: 0 2px 3px 0;
}
.aboutlink-table tr input[type=text],
.aboutlink-table tr span.edit,
.aboutlink-table tr.edit span.view,
.aboutlink-table tr.edit a.edit {
    display: none;
}
.aboutlink-table tr.edit input[type=text],
.aboutlink-table tr.edit span.edit {
    display: inline-block;
}
#groups-save,
#links-save {
    display:none;
}
#groups-save.can-save,
#links-save.can-save {
    display: block;
}

/* Hover Menu */

.hovermenu { position: absolute; background-color: #fafafa;  border: 1px solid #aaa; 
                           border-radius: 5px; box-shadow: 6px 6px 6px #aaa; }
.hovermenu.action { margin: 0 0 0 .75em;  }                           

.hovermenu ul { margin: 0; }
.hovermenu ul li { display: block; border-top: 1px solid #777; }
.hovermenu ul li:first-of-type { border-top: none;}
.hovermenu ul li:before { content: ""; padding: 0; }
.hovermenu ul li a { padding: 3px 10px 2px 10px; display: block; text-align: left; } 

a.hoverlink {  height: 15px; width: 14px; border: 1px solid transparent;
               display: inline-block; *display: inline; zoom: 1; z-index: 3; }
a.hoverlink.hover, a.hoverlink:hover, a.hoverlink.hover:hover { text-decoration: none; background-color: #f3f3f3; border: 1px solid #7BA4E2; }

.hovermenu li:hover { background-color: #eee; }

/* End Hover Menu */

/* JQUERY PT TIME SELECT PLUGIN */
#ptTimeSelectCntr {
	width: 250px; 
	font-size: .9em;
	position: absolute;
	z-index: 10;
	display: none;
}
#ptTimeSelectCntr .ui-widget{
	padding: .2em;
}
#ptTimeSelectCntr .ui-widget-header {
	padding: .2em;
}
#ptTimeSelectCntr #ptTimeSelectUserTime {
	font-size: larger;
	padding: .2em;
	padding-left: 1em;
	text-align: center;
}
#ptTimeSelectCntr #ptTimeSelectCloseCntr {
	display: block;
	padding: .2em;
}
#ptTimeSelectCntr #ptTimeSelectCloseCntr a {
	display: block;
	padding: .2em;
}
#ptTimeSelectCntr .ui-widget-content {
	 margin-top: .1em;
	 margin-bottom: .1em; 
	 padding: .2em;	
}
#ptTimeSelectCntr .ui-widget.ui-widget-content {
	margin-top: 0;
}
#ptTimeSelectCntr .ptTimeSelectLeftPane.ui-widget-content {
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right-width: 2px;
}
#ptTimeSelectCntr .ptTimeSelectRightPane.ui-widget-content {
	border: none;
}
#ptTimeSelectCntr .ptTimeSelectHrCntr,
#ptTimeSelectCntr .ptTimeSelectMinCntr 
{
    padding-left: 10px;
    padding-bottom:5px;
}
#ptTimeSelectCntr .ptTimeSelectHrCntr a,
#ptTimeSelectCntr .ptTimeSelectMinCntr a {
	display: block;
	float: left;
	padding: .2em;
	width: 1.9em;
	margin: 1px;
	text-align: center;
	text-decoration: none;
}
#ptTimeSelectCntr .ptTimeSelectHrAmPmCntr 
{
    float:left;
    padding: 3px 0 0 3px;
    width:65%
}
#ptTimeSelectCntr .ptTimeSelectHrAmPmCntr a {
	text-align: center;
	margin: 1px;
	width: 35%;
}
#ptTimeSelectCntr .ptTimeSelectTimeLabelsCntr {
	font-weight: bold;
	font-size: .9em;
}
#ptTimeSelectCntr #ptTimeSelectSetButton {
	padding-top: .2em;
	padding-bottom: .2em;
}
#ptTimeSelectCntr #ptTimeSelectSetButton a {
 	display: block;
	padding: .2em;
	width: 30%;
	text-align: center;
	float: right;
}

/* END TIME SELECT PLUGIN */

/* Tipsy Plugin */

.tipsy { font-size: 11px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  .tipsy-inner ul li { color: #fff; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

/* End Tipsy Plugin */



/* Jquery UI Autocomplete */

.ui-autocomplete { width: 663px; }

.yellow-card-autocomplete { width: 186px; }
.admin-yellow-card-autocomplete { width: 140px; }

/* End Jquery UI Autocomplete */

.marginLeft4 
{
    margin-left: 4px;
}

.marginLeft6
{
    margin-left: 6px;
}

.marginY50
{
    margin: 50px 0px;
}

.margin5
{
    margin: 5px;
}

.margin10
{
    margin: 10px;
}

.relative 
{
    position: relative;
}
.abs-tr
{
    position: absolute;
    top:0;
    right: 0;
}

.pad2
{
    padding: 2px;
}

.pad5
{
    padding: 5px;
}


.top-links .action 
{
    display: inline-block;
}

.top-links .action:not(:first-child) 
{
    float: right;
}

.pull-right 
{
    float: right;
}

.pull-left 
{
    float: left;
}

[class*=' step']:not(.step-title),[class^='step']:not(.step-title)
{
    display: none;
}

[class*=' step'].active, [class^='step'].active 
{
    display: block;
}

.form-horizontal .field {
    float: left
}

.form-horizontal .SuperButton-Excel
{
    margin: 5px 15px;
}

.field 
{
    padding: 10px;
}

.field input 
{
    padding: 4px 2px;
    font-size: 14px;
}

.field label 
{
    font-size: 14px;
    padding-right: 5px;
}

#ddReport 
{
    min-height: 620px;
}

.align-middle 
{
    vertical-align: middle;
}

.sep 
{
    margin-right: 12px;
}

.card-sum-wrap 
{
    overflow-x: auto;
}

.card-sum-wrap > table td
{
    vertical-align: middle;
}

.grid 
{
    width: 100%;
}

.col-1-2, .col-5-10 
{
    width: 50%;
}

.col-1-4
{
    width: 25%;
}

.col-3-4
{
    width: 75%;
}


/* PHOTO ID */

.previewImage { max-width: 500px; max-height: 500px;  }

.image-cropper { width: 100%;  }
.image-editor { overflow: hidden; }

.cropit-image-preview {
  background-color: #f8f8f8;
  background-size: cover;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-top: 7px;
  margin-left: 250px;
  width: 250px;
  height: 325px;
  cursor: move;
}

.cropit-image-background-container { margin: 0 250px; }
.cropit-image-background {
  opacity: .2;
  cursor: auto;
}

.cropit-actions { margin: 15px 250px; text-align: center; width: 250px; }
.cropit-image-zoom-input-container { width: 250px; margin: 0 250px; height: 25px; text-align:center; }
.cropit-image-zoom-input { width: 63%; margin: 0 12px; }
.cropit-image-zoom-input-container i {  vertical-align:top;  }
.cropit-image-zoom-input-container i:first-child { font-size: 10px; text-align: left; margin-top: 6px; margin-left: 2px; }
.cropit-image-zoom-input-container i:last-child { font-size: 16px; text-align:right; margin-top: 2px;}
/*.cropit-image-zoom-container span.fa { display: block; padding: 0 10px; }*/

.image-size-label { margin-top: 0.6rem; }

/*div.portrait-expand-container-small { position:relative; width: 50px;}*/
.portrait img, img.portrait { border: 2px solid #000; background-color: #fff; width: 250px; max-width: 100%; border-radius: 2px; }

.portrait_example { font-size:200px; text-align:center; color: #777; }
.portrait_example i {  border: 2px solid #ccc; padding: 10px 15px 0 15px; border-radius:4px; }

img.portrait.size-tiny { width: 50px; padding: 2px; transition: all .75s ease; -webkit-transition: all .75s ease; }
img.portrait.size-small { width: 100px; padding: 4px; transition: all .75s ease; -webkit-transition: all .75s ease; }
img.portrait.size-medium { width: 175px; padding: 2px; transition: all .75s ease; -webkit-transition: all .75s ease; }

img.portrait.with-expansion:hover { width: 250px; padding: 7px; transition: all .75s ease; -webkit-transition: all .75s ease; }

div.portrait-none.size-tiny { color: #aaa; font-size: 42px; max-width: 50px; height: 65px; border: 1px solid #ccc;  border-radius: 2px;  }
div.portrait-none.size-tiny i { vertical-align:bottom; display:block; padding: 12px 0px 0 12px;}

input {
  /* Use relative position to prevent from being covered by image background */
  position: relative;
  z-index: 10;
}
.ui-dialog input { z-index: 0; }

/* Official ID Card */

.portrait-column { width: 50px; padding-left: 10px; }


/* Screen Only */ 
.OfficialIDCard { transform: scale(1.5, 1.5); height:1em; position:absolute; top: 50px; margin: 0 193px; border-radius: 4px; }
.OfficialIDCard-stretch { height: 350px; position:relative; }
.OfficialID_Small { white-space: nowrap; width: 275px; transform: scale(.5, .5); position:relative; }
.OfficialID_Small .OfficialIDCard { margin: 0; padding:0; position:absolute;  }


.OfficialIDCard { width: 312px; height: 176px; border: 2px solid #024a77; position:relative; background-color: #024a77; -webkit-print-color-adjust: exact; }

.OfficialIDCard img.durationTier_0, .OfficialIDCard.durationTier_0 { background-color: #888; border-color: #888; }
.OfficialIDCard img.durationTier_1, .OfficialIDCard.durationTier_1 { background-color: #024a77; border-color: #024a77; }
.OfficialIDCard img.durationTier_2, .OfficialIDCard.durationTier_2 { background-color: #000; border-color: #000; }
.OfficialIDCard img.durationTier_3, .OfficialIDCard.durationTier_3 { background-color: #DAA520; border-color: #DAA520; }
.OfficialIDCard.durationTier_3 h1.association, .OfficialIDCard.durationTier_3 h2.year { color: Black; font-weight: bold; }

.OfficialIDCard h1.association { font-weight: bold; font-size: 12.5px; text-align: center; background-color: transparent; color: White;  line-height: 25px; }
.OfficialIDCard h2.year { top: 160px; font-weight:bold; font-size: 10px; text-align: center; background-color: transparent; color: White;  line-height: 14px; position: absolute; width: 100%; }
.OfficialIDCard .portrait { position: absolute;  left: 0; height: auto; width: auto; height: 135px; padding: 0px; background-color: transparent; border-right: 2px solid transparent; border-left: 1px solid transparent; border-top: 0; border-bottom: 0;}

.OfficialIDCard .info { position: absolute; left: 107px; width: 200px; height: 135px; padding: .25em .5em; background-color: White; }
.OfficialIDCard .info:after { content: " "; height: 100%; width: 100%; opacity: 0.125; background: url(img/mshsaa_logo_400x400.gif) no-repeat; background-size: 100px 100px; background-position: center center; position: absolute; top: 0; left: 0; }
.OfficialIDCard .info h2.name { text-align: left; font-size: 14px; font-weight:600; line-height: 20px; padding-bottom:0; }
.OfficialIDCard .info h4.number { text-align: left; font-size: 10px; }

.OfficialIDCard .info div.registrations_block { position:relative; text-align: left; font-size: 11px; width: 185px; height: 70px; margin-top: 14px; vertical-align:bottom; }
.OfficialIDCard .info div.registrations { position:absolute; bottom: 3px;  }
.OfficialIDCard .info div.registrations table { width: 185px; font-size: 11px; } /* position: absolute; top: 50%; transform: translateY(-50%); }*/
.OfficialIDCard .info div.registrations th { font-size: 11px; text-align: center; padding: 0; text-align: center; padding-bottom: 3px;}
.OfficialIDCard .info div.registrations tr td { padding: 0; }
.OfficialIDCard .info div.registrations tr td.yearsregistered { text-align: right; padding-right: 8px;}

/* Buttons */

.action { padding: 0; font-size: 16px; clear: both;}
.action.small { font-size: 14px; }
.action.minimize { margin: 3px 0;  }
div.action-bar { border: 1px solid #ccc; border-radius: 6px; background-color:#f8f8f8; }

div.admin { background-color: #eee; padding: 0 1em; border-radius: .333em; border: 1px solid #aaa; }

.centerVertically { margin: 0; position:absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }
.centerHV, .centerVH { margin: 0; position:absolute; top: 50%; left: 50%; -ms-transform: translateY(-50%, -50%); transform: translate(-50%, -50%); }

.action .fas, .fas, i.fas, button.fas, 
.action .far, .far, i.far, button.far, 
.action .fal, .fal, i.fal, button.fal,
.action .fab, .fab, i.fab, button.fab { font-family: 'Open Sans', Sans-Serif; }

.fa, .far, .fal, .fas, .fab, a.fa, a.far, a.fal, a.fas { font-family: 'Open Sans', sans-serif!important; }
.fas:before, i.fas:before, button.fas:before, 
.far:before, i.far:before, button.far:before, 
.fal:before, i.fal:before, button.fal:before { font-family: 'Font Awesome 6 Pro';  }
.fab:before, i.fab:before, button.fab:before { font-family: 'Font Awesome 6 Brands';  }

button.fas, button.far, button.fal { background-color: white; border: 1px solid #666!important;}
button.fas:before, button.far:before, button.fal:before { margin-right: .5em; }


a.far:before, a.far i:before { font-weight: 600;} /* makes the .far use the lighter icon >> didn't like the lighter one */

.no-margin .fs_item { margin: 0 0 0 0!important; }

a i.fas, a i.far, a i.fal { padding-right: 6px; margin-right: .333em; }
i.fas.no-padding, i.far.no-padding, i.fal.no-padding { padding-right: 0; }
i.fas.no-padding:before, i.far.no-padding:before, i.fal.no-padding:before { padding-right: 0!important; }
a.fas.no-padding, a.far.no-padding, a.fal.no-padding { padding-right: 0; }

a.fas.no-margin, a.far.no-margin, a.fal.no-margin, a i.fas.no-margin, a i.far.no-margin, a i.fal.no-margin { margin-right: 0!important; }
/*a.fas.no-padding:before { padding-right: 0!important; }*/
a.fas.icononly.no-padding:before, a.far.icononly.no-padding:before, a.fal.icononly.no-padding:before { padding-right: 0!important; }

table tr td.no-padding { padding: 0!important;}

div input.fa_button { height: 36px; background-color: white; }

a.fa_button, .action a.fa_button, input.fa_button, button.fa_button
{
    height: 2.5em; /* 2/5/2018 - Bootstrap 4   1.333em;*/  /*16px;*/
    line-height: 1.333em; /* 18px;*/
    display: inline-block;
    padding: 9px 15px 9px 15px;
    margin: 5px 12px 1px 0;
    border: 1px solid #888;
    border-radius: 8px;    
    color: #333;
    font-size: 15px;
    font-weight: 600;
    width: auto;
    background-position-x: 10px;
    /*background-color: #f8f8f8;*/
    background-image: none;
    background-repeat: no-repeat;
    overflow:visible;
    box-shadow: 1px 1px 0 #bbb;
    white-space:nowrap;
    text-decoration: none;
}
a.fa_button:hover { background-color:#e4e4e4; color: #111; /* box-shadow: 3px 3px 0 #333;*/ }
a.fa_button:before, a.fa_button:before { padding-right: 9px; font-weight: 900; font-size:24px; display: block; float:left; }

a.fa_button.green, a.fa_button.green:hover { background-color: #060; color: white!important; }

/*a.fa:before { font-size: 1.125em; }*/
.action a.fa_bold { font-weight: bold; }

a.aspNetDisabled, a.aspNetDisabled:before, a.aspNetDisabled span { color: #aaa; cursor: default; }

i.fa-game { display: inline-block; transform: rotate(90deg); padding: 0 0 0 .5em; margin-left: .5em;}
i.fa-game:before { content: "\f148";  }

a.fas.fa_link { font-weight: 400;}
a.fas.fa_link:before { font-weight: 900;}

a.fa_link.bold, a.fas.fa_link.strong { font-weight: 800;}

a.fa_link, a.fa_link:not([href]), a.fa_link:not([href]):hover , .action a.fa_link { /*font-size: 16px; */ color: #26a/*!important*/; text-decoration: none; padding: 9px 8px; border-radius: 3px; border:1px solid transparent; margin-top: 1px; margin-bottom: 1px; /*line-height:18px;*/ }
a.fa_link.nolinktext { padding: 6px 6px 6px 12px; }
a.fa_link.fa_nopadding, a.fa_link.fa_nopadding:hover { padding: 0; }
a.fa_link .text { text-decoration: none; }
a.fa_link:before { padding-right: 0.5em; display: inline-block; width: 1.5em; text-align: center; } /* .75em; */

.fs_grid a.fa_link:before { padding-right: 0.5em; }
.fs_grid a.fa_link.no-padding:before { padding-right: 0; }
a.fas.pull-icon-right:before, a.far.pull-icon-right:before, a.fal.pull-icon-right:before { float:right; padding-left: 0.75em;  }

/*a.fa_link:hover .text {  text-decoration: underline;}*/
a.fa_link:hover:before { background-color: transparent; text-decoration: none!important; }

a.fas[disabled="disabled"], a.fas[disabled="disabled"]:hover, 
a.far[disabled="disabled"], a.far[disabled="disabled"]:hover, 
a.fal[disabled="disabled"], a.fal[disabled="disabled"]:hover { color: #ccc; cursor: default;}

a.fa_link.inactive { color: #aaa; }
a.fa_link.fa_emphasize { font-weight: bold; }
a.fa_link.fa_emphasize:before { font-weight: normal; }
a.fa_link.icon-light:before { font-weight: 400; }

.stronger, .bolder { font-weight: 800; }

span.fa-label:before { padding-right: 9px; }
span.fas.green, span.far.green, span.fal.green, span.green, .green, i.green, button.green { color: #060!important; }
span.fas.red, span.far.red, span.fal.red, span.red, .red, i.red, .red:hover { color: #800!important; }
span.fas.brightred, span.far.brightred, span.fal.brightred, span.brightred, .brightred, i.brightred, tr.brightred td  { color: #c00; }
span.fas.warn, span.far.warn, span.fal.warn, span.warn, .warn, i.warn, tr.warn td { color: #c00!important; }
span.fas.orange, span.far.orange, span.fal.orange, span.orange, .orange { color: #F71; }
span.fas.yellow, span.far.yellow,span.fal.yellow, span.yellow, .yellow { color: #Fb1; } /* 255 210 10 */
span.fas.gray, span.far.gray, span.fal.gray, span.gray, .gray, a.gray, table.gray tr td { color: #888!important; }
span.fas.lightgray, span.far.lightgray, span.fal.lightgray, span.lightgray, .lightgray, a.lightgray { color: #ccc!important; }
span.fas.darkgray, span.far.darkgray, span.fal.darkgray, span.darkgray, .darkgray, a.darkgray { color: #555!important; }
span.fas.white, span.far.white, span.fal.white, span.white, .white, i.white, a.white, a.white:hover { color: #fff !important; }
span.linkBlue, .linkBlue, a.linkBlue { color: #26a!important; }
span.linkBlue:hover, .linkBlue:hover { cursor: pointer; }
span.fas.pink, span.far.pink, span.fal.pink, span.pink, .pink { color: #e5018d; }

span.fas.darkredbackground, span.far.darkredbackground, span.fal.darkredbackground, span.darkredbackground, .darkredbackground, a.darkredbackground { background-color: #600 !important; }
span.fas.darkbluebackground, span.far.darkbluebackground, span.fal.darkbluebackground, span.darkbluebackground, .darkbluebackground, a.darkbluebackground { background-color: #006 !important; }
span.fas.blackbackground, span.far.blackbackground, span.fal.blackbackground, span.blackbackground, .blackbackground, a.blackbackground { background-color: #000 !important; }
span.fas.darkgreenbackground, span.far.darkgreenbackground, span.fal.darkgreenbackground, span.darkgreenbackground, .darkgreenbackground, a.darkgreenbackground {  background-color: #060 !important;}
span.fas.darkgraybackground, span.far.darkgraybackground, span.fal.darkgraybackground, span.darkgraybackground, .darkgraybackground, a.darkgraybackground {    background-color: #666 !important;}
span.fas.graybackground, span.far.graybackground, span.fal.graybackground, span.graybackground, .graybackground, a.graybackground { background-color: #aaa !important;}
span.fas.lightgraybackground, span.far.lightgraybackground, span.fal.lightgraybackground, span.lightgraybackground, .lightgraybackground, a.lightgraybackground { background-color: #eee !important; }

tr.bluebackground td { background-color: #1c314c; color: white; }
tr.redbackground td { background-color: #600; color: white; }
tr.blackbackground td { background-color: #333; color: white; }
td.redLink a { color: #a00;}

span.new { color: #a00; font-weight: 600; font-style:oblique; }

a.fa_extrapadding { padding: 0 1em; }
a.fa_link.red, .action a.fa_link.red .text, .action a.fa_link.icon-red .text { color: #a00;  }
.action a.fas.fa_link.icon-red:hover, .action a.fas.fa_link.icon-red:hover:before,    
    .action a.fas.fa_link.red:hover, .action a.fas.fa_link.red:hover:before,
    .action a.far.fa_link.icon-red:hover, .action a.far.fa_link.icon-red:hover:before,    
    .action a.far.fa_link.red:hover, .action a.far.fa_link.red:hover:before,
    .action a.fal.fa_link.icon-red:hover, .action a.fal.fa_link.icon-red:hover:before,    
    .action a.fal.fa_link.red:hover, .action a.fal.fa_link.red:hover:before  { color: #a00; background-color: transparent;  }

a.icon-orange:before, a.fa_link.orange, a.fa_link.orange .text, a.fa_link.icon-orange .text { color: #F71;  }
a.fas.fa_link.icon-orange:hover,  a.fas.fa_link.icon-orange:before,
    a.fas.fa_link.orange:hover, a.fas.fa_link.orange:hover:before,
    a.far.fa_link.icon-orange:hover,  a.far.fa_link.icon-orange:before,
    a.far.fa_link.orange:hover, a.far.fa_link.orange:hover:before,
    a.fal.fa_link.icon-orange:hover,  a.fal.fa_link.icon-orange:before,
    a.fal.fa_link.orange:hover, a.fal.fa_link.orange:hover:before { color: #F71; background-color: transparent;  }

a.fa_link.black, a.fa_link.black .text, a.fa_link.icon-black .text { color: #333;  }
a.fas.fa_link.icon-black:hover,  a.fas.fa_link.icon-black:before,
    a.fas.fa_link.black:hover, a.fas.fa_link.black:hover:before,
    a.far.fa_link.icon-black:hover,  a.far.fa_link.icon-black:before,
    a.far.fa_link.black:hover, a.far.fa_link.black:hover:before,
    a.fal.fa_link.icon-black:hover,  a.fal.fa_link.icon-black:before,
    a.fal.fa_link.black:hover, a.fal.fa_link.black:hover:before  { color: #333; background-color: transparent;  }


a.icon-green:before, .action a.fas.green, .action a.fas.green:before, .action a.far.green, .action a.far.green:before, .action a.fal.green, .action a.fal.green:before { color: #060;  }
.action a.fa_button.icon-green:hover, .action a.fa_button.icon-green:hover:before,
    .action a.fa_button.green:hover, .action a.fa_button.green:hover:before, 
    button.fas.green:hover, button.far.green:hover,button.fal.green:hover  { color: #fff; background-color: #060;  }

a.icon-gray:before, .action a.fas.gray, .action a.fas.gray:before, .action a.far.gray, .action a.far.gray:before, .action a.fal.gray, .action a.fal.gray:before  { color: #aaa;  }
.action a.fa_button.icon-gray:hover, .action a.fa_button.icon-gray:hover:before,
    .action a.fa_button.gray:hover, .action a.fa_button.gray:hover:before,
    button.fas.orange:hover, button.far.orange:hover, button.fal.orange:hover { color: #fff; background-color: #aaa;  }


a[disabled=disabled], a[disabled=disabled]:before { color: #ccc!important; }

a.icon-red:before, .action a.fas.red, .action a.fas.red:before, .action a.far.red, .action a.far.red:before, .action a.fal.red, .action a.fal.red:before { color: #800;  }
.action a.fa_button.icon-red:hover, .action a.fa_button.icon-red:hover:before,
    .action a.fa_button.red:hover, .action a.fa_button.red:hover:before,
    button.fas.red:hover, button.far.red:hover, button.fal.red:hover { color: #fff!important; background-color: #a00;  }

.action a.fas.pink:before, .action a.far.pink:before, .action a.fal.pink:before { color: #FF69B4;  }
.action a.fas.blue:before, .action a.far.blue:before, .action a.fal.blue:before { color: #00d;  }

a.fas.fa_link.fa-female, a.fas.fa_link.female, a.far.fa_link.fa-female, a.far.fa_link.female, a.fal.fa_link.fa-female, a.fal.fa_link.female,
a.icon-female:before { color: rebeccapurple;  }
a.icon-female:hover { color: #fff; background-color: rebeccapurple; }
a.icon-female:hover:before { color: #fff;  }
.female { color: rebeccapurple; }

.gold, i.gold { color: #CFB53B!important; }
.silver { color: #A7A7AD;}
.bronze { color: #8C7853;}

a.fas.fa_link.fa-male,  a.fas.fa_link.male, a.far.fa_link.fa-male,  a.far.fa_link.male, a.fal.fa_link.fa-male, a.fal.fa_link.male,
a.icon-male:before { color: darkgreen;  }
a.icon-male:hover { color: #fff; background-color: darkgreen;  }
a.icon-male:hover:before { color: #fff;  }
.male { color: darkgreen; }
/*a.fa-trophy:before { font-size:15px;}*/

.processingModal { display: none; font-weight:600; position: absolute; top: 0; width: 100%; height: 100%; z-index: 998; font-size: 2em; }
.processingModalBackground{ height: 100%; width: 100%; position: absolute; top: 0; left: 0; opacity: .8; background-color: #eee; z-index: 999;}
.processingModalMessage{ z-index: 1000; opacity: 1; padding: 1.5em; background-color:#fff; position: absolute; width: 500px; margin-left: -250px; height: 300px; margin-top: -150px; top: 50%; left: 50%; background-color:#fff; border-radius: 1em; border: 3px solid #ddd; text-align: center; }
.processingModalMessageWorkingHard { font-size: .5em; height: .75em; }

.processingModalMessage .iconUser { font-size: 1.5em; position:relative; display:inline-block; }
.processingModalMessage .iconBallContainer { height: 5em; font-size: .75em; position:relative; display:inline-block; margin: 0; }
.processingModalMessage .iconBall { padding-top: 1.5em; }
.processingModalMessage i.flaticon { position: absolute;  margin: 0; padding: 0; }
.processingModalMessage i.flaticon:before { margin: 0; padding: 0; }
.processingModalMessage i.fas, .processingModalMessage i.fas:before, .processingModalMessage i.far, .processingModalMessage i.far:before, .processingModalMessage i.fal, .processingModalMessage i.fal:before { width: auto; padding-right: 0; }


.modal { display: none; font-weight:600; position: absolute; top: 0; width: 100%; height: 100%; z-index: 998; font-size: 2em; }
.modalBackground { height: 100%; width: 100%; position: absolute; top: 0; left: 0; opacity: .8; background-color: #eee; z-index: 999;}
.modalMessage { z-index: 1000; opacity: 1; padding: 1.5em; background-color:#fff; position: absolute; width: 500px; margin-left: -250px; height: 275x; margin-top: -150px; top: 50%; left: 50%; background-color:#fff; border-radius: 1em; border: 3px solid #ddd; text-align: center; }


.musicProcessingModal { display: none; font-weight:600; position: absolute; top: 0; width: 100%; height: 100%; z-index: 998; font-size: 2em; }
.musicProcessingModalBackground{ height: 100%; width: 100%; position: absolute; top: 0; left: 0; opacity: .8; background-color: #eee; z-index: 999;}
.musicProcessingModalMessage {  z-index: 1000; opacity: 1; padding: 1.5em; background-color:#fff; position: absolute; width: 500px; margin-left: -250px; height: 400px; margin-top: -150px; top: 50%; left: 50%; background-color:#fff; border-radius: 1em; border: 3px solid #ddd; text-align: center;  }
.musicProcessingModalMessage i { margin: 0.25em .25em; font-size: 4.5em; }

.musicProcessingModalMessage i:nth-child(even) { animation: rock .75s infinite linear; }
.musicProcessingModalMessage i:nth-child(odd) { animation: rock2 .75s infinite linear; }
@keyframes rock {
    0% {transform: rotate(0deg); }
    25% {transform: rotate(-30deg);}
    50% {transform: rotate(0deg);}
    75% {transform: rotate(30deg);}
    100%{transform: rotate(0deg);}
}
@keyframes rock2 {
    0% {transform: rotate(0deg); }
    25% {transform: rotate(30deg);}
    50% {transform: rotate(0deg);}
    75% {transform: rotate(-30deg);}
    100%{transform: rotate(0deg);}
}

/***** Custom Upload Button *****/
label.uploadLabel input[type="file"] { 
    position: fixed; top: -1000px; font-size: 0; color: transparent; background-color:transparent; width: 0;
}
.uploadLabel {
    border: 1px solid #888;
    border-radius: 4px;
    padding: 6px 9px;
    margin: 2px;
    background: #f8f8f8;
    display: inline-block;
}
.uploadLabel:hover { background: #CCC; }
.uploadLabel:active { background: #CCF; }
.uploadLabel :invalid + span { color: #A44; }
.uploadLabel :valid + span { color: #4A4; }
.uploadLabel i { padding-right: 6px; font-size:1.25em; } 
.uploadFileName { margin-left: 1em; font-weight: normal; color: #666;}

/*Form Sharp */
.formsharp { font-family: 'Open Sans', Tahoma, Arial, sans-serif; font-size: 15px; font-weight: 600; color: #333; clear: both; }
        
.fs_item {  margin: .5em 0 1em 0; border-radius: 5px; font-family: 'Open Sans'; font-size: 1em; font-weight: 600; color: #333;  }
.fs_item.no-margin { margin: 0; }
a.no-padding, .no-padding a, td.no-padding { padding: 0; }

.formsharp h1 { font-size: 36px; color: #333; font-weight: 600; border-color: #333;}
.formsharp h2 { font-size: 32px; color: #444; font-weight: 600; border-color: #444;}
.formsharp h3 { font-size: 28px; color: #555; font-weight: 600; border-color: #555;}
.formsharp h4 { font-size: 24px; color: #666; font-weight: 600;}
.formsharp h5 { font-size: 20px; color: #777; font-weight: 600;}
.formsharp h6 { font-size: 16px; color: #888; font-weight: 600;}

.formsharp .font-normal { font-weight: normal; }
.formsharp .font-semi-bold, .formsharp .font-semibold{ font-weight: 600; }
.formsharp .font-bold { font-weight: bold; }

.formsharp .disabled h1.fs_header { color: #aaa;} 

.formsharp h1.main-title { font-size: 25px; font-weight: 600; margin: 12px 0; padding-bottom: 6px; border-bottom: 2px solid #888; }

.formsharp h1.fs_header { font-size: 1.333em; font-weight: 600; position: relative; background-color: transparent; text-align: left; color: #333; line-height: 28px; margin: 0;  padding: 12px 0 3px 0;}
.formsharp h1.fs_header.fs_largeheader { font-size: 28px; }
.formsharp h1.fs_header.fs_type_admin { background-color: #777; color: White; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: .5em 1em;}
.formsharp h1.fs_header.fs_underline { border-bottom: 1px solid #ccc; border-radius: 0;}

.formsharp h1.fs_header .link { float:right; }
.formsharp h1.fs_header .link a { border: 1px solid #777; padding: 6px 9px 6px 9px; margin: 0; background-color: White; font-size: 15px; font-weight: 600; color: #333; }
.formsharp h1.fs_header .link a.fa_link { border-color: transparent; }
.formsharp h1.fs_header .link a:hover { background-color: #333; color: white;}
.formsharp h1.fs_header .link a:hover span.text { text-decoration: none; }
.formsharp h1.fs_header .link select { font-size: 17px; padding: 4px 4px 0 4px }

.formsharp h1.fs_header a.fa_link { padding: 0; }

.formsharp h1.fs_header a.navigate { font-size: .8em; margin-right: 9px; float: right; color:#333; text-decoration: underline; }


.formsharp h2.fs_header { font-size: 1.25em; font-weight: 600; position: relative; background-color: transparent; text-align: left; color: #555; line-height: 1.25em; margin: 0;  padding: .5em 0 .125em 0;}
.formsharp h3.fs_header { font-size: 1em; font-weight: 600; position: relative; background-color: transparent; text-align: left; color: #777; line-height: 1.25em; margin: 0;  padding: .5em 0 .125em 0;}

.formsharp i:before, i:before { padding-right: 6px; }
.formsharp a i:before, a i:before { padding-right: 0;}


/* Alerts */
.formsharp .fs_panel.fs_item { border: 1px solid #333; border-radius: 6px; }
.formsharp .fs_panel.fs_item.fs_panel_smallnote { border-width: 1px; border-color: #888; background-color: #f4f4f4;}

.formsharp .fs_panel h1.fs_header { font-size: 22px; padding: 9px 12px; }
.formsharp .fs_panel.fs_panel_alert.fs_item { border: 2px solid #a00; }
.formsharp .fs_panel.fs_panel_pending.fs_item { border-color: #888; }

.formsharp .fs_panel h2 { font-size: 18px; font-weight: 600; }


.formsharp .fs_panel_info h1.fs_header { border-color: #337ab7; color: #333; }
.formsharp .fs_panel_note h1.fs_header { background-color: #337ab7; border-color: #337ab7; color: #fff; }
.formsharp .fs_panel_note h1.fs_header div { color: #fff; }
.formsharp .fs_panel_success h1.fs_header { background-color: #060; color: #fff; }
.formsharp .fs_panel_warning h1.fs_header { background-color: #f2c079; color: #000; font-size: 22px; }
.formsharp .fs_panel_alert h1.fs_header { background-color: #a00; border-color: #a00; color: white; font-size: 22px; }
.formsharp .fs_panel_archived h1.fs_header { background-color: #666; color: #fff; }
.formsharp .fs_panel_pending h1.fs_header { background-color: #aaa; background-color: #eee; border-color: #eee!important; color: #555; font-size: 22px; }
.formsharp .fs_panel_smallnote h1.fs_header { font-size: 16px; padding: .25em .5em; background-color: transparent; }
.formsharp .fs_panel span:not(.text), .formsharp .fs_panel div.body { font-weight: normal; display: block; padding: 9px 21px; font-size: 1.25em; border-top: 1px solid #333; }

.formsharp .fs_panel.fs_panel_note span { font-weight: normal; }
.formsharp .fs_panel ol { list-style-type: decimal; list-style-position: outside; margin-left: 2em; }
.formsharp .fs_panel ol li { line-height: 1.75em; }

.formsharp .fs_panel h1.fas.fs_header, .formsharp .fs_panel h1.far.fs_header, .formsharp .fs_panel h1.fal.fs_header { display: block; border-bottom:0; border-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.formsharp .fs_panel h1.fas.fs_header.fs_headeronly, .formsharp .fs_panel h1.far.fs_header.fs_headeronly, .formsharp .fs_panel h1.fal.fs_header.fs_headeronly { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;  }
.formsharp .fs_panel h1.fas.fs_header:before, .formsharp .fs_panel h1.far.fs_header:before, .formsharp .fs_panel h1.fal.fs_header:before { margin-right: 10px; }

.formsharp .fs_panel table tr th { font-size: 1em; font-weight: 600; padding-top: .5em; padding-bottom: .5em;}
.formsharp .fs_panel table tr td { text-align: left; vertical-align: top; padding-top: .5em; padding-bottom: .5em; font-weight:normal;}
.formsharp .fs_panel table:first-of-type tr:first-of-type td:last-of-type,
.formsharp .fs_panel table:last-of-type tr:last-of-type td:last-of-type,
.formsharp .fs_panel table:first-of-type tr td:first-of-type { border: none;}
/*.formsharp .fs_item table:first-of-type tr:first-of-type td:last-of-type, .formsharp .fs_item table:first-of-type tr:first-of-type td:last-of-type label*/

.formsharp .fs_labelblock.minimizeheader { font-size: 1.125em;}
.formsharp .fs_labelblock.minimizeheader h1.fs_header { font-size: .875em; color: #888; line-height: 1em; }
.formsharp .fs_item .fs_label { margin-left: 20px; display: inline-block; }

input[type=text], input[type=email], input[type=tel], input[type=number] { padding: .25em .5em;}
input[type=time] { padding: .25em .5em; border: none;}
.formsharp .fs_radio { font-size: 14px; }
.formsharp .small .fs_radio, 
.formsharp .small .fs_checkbox { font-size: 12px; }
.formsharp .small .fs_item .fs_radio input[type=radio] + label { padding: .25em .5em; }
.formsharp .fs_item div.fs_textbox { background-color: white; /*font-size: 18px; */}
.formsharp .fs_item div.fs_textbox.fs_alignright input { text-align: right; }
.formsharp .fs_item div.fs_textbox.fs_alignleft input { text-align: left; }
.formsharp .fs_item div.fs_textbox input[type=text].small { font-size: .8em; padding: .333em .667em;}
                
.formsharp .fs_item div.fs_textbox.fs_money,
.formsharp .fs_item div.fs_textbox.fs_moneyNoDecimal,
.formsharp .fs_item div.fs_textbox.fs_durationinhundredthsofseconds,
.formsharp .fs_item div.fs_textbox.fs_numeric { width: 7em; padding: 0;}
.formsharp .fs_item div.fs_textbox.fs_percent { width: 5em; padding: 0;}

.formsharp .fs_item div.fs_textbox.fs_durationminutesseconds, .formsharp .fs_item div.fs_textbox.fs_durationhoursminutes { width: 6.0em; padding: 0 .25em;}
.formsharp .fs_item div.fs_textbox.fs_durationminutesseconds input, .formsharp .fs_item div.fs_textbox.fs_durationhoursminutes input {width: 4.5em;}
.formsharp .fs_item div.fs_textbox.fs_durationinhundredthsofseconds input, .formsharp .fs_item div.fs_textbox.fs_durationinhundredthsofseconds input {width: 5.5em;}
.formsharp .fs_item div.fs_textbox.fs_distanceinfeetandinches input, 
.formsharp .fs_item div.fs_textbox.fs_decimaltwoplaces input {width: 7em;}
.formsharp .fs_item div.fs_textbox.fs_height { max-width: 4.5em; }
.formsharp .fs_item div.fs_textbox.fs_height input, .formsharp .fs_item div.fs_textbox.fs_height input {width: 3.5em;}

.formsharp .fs_item div.fs_textbox.fs_inningspitched { width: 3.5em; padding: 0 1em;}

.formsharp .fs_item.fs_error { border-color: #a00; }
.formsharp .fs_item.fs_error h1.fs_header { background-color: #a00; color: White; }
.formsharp .fs_item.fs_error .errormessage { line-height: 2em; font-size: 15px; padding:6px 12px; }
                
/* Data List */
.formsharp .fs_item table.fs_datalist { width: 100%; table-layout:fixed; }               
.formsharp .fs_item table.fs_datalist tr td { text-align: left; padding: 7px 12px; background-color: #fcfcfc; font-weight: 600; }
.formsharp .fs_item table.fs_datalist tr td:empty { background-color: #eee;}


.formsharp .fs_item table.dictionary tr th { padding: 6px 25px 6px 12px; border:1px solid #ddd; border-bottom: none; border-right: none; color: #444; }
.formsharp .fs_item table.dictionary tr td { padding: 6px 12px; text-align:left; border:1px solid #ddd; border-bottom: none; color: #888;}
.formsharp .fs_item table.dictionary tr:last-of-type th, .formsharp .fs_item table.dictionary tr:last-of-type td { border-bottom:  1px solid #ddd; }

                 
/* Radio Buttons */                
.formsharp .fs_item table.fs_radio,
.formsharp .fs_item table.fs_checkbox { width: 100%; table-layout:fixed; }
.formsharp .fs_item table.fs_radio.fs_variablelayout,
.formsharp .fs_item table.fs_checkbox.fs_variablelayout { table-layout: auto; }
.formsharp .fs_item table.fs_radio.fs_leftalign td,
.formsharp .fs_item table.fs_checkbox.fs_leftalign td { text-align: left; }
.formsharp td.fs_minimize .fs_item table.fs_radio,
.formsharp td.fs_minimize .fs_item table.fs_checkbox { width: auto; table-layout: auto; }

.formsharp .fs_item table.fs_radio td,
.formsharp .fs_item table.fs_checkbox td { padding: 0; }

.formsharp .fs_item div.fs_otherEntry {
    display: none;
}
.formsharp .fs_item.fs_showOther div.fs_otherEntry { display: block; width:100%; padding-bottom: 1px; border: 1px solid #777; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
        
.formsharp .fs_item table td { padding: 0; vertical-align: middle; text-align: center;  }
.formsharp .fs_item table td.top, td.top { vertical-align: top!important; }
.formsharp .fs_item table td.left, td.left, .left { text-align: left!important; }
.formsharp .fs_item table td.right, td.right { text-align: right!important; }
                
.formsharp .fs_item th label { background-color: transparent; /* #F7FBFD;*/ }       

.formsharp .fs_item .fs_radio input[type=radio],                                
.formsharp .fs_item .fs_checkbox input[type=checkbox] { width: 0; height: 0; position: absolute;/* display: none; */}
.formsharp .fs_item .fs_radio input[type=radio] + label,
.formsharp .fs_item .fs_checkbox input[type=checkbox] + label { /*height: 1.5em; */ z-index:5; margin:0; display: block;  padding: 6px 12px; background-color: #fff; font-weight: 600; border-right: 1px solid white; }
@media ( max-width: 600px){
    .formsharp .fs_item .fs_radio input[type=radio] + label,
    .formsharp .fs_item .fs_checkbox input[type=checkbox] + label { padding: 3px 6px; font-size: .83em;}
}

.formsharp .fs_item.focus .fs_radio { box-shadow: 4px 4px 4px #aaa; }
.formsharp .fs_item .fs_textbox.focus { box-shadow: 4px 4px 4px #aaa; }

.formsharp .fs_item.focus .fs_radio input[type=radio] + label { background-color: #f8f8f8; }
.formsharp .fs_item .fs_radio input[type=radio]:focus + label { background-color: #eee; }

.formsharp .hideRadio .fs_radio input:before { display: none; }

.formsharp .fs_item .fs_radio tr td:last-of-type input[type=radio] + label,
    .formsharp .fs_item .fs_checkbox tr td:last-of-type input[type=checkbox] + label {
        border-right: none;
    }

.formsharp .fs_item .fs_checkbox tr td:last-of-type input[type=checkbox] + label { border-right: none;}
/*.formsharp .fs_item .fs_radio input[type=radio] + label,
.formsharp .fs_item .fs_checkbox input[type=checkbox] + label { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }*/
.formsharp .fs_item .fs_radio input[type=radio] + label:hover,
.formsharp .fs_item .fs_checkbox input[type=checkbox] + label:hover { background-color: #ddd; }

.formsharp .fs_item .fs_radio input[type=radio]:disabled + label,
.formsharp .fs_item .fs_checkbox input[type=checkbox]:disabled + label { background-color: #fff; color: #999; cursor: not-allowed; }
.formsharp .fs_item .fs_radio input[type=radio]:disabled:not(:checked) + label:hover,
.formsharp .fs_item .fs_checkbox input[type=checkbox]:disabled:not(:checked) + label:hover { background-color: #fff; }

.formsharp .fs_item .fs_radio input[type=radio]:checked + label,
.formsharp .fs_item .fs_checkbox input[type=checkbox]:checked + label,
.formsharp .fs_item .fs_radio input[type=radio]:checked + label div.gray, 
.formsharp .fs_item .fs_checkbox input[type=checkbox]:checked + label div.gray { background-color: #26a; color: white; }
.formsharp .fs_item .fs_radio input[type=radio]:checked + label .brightred, 
.formsharp .fs_item .fs_checkbox input[type=checkbox]:checked + label .brightred { background-color: #26a; color: white; }

.formsharp .fs_item.mshsaaBlue .fs_radio input[type=radio]:checked + label {
    background-color: #01314c;
    color: white;
}

.formsharp .fs_item .fs_radio.selectGray input[type=radio]:checked + label,
.formsharp .fs_item .fs_checkbox.selectGray input[type=checkbox]:checked + label { background-color: #666; color: white; }
.formsharp .fs_item .fs_radio.selectGreen input[type=radio]:checked + label,
.formsharp .fs_item .fs_checkbox.selectGreen input[type=checkbox]:checked + label{ background-color: #060; color: white; }
.formsharp .fs_item .fs_radio.selectRed input[type=radio]:checked + label,
.formsharp .fs_item .fs_checkbox.selectRed input[type=checkbox]:checked + label { background-color: #600; color: white; }
.formsharp .fs_item .fs_radio.selectDarkblue input[type=radio]:checked + label,
.formsharp .fs_item .fs_checkbox.selectDarkblue input[type=checkbox]:checked + label { background-color: #01314c; color: white; }

.formsharp .fs_item .fs_checkbox.fs_confirmation input[type=checkbox]:before{ font-size: 1.25em;}
.formsharp .fs_item .fs_checkbox.fs_confirmation input[type=checkbox] + label { padding: 0 2em!important;}
.formsharp .fs_item .fs_checkbox.fs_confirmation input[type=checkbox]:checked + label { color: #060; background-color: transparent; }

.formsharp .fs_item .fs_radio input[type=radio] + label span.name,                
.formsharp .fs_item .fs_checkbox input[type=checkbox] + label span.name { display: block; float:left; width: 50%; text-align:left; }
.formsharp .fs_item .fs_radio input[type=radio] + label span.position,
.formsharp .fs_item .fs_checkbox input[type=checkbox] + label span.position { font-size: .9em; display: block; float:left; text-align:left; }

.formsharp .fs_item span.fs_radio { display: block; width: 100%; }
.formsharp .fs_item span.fs_radio input[type=radio] + label { display: inline-block; border-top: 1px solid #08c; border-bottom: 1px solid #08c;}

.formsharp .fs_item .fs_radio input[type=radio] + label span.locationName { display:inline-block; }
.formsharp .fs_item .fs_radio input[type=radio] + label span.locationDetail { display:inline-block; float: right; }

.formsharp .fs_item .fs_radio td {  border-right: 1px solid #777;} /* 2017-01-11 for radiobuttons inside a grid */

/*.formsharp .fs_item .fs_radio label { white-space:nowrap; text-overflow:ellipsis; overflow-x: hidden; }*/

.formsharp .fs_item .fs_radio input:checked:disabled + label { background-color:#777!important; }

.formsharp  table.fs_emptytable tr td { border: none!important;}

.formsharp .fs_item table:not(.noborder,.fs_checkbox,.fs_simpletable,.fs_grid) tr td { border-top: 1px solid #777; border-right: 1px solid #777; }
.formsharp .fs_item table:not(.fs_grid) tr:first-child td { border-top: none; } 
.formsharp .fs_item table:not(.fs_grid) tr td:last-child { border-right: none; }
.formsharp .fs_item table:not(.fs_grid) table:first-child tr:first-child td { border-top: none; }

/*.formsharp .fs_item:not(.fs_showOther) table.fs_radio tr[class!='hide']:last-of-type td:first-of-type { border-bottom-left-radius: 6px;}
.formsharp .fs_item:not(.fs_showOther) table.fs_radio tr:not(.hide):last-of-type td:first-of-type input[type=radio] + label { border-bottom-left-radius: 6px;}
.formsharp .fs_item:not(.fs_showOther) table.fs_radio tr:not(.hide):last-of-type td:last-of-type { border-bottom-right-radius: 6px;}
.formsharp .fs_item:not(.fs_showOther) table.fs_radio tr:not(.hide):last-of-type td:last-of-type input[type=radio] + label { border-bottom-right-radius: 6px;}
.formsharp .fs_item:not(.fs_showOther) table.fs_radio tr:not(.hide):last-of-type .fs_otherSelect { border-bottom-right-radius: 6px;}
.formsharp .fs_item:not(.fs_showOther) table.fs_radio tr:not(.hide):last-of-type .fs_otherSelect input[type=radio] + label { border-bottom-right-radius: 6px;}*/


.formsharp .fs_item:not(.fs_showOther) table.fs_radio tr.fs_lastRow td:first-child  { border-bottom-left-radius: 6px;}
.formsharp .fs_item:not(.fs_showOther) table.fs_radio tr.fs_lastRow td:first-child input[type=radio] + label { border-bottom-left-radius: 6px;}
.formsharp .fs_item:not(.fs_showOther) table.fs_radio tr.fs_lastRow td:last-child{ border-bottom-right-radius: 6px;}
.formsharp .fs_item:not(.fs_showOther) table.fs_radio tr.fs_lastRow td:last-child input[type=radio] + label { border-bottom-right-radius: 6px;}
.formsharp .fs_item:not(.fs_showOther) table.fs_radio tr.fs_lastRow .fs_otherSelect { border-bottom-right-radius: 6px;}
.formsharp .fs_item:not(.fs_showOther) table.fs_radio tr.fs_lastRow .fs_otherSelect input[type=radio] + label { border-bottom-right-radius: 6px;}

.formsharp .fs_item table.fs_radio tr td:empty,
.formsharp .fs_item table.fs_checkbox tr td:empty { background-color: #eee;}
        
.formsharp .fs_item tr td.fs_emptycell { background-color: #f4f4f4; }
.formsharp .fs_item tr.fs_otherEntry input { width: 100%;}
.formsharp .fs_item tr.fs_otherEntry td { padding-bottom: 1px; }                  
                
/*.formsharp .fs_item.required tr.fs_otherEntry input:placeholder-shown { color:#a00; border-top: 3px solid #a00;  }*/
                
/* Text Boxes */
.formsharp .fs_item div.fs_textbox { padding: 0; color: #333; width: 100%;  }
.formsharp .fs_item div.fs_textbox textarea,
.formsharp .fs_item input[type=text], .formsharp .fs_item input[type=email] { font-size: 18px; border-radius: 6px; outline: none; padding: 9px; resize: none;  width: 100%;  border: none; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; }
.formsharp .fs_item input[type=text][disabled=disabled] { background-color: #eee!important;}
.formsharp .fs_item input[type=time] { font-size: 17px; }
.fs_textbox.fs_timeofday { max-width: 9em!important;}
.fs_textbox.fs_timeofday.red { border-color: #a00;}
.fs_textbox.fs_colorRGB { max-width: 7em!important;}

.formsharp .fs_daterange tr { border: none;}
.formsharp .fs_daterange td { border: none!important; white-space: nowrap;}
.formsharp .fs_daterange td.fs_daterange_separator{ width: 25px; line-height: 4em; vertical-align: top; }

.formsharp .fs_item div.fs_textbox.fs_datebox { text-align: center; padding-bottom: 1px; width: auto; display: inline-block; padding: 0 .25em; border: none; }
.formsharp .fs_item div.fs_textbox.fs_datebox .DateBox input[type=text] { text-align: center;  width: 7.5em;  border-radius: .25em; } /* it works */
.formsharp .fs_item div.fs_textbox.fs_datebox input { border: 1px solid #777; margin-right: .125em;  }
.formsharp .fs_item div.fs_textbox.fs_datebox span { }
        

/* School Selector */
.formsharp .fs_item table.fs_textbox.fs_school { width: 100%; }
.formsharp table.fs_school tr.fs_memberschool  td, .formsharp table.fs_school tr.fs_nonmemberschool  td { border: 1px solid #777!important; }

.formsharp .small table.fs_grid { font-size: .8em;}
.formsharp .semiSmall table.fs_grid { font-size: .85em;}
.formsharp table.fs_grid table.fs_school { font-size:.8em; }
.formsharp table.fs_grid table.fs_school.fs_radio { border: 1px solid #aaa; border-top-left-radius:.5em; border-top-right-radius: .5em;}
.formsharp table.fs_grid table.fs_school.fs_textbox { border: 1px solid #aaa; border-bottom-left-radius:.5em; border-bottom-right-radius: .5em;}
.formsharp table.fs_grid table.fs_school.fs_textbox input[type=text] { padding: .25em; font-size:1.333em;}

.formsharp .tabs .fs_radio.fs_school { width: auto;}
.formsharp .tabs .fs_radio.fs_school td label {
    border-top-left-radius: 9px!important; 
    border-top-right-radius: 9px!important;
    padding: .25em .75em!important;
    font-size: .875em;
    margin-right: .25em;
}

.formsharp .printSmaller table.fs_grid tr td { padding: 3px 3px!important; font-size: .85em!important; }


/*table.fs_grid.fs_grid_sticky_header tr.fs_columnheader th, table.fs_grid.fs_grid_sticky_header tr.fs_columnheader td { position: sticky; top: 47px;  z-index:25;}*/

.stickyHeaderBlock .stickyHeader { position: fixed; top: 0; width:100%; z-index: 2;}
.stickyHeaderBlock .stickyHeader.white { background-color: white; }
.stickyHeaderBlock .stickyContent table.fs_grid tr.fs_columnheader td { padding: 3px 6px!important;}

.stickyHeaderV { overflow-y: scroll; border: 1px solid #777; border-top: 0px solid transparent;}
.stickyHeaderV > .fs_grid, .stickyHeaderV > table { border-width: 0!important; margin-bottom: 2.5em; }
.stickyHeaderV  { border-top: 1px solid #777;}
.stickyHeaderV table.fs_grid tbody tr.fs_columnheader td { background-color: #eee; }
.stickyHeaderV table.fs_grid tbody tr.fs_columnheader.fs_bluecolumnheader  td { background-color: #01314c; }
.stickyHeaderV .fs_grid tr.fs_columnheader td, .stickyHeaderV table thead td { position: sticky; z-index: 25; top: 0; font-weight: 600!important; border-width: 0!important; padding: .5em .75em!important; }
.stickyHeaderV .fs_grid tr.fs_columnheader td .header, .stickyHeaderV table thead td .header { display: block; font-size: 1.5em; padding: .5em .5em; border-top: 1px solid #888; border-bottom: 1px solid #888;  }
.stickyHeaderV .fs_grid tr td, .stickyHeaderV table tbody td { border-left: 0!important; border-right: 0!important; padding: .5em .5em!important; }
.stickyHeaderV .fs_grid tr td.icon, .stickyHeaderV table tbody td.icon { font-size: 1.5em; }
.stickyHeaderV table tbody tr td { padding: 0!important;}

.formsharp table.fs_grid table.fs_school.fs_radio td {
    padding: 0;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.formsharp table.fs_grid table.fs_school.fs_radio td input + label { border-bottom-left-radius:0!important; border-bottom-right-radius: 0!important; }
.formsharp table.fs_grid table.fs_school tr td { padding: .125em; }
.formsharp table.fs_grid tr .unsortable {} /* just used to exempt column from being sortable */

.formsharp table.fs_grid.centeredcolumns tr td:first-of-type { text-align: left; }
.formsharp table.fs_grid.centeredcolumns tr td { text-align: center; }

.formsharp table.fs_grid tr.home td { font-weight: 800; }
.formsharp table.fs_grid tbody tr.emphasis td, .formsharp table.fs_grid tbody tr.emphasis:hover td { color: #000!important; background-color: #ddd!important; border-top: 1px solid #aaa!important; border-bottom: 1px solid #aaa!important;}

.formsharp table.fs_grid tr.chosen td, .formsharp table.fs_grid tr.chosen:hover td { background-color: #060; color: white!important;}
.formsharp table.fs_grid tr.chosen td.disabled, .formsharp table.fs_grid tr.chosen:hover td.disabled { background-color: black!important; }
.formsharp table.fs_grid tr.chosen td .gray, .formsharp table.fs_grid tr.chosen:hover td .gray { color: white!important;}
.formsharp table.fs_grid tr.chosen td .red, .formsharp table.fs_grid tr.chosen:hover td .red { color: white!important;}

.formsharp table.fs_grid table.tableDetails tr td:first-of-type, .tableDetails tr td:first-of-type { padding-left: 0!important; width: 10em; }
.formsharp table.fs_grid table.tableDetails tr td:last-of-type, .tableDetails tr td:last-of-type { padding-right: 1em!important; }
.formsharp table.fs_grid table.tableDetails tr td, .tableDetails tr td { padding: 0 1em!important; }

.formsharp table.fs_grid table.internal { line-height: 1em!important; }
.formsharp table.fs_grid table.internal tr td:first-of-type { padding-left: 0!important;  }
.formsharp table.fs_grid table.internal tr td { padding: 0 1em!important; }

.formsharp table.fs_grid tbody tr.past td { background-color: #f0f0f0; }

.formsharp table.fs_grid table.tableDetails tr td:first-of-type { padding-left: 0!important; width: 10em; }
.formsharp table.fs_grid table.tableDetails tr td:last-of-type { padding-right: 1em!important; }
.formsharp table.fs_grid table.tableDetails tr td { padding: 0 1em!important; }



.formsharp table.fs_grid.fs_borders tr td, .formsharp table.fs_grid.fs_borders tr td:hover { border-bottom: 1px solid #888; border-right: 1px solid #888; }

/* Person Name */
.formsharp .fs_item .fs_personname td.first-name { width: 33%; }
.formsharp .fs_item .fs_personname td.last-name { width: 33%; }
.formsharp .fs_item .fs_personname td.middle-name { width: 24%; }
.formsharp .fs_item .fs_personname td.suffix { width: 10%; }

.formsharp .fs_item .fs_personname.fs_personnamewithprefix td.name-prefix { width: 8%; }
.formsharp .fs_item .fs_personname.fs_personnamewithprefix td.first-name { width: 28%; }
.formsharp .fs_item .fs_personname.fs_personnamewithprefix td.middle-name { width: 28%; }
.formsharp .fs_item .fs_personname.fs_personnamewithprefix td.last-name { width: 28%; }
.formsharp .fs_item .fs_personname.fs_personnamewithprefix td.suffix { width: 8%; }


.formsharp .fs_item .fs_multitextbox .fs_personname.fs_personnameminimal { border: 0; }
.formsharp .fs_item .fs_personname.fs_personnameminimal td { padding: 0 .25em; border: none;}
.formsharp .fs_item .fs_personname.fs_personnameminimal td input { padding: .25em .5em;  border: 1px solid #aaa; font-size: 1em; }

/* Telephone */
.formsharp .fs_item table.fs_telephone { width:auto; max-width: 200px; }
.formsharp .fs_item table.fs_telephone input[type=tel] { border: none; outline: none;}
.formsharp .fs_item .fs_telephone td { padding: 0 0 0 6px;  }                
.formsharp .fs_item .fs_telephone td.area, .formsharp.clean .fs_item .fs_telephone td.prefix{ width: 55px; }
.formsharp .fs_item .fs_telephone td.suffix, .formsharp.clean .fs_item .fs_telephone td.extension { width: 70px; }

.formsharp .fs_item table.fs_telephone.minimized { width: 10em!important; table-layout:auto;}
.formsharp .fs_item table.fs_telephone.minimized td { padding: 0!important; width: auto; }
.formsharp .fs_item table.fs_telephone.minimized td input { padding: .333em!important; }
.formsharp .fs_item table.fs_telephone.minimized td label { display: none; }

.formsharp .fs_item .fs_telephone input[type=tel] { padding: 3px 6px 9px 6px; }
.formsharp .fs_item .fs_telephone label { padding-left: 6px; }
.formsharp .fs_item .fs_telephone td.area input[type=tel] { width: 3em; }
.formsharp .fs_item .fs_telephone td.prefix input[type=tel] { width: 3em; }
.formsharp .fs_item .fs_telephone td.suffix input[type=tel] { width: 4em; }
.formsharp .fs_item .fs_telephone td.extension input[type=tel] { width: 4em; }

/* Social Security Number */
.formsharp .fs_item table.fs_ssn { width:auto; max-width: 200px; }
.formsharp .fs_item .fs_multitextbox table.fs_ssn input { border: none; outline: none; padding: 9px 0 9px 9px; text-align: left;}
.formsharp .fs_item .fs_multitextbox table.fs_ssn td { border: none; }
.formsharp .fs_item .fs_multitextbox table.fs_ssn td.area input { width: 3em; border: 0; }
.formsharp .fs_item .fs_multitextbox table.fs_ssn td.group input { width: 2em; border: 0;}
.formsharp .fs_item .fs_multitextbox table.fs_ssn td.serial input { width: 4em;  }

        

.formsharp .fs_item div.fs_emailaddress { }
/* Address*/
.formsharp .fs_item div.fs_textbox, .formsharp div.fs_textbox { border: 1px solid #777; }
.formsharp .fs_item div.fs_textbox, .formsharp .fs_item div.fs_textbox input, 
.formsharp div.fs_textbox, .fs_item div.fs_textbox input{ border-radius: 6px;}
.formsharp .fs_multitextbox table td { border-bottom: none; }
.formsharp .fs_item .fs_multitextbox .address {  }
.formsharp .fs_item .fs_multitextbox .address tr.locality td.city { width: auto; }
.formsharp .fs_item .fs_multitextbox .address tr.locality td.state{ width: 4em; }
.formsharp .fs_item .fs_multitextbox .address.international tr.locality td.state{ width: 12em; }
.formsharp .fs_item .fs_multitextbox .address tr.locality td.zip { width: 100px; }
.formsharp .fs_item .fs_multitextbox .address tr.locality td.zipx4 { width: 100px; }

.formsharp .fs_item .fs_multitextbox.fs_citystate .address { width: auto; }
.formsharp .fs_item .fs_multitextbox.fs_citystate .address tr.locality td.city { width: 250px; }
.formsharp .fs_item .fs_multitextbox.fs_citystate .address tr.locality td.state { width: 4em; }
.formsharp .fs_item .fs_multitextbox.fs_citystate .address tr.locality.nolabels td.city { padding:0 1em; }
.formsharp .fs_item .fs_multitextbox.fs_citystate .address tr.locality.nolabels td.state { padding:0 1em; }

.formsharp .fs_item .address tr.country select { display: block; width: 98%; margin-bottom: 7px; padding: 6px; border-color:#ccc; font-size: 15px; }

/* List Box */
.formsharp .fs_summarylist h1.fs_header {  }
.formsharp .fs_summarylist table { width: 100%; font-size: 15px;  }
.formsharp .fs_item .fs_summarylist table tr:first-of-type td { border-top-left-radius: 0!important; }
.formsharp .fs_item .fs_summarylist table tr:last-of-type td { border-bottom-left-radius: 0!important; }
.formsharp .fs_summarylist table tr:first-of-type th { border-top-left-radius: 6px!important;}
.formsharp .fs_item .fs_summarylist table tr:last-of-type th {  border-bottom-left-radius: 6px; }
.formsharp .fs_summarylist table th { width: 1%; white-space:nowrap; background-color: #fdfdfd; text-align:right; padding:9px 12px; border-right: 1px solid #777; }
.formsharp .fs_summarylist table td { text-align: left; padding:6px 12px; color: #333; background-color:#fdfdfd; }
.formsharp .fs_summarylist table th, .formsharp .fs_summarylist table td { border-top: 1px solid #777!important; }
.formsharp .fs_summarylist table tr:first-of-type th, .formsharp .fs_summarylist table tr:first-of-type td,
.formsharp .fs_summarylist table tr:first-of-type th, .formsharp .fs_summarylist table tr:first-of-type td { border-top: 1px solid #777; }
.formsharp .fs_summarylist table tr:first-of-type th { width: 25%; }

.formsharp .fs_summarylist table tr th { border-left: 1px solid #777; }
.formsharp .fs_summarylist table tr td:last-of-type { border-right: 1px solid #777; }
.formsharp .fs_summarylist table tr:last-of-type th, .formsharp .fs_summarylist table tr:last-of-type td { border-bottom: 1px solid #777; }
.formsharp .fs_summarylist .fs_item table:first-of-type tr:first-of-type td:first-of-type, .formsharp .fs_summarylist .fs_item table:first-of-type tr:first-of-type td:first-of-type label { border-top-left-radius: 0; }
.formsharp .fs_summarylist .fs_item table:last-of-type tr:last-of-type td:first-of-type, .formsharp .fs_summarylist .fs_item table:last-of-type tr:last-of-type td:first-of-type label { border-bottom-left-radius: 0; }

.formsharp .fs_summarylist table tr:last-child th { border-bottom-left-radius: 5px; }
.formsharp .fs_item .fs_summarylist table tr:last-child td { border-bottom-right-radius: 5px; }


.formsharp table.fs_simpletable tbody { border: none; }
.formsharp table.fs_simpletable th { font-size: 1em; color: #888; padding: .5em 1.5em; font-weight: 600; }
.formsharp table.fs_simpletable tr.fs_columnheader th,
.formsharp table.fs_simpletable tr.fs_columnheader td { font-size: 1em; padding: .5em 1.5em; font-weight: 600; text-align:left;  border-top: 1px solid #888!important; border-bottom: 1px solid #888; }
.formsharp table.fs_simpletable tr th.first
.formsharp table.fs_simpletable tr.fs_tablecolumn td.first { padding-left: 0.5em!important; }
.formsharp table.fs_simpletable td { vertical-align:middle; padding: .5em  1.5em;}
.formsharp table.fs_simpletable td.top { vertical-align: top;}
.formsharp table.fs_simpletable td.left { text-align: left;}
.formsharp table.fs_simpletable td.right { text-align: right;}
.formsharp table.fs_simpletable td.minimizePadding { padding: .5em .25em; }
.formsharp table.fs_simpletable td .fs_item { margin: 0;}
.formsharp table.fs_simpletable td table.fs_radio td { padding: 0; }
.formsharp table.fs_simpletable td table.fs_radio tbody tr td { border: 0!important;}

.formsharp table.fs_simpletable.minimumspacing tr td,
.formsharp table.fs_simpletable.minimumspacing tr.fs_columnheader td,
.formsharp table.fs_simpletable.minimumspacing tr.fs_tablecolumn td{ padding: .125em .5em!important; }

table.simpleBox td .fs_item { margin: 0!important;}
table.simpleBox td .fs_item .fs_radio td { line-height: 1.125em!important;}

/* table */
.formsharp .spaceright, td.spaceright { padding-right: 3em!important;}
.formsharp .indent, .formsharp table.indent { margin-left: 24px!important;}
.formsharp .smallindent { margin-left: 1em;}
.formsharp .tinyindent { margin-left: .5em;}
.formsharp .doubleindent { margin: 0 24px; padding: 0 12px;}
.formsharp table.fs_noborder tr td { border: 0px!important; }
.formsharp table.fs_table { font-size: 18px; margin-top: .5em;}
.formsharp table.fs_fixed, .formsharp table.fs_table.fs_fixed { table-layout:fixed; } 
.formsharp table.fs_table th { padding: 12px 50px 12px 15px; line-height:40px; font-size: 18px; color:#777; vertical-align: middle; font-weight:600; }
.formsharp table.fs_table th.center { padding: 12px 15px; }
.formsharp table.fs_table td { padding: 12px 15px; }

.formsharp table.fs_table.fs_smallerrowheight tr th, .formsharp table.fs_table.fs_smallerrowheight tr td,
.formsharp table.fs_grid.fs_smallerrowheight tr th, .formsharp table.fs_grid.fs_smallerrowheight tr td{ padding: 6px 9px!important; }
.formsharp table.fs_table tr.fs_columnfooter td { background-color: #f4f4f4;}

.formsharp table.fs_table td .fs_textbox { border-width: 1px; border-color: #aaa; }
.formsharp table.fs_table td .fs_textbox input[type=text] { padding: 3px; display: inline-block; margin: 0 auto; text-align: center; font-size: 22px; }
.formsharp table.fs_table td .fs_textbox.fs_alignleft input[type=text] { text-align: left; }
.formsharp table.fs_table td .fs_textbox.small input[type=text] { font-size: .8em; line-height: 1.75em; }

.formsharp table.fs_table tr.orange th, .formsharp table.fs_table tr.orange td, tr.orange td, tr.orange th { color: #f71!important; }
.formsharp table.fs_table tr.gray th, .formsharp table.fs_table tr.gray td, tr.gray td, tr.gray th { color: #888!important; }
.formsharp table.fs_table tr.green th, .formsharp table.fs_table tr.green td, tr.green td, tr.green th { color: #060!important; }
.formsharp table.fs_table tr.red th, .formsharp table.fs_table tr.red td, tr.red td, tr.red th { color: #a00; }
.formsharp table.fs_table tr.fs_tableheader th, .formsharp table.fs_table tr.fs_tableheader td { color:#333; background-color: none; text-align: left; font-size: 26px; border: none; padding-left: 0;  }
.formsharp table.fs_table tr.fs_tablecolumnheader th, .formsharp table.fs_table tr.fs_tablecolumnheader td { color:#333; background-color: #f8f8f8; }
.formsharp table.fs_table tr.fs_subtotal th, .formsharp table.fs_table tr.fs_subtotal td { color: #585858; background-color: #f8f8f8; border-top: 1px solid #888; }
.formsharp table.fs_table tr.fs_total th, .formsharp table.fs_table tr.fs_total td { font-size: 24px; color: #333; padding: 12px; background-color: #f8f8f8; border-top: 2px solid #666; border-bottom: 2px solid #666;}

.formsharp table.fs_table tr.fs_subtotal th.brightred, .formsharp table.fs_table tr.fs_subtotal td.brightred { color:#a00 ; }
.formsharp table.fs_table tr.fs_total th.brightred, .formsharp table.fs_table tr.fs_total td.brightred { color:#a00 ; }
.formsharp table.fs_table tr.error th, .formsharp table.fs_table tr.error td { color:#a00; }

.formsharp table.fs_full {width:100%;}
.formsharp table.fs_table.fs_financial { width: 100%;  }
.formsharp table.fs_table.fs_financial td { text-align:right;}
.formsharp table.fs_table td, .formsharp table.fs_table th { border-top: 1px solid #d8d8d8; font-size: 22px; }

.formsharp table tr.fs_unselected td,
.formsharp table tr.fs_unselected td .male,
.formsharp table tr.fs_unselected td .female,
.formsharp table tr.fs_unselected td input:before { color:#aaa; }

.formsharp table.fs_list td { padding: 3px 9px; vertical-align: middle!important;}
.formsharp table.fs_list td.top { vertical-align: top!important; }
.formsharp table.fs_list .fs_item { margin: 9px 0;}
.formsharp td.radio .fs_radio td { padding: 0;}

.formsharp table.fs_list tr.required td .fs_textbox { border-color: red;}
.formsharp table.fs_list tr.error td .fs_textbox { border-color: red;}
.formsharp table.fs_list tr.required table.fs_radio td ,
.formsharp table.fs_list tr.required table.fs_checkbox td { border: 1px solid red; }

.formsharp ul.fs_list { list-style-type: disc; margin-left: 1.5em;}
.formsharp ul.fs_list li { margin-bottom: 1em; }

.formsharp table.fs_table5050 { width:100%; }
.formsharp table.fs_table5050 td:first-of-type { width:49%; vertical-align:top; }

/* Grid */
.formsharp table.fs_grid { width: 100%; padding: 0 3px; border-collapse:inherit; background-color:#fff; }
.formsharp table.fs_grid:not(.no-hover) tr:not(.fs_bluecolumnheader):hover td, .formsharp table.fs_grid:not(.no-hover) tr:hover th { background-color:#f4f4f4; color:#333!important; }
.formsharp table.fs_grid tr.red:hover td { color:#a00!important}
.formsharp table.fs_grid tr:hover td .fancy input[type=radio]:before, .formsharp table.fs_grid tr:hover th .fancy input[type=radio]:before { background-color:#f4f4f4!important;  color:#333!important; }
.formsharp table.fs_grid tr:hover td .fancy input[type=checkbox]:not(:disabled):before, .formsharp table.fs_grid tr:hover th .fancy input[type=checkbox]:before { background-color:#f4f4f4!important;  color:#333!important; }

.formsharp table.fs_grid tr td .fancy input:before { padding-top: 0;}
.formsharp table.fs_grid tr td .fancy input[type=checkbox] + label, .formsharp tr td .fancy input[type=radio] + label { padding-bottom: 0; padding-top: 0;}

.formsharp table.fs_grid tr.fs_newGroup td { border-top: 1px solid #bbb; }
.formsharp table.fs_grid tr.graybg td { background-color: #f6f6f6; }
.formsharp table.fs_grid td { vertical-align: top; }
.formsharp table.fs_grid tr.borderTop td{ border-top:1px solid #bbb; }
.formsharp table.fs_grid tr.borderBottom td { border-bottom:1px solid #bbb; }
.formsharp table.fs_grid td.right { text-align: right; }
.formsharp table.fs_grid td, .formsharp table.fs_grid th { padding: 9px 6px 9px 9px; text-align: left; vertical-align: middle;}
.formsharp table.fs_grid tr td.wide { padding-left: 1em!important; padding-right: 1em!important; }
.formsharp table.fs_grid tr td.extrawide { padding-left: 2em!important; padding-right: 2em!important; }
.formsharp table.fs_grid td .fancy td, .formsharp table.fs_grid th .fancy td { padding: 0px; }
.formsharp table.fs_grid td.top, .formsharp table.fs_grid th.top { vertical-align: top;}
.formsharp table.fs_grid td.bottom, .formsharp table.fs_grid th.bottom { vertical-align: bottom;}
.formsharp table.fs_grid td.no-padding, .formsharp table.fs_grid th.no-padding { padding: 0; }

.formsharp table.fs_grid.top tr td { vertical-align: top;}

.formsharp .fs_item table.fs_grid tr td { border: none;}

.formsharp table.fs_grid table td { border: none!important;} /* nested table */

.formsharp table.fs_grid td.fancy td, .formsharp table.fs_grid th.fancy th { padding: 0;}

.formsharp table.fs_grid td.center, .formsharp table.fs_grid th.center { text-align: center; }
.formsharp table.fs_grid tr.disabled td, 
.formsharp table.fs_grid tr.disabled td a,
.formsharp table.fs_grid tr.disabled td span { color: #aaa; }
.formsharp table.fs_grid tr.static td { background-color: #eee;}
.formsharp table.fs_grid tr.highlight td { background-color: #f6f6f6; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}

.formsharp table.fs_grid tr.center td { text-align: center; }

.formsharp table.fs_grid tr.special td { background-color: #1c314c; color:white;}

.formsharp table tr td.bold { font-weight:600; color:#222; }

.formsharp table.fs_grid tr.red th, .formsharp table.fs_grid tr.red td { color: #a00; }
.formsharp table.fs_grid tr.gray th, .formsharp table.fs_grid tr.gray td { color: #888; }
.formsharp table.fs_grid tr.gray td a, tr.gray td a { color: #888; }
.formsharp table.fs_grid tr.gray td.portrait-column img { opacity: .3;}

.formsharp table.fs_grid tr.required td, .formsharp table.fs_grid tr.required td input { color: #c00;}

.formsharp table.fs_grid tr.fs_locked td {background-color: #f4f4f4; color: #888;}
.formsharp table.fs_grid tr.fs_locked td input:before {background-color: #f4f4f4;}

.formsharp table.fs_grid tr.fs_columnheader td,
.formsharp table.fs_grid tr.fs_columnheader th { background-color:#f3f3f3; padding: 3px 9px; border-right: none; border-top: 1px solid #777; border-bottom: 1px solid #777; font-size:.9em; font-weight: bold; height:2em; }   
.formsharp table.fs_grid tr.fs_columnheader td .fancy input:before {background-color: #f3f3f3;}
.formsharp table.fs_grid tr.fs_columngroupingstart td { border-top: 1px solid #aaa; }
.formsharp table.fs_grid tr.fs_bigcolumnheader td, .formsharp table.fs_grid tr.fs_bigcolumnheader:hover td { background-color: #1c314c; color: white!important; font-size: 1.5em; padding: .333em 1em;}

.formsharp table.fs_grid tr.fs_bluecolumnheader td, .formsharp table.fs_grid tr.fs_bluecolumnheader th { background-color: #1c314c; color: white; font-weight: 600; }
.formsharp table.fs_grid tr.fs_columnheader.fs_bluecolumnheader td, .formsharp table.fs_grid tr.fs_columnheader.fs_bluecolumnheader th { padding: 9px 6px 9px 9px; }
.formsharp table.fs_grid tr.fs_columnheader.fs_bluecolumnheader td a, .formsharp table.fs_grid tr.fs_columnheader.fs_bluecolumnheader th a { color: white; }

.formsharp table.fs_grid tr.fs_separatorcolumnheader td { border-top: 1px solid #888; border-bottom: 1px solid #888; font-size: 1.125em; padding: .333em 1em; background-color: #eee; }

.formsharp .scrollable  { overflow-y: scroll; }
.formsharp table.fs_grid.fixedHeader thead { position:absolute; z-index: 25; } 

.formsharp table.fs_grid tr td, 
.formsharp table.fs_grid tr th { border-right: none; border-color: #eee; }
.formsharp table.fs_grid tr td:first-of-type, .formsharp table.fs_grid tr th:first-of-type,
.formsharp table.fs_grid tr th.borderLeft, .formsharp table.fs_grid tr td.borderLeft { border-left: 1px solid #777; }
.formsharp table.fs_grid tr th.borderLeftLight, .formsharp table.fs_grid tr td.borderLeftLight { border-left: 1px solid #ddd; }
.formsharp table.fs_grid tr th.borderRight, .formsharp table.fs_grid tr td.borderRight { border-right: 1px solid #777; }
.formsharp table.fs_grid tr th.borderRightLight, .formsharp table.fs_grid tr td.borderRightLight { border-right: 1px solid #ddd; }
.formsharp table.fs_grid tr td:last-of-type,
.formsharp table.fs_grid tr th:last-of-type { border-right: 1px solid #777; }

.formsharp table.fs_grid:not(.fs_noborder) { border-bottom: 1px solid #777; } /* This is easier than having a border on the last visible row */

.formsharp table tbody { border-bottom: 0px solid #777; }
.formsharp table tbody table tbody  { border-bottom: 0; }

.formsharp table.fs_grid tr.fs_strikethrough td { text-decoration: line-through; color: red; }

.formsharp table.fs_grid tr.fs_highlight td { background-color: #eee; color: #060; }

.formsharp table.fs_grid tr td.fs_highlight { background-color: #eee; }

.formsharp table.fs_grid tr.fs_columnfooter td { background-color: #f6f6f6; font-weight: bold; border-top: 1px solid #777; }
.formsharp table.fs_grid tr.fs_totals td { background-color: #f6f6f6; }

.formsharp .fs_grid .fs_item div.fs_textbox input[type=text] { padding: 6px 6px 4px 6px; }
.formsharp .fs_grid td.small .fs_item div.fs_textbox input[type=text] { padding: .125em .25em; font-size: .85em!important;}
.formsharp .fs_grid .fs_item { margin: 3px 3px; }

.formsharp .fs_grid tr.no-score td.points-col { font-style: italic; color: #aaa; }

/*.formsharp table.fs_grid tr:first-of-type td:first-of-type { border-top-left-radius: 9px; }
.formsharp table.fs_grid tr:first-of-type td:last-of-type {border-top-right-radius: 9px; }
.formsharp table.fs_grid tr:last-of-type td:first-of-type { border-bottom-left-radius: 9px; }
.formsharp table.fs_grid tr:last-of-type td:last-of-type { border-bottom-right-radius: 9px;}*/

.xformsharp table.fs_grid tr.fs_alttablecolumn td{ background-color:#fdfdfd; border-top: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8; }
.formsharp table.fs_grid tr.fs_columnheader a { text-decoration: none; }

.formsharp .fs_item table.fs_grid tr td.buttons { text-align: center;}
.formsharp .fs_item table.fs_grid tr td strong a { font-size: 16px; font-weight: 600;}
/*.formsharp .fs_item table.fs_grid tr:hover td { background-color: #f8f8f8; border-color: #eee; }*/
.formsharp .fs_noitems { margin-top: 15px; padding: 18px 15px; font-size: 16px; background-color: #fafafa; /*#fdf9f1;*/ color: #222; border: 1px solid #eee; border-radius: 8px; }


/* Fixed Header */
div.fs_fixedheadercontainer { border-bottom: 1px solid #777; border-top: 1px solid #777;  border-right: 1px solid #777; overflow-y: hidden;}
table.fs_grid.fs_fixedheaderstyle { position: relative; margin-bottom: 2em; border: 0!important; }
table.fs_grid.fs_fixedheaderstyle > tbody { position: absolute; overflow-y: scroll; overflow-x: hidden; width: 100%; height: 100%; }
table.fs_grid.fs_fixedheaderstyle > thead tr td { padding: 3px 6px 3px 9px!important; }
table.fs_grid.fs_fixedheaderstyle > tbody tr td { padding: 9px 6px 9px 9px!important; }
table.fs_grid.fs_fixedheaderstyle > thead tr td:last-of-type { padding-right: 27px!important; }
table.fs_grid.fs_fixedheaderstyle > tbody tr.details td { padding: 6px 3px 6px 3px!important; }

/* leave the original header row there--juts do everything to hide it. */
table.fs_grid.fs_fixedheaderstyle tbody tr.fs_columnheader td { height: 0!important; line-height: 0!important; visibility: hidden; border: 0; padding-top: 0!important; padding-bottom: 0!important; }
table.fs_grid.fs_fixedheaderstyle tbody tr.fs_columnheader:hover td { color: transparent!important; }

/* Grid Box */
.formsharp table.fs_grid.fs_gridbox tr td { border: 1px solid #eee; }
.formsharp table.fs_grid.fs_gridbox tr:last-of-type:not(.hide) td:not(.navigation) { border: 1px solid #eee; }

.formsharp table.fs_grid.fs_gridbox.fs_gridcompressed tr td { padding: 7px 6px; }

.formsharp table.fs_grid tr td.font-gray { color:#888;}
table.round-robin-results { max-width: 800px; margin: 0 auto; }
td.round-robin-win { background-color: #070; color: white; }
td.round-robin-loss { background-color: #a00; color: white; }
td.border-right-white { border-right: 1px solid white!important;}

.formsharp table.fs_grid tr td.red { background-color:#a00;}
.formsharp table.fs_grid tr td.gray { background-color:#aaa;}
.formsharp table.fs_grid tr td.veryverylightgray { background-color:#fbfbfb;}
.formsharp table.fs_grid tr td.verylightgray { background-color:#f4f4f4;}
.formsharp table.fs_grid tr td.lightergray { background-color:#d8d8d8;}

.formsharp table.fs_grid tr td.fontred { color: #a00; }
.formsharp table.fs_grid tr td.fontgreen { color: #0a0; }
.formsharp table.fs_grid tr td.fontgray { color: #aaa; }

.formsharp table.fs_grid.fs_gridbox tr.fs_columnheader td a { color: #333; display: block;}

.formsharp table.fs_grid.fs_gridbox tr.fs_columnheader td.fs_hovercell a { color: white;}
.formsharp table.fs_grid.fs_gridbox tr.fs_columnheader td.fs_hovercell { color: white; background-color:#666; border-top: #666 1px solid; border-bottom-color: transparent; border-left: #666 1px solid; border-right: #666 1px solid; }
.formsharp table.fs_grid.fs_gridbox tr.fs_tablecolumn td.fs_hovercell { border-top-color: #eee; border-bottom-color: #eee; border-left: #666 1px solid; border-right: #666 1px solid; }
.formsharp table.fs_grid.fs_gridbox tr.fs_columnfooter td.fs_hovercell { color: white; background-color:#666; border-top-color: transparent; border-bottom: #666 1px solid; border-left: #666 1px solid; border-right: #666 1px solid; }

.formsharp table.fs_grid.fs_gridbox tr.fs_columnheader td.fs_currentcell a { color: white;}
.formsharp table.fs_grid.fs_gridbox tr.fs_columnheader td.fs_currentcell { color: white; background-color:#333; border-top: #333 1px solid; border-bottom-color: transparent; border-left: #333 3px solid; border-right: #333 3px solid; }
.formsharp table.fs_grid.fs_gridbox tr.fs_tablecolumn td.fs_currentcell,
.formsharp table.fs_grid.fs_gridbox tr:last-of-type:not(.hide) td.fs_currentcell { border-top-color: #eee; border-bottom-color: #333; border-left: #333 3px solid !important; border-right: #333 3px solid !important; }
.formsharp table.fs_grid.fs_gridbox tr.fs_columnfooter td.fs_currentcell { color: white; background-color:#333; border-top-color: transparent; border-bottom: #333 1px solid; border-left: #333 3px solid; border-right: #333 3px solid; }

.formsharp table.fs_grid.fs_gridbox tr.fs_columnheader td.fs_cancelled a { color: #999; }
.formsharp table.fs_grid.fs_gridbox tr.fs_columnheader td.fs_cancelled a:hover { color: white;}
.formsharp table.fs_grid.fs_gridbox tr.fs_tablecolumn td.fs_cancelled {color: #999; }
.formsharp table.fs_grid.fs_gridbox tr.fs_columnfooter td.fs_cancelled {color: #999; }

.formsharp table.fs_grid.fs_gridbox tr.fs_columnheader td.fs_currentcell.fs_cancelled a { color: white; }
.formsharp table.fs_grid.fs_gridbox tr.fs_columnheader td.fs_currentcell.fs_cancelled { background-color:#f80; border-top: #f80 1px solid; border-bottom-color: transparent; border-left: #f80 3px solid; border-right: #f80 3px solid; }
.formsharp table.fs_grid.fs_gridbox tr.fs_tablecolumn td.fs_currentcell.fs_cancelled { border-top-color: #eee; border-bottom-color: #eee; border-left: #f80 3px solid; border-right: #f80 3px solid; }
.formsharp table.fs_grid.fs_gridbox tr.fs_columnfooter td.fs_currentcell.fs_cancelled {color: white; background-color:#f80; border-top-color: transparent; border-bottom: #f80 1px solid; border-left: #f80 3px solid; border-right: #f80 3px solid; }


.formsharp table.fs_grid.fs_gridbox tr td.navigation { padding:0; margin: 0; background-color: transparent; border-color: transparent; }
.formsharp table.fs_grid.fs_gridbox tr td.navigation a { padding:0; margin: 0; color: #26a; }
.formsharp table.fs_grid.fs_gridbox tr td.navigation a.disabled { color: #aaa!important; }
.formsharp table.fs_grid.fs_gridbox tr td.navigation a:before { padding: 0 .3em;}




.formsharp tr.fs_fontred td { color: #a00; }
.formsharp tr.fs_fontredlarge td { color: #a00; font-size: 1.125em; }
.formsharp tr.fs_fontlarge td { font-size: 1.125em; }


.formsharp div.action { text-align: center; }
.formsharp div.action.left { text-align: left; }
.formsharp div.action.right { text-align: right; }
.formsharp div.action.no-margin { margin: 0; }
div.action a.current { color: #333; }

div.smallaction a.fa_link {  padding-top: 0!important;}

.formsharp div.action .admin { background-color: #f4f4f4; border-radius: .5em; padding: .5em 1em; }

.formsharp .fs_multitextbox table {
    width: 100%;
    table-layout: fixed;
    border: 1px solid #aaa;
    border-radius: .333em;
    border-collapse: separate;
}
.formsharp .fs_multitextbox table td { border-bottom: 1px solid #aaa; }
.formsharp .fs_multitextbox table:last-of-type td { width: 100%; border-bottom: none;}
.formsharp .fs_multitextbox table tr:first-child td,
.formsharp .fs_multitextbox table tr td { border-right: 1px solid #777; text-align:left; padding-left: 10px; }
.formsharp .fs_multitextbox input[type=text] { border: 0; padding: 9px 0px 9px 0; width: 99%; }
.formsharp .fs_multitextbox label { display: block; font-size: 12px; color: #aaa; font-weight: normal; text-transform:lowercase; margin-bottom: 0;}
.formsharp .fs_multitextbox td .fs_block { float: left; border-right: 1px solid #777; padding-left: 13px; }
.formsharp .fs_multitextbox .vcard { margin-bottom: 0; }


.formsharp .fs_item table.bordered { border-left: 1px solid #777;}
.formsharp .fs_item table:not(.noborder,.fs_checkbox,.fs_grid,.fs_simpletable) tr td:not(.hide):first-of-type { border-left: 1px solid #777; }
.formsharp .fs_item table:not(.noborder,.fs_checkbox,.fs_grid,.fs_simpletable) tr td, 
.formsharp .fs_item table:not(.noborder,.fs_checkbox,.fs_grid,.fs_simpletable) tr:first-of-type td, 
.formsharp .fs_item table:not(.noborder,.fs_grid,.fs_simpletable):first-child tr:first-child td { border-top: 1px solid #777; }
.formsharp .fs_item table:not(.noborder,.fs_checkbox,.fs_grid,.fs_simpletable):last-of-type tr:last-of-type td { border-bottom: 1px solid #777; }
.formsharp .fs_item table:not(.noborder,.fs_checkbox,.fs_grid,.fs_simpletable) tr td:last-child { border-right: 1px solid #777; }

.formsharp .fs_item table.fs_radio:first-of-type tr:first-of-type td:first-of-type,
.formsharp .fs_item table.fs_radio:first-of-type tr:first-of-type td:first-of-type label { border-top-left-radius: 9px!important; }
.formsharp .fs_item table.fs_radio:first-of-type tr:first-of-type td:last-of-type,
.formsharp .fs_item table.fs_radio:first-of-type tr:first-of-type td:last-of-type label { border-top-right-radius: 9px!important; }
.formsharp .fs_item table.fs_radio:last-of-type tr:last-of-type td:first-of-type,
.formsharp .fs_item table.fs_radio:last-of-type tr:last-of-type td:first-of-type label { border-bottom-left-radius: 9px!important; }
.formsharp .fs_item table.fs_radio:last-of-type tr:last-of-type td:last-of-type,
.formsharp .fs_item table.fs_radio:last-of-type tr:last-of-type td:last-of-type label { border-bottom-right-radius: 9px!important; }

.formsharp table.fs_grid tr td.center .fs_item .fs_textbox { margin: 0 auto; }

.formsharp ul.notifications { font-weight: 600; text-indent: -1em; margin-left: 2.25em; }
.formsharp ul.notifications li a, .formsharp ul.notifications li a:hover, .formsharp ul.notifications li b { line-height: 1.333em; padding: .25em 0 .25em .25em; }
.formsharp ul.notifications li a:before, .formsharp ul.notifications li b:before { padding-right: 0; width: 1em; display: inline-block; text-align: center;}


.formsharp ul.list { list-style-type: disc; list-style-position: outside; margin-left:1em; padding-left: 1em; }
.formsharp ul.list li { background: none; margin-bottom: 4px;}

.formsharp ul.unorderedlist { list-style-type: none; margin-left: 2em; }
.formsharp ul.unorderedlist li { margin: .25em 0;  }

.formsharp dl dt { font-size: 1.125em; }
.formsharp dl dd { margin: 9px 0 35px 15px; }
.formsharp dl dd:last-of-type { margin-bottom: 15px; }
.formsharp dl dd ol { list-style-type: disc; margin: 9px 0 9px 20px;}


.formsharp table.fs_calendar { border-radius: .5em;  }
.formsharp table.fs_calendar tr td { padding-bottom : 0; } /* Title */
.formsharp table.fs_calendar .fs_month { font-size: 1.333em; background-color: #fafafa; }
.formsharp table.fs_calendar table.fs_month td { padding: .5em; vertical-align:middle; }

.formsharp .fs_calendar .fs_dayheader { background-color: #f3f3f3; text-align: center; font-weight: 600; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #666; }
.formsharp .fs_calendar .fs_dayheader:first-of-type { border-left: none;}
.formsharp .fs_calendar .fs_dayheader:last-of-type { border-right: none;} 

.formsharp .fs_calendar .fs_day { border: 1px solid #ddd; vertical-align: middle; padding: 0 .333em; height: 5em; position: relative; } 
.formsharp .fs_calendar .fs_day.gray { background-color: #f6f6f6;}
.formsharp .fs_calendar .fs_day a { position:absolute; top:0; right:0; display: block; text-align: right; padding: 0 .5em; height: 1.5em; }
.formsharp .fs_calendar .fs_day span.fs_game { font-size: .75em; line-height: 1.5em; display: block; padding: 1.75em 0 .5em 0; }

.formsharp table.fs_innertable { border: none!important; }
.formsharp table.fs_innertable tr:first-of-type td { padding-top: 0;}
.formsharp table.fs_innertable td { border: none!important; font-size: 1em;  }


.formsharp .fs_chartContainer { width: 100%; } 
.formsharp .fs_chartContainer .fs_chartDiv { width: 100%; } 
.formsharp .fs_chartTypeSelector .fs_item { margin: 0;}
.formsharp .fs_chartTypeSelector table.fs_radio { width: auto; margin:0; padding: 0; }
.formsharp .fs_chartTypeSelector .fs_radio td { text-align: center; vertical-align: middle; width: 3em; height: 2em; }
.formsharp .fs_chartTypeSelector .fs_radio i { padding: 0; margin: 0; }
.formsharp .fs_chartTypeSelector .fs_radio i:before { width: auto;}

.formsharp .fs_chartTypeSelector table.fs_chartTypes tr td:first-of-type { border-top-left-radius: .333em; border-bottom-left-radius: .333em; border-left-color: #666;}
.formsharp .fs_chartTypeSelector table.fs_chartTypes tr td:not(.hide):last-of-type { border-top-right-radius: .333em; border-bottom-right-radius: .333em; }
.formsharp .fs_chartTypeSelector table.fs_chartTypes tr td { border: 1px solid #666; border-left-color: transparent; padding: 0; height:auto; text-align:center; }
.formsharp .fs_chartTypeSelector table.fs_chartTypes tr td a { color: #333;  display:inline-block; padding: .333em .333em; width: 1.5em; height: 1em; }
.formsharp .fs_chartTypeSelector table.fs_chartTypes tr td.selected { background-color: #26a;}
.formsharp .fs_chartTypeSelector table.fs_chartTypes tr td.selected a { color: #fff;}
.formsharp .fs_chartTypeSelector table.fs_chartTypes tr td:not(.selected):hover { background-color:#ddd; }



.formsharp .ui-slider { height: 20px; }
.formsharp .ui-slider .ui-slider-handle { height: 28px; width:18px; background:#bbb; border: 1.5px solid #333; }
.formsharp .ui-slider .ui-slider-range { height: 22px; background: #26a;}
.formsharp .fs_SliderContainer { width: 100%; margin-top:.25em; }
.formsharp .fs_SliderContainer .fs_Slider { border: none!important;  }
.formsharp .fs_SliderContainer .fs_SliderMin,
.formsharp .fs_SliderContainer .fs_SliderMax { color: #aaa; font-size: .9em; }
.formsharp .fs_SliderContainer .fs_SelectedValue { border: 1px solid #aaa; background-color: #f4f4f4; padding: .25em 1em; border-radius: .25em; }
.formsharp .fs_SliderContainer .fs_SliderLeft { font-size: 1.125em; font-weight: 600; width: 6em; text-align: right; padding-right: 2em; border: none!important;}
.formsharp .fs_SliderContainer .fs_SliderRight { font-size: 1.125em; font-weight: 600; width: 6em; text-align: left; padding-left: 2em; border: none!important;}
.formsharp .fsSliderContainer .ui-widget.ui-widget-content { border-color:#aaa;}


.formsharp .fs_filterbox { padding: .5em 1em; border-radius: .5em; border: 1px solid #888; background-color: #f8f8f8; }
.formsharp .fs_filterbox .links a { color: #aaa;  padding: 0 .75em; margin: 0; display: inline-block; }
.formsharp .fs_filterbox .links a.current { color: #333;}
.formsharp .fs_filterbox .links select { padding: 0; font-size: 1em; }


/* New Radio and Checkbox (with Bootstrap 4?) */
/**/.formsharp .fs_item table.fs_radio tr td label,
.formsharp .fs_item table.fs_checkbox tr td label { border: 1px solid #777; border-bottom:0;}
.formsharp .fs_item table tr td, .formsharp .fs_item table.fs_radio tr:last-of-type td { border: 0; border-radius: 0; }
.formsharp .fs_item table.fs_radio tr td:last-of-type input[type=radio] + label,
.formsharp .fs_item table.fs_checkbox tr td:last-of-type input[type=checkbox] + label  { border-right: 1px solid #777!important; }
.formsharp .fs_item table.fs_radio tr:last-of-type td label,
.formsharp .fs_item table.fs_checkbox tr:last-of-type td label {border-bottom: 1px solid #777!important;}
.formsharp .fs_item table.fs_radio tr:last-of-type td:last-of-type label,
.formsharp .fs_item table.fs_checkbox tr:last-of-type td:last-of-type label { border-right: 1px solid #777; }
.formsharp .fs_item table.fs_radio tr:last-of-type td:empty,
.formsharp .fs_item table.fs_checkbox tr:last-of-type td:empty { background-color: #777; cursor: not-allowed; }/**/




/* Non-Standard Results */

div.nonstandardresults { font-size: 16px; }
div.nonstandardresults h1 { font-size: 18px; font-weight: 600; margin-bottom: 9px; }

div.nonstandardresults table { width: 100%; border: 1px solid #ddd; border-bottom: none; border-radius: 5px; }
div.nonstandardresults table tr td, div.nonstandardresults tr th { padding: 12px 12px; border-bottom: 1px solid #ddd; }
div.nonstandardresults table thead tr th { background-color:#f8f8f8; border-top-right-radius: 5px; border-top-left-radius: 5px; }


/* STATUS */
.status-alert { color: #F00; }
.status-warn { color: #F80; }
.status-ok { color: #0A0; }

.statusview { line-height: 2em; font-size: 1.5em; }
.statusview label { display: inline-block; }

.hardshipForm { width:100%; padding: 0 15px;}
.hardshipForm tr.question td { color: #888; font-size: 16px; vertical-align: top; margin: 0; padding: 0; }
.hardshipForm tr.question td:first-of-type { white-space: nowrap; text-align: right; padding-right: 12px; }
.hardshipForm tr.answer td { color: #444; font-size: 17px; padding: 9px 0 28px 0; }


h4.title { font-size: 18px; color: #555; font-weight:600; margin: 12px 0 0 0; }
h4.title a.moreLink { font-size: 16px; padding-left: 12px; }
h3 a.navigate, h4 a.navigate { float: right; }

/* Selection Groups */
div.SelectionGroups { }
div.SelectGroup { border: 1px solid #aaa; border-top: none; }
div.SelectGroup:first-of-type { border-top: 1px solid #aaa; }

div.SelectGroup:first-of-type, div.SelectGroup:first-of-type .activity { border-top-left-radius: 9px; border-top-right-radius: 9px; }
div.SelectGroup:last-of-type, div.SelectGroup:last-of-type .activity { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }

div.SelectGroup .activity { font-size: 21px; display: block; padding: 7px 0 7px 12px; color:#222; background-color: #fcfcfc; }
div.SelectGroup.open { border-color: #888; }
div.SelectGroup.open .activity, div.SelectGroup.open a.activity:hover { background-color: #333; color: white; border-bottom:1px solid #ccc; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
div.SelectGroup a.activity:hover { background-color: #ddd; color: #222;}

div.SelectGroup a.activity div.count small { line-height: 36px; margin-right: 20px; color: #999;}
div.SelectGroup a.activity i.show { color:#888; float: right; display: block; line-height: 20px; padding: 9px 15px 0 0;}
div.SelectGroup a.activity:hover i.show { color:#000; }

div.SelectGroup .activity.unapproved { background-color: #f80; color: white; }
div.SelectGroup .activity.unapproved:hover { background-color: #fa0; color: white; }

div.SelectGroup .activity.unapproved.current { background-color: #800; color: white; }
div.SelectGroup .activity.unapproved.current:hover { background-color: #b00; color: white; }

div.SelectGroup .activity.alert, div.SelectGroup .activity.alert div.count small { color: #c00; font-weight: normal; margin-bottom:0;}
div.SelectGroup .activity.alert:hover,  div.SelectGroup .activity.alert:hover div.count small { color: #f00; }


div.SelectGroupDetails { padding: 6px 12px; }
div.SelectGroupDetails h2 { font-size: 18px; }
div.SelectGroupDetails h4 { font-size: 16px; font-weight: 600; }
div.SelectGroupDetails table { font-size: 16px; width:100%; border-collapse: collapse; /* separate;*/ }
div.SelectGroupDetails table tr { height: 28px; border-top:1px solid transparent; border-bottom:1px solid transparent; }
div.SelectGroupDetails table tr td i.moreless { color:#ccc;}
div.SelectGroupDetails table tr.fs_columnheader td { font-weight: 600;}
div.SelectGroupDetails table td { vertical-align: top; padding: 5px 15px;}
div.SelectGroupDetails table td:last-of-type { padding-right: 0;}
div.SelectGroupDetails table td a.fa_link { font-size: 15px; padding-left: 3px; }
div.SelectGroupDetails table td a.fa_button { padding: 7px 13px 9px 14px; }
div.SelectGroupDetails table td span.type { font-size: 12px; color: #aaa; }

div.SelectGroupDetails .contact { padding-top: 9px; }
div.SelectGroupDetails .contact a.fa_link { padding: 3px 0px; }

div.SelectGroupDetails table tr.unapproved td, div.SelectGroupDetails table tr.unapproved td div { color: #c00; font-weight:600; }
div.SelectGroupDetails table tr.unqualified td, div.SelectGroupDetails table tr.unqualified td div { color: #888; font-weight: 600;}
        
div.SelectGroupDetails table td:first-of-type { border-left: 1px solid transparent; }
div.SelectGroupDetails table td:last-of-type { border-right: 1px solid transparent; }

div.SelectGroupDetails:not(.noselect) table tr:hover td { border-top: 1px solid #aaa; border-bottom:1px solid #aaa; cursor: pointer; background-color: #fdfdfd!important; }
div.SelectGroupDetails:not(.noselect) table tr:hover td i.moreless { color:#333;}
div.SelectGroupDetails:not(.noselect) table tr:hover td:first-of-type { border-left: 1px solid #aaa; }
div.SelectGroupDetails:not(.noselect) table tr:hover td:last-of-type { border-right: 1px solid #aaa; }


div.SelectGroupDetails table tr td .details { padding-top: 12px; }

/* Use these in tandom to show and hide. */
.showtemphide .temphide { display: initial; }
.temphide { display:none; }



/* Fancy Checkboxes and Radiobuttons */
.fancy { font-size: 1em; }
table.fs_grid td.fancy:not(.keep-padding)  { padding-top:0!important;}
table.form td.radio.fancy input {margin-top: 0;}
table tr.fs_columnheader td.fancy input:before { background-color: #f6f6f6;}
table.fs_grid td.fancy .fancy_horizontal table tr td { padding-right: 1.5em; }
/*table.fs_grid td.fancy  input { line-height: 1.5em; }
table.fs_grid td.fancy.fs_item { border-radius: 0; }
table.fs_grid td.fancy.no-margin { padding-top: 0; }*/

table td.fancy { vertical-align: baseline;  }
table td.fancy input { line-height: 1em; }
table td.fancy input + label { padding-right: 2em; }
table td.fancy input:checked + label { color: #333!important; }
table td.fancy i { line-height: 1em; padding: .667em 0 0 .5em; }
table td.fancy.fs_item { border-radius: 0; }
table td.fancy.no-margin, .fancy.no-margin input[type=checkbox] + label, .fancy.no-margin input[type=radio] + label { padding-top: 0; padding-bottom: 0;}
.fancy.top label { vertical-align: top; }

table.form td.fancy input:before { font-size: 1em; vertical-align:top;}

.fancy input[type=checkbox], .fancy input[type=radio] { display:inline-block; line-height: 1.5em; margin: 0 auto; font-family: 'Font Awesome 6 Pro'; vertical-align:top; margin-right:0em;}
.fancy input[type=checkbox]:before, .fancy input[type=radio]:before { padding-top:.1em; display:inline-block; line-height:1.25em;  font-size: 1.25em; /* Add Student to Master List -- font-size: 1.33em;*/} 
.fancy input[type=checkbox] + label { max-width: 90%; }
.fancy input[type=checkbox] + label , .fancy input[type=radio] + label { max-width: 92%; display:inline-block; padding-top: 0.15em; padding-bottom:.333em; padding-left: 1em; line-height:1.5em; font-size:1em; border: none!important; }
table.fs_grid td.fancy input[type=checkbox] + label ,table.fs_grid .fancy input[type=radio] + label {font-size: 1em; }

.radio table.fancy tr td { padding-right: 2em;}

table.fancy td input[type=checkbox] , table.fancy td input[type=radio] { font-size: 1em;}

.fancy.no-padding input[type=checkbox] + label { margin-bottom: 0!important; margin-top: 0; padding-bottom:0!important; padding-top:0;}

table.fs_grid .fancy input[type=checkbox]:before, table.fs_grid .fancy input[type=radio]:before, 
table.fs_schedule .fancy input[type=checkbox]:before, table.fs_schedule .fancy input[type=radio]:before { line-height: 1.333em; font-size: 1.333em; }

.fs_progress { width: auto; text-align: center; margin: 0 2em .5em 2em; }
.fs_progress table { width: 100%; border-collapse: separate; height: 2em;   border: 1px solid #888; border-radius: .5em; }
.fs_progress td { text-align: center; padding: 0 .25em;}
.fs_progress td:first-of-type { border-top-left-radius: .5em; border-bottom-left-radius: .5em; }
.fs_progress td:last-of-type { border-top-right-radius: .5em; border-bottom-right-radius: .5em; }
.fs_progress td.fs_progress_red { background-color: #900;}
.fs_progress td.fs_progress_green { background-color: #070;}
.fs_progress td.fs_progress_black { background-color: #333; }
.fs_progress td span { color: white; display: inline-block; height: 1em;  }


.fancy input[type=checkbox]:before { min-width:1em; display: inline-block; padding: 0 0;  background-color: white; font-weight: 300; content: '\f0c8'; font-family: 'Font Awesome 6 Pro'; }
.fancy input[type=checkbox]:checked:before { content: '\f14a'; color:#070; font-weight:400; font-family: 'Font Awesome 6 Pro'; }

.fancy input[type=checkbox] + label { color: #777; }
.fancy input[type=checkbox]:checked + label { color: #222; }

/*.fancy input[type=radio] + label { padding-top: .75em; } Removed 8/14/2018 - Eligibility Form */
.fancy input[type=radio]:before  { min-width:1em; display: inline-block; padding: 0 0; background-color: white; font-weight: 300; content: '\f111';  font-family: 'Font Awesome 6 Pro';  padding-right: .333em; }
tr.selected .fancy input[type=radio]:before  { background-color: #eee; }
.fancy input[type=radio]:checked:before { content: '\f111'; color: #070; font-weight: 900; font-family: 'Font Awesome 6 Pro'; }

.fancy input[type=radio]:disabled:before,
.fancy input[type=checkbox]:disabled:before { color: #aaa; }

.fancy input[type=checkbox]:disabled:before { /*content: '\f147';*/ color: #aaa; }
.fancy input[type=checkbox]:disabled + label { color: #ccc;}
.fancy:not(.noshade) input[type=radio]:disabled + label { color: #ccc;}

.recordLogo { 
    font-size: 1.125em;
    background: url(/Images/recordsLogo.gif) no-repeat; 
    background-size: 2em; 
    padding-left: 2.5em;
    margin-bottom: 1em;   
    
}
.recordLogo a { 
    font-size: 1em;
    line-height: 2em;
    font-weight: 600;
    padding-bottom: .5em;
    display: inline-block;
}


[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
    font-family: Flaticon_mshsaa;
    font-size: inherit!important;
    font-style: normal;
    margin-left: inherit!important; /* This overrides the defaults on the flaticon css*/
}

a.fa-facebook, a.fa-facebook:hover, a.fa-facebook:visited, .fa-facebook, .fa-facebook-f,
a.fa-facebook-square, a.fa-facebook-square:hover, a.fa-facebook-square:visited, .fa-facebook-square,
a.fa-facebook-circle, a.fa-facebook-circle:hover, a.fa-facebook-circle:visited, .fa-facebook-circle {   color: #3b5998!important; }

a.fa-twitter, a.fa-twitter:hover, a.fa-twitter:visited, .fa-twitter,
a.fa-twitter-square, a.fa-twitter-square:hover, a.fa-twitter-square:visited, .fa-twitter-square,
a.fa-twitter-circle, a.fa-twitter-circle:hover, a.fa-twitter-circle:visited, .fa-twitter-circle { color:#0084b4!important; }
a.fa-google-plus-square, a.fa-google-plus-square:hover, a.fa-google-plus-square:visited, .fa-google-plus-square { color: #d34836!important; }

a.fa-instagram, a.fa-instagram:hover, a.fa-instagram:visited, .fa-instagram { color: #e95950; }

/*.bannerLink { border: 1px solid white; background-color: #1c314c; border-radius:.333em; color: white; padding: .667em 1em; }
.bannerLink:hover { border-color: #1c314c;}
.bannerLink a { color: white; font-size: 1.5em; font-weight: 600; }
.bannerLink a img { display: inline-block; max-height: 1.5em; margin-right: .5em; }*/

.showvisibleonhover:hover .visibleonhover { visibility: visible; }
.visibleonhover { visibility: hidden; }

.no-overflow { overflow: hidden; }
.overflow-ellipsis { text-overflow: ellipsis;}
.prevent-text-overflow { text-overflow: ellipsis; max-width:100%; overflow-x:hidden; white-space:nowrap;}

.jconfirm {font-size: 1.2em; }
.jconfirm .jconfirm-box { max-width: 500px; }
.jconfirm-title { font-weight: 600; }
.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box { border-radius: .5em; }
.jconfirm .jconfirm-box div.jconfirm-title-c { line-height: 1.333em;}

.alertify { font-size: 18px;}
.alertify .ajs-header { font-size: 1.25em; padding: .333em 2em; }
.alertify .ajs-footer { padding: 0.25em .5em;}
.alertify .ajs-footer .ajs-buttons .ajs-button { border-radius: .5em; }
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok { color: #060; border:1px solid #060; }
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok:hover { background-color: #060;color: white;}
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel { color: #600; border: 1px solid #600; }
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel:hover { background-color: #600; color: white; }


/* This makes the title bigger on the Bing Maps (and the description box with less padding) */
.admin .MicrosoftMap .Infobox { top: .5em; }

.MicrosoftMap .Infobox { min-width: 250px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; padding-bottom: .5em;}
.MicrosoftMap .Infobox div.infobox-title { font-size: 1.125em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 6px 10px 0; }
.MicrosoftMap .Infobox div.infobox-info { padding: .667em .667em .25em .667em; white-space: nowrap; }
.MicrosoftMap .Infobox div.infobox-info a { display: block; text-align: center; font-size: 16px; }
.MicrosoftMap .Infobox div.infobox-info a.map-edit { width: 2em; display: inline-block; text-align: center; font-size: 12px; margin: 0.125em; padding: 0.5em; border: 1px solid #888; border-radius: 0.5em;}
.MicrosoftMap .Infobox div.infobox-info a.current { background-color: #060; color: white;}
.MicrosoftMap .Infobox div.infobox-info a.small { font-size: 11px; padding: 0.25em;}

.scoreboardMapGame { max-height: 133px; overflow-y:auto;}
.MicrosoftMap .Infobox table.mapGame, .mapGame { font-size: 13px; font-weight: normal;  }
.MicrosoftMap .Infobox table.mapGame:first-of-type, .mapGame:first-of-type { border-top: none; }
.MicrosoftMap .Infobox table.mapGame tr.separator td hr, .mapGame tr.separator td hr { margin: 0; }


.MicrosoftMap .Infobox table.mapGame td.team, .mapGame td.team { min-width: 8em;  max-width: 16em; overflow-x: hidden; text-overflow: ellipsis; }
.MicrosoftMap .Infobox table.mapGame td.team span.small, .mapGame td.team span.small { font-size: .75em; font-weight: normal;}
.MicrosoftMap .Infobox table.mapGame tr.winner td, .mapGame tr.winner td { font-weight: 600; }
.MicrosoftMap .Infobox table.mapGame td.score, .mapGame td.score { text-align: right; padding-left: 1em;}
.MicrosoftMap .Infobox table.mapGame tr.time td, .mapGame tr.tikme td { font-size: .8em; text-align: right; color: #888; padding-bottom: 0; line-height:1.333em;}


.ValidationSummary { font-size: 1.333em; color: #a00; border: 1px solid #a00; border-radius: .75em; padding: .5em 1em;}
.ValidationSummary ul { margin: .5em 0 0 1em; list-style-type: disc; list-style-position: inside; font-size: .85em; }
.ValidationSummary ul li { color: #a00; line-height: 1.75em;}

/*** Shared Schedule ***/
.shared, .shared .stickyHeaderBlock .stickyHeader { max-width: 1100px; margin: 0 auto;}
.shared.center { margin: 0 auto; } /* center content */

.shared_schedule {
    padding: .25em .75em;
    max-width: 900px;  
    margin: 0 auto;
}
.shared_schedule .header { max-width: 900px; margin: 0 auto; position: fixed; top: 0; right: 0; left: 0; background-color: white; height: 105px; padding: 0 .75em;}
.shared_schedule .content { margin-top: 103px;}
.shared_schedule h1 { font-size: 1.75em; font-weight: 600; padding: .5em .5em 0 .5em; text-align: center; height: 75px; }

.shared_schedule ul.navigation { border-bottom: 1px solid #666; background-color: white; }
.shared_schedule ul.navigation li.level { border-bottom: 1px solid #eee; }
.shared_schedule ul.navigation li.level.current { border-bottom: 1px solid #333; }

.shared_schedule ul li { display: inline-block; }
.shared_schedule ul li.level { font-weight: 600; padding: .333em .75em; border: 1px solid #aaa; border-bottom: 0;  background-color: #eee; color: #616161; border-top-left-radius: .5em; border-top-right-radius: .5em; margin-right: 0;}
.shared_schedule ul li.level:first-of-type { margin-left: .5em; }
.shared_schedule ul li.level.current { background-color: #333; color: white;  }
.shared_schedule ul li.otherinstance { font-weight: 600; font-size: 1.125em; margin-left: 1em; padding-top: .333em;}
.shared_schedule ul li.otherinstance a { padding: 0; }
.shared_schedule ul li.seasonrecords { font-weight: 600; font-size: 1.125em; float: right; margin-right: 0; padding-top: .333em;}
.shared_schedule ul li.subcontrol { float: right;}

.shared_schedule table.schedule { border:1px solid #aaa; width: 100%;}
.shared_schedule table.schedule thead tr th { font-size: .9em; background-color: #ddd; padding:.25em .5em; font-weight: 600; border-bottom: 1px solid #666; }

.shared_schedule .shared table.schedule thead tr th { position: sticky; top: 106px;}

/*.shared_schedule table.schedule thead tr { display: block; width: 100%;}
.shared_schedule table.schedule tbody { display: block; width: 100%; height: 100%; overflow: auto;}*/

.shared_schedule table.schedule tr.header td { font-size: .9em; background-color: #ddd; font-weight: 600; border-top: 1px solid #333; border-bottom: 1px solid #666; }
.shared_schedule table.schedule tr.tournament td { background-color: #eee; border-top: 1px solid #ccc!important;}
.shared_schedule table.schedule tr.home, .shared_schedule table.schedule tr.home td { font-weight: 600; }
.shared_schedule table.schedule tr.away, .shared_schedule table.schedule tr.away td { font-weight: 400; }
.shared_schedule table.schedule tr.gray td { color: #aaa; }
.shared_schedule table.schedule tr.tournamentGame td { background-color: #f8f8f8; }
.shared_schedule table.schedule tr.lastTournamentGame td { border-bottom: 1px solid #ccc; }
.shared_schedule table.schedule tr td:last-of-type, 
.shared_schedule table.schedule tr th:last-of-type { border-right: 1px solid #aaa;}
.shared_schedule table.schedule td, .shared_schedule table.schedule th { padding: .5em .5em;}
.shared_schedule table.schedule td.gamedate { width:1%; white-space: nowrap; }

.shared_schedule table.schedule.sortable thead { display: block;}
.shared_schedule table.schedule.sortable thead tr th:last-of-type { padding-right: 30px;  padding-left: 10px;}
.shared_schedule table.schedule.sortable tbody { display: block; overflow:auto; }

.schoolicon { display: inline-block; max-height: 1em; width: 2em; text-align: center; padding-right: .5em; }

/* Bootstrap Carousel screen underscores */
ul.carousel-indicators li {
    margin: 0 1em!important;
}

.moreinfoblock { font-size: .9em; }
.moreinfo {
    border-radius: .5em;
    border: 1px solid #ddd;
    background-color:#f4f4f4;
    padding: 1em;
    margin: .5em;
    display: inline-block;
    width: 100%;
}

/* Google Search */
td.gsib_a {
    font-size: 18px;
    line-height: 36px;
}
.gsc-input-box { border-radius: .25em; line-height: 1.2em; }
input.gsc-input { font-size: 18px!important;}
.gsc-search-button svg { display: none; }
.gsc-search-button .gsc-search-button-v2 { height: 2.5em; font-size: 1em;}
.gsc-search-button .gsc-search-button-v2:before { font-size: 1.333em; color: white; content: "\f002"; font-family: 'Font Awesome 6 Pro'; font-weight: 900; }





a.buytickets {
    display: flex;
    justify-content: space-evenly;
    background-color: #1c314c;
    color: #fff;
    width: 100%;
    font-size: 1em;
    padding: .5em;
    margin: .5em 0 1em 0;
    border: 2px solid #1c314c;
    border-radius: .5em;
    text-align: center;
    font-weight: 600;
    line-height: 1.25;
    box-shadow: 3px 3px 2px #888;
}
a.buytickets:hover { color: #1c314c; background-color: #fff;}
a.buytickets i.far { display: inline-block; padding: 0; margin: 0; font-size: 2.5em; }
a.buytickets span {display: inline-block; font-family: sans-serif; font-size: 1.25em; }

a.buytickets.hometown { background-color: #308Bdd; border-color: #308Bdd;}
a.buytickets.hometown:hover { color: #308Bdd; background-color: #fff;}

a.buytickets.xl { padding: 1em;}
a.buytickets.xl span { font-size: 2em; }

i.tiltLeft { transform: rotate(-304deg); }
i.tiltRight { transform: rotate(-54deg); }

.noPaddingTop { padding-top: 0!important; }
.noPaddingBottom { padding-bottom: 0!important;}

.noMarginTop { margin-top: 0!important; }
.noMarginBottom { margin-bottom: 0!important; }

.forecast img { height: 75px; }

.currentconditions .weather { margin-bottom: .5em;  }
.currentconditions .temperature { font-size: 3em; }
.currentconditions table th, .currentconditions table td { vertical-align: top;}
.currentconditions table.details { margin-left: 4em; margin-top: .5em; font-size: .9em;}
.currentconditions table.details td { vertical-align: top; padding: 0 .25em; font-weight: 800;}
.currentconditions table.details tr td:first-of-type { text-align: right; font-weight: 600;}

td.bg-green, td.bg-green:hover { background-color: #060!important;}
td.bg-gray, td.bg-gray:hover { background-color: #ccc!important;}

.round-robin { font-size: 1.125em; font-weight: 600; margin: 0 auto 2em auto;}
.round-robin.small {font-size: 1em;}
.round-robin.center{ margin-left: auto; margin-right: auto;}
.round-robin tr.lightgray td, .round-robin tr.lightgray th { background-color: #eee; color: #000; }
.round-robin tr.center td, .round-robin tr.center th { text-align: center;}
.round-robin th { padding: .5em 1em; background-color: #01314c; color: white; text-align: center; }
.round-robin td { padding: .5em 1em; text-align: center; border-bottom:1px solid #ddd;}
.round-robin th:first-of-type, .round-robin td:first-of-type { text-align: left; }
.round-robin td.win { background-color: #060; color: white; }
.round-robin td.loss { background-color: #800; color: white; }

/* Scholar Bowl has a Round-Robin for the final FOUR teams to place the Championship and Third Place Contests*/
.roundRobin4 .tournamentBracketContainer .tournamentBracket td.g2.inside, .roundRobin4 .tournamentBracketContainer .tournamentBracket td.g2.time, .roundRobin4 .tournamentBracketContainer .tournamentBracket td.g2.team.bottom,
.roundRobin4 .tournamentBracketContainer .tournamentBracket td.g3.inside, .roundRobin4 .tournamentBracketContainer .tournamentBracket td.g3.time, .roundRobin4 .tournamentBracketContainer .tournamentBracket td.g3.team.bottom { border-right-color: transparent !important; }

/* Scholar Bowl HAD a Round-Robin for the final EIGHT teams to place the Final Four Bracket */
.roundRobin8 .tournamentBracketContainer .tournamentBracket td.g4.inside, .roundRobin8 .tournamentBracketContainer .tournamentBracket td.g4.time, .roundRobin8 .tournamentBracketContainer .tournamentBracket td.g4.team.bottom,
.roundRobin8 .tournamentBracketContainer .tournamentBracket td.g5.inside, .roundRobin8 .tournamentBracketContainer .tournamentBracket td.g5.time, .roundRobin8 .tournamentBracketContainer .tournamentBracket td.g5.team.bottom,
.roundRobin8 .tournamentBracketContainer .tournamentBracket td.g6.inside, .roundRobin8 .tournamentBracketContainer .tournamentBracket td.g6.time, .roundRobin8 .tournamentBracketContainer .tournamentBracket td.g6.team.bottom,
.roundRobin8 .tournamentBracketContainer .tournamentBracket td.g7.inside, .roundRobin8 .tournamentBracketContainer .tournamentBracket td.g7.time, .roundRobin8 .tournamentBracketContainer .tournamentBracket td.g7.team.bottom { border-right-color: transparent !important;}


/* Previously entered round-robin results */
table.tablecontent {
    font-weight: 600;
}
table.tablecontent tr:first-of-type td { background-color: #01314c; color: white; font-size: 1.125em; }
table.tablecontent tr td { padding: .5em 1em; white-space: nowrap; }


tr.details td { padding: 2px 6px!important; }
td.alert { border: 3px solid maroon!important; color: maroon; font-weight: bold;}
td.font-red { color: #a00!important; }
td.strong { font-weight: bold!important; }
td.border-right-last { border-right: 1px solid #777!important;}
table.border-top, table.border-top > tr:first-of-type td { border-top: 1px solid #777!important;}

ol.ordered { list-style: decimal; list-style-position: outside; margin-left: 1em; }
ol.alpha { list-style: lower-alpha;  list-style-position: outside; margin-left: 1em;  }


input:checked + label .whiteOnSelect { color:white!important; }

.i-slash-overlay { position:absolute; left: .0625em; top: -0.125em; font-size: 1.333em;}

.centerWithMargin {
    margin: 0 auto;
}

.ada { display: none; } /* ADA Compliance*/


.azureMap .atlas-map .popup-close { font-size: 2.5em; }
.azureMap { border: 1px solid #888; position: relative; font-family: segoeui; margin: auto; }
.azureMap-popup { padding: .5em .75em;}
.azureMap-popup .azuremap-title { font-size: 1em;}
.azureMap-popup .azureMap-description { font-size: .875em; color: #666; }
/*.azureMap-hideCloseButton .popup-close { display: none; }*/
.azureMap-marker { font-size: 20px; }
.azureMap-marker:before { width: 28px; text-align: center;}
.azureMap img { display: inline-block; }
.azureMap-markerWithText { font-size: 30px; }
.azureMap-markerWithText b { font-size: 11px; color: white!important; position: absolute; top: 0; left: 0; font-weight: 600;}
.azureMap-markerWithText.fa-location-pin b { top: 7px; width: 24px; text-align: center;}
.azureMap-markerWithText.fa-star b { top: 10px; width: 34px; text-align: center;}




div.azuremap-school {
    margin: 0 1.5em .125em 0;
    font-size: 1.125em;
}
div.azuremap-selection { margin-right: 1.5em;}
div.azuremap-selection a { width: 2em; display: inline-block; text-align: center; font-size: 12px; margin: 0.125em; padding: 0.25em; border: 1px solid #888; border-radius: 0.5em;}
div.azuremap-selection a.current { background-color: #060; color: white; }


.lessPadding { padding: .25em!important; }

td.matchup-win { color: white; background-color: #060; }
td.matchup-win .gray { color: white!important;}
td.matchup-loss { color: white; background-color: #600; }
td.matchup-loss .gray { color: white!important;}

.fs_newsListItem { background-color: #f4f4f4; margin: 1.5em .5em; height: 500px; }
.fs_newsListItem a {font-weight: 600;}
.fs_newsListItem a img { width: 100%; display: block; }
.fs_newsListItem a .story { padding: 1em 1.5em; display: block; }
.fs_newsListItem a .story big { font-size: 18px;  display: block;}
.fs_newsListItem a .story small { font-size: 12px; color: #666;  display: block;}
.fs_newsListItem a .story p { font-size: 14px;  display: block; margin: 0; padding-top: 1em;}
.fs_newsListItem ul li { list-style-type: disc; list-style-position: inside; padding-left: 2em;}
.page-item .page-link { color: #26a; }
.page-item .page-link.current { background-color: #01314c; color: white; }

ul.listWithDots, .listWithDots ul li { list-style-type: disc; list-style-position: inside; padding-left: 2em;}

h4.infoPageTitle { color: #333; border-top: 1px solid; border-bottom: 1px solid; margin-bottom: 1em; }

div.standardList ul, ul.standardList { list-style-type: disc; list-style-position: inside; margin-left: 1em;}

body.responsive.admin header nav { background-color: #222; }

h1.banner, h2.banner, h3.banner, h4.banner, h5.banner, h6.banner, div.banner, tr.banner td { background-color: #01314c; color: white; padding: .5em 1em; text-align:left; }
div.banner { padding: .25em; }

.wrestlingTeamScores { margin: 0 auto; }
.wrestlingTeamScores td, .wrestlingTeamScores th { padding: .5em 1em; text-align: left; white-space: nowrap; font-weight: 600; font-size: 12pt; }
.wrestlingTeamScores tr td:first-child, .wrestlingTeamScores tr th:first-child { text-align: center; }
.wrestlingTeamScores tr td:last-child, .wrestlingTeamScores tr th:last-child { text-align: right; }
.wrestlingTeamScores thead tr th { background-color: #01314c; color: white; }

/* About Page + Sports Medicine Page */
.linkGroups .tdlinkGroupsNav { width: 25em; max-width: 25em;}
.linkGroups .linkGroupsNav { border: 1px solid #01314c; border-radius: .5em; margin-right: 2em;}
.linkGroups h2 { background-color: #01314c; color: white; font-size: 1.333em; text-align: left; padding: .333em 1em; }
.linkGroups .linkGroupsNav ul { padding: .5em; }
.linkGroups .linkGroupsNav ul li a { display: inline-block; font-weight: normal; white-space: normal; font-size: 1.125em; line-height: 1.333em; padding: .25em 1em; color: #333;}
.linkGroups .linkGroupsNav ul li.selected a { color: #333; text-shadow: 1px 0 0 #333; }

.linkGroups .linkGroupLinks  { border: 1px solid #01314c; border-radius: .5em; margin-right: 2em;}
.linkGroups .linkGroupLinks ul { list-style:disc; list-style-position:outside; margin: .5em .5em .5em 2.5em;}
.linkGroups .linkGroupLinks ul li { vertical-align: top; } 
.linkGroups .linkGroupLinks ul li a { display: inline-block; white-space: normal; vertical-align: top; font-size: 1.125em; line-height: 1.333em; padding: .25em .75em .25em 0; }

.line-height-1 { line-height: 1em!important;}

.centennialLinks { text-align: center;}
.centennialLinks a { display: inline-block; text-align: center; padding: .5em; margin: 0!important; width: 5.5em;}
.centennialLinks a i { display: block; font-size: 1.75em; padding: 0!important; color: #01314c; margin: 0 auto;}
.centennialLinks a span { display: block; font-size: .7em; color: #01314c;}
.centennialLinks a.gray i, .centennialLinks a.gray span { color: #888;}

table.barGraphs { margin-left: 1em; font-size: 1.125em; }
table.barGraphs td { padding: .333em 1em; width: 1%; white-space: nowrap; }
table.barGraphs td.barGraphBar { width: auto; padding-right: 3.5em;}
table.barGraphs td.barGraphBar div.barGraphPercentage { font-size: .83em; position: absolute; padding-left: .5em;}
.barGraphTotal { text-align: center;}
.barGraphBar div { height: 1.5em;}

.bgcolor0 { background-color: gray; }
.bgcolor1 { background-color: #600; }
.bgcolor2 { background-color: #488; }
.bgcolor3 { background-color: #00d; }
.bgcolor4 { background-color: #d00; }
.bgcolor5 { background-color: #d80; }
.bgcolor6 { background-color: #060; }
.bgcolor7 { background-color: #80c; }
.bgcolor8 { background-color: #d2d; }

tr.border-top td { border-top: 1px solid #ddd!important;}
tr.border-bottom td { border-bottom: 1px solid #ddd!important;}


.tournamentBracketContainer .tournamentBracket .bracket table tbody tr td.team { border-bottom: 1px solid #333;}
.tournamentBracketContainer .tournamentBracket .bracket table tbody tr td.game:not(.top) { border-right: 1px solid #333;}


/*** OLD HISTORICAL MSHSAA PAGES */
.removeHeaderAndFooter {
} /* This class identifies pages that are historical (Way-Back Machine). JS will remove header and footer */
.historical { margin: 0; }
.historical article { padding-top: 5px; padding: 0;}
.no-header header { display: none; }
.no-footer footer { display: none; }

/* FOR NON STANDARD RESULTS*/
@media screen and (max-device-width : 600px) {
    pre  { font-size:9.5px; }
    
    .shared_schedule table.schedule td,
    .shared_schedule table.schedule th { padding: .25em .125em; }

    .smallerOnMobile { font-size: .75em; }
}


@media screen and (max-device-width : 767px) {
    .shared_schedule table.schedule td,
    .shared_schedule table.schedule th { padding: .5em .25em; }    
}

@media (max-device-width : 992px) {
    a.buytickets { font-size: .72em; padding: .5em;}

    .recordBook div.records { width: 100%; float: none; }
    .recordBook nav { width: 100%; float: none; background-color: white; border: none;}

    .formsharp .mobile .fs_item table.fs_radio tbody tr td { display: block; border-right: 0!important;}
    .formsharp .mobile .fs_item table.fs_radio:first-of-type tbody tr td { display: block; border-collapse:collapse; }
    .formsharp .mobile .fs_item table.fs_radio:first-of-type tr:first-of-type td:first-of-type label { border-top-right-radius: 9px!important; border-top-left-radius: 9px!important; }
    .formsharp .mobile .fs_item table.fs_radio tbody tr td label { border-bottom-left-radius: 0!important; border-right:1px solid #777!important; border-bottom-width: 0!important;}
    .formsharp .mobile .fs_item table.fs_radio:last-of-type tbody tr:last-of-type td:first-of-type label { border-bottom-left-radius: 0!important; }
    .formsharp .mobile .fs_item table.fs_radio:last-of-type tbody tr:last-of-type td:first-of-type label { border-top-right-radius: 9px!important; }
    .formsharp .mobile .fs_item table.fs_radio:last-of-type tbody tr:last-of-type td:last-of-type label { border-top-right-radius: 0!important; border-bottom-left-radius: 9px!important; border-bottom-right-radius: 9px!important;}
    .formsharp .mobile .fs_item table.fs_radio:first-of-type tbody tr:first-of-type td:last-of-type label { border-top-right-radius: 0!important; }
    .formsharp .mobile .fs_item table.fs_radio tr:last-of-type td label { border-bottom-width: 0!important;}

    .formsharp .mobile .fs_item table.fs_radio:last-of-type tbody tr:last-of-type td:first-of-type label { border-bottom-width: 1px!important; border-top-right-radius: 0!important;}
    .formsharp .mobile .fs_item table.fs_radio tr:last-of-type td:last-of-type label { border-bottom-width: 1px!important; border-top-right-radius: 0!important; border-bottom-left-radius: 9px!important;}
       
    .smallerOnMobile { font-size: .9em; }
}


/*
@media screen and (prefers-color-scheme: dark) {
    html body.responsive
    { 
        background-color: black;
        color: white;
    }

    div, td, th { color: white; }
    
    html a, html a:hover, html a:visited, html a.fa_link, html .action a.fa_link,
    body.responsive header .myschool div.topname a.schoolname span.mshsaa-name,
    body.responsive header .myschool div.topname a{
        color: white;
    }

    .gray { color:#ccc!important;}
}
*/