﻿body {margin: 0; padding: 0; overflow: hidden; font-family: Arial; font-size: 10pt; color: #4372b0;}
a {text-decoration: none; color: #4372b0;}
a:hover {text-decoration: underline; color: #4372b0;}
h1 {font-size: 18pt; font-weight: normal; margin-top: 0px;}
h2 {font-size: 12pt; font-weight: bold;}
li {list-style-image: url(Images/bullet.gif);}

.input_form_grid {font-family: Arial; font-size: 10pt; color: #4372b0;}

.small_text {font-size: 8pt;}
.validation_message {color: Red; display: none;}
.explorer_bar_header {position: absolute; left: 10px; top: 0px; height: 27px; width: 191px; color: #000080; font-weight: bold; text-align:center;}
.explorer_bar_content {position: absolute; left: 10px; top: 27px; width: 191px; border: solid 1px #a7c0d6; background-color: #dbe6f4;}
.explorer_bar_tab {border: solid 0px; text-decoration: none;}
.explorer_bar_tab_selected {border: solid 1px #a7c0d6; border-bottom: solid 0px #a7c0d6; background: #dbe6f4;}
.explorer_bar_tab_text {position: relative; top: 5px;}
.explorer_bar_group {width: 179px; margin: 5px; border: solid 1px #a7c0d6; background: url(Images/explorer_bar.jpg) no-repeat bottom; background-color: White;}
.explorer_bar_group ul {position: relative; top: 0px;}
.explorer_bar_group_title {bottom: 0px; width: 100%; height: 15px; font-size: 8pt; text-align: center;}
.copyright {text-decoration: none; color: #666666;}
.copyright a {text-decoration: none; color: #666666;}
.copyright a:hover {text-decoration: underline; color: #666666;}

.input_form {width: 750px; border: solid 1px #d8e8fe; border-top: solid 0px #d8e8fe; border-right: solid 0px #d8e8fe;}
.input_form tr {background-color: #f5fafe;}
.input_form td {border-top: solid 1px #d8e8fe; border-right: solid 1px #d8e8fe;}
.input_form_header {}
.input_form_header td {font-weight: bold; background-color: #d8e8fe; text-align: center; padding-bottom: 5px; padding-top: 5px;}
.input_form_instructions {}
.input_form_instructions td {padding-bottom: 10px; padding-top: 10px;}
.input_form_td {border-top: solid 1px #d8e8fe; border-right: solid 1px #d8e8fe; background-color: #f5fafe;}

.sign_out {background: url(images/lock.gif) no-repeat top left; padding-left: 15px;}

.ribbon_header {height: 27px; width: 800px; margin-top: 125px; margin-left: 87px; }
.ribbon_tab {text-align: center; line-height: 26px; position: absolute; height: 26px; margin-top: 125px;}
.ribbon_tab:hover {border: 1px solid #a7c0d6; background-color: #d2e6ff;}
.ribbon_tab a {font-weight: bold; font-size: 10pt; color: #4372b0; text-decoration: none; color: #000095;}
.ribbon_tab a:hover {text-decoration: none;}
.ribbon_tab_selected {text-align: center; line-height: 26px; border-bottom: 1px solid #dbe6f4; border-left: 1px solid #a7c0d6; border-right: 1px solid #a7c0d6; border-top: 1px solid #a7c0d6; background-color: #dbe6f4; position: absolute; height: 26px; margin-top: 125px;}
.ribbon_tab_selected a {font-weight: bold; font-size: 10pt; color: #4372b0; text-decoration: none; color: #000095;}
.ribbon_tab_selected a:hover {text-decoration: none;}
.ribbon_group {border: 1px solid #a7c0d6; height: 93px; margin-top: 5px; background-image: url(images/ribbon_group_background.jpg); background-position: left top; background-repeat: repeat-x; position: absolute;}
.ribbon_group:hover {background-image: url(images/ribbon_group_background_hover.jpg); background-position: left bottom; background-repeat: repeat-x; background-color: White;}
.ribbon_group:hover div{background-color: #d2e6ff;}
.ribbon_group_title {font-size: 8pt; color: #4372b0; background-color: #c1dcff; text-align: center; margin-left: 2px; margin-right: 2px; margin-top: 2px;}
.ribbon_button {font-size: 8pt; cursor: pointer; background-color: transparent !important; height: 59px; padding: 3px; text-align: center; border: 1px solid transparent}
.ribbon_button:hover {background-color: transparent !important; background-image: url(images/ribbon_button_background_hover.jpg); background-position: left top; background-repeat: repeat-x; border: 1px solid #c2a978}

.tool_bar {height: 105px; left: 10px; background-color: #dbe6f4; border: 1px solid #a7c0d6; overflow: auto;}

#public_body {background: #678fc2;}
#public_content {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: url(Images/background.jpg) repeat-x top;}

#public_form {position: absolute; left: 50%; margin-left: -316px; top: 109px; width: 622px; height: 422px; background: url(Images/sign_in_bg.jpg) no-repeat top;}
#public_form_left {position: absolute; left: 17px; top: 87px; width: 330px; height: 159px; background: url(Images/left_content.jpg) no-repeat top;}
#public_form_right {position: absolute; right: 15px; top: 87px; width: 253px; height: 159px; background: url(Images/right_content.jpg) no-repeat top;}
#public_form_footer {position: absolute; left: 30px; right: 30px; top: 260px; bottom: 17px; font-size: 9pt; color: #666666; line-height: 20px;}
#public_form_footer span {padding-left: 10px; padding-right: 10px; color: #4372b0;}
#public_ribbon_group_left {position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px;}
#public_ribbon_group_left_title {position: absolute; left: 10px; right: 10px; bottom: 2px; text-align: center; font-size: 8pt;}
#public_ribbon_group_right {position: absolute; left: 10px; right: 10px; top: 0px; bottom: 20px; text-align: justify;}
#public_ribbon_group_right_title {position: absolute; left: 10px; right: 10px; bottom: 2px; text-align: center; font-size: 8pt;}

#members_header {position: absolute; top: 0px; left: 0px; right: 0px; height: 100px; background: url(Images/header_bg.jpg) repeat-x top; overflow: hidden;}
#members_header_left {position: absolute; left: 0px; width: 464px; height: 100px; background: url(Images/header_members.jpg) repeat-x top;}
#members_header_centre {position: absolute; width: auto; right: 100px; height: 30px; top: 20px; }
#members_header_right {position: absolute; width: 100px; right: 0px; height: 100px; background: url(Images/logo.jpg) repeat-x top;}
#members_toolbar_left {width: 15px; background: url(Images/header_toolbar_left.jpg) no-repeat top;}
#members_toolbar_centre_welcome {padding-right: 20px; background: url(Images/header_toolbar_bg.jpg) repeat-x top;}
#members_toolbar_centre_lock {padding-right: 5px; background: url(Images/header_toolbar_bg.jpg) repeat-x top;}
#members_toolbar_centre_signout {padding-right: 5px; background: url(Images/header_toolbar_bg.jpg) repeat-x top;}
#members_toolbar_right {width: 15px; background: url(Images/header_toolbar_right.jpg) no-repeat top;}
#members_toolbar_lock {width: 15px; background: url(Images/lock.gif) no-repeat top;}

#members_content {position: absolute; top: 100px; bottom: 70px; left: 0px; right: 0px; background: url(Images/content_bg.jpg) repeat-x top;}
#members_content_left {position: absolute; top: 0px; bottom: 0px; left: 0px; width: 211px; overflow:auto;}
#members_content_centre {position: absolute; top: 0px; bottom: 0px; left: 221px; right: 0px; background: url(Images/binary_bottom.jpg) no-repeat bottom right;}
#members_footer {position: absolute; bottom: 0px; left: 0px; right: 0px; height: 70px; background: url(Images/footer_bg.jpg) repeat-x top; overflow: hidden;}
#members_footer_left {position: absolute; left: 0px; width: 10px; height: 70px; background: url(Images/footer_bar_left.jpg) repeat-x top;}
#members_footer_centre {position: absolute; left: 20px; right: 20px; top: 17px; bottom: 17px; font-size: 9pt; color: #666666; line-height: 20px;}
#members_footer_centre font {padding-left: 10px; padding-right: 10px; color: #4372b0;}
#members_footer_right {position: absolute; width: 10px; right: 0px; height: 70px; background: url(Images/footer_bar_right.jpg) repeat-x top;}

#explorer_bar_tab_home {position: absolute; left: 10px; height: 27px; width: 55px;}
#explorer_bar_tab_services {position: absolute; left: 75px; height: 27px; width: 80px;}

#layout1 {position: relative; width: 822px; left: 50%; margin-left: -416px; background: url(images/layout1_content.jpg) repeat-y top left;}
#layout1_body {background: #678fc2;}
#layout1_wrapper {position: absolute; width: 100%; top: 0px; left: 0px; right: 0px; background: url(images/layout1_background.jpg) repeat-x bottom left;}
#layout1_header {width: 822px; background: url(images/layout1_header.jpg) no-repeat top left;}
#layout1_content {padding: 20px;}
#layout1_footer {width: 822px; height: 175px; background: url(images/layout1_footer.jpg) no-repeat top left; font-size: 9pt; color: #666666; line-height: 20px;}
#layout1_footer span {padding-left: 10px; padding-right: 10px; color: #4372b0;}
