﻿body 
{
	font: normal 14px Arial, Helvetica, Sans-serif;
	color:Black;
	margin:0;
	padding:0;
	min-height: 100%; height: 100%;
	width: 100%; min-width:100%;
	/*background-image:url(images/header_bck.gif); took off july 26 2009 */
	background-repeat:repeat-x;
}

h1
{
	font: bold 22px Arial, Helvetica, Sans-serif;
	margin-top:5px;
	padding:0px;
}

h2
{
	font: bold 22px Arial, Helvetica, Sans-serif;
	margin-top:5px;
	margin-bottom:0px;
	padding:0px;
}

img
{
	border: none 0px;
}

a
{
	color:#016282;
}

.aStrongNoDec
{
		 font-weight:bold;
		 text-decoration:none;
}

#mstCnt
{
	width:100%;
	text-align:center;
	margin-top:10px;
}

#mstHeadCnt
{
	width:100%; /* june 15 2009 */
	border:solid 0px yellow;
	
	margin-bottom:5px;
}

#masterHeaderBanner1
{
	display:none;
	width:1000px; 
	height:90px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

#mstHeadLogo
{
	width:1000px; 
	height:100px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:0px;
	border: solid 0px red;
}

	#mstHeadLogoLeft
	{
		float:left;
		text-align:left;
		width:600px; height:100%;
		border: solid 0px black;
	}
	 .logo
	 {
		 position:relative;
		 left:-5px;
	 }
	/* NOV */
	#mstHeadLogoLeft a
	{
		font: bold 22px Arial, Helvetica, Sans-serif;
		color:Black;
		text-decoration:none;
	}
	#mstHeadLogoRight
	{
		margin-left:500px; width:500px;
		height:100%;
		border: solid 0px black;
	}
		/* ANY LABELS OR TEXT , FOR EXAMPLE, THE DISPLAY NAME*/
		#mstHeadLogoRight .s1
		{
			color:Blue; font-weight:bold;
		}
				#mstHeadLogoRightL1
				{
					width:100%; height:50%; 
					padding:0px 0px 0px 0px;
					border: solid 0px brown; 
				}
						#mstHeadLogoRightL1Inner
						{
							width:100%; height:100%; 
							position:relative; top:10px; left:30px;
							border: solid 0px black; 
						}
							#mstHeadLogoRightL1InnerLeft
							{
								float:left;width:70%;
							}
							#mstHeadLogoRightL1InnerRight
							{
								margin-left:70%; width:30%; text-align:left
							}


#masterHeaderMenu
{
	width:1000px; 
	height:30px; /* july 15 2009 , used to be 30px */
	margin-left:auto;
	margin-right:auto;
	position:relative;
	border: solid 0px black;
	top:0px;
}

#masterHeaderMenu a
{
	font-family: Verdana,  Georgia, Times New Roman, Serif;
	color:#FFFFFF;
	text-decoration: none;
	font-size:14px;
	font-weight: normal;
	padding: 12px 6px 12px 2px;
	margin: 12px 2px 12px 2px;
}

#masterHeaderMenuLeft
{
	height:100%;float:left;width:180px; border: solid 0px yellow;
	background-color:#990100;
}

#masterHeaderMenuCenter
{
	position:relative;
	height:100%;  
	float:left;
	width:100%;
	background-color:#00b2f7; /* purple #8c2a7c; */
	border: solid 0px black;
}
#masterHeaderMenuRight
{
	height:100%;float:left;width:180px; border: solid 0px yellow;
	background-color:#990100;
}


#masterHeaderMenuCenterItems
{
	text-align: left;
	position:relative;
	top:5px;
	margin-left:5px;
}


/* BODY */

#masterContent1
{
	width:1000px; 
	/* height:auto;	*//* july 07 2009, changed from auto to 700px */
	margin-left:auto;
	margin-right:auto;
	border: solid 0px black;
	overflow: hidden;	/* VIP: AUG 12 2009  footer*/
}

#masterContent1 h3
{
	font-size:12px;
	padding-bottom:0px;
}

#masterContent1Left
{
	float:left;
	width:680px; /* width:717px;  JULY 15 2009 */
	border: solid 0px black;
}
#masterContent1Right
{
	/*position:absolute; top:340px;*/
	margin-left:680px; 
	width:320px;			
	border: solid 0px red;
}

/* H1 HEADER */

#masterContent2
{
	width:1000px; 
	height:50px;
	margin-left:auto;
	margin-right:auto;
	border: solid 0px black;
	border-bottom-style:solid; border-bottom-color: #CCCCCC; border-bottom-width:1px;
	margin-bottom:15px; /* create space between this and body */
}

#masterContent2Left
{
	float:left;
	width:680px; height:100%;
	text-align:left;
	position:relative;
	top:10px;
	border: solid 0px red;
}
#masterContent2Right
{
	margin-left:680px;
	width:320px; height:100%;
	text-align:right;
	position:relative;
	top:5px;
	border: solid 0px black;
}
		
		#masterContent2Right .s1 a
		{
			 font-size:14px;
			 font-weight:bold;	
		}

		#masterContent2Right .s1 a  /* LOGIN AND JOIN NOW LINKS ON RIGHT SIDE */
		{
			 font-size:14px;
			 font-weight:bold;
			 text-decoration:none;
			 color:Black;
		}
		
		#masterContent2Right .s1 a:visited
		{
			color:Black;
		}
		
		#masterContent2Right .s2  /* POST BUTTON */
		{
			 padding-right:8px;
		}
		
#rssImage
{
	position:relative; top:-37px;left:80px;
	
}


/* Right Pane SideBar */

#masterSideBar
{
	/* width:183px; JULY 15 2009 */
	width:100%;
	border: solid 0px black;	
}

.masterSideBarAdvertisementLabel  
{
	 display:none;
	text-align:left;
	padding: 0px 0px 7px 10px;
	font: bold 13px Arial, Helvetica, Sans-serif;
	color:#c5c3c4;
	text-transform: lowercase;
}

#masterSideBarBanner1
{
	width:100%;		
}

.mstSBLine
{
	width:100%;
	height:8px;
	margin-top:20px;
}
		/* not sure if necessary */
		.mstSBLine img
		{
			 border:none;
		}


/* DONT THINK THIS IS USED ANYMORE */
.masterSideBarTop
{
	width:100%;
	height:8px 
}

.mstSBC1
{
	width:100%; 
	padding-left:10px;
	border: solid 0px black;	
}

#mstSBCreate
{
	height:100% ;
	width:300px;
	text-align:left;
	border: solid 0px black;	
}
		#mstSBCreate h2
		{
			font: bold 18px Arial, Helvetica, Sans-serif;
			margin-top:5px;
			margin-bottom:10px;
		}

#masterSideBarComments
{
	height:100% ;
	width:300px;
	text-align:left;
}
		#masterSideBarComments h2
		{
			font: bold 18px Arial, Helvetica, Sans-serif;
			margin-top:5px;
			margin-bottom:15px;
		}
	
#dvdlComments /* dont think this is necessary */
{
		width:100%; 
}		
		#dlCommentsCol2Row1Wrap
		{
			width:100%; 
			margin-top:-5px; /* took out because of flowlayout -  margin-top:2px;*/
			margin-bottom:-5px;
			border: solid 0px black;	
		}
				#dlCommentsCol2Row1Logo
				{
					width:25px;
					float:left;
					border: solid 0px brown;	
				}
				#dlCommentsCol2Row1
				{
					/* I didn't have to put margin-left: , strange */
					text-align:left; 
					border: solid 0px yellow;
				}
				#dlCommentsCol2Row1 a
				{
					font-weight: bold;
					text-decoration:none;
				}

.masterSideBarBottom
{
	width:100%;
	height:10px;
}
		
		
/* FOOTER */

#footermstCnt
{
	width:1000px;
	height:70px;
	border: solid 0px brown;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	font-size:12px;	
	padding: 20px 0px 0px 0px;
	clear:both;
}

#footerMiddleContainer
{
	/*float:left;  took of jun 15 2009 */
	margin-left:auto;	/* added jun 15 2009 */
	margin-right:auto; /* added jun 15 2009 */
	width:500px;
	border: solid  0px red;
}

#footermstCnt a
{
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	margin-left:2px;
	margin-right:2px;
}

#footerMiddleContainer .p1
{
	 position:relative;
	 top:-5px;
	 margin-top:-8px;
}
#footerMiddleContainer .p2
{
	 position:relative;
	 top:-5px
}

/* CONTENT1 Container */
#content1Container
{
	width:100%; 
	border: solid 0px black;
}

/* DEFAULT PAGE */
#dpMainCnt
{
	width:100%; 
	text-align:left;
	margin-bottom:20px;
	border: solid 0px red;
	overflow:visible;
}

#dpSitePhrase
{
	width:100%;
	border: solid 0px black;
	margin-bottom:20px;
	text-align:left;
}
	.stronger
	{
		 font-weight:bold;
	}
	#dpDLWrap
	{
		width:680px;
		margin-bottom:5px;
		border: solid 1px yellow;
		height:70px;	/* VIP. Adjust this if text length changed */
		border-bottom:solid;
		border-bottom-color:#C0C0C0;
		border-bottom-width:1px;
	}

				.lblMyReview
				{
					width:100%;
					font-weight:bold; 
					padding-left:2px; margin-left:2px;  text-align:left;  font-size:13px; 
					border: solid 0px black;
				}
				.lblMyRatingForThisStoryIs
				{
					width:100%;
					font-size:13px; 
					padding-left:2px; margin-left:2px;  text-align:left; border: solid 1px #f0f0f0; 
					background-color: yellow;
				}
		
	#PostCnt
	{
		width:680px;
		margin-bottom:5px;
		border: solid 0px yellow;
		/*height:80px;*/	/* VIP. Adjust this if text length changed */
		border-bottom:solid;
		border-bottom-color:#C0C0C0;
		border-bottom-width:1px;
		overflow:auto; /* VIP */
	}	
			#PostCntDetailWrap
			{
				width:680px;
				min-height:51%;	/*CHANGE THIS IF YOU CHANGE LENGTH OF POST*/
				border: solid 0px red;
			}
			#PostCntLogo
			{
				width:60px;
				float:left;
				border: solid 0px brown;	
			}
				#PostCntLogo img
				{
					width:50px;
					height:50px;
						
				}
			#PostCntDetail
			{
				width:600px; text-align:left; 
				text-decoration:none; 
				font-weight:normal; 
				color:black; font-size:14px; 
				white-space:normal;	
				border: solid 1px red;	
			}
			/* NOT USED AFTER SEP 24 2009 */
			#PostCntDetailM
			{
				width:540px; text-align:left; 
				margin-left:60px;
				text-decoration:none; 
				font-weight:normal; 
				color:black; font-size:14px; 
				white-space:normal;	
				border: solid 0px red;	
				min-height:30px;
			}
				#PostCntDetailM a
				{
					text-decoration:none;
				}
				.Auth
				{
					color:#07677f;
					font-weight:bold;
				}
				.Auth a
				{
					text-decoration:none;
				}
				
			#PostCntSummary
			{
				width:540px; /* sep 24*/ text-align:left; 
				margin-left:60px;
				color:#555454;
				font-size:11px;  padding-left:0px; padding-top:2px; padding-bottom:2px;	/* padding was for when had gray box around */
				/*background-color:#e9e9e9;*/ margin-top:5px;white-space:normal; 
				height:20px;	/* can change if u want */
				border: solid 0px pink;	
			}	
				/* ALL LINKS HAVE SAME STLE IN METADATA BOX. CHANGE LATER IF NEEDED*/
				#PostCntSummary a
				{
					color:#555454; 
					text-decoration:none;
				}	
				#PostCntSummary a:visited 
				{
					color:#555454;
				}		
				.MetaRow
				{
					margin-top:1px;
					width:100%;
				}
		  #PostRate
		  {
				width:540px; 
			    text-align:left; 
				margin-left:60px;
				margin-bottom:10px;
				 font-size:12px; 
		  }
				#PostRate a
				{
					 text-decoration:underline;
					 font-size:12px; 
				}
#defaultpagePager
{
	width:100%; 
	margin-top:20px;
	text-align:left;
	border: solid 0px black;
}

#defaultpagePager a
{
	
	/*display: block;*/
	float:left;
	font-size:12px;
	color: #016282;
	border: solid 1px gray;
	text-decoration:none;
	text-align:center;
	padding: 1px 6px 1px 2px;
	margin: 0px 2px 0px 2px;

}

/* Sep 15 . only way pager would display white font */
#defaultpagePager .pagercurrent
{
	background-color: #F0F0F0; 
	color: black;
	font-weight: bold;
}

.defaultpagePagerDots
{
	float:left;
	position:relative;
	top:-0.5px;
	left:-2px;
	font-size:12px;
	font-weight:bold;
	color: Gray;
	border: solid 0px gray;
	text-decoration:none;
	text-align:left;
	padding: 1px 5px 1px 5px;
	margin: 0px 1px 0px 1px;
} 

.modalBackground
{
	/*http://www.mandarindesign.com/opacity.html*/
	background-color:black;
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}

/* POST */

#create
{
	text-align:left;
	border: solid 0px black;
}

#create h3
{
	font: bold 16px Arial, Helvetica, Sans-serif;
	margin-top:10px;
	margin-bottom:2px;
}

/* add padding for when yellow error box shows */
.fieldContent
{
	padding-left:4px;
}

.fieldContentReview
{
	padding: 15px 0px 15px 4px;
}

#fieldContentSubmit
{
	padding-top:40px;
}
/* READ STORIES */

#readStory
{
	width:100%;
	text-align:left;
	border: solid 0px black;
}


/* CATEGORY EMPTY */

#categoryNoEntries
{
	width:100%;
	text-align:left;
	border: solid 0px black;
}

/* CATEGORY PAGE */

#categoriesPageList
{
	width:100%;
	text-align:left;
	border: solid 0px black;
}

#categoriesPageList a
{
	text-decoration:none;
}

/* FAQ  PAGE */

#faq
{
	width:98%;
	text-align:left;
	border: solid 0px black;
}

#faq h2
{
	font: bold 14px Arial, Helvetica, Sans-serif;
	margin-top:5px;
}

#faq .s1
{
	padding-left:40px; padding-right:40px;
	border: solid 0px black;
}

.ind
{
	margin-left:20px;
}

/* CONTACT  PAGE */

#contact
{
	width:100%;
	text-align:left;
	border: solid 0px black;
}

/* TERMS  PAGE */

#terms
{
	width:100%;
	text-align:left;
	border: solid 0px black;
}

/* PRIVACY  PAGE */

#privacy
{
	width:100%;
	text-align:left;
	border: solid 0px black;
}

/* REPORT BUG  PAGE */

#reportBug
{
	width:100%;
	text-align:left;
	border: solid 0px black;
}
/* ERROR PAGE  */

#oops
{
	width:100%;
	text-align:left;
	border: solid 0px black;
}

/* SIGNUP-CONFIRMATION PAGE  */

#signup-confirmation
{
	width:100%;
	text-align:left;
	border: solid 0px black;
}

/* SIGNUP-CONFIRMATION PAGE  */

#login
{
	width:100%;
	text-align:left;
	border: solid 0px black;
}

/* THANKYOU PAGE  */

#thankyou
{
	width:100%;
	text-align:left;
	border: solid 0px black;
}

#thankyou h2
{
	font: bold 14px Arial, Helvetica, Sans-serif;
}

/* SIGNUP PAGE  */

#signup
{
	text-align:left;
	border: solid 0px black;
}

/*
#signup h2
{
	font: bold 14px Arial, Helvetica, Sans-serif;

	padding-top:5px;

	margin-left:5px;
}
*/
#signup h3
{
	font: bold 13px Arial, Helvetica, Sans-serif;
	margin-top:2px;
	margin-bottom:2px;
}

#dvInstruction
{
	height:30px;
	border: solid 0px black;
}

#Step1
{
	width:850px; height:30px; 
	border: solid 0px black; margin-bottom:10px;
}
		#Step1Left
		{
			float:left;
			width:60px; height:100%;
		}
		#Step1Right
		{
			margin-left:60px; height:100%;
			border: solid 0px yellow; background-color:#C0C0C0;
		}

.stepNumber
{
	font: 14px Arial, Helvetica, Sans-serif;
	 position:relative;
	 top:5px;
}

.stepHeading
{
	font: bold 14px Arial, Helvetica, Sans-serif;
	position:relative; top:7px; left:5px;
	border: solid 0px black;
}

.UserNameError
{
	position:relative; left:250px;
}
.pcol4
{
	font-size:12px;
	color:Gray;
}


/* add padding for when yellow error box shows */
.fieldContent
{
	padding-left:4px;
}


/* SIGNUP-CONFIRMATION PAGE  */

#select
{
	width:100%;
	text-align:left;
	border: solid 0px black;
}

.siteRow
{
	float:left;
	width:900px; height:100px;
	margin-bottom:25px;
	border: solid 0px black; 
}
	
		.siteRowLeft
		{
			float:left;
			width:55%; height:100%;
			border: solid 0px yellow;
		}
		.siteRowRight
		{
			margin-left:55%;height:50%;
			position:relative; 
			top:35px;
			border: solid 0px brown; 
		}


#testbed .s1
{
	 text-align:left; width:100%; height:30px;
}

/* ************** */
/* MISC						 */
/* ************** */

.blueBoldFont
{
	color:Blue;
	font-weight: bold;
}

#AlertMessage
{
	 font-weight: bold;
	 color: Red;
	 padding-bottom: 7px;
}

/* used in labels or textboxes that do not use css */
.TableAlertMessage
{
	 font-size:12px;
	 font-weight: bold;
	 color: Red;
	 padding-bottom: 7px;
}

.menuStyle a  {
font-family: Verdana,  Georgia, Times New Roman, Serif;
color:white;
text-decoration: none;
font-size:14px;
font-weight: normal;
position: relative; 
top: -2;
}

.menuStyle td  
{
	padding:1px;
	margin:1px;
	background-color:#520000;
}


.grid
{
border-style:solid;
border-width: 2px;
border-bottom-color:white;
border-top-color: white;
border-left-color:white;
border-right-color:white;
}

.bar
{
	color:#FFFFFF;
	margin-left:5px;
	margin-right:5px;
}

/* same as a */
.linkimit
{
color:#016282;
}

/* SEARCH TEXT BOX */
.txtSearchWord
{
	width:200px;
}
