/*
Styles to control appearance of containers on the home page
*/

/* basic container for datasets, etc. */
.homepageContainer {
	float: left;
	width: 49.8%;
	}

.homepageContainer form {
	font-size: 10px;
	font-weight: normal;
	}

.homepageContainerTitleLeft {
	background: #669966;
	background-image: url('../images/roundHomeLeft.png');
	background-position: left;
	background-repeat:no-repeat;
	line-height: 24px;
	color: #FFFFFF;
	font-size:18px;
	padding-left: 5px;
	margin-right: 5px;
	}
	
	
.homepageContainerTitleRight {
	background-image: url('../images/roundHomeRight.png');
	background-position: right;
	background-repeat: no-repeat;
	}
	
.doiField {
	font-size: 10px;
	width: 40px;
	font-family: arial;
}

.allLink {
	color: #FFFFFF;
	width: 55px;
	float:right;
	}
	
.allLink img {
	border: 0px;

	}	
	
.subTitle {
	font-size: 10px;
	padding-left: 8px;
	height: 15px;
	overflow: hidden;
	font-weight: bold;
}
	
.homepageContainerBody {
	font-size: 10px;
	line-height: normal;
	margin: 3px 10px 5px 3px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 2px 3px 2px 3px;
}
/* end basic container for datasets etc. */

/* big container for mol nav and search box
these go into here, which allows them to stack 
on top of each other and stay floated to the left
CHANGING THIS PART OF THE HOME PAGE
MEANS THAT HOMEMOLNAV AND HOMESEARCH NEED
THE WIDTH AND FLOAT*/

.homeMolSearch {
	float: left;
	width: 49.8%;
	}

/* begin container for molecule navigator  */

.homeMolNav {
	margin-bottom: 5px;
	}
	
	/* separate from the above because it will kill the float otherwise */

	
.homeMolNavmargin {
	margin-right: 5px;
	}
	
.homeMolNavtopLeft {
	background-image: url('../images/topleftlightgreen.png');
	background-position: top left;
	background-repeat: no-repeat;
	}
	
.homeMolNavtopRight {
	background-image: url('../images/toprightlightgreen.png');
	background-position: top right ;
	background-repeat: no-repeat;
	}
	
.homeMolNavbottomLeft {
	background-image: url('../images/bottomleftlightgreen.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #C6E0C6;
	}

.homeMolNavbottomRight {
	background-image: url('../images/bottomrightlightgreen.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	}
	
	/* DON'T add top or bottom padding to the below
	unless you want to deal with the IE box model problem 
	for the lower title */
.homeMolNavpadding {
	padding: 0px 5px 0px 5px;
	height: 100%;	
	position: relative;
}

.homeMolNavbottomTitle {
	font-weight: bold;
	font-size: 18px;
	position: absolute;
	bottom: 0px;
	right: 5px;
	padding-bottom: 10px;
	}
	
	/* next section is for the rounded tabs */

  .homeMolNavTab ul {
    margin:0;
    padding:5px 5px 0;
    list-style:none;
    }
	
	.homeMolNavTab li {
    float:left;
    background:url("../../images/rightlightgreentab.png")
      no-repeat right top;
    margin:0px 3px 0px 0px;
    padding:0;
    }
	
	 .homeMolNavTab a {
    display:block;
    background:url("../../images/leftlightgreentab.png")
      no-repeat left top;
    padding:5px 5px 2px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
    }
	
	.homeMolNavTab a:visited {
    display:block;
    background:url("../../images/leftlightgreentab.png")
      no-repeat left top;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
    }
	
	.homeMolNavTab a:hover {
    display:block;
    background:url("../../images/leftlightgreentab.png")
      no-repeat left top;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
    }
	
	.homeMolNavTab .current {
    background-image:url("../../images/rightverylightgreentab.png");
    }
	
  .homeMolNavTab .current a {
    background-image:url("../../images/leftverylightgreentab.png");
	 padding-bottom:2px;
	 	text-decoration: none;
	color: #333333;
	font-weight: bold;
    }
    
   .homeMolNavTab .current a:visited {
    background-image:url("../../images/leftverylightgreentab.png");
	 padding-bottom:2px;
	 	text-decoration: none;
	color: #333333;
	font-weight: bold;
    }

   .homeMolNavTab .current a:hover {
    background-image:url("../../images/leftverylightgreentab.png");
	 padding-bottom:2px;
	 	text-decoration: none;
	color: #333333;
	font-weight: bold;
    }
	
	/* end rounded tabs */
	
/* end container for molecule navigator */

/* begin container for home page search form  */

.homeSearch {
	margin-bottom: 5px;
	}
	
	/* separate from the above because it will kill the float otherwise */

	
.homeSearchmargin {
	margin-right: 5px;
	}
	
.homeSearchtopLeft {
	background-image: url('../images/topleftlightblue.png');
	background-position: top left;
	background-repeat: no-repeat;
	}
	
.homeSearchtopRight {
	background-image: url('../images/toprightlightblue.png');
	background-position: top right ;
	background-repeat: no-repeat;
	}
	
.homeSearchbottomLeft {
	background-image: url('../images/bottomleftlightblue.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #9ecee6;
	}

.homeSearchbottomRight {
	background-image: url('../images/bottomrightlightblue.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	}
	
	/* DON'T add top or bottom padding to the below
	unless you want to deal with the IE box model problem 
	for the lower title */
.homeSearchpadding {
	padding: 0px 5px 0px 5px;
	height: 100%;	
	position: relative;
}

.homeSearchbottomTitle {
	font-weight: bold;
	font-size: 18px;
	position: absolute;
	bottom: 0px;
	right: 5px;
	padding-bottom: 10px;
	}

.homeSearchform {
	padding-top: 13px;
	}

.homeSearchButton {
	font-size: 12px;
	border: 1px solid #666666;
	color: #FFFFFF;
	background-color: #669966;
	width: 35px;

}
		
/* end container for home page search form */

/* begin container for top n item viewer  */
.homeTopN {
	float: left;
	width: 49.8%;
	margin-bottom: 5px;
	}
	
	/* separate from the above because it will kill the float otherwise */
	
.homeTopNmargin{
	margin-right: 5px;
	}
	
.homeTopNtopLeft {
	background-image: url('../images/topleftlightorange.png');
	background-position: top left;
	background-repeat: no-repeat;
	}
	
.homeTopNtopRight {
	background-image: url('../images/toprightlightorange.png');
	background-position: top right ;
	background-repeat: no-repeat;
	}
	
.homeTopNbottomLeft {
	background-image: url('../images/bottomleftlightorange.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #FFcc99;
	}
	
.homeTopNbottomRight {
	background-image: url('../images/bottomrightlightorange.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	}
	
	/* DON'T add top or bottom padding to the below
	unless you want to deal with the IE box model problem 
	for the lower title */
.homeTopNpadding {
	padding: 0px 5px 0px 5px;
	height: 100%;	
	position: relative;
}

.homeTopNbottomTitle {
	font-weight: bold;
	font-size: 18px;
	position: absolute;
	bottom: 0px;
	right: 5px;
	padding-bottom: 10px;
	}
	
	/* specific styles for the listing of items in this container */
	

	.topNContent ul {
		margin: 0px;
		list-style: none;
	
		padding: 0px;
		list-style-position: none;
	}
	
	.topNContent li {
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 0px 0px;
	}
		
	/* next section is for the rounded tabs */

  .homeTopNTab ul {
    margin:0;
    padding:5px 5px 0;
    list-style:none;
    }
	
	.homeTopNTab li {
    float:left;
    background:url("../../images/rightlightorangetab.png")
      no-repeat right top;
    margin:0px 3px 0px 0px;
    padding:0;
    }
	
	 .homeTopNTab a {
    display:block;
    background:url("../../images/leftlightorangetab.png")
      no-repeat left top;
    padding:5px 5px 2px;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
    }
	
	.homeTopNTab a:visited {
    display:block;
    background:url("../../images/leftlightorangetab.png")
      no-repeat left top;
	text-decoration: none;
	color: #666666;
	font-weight: bold;
    }
	
	.homeTopNTab a:hover {
    display:block;
    background:url("../../images/leftlightorangetab.png")
      no-repeat left top;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
    }
	
	.homeTopNTab .current {
    background-image:url("../../images/rightverylightorangetab.png");
    }
	
  .homeTopNTab .current a {
    background-image:url("../../images/leftverylightorangetab.png");
	 padding-bottom:2px;
	 	text-decoration: none;
	color: #333333;
	font-weight: bold;
    }
    
   .homeTopNTab .current a:visited {
    background-image:url("../../images/leftverylightorangetab.png");
	 padding-bottom:2px;
	 	text-decoration: none;
	color: #333333;
	font-weight: bold;
    }
    
   .homeTopNTab .current a:hover {
    background-image:url("../../images/leftverylightorangetab.png");
	 padding-bottom:2px;
	 	text-decoration: none;
	color: #333333;
	font-weight: bold;
    }
	
	/* end rounded tabs */
	
/* end container for top n viewer */


/* for the molecule form */

.molFormHomePage {padding-top: 10px;}

.sectionBreak {
	border-top:	 1px solid #FFFFFF;
	margin-top: 10px;
	margin-bottom: 4px;
	padding: 0px;
	margin-left: 5px;
	margin-right: 5px;
	line-height: 8px;
	}
	

.molFormHomePage select {
	margin: 5px 0px 5px 0px;
	width: 100%;
}

	.homeMolButton {
	font-size: 12px;
	margin: 5px 0px 5px 3px;
	border: 1px solid #666666;
	color: #FFFFFF;
	background-color: #669966;
	width: 35px;
	float: left;
}

	/* needed for javascript content generation and to float
	the select box */
	
#internetExplorerSelectBug {
	width: 85%;
	float: left;
	line-height: 15px;
	}


.molFormHomePage .containerNavLinks A {padding: 0px 4px 0px 4px;
					}

.molFormHomePage .containerNavLinks .on {font-weight: bold;
							text-decoration: none; 
							color: #333333;}
							
.molFormHomePage .containerNavLinks .on:visited {font-weight: bold;
							text-decoration: none; 
							color: #333333;}
.molFormHomePage .containerNavLinks .on:hover {font-weight: bold;
							text-decoration: none; 
							color: #333333;}
.molFormHomePage .containerNavLinks .on:active {font-weight: bold;
							text-decoration: none; 
							color: #333333;}
							
.molFormHomePage .containerNavLinks .off	{}
		
/* end molecule form */

/* styles for main links on this page */
.homeLink {
	line-height: 110%;
}

.homeLink a {
		text-decoration: none;
		margin: 0px;
		padding: 0px;

	}
	
.homeLink a:link {

	}

.homeLink a:visited {

	}

.homeLink a:hover {
	color: #003366;
	text-decoration: underline;
}

.homeLink a:active {
	color: #003366;
	text-decoration: underline;
	}
	
/*  blog listing */
.homepageBlogBox {
	font-size: 10px;	
	padding: 5px 0px 5px 0px;
}