/*
06/16/08 adding drop down menu - mcoutrier
*/

* {
font-size: 100%; /* set the fonts to a uniform size, including form fields as well as all headings etc. */
}

body {
color: #333333;
background: url("/jhtml/scitation/homePage/images/sidebar_bg.gif") repeat;
font: 62.5%/120% verdana,tahoma,arial,helvetica,sans-serif;
margin:0;
padding:0 0 20px 0;  
}


h2{	font-size: 125%;}

h3{	font-size: 110%;}

h4{	font-size: 105%;}

h5{	font-size: 100%;}

a:link, a:visited {
font: 100% verdana,tahoma,arial,helvetica,sans-serif;
text-decoration: underline;
}

a:hover, a:active {
font: 100% verdana,tahoma,arial,helvetica,sans-serif;
text-decoration: underline;
}

a:link, a:active {color:#AD161B;}
a:hover, a:visited {color:#9B0000;}

ul{
margin: 10px 0 0 30px;
padding: 0;
list-style: none;
}

ul li {
margin: 3px 0;
padding: 0 0 0 15px;
background: url(/jhtml/scitation/homePage/images/blt_blue_arrow.gif) no-repeat 3px 5px;
}

/* WRAPPER
----------------------------------------------- */
#wrapper {
background: #fff;
color: #333333;
margin: 0;
padding: 0;
width: 768px; /* bmh */
voice-family: "\"}\"";
voice-family: inherit;
width: 768px;
}

html>#wrapper {
width: 768px;
}

#content {
width: 100%;
margin:0;
border: none;
text-align:left;
max-width: 1024px;
border-top: 10px solid #D9EAFE;
}
#content.single-column {
background: none;
padding: 0 0 50px 0;
}
#sidebar {
float: right;
width: 130px;
margin:0; 
padding:0;
}

#sidebar-content {
text-align:center;
margin: 0;
padding: 0;
}

#main {
margin:0 130px 0 0;
;  
padding:0;
}

#content.single-column #main {
margin:0; 
padding:0;
}

#main-content {
min-height:345px;
margin:0; 
padding:0 0 8px 0;
border-right: 1px solid #BABABA;
border-bottom: 1px solid white;
}

/* TOP NAV
----------------------------------------------- */
#top-nav {
margin: 0 0 7px 0;
padding: 0;
}
#top-nav .right-col-content  {
font: 100% verdana;
text-align:right;
margin: 0;
padding: 0;
}
#top-nav p  {
margin: 0;
padding: 0;
}
#top-nav .info  {
margin: 0;
padding: 4px 0 0 0;
}
#top-nav .action  {
font: 100% arial;
margin: 0;
padding: 15px 0 0 0;
}
#top-nav span  {
color:#dcdcdc;
margin: 0;
padding: 0 2px;
}
#top-nav .action span  {
color:#363636;
margin: 0;
padding: 0 4px;
}
#top-nav .info a  {
color: #818181;
font-weight: normal;
text-decoration: none;
}
#top-nav .info a:hover {
text-decoration: underline;
}
#top-nav .action a  {
font: 100% arial;
font-weight: normal;
text-decoration: underline;
}

/* HOME PAGE
----------------------------------------------- */

#banner_home {
_float:left;!important;
text-align:left;
margin: 0;
padding: 0;
border-bottom: 1px solid #dbf4a1;
border-top: 1px solid #dbf4a1;
height: 120px;
_width:637px!important;/*IE 6 fix*/
margin:  0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
z-index:-1px;
}

#banner_home div {
height: 120px;
width: 400px;
margin:  0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
z-index:-1px;
}

#banner_home h3 {
font: 12px verdana,tahoma,arial,helvetica,sans-serif;
width:400px;
margin: 0px 0px 0px 0px;
padding: 45px 0px 0px 30px;
border-bottom:none;
}

#pods {
z-index:10;
margin: 0px;
padding: 0;
}
#pods h3 {
color:#006699;
margin: 0;
padding: 0 0 5px 0;
}

#pods p {
font-size: 100%;
line-height: 145%;
margin: 0;
padding: 0;
}

#my-sci {
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
overflow:auto;
}

#my-sci .left-col-content, #my-sci .right-col-content  {
margin: 0;
padding: 15px 10px 0 10px;
}

#my-sci dl {
margin: 5px 0 0 0;
padding: 0;
}

#my-sci dt {
font-weight:bold;
margin: 0;
padding: 2px 0;
}

#my-sci dd {
margin: 0;
padding: 0 0 6px 0;
}

#login {
width:200px;
margin: 0;
padding: 0;
}

#login fieldset{
margin: 0;
padding: 0;
border: none;
}

#login dl {
width: 200px;
background: #eff2f4;
margin: 0;
padding: 0; 
background: url(/jhtml/scitation/homePage/images/fieldset_login_dl.gif) no-repeat;
background-position: bottom left; 
}

#login dt {
text-align:center;
font-size: 10px;
font-family: verdana, sans-serif;
margin: 0;
padding: 0;
line-height: 35px;
height: 35px;
background: url(/jhtml/scitation/homePage/images/fieldset_login_dl_dt.gif) no-repeat; 
}

#login dd {
margin: 0;
padding: 2px 0 5px 10px;
background: url(/jhtml/scitation/homePage/images/fieldset_login_dd.gif) no-repeat; 
}

#login dd.submit {
margin: 0;
padding: 10px 0 5px 10px;
}

#sign-in {
background-color: white;
width: 75px;
height:17px;
cursor:pointer;
border:none;
}

#sign-in.on {
background: url(/jhtml/scitation/homePage/images/btn_signin.gif) no-repeat center center !important; 
}

#sign-in.off {
background: url(/jhtml/scitation/homePage/images/btn_pleasewait.gif) no-repeat center center !important; 
}

#login ul{
margin: 0px 0px 0px 0px;
padding: 5px 0 10px 10px;
}

#login ul li {
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 0px;
background: none;
list-style-type: none !important;
list-style-image: none !important;
}

#login ul a {
color:#1B3550;
text-decoration:none;
}


/* RIGHT BIN 
------------------------------------------- */
#sidebar-content p {
margin: 0;
padding: 10px 0;
}

/*alert */

.abtop {
height: 18px;
width: 130px;
background: url(/jhtml/scitation/homePage/images/abtop.gif) no-repeat left top;
}

.abmiddle {
width: 130px;
background: url(/jhtml/scitation/homePage/images/abmiddle.gif) repeat-y;
margin:0;
padding: 0;
}

.abbottom {
height: 18px;
width: 130px;
background: url(/jhtml/scitation/homePage/images/abbottom.gif) no-repeat left top;
}

.abcontainer {
margin:0;
padding: 4px 10px;
width: 110px;
}

.abcontainer p {
text-align:left;
font: 100% verdana, Arial, Helvetica, sans-serif;
margin: 7px 0 0 0;
padding: 0 0 0 0;
color: #333;
}

.abhead {
text-align:left;
font-size:105%;
font-weight:bold;
color: #ED1C24;
margin: 0px;
border-bottom: 1px solid #F8E399;
padding-bottom: 3px;
}

/* ad */
.house-ad {
height:240px;
margin:10px 0 25px 0;
padding:10px 0 25px 0;
}

/* NEWS
------------------------------------------- */
#functionsNews {
background: #d5e6d3;
margin:10px 0px 0px 0px;
padding:0;
border-bottom: 2px solid #759b83;
border-top: 1px solid #759b83;
}

#functions-content-news {
background: url(/jhtml/scitation/homePage/images/funct_title2.gif) repeat-x 0 0;
margin:0;
padding:0;
border-bottom: 1px solid #d5e6d3;
}

#functionsNews .title {
background:transparent;
color:white;
font-size: 110%;
font-weight: bold;
margin:0;
padding:0;
}

#functionsNews .srch-title, #functionsNews #browse .title  {
margin:0;
padding: 4px 10px 4px 20px;
}

#right-block {
width: auto;
margin:0;
padding:0;
}

#right-block .title  {
margin:0;
padding: 4px 10px 4px 20px;
}

#left-block {
float:left;
width: 450px;
margin:0;
padding:0;
/*border-right:1px solid #759b83;*/
}

.rss {
float:right;
margin-top:-22px;}

/* FUNCTIONS
------------------------------------------- */
#functions {
background: #E4EDF6;
margin:0;
padding:0;
border-bottom: 2px solid #6387C0;
}

#functions-content {
background: url(/jhtml/scitation/homePage/images/funct_title.gif) repeat-x 0 0;
margin:0;
padding:0;
border-bottom: 1px solid #E4EDF6;
}

#functions .title {
background:transparent;
color:white;
font-size: 110%;
font-weight: bold;
margin:0;
padding:0;
}

#functions #browse .title  {
margin:0;
padding: 4px 10px 5px 20px;
}

#functions .srch-title  {
margin:0px 0px 0px 0px;
padding: 4px 10px 5px 10px;
}

#search-block {
float:left;
width:500px;
margin:0;
padding:0;
border-right:1px solid #6387C0;
}

#search-block fieldset {
background: #DBE5F4;
padding:10px 0 5px 7px;
border: none;
}
#search-block legend{
display:none;
border:none;
}
#search-block dl{
width:100%;
margin:0;
padding: 0 0 4px 0;
}
#search-block dd {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display:inline;
}
#search-block #search-modes {
margin: 0;
padding: 0;
}
#search-block #search-modes dd{
margin: 0;
padding: 0 6px 0 0;
}
#search-block #search-modes dd span{
vertical-align:middle;
margin: 0px 0px 0px 0px;
padding: 0px 1px 0px 2px;
}
#search-block #search-modes dd span img{
vertical-align:top;
margin: -3px 0 0 0;
padding: 0 0 0 3px;
}
#search-block #search-modes  a:link, #search-block #search-modes  a:active {
color: #333333;
border-bottom: 1px dotted #9B0000;
text-decoration: none;
}
#search-block #search-modes a:visited {
color: #333333;
border-bottom: 1px dotted #9B0000;
text-decoration: none;
font-style: normal;
}
#search-block #search-modes  a:hover {
color: #333333;
border-bottom: 1px dotted #9B0000;
text-decoration: none;
font-style: normal;
}
#search-block .radio {
vertical-align:middle;
text-align:left;
margin: 0;
padding: 0;
}
#search-block #search-modes dd.search-opt-link {
color:#9B0000;
text-align:right;
margin: 0 0 0 75px;
_margin: 0 0 0 60px;
padding: 0 0 0 0;
}
#search-block #search-modes dd.search-opt-link a, #search-block #search-modes dd.search-opt-link a:visited, #search-block #search-modes dd.search-opt-link a:hover, #search-block #search-modes dd.search-opt-link a:active {
font: 99% arial;
color:#9B0000;
margin: 0;
padding: 0;
text-align:right;
border-bottom:none;
text-decoration:underline;
}
#search-block .search{
background: #fff;
color:#c6c6c6;
width:450px;
margin:5px 0 5px 0;
padding:0;
}
#search-block .search:focus {
background:#FDFFE0;
}

#date-options {
margin:0;
padding:4px 0;
}
#date-options h3{
font-size:100%;
margin:0;
padding:2px 0;
}
#date-options p {
float:left;
width:50px;
margin: 0 8px 0 0;
padding: 0;
}
#date-options p.through {
vertical-align:middle;
text-align:center;
font-weight:bold;
margin: 0;
padding: 4px 1px 0 1px;
}
#date-options label {
display:none;
margin: 0;
padding: 0;
}

#date-options p.btn-search {
margin: 0;
padding:2px 0 0 8px;
}

#browse {
width: auto;
margin:0;
padding:0;
}
#browse ul{
margin: 0;
padding:10px 5px;
}
#browse ul li {
margin: 0;
padding: 5px 0 5px 15px;
background: url(/jhtml/scitation/homePage/images/blt_blue_arrow.gif) no-repeat 3px 9px;
list-style-type: none !important;
list-style-image: none !important;
}
#browse ul a:link, #browse ul a:active, #browse ul a:hover, #browse ul a:visited {
color:#1B3550;
}

/* POP UP SEARCH ERROR
------------------------------------------- */
#divAlert, #divAlertLogin {
position: absolute;
top: 320px;
left: 250px;
z-index: 999;
border:1px solid white
}
#divAlert dd, #divAlertLogin dd {
text-align:center;
margin: 0px;
padding: 10px;
color: #3A3436;
}
#divAlert dl, #divAlertLogin dl {
width: 350px;
margin: 0;
padding: 0;
background: white;
border: 1px solid black;
}
#divAlert dt, #divAlertLogin dt{
font-size: 120%;
font-weight:bold;
color: #fff;
background: #6E96D5;
margin: 0;
padding: 7px;
border-bottom:1px solid #006699;
}
#divAlert dt a, #divAlertLogin dt a {
background: #006699;
color: white;
text-decoration: none;
font-size: 100%;
height: 12px;
text-align: center;
margin-left: auto;
margin-right: auto;
padding: 1px 3px;
}

/* FOOTER
------------------------------------------- */
#footer-links {
text-align:center;
background: #f5f5f5;
margin:0;
padding:10px 0;
}

#banners {
line-height:80px;
margin:10px 5px;
padding:0;
}

#banners span {
visibility: hidden;
}

#banners a {
display: block;
width: 300px;
line-height: 80px;
margin:0; 
padding:0;
border-style: none;
text-decoration:none;
}

#banners .bnr-pub-us {
float:left;
width:49%;
background: #fff url(/jhtml/scitation/homePage/images/btn_publish.gif) no-repeat center center;
}

#banners .bnr-librarians {
float:right;
width:49%;
background: #fff url(/jhtml/scitation/homePage/images/btn_lsc.gif) no-repeat center center;
}


/* COMMON STYLES
------------------------------------------- */

.left-col {
float: left;
margin:0; 
padding:0;
}
.right-col {
padding:0;
}

#top-nav .left-col {
width:200px;
}

#top-nav .right-col {
margin:0 0 0 250px;
}

#my-sci .left-col {
width:560px;
}

#my-sci .right-col {
margin:0 0 0 0px;
}

.spacer{
clear: both;
float: none;
height: 1px;
}

.float-left {
float: left;
}

.clear-left{
clear: left;
}

form, input, select {
margin: 0;
padding: 0;
}
input:focus, select:focus, textarea:focus  {
background:#FDFFE0;
}


.center {text-align: center;}

.right {text-align: right;}

.hide {display:none;}

hr.cleaner {
clear:both;
height:1px;
margin: -1px 0 0 0; 
padding:0;
border:none;
visibility: hidden;
display:none;
}

.left-col-content { width:600px;}
.left-col-content ul {list-style:none;}
.left-col-content ul {list-style-image:none;}

.beta_icon_click{
text-decoration:none !important;
color:#FFFFFF !important;
font-weight:bold !important;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
}

.srch-title img{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}