@charset "utf-8";
/* CSS Document */

/* Branding changes to the page. */
                body{background-color:#fff; min-width:1024px;}
                div#header_div{background:#fff;}
                div.footer_div{background:#fff}
    div.outpagebody_div{position:relative; top:0}
    .contact_body a:focus, .contact_body li:focus { outline: rgba(105, 161, 250, 0.35) 5px auto; }
    .hdr_logout:focus{ outline: rgba(105, 161, 250, 0.35) 5px auto; margin-bottom: .4em; }
    .hdr_link:focus{ outline: rgba(105, 161, 250, 0.35) 5px auto; }
    .hdr_logo img:focus{ outline: rgba(105, 161, 250, 0.35) 5px auto; }
    .roundedbutton:focus { outline: rgba(105, 161, 250, 0.35) 5px auto; }
    .footertext a:focus { outline: rgba(105, 161, 250, 0.35) 5px auto; }
    p, td, th{font-family:inherit;font-size:inherit; line-height:1.385em;margin:0; padding:0}
                p + p, p + hr, hr + p{margin-top:15px}
                hr{margin:3px 0}
                .small{font-size:10px; line-height:12px}
                .hidden{display:none}
                .stroke2{border: 2px solid #4d4d4d}
                li:focus, li{outline:none;border:0}

/* generic stuff for brading 2012 */
                .main-content {float: left;font-size:13px; margin-left:20px;width: 520px;}
                #contact, #dir-deposit, #making-deposits, #order-checks{background-color:#FFF;margin:20px 0 0 15px; padding-bottom:10px;width:950px}
                #contact > H1, #dir-deposit > H1, #making-deposits > H1,#contact H1.title, #order-checks H1.title {background-color:#e6e6e6; font: Arial bold 1.385em;line-height:35px; margin:0 10px; padding-left:20px;}
                input[type="button"]{cursor:pointer;border:0; font-weight:bold; padding:2px 10px}
                .button {background: -webkit-linear-gradient(top, #3bb34a 10%, #4E7800);background: -moz-linear-gradient(top, #3bb34a 10%, #4E7800);background: -o-linear-gradient(top, #3bb34a 10%, #4E7800);background: -ms-linear-gradient(top, #3bb34a 10%, #4E7800);background: linear-gradient(top, #3bb34a 10%, #4E7800); color:#FFF; cursor:pointer;font: bold tahoma, arial;padding: 3px 10px;#padding: 2px 7px;text-decoration:none; #background-color:#3bb34a}
                .button:hover{background:#4d4d4d}
                .button-gray {background: url("/images/bg-btn-gray.png") no-repeat center; display: block; font-weight: bold; line-height: 40px; text-decoration:none;}
                .button-gray:hover{background-image:url(/images/bg-btn-green.png); color:#FFF}
                .center{margin:0 auto;text-align:center}
                .or{background:url(/images/or-graphic.png) no-repeat; margin:50px 0; padding-top:90px}
                .footnote{font:1em Verdana, Arial, sans-serif; margin-top:10px}

                .plain-text-button {border:none;outline:none;background:none;cursor:pointer;color:#3bb34a;padding:0;text-decoration:underline;font-family:inherit;font-size:inherit;}
/* sidebar */
                .sidebar{background-color:transparent; margin-right:10px}
                .sidebar .header{background:none;color: #000;xfont-size: 1em;font-weight:normal;height:inherit;xline-height:1em;text-transform: none}
                .sidebar .top{background: #e6e6e6; overflow:hidden;padding: 0 20px;}
                .sidebar .action{background:url(/images/logo-easyhelp-small.png) right bottom no-repeat;margin-bottom:10px;padding-top:10px}
                .sidebar .action a.info{background:url(/images/icon-info-blue-small.png) no-repeat 0 7px;color:#639ec8;display:block;font-weight:bold;padding:10px 0 12px 25px}
                .sidebar .action a.info:focus{outline: rgba(105, 161, 250, 0.35) 5px auto;}
                .sidebar .footer{height:140px;margin-top:10px; overflow:hidden;width:inherit}
                .sidebar .green{background-color:#3bb34a; height:100%; text-align:right; width:90px}
                .sidebar .photo{background:url(/images/easyhelp_billimage.jpg) no-repeat center #3bb34a; height:100%; width:290px;}
                .sidebar li{list-style:disc outside;margin-left:20px}
                .sidebar ul.featureslist li.no-icon{background-image:none}
                .sidebar .testimonial{background: url("/images/student/outpages/quotes_open.gif") no-repeat;line-height: 1.385em;padding-left: 15px; #margin:15px 0}
                .sidebar .highlight{background: rgba(0, 0, 0, 0.1);#background-color:#cfcfcf;font-weight:bold;padding: 10px 15px; #margin-top:0}
                .sidebar div.easyhelp{background:url(/images/photo_eh_girl.png) no-repeat left bottom #e6e6e6; height:100%; margin-top:10px; overflow:hidden}
                .sidebar div.easyhelp .easyhelp-textfield{width:230px}
                .sidebar div.easyhelp .button{background: -webkit-linear-gradient(top, #639ec8 10%, #436C88);background: -moz-linear-gradient(top, #639ec8 10%, #436C88);background: -o-linear-gradient(top, #639ec8 10%, #436C88);background: -ms-linear-gradient(top, #639ec8 10%, #436C88);background: linear-gradient(top, #639ec8 10%, #436C88); #background-color:#639ec8}
                .sidebar h4.easyhelp{line-height: 40px}


/* Summary Page */
                #summary_page{background-color:#fff; font-size:12px; padding: 0 5px;width:950px}
                #summary_page .summary_panel_header{border-bottom: 5px solid #4d4d4d}
                #summary_page .msgBox{background-color: #F3F3F3}
                #summary_page .msgBoxHeader {background: none #77B800}
                #summary_page #importantmessages_messages{background-color:#EEE; }
                #summary_page .msgBoxFooter {background: none #77B800;border-bottom: 13px solid #EEE; height: 13px}
                #summary_page #schoolBoxes{width:230px}
                #summary_page #OneAccountBoxes{width:430px}
                #summary_page #accountBalance {width: 160px}
                #summary_page #accountBalance .positive{color: #77B800}
                #summary_page #accountBalance .innerbalance {width:100%}
                #summary_page .accountholder_header {width: 225px}#newStyle .subsection_header {font-family: Tahoma, verdana, sans-serif;}
                #summary_page .billpay_payee {width: 200px}
                #summary_page .featureCheckList a{color: #4D4D4D}
                #summary_page #easyHelpWidget{border-color: #4D4D4D}
                #summary_page #easyHelpWidget .TableHeadWidget{border-top: 4px solid #77B800}
                #summary_page #easyHelpWidget .TableBodyContainer{border-bottom: 8px solid #77B800;border-top: 20px solid #77B800}
                #summary_page .SubTableHead{background-color: #77B800;color: #000000}
                #summary_page .subsection_topdarkline, #summary_page .subsection_toplightline, #summary_page .subsection_bottomdarkline{background-color: #77B800}
                #summary_page .summary_rightnow_tags{float: right}
                #summary_page #summary_panels {}
                #summary_page .stroke2{border: 2px solid #4d4d4d}
                #summary_page .odds{background-color: #E3E3E3}
                #summary_page .evens{background-color: #F2F2F2}
                #summary_page a:hover, .sidebar ul.featureslist a:hover, .main-content ul.featureslist a:hover{color:#3bb34a}


/* Contact-us page */
                #header_div{background-color:#FFF}
                .pagecontent_div {font-size:13px}
                #contact H4{margin:20px 0 5px}
                #contact div.eh input[type="text"]{width:250px}
                #contact #results div + div{} /* EH results section */
                #contact #results H3{font-size:1.154em;text-decoration:none} /* EH results section */
                #contact #results H4, #contact #results a {font-size:1em; font-weight:normal;margin:0 0 5px 0;padding:0} /* EH results section */
                #contact #results H6{#display:none}/* EH results section - hiding dates on IE*/
                #contact #results a:hover{color:#4d4d4d} /* EH results section */
                #contact #results H4 + H6, #contact #results .viewmore{display:none} /* EH results section */
                #contact .sidebar .mobile p{#margin-bottom:10px}
                div.you-circle{background:url(/images/you-anim-bg-circle.png) no-repeat center; height:415px}
                div.you-circle .you-you{background:url(/images/you-anim-you-circle.png) no-repeat center center; #border:1px solid #FFF}
                ul.you-circle{font-family:Arial;font-size:1.231em; margin:0; padding:0;width:200px}
                ul.you-circle li{background:url(/images/you-anim-dots-white.png) no-repeat 400px center;line-height:138px;list-style:none}
                ul.you-circle li.eh{background-position:135px center; padding-right:65px;text-align:right;}
                ul.you-circle li.twitter{background-position:70px center;padding-right:135px;text-align:right}
                ul.you-circle li.talk{background-position:135px center;padding-right:65px;text-align:right}
                ul.you-circle li.globe{height:138px; overflow:hidden}
                ul.you-circle li.globe #globe{display:none;margin-top:35px}
                ul.you-circle li.mobile{background-position:100px center;padding-left:130px}
                ul.you-circle li.fb{background-position:35px center;padding-left:65px}
                .fb .action{background-position:right 15px}


                /*ul.you-circle .disable{font-weight:bold; text-decoration:none}*/

                div.mobile, div.fb, div.talk, div.twit, div.eh {display:none; margin:10px 0}
                div. twit div.twit-wrapper{margin-bottom:10px}
/* hiding twitter classes */


/* Direct Deposit page */
                #dir-deposit ul{padding:0}
                #dir-deposit .main-content ul.number li{font-weight:bold;padding:8px 0 5px 40px; list-style:none}
                #dir-deposit .main-content ul.number li + li{margin-top:10px}
                #dir-deposit .main-content ul.number li.one{background:url(/images/list-numbered-bullets-one.png) no-repeat}
                #dir-deposit .main-content ul.number li.two{background:url(/images/list-numbered-bullets-two.png) no-repeat}
                #dir-deposit .main-content ul.number li.three{background:url(/images/list-numbered-bullets-three.png) no-repeat}
                #dir-deposit div.green, #dir-deposit div.photo {height:100%}
                #dir-deposit div.sidebar div.footer{height:50px}
                #dir-deposit .sidebar .top .body{margin-top:10px}
                #dir-deposit .sidebar ul.featureslist{margin:15px;}
                #dir-deposit .sidebar ul.featureslist li{background:url(/images/bg-featureslist-dir-deposit.gif) no-repeat left 2px; margin:0; padding-left:25px;list-style-type:none;}
                #dir-deposit .sidebar .action{background:url(/images/logo-premier-small-dir-deposit.png) no-repeat right 23px}


/* Making deposits */
                #making-deposits .sidebar .photo{background-image:url(/images/deposits_image.jpg)}
                #making-deposits .main-content .body{clear:both;overflow:hidden;width:100%}
                #making-deposits .main-content ul.featureslist{#margin:25px 0 0;padding:0; width:45%}
                #making-deposits .main-content ul.featureslist + ul{}
                #making-deposits .main-content ul.featureslist li{ list-style-position:inside}
                #making-deposits .main-content ul.featureslist li + li{margin-top:8px}
                #making-deposits .main-content ul.featureslist li.header{border-bottom:1px solid #bdbdbd; font:bold 1.154em Tahoma;list-style:none; margin-bottom:10px}
                #making-deposits .main-content .footnote{margin-top:35px}
                #making-deposits .sidebar ul.featureslist {margin:10px 0 0;}
                #making-deposits .sidebar ul.featureslist li {list-style-type:none;margin:0 0 15px 0;padding: 3px 0 5px 0;}
                #making-deposits .sidebar ul.featureslist li.header{background:url(/images/bg-featureslist-header-making-deposits.gif) repeat-x center bottom; font:bold 1.154em Tahoma; margin-bottom:5px}




/*  Rounded corner fixes from global.css  */
                .rounded { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -khtml-border-radius: 10px; }
                .roundedtop { border-radius: 10px 10px 0 0; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0; -khtml-border-radius: 10px 10px 0 0; }
                .roundedbottom { border-radius: 0 0 10px 10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius: 0 0 10px 10px; -o-border-radius: 0 0 10px 10px; -khtml-border-radius: 0 0 10px 10px; }
                .roundedright { border-radius: 0 10px 10px 0; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius: 0 10px 10px 0; -o-border-radius: 0 10px 10px 0; -khtml-border-radius: 0 10px 10px 0; }
                .roundedleft { border-radius: 10px 0 0 10px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius: 10px 0 0 10px; -o-border-radius: 10px 0 0 10px; -khtml-border-radius: 10px 0 0 10px; }
                .roundedtopleft { border-radius:10px 0 0; -webkit-border-top-left-radius:10px; -moz-border-radius:10px 0 0; -o-border-radius:10px 0 0; -khtml-border-radius:10px 0 0; }
                .roundedtopright { border-radius: 0 10px 0 0; -webkit-border-top-right-radius:10px; -moz-border-radius:0 10px 0 0; -o-border-radius:0 10px 0 0; -khtml-border-radius: 0 10px 0 0; }
                .roundedbottomleft { border-radius: 0 0 0 10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius: 0 0 0 10px; -o-border-radius: 0 0 0 10px; -khtml-border-radius: 0 0 0 10px; }
                .roundedbottomright { border-radius: 0 0 10px 0; -webkit-border-bottom-right-radius:10px; -moz-border-radius: 0 0 10px 0; -o-border-radius: 0 0 10px 0; -khtml-border-radius: 0 0 10px 0; }
/*  END of rounded corners*/

/*  Twitter Class  */
                div.twit-wrapper {background: #ccc; font-weight:bold;margin-bottom: 10px;padding: 15px}
                div.twit-wrapper p.tweetClass {font-size: 1.15em}
                div.twit-wrapper p.updtClass {font-size: 0.8em;text-align: right}
/*  END of Twitter Class  */

/*  Order Checks  */
                #order-checks{overflow: hidden;}
                #order-checks .button{font-weight: bold;border: 1px solid #4d4d4d;}
                #order-checks .highlight{border-left: 2px solid #3bb34a;color: #3bb34a;font-size: 0.846em; font-weight: bold;line-height: 1.2em;margin: 30px 0px 0px 30px;padding-left: 10px;width: 75%}
                #order-checks .note{font-size: 0.846em;line-height: 1.2em;}
                #order-checks .grey{background-color:#4d4d4d;}
                #order-checks .sidebar a {display:block;height:110px;overflow:hidden;}
                #order-checks .sidebar a.dir-dep{background:url('/images/student/account/accountchoices/icon-edge-dir-dep.png') no-repeat 0 17px;}
                #order-checks .sidebar a.one-rewards{background:url('/images/student/account/accountchoices/icon-edge-gift.png') no-repeat 0 17px;}
                #order-checks .sidebar a.bill-pay{background:url('/images/student/account/accountchoices/icon-edge-billpay.png') no-repeat 0 -405px; }
                #order-checks .sidebar{overflow:hidden}
                #order-checks .sidebar div + div{margin-top:10px}
                #order-checks .sidebar .green {background-color:#3bb34a;height:110px;width:390px;#margin:10px 0 10px 0;}
                #order-checks .sidebar .easyhelp-logo a {height: 33px;}

                #order-checks #order-history{background-color: #e6e6e6;border-top: 2px solid #AAA;font-size:13px;margin-top: 15px;padding:20px;}
                #order-checks #order-history table.large{font-family: Arial;width:900px}
                #order-checks #order-history .coloredBorder {border-color:#4d4d4d;}
                #order-checks #order-history td.panelHeader {background-color: #3bb34a;color: #000;padding: 5px 0;}
                #order-checks #order-history .rowEvenBG, #order-checks #order-history #rowEvenBG, #order-checks #order-history #rowOddBG, #order-checks #order-history .rowOddBG {font-size:13px;}

                /* Customer Segment Survey page */
                .pagecontent_div{max-width: 975px}
                #survey h1,#survey h2,#survey h3,#survey h4,#survey h5,#survey h6{color:#4d4d4d;font-family: arial;font-size:100%;font-weight:normal;}
                #survey h1{font-size:2.308em}
                #survey{background-color: #FFF; font-family: tahoma; padding:5px 0;overflow: hidden; margin: auto;max-width: 965px;width: 95%;
                }
                #survey .main-content{width: 100%}
                #survey .head{margin:25px 0 15px}
                #survey .table-head{background-color:#DDD;line-height: 17px;margin-bottom:1px;overflow:hidden}
                #survey .odds, #survey .evens{line-height: 15px; margin-bottom: 1px; padding:5px 10px; width: 100%}
                #survey .odds .left, #survey .evens .left{ display: inline-block;max-width: 95%;}
                #survey .odds{background: url("/images/survey-background-odds-evens.png") repeat-y top right #a3d269}
                #survey .evens{background: url("/images/survey-background-odds-evens.png") repeat-y top right #c3e09c}
                #survey .rightside{float: right; margin-right: 75px; text-align: center; width: 195px}
                #survey .grading {color:#4d4d4d; font-size:0.8em; font-weight:bold; letter-spacing:8px;}
                #survey .grading input {margin: 0 0 0 4px;}
                #survey .green{color: #3bb34a}
                #survey .question-line{font-size:1.077em; max-width:650px}
                #survey .optional-group{margin-right:20px;max-width: 200px}
                #survey .questionRequired{ background-color: #d6083b; }
                #survey .validationmessage{ color: #d6083b; }
                .bold{font-weight: bold}


/*  END of Order Checks  */