/* ********** Defaults - gets all browser baselines in sync, copied from last version of page ****** */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin:0; padding:0;}
fieldset,img {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
.clear {clear:both; height:0; overflow:hidden; line-height:1px; font-size:1px;}
/***************************************************************************/

/*********** basics - main typography, mostly from previous version of site *********** */
body {
background-color:#E5E5E5;
color: #000;
font: normal 1em Verdana, Helvetica, sans-serif;
position: relative;
}
h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Helvetica, sans-serif;
padding-top:.6em;
margin-bottom: .4em;
}
h1 {
font-size: 175%;
}
h2 {
font-size: 145%;
}
h3 {
font-size: 125%;
color: #ba7d00;
}
h4 {
font-size: 105%;
}
h5 {
font-size: 90%;
}
h6 {
font-size: 80%;
}
/* Smaller gray deck */
h1.subhead {
font-size:130%;
color:#555;
margin-top:-.5em;
}
/* removes vertical separator in front of first item in horizontal list */
#outside li.first, #footer li.first {
border-left: 0;
}

hr {
border: 0;
border-top: 2px dotted #e3d6bf;
width: 50%;
height: 1px;
margin: 1em 0;
}

/******************************************************************/

/* Skip to main content - for keyboard users, not needed anymore for screen readers. */
/*FIX SKIP LINK, NOT WORKING!*/
#skip a {
position:relative;
display:block;
font-size: 80%;
color:#FFFFFF;
}
#skip a:focus {
display:block;
text-decoration:underline;
}

/*Footer, modified from previous version of page. **/

#footer {
font-size: 0.7em;
/*Changed footer width to width of page above it so that it remains centered on phones and other small screens*/
width:1000px;
text-align:left;
padding-bottom:1em;
margin-right:auto;
margin-left:auto;
margin-top:10px;
}
#footer ul  {
padding: 10px;
}
#footer ul li {
list-style-type:none;
display:inline;
padding: 0 .6em;
border-left: 1px solid #000;
}
#footer a, #footer a:visited {
text-decoration:none;
color: #31418c;
}
#footer a:hover, #footer a:visited:hover {
text-decoration:underline;
color: #c19e36;
}

/***********Blue header at the top of the page*********/

/* Places required link to campus homepage */

#blueheader {
margin-left:auto;
margin-right:auto;
background-color:#005A9C;
width:1000px;
height:100px;
margin-top:10px;
border-width:0px;
border-top-right-radius: 15px;
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius:15px;
border-top-left-radius: 15px;
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius:15px;
-webkit-background-clip:padding-box;
position:relative;
}

/***********styles for some divs in header, from previous version of site*********/

/* Places required link to campus homepage */
#ucb {
position: relative;
top: 9px;
left: 12px;
width:70%;
color:white;
}
#ucb a {
color:#fff;
text-decoration: none;
font-size:80%;
}

#altnav {
width:400px;
height:1px;
margin-right:auto;
margin-left:auto;
position:relative;
}

#altnav a {
position:absolute;
color:white;
left:-9999px;
}

#altnav a:focus {
color:black;
left:0px;
margin-top:2px;
}

#skip {
color:red;
visibility:hidden;
}

#skip a:focus {
visibility:visible;
}

#ucb a:hover, #ucb a:active {
text-decoration:underline;
}

#sound {
overflow:hidden;
height:30px; 
width:315px; 
top:100px;
right:5px;
position:absolute;
margin-left:20px;
}

#logo {
position:absolute;
top: 9px;
/*Added left margin 2/15/11*/
margin-left:20px;
overflow:hidden;
}

/* Common toolset - map/email/search */
#tools {
color:white;
position:absolute;
top: 9px;
font-size:80%;
right: 7px;
vertical-align: top;
text-align: right;
}
#tools form {
display:inline;
}
#tools input {
margin: 2px 0;
border:none;
color:black;
background-color:#fff;
}
#tools input.go {
margin-bottom:-4px;
}
#tools a, #tools a:visited {
text-decoration:none;
color: #fff;
}
#tools a:hover, #tools a:visited:hover {
text-decoration:underline;
}

/****************New for this version of the site*******/

/*A couple of styles just for the homepage*/
.homepage a:link {
color:#1621DE;
}
.homepage a:visited {
color:#404040;
}

/*Box enclosing mega-dropdown menu*/
#dropbox{
background-color: #005A9C;
width:1000px;
height:30px;
display:block;
margin-left:auto;
margin-right:auto;
}

.dropdown, .dropdown ul {
        font-size:12px;
        text-align:center;
	padding: 0;
	margin:0;
	list-style: none;
}

.dropdown a {
padding-top:3px;
padding-bottom:1px;
color:#ffffff;
text-decoration:none;
/*JTaggart 6/25/2013 looks like below is not necessary*/
/*display:block;*/
}

.dropdown > li {
/*JCT 1/10/2013 makes outline on hover extend all the way down.*/
height:20px;
}

.dropdown > li:after {
margin-left: 5px; content: '\25BC';
}

.privacy a:hover {
text-decoration:underline;
}

/*Style list element tha is top of For The Public dropdown*/

/*Take care of IE css jitter problem when hovered elements change size in any way. */
/*Border always there with color same as background, changes color when hovered.*/
.dropdown li {
float:left;
border-top-right-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius:10px;
border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius:10px;
border-top: 3px solid #005A9C;
border-right: 3px solid #005A9C;
border-left: 3px solid #005A9C;
}

.dropdown li:hover {
border-top: 3px solid #FDB93C;
border-right: 3px solid #FDB93C;
border-left: 3px solid #FDB93C;
}

/*dropPublic is the dropdown associated with For The Public.*/
.dropdown #dropPublic {
        background-color:#FFFFFF;
	position: absolute;
	z-index:9999;
	text-align:left;
        margin-top:4px;
	margin-left:-3px;
        width:408px;
        left: -9999px;
	float:none;
	color:#000000;
        /*border:5px solid #FDB93C;*/
	border:3px solid #FDB93C;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-top-right-radius: 15px;
        -moz-border-radius-bottomleft: 15px;
        -moz-border-radius-bottomright: 15px;
        -moz-border-radius-topright: 15px;
	-webkit-border-bottom-left-radius:15px;
        -webkit-border-bottom-right-radius:15px;
        -webkit-border-top-right-radius:15px;
}

/*Puts the little arrow thing after For The Public*/
.dropdown #dropPublic:after {
content:'';
position: absolute;
top: -3px; left:0px;
width:125px;
height:3px;
background-color:white;
}

.dropdown #dropPublic a{
font-size:12px;
padding-top:2px;
padding-bottom:0px;
text-align:left;
color:#000000;
text-decoration:none;
}
.dropdown #dropPublic li{
text-align:left;
border:none;
}
.dropdown #dropPublic a:hover {
text-decoration:underline;
}

.dropdown #dropResearchers {
        background-color:#FFFFFF;
	position: absolute;
        z-index:9999;
	text-align:left;
	margin-left:-3px;
        margin-top:4px;
        width:530px;
        left: -9999px;
	float:none;
	color:#000000;
        border:3px solid #FDB93C;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-top-right-radius: 15px;
        -moz-border-radius-bottomleft: 15px;
        -moz-border-radius-bottomright: 15px;
        -moz-border-radius-topright: 15px;
	-webkit-border-bottom-left-radius:15px;
        -webkit-border-bottom-right-radius:15px;
        -webkit-border-top-right-radius:15px;
}

.dropdown #dropResearchers:after {
content:'';
position: absolute;
top: -3px; left:0px;
width:145px;
height:3px;
background-color:white;
}

.dropdown #dropResearchers a{
font-size:12px;
padding-top:2px;
padding-bottom:0px;
text-align:left;
color:#000000;
text-decoration:none;
}
.dropdown #dropResearchers li{
text-align:left;
border:none;
}
.dropdown #dropResearchers a:hover {
text-decoration:underline;
}

.dropdown #dropAffiliates {
	position: absolute;
        z-index:9999;
        background-color:#FFFFFF;
	text-align:left;
        margin-top:4px;
	margin-left:-3px;
        width:272px;
        left: -9999px;
	float:none;
	color:#000000;
        border:3px solid #FDB93C;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-top-right-radius: 15px;
        -moz-border-radius-bottomleft: 15px;
        -moz-border-radius-bottomright: 15px;
        -moz-border-radius-topright: 15px;
	-webkit-border-bottom-left-radius:15px;
        -webkit-border-bottom-right-radius:15px;
        -webkit-border-top-right-radius:15px;
}

.dropdown #dropAffiliates:after {
content:'';
position: absolute;
top: -3px; left:0px;
width:119px;
height:3px;
background-color:white;
}

.dropdown #dropAffiliates a {
font-size:12px;
padding-top:2px;
padding-bottom:0px;
text-align:left;
color:#000000;
text-decoration:none;
}
.dropdown #dropAffiliates li{
text-align:left;
border:none;
}
.dropdown #dropAffiliates a:hover {
text-decoration:underline;
}


.dropdown #dropBSL {
	position: absolute;
        z-index:9999;
        background-color:#FFFFFF;
	text-align:left;
        margin-top:4px;
	margin-left:-3px;
        width:213px;
        left: -9999px;
	float:none;
	color:#000000;
        border:3px solid #FDB93C;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-top-right-radius: 15px;
        -moz-border-radius-bottomleft: 15px;
        -moz-border-radius-bottomright: 15px;
        -moz-border-radius-topright: 15px;
	-webkit-border-bottom-left-radius:15px;
        -webkit-border-bottom-right-radius:15px;
        -webkit-border-top-right-radius:15px;
}

.dropdown #dropBSL:after {
content:'';
position: absolute;
top: -3px; left:0px;
width:73px;
height:3px;
background-color:white;
}

.dropdown #dropBSL a{
font-size:12px;
padding-top:2px;
padding-bottom:0px;
text-align:left;
color:#000000;
text-decoration:none;
}
.dropdown #dropBSL li{
text-align:left;
border:none;
}
.dropdown #dropBSL a:hover {
text-decoration:underline;
}


.dropdown li li {
	float:none;
}

.dropdown li:hover #dropPublic {
left:0px;
}
.dropdown li:hover #dropResearchers {
left:0px;
}
.dropdown li:hover #dropAffiliates {
left:0px;
}
.dropdown li:hover #dropBSL {
left:0px;
}

/************ Main content div styles, div is commented out for homepage styling, most of this is copied from a previous version of the site *************/
#content {
text-align:left;
margin-right:10px;
margin-left:10px; 
margin-bottom:10px;
padding-bottom:10px;
padding-left:5px;
font-size: 90%;
}
#content p {
margin: 1em 0;
}
#content ul li {
margin: .3em 0 .3em 1.3em;
}
#content ol {
margin-left:3em;
}
#content ol li {
margin: .3em 0;
}
#content a {
color:#527091;
text-decoration:underline;
}
#content a:hover, #content a:hover:visited {
color:#ba7d00;
}
#content a:visited {
color:#666;
}
/* puts all images in #content section on separate line; override for individual img's with display:inline; if required */
#content img {
display:block;
}
#content form {
margin-top:1em;
margin-bottom:1em;
}


/* Pages that are lists of links, such as seismo 
press and research reports, looked hard to read 
with the new style sheet JCT 2011/04/01*/
.linklist {
margin-bottom:.8em; 
margin-left:2em; 
line-height:1.5em;
}

/* ********* images  *********** */
/* Apply class to <div> containing image and optional caption. Specify div width inline to match img width */

/* For image floated on right of text */
.pixRight {
margin: .1em 0 .3em .5em;
float: right;
font-size: 75%;
color: #300;
}
/* For image floated on left of text */
.pixLeft {
margin: .1em .5em .3em 0;
float: left;
font-size: 75%;
color: #300;
}

/* For seismo lab directory table, different (dark blue) link color to provide contrast with alternating gray rows. Unfortunately, only way to override content styles was to create new ID and attach it to table. -JTaggart 11/02/2011 */
/*Copied from changes to stylesheet of live page: See if we can change ID to a class. No, link colors are being over-ridden now - JTaggart 2/4/2013*/
.directory a:link {color:#005A9C; text-decoration:underline;}
.directory a:hover, #directory a:hover:visited {color:#ba7d00;}
.directory a:visited {color:#292F60;}
table.directory{margin-left:20px;}
table.directory tr.odd td{ background:#E8E8E8;}
table.directory td {text-align:left;padding:5px;}
/*table.directory tr.grouptitles td{background:#005A9C;text-align:center; font-weight:bold;}*/
table.directory tr.grouptitles td{background:#ccc;text-align:center; font-weight:normal;padding:0px;}
/*Could try A5A5A5*/
.directoryPic{width:10%;}
.directoryName{width:15%;}
.directoryPosition{width:20%;}
.directoryEmail{width:31%;}
.directoryPhone{width:10%;}
.directoryOffice{width:14%;}

/*make class odd for any zebra striping of tables using jquery*/
.odd { background:#E8E8E8;}

#eq_menu_container{
float:right; 
width:200px; 
border:2px solid #005A9C; 
margin: .5em .5em .5em .5em;
}
.eq_menu_header {
background-color:#005A9C; 
color:white; 
padding:2px; 
font-weight:bold;
}
.eq_menu_header {
width:198px;
}


/*Below is for the earthquake early warning pages*/
.eew_list_circ_blue ul{
list-style-type:circle;
}
.eew_list_circ_blue h2{
color:#005A9C;
}
.eew_list_circ_blue li{
padding-bottom: 1.1em;
}
.eew_list ul{
list-style-type:circle;
}
.eew_list h2{
color:#005A9C;
}
.eew_list li:first-line {
font-size:105%;
font-weight:bold;
}
.eew_list li{
padding-bottom:1.3em;
}
.formmargins{
background-color:#9CF;
}
.formmargins td{
padding-right:0.5em;
padding-bottom:0em;
padding-left:1.5em;
}

/*Below is for the ERA pages*/
.ERA_shadow {
    box-shadow: 0px 0px 5px rgb(150,150,150);
}
 #ERA_boxes {
     margin-bottom:35px;
}

/*Below is for Hazard information page*/
.hazpixleft{
    clear:both;
    padding:0px 110px 0px 30px;
}
.hazpixright{
    clear:both;
    padding:0px 70px 0px 50px;
}
.hazpixleft img {
    float:left;
    margin:0px 25px 0px 15px;   
}
.hazpixright img {
    float:right;
    margin:0px 0px 0px 25px; 
}
.boxshadow {
    box-shadow: 0px 0px 7px #7faccd;        /*rgb(150,150,250);*/
}
.boxshadowgray {
    box-shadow: 0px 0px 7px rgb(150,150,250);
}
.boxgray {
    background-color:#efefef; 
    border: solid 3px rgb(186, 125,0);    /*#e3d6bf;*/
    border-radius:30px;
    padding:12px 110px 12px 30px;
    /*margin:20px 40px 0px 40px;*/
    margin-top:20px;
    margin-bottom:0px;
}
/*---------------------------------------------------------------*/
/*This will change the default header for ws make to be center aligned*/
#wsmake_center{
    text-align:right;
}
#mobb_navigation{
    margin:30px 0px 30px 0px;
    font-size: 15px;
    text-align: center;
}
#mobb_navigation a{
    font-weight:bold;
    border: 2px solid rgb(253, 185, 60);
    border-radius:25px;
    padding:3px;
    margin:2px;
    text-decoration:none;
}
#mobb_bxslider_box{
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    border: 25px solid white;
    border-radius: 40px;
    box-shadow: 0px 0px 10px 0px #000;
}
#content .mobb_bxslider li{
    margin: 0px;
}
#content .mobb_bxslider li{
   /* padding: 20px;*/
}

ul.lp_bxslider{
   box-shadow: 0px 0px 20px 0px #000; 
}

#content .lp_bxslider li{
    margin: 0px;
}
#content .lp_bxslider li{
   /* padding: 20px;*/
}



/*-------------------------------------------------------------*/
/*Adjustment for print style sheet: hide print logo as default*/
.print{display:none;}
/*-------------------------------------------------------------*/