@charset "utf-8";

/* CSS Styles for Exelon Corp 2012 Annual Report*/

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ul, ol {
	list-style: none;
}


/*========= Custom Fonts ===========*/

@font-face {
    font-family: 'adelleregular';
    src: url('../fonts/adelle-regular.eot');
    src: url('../fonts/adelle-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/adelle-regular.woff') format('woff'),
         url('../fonts/adelle-regular.ttf') format('truetype'),
         url('../fonts/adelle-regular.svg#adelleregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* ========== */ 

body {
	background:url(../images/background.jpg) repeat-x center top #d1dcf0;
	color:#777777;
	font-family:Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
	font-family: 'adelleregular', Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin:0 0 5px 0;
}

h1 {
	color:#74af27;
	font-size:26px;
	margin-bottom:12px;
}

h2 {
	color:#0c65af;
	font-size:18px;
	padding-top:5px;
}

p {
	font-family: 'adelleregular', Georgia, "Times New Roman", Times, serif;
	font-weight:300;
	font-size:16px;
	margin:0 0 10px 0;
	line-height:24px;
}

p.secondary {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	margin:0 0 10px 0;
	letter-spacing:0px;
}

p.tertiary {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	margin:0 0 8px 0;
	letter-spacing:0px;
}

.legal {
	padding:266px 0 31px 190px;
}

.legal p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
	margin:0 0 15px 0;
}

ul.primary {
	font-family: 'adelleregular', Georgia, "Times New Roman", Times, serif;
	font-weight:300;
	font-size:16px;
	margin:0 0 20px 0;
	line-height:24px;
	list-style-type:disc;
	list-style-position:outside;
	margin:0 0 0 16px;
}

ul.primary li {
	margin:0 0 10px 0;
}

ul.secondary {
	margin:0 0 20px 0;
	font-size:14px;
	list-style-type:disc;
	list-style-position:outside;
	margin:0 0 0 16px;
	line-height:18px;
}

ul.secondary li {
	margin:0 0 10px 0;
}

ul.tertiary {
	margin:0 0 20px 0;
	font-size:12px;
	list-style-image:url(../images/tertiary-bullet.png);
	list-style-position:outside;
	margin:0 0 0 16px;
	line-height:16px;
}

ul.tertiary li {
	margin:0 0 8px 0;
}

ol.secondary {
	font-size:14px;
	list-style-type:decimal;
	list-style-position:inside;
	margin:0 0 0 0px;
	line-height:13px;
}

ol.secondary li {
	margin:0 0 10px 0;
}

ol.secondary.custom li {
	margin-bottom:7px;
	}

ol.secondary li .tab {
	display:block;
	float:right;
	width:430px;
}

#page {
	width:972px;
	height:588px;
	background: #fff;
	margin:0px auto;
	padding:26px 26px 26px 26px;
}

#page.background-b {
	background:url(../images/EXL_AR_BACKGROUND_B.jpg) no-repeat left top #fff;
}

#page.background-c {
	background:url(../images/EXL_AR_BACKGROUND_C.jpg) no-repeat left top #fff;
}

#page.background-d {
	background:url(../images/EXL_AR_BACKGROUND_D.jpg) no-repeat left top #fff;
}

.header {
	font-family: 'adelleregular', Georgia, "Times New Roman", Times, serif;
	font-weight:300;
}

.header .logo {
	float:left;
	width:162px;
	margin:0 0 0 10px;
}

.header .logo img {
	width:162px;
}

.header .navigation {
	float:right;
	width:762px;
	margin: 0 20px 42px 0;
}

.header .navigation .title {
	color:#7faf27;
	border-bottom:1px solid #e1e1e1;
	padding: 0 0 4px 0;
	margin: 20px 0 15px 0;
}

.header .navigation ul li {
	float:left;
	margin:0 8px 0 0;
}

.header .navigation ul li a {
	font-size:12px;
	text-decoration:none;
	color:#595959;
}

.header .navigation ul li a:hover, .header .navigation ul li a.active {
	color:#0c65af;
}

/* Full-Width Styles */

#page.whitebg {
	background:rgba(255, 255, 255, 1);
}

.full-width .hero-image.wrapper {
	color:#fff;
	font-size:12px;
	border-radius:0 0 15px 0;
	margin:0 0 0 -26px;
	width:982px;
}

.full-width .hero-image.wrapper p {
	padding: 6px 30px;
}

/* Grid View Styles */	
.grid, .two-col-left, .three-col, .four-col, .full-width {
	height:450px;
}

.grid .grid-image {
	color:#fff;
	font-size:12px;
	margin:0 10px 20px 10px;
	width:220px;
	float:left;
	height:202px;
	border-radius:0px 15px 15px 0;
	display:block;
	text-decoration:none;
}

.grid .grid-image.letter-to-shareholders {
	background:url(../images/EXL_Content_1.jpg) no-repeat 0 0 #e1e1e1;
}

.grid .grid-image.our-vision {
	background:url(../images/EXL_Content_2.jpg) no-repeat 0 0 #e1e1e1;
}

.grid .grid-image.our-footprint {
	background:url(../images/EXL_Content_3.jpg) no-repeat 0 0 #e1e1e1;
}

.grid .grid-image.our-companies {
	background:url(../images/EXL_Content_4.jpg) no-repeat 0 0 #e1e1e1;
}

.grid .grid-image.our-leadership {
	background:url(../images/EXL_Content_5.jpg) no-repeat 0 0 #e1e1e1;
}

.grid .grid-image.financials {
	background:url(../images/EXL_Content_6.jpg) no-repeat 0 0 #e1e1e1;
}

.grid .grid-image.stock-information {
	background:url(../images/EXL_Content_7.jpg) no-repeat 0 0 #e1e1e1;
}

.grid .grid-image.downloads {
	background:url(../images/EXL_Content_8.jpg) no-repeat 0 0 #e1e1e1;
}

.grid .grid-image .label {
	font-size:24px;
	color:#fff;
	display:block;
	margin:110px 0 0 10px;
	font-family: 'adelleregular', Georgia, "Times New Roman", Times, serif;
	line-height:26px;
}

/* Two Column Left Styles */
.two-col-left .col-a {
	float:left;
	width:160px;
	height:445px;
	margin:0 15px 15px 15px;
}

.two-col-left .col-b {
	float:left;
	width:760px;
	height:410px;
}

.two-col-left .base-nav, .three-col .base-nav {
	height:20px;
	width:760px;
	position:fixed;
	margin:0px 0 0 190px;
	top:562px;
}

.four-col .base-nav {
	height: 20px;
	position:fixed;
	margin:0px 0 0 190px;
	top:562px;
}

.quote {
	font-size:16px;
	line-height:24px;
	font-family: 'adelleregular', Georgia, "Times New Roman", Times, serif;
	font-weight:300;
	color:#74af27;
}

/* Two Column Left Styles */
.three-col .col-a, .four-col .col-a {
	float:left;
	width:165px;
	height:445px;
	margin:0 15px 0 10px;
}

.three-col .col-b, .four-col .col-b, .four-col .col-d {
	float:left;
	width:475px;
	height:445px;
	margin-right:25px;
}

.four-col .col-d {
	width:740px;
}

.three-col .col-c, .four-col .col-c {
	float:left;
	width:280px;
	height:445px;
}

.four-col .col-a ul li a, .three-col .col-a ul li a, .two-col-left .col-a ul li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#595959;
	text-decoration:none;
	font-size:14px;
}

.four-col .col-a ul li a:hover, .four-col .col-a ul li a.active, .three-col .col-a ul li a:hover, .three-col .col-a ul li a.active, .two-col-left .col-a ul li a:hover, .two-col-left .col-a ul li a.active {
	color:#74af27;
}

.two-col-left .col-a ul ul li a.orange:hover, .two-col-left .col-a ul ul li a.orange.active {
	color:#f15623;
}

.two-col-left .col-a ul ul li a.blue:hover, .two-col-left .col-a ul ul li a.blue.active {
	color:#184998;
}

.two-col-left .col-a ul ul li a.green:hover, .two-col-left .col-a ul ul li a.green.active {
	color:#008d48;
}

ul ul {
	margin:0 0 0 5px;
}

.four-col .col-c .green-image-wrapper, .three-col .col-c .green-image-wrapper {
	border-radius:0 15px 15px 0;
	width:270px;
	height:414px;
}

.four-col .col-c .green-image-wrapper p, .three-col .col-c .green-image-wrapper p {
	margin:-82px 0 0 0;
	color:#fff;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:15px 10px;
	line-height:14px;
}

.four-col .col-c .green-image-wrapper p.longtext {
	padding:3px 10px;
}

.four-col .col-c .green-image-wrapper p.semilongtext {
	padding:8px 10px;
}

.footer {
	font-size:10px;
	margin:0px 0 0 0px;
	position:absolute;
	top:615px;
	clear:both;
}


.clear {
	clear:both;
}

.col-a .executive-photo, .col-b .executive-photo {
	font-size:12px;
	margin:0 0 15px -15px;
}

.col-a .executive-photo strong, .col-b .executive-photo strong {
	display:block;
}

.col-b .executive-photo {
	display:inline-block;
	margin:0 50px 0 0;
}

.col-a .executive-photo img {
	width:180px;
	height:145px;
	border-radius: 0 15px 15px 0;
}

.all-locations-chart {
	position:absolute;
	z-index:10;
	background:#008d48;
	border-radius:15px;
	height:445px;
	width:755px;
	color:#fff;
	font-size:10px;
	line-height:12px;
	margin:-15px 0 0 0;
	padding:0 0 0 4px;
	box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.5);
}

.all-locations-chart .state {
	border-bottom:1px solid #fff;
	margin:5px 0 5px 20px;
	text-transform: uppercase;
}

.all-locations-chart .col {
	float:left;
	width:185px;
	padding:10px 0 0 0;
}

.all-locations-chart ul {
	margin:0 0 0 16px;
	list-style-type:none;
	list-style-position:inside;
}

.all-locations-chart ul li {
	background:url(../images/green-dot.jpg) no-repeat 0px 3px transparent;
	padding:0 0 0px 8px;
	font-size:9px;
}

.back-to-map {
	color:#fff;
	text-decoration:none;
	font-size:10px;
	padding:40px 10px 0 0;
	float:right;
}

.all-locations-chart .back-to-map {
	padding-top:20px;
	font-size:10px;
	font-weight:bold;
	}

.view-all-locations {
	color:#ee7402;
	text-decoration:none;
	font-size:10px;
	padding:6px 50px 0 0;
	float:right;
	font-weight:bold;
}

.view-all-locations.active {
	color:#777;
}

.tooltip {
	display:none;
	background:red;
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#eee;
}

#tooltip-div {
	position:absolute;
	display:none;
	background:url(../images/rollovers/can.png) no-repeat 0 0 transparent;
	color:#fff;
	top:195px;
	padding:14px 28px 20px 14px;
}

#tooltip-div h3 {
	border-bottom:1px solid #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#tooltip-div ul {
	margin:0px 0px 0px 0px;
	list-style-position:outside;
	font-size:10px;
	line-height:12px;
}

#tooltip-div ul.col1, #tooltip-div ul.col2 {
	float:left;
	width:50%;
}

#tooltip-div li {
	padding:0px 0px 4px 7px;
	bottom-border:1px solid #fff;
	background:url(../images/green-dot.jpg) no-repeat left 4px transparent;
}

#tooltip-div.pointing-left {
	padding:14px 14px 20px 28px;
}

area {
	display:block;
}

.group-photos {
	font-size:9px;
	height:180px;
	width:200px;
	margin:0 20px 0 0;
	float:left;
}

.group-photos strong {
	display:block;
	margin-top:1px;
	font-weight:bold;
	font-size:10px;
}

.pdf-icon {
	margin:45px 0 0 0;
}

.pdf-icon li {
	background:url(../images/pdf-icon.png) no-repeat left center transparent;
	padding:5px 0 5px 40px;
	margin:0 0 20px 0;
}

.pdf-icon li a {
	text-decoration:none;
	color:#777777;
}

/* Financials */	
#page.financials {
	height:auto;
}

#page.financials .footer {
	font-size:10px;
	margin:15px 0 0 0;
	position:static;
	clear:both;
}


.financials .col-a {
	width:192px;
	float:left;
	margin:0px 0px 0 0;
	font-size:10px;
}

.financials .col-b {
	width:750px;
	float:left;
}

.financials .col-a ul {
	list-style-type:none;
}

.financials .col-a ul li {
	margin:0 0 5px 8px;
	line-height:12px;
}

.financials .col-a ul li ul {
	margin:5px 0px 0px -3px;
}

.financials .col-a ul li ul li {
	background:url(../images/financial-arrow.png) no-repeat left 3px transparent;
	list-style-position:outside;
	padding:0 0 0 8px;
}

.financials .col-a ul li ul li.active, .financials .col-a ul li ul li:hover {
	background:url(../images/financial-arrow-active.png) no-repeat left 3px transparent;
}

.financials .col-a a {
	text-decoration:none;
	color:#595959;
}

.financials .col-a a:hover, .financials .col-a a.active {
	color:#74af27;
}

.chart {
	width:100%;
	border-collapse:collapse;
	font-size:12px;
}

.chart th div {
	color:#0c65af;
	border-bottom:1px solid #777;
	font-size:10px;
	padding:0 15px 0 0;
}

.chart .label {
	width:335px;
}

.chart .bottom-border td {
	border-bottom:1px solid #777;
	padding:5px 15px 5px 0;
}

.chart .double-bottom-border td {
	border-bottom:2px solid #777;
	padding:5px 15px 5px 0;
}

.financials ol {
	font-size:10px;
	list-style-type:lower-alpha;
	margin:20px 0 0 15px;
}

.financials .backtoptop {
	color:#ee7402;
	font-size:12px;
	display:block;
	margin:0 0 14px 0;
	float:right;
	text-decoration:none;
}

.financials .base-nav {
	height:20px;
	width:auto;
	margin:0;
}

.financials .bottom-links {
	clear:both;
	margin:10px 0 0 0;
}


.financials sup {
	line-height:10px;
}

.financials .bottom-links .col-1, .financials .bottom-links .col-2 {
	width:40%;
	float:left;
}

.financials .bottom-links .col-2 {
	text-align:right;
	float:right;
}

.financials .base-nav a, .four-col .base-nav a, .two-col-left .base-nav a, .three-col .base-nav a {
	color:#ee7402;
	text-decoration:none;
	font-size:12px;
	background:url(../images/continue-btn.png) no-repeat right center transparent;
	padding:3px 38px 2px 0px;
}

.financials .base-nav a:hover, .four-col .base-nav a:hover, .two-col-left .base-nav a:hover, .three-col .base-nav a:hover {
	color:#777;
	background-image:url(../images/continue-btn-hover.png);
}

.financials .aside {
	float:right;
	width:160px;
	padding:0 20px;
}

.financials .aside p {
	font-size:12px;
	line-height:18px;
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
}

.financials .content-col {
	float:left;
	width:550px;
}

.financials .aside h5 {
	color:#0c65af;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.chart td {
	padding:4px 15px 4px 0;
	text-align:right;
	vertical-align: bottom;
}

.chart.compact td {
	padding:4px 8px 4px 0;
}

.chart .first {
	text-align:left;
}

.chart .sub {
	padding-left:10px !important;
}

.chart .sub-2 {
	padding-left:20px !important;
}

.chart .highlight {
	color:#0c65af;
	padding:4px 0px;
}

.chart.collapsed td {
	padding:3px;
}

.chart.collapsed th div {
	padding:0 5px 0 0;
}

.chart .source td {
	padding:20px 0 0 0;
	font-size:10px;
}

/* Homepage Slideshow */

/* container for slides */
.images {
	position:relative;
	height:445px;
	width:981px;
	float:left;
}

.images .image1 {
	background:transparent url(../images/1-home-image.jpg) no-repeat;
}

.images .image2 {
	background:transparent url(../images/2-home-image.jpg) no-repeat;
}

.images .image3 {
	background:transparent url(../images/3-home-image.jpg) no-repeat;
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;
	height:445px;
	width:981px;
}

.skipintro{
	font-size:10px;
	font-weight:bold;
	color:rgb(238, 116,2);
	margin:5px 0 0 880px; 
	display:inline-block;
	text-decoration:none;
	width:100px;
	text-align:right;
	}


/* Preload Images */

.preload-images {
	position:fixed;
	top:-5000px;
	left:-5000px;
	}