/* CSS Document for index, Markets */

/*************************** login ********************************/

.loginValidation{
	width:290px;
	height:20px;
}

/********************************************** index page styles (div) *******************************************************/

#topContent{
	width:770px;
	height:469px;
	margin:auto;
}
/**************************************************/
#pageContent{
	width:100%;
	height:430px;
	background-color:#c0c0c0;
	margin:auto;
}
#textContent{
	width:770px;
	height:430px;
	margin:auto;
	
}
#content{
	width:450px;
	height:430px;
	float:left;
	padding-left:20px;
	padding-right:10px;
}
#latestNews{
	width:279px;
	height:430px;
	float:left;
	padding-left:10px;
	border-left:1px #999999 dashed;
}
/***************************************************/
#pageContentBottom{
	width:100%;
	height:22px;
	background:url(../images/page-content-footer.jpg) repeat-x;
}
#headerTitle{
	width:467px;
	height:30px;
	margin:auto;
	padding-top:13px;
	margin-bottom:8px;
}
#headerContent{
	width:770px;
	height:360px;
}
#animationImage{
	width:465px;
	height:360px;
	float:left;
}
#headerInfo{
	width:290px;
	height:360px;
	padding-left:15px;
	float:left;
}
#logingForm{
	width:290px;
	height:160px;
	margin-top:0px;
	border-bottom:1px #CCCCCC dashed;
}
#inputValues{
	width:165px;
	height:54px;
	float:left;
}
#singIn{
	width:62px;
	height:54px;
	padding-left:4px;
	float:left;
}
#welcomeText{
	width:290px;
	height:150px;
	clear:both;
	margin-top:10px;
	text-align:justify;
	font-size:11px;
}
#linkSet{
	clear:both;
	width:750px;
	height:31px;
	margin:auto;
	overflow:hidden;
}
#footer{
	width : 99%;
	height:16px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif, Tahoma;
	text-align:right;
	color:#999999;
}
#whatsNext{
	width:auto; 
	text-align:center; 
	border-top:1px #CCCCCC dashed; 
	padding-top:5px;
}

/********************************************** index logged in page styles (div) *******************************************************/
#welcomeName{
	width:215px;
	height:20px;
	float:left;
}
#signOut{
	width:50px;
	height:20px;
	padding-right:10px;
	float:left;
	text-align:right;
}
#viewLiveData{
	width:125px;
	height:25px;
	float:left;
}
#signOut{
	width:125px;
	height:25px;
	padding-left:25px;
	float:left;
}
#grayBox{
	float:left; 
	width:275px; 
	height:20px; 
	padding-top:2px;
	margin-top:2px;
	margin-bottom:5px;
	background-color:#EEEEEE;
	border:1px #CCCCCC solid;
}
.notifications{
	float:left; 
	width:275px; 
	height:20px; 
	padding-top:5px;
	color:#990000;
	text-align:center;
}

/********************************************** markets page styles (div) *******************************************************/

#pageContent_Markets{
	width:100%;
	height:470px;
	background-color:#c0c0c0;
	margin:auto;
}
#content_Markets{
	width:770px;
	height:470px;
	padding-left:20px;
	margin:auto;
}

/********************************************** products page styles (div) *******************************************************/

#pageContent_Products{
	width:100%;
	height:730px;
	background-color:#c0c0c0;
	margin:auto;
}
#content_Products{
	width:770px;
	height:730px;
	padding-left:20px;
	margin:auto;
}

/********************************************** energy_efficiency page styles (div) *******************************************************/

#pageContent_energyEfficiency{
	width:100%;
	height:auto;
	background-color:#c0c0c0;
	margin:auto;
}
#content_energyEfficiency{
	width:770px;
	height:auto;
	padding-left:20px;
	margin:auto;
}

/********************************************** how it works page styles (div) *******************************************************/

#pageContent_howitworks{
	width:100%;
	height:1000px;
	background-color:#c0c0c0;
	margin:auto;
}
#content_howitworks{
	width:770px;
	height:1000px;
	padding-left:20px;
	margin:auto;
}

/********************************************** technology page styles (div) *******************************************************/

#pageContent_technology{
	width:100%;
	height:710px;
	background-color:#c0c0c0;
	margin:auto;
}
#content_technology{
	width:770px;
	height:710px;
	padding-left:20px;
	margin:auto;
}

/********************************************** contact page styles (div) *******************************************************/

#pageContent_contact{
	width:100%;
	height:300px;
	background-color:#c0c0c0;
	margin:auto;
}
#content_contact{
	width:770px;
	height:300px;
	padding-left:20px;
	margin:auto;
}
/********************************************** about us page styles (div) *******************************************************/

#pageContent_aboutus{
	width:100%;
	height:250px;
	background-color:#c0c0c0;
	margin:auto;
}
#content_aboutus{
	width:770px;
	height:250px;
	padding-left:20px;
	margin:auto;
}
/********************************************** news page styles (div) *******************************************************/

#pageContent_news{
	width:100%;
	height:auto;
	background-color:#c0c0c0;
	margin:auto;
}
#content_news{
	width:770px;
	height:auto;
	padding-left:20px;
	margin:auto;
}

/********************************************** guest registration page styles (div) *******************************************************/

#pageContent_gr{
	width:100%;
	height:400px;
	background-color:#c0c0c0;
	margin:auto;
}
#content_gr{
	width:770px;
	height:400px;
	padding-left:20px;
	margin:auto;
}

.feildSet{
	float:left;
	width:740px;
	height:25px;
}
.feildName{
	float:left;
	width:200px;
	height:25px;
	text-align:right;
	color:#9b2834;
}
.feildInput{
	float:left;
	width:320px;
	height:25px;
	padding-left:10px;
}
.messageDisplay{
	float:left;
	width:210px;
	height:25px;
}

/********************************************** forgot password page styles (div) *******************************************************/


#pageContent_FP{
	width:100%;
	height:230px;
	background-color:#c0c0c0;
	margin:auto;
}
#textContent_FP{
	width:770px;
	height:230px;
	margin:auto;
	
}
#content_FP{
	width:450px;
	height:230px;
	float:left;
	padding-left:20px;
	padding-right:10px;
}
#Note_FP{
	width:279px;
	height:230px;
	float:left;
	padding-left:10px;
	border-left:1px #999999 dashed;
}