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;
}