* {
  margin: 0;
  padding: 0;
}

body {
  background-color: #fff;
  font-family: Arial, helvetica, sans-serif;
  text-align: center;
  font-size: 13px;
}

a {
  color: #689ccf;
}

img {
  border: 0;
}

.phone_number {
  position: absolute;
  right: 0px;
  top: 7px;
}

.checkbox, .radio {
	width: 19px;
	height: 25px;
	padding: 5px 19px 5px 0;
	background: url(/themes/default/graphics/checkbox.png) no-repeat;
	clear: left;
}
.radio {
	background: url(/themes/default/graphics/radio.png) no-repeat;
}

#container {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 800px;
  height: 620px;
}

#login_box {
  height: 36px;
}

#login_box p {
  font-size: 11px;
}

#login_box .right {
  float: right;
  line-height: 36px;
}

#login_box input {
  border: 1px solid #000;
  height: 13px;
  font-size: 11px;
  color: #666;
}

#login_box button {
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #fff;
  font-size: 11px;
}

#login_box a {
  color: #000;
  text-decoration: none;
  font-size: 11px;
}

#login_box a:hover, button:hover {
  color: #689CCF;
}

#login_form {
  margin-top: 5px;
  float: right;
}

#header {
  height: 151px;
  border: 1px solid #5891ca;
}

#home_header {
  height: 151px;
  border: 1px solid #5891ca;
}

#menu {
  height: 28px;
  position: relative;
}

#menu ul {
  list-style: none;
  position: absolute;
  bottom: 0;
}

#menu li {
  float: left;
  width: 83px;
  height: 23px;
  background-image: url(/themes/default/graphics/menu_button.png);
  background-repeat: no-repeat;
  margin-left: 5px;
  position: relative;
  text-align: center;
  border-bottom: 1px solid #fff;
}

#menu li img {
  position: absolute;
  bottom: 0;
}

#menu a {
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  line-height: 23px;
}

#menu a:hover {
  color: #31679D;
}

#menu .selected {
  border-bottom: 1px solid #689ccf;
}

#menu .selected a {
  color: #31679D;
}

#menu .home {
  width: 45px !important;
  height: 23px !important;
  text-align: left !important;
}

#menu_divider {
  height: 5px;
  background-color: #689ccf;
  font-size: 5px;
}

#main {
  min-height: 347px;
  margin-top: 5px;
}

#side_bar {
  height: 347px;
  width: 165px;
  float: left;
  overflow: hidden;
}

#main_section {
  display: table;
  float: left;
  margin-left: 5px;
  min-height: 347px;
  width: 630px;
}

.offer_box {
  height: 170px;
  margin-bottom: 5px;
}

.offer_box_top {
  background-image: url(/themes/default/graphics/offer_box_top.png);
  height: 20px;
  width: 165px;
}

.offer_box_top p, #main_section_top p {
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  line-height: 20px;
  margin-left: 10px;
}

.broadband_packages {
  border: 1px solid #3D7DBD;
}

.broadband_packages thead{
  font-weight:bold;
}

.broadband_packages td {
  height: 25px;
}

#main_section_top {
  background-image: url(/themes/default/graphics/home_top_bar.png);
  height: 20px;
  margin-bottom: 5px;
}

#main_section_main {
  width: 510px;
  min-height: 322px;
  float: left;
  position: relative;
}

.wider {
  width: 630px !important;
}

#main_section_right {
  width: 120px;
  height: 322px;
  float: left;
}

#footer_divider {
  margin-top: 5px;
  height: 20px;
  background-image: url(/themes/default/graphics/gradient.png);
}

#footer {
  height: 20px;
}

#footer p {
  font-size: 10px;
  line-height: 20px;
}

#footer .right {
  float: right;
}

#footer .left {
  float: left;
  color: #689ccf;
}


#main_section_main h4, #main_section_main p, #main_section_main h2  {
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;
}

#main_section_main h4 {
  font-size: 14px;
  font-weight: normal;
}

#main_section_main h2 {
  font-size: 14px;
}

#main_section_main p {
  font-size: 13px;
}

#main_section_main ul {
  margin-left: 20px;
  margin-right: 20px;
}

#main_section_main table {
  margin-top: 10px;
  margin-left: 20px;
  margin-right: 20px;
}

.link_box {
  height: 161px;
}

.link_box_image img {
  margin-top: 2px;
  margin-left: 0px;
}

.link_box_text p {
  font-size: 11px;
  margin-left: 4px;
  color: #666;
}

.bold {
  font-weight: bold;
}

#side_menu_top {
  background-image: url(/themes/default/graphics/side_menu_top.png);
  height: 20px;
}

#side_menu ul li {
  height: 20px;
  margin-top: 5px;
  line-height: 20px;
  background-image: url(/themes/default/graphics/menu_item_bg.png);
  color: #689ccf;
  font-weight: bold;
  font-size: 13px;
  padding-left: 8px;
}

#side_menu .selected {
  border-left: 5px solid #666;
  padding-left: 3px !important;
}

#side_menu a {
	text-decoration: none;
}

.tenant_sign_up_table,.other_tenant_sign_up_table {
  margin-left: 25px;
  margin-top: 10px;
  color: #3D7DBD;
  font-size: 13px;
}

.other_tenant_sign_up_table {
  margin-bottom: 120px;
}

.other_tenant_sign_up_table input {
  border: 1px solid #3D7DBD;
  width: 230px;
  margin-right: 0px !important;
}


.submit, .tenant_sign_up_table input, .tenant_sign_up_table select, .other_tenant_sign_up_table select {
  border: 1px solid #3D7DBD;
  width: 230px;
}

.tenant_sign_up_table .label {
  text-align: right;
  width: 150px;
}

.other_tenant_sign_up_table .label {
  text-align: right;
}

.tenant_sign_up_list {
  margin-left: 20px;
  list-style: none;
  color: #3D7DBD;
}

.tenant_sign_up_list li {
  margin-top: 10px;
}

#log_in_box {
  width: 180px;
  height: 180px;
  border: 1px solid #3d7dbd;
  color: #3D7DBD;
  padding-left: 10px;
  padding-top: 5px;
  margin-top: 10px;
  float: left;
}

#log_in_box p {
  margin-bottom: 15px;
}

#log_in_box input {
  border: 1px solid #3d7dbd;
  width: 100px;
}

#sign_up_button {
  position: absolute;
  bottom: 0;
  right: 0;
}


#next_button {
  position: absolute;
  bottom: 0;
  right: 0;
}

#back_button {
  position: absolute;
  bottom: 0;
  left: 0;
}

#errors {
  font-size: 13px;
  margin-left: 20px;
  color: #d00;
}

#news_archive {
  margin-left: 20px;
}

#loading {
  width: 120px;
  height: 65px;
  border: 1px solid #ccc;
  text-align: center;
  background-color: #eee;
  position: absolute;
  left: 255px;
  top: 120px;
}

#loading img {
  margin-top: 10px;
}

#loading p {
  margin: 0;
  font-size: 11px;
  color: #689ccf;
}

ol {
  margin-left: 20px;
}
ol li {
  margin-top: 6px;
}

#terms_and_conditions {
  height: 200px;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 5px;
  overflow: auto;
  border: 1px solid #000;
}

#contact_us_map {
  height: 300px;
  width: 480px;
  margin-left: 20px;
  margin-top: 10px;
  border: 1px solid #000;
}

.radio_button {
  width: auto !important;
}

.spacer {
  height: 10px;
}

.thinner {
  width: 480px;
  font-size: 12px;
  text-align: right;
}

ul.thinner {
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: left;
  font-size: 9px;
}

.small_font {
  font-size: 9px;
  text-align: left !important;
  height: 30px;
  vertical-align: top;
}

#tenant_find_postcode {
  width: auto;
}

.date_drop_down {
  width: 75px !important;
}
.date_drop_down_month {
  width: 100px !important;
}

.invited_tenant_first_name {
  width: 100px !important;
}
.invited_tenant_surname {
  width: 100px !important;
}
.invited_tenant_email {
  width: 200px !important;
}
.invited_tenant_mobile {
  width: 95px !important;
}
.invited_tenant_label {
  width: 90px !important;
}
.error_text_box {
  border: 1px solid #f00 !important;
}

.tooltip {
  border: 1px solid #689CCF;
  width: 280px;
  padding: 6px;
  text-align: left;
  background-color: #ffffdd;
  font-weight: bold;
}

.bottom {
  margin-bottom: 160px;
}

#messages {
  font-size: 13px;
  margin-left: 20px;
  color: #0d0;
}

.card_number_column {
  width: 120px;
}

.expiry_date_column {
  width: 120px;
}

.card_default_column{
text-align:center;
width:102px;
}
.card_status_column{
width:75px;
}
.change_default_button input{
  border: 1px solid #3D7DBD;
  margin-right: 0px !important;
  float:right;
  width:230px;
}
#tenantaccount_logout {
	font-style: italic;
}
#tenantaccount_logout a {
	color: #000;
	text-decoration: none;
	font-style: normal;
}
#tenantaccount_logout a:hover {
  color: #689ccf;
}

#invoice h2 {
  font-size: 16px;
}

#invoice table {
  border-collapse: collapse;
  font-size: 11px;
}

#invoice_top_right td {
  text-align: right;
}

#invoice_top_left {
  float: left;
  width: 350px;
}

#invoice_top_right {
  float: left;
  width: 200px;
}


.invoice_label {
  width: 120px;
  font-weight: bold;
  text-align: left !important;
}

#invoice_lines {
  clear: both;
  width: 590px;
}

#invoice_lines_header_row {
  background-color: #689CCF;
  font-weight: bold;
  line-height: 30px;
  color: #fff;
}

.invoice_line {
  height: 40px;
}

.invoice_lines_total_row {
  line-height: 30px;
  font-weight: bold;
}

.invoice_lines_total_row_top {
  border-top: 2px solid #689CCF;
}

.invoice_lines_total_row_bottom {
  border-top: 1px solid #689CCF;
  border-bottom: 1px solid #689CCF;
  line-height: 40px;
}

.small {
  font-size: 9px !important;
}

.sub_line {
  padding-left: 20px;
}

.total_line {
  padding-left: 330px;
}

#login_submit {
  background-image: url(/themes/default/graphics/log_in_button.png);
  width: 87px;
  height: 24px !important;
  border: 0 !important;
}

table.telephone {
	width: 80%;
}

table.telephone td, table.telephone th {
	padding: 4px 12px;
}
#refer_a_friend input{
  border: 1px solid #3D7DBD;
  width: 230px;
}
#refer_a_friend textarea{
  border: 1px solid #3D7DBD;
  width: 300px;
  height: 100px;
}
#refer_friend_confirm_table thead{
  font-weight:bold;
}
#refer_friend_confirm_table tbody td{
  vertical-align:top;
  border:1px solid #bbb;
  padding:3px;
  background-color:#ddd;
}
#refer_friend_confirm_table tfoot td{
  text-align:left;
}

#refer_friend_confirm_table tfoot input{
  border: 1px solid #3D7DBD;
  width: 230px;
}

.meter_readings{
width: 500px;
border-collapse: collapse;
}
.meter_readings th{
text-align:left;
width: 125px;
border-bottom:1px solid #000;
}
.meter_readings td{
border-bottom:1px solid #ccc;
padding:2px;
}

.portfolio_houses{
width: 100%;
border-collapse: collapse;
clear:both;
}
.portfolio_houses th{
text-align:left;
border-bottom:1px solid #000;
}
.portfolio_houses td{
border-bottom:1px solid #ccc;
padding:2px;
vertical-align:top;
}
.portfolio_houses .address{
  width:250px;
}
.portfolio_houses .postcode{
  width:90px;
}
.portfolio_houses .active{
  width:54px;
  text-align:center;
}
#portfolio_header{
  width:100%;
}
#portfolio_header .paging{
  float:left;
}
#portfolio_footer{
  width:100%;
}
#portfolio_footer .paging{
  float:right;
}

.controls {
  height: 118px;
  margin-top: 20px;
}