table.dataTable thead th { padding:10px; text-align:left }

select.select-list { height:20px; border:solid 1px #aaa; background:transparent; font-family:verdana }
input.text-box { height:14px; padding:2px 5px; border:solid 1px #aaa; border-radius:5px }
select.select-list:focus,
input.text-box:focus { outline:none; border-color:#777 }
.input-btn { height:24px; border:solid 1px #48759c; background:#3d8af7; color:#fff; border-radius:5px; -webkit-transition:background .4s ease; transition:background .4s ease }
.input-btn[disabled] { background:#ccc; color:#999; border-color:transparent }
.input-btn:focus { outline:none }
.input-btn:active { box-shadow:0 0 10px rgba(0,0,255,0.5) inset }

.search-form { margin-bottom:10px }
.search-form td { padding:2px 10px } 
.search-form .label { white-space:nowrap; padding-right:0; color:#777 }
.search-form .input { padding-left:20px }
.search-form .input.loading { background: url(/info/ajax/indicator.gif) no-repeat 0 50% }
.search-form .req { color:#ff0000; padding:0 5px }
.search-form .error { border-color:#ff6666 !important }

/* SPORTS INTENT */
.sports-intent .search-form .select-list.sport { width:200px }
.sports-intent .search-form .text-box.lastname { width:190px }
.sports-intent .search-form .text-box.firstname-initial { width:40px }
.sports-intent .search-form .academic-years-list label { margin-right:10px }
.sports-intent .search-form .academic-years-list input { margin-right:5px; vertical-align:middle }
.sports-intent table.dataTable .year { text-align:center }

/* AWARD CERTIFICATES */
.awards .filter-table { position:relative }
.awards.loading .filter-table:after { content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(255,255,255,0.5) }
.awards table.dataTable .download { text-align:center }

/* COLLEGE DIRECTORY */
.college-directory h4 { margin:10px 0}
.college-directory .region-map { margin:0 0 15px; text-align:center }
.college-directory .filters { margin:0 0 15px }
.college-directory .filters > div { float:left; margin-right:5px; position:relative; }
.college-directory .filters > div.loading:after { content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(255, 255, 255,0.4) }
.college-directory .filters .reset { display:none }
.college-directory .filters .reset span { display:inline-block; vertical-align:top; height:20px; line-height:20px; padding:0 5px; color:#1B75BC; cursor:pointer }
.college-directory .alphabets { text-transform:uppercase } 
.college-directory .alphabets a { color:#444; padding:0 5px }
.college-directory .directory { min-height:80px; -webkit-transition:opacity .4s ease-in; transition:opacity .4s ease-in }
.college-directory .directory.loading { background:url(/info/ajax/indicator.gif) no-repeat 50% 50% }
.college-directory .directory table { width:100% }
.college-directory .filter-table { visibility:hidden; max-height:0; overflow:hidden; opacity:0; -webkit-transition:opacity .4s ease-in; transition:opacity .4s ease-in }
.college-directory table.dataTable .region,
.college-directory table.dataTable .state { text-align:center }
.college-directory.filtered .directory { visibility:hidden; opacity:0; min-height:0; max-height:0; overflow:hidden }
.college-directory.filtered .filter-table { position:relative; visibility:visible; max-height:none; overflow:visible; opacity:1 }
.college-directory.loading .filter-table:after { content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(255,255,255,0.75) }
.college-directory.filtered .filters .reset { display:block }

/* COLLEGE PROFILE */
.college-profile { min-height:50px }
.college-profile.loading { background:url(/info/ajax/indicator.gif) no-repeat 50% 50% }
.college-profile .college-name { font-size:35px; line-height:115px; margin:0; text-align:center }
.college-profile .college-name img { height:115px }
.college-profile .college-name .mascot-logo { float:left; margin-right:15px }
.college-profile .college-name .region-logo { float:right; margin-left:15px }
.college-profile .profile table { width:100% }
.college-profile .profile td { width:50% }
.college-profile .profile .row { margin-top:8px }
.college-profile .profile .label { display:inline-block; vertical-align:top; width:135px; padding-right:15px; color:#777; text-align:right }
.college-profile .profile .value { display:inline-block; vertical-align:top; max-width:430px }
.college-profile .profile .col { display:inline-block; vertical-align:top; margin-left:50px }
.college-profile .profile .col:first-child { margin-left:0 }
.college-profile .profile .col ul,
.college-profile .profile .col li { margin:0; padding:0; list-style:none }
.college-profile .profile .col .title { font-weight:bold; color:#1471B3 }
.college-profile .contacts { margin-top:20px }
.college-profile .contacts h2 { margin-bottom:0 }
.college-profile table.dataTable th { padding:10px; text-align:left }

/* ACADEMIC TEAMS OF THE YEAR */
.academic-awards .teams-datatable { position:relative }
.academic-awards .teams-datatable.loading:after { content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(255,255,255,0.5) }
.academic-awards .team-winners,
.academic-awards .winner-details { -webkit-transition:opacity .4s ease }
.academic-awards.view1 .winner-details,
.academic-awards.view2 .team-winners { visibility:hidden; opacity:0; max-height:0; overflow:hidden }
.academic-awards.view2 .winner-details { min-height:50px }
.academic-awards .winner-details.loading { background:url(/info/ajax/indicator.gif) no-repeat 50% 50% }
.academic-awards .winner-details .team-details { margin-bottom:30px }
.academic-awards .winner-details .team-photo { margin-bottom:10px }
.academic-awards .winner-details .team-photo img { width:100%; vertical-align:middle }
.academic-awards .winner-details .team-athletes ul { float:left; width:16.66%; margin:0; list-style:none }
.academic-awards .honorable-mentions > div { max-width:450px }
.academic-awards .print-certificate { float:right }
.academic-awards table.dataTable .team-gpa { text-align:center }

/* STUDENT ATHLETE AWARDS */
.athlete-awards .filters { margin:0 0 15px }
.athlete-awards .filters > div { float:left; margin:0 5px 5px 0; position:relative; }
.athlete-awards .filters > div.loading:after { content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(255, 255, 255,0.4) }
.athlete-awards .filter-table { visibility:hidden; opacity:0; max-height:0; overflow:hidden; -webkit-transition:opacity .4s ease-in }
.athlete-awards.filtered .filter-table { visibility:visible; opacity:1; max-height:none; overflow:visible }
.athlete-awards .filter-table > div { position:relative }
.athlete-awards.loading .filter-table > div:after { content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(255,255,255,0.5) }
.athlete-awards .print-certificate { float:right }
.athlete-awards .DTTT_container { position:relative; float:right }
.athlete-awards .DTTT_button { position:relative; display:inline-block; margin-left:5px; cursor:pointer }

/* DIRECTORS DIRECTORY */
.directors h2 { margin:0 }
.directors .navi { float:right }
.directors .navi a { display:inline-block; margin-right:10px; font-size:small }
.directors .section { margin-top:30px }
.directors .section:first-of-type { margin-top:0 }
.directors .resources { margin-top:10px }
.directors .resources ul { list-style:none; margin:0 0 0 15px }
.directors table.dataTable th { padding:10px; text-align:left }
.directors .overlay { visibility:hidden; position:absolute; left:-9999px; top:-9999px; background:rgba(255,255,255,0.8); opacity:0; -webkit-transition:opacity .6s ease }
.directors .overlay.active { visibility:visible; position:fixed; left:0; right:0; top:0; bottom:0; z-index:9999; opacity:1 }
.directors .overlay > div { width:500px; height:300px; position:absolute; left:50%; top:50%; margin:-150px 0 0 -250px  }
.directors .overlay .close { position:absolute; right:-14px; top:-14px; width:28px; height:28px; text-indent:-9999px; background:url(/info/images/close.png) no-repeat 0 0 }
.directors.loading { min-height:100px; background:url(/info/ajax/indicator.gif) no-repeat 50% 0 }

/* SPORTS POLLS */
.sport-polls { position:relative; min-height:60px; max-width:1000px; margin:0 auto }
.sport-polls.loading:after { content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:url(/info/ajax/indicator.gif) no-repeat 50% 0 rgba(255,255,255,0.7) }
.sport-polls h2 { float:left; margin:0 }
.sport-polls .header-img img { width:100% }
.sport-polls .filters { margin-bottom:10px; text-align:right }
.sport-polls .filter { display:none; margin-left:10px }
.sport-polls .filter.active { display:inline-block; vertical-align:top }
.sport-polls .other-votes { margin-top:20px }
.sport-polls .error { color:#ff0000 }
.sport-polls .dataTable .state,
.sport-polls .dataTable .record { text-align:center }
.sport-polls .dataTable .rank,
.sport-polls .dataTable .points,
.sport-polls .dataTable .prev-rank { text-align:right }
.sport-polls .no-polls { text-align:center }
.sport-polls .notes { margin-top:10px }

/* NEWS ARCHIVE */
.news-archive .news-table thead { display:none }
.news-archive .news-table tbody tr:first-child td { border-top:solid 1px #111 }
.news-archive .news-table .dataTables_length { margin-bottom:10px }
.news-archive .news-table .date-col { width:100px }
.news-archive.loading .news-table:after { content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(255,255,255,0.5) }
.news-archive .filters { margin-bottom:10px }
.news-archive .filters .filter { display:inline-block; vertical-align:top; margin-right:5px }
.news-archive .filters .filter.inactive { display:none }

/* TEAMS PAGE */
.sport-teams { text-align:center }
.sport-teams > h1 { padding:0 10px; text-align:left }
.sport-teams ul,
.sport-teams li { list-style:none; padding:0; margin:0 }
.sport-teams ul { margin-top:10px }
.sport-teams .content-col > h3 { padding:10px; margin:0; color:#fff; background:#1B5191 }
.sport-teams .content-col { display:inline-block; vertical-align:top; width:25%; padding:0 10px; margin:0 -2px; text-align:left; -moz-border-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box }
.sport-teams[data-col="2"] .content-col { width:50% }
.sport-teams li { padding:5px; font-size:11px; text-align:right }
.sport-teams li:nth-child(even) { background:#F5F5F5; color:#1960ae }
.sport-teams li.region,
.sport-teams li.conference { background:#666; color:#fff; text-align:left; padding:5px; text-transform:capitalize  }
.sport-teams li a { padding:0 5px }
.sport-teams li .college-name { float:left; text-align:left; padding-right:0 }

/* STAFF LIST */
.staff-list .contact-info h1 { margin:0 }
.staff-list .contact-info .photo { width:48%; max-width:550px; float:left; margin:0 20px 20px 0 }
.staff-list .contact-info img { width:100% }

/* COMPLIANCE CORNER */
.compliance-corner .news-table thead { display:none }
.compliance-corner .news-table tbody tr:first-child td { border-top:solid 1px #111 }
.compliance-corner .news-table .dataTables_length { margin-bottom:10px }
.compliance-corner .news-table .date-col { width:100px }
.compliance-corner.loading .news-table:after { content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(255,255,255,0.5) }
.compliance-corner .filter { margin-bottom:10px }
.compliance-corner .filter ul,
.compliance-corner .filter li { margin:0; padding:0; list-style:none }
.compliance-corner .filter li { display:inline-block; padding:0 10px; border-left:solid 1px #ccc; line-height:1 }
.compliance-corner .filter li:first-child { padding-left:0; border-left:none }
.compliance-corner .filter li:first-child + li { border-left:none }
.compliance-corner .filter li.active a { color:#444; cursor:default; text-decoration:none }

/* NJCAA TIMELINE */
.timeline .timeline-bar { padding:20px 20px 25px; margin-bottom:20px }
.timeline .timeline-bar ul,
.timeline .timeline-bar li { margin:0; padding:0; list-style:none }
.timeline .timeline-bar ul { border-bottom:solid 2px #ccc }
.timeline .timeline-bar li { float:left; width:12.5%; height:25px; position:relative }
.timeline .timeline-bar li:last-child { width:0; position:relative; left:-2px }
.timeline .timeline-bar li:before { content:""; width:2px; height:25px; background:#ccc; position:absolute; left:0; bottom:0 }
.timeline .timeline-bar li:first-child:after,
.timeline .timeline-bar li:last-child:after { content:""; width:2px; height:25px; background:#ccc; position:absolute; left:0; bottom:-25px }
.timeline .timeline-bar li span { display:block; width:40px; height:20px; line-height:20px; color:#3E5AA4; font-size:small; font-weight:bold; position:absolute; left:-20px; top:-20px; cursor:pointer }
.timeline .timeline-bar li.active span { color:#444 }
.timeline .article { margin-top:20px; padding-left:150px; position:relative }
.timeline .article:first-child { margin-top:0 }
.timeline .article .thumbnail { position:absolute; left:0; top:0 }
.timeline .article .thumbnail:after { content:""; width:25px; height:2px; background:#ccc; position:absolute; right:-30px; top:75px }
.timeline .article .thumbnail img { width:120px; height:130px; vertical-align:middle }
.timeline .article .thumbnail span { display:block; height:20px; line-height:20px; text-align:center; background:#00205A; color:#FFF }
.timeline .article .text { padding:11px 0 11px 10px; border-left:solid 2px #ccc; position:relative; line-height:16px }
.timeline .article .text > div { height:128px; overflow:hidden }
.timeline .article .text.overflow > div { height:112px }
.timeline .article .text.overflow.expand > div { height:auto }
.timeline .article .text:before,
.timeline .article .text:after { content:""; width:30px; height:2px; background:#ccc; position:absolute; left:0; top:0 }
.timeline .article .text:after { top:auto; bottom:0 }
.timeline .article .text p { margin:16px 0 0; line-height:16px }
.timeline .article .text p:first-child { margin:0 }
.timeline .articles { position:relative }
.timeline .articles.loading:after { content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(255,255,255,0.5) }


/* MEDIA QURIES */
@media only screen and (max-width:1023px) {
.page .sport-teams .content-col { display:block; width:100%; margin:0 }   
}

@media only screen and (max-width:767px) {
.sport-polls .filters { text-align:left }
.sport-polls .filters .filter { display:block; margin:0 0 5px }
.sport-polls h2 { float:none; margin-bottom:5px }
}