@charset "utf-8";
/*************************************
*	CONTAINS STYLING FOR HEADER (LOGO, BANNER, TOP MENU...),
*	MAIN MENU, FOOTER, GENERAL STYING FOR THE BODY AND UTILS
*	@author 	Jinkee Balino
* 	@copyright	Standard Life Canada
*	@version	08/2008 
*************************************/

/* This will get rid of all the default margin and padding to avoid fomatting issues between Firefox and IE*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

body {	
	background:#FFFFFF;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
}

a:link 		{ color: #527697; text-decoration: none; }	
a:active 	{ color: #527697; text-decoration: none; }
a:hover		{ color: #003876; text-decoration: none; }
a:visited 	{ color: #527697; text-decoration: none; }


/*	THE WRAPPER OF THE WHOLE PAGE	*/
#wrap { 
	margin: 0 auto;
	width: 1000px; 
	min-height: 600px;
	border: 0px solid #000000; 
	padding: 20px 0;
}

/*	THE TOP PART OF THE PAGE	*/
#top_wrap { 
	margin: 0 20px;
}
	
#top_left {
	float:left;	
	height: 65px;
}
	
#top_right {
	float: right;
	border: 0px solid #000000; 
	text-align:right; 		
}

#top_right a:link 		{ color:#000000; text-decoration: none; }	
#top_right a:active 	{ color:#000000; text-decoration: none;}
#top_right a:hover 		{ color:#527697; border-bottom: 1px #003876 solid; }
#top_right a:visited 	{ color:#000000; text-decoration: none; }





/* START MAIN MENU*/
.mainmenu{
	color: #004ea5;
	position: relative;
	padding: 0 0 0 30px;
	margin: 0 auto 0 auto;
	background: url(../images/menu_bg.gif) bottom left repeat-x; /*tab background image path*/
	height: 40px;
	list-style: none;
}

.mainmenu li { float:left; }

.mainmenu li a{
	float: left;
	display: block;
	color:#527697;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding: 0 2px 0 13px; /*Padding to accomodate left tab image. Do not change*/
	height: 40px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;	
}

.mainmenu li a b{
	float: left;
	display: block;
	padding: 0 10px 0 0; /*Padding of menu items*/
}

.mainmenu li.current a, .mainmenu li a:hover{
	color: #527697;
	background: url(../images/menu_hov_left.gif) top left no-repeat; /*left tab image path*/	
	border-bottom: 0px #000 solid;
}

.mainmenu li.current a b, .mainmenu li a:hover b{
	color: #527697;
	background:  url(../images/menu_hov_right.gif) top right no-repeat; /*right tab image path*/
 	border-bottom: 0px #000 solid;
}



/* END MAIN MENU*/

/* START FOOTER */
#footer {
	background: #E7EBEB;
	border-top: #DCE2E2 2px solid;
	color: #527697;
	margin: 0 20px;
	position: relative;	
}

#footer a.up { 
	background: url(../images/up.gif) 0 0 no-repeat;
	height: 10px;
	width: 22px;	
}

#footer a.up:hover { 
	background: url(../images/up.gif) 0 -13px no-repeat;
	height: 10px;
	width: 22px;	
}
/* END OF FOOTER */

/* START SUB MENU */ 
#sub_menu {
	background: url(../images/sub_menu.gif) top right repeat-x;
	color: #003876;
	text-align: right;
	height: 30px;
	padding-right: 10px;
	border: 0px solid #000;
	font-size: 10px; 
	vertical-align:middle;
}

#sub_menu_left { background: #fff url(../images/sub_menu_left.gif) top right no-repeat; }

#sub_menu a:link 		{ color:#003876; text-decoration: none; }	
#sub_menu a:active 		{ color:#003876; text-decoration: none;}
#sub_menu a:hover 		{ color:#527697; text-decoration: none; }
#sub_menu a:visited 	{ color:#003876; text-decoration: none; }

a.print {	
	background:url(../images/print.gif) top left no-repeat;
	height: 14px;
	margin-right: 5px;
	padding-left: 17px;	
}

a.print:hover{ background:url(../images/print_over.gif) top left no-repeat;}

a.send_friend {	
	background:url(../images/friend.gif) top left no-repeat;
	margin-right: 5px;
	padding-left: 17px;
}

a.send_friend:hover{ background:url(../images/friend_over.gif) top left no-repeat;}

.text_size {	
	background:url(../images/text.gif) 0 0 no-repeat;
	margin-right: 5px;
	height: 30px;
	padding-left: 17px;
	border: 0px solid #000;	
}


/* END SUB MENU */ 


/*********** UTILS and defaults ***********/
#b_tools #main_content table td { padding: 0;}
#main_content img 	{ margin: 0 0 0 10px;}
#main_content p	{ margin: 0 10px 20px 0; }
#footer p	{ padding: 10px 20px 10px 40px; }	

h2		{font-size:12px;}
h3		{font-size:11px;}
h4 		{font-size:13px;}
h5		{font-size:12px;}

fieldset {
	border:1px #D9D782 solid;
	display:block;
	margin: auto auto 10px;
	padding:0.35em 0.625em 0.75em;
	width: 500px;
}
ul li ul { 	list-style:square; }

select { background:#F1EEE6 none repeat scroll 0 0; border:1px solid #CCC9C1; color:#666666; }

.notes		{ font-size:10px; color: #666666; }
.clear 		{ clear:both;	}	
.bold 		{ font-weight: bold; }
.italic 	{ font-style:italic;}
.underline	{ text-decoration: underline;}
.normal		{ font-weight: normal;}
.justify 	{ text-align:justify; }
.right_align	{ text-align:right; }
.center		{ text-align: center; }
.indent		{ padding-left: 10px; display:block; }
.caps		{ text-transform:uppercase;}
.no_margin	{ margin: 0;}
/* COLORS */
.orange 	{ color: #ff8b29; } /*nutrition*/
.blue	 	{ color: #0d6cb6; } /*lifestyle*/
.bluegreen	{ color: #009f94; } /*prevention*/
.green	 	{ color: #6eb43f; } /*mental*/
.maroon 	{ color: #b72466; } /*heart*/
.purple 	{ color: #514e86; } /*tools*/
.yellow 	{ color: #faa61a; } /*physical*/
.white 		{ color: #ffffff; }

/* I mispelled blue grey but leave it like that because it is already all over the site*/
.blue_gery 	{ color: #57708c; }
.red 		{ color: #990000; }
.grey	 	{ color: #7f7f7f; }

/* FLOATS */
.float_left { float: left; }
.float_right { float: right; }


/* bullets class */
.column ul li {	list-style-image:  url(../images/bullets/navy_bullet.gif);}

table thead { font-weight:bold;}

/* This class if for the accordion effect on the auto-evaluation */
.element {	margin-bottom: 4px;}
/* this is for the textboxes that do not have borders for auto evals*/
.noborder_input { background: #ffffff none; border: 0; font-size:12px; }