/* global settings */
body,html {
margin: 0px;
/* background-color: #FECE76; */
font : 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
}
table {font : 12px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}

/* cover to hide keywords */
.cover { background: #C5D8FF; z-index: 0;  top:-300; left: -400;}
.invis  { position: absolute; z-index: -5; color: #C5D8FF; width: 500; top:-400; left: -600; }

/* main section of page */
.whiteback {
background-color: #ffffff;
padding: 2px 0px 0px 0px;
z-index:0;
}

/* buttons and input fields*/
input[type="text"], input[type="email"], textarea, select { font-family: verdana, tahoma, arial, helvetica; font-size: 11px; color: black; 
padding: 4px;
border:2px solid #EDC877;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius:6px;
}
input:focus { border:2px solid #FC9300; }
select:focus { border:2px solid #FC9300; }
textarea:focus { border:2px solid #FC9300; }
.button_send  {
 font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #FFF;
    padding: 5px 50px 5px 50px;
    border: 1px solid #999;
 
    text-shadow: 0px 1px 1px #666;
    text-decoration: none;
 
    -moz-box-shadow: 0 1px 3px #111;
    -webkit-box-shadow: 0 1px 3px #111;
    box-shadow: 0 1px 3px #111;
 
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
 
    background: #64a724;
    background: -moz-linear-gradient(top, #64a724 0%, #579727 50%, #58982a 51%, #498c25 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#64a724), to(#498c25), color-stop(0.4, #579727), color-stop(0.5, #58982a), color-stop(.9, #498c25), color-stop(0.9, #498c25));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64a724', endColorstr='#498c25', GradientType=0 );
 
    cursor: pointer;
}

.button_send:hover {    border: 1px solid #FFF;}
/* new and visited links should look identical */
a:link, a:visited {
	color: #2242C0;
/*	text-decoration : none; */
}

/* image links should have borders when hovering */
td.photo a:hover {
	border: 0px;
	background: none;
}
p.photo a:hover {
	border: 0px;
	background: none;
}
.photo a:hover {
	border: 0px;
	background: none;
	}

/* bullet and numbered lists */
ol {
margin-top: 4px ;
margin-bottom:4px;
}
ul {
margin-top: 4px ;
margin-bottom:4px;
}
li {
	color : #092632;
	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 2px -16px;
	padding: 0px 0px 0px 0px; 	
	}

/* image back shadow effect */
.imgeffect {
border: 1px solid #000000;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
/* image pixelation effect upon loading (for Win IE only) */
.imgpixelate {
border: 1px solid #000000;
filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1), progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
/* image slider transition effect on viewprofile (for Win IE only) */
.imgslider {
border: 1px solid #000000;
filter:revealTrans(duration=1,transition=12), progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* logo at top of page */
.logo {
	text-align:center;
	padding: 2px 0px 4px 0px;
}

/* main navigation cell after logo */
.nav {
	vertical-align: bottom;
}

/* first and last columns of main navigation links */
td.blank {
	border-bottom: 1px solid #ffffff; 
}
/* first of INACTIVE navigation links */
td.topnav {
	text-align : center;
	border-bottom: 1px solid #ffffff; 
	background-color: #cccccc;
}
a.topnav:link, a.topnav:visited {
	font-size:13px;
	font-weight: bold;
	display:block;
	background-color: #cccccc;
	color: #425187;
	border-right : 1px solid #9C9C9C; 
	border-left : 1px solid #E9E9E9; 
	border-top : 1px solid #ffffff; 
	padding: 6px 0px 4px 0px;
}
a.topnav:hover  {
	background-color: #E5E5E5;
	color: #1672EF;
	}
a.topnav:active {
	background-color: #9BA8C2;
	color : #E5EDFF;
	}

/* first of ACTIVE navigation links */		
td.topnavactive {
	text-align : center;
	border-bottom: 1px solid #ACBAD7;
	background-color:#ACBAD7;
}
a.topnavactive:link, a.topnavactive:visited {
	font-size: 14px;
	font-weight: bold;
	display:block;
	background: #ACBAD7 url(images/step_mid_blue.gif) repeat-x;
	color: #0D298D;
	border-right : 1px solid #9C9C9C; 
	border-left : 1px solid #ffffff; 
	border-top : 1px solid #ffffff; 
	padding: 4px 0px 6px 0px;
}

/* sub-navigation cell */
.nav2 {
	background-color: #ACBAD7;
	}
/* sub-navigation cell */
.nav3 {
	background: #ACBAD7 url(images/nav2.gif) repeat-x bottom;
	}
/* second row of INACTIVE navigation links */
td.topnav2 {
	background-color: #ACBAD7;
	font-size:12px;
	text-align : center;
	border-bottom: 1px solid #ACBAD7;	
	border-right : 1px solid #8A96AD; 
	border-left : 1px solid #E9E9E9; 
	}
.topnav2 a:link, .topnav2 a:visited {
	display:block;
/*	color: #ffffff; */
	padding: 4px 0px 2px 0px;
	}
.topnav2 a:hover  {
	background-color:#B9C8E7;
	color : #1672EF;
	}
.topnav2 a:active {
	background: #ffffff;
	color : #000099;
}
/* second row of ACTIVE navigation links */
td.topnav2active {
   background-image: url("images/BG.gif"); 
	font-size:12px;
	font-weight: bold;
	text-align : center;
	border-right: 1px solid #ACBAD7;
	border-top: 1px solid #ACBAD7;
}

/* empty left cell in sub-nav table */
td.topnav2l {
	border-bottom : 1px solid #ACBAD7; 
	border-right : 1px solid #8A96AD; 
	font-size:12px;
	padding: 4px 0px 2px 0px;
	}
/* empty right cell in sub-nav table */
td.topnav2r {
	border-bottom: 1px solid #ACBAD7;	
	border-left : 1px solid #E9E9E9; 
	font-size:12px;
	padding: 4px 0px 2px 0px;
	}
	
/* user login/password cell */
.directory {
	background-color: #ACBAD7;
	border-bottom: 1px solid #cccccc;
 	padding: 2px 0px 2px 0px;
}
.directory p {
	color: #4E4E4E;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
}
.directory a:link, .directory a:visited  {
font-weight: normal;
}

/* main content area */
.maincell {
	padding : 4px 4px 4px 4px;
	vertical-align : top;
	}
.maincell h1{
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0px 4px 0px;
	}
.maincell h2{
	font-size: 16px;
	font-weight: bold;
	padding:1px 2px 1px 2px; 
	margin: 0px 0px 0px 0px;
	}
.maincell h3{
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	margin:12px 0px 6px 0px;
	}
.maincell h4{
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	border-bottom: 1px solid #000000;
	margin:6px 0px 6px 0px;
	}
.maincell h5{
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	margin: 14px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	border-top: 1px solid #003366;
	border-bottom: 1px solid #003366;
	}	
.maincell p {
	color : #092632;
	font-size: 12px;
	margin: 2px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	}
.maincell a:hover {
	border-bottom: 1px solid #263982; 
	color: #263982;
	background-color: #E5EBFF;
}
.maincell .photo a:hover {
	border: 0px;
	background: none;
	}


/* footer section*/
.footer {
	border-top : 1px solid #cccccc;
	padding: 4px 4px 8px 4px;
	font-size: 11px;
	text-align : center;
	color : #36454B;
	}
.footer a:hover {
	color: #0F2FA0;
	border-top: 1px solid #0F2FA0;
	border-bottom: 1px solid #0F2FA0;
	}
.footer p {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	}

/* message center box on home.jsp */
.reminders {
	background: #ffffff;
	border: 1px solid #C0C0C0;
	padding-bottom: 0px;
	margin-bottom: 12px;
	font-size: 12px;
	}
.reminders p {
	margin: 0px;
	padding: 0px 2px 0px 2px;
	border: 1px solid #ffffff;
	}
.reminders a:link, .reminders a:visited {
	margin: 0px;
	border: 1px solid #ffffff;
	display:block;
	padding: 1px 2px 1px 2px;
}
.reminders a:hover  {
	border: 1px solid #263982;
	background-color: #E5EBFF;
	}


/* outline of tables in main content area */

.taboutline {
	background: #ffffff;
	border: 1px solid #C0C0C0;
	padding-bottom: 0px;
	margin-bottom: 12px;
	font-size: 12px;
	}
.taboutline p {
	margin: 2px 4px 2px 4px;
	padding: 0px 0px 0px 0px;
	}
.taboutline h3 {
	font-size: 12px;
	margin-bottom : 5px;
	margin-top: 2px;
	text-indent: 4px;
	}

/* outline of individual sections in the profile and search pages */
.taboutline2 {
	background : #FFFFFF;
	margin-bottom: 12px;
	border: 1px solid #A3D8FF;
	}
.taboutline2 p {
	margin: 1px 1px 1px 1px; 
	padding: 0px 0px 0px 0px; 		
	}

/* section header row with solid border */
.tabhead2 {
	background : #CEDAFF;
	font-size: 12px;
	font-weight: bold;
	color : #092632;
	padding : 2px 1px 2px 4px;
	border: 1px solid #A1A5A9;
	}
.tabhead2 p {
	font-weight: normal;
	}

/* search results table */
.taboutline3 {
	background : #FFFFFF;
	margin-bottom: 6px;
	border: 1px solid #C0C0C0;
}
.taboutline3 p {
	margin: 1px 2px 1px 2px;
	padding: 0px 0px 0px 0px;
	}

/* inactive tab in search and edit profile */
.hiddenlayer  { 
	border-bottom : 1px solid #4E75C3; 	}

.hiddenlayer a:link, .hiddenlayer a:visited  {
	font-weight: bold;
	font-size: 12px;
	display:block;
	background-color: #cccccc;
	color: #707070;
	text-align : center;
	border-right : 1px solid #9D9D9D; 
	border-left : 1px solid #E9E9E9; 
	border-top : 1px solid #c0c0c0; 
	padding: 5px 0px 2px 0px;
	}
.hiddenlayer a:hover {
	display: block;
	color: #2242C0;
	background-color: #CDE6FF;
	border-bottom : 0px; 
}
.emptyright  { 
	font-size: 12px;
	border-bottom : 1px solid #4E75C3; 	
	display: block;
	border-top : 1px dotted #ffffff; 
	padding: 5px 0px 2px 0px;
	}
.emptyleft  { 
	font-size: 12px;
	border-bottom : 1px solid #4E75C3; 	
	display: block;
	border-right : 1px solid #9D9D9D; 
	border-top : 1px dotted #ffffff; 
	padding: 5px 0px 2px 0px;
	}

/* active tab displayed in search and edit profile*/
.activelayer a:link, .activelayer a:visited {
	font-weight: bold;
	font-size: 12px;
	color: #0F2FA0;
	display:block;
	background:  #ACBAD7 url(images/step_mid_blue.gif) repeat-x;
	text-align : center;
	border-right : 1px solid #3C5B97; 
	border-left : 1px solid #3C5B97; 
	border-top : 1px solid #3C5B97; 
	border-bottom: 1px solid #ACBAD7;
	padding: 2px 0px 5px 0px;
}

/* used by script to hide the layer */
.hiddenitem {
display: none; 
position: absolute;
}
/* used by script to show the layer */
.activeitem {
	visibility: visible;
}

/* Layer for the main windows for profile and search characteristics*/
.profilesection {
	background-color: #ACBAD7;
	border-left: 1px solid #3C5B97;
	border-right: 1px solid #3C5B97;
	border-bottom: 1px solid #3C5B97; 
	padding: 12px 4px 4px 8px; 
}

/* next and previous buttons on search, edit profile, and search results */
td.quicklink {
	color: #808080;
	background: #ACBAD7 url(images/step_mid_blue.gif) repeat-x;
	border-left : 1px solid #527CCE;
	border-top : 1px solid #527CCE;
	border-bottom : 1px solid #3C5B97; 
	border-right : 1px solid #3C5B97; 
	text-align : center;
	font-size : 11px;
}
p.quicklink  {
	font-size: 11px;
	display:block;
	color: #527CCE;
	background: #ACBAD7 url(images/step_mid_blue.gif) repeat-x;
	border-left : 1px solid #527CCE;
	border-top : 1px solid #527CCE;
	border-bottom : 1px solid #3C5B97; 
	border-right : 1px solid #3C5B97; 
	text-align : center;
	padding: 0px 0px 0px 0px;
}

a.quicklink:link, a.quicklink:visited {
	font-size: 11px;
	font-weight : bold;
	display:block;
	background: #ACBAD7 url(images/step_mid_blue.gif) repeat-x;
	border-left : 1px solid #527CCE;
	border-top : 1px solid #527CCE;
	border-bottom : 1px solid #3C5B97; 
	border-right : 1px solid #3C5B97; 
	text-align : center;
	padding: 0px 0px 0px 0px;
}

a.quicklink:hover  {
	background:  #C5D8FF url(); 
	color : #000099;
	border-bottom : 1px solid #527CCE;
	border-right : 1px solid #527CCE;
	border-top : 1px solid #3C5B97; 
	border-left : 1px solid #3C5B97; 
	}

a.quicklink2:link, a.quicklink2:visited {
	font-size: 11px;
	font-weight : bold;
	display:block;
	background: #6885BD;
	color: #ffffff;
	border-bottom : 1px solid #81A1DF;
	border-right : 1px solid #81A1DF;
	border-top : 1px solid #3C5B97; 
	border-left : 1px solid #3C5B97; 
	text-align : center;
	padding: 0px 0px 2px 0px;
	margin: 2px 0px 0px 0px;
}
a.quicklink2:hover {
	color: #ffffff;
}			
/* cells containing photos */
td.photobox {
	background-color : #CEDAFF;
	text-align: center;
	border: 1px solid #A1A5A9;
	padding: 0px 0px 0px 0px;
}			
.photobox p {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.photobox a:link, .photobox a:visited  {
	display:block;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #CEDAFF;
}
.photobox a:hover  {
	border: 1px solid #0F2FA0;
	}

/* cell containing primary photo */
.primaryphoto {
	border: 2px solid #6699ff;
	background : #99FF99;
	margin-top: 0px;
}			
.primaryphoto p {
	text-align: center;
	font-weight: bold;
}
.primaryphoto a:link, .primaryphoto a:visited  {
	display:block;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #99FF99;
}

.primaryphoto a:hover  {
	display: block;
	border: 1px solid #0F2FA0;
	}

/* text color in viewprofile showing status of comments */
.pendingapproval {
	color: #A56F08;
}
.deniedapproval {
	color: #B42E2E;
}

/* used to separate table columns in profile and search */
td.dottedright {
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	vertical-align: top;
	text-align: center;
}

/* don't show borders when hovering over an icon */
.icon a:hover {
	border: 0px;
	background: none;
}
.icon a:link, .icon a:visited  {
	display: inline;
	border: 0px;
	}
.icon  {
	text-align: center;
	background: #ffffff; 
	padding: 2px 0px 1px 0px;
	border-top: 1px solid #A1A5A9; 
	font-size: 11px;
}
p.icon  {
	text-align: center;
	background: #ffffff; 
	padding: 2px 0px 1px 0px;
	font-size: 11px;
}

/* light shaded background for alternating row colors */
.tabshaded {
		background: #F0F0F0;
}

/* properties of category column in profile view */
td.profilecat {
/*	background-color: #A1A5A9; */
	background-color: #ACBAD7; 
    width: 125;
	vertical-align: top;
}
.profilecat p {
/*	color: #ffffff; */
	color: #4E4E4E;
	font-weight: bold;
	text-align: right;
	margin-bottom: 2px;
}

td.formphotobck {
	background-color: #F9ECCE;
	margin-bottom: 2px;
}

td.formrightbck {
	background-color: #F9ECCE;
	margin-bottom: 2px;
}

/* properties of category column in search list */
td.searchcat {
/*	vertical-align: top; */
/*	background-color: #A1A5A9; */
	background-color: #FECE76; 
	margin-bottom: 2px;
}
.searchcat p {
/*	color: #ffffff; */
	color: #4E4E4E;
	font-weight: bold;
	text-align: right;
}


/* middle, left and right sections of aqua titlebar */
.stepmid {
	font-size: 14px;
	font-weight: bold;
	color: #36454B; 
	padding: 1px 0px 1px 0px;
	background:  #A1A5A9 url(images/step_mid.gif) repeat-x;
	text-align:center;
	}
.stepmid a:link, .stepmid a:visited {
 font-size: 12px;
 }
 
.stepleft {
	font-size: 14px;
	padding: 1px 0px 1px 0px;
	background:  #A1A5A9 url(images/step_left.gif) no-repeat left top;
	width: 16px;
		}
.stepright {
	font-size: 14px;
	padding: 1px 0px 1px 0px;
	background:  #A1A5A9 url(images/step_right.gif) no-repeat right top;
	width: 16px;
	}

/* green success msg */
.successmsg {
	display:block;	
	background: #DCF7D9;
	font-weight : bold;
	padding: 2px 0px 2px 4px;
	margin-bottom: 4px;
	border: 1px solid #93D88B;
	}
p.successmsg {
	display:block;	
	background: #DCF7D9;
	color : #006600;
	font-weight : bold;
	padding: 2px 0px 2px 4px;
	margin-bottom: 4px;
	border: 1px solid #93D88B;
	}

/* red error msg */
.errormsg {
	display:block;	
	background: #FFE0FF;
	font-weight : bold;
	padding: 2px 0px 2px 4px;
	margin-bottom: 4px;
	border: 1px solid #CC0000;
	}
p.errormsg  {
	display:block;	
	background: #FFE0FF;
	color : #CC0000;
	font-weight : bold;
	padding: 2px 0px 2px 4px;
	border: 1px solid #CC0000;
	}
		
/* dialogue for uploading photo */
.uploadbox  {		
		visibility: hidden;
		position: absolute;		
		background: #4E75C3;		
		width: 325; 
		height: 160px;
		padding : 4px 4px 8px 4px;
		border-right: 2px solid #3D5C99;
		border-bottom: 2px solid #3D5C99;
		border-top: 2px solid #6699ff;
		border-left: 2px solid #6699ff;
		z-index: auto;
}
.uploadbox p {
		color: #ffffff;
		text-align: left;
		padding-bottom: 6px;
}
.uploadbox h4 {
		font-size: 14px;
		color: #ffffff;
		text-align: left;
		border: 1px solid #ffffff;
		display: block;
		background: #6789CB;
		padding: 2px 0px 2px 4px;
		}

/* progress meter */
.progressbox  {		
		display: none; 
		position: absolute;		
		background: #4E75C3;		
		width: 405; 
		height: 450px;
		border-right: 2px solid #3D5C99;
		border-bottom: 2px solid #3D5C99;
		border-top: 2px solid #6699ff;
		border-left: 2px solid #6699ff;
		z-index: 3;
		padding-top: 100px;
}
.progressbox p {
		color: #ffffff;
		font-size: 13;
		font-weight:bold;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 10px 0px ;
		text-align:center;
}


/* properties for showing full size photos */		
#showimage{
position:absolute;
visibility:hidden;
border: 2px solid #3D5C99;
}

#dragbar{
cursor: hand;
cursor: pointer;
background-color: #6699ff;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
color: #ffffff;
font-weight: bold;
font-size: 11px;
margin-right: 1px;	
}	
		
/* tool tip displayed on index page */		
#dhtmltooltip{
position: absolute;
width: 350px;
border-right: 1px solid #3A416C;
border-bottom: 1px solid #3A416C;
border-top: 1px solid #7A84BA;
border-left: 1px solid #7A84BA;
padding: 1px 2px 2px 2px;
background-color: #F3F0B7;
color: #3A3A3A;
visibility: hidden;
z-index: auto;
font-size : 11px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);

}


/* solid gray line on top border */
.solidtopline {
	border-top: 1px solid #CCCCCC;
} 	
/* solid gray line on top border */
.soliduline {
	border-bottom: 1px solid #CCCCCC;
} 	

/* close account confirmation layer */
.closeaccount  {
	display: block;
	background: #FFE0FF;
	border: 1px solid #CC0000;
	padding : 4px;
	margin-bottom: 12px;
}
.closeaccount h3 {
	font-weight: bold;
	font-size: 14px;
	margin-top:0px;
	margin-bottom: 6px;
}		

/* more options layer on search page */
.moreoptions {
	background: #A1AEC9; 
	padding: 12px 4px 4px 8px;
	border: 1px solid #3C5B97;
	border-top: 0px;
}

/* gray out Don't care on viewprofile */
.noresponse p {
	color: #999999;
}

/* left-justified columns on compare.jsp */
td.billingcat {
background-color: #ACBAD7;

}
.billingcat p {
color: #4E4E4E;
	text-align: left;
	margin-bottom: 2px;
}

/* green and red lettering on compare.jsp */
td.better {
	color : #006600;
	font-weight: bold;
	background: #DEDEDE;
	text-align: center;
	}
td.worse  {
	color : #944545;
	background: #DEDEDE;
	text-align: center;
	}

/* various colors on whatmatches.jsp */
p.match {
	color : #006600;
	font-weight: bold;
	background: #BCFFB5;
	text-align: center;
	padding: 1px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	}
p.nomatch {
	color : #A23D3D;
	font-weight:  bold;
	background: #FFC1C1;
	text-align: center;
	padding: 1px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	}
p.maybe {
	color : #84823E;
	font-weight:  bold;
	background: #FFFCAC;
	text-align: center;
	padding: 1px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	}
p.yes {
	color : #006600;
	font-weight:  bold;
	background: #ECECEC;
	text-align: center;
	padding: 1px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	}
p.no {
	color : #A23D3D;
	font-weight:  bold;
	background: #ECECEC;
	text-align: center;
	padding: 1px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	}

.whyjoin {
	border-bottom: 1px solid #CCCCCC;
} 	
/* why join section on index.jsp */
.whyjoin p {
	font-size: 12px;
	padding: 0px 2px 0px 2px;
	margin: 2px 1px 2px 1px;
}
.whyjoin a:link, .whyjoin a:visited { 
	display: block;
	color: #353B4E; 
	border: 1px solid #ffffff;
}
.whyjoin a:hover {
	color: #2242C0;
	border: 1px solid #0F2FA0;
}

.whyjoin2 {
	border-bottom: 1px solid #CCCCCC;
} 	
.whyjoin2 p {
	font-size: 12px;
	padding: 0px 2px 0px 2px;
	margin: 2px 1px 2px 1px;
}
.whyjoin2 a:link, .whyjoin2 a:visited { 
	display: block;
	color: #353B4E; 
	border: 1px solid #F0F0F0;
}
.whyjoin2 a:hover {
	color: #2242C0;
	border: 1px solid #0F2FA0;
}


/* layer to show when logging out with remember me on */
.logout {
	position:absolute; 
	visibility:hidden; 
	background: #FAF6BE; 
	border: 2px solid #000000; 
	width:375px; 
	height:125px; 
	z-index:auto;
	padding: 8px;
	font-size: 14px;
	font-weight: bold;
}

/* standard submit button style */
input.btn{
	cursor:pointer;cursor:hand;
   color:#2242C0;
	font-weight :  bold;
	background-color:#C4D4F6;
   border:1px solid;
   border-top-color:#6699ff;
   border-left-color:#6699ff;
   border-right-color:#4B71BC;
   border-bottom-color:#4B71BC;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#C4D4F6');
     }
input.btnhov{
   border-bottom-color:#6699ff;
   border-right-color:#6699ff;
   border-left-color:#4B71BC;
   border-top-color:#4B71BC;
   }
     
/* standard reset button style */
input.reset{
	cursor:pointer;cursor:hand;
   color:#ff7777;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#6699ff;
   border-left-color:#6699ff;
   border-right-color:#4B71BC;
   border-bottom-color:#4B71BC;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
     }
input.resethov{
   border-bottom-color:#6699ff;
   border-right-color:#6699ff;
   border-left-color:#4B71BC;
   border-top-color:#4B71BC;
   }
     
/* standard text input style */
.textin {
	text-indent: 2px;
	border:1px solid;
   border-top-color:#444444;
   border-left-color:#444444;
   border-right-color:#848484;
   border-bottom-color:#848484;
	color:#2C436F;
	background-color:#E7F2FA;
	cursor: text;
	font-size: 12px;
}

/* title of the page in maincell */
.pagetitle {
margin: 0px 0px 8px 0px;
padding: 0px 0px 2px 0px;
color: #36454B;
font-weight: bold;
font-size: 16px;
text-align: center; 
}

.testimonial {
color: #36454B;
font : bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: left;
height:50;
}


/* fadng tooltips on searchresults and home */
.locationbar {
background-color: #ffffff;
text-align: center;
font-size: 12px;
border: 1px solid #cccccc;
padding: 1px 0px 1px 0px;
}

.bottomspace {
	margin-bottom: 6px;
}

/* layer that drops in to alert use of chat invites */
.dropin {
position:absolute;
visibility:hidden;
background: #FFE0FF;
border: 1px solid #CC0000;
width:325px;
height: 60px;
padding: 2px;
left:100px;
font-size: 12px;
z-index: auto;
}

/* layer show all available chat invites */
.chatinvites {
position:absolute;
visibility:hidden;
background-color:#F0F0F0;
border: 1px solid #0F2FA0;
font-size: 12px;
top:100px;
left:100px;
width:500px;
height:450px;
z-index: 5;
}

/* chat status box in upper left corner */
.chatstatus {
position:absolute;
top:0px;
left:0px;
width:200px;
height:50px;
font-size: 11px;
padding: 4px;
}

/* layer shows success msg when chainging chat status */
.chatstatusmsg {
position:absolute;
visibility:hidden;
top:50px;
left:10px;
width:300px;
height:150px;
background-color:#99E382; 
border:3px solid #000000;
font-size: 12px;
padding: 2px 2px 0px 0px;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.offline {
color: #7E7E7E;
}

.chatnow a:link, .chatnow a:visited {
color: #FF3300;
font-weight:bold;
}

.chatnow a:hover {
color: #263982;
}

.available {
	font-size:11px;
	color: #80BE6D;
}

.hidden {
	font-size:11px;
	color : #CC0000;
}

.chatiframe {
	background: #ffffff;
	margin-bottom: 2px;
	padding: 2px;
	font-size: 12px;
	}


.timeleft {
position:absolute;
visibility:hidden;
width:200px; 
height: 18px;
background-color: #C5D8FF;
}

.alertmsg { 
position:absolute; 
visibility:hidden; 
width:490px; 
height:350px; 
background-color:#99E382; 
border-top: 2px solid #8ACD75;
border-left: 2px solid #8ACD75;
border-bottom:2px solid #395430; 
border-right:2px solid #395430;
font-size: 12px; 
padding: 2px;
z-index: auto;
}

.alert { color: #B4532D; font-weight: bold; }

a.upgrade:link, a.upgrade:visited {
	font-size:13px;
	font-weight: bold;
	display:block;
	background-color: #cccccc;
	color: #B4532D;
	border-right : 1px solid #9C9C9C; 
	border-left : 1px solid #E9E9E9; 
	border-top : 1px solid #ffffff; 
	padding: 6px 0px 4px 0px;
}

a.upgrade:hover  {
	background-color: #E5E5E5;
	color: #FE7038;
	}
a.upgrade:active {
	background-color: #9BA8C2;
	color : #E5EDFF;
	}
.rounded-img {
	display: inline-block;
	border: solid 1px #996911;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.custom_file_upload {
 padding:5px 10px;
  background:#FF8800;
  border:1px solid #FF8800;
  position:relative;
  color:#fff;
  border-radius:2px;
  text-align:center;
  float:left;
  cursor:pointer;
}
.custom_file_upload_ok {
 padding:5px 10px;
  border:1px solid #1CED23;
  position:relative;
   background:#1CED23;
  border-radius:2px;
  text-align:center;
  float:left;
  cursor:pointer;
}