/* CSS Document */

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

/* Author : Prabha Parasuram */
/* Project Name: Circle Spring  */
/* Date	:August 2008 */

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



/*=================================================================================================================================*/
/* global layout start*/

#container
{
	width: 1028px;
	margin: 0px auto;
	border: 0px solid black;
	background-color: #ffffff;
	display: table;
}
#header
{
	width: 100%;
	background-color: #89c766;
	border: 0px solid black;
	display: table;
	height: 182px;
}
#surveyheader
{
	width: 100%;
	background-color: #89c766;
	border: 0px solid black;
/*	display: table;*/
	height: 112px;
}
#logo_container
{
	background-image: url(../Images/Logo.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	width: 395px;
	height: 112px;
	border: 0px solid black;
}
#ad_container
{
	width: 630px;
	float: right;
	height: 112px;
	border: 0px solid black;
	position: relative;
}

.ad_inner
{
	border: 0px solid black;
	font-family: Verdana;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	/*height: 53px;*/
	width: 343px;
	position:absolute;
	top:28px;
	left:111px;
}


#ad_container a
{
	color: White;
	font-size: 12px;
	font-weight: Bold;
}

#ad_container a :hover
{
	color: White;
}

#nav
{
	float: left;
	width: 100%;
	border: 0px solid black;
	height: 70px;
}

#mainmenu_container
{
	background-image: url(../Images/Menubg.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 43px;
	border: 0px solid black;
	margin: 0px auto;
}

#submenu_container
{
	background-image: url(../Images/SubMenubg.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 27px;
	border: 0px solid red;
	margin: 0px auto;
}
#divMainMenu
{
	/*width:778px;*/
	width: 940px;
	border: 0px solid black;
	margin-left: 56px;
	position: relative;
}
#divSubMenu
{
	width: 940px;
	border: 0px solid black;
	margin-left: 56px;
	color:#005983;
}
#divMainMenu a
{
	line-height: 35px;
	border: 0px solid black;
	font-size: 11px; /*height:43px !important;*/
}


#divMainMenu table tr td
{
	white-space: nowrap;
}


#divSubMenu a
{
	line-height: 19px;
	font-size: 10px;
}

#nav a:hover
{
	color: #2d7901;
}
/*
#content_container
{
	width: 940px;
	margin: 0px auto;
	border: 0px solid black;
	display: block;
	position: relative;
}

#content_container_left
{
	float: left;
	border: 0px solid black;
	display: block;
	width: 638px;
	margin-right: 28px;
}
#content_container_right
{
	display: block;
	width: 273px;
	position: absolute;
	left: 666px;
	top: 0px;
	border: 0px solid black;
}
#box1_container, #box2_container, #box3_container, #box4_container
{
	float: right;
	width: 100%;
	margin-bottom: 22px;
	border: 0px solid black;
}

#footer
{
	clear: both;
	width: 100%;
	background-image: url(../Images/Footerbg.gif);
	background-repeat: repeat-x;
	height: 39px;
	border: 0px solid black;
	display: block;
	margin: 30px 0px 25px 0px;
}
#footer a
{
	padding-right: 20px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	border: 0px solid black;
}
#footer_container
{
	width: 940px;
	margin: 0px auto;
	border: 0px solid black;
	display: block;
	line-height: 35px;
}*/
	
#content_container
{
	width: 940px;
	margin: 0px auto;
	border: 0px solid black;
	display: table;
}

#content_container_left
{
	float: left;
	width: 638px;
	border: 0px solid black;
}
#content_container_right
{
	float: right;
	width: 273px;
	border: 0px solid black;
}
#box1_container, #box2_container, #box3_container, #box4_container
{
	float: right;
	width: 100%;
	margin-bottom: 22px;
	border: 0px solid black;
}

#footer
{
	width: 100%;
	background-image: url(../Images/Footerbg.gif);
	background-repeat: repeat-x;
	height: 39px;
	border: 0px solid black;
	display: table;
	margin: 30px 0px 25px 0px;
}
#footer a
{
	padding-right: 20px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	border: 0px solid black;
}
#footer_container
{
	width: 940px;
	margin: 0px auto;
	border: 0px solid black;
	display: table;
	line-height: 35px;
}
#footerleft
{
	float: left;
	border: 0px solid black;
}
#footerright
{
	float: right;
	border: 0px solid black;
}

/* global classes start*/

.box_content
{
	clear: both;
	margin: 20px 20px 20px 23px;
}
.tipstyle
{
	clear: both;
	background-image: url(../Images/HeaderBoxbg.gif);
	background-repeat: repeat-x;
	width: 100%;
	display: block;
	float: right;
	background-color: #8dd7f7;
}
.tipstyle h1
{
	font-family: Verdana;
	font-size: 12px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	border: 0px solid red;
	height: 20px;
	padding-top: 8px;
	margin-left: 23px;
}

.loadingcontentstyle
{
	color: #005983;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}


.headingstyle
{
	color: #669d46 !important;
	font-size: 28px;
	font-weight: bold;
	cursor:auto !important;
	margin:0px 0px 0px 0px !important;
	padding:0px !important;
}

.headingstyle:hover
{
	color: #669d46 !important;
	
}

.footercontentstyle
{
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

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

/*For Progress bar */

/*
.Progressing
{
	border: 1px solid black;
	padding-top: 8px;
	padding-left: 10px;
	vertical-align: top;
	color: #003366;
	font-size: 10px;
	white-space: nowrap;
	background-color: #89c766; 
	z-index: 101; /* filter: progid:DXImageTransform.Microsoft.shadow(color= '#cad6e6' , Direction=120, Strength=12); */
/*width: 150px;
	position: absolute;
	height: 35px;
	right: 10px;
	top: 25px;
	background-image: url(../Images/Processing.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-align: right;
}
body > .Progressing
{
	position: fixed;
}*/

/*

.Progressing
{
	position:fixed;
	height:35px;
	top:0px;
	right:0px;
	border: 1px solid black;
	width:150px;
	
}*/


/*.Progressing
{
	position: absolute !important; 
	height:35px;
	top:25px;
	right:0px;
	border: 1px solid black;
	width:150px;
	z-index:1 !important;
	
}*/

.Progressing
{
	position: fixed;
	_position: absolute;
	_top: expression(eval(document.body.scrollTop));
	right: 0px;
	border: 1px solid black;
	padding-top: 8px;
	padding-left: 10px;
	vertical-align: top;
	color: #003366;
	font-size: 10px;
	white-space: nowrap;
	background-color: #89c766;
	z-index: 101; /* filter: progid:DXImageTransform.Microsoft.shadow(color= '#cad6e6' , Direction=120, Strength=12); */
	width: 150px;
	height: 35px;
	background-image: url(../Images/Processing.gif);
	background-repeat: no-repeat;
	background-position: top left;
	text-align: right;
}
/*-------------------------------------------------------------------------------------------------------------------*/


#ctl00_MSNPopup
{
	bottom: 0;
	_top: expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
	right: 0px;
	position: fixed;
	_position: absolute;
	width: 150px;
	height: 100px;
	border: solid 1px black;
	margin: 0px 0px 0px 20px;
	background-color: white;
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color=#7D7E7E);
}

body > #ctl00_MSNPopup
{
	position: fixed;
}

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

/* For Modal Window */
#modal .modalTop
{
	width: 142px;
	background-color: #89c766;
	height: 15px;
	background-repeat: repeat-x;
	padding: 4px;
	color: #ffffff;
	text-align: right;
}
#modal .modalTitle
{
	padding: 4px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	float: left;
}

#modal .modalTop a, .modalTop a:visited
{
	color: #ffffff;
}

#modal .modalBody
{
	padding: 10px;
	text-align: left;
}

.PopupErrorMsg
{
	color: Red;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
}
.PopupSuccessMsg
{
	color: Blue;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
}

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

/*For Modal pop up*/

.modalBackground
{
	background-color: Olive;
	filter: alpha(opacity=70);
	opacity: 0.7;
	position:absolute !important;
	top:0px !important;
}
.modalPopup
{
	background-color: #8dd8f8;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
	color: Black;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/* global classes end*/
/* global layout end */



/*=================================================================================================================================*/

/* Home Page Style Start */

#homecontent_top
{
	width: 100%; /*height: 135px;*/
	margin-bottom: 30px;
	border: 0px solid black;
}
#homecontent_top h1
{
	color: #669d46;
	font-family: Verdana;
	font-size: 28px;
	margin-top: -5px;
	margin-bottom: 5px;
}
#homecontent_top p
{
	width: 580px;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: left;
	border: 0px solid black;
}
#homecontent_middle
{
	width: 100%; /*height:183px;*/
	border: 0px solid black;
}
#homecontent_middle_left
{
	width: 190px;
	float: left;
	border: 0px solid black;
}
#homecontent_middle_center
{
	width: 190px;
	float: left;
	margin: 0px 30px 0px 30px;
	border: 0px solid black;
}
#homecontent_middle_right
{
	width: 190px;
	float: right;
	border: 0px solid black;
}
#homecontent_middle p
{
	width: 100%;
	text-align: left;
	border: 0px solid black;
	margin: 16px 0px 0px 0px 0px;
	padding: 0px;
	margin-bottom: 0px !important;
	text-align: left;
}
#homecontent_bottomleft
{
	width: 306px;
	display: block;
	float: left;
	border: 0px solid black;
	margin-top: 30px;
}
#homecontent_bottomleft p, #homecontent_bottomright p
{
	display: block;
	border: none;
	text-align: left;
}

#homecontent_bottomright
{
	width: 306px;
	display: block;
	float: right;
	border: 0px solid black;
	margin-top: 30px;
}
#homecontent_right_top
{
	position: relative;
	z-index: 0 !important;
	height: 145px;
}
#homecontent_right_top_front
{
	position: absolute !important;
	width: 315px;
	height: 145px;
	background-image: url(../Images/Ambio.jpg);
	background-repeat: no-repeat;
	border: 0px solid black;
	z-index: 2 !important;
	right: 0px;
}


/*home classes start*/
.middle_headerstyle
{
	font-size: 14px;
	font-weight: bold;
	color: #005983;
}
.middle_contentstyle
{
	font-size: 11px;
	font-weight: normal;
	color: #005983;
	text-align: left; /*word-break:break-all;*/
}


.login_captionstyle
{
	font-size: 12px;
	font-weight: bold;
	color: #005983;
}

.home_tipanchorstyle
{
	color: #005983;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}

/*home classes end */

/* Home Page Style End */

/*=================================================================================================================================*/
/* Login Control Style  Start*/
.logincontrol_container
{
	float: right;
	border: 0px solid black;
	width: 250px;
	background-color: #8dd8f8;
	margin: 20px 0px 20px 23px;
}
.logincontrol_left
{
	float: left;
	border: 0px solid black;
	width: 76px;
}
.logincontrol_left label
{
	padding-top: 5px;
	margin-top: 10px;
	float: left;
	border: 0px solid black;
}
.logincontrol_right
{
	float: right;
	border: 0px solid black;
	width: 170px;
}
.logincontrol_right_innerleft
{
	float: left;
	border: 0px solid black;
	width: 145px;
}

.logincontrol_right_innerright
{
	float: right;
	width: 15px;
	border: 0px solid black;
}
.logincontrol_right_innerleft input
{
	margin-top: 10px;
	float: left;
	width: 145px;
}
.logincontrol_right_innerright span
{
	margin-top: 10px;
	padding-top: 3px;
	height: 15px !important;
	width: 100%;
	float: left;
	display: block;
	border: 0px solid blue;
}
.logincontrol_button
{
	float: right;
	width: 100%;
	border: 0px solid black;
	padding-top: 20px;
}

.logincontrol_button_left
{
	float: left;
	border: 0px solid black;
	width: 168px;
	line-height: 20px;
}


.logincontrol_button_right
{
	float: left;
	border: 0px solid black;
	width: 58px;
}

/* Login Control Style End*/

/*================================================================================================================================*/

/* Dashboard1 , Dashboard2  Style Start */

.dashboard_container
{
	border: 0px solid black;
	float: left;
	width: 608px;
}
.dashboard_left
{
	border: 0px solid black;
	float: left;
	width: 280px;
}
.dashboard_right
{
	border: 0px solid black;
	float: right;
	width: 280px;
}
.dashboard_left_top, .dashboard_right_top
{
	width: 100%;
	height: 140px;
	margin-bottom: 10px;
}
.dashboard_left_top img
{
	margin-left: 13px;
}
.dashboard_right_top h1
{
	font-size: 14px;
	font-weight: bold;
	color: #005983;
	margin: 0px auto 18px 0px;
}
.dashboard_right_top p
{
	margin-bottom: 18px;
	border: 0px solid black;
}

.db_statswrapper
{
	width: 100%;
	border: 0px solid black; /*display:inline !important;*/
	position: relative;
}

.db_statswrapper img
{
	position: absolute;
	top: -5px;
}

.dashboard_left_bottom, .dashboard_right_bottom
{
	display: block;
	width: 100%;
}
.dashboard_left_bottom input, .dashboard_right_bottom input
{
	width: 280px;
	height: 36px;
	margin-bottom: 25px;
}
.db_contentstyle
{
	font-size: 12px;
	font-weight: normal;
	color: #005983;
}

.db_pstyle
{
	margin: 20px 20px 0px 0px !important;
	padding: 0px !important;
	font-size: 12px;
	font-weight: normal;
	color: #005983;
}


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

/* MyAmbio360 Page Style Start */

.myambio_top
{
	margin-bottom: 20px;
}
.myambio_top p
{
	margin-top: 15px;
	border: 0px solid red;
}

#myambio_memberregistration
{
	margin-top: 23px;
	border: 0px solid red;
}

/* MyAmbio360 Page Style End */


/*===================================================================================================================================*/

/* Result Page Style Start */

.resultcontentstyle
{
	font-size: 12px;
	color: #413d89;
}

.positiveanchorstyle
{
	font-size: 14px;
	font-weight: bold;
	color: #0fb247;
	text-decoration: none;
}

.negativeanchorstyle
{
	font-size: 14px;
	font-weight: bold;
	color: #e9001a;
	text-decoration: none;
}

.inconsistentanchorstyle
{
	font-size: 14px;
	font-weight: bold;
	color: #ffe86a;
	text-decoration: none;
}

/* Result Page Style End */

/*===================================================================================================================================*/

/* Survey Page Styles Start */

.sc_left /*SurveyComplete_left */
{
	float: left;
	width: 308px;
	border: 0px solid black;
}
.sc_right_getstarted
{
	float: right;
	width: 308px;
	border: 0px solid black;
}
.sc_right
{
	float: right;
	width: 308px;
	border: 0px solid black;
	vertical-align: top;
}
.sc_right p
{
	margin-top: 0px;
	margin-left: 10px;
}

#sc_buttoncontainer
{
	margin: 0px auto;
	text-align: left !important;
	padding: 18px 15px 0px 10px;
	position: relative;
	width: 285px;
	height: 74px;
}

#sc_buttoncontainer input
{
	position: absolute;
	top: 0px;
	left: 0px;
}
/*-----------------------------------------------------------------------------------------*/
/* Progress Bar Styles Start */

#survey_lower
{
	float: left;
	width: 100%;
	display: block;
	border: 0px solid black; /*background-color: #ffffff; */
}

#survey_progressbar
{
	float: left;
	width: 100%;
}

/*THIRU*/
#progress-bar
{
	background: url(../Images/ProgressbarWhite.jpg) no-repeat left center;
	width: 220px;
	height: 35px;
	margin: 0 auto;
}
/*THIRU*/
#progress-level
{
	background: url(../Images/ProgressbarGreen.jpg) no-repeat left center; /* SET THIS TO GET THE DESIRE LEVEL */
	height: 35px;
}
/* Progress Bar Styles End */
/*-----------------------------------------------------------------------------------------*/


/* Survey Complete page Style End */

/* Survey page Styles End */

/*=====================================================================================================================================*/

/*Grid Styles Start*/

/* Siva  Start*/
.expandgriditemstyle
{
	text-align: left;
	font-style: normal;
	font-weight: normal;
	color: #005983 !important;
	font-size: 12px;
	word-wrap: break-word;
	border-right: 1px solid white;
	padding-left: 22px;
}
/* Siva  End*/


.griditemstyle
{
	text-align: left;
	font-style: normal;
	font-weight: normal;
	color: #005983 !important;
	font-size: 12px;
	word-wrap: break-word;
	border-right: 1px solid white;
}
.pricinggriditemstyle, .pricestyle
{
	font-style: normal;
	font-weight: normal;
	color: #005983 !important;
	font-size: 12px;
	word-wrap: break-word;
	border-right: 1px solid white;
}
.pricestyle
{
	padding-right: 15px;
}

.surveygriditemstyle
{
	text-align: left;
	font-style: normal;
	font-weight: normal;
	color: #005983 !important;
	font-size: 12px;
	word-wrap: break-word;
	border-bottom: 1px solid white;
}

.gridheaderstyle
{
	text-align: left;
	font-weight: bold;
	color: #5b8d3e !important;
	font-size: 10px;
	word-wrap: break-word; /*border-bottom: 1px solid white;*/
	margin-bottom: 10px;
}
.gridheaderstyle-bb /* bb->border-bottom */
{
	text-align: left;
	font-weight: bold;
	color: #5b8d3e !important;
	font-size: 10px;
	word-wrap: break-word;
	border-bottom: 1px solid white;
	margin-bottom: 10px;
}

.tabletitletyle
{
	color: #2d7901;
	font-size: 14px;
	font-weight: bold;
}

.gridtitletyle
{
	color: #005983;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}


.gridtopicstyle
{
	color: #005983;
	font-weight: bold;
	font-size: 10px;
	border-right: 1px solid white;
}
/*-----------------------------------------------------------------*/
/* Grid Cover Styles Start*/

.myambio_middle
{
	margin-top: 23px;
	border: 0px solid black;
	background-image: url(../Images/MyAmbio_Gridbg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #8ed7f7;
	width: 638px;
	padding-top: 23px;
}

.survey_middle
{
	margin-top: 23px;
	border: 0px solid black;
	background-image: url(../Images/SurveyHeaderGridbg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	/*background-color: #d7dadf;*/
	background-color: #8ed7f7;
	width: 638px;
	padding-top:23px;
}

.myambio_gridcover
{
	width: 590px;
	margin: 0px auto;
}


.myambio_grid, .myambio_gridresults
{
	width: 594px;
	height: 365px;
	border: 0px solid black;
	margin-bottom: 15px;
	padding-bottom: 20px;
}
.myambio_grid
{
	overflow: scroll;
	overflow-x: hidden;
}

.Registration_middle
{
	margin-top: 23px;
	border: 0px solid black;
	background-image: url(../Images/Registrationbg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #8ed7f7;
	width: 800px;
	padding-top: 23px;
}

.Registration_gridcover
{
	margin: 0px auto;
	width: 770px;
	border: 0px solid black;
}

.Classroom_middle
{
	margin-top: 23px;
	border: 0px solid black;
	background-image: url(../Images/Classroombg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #8ed7f7;
	width: 638px;
	padding-top: 23px;
}

.Classroom_gridcover
{
	margin: 0px auto;
	border: 0px solid black;
	width: 600px;
}

/* Grid Cover Styles End*/


/*Grid Styles End*/

/*========================================================================================================================================*/