body {
	text-align: center; /*additional style required for centering if using IE browser */
	margin: 0px; 
	font: 0.875em Arial, Verdana, Helvetica, sans-serif;
	height: 100%;
	background: #ffc9f8;
	overflow: inherit;
	letter-spacing: normal;
	background: url('images/ablcontentbg.png');

}

body.quick {
	text-align: center; /*additional style required for centering if using IE browser */
	margin: 0px; 
	font: 0.875em Arial, Verdana, Helvetica, sans-serif;
	height: 100%;
	background: #fff;
	width: 530px;
	letter-spacing: normal;

}

body.quicktooth {
	text-align: center; /*additional style required for centering if using IE browser */
	margin: 0px; 
	font: 0.875em Arial, Verdana, Helvetica, sans-serif;
	height: 100%;
	background: #fff;
	width: auto;
	letter-spacing: normal;

}


.red
{color: Red !important;}

#aspnetForm

a {
	outline: none;
}

#div h1, h2, h3, h4
{font-family: Arial; letter-spacing: normal !important;}

.div h1, h2, h3, h4
{font-family: Arial; letter-spacing: normal !important;}

.valnomargin
{margin: 0px !important;}

.valcmb
{margin-top: -4px !important;}

span.val
{float: left; display: inline; width: 20px; text-align: left; margin-left: 2px; }

textarea
{font-family: arial, Arial;
	width: 724px;
}

abbr[title], acronym[title] {
border-bottom-width: 0;
}

#quickmid{
	width: 530px; float: left;}   
	
#quickmidtooth{
	width: auto; 
float: left;
}   

#quickmidtooth div.col1, div.col3{
	width: 240px; 
float: left; display: inline;
}      

#quickmidtooth div.col2, div.col4{
	width: 245px; 
float: left; display: inline;
}        
	

#mid{
  float: left; width: 530px; display: inline; margin-left: 10px;letter-spacing: normal;
}
  
#help{
 float: left; width: 530px; display: inline; margin: 0px 0px 0px 253px;} 


 #ablcontent a:link { 
	color: #007bff; text-decoration: none; }
	

 #ablcontent a:visited { 
	color: #007bff; text-decoration: none; }

#ablcontent { 
	color: #000; text-decoration: none; font-family: Arial, Verdana, helvetica !important; width: 100%; font-size: 11px;}
	

#ablcontent a:hover{ 
	color: #007bff; text-decoration: underline;}

#ablcontent{
clear: both; margin: 0px auto 0px auto; padding: 1px 0px 20px 0px; vertical-align: top; width: 968px; overflow: hidden;
min-height: 650px; font-family: Arial, Verdana, Helvetica !important; letter-spacing: normal;}

#ablcontent img{
 text-decoration: none; border: none; outline: none;}
 
h6{
cursor: pointer; margin: 0px; padding: 0px; display: inline;}


#ablhome{
clear: both; margin: 0px auto 0px auto; padding: 1px 0px 20px 0px; vertical-align: top; width: 968px; overflow: hidden;letter-spacing: normal !important;
min-height: 625px;}


#ablhome a:link { 
	color: #007bff; text-decoration: none; }

#ablhome a:visited{ 
	color: #007bff; text-decoration: none;}

#ablhome a:hover{ 
	color: #007bff; text-decoration: underline;}

 
 #ablhome h2{
 color: #ff26e1; display: inline; margin: 0px 1px 0px 1px; padding: 0px; font-size: 12pt; font-weight: bold; font-family: Arial;}

 #ablhome h3{
 color: #007bff; display: inline; margin: 0px; padding: 0px; font-size: 9pt; font-weight: bold;}


#header2{
float: left; clear: both; margin: 5px auto 5px auto; width: 955px; padding: 3px; color: #2c87fe; font: normal normal bold 12pt arial;
text-align: left; border-bottom: solid 1px #e3e3e3; background-color: #fff;}

#form1{
clear: both; border: none; padding: 0px; margin: 0px; min-width: 968px; width: auto; height: 100%; }

#iform{
width: 530px; margin: 0px;}

#viewing{
width: 200px; float:left; display: inline; margin: 6px 0px 0px 5px; text-align: left; font-size: 11px; }

.MasterMain{	
		width: 978px; margin: 0px auto 0px auto; 
	
	height: 100%; 
	clear: both;
	border-left: solid 8px #77b9ff; border-right: solid 8px #77b9ff; padding-left: 10px; background-color: #fff;}

.footer {
clear: both; overflow: hidden;
background: url('images/footer_bg.png');
width: 1004px; margin: 0px auto 10px auto; 
height: 13px; }

.push {height: 4em;}



/* Master Top Banner*/
.MasterTopBanner{	
	width: 968px; height: 76px; padding: 0px;  text-align: left;	}
#mombaby
{float: left; display: inline; position: relative; background: url('images/mombaby.png'); width: 187px; height: 76px; left: 20px; z-index: 5;
	top: 0px;
}

.MasterTopBanner div#forumlink{	
	width: 158px; height: 60px; padding: 0px; float: left; position: relative; top: 7px; left: 190px;}	
	

.MasterTopBanner div#columnone{	
	width: 145px; height: 76px; padding: 0px; float: left;  position: relative; top: 0px; left: 25px; }	
		
	
#menulandnonuser{
	clear: none; width: 968px;	height: 28px;	padding: 0px; background: url('images/menu.png');
	text-align: center;	color: #fff; margin: 0px;}
	
#menulandnonuser a:link{
	color: #007bff; text-decoration: none;}
		
#menulandnonuser a:visited{
	color: #007bff; text-decoration: none;}	
	
#menuland{
	clear: both; width: 968px; height: 28px; padding: 0px; background-image: url('images/menu.png'); text-align: center;
	color: #007bff; margin: 0px;}

#menuland a:link{
	color: #007bff; text-decoration: none;}
		
#menuland a:visited{
	color: #007bff; text-decoration: none;}
		
#menuland a:hover{
	color: #007bff; text-decoration: underline;} 
	

#MasterFooter{	
width: 968px;  height: 200px; border-top: solid 1px #e4e4e4; font-size: 0.85em;	 clear: both;	 margin-top: 10px; padding: 5px 0px 0px 0px; color: #666;}

#MasterFooter div#copy
{clear: both; width: 100%;  text-align: center; margin: 0px auto 0px auto;}



#MasterFooter a:link { 
	color: #007bff; text-decoration: none; }

#MasterFooter a:visited{ 
	color: #007bff; text-decoration: none;}
	
/* footer module */
#fmodcont{	
float: left;	clear: both; width: 968px;  margin: 5px auto 5px auto;height: 240px;
}       

#fmodcont a:link, a:visited{	
	color: #007bff; text-decoration: none;
}   
#fmodcont a:hover{	
	color: #007bff; text-decoration: underline;
}   


#fmodfooter_post{	
	clear: both; width: 510px; float: left;  margin-left: 10px; padding-top: 5px;}       
   
	
#fmodmid
{ clear: both; width: 966px; border-top: solid 2px #dce9ff; padding-top: 5px; height: auto; margin: 0px auto 0px auto;}


#fmod_200x200
{float: left; display: inline; width: 210px; height: 205px; padding: 0px 5px 0px 0px;  margin: 0px 0px 0px 0px; border-right: solid 1px #d7e5fc; }

#fmod_blog
{float: left; display: inline; width: 520px; height: 158px; margin: 0px 0px 0px 5px; }  

#fmod_adright
{float: left; display: inline; width: 210px; height: 200px; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 5px;  border-left: solid 1px #d7e5fc;}  


/* End footer module */


.logo{	
	float: left; width: 134px; height: 53px; position: relative; top: 4px; display: inline; z-index: 5;}

.IntroRightAd{	
	float: right;width: 120px; height: 600px; background-color: #f8f8f8; text-align: center;	line-height: 0pt;}

.listviewformat li{
	float: right; display: inline;}
	
.videos li{
	float: left; padding-left: 15px; display: inline;}

#userstatus{
	float: left; clear: both; width: 47px; height: 15px; text-align: center; position: relative; top: 7px;
 color: #fff; font-weight: bold; background: url(images/logoutbg.png); z-index: 20; font-size: 11px;

}

#userstatus a:link{
 color: #fff; text-decoration: none;
}

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

#menulinks{
	float: right; display: inline; width: 720px;height: 24px;   margin: 6px 5px 0px 0px;   }
#menulinkspub{
	float: right; display: inline; width: 550px; height: 24px; margin: 6px 5px 0px 0px;  }    
#menulinksnonauth{
	float: left; display: inline; width: 634px; height: 24px;  margin: 5px 5px 0px 5px; color: #fff; }
	
#menulinksnonauthright{
	float: right; display: inline; margin: 5px 5px 0px 5px; color: #fff; width: 78px;
}    
	
	 
.menulinklbl{
	float: left; display: inline; margin-right: 7px; font-weight: bold; color: #fff; font-size: 11px;
	 height: 12px;
}

.profile{
	float: right; display: inline; margin: 0px 0px 0px 10px; color: #fff; width: 220px; text-align: right; }
  
 #blogforumcont
  {float: right; display: inline; width: 295px;}
  
#bloglinkframehead
{float: right; clear: both; margin: 5px 0px 0px 0px; width: 285px; height: 8px; height: auto; background: url(images/introblogframehead.png); overflow: hidden; line-height: 8px;
 
 
 }  
#bloglinkbg
{float: right; clear: both; margin: 0px 0px 0px 0px; width: 285px; height: 60px; background-color: #ffe6fc; overflow: hidden;}

#bloglinkbg a
{color: #bf4db1 !important;}

#bloglinkframefoot
{float: right; clear: both; margin: 0px 0px 8px 0px; width: 285px; height: 8px;background: url(images/introblogframefoot.png); overflow: hidden;} 

#forumlinkframehead
{float: right; clear: both; margin: 0px 0px 0px 0px; width: 285px; height: 8px;background: url(images/introforumframehead.png); overflow: hidden;}  
#forumlinkbg
{float: right; clear: both; margin: 0px 0px 0px 0px; width: 285px; height: 60px; background-color: #e0edfa; overflow: hidden;}

#forumlinkbg a
{color: #226eba !important;}

#forumlinkframefoot
{float: right; clear: both; margin: 0px 0px 5px 0px; width: 285px; height: 8px;background: url(images/introforumframefoot.png); overflow: hidden;} 


#bloglinkbg img
{text-decoration: none; width: 66px; height: 53px; border: none !important; float: left; position: relative; top: 1px; left: 9px; z-index: 1;}

#forumlinkbg img
{text-decoration: none; border: none !important; position: relative; top: 0px; left: 9px; float: left; display: inline;}

#bloglinkbg div.text
{float: left; width: 170px;
color: #9b288d;
font-size: .9em; display: inline; text-align: left;  
z-index: 1; position: relative; left: 15px;
	top: 0px;
}

#bloglinkbg div.link
{ width: auto; position: relative;
  color: #bf4db1; font-weight: bold; left: 150px; top: -15px;
font-size: 1.1em; clear: both; text-align: left; float: left; width: 115px;
}


#forumlinkbg div.text
{float: left; width: 170px; 
position: relative; top: 0px; left: 15px; color: #586e86;  max-width: 170px;
font-size: .9em;display: inline; text-align: left; width: 191px; 
}

#forumlinkbg div.link
{ width: auto;
position: relative; top: -14px; left: 145px; color: #226eba; font-weight: bold;
font-size: 1.1em; clear: both; text-align: left; float: left; width: 132px;
}


#bloglinkbg div#top
{ width: 277px; padding-bottom: 5px; border-bottom: solid 1px #e3e3e3; margin: 0px 0px 5px 0px;}

#bloglinkbg div#bottom
{width: 277px;}


#newscont
{float: left; display: inline; margin: 5px 0px 0px 16px; 
height: 135px; 
width: 294px; 
}

#introbottomdivider
{  position: absolute; width: 200px; top: 3px; left: 5px; height: 200px; background-color: #e4e4e4;}

#newshead
{float: left; height: 29px; width: 280px; 
background: url(images/recentnews.png); text-align: left; 
margin: 2px 0px 0px 3px;
}

#newshead_footer
{float: left; height: 29px; width: 516px; 
/*background: url(images/newshead_footer.png);*/ text-align: left; 
margin: 2px 0px 0px 3px;
}

#newslinks
{float: left; text-align: left; clear: both; padding: 5px 0px 0px 10px;}

.bloghead_intro
{text-align: left;  float: left; clear: both; font-size: 9pt; color: #4e4e4e; min-height: 17px; margin-bottom: 3px;}

.bloghead
{text-align: left; float: left; clear: both; font-size: 9pt; font-weight: bold; color: #6698ee;}

.blogtext
{text-align: left; float: left; clear: both; min-height: 17px; font: normal normal normal 9pt arial; color: #5c5c5c; padding: 0px 0px 0px 0px;}

.blogtext a:visited
{color: #007bff;}

#newstitle
{display: inline; float: left; font-size: 11pt; font-weight: bold; color: #448bf8; margin: 5px 0px 0px 5px;}

#newsimg
{display: inline; float: left; width: 21px; height: 20px; margin: 4px 0px 0px 5px;}

#newbabiescont
{float: left; display: inline; width: 218px; padding: 10px 0px 10px 0px; margin: 5px 0px 0px 0px; height: 204px;  
background-color: #dfefff;
}


.pmid{
width: 530px; margin: 0px auto 0px 218px; height: inherit; float: left;}

.phead{
 clear: both; margin: 10px auto 3px auto; width: 530px; height: 44px; background: url(images/phead.png);
 color: #FFFFFF;}
 
 .pheadtooth{
 clear: both; margin: 10px auto 3px auto; width: 720px; 
height: 44px; background: url(images/phead-edit-teeth.png); float: left;
 color: #FFFFFF;
}

.pheadtxt{
 display: inline;
 float: left;
 clear: both;
 font-size: 1.8em; font-weight: bold;
 margin: 8px auto 0px 10px;
 color: #fff;
}

#introtop
{width: 784px; 
float: left; height: 31px;
margin: 10px 0px 0px 4px; 
font: normal normal normal 15pt arial; color: #007bff; letter-spacing: -1px;
}

#introtop div#num1
{float: left; width: 29px;  
height: 29px; display: inline; background: url(images/intro_1.png);
}

#introtop div#num2
{width: 29px; 
float: left; height: 29px; display: inline; background: url(images/intro_2.png);
}

#introtop div#num3
{width: 29px; 
float: left; height: 29px; display: inline; background: url(images/intro_3.png);
	margin-bottom: 0px;
}

#introbox1
{width: 230px; 
clear: both; float: left; display: inline; height: 137px; /*background-image: url('images/rightgradborder.png'); */
margin: 0px 0px 0px 9px; /* background-position: right; background-repeat: no-repeat;*/

background-position: right top; 
background-repeat: no-repeat;
}


#introbox2
{width: 303px;  
float: left; display: inline;   margin: 0px 0px 0px 0px; 
 background-position: center; background-repeat: no-repeat;
}

#introbox3
{width: 245px; 
display: inline; float: left; 
margin: 0px 0px 0px 0px; 
 background-position: left; background-repeat: no-repeat;
}

#introtop div#introboxhead1
{width: 196px; 
float: left; display: inline; height: 31px; 
margin: 0px 0px 0px 4px; 
text-align: left;
}

#introtop div#introboxhead2
{width: 282px; 
float: left; display: inline; height: 31px; 
margin: 0px 0px 0px 4px; 
text-align: left;
}

#introtop div#introboxhead3
{width: 201px;
float: left; display: inline; height: 28px; 
margin: 0px 0px 0px 4px; text-align: left;
}

#introtop h2{
 color: #ff26e1; display: inline; margin: 0px; padding: 0px; font: normal normal normal 15pt arial;}




#introbox1 div#introboxtext1
{float: left; display: inline; font-size: 10pt;  color: #ff2be3; margin: 0px 0px 0px 28px; 
text-align: left; background-color: #fff; padding: 2px; width: 191px; 
letter-spacing: 0px;
}


#introbox2 div#introboxtext2
{width: 263px;  
float: left; display: inline;  font-size: 10pt; color: #ff2be3; margin: 0px 0px 0px 26px; 
text-align: left; letter-spacing: 0px;

}

#introbox3 div#introboxtext3
{width: 179px;  
float: left; display: inline; 
font-size: 10pt; color: #ff2be3; margin: 0px 0px 0px 42px; 
text-align: left; letter-spacing: 0px;
}


#introboxtext1 ul
{list-style-type: disc; margin: 5px 0px 0px 0px; padding: 0px; }

#introboxtext1 li
{ margin: 0px; padding: 2px 0px 0px 0px;

}


#introboximg3
{width: 193px;  
float: left; clear: both; text-align: left; margin: 3px 0px 0px 39px;
}

#introboximg2
{width: 122px;  height: 96px;
float: left; clear: both;  margin: 3px 0px 0px 81px;
}




.ablmainhomemid{ width: 833px;}

.ablhometop{	
	width: 954px; height: 269px; background-image: url("images/welcomeintroback.jpg");}

.ablrightsection{
	margin-top: 1px; margin-left: 5px; float: left; display: inline; padding-bottom: 10px; width: 107px; 
text-align: right;
}
 
 .ablright180{
	margin: 0px 2px 0px 10px; 
float: right; display: inline; padding: 0px 10px 0px 0px; width: 200px; text-align: right; height: 169px;
}   
		
.ablrightad{
	margin: 5px 10px 0px 5px; padding: 0px 0px 10px 0px; float: right; display: inline; width: 140px; text-align: center; background-color: #f8fbff;  }    

.editprofileright{
	margin-left: 5px; float: left; display: inline;	height: 783px; width: 148px; text-align: right; padding-top: 10px}

.ablrightsectiontext{
	float: right;
	clear: both;
	height: 12px;
	width: 100%;
	margin-left: 0;
	text-align: center;
	font: normal normal normal 7pt arial; color: #a9a9a9;
	
}

.ablmainhome{
	float: left; display: inline; width: 833px;	margin: 0px;}

.ablmainhome div.free{
	float: left; position: relative; top: 5px; left: 165px; clear: both; width: 530px;  height: 28px; 	margin: 0px; }
		
.ablmainhome div.free span.one{
	float: left; display: inline;font-size: 1.4em; width: 500px; font-weight: bold; margin-right: 4px !important;margin: 0px; padding: 0px; color: #5ca6f7; height: 28px;}
		
.ablmainhome div.free span.two{
	float: left; display: inline;font-size: 15pt !important;  font-weight: bold; margin: 0px; padding: 0px; color: #f826e1; margin-top: -4px; height: 28px;}
				
		

/* Intro Top New Babies etc. */

#ablintrotop{
	float: left; width: 833px; background-color: #ebf5ff;  padding: 0px;  margin-top: 15px;}
	
#ablintrotop div#heading{
	float: left; width: 833px; clear: both;}	

#ablintrologinheader{
	 float: left;
	width: 377px; 
margin-top: 1px; display:inline; padding: 0px 0px 0px 0px; font-size: 16px;
	color: #5ca6f3;  text-align: left; height: 50px;
}

#ablintrosignupheader{
	 float: right;
	width: 440px; 
margin-top: 1px; display:inline; padding: 0px; font-size: 16px;
	color: #5ca6f3;  text-align: left; height: 50px;
}

#ablintrologinheader div#logintxt{
float: left; display: inline; position: relative; top: 7px; left: 20px; width: 320px; font-weight: bold; font-size: 1em;
}

#ablintrologinheader h3{
 margin: 0px; padding: 0px; display: inline; font-size: smaller;color: #5ca6f3;
}

#ablintrotop span.baby{
 margin: 0px; padding: 0px; display: inline; font-size: 1em; color: #ff26e1;
}



#ablintrosignupheader div#createmes{
float: right; clear: both; position: relative; top: 7px; right: 135px; width: 230px; font-size: 1.0em
}


#ablintrosignupheader div#fbsignin{
float: right; clear: both;   width: auto; position: relative; top: 4px; 
right: 115px;
font-size: .65em;  color: #2d4977 !important; width: 255px;
}


.ablintrologin{
	float: left; width: 365px; height: 170px; 
margin: 0px; clear: both; padding-top: 10px; display: inline;
	background: url(images/introloginbg.png) repeat-x; /*background-color: #dfefff*/ margin-left: 10px;
}

.ablintrologin div.rec{
	float: left;  margin: 0px;  padding-top: 0px; display: inline; font-size: 11px; margin-left: 165px; width: auto; color: #8695a5;
	/*background: url(images/introloginbg.png);*/ }

.ablintrocreateaccountheader{
	border: 2px solid #ddedfc; float: left; width: 469px; height: 21px; margin: 0px; display: inline;
	border-bottom: 4px solid #ddedfc !important;
	padding: 4px 0px 0px 5px; font-size: 11pt;	color: #5ca6f3;	background-color: #fff;}

.ablintrocreateaccount{
	float: right; width: 442px;	
min-height: 165px; display: inline; padding-top: 10px; /*background-color: #dfefff;*/ margin-right: 10px; 
	background: url(images/introloginbg.png) repeat-x top;
    
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.homelinecont{
float: left; clear: both; padding: 2px 0px 2px 0px; min-width: 347px; width: 360px;
}

.rememberme{
font-size: .80em !important;
}

.pass{
float: left; clear: both; min-height: 23px; min-width: 347px; width: 100%; 
text-align: left;
}

.pass span{
float: right;  width: 160px; font-size: 0.85em;
}


button {
border: 0 none;
cursor: pointer;
font-weight: bold;
padding: 0 15px 0 0;
text-align: center;
height: 30px;
line-height: 30px;
width: auto;
}

button.rounded {
background: transparent url( images/btn_right.png ) no-repeat scroll right top;
clear: left;
font-size: 0.8em;
}

button span {
display: block;
padding: 0 0 0 15px;
position: relative;
white-space: nowrap;
height: 30px;
line-height: 30px; font-size: 12pt;
}

button.rounded span {
background: transparent url( images/btn_left.png ) no-repeat scroll left top;
color: #FFFFFF;
}

button.rounded:hover {
background-position: 100% -30px;
}

button.rounded:hover span {
background-position: 0% -30px;
}

button::-moz-focus-inner {
border: none;
}





/*Minimum password length*/
.pass span{
font: normal normal normal 7pt arial; margin: 0px; padding: 0px; display: inline; color: #586e86; float: right; width: auto; width: 100px;}
	
.homestatement{
float: left; clear: both; min-height: 20px; min-width: 347px; width: auto; font-size: 0.70em; position: relative; left: 225px; color: #586e86; width: 361px;
	top: 0px;
}
	
.signupstatement{
float: left; clear: both; min-height: 20px; width: 499px; font: normal normal normal 7pt arial; color: #586e86;}

.homelbl{
float: left; display: inline; width: 85px; color: #2d4977 !important; font-size: 0.80em;
text-align: right; padding-right: 3px; padding-top: 4px;	height: 12px;
}

.homelblsignup{
float: left; display: inline; width: 130px; text-align: right; padding-right: 3px; padding-top: 4px; color: #2d4977 !important; font-size: 0.80em;}

.hometxt{
float: left; display: inline; text-align: left; min-width: 150px;
	width: auto;
}

.homeval{
float: left; display: inline; text-align: left; width: auto; height: 10px !important;
width:expression(document.body.clientWidth > 5 ? "5px": "auto" );
}

.introtxt
{border: solid 1px #d3e9ef !important; border-top: solid 2px #eee !important;}



.ablsignupbutton{
clear: both; margin: 10px auto 5px auto; width: 196px; height: 38px;
}

.loginhomebutton{
clear: both; margin: 5px auto 2px auto; width: 260px; 
height: 21px;
}

.loginhomebutton div.or{
float: left; display: inline; margin: 0px 5px 0px 5px; width: 10px; font-size: 0.85em; color: #666; text-align: center;}

#homead728x90
{ clear: both; width: 728px; height: 90px; margin: 5px auto 5px auto; }

#intro_message{float: left; clear: both; display: block; width: 825px; background: #569de9 url('images/welcome-text-bg.png') repeat-x 50% bottom;
text-align: left; padding: 4px; color: #fff; border-top: solid 1px #e4e4e4; border-bottom: solid 8px #a1cfff; 
height: 204px; 
z-index: 1;
}

#intro_message div.welcomemes{clear: both; display: block; color: #fff; float: left; font-size: 0.875em; letter-spacing: normal; margin: 0px; height: 149px;
}


#intro_message #social
{width: 100px; float: right; display: inline; position: relative; top: -5px; text-align: right; right: 0px; }

#social img
{border: none;}

#intro_message span{clear: both;  color: #fff; float: left; margin-bottom: 5px; font-size: 10pt; letter-spacing: normal;  }

#intro_message #parents_tab
{float: left; 
width: 270px; 
clear: both;
height: 32px;
text-align: left; 
font-size: 12pt;
font-weight: bold; 
color: #fff;
top: 13px;
position: relative;
background: url(images/intro_tab.png);
z-index: 20;}

#intro_message #customlink
{float: left; 
width: 320px; 
height: 33px;
display: inline; 
text-align: left; 
position: relative;
top: 17px; left: 50px; 
font-size: 12pt; 
font-weight: bold; 
color: #fff;
background: url(images/customlinktab.png);}

#intro_message #arrow
{float: left; display: inline; text-align: left; position: relative; top: 3px; left: 0px;}

#intro_message h4{ float: left;clear: both; font-size: 14pt; color: #fff; padding: 0px; margin: 0px; color: #fff; }

#intro_parents_features {
	float: left; width: 833px; margin-bottom: 0px; height: 120px;
}
	
#intro_parents_features ul.features_list {
	float: left; position: relative; left: 25px; top: 10px; margin: 5px 0px 0px 0px; padding: 0px; width: 275px;
 color: #3d8de3; list-style-type: none;}

#intro_parents_features li {
  list-style-type: none;	float: left; padding-left: 20px; width: 250px;clear: both; margin-top: 10px; text-align: left; background: url("images/intro_check.jpg") left center no-repeat; }
	
	
#intro_website_features {
	float: left; width: 833px; height: 115px; margin-bottom: 5px; letter-spacing: 0px; }
	
#intro_website_features ul.features_list{
	float: left; position: relative; left: 25px;  margin: 0px; padding: 0px; width: 275px;
 color: #3d8de3; list-style-type: none;}

ul.features_list li {
 list-style-type: none; font-size: 1em;	float: left; padding-left: 20px; width: 250px;clear: both; margin-top: 10px; text-align: left; background: url("images/intro_check.jpg") left center no-repeat; }
	
#intro_website_features div#leftcolumn{
	width: 380px; height: 120px; float: left;  position: relative; top: 0px; display: inline; text-align: left; left: 0px;  }
	
#intro_website_features div#rightcolumn{
	width: 450px; float: left; display: inline; height: 120px; position: relative; top: 0px; left: 3px; }
	
#rightcolumn div.intro_baby
{ float: right; position: relative; right: 16px; 
top: 10px; width: 91px; height: 117px; background: url(images/intro_babyreflect.png); }
	
#intro_website_features h2
{font-size: 15px; margin: 0px; padding: 0px; font-weight: normal; color: #3d8de3;}	
	
#intro_parents_features #div {
float: left; clear: both;}
	
#intro_parents_features div#header
{width: 831px; height: 25px; border: solid 1px #ddedfc; text-align: left;} 

#introheader2
{width: 833px; float: left; background: url(images/intrologin2bg.png);  border-top: solid 1px #b9dafb; color: #fff; clear: both; height: 29px;  text-align: left; margin-top: 0px;} 

#introheader2 div
{float: left; display: inline;} 

#introheader2 div#arrow1
{position: relative; top: 3px; left: 247px;} 

#introheader2 div#arrow2
{position: relative; top: 3px; left: 425px;} 

#introheader2 div#news
{text-align: left; position: relative; top: 3px; font-size: 1.2em;font-weight: bold; color: #fff; left:85px;
}

#introheader2 div#blogforum
{text-align: left; float: right; right: 150px; position: relative; top: 3px;  font-size: 1.2em; font-weight: bold; color: #fff;}

#introheader2 div#ad_text
{float: left; display: inline; font-size: 1.2em; font-weight: bold; color: #fff; position: relative; top: 3px; left: 15px;}


div#header #arrow
{float: left; display: inline; text-align: left; position: relative; top: 3px; left: 5px;}

#parents h1{font-size: 10pt; display: inline; color: #fff;}

#intro_parents_features div#info
{width: 833px;  padding-bottom: 0px; font-size: 11pt;letter-spacing: 0px; height: 120px;
   }   
 
#info h2
{font-size: 11pt; margin: 0px; padding: 0px; font-weight: normal; color: #3d8de3;}
	  
#features_header
{float: left; display: block; width: 833px; height: 35px; margin: 3px 0px 3px 0px; background-color: #fff1fd; border-bottom: solid 5px #ffdefa; }

#features_header div#features_header_text
{float: left; position: relative; font-size: 20px; top: 5px; left: 5px; color: #ff2de4; font-weight: bold;}



div#info1 div#fam
{float: right; display: inline;background: url(images/intro_fam.png) }
 
div#info div#info1
{width: 380px; height: 120px; 
float: left;  position: relative; top: 0px; display: inline; text-align: left;left: 0px; }

#info1 h1
{font-size: 11pt; margin: 0px; padding: 0px; font-weight: normal;}

div#info2 div.fam
{ float: right; position: relative; top: 10px; right: 5px; width: 150px; height: 100px; background: url(images/intro_family.jpg); }

div#info1 div.custom
{float: left; padding: 0px; background: url(images/customlinkbg.png); width: 325px; height: 35px;
clear: both; position: relative; top: 15px; left: 19px;
}


div#info div#info2
{width: 450px; float: left; display: inline; height: 120px;  
position: relative; top: 0px; left: 3px;  }

.ablnewbabiesright{
	float: left; display: inline; width: 792px; height: 227px; margin: 21px 0px 0px 20px;}

/* Pink gradient bar under new babies menu */
.ablintropinkgrad{ 
	float: left; width: 833px; height: 43px;clear: both; 
margin-bottom: 1px; background: url(images/introshadow.png) repeat-x;
} 	

/* Bottom part including ads and news */
.ablintrobottomcontent{
	float: left; width: 833px; /*background: url(images/introbottom_bg.png) repeat-x;*/}
	
.ablIntroBottomAd{
	float: left; display: inline; width: 251px;	height: 228px; text-align: center; margin-bottom: 7px;}


.bannerad46860{
	float: right; display: inline; width: 468px; height: 60px; position: relative; top: 7px; right: 0px; z-index: 3;} 

/* IntroPage text */

.ipagecontent p{
	font-size: 11px; color: #000000; display: inline;}

.ipagecontent h3{
	font: normal normal normal 7pt arial; color: #a9a9a9; display: inline; margin: 0px;   padding: 0px;
}


.ipagecontent h4
{
	font-size: 10pt;
	font-family: arial;
	color: #0066ff;
	display: inline;
	margin: -0.1em;
	padding: 0px;
	
}

.ipagecontent h5
{
	font-size: 14pt;
	font-family: arial;
	color: #0066ff;
	display: inline;
	margin: -0.1em;
	padding: 0px;
	letter-spacing: 0.2px;
	
}

.ipagecontent h6
{
	font-size: 14pt;
	font-family: arial;
	color: #ff30e4;
	display: inline;
	margin: -0.1em;
	padding: 0px;
	
}



/* Intro create account text */

.createaccount
{	
	float: left;
	width: 140px;
	height: 20px;
	margin-left: 3px;
	margin-top: 12px;
	}
	
/* Videos Page */

.videosbtnwatch{
 float: left; clear: both; width: 60px; height: 26px;  margin: 5px auto 0px 0px; }

.vidalbumcont{
clear: both; float: left; width: auto; margin: 0px auto 0px auto;}

/*videos list view*/
.videoul{
clear: both; height: auto; width: 385px; padding: 10px; margin: 5px auto 0px auto;}

/*around individual videos in this album*/
.videoli{
float: left; display: inline; margin: 3px; width: 122px;}


.videosul{
float: left; height: auto; width: auto; margin-left: 30px;
}

.vidaddvideosform{
   margin: 10px auto 0px 40px; width: 443px; text-align: center; float: left;}

.vidpageleft{
	float: left; display: inline; width: 243px;	height: 100%;}

.divempty{
	clear: both;}

.vidalbumlistcont{
	width: 525px; clear: both; margin: 0px auto 0px auto; height: auto;}

.vidalbumlistbg{
	width: 525px; float: left; height: auto; border-bottom: solid 1px #e8e8e8; margin-bottom: 5px; 
	padding-top: 10px; background: #e0edff url(images/statusbg.png) repeat-x top; }

.vidalbumpager{
	width: 515px; clear: both; margin: 5px auto 5px auto;
	text-align: center; padding: 5px;}

.vidpager{
	width: 100%; padding: 0px; margin: 5px auto 0px auto; clear: both;}

.vidalbummid h1{
   font-size: 11pt; font-family: arial; color: #4e96dd;  display: inline;}

/*Video album title*/
.vidalbummid h2{
   font-size: 10pt; color: #4e96dd; font-family: arial; display: inline;}

.vidalbummid h3{
  font-size: 11px; font-weight: bold; color: #6b6b6b;  clear: both; margin: 0px; padding: 0px;}

.vidalbummid h4{
   font: normal normal normal 11px arial; color: #6b6b6b; margin: 0px;}

.videocomment{
	clear: both; width: 508px;	height: auto; margin: 0px 0px 10px 0px; padding: 5px;}

.vidalbumprev{
	width: 139px; height: auto; text-align: center;    padding: 2px;} 

 .vidalbumleft{
	width: 139px;   min-height: 120px;
	float: left;
	display: inline;
	margin-left: 5px;
	display: inline; 
}   

.vidalbumleft img{
  padding: 2px; border: solid 1px #bebebe; background-color: #fff;}   

.vidalbumoptions{
	width: 360px; height: auto; float: left;  margin: 10px 0px 0px 10px; text-align: left;}
	
.editvidalbumprev
{
	width: 120px;
	height: 90px;
	float: left;
	clear: both;    
	border: solid 1px #bebebe;  
	 
}


.vidalbuminfo
{
	width: auto;
	height: auto;
	float: left;
	height: auto;
	margin-left: 10px;
	margin-bottom: 10px;
	display: inline;
	text-align: left;   
}


.addphotolnk
{
	display: inline; float: left; color: #fff; margin: 0px; padding: 2px 0px 2px 0px;}

.pmenucont{
	float: left; font-family: arial;  clear: both; width: 526px; padding: 2px 2px 2px 2px; margin: 0px auto 0px auto; background-color: #fafeff;
   font-size: 1.1em;
	}

.pmenures{
	display: inline; width: 518px; color: #007bff; float: left; text-align: left;  margin: 2px 0px 5px 2px;  font-size: 11pt; padding-bottom: 2px;
}

.pmenures span{
	float: right; display: inline; font-size: 9pt; width: 200px; text-align: right;
}


/* Photos Page */
.phototagged
{
	width: 525px; float: left; clear: both; height: 139px; background: url(images/taggedphotos.jpg); margin: 5px auto 5px auto;
}

.phototaghead{   
	clear: both; float: left; width: 525px;  height: 35px; margin: 0px auto 0px auto;  background: url(images/photosheadbg.jpg) repeat-x;
	text-align: left; padding: 7px 0px 0px 5px; font: normal normal bold 24px Arial; color: #007bff;}
 
 .taggedphotoshead{   
	clear: both; width: 300px; float: left; height: 35px; margin: 48px auto 0px auto; text-align: left; padding: 7px 0px 0px 5px;
	font: normal normal bold 24px Arial; color: #7da2db; }

.phototaglink{
	width: auto; float: left; clear: both; display: inline; margin: 26px 0px 0px 86px; font-size: 9pt;
}

#MyDiv{
	clear: both;    width: 530px;    height: inherit;    padding-top: 5px;    margin: 0px auto 0px auto;}

.mydivtxt
{
	float: left;
	clear: both;
	margin: 0px auto 0px 0px;
	text-align: left;
	width: 499px;
}

/*Video/Photo Album Edit Cont*/

.editalbumcont{
	width: 525px; clear: both; margin: 5px auto 5px auto; padding: 5px 0px 5px 0px; border-top: solid 1px gray;
	border-bottom: solid 1px gray; height: 120px; background: url(images/firstcontbg.gif) repeat-x;}

.editalbumcont h1{
   font-size: 11pt; color: #4e96dd; display: inline;}

.editalbumcont h2 {
   font: normal normal normal 12pt Arial; color: #4e96dd; display: inline;}

.editalbum1{
	float: left; width: 125px; display: inline;}

.editalbum2{
	float: left; width: 270px; display: inline;}

.editalbumlbl{
	clear: both; width: 150px; text-align: right; float: right; height: 20px; margin-top: 5px; padding-top: 5px;
	font-size: 11px; font-weight: bold;}

.editalbumlbl3{
	clear: both; width: 150px; text-align: right; float: right; height: 20px; margin-top: 15px; font-size: 11px; font-weight: bold;
	padding-top: 5px;}

.editalbumnotes1{
	clear: both; width: 150px; text-align: right; float: right;  height: 35px; margin-top: 3px; font-size: 11px; font-weight: bold;}

.editalbumnotes2{
	clear: both; width: 150px; text-align: left; float: left; height: 45px; padding-left: 5px; margin-top: 3px;}

.editalbumtxt{
	clear: both; width: 150px; text-align: left; float: left; padding-left: 5px; margin-top: 5px; padding-top: 5px;}

.editalbumbtn{
  clear: both; float: left; margin: 5px auto 0px 195px; padding-top: 5px;}

.editalbumbtn2{
  display: inline; margin: 5px auto 2px auto;}

.editalbumbtn3{
  display: inline; margin: 5px auto 0px 2px;}
  
/*---- Add photos ------*/

.addphoto_linecont
{float: left; clear: both; padding: 2px 0px 2px 0px;}

.photoinstruction{
	clear: both; float: left; width: auto;	display: inline; font-size: 1.0em;	color: #666; padding: 1px 2px 4px 2px;
	margin: 10px auto 5px auto;	text-align: center;}

.cropinstruction{
float: left; clear: both; display: inline; width: 300px; font-size: 1.1em; color: #000; padding: 5px 3px 5px 3px;
/*border: solid 1px #d1d0bb;*/  border: solid 1px #f5f2a6; background: #f5f2a6 url(images/instruction-bg.png) repeat-x;
/*border: solid 2px #d9e6fd;
background: #f4f8ff;*/

margin: 0px 0px 5px 0px;
text-align: left;
}


/* SignUp Page */

.SUContent { 
	color: #000; text-decoration: none; font-family: Arial, Verdana, helvetica !important;}


.sucontent h2
{

	color: #1170ff;
	font-size: 11px;
	margin: 0px;
	width: 215px;
}

.sucontent h3
{
	font: normal normal normal 7pt arial;
	color: #a9a9a9;
	display: inline;
}

.sucontent h4
{
	font-size: 11px; font-weight: bold;
	color: #6ba3f6;
	display: inline;
}

.SULeft
{
	float:left;
	display:inline;
	width: 245px;
	height: 100%;
}

.SURight
{
	float:left;
	display:inline;
	width: 213px;
	height: 100%;
	padding-top: 10px;
}

.SUFieldBoxTop
{
	clear: both;
	width: 501px;
	height: 26px;
   
	margin: 10px auto 0px auto;
	
}

.SUFieldBox
{
	clear: both;
	width: 499px;
  
	border: solid 2px #c9deff;
	margin: 0px auto 0px auto;
	background: url(images/signupbaby.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 5px;
	height: auto;   
		-moz-border-radius-topleft:6px;   -webkit-border-top-left-radius:6px;
	 -moz-border-radius-topright:6px;  -webkit-border-top-right-radius:6px;
	-moz-border-radius-bottomleft:6px;  -webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;  -webkit-border-bottom-right-radius:6px;     
}

.SUFieldBox h2{
 color: #ff26e1; display: inline; margin: 0px; padding: 0px; font: normal normal bold 13pt arial;}

.SUFieldBox h1{
 margin: 0px; padding: 0px; font: normal normal bold 13pt arial; display: inline;}


.SUFieldBox div.title{
	float: left; position: relative; display: inline; left: 115px; top: 0px;
	font-size: 1.2em;  
	color: #5ca6f3;  text-align: center;    font-weight: bold; margin-bottom: 10px; }   

.SUFieldBox div.intro{
	float: left; position: relative; clear: both; left: 50px; 
top: 10px; text-align: left !important;
	font-size: 10pt;  width: 398px;
	color: #666;  text-align: center;    font-weight: normal; margin-bottom: 25px; }   
	
.SUFieldBox div.info{
	float: left; clear: both; position: relative; display: inline; left: 35px; top: 10px; 
	font-size: 10pt;  width: 405px; background-color: #f2f8ff; padding: 5px 5px 10px 10px;
	color: #256ab6;text-align: left;    margin-bottom: 20px; -moz-border-radius-bottomleft: 5px; 	-webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; 	-webkit-border-bottom-left-radius: 5px;
	}   
.SUFieldBox div.infotop{
	float: left; clear: both; position: relative; display: inline; left: 35px; top: 10px; padding: 0px;
	font-size: 10pt;  width: 420px; background-color: #d1e7ff; height: 30px;
	color: #3e4955;  text-align: left;    margin-bottom: 0px; -moz-border-radius-topright: 5px; 	-webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; 	-webkit-border-top-left-radius: 5px;}   	

div.infotop span
{float: left; color: #4083cd; font-size: 15pt; position: relative; top: 2px; left: 5px;  font-weight: bold;}
	
.SUFieldBox div.info ul{
	padding: 0px; margin-left: 10px; margin-top: 0px;}   	
	
.SUFieldBox div.info li{
	margin-bottom: 3px;}   


.SUFieldBottom
{
	clear: both;
	width: 501px;
	height: 2px;
	background: url(images/SUFieldBottom.png);
	margin: 0px auto 0px auto;

	
}

.SUSignIn
{
	float: right;
	width: 219px;
	margin: 7px 10px 0px 0px;
	color: #666;
	font-size: 11px;
	
	   
}

.SURightAd
{
	float: right;
	width: 200px;
	height: 200px;
	background-color: #f8f8f8;
	   
}

.Su200
{ 
	width: 200px;
	text-align: center;
	float: right;
}



.SULeftInfo
{
	width: 235px;
	height: 201px;
	background: #ffffff;
	border: solid 1px #c9deff;
	margin-top: 10px;
	border: solid 1px grey;
	padding-left: 4px;
	padding-top: 4px;
}

.linecont{
width: 100%;
clear: both;
float: left;    
margin: auto;
padding: 3px 0px 2px 0px;
text-align: left;
font-size: 12px;
}

.firstyear_row{
width: 100%;
clear: both;
float: left;    
padding: 3px 0px 3px 0px;
text-align: center;
font-size: 12px;
height: 190px;

}

.firstyear_row img{
border: solid 6px #b8d9ff !important;
margin-bottom: 2px;
}

.linecont span.lbl2{
width: 165px;
display: inline;
float: left;    
margin: 0px;
padding: 0px;
text-align: left;
font-size: 12px; margin-left: 5px;

}


.linecont_viewsite{
width: 100%;
clear: both;
float: left;    
margin: auto;
padding: 4px 0px 2px 0px;
text-align: left;
font-size: 1.3em; font-weight: bold;

}

.videoalbumslinecont{
width: auto;
clear: both;
float: left;    
margin: auto;
padding: 3px 0px 2px 2px;
text-align: left;
font-size: 9pt; 
}

.lblsignup{
width: 89px;
float: left;
display: inline;
text-align: right;
margin-right: 2px;


}


.txt
{
float: left;
display: inline;
text-align: left;
	width: 144px; font-size: 7pt;
}

.captcha{
clear: both;
float: left;
margin: 10px auto 10px 25px;
}

.bottom{
   clear: both;
   margin: 10px auto 10px auto;
   
}

/* Log In Page */

#login
{float: left; display: inline; width: auto; width: 148px;  }

#loginsignin
{float: left; display: inline; width: auto; }

#loginmid{
	float:left; display:inline; width: 520px; height: 800px; margin-left: 230px;}
	
.loginrow
{float: left; clear: both; text-align: left; width: 387px; 
padding: 5px 0px 0px 0px; font-size: 9pt;
}


.loginmes 
{float: left; clear: both; text-align: center; width: 433px; 
padding: 5px 0px 5px 0px;
	height: 14px;
}	

.loginmes div.rec{
float: left;  margin: 0px;  padding-top: 0px; display: inline; font-size: 11px; margin-left: 195px; width: auto; color: #8695a5;}

.mtop20
{margin-top: 14px !important;
}		


.loginmes span{
float: left; display: inline; margin: 0px 5px 0px 5px;}

.loginmes div.signin
{float: left; display:inline; margin-left: 95px; 
}		


.loginlbl
{float: left; text-align: right; display: inline; width: 121px;  color: #505050; 
margin-right: 2px;
}

.loginfieldbox{
	clear: both; width: 440px; 

	border: solid 2px #d8e7ff; margin: 0px auto 0px auto; padding: 5px 0px 20px 10px; float: left;
}

.loginfieldbox div.homelinecont{
float: left; clear: both; padding: 2px 0px 2px 0px; min-width: 450px; width: 420px;}
	
.loginfieldbox span.title{
	float: left; position: relative; display: inline; left: 10px; top: 5px;
	font-size: 12pt;
	color: #5ca6f3;  text-align: left;    font-weight: bold; margin-bottom: 10px; }   
	
.loginfieldbox span.mes{
	float: left; position: relative; clear: both; left: 10px; 
top: 5px; width: 403px;
	font-size: 11px;
	color: #000;  text-align: left;     margin-bottom: 10px; }   
		
	
.logintop{
	clear: both; width: 453px; 
height: 26px;  margin: 0px auto 0px auto;
	padding: 0px;
}
	


.loginforgot{
	display: inline; float: right; width: 214px; text-align: right; height: auto; margin: 8px 10px 0px 0px; font-size: 11px;}

/* Input Box */

.input{
	font-family: arial; font-size: 11px; height: 20px; margin-right: 0px; border : 1px solid #bdbdbd}

.logintxtcont{
	float: left; clear: both; height: 25px; text-align: left;}

/* Text Box */

.textbox{
	border : 1px solid #bdc1c5; font: normal normal normal 0.95em arial; overflow: hidden; color: #000;padding: 0.3em; line-height: normal;
	
}

.logintxt{ 
   padding: 0.3em; font: normal normal normal 1.0em arial;
}
	
.chk{
 border : 1px solid #e3e3e3;}

.txtml{
	border : 1px solid #bdc1c5; font: normal normal normal 0.95em arial; overflow: hidden;}
	
.txtmlb{
	border : 1px solid #c2d1eb; font: normal normal normal 0.95em arial; overflow: hidden;}

.textboxb{
	padding: 0.3em; border : 1px solid #d3e3fd; font: normal normal normal 0.95em arial;overflow: hidden;}

/* Input */

.input{
	font-family: arial; font-size: 7.5pt; height: 16px; margin-right: 0px; border: 1px solid #bdbdbd; width: 500px;}

/* Combo Box */

.fontcmb{
	font-size: 1em; border: solid 1px #bdc1c5;}

.cmbb{
	font-size: 1em;  border : 1px solid #c7d9f8;}    
 
 .cmbintro   
{font-size: 0.85em;  border: solid 1px #d3e9ef !important; }


.fileupinput{
	width: auto; height: 20px; border : 1px solid #bdbdbd; margin: 0px; font: normal normal normal 8.5pt arial;}

.fileupres{
	clear: both; width: 320px; height: 20px; margin: 2px auto 2px auto;}
 
 .fileupinptcont{
	clear: both; width: 320px; height: 20px; margin: 2px auto 2px auto;}   

#optionscont{
float: left; color: #007bff; width: 400px; padding: 5px; margin: 15px auto 5px 50px; clear: both; border: solid 2px #c9c9c9; text-align: center;
}

.profilephototop{
	float: left; clear: both; width: 530px; margin: 10px 0px 0px 0px; border-top: solid 1px #cecece; padding: 10px 0px 0px 0px;}
	
 
#uploaderror{
	float: left; clear: both; width: 530px; margin: 2px 0px 2px 0px; text-align: center;}   
	
	
.addphototitle{   
	width: 292px; height: auto; float: left; margin-left:15px; margin-top:13px;}

.photostandbg{
	width: 530px; float: left; height: 350px;  margin: 0px auto 0px auto;  background: url(images/addphotoalbumbg.jpg) repeat-x;
	padding-top: 20px;}

.addphotocontent p{
   font-size: 11px; color: #000; display: inline;}

.addphotocontent h1 {
 float: left;  display: inline; font-size: 1.3em; font-weight: bold; line-height: normal;padding: 0px;  margin-top: 2px;}


.addphotocontent h2 {
   color: #007bff; float: left;  display: inline; font: normal normal bold 1.5em arial; line-height: normal; padding: 0px;  margin: 0px;}

.addphotocontent h3 {
 color: #007bff; display: inline; font: normal normal bold 1.4em arial;}

.adjustphotocont{
float: left; clear: both; text-align: center;}

.profilephotocmb{
clear: both; float: left; width: 530px; margin: 5px auto 5px auto; text-align: left; padding: 5px 0px 5px 0px; text-align: left; }

.profilephotoimg{
 float: left; clear: both;  
margin: 5px auto 5px auto; text-align: left;width: 311px; 
}

.profilephotoimgcont{
 float: left; clear: both; overflow: hidden; margin: 0px auto 5px auto; text-align: left;width: 311px; min-height: 320px;
border-right: solid 5px #ededed; padding: 0px 2px 0px 0px;
}
 
#thumbsaveresult{
	text-align: center;}

.profilephotoimg2{
clear: both; text-align: center; display: block;}

#prodiv{
 width: 200px; height: 200px; overflow: hidden; margin: 5px auto 5px auto; border: solid 1px #c9c9c9;}

#prodiv50{
 width: 50px; height: 50px; overflow: hidden; margin: 5px auto 5px auto; border: solid 1px #c9c9c9;}

.profilephotosave{
clear: both; margin: 5px auto 5px auto; text-align: center; width: 60px; height: 26px;}

.editpromain{
 margin: 0px; text-align: center;}

.panelcenter
{ text-align: center;}


.pphotoh{
float: right; width: 205px; clear: both; color: #000;
    height: 16px;
}

.pphotobtns{
float: left; width: 205px; clear: both; margin: 5px 0px 0px 0px;}

.sizesetcont{
float: right; width: 205px; padding-bottom: 5px;}

.fileupload{
clear: both; margin: 5px auto 0px 20px; float: left;
	width: 367px;
}

.uploadbuttons{
clear: both; margin: 5px auto 5px auto;}

#photouploaders
{float: left; clear: both; width: 528px; margin: 0px 0px 5px 0px; border-top: solid 1px #cecece; padding: 10px 0px 0px 0px;
}

/* Profile */

.button

{
	font-size: 11px;
}

/*/////////// User Edit ////////////*/



/*/// Profile Page  ///*

#ablProfilePage
{
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1px;	
	vertical-align: top;
	text-align: left;
	width: 1106px;
		
}


/* Everything in the left column */

#leftad{
	float: left; display: inline; width: 243px; margin: 0px; min-height: 600px; padding-top: 10px;
   
}

.profilepageleft{
	float: left; display: inline; width: 243px; margin: 0px; height: 100%; }
#profilepageleft{
	float: left; display: inline; width: 243px; margin: 0px; height: auto;}	

.Pbox1Top{
	float: left; width: 243px;height: 6px; background: url(images/pbox1top.gif); margin-top: 0px;}

.Pbox1{
	text-align: center;	float: left; width: 241px;	background-color: #e5efff; border-left: solid 1px #98bdf8;border-right: solid 1px #98bdf8;}

.Pbox1Bottom{
	float: left; width: 243px; height: 22px; background: url(images/pbox1bottom.gif);}

.Pbox1Info{
	margin-top: 30px; width: 224px;	height: 107px; background-color: #d4e2f9; }

/* profile left boxes */

.profilepicture{
	width: 200px;  height: 200px;  float: left; border: solid 1px gray;  position: relative; top: 18px; left: 20px;}

.profilename{
	width: 200px; padding: 2px 0px 0px 0px; float: left;  position: relative; left: 20px; top: 16px;  font-size: 11px; font-weight: bold;}

.profileparents{
   color: #5f5f5f; width: 200px; padding: 0px 0px 0px 0px; float: left;left: 21px; top: 15px; position: relative;  font: normal normal normal 10px arial; }
   
.profilechangephoto{
   float: left; clear: both;  position: relative; width: 200px; top: 15px; text-align: center; left: 21px;}
   
 
.profilepicturebg{
	width: 243px; height: 278px; background: url(images/profilepicturebg.png); margin-top: 5px; float: left; text-align: center;}

.profstatus{
	clear: both; float: left; width: 240px; text-align: left;  margin: 0px 0px 0px 0px;
}

.pbox1top{
	width: 243px; height: 34px; background: url(images/box1top.png); margin-top: 5px; float: left;}

.pbox1bg{
	width: 243px; background: url(images/box1bg.png); float: left; padding-left: 0px;}

.pbox1bottom{
	width: 243px; height: 18px; background: url(images/box1bottom.png); float: left;}

.pbox1header{
	width: auto; height: auto; color: #007bff; float: left; font-size: 11px; font-weight: bold; margin: 18px 0px 0px 11px;}

.pbox2top{
	width: 243px; height: 27px; background: url(images/box2top.png); float: left;}

.pbox2bg{
	width: 243px; height: auto; background: url(images/box2bg.png); float: left;}

.pbox2bottom{
	width: 243px; height: 23px;  background: url(images/box2bottom.png); float: left;}

.pbox2header{
	width: auto; height: auto; color: #25a5a5; float: left; font-size: 11px; font-weight: bold; margin: 11px 0px 0px 11px;}

.pbox3top{
	width: 243px; height: 28px; background: url(images/box3top.png); float: left;}

.pbox3bg{
	width: 243px; height: auto; background: url(images/box3bg.png); float: left;}

.pbox3bottom{
	width: 243px; height: 25px; background: url(images/box3bottom.png); float: left;}

.pbox3header{
	width: auto; height: auto; color: #e819b4; float: left; font-size: 11px; font-weight: bold; margin: 11px 0px 0px 11px;}
	
/* Firsts */
.firstmaincont{
		width: 528px;clear: both;margin: 5px auto 0px auto;float: left; 
		-moz-border-radius-topleft:6px;   -webkit-border-top-left-radius:6px;
	 -moz-border-radius-topright:6px;  -webkit-border-top-right-radius:6px;
	-moz-border-radius-bottomleft:6px;  -webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;  -webkit-border-bottom-right-radius:6px;

		}
		

.firstleftcont{
float: left; width: 520px; height: auto; padding: 5px; margin: 0px auto 10px 0px;  background-color: #e5efff; -moz-border-radius-topleft:6px;   -webkit-border-top-left-radius:6px;
	 -moz-border-radius-topright:6px;  -webkit-border-top-right-radius:6px;
	-moz-border-radius-bottomleft:6px;  -webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;  -webkit-border-bottom-right-radius:6px;
}
	
.firstleftcont div {      }
	

.firstleft1{
float: left;display: inline;width: 275px;height: auto;margin: 5px 2px 0px 0px; }

.firstleft2{
float: left; display: inline; width: 230px;margin: 10px auto 0px 5px; text-align: center;}

.firstpicture{ float: left; width: 225px; text-align: center; margin: 2px 0px 5px 0px;
}

.firstleft2 img{
background-color: #fff; border: solid 2px #cae5ff !important; padding: 3px;}

.firstleftdate{
float: left; display: inline; width: 220px;height: auto; margin: 0px; text-align: left;}

	  
.fagetitle {float: left;  font-size: 1.1em; clear: both;  color: #2d4977; }

.fage{float: left; display: inline;font-size: 1.1em; color: #2d4977; width: 180px; text-align: left;}
	  
 .firstleftdate img {
	  float: left; display: inline;}     
	  
.ficonleft
{float: left; display: inline; width: 50px; height: 50px;  margin-right: 2px;}      

.firstleftdisc{
float: left;display: inline; width: 180px;height: auto;color: #237eef;font-size: 1.5em; margin-left: 0px; text-align: left;}

.firstleftnote{
float:left;clear: both;width: 251px;
padding: 5px; font-size: 1.0em; text-align: left; background-color: #fff;  border: solid 2px #cae5ff;
  -moz-border-radius-topleft:6px;   -webkit-border-top-left-radius:6px;
	 -moz-border-radius-topright:6px;  -webkit-border-top-right-radius:6px;
	-moz-border-radius-bottomleft:6px;  -webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;  -webkit-border-bottom-right-radius:6px;}

.firstleftcomcont{
clear: both; float: left; width: 273px;margin: 0px;padding: 0px 0px 0px 0px; margin-bottom: 5px
}
 
.firstleftnotebg{
float:left; clear: both;width: 264px; 
padding: 0px 2px 2px 0px; text-align: left; font-size: 9pt; padding-top: 5px;}


.firstrightcont{
float: left; clear: both;width: 520px;margin: 0px auto 10px 0px; background-color: #e5efff;  padding: 5px;

 }

 .firstrightcont div {   
	}

.firstright1{
	float: right; display: inline;width: 270px;height: auto; margin: 5px auto 0px 2px; }
	
.firstright2{
float: left;display: inline;width: 245px;height: auto;margin: 5px auto 0px auto;}

.firstright2 img{
border: solid 2px #cae5ff !important; background-color: #fff; padding: 3px;}        

.firstrightdate{
float: left ; display: inline; width: auto;height: auto; text-align: left;  }

.firstrightdate img{
float: left; display: inline;}

.firstrightdisc{
	float: left; display: inline; width: 150px; height: auto; color: #237eef; font-size: 11pt; text-align: left;
}

.firstrightnote{
float: right; clear: both; width: auto; height: auto; margin-top: 5px;
}

.firstrightcomcont{
clear: both; float: right; width: 265px; margin: 0px; padding: 0px 0px 0px 0px;}


.firstrightnotebg{
float:left;clear: both;width: 251px;
padding: 5px;font-size: 1.0em; text-align: left; padding-top: 5px; background-color: #fff;  border: solid 2px #cae5ff; margin-top: 5px;
}


.comtextbox{
	font-family: arial; font-size: 7.5pt;  border: 1px solid #c9c9c9; margin: 0px; width: 250px;}

.editfavimgclk{
	margin: 3px auto 5px auto; height: 14px; width: 530px; float: left;}
	  
	
/* ----Favorites----- */


.addfavcont2{
	clear: both; float: left; margin: 5px auto 5px auto; width: 530px;}
	
.favmaincont{
width: 530px;float: left;clear: both;margin: 5px auto 0px auto;}


.favleftcont{
float: left; width: 520px; height: auto; padding: 5px; margin: 0px auto 10px 0px;  background-color: #e5efff; 
}

.favleft1{
float: left;display: inline;width: 275px;height: auto;margin: 5px 2px 0px 0px; }

.fdate
{float: left;  font-size: 1.1em;  color: #2d4977; margin-right: 2px; width: 210px;  }

.fdesc
{float: left;  clear: both; width: 210px; }

.favleft2{
float: left;display: inline;width: 245px;height: auto; margin: 5px auto 0px auto;}

.favpicture{
 float: left; width: 235px; text-align: center; margin: 2px 0px 5px 0px;}

.favleftdate{
float: left;display: inline;width: auto;height: auto; margin-left: 0px; width: 210px; text-align: left;}

.favleftdate img{
float: left;display: inline;  }

.favleftdisc{
float: left; display: inline; width: 180px;height: auto;color: #237eef;font-size: 1.5em; margin-left: 0px; margin-right: 2px; text-align: left;}

.favleftnote{
float:left;clear: both;width: 251px;
padding: 5px;font-size: 9pt;text-align: left; background-color: #fff;  border: solid 2px #cae5ff;}


.favleftcomcont{
clear: both;float: left;width: 273px;margin: 0px;padding: 0px 0px 0px 0px; margin-bottom: 5px; }

.favleftnotetop{
	float:left;clear: both;width: 273px;height: 18px;background-image: url(images/firstnotetop.gif)}

.favleftnotebg{
float:left; clear: both;width: 264px; 
padding: 0px 2px 2px 0px; text-align: left; font-size: 1.1em; padding-top: 5px;}

.favleftnotebottom{
	float:left;clear: both;width: 273px;height: 7px;background-image: url(images/firstnotebot.gif)}


.favrightcont{
float: left; clear: both;width: 520px;margin: 0px auto 10px 0px; background-color: #e5efff;  padding: 5px;
  }

.favright1{
	float: right; display: inline;width: 270px;height: auto;margin: 5px auto 0px 2px; }

.favright2{
float: left;display: inline;width: 245px;height: auto;margin: 5px auto 0px auto;}

.favright2 img{
border: solid 2px #cae5ff !important; padding: 3px; background-color: #fff;}

.favrightdate{
float: left; display: inline; width: 210px;height: auto; margin: 0px; text-align: left;}

.favrightdate img{
float: left; display: inline;}

.favrightdisc{
	float: left; display: inline; width: 150px; text-align: left; height: auto;color: #237eef;font-size: 11pt;  margin-left: 0px;}

.favrightnote{
float:left;clear: both;width: 251px;
padding: 5px;font-size: 9pt;text-align: left; background-color: #fff;  border: solid 2px #cae5ff;}

.favrightcomcont{
clear: both; float: right; width: 265px; margin: 0px; padding: 0px 0px 0px 0px; }

.favrightnotetop{
	float:right;clear: both;width: 273px;height: 18px;background-image: url(images/firstnotetop.gif)}

.favrightnotebg{
float:left;clear: both;width: 251px;
padding: 5px;font-size: 1.1em;text-align: left; padding-top: 5px; background-color: #fff;  border: solid 2px #cae5ff; margin-top: 5px;}

.favrightnotebottom
{
float:right;clear: both;width: 273px;height: 7px;background-image: url(images/firstnotebot.gif)}



/* ---- End ------- */
.comsubnewcom{
margin: 5px auto 5px auto;}

.txtFirsts{
float: left;display: inline;width: 88px;height: 12px;font-size: 11px;color: #1170ff;
margin: 5px 0px 0px 15px;text-align: center;}

.usericon{
 float: left; display: inline;  width: 30px; height: 30px; }


.comadd{
float: left;clear: both;width: 265px;height: auto;padding-top: 2px;background:none;}

.firstcomcont{
float: left;width: 265px;height: auto;}

/*///////////////// Everything in the middle column /////////////////////*/

.profilepagemid{
	float: left; display: inline; width: 530px; margin-left: 10px;	margin-right: 3px;}

.inboxpagemid{
	float: left;display: inline;width: 630px;}
	
#emptymessage
{ float: left; clear: both; margin: 10px 0px 0px 65px; color: #007bff; width: 500px; height: 35px; background-color: #f6faff; padding: 15px 0px 0px 0px; font-size: 10pt; font-weight: bold;}	

#emptymessage_reply
{ float: left; clear: both; margin: 10px 0px 0px 96px; color: #007bff; width: 500px; height: 35px; background-color: #f6faff; padding: 15px 0px 0px 0px; font-size: 10pt; font-weight: bold;}	


#emptymessagetab
{ float: left; clear: both; margin: 10px 0px 0px 15px; color: #007bff; width: 500px; height: 35px; background-color: #f6faff; padding: 15px 0px 0px 0px; font-size: 10pt; font-weight: bold;}	

.inboxpageright{
 border-left: solid 1px #f0f0f0; margin: 5px 0px 0px 0px;  float: right;display: inline;width: 300px; padding: 10px;  text-align: center; font: normal normal normal 7pt arial; color: #a9a9a9;}

.inboxpagemid a:visited {
 color: #006fcc; }

.profilepagemenu{
	clear: both;width: 553px;height: 47px;  margin: 10px auto 0px auto;	background: url(images/profiletopmenu.png);}

.profilepageheader{
	clear: both;width: 553px;height: 36px;	margin: 0px auto 0px auto;	background: url(images/profilepageheader.png);
	border-bottom: solid 1px #cbdcf6;}

.profilebotmenu{
	float: left;display: inline;width: 530px;height: 26px;	margin-top: 10px;}



/*/////////////////// Everything in the right column ////////////////////*/

.profilepageright{
	text-align: center;	float: left;display: inline;width: 200px;height: 100%;	margin-left: 27px;	
	padding-top: 27px;}



/* Profile Page text */

.profilecontent p{
	font-size: 11px;  color: #000;  display: inline;}

.profilecontent h3{
	font: normal normal normal 7pt arial; color: #a9a9a9; display: inline;}


.profilecontent h4{
	font-size: 10pt;  color: #0066ff; display: inline; margin: 0px;}

.profilecontent h5{
   font: normal normal normal 14pt Estrangelo Edessa; color: #0066ff; display: inline;}

.profilecontent h6    
{
	font: normal normal normal 14pt Estrangelo Edessa; color: #ff30e4; display: inline;
}

/* Inbox */

.boldmess {
 font-weight:bold}

.inbox p{
   color: #4e96dd; display: inline; font: normal normal normal 11px Arial;}

.inbox h2{
   color: #4e96dd; display: inline;  font: normal normal normal 12pt Arial;}

.inbox h3{
   color: #4e96dd; display: inline; font: normal normal normal 14pt Arial}

.inboxcreatecont{
	clear: both; text-align: center; width: 570px; padding: 10px 0px 0px 0px;  margin: 0px auto 0px 30px; float:left; }


.inboxmenucont
{
   float: left;
   width: 630px;
   height: auto; 
   margin: 1px 0px;
   
   background: url(images/inboxmenubg.png) repeat-x;
   background-color: #fffcb5;
   border-bottom: solid 2px #bfc8d5;
   border-top: solid 1px #d5d5d5;
   font: normal normal normal 7pt arial;
   padding-top: 4px;
   padding-bottom: 4px;

   
}
.inboxmenucont div.message
{float: left; display: inline; font-size: 1.5em; position: relative; top: 4px; left: 25px; 
color: #616c82; font-weight: bold;
}

.inboxmenucont div.icon
{float: left; display: inline; width: 53px; height: 31px; font-size: 12pt; position: relative; top: -4px; left: 20px; color: #616c82; font-weight: bold;}


.inboxcolheadercont
{
   float: left;
   clear: both;
   width: 630px;
   height: 30px; 
   margin: 1px 0px;
   border-bottom: solid 1px #bababa;
   font: normal normal normal 1.1em arial;
   margin-bottom: 2px;
   
}

.inboxfromheader
{
   float: left;
   display: inline;
   width: 130px;
   height: 20px; 
   margin: 1px 0px;
   font-size: 10pt; font-weight: bold;
   padding-left: 58px;
   color: #727272;
   padding-top: 6px;


   
}

.inboxsubheader
{
   float: left;
   display: inline;
   width: 280px;
   height: 20px; 
   margin: 1px 0px;
   font-size: 10pt; font-weight: bold;
   padding-top: 6px;
   color: #727272;
   padding-left: 10px;

   
}

.inboxdateheader
{
   float: left;
   display: inline;
   width: 120px;
   height: 20px; 
   margin: 1px 0px;
   font-size: 10pt; font-weight: bold;
   padding-left: 10px;
   padding-top: 6px;
   color: #727272;

   
}


.inboxtitle
{
   
	width: 292px;
	height: auto;
	float: left;
	margin-left:15px;
	margin-top:0px;
	text-align: left;
	display: inline;
	text-align: left;
	color: #000000
}

.inboxheader
{
	float: left;
	display: inline;	
	width: 630px;	
	height: 44px;
	margin-left: 0px;	
	margin-top: 5px;
	background-image: url('images/inboxheader.png');
   font-family: arial;
   display: inline;
   font-weight: bold;
   margin-bottom: 3px;
}


.inboxchkall
{
float: left;
display: inline;
width: 24px;
height: 25px;
text-align: center;
padding-right: 1px;
padding-top: 5px;
margin-top: 6px;

   
}

.inboxmenuopt
{
   float: left;
   display: inline;
   width: 600px;
   padding-top: 4px;
   padding-left: 2px;
   font-size: 11px;

}




.inboxmenulinks
{
   float: left;
   display: inline;
   width: auto;
   height: auto;
   text-align: center;
   margin-top: 4px;
   padding-right:2px;
}

.inboxmenuicons
{
   float: left;
   display: inline;
   width: auto;
   height: auto;
   margin-left: 2px;
   margin-right: 7px;
   margin-top: 2px;
   text-align: center;

   
 }
 
 .inboxsent
{
	margin: 10px auto 0px auto;
	width: 461px;
	text-align: center;
	height: 14px;
}

.inboxcreatec{
	margin: 10px auto 0px auto; clear: both;}

/*rows in the inbox*/
.inboxcont{
float: left; width: 630px; min-height: 38px;}

.inboxcreatesend{
float: left;
width: 400px;
clear: both;
height: auto;   
margin-top: 5px;
margin-left: 74px;
text-align: center;

}


.chkcont
{
float: left;
display: inline;
width: 23px;
height: 29px;
background-color: #ffffff;
text-align: center;
margin-right: 1px;
padding-top: 8px;
padding-right: 1px;

margin-top: 1px;


	
}

.inboxnamecont
{
float: left;
display: inline;
height: 32px;
width: 150px;

/* background-color: #e2edfe; */
background-color: #edf4ff;
text-align: center;
margin-right: 1px;
padding-top: 5px;

margin-top: 1px;

}

.inboxprofilepic
{
float: left;
display: inline;
width: 32px;
height: 35px;
background-color: #f8fbff;
padding-top: 2px;
margin-right: 1px;

margin-top: 1px;
text-align: center;
}


.replyprofilepic
{
float: left;
display: inline;
width: 30px;
height: 30px;
margin: 2px 5px 5px 0px;
text-align: center;
}

.inboxsubcont{
float: left; display: inline; width: 260px; height: 32px; background-color: #f8fbff; text-align: left; padding: 5px 0px 0px 10px; 
margin: 1px 1px 0px 0px;}

/* gray inbox reply cont*/
.inboxreply{
	float: left; clear: both; margin: 5px 0px 20px 92px;  min-height: 174px; height: auto; width: 425px;color: #4e4e4e; 
	padding: 5px 0px 0px 20px; background-color: #fafafa; border: solid 1px #e2e2e2;text-align: left;}

.inboxreplyerror{
	float: left;
	width: 400px;
	clear: both;
	padding: 5px 0px 5px 0px;
	text-align: center;}

.inboxreplybuttonscont{
	clear: both; margin: 0px auto 10px auto; text-align: center;}


.inboxreplybuttons
{
	clear: both;
	margin: 10px auto 0px auto; 
	text-align: center;
	height: 43px;
	border-top: solid 1px #bababa;
	padding-top: 10px;
}

  .inboxsendbtn
{
  float: left;
  clear: both;
  width: auto;
 text-align: center;
  margin: 5px 0px 1px 180px;
  padding-top: 3px;
}

.inboxreplybutton{
	float: left; display: inline; height: auto;    margin: 0px 10px 0px auto;}

.inboxreplyall{
	float: left; display: inline; height: auto; margin: 0px auto 0px auto;}

.inboxreplycont
{
	float: left; clear: both; width: 630px; height: auto; margin-bottom: 10px; border-top: 1px solid #bababa; padding: 5px 0px 0px 0px;}


.inboxcreatelbl{
  float: left; width: 60px; height: 22px; text-align: right;}
  

/* Inbox Create */


 .inboxbtncont
{
   float: left;
   display: inline;
   width: auto;
   height: 20px;
   margin-left: 2px;
   margin-right: 7px;
   margin-bottom: 2px;
   text-align: center;
   background-color: #fff;
   border: solid 2px #bfc8d5;
   padding: 2px;
 }

.inboxcreated
{
float: left;
display: inline;
width: 147px;
height: 32px;
background-color: #edf4ff;
text-align: center;
margin-right: 0px;
padding: 5px 3px 0px 0px;
color: #000;
font-size: 0.85em;
margin-top: 1px;
min-height: 25px;
}

.inboxcreateto{
  display: inline; float: left; width: 410px; 
min-height: 30px; height: auto; text-align: left; margin-bottom: 1px; padding: 0px 0px 7px 10px;
  }

.inboxcreatesub{
  display: inline; float: left; width: 410px; 
height: 27px; text-align: left; margin-bottom: 1px; padding: 6px 0px 0px 10px; 
}

.inboxcreatesublbl{
  float: left; clear: both; width: 60px; min-height: 22px; height: 31px; text-align: right; font-size: 1.1en; font-weight: bold;  margin-bottom: 1px;
  padding: 6px 3px 0px 0px; color: #6b6b6b;}

.inboxcreatemeslbl{
  float: left; clear:both; width: 60px; height: 22px; text-align: right; font-size: 11px; font-weight: bold; margin-bottom: 1px; padding: 3px 3px 0px 0px;
  color: #6b6b6b;}

.inboxcreatebody{
  display: inline; float: left; width: 410px;  
height: auto; text-align: left; margin-bottom: 1px; 
  padding: 3px 0px 5px 10px;  }
	
 .replyfromlbl{
  float: left; width: 60px; height: 22px; text-align: right; font-size: 11px; font-weight: bold; margin-bottom: 1px; padding: 3px 3px 0px 0px;
  color: #6b6b6b;}
 
.replyfrom{
  display: inline; float: left; width: 555px; min-height: 35px; height: auto; text-align: left; margin-bottom: 1px; padding: 3px 0px 5px 10px;
  border-bottom: solid 1px #e3e3e3;}

 .replydatelbl{
  float: left; clear: both; width: 60px; height: 22px; text-align: right; font-size: 1.1em; font-weight: bold; margin-bottom: 1px;
  padding: 7px 3px 0px 0px; color: #6b6b6b;}

.replydate{
  display: inline; color: #7a7a7a; float: left; width: 555px; height: 22px; text-align: left; margin-bottom: 1px; padding: 7px 0px 0px 10px; border-bottom: solid 1px #e3e3e3;}  

 .replysentlbl{
  float: left; clear: both; width: 60px; height: 21px; text-align: right; font-size: 11px; font-weight: bold; margin-bottom: 1px; padding: 6px 3px 0px 0px;
  color: #6b6b6b;} 
	  
.replysent{
  display: inline; float: left; width: 555px; min-height: 21px; text-align: left; margin-bottom: 1px; padding: 6px 0px 3px 10px; border-bottom: solid 1px #e3e3e3;}  

 .replysublbl{
  display: inline; float: left; clear: both; width: 60px; min-height: 25px; text-align: right; font-size: 11px; font-weight: bold; margin-bottom: 1px;
  padding: 10px 3px 3px 0px; color: #6b6b6b;} 
		
.replysub{
  display: inline; float: left; width: 555px; height: 25px; text-align: left; margin-bottom: 10px; padding: 10px 3px 0px 0px; font-size: 1.1em; font-weight: bold;}  

 .replybodylbl{
  float: left; clear: both; width: 60px; height: 25px; text-align: right; color: #6b6b6b; font-size: 1.1em; font-weight: bold;
  margin-bottom: 1px; padding-top: 3px; padding-right: 3px;} 
	
 .replybody{
  display: inline; float: left; width: 555px; min-height: 40px; text-align: left;  margin-bottom: 1px; 
  background: url(images/inboxreplybodybg.png) repeat-x;
  padding-top: 3px; padding-left: 10px;  /* border-bottom: solid 1px #e3e3e3; */  padding-bottom: 4px;}  

.replyseperator{
  clear: both;  float: left;  width: 670px;  height: 22px; background-image: url(images/inboxreplysep.png);
  margin-top: 10px; }  

.toinput{
 text-align: left; width: 415px; }

.city2{
	width: 392px;  background-color: white; border: solid 1px black;}

/* End Inbox*/

/* Charts page */

#chartpage{
	width: 968px; height: auto;}
	

.chartpagecontent{
	width: 953px; height: auto; background: #fff; text-align: center;}

#chartscontainer{
	width: 530px; height: auto;  clear: both; margin: 0px auto 0px auto; color: #000;}

#centermid{
  float: left; width: 530px; display: inline; margin: 0px auto 0px 218px; min-height: 500px;}
  
#signupmid{
  float: left; width: 501px; display: inline; margin: 0px auto 0px 218px;} 

#chartheightinput{
	float: left; width: 528px; background-color: #fff; border-bottom: solid 1px #e6e6e6; padding: 0px; margin: 5px auto 5px auto; text-align: center;}  

.chartinpttitle{
	margin: 2px auto 10px auto; text-align: center; height: 13px; width: 174px; font-size: 11px; font-weight: bold;}

.chartheightinputcont{
	width: 358px; float: left;  height: auto; margin: 0px auto 0px auto; font-size: 11px; font-weight: bold;  color: #747474;}  

.chartline
{
 float: left; clear: both; margin: 0px; width: 100%;
padding: 5px 0px 5px 0px;  text-align: center;
}    

.chartlbl{
	padding: 0px; float: left; display: inline; text-align: left; margin-right: 1px; margin-left: 1px;}

.chartval{
width: 15px; 
padding-right: 3px; float: left; display: inline; text-align: left;
	margin-right: 0px;
}

.indent75{ margin-left: 75px;}

.indent50{ margin-left: 45px;}
		 
#chartweightinput{
	float: left; width: 528px; 
background-color: #fff;  padding: 0px; margin: 5px auto 5px auto; text-align: center;
}  
	 
.selAls{
 font-size: 11px; width: 170px;}

.editfirstslistcont{
clear: both;float: left; width: 530px;margin: 10px 0px 0px 0px;}

.editfirststop{
	width: 400px;
	clear: both;
	margin: 10px auto 10px auto;
	border: solid 1px #e2e2e2;
	height: 58px;
}
   
.editfavimg{
	clear: both;
	margin: 0px auto 0px auto;
	padding: 5px;
	width: 520px;
	border-bottom: solid 1px #e4e4e4;
}

 
.favimgborder{   
 background-color: red;
 float: left;
}
	
.editfavimgch{
	clear: both;
	padding: 0px;
	border: solid 1px #e2e2e2;
	margin: 3px auto 0px auto;
}

.firstschange{
	clear: both;
	margin: 2px auto 2px auto;
 
}

.firstscont2{    
	clear: both; margin: 10px auto 10px auto;}

.selimgheader{
	clear: both; margin: 2px auto 2px auto;}
	
.imlist{
 padding: 5px; background-color: #fff; clear: both; float: left;}

.selimgContent{
padding: 3px;border: solid 1px #e2e2e2;float: left;width: 475px;height: 345px; margin: 10px auto 10px 18px;}


.imlistchild 
{float: left; clear: both;  width: 440px;   padding-left: 0px; margin-left: 5px;  }

.imlistchild li
{float: left; width: 130px; height: 98px; overflow: hidden; display: block; list-style-type: none;  margin: 4px; padding: 2px 2px -1px 2px;}


.selimgdisplay{
height: auto; width: 530px; text-align: center; }        

.selimgholder{
float: left; padding: 5px; margin: 0px auto 10px auto;width: 520px; text-align: center; }

.editfavoritecont2{
clear: both; width: 450px; margin: 10px auto 0px auto;}

.favalbums{
	position: relative; right: 43px;}

.favdesc1{
	float: left;
	display: inline;
	width: 400px;
	height: 15px;
	text-align: left;
	margin-left: 165px;
	padding-bottom: 5px;font-size: 9pt; font-weight: bold; color: #666;}
	
.favdesc1 span{
   padding: 0px; margin: 0px;
   font-size: 11pt; font-weight: bold;color: #237eef;
}


.favnote{
	float: left;
	display: inline;
	width: 160px;
	height: 20px;
	text-align: right;
	padding-right: 5px;
	margin-top: 10px;
	clear: both;
	font-size: 9pt; font-weight: bold; color: #666;
}

.favnotetxt{
	float: left;
	display: inline;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 5px;
	width: 215px;
}

.favnotecont{
	width: auto;
	clear: both;
	float: left;
	height: auto;

}
	
.favdatecont{
	width: 530px;
	clear: both;
	float: left;
	height: auto;

	
}

.editfavdate{
	float: left;
	display: inline;
	width: 230px;
	height: 15px;
	text-align: left;


	
}

.editfavval{
	float: left;
	display: inline;
	width: auto;
	height: 20px;
   
}

.editfavdelete{
	clear: both;
	height: auto;
	width: 530px;
	margin: 0px auto 0px auto;
}

/* Edit Firsts */

#editfirstpage{
	width: 968px;
	height: auto;
	
	
}

/*
.addfavtop
{
	width: 400px;
	height: 24px;
	background-image: url(images/addfavoritetop.png);
	float: left;
	font-size: 10pt; font-weight: bold;
	color: #3676d7;
	padding-top: 5px;
		
}
*/


.addfirstscont{
	width: 400px;
	height: 214px;
	background-color: #effbf8;
	float: left;

}

.firstsselecthead{
	width: auto;
	float: left;
	height: 20px;
	
	clear: both;
	margin-left: 100px;
 }

.firstsselectcmb{
	width: 178px;
	float: left;
	height: 20px;
	clear: both;
	margin-left: 100px;
	margin-top: 4px;
	margin-bottom: 10px;
	
	
}

.firstsdatehead{
	width: 266px;
	float: left;
	height: 18px;
	background-image: url(images/inputfirstsdate.png);
	clear: both;
	margin-left: 40px;
	
}

.firstsdatetxt{
  
	float: left;
	height: 18px;
	display: inline;
	margin-top: 4px;
	margin-left: 100px;
	margin-bottom: 10px;
	text-align: left;
	padding-left: 20px;
	width: auto;
	
}

.firstscomhead{
	width: 122px;
	float: left;
	height: 17px;
	background-image: url(images/addfirstscom.png);
	clear: both;
	margin-left: 40px;
	margin-bottom: 10px;
	
}

.firstscomtxt{
	width: 229px;
	float: left;
	height: 50px;
	clear: both;
	margin-left: 100px;
	margin-bottom: 20px;
	padding-left: 20px;
	
}

.firstsaddbtn{
	float: left;
	width: 395px;
	height: 25px;
	background-color: #aae0d3;
	text-align: right;
	padding: 5px 5px 5px 0px;
	
	
}

#editfavoritecont{
	width: 530px;
	height: auto;
	padding: 0px;
	margin: 0px auto 0px auto;

}

.firstsdesc{
	float: left;
	clear: both;
	width: 400px;
	height: 15px;
	margin-left: 165px;
	text-align: left;
	padding-bottom: 5px;font-size: 9pt; font-weight: bold; color: #666;}
	
 .firstsdate{
	float: left;
	display: inline;
	width: 160px;
	height: 15px;
	text-align: right;
	padding-right: 5px;font-size: 9pt; font-weight: bold; color: #666;}
	   
	
	
.firstsdesc span{
   padding: 0px; margin: 0px;
   font-size: 11pt; font-weight: bold;color: #237eef;
}

.firstsnote{
	float: left;
	clear: both;
	display: inline;
	width: 160px;
	height: 15px;
	text-align: right;
	margin-top: 10px; 
	padding-right: 5px;font-size: 9pt; font-weight: bold; color: #666;
}
.firstupdate{
	margin: 20px auto 10px auto;
	clear: both;
	padding: 10px;
}


.addfirststop{
	width: 400px;
	height: 29px;
	background-image: url(images/addfirststop.png);
	float: left;
		
}

.addfirstscont2{
	clear: both;
	float: left;
	margin: 5px 0px 5px 0px;
	width: 530px;
}

/* Edit videos */

.editvidmid{
	width: 530px;
	clear: both;
	height: auto;
	margin: 0px auto 0px auto;
}

.editvidbottom{
	width: 500px;
	height: auto;
	clear: both;
	text-align: center;
	margin: 0px auto 0px auto;
}

.setprofilecont{
   width: 423px;
   padding: 10px;
   text-align: center; 
   margin: 0px auto 0px auto;
   color: #000000;
    height: 211px;
}


/* Contact Page */

.contactmid{
	float: left;
	width: 530px;
	height: auto;
	margin-left: 5px;
}

.contactline{
	width: 526px; clear: both; float: left; padding-top:0px; text-align: left; font-size: 11px; font-weight: bold; color: #656565;
	border-bottom: solid 1px #eeeeee; background-color: #fff;}

.icontactmid{
	float: left; width: 530px; height: auto; }
	
.icontacticon
{width: 28px; height: 15px;  background: url(images/contacticon.png); float: left; clear: both; margin: 1px 0px 2px 1px; }   

 .icontactmid span{
   font-size: 11px; color: #656565;}
   
 span.contact{
   font-size: 11px; font-weight: bold; color: #656565;}  
   
.contactlbl{

	height: 20px;
	display: inline;
	float: left;
	margin-top: 1px;
	padding-right: 2px;
	width: 250px;
	text-align: right; 
	background-color: #f6f9ff;font-size: 1.1em;
}

.contactinfo{
	height: 20px;
	display: inline;
	float: left;
	margin-top: 1px;
	padding-left: 2px;
	width:270px;
	text-align: left;font-size: 1.1em; font-weight: normal !important;
}

#contactshadow{
	float: left;
	clear: both;
	width: 528px;	
	height: 33px;
	margin: 0px;
	background: url(images/usermainshadow.png) repeat-x;}

.contactmid{
	float: left;
	width: 528px;
	height: auto;
	margin-left: 5px;
}

.continfocont{
	float: left;
	width: 526px;
	border: solid 1px #a5c9ff;
	padding: 0px 0px 0px 0px;
	background-color: #a5c9ff;
	background: url(images/contactinfocontbg.png) repeat-x top;
}
 
.createprofcont{
	width: 530px;
	clear: both;
	text-align: center;
	color: #797979;
	margin: 0px auto 0px auto;
	background: url(images/addphotoalbumbg.jpg) repeat-x;
	padding: 10px 0px 0px 0px;
    height: 245px;
}

.createline{
   float: left; clear: both; width: 422px; margin: 3px 0px 3px 0px; text-align: center;}

.createlbl{
	float: left; display: inline; width: 151px; 
text-align: right; font-weight: bold; color: #007bff;
font-size: 12px;
}

.createlbllink{
	float: left; display: inline; width: 151px; 
text-align: right; font-weight: bold; color: #264d83;
font-size: 15px;
}
	

	
	
.createtxt{
   float: left; display: inline; text-align: left;}

.inapp{
	display: inline;
	clear: both;
	float: right;
	width: 200px;
	height: 18px;
	text-align: right;
	position: relative; top: 3px;
	margin-bottom: 10px;
	margin-right: 5px;
	margin-top: 10px;
	font: normal normal normal 11px arial;}

.inappvid{
	display: inline; float: right; width: 200px; text-align: right; height: 25px; background-color: #fff;  margin: 2px 50px 2px 0px;
	font: normal normal normal 11px arial;}
	


.totalcoms{
	float: left; clear: both; width: 265px; background-color: #e5efff; font-size: 11px;
	padding: 5px 0px 5px 0px; text-align: center;}

.ablrecapt{
float: left; clear: both; margin: 0px auto 0px 0px; text-align: right;  background-color: #dfefff;}

#recaptcha_table {
   border-style: none !important; /* reCaptcha widget border color */width: 150px;
 }

#recaptcha_response_field {
   border-color: #e6e6e6 !important; /* input field border color */
   background-color:#fff !important; /* Text input field background color */
 }

.modcont{
	width: 200px; float: left; margin-left: 10px; }
	   
 /*Module friend cont*/   
 .modfriendrow{
	width: 200px; clear: both; float: left;  text-align: left; border-bottom: solid 1px #dde9ff; padding-bottom: 2px;
	margin: 2px 0px 1px 0px; background-color: #fafbff;}     
 
.friendrow{
	width: 200px; clear: both; float: left; text-align: left; border-bottom: solid 1px #c9c9c9; padding-bottom: 2px;
	margin: 2px 0px 1px 0px;}     

.friendpic{
	float: left; display: inline; width: 30px; height: 30px; margin-right: 2px;}
   
.friendname{
	float: left; display: inline; margin-left: 3px; width: 163px;}

.frienduser{
	float: left; clear: both; font: normal normal bold 11px arial !important; color: #575757;}

.friendbabies{
	float: left; clear: both; width: 160px; font: normal normal normal 11px arial;}

.modfirstsfow{
	width: 200px; clear: both; float: left; text-align: left; border-bottom: solid 1px #cdfdfd; margin: 0px 0px 1px 0px;} 

.modfirsts1{
	clear: both; padding: 2px 0px 2px 2px; margin: 0px; width: 200px; float: left;color: #8a8a8a; font: normal normal normal 7pt arial;background-color: #f4ffff}

.modfirsts2{
	clear: both; padding: 2px 0px 2px 2px; width: 200px; float: left; margin: 2px 0px 0px 0px; background-color: #f2ffff; font-size: 11px;
	color: #005959;}
	
.modfavrow{
	width: 200px; clear: both; float: left; text-align: left; border-bottom: solid 1px #ffdff8;
	margin: 2px 0px 1px 0px;} 

.modfirststop{
	width: 200px; float: left; clear: both; background-color: #d4ffff; padding: 2px 0px 2px 0px;} 
 
.modfavtop{
	width: 200px; float: left; clear: both; background-color: #fffafe; padding: 2px 0px 2px 0px;} 
 
.modfavdate{
	display: inline; float: left; text-align: left; color: #8a8a8a; font: normal normal normal 7pt arial; padding-left: 2px;}
 
.modfavdesc{
	display: inline; margin-left: 10px; float: left; text-align: left;}

.modfavnotes{
	width: 198px; padding: 2px 0px 2px 2px; clear: both; float: left; text-align: left; margin-top: 1px; font-size: 11px; 
	background-color: #fff7fd; color: #5a0545;}

.newstatuscont{
	float: left; width: 240px;text-align: center; font-family: Arial;}

.newstatuscont h1{
 font-size: 9.5pt; font-weight: bold;   margin: 0px; clear: both;  width: 240px;  }

.newstatuscont h2{
  font-size: 11px; padding: 0px; color: #7b7b7b; margin: 0px; letter-spacing: normal;width: 240px;  }

/* forgot password */
#fpmid
 { float: left; display: inline; clear: both; margin: 0px auto 0px 0px;}
 
.fplbl
{float: left; width: 140px; text-align: right;	
} 

#fpcont
{width: 400px; padding: 5px; margin: 10px auto 5px auto; float: left; clear: both; background-color: #dfecff;font-weight: bold; color: #000;}

.fprow{
	float: left; width: 400px; clear: both; padding: 5px 0px 0px 0px; text-align: center;}
 
 /* reset password */   
.rprow{
float: left; width: 400px; clear: both; padding: 5px 0px 0px 0px; text-align: left;}
	
#fpheader{
float: left; clear: both; margin: 5px auto 5px auto; width: 960px; padding: 3px; color: #2c87fe; font: normal normal normal 12pt arial;
text-align: left; border-bottom: solid 1px #c9c9c9; background-color: #fff;}

.friendslistResult
{clear: both; float: left;}
 
 
 /*Help*/
 
 .helpcont
 { float: left; width: 530px;}
 
 .helpcont h1
 {font-size: 1.2em; font-weight: bold; margin: 10px 0px 0px 0px; float: left; clear: both; text-align: left;

}
 
 .helpcont p
 {font-size: 1em; float: left; clear: both; text-align: left; color: #000; margin: 1px 0px 1px 0px;}
 
 .helpcont hr
 {float: left; clear: both; margin: 5px 0px 5px 0px; background-color: #e3e3e3; height: 1px; color: red; width: 530px; border: 0px;}
 
 

/* Data Pager Styles */
.pager
{
	
	text-align:center;
	padding:5px 0px;
	margin-top: 2px;
} 

.pager SPAN.command,          
.pager A.command
{
	border:solid 1px #bbdefc;
	color:#666;
	line-height:111px;
	padding:5px;
	text-decoration:none;
}

.pager A:hover
{	
	border:solid 1px #fff;
	color:#666;
	line-height:111px;
	padding:5px;
	text-decoration:underline;
}

.pager SPAN.current
{
	border:solid 1px #007bff;
	color:#fff; font-weight: bold;
	 background-color: #007bff;
	line-height:111px;
	padding:5px;
	text-decoration:none;
}

#albumtitle
{float: left; clear: both; width: 518px; 
text-align: left; font-size: 11pt; color: #007bff; margin-bottom: 5px; padding-bottom: 2px; border-bottom: solid 1px #d3e4e8;
} 

/*----- Delete User / Prof---- */

.delrow{
float: left; clear: both; padding: 5px 0px 5px 0px; width: 517px; 
text-align: center;
}

.delres
{float: left; clear: both; padding: 5px 0px 0px 0px; width: 517px; 
text-align: center; color: red;}
 
.dellbl
{float: left; width: 140px; 
text-align: right; height: 14px;
} 

#delcont
{width: 517px; 
padding: 5px; margin: 10px auto 5px auto; float: left; clear: both; background-color: #dfecff;
 font-size: 11px;
}

/* Privacy Policy and Terms */

#termscontent
{clear: both; margin: 0px auto 0px auto; padding: 1px 0px 20px 0px; vertical-align: top; width: 960px; overflow: hidden;
min-height: 800px;}

#termscontent a:link, a:visited
{text-decoration: none; color: #007bff}


#termscontent p{
	font-size: 11px; color: #666; text-align: left; margin: 0px auto 5px auto; clear: both;}
	
#termscontent h1{
	font-size: 10.5pt; color: #000; text-align: left; margin: 10px auto 0px auto; float: left; clear: both;}
	
#termscontent h2{
  font-size: 11px; color: #000; text-align: left; margin: 0px; float: left;font-family: Arial;}
	
	
/* resources */

#resourcescontent
{clear: both; margin: 0px auto 0px auto; padding: 1px 0px 20px 0px; vertical-align: top; width: 960px; overflow: hidden;
min-height: 800px;}

#resourcescontent a:link, a:visited
{text-decoration: none; color: #007bff}


#resourcescontent p{
	font-size: 11px; color: #666; text-align: left; margin: 0px auto 5px auto; clear: both; border-bottom: solid 1px #e3e3e3; padding-bottom: 2px;}
	
#resourcescontent h1{
	font-size: 10.5pt; color: #000; text-align: left; margin: 10px auto 0px auto; float: left; clear: both;}
	
#resourcescontent h2{
  font-size: 11px; color: #000; text-align: left; margin: 0px; float: left;font-family: Arial;}
	
	
 /* linktous */

.linktextarea
{font-size: 11px !important;}
   



/*----------End--------------*/

#create_instruction{
float: left; clear: both; display: inline; width: 524px;  color: #000; padding: 5px 3px 5px 3px;
/*border: solid 1px #d1d0bb;*/	
/*border: solid 2px #d9e6fd;
background: #f4f8ff;*/

margin: 0px 0px 5px 0px;
text-align: left;
}

#create_instruction h2{font-size: 1.1em; margin: 0px; padding: 0px; clear: both; color: #007bff;font-family: Arial;}

#create_instruction ul
{ margin: 5px 0px 5px 0px;}

#create_instruction li
{ margin: 2px 0px 2px 0px; font-size: 1.1em !important;}

#instruction{
float: left; clear: both; display: inline; width: 518px;  color: #000; padding: 5px; font-size: 1.0em;
/*border: solid 1px #d1d0bb;*/ 	 border: solid 1px #f5f2a6; background: #f5f2a6 url(images/instruction-bg.png) repeat-x;
/*border: solid 2px #d9e6fd;
background: #f4f8ff;*/

margin: 0px 0px 1px 0px;
text-align: left;
}

#createbaby
{border: solid 2px #e4e4e4 !important; background-color: #fff !important;}


#chartinstruction{
float: left; clear: both; display: inline; width: 508px; color: #000; padding: 5px;
/*border: solid 1px #d1d0bb;*/	font-size: 1.0em;border: solid 1px #f5f2a6; background: #f5f2a6 url(images/instruction-bg.png) repeat-x;
/*border: solid 2px #d9e6fd; 
background: #f4f8ff;*/

margin: 0px 0px 5px 5px;
text-align: left;
}



#tootheditinstruction{
float: left; clear: both; display: inline; width: 708px;  color: #000; padding: 5px; font-size: 1.0em;
/*border: solid 1px #d1d0bb;*/ 	 border: solid 1px #f5f2a6; background: #f5f2a6 url(images/instruction-bg.png) repeat-x;
/*border: solid 2px #d9e6fd;
background: #f4f8ff;*/
margin: 0px 0px 1px 0px;
text-align: left;
}


}
#chartinstruction p{padding: 0px; clear: both;float: left; margin: 0px; color: #000; font-size: 1.1em;}

#chartinstruction h2{font-size: 1.1em; margin: 0px; padding: 0px; clear: both; color: #007bff;font-family: Arial;}

#instruction p{padding: 0px; clear: both;float: left; margin: 0px; color: #000;font-size: 1.1em;}

#instruction h2{font-size: 1.1em; margin: 0px; padding: 0px; clear: both; color: #000;font-family: Arial;}



/*Colors--------

Logo blue: #005aff
Logo pink: #ff26e1
Links blue: #1f6fcf
Light blue text: #007bff;
Light blue bg: #73a2f5;


*/

.sendFriendReq{float: left; display: inline; height: 15px; padding-top: 1px;}

#morefriends, #morevideos, #morephotos, #morevideosm, #morephotosm, #morefactivity, #morefirsts, #moregoals, #morefavs, #moreactivity
{float: left; width: 530px; text-align: center; clear: both; margin: 5px 0px 5px 0px; font-size: 1.0em !important; }
#morefriends img
{text-align: center;clear: both; position: relative; top: 2px; }


#morevideos img
{text-align: center;clear: both; position: relative; top: 2px; }

#morephotos img
{text-align: center;clear: both; position: relative; top: 2px; }


#morevideosm
{float: left; width: 530px; text-align: center;clear: both; margin: 5px 0px 5px 0px;}
#morevideosm img
{text-align: center;clear: both; position: relative; top: 2px; }


#morephotosm img
{text-align: center;clear: both; position: relative; top: 2px; }


#morefactivity img
{text-align: center;clear: both; position: relative; top: 2px; }

#morefirsts img
{text-align: center;clear: both; position: relative; top: 2px; }

#moregoals img
{text-align: center;clear: both; position: relative; top: 2px; }

#morefavs img
{text-align: center;clear: both; position: relative; top: 2px; }


#moreactivity img
{text-align: center;clear: both; position: relative; top: 2px; }

#dialog
{text-align: center; float: right; margin: 0px 0px 0px 0px; font-family: Arial, Verdana;}





/* Search */
#search
{
clear: both;
margin: 0px auto 0px auto;
padding: 1px 0px 20px 0px;
vertical-align: top;
width: 968px;
overflow: hidden;
min-height: 800px;
font-size: 11px;

}

#search a:visited
{
color: #007bff; text-decoration: none;}

#search a:link
{
color: #007bff; text-decoration: none;}

#search a:hover
{
color: #007bff; text-decoration: underline;}



#search img
{ 
	text-decoration: none;
	outline: none;
	border-style: none;                    
}

#search h2
{ 
	font-size: 11px;
	color: #3a3a3a;
	display: inline;   
	font-family: Arial;            
}
.searchHS
{
	clear: both; float: left; color: #666 !important;}
	
.child
{clear: both; float: left; color: #666 !important;}

.searchmid
{
   display: inline;
	float: left; 
	width: 530px;
	height: auto;
	margin: 5px auto 0px 210px;
}

#searchcont
{
text-align: left;
float: left;
clear: both;
width: 520px;
padding: 5px;  
background-color: #eaf4ff;
}

.search_linecont
{
width: 518px;
padding: 5px 0px 5px 0px;
float: left;
clear: both;    
font-size: 11px;
font-weight: bold;
}

.search_linecont span
{
width: 70px;
float: left;
display: inline;   text-align: right;
}

#searchheader
{
float: left;
clear: both;
margin: 5px auto 5px auto;
width: 960px;
padding: 3px;
color: #2c87fe;
font: normal normal normal 12pt arial;
text-align: left;
border-bottom: solid 1px #c9c9c9;
background-color: #fff;
}

.searchresults
{
width: 530px;
min-height: 30px;
float: left;
clear: both;   
border-bottom: solid 1px #e3e3e3;
margin: 0px;
padding: 5px 0px 5px 0px;
}

.resultpic
{
float: left;
display: inline;  
width: 50px;
height: 50px;  
}

.resultparent
{
float: left;
display: inline;  
width: 320px;
margin: 0px 1px 0px 5px;
text-align: left;

}

.resultparent a
{
float: left;
display: inline;  
width: 320px;
margin: 0px 1px 0px 0px;
text-align: left;
font-size: 10pt;
}


.friendlistletter
{float: left; display: inline; }


.friendslistsendmess
{
   display: inline;  float: left; width: 130px;  margin-right: 3px;  text-align: left; height: 16px; }
   
 .friendslistsendmess a:link
{
 text-decoration: none;
 outline: none;
}  

.resultparent h2
{
font-size: 11px; font-weight: bold;
margin: 0px;
display: inline;
color: #2c87fe;
font-family: Arial;
}

.resultlocation
{
float: right;
display: inline;  
text-align: right;
width: 155px;
}

#searchbtns
{
 float: right;
 clear: both;
 width: 250px;
 margin: 5px 0px 5px 0px;  font-weight: bold;}
	
.sendFriendConfirm
{
	display: inline;
	margin: 0px;
	float: left; text-align: right; width: 124px; padding-right: 1px;
}

.sendFriendCancel
{
	display: inline;
	float: left;width: 124px; text-align: left; padding-left: 1px;
}

.txtFriendReq{
	float: left; width: 250px; clear: both; text-align: left; font-size: 11px;}

.sendFriendBox
{
	float: right;
	clear: both;
	width: 250px;
	margin: 5px 0px 0px 0px;
	text-align: center; 
}

.sendFriendReqRes
{
   float: right; clear: both; font-size: 11px; text-align: center; width: 250px; }
   
#invite
{float: left; clear: both;  margin: 5px 0px 0px 7px; width: 236px; height: 137px;}   

#tbchildrenhead
{float: left; clear: both; }

#childrencontent{float: left; clear: both; width:520px;  margin-left: 10px; text-align: center !important; font-size: 11px;}



#registrycontent{float: left; clear: both;  }
/*Registry tab*/

#editreg
{
	float: left; clear: both; 
}

.regheaders{
	width: 530px;
	height: 35px;
	background-color: #69b2ff;
	float: left;
	font: normal normal bold 15pt Arial;
	padding-top: 10px;
	color: #fff;
		
}

#editreg input[type="text"]

 { height: 20px; width: 200px; border : 1px solid #bdc1c5; font: normal normal normal 11px arial; overflow: hidden;} 

#editreg span
 {float: left; display: inline; width: 180px; text-align: right; margin-right: 7px;} 
 
 
#editreg span.val
 {float: left; display: inline; text-align: left; margin-left: 5px; width: 30px;
} 
#editreg span.txt
 {float: left; display: inline; text-align: left; margin: 0px; width: auto;} 

.center
{text-align: center !important;}

.right
{text-align: right !important;}

#editreg h1
 {font-size: 12pt; float: left; margin: 0px; color: #625f19;} 

.Registryupdate
{float: left; clear: both; text-align: center; width: 100%;}

.editRegistryslistcont
{float: left; clear: both; width: 530px; }
.editregcont
{border-bottom: solid 1px #e4e4e4; margin-bottom: 15px; float: left; clear: both; padding-bottom: 5px; width: 100%;}

.regcont
{width: 526px; clear: both; float: left;  text-align: left;margin-bottom: 5px; padding: 0px;
font-size: 11px;   color: #656565; border: solid 2px #e3efff;  -moz-border-radius-topleft:6px;   -webkit-border-top-left-radius:6px;
	 -moz-border-radius-topright:6px;  -webkit-border-top-right-radius:6px;
	-moz-border-radius-bottomleft:6px;  -webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;  -webkit-border-bottom-right-radius:6px;
}

.regline
{float: left; clear: both; padding: 2px 0px 2px 0px; width: 100%; background-color: #e3efff;}

.regcont span
{ width: 120px; display: inline; float: left;font-size: 1.1em; font-weight: bold; color: #656565; padding: 1px 5px 1px 2px; text-align: right;
}

.regcont span.name
{ width: 120px; display: inline; float: left;font-size: 1.1em; font-weight: bold; color: #656565; padding: 1px 5px 1px 2px; text-align: right; margin-top: 3px;
}

.regname
{
	float: left; display: inline;  padding: 1px 0px 1px 0px; font-weight: bold; font-size: 1.5em; width: 395px; color: #007bff;
	}
	
	.regcolor
	{background-color: #e3efff !important;}
	
.regbusiness
{
	float: left; display: inline;
	padding: 1px 0px 1px 0px;
	}
.regdate
{
	float: left; display: inline;
	padding: 1px 0px 1px 0px;
	}
.reglocation
{
	float: left; display: inline;
	padding: 1px 0px 1px 0px;
	}
	
	.regphone
 {
	float: left; display: inline;
	padding: 1px 0px 1px 0px;
	}
	   
	.reglink
{
	float: left; display: inline;
	padding: 1px 0px 1px 0px;
	}
		
	.regnotes
	
	{
	float: left; display: inline;
	padding: 0px ;  font-size: 1.1em !important;  width: 370px;
	}
	

/* FB Videos*/
#fbvideos 
{float: left; clear: both;  width: 530px; margin-top: 10px;   padding: 0px;  height: 450px;}

#fbvideos ul
{float: left; clear: both;  width: 470px;   padding-left: 15px; margin: 0px; }

#fbvideos li
{float: left; width: 470px; height: auto; display: block; list-style-type: none;   margin: 4px; padding: 2px 2px -1px 2px;}

.fbvlist{
 padding: 5px; background-color: #fff; clear: both; float: left;}

.cmbfbvvis
{display: block; margin: 2px auto 2px auto;}

.fbvtitle
{font-weight: bold;}

#fbbutcont
{ margin: 10px auto 5px auto;  padding-left: 5px; float: left;  width: 525px; text-align: center;}

.fbvvisset

{display: block; margin: 2px auto 2px auto;}


fbvlistchild 
{float: left; clear: both;  width: 430px;   padding-left: 0px; margin-left: 10px;  }

.fbvlistchild li
{float: left; width: 130px; height: 98px; overflow: hidden; display: block; list-style-type: none;  margin: 4px; padding: 2px 2px -1px 2px;}


/* FB Photos*/

#fbphotos 
{float: left; clear: both;  width: 530px;   padding: 0px; }

#imlistchild ul
{float: left; clear: both;  width: 470px;   padding-left: 40px; margin: 0px; }

#imlistchild li
{float: left; width: 134px; height: 102px; overflow: hidden; text-align: center; list-style-type: none;  margin: 4px; padding: 2px 2px 0px 2px;}

/*#fbphotos ul
{float: left; clear: both;  width: 470px;   padding-left: 40px; margin: 0px; background-color: Red;}

#fbphotos li
{float: left; width: 130px; height: 98px; overflow: hidden; display: block; list-style-type: none;  margin: 4px; padding: 2px 2px -1px 2px;}
*/
#importfbph
{float: left; display: inline;margin-left: 165px;}
#importfbphreset
{float: left; display: inline;margin-left: 5px;}

#importfbphselectall
{float: left; display: inline;margin-left: 5px;}

#allowfbph 
{float: left; clear: both; padding: 2px 0px 2px 0px; text-align: left; width: 100%;}


#allowfbph img
{display: inline; margin-right: 2px; position: relative; top: -2px;}


#fbalbumholder
{float: left; clear: both;}

#fbloadingcont
{float: left; clear: both; width: 430px;}

#fbalbums
{float: left; clear: both; width: 530px; margin-top: 5px;}

#fbphotos
{float: left; clear: both; width: 100%; height: 375px;}

#fbphotos span
{float: left; clear: both; width: 512px; margin-bottom: 10px;  }

#fbalbumsres
{float: left; clear: both; width: 530px; }

.phhighlight
{
background-color: #6cbcff;

}
.loadingit
{            
display:none;
z-index:999;
			position: fixed;
			_position: absolute;
			z-index: 99;
			left: -13px;
			top: 330px;
			width: 100%;
			height: 100%;
			margin: 0px auto 0px auto;
   
		}
		
.loadingit img
{            
border: solid 1px #e3e3e3;
		}                
		
#profilelike{
	width: 50px; clear: both; float: left;  text-align: center;  position: relative; left: 95px;
}
		
#postfb  
{float: left; clear: both;  padding: 0px 0px 1px 0px;  text-align: left; margin-left: -4px; color: #771f6b;}  

/*Goals*/

span.percent
{font-size: 15pt; font-weight: bold; color: #007bff;}



.goallbl
{float: left;  margin-right: 2px;  font-size: 11pt !Important; font-weight: bold !Important;color: #666 !Important; width: 140px; text-align: right;}

.goallbl span
{font-size: 7.5pt; font-weight: normal !important; display: block; clear: both;float: right;}

.goaltxt
{float: left; display: inline; }

.goalval
{float: left; display: inline;}

/* goal tab */

.goalcont
{float: left; clear: both; width: 516px;  margin-bottom: 5px; background-color: #e5efff; padding: 5px; font-size: 11px;
	-moz-border-radius-topleft:6px;   -webkit-border-top-left-radius:6px;
	 -moz-border-radius-topright:6px;  -webkit-border-top-right-radius:6px;
	-moz-border-radius-bottomleft:6px;  -webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;  -webkit-border-bottom-right-radius:6px;
  
  
 }
 
 .progressbarnum
 {float: left; clear: both; width: 100%; text-align: center; font-size: 12pt; font-weight: bold; }
 
  .progressbarupnum
 {float: left; display: inline; margin-left: 2px;}
 
 
.goalupdatecont
{float: left; clear: both; width: 505px;   background-color: #fff; padding: 5px; border-top: solid 2px #cae5ff;}

.goalupdateall
{float: left; clear: both; width: 520px;   background-color: #e3f1ff;}

.goalupdatecont span.date
{float: left; display: inline; width: auto;  }

.goaludatedays
{float: left; display: inline;}


.goalupdatecont span.daysinto
{float: left; display: inline; width: auto; color: #666; margin-left: 5px;  }

.goalcont span.progressinfo /*took out*/
{float: left; clear: both; width: 100%;  }

.goalcont span.date
{float: left; display: inline; width: auto;}

.goaluDate
{float: left; display: inline; width: auto;  }

.goaltitlecont
{float: left; display: inline;  width: 463px;  margin-left: 2px; text-align: left;}

#tbgoalhead
{ float: left; width: 530px;}

.goaltitle
{float: left; display: inline;  width: 380px; text-align: left; font-size: 12pt; color: #007bff; font-weight: bold; }

.goalSDate{float: left; display: inline;  width: 75px; color: #2d4977; font-size: 1.0em; text-align: left;}

span.startdate
{float: left; clear: both; width: 55px; color: #2d4977; font-size: 1.0em;}

.goaldaysago_cont
{float: left; display: inline;  width: 100px; color: #666 !important; margin-left: 5px;}

.goalSDatedays{float: left;  display:inline;  width: auto; }

.goaldesc
{float: left; display: inline; width: 502px; padding:5px; border: solid 2px #cae5ff; background-color: #fff; 
	 -moz-border-radius-topleft:6px;   -webkit-border-top-left-radius:6px;
	 -moz-border-radius-topright:6px;  -webkit-border-top-right-radius:6px;
	-moz-border-radius-bottomleft:6px;  -webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;  -webkit-border-bottom-right-radius:6px;}
	
 .goaludesc
{float: left; display: inline; width: 340px; padding:5px;  background-color: #e5efff; text-align: left;
	 -moz-border-radius-topleft:6px;   -webkit-border-top-left-radius:6px;
	 -moz-border-radius-topright:6px;  -webkit-border-top-right-radius:6px;
	-moz-border-radius-bottomleft:6px;  -webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;  -webkit-border-bottom-right-radius:6px; color: #343638;}   

.goaldelete
{float: right; display: inline;}

.goalicon
{float: left; display: inline; width: 50px; height: 50px; background: url(images/goalicon.png);}

.goalupdelete
{float: right; display: inline; width: auto;}

.goaloverallinfo
{float: left; clear: both; width: 100%; text-align: center; color: #2d4977; margin-bottom: 3px;}

.goalprogressbar
{float: left; clear: both; width: 100%; text-align: center; }

.goalprogressbarup
{float: left; clear: both; width: 150px; margin-top: 5px;  }

.progressbarup
{float: left; clear: both; width: 100px;  }

.goalprogressinfo
{float: left; clear: both; width: 100%; text-align: center; }

.goalprogressinfo span.update
{float: left; display:inline; width: 110px; text-align: center; }

.goalprogressinfobar
{float: left; clear: both; width: 150px; text-align: center; }


.goalupdatecont span.progtitle
{float: left; clear: both; width: 100%; text-align: center;  }

.goalUDateHeader
{float: left; clear: both; width: 100%; margin-bottom: 2px;text-align: left; }

.goalUDateHeader span
{float: left; display: inline; width: auto; text-align: left; }

.gupdates
{float: left; clear: both; width: 100%; text-align: center; }

.gputitle
{float: right; display: inline; text-align: center; width: auto; margin-right: 215px; margin-top: 4px;  color: #2d4977;}

.goaludatedats
{float: left; display: inline; width: auto; }

.gCompleteDate
{float: left; clear: both; width: 450px;  color: #2d4977;}

.editgoallink
{ float: right; display: inline; margin-right: 10px;}
.gCompleteDate span
{float: left; display: inline; width: auto; color: #2d4977 !important; font-size: 9pt;}

.goalEDate
{float: left; display: inline; width: 150px; color: #343638;}
.gCompleteDate span
{float: left; display: inline; width:90px;color: #343638; }


/*---features-----*/

#feat_cont{float: left; clear: both;  background-color: #e5efff; width: 510px; color: #435e89; margin: 10px auto 10px auto; padding: 10px; text-align: left; 
			-moz-border-radius-topleft:6px;   -webkit-border-top-left-radius:6px;
	 -moz-border-radius-topright:6px;  -webkit-border-top-right-radius:6px;
	-moz-border-radius-bottomleft:6px;  -webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;  -webkit-border-bottom-right-radius:6px;}

#feat_cont h1{float: left; display: inline;  font-size: 1.5em; color: #007bff; margin: 0px; width: auto;}
#feat_cont h2{float: left; display: block;  font-size: .865em; color: #435e89; margin: 0px; }

#feat_cont p{float: left; clear: both; margin: 0px; margin-bottom: 5px !important; width: 500px; font-size: .850em}
#feat_cont div.homelink{float: right; display: inline; margin: 0px; margin-bottom: 5px !important;}

#feat_cont a{text-decoration: none; color: #007bff;}

/*---special styles-----*/

/*margins*/

.mleft10
{margin-left: 10px;}

.mleft20
{margin-left: 20px;}
.mleft30
{margin-left: 30px;}
.mleft40
{margin-left: 40px;}
.mleft50
{margin-left: 50px;}
.mleft80
{margin-left: 80px;}
.mleft200
{margin-left: 190px !important;}
.mtop10
{margin-top: 10px;}

/*font colors*/

.col666
{color: #666 !important;}


/*border */

/*no border*/
.noborder {border: none;}

.left
{float: left;}

.right
{float: right;}

#txtACom
{width: 225px;}

.lefttxt
{text-align: left;}


.noinfomessage
{float: left; clear: both; padding: 15px 5px 15px 5px; width: 490px; color: #24241e;  background: url(images/noinfomessage-bg.png) repeat-x; font-size: 1.2em; font-weight: bold; text-align: center; min-height: 35px; }

.noinfomessage a:active
{text-decoration: underline; color: #007bff;}

.noinfomessage a:hover
{text-decoration: underline; color: #007bff;}
.noinfomessage a:visited
{text-decoration: underline; color: #007bff;}
.noinfomessage a:link
{text-decoration: underline; color: #007bff;}


#notabcontinfo
{float: left; clear: both; width: 500px; background-color: #fff; margin-left: 15px; }


.toothedittxt
{width: 60px;}

#btidateinfo
{float: left; width: auto;margin-left: 5px; list-style-type: none; padding: 0px;}

.btidateinfo-ch
{float: left; width: auto; clear: both; font-size: 1.1em; background-color: #f2f7ff; margin-bottom: 1px; width: 215px; margin-left: 0px; padding-left: 0px; color: #3c485b;}

.btiimageabove
{
	position:absolute;
	z-index:5000;
}    

.style1{width: 44px;}
.style2{width: 43px; background-color: #f2f7ff;}
.style6{width: 64px;background-color: #e9f1fd;}
.style7{width: 100px;background-color: #f2f7ff;}

/* s3slider */
#s3slider {
   width: 200px; /* important to be same as image width */
   height: 200px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
	padding: 0px;
	left: 9px;  float: left;
}



#s3slider img {
border: none;

  
}

#s3sliderContent {
   width: 200px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
	left: 0px;
 
}

.s3sliderImage {
   float: left; /* important */
   position: absolute; /* important */
	/* important */
   width: 200px; left: 0px;
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 0px;
   width: 100%;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */ text-align: center;
   top: 0;
   float: left;

   /*
	   if you put
	   top: 0; -> the box with text will be shown at the top of the image
	   if you put
	   bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderclear {
   clear: both;
} 

ul#s3sliderContent { list-style-type: none; float: left; width: 200px; padding: 0px; margin: 0px;}

.roundedcorners
{
	-moz-border-radius-topleft:6px;   -webkit-border-top-left-radius:6px;
	 -moz-border-radius-topright:6px;  -webkit-border-top-right-radius:6px;
	-moz-border-radius-bottomleft:6px;  -webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;  -webkit-border-bottom-right-radius:6px;}