/*  Styling for the front page including http://www.budgetsimulator.com/barnet_dev/manage
Alex's button code.
=======================================*/


body{background-color: #ffffff;} 

.container{width: 767px; 
		z-index:99;
                position:relative;
                height:420px;
		margin-top:38px; 
		margin-left: auto; 
		margin-right: auto; 
		background-image: url('leftPanellong.gif'); 
		background-repeat: no-repeat; 
		background-position: left top;
 } 


#top-line {
background-color: #00B3BE;
display:block;
float:right;
height:2px;
margin-left:255px;
margin-right:26px;
position:relative;
top:2px;
width:486px;
}


*>.container {
  /*min-height: 420px;*/
  height: auto;
}

	.content{ z-index: 90; 
                position:relative;
		margin:0 0 0 255px;
	        top:2px; 
        	padding:20px 26px 0 0; 
	background-image: url('rightBSlong.gif'); 
	background-repeat: no-repeat; 
	background-position: right top; 
	height:355px; 
	font-family:verdana,sans-serif; 
         /*background-color:#ffffff;*/
}

*>.content {
  min-height: 355px;
  height: auto;
}

.content h3 {
  color: #007A87;
  font-size: 0.9em;
}

.content h4 {
  color: #007A87;
  font-size: 0.8em;
}

.content a {
  color: #007A87;
}

.content em {font-weight:700} 
.content p {color: #363636; font-size: 0.7em;}
.content ul {color: #363636; font-size: 0.7em;}


#logo-container {
    padding-bottom: 97px; /* height of logo */
    margin:-6px 0 25px 0; /* spacing around logo */
    display: block;
} 
#logo {
    float:right;
} 


input{
  padding:5px 28px;
  border:none;
  font-size: 13px;
} 

#footer { 
  position:relative;
  padding:0; margin:0;
  height:25px;
  background-image:
  url('bottomBS.gif');
  background-repeat:
  no-repeat;
  background-position:
  right bottom;
} 

/*** Buttons Styling */
div#buttons {
  font-size: 14px;
  text-align: right;
  padding-top: 20px;
  padding-right:15px;
  padding-left:15px;
}

div#buttons a{
  text-align:left;
  font-size:14px;
  float:left;

  background-repeat: no-repeat;
  padding: 4px 25px 5px 15px;
  color:white;
  font-weight:bold;
}

.navbutton {
  margin-left: 1px;
  width: 179px;
  height: 30px;
  background-image: url('images/bs2_button_review.gif');
  background-repeat: no-repeat;
  border: 1px none white;
  color:white;
  font-size: 14px;
  font-weight:bold;
  padding: 0 0 5px 5px;
}

.navbuttonlg {
  margin-left: 1px;
  width: 240px;
  height: 30px;
  background-image: url('images/bs2_button_review_lg.gif');
  background-repeat: no-repeat;
  border: 1px none white;
  color:white;
  font-size: 14px;
  font-weight:bold;
  padding: 0 0 5px 5px;
}

.navbuttonmed {
  margin-left: 1px;
  width: 205px;
  height: 30px;
  background-image: url('images/bs2_button_review_med.gif');
  background-repeat: no-repeat;
  border: 1px none white;
  color:white;
  font-size: 14px;
  font-weight:bold;
  padding: 0 0 5px 5px;
}



.contentoverflow,
.contentoverflow .tr {
	position:relative
}


#top-line {
	background-color:#00B3BE;
	display:block;
	float:none;
	height:2px;
	left:255px;
	margin:0;
	position:relative;
	top:2px;
	width:486px;
font-size: 0px;
line-height: 0px;
}
.content {
	top: 0;
}