tags
and "class" attributes
----------------------------------------------*/
/* (3) elements used on sub-pages */
/*#side-nav{
display:inline;
float:left;
margin:-1px 10px 0 10px;
width:198px;
}*/
#right-sidebar{
display:inline;
float:right;
border:14px solid #f5f5f5;
padding:10px;
margin:23px 10px 0 10px;
width:162px;
}
#right-sidebar h3{
margin-top:24px;
}
#right-sidebar h3:first-child{
margin-top:10px;
}
#right-sidebar h4{
margin-top:24px;
}
#right-sidebar h4:first-child{
margin-top:10px;
}
#right-sidebar h5{
margin-top:24px;
}
#right-sidebar h5:first-child{
margin-top:10px;
}
#main-content{
display:inline;
float:left;
margin:17px 10px 0 18px;
width:50%;
}
#main-content p{
line-height:1.5;
}
/*---------------------------------------------
Variations on main content width based
upon presence of left and right sidebar(s)
----------------------------------------------*/
#main-content.left-sidebar-only{
width:65%;
}
#main-content.right-sidebar-only{
margin-left:150px;
}
#main-content.no-sidebars{
width:65%;
margin-left:150px;
}
/*---------------------------------------------
In-page videos such as those found
in the 'Video Testimonials' section
are contained inside this box
----------------------------------------------*/
.video-container{
width:442px;
margin:24px 0;
padding:10px;
background-color:#f5f5f5;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.video-container iframe{
margin:0;
padding:0;
border:0;
}
.video-container h4{
width:95%;
margin:1em 0 .5em .5em;
padding:0;
font-weight:bold;
}
.video-container p{
width:95%;
margin:0 0 .75em .5em;
padding:0;
}
/* alt version of the .video-container el */
.video-placeholder{
background-color:#000;
display:block;
width:441px;
height:251px;
cursor:pointer;
}
.video-placeholder a img{
border:none;
}
/*---------------------------------------------
These boxes are used to highlight
specific content, generally they
contain a figure/caption and copy.
Examples are found in the 'Features'
section.
----------------------------------------------*/
.feature{
margin:0;
padding:10px;
background-color:#f5f5f5;
clear:both;
border-bottomright-radius:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottomleft-radius:4px;
-moz-border-radius-bottomleft:4px;
-webkit-border-bottom-left-radius:4px;
}
.feature:after{
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.feature-head{
padding:6px;
margin-bottom:0;
clear:both;
border-topright-radius:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
border-topleft-radius:4px;
-moz-border-radius-topleft:4px;
-webkit-border-top-left-radius:4px;
}
.feature + .feature-head{
margin-top:36px;
}
.js .figure-callout{
visibility:hidden;
}
.figure-callout{
font-size:0.95em;
display:inline-block;
padding:12px;
background-color:#f5f5f5;
margin:1.5em 0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.figure-callout:after{
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.figure-callout p{
font-size:0.75em;
margin:0.5em auto!important;
color:#666;
}
/*---------------------------------------------
Pointer elements are rendered with an
arrow graphic (sprite) used to indicate
the current status of sub-content related
to the pointer (toggle switch). An example
of user would be the 'Ordering information'
elements on the 'Books Available' screen.
----------------------------------------------*/
.pointer:link,
.pointer:visited{
color:#333;
background:url(../images/global/pointer-closed.gif) no-repeat scroll 6px center #f5f5f5;
cursor:pointer;
padding:6px 6px 6px 16px;
font-size:11px;
display:block;
width:140px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.pointer:hover,
.pointer:active,
.pointer:focus{
background-color:#ddd;
text-decoration:none;
color:#333!important;
/* must be set to !important
to nullify effect of alternate
(colors) stylesheets which have
to be served after this file. */
}
.pointer-open{
background:url(../images/global/pointer-open.gif) no-repeat scroll 6px center #ededed;
}
/*---------------------------------------------
Mimics table alignment using
an unordered list element.
Used on the 'Books Available'
screen to rendering the order
info data.
----------------------------------------------*/
.table,
.table-narrow{
width:400px;
margin:1.125em 0;
padding:0;
font-size:11px;
}
.table-narrow{
width:280px;
}
.table li,
.table-narrow li{
margin:0;
padding:0;
border:0;
}
.table li:first-child,
.table-narrow li:first-child{
padding:6px;
}
.table li.not-linked,
.table-narrow li.not-linked{
padding:6px;
border-bottom:1px solid #ddd;
}
.table li.not-linked em,
.table-narrow li.not-linked em{
color:#444;
}
.table li a,
.table-narrow li a{
display:block;
padding:4px 6px;
border-bottom:1px solid #ddd;
overflow:hidden;
color:#444;
}
.table li.last a,
.table-narrow li.last a{
border:none;
}
.table a:hover,
.table-narrow a:hover{
background:#f7f7f7;
text-decoration:none;
}
.table li em,
.table-narrow li em{
float:right;
margin:0 0 0 5px;
font-style:normal;
color:#36c;
}
.js .table,
.js .table-narrow{
display:none;
}
/*---------------------------------------------
Profile listings
Generally used for the 'Meet our Faculty
Advisors' screens
----------------------------------------------*/
img.frame{
/*
RWP: removed height and width declarations
*/
padding:6px;
background-color:#fff;
border:1px solid #585858;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:2px 2px 2px rgba(89,89,89,.7);
-webkit-box-shadow:2px 2px 2px rgba(89,89,89,.7);
-moz-box-shadow:2px 2px 2px rgba(89,89,89,.7);
position:relative;
z-index:10;
}
.profiles{
margin-top:24px;
}
.profiles img.frame{
float:left;
margin:0 16px 6px 0;
}
.profiles > li:first-child{
padding-top:0;
}
.profiles > li > dl{
}
.profiles > li > dl > dt{
font-size:1.15em;
font-weight:bold;
}
.profiles dt > a:link,
.profiles dt > a:visited{
text-decoration:none;
}
.profiles dt > a:hover,
.profiles dt > a:active{
text-decoration:underline;
}
.profiles > li > dl > dd{
margin:0 0 8px 0;
}
/*
RWP: added 18-July-2011
Notes: Add a bit of top
margin before the first
biographical content
definition in 'profiles'
(Meet our Faculty Advisors)
*/
.profiles > li > dl > dd.aff{
margin-bottom:2em;
}
/*---------------------------------------------
Pearson branding strap
----------------------------------------------*/
.color-strap{
height:44px;
line-height:44px;
background-color:#364395;/* needed for IE7? */
color:#fff;
padding:0;
margin:1em 0 0 0;
display:block;
clear:both;
}
.color-strap #pearson-logo{
height:44px;
width:114px;
background:url(../images/logos/pearson-logo.png) no-repeat 0 0 transparent;
margin-right:16px;
margin-left:24px;
float:right;
}
.color-strap #always-learning{
height:44px;
width:138px;
background:url(../images/logos/always-learning.png) no-repeat 0 0 transparent;
margin-left:16px;
margin-right:24px;
float:left;
}
/*---------------------------------------------
Product branding strap (ex: 'MyMathLab')
----------------------------------------------*/
.product-strap{
min-width:710px;
height:54px;
line-height:54px;
background-color:#eee;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fafafa));
background:-moz-linear-gradient(top, #eee 0%, #fafafa 100%);
border-bottom:1px solid #fff;
padding-bottom:0px;
margin:0 auto;
}
/* product logo */
.product-logo{
clear:none;
padding:0;
margin:6px 0 0px 14px;
float:left;
}
.product-logo img{
border:none;
line-height:54px;
}
/*---------------------------------------------
Global navigation (full-size/standard)
----------------------------------------------*/
#global-menubar{
clear:both;
min-width: 710px;
white-space: nowrap;
height:33px;
position:relative;
padding:0;
background:url(../images/global/global-nav-bg.png) repeat-x 0 0 transparent;
box-shadow:0 2px 2px rgba(89,89,89,.5);
-webkit-box-shadow:0 2px 2px rgba(89,89,89,.5);
-moz-box-shadow:0 2px 2px rgba(89,89,89,.5);
border-top:1px solid #ddd;
margin:0;
}
.global-nav{
/*width:85%;*/
margin:0 auto;
height:33px;
position:relative;
padding:0;
z-index:999;
float:left;
}
.global-nav > li{
background:url(../images/global/global-nav-bg.png) repeat-x 0 0 transparent;
white-space:nowrap;
min-height:33px;
position:relative;
margin:0;
float:left;
/*border-left:1px solid #ccc;*/
}
.global-nav > li:first-child{
border-left:none;
}
.global-nav > li.contains-helper{
/*border-left:1px dotted #ddd;*/
}
.global-nav > li > a:link,
.global-nav > li > a:visited{
text-decoration:none;
display:inline-block;
line-height:33px;
padding:0 8px;
white-space:nowrap;
color:#333!important;
/* must be set to !important
to nullify effect of alternate
(colors) stylesheets which have
to be served after this file. */
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-webkit-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
}
.global-nav > li > a:hover,
.global-nav > li > a:focus{
background-color:#d2d2d2;
color:#333;
}
.global-nav > li > a.has-helper{
padding-right:4px;
}
.global-nav > li > a.helper{
font-size:150%;
font-weight:bold;
color:#666!important;
padding:0 3px;
}
.global-nav > li > a.menu-open{
background-color:#888;
/*-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
text-shadow:1px 1px 1px rgba(255, 255, 255, 0.5);*/
color:#fff!important;
}
.global-nav > li:first-child > a:link,
.global-nav > li:first-child > a:visited,
.global-nav > li:first-child > a:hover,
.global-nav > li:first-child > a:active,
.global-nav > li:first-child > a:focus{
padding-left:15px;
}
.global-nav > li > a.disabled:link,
.global-nav > li > a.disabled:visited,
.global-nav > li > a.disabled:hover,
.global-nav > li > a.disabled:active,
.global-nav > li > a.disabled:focus{
background-color:transparent!important;
color:#aaa!important;
cursor:default;
}
.submenu-container{
background-color:#888;
}
.submenu{
padding:0.75em;
height:2em;
line-height:2em;
display:none;
margin-left:0.5em;
}
.submenu li{
float:left;
display:inline-block;
/*padding:0 0.5em;*/
margin-left:1.25em;
/*border-left:1px solid #ababab;*/
}
.submenu li:first-child{
border-left:none;
margin-left:0;
}
.submenu li a{
line-height:2em;
font-size:95%;
font-weight:bold;
color:#fff!important;/*ovr*/
}
/*---------------------------------------------
We're not using drop menus
now, but this is how we'll
render them if the decision
changes. Based on McCann's
PE HED styles.
----------------------------------------------*/
.sub-menu{
width:25em;
position:absolute;
display:none;
background:url(../images/gloabl/menu-bg-grey.png) repeat 0 0 scroll transparent;
border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
padding:11px;
margin:0;
}
.sub-menu > li{
padding:0 11px;
line-height:29px;
float:none;
margin:0;
}
.sub-menu > li > a:link,
.sub-menu > li > a:visited{
display:block;
text-decoration:none;
font-size:11px;
line-height:1.25;
color:#444;
white-space:normal;
border-bottom:1px solid #999;
padding:8px 6px;
}
.sub-menu > li > a:hover{
background-color:#dfdfdf;
text-decoration:none;
color:#333;
}
/*---------------------------------------------
Query term (quick search in global nav)
----------------------------------------------*/
#search{
width:234px;
height:22px;
line-height:22px;
white-space:nowrap;
padding:0;
margin:19px 14px 0 0;
float:right;
}
#query_term{
width:206px;
height:22px;
font:normal 0.6875em/22px Verdana, Arial, Helvetica, sans-serif;
color:#818181;
background-color:#fff;
vertical-align:middle;
border:none;
outline:none;
padding:0 2px 0 4px;
margin:0;
float:left;
border-topleft-radius:3px;
-moz-border-radius-topleft:3px;
-webkit-border-top-left-radius:3px;
border-bottomleft-radius:3px;
-moz-border-radius-bottomleft:3px;
-webkit-border-bottom-left-radius:3px;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-webkit-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
}
#query_term:hover,
#query_term:focus{
color:#333;
}
#query_submit{
width:22px;
height:22px;
line-height:22px;
background:url(../images/global/search-submit.png) no-repeat 0 0 scroll #fff;
vertical-align:middle;
cursor:pointer;
border:none;
overflow:hidden;
padding:0;
margin:0;
float:left;
border-topright-radius:3px;
-moz-border-radius-topright:3px;
-webkit-border-top-right-radius:3px;
border-bottomright-radius:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-bottom-right-radius:3px;
}
#query_submit:hover,
#query_submit:focus{
background:url(../images/global/search-submit-hover.png) no-repeat 0 0 scroll #fff;
}
/*---------------------------------------------
Sign-in | Register
----------------------------------------------*/
#sign-in-register-box{
background-color:#f2f2f2;
height:260px;
margin-bottom:10px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
display:inline;
float:left;
margin:0 10px 10px 10px;
width:222px;
}
#sign-in-register-box h2{
margin:0.5em 0 0 0.75em;
}
#sign-in-register-box p{
font-size:0.6875em;
line-height:1.2;
text-align:left;/*center;*/
margin:6px 0 6px 1.25em;/*6px 0 9px 12px;*/
}
#sign-in-register-box p.international{
margin-top:0;
margin-bottom:6px;
padding-top:0;
padding-bottom:0;
}
#sign-in-register-box a#student,
#sign-in-register-box a#instructor{
width:68px;
float:left;
}
#sign-in-register-box a#student{
margin:0 6px 0 26px;
}
#signIn-register{
padding:0;
margin:5px 14px 0 0;
}
#signIn-register > li{
margin-left:6px;
float:left;
}
#signIn-register > li,
#signIn-register > li > a{
padding:0;
margin:0;
}
#signIn-register > li > a:link{
padding:0 4px;
}
#sign-in-register-box input[type=text],
#sign-in-register-box input[type=password]{
display:block;
width:180px;
margin:0 0 0.5em 1em;
}
#sign-in-register-box input[type=submit]{
width:190px;
margin:0.5em 0 0.5em 1em;
}
#sign-in-register-box label{
margin-left:1em;
}
/*---------------------------------------------
Announcements (optional)
----------------------------------------------*/
.announcement{
background-color:#ff9;
height:2em;
padding:.35em 1.25em 1.25em 1.25em;
margin:0 10px 1.5em 10px;
border:2px solid #f90;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.announcement.notice_banner{
height: auto;
padding: 1.2em;
float: left;
}
.announcement.notice_banner img.announcement-icon{
float: left;
}
.announcement.notice_banner .notice_content{
margin:0px;
line-height:1.4em;
font-size:14px;
}
.announcement.notice_banner .notice_content.warning {
font-size:12px;
}
.announcement.notice_banner .notice_content.withWidth{
float: left;
width: calc(100% - 48px);
}
.announcement.notice_banner.blue_bg{
background-color: #B0C4DE;
border: 1px solid #0033AC;
}
.announcement h1{
font-size:1.1em; /*20px*/
font:bold;
margin:4px 0 0 0;
}
.announcement-icon{
float:left;
display:block;
clear:none;
margin:4px .6em 0 0;
padding:0;
border:none;
}
.announcement_reg{
background-color:#ff9;
height:2em;
padding:.35em 1.25em 1.25em 1.0em;
margin:0 10px 1.5em 10px;
width:500px;
border:2px solid #f90;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.announcement_reg h1{
font-size:0.8em; /*20px*/
font:bold;
margin:6px 0 0 0;
}
/*---------------------------------------------
Footer
----------------------------------------------*/
#footer{
margin:0;
padding:0.5em 1em;
/*background-color:#eee;*/
}
#footer p{
font-size:0.6875em; /*11px*/
line-height:1.5;
text-align:center;
}
/*---------------------------------------------
Slideshow (home page)
----------------------------------------------*/
.slideshow-outer-wrap{
display:inline;
float:left;
width:698px;
height:260px;
overflow:hidden;
margin:0 10px 10px 10px;
position:relative;
}
#slideshow-container > .panel{
width:698px;
height:260px;
overflow:hidden;
position:relative;
z-index:100;
}
/* control elements for the slideshow */
.control-wrap{
position:absolute;
right:12px;
bottom:12px;
z-index:999;
}
.control-wrap > a:link,
.control-wrap > a:visited{
background-color:#fff;
width:19px;
height:19px;
line-height:19px;
font-size:1em;
font-weight:bold;
color:#5b5b5b;
float:left;
margin:0 1px;
opacity:0.65;
display:block;
text-align:center;
text-decoration:none;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-webkit-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
}
.control-wrap > a:hover,
.control-wrap > a:active,
.control-wrap > a:focus{
opacity:1.0;
text-decoration:none;
}
#slideshow-controls{
float:left;
display:inline;
}
#slideshow-controls > a:link,
#slideshow-controls > a:visited{
background-color:#fff;
width:19px;
height:19px;
line-height:19px;
font-size:12px;
color:#5b5b5b;
float:left;
margin:0 1px;
opacity:0.65;
display:block;
text-align:center;
text-decoration:none;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-webkit-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
}
#slideshow-controls > a:hover,
#slideshow-controls > a:active,
#slideshow-controls > a.activeSlide,
#slideshow-controls > a:focus,
#slideshow-controls > a.activeSlide:focus{
opacity:1.0;
color:#444;
text-decoration:none;
font-weight:bold;
}
/* the 'pause' and 'resume' links */
#pause,
#resume{
font-size:11px;
font-weight:normal;
width:auto;
width:4em;
}
/* Use this as a container to overlay your text, buttons, etc. */
.panel-overlay{
position:absolute;
top:20px;
z-index:999;
width:40%;
}
/* Align your overlay container on top of the right side of your carousel ad */
.right-align{
right:20px;
}
/* Align your overlay container on top of the left side of your carousel ad */
.left-align{
left:20px;
}
/* If you need your overlay to be more narrow than the default, use the 'skinny' class */
.skinny{
width:30%;
}
/*---------------------------------------------
Typography rules for slideshow
panel overlays
----------------------------------------------*/
.panel-overlay h3{
font-weight:normal;
font-size:2em;
line-height:1.15;
letter-spacing:-1px;
word-spacing:-1px;
margin-top:0;
margin-bottom:10px;
}
.panel-overlay h4{
font-weight:normal;
font-size:1.5em;
line-height:1.1;
letter-spacing:normal;
margin-top:0;
margin-bottom:10px;
}
.panel-overlay p{
line-height:1.35;
margin-bottom:1.5em;
}
.panel-overlay p.larger{
font-size:0.875em;
}
.panel-overlay cite{
font-size:0.8125em;
font-weight:bold;
font-style:normal;
line-height:1.5;
padding:0;
display:block;
margin-bottom:0.5em;
}
/* Light-colored text for dark background panel */
.light-text,
a.light-text:link,
a.light-text:visited,
a.light-text:hover,
a.light-text:active{
color:#fff;
}
/* Dark-colred text for dark background panel */
.dark-text,
a.dark-text:link,
a.dark-text:visited,
a.dark-text:hover,
a.dark-text:active{
color:#333!important;
/* must be set to !important
to nullify effect of alternate
(colors) stylesheets which have
to be served after this file. */
}
/*---------------------------------------------
Link-box (students/educators) +
advertising box(ed) elements
----------------------------------------------*/
.link-box{
border:14px solid #f5f5f5;
padding:0;
height:140px;
width:192px;
overflow:hidden;
float:left;
display:inline;
margin-right:10px;
margin-left:10px;
}
.ad-box-container{
/*height:140px;*/
width:432px;
float:left;
display:block;
clear:none;
margin:0 10px;
background-color:#f5f5f5;
padding:0 14px;
/*overflow:hidden;*/
font-size:1.35em;
}
.ad-box-container ul{
/*height:140px;*/
width:432px;
margin:0 auto 0 auto;
}
.ad-box-container li{
position:relative;
font-size:0.6875em;
background-color:#fff;
padding:1em;
margin:14px 0;
}
.ad-box-container:after{
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.link-box h2{
font-size:0.975em;/* prev = 0.935em */
line-height:1.4;
font-weight:bold;
letter-spacing:normal;
padding:0;
}
.link-box h1,
.link-box h2,
.link-box h3,
.link-box h4{
margin:0.75em 0.875em 0 0.75em;
}
.ad-box-container h1,
.ad-box-container h2,
.ad-box-container h3,
.ad-box-container h4{
margin:0;
}
.ad-box-container h2 + h3{
margin-top:0.15em;
margin-bottom:0.5em;
}
.link-box h4{
font-size:0.875em;
}
.ad-box-container p{
margin-top:4px;
line-height:1.5;
}
.ad-box-container p.smaller{
font-size:0.6875em;
}
.link-box ul{
margin:2px 10px 10px 30px;
}
.link-box ul li{
list-style-type:disc;
font-size:0.875em;
line-height:1.35;
padding:3px 0;
}
.ad-box-container .text-on-left{
margin-left:1em;
width:45%;
display:block;
float:left;
}
.ad-box-container .img-on-left,
.ad-box-container .img-on-right{
display:block;
width:100%;
float:left;
}
.ad-box-container .img-on-right{
padding-left:14px;
}
.ad-box-container .img-on-left img{
float:left;
margin-right:0.75em;
}
.ad-box-container .img-on-right img{
float:right;
margin-left:0.75em;
}
/*--------------------------------------------------
BEGIN
Legacy CSS:
Used for home page ad-boxes
---------------------------------------------------*/
.bucket-border{
border:14px solid #f5f5f5;
font-size: 11px;
padding:0;
}
.bucket-border h2{
font-size:0.975em;
line-height:1.4;
font-weight:bold;
letter-spacing:normal;
padding:0;
}
.bucket-border h1,
.bucket-border h2,
.bucket-border h3,
.bucket-border h4{
margin:10px 0 6px 14px;
}
.bucket-border h4{
font-size:0.875em;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.bucket-border form{
font-size: 1em;
}
.bucket-border input{
margin:0;
padding:0;
border: 1px solid silver;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
.bucket-border input[type=submit]{
padding:3px;
}
.bucket-border ol{
list-style: decimal;
font-size: 1em;
}
.bucket-border ol li{
margin-left: 25px;
padding-left: 0px;
line-height:1.5;
color:#444;
width:auto;
height:auto;
border:none;
font-size: 1em;
}
.bucket-border ol p{
}
.default-box{
/*height:140px;*/
width:192px;
/*overflow:hidden;*/
float:left;
display:inline;
margin-right:10px;
margin-left:10px;
}
.double-box{
width:432px;
}
.default-box ul{
margin:4px 10px 10px 30px;
}
.default-box ul li{
list-style-type:disc;
font-size:0.875em;
line-height:1.35;
padding:3px 0;
}
.ad-box{
/*height:140px;*/
/*width:432px;
float:left;
display:inline;*/
padding:0.5em 0;
font-size:70%;
background-color:#fff;
}
.ad-box h1{
font-size:0.975em;
line-height:1.4;
font-weight:bold;
letter-spacing:normal;
padding:0;
margin-top:10px;
margin-bottom:6px;
}
.ad-box h4{
font-size:0.875em;
margin-top:12px;
margin-bottom:9px;
margin-right:10px;
line-height:1.4;
float:none;
}
.ad-box p{
margin-top:6px;
margin-right:10px;
margin-bottom:8px;
float:none;
}
.ad-box p.smaller{
font-size:0.6875em;
}
.ad-box cite{
margin:0;
padding:0;
font-size:11px;
font-style:normal;
float:none;
}
.ad-box a{
font-size:11px;
float:none;
}
.ad-box a.arrow:link,
.ad-box a.arrow:visited{
font-weight:bold;
padding:4px 21px 4px 0;
width:90%;
background:url(../images/global/arrow-in-circle-dark.png) no-repeat right center scroll transparent;
}
.ad-box a.arrow:hover,
.ad-box a.arrow:active{
text-decoration:underline;
border:none;
}
.ad-box > .box-140{
width:140px;
height:140px;
overflow:hidden;
float:left;
}
.box-140 > img.snapshot{
display:block;
margin-right:auto;
margin-left:auto;
float:none;
}
.ad-box > img.full-height{
float:left;
}
.box-140,
.ad-box > img.full-height{
margin-right:12px;
}
/*--------------------------------------------------
END
Legacy CSS:
Used for home page ad-boxes
---------------------------------------------------*/
/*---------------------------------------------
Figure + caption
----------------------------------------------*/
.feature{
padding-bottom:24px;
}
.feature p{
font-size:0.75em;
margin:12px 12px 0 12px;
}
.figure{
display:inline;
padding:6px;
position:relative;
margin:10px 18px 0 12px;
/*
RWP
Notes: match 'Showcase'
project fix; removed
script / add width
*/
width:219px;
}
.figure img{ /* per LL 17-Jun-2011: make std width, use same img for thumb and zoomed */
width:219px;
}
.figure p{ /*caption*/
font-size:0.6875em;
line-height:1.2;
width:85%;
margin:6px;
}
a.zoom{
display:block;
text-decoration:none;
}
a.zoom span{
font-size:0.75em;
color:#fff;
display:block;
cursor:pointer;
position:absolute;
top:6px;
right:4px;
height:20px;
padding:4px 8px 4px 24px;
background:url(../images/global/zoom.png) no-repeat 8px center scroll #444;
opacity:0.75;
border-topright-radius:3px;
-moz-border-radius-topright:3px;
-webkit-border-top-right-radius:3px;
border-bottomleft-radius:3px;
-moz-border-radius-bottomleft:3px;
-webkit-border-bottom-left-radius:3px;
/*
RWP
18-July-2011
Notes: added z-index
*/
z-index:999;
}
a.zoom img{
border:1px solid #585858;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:2px 2px 2px rgba(89,89,89,.7);
-webkit-box-shadow:2px 2px 2px rgba(89,89,89,.7);
-moz-box-shadow:2px 2px 2px rgba(89,89,89,.7);
cursor:pointer;
-moz-transition:all 0.1s ease-in;
-o-transition:all 0.1s ease-in;
-webkit-transition:all 0.1s ease-in;
-ms-transition:all 0.1s ease-in;
transition:all 0.1s ease-in;
}
a.zoom:hover img,
a.zoom:focus img{
box-shadow:4px 4px 4px rgba(89,89,89,.6);
-webkit-box-shadow:4px 4px 4px rgba(89,89,89,.6);
-moz-box-shadow:4px 4px 4px rgba(89,89,89,.6);
}
/*---------------------------------------------
FAQs
----------------------------------------------*/
dl.faq{
margin:12px 0;
width:90%;
}
dl.faq > dt{
margin:0 0 0.5em 0;
}
dl.faq > dt > a:link,
dl.faq > dt > a:visited{
display:block;
font-size:0.85em;
font-weight:bold;
line-height:1.2;
cursor:pointer;
text-decoration:none;
/*background:url(../images/global/plus.png) no-repeat 4px 7px scroll transparent;*/
padding:4px;
border-bottom:1px solid #fff;
color:#333!important;
/* must be set to !important
to nullify effect of alternate
(colors) stylesheets which have
to be served after this file. */
-moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in;
-webkit-transition:all 0.2s ease-in;
-ms-transition:all 0.2s ease-in;
transition:all 0.2s ease-in;
}
dl.faq > dt > a:hover,
dl.faq > dt > a:active,
dl.faw > dt > a:focus{
text-decoration:none;
background-color:#f5f5f5;
}
dl.faq > dt > a.faq-open{
/*background:url(../images/global/minus.png) no-repeat 4px 7px scroll #f5f5f5;*/
border-bottom:1px solid #ccc;
}
dl.faq > dd{
font-size:0.75em;
margin-left:22px;
margin-bottom:2.5em;
}
dl.faq > dd > h4,
dl.faq > dd > p,
dl.faq > dd > ul,
dl.faq > dd > ol{
font-size:1em;
margin-top:0;
}
dl.faq > dd > p{
line-height:1.65;
}
dl.faq > dd > ul,
dl.faq > dd > ol{
margin-left:1.5em;
}
dl.faq > dd > ul > li,
dl.faq > dd > ol > li{
line-height:1.45;
margin:0.75em 0;
list-style-type:disc;
}
.faq-expand,
.faq-collapse{
width:13px;
height:13px;
vertical-align:middle;
margin-right:6px;
margin-bottom:2px;
line-height:1.2;
}
/*---------------------------------------------
Registration wizard
----------------------------------------------*/
.registration-sidebar{
display:inline;
float:left;
width:190px;
margin:0 10px;
}
.registration-sidebar h4{
margin:12px 0 0 12px;
}
.registration-sidebar p{
margin:12px 0 12px 12px;
width:75%;
font-size:11px;
}
#wizard{
display:inline;
float:left;
margin-right:10px;
margin-left:36px;
width:800px;
}
/* RWP
18-August-2011
Tired of the slow jQuery for hiding these on initial load
Added the 'display:none' to hide via CSS instead
*/
#registration-form > fieldset{
padding-top:10px;
margin-top:10px;
width:700px;
display:none;
}
/* RWP
18-August-2011
We're hiding the fieldsets for the Registration Wizard
screens using CSS now, but we need to show the first
fieldset upon initial view
*/
#registration-form > fieldset:first-child{
display:block;
}
/* RWP
18-August-2011
No need to see this content flash upon initial view
Let's hide with CSS instead
*/
#registration-form > fieldset.selectCourseID li.enterCourseID{
display:none;
}
#registration-form > fieldset > legend{
margin:0;
padding:0;
font-size:0.9375;
font-weight:bold;
display:block;
}
#registration-form > fieldset > p{
padding:0 0 5px 0;
margin-bottom:5px;
max-width:700px;
}
#registration-form > fieldset p.note,
.note{
font-size:11px;/*0.9166666em;*/
color:#585858;
margin-top:3px;
padding:0;
}
#registration-form > fieldset > p#book-chosen{
max-width:700px;
}
#gallery-view-controls-container{
max-width:600px;
}
#registration-form > fieldset > ul{
padding-top:5px;
}
#registration-form > fieldset li.indent{
padding-left:16px;
}
#registration-form button,
#registration-form a.button{
font-size:12px;
float:left;
margin-right:6px;
/*padding:2px 6px;*/
height:auto;
line-height:1.75em;
}
#registration-form button > strong,
#registration-form a.button > strong{
font-size:14px;
}
/*courseID check button*/
#registration-form button#courseID-validator{
float:none;
margin-top:-3px;
margin-left:5px;
}
#registration-form button.invalid-ID,
#registration-form button.invalid-ID:hover,
#registration-form button.invalid-ID:focus{
width:17px;
height:16px;
background:url(../images/global/error.png) no-repeat center center scroll transparent;
background-color:transparent;
border:none;
text-indent:-9999px;
}
#registration-form button.valid-ID,
#registration-form button.valid-ID:hover,
#registration-form button.valid-ID:focus{
width:20px;
height:15px;
background:url(../images/global/success.png) no-repeat center center scroll transparent;
background-color:transparent;
border:none;
text-indent:-9999px;
}
#registration-form #courseID{
width:300px;
margin:0;
display:inline-block;
}
/* RWP
18-August-2011
Tired of the slow jQuery for hiding these on initial load
*/
/* Previous / Next buttons */
#registration-form #previous-screen,
#registration-form #next-screen{
display:none;
}
/* special case for MyEconLab */
.author-title img{
margin-top:18px;
float:left;
width:118px;
border:1px solid #585858;
}
.author-title ul{
margin:18px 0 18px 136px;
}
.author-title label{
display:block;
}
.author-title select{
width:340px;
margin-top:5px;
}
/*---------------------------------------------
Form elements
----------------------------------------------*/
.form-standard input,
.form-standard select,
.form-standard textarea,
input[type=text],
input[type=password]{
font:normal 11px/1 Verdana, sans-serif;
color:#666;
border:2px solid #ccc;
background-color:#f9f9f9;
padding:4px 4px 5px 4px;
width:60%;
-webkit-border-radius:3px;
border-radius:3px;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
}
.form-standard input:focus,
.form-standard textarea:focus,
.form-standard select:focus,
input[type=text]:focus,
input[type=password]:focus{
border:2px solid #585858;
background-color:#fff;
color:#000;
}
.form-standard input.button{
width:auto;
}
.form-standard textarea{
line-height:1.5;
}
.form-standard label{
/*font-size:0.75em;
font-weight:bold;*/
display:inline-block;
padding:0;
margin:0;
cursor:pointer;
}
label > .tip{
font-weight:normal;
color:#c30;
display:none;
padding:0;
margin:0;
}
.form-stacked label{
/*padding:1.5em 0 0.5em 0;*/
}
.form-stacked input,
.form-stacked textarea,
.form-stacked select{
display:block;
margin:0.5em 0 1em 0;
clear:both;
}
.dropdown{
font:normal 100%/1em Verdana, Arial, Helvetica, sans-serif;
border:1px solid #ccc;
padding:2px;
}
.input-text{
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-webkit-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
font-size:12px;
line-height:12px;
padding:3px;
border:1px solid #ccc;
}
.input-text:focus,
.dropdown:focus{
border:1px solid #585858;
}
input.radio,
input[type=radio]{
border:none;
background-color:transparent;
vertical-align:middle;
padding:0;
margin-right:4px;
width:auto;
}
label{
font-size:12px;
vertical-align:middle;
cursor:pointer;
}
label:focus{
font-weight:bold;
}
input[type="radio"]:checked+label{
font-weight:bold;
}
.form-standard input.error,
.form-standard select.error,
.form-standard textarea.error,
.validity-erroneous,
.error,
.error:focus{
border:2px solid #fc0!important;
background-color:#ff9!important;
}
.success,
.success:focus{
background-color:#9f6;
border:1px solid #0f0;
}
.error-msg{
width:75%;
padding:6px;
border-top:6px solid #fc0;
border-bottom:6px solid #fc0;
background-color:#ff9;
}
/*---------------------------------------------
Product Carousel
Displays the book cover, author, and title
on the 'Select your book' screen of the
MyLab Registration process
----------------------------------------------*/
/* this wraps the product carousel items
and renders the light grey gradient bg
*/
.product-carousel-container{
margin:0;
white-space:nowrap;
margin:0;
padding:0;
width:700px;
}
/* the product carousel itself:
this is the unordered list
upon which the 'cycle' jQuery
function is run
*/
.product-carousel{
float:left;
margin:0;
padding:0;
}
/* Each list-item of the
product-carousel parent
list holds (4) product
profiles, which are
rendered using the
definition list element
*/
.product-carousel > li{
height:242px;
padding-top:15px;
list-style-type:none;
margin:0 0 1em 0;
width:auto;
text-align:center;
}
/* Each of the products in
the product-carousel are
rendered using the definition
list element; there are (4)
in each parent list-item.
We float each of them to
the left, with no padding
or margins
*/
.product-carousel > li > dl{
width:130px;
height:252px;
padding:8px 16px 6px 4px;
margin:0 auto;
float:left;
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
-webkit-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
opacity:1.0;
}
/* semi-transparent variety */
.product-carousel > li > dl.not-chosen{
opacity:0.50;
}
.product-carousel > li > dl.not-chosen:hover{
opacity:1.0;
}
.product-carousel > li > dl:hover{
background-color:#f2f2f2;
cursor:pointer;
}
.product-carousel > li > dl.selected,
.product-carousel > li > dl.selected:hover,
.product-carousel > li > dl.selected:focus{
background-color:#ff9;
margin-top:-1px;
opacity:1.0;
}
.product-carousel > li > dl.selected > dt > img,
.product-carousel > li > dl.selected:hover > dt > img{
border:1px solid #333;
box-shadow:5px 5px 5px rgba(79,79,79,.8);
-webkit-box-shadow:5px 5px 5px rgba(79,79,79,.8);
-moz-box-shadow:5px 5px 5px rgba(79,79,79,.8);
}
/* The product profiles
use the definition term (dt)
of the definition list parent
to render both the product
image and the author name(s)
*/
.product-carousel > li > dl > dt{
padding:0 0 0 10px;
margin:0;
/*text-align:center;*/
text-align:left;
font-size:13px;
line-height:16px;
font-weight:bold;
white-space:normal;
}
.product-carousel > li > dl > dt > img{
border:1px solid #666;
display:block;
cursor:pointer;
margin-bottom:6px;
padding:0;
-moz-transition: all 0.1s ease-out;
-o-transition: all 0.1s ease-out;
-webkit-transition: all 0.1s ease-out;
-ms-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
.product-carousel > li > dl:hover > dt > img,
.product-carousel > li > dl > dt:hover img,
.product-carousel > li > dl > dt:focus img{
border:1px solid #333;
box-shadow:5px 5px 5px rgba(79,79,79,.8);
-webkit-box-shadow:5px 5px 5px rgba(79,79,79,.8);
-moz-box-shadow:5px 5px 5px rgba(79,79,79,.8);
}
/* The product profiles use the
definition data (dd) element
to render the product title
*/
.product-carousel > li > dl > dd{
padding:0 0 0 10px;
margin:0;
/*text-align:center;*/
text-align:left;
font-size:11px;
line-height:14px;
white-space:normal;
}
/* The Previous and Next controls
for our product profile carousel
are layered above the carousel
using positioning and z-index
in order to enhance the illusion
of products sliding behind and
out of sight
*/
.product-carousel-previous-container{
height:272px;
width:50px;
float:left;
background:url(../images/global/carousel-bookend-left.png) no-repeat top left scroll transparent;
margin:0 -5px 0 0;
padding:0;
text-align:center;
position:relative;
}
.product-carousel-next-container{
height:272px;
width:50px;
float:left;
background:url(../images/global/carousel-bookend-right.png) no-repeat top right scroll transparent;
margin:0 0 0 -7px;
padding:0;
text-align:center;
position:relative;
}
/* The actual Previous and Next
arrow images are layered above
their 'container' backgrounds
using positioning and z-index
*/
.product-gallery-previous{
width:44px;
height:44px;
display:block;
position:absolute;
top:72px;
left:-7px;
z-index:999;
cursor:pointer;
opacity:0.65;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.product-gallery-next{
width:44px;
height:44px;
display:block;
position:absolute;
top:72px;
right:-7px;
z-index:999;
cursor:pointer;
opacity:0.65;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
/* Hover states */
.product-gallery-previous:hover,
.product-gallery-next:hover,
.product-gallery-previous:focus,
.product-gallery-next:focus{
opacity:1.0;
}
.product-carousel > li > dl:hover,
.product-carousel > li > dl:focus{
margin-top:-1px;
}
/* Toggle product gallery views
Note:applied to container element
*/
.carousel-view{
height:300px;
}
.carousel-view > ul{
height:300px;
overflow:hidden;
overflow-x:hidden;
overflow-y:hidden;
background:url(../images/global/carousel-bg-gradient.png) repeat-x top left scroll #fff;
}
.carousel-view > ul > li{
overflow:hidden;
height:300px;
}
.carousel-view > .product-carousel-previous-container,
.carousel-view > .product-carousel-next-container{
display:block;
}
.grid-view{
height:auto!important;
/* must be set to !important
being toggled dynamically
in script; needs to override
settings for carousel-view. */
background-image:none;
padding-top:15px;
}
.grid-view > ul{
height:100%;
position:relative;
left:auto;
z-index:auto;
overflow:visible;
overflow-x:visible;
overflow-y:visible;
background-image:none;
}
.grid-view > ul > li{
display:list-item!important;
/* must be set to !important
being toggled dynamically
in script; needs to override
settings for carousel-view. */
position:relative!important;
/* must be set to !important
being toggled dynamically
in script; needs to override
settings for carousel-view. */
float:none;
height:272px;
padding:0;
z-index:auto;
}
.grid-view > .product-carousel-previous-container,
.grid-view > .product-carousel-next-container{
display:none;
}
/*---------------------------------------------
Miscellaneous
----------------------------------------------*/
.snapshot{
float:left;
display:inline;
clear:none;
margin:0 1.25em 0 0;
padding:5px;
background-color:#fff;
border:1px solid #585858;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
box-shadow:2px 2px 2px rgba(89,89,89,.5);
-webkit-box-shadow:2px 2px 2px rgba(89,89,89,.5);
-moz-box-shadow:2px 2px 2px rgba(89,89,89,.5);
}
.ad-box-container .snapshot{
/* margin-bottom:3em;*/
}
.toggle-all{
color:#444;
background-color:#f5f5f5;
cursor:pointer;
padding:6px;
font-size:11px;
display:inline-block;
text-align:center;
margin-bottom:6px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.toggle-all:hover,
.toggle-all:focus{
background-color:#ddd;
text-decoration:none;
color:#333!important;
/* must be set to !important
to nullify effect of alternate
(colors) stylesheets which have
to be served after this file. */
}
.magnify{
position:absolute;
top:70px;
left:20px;
z-index:998;
width:80px;
height:76px;
background:url(../images/global/magnify.png) no-repeat top left scroll transparent;
cursor:pointer;
display:none;
}
/* MAPLE LEAF AND CCND ICONS ON BOOKS AVAILABLE PAGE */
/*
RWP: 27-July-2011
Product Markers:
Used for regional flags
and product types (such as
CCND, etc.)
*/
.product-markers{
position:absolute;
top:10px;
right:4px;
z-index:999;
display:inline-block;
height:22px;
}
.product-markers > a,
.product-markers > span{
display:inline;
float:left;
width:21px;
height:22px;
border:none;
margin-left:4px;
text-indent:-2000em;
}
.CA{
background:url(../images/regional-markers/ca-maple-leaf.png) no-repeat top left scroll transparent;
}
/* dividers */
.divide-dash,
.rule-dash{
width:95%;
height:3px;
margin:6px auto;
line-height:3px;
border-top:1px dashed #ccc;
}
.divide-solid,
.rule-solid{
height:1px;
margin:0 auto;
line-height:1px;
border-top:1px solid #ccc;
}
.divide-dotted,
.rule-dotted{
height:1px;
margin:1em auto;
line-height:1px;
border-top:1px dotted #ccc;
/*
RWP: 19-July-2011
Added clear:both;
*/
clear:both;
}
.pipe{
padding:0;
margin:0 3px;
color:#999;
}
.horizontal-rule{
height:0;
line-height:0;
border-top:1px solid #ccc;
border-bottom:1px solid #fff;
width:90%;
margin:0.5em auto;
}
.anchor-toc,
.anchor-toc-wide{
padding:0 12px 0 0;
margin:1.5em 0;
list-style-type:none;
/*
RWP: modified width
*/
max-width:220px;/* old value = 200px; */
}
.anchor-toc-wide{
max-width:90%;
}
.anchor-toc > li,
.anchor-toc-wide > li{
padding-left:0;
margin:0 0 0.75em 0;
/*
RWP: modified line-height
*/
line-height:1.35;/* old value = 1.25 */
color:#444;
height:auto;
border:none;
background:url(../images/global/8249-grey.gif) no-repeat left 4px scroll transparent;
padding-left:14px;
}
.anchor-toc > li > a:link,
.anchor-toc > li > a:visited{
text-decoration:none;
padding:0;
}
.anchor-toc > li > a:hover,
.anchor-toc > li > a:active,
.anchor-toc > li > a:focus{
text-decoration:underline;
}
.anchor-toc > li > a > span{
display:block;
font-size:0.90em;
/*
RWP: modified line-height
*/
line-height:1.35;/* old = 1.15 */
}
.list-right-col{
padding-left:12px;
border-left:1px dotted #ccc;
}
.alpha-list{
display:block;
clear:both;
max-width:none;
}
.alpha-list:after{
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.alpha-list > li{
float:left;
background-image:none;
height:20px;
padding:4px 6px;
border-right:1px dotted #ccc;
}
.alpha-list > li:last-child{
border:none;
}
.alpha-list > li > a:link{
font-weight:bold;
}
.has-link{
margin-right:6px;
}
.default-color{
color:#444;
}
/*---------------------------------------------
Toggle-able sidebar navigation menu
----------------------------------------------*/
.side-nav{
display:inline;
float:left;
margin:-1px 10px 0 10px;
width:198px;
font-size:11px;
list-style-type:none;
list-style-position:outside;
}
.side-nav li{
list-style-type:none;
padding:0;
margin:0;
}
.side-nav li.heading{
font-weight:bold;
text-transform:uppercase;
padding:0 0 8px 0;
margin:0;
border-bottom:2px solid #dedede;
}
.side-nav a:link,
.side-nav a:visited{
text-decoration:none;
border-bottom:1px dotted #ccc;
display:block;
padding:6px 6px 6px 12px;
margin:0;
color:#444;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-webkit-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
line-height:1.3;
}
.side-nav a:hover,
.side-nav a:active,
.side-nav a:focus{
background-color:#f7f7f7;
}
/*.side-nav > li:last-child a:link{
border-bottom:none;
}*/
.side-nav a em.carat{
visibility:hidden;
font-style:normal;
font-size:165%;
font-weight:bold;
float:right;
clear:none;
display:block;
padding:0;
margin:0 0 0 5px;
line-height:0.6875;
}
.side-nav a:hover em.carat{
visibility:visible;
}
.side-nav a.toggle-closed:link,
.side-nav a.toggle-closed:visited{
display:block;
background:url(../images/global/pointer-closed.gif) no-repeat scroll left center transparent;
cursor:pointer;
border-bottom:1px dotted #ccc;
}
.side-nav a.toggle-closed:hover,
.side-nav a.toggle-closed:active,
.side-nav a.toggle-closed:focus{
background-color:#f7f7f7;
}
.side-nav a.toggle-open:link,
.side-nav a.toggle-open:visited{
background:url(../images/global/pointer-open.gif) no-repeat scroll left center transparent;
border-bottom:1px dotted #ccc;
font-weight:bold;
}
.side-nav a.toggle-open:hover,
.side-nav a.toggle-open:active,
.side-nav a.toggle-open:focus{
background-color:#f7f7f7;
}
.side-nav li.current-node > a{
cursor:default;
background-color:#fff;
color:#444!important;
/* must be set to !important
to nullify effect of alternate
(colors) stylesheets which have
to be served after this file. */
font-weight:bold;
}
.side-nav li.current-node > a > em.carat{
visibility:visible;
}
.side-nav li:last-child a{
border-bottom:none;
}
/*--- 2nd tier ---*/
.side-nav ul{
/*
RWP: modified 26-July-2011
Added declaration for
top margin
*/
margin-top:1em;
margin-left:3em;
padding-bottom:6px;
font-size:11px;
}
.side-nav ul > li{
list-style-type:disc;
/*
RWP: modified 27-July-2011
Added declaration for
margins and padding
*/
padding-left:0;
margin:0 0 0.5em 0;
}
/*
RWP: modified 26-July-2011
IE always requires the full
and proper a:pseudo order;
in this case, the :active
state was not defined.
Proper order = L(o)V(e)HA(te)
:link
:visited
:hover
:active
*/
.side-nav ul a:link,
.side-nav ul a:visited,
.side-nav ul a:hover,
.side-nav ul a:active,
.side-nav ul a:focus{
/*
RWP: 27-July-2011
1. Set background color
to transparent.
2. Removed the border
being inherited (bottom)
3. Removed padding
*/
background-color:transparent;/* old = #f7f7f7; */
border:none;
padding:0;
}
/*.side-nav ul a.toggle-closed:link,
.side-nav ul a.toggle-closed:visited,
.side-nav ul span.toggle-closed{
padding-left:18px;
background:url(../images/global/pointer-closed.gif) no-repeat scroll 6px center transparent;
border-bottom:none;
}
.side-nav ul a.toggle-closed:hover,
.side-nav ul a.toggle-closed:active,
.side-nav ul span.toggle-closed:hover{
background-color:#f7f7f7;
border-bottom:none;
}
.side-nav ul a.toggle-open:link,
.side-nav ul a.toggle-open:visited,
.side-nav ul span.toggle-open{
background:url(../images/global/pointer-open.gif) no-repeat scroll 6px center #f2f2f2;
font-weight:bold;
border-bottom:none;
}
.side-nav ul a.toggle-open:hover,
.side-nav ul a.toggle-open:active,
.side-nav ul span.toggle-open:hover{
background-color:#f7f7f7;
border-bottom:none;
}*/
.side-nav > li > ul > li:last-child > a:link{
border:none;
}
/*--- 3rd tier ---*/
.side-nav ul ul{
margin-left:1.5em;
line-height:1.1;
}
.side-nav ul ul li{
padding-left:0;
list-style-type:circle;
}
.side-nav ul ul a{
padding:2px;
border-bottom:none;
margin-left:0;
}
/*---------------------------------------------
Links render under associated course(s)
on the course page; setting their 'rel'
attribute value to 'anchor' allows us
to use JavaScript to smoothly scroll
to their location on the page.
----------------------------------------------*/
.anchor-subhead{
padding:6px;
margin:0.5em 0 0 0;
color:#fff;
}
.anchor-subhead > span{
float:left;
}
/*---------------------------------------------
We nest individual product profile list
groupings inside a parent unordered list
to allow for more flexibility over both
presentation and behavior.
----------------------------------------------*/
.product-list-container{
margin-top:2.25em;
}
.product-list{
margin-bottom:1.5em;/*3em;*/
font-size:1em;
}
.product-list > li{
padding:11px 0 22px 0;
border-bottom:1px solid #ccc;
margin:0;
list-style-type:none;
}
/* alternate version of product-list container */
.position-relative > li{
position:relative;
}
.big-target li{
padding-left:11px;
}
.big-target li:hover,
.big-target li:focus{
cursor:pointer;
background-color:#f5f5f5;
border-bottom:1px solid #ccc;
}
.big-target li:hover dt a:link,
.big-target li:focus dt a link{
text-decoration:underline;
color:#008b5d;
}
/*
RWP: 27-July-2011
We need some buffer space between a link
in the
of a product profile definition
list and the new product-markers container.
*/
.product-list dl.compact > dt{
margin-right:50px;
}
.product-list > li:hover div.cover img,
.product-list > li:focus div.cover img,
div.cover > a:focus img{
box-shadow:3px 5px 10px rgba(89,89,89,.6);
-webkit-box-shadow:3px 5px 10px rgba(89,89,89,.6);
-moz-box-shadow:3px 5px 10px rgba(89,89,89,.6);
margin-top:-1px;
margin-left:-1px;
}
.product-list > li:hover div.compact,
.product-list > li:focus div.compact{
margin-right:11px;
}
/*---------------------------------------------
Product profile: can be used anywhere;
partner with 'compact' and 'full' classes
depending upon catalog location. Simply wrap
inside another component; if in a compact
set, use an un/ordered list; if solo
(product page), use a div or existing parent
element. Default class of (
data
) is for product-page sized renders;
use (
data
)
for smaller (list of products, like on a
discipline or course page) size.
----------------------------------------------*/
div.cover{/* cover image container element */
float:left;
margin-right:16px;
/*position:relative;*/
}
div.cover img{/* cover image itself */
border:1px solid #333;
display:block;
margin-bottom:3px;
width:120px;
}
/* links underneath cover image (if one exists);
if no cover, this list simply rises to the
top of the containing element
-------------------------------------------------- */
div.cover > p{
width:100%;
}
/* cover image itself when linked */
div.cover-link{
cursor:pointer;
border:none;
}
div.cover > ul > li > a:link,
div.cover > ul > li > a:visited,{
text-decoration:none;
outline:none;
display:block;
padding:4px;
border-bottom:1px dotted #ccc;
}
div.cover > ul > li > a:hover,
div.cover > ul > li > a:focus{
background-color:#f5f5f5;
border-bottom:1px solid #ccc;
}
.product{
overflow:hidden;
}
.product > dt{
font-size:200%;
font-weight:normal;
word-spacing:-1px;
line-height:1.25;
margin:0 0 .25em 0;
padding:0 4px 0 0;
}
.product > dd,
.product > dd > p{
font-size:1em;
line-height:1.35;
padding:0 3px 0 0;
}
.product > dd.author,
.product > dd.title{
font-weight:bold;
padding:1px 0 2px 0;
}
.product > dd.author em{
font-weight:normal;
}
.product > dd.primary-buttons > a.button,
.primary-buttons > a.button{
margin:0 4px 0 3px;
}
.product > dd.primary-buttons > a.button:first-child,
.primary-buttons > a.button:first-child{
margin-left:0; /* we don't want any left margin for the 1st button */
}
.product > dt > a:link,
.product > dt > a:visited,{
text-decoration:none;
}
.product > dt > a:hover,
.product > dt > a:active,
.product > dt > a:focus{
text-decoration:underline;
}
.product dd.bump-down{
margin-top:0.727em;
}
.product dd.retail-price{/* useful for manipulating the display (toggle) and position */
margin-top:1.090em;
}
/* Compact version / product profile
smaller profile: sized for use with compact product profiles
(ex:
data
)
------------------------------------------------------------------*/
div.compact{
margin-right:10px;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
div.compact img.cover,
div.compact img{/* product image only; necessary for flag/badge overlays */
width:75px;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
dl.compact{
min-height:100px;
float:none;
}
dl.compact dt{
font-size:0.8125em; /* 13px */
font-weight:bold;
line-height:1.25;
margin-bottom:.1em;
}
dl.compact dd{
font-size:0.6875em; /* 11px */
line-height:1.35;
}
dl.compact dd.author,
dl.compact dd.title{
font-size:0.75em; /* 12px */
margin-bottom:0.35em; /* old = 0.875em; */
font-weight:bold;
}
/*---------------------------------------------
Badge styling (overlays for product
cover images)
----------------------------------------------*/
.corner-flag{
position:absolute;
top:-1px;
left:-2px;
z-index:999;
width:38px;
height:38px;
border:none;
}
.badge-circle{
position:absolute;
top:44px;
left:-12px;
z-index:999;
border:none;
width:40px;
height:41px;
}
/*---------------------------------------------
Standardize ul + ol + li elements
----------------------------------------------*/
.normalize{
padding:0;
margin:12px 0 0 16px; /* old = 44px;*/
}
.normalize > li{
padding:0;
margin:0 0 0.5em 0;/* old = 0 0 1em 0; */
line-height:1.5;
color:#444;
width:auto;
height:auto;
border:none;
}
.normalize > li > a:link{
margin:0;
padding:0;
display:inline;
}
.normalize > li > p{
margin:0;
padding:0;
color:#666;
}
ul.normalize,
ul.normalize > li{
list-style-type:disc;
}
ol.normalize,
ol.normalize > li{
list-style-type:decimal;
}
ul.no-bullet,
ol.no-bullet,
ul.no-bullet > li,
ol.no-bullet > li,
li.no-bullet{
list-style-type:none;
}
.bullet-disc,
.bullet-disc > li{
list-style-type:disc;
}
ul.no-margin > li{
margin-left:0;
}
ul.normalize li ul,
ul.normalize li ol{
margin-left:2em;
margin-bottom:1.5em;
}
ul.normalize li li{
font-size:12px;
line-height:1.5;
margin:0 0 .5em 0;
}
ul.normalize li ul > li{
list-style-type:circle;
}
/* StatCrunch: we'll need to use a class on our tables to avoid conflicts with existing SC css file */
/* tables still need 'cellspacing="0"' in the markup */
.default-table{
width:auto;
border-collapse:collapse;
border-spacing:0;
}
.default-table td{
padding:8px;
border-bottom:1px solid #ccc;
min-height:16px;
}
.default-table tfoot > tr > td, tbody tr:last-child > td{
border-bottom:none;
}
.default-table th{
font-size:0.75em;
background-color:#f5f5f5;
border-bottom:1px solid #ccc;
text-align:left;
padding:8px;
}
.col-sort{
background-color:#f5f5f5;
-moz-transition: background-color 0.2s ease-out;
-o-transition: background-color 0.2s ease-out;
-webkit-transition: background-color 0.2s ease-out;
-ms-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
padding:8px 4px;
}
.col-sort:hover{
background-color:#eee;
cursor:pointer;
}
.col-sort img{
vertical-align:middle;
margin-left:4px;
}
.tbody-break{
padding:11px 0;
background-color:#f2f2f2;
}
.default-table tfoot > tr > td{
border:none;
}
tfoot > tr > td > p{
.default-table font-size:0.6875em;
}
.default-table table + h4, table + p{
margin-top:2.5em;
}
/*---------------------------------------------
'jquery-rotator-active' is
a class name applied via script
to the dynamically generated
elements that wrap the .ad-box
container element on home page.
----------------------------------------------*/
.jquery-rotator-active{
float:left;
}
/*---------------------------------------------
July-2012
Styles for the Support landing page
(Educator | Student)
----------------------------------------------*/
.big-target-chooser{
padding-bottom:1em;
min-width:650px;
}
.big-target-chooser h2{
font-size:0.875em;
margin:0 0 0.75em 0;
padding:0;
}
.chooser-group{
width:650px;
height:170px;
clear:both;
padding:0;
margin-bottom:0.5em;
}
.support-educator:link,
.support-educator:visited,
.support-student:link,
.support-student:visited{
display:inline-block;
width:300px;
height:150px;
padding:10px;
font-size:1.35em;
color:#444;
text-decoration:none;
line-height:150px;
-webkit-border-radius: 5px;
border-radius:5px;
-webkit-transition:background-color 0.2s ease-out;
-moz-transition:background-color 0.2s ease-out;
-o-transition:background-color0.2s ease-out;
-ms-transition:background-color 0.2s ease-out;
transition:background-color 0.2s ease-out;
}
.support-educator:hover,
.support-educator:active,
.support-educator:focus,
.support-student:hover,
.support-student:active,
.support-student:focus{
background-color:#f5f5f5;
cursor:pointer;
text-decoration:underline;
}
.support-educator{
background:url(http://www.pearsonhighered.com/mediaproducts/mylab-support-shared-files/assets/images/educator-landscape.jpg) no-repeat center center scroll transparent;
float:left;
}
.support-student{
background:url(http://www.pearsonhighered.com/mediaproducts/mylab-support-shared-files/assets/images/student-landscape.jpg) no-repeat center center scroll transparent;
float:right;
}
.support-educator span,
.support-student span{
display:block;
width:270px;
height:150px;
line-height:150px;
}
.support-educator span{
text-align:left;
padding-left:30px;
}
.support-student span{
text-align:right;
padding-right:30px;
}
.multi-col{
margin:0 auto;
text-align:center;
clear:both;
}
.big-icon:link,
.big-icon:visited{
display:inline-block;
width:140px;
padding:100px 7px 34px 7px;
margin:0;
font-size:80%;
color:#444;
line-height:normal;
text-align:center;
opacity:0.875;
-webkit-border-radius: 5px;
border-radius:5px;
-webkit-transition:background-color 0.2s ease-out;
-moz-transition:background-color 0.2s ease-out;
-o-transition:background-color0.2s ease-out;
-ms-transition:background-color 0.2s ease-out;
transition:background-color 0.2s ease-out;
}
.big-icon:hover,
.big-icon:active,
.big-icon:focus{
opacity:1.0;
background-color:#f5f5f5;
cursor:pointer;
}
.support-forgot{
background:url(http://www.pearsonhighered.com/mediaproducts/mylab-support-shared-files/assets/images/chooser-forgot.png) no-repeat center 34px scroll #fff;
}
.support-system{
background:url(http://www.pearsonhighered.com/mediaproducts/mylab-support-shared-files/assets/images/chooser-system.png) no-repeat center 34px scroll #fff;
}
.support-online{
background:url(http://www.pearsonhighered.com/mediaproducts/mylab-support-shared-files/assets/images/chooser-online.png) no-repeat center 34px scroll #fff;
}
.support-accessible{
background:url(http://www.pearsonhighered.com/mediaproducts/mylab-support-shared-files/assets/images/chooser-accessibility.png) no-repeat center 34px scroll #fff;
}
.support-contact{
background:url(http://www.pearsonhighered.com/mediaproducts/mylab-support-shared-files/assets/images/chooser-contact.png) no-repeat center 34px scroll #fff;
}
.support-hosting{
background:url(http://www.pearsonhighered.com/mediaproducts/mylab-support-shared-files/assets/images/chooser-hosting-security.png) no-repeat center 34px scroll #fff;
}
.support-three-cols{
margin-top:1.375em;
padding-bottom:3em;
min-width:624px;
}
.support-three-cols div{
float:left;
clear:none;
width:221px;
margin-left:1.5em;
}
.support-three-cols div:first-child{
width:134px;
margin-left:0;
}
.support-three-cols div:last-child{
float:right;
}
.support-three-cols h2{
font-size:0.875em;
margin:0 0 0.75em 0;
}
.support-three-cols .anchor-toc{
margin:0;
padding:0;
}
.support-three-cols .anchor-toc li{
margin-bottom:0.5em;
}
.support-three-cols .anchor-toc + h2{
margin-top:2.15em;
}
.modal-content{
display:inline;
float:left;
margin:17px 10px 0 18px;
width:95%;
}
.iframe-html{
overflow-y:auto;
overflow-x:hidden;
}
.iframe-html body{
min-width:0;
background-color:#fff;
}
.iframe-html h3:first-child{
margin-top:10px;
}
iframe{
overflow-y:auto;
overflow-x:hidden;
background:url(../images/global/iframe-loader.gif) no-repeat center center scroll #fff;
}
.seamless-iframe{
overflow-y:hidden;
overflow-x:hidden;
}
/* for the ShareThis modal */
.stLframe{
background-color:transparent;
}
/*---------------------------------------------
Define button and .button
----------------------------------------------*/
button,
input.button,
a.button:link,
a.button:visited{
font-family:Verdana, sans-serf;
font-size:13px;
line-height:2em;
text-align:center;
text-decoration:none;
white-space:nowrap;
vertical-align:middle;
display:inline-block;
height:2em;
/*padding:0 0.75em 0.1em 0.75em;*/
padding:4px 4px 5px 4px;
margin:0;
overflow:visible;
border:1px solid #eee;
cursor:pointer;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
button:focus,
button:hover,
a.button:hover,
input.button:hover,
a.button:focus,
input.button:focus{
background-image:url(../images/global/glass.png);
background-repeat:repeat-x;
background-position:0 center;
}
input.button{
line-height:1.5em;
height:2.25em;
}
/* if line break needed for button label */
.button-two-line{
height:24px;
}
/*---------------------------------------------
Clear the floats of anything inside
(Thanks, Dan Cederholm!)
----------------------------------------------*/
.group:after{
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*---------------------------------------------
Helper classes
Note: originally contained in its own file
('helper.css'). These are simple visual
helpers for common display adjustments
to things like margins, padding, alignment,
color, floats, etc.
----------------------------------------------*/
.line-height-16px{
line-height:16px;
}
.font-size-105pct{
font-size:105%;
}
.width-30pct{
width:30%;
}
.width-110{
width:110px;
}
.width-170{
width:170px;
}
.width-300{
width:300px;
}
.width-340{
width:340px;
}
.width-470{
width:470px;
}
.float-left{
float:left;
}
.float-right{
float:right;
}
.inline{
display:inline;
}
.inline-block{
display:inline-block;
}
.block{
display:block;
}
.hide,
.hidden,
.hidden-text{
display:none;
}
.clear-right{
clear:right;
}
.clear-both{
clear:both;
}
.vert-top{
vertical-align:top;
}
.vert-mid{
vertical-align:middle;
}
.no-border,
.no-border:hover,
.product-list > li:last-child,
.alpha-list > li:last-child{
border:none!important;
}
.no-border-bottom{
border-bottom:none;
}
.border-top{
border-top:1px solid #ccc;
}
.border-top-dotted{
border-top:1px dotted #ccc;
}
.border-bottom{
border-bottom:1px solid #ccc;
}
.border-bottom-dotted{
border-bottom:1px dotted #ccc;
}
.border-left{
border-left:1px dotted #ccc;
}
.border-left-solid{
border-left:1px solid #e5e5e5;
}
.border-right{
border-right:1px dotted #ccc;
}
.border-right-solid{
border-right:1px dotted #ccc;
}
.no-margin{
margin:0!important;
}
.no-left-margin{
margin-left:0;
}
.no-right-margin{
margin-right:0;
}
.no-bottom-margin{
margin-bottom:0;
}
.no-padding{
padding:0;
}
.mar-top-minus-10px{
margin-top:-10px;
}
.mar-top-3px{
margin-top:3px;
}
.mar-top-4px{
margin-top:4px;
}
.mar-top-6px{
margin-top:6px;
}
.mar-top-9px{
margin-top:9px;
}
.mar-top,
.mar-top-12px{
margin-top:12px;
}
.mar-top-14px{
margin-top:14px;
}
.mar-top-18px{
margin-top:18px;
}
.mar-top-24px{
margin-top:24px;
}
.mar-top-30px{
margin-top:30px;
}
.mar-top-36px{
margin-top:36px;
}
.mar-top-56px{
margin-top:56px;
}
.mar-top-96px{
margin-top:96px;
}
.no-crumbtrail{
margin-top:32px;
}
.mar-horizontal-4px{
margin-right:4px;
margin-left:4px;
}
.mar-right-3px{
margin-right:3px;
}
.mar-right-6px{
margin-right:6px;
}
.mar-right-12px{
margin-right:12px;
}
.mar-right-18px{
margin-right:18px;
}
.mar-bot-3px{
margin-bottom:3px;
}
.mar-bot-6px{
margin-bottom:6px;
}
.mar-bot-12px{
margin-bottom:12px;
}
.mar-bot-1em{
margin-bottom:1em;
}
.mar-bot-18px{
margin-bottom:18px;
}
.mar-bot-24px{
margin-bottom:24px;
}
.mar-bot-36px{
margin-bottom:36px;
}
.mar-left-3px{
margin-left:3px;
}
.mar-left-6px{
margin-left:6px;
}
.mar-left-12px{
margin-left:12px;
}
.mar-left-18px{
margin-left:18px;
}
.mar-left-22px{
margin-left:22px;
}
.mar-left-24px{
margin-left:24px;
}
.mar-left-36px{
margin-left:36px;
}
.mar-left-72px{
margin-left:72px;
}
.no-wrap{
white-space:nowrap;
font-style:normal;
}
.no-pad{
padding:0;
}
.strong{
font-weight:bold;
}
.relative{
position:relative;
}
.pad-all-11px{
padding:11px;
}
.pad-top-4px{
padding-top:4px;
}
.pad-top-5px{
padding-top:5px;
}
.pad-top-6px{
padding-top:6px;
}
.pad-top-10px{
padding-top:10px;
}
.pad-top-11px{
padding-top:11px;
}
.pad-top-18px{
padding-top:18px;
}
.pad-top-24px{
padding-top:24px;
}
.pad-top-36px{
padding-top:36px;
}
.pad-bot-11px{
padding-bottom:11px;
}
.pad-bot-18px{
padding-bottom:18px;
}
.pad-left-right{
padding:0 3px;
}
.pad-left-right-11px{
padding-right:11px;
padding-left:11px;
}
.pad-left-3px{
padding-left:3px;
}
.pad-left-6px{
padding-left:6px;
}
.pad-left-11px{
padding-left:11px;
}
.pad-left-18px{
padding-left:18px;
}
.pad-left-22px{
padding-left:22px;
}
.pad-right-11px{
padding-right:11px;
}
.pad-right-22px{
padding-right:22px;
}
.col-left{
padding:0 0 0 22px;
}
.col-right{
padding:11px 22px 11px 11px;
}
/* text variants */
.normal-weight{
font-weight:normal;
}
.uppercase{
text-transform:uppercase;
}
.small{
font-size:85%;
}
.text-left{
text-align:left;
}
.text-right{
text-align:right;
}
.text-justify{
text-align:justify;
}
.text-center{
text-align:center;
}
/* colors for messaging and status indicators */
/* RWP
18-August-2011
Changed hex to '#f00' from '#c30'
(.red)
*/
.red{
color:#f00;
}
.fff{
color:#fff;
}
.cream{
color:#fbff5ea;
}
.grey-text{
color:#666;
}
.dark-grey-58{
color:#585858;
}
.bg-white{
background-color:#fff;
}
/* other */
.letterpress{
text-shadow:0 1px 0 rgba(255,255,255,.7);
-webkit-text-shadow:0 1px 0 rgba(255,255,255,.7);
-moz-text-shadow:0 1px 0 rgba(255,255,255,.7);
}
.clear-text{
text-indent:-2000em;
}
.accessibility{
position:absolute;
left:-2000em;
}
.grey-frame{
border:10px solid #eee;
margin:1.5em 0;
}
.rounded-corners{
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.drop-shadow{
-webkit-box-shadow:4px 4px 4px rgba(89,89,89,.7);
-moz-box-shadow:4px 4px 4px rgba(89,89,89,.7);
box-shadow:4px 4px 4px rgba(89,89,89,.7);
}
.glow-shadow{
-webkit-box-shadow:0 0 10px 3px rgba(89,89,89,.7);
-moz-box-shadow:0 0 10px 3px rgba(89,89,89,.7);
box-shadow:0 0 10px 3px rgba(89,89,89,.7);
}
/*------------------------------------------------------------
Social media links.
-------------------------------------------------------------*/
.social-media{
padding:0;
margin:14px 10px 14px 0px;
float:right;
}
.social-media li{
list-style-type:none;
display:inline-block;
float:left;
padding:0;
margin:0 0.5em 0 0;
height:26px;
line-height:26px;
}
.social-media li:last-child{
margin-right:0;
}
.social-media a,
.share-this span{
text-decoration:none;
line-height:26px;
white-space:nowrap;
display:inline-block;
height:26px;
}
.social-media a img,
.share-this span{
width:26px;
height:26px;
vertical-align:middle;
-webkit-border-radius:0.25em;
border-radius:0.25em;
-webkit-transition:all 0.1s ease-out;
-moz-transition:all 0.1s ease-out;
-ms-transition:all 0.1s ease-out;
-o-transition:all 0.1s ease-out;
transition:all 0.1s ease-out;
}
.social-media a:hover img,
.social-media a:focus img{
-webkit-transform:translate(-2px, -2px);
-moz-transform:translate(-2px, -2px);
-ms-transform:translate(-2px, -2px);
-o-transform:translate(-2px, -2px);
transform:translate(-2px, -2px);
-webkit-box-shadow:2px 4px 4px rgba(89,89,89,.4);
-moz-box-shadow:4px 8px 8px rgba(89,89,89,.4);
box-shadow:4px 8px 8px rgba(89,89,89,.4);
}
.share-this{
width:auto!important;
}
.share-this span{
vertical-align:middle;
margin:-0.25em 0 0 0.25em;
}
.utility{
font-size:0.6875em;
line-height:33px;
display:block;
float:right;
list-style-type:none;
padding:0;
margin:0 10px 0 0;
}
.utility li{
display:inline;
float:left;
margin:0 0.25em;
padding:0;
line-height:33px;
}
/* ==========================================================================
Badges
Text options: NEW, NEW EDITION
Color options: Orange, Green
========================================================================== */
.badge{
text-align:center;
color:#fff;
width:5.5em;
height:5.5em;
line-height:5.5em;
border-radius:50%;
display:block;
position:absolute;
z-index:100;
right:-2em;
top:-2em;
-webkit-box-shadow:1px 2px 4px 0 rgba(0, 0, 0, .45);
box-shadow:1px 2px 4px 0 rgba(0, 0, 0, .45);
}
.badge strong{
font-size:1.15em;
font-weight:normal;
letter-spacing:-0.075em;
/*text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.75);*/
display:block;
}
.badge-two-lines{
line-height:1;
}
.badge-two-lines strong{
font-size:1.35em;
margin:0.8em 0 2px 0;
}
.badge span{
font-size:12px;
line-height:12px;
margin:0;
padding:0;
/*text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);*/
}
.badge-orange{
border:2px solid #f68731;
background-color:#ffda01;
background:-moz-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93));
background:-webkit-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
background:-o-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
background:-ms-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
background:linear-gradient(135deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
}
.badge-red{ border:2px solid #cb2227; background-color:#ef4030; background:#f85032; background:-moz-linear-gradient(-45deg, #f85032 0%, #f16f5c 36%, #f6290c 51%, #f02f17 71%, #ef4030 100%); background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#f85032), color-stop(36%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#ef4030)); background:-webkit-linear-gradient(-45deg, #f85032 0%,#f16f5c 36%,#f6290c 51%,#f02f17 71%,#ef4030 100%); background:-o-linear-gradient(-45deg, #f85032 0%,#f16f5c 36%,#f6290c 51%,#f02f17 71%,#ef4030 100%); background:linear-gradient(135deg, #f85032 0%,#f16f5c 36%,#f6290c 51%,#f02f17 71%,#ef4030 100%); }