/* HTML tags redefined */
html {
}
body {
font: 12px Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
background: #1fb4dc url(../images/body_bgnd.jpg) repeat-x;
}
p {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.4em;
color: #2e2e2e;
margin: 10px 0 15px 0;
}
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.6em;
margin: 0 0 13px 0;
color: #0773a2;
font-weight: normal;
}
h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.6em;
margin: 0 0 13px 0;
color: #b34700;
font-weight: normal;
}
h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2em;
margin: 0 0 13px 0;
color: #333;
font-weight: normal;
}
a {
color: #0773a2;
}
a:hover {
text-decoration: none;
}
form {
margin: 0 0 15px 0;
padding: 0;
}
textarea {
font-family: Georgia, "Times New Roman", Times, serif;
color: #0773a2;
font-size: 1.2em;
padding: 10px;
background: #fff;
border: 1px solid #999;
margin: 5px 0 5px 0;
width: 347px;
height: 130px;
}
input {
font-family: Georgia, "Times New Roman", Times, serif;
color: #0773a2;
font-size: 1.2em;
padding: 10px;
background: #fff;
border: 1px solid #999;
margin: 5px 0 5px 0;
width: 347px;
height: 20px;
}
label {
font-size: 1.4em;
}
div {
font-family: Georgia, "Times New Roman", Times, serif;
color: #2e2e2e;
}
/* Classes */
.clear {
clear: both;
}
.btn_blue {
background: #8FB43C;
border: 2px solid #618413;
color: #fff;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.8em;
text-decoration: none;
float: left;
margin: 5px 0 15px 0;
width: 100%;
height: 50px;
line-height: 2.2em;
text-align: center;
}
.btn_blue:hover {
background: #9FC44C;
}
.btn_brown {
background: #fe7000;
border: 2px solid #b33c00;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
font-size: 1.4em;
color: #fff;
width: 180px;
height: 40px;
text-align: center;
padding: 7px 0 10px 0;
margin: 0 0 10px 0;
}
.btn_brown:hover {
background: #ff8520;
cursor: pointer;
}
.btn_copy{
background: #8FB43C;
border: 2px solid #618413;
color: #fff;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
text-decoration: none;
/*float: left;*/
margin: 0px 0px 0px 10px;
padding: 3px 10px 3px 10px;
width: auto;
height: auto;
line-height: 1.2em;
text-align: center;
}
.btn_copy:hover {
background: #9FC44C;
}
.password {
font-size: 1.2em;
margin: 15px 0 0 0;
}
.good {
font-size: 1.2em;
color: #090;
margin: 0 0 15px 0;
}
/* Page elements */
.wrapper {
width: 995px;
margin: 0 auto;
padding: 0;
}
.header {
padding: 0 30px 0 30px;
}
.logo {
float: left;
}
.navigation {
float: right;
margin: 20px 0 0 0;
}
.navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
.navigation ul li {
float: left;
}
.navigation ul li a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
color: #00647e;
text-decoration: none;
padding: 10px 10px 30px 10px;
float: left;
}
.navigation ul li a:hover {
background: #3eaacb url(../images/nav_hover.jpg) repeat-x;
}
.navigation ul li.selected a {
background: #3eaacb url(../images/nav_bgnd.jpg) repeat-x;
color: #fff;
}
.banner {
background: #fff url(../images/banner_top.jpg) no-repeat;
padding: 20px 0 0 0;
margin: 0 0 15px 0;
}
.banner ul {
list-style: square;
margin: 0 0 20px 50px;
padding: 0;
}
.banner ul li {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.8em;
color: #000;
line-height: 1.8em;
}
.banner .illustration {
float: right;
margin: 0 35px 0 0;
}
.banner .banner_bottom {
background: url(../images/banner_bottom.jpg) no-repeat;
margin: 0;
padding: 0;
padding: 5px 0 0 0;
}
.content {
background: #fff url(../images/content_top.jpg) no-repeat;
margin: 0 0 15px 0;
}
.content .content_bottom {
background: url(../images/content_bottom.jpg) no-repeat;
margin: 0;
padding: 0;
padding: 5px 0 0 0;
}
.onecol {
margin: 0 30px;
padding: 20px 0;
}
.twocol {
margin: 0 30px;
padding: 20px 0;
}
.leftcol {
width: 367px;
float: left;
}
.rightcol {
width: 520px;
float: right;
}
.alerts {
border-bottom: 2px solid #ddd;
padding: 0 0 15px 0;
margin: 0 0 15px 0;
}
.footer {
background: #0d8daf url(../images/footer_top.jpg) no-repeat;
margin: 0 0 15px 0;
}
.footer .footer_bottom {
background: url(../images/footer_bottom.jpg) no-repeat;
margin: 0;
padding: 6px 0 0 0;
}
.copy {
padding: 15px 0 0 30px;
}
.copy p {
color: #fff;
font-size: 1.2em;
}
.bottomnav {
float: right;
}
.bottomnav ul {
list-style: none;
margin: 35px 10px 0 0;
}
.bottomnav ul li {
float: left;
}
.bottomnav ul li a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.2em;
color: #fff;
text-decoration: none;
margin-right: 20px;
float: left;
}
.bottomnav ul li a:hover {
color: #003;
}
.error { background:#cccccc none repeat scroll 0 0;
color:black;
margin-bottom:10px;
padding:10px; }
.good { background:#D2EEAE none repeat scroll 0 0;
color:black;
margin-bottom:10px;
padding:10px; }
.goodtext { color:green; margin-bottom:1px; }
/* .goodtext { background:green;margin-bottom:10px; } */
/* .selected:hover .menu { display: block; } */
.menu { position: absolute; z-index: 1000; background: #FFF; display: none; width: 365px; padding-left: 20px; padding-right: 10px; background: url(../images/menu_repeat.png) repeat-y; line-height: 22px; }
.menu a { color: #2690b1; text-decoration: none; }
.menu a:hover { text-decoration: none; }
.menu_bottom { background: url(../images/menu_bottom.png) no-repeat; width: 395px; height: 10px; margin-left: -20px; position: absolute; }
.menu_top { background: url(../images/menu_top.png) no-repeat; width: 395px; height: 11px; margin-left: -20px; position: absolute; margin-top: -10px; }
#reply .selected { /*background: yellow;*/ display: inline; border-bottom:2px solid red; cursor:default; }
#reply { font-size: 12px; }
span.wordview, #textview { font-size: 14px; }
/* expand_div */
#expand_div{
margin-bottom: 5px;
width:550px;
height:24px;
}
#expand_div a{
color: #5f5f5f;
text-decoration: none;
}
#expand_a{
position: relative;
float: left;
top: 12px;
}
#expand_error{
position: relative;
float:right;
top: 12px;
}
/* Copy button */
.clearCopy { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
}
a.buttonCopy {
background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 24px;
margin-left: 10px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
bottom: 0px;
}
a.buttonCopy span {
background: transparent url('../images/bg_button_span.gif') no-repeat;
display: block;
line-height: 14px;
padding: 5px 0 5px 18px;
}
a.buttonCopy:active {
background-position: bottom right;
color: #000;
outline: none; /* hide dotted outline in Firefox */
}
a.buttonCopy:active span {
background-position: bottom left;
padding: 6px 0 4px 18px; /* push text down 1px */
}