.text_bold {
	font-weight: bold; 

}


.page_body, .notice, .error {
	font-family: "trebuchet MS",sans-serif;
	color: black;
	font-size: 12px;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 5px;
}



.notice, .error {

	BORDER: #C8DAEF 5px solid;
	margin-top: 20px;
	margin-left: 5px;
	width: auto;
	font-weight: bold;

}

.error {

	BORDER: red 5px solid;
}


/* These boxes are used for the show_replies.php page  */

.reply_bluish, .reply_white, .reply_mine {

	padding: 5px; 
	font-size: 11px;
	color: black;
	BORDER-BOTTOM: #C8DAEF 1px solid; 
	border-top: #C8DAEF 1px solid; 
	border-left: #C8DAEF 1px solid; 
	border-right: #C8DAEF 1px solid;
	background: #EFF6FF;

}


.reply_white {
	
	background: white;
	border: 1px solid #480F6B;

}

.reply_mine {
	
	background: #E6B995;
	border: 1px solid #8C4B16;

}


.reply_text {	
    font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 11px;
	color: Black;
	line-height:120%;
	width: 90%;
	height: auto;
	padding: 5px;
	text-align:justify;
}


/*  This class is used to display a pop up text for ino purposes when a user for example clicks 
on a Radio button or their cursor enters a cetain input field. Used in profile_*.php files */
.info_display, .info_display_blue, .info_display_black {
	display: none; 
	border: 1px solid black; 
	color: red; 
	padding: 10px; 
	font-size: 10px;
	background: white;
}

.info_display_blue {
	color: blue; 
}

.info_display_black {
	color: black; 
}

.window_display_visible_bluish {
	BORDER-BOTTOM: #C8DAEF 1px solid; 
	border-top: #C8DAEF 1px solid; 
	border-left: #C8DAEF 1px solid; 
	border-right: #C8DAEF 1px solid;
	background: #EFF6FF;
	font-size: 11px; 
	padding: 10px;
	color: black;
}

.info_display_blue a:link, v:link {
  color: red;
  }

/* Div backgroundimages is for controlling the display of background images in customize_blog.php */
#div backgroundimages {
	display: none;
}

/* USed 1st for the advman_money_overview.php to put red border around Notice Box */
.notice_box_red {

	border: 1px solid red; 
	padding: 10px; 
	background: white;
}

/* A more pronunced red border that goes amost full width of the screen  */
.notice_border_red{
	border: 2px solid red;
	width: 90%;
	padding: 5px;

}

.redback {
	background: red;
	border: 1px solid black;
	font-family: Verdana, sans-serif;
	color: white;
	font-weight: bold;
	}


.blog_text_rounded {	
    font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 12px;
	color: Black;
	line-height:140%;
	width: auto;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	text-align:justify;
	overflow:hidden;
}


.thin_line_box {
	width: auto;
	height: auto;
	border: 1px solid black;
	padding: 5px;
	}
	

.warning_box {
	font-family: "Lucida Grande", Verdana, sans-serif;
	width: 50%;
	height: auto;
	border: 2px dashed black;
	padding: 10px;
	color: red;
	}

.image-float-left {
	clear:left;
    float: left;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 5px; /* These margin defintions ensure that the Text does not seat too close to image */
	border: 1px solid black;
	padding: 3px;
	}

.image-float-right {
	clear:right;
    float: right;
	margin-left: 15px;
	margin-right: 2px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid black;
	padding: 3px;
	}

.image-bottom {
	float:left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid black;
	padding: 3px;
	}

.image-top {
    border: 1px solid black;
  display: block;
    float: none;
  margin: 15px auto;
    padding: 3px;
   width: auto;
}

/*
.image-top {
	float: none;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid black;
	padding: 3px;
	}
*/

.image_caption_lbox, .image_caption_normal {
	font-family: "lucida sans unicode","lucida grande",sans-serif;
	width: 120px;
	height: auto;
	font-size: 10px;
	word-spacing: 0.4pt;
	letter-spacing: 0.2pt;
	margin-top: 5px;
	margin-bottom: 5px
	}

.image_caption_normal {
	width: auto;

}

.notice_box, .notice_box_solid {
	font-family: "Lucida Grande", Verdana, sans-serif;
	width: 90%;
	height: auto;
	border: 2px dotted blue;
	padding: 5px;
	}

.notice_box_solid {
	width: auto;
	border: 1px solid blue;

}

.notice_box_510 {
	font-family: "Lucida Grande", Verdana, sans-serif;
	width: 510px;
	height: auto;
	border: 2px dotted blue;
	padding: 5px;
	}

/* Seems like not used - remove them - date Apr/7/2010
.table_head {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	}

.table_border {
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	border-left: 2px solid black;
	color: purple;
	}
*/

.field_border_purple {
	border: 1px solid black;
	margin: 5px;
	padding: 5px;
	color: #6a7faa;
	}


/* This CSS code is for Tables & Forms  */

#customization_form #font_type, #font_color, #back_color, #greetings {
	border: 3px  double #999999;
	width: 40%;
	}

#customization_form #fontsize {
	border: 3px  double #999999;
	}

fieldset {
	margin: 5px 0 5px 0;
	padding: 5px;
	border: 1px solid #333;
	width: auto;

}

fieldset legend {
	background-color: #0007B3;
	margin: 0;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFF #AAA #666 #FFF;
	font-size: 12px;
	font-weight: bold;
	color: white;
}


/* From here on is the code for defining the look & feel of the free members RE  */
	
.button_ul ul {
list-style-type: none;
margin: 2px;
padding: 2px;
width: 175px;
font: bold 10px 'Lucida Grande', Verdana, sans-serif;


}

.button_ul li {
	background: #DDD;
	margin: 0;
	padding: 2px 5px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #666;
	border-bottom: 1px solid #aaa;
}

.button_ul ul a:link {
	display: block;
	padding: 2px 5px;
	text-decoration: none;
	color: #000;
	}

.button_ul ul a:visited {
	display: block;
	padding: 2px 5px;
	text-decoration: none;
	color: #666;
	}


.button_ul ul a:hover {
	display: block;
	padding: 2px 5px;
	text-decoration: none;
	color: #F00;
	}


.button_ul ul a:active {
	display: block;
	padding: 2px 5px;
	text-decoration: none;
	color: #333;
	}


/* End of RE definition   */


.text_box_right {
	margin: 5px 10px 20px 70px;
	}

.grayscale_area {
	font-size: 9px; 
	color: white;
}

.grayscale_area a:link {
	color: white;
}

.grayscale_area a:visited {
	color: yellow;
}

.grayscale_area a:hover {
	color: red;
	border: 0;
}
	

/* Rounded Corner: This is used for the main body of the Blogs */

.spiffy_body{display:block}
.spiffy_body *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#e4e8f0}
.spiffy_body1{
  margin-left:3px;
  margin-right:3px;
  padding-left:5px;
  padding-right:5px;
  border-left:1px solid #f3f5f8;
  border-right:1px solid #f3f5f8;
  background:#eaedf3}
.spiffy_body2{
  margin-left:1px;
  margin-right:1px;
  padding-right:5px;
  padding-left:5px;
  border-left:1px solid #fcfcfd;
  border-right:1px solid #fcfcfd;
  background:#e9ecf2}
.spiffy_body3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e9ecf2;
  border-right:1px solid #e9ecf2;}
.spiffy_body4{
  border-left:1px solid #f3f5f8;
  border-right:1px solid #f3f5f8}
.spiffy_body5{
  border-left:1px solid #eaedf3;
  border-right:1px solid #eaedf3}
.spiffy_bodyfg{
  background:#e4e8f0
  }


/* This is used for the headlines  */
.spiffy_6a7faa{display:block}
.spiffy_6a7faa *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#6a7faa}
.spiffy_6a7faa1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #bec7da;
  border-right:1px solid #bec7da;
  background:#8f9fbf}
.spiffy_6a7faa2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f0f2f6;
  border-right:1px solid #f0f2f6;
  background:#8697ba}
.spiffy_6a7faa3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #8697ba;
  border-right:1px solid #8697ba;}
.spiffy_6a7faa4{
  border-left:1px solid #bec7da;
  border-right:1px solid #bec7da}
.spiffy_6a7faa5{
  border-left:1px solid #8f9fbf;
  border-right:1px solid #8f9fbf}
.spiffy_6a7faafg{
  background:#6a7faa}


 /* This is used for the sub-headlines of Blog pages */
.spiffy_c6cedf{display:block}
.spiffy_c6cedf *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#c6cedf}
.spiffy_c6cedf1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e6e9f1;
  border-right:1px solid #e6e9f1;
  background:#d4dae7}
.spiffy_c6cedf2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f9fafb;
  border-right:1px solid #f9fafb;
  background:#d0d7e5}
.spiffy_c6cedf3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d0d7e5;
  border-right:1px solid #d0d7e5;}
.spiffy_c6cedf4{
  border-left:1px solid #e6e9f1;
  border-right:1px solid #e6e9f1}
.spiffy_c6cedf5{
  border-left:1px solid #d4dae7;
  border-right:1px solid #d4dae7}
.spiffy_c6cedffg{
  background:#c6cedf}




/* Gray color rounded corner */


.grayscale{display:block}
.grayscale *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#867777}
.grayscale1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #cac4c4;
  border-right:1px solid #cac4c4;
  background:#a49999}
.grayscale2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f2f1f1;
  border-right:1px solid #f2f1f1;
  background:#9c9090}
.grayscale3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #9c9090;
  border-right:1px solid #9c9090;}
.grayscale4{
  border-left:1px solid #cac4c4;
  border-right:1px solid #cac4c4}
.grayscale5{
  border-left:1px solid #a49999;
  border-right:1px solid #a49999}
.grayscalefg{
  background:#867777}


/* Maroonish color for the bottom_menu, which is the footer */


.footer{display:block}
.footer *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#C3BBC7}
.footer1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e5e1e6;
  border-right:1px solid #e5e1e6;
  background:#d2ccd5}
.footer2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f9f8f9;
  border-right:1px solid #f9f8f9;
  background:#cec7d1}
.footer3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #cec7d1;
  border-right:1px solid #cec7d1;}
.footer4{
  border-left:1px solid #e5e1e6;
  border-right:1px solid #e5e1e6}
.footer5{
  border-left:1px solid #d2ccd5;
  border-right:1px solid #d2ccd5}
.footerfg{
  background:#C3BBC7}