/*---- Client Experience Styles ----*/


#note_wrap_main {
	width:610px;
	height:auto;
	float:left;
	}
#note_leftcol {
	width:305px;
	height:auto;
	float:left;
	}
#note_rightcol{
	width:305px;
	height:auto;
	float:right;
	}
#middle_content_main .note_main .colour1{
	color:#007283;
}
#middle_content_main .note_main .colour2{
	color:#c49f06;
}
#middle_content_main .note_main .colour3{
	color:#c50751;
}
#middle_content_main .note_main .colour4{
	color:#00b0da;
}
#middle_content_main .note_main .colour5{
	color:#ebbd1f;
}
#middle_content_main .note_main p {
	padding:0px 20px 5px 0px;
	color:#333333;
	font-size:0.9em;
}
.note_wrap {
	width:295px;
	height:auto;
	margin-top:15px;
	
}
.note_top {
	width:295px;
	height:20px;
	background:url(../../assets/note_top.jpg) bottom no-repeat;
}
.note_main {
	width:275px;
	height:auto;
	font-family:"Courier New", Courier, monospace;
	padding:10px;
	background:#f1f1f2 url(../../assets/note_shad.gif) right repeat-y;
}
.note_bottom {
	width:295px;
	height:20px;
	background:url(../../assets/note_bottom.jpg) top no-repeat;
}


/*-- Add these Classes to create a yellow note --*/
.top_yell {
	background:url(../../assets/note_top_yell.gif) bottom no-repeat;
}
.main_yell {
	background:#f8f4e8 url(../../assets/note_shad_yell.gif) right repeat-y;
}
.bottom_yell {
	background:url(../../assets/note_bottom_yell.gif) top no-repeat;
}


/*-- Add these Classes to create a pink note --*/
.top_pink {
	background:url(../../assets/note_top_pink.gif) bottom no-repeat;
}
.main_pink {
	background:#f7e6f4 url(../../assets/note_shad_pink.gif) right repeat-y;
}
.bottom_pink {
	background:url(../../assets/note_bottom_pink.gif) top no-repeat;
}





/*-- Add these Classes to replace default font --*/

.alt_font1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.alt_font2 {
	font-family:Georgia, "Times New Roman", Times, serif;
}
.alt_font3 {
	font-family:Geneva, "Times New Roman", Times, serif;
}