@charset "utf-8";

#content {
	font-size: 14px;
}

#user_name {
	width: 980px;
	margin: 0;
	text-align: right;
	padding: 15px 0 15px 0;
	border-bottom: 1px dotted #9AB8B8;
	float: left;
}

#user_name h1 {
	font-size: 26px;
	margin: 0;
	font-weight: normal;
	color: #7CA2A2;
}

#bread_crumb {
	padding: 2px 0 0 0;
	font-size: 12px;
	float: left;
	width: 980px;
}

#leftnav
{
	float: left;
	width: 190px;
	margin: 15px 0 0 0;
}

#rightnav
{
	float: right;
	width: 160px;
	margin: 15px 0 0 0;
}

#content
{
	margin-left: 205px;
	margin-right: 0px;
	margin-top: 15px;
	;
	margin-bottom: 40px;
	width: 775px;
}


#categories {
	margin: 0;
	padding-left: 0;
	width: 190px;
	
}

#categories li {
	margin: 0;
	font-size: 14px;
	list-style-type: none;
	padding: 4px 0 4px 10px;
	border-bottom: 1px dotted #A7A7A7;
}

#categories ul {
	margin: 0 auto;
	padding: 0;
}

#category_expression, #category_analyze, #category_self_care, #category_move_forward {
	margin-top: 15px;
}

#category_acknowledge {
	background-color: #E9E7E4;
}

#category_acknowledge a {
	color: #6E5E4E;
	text-decoration: none;
}

#category_acknowledge a:hover {
	color: #504438;
}


#category_expression {
	background-color: #EBEDEC;
}

#category_expression a {
	color: #7D8A80;
	text-decoration: none;
}

#category_expression a:hover {
	color: #647067;
}


#category_analyze {
	background-color: #F0F4F2;
}

#category_analyze a {
	color: #99B8A8;
	text-decoration: none;
}

#category_analyze a:hover {
	color: #7BA48E;
}

#category_self_care {
	background-color: #FAFAEA;
}

#category_self_care a {
	color: #D7D24C;
	text-decoration: none;
}

#category_self_care a:hover {
	color: #C4BF2C;
}

#category_move_forward {
	background-color: #F5F9E7;
}

#category_move_forward a {
	color: #B0CD3A;
	text-decoration: none;
}

#category_move_forward a:hover {
	color: #91A92B;
}

/* global modules */
#acknowledge_content {
	float: left;
	width: 755px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 14px;
}

#express_content {
	float: left;
	width: 755px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 14px;
}


/* acknowledge modules */

#acknowledge_title {
	background-color: #6E5E4E;
	width: 775px;
	padding: 0;
	margin: 0;
}

#acknowledge_title2 {
	background-color: #ffffff;
	border-bottom: 1px solid #6E5E4E;
	width: 775px;
	padding: 0;
	margin: 5px 0 0 0;
	height: 36px;
}

#acknowledge_menu, #express_menu {
	float: left;
	width: 765px;
	padding: 7px 0 7px 10px;
	
}

#acknowledge_menu a{
	font-size: 12px;
}

#acknowledge_subtitle {
	float: left;
	width: 765px;
	padding: 7px 0 7px 0;
	color: #6E5E4E;
	font-size: 20px;
	margin: 15px 0 10px 10px;
}

#acknowledge_msg {
	float: left;
	width: 735px;
	padding: 10px;
	background-color: #E9E7E4;
	color: #6E5E4E;
	margin-bottom: 20px;
	margin-left: 10px;
}

#acknowledge_journal_list {
	float: left;
	width: 735px;
	padding: 10px;
	color: #6E5E4E;
	margin-bottom: 20px;
	margin-left: 10px;
}

#acknowledge_msg a {
	
	color: #6E5E4E;
}

#acknowledge_form {
	
	color: #6E5E4E;
	padding-left: 10px;
	width: 765px;
	float: left;
}


/* express yourself modules */

#express_title {
	background-color: #7D8A80;
	width: 775px;
	padding: 0;
	margin: 0;
}

#express_title2 {
	background-color: #ffffff;
	border-bottom: 1px solid #7D8A80;
	width: 775px;
	padding: 0;
	margin: 30px 0 0 0;
	height: 36px;
}

#express_subtitle {
	float: left;
	width: 765px;
	padding: 7px 0 7px 0;
	color: #7D8A80;
	font-size: 20px;
	margin: 15px 0 10px 10px;
}

#express_msg {
	float: left;
	width: 735px;
	padding: 10px;
	background-color: #EBEDEC;
	color: #7D8A80;
	margin-bottom: 20px;
	margin-left: 10px;
}

#express_msg a {
	
	color: #7D8A80;
}

#express_form {
	
	color: #7D8A80;
	padding-left: 10px;
	width: 765px;
	float: left;
}

#express_letter {
	float: left;
	width: 735px;
	padding: 15px;
	background-image: url(../images/express_paper.jpg);
	color: #7D8A80;
	margin-bottom: 20px;
	margin-left: 10px;
}

.express_letter_title {
	font-size: 18px;
	margin: 15px 0 15px 0;

}


/* analyze modules */

#analyze_title {
	background-color: #99B8A8;
	width: 775px;
	padding: 0;
	margin: 0;
}

#analyze_title2 {
	float: left;
	background-color: #ffffff;
	border-bottom: 1px solid #99B8A8;
	width: 775px;
	padding: 0;
	margin: 30px 0 0 0;
	height: 36px;
}

#analyze_subtitle {
	float: left;
	width: 765px;
	padding: 7px 0 7px 0;
	color: #99B8A8;
	font-size: 20px;
	margin: 15px 0 10px 10px;
}

#analyze_msg {
	float: left;
	width: 735px;
	padding: 10px;
	background-color: #F0F4F2;
	color: #7BA48E;
	margin-bottom: 20px;
	margin-left: 10px;
}

#analyze_msg a {
	
	color: #7D8A80;
}

#analyze_form {
	color: #99B8A8;
	padding-left: 10px;
	width: 765px;
	float: left;
}

#analyze_letter {
	float: left;
	width: 735px;
	padding: 15px;
	background-image: url(../images/express_paper.jpg);
	color: #7D8A80;
	margin-bottom: 20px;
	margin-left: 10px;
}

.analyze_letter_title {
	font-size: 18px;
	margin: 15px 0 15px 0;

}

#analyze_ex_profile {
	float: left;
	width: 735px;
	padding: 10px;
	background-color: #E2EFF3;
	color: #666666;
	margin-bottom: 20px;
	margin-left: 10px;

}

.analyze_form_title {
	font-size: 18px;
	color: #99B8A8;
}


#selfcare_title2 {
	background-color: #ffffff;
	border-bottom: 1px solid #E1DC76;
	width: 775px;
	padding: 0;
	margin: 30px 0 0 0;
	height: 36px;
}

#selfcare_subtitle {
	float: left;
	width: 765px;
	padding: 7px 0 7px 0;
	color: #E1DC76;
	font-size: 20px;
	margin: 15px 0 10px 10px;
}

#selfcare_msg {
	float: left;
	width: 735px;
	padding: 10px;
	background-color: #FAFAEA;
	color: 7A662C;
	margin-bottom: 20px;
	margin-left: 10px;
}

#selfcare_title {
	background-color: #E1DC76;
	width: 775px;
	padding: 0;
	margin: 0;
}

#move_forward_title2 {
	background-color: #ffffff;
	border-bottom: 1px solid #C0D762;
	width: 775px;
	padding: 0 0 0 0;
	margin: 30px 0 0 0;
	height: 36px;
}


#move_forward_title {
	background-color: #C0D762;
	width: 775px;
	padding: 0;
	margin: 0;
}

#move_forward_subtitle {
	float: left;
	width: 765px;
	padding: 7px 0 7px 0;
	color: #C0D762																																;
	font-size: 20px;
	margin: 15px 0 10px 10px;
}

#move_forward_msg {
	float: left;
	width: 735px;
	padding: 10px;
	background-color: #F5F9E7;
	color: 647C1F;
	margin-bottom: 20px;
	margin-left: 10px;
}



/* global styles for admin backend */

.public_post {
	border-bottom: 1px dotted #cccccc;
	padding: 2px 0 2px 0;
	width: 100%;
	float: left;
}

.buttons {
	border-bottom: 1px dotted #cccccc;
	padding: 5px 0 5px 0;
	width: 100%;
	float: left;
}

.buttons_btm {
	padding: 10px 0 5px 0;
	width: 100%;
	float: left;
}


.lock_img {
	padding: 5px 0 0 0;
	border: 2px solid;
}

.nickname_signature {
	font-size: 12px;
}

.page_counter_top {
	font-weight: bold;
	color: #666666;
	padding: 0 0 15px 0;
	text-align: center;
}

.page_counter_bottom {
	font-weight: bold;
	color: #666666;
	padding: 15px 0 0 0;
	text-align: center;
}

.public_title {
	font-size: 18px;
}

.comment_acknowledge {
	background-color: #E9E7E4;
	font-size: 12px;
	padding: 10px;
	float: left;
	width: 735px;
	line-height: 18px;
}

.img_avatar {
	padding-right: 10px;
	float: left;
}

.comment_acknowledge a {
	color: #6E5E4E;
}

.comment_acknowledge a:hover{
	color: #41372D;
}

.photos_pad {
	padding-right: 10px;
}

.photo_no_pad {
	padding-right: 0;
}

.form_title {
	font-size: 16px;
	font-weight: bold;
}

/* community summary */

#mycommunity_summary {
	float: left;
	width: 755px;
	margin: 15px 10px 10px 10px;
}

#mycommunity_summary h1, #acknowledge_content h1, #express_content h1, #move_forward_content h1 {
	color: #A7A7A7;
	font-size: 20px;
	font-weight: normal;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #A7A7A7;
	margin: 0 0 10px 0;
}

/* articles summary */

#articles_summary {
	float: left;
	width: 755px;
	margin: 10px;
}

#articles_summary h1 {
	color: #A7A7A7;
	font-size: 20px;
	font-weight: normal;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #A7A7A7;
	margin: 0 0 10px 0;
}

/* Z-index of #mask must lower than #boxes .window */  
#mask {  
  position:absolute;  
  z-index:9000;  
  background-color:#000;  
  display:none;  
}  
    
#boxes .window {  
  position:absolute;  
  width:440px;  
  height:200px;  
  display:none;  
  z-index:9999;  
  padding:20px;  
}  
  
  
/* Customize your modal window here, you can add background image too */  
#boxes #dialog {  
  width:750px;   
  height:650px;
  padding: 10px;
  background-color: #ffffff;  
}  

#personal_mantra_container {
	margin-top: 10px;
	background-color:#FAFAEA;
	font-size: 20px;
	color: #666666;
	padding: 10px;
}

