style3.css

关于java web开发动态网页的资料

		display: block; 
		padding-left: 18px;
		background: url(../images/icon_print.gif) no-repeat 0 1px;
	}
	
	a#printLink:link { color: #FFF; }
	a#printLink:visited { color: #FCAD02; }
	a#printLink:hover { color: #FCAD02; background: url(../images/icon_printHover.gif) no-repeat 0 1px; }
	a#printLink:active { color: #FCAD02; background: url(../images/icon_printHover.gif) no-repeat 0 1px; }
	
	
	#helpLink {
		display: block; 
		padding-left: 18px;
		background: url(../images/icon_help.gif) no-repeat 0 1px;		
	}
	
	a#helpLink:link { color: #FFF; }
	a#helpLink:visited { color: #FCAD02; }
	a#helpLink:hover { color: #FCAD02; background: url(../images/icon_helpHover.gif) no-repeat 0 1px; }
	a#helpLink:active { color: #FCAD02; background: url(../images/icon_helpHover.gif) no-repeat 0 1px; }
	
	
	.rssLink {
		padding: 2px;
		padding-bottom: 0;
		padding-left: 20px;
		background: url(../images/rssIcon.gif) no-repeat left;		
	}
	
	a#rssLink:link { color: #FFF; }
	a#rssLink:visited { color: #FCAD02; }
	a#rssLink:hover { color: #FCAD02; background: url(../images/icon_rssHover.gif) no-repeat 0 1px; }
	a#rssLink:active { color: #FCAD02; background: url(../images/icon_rssHover.gif) no-repeat 0 1px; }
	
	
	/*
	/ Features
	/* */

div.featureList {
	padding-bottom: 1.5em;
	border-bottom: 1px solid #4F4F4F;
	margin-bottom: 1.5em;
	padding-right: 240px;
}
	div.featureList h3 {
		margin-bottom: 0;
	}
	
	div.featureList p { margin-bottom: 0; }
	
	a.readMoreLink { font-size: 10px; } 

/* -------------------------------------------------------------
/  Landing Page - Template A
/* ------------------------------------------------------------- */

#featureTitle {
	width: 230px;
	padding: 20px 0 0 10px;
	float: left;
}

#featureTitle h2 { font-size: 21px; }

.viewArticle {
	margin: 15px 0 10px 0;
	padding: 0; 
	display: block; 
	font-size: 9px; 
	background: url(/images/viewArticle.gif) no-repeat;
	width: 64px;
	height: 7px;
}
.viewArticle span { display: none; }

.downloadPR {
	padding: 0; 
	display: block; 
	font-size: 9px; 
	background: url(/images/downloadPR.gif) no-repeat;
	width: 123px;
	height: 7px;	
}
.downloadPR span { display: none; }

#featureDesc { padding: 20px 10px 0 10px; margin-left: 247px; }

div.topNewsLink a { font-size: 16px; display: block; color: #FCAD02; margin-bottom: 20px; }
div.topNewsLink a:link { color: #FCAD02; text-decoration: none; }
div.topNewsLink a:visited { color: #FCAD02; text-decoration: none; }
div.topNewsLink a:hover { color: #CC6600; text-decoration: none; }
div.topNewsLink a:active { color: #FCAD02; text-decoration: none; }

div.newsWrapper {
	padding: 20px 10px 0 10px;
}

table td.ColA {
	border: none;
	padding: 0;	
	border-left: 5px solid #FFFFFF;
	width: 494px;
	vertical-align: top;
}

table td.ColB {
	border: none;
	padding: 0;	
	border-left: 5px solid #FFFFFF;
	width: 242px;
	vertical-align: top;
}

#landingTop {
	position: relative;
	width: 747px;
	margin-bottom: 46px;
	margin-left: 4px;
	font-size: 11px;
}

#landingBottom {
	position: relative;
	width: 747px;
	margin-left: 4px;
	font-size: 11px;
}

.typeSmaller #landingTop, div.typeSmaller #landingBottom { font-size: 10px; }
.typeNormal #landingTop, div.typeNormal #landingBottom { font-size: 11px; }
.typeLarger #landingTop, div.typeLarger #landingBottom { font-size: 12px; }
.typeLargest #landingTop, div.typeLargest #landingBottom { font-size: 14px; }

#latestNews { padding-left: 10px; }

#latestNews div.newsItem {
	border-bottom: 2px solid #777777;
	padding-top: 15px;
	padding-bottom: 40px;
}

#latestNews div:last-child { border-bottom: none; }

#latestNews div.newsItem span.date { color: #BABABA; display: block; margin-top: 0; }
#latestNews div.newsItem a.viewArticle { margin-top: 10px; margin-bottom: 0; }

.ColB span.date { margin-top: 3px; }

.latestRelease a { display: block; }

div.newsItem a { color: #FFF; text-decoration: none; display: block; }
div.newsItem a:link { color: #FFF; text-decoration: none; }
div.newsItem a:visited { color: #FFF; text-decoration: none; }
div.newsItem a:hover { color: #FCAD02; text-decoration: none; }
div.newsItem a:active { color: #CC6600; text-decoration: none; }

div.newsItem a.recallLink { color: #FCAD02; text-decoration: none; display: block; }
div.newsItem a.recallLink:link { color: #FCAD02; text-decoration: none; }
div.newsItem a.recallLink:visited { color: #FCAD02; text-decoration: none; }
div.newsItem a.recallLink:hover { color: #FCAD02; text-decoration: none; }
div.newsItem a.recallLink:active { color: #CC6600; text-decoration: none; }


#landingMedia {
	background: url(../images/bg_mediaInfo_tile.gif) repeat-x bottom;
}

#landingMedia #desc {
	padding: 25px 10px;
}

#landingMedia p {
	padding-bottom: 15px;
}

#landingMedia #desc h4 {
	font-size: 12px;
	color: #BBBABA;
	font-weight: bold;
}

#landingMedia #desc a.viewMore {
	padding-top: 15px;
}

.halfCol {
	float: left;
	width: 247px;
}

div.heading {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #A3ADA3;
	height: 21px;
	font-size: 10px;
	line-height: 12px;
	padding: 10px 0 0 14px;
}

.ColA .heading {
	width: 480px;
	background: url(../images/bg_header_494.gif) no-repeat;
}

.ColB .heading {
	width: 228px;
	background: url(../images/bg_header_247.gif) no-repeat;
}

#landingBottom .ColA .left .heading {
	width: 233px;
	background: url(../images/bg_header_494L.gif) no-repeat;	
}

#landingBottom .ColA .right .heading {
	width: 233px;
	background: url(../images/bg_header_494R.gif) no-repeat;	
} 

#landingBottom ul {
	margin: 0;
}


#landingBottom ul li.latestRelease {
	display: block;
	background: #343635 url(../images/bg_releasesTile.jpg) repeat-y;
	width: 221px;
	margin-bottom: 2px;
	border-left: 1px solid #000;
	padding: 25px 10px;
	line-height: 17px;	
}

#landingBottom ul li.latestRelease:last-child {
	margin-bottom: 0;
}

#landingBottom ul li.latestRelease span.date {
	font-size: 11px;
	line-height: 11px;
	display: block;
	margin-bottom: 3px;
	color: #BBBABA;
	font-weight: bold;
}

#landingBottom ul li.latestRelease a { text-decoration: none; color: #FFF; }

#landingBottom ul li.latestRelease a { color: #FFF; text-decoration: none; }
#landingBottom ul li.latestRelease a:link { color: #FFF; }
#landingBottom ul li.latestRelease a:visited { color: #FFF; }
#landingBottom ul li.latestRelease a:hover { color: #FCAD02; }
#landingBottom ul li.latestRelease a:active { color: #CC6600; }


#landingBottom ul li.latestRelease a:hover span.date {
	color: #FEBA02;
	
}
/* -------------------------------------------------------------
/  Content Sidebar
/* ------------------------------------------------------------- */

#contentSidebar {
	float: right;
	width: 247px;
	margin-bottom: 50px;
}

#contentSidebar.topMargin { margin-top: 16px; } /* won't work for ie 6 */

.quoteBlock {
	font-size: 14px;
	color: #FCAD02;
	line-height: 18px;
}

/* -------------------------------------------------------------
/	Press Releases
/* ------------------------------------------------------------- */														
#prFilter {
	border-bottom: 1px solid #4F4F4F;
}

#prFilter h2 { margin-bottom: 0; padding-bottom: 0; }
#prFilter ul { margin-top: 0; margin-bottom: 10px; margin-left: 0; padding-top: 0 ; padding-bottom: 0; }
#prFilter ul li { display: inline; margin-right: 10px; } 

.prDate { display: block; color: #FFF; }
h3.prSectionMonth { color: #CCCCCC; margin-bottom: 5px; padding-bottom: 0; margin-top: 20px; }

div.prWrapper {
	padding: 15px 0;
	border-bottom: 1px solid #4F4F4F;
	
}


/* -------------------------------------------------------------
/  Tables
/* ------------------------------------------------------------- */


th { vertical-align: top }

td {
	vertical-align: top;
	background: transparent;
}

tr.alternateRow td {
	background: #1C1C1C;
}

td.label {
	color: #A1A1A0;
	font-weight: bold;
	padding-right: 20px;
}

#mainContent.full table p, #mainContent.full table ul { width: auto; }



		/*-------------------------
		 Awards & Recognition
		--------------------------*/
.awardsTbl {
	width: 100%;
	margin-bottom: 20px;
}

.awardImg {
	width: 30%;
}

.awardTxt {
	width: 70%;
	padding: 0 20px 20px 10px;
	height: auto;
}

.awardsContainer h3 { }


		/*-------------------------
		 Career Areas
		--------------------------*/
#latestPostings {
	border-top: 1px solid #5A5A5A;
	padding-top: 10px;
}


		/*-------------------------
		 Executives
		--------------------------*/
#execPhoto td {
	padding: 0;
	margin: 0;
	border: none;
	vertical-align: bottom;
}

#execPhoto td.title { padding-left: 15px; }

#execText { width: 100%; padding: 0; }
#execText td { vertical-align: top; }
#execText td.label { width: 168px; }

		/*-------------------------
		 Investors Calendar
		--------------------------*/

table.calendarTable th {
	font-size: 18px; line-height: 24px; color: #CCCCCC;
	border-bottom: 1px solid #595959;
	padding: 0 10px 10px 0;
}

table.calendarTable td {
	border-bottom: 1px solid #595959;
	padding: 10px 10px 40px 0;
}
	table.calendarTable td.eventCol { color: #FCAD02; }
	
	
		/*-------------------------
		 Downloads Table
		--------------------------*/
		
table.downloadsTable th {
	font-size: 12px; line-height: 14px; color: #B8B7B7;
	border-bottom: 1px solid #595959;
	padding: 0 10px 10px 5px;	
}

table.downloadsTable td {
	border-bottom: 1px solid #595959;
	padding: 6px 10px 1px 5px;
	vertical-align: middle
}
	table.downloadsTable td.eventCol { color: #FCAD02; }
	
	
		/*-------------------------
		 Direct Downloads Table
		--------------------------*/
table.directDownloadsTable {
	border-collapse: separate;
	border-spacing: 2px;
}
		
table.directDownloadsTable td {
	border-bottom: none;
	padding: 0;
	vertical-align: middle;
}
		
table.directDownloadsTable th {
	font-size: 18px; line-height: 24px; color: #CCCCCC;
	border-bottom: none;
	padding: 0 10px 10px 0;	
}

table.directDownloadsTable td.year {
	padding-right: 75px;
	font-size: 14px;
	padding: 7px 75px 4px 0;
}

table.directDownloadsTable td.quarter {

}

	td.quarter a {
		display: block;
		text-align: center;
		width: 120px;
		padding: 6px 0 4px 0;
	}
	
	td.quarter a:link { background: #595959; border-top: 1px solid #6C6C6B; color: #FFFFFF; text-decoration: none; }
	td.quarter a:visited { background: #404040; border-top: 1px solid #696969; color: #EAEAEA; text-decoration: none; }
	td.quarter a:hover { background: #FFAE00; border-top: 1px solid #57492C; color: #000000; text-decoration: none; }
	td.quarter a:active { background: #FFAE00; border-top: 1px solid #57492C; color: #000000; text-decoration: none; }
	
	
		/*-------------------------
		 List Detail Table
		--------------------------*/
		
table.listDetailTable {
	width: 100%;
}

table.listDetailTable th {
	font-size: 18px; line-height: 24px; color: #CCCCCC;
	border-bottom: none;
	padding: 0 10px 20px 0;	
}

table.listDetailTable td {
	border-bottom: none;
	vertical-align: top;
}

table.listDetailTable td.list {
	width: 25%;
	padding: 0 25px 100px 0;
}

#mainContent table.listDetailTable td.list ul {
	list-style: none;
	margin-left: 0;
}

#mainContent.full table.listDetailTable td.list p, #mainContent.full table.listDetailTable td.list ul {
	width: auto;
}

table.listDetailTable td.list ul li {
	margin-bottom: .75em;
}

table.listDetailTable td.detail {
	border-left: 2px solid #606161;
	padding: 0 10px 100px 10px;
}

		/*-------------------------
		 Career Areas Table 
		---------------------------*/
#careerAreasTable { width: 100%; }

#careerAreasTable th {
	font-size: 18px; line-height: 24px; color: #CCCCCC;
	font-weight: bold;
	border-bottom: none;
	padding: 0 10px 20px 0;	
}
#careerAreasTable td { vertical-align: top; }
#careerAreasTable td.list { width: 218px; padding-right: 20px; }

#careerAreasTable td.list ul {
	list-style: none;
	margin-left: 0;
}

#careerAreasTable td.list p, #careerAreasTable td.list ul {
	width: auto;
}

#careerAreasTable td.list ul li {
	margin-bottom: .75em;
}

#careerAreasTable td.list ul li a { text-decoration: none; }

		/*-------------------------
		 Forms Table
		--------------------------*/
table.formsLayout td {
	padding-bottom: 1.5em;
}

table.formsLayout td.asteriskError, table.formsLayout td.required { padding: 0; }

table.rightPad td { padding-right: 10px; }



		/*-------------------------
		 Pagination
		--------------------------*/
#mainContent div.pagination {
	margin: 0;
	margin-bottom: 4em;
	font-size: 10px;
	padding: 10px 0;
	clear: both;
}

#mainContent div.pagination ul {
	display: inline;
	list-style: none;
	list-style-position: inherit;
	margin: 0;
	margin-left: 35px;
	padding: 0;
}
	#mainContent div.pagination ul li { display: inline; margin-right: 5px; }

a.boxLink:link {
	background: #595959;