/* @override http://www.riversidecf.com/css/layout.css */

/* @override http://www.riversidecf.com/css/layout.css */

/* =Reset Browser Margins (Do not remove or modify)
-------------------------------------------------- */

* {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	vertical-align: baseline;
}
#content_sub img {
	display: inline;
	position: relative;
	right: 17px;
	bottom: 2px;
}
#content_main h1 {
	width: 477px; /*477*/
	height: 26px;
	position: relative;
	left: -17px;
	margin-right: -17px;
	padding-top: 2px;
	padding-left: 17px;
	background: url(http://www.riversidecf.com/images/headerBar.png) no-repeat left top;
}
#one_col #content_main h1 {
	width: 748px;
	background: url(http://www.riversidecf.com/images/headerBar_oneColumn.gif) no-repeat left top;
}
#left_col #content_main h1 {
	width: 477px;
}
/* =Typography (Change font size, family, and color)
-------------------------------------------------- */

/* Set the default font for the entire page */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}
/* Set the margin for all these tags */
p, h1, h2, ul, ol, dl, blockquote, fieldset, table {
	margin-bottom: 18px;
}
/* Set the margins for bulleted and ordered lists found within other lists */
ul ul, ol ul, ol ol, ul ol {
	margin-top: 9px;
	margin-bottom: 9px;
}
/* Set the font family and weight for header tags */
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
/* Set the size and line-height of the <h1> tag */
h1 {
	margin-bottom: 12px;
	font: bold 15px/20px Helvetica, Arial, sans-serif;
	color: #1b5481;
}
/* Set the size and line-height of the <h2> tag */
h2 {
	font-size: 18px;
	line-height: 18px;
}
/* Set the same size and line-height of the remaining header tags. 
These are not styled differently than basic text, beyond making the font bold. */
h3, h4, h5, h6 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}
/* Set the color and text-decoration of default links */
a:link, a:visited, a:hover {
	text-decoration: underline;
}
/* Set the color and text-decoration of default links, when the user's mouse is hovering over the link */
a:hover {
	text-decoration: none;
}
/* Set the default font styling for form fields. Do not use line-height here. */
input, password, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/* =Layout Defaults
-------------------------------------------------- */
/* Set the width of the body tag, then the left and right margins to auto to center the page */
body {
	width: 784px;
	margin: 0 auto;
	padding: 0;
	background-color: #EDEDED;
	background: url(http://www.riversidecf.com/images/body_repeat.png) repeat-x;
}
/* page container <div> tag. The default width is 18px less than the width of the body, due to 9px of padding on either side.
The padding allows for the background image, which creates part of the drop-shadow effect of the page (along the left and right sides). */
#page {
	float: left;
	width: 766px;
	padding-right: 9px;
	padding-left: 9px;
}
/* Set the defaults for all page sections. Some are adjusted below. */
#header, #nav_main, #content, #main_photo, #content_main, #content_sub, #content_extra, #footer {
	float: left;
	width: 766px;
}
/* =Advertising
-------------------------------------------------- */
/* #pre_page is the advertising container that sits above the page content.
#optional_marketing is the advertising container that sits to the right of the logo. */

/* Necessary styling for the images within the advertising areas. 
Do not remove display: block; or your browser will add extra white space under the image. */
#pre_page img, #optional_marketing img {
	display: block;
	border: none;
}
/* Position #pre_page advertising container. Do not modify.  */
#pre_page {
	float: left;
	width: auto;
	padding-left: 6px;
	display: none;
}
/* Position the #optional_marketing container to the right of the logo. Do not modify. */
#optional_marketing {
	float: right;
	width: auto;
	display: none;
}
/* =Header
-------------------------------------------------- */
/* Header container */
#header {
	height: 119px;
}
/* Logo image container */
#logo {
	float: left;
	width: auto;
}
/* Necessary styling for the #logo image. 
Do not remove display: block; or your browser will add extra white space under the image. */
#logo img {
	display: block;
	border: none;
}
/* =Navigation (Main navigation bar)
-------------------------------------------------- */
/* Main navigation bar container */
#nav_main {
	width: 494px;
	height: 24px !important;
	margin-top: -24px;
	padding-left: 272px;
	font: 12px Helvetica, Arial, sans-serif;
	background: url(http://www.riversidecf.com//images/mainNav_back.png) no-repeat right top;
}
/* Ordered list and list items within the main navigation bar */
#nav_main ol, #nav_main li {
	display: inline;
	list-style: none;
	margin-bottom: 0;
}
/* Links within the navigation bar */
#nav_main li a:link, #nav_main li a:visited, #nav_main li a:hover {
	float: right;
	display: block;
	width: auto;
	height: 24px;
	padding: 0 18px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	font: bold 12px/24px Helvetica, Arial, sans-serif;
}
/* Links in the active menu item in the menu bar only */
#nav_main li a.menuButtonActive:link, #nav_main li a.menuButtonActive:visited {
	color: #FFFFFF;
}
/* The hover styles for all links in the menu bar, active or not  */
#nav_main li a:hover, #nav_main li a.menuButtonActive:hover {
	color: #daeffe;
}
/* =Menus
-------------------------------------------------- */
/* Set the fonts styling for the Individual drop-down menus */
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
/* Set the remaining styles for the Individual drop-down menus */
.menu {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999;
	display: block;
	visibility: hidden;
	min-width: 104px;
	border: 1px solid silver;
}
/* Links within the individual drop-down menus */
.menu a.menuItem, .menu a.menuItem:visited, .menu a.menuItemHighlight:link, .menu a.menuItemHighlight:visited {
	display: block;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	color: #FFFFFF;
	background-color: #3a74a2;
}
/* The hover styles for all links in the individual drop-down menus.  User moused over the link. */
.menu a.menuItem:hover, .menu a.menuItemHighlight:hover {
	color: #FFFFFF;
	background-color: #638bab;
}
/* The active styles for all links in the individual drop-down menus. User clicked on the link. */
.menu a.menuItem:active, .menu a.menuItemHighlight:active {
	color: #FFFFFF;
	background-color: #BBBBBB;
}
/* Individual menu styling. Do not modify */
.menu a.menuItem span.menuItemText {
	width: auto;
}
/* Individual menu styling. Do not modify */
.menu a.menuItem span.menuItemArrow {
	margin-right: -5px;
}
/* Individual menu styling. Do not modify */
.menu .menuItemSep {
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/* =Content
-------------------------------------------------- */
/* This <div> tag contains all the content sections of your site.
Possible content sections (depending on the page style you select) are: 
#content_main,# content_sub, #content_extra */
#content {
	float: left;
	width: 766px;
	/*padding-top: 3px;
	padding-bottom: 15px;
*/
	background: url(http://www.riversidecf.com//images/content_oneColumn_repeat.jpg) repeat-y;
	/*margin-top: -25px;
	margin-bottom: -3px;*/
}
/* =Photo
-------------------------------------------------- */
/* The #main_photo container does not need any styling by default. 
Do not modify unless you're dramatically changing the site's layout and truly understand CSS */
#main_photo {
}
/* Necessary styling for the #main_photo image. 
Do not remove display: block; or your browser will add extra white space under the image. */
#main_photo img {
	display: block;
	border: none;
	width: 766px;
	height: 226px;
}
/* =Main Content
-------------------------------------------------- */
/* Set the basic styles for the main content section. This is the only content section that shows on ALL page styles. */
#content_main {
	/*padding-right: 18px;*/
	padding-left: 18px;
}
#content_main #title {
	background: url(fw/export/headerBar_repeat.png) repeat-x;
	height: 26px;
	width: 477px;
}
/* Adjust the width for the three column page style */
#three_col #content_main {
	width: 316px;
}
/* Adjust the width for the right column page style */
#right_col #content_main {
	width: 477px;
}
#content_main p{
	padding-right: 15px;
	padding-bottom: 15px;
}
/* Adjust the width and border for the left column page style */
#left_col #content_main {
	width: 478px;
	border-right: none;
	/*border-left: 1px solid #c6c7cb;*/
	margin-left: -1px;
}
/* Adjust the width and border for the one column page style */
#one_col #content_main {
	width: 706px;
	border-right: none;
}
/* =Supplementary Content
-------------------------------------------------- */
/* Set the basic styles for the sub content section. This section shows on all page styles, except for one column. */
#content_sub {
	/*padding-right: 18px;
	padding-left: 18px;*/
}
/* Adjust the width for the three column page style */
#three_col #content_sub {
	width: 167px;
}
/* Adjust the width and border for the right column page style */
#right_col #content_sub {
	width: 267px;
	border-left: 1px solid #c6c7cb;
}
/* Adjust the width and border for the left column page style */
#left_col #content_sub {
	width: 240px;
	border-right: 1px solid #c6c7cb;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
}
/* =Extra Content
-------------------------------------------------- */
/* Set the basic styles for the extra content section. This section ONLY shows on the one column page style. */
#content_extra {
	width: 167px;
	padding-right: 18px;
	padding-left: 18px;
}
/* =Footer
-------------------------------------------------- */
/* Set the basic layout and background for the footer section */
#footer {
	/*width: 766px;*/
	width: 731px;
	height: 28px;
	padding: 0px 20px 0px 15px;
	background-image: url(http://www.riversidecf.com//images/footer.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 28px;
}
/* Set the layout of the footer content. 
This section is necessary when using the default background image to create a seperate, floating background color behind the footer content.
There is no need to modify anything but the color and background-color unless you dramatically change the layout of the site. */
#footer_content {
	float: left;
	width: 719px;
	height: 28px;
	padding: 0 6px;
	color: #fff;
}
/* Container for the "Home" link in the footer */
#footer_links {
	float: left;
	height: 28px;
	text-align: left;
	vertical-align: bottom;
	width: auto;
	color: #fff;
}
/* Links within the footer section, this includes the hover state. */
#footer_links a:link, #footer_links a:visited, #footer_links a:hover {
	color: #fff;
}
/* Container for the compliance logos in the footer.
Compliance logos are: FDIC, NCUA, and EHL and can be turned on or off for each individual page from within your admin. */
#compliance_logos {
	float: right;
	height: 28px;
	text-align: right;
	vertical-align: bottom;
	width: auto;
	color: #fff;
}
#compliance_logos img {
	vertical-align: -1px;
}
/* The #fdic container does not need any styling by default. 
Do not modify unless you're dramatically changing the site's layout and truly understand CSS */
#fdic {
}
#fdic #FDICLogoPrint {
	display: none;
}
/* The #ncua container does not need any styling by default. 
Do not modify unless you're dramatically changing the site's layout and truly understand CSS */
#ncua {
}
#ncua #NCUALogoPrint {
	display: none;
}
/* The #ehl container does not need any styling by default. 
Do not modify unless you're dramatically changing the site's layout and truly understand CSS */
#ehl {
}
#ehl #EHLLogoPrint {
	display: none;
}
/* =Miscellaneous
-------------------------------------------------- */
/* Set the default styles for inputs and textareas */
input, textarea {
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
	border-width: 1px;
	border-style: inset;
	border-color: #CCCCCC;
}
/* Remove the border for inputs with a type of radio or checkbox. Some older browsers won't understand this CSS. */
input[type="radio"], input[type="checkbox"] {
	border: none;
}
/* Set the default styles for inputs and textareas */
select {
	padding: 0;
	border-width: 1px;
	border-style: inset;
	border-color: #CCCCCC;
}
/* Add class="button" to any form button you create to use the styles below */
.button, input.button, button.button {
	border-width: 1px;
	border-style: outset;
	border-color: #CCCCCC;
	background-image: url(../images/background_button.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #EFEFEF;
	color: #1b5481;
	cursor: pointer;
	padding: 1px 10px 2px;
}
/* =Login
-------------------------------------------------- */
#login {
	padding-top: 28px;
	position: relative;
	margin-right: -17px;
	width: 269px;
	background: url(http://www.riversidecf.com/images/login_back.png) no-repeat left top;
}
#login table {
	margin-bottom: 9px;
	border-spacing: 0;
	margin-left: 58px;
	
}
#login th, #login td {
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
	text-align: right;
}
#login h2 {
	display: none;
}
/* Set the right margin of the label (says "ID" or "Password" next to the form fields on the page).
A width of auto allows the size to shrink or grow with the content. */
#login label {
	width: auto;
	margin-right: 5px;
	color: #1b5481;
}
/* Set the right margin of the fields within the wide login form */
#login .wide input {
	margin-right: 5px;
}
#login ul {
	margin-left: 18px;
	list-style: square;
	display: none;
}
/* =Top News
-------------------------------------------------- */
.topNews {
	padding-bottom: 18px;
}
.topNews h2 {
	margin-bottom: 9px;
}
.topNews ul {
	margin-left: 18px;
	list-style: square;
}
.topNews .timeStamp {
	color: #666666;
	font-size: 90%;
	margin-bottom: 9px;
}
/* =Financial News
-------------------------------------------------- */
.financialNews {
	padding-bottom: 18px;
}
.financialNews h2 {
	margin-bottom: 9px;
}
.financialNews ul {
	margin-left: 18px;
	list-style: square;
}
.financialNews .timeStamp {
	color: #666666;
	font-size: 90%;
	margin-bottom: 9px;
}
/* =Local News
-------------------------------------------------- */
.localNews {
	padding-bottom: 18px;
}
.localNews h2 {
	margin-bottom: 9px;
}
.localNews ul {
	margin-left: 18px;
	list-style: square;
}
.localNews + .localNews ul {
	margin-top: -36px;
}
.localNews + p {
	margin-top: -18px;
}
/* =Forecast
-------------------------------------------------- */
.forecast {
	padding-bottom: 18px;
}
.forecast h2 {
	margin-bottom: 9px;
}
.forecast h3 {
	margin-bottom: 0;
}
.forecast table {
	width: 100%;
	border-spacing: 0;
}
.forecast th, .forecast td {
	padding: 3px 0;
	border-bottom: solid 1px #CCCCCC;
	vertical-align: middle;
}
.forecast form {
	margin-bottom: 9px;
}
.forecast label {
	display: block;
	font-size: 10px;
	margin-bottom: 9px;
}
.forecast img {
	display: block;
	border: none;
}
/* =Weather
-------------------------------------------------- */
.weather {
	padding-bottom: 18px;
}
.weather h2 {
	margin-bottom: 9px;
}
.weather h3 {
	margin-bottom: 0;
}
.weather table {
	width: auto;
	border-spacing: 0;
}
.weather th, .weather td {
	padding: 3px 36px 3px 0;
	vertical-align: middle;
}
.weather form {
	margin-bottom: 9px;
}
.weather label {
	display: block;
	font-size: 10px;
	margin-bottom: 9px;
}
/* =Stock
-------------------------------------------------- */
.stock {
	padding-bottom: 18px;
}
.stock h2 {
	margin-bottom: 9px;
}
.stock form {
	margin-bottom: 9px;
}
.stock label {
	/*display: block;*/
	font-size: 10px;
	margin-bottom: 9px;
}
.stock ul {
	margin-left: 18px;
	list-style: square;
}
/* =Indices
-------------------------------------------------- */
.indices {
	padding-bottom: 18px;
}
.indices h2 {
	margin-bottom: 9px;
}
.indices p {
	font-size: 90%;
}
.indices table {
	width: 100%;
	border-spacing: 0;
}
.indices th, .indices td {
	padding: 5px 3px;
	border-bottom: solid 1px #CCCCCC;
	vertical-align: top;
	text-align: left;
}
.indices .thin th, .indices .thin td {
	font-size: 90%;
}
.indices .wide th, .indices .wide td {
	font-size: 100%;
}
.indices th {
	font-weight: bold;
	white-space: nowrap;
}
.indices .up {
	color: #009900;
}
.indices .down {
	color: #FF0000
}
/* =Opt In
-------------------------------------------------- */
.optIn {
	padding-bottom: 18px;
}
.optIn h2 {
	margin-bottom: 9px;
}
.optIn p {
	font-size: 90%;
}
.optIn fieldset {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 18px;
	margin-left: 0;
	border: none;
}
/* =Search
-------------------------------------------------- */
.search {
	/*position: relative;
	left: -4px;
	width: 208px;
	padding-right: 23px;
	padding-top: 5px;
*/
	border: 1px solid #e4e9f9;
	background-color: #fcfcfc;
	text-align: right;
}
.search h2 {
	margin-bottom: 9px;
	color: #1b5481;
	position: relative;
	bottom: 1px;
}
.search p {
	font-size: 90%;
}
.search fieldset {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 9px;
	margin-left: 0;
	border: none;
}
.search fieldset.submit {
	margin-bottom: 18px;
}
/*.search .thin input {
	width: 100px;
}
.search .wide input {
	width: 200px;
}*/
.search input {
    width: 100px;
}
/* Use auto for width to keep the button only the width of the button text */
.search input.button {
	width: auto;
	margin-top: 8px;
}
/* =Survey
-------------------------------------------------- */
.survey {
	padding-bottom: 18px;
}
.survey h2 {
	margin-bottom: 9px;
}
.survey dt {
	margin-bottom: 9px;
}
.survey dd {
	margin-bottom: 3px;
}
.survey dd input, .survey dd label {
	vertical-align: middle;
	border: none;
}
.survey dd textarea {
	width: 100%;
}
.survey dd label {
	cursor: pointer;
}
.survey fieldset {
	border: none;
	margin-bottom: 0;
}
.survey fieldset.submit {
	margin-bottom: 18px;
}
.survey .results label {
	cursor: default;
	display: block;
	width: auto;
}
.survey .surveyResult {
	display: block;
	padding: 0 2px;
	font-size: 90%;
	color: #000000;
	background-color: #EDEDED;
	min-width: 4%; /* Set the minimum width to 4% to ensure percentages smaller than that can be read. Some older browsers may not understand this CSS */
}
/* =Calendar
-------------------------------------------------- */
.calendar table {
	width: 100%;
	border-spacing: 2px;
	table-layout: fixed;
	border: solid 1px #DADADA;
}
.calendar table th, .calendar table td {
	text-align: center;
	vertical-align: top;
	padding: 2px;
}
.calendar table.thin tbody th, .calendar table.thin tbody td {
	font-size: 90%;
}
.calendar table thead th, .calendar table thead td {
	height: 18px;
}
.calendar table tbody th, .calendar table tbody td {
	height: 24px;
}
.calendar table.wide tbody td {
	height: 48px;
	text-align: right;
}
.calendar table th {
	border: none;
}
.calendar table td {
	border: solid 1px #DADADA;
}
.calendar table a:link, .calendar table a:visited, .calendar table a:hover {
	display: block;
	width: 100%;
	text-decoration: underline;
}
.calendar table a:hover {
	text-decoration: none;
}
.calendar table.thin tbody a:link, .calendar table.thin tbody a:visited, .calendar table.thin tbody a:hover {
	font-weight: bold;
}
.calendar table.wide tbody a:link, .calendar table.wide tbody a:visited, .calendar table.wide tbody a:hover {
	font-weight: normal;
	text-align: left;
	font-size: 90%;
	line-height: normal;
}
.calendar table.wide a + a {
	border-top-color: #DADADA;
	border-top-width: 1px;
	border-top-style: solid;
	padding-top: 2px;
	margin-top: 2px;
}
.calendar table td.currentDay {
	font-weight: bold;
	background: #FFFFCC;
}
.calendar table tr.horizontalRule td {
	padding: 0;
	height: 1px;
	line-height: 1px;
	border: none;
}
.calendar table tr.horizontalRule hr {
	padding: 0;
	margin: 0;
	height: 1px;
	line-height: 1px;
	border: none;
	color: #DADADA;
	background-color: #DADADA;
}
.calendar table td.notThisMonth {
	background-color: #EDEDED;
}
/* App Builder Forms */
.horizontalBoxes fieldset {
	display: block;
	margin: 1em;
	padding: 1em;
	width: 90%;
}
.horizontalBoxes fieldset fieldset {
	min-width: auto;
}
.horizontalBoxes fieldset legend {
	color: #000;
	margin-bottom: 0.5em;
}
.horizontalBoxes fieldset label.radioOrCheckbox input, fieldset.radioOrCheckbox input {
	clear: both;
	float: left;
	width: auto;
}
.horizontalBoxes input, .horizontalBoxes select, .horizontalBoxes textarea {
	display: block;
	width: 15em;
}
.horizontalBoxes label {
	float: left;
	display: block;
	margin: 1em 1em 0 0;
}
.horizontalBoxes #buttonContainer {
	display: block;
	float: none;
	clear: both;
}
.verticalBoxes fieldset {
	display: block;
	width: 20em;
	margin: 1em;
	padding: 0 1em 1em 1em;
}
.verticalBoxes fieldset legend {
	color: #000;
	margin-bottom: 0.5em;
}
.verticalBoxes fieldset fieldset {
	width: 18em;
	margin: 1em 0;
	padding: 0 0.5em 0.5em 0.5em;
}
.verticalBoxes fieldset label.radioOrCheckbox input, fieldset.radioOrCheckbox input {
	clear: both;
	float: left;
	width: auto;
}
.verticalBoxes input, .verticalBoxes select, .verticalBoxes textarea {
	display: block;
	width: 15em;
}
.verticalBoxes label {
	display: block;
	margin-bottom: 1em;
}
.verticalBoxes #buttonContainer {
	display: block;
	float: none;
	clear: both;
}
.oneLineOnFieldSetName fieldset {
	display: block;
	margin: 1em;
	padding: 0 1em 1em 1em;
	border: none;
	border-top: 1px solid #000000;
	width: auto;
}
.oneLineOnFieldSetName fieldset legend {
	color: #000;
	margin-bottom: 0.5em;
}
.oneLineOnFieldSetName input, .oneLineOnFieldSetName select, .oneLineOnFieldSetName textarea {
	display: block;
	position: relative;
	left: 15em;
	top: -1.4em;
	width: 15em;
}
.oneLineOnFieldSetName label {
	display: block;
	width: 15em;
	margin-bottom: 0.5em;
}
.oneLineOnFieldSetName fieldset label.radioOrCheckbox input, fieldset.radioOrCheckbox input {
	display: block;
}
.oneLineOnFieldSetName fieldset label.radioOrCheckbox input, fieldset.radioOrCheckbox input {
	clear: both;
	float: left;
	width: auto;
	position: static;
}
.oneLineOnFieldSetName #buttonContainer {
	display: block;
	float: none;
	clear: both;
}
.calcsBody {
	background-color: #e7e5da;
	background-image: none;
	width: 90%;
}
#content_main li {
	list-style-position: inside;
	text-indent: 20px;
	list-style-type: disc;
}
#content_main p {
	margin-bottom: -7px;
}
redText {
	color: red;
}
#content_main table tbody tr td {
	padding: 5px 5px 5px 9px;
}