/* general */
body {
  font-family:Trebuchet ms,Arial,Verdana,Lucida-grande,sans-serif;
  color: #695a5a;
  background-color: #FFF;
  font-size: 13px; 
  height: 100%;
  line-height: 17px;
}

img  {
  border: 0px;
}

.adminSelect {
  width: 250px;
}

.posRel {
  position: relative;
}

.error_text {
  color: #FF0000;
}

#error {
  color: #FF0000;
}

#container {
  *margin-left: -960px;
  *position: relative;
  *height: 1px;
}

#parentDiv2 {
  *border-left: 1000px solid #FFF;
  *height: 1px;
}

a {
  color: #695a5a;
  text-decoration: none;
}

a:hover {
  color :#000000;/*#e02228;*/
  text-decoration: none;
}

.textBlack {
  color: #695a5a;
}

.textRed {
  color: #e02228;
}

.textWhite {
  color: #FFF;
}
#bgDiv {
  position:absolute;
  z-index:-1;
  width: 100%;
  height: 100%;
  background-image: url(images/BGgradient.png);
  background-position: top;
  background-repeat: repeat-x;
  border:3px solid 00FF00;
}
#parentDiv {
  min-width: 1000px;
  width: 100%;
  height: 100%;
 /* background-image: url(images/backgroundGradient_kim.png);
  background-position: top;
  background-repeat: repeat-x;*/
}

#topDiv {
  background-image: url(images/backGradient.png);
  background-repeat: repeat-x;
  height: 120px;
  padding-top: 30px;
  vertical-align: top;
}

#midDiv {
  height: 540px;
  width: 978px;
  margin: 0px auto;
}

#bottomDiv {
  text-align: center;
  width: 978px; 
  margin: 0px auto;
  clear: both;
}


#logo {
  margin-top: 30px;
  float: left;
}

#parentLogin {
  float: right;
  margin-right:6px;
}

#login{
  margin-top: 5px;
}

#textEnd {
  float: left;
}

#viewMoreLink {
  float: right;
  font-size:13px;
  padding-top:7px;
}

#viewMoreLink a {
  color: #DF2228;
  text-decoration: none;
}

#viewMoreLink a:hover {
  color: #695a5a;
  text-decoration: none;
}

#simpleMessageDiv {
  margin-top: 5px; 
  height: 67px;
  width: 185px; 
  overflow: hidden;
  background-image: url(images/simpleTextBack.png);
}

#simpleMessageInnerDiv {
  height: 50px;
  width: 160px;
  margin-top: 5px;
  margin-left: 20px;
  overflow: hidden;
}

#screenBlackBar {
  background-image: url(images/loggedOnBlackScreenName.png);
  background-repeat: no-repeat;
  float: left;
  width: 16px;
  height: 28px;
  margin-top: 5px;
}

#loggedOnLinks {
  background-image: url(images/blackBarMid.png);
  background-repeat: repeat-x;
  float: left;
  height: 28px;
  margin-top: 5px;
}

#blackBarRight {
  background-image: url(images/loggedOnBlackRight.png);
  background-repeat: no-repeat;
  float: left;
  width: 14px;
  height: 28px;
  margin: 5px 0px 0px 0px;
}

#showScreenNameRight {
  background-image: url(images/showSreenNameMid.png);
  background-repeat: repeat-x;
  height: 28px;
  float: left;
  padding-top: 4px;
  margin-top: 5px;
  color: #e02228;
}

#showScreenNameLeft {
  background-image: url(images/showScreenNameLeft.png);
  background-repeat: no-repeat;
  width: 14px;
  height: 28px;
  float: left;
  margin-top: 5px;
}

#showSreenName {
  color: #e02228;
  float: left;
  padding-top: 4px; 
}

#links {
  width: 190px;
  height: 24px;
  margin-left: 10px;
  text-align: center;
}

#homeLink {
  font-weight: bold;
  float: left;
  padding: 4px 5px 0px 0px;
}

#homeLink a {
  color: #FFF;
  text-decoration: none;
}

#homeLink a:hover {
  color: #e02228;
  text-decoration: none;
}

#accountLink {
	float: left;
	font-weight: bold;
	padding: 4px 5px 0px 5px;
}

#accountLink a {
  color: #FFF;
  text-decoration: none;
}

#accountLink a:hover {
  color: #e02228;
  text-decoration: none;
}

#logoutLink {
	float: left;
	font-weight: bold;
	padding: 4px 0px 0px 5px;
}

#logoutLink a {
  color: #FFF;
  text-decoration: none;
}

#logoutLink a:hover {
  color: #e02228;
  text-decoration: none;
}


#forgotPass {
  margin: 10px 0px 0px 0px;
  text-align: right;
}

#bottomBar {
  background-image: url(images/bottomBarMid.png);
  background-repeat: repeat-x;
  height: 27px;
}

#bottomBarLeft {
  background-image: url(images/bottomBarLeft.png);
  background-repeat: no-repeat;
  background-position: left;
  height: 27px;
  width: 100%;
}

#bottomBarMid {
  
}

#bottomBarRight {
  background-image: url(images/bottomBarRight.png);
  background-repeat: no-repeat;
  background-position: right;
  width: 100%;
  height: 27px;
  float: right;
}

#languages {
  color: #FFF;
  padding-top: 4px;
  padding-left: 20px;
  float: left;
  width: 20%;
  text-align: left;
}

#languages a {
  color: #FFF;
  text-decoration: none;
  padding-right: 5px;
}

#languages a:hover {
  color: #e02228;
  text-decoration: none;
}

#terms {
  float: right;
  padding-top: 4px;
  text-align: right;
  width: 50%;
  color: #FFF;
  margin-right: 20px;
}

#terms a {
  color: #FFF;
  text-decoration: none;
  padding-left: 10px;
}

#terms a:hover {
  color: #e02228;
  text-decoration: none;
}

#registerButton {
  float: left;
  width: 108px;
  margin-top: 1px;
}

.blackButton {
  width: 107px;
  height: 28px;
  background: transparent;
  background-image: url(images/blackButton.png);
  background-repeat: no-repeat;
  border: 0px;
  color: #FFF;
  padding-bottom: 4px;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
}

.blackButton:hover {
  color: #e02228;
}

.logonButton {
  height: 24px;
  border: 0px;
  padding-bottom: 2px;
  margin-left: 10px;
  background: transparent;
  color: #FFF;
  font-weight: bold;
  font-size: 11px;
  cursor: pointer;
}

.logonButton:hover{
  color: #e02228;
}

#passField {
  float: left;
  margin-top: 1px;
  padding-top:2px;
}

#logonButtonField {
  float: left;
}

#inputPass {
  border: none;
  width: 104px;
  margin: 2px 0px 0px 10px;
}

.passField {
  background: transparent;
  background-image: url(images/password.png);
  background-repeat: no-repeat;
  background-position: center left;
}

.passFieldFocus {
  background: transparent;
}

#screenNameDiv {
  background-image: url(images/inputShort.png);
  background-repeat: no-repeat;
  width: 126px;
  height: 28px;
  float: left;
  margin-top: 1px;
  padding-top:2px;
}

.screenName {
  background: transparent;
  background-image: url(images/userName.png);
  background-repeat: no-repeat;
  background-position: center left;
  border: none;
  width: 104px;
  margin: 2px 0px 0px 10px; 
}

.screenNameFocus {
  background: transparent;
  border: none;
  width: 104px;
  margin: 2px 0px 0px 10px;
}

#inputScreenName {
  border: none;
  width: 104px;
  margin: 2px 0px 0px 10px;
}

#passLoginField {
  width: 205px;
  height: 28px;
  background-image: url(images/passLoginField.png);
  background-repeat: repeat-x;
  float: left;
}

#logonError {
  clear: both;
  text-align: right;
}

#inputLeft {
  background-image: url(images/inputLeft.png);
  background-repeat: no-repeat;
  height: 28px;
  width: 12px;
  float: left;
}

#inputMid {
  background-image: url(images/inputMid.png);
  background-repeat: repeat-x;
  height: 28px;
  float: left;
  padding-top:3px;
}

#inputRight {
  background-image: url(images/inputRight.png);
  background-repeat: no-repeat;
  height: 28px;
  width: 13px;
  float: left;
}

.whiteButton {
  color: #e02228;
  background: transparent;
  border: 0px;
  font-weight: bold;
}

.whiteButton:hover {
  color: #695a5a;
}

.clearBoth {
  clear: both;
}

.selectFieldLong {
  background-image: url(images/selectBackLong.png);
  background-repeat: no-repeat;
  width: 324px;
  height: 28px;
}

.selectFieldMedium {
  background-image: url(images/selectBackMedium.png);
  background-repeat: no-repeat;
  width: 130px;
  height: 23px;
}

.selectFieldSmall {
  background-image: url(images/selectBackSmall.png);
  background-repeat: no-repeat;
  width: 100px;
  height: 23px;
}

.selectFieldMini {
  background-image: url(images/selectBackMini.png);
  background-repeat: no-repeat;
  width: 30px;
  height: 28px;
}

.suggestListTopLong {
  background-image: url(images/suggestCornersLong.png);
  background-repeat: no-repeat;
  width: 324px;
  background-position: top;
  min-height: 10px;
}

.suggestListMidLong {
  background-image: url(images/selectMidLong.png);
  background-repeat: repeat-y;
  width: 324px;
  margin-top: 9px;
  overflow: auto;
}

.suggestListBottomLong {
  background-image: url(images/selectBottomLong.png);
  background-repeat: no-repeat;
  width: 324px;
  height: 23px;
}

.checkBox {
  background-image: url(images/checkBox.png);
  background-repeat: no-repeat;
  width: 21px;
  height: 21px;
  float: left;
  cursor: pointer;
}

.checkBoxChecked {
  background-image: url(images/checkBoxChecked.png);
  background-repeat: no-repeat;
  width: 21px;
  height: 21px;
  float: left;
  cursor: pointer;
}

.floatRight {
  float: right;
}

.floatLeft {
  float: left;
}

.checkBoxValue {
  float: left;
  padding: 2px 0px 0px 5px;
}

#iframeContainer {
  float: left;
  height: 50px;
}

#iframeVideo {
  width: 500px;
}

.hidden {
  display: none;
}

.block {
  display: block;
}

#whiteBar {
  width: 100%;
  cursor: pointer;
  background-image: url(images/whiteBarMid.png);
  background-repeat: repeat-x;
  height: 24px;
}

#whiteBarLeft {
  background-image: url(images/whiteBarLeft.png);
  background-repeat: no-repeat;
  height: 24px;
  background-position: left;
  width: 100%;
}

#whiteBarRight {
  background-image: url(images/whiteBarRight.png);
  background-repeat: no-repeat;
  height: 24px;
  background-position: right;
  float: right;
}

/* general end */

/* home */

#leftCell {
  width: 50%;
  vertical-align: top;
}

#midCell {
  vertical-align: top;
}

#rightCell {
  width: 200px;
  vertical-align: top;
}

#sloganBar {
  background-image: url(images/redBarMid.png);
  background-repeat: repeat-x;
  height: 27px;
  width: 410px;
}

#sloganBarLeft {
  background-image: url(images/redBarLeft.png);
  background-repeat: no-repeat;
  background-position: left;
  height: 27px;
  width: 100%;
}

#sloganBarRight {
  background-image: url(images/redBarRight.png);
  background-repeat: no-repeat;
  background-position: right;
  height: 27px;
  width: 20px;
  float: right;
}

#slogan {
  float: left;
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
  margin-top: 4px;
  padding-left: 10px;
}

#moreBar {
  width: 410px;
  cursor: pointer;
  background-image: url(images/whiteBarMid.png);
  background-repeat: repeat-x;
  height: 27px;
}

#moreBarLeft {
  background-image: url(images/whiteBarLeft.png);
  background-repeat: no-repeat;
  height: 27px;
  background-position: left;
  width: 100%;
}

#moreBarRight {
  background-image: url(images/WhiteBarRightArrow.png);
  background-repeat: no-repeat;
  height: 27px;
  background-position: right;
  float: right;
}

#more {
  font-weight: bold;
  font-size: 14px;
  color: #E02228;
  padding-right: 30px;
  margin-top: 4px;
}

#searchResults {
  width: 420px;
  height: 425px;
}

#quickSearchBar {
  background-image: url(images/redBarMid.png);
  background-repeat: repeat-x;
  height: 27px;
  width: 200px;
}

#quickSearchBarLeft {
  background-image: url(images/redBarLeft.png);
  background-repeat: no-repeat;
  height: 27px;
  background-position: left;
  float: left;
  width: 100%;
}

#quickSearchBarRight {
  background-image: url(images/redBarRight.png);
  background-repeat: no-repeat;
  height: 27px;
  width: 20px;
  background-position: right;
  float: right;
}

#quickSearch {
  font-weight: bold;
  font-size: 14px;
  color: #FFF;
  padding: 4px 0px 0px 10px;
  float: left;
}

#quickSearchForm {
  margin-top: 5px;
}

.searchNowButton {
  background-image: url(images/searchNowButton.png);
  background-repeat: no-repeat;
  width: 200px;
  height: 27px;
  border: 0px;
  font-weight: bold;
  font-size: 14px;
  color: #e02228;
  margin-top: 4px;
  text-align: right;
  padding-bottom: 3px;
  *padding-right: 5px;
  *padding-bottom: 0px;
  cursor: pointer;
  background-color:#FFFFFF;
}

.searchNowButton:hover {
  color: #695a5a;
}

#recordButton {
  width: 204px;
  height: 62px;
  margin-top: 15px;
  font-weight: bold;
  color: #e02228;
  cursor: pointer; 
  text-transform: uppercase;
  font-size: 16px;
}

#recordButtonText {
  padding-top: 10px;
  margin-left: 20px;
}

#greyBox {
  margin-top: 20px;
  vertical-align: top;
  height: 169px;
  width: 206px;
  background-image: url(images/greyBoxBack.png);
  background-repeat: no-repeat;
}

#greyCellBottom {
  vertical-align: top;
  height: 50%;
  background-color: #CCCCCC;
}

#greyBoxTop {
  width: 100%;
  height: 100%;
  background-image: url(images/greyBoxTop.png);
  background-repeat: no-repeat;
  background-position: top;
}

#greyBoxBottom {
  width: 100%;
  height: 100%;
  background-image: url(images/greyBoxBack.png);
  background-repeat: no-repeat;
  background-position: bottom;
  vertical-align: top;
}

#greyBoxText {
  padding-top: 10px;
}

#greyBoxList {
  padding: 5px 0px;
  padding-left: 30px;
}

li {
  padding: 5px 0px;
}

#genderA {
  width: 200px;
  cursor: pointer;
  padding-top: 4px;
  height: 28px;
}

#mosaicGenderA {
  width: 200px;
  cursor: pointer;
  padding-top: 4px;
  height: 28px;
}

.selectField {
  background-image: url(images/selectBack.png);
  background-repeat: no-repeat;
}

.showBox {
  background-image: url(images/selectBack.png);
  background-repeat: no-repeat;
}

.pullDownTop {
  background-image: url(images/selectTop.png);
  background-repeat: no-repeat;
  background-position: top;
}

.pullDownTopLong {
  background-image: url(images/selectTopLong.png);
  background-repeat: no-repeat;
  background-position: top left;
  height: 23px;
}

.pullDownTopMedium {
  background-image: url(images/selectTopMedium.png);
  background-repeat: no-repeat;
  background-position: top left;
  height: 23px;
}

.pullDownTopSmall {
  background-image: url(images/selectTopSmall.png);
  background-repeat: no-repeat;
  background-position: top left;
  height: 23px;
}

.pullDownTopMini {
  background-image: url(images/selectTopMini.png);
  background-repeat: no-repeat;
  background-position: top left;
  height: 23px;
}

#genderB {
  width: 200px;
  height: 28px;
  cursor: pointer;
  padding-top: 4px;
}

#countryA {
  width: 200px;
  height: 28px;
  cursor: pointer;
  padding-top: 4px;
}

#stateA {
  width: 200px;
  height: 28px;
  cursor: pointer;
  padding-top: 4px;
}

#mosaicGenderB {
  width: 200px;
  height: 28px;
  cursor: pointer;
  padding-top: 4px;
}

#mosaicCountryA {
  width: 200px;
  height: 28px;
  cursor: pointer;
  padding-top: 4px;
}

#mosaicStateA {
  width: 200px;
  height: 28px;
  cursor: pointer;
  padding-top: 4px;
}

#mosaicTownA {
  width: 200px;
  height: 28px;
  cursor: pointer;
  padding-top: 4px;
}

#mosaicHeight1A {
  width: 100px;
  height: 23px;
  cursor: pointer;
  padding-top: 4px;
  float: left;
  margin-top: 1px;
}

#mosaicHeight2B {
  width: 80px;
  height: 23px;
  cursor: pointer;
  padding-top: 4px;
  float: right;
  margin-top: 1px;
}

#ageBetweenA {
  width: 200px;
  height: 28px;
  background-image: url(images/ageBetween.png);
  background-repeat: no-repeat;
}

#ageBetText {
  /*font-weight: bold;*/
  padding-left: 10px;
  float: left;
  width: 100px;
  margin-top: 4px;
}

#ageBetRight {
  width: 85px;
  float: left;
  padding-top: 2px;
}

#ageLeft {
  float:left;
  margin-left: 10px;
  *margin-left: 4px;
}

#ageRight{
  float: right;
  margin-right: 5px;
  *margin-right: 1px;
}

#ageInputLeft {
  border: 0px;	
  background: transparent;
  width: 15px;
}

#ageInputRight {
  border: 0px;	
  background: transparent;
  width: 15px;
}

#gender1 {
  margin-left: 10px;
  width: 200px;
}

#gender2 {
  margin-left: 10px;
  width: 200px;
}

#country {
  margin-left: 10px;
  width: 200px;
}

#state {
  margin-left: 10px;
  width: 200px;
}

#mosaicGender1 {
  margin-left: 10px;
  width: 200px;
}

#mosaicGender2 {
  margin-left: 10px;
  width: 200px;
}

#mosaicCountry {
  margin-left: 10px;
  width: 200px;
}

#mosaicState {
  margin-left: 10px;
  width: 200px;
}

#mosaicTown {
  margin-left: 10px;
  width: 200px;
}

.list {
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.listOption {
  cursor: pointer;
  padding: 2px 9px;
}

.listOption:hover {
  background-color: #FFF;
  color: #695a5a;
}

.suggestOptionOver {
  background-color: #FFF;
  color: #695a5a;
  cursor: pointer;
  padding: 2px 9px;
}

.suggestOption {
  cursor: pointer;
  padding: 2px 9px;
}

#gender1Result {
  position: absolute;
  left: 1px;
  top: 52px;
  width: 200px;
}

#gender2Result {
  position: absolute;
  left: 1px;
  top: 84px;
  width: 200px;
}

#countryResult {
  position: absolute;
  left: 1px;
  top: 116px;
  width: 200px;
}

#stateResult {
  position: absolute;
  left: 1px;
  top: 148px;
  width: 200px;
}

#mosaicGender1Result {
  position: absolute;
  left: 1px;
  top: 22px;
  width: 200px;
}

#mosaicGender2Result {
  position: absolute;
  left: 1px;
  top: 54px;
  width: 200px;
}

#mosaicCountryResult {
  position: absolute;
  left: 1px;
  top: 86px;
  width: 200px;
}

#mosaicStateResult {
  position: absolute;
  left: 1px;
  top: 118px;
  width: 200px;
}

#mosaicTownResult {
  position: absolute;
  left: 1px;
  top: 148px;
  width: 200px;
}

#mosaicThumb {
  position: relative;
  width: 120px;
  height: 90px;
  float: left;
  margin: 5px 0px 0px 5px;
  cursor: pointer;
}

.selectBack {
  background-image: url(images/selectMid.png);
  background-repeat: repeat-y;
  width: 200px;
}

.selectBottom {
  background-image: url(images/selectBottom.png);
  background-repeat: no-repeat;
  height: 14px;
}

.selectBackLong {
  background-image: url(images/selectMidLong.png);
  background-repeat: repeat-y;
  width: 200px;
}

.selectBackMedium {
  background-image: url(images/selectMidMedium.png);
  background-repeat: repeat-y;
  width: 200px;
}

.selectBackSmall {
  background-image: url(images/selectMidSmall.png);
  background-repeat: repeat-y;
  width: 200px;
}

.selectBackMini {
  background-image: url(images/selectMidMini.png);
  background-repeat: repeat-y;
  width: 40px;
}

.selectBottomLong {
  background-image: url(images/selectBottomLong.png);
  background-repeat: no-repeat;
  height: 14px;
}

.selectBottomMedium {
  background-image: url(images/selectBottomMedium.png);
  background-repeat: no-repeat;
  height: 14px;
}

.selectBottomSmall {
  background-image: url(images/selectBottomSmall.png);
  background-repeat: no-repeat;
  height: 14px;
}

.selectBottomMini {
  background-image: url(images/selectBottomMini.png);
  background-repeat: no-repeat;
  height: 14px;
}

.contentScroll {
  overflow: auto;
  max-height: 300px;
}

.goodAnswer {
  margin-top:5px;
  margin-left:3px;
  background-image: url(images/goodAnswer.png);
  background-repeat: no-repeat;
}

.badAnswer {
  margin-top:5px;
  margin-left:3px;
  background-image: url(images/badAnswer.png);
  background-repeat: no-repeat;
}

#thumbDivBack {
  background-image: url(images/thumbBorder.png);
  background-repeat: no-repeat;
  width: 130px;
  height: 100px;
  float: left;
  margin-top: 5px;
  margin-left: 5px;
}

.thumbDivBack {
  background-image: url(images/thumbBorder.png);
  background-repeat: no-repeat;
  width: 130px;
  height: 100px;
  float: left;
  margin-top: 5px;
  margin-left: 5px;
}

#thumbParentDiv {
  float: left;
  margin-top: 5px;
  padding-left: 5px;
}

#testDiv {
  border: 1px solid blue;
  width: 130px;
  height: 100px;
  float: left;
  padding-left: 5px;
}

#thumbBlend {
  width: 130px;
  height: 96px;	
  background-image: url( images/thumbBlend.png);
  background-repeat: no-repeat;
  background-position: bottom;
}

#thumbInfo {
  color: #FFF;
  font-weight: bold;
  padding-left: 8px;
  float: left;
  margin-top: 67px;
}

#thumbInfoHome {
  color: #FFF;
  font-weight: bold;
  padding-left: 8px;
  float: left;
}

#thumbAge {
  font-weight: bold;
  padding-right: 7px;
  margin-top: 67px;
  float: right;
}

.thumbAge {
  color: #FFF;
}

.thumbAgeOnline {
  color: #08f913;
}

#thumbGender {
  float: right;
  padding-right: 6px;
}

#thumbFront {
  height: 78px;
}

#videoScreen {
  /*background-image: url(images/homeVideoScreen.png);
  background-repeat: no-repeat;*/
  width: 334px;
  height: 480px;
  padding-left:0px;
  padding-top:5px;
}

#homeText {
  height: 215px;
}

/* home end */

/* registration */

#screenNameResponse {
  float: left;
  width: 20px;
  height: 20px;
}

#assistTitle {
  color: #e02228;
  font-weight: bold;
  font-size: 20px;
}

#assistText {
  width: 420px;
  margin-top: 10px;
}

#assistStepsTitle {
  color: #e02228;
  font-weight: bold;
  font-size: 14px;
  margin-top: 20px;
  padding-left: 30px;
}

#assistInputDiv {
  float: left;
}

.assistInput {
  width: 300px;
  border: 0px;
  background: transparent;
  margin-top: 2px;
}

#nextButtonDiv {
  float: left;
  margin-left: 20px;
  margin-bottom: 1px;
}

#whiteButtonLeft {
  background-image: url(images/whiteButtonLeft.png);
  background-repeat: no-repeat;
  width: 10px;
  height: 28px;
  float: left;
} 

#whiteButtonMid {
  background-image: url(images/whiteButtonMid.png);
  background-repeat: repeat-x;
  height: 28px;
  float: left;
  padding-top: 2px;
}

#whiteButtonMid a {
  color: #e02228;
  font-weight: bold;
}

#whiteButtonRight {
  background-image: url(images/whiteButtonRight.png);
  background-repeat: no-repeat;
  width: 14px;
  height: 28px;
  float: left;
}

#stepsImage {
  float: left;
  padding: 3px;
}

#assistError {
  height: 25px;
}

#assistCountry {
  padding: 4px 0px 0px 10px;
  width: 324px;
  cursor: pointer; 
}

#countryAssistResult {
  position: absolute;
  width: 324px;
  top: 253px;
}

#assistState {
  padding: 4px 0px 0px 10px;
  width: 324px;
  cursor: pointer; 
}

#stateAssistResult {
  position: absolute;
  width: 324px;
  top: 323px;
}

#assistSuggest {
  position: absolute;
  width: 324px;
  top: 384px;
}

#assistIAm {
  padding: 4px 0px 0px 10px;
  width: 324px;
  cursor: pointer; 
}

#iAmAssistResult {
  position: absolute;
  width: 324px;
  top: 58px;
  z-index: 1;
}

#assistLookingFor {
  padding: 4px 0px 0px 10px;
  width: 324px;
  cursor: pointer; 
}

#lookingForAssistResult {
  position: absolute;
  width: 324px;
  top: 129px;
  z-index: 1;
}

#assistHeight {
  padding: 4px 0px 0px 10px;
  width: 324px;
  cursor: pointer; 
}

#assistHeightFT1 {
  padding: 4px 0px 0px 10px;
  width: 130px;
  cursor: pointer; 
  float: left;
}

#assistHeightFT2 {
  padding: 4px 0px 0px 10px;
  width: 130px;
  cursor: pointer; 
  float: left;
}

#heightAssistResult {
  position: absolute;
  width: 324px;
  top: 260px;
  z-index: 1;
}

#heightAssistFT1Result {
  position: absolute;
  width: 130px;
  top: 260px;
  z-index: 1;
}

#heightAssistFT2Result {
  position: absolute;
  width: 130px;
  top: 260px;
  left: 160px;
  z-index: 1;
}

#assistBody {
  padding: 4px 0px 0px 10px;
  width: 324px;
  cursor: pointer; 
}

#bodyAssistResult {
  position: absolute;
  width: 324px;
  top: 328px;
  z-index: 0;
}

#birthMonthAssistResult {
  position: absolute;
  width: 130px;
  top: 198px;
  z-index: 1;
}

#birthDayAssistResult {
  position: absolute;
  width: 80px;
  top: 198px;
  left: 147px;
}

#birthYearAssistResult {
  position: absolute;
  width: 80px;
  top: 198px;
  left: 243px;
}

#assistCheckList {
  height: 30px;
  width: 200px;
}

#assistBirthMonth {
  float: left;
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 120px;
}

#assistBirthDay {
  float: left;
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 86px;
  margin-left: 17px;
}

#assistBirthYear {
  float: left;
  padding: 4px 0px 0px 10px;
  width: 80px;
  cursor: pointer;
}

/* registration end */

/* my account */  

#MyAcLinksDiv {
  width: 100%;
  height: 25px;
}

#linksRow {
  height: 25px;
}

#newSearchButtonDiv {
  float: right;
  height: 25px;
}

#backToSearchButtonDiv {
  float: right;
  height: 25px;
}

.accountLinkRed {
  background-image: url(images/accountLinkRed.png);
  background-repeat: no-repeat;
  padding-left: 5px;
  font-weight: bold;
  float: left;
  width: 120px;
  height: 25px;
  /*border-bottom:2px solid #999999;*/
}
.accountLinkRed a:link, .accountLinkRed a:active, .accountLinkRed a:visited  {
  color:#FFFFFF;
  text-decoration:none;
}
.accountLinkRed a:hover  {
  color:#000000;
  text-decoration:none;
}

.accountLinkGrey {
  background-image: url(images/accountLinkGrey.png);
  background-repeat: no-repeat;
  padding-left: 5px;
  font-weight: bold;
  float: left;
  width: 120px;
  height: 25px;
 /* border-bottom:2px solid #D9D9D9;*/
}
.accountLinkGrey a:link, .accountLinkGrey a:active, .accountLinkGrey a:visited  {
  color:#695a5a;
  text-decoration:none;
}
.accountLinkGrey a:hover  {
  color:#000000;
  text-decoration:none;
}

#linkDiv {
  margin-top: 5px;
}
#linkDiv a:hover  {
  color:#000000;
  text-decoration:none;
}

#mosaicLinkGrey {
  color: #695a5a;
}

#mosaicLink a {
  color: #FFF;
  text-decoration: none;
}

#mosaicLink a:hover {
  color: #695a5a;
  text-decoration: none;
}

#simpleLinkGrey {
  color: #695a5a;
}

#simpleLink a {
  color: #FFF;
  text-decoration: none;
}

#simpleLink a:hover {
  color: #695a5a;
  text-decoration: none;
}

#mailLinkGrey {
  color: #695a5a;
}

#mailLink a {
  color: #FFF;
  text-decoration: none;
}

#mailLink a:hover {
  color: #695a5a;
  text-decoration: none;
}

#searchSettingsLinkGrey {
  color: #695a5a;
}

#searchSettingsLink a {
  color: #FFF;
  text-decoration: none;
}

#searchSettingsLink a:hover {
  color: #695a5a;
  text-decoration: none;
}

#photosLinkGrey {
  color: #695a5a;
}

#photosLink a {
  color: #FFF;
  text-decoration: none;
}

#photosLink a:hover {
  color: #695a5a;
  text-decoration: none;
}

#favouritesLinkGrey {
  color: #695a5a;
}

#favouritesLink a {
  color: #FFF;
  text-decoration: none;
}

#favouritesLink a:hover {
  color: #695a5a;
  text-decoration: none;
}

#profileSettingsLinkGrey {
  color: #695a5a;
}

#profileSettingsLink a {
  color: #FFF;
  text-decoration: none;
}

#profileSettingsLink a:hover {
  color: #695a5a;
  text-decoration: none;
}

#membershipLinkGrey {
  color: #695a5a;
}

#membershipLink a {
  color: #FFF;
  text-decoration: none;
}

#membershipLink a:hover {
  color: #695a5a;
  text-decoration: none;
}

#newSearch {
  font-weight: bold;
  font-size: 14px;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 3px;
}

#newSearch a {
  color: #E02228;
  text-decoration: none;
}

#newSearch a:hover {
  color: #695a5a;
  text-decoration: none;
}

#accountContentBack {
  background-color: #D9D9D9;
  background-image: url(images/accountBack.png);
  background-repeat: repeat-y;
  background-position: right;
  width: 100%;
  height: 600px;
}

#accountContentBackTop {
  background-color: #D9D9D9;
  background-image: url(images/accountTopGrey.png);
  background-repeat: repeat-y;
  background-position: right;
  height: 7px;
  clear: both;
  position: relative;
}

#accountContentBackTopStripe {
  position: absolute;
  border-top: 2px solid #999999;
  width: 850px;
  margin-left: 118px;
}

#accountContentBackMid {
  width: 964px;
  height: 450px;
  float: left;
}

#profileContentBackMid {
  width: 964px;
  height: 450px;
  float: left;
}

#profileContentDivLeft {
  width: 6px;
  height: 450px;
  background-image: url(images/profileLeftContent.png);
  background-repeat: no-repeat;
  float: left;
}

#profileContentDivMid {
  height: 450px;
  width: 950px;
  background-color: #FFF;
  float: left;	
}

#profileContentDivRight {
  width: 6px;
  height: 450px;
  background-image: url(images/profileRightContent.png);
  background-repeat: no-repeat;
  background-position: right;
  float: left;
}

#accountContentBackTopMosaic {
  /*background-color: #D9D9D9;*/
  background-image: url(images/accountBack_mosaic.png);
  background-repeat: repeat-y;
  background-position: right;
  height: 10px;
  width: 650px;
  clear: both;
}


#accountContentBackTopSimple {
  /*background-color: #D9D9D9;*/
  background-image: url(images/accountBack_mosaic.png);
  background-repeat: repeat-y;
  background-position: right;
  height: 10px;
  width: 650px;
  clear: both;
}


#accountContentBackBottom {
  background-image: url(images/accountBottomGrey.png);
  background-repeat: no-repeat;
  clear: both;
  width: 100%;
  height: 7px;
}

#accountBackRightTop {
  background-image: url(images/accountBackRightTop.png);
  background-repeat: no-repeat;
  background-position: right top;
  height: 7px;
  border-left:2px solid #999999;
}

#accountBackRightTopMosaic {
  background-image: url(images/accountBack_mosaic.png);
  /*background-image: url(images/accountBackRightTop.png);*/
  background-repeat: no-repeat;
  background-position: right top;
  height: 10px;
}
#accountBackRightTopSimple {
  background-image: url(images/accountBack_detail.png);
  /*background-image: url(images/accountBackRightTop.png);*/
  background-repeat: no-repeat;
  background-position: right top;
  height: 10px;
}
#darkBack {
  background-color: #655a4b;
  height: 586px;
  width: 99%;
  margin-left: 8px;
  margin-right: 8px;
}

#darkBoxTopLeft {
  background-image: url(images/darkBoxTopLeft.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 100%;
  height: 100%;
  float: left;
}

#darkBoxTopRight {
  background-image: url(images/darkBoxTopRight.png);
  background-repeat: no-repeat;
  background-position: top right;
  width: 100%;
  height: 100%;
  float: right;
}

#mailLinks {
  background-image: url(images/darkBoxPix.png);
  background-repeat: repeat-x;
  background-position: bottom;
  width: 120px;
  height: 586px;
  float: left;
  margin: 0px;
}

#accountDarkLinks {
  background-color: #655A4B;
  background-image: url(images/darkBoxPix.png);
  background-repeat: repeat-x;
  background-position: bottom;
  width: 100px;
  height: 420px;
  float: left;
}

#accountDarkRight {
  background-color: #655A4B;
  background-image: url(images/darkBoxPix.png);
  background-repeat: repeat-x;
  background-position: bottom;
  width: 28px;
  height: 420px;
  float: right;
}

#darkRightBottom {
  height: 100%; 
  background-image: url(images/darkRightBottom.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}

#darkTopLeft {
  width: 100%;
  height: 100%;
  background-image: url(images/darkBoxTopLeft.png);
  background-repeat: no-repeat;
  background-position: top left;
}

#darkTopRight {
  width: 100%;
  height: 100%;
  background-image: url(images/darkBoxTopRight.png);
  background-repeat: no-repeat;
  background-position: top right;
}

#messagesTop {
  height: 20px;
  width: 100%;
}

#messagesBottom {
  height: 566px;
  background-color: #FFF;
  width: 100%;
}

#inboxLink {
  height: 27px;
  width: 100%;
  background-image: url(images/whiteButtonSmall.png);
  background-repeat: no-repeat;
  background-position: bottom;
}

#inboxLinkEmpty {
  height: 50px;
}

#smallButton {
  height: 24px;
  background-image: url(images/whiteButtonSmall.png);
  background-repeat: no-repeat;
  background-position: top;
  padding-top: 2px;
  width: 100px;
}

#sendLink {
  height: 35px;
  width: 100%;
  background-image: url(images/whiteButtonSmall.png);
  background-repeat: no-repeat;
  background-position: bottom;
}

#trashLink {
  height: 35px;
  width: 100%;
  background-image: url(images/whiteButtonSmall.png);
  background-repeat: no-repeat;
  background-position: bottom;
}

#mailLinksBottom {
  height: 420px;
  width: 100%;
  background-image: url(images/darkBox.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}

#myProfileLinksBottom {
  height: 501px;
  width: 100%;
  background-image: url(images/darkBox.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}

#photosLinksBottom {
  height: 536px;
  width: 100%;
  background-image: url(images/darkBox.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}

.redToBlack {
  color: #e02228;
}

.blackToRed {
  color: #695a5a;
}

#inbox {
  font-weight: bold;
  text-align: center;
  padding-top: 4px;
  cursor: pointer;
}

#inbox:hover {
  color: #E02228;
}

#send:hover {
  color: #E02228;
}

#trash:hover {
  color: #E02228;
}

#myProfileEdit {
  font-weight: bold;
  text-align: center;
  padding-top: 28px;
  color: #e02228;
  cursor: pointer;
}

#myProfileEdit:hover {
  color: #695a5a;
}

#send {
  font-weight: bold;
  text-align: center;
  padding-top: 12px;
  cursor: pointer;
}

#myProfileSave {
  font-weight: bold;
  text-align: center;
  padding-top: 13px;
  color: #e02228;
  cursor: pointer;
}

#myProfileSave:hover {
  color: #695a5a;
}

#trash {
  font-weight: bold;
  text-align: center;
  padding-top: 13px;
  cursor: pointer;
}

#darkContentBack {
  background-color: #655a4b;
  background-image: url(images/darkBoxTopRight);
  background-repeat: no-repeat;
  background-position: top right;
  width: 92%;
  height: 586px;
  margin-right: 7px;
  float: right;
}

#messageTitleBar {
  height: 30px;
  width: 100%;
}

#messagesCell{
  background-color: #FFF;
}

#greyBoxLeftBottom {
  background-image: url(images/greyBoxBottomLeft.png);
  background-repeat: no-repeat;
  background-position: left;
  width: 20px;
  height: 7px;
  float: left;
}

#accountContentBackLeft {
  /*background-color: #D9D9D9;*/
  width: 7px;
  height: 450px;
  float: left;
  background-image: url(images/accountBackgroundLeft.png);
}

#accountContentBackRight {
  width: 7px;
 /* background-color: #F0F0F0;*/
  height: 450px;
  float: right;
  background-image: url(images/accountBackgroundRight.png);
}

#greyBoxRightBottom {
  background-image: url(images/greyBoxBottomRight.png);
  background-repeat: no-repeat;
  background-position: right;
  width: 20px;
  height: 7px;
  float: right;
}

#contentDarkTop {
  background-color: #655A4B;
  height: 30px;
}
  
#contentDarkMid {
  background-color: #5E5243;
  height: 30px;
}

#accountWhiteBack {
  width: 99%;
  height: 586px;
  background-color: #FFF;
  margin: 0px auto;
}

#itemTitleDivLeft{
  color: #e02228;
  font-weight: bold;
  padding: 10px 0px 0px 20px;
  float: left;
  text-transform:capitalize;
}

#itemTitleDivRight {
  position: absolute;
  color: #e02228;
  font-weight: bold;
  padding-top: 10px;
  float: left;
  left: 50%;
}

#itemLeft {
  padding: 3px 0px 0px 20px;
  float: left;
}

#itemRight {
  padding-top: 3px;
  position: absolute;
  float: left;
  left: 50%;
}

#searchItemTitle {
  color: #695a5a;
  font-weight: bold;
  padding-top: 5px;
  /*background-image: url(images/titleLabel.png);
  background-repeat: no-repeat;
  background-position: left;*/
  width: 200px;
  height: 23px;
  padding-left: 10px;
  margin-top: 2px;
}

#birthMonthMPResult {
  position: absolute;
  top: 100px;
  left: 20px;
  width: 130px;
}

#MPBirthMonth {
  float: left;
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 120px;
}

#birthDayMPResult {
  position: absolute;
  top: 100px;
  left: 167px;
  width: 80px;
}

#MPBirthDay {
  float: left;
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 80px;
  margin-left: 17px;
}

#birthYearMPResult {
  position: absolute;
  top: 100px;
  left: 264px;
  width: 80px;
}

#MPBirthYear {
  float: left;
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 80px;
  margin-left: 7px;
}

#countryMPResult {
  position: absolute;
  top: 157px;
  left: 20px;
  width: 324px;
}

#MPCountry {
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 324px;
}

#stateMPResult {
  position: absolute;
  top: 215px;
  left: 20px;
  width: 324px;
}

#MPState {
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 324px;
}

#MPSuggest {
  position: absolute;
  top: 273px;
  left: 20px;
  *left: 20px;
}

#MPIAm {
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 324px;
}

#iAmMPResult {
  position: absolute;
  top: 100px;
  left: 412px;
  width: 324px;
  z-index: 1;
}

#MPLookingFor {
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 324px;
}

#lookingForMPResult {
  position: absolute;
  top: 157px;
  left: 412px;
  width: 324px;
  z-index: 1;
}

#MPHeight {
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 324px;
}

#heightMPResult {
  position: absolute;
  top: 219px;
  left: 412px;
  width: 324px;
  z-index: 1;
}

#MPHeightFT1 {
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 130px;
  float: left;
}

#heightMPFT1Result {
  position: absolute;
  top: 219px;
  left: 412px;
  width: 130px;
  z-index: 1;
}

#MPHeightFT2 {
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 130px;
  float: left;
}

#heightMPFT2Result {
  position: absolute;
  top: 219px;
  left: 572px;
  width: 130px;
  z-index: 1;
}

#MPBody {
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 324px;
}

#bodyMPResult {
  position: absolute;
  top: 280px;
  left: 412px;
  width: 324px;
  z-index: 1;
}

#MPtextTopLeft {
  background-image: url(images/textTopLeft.png);
  background-repeat: no-repeat;
  width: 12px;
  height: 11px;
  float: left;
}

#MPtextTopMid {
  background-image: url(images/textMidTop.png);
  background-repeat: repeat-x;
  width: 300px;
  height: 11px;
  float: left;
}

#MPtextTopRight {
  background-image: url(images/textTopRight.png);
  background-repeat: no-repeat;
  width: 12px;
  height: 11px;
  float: left;
}

#MPtextMidLeft {
  background-image: url(images/textMidLeft.png);
  background-repeat: repeat-y;
  width: 11px;
  height: 200px;
  float: left;
}

#MPtextMidMid {
  width: 302px;
  height: 200px;
  float: left;
}

#MPtextMidRight {
  background-image: url(images/textMidRight.png);
  background-repeat: repeat-y;
  width: 11px;
  height: 200px;
  float: left;
}

#MPtextBottomLeft {
  background-image: url(images/textBottomLeft.png);
  background-repeat: no-repeat;
  width: 12px;
  height: 11px;
  float: left;
}

#MPtextBottomMid {
  background-image: url(images/textMidBottom.png);
  background-repeat: repeat-x;
  width: 300px;
  height: 11px;
  float: left;
}

#MPtextBottomRight {
  background-image: url(images/textBottomRight.png);
  background-repeat: no-repeat;
  width: 12px;
  height: 11px;
  float: left;
}

#MPtextBlock {
  width: 324px;
  height: 220px;
  background-image: url(images/textBack.png);
}

#MPtextArea {
  font-family:Trebuchet ms,Arial,Verdana,Lucida-grande,sans-serif;
  color:#695a5a;
  font-size:13px;
  background: transparent;
  border: 0px;
  width: 310px;
  height: 205px;
  margin: 10px 0px 10px 10px;
}

#SSIAm {
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 324px;
}

#iAmSSResult {
  position: absolute;
  top: 50px;
  left: 20px;
  width: 324px;
}

#SSHeight1 {
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 130px;
  float: left;
}

#height1SSResult {
  position: absolute;
  top: 238px;
  left: 20px;
  width: 130px;
}

#SSHeight2 {
  padding: 4px 27px 0px 10px;
  cursor: pointer;
  width: 150px;
  float: right;
}

#height2SSResult {
  position: absolute;
  top: 238px;
  left: 213px;
  width: 130px;
}

#SSHeightFT1 {
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 30px;
  float: left;
}

#heightSSFT1Result {
  position: absolute;
  top: 238px;
  left: 20px;
  width: 40px;
}

#SSHeightFT2 {
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 30px;
  float: left;
}

#heightSSFT2Result {
  position: absolute;
  top: 238px;
  left: 80px;
  width: 40px;
}

#SSHeightFT3 {
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 30px;
  float: left;
}

#heightSSFT3Result {
  position: absolute;
  top: 238px;
  left: 200px;
  width: 40px;
}

#SSHeightFT4 {
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 30px;
  float: left;
}

#heightSSFT4Result {
  position: absolute;
  top: 238px;
  left: 260px;
  width: 40px;
}

#mosaicHeightFT1 {
  padding: 4px 0px 0px 8px;
  cursor: pointer;
  width: 35px;
  float: left;
}

#heightmosaicFT1Result {
  position: absolute;
  top: 241px;
  width: 40px;
}

#mosaicHeightFT2 {
  padding: 4px 0px 0px 8px;
  cursor: pointer;
  width: 35px;
  float: left;
}

#heightmosaicFT2Result {
  position: absolute;
  top: 241px;
  left: 93px;
  width: 40px;
}

#mosaicHeightFT3 {
  padding: 4px 0px 0px 8px;
  cursor: pointer;
  width: 35px;
  float: left;
}

#heightmosaicFT3Result {
  position: absolute;
  top: 265px;
  width: 40px;
}

#mosaicHeightFT4 {
  padding: 4px 0px 0px 8px;
  cursor: pointer;
  width: 35px;
  float: left;
}

#heightmosaicFT4Result {
  position: absolute;
  top: 265px;
  left: 93px;
  width: 40px;
}

#SSLookingFor {
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 324px;
}

#lookingForSSResult {
  position: absolute;
  top: 115px;
  left: 20px;
  width: 324px;
}

#SSage1 {
  background: transparent;
  border: 0px;
  width: 15px;
  margin-top: 2px;
}

#SSage2 {
  background: transparent;
  border: 0px;
  width: 15px;
  margin-top: 2px;
}

#countrySSResult {
  position: absolute;
  top: 52px;
  left: 418px;
  width: 324px;
  z-index: 1;
}

#SSCountry {
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 324px;
}

#stateSSResult {
  position: absolute;
  top: 113px;
  left: 418px;
  width: 324px;
  z-index: 1;
}

#SSState {
  padding: 4px 0px 0px 10px;
  cursor: pointer;
  width: 324px;
}

#SSSuggest {
  position: absolute;
  width: 324px;
  top: 169px;
  left: 419px;
  z-index: 1;
}

.emptySettings {
  color: #666;
  font-weight: bold;
}

#emptySettings {
  text-align: center;
  padding-top: 40px;
  color: #666;
  font-weight: bold;
}

#emptySettings2 {
  padding-top: 40px;
  color: #666;
  font-weight: bold;
}

#emptySettings3 {
  text-align: center;
  padding-top: 5px;
  color: #666;
  font-weight: bold;
}

#emptySettings4 {
  text-align: center;
  padding-top: 20px;
  color: #666;
  font-weight: bold;
}

#emptySettings5 {
  padding-top: 10px;
  color: #666;
  font-weight: bold;
}

#videoPlayerDiv {
  padding-right: 10px;
  width: 660px;
  vertical-align: top;
}

#photoDefaultLink {
  float: left;
  padding-top: 2px;
}

#photoTrash {
  float: right;
  padding-top: 2px;
}

.redborder{
  border: 3px solid red;
}

.videoRedBorder {
  width: 124px; 
  height: 94px; 
  background-image: url(images/videoBorder.png); 
  background-repeat: no-repeat; 
  background-position: bottom right;
}

.videoNoBorder {
  width: 124px; 
  height: 94px; 
}

#videoThumbDiv {
  padding: 10px 0px 0px 10px;
}

#mediaDiv {
  width: 100%; 
  height: 180px; 
  overflow: auto;
}

#mediaTitle {
  color: #FFF;
  font-weight: bold;
  font-size: 14px;
  padding-left: 10px;
  padding-bottom: 10px;
}

#mediaBottom {
  width: 100%;
  height: 30px;
  background-color: #655A4B;
  background-image: url(images/darkBoxPixSmall.png);
  background-repeat: repeat-x;
}

#accountContentCenter {
  position: relative;
  width: 836px;
  height: 419px;
  float: left;
  overflow: none;
  border-bottom:1px solid #666666;
}

/* my account end */

/* search */

#mosaicDiv {
  height: 468px;
  width: 650px;
  background-color: #D9D9D9;
  background-image: url(images/accountBack_mosaicMid.png);
  background-repeat: repeat-y;
  background-position: right;
}

#mosaicTopLeft {
  width: 630px;
  height: 415px;
  margin: 0px 10px;
  background-color: #FFF;
  background-image: url(images/whiteCornerTopLeft.png);
  background-position: top left;
  background-repeat: no-repeat;
}

#mosaicTopRight {
  width: 100%;
  height: 100%;
  background-image: url(images/whiteCornerTopRight.png);
  background-position: top right;
  background-repeat: no-repeat;
}

#mosaicBottomRight {
  width: 100%;
  height: 100%;
  background-image: url(images/whiteCornerBottomRight.png);
  background-position: bottom right;
  background-repeat: no-repeat;
}

#mosaicBottomLeft {
  width: 100%;
  height: 100%;
  background-image: url(images/whiteCornerBottomLeft.png);
  background-position: bottom left;
  background-repeat: no-repeat;
}

#mosaicNavLeft {
  height: 53px;
  width: 10px;
  float: left;
  background-image: url(images/mosaicNavLeftCorner.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}

#mosaicNavRight {
  height: 53px;
  width: 640px;
  float: left;
  background-image: url(images/mosaicNavRightCorner.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}

#mosaicSearchForm {
  position: relative;
  float: right;
  margin-top: 24px;
  width: 200px;
}

#mosaicInnerDiv {
  position: relative;
  height: 82px;
  width: 112px;
  margin-top: 3px;
  margin-left: 3px;
}

#mosaicInnerDiv:hover {
  border: 5px solid #FF0000;
}

.showLabel {
  position: absolute;
  width: 143px;
  height: 119px;
  background-image: url(images/profileLabel.png);
  background-repeat: no-repeat;
  z-index: 20;
}

.hideLabel {
  display: hide;
  width: 114px;
  height: 84px;
}

.hideLabel:hover {
  border: 4px solid red;
}

.redTitle {
  color: #a42825;
  text-transform: capitalize;
  font-weight: bold;
  margin: 13px 0px 0px 10px;
}

.boldRed {
  color: #e04448;
  font-weight: bold;
}	

.mosaicLabelText {
  color: #a42825;
  margin: 7px 0px 0px 10px;
}

#simpleThumb {
  width: 600px;
  height: 120px;
  float: left;
  margin: 5px 0px 0px 5px;
  border-bottom:1px dotted #CCCCCC;
}

#simpleInnerThumb {
  float: left;
  width: 120px;
  height: 90px;
  cursor: pointer;
}

#simpleInfoThumb {
  float: left;
  margin-left: 0px;
  width: 255px;
  height: 100px;
}

#simpleInfoTitle {
  font-weight: bold;
  color: #DF2228;
  font-size:15px;
  text-transform: capitalize;
  float: left;
  margin-left:20px;
  padding-bottom:6px;
}

#mosaicHeight1Result {
  position: absolute;
  top: 242px;
  width: 80px;
}

#mosaicHeight2Result {
  position: absolute;
  top: 242px;
  left: 120px;
  width: 80px;
}

#mosaicHeight1 {
  margin-left: 10px;
  width: 100px;
}

#mosaicHeight2 {
  margin-left: 10px;
  width: 100px;
}

#mosaicBodyType {
  width: 200px;
  height: 23px;
  padding-left: 10px;
  padding-top: 4px;
  cursor: pointer;
}

#mosaicIntsType {
  width: 200px;
  height: 23px;
  padding-left: 10px;
  padding-top: 4px;
  cursor: pointer;
}
/* search end */





td img {
  display: block;
}
.validResponse {
  color: #00FE00;
}

.inValidResponse {
  color: #FF0000;
}



.mouseOut {
  background-color: #708090;
  color: #FFFAFA;
}

.mouseOver {
  background-color: #FFFAFA;
  color: #695a5a000;
}

.suggest_link {
  background-color: #FFFFFF;
  cursor: default;
  padding-left: 3px;
}

.suggest_link_over {
  background-color: #3366CC;
  cursor: default;
  color: #FFFFFF;
  padding-left: 3px;
}

#responseDiv {
  text-align: left;
  background-color: #FFF;
}

#uploadFrame {
  border: none;
  width: 500px;
}

#myDropPlace {
  background-color: #FFF200;
  width: 100px;
  height: 100px;
}

#dragDiv {
  background-color: #695a5a;
  width: 50px;
  height: 50px;
}

.userImg {
  width: 120px;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.picBox {
  float: left;
}

.highslide-dimming {
	position: absolute;
	background: black;
}

.highslide-container div {
    font-family:Trebuchet ms,Arial,Verdana,Lucida-grande,sans-serif;
    font-size: 10pt;
}
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
    text-decoration: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 0px;
}

.highslide-html {
    background-color: white;
}

.highslide-html-blur {
}

.highslide-html-content {
	position: absolute;
    display: none;
}


.highslide-image-blur {
}
.highslide-caption {
    display: none;
    color: #FFF;
    font-weight: bold;
}

.highslide-move {
    cursor: move;
}


.highslide-caption a {
  color: #FFF;
  text-decoration: none;
}

.highslide-caption a:hover {
  color: #e02228;
  text-decoration: none;	
}

#photoBottomLeft {
  height: 24px;
  width: 100%;
  background-image: url(images/photoBottomLeft.png);
  background-repeat: no-repeat;
  background-position: left;
}

#photoBottomRight {
  height: 24px;
  width: 100%;
  background-image: url(images/photoBottomRight.png);
  background-repeat: no-repeat;
  background-position: right;
}

#photoBottomMid {
  height: 24px;
  width: 96%;
  background-image: url(images/photoBottomMid.png);
  background-repeat: repeat-x;
  margin: 0px auto;
}

.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;

    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
a.highslide-full-expand {
	background-image: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
.highslide-overlay {
	display: none;
}

/* Mac-style close button */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: hand; /* ie */
	cursor: pointer; /* w3c */
	background-image: url(highslide/graphics/close.png);
	/* For IE6, remove background and add filter */
	/* Note! the src is relative to the HTML file, not the CSS file */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='highslide/graphics/close.png', sizingMethod='scale');
}

.highslide-wrapper, .rounded-white {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 665px;
    height: 540px;
    padding: 0 5px 5px 5px;
}
.highslide-wrapper .highslide-header {
	padding-bottom: 5px;
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 1px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	margin-top: 4px;
	height: 11px;
	width: 11px;
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}

.highslide-html {
    background-color: white;
}

.highslide-dimming {
	position: absolute;
	background: black;
}

.backDimming {
  position: absolute;	
  width: 100%;
  height: 100%;
  min-height: 750px;
  top : 0px;
  left: 0px;
  background-image: url(images/black-70.png);
  background-repeat: repeat-x repeat-y;
  z-index: 999;
}

#profileInnerContentLeft {
  float: left;
  width: 50%;
  height: 100%;	
  position: relative;
}

#profileInnerContentRight {
  float: left;
  width: 49%;
  height: 420px;	
  overflow: auto;
}

#profilePicture {
  margin-top: 6px;
  float: left;
}

#profileInfo {
  width: 205px;
  height: 200px;
  margin-top: 6px;
  margin-left: 10px;
  float: left;
}

#profileMessageLabel {
  position: absolute;
  width: 442px;
  height: 222px;
  background-image: url(images/profilemessageLabel.png);
  background-repeat: no-repeat;
  z-index: 1;
  top: 200px;
}

#profileMessage {
  width: 422px;
  height: 188px;
  /*margin-top: 25px;*/
  margin-left: 10px;
  overflow: auto;
  padding-right:10px;
}

.profileRedTitle {
  color: #e23136;
  font-weight: bold;
  height: 15px;
  padding-top: 10px;
}

.profileRedTitleInfo {
  color: #e23136;
  font-weight: bold;
  height: 15px;
  padding-top: 5px;
}

#uploadProcess{
   z-index:100;
   visibility: hidden;
   position:absolute;
   text-align:center;
   width:200px;
   padding-left: 200px;
}

#proFlirtLink {
  background-image: url(images/heart.png);
  background-repeat: no-repeat;
  background-position: left;
  color: #e23136;
  font-weight: bold;
  padding-left: 15px;
  float: left;
  margin-right: 10px;
  cursor: pointer;
}

#proFlirtLink:hover {
  background-image: url(images/heartBlack.png);
  background-repeat: no-repeat;
  background-position: left;
  color: #695a5a;
  font-weight: bold;
  padding-left: 15px;
}

#proFlirtLink a {
  color: #e23136;
  font-weight: bold;
  text-decoration: none;
}

#proFlirtLink a:hover {
  color: #695a5a;
  font-weight: bold;
  text-decoration: none;
}

#proMessageLink {
  background-image: url(images/envelope.png);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 20px;
  float: left;
  margin-right: 10px;
  cursor: pointer;
}

#proMessageLink a {
  color: #e23136;
  font-weight: bold;
  text-decoration: none;
}

#proMessageLink a:hover {
  color: #695a5a;
  font-weight: bold;
  text-decoration: none;
}

#proMessageLink:hover {
  background-image: url(images/envelopeBlack.png);
  background-repeat: no-repeat;
  background-position: left;
}

#proFavoLink a {
  background-image: url(images/star.png);
  background-repeat: no-repeat;
  background-position: left;
  color: #e23136;
  font-weight: bold;
  padding-left: 20px;
  float: left;
  cursor: pointer;
}

#proFavoLink a:hover {
  background-image: url(images/starBlack.png);
  background-repeat: no-repeat;
  background-position: left;
  color: #695a5a;
  font-weight: bold;
  padding-left: 20px;
}

.frameDiv {
  background-color: #FFF;
}

.playerDiv {
  position: absolute;
  z-index: 1000;
}

.frameCloseButton {
  text-align: right;
  position: absolute;
  z-index: 1000;
}

.playerCloseButton {
  text-align: right;
  position: absolute;
  width: 640px; 
  z-index: 1000;
}

.playerCloseButton2 {
  text-align: right;
  position: absolute;
  z-index: 1000;
}

#playerFrame {
  width: 100%;
  height: 100%;
}

.topZIndex {
  z-index: 1000;
}

.bigRedTitle {
  color: #e23136;
  font-weight: bold;
  font-size: 18px;
}

#sendMessageTop {
  width: 100%; 
  margin: 0 auto;  
  padding-bottom: 3px; 
  border-bottom: 2px solid #a42825;
}

#sendMessageBottom {
  width: 680px;
  height: 30px; 
  margin: 0 auto;  
  border-top: 2px solid #a42825;
  margin-top: 10px;
}

#sendMessageTop2 {
  width: 96%; 
  margin: 0 auto;  
  padding-bottom: 3px; 
  border-bottom: 2px solid #a42825;
}

#sendMessageBottom2 {
  width: 96%;
  height: 30px; 
  margin: 0 auto;  
  border-top: 2px solid #a42825;
  margin-top: 10px;
}

.formTitle {
  font-weight: bold;
  padding-left: 10px;
  padding-top: 10px;
}

.inputField {
  background: transparent;
  border: 0px;
}

#subjectDiv {
  padding-left: 10px;
  padding-top: 5px;
}

#errorDiv {
  color: #e02228;
  height: 15px;
}

#errorDivMail {
  color: #e02228;
  height: 30px;
}

#sendMessageMsg {
  margin: 5px 0px 0px 10px;
}

#textTopLeft {
  width: 12px;
  height: 11px;
  background-image: url(images/textTopLeft.png);
  float: left;
}

#textTopMid {
  height: 11px;
  background-image: url(images/textMidTop.png);
  background-repeat: repeat-x;
  background-position :top;
  float: left;
}

#textTopRight {
  width: 12px;
  height: 11px;
  background-image: url(images/textTopRight.png);
  float: left;
}

#textBottomLeft {
  width: 12px;
  height: 11px;
  background-image: url(images/textBottomLeft.png);
  float: left;
}

#textBottomMid {
  height: 11px;
  background-image: url(images/textMidBottom.png);
  background-repeat: repeat-x;
  background-position :top;
  float: left;
}

#textBottomRight {
  width: 12px;
  height: 11px;
  background-image: url(images/textBottomRight.png);
  float: left;
}

#textMidLeft {
  width: 12px;
  background-image: url(images/textMidLeft.png);
  background-repeat: repeat-y;
  background-position: left;
  float: left;
}

#textMidRight {
  width: 12px;
  background-image: url(images/textMidRight.png);
  background-repeat: repeat-y;
  background-position: right;
  float: left;
}

#textMidMid {
  float: left;
}

.textBox {
  background: transparent;
  border: 0px;
}

.boldWhiteFont {
  color: #FFF;
  font-weight: bold;
  font-size: 14px;
}

#msgFromTitle {
  margin: 7px 0px 0px 150px;
  float: left;
  width: 140px;
}

#msgSubjectTitle {
  margin: 7px 0px 0px 0px;
  float: left;
}

#msgDateTitle {
  margin: 7px 55px 0px 0px;
  float: right;
}

#mailDiv {
  width: 100%;
  height: 100%;
}

#mailDiv:hover {
  background-color: #918a80;
  color: #FFF;
}

.mailCLosed {
  background-color: #f4f3f2;
  border-bottom: 1px solid #FFF;
  height: 20px;
  cursor: pointer;
}

.mailOpened {
  background-color: #FFF;
  border-bottom: 1px solid #f4f3f2;
  height: 20px;
  cursor: pointer;
}

.mailPicOpen {
  background-image: url(images/envelope-open.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  width: 17px;
  height: 17px;
  margin-left: 10px;
  float: left;
}

.mailPicClosed {
  background-image: url(images/envelope-closed.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  width: 17px;
  height: 17px;
  margin-left: 10px;
  float: left;
}

.mailPicAnswer {
  background-image: url(images/envelope-reply.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  width: 17px;
  height: 17px;
  margin-left: 10px;
  float: left;
}

#mailFrom {
  float: left;
  width: 130px;
  margin-left: 23px;
  float: left;
  padding-top: 3px;
}

#mailSubject {
  float: left;
  width: 500px;
  margin-left: 10px;
  float: left;
  padding-top: 3px;
}

#mailDate {
  float: left;
  margin-left: 10px;
  float: left;
  padding-top: 3px;
}

#trashDiv {
  float: right;
  cursor: pointer;
  margin-right: 20px;
  padding-top: 2px;
}

#openMailFrameDiv {
  margin-left: 3px;
  width: 730px;
  height: 300px;
  background-color: #FFF;
  float: left;
}

#readMailDiv {
  width: 98%;
  margin: 0 auto;
  margin-top: 10px;
  padding: 10px 0px;
}

#mailReplayDiv {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  font-weight: bold;
  font-size: 18px;
  *font-size: 16px;
}

#mailReplayDiv a {
  color: #e02228;
  text-decoration: none;
}

#mailReplayDiv a:hover {
  color:#695a5a;
  text-decoration: none;
}

#mailDeleteDiv {
  float: right;
  margin-right: 10px;
  margin-top: 10px;
  font-weight: bold;
  font-size: 18px;
  *font-size: 16px;
}

#mailDeleteDiv a {
  color: #e02228;
  text-decoration: none;
}

#mailDeleteDiv a:hover {
  color:#695a5a;
  text-decoration: none;
}

.noHeight {
  height: 0px;
}

.mailLeftArrow {
  background-image: url(images/leftArrow.png);
  height: 26px;
  width: 21px;
  z-index: 1000;
}

#mailDivTop {
  overflow: auto;
  margin-top: 10px;
  height: 240px;
  width: 700px;
} 

#mailBackToInboxLink {
  margin-top: 30px;
  height: 30px;
  margin-left: 280px;
}

#playerBottomBar {
  position: absolute;
  width: 640px;
  height: 30px;
  background-image: url(images/playerBottomBar.png);
  background-repeat: repeat-x;
}

#playerBottomBarHome {
  position: absolute;
  width: 565px;
  height: 30px;
  background-image: url(images/playerBottomBar.png);
  background-repeat: repeat-x;
}

#playerBottomClose {
  position: relative;
  top: 15px; 
  right: -420px;
  cursor: pointer;
  float: left;
}

#playerBottomCloseHome {
  position: relative;
  top: 15px; 
  right: -346px;
  cursor: pointer;
  float: left;
}

#playerBottomClose2 {
  cursor: pointer;
  float: right;
}

#gotoProfileDiv {
  position: relative;
  padding-left: 90px;
}

#gotoProfileLeftButton {
  width: 12px;
  height: 24px;
  background-image: url(images/gotoProfileLeftButton.png);
  float: left;
}

#gotoProfileMidButton {
  height: 24px;
  background-image: url(images/gotoProfileMidButton.png);
  background-repeat: repeat-x;
  float: left;
  font-weight: bold;
  padding-top: 3px;
}

#gotoProfileMidButton a {
  color: #695a5a;
  text-decoration: none;
}

#gotoProfileMidButton a:hover {
  color: #FFF;
  text-decoration: none;
}

#gotoProfileRightButton {
  width: 12px;
  height: 24px;
  background-image: url(images/gotoProfileRightButton.png);
  float: left;
}

.pageNavNumber {
  float: left;
  width: 40px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.pageNavNumber a {
  color: #FFF;
  text-decoration: none;
}

.pageNavNumber a:hover {
  color: #e02228;
  text-decoration: none;
}

.pageNavArrow {
  background-image: url(images/pageNavButton.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 35px;
  height: 30px;
  font-size: 16px;
  font-weight: bold;
  float: left;
  margin-top: -5px;
  padding: 5px 0px 0px 7px;
}

.pageNavArrow a {
  color: #e02228;
  text-decoration: none;
}

.pageNavArrow a:hover {
  color: #695a5a;
  text-decoration: none;
}

.termsTitle {
  font-weight: bold;
  margin: 20px 0Px;
  float: left;
}

.motionVideo {
  position: absolute;
  width: 120px;
  height: 90px;
  left: 5px;
  top: 5px;
}

.motionVideoInnerDiv {
  width: 120px;
  height: 90px;
}

.buttonLink a {
  color: #e02228;
  font-weight: bold;
  text-decoration: none;
}

.buttonLink a:hover {
  color: #695a5a;
  font-weight: bold;
  text-decoration: none;
}

.membershipInfo {
  margin-left: 50px; 
  width: 200px; 
  padding-top: 4px; 
  font-weight: bold;
}

.darkBackLinks {
  color: #FFF;
}

.darkBackLinks a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}

.darkBackLinks a:hover {
  color: #FFF;
  text-decoration: underline;
  font-weight: bold;
}

.boldFont {
  font-weight: bold;
}

#favoLink {
  
}
#favoLink a{
  color: #DF2228;
  text-decoration: none;
}

#favoLink a:hover {
  color: #695a5a;
  text-decoration: none;
}


#homeList {
  font-weight: bold;
  font-size: 14px;
  margin-top: 14px;
  width: 150px;
  color:#DF2228;
}

#listStyle {
  margin: 14px 5px 0px 10px;
}

.popupTopLeft {
  width: 10px;
  height: 10px;
  background-color: red;
  float: left; 
}

.popupTopMid {
  height: 10px;
  background-color: blue;
  float: left; 
}

.popupTopRight {
  width: 10px;
  height: 10px;
  background-color: green;
  float: left; 
}

#overflower {
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	width:100%;
	height:100%;
	overflow:hidden;
	width:830px;
}
.scroll-pane {
	position:relative;
	overflow:auto;
	height:100%;
	width:100%;
}

.totalSelect {
  width: 100%;	
  height: 100%;	 
}

.commentArrowLeft {
  position: absolute;
  background-image: url(images/commentArrow.png);
  background-repeat: no-repeat;
  width: 17px;
  height: 20px;
  left: -10px;
  top: 20px;
}

.commentTop {
  background-image: url(images/commentBoxTop.png);
  background-repeat: no-repeat;
  width: 453px;
  height: 18px;
}

.commentTopWithout {
  background-image: url(images/commentBoxTopWithout.png);
  background-repeat: no-repeat;
  width: 453px;
  height: 18px;
}

.commentMid {
  background-image: url(images/commentBoxMid.png);
  background-repeat: repeat-y;
  padding: 10px;
  width: 433px;
}

.commentBottom {
  background-image: url(images/commentBoxBottom.png);
  background-repeat: no-repeat;
  width: 453px;
  height: 17px;
}

.underline {
  font-weight: bold;
}
