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

body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font:12px arial;
	color:#333;
	background:url("../images/template-top-bg.png") repeat-x 0px 0px;
}

html {
	overflow-y:scroll; 
}

.main-sprite {
	background-image:url("/templates/images/template-layout-sprite.png");
	background-repeat:no-repeat;
}

img {
	border:0px;
}

a {
	text-decoration:none;	
	outline:none;
}


a:hover {
	text-decoration:underline;
}

a.male {
	color:#52a7c3;
}

a.female {
	color:#c35265;
}

a.hover:hover {
	opacity:0.7;
	filter:alpha(opacity=70);	
	display:inline-block;
}

.clear {
	clear:both;
	font-size:0px;
	margin:0px; 
	padding:0px;
	font-size:0px;
	line-height:0px;
}

.divider {
	width:100%;
	height:1px;
	border:0px;
	padding:0px;
	margin:0px;
	font-size:0px;
	line-height:0px;
	clear:both;
	background-color:#cdcdcd;
}

h2 {
	margin:0px;
	font:bold 18px arial;
	line-height:20px;	
	background-color:#fff;
}

h2.blue {
	color:#52a7c3;
	font:bold 16px arial;
}

h2.grey {
	color:#888;		
}

h2.red {
	color:#de6176;
	font:bold 16px arial;	
}

.silver {
	color:#888 !important;	
}

.grey {
	color:#444 !important;
}

.black {
	color:#000 !important;
}

.strong {
	font-weight:bold !important;
}

.lucida {
	font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif !important;
}

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

h1 {
	font:bold 10px arial;
	color:#fff;	
	top:55px;
	left:90px;
	padding:0px;
	margin:0px;
}


.leftSide {
	float:left;
	width:615px;
}

.rightSide {
	float:right;
	width:336px;
}

.rightSide #advert {
	width:336px;
	text-align:center;	
}

p, ul {
	font:12px arial;
	color:#444;
}

/* positioning */

.positioned {
	position:absolute;
}

.absolute {
	position:absolute;
}

.relative {
	position:relative;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.pointer {
	cursor:pointer;
}

.no-border {
	border:0px !important;
	outline:none;
}

.inline-block {
	display:inline-block;
}

ul.noPadding {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ul.no-bullets {
	list-style-type:none;
}

ul.numeric {
	list-style-type:decimal !important;
}

ul.numeric li,
ul.bullet li {
	margin-bottom:10px !important;
}

ul.bullet {
	list-style-type:circle !important;
}

p.bottomText {
	font:12px arial;
	color:#333333;
	text-align:justify;
}

.iconLeft {
	float:left;
	margin-right:10px;
}

/* start: icons and glyphs */
div.femaleIconSmall {
	background:url("../images/template-layout-sprite.png") no-repeat -56px -0px;
	width:16px;
	height:17px;
	display:inline-block;
	vertical-align:middle;
}

div.maleIconSmall {
	background:url("../images/template-layout-sprite.png") no-repeat -56px -17px;
	width:16px;
	height:15px;
	display:inline-block;
	vertical-align:middle;
}

.hotPhotoIcon {
	width:16px;
	height:14px;
	display:inline-block;
	background:url("../images/template-layout-sprite.png") no-repeat -76px -16px;
	vertical-align:middle;
}
/* end: icons and glyphs */

/* pageList */
.pageList {
	width:100%;
	margin-bottom:10px;
}

.pageList a {
	background:url("../images/button-page-index.png") no-repeat 0px 0px;
	height:26px;
	width:26px;
	text-align:center !important;
	line-height:26px;
	font-weight:bold;			
	margin-bottom:2px;
}

.pageList a.active {
	background-position:0px -26px;
	color:#fff;
}

/* start: error panel */
.errorPanel {
	border:1px #d57575 solid;
	background-color:#ffeaea;
	padding:4px 4px 4px 40px;
	margin-bottom:20px;	
	font:bold 12px arial;
	color:#d21515;
	position:relative;
	min-height:30px;
}

.errorPanel .icon {
	background: url("../images/template-layout-sprite.png") no-repeat 0px -0px;
	width:28px;
	height:29px;	
	display:inline-block;
	vertical-align:middle;	
	position:absolute;
	top:5px;
	left:5px;
}

span.error, a.error {
	font:bold 12px arial;
	color:#d21515;
}

.successPanel {
	border:1px #9ad587 solid;
	background-color:#edffec;
	padding:4px 4px 4px 40px;
	margin-bottom:20px;	
	font:bold 12px arial;
	color:#6aa24f;
	position:relative;
	min-height:30px;
}

.span {
	font:12px arial;
	color:#333;
	display:inline-block;
	background-color:#fff;
}

.successPanel .icon {
	background: url("../images/template-layout-sprite.png") no-repeat -28px -0px;
	width:28px;
	height:29px;	
	display:inline-block;
	vertical-align:middle;	
	position:absolute;
	top:5px;
	left:5px;
}

.infoPanel {
	border:1px #333333 solid;
	padding:5px;
	background-color:#fffeef;
}

.inactiveTab * {
	opacity:0.7;
	filter:alpha(opacity=70);
}

/* buttons */
.buttonMediumSilver {
	background:url("/templates/images/button-silver-medium.png") no-repeat 0px 0px;
	width:165px;
	height:45px;	
	display:inline-block;
	text-align:center;
	color:#52a7c3;
	font:bold 16px "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	line-height:45px;
}

input.thumbsUp,
a.thumbsUp {
	display:inline-block;
	background:url("/templates/images/button-thumbs-up.png") no-repeat -32px 0px;
	width:32px;
	height:31px;
	vertical-align:middle;
	cursor:pointer;
}

input.thumbsUp:hover,
a.thumbsUp:hover {
	background-position:0px 0px;
}

input.thumbsDown,
a.thumbsDown {
	display:inline-block;
	background:url("/templates/images/button-thumbs-down.png") no-repeat -32px 0px;
	width:32px;
	height:31px;
	vertical-align:middle;
	cursor:pointer;
}

input.thumbsDown:hover,
a.thumbsDown:hover {
	background-position:0px 0px;
}


#page .infoPanel a {
	color:#111;
	text-decoration:underline;
}
/* end: error panel */

/* small profile image */
.profileSmall .image {
	width:60px !important;	
	float:left;
}

.profileSmall .image .photo, 
.profileSmall .image .photoMale,
.profileSmall .image .photoFemale {
	display:inline-block;
	background:url("../images/profile-photo-small.png") no-repeat 0px 0px;
	width:54px;
	height:55px;
}

.profileSmall .image .photoMale {
	background:url("../images/template-layout-sprite.png") no-repeat 0px -29px !important;
}

.profileSmall .image .photoFemale {
	background:url("../images/template-layout-sprite.png") no-repeat 0px -86px !important;
}

.profileSmall .image .photo img {
	width:44px;
	max-height:50px;
	margin:6px 0px 0px 5px;
}

.profileThumbnailMini-m,
.profileThumbnailMini-f {
	height:23px;
	width:23px;
	vertical-align:middle;
}

.profileThumbnailMini-m {
	background-position:-157px -32px !important;			
}

.profileThumbnailMini-f {
	background-position:-157px -57px !important;		
}

/* start: form elements */
input.buttonBlueMedium {
	border:none;
	background-image:url("../images/button-blue-medium.png");
	width:142px;
	height:35px;
	font:bold 12px arial;
	color:#fff;
	cursor:pointer;
}

button {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background:#F6F6F6;
	border:1px solid #CCCCCC;
	cursor:pointer;
	height:2.0833em;
	overflow:visible;
	padding:0 0.5em;
	vertical-align:middle;
	font:12px arial;
	color:#333;
}

button:focus, button:active, button:hover {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#f1f1f1 none repeat scroll 0 0;
	border-color:#999999;	
}

select {
	width:200px;
	font:12px arial;
	color:#333333;
}

input.buttonBlueMedium:hover {
	background-position:0px -35px;	
}

input[type='text'], input[type='password'] {
	width:200px;
	font:12px arial;
	color:#333333;
	border:1px #bcbcbc solid;
	line-height:18px;
	height:18px;
}

textarea {
	font:12px arial;
	color:#333;
	width:100%;
	height:80px;
	border:1px #bcbcbc solid;
}

input.buttonNormal {
	border:1px #52a7c3 solid;
	background-color:#e6f5ff;
	font:bold 12px arial;	
	color:#52a7c3;
	padding:8px;
	margin-top:3px;
	cursor:pointer;
}

input.buttonNormal:hover {
	border:1px #52a7c3 solid;
	background-color:#52a7c3;
	color:#e6f5ff;
}

/* end: form elements */

.loading {
	background-image:url("/templates/images/icon-loading.gif") !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
}

.loading a.pageNumber {
	display:none;
}

/* start: pagination */
.pagination {
	text-align:left;
	width:100%;
	height:32px;
}

#page .pagination a {
	font-weight:bold;
}

#page .pagination a.active {
	color:#888888;	
}
/* end: pagination */

/* icons */
.icon {
	display:inline-block;		
}

/* link buttons */
.hover:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}

#page .buttonWhiteSmall {
	display:inline-block;
	background:url("/templates/images/button-small-white.png") no-repeat 0px 0px;
	font:11px arial;
	color:#444;
	width:87px;	
	height:26px;	
	text-align:center;
	line-height:26px;	
	text-decoration:none;
}

/* icons */
.bgTitle {
	background:url("../images/title-bar-groups.png") no-repeat 0px 0px;
	width:520px;
	height:32px;
	display:inline-block;
	font:bold 16px arial;
	color:#929292;
	padding-left:65px;
	line-height:32px;
	margin-bottom:10px;
}


/* start: buttons */
#page a.buttonSmallRed {
	width:76px;
	height:21px;	
	display:inline-block;
	background-image:url("../images/button-small-red.png");
	background-repeat:no-repeat;
	font:bold 12px arial;
	color:#fff;
	text-align:center;
	line-height:21px;
}

#page a.buttonSmallRed:hover {
	opacity: 0.8;
	filter: alpha(opacity = 80);	
}

.flirt-icon-button {
	background:url("../images/flirt-icon-button-bg.png") no-repeat 0px 0px;
	width:32px;
	height:32px;
	text-align:center;
	line-height:32px;
}

.flirt-icon-button img {
	vertical-align:middle;
}
/* end: buttons */


/* start: template top */
#templateTop {
	width:980px;
	height:107px;	
	margin:0px auto;
	position:relative;
	margin-bottom:40px;
}

#templateTop a#logo {
	left:15px; 
	top:10px;
}

#templateTop ul#menu {
	left:10px;
	top:80px;
}

#templateTop #accountLinks {
	left:760px;
	top:80px;
}

#templateTop ul#accountLinks li,
#templateTop ul#menu li {
	background:url("../images/template-top-tab.png") no-repeat 0px 0px;
	width:105px;
	height:36px;	
	margin-right:2px;
	float:left;
}

#templateTop ul#accountLinks li:hover,
#templateTop ul#menu li:hover {
	background-position:0px -36px;
}

#templateTop ul#accountLinks li a,
#templateTop ul li a {
	font:bold 14px arial;
	color:#6d6d6d;
	text-decoration:none;
	text-align:center;
	display:inline-block;
	width:100%;
	line-height:32px;
}
/* end: template top */


#page {
	width:960px;
	padding:0x 10px;
	margin:0px auto;
}

#page a {
}

#page a.red {
	font:12px arial;
	color:#de6176;
}

#page a.blue {
	color:#52a7c3;
}

/*start: panel left*/
.panelLeft {
	width:210px;
	overflow:hidden;
	float:left;
}

.panelLeft .panel {
	overflow:hidden;
}

#page .panelLeft .title {
	width:196px;
	height:25px;
	background: url("../images/template-layout-sprite.png") no-repeat -93px -0px;
	display:inline-block;
	font:11px arial;
	color:#333;
	line-height:25px;
	padding-left:10px;
}

#page .panelLeft .panel a {
	color:#555;
	font:11px arial;
	display:inline-block;
	width:100%;
	padding-left:10px;
	line-height:20px;
}
/*end: panel left*/

/* start: panel middle */
.panelMiddle {
	float:left;
	width:600px;
	padding-left:10px;
}
/* end: panel middle */

/*start: panelRight */
.panelRight {
	width:125px;
	float:left;
}
/*end: panelRight */


/*start: photoLists */
.photoList {
	overflow:hidden;
}


.photoList .photoFemale {
}

.photoList .noPhoto_f, .photoList .noPhoto_m {
	width:101px;
	height:71px;
	display:inline-block;
}
.photoList .noPhoto_f {
	background: url("../images/template-layout-sprite.png") no-repeat -55px -105px;
}

.photoList .noPhoto_m {
	width:101px;
	height:71px;
	display:inline-block;
	background: url("../images/template-layout-sprite.png") no-repeat -55px -33px;
}

.photoList .photo {
	border:1px #cdcdcd solid;
	padding:6px;
	width:106px;
	height:100px;
	float:left;
	text-align:center;
	margin:5px 10px 10px 0px;
}

.photoList .photo img {
	width:100px;
	height:70px;
	-ms-interpolation-mode: bicubic; 
}

.photoList a {
	font-weight:bold;
}
/*end: photoLists */

/*start: photo thumbnails*/
.noImageThumbnail, .ImageThumbnail {
	width:55px;
	height:56px;
	background-image:url("../images/template-layout-sprite.png");	
	background-repeat:no-repeat;
}

.noImageThumbnail_m {
	background-position:0px -29px;
}

.noImageThumbnail_f {
	background-position:0px -86px;
}

#page .ImageThumbnail {
	background-position:0px -143px;
	padding:4px;	
	width:47px;
	height:48px;
}

.ImageThumbnail img {	
	width:45px;
	height:45px;
	-ms-interpolation-mode: bicubic;
}
/*end: photo thumbnails*/

/*start: table normal*/
table.border {
	border:1px #cdcdcd solid;
}

table.normal td {
	font:12px arial;
	color:#333;
}

table.normal th {
	font:bold 12px arial;
	color:#333;	
	text-align:left;
}

/*end: table normal*/

/* pagination */
.pagination {
	text-align:right;
	margin-top:10px;
}

/* page tabs */
.pageTabs {
	height:24px;
	width:100%;
	border-bottom:1px #d9d9d9 solid;	
	position:relative;
	margin:10px 0px 0px 0px;
}

#page .pageTabs a {
	font:bold 12px arial;
	color:#222;
	text-align:center;
	line-height:24px;
	text-decoration:none;
	display:inline-block;
	width:116px;
	height:24px;	
	top:1px;
	margin-top:1px;		
}

#page .pageTabs a.inactive {	
	background:url("/templates/images/page-tab.png") no-repeat -116px 0px;
	color:#777;
}

#page .pageTabs a.active {
	background:url("/templates/images/page-tab.png") no-repeat 0px 0px;
	color:#222;
}

.tabbedPage {
	border-left:1px #d9d9d9 solid;
	padding:10px;
}

/* profile thumbnails */
.profileThumbnail {
	background: url("../images/template-layout-sprite.png") no-repeat 0px 0px;	
}

.smallMale {
	width:23px;
	height:23px;	
	background-position:-157px -33px;	
}

.smallFemale {
	width:23px;
	height:23px;	
	background-position:-157px -57px;
}

.smallPhoto {
	width:20px;
	height:20px;	
	background-position:-157px -81px;
	padding:3px 0px 0px 3px;
}

.smallPhoto img {
	height:17px;
	width:17px;	
}

/* icons */
.groupIconSmall {
	width:13px;
	height:14px;	
	background-position:-157px -105px;
	background-image:url("../images/template-layout-sprite.png");	
	display:inline-block;	
}


/* your profile */
#yourProfile {
	background:url("../images/homepage-your-profile-bg.png") no-repeat 0px 0px;
	width:336px;
	height:173px;
	position:relative;
	margin-bottom:5px;
}

#yourProfile span.title {
	font:bold 16px arial;
	color:#666;
	display:inline-block;
	left:10px;
	top:10px;
}

#yourProfile img {
	vertical-align:middle;
	margin-right:5px;
}

#yourProfile a {
	font:bold 14px arial;
	color:#666;	
}

#yourProfile #inboxLink {
	left:10px;
	top:40px;
}

#yourProfile #photos {
	left:10px;
	top:70px;
}

#yourProfile #profile {
	left:10px;
	top:100px;
}

#yourProfile #groups {
	left:10px;
	top:130px;
}

#yourProfile #friends {
	left:150px;
	top:40px;
}

/* profile medium thubnail */
.profiles .profile {
	width:580px;	
	margin-bottom:5px;
	padding-bottom:5px;
}

.profiles .profile p {
	height:36px;
}

.profiles .profile .image {
	width:110px;	
	float:left;
}

.profiles .profile .image .photo {
	display:inline-block;
	background:url("../images/profile-photo-medium.png") no-repeat 0px 0px;
	width:108px;
	height:97px;
}

.profiles .profile .image .photo img {
	width:92px;
	max-height:80px;
	margin:6px 0px 0px 5px;
}

.profiles .profile .info a {
	font-size:14px;
}



.profiles .info span.summary {
	font-size:14px;
	color:#666;
	font-weight:bold;
}	


/* search box on the right hand side */
/* search box */
#searchBox {
	width:326px;
	background:url("../images/homepage-search-bg.png") no-repeat 0px 0px;
	padding:5px;
}

#searchBox h2 {
	background:none;	
}

/* rounded panels */
.panel .top, 
.panel .bottom {
	width:601px;
	height:10px;
}

.panel .top {
	background:url("/templates/images/homepage-inner-panel-curves.png") no-repeat 0px 0px;
}

.panel .bottom {
	background:url("/templates/images/homepage-inner-panel-curves.png") no-repeat 0px -10px;
}

.panel .middle {
	width:581px;
	background:url("/templates/images/homepage-inner-panel-middle.png") repeat-y 0px 0px;
	overflow:hidden;	
	padding:0px 10px;
}





/* start: footer */
#templateFooter {
	width:980px;
	height:94px;	
	text-align:center;
	margin:0px auto;
}

#templateFooter {
	font:11px arial;
	color:#666666;
}
/* end: footer */