﻿body
{
    background-color: #cccccc;
}

a { color: #465A66; }

a:hover { color: #666666;  }

input { padding: 3px; margin: 0px 0px 0px 0px; border: 1px solid #cccccc; }

select { padding: 3px; border: 1px solid #cccccc; }

input.submitbutton { color: #ffffff; background-color: #465A66; border: 1px solid #666666; font-weight: bold; font-size: 12px;  }


/* Structure Elements */
.container { background-color: #ffffff; }

#bodycontainer { margin-bottom: 15px; }

#navheader { background-color: #cccccc;  }

#header {  }

#mainlinks { padding-bottom: 20px; }

#maincontentarea {  }

#maincontenttop { padding-bottom: 25px;  }

#maincontentbottomleft {  }

#maincontentbottomright {  }

#rightsidebar {  }

#footer {  }

#footerlinks { text-align: center;  }

#footercopyright { color: #cccccc; text-align: center; padding: 5px;  }

/* Content Elements */
#navlogin { padding: 5px; font-weight: bold; float: right; font-size: 10px; }

#navlogin input { font-size: 10px; }

#headercontent { padding: 5px 0px 5px 0px; }

#logintable { padding: 3px; }

#logintable td { padding: 2px; font-weight: bold; }

#homeregistrationtable { padding: 3px; width: 400px; }

#homeregistrationtable td { padding: 3px; font-weight: bold; text-align: right; }

#mainlinkstable { background-color: #465A66; color: #ffffff; font-weight: bold; font-size: 18px; height: 50px; border-top: 2px solid #666666; border-bottom: 2px solid #666666; }

#mainlinkstable td { text-align: center; width: 25%; }

#mainlinkstable a { color: #ffffff; text-decoration: none; }

#mainlinkstable a:hover { color: #c2a657; text-decoration: underline; font-size: 20px; }

#footercontent { padding: 10px; }

#accountformarea { font-weight: bold; font-size: 11px; }

#registerformarea { font-weight: bold; font-size: 11px; width: 550px; margin-left:auto; margin-right:auto; }

/* Classes */
.hr1pxgray80 { height: 1px; border-bottom: 1px solid #cccccc; width: 80%; margin-left:auto; margin-right:auto; }

.hr1pxgray90 { height: 1px; border-bottom: 1px solid #cccccc; width: 90%; margin-left:auto; margin-right:auto; }

.hr1pxgray100 { height: 1px; border-bottom: 1px solid #cccccc; width: 100%; margin-left:auto; margin-right:auto; }

.row { clear: both; height: 40px; margin: 0 0 4px 0; }

.inputbox { padding: 0px 10px 0px 10px; float:left; }

.inputbox label { padding: 0 5px 0 5px; }

.inputbox span { display:inline-block; padding: 0 5px 0 0px; }

.emailaccount { font-size: 12px; margin-top: 5px; }

.lighttext { color: #cccccc; }

.p90percent { width: 90%; text-align: justify; margin-left: auto; margin-right:auto; }

/* top/bottom classes */
.pad-top-5 { padding-top: 5px; }
.pad-top-10 { padding-top: 10px; }
.pad-top-15 { padding-top: 15px; }
.pad-top-20 { padding-top: 20px; }
.pad-top-30 { padding-top: 30px; }

.pad-bottom-5 { padding-bottom: 5px; }
.pad-bottom-10 { padding-bottom: 10px; }
.pad-bottom-15 { padding-bottom: 15px; }
.pad-bottom-20 { padding-bottom: 20px; }
.pad-bottom-30 { padding-bottom: 30px; }

.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }

.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }

/* validation styles */
#validationSummary { color: Red; min-height: 30px; line-height: 12px; }

input.error { color: Red; border: 1px solid red; padding: 3px; }

input.error:focus { color: Red; border: 1px solid red; padding: 3px; }

select.error { color: Red; border: 1px solid red; padding: 3px; }

select.error:focus { color: Red; border: 1px solid red; padding: 3px; }

label.error { color: Red; display: block; font-style: italic; }

.messagetext { color: Red; }

.error { color: Red; border: none; padding: 0; margin: 0;  }

.requiredStar { color: Red; }

/* change password */
#changepasswordtable { width: 400px; margin-left:auto; margin-right:auto; }

#changepasswordtable input { padding: 3px; }
