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

Sidebar = Right Side FLoating Box
Boxes = No Floating Boxes
*/

.outpagebody_pagecontent, .pagecontent_div  {
    margin: auto;
    width:975px !important;
}




/* HTML fixes */
.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6, .boxes h1, .boxes h2, .boxes h3, .boxes h4, .boxes h5, .boxes h6 {
    color: #000000;
    font-family: Tahoma,Geneva,Verdana,Helvetica,Sans-serif;
    font-weight: bold;
    margin:0;
    position: relative;
    text-transform: capitalize;
}
.sidebar h1, .boxes h1 {font-size: 1.538em}
.sidebar h2, .boxes h2  {font-size: 1.385em}
.sidebar h3, .boxes h3  {font-size: 1.231em}
.sidebar h4, .boxes h4  {font-size: 1.154em}
.sidebar h5, .boxes h5  {font-size: 0.923em}
.sidebar h6, .boxes h6  {font-size: 0.769em}
.sidebar ul, .boxes ul{
	color:#000;
    font-family:Tahoma, Geneva, Verdana, Helvetica, Sans-serif;
	font-size:inherit;
	list-style:none;
    margin:0;
    padding:0;
}





/* these are not inside the sidebar, but it's part of the overall design of the sidebar */
.photo{margin: 0}


/* Sidebar generic settings */
.sidebar{float:right;width:390px}
.sidebar .header, .boxes .header{
	background:#050505 url(/images/student/outpages/bg_accounts_sidebar_black.png) repeat-x left top;
	color:#FFF;
	font-size:1.385em;
	font-weight:bold;
	height:45px;
	line-height:45px;
	margin:0;
	overflow:hidden;
	padding-left:10px;
	text-align:left;
	text-transform:capitalize;
	}
.sidebar, .sidebar .features, .boxes, .boxes .features{
	background-color:#9bc1dc;
	font-family: Tahoma,Geneva,Verdana,Helvetica,Sans-serif;
	font-size:13px}
.sidebar .features {padding-bottom:0;}




/* List with icons */
ul.featureslist li a:hover{color:#FFF;}
ul.featureslist li p{margin:0}
li.account{background:url(/images/icons/icons-enhancements.png) -5px -4px no-repeat}
li.advisory{background:url(/images/student/outpages/icons_featureslist.png) -45px -820px no-repeat}
li.card{background:url(/images/student/outpages/icons_featureslist.png) -45px -555px no-repeat}
li.easydeposit{background:url(/images/icons/icons-sidebar-deposit.png) -10px -282px no-repeat}
li.easyhelp{background:url(/images/icons/icons-enhancements.png) -5px -585px no-repeat}
li.ed-mobile{background:url(/images/icons/icons-sidebar-deposit.png) -10px -424px no-repeat}
li.ed-mobilephone{background:url(/images/student/outpages/mobilephoneicon.png) left no-repeat; }
li.logo-greendot{background:url(/images/deposit/moneypak/MoneyPak-card.png) no-repeat 10px center;}
li.mobile{background:url(/images/student/outpages/icons_featureslist.png) -45px -326px no-repeat}
li.money101{background:url(/images/student/outpages/icons_featureslist.png) -45px -160px no-repeat}
li.paycheck{background:url(/images/icons/icons-sidebar-deposit.png) -10px 6px no-repeat}
li.transfers{background:url(/images/icons/icons-sidebar-deposit.png) -10px -127px no-repeat}
li.onerewards{background:url(/images/deposit/onerewards_logo_symbol.png) 0 0 no-repeat}
li.web{background:url(/images/icons/icons-enhancements.png) -5px -295px no-repeat}
li.divisor{
	background:url(/images/student/outpages/line_division_parents_sidebar.gif) left center repeat-x;
    height:2px;
    #height:4px;
	margin:5px 0;
	overflow:hidden;
}


.sidebar ul.featureslist{margin:2px 17px;padding:0}
.sidebar ul.featureslist li{overflow:hidden;padding:3px 0 5px 75px}
.sidebar ul.featuregroup li{overflow:hidden;padding:0;}
.sidebar ul.featureslist li.no-icon{padding-left:0}


.boxes ul.featureslist{
	display:block;
	list-style: none;
	margin:2px 17px;
	padding:0}
.boxes ul.featureslist li{
	display:inline-block;
	margin-right:25px;
	overflow:hidden;
	padding:55px 0 0 0}
.boxes a.account, .boxes a.transfers, .boxes a.other-deposit, .boxes a.paycheck, .boxes a.onerewards, .boxes a.another-moneypak {
	float:left;
	display:block;
	margin:30px;
	overflow:hidden;
	padding:55px 0 0 0}
.boxes li.account, .boxes a.account {background:url(/images/icons/icons-enhancements.png) center -4px no-repeat}
.boxes li.easydeposit{background:url(/images/icons/icons-sidebar-deposit.png) center -282px no-repeat}
.boxes li.other-deposit, .boxes a.other-deposit{background:url(/images/student/outpages/icons_mobile_sidebar.png) center -25px no-repeat}
.boxes li.another-moneypak, .boxes a.another-moneypak{background:url(/images/deposit/moneypak/ico-moneypakcard-w40px.png) center 5px no-repeat}
.boxes li.paycheck, .boxes a.paycheck{background:url(/images/icons/icons-sidebar-deposit.png) center 15px no-repeat}
.boxes li.transfers, .boxes a.transfers {background:url(/images/icons/icons-sidebar-deposit.png) center -127px no-repeat}
.boxes li.onerewards, .boxes a.onerewards {background:url(/images/deposit/onerewards_logo_symbol.png) 27px 5px no-repeat}
.boxes li.no-icon{padding-top:0}










/* easyhelp box */
.sidebar div.easyhelp{
	background-color:#d5e1e9;
	background-image:url(/images/easyhelp/easyhelp-sidebar-girl-blue.png);
	background-position:center top;
	background-repeat:no-repeat;
	height:100px;
	#height:90px;
	margin-top:15px;
	padding-left:75px}
.sidebar .easyhelp .search-btn, .sidebar .easyhelp .search-public-btn{
	padding: 0;
	display: inline;
	font-size:0.692em !important;
	height:25px;
	line-height:25px;
	text-align:center;
	width: 50px;
	vertical-align: top;
	background: #305975;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4480A8', endColorstr='#305975');
	background: -webkit-gradient(linear, left top, left bottom, from(#4480A8), to(#305975));
	background: -moz-linear-gradient(top,  #4480A8,  #305975);
	border:1px solid #000;
	color:#FFF;
	cursor:pointer;
}
.sidebar .easyhelp .search-btn:hover, .sidebar .easyhelp .search-public-btn:hover{
	background: #7794a9;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7794a9', endColorstr='#41515c');
	background: -webkit-gradient(linear, left top, left bottom, from(#7794a9), to(#41515c));
	background: -moz-linear-gradient(top,  #7794a9,  #41515c);
	border:1px solid #555d04;
	color:#000;}
.sidebar .easyhelp input.easyhelp-textfield{
	height:20px;
	width:245px;
    #width:220px;
    vertical-align: top;
	padding: 0;
	margin: 0;
}
.sidebar .features h4.easyhelp{line-height:40px;#line-height:25px}
.sidebar .easyhelp .easyhelp-logo{text-align:right; padding-right:60px;}

.ehsearch{
	vertical-align: top;
}





/* extra HTML reformat */
.sidebar h4.list-header, .sidebar li.easyhelp, .sidebar li.web, .sidebar li.account{
	margin-bottom:15px;
}
.sidebar .list-view {
	display:list-item;
	#display:block;
	list-style-type: disc;
	list-style-position:outside;
	#list-style-position:inside;
	margin-left:15px;
	padding: 0 !important;
	overflow: visible !important;
}
.sidebar ul.featuregroup {
	list-style-type: disc;
	list-style-position:outside;
	#list-style-position:inside;
}

#activation .sidebar ul.featureslist > li + li {
    background:url(/images/student/outpages/line_division_parents_sidebar.gif) left 3px repeat-x;
    padding-top: 11px;
}
#activation .sidebar ul.featureslist li{padding-left:0}
#activation .sidebar ul.featureslist li > div {
    padding-left: 75px;
}
#activation .sidebar ul.featureslist li > div.mboxwrapper {
    padding-left: 0;
}
#activation .sidebar ul.featureslist li div.sidebarmboxdefault {
    padding-left: 75px;
}
.sidebar div.bullet-blue-list {
    background: url(/images/student/outpages/bullet_blue.gif) no-repeat 0 3px;
    padding-left: 18px;
}
.sidebar div.btn-browser-back {
    background: url(/images/icons/icon-ie-back-btn.png) 5px 5px no-repeat;
}
.sidebar div.contact-card {
    background: url(/images/icons/icon-contact-card.png) -5px 0 no-repeat;
}
.sidebar div.clock {
    background: url(/images/icons/icon-clock.png) 8px -3px no-repeat;
}
.sidebar div.easyhelptip {
    background:url(/images/icons/icons-enhancements.png) -5px -593px no-repeat;
}
.sidebar div.demo {
    background: url(/images/student/outpages/icons_refunds_sidebar.png) -30px -15px no-repeat;
}
.sidebar div.video {
    background: url(/images/student/outpages/icons_refunds_sidebar.png) -33px -160px no-repeat;
}
.sidebar div.security {
    background: url(/images/icons/icon-padlock.png) 0 0 no-repeat;
}
.sidebar div.ref-pref-selection {
    background-position: 5px 0;
    background-repeat: no-repeat;
    font-size:1.154em
}

li.questionmark-green {
	background:url(/images/deposit/moneypak/icon-question-mark-green.png) no-repeat left center;
}
.deposit H4 + P {
	margin-top:0
}
.outpagebody_div .sidebar {
	background-color:transparent
}

.sidebar div.fee-schedule {
    background-repeat: no-repeat;
    width: 400px;
    height: 500px;
    border: 0
}

.sidebar image.fee-schedule {
    background-image: url('/images/icons/sidebar_feeschedule_crop.png') !important;
    height: auto;
    top: 0;
    left: 0;
}

.sidebar image.fee-schedule-refundpref {
    background-image: url('/images/icons/sidebar_feeschedule_crop1.png') !important;
    height: auto;
    top: 0;
    left: 0;
}

.rounded-top-sidebar-corners {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.sidebar div.fee-schedule-text {
    padding: 4px 20px 10px;
    font-size: 15px;
    line-height: 20px;
    font-family: Tahoma,Geneva,Verdana,Helvetica,sans-serif;
}

.sidebar a.fee-schedule-link {
    color: #b150c5;
    text-decoration: underline;
}

.sidebar div.gray-bg {
    background-image: url(/images/icons/sidebar_feeschedule_crop1.png);
    background: no-repeat;
    background: #ebebeb;
    width: 394px;
    border: 1px #989797 solid;
    border-radius: 10px;
    position: relative;
}

.chat-logo {
    margin-left: 1em;
    float: left;
    display: inline;
    text-align: left;
    max-width: 80%;
    padding: .25em;
}

.chat-logo-text-header {
    font-size: larger;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    padding-top: 20px;
    color: #363636;
}

.chat-logo-text-subheader {
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    color: #363636;
}

.chat-logo-text {
    vertical-align: middle;
    text-align: left;
    padding-bottom: 30px;
    padding-right: .75em;
    color: #363636;
}