﻿


/* GLOBAL RESET 
------------------------------ */

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;}
body { font-size:16px;font-family: Helvetica, Arial, sans-serif; margin: 0; border-top: 0!important;}

/*#hd .tabs,#sec-col-wrapper,.action,select,.NoPrint,.noprint,#crumb,.pager li {display:none!important; color: #f00;}*/

#head-tabs,#head-search,.xcol,.sidebar-col,#footer,.action,select,.NoPrint,.noprint,#crumb,.pager li,.back,.hide{display:none!important; color: white;}

/*body {font-family: Georgia,serif; margin:0; }*/
#main-content-wrapper { width: 1100px; padding: 0;}

.accounting {font-family: Arial, Helvetica, sans-serif; margin:0; }
table { border-spacing:0px; border-collapse:collapse; }

/*#hd h1 {text-align:center;font-size:100%; padding:0; margin: 0 0 1em;border:1px solid #dcdcdc;letter-spacing: 0.125em;}*/
	.ie6 #hd h1 {width:75%;}
#head h2{text-align:center;font-size:100%; padding:0; margin: 0 0 1em;border:1px solid #dcdcdc;letter-spacing: 0.125em;}

a {text-decoration:none;color:#000; background-image: none;}
a.view, a.view-out { display: none;}
a.fa-edit { display: none;}
.tabs-nav {display: none;}
/*.ie6 #bd {width:75%;}*/
h1,h2,h3,h4,h5 {font-weight:normal; width: 100%;}
#ft {padding-top:1em;font-size:11px;}
img {border:0;}
.invoice-header img { max-width: 8.5em; }

/*.ie6 p {width:95%;}*/
li { list-style-type:none;}
ul { padding:0px; }

th {vertical-align:top;text-align:left;font-size: 80%;padding-right: 5px;}
.info-bl p {font-style:italic;}
.printAlways { display: block!important; }
.printOnly { display: block!important; }
.printOnlyTD { display: table-cell!important; }

.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;}

.SchoolEmployee {line-height:1.75em;float:left;margin: 0 0 1.75em;height:14em;}
.SchoolEmployee .Role, .vcard .role {font-size:0.9166em;color: #999;font-weight:bold;}
.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: bold;}
.SchoolEmployee .Address, .SchoolEmployee .Email,.SchoolEmployee .Telephone,
.vcard .tel, .vcard .email, .vevent .tel, .vevent .email, .vevent .location, .vcard .post-office-box {display: block;}
.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;}

.pager ul {list-style:none; border: 1px solid #fff;}
.pager {margin-bottom: 1em;}
.pager li.sel {display:block; font-weight:bold;text-align:left; margin:0; padding: 0px; }

#ClassLinks { clear: both; text-indent: -40px; }
.target ul { text-indent: 0px; }
.target li { list-style: none; }
td.district { width: 45%; padding: 0px 20px; vertical-align:top; }
.item-detail { display: block; font-size: .83em; color: #666; padding-top: 3px; }

.newPage { page-break-before: always; clear: both;}


/* Tournament Bracket*/

.TournamentBracketContainer { position:relative; width: 920px; }
.TournamentBracketContainer a.sponsor { position:absolute; margin:0;}
.TournamentBracketContainer a.sponsor img { width: 125px; }
.TournamentBracketContainer a.sponsor img { border-color: transparent; }
.TournamentBracketContainer a.sponsor.extra { position: relative; float: left; margin-right: 12px; margin-top: 50px; }

.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;
    width: 100%;
}

hr.TournamentBracketBottom { border-bottom: 1px solid #1c314c; }

.bracket-sponsors { float: right; }
.bracket-sponsors a { float: right; }
.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;}


.bracket-sponsors.bottom { float: none; width: 475px; }
.bracket-sponsors.bottom img {  }
a.sponsor.extra { position: relative; float: left; margin-right: 12px; margin-top: 60px; }
a.sponsor.extra img { width: 125px; border-color: transparent; margin-left: 0; padding-left: 12px; border-color: transparent!important; }

#ThirdPlaceGame { position: absolute; width: 920px; margin-top:75px; }
td.game { font-size: 12px; }
.teamname img { float: left; padding-right: 5px; height: 18px; width: 18px; border-color: transparent; padding-bottom: 1px; }


.game table {  height: 100%; width: 100%; border-collapse:separate; }
.game { padding: 0px; height: 100%; margin-bottom: 10px; height: 100%; }
.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 .info td { height: 25%; vertical-align: bottom; }
.game .info td a { padding: 12px 5px; text-decoration: none;  padding: 5px 5px 5px 0px; }

.game .separator { height: 25%; }

.game .seed  { text-align: right;  }
.game .bottom td.seed  { border-right: 0px; text-align: right; }

.game .top td, .game .bottom td, .game .separator td { margin: 0px; padding: 0px; }
.game .top td, .game .bottom td { padding-right: 10px; } 
.game .bottom td.score { border-right: 3px solid #666; }
.game .score { text-align: right;}

.game .info td { }
.game .info td.details { padding: 5px 0px; border-right: 3px solid #666; font-size: .9em; white-space:nowrap;}
td .record { font-weight:normal; padding-left:1px; font-size:75%; color:#333; white-space:nowrap;  }

.winner td { font-weight: bold; color: #333; }

.game .champion td { font-weight: bold; height: 100%; vertical-align: middle; border-bottom: 4px solid #666;}
.champion .team { border-bottom: 1px solid #666; padding: 0px 5px; width: 100%; }


.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: bold; color: #666; }
.Tournament td a { font-weight: normal; }
.TournamentGame td { color: #333;  background-color: #E5ECF3; border-bottom: 1px solid white; border-top: 1px solid white;  }
.TournamentGame .indent { text-indent: 20px; background-color: #E5ECF3; }

.with-subcontrol { float:none; }
.subcontrol { display:none!important;}


input { border: 1px solid black; }

/* TITLES
--------------------------- */

#page-head-title, .cms-editable h1, div.story .Headline {font-size:1.4em; margin-bottom: 18px; font-weight: bold; color: #fff;}
#page-head-title { display: none; }

.homepage h2.title, .cms-editable h2 {font-size:1.667em;line-height:1.25em;margin-bottom:1.5em;}

.ok-bl .title, .error-bl .title,.warning-bl .title, .page-sub-title .title, .page-sub-title .title-admin, .page-sub-title .title-hl, .info-bl .title, .cms-editable h3, .print-title {font-size:1.2em;line-height:1em;margin-bottom:1em; }

/* 16 px */
.homepage .title, .link-list .title, .section-title {font-size:1.1em;line-height:1.125em; margin-bottom: 10px;}

/* 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, .thickbox-title, #page-head-title,.cms-editable h2,.cms-editable h3,.cms-editable h4,.cms-editable h5,.cms-editable h6,.cms-editable h1 
	{font-family: "Lucida Sans Unicode","Lucida Grande", Verdana, sans-serif;}

.page-sub-title {font-size: 1.33em; color: #fff; display: block; clear: both;}
.page-sub-title .title { font-weight: bold; font-size: 1.33em; display: block; clear: both; border-bottom: 1px solid black;}
.page-sub-title .title-hl {font-weight: bold; font-size: 1.33em;}
.page-sub-title .title-admin { font-weight: bold;}

.step-title {font-size: 1.1667em;font-weight:bold;color: #999;}


h3 .subcontrol { color: #666; font-size: .7em; text-align: right; display: inline-block;}

h3 .link { font-size: .9em; margin-left: 10px;}
h3 .subText { font-size: .7em; color: #666; }
.section {padding-bottom: 0.5em;}
.section-title { color: #ccc; display: block; clear:both; border-bottom: 1px solid #dcdcdc;}
.section-title em {margin-left: 1em;}

.GrandTotal { font-weight: bold; font-size: 1.25em; margin: 25px 0px 50px 0px;}
.GrandTotal td {padding: 3px 0px 3px 0px; margin: 0px; }

.invoice { width: 100%; }
/*.ie6 .invoice { width: 90%;}*/
.invoice .subtotal { text-align: right; padding-right: 10px;}
.invoice p  { text-align: right; padding-right: 10px; font-weight: bold;}


.print-page { page-break-after: always; font-family: Helvetica, Arial, sans-serif;}

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;}

.print-page-title {text-align:center; margin: 0 0 1em;}
.print-page-title .title { padding: 7px 0; font-size: 1.5em;}
.print-page-subtitle { font-size: 1.5em;  margin-top: 25px; color:Black;}
.print-title { text-align: center; font-size: 1.25em;}
.print-header { font-size: 1.2em;}

.print-invoice-header {font-family: Helvetica, Arial, sans-serif;}
.print-invoice-header .schoolName { font-size: 1.125em; }

.currency { text-align: right;}
.Numeric			{ padding: 2px 5px 0px 5px; text-align: right;}

.print-vspace-large  { margin-top: 150px; }
.print-vspace-medium { margin-top: 75px; }

.pending {font-size: 0.9em;color: #999;font-style:italic;}
.indent { margin-left: 1em;}
.smallindent { margin-left: .5em;}

.no-border {border:none !important;}
.print-borderless-table, .print-borderless-table tr, .print-borderless-table td {border: none !important;}
.print-borderless-table .TableColumnHeader td {border-bottom: 1px solid #ccc !important;}

/* GRID LAYOUTS - see grids.txt
-------------------------------- */
.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{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{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{float:left;margin-left:2%; margin-left:1.895%;width:32%;}
.yui-gb div.first,.yui-gc div.first,.yui-gd 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%;}

.yui-u .right { float:right; }
/*.yui-g .yui-u, .yui-g div.first {display:block;width:auto;float:none;}*/

.thickbox-table {border:3px solid #ccc; padding: 0 5px;margin: 0 3px 1em 2px;width:99%; border-width: 1px 0 1px;}
	/*.ie6 .thickbox-table {width: 90%;}*/
.thickbox-table .TableColumnHeader td { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; vertical-align:bottom; font-weight: bold;}
.thickbox-table .TableColumnFooter td { font-weight:bold; }

.thickbox-table td {padding: 5px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.thickbox-table td strong {font-size: 1.166em;}
.thickbox-table tr { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.thickbox-table tr.alt th, .thickbox-table tr.alt td {border: 1px solid #ccc; border-width:1px 0;}
.thickbox-table .subtotal { font-weight: bold; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.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.strong { font-weight: normal; }
.financial-table { width: 800px; }
.financial-table tr.rejected td { text-decoration: line-through; }

/* FLOAT CONTAINERS
--------------------------- */

#bd:after,
.yui-g:after, 
.yui-gb:after, 
.yui-gc:after, 
.yui-gd:after, 
.yui-ge:after, 
.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd,
.yui-g, 
.yui-gb, 
.yui-gc, 
.yui-gd, 
.yui-ge, 
.yui-gf{zoom:1;}


/* MISC 
------------------------ */
#content .highlight {font-weight:bold;border:1px solid #999;}


/* CUSTOM DECLARATIONS 
------------------------ */

/* Registration Invoice */
.reg-invoice-print #page-head-title {text-align:center; font-size: 1.6em; font-weight: bold; margin: 0px; padding-bottom: 5px; }
.ie6 .reg-invoice-print { width: 70%; }
.ie6 .printedReport {width: 70%;}


.ineligible { color: #f00;}


/* Transfer Forms
------------------------ */

.FormProItem { margin-bottom: 15px; font-size: .9em;}
.FormProPrompt { line-height: 1.3em; color: #666; }
.FormProPrompt strong { font-weight: bold;}
.FormProOption { padding-left: 15px; margin-bottom: 10px; display: block; padding-bottom: 0px; }

.FormProAnswer { margin: 0px 0px 10px 25px; display: block; font-size: .9em;}
.FormProAnswer td { padding-left: 15px; font-weight: bold;}
.FormProAnswer .street { display: block;}
.FormProAnswer .name { display: inline-block; margin-right: 15px; line-height: 1.3em; }
.FormProAnswer .relationship { display: inline-block; margin-right: 15px;  line-height: 1.3em;}
.FormProAnswer .duration { display: inline-block; margin-right: 15px;  line-height: 1.3em;}

.subcontrol { font-size: .8em; }


table.form {margin: 0 0 1.7em;}
table.form th { padding-right: 10px; color: #999; }
table.form td { padding: 0px 5px; }
table.form th, table.form td { padding-bottom: 10px; }

textarea { width: 500px; border: 0px; resize: none; }


/* Tournament Bracket
--------------------------- */
.game table {  height: 100%; width: 100%; }
.game { padding: 0px; height: 100%; margin-bottom: 10px; height: 100%; }
.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 .info td { height: 25%; vertical-align: bottom; }
.game .info td a { padding: 12px 5px; text-decoration: none;  padding: 5px 5px 5px 0px; }

.game .separator { height: 25%; }

.game .seed  { text-align: right;  }
.game .bottom td.seed  { border-right: 0px; text-align: right; }

.game .top td, .game .bottom td, .game .separator td { margin: 0px; padding: 0px; }
.game .top td, .game .bottom td { padding-right: 10px; } 
.game .bottom td.score { border-right: 3px solid #666; }
.game .score { text-align: right;}

.game .info td { }
.game .info td.details { padding: 5px 0px; border-right: 3px solid #666; font-size: .9em;}

.winner td { font-weight: bold; color: #333; }

.game .champion td { font-weight: bold; height: 100%; vertical-align: middle; border-bottom: 4px solid #666;}
.champion .team { border-bottom: 1px solid #666; padding: 0px 5px; width: 100%; }


.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: bold; color: #666; }
.Tournament td a { font-weight: normal; }
.TournamentGame td { color: #333;  background-color: #E5ECF3; border-bottom: 1px solid white; border-top: 1px solid white;  }
.TournamentGame .indent { text-indent: 20px; background-color: #E5ECF3; }

#map .mapItem div { color: Black !important; position: static !important; }

#map { border: 2px solid #6080a0; }

#map .mapItem img { visibility:visible; }

#map .sprite-dist1 img { margin-top:0; }
#map .sprite-dist2 img { margin-top:-32px; } 
#map .sprite-dist3 img { margin-top:-64px;} 
#map .sprite-dist4 img { margin-top:-96px; } 
#map .sprite-dist5 img { margin-top:-128px; } 
#map .sprite-dist6 img { margin-top:-160px; } 
#map .sprite-dist7 img { margin-top:-192px; } 
#map .sprite-dist8 img { margin-top:-224px; } 
#map .sprite-dist9 img { margin-top:-256px; } 
#map .sprite-dist10 img { margin-top:-288px; } 
#map .sprite-dist11 img { margin-top:-320px; } 
#map .sprite-dist12 img { margin-top:-352px; } 
#map .sprite-dist13 img { margin-top:-384px; } 
#map .sprite-dist14 img { margin-top:-416px; } 
#map .sprite-dist15 img { margin-top:-448px; } 
#map .sprite-dist16 img { margin-top:-480px; } 
#map .sprite-dist17 img { margin-top: -512px; } 
#map .sprite-dist18 img { margin-top: -544px; } 
#map .sprite-dist19 img { margin-top: -576px; } 
#map .sprite-dist20 img { margin-top: -608px; } 
#map .sprite-distnone img { margin-top: -640px; }
#map img { display: inline; }

.page-break { display:block; page-break-before:always;}

#ptTimeSelectCntr { display: none; }

.print-hidden { display: none; }

.site-loader { display: none; }

.grid 
{
    width: 100%;
}

.col-1-2, .col-5-10 
{
    width: 50%;
}

.col-1-4
{
    width: 25%;
}

.col-3-4
{
    width: 75%;
}

.print-tb 
{
    display: inline-block;
    border-top: 1px solid black;
    text-align: left;
    padding: 10px 0;
    margin: 30px 0px;
}


.center { text-align: center; }
.centered { margin: auto; }

/* Official ID Card */
.businesscards { margin: 47px 0 0 65px;}





.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; }









/*Form Sharp */
.formsharp { font-family: 'Open Sans'; font-size: 15px; font-weight: 600; color: #333; }
        
.fs_item { border-radius: 5px; font-family: 'Open Sans'; font-size: 15px; font-weight: 600; color: #333; margin: 9px 0 27px 0; }

.formsharp h1, h1 { font-size: 28px; color: #333; font-weight: 600; margin-bottom: .75em; padding-left: 0;}
.formsharp h2, h2 { font-size: 24px; color: #444; font-weight: 600; margin-bottom: .5em; padding-left: 0;}
.formsharp h3, h3 { font-size: 22px; color: #555; font-weight: normal; margin-bottom: .333em; padding-left: 0;}
.formsharp h4, h4 { font-size: 18px; color: #666; font-weight: normal; margin-bottom: .25em; padding-left: 0;}
.formsharp h5, h5 { font-size: 16px; color: #777; font-weight: normal;}
.formsharp h6, h6 { font-size: 14px; color: #888; font-weight: normal;}

.formsharp table.fs_grid { width: 98%!important; }
table.fs_grid.fs_smallerrowheight tr th { padding: 3px 6px 3px 9px; }
table.fs_grid.fs_smallerrowheight tr td { padding: 3px 6px 3px 9px; }

.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: 18px; font-weight: 600; position: relative; }
.formsharp h1.fs_header {background-color: transparent; text-align: left; color: #333; font-size: 20px; line-height: 28px; margin: 0;  padding: 12px 0 3px 3px; }
.formsharp h1.fs_header.fs_type_admin { background-color: #777; color: White;}

.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.navigate { font-size: .8em; margin-right: 9px; float: right; color:#333; text-decoration: underline; }

.formsharp i:before, i:before { font-weight: normal;  padding-right: 6px; }

/* Alerts */
.formsharp .fs_panel.fs_item { border: 2px solid #333; border-radius:9px; }
.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 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_success h1.fs_header { background-color: #080; 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 span { display: block; padding: 9px 21px; font-size: 17px; border-top: 1px solid #333; }

.formsharp .fs_panel.fs_panel_note span { font-weight: normal; }

.formsharp .fs_panel h1.fa.fs_header { display: block; border-bottom:0; border-radius: 6px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.formsharp .fs_panel h1.fa.fs_header.fs_headeronly { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px;  }
.formsharp .fs_panel h1.fa.fs_header:before { margin-right: 10px; }


.formsharp .fs_item .fs_label { margin-left: 20px; }

.formsharp fs_radio { font-size: 14px; }
.formsharp .fs_item div.fs_textbox { font-size: 18px; }
                
.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 .fs_item div.fs_otherEntry { display:none; }
.formsharp .fs_item.fs_showOther div.fs_otherEntry { display: block; width:100%; padding-bottom: 1px; border-top: 1px solid #777; }
        
.formsharp .fs_item table td { padding: 0; vertical-align: middle; text-align: center;  }
.formsharp .fs_item table td.top { vertical-align: top; }
                
.formsharp .fs_item th label { background-color: #F7FBFD; /*#fdf9f1;*/ }       

.formsharp .fs_item .fs_radio input[type=radio],                                
.formsharp .fs_item .fs_checkbox input[type=checkbox] { display: none; }
.formsharp .fs_item .fs_radio input[type=radio] + label,
.formsharp .fs_item .fs_checkbox input[type=checkbox] + label { display: block;  padding: 7px 12px; background-color: #fff; font-weight: 600; }
.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; font-style: italic; color: #999; cursor: not-allowed; }
.formsharp .fs_item .fs_radio input[type=radio]:disabled + label:hover,
.formsharp .fs_item .fs_checkbox input[type=checkbox]:disabled + 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 { background-color: #38c; color: white; }

.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 tr td { border-top: 1px solid #777; border-right: 1px solid #777; }
.formsharp .fs_item tr:first-child td { border-top: none; } 
.formsharp .fs_item tr td:last-child { border-right: none; }
.formsharp .fs_item table:first-child tr:first-child td { border-top: none; }
        
.formsharp .fs_item:not(.fs_showOther) table.fs_radio tr.fs_lastRow td:first-child  { border-bottom-left-radius: 3px;}
.formsharp .fs_item:not(.fs_showOther) table.fs_radio tr.fs_lastRow td:first-child input[type=radio] + label { border-bottom-left-radius: 3px;}
.formsharp .fs_item:not(.fs_showOther) table.fs_radio tr.fs_lastRow td:last-child{ border-bottom-right-radius: 3px;}
.formsharp .fs_item:not(.fs_showOther) table.fs_radio tr.fs_lastRow td:last-child input[type=radio] + label { border-bottom-right-radius: 3px;}
.formsharp .fs_item:not(.fs_showOther) table.fs_radio tr.fs_lastRow .fs_otherSelect { border-bottom-right-radius: 3px;}
.formsharp .fs_item:not(.fs_showOther) table.fs_radio tr.fs_lastRow .fs_otherSelect input[type=radio] + label { border-bottom-right-radius: 3px;}

.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: 93%;}
.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] { outline: none; padding: 12px 15px; resize: none;  width: 93%; font-size: 18px; border: none; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; }

.formsharp .fs_item table.fs_daterange tr { border: none;}
.formsharp .fs_item table.fs_daterange td { border: none!important; }
.formsharp .fs_item table.fs_daterange td.dateseparator { width: 25px; }

.formsharp .fs_item div.fs_textbox.fs_datebox { text-align: center; padding-bottom: 1px; width: auto; display: inline-block; padding: 0 10px; border: none; }
.formsharp .fs_item div.fs_textbox.fs_datebox input[type=text] { text-align: center;  width: 120px;  border-radius: 5px; } /* it works */
.formsharp .fs_item div.fs_textbox.fs_datebox input { border: 1px solid #777; margin-right: 12px; }
.formsharp .fs_item div.fs_textbox.fs_datebox span { }
        
.formsharp .fs_item table.fs_textbox.fs_school { width: 100%; }
.formsharp table.fs_school tr:first-child td { border-bottom: 1px solid #777; }

/* 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%; }

/* Telephone */
.formsharp .fs_item table.fs_telephone { width:auto; }
.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 .fs_telephone input[type=text] { padding: 3px 6px 9px 6px;  }
.formsharp .fs_item .fs_telephone label { padding-left: 6px; }
.formsharp .fs_item .fs_telephone td.area input[type=text] { width: 30px; }
.formsharp .fs_item .fs_telephone td.prefix input[type=text] { width: 30px; }
.formsharp .fs_item .fs_telephone td.suffix input[type=text] { width: 45px; }
.formsharp .fs_item .fs_telephone td.extension input[type=text] { width: 45px; }
        
/* 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 { border-radius: 6px;}
.formsharp .fs_multitextbox table td { border-bottom: none; }
.formsharp .fs_item .fs_multitextbox .address tr.locality td.city { width: 400px; }
.formsharp .fs_item .fs_multitextbox .address tr.locality td.state{ width: 50px; }
.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 .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_item .fs_summarylist table tr:first-of-type th { border-top-left-radius: 6px;}
.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; }
.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; }
.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; }

/* table */
.formsharp .indent { margin-left: 25px;}
.formsharp table.fs_table { font-size: 18px; }
.formsharp table.fs_table th { line-height:40px; font-size: 18px; color:#777; padding-right: 50px; vertical-align: middle; font-weight:600; }
.formsharp table.fs_table td { padding: 5px 15px; }
.formsharp table.fs_table tfoot tr:not(.hide):first-of-type th, .formsharp table.fs_table tfoot tr:first-of-type td { border-top: 2px solid #888;  }
.formsharp table.fs_table tfoot tr:not(.hide):last-of-type th, .formsharp table.fs_table tfoot tr:last-of-type td { border-bottom: 2px solid #888;  }

.formsharp table.fs_table.fs_financial { width: 100%;  }
.formsharp table.fs_table.fs_financial td { text-align:right;}
.formsharp table.fs_table.fs_financial td, .formsharp table.fs_table.fs_financial th { border-top: 1px solid #d8d8d8; font-size: 22px; }

.formsharp .minimizeOnPrint table.fs_grid tbody tr td { padding: 4px 10px!important; }
                 
/* Status List*/
.formsharp .fs_statuslist {
    width: 100%;
    font-size: 20px;
    border-radius: 6px;
    background-color: #f4f4f4;
}
.formsharp .fs_statuslist table { width: 100%;}
.formsharp .fs_statuslist table td { border: 1px solid #333!important;}
.formsharp .fs_statuslist table td span { display:block; padding: 8px 28px; font-style: normal; color: #333; background-color: #f4f4f4; border: none;}

.formsharp .fs_statuslist td:first-of-type span { background-color:#333; color:  white; border-color: #333; }
.formsharp .fs_statuslist td span.selected { background-color: #080; color: white; }
.formsharp .fs_statuslist td span.unselected { background-color: #f6f6f6; color: #333; }
        
/* Grid */
.formsharp table.fs_grid { width: 100%; padding: 0 3px; border-collapse:inherit; }
.formsharp table.fs_grid td { vertical-align: top; }
.formsharp table.fs_grid td.right { text-align: right; }
.formsharp table.fs_grid td, .formsharp table.fs_grid > th { padding: 12px 6px 12px 9px; text-align: left; }
.formsharp table.fs_grid td.center { text-align: center; }


.formsharp table.fs_grid tr.fs_columnheader td { background-color:#f6f6f6; padding: 9px 9px; border-right: none; border-top: 1px solid #777; border-bottom: 1px solid #777; font-size:15px; font-weight: bold; }   
.formsharp table.fs_grid tr td { border-right: none; border-color: #eee; }
.formsharp table.fs_grid tr td:first-of-type { border-left: 1px solid #777; }
.formsharp table.fs_grid tr td:last-of-type { border-right: 1px solid #777; }
.formsharp table.fs_grid tr:last-of-type td { border-bottom: 1px solid #777; }

/*.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; }

.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 .fs_multitextbox table { width: 100%; table-layout:fixed; }
.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 #888; text-align:left; padding-left: 10px; }
.formsharp .fs_multitextbox input[type=text] { border: 0; padding: 3px 0px 9px 0; width: 100%; }
.formsharp .fs_multitextbox label { display: block; font-size: 13px; color: #aaa; font-weight: normal; text-transform:lowercase; }
.formsharp .fs_multitextbox td .fs_block { float: left; border-right: 1px solid #888; padding-left: 13px; }
.formsharp .fs_multitextbox .vcard { margin-bottom: 0; }


.formsharp .fs_item table tr td:first-of-type { border-left: 1px solid #777; }
.formsharp .fs_item table tr td, .formsharp .fs_item table tr:first-of-type td, .formsharp .fs_item table:first-child tr:first-child td { border-top: 1px solid #777; }
.formsharp .fs_item table:last-of-type tr:last-of-type td { border-bottom: 1px solid #777; }

.formsharp .fs_item table:first-of-type tr:first-of-type td:first-of-type,
.formsharp .fs_item table:first-of-type tr:first-of-type td:first-of-type label { border-top-left-radius: 6px; }
.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 { border-top-right-radius: 6px; }
.formsharp .fs_item table:last-of-type tr:last-of-type td:first-of-type,
.formsharp .fs_item table:last-of-type tr:last-of-type td:first-of-type label { border-bottom-left-radius: 6px; }
.formsharp .fs_item table:last-of-type tr:last-of-type td:last-of-type,
.formsharp .fs_item table:last-of-type tr:last-of-type td:last-of-type label { border-bottom-right-radius: 6px; }
.formsharp .fs_item tr td:last-child { border-right: 1px solid #777; }


.recordBook {font-size: 1.33em;}
.recordBook h3 { font-size: 2em; margin: 1em 0; text-align:left;}
.recordBook nav { display: none; }
.recordBook div.records[data-tabsnav=container] { width: 100%; }
.recordBook div[data-opengrouptype=group]:not(.open),
.recordBook div[data-opengrouptype=subgroup]:not(.open) {display: none;}
.recordBook [data-opengrouptype=openclose] { display:block; font-size: 1.667em; margin: 1.25em 0 .25em 0; }
.recordBook [data-opengrouptype=subopenclose] { display:block; font-size: 1.333em; margin: 1.25em 0 .25em 0; }
.recordBook i { display: none;}

i.flaticon { width: 1em; font-size: 1.25em; }

td.center { text-align: center; }

::-webkit-input-placeholder { /* WebKit browsers */
      color: transparent;
  }
  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
      color: transparent;
  }
  ::-moz-placeholder { /* Mozilla Firefox 19+ */
      color: transparent;
  }
  :-ms-input-placeholder { /* Internet Explorer 10+ */
      color: transparent;
  }


  .responsive main.scrolled { margin-top: 0!important; }
  .responsive header,
  .responsive footer { display: none; }

  
  a { text-decoration: none!important; }


  .myschool main { max-width: none;}
  .myschool article { width: 100%; max-width: 100%; flex: 0 0 100%; }
  
  .myschool .shared_schedule { font-size: 18px; }
  .myschool ul.myschoolnav li:not(.current) { display: none; }
  .myschool ul.myschoolnav li.current { background-color: transparent!important;  }
  .myschool ul.myschoolnav li.current a { color: #333;  }

  .myschool tr.gray td, .myschool tr.gray td a, a.gray { color: #888!important; }


.bracket4rounds {
    height: 8in;
    width: 11in;
}

    .bracket4rounds .bracket table tbody tr.spacer td {
        line-height: 1em;
    }

    .bracket4rounds .bracket table tbody tr td {
        line-height: 1.5em !important;
    }


.print-portrait {
    width: 7.5in !important;    
}

.print-landscape {
    width: 10.0in !important;    
}


.mycalendar td.othermonth { background-color: #eee!important;}
.items table td { padding: 0 .5em!important;}
.no-print-page-break { page-break-inside: avoid; }

@page {
    size: auto;
}