body {
  background-color: #FFFFFF;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #127793;
  margin: 30px 0px 0px;
  height: auto;
  line-height: 16px;
}

#site_background {
	background: url(../../share/img/site_background.jpg) repeat-x left bottom;
	position: fixed;
	left: 0px;
	bottom: 0px;
	height: 160px;
	width: 100%;
}
/******************************************************************************************************************* 
    OUTERBOX - This is the container for all pages
*******************************************************************************************************************/ 

/*.outerbox_top{
  position: relative;
  background-image: url(../../share/img/outerbox/top_right_corner.gif);
  background-repeat: no-repeat;
  background-position: right;
}

.outerbox_center{
  border-right-width: 3px;
  border-left-width: 3px;
  border-right-style: solid;
  border-left-style: solid;
  border-right-color: #D3D3D3;
  border-left-color: #D3D3D3;
}

.outerbox_bottom{
  background-image: url(../../share/img/outerbox/bottom_right_corner.gif);
  background-repeat: no-repeat;
  background-position: right;
  clear:both;
}*/

.outerbox{
  position: relative;
  height: 600px;
  margin: auto;
  width: 870px;
  border-left: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC;
  padding: 0px 20px 10px 15px;
}

/******************************************************************************************************************* 
    HEADER
*******************************************************************************************************************/ 

#pageWrapper
{
  width:100%;
}

#innerColumnContainer
{
 
}

#page_header{
  clear:both;
}
.page_header_content{
 width:100%;
}

#header_nav{
  position: relative;
  width: 138px;
  height: 100%;
  margin: 8px 20px 5px 0px;
  float: left;
  clear: none;
}
#header_nav ul {
	margin: 0px;
	list-style-type: none;
	padding: 10px 0px 10px 0px;
	height: 450px;
	font-size: 12px;
	background: url(../../share/img/nav_background.gif) repeat-y left top;
}

#header_nav ul li {
	text-transform: uppercase;
	clear: right;
	margin: 0px 0px 15px;
	padding: 0px;
}
#header_nav a, #header_nav a:visited {
  text-decoration: none;
  color: #999999;
  padding-left: 8px;
}
#header_nav #bps_logo {
	margin: 0px 0px 25px -10px;
	padding: 0px;
}
#header_nav a:hover {
  color: #03A2D9;
}
#header_nav #selected {
  color: #127793;
  border-left: 3px solid #127793;
}
.header_divider{
  display: inline;
  border-right: 2px dotted #a1a1a1;
  margin-right: 5px;
}

.tophorzmenu_bottomline{
  margin-top: 0px;
  margin-bottom: 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #a1a1a1;
  background: #ffffff;
}

.header_edit_box{
  position: relative;
  width: 100%;
  background: #FF0000;
  color: #FFFFFF;
  border: 1px solid #000000;
  text-align: center;
  padding-top: 2px;
}
.header_edit_box_height_spacer{
  float: left;
  width: 0px;
  height: 38px;
}



/******************************************************************************************************************* 
    MAIN BODY
*******************************************************************************************************************/
#image_header {
	border: solid 1px #CCCCCC;
	height: 190px;
	width: 705px;
	margin: 8px 0px 5px;
	position: relative;
	float: right;
}

#content_divider {
	height: 5px;
	background-color: #CCCCCC;
	border-right: solid 25px #127793;
	width: 682px;
	float: right;
}

.wrap_left_main{
  padding-left: 5px;
  background-color: none;
}

#left_nav {
  float: left;
  clear: none;
  margin: 20px 0px 0px;
  padding-left: 5px;
  width: 100%;
}

#left_nav a {
	float: left;
	clear: none;
	margin-right: 15px;
}

#left_nav h2 {
	float: right;
	clear: none;
	margin-left: 15px;
}

#main{
  width: 710px;
  float: right;
  height: 350px;
}

#main_clients{
  width: 710px;
  float: right;
  height: auto;
  min-height: 550px;
  padding-bottom: 10px;
  text-align:  right;
}

.content_padding{
  padding: 25px 25px 25px 0px;
  width: 85%;
  float: right;
  text-align: right;
}

h2 {
	text-transform: uppercase;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

li {
	list-style-type: none;
}

#height_spacer{
  position: relative;
  float: left;
  width: 0px;
  height: 340px;
}

.gray_text, a.gray_text:visited {
	color: #999999;
}

.text_columns p {
	float: right;
	clear: none;
	margin: 10px 0px 0px 25px;
}

#map_locations {
	float: left;
	clear: none;
	width: 320px;
	height: 260px;
	padding-right: 10px;
	margin-top: 10px;
	border-right: solid 1px #CCCCCC;
}
.content_padding .left_content 
{
	float: left;
	clear: none;
	width: 360px;
	text-align: left;
	padding-left: 15px;
	padding-right: 10px;
	border-right: solid 1px #CCCCCC;
}
/******************************************************************************************************************* 
    FOOTER
*******************************************************************************************************************/
#footer {
  position: relative;
  margin: 20px 0px;
  text-align: right;
  font-size: 10px;
  color: #999999;
  bottom: 38px;
  float: right;
  clear: none;
  width: 50%;
}


/********************************************************************************************************************
    Rounded Corners Box
*********************************************************************************************************************/

.top-left, .top-right, .bottom-left, .bottom-right { 
  background-image: url('../../share/img/images/corners1280x60.gif'); /* CHANGE: path and name of your image */
  font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
  }
.top-left, .top-right, .bottom-left {
  height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
  }
.bottom-right {
  height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
  }
.top-left { 
  margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
  }
.bottom-left {
  margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
  }
.top-right { 
  margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
  margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
  }
.bottom-right {
  margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
  margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
  }
.top-right {
  background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
  }
.bottom-left  { 
  background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
  }
.bottom-right { 
  background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
  }
.inside {
  border-left: 1px solid #99C000; /* YCC: color & properties of the left-borderline */
  border-right: 1px solid #99C000;/* YCC: color & properties of the right-borderline */
  background: #EFEFEF;            /* YCC: background-color of the inside */
  color: #000000;                 /* YCC: default text-color of the inside */
  padding-left: 10px;             /* YCC: all texts at some distance of the left border */
  padding-right:10px;             /* YCC: all texts at some distance of the right border */
  }
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

 /******************************************************************************************************************* 
    FONTS
*******************************************************************************************************************/

a, a:visited {
  text-decoration: none;
  color: #027D9E;
}

a:hover {
  text-decoration: underline;
}

/******** CLIENT AND LOGIN SECTION ********/

.login input, .login select, .login textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px #CCCCCC;
	font-size: 10px;
	padding: 2px;
	margin-left: 10px;
	color: #666666;
}

.login td {
	padding: 3px 0px;
}

.login input.form_buttons {
	background-color: #127793;
	border:  none;
	color: #FFFFFF;
}