/* **************************************************************** */
/* Smart Choices citysoup.ca common cascading style sheet           */
/*                                                                  */
/* Updates:                                                         */
/*  Jul8/03: JS: taking out the .8em and putting in absolute        */
/*               font sizes                                         */
/* **************************************************************** */

/* ++ Begin old Common.css styles /////////////////////////////////// */
body {
	background-color:#FFFFFF;
	width:100%; margin:0px; margin-left: 10px; margin-right:31px;
	font-family:arial, helvetica, sans serif;
	color:#333333;
	font-size:12px; 
	color:#333333; 
}
/* link style */
a,a:visited, a:hover, a:active { color: #1F547C; text-decoration: underline;}


/* COMMON STYLES */
td, input, textarea, select, p {font-family:arial, helvetica, sans serif;font-size:12px; color:#333333;} 
li {font-size:12px;}
/* td {vertical-align:top} -- messes up the /scLayout/header.htm layout! */
.m {vertical-align:middle}
.b {vertical-align:bottom}

.greyline{background-color:#E3E3E3;}
.smaller {font-size:70%;}

IMG {border:0;}

/* left navigation styles */
.leftmenu {font-family:  Arial, Helvetica, sans-serif; color:#0C2577;font-size:8pt;text-decoration: none;}
a.leftmenu {text-decoration: none;}
a.leftmenu:visited {text-decoration: none;}
a.leftmenu:link {text-decoration: none;}
a.leftmenu:hover {text-decoration: underline;}
a.leftmenu:active {text-decoration: none;}   

/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ END old Common.css styles \\ */
/* ++ Begin /scLayout/header.htm styles /////////////////////////////////// */
/* "The Communities of" */
a.apptitleLine1, a.apptitleLine1:hover,a.apptitleLine1:visited,a.apptitleLine1:active { 
				  font-family: Verdana, Arial, Helvetica, sans-serif;
				  color: #737373;
				  font-size: 18px;
				  text-decoration: none;
}

/* "Coquitlam and Port Moody" */
a.apptitleLine2, a.apptitleLine2:hover, a.apptitleLine2:visited,a.apptitleLine2:active { 
				  font-family: Verdana, Arial, Helvetica, sans-serif;
				  color: #70BC1F;
				  font-size: 28px;
				  text-decoration: none;
				  font-weight: bold; 
}
/* the application's title that is displayed under the main portal header*/
.localTitle { 
			font-family: Optima, Franklin Gothic Book, Franklin Gothic, Verdana,  Arial, sans-serif; 
			font-size: 22pt; 
			text-decoration: none; 
			color: #0C2577;
			margin-top: 0px; margin-bottom: 0px;
			margin-right: 18px;
			font-weight: normal;
			text-decoration: none;
			}
a.localTitle:link { text-decoration: none; color: #0C2577; }
a.localTitle:hover { text-decoration: underline; color: #0C2577; }
a.localTitle:active { text-decoration: none; color: #0C2577; }
a.localTitle:visited { text-decoration: none; color: #0C2577; }
h1.localTitle { text-decoration: none; }

/* the header text "My citysoup Account", "Help" */
.headerSignin{ 
	font-family: Arial, Helvetica, sans-serif;
	color:#0C2577; 
	text-decoration: none; 
	font-size: 8pt; 
	white-space: nowrap ; 
	font-weight: bold;
}
A.headerSignin { 
	text-decoration: underline; 
	font-weight: normal; 
}

/* the Header Portal Search text box */
.SearchTextBox {
	height: 15px;
	width: 80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	vertical-align: middle;
}

/* the Header text that displays "Today is ... " */
.headerDateDisplay { 
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#0C2577; 
	text-decoration: none;
}	

.headerhome_td      { background-color: #FFFFFF; vertical-align: bottom; text-align: left; cursor: hand; }
.headercommunity_td { background-color: #FFFFFF; vertical-align: bottom; text-align: left; cursor: hand;}
.headerliving_td    { background-color: #FFFFFF; vertical-align: bottom; text-align: left; cursor: hand;}
.headerSports_td    { background-color: #FFFFFF; vertical-align: bottom; text-align: left; cursor: hand;}
.headerArts_td      { background-color: #FFFFFF; vertical-align: bottom; text-align: left; cursor: hand;}
.headerLearning_td  { background-color: #FFFFFF; vertical-align: bottom; text-align: left; cursor: hand;}
.headerBusiness_td  { background-color: #FFFFFF; vertical-align: bottom; text-align: left; cursor: hand;}
.headerShopping_TD  { background-color: #FFFFFF; vertical-align: bottom; text-align: left; cursor: hand;}


.headerhome_td_sel		{ background-color: #0C2577; vertical-align: bottom; text-align: left; cursor: hand; }
.headercommunity_td_sel { background-color: #007C7C; vertical-align: bottom; text-align: left; cursor: hand;}
.headerliving_td_sel    { background-color: #FFB300; vertical-align: bottom; text-align: left; cursor: hand;}
.headerSports_td_sel    { background-color: #6A2990; vertical-align: bottom; text-align: left; cursor: hand;}
.headerArts_td_sel      { background-color: #C20156; vertical-align: bottom; text-align: left; cursor: hand;}
.headerLearning_td_sel  { background-color: #0571B0; vertical-align: bottom; text-align: left; cursor: hand;}
.headerBusiness_td_sel  { background-color: #302575; vertical-align: bottom; text-align: left; cursor: hand;}
.headerShopping_TD_sel  { background-color: #FD803A; vertical-align: bottom; text-align: left; cursor: hand;}
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ END /scLayout/header.htm styles \\ */

/* ++ Begin general new layout styles /////////////////////////////////// */
.outline {
	BORDER-RIGHT: #cccccc 2px solid; BORDER-TOP: #cccccc 2px solid; BORDER-LEFT: #cccccc 2px solid; BORDER-BOTTOM: #cccccc 2px solid;
}

.applicationpagenav, .applicationpagenav:visited { 
					  font-family: Arial, Helvetica, sans-serif;
					  color: #6D6D6D;
					  font-size: 8pt;
					  text-decoration: none; 
					  padding-left: 5px;
					  padding-right: 5px;
					  }
a.applicationpagenav:link { text-decoration: none; }
a.applicationpagenav:hover { color: black; text-decoration: none; background: #70BC1F;}
a.applicationpagenav:active { text-decoration: none; }

.applicationpagenavSelected { font-family: Arial, Helvetica, sans-serif;
					  color: black;
					  font-size: 8pt;
					  text-decoration: none; 
					  background: #70BC1F;
					  padding-left: 5px;
					  padding-right: 5px;
					  }
a.applicationpagenavSelected:link, a.applicationpagenavSelected:visited { text-decoration: none; }
a.applicationpagenavSelected:hover { color: black; text-decoration: underline; background: #70BC1F;}
a.applicationpagenavSelected:active { text-decoration: none; }


h1 { font-family: Arial, Verdana, sans-serif; font-size: 14px; } 
h2 { font-family: Arial, Verdana, sans-serif; font-size: 12px; } 
h3 { font-family: Arial, Verdana, sans-serif; font-size: 18px; } 
hr { width:100%; color: #CCCCCC; height:2px; } 


/* -- /////////////////////////////////////end general new layout styles  */
