@charset "UTF-8"; /* CSS Document */ /* ******************** TABLE OF CONTENTS ******************** 1.0 Tag Rewrites - Line 26 2.0 Administration - Line 52 3.0 Banner 4.0 Content - Line 61 x.0 - Responsive - Line 814 */ /* Colors */ .temp-link {color:#ee9a01;} /* dark green: #74942c darker green: #597122 light green: #d4e3a2 border green: #c5d397 orange: #ee9a01 darker orange: #c37e01 light orange: #eec06c */ /* ******************* TAG REWRITES ****************** */ html,body { height:100%; position:relative; } * html #page {height:100%;} body { padding:0; margin:auto; width:900px; height:100%; background:url(../img/common/bg.gif) no-repeat center; } body#iFrame { background: none; } /* 8/14/17 Nora added to remove background from iFrame Counselors */ body, p, a{ font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#74942c; line-height:16px;margin-top:0; } a:hover {text-decoration:underline; color:#749000;} /*----TYPOGRAPHY----*/ h1 {font-size:18px; font-family:"Courier New", Courier, monospace; font-weight:bold; text-transform:uppercase; } h2 {font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:200; letter-spacing:0.1ex; text-transform:uppercase;} h3 {font-size:14px; font-family:"Courier New", Courier, monospace; font-weight:bold; text-transform:uppercase; margin-bottom:0;} h4 {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:200; letter-spacing:0.1ex; margin-bottom:0; margin-top:0;} hr { border: 0;width: 100%;color: #c5d397;background-color: #c5d397;height:1px; clear:both; } h3 em {font-family:Arial, Helvetica, sans-serif; font-weight:lighter; font-size:10px;} img {border:none; margin:0; padding:0;} .clear {clear:both;} .left {float:left;} .right {float:right;} /* ******************* ADMINISTRATION ******************* */ #admin-content, #admin-content-iFrame { width:800px; min-height:620px; } /* 5/23/17 Nora added admin-content-iFrame */ #admin-content-iFrameSmall { width:250px; } /* 5/15/17 Nora added for Weebly iFrame */ #admin_nav form {margin:15px 0px 20px 40px;} #admin_filter form {width:800px; margin:15px 0px 20px 0px;} #admin_filter label {width: 100px; font-family:Courier New, Courier, monospace; font-size:11px; padding-top:7px; color:#74942c; float:left; text-align:right; display:inline;} .filter_form_box {background-color:#d4e3a2; border:solid; border-width:3px; border-color:#c5d397; width:790px; margin:5px 0 5px 0; padding:5px 0;} #filter {float:left; margin-top:7px;} input.filter_button {float:left; margin-left:30px;} select.month-filter{height:30px; margin-bottom:5px; margin-left:20px; font-size:11px; padding-top:4px; border:solid; border-width:3px; border-color:#c5d397; float:left;} select.day-year-filter{height:30px; margin-bottom:5px; font-size:11px; padding-top:4px; border:solid; border-width:3px; border-color:#c5d397; float:left;} input.searchText{width:210px; height:20px; margin-bottom:15px; margin-left:20px; font-size:11px; padding-top:4px; border:solid; border-width:3px; border-color:#c5d397; float:left;} /* ***************** 3.0 CONTENT ******************* */ /*#wrapper-left {background: url(../img/common/shadow_left.png) repeat-y left top; min-height:100%;} #wrapper-right {background: url(../img/common/shadow_right.png) repeat-y right top; min-height:100%;} */ /* These go in the body tag as id's that must have been created in the original IDE/Framework - For example, on the College Profiles, the id is colleges. */ #Print { margin: 0; background: #fff; } /* 9//13 Nora added */ #iFrame { width: 800px; background: #fff; margin: 0 auto; } /* 5/14/17 Nora added 5/15/17 Nora changed from 300 - 800 with addition of 2nd iFrame layer */ #iFrameSmall { width: 250px; background: #fff; margin: 0 auto; padding-left: 10px; } /* 5/15/17 Nora added to allow for 2 iFrame sizes - This goes as a class for */ #page { width: 800px; min-height:100%; margin:auto; padding:0px 25px 0px 25px; background:#fff; } #page-iFrameSmall { width: 250px; min-height:100%; margin: 0 auto; background:#fff; color: #000; } /* 5/15/17 Nora added for Weebly iFrame */ #page-iFrame { width: 800px; min-height:100%; margin: 0 auto; padding: 20px; background:#fff; color: #000; /* background: #ccc; */ } /* 5/18/17 Nora added for Weebly iFrame */ #page-iFrame hr { background-color: #000; color:#000; } /* 5/23/17 Nora added to override the default green hr */ #content { width: 800px; min-height:100%; } #content-iFrameSmall { width: 250px; min-height:100%; margin-top: 15px; color: #000; border: 1px solid #900; } /* 5/15/17 Nora added for Weebly iFrame 5/31/17 Nora added margin */ #content-iFrameSmall h3 { width: 250px; padding: 5px; } /* 5/31/17 Nora added */ #content-two-col {width:800px; min-height:100%; background:url(../img/mainbarbg.jpg) repeat-y;} #main-content {width:510px; padding-right:20px; min-height:620px;} .mce-widget.mce-tooltip { display: none !important; } /* 9/9/15 Nora added from StackOverflow to disable tool tips */ /* ********** 3.2 FAIR LAYERS ********** */ h2#FairQuestion { margin-bottom: 0; font-weight: bold; font-size: 18px; text-align: center; } /* 8/26/15 Nora added per Amy PDF */ td.FairTitle { background: #ccc !important; padding: 5px; font-weight: bold; font-size: 20px; text-transform: uppercase; text-align: center !important; } /* 8/27/15 Nora removed inline styles and updated per Amy's design 9/12/15 Nora removed borders, added centering and changed background from transparent - Important is needed to override what the other layers are set to */ /* ********** IFRAME PAGE FOR WEEBLY - FULL SIZE DEVICE *********** */ #iFrameTitle { width: 100%; margin-top: 20px; padding: 10px 0; background: #999; border-bottom: 1px solid #000; font-size: 24px; font-weight: bold; text-transform: uppercase; color: #000; text-align: center; } /* 2/17/17 Nora added - This layer is iframed into Weebly 2/20/17 Nora added width */ #iFrameLoginLink { width: 100px; float: right; font-size: 14px; font-weight: bold; color: #fff; } /* 5/19/17 Nora added per call with Amy */ .iFrameEntity { background: #ddd; border-bottom: 1px solid #999; text-transform: uppercase; color: #000; } /* 2/17/17 Nora added to format entity name rows - This is for the Counselor directory */ .iFrameSortedGroups { width: 680px; margin-top: 20px; padding: 10px; background: #999; border-bottom: 1px solid #000; font-size: 18px; font-weight: bold; text-transform: uppercase; color: #000; text-align: center; } /* 2/21/17 Nora added */ .iFrameLabel { background: #eee; border-bottom: 1px solid #999; color: #000; } /* 2/17/17 Nora added to format label rows - This is for the Counselor directory */ .iFrameLabel a { font-size: 16px; color: #000; margin: 10px 0; } /* 2/20/17 Nora added to format column titles on college directory - This is for the Counselor directory */ .iFrameTableInformation { color: #000; padding-left: 10px; } /* 2/17/17 Nora added - This is for the Counselor directory */ .iFrameTableInformation a { color: #000; } /* 2/17/17 Nora added - This is for the Counselor directory */ .CounseloriFrameDelimiter { border-top: 1px solid #ccc; margin-top: 5px; } /* 6/16/17 Nora added */ /* Side Bar */ #side_bar {width:250px; float:left; padding-left:20px;} #sidebar {width:245px; float:left; padding-left:20px;} #sidebar form {margin:0; padding:0px;} #sidebar form hr {color:#d4e3a2; background-color:#d4e3a2} #sidebar label {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#74942c; margin:0px; padding:0px; text-align:left; font-weight:lighter; padding-top:5px;} #sidebar select {width:100%; margin-top:15px;} #sidebarinput {margin-bottom:10px;} .sidebarLink a {float:right; color:#74942c; text-decoration:none;} .sidebarLink a:hover {text-decoration:underline;} .sidebarLinkBottom a {float:right; color:#74942c; text-decoration:none; padding-bottom:5px;} .sidebarLinkBottom a:hover {text-decoration:underline;} #sidebar-events p a {text-decoration:none;} #sidebar-events p a:hover {text-decoration:underline;} /* Top Nav */ div#top_nav {width:800px; height:30px; margin:0px; padding:0; font-family:"Courier New", Courier, monospace; font-size:11px;} div#top_nav ul {margin:0; padding-top:7px;} div#top_nav ul li {list-style:none; float:right; margin:0; padding:0;} div#top_nav ul li a {text-decoration:none; color:#74942c; padding-left:15px;} div#top_nav ul li a:hover {text-decoration:underline;} .home {width:50px; float:left; margin-left:-20px;} /* ******************** Main Nav ******************** */ #BannerImage img { width: 800px; margin-bottom: 10px; } /* 8/14/17 Nora added */ div#main_nav {width:800px; margin:0px 0px 10px 0px; padding:0; background-color:#74942c; font-family:"Courier New", Courier, monospace; font-weight:bold; font-size:16px; height:30px; margin-top:-3px; } div#main_nav ul li a {font-family:"Courier New", Courier, monospace; font-weight:bold; font-size:16px;} div#main_nav ul {margin:0; margin-left:12px; padding:0; text-align:center; } div#main_nav ul li {width:190px; list-style:none; display:block; background-color:#d4e3a2; color:#ee9a01; float:left; margin:0px 2px; padding:0;} div#main_nav ul li a {width:190px; height:21px; text-decoration:none; color:#74942c; display:block; padding-top:9px;} div#main_nav ul li a:hover {width:190px; height:21px; color:#ee9a01; background-color:#fff;} #home li.stunav a, #home li.counav a, #home li.colnav a, #home li.parnav a {color: #ee9a01; background-color:#fff;} #home li.stunav a:hover, #home li.counav a:hover, #home li.colnav a:hover, #home li.parnav a:hover {color:#74942c; background-color:#d4e3a2;} #students li.stunav a, #counselors li.counav a, #colleges li.colnav a, #parents li.parnav a {color:#ee9a01; background-color:#fff;} #students li.stunav a:hover, #counselors li.counav a:hover, #colleges li.colnav a:hover, #parents li.parnav a:hover {color:#74942c; background-color:#d4e3a2;} /* Sub Nav */ div#sub_nav {width:800px; height:40px; margin:0px 0px 10px 0px; background:#ee9a01;} div#sub_nav ul {margin:0; margin-left:-40px; padding-top:11px;} div#sub_nav ul li {list-style:none; float:left; margin:0; padding:0;} div#sub_nav ul li a {text-decoration:none; color:#fff; font-size:12px; font-weight:bold; padding-left:15px;} div#sub_nav ul li a:hover {text-decoration:underline;} ., .login li, .logout, .logout li {margin:0; padding:0;} .login li a, .logout li a {padding-right:20px;} /* Admin Nav */ div#admin_nav {width:800px; height:40px; margin:0px 0px 10px 0px;} div#admin_nav ul {margin:0; margin-left:-40px;} div#admin_nav ul li {list-style:none; float:left; margin:0; padding:0; font-size:12px; font-weight:bold; padding-top:25px; padding-left:15px;} div#admin_nav ul li a {text-decoration:none; } div#admin_nav ul li a:hover {text-decoration:underline;} /*-----Common Styles-----*/ /*FORMS*/ .box {background-color:#d4e3a2; border:solid; border-width:3px; border-color:#c5d397; width:100%;} .box h4{text-align:center;height:5px;line-height:5px;} form { margin:15px 40px 20px 40px; /* Test: border: 1px solid #900; */ } form.iFrameSmallForm { margin: 0; padding-left: 30px; width: 225px; } /* 6/1/17 Nora added - margin left here isn't working, so I added padding to the outer layer on the forms. 6/3/17 I have taken the padding in and out. At one point the forms were pushed to the right. - I think that browser cache is causing a problem */ form br{clear:both;} label {width: 100px; font-family:Courier New, Courier, monospace; font-size:11px; padding-top:4px; color:#74942c; float:left; text-align:right; display:inline;} .form_box {background-color:#d4e3a2; border:solid; border-width:3px; border-color:#c5d397; width:510px; margin:5px 0 10px 0; padding:15px 0;} .form_box_iFrame { background-color:#ddd; border:solid; border-width:3px; border-color:#ccc; width: 510px; margin: 0 auto; margin-top: 30px; padding: 15px; } /* 5/22/17 Nora Added */ .form_box_iFrameSmall { width: 235px; margin:0; padding: 5px; background-color:#ddd; border:solid; border-width:3px; border-color:#ccc; } /* 5/18/17 Nora Added 5/31/17 Nora changed width from 200 */ .form_box_iFrame label.iFrameLabel { width: 100px; padding-top:4px; background: transparent; border-bottom: none; color:#000; float:left; text-align:right; display:inline; font-family:Courier New, Courier, monospace; font-size:11px; font-weight: bold; } /* 5/22/17 Nora added - There is another iFrameLabel for the Counselor Directory */ .form_box h4 {text-align:center;} .form_box p {margin-left:120px;} .form_box img {margin-left:160px;} .form_box hr {width:80%; color:#74942c; background-color: #74942c;} textarea#address {height:80px;} input.file {padding-left:20px;} .form_box_big {background-color:#d4e3a2; border:solid; border-width:3px; border-color:#c5d397; margin:5px 0 10px 0; padding:15px 0;} .form_box_big h4 {text-align:center;} .form_box_big p {margin-left:160px;} .form_box_big img {margin-left:160px;} .form_box_big hr {width:80%; color:#74942c; background-color: #74942c;} .error_box {width:400px; margin:15px auto 30px auto; background-color:#eeddbf; border:solid; border-width:3px; border-color:#eebc62;} .error_box p {margin: 20px 0 0 120px;} table.form_table {font-size:12px; padding:2px; margin: 0px 0px 0px 120px;} #form-notes {margin:0; padding-left:15px; float:left;} #form-notes p {margin:0; padding:0; font-size:9px;} /*PROFILE*/ .title_box {margin:15px 0 10px 0; background-color:#d4e3a2; border:solid; border-width:3px; border-color:#c5d397; width:100%; height:35px; margin-top:0px;} .title_box h1 {margin-left:10px; float:left; margin-top:10px;text-decoration:none;} .title_box em {float:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; text-transform:lowercase; padding-right:10px; margin-top:10px;} .title_box p {text-align:right; margin-right:15px; margin-top:10px;text-decoration:none;} .title_box p a {margin-top:10px;text-decoration:none;} .title_box_max_size {width:795px;} .box-profile-student h2 {text-transform:uppercase;} /*EDIT*/ .title_box_edit {margin:15px 0 15px 0; border-bottom:solid; border-width:1px; border-color:#c5d397; width:100%; height:35px; margin-bottom:-10px;} .title_box_edit h3 {margin-left:0px; float:left; font-family:Arial, Helvetica, sans-serif; text-transform:none; font-size:1.2em;} .title_box_edit h2 {margin-left:10px; padding-top:3px; float:left; font-family:Arial, Helvetica, sans-serif; text-transform:lowercase; font-style:italic; font-weight:normal; font-size:1em;} .title_box_edit a {text-decoration:none;} .title_box_edit p {text-align:right; margin-right:15px; padding-top:15px;} .title_box_edit p a {text-decoration:none;} .edit {float:left; text-align:right; margin-left:15px; padding-top:15px;} .edit-content{margin:15px 0 15px 0; padding-top:10px;} .edit-content img {padding-top:10px; padding-left:0px; margin-right:5px; clear:both;} /*hCard*/ .vcard {font-family:Arial, Helvetica, sans-serif; font-size:1em; margin-bottom:25px;} .given-name, .additional-name, .family-name {font-size:1.1em; font-weight:bold;} .adr {font-weight:500;} .tel {font-weight:500;} .email {font-weight:600; text-decoration:none;} .ruledash {width:100%; margin-top:15px; margin-left:0px; border-bottom:dashed; border-width:1px; border-color:#d4e3a2;} /*-----Button Styles-----*/ imput.link {margin:0;} input.button {margin:0 10px 0 120px;} input.search_button {margin:2px 0px 0px 5px;} .buttonGreen { background-color:#74942c; margin-top: 10px; padding:5px 15px; font-family:"Courier New", Courier, monospace; font-size:12px; text-align:center; border:none; border-left:solid 1px #d4e3a2; border-top:solid 1px #d4e3a2; border-right:solid 1px #597122; border-bottom:solid 1px #597122; text-decoration:none; font-weight: bold; box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.5); -moz-border-radius: 15px; border-radius: 5px; } /* 7/13/13 Nora added border-radius and shadow */ .buttonGreen a { color:#fff; text-decoration: none; } /* 7/13/13 Nora added */ .buttonGreen:hover, .buttonGreen a:hover { color:#d4e3a2; cursor:pointer; text-decoration:none; } .buttonOrange { color:#fff; background-color:#ee9a01; margin-top: 10px; padding:5px 15px; font-family:"Courier New", Courier, monospace; font-size:12px; text-align:center; border:none; border-left:solid 1px #eec06c; border-top:solid 1px #eec06c; border-right:solid 1px #c37e01; border-bottom:solid 1px #c37e01; text-decoration:none; box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.5); -moz-border-radius: 15px; border-radius: 5px; } /* 7/14/13 Nora changed to make the orange buttons match the green buttons */ .buttonOrange a { color:#000; text-decoration: none; } /* 7/14/13 Nora added */ .buttonOrange:hover, .buttonOrange a:hover { color:#eec06c; cursor:pointer; text-decoration:none; } table#FairButtons { width: 90%; margin: 0 auto; vertical-align: top; } /* 8/26/15 Nora added per Amy PDF 8/27/15 Nora added vertical align */ table#FairButtons td { border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 20px; text-align: center; color: #000; text-transform: uppercase; } /* 8/26/15 Nora added per Amy PDF 8/27/15 Nora added text color, transform, border and spacing */ ul.buttonList {list-style:none; text-indent:none; margin:0; padding:0;} .buttonList li {margin-bottom:15px;} .buttonList li a {text-decoration:none;} #footer {min-height:100%; padding-bottom:50px; padding-top:10px;} /* MainBar */ #mainbar {width:530px; height:auto; margin-top:5px;} /*-----Forms-----*/ /*#academics {margin: 0px 0px 15px 120px;}*/ /*#activities {margin: 30px 0px 0px 160px;}*/ /*#colleges {margin:0px 0px 10px 120px;}*/ /*#activities_label {margin:40px 0 0 40px;}*/ textarea.text{width:210px; height:300px; margin-bottom:15px; margin-left:20px; font-size:11px; padding-top:4px; border:solid; border-width:3px; border-color:#c5d397;} input.text { width:210px; height:20px; margin-bottom:15px; margin-left:20px; font-size:11px; padding-top:4px; border:solid; border-width:3px; border-color:#c5d397; float:left; } input.textiFrame { width:210px; height:20px; margin-bottom:15px; margin-left:20px; font-size:11px; padding-top:4px; border:solid; border-width:1px; border-color:#000; float:left; } /* 5/23/17 Nora added */ input.textiFrameSmall { width:150px; height:20px; margin-bottom:15px; margin-left:20px; font-size:11px; padding-top:4px; border:solid; border-width:1px; border-color:#000; float:left; } /* 5/28/17 Nora copied from iFrame */ select.text{width:215px; height:30px; margin-bottom:15px; margin-left: 20px; font-size:11px; padding:2px; border:solid; border-width:3px; border-color:#c5d397;} input.text#big {height:80px;} input.checkbox {float:left; margin-left:20px; margin-bottom:15px;} textarea.text#big {height:80px;} input.text#password_encode {background:#d4e3a2;} input.text#admission {height:240px;} input.button_login {margin:0 10px 0 120px; float:left;} p#max_text {margin-left:0px;} p#max_block {margin-left:340px;} a#social_text {margin-right:60px;} p.login {margin:40px 0px 0px 160px;} p#signup {margin-left:0} .form_table th {width:200px; text-align:left; padding:5px 0px 5px 10px;} .form_table td {width:30px; padding-left:10px; padding-right:5px;} .form_table td.datamid {border-right:solid 1px #75942c; padding-left:10px; padding-right:0px;} .odd th {color:#000; background:#fff;} .even th {color:#000; background:#bdcf85;} #student_login {margin:0px 40px 20px 40px;} #birthday {width:70px; margin-right:-17px; float:left;} .box-profile-college {margin:15px 0 15px 0; background-color:#FFFFFF; width:500px; min-height:200px; height:200px; border-bottom:3px #0F0;} .college-logo img { width: 100px; height: 75px; } /* 2/20/17 Nora removed float, reduced width from 200 and height from 150 */ .CollegeLogoiFrame img { width: 100px; height: 75px; margin-bottom: 20px; } /* 5/14/17 Nora added for iFrame version */ .box-profile-student {margin:15px 0 15px 0; background-color:#FFFFFF; width:500px; min-height:300px; height:300px; border-bottom:3px #0F0;} .box-education {margin:0 0 0 0; background-color:#FFFFFF; width:500px; height:auto; border-bottom:3px #0F0;} /*revised for sidebar */ #image_preview {margin-left:0px; margin-top:0px; margin-bottom:15px; float:left; padding-right:20px;} .subcol1 {float:left; width:130px; margin-top:0px; margin-bottom:0px; height:auto;} .subcol2 {float:left; width:150px; margin-top:0px; margin-bottom:0px; height:auto;} .subcol3 {float:left; width:305px; margin-top:0px; margin-bottom:0px; height:auto;} .studentimg {padding-bottom:20px;} .studentimg img {border:solid thick #e6e5e3;} .student-img img {width:180px; height:205px; float:left;} form.recruit-form {margin-left:0; padding-left:0;} input.recruit {float:left; margin-left:0; padding-left:0;} /*CLASSES*/ /* Profile Page */ .imgthumbs img {width:100px; height:80px; padding-right:7px;} .edittable { width: 100%; padding-right:10px; padding-left:0px; margin: 0; border:0; } .edittable tr{vertical-align:top;} .edittable td{width:30%; } /* Highschool/Counselor Profile */ .counselor_photo {padding-bottom:20px;} .counselor_photo img {border:solid thick #e6e5e3;} .counselor_photo img {width:180px; height:205px; float:left;} /* ****************** COLLEGE DIRECTORY ******************** */ /* ********** COLLEGE DIRECTORY - TABLE ********** */ table.sortable, table.sortable { width:100%; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; text-align:left; border-spacing:0px; } table.sortable th, table.sortable td { text-align: left; padding:0px; padding-left:3px; /* width: 35%; */ border-color: #e6e5e3; } /* 2/20/17 Nora commented out width */ table.sortable th { border-bottom:1px solid #e6e5e3; padding:3px 10px; font-family:"Courier New", Courier, monospace; font-size:10px; } table.sortable td { border-bottom:1px solid #e6e5e3; border-right:0px; padding-top:5px; padding-bottom:5px; /* width:35%; */ } /* 2/20/17 Nora commented out width to allow the columns to size automatically */ table.sortable a {text-decoration:none;} table.sortable a:hover {text-decoration:underline;} table.sortable tr.odd td { background-color: #ddd; border-top: 1px solid #e6e5e3; } /* 2/20/17 Nora changed background color from #d4e3a2 */ table.sortable tr.even td { background-color: #fff; border-top: 1px solid #e6e5e3; } table.sortable tr.sortbottom td { border-top: 1px solid #e6e5e3; background-color: #ccc; font-weight: bold; } table.unsortable, table.unsortable {width:100%; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; text-align:left; border-spacing:0px; } table.unsortable th, table.unsortable td { text-align: left; padding:0px; padding-left:3px; /* width: 25%; */ border-color: #e6e5e3; } table.unsortable th { border-bottom:1px solid #e6e5e3; padding:3px 10px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#74942c; } table.unsortable td { border-bottom:1px solid #e6e5e3; border-right:0px; padding-top:5px; padding-bottom:5px; /* width:20%; */ } /* 2/20/17 Nora commented out width to allow the columns to self size */ table.unsortable a {text-decoration:underline;} table.unsortable a:hover {text-decoration:underline;} /*table.unsortable tr td { background-color: #d4e3a2; border-top: 1px solid #e6e5e3; }*/ table.unsortable tr.key { background-color: #d4e3a2; border-top: 1px solid #e6e5e3; } table.unsortable tr.sortbottom td { border-top: 1px solid #e6e5e3; background-color: #ccc; font-weight: bold; } table.unsortable-sub, table.unsortable-sub {width:100%; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; text-align:left; border-spacing:0px; } table.unsortable-sub th, table.unsortable-sub td { text-align: left; padding:0px; padding-left:3px; width: 20%; border-color: #e6e5e3; } table.unsortable-sub th { border-bottom:1px solid #e6e5e3; padding:3px 10px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#74942c; background-color:#fff; } table.unsortable-sub td { border-bottom:1px solid #e6e5e3; border-right:0px; padding-top:5px; padding-bottom:5px; width:20%; background-color:#fff; } table.unsortable-sub a {text-decoration:underline;} table.unsortable-sub a:hover {text-decoration:underline;} table.unsortable-sub tr.sortbottom td { border-top: 1px solid #e6e5e3; background-color: #ccc; font-weight: bold; } /* ********** COLLEGE AND COUNSELOR DIRECTORY - LIST VERSION FOR SMALL DEVICES ********** */ /* 5/16/17 Container level layers are in the Container section */ #iFrame p, #iFrame a, #iFrameSmall p, #iFrameSmall a { color: #000; } /* 5/16/17 Nora added to override green colors on original site */ #iFrameSmall a:hover { color: #999; font-weight: normal; } /* 5/16/17 Nora added */ #iFrameTitleSmall { width: 250px; margin-top: 15px; border-bottom: 1px solid #999; font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: center; color: #000; } /* 4/30/17 Nora added 5/1/17 Nora added margin-top 5/31/17 Nora changed width from 300 */ #page-iFrame .title_box_edit { margin:15px 0 15px 0; border-bottom:solid; border-width:1px; border-color:#000; width:100%; height:35px; margin-bottom:-10px; } /* 5/23/17 Nora added */ #page-iFrame #infotable { width: 100%; padding:10px; margin: 0; border:0; background-color:#eee; } /* 5/23/17 Nora added */ #CounselorDirectoryLinks { margin-top: 10px; text-align: center; } /* 5/2/17 Nora added. - per webinar with Amy, this is moved above the page title 6/1/17 rules moved from php file */ #CounselorDirectoryLinks a { display: block; margin-bottom: 5px; } /* 6/1/17 Nora added */ .CollegeListing, .CounselorListing { clear: both; width: 250px; float: left; margin: 10px 0; color: #000; } /* 4/13/17 Nora added for the small phones and iframe in Weebly 5/2/17 Nora added CounselorListing */ .CollegeListingiFrameSmall, .CounselorListingiFrameSmall { clear: both; width: 250px; margin: 10px 0; color: #000; } /* 5/22/17 This size was set for the regular iFrame too */ .HighSchoolDataRow { width: 245px; background: #ddd; margin: 0; padding: 5px 0 5px 5px; font-weight: bold; } /* 5/2/17 Nora added 6/1/17 Nora added font-weight 6/6/17 Nora changed width to accommodate padding */ .HighSchoolDataRow a:hover { text-decoration: underline; color: #000; font-weight: normal; } /* 6/20/17 Nora added */ .HighSchoolDataRow .HighSchoolSocialMedia { width: 30px; float: right; } /* 6/8/17 Nora added to move Facebook icon to the right */ .DataRow { margin-bottom: 5px; color: #000; } /* 4/30/17 Nora added */ .DataRow a { color: #000; } /* 4/30/17 Nora added */ .DataRow .iFrameLabel { background: none; border-bottom: none; font-weight: bold; } /* 4/30/17 Nora added */ .DataRowLogo { width: 100px; float: left; margin-right: 10px; } /* 4/13/17 Nora added */ .DataRowInstitution { margin-bottom: 5px; } /* 4/30/17 Nora added after college name was moved above the image */ .DataRowInstitution a { font-size: 13px; font-weight: bold; color: #000; text-decoration: none; } /* 4/13/17 Nora added 4/30/17 Nora changed font size from 14 to make the long college names fit - added text-decoration */ .DataRowInstitution a:hover { color: #360; } /* 4/13/17 Nora added */ /*STUDENT DIRECTORY TABLE*/ table.student-sortable, table.student-sortable {width:100%; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; text-align:left; border-spacing:0px; } table.student-sortable th, table.student-sortable td { text-align: left; padding:0px; padding-left:3px; width: 20%; border-color: #e6e5e3; } table.student-sortable th { border-bottom:1px solid #e6e5e3; padding:3px 10px; font-family:"Courier New", Courier, monospace; font-size:10px; } table.student-sortable td { border-bottom:1px solid #e6e5e3; border-right:0px; padding-top:10px; padding-bottom:10px; width:20%; } table.student-sortable a {text-decoration:none;} table.student-sortable a:hover {text-decoration:underline;} table.student-sortable tr.odd td { background-color: #d4e3a2; border-top: 1px solid #e6e5e3; } table.student-sortable tr.even td { background-color: #fff; border-top: 1px solid #e6e5e3; } table.student-sortable tr.student-sortbottom td { border-top: 1px solid #e6e5e3; background-color: #ccc; font-weight: bold; } /*COUNSELOR DIRECTORY TABLE*/ table.highschool-unsortable {width:100%; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; text-align:left; border-spacing:0px; margin-bottom:20px; } table.counselor-unsortable {width:100%; border-top:1px solid #FFFFFF; text-align:left; border-spacing:0px; } table.highschool-unsortable th { text-align: left; padding:0px; padding-left:3px; width: 20%; border-color: #e6e5e3; } table.counselor-unsortable th { text-align: left; padding:0px; padding-left:3px; width: 30%; border-color: #e6e5e3; } table.highschool-unsortable th.th-label { text-align: left; background:#74942c; color:#FFF; height:40px; padding-left:10px; } table.highschool-unsortable th.th-label a {text-decoration:underline; color:#fff;} table.highschool-unsortable th.th-label a:hover {text-decoration:underline; color:#fff;} table.highschool-unsortable th.th-sub-label { text-align: center; background:#ecf2da; border-top:1px solid #74942c; border-bottom:1px solid #74942c; color:#74942c; font-size:10px; height:20px; } table.highschool-unsortable th.th-key, table.counselor-unsortable th.th-key { background:#d4e3a2; font-size:10px; border:1px solid #fff; height:20px; } table.highschool-unsortable tr.hs-info td { height:30px; padding-left:5px; } table.counselor-unsortable tr.counselor-info td { height:30px; padding-left:3px; border-bottom:1px solid #e6e5e3; } #counselor-info tr.odd td { background: #d4e3a2; } table.counselor-unsortable tr.even td { background-color: #fff; } /*Table*/ #infotable { width: 100%; padding:10px; margin: 0; border:0; background-color:#d4e3a2; } #infotable-iFrame { width: 100%; padding:10px; margin: 0; border:0; background-color:#eee; } /* 5/22/17 Nora added */ /* ******************* PRINT VERSION ******************* */ #PrintPageLogo { float: left; width: 150px; } /* 9//13 Nora added */ #PrintPageContactInformation { width: 500px; float: right; padding-top: 50px; font-size: 12px; color: #000; text-align: right; } /* 9//13 Nora added */ .title_box_print { margin-bottom: 10px; border: 0; border-bottom: 2px solid #999; } /* 9//13 Nora added */ .title_box_print h1 { margin-bottom: 5px; font-family: Verdana, Geneva, sans-serif; color: #000; } /* 9//13 Nora added */ table.unsortable-print { color: #000; } /* 9//13 Nora added */ table.highschool-unsortable-print, table.unsortable-print th { font-size: 12px; font-weight:bold; color: #000; } /* 9//13 Nora added */ table.highschool-unsortable-print td, table.highschool-unsortable-print td a { padding-left: 5px; color: #000; } /* 9//13 Nora added */ table.highschool-unsortable-print th.th-label-print { font-size: 16px; text-align: left; color:#000; padding:10px 0 5px 0; } /* 9//13 Nora added */ table.highschool-unsortable th.th-key-print, table.counselor-unsortable th.th-key-print { background:#ddd; color: #000; font-size:10px; height:20px; } /* 9//13 Nora added */ table.counselor-unsortable th { text-align: left; padding:0px; padding-left:3px; width: 30%; border-color: #e6e5e3; } /* 9/3/13 Nora added */ #PrintLink { float: right; width: 150px; margin-top: 10px; text-align: right; } /* 9/4/13 Nora added for Colleges page */ /* **************** iFRAME ************* */ #iFramePrintLink { width: 700px; margin: 5px 0; text-align: right; } /* 2/21/17 Nora added */ #iFramePrintLinkSmall { width: 250px; margin: 5px 0; text-align: center; } /* 5/18/17 Nora added 5/27/17 Nora changed width from 300 */ #iFramePrintLink a { color: #000; font-weight: bold; margin-bottom: 10px; } /* 2/21/17 Nora added 5/27/17 Nora added margin bottom for targetin */ #Fairs-iFrame { width: 300px; } /* 5/14/17 Nora added */ .CollegeFairLink { float: left; height: 20px; background: #ee9a01; border-radius: 10px; padding: 15px 15px 5px 15px; margin-right: 25px; box-shadow: 2px 3px 10px rgba(0,0,0,0.5); -moz-box-shadow: 2px 3px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 3px 10px rgba(0,0,0,0.5); -moz-border-radius: 7px; text-align: center; } /* 9/8/13 Nora added for fair links on college directory*/ .CollegeFairLink a { padding-top: 5px; border-top: 3px solid #f6dda7; font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 14px; text-decoration: none; color: #fff; } /* 9/8/13 Nora added for fair links on college directory*/ /* ********************* RESPONSIVE CSS ******************** */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } /* ********** 16.1 MOBILE SMALL 320px ********** */ @media only screen and (min-width: 320px) and (max-width: 429px) { td.iFrameTableInformation, .iFrameTableInformation { } /* 2/23/17 Nora added to make cells line up vertically - http://stackoverflow.com/questions/42382876/css-is-it-possible-to-make-the-horizontal-cells-in-a-table-row-line-up-vericall */ }