/*
* HTML5 ✰ Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/e
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
button, input { line-height: normal; *overflow: visible; }
/*
* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
*/
table button, table input { *overflow: auto; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* ==|== primary styles =====================================================
Author:
========================================================================== */
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.cleared { clear: both; }
/* ==|== media queries ======================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 480px) {
/* Style adjustments for viewports 480px and over go here */
}
@media only screen and (min-width: 768px) {
/* Style adjustments for viewports 768px and over go here */
}
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
.ie7 {
overflow-x: hidden;
}
/* measurements */
/* colors */
/* font styles */
a:visited {
color: inherit; }
a{ outline: 0; }
input[type=text] {
width: 300px;
border: 1px solid #dfdbd4;
height: 53px;
line-height: 43px;
vertical-align: baseline;
padding: 0 30px 0 10px;
color: #1a1a1a;
background: #f4f3f0 url("../img/search_icon.png") 315px center no-repeat;
font: bold 10px helvetica, arial, sans-serif;
text-transform: uppercase; }
.landing input#Subject { width: 331px; background-position: 330px center; }
input[type=text].focus {
font: 300 italic 15px adelle, times, serif;
line-height: 43px;
text-transform: none;
margin-top: 1px;
background-position: 315px 17px;
height: 52px; }
::-webkit-input-placeholder { color:#666; }
input:-moz-placeholder { color:#666; }
/* measurements */
/* colors */
/* font styles */
/** ============= faux dropdowns ============= **/
.faux_dropdown, .faux_combobox {
display: inline-block;
position: relative;
text-align: left;
overflow: visible; }
.faux_dropdown .target, .faux_combobox .target,
.faux_dropdown .target.focus, .faux_combobox .target.focus {
display: block;
width: 335px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
height: 27px;
font: bold 10px helvetica, arial, sans-serif;
line-height: 27px;
padding: 0 30px 0 10px;
border: 1px solid #dfdbd4;
color: #1a1a1a;
text-transform: uppercase;
background: #f2f2f2 url("../img/dropdown_arrow.png") 350px center no-repeat; }
.faux_dropdown .target:hover, .faux_combobox .target:hover {
cursor: pointer; }
.faux_dropdown .menu, .faux_combobox .menu {
position: absolute;
display: none;
left: 0;
z-index: 999;
/*max-height: 200px;*/
min-width: 200px;
/*overflow-y: auto;
overflow-x: visible;*/
padding: 22px 30px 12px 24px;
margin: 0;
background: #fff;
border: 1px solid #dfdbd4;
color: #000;
text-align: left;
/* white-space: nowrap; */
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; }
.faux_dropdown:hover .menu.show_me {
display: block;
}
.faux_dropdown .menu.left, .faux_combobox .menu.left {
left: auto;
right: 0; }
.faux_dropdown .menu li a, .faux_combobox .menu li a {
color: inherit;
display: block;
margin: 0;
height: 30px;
font: bold 14px helvetica, arial, sans-serif;
text-decoration: none;
text-transform: none; }
.ie7 #home .faux_dropdown .menu li, .ie7 #home .faux_combobox .menu li {
font: bold 14px/14px helvetica, arial, sans-serif !important;
}
.ie7 .faux_dropdown .menu li a:visited,
.ie7 .faux_combobox .menu li a:visited {
color: #1a1a1a !important;
}
.faux_dropdown .menu li a:after, .faux_combobox .menu li a:after {
content: ' →'; }
.faux_dropdown .menu li a:hover, .faux_combobox .menu li a:hover {
color: #63d9ac;
text-decoration: none; }
.faux_dropdown .menu:hover, .faux_combobox .menu:hover {
display: block; }
.faux_dropdown .faux_dropdown_mask, .faux_combobox .faux_dropdown_mask {
background: none;
display: none; }
.faux_dropdown.active .menu, .faux_combobox.active .menu {
display: block; }
.faux_dropdown.active .faux_dropdown_mask, .faux_combobox.active .faux_dropdown_mask {
display: block; }
.faux_dropdown.favorites, .faux_combobox.favorites {
width: 40px;
height: 40px; }
.faux_dropdown.favorites .target, .faux_combobox.favorites .target {
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
background-position: -202px 0;
width: 40px;
height: 40px;
vertical-align: middle;
padding: 0;
margin-top: 0; }
.ie7 .faux_dropdown.favorites .target, .ie7 .faux_combobox.favorites .target {
margin: -6px 0 0 6px;
}
.faux_dropdown.favorites.active .target, .faux_dropdown.favorites:active .target, .faux_dropdown.favorites:hover .target, .faux_combobox.favorites.active .target, .faux_combobox.favorites:active .target, .faux_combobox.favorites:hover .target {
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
background-position: -202px -44px;
margin-top: 0; }
.faux_dropdown.favorites h4, .faux_combobox.favorites h4 {
margin: 0;
padding: 20px 30px 20px 40px;
font: bold 10px helvetica, arial, sans-serif;
color: #63d9ac;
text-transform: uppercase;
line-height: 10px;
border-top: 1px solid #dfdbd4;
white-space: nowrap;
max-width: 400px;
min-width: 300px; }
.faux_dropdown.favorites ul.gone, .ie7 .faux_combobox.favorites ul.gone {
display: none;
}
.faux_dropdown.favorites h4:first-of-type, .faux_combobox.favorites h4:first-of-type {
border: none; }
.faux_dropdown.favorites ul, .faux_combobox.favorites ul {
overflow: visible;
max-height: 2000px;
padding: 0;
white-space: normal;
min-width: 100%; }
.faux_dropdown.favorites ul li, .faux_combobox.favorites ul li {
color: inherit;
display: block;
margin: 0;
padding: 0 30px 16px 40px;
min-height: 30px;
position: relative;
overflow: visible;
max-width: 400px;
min-width: 300px;
cursor: pointer; }
.faux_dropdown.favorites ul li a span, .faux_combobox.favorites ul li a span {
font: bold 14px helvetica, arial, sans-serif;
text-decoration: none;
text-transform: none;
color: #1a1a1a;
display: block;
}
.faux_dropdown.favorites ul li a, .faux_combobox.favorites ul li a {
display: block;
font: 300 italic 14px adelle, times, serif;
height: auto; }
.faux_dropdown.favorites ul li:hover a, .faux_combobox.favorites ul lihover a {
color: #63D9AC;
}
.faux_dropdown.favorites ul li a.remove, .faux_combobox.favorites ul li a.remove {
display: block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
background-position: -292px -11px;
display: none;
width: 29px;
height: 18px;
overflow: hidden;
text-indent: -9999em;
position: absolute;
top: 8px;
left: -11px;
cursor: pointer; }
.faux_dropdown.favorites ul li:hover a.remove, .faux_combobox.favorites ul li:hover a.remove {
display: block; }
.faux_dropdown.favorites ul li.view_all, .faux_combobox.favorites ul li.view_all {
border-top: 1px solid #dfdbd4;
background-color: #f4f3f0; }
.faux_dropdown.favorites ul li.view_all a, .faux_combobox.favorites ul li.view_all a {
font: bold 10px helvetica, arial, sans-serif;
text-transform: uppercase;
line-height: 30px; }
.faux_dropdown.favorites ul li.view_all a:after, .faux_combobox.favorites ul li.view_all a:after {
content: ""; }
.faux_dropdown.favorites ul hr, .faux_combobox.favorites ul hr {
margin: 0 -30px 0 -40px; }
.faux_dropdown.setting, .faux_combobox.setting {
width: 40px;
height: 40px; }
.faux_dropdown.setting .target, .faux_combobox.setting .target {
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
background-position: -247px 0;
width: 40px;
height: 40px;
vertical-align: middle;
padding: 0;
margin-top: 0; }
.faux_dropdown.setting.active .target, .faux_dropdown.setting:active .target, .faux_dropdown.setting:hover .target, .faux_combobox.setting.active .target, .faux_combobox.setting:active .target, .faux_combobox.setting:hover .target {
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
background-position: -247px -44px;
margin-top: 0; }
.faux_dropdown:hover {
display: inline-block; }
.faux_combobox:hover {
display: inline-block; }
.faux_dropdown_mask,
.mask {
width: 200%;
height: 200%;
top: -50%;
left: -50%;
position: fixed;
z-index: 998;
background-color: black;
background-color: rgba(0, 0, 0, 0.5); }
.map_wrapper {
width: 100%;
text-align: center; }
section.map {
margin: 30px auto;
width: 715px;
position: relative;
background-color: transparent !important;
text-align: left;
overflow: visible;
z-index: 1; }
section.map #state-modal {
display: none;
z-index: 2000;
position: absolute;
text-align: left;
padding: 10px 22px 8px;
margin-bottom: 15px;
background-color: #63d9ac;
border-radius: 8px; }
section.map #state-modal img.pointer {
position: absolute;
bottom: -15px;
right: 0; }
section.map #state-modal h3 {
margin: 0;
padding: 0;
font: 300 22px adelle, times, serif;
font-weight: 500;
color: #FFF; }
section.map #state-modal p {
font: bold 12px helvetica, arial, sans-serif;
line-height: 18px;
margin: 0;
padding: 0;
color: #FFF; }
section.map #state-modal p a {
color: #1a1a1a; }
section.map #state-modal p a:hover {
text-decoration: underline; }
html.ie7 section.map #state-modal {
border: 1px solid #ccc; }
html.ie7 section.map #state-modal h3 {
font-size: 12px; }
html.ie7 section.map #map_container {
overflow: hidden; }
html.ie7 section.map {
overflow: hidden; }
.state_sprite {
float: right;
margin: 0 0 20px 20px;
background-image: url("../img/us-spritemap.png");
background-repeat: none; }
.state_sprite.alabama {
background-position: -352px -1832px;
width: 129px;
height: 207px; }
.state_sprite.alaska {
background-position: -22px -322px;
width: 263px;
height: 219px; }
.state_sprite.arizona {
background-position: -1254px -324px;
width: 168px;
height: 198px; }
.state_sprite.arkansas {
background-position: -666px -1235px;
width: 191px;
height: 175px; }
.state_sprite.california {
background-position: -659px -47px;
width: 179px;
height: 206px; }
.state_sprite.colorado {
background-position: -55px -625px;
width: 190px;
height: 151px; }
.state_sprite.connecticut {
background-position: -348px -2737px;
width: 201px;
height: 150px; }
.state_sprite.delaware {
background-position: -1270px -2748px;
width: 55px;
height: 150px; }
.state_sprite.florida {
background-position: -1228px -1828px;
width: 236px;
height: 193px; }
.state_sprite.georgia {
background-position: -948px -1834px;
width: 174px;
height: 196px; }
.state_sprite.hawaii {
background-position: -1260px -54px;
width: 193px;
height: 124px; }
.state_sprite.idaho {
background-position: -377px -332px;
width: 131px;
height: 202px; }
.state_sprite.illinois {
background-position: -60px -1530px;
width: 113px;
height: 204px; }
.state_sprite.indiana {
background-position: -656px -1533px;
width: 120px;
height: 187px; }
.state_sprite.iowa {
background-position: -57px -1243px;
width: 195px;
height: 129px; }
.state_sprite.kansas {
background-position: -354px -940px;
width: 199px;
height: 107px; }
.state_sprite.kentucky {
background-position: -944px -1536px;
width: 216px;
height: 96px; }
.state_sprite.louisiana {
background-position: -960px -1231px;
width: 205px;
height: 182px; }
.state_sprite.maine {
background-position: -348px -2429px;
width: 137px;
height: 206px; }
.state_sprite.maryland {
background-position: -45px -2742px;
width: 203px;
height: 107px; }
.state_sprite.massachusetts {
background-position: -1241px -2430px;
width: 221px;
height: 116px; }
.state_sprite.michigan {
background-position: -327px -1524px;
width: 200px;
height: 187px; }
.state_sprite.minnesota {
background-position: -1259px -934px;
width: 181px;
height: 205px; }
.state_sprite.mississippi {
background-position: -47px -1835px;
width: 121px;
height: 193px; }
.state_sprite.missouri {
background-position: -355px -1237px;
width: 198px;
height: 172px; }
.state_sprite.montana {
background-position: -633px -335px;
width: 231px;
height: 135px; }
.state_sprite.nebraska {
background-position: -54px -940px;
width: 202px;
height: 95px; }
.state_sprite.nevada {
background-position: -973px -44px;
width: 142px;
height: 214px; }
.state_sprite.new_hampshire {
background-position: -659px -2431px;
width: 97px;
height: 184px; }
.state_sprite.new_jersey {
background-position: -971px -2743px;
width: 78px;
height: 178px; }
.state_sprite.new_mexico {
background-position: -666px -636px;
width: 165px;
height: 186px; }
.state_sprite.new_york {
background-position: -36px -2131px;
width: 233px;
height: 187px; }
.state_sprite.north_carolina {
background-position: -1224px -2134px;
width: 250px;
height: 100px; }
.state_sprite.north_dakota {
background-position: -953px -632px;
width: 201px;
height: 124px; }
.state_sprite.ohio {
background-position: -650px -1828px;
width: 168px;
height: 189px; }
.state_sprite.oklahoma {
background-position: -652px -946px;
width: 205px;
height: 105px; }
.state_sprite.oregon {
background-position: -353px -41px;
width: 197px;
height: 146px; }
.state_sprite.pennsylvania {
background-position: -336px -2131px;
width: 215px;
height: 126px; }
.state_sprite.rhode_island {
background-position: -670px -2746px;
width: 92px;
height: 149px; }
.state_sprite.south_carolina {
background-position: -31px -2433px;
width: 232px;
height: 179px; }
.state_sprite.south_dakota {
background-position: -1252px -636px;
width: 190px;
height: 118px; }
.state_sprite.tennessee {
background-position: -1230px -1533px;
width: 236px;
height: 59px; }
.state_sprite.texas {
background-position: -939px -936px;
width: 219px;
height: 209px; }
.state_sprite.utah {
background-position: -633px -335px;
width: 231px;
height: 135px; }
.state_sprite.vermont {
background-position: -957px -2435px;
width: 97px;
height: 162px; }
.state_sprite.virginia {
background-position: -938px -2126px;
width: 222px;
height: 105px; }
.state_sprite.washington_state {
background-position: -45px -40px;
width: 208px;
height: 136px; }
.state_sprite.washington_dc {
background-position: -52px -3024px;
width: 167px;
height: 189px; }
.state_sprite.west_virginia {
background-position: -650px -2129px;
width: 197px;
height: 183px; }
.state_sprite.wisconsin {
background-position: -1262px -1226px;
width: 185px;
height: 209px; }
.state_sprite.wyoming {
background-position: -360px -629px;
width: 179px;
height: 132px; }
::-webkit-scrollbar {
width: 0; }
::-webkit-scrollbar-thumb {
background-color: none; }
h1 {
font: bold 32px helvetica, arial, sans-serif;
line-height: 36px;
color: #1a1a1a;
margin: 0 0 25px 0;
padding: 50px 0 15px 0;
border-bottom: 1px solid #1a1a1a; }
h1 span {
float: right;
display: inline-block;
font: bold 16px helvetica, arial, sans-serif;
line-height: 50px; }
h1 span em {
font-style: normal;
color: #63d9ac; }
h1 span em a {
color: #63d9ac; }
h2 {
font: bold 24px helvetica, arial, sans-serif;
color: #1a1a1a; }
h3 {
font: bold 16px helvetica, arial, sans-serif;
color: #1a1a1a; }
h4 {
font: bold 10px helvetica, arial, sans-serif;
color: #1a1a1a; }
p {
font: 300 15px adelle, times, serif;
color: #1a1a1a;
line-height: 26px; }
p.large {
font: 300 24px adelle, times, serif;
line-height: 36px; }
.open_education p.large {
margin-bottom: 40px;
}
.onlineschools p.large {
margin-top: 0 !important;
}
p.large strong, p.large em {
font: bold 22px helvetica, arial, sans-serif; }
p.subhead {
font: 300 italic 15px adelle, times, serif; }
p.barchart_caption {
font: 300 16px adelle, times, serif;
margin: 0;
padding: 0; }
a {
color: #1a1a1a;
text-decoration: none; }
a:hover {
color: #63d9ac;
text-decoration: none; }
ul {
list-style-type: none;
padding: 0; }
.green {
color: #63d9ac; }
.lightnoise {
background: url("../img/tile_backgrounds/lightnoise.png"); }
.darknoise {
background: url("../img/tile_backgrounds/darkdenim.png"); }
html.no-flexbox span.arrow {
font-family: serif; }
body {
text-align: center;
background-color: white; }
body > header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 90px;
background-color: #1a1a1a;
text-align: center;
z-index: 2000; }
body > header > section {
width: 940px;
margin: 25px auto;
text-align: left;
height: 40px; }
body > header > section h1 {
float: left;
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
height: 22px;
width: 101px;
background-position: 0px 0px;
margin: 9px 0;
padding: 0;
border: none; }
body > header > section nav {
color: gray;
float: right;
height: 40px;
line-height: 40px; }
.ie7 body > header > section nav {
margin-top: 8px;
}
body > header > section nav select, body > header > section nav > a, body > header > section nav > a:visited, body > header > section nav div.login {
display: inline-block;
height: 22px;
line-height: 22px;
vertical-align: baseline;
/* margin-left: 15px; */
font: bold 10px helvetica, arial, sans-serif;
text-transform: uppercase;
color: gray; }
body > header > section nav select.scholarships, body > header > section nav > a.scholarships, body > header > section nav div.login.scholarships {
margin-left: 15px; }
body > header > section nav .faux_dropdown {
margin-left: 15px; }
.ie7 body > header > section nav .faux_dropdown.right.first {
position: absolute;
left: -140px;
}
body > header > section nav .faux_dropdown .target {
width: 120px;
background: #1a1a1a url("../img/dropdown_arrow_green.png") 95px center no-repeat;
border: none;
color: gray; }
.ie7 body > header > section nav .faux_dropdown.first .target {
width: 80px;
}
body > header > section nav .faux_dropdown.active .target, body > header > section nav .faux_dropdown:active .target, body > header > section nav .faux_dropdown:hover .target {
background-image: url("../img/dropdown_arrow_white.png");
background-color: #63d9ac;
height: 41px;
line-height: 41px;
margin-top: -7px;
color: #1a1a1a; }
body > header > section nav .faux_dropdown.active .target.setting, body > header > section nav .faux_dropdown:active .target.setting, body > header > section nav .faux_dropdown:hover .target.setting {
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
background-position: -247px -45px;
width: 40px;
height: 40px;
background-color: none;
margin-top: 0; }
body > header > section nav .faux_dropdown.active .target.favorite, body > header > section nav .faux_dropdown:active .target.favorite, body > header > section nav .faux_dropdown:hover .target.favorite {
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
background-position: -203px -45px;
width: 40px;
height: 40px;
background-color: none;
margin-top: 0; }
body > header > section nav a.about, body > header > section nav span.favorite, body > header > section nav span.setting {
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
height: 40px;
width: 40px;
vertical-align: middle; }
body > header > section nav a.about {
background-position: -157px 0; }
body > header > section nav span.favorite {
padding: 0;
background-position: -202px 0; }
body > header > section nav span.setting {
padding: 0;
background-position: -246px 0; }
body > header > section nav div.login {
display: inline-block;
width: 98px; }
body > header > section nav div.login a {
color: white;
margin: 0; }
body > header > section nav div.login a.register {
color: #63d9ac; }
body > header > section nav div.login a:hover {
text-decoration: underline; }
body > header > section nav input#search {
width: 216px;
border: 1px solid #000;
height: 29px;
padding: 0 30px 0 5px;
color: white;
background: #333333 url("../img/search_icon_gray.png") 189px center no-repeat; }
body > header > section nav {
position: relative;
}
body > header > section nav .faux_combobox {
position: absolute;
top: 6px;
left: -220px;
}
#container {
width: 940px;
margin: 90px auto 0 auto;
text-align: left; }
.ie7 #container {
margin-top: 0;
padding-top: 90px;
}
.fullwidth {
position: absolute;
left: 0;
width: 100%;
height: 100%; }
#home {
background-color: white;
padding: 173px 0;
font: 300 40px/40px adelle, times, serif;
font-weight: 400;
text-align: center;
color: #1a1a1a; }
#home > span {
width: 940px;
margin: 0 auto;
display: block;
text-align: left;
}
#home em {
font-style: normal;
color: #63d9ac; }
#home .faux_combobox {
vertical-align: 7px;
float: right;
margin: -8px 10px 0 0; }
.ie7 #home .faux_combobox {
margin-top: -46px;
}
#home .faux_combobox .target {
height: 10px;
line-height: 10px;
border: 1px solid #dfdbd4;
margin-top: -1px;
padding: 26px 20px 25px 20px;
background-image: url("../img/search_icon.png");
background-position: 261px center;
width: 306px; }
.ie9 #home .faux_combobox .target,
.ie8 #home .faux_combobox .target,
.ie7 #home .faux_combobox .target {
padding: 21px 20px 30px 20px;
}
.ie7 #home .faux_combobox .target {
width: 270px;
background-position: 270px center;
}
#home_footer {
width: 100%;
background: #1a1a1a url("../img/tile_backgrounds/darkdenim.png");
text-align: center; }
#home_footer > section {
width: 940px;
margin: 36px auto 0 auto;
text-align: left; }
#home_footer > section .column h3.first {
color: #fec400; }
#home_footer > section .column h3.second {
color: #63d9ac; }
#home_footer > section .column h3.third {
color: #4a8067; }
#home_footer > section .column h3.fourth {
color: #b8d2b2; }
#home_footer > section .column p {
color: white; }
footer {
font: bold 10px helvetica, arial, sans-serif;
text-transform: uppercase;
clear: both;
color: gray; }
footer.site_footer {
padding: 0 10px 30px;
}
footer > section {
width: 940px;
margin: 70px auto 50px auto;
text-align: left;
border-top: 1px solid #333333;
padding-top: 10px; }
footer > section p {
margin: 0;
padding: 0;
float: left;
font: bold 10px helvetica, arial, sans-serif;
color: gray; }
footer > section p.links {
float: right; }
footer > section p.links a {
color: gray;
padding-left: 10px; }
section.first_letter_select ul.letters {
margin: 25px 0; }
section.first_letter_select ul.letters li {
float: left; }
section.first_letter_select ul.letters li a {
height: 36px;
width: 36px;
line-height: 36px !important;
text-align: center;
display: block;
font: bold 16px helvetica, arial, sans-serif;
color: #63d9ac;
text-transform: uppercase; }
section.first_letter_select ul.letters li a.selected, section.first_letter_select ul.letters li a:hover {
background-color: #63d9ac;
color: #1a1a1a; }
section.first_letter_select ul.letters li a.inactive,
section.first_letter_select ul.letters li a.inactive.selected,
section.first_letter_select ul.letters li a.inactive:hover {
color: #ddd;
background: none;
cursor: default !important; }
section.first_letter_select div.list {
width: 100%;
min-height: 200px;
margin-top: 60px; }
section.first_letter_select div.list ul {
font: 300 15px adelle, times, serif;
line-height: 26px; }
section.first_letter_select div.list ul a,
section.first_letter_select.states div.list ul a:hover {
color: #1a1a1a; }
section.first_letter_select.states div.list ul a {
color: #63D9AC; }
section.online_school {
border-top: 1px solid #1a1a1a;
margin-top: 40px; }
section.online_school > p { margin: 6px 0 20px 0; }
section.online_school h2 {
font: bold 16px helvetica, arial, sans-serif;
margin: 18px 0 13px 0; }
section.online_school h2 .favorite {
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
height: 14px;
width: 17px;
background-position: -204px -92px;
margin-left: 20px; }
section.online_school h2 .favorite:hover, section.online_school h2 .favorite.selected {
background-position: -225px -92px; }
section.online_school a.website {
font: 300 italic 15px adelle, times, serif;
color: #1a1a1a; }
section.online_school ul {
font: bold 16px helvetica, arial, sans-serif;
color: #63d9ac;
line-height: 26px; }
section.online_school > ul > li > a {
text-decoration: underline;
color: #63d9ac; }
section.online_school > ul > li > a:hover {
color: #000;
}
a.more_info_button, a.userbox_submit, input.userbox_submit,
section.crosslinks .crosslink a.more_info_button {
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
background-color: transparent;
border: none;
display: block;
height: 43px;
width: 224px;
background-position: -114px -298px;
font: bold 14px helvetica, arial, sans-serif;
line-height: 43px;
text-align: center;
text-transform: uppercase;
color: #1a1a1a;
text-decoration: none; }
a.more_info_button:hover, a.userbox_submit:hover, input.userbox_submit:hover {
background-position: -114px -347px; }
section.accordion section {
border-top: 1px solid #1a1a1a;
margin-top: 20px;
padding-top: 20px; }
section.accordion section:last-child {
border-bottom: 1px solid #1a1a1a;
padding-bottom: 18px;
}
section.accordion section h3 {
margin: 0;
padding: 0;
cursor: pointer; }
section.accordion section h3 span {
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
height: 14px;
width: 14px; }
section.accordion section h3 span.control {
float: right;
background-position: -155px -112px; }
section.accordion section h3 span.favorite,
.single_school .favorite {
width: 16px;
height: 14px;
display: inline-block;
background-image: url("../img/spritemap.png");
background-position: -204px -92px;
margin-left: 20px; }
section.accordion section h3 span.favorite:hover, section.accordion section h3 span.favorite.selected, .single_school .favorite:hover, .single_school .favorite.selected {
background-position: -225px -92px; cursor: pointer; }
section.accordion section h3 span.arrow {
background: none;
width: auto;
display: inline-block;
overflow: visible;
line-height: 1; }
section.accordion section h3 strong {
color: #63d9ac; }
section.accordion section .content {
display: none; }
section.accordion section.open h3 span.control {
background-position: -176px -112px; }
section.accordion section.open h3 span.favorite {
width: 16px;
background-position: -204px -92px; }
section.accordion section.open h3 span.favorite:hover, section.accordion section.open h3 span.favorite.selected {
background-position: -225px -92px; }
section.accordion section.open .content {
display: block; }
.school_list hgroup, .scholarship_list hgroup {
height: 155px;
padding: 220px 0 0 240px;
margin-bottom: 15px; }
.school_list hgroup h1, .scholarship_list hgroup h1 {
font: 48px helvetica, arial, sans-serif;
line-height: 58px;
margin: 0;
padding: 0;
text-shadow: 0 1px 0 white;
border: none; }
.school_list hgroup p, .scholarship_list hgroup p {
font: bold 16px helvetica, arial, sans-serif;
line-height: 26px;
margin: 0;
padding: 0; }
.school_list .filter_column, .scholarship_list .filter_column {
float: left;
width: 200px;
margin-right: 40px; }
.filter_column {
padding-top: 16px; }
.school_list .filter_column #filter_flexbox, .scholarship_list .filter_column #filter_flexbox {
margin: 10px 0 20px 0;
position: relative; }
.school_list .filter_column #filter_flexbox div.flexbox, .scholarship_list .filter_column #filter_flexbox div.flexbox {
min-height: 54px; }
.school_list .filter_column h4, .scholarship_list .filter_column h4 {
text-transform: uppercase;
margin: 3px 0 0 0;
padding: 0; }
.school_list .filter_column input[type=text], .scholarship_list .filter_column input[type=text] {
width: 197px;
height: 10px;
line-height: 10px;
background-image: url("../img/search_icon_arrow.png");
background-position: 169px center;
padding: 18px 30px 17px 10px !important; }
.ie9 .school_list .filter_column input[type=text],
.ie9 .scholarship_list .filter_column input[type=text],
.ie7 .school_list .filter_column input[type=text],
.ie7 .scholarship_list .filter_column input[type=text] {
padding: 14px 30px 21px 10px !important;
}
.ie8 .school_list .filter_column input[type=text] {
padding: 12px 30px 20px 10px !important;
}
.ie8 .scholarship_list .filter_column input[type=text] {
padding: 14px 30px 16px 10px !important;
}
.ie7 .school_list .filter_column input[type=text] {
width: 158px;
}
.scholarship_list .filter_column input[type=text] {
width: 160px }
.school_list .filter_column input[type=text].focus, .scholarship_list .filter_column input[type=text].focus {
background-position: 169px center; }
.school_list .filter_column ul, .scholarship_list .filter_column ul {
margin: 10px 0 0 0; }
.school_list .filter_column ul {
margin: 10px 0 7px 0; }
.school_list .filter_column ul.campus_setting, .scholarship_list .filter_column ul.campus_setting {
margin-bottom: 50px; }
.school_list .filter_column .faux_combobox, .scholarship_list .filter_column .faux_combobox {
margin: 10px 0 20px 0; }
.school_list .filter_column .faux_combobox {
margin: 7px 0 13px 0; }
.school_list .filter_column .faux_combobox ul, .scholarship_list .filter_column .faux_combobox ul {
margin-top: 0;
min-width: 146px !important; }
.school_list .filter_column label, .scholarship_list .filter_column label {
font: 300 14px adelle, times, serif;
color: #1a1a1a;
vertical-align: -3px;
line-height: 25px; }
.school_list .filter_column input[type=reset], .scholarship_list .filter_column input[type=reset] {
border: 1px solid black;
border-radius: 4px;
background-color: #262626;
color: white;
font: bold 10px helvetica, arial, sans-serif;
height: 35px;
width: 80px;
line-height: 30px;
text-transform: uppercase; }
.school_list .filter_column input[type=reset] :hover, .scholarship_list .filter_column input[type=reset] :hover {
background-color: gray; }
.school_list .filter_column .slider_filter, .scholarship_list .filter_column .slider_filter {
margin-bottom: 20px; }
.school_list .list_column, .scholarship_list .list_column {
float: left;
width: 700px; }
.school_list .list_column .image_float, .scholarship_list .list_column .image_float {
float: right;
width: 225px;
margin: 0 0 30px 30px;
background-color: black; }
.school_list .list_column .image_float img, .scholarship_list .list_column .image_float img {
width: 225px; }
.school_list .list_column .image_float p, .scholarship_list .list_column .image_float p {
color: white;
font: 300 italic 15px adelle, times, serif;
margin: 0;
padding: 0 10px; }
.school_list .list_column section.accordion, .scholarship_list .list_column section.accordion {
margin-top: 15px; }
.school_list .list_column section.accordion section, .scholarship_list .list_column section.accordion section {
border-top: none;
margin-top: 0;
padding-top: 0;
border-bottom: 1px solid #1A1A1A;
margin-bottom: 20px;
padding-bottom: 20px; }
.school_list .list_column section.accordion p.nomatch, .scholarship_list .list_column section.accordion p.nomatch {
font: italic 16px/16px helvetica, arial, sans-serif;
color: gray;
padding-bottom: 1em;
border-bottom: 1px solid #1A1A1A; }
.school_list .list_column h4, .scholarship_list .list_column h4 {
margin: 15px 0;
padding: 0; }
.scholarship_list .filter_column {
margin-top: 42px; }
.scholarship_list .list_column .accordion h4 {
font: bold 10px helvetica, arial, sans-serif;
text-transform: uppercase;
margin-bottom: 4px; }
.scholarship_list .list_column .accordion p {
margin-top: 4px; }
.scholarship_list .list_column .accordion p strong {
font: bold 10px helvetica, arial, sans-serif;
text-transform: uppercase;
font-style: normal;
color: #1a1a1a; }
.scholarship_list .list_column .accordion p.contact {
font-style: italic;
line-height: 19px; }
.scholarship_list .list_column .accordion p.deadline {
font-style: italic;
margin-top: 12px;
color: #63d9ac; }
.scholarship_list .list_column .accordion ul li {
font: 300 15px adelle, times, serif;
line-height: 19px;
color: #1a1a1a; }
.scholarship_list .list_column .accordion ul li strong {
font: bold 10px helvetica, arial, sans-serif;
text-transform: uppercase; }
.slider_filter {
margin-bottom: 50px; }
.slider_filter p {
font: bold 12px helvetica, arial, sans-serif !important;
color: #b3b3b3;
padding: 0;
margin: 9px 0; }
.slider_filter .slider_wrapper {
border-left: 1px solid #b3b3b3;
border-right: 1px solid #b3b3b3;
height: 7px;
width: 140px;
padding-top: 5px; }
.slider_filter .slider {
width: 140px;
background: #b3b3b3;
border: none;
border-radius: none;
position: relative;
text-align: left;
height: 1px; }
.slider_filter .slider a {
cursor: default;
height: 14px;
width: 9px;
position: absolute;
z-index: 2;
margin-left: -4px;
top: -6px;
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
background-position: -294px -109px;
outline: none; }
.slider_filter .slider a:hover {
cursor: pointer; }
.slider_filter .slider a:last-child {
background-position: -309px -109px; }
.slider_filter .slider span {
position: absolute;
text-align: left;
top: 15px;
color: #b2b2b0; }
.slider_filter .slider span.right {
right: 0;
text-align: right; }
.slider_filter .slider .ui-slider-range {
background: #63d9ac;
border-right: 4px solid #63d9ac;
position: absolute;
z-index: 1;
height: 5px;
top: -2px; }
.about_icons {
margin: 50px auto; }
.about_icons div {
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
height: 46px;
width: 46px;
margin: 0 47px; }
.about_icons .icon1 {
background-position: -50px -247px; }
.about_icons .icon2 {
background-position: -95px -245px; }
.about_icons .icon3 {
background-position: -141px -245px; }
.about_icons .icon4 {
background-position: -186px -245px; }
.about_icons .icon5 {
background-position: -235px -246px; }
.about_icons .icon6 {
background-position: -285px -242px; }
section.columns .column {
float: left;
width: 220px;
margin-right: 20px;
font: 300 15px adelle, times, serif; }
section.columns .column.last {
margin-right: 0; }
section.columns .column h3 {
font: bold 12px helvetica, arial, sans-serif;
margin: 0;
text-transform: uppercase; }
section.columns .column p.bignumber {
font: bold 72px/72px helvetica, arial, sans-serif;
color: #63d9ac;
margin: 0;
padding: 0; }
section.columns ul.column {
border-top: 1px solid #1a1a1a;
padding: 15px 0; }
section.columns ul.column li {
font: 300 italic 15px adelle, times, serif;
color: #1a1a1a; }
#blog section.articles {
float: left;
width: 696px;
margin-top: 80px; }
#blog section.articles article {
padding: 0 0 40px 0; }
#blog section.articles article h1 {
border-bottom: none;
border-top: 1px solid #1a1a1a;
margin: 0;
padding: 25px 0; }
#blog section.articles article a.read_more {
display: inline-block;
font: bold 16px helvetica, arial, sans-serif;
margin-top: 40px; }
#blog section.sidebar {
float: right;
width: 220px;
margin-top: 80px; }
#blog section.sidebar h4 {
border-top: 1px solid #1a1a1a;
margin-top: 0;
padding-top: 10px; }
#blog section.sidebar ul {
font: 300 14px adelle, times, serif;
line-height: 26px;
margin-bottom: 25px; }
#blog section.sidebar ul a {
color: #1a1a1a; }
#blog section.sidebar ul a:hover {
color: #63d9ac; }
#wiki a.back {
display: block;
text-align: center;
font: bold 16px helvetica, arial, sans-serif;
margin-top: 40px;
color: #1a1a1a; }
#wiki a.back:before {
content: '←'; }
#wiki a.back:hover {
color: #63d9ac; }
img.college_logo {
margin-top: 15px;
max-width: 220px; }
section#courseware_display .menu {
padding: 20px 0 10px 0; }
section#courseware_display .menu ul {
float: left;
background-color: #E6E6E6;
padding: 10px 0;
font: bold 10px helvetica, arial, sans-serif;
color: gray;
line-height: 20px;
text-transform: uppercase; }
section#courseware_display .menu ul li {
display: inline-block;
line-height: 18px;
border-right: 1px solid #dfdbd4;
padding: 0 11px;
cursor: pointer; }
section#courseware_display .menu ul li:last-child {
border: none; }
section#courseware_display .menu ul li:hover, section#courseware_display .menu ul li.selected {
color: #1a1a1a; }
section#courseware_display .menu ul li:hover span.view_all, section#courseware_display .menu ul li.selected span.view_all {
background-position: -4px -85px; }
section#courseware_display .menu ul li:hover span.opencourseware, section#courseware_display .menu ul li.selected span.opencourseware {
background-position: -31px -86px; }
section#courseware_display .menu ul li:hover span.video, section#courseware_display .menu ul li.selected span.video {
background-position: -59px -86px; }
section#courseware_display .menu ul li:hover span.podcast, section#courseware_display .menu ul li.selected span.podcast {
background-position: -85px -86px; }
section#courseware_display .menu ul li:hover span.book, section#courseware_display .menu ul li.selected span.book {
background-position: -113px -85px; }
section#courseware_display .menu ul li:hover span.research, section#courseware_display .menu ul li.selected span.research {
background-position: -4px -112px; }
section#courseware_display .menu ul li:hover span.wiki, section#courseware_display .menu ul li.selected span.wiki {
background-position: -32px -112px; }
section#courseware_display .menu ul li.selected {
color: #1a1a1a; }
section#courseware_display .menu ul li.selected span.random {
background-position: -58px -111px; }
section#courseware_display .menu ul li.selected span.alpha {
background-position: -86px -112px; }
section#courseware_display .menu ul li.disabled:hover {
color: gray;
cursor: default; }
section#courseware_display .menu ul li.disabled:hover span.wiki {
background-position: -32px -58px; }
section#courseware_display .menu ul li span {
height: 18px;
width: 18px;
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
vertical-align: -5px;
margin-right: 11px;
display: inline-block; }
section#courseware_display .menu ul li span.view_all {
background-position: -4px -31px; }
section#courseware_display .menu ul li span.opencourseware {
background-position: -31px -32px; }
section#courseware_display .menu ul li span.video {
background-position: -59px -32px; }
section#courseware_display .menu ul li span.podcast {
background-position: -85px -32px; }
section#courseware_display .menu ul li span.book {
background-position: -113px -31px; }
section#courseware_display .menu ul li span.research {
background-position: -4px -58px; }
section#courseware_display .menu ul li span.wiki {
background-position: -32px -58px; }
section#courseware_display .menu ul li span.random {
background-position: -58px -57px;
margin-right: 0; }
section#courseware_display .menu ul li span.alpha {
background-position: -86px -58px;
margin: 0; }
section#courseware_display .menu ul.sort {
float: right;
padding-left: 11px;
cursor: pointer; }
section#courseware_display .grid, section#courseware_display section.wiki {
padding: 30px 0 70px 0; }
section#courseware_display .grid section, section#courseware_display section.wiki section {
position: relative;
float: left;
height: 298px;
width: 232px;
background-color: white;
border: 1px solid #dfdbd4;
border-bottom-color: #000;
margin-right: 20px;
margin-bottom: 20px;
padding: 0 33px;
overflow: hidden; }
section#courseware_display .grid section.first {
margin-left: 320px;
}
section#courseware_display .grid section#monetization_widget,
body.onlineschools #monetization_widget.compact {
padding: 0 27px 0 38px; }
.sponsored {
display: block;
margin-top: 5px;
opacity: 0.5;
}
.landing .sponsored {
padding-left: 16px;
}
.landing .schools .sponsored {
padding-left: 0;
}
#courseware_display .grid #monetization_widget {
position: absolute;
}
section#courseware_display .grid section#monetization_widget div.selector,
body.onlineschools #monetization_widget div.selector {
height: 46px; }
section#courseware_display .grid section.last {
margin-right: 0; }
section#courseware_display .grid section .icon, section#courseware_display section.wiki section .icon {
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
width: 50px;
height: 49px;
cursor: pointer; }
section#courseware_display .grid section .icon.opencourseware, section#courseware_display section.wiki section .icon.opencourseware {
background-position: 0 -140px; }
section#courseware_display .grid section .icon.video, section#courseware_display section.wiki section .icon.video {
background-position: -55px -140px; }
section#courseware_display .grid section .icon.podcast, section#courseware_display section.wiki section .icon.podcast {
background-position: -110px -140px; }
section#courseware_display .grid section .icon.book, section#courseware_display section.wiki section .icon.book {
background-position: -165px -140px; }
section#courseware_display .grid section .icon.research, section#courseware_display section.wiki section .icon.research {
background-position: -220px -140px; }
section#courseware_display .grid section .icon.wiki, section#courseware_display section.wiki section .icon.wiki {
background-position: -275px -140px;
cursor: default; }
section#courseware_display .grid section .icon.favorite.selected, section#courseware_display section.wiki section .icon.favorite.selected {
background-position: 0 -240px; }
section#courseware_display .grid section p, section#courseware_display section.wiki section p {
margin: 0; }
section#courseware_display .grid section p .ellipsis, section#courseware_display section.wiki section p .ellipsis {
display: inline; }
section#courseware_display .grid section p .overflow, section#courseware_display section.wiki section p .overflow {
display: none; }
section#courseware_display .grid section:hover p, section#courseware_display section.wiki section:hover p {
overflow-y: auto;
/*.ellipsis {
display: none;
}
.overflow {
display: inline;
}*/ }
section#courseware_display .grid section .institution, section#courseware_display section.wiki section .institution {
display: block;
position: absolute;
top: 298px;
left: 0;
width: 362px;
background-color: #000;
color: white;
font: bold 10px helvetica, arial, sans-serif;
line-height: 13px;
text-transform: uppercase; }
section#courseware_display .grid section .institution a, section#courseware_display section.wiki section .institution a {
display: inline-block;
padding: 20px 33px;
color: white; }
section#courseware_display .grid section .institution a:hover, section#courseware_display section.wiki section .institution a:hover {
color: #63d9ac; }
section#courseware_display section.wiki {
display: none; }
section#courseware_display section.wiki section {
width: 874px;
height: auto;
padding-bottom: 33px;
margin-right: 0; }
section#courseware_display .footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 14px;
text-align: center;
background: url("../img/tile_backgrounds/darkdenim.png"); }
section#courseware_display .footer .wrapper {
width: 292px;
margin: 0 auto;
}
section#courseware_display .footer a.randomize {
display: block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
font: bold 10px helvetica, arial, sans-serif;
line-height: 38px;
color: white;
text-transform: uppercase;
padding-left: 30px;
background-position: -113px -397px;
width: 93px;
height: 38px;
float: left;
box-sizing: content-box;
}
.ie7 section#courseware_display .footer a.randomize {
margin-right: 4px;
}
section#courseware_display .footer a.randomize:hover {
background-position: -113px -441px; }
section#courseware_display .footer .faux_dropdown.top span.target {
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
font: bold 10px helvetica, arial, sans-serif;
line-height: 38px;
color: white;
text-transform: uppercase;
padding-left: 50px;
background-position: -113px -484px;
width: 163px;
height: 38px;
border: none;
background-color: transparent; }
section#courseware_display .footer .faux_dropdown.top span.target:hover {
background-position: -113px -528px; }
section#courseware_display .footer .faux_dropdown.top ul.menu {
bottom: 38px;
left: 1px;
padding: 20px 20px 10px 20px; }
section#courseware_display .lightnoise {
position: absolute;
top: 10000px;
left: 0;
height: 100%;
width: 100%;
z-index: -10; }
.pagination {
text-align: center;
margin-bottom: 20px;
min-height: 32px; }
.open_education .pagination {
margin-bottom: 30px; }
.pagination li {
display: inline-block;
font: bold 16px helvetica, arial, sans-serif;
text-align: center;
color: #1a1a1a;
min-width: 16px;
margin: 0 8px;
border: 1px solid #dfdbd4;
background-color: white;
cursor: pointer; }
.pagination li.back.disabled, .pagination li.next.disabled {
color: #dfdbd4; }
.pagination li.back.disabled:hover, .pagination li.next.disabled:hover {
background-color: white;
cursor: default; }
.pagination li.selected, .pagination li:hover {
background-color: #63d9ac; }
.pagination li a {
text-decoration: none;
display: block;
height: 30px;
line-height: 30px;
padding: 0 10px;
color: #1a1a1a; }
.pagination li a:hover {
text-decoration: none;
color: #1a1a1a; }
.pagination .arrow {
display: block;
text-align: center;
width: 48px;
height: 30px;
line-height: 30px;
}
.selectable_chart {
display: none; }
.selectable_chart:nth-child(2) {
display: block; }
.barchart_bar {
height: 42px;
background-color: white;
margin: 10px 0 32px 0;
font: bold 16px helvetica, arial, sans-serif;
line-height: 42px;
padding-right: 20px;
color: #1a1a1a;
position: relative; }
.barchart_bar span {
height: 42px;
position: absolute;
left: 0;
top: 0; }
.barchart_bar span.value {
left: auto;
right: 20px; }
.barchart_bar span.bar_0 {
background-color: #63d9ac; }
.barchart_bar span.bar_1 {
background-color: #cae0a9; }
.barchart_bar span.bar_2 {
background-color: #b8d2b2; }
.barchart_bar span.bar_3 {
background-color: #fec400; }
.barchart_bar span.bar_4 {
background-color: #dfdbd4; }
#fourohfour .banner {
position: absolute;
top: 90px;
left: 0;
width: 100%;
height: 264px;
z-index: -1;
background-color: #A6DEC7;
text-align: center; }
#fourohfour h1 {
padding-top: 295px; }
#fourohfour .column h3 a.first {
color: #fec400; }
#fourohfour .column h3 a.second {
color: #63d9ac; }
#fourohfour .column h3 a.third {
color: #4a8067; }
#fourohfour .column h3 a.fourth {
color: #b8d2b2; }
#fourohfour .column h3 a :hover {
text-decoration: underline; }
#fourohfour p a {
color: #63d9ac; }
#fourohfour p a:hover {
text-decoration: underline; }
div.lightbox {
display: none;
position: fixed;
max-height: 800px;
left: 50%;
top: 50%;
margin-left: -390px;
width: 700px;
padding: 40px 40px 30px 40px;
background-color: white;
border: 1px solid #1a1a1a;
z-index: 999; }
div.lightbox h2 {
margin: 0;
padding: 10px 0 0 0;
font-size: 22px; }
div.lightbox a.more_info_button {
margin: 15px auto auto auto; }
div.lightbox .accordion {
padding-bottom: 20px; }
div.lightbox p.close {
position: absolute;
margin: 0;
padding: 0;
top: 15px;
right: 25px;
font-style: italic;
cursor: pointer; }
div.lightbox p.close:hover {
color: #63d9ac; }
div.userbox {
display: none;
position: fixed;
top: 50%;
left: 40%;
width: 295px;
padding: 40px 35px 20px 35px;
background-color: white;
border: 1px solid #d9d9d9;
z-index: 999;
text-transform: none;
max-height: 500px;
overflow-y: auto; }
div.userbox h3 {
font: 300 22px adelle, times, serif;
color: #63d9ac;
margin: 0;
padding: 0;
line-height: 36px; }
div.userbox p {
font: 300 14px adelle, times, serif;
color: #1a1a1a;
margin: 0;
padding: 0;
line-height: 28px; }
div.userbox p:hover {
cursor: pointer; color: #63D9AC; }
div.userbox p.intro {
margin-bottom: 30px; }
div.userbox p.intro:hover {
cursor: auto; color: #a1a1a1; }
div.userbox p.error {
color: #d7252f;
position: absolute;
margin-top: -32px;
font-style: italic; }
div.userbox p.error.success {
color: #639306;
}
div.userbox p.close {
position: absolute;
bottom: 5px;
right: 3px; }
div.userbox form {
margin: 15px 0;
position: relative; }
div.userbox form div {
margin: 15px 0; }
div.userbox form div label {
display: block;
margin-bottom: 7px;
font: bold 10px helvetica, arial, sans-serif;
color: #1a1a1a;
text-transform: uppercase; }
div.userbox form div input[type=text], div.userbox form div input[type=password] {
font: 300 14px adelle, times, serif;
background: #f4f3f0;
border: 1px solid #dfdbd4;
width: 202px;
height: 27px;
line-height: 27px;
padding: 3px 10px 0 10px;
text-transform: none; }
div.userbox form div.error {
margin: 0;
font: bold 10px helvetica, arial, sans-serif;
line-height: 14px;
color: #d7252f; }
div.userbox a {
text-decoration: none;
font-style: italic;
color: #1a1a1a; }
div.userbox a.userbox_submit {
font-style: normal;
float: left; }
div.userbox a.userbox_submit:hover {
color: #1a1a1a; }
div.userbox a:hover {
color: #63d9ac;
text-decoration: none; }
body.slideView #container {
width: 100%;
margin-top: 0;
padding-top: 0; }
body.slideView #container #down_slide {
position: fixed;
bottom: 0px;
left: 42%;
min-height: 52px;
min-width: 103px;
padding: 0 21px 0 24px;
background-color: black;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
cursor: pointer;
z-index: 999;
zoom: 1;
display: none; }
.ie7 body.slideView #container #down_slide {
display: block;
position: absolute;
bottom: auto;
height: 52px;
}
body.slideView #container #down_slide:hover {
background-color: #333333; }
body.slideView #container #down_slide span {
height: 52px;
color: #FFF;
font: bold 14px helvetica, arial, sans-serif;
line-height: 18px;
display: table-cell;
vertical-align: middle;
padding-right: 48px;
background: url("../img/slide_down_arrow.png") right center no-repeat;
zoom: 1; }
.ie7 body.slideView #container #down_slide span {
height: auto;
margin-top: 15px;
}
body.slideView #container .slideable_group_vertical {
margin-top: 90px;
padding-top: 0;
width: 100%;
/*height: 100%;*/
/*position: absolute;
overflow-y: auto;*/
position: relative;
overflow-x: hidden; }
body.slideView #container .slideable_group_vertical > .slide {
/*min-height: 100%;*/
width: 100%;
position: relative;
display: none; }
body.slideView #container .slideable_group_vertical > .slide > .inner {
/*overflow-y: auto;*/
position: relative; }
body.slideView #container .slideable_group_vertical > .slide > .inner .banner {
position: absolute;
top: 0;
left: 0;
height: 300px;
width: 100%;
background-color: white;
z-index: -1; }
body.slideView #container .slideable_group_vertical > .slide > .inner .banner.google_map.tall {
height: 375px; }
body.slideView #container .slideable_group_vertical > .slide > .inner .banner.landing_map {
z-index: 0; }
body.slideView #container .slideable_group_vertical > .slide > .inner .landing {
position: relative; }
body.slideView #container .slideable_group_vertical > .slide > .inner .landing h1 {
border: none;
font: 52px helvetica, arial, sans-serif;
height: 300px;
display: table-cell;
vertical-align: middle;
margin: 0;
font-weight: bold;
padding: 0; }
body.slideView #container .slideable_group_vertical > .slide > .inner .landing h1.white {
color: #fff;
font-size: 36px; }
body.slideView #container .slideable_group_vertical > .slide > .inner .landing p.large {
color: #cccccc; }
body.slideView #container .slideable_group_vertical > .slide > .inner .landing p.large strong, body.slideView #container .slideable_group_vertical > .slide > .inner .landing p.large em {
color: #FFF; }
body.slideView #container .slideable_group_vertical > .slide:first-child {
display: block; }
body.slideView #container .slideable_group_vertical > .slide .left_slide,
.nav-previous a {
position: absolute;
top: 45%;
left: 0;
height: 112px;
width: 52px;
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
background-position: 0px -298px;
cursor: pointer;
display: none; }
body.slideView #container .slideable_group_vertical > .slide .left_slide:hover,
.nav-previous a:hover {
background-position: 0px -416px; }
body.slideView #container .slideable_group_vertical > .slide .right_slide,
.nav-next a {
position: absolute;
top: 45%;
right: 0;
height: 112px;
width: 52px;
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
background-position: -57px -298px;
cursor: pointer; }
body.slideView #container .slideable_group_vertical > .slide .right_slide:hover,
.nav-next a:hover {
background-position: -57px -416px; }
body.slideView #container .slideable_group_horizontal {
width: 100%;
/*min-height: 100%;*/
overflow-x: auto; }
body.slideView #container .slideable_group_horizontal > .inner > .slide {
float: left;
position: relative;
display: none;
width: 100%;
/*min-height: 100%;*/
position: relative;
margin: auto; }
body.slideView #container .noscript .slideable_group_horizontal > .inner > .slide {
display: block; }
body.slideView #container .slideable_group_horizontal > .inner > .slide:first-child {
display: block; }
.noscript .selectable_chart h1 {
font-size: 16px;
padding-top: 90px;
}
body.slideView #container .slideable_group_horizontal > .inner > .slide .slide_counter {
text-align: center;
margin: 0 auto;
padding: 50px 0; }
body.slideView #container .slideable_group_horizontal > .inner > .slide .slide_counter.chart {
padding: 30px 0 50px 0; }
body.slideView #container .slideable_group_horizontal > .inner > .slide .slide_counter div {
height: 10px;
width: 10px;
margin-right: 20px;
display: inline-block;
zoom: 1;
*display:inline;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
background-position: -176px -92px; }
body.slideView #container .slideable_group_horizontal > .inner > .slide .slide_counter div:last-child {
margin-right: 0; }
body.slideView #container .slideable_group_horizontal > .inner > .slide .slide_counter div.selected {
background-position: -157px -92px; }
body.slideView #container .slideable_group_horizontal > .inner > .slide h2 {
margin-top: 0;
padding-top: 50px; }
body.slideView #container .slideable_group_horizontal > .inner > .slide .profession_selector {
background-color: white;
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center; }
body.slideView #container .slideable_group_horizontal > .inner > .slide .profession_selector .selector_inner {
width: 940px;
margin: auto;
text-align: left; }
body.slideView #container .slideable_group_horizontal > .inner > .slide .profession_selector .selector_inner h1 {
border-bottom: none;
margin-bottom: 8px;
padding-top: 30px;
padding-bottom: 0px; }
body.slideView #container .slideable_group_horizontal > .inner > .slide .profession_selector .selector_inner .faux_dropdown {
display: inline-block;
margin-bottom: 30px; }
body.slideView #container .slideable_group_horizontal > .inner > .slide .profession_selector .selector_inner .faux_dropdown span {
width: 360px;
background-position: 339px center;
overflow: hidden; }
body.slideView #container .slide_content {
width: 940px;
margin: auto;
padding-bottom: 70px; }
body.slideView #container .slide_content h1 {
position: relative; }
body.slideView #container .slide_content h1.spaced {
margin-bottom: 55px; }
body.slideView #container .slide_content .sourcesicon {
position: absolute;
top: 60px;
right: 0;
cursor: pointer;
display: inline-block;
height: 17px;
width: 17px;
overflow: hidden;
background: url("../img/source_link_icon.png") left top no-repeat; }
body.slideView #container .slide_content #sourcestooltip {
position: absolute;
right: -15px;
cursor: default;
border-radius: 4px;
background-color: black;
color: white;
font-weight: bold;
font-size: 12px;
line-height: 12px;
padding: 6px; }
body.slideView #container .slide_content #sourcestooltip .arrow {
display: block;
background: url("../img/tooltiparrow.png") left top no-repeat;
height: 5px;
width: 10px;
position: absolute;
top: -5px;
right: 20px; }
body.slideView #container .slide_content #sourcestooltip a {
color: #63d9ac;
text-decoration: underline; }
.slide.charts h1 {
padding-right: 40px; }
.chart.line { margin-left: -90px; }
.chart.bar { margin-top: 60px; }
.noscript .chart.line { margin-left: 0; }
.noscript .chart.bar { margin-top: 20px; }
section.crosslinks {
margin-top: 0px; }
section.crosslinks h2 {
font: 300 22px adelle, times, serif;
margin: 0 0 10 0; }
section.crosslinks .crosslink {
float: left;
width: 220px;
margin-right: 20px;
margin-bottom: 40px;
font: 300 15px adelle, times, serif; }
section.crosslinks .crosslink.last {
margin-right: 0; }
section.crosslinks .crosslink h4 {
font: bold 12px helvetica, arial, sans-serif;
margin-top: 0;
border-top: 1px solid #333;
padding-top: 14px;
text-transform: uppercase; }
section.crosslinks .crosslink .faux_dropdown span {
width: 219px;
height: 31px;
line-height: 31px;
background: #f4f4f4 url('/img/search_icon.png') 194px center no-repeat !important; }
section.crosslinks .crosslink p {
font: 300 15px adelle, times, serif;
line-height: 25px; }
section.crosslinks .crosslink a {
display: block;
font: normal 15px helvetica, arial, sans-serif;
line-height: 18px;
margin-bottom: 4px;
color: #63d9ac;
text-decoration: underline; }
section.crosslinks .crosslink.spin a {
margin-top: 10px;
}
section.crosslinks .crosslink a:hover {
text-decoration: none;
color: #000; }
section.crosslinks .crosslink .faux_dropdown li a {
font: bold 12px helvetica, arial, sans-serif;
line-height: 16px;
text-decoration: none;
width: 260px;
margin-bottom: 10px;
}
section.crosslinks .crosslink .faux_dropdown_blurb a:hover {
color: #000; }
section.crosslinks ul.column {
border-top: 1px solid #1a1a1a;
padding: 15px 0; }
section.crosslinks ul.column li {
font: 300 italic 15px adelle, times, serif;
color: #1a1a1a; }
.faux_dropdown_blurb {
padding: 20px 0;
line-height: 24px;
}
.faux_dropdown_blurb a {
margin-top: 15px;
}
/*
* VDividedBox
*/
.ui-resize-bar-v {
cursor: pointer;
border: none !important;
background: none !important;
margin-top: 11px !important;
border-top: 1px solid #E4E4E4 !important; }
.ui-resize-icon-v {
position: relative;
z-index: 1;
background-position: -16px -227px;
left: 50%; }
#courseware_school_list {
position: relative; }
#courseware_school_list .banner {
position: absolute;
top: 90px;
left: 0;
width: 100%;
height: 264px;
z-index: -1;
background-color: #A6DEC7;
text-align: center; }
#courseware_school_list .banner.google_map.tall {
height: 375px; }
/*=== IE8 FIXES ===*/
html.no-flexbox input[type=text] {
height: 52px;
line-height: 53px;
vertical-align: 0px;
padding: 0 30px 0 10px;
background: #f4f3f0 url("../img/search_icon.png") 315px center no-repeat; }
html.no-flexbox input[type=text].focus {
line-height: 53px;
margin-top: 0px;
background-position: 315px 17px;
height: 51px; }
html.no-flexbox body > header > section nav input#search {
line-height: 29px; }
html.no-flexbox .school_list .filter_column input[type=text].focus,
html.no-flexbox .scholarship_list .filter_column input[type=text].focus {
padding-bottom: 1px;
background-position: 175px center; }
html.ie8 input[type=text] {
background: #f4f3f0 url("../img/search_icon.png") 315px center no-repeat; }
html.ie8 input[type=text].focus {
margin-top: 0px;
background-position: 315px 17px; }
html.ie8 body > header > section nav input#search.focus {
margin-top: -8px; }
html.ie8 .school_list .filter_column input[type=text].focus,
html.ie8 .scholarship_list .filter_column input[type=text].focus {
background-position: 175px center; }
html.ie7 #home .faux_combobox {
display: inline;
vertical-align: -20px; }
html.ie7 body > header nav .faux_dropdown, html.ie7 body > header nav .faux_combobox, html.ie7 body > header nav .login {
display: inline; }
html.ie7 body > header nav a.about {
margin-top: -18px; }
html.ie7 body > header nav div.favorites {
/*vertical-align: 8px;*/ }
html.ie7 .about_icons div {
display: inline; }
html.ie7 h1 {
position: relative; }
html.ie7 h1 span {
float: none;
position: absolute;
right: 0;
bottom: 0; }
html.ie7 body.slideView #container .slideable_group_vertical > .slide > .inner .landing h1 {
padding-top: 100px;
padding-bottom: 100px;
height: 100px;
overflow: visible; }
html.ie7 section.accordion section h3 {
position: relative; }
html.ie7 section.accordion section h3 span {
float: none;
position: absolute;
right: 0;
top: 0; }
html.ie7 .school_list section.accordion section h3 span.favorite {
position: relative; }
html.ie7 section#courseware_display .menu ul li {
display: inline; }
html.ie7 .pagination li {
display: inline; }
html.ie7 #filter_flexbox .flexbox {
height: 154px;
overflow: hidden; }
/* measurements */
/* colors */
/* font styles */
#monetization_widget {
position: relative;
float: left;
margin-right: 50px;
width: 256px;
background: url("../img/tile_backgrounds/lightnoise.png");
border: 1px solid #999;
border-top: none;
padding: 0 12px;
box-shadow: 0px 0px 6px #999; }
#monetization_widget hgroup {
height: 123px;
width: 302px;
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
background-position: -32px -602px;
text-align: center;
margin-left: -23px; }
#monetization_widget hgroup h2 {
font: bold 26px helvetica, arial, sans-serif;
color: #1a1a1a;
margin: 0;
padding: 20px 0 0 0;
text-shadow: 0 1px 0 #FFE77D; }
#monetization_widget hgroup p {
font: 300 16px adelle, times, serif;
color: #1a1a1a;
margin: 0;
padding: 0;
text-shadow: 0 1px 0 #FFE77D; }
#monetization_widget.compact hgroup p,
#monetization_widget hgroup h2 {
text-shadow: none; }
#monetization_widget .monetization {
width: 256px; }
#monetization_widget fieldset {
padding-left: 15px;
position: relative; }
#monetization_widget.compact fieldset {
padding-left: 0; }
#monetization_widget .schools {
margin: 23px 0 13px;
border-radius: 4px;
padding: 19px;
background: #ffffff;
border: 1px solid #fff;
/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNGYzZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, white 0%, #f4f3f0 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f4f3f0));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, white 0%, rgba(255,255,255,0) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, white 0%, #f4f3f0 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, white 0%, #f4f3f0 100%);
/* IE10+ */
background: linear-gradient(top, white 0%, rgba(255,255,255,0) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f3f0',GradientType=0 );
/* IE6-8 */ }
#monetization_widget .schools h3 {
font: bold 24px helvetica, arial, sans-serif;
letter-spacing: -1px;
color: #1a1a1a;
padding: 0;
margin: 0;
text-align: left; }
#monetization_widget .schools div {
position: relative;
margin-top: 14px;
padding-bottom: 10px; }
#monetization_widget .monetization span.num {
position: absolute;
top: 9px;
left: -28px;
display: block;
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
height: 32px;
width: 32px;
background-position: -263px -754px;
font: bold 14px helvetica, arial, sans-serif;
color: #1a1a1a;
text-align: center;
line-height: 32px; }
#monetization_widget .schools div a {
display: block;
font: bold 18px helvetica, arial, sans-serif;
color: #007af5;
line-height: 25px; }
#monetization_widget .schools div p {
font: 300 15px adelle, times, serif;
color: #1a1a1a;
margin: 0;
padding: 0;
line-height: 25px; }
#monetization_widget footer {
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
background-position: -22px -807px;
width: 282px;
height: 16px;
position: absolute;
bottom: -8px;
left: -1px; }
#monetization_widget.compact {
position: relative;
float: left;
height: 298px;
width: 232px;
border: 1px solid #DFDBD4;
border-bottom-color: black;
margin-right: 20px;
margin-bottom: 20px;
padding: 0 33px;
overflow: hidden;
background-image: none;
background-color: #63d9ac !important;
box-shadow: none;
padding: 0 33px; }
#monetization_widget.compact hgroup {
background-image: none;
text-align: left;
height: auto;
width: auto;
margin: 0; }
#monetization_widget.compact .monetization div.selector span {
width: 169px; }
#monetization_widget.compact .monetization div.button {
margin-left: 0; }
#monetization_widget.compact .schools, #monetization_widget.compact footer {
display: none; }
#monetization_widget .schools a {
text-decoration: none;
}
#monetization_widget .schools a strong {
text-decoration: underline;
font-weight: normal;
}
#monetization_widget .schools a span {
display: block;
font: 300 15px adelle, times, serif;
color: #4d4d4d;
margin-top: 6px;
text-decoration: none;
}
.monetization_second_column {
float: left;
width: 608px; }
.tinyscroll { width: 700px; clear: both; margin: 20px 0; position: relative; }
.tinyscroll .viewport { width: 700px; height: 500px; overflow: hidden; position: relative; }
.tinyscroll .overview { list-style: none; position: absolute; left: 0; top: 0; width: 100%;}
.tinyscroll .thumb .end,
.tinyscroll .thumb { background-color: #d9d9d9; }
.tinyscroll .scrollbar { position: absolute; right: -30px; width: 10px; }
.tinyscroll .track { background-color: #fff; height: 100%; width:5px; position: relative; padding: 0 1px; }
.tinyscroll .thumb { height: 20px; width: 6px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.tinyscroll .disable{ display: none; }
#ajax_mask { width: 200%; height: 200%; position: fixed; top: -50%; left: -50%; background: rgba(255,255,255,0.45); z-index: 99999; }
#ajax_loading { width: 40px; height: 40px; border-radius: 8px; background: #454545; position: fixed; display: block; top: 50%; left: 50%; margin: -25px 0 0 -25px; box-shadow: 1px 1px 2px #888; }
#ajax_loading img { position: absolute; top: 12px; left: 12px; }
body .wiki_wrapper {
background: #fff;
border: 1px solid #d7d7d7;
padding: 69px 33px 13px;
margin-bottom: 130px;
}
.wiki_wrapper p {
font-size: 13px;
line-height: 23px;
}
.wiki_wrapper footer p {
font-size: 10px;
line-height: 10px;
}
.wiki_wrapper h1,
.wiki_wrapper h2 {
border-bottom: none;
font-size: 16px;
padding: 0;
margin: 20px 0 10px;
}
.wiki_wrapper h1 {
margin-top: 0;
}
.wiki_wrapper header h1 {
margin: 9px 0;
}
.wiki_wrapper ul {
padding: 10px 0 0 20px;
text-align: left;
}
.wiki_wrapper .faux_dropdown li,
.wiki_wrapper .faux_combobox li {
padding-bottom: 0;
list-style: none;
}
.wiki_wrapper .faux_dropdown ul ul,
.wiki_wrapper .faux_combobox ul {
margin: 0;
}
.SoftTable {
font: 300 13px/23px adelle, times, serif;
}
.wiki_wrapper li {
padding-bottom: 5px;
list-style: disc;
font: 300 13px adelle, times, serif;
}
.wiki_wrapper li a {
font-weight: bold;
}
.wiki_wrapper ul ul {
margin: 10px 30px;
}
.wiki_wrapper ul ul li {
padding-bottom: 6px;
}
ul.links {
text-align: left;
width: 960px;
margin: 0 auto;
}
#courseware_display ul.links {
width: auto;
margin: 0;
padding: 20px 0;
}
ul.links li {
list-style: none;
font: bold 13px helvetica, arial, sans-serif;
}
.crosslink.spin ul {
font-size: 15px;
line-height: 25px;
padding-left: 20px;
}
.crosslink.spin li {
list-style: disc;
}
.accredited .crosslink {
border-top: 1px solid #1a1a1a;
padding: 12px 0 43px;
position: relative;
}
.accredited .crosslink .more_info_button {
position: absolute;
bottom: 0;
left: 0;
}
.accredited .crosslink li {
font-style: italic;
line-height: 21px;
}
section.crosslinks .crosslink .small a {
font-size: 13px;
line-height: 16px;
margin-bottom: 8px;
}
section.crosslinks .crosslink h4.no_border {
padding-top: 0;
border-top: none;
}
.subject_banner {
height: 300px;
width: 100%;
overflow: hidden;
position: absolute;
}
.subject_banner img {
width: 100%;
position: absolute;
min-height: 300px;
min-width: 1500px;
}
.faux_combobox .tinyscroll_builder,
.faux_dropdown .tinyscroll_builder {
position: absolute;
border: 1px solid #dfdbd4;
background: #fff;
left: -9999em;
z-index: 100;
}
.ie7 .faux_combobox .tinyscroll_builder {
margin-top: -14px;
}
.faux_combobox .tinyscroll_builder.active,
.faux_dropdown .tinyscroll_builder.active {
left: auto;
}
.faux_combobox .tinyscroll,
.crosslink .faux_dropdown .tinyscroll {
width: 304px!important;
margin: 10px 0;
}
.crosslink .faux_dropdown .tinyscroll {
width: auto;
}
#schools_filter .faux_combobox .tinyscroll {
width: 195px;
}
.faux_combobox .tinyscroll .menu,
.crosslink .faux_dropdown .tinyscroll .menu {
width: 306px;
border: none;
position: relative;
display: block;
padding: 12px 30px 2px 24px
}
.crosslink .faux_dropdown .tinyscroll .menu,
.crosslink .faux_dropdown .overview {
width: 290px;
}
#schools_filter .faux_combobox .tinyscroll .menu {
width: 197px;
}
.faux_combobox .tinyscroll .viewport,
.crosslink .faux_dropdown .tinyscroll .viewport {
width: 100%;
height: 200px;
}
#schools_filter .faux_combobox .tinyscroll .viewport {
height: 150px;
}
.faux_combobox .tinyscroll .scrollbar,
.crosslink .faux_dropdown .tinyscroll .scrollbar {
right: 4px;
z-index: 9999;
}
.scholarship_list .filter_column .tinyscroll {
width: 180px;
margin-top: 10px;
}
.scholarship_list .filter_column .tinyscroll .scrollbar {
right: -22px;
}
.scholarship_list .filter_column .tinyscroll {
margin-bottom: 20px;
}
.scholarship_list .filter_column .tinyscroll_builder {
border-bottom: 1px solid #DFDBD4;
padding-bottom: 0px;
margin-bottom: 15px;
}
.scholarship_list .filter_column .tinyscroll .viewport {
height: 110px;
width: 100%;
}
.scholarship_list .filter_column .tinyscroll .viewport ul {
margin: 0;
}
.scholarship_list .filter_column h4 {
padding-top: 6px;
}
#scholarships_filter h4.tiny {
padding: 0;
margin: 0;
}
.wp_blog {
padding-top: 149px;
width: 940px;
margin: 0 auto;
text-align: left;
}
.wp_blog.single {
padding-top: 60px;
}
.wp_blog #primary {
width: 697px;
float: left;
padding-bottom: 40px;
}
.wp_blog.single #primary {
width: auto;
float: none;
}
.wp_blog #primary.single img {
float: right;
padding: 0 0 20px 40px;
}
.wp_blog #secondary {
width: 220px;
float: right;
}
.wp_blog .snippet {
border-top: 1px solid #000;
padding-bottom: 30px;
}
.wp_blog .snippet header {
position: relative;
}
.wp_blog .snippet header a {
float: left;
width: 500px;
}
.wp_blog .snippet header h3 {
float: right;
width: 190px;
padding-top: 11px;
font-size: 15px;
text-align: right;
}
.wp_blog .snippet header h3 span {
color: #63d9ac;
display: inline-block;
padding-left: 8px;
}
.wp_blog .snippet header h2 {
font-size: 30px;
margin: 18px 0 0 0;
}
.wp_blog .snippet header a:hover {
opacity: 0.7;
}
.wp_blog .snippet img {
float: right;
width: 220px;
height: 220px;
padding: 0 0 10px 40px;
}
.wp_blog .snippet img.ig {
float: none;
width: auto;
height: auto;
padding: 18px 0 0;
}
.wp_blog .more-link {
display: block;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
margin-top: 20px;
font-size: 15px;
}
.wp_blog .widget {
border-top: 1px solid #000;
padding-bottom: 15px;
}
.wp_blog .widget h3 {
text-transform: uppercase;
font-size: 11px;
padding-top: 6px;
}
.wp_blog .widget li {
padding-bottom: 10px;
}
.wp_blog .widget a {
font: 300 14px adelle, times, serif;
}
.nav-next a,
.nav-previous a {
text-indent: -9999em;
display: block;
position: fixed;
}
.wp_blog.single .infographic {
margin: 40px 0 30px;
}
.wp_blog.single .embed {
background: #f0f1ef;
box-shadow: 1px 1px 1px #e7e8e6;
padding: 12px 10px;
font-family: Helvetica, Arial, sans-serif;
color: #787976;
font-size: 13px;
line-height: 16px;
width: 680px;
}
/*
* jQuery UI CSS Framework 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
* jQuery UI CSS Framework 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/
/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
* jQuery UI Resizable 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
* jQuery UI Selectable 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
* jQuery UI Accordion 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Accordion#theming
*/
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
* jQuery UI Autocomplete 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Autocomplete#theming
*/
.ui-autocomplete { position: absolute; cursor: default; }
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
/*
* jQuery UI Menu 1.8.17
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Menu#theming
*/
.ui-menu {
list-style:none;
padding: 2px;
margin: 0;
display:block;
float: left;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin:0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration:none;
display:block;
padding:.2em .4em;
line-height:1.5;
zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
/*
* jQuery UI Button 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Button#theming
*/
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4; }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
* jQuery UI Dialog 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
* jQuery UI Slider 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
* jQuery UI Tabs 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Tabs#theming
*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
* jQuery UI Datepicker 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}/*
* jQuery UI Progressbar 1.8.17
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Progressbar#theming
*/
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
/*
Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html
*/
/* Global Declaration */
div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
/* background-image: url(../images/sprite.png);*/ background-repeat: no-repeat;
-webkit-font-smoothing: antialiased;
}
.selector,
.radio,
.checker,
.uploader,
.button,
.selector *,
.radio *,
.checker *,
.uploader *,
.button *{
margin: 0;
padding: 0;
}
/* INPUT & TEXTAREA */
input.text,
input.email,
input.password,
textarea.uniform {
font-size: 12px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
padding: 3px;
color: #777;
/*background: url('../images/bg-input-focus.png') repeat-x 0px 0px;
background: url('../images/bg-input.png') repeat-x 0px 0px;*/
border-top: solid 1px #aaa;
border-left: solid 1px #aaa;
border-bottom: solid 1px #ccc;
border-right: solid 1px #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
outline: 0;
}
input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus {
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
border-color: #999;
/*background: url('../images/bg-input-focus.png') repeat-x 0px 0px;*/
}
/* SPRITES */
/* Select */
div.selector {
background-position: -483px -130px;
line-height: 26px;
height: 26px;
}
div.selector span {
background-position: right 0px;
height: 26px;
line-height: 26px;
}
div.selector select {
/* change these to adjust positioning of select element */
top: 0px;
left: 0px;
}
div.selector:active,
div.selector.active {
background-position: -483px -156px;
}
div.selector:active span,
div.selector.active span {
background-position: right -26px;
}
div.selector.focus, div.selector.hover, div.selector:hover {
background-position: -483px -182px;
}
div.selector.focus span, div.selector.hover span, div.selector:hover span {
background-position: right -52px;
}
div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
background-position: -483px -208px;
}
div.selector.disabled {
background-position: -483px -234px;
}
div.selector.disabled span {
background-position: right -104px;
}
/* Checkbox */
div.checker {
width: 19px;
height: 19px;
}
div.checker input {
width: 19px;
height: 19px;
}
div.checker span {
background-position: 0px -260px;
height: 19px;
width: 19px;
}
div.checker:active span,
div.checker.active span {
background-position: -19px -260px;
}
div.checker.focus span,
div.checker:hover span {
background-position: -38px -260px;
}
div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
background-position: -57px -260px;
}
div.checker span.checked {
background-position: -76px -260px;
}
div.checker:active span.checked,
div.checker.active span.checked {
background-position: -95px -260px;
}
div.checker.focus span.checked,
div.checker:hover span.checked {
background-position: -114px -260px;
}
div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
background-position: -133px -260px;
}
div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
background-position: -152px -260px;
}
div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
background-position: -171px -260px;
}
/* Radio */
div.radio {
width: 18px;
height: 18px;
}
div.radio input {
width: 18px;
height: 18px;
}
div.radio span {
height: 18px;
width: 18px;
background-position: 0px -279px;
}
div.radio:active span,
div.radio.active span {
background-position: -18px -279px;
}
div.radio.focus span,
div.radio:hover span {
background-position: -36px -279px;
}
div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
background-position: -54px -279px;
}
div.radio span.checked {
background-position: -72px -279px;
}
div.radio:active span.checked,
div.radio.active span.checked {
background-position: -90px -279px;
}
div.radio.focus span.checked, div.radio:hover span.checked {
background-position: -108px -279px;
}
div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
background-position: -126px -279px;
}
div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
background-position: -144px -279px;
}
div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
background-position: -162px -279px;
}
/* Uploader */
div.uploader {
background-position: 0px -297px;
height: 28px;
}
div.uploader span.action {
background-position: right -409px;
height: 24px;
line-height: 24px;
}
div.uploader span.filename {
height: 24px;
/* change this line to adjust positioning of filename area */
margin: 2px 0px 2px 2px;
line-height: 24px;
}
div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
background-position: 0px -353px;
}
div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
background-position: right -437px;
}
div.uploader.active span.action,
div.uploader:active span.action {
background-position: right -465px;
}
div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
background-position: right -493px;
}
div.uploader.disabled {
background-position: 0px -325px;
}
div.uploader.disabled span.action {
background-position: right -381px;
}
div.button {
background-position: 0px -523px;
}
div.button span {
background-position: right -643px;
}
div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
background-position: 0px -553px;
}
div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
background-position: right -673px;
}
div.button.active,
div.button:active {
background-position: 0px -583px;
}
div.button.active span,
div.button:active span {
background-position: right -703px;
color: #555;
}
div.button.disabled,
div.button:disabled {
background-position: 0px -613px;
}
div.button.disabled span,
div.button:disabled span {
background-position: right -733px;
color: #bbb;
cursor: default;
}
/* PRESENTATION */
/* Button */
div.button {
height: 30px;
}
div.button span {
margin-left: 13px;
height: 22px;
padding-top: 8px;
font-weight: bold;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
padding-left: 2px;
padding-right: 15px;
}
/* Select */
div.selector {
width: 190px;
font-size: 12px;
}
div.selector select {
min-width: 190px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
border: solid 1px #fff;
}
div.selector span {
padding: 0px 25px 0px 2px;
cursor: pointer;
}
div.selector span {
color: #666;
width: 158px;
text-shadow: 0 1px 0 #fff;
}
div.selector.disabled span {
color: #bbb;
}
/* Checker */
div.checker {
margin-right: 5px;
}
/* Radio */
div.radio {
margin-right: 3px;
}
/* Uploader */
div.uploader {
width: 190px;
cursor: pointer;
}
div.uploader span.action {
width: 85px;
text-align: center;
text-shadow: #fff 0px 1px 0px;
background-color: #fff;
font-size: 11px;
font-weight: bold;
}
div.uploader span.filename {
color: #777;
width: 82px;
border-right: solid 1px #bbb;
font-size: 11px;
}
div.uploader input {
width: 190px;
}
div.uploader.disabled span.action {
color: #aaa;
}
div.uploader.disabled span.filename {
border-color: #ddd;
color: #aaa;
}
/*
CORE FUNCTIONALITY
Not advised to edit stuff below this line
-----------------------------------------------------
*/
.selector,
.checker,
.button,
.radio,
.uploader {
display: -moz-inline-box;
display: inline-block;
vertical-align: middle;
zoom: 1;
*display: inline;
}
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
outline: 0;
}
/* Button */
div.button a,
div.button button,
div.button input {
position: absolute;
}
div.button {
cursor: pointer;
position: relative;
}
div.button span {
display: -moz-inline-box;
display: inline-block;
line-height: 1;
text-align: center;
}
/* Select */
div.selector {
position: relative;
padding-left: 10px;
overflow: hidden;
}
div.selector span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.selector select {
position: absolute;
opacity: 0;
filter: alpha(opacity:0);
height: 25px;
border: none;
background: none;
}
/* Checker */
div.checker {
position: relative;
}
div.checker span {
display: -moz-inline-box;
display: inline-block;
text-align: center;
}
div.checker input {
opacity: 0;
filter: alpha(opacity:0);
display: inline-block;
background: none;
}
/* Radio */
div.radio {
position: relative;
}
div.radio span {
display: -moz-inline-box;
display: inline-block;
text-align: center;
}
div.radio input {
opacity: 0;
filter: alpha(opacity:0);
text-align: center;
display: inline-block;
background: none;
}
/* Uploader */
div.uploader {
position: relative;
overflow: hidden;
cursor: default;
}
div.uploader span.action {
float: left;
display: inline;
padding: 2px 0px;
overflow: hidden;
cursor: pointer;
}
div.uploader span.filename {
padding: 0px 10px;
float: left;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: default;
}
div.uploader input {
opacity: 0;
filter: alpha(opacity:0);
position: absolute;
top: 0;
right: 0;
bottom: 0;
float: right;
height: 25px;
border: none;
cursor: default;
}
/* measurements */
/* colors */
/* font styles */
/* Global Declaration */
div.checker {
width: 19px;
height: 19px;
margin-right: 5px; }
div.checker input {
width: 19px;
height: 19px; }
div.checker span {
background-image: url("../img/uniform/opensite_sprite.png");
background-position: 0px -424px;
height: 19px;
width: 19px; }
div.checker span.checked {
background-position: -76px -424px; }
div.checker:active span, div.checker.active span {
background-position: -19px -424px; }
div.checker:active span.checked, div.checker.active span.checked {
background-position: -95px -424px; }
div.checker.focus span {
background-position: -38px -424px; }
div.checker.focus span.checked {
background-position: -114px -424px; }
div.checker.focus:active span, div.checker.focus.active span {
background-position: -57px -424px; }
div.checker.focus:active span.checked, div.checker.focus.active span.checked {
background-position: -133px -424px; }
div.checker:hover span {
background-position: -38px -424px; }
div.checker:hover span.checked {
background-position: -114px -424px; }
div.checker:hover:active span, div.checker:hover.active span {
background-position: -57px -424px; }
div.checker:hover:active span.checked, div.checker:hover.active span.checked {
background-position: -133px -424px; }
div.checker.disabled span {
background-position: -152px -424px; }
div.checker.disabled span.checked {
background-position: -171px -424px; }
.monetization div.selector {
background-image: url("../img/uniform/opensite_sprite.png");
background-repeat: no-repeat;
-webkit-font-smoothing: antialiased;
background-position: -477px -289px;
/*first*/
height: 51px;
position: relative;
width: 210px;
font: bold 10px helvetica, arial, sans-serif;
line-height: 51px;
color: #1a1a1a;
text-transform: uppercase;
padding-left: 16px; }
.monetization div.selector span {
background-image: url("../img/uniform/opensite_sprite.png");
background-position: right -565px;
height: 51px;
line-height: 51px;
width: 158px;
font: bold 10px helvetica, arial, sans-serif;
line-height: 51px;
color: #1a1a1a;
text-transform: uppercase;
padding: 0px 50px 0px 2px;
cursor: pointer; }
.compact .monetization div.selector span {
background-position: right -4px;
}
.monetization div.selector select {
top: 9px;
left: 12px;
min-width: 223px;
border: solid 1px #fff; }
.monetization div.selector select:hover {
cursor: pointer;
}
.monetization div.selector:hover {
opacity: 0.8;
}
.monetization div.selector:active, .monetization div.selector.active {
background-position: -477px -346px;
/*second*/ }
.monetization div.selector.focus, .compact .monetization div.selector.hover, .compact .monetization div.selector:hover {
cursor: pointer;
/*third*/ }
.monetization div.selector.focus:active, .monetization div.selector.focus.active, .monetization div.selector:hover:active, .monetization div.selector.active:hover {
background-position: -477px -460px;
/*fourth*/ }
.monetization div.selector.disabled {
background-position: -477px -517px;
/*fifth*/ }
.monetization div.selector.disabled span {
background-position: right -232px;
color: #b3b3b3; }
.monetization div.button {
display: inline-block;
background-image: url("../img/spritemap.png");
background-repeat: no-repeat;
overflow: hidden;
line-height: 100px;
background-repeat: no-repeat;
-webkit-font-smoothing: antialiased;
background-position: -21px -745px;
height: 49px;
line-height: 49px;
width: 224px;
margin-left: 16px;
margin-top: 12px; }
.monetization div.button span {
background-image: none;
-webkit-font-smoothing: antialiased;
margin-left: 0;
height: 49px;
width: 224px;
padding-top: 0;
font: bold 14px helvetica, arial, sans-serif;
line-height: 49px;
color: #FFF;
text-transform: uppercase;
padding-left: 0;
padding-right: 0; }
.monetization div.button.focus, .monetization div.button:focus, .monetization div.button:hover, .monetization div.button.hover {
background-position: -21px -745px; }
.monetization div.button.active, .monetization div.button:active {
background-position: -21px -745px; }
.monetization div.button.active span, .monetization div.button:active span {
color: #555; }
.monetization div.button.disabled, .monetization div.button:disabled {
background-position: -21px -745px;
opacity: 0.5; }
.monetization div.button.disabled span, .monetization div.button:disabled span {
color: #FFF;
cursor: default; }
html .vjs-poster:hover, html .video-js:hover { cursor: pointer !important; }
html .vjs-big-play-button {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
top: 0 !important;
left: 0 !important;
opacity: 0.01 !important; }
html.ie7 .vjs-big-play-button,
html.ie8 .vjs-big-play-button {
display: none;
}
html.ie7 .slideView #content {
padding-top: 1px;
}
#os_body .ig {
position: relative;
width: 500px;
margin: 0 auto;
}
#os_body .ig img {
float: none;
margin: 10px 0 25px;
auto;
}
#os_body .ig textarea {
width: 480px;
padding: 10px;
margin: 0 auto 20px;
}
.js-menu-toggle,
.js-filter-toggle {
display: none;
}
/* -- RWD -- */
@media(max-width: 960px) {
* {
box-sizing: border-box;
}
body > header > section,
body > header > section nav,
#container,
#home > span,
#home .faux_combobox,
.fullwidth,
#home_footer > section,
section.columns .column,
footer > section,
#monetization_widget,
#monetization_widget hgroup,
#monetization_widget .monetization,
body.slideView #container .slide_content,
.monetization_second_column,
.school_list .list_column,
.scholarship_list .list_column,
section.crosslinks .crosslink,
section#courseware_display .grid section#monetization_widget,
body.onlineschools #monetization_widget.compact {
width: 100%;
float: none;
height: auto;
position: relative;
}
/* -- Header -- */
body > header {
position: relative;
height: auto;
}
body > header.active {
position: fixed;
}
body > header > section {
margin: 0;
padding-top: 10px;
}
body > header > section h1 {
float: left;
margin: 10px 0 15px 10px;
}
body > header > section nav {
position: fixed;
top: 61px;
left: 0;
width: 100%;
height: 100%;
background: #1a1a1a;
display: none;
border-top: 1px solid #fff;
}
body > header > section nav.active {
display: block;
padding-top: 15px;
}
body > header > section nav select,
body > header > section nav > a,
body > header > section nav > a:visited,
body > header > section nav div.login {
display: block;
padding: 20px;
color: #fff;
height: auto;
font-size: 14px;
margin: 0 !important;
}
body > header > section nav .faux_dropdown {
margin-left: 0;
width: 100%;
}
body > header > section nav .faux_dropdown .target {
height: auto;
background-position: right 15px center;
}
body > header > section nav .faux_dropdown .menu,
body > header > section nav .faux_dropdown .target {
width: 100%;
font-size: 14px;
padding-left: 20px;
}
body > header > section nav a.about {
margin-left: 10px !important;
}
body > header > section nav .faux_dropdown.active .target,
body > header > section nav .faux_dropdown:active .target,
body > header > section nav .faux_dropdown:hover .target {
line-height: auto;
}
.faux_dropdown.favorites {
display: none;
}
body > header > section nav div.login {
width: 100%;
}
.js-menu-toggle {
background: none;
border: none;
background: #fff;
width: 42px;
height: 35px;
float: right;
margin: 2px 10px 14px;
font-size: 0;
padding: 0;
display: inline-block;
}
.js-menu-toggle:hover {
background: #63d9ac;
}
.js-menu-toggle:after {
content: "";
height: 7px;
background: #fff;
width: 100%;
display: block;
border-top: 7px solid #1a1a1a;
border-bottom: 7px solid #1a1a1a;
}
.js-menu-toggle:hover:after {
background: #63d9ac;
}
/* -- Home -- */
#container {
margin-top: 0;
padding: 0 10px;
}
.home #container {
padding: 0;
}
#home {
padding: 50px 10px;
font-size: 24px;
}
#home > span {
text-align: center;
}
#home .faux_combobox {
margin: 10px auto 0;
text-align: center;
display: inline-block;
width: auto;
}
#home .faux_combobox .target {
background-position: right 15px center;
}
#home_footer {
padding: 0 10px;
}
section.columns .column {
margin-bottom: 40px;
}
section.columns .column:last-child {
margin-bottom: 0;
}
/* -- Misc Pages -- */
#map_container {
display: none;
}
.states .lead {
display: none;
}
h1 {
font-size: 26px;
line-height: 30px;
}
p.large {
font-size: 18px;
line-height: 28px;
}
section.first_letter_select div.list {
margin-top: 40px;
}
section.first_letter_select div.list ul {
font-size: 13px;
}
/* -- Monetization -- */
#monetization_widget hgroup {
background: none;
margin: 0;
}
#monetization_widget hgroup p {
text-shadow: none;
}
.monetization div.selector {
width: 100%;
}
.monetization div.selector span {
width: 100%;
}
.monetization div.selector select {
width: 100%;
}
#monetization_widget fieldset {
padding-left: 40px;
}
#monetization_widget .monetization span.num {
left: 0;
}
.monetization div.button {
display: block;
margin: 10px auto 0;
}
.sponsored,
.landing .sponsored {
text-align: center;
padding: 0;
clear: both;
}
#monetization_widget .schools h3 {
text-align: center;
}
#monetization_widget .schools div {
text-align: center;
display: block;
}
#monetization_widget .schools div a {
font-size: 15px;
}
#monetization_widget footer {
display: none;
}
section.first_letter_select div.list > div {
width: 100% !important;
float: none !important;
}
section.first_letter_select div.list a {
display: block !important;
border-bottom: 1px dotted #777;
padding: 5px 0;
}
section.first_letter_select div.list a:hover {
color: #63d9ac;
}
.landing input#Subject {
width: 100%;
background-position: right 15px center;
}
section#courseware_display .grid section#monetization_widget,
body.onlineschools #monetization_widget.compact {
padding: 0 20px;
}
#monetization_widget.compact .monetization div.selector span {
width: 100%;
}
#monetization_widget.compact hgroup {
text-align: center;
display: block;
}
#monetization_widget.compact .monetization div.button {
margin: 10px auto;
}
/* -- Slides -- */
body.slideView #container {
padding: 0;
margin: 0;
}
body.slideView #container .slideable_group_vertical {
margin-top: 0;
}
.monetization_second_column {
padding: 40px 10px;
}
body.slideView #container .slideable_group_vertical > .slide > .inner .landing {
padding: 0 0 30px;
}
body.slideView #container .slideable_group_vertical > .slide > .inner .landing h1 {
color: #fff;
font-size: 32px;
height: auto;
}
#down_slide {
display: none!important;
}
body.slideView #container .slide_content {
padding: 0 10px 30px;
}
body.slideView #container .slideable_group_vertical > .slide,
body.slideView #container .slideable_group_horizontal > .inner > .slide {
display: block !important;
}
.overview_content {
opacity: 1 !important;
}
.left_slide,
.right_slide {
display: none !important;
}
.overview_content .column {
display: inline-block;
float: left !important;
width: auto !important;
margin: 20px 20px 20px 0;
}
section.columns .column p.bignumber {
font-size: 40px;
line-height: 48px;
}
.slide_counter,
.barchart_caption,
.barchart_bar {
display: none;
}
body.slideView #container .slide_content h1 {
padding-top: 25px;
font-size: 22px;
}
body.slideView #container .slide_content p {
font-size: 18px;
}
body.slideView #container .slide_content .sourcesicon {
top: 30px;
}
body.slideView #container .slide_content svg {
display: none;
}
body.slideView #container .slide_content .visuallyhidden {
display: block;
clip: auto;
height: auto;
position: relative;
width: auto;
margin: 0;
}
.visuallyhidden h2 {
display: none;
}
.visuallyhidden ul {
font-size: 15px;
list-style: disc;
margin: 0 0 0 20px;
}
.visuallyhidden li {
margin-bottom: 8px;
}
.chart.line {
margin: 0;
}
body.slideView #container .slideable_group_vertical > .slide > .inner .banner.google_map.tall {
display: none;
}
.school_list hgroup,
.scholarship_list hgroup {
height: auto;
padding: 20px 0;
}
.school_list hgroup h1,
.scholarship_list hgroup h1 {
padding-top: 0 !important;
line-height: 28px;
}
body.slideView #container .slide_content p.pagerange {
font-size: 14px;
}
.js-filter-toggle {
display: block;
background: none;
border: 1px solid #63d9ac;
border-radius: 3px;
padding: 15px 0;
width: 100%;
text-align: center;
margin-bottom: 40px;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #63d9ac;
display: none;
}
.filter_column {
display: none;
}
.filter_column.active {
display: block;
width: 100%;
margin: 0 0 40px 0;
}
.school_list .visuallyhidden {
display: none !important;
}
section.accordion section {
position: relative;
}
section.accordion section h3 {
padding-right: 50px;
}
section.accordion section h3 span.control {
position: absolute;
right: 5px;
}
section.accordion section h3 span.favorite {
position: absolute;
right: 30px;
}
.pagination li {
margin: 0 3px;
}
.pagination li:first-child {
margin-left: 0;
}
.pagination li:last-child {
margin-right: 0;
}
.accredited .crosslink .more_info_button {
position: relative;
}
section.crosslinks .crosslink {
height: auto !important;
padding: 20px 0 0;
margin-bottom: 20px;
}
.video_wrapper {
display: none;
}
body.slideView #container .slideable_group_horizontal > .inner > .slide .profession_selector .selector_inner .faux_dropdown {
display: none;
}
body.slideView #container .slideable_group_horizontal > .inner > .slide .profession_selector {
position: relative;
padding-left: 10px;
}
body.slideView #container .slideable_group_horizontal > .inner > .slide .profession_selector .selector_inner h1 {
padding-top: 10px;
}
body.slideView #container .slide_content .selectable_chart h1 {
font-size: 16px;
margin-bottom: 0;
}
.chart.bar {
margin-top: 20px;
}
/* -- Online Schools -- */
div.lightbox {
height: 90%;
width: 90%;
left: 5%;
top: 5%;
margin: 0 !important;
max-height: none;
padding: 10px 15px;
}
div.lightbox p.close {
right: 15px;
}
div.lightbox h2 {
font-size: 16px;
}
div.lightbox section.accordion section h3 {
padding-right: 30px;
font-size: 14px;
line-height: 19px;
}
div.lightbox .tinyscroll {
width: 100%;
}
div.lightbox .tinyscroll .scrollbar {
right: -10px;
}
.tinyscroll .viewport {
width: 100%;
height: 300px;
}
.tinyscroll .overview {
padding-right: 20px;
}
div.lightbox section.accordion section h3 span.control {
top: 22px;
}
/* -- Open Courseware -- */
section#courseware_display .menu ul.view li {
float: left;
padding: 4px 11px;
}
section#courseware_display .menu ul {
float: none;
width: 100%;
}
section#courseware_display .lightnoise {
display: none;
}
section#courseware_display .grid section {
margin: 10px 0;
float: none;
width: 100%;
height: auto;
padding-bottom: 10px;
}
section#courseware_display .grid section.first {
margin: 0;
}
section#courseware_display .grid section .institution,
section#courseware_display section.wiki section .institution {
width: 100%;
}
/* -- Footer -- */
footer > section {
margin: 40px 0 20px;
}
body.slideView #container .slide_content p.copyright,
body.slideView #container .slide_content p.links {
font-size: 12px;
}
footer > section p,
footer > section p.links {
float: none;
text-align: center;
font-weight: normal;
margin-bottom: 5px;
}
}