html {
    -webkit-text-size-adjust:none;
}

body {
    font-family: helvetica,sans-serif;
    /* iPhone needs padding and margin to be 0px to avoid a white border around the page */
    padding: 0px;
    margin: 0px;
}

/* This changes the default browser colors for hyperlinks (doesn't always work) */
a:visited{
    color: #07578E;
}

a:link{
    color: #07578E;
}

/* This is for the link in the terms in the footer */
/*
.rulesLink a:visited{
    color: #000000;
}

.rulesLink a:link{
    color: #000000;
}
*/

/* The DIV of the footer */
.footerLower {
    background-color: #BBBBBB;
    border-style: solid;
    border-color: #BBBBBB;
    border-width: 1ex; /* Older BlackBerry browsers don't seem to like % here */
    font-size: smaller;
}

.footerUpper {
    border-style: solid;
    border-color: #FFFFFF;
    border-width: 1ex; /* Older BlackBerry browsers don't seem to like % here */
}

/* The text of the links in the footer */
.footerLinks a:visited{
    color: #07578E;
    text-decoration: none;
}

.footerLinks a:link{
    color: #07578E;
    text-decoration: none;
}
/*
.underlinedLinks a:link{
    color: #0000FF;
    text-decoration: underline;
}
*/

/* The terms under the footer links (also include a link) */
.termsLink a:visited{
    color: #000000;
}

.termsLink a:link{
    color: #000000;
}

/* Titles above text input fields */
.inputTitles {
    font-weight: bold;
}

.inputErrorField {
    font-weight: bold;
    color: #AA0000;
}

/* This border should be around most pages' body elementd */
.generalBorder {
    border-style:solid;
    border-width:1ex;
    border-color:#FFFFFF;
}

.textField {
    border-bottom-style: solid;
    border-color: #FFFFFF;
    border-width: 1px;
    font-size:larger;
}

.topMessageText {
    /*color:#008800;*/
    color:#3F5115;
    font-weight:bold;
}

.textInputField {
    width: 85%;
}

.formSubmitAlign {
    text-align:left;
}

.headerBannerImage {
    width:100%;
}

/*********************iPhone Landscape/Portrait Mode************************/
#content_left,
#content_right,
#content_normal,
#content_flipped{
	display:none;
	}

.show_normal * {
	width:320px;
}

.show_flipped * {
	width:320px;
}

.show_left * {
	width:480px;
}

.show_right * {
	width:480px;
}

.show_left #content_left,
.show_right #content_right,
.show_normal #content_normal,
.show_flipped #content_flipped{
	display:block;
}