/* .collegesite is the class. it affects all pages off wordpress (search, search results, login, college profile, etc). body.collegeSearch is any page with a search funciton (advanced search, search and search results) since these pages have slighgtly diffferent styling (column widhts and table positioning) body.collegeProfile is a college profile page. body.userProfile is for login, register, etc */ /*** common styling **/ h1.collegeName {} /* adjust dimesnions from WP CSS */ #breadcrumbs {top: -55px; } #pageSubNav {top: 140px; } #pageSubNav li.currentCollege a, #pageSubNav li.currentCollege a:visited {font-size: 16px; padding: 5px 20px 6px 10px; } #pageSubNav li.collegeFavorites { } #pageSubNav li.collegeSearch { } #pageSubNav li a, #pageSubNav li a:visited {font-size: 12px; padding: 8px 12px 7px 10px; } /* all pages */ .collegesite #content { position: relative; width: 800px; left: 85px; padding-bottom: 50px; text-align: center; margin-top: 40px; text-align: left; } /* college profile page */ .collegeProfile #content { } /* user profile pages */ .userProfile #content {width: 600px; left: 185px; } .userProfile #content table {margin: 0 auto 2em auto; border: 1px solid #ccc; } .userProfile #content table td {padding: 4px 5px; } /* search pages */ .collegeSearch #content {width: 700px; left: 135px; } .collegeSearch #content table {margin: 0 auto 2em auto; border: 1px solid #ccc; } .collegeSearch #content table table {margin: 1em auto; border: none; } .collegeSearch #content table input.mainbtn {margin: 1em auto; } .collegeSearch table { margin: 0 auto 10px auto; padding: 15px; position: relative; } .collegeSearch table td {vertical-align: top; padding: 2px 3px;} .collegeSearch table td.frmFieldLabel { vertical-align: middle; } .collegeSearch table table { border: none; padding: 0; margin: 0 auto; } .collegeSearch table table td { } /*** common formatting ***/ .collegesite #content h2, .collegesite #content h3, .collegesite #content table, .collegesite #content p {text-align: left; } /* ie6 fix */ .collegesite #content h2.collegeName { font-size: 12px; margin:0; font-weight: normal; } .collegesite #content h3 { font-size: 14px; } .collegesite #content h3.collegeCity { font-size: 20px; } /*** lists **/ .collegeProfile #content ul { color: #3d3d3d; list-style-type: disc; list-style-position: outside; margin:0 0 2em 1em; padding: 0; text-indent: 0;} .collegeProfile #content ul li {line-height: 1.4em; margin:0; padding: 0; text-indent: 0;} .collegeProfile #content ol { list-style-type: decimal; list-style-position: outside; margin:0 0 2em 2em; padding: 0; text-indent: 0;} .collegeProfile #content ol li {line-height: 1.4em; margin:0; padding: 0; text-indent: 0;} /*** request info buttons ***/ .collegesite .requestInfo, .collegesite .requestInfo:visited { display: block; height: 34px; width: 103px; float: right; text-indent: -9999px; letter-spacing: -9999px; text-align: left; overflow: hidden; color: #e0771a;border-width: 1px; border-style: solid; border-color: #ccc #444 #444 #ccc; background: #e3e4c7 url(../images/request_information.jpg) center center no-repeat;} .collegesite .addToFaves, .collegesite .addToFaves:visited {display: block; height: 34px; width: 82px; float: right; text-indent: -9999px; letter-spacing: -9999px; text-align: left; overflow: hidden; color: #e0771a; border-width: 1px; border-style: solid; border-color: #ccc #444 #444 #ccc; background: #e3e4c7 url(../images/add_to_favorites.jpg) center center no-repeat; } /*** college site forms ***/ /* college search */ .collegesite #searchform {} /*.collegesite table table {border: none; padding: 0; } .collegesite #searchform table table tr td {padding: 5px 0px; }*/ .collegesite select {margin: 3px; font-size: 11px; outline: none; border: 1px solid #999; background: #f0f0f0; } .collegesite input {margin: 0 3px; font-size: 11px; outline: none; border: 1px solid #999; background: #f0f0f0; } .collegesite input.vtightbtn {margin: auto; border: 1px solid #000; font-size: 10px; background: #eee; padding: 2px 5px; } .collegesite input.mainbtn { margin: auto; font-size: 10px; padding: 2px 5px; color: #e0771a; background: #e3e4c7; border-width: 1px; border-style: solid; border-color: #ccc #444 #444 #ccc; } .collegesite input.frmMainBtn { margin: auto; font-size: 10px; padding: 2px 5px; color: #e0771a; background: #e3e4c7; border-width: 1px; border-style: solid; border-color: #ccc #444 #444 #ccc; } /* header */ .collegesite tr.listhdr td {font-size: 18px; padding: 0 0 5px 0; } .collegesite tr.listhdrvsm td {padding: 0 0 5px 0; font-weight: bold; } .collegesite tr.listsubh {} .collegesite tr.listsubh td.listsmb { border-bottom: 1px solid #aaa; background: #f0f0f0; } /* content */ .collegeSearch td.listsm {padding: 3px 0; border-bottom: 1px solid #f0f0f0; } .collegeSearch td.listsm a.listwww {font-weight: bold; font-size: 10px; } /* footer */ .collegesite tr.listsubhsh {font-size: 10px; } .collegesite tr.listsubhsh td.listvsmb {} /*** college profile stuff ***/ .collegeProfile #content .collegeCampus { position: absolute; top: -20px; left: -64px; text-align: left; font-size: 14px; line-height: 18px; } /* college profile top most college stats table */ .collegeProfile table.collegeStats { margin: 10px 0; width: 800px; } .collegeProfile table.collegeStats td {font-size: 14px; vertical-align: bottom; text-align: left; padding: 2px 4px 2px 0; border-collapse: collapse; } .collegeProfile table.collegeStats td.label { font-size: 11px; font-weight: bold; text-align: right; } .collegeProfile table.collegeStats td.address { font-size: 12px; text-align: left; color: 000; } .collegeProfile table.collegeStats td.type {color: 000; } .collegeProfile table.collegeStats td.enrollment {color: 000; } .collegeProfile table.collegeStats td.level {color: 000; } .collegeProfile table.collegeStats td.cost {color: 000; } .collegeProfile table.collegeStats td.degrees { text-align: left; font-size: 12px; color: 000; } .collegeProfile table.collegeStats td.firstCol {width: 60px; vertical-align: top;} .collegeProfile table.collegeStats td.secondCol { width: 380px; vertical-align: top;} .collegeProfile table.collegeStats td.thirdCol {width: 140px;} .collegeProfile table.collegeStats td.fourthCol {width: 90px;} .collegeProfile table.collegeStats td.info {vertical-align: middle; text-align: right; width: 190px; } /*** list of degrees and activites on colege profile page ***/ .collegeProfile table.collegeOfferings {width: 800px; margin: 10px 0; } .collegeProfile table.collegeOfferings.singleCol {width: 600px; } .collegeProfile table.collegeOfferings td {width: 50%; vertical-align: top; padding: 2px 8px;} .collegeProfile table.collegeOfferings.singleCol td {width: 100%; } .collegeProfile .tableScroll { position: relative; display: block; border: 1px solid #ccc; width: 100%; height: 300px; overflow: auto; } .collegeProfile table.programs {margin: 5px 0px; width: 100%; position: relative; border-collapse: collapse; } .collegeProfile table.singleProgramsTable {} .collegeProfile table.programs thead { color: #000; } .collegeProfile table.programs th {vertical-align: bottom; padding: 2px 0 8px 2px; font-size: 10px; font-weight: bold; border-bottom: 1px solid #ccc;} .collegeProfile table.programs th.program { text-align: left; width: 220px; } .collegeProfile table.singleCol table.programs th.program {width: 440px;} .collegeProfile table.programs th.checkedSpan { text-align: center; border-bottom: 1px solid #ccc; } .collegeProfile table.programs th.checked { text-align: center; } .collegeProfile table.programs td {border-bottom: 1px solid #ccc; padding: 2px 0 2px 2px; font-size: 10px; } .collegeProfile table.programs td strong{ font-size: 11px; font-weight: bold; } .collegeProfile table.programs td.program {vertical-align: middle; text-align: left; width: 220px; font-size: 11px; } .collegeProfile table.singleCol table.programs td.program {width: 440px;} .collegeProfile table.programs td.checked {vertical-align: middle; text-align: center; width: 60px; } .collegeProfile table.programs td.even { } .collegeProfile table.programs td.odd { background: #f5f5f5; } /* quicksearch results */ .collegeSearch #searchResults { margin: 0 auto 10px auto; list-style: none; border: 1px solid #ccc; border-bottom: none; } .collegeSearch #searchResults li {display: block; width: 690px; height: 34px; padding: 17px 5px 0 5px; clear: both; border-bottom: 1px solid #ccc; line-height: 14px; } .collegeSearch #searchResults .college { display: block; width: 380px; float: left; clear: left;} .collegeSearch #searchResults .location { display: block; width: 170px; float: left; } .collegeSearch #searchResults .infoAction { display: block; width: 110px;float: right; } .collegeSearch #searchResults .infoAction a { position: relative; top: -9px; } /* advanced search matching results */ .collegeSearch #collegesMatching {border: 1px solid #ccc; margin: 0 auto 10px auto; } .collegeSearch #collegesMatching li {height: 12px; clear: both; padding: 10px 5px; border-bottom: 1px solid #ccc; list-style: none; } .collegeSearch #collegesMatching .www {display: block; width: 80px; height: 12px; float: left; clear: left; font-size: 10px; text-align: center; } .collegeSearch #collegesMatching .college { width: 330px; float: left; font-weight: bold; } .collegeSearch #collegesMatching .location { width: 190px; float: left; } .collegeSearch #collegesMatching .compare {width: 80px; float: left; font-size: 10px; clear: right; text-align: center; } .collegeSearch #collegesMatching li.labels div { font-size: 12px; font-weight: bold; }