@charset "UTF-8";
/* CSS Document -- 'comments.css' */

/**************************************************************
   AUTHOR:  Scott Stearns (fire-force.com)
   DATE:    Aug 2008
   PURPOSE: Controls the layout of the Comments pages.
 **************************************************************/


/*  Client Comments page overall layout elements
    --------------------------------------------  */

#pageTallClients {
				  float: left;
				  height: 865px;
				  width: 900px;
				  clear: both;
				  padding-bottom: 0px;
				  }



#contentFieldTallClients  {
						  margin-left: auto;
						  margin-right: auto;
						  margin-bottom: -20px;
						  padding-bottom: 0px;
						  width: 900px;
						  height: 840px;
						  border-top: solid 0px #FDFEEA;
						  border-bottom:#0066FF solid 0px;
						  background: #FFFFF3 url(../images/bg/commentsOuterBkgd.jpg) repeat-x scroll; /* left 0px; #FAFBEC*/
						  overflow: hidden;
						  }

#headlineLeft 	{
				background-color: transparent;
				background-image: ;/*url(../images/other/staffGridA.jpg)*/
				border: #FF9900 solid 0px;
				width: 327px;/*542*/
				height: 105px;/*180*/
				color: #666666;
				font-size: 18px;
				margin-top: 0;
				margin-left: 0px;
				float: left;
				}
				

#headlineLeft h2	{
					color: #78533E;/*96674D A16F53 993300*/
					font-size: 29px;
					margin-left: 38px;
					margin-top: 67px;
					padding: 0;
					text-align: center;
					border: #7E7E75 solid 0px;
					}

#headlineRight 	{
				background-color: transparent;
				background-image: ;/*url(../images/other/staffGridA.jpg)*/
				border: #FF9900 solid 0px;
				width: 375px;/*542*/
				height: 105px;/*180*/
				color: #666666;
				font-size: 18px;
				margin-top: 0;
				margin-left: 0px;
				float: left;
				}


#headlineRight h2	{
					color: #6A543E;
					font-size: 22px;
					margin-left: 0px;
					margin-top: 74px;
					padding: 0;
					border: #7E7E75 solid 0px;
					}

#columnLeft {
			background-color: transparent;
			background-image: ;/*url(../images/other/staffGridA.jpg)*/
			border: #FF9900 solid 0px;
			width: 365px;/*542*/
			height: 623px;/*180*/
			color: #666666;
			font-size: 12px;
			margin-top: 0;
			margin-left: 0px;
			float: left;
			}


#columnRight    {
				background-color: transparent;
				background-image: ;/*url(../images/other/staffGridB.jpg)*/
				border: #FF9900 solid 0px;
				width: 365px;/*180*/
				height: 623px;/*540*/
				color: #666666;
				font-size: 12px;
				margin-top: 0;
				margin-left: 0px;
				float: left;
				}


#columnRight img    {
					border: none;
					cursor: pointer;
					} 

.highlightText	{
				font-weight: bold;
				font-size: 13px;
				}
				
/* Client Comments -- Rules for comments TEXT and ATTRIBUTION
                --  for both L and R pages as marked.
				--  see margin adjustment ruls in individual
				    page sections below.
   ---------------------------------------------------------- */

.commentTextFirst,
.commentText,
.commentTextLast,
.commentTextFirstPg2,
.commentTextPg2,
.commentTextLastPg2 	{
						color: #6A543E;
						font-size: 12px;
						padding: 0;
						text-align:justify;
						line-height: 13px;
						border: #CC9933 solid 0px;
						}	

.commentAttrib,
.commentAttribLast,
.commentAttribLastPg2	{
						color: #6A543E;
						font-size: 12px;
						padding: 0;
						text-align: right;
						line-height: 12px;
						border: #993300 solid 0px;
						}	

				

/* PAGE 1/ODD  Client Comments --  Page 1 and odd numbered page rules.
   -------------------------------------------------------------------  */

#frameClientsL       {
					 background: #FFFFF3 url(../images/other/clientsBkgdA.jpg) no-repeat;/*FAFBEC*/
					 border: #FFFFF# solid 0px; /*Alternate Colors:  C8CABA 8AB6BE  */
					 width: 736px;/* -- */
					 height: 738px;/*725*/
					 margin-top: 20px;
					 margin-right:auto;
					 margin-bottom: 10px;
					 margin-left: auto;
					 }


#commentsNavLeft	{
					background: #FFFFF3 url(../images/other/commentsMoreBttn.jpg) repeat-y;
					border: #333333 solid 0px;
					width: 283px;
					height: 20px;
					padding-top: 0px;
					margin-left: 37px;
					}


#commentsNavLeft h4	{
					/*background-image: ;url(../images/other/staffGridA.jpg)*/
					border: #FF9900 solid 0px;
					width: 240px;/*542*/
					height: 10px;
					color: #FFFFFF;
					margin-left: 0px;
					margin-top: 0px;
					padding-top: 3px;
					padding-left: 10px;
					text-align: left;
					vertical-align: baseline;
					}

#IE6wrapper #commentsNavLeft h4	{							/*   --  IE6  --   */
								padding-top: 4px;
								padding-left: 8px;
								padding-bottom: 4px;
								border: #FF9900 solid 0px;
								}
								
								
#IE7wrapper #commentsNavLeft h4	{							/*   --  IE7  --   */
								padding-top: 2px;
								padding-left: 10px;
								border: #FF9900 solid 0px;
								}


#commentsNavLeft h4 a	{
						color: #FFFFF3;
						}

#commentsNavLeft h4 a:hover	{
							color: #6A543E;
							}


.hallway    {					/* The image on the right side of page 1.*/
			margin-top: 35px;
			margin-left: 25px;
			}




/* PAGE 1  Margin adjustments for comments text and attributions - PAGE 1
   ----------------------------------------------------------------------  */


.commentTextFirst   {
					margin: 30px 43px 0px 37px;
					}	

.commentText   		{
					margin: 35px 43px 0px 37px;
					}	


.commentTextLast    {
					margin: 35px 43px 0px 37px;
					}	
					
					
.commentAttrib		{
					margin: -10px 43px 0px 37px;
					vertical-align: super;
					}	
					
.commentAttribLast	{
					margin: -10px 43px 48px 37px;
					}	



/* PAGE 2/EVEN  Client Comments -- Page 2 and even numbered page rules. PAGE 2/EVEN
   --------------------------------------------------------------------------------  */

#frameClientsR       {
					 background: #FFFFF3 url(../images/other/clientsBkgdR.jpg) no-repeat;/*FAFBEC*/
					 border: #FFFFF# solid 0px; /*Alternate Colors:  C8CABA 8AB6BE  */
					 width: 736px;/* -- */
					 height: 738px;/*725*/
					 margin-top: 20px;
					 margin-right:auto;
					 margin-bottom: 10px;
					 margin-left: auto;
					 }
					 
#commentsNavRight	{
					background: #FFFFF3 url(../images/other/commentsMoreBttn.jpg) repeat-y;
					border: #333333 solid 0px;
					width: 283px;
					height: 20px;
					padding-top: 0px;
					margin-left: 37px;
					}


#commentsNavRight h4	{
						/*background-image: ;url(../images/other/staffGridA.jpg)*/
						border: #FF9900 solid 0px;
						width: 240px;/*542*/
						height: 10px;
						color: #FFFFFF;
						margin-left: 0px;
						margin-top: 0px;
						padding-top: 3px;
						padding-left: 10px;
						text-align: left;
						vertical-align: baseline;
						}


#IE6wrapper #commentsNavRight h4	{							/*   --  IE6  --   */
									padding-top: 4px;
									padding-left: 8px;
									padding-bottom: 4px;
									border: #FF9900 solid 0px;
									}
								
								
#IE7wrapper #commentsNavRight h4	{							/*   --  IE7  --   */
									padding-top: 2px;
									padding-left: 10px;
									border: #FF9900 solid 0px;
									}


#commentsNavRight h4 a	{
						color: #FFFFF3;
						}

#commentsNavRight h4 a:hover	{
								color: #6A543E;
								}
								
								
.page2img   {					/* The image on the left side of page 2.*/
			margin-top: 35px;
			margin-left: 45px;
			}							

								
/* Margin adjustments for comments text and attribution - pg 2
   ----------------------------------------------------------- */								
								
.commentTextFirstPg2    {
						margin: 35px 43px 0px 37px;
						}	


.commentTextPg2   		{
						margin: 30px 43px 0px 37px;
						}	


.commentTextLastPg2     {
						margin: 30px 43px 0px 37px;
						}	

					
.commentAttribLastPg2	{
						margin: -10px 43px 38px 37px;
						}