/* *******************************
Friends Beyond the Wall custom styles

// modified:
// 10/13/2013  09:52:27

********************************* */
        /*
		    On pages where we have the bottom links with photos this is the div that holds them
		*/
		.small-box {
		   	float: left;
		   	display: block;
		   	width: 204px;
		   	margin: 14px;
		   	border: 1px solid #666;
		    display: block;
		 /*   -webkit-border-radius: 9px;
		    -moz-border-radius: 9px;
		    -ms-border-radius: 9px;
		    -khtml-border-radius: 9px;*/
		    border-radius: 9px;
		    margin-bottom: 18px;
		    overflow: hidden;
			text-align: center;		
			background-color: Black;
	   }   
		.small-box a { color: rgb(255, 255, 255); display: block; line-height: 17px; text-decoration: none; }
	    
		
		/*Misc stuff*/
		
				
		img {  border: 0px none; 	}
		.clear-block { 
		    display: inline-block; 
			display: block; 
		}	
		
		
		/*body { 
		        background: none repeat scroll 0% 0% rgb(17, 16, 16); color: rgb(255, 255, 255); 
		        font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 300; 
		}*/
		
		
		
		
		
		/*   Links across the top for the main menu   */
		ul.primary-links { 
		        display: block; float: right; font-family: Arial, Helvetica, sans-serif; 
				font-size: 15px; font-weight: 100; line-height: 17px; letter-spacing: 0.037em; 
				margin: 55px 0px 0px 0px; padding: 3px 0px 0px; 
		}
		ul.primary-links li { 
		        display: block; float: left; line-height: 17px; 
				margin: 0px 35px 0px 0px; padding: 0px; 
				text-align: center;	
		}
		ul.primary-links a { color: rgb(255, 255, 255); display: block; line-height: 17px; text-decoration: none; }
		ul.primary-links a:hover { color: #E2AE67; }
		ul.primary-links a.active { color: #E2AE67;  }
		
		
		
		
		/*   Not used at this time   */
		/*.clear-left { clear: left; }
		.clear-right { clear: right; }
		.clear { clear: both; }
		.shadow { box-shadow: 1px 2px 10px rgb(17, 16, 16); }
		.item-list ul { margin: 0px 0px 0.75em; padding: 0px; }
		.item-list ul li { margin: 0px 0px 0.25em 1.5em; padding: 0px; list-style: disc outside none; }
		ul.primary li a:hover { background-color: rgb(238, 238, 238); border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(238, 238, 238); }
		
		ul.links { margin: 0px; padding: 0px; }
		ul.links li { display: inline; list-style-type: none; padding: 0px 0.5em; }
		*/
		
		
		/* 
		   This is the main viewing area. We wrap this area in 
		   a box outline and it is where contect will be placed.
		*/
		.view-content { 
		    border: 1px solid rgb(102, 102, 102); 
			display: block; 
			border-radius: 9px; 
			margin-bottom: 18px; 
			overflow: hidden; 
			width: 950px; 
		} 
		.view-content-text-wrapper {
		    margin: 10px; 
			color: Black;
		}
		
		/*
		  Bottom navigational boxes. 
		  We have one where we use a image in the box and then one without it. 
		  These are without
		*/
		.small-nav-box-no-img {
		   	float: left;
		   	display: block;
		   	width: 204px;
		   	margin: 14px;
		   	border: 1px solid #666;
		    display: block;
		    -webkit-border-radius: 9px;
		    -moz-border-radius: 9px;
		    -ms-border-radius: 9px;
		    -khtml-border-radius: 9px;
		    border-radius: 9px;
		    margin-bottom: 18px;
		    overflow: hidden;
			text-align: center;			
	   }
	   .small-nav-box-no-img a {
	       color: rgb(255, 255, 255);
		   text-decoration: none;
	   }
	   .small-nav-box-no-img a:hover { color: #E2AE67; }
	   
	   .small-nav-box-no-img-current-choice {
		   background-color: #6F2331;
		}
		
       .small-nav-box-title {
			color: rgb(255, 255, 255);
			font-size: 16px;
			line-height: 18px;
			margin: 0px;
			padding-top: 4px;
			text-transform: capitalize;
		}
		.small-nav-box-sub-title {
			color: rgb(143, 143, 143);
			font-size: 12px;
			font-weight: normal;
			height: 18px;
			line-height: 18px;
			padding-bottom: 4px;
			text-decoration: none;
			text-transform: none;
		}
		.small-nav-box-title a:hover { color: #E2AE67; }
		.small-nav-box-title a.active { color: #E2AE67;  }    
		.small-nav-box-title a.visited { color: #E2AE67;  } 
		
	   /*	
	     	when the ad is displayed in the slider we have a short amount of 
			text from the persons ad displayed. We use this wrapper

        */
		.mini-text-box {
			float: left;
			height: 180px;
			overflow: hidden; 
			width: 100px;
			text-align: left;
			font-size: 11px;
			line-height: 15px;
			margin-left: 8px;

		}
         /*
		    at the top of the page just before the ad slide 
		    show we may have a short description and text
		*/
		.page-content-text {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.12em;
			padding: 0px 100px 0px 100px;
		}
		.page-content-text-h2 {
		    margin: 2px;
		}
		
		/*  This is the last name search at the bottom of the page  */
		.search-for {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.01em;
			text-align: left;
			width: 955px;
		}
		/*  
		   wrap the ad so we can have a photo, title, age etc. 
		   this also wraps the mini text from the ad
		*/
		.pen-pal-wraper {
			margin-top: 35px;
			height:175px;
			padding:10px;
			width: 208px;
			border: 1px solid #666;
			border-radius: 9px;
			clear: both;
		}
		.empty-pen-pal-wraper {
			margin-top: 35px;
			height:175px;
			padding:10px;
			width: 208px;
			border: 1px solid #000;
			border-radius: 9px;
			clear: both;
		}
		.photo-text {
			font-family: Arial, Helvetica, sans-serif;
			font-size: .62em;
		}
		.photo-text-name {
			font-size: 11px;
			font-weight: normal;
		}
		.photo-text-dob {
			color: rgb(143, 143, 143);
			font-size: 10px;
			font-weight: normal;
		}
		.photo-text-state {
			color: rgb(143, 143, 143);
			font-size: 10px;
			font-weight: normal;
		}		
		.results-link {
			text-decoration: none;
			color: white;
		}
		
		
		
		/* used for the number of matching records */
		.search-results-count {
			color: #82E7f3;
			font-size: 1.1em;

		}