/* IE6Warning text */
#IE6Warning {
	display: none;
}

/* modal window classes */
.modalWindowContainer {
	display: block;
	position: fixed;
	width: 100%;
	/*min-width: 865px;*/
	top: 100px;
	left: 0px;
	z-index: 10001;
}
.modalWindow {
	display: none;
	width: 320px;
	margin: 0 auto;
	padding: 10px;
	background-color: #081C3E;
	border: 1px #888 solid;
	font-family: arial, sans-serif;
}

.modalWindowCvv {
    width: 415px;   
}

.modalWindowEcp {
    width: 530px;   
}

.modalWindowChangePlan {
    width: 630px;   
}

.modalCurtainMain {
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	/*min-width: 865px;*/
	height: 100%;
	/*min-height: 513px;*/
	background-color: #000;
	z-index: 10000;
}





#locationSelector {
	height: 70px;
	padding-right: 5px;
}

#resetLocation #locationSelector {
	width: 350px;
	margin: 20px auto;
}

#resetLocation #locationSelector select {
	width: 100%;
	margin: 3px 0;
}

div.quickLinks u {
	text-decoration: none;
}





.notClickable {
	border-color: #888;
	cursor: default; 
}
.notClickable:hover {
	border-color: #888;
	cursor: default; 
}




/* paginate classes */
.paginate {
	display: block;
	position: absolute;
	width: 200px;
	text-align: right;
	right: 50px;
	margin-top: 2px;
	font-size: small;
	z-index: 101;
}
.paginateFooter .paginate {
	right: 20px;
}
.paginate img {
	display: inline;
	margin: 3px;
	margin-bottom: -2px;
}
.paginate a:hover {
	text-decoration: none;
}
.paginateDisabled {
	color: #888;
}

/* paginategoto classes */
.paginategoto {
	display: block;
	position: absolute;
	text-align: right;
	/*right: 450px;*/
	right: 40%;
	margin-top: -1px;
	font-size: small;
	z-index: 100;
}
.paginateFooter .paginategoto {
	text-align: right;
	/*right: 420px;*/
	right: 45%;
}
.paginategoto img {
	display: inline;
	margin: 3px;
	margin-bottom: -2px;
}
.paginategoto a:hover {
	text-decoration: none;
}



/* classes common to all pages in the site */
.content {
	position: relative;
	margin: 5px 0px 60px 0px;
	padding: 0 20px;
	text-align: left;
	overflow: visible;
	height: 100%;
}
.rightAdSpace {
	margin-right: 130px;	
}

 
 
 
 
img.icon {
	vertical-align: text-bottom;
	width: 16px;
	height: 16px;
	background-color: transparent;
	margin: 0px 5px;
}

img.arrowIcon {
	vertical-align: text-top;
	width: 12px;
	height: 12px;
	background-color: transparent;
	margin: 0px 5px;
}





img.buddyIcon {
	display: inline;
	height: 18px;
	width: 18px;
	margin: 0 2px;
	border: 0px none;
	vertical-align: middle;
}
img.buddyOnline {
	width: 18px;	
	background-image: url(../images/ui/buddy_online_small.png);
	background-repeat: no-repeat;
	background-position:center; 
}
img.buddyMobile {
	width: 18px;	
	background-image: url(../images/ui/buddy_mobile.png);
}
img.buddyOffline {
	width: 18px;	
	background-image: url(../images/ui/buddy_offline_small.png);
	background-repeat: no-repeat;
	background-position:center; 
}
img.buddyStar {
	background-image: url(../images/ui/buddy_star.png);
	width: 24px;
}
img.buddyStarSmall {
	background-image: url(../images/ui/buddy_star_small.png);
	width: 16px;
	height: 12px;
}
img.buddyUnlock {
	background-image: url(../images/ui/buddy_unlock.png);
	width: 19px;
}
img.buddyUnlockSmall {
	background-image: url(../images/ui/buddy_unlock_small.png);
	width: 13px;
	height: 12px;
}
img.buddyStarHidden {
	width: 24px;
	display:none;
}
img.buddyUnlockHidden {
	width: 22px;
	display: none;
}




img.originalImage {
	display: inline;
	position: static;
	border: 1px #fff solid;
}

.photoBlockingDiv {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: white;
	opacity: 0;
	filter:alpha(opacity=0);
	z-index: 1000;
}







/* master panel elements for all pages */
.basicPanel {
	padding: 5px 10px;
	background-color: #081C3E;
	border: 1px #888 solid;
	font-weight: normal;
	font-size: small;
}
.pageHeader {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	padding: 5px 10px;
	margin-bottom: 10px;
	margin-right: 1%;
	background-color: #081C3E;
	background-image: url(../images/ui/panelbar_bg.gif);
	background-repeat: repeat-x;
	border: 1px #000f2e solid;
	font-weight: normal;
	font-size: .9em;
	-webkit-border-radius-top-left: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-radius-top-right: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	/*-moz-box-shadow: 0px 2px 3px #000;
	-webkit-box-shadow: 0px 2px 3px #000;
	box-shadow: 0px 2px 3px #000; */
}
.paginateFooter {
	display: block;
	position: relative;
	width: auto;
	height: 22px;
	padding: 5px 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	background-color: #000000;
	background-repeat: repeat-x;
	border: 1px #111111 solid;
	font-weight: normal;
	font-size: .9em;
}

	

.panelHeader {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	padding: 5px 10px;
	background-color: #081C3E;
	background-image: url(../images/ui/panelbar_bg.gif);
	background-repeat: repeat-x;
	border: 1px #000f2e solid;
	font-weight: normal;
	font-size: .9em;
	-webkit-border-radius-top-left: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-radius-top-right: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	/* border-bottom: solid 1px #19375f; */
	/*-moz-box-shadow: 0px 2px 3px #000;
	-webkit-box-shadow: 0px 2px 3px #000;
	box-shadow: 0px 2px 3px #000; */
}

.smallHeader {
	font-size: 11pt;
	font-weight: bold;
	padding: 2px 10px;
}

.smallHeader a:hover {
	text-decoration: none;	
}

.panelBody {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	padding: 5px 10px;
	background-color: #0a254c;
	border: 1px #000f2e solid;
	border-top: 0px;
	font-weight: normal;
	font-size: small;
}

.button {
	display: block;
	position: relative;
	height: auto;
	width: 90px;
	padding: 0 5px;
	line-height: 1.6;
	margin: 0 0 0 10px;
	background-color: #00122c;
	background-image: url(../images/ui/button_bg_big.gif);
	background-repeat: repeat-x;
	background-position: 0px -2px;
	color: #fff;
	border: 1px #00153e solid;
	text-decoration: none;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.bigbutton {
	display: block;
	position: relative;
	height: auto;
	width: 180px;
	padding: 0 5px;
	line-height: 1.6;
	margin: 0 0 0 10px;
	background-color: #081C3E;
	background-image: url(../images/ui/fade_navy.png);
	background-repeat: repeat-x;
	background-position: 0px -2px;
	color: #fff;
	border: 1px #888 solid;
	text-decoration: none;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: medium;
	font-weight: normal;
	cursor: pointer;
}

.button:hover {
	color: #FF9900;
	text-decoration: none;
}

.button:active {
	color: #FF2300;
	text-decoration: none;	
}

.button:focus {
	color: #fdc679;
	text-decoration: none;
}



.accountButton {
	float: right;
}

.defaultButton {
	background-color: #4d81b6;
	background-image: url(../images/ui/fade_blue.png);	
}

.disabledButton {
	display: block;
	position: relative;
	height: auto;
	width: 90px;
	padding: 0 5px;
	line-height: 1.6;
	margin: 0 0 0 10px;
	background-color: #00122c;
	background-image: url(../images/ui/button_bg_big.gif);
	background-repeat: repeat-x;
	background-position: 0px -2px;
	color: #888;
	border: 1px #00153e solid;
	text-decoration: none;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 1em; 
	font-weight: normal;
	cursor: default;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.disabledButton:hover, .disabledButton:focus {
	color: #888;
	cursor: default;
}

.modalButton {
	font-size: small;
	padding: 2px 3px;
	float: right;
}








/* help menu classes */
.helpIcon {
	display: block;
	position: absolute;
	top: 3px;
	right: 7px;
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url(../images/ui/help_icon.png);
	background-repeat: no-repeat;
	color: #000000;
	text-align: center;	
	font-size: large;
	cursor: pointer;
	z-index: 1500;
}

.helpWindow {
	display: none;
	position: absolute;
	top: -1px;
	right: -1px;
	width: 200px;
	height: auto;
	padding: 10px;
	border: 1px #000 solid;
	z-index: 5000;
	font-size: small;
	white-space: normal;
	background-image: url(../images/ui/semitransparent_black.png);
	background-color: transparent;
	z-index: 1501;
}










/* classes for main account view page: Account Information */
.accountPanel {
	margin: 0px 5px 5px 0px;
}

.accountPanel .panelBody {
	font-size: small;
}

.panelBody .formRow {
	display: block;
	position: static;
	clear: none;
}

.panelBody .lft {
	display: block;
	position: static;
	float: left;
	text-align: left;
	margin-left: 12px;
	width: 92px;
	font-weight: normal;
}

.panelBody .rgt {
	display: block;
	position: static;
	color: white;
	margin-left: 110px;
	text-align: left;
	width: auto;
	vertical-align: top;
}

.panelBody .rgt select {
	width: 225px;
}

.panelBody #firstCol .lft, .panelBody #secondCol .lft {
	display: block;
	position: static;
	text-align: right;
	margin-left: 12px;
	width: 90px;
	font-weight: normal;
	margin-top: 6px;
}

.panelBody #firstCol .rgt, .panelBody #secondCol .rgt {
	display: block;
	position: static;
	margin-left: 110px;
	text-align: left;
	width: auto;
	vertical-align: top;
}

.panelBody .normal input {
	width: 250px;
}

.panelBody .short input {
	width: 40px;
}

.panelBody .height {
	font-size: small;
}



.panelBody span {
	color: #fff;
}

.panelHeader .edit {
	display: block;
	position: absolute;
	top: 8px;
	left: 10px;
	right: 10px;
	width: auto;
	text-align: right;
	font-size: .8em;
}

.panelHeader .edit2 {
	font-size: .8em;
}

.panelHeader .refresh {
	font-size: .8em;
}
.panelHeaderRefreshLink {
	text-align: right;
}
.panelHeaderViewLink {
	text-align: right;
	width: 50px;
}


/* classes for edit profile page */
.profileLeft {
	float: left;
	width: 60%;
	padding: 0 10px;
	font-size: small;
}
.profileRight {
	margin-left: 63%;
	padding: 0 0 0 10px;
	border-left: 1px #888 solid;
}
.profileButtons {
	position: relative;
	clear: both;
	height: 1.5em;
	margin-top: 10px;
	border-top: 1px #000f2e solid;
	padding: 6px 0 6px 0;
}

.yesnoButtons {
	position: relative;
	clear: both;
	height: 1.5em;
	margin-top: -10px;
	margin-right: 45px;
}

#editProfile .profileLeft .cock select {
	width: 42%;
}

#editProfile select {
	width: 97%;
}






/* classes for edit account page */
.accountLeft {
	float: left;
	width: 50%;
	padding: 0;
	border-right: 1px #888 solid;
	margin-bottom:8px;
	margin-right:10px;
}
.accountRight {
	margin-left: 43%;
	padding: 0 0 0 4%;
}
#editAccount .formRow {
	height: 1.7em;
}
#editAccount .lft {
	width: 160px;
	height: 1.7em;
	text-align: left;
	margin-top: 0px;
}
#editAccount .rgt {
	height: 1.7em;
	margin-left: 175px;
	font-size: small;
}
#editAccount .rgt input[type=text], #editAccount .rgt input[type=password], #editAccount .rgt select, #editAccount .rgt option {
	position:relative;
	top: -4px;
	font-size: small;
	width: 85%;
}





/* classes for edit notifications page */
#editNotification strong {
	display: block;
	margin: 0 0 5px 0;
	font-size: medium;
}
#editNotification .lft {
	width: 170px;
	margin-top: 0px;
	line-height: 1.6;
}
#editNotification .rgt {
	color: #444;
	margin-left: 200px;
	font-size: small;
}
#editNotification .rgt div {
	line-height: 1.6;
}
#editNotification .rgt div input {
	margin-right: 5px;
	vertical-align: middle;
}
#editNotification .rgt label {
	color: #fff;
}
#editNotification textarea {
	width: 87%;
	clear: both;
}
#editNotification ul {
	margin: 5px 0;
	font-size: small;
}
#editNotification ul input {
	margin-right: 5px;
	vertical-align: middle;
}

#email_notifications_header {
	margin: 20px 12px 10px 12px;
}
#email_notifications {
	width: 90%;
}
.email_notifications_checkbox {
	font-size: 0.85em;
	line-height: 1.8em;
	padding: 7px 5px 5px 5px;
	vertical-align: top;
}
.email_notifications_label {
	font-size: 0.85em;
	padding: 4px 5px 5px 5px;
	vertical-align: top;
}


/* classes for account photo manage page */
.photoRowHead {
	display: block;
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	margin-top: 5px;
	padding: 5px;
	background: #081C3E;
	border: 1px #888 solid;
	border-bottom: 0 none;
	background-image: url(../images/ui/fade_navy.png);
	background-repeat: repeat-x;
	text-align: center;
	-moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.photoRow {
	display: block;
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	padding: 5px;
	background: #191919;
	border: 1px #888 solid;
	font-size: small;
	overflow: visible;
	-moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.infoBox {
	display: block;
	position: relative;
	width: auto;
	height: 116px;
	margin: 0;
	margin-left: 10px; /*306px;*/
	margin-top: 5px;
	padding: 5px;
	background: #191919;
	border: 1px #888 solid;
	font-size: small;
	overflow: hidden;
}
.uploadBox {
	display: block;
	position: relative;
	float: left;
	width: 250px;
	height: 116px;
	margin: 0;
	margin-left: 10px;
	margin-top: 5px;
	padding: 5px;
	background: #191919;
	border: 1px #888 solid;
}
.uploadiFrame {
	width: 250px;
	height: 110px;
	background-color: transparent;
	overflow: hidden;
}
.photoIcon {
	display: block;
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 52px;
	height: 52px;
	margin: 1px 5px;
	cursor: pointer;
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px #888 solid;
	overflow: visible;
}
.photoIcon .label {
	text-align: center;
	margin-top: 35px;
	background-color: #FFFFFF;
	/* for IE */
  	filter:alpha(opacity=60);
  	/* CSS3 standard */
  	opacity:0.6;
}
.photoIcon .label p {
	color: #000000;
	font-size: .8em;
}

.selectedIcon {
	border-color: #FF9900;
}
.awaitApproval {
	border-color: #FF2300;
}
.primaryPreview {
	height: 90px;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/ui/ajax_loader.gif);
}
.editPhotoWindow {
	position: absolute;
	float: left;
	left: 10px;
	top: inherit;
	width: 0px;
	height: 0px;
	padding: 5px 10px;
	background-color: #000;
	border: 1px #f90 solid;
	overflow: hidden;
	z-index: 5000;
	cursor: default;
	-moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.editPhotoWindow p {
	margin: 5px 0 0 0;
}
.editPhotoWindow a {
	position: absolute;
	top: 3px;
	right: 3px;
	cursor: pointer;
}
.editPhotoButton {
	display: block;
	position: relative;
	top: -3px;
	float: left;
	height: auto;
	width: 50px;
	padding: 2px;
	margin: 5px 0 0 3px;
	background-color: #081C3E;
	background-image: url(../images/ui/fade_steel.png);
	background-repeat: repeat-x;
	background-position: 0px -2px;
	color: #fff;
	border: 1px #888 solid;
	text-decoration: none;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: small;
	font-weight: normal;
	cursor: pointer;
	-moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.editPhotoButton:hover {
	color: #FF9900;
	text-decoration: none;
}

.editPhotoButton:active {
	color: #FF2300;
	text-decoration: none;	
}

.editPhotoButtonDisabled, .editPhotoButtonDisabled:hover, .editPhotoButtonDisabled:active {
	color: #888;
}
.primaryPhotoArrow {
	display: block;
	position: absolute;
	top: -14px;
	left: 18px;
	width: 40px;
	height: 50px;
	z-index: 45;
	background-image: url(../images/ui/primaryPhotoArrow.png);
	background-repeat: no-repeat;
	background-position: top left;
}











/* zAccordian classes */
.accordian {
	display: block;
	position: relative;
	width: 540px;
	height: auto;
	border: 0 none;
	padding: 0px;
	margin: 0 auto;
	border: 1px #000f2e solid;
	background: #081C3E;
	text-align: left;
	margin-bottom: -5px;
}

.accordian dt {
	display: block;
	position: relative;
	background: #081C3E;
	width: auto;
	height: 26px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/ui/panelbar_bg.gif);
}

.accordian dt img {
	display: block;
	position: absolute;
	width: 26px;
	height: 26px;
	margin: 0px;
	border: 0 none;
	
	opacity: 1;
}

.accordian dt span {
	display: block;
	position: relative;
	top: 3px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	text-indent: 35px;
	padding: 0px;
	margin: 0px;
}

.accordian dd {
	display: none;
	height: 0px;
	margin: 0px;
	overflow: hidden;
}

.accordian dd iframe {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	border: 0 none;
	overflow: hidden;
}

	a.partyPic {
		float: left;
		margin: 10px 10px 10px 0;
		width: 90px;
		height: 90px;
		display: block;
	}

		a.partyPic img {
			width: 90px;
			height: 90px;
		}

/*Buddy List Classes*/
.buddyListTabs {
	display: block;
	float: left;
	width: 130px;
}

.buddyTab {
	display: block;
	padding: 5px 5px 5px 10px;
	margin: 0px 0px 5px 0px;
	font-size: small;
}

.selectedBuddyTab {
	color: #FFF;
	background-color: #142c51;
}

.buddyListView {
	display: block;
	position: relative;
	margin-left: 130px;
	padding: 0;
	padding-left: 10px;
	background-color: #142c51;
	overflow: auto;
	width: auto;
	height: 100%;
	min-height: 400px;
}
.scrollOffset {
	margin-left: 0px;	
}


.emptyList {
	padding: 15px 20px;
	font-size: medium;
}


#buddyList {
	width: 95%;
	border: solid 1px #001035;
	height: 100%;
}

.buddyRow {
	display: block;
	position: relative;
	clear: both;
	overflow: visible;
	height: 110px;
}

.buddyRowLight {
	background-color: #081C3E;
}
.buddyRowDark {
	background-color: #0a254c;
}

.buddyRow .buddyPhoto {
	display: block;
	position: absolute;
	float: left;
	width: 100px;
	height: 100px;
	margin: 5px;
	cursor: pointer;
}

.buddyRow .buddyPhoto img {
	display: block;
	position: absolute;
}

.buddyRow .buddyInfo {
	display: block;
	float: left;
	width: 220px;
	height: 100px;
	padding-left: 10px;
	margin: 5px;
	margin-left: 120px;
	border-left: solid 1px #001035;
}

.buddyRow .buddyListName {
	margin-left: 5px;
}

.buddyRow a {
	font-size: 1em;
	vertical-align: middle;
}

.buddyRow .buddyInfo .buddyIcons {
	display: inline;
	width: auto;
	height: 16px;
	margin: 2px 0px -1px 5px;
	font-size: .9em;
	overflow: hidden;
}

.buddyRow .buddyInfo .buddyControls {
	display: block;
	margin: 0px;
	margin-top: 10px;
	font-size: .9em;
	color: #888;
}

.buddyRow .buddyInfo .buddyControls a {
	font-size: 1em;
}

.buddyLinkDisabled {
	color: #888;
}

.buddyLink {
	color: #F90;
}

.buddyRow .buddyNotes {
	display: block;
	width: auto;
	height: 50px;
	padding-top: 5px;
	padding-right: 10px;
	font-size: small;
	overflow: hidden;
	
}

.selectedBuddyImage {
	border-color: #f90;
}

/* Buddy View/Sort Buttons */
#buddyListActions {
	width: 96%;
	height: 26px;
	margin-top: 10px;
}
.buddyListActions table {
	width: 325px;
	height: 26px;
}
span.linkText {
	/* display: none; */
}
.labelBlock {
	padding: 0px 5px 0px 20px;
	vertical-align: middle;
}
.linkBlock a {
	display: block;
	width: 29px;
	height: 24px;
	outline: none;
}
.currentlySelectedGrid {
	background-image: url(../images/ui/grid_buttons.png);
	background-position: 0px 99px;
}
.currentlyNotSelectedGrid {
	background-image: url(../images/ui/grid_buttons.png);
	background-position: 0px 74px;
}
.currentlyNotSelectedGrid:hover {
	background-image: url(../images/ui/grid_buttons.png);
	background-position: 0px 49px;
}
.currentlySelectedList {
	background-image: url(../images/ui/grid_buttons.png);
	background-position: 28px 99px;
}
.currentlyNotSelectedList {
	background-image: url(../images/ui/grid_buttons.png);
	background-position: 28px 74px;
}
.currentlyNotSelectedList:hover {
	background-image: url(../images/ui/grid_buttons.png);
	background-position: 28px 49px;
}
.currentlySelectedSortAlpha {
	background-image: url(../images/ui/grid_buttons.png);
	background-position: 0px 0px;
}
.currentlyNotSelectedSortAlpha {
	background-image: url(../images/ui/grid_buttons.png);
	background-position: 0px 124px;
}
.currentlyNotSelectedSortAlpha:hover {
	background-image: url(../images/ui/grid_buttons.png);
	background-position: 0px 24px;
}
.currentlySelectedSortLogin {
	background-image: url(../images/ui/grid_buttons.png);
	background-position: 28px 0px;
}
.currentlyNotSelectedSortLogin {
	background-image: url(../images/ui/grid_buttons.png);
	background-position: 28px 124px;
}
.currentlyNotSelectedSortLogin:hover {
	background-image: url(../images/ui/grid_buttons.png);
	background-position: 28px 24px;
}

#popupForNewButtons {
	position: absolute;
	top: 0;
	right: 250px;
	width: 300px; 
	height: 175px;
	padding: 5px 0px 10px 15px;
	color: #000000;
	background-color: #B2C8E0;
	font-size: .8em;
	border: 3px solid #FDA72E;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 5px 5px 5px #000;
	-webkit-box-shadow: 5px 5px 5px #000;
	box-shadow: 5px 5px 5px #000;
	z-index: 10000;
}
/* results success */
.position1 {
	/* margin: -17px 0px 0px 595px; */
}
/* block and track list */
.position2 {
	margin-top: 90px;
	margin-right: 60px;
}
/* buddy list */
.position3 {
	margin-top: 90px;
	margin-right: 200px;
}

.hidePopupForNewButtons {
	display: none;
}
#closePopupForNewButtonsWrapper {
	text-align: right;
	margin-top: -11px;
	margin-right: 65px;
}
#closePopupForNewButtons {
	font-size: .8em;
	color: #888888;
	text-decoration: underline;
}
#closePopupForNewButtons:hover {
	color: #FDA72E;
}
#popupForNewButtons td {
	vertical-align: top;
	padding: 0px 0px 10px 0px;
}
#popupForNewButtons td img {
	margin-top: 3px;
}
/* Buddy List Grid View */
.buddyListGridItem {
	width: 160px; 
	height: 220px;
	float: left;
	padding: 5px 2px 0px 2px;
	margin: 2px 5px 7px 5px;
	background-color: #081C3E;
	color: #000000;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 3px 3px 3px #141414;
	-webkit-box-shadow: 3px 3px 3px #141414;
	box-shadow: 3px 3px 3px #000;
}
.actionDividers {
	color: #444;
}
.verticalStatusIcons {
	float:left;
	top: 10px;
	left: 30px;
}
.buddyListGridName {
	margin-left: 7px;
	margin-bottom: 5px;
	font-size: 0.95em;
	height: 15px;
	width: 95%;
	white-space: nowrap;
	overflow: hidden;
}
.buddyListGridImg {
	width: 110px;
	height: 110px;
	margin: 5px 2px 0px 25px;
	background-color: #06152e;
	/*
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	*/
	border: 1px solid #06152e;
}
.gridPhoto {
	display: block;
    width: 108px;
    height: 108px;
    background-color: #081C3E;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
	border: 1px solid #06152e;
}
/*
.gridPhoto:hover {
    border: 1px solid #FDA72E;
}
*/
.buddyListStats {
	text-align: center;
	font-size: .9em;
	color: #888888;
	margin: 2px 0px 0px 0px;
	line-height: 1.5em;
}
.statLocation {
	text-align: center;
	height: 20px;
	width: 95%;
	white-space: nowrap;
	overflow: hidden;
}
.buddyListGridNote {
	margin: 5px 5px 0px 5px;
	height: 18px;
	text-align: center;
	color: #888888;
	font-size: .7em;
}
.buddyListGridActions {
	height: 15px;
	text-align: center;
	margin: 8px 0px 0px 0px;
	color: #888888;
	font-size: .8em;
}
.buddyListGridActions  a {
	/* color: #fda72e; */
}

/* Tracklist classes */
.trackListView {
	display: block;
	position: relative;
	padding: 0px;
	margin: 1px 0;
	border: 1px #191919 solid;
	font-size: small;
	overflow: visible;
	width: auto;

}
.scrollBox {
	background-color: #081C3E;
	border: 3px #081C3E solid;	
}
.trackStripeDark {
	background-color: #0a254c;
}
.trackStripeLight {
	background-color: #081C3E;
}
.tracklistRow {
	display: block;
	width: auto;
	padding: 5px;
}
.trackStats {
	display: block;
	float: left;
	line-height: 1;
	width: 10%;
	margin: 0;
	text-indent: 7x;
	text-align: left;
}
.trackName {
	display: block;
	float: left;
	width: 40%;
}
.trackTime {
	display: block;
	margin-left: 45%;
	width: auto;
}
.trackControls {
	display: block;
	position: relative;
	padding: 7px;
	margin: -1px 0px 0px 0px;
	background-color: #081C3E;
	background-image: url(../images/ui/panelbar_bg.gif);
	border-left: 1px #000f2e solid;
	border-right: 1px #000f2e solid;
	border-bottom: 1px #000f2e solid;
	font-size: .8em;
	-webkit-border-radius-bottom-left: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-radius-bottom-right: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}
.unlockControls {
	display: block;
	position: static;
	padding: 5px;
	margin: 5px -3px -5px -3px;
	background-color: transparent;
}
.trackControls input {
	position: relative;
	top: 1px;
	margin-left: 10px;
}
.trackControls div {
	position: absolute;
	right: 15px;
	top: 7px;
}
.trackControls p {
	display: block;
	margin: 0 120px 0 0;
	text-align: right;
}
.trackControls strong {
	display: none;
	font-size: small;
	margin-left: 10px;
}
.rightUnlockList {
	margin-left: 60%;
}
.unlockOptions {
	display: block;
	width: 98%;
	text-align: right;
}

.tracklistRow img.buddyIcon {
	display: inline;
	height: 12px;
	width: 12px;
	margin: 0 2px;
	border: 0px none;
	vertical-align: middle;
}
.tracklistRow img.buddyOnline {
	background-image: url(../images/ui/buddy_online_small.png);
}
.tracklistRow img.buddyMobile {
	background-image: url(../images/ui/buddy_mobile_small.png);
}
.tracklistRow img.buddyOffline {
	background-image: url(../images/ui/buddy_offline_small.png);
}
.tracklistRow img.buddyStar {
	width: 16px;
	background-image: url(../images/ui/buddy_star_small.png);
}
.tracklistRow img.buddyUnlock {
	width: 13px;
	background-image: url(../images/ui/buddy_unlock_small.png);
}
.tracklistRow img.buddyStarHidden {
	width: 16px;
}










/* Health Center Classes */

.nationalHotlines li label {
	display: block;
	position: static;
	float: left;
	width: 140px;
}

.nationalHotlines li span {
	display: block;
	position: static;
	width: auto;
	margin-left: 150px;
}

.safetyWindow {
	display: block;
	position: static;
	margin: 0;
	padding: 0;
	overflow: auto;
	width: auto;
	height: 100px;
	font-size: smaller;
}

.safetyWindow h4 {
	font-size: larger;
	color: #b2c8e0;
	margin-top: 20px;
}










/* Advertisement classes */
.maleFlixxAd {
	display: block;
	width: 142px;
	height: 30px;
	margin: 5px 0;
	color: #333;
	background-color: transparent;
	text-align: center;
}
.leftNavBottomAd {
	display: block;
	width: 142px;
	height: 30px;
	margin: 5px 0;
	color: #333;
	background-color: transparent;
	text-align: center;
}
.skyscraperAd {
	display: block;
	position: absolute;
	right: -115px;
	width: 120px;
	height: 468px;
	color: #333;
	background-color: transparent;
	text-align: center;
}
.giantRectangle {
	display: block;
	width: 540px;
	margin: 0 auto;
	height: 400px;
	color: #333;
	background-color: transparent;
	text-align: center;
}
.largeRectangle {
	display: block;
	width: 540px;
	height: 200px;
	margin: 0;
	color: #333;
	background-color: transparent;
	text-align: center;
}
.emailAd {
	display: block;
	position: absolute;
	width: 640px;
	height: 120px;
	margin: 10px 0 0 10px;
	color: #333;
	background-color: transparent;
	text-align: center;
}
.searchAd {
	display: block;
	width: 540px;
	height: 200px;
	margin: 0 auto;
	color: #333;
	background-color: transparent;
	text-align: center;
}
.searchAdSentence {
	display: block;
	width: 540px;
	margin: 0px auto 10px auto;
	text-align: center;
	font-size: small;
}












/* random classes for specific elements throughout the site */
.onlineCountPosition {
	position: absolute;
	right: 50px;
	top: 5px;
}






/* new landing page design */
.landingPageLeft .quickLinks a {
	font-size: 1em;
	line-height: 1.8;
}
.landingPageLeft .panelBody strong {
	display: block;
	font-size: medium;
	text-align: right;
	line-height: 1.8;
}
.landingPageLeft {
	position: relative;
	margin-right: 586px;
	width: auto;
}
.landingPageRight {
	position: relative;
	float: right;
	width: 558px;
	padding-left: 10px;
	/* border-left: 1px #000f2e solid; */
	text-align: center;
}



.landingPageMailSender {
	float:left;
	width:250px;
	overflow:hidden;
	margin-right: -250px;
}
.landingPageMailSender a {
	white-space: nowrap;	
}
.landingPageMailSubject {
	height: 18px;
	margin-left: 255px;
	overflow:hidden;
	position:relative;
}
.landingPageMailSubject a {
	white-space: nowrap;
}



.landingPageLeft hr, .landingPageRight hr {
	margin: 15px 0;
}
.landingPageLeft p, .landingPageRight p {
	font-size: small;
	font-weight: normal;
	white-space: normal;
	margin: 0 0 0 10px;
}
.landingPageProfileIcon {
	float: left;
	border:1px #f90 solid;
	margin: 0 -50px 0 0;
	cursor: pointer;
	width: 50px;
	height: 50px;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/ui/ajax_loader.gif);
}



.adultContentWarning {
	position: relative;
	width: 520px;
	margin: 50px auto;
	padding: 50px 20px;
	background-color: #081C3E;
	border: 1px #888 solid;
}

.adultContentWarning p {
	width: 80%;
}
.warningGuy {
	position: absolute;
	width: 148px;
	height: 300px;
	bottom: 0px;
	left: 453px;
	background-color: transparent;
	background-image: url(../images/ui/warningGuy.png);
	background-repeat: no-repeat;
	background-position: top left;
}




.forgotPasswordButton {
	margin-left: 379px;
}

.optoutButton {
	float: right;
}
.optoutButtonMain {
	float: right;
	background-color: #2B456F;
	background-image: url(../images/ui/fade_blue.png);
}

sup {
	font-size:.7em;
	vertical-align:top;
	margin-left: 1px;
}

.sales-tag {
	color: #FFFFFF;
	font-size: .75em;
	font-weight: bold;
	background-color: #156f05;
	padding: 2px 4px 0px 6px;
	margin-left: 8px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


#social-media-links {
	font-size: .75em;
	margin-top: 0px;
}
#social-media-links a {
	margin-right:40px;
	white-space: nowrap;
}
#social-media-links img {
	margin: 7px 2px -7px 0px;
}

#trackListScroll {
	margin-top: -8px;
}

#outer-div {
	overflow: auto;
	overflow-y: hidden;
}

ul.scrollList {
	list-style-type: none;
	display: inline;
}
ul.scrollList li {
	float: left;
	margin: 10px 0px -10px 10px;
	text-align:center;
}
ul.scrollList li div.title {
	height: 20px;
	white-space:nowrap;
	overflow: hidden;
}
ul.scrollList li a {
	display: block;
	height: 125px;
	width: 110px;
	background-color:#081C3E;
	padding:5px 10px 10px 10px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0px 0px 5px 0px;
}	
.last-login{
	font-size: .8em;
}

/* men online tabs */
.menOnlineTab {
	display: block;
	padding: 5px 5px 5px 10px;
	margin: 0px 0px 5px 0px;
	font-size: small;
	width: 128px; 
	margin: 0px 0px 4px 0px; 
	float: none; 
	font-size: .85em;
}

.selectedMenOnlineTab {
	color: #FFF;
	background-color: #142c51;
}

.currentSearchDisplay {
	font-size: .9em;
	padding: 5px 5px 5px 10px;
}

.approvalPendingTop, .approvalPendingHidden {
	display: block;
	position: relative;
	width: auto;
	height: 80px;
	padding: 5px 10px;
	background-color: #0a254c;
	border-left: 1px #000f2e solid;
	border-right: 1px #000f2e solid;
	border-top: none;
	border-bottom: none;
	font-weight: normal;
	font-size: small;
}

#approvalPendingBuffer {
	height: 80px;
	width: 20px;
	float: left;
}

#approvalPendingText {
	background-image: url('../images/ui/wait_icon.png');
	background-repeat: no-repeat;
	background-position: 15px 8px;
	background-color: #406080;
	height: 80px;
	margin-left: 20px;
	padding: 24px 0 0 100px;
}

.approvalPendingSmallText {
	font-weight: normal;
	font-size: small;
}

.approvalPendingBigText {
	font-weight: bold;
	font-size: medium;
}

.approvalPendingSmallText a {
  color: #fda72e;
  text-decoration: underline;
  font-weight: bold;
}
.approvalPendingSmallText a:focus {
  color: #fcb858;
  text-decoration: none;
  outline: 1px #999 dotted;
  font-weight: bold;
}
.approvalPendingSmallText a:hover {
  color: #fcb858;
  text-decoration: underline;
  font-weight: bold;
}



.attrmeasChangedTop {
	display: block;
	position: relative;
	width: auto;
	height: 55px;
	padding: 10px 10px;
	background-color: #0a254c;
	border-left: 1px #000f2e solid;
	border-right: 1px #000f2e solid;
	border-top: none;
	border-bottom: none;
	font-weight: normal;
	font-size: small;
}

#attrmeasChangedBuffer {
	height: 80px;
	width: 20px;
	float: left;
}

#attrmeasChangedText {
	background-image: url('../images/ui/profile_saved.png');
	background-repeat: no-repeat;
	background-position: 15px 3px;
	background-color: #406080;
	height: 80px;
	margin-left: 20px;
	padding: 24px 0 0 100px;
}

.attrmeasChangedSmallText {
	font-weight: normal;
	font-size: small;
}

.attrmeasChangedBigText {
	font-weight: bold;
	font-size: medium;
}

.attrmeasChangedSmallText a {
  color: #fda72e;
  text-decoration: underline;
  font-weight: bold;
}
.attrmeasChangedSmallText a:focus {
  color: #fcb858;
  text-decoration: none;
  outline: 1px #999 dotted;
  font-weight: bold;
}
.attrmeasChangedSmallText a:hover {
  color: #fcb858;
  text-decoration: underline;
  font-weight: bold;
}