@charset "utf-8";
/* CSS Document */


html, body {
    text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:100%;
	color:#333333;
	font-size: 12px;
	font-style: normal;
	font-family: arial, sans-serif;
	background-image:url(../images/outside_structure/master_siteBG.gif);
	background-repeat: repeat-x;
	background-color:#adadad;
	overflow-x:hidden;
	overflow-y:hidden;

}




a:focus, a:active, a:visited, a:hover {
outline:none;
-moz-outline: none;
}

#preloading_images{
	display:inline;
	width:0px;
	height:0px;
	
	/*outside wrap*/
	background-image:url(../images/outside_structure/wrap_elements/bb.jpg);
	background-image:url(../images/outside_structure/wrap_elements/blc.jpg);
	background-image:url(../images/outside_structure/wrap_elements/brc.jpg);
	background-image:url(../images/outside_structure/wrap_elements/lb.jpg);
	background-image:url(../images/outside_structure/wrap_elements/rb.jpg);
	background-image:url(../images/outside_structure/wrap_elements/tb.jpg);
	background-image:url(../images/outside_structure/wrap_elements/tlc.jpg);
	background-image:url(../images/outside_structure/wrap_elements/trc.jpg);
	
	/*logout button*/
	background-image:url(../images/login_elements/signOutBT.gif);
	
    /*main top tabs images*/
	background-image: url(../images/outside_structure/main_top_tabs/onTab/tableftFx.gif);
	background-image: url(../images/outside_structure/main_top_tabs/onTab/tabrightFx.gif);
	
	background-image:url();
}




/*--------------------master outer structure------------------------------*/
/*keep your width elements no bigger than 960px */



#master_container {
	position:relative;
	max-width: 960px;
	min-width:760px;
	z-index:0;
	margin: 0 auto 0 auto;
	overflow: visible;
/*	border: 1px solid #000000;*/
}

#TopHeader{
	position:relative; 
	height:100px;
	width:100%;
	z-index:999;
/*	border:1px solid #FF0000;*/
}

.iframeSettings{
	position:relative;
	top:0px; 
	left:0px; 
	z-index:0;
	margin-left:0px; 
	margin-bottom:0px; 
	margin-right:0px;
	width:97%;
	height:500px;
/*	border:1px solid #990000;*/
}

#whiteLineCover{
  background-color:#FFF;
  position:absolute;
  height:4px;
  width:94%;
  top:105px;
  left:15px;
  z-index:99;
  

}


.siteLogoHomeLink{
/*	 border:1px solid #FF0000;*/
	 width:190px;
	 height:70px;
	 position:absolute;
	 top:0px;
	 left:6px;
	 cursor:hand;
	 cursor:pointer;
}


/*---------------------------------------------------------*/
/*BEGIN BOX WRAP ELEMENTS----------------------------*/


/* \*/
* html #tlc, * html #trc {height: 1%;}
/* */



#Mainbox
	{
	position: relative;
	margin: 0;
	padding: 0;
	text-align:left;
	z-index:0;
	background-color:#FFFFFF;

	}
 	
#Main_content
	{
	padding-top:0em;/*leave Gap on top if you want a little here, I used it on Diabetes for example @ 1em */
	width:100%;
	z-index:100;
	color:#333;


	}
		
#content p
	{
/*	color:#333;
	font-size: 11px;
    font-style: normal;
    font-family: arial, sans-serif;*/
	}
		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/


#Main_tlc, #Main_trc, #Main_blc, #Main_brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	z-index:0;
	}

#Main_tlc
	{
	background-image:url(../images/outside_structure/wrap_elements/tlc.jpg);
	background-position: 0% 0%;


	}

#Main_trc
	{
	background-image:url(../images/outside_structure/wrap_elements/trc.jpg);
	background-position: 100% 0%;

	}
	
#Main_blc
	{
	background-image:url(../images/outside_structure/wrap_elements/blc.jpg);
	background-position: 0% 100%;
	}

#Main_brc
	{
	background-image:url(../images/outside_structure/wrap_elements/brc.jpg);
	background-position: 100% 100%;
	}

#Main_tb, #Main_bb
	{
	padding: 0px;
	background-color: transparent;
	background-repeat: repeat-x;
	z-index:0;
	}
			
#Main_tb
	{
	background-image:url(../images/outside_structure/wrap_elements/tb.jpg);
	background-position: 0% 0%;
	z-index:0;
	}

#Main_bb
	{
	background-image:url(../images/outside_structure/wrap_elements/bb.jpg);
	background-position: 50% 100%;
	z-index:0;
	}
	
#Main_rb
	{
	background-image:url(../images/outside_structure/wrap_elements/rb.jpg);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	z-index:0;
	}

#Main_lb
	{
/*	background-color: FFF;*/
	background-image:url(../images/outside_structure/wrap_elements/lb.jpg);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	z-index:0;
	}
	

/*END OF BOX WRAP ELEMENTS----------------------------*/


/*---------------------------------
 begin sponsors elements
---------------------------------*/

.leftSponsor {
	position:absolute;
	left:6px;
	top:0px;
	background-color:transparent;
	overflow:hidden;
	z-index:100; 
}

.rightSponsor {
	position:absolute;
	left:6px;
	top:0px;
	background-color:transparent;
	overflow:hidden;
	z-index:100; 
}

#adBannerSponsorWrap{
	background-image: url(../images/login_elements/rpSponsorWrap.gif);
	background-repeat: no-repeat;
	height: 84px;
	width: 404px;
	z-index:999;
}

.adBannerSponsorText{
	display:block;
	font-size:11px;
	font-weight:bold;
	margin-top:9px;
	margin-left:4px;
	text-align:center;
	width:396px;
	border-bottom:1px solid #CCC;
}

#adBannerSponsorAd{
position:relative;
z-index:999;
}


/* end of sponsors css-----------------------*/



/*------------------------------------------------------------------------------------*/
/* BEGIN Tab background elements ----------------------------------------*/
/*------------------------------------------------------------------------------------*/


#bgTabContainer{
position:relative;
float:left;
top:74px;
left:30px;
width:auto;
z-index:997;
padding-left:10px;
padding-right:10px;
border-collapse:collapse;
border:1px solid #CCCCCC;
background-color:#EAEAE0;
height:29px;

}

/*-  BEGIN Main Menu individual Tabs F--------------------------- */
.tabsF {
position:relative;
float:left;
width:auto;
font-size:93%;
line-height:normal;
font: bold 12px/1.3em Verdana;
z-index:100;
}

.tabsF ul {
margin:0;
list-style:none;

}

.tabsF li {
display:inline;
float: left;
position: relative;
background-image: none;
list-style:none;
margin:0;
padding:0;
}


.tabsF a {
float:left;
background:url("../images/outside_structure/main_top_tabs/onTab/tableftFx.gif") no-repeat left top;
margin:0;
padding:0 0 0 8px;
text-decoration:none;
outline:none;
font: bold 12px/1.3em Verdana;
position:relative;
top:5px;

}
.tabsF a span {
color:#333;
float:left;
display:block;
background:url("../images/outside_structure/main_top_tabs/onTab/tabrightFx.gif") no-repeat right top;
padding:5px 15px 4px 6px;


}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabsF a span {float:none;  font: bold 12px/1.3em Verdana;}
/* End IE5-Mac hack */


.tabsF a:hover span {
color:#c1132b;
text-decoration:none;
font: bold 12px/1.3em Verdana;
}

.tabsF a:hover {
background-position:0% -25px;
font: bold 12px/1.3em Verdana;
text-decoration:none;


}
.tabsF a:hover span {
background-position:100% -25px;
font: bold 12px/1.3em Verdana;
text-decoration:none;
}

.tabsF #current a {
background-position:0% -25px;
font:bold 12px/1.3em Verdana;
text-decoration:none;
}
.tabsF #current a span {
font:bold 12px/1.3em Verdana;
text-decoration:none; 
background-position:100% -25px;
}


.tabsFselected a{
background-position:0% -25px;
font: bold 12px/1.3em Verdana;	  
}
.tabsFselected a span {
background-position:100% -25px;
font: bold 12px/1.3em Verdana;
}   

/*use this class when the top button is on---------------------------------*/

.tabsFon {
position:relative;
list-style:none;
display:inline;
margin:0;
padding:0;
z-index:100;
}


.tabsFon a {
float:left;
background:url("../images/outside_structure/main_top_tabs/onTab/tableftFx.gif") no-repeat left top;
margin:0;
padding:0 0 0 8px;
text-decoration:none;
outline:none;
font: bold 12px/1.3em Verdana;
position:relative;
top:5px;

}


.tabsFon a span {
float:left;
display:block;
background:url("../images/outside_structure/main_top_tabs/onTab/tabrightFx.gif") no-repeat right top;
padding:5px 15px 4px 6px;

color:#c1132b;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabsF a span {float:none;font: bold 12px/1.3em Verdana;}
/* End IE5-Mac hack */


.tabsFon a:hover span  {
color:#c1132b;
font: bold 12px/1.3em Verdana;
}
.tabsFon {
background-position:0% -25px;
font: bold 12px/1.3em Verdana;;
}
.tabsFon  span {
background-position:100% -25px;
font: bold 12px/1.3em Verdana;
}

.tabsFon a {
background-position:0% -25px;
font: bold 12px/1.3em Verdana;
}
.tabsFon a span {
background-position:100% -25px;
font: bold 12px/1.3em Verdana;
}

/* begin More Tab dropdown menu--------------------*/

.tabsF li ul.dropMenuTabs {
      display:none;
	  background:#FFFFFF; 
	  background-image: none;
	  border-right:solid 1px #CCCCCC; 
	  border-left:solid 1px #CCCCCC; 
	  border-bottom:solid 1px #CCCCCC; 
	  font: normal 12px arial, sans-serif;
	  outline:none;
	  z-index:999;
	  margin:0;
	  padding:0;
	  position:absolute;
	  top:100%;
	  left:0px;
	  padding-bottom:10px;
	
 }

.tabsF li ul.dropMenuTabs li
{
	position:relative;
	top: 3px;
	left: 0;
	margin:2px;
	padding: 0;
	text-align:left;
	width: 97%;
	background-image: none;
	list-style:none;

	}


a.dropdownMenuLinks:link, a.dropdownMenuLinks:visited {
	background-image:none;
	background-color:#eaeae0;/*mainColor*/
	display: block;
	height: 100%;
	width: 100%;
 	font: normal 12px/1.3em Verdana;
 	color:#00349c;
	text-decoration:none;
	padding:0px;
	}

a.dropdownMenuLinks:hover, a.dropdownMenuLinks:active{
	background-image:none;
	background-color:#f9f9f9;/*secondaryColor*/ 
	font: normal 12px/1.3em Verdana;
	color:#00349c;
	text-decoration:underline;
	}

/* end of top tabs --------------------------------------------------------------------*/

/*begin LOGIN FORM ELEMENTS*****************------------------------------------------*/
#topRight_Feautes{
	position:absolute; 
	top:85px; 
	right:0px;
	width:300px; 
	float:right;
	z-index:1000;
/*	border:1px solid #CC3300;*/
}


.facebookBT_loc{
	position:absolute;
	z-index:999;
	right:14px;
	top:79px;
}
	
	
.signInBT{
	background-image: url(../images/logout_elements/signInBT.gif);
	background-position:0px 0px;  
	display:inline;
	outline:none;
	height:19px;
	width:63px;
	background-color:transparent;
	border:none;
	cursor:hand;
	cursor:pointer;	 
}

.signInBT:hover {
	 background-image: url(../images/logout_elements/signInBT.gif);	
	 background-position:0px -19px;   
	 display:inline;
	 outline:none;  
	 height:19px;
	 width:63px;
	 background-color:transparent;
	 border:none;
	 cursor:hand;
	 cursor:pointer;
}



.mergeBT{
	background-image:url(../images/logout_elements/mergeBT.gif);
	background-position:0px 0px;  
	display:inline;
	outline:none;
	height:24px;
	width:134px;
	background-color:transparent;
	border:none;
	cursor:hand;
	cursor:pointer;	 
}

.mergeBT:hover {
	 background-image: url(../images/logout_elements/mergeBT.gif);	
	 background-position:0px -25px;   
	 display:inline;
	 outline:none;  
	height:24px;
	width:134px;
	 background-color:transparent;
	 border:none;
	 cursor:hand;
	 cursor:pointer;
}






.signOutBT {
	 background-image: url(../images/login_elements/signOutBT.gif);
	 background-position:0px 0px;  
	 height:19px;
	 width:63px;
	 border:none;
	 cursor:hand;
	 cursor:pointer;

}
	
	
.signOutBT:hover {
	 background-image: url(../images/login_elements/signOutBT.gif);
	 background-position:0px -19px;  
	 height:19px;
	 width:63px;
	 border:none;
	 cursor:hand;
	 cursor:pointer;
	}
	
	
#txtNavLink{
	border:2px solid #CCCCCC;
	padding:5px;
	background-color:#f9f9f9;
}
	
	
#login_form{
	position:absolute;
	top:3px;
	right:0px;
	padding:5px;
	z-index:997;
	display:block;
}	
	

.login_form_msg{
	filter:alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
	position:absolute;
	top:-20px;
	right:-10px;
	z-index:999;
	display:block;
	width:100%;
	display:none;
}

.login_successContainer{
  padding:5px;
  display:block;
  background-color:#FFF;
  color:#009900;
  width:90%;
  position:relative;
  top:30px;

}

.login_form_error{
	filter:alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
	position:absolute;
	top:-20px;
	right:-10px;
	z-index:999;
	display:block;
	width:100%;
	display:none;
}


.login_errorContainer{
  padding:5px;
  display:block;
  border:2px solid #999;
  background-color:#FFF;
  width:90%;
  position:relative;
  top:30px;

}

/*begin bottom footer add-ons-------------------------------------------------------*/

#bottomFeatureContainer{position:relative; top:3px; width:100%; height:30px;} 

#formContainer{ 
	position:absolute; 
	top:-8px;
	left:10px;
	height:30px;
	width:400px; 
	z-index:95;
}


/*-----------------------------------*/
/*---bottom naviation links*/
/*-----------------------------------*/
.botttomTxtNav ul{
	color:#333;
	font-size:11px;
	font-style:normal;
    font-family:arial, sans-serif;
	background-image:none;
	margin:0;
	padding:0;
}

.botttomTxtNav li{
	display:inline;
	background-image:none;
	margin:0;
	padding-top:0;
	padding-right: 1em;
	padding-bottom:0;
	padding-left: 0;
}

/* a.botttomTxtNav:link, a.botttomTxtNav:visited, a.botttomTxtNav:active, a.botttomTxtNav:hover{
	color:#f9f9f9;
	font-style: normal;
    font-family: arial, sans-serif;
}*/

/*---------------------------------------------*/


#members_online{
	position:absolute;
	width:160px;
	height:20px;
	right:190px;
	top:-3px;
}

#members_online a:link, #members_online a:visited, #members_online a:active, #members_online a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #87cc46;
	text-align: center;
	text-decoration:none;
}

.liveMember{
	position:absolute;
	background-image:url(../../../images/icons/littleGuy.png);
	height: 16px;
	width: 14px;
	top:-2px;
	left:5px;
	cursor:hand;
	cursor:pointer;
}


/*--------------------------------------------------------
	SITE  color Schemes
---------------------------------------------------------*/
.mainColor{
background-color:#EEE;

}

#mainColor{
background-color:#EEE;

}

.secondaryColor{
background-color:#f1f1e6; 

}

#secondaryColor{
background-color:#f1f1e6; 

}


/*--------------------------------------------------------
Darker Shade Main and Secondary color 
---------------------------------------------------------*/

.darkMainColor{
background-color:#d1d1ca;/*mainColor with a darker Shade*/

}

#darkMainColor{
background-color:#d1d1ca;/*mainColor with a darker Shade*/

}

.darkSecondaryColor{
background-color:#FFF; /*secondaryColor with a darker Shade*/

}

#darkSecondaryColor{
background-color:#FFF; /*secondaryColor with a darker Shade*/

}


/*----------------------------------------------*/
/*alter table color row settings*/
/*----------------------------------------------*/
.hoverColor{
	background-color:#EEE; /* use as the alter color table row for eTalk, FG, ect...*/
}


#hoverColor{
	background-color:#EEE; /* use as the alter color table row for eTalk, FG, ect...*/
}



/*------------------------------------------------------
Highlight Texts
------------------------------------------------------*/

.highlightText{  
	color:#4f4f4f;
}

#highlightText{  
	color:#4f4f4f;
}



.cardHighlightColor{ /* use in the business card profile page*/
background-color:#eaeae0;
}

.titleHeader{ /* mainly use for the top of each page headers (ex:Edit Profile) page*/
	font-family: Arial, Tahoma;
	font-size: 24px;
	color:#a7a799;
	font-weight: bold;
	font-style:italic;
	overflow: auto; /* This overflow is neccesary due to an IE7 bug fix  when using italic style on fonts that will cause them to then magically disappear it, go figure :( */
	text-align:left;

}


#titleHeader{ /* mainly use for the top of each page headers (ex:Edit Profile) page*/
	font-family: Arial, Tahoma;
	font-size: 24px;
	color:#a7a799;
	font-weight: bold;
	font-style:italic;
	overflow: auto; /* This overflow is neccesary due to an IE7 bug fix  when using italic style on fonts that will cause them to  thn magically disappear it, go figure :( */
	text-align:left;
}




/*----------------------------------------------*/
/*Edit gray top bar  Navigation color scheme*/
/*----------------------------------------------*/
#editNavOn{
	font-size:11px;
	color:#333333;
    font-family: arial, sans-serif;
	font-style:normal;
	background-color:#eaeae0;
	padding-right:5px;
	padding-left:5px;
	text-align:center;
	font-weight:bold;
	border-right:1px solid #666666; 

}

#editNavOn a:link, #editNavOn a:active, #editNavOn a:visited{
	color:#333333;
    font-family: arial, sans-serif;
	font-style:normal;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	display:block;

}


#editNavOn a:hover{
	color:#333333;
	text-decoration:underline;
	display:block;
}



#editNav{
	color:#333333;
	font-size:11px;
    font-family: arial, sans-serif;
	font-style:normal;
	border-right:1px solid #666666; 
	background-color:#F5FBFE;
	padding-right:5px;
	padding-left:5px;
	text-align:center;
	font-weight:bold;

}

#editNav a:link, #editNav a:active, #editNav a:visited{
	font-size:11px;
    font-family: arial, sans-serif;
	font-style:normal;
	background-color:#F5FBFE;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	display:block;

}


#editNav a:hover{
	background-color:#F5FBFE;
	text-decoration:underline;
	display:block;
}

/*-----------------------------------
Thickbox styles
-----------------------------------*/

.TB_logo_left
{
	background-image:url(../images/tb_logo/TB_logo_podiatry.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width:64px;
	height:355px;
	background-color:#adadad; /* site mainColor*/

	
}

#TB_title{
	background-color:#eaeae0; /* site secondarycolor */
	font-weight:bold;
	height:17px;
	border-bottom:1px solid #CCCCCC;
	text-indent:15px;
}


/*-----------------------------------
	Error Alert Box
-----------------------------------*/

div.jqi{
      position: absolute;
      background-color: #d1d1ca;
      padding: 10px;
      width: 300px;
}
.jqiwarning .jqi{
      background-color: #EEE;/*mainColor*/
}
.jqiwarning .jqi{
      background-color: #EEE;/*mainColor*/
}
div.jqi .jqimessage{
      background-color: #EEE;/*mainColor*/
      padding: 10px;
}
div.jqi .jqicontainer{
      background-color: #EEE;/*mainColor*/
      padding: 5px;
      color: #000;
      font-weight: bold;
}



#liveview {
        z-index: 99;
        position: absolute;
		right:184px;
		bottom:28px;
}

 /* Bubble pop-up */
        .popup {
        	position: absolute;
        	right:20px;
        	bottom:5px;
        	display: none;
        	z-index: 1;
        	border-collapse: collapse;
        }

        .popup td.corner {
        	height: 15px;
        	width: 18px;
        }

        .popup td#topleft { background-image: url(../../../images/bubblewrap/bubble-1.png); height:20px;}
        .popup td.top { background-image: url(../../../images/bubblewrap/bubble-2.png); }
        .popup td#topright { background-image: url(../../../images/bubblewrap/bubble-3.png); }
        .popup td.left { background-image: url(../../../images/bubblewrap/bubble-4.png); }
        .popup td.right { background-image: url(../../../images/bubblewrap/bubble-5.png); }
        .popup td#bottomleft { background-image: url(../../../images/bubblewrap/bubble-6.png); }
        .popup td.bottom { background-image: url(../../../images/bubblewrap/bubble-7.png); text-align: center;}
        .popup td.bottom img { display: block; margin: 0 auto; }
        .popup td#bottomright { background-image: url(../../../images/bubblewrap/bubble-8.png); }
        .bubble_tail { position:relative; left:50px; height:24px; width:30px; background-image: url(../../../images/bubblewrap/bubble-tail2.png); }
        .bubble_bottom { position:relative; left:45px;bottom:21px;border: 1px; height:23px;width:100px; cursor:hand; cursor:pointer; }
        .bubble_bottom_inbox { position:relative; left:155px;bottom:0px; height:23px;width:100px; cursor:hand; cursor:pointer; }
        
        
        
        
        .popup table.popup-contents {
        	font-size: 12px;
        	line-height: 1.2em;
        	background-color: #fff;
        	color: #666;
        	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
        	}

        table.popup-contents th {
        	text-align: right;
        	text-transform: lowercase;
        	}

        table.popup-contents td {
        	text-align: left;
        	}

        tr#release-notes td a {
        	color: #333;
        }

        
        
        
        
         /*------------------------Bottom Link CSS Because of the Etalk---------------------------------*/

 a.globalLinkCss:link{
	font: normal 11px arial, sans-serif;
	text-decoration: none;
	color:#00349c;

	}
	
 a.globalLinkCss:visited{
	font: normal 11px arial, sans-serif;
	color:#00349c;
	text-decoration: none;

	}
	
 a.globalLinkCss:active{
	font: normal 11px arial, sans-serif;
	color:#00349c;
	text-decoration: none;

	}
	
a.globalLinkCss:hover{
	font: normal 11px arial, sans-serif;
	color:#0000FF;
	text-decoration: underline;

	}
	
	
/*------------------------Bottom Link CSS Because of the Etalk---------------------------------*/

 a#globalLinkCss:link{
	font: normal 11px arial, sans-serif;
	text-decoration: none;
	color:#00349c;

	}
	
 a#globalLinkCss:visited{
	font: normal 11px arial, sans-serif;
	color:#00349c;
	text-decoration: none;

	}
	
 a#globalLinkCss:active{
	font: normal 11px arial, sans-serif;
	color:#00349c;
	text-decoration: none;

	}
	
a#globalLinkCss:hover{
	font: normal 11px arial, sans-serif;
	color:#0000FF;
	text-decoration: underline;

	}