/* CSS Document */

* {
	padding:0px;
	margin:0px;
}
body {
	font-family:Arial, Helvetica, sans-serif;
}

body, html{
	height:100%;
	}

img {
	border:none;
}
p, h1, h2, h3, h4 {
	padding-bottom:10px;
}
a {
}
a:hover {
}
ul {
}
ol {
}
h1 {
}
h2 {
}
h3 {
	font-size:14px;
	color:#66cc00;
	font-weight:normal;
}
h4 {
}
.greenTxt {
	color:#66cc00;
}

.greyTxt{
	font-size:11px;
	color:#828282;
	 }
	 
.greyTxtTd{
	 padding-top:4px
	 }

.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.clearfix {/*IE needs layout*/
	zoom:1;
}
.container {
	margin:0px auto;
	width:990px;
	position:relative;
	z-index:1;
}
.header {
	position:relative;
}

.language-select{
	position:absolute;
	top:73px;
	right:0px;
	}

.language-select a{
	color:#666;
	font-size:12px;
	text-decoration:none;
	}
	
.language-select a:hover{
	text-decoration:underline;
	}

.logo {
	float:left;
	padding-left:40px;
	padding-top:40px;
}
.butterflies {
	float:right;
}
.mainNav {
	background:#66cc00;
	height:51px;
	padding:0 10px 0 25px;
}
.navWrapper {
	float:left;
	width:490px;
}
a.nav {
	display:block;
	/*float:left;
	margin-right:30px;*/
	height:51px;
}
.homeBack {
	width:91px;
}
.resourcesBack {
	width:100px;
}
.communityBack {
	width:135px;
}
.profileBack {
	width:80px;
}
.contactBack {
	width:80px;
}
a.Home {
	background:url(../images/nav-home.gif) no-repeat;
	width:48px;
}
a.Resources {
	background:url(../images/nav-resources.gif) no-repeat;
	width:84px;
}
a.Community{
	background:url(../images/nav-community.gif) no-repeat;
	width:90px;
	}
a.Profile {
	background:url(../images/nav-profile.gif) no-repeat;
	width:48px;
}
a.Contact {
	background:url(../images/nav-contact.gif) no-repeat;
	width:65px;
}
/*	
a.Home:hover, a.homeActive{
	background:url(../images/nav-home-over.gif) no-repeat;
	}
	
a.Resources:hover, a.resourcesActive{
	background:url(../images/nav-resources-over.gif) no-repeat;
	}
	
a.Profile:hover, a.profileActive{
	background:url(../images/nav-profile-over.gif) no-repeat;
	}
	
a.Contact:hover, a.contactActive{
	background:url(../images/nav-contact-over.gif) no-repeat;
	}
	*/
.login {
	float:right;
	padding:25px 10px 0 0;
	/*position:relative;*/
}

.loginPopup{
	position:absolute;
	top:150px;
	right:0px;
	background:#fff;
	border:solid 3px #999999;
	padding:20px;
}
.login-close{
	text-align:right;
}
.loginPopup label {
	color:#666;
	font-size:11px;
}
.loginPopup a {
	color:#66cc00;
	text-decoration:none;
	font-size:11px;
}
.loginPopup a:hover {
	text-decoration:underline;
}
.loginPopup .loginInput{
	border:solid #ccc 1px;
	width:212px;
}
.staySignedIn{
	margin-bottom:10px;
}

.login-arrow{
	position:absolute;
	top:-17px;
	right:30px;
	height:0px;
}

table.logout{
	position:relative;
	top:-18px;
}

.login table.logout {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	display:none;
}
.login table.logout td {
	padding-top:12px;
}
#login input {
	padding:2px 0 2px 3px;
	color:#838383;
	font-size:11.4px;
}
.contentWrapper {
	padding:0 0 0 45px;
}
.leftCol {
	float:left;
	width:170px;
	min-height:516px;
	background:url(../images/L-sideBg-2.jpg) no-repeat;
	padding-bottom:20px;
}
.middleCol {
	float:left;
	width:589px;
	padding:25px 0;
}
.rightCol {
	float:right;
	width:175px;/*background:url(../images/infoBG-2.jpg) repeat-y;*/
	}
.largeCol {/*profile and contact page*/
	float:left;
}
.slideShow, .banner {
	text-align:center;
}
/*.sortSelect {
	border:1px solid #cccccc;
	font-size:11px;
	color:#666;
	padding:0 0 0 5px;
}*/
.innerCol {
	padding:0 15px;
}
.innerColTitle {
	padding-bottom:10px;
}
.innerColTitle h1 {
	color:#66cc00;
	font-size:14px;
	float:left;
	padding:5px 0 0 5px;
}
.innerColTitle .titleIcon {
	float:left;
	position:relative;
	top:3px;
}
.innerColTitle .buttons {
	float:right;
}
.content {
	margin-bottom:20px;
}
.content p {
	padding-bottom:3px;
	color:#666666;
	font-size:12px;
}
.content img {
}
.content p.title a {
	color:#49166d;
	text-decoration:none;
}
.contentTbl {
	width:100%;
}
.contentTbl td {
	vertical-align:top;
	padding-bottom:5px;
}
td.contentTxt {
}
td.contentImg {
/*vertical-align:middle;*/
	}
td.contentImg img {
/*padding-bottom:5px;*/
	}
.comment {
	background:url(../images/commentBarBg.jpg) repeat-x;
	height:22px;
	border:solid 1px #eeeeee;
	font-size:12px;
	color:#666666;
	padding:5px 5px 0 5px;
}
.commentLeft {
	float:left;
	width:460px;
	display:block;
	cursor:text;

}
.commentRight {
	float:right;
}
.commentRight a.more {
	color:#666666;
	text-decoration:none;
	font-weight:700;
	padding-right:20px;
	background:url(../images/commentArrow.jpg) no-repeat 100% 50%;
}
p.date {
	color:#49166d;
	font-size:10px;
}
p.title {
	color:#49166d;
	font-size:18px;
}
p.title img {
	padding-left:10px;
	vertical-align:middle;
}
/*profile page and reuesed styles for contact page*/

.profileWrapper {
	padding:10px 0 20px 0;
}
.profileWrapper h1 {
	font-size:18px;
	color:#49166d;
	font-weight:normal;
}
.profileWrapper p {
	font-size:12px;
	color:#838383;
}
.profileInfo {
	width:600px;
}
.profileTitle h1 {
	padding-bottom:0px;
}
.profileTitle .editButton {
	padding-left:10px;
}
.profileTitle table{
	margin-bottom:10px;
	}
.profileForm2 {
	padding-bottom:20px;
}
.profileForm2 table {
}
.profileForm2 table td {
	vertical-align:middle;
	padding:0 20px 0 0;
}
.profileForm2 label {
	font-size:12px;
	color:#666666;
}
.profileForm2 label a {
	color:#666666;
}
.profileForm2 td select {
	width:222px;
	color:#838383;
	margin-bottom:0;
	font-size:12px;
}
.req {
	color:#66cc00;
	position:relative;
	left:3px;
}
.profileForm2 .saveButton {
	padding-top:10px;
}
.profileForm2 td.validation {
	font-size:10px;
	font-weight:700;
	color:#66cc00;/*visibility:hidden;*/
	}
.profileForm2 .profileTbl {
	width:600px; 
	table-layout:fixed;
}
.profileForm2 span.propertyMessage {
	display:none;
}
.recentActivity {
	color:#666666;
	border-top:solid 1px #efefef;
	padding-top:20px;
}
.recentActivityH1 {
	color:#49166D
}
/*profile page and reuesed styles for contact page*/

/*resources*/
.filter {
	padding-bottom:20px;
}
.filter .filterTbl {
	width:100%;
	font-size:14px;
}
.filterTbl td {
	padding-bottom:10px;
}
.filter label {
	color:#838383;
	font-size:11.4px;
}
.filterTbl input {
	vertical-align: middle;
	margin:0 0 0 5px;
	padding:0;
}
.filterTbl img {
	height:15px;
}
/*resources*/

/*tool tip*/
#tooltip {
	display:none;
	background:#e6e5e6;
	border:solid 1px #d8d8d8;
	font-size:11px;
	font-weight:bold;
	width:224px;
	color:#46246c;
	position:absolute;
	z-index:1000;
}
#tooltip div.tipContent {
	padding:20px;
}
#tooltip div.arrow {
	position:absolute;
	bottom:-13px;
	left:24px;
}
#tooltip div.tipContent li{
	/*FOR IE8 Only*/
	background /*\**/: url('../images/bulIEtooltip.gif') no-repeat\9;
	list-style /*\**/:none\9;
	margin-left /*\**/:-10px\9;
	padding-left /*\**/:10px\9;
}
/*tool tip*/
.footer {
	font-size:12px;
	color:#666666;
	background:url(../images/footerLine.jpg) no-repeat;
	padding:10px 0 20px 0;
}
.footer a {
	color:#49166d;
	text-decoration:none;
}
.footer a:hover {
	text-decoration:underline;
}
.chqBox {
	width:15px;
	height:15px;
	vertical-align:middle;
}
.pane .label {
	font-weight:normal
}
#login input {
	color:#838383;
	padding:3px 0 3px 5px;
	font-size:11px;
	border:1px solid #cccccc
}
.socialSiteTbl td a {
	font-size:13px;
	vertical-align: middle;
	font-weight:normal;
}

.ac_input {
	color:#838383;
	padding:4px 4px 3px 4px;
	font-size:11px;
	border:1px solid #cccccc;
	width:112px;
}
.resTitle {
	width:402px;
	float:left;
	padding-right:10px;
}
.resTitleIcon {
	float:left;
	width:32px;
}
.resRating {
	float:right;
	width:103px;
	height:26px;
}
#loginButton {
	position:relative;
	top:2px;
}
.contactTextArea {
	border:1px solid #ccc;
	padding:3px;
	color:#838383;
	width:550px;
	height:120px;
	resize:none;
}
.legal-list {
	font-size:12px;
	color:#838383;
	padding-left:24px;
}
.legal-list li {
	padding-bottom:10px;
}
.legal-list li a {
	color:#666666;
}
.resourcesShield {
	position:fixed;
	height:100%;
	min-height:100%;
	z-index:10001;
	background:#fff;
	top:0px;
	width:100%;
	opacity:0.8;
	filter:alpha(opacity=80);
	display:none;
}

.shieldLoader{
 _position:relative;
 _top:0px;
}

.pageInfo{
	position:absolute;
	top:0px;
	margin-top:0px;
	background:#ffffff;
	color:#666666;
	width:100%;
	z-index:10000;
	font-weight:bold;
	font-size:12px;
	display:none;
	border-bottom:1px solid #D8D8D8;
	opacity:0.8;
	filter:alpha(opacity=80);
	}
	
.pageInfo p{
	padding:10px 20px;
	}

.popInstructions{
	background:#E6E5E6;
	color:#666666;
	border:1px solid #D8D8D8;
	width:150px;
	margin-top:10px;
	display:none;
	}

.popInstructions p{
	font-size:11px;
	padding:8px;
	}
a.closePopInst{
	font-size:10px;
	text-align:right;
	display:block;
	color:#666666;
	text-decoration:none;
	}
	
a.telusButton  {
	color:#ffffff;
	text-decoration:none;
	width:124px;
	background:url('../images/popAssets/button_lg_bg.gif') no-repeat;
	display:block;
	line-height:22px;
	float:left;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	height:24px;
	text-align:center
}
a.telusButton:hover {
	display:block;
	color:#ffffff;
	text-decoration:none;
	width:124px;
	background:url('../images/popAssets/button_lg_bg_OVER.gif') no-repeat;
}

.middleCol .label{
	font-size:12px;
	color:#666666;
	}
	
.contComment{
	display:none;
	}
	
.cont-comment-button{
	display:block;
	background:url(../images/btn-Continue-to-Comment.jpg) no-repeat;
	width:187px;
	height:54px;
	}
	
/*inline styles taken out of site*/
#inputErrorMessages{
 display:none;
 color:#666666;
 font-size:12px;
 font-weight:bold;
}
#inputMessages{
 /*display:none;*/
 color:#666666;
 font-size:12px;
 font-weight:bold;
}

.loginMessageDivTbl{
	width:100%;
}

#loginMessageText{
	 width:100%;
	 text-align:right;
	 font-size:12px;
	 font-weight:700;
	 color:#66cc00;
	}
	
#changeUser{
	 font-size:10px;
	 color:#666666;
	 }
	 
.rssLabel{
	 font-size:12px;
	 }
	
/*inline styles taken out of site*/

#inputErrorMessages{
background:#ff1f00;
padding: 10px 30px 10px 10px;
color:#fff;
font-weight:700;
font-size:larger;
position:relative;
margin: 0px 0px 10px 0px;
}

#inputMessages{
background:#C2EB99;
padding: 10px 30px 10px 10px;
color:#666666;
font-weight:700;
font-size:larger;
position:relative;
margin: 0px 0px 10px 0px;
}

#inputMessageClose{
margin-left: 20px;
position:absolute;
top:5px;
right:10px;
}

#inputMessageClose a{
color:#fff;
text-decoration:none;
font-weight:700;
}

