/*******************************************************
 client.css
 Style sheet for client login pages
 ******************************************************/
body {
    width: 902px;
    margin-left: auto;
    margin-right: auto;
	background-repeat: repeat-x;
	background: url(../image/bg.jpg) top left repeat;
    font-family: verdana, sans-serif;
    font-size: 12px;
}

div#header {
    background: url(../image/new_header.png) top no-repeat;
    text-align: left;
	padding: 0px;
    width: 100%;
    height: 130px;
}
div#left_column
{
border-color: #4f83b5;
border-right-width: 1px;
border-right-style: solid;
height: 200px;
}
div#right_column {
	padding: 15px;
}
div#content
{
/*background-color:#e0eaf4;*/
}

h2 {
	font-size: 13pt;
	margin-top: 0px;
}

h3 {
	padding: 0px;
	margin: 0px;
	color: #fff;
}

div#top_section {
    width: 100%;

    height: 100px;
}

div#title {
    width: 310px;
    float: left;
font-size: 90%;
    padding-left: 105px;
padding-right: 40px;
padding-top: 40px;
}

div#title h1 {
    font-family: arial, sans-serif;

}

div#top_image {
    background: url( '../image/top.jpg' );
    width: 446px;
    height: 100px;
    float: left;

}

div#logout {
    position: relative;
    top: 55px;
    left: 100px;
    width: 50px;
    float: left;
}

div#breadcrumbs {
    width: 902px;
    height: 25px;
    background: url(../image/menu_bg.gif) top left repeat-x;
    color: #fff;
    /*padding-left: 45px;*/
    font-size: 89%;
    /*padding-top: 7px;*/
}

div#left_column {
    float: left;
    width: 240px;
	padding-bottom: 300px;
	background: #fff;
	/*margin-bottom: 75px;*/
}

div#middle_column {
    float: left;
    width: 280px;
margin-bottom: 75px;
}

div#right_column {
    float: left;
    width: 629px;
margin-bottom: 75px;
}

div#main_content {
    background-color: #e0eaf4;
    min-height: 400px;
	height: 100%;
	overflow: hidden;
	border: #4f83b5 1px solid;
	border-top: none;
	border-bottom: none;

}

h3 {
    font-size: 95%;
}

body a {
    color: #0860A8;
    text-decoration: none;
}

body a:hover {
    color: #013666;
    text-decoration: underline;
}

div#newsletter {
    background: url( '/client/image/newsletter_back.gif' );
    height: 138px;
    width: 208px;
    color: #fff;
    padding: 10px;
}

div#newsletter a {
    color: #fff;

}

div#messages a {
    color: #fff;
}

div#message_top {
    background: url( '/client/image/messages_top.gif' ) bottom no-repeat;

    height: 30px;
    padding-left: 20px;
    padding-top: 20px;
color: #fff;

}


div#messages a {
    color: #fff;
}

div#messages {
    color: #fff;

    background: #A8A8A9;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    width: 228px;
    margin-left: 1px;

}

div#messages ul {
    list-style: none;
    margin-left: -20px;
}

div#messages li {
    list-style: none;
    margin-top: 5px;
}

div#title h1 {
    font-size: 150%;
    margin-bottom: 5px;
}



img {
    border: none;
}

div.linkSection {
    height: 100px;
    padding-left: 75px;
    width: 210px;
    margin-top: 20px;
}

div#editDetails {
    background: url( '/client/image/contact.gif' ) left top no-repeat;
}

div#premiseDetails {
    background: url( '/client/image/premise_logo.gif' ) left top no-repeat;
}

div#appealDetails {
    background: url( '/client/image/appeal_logo.gif' ) left top no-repeat;
}

div.article {
    padding-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
}
div#nav
{
padding-right: 30px;
}
div#content
{
margin-bottom: 100px !important;
}
div#footer
{
padding: 7px;
position: relative;
clear: both;
border-top:#4f83b5 1px solid;
border-bottom:#4f83b5 1px solid;
background: #01437f url(../image/menu_bg.gif) top left repeat-x;
color: #fff;
font-size: 89%;
/*margin-top: 330px !important;*/
}

div#copy
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding: 7px;
	color: #7ea7cf;
	font-size: 89%;
}

div#copy a { color: #fff; }

div#testimonial_top {
    background: url( '/client/image/messages_top.gif' ) bottom no-repeat;
    height: 30px;
    padding-left: 20px;
    padding-top: 20px;
color: #fff;

}
div#testimonial {
    color: #fff;

    background: #A8A8A9;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    width: 228px;
    margin-left: 1px;

}

div#testimonial ul {
    list-style: none;
    margin-left: -20px;
}

div#testimonial li {
    list-style: none;
    margin-top: 5px;
}

div#testimonials {
    color: #fff;

    background: #A8A8A9;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    width: 228px;
    margin-left: 1px;

}

div#testimonials ul {
    list-style: none;
    margin-left: -20px;
}

div#testimonials li {
    list-style: none;
    margin-top: 5px;
}

input {
    vertical-align: middle;
}


input.button {
    background: #B6D4E9;
    border: 1px solid #B6D4E9;
    color: #444;
    font-family: Gill Sans MT, Arial, Helvetica;
    font-size: 8pt;
    padding: 2px 2px;
}


.contact select {
    width: 280px;
}

.premise select {
    width: 280px;
}

.tabbedlist {
    height: 26px;
    width: 100%;
    background: #fff;
    font-size: 8pt;
    line-height: normal;
    border-bottom: 1px solid #d4d0b6;
}

.tabbedlist ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tabbedlist li {
    float: left;
    background: url( "/client/image/tab-right.gif" ) no-repeat right top;
    margin: 0;
    padding: 0;
}

.tabbedlist a {
    color: #6a6962;
    font-weight: bold;
    text-decoration: none;
    display: block;
    background: url( "/client/image/tab-left.gif" ) no-repeat left top;
    padding: 6px 20px 4px 20px;
}

.tabbedlist a:hover {
    color: #6a6962;
}

.tabbedlist li.selected {
    background: url( "/image/tab-selected-right.gif" ) no-repeat right top;
}

.tabbedlist li.selected a {
    background: url( "/image/tab-selected-left.gif" ) no-repeat left top;
    color: #6a6962;
}

.tabbedlist li.selected a:hover {
    color: #6a6962;
}

dl.form {
    margin: 0;
    padding: 0;
    display: block;
}

dl.form dt {
    float: left;
    clear: both;
    margin-left: 0;
    text-align: right;
    width: 120px;
    font-weight: bold;
    margin-bottom: 0.5em;
}

dl.form dd {
    float: left;
    margin-left: 5px;
    margin-bottom: 0.5em;
}

.clear {
    clear:both;
}

div#message
{
width: 500px;
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: 1px;
padding: 20px;
border-color: #7EB4D8;
background: #B0D1E7;

}
div#relatedmessage
{
padding: 20px;
border-style: solid;
border-width: 1px;
border-color: #7EB4D8;
width: 500px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
background: #CAE7FA;
}
div#replyForm textarea
{
width: 350px;
}
div#messages table tr
{
background-color: #CEE6BD;
}
div#messages table tr.message_status_7
{
background-color: #F66E6E;
}
tr.message_status_7 a
{
color: #fff;
}
div#message
{
margin-top: 30px;
}
div#replyForm fieldset
{
margin-top: 50px;
width: 525px;
margin-left: auto;
margin-right: auto;
}
div.premise_outer h2 a
{
color: #fff;
}
div.premise_outer
{
background-color: #2D77B4;
color: #fff;
}
div.premise_inner
{
background-color: #fff;
color: #2D77B4;
border-style: solid;
border-color: #9B9B9B;
border-top-style: none;
padding: 10px;
}
div.premise_outer
{
width: 550px;
margin-left: auto;
margin-right: auto;
}
div.premise_inner dt
{
color: #000;
}
div#message dd
{
float: left;
width: 100px;
font-weight: bold;

}
div#message dt
{
margin-bottom: 5px;
}
div#relatedmessage dd
{
float: left;
width: 100px;
font-weight: bold;
}

div#relatedmessage dt
{
margin-bottom: 5px;
}

dd
{
float: left;
width: 175px;
font-weight: bold;
clear: both;
}
dt
{
margin-bottom: 5px;
}
div#premesis
{

background-color: #B0D1E7;
width: 750px;
margin-left: auto;
margin-right: auto;

}
div#premesis table
{
border: 1px solid black;
}
div#premesis th
{
color: #fff;
background-color: #2873B3;
border-style: none;
border-width: 5px;
padding: 5px;
border: 1px solid black;
}
div#premesis tr
{
height: 35px;
}

div#message_top img
{
margin-top: 5px;
margin-right: 5px;
}
div#message_top span
{
position: relative;
top: -5px;
font-weight: bold;
}
tr.alternate
{
background-color: #4f83b5;
}
div.clear
{
display: none;
}
div#left
{
float: left;
width: 40%;
margin-right: 30px;
background-color: #579AC7;
color: #fff;
border-style: solid;
border-width: 2px;
border-color: #000;
}
div#right
{
width: 40%;
background-color: #579AC7;
color: #fff;
border-style: solid;
border-width: 2px;
border-color: #000;
float: left;

}
div#left dd, div#left dt, div#right dd, div#right dt
{
height: 30px;
}
div.article
{
padding-bottom: 15px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #4f83b5;
}
div#middle_column
{
width: 275px;
}
div.linkSection
{
width: 190px;
margin-left: 10px;
}

div#news
{
padding: 30px;
width: 530px;
}
h2
{
color: #2873B3;
}
div#login
{
padding-left: 50px;
}
h1
{
color: #0A4679;
}
div#newsletter
{
height: 100px;
}

/* MENU */

div#breadcrumbs ul
{
list-style: none;
padding: 0px;
margin: 0px;
}
div#breadcrumbs li
{
float: left;
display: block;
color: #fff;
}
div#breadcrumbs li a
{
color: #fff;
display: block;
width: 110px;
height: 20px;
padding: 5px 20px 0px 20px;
background: url(../image/menu_bg.gif) top left repeat-x;
text-align: center;
}
div#breadcrumbs li a:hover
{
display: block;
width: 110px;
height: 20px;
background: url(../image/menuhover_bg.gif) top left repeat-x;
text-decoration: none;
}

/* END MENU */

div#right_column div.article
{
width: 500px;
}

/* LOGIN */

div.login
{
padding: 9px;
margin-top: 3px;
margin: 10px;
padding-right: 57px;
background: url(../image/login_bg.jpg) top left no-repeat;
height: 138px;
}
div.login h3
{
font-size: 125%;
color: #0154a0;
}

div.login .form, div#contact_details .form {
	width: 100%;
	padding-top: 5px;
}

div.login input, div#contact_details input {
	margin-top: 2px;
	margin-bottom: 5px;
	border: 0px;
	background: url(../image/input.png) top left no-repeat;
	padding: 6px 8px 0px 8px;
	height: 18px;
	width: 160px;
	color: #4f83b5;
	font-size: 8pt;
}

div#contact_details textarea {
	margin-top: 2px;
	margin-bottom: 5px;
	border: 0px;
	background: url(../image/commentbox.png) top left no-repeat;
	padding: 10px;
	width: 154px;
	height: 59px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #4f83b5;
	font-size: 8pt;
}

div#contact_details .form
{
padding: 11px;
margin: 0px 0px 10px 0px;
padding-right: 57px;
background: url(../image/contact_bg.jpg) top left no-repeat;
height: 218px;
}

div.login input.submit, div#contact_details input.submit {
	background: none;
	border: none;
	padding: 0px;
	font-size: 8pt;
	height: 25px;
	width: 78px;
	margin-left: 61px;
}

div.login label, div#contact_details label {
	font-size: 8pt;
}


div#welcome p
{
min-height: 70px;
}

div.submenu {
	background: url(../image/menu_bg.gif) top left repeat-x;
	padding: 5px 0px 5px 20px;
}

div#news_preview {
	margin-right: 10px;
	margin-left: 10px;
}

div.innercontent {
	padding: 10px 10px 10px 10px;
	background: #fff;
	border: #4f83b5 1px solid;
	margin-bottom: 10px;
}