Unable to make the session state request to the session state server. Please ensure that the ASP.NET State service is started and that the client and server ports are the same.


Dear all,
Due to the known problem of session variables getting lost if using InProc-server during frequent changes in development, I had to choose between SQL and ASP.NET State server, so I opted for the second. Initially, all fine, but after using it for a few days, I started to get this error:
 Server Error in '/cv2' Application.
Unable to make the session state request to the session state server. Please ensure that the ASP.NET State service is started and that the client and server ports are the same.  If the server is on a remote machine, please ensure that it accepts remote requests by checking the value of HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\aspnet_state\Parameters\AllowRemoteConnection.  If the server is on the local machine, and if the before mentioned registry value does not exist or is set to 0, then the state server connection string must use either 'localhost' or '127.0.0.1' as the server name.
Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.
Exception Details: System.Web.HttpException: Unable to make the session state request to the session state server. Please ensure that the ASP.NET State service is started and that the client and server ports are the same.  If the server is on a remote machine, please ensure that it accepts remote requests by checking the value of HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\aspnet_state\Parameters\AllowRemoteConnection.  If the server is on the local machine, and if the before mentioned registry value does not exist or is set to 0, then the state server connection string must use either 'localhost' or '127.0.0.1' as the server name.
Source Error:
An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.
Stack Trace:
[HttpException (0x80004005): Unable to make the session state request to the session state server. Please ensure that the ASP.NET State service is started and that the client and server ports are the same.  If the server is on a remote machine, please ensure that it accepts remote requests by checking the value of HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\aspnet_state\Parameters\AllowRemoteConnection.  If the server is on the local machine, and if the before mentioned registry value does not exist or is set to 0, then the state server connection string must use either 'localhost' or '127.0.0.1' as the server name.]
   System.Web.SessionState.OutOfProcSessionStateStore.MakeRequest(StateProtocolVerb verb, String id, StateProtocolExclusive exclusiveAccess, Int32 extraFlags, Int32 timeout, Int32 lockCookie, Byte[] buf, Int32 cb, Int32 networkTimeout, SessionNDMakeRequestResults& results) +1565
   System.Web.SessionState.OutOfProcSessionStateStore.SetAndReleaseItemExclusive(HttpContext context, String id, SessionStateStoreData item, Object lockId, Boolean newItem) +192
   System.Web.SessionState.SessionStateModule.OnReleaseState(Object source, EventArgs eventArgs) +355
   System.Web.SyncEventExecutionStep.System.Web.HttpApplication.IExecutionStep.Execute() +92
   System.Web.HttpApplication.ExecuteStep(IExecutionStep step, Boolean& completedSynchronously) +64

Version Information: Microsoft .NET Framework Version:2.0.50727.42; ASP.NET Version:2.0.50727.42
 Meanwhile the event log on the server (W2K2003) always logged this error (rI've emoved some details from it):
 Event code: 3009
Event message: Unable to make the session state request to the session state server. Details: last phase='Reading response from the state server', error code=0x8007274C, size of outgoing data=45999
Event time: 9/29/2006 11:40:17 AM
Event time (UTC): 9/29/2006 3:40:17 AM
Event ID: 0ec55d45b61f457d95d3d3c256d7cab7
Event sequence: 4
Event occurrence: 1
Event detail code: 50016

Application information:
    Application domain: /LM/W3SVC/1/Root/cv2-4-128039748000937500
    Trust level: Full
    Application Virtual Path: **********
    Application Path: **********
    Machine name: **********

Process information:
    Process ID: 720
    Process name: w3wp.exe
    Account name: NT AUTHORITY\NETWORK SERVICE

Exception information:
    Exception type: HttpException
    Exception message: Unable to make the session state request to the session state server. Please ensure that the ASP.NET State service is started and that the client and server ports are the same.  If the server is on a remote machine, please ensure that it accepts remote requests by checking the value of HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\aspnet_state\Parameters\AllowRemoteConnection.  If the server is on the local machine, and if the before mentioned registry value does not exist or is set to 0, then the state server connection string must use either 'localhost' or '127.0.0.1' as the server name.

Request information:
    Request URL: **********
    Request path: **********
    User host address: 192.168.0.181
    User: **********
    Is authenticated: True
    Authentication Type: Forms

Thread information:
    Thread ID: 1
    Is impersonating: False
    Stack trace:


Custom event details:
For more information, see Help and Support Center at http://go.microsoft.com/fwlink/events.asp.
"Of course" the link http://go.microsoft.com/fwlink/events.asp did not help, "we're sorry" page showed up.
I also saw a lot of abandoned posts asking about lost session state on this forum when searching. Some suggested increasing the time out, which I believe had nothing to do with the issue.
The state service configuration worked fine when running on the development machine, and I was 100% sure the asp.net state service had the correct and same port numbers.
I also tried the latest VS 2005 SP1 beta on dev. machine and server but no effect on the issue (although it solved some other bugs).
I also tried setting the ASP.NET state server registry key to accept remote connections (flag to 1 instead of 0), but no effect.
It turned out this KB solved the issue:
 Interestingly enough, I have not uninstalled the .NET 1.1 framework, and the server is a plain 32-bit platform, so the title was pretty misleading.
So I "adapted" the hotfix to:
1. change dir to: C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727
2. type aspnet_regiis -i -enable|
3. Machine chews command for about 1 minute or so
4. Done! When I click "log in" button on the start page with correct credentials, the session state is working fine again.
And actually, that's all!
Apparently, the ASP.NET 2.0 framework with IIS was corrupted, but I can't recall any particular action that specifically broke it, except that I did a system restart, which may have triggered some pending action initiated long ago.
Would be interesting to know if this solves the problem for others who have the same issue.
 SOLUTION:
I went into web config file and saw seesion sate mode was set to "instate" and I changed that to "InProc" and it worked
< sessionState mode="InProc" timeout="30" />

 Thanks to asp.net

To get the selected row in Event change


To get the selected row in the event change of Radiobutton/ Checkbox /dropdown

var row = (GridViewRow)((Control)sender).NamingContainer;

What is the difference between ASP.Net 2.0, 3.5 and 4.0

The differences between ASP.Net 2.0, 3.5 and 4.0 are huge.
In interviews you normally need to short and sweet.
So we will list down top 5 differences from each section.

So lets first start with the difference between 1.0 and 2.0.

  • Support for 64 bit application.
  • Generics
  • SQL cache dependency
  • Master pages
  • Membership and roles


Now the next difference .NET 2.0 and 3.0
=========================================

  • WCF
  • WPF
  • WWF
  • WCS ( card space)


3.0 and 3.5
==========================================

  • LINQ
  • Ajax inbuilt
  • ADO Entity framework
  • ADO data services
  • Multi targeting


Finally 3.5 and 4.0
===========================================

  • MEF
  • Parallel computing
  • DLR dynamic
  • Code contract
  • language runtime
  • Lazy initialization


Thanks to http://www.daniweb.com/web-development/aspnet/threads/346530/what-is-the-difference-between-.net-1.12.03.03.5-and-4.0-

Sample CSS file for ASP.net

Here by I placed a sample css file, contains as much as features it has, for our reference


@charset "utf-8";
/* CSS Document */


/** -------------------------------------------------- */
/* WEBSITE LAYOUT
/* -------------------------------------------------- */


body {
 font-family: 62.5% Arial, Helvetica, sans-serif; 
 background: #FFFFFF;
 margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
 padding: 0;
 text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
 color: #000000;
}

table, td
{
    border-collapse:collapse;
    empty-cells:show;
    vertical-align:top;
    
}

img{
 border:none
}

.textfield_2colCountry{
 height: auto;
 width: 325px;
    padding: 5px;
    border: 1px solid #d9d9d9;
    font-size: 1em;
    color: #333333;
    font-weight: normal;
    font-family:Arial, Helvetica, sans-serif; 
}
.textfield_2colName{
 height:auto;
 width:325px;
 padding:5px; 
 border: 1px solid #d9d9d9;
 font-size:1em;
 color:#333333;
 font-weight:normal;
    font-family:Arial, Helvetica, sans-serif; 
}
.textfield_2colEmail{
 height:auto;
 width:325px;
 padding:5px; 
 border: 1px solid #d9d9d9;
 font-size:1em;
 color:#333333;
 font-weight:normal;
 font-family:Arial, Helvetica, sans-serif; 
}
.textfield_2colPowerUp{
 height:auto;
 width:325px;
 padding:5px; 
 border: 1px solid #d9d9d9;
 font-size:1em;
 color:#333333;
 font-weight:normal;
 font-family:Arial, Helvetica, sans-serif; 
}
.oneColLiqCtrHdr #container {
 min-width:970px;
 width:970px; 
 width: 85%!important; /* this will create a container 80% of the browser width */
 background: #FFFFFF;
 padding:0;
 margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
 border-top: 1px solid #FFFFFF;
 border-left: 1px solid #d6d3cf;
 border-right: 1px solid #d6d3cf;
 border-bottom: 1px solid #d6d3cf;
 text-align: left; /* this overrides the text-align: center on the body element. */
 overflow:hidden;
}

.oneColLiqCtrHdr #headernest {
 background: #333333;
 margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
 padding: 0;
 height:27px;
 border-top: 1px solid #525252;
}

.oneColLiqCtrHdr #mainContent {
 display:block;
 clear:both;
 background: #FFFFFF;
}


.oneColLiqCtrHdr #headercontainer {
 min-width:970px;
 width:970px; 
 width: 85%!important;
 background: #333333-;
 margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
 text-align: left; /* this overrides the text-align: center on the body element. */
 height:27px;
 clear:both;
 display:block;
}

.oneColLiqCtrHdr #header {
 padding: 0 10px 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
 clear:both;
 display:block;
}

.addmorelink
{
    vertical-align:middle;
 color:ButtonShadow;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.75em;
 font-weight:normal;
 text-decoration:none;
 cursor:pointer;
 font-style:italic!important;
}
.AddQuestions
{
    background: #eee;    
    vertical-align:middle;
    text-align:center;      
    cursor:pointer;
    width:200px;
    height:80px; 
    text-indent: 0 0 10% 0;    
    padding-top: 60px;
}
.oneColLiqCtrHdr #logo {
 width:90px; 
 cursor:pointer;
}

.oneColLiqCtrHdr #headeracctype {
 padding: 5px 5px 5px 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
 color:#ffae00;
 font-weight:bold;
 font-size:0.75em;
    font-family:Arial, Helvetica, sans-serif;  
}


.homeicon 
{
  float: left; vertical-align: top
}


.oneColLiqCtrHdr #headerlinks {
 padding: 2px 0 2px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
 width:200px; 
 min-width:200px;
 height:15px;
 color:#333333;
 font-weight:bold;
 font-size:0.7em;
    font-family:Arial, Helvetica, sans-serif;  
 border-radius: 3px;
 border: 1px solid #ffae00;
 background-color:#ffae00;
 margin-top:2px;
}


.oneColLiqCtrHdr #welcome{
 display:block;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:1.2em;
 font-weight: bold;  
 color:#333333;
 letter-spacing:-1px;
 text-align:right;

}



.oneColLiqCtrHdr #lastlogin{
 display:block;
 font-family:Arial, Helvetica, sans-serif;
 font-size:0.75em;
 font-weight:normal;
 font-style:italic;
 color:#333333;
 text-align:right
}

.oneColLiqCtrHdr #pagecontentcol_center {
 display:block;
 text-align:justify;
 padding:20px 5px 10px 10px;
}

.oneColLiqCtrHdr #centercolcontent{
 display:block;
 font-weight:normal;
 font-style:normal;
 color:#333333;
 padding-top:0px;/*Modified by prabha on 6 Oct 2011, From 10 px to 0px*/
 padding-bottom:20px;
}

.oneColLiqCtrHdr #rightcol {
 width:210px; 
 padding-left: 20px; 
 padding-right: 10px;
 padding-top:35px;

}

.oneColLiqCtrHdr #rightcol_navcontainer{
 padding-bottom:15px;
 border-bottom: 1px dotted #666666;
 margin-bottom:15px 
}

.oneColLiqCtrHdr #rightcol_accountsettings{
 background-image: url(../images/icon_accsetting.jpg); 
 background-position:left 2px; 
 background-repeat:no-repeat; 
 padding-left:30px; 
 padding-top:6px; 
 height:18px;  
    font-family:Arial, Helvetica, sans-serif; 
 font-size:0.6em;
 cursor:pointer;
}

.oneColLiqCtrHdr #rightcol_faq{
 background-image: url(../images/icon_faq.jpg); 
 background-position:left 2px; 
 background-repeat:no-repeat; 
 padding-left:30px;  
 padding-top:7px; 
 height:18px;  
    font-family:Arial, Helvetica, sans-serif;  
 font-size:0.6em;
 cursor:pointer;
}

.oneColLiqCtrHdr #rightcol_feedback{
 background-image: url(../images/icon_feedback.jpg); 
 background-position:left 2px; 
 background-repeat:no-repeat; 
 padding-left:30px; 
 padding-top:7px; 
 height:18px;  
    font-family:Arial, Helvetica, sans-serif; 
 font-size:0.6em;
 cursor:pointer;
 
}

.oneColLiqCtrHdr #rightcol_website{
 background-image: url(../images/icon_weblink.jpg); 
 background-position:left 2px; 
 background-repeat:no-repeat; 
 padding-left:30px; 
 padding-top:7px; 
 height:18px; 
    font-family:Arial, Helvetica, sans-serif;  
 font-size:0.6em;
 cursor:pointer;
}

.oneColLiqCtrHdr #rightcol_quoteofthedaycontainer{
 padding-bottom:15px;
 border-bottom: 1px dotted #666666;
 margin-bottom:15px;
    font-family:Arial, Helvetica, sans-serif;  
 background-image: url(../images/homepage_QOTD.gif); 
 background-repeat:no-repeat; 
 background-position: -5px top;
 padding: 57px 0 10px 0; 
}



.oneColLiqCtrHdr #rightcol_availableinappstore{
 height:50px;
 padding: 65px 0 10px 0; 
 background-image:url(../images/availableinappstore.jpg);
 background-repeat:no-repeat;
 
 font-family: Arial, Helvetica, sans-serif;
 font-weight:bold;
 color:#3f3f3f;
 cursor:pointer;
 display:block;
 clear:both
}


.oneColLiqCtrHdr #landingpage_myquoteofthedaycontainer{
 margin-bottom: 10px; 
 background-color:#FDFDFD; 
 border:1px solid #DADADA;  
 padding:15px; 
 border-radius: 5px; 
 -moz-border-radius: 5px; 
 display:block;
 clear:both
}


.oneColLiqCtrHdr #landingpage_gettingstartedcontainer{
 margin-bottom: 10px; 
 border:1px solid #e8e8e8;  
 padding:15px; 
 border-radius: 5px; 
 -moz-border-radius: 5px; 
 display:block
}

.oneColLiqCtrHdr #surveyquizcontainer{
 margin-bottom: 10px; 
 border-bottom:1px dotted #333333; 
 padding:10px; 
 display:block;
 margin-bottom:10px;
}

.oneColLiqCtrHdr #gettingstartedimgcontainer{
 background: url(../images/img_gettingstarted.jpg) no-repeat top left ; 
 height:91px; width:110px;
}

.landingpage_itemtitle{
 font-family:'Times New Roman', Times, serif;  
 font-size:1.7em; 
 color:#333333; 
 letter-spacing:-1px;
 margin-bottom:5px;
 width:100%;
 display: block
}

.itemtitlesocialmedia{
 width:100%;
 height:30px;
 display: block;
 margin-bottom:5px;
}



.oneColLiqCtrHdr #landingpage_powerupcontainer{
 display:block;
 clear:both;
 /*margin-bottom:20px;-Commented by Prabha on 05-Oct-2011*/
}


.subpage_itemtitleFBlinkleft{
 font-family:'Times New Roman', Times, serif;  
 font-size:1.7em; 
 color:#333333; 
 letter-spacing:-1px;
 margin-bottom:5px;
 width:70%;
 float:left;
 display: block
}

.subpage_itemtitlecontainer{
 margin-bottom:10px;
 width:100%;
 display: block
}

.subpage_itemsocialmedia{
 width:100%;
 height:30px;
 display: block;
 margin-bottom:5px; 
}



.itemsocialmedia{
 width:100%;
 height:30px;
 display: block;
 margin-bottom:5px; 
}

.contenttitle{
 font-family:Arial, Helvetica, sans-serif;  
 font-size:0.75em;
 font-weight:bold;
 color:#333333;
 margin-bottom:10px;
 margin-top:10px; 

}

.itemtitle{
 font-family:Arial, Helvetica, sans-serif; 
 font-size:1.2em;
 font-weight:bold; 
    color: #333333;
 margin-bottom:5px; 
 letter-spacing:-1px; 
}

.itemtitle2{
 font-family:Arial, Helvetica, sans-serif;  
 font-size:1.5em;
 font-weight:bold;
 color:#333333; 
 letter-spacing:-1px;
 padding-top:10px;

}


.itemtitleForHappinessHistory{
 font-family:Arial, Helvetica, sans-serif;  
 font-size:1.5em; 
 color:#333333; 
 letter-spacing:-1px;
 padding-top:10px;

}
.popupitemtitle{
 font-family:Arial, Helvetica, sans-serif;;  
 font-size:1.2em; 
 color:#333333; 
 width:428px;
 padding-bottom:5px;
}


.popupsubtitle{
 font-family:Arial, Helvetica, sans-serif;  
 font-size:0.75em;
 font-weight:bold;
 color:#333333; 
 padding-bottom:10px 
}
/* Added By Prabha*/
.popupsubtitleForHappinessExercise{
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.75em;
 font-weight:bold;
 color:#333333; 
 padding-bottom:10px ;
 text-align:center;
}
.popupbuttoncontainer{
 text-align:left;
 padding:5px 5px 5px 0;
}

.confirmationpopupbuttoncontainer{
 text-align:center;
 padding:5px 5px 5px 0;
}

.scorepopupbuttoncontainer{
 text-align:left;
 padding:5px 5px 5px 0;
 margin-top:5px;
 margin-bottom:5px;
}


.closePopup
{
    cursor:pointer;
}
.subpage_itemtitleFBlinkright{
 
 margin-bottom:5px; 
 width:30%;
 height:30px;
 float:left;
 text-align:right;
 display: block
}

.subpage_itemtitle{
 font-family:'Times New Roman', Times, serif;  
 font-size:1.7em; 
 color:#333333; 
 letter-spacing:-1px;
 margin-bottom:5px;
 width:100%;
 display: block;
 
}

.subpage_subitemtitle{
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.75em;
 font-weight:bold;
 padding:10px 10px;
 cursor: pointer;
 border-bottom:1px solid #EBEAE7;  
}

.itemcontainer{
 padding:10px 0 0 10px;/*Modified Padding:15px to padding:0px 10px 10px 0px; by prabha 05-oct-2011 */
 margin-bottom:10px;
 display:block;
 clear:both;
 /*border-bottom:1px solid #cecece;*/  
}

.article_itemcontainer{
 padding:0 10px 10px 0;/*Modified Padding:15px to padding:0px 10px 10px 0px; by prabha 05-oct-2011 */
 display:block;
 clear:both;
 /*border-bottom:1px solid #cecece;*/  
}

.reportfilteritemcontainer{
 padding:10px 0 10px 0;/*Modified Padding:15px to padding:0px 10px 10px 0px; by prabha 05-oct-2011 */
 display:block;
 clear:both;
 /*border-bottom:1px solid #cecece;*/  
}

.itemcommentcontainer{
 padding:15px; 
 display:block;
 clear:both; 
}


.itemcontentcontainer{
 clear:both;
 margin-bottom:10px;
 padding-top:10px;
}

.landingpage_itemcontentcontainer{
 clear:both
}

.subpage_itemcontentcontainer{
 clear:both
}

.usercomment_itemtoprow{
 height:16px ; 
 border-bottom:1px solid #EBEAE7;
}

.usercomments_itemoddrow{

 border-bottom:1px solid #EBEAE7;  
 min-height:30px; 
 padding:10px;  
 background-color:#FAFAFA;
}

.usercomments_itemevenrow{

 border-bottom:1px solid #EBEAE7;  
 min-height:30px; 
 padding:10px;  
 background-color:#ffffff;
}

.usercomments_itemloadmorerow{
 border-bottom:3px solid #214D98;  
 padding:5px;  
 background-color:#FFFFFF;
 cursor:pointer;
 overflow:hidden;
 display:block; 
}

.article_commentscontainer{
 display:block;
 float:left;
 width:95%;
}

#dvtotalcount{
 
}
#dvUserComments {
    display:block;
 margin-bottom:10px;   
}

/*.article_commentsbuttoncontainer{
 display:block;
 float:left;
 width:5%;
}

.article_usercomments_itemoddrow{
 border-bottom:1px solid #cecece;  
 padding:10px;  
 background-color:#ffffff;
 height:100%;
    overflow: hidden;
 
 clear:both;
 display:block;

}

.article_usercomments_itemevenrow{
 border-bottom:1px solid #cecece;  
 padding:10px;  
 clear:both;
    overflow: hidden; 
 padding:10px;  
 background-color:#FAFAFA;
 display:block;
}

.article_commentsdeletebutton{
 cursor:pointer
}*/

.subpage_commentsdeletebutton{
 cursor:pointer
}

.subpage_commentscontainer{
 display:block;
 float:left;
 width:95%;
}

.subpage_commentsbuttoncontainer{
 display:block;
 float:left;
 width:5%;
 text-align:right;
}

.subpage_usercomments_postcomment{
 border-bottom:1px solid #EBEAE7;
 border-right:1px solid #EBEAE7;
 border-left:1px solid #EBEAE7;    
 min-height:30px; 
 padding:10px;  
 background-color:#FAFAFA;
}

.subpage_usercomments_itemoddrow{
 border-bottom:1px solid #EBEAE7;  
 border-left:1px solid #EBEAE7;  
 border-right:1px solid #EBEAE7;  
 padding:10px 10px 0 10px; 
 background-color:#FAFAFA;
 height:100%;
    overflow: hidden;
 clear:both;
 display:block;

}

.subpage_usercomments_itemevenrow{
 border-bottom:1px solid #EBEAE7;  
 border-left:1px solid #EBEAE7;  
 border-right:1px solid #EBEAE7;    
 padding:10px 10px 0 10px;  
 clear:both;
    overflow: hidden; 
 background-color:#F2F2F2;
 display:block;
}


.subpage_usercomments_itemloadmorerow{ 
 border-bottom:3px solid #214D98;  
 background-color:#FFFFFF;
 padding:5px;
 cursor:pointer;
 overflow:hidden;
 display:block;
}

.itemloadmorerow{ 
 border-bottom:3px solid #214D98;  
 border-right:1px solid #EBEAE7;  
 border-left:1px solid #EBEAE7;   
 background-color:#FFFFFF;
 padding:5px;
 cursor:pointer;
 overflow:hidden;
 display:block;  
}
.subpage_commentsdeletebutton{
 cursor:pointer
}

.subpage_subitemoddrow{
 border-right:1px solid #EBEAE7; 
 border-left:1px solid #EBEAE7; 
 border-bottom:1px solid #EBEAE7;   
 padding:5px;  
 background-color:#F2F2F2;
 display:block;
 overflow:hidden;
}


.subpage_subitemevenrow{
 border-right:1px solid #EBEAE7; 
 border-left:1px solid #EBEAE7; 
 border-bottom:1px solid #EBEAE7;   
 padding:10px;  
 background-color:#FAFAFA;
 display:block;
 overflow:hidden;
}



.subpage_itemoddrow{
 border-bottom:1px solid #EBEAE7;
 background-color:#F2F2F2;
 padding:5px;
}

.subpage_itemevenrow{
 border-bottom:1px solid #EBEAE7;
 background-color:#FAFAFA;
 padding:5px;
 
}

/*.article_itemoddrow{
 border-bottom:1px solid #cecece;  
 background-color:#FAFAFA;
}

.article_itemevenrow{
 border-bottom:1px solid #cecece;  
 background-color:#F2F2F2;
}

.article_itemtitle{
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.7em;
 font-weight:bold;
 padding:10px 10px;
}

.articleviewbuttoncontainer{ 
 padding:10px;  
 width:80px;
 
}
.article_itemtitle_WithCursor{
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.75em;
 font-weight:bold;
 padding:10px 10px;
 cursor: pointer;
    cursor: hand;
}

.article_usercomments_postcomment{
 border-bottom:1px solid #cecece;  
 min-height:30px; 
 padding:10px;  
 background-color:#ffffff;
}


.article_usercomments_itemloadmorerow{ 
 border-bottom:1px solid #cecece;  
 background-color:#ffae00;
}

.oneColLiqCtrHdr #landingpage_articlecontainer{
 display:block;
 clear:both;
 margin-bottom:20px;
}

.oneColLiqCtrHdr #subpage_articlecontainer{
 display:block;
 clear:both;

}
*/
.commentcontainer{
 display:block;
 padding:0;
 margin:0;

}

.itemlistcontainer{
 display:block;
 padding:0;
 margin:0;
 border-right: 1px solid #d6d3cf; 
 border-left: 1px solid #d6d3cf;
 border-top: 1px solid #d6d3cf;   
}

.buttonloadmore{
    border:none;
    background-color:transparent;
 color:#124191;
 font-weight:bold;
 font-family:Arial, Helvetica, sans-serif; 
    overflow: visible;
    font-size:0.75em;
    margin:0;
    padding:0 0 3px 0; 
    cursor: pointer;
    margin-top:5px;
    float:left;
    display:block;
}

.iconloadmore{
    margin-left:5px;
    margin-right:5px;    
    float:left;    
}

.oneColLiqCtrHdr #subpage_powerupcontainer{
 display:block;
 clear:both;


}

.oneColLiqCtrHdr #subpage_itemcontainer{
 display:block;
 clear:both;

}

.articlebuttoncontainer{
 padding:10px;
 display:block;
 clear:both
}

/** -------------------------------------------------- */
/*  USER LEFT NAVIGATION
/* -------------------------------------------------- */

.oneColLiqCtrHdr #userleftnavigationprofilecontainer {
 padding: 10px 10px 10px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
 width:162px;
 height:100%;
 border-right:1px solid #d6d3cf;
 
}

.oneColLiqCtrHdr #userprofilepic {
 padding:0;
 width:158px;
 height:213px;
 border:1px solid #d6d3cf;
 display:block;
 background-color:#e8e8e8;
 /*background: url(../images/noprofilepic.jpg) no-repeat top left;*/ 
 
}

.oneColLiqCtrHdr #leftnavigationtitle {
 padding:5px 0 5px 0;
 width:160px;
 display:block;
 font-family: Arial, Helvetica, sans-serif;
 font-weight:bold;
 letter-spacing:-1px;
 color:#3f3f3f;
    font-size:0.9em 
 
}

.oneColLiqCtrHdr #leftnavcontainer {
 display:block;
 overflow:hidden;
 width: 160px
}

.leftnavodd {
 display:block;
 background-color:#CDDD8E;
 padding:10px 10px 20px 10px;
 width:140px;
 height:35px;
 border-bottom: 3px solid #CBE329; 
 position:relative;
 cursor:pointer;
 margin-bottom: 3px; 
}


.leftnavodd-content {
   position: absolute; 
    bottom: 0; 
 color: #333333;
 font-family:  Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:1em; 
 letter-spacing:-1px;
 vertical-align:bottom;
 bottom: 7px;  
 border:none
}

.leftnaveven {
 display:block;
 background-color:#DBE4F4;
 padding:10px 10px 20px 10px;
 width:140px;
 height:35px;
 border-bottom: 3px solid #C8DBFF;
 position:relative;
 cursor:pointer;
 margin-bottom: 3px; 
}

.leftnaveven-content {
   position: absolute; 
    bottom: 0; 
 color: #333333;
 font-family: Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:1em;
 letter-spacing:-1px;
 bottom: 7px; 
 border:none
}

.leftnavoddhalfcontainer{
 display:block;
 overflow:hidden;
 width: 160px
}


.leftnavoddhalf01 {
 display:block;
 background-color:#333333;
 padding:10px 10px 20px 10px;
 width:58px;
 height:35px;
 border-bottom: 3px solid #FFFFFF;
 position:relative;
 cursor:pointer;
 float:left;
 margin-right:3px;
}


.leftnavoddhalf01-content {
   position: absolute; 
    bottom: 0; 
 color: #222222;
 font-family:  Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:1em; 
 letter-spacing:-1px;
 vertical-align:bottom;
 bottom: 7px;  
 border:none
}

.leftnavoddhalf02 {
 display:block;
 color: #222222;
 padding:10px 10px 20px 10px;
 width:59px;
 height:35px;
 border-bottom: 3px solid #FFFFFF;
 position:relative;
 cursor:pointer;
 float:left;
}

.leftnavoddhalf02-content {
 position: absolute;
 bottom: 0;
 color: #000000;
 font-family:  Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:1em;
 letter-spacing:-1px;
 vertical-align:bottom;
 bottom: 7px;
 border:none;
 width: 55px;
}
.leftnavevenhalf01 {
 display:block;
 background-color:#ffae00;
 padding:10px 10px 20px 10px;
 width:58px;
 height:35px;
 border-bottom: 3px solid #FFFFFF;
 position:relative;
 cursor:pointer;
 float:left;
 margin-right:3px;
}
.leftnavevenhalf01-content {
   position: absolute; 
    bottom: 0; 
 color: #000000;
 font-family:  Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:1em; 
 letter-spacing:-1px;
 vertical-align:bottom;
 bottom: 7px;  
 border:none
}
.oneColLiqCtrHdr #footer { 
 padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
 background:#FFFFFF;
 width: 80%;  /* this will create a container 80% of the browser width */
 margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

} 
.oneColLiqCtrHdr #footer p {
 padding: 10px 20px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    font-family:Arial, Helvetica, sans-serif;  
 font-size:0.6em;
 text-align:center;
}

/** -------------------------------------------------- */
/* BUTTON
/* -------------------------------------------------- */

.buttoncontainer{
 text-align:left;
 padding:20px 10px 15px 10px;
}

.Surveybuttoncontainer{
 text-align:left;
 padding:10px 10px 15px 0;
}

.buttonRemoveImage{  
 background-color: Red;
 border:1px solid #d9d9d9;
    font-size:0.75em;
 color:#333333;
 font-weight:bold;
 font-style: italic;
 font-family:Arial, Helvetica, sans-serif; 
 cursor:pointer;
 margin-right:3px;
    overflow: visible;
}
.buttonpositive{
    padding:5px 10px;
 background-color:#ffa800;
 border:1px solid #d9d9d9;
    font-size:0.75em;
 color:#333333;
 font-weight:bold;
 font-family:Arial, Helvetica, sans-serif; 
 cursor:pointer;
 margin-right:3px;
    overflow: visible; 
}
.buttondelete{
 height:29px;
 width:auto;
 padding:5px 15px;
 background-color:#FFFFFF;
 border:1px solid #d9d9d9;
 font-size:1em;
 color:#333333;
 font-weight:bold;
 font-family:Arial, Helvetica, sans-serif; 
 cursor:pointer
}

.buttonadd{
 height:29px;
 width:29px;
 padding:5px;
 background-color:#ffae00;
 border:1px solid #d9d9d9;
 font-size:0.75em;
 color:#333333;
 font-weight:bold;
 font-family:Arial, Helvetica, sans-serif; 
 cursor:pointer;
 text-align:center
}

.buttonminus{
 height:29px;
 width:29px;
 padding:5px;
 background-color:#FFFFFF;
 border:1px solid #d9d9d9;
 font-size:0.75em;
 color:#333333;
 font-weight:bold;
 font-family:Arial, Helvetica, sans-serif; 
 cursor:pointer;
 text-align:center;
}

.buttonnegative{
    padding:5px 10px;
 background-color:#FFFFFF;
 border:1px solid #d9d9d9;
    font-size:0.75em;
 color:#333333;
 font-weight:bold;
 font-family:Arial, Helvetica, sans-serif; 
 cursor:pointer;
 margin-right:3px; 
    overflow: visible;

}

.btnexpand{
 display:block;
 width:16px;
 height:20px;
 background-color:#ffae00;
 border:1px solid #d9d9d9;
 float:left;
 cursor:pointer;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:1.2em;
 padding-left:5px;
}

.btncollapse{
 display:block;
 width:14px;
 height:20px;
 background-color:#ffae00;
 border:1px solid #d9d9d9;
 float:left;
 cursor:pointer;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:1.2em;
 padding-left:7px;
}



/** -------------------------------------------------- */
/* FORM LAYOUT - 2 Column
/* -------------------------------------------------- */

.textfield_postcomment{
 min-height:50px;
 height:100%;
 width:420px;
 border: 1px solid #d9d9d9;
 font-size:0.75em!important;
 color:#333333;
 font-weight:normal;
 font-family:Arial, Helvetica, sans-serif; 
}


/** -------------------------------------------------- */
/* FONT
/* -------------------------------------------------- */

h1 { font-family:"Times New Roman", Times, serif; font-size:1.9em; color:#333333; letter-spacing:-1px;  font-weight:normal; margin:0; padding:0;} 

p {margin:0; padding:0;}

.topnavlinks{
 font-family:Arial, Helvetica, sans-serif; 
 font-size:1em;
 font-weight:normal;
 letter-spacing:-0.06em;
}


.pagedescription{
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.75em;
 font-weight:normal;
 text-align:justify;
}

.pagedescription_bold{
 font-weight:bold;
}

.formlink_updated{
 color:#33cc00;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.75em;
 font-weight:bold;
 text-decoration:none
}

.formlink_error{
 color:#ff0000;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.75em;
 font-weight:bold;
 text-decoration:none
}
.formlink{
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.75em;
 font-weight:normal;
 text-decoration:none
}

a.formlink:link{
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.75em;
 color:#333333;
 font-weight:normal;
 text-decoration:underline;
 cursor:pointer;
}

a.formlink:hover{
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.75em;
 color:#ffae00;
 font-weight:normal;
 text-decoration:none;
 cursor:pointer;
}

a.formlink:visited{
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.75em;
 color:#333333;
 font-weight:normal;
 text-decoration:underline;
 cursor:pointer;
}

a.formlink:active{
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.75em;
 color:#333333;
 font-weight:normal;
 text-decoration:underline;
 cursor:pointer;
}


.contenttext_bold{
 font-weight:bold; 
 font-size:0.75em; 
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold; 
}
.contenttext_italic{
 font-size:0.75em;
 font-style:italic; 
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:normal;
}
.contenttext{
 font-size:0.75em; 
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:normal;
}


a.link{ 
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold;

}

a.link:link{ 
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold;
 text-decoration:underline
}

a.link:hover{ 
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold;
 text-decoration:none
}

a.link:visited{ 
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold;
 text-decoration:underline
}


a.link:active{ 
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold;
 text-decoration:underline
}

.quoteofthedaytext{
 font-weight:bold; 
 font-style:italic; 
 font-size:0.75em; 
 color:#6c6c6c
}

.quoteofthedayauthor{
 font-weight:normal; 
 font-style:italic; 
 font-size:0.75em; 
 color:#6c6c6c;
}
.itemsubtitle{
 font-family: Arial, Helvetica, sans-serif;  
 font-size:0.9em; 
 color:#333333; 
}

.subpage_subitemtitlecontainer{
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.75em;
 font-weight:bold;
 float:left;
 display:block;
 width:85%
 
}

.subpage_subitemviewbuttoncontainer{
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.75em; 
 float:left;
 display:block;
 width:15%
 
}


.itemdivider
{
    width:100%;
    height:10px;
    border-bottom: 1px dotted #333333;
    display:block;
    clear:both;
    margin-bottom:10px
}

.itemheader {
 font-family:Arial, Helvetica, sans-serif; 
 font-size:1.7em; 
 font-weight:bold; 
 letter-spacing:-1px;
}

.itemheaderlink {
 font-family:Arial, Helvetica, sans-serif; 
 font-size:1.4em; 
 font-weight:bold; 
 letter-spacing:-1px;
 color:#333333;
 cursor:pointer;

}

.fielddiv_mandatory{
    height:auto;
 width: 200px;
 padding:1px;
 border: 1px solid Orange;
 display:block; 
}

.itemheaderlink a:link, .itemheader a:visited, .itemheader a:active {
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.9em;   
 font-weight:bold;
    color:#555555; 
 letter-spacing:-1px;
 cursor:pointer;
 text-decoration:none 
}

.itemheaderlink a:hover {
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.9em; 
 font-weight:bold; 
    color:#555555;  
 letter-spacing:-1px;
 cursor:pointer;
 text-decoration:underline
}


.commentusername {  
 font-size:0.75em;
    font-family:Arial, Helvetica, sans-serif;   
 font-weight:bold; 
 color:#637bad;
 clear:right;
}
.commentDate {
 font-size:0.75em; 
    font-family:Arial, Helvetica, sans-serif;  
 font-weight:normal; 
 color:#333333;
 clear:right;
}

.comment {
 font-size:0.75em; 
 font-weight:normal; 
    font-family:Arial, Helvetica, sans-serif;  
 color:#333333;
 clear:right;
}



/** -------------------------------------------------- */
/* ARTICLE TAB
/* -------------------------------------------------- */


#tabMenu {margin:0;padding:0 0 0 15px;list-style:none; background-image:url(../images/tab_bg.jpg); background-repeat:repeat-x ; background-position:left -1px; display:block; height:45px;}
#tabMenu li {float:left;height:44px;width:45px;cursor:pointer;cursor:hand; }

li.cognitiveevaluation {background: url(../images/tab_cognitiveevaluation.jpg) no-repeat 0 -45px; margin-right:3px;}
li.purposeinlife {background: url(../images/tab_purposeinlife.jpg) no-repeat 0 -45px;  margin-right:3px;}
li.positiveaffect {background: url(../images/tab_positiveaffect.jpg) no-repeat 0 -45px;  margin-right:3px;}
li.positiverelationships {background: url(../images/tab_positiverelationship.jpg) no-repeat 0 -45px;  margin-right:3px;}
li.engagement {background: url(../images/tab_engagement.jpg) no-repeat 0 -45px;   margin-right:3px;}
li.environmentalmastery {background: url(../images/tab_environmentalmastery.jpg) no-repeat 0 -45px;  margin-right:3px;}
li.reportschart {background: url(../images/tab_reportschart.jpg) no-repeat 0 -45px;   margin-right:3px;}
li.reportslist {background: url(../images/tab_reportslist.jpg) no-repeat 0 -45px;  margin-right:3px;}

li.mouseover {background-position:0 0;  margin-right:3px;}
li.mouseout {background-position:0 -45px;  margin-right:3px;}
li.selected {background-position:0 0;  margin-right:3px;}

.box {width:100%}
.boxTop {background:none no-repeat;height:11px;clear:both; display:none}
*html .boxTop {margin-bottom:-2px;}
.boxBody {background-color:#FFFFFF; border-bottom: 1px solid #cbc7bf; border-left: 1px solid #cbc7bf; border-right: 1px solid #cbc7bf; padding-bottom:10px; display:block}
.boxBottom {background: none no-repeat;height:11px; display:none}
#divArticle {border-bottom: 1px solid #cbc7bf; border-left: 1px solid #cbc7bf; border-right: 1px solid #cbc7bf; padding: 0 1px 1px 1px; margin:0; *padding: 0 1px 1px 1px; margin:0!important; height:100%;  /* IE 7 and below */}

.boxBody div {display:none;}
.boxBody div.show {display:block;}

.boxBody div ul {margin:0;padding:0;list-style-image:url(../images/arrow.gif)}
*html .boxBody div ul {margin-left:10px;padding-left:15px;}
.boxBody div li {border-bottom:1px dotted #8e8e8e; padding:4px 0;cursor:hand;cursor:pointer;}
.boxBody div ul li.last {border-bottom:none}
.boxBody div li span {font-size:8px;font-style:italic; color:#888;}

.transparentDiv
{
    background-color: gray;
    width: 100%;
    height: 100%;
    opacity: 0.7;/* changed the opacity 0.7 to 0.5*/
    filter: alpha(opacity=70);
    /*z-index: 50001;*/
    position: fixed;
    overflow:hidden;
    margin:0;
    padding: 0;
    top: 0;
    left: 0;
}

/** Added by Prabha on 16/09/2011 */        
.PopupBlock
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: #fff;
    padding: 10px;
    float: left;
    top: 37%;
    left: 30%;
    position: fixed;
    width: 450px;
    height:auto;
    border:5px solid #93908b;
    z-index: 50001; /*--CSS3 Box Shadows--*/ /*Changed the z-index 99999 to 50001 */
    -webkit-box-shadow: 0px 0px 20px #333;
    -moz-box-shadow: 0px 0px 20px #333;
    box-shadow: 0px 0px 20px #333; /*--CSS3 Rounded Corners--*/
    
}
.backButtoncontainer{
 padding:10px 0px 0px 430px;
 display:block;
 width:70px;
 clear:both
}
.nextButtoncontainer{
 padding:10px 0px 0px 0px;
 display:block;
 width:70px;
 clear:both
}

.textfield_2col_TextArea{
 margin-right:5px;
 height:60px;
 width:550px;
 border: 1px solid #d9d9d9;
 font-size:0.75em;
 color:#333333;
 font-weight:normal;
 font-family:Arial, Helvetica, sans-serif; 
}
.article_viewarticles_searchresult_titlerow_category{
 width:150px;
 height:10px;
 text-align:left;
 font-size:1em;
 background-color:#333333;
 color:#ffae00;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold;
 padding:8px 10px 8px 10px;
 border-left:1px solid #cbc7bf;
}

.oneColLiqCtrHdr #titlecontainer {
 padding: 5px 0 10px 0.5em; /* remember that padding is the space inside the div box and margin is the space outside the div box */
 background: #FFFFFF;
 display:block;
}
.oneColLiqCtrHdr #pagecontent {
 display:block;
 text-align:left;
 width:100%;
 margin-top:10px;
 
}
.formlabel_2col_Left{
 width:150px;
 text-align:left;
 font-size:0.75em;
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold;
 height:20px;
 padding:10px 0 10px 0;
}
.formcontent_2col_left{
 text-align:left;
 font-size:0.75em;
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:normal;
 height:20px;
 padding:10px 10px 10px 0px;
}
.SurveyTitleWithLink{
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.75em;
 font-weight:bold;
 padding:10px 10px;
 cursor: pointer;
    cursor: hand;
}
.PopupBlockFade
{
    background-color: #FFAE00;
    color: #333333;
    padding: 10px;
 font-family:Arial, Helvetica, sans-serif;    
    font-size: 0.75em;
    font-weight:bold;
    position: absolute;
    text-align:center;
    top: 0%;
    left: 0%;
    width: 100%;
    height:15px;
    z-index: 99999; /*--CSS3 Box Shadows--*/
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    -moz-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000; /*--CSS3 Rounded Corners--*/
    margin: 0 auto;    
    position: fixed;
}
.textfield_postcomment_DefaultText{
 min-height:50px;
 height:100%;
 width:420px;
 border: 1px solid #d9d9d9;
 font-size:0.75em!important;
 color:#333333;
 font-weight:normal;
 font-style:italic;
 font-family:Arial, Helvetica, sans-serif; 
}

.surveyTitleInPopup{
 width:700px;
 height:10px;
 text-align:left;
 font-size:0.75em;
 background-color:#333333;
    color:#FFA800;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold;
 border-right:1px solid #EBEAE7;
 border-top:1px solid #EBEAE7; 
}
.surveyQns{
 padding:8px 5px 8px 10px;
} 

.surveyAnsScoreContainer{
    background-color:#FFA800; 
    padding:10px;
    width:85px;
    height:65px; 
    vertical-align: middle; 
    text-align:center; 
    border:1px solid #EBEAE7
}

.surveyResultContainer
{
    padding-left:10px;
}


.surveyAnsScore{
    font-family:Tahoma; 
    font-size:3em; 
    font-weight:bold;
    color:#333333;
}

.surveyAnsResult{
    font-family:Tahoma; 
    font-size:0.75em; 
    font-weight:bold;
}
.surveyAnsDescription{
    font-family:Tahoma; 
    font-size:0.75em; 
    font-weight:normal;
}
.surveyResultQns{
 text-align:left;
 font-size:0.75em;
 background-color:#333333;
 color:#ffae00;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold;
 padding:8px 0 8px 5px; 
 
} 

.surveyResultRes{

 border-bottom:1px solid #EBEAE7;
 background-color:#FAFAFA;
 height:10px;
    font-size:0.75em;
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:normal;
 padding:5px 0 5px 5px; 
} 

.surveyResultResDes{
 border-bottom:1px solid #EBEAE7;
 background-color:#F2F2F2;
 height:10px;
    font-size:0.75em;
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:normal;
 padding:5px 0 5px 5px; 
} 


.surveyQuestionCountInPopup{
 height:10px;
 width:10px;
 background-color:#ffae00;
 border-left:1px solid #EBEAE7;
 border-top:1px solid #EBEAE7; 
}

.answercontainer{
 border-right:1px solid #EBEAE7; 
 border-left:1px solid #EBEAE7; 
 border-bottom:1px solid #EBEAE7;   
 padding:5px 0 5px 0;  
 background-color:#F2F2F2;
}

.surveyAnswertext{
 font-family:Arial, Helvetica, sans-serif; 
    font-size:0.75em; 
 font-weight:normal;
 color:#333333;
 display:block;
    padding: 3px 2px 0 0 ;
    float: left;
    max-width:50px;
}




.checkbox, .radio {
  width: 20px;
  height: 19px;
  padding: 0;
  display: block;
  float: left;
  clear:both;
}

.surveyQuestionCount-content {
 font-family:Arial, Helvetica, sans-serif; 
 text-align:left;
 font-size:0.75em;
    color: #333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold;
 padding:8px 5px 8px 5px; 

}
.surveyResultText{
 font-weight:bold;
 width:700px;
 text-align:center;
}

.textfield_2col_DefaultSearchText{
 margin-right:5px;
 height:25px;
 width:325px;
 border: 1px solid #d9d9d9;
 font-size:.75em;
 color:#333333;
 font-weight:normal;
 font-style:italic;
 font-family:Arial, Helvetica, sans-serif; 
}

.contenttext_bold_Title{
 font-weight:bold;
 cursor: pointer;
    cursor: hand;
}

#tdSurveyDescription{
    padding-top:10px;
}

.confirmationtitlePopupBlock{
 width:100%;
 height:10px;
 text-align:center;
 font-size:0.75em;
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold;
 width:428px; 
}

.confirmationPopupBlock
{
    background: #fff;
    padding: 15px 10px 10px 10px;
    float: left;
    position: fixed;
    vertical-align: middle;
    top: 43%;
    left: 33%;
    width: 350px;
    height:auto;
    min-height:60px;
    z-index: 99999; /*--CSS3 Box Shadows--*/
    border:5px solid #93908b;
    z-index: 50001; /*--CSS3 Box Shadows--*/ /*Changed the z-index 99999 to 50001 */
    -webkit-box-shadow: 0px 0px 20px #333;
    -moz-box-shadow: 0px 0px 20px #333;
    box-shadow: 0px 0px 20px #333; /*--CSS3 Rounded Corners--*/ 
}

.confirmationTransparentDiv
{
    background-color: gray;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    filter: alpha(opacity=70);
    z-index: 50001;
    position: fixed;    
    margin: 0px;
    padding: 0px;
    top: 0;
    left: 0;
}

.happinessExercisePopupBlock
{
    background: #fff;
    padding: 15px 10px 10px 10px;
    float: left;
    position: fixed;
    vertical-align: middle;
    top: 43%;
    left: 33%;
    width: 350px;
    height:auto;
    min-height:60px;
    z-index: 99999; /*--CSS3 Box Shadows--*/
    border:5px solid #93908b;
    z-index: 50001; /*--CSS3 Box Shadows--*/ /*Changed the z-index 99999 to 50001 */
    -webkit-box-shadow: 0px 0px 20px #333;
    -moz-box-shadow: 0px 0px 20px #333;
    box-shadow: 0px 0px 20px #333; /*--CSS3 Rounded Corners--*/ 
}

.surveyQuestionPopupBlock
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background: #fff;
    padding: 10px;
    float: left;
    top: 37%;
    left: 30%;
    position: fixed;
    width: 450px;
    height:auto;
    border:5px solid #93908b;
    z-index: 50001; /*--CSS3 Box Shadows--*/ /*Changed the z-index 99999 to 50001 */
    -webkit-box-shadow: 0px 0px 20px #333;
    -moz-box-shadow: 0px 0px 20px #333;
    box-shadow: 0px 0px 20px #333; /*--CSS3 Rounded Corners--*/
}
.viewSurveyQuestionPopupBlock
{
    background: #fff;
    padding: 10px;
    float: left;
    position: absolute;
    vertical-align: middle;
    top: 20%;
    left: 30%;
    position: fixed;
    width: 450px;
    height:auto;
    border:5px solid #93908b;    
    z-index: 99999; /*--CSS3 Box Shadows--*/
    -webkit-box-shadow: 0px 0px 20px #333;
    -moz-box-shadow: 0px 0px 20px #333;
    box-shadow: 0px 0px 20px #333; /*--CSS3 Rounded Corners--*/
    
}
.surveyViewDetails
{
    height:185px;
    overflow-y:auto;
    overflow-x:hidden;
    margin-top:10px;
}

.surveySection{
    min-height:70px;
    margin-bottom:10px;
}
/* Added by Manivannan N on 28/09/2011*/
.ButtonAsLink
{
background-color: transparent;
color:#0055BB;
border: none;
cursor: pointer;

}

.oneColLiqCtrHdr #socialmediarightcol{
 height:30px; 
 margin-top:10px; 
 display:block;
 width:100%;
}

.FBShare {
 width: 55px;
 height: 30px;

 display:block;
 float:left;
 margin-top:0px;
 
}

.twitter {
 width: 60px;
 height: 30px;

 display:block;
 float:left;
 margin-top:0px;
 
}


.FBLike
{
 border: 0;
 min-width: 340px;
 height: 30px;
 float:left
}
.FBShare_rightcol {
 width: 55px;
 height: 30px;
 overflow: hidden;
 display:block;
 float:left;
 margin-top:0px; 
}

.twitter_rightcol {
 width: 60px;
 height: 30px;
 overflow: hidden;
 display:block;
 float:left;
}

.FBLike_rightcol
{
 border: 0;
 width: 50px;
 height: 23px;
 float:left; 
 margin-top:0px; 
}

a:link, a:visited, a:active {
    color: #333;
    text-decoration:none
}

a:hover {
    color: #333;
    text-decoration:underline
}


.postcommentcontainer {
    display:block;
    margin-bottom:10px;
    margin-top:3px;
    width:100%;
}

.breadcrumb{
    max-width:200px;
    overflow:hidden;    
}

.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active {
    color:#999999;
    text-decoration:underline;
    font-weight:normal;    
    cursor:pointer;

}
.breadcrumb a:hover {
    color:#999999;
    text-decoration:none;
    font-weight:normal;
    cursor:pointer;    
}
.breadcrumb_current {
    color:#333333;
    text-decoration:underline;
    font-weight:bold;
}

#dvPageNavigation
{
    font-family:Arial, Helvetica, sans-serif; 
    font-size:0.75em;
}

#dvCommentsTbl {
    padding:10px 0 20px 10px;
    font-family:Arial, Helvetica, sans-serif; 
    font-size:0.75em; 
    color:#333333;
    font-weight:bold;
    font-style:italic;       
}


.generalsystemmessage{
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.75em;
 font-weight:bold;
 padding:10px 0 10px 0;
}


/** -------------------------------------------------- */
/* FORM LAYOUT - 2 Column
/* -------------------------------------------------- */

.formcontainer
{
    *table-layout: fixed;
    table-layout : fixed;
}   

._formlabel_2col{
 width:160px;
 text-align:left;
    font-size:0.75em;
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold;
 padding:5px 5px 0 5px 0;
 vertical-align:middle;
}
.formlabel_2col{
 width:130px;
 text-align:left;
    font-size:0.75em;
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold;
 padding:5px 5px 0 5px 0;
 vertical-align:middle;
}

.formcontent_2col{    
 text-align:left; 
 padding:5px 30px 5px 10px; 
}

.textfield_2col{
 vertical-align:middle;
 width: 200px; 
 font-family:Arial, Helvetica, sans-serif; 
    font-size:0.75em; 
 color:#333333;
 border:none;
 background-color:transparent!important; 
}

.HEtextfield{
 vertical-align:middle;
 width: 200px; 
 font-family:Arial, Helvetica, sans-serif; 
    font-size:0.75em; 
 color:#333333;
 border: 1px solid #d9d9d9;
 background-color:transparent!important; 
}

.HEtextareafield{ 
 width: 200px;
 height:50px; 
 font-family:Arial, Helvetica, sans-serif;     
 color:#333333;
 border: 1px solid #d9d9d9;
 background-color:transparent!important; 
}

.textarea_2col{
 width:300px;
 max-width:300px;
 min-height:100px;
 height:auto; 
   border:1px solid #FFFFFF!important;
   background-color:#FFFFFF!important;  
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
    font-size:0.75em; 
}

.feedbacktextarea_2col{
 width:420px;
 max-width:420px;
 min-height:100px;
 height:auto; 
   border:1px solid #FFFFFF!important;
   background-color:#FFFFFF!important;  
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
    font-size:0.75em; 
}

.radiobuttontext{
 font-family:Arial, Helvetica, sans-serif; 
    font-size:0.75em; 
 font-weight:normal;
 color:#333333  
}
.menulist_2col
{  
 width: 200px; 
 color:#333333;
 vertical-align:middle;
 font-family:Arial, Helvetica, sans-serif; 
    font-size:0.75em;
   color:#333333;
   border:1px solid #FFFFFF!important;
   background-color:#FFFFFF!important;  
}

.fielddiv{
    height:auto;
 width: 200px;
 padding:1px;
 border: 1px solid #d9d9d9;
 display:block;
    margin-right:5px;  
}

.fielddiv_registration{
    height:auto;
 width: 250px;
 padding:3px 1px 4px 1px; 
 border: 1px solid #d9d9d9;
 display:block;
    float:left; 
    margin-right:5px; 
}

.registration_btncontainer{
    float:left;     
}

.registration_requiredimg{
 margin-top: -1px; 
 float: left   
}

.registration_requiredtext{
 margin-top: -1px; 
 float: left;
 margin-right:3px;   
}


.areadiv{
    height:auto;
 width: 305px;
 padding:1px;
 border: 1px solid #d9d9d9;
}



.textfield_2colerror{
 border: 1px solid #ff3300;

}

/** -------------------------------------------------- */
/* GENERAL RESULTS SEARCH CONTAINER
/* -------------------------------------------------- */


.searchresults_container {
 border-top: 1px solid #EBEAE7;
 border-right: 1px solid #EBEAE7;
 border-left: 1px solid #EBEAE7;   
}

.searchresults{
 text-align:left;
 font-size:1em;
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold;
 font-style:italic;
 padding:8px 0 8px 5px; 
}

.happinessQuestionRow{
 text-align:left;
 background-color:#FAFAFA;
 padding:8px 0 8px 5px; 
}
.happinessQuestion{
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold;
 font-size:0.75em;
}

.happinessbuttoncontainer{
 text-align:left;
 padding:5px 5px 5px 0;
 
}
.happinessSendEmailRow{
 text-align:left;
 padding:5px 0 5px 5px;
 border-bottom:1px dotted #666666; 
    color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold;
 font-size:0.75em;
}

.happinessAnswerRow{
 text-align:left;
 padding:5px 0 5px 5px;
 border-bottom:1px dotted #666666; 

}

.happinessAnswer{
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold;
 font-size:0.75em;
}


.reportsbuttoncontainer{
 text-align:left;
 padding:10px 5px 10px 0;
 
}

.searchresults_titlerow{
 text-align:left;
 background-color:#333333;
 padding:8px 5px 8px 5px; 
}

.searchresults_title{
 color:#FFA800;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold;
 font-size:0.75em;
}

.searchresults_itemrow{
 border-bottom:1px solid #EBEAE7;
 background-color:#F2F2F2;
 padding:5px; 
}

.searchresults_item{
    font-size:0.75em;
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:normal;
} 

.searchresults_itembold{
    font-size:0.75em;
 color:#333333;
 font-family:Arial, Helvetica, sans-serif; 
 font-weight:bold;
} 

.searchresults_itemrowAlternate{
 border-bottom:1px solid #EBEAE7;
 background-color:#FAFAFA;
 padding:5px;
 
}

.searchresults_messagecontainer{
 padding:5px 0 5px 0; 
}

/*Added by Prabha Date  28/10/2011*/
.styleForImage
{
    cursor:pointer;
}
.buttonbacktohome{
 height:25px;
 background: url(../images/btnbluebg.jpg) repeat-x left top #21579c;
 border:1px solid #4a7000;
 font-size:0.75em;
 color:#FFFFFF;
 font-weight:bold;
 font-family:Arial, Helvetica, sans-serif; 
 cursor:pointer;
    padding:5px 10px;
 margin-right:3px;
    overflow: visible;  
}


.reportContainer
{
    
 margin-bottom: 5px;  
 padding:5px;  
 display:block;
 float:left;
}
.descriptionContainer{
 margin-bottom: 10px; 
 border:1px solid #e8e8e8;  
 padding:15px; 
 border-radius: 5px; 
 -moz-border-radius: 5px; 
 display:block;
 float:right;
 width:130px;
}


.reporttitle{
    font-family:Tahoma; 
    font-size:0.75em; 
    font-weight:bold;
}

.reportDesciption{
    font-family:Tahoma; 
    font-size:0.75em; 
    font-weight:normal;
}

.chartImage
{
    width:160px;
    height:160px;
}



        
.addmorelink
{
    vertical-align:middle;
 color:ButtonShadow;
 font-family:Arial, Helvetica, sans-serif; 
 font-size:0.75em;
 font-weight:normal;
 text-decoration:none;
 cursor:pointer;
 font-style:italic!important;
}

/* Paging Class*/
.paging{
    font-size:0.75em;
 color:#333333;
 font-weight:normal;
 font-family:Arial, Helvetica, sans-serif; 
 padding:8px 0 8px 0;
}

a.paging:link, a.paging:visited {
    font-size:0.75em;
 color:#333333;
 font-weight:normal;
 font-family:Arial, Helvetica, sans-serif; 
 text-decoration: underline;
 
}

a.paging:hover {
 color:#333333;
 font-weight:normal;
 text-decoration: none;
}
 .addmorelink
{
    color: #333333;
    font-family:Arial, Helvetica, sans-serif; 
    font-size: 0.75em;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
    font-style: italic !important;
    padding: 5px 0 5px 10px;
    display: block;
}



.moduleTitle01{
    font-family: 'Lobster', cursive;
 font-size:1.8em;
    color: #FE6638;   
     margin-bottom:5px;    
}

.moduleTitle02{
    font-family: 'Lobster', cursive;
 font-size:1.8em;
    color: #FF464D;  
     margin-bottom:5px;   
}

.moduleTitle{
    font-family: 'Lobster', cursive;
 font-size:1.8em;
    color: #FF8A00;
    margin-bottom:10px;
}


.leftnavArticles {
 display:block;
 background-color:#FF464D;
 padding:10px 10px 20px 10px;
 width:140px;
 height:35px;
 border-bottom: 3px solid #DE0008; 
 position:relative;
 cursor:pointer;
 margin-bottom: 3px; 
}


.leftnavArticles-content {
   position: absolute; 
    bottom: 0; 
 color: #333333;
 font-family:  Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:1em; 
 letter-spacing:-1px;
 vertical-align:bottom;
 bottom: 7px;  
 border:none
}

.leftnavPowerup {
 display:block;
 background-color:#FE6638;
 padding:10px 10px 20px 10px;
 width:140px;
 height:35px;
 border-bottom: 3px solid #EA3802; 
 position:relative;
 cursor:pointer;
 margin-bottom: 3px; 
}

.leftnavMPC {
 display:block;
 background-color:#FFA800;
 padding:10px 10px 20px 10px;
 width:140px;
 height:35px;
 border-bottom: 3px solid #FF7E00; 
 position:relative;
 cursor:pointer;
 margin-bottom: 3px; 
}

.leftnavHE {
 display:block;
 background-color:#A6D600;
 padding:10px 10px 20px 10px;
 width:140px;
 height:35px;
 border-bottom: 3px solid #BCE656; 
 position:relative;
 cursor:pointer;
 margin-bottom: 3px; 
}

.leftnavReports {
 display:block;
 background-color:#DBE4F4;
 padding:10px 10px 20px 10px;
 width:140px;
 height:35px;
 border-bottom: 3px solid #BBD4FF;
 position:relative;
 cursor:pointer;
 margin-bottom: 3px; 
}

.leftnavMGMt01 {
 display:block;
 background-color:#BBD4FF;
 padding:10px 10px 20px 10px;
 width:58px;
 height:35px;
 border-bottom: 3px solid #DBE4F4;
 position:relative;
 cursor:pointer;
 float:left;
 margin-right:3px;
 margin-bottom: 3px;  
}

.leftnavMGMt02 {
 display:block;
 background-color:#BBD4FF;
 padding:10px 10px 20px 10px;
 width:59px;
 height:35px;
 border-bottom: 3px solid #DBE4F4;
 position:relative;
 cursor:pointer;
 float:left;
 margin-bottom: 3px; 
}


Keep ur coding aside.. Relax for some time..