@media screen and (min-width: 600px) {

	#menu ul li.menu-list:hover ul {
		display: block !important }

	#fund-transfers #dgrdDestFund tr td:nth-of-type(2) {
		width: 120px; }

	#fund-transfers #dgrdDestFund tr td:last-child {
		width: 130px; }
}

@media screen and (max-width: 600px) {

	#menu .active + .menu-content {
		display: block !important;	}
}

@media screen and (max-width: 1210px) {

	#trades .info-table tr:first-child {
		display: none; }

	#trades .info-table tr {
		padding: 6px;
		text-align: center;
		display: block;
		border: 1px solid;
		border-bottom: none; }

	#trades .info-table tr:nth-of-type(2) {
		border-top-right-radius: 6px;
		border-top-left-radius: 6px; }

	#trades .info-table tr:last-child {
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		border-bottom: 1px solid; }

	#trades .info-table td:before {
		position: absolute;
		white-space: nowrap;
		font-weight: bold;
		top: 2px;
		right: 0;
		left: 0;
		width: 35px;
		margin: auto; }

	#trades .info-table td {
		text-align: center;
		font-size: 12px;
		border: none;
		width: 110px;
		vertical-align: top;
		position: relative;
		display: inline-block;
		padding: 22px 15px 11px; }

	#trades .info-table .effective-date:before {
		width: 82px;
		content: "Effective Date"; }

	#trades .info-table .export-type:before {
		width: 75px;
		content: "Export Type"; }

	#trades .info-table .cusip:before {
		content: "Cusip"; }

	#trades .info-table .fund:before {
		content: "Fund"; }

	#trades .info-table .trade-type:before {
		width: 65px;
		content: "Trade Type"; }

	#trades .info-table .amount-def:before {
		width: 100px;
		content: "Amount Definition"; }

	#trades .info-table .commissionable:before {
		width: 100px;
		content: "Commissionable"; }

	#trades .info-table .transfer-agent:before {
		width: 85px;
		content: "Transfer Agent"; }

	#trades .info-table .order-number:before {
		width: 85px;
		content: "Order Number"; }

	#trades .info-table .trade-date:before {
		width: 65px;
		content: "Trade Date"; }

	#trades .info-table .process-status:before {
		width: 108px;
		content: "Processing Status"; }

	#trades .info-table .settle-date:before {
		width: 98px;
		content: "Settlement Date"; }

	#trades .info-table .amount:before {
		width: 52px;
		content: "Amount"; }

	#trades .info-table .units:before {
		content: "Units"; }

	#trades .info-table .buy-status:before {
		width: 66px;
		content: "Buy Status"; }

	#trades .info-table .buy-units:before {
		width: 62px;
		content: "Buy Units"; }

	#trades .info-table .contract:before {
		width: 55px;
		content: "Contract"; }

	#update-plan, #pnlUploadPage .admin-block {
		width: 470px;	}

	#new-logo, #modify-message, #preview-manager .admin-block {
		width: 400px; }

	.overview-block {
		padding: 15px; }

    .client-option-table {
        width:400px;
    }
	.overview-block .title {
		left: -15px;
		top: -15px;
		margin-right: -30px; }

	#top-info ul li {
		padding: 9px 15px 8px 10px;	}
}

@media screen and (max-width: 950px) {

	#employee-list .info-table th {
		padding: 4px;
		font-size: 11px; }

	#fund-summary .info-table th {
		font-size: 13px; }

	#employee-list .info-table td, #fund-summary .info-table td,
	#menu, #transaction-history .info-table th {
		font-size: 12px; }

	#source-summary .info-table, #online-request-table {
		width: 100%; }

	.overview-block {
		min-height: 10px;
		width: 100% !important;
		margin: 2% 0; }

	#online-statement .info-table tr:first-child {
		display: none; }

	#online-statement .info-table tr {
		padding: 6px;
		text-align: center;
		display: block;
		border: 1px solid;
		border-bottom: none; }

	#online-statement .info-table tr:nth-of-type(2) {
		border-top-right-radius: 6px;
		border-top-left-radius: 6px; }

	#online-statement .info-table tr:last-child {
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		border-bottom: 1px solid; }

	#online-statement .info-table td:before {
		position: absolute;
		white-space: nowrap;
		font-weight: bold;
		top: 2px;
		right: 0;
		left: 0;
		width: 35px;
		margin: auto; }

	#online-statement .info-table td {
		text-align: center;
		font-size: 12px;
		border: none;
		width: 110px;
		vertical-align: top;
		position: relative;
		display: inline-block;
		padding: 22px 15px 11px; }

	#online-statement .info-table td {
		width: auto;
		padding: 22px 0 11px;
		text-align: left;
		margin: 0 6px;
		min-width: 130px; }

	#online-statement .info-table tr {
		text-align: left; }

	#online-statement .info-table td:before {
		margin: 0;
		width: 70px; }

	#online-statement .info-table .money-src:before {
		content: "Source of Money"; }

	#online-statement .info-table .prior-balance:before {
		content: "Prior Balance"; }

	#online-statement .info-table .contribs:before {
		content: "Contributions"; }

	#online-statement .info-table .dividends:before {
		content: "Dividends/Earnings"; }

	#online-statement .info-table .forfeitures:before {
		content: "Forfeitures"; }

	#online-statement .info-table .expenses:before {
		content: "Expenses"; }

	#online-statement .info-table .transfers:before {
		content: "Transfers"; }

	#online-statement .info-table .distributions:before {
		content: "Distributions"; }

	#online-statement .info-table .end-balance:before {
		content: "End Balance"; }

	#online-statement .info-table .fund-name:before {
		content: "Fund Name"; }

	#online-statement .totals td:first-child:before {
		content: " "; }

	#online-statement .totals td:first-child {
		margin-top: -10px;
		font-size: 15px; }
	
	.request-details dt {
		width: 30%; }

	.request-details dd {
		width: 70%; }

	#menu > ul {
		padding: 2px 1.5%; }

	#loan-modeling .info-table td {
		padding: 5px;
		font-size: 12px; }

	#retirement-projection-table {
		background: white; }

	#retirement-projection-table tr {
		border: 1px solid;
		border-top: none;
		display: block;	}

	#retirement-projection-table tr:first-child {
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		border-top: 1px solid; }

	#retirement-projection-table tr:last-child {
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px; }

	#retirement-projection-table tr:nth-of-type(n+2) td {
		font-size: 12px;
		border: none;
		text-align: left;
		display: inline-block;
		background: none;
		font-family: Arial;
		position: relative;
		min-width: 65px;
		padding: 22px 5px 10px;	}

	#retirement-projection-table .table-title {
		font-size: 13px;
		text-align: center;
		font-family: Arial;
		display: block;
		padding: 7px; }

	#retirement-projection-table tr:nth-of-type(n+2) td:first-child {
		display: block;
		padding: 8px 0 14px;
		text-align: center;	}

	#retirement-projection-table tr:nth-of-type(6n+2) td {
		padding: 7px !important;
		font-size: 13px;
		display: none !important; }

	#retirement-projection-table tr:nth-of-type(6n+2) td:nth-of-type(2), #retirement-projection-table tr:nth-of-type(6n+2) td:last-of-type {
		display: inline-block !important; }

	#retirement-projection-table td:before {
		position: absolute;
		color: inherit;
		width: 10px;
		top: 0;
		left: 6px;
		font-weight: bold; }

	#retirement-projection-table td[class="31"]:before { content: "31"; } #retirement-projection-table td[class="32"]:before { content: "32"; }
	#retirement-projection-table td[class="33"]:before { content: "33"; } #retirement-projection-table td[class="34"]:before { content: "34"; }
	#retirement-projection-table td[class="35"]:before { content: "35"; } #retirement-projection-table td[class="36"]:before { content: "36"; }
	#retirement-projection-table td[class="37"]:before { content: "37"; } #retirement-projection-table td[class="38"]:before { content: "38"; }
	#retirement-projection-table td[class="39"]:before { content: "39"; } #retirement-projection-table td[class="40"]:before { content: "40"; }
	#retirement-projection-table td[class="41"]:before { content: "41"; } #retirement-projection-table td[class="42"]:before { content: "42"; }
	#retirement-projection-table td[class="43"]:before { content: "43"; } #retirement-projection-table td[class="44"]:before { content: "44"; }
	#retirement-projection-table td[class="45"]:before { content: "45"; } #retirement-projection-table td[class="46"]:before { content: "46"; }
	#retirement-projection-table td[class="47"]:before { content: "47"; } #retirement-projection-table td[class="48"]:before { content: "48"; }
	#retirement-projection-table td[class="49"]:before { content: "49"; } #retirement-projection-table td[class="50"]:before { content: "50"; }
	#retirement-projection-table td[class="51"]:before { content: "51"; } #retirement-projection-table td[class="52"]:before { content: "52"; }
	#retirement-projection-table td[class="53"]:before { content: "53"; } #retirement-projection-table td[class="54"]:before { content: "54"; }
	#retirement-projection-table td[class="55"]:before { content: "55"; } #retirement-projection-table td[class="56"]:before { content: "56"; }
	#retirement-projection-table td[class="57"]:before { content: "57"; } #retirement-projection-table td[class="58"]:before { content: "58"; }
	#retirement-projection-table td[class="59"]:before { content: "59"; } #retirement-projection-table td[class="60"]:before { content: "60"; }
	#retirement-projection-table td[class="61"]:before { content: "61"; } #retirement-projection-table td[class="62"]:before { content: "62"; }
	#retirement-projection-table td[class="63"]:before { content: "63"; } #retirement-projection-table td[class="64"]:before { content: "64"; }
	#retirement-projection-table td[class="65"]:before { content: "65"; } #retirement-projection-table td[class="66"]:before { content: "66"; }
	#retirement-projection-table td[class="67"]:before { content: "67"; } #retirement-projection-table td[class="68"]:before { content: "68"; }
	#retirement-projection-table td[class="69"]:before { content: "69"; } #retirement-projection-table td[class="70"]:before { content: "70"; }
	#retirement-projection-table td[class="71"]:before { content: "71"; } #retirement-projection-table td[class="72"]:before { content: "72"; }
	#retirement-projection-table td[class="73"]:before { content: "73"; } #retirement-projection-table td[class="74"]:before { content: "74"; }
	#retirement-projection-table td[class="75"]:before { content: "75"; } #retirement-projection-table td[class="76"]:before { content: "76"; }
	#retirement-projection-table td[class="77"]:before { content: "77"; } #retirement-projection-table td[class="78"]:before { content: "78"; }
	#retirement-projection-table td[class="79"]:before { content: "79"; } #retirement-projection-table td[class="80"]:before { content: "80"; }
	#retirement-projection-table td[class="81"]:before { content: "81"; } #retirement-projection-table td[class="82"]:before { content: "82"; }
	#retirement-projection-table td[class="83"]:before { content: "83"; } #retirement-projection-table td[class="84"]:before { content: "84"; }
	#retirement-projection-table td[class="85"]:before { content: "85"; } #retirement-projection-table td[class="86"]:before { content: "86"; }
	#retirement-projection-table td[class="87"]:before { content: "87"; } #retirement-projection-table td[class="88"]:before { content: "88"; }
	#retirement-projection-table td[class="89"]:before { content: "89"; } #retirement-projection-table td[class="90"]:before { content: "90"; }

	#retirement-projection-table tr:nth-of-type(6n+2) {
		text-align: center;	}

	#retirement-projection-table tr:nth-of-type(6n+2) td:nth-of-type(2):before {
		position: static;
		content: "From:"; }

	#retirement-projection-table tr:nth-of-type(6n+2) td:last-of-type:before {
		position: static;
		content: "To:"}
}

@media screen and (max-width: 850px) {

	#fund-transfers .info-table th {
		font-size: 12px; }
}

@media screen and (max-width: 800px) {

	#plan-sponsor-info .info-table {
		width: 100%;
		min-width: 0; }

	#eligible-employees .input-block, #eligible-employees .info-table, 
	#eligible-employees .info-table table {
		width: 100%; }

	#employee-list .info-table tr:first-child {
		display: none; }

	#employee-list .info-table tr {
		padding: 6px;
		display: block;
		border: 1px solid;
		border-bottom: none; }

	#employee-list .info-table tr:nth-of-type(2) {
		border-top-right-radius: 6px;
		border-top-left-radius: 6px; }

	#employee-list .info-table tr:last-child {
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		border-bottom: 1px solid; }

	#employee-list .info-table td:before {
		position: absolute;
		font-weight: bold;
		top: 2px;
		right: 0;
		left: 5px;
		width: 35px; }

	#employee-list .info-table td {
		border: none;
		padding: 22px 5px 10px;
		vertical-align: top;
		position: relative;
		display: inline-block; }

	#employee-list .info-table td.name {
		width: 35%; }

	#employee-list .info-table td.ssn {
		width: 65%; }

	#employee-list .info-table td.zipcode {
		margin-right: 25px; }

	#employee-list .info-table td.name:before {
		content: "Name"; }

	#employee-list .info-table td.ssn:before {
		content: "SSN"; }

	#employee-list .info-table td.address:before {
		content: "Address"; }

	#employee-list .info-table td.email:before {
		content: "E-Mail"; }

	#fund-summary .info-table th, #transaction-history .info-table td {
		font-size: 12px; }

	#amortization-table {
		background: white; }

	#amortization-table tr {
		border: 1px solid;
		border-top: none;
		display: block;	}

	#amortization-table tr:first-child {
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		border-top: 1px solid; }

	#amortization-table tr:last-child {
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px; }

	#amortization-table tr:nth-of-type(n+2) td {
		font-size: 12px;
		border: none;
		text-align: left;
		display: inline-block;
		background: none;
		font-family: Arial;
		position: relative;
		min-width: 65px;
		padding: 22px 5px 10px;	}

	#amortization-table .table-title {
		font-size: 13px;
		text-align: center;
		display: block;
		padding: 7px; }

	#amortization-table tr:nth-of-type(n+2) td:first-child {
		display: block;
		padding: 8px 0 14px;
		text-align: center;	}

	#amortization-table tr:nth-of-type(6n+2) td, #amortization-table tr:nth-of-type(6n+2) td:after {
		display: none !important; }

	#amortization-table tr:nth-of-type(6n+2) td:nth-of-type(2), #amortization-table tr:nth-of-type(6n+2) [class*="20"]:last-of-type {
		display: inline-block !important; }

	#amortization-table td:before, #amortization-table td:after {
		position: absolute;
		color: inherit;
		width: 8px;
		top: 0;
		left: 6px;
		font-weight: bold; }

	#amortization-table td:after {
		padding-left: 10px;
		width: 30px; }

	#amortization-table td[class^="10"]:after, #amortization-table td[class^="11"]:after,
	#amortization-table td[class^="12"]:after { padding-left: 17px; }

	#amortization-table td[class^="1"]:before {	content: "1/"; }	
	#amortization-table td[class^="2"]:before { content: "2/"; }
	#amortization-table td[class^="3"]:before { content: "3/"; }	
	#amortization-table td[class^="4"]:before { content: "4/"; }
	#amortization-table td[class^="5"]:before { content: "5/"; }	
	#amortization-table td[class^="6"]:before { content: "6/"; }
	#amortization-table td[class^="7"]:before { content: "7/"; }	
	#amortization-table td[class^="8"]:before { content: "8/"; }
	#amortization-table td[class^="9"]:before { content: "9/"; }	
	#amortization-table td[class^="10"]:before { content: "10/"; }
	#amortization-table td[class^="11"]:before { content: "11/"; }	
	#amortization-table td[class^="12"]:before { content: "12/"; }

	#amortization-table td[class$="2015"]:after { content: "2015"; }
	#amortization-table td[class$="2016"]:after { content: "2016"; }
	#amortization-table td[class$="2017"]:after { content: "2017"; }
	#amortization-table td[class$="2018"]:after { content: "2018"; }
	#amortization-table td[class$="2019"]:after { content: "2019"; }
	#amortization-table td[class$="2020"]:after { content: "2020"; }
	#amortization-table td[class$="2021"]:after { content: "2021"; }
	#amortization-table td[class$="2022"]:after { content: "2022"; }
	#amortization-table td[class$="2023"]:after { content: "2023"; }
	#amortization-table td[class$="2024"]:after { content: "2024"; }
	#amortization-table td[class$="2025"]:after { content: "2025"; }
	#amortization-table td[class$="2026"]:after { content: "2026"; }
	#amortization-table td[class$="2027"]:after { content: "2027"; }
	#amortization-table td[class$="2028"]:after { content: "2028"; }
	#amortization-table td[class$="2029"]:after { content: "2029"; }

	#amortization-table tr:nth-of-type(6n+2) {
		text-align: center;	}

	#amortization-table tr:nth-of-type(6n+2) td:nth-of-type(2):before {
		top: 14px;
		content: "From:"; }

	#amortization-table tr:nth-of-type(6n+2) [class*="20"]:last-of-type:before {
		top: 14px;
		content: "To:"}

	#amortization-table tr:nth-of-type(6n+2) td:nth-of-type(2) {
		padding: 8px 5px 8px 43px; }

	#amortization-table tr:nth-of-type(6n+2) [class*="20"]:last-of-type {
		padding: 8px 5px 8px 28px; }
}

@media screen and (max-width: 750px) {

	#source-summary .info-table th {
		font-size: 13px; }

	#update-plan, #new-logo {
		width: 100%; }

	#online-request-table td:first-child {
		width: 200px; }

	#transaction-history .info-table tr:first-child {
		display: none; }

	#transaction-history .info-table tr {
		padding: 6px;
		display: block;
		border: 1px solid;
		border-bottom: none; }

	#transaction-history .info-table tr:nth-of-type(2) {
		border-top-right-radius: 6px;
		border-top-left-radius: 6px; }

	#transaction-history .info-table tr:last-child {
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		border-bottom: 1px solid; }

	#transaction-history .info-table td:before {
		position: absolute;
		font-weight: bold;
		top: 2px;
		right: 0;
		left: 5px;
		width: 35px; }

	#transaction-history .info-table td {
		border: none;
		padding: 22px 5px 10px;
		vertical-align: top;
		position: relative;
		min-width: 100px;
		display: inline-block; }

	#transaction-history .info-table td.date:before {
		content: "Date"; }

	#transaction-history .info-table td.type:before {
		content: "Type"; }

	#transaction-history .info-table td.fund:before {
		content: "Fund"; }

	#transaction-history .info-table td.share-price:before {
		width: 80px;
		content: "Share Price"; }

	#transaction-history .info-table td.shares-units:before {
		width: 80px;
		content: "Shares/Units"; }

	#transaction-history .info-table td.amount:before {
		content: "Amount"; }

	#transaction-history .info-table td.purchase-date:before {
		width: 100px;
		content: "Purchase Date"; }

	#transaction-history .info-table td.source:before {
		content: "Source"; }

	#menu {
		font-weight: bold;
		text-transform: none; }

	#top-info ul li {
		text-transform: none;
        display:block;
	}

    ul.top-client-info {
    display:block;
    float:none;
}
	#menu .menu-title, #menu {
		font-size: 13px;
		font-weight: bold; }

	.menu-content {
		min-width: 130px; }
}

@media screen and (max-width: 700px) {

	.info-table, .info-table #dgrEmployees {
		min-width: 100%; }

	#contact-form {
		width: 100%; }

	.generic_buttons input {
		padding: 3px 5px; }

	#online-request-table td:first-child {
		width: 150px; }

	.print_buttons {
		position: static;
		text-align: right;
		width: 100%;
		border-top: 1px solid;
		padding-top: 7px;
		margin-bottom: 15px; }

	#fund-transfers .info-table th {
		font-size: 11px; }

	#loan-summary .info-table th, #fund-transfers .info-table td {
		font-size: 12px; }
}

@media screen and (max-width: 670px) {

	#eligible-employees .info-table td, #source-summary .info-table td {
		font-size: 12px;
		padding: 5px; }

	#source-summary .info-table th {
		padding: 5px; }

	#eligible-employees .info-table th {
		font-size: 13px; }

	#edit_element {
		right: -320px; }
}

@media screen and (max-width: 650px) {

	#contact-form dt {
		width: 35%; }

	#contact-form .generic_buttons {
		margin-left: 37%; }

	#contact-form dd {
		width: 63%;	}

	#fund-contributions .info-table td {
		font-size: 12px; }

	#fund-contributions .info-table th {
		font-size: 13px; }

	#online-request-summary .GridList td, #online-request-summary .GridList th {
		padding: 3px;
		font-size: 12px; }

	.request-details dt {
		width: 40%; }

	.request-details dd {
		width: 60%; }

	.admin-block {
		width: 100%;
		margin-right: 0; }

	#edit_element {
		right: -300px; }
}	


@media screen and (max-width: 610px) {
	#eligible-employees .info-table tr:first-child {
		display: none; }

	#eligible-employees .info-table tr {
		padding: 6px;
		text-align: center;
		display: block;
		border: 1px solid;
		border-bottom: none; }

	#eligible-employees .info-table tr:nth-of-type(2) {
		border-top-right-radius: 6px;
		border-top-left-radius: 6px; }

	#eligible-employees .info-table tr:last-child {
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		border-bottom: 1px solid; }

	#eligible-employees .info-table td:before {
		position: absolute;
		white-space: nowrap;
		font-weight: bold;
		top: 2px;
		right: 0;
		left: 0;
		width: 35px;
		margin: auto; }

	#eligible-employees .info-table td {
		text-align: center;
		border: none;
		width: 25%;
		vertical-align: top;
		position: relative;
		display: inline-block;
		padding: 22px 5px 11px; }

	#eligible-employees .info-table td:first-child {
		width: 100%; }

	#eligible-employees td:first-child:before {
		content: "Name"; }

	#eligible-employees td:nth-of-type(2):before {
		content: "SSN"; }

	#eligible-employees td:nth-of-type(3):before {
		width: 65px;
		content: "Birth Date"; }

	#eligible-employees td:nth-of-type(4):before {
		width: 65px;
		content: "Hire Date"; }

	#eligible-employees td:nth-of-type(5):before {
		width: 65px;
		content: "Entry Date"; }

	#online-request-table td, #online-request-table p {
		font-size: 12px; }

	#online-request-table td:first-child {
		width: 120px; }

	#edit_element {
		position: fixed;
		right: 5%;
		margin: 0 auto;
		top: 10%; }
}

@media screen and (max-width: 550px) {

	#fund-summary .info-table tr:first-child {
		display: none; }
	
	#fund-summary .info-table tr {
		padding: 6px;
		text-align: center;
		display: block;
		border: 1px solid;
		border-bottom: none; }

	#fund-summary .info-table tr:nth-of-type(2) {
		border-top-right-radius: 6px;
		border-top-left-radius: 6px; }

	#fund-summary .info-table tr:last-child {
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		border-bottom: 1px solid; }


	#fund-summary .info-table tr:not(.totals) td {
		padding-top: 28px;
		padding-bottom: 8px;
		position: relative;
		display: inline-block;
		border: none;
		font-size: 12px;
		min-width: 90px;
		text-align: center; }
	
	#fund-summary .info-table tr:not(.totals) td:before {
		width: 80px;
		height: 20px;
		font-weight: bold;
		position: absolute;
		right: 0;
		left: 0;
		margin: auto;
		top: 9px; }

	#fund-summary .info-table td:first-child:before {
		content: "Fund Name"; }

	#fund-summary .info-table td:nth-of-type(2):before {
		content: "Units"; }

	#fund-summary .info-table td:nth-of-type(3):before {
		content: "Unit Price"; }

	#fund-summary .info-table td:nth-of-type(4):before {
		content: "Balance"; }

	#fund-summary .info-table td:nth-of-type(5):before {
		content: "% of Total balance";
		top: -3px !important;
		text-align: center; }

	#fund-summary .info-table td:nth-of-type(6):before {
		content: "Current Elections";
		top: -3px !important;
		text-align: center; }

	#fund-summary .info-table .totals {
		text-align: center;
		padding-right: 10px; }

	#fund-summary .info-table .totals td {
		padding: 4px 0 0 0;
		display: inline-block;
		min-width: 0;
		border: none;
		text-align: left; }

	#fund-summary .info-table .totals td:first-child {
		text-align: right;
		padding: 4px 5px 5px 0; }

	#fund-summary .info-table .totals td:before {
		content: "";
		width: 0; }
	
	#source-summary .info-table th {
		font-size: 12px; }

	#fund-transfers #pnlWithForm > .info-table {
		width: 100%; }

	#fund-transfers .info-table th {
		text-transform: none; }

	#logo {
		padding: 0;
		max-width: 100%;
		text-align: center;
		margin: 40px 10px 10px; }

	#top-info, .main-title, .sub-title, #menu, .generic_buttons, .confirmation {
		text-align: center;	}

	.main-title {
		font-size: 27px; }

	.menu-content {
		text-align: left; }

	#top-info {
		max-width: 100%;
		position: static; }
	
	#top-info .top-links {
		position: absolute;
		right: 0;
		top: 0; }

	#top-info ul:not(.top-links) {
		position: static; }

}


@media screen and (max-width: 515px) {

	#login-wrapper {
		text-align: center;	}

	#pnlLoginOptions {
		width: 150px;
		margin: 10px auto 15px;
		text-align: left; }

	#login-wrapper input[type="text"], #login-wrapper input[type="password"] {
		width: 70%;
		float: none;
		margin: 5px 0; }

	#fund-totals .info-table td, #source-totals .info-table td, 
	#plan-parameters .info-table td, #rate-of-return .info-table td, #rate-of-return .info-table th {
		font-size: 12px;
		padding: 5px; }

	#fund-totals .info-table th, #source-totals .info-table th,
	#plan-parameters .info-table th {
		font-size: 13px; }

	#retirement-projection .calculator, #retirement-projection .calculator input.nostyle {
		font-size: 12px; }
}

@media screen and (max-width: 460px) {
	
	#retirement-projection .calculator, #retirement-projection .calculator input.nostyle {
		font-size: 13px; }

	#retirement-projection .calculator dt, #retirement-projection .calculator dd {
		text-align: left;
		display: inline-block;
		width: auto; }

	#retirement-projection .calculator dd {
		margin-bottom: 10px; }

	#upload .generic_buttons {
		text-align: center;	}

	#source-summary .info-table th, #source-summary .info-table td {
		text-transform: none;
		padding: 4px;
		font-size: 11px; }

	#loan-summary .info-table td {
		font-size: 12px; }

	#loan-summary .info-table td, #loan-summary .info-table th {
		text-transform: none;
		padding: 4px; }

	.newpercent {
		width: 45px; }

    #modify-message dt:last-of-type, #modify-message dd:last-child {
        text-align: center;
        width: 98%; }
   

	#new-logo, #modify-message, #preview-manager .admin-block {
		width: 100%; }
}

@media screen and (max-width: 420px) {

	#login-wrapper input[type="text"], #login-wrapper input[type="password"] {
		width: 90%; }

	#fund-totals .info-table td {
		font-size: 11px;
		padding: 4px;}

	#contact-form dd, #contact-form dt {
		text-align: left;
		width: 100%; }

	#contact-form .generic_buttons {
		margin-left: 0; }

	#e-statements .generic_buttons {
		text-align: center;	}

	#retirement-projection .title {
		font-size: 15px; }

	.generic_buttons input {
		white-space: normal; }

	#employee-list .info-table td.name, #employee-list .info-table td.ssn, 
	.request-details dt, .request-details dd {
		width: 50%; }
}

@media screen and (max-width: 400px) {

	#content {
		padding: 15px 10px; }

	#eligible-employees .info-table input, #loan-summary .info-table td, #loan-summary .info-table th {
		font-size: 11px; }

	#fund-profiles-outside .info-table td, #fund-contributions .info-table th {
		font-size: 12px; }

	#fund-profiles-outside .info-table th {
		font-size: 13px; }

	#online-request-table td {
		padding: 4px; }

	#source-summary .info-table th, #source-summary .info-table td {
		padding: 3px; }

	#fund-summary .generic_buttons, #deferral .generic_buttons {
		text-align: center;	}

}

@media screen and (max-width: 350px) {

	#eligible-employees .info-table td {
		padding: 22px 2px 11px; }

	.request-details dt, .request-details dd {
		width: 100%; }

	.request-details dt {
		border-bottom: none;
		font-weight: bold; }

	.print_buttons {
		text-align: center; }

	.date-select {
		margin: 0 auto;	}
}