/*
==========================================
| Designed by Jason Beard |
| University of Washington Bothell |
==========================================
===== Standard Template CSS Document =====
-uses 5 column grid in base.css
-overrides some properties in reset.css
-in use for all pages that use Standard Template
-unique color schemes and graphics for departments/programs are defined in colors.css
-some text styles and line spacing based on Blueprint's typography.css
-some settings are modified for printing is printstandard.css
===== Element tree =====
#containerWrapper
#container
#headerwrapper
#header.structuralSubElement
#logo
.screenReaderLinks
#search
#globalNavigationWrapper
.structuralSubElement
.screenReaderLinks
#globalNavigation
#bannerWrapper
#banner
#h1wrapper
.structuralSubElement
h1
#breadcrumbsWrapper
.structuralSubElement
#breadcrumbs
#contentWrapper
.structuralSubElement
#siteNavigation
.screenReaderLinks
#content
#resourcesWrapper
#footer
.structuralSubElement
.screenReaderLinks
address
#copyright
#contact
*/
@import url("/styles/colors.css"); /* Modifies soem colors and graphics depending on the directory */
body{ }
#containerWrapper{ }
#container{
background:url(/uwbothell/media/templateimages/base/background-e8.gif) center top repeat-y;
height:1%;
}
/* ==================================================================================================== */
/* ============================================== Banners ============================================= */
#bannerWrapper { /* background could be overriden in colors.css. background below is the purple, with no curve */
background:url(/uwbothell/media/templateimages/banners/standardBannerWrapperBackground-uwb.jpg) repeat-x;
}
#banner { /* backgroun defined in colors.css */
height:155px;
position:relative;
z-index:900
}
#banner #topline{ /* text should match the third-to-last item in breadcrumbs, or be blank */
color:#ffffff;
font-size:2em;
line-height:1em;
padding-top:55px;
}
#banner #bottomline{ /* text should match the second-to-last item in breadcrumbs. If top-level, should say "University of Washington Bothell" */
color:#ffffff;
font-size:2.5em;
line-height:1em;
}
.uwb #banner{ /* May be overridden in colors.css */
background:url(/uwbothell/media/templateimages/banners/standardBanner-uwb.jpg) center no-repeat; /* Default banner for whole website */
}
/* ===================================================================================================== */
/* ============================================== Headings ============================================= */
/* --------------------------- Page Title --------------------------- */
/* Below curve, above breadcrumbs */
.uwb h1{
clear:both;
color:#39275b; /* May be overridden in colors.css */
font-weight: normal;
font-size: 2.5em; /* size changed from 3 to 2.5 [typography.css]*/
line-height: 1em;
margin-bottom:.1em; /* brings up breadcrumbs close to page title */
width:560px; /* keeps in 3-column width*/
}
/* ---------------------- Other page headings ---------------------- */
.uwb h2, .uwb h3, .uwb h4 {
clear:both;
}
.uwb h2{
color:#39275b;
font-size: 2em;
font-weight: normal;
line-height: 1em;
margin-bottom: 0.75em;
}
.uwb h3{
font-size: 1.5em;
font-weight: normal;
line-height: 1em;
margin-bottom: .25em;
}
.uwb h4{
color:#39275b;
font-size: 1.2em;
font-weight: bold;
line-height: 1.2em;
margin-bottom: .25em;
}
h5 {
color: #333333;
font-size: 1em;
font-weight: bold;
margin-bottom: 0;
}
h6 { /* unless hand-coded, this is unused */
color: #333333;
font-size: 1em;
font-weight: bold;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { /* images inside of headers */
margin: 0;
}
h2 a, h3 a, h4 a{ /* Links inside of headers*/
text-decoration:none;
}
/* ==================================================================================================== */
/* ============================================ Breadcrumbs =========================================== */
#breadcrumbsWrapper {
margin-bottom: 2.5em;
}
#breadcrumbs {
font-size: .8em;
line-height: 1;
}
#breadcrumbs ol{
list-style-type:none;
margin:0;
}
#breadcrumbs ol li{
display:block;
float:left;
padding:3px 9px 3px 0px;
}
#breadcrumbs ol li a{
color:#39275b;
}
#breadcrumbs ol li a:hover{
color:#5e4a85;
}
/* ==================================================================================================== */
/* ========================================== Site Navigation ========================================= */
#siteNavigation {
position:relative;
}
/* ------------------------------- Menu ------------------------------ */
#siteNavigationHome{
background:url(/uwbothell/media/templateimages/menu/menuTop2-e8-purple.png) left top no-repeat;
padding:12px 0 0 0;
text-align:center;
width:184px;
}
#siteNavigationHome a {
display:block;
color:#ffffff;
text-decoration:none;
font-size:1.3em;
line-height:1.1em;
font-weight:bold;
padding:.5em 4px;
margin:0 12px 0 4px;
}
#siteNavigationHome a:hover { color:#cccccc }
#siteNavigation .menuWrapper{
background:url(/uwbothell/media/templateimages/menu/menuBody2-e8-purple.png) left bottom repeat-y;
width:184px;
}
#siteNavigation .menuWrapper ul .CMSListMenuLinkHighlighted{ /* this is an anchor tag */
background: #5f4f7a;
color:#ffffff;
}
#siteNavigation .menuWrapper ul .menuLastItem{ /* produced by CMS */
}
#siteNavigation .menuWrapper ul{ /* The whole menu */
list-style-type:none;
margin-left:2px; /* to see the border */
margin-right:10px; /* to see the shadow */
padding:0 0 14px 0; /* to see the shadow and give some text padding */
}
#siteNavigation .menuWrapper ul li{
position:relative; /* to allow image to be absolutely positioned within this block */
}
#siteNavigation .menuWrapper ul li a{ /*all menu links*/
display:block; /* makes link take up whole li */
color:#ffffff;
font-size:1em;
line-height:1em;
text-decoration:none;
border-top: 1px solid #9489a6;
padding:.5em 20px .5em 8px;
width:144px; /* =184 -1px(border) -8px(leftpadding) -9px(shadow) -10px(arrow) -20px(rightpadding) */
}
#siteNavigation .menuWrapper ul li img{ /* little arrow: 10px wide */
position:absolute;
left:156px; /* gives room for shaddow on right plus 4px margin */
top: 9px;
}
#siteNavigation .menuWrapper ul li ul{ /*secondary menus*/
background:none;
margin:0;
border:0;
padding:0;
}
/*#siteNavigation .menuWrapper ul li ul.active{
display:block;
}*/
#siteNavigation .menuWrapper ul li ul li a{ /* affects secondary & tertiary menu items*/
padding-left: 20px; /* 12px more indent */
border-top: 1px solid #5f4f7a;/*#5e4a85; */
width:132px; /* accounts for increased indentation */
}
#siteNavigation .menuWrapper ul li ul li ul li a{ /*tertiary menu items*/
padding-left: 32px; /* 24px more indent */
width:120px; /* accounts for increased indentation */
}
#siteNavigation .menuWrapper ul li a:hover{
background: #39275b url(/uwbothell/media/templateimages/menu/menuShade2-purple.png) left bottom repeat-x;
color: #ffffff;
}
#siteNavigation .menuWrapper ul li a:active{
background: #5f4f7a;
color:#ffffff;
}
/* ==================================================================================================== */
/* =========================================== Content Block ========================================== */
#content {
padding-top:6px; /* adjusts content even with horizontal edge of menu */
min-height:300px;
}
/* ------------------------------- Links ------------------------------ */
#content a,
#content a:visited{
color: #39275b;
text-decoration:underline
}
#content a:hover{
color: #5e4a85;
}
/* ------------------------------- Lists ------------------------------ */
ul { list-style-type: disc; }
ol { list-style-type: decimal;}
dl {
margin: 0 0 1.5em 0;
}
dl dt {
font-weight: bold;
}
dl dd {
margin-left: 1.5em;
}
#content ul, #content ol{
list-style-position:inside;
margin: 1.5em 0 1.5em 0;
}
li ul, li ol {
margin:0 1.5em;
}
ul, ol {
margin: 0 1.5em 1.5em 1.5em;
}
/* ----------------- Nested lists ----------------- */
#content ul ul {
list-style-position:inside;
margin:0 0 0 2em;
list-style-type: circle;
}
#content ol ol{
list-style-position:inside;
margin:0 0 0 2em;
list-style-type: lower-alpha;
}
#content ol ul{
margin-left: 1.5em;
}
#content ul ol{
margin-left: 1.5em;
}
#content ol li p {
margin: 0 0 1.5em 1em;
}
#content ol li p:first-child {
margin: -1.5em 0 1.5em 1em;
}
#content ol li li p {
margin: 0 0 1.5em 1em; list-style-type: lower-alpha;
}
#content ol li li p:first-child {
margin: -1.5em 0 1.5em 1em;
}
/* ============ Inline Text Styles ============ */
.critical{
color: #aa0000;
font-weight:bold;
}
blockquote {
margin: 1.5em;
color: #666666;
font-style: italic;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
dfn {
font-style: italic;
font-weight: bold;
}
/*sup, sub { line-height: 0; }*/
abbr, acronym {
border-bottom: 1px dotted #666;
}
address {
margin: 0 0 1.5em;
}
del { color:#666666; }
pre {
margin: 1.5em 0;
white-space: pre;
}
pre,code,tt {
font: 1em 'lucida console', monospace;
line-height: 1.5;
}
#content img, #resources img{
background:#ffffff;
border: 1px solid #cccccc;
margin: 4px;
padding: 2px;
}
/* ==================================================================================================== */
/* ========================================== Resources Block ========================================= */
#resources {
/* content in this section is almost always in a Box. CSS is in section below. */
}
/* ====================================================================================================*/
/* ============================================== Boxes ===============================================*/
/* ============ Letter ============
Used to highlight letters from the director, professor, etc.
Should only be used in #content.
HTML:
*/
.letter{
background: #ffffff url(/uwbothell/media/templateimages/boxes/letterBackground.png) bottom right no-repeat;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
padding:16px;
margin-bottom:1.5em;
}
.letter p{
font-style:italic;
}
/* ============ Quotation ============
Used for pull quotes.
Can be used in #content and #resources
HTML:
Therefore, I shall resign the Presidency effective at noon tomorrow.
Richard M. Nixon
*/
.quotation{
background: #ffffff url(/uwbothell/media/templateimages/boxes/quotationBackground.png) top left no-repeat;
padding-top:50px;
width: 176px;
}
#content .quotation{
float:left; margin-right:16px;
}
#resources .quotation{ }
.quotation q{
display:block;
}
.quotation cite{
display:block;
background: #ffffff url(/uwbothell/media/templateimages/boxes/quotationCiteBackground.png) bottom right no-repeat;
padding:20px 80px 20px 0;
text-align:right;
font-style:italic;
}
.specialLink{ /*span */
display:block;
padding:.5em 0;
margin:.5em 0;
background:url(/uwbothell/media/templateimages/boxes/specialLinkBackground.jpg) left no-repeat;
}
.specialLink a{ /*span */
padding-left:10px;
color:#39275b;
}
address{
margin-left:16px;
font-style:normal;
}
.focusBox, .alertBox, .relatedLinksBox, .focusbox{
color:#333333;
width:184px;
padding:0 0 20px 0; /* 20px = 12px bottom shadow + 8px extra*/
}
.focusBox h3, .alertBox h3, .relatedLinksBox h3, .focusbox h3{
color:#ffffff;
margin:0 0 8px 0;
padding:18px 12px 8px 12px; /* padding:18px 16px 8px 8px;*/
text-align:center;
}
.focusBox h4, .focusBox h5{
padding-left: 5px;
}
.focusBox p, .alertBox p, .relatedLinksBox p, .focusbox p{
margin:0 8px 0 8px; /* margin:0 12px 0 4px; */
padding-bottom:.5em;
}
div.focusBox ul li {
list-style-type:disc;
margin-left:10px;
}
/* When a box is in the #content block */
#content .focusBox, #content .alertBox, #content .relatedLinksBox{ float:left; margin-right:16px; }
#content .focusBox{ background: transparent url(/uwbothell/media/templateimages/boxes/focusBoxBodyBackground.png) left bottom no-repeat; }
#content .focusBox h3{ background: #39275b url(/uwbothell/media/templateimages/boxes/focusBoxHeaderBackground-purple-content.png) left top no-repeat; }
#content .focusbox{ background: transparent url(/uwbothell/media/templateimages/boxes/focusBoxBodyBackground.png) left bottom no-repeat; }
#content .focusbox h3{ background: #39275b url(/uwbothell/media/templateimages/boxes/focusBoxHeaderBackground-purple-content.png) left top no-repeat; }
/*#content .alertBox{ background: transparent url(/uwbothell/media/templateimages/boxes/alertBoxBodyBackground.png) left bottom no-repeat; }*/
/*Hot fix!
#content .alertBox{ background: transparent url(/uwbothell/media/templateimages/boxes/focusBoxBodyBackground.png) left bottom no-repeat; }
End Hot fix*/
#content .alertBox h3{ background: url(/uwbothell/media/templateimages/boxes/alertBoxHeaderBackground.png) left top no-repeat; }
#content .relatedLinksBox{ background: transparent url(/uwbothell/media/templateimages/boxes/relatedLinksBodyBackground.png) left bottom no-repeat; }
#content .relatedLinksBox h3{ background: #39275b url(/uwbothell/media/templateimages/boxes/relatedLinksHeaderBackground-content.png) left top no-repeat; }
/* When a box is in the #resources block */
#resources .focusBox, #resources .alertBox, #resources .relatedLinksBox{ }
#resources .focusBox{ background: transparent url(/uwbothell/media/templateimages/boxes/focusBoxBodyBackground.png) left bottom no-repeat; }
#resources .focusBox h3{ background: #39275b url(/uwbothell/media/templateimages/boxes/focusBoxHeaderBackground-purple-col5.png) left top no-repeat; }
#resources .focusbox{ background: transparent url(/uwbothell/media/templateimages/boxes/focusBoxBodyBackground.png) left bottom no-repeat; }
#resources .focusbox h3{ background: #39275b url(/uwbothell/media/templateimages/boxes/focusBoxHeaderBackground-purple-col5.png) left top no-repeat; }
#resources .alertBox{ background: transparent url(/uwbothell/media/templateimages/boxes/alertBoxBodyBackground.png) left bottom no-repeat; }
#resources .alertBox h3{ background: #dd0000 url(/uwbothell/media/templateimages/boxes/alertBoxHeaderBackground.png-col5) left top no-repeat; }
#resources .relatedLinksBox{ background: transparent url(/uwbothell/media/templateimages/boxes/relatedLinksBodyBackground.png) left bottom no-repeat; }
#resources .relatedLinksBox h3{ background: #39275b url(/uwbothell/media/templateimages/boxes/relatedLinksHeaderBackground-col5.png) left top no-repeat; }
/* In-page navigation */
#pagenav{
border: 1px solid #cccccc;
margin:30px 0px 30px 0px;
padding:20px 20px 10px 20px;
list-style-type:none;
background:#eeeeee;
width:520px;
line-height: 1.2em;
}
#pagenav h3{
margin:0;
padding: 0;
color:#39275b; font-size:130%;
font-weight:bold;
background:none;
}
#pagenav ul{
margin:0;
padding: 0 0 6px 16px;
list-style-type:decimal;
}
#pagenav li{
padding:6px 0 0 0px;
}
/* Dual Columns */
.columnWrapper{
overflow: hidden;
width: 560px; /* 3 columns */
}
.leftColumn, .rightColumn{
position:relative;
float:left;
width:272px;
}
.rightColumn{
left:16px; /* adds 16px margin to left column */
}
/* ------------------------------------------------------- Legacy -----------------------------------------------------------------*/
/* images */
div.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
div.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
/* Curriculum Charts
Yearly Curriculum chart, divided by quarter
CMS feautes like =heading and =paragraph cannot be used inside the curriculum chart
div.curriculumchart4, h4, divv (quarter box), dl, dl>dd are required elements.
Example HTML:
Required Courses
Autumn 2006
- CSS 301 Technical Writing for Computing Professionals (5)
- CSS 342 Mathematical Principles of Computing (5)
Winter 2007
- CSS 161 Fundamentals of Computing (5)
- CSS 343 Data Structures and Algorithms (5)
Spring 2007
- CSS 162 Programming Methodology (5)
- CSS 301 Technical Writing for Computing Professionals (5)
Summer 2007
- CSS 497 Cooperative Education (5)
*/
div.curriculumchart4{
margin-left: 30px;
clear: right
}
div.curriculumchart4 h4{ /* Year title*/
clear: right;
float: left; /*must be removed for IE6 & IE7*/
padding-left: 0;
width: 80%;
}
div.curriculumchart4 div{ /* Quarter box*/
padding: 0px 4px;
width: 20%;
float: left;
}
div.curriculumchart4 h5{ /* Quarter title*/
padding: 0px 0px 10px 0;
}
div.curriculumchart4 dl{ /* List of Courses*/
padding: 0px;
font-size: 85%
}
div.curriculumchart4 dl dd{ /* Course */
padding-bottom: 10px;
}
div.curriculumchart4 div.note{ /* Quarter box*/
font-size: 85%;
width: 80%;
float: left;
font-style:italic;
}
table{
/*background:url(/images/tablebg.png) top right repeat-x;*/
border-left: 0px solid #999999;
border-spacing:0px 0px;
margin:0 0 2em 0;
font-size: 100%;
}
table caption{
text-align:left;
background:transparent;
}
table thead th{ /* goes along the top row of table*/
background:#333333;
color: #ffffff; font-size: 100%; font-weight:normal;
border-bottom: 1px solid #999999;
padding:5px 5px 5px 5px;
margin:0;
text-align: center;
}
table thead tr th:first-child, #page table thead tr th.corner{ /* goes along the top row of table*/
/*background: url(/images/table-firstth.png) top left no-repeat;*/
}
table thead th .subtitle, #page table tbody th .subtitle{ /* smaller text below major heading */
font-size: 90%;
}
table thead th a{
color: #333333;
}
table tbody th{ /* goes along the side of table*/
background: #dddddd;
border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999;
padding:2px;
padding-right: 5px;
text-align: center;
color: #333333; font-size: 100%; font-weight:normal;
}
table tbody th a{
color: #39275b;
}
table tbody tr td { /* White background, used for most table cells */
background: #ffffff ;
border: 1px solid #999999; border-top:0; border-left:0;
padding: 2px;
color: #333333; font-size: 90%;
text-align:center;
}
table tbody tr td.disabled{ /* Grey background, used for cells with disabled options and/or buttons */
background: #cccccc;
color: #666666;
border: 1px solid #999999; border-top:0; border-left:0;
padding: 2px;
color: #333333; font-size: 100%;
}
table.nolines, #page table.nolines thead th, #page table.nolines tbody th, #page table.nolines tbody td{
border: 0;
}
#footer{ /* Override base.css */
background: #39275b url(/uwbothell/media/templateimages/base/footerBackground-e8.jpg) repeat-x center top;
}
/* ==================================================================================================== */
/* ============================================ Features ============================================== */
/* ============ Randomly Rotate Divs ============ */
/*Used for the rotating pictures feature on the alumni/alumniprofiles page. */
#randomlyRotateDivsContainer h2, #randomlyRotateDivsContainer h3, #randomlyRotateDivsContainer p{
clear: none; /* This removes the default clear style. */
}
#randomlyRotateDivsContainer .rotateDivs img{
margin: auto auto auto -5px;
}
#randomlyRotateDivsContainer .rotateDivs h3{
font-size:1.2em
}
#alumni-profiles h2, #alumni-profiles h3, #alumni-profiles p{
clear: none; /*this is to move the picture to the right side without the h2, h3, and p clearing to the next line */
}
/* ============ 21st Century ============ */
.uwb-21stcentury p{
color:#666666;
}
/* Colorbar on bottom of pages. */
.uwb-21stcentury #sevencol{
background-color:#ffffff;
clear:both;
width:752px;
left:-100px;
position:relative;
border: 1px solid #333333;
}
.uwb-21stcentury #sevencol .priority{ /* all boxes */
background-color:#ffffff;
float:left;
min-height:12em;
width:107px;
}
.uwb-21stcentury #sevencol h4{
color:#333333;
font-weight:bold; font-size:100%;
margin:0;
padding:1em 2px 2px 2px;
text-align:center;
}
.uwb-21stcentury #sevencol h4 a, .uwb-21stcentury #sevencol p a{
text-decoration:none;
}
.uwb-21stcentury #sevencol h4 a:hover, .uwb-21stcentury #sevencol p a:hover{
color: #ffffff;
}
.uwb-21stcentury #sevencol p{
margin:0;
padding:2px;
font-size:85%;
text-align:center;
}
.uwb-21stcentury #sevencol #one{
background-color:#DEB406;
}
.uwb-21stcentury #sevencol #two{
background-color:#f5e6b7;
width:108px;
}
.uwb-21stcentury #sevencol #three{
background-color:#a4a1cc;
}
.uwb-21stcentury #sevencol #four{
background-color:#b0b0b0;
width:108px;
}
.uwb-21stcentury #sevencol #five{
background-color:#ccccdd;
}
.uwb-21stcentury #sevencol #six{
background-color:#c1c494;
width:108px;
}
.uwb-21stcentury #sevencol #seven{
background-color:#ddddc0;
}
/*--------------------20 years ---------------------*/
#navigation ul{
margin: 0 0 1.5em 1.5em;
}
/*--------------------Google Directions ------------*/
div#googleDirections table tbody tr td{
border-style: hidden;
border: none;
}
/*--------------------Google Maps ------------------*/
#content #googleMapContainer img{
background:none;
}
#googleMapContainer{
width:500px;
height:500px;
}
/*Dev testing*/
#map-container {
background:none;
margin:20px auto;
padding-top:0;
width:600px;
}
a.clicker {
float:left;
margin-bottom:0;
margin-right:4px;
padding:0;
}
#map {
clear:both;
margin:0 auto 0 0;
}
#map table tbody tr td {
border:none;
}
.hidden {
display:none;
}
div.map-con {
background:none repeat scroll 0 0 transparent;
margin-bottom:10px;
padding:20px 0;
}
div.map-con div {
width:560px;
moz-corner-radius:5px;
}
div.map-con div td span {
text-align:left;
}
div.map-con input {
width:400px;
padding:2px;
margin:10px;
}
div.map-con input.btn-submit {
background:none repeat scroll 0 0 #93B1CC;
color:#FFFFFF;
display:block;
font-size:14px;
margin:0 0 5px 90px;
padding:3px;
width:120px;
}
div.map-con label {
display:inline-block;
font-size:14px;
width:70px;
}
#content div.map-con ul {
list-style-type:none;
padding-bottom:0;
margin-bottom:0;
}
/*************************** NEW CODE ****************************/
div.map-con2 {
width:580px;;
float:left;
}
div.map-con2 h3 {
background:none repeat scroll 0 0 #f1f1f1;
clear:both;
color:#666666;
line-height:1.6em;
margin-top:10px;
padding-left:5px;
width:550px;
}
#content div.map-con2 a img {
margin:20px 0 10px 0px;
float:left;
}
#content div.map-con2 img {
border:none;
}
div.map-con2 p.intro {
border-right:1px solid #D2D2D2;
float:left;
margin:20px 10px 0 25px;
padding-right:20px;
width:200px;
}
div.map-con2 p.desc {
margin:20px 25px 20px 25px;
float:right;
width:320px;
}
.bold-text {
font-size:1.2em;
text-transform:uppercase;
font-weight:bold;
}
#content div.map-con2 ul {
float:left;
list-style-type:none;
margin:20px 0 0 15px;
}
#content span.link-btn {
display:block;
width:133px;
background:#93b1cc;
margin:10px 0 0 0em;
border:1px solid #999;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
border-radius:3px;
padding:3px 0;
}
#content a.arrow-right {
background: url(/uwbothell/media/templateimages/base/arrow-right.png) no-repeat scroll right center transparent;
color:#FFFFFF;
font-size:15px;
padding:3px 33px 3px 15px;
text-align:center;
text-decoration:none;
}
#content span.link-btn:hover {
background:#165788;
}
table.new-table {
border-left:1px solid #d2d2d2;
width:580px;
}
#content table.new-table thead th {
border-left:none;
border-bottom:1px solid #D2D2D2;
border-top:1px solid #d2d2d2;
margin:4px;
background:#333333;
width:300px;
height:60px;
border-right:1px solid #d2d2d2;
font-weight:bold;
text-align:left;
padding-left:15px;
}
table.new-table tbody tr.odd td {
background:#f7fbff;
}
table.new-table tbody tr td {
width:300px;
border-right:1px solid #d2d2d2;
border-bottom:1px solid #d2d2d2;
text-align:left;
padding:15px 10px 10px 15px;
font-size:12px;
}
table.no-borders tr td {
border:none;
}
/*div.map-con3 {
width:550px;
border-top:2px solid #93b1cc;
padding:20px 0;
margin-bottom:20px;
clear:both;
}
div.map-con3 h3, div.map-con3 p {
float:left;
}
#content div.map-con3 img {
float:right;
border:none;
}
div.map-con3 p {
width:200px;
margin-left:10px;
}
div.map-con3 h3 {
width:165px;
}*/
div.map-con3 h3.alert, div.map-con2 h3.alert {
float:none;
display:block;
width:550px;
background:#eef705;
margin-bottom:10px;
color:#39275b;
}
/*used for googleMaps table on nursing/education */
table.new-table tbody.h3_pointer tr td h3{
cursor:pointer;
}
table.new-table tbody.h3_pointer tr td div.collegeStudents ul li{
cursor:pointer;
}
/*End dev testing*/
/* Azadeh A. styles */
#content img.alignright{
float: right;
margin: 3px 0 5px 15px;
}
#content img.alignleft{
float: left;
margin: 3px 15px 5px 0px;
}
img.noborder{
border: 0px !important;
padding: 0px !important;
margin: 0 !important;
}
hr.divider{
border: 0;
background: url(../uwbothell/media/templateimages/base/content-divider.jpg) no-repeat;
height: 1px;
margin-top: 35px;
margin-bottom: 35px;
}
h3.highlight{
color: #bd4f19;
background: #fff;
font-size: 14px;
line-height: 19px;
font-weight: bold;
}
.pdf-icon-med, .xls-icon-med{
padding-left: 40px;
}
.pdf-icon-med{
background: url(../uwbothell/media/templateimages/base/pdf-icon-sm.png) no-repeat 4px 4px;
}
.xls-icon-med{
background: url(../uwbothell/media/templateimages/base/xls-icon-sm.gif) no-repeat 4px 4px;
}
.note{
font-size: 11px;
font-style: italic;
}
.addthis_toolbox{
margin-top: 30px;
margin-bottom: 20px;
}
blockquote.quote{
background: url(../uwbothell/media/templateimages/base/quote1.gif) no-repeat top left;
margin: 15px 0;
padding: 20px;
}
blockquote span.quote-name{
display: block;
font-size: 11px;
margin-top: 10px;
}
.facts-quote{
padding-top: 25px;
}
.facts-quote img{
margin: 15px 0px 0px !important;
}
.facts-pdf a, .focusBox-pdf a{
display: block;
}
.facts-interest{
float: left;
margin-right: 20px;
width: 40%;
}
.facts-interest .inner{
padding: 20px;
border: 1px solid #dddddd;
background: #f1f1f1;
border-top: 0;
}
.facts-interest h3{
background: #493868;
padding: 15px;
text-align: center;
color: #fff;
margin-bottom: 0;
}
.facts-degrees{
width: 50%;
float: right;
}
.columnWrapper .c3-Col1, .columnWrapper .c3-Col2, .columnWrapper .c3-Col3{
width: 176px;
float: left;
position:relative;
padding-right: 10px;
}
img.facts-charts{
position: relative;
}
.facts-cities-cols{
margin-bottom: 40px;
background-repeat: no-repeat;
}
.facts-cities-cols h3{
height: 25px;
padding-left: 15px;
}
.facts-charts-cols h3{
padding-left: 15px;
}
.facts-cities-cols ul{
padding-left: 15px;
}
.addthis_default_style a{
text-decoration: none !important;
}
/*********** DISQUS Styles ***********/
.comment-header{
padding: 10px 0px;
margin-top: 45px;
height: 20px;
border-bottom: 1px solid #cbc7d3;
border-top: 1px solid #cbc7d3;
}
.comment-header h2{
clear: none !important;
float: left;
width: 50%;
margin: 0px;
font-size: 18px;
font-weight: bold;
color: #403363;
}
.comment-header p.terms {
width: 50%;
float: right;
display: block;
text-align: right;
}
.comment-header a{
z-index:10;
color: #9b90ad !important;
}
.comment-header a:hover{
position:relative;
z-index:150;
text-decoration: none;
text-decoration: none !important;
}
.comment-header a span{
display:none;
}
.comment-header a:hover span{
display:block;
position:absolute;
float:left;
top:-7.7em;
left:.1em;
background:#dad6e2;
border:1px solid #948ba6;
color:#000;
padding:5px;
z-index:15;
width: 200px;
text-align: left;
}
#dsq-content #dsq-global-toolbar{margin-top: 0px !important;
}
#dsq-content h3{
font-size: 16px;
}
#dsq-sort-by select{
margin-bottom: 10px !important;
}
#dsq-content #dsq-footer{
margin-bottom: 5px !important;
margin-top: 35px !important;
}
a.dsq-subscribe-rss{display: none;}
#dsq-content div, #dsq-content p, #dsq-content h3 { clear:none !important; }
ul.dsq-like-faces {
margin-left: 0px !important;
}
li.dsq-tt img {
margin: 0px !important;
}