/************** MasterPageA specific *******************************/

body   /* the whole browser window area */ 
{
	font-family: Calibri, Arial, sans-serif;
	/*font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;*/
	
    font-size: .9em;   /* 1.0 seems too big, .8 seems too small */
    background-color: #999999;      /*background-color:#59B572; */
}

#pg  /* pgMasterPgA makes this top level */
{
	width: 1042px;
	padding: 20px;
	margin: 1px auto; /* border-right: 1px solid #a9a9a9;*/
	background-color: White;/*takes on body background color without this*/
}


/* the area where the ecoshift logo is--see pgMasterPgA*/

#dvHeader
{
    width: 1000px;
    height: 60px;
    /*border: 1px solid orange;*/
    /*margin: 5px auto;*/
}
/*******************sign in  **********************************************/

#dvSignIn
{
float: right;
/*font-size:smaller;*/
}


/*********************** top menu bar ****************************************/

.hovermenu
{
}

.hovermenu ul
{
font: bold 18px arial;
padding-left: 0;
margin-left: 0;
height: 28px;
}

.hovermenu ul li
{
list-style: none;
display: inline;
}

.hovermenu ul li a
{
padding: 2px 0.5em;
text-decoration: none;  /* gets rid of the link underlines*/
width: 154px;
/*width: 185px; was correct for 5 menu items */
height: 28px;  /* was 40*/
text-align: center;
padding-top: 12px;  /* was 15 */
float: left;
color: white;
background-image: url('../Images/gradient_1x35.png');
background-repeat: repeat;
/* background-color: #0c9a73; You Can Change this color */
/*border: 2px solid #e1e1e1;*/ /*You can change this color*/
}

.hovermenu ul li a:hover
{
background-color: #61D2ff; 
background-image: none;
color: White;
/*background-image: url('../Images/gradient_1x60_blue1.png');
background-repeat: repeat;*/
}

.hovermenu ul li a:active
{ /* */
background-color: #009dd9;
background-image: none;
/*background-image: url('../Images/gradient_1x60_blue2.png');
background-repeat: repeat;*/
color: White;
}


html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
background-color: #009dd9;
background-image: none;
color: White;
}

#default #tm-home a, #basics #tm-basics a, #faqs #tm-faqs a, #about #tm-about a, #myhome #tm-myhome a
{
background-color: #009dd9;
background-image: none;
color: White;
}


#dvcontent
{
	/*width: 800px;  *//*works*/
	/*margin-left:2px;*/
	/*border: 1px solid blue;*/  /*doesn't work*/
	/*background-color:#59B572; */ 
}

#dvfooter
{
    text-align: center;
	clear: both;
	width: 998px;       /*wasn't working due to another instance*/
	padding-top: 5px;
	padding-bottom: 5px;
	font-size:smaller;
	/*border: 1px solid red;*/ /*works*/
	 /*background-color:#59B572; works*/
}

.csscontent
{
	/*border: 1px solid red; *//*works*/
	/*background-color:#59B572;  works*/
	width: 998px;       /*wasn't working due to another instance*/
	padding-top: 10px;
	padding-bottom: 10px;
}


.cssclasstest
{
border: 1px solid black;
}

.clsrightbox  
{

border: 1px solid black;
float:right;
margin-top: 20px;
margin-bottom: 20px;
}


/**********  specific to mpMasterPgB ***********/

#dvmenu2
{
    margin-left: 0px;
    padding-left: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
	background-color:#F2F2F2;
    width: 100px;
}

#dvmypagebody
{
    margin-left: 120px;
    width: 885px;
    /*position: absolute;*/ /*this causes the footer to climb up...like a float without a clear*/
    top: 100px;
    /*float: left;*/
   /* border: 1px solid blue; */
}


#dvintrotext
{
font-size: large;

}

#dvrightbox
{
float: right;
}


h2,h3,h4,h5,h6
{
color: #6d6d6d;
}

#dvFAQbox
{
width: 800px;
margin-left: 20px;
}

#dvFAQbox h3
{
color: #386199;
background-color: #f2f2f2;
}


/*****pgPieChart2****/

#dvPieChartOptions
{
    width: 180px;
    margin-left: 20px;
    margin-top: 20px;
    float: left;
    font-size: smaller;
    /*border: 1px solid red;*/
}

#dvPieChart
{
    width: 600px;
    margin-top: 20px;
    margin-left: 220px;
    /*border: 1px solid green;*/
}



/************* pgMyTabs.aspx ******************************************************************/
/*.clHistory, .clAdvice
{
clear:both;
margin-left:10px;
float:left;
width: 450px;
border: 1px solid black;
}

.clCompare, .clDialog
{
float:right;
width: 450px;
background-color: #f2f2f2;
border: 1px solid green;

}

*/

/*******************************************************************************/

/************* pgMyTabs.aspx ******************************************************************/
/*.clHistory
{
margin-left:300px;
border: 1px solid black;
}

#dvCompare
{
background-color: #f2f2f2;
}*/
/*******************************************************************************/