/* CSS Resets */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
q,
small,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
border: 0;
margin: 0;
padding: 0;
}
article,
aside,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
video,
object {
display: block;
}
a img {
border: 0;
}
figure {
position: relative;
}
figure img {
width: 100%;
}
font {
color: inherit !important;
font: inherit !important;
color: inherit !important;
}
/* disables some nasty font attributes in standard browsers */
img,
object,
embed {
max-width: 100%;
}
img {
height: auto;
}
/*
baseline styles based off of:
* Baseline - a designer framework Copyright (C) 2009 Stephane Curzi, ProjetUrbain.com Creative Commons Attribution-Share Alike 3.0 License version 0.5.2
* typography http://lamb.cc/typograph/
*/
/******************** Base ********************/
body {
font-size: 100%;
line-height: 1.4;
color: #333333;
}
b,
strong,
caption,
th,
thead,
dt,
legend {
font-weight: bold;
}
cite,
dfn,
em,
i {
font-style: italic;
}
code,
kbd,
samp,
pre,
tt,
var {
font-family: mono-space, monospace;
}
pre {
white-space: pre;
}
del {
text-decoration: line-through;
}
mark {
background: rgba(255, 255, 0, 0.4);
padding: 0.25em;
}
ins {
color: #f00;
}
small,
sup,
sub {
font-size: 85%;
}
big {
font-size: 137.5%;
line-height: 85%;
}
abbr,
acronym {
font-size: 85%;
text-transform: uppercase;
letter-spacing: .1em;
}
abbr[title],
acronym[title],
dfn[title] {
border-bottom: 1px dotted black;
cursor: help;
}
sup,
sub {
line-height: 0;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
blockquote {
padding: 1.5em;
}
hr {
border: none;
background: #ddd;
width: 100%;
}
ul {
list-style: none;
margin-bottom: 1.5em;
}
ol.alpha {
list-style-type: lower-alpha;
}
.numbered {
list-style-type: decimal;
}
.bulleted {
list-style-type: circle;
}
input,
select,
button {
cursor: pointer;
}
textarea,
input[type="text"],
input[type="password"],
select {
border: 1px solid #CCCAC8;
box-shadow: 0 2px 4px rgba(220, 218, 216, 0.75) inset, 0 1px 1px rgba(255, 255, 255, 0.33);
padding: 0.1429em;
}
table {
font: inherit;
width: 100%;
text-align: left;
border-collapse: collapse;
}
table tr {
border-top: 1px solid #808080;
}
table tr:last-child {
border-bottom: 1px solid #808080;
}
table tr th,
table tr td {
vertical-align: top;
padding: 0.25em 0;
}
a,
a:visited {
color: #005cb8;
text-decoration: none;
border-bottom: 1px solid #005cb8;
outline: 0;
}
a:hover,
a:focus {
color: #003b75;
border-bottom: 2px solid #003b75;
}
p a,
p a:visited {
line-height: inherit;
}
/* html 5 --------------------------------------------------------*/
article,
aside,
header,
hgroup,
nav,
figure,
section,
footer {
display: block;
}
/* Debug ----------------------------------------------------------------*/
.debug {
outline: solid gold 1px;
}
.debug-background {
background: rgba(255, 215, 0, 0.2) !important;
}
#deployJavaPlugin {
display: none;
visibility: hidden;
}
/* .container
* Is a full width div that allows layouts to have a background that spans the full width of the browser.
* It also contains 20px padding on either side to keep content away from the edges when it becomes fluid.
* For chemcollective site, we use multiple to break the page horizontally.
*/
.container {
padding-left: 20px;
padding-right: 20px;
}
/* .row
* Is a row of columns. It centres them and defines the 1140px max-width.
*/
.row {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}
.col {
margin-right: 3.8%;
float: left;
min-height: 1px;
}
/* .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol
* Are the classes for each column. They can be used in any combination within a row that adds up to twelve or less.
*/
.onecol {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 4.85%;
}
.twocol {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 13.45%;
}
.threecol {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 22.05%;
}
.fourcol {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 30.75%;
}
.fivecol {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 39.45%;
}
.sixcol {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 48%;
}
.sevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 56.75%;
}
.eightcol {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 65.4%;
}
.ninecol {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 74.05%;
}
.tencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 82.7%;
}
.elevencol {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 91.35%;
}
.twelvecol {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 100%;
float: left;
}
/* .last
The last column within a row also needs this class. It removes the right margin so all the columns fit within the row.
*/
.last {
margin-right: 0px;
}
img,
object,
embed {
max-width: 100%;
}
img {
height: auto;
}
/* allow creation of whitespace by prefixing and suffixing columns */
.onepre {
margin-left: 8.65%;
}
.twopre {
margin-left: 17.25%;
}
.threepre {
margin-left: 25.85%;
}
.fourpre {
margin-left: 34.55%;
}
.fivepre {
margin-left: 43.25%;
}
.sixpre {
margin-left: 51.8%;
}
.sevenpre {
margin-left: 60.55%;
}
.eightpre {
margin-left: 69.2%;
}
.ninepre {
margin-left: 77.85%;
}
.tenpre {
margin-left: 86.5%;
}
.elevenpre {
margin-left: 95.15%;
}
.twelvepre {
margin-left: 100%;
}
/* add space after a col */
/* allow creation of whitespace by postfixing columns */
.onepost {
margin-right: 8.65%;
}
.twopost {
margin-right: 17.25%;
}
.threepost {
margin-right: 25.85%;
}
.fourpost {
margin-right: 34.55%;
}
.fivepost {
margin-right: 43.25%;
}
.sixpost {
margin-right: 51.8%;
}
.sevenpost {
margin-right: 60.55%;
}
.eightpost {
margin-right: 69.2%;
}
.ninepost {
margin-right: 77.85%;
}
.tenpost {
margin-right: 86.5%;
}
.elevenpost {
margin-right: 95.15%;
}
.twelvepost {
margin-right: 100%;
}
.button {
display: block;
margin: 0.5em 0.75em 0 0;
border: 2px solid #e0e0e0;
padding: 0.5em 0.5em 0.5em 1.8em;
font-size: 0.8125em;
color: #000;
background-repeat: no-repeat;
background-position: 4px 50%;
text-align: center;
}
.button:hover {
border-color: #666666;
}
.button:visited {
border-color: #e0e0e0;
color: #000;
}
#content .info_button {
display: block;
margin: 0.5em 0.75em 0 0;
border: 2px solid #e0e0e0;
padding: 0.5em 0.5em 0.5em 1.8em;
font-size: 0.8125em;
color: #000;
background-repeat: no-repeat;
background-position: 4px 50%;
text-align: center;
display: inline-block;
background-color: #e0e0e0;
background-position: 96% 50%;
border-color: #b3c1cc;
padding: 0.75em 3em 0.75em 0.75em;
margin: 1.25em 0.65em 0 0;
color: black;
}
#content .info_button:hover {
border-color: #666666;
}
#content .info_button:visited {
border-color: #e0e0e0;
color: #000;
}
.collapse {
margin-top: 0;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 0.2em 1.75em 0.25em;
}
.open_collapse {
margin-top: 0;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 0.2em 1.75em 0.25em;
background-image: url('//chemcollective.org/assets/common/images/icons/black/br_down_icon&24.png');
background-color: #edf5cb;
}
.closed_collapse {
margin-top: 0;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 0.2em 1.75em 0.25em;
background-image: url('//chemcollective.org/assets/common/images/icons/black/br_next_icon&24.png');
background-color: #e0e0e0;
}
.closed_collapse:hover {
margin-top: 0;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 0.2em 1.75em 0.25em;
background-image: url('//chemcollective.org/assets/common/images/icons/black/br_down_icon&24.png');
background-color: #edf5cb;
}
.equation {
margin-left: 45%;
}
#wrapper {
/* positioning for standard page width side bar content */
/* positioning for full page width content */
}
#wrapper #content-wrapper {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 74.05%;
margin-right: 0px;
min-height: 800px;
}
#wrapper #content-wrapper #content {
padding: 0 7.6% 7.6%;
}
#wrapper #content-wrapper #content .breadcrumb {
width: 116%;
}
#wrapper #content-wrapper .data {
width: 35em;
margin: 0 auto;
}
#wrapper #full-width-wrapper {
padding: 0 7.6%;
}
#wrapper #full-width-wrapper #content .breadcrumb {
width: 117%;
}
#wrapper #full-width-wrapper h1 {
border-bottom: 3px solid #003b75;
}
#content-wrapper,
#full-width-wrapper {
background-color: #fdfdfd;
border: 4px solid #b3c1cc;
min-height: 800px;
}
#content-wrapper #content .breadcrumb,
#full-width-wrapper #content .breadcrumb {
font-size: 0.875em;
background-color: #b3c1cc;
margin-left: -9%;
margin-top: 0;
padding-bottom: 0.4em;
padding-left: 1em;
padding-top: 0.25em;
}
#content-wrapper #content .breadcrumb p,
#full-width-wrapper #content .breadcrumb p,
#content-wrapper #content .breadcrumb ul,
#full-width-wrapper #content .breadcrumb ul,
#content-wrapper #content .breadcrumb li,
#full-width-wrapper #content .breadcrumb li {
display: inline;
margin: 0;
padding: 0;
}
#content-wrapper #content .breadcrumb p a,
#full-width-wrapper #content .breadcrumb p a,
#content-wrapper #content .breadcrumb ul a,
#full-width-wrapper #content .breadcrumb ul a,
#content-wrapper #content .breadcrumb li a,
#full-width-wrapper #content .breadcrumb li a {
border: none;
text-decoration: underline;
color: white;
}
#content-wrapper #content .breadcrumb p,
#full-width-wrapper #content .breadcrumb p {
color: #003b75;
}
#content-wrapper #content img,
#full-width-wrapper #content img {
margin: 1em 1em 1em 3em;
border: 3px black solid;
}
#content-wrapper #content .image_and_caption,
#full-width-wrapper #content .image_and_caption {
float: right;
display: inline-block;
margin: 0.5em;
}
#content-wrapper #content .image_and_caption img,
#full-width-wrapper #content .image_and_caption img {
float: none;
padding: 0;
}
#content-wrapper #content .image_and_caption p,
#full-width-wrapper #content .image_and_caption p,
#content-wrapper #content .image_and_caption .caption,
#full-width-wrapper #content .image_and_caption .caption {
font-size: 0.85em;
color: #7f7f7f;
text-align: center;
margin-top: -1em;
min-width: 1px;
max-width: 20em;
}
#content-wrapper #content .embeddedVideo,
#full-width-wrapper #content .embeddedVideo,
#content-wrapper #content .embeddedTutor,
#full-width-wrapper #content .embeddedTutor,
#content-wrapper #content .embeddedEX2,
#full-width-wrapper #content .embeddedEX2 {
margin: 1em 0;
}
#content-wrapper #content .embeddedVideo embed,
#full-width-wrapper #content .embeddedVideo embed,
#content-wrapper #content .embeddedTutor embed,
#full-width-wrapper #content .embeddedTutor embed,
#content-wrapper #content .embeddedEX2 embed,
#full-width-wrapper #content .embeddedEX2 embed {
margin: 0 auto;
}
#content-wrapper #content .embeddedVideo object,
#full-width-wrapper #content .embeddedVideo object,
#content-wrapper #content .embeddedTutor object,
#full-width-wrapper #content .embeddedTutor object,
#content-wrapper #content .embeddedEX2 object,
#full-width-wrapper #content .embeddedEX2 object {
margin: 0 auto;
}
#content-wrapper #content .transcript,
#full-width-wrapper #content .transcript {
background-color: #cce5ff;
margin: 0 auto 3em auto;
}
#content-wrapper #content .transcript h3,
#full-width-wrapper #content .transcript h3 {
margin-top: 0;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 0.2em 1.75em 0.25em;
background-image: url('//chemcollective.org/assets/common/images/icons/black/br_next_icon&24.png');
background-color: #e0e0e0;
}
#content-wrapper #content .transcript h3:hover,
#full-width-wrapper #content .transcript h3:hover {
margin-top: 0;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 0.2em 1.75em 0.25em;
background-image: url('//chemcollective.org/assets/common/images/icons/black/br_down_icon&24.png');
background-color: #edf5cb;
}
#content-wrapper #content .transcript h3.open,
#full-width-wrapper #content .transcript h3.open {
margin-top: 0;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 0.2em 1.75em 0.25em;
background-image: url('//chemcollective.org/assets/common/images/icons/black/br_down_icon&24.png');
background-color: #edf5cb;
color: #194c7f;
}
#content-wrapper #content .transcript p,
#full-width-wrapper #content .transcript p {
padding: 0 0.75em 0.5em 0.75em;
}
#content-wrapper #content .transcript img,
#full-width-wrapper #content .transcript img {
max-width: 95%;
margin: 2em 0.75em 0 0.75em;
}
#content-wrapper #content h1,
#full-width-wrapper #content h1,
#content-wrapper #content h2,
#full-width-wrapper #content h2,
#content-wrapper #content h3,
#full-width-wrapper #content h3,
#content-wrapper #content h4,
#full-width-wrapper #content h4,
#content-wrapper #content h5,
#full-width-wrapper #content h5,
#content-wrapper #content h6,
#full-width-wrapper #content h6 {
font-family: "Gill Sans MT", "Gill Sans", "Trebuchet MS", Calibri, sans-serif;
}
#content-wrapper #content h1 a,
#full-width-wrapper #content h1 a,
#content-wrapper #content h2 a,
#full-width-wrapper #content h2 a,
#content-wrapper #content h3 a,
#full-width-wrapper #content h3 a,
#content-wrapper #content h4 a,
#full-width-wrapper #content h4 a,
#content-wrapper #content h5 a,
#full-width-wrapper #content h5 a,
#content-wrapper #content h6 a,
#full-width-wrapper #content h6 a {
color: inherit;
border: none;
}
#content-wrapper #content h1,
#full-width-wrapper #content h1,
#content-wrapper #content h2,
#full-width-wrapper #content h2,
#content-wrapper #content h3,
#full-width-wrapper #content h3 {
margin-top: 0;
margin-bottom: 0;
line-height: 1.1;
}
#content-wrapper #content h1,
#full-width-wrapper #content h1 {
font-size: 2em;
font-weight: bold;
color: #003b75;
margin-top: 1.8em;
padding-bottom: 0.1em;
}
#content-wrapper #content h1 span,
#full-width-wrapper #content h1 span {
text-transform: uppercase;
color: #7f7f7f;
font-weight: normal;
}
#content-wrapper #content h2,
#full-width-wrapper #content h2 {
font-size: 1.5em;
margin-top: 0.64em;
margin-top: 1.618em;
font-weight: normal;
border-bottom: 1px solid #333333;
padding-bottom: 0.125em;
}
#content-wrapper #content h3,
#full-width-wrapper #content h3 {
font-size: 1.375em;
margin-top: 0.9545em;
font-weight: normal;
color: #3399ff;
margin-top: 1.375em;
}
#content-wrapper #content h4,
#full-width-wrapper #content h4,
#content-wrapper #content h5,
#full-width-wrapper #content h5,
#content-wrapper #content h6,
#full-width-wrapper #content h6 {
font-size: 1em;
margin-top: 1em;
}
#content-wrapper #content h4,
#full-width-wrapper #content h4 {
color: #003b75;
}
#content-wrapper #content h5,
#full-width-wrapper #content h5 {
color: #005cb8;
font-weight: italic;
}
#content-wrapper #content h6,
#full-width-wrapper #content h6 {
color: #3399ff;
font-weight: normal;
}
#content-wrapper #content p,
#full-width-wrapper #content p,
#content-wrapper #content ul,
#full-width-wrapper #content ul,
#content-wrapper #content ol,
#full-width-wrapper #content ol {
font-size: 1em;
line-height: 1.33;
hyphenate: auto;
hyphenate-lines: 3;
margin: 1em auto;
word-spacing: 0.1em;
}
#content-wrapper #content p.nospace,
#full-width-wrapper #content p.nospace {
margin: 0;
}
#content-wrapper #content p.footer_message,
#full-width-wrapper #content p.footer_message {
max-width: 100%;
min-width: 1em;
margin: 4em 0;
border-top: 1px solid #808080;
padding-top: 0.5em;
}
#content-wrapper #content a.next,
#full-width-wrapper #content a.next {
float: right;
}
#content-wrapper #content .applet,
#full-width-wrapper #content .applet {
margin: 2.5em auto;
display: table;
}
#content-wrapper #content #languages,
#full-width-wrapper #content #languages {
font-size: 0.875em;
margin-top: 0.75em;
}
#content-wrapper #content #languages ul,
#full-width-wrapper #content #languages ul,
#content-wrapper #content #languages li,
#full-width-wrapper #content #languages li,
#content-wrapper #content #languages h6,
#full-width-wrapper #content #languages h6,
#content-wrapper #content #languages p,
#full-width-wrapper #content #languages p {
display: inline;
text-align: left;
margin: 0;
padding: 0;
}
#content-wrapper #content #languages li,
#full-width-wrapper #content #languages li {
margin-left: 2%;
}
#content-wrapper #content #languages li a,
#full-width-wrapper #content #languages li a {
border: none;
}
#content-wrapper #content #languages li a:hover,
#full-width-wrapper #content #languages li a:hover {
background-color: #e0e0e0;
}
#content-wrapper #content #languages h6,
#full-width-wrapper #content #languages h6 {
color: #7f7f7f;
text-transform: uppercase;
}
#content-wrapper #content ul.bulleted,
#full-width-wrapper #content ul.bulleted {
list-style: circle outside none;
margin: 0 auto;
}
#content-wrapper #content ul.inline,
#full-width-wrapper #content ul.inline {
margin-left: 3em;
max-width: 35em;
}
#content-wrapper #content ul.inline li,
#full-width-wrapper #content ul.inline li {
display: inline;
margin: 0;
}
#content-wrapper #content li,
#full-width-wrapper #content li {
margin: 1em 0 1em 3em;
line-height: 1.3em;
}
#content-wrapper #content li h1,
#full-width-wrapper #content li h1,
#content-wrapper #content li h2,
#full-width-wrapper #content li h2,
#content-wrapper #content li h3,
#full-width-wrapper #content li h3,
#content-wrapper #content li h4,
#full-width-wrapper #content li h4,
#content-wrapper #content li h5,
#full-width-wrapper #content li h5,
#content-wrapper #content li h6,
#full-width-wrapper #content li h6 {
min-width: none;
max-width: none;
}
#content-wrapper #content h1 + h2,
#full-width-wrapper #content h1 + h2 {
padding-top: 0;
}
/* ============================================ */
/* ! Layout for desktop version, standard pages */
/* ============================================ */
body {
background-color: #edf5cb;
font-family: "Gill Sans MT", "Gill Sans", Calibri, "Trebuchet MS", sans-serif;
min-width: 65em;
/* 1140 px */
}
.nav_li {
display: block;
float: left;
height: 2em;
margin-right: 4%;
}
.nav_link {
color: white;
border-bottom: none;
padding: 0.438em 0.6em;
margin: -1.5em 0 0 0;
display: inline-block;
}
.nav_link:hover {
background-color: #004285;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.green_button {
background-color: #ccfa4a;
border-radius: 0 0.125em 0.125em 0;
color: black;
padding: 0.281em 0.625em;
border: medium none;
}
.specialtext {
margin-top: 1.25em;
/* 20px */
text-align: center;
padding: 0.4em 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #ccfa4a;
background-color: #004285;
font-weight: bold;
}
#header #non-nav-wrapper {
padding-left: 20px;
padding-right: 20px;
min-height: 4.688em;
/* 75px */
background-color: #005cb8;
}
#header #non-nav-wrapper #non-nav {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}
#header #non-nav-wrapper #non-nav #logo {
position: absolute;
min-height: 6.875em;
/* 110px */
margin-top: -1.563em;
/* 25px */
background-color: #003b75;
border: solid 3px #cdf94a;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
/* logo links to homepage, but the text link should not be displayed */
}
#header #non-nav-wrapper #non-nav #logo img {
padding: 2.3em 0.75em 0.7em;
}
#header #non-nav-wrapper #non-nav #logo a {
color: transparent;
text-decoration: none;
border: none;
}
#header #non-nav-wrapper #non-nav #tagline {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 48%;
margin-left: 25.85%;
margin-top: 1.25em;
/* 20px */
text-align: center;
padding: 0.4em 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #ccfa4a;
background-color: #004285;
font-weight: bold;
}
#header #non-nav-wrapper #non-nav #sponsors {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 22.05%;
margin-right: 0px;
margin-top: 1em;
}
#header #non-nav-wrapper #non-nav #sponsors img {
float: right;
}
#header #top-nav-wrapper {
padding-left: 20px;
padding-right: 20px;
min-height: 3.1em;
background-color: #3399ff;
}
#header #top-nav-wrapper #top-nav {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}
#header #top-nav-wrapper #top-nav ul {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 48%;
margin-left: 25.85%;
margin-right: 2%;
margin-top: 0.8em;
margin-bottom: 0;
}
#button-box {
display: block;
float: left;
width: 30px;
}
.buttonTD{
width: 60px;
}
#header #top-nav-wrapper #top-nav ul li {
display: block;
float: left;
height: 2em;
margin-right: 4%;
}
#header #top-nav-wrapper #top-nav ul li a {
color: white;
border-bottom: none;
padding: 0.438em 0.6em;
margin: -1.5em 0 0 0;
display: inline-block;
}
#header #top-nav-wrapper #top-nav ul li a:hover {
background-color: #004285;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#header #top-nav-wrapper #top-nav ul li p,
#header #top-nav-wrapper #top-nav ul li p.current_page_link {
color: white;
padding: 0.438em 0.75em;
/* 7px */
margin: -0.35em 0 0 0;
background-color: #005cb8;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#header #top-nav-wrapper #top-nav #search-box {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 22.05%;
margin-right: 0px;
margin-top: 0.7em;
}
#header #top-nav-wrapper #top-nav #search-box form {
float: right;
}
#header #printonly #top-nav-wrapper #top-nav #search-box form label {
display: none;
visibility: hidden;
}
#header #top-nav-wrapper #top-nav #search-box form input[type="text"] {
padding: 0.345em 0.125em;
border: none;
border-radius: 0.125em 0 0 0.125em;
}
#header #top-nav-wrapper #top-nav #search-box form input[type="submit"] {
background-color: #ccfa4a;
border-radius: 0 0.125em 0.125em 0;
color: black;
padding: 0.281em 0.625em;
border: medium none;
margin-left: -0.25em;
margin-top: -0.313em;
margin-right: -1em;
}
#header #message {
background-color: #003b75;
margin: 0 0 2em;
padding: 0.5em 8% 0.4em 10.7%;
font-size: 1em;
}
#header #message ul,
#header #message p {
width: 100%;
text-align: center;
margin: 0 auto;
min-height: 1.5em;
}
#header #message ul {
max-width: 1140px;
}
#header #message ul li {
display: block;
float: left;
height: 2em;
margin-right: 4%;
float: right;
}
#header #message ul li:first-child {
float: left;
}
#header #message ul li a {
color: white;
border-bottom: none;
padding: 0.438em 0.6em;
margin: -1.5em 0 0 0;
display: inline-block;
}
#header #message ul li a:hover {
background-color: #004285;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#header #message p {
max-width: 1130px;
color: white;
}
#header #message p a {
color: white;
}
#wrapper {
width: 100%;
max-width: 1190px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
margin-top: 1.5em;
margin-bottom: 1.5em;
}
#wrapper #sideBar {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 22.05%;
margin-right: 2.4%;
background-color: #fdfdfd;
border: 0.25em solid #b3c1cc;
min-height: 800px;
}
#wrapper #sideBar #menu,
#wrapper #sideBar .index {
padding: 2.618em 13%;
}
#wrapper #sideBar #menu h5,
#wrapper #sideBar .index h5 {
padding: 0;
color: #3399ff;
font-size: 1.125em;
/* 18px */
font-weight: normal;
font-style: normal;
word-spacing: 0.1em;
text-transform: uppercase;
text-align: justify;
display: block;
padding: 0;
border-bottom: solid 0.125em #3399ff;
}
#wrapper #sideBar #menu h5 span,
#wrapper #sideBar .index h5 span {
color: #7f7f7f;
}
#wrapper #sideBar #menu ul,
#wrapper #sideBar .index ul {
margin-bottom: 2.625em;
/* 42px */
}
#wrapper #sideBar #menu ul li a,
#wrapper #sideBar .index ul li a,
#wrapper #sideBar #menu li a,
#wrapper #sideBar .index li a {
font-size: 0.85em;
line-height: 1.1em;
display: block;
padding: 0.5em 2px;
border-bottom: solid 1px #b3c1cc;
color: #333333;
}
#wrapper #sideBar #menu ul li a:hover,
#wrapper #sideBar .index ul li a:hover,
#wrapper #sideBar #menu li a:hover,
#wrapper #sideBar .index li a:hover {
background-color: #edf5cb;
}
#wrapper #sideBar #menu ul li p.current_page_link,
#wrapper #sideBar .index ul li p.current_page_link,
#wrapper #sideBar #menu li p.current_page_link,
#wrapper #sideBar .index li p.current_page_link {
font-size: 0.85em;
line-height: 1.1em;
display: block;
padding: 0.5em 2px;
border-bottom: solid 1px #b3c1cc;
margin: 0;
background-color: #b3d9ff;
font-weight: bold;
}
#wrapper #content-wrapper #cse table tr,
#wrapper #content-wrapper #cse table tr:last-child,
#wrapper #content-wrapper #cse .gcsc-branding-img-noclear,
#wrapper #content-wrapper #cse a {
border: none;
}
#wrapper #content-wrapper #cse .gcsc-branding-img-noclear {
margin: 0;
}
#wrapper #content-wrapper #cse .gsc-webResult .gsc-result {
padding: 1em;
}
#wrapper #content-wrapper #cse .gsc-webResult .gsc-result:hover {
background-color: #edf5cb;
}
#wrapper #content-wrapper #cse .gsc-results .gsc-cursor {
display: block;
margin-top: 8px;
}
#wrapper #content-wrapper #cse .gsc-results .gsc-cursor-box .gsc-cursor-page {
padding: 8px;
font-size: 1.1em;
}
#footer-wrapper {
padding-left: 20px;
padding-right: 20px;
min-height: 4.688em;
/* 75px */
background-color: #005cb8;
}
#footer-wrapper #footer {
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
}
#footer-wrapper #footer #free {
/*margin-right: 3.8%;*/
float: left;
min-height: 1px;
/*width: 50%;*/
margin-top: 1.25em;
/* 20px */
text-align: center;
padding: 0.4em 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #ccfa4a;
background-color: #004285;
font-weight: bold;
}
#footer-wrapper #footer #contact {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 13.45%;
/*margin-left: 25%;*/
margin-right: 0px;
float: right;
padding-right: 0.2em;
text-align: right;
margin-top: 1.563em;
/*25px;*/
color: white;
background-image: url('//chemcollective.org/assets/common/images/icons/white/phone_2_icon&32.png');
background-repeat: no-repeat;
height: 2em;
width: 7.5em;
}
#footer-wrapper #footer #contact:hover {
border-bottom: none;
color: black;
background-image: url('//chemcollective.org/assets/common/images/icons/black/phone_2_icon&32.png');
}
.aside {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 30.75%;
width: 27%;
}
.aside h2 {
font-size: 1.125em;
color: #003b75;
border-bottom: 1.5px solid #003b75;
margin-top: 1.6em;
}
.aside ul li {
margin: 0.45em 0 0 0;
max-width: 100%;
min-width: 1em;
}
.aside ul li a {
border-bottom: none;
font-size: 0.85em;
color: #333333;
}
#wrapper #content-wrapper #main_content{
float: left;
width: 70%;
margin-right: 0.45em;
}
#wrapper #content-wrapper #side_content{
float: right;
width: 20%;
}
#wrapper #content-wrapper #content #welcome {
border-bottom: none;
}
#wrapper #content-wrapper #content #intro {
float: left;
min-height: 1px;
margin-top: 1.5em;
margin-left: 0em;
}
.quicklink a {
border-bottom: none;
font-size: 0.85em;
color: #333333;
}
.feature {
min-height: 1px;
margin-right: 0px;
}
.feature h2 {
font-size: 1.125em;
color: #003b75;
border-bottom: 1.5px solid #003b75;
margin-top: 1.6em;
}
.feature ul {
list-style: none outside none;
margin: 1em auto;
}
.feature ul li {
margin: 0.45em 0 0 0;
max-width: 100;
min-width: 1em;
}
.feature ul li a {
border-bottom: none;
font-size: 0.85em;
color: #333333;
}
#wrapper #content-wrapper #content #featured_resources {
float: left;
min-height: 1px;
margin: 2em 0;
}
#wrapper #content-wrapper #content #featured_resources #feature_box {
margin-top: 1em;
background-color: #b3c1cc;
padding-bottom: 1em;
}
#wrapper #content-wrapper #content #featured_resources #feature_box a {
border-bottom: none;
color: #003b75;
}
#wrapper #content-wrapper #content #featured_resources #feature_box h5 {
margin: 1em;
position: absolute;
font-size: 1.1em;
}
#wrapper #content-wrapper #content #featured_resources #feature_box img {
float: none;
margin: 3.5em 12% 0em;
width: 76%;
}
#wrapper #content-wrapper #content #featured_resources #feature_box p {
font-size: 0.85em;
line-height: 1.2;
padding: 0.74em;
background-color: #dbe1e7;
}
/* styles for by topic and by type pages */
.get_info {
display: block;
border: 2px solid #e0e0e0;
padding: 0.5em 0.5em 0.5em 1.8em;
font-size: 0.8125em;
color: #000;
background-repeat: no-repeat;
background-position: 4px 50%;
text-align: center;
display: inline-block;
margin: 0;
background-image: url('//chemcollective.org/assets/common/images/icons/black/info_icon&16.png');
background-color: #66b2ff;
}
.get_info:hover {
border-color: #666666;
}
.get_info:visited {
border-color: #e0e0e0;
color: #000;
}
.go {
display: block;
margin: 0.5em 0.75em 0 0;
border: 2px solid #e0e0e0;
padding: 0.5em 0.5em 0.5em 1.8em;
font-size: 0.8125em;
color: #000;
background-repeat: no-repeat;
background-position: 4px 50%;
text-align: center;
display: inline-block;
background-image: url('//chemcollective.org/assets/common/images/icons/black/round_arrow_right_icon&16.png');
background-color: #d2fb5e;
margin-right: 0px;
}
.go:hover {
border-color: #666666;
}
.go:visited {
border-color: #e0e0e0;
color: #000;
}
.button_box{
float:right;
margin:7px;
}
#wrapper #content-wrapper #content .resource_type_description p {
font-style: italic;
}
#wrapper #content-wrapper #content .collapse_list {
margin-top: 1.618em;
max-width: none;
min-width: 1em;
}
#wrapper #content-wrapper #content .collapse_list > li {
max-width: none;
min-width: 1em;
margin: 0 0;
}
#wrapper #content-wrapper #content .collapse_list > li h2 {
margin-top: 0;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 0.2em 1.75em 0.25em;
background-image: url('//chemcollective.org/assets/common/images/icons/black/br_down_icon&24.png');
background-color: #edf5cb;
}
#wrapper #content-wrapper #content .collapse_list > li > ul {
margin: 0 0;
max-width: none;
min-width: 1em;
}
#wrapper #content-wrapper #content .collapse_list > li > ul .l3_divider {
margin: 0;
background-color: #005cb8;
color: white;
font-size: 0.875em;
font-weight: bold;
letter-spacing: 0.75px;
padding: 4px 0.4em;
}
#wrapper #content-wrapper #content .collapse_list > li > ul li {
border-bottom: 1px solid #808080;
margin-left: 0.25em;
padding: 0.65em 0.1em;
width: 100%;
max-width: 1140px;
min-width: 755px;
margin: 0 auto;
overflow: hidden;
max-width: 100%;
min-width: 600px;
}
#wrapper #content-wrapper #content .collapse_list > li > ul li .activity_name {
margin-top: 0;
font-size: 1.125em;
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 82.7%;
}
#wrapper #content-wrapper #content .collapse_list > li > ul li .activity_name a {
border: none;
color: #3399ff;
}
#wrapper #content-wrapper #content .collapse_list > li > ul li .activity_name a:hover {
color: #005cb8;
border-bottom: 1px solid #005cb8;
}
#wrapper #content-wrapper #content .collapse_list > li > ul li .level_3 {
margin-top: 0;
font-size: 0.8125em;
color: #666666;
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 60%;
margin-right: 0px;
text-align: left;
}
#wrapper #content-wrapper #content .collapse_list > li > ul li p {
margin-right: 3.8%;
float: left;
min-height: 1px;
width: 91.35%;
margin: 0.5em 0 0;
color: #666666;
font-size: 0.9375em;
line-height: 1.3;
min-width: 30em;
max-width: 35.5em;
}
#wrapper #content-wrapper #content .collapse_list > li h2.closed {
margin-top: 0;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 0.2em 1.75em 0.25em;
background-image: url('//chemcollective.org/assets/common/images/icons/black/br_next_icon&24.png');
background-color: #e0e0e0;
}
#wrapper #content-wrapper #content .collapse_list > li h2.closed:hover {
margin-top: 0;
border-top: 1px solid #333333;
border-bottom: 1px solid #333333;
background-repeat: no-repeat;
background-position: 7px 50%;
padding: 0.2em 1.75em 0.25em;
background-image: url('//chemcollective.org/assets/common/images/icons/black/br_down_icon&24.png');
background-color: #edf5cb;
}
/*-------------------------------
styles for activity info pages
---------------------------------*/
.h2_with_icon {
background-repeat: no-repeat;
background-position: 1px 50%;
padding-left: 1.5em;
}
#wrapper #content-wrapper #content {
/* buttons */
/* end buttons */
/* description image and text */
/* dead
.info_img {
float: left;
margin-left: 1em;
margin-top: 1.75em;
width: 25%;
}
*/
/* end description image and text */
/* table of metadata */
/* end table */
/* styles for review and comment form */
/* styles for star rating system */
/*!
* jQuery UI Stars v3.0.1
* http://plugins.jquery.com/project/Star_Rating_widget
*
* Copyright (c) 2010 Marek "Orkan" Zajac (orkans@gmail.com)
* Dual licensed under the MIT and GPL licenses.
* http://docs.jquery.com/License
*
* $Rev: 164 $
* $Date:: 2010-05-01 #$
* $Build: 35 (2010-05-01)
*
*/
/* end star rating styles */
}
#wrapper #content-wrapper #content #review {
background-image: url('//chemcollective.org/assets/common/images/icons/black/spechbubble_2_icon&24.png');
}
#wrapper #content-wrapper #content #download_assignment,
#wrapper #content-wrapper #content #download_arsenic_assignment {
background-image: url('//chemcollective.org/assets/common/images/icons/black/doc_empty_icon&24.png');
}
#wrapper #content-wrapper #content #download_arsenic_assignment {
margin: 0 11%;
}
#wrapper #content-wrapper #content #download_offline {
background-image: url('//chemcollective.org/assets/common/images/icons/black/app_window&24.png');
}
#wrapper #content-wrapper #content #go {
background-color: #d2fb5e;
background-image: url('//chemcollective.org/assets/common/images/icons/black/round_arrow_right_icon&24.png');
width:
}
#wrapper #content-wrapper #content h2.description {
background-repeat: no-repeat;
background-position: 1px 50%;
padding-left: 1.5em;
background-image: url('//chemcollective.org/assets/common/images/icons/black/info_icon&24.png');
}
#wrapper #content-wrapper #content .desc_text {
float: left;
margin-top: 1.5em;
width: 100%;
}
#wrapper #content-wrapper #content table.metadata {
border-collapse: collapse;
margin-top: 1.5em;
}
#wrapper #content-wrapper #content table.metadata tbody tr {
background-color: #e0e0e0;
padding: 0.3em 0 0.1em 1.25em;
}
#wrapper #content-wrapper #content table.metadata tbody tr:last-child {
border-bottom: 1px solid #808080;
}
#wrapper #content-wrapper #content table.metadata tbody tr th,
#wrapper #content-wrapper #content table.metadata tbody tr td {
border-top: 1px solid #808080;
padding: 0.25em;
font-size: 0.92em;
}
#wrapper #content-wrapper #content table.metadata tbody tr th {
text-transform: uppercase;
color: #194c7f;
text-align: left;
font-weight: normal;
width: 33%;
vertical-align: top;
letter-spacing: 0.01em;
padding-left: 1.25em;
}
#wrapper #content-wrapper #content table.metadata tbody tr td {
text-align: left;
/* css styles for pop-up tooltip about resource type */
}
#wrapper #content-wrapper #content table.metadata tbody tr td a {
border-bottom: none;
}
#wrapper #content-wrapper #content table.metadata tbody tr td ul {
margin: 0;
}
#wrapper #content-wrapper #content table.metadata tbody tr td ul li {
margin: 0;
line-height: 1.8;
}
#wrapper #content-wrapper #content table.metadata tbody tr td .tooltip {
background-image: url('//chemcollective.org/assets/common/images/icons/black/info_icon&16.png');
background-position: 98% 50%;
background-repeat: no-repeat;
padding-right: 1.5em;
color: #222222;
cursor: help;
display: inline-block;
outline: medium none;
position: relative;
text-decoration: none;
border-bottom: none;
}
#wrapper #content-wrapper #content table.metadata tbody tr td .tooltip span {
font-size: 0.875em;
line-height: 1.2;
visibility: hidden;
position: absolute;
bottom: 30px;
left: 50%;
z-index: 999;
width: 300px;
margin-left: -127px;
padding: 10px;
border: 2px solid #ccc;
opacity: .95;
background-color: #3399ff;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
#wrapper #content-wrapper #content table.metadata tbody tr td .tooltip:hover {
border: 0;
/* IE6 fix */
}
#wrapper #content-wrapper #content table.metadata tbody tr td .tooltip:hover span {
visibility: visible;
}
#wrapper #content-wrapper #content table.metadata tbody tr td .tooltip span:before,
#wrapper #content-wrapper #content table.metadata tbody tr td .tooltip span:after {
content: "";
position: absolute;
z-index: 1000;
bottom: -7px;
left: 50%;
margin-left: -8px;
border-top: 8px solid #ddd;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 0;
}
#wrapper #content-wrapper #content table.metadata tbody tr td .tooltip span:before {
border-top-color: #ccc;
bottom: -8px;
}
#wrapper #content-wrapper #content .reviews {
background-repeat: no-repeat;
background-position: 1px 50%;
padding-left: 1.5em;
background-image: url('//chemcollective.org/assets/common/images/icons/black/spechbubble_2_icon&24.png');
}
#wrapper #content-wrapper #content .ui-stars-star,
#wrapper #content-wrapper #content .ui-stars-cancel {
float: left;
display: block;
overflow: hidden;
text-indent: -999em;
cursor: pointer;
}
#wrapper #content-wrapper #content .ui-stars-star a,
#wrapper #content-wrapper #content .ui-stars-cancel a {
width: 16px;
height: 15px;
display: block;
background: url('//chemcollective.org/assets/common/images/styling/jquery.ui.stars.gif');
background-repeat: no-repeat;
background-position: 0 0;
}
#wrapper #content-wrapper #content .ui-stars-star a {
background-position: 0 -32px;
}
#wrapper #content-wrapper #content .ui-stars-star-on a {
background-position: 0 -48px;
}
#wrapper #content-wrapper #content .ui-stars-star-hover a {
background-position: 0 -64px;
}
#wrapper #content-wrapper #content .ui-stars-cancel-hover a {
background-position: 0 -16px;
}
#wrapper #content-wrapper #content .ui-stars-star-disabled,
#wrapper #content-wrapper #content .ui-stars-star-disabled a,
#wrapper #content-wrapper #content .ui-stars-cancel-disabled a {
cursor: default !important;
}
#headlines {
padding-left: 0;
margin-left: 0;
}
.windows,
.mac {
float: right;
margin: 0.75em 0 2em 0;
background-color: #d2fb5e;
}
.windows:hover,
.mac:hover {
color: #000;
}
a + p {
clear: both;
}
.windows {
background-image: url('//chemcollective.org/assets/common/images/icons/black/windows&24.png');
}
.mac {
background-image: url('//chemcollective.org/assets/common/images/icons/black/mac.png');
}
#wrapper #content-wrapper #content .custom_activity_list {
margin: 1em 0;
max-width: none;
min-width: 1em;
}
#wrapper #content-wrapper #content .custom_activity_list > li {
border-top: 0.4em solid #005cb8;
margin: 1em auto 2em auto;
padding: 0.65em 0.1em;
max-width: 100%;
min-width: 600px;
}
#wrapper #content-wrapper #content .custom_activity_list > li .activity_name {
margin-top: 0;
margin-bottom: 0.25em;
font-size: 1.25em;
display: block;
}
#wrapper #content-wrapper #content .custom_activity_list > li .activity_name a {
border: none;
color: #3399ff;
}
#wrapper #content-wrapper #content .custom_activity_list > li .activity_name a:hover {
color: #005cb8;
border-bottom: 1px solid #005cb8;
}
#wrapper #content-wrapper #content .custom_activity_list > li p {
margin: 0.5em 0 0;
font-size: 0.9375em;
line-height: 1.3;
}
#wrapper #content-wrapper #content .custom_activity_list > li .get_info {
margin: 0;
}
#content-wrapper #content .galleria-image img,
#full-width-wrapper #content .galleria-image img {
margin: 0;
}
#wrapper #full-width-wrapper .autograded-content {
padding-bottom: 4em;
/* hide timestamp */
}
#wrapper #full-width-wrapper .autograded-content form,
#wrapper #full-width-wrapper .autograded-content #prelabDone {
background-color: #cce5ff;
padding: 0 1em 0.5em;
margin: 0.5em 0;
}
#wrapper #full-width-wrapper .autograded-content form table,
#wrapper #full-width-wrapper .autograded-content #prelabDone table {
width: 100%;
}
#wrapper #full-width-wrapper .autograded-content form table td,
#wrapper #full-width-wrapper .autograded-content #prelabDone table td {
vertical-align: bottom;
}
#wrapper #full-width-wrapper .autograded-content table {
width: auto;
margin: 0 auto;
}
#wrapper #full-width-wrapper .autograded-content .breadcrumb + div > span {
display: none;
visibility: hidden;
}
#wrapper #full-width-wrapper .autograded-content tr {
border: none;
}
#wrapper #full-width-wrapper .autograded-content #timestamp p {
margin: 1em 0;
padding: 0;
}
#content-wrapper #content img,
#full-width-wrapper #content td > img {
border: none;
margin: 0;
}
.ratioBOTTOM {
border-top: 1px solid black;
}
.login label {
width: 8em;
display: inline-block;
}
#contact-form .part {
display: inline;
float: left;
margin: 0 0 1em 0;
position: relative;
width: 49.1%;
}
#contact-form .part label,
#contact-form .part .error {
cursor: pointer;
display: inline-block;
padding-top: 1.5em;
}
#contact-form .part label {
color: #3399ff;
font-weight: bold;
}
#contact-form .part .error {
color: red;
float: right;
}
#contact-form .part input {
width: 100%;
}
#contact-form .part textarea {
width: 100%;
display: block;
}
#contact-form .part input,
#contact-form .part textarea,
#contact-form .part select,
#contact-form .part button {
color: #808080;
font-family: inherit;
font-size: 1em;
line-height: 1.4;
}
#contact-form #first_part {
padding-right: 2em;
width: 45%;
}
#contact-form .button-container {
float: right;
padding-right: 1%;
}
#contact-form .button-container button {
background-color: #ccfa4a;
border-radius: 0 0.125em 0.125em 0;
color: black;
padding: 0.281em 0.625em;
border: medium none;
border: 1px solid #b3c1cc;
cursor: pointer;
font-weight: bold;
overflow: visible;
padding: 0.5em 1em;
width: auto;
}
/* Smaller screens */
@media only screen and (max-width: 1023px) {
body {
font-size: 0.8em;
}
#header #non-nav-wrapper #non-nav #logo {
margin-left: -1.5em;
width: 17em;
}
#header #non-nav-wrapper #non-nav #logo img {
width: 92%;
}
#header #message {
padding: 0.5em 8% 0.4em 27%;
}
#content-wrapper {
width: 70%;
}
}
@media screen and (max-width: 800px) {
body {
font-size: 0.7em;
}
#header #top-nav-wrapper #top-nav #search-box form input[type="text"] {
width: 100px;
}
#header #top-nav-wrapper #top-nav #search-box form input[type="submit"] {
width: 60px;
}
#wrapper #content-wrapper {
width: 73.5%;
}
#wrapper #full-width-wrapper {
padding: 0;
}
#footer-wrapper #footer {
min-width: 700px;
}
}
/* Mobile */
@media handheld {
body {
font-size: 16px;
-webkit-text-size-adjust: none;
}
.row,
body,
.container {
width: 100%;
min-width: 0;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
}
.row .onecol,
.row .twocol,
.row .threecol,
.row .fourcol,
.row .fivecol,
.row .sixcol,
.row .sevencol,
.row .eightcol,
.row .ninecol,
.row .tencol,
.row .elevencol,
.row .twelvecol {
width: auto;
float: none;
margin-left: 0px;
margin-right: 0px;
padding-left: 20px;
padding-right: 20px;
}
}