/*
Box Test CSS

*/

/* --- Global Declarations -- */
/** {
	padding: 0;
	margin: 0;
} */


a {
  text-decoration:none;
  outline:none;
  color:#0054a6;
}
a:hover { text-decoration:underline; }

.attribute {
  font-size:10px;
  color:#a0a0a0;
}


body,ul,dl,h1,h2,h3,h4,h5,h6,td,th,caption,pre,p,blockquote,input,textarea {
  font-family: Arial, Verdana, sans-serif;
/*  font-size: 12px;
  line-height: 14px; */
  font-weight: normal;
/*  color: #464646; */
  color: #606060;
	padding: 0;
	margin: 0;
}

body {
	background: #EFF2F3;
	text-align: center;
    font-size: 12px;
/*    line-height: 14px; */
}

dt {
  text-align: left;
  font-weight: bold;
}

hr {
    color: #aaa;
    background-color: #aaa;
    height: 1px;
    border: 0;

}

html, body {
    margin: 0; padding: 0;
}



p {margin:0 0 1em 0}

strong { font-weight:bold; }


ul {
	padding:1px;
/*    padding-left: 0px;*/
    margin: -4px 0 10px 10px;
    text-align: left;
}

ul li {
	padding:1px;
    padding-left: 0px;
	margin-left: 5px;
}

ul ul {
	padding:1px;
/*    padding-left: 0px;*/
    margin: 0 0 4px 10px;
}


/* -- Page Grid Definitions -- */


#banner_area {      /* top right banner */
	width: 645px;
	float: right;
	text-align: left;
}


#footer_area {         /*  Button Nav pane */
	width: 800px;
    margin: 0 auto;

}

#logo_area {            /* top left banner/logo */
	position:relative;
	width: 148px;
}

#main_area {            /* Main box on all other pages */
	width: 610px;
	text-align: left;
	float: left;

}

#main_area_home {        /* Main box on home page */
	width: 560px;
	text-align: left;
	float: left;

}


#nav_area {             /*  Button Nav pane */
	width: 800px;
    margin: 0 auto;

}

#page_block {       /* Defines the entire page */
	width: 800px;
	margin: 0 auto;
}

#partner_fee_table {
    width: 520px;
    margin: 0px auto;
}

#partner_fee_table TABLE {
    padding: 1px;
    border: 1px solid #444;
    background-color: #f0f0f0;
}

#partner_fee_table TD {
    padding: 2px;
/*    border: 1px solid #444; */
    text-align: left;
    background-color: #ffffff;
}

#partner_fee_table TH {
    padding: 2px;
    border: 0px solid #444;
    text-align: center;
    font-weight: bold;
    background-color: #c0c0c0;
}

#partner_fee_table .fee_table_col1 {
    background-color: #e0e0e0;
}


#popup_medium {       /* Defines a popup window size */
	width: 400px;
	margin: 0 auto;
}

#popup_large {       /* Defines a popup window size */
	width: 520px;
	margin: 0 auto;
}

#side_bar {             /* left side column on all other pages */
	position:relative;
	width: 183px;
	float: right;
}


#side_bar_home {         /* Right side column on home page */
	position:relative;
	width: 233px;
	float: right;
}


/* ------------------------------*/
/* -- Box Content Definitions -- */
/* ------------------------------*/

#button_bar {   /* Nav Button Box */
	width: 800px;
    position: relative;
    text-align: center;
      margin: 0 auto;
      padding: 2px;
    clear: both;
}

#footer_bar {   /* Bottom Page footer */
	width: 800px;
    position: relative;
    text-align: center;
      margin: 0 auto;
      padding: 2px;
    clear: both;
}

.main_content {
	width: 100%;
	background:#fff url(images/white_box_side_left.gif) repeat-y left top;
	float: left;
    display: inline;
	position:relative;
}

#img_footer  {

}


.side_content {
	width: 100%;
	text-align: left;
/*	background:#fff url(images/testbox_leftside.gif) repeat-y left top; */
	background:#fff url(images/white_box_side_left.gif) repeat-y left top;
	position:relative;
/*    margin-left: 0px; */

}

#sub_content1 {
	width: 275px;
	background:#fff url(images/white_box_side_left.gif) repeat-y left top;
	float: left;
	position:relative;
}
#sub_content2 {
	width: 275px;
	background:#fff url(images/white_box_side_left.gif) repeat-y left top;
	float: right;
	position:relative;
}



#sub_content1 P, #sub_content2 P {
    margin-left: 60px;
}


#top_banner {
	width: 645px;
	margin:0px auto;
	background:#fff url(images/white_box_side_left.gif) repeat-y left top;
	float: left;
	position:relative;
    display: block;
}

#top_banner IMG {
    padding: 4px;
}

#top_logo {
	width: 148px;
	margin:0px auto;
	background:#fff url(images/white_box_side_left.gif) repeat-y left top;
	position:relative;
}

/* ------------ */
/* -- Styles -- */
/* ------------ */

.bolder {
    font-weight: bolder;
    font-size: larger;
    line-height: 1.1em;
}

.bold-text {
    font-weight: bold !important;

}

.box_pane_large {
	width: 395px;
	background:#fff url(images/white_box_side_left.gif) repeat-y left top;
}

.box_pane_larger {
	width: 525px;
	background:#fff url(images/white_box_side_left.gif) repeat-y left top;
}

.box_pane_medium {
	width: 270px;
	background:#fff url(images/white_box_side_left.gif) repeat-y left top;
}

.box_pane_small {
	width: 210px;
	background:#fff url(images/white_box_side_left.gif) repeat-y left top;
}


.box_title_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  line-height: 14px;
  padding: 15px 15px 0px 15px;
  text-align: center;
  margin: 0 auto;

}

.centered-text {
	text-align: center !important;
}

.float_left {
  position: relative;
  float: left;
}

.float_right {
  position: relative;
  float: right;
}


.form_button
    {
    color: #000000;
    }

.form_field {
	padding:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#ffffff;
/*	border:1px solid #2a6fa0; */
	border:1px solid #303030;
	color:#000000;
}

.form_radio {
	padding:3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border:0px;
}

.form_select {
/*	padding:1px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
/*	border:0px; */
	border:solid #2a6fa0 1px;
}


.heading_text {
  font-size: 14px;
  font-weight: normal;
  color: #666666;
  line-height: 1.2em;
  padding: 10px 5px 0px 10px;
  text-align: left;
  margin: 0 auto;

}

.image_footer {
    font-size: 12px;
    font-style: italic;
    color: #999999;
    text-align: center;
    margin-left: 15px;
    margin-right: 15px;
}

.img_padding {
  padding: 6px;
  margin: 2px;
}


.indented_text {
    margin-left: 75px;
}


.indent_small {
    margin-left: 2em;
}


.larger-text {
  font-size: 21px;
  line-height: 24px;
  color: #404040;
}

.left-aligned-text {
	text-align: left !important;
}


.login_form_large {
  font-size: 14px;
  line-height: 17px;
  overflow: hidden;
}

.login_form_small {
  font-size: 9px;
  line-height: 10px;
  overflow: hidden;
}

.more_info {
    text-align: right !important;
    font-style: italic;
    font-size: 12px;
    color: #84A7CA;

}

.notice {
    padding: 4px;
    text-align: left;
}

.notice P {
    margin: 6px;
	color: #000000;
	font-size: 11px;
	line-height: 13px;

}

.notice OL  {
    margin: 12px;
	color: #000000;
	font-size: 11px;
	line-height: 13px;

}

.right-aligned-text {
	text-align: right !important;
}


.smaller-text {
  font-size: 11px;
  line-height: 13px;
}

.sub_content_img {
	position: absolute;
    top: 46px;
    left: 10px;
    display: block;
    z-index: 5;
}


.title_section {
  font-size: 17px;
  font-weight: bold;
  color: #333333;
  line-height: 20px;
  margin-bottom: 8px;
}

.title_paragraph {
  font-size: 14px;
  font-weight: bold;
  color: #444444;
  line-height: 16px;
  text-align: left;
  margin-bottom: 0px;
}

/* ---------------- */
/* -- Box Pieces -- */
/* ---------------- */


.blue_title_top {
	width: 100%;
	height:38px;
	background:url(images/blue_title_top_left.gif) no-repeat left top;
/*    margin: 4px 0 0 4px; */
}
.blue_title_top span {
	display:block;
	position:relative;
	height:38px;
	background:url(images/blue_title_top_right.gif) no-repeat right top;

}


.green_title_top {
	width: 100%;
	height:38px;
	background:url(images/green_title_top_left.gif) no-repeat left top;
/*    margin: 4px 0 0 4px; */
}
.green_title_top span {
	display:block;
	position:relative;
	height:38px;
	background:url(images/green_title_top_right.gif) no-repeat right top;

}


.img_content {
	padding-bottom: 0px;
    clear: both;
}



.plain_bottom {
	width: 100%;
	height:22px;
	background:url(images/white_box_bottom_left.gif) no-repeat left bottom;
}
.plain_bottom span {
	display:block;
	position:relative;
	height:22px;
	background:url(images/white_box_bottom_right.gif) no-repeat right top;
}

.plain_content {
	position:relative;
	background:url(images/white_box_side_right.gif) repeat-y right top;
	padding: 6px 17px 1px 17px;
	margin: 0px 0 -5px 0;
}


.plain_content P {
    text-align: left;
}


.plain_content_indented {
	position:relative;
	background:url(images/white_box_side_right.gif) repeat-y right top;
	padding: 2px 17px 1px 47px;
	margin: 0px 0 -5px 0;
}


.plain_top {
	width: 100%;
	height:15px;
	background:url(images/white_box_top_left.gif) no-repeat left top;
}
.plain_top span {
	display:block;
	position:relative;
	height:15px;
	background:url(images/white_box_top_right.gif) no-repeat right top;

}

.special_content {
	position:relative;
	background:url(images/white_box_side_right.gif) repeat-y right top;
	padding: 0px 0px 0px 15px;
	margin: 0px 0 -5px 0;
}

