@charset "utf-8";
/* CSS Document 

	Urbanation.ca Screen Styles

	Table of Contents 
		layout
		typography
		forms
*/

/* layout
----------------------------------------------- */

* 					{margin:0;padding:0;}
body 				{background:#78ADCC url(images/bkrnd.jpg) repeat-x; margin-bottom:20px;}
#page 				{background:url(http://www.urbanation.ca/Urbanation/HTML/images/main-bg.jpg) no-repeat center top;}
#wrapper 			{width:960px; background:#FFF; text-align:left; margin:0px auto; position:relative; border-left:10px solid white; border-right:12px solid white; border-bottom: 10px solid white;}
#header 			{text-align:center; width:982px; margin:0px auto; padding-top:10px; position:relative; background: #fff;}
#nav 				{width:962px; height:25px; margin:0px auto; text-align:center; background:#69A2C4 url(images/navigation/NAV_bkrnd.jpg) repeat-x;}

#mainContent a:link, #mainContent a:visited {
	color: #67A1C3;
	text-decoration: none;	
}

#mainContent a:hover, #mainContent a:active {
	color: #CCCC00;
	text-decoration: underline;
}

#secondaryContent a:link, #secondaryContent a:visited {
	color: #67A1C3;
	text-decoration: none;	
}

#secondaryContent a:hover, #secondaryContent a:active {
	color: #CCCC00;
	text-decoration: underline;
}



hr {
color: #D1E4EE;
background-color: #D1E4EE;
height: 5px;
border: none;
margin-bottom: 10px;

}

#pageTitleSection {
	width: 962px;
	height: 127px;
	color: #fff;
	margin-top: 10px;
	background: #BEDC8B;
}

#pageTitleSectionTxt {
	width: 600px;
	height: 127px;
	float:left;	
}

#pageTitleSection img {
	float:right;

}



#ReportContent {
	border: 1px solid #999999;
	padding-left: 15px;
	padding-right: 10px;
	margin-top: 10px;
	width: 935px;
	float: left;
	display:inline;
	background: #fff;
}
	
/* Container used to display grids of data*/


#ReportContainer {
	padding-left: 10px;	
	padding-right: 10px;	
}

#ReportContainer a {
 	color: #4386AD;
}

#ReportContainer h1 {
	font-weight: normal;
	color: #3F82A9;
	margin-top:10px;
	margin-bottom: 5px; 
		
}

#ReportContainer table {
	margin-bottom: 10px;
	border: none;
}

/* Formats all grids - headers, footers and cells */


#ReportContainer .rptGridHeader {
	background: #6BA4C6;
	color: #fff;
	text-align: center;
}

#ReportContainer .rptGridCell {
	background: white;
	/*border-bottom: 1px solid #6BA4C6;*/
}

#ReportContainer .altRow {
	background: #ECF4F9;
}


#ReportContainer .rptGridFooter {
	background: #6BA4C6;
	color: #000;
	padding-right:5px;

}

/* this only appears on RPT_Active_Summary - to target summary footer */
#ReportContainer #activeSummary .rptGridFooter {
	color: #fff;
	font-size: 12px;
}


/*Selects quarter for data */

#ReportDateSelector {
	float:right;
	margin-right: 10px;	
	font-size: 12px;
	
}

#ReportDateSelector select   {  
	padding:2px;
	width: 70px;
	
}

/* Profile Items for ProjectDetail.aspx */

#projDetail {
	font-size:12px;
	color: #666666;
}

#projDetail select {
	font-size: 12px;
	width:70px;
}

#ReportContent h3 {
	font-size: 14px;
	margin-top: 10px;
	font-weight: bold;
	color: #67A1C3;
}

#ReportContent .ItemType {
	font-size: 14px;
	font-weight: bold;
	color: #67A1C3;
}

#ReportContent .projGrid {
	margin-bottom: 10px;
} 

#ReportContent .projTitle {
	font-size: 36px;
	width: 920px;
	margin-top:15px;
	line-height: .95em;
	font-weight: normal;
	letter-spacing: -.06em;
	color: #666666;
	border-bottom: 1px solid #CFCFCF;
}

#ReportContent h2 {
	font-weight: normal;
}

#ReportContent #projSubTitle {
	line-height: 1.5em;
	width:500px;
	float:left;
}


#ReportContent #profileItems h1 {
	color: #FF3300;
}

#ReportContent .ItemDesc {
	margin-bottom: 10px;
	line-height: 1.5em;
}

#ReportContent #reportImages {
	float: right;
	width: 319px;
}

#ReportContent #reportImages img {
	margin-bottom: 10px;
}


#profileFeatures {
	width: 325px;
	font-size: 11px;
	float:left;
	margin-right:10px;
	padding: 10px;
	/*border: 1px solid green;*/
}

#profileClients {
	width: 210px;
	font-size: 11px;
	/*border: 1px solid red;*/	
	float: right;
	padding: 10px;
}

#reportImageProject {
	width: 329px;
	min-height: 249px;
	float: right;
	margin-top: 10px;
	margin-right:10px;
	border: 1px solid #666666;
	background: #D5E6F0 url(profileImages/pics/placeholder.jpg) no-repeat top left;
}

#reportImageMap {
	width: 329px;
	height: 249px;
	float: right;
	margin-top:10px;
	margin-right:10px;
	margin-bottom: 10px;
	border: 1px solid #666666;
	background: #D5E6F0 url(profileImages/maps/placeholder.jpg) no-repeat top left;
}

.profileEmployees {
	width: 560px;
	/*height:257px;*/
	border: 1px solid #CECECE;
	background: #F4F4F4;
	margin-top: 10px;
	margin-left: 25px;
	padding: 0px;	
}



.profileEmployees img {
	float: right;
	margin-bottom: 0px;
	margin-left:20px;

}


#mainContent {
	border: 1px solid #999999;
	padding: 20px;
	margin-top: 10px;
	width: 612px;
	float: left;
	background: #fff;
}

#mainContent p {
	margin-right: 20px;
	line-height: 1.7em;
}


#secondaryContent {
	width: 273px;
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #999999;
	float: right;
}


#footer {
	width: 982px;
	padding-top: 10px;
	height: 32px;
	text-align: left;	
	margin: 0px auto;
	background: #D6E7B6 url(images/footer_url.gif) no-repeat 789px 0px; ;
}

#footer p {
	margin-top: 0px;
	margin-left: 10px;
}


.clear {
	clear:both;
}

#mainContent .imageAlignRight {
	float: right;
	display:inline;
	margin-left: 10px;
	margin-bottom: 10px;
	
}

#mainContent .imageAlignLeft {
	float: left;
	margin-right: 10px;
}


/* Typography
-----------------------------------------------// 

IMPORTANT NOTE!
Any typographical changes to this file below must also be made for mainContent.css and sidebarContent.css (depending on the DIV you are changing). These two files are utilized by the eWebEditPro editor to simulate what the text will look like when formatted by the globalcss.css file. This is because the content blocks do not pick up on the DIV formatting that they are contained within. The actualu formatting is performed by globalcss.css - glenp@gkmedia.com.

*/

body {font-size: 62.5%; font-family:Arial, Helvetica, sans-serif;}

h1 {font-size:2em;}  /* displayed at 24px */
H2 {font-size:1.5em;}  /* displayed at 18px */
H3 {font-size:1.25em;}  /* displayed at 15px */
H4 {font-size:1em;}  /* displayed at 12px */


p {	line-height: 1.4em;	margin: 0.5em 0 1.5em 0; }

#mainContent {
	font-size: 1.3em;
	text-align:left;
	color: #666666;
}

#mainContent h1 b {font-weight: normal;}
#mainContent h2 b {font-weight: normal;}

#mainContent h1 {
	color: #666666;
	margin-left:0px;
	font-size: 28px;
	letter-spacing: -.05em;
	font-weight: normal;
	margin-bottom: -5px;
}

#mainContent h2 {
	color: #666666;
	font-size: 21px;
	line-height: 1.3em;
	border-bottom: 1px solid #CFCFCF;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: -2px;
	letter-spacing: -.05em;
}
#mainContent h3 {
	color: #9F9F9F;
	font-size: 16px;
	line-height: 1.3em;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 3px solid #D1E4EE;
}

#mainContent h4 {
	font-size: 14px;
	margin-top:5px;
	line-height:1.3em;
	margin-bottom: 1px;
	font-size: 1em;
}


/* Styles bullets in mainContent area */
#mainContent ul {
	list-style-type: none;
	margin-bottom: 22px;
	margin-left: 20px;
	margin-top: 10px;
	#margin-right: 40px;
}

#mainContent li {
	font-size: 12px;
	line-height: 1.5em;
	padding-left: 15px;
	background: url(images/bullet.gif) no-repeat 0px 6px;
	margin-top: 10px;
}

#mainContent li li {

}

#mainContent ol {
	margin-bottom: 15px;
}


#mainContent blockquote {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: 15px;
	margin-right: 20px;
	border-top: 5px solid #BDD8E8;
	border-bottom: 5px solid #BDD8E8;
	background: #D5E6F0;
}

#mainContent blockquote ul {
	margin-top: 15px;
}

#mainContent blockquote p {
	line-height: 1.8em;
	font-size: 11px;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
}

#pageTitleSection h1 {
	font-weight: normal;
	font-size: 42px;
	margin-top: 30px;
	margin-left: 15px;
	letter-spacing: -0.06em;
	/*margin-bottom: -5px;*/
}

#pageTitleSection h2 {
	font-weight: normal;
	font-size: 29px;
	margin-top: -10px;
	margin-left: 15px;	
	letter-spacing: -.06em;	
}


#secondaryContent {
	font-size: 1.1em;
	color: #666666;
}


#secondaryContent h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.65em;
	line-height: 1.4em;
	letter-spacing: -0.05em;
	color: #666666;
	font-weight: normal;
	border-bottom: 1px solid #9F9F9F;
	padding-top: 10px;
}

#secondaryContent h2 {
	color: #3F82A9;
	margin-bottom: -3px;
}

#secondaryContent ul {
	list-style-type: none;
	margin-bottom: 22px;
	margin-left: 5px;
	margin-top: 10px;
	margin-right: 40px;
} 

#secondaryContent li {
	line-height: 1.5em;
	padding-left: 15px;
	background: url(images/bullet.gif) no-repeat 0px 4px;
	margin-top: 10px;
}

/* provides special bullets on reports page*/

#secondaryContent li.docBullets  {
	line-height: 1.5em;
	padding-left: 25px;
	background: url(images/bullet_doc.png) no-repeat 0px 4px;
	margin-top: 10px;
}


#ReportContent p {
	padding-left: 10px;	
}

#ReportContent table {}

#ReportContent td {
	padding: 5px;
}

#ReportContent input[type="text"]  {  
	width: 130px;
	color: #000;
	padding:2px;
} 



#ReportContent input:focus, input.sffocus {background: #DEEDC2; }


#exportExcel {
	padding:10px;
	font-size: 12px;
	text-align: right;
}


#footer a:link, a:visited {
	color: #666666;
	text-decoration:none;
}

#footer a:hover, a:active {
	color: #999999;
	border-bottom: 1px solid #fff;
}


#profileEmployees h2 {
	font-size: 22px;
	color: #666666;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom:0px;
	margin-bottom: 0px;
	line-height: 1em;

}
#profileEmployees p {
	padding-left: 20px;
	margin-bottom: 0px;	
	padding-bottom: 20px;	
	font-size: 11px;
	line-height: 1.5em;
}
#profileEmployees .info {
	padding-left: 20px;	
	line-height: 1.5em;
}


/*End of Typographical Area-----------------------------------*/


/* forms
----------------------------------------------- */
INPUT, SELECT, TH, TD {font-size:1em}

input.radio, input.checkbox, input.submit {
	width:auto;
}

#subscribeForm fieldset {
	padding: 1em;
	border: 0px solid #fff;
	/*background: #f8f8f8;*/
}

#subscribeForm input[type="text"], textarea {
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding:3px;
}


#subscribeForm fieldset p {
	margin-top: -5px;
	margin-bottom: 7px;
}

#subscribeForm fieldset h2 {
	margin-bottom: 5px;
}

#subscribeForm label {
	display: block;	
}




/*Sidebar classes to deal with Ektron
----------------------------------------------- */



/*For DHTML Menu - adds a border to submenu items
----------------------------------------------- */
.mmbord{
	border-bottom:1px solid #fff;
	text-decoration:none;
	font-size:10px;
	padding-left:5px;
	padding-top:0;
	padding-bottom:0;
	padding-right:15px;
}

.mmborMember{
	border-bottom:1px solid #fff;
	text-decoration:none;
	font-size:10px;
	padding-left:5px;
	padding-top:0;
	padding-bottom:0;
	padding-right:15px;
}

/*----------------------------------------------- */

.Highlight {
	background:#FFFF00;
	color: #000000;	
}


.tableFormat td {
	padding: 7px;
	border-bottom: 1px solid #CCCCCC;
}

#mainContent .basicTable td {
	padding: 5px;	
	background: #fff;
	border: 1px solid #5699C0;
}

#mainContent .basicTable h2 {
	text-align: center;
	margin-bottom: 0px;
	border: none;
	color: #5699C0;

}

.newsSource {
	margin-left:0;
	display:block;
	/*font-weight: bold;*/
	margin-top: 8px;
	color: #666666;
	font-size: 12px;
	/*text-transform:uppercase;*/
	margin-bottom: 4px;
}

.newsSourceNationalPost  {
	padding-left: 120px;
	line-height: 22px;
	height: 20px;
	background: url(images/newslogo_nationalpost.gif) no-repeat left top;
	display:block;
	font-weight: normal;
	margin-top: 8px;
	margin-bottom: 5px;
	color: #999999;
	font-size: 11px;
}

.newsSourceTorontoStar  {
	padding-left: 120px;
	line-height: 22px;
	height: 20px;
	background: url(images/newslogo_torontostar.jpg) no-repeat left top;
	display:block;
	font-weight: normal;
	margin-top: 8px;
	margin-bottom: 5px;
	color: #999999;
	font-size: 11px;
}

.newsSourceGlobeandMail  {
	padding-left: 120px;
	line-height: 22px;
	height: 20px;
	background: url(images/newslogo_globeandmail.gif) no-repeat left top;
	display:block;
	font-weight: normal;
	margin-top: 8px;
	margin-bottom: 5px;
	color: #999999;
	font-size: 11px;
}

.more {
	background: url(images/arrow_link.gif) no-repeat right;
	padding-right: 18px;
	font-size: 11px;
	font-weight: bold;
	width: 20px;
}

.callout1 {
	padding: 10px;
	width: 250px;
	float:right;
	margin: 15px;
	font-size: 14px;
	line-height: 1.4em;
	background: #E8F1F7;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	border-top: 2px solid #69A2C4;
	border-bottom: 3px solid #69A2C4;
}

#mainContent #features .date{
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0px;
}

#mainContent #features .featureDesc {
	padding-bottom: 5px;
	border-bottom: 1px solid #D1E4EE;	
}

#mainContent #features h2 {
	border-bottom: none;
	margin-bottom: -5px;
}

#mainContent #features p {
	margin-bottom: 5px;
}

#mainContent #features hr {
	margin-top: -5px;
}

#basicSearch h1, h3 {
	color: #FFFFFF;

}