/*

Eli Lilly Federal Credit Union
Created by SpinWeb [Tony Williams]
Last updated on 1/4/10 by Rob Alan
/*

___________________________________________________________________________________________________________________________________________________________________


(1) Global Tags
(2) Framework
(3) Main Navigation
(4) Side Navigation
(5) Top Navigation  
(6) Icon Navigation
(7) AdditionalLinks
(8) Footer Navigation
(9) Home Page Callout Section
(10) Rates
(11) Branch Search & Broadcast Email (enews)
(12) Email to Friend Form / Send Page body
(13) Document Storage / Shopping Cart
(14) Custom Directories
(15) Misc
(16) Footer

___________________________________________________________________________________________________________________________________________________________________*/





/* (1) Global Tags ______________________________________________________________________________________________________________________________________________*/


#bodyStyles, #bodyStyles2 { /*  #bodyStyles is for the homepage.  #bodyStyles2 is for all interior pages.  */
margin: 0;
background: #5fa79d url("graphics/images/bg-body.jpg") repeat-x;
color: #69778b;
font: 9pt arial;
line-height: 16px;
}

#bodyStyles2 {
background: #5fa79d url("graphics/images/bg-body2.jpg") repeat-x;
}

 h1, #bodyStyles2  h1 {
font-weight:bold;
font-size:11pt;
padding:8px 15px 8px 15px
}

*html #bodyStyles h1, *html #bodyStyles2 h1 {
font-weight:bold;
font-size:11pt;
}

#frameContent h1 {
color:69778b;
background-color:#e2e5e8;
}

#bodyStyles h2, #bodyStyles2 h2 {
font: 11pt arial;
margin: 0 0 15px 0;
}

.Left {
    float: left;
    margin: 10px 10px 10px 0;
}
.Right {
    float: right;
    margin: 10px 0 10px 10px;
}


/*Home Page Links -----------------------------------------------------------------------------------------------------------------------------------------------------*/

 
.news a, .additionalLinks a, .events a {
color:#69778b;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

 
 
 
a {
color:#006857;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

a img {
border:0;
}

p {
margin: 0 0 15px 0;
}

img {
border: 0;
}

form {
margin: 0;
padding: 0;
}

fieldset input, fieldset select, fieldset textarea  {
margin-bottom:10px;
}

fieldset {
margin-bottom:15px;

}

input, select, textarea {
font: 9pt arial;
padding: 1px 3px 1px 3px;
}

hr {
border: 0;
color: #d5d2d2;
background-color: #d5d2d2;
height: 1px;
margin:10px 0 20px 0;
}

ul {
/*margin:0;*/

}

ul li {
list-style-type:square;
padding-bottom:10px;
}


/* (2)  Framework ______________________________________________________________________________________________________________________________________________*/

#frameParent {
width: 980px;
margin: 0 auto 0 auto;
background: url("graphics/images/bg-parent.gif") repeat-y;
}

#logo {
width: 412px;
height: 116px;
float: left;
}

#logo img {
float: left;
}

#frameTopNav {
width: 548px;
height: 41px;
float: left;
padding:0 0 0 20px;
background: url("graphics/images/bg-navTop.jpg") repeat-x;
}

#frameNav {
width: 568px;
height: 42px;
float: left;
background: url("graphics/images/bg-nav.gif") repeat-x;
}

#frameSearch {
width: 558px;
height: 33px;
float: right;
padding: 0 10px 0 0;
color: white;
text-align:right;
color:#0b3620;
background: white url("graphics/images/bg-search.jpg") no-repeat top right;
font-weight:bold;
}

#frameClear {
height: 0;
clear: both;
}

* html #frameClear {
display: inline;
}

#frameLeft {
width: 245px;
float:left;
margin: 0;
}

#frameBanner {  /* #frameBanner is for the homepage.  */
width: 735px;
height: 175px;
float: left;
}



#frameBanne2 { /* #frameBanner2 is for all interior pages.  */
width: 735px;
height: 137px;
float: left;
}

*html #frameBanner2 img {
float:left;

}

#frameMiddle {
width: 482px;
*width: 480px;
float: left;
padding: 15px;
background-color:white;
}

#frameRight {
width: 222px;
float: right;
}

.content {
padding:0 15px 15px 15px;
}

#frameContent a {
color:#006857;
}

#frameContent p {
margin-bottom:15px;

}

/* (3) Main Navigation ______________________________________________________________________________________________________________________________________________*/



/* MenuBegin:0 */
ul.nav {
margin: 0;
border: 0;
border-right:1px solid #aaaaaa;
padding: 0;
list-style: none;
line-height: 35px;
font-weight:bold;
float:right;
}

ul.nav li {
margin: 0;
border: 0;
padding: 0;
float: left;
display: inline /*Gecko*/;
list-style: none;
position: relative;
}

ul.nav ul {
margin: 0;
border: 0;
padding: 0;
list-style: none;
display: none;
position: absolute;
top: 40px;
left: 0;
}

ul.nav ul li {
position: relative /*IE 7*/;
display: inline;
float: left /*For IE*/;
}

* html ul.nav ul li {
float: none;
}

/* 1st Level */
ul.nav a {
color: #136058;
text-decoration: none;
text-align: center;
padding: 0px 8px;
font-size: 9pt;
float: left /*For Opera*/;
display: block /*For IE*/;
height: 1%;
border-right:1px solid #aaaaaa;
border-left:1px solid #d7d7d7;


}

ul.nav a:hover, ul.nav li:hover a, ul.nav a:hover, ul.nav li.over a {
background: url("graphics/images/bg-nav-over.gif") repeat-x;
color:white;
text-decoration: none;
}

ul.nav a.last {
border-right: 0;
}

/* 2nd Level */
ul.nav li:hover li a, ul.nav li.over li a {
color: #ffffff;
border-top: 0;
background: url("graphics/images/bg-search.jpg") repeat-x;
border-right: 0;
line-height: 27px;
text-align: left;
float: none;
}

ul.nav li:hover li a:hover, ul.nav li:hover li:hover a, ul.nav li.over li a:hover, ul.nav li.over li.over a {
background: #011123;
text-decoration: none;
}

ul.nav li:hover li:hover li a.first, ul.nav li.over li.over li a.first {
border-top: 0;
}

.nav ul li a {
width: 180px;
padding-left: 10px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul.nav li:hover ul, ul.nav li.over ul {
display: block;
}

ul.nav .nav ul :after /*IE 7*/ {
clear: both;
display: block;
font: 1px/0px serif;
 content:;
height: 0;
visibility: hidden;
}

/* MenuEnd:0 */

.nav .item7 a {
border: 0;
}


/* (4) Side Navigation ________________________________________________________________________________________________________________________________________*/


#sideNav ul {
color:white;
padding:10px 8px 0 8px;
width:219px;
margin: 0 0 0 0;
list-style-type: none;
float:left;
}

#sideNav li {
list-style-type: none;
padding-bottom:0;
}


#sideNav ul a {
display: block;
padding: 3px 0 3px 20px;
width:200px;
color:white;
background: url(graphics/images/sideNav-arrow.gif) no-repeat 5px 9px;
border-bottom: 1px solid #31746c;
 text-decoration: none;
}


#sideNav ul a:hover {
 color: #FFFFFF;
 text-decoration: none;
 background-color:#4b9c91;
}



/* (5) Top Navigation ________________________________________________________________________________________________________________________________________*/



#navTop ul {
float:left;
border: 0;
margin: 12px 10px 0 0;
padding:0;
}

#navTop li {
float:left;  /* Really no need for a float, but it bypasses the Icon Chat clearing right */ 
display: inline;
list-style-type: none;
}

#navTop a {
color: white;
font-size:8pt;
text-decoration: none;
border-right:1px solid white;
padding:0 5px 0 5px;
}


#navTop a:hover {
text-decoration: underline;
}

#navTop .last {
border:0;
}



/* (6) Icon Navigation ________________________________________________________________________________________________________________________________________*/


.iconNav {
height:41px;
margin:0 0 0 10px;
padding:0;
list-style: none;
overflow: hidden;
float:left;


}

.iconNav li {
list-style: none;
display: inline;
margin:0 10px 0 0;
float:left;
position:relative;
}

.iconNav a {
float: left;
padding: 41px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/:41px; /* for IE5/Win only */
}

.iconNav a:hover {
background-position: 0 -41px;
}

#chatIcon {
float: right;
margin:4px 0 0 0;

}

/*----------------------------------------------------------------------------------*/	
	
#iconNavcurrent a {
background-position: 0 -41px;
}

.iconNavHome a {
background:url("graphics/images/navTop-home.gif") no-repeat;
width:11px;
}

.iconNavTxt a {
background:url("graphics/images/navTop-txt.gif") no-repeat;
width:21px;
}

.iconNavPrint a {
background:url("graphics/images/navTop-print.gif") no-repeat;
width:14px;
}

.iconNavContact a {
background:url("graphics/images/navTop-contact.gif") no-repeat;
width:12px;
}


/* (7) AdditionalLinks ________________________________________________________________________________________________________________________________________*/


.additionalLinks {
float:left;
width:298px;
margin-right:10px;
}


.additionalLinks ul {
margin:0 0 0 0;
padding:0 0 0 0;
}


.additionalLinks li {
list-style-type:none;
padding:0 0 8px 15px;
float:left;
width:130px;
}


.additionalLinks a {
margin:0;
padding:0;
}


#autoREFI {
float:left;
}


/* (8) Footer Navigation ________________________________________________________________________________________________________________________________________*/



#footerContent ul {
width:212px;
float:left;
margin:0 0 15px 0;
border: 0;
padding:0;
}

#footerContent li {
display: inline;
list-style-type: none;
}


#footerContent ul a {
color:#a5a5a5;
text-decoration:none;
padding:0 5px 0 5px;
border-right:1px solid #a5a5a5;


}

#footerContent a:hover {
color:#23314e;
text-decoration:underline;
}

#footerContent .last {
border:0;
}



/* (9) Home Page Callout Section ________________________________________________________________________________________________________________________________________*/


#onlineBanking {
background-color:white;
width:245px;
xheight:143px;
float:left;
}

#bodyStyles2 #onlineBanking {
xheight:137px;
}

#onlineBanking h1 {
color:white;
font-size:14pt;
background:#006857 url("graphics/images/hd-online-banking.gif") no-repeat;
padding:8px 15px 8px 35px;
margin:0 0 10px 0;
}

#onlineBanking table {
float:left;
}

#onlineBanking a {
color:#006857;
font-size:8pt;
text-decoration:none;
}

#onlineBanking a:hover {
text-decoration:underline;
}

#onlineBanking table td {
padding-bottom:5px;
}

#bodyStyles2 #onlineBanking  table td {
padding-bottom:3px;
}

/* (10) Rates ________________________________________________________________________________________________________________________________________*/


#parentRates {
margin:0;
padding:0;
}

#rates {
background:#266960 url("graphics/images/bg-rates.jpg") repeat-x;
color:#e2e5e8;
font-size:9pt;
float:left;
padding:0 8px 0 8px;
}

#rates .content {
padding:0;
}

#rates h1 {
color:white;
background-color:none;
padding:8px 15px 0 7px;
}

#rates table table {
margin-bottom:-5px;
font-size: 8pt;
}

#rates table table td {
padding:2px 8px 2px 8px;
}

#rates table table th {
background-color:#31746c;
text-align:left;
font-weight:bold;
padding:0 8px 0 8px;
}

#rates p {
font-size:10px;
padding-top:10px;
}


#rates a {
color:white;
}

#rates span {
padding-top:8px;
}

.calloutAd {
margin-top:15px;
display:block;
}

#frameMiddle h1 {
color:#69778b;
background-color:#e2e5e8;
margin-top:0;
}



.ratesInt table {
margin-bottom:-5px;
border-bottom:1px solid #e2e5e8;
border-left:1px solid #e2e5e8;
margin-bottom:15px;
text-align:center;
}

.ratesInt table td {
border-top:1px solid #e2e5e8;
border-right:1px solid #e2e5e8;
padding:4px 8px 4px 8px;
}

.ratesInt table td.stripeTd {
background-color: #d5d9de;
}

.ratesInt table th {
background-color:#0c796a;
color:white;
text-align:center;
font-weight:bold;
font-size:8pt;
padding:4px 8px 4px 8px;
border-top:1px solid #e2e5e8;
border-right:1px solid #e2e5e8;
}

.rateTd {
padding-bottom:20px;
}

#Display_Rates p {
font-size:10px;
}




/* (11) Branch Search & Broadcast Email (enews)    ________________________________________________________________________________________________________________________________________*/


#branchSearch {
width:245px;
color:#23314e;
background:#aeab9a url("graphics/images/bg-branch-atm.jpg") repeat-x;
float:left;
margin:0;
}

#branchSearch h1, #enews h1 {
color:white;
background-color:#4d827a;
margin-top:0;
}

#branchSearch a, #enews a {
color:#2b3446;
}

#enews {
width: 222px;
*width: 221px;
color:#515152;
background: white url("graphics/images/bg-email-signup.jpg") no-repeat bottom left;
float:left;
}

#enews td {
padding-bottom:10px;
}

#productLister table p, #productLister h2 {
margin:0 0 5px 0;
}

#productLister hr {
margin-top:15px;
}

.productLister {
margin-bottom: 10px;
}

.productLister td {
padding: 15px;
border-bottom: 1px solid #d5d2d2;
}

.productLister img, .newsThumbnail {
border: 1px solid #2c3641;
}

.searchProducts {
background-color: #eae8e8;
padding: 10px 20px 10px 20px;
color: #002d62;
}

.prevnext {
background-color: #eae8e8;
padding: 3px 15px 3px 15px;
}

/* (12) Email to Friend Form / Send Page body ______________________________________________________________________________________________________________________________________________*/

.sendpageBody {
background: url("graphics/images/bg-header.gif") repeat-x;
padding-top: 5px;
color: #69778b;
font: 9pt arial;
}

.sendpageBody h1, .sendpageHeader {
color:#006857;
margin: 20px 0 20px 0;
}

.sendpageBody input {
margin-bottom: 4px;
}

.sendpageBody form {
margin: 0;
}

.sendpageBody p, .sendpageBody span {
padding: 15px;
}

.sendpageFormTextRequired, .sendpageFormText {
color: #69778b;
font: 9pt arial;
}

.sendpageBody table {
margin-top: -13px;
}

/* (13) Document Storage / Shopping Cart ______________________________________________________________________________________________________________________________________________*/



.documentHeaders th, .cartHeaders th {
color:#FFFFFF;
background: url("graphics/images/bg-catalogs.jpg") repeat-x;
text-align:left;
font-weight:normal;
padding:5px 10px 5px 10px;
}

.cart td {
padding:5px;
}

.freedomDocuments {
border-bottom:1px solid #d5d2d2;
border-left:1px solid #d5d2d2;
}

.freedomDocuments td {
padding:10px;
border-top:1px solid #d5d2d2;
border-right:1px solid #d5d2d2;
}

.documentsName img {
position:relative;
top:7px;
}

.shoppingCartEvenRow {
background-color:#eae8e8;
}

.shoppingOutOfStock, .shoppingLowStock, .shoppingInStock {
font-size:8pt;
}

.shoppingCartTableHeader {
color: white;
font: 11pt arial;
margin: 0 0 15px 0;
color: #002d62;
text-align:left;
}

.shoppingFormRequired, .shoppingForm {
color: black;
font: 10pt "lucida grande", tahoma, arial, arial, sans-serif;
line-height: 18px;
margin: 0;
}

.shoppingTable {
text-align:left;
}

.jobSub {
font-weight:bold;
}

/* (14) Custom Directories ______________________________________________________________________________________________________________________________________________*/

.clientsImage {
float:left;
border:1px solid #023222;
margin:0 15px 15px 0;
}

#frameBanner {
    background-color: #fff;
    position: relative;
}

#featPrev, #featNext {
    background: url("./graphics/images/featNav.png") no-repeat;
    display: block;
    height: 25px;
    overflow: hidden;
    position: absolute;
    text-indent: -100000px;
    width: 23px;
    z-index: 11;
}
#featPrev {
    background-position: 0 0;
    right: 34px;
    top: 130px;
}
a#featPrev:hover {
    background-position: -23px 0;
}
#featNext {
    background-position: 0 -25px;
    right: 8px;
    top: 130px;
}
a#featNext:hover {
    background-position: -23px -25px;
}


/* (15) Misc ______________________________________________________________________________________________________________________________________________*/


.newsBoxText {
color: white;
}

.newsItem {
margin-bottom:20px;

}

.newspagebox {
background-color: #b0b0b0;
padding: 10px 20px 5px 20px;
}

#frameSearch form {
margin: 0;
padding: 0;
}

.searchBtn {
position: relative;
top: 8px;
}

.prevnextCurrent, .prevnextWindow {
padding-right:5px;
}

.blogInfo, .date {
font-size:7pt;
}

.blogInfo {
margin-bottom:5px;

}

.date {
padding-bottom:10px;
}


#siteMap li {
}

#iFeBranch {
margin:0;
padding:0

}



/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.triggerModal {
}

.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -200px;
    width: 400px;
    background-color: #fff;
    color: #333;
    border: 3px solid ccc;
}

.jqmConfirmTitle {
    background: #ddd;
    padding: 5px;
    text-align: right;
}

.jqmContent {
    margin-bottom: -30px;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

iframe * {
    margin-top: -30px;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/






/* (16) Footer ______________________________________________________________________________________________________________________________________________*/


#frameFooter {
width: 980px;
margin: 0 auto 0 auto;
}

#footer {
color: #a5a5a5;
background-color:#e9e9e9;
font-size:8pt;
width:735px;
border-left:solid 245px #266960;
float: left;
}

#footerContent {
border-top:solid 7px #a5a5a5;
padding:15px;
}

/* ModuleBegin::news */
/* -----------------------------------------------------------------------
Lister for News Module:
Each numbered item represents a different lister style
----------------------------------------------------------------------- */
#content .newsWrapper {position:relative;}
.newsWrapper .newsItem span.newsListBlurb {display:block;}
.newsWrapper .newsItem {border-bottom:1px dashed #ccc;margin-bottom:10px;padding-bottom:10px;overflow:auto;}
.newsWrapper p img {float:left;margin:0 10px 0 0;}
.newsWrapper .newsCount {position:absolute; top:5px; right:42px; color: #ccc;}
.newsWrapper .newsListHeadline {font-size:120%;color: #406C47; font-weight: bold;}
.newsWrapper .newsListHeadline a{color:#406C47;}
.newsWrapper .newsListPublishline {font-size:90%;position:relative;color:#888;}
.newsWrapper .newsListPublishline span {font-family:Georgia,serif;font-style:italic;}
.newsWrapper .previousPage {float:left;}
.newsWrapper .nextPage {float:right;}

/* Box style lister -- each box has fixed width and floats left to fill available space */
.newsWrapper1 span {display:block;}
.newsWrapper1 p.newsItem {width:200px;float:left;margin-right:24px;background-color:#eef;}
.newsWrapper1 .newsListheadline:after {color: #999; font-weight: bold; content: " \000BB";} /* Unicode hex for &raquo; */
.newsWrapper1 .newsListPublishline {font-size:75%;} 
.newsWrapper1 .newsListPublishline b {display:block;}

/* Simple lister -- each entry has fixed width and flows down a column */
.newsWrapper2 {border-top: 1px dashed #ccc;margin-top:50px;}
.newsWrapper2 span {display:block;}
.newsWrapper2 p.newsItem {width:200px;background-color:#efe;}
.newsWrapper2 .newsListPublishline b {display:none;} 
.newsWrapper2 .newsListPublishline {font-size:75%;} 

/* Paragraph lister -- each entry flows as in a paragraph */
.newsWrapper3 {border-top: 1px dashed #ccc;margin-top:50px;}
.newsWrapper3 p.newsItem {background-color:#fee;padding-left:24px;text-indent:-24px;margin-bottom:6px;}
.newsWrapper3 .newsListPublishline b {display:none;} 
.newsWrapper3 .newsListPublishline:after {content: ". ";} 

/* Same as above just with thumbnails to left */
.newsWrapper4 {border-top: 1px dashed #ccc;margin-top:50px;}
.newsWrapper4 p.newsItem {background-color:#fee;margin-bottom:6px;overflow:auto;}
.newsWrapper4 img {float:left;margin-right:10px;}
.newsWrapper4 .newsListPublishline b {display:none;} 
.newsWrapper4 .newsListPublishline:after {content: ". ";} 
/* END NEWS LISTER */

/* -----------------------------------------------------------------------
News Detail
----------------------------------------------------------------------- */
.newsDetailItem .newsHeadline {font-size:200%;color: #406C47; font-weight: bold;display:block;} 
.newsDetailItem .newsSubHeadline {font-size:120%;display:block;} 
.newsDetailItem .newsPublished:after {content: " | "}
.newsDetailItem .newsPublished,.newsDetailItem .newsAuthor {font-size:90%;color:#888;}
.newsDetailItem .newsPublished span,.newsDetailItem .newsAuthor span  {font-family:Georgia,serif;font-style:italic;}
.newsCopyright {font-style:italic;font-family:Georgia;font-size:90%;}
/* ModuleEnd::news */

/* FROM ELFCU VENDOR FOR CALCULATORS */
.cTimeValue td.Left, .cTimeValue td.Right, .cTimeValue th.Left, .cTimeValue th.Right {margin:1px;padding:0px;float:none;}
.DetailTable {width: 95%;}
.cTimeValue .SubDetailTable td
{white-space:nowrap;}
.cTimeValue .SubDetailTable td
{margin:25px;color:blue;padding-left:20px;}

/* ModuleBegin::blog */
.blogListWrapper, .blogCommentsWrapper { margin-right: 220px; }
.blogDate{ font-weight: bold; border-top: 1px solid #ccc; margin-top: 20px; }
.blogInfo { }
.blogBody { }
.blogComments { }
.blogListWrapper .blogComments { text-align: right; }

.blogCommentsWrapper { }
.blogPrivate { }
.blogCommentBody { }
.blogCommentsWrapper .blogInfo { padding-top: 10px;}

.blogAddCommentsWrapper { padding: 0px 80px; }
.blogAddCommentsWrapper div { padding: 2px 0px; }

.blogArchiveWrapper { width: 160px; float: right; border: 1px solid #ccc; background: #efefef; padding: 0px 20px 20px 20px;}
.blogArchiveWrapper a { text-decoration: none; }
.blogArchiveWrapper a:hover { text-decoration: underline; }
.blogArchiveYear { font-weight: bold; padding-top: 10px; }
.blogArchiveMonth { padding-left: 20px; }
/* ModuleEnd::blog */

.repLister .left {float: left; margin-top: 40px;}
.repLister .right, .repDetail .right {float: right; }
.repDetail .left {margin-left: 15px;}
#bodyStyles .repDetail h2, #bodyStyles2 .repDetail h2 {font-weight: bold; font-size: 10pt;}
.repLister .clear {clear: all;}
.repLister ul {list-style-type: none; margin: 0 0 0 15px; padding: 0;}
.repLister ul li {list-style-type: none; width: 100%; clear: both; border-bottom: 1px solid #999; padding: 0 0 15px 0; margin: 0 0 15px 0; float: left;}
.repLister h2 {margin-top: 50px;}