/* Template Style */


/* CSS for Title of page */
.title {  font-family: Arial; font-size: 13px; font-weight: bold; font-style: normal; color: #333333; text-decoration: none}


/* CSS for breadcrumbs of page */
.linkedpath {  font-family:Arial; font-size: 11; color: black;font-weight: bold; }
.linkedpath a:link {  font-family:Arial; font-size: 11; color: black;font-weight: bold; }
.linkedpath a:active {  font-family:Arial; font-size: 11; color: black;font-weight: bold;  }
.linkedpath a:visited {  font-family:Arial; font-size: 11; color: black;font-weight: bold; }
.linkedpath a:hover {  font-family:Arial; font-size: 11; color: black;text-decoration: underline;font-weight: bold; }


/* CSS for main body content of page */
.body,body {  font-family:Arial; line-height:24px; font-size: 13px; font-weight: normal; color: #ffffff; text-decoration: none}
.body a:link,body a:link {  font-family: Arial; line-height:24px; font-size: 13px; font-weight: bold; color: #fdb813; text-decoration: none}
.body a:active,body a:active {  font-family: Arial; line-height:24px; font-size: 13px; font-weight: bold; color: #fdb813; text-decoration: none}
.body a:visited,body a:visited {  font-family:Arial; line-height:24px; font-size: 13px; font-weight:bold; color: #fdb813; text-decoration: none}
.body a:hover,body a:hover {  font-family: Arial; line-height:24px; font-size: 13px; font-weight:bold; color: #fdb813; text-decoration: none}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url('http://www.ecocentive.com/siteimages/bg-main.jpg');
	background-repeat:repeat;
}
#loyalty
{
	overflow:auto;
 	
 	width:315px;
 	height:190px;
	position:relative;
	left:5px;
	top:20px;
	text-align:left;
	scrollbar-base-color:#6a9a2d;
	scrollbar-arrow-color:#3d6212;
}

#intra
{
	overflow:auto;
	width:300px;
 	height:190px;
	position:relative;
	left:5px;
	top:20px;
	text-align:left;
	scrollbar-base-color:#6a9a2d;
	scrollbar-arrow-color:#3d6212;}

#testimonial
{
	overflow:auto;
	width:710px;
 	height:80px;
	position:relative;
	left:10px;
	top:10px;
	text-align:left;
	scrollbar-base-color:#6a9a2d;
	scrollbar-arrow-color:#3d6212;}
	
#titleBar
{
	height:30px;
	width:640px;
	color:#ffffff;
	position:relative;
	left:80px;
	top:8px;
	text-align:right;}

#contentDiv {
	overflow:auto;
	width:670px;
	height:350px;
	position:relative;
	left:10px;
	top:20px;
	text-align:left;
	scrollbar-base-color:#6a9a2d;
	scrollbar-arrow-color:#3d6212;
}

#login
{
	position:relative;
	left:5px;
	top:-385px;
	
	width:100px;
}

.loginBox
{	
	width:90px;
	border:2px solid #5d9122;
	height:13px;
	font-size:10px;
	padding:0px;
}

.frmField
{
	
	border:1px solid #ffffff;
	color:#000000;
	font-size:11px;
	}

.frmField2
{
	background-color:Transparent;
	border:1px solid #aed779;
	color:#ffffff;
	font-size:13px;
	width:220px;
	height:16px;
	}

.frmFieldLong
{
	background-color:Transparent;
	border:1px solid #aed779;
	color:#ffffff;
	font-size:13px;
	width:300px;
	height:16px;
	}
	
.frmFieldShort
{
	background-color:Transparent;
	border:1px solid #aed779;
	color:#ffffff;
	font-size:13px;
	width:150px;
	height:16px;
	}

.frmTextarea
{
	background-color:Transparent;
	border:1px solid #aed779;
	color:#ffffff;
	font-size:13px;
	width:220px;
	height:30px;	
}

.frmSelect
{
	font-size:11px;
	border:1px solid #aed779;
	}
	
#progressSummary
{	
	overflow:auto;
	position:relative;
	left:20px;
	top:0px;
	text-align:center;
	vertical-align:top;	
	width:700px;
	font-size:18px;}
	
#historyList
{	
	overflow:auto;
	position:relative;
	left:0px;
	top:0px;
	text-align:center;
	vertical-align:top;
	height:340px;
	width:500px}
/* CSS for top parent links navigation of page */
.parentlinks {  font-family: arial; font-size: 9pt; color: #000000; text-decoration: none}
.parentlinks a:link {  font-family: arial; font-size: 8pt; color: #000000; text-decoration: none}
.parentlinks a:active {  font-family: arial; font-size: 8pt; color: #000000; text-decoration: none}
.parentlinks a:visited {  font-family: arial; font-size: 8pt; color: #000000; text-decoration: none}
.parentlinks a:hover {  font-family: arial; font-size: 8pt; color: #000000; text-decoration: underline}

.footerlinks {  font-family: arial; font-size: 11px; color: #FDB813; text-decoration: none;padding-top:10px;}
.footerlinks a:link {  font-family: arial; font-size: 11px; color: #FDB813; text-decoration: none;padding-top:10px;}
.footerlinks a:active {  font-family: arial; font-size: 11px; color: #FDB813; text-decoration: none;padding-top:10px;}
.footerlinks a:visited {  font-family: arial; font-size: 11px; color: #FDB813; text-decoration: none;padding-top:10px;}
.footerlinks a:hover {  font-family: arial; font-size:11px; color: #FDB813; text-decoration: underline;padding-top:10px;}
/* BUTTON COLOR */
.button {font-family:arial,sans-serif; font-size:11px; background:#58A888; color:#ffffff;  font-weight: bold; text-decoration:none; cursor:hand;}



.printTable{border-right:1px solid #ffffff;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;}
 /*this is needed for print friendly*/
 .printTable2{border-right:1px solid #ffffff;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;}
.yellowBtn {color:#333333;background-color:#fdb815;font-size:11px;border:1px solid #fdb815;text-transform:uppercase;font-weight:bold;}
.red {color:#fdb815;font-weight:bold;}
.historyTbl {background-image:url('http://www.ecocentive.com/siteimages/ContentArea.jpg');background-repeat:no-repeat;width:749px;height:394px;}


/* CALENDAR */
.calendartitle
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND: #850C11;
    COLOR: white;
    FONT-FAMILY: "arial", "helvetica";
    TEXT-DECORATION: none
}
.calendartitle A:Link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: #850C11;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.calendartitle A:visited
{
    
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: #850C11;
    COLOR: white;
    FONT-FAMILY: "arial", "helvetica";
    TEXT-DECORATION: none
}
.calendartitle A:hover
{
    
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND: #850C11;
    COLOR: white;
    FONT-FAMILY: "arial", "helvetica";
    TEXT-DECORATION: underline
}
.calendarevents
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BACKGROUND: white;
    COLOR: black;
    FONT-FAMILY: "arial", "helvetica"
}
.calendarevents A:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BACKGROUND: white;
    COLOR: black;
    FONT-FAMILY: "arial", "helvetica"
}
.calendarevents A:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BACKGROUND: white;
    COLOR: black;
    FONT-FAMILY: "arial", "helvetica"
}
.calendarevents A:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BACKGROUND: white;
    COLOR: black;
    FONT-FAMILY: "arial", "helvetica"
}
.calendareventstitle
{
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif
}
.calendareventstitle A:link
{
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif
}
.calendareventstitle A:hover
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    COLOR: #c0c0c0
}
.calendareventstitle A:visited
{
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif
}
.calendardayweekdaytitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: black;
    FONT-FAMILY: Tahoma, Verdana, Arial
}
.calendardaynoday
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif
}
.calendardaynoevent A
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif
}
.calendardaynoevent A:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif
}
.calendardaynoevent A:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif
}
.calendardayevent A:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #cc33ff;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif
}
.calendardayevent A:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #cc33ff;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif
}
.calendardayevent A:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #cc33ff;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif
}


.calendarscheduler 
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif
}
.calendarscheduler A:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    COLOR: Black;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif
}
.calendarscheduler A:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    COLOR: Black;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif
}
.calendarscheduler A:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    COLOR: Black;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    TEXT-DECORATION: underline
}



/* POLLS */

.pollbars { 
	background: #6699cc;
}

.pollquestion {	
	font-weight: bold;
}

.polltitle { 
	font-size : 0;
}



/* CHAT */

.chatbackground {
	background: #003366
}
.chatuserlistmessage {
	background: #CEE7FF;
	font-family: verdana, arial, helvetica, sans-serif ;
	color: #003366;
	font-size: 13px;
}

.chatuserlistheader {
	background: #003366;
	font-family: verdana, arial, helvetica, sans-serif ;
	color: #ffffff;
	font-size: 13px;
}



.chatinputs {

	background: #003366;
	font-family: arial;
	color: #CEE7FF;
	font-size: 13px;
        border-color: #CEE7FF ; 
	border-width: 1px ; 
	border-style: none ; 
	color: #CEE7FF ; 
	font-size: 11px ; 
	font-family: verdana, arial, helvetica, sans-serif ; 



}

.chatgoinput {
	background: #CEE7FF;
        border-color: #003366 ; 
	border-width: 1px ; 
	border-style: none ; 
	color: #003366 ; 
	font-size: 11px ; 
	font-family: verdana, arial, helvetica, sans-serif ; 
	BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid;
}

.chatbuttons {
	background: #003366;
	color: #CEE7FF;
        border-color: #CEE7FF ; 
	border-width: 1px ; 
	border-style: none ; 
	font-size: 11px ; 
	font-family: verdana, arial, helvetica, sans-serif ; 
	BORDER-BOTTOM: #CEE7FF 1px solid; BORDER-LEFT: #CEE7FF 1px solid; BORDER-RIGHT: #CEE7FF 1px solid; BORDER-TOP: #CEE7FF 1px solid;
}

.chattitles {
	color: #CEE7FF;
	font-size: 11px ; 
	font-family: verdana, arial, helvetica, sans-serif ; 
}



/* SURVEY */

.Survey A:link
{
    FONT-SIZE: 10pt;
    COLOR: blue;
    TEXT-INDENT: 0em;
    FONT-FAMILY: Times New Roman;
    TEXT-DECORATION: none
}
.Survey A:visited
{
    FONT-SIZE: 10pt;
    COLOR: blue;
    FONT-FAMILY: Times New Roman;
    TEXT-DECORATION: none
}
.Survey A:hover
{
    FONT-SIZE: 10pt;
    COLOR: red;
    FONT-FAMILY: Times New Roman;
    TEXT-DECORATION: underline;
}
.Survey
{
    COLOR: white;
    FONT-FAMILY: Times New Roman;
}
.SurveyQuestion
{
    COLOR: white;
    FONT-FAMILY: Times New Roman;
    FONT-SIZE: 10pt;    
}
.surveyanswer
{
    FONT-FAMILY: Times New Roman;
    COLOR: white;
    FONT-SIZE: 10pt;
}
.SurveyCurrentPage
{
    COLOR: white;
    FONT-FAMILY: Times New Roman;
    FONT-SIZE: 10pt;
}
.SurveyQuestionNumbers
{
    COLOR: white;
    FONT-SIZE: 10pt;
}
.SurveyQuestionNumbers A:link
{
    FONT-SIZE: 10pt;
    COLOR: #006666;
    TEXT-INDENT: 0em;
    FONT-FAMILY: Times New Roman;
    TEXT-DECORATION: none
}
.SurveyQuestionNumbers A:visited
{
    FONT-SIZE: 10pt;
    COLOR: #006666;
    FONT-FAMILY: Times New Roman;
    TEXT-DECORATION: none
}
.SurveyQuestionNumbers A:hover
{
    FONT-SIZE: 10pt;
    COLOR: #006666;
    FONT-FAMILY: Times New Roman;
    TEXT-DECORATION: underline
}


/* AUTH  */

/*
.auth {
	text-indent: 0em;
	font-size : 13px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.auth  A:link {
	color: #006666;
	text-indent: 0em;
	font-family : Arial;
	font-size : 13px;
	text-decoration : none;
}
.auth A:visited {
	color:#006666;
	font-family : Arial;
	font-size : 13px;
	text-decoration : none;
}
.auth A:hover {
	color:#006666;
	font-family : Arial;
	font-size : 13px;
	text-decoration : underline;
}
*/

/*  CLASSIFIED  */

.classified {
	color: white;
	text-indent: 0em;
	font-size : 13px;
}
.classified  A:link {
	color: blue;
	text-indent: 0em;
	font-family : Arial;
	font-size : 13px;
	text-decoration : none;
}
.classified A:visited {
	color:blue;
	font-family : Arial;
	font-size : 13px;
	text-decoration : none;
}
.classified A:hover {
	color:red;
	font-family : Arial;
	font-size : 13px;
	text-decoration : underline;
}



/*  NEWSFLASH  */

.newsflashtitle {
	color: black;
	text-indent: 0em;
	font-size : 18px;
	font-family : Verdana;
	font-weight : bold;
}
.newsflashfrom {
	color: black;
	text-indent: 0em;
	font-family : Verdana;
	font-size : 13px;
}
.newsflasharticle {
	color: black;
	font-family : Verdana;
	text-indent: 0em;
	font-size : 13px;
}
.newsflash {
	color: black;
	font-family : Verdana;
	text-indent: 0em;
	font-size : 13px;
}
.newsflash  A:link {
	color: #850C11;
	text-indent: 0em;
	font-family : Verdana;
	font-size : 13px;
	text-decoration : none;
}
.newsflash A:visited {
	color:#850C11;
	font-family : Verdana;
	font-size : 13px;
	text-decoration : none;
}
.newsflash A:hover {
	color:#850C11;
	font-family : Verdana;
	font-size : 13px;
	text-decoration : underline;
}


.inputfields {
	background-color : #ffffff;
 	color:#333333;
	font-family: verdana, "verdana";
	font-size: xx-small;
    BORDER-BOTTOM: #000000 1px solid; 
    BORDER-LEFT: #000000 1px solid; 
    BORDER-RIGHT: #000000 1px solid; 
    BORDER-TOP: #000000 1px solid;
}

.printTitle
{ display:none;}

.headerPic
{
	display:none;
}

.txtfield
{
    width:220px;
    border:1px solid #aed779;
    background:transparent;
    color:#ffffff;
    }