body
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#444;
margin-bottom:0px;
margin-left:0px;
margin-top:0px;
margin-right:0px;
}
a:link,a:visited,a:hover
{
color:#333;
text-decoration:none;
}
a.tplink:link,a.tplink:visited,a.tplink:hover
{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
.topheader
{
background-color:#41adeb;
height:100px;
}
.contentbg
{ 
background-image:url(../images/contentbg.png);
background-repeat:repeat;
height:750px;
}
.contentbg_off
{ 
background-image:url(../images/contentbg.png);
background-repeat:repeat;
height:1000px;
}
.botfooter
{
background-color:#41adeb;
height:65px;
}
.borleft
{
background-image:url(../images/left-sh.png);
background-repeat:repeat-y;
background-position:left;
}
.borright
{
background-image:url(../images/right-sh.png);
background-repeat:repeat-y;
background-position:right;
}
.table_home
{
padding-top:20px;
}
.menubg
{
background-image:url(../images/menu-bg.png);
background-repeat:repeat-x;
background-position:bottom;
height:44px;
}
.hmenu
{
cursor:pointer;
font-size:12px;
color:#333333;
font-weight:bold;
border-left:1px solid #81b6d4;
}
.hmenu:hover
{
font-size:12px;
cursor:pointer;
color:#bc22b2;
font-weight:bold;
background-color:#FFF;
border-left:1px solid #81b6d4;
}
.selhmenu
{
font-size:12px;
cursor:pointer;
color:#bc22b2;
font-weight:bold;
background-color:#FFF;
border-left:1px solid #81b6d4;
}
.homemenu
{
font-size:12px;
color:#333333;
font-weight:bold;
}
.homemenu:hover
{
font-size:12px;
cursor:pointer;
color:#bc22b2;
font-weight:bold;
background-color:#FFF;
}
.footer_ta
{
border-bottom:2px solid #BBB;
border-left:2px solid #BBB;
border-right:2px solid #BBB;
height:20px;
background-color:#FFF;
width:938px;
}
.footer_txt
{
height:20px;
width:938px;
margin-top:20px;
color: #222;
text-align:right;
font-size:11px;
}
.counttxt
{
color:#0080C0;
font-weight:bold;
font-size:12px;
}
.tap
{
background-image:url(../images/tap.png);
background-repeat:repeat-x;
background-position:left;
height:23px;
padding-left:12px;
}
.tap_video
{
	background-image:url(../images/tab_video.png);
	background-repeat:repeat-x;
	height:23px;
}
.tap-bor
{
border:1px solid  #DFDFDF;
}
.loading
{
text-align:center;
}
.tap_profile
{
font-size:12px;
font-weight:bold;
background-image:url(../ico/profile.png);
background-repeat:no-repeat;
background-position:left;
padding-left:25px;
vertical-align:middle;
padding-top:6px;
height:22px;
color:#808080;
}
.tap_search
{
font-size:12px;
font-weight:bold;
background-image:url(../ico/search.png);
background-repeat:no-repeat;
background-position:left;
padding-left:25px;
vertical-align:middle;
padding-top:6px;
height:22px;
color:#808080;
}
.tap_online
{
font-size:12px;
font-weight:bold;
background-image:url(../ico/online.png);
background-repeat:no-repeat;
background-position:left;
padding-left:25px;
vertical-align:middle;
padding-top:6px;
height:22px;
color:#808080;
}
.tap_oncam
{
font-size:12px;
font-weight:bold;
background-image:url(../ico/oncam.png);
background-repeat:no-repeat;
background-position:left;
padding-left:25px;
vertical-align:middle;
padding-top:6px;
height:22px;
color:#808080;
}
.tap_activity
{
font-size:12px;
font-weight:bold;
background-image:url(../ico/activity.png);
background-repeat:no-repeat;
background-position:left;
padding-left:25px;
vertical-align:middle;
padding-top:6px;
height:22px;
color:#808080;
}
.tap_fmembers
{
font-size:12px;
font-weight:bold;
background-image:url(../ico/fmembers.png);
background-repeat:no-repeat;
background-position:left;
padding-left:25px;
vertical-align:middle;
padding-top:6px;
height:22px;
color:#808080;
}
.tap_viewedme
{
font-size:12px;
font-weight:bold;
background-image:url(../ico/viewedme.png);
background-repeat:no-repeat;
background-position:left;
padding-left:25px;
vertical-align:middle;
padding-top:6px;
height:22px;
color:#808080;
}
.tap_matchnew
{
font-size:12px;
font-weight:bold;
background-image:url(../ico/matchnew.png);
background-repeat:no-repeat;
background-position:left;
padding-left:25px;
vertical-align:middle;
padding-top:6px;
height:22px;
color:#808080;
}
.tap_flist
{
font-size:12px;
font-weight:bold;
background-image:url(../ico/flist.png);
background-repeat:no-repeat;
background-position:left;
padding-left:25px;
vertical-align:middle;
padding-top:6px;
height:22px;
color:#808080;
}
a.ho_more:link,a.ho_more:visited,a.ho_more:hover
{
color: #800000;
font-weight:bold;
text-decoration:none;
}
.tap_title
{
font-size:12px;
font-weight:bold;
background-image:url(../ico/taptil.png);
background-repeat:no-repeat;
background-position:left;
padding-left:25px;
vertical-align:middle;
padding-top:6px;
height:22px;
color:#808080;
}
.padd_10px
{
padding:5px;	
}
.dropdownbox
{
width:100px;
}
.ho_probor
{
border:1px solid #CCC;
opacity:1;filter:
alpha(opacity=100);
padding:1px;
}
.ho_probor:hover
{
border:1px solid #AAA;
opacity:0.8;filter:
alpha(opacity=80);
padding:1px;
}
.username
{
font-family: Geneva, sans-serif;
font-size:13px;
color:#333;
font-weight:bold;
padding-left:5px;
text-transform:capitalize;
}
.prifile_head
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#616161;
}
.msg_inbox
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:600;
color:#0E4392;
}
.errmsg
{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:600;
color:#F00;
}

#screenshot{
position:absolute;
border:1px solid #000;
padding:1px;
display:none;
color:#333;
text-transform:capitalize;
}
img{border:none;}

a.req:link,a.req:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:500;
color:#039;
text-decoration:none;
}
a.req:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:500;
color:#09F;
text-decoration:none;
}

/*pagination css */
.pagination {
font-size: 80%;
padding-left:320px;
}

.pagination a {
text-decoration: none;
/*border: solid 1px #AAE;
color: #15B;*/
background-image:url(../images/paging.png);
background-repeat:no-repeat;
}

.pagination a, .pagination span {
display: block;
float: left;
padding: 0.3em 0.5em;
margin-right: 5px;
margin-bottom: 5px;
}

.pagination .current {
background: #26B;
color: #fff;
border: solid 1px #AAE;
}

.pagination .current.prev, .pagination .current.next{
color:#999;
border-color:#999;
background:#fff;
}
.rgerror
{
font-weight:bold;
color:#F00;
}
.reg1
{
border:1px solid #BBB;
width:183px;
}
.reg3
{
border:1px solid #BBB;
width:220px;	
}

.gallery
{
background-color:#efefef;
font-weight:bold;
font-size:18px;
color:#F90;
}
.title
{
font-size:12px;
font-weight:bold;
color:#000;
}
a.pro-link:link,a.pro-link:visited,a.pro-link:hover
{
color:#006291;
font-size:11px;
}
.messageline{
border-bottom:1px solid #AAA;
height:34px;
}
.messageborline{
border-bottom:1px solid #AAA;
border-top:1px solid #FFF;
border-left:1px solid #AAA;
border-right:1px solid #AAA;
height: auto;
margin-top:0px;
}
a.selectedtap{
background:#fff;
border:1px solid #AAA;
border-bottom-color:#fff;
color:black;
font-size:12px;
height:30px;
line-height:25px;
margin-top:3px;
padding:0 11px 0 11px;
}
#taboption
{
float:left;font-weight:bold;
}
#taboption a{
background:#eee;
border:1px solid #eee;
color:#777;display:block;
float:left;
font-size:12px;
height:24px;
line-height:22px;
margin:8px 8px 0 0;
padding:0 11px 0 11px;
text-decoration:none;
}

#taboption a:hover
{
background:#fff;
border:1px solid #AAA;
border-bottom-color:#fff;
line-height:20px;
margin-top:9px;
}
#taboption a.selectedtap{
background:#fff;
border:1px solid #AAA;
border-bottom-color:#fff;
color:black;
font-size:12px;
height:30px;
line-height:28px;
margin-top:3px;
padding:0 11px 0 11px;
}
.inbox_tap
{
background-color: #888;
color:#FFF;
}
.inbox_bor
{
border-bottom:1px solid #EDEDED;
}
a.msgsubject:link,a.msgsubject:visited,a.msgsubject:hover
{
font-weight:bold;
color:#222222;
}
a.omsgsubject:link,a.omsgsubject:visited,a.omsgsubject:hover
{
font-weight:bold;
color:#222222;
}
.readmsg
{
background-color:#EDEDED;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
}
.obtn
{
background-color:#F27900;
border-bottom:2px solid #9D4F00;
border-right:2px solid #9D4F00;
border-top:0px solid #9D4F00;
border-left:0px solid #9D4F00;
color:#FFFFFF;
}
.wbtn
{
background-color: #999;
border-bottom:2px solid #777777;
border-right:2px solid #777777;
border-top:0px solid #777777;
border-left:0px solid #777777;
color:#FFFFFF;
}
.replaymsginfo
{
color:#999;
font-weight:bold;
}
.success
{
color:#06C;
font-weight:bold;
}
.voten
{
cursor:pointer;
background-image:url(../images/star_w.png);
background-position:center;
background-repeat:no-repeat;
width:20px;
height:20px;
float:left;
}

.voten:hover
{
cursor:pointer;
background-image:url(../images/star_r.png);
background-position:center;
background-repeat:no-repeat;
width:20px;
height:20px;
}
.selvoten
{
cursor:pointer;
background-image:url(../images/star_r.png);
background-position:center;
background-repeat:no-repeat;
width:20px;
height:20px;
}
.unameavail
{
background-image:url(../images/unameavil.png);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
color: #090;
font-weight:bold;
height:20px;
padding-top:4px;
}
.unamenavail
{
background-image:url(../images/unamenavil.png);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
color:#FF0000;
font-weight:bold;
height:20px;
padding-top:4px;
}
input.select
{
display: inline;
text-align: left;
color: #444444;
border: 1px solid blue;
font-size: 11px;
}
.reg2
{
width:250px;
}
 
ul.paging
{
margin:0px;
padding:0px;
list-style:none;
}
ul.paging li
{
margin:0px;
padding:0px;
float:left;
}
ul.paging li a
{
float: left;
padding-left:6px;
padding-right:6px;
padding-bottom:4px;
padding-top:3px;
margin-right:5px;
border:solid 1px #0080C0;
text-decoration:none;
background:#FFFFFF;
color:#0080C0;
}
ul.paging li.paging-active a, ul.paging li a:hover
{
background:#0080C0;
color:#FFFFFF;
}
ul.paging li.paging-disabled a, ul.paging li.paging-disabled a:hover
{
cursor:default;
background:#FFFFFF;
border:solid 1px #BBBBBB;
color:#BBBBBB;
}
ul.paging li.paging-current
{
padding:5px;
margin-right:5px;
border:solid 1px #0080C0;
background:#FFFFFF;
color:#0080C0;
}
/*////////////////////Slide Show///////////////////////// */
#gallery {position:relative; width:686px; margin:40px auto; padding:10px; border:6px solid #fff; background:#FFF}
#images {border:2px solid #9ac1c9; height:225px; background:#FFF; margin-bottom:20px}
#image {position:relative; width:672px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(../images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}
/*//////////////////////////////////////////////////Navigation Menu////////////////////////////////////////////////////*/
.lavaLampWithImage {
position: relative;
width:100%;
padding:3px; height:30px; 

}
.lavaLampWithImage ul {
margin:0px; padding:0px
}
.lavaLampWithImage li {
float: left;
list-style: none;
margin-right:40px;
}
.lavaLampWithImage li.back {
	background: url("http://www.youand.me/images/lava.gif") no-repeat right -30px;
	width: 9px;
	height: 33px;
	z-index: 8;
	position: absolute;
	top: 5px;
}
.lavaLampWithImage li.back .left {
background: url("http://www.youand.me/images/lava.gif") no-repeat top left;
height: 30px;
margin-right: 9px; /* 7px is the width of the rounded shape */
}
.lavaLampWithImage li a {
font: normal 13px arial;
font-weight:bold;
text-decoration: none;
color: #D97D17;
outline: none;
text-align: center;
top: 11px;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 0;
padding-left:15px;
padding-right:15px;
text-shadow:#FFC;
}
.lavaLampWithImage li a:active, .lavaLampWithImage li a:visited,.lavaLampWithImage li a:hover {
border: none;text-decoration: none;
color: #FFF3E8;
padding-left:15px;
padding-right:15px;
}

/*///////////////////////////////////////////////////////*/

/*************************************************/
/*    Nav content css                            */
/*************************************************/
#nav {
	float: left;
	width:34px;
	background: #e6e6e6;
	margin-top:0px;
}
#nav ul, li {
	padding: 0px;
	margin: 0px;
	list-style: none;

}

.video {
	display: block;
	width:34px;
	height:86px;

	background-repeat: no-repeat;
	background-position: -68px 0;
	overflow:hidden;
}
.audio {
	display: block;
	width:34px;
	height:86px;

	background-repeat: no-repeat;
	background-position: -68px 0;
	overflow:hidden;
}
.gimage {
	display: block;
	width:34px;
	height:86px;

	background-repeat: no-repeat;
	background-position: -68px 0;
	overflow:hidden;
}
.event {
	display: block;
	width:34px;
	height:86px;
	background-repeat: no-repeat;
	background-position: -68px 0;
	overflow:hidden;
}
.blog {
	display: block;
	width:34px;
	height:86px;
	background-repeat: no-repeat;
	background-position: -68px 0;
	overflow:hidden;
}
.links {
	display: block;
	width:34px;
	height:86px;
	background-repeat: no-repeat;
	background-position: -68px 0;
	overflow:hidden;
}
a.video, a.audio, a.gimage, a.event, a.blog, a.links{
	background-position: 0px 0;
}
a.video:hover, a.audio:hover, a.gimage:hover, a.event:hover, a.blog:hover, a.links:hover {
	background-position: -34px 0;
}

.video b, .audio b, .gimage b, .event b, .blog b, .links b { margin-left:10000px; }

/*------------------------------------------------------------*
 ~Tabbed Nav Information~
**------------------------------------------------------------*/
a:link {color: #869aae;	text-decoration: none;}
a:visited {	text-decoration: none;	color: #869aae;}

.video {background-image:url(../images/video.png);}
.audio {background-image: url(../images/audio.png);}
.gimage {background-image: url(../images/images.png);}
.event {background-image: url(../images/events.png);}
.blog {background-image: url(../images/blogs.png);}

/********************************************************/
/*   End of the Nav content                             */
/********************************************************/

.groupvideoheader
{
	height:31px;
	background-image:url(../images/Groupvideo/header.png);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	padding-left:35px;
}
.groupvideolist
{
background-image:url(../images/Groupvideo/video-bg.png);
background-repeat:repeat-x;
height:34px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#333;
font-weight:bold;
vertical-align:middle;
}
.groupvideoresult
{
background-image:url(../images/Groupvideo/videolist.png);
background-repeat:no-repeat;
height:84px;
width:314px;
margin:4px;
}
.gvleft
{
	background-image:url(../images/Groupvideo/leftimg.png);
	background-repeat:no-repeat;
}
.gvright
{
	background-image:url(../images/Groupvideo/rightbg.png);
	background-repeat:no-repeat;
}
.gvcenter
{
	background-image:url(../images/Groupvideo/middlebg.png);
	background-repeat:repeat-x;
}
.gvbottom
{
	background-image:url(../images/Groupvideo/btmbg.png);
	background-repeat:no-repeat;
	height:27px;
	width:489px;
}
.createblog
{
	background-image:url(../images/MCE33EPDLHGJIK8T.jpeg);
	background-repeat:no-repeat;
}
.blogtap
{
	background-color:#1D98E2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	padding-left:14px;
	height:25px;
}
.blogtitle
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#F39;
}
a.cat
{

}
a.cat:hover
{
font-size:12px;
cursor:pointer;
color:#C36;
font-weight:bold;
}
a.selcat
{
font-size:12px;
cursor:pointer;
color:#0F9;
font-weight:bold;
}
.forumhead
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	border:1px solid #FFF;
	background-color:#1D98E2;
}
.forumqus
{
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000;
}
.forumpost
{
	background-image:url(../images/menu-bg.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000;
}
.forummenu
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	border:1px solid #FFF;
	background-color:#1D98E2;
}
.forumborder
{
	border:1px solid #CCC;
}
.forumcat
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#36C;
	text-decoration:none;
	padding-left:1px;
}
a.forumcat:link,a.forumcat:visited
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#36C;
	text-decoration:none;
	padding-left:1px;
}
a.forumcat:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#F00;
	padding-left:1px;
	text-decoration:none;
}
.forumtitle
{
	padding-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#333;
	background-color:#CCC;
}
.trait
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#0063C6;
	text-transform:uppercase;
}
.traitdate
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	padding-left:15px;
}
.traitlogo
{
	background-image:url(../images/trait/traitback.png);
	height:187px;
	width:127px;
}
a.trait1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#484848;
	text-decoration:none;
}
.famtrait
{
	background-image:url(../images/trait/topimage1.png);
	background-repeat:no-repeat;
	height:48px;
	width:749px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
}
.traitline
{
	border:1px solid #006AD5;
}
/*/// IE 6 PNG IMAGE Issues/// */
* html img,* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "../images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}
/* ///////////////////// */
/*sitemap css*/
.tb
{
	border:2px solid #41adeb;
}
.head
{
	color:#FFF;
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	background-image:url(../images/header-image.png);
	background-repeat:repeat-x;
}
.tdbg
{
	background-color:#e8f6fe;
	color:#dc4b41;
	font-weight:bold;
}
.ratetdbg
{
	background:url(../images/ratebg.gif) repeat-x;
	height:20px;
	color:#FFF;
	font-weight:bold;
	padding:5px;
}
.ratetdbgper
{
	background:url(../images/ratebg01.gif) repeat-x;
	height:30px;
	color:#FFF;
	font-weight:bold;
	padding:5px;
}
.ratetdbgper1
{
	background:url(../images/ratebg02.gif) repeat-x;
	height:60px;
	color:#FFF;
	font-weight:bold;
	padding:5px;
}
.sideborder
{
	border-right:2px solid #41adeb;
}
a.link
{
	text-decoration:none;
	color:#F03;
}
a.link:hover
{
	color:#3057b0;
}
.ratebtn:hover
{
	background:url(../images/ratesubmithover.gif);
}
.ratetop
{
	background:url(../images/thank.png) no-repeat;
	width:735px;
	height:98px;
}
.ratebackgr
{
	background:url(../images/backshad.png) no-repeat;
	width:735px;
	height:244px;
}
.rateclose
{
	background:url(../images/closebtn.png) no-repeat;
}
.rateclose:hover
{
	background:url(../images/closebtnhover.png) no-repeat;
}
/* END */