/*
1. blue in body background=#2D2A52

2. red in message box = #BF0306

3. blue in aboutme box= #DAE1F0

4. blue in sendusermsg+replywithflirtbutton+backtoflirtinbox =#D0D6E7

5. darkblue in particulars box= #39365C

6. Blue in Main Profile Image + Public Photos + PrivatePhotos= #DAE1F0 with white border= #ffffff

7. bluebelowflirtmessageinbox=#D0D6E7

8. Grey below image notetoself on profilepage= #F3F2F5
*/
html, body
{
  height:100%;
}
body
{
  background-color:black;
  padding:0;
  margin:0;
  text-align:center;
  height:100%;
}
body, pre, textarea, input, select, option, optgroup
{
  font-family: Helvetica, Arial, Trebuchet MS, Verdana;
  font-size:11px;
}
#wrapper
{
  position:relative;
  width:869px;
  margin:0 auto -158px auto;
  text-align:left;
  min-height:100%;
}
#wrapper, #main-wrapper
{
  background-color:#2D2A52;
  background-image:url('/images/wrapper-bg.gif');
  background-repeat:repeat-y;
}
#banner
{
  position:relative;
  height:134px;
  background-color:#2D2A52;
}
#banner-left
{
  float:left;
  width:26px;
  height:134px;
}
#logo
{
  float:left;
}
#eyes-wrapper
{
  background-image:url('/images/eyes-top.gif');
  background-repeat:repeat-x;
  padding-top:7px;
  float:left;
  width:537px;
  height:127px;
}
#eyes
{
  background-repeat:no-repeat;
  width:537px;
  height:127px;
}
#banner-right
{
  float:left;
  width:26px;
  height:134px;
}
#main-wrapper
{
  position:relative;
  padding:15px 15px 178px 15px;
}
#affiliates
{
  position:relative;
  width:120px;
  color:black;
}
.affiliate
{
  margin-top:10px;
}
#clickrate-seo-ad
{
  text-align:left;
  width:120px;
  background:white;
  color:black;
  overflow:hidden;
}
#clickrate-seo-ad p
{
  margin:0 5px 10px 5px;
}
#clickrate-seo-ad a
{
  text-decoration:underline;
  color:#C00307;
}
#clickrate-seo-ad a:hover
{
  text-decoration:none;
}
#left-wrapper
{
  position:absolute;
  width:120px;
  color:black;
}
#user-menu
{
  padding:5px 10px;
}
#user-menu ul
{
  margin:0;
  padding:0;
  list-style:none;
}
#user-menu li
{
  margin:5px 0 0 0;
  padding:5px 0 0 10px;
  border-top:1px solid #666;
  font-weight:bold;
}
#user-menu ul li ul li
{
  border:0;
  margin:0;
  padding:0 0 0 10px;
  font-weight:normal;
}
#user-menu a
{
  color:black;
}
#content
{
  position:relative;
  left:140px;
  width:700px;
  color:white;
}
.tall-not-logged-in
{
  min-height:650px;
}
.tall
{
  min-height:950px;
}
#content-home
{
  position:relative;
  width:840px;
  color:white;
}
.close
{
  text-align:center; 
  float:right;
  margin:-10px 0 5px 10px;
  font-size:30px;
  line-height:15px;
  text-decoration:none;
}
.close a, .close a:hover
{
  text-decoration:none;
}
.close a
{
  color:white;
}
.close a:hover
{
  color:black;
}
#ads
{
  margin-top:20px;
  height:130px;
}
.ad
{
  float:right;
  margin:0 19px 0 0;
  text-align:center;
}
#footer, #ads
{
  position:relative;
  clear:both;
  width:869px;
  margin:0 auto;
}
#footer
{
  height:28px;
  background-image:url('/images/wrapper-bottom.gif');
  background-position:bottom;
  background-repeat:no-repeat;
}
#preloader
{
  display:none;
}

/* common generic styles */
img 
{
  border:0;
}
.clear
{
  clear:both;
}
.clear-left
{
  clear:left;
}
.clear-right
{
  clear:right;
}
.left
{
  float:left;
}
.right
{
  float:right;
}
.align-center
{
  text-align:center;
}
.align-right
{
  text-align:right;
}
.align-left
{
  text-align:left;
}
.bold
{
  font-weight:bold;
}
.italic
{
  font-style:italic;
}
table
{
  border-collapse:collapse;
}
td, th, .padded
{
  padding:5px 10px;
}
td, th
{
  vertical-align:top;
}
input.field-with-errors, select.field-with-errors, textarea.field-with-errors
{
  border:2px solid #C00307;
}
a
{
  text-decoration:underline;
}
a:hover
{
  text-decoration:none;
}

span.tool {
  position: relative;   /* this is key */
  cursor: help;
}
 
span.tool span.tip {
  display: none;        /* so is this */
}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display:block;
  z-index:100;
  position:absolute;
  top:2.5em;
  left:0;
  line-height: 1.2em;
  padding:5px;
  font-size:10px;
  font-weight:normal;
  text-align:left;
  width:150px;
  color:black;
  background-color:#D9E2FF;
  border-top:2px solid #2D2A52;
  border-right:2px solid black;
  border-bottom:2px solid black;
  border-left:2px solid #2D2A52;
  /*
red style:
  color:white;
  background-color:#C00307;
  border-top:2px solid #666;
  border-right:2px solid black;
  border-bottom:2px solid black;
  border-left:2px solid #666;
   */
}

/* rounded corners styles */
.red-wrapper
{
  background-color:#C00307;
}
.white-wrapper
{
  background-color:#F3F2F5;
}
.blue-wrapper
{
  background-color:#DAE1F1;
}
.purple-wrapper
{
  background-color:#2D2A52;
}
.red-top
{
  background-image:url('/images/red-top.gif');
}
.white-top
{
  background-image:url('/images/white-top.gif');
}
.blue-top
{
  background-image:url('/images/blue-top.gif');
}
.purple-top
{
  background-image:url('/images/purple-top.gif');
}
.red-top, .white-top, .blue-top, .purple-top
{
  background-position:top;
}
.red-top-left
{
  background-image:url('/images/red-top-left.gif');
}
.white-top-left
{
  background-image:url('/images/white-top-left.gif');
}
.blue-top-left
{
  background-image:url('/images/blue-top-left.gif');
}
.purple-top-left
{
  background-image:url('/images/purple-top-left.gif');
}
.red-top-left, .white-top-left, .blue-top-left, .purple-top-left
{
  background-position:top left;
}
.red-top-right
{
  background-image:url('/images/red-top-right.gif');
}
.white-top-right
{
  background-image:url('/images/white-top-right.gif');
}
.blue-top-right
{
  background-image:url('/images/blue-top-right.gif');
}
.purple-top-right
{
  background-image:url('/images/purple-top-right.gif');
}
.red-top-right, .white-top-right, .blue-top-right, .purple-top-right
{
  background-position:top right;
}
.red-top-left,    .white-top-left,    .blue-top-left,    .purple-top-left, 
.red-bottom-left, .white-bottom-left, .blue-bottom-left, .purple-bottom-left,
.bubble-white-bottom-left, .bubble-red-bottom-left
{
  float:left;
}
.red-top-right,    .white-top-right,    .blue-top-right,    .purple-top-right, 
.red-bottom-right, .white-bottom-right, .blue-bottom-right, .purple-bottom-right,
.bubble-white-bottom-right, .bubble-red-bottom-right
{
  float:right;
}
.red-top,          .white-top,          .blue-top,          .purple-top, 
.red-top-left,     .white-top-left,     .blue-top-left,     .purple-top-left, 
.red-top-right,    .white-top-right,    .blue-top-right,    .purple-top-right, 
.red-bottom,       .white-bottom,       .blue-bottom,       .purple-bottom, 
.red-bottom-left,  .white-bottom-left,  .blue-bottom-left,  .purple-bottom-left, 
.red-bottom-right, .white-bottom-right, .blue-bottom-right, .purple-bottom-right
{
  height:10px;
}
.bubble-white-bottom, .bubble-white-bottom-left, .bubble-white-bottom-right,
.bubble-red-bottom,   .bubble-red-bottom-left,   .bubble-red-bottom-right
{
  height:20px;
}
.red-top-left,     .white-top-left,     .blue-top-left,     .purple-top-left, 
.red-top-right,    .white-top-right,    .blue-top-right,    .purple-top-right, 
.red-bottom-left,  .white-bottom-left,  .blue-bottom-left,  .purple-bottom-left, 
.red-bottom-right, .white-bottom-right, .blue-bottom-right, .purple-bottom-right
{
  width:11px;
}
.bubble-white-bottom-left, .bubble-white-bottom-right, 
.bubble-red-bottom-left,   .bubble-red-bottom-right
{
  width:22px;
}
.red-bottom, .bubble-red-bottom
{
  background-image:url('/images/red-bottom.gif');
}
.white-bottom, .bubble-white-bottom
{
  background-image:url('/images/white-bottom.gif');
}
.red-bottom, .white-bottom, .blue-bottom, .purple-bottom
{
  background-position:bottom;
}
.bubble-white-bottom, .bubble-red-bottom
{
  background-position:top;
  background-color:#2D2A52;
}
.red-bottom-left
{
  background-image:url('/images/red-bottom-left.gif');
}
.white-bottom-left
{
  background-image:url('/images/white-bottom-left.gif');
}
.blue-bottom-left
{
  background-image:url('/images/blue-bottom-left.gif');
}
.purple-bottom-left
{
  background-image:url('/images/purple-bottom-left.gif');
}
.bubble-white-bottom-left
{
  background-image:url('/images/bubble-white-bottom-left.gif');
}
.bubble-red-bottom-left
{
  background-image:url('/images/bubble-red-bottom-left.gif');
}
.red-bottom-left, .white-bottom-left, .blue-bottom-left, .purple-bottom-left, .bubble-white-bottom-left, .bubble-red-bottom-left
{
  background-position:bottom left;
}
.red-bottom-right
{
  background-image:url('/images/red-bottom-right.gif');
}
.white-bottom-right
{
  background-image:url('/images/white-bottom-right.gif');
}
.blue-bottom-right
{
  background-image:url('/images/blue-bottom-right.gif');
}
.purple-bottom-right
{
  background-image:url('/images/purple-bottom-right.gif');
}
.bubble-white-bottom-right
{
  background-image:url('/images/bubble-white-bottom-right.gif');
}
.bubble-red-bottom-right
{
  background-image:url('/images/bubble-red-bottom-right.gif');
}
.red-bottom-right, .white-bottom-right, .blue-bottom-right, .purple-bottom-right, .bubble-white-bottom-right, .bubble-red-bottom-right
{
  background-position:bottom right;
}
.red-right
{
  background-image:url('/images/red-right.gif');
}
.white-right
{
  background-image:url('/images/white-right.gif');
}
.blue-right
{
  background-image:url('/images/blue-right.gif');
}
.purple-right
{
  background-image:url('/images/purple-right.gif');
}
.red-right, .white-right, .blue-right, .purple-right
{
  background-position:right;
}
.red-left
{
  background-image:url('/images/red-left.gif');
}
.white-left
{
  background-image:url('/images/white-left.gif');
}
.blue-left
{
  background-image:url('/images/blue-left.gif');
}
.purple-left
{
  background-image:url('/images/purple-left.gif');
}
.red-left, .white-left, .blue-left, .purple-left
{
  background-position:left;
}
.red-middle, .white-middle, .blue-middle, .purple-middle
{
  padding:10px 11px;
}
.red-top,    .white-top,    .blue-top,    .purple-top,
.red-bottom, .white-bottom, .blue-bottom, .purple-bottom,
.bubble-white-bottom, .bubble-red-bottom
{
  background-repeat:repeat-x;
}
.red-left,  .white-left,  .blue-left,  .purple-left,
.red-right, .white-right, .blue-right, .purple-right
{
  background-repeat:repeat-y;
}
.red-top-left,     .white-top-left,     .blue-top-left,     .purple-top-left,
.red-top-right,    .white-top-right,    .blue-top-right,    .purple-top-right,
.red-bottom-left,  .white-bottom-left,  .blue-bottom-left,  .purple-bottom-left,
.red-bottom-right, .white-bottom-right, .blue-bottom-right, .purple-bottom-right
{
  background-repeat:no-repeat;
}
.bubble-red-bottom .red-bottom-left, .bubble-red-bottom .red-bottom-right,
.bubble-white-bottom .white-bottom-left, .bubble-white-bottom .white-bottom-right
{
  background-position:top;
}

/* shared styles */
h1, h2, h3, h4, h5, h6
{
  font-weight:normal;
}
h1
{
  font-size:2.0em;
}
h2
{
  font-size:1.7em;
}
h3
{
  font-size:1.5em;
}
h4
{
  font-size:1.4em;
}
h5
{
  font-size:1.3em;
}
h6
{
  font-size:1.2em;
}
a, a:hover, .white-text, .white-text a, .white-text a:hover
{
  color:white;
}
.black-text, .black-text a, .black-text a:hover
{
  color:black;
}
.red-text, .red-text a, .red-text a:hover
{
  color:#C00307;
}
.blue-text, .blue-text a, .blue-text a:hover
{
  color:#DAE1F1;
}
.purple-text, .purple-text a, .purple-text a:hover
{
  color:#2D2A52;
}
.drag
{
  cursor:move;
}
#public-photos td, #private-photos td
{
  text-align:center;
  padding:0 20px;
}
.photo
{
  float:left;
  padding:0;
  margin:10px 5px 0 0;
  background-color:#DAE1F1;
  text-align:center;
  font-size:10px;
  width:125px;
  height:175px;
  overflow-y:auto;
  overflow-x:hidden;
  color:black;
}
.photo a
{
  color:black;
}
.approved
{
  border: 4px solid white;
}
.denied
{
  border: 4px solid #C00307;
}
.pending
{
  border: 4px dashed #AAA;
}
.photo .caption
{
  width:120px;
  margin:0 auto;
  text-align:center;
}
.toolbar
{
  text-align:right; 
  padding:2px;
  margin:0 0 5px 0;
  height:16px;
}
.last-online
{
  font-weight:normal;
  color:#C00307;
  margin-left:15px;
}
/* welcome page styles */
.flag
{
  float:right;
  text-align:center;
  margin-left:10px;
}
#home-search, #home-join, #home-login
{
  float:right;
  padding:2px 10px;
  margin:0 10px;
  width:150px;
}
#home-search h2, #home-join h2, #home-login h2
{
  font-size:14px;
}
#home-search
{
  text-align:left;
  color:#C00307;
  background-color:#F3F2F5;
  border-top:3px solid #CCC;
  border-right:3px solid #AAA;
  width:200px;
}
#home-join
{
  text-align:center;
}
#home-login
{
  text-align:left;
  
}
#home-login-button
{
  float:right;
}
table#home td
{
  text-align:center;
}
#random-users
{
  margin-top:5px;
  overflow:hidden;
}
#random-users, #random-users .random-user a
{
  color:black;
}
#random-users .random-user
{
  vertical-align:baseline;
  float:left;
  margin:0;
  padding:0;
  width:119px;
  height:200px;
  overflow:hidden;
  text-align:center;
}
#random-users .random-user p
{
  text-align:left;
}
#random-users .random-user a
{
  display:block;
  width:109px;
  height:190px;
  padding:5px;
  text-decoration:none;
}
.random-user img
{
  text-align:center;
}
#random-users .random-user a:hover
{
  text-decoration:none;
}
#random-users a:hover
{
  background-color:#FFEFF0;
}
.odd
{
  background-color:#F3F2F5;
}
.even
{
  background-color:#D9E2FF;
}
/* home page styles */
table#home
{
  width:100%;
}
table#home td
{
  padding:15px 0;
}
/* search results styles */
.note-to-self-wrapper-blue, .note-to-self-wrapper-white,
.note-to-self-top-blue, .note-to-self-top-white,
.note-to-self-bottom-blue, .note-to-self-bottom-white
{
  width:123px;
}
.note-to-self-wrapper-blue, .note-to-self-wrapper-white
{
  height:125px;
  float:left;
  background-repeat:repeat-y;
}
.note-to-self-wrapper-blue
{
  background-image:url('/images/note-to-self-bg-blue.gif');
}
.note-to-self-wrapper-white
{
  background-image:url('/images/note-to-self-bg-white.gif');
}
.note-to-self-top-blue, .note-to-self-top-white
{
  height:19px;
}
.note-to-self-top-blue
{
  background-image:url('/images/note-to-self-top-blue.gif');
}
.note-to-self-top-white
{
  background-image:url('/images/note-to-self-top-white.gif');
}
.note-to-self-bottom-blue, .note-to-self-bottom-white
{
  height:19px;
}
.note-to-self-bottom-blue
{
  background-image:url('/images/note-to-self-bottom-blue.gif');
}
.note-to-self-bottom-white
{
  background-image:url('/images/note-to-self-bottom-white.gif');
}

.note-to-self-note
{
  margin:0 2px 0 8px;
  width:113px;
  height:87px;
  overflow-y:auto;
  overflow-x:hidden;
}
.note-to-self-note textarea
{
  border:0;
  width:113px;
  height:62px;
  font-family: Helvetica, Arial, Trebuchet MS, Verdana;
  font-size:11px;
  background:transparent;
}
/* advertise-with-us and contact-us page styles */
#contact-us-form
{
  margin:0 0 15px 15px;
}
#messages-table td, td.linked
{
  padding:0;
}
#messages-table a, td.linked a
{
  padding:5px 10px;
  text-decoration:none;
  display:block;
  height:100%;
}
#messages-table a:hover, td.linked a:hover
{
  text-decoration:none;
  background-color:#FFEFF0;
}
#summary td
{
  height:140px;
}
#conversation-wrapper
{
  text-align:center;
}
#conversation
{
  margin:0 auto;
}
#conversation td
{
  padding:0;
  vertical-align:bottom;
  text-align:left;
}
.unread
{
  font-weight:bold;
}