/* CSS Document */
HTML {height:100%; font-size:100.01%}
BODY {height:100%; padding:0; margin:0; font:normal 75% arial,helvetica,tahoma,verdana,sans-serif; color:#000; background-color:#fff}
.allpage {width:100%; width: expression((documentElement.clientWidth||document.body.clientWidth)< 1004? '1004px': ((documentElement.clientWidth||document.body.clientWidth)> 1260? '1260px': 'auto')); min-width:1004px; max-width:1280px; height:auto;  min-height:100%; margin:0 auto}
* html .allpage {height:100%}
.allpageinner {padding-bottom:110px}
*+ html .allpageinner {float:left; width:100%} /* for IE7 */
* html .allpageinner {float:left; width:100%} /* for IE6 */
.footer {width:100%; height:70px; margin:-70px auto 0 auto; position:relative; background-color:#eee}

UL, OL, DL, DT, DD, LI, INPUT, SELECT {font:normal 1em Arial,helvetica,tahoma,Verdana,sans-serif}
UL, DL {margin:0; padding:0; list-style-type:none}
FORM, OL, P {margin:0}
IMG {border:0}
A {color:#0857A6}
A:hover {text-decoration:none}
.underline {text-decoration:underline}
.red {color:#CC0000}
.gray {color:#9c9c9c}
.green {color:#009900}
.fl {float:left}
.fr {float:right}
.cb {clear:both}
.clear {width:100%; clear:both; font-size:0; line-height:0}
.float100 {float:left; width:100%}
.ac {text-align:center}
.ar {text-align:right}
.al {text-align:left}
.text {border:1px solid #999}
.button {overflow:visible; padding-left:8px; padding-right:8px}
INPUT, SELECT {vertical-align:middle}
.nowrap {white-space:nowrap}
TABLE {border-collapse:collapse}

.pt5 {padding-top:5px}
.pb3 {padding-bottom:3px}
.pb5 {padding-bottom:5px}
.pb10 {padding-bottom:10px}
.pb20 {padding-bottom:20px}

.userbar {float:left; width:100%; background-color:#eee; padding:5px 0; text-align:right; font-size:0.9em; font-family:verdana; color: #3C3C3C;}
.userbar .fl {padding-left:20px}
.userbar .fr {padding-right:20px}
.userbarlinks {margin-right:20px}
.userbarlinks A {padding:2px 0 2px 20px; margin-left:5px; background:url(img/icons.png) no-repeat}
.userbarlinks .stat {background-position:0 -18px}
.userbarlinks .blog {background-position:0 -35px}
.userbarlinks .mail {background-position:0 -54px}
.username {font-weight:bold}
.userlinks {color:#999}
.userlinks A {margin:0 2px}

.header {width:100%; height:70px; padding:50px 0 0 0; background-color:#fff}
.logo {float:left; width:181px; padding-left:20px; margin:-3px 0 10px -100%}
.logo A {display:block; width:181px; height:29px; background:url(img/logo.png) no-repeat 0 0; margin-bottom:5px}
.logo A SPAN {position:absolute; top:-3000px; left:-3000px}
.logo B {display:block; font-size:17px; color:#0183cb; border-top:1px solid #9c9c9c}
.logo B A {display:inline; background:none; color:#0183cb; text-decoration:none}
.search {margin:0 20px 0 220px; position:relative}

.textbox {overflow:hidden; border:5px solid #5aabe1; height:34px; padding:5px 37px 0 5px; position:relative}
.textboxinner {margin-right:30px}
.textbox I {display:none; position:absolute; right:47px; top:11px; z-index:2; width:18px; height:18px; background:url(img/icons.png) no-repeat 0 -677px; cursor:pointer}
.textbox I:hover {background-position:0 -659px}
.search .text {float:left; display:block; width:99%; height:30px; //height:28px; padding:0; border:0; background-color:#fff; font-size:18px; line-height:30px; outline:none}

.searchfilter {position:absolute; right:68px; height:30px; margin:4px 3px 0 0}
.searchfilter SPAN {display:block; padding:2px 5px; background-color:#f0f0f0; border:1px solid #ccc}

/*
.searchfilter {position:absolute; top:0; right:68px; height:40px}
.searchfilter SPAN {display:block; height:40px; padding:0 0 0 10px; line-height:40px;  background-color:#fff; color:#5aabe1}
*/

.searchbutton {float:left; width:77px; padding:0 0 0 10px; margin:-15px 0 0 -87px}
.searchbutton INPUT {position:absolute; top:5px; right:5px; width:40px; height:40px; padding-top:40px; border:0; background:#5aabe1 url(img/icons.png) no-repeat 12px -68px; font-size:0; color:#fff; cursor:pointer}


.whidecolumn {margin:0 20px 0 255px}
.centercolumn {float:left; width:50%; padding:5px 2%; margin-top:-5px; background-color:#eff5fd; border:1px solid #ececec}
.rightcolumn {float:right; width:44%}
.leftcolumn {float:left; width:220px; margin-left:-100%; padding-left:20px}

.topbanner {padding-bottom:15px; text-align:center; margin:0 !important}

.ratingbox {float:left; width:100%; padding-bottom:25px}
.boxlinks {clear:both; color:#ccc; margin-left:-3px}
.boxlinks A {color:#999; margin:0 3px; text-transform:lowercase; font-size:0.9em; white-space:nowrap}

H2 {font-size:1.4em; font-weight:normal; font-family:verdana,tahoma,arial,helvetica,sans-serif; margin:0 0 10px 0; padding:0 0 3px 0; color:#6a6a6a; border-bottom:1px solid #e5e5e5}
H2 A {color:#6a6a6a}
H2 A:hover {color:#333; text-decoration:underline}
H2 A.fr {font-size:12px; margin-top:5px}


.bloglist {float:left; width:100%}
.bloglist LI {float:left; width:100%; padding-bottom:10px}
.bloglist .avatar {float:left; width:41px; height:41px; background:url(img/bg_avatar.png) no-repeat 0 0}
.bloglist .avatar A {display:block; width:41px; height:41px; background-repeat:no-repeat; background-position:50% 50%; text-indent:-10000px}
.bloglist .rightblock {margin-left:51px}
.bloglist P {padding-bottom:5px}
.bloglist .username {color:#0857A6}
.bloglist .username:visited {color:#810081}

.actiondate {color:#999; margin:0 5px}

.bloglist .namebox A {font-weight:bold}

.beginnerlist .avatar A {height:33px; padding-top:8px; text-indent:0; text-align:center}

.muzlist LI {padding-bottom:3px}

.messages LI {position:relative}
.messages .namebox {position:absolute; top:-4px; right:0; background-color:#eff5fd; padding-left:10px}
.messages .namebox A {font-weight:normal}
.messages .namebox I {position:absolute; left:-10px; top:0; display:inline-block; width:20px; height:20px; background:url(img/blue_shadow.png) repeat-y 0 0}
.messages P {padding:5px 0 0 0}
.messages .username {color:#999; font-weight:normal}

.eventslist LI {border-bottom:1px solid #f5f5f5}


.votinglist STRONG {display:block; padding-bottom:5px}
.votinglist P A, .votinglist .gray A {color:#999; font-weight:normal}

.icon {display:inline-block; font-size:0; line-height:0; vertical-align:middle; background:url(img/icons2.png) no-repeat}
.girl {width:16px; height:16px; background-position:1px -457px}
.boy {width:16px; height:16px; background-position:1px -487px}
.all {width:16px; height:16px; background-position:0 -519px}

.ratinglist LI {padding-bottom:7px}

.musiclist LI {background:url(img/play.gif) no-repeat 0 0; padding:4px 0 10px 38px}
.musiclist .username {color:#999; font-weight:normal}


.testlist LI {padding-bottom:10px}
.testlist STRONG {display:block; padding-bottom:5px}
.testlist P, .testlist P A {color:#9c9c9c}

.card {float:left; padding-bottom:15px}
.cardbox {float:left; width:100px; overflow:hidden}
.card .rightbox {margin-left:110px; overflow:hidden}

.color {float:left; width:100%; padding-bottom:15px}
.colorbox {float:left; width:120px; overflow:hidden}
.color .rightbox {margin-left:140px}
.color LI {padding-bottom:3px}
.colorblock {position:relative; z-index:2; padding-bottom:0}
.colorblock:hover {z-index:3}
.GlScreenImg {z-index:20}
.GlScreenImg span {position:absolute; z-index:11; top:18px ;left:16px; display:block; width:396px; height:212px; overflow:hidden; cursor:pointer;}

.photo {float:left; width:100%}
.photobox {float:left; width:140px; overflow:hidden}
.photo .rightbox {margin-left:160px}
.photo LI {padding-bottom:3px}


.personphoto {float:left}
.personphoto A {display:table-cell; width:110px; height:110px; background-color:#fff; border-width:1px; border-style:solid; vertical-align: middle; text-align:center}
.personphoto A.boy {border-color:#97c6fc}
.personphoto A.girl {border-color:#f8baba}
.peoplelist .personphoto A {width:70px; height:70px}

.video {float:left; width:100%}
.video LI {float:left; width:30%; margin:0 1%; text-align:center; overflow:hidden}
.videobox {width:110px; height:82px; margin:10px auto}
.videobox IMG {width:110px; height:82px}
.video STRONG {display:block}

.beauty  {width:48%}
.beauty .personphoto {float:none; margin-bottom:8px}
.beauty .personphoto IMG {max-width:100px; max-height:100px}
.personphoto.ByDatingW A {border-color:#f8baba}
.personphoto.ByDatingM A {border-color:#97c6fc}

.tags {padding-bottom:20px}

.photographinvitation {padding:0 0 20px 0; font-size:0.95em; color:#666}

.leftfilter {padding-bottom:20px}
.leftfilter.bordertop {border-top:1px solid #e5e5e5; padding-top:20px}
.leftfilter DT {padding-bottom:15px; font-weight:bold; color:#9DA1B1;}
.leftfilter DD {margin:0; padding-bottom:6px; font-size:1.1em}
.leftfilter DD.pb0 {padding-bottom:0} 
.leftfilter DD.pb10 {padding-bottom:10px} 
.leftfilter DD.pb20 {padding-bottom:20px} 

.smallletter DD {font-size:1em; padding-bottom:3px}

.leftmenu A, .leftmenu B {display:inline-block; background-image:url(img/icons.png); background-repeat:no-repeat; padding:2px 0 2px 25px} 
.leftmenu .link1 {background-position:0 -120px}
.leftmenu .link2 {background-position:0 -154px}
.leftmenu .link3 {background-position:0 -188px}
.leftmenu .link4 {background-position:0 -222px}
.leftmenu .link5 {background-position:0 -254px}
.leftmenu .link6 {background-position:0 -288px}
.leftmenu .current {font-weight:bold; color:#000; text-decoration:none}

.leftmenu LI {padding:3px 0 0 25px}
.leftmenu UL A, .leftmenu UL B {padding:2px 0 2px 17px}
.leftmenu .link7 {background-position:0 -545px}
.leftmenu .link8 {background-position:0 -566px}
.leftmenu .link9 {background-position:0 -588px}
.leftmenu .link10 {background-position:0 -609px}
.leftmenu .link11 {background-position:0 -632px}


.footerinner {padding:20px 20px 0 20px; font-size:0.9em}
.footerinner A {color:#333; text-decoration:underline}
.counter {float:left}
.copy {float:left; padding:0 0 0 20px}
.bottommenu {float:left; padding:0 0 0 40px} 
.bottommenu DIV {padding-bottom:5px}
.bottommenu A {margin:0 3px}


/* -----------| Global styles |----------- */
	.li-notify {	
		position:fixed;
		top:170px;
		right:10px;
		left: auto;
		width:250px
		}
		.li-notify_i {
			width: 250px;
			float: right;
			}
		.li-notify_popup {
			width:230px;
			float:right;
			margin-bottom:10px;
			padding:10px 15px 10px 31px;
			position:relative;
			font-size:12px;
			background-color:#EEE;
			background-image:url(/ReActive/i/global/li-notify/info-16x16.png);
			background-position: 9px 9px;
			background-repeat: no-repeat;
			border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;
			box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.50);
			-moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.50);
			-webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.50);						
			z-border: #67a7ee 3px solid;
			border: #999 3px solid;
			}
		.li-notify_popup_success {
			border: #7fb939 3px solid;
			}						
		.li-notify_popup_error {
			border: #c9372a 3px solid;
			background-image:url(/ReActive/i/global/li-notify/error-16x16.png);
			}		
			.li-notify_popup i {
				position:absolute;
				top:10px;
				right:10px;
				font-weight:bold;
				font-style:normal;
				cursor:pointer;
				}
	.li-notify.li-notify_Netbook {
		top: auto;
		right: 10px;
		bottom: 10px;
		}	
		
.b-gl_moveup, .b-gl_moveup a {
	display:block;
	}
	.b-gl_moveup a {
		padding:7px;
		background:#f5f5f5;
		color:#3d63df;
		font-size:12px;
		font-family:Verdana;
		}
		
#ByAdd {
	margin: 0 20px 20px 20px;
	padding: 10px;
	background:#fff8cd;
	color: #c66700;
	border: #fff5af 1px solid;
}

.li-serv_popup {
	position:absolute; top:23px; width:250px;
	background-color:#eee;
	-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px; 
	-webkit-box-shadow: 5px 5px 7px #CCC;-moz-box-shadow: 5px 5px 7px #CCC;box-shadow: 5px 5px 7px #CCC;
	}
	.li-serv_popup strong {
		display:block; padding:10px 13px;
		background:#666;color:#FFF; font-size:11px;
		-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;
		}
	.li-serv_popup em {
		display:block; position:absolute;top:7px;right:15px;
		font-style:normal; color:#FFF; cursor:pointer; border-bottom:#FFF 1px dotted;
		}
	.li-serv_popup form {
		padding:0 13px 13px 13px;
		}
		.li-serv_popup form p {
			}
			.li-serv_popup form p b {
				display:block;
				}
			.li-serv_popup form p input, .li-serv_popup form p select {
				display:block; width:215px;padding:2px;]
				}
		.li-serv_popup form span {
			position:relative; display:block;
			}
			.li-serv_popup form span input {
				position:absolute; top:0;right:0;
				}