﻿/* Copyright coupl.in (C) 2009 -2010 */

* {
    margin: 0;
    padding: 0;

}

html, body {
    margin: 0;

    height:100%;
    background-color: #ffffff;
    /*font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;*/
    /*    font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;*/
    /*font:normal 12px  "Lucida sans Unicode" arial, hirakakupro-w3, osaka, "ms pgothic", sans-serif;*/
    font-size: 9pt;
    font-family: "lucida grande",verdana,tahoma,arial,sans-serif;
    /*font:normal 12px "Lucida Grande",Geneva,Arial,Verdana,sans-serif;*/
    color: #444;

}
.container {
    min-height: 2px;
    float:left;
    margin-top:10px;
}

.boldfont {
    font-weight: bold;
}
.blackfont {
    color:#666;
}
.smallfont {
  font-size:0.9em;
}
.orangefont {
    color: #cb7305;
    font-weight: bold;
}
.error{
    color:red;
    font-size:0.8em;
}
.h_error {

    color:red;
    font-size:0.8em;
    display:none;
}

.greenfont{
    /*color: #878005;*/
    color:rgb(80, 131, 181);
    font-weight: bold;
}

.yellowfont {

    color:#cad704;
}
.lightorangefont {
    color: #CC6600;

}

.lightgreenfont{
    color: #438c04;
}


hr {
    color: #438c04;
    margin-top:2px;
}

.ca {

    text-align:center;
 }

.topspacing0 {

   margin-top:1em;
 }


.topspacing {

   margin-top:5%;
 }

.topspacing2 {

   margin-top:10%;
 }

 .leftspacing {
	 
	 margin-left:5%;
 }
 .leftspacingb {
	 
	 margin-left:10%;
 }
 
.button1 {

    font-size: 14px;
    background-image: url('/images/login.gif')  ;
    color: #ffffff;
    font-weight: bold;
    background-color:transparent;border:none;
    width: 88px;height:45px;
}

.button1_hover{
    text-decoration:underline;
    font-size: 14px;
    background-image: url('/images/login.gif')  ;
    color: #ffffff;
    font-weight: bold;
    background-color:transparent;
    border:none;
    width: 88px;height:45px;
    cursor:pointer;
}
.button2 {

    font-size: 14px;
    background-image: url('/images/set_preferences.gif');
    color: #ffffff;
    font-weight: bold;
    background-color:transparent;border:none;
    width: 129px;height:45px;
}

.button2_hover{


    font-size: 14px;
    background-image: url('/images/set_preferences.gif')  ;
    color: #ffffff;
    background-color:transparent;border:none;
    font-weight: bold;
    width: 129px; height:45px;
    cursor:pointer;
}


h1{

    font-size: 1.8em;
    font-weight: bold;
}
h2{

    font-size: 1.5em;
    color: #666;
}
h3{

    font-size: 1.33em;
    color: #878005;
    height: 20px;
}
h4 {

    font-size: 1.1em;
    color: #444;

}

.greenline {
    height: 2px;
    width:100%;
    float:left;
}

.pagetitle{
    float:left;
    margin-top: 20px;
    width: 48%;
    line-height:25px;
    display:block;
    vertical-align: middle;
}
.pagetitle img{
    float:left;
}

.social {

    float:left;
    margin-top: 20px;
    margin-right:30px;
    width:30%;
}
.pagetitleright {

    float: right;
    margin-top: 20px;
    height: 28px;
    text-align: right;
}

.sideheading{
    float:left;
    margin-top: 20px;
    width: 48%;
    line-height:23px;
    display:block;
    vertical-align: middle;
}
.sideheading img{
    float:left;margin-right:5px;
}
.sideheadingright {

    float: right;
    margin-top: 20px;
    height: 23px;
    line-height:23px;
    display:block;
    vertical-align: middle;
    text-align: right;
}

.shortprofilecontainer{
    float:right;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height:21px;
    display:block;
    vertical-align: middle;
    width:70%;
}




.profilephoto{
    float:left;
    margin-top: 20px;
    /*width: 210px;*/
    width:30%;
    /*height:160px;*/
    /*	line-height:23px;*/
    margin-bottom:20px;
    display:block;
    vertical-align: middle;
}
.profilephoto img{
    float:left;
}

a.redlink {

    font-style: normal;
    font-weight: 600;
    font-variant: normal;
    /*color: #790b0b;*/
    color:#878005;
    text-decoration: none;
}



a.footerlink {
    font-size: 0.86em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #878005;
     /*color:rgb(80, 131, 181);*/
    text-decoration: none;
}

a {
    text-decoration:none;
}
a.redlink:hover ,a.footerlink:hover {
    text-decoration:underline;
}
a.lt,a.lt:hover{
 text-decoration:line-through !important;
}

a img {
border:none;
}

textarea {
border-width:3px;
cursor:text;
}
textarea:focus {

border-width:3px;
border-color: #438c04;
background-color:#e6f1d3;

}
select {
 font-size:0.95em;
}

input[type="text"], input[type="password"]{

height:1.5em;
border:solid 1px #aaa;

}


input[type="text"]:focus, input[type="password"]:focus{

border: solid 1px #878005 ;
}


.login {
    height:1.6em;
    font-size:0.8em;font-weight:bold;
}



#page-wrap {
width: 100%;
height:100%;
/*min-height:780px;*/
}

#page-wrap-index {
width: 100%;
height:100%;
/*min-height:780px;*/
background:url('/images/gradient.png') repeat-x;
}



.homepagemain {

min-height:780px;
}

.homepagemain-topleft {
margin-left:13%;
margin-right:13%;
background-color:white;
min-height:780px;

}

.indexpagemain {
/*min-height:780px;*/
margin-top:1px;
}

.indexpagemain-topleft {
width:93%;
margin-left:2%;
/*min-height:780px;*/

}
#searchpagemain {

  margin-left:7%;
  margin-right:7%;
  
}

#indexpagemain-center {
 
  margin-left:18%;
  margin-right:17%;
}


#featurescol {
margin-top: 0px;
width:100%;/*vivek*/
margin-left:5%;

}

#featurescol div#first {
display:none;
}
div#kal {
display:none;
}
#featurescol div#second {
font-weight:bold;
text-align:center;
padding-right:30px;

}

#featuresrow {

clear:both;
margin-top:1.5em;
padding-top:0.5em;
width:100%;/*vivek*/
text-align:center;
}



#footer {

width:100%;
text-align: center;
padding-top: 5em;
padding-bottom: 2px;
margin-bottom:0px;
clear:both;
}

div#notify {

float: right;
text-align: right;
margin-right:5px;
margin-top:2px;
}




div#loginoptions  {

font-size:0.8em;
position:absolute;
top:0px;right:0px;
}

div.signup {

float:left;
width:45%;
text-align:center;


}
div.signup  div.box {

min-height:30em;
padding-top:1.2em;
}
div.signup  div.box div {

margin-top:3em;

}

div.signup table {

margin-top:1em;
width:100%;
}
div.signup table th,div.reset table th  {

text-align:right;

}


#main-content-3col {

padding-left: 2%;
padding-right:0px;
margin-top: -0.5em;
margin-right: 20px;
padding-top:0px;
min-height:30em;
clear:both;
}
/*tab navigation*/



div#strip {
 padding:0.6em 0 0 1em;
 background: url("/images/menu-bg2.gif") no-repeat top left;
 height:2.8em;
}

ul.nav {
 margin:0;
 padding:0;
 list-style:none;
 
}

ul.nav li.topl {
  display:block;
  float : left;
  position:relative;
  height:2.2em;
}

ul.nav li.topl > a {
   padding-right:0.5em; 
   padding-left:0.5em;
   color:white;
   font-weight:bold;
   text-decoration:none;
   display:block;
}

ul.nav li.topl ul {
   
   position:absolute;
   margin-left:-0.6em;
   z-index:10;
   top:2.1em;
   width:12em;
   padding-bottom:0.4em;
   border:solid 1px #878005;
   border-top:none;
   list-style:none;
   display:none;
   background-color:white;
   padding-top:0.5em;
   
   
}
ul.nav li.topl:hover ul {
  display:block;
}

li.topl ul li {
   display:block;
}
li.topl ul li a {
  padding-left:1.6em;
  text-decoration:none;
  color:#777;
  font-size:0.95em;
  display:block;
  height:2em;
}

li.topl ul li a:hover {
 background-color: #C3C082;

}

div.progressbar {
          margin-left:15%;
		  width:75%; 
		  background: white;
 		  border: 1px solid #878005;
		  height: 1.4em;
}

div.joined_d {
	text-align: center; float: left; background-color: #878005;height: 1.4em;
}
div.joined{
	text-align: center; float: left; background-color: #C3C082;height: 1.4em;
}
span.joined_d{
 	margin-right: 6px; color:#000;
	
}



div#actions {
 background : url("/images/actions.gif") no-repeat top right;
 position:relative;
 width:226px;
 height:76px;
 float:right;
 padding:0 0 3px 3px;
}


div#actions div#header {
 
 padding-top:5px;
 padding-left:0.2em;
 margin-left:3px;
 border-bottom:dotted 1px #C3C082;
 font-size:0.95em;
 text-transform:capitalize;
}
div#actions div#next {
  float:right;
  margin-right:0.8em;
  font-size:0.85em;
  font-weight:bold;
  
}
div#next a,div#next a:visited div#next a:hover {

 color:#777;
}
div#actions div#content {

 padding-left:0.4em;
 padding-top:0.4em;
 text-align:center;
 font-size:0.95em;
}
div#actions div#content a{

 text-decoration:none;
 color:#777;
}

div#actions div#logout {

 position:absolute;
 bottom:10px;right:5px;
}



div#tabnavcontainer {

min-height: 110px;
margin-top:10px;
width: 99%;
margin-right:-30px;
margin-bottom:30px;
}


.tabcontents {
min-height:110px;
padding-left:10px;
margin-top:-15px;
background-color:white;
position:relative;
border-bottom:solid 1px #e6f1d3;
}
.tabcontents td *{
vertical-align:bottom;
}
.tabcontents div {
margin-top:15px;
}

.tab-box {
float:left;
width:22%;
min-height:110px;
}

div.cloudentry {


margin-bottom:10px;
margin-bottom:10px;
}



div.cloudentry  {

text-align:center;
}


div.uservalues span {
padding-left:5px;
}

table#logo {

padding-left:2%;
}
table#logo td#tagline {

padding-left:2.5em;
}

div#trial {

padding-bottom:10px;

}

div#trial div#loadingimg {

text-align:center;
margin-top:10em;
}

div#trial div.cloudentry{

margin-left:5%;
padding-top:10px;
width:92%;
}
div#trial div#gchoice {

clear:both;
text-align:center;
}

div#main-content-3col  div.cloudentry{

margin-left:6%;margin-right:10%;
padding-top:2px;
width:87%;
}
#trial #header {

display:none;
}

div#trial div#cloud {
padding-left:10px;
width:100%;
}

div#trial div.cloud {
min-height:21em;
width:100%;
}
div#main-content-3col div#trial div.cloud {
min-height:28em;
width:100%;
}


div#trial div.cloud div.kvalues{
min-height:16em;
}



div#trial p.cloudtip {

text-align:center;
margin-bottom:0.75em;
}

#trial #trialheader {

position:absolute;border:solid 3px #e6f1d3;background-color:white;
margin-top : 30px;
margin-bottom:30px;
}

#trialheader h3 {

margin-bottom:30px;
}


div.cloudentry div.uservalues {

border : dotted 3px #e6f1d3;
margin-top:15px;
margin-bottom:20px;
padding-top:10px;
padding-bottom:10px;
width:80%;
}


div.editfilter {
	
	padding:30px;
	width:90%;
}

#trialmatches {

font-size:24px;
margin-bottom:5px;

}



.register {
padding-top:4em;

}
.register  div{

color: #111;
margin-bottom:1.5em;

width:80%;
margin-left:15%;
}
.register label.label {
display:block;
float:left;
width:30%;
font-weight: bold;
margin-left:5px;
}

span.tip {
font-size:0.9em;
font-weight:normal;
color:#888888;
width:100%;/* tip to be on one line*/
}
div.aboutus {
padding-top:30px;

}

div.aboutus ul{
margin-left:30px;
}
div.aboutus {

font-size:1.0em;

}

div.aboutus p{


margin-top:5px;
margin-bottom:10px;
}

div.aboutus h1,div.aboutus h2 {

margin-top:10px;
margin-bottom:10px;
text-decoration:underline;
}
div.aboutus table {

margin: 20px 0px 20px 10%;

}
div.aboutus td {
border:solid 1px #aaaaaa;
text-align:center;
}

div.aboutus h3 {

font-size:1.2em;
}

/* tag cloud*/


div.cloud a {


text-decoration: none;
line-height: 27px;
padding-top: 4px;
padding-right: 6px;
padding-bottom: 3px;
padding-left: 2px;
}
div.cloud a:hover {

text-decoration: underline;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;

}


.c0 {

color: #4B0082;
}

.c1 {
color: #cb7305;

}

.c2 {
color: #666600;
}

.c3 {
 color:rgb(80, 131, 181);
}

.c4 {
color: #330033;

}

.c5 {
color: #888888;
}

.c6 {
color: #448c04;
}

.c7 {
color: #000000;
}
.c8 {

color: #878005;
}

.c9 {
  color:#f80656;
 }
.c10 {
  color: rgb(80, 131, 181);
}
.s0  {
font-size: 0.8em;

}
.s1  {
font-size: 0.85em;
}

.s2  {
font-size: 0.90em;
}

.s3  {
font-size: 0.95em;
}
.s4  {
font-size: 1em;
}
.s5  {
font-size: 1.1em;
line-height: 27px;
}
.s6  {
font-size: 1.2em;
}
.s7  {
font-size: 1.3em;
}
.s8  {
font-size: 1.4;
}
.s9  {
font-size: 1.5em;
}
.s10  {
font-size: 1.6em;
}
.s11  {
font-size: 1.7em;
}
.s12  {
font-size: 1.8em;
}

.photoborder {
padding: 2px;
border: solid 1px #c3caaa;
}
.photoborder_highlight {
padding: 2px;
border: solid 2px #cb7305;
}

.photoborder_m {
padding: 1px;
border: solid 1px #3366FF;
}

.photoborder_f {
padding: 1px;
border: solid 1px #f80656;
}




.form input[type="text"] {
width:360px;
height:1.8em;
}

.form textarea {

height:128px;
width :360px;
}



/*messages*/



.msg_sender {
font-weight:bold; float:left;
width:10%;

}


.unread {
font-weight:bold;
}

.msg_body {
margin-left:5em;
vertical-align:bottom;
margin-bottom:5px;padding:1em;
width:80%;
min-height:80px;
border:solid 1px #e6f1d3;

}
.msg_body  div{
padding-right:4px;
}


.map {

min-height:50px;
padding:2px;
margin-top:-10px;
}

/* for rounded corners*/
.roundedcornr_box_439980 {
background: url(/images/roundedcornr_439980_tl.png) no-repeat top left;
margin-bottom:10px;
position:relative;
}
.roundedcornr_top_439980 {
background: url(/images/roundedcornr_439980_tr.png) no-repeat top right;
}
.roundedcornr_bottom_439980 {
background: url(/images/roundedcornr_439980_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_439980 div {
background: url(/images/roundedcornr_439980_br.png) no-repeat bottom right;
}
.roundedcornr_content_439980 {
background: url(/images/roundedcornr_439980_r.png) top right repeat-y;
}

.roundedcornr_top_439980 div,.roundedcornr_top_439980,
.roundedcornr_bottom_439980 div, .roundedcornr_bottom_439980 {
width: 100%;
height: 30px;
font-size: 1px;

}
.roundedcornr_content_439980, .roundedcornr_bottom_439980 {
margin-top: 0px;
}
.roundedcornr_content_439980 { padding: 0 30px; }

span.key {


padding-left:3px;font-weight:bold;
text-transform:capitalize;
}

span.filter {
font-size:14px;padding-left:3px;font-weight:bold;
}

div.key {
  margin-top:10px;
}

.controls {
position:absolute;
bottom:4%;right:2%;
}


div#navstrip {

margin-left:20%;
margin-top:3em;
width:630px;
}
div#navstrip h4 {
text-align:center;
margin-bottom:1em;
}

div#view {
 display:block;
 width:650px;
 height:616px;
 background: url('/images/profile.gif') no-repeat top left ;
 padding: 25px 25px 0 25px;
 position:relative;
 float:left;
 margin-top:1em;
 font-size:0.955em;

}

div#view a#tviews {
  
 position:absolute;
 top:16px;
 left:590px;
}

div.vtab {
 padding-left:1.8em;
 padding-right:4.2em;
}

div#pmenu{
   margin-top:2em;
   clear:left;
   float:left;
}

div#searchpagemain div#pmenu{
  margin-top:5em;
}

div#pmenu div#sview {

  background : url('/images/svw.gif') top left no-repeat;
  width:148px;
  height:60px;
  color:white;
  font-weight:bold;
  padding-top:6px;
  font-size:12px;
}

div#sview #svchoices {

  padding-top:10px;
}
div#sview #svchoices a {

 padding-right:12px;
}

div#pmenu div#pfilters{
  margin-top:3em;
  background : url('/images/svw.gif') top left no-repeat;
  width:148px;
  height:60px;
}

div#pmenu div#pfilters div.filter {
  border-bottom:dotted 1px #C3C082;
  width:8em;	
  margin-left:4em;
}

div#pfilters ul.nav li.topl > a {
   padding-left:52px;
   padding-top:6px;
   font-size:12px;
}
div#pfilters ul.nav li.topl ul {
   
    margin-left:2px;
    width:142px;
    top:20px;
}
div#matchscore {

 float:left;
 width:120px;

}
div#wmessage {
    
    text-align:center;
    margin-bottom:0.1em;
}
div#pactions a {

 padding-left:2em;
  padding-right:2em;
}
div#convclick {
 text-align:center;
}


div#view .btitle {
 
  color:#333;
  font-weight:bold;
}
div#view .title {

 color:#777;
}

.tablerowcontainer {
    width:90%;
    float:left;
    margin-top:10px;
    
}
div.tablerowcontainer div {
 display:inline;
}
div.tablerowcontainer div.title {
 	
 margin-bottom:5px;
 text-transform:capitalize;
}
div.tablerowcontainer div.title + div {

margin-right:4em;
}
div.tablerowcontainer a.editbutton {

 margin-left:-3.8em;
 margin-right:1em;
}
 
div#qviewcustomize div.tablerowcontainer div.title + div{
display:inline-block;
width:6em;
text-transform:capitalize;

}


div#profilepic {

  float:left;
  margin-right:0.5em;
}

div#briefmatch {
   margin-left:2.5em;
   padding-right:0.5em;

}
div#view div.info {

  padding-top:10px
  
}

div#qview div#customize {

     float:right;
     margin-right:100px;
}
.inplaceeditor-form {

  display:inline;
}
div#knowmore {
clear:both;
padding-top:17px;
margin-top:8em;
}
div#knowmore table {

  width:100%;
}

span.rfilters {

  display:inline-block;
  padding-right:2em;
}
div#view div#msg {

   padding-left:40px;
}

div.cb {
  clear:both;
}

div.entertags {

  position:relative;
  
}
/*
div.info {

min-height:4em;
padding-top:7px;
margin-top:5px;
border-top:solid 2px #e6f1d3;
}
*/

span.choice {
position:absolute;
right:0%;
}

/*feedback icon*/
div#fbicon {

position:fixed;bottom:0%;left:0%
}
div#fbform {

position:fixed;
bottom:0%;
left:0%;
background-color:white;
border:solid 2px #438c04;
}


/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 0em 0em; /* set margins as desired */
/*font: bold 12px verdana, arial, sans-serif;  set font as desired */
/*border-bottom: 1px solid #6c6; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 5px 6px 5px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;

}

ul#tabnav li.current { /* settings for selected tab */
/* set border color to page background color */
background-color: #e6f1d3; /* set background color to match above border color */
/*border-bottom: 1px solid #fff;*/
}

ul#tabnav li.current a { /* settings for selected tab link */
background-color: #e6f1d3; /* set selected tab background color as desired */
/*color: #fff;  set selected tab link color as desired */

padding-top: 6px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 6px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #ccc; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #fff; /* set unselected tab background color as desired */
color: #878005; /* set unselected tab link color as desired */
margin-right: -3px; /* set additional spacing between tabs as desired */
text-decoration: none;

/*border-bottom: none;*/
}

ul#tabnav a:hover { /* settings for hover effect */
background: #e6f1d3; /* set desired hover color */
}

.shadow {

float:left;
background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
background: url(/images/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;

}
div.shadow {
width:100%;

}
div.content {

width:100%;
min-height:30em;
}
div.box {


}

.shadow a.nav {
display:block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 5px;
}

.shadow  > div.cloud ,.shadow > div.content, div.box {
border: 1px solid #ccc;
padding-top: 10px;
margin: -6px 6px 6px -8px !important;
margin: 0;

}

/* end css tabs */



div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
  z-index:4;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #f5fad8;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:1.5em;
  cursor:pointer;
}



/* http://www.alistapart.com/articles/zebratables/                             */
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border: 1px solid #963;
	height: 285px;
	overflow: auto;
	width: 756px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	width: 756px
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 740px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	width: 756px
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block
}

/* make the TH elements pretty */
thead.fixedHeader th {
	background: #C3C082;
	border-left: 1px solid #c3c2a4;
	border-right: 1px solid #878005;
	border-top: 1px solid #878005;
	font-weight: normal;
	padding: 4px 3px;
	text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
	color: #FFF;
	display: block;
	text-decoration: none;
	width: 100%
}
*/
/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   
thead.fixedHeader a:hover {
	color: #FFF;
	display: block;
	text-decoration: underline;
	width: 100%
}
*/
/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
	display: block;
	height: 262px;
	overflow: auto;
	width: 100%
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
	
}

tbody.scrollContent tr.alternateRow td {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
	width: 58px
}

html>body thead.fixedHeader th + th {
	width: 308px
}

html>body thead.fixedHeader th + th + th {
	width: 390px
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
	width: 60px
}

html>body tbody.scrollContent td + td {
	width: 310px;
	
}

html>body tbody.scrollContent td + td + td {
	width: 370px;
	
}
/* Invite users*/
div.invite_div{
clear: both;
overflow: auto;
width: 70%;
}



div#search-widget {
 display:block;
 width:615px;
 height:616px;
 background: url('/images/profile.gif') no-repeat top left ;
 padding:25px;
 padding-left:40px;
 position:relative;
 float:left;
 
}


div#kaleidoscope div#photo {
   float:left;
   margin-right:12px;
   width:140px; 
}

div#kaleidoscope  div#tags{
   margin-right:50px;

}
div#ncouples {
  background: url('/images/icons/conversations.gif') no-repeat top left;
  padding-top:14px;
  padding-left:23px;
  height:48px;
  
}
span#number{
  font-weight:bold;
  font-size:11px;
  color:white;
  margin-right:16px;
}


div#couplin-widget {
 display:block;
 width:630px;
 height:403px;
 background: url('/images/widget.gif') no-repeat top left ;
 padding:25px;
 position:relative;
}
div#couplin-widget div#main div.cloud a:hover{
  font-weight:bold;
  font-size:1.1em;
}

div#couplin-widget div#how li,div#couplin-widget div#why li{
  color:#777;
  font-weight:bold;
  margin-bottom:1em;
}

div#couplin-widget div#gchoice {

 float:left;
 margin-left:240px;
}
div#couplin-widget div#gchoice p {

 float:left;
 margin-right:30px;
}


div#couplin-widget  .entertags {
  margin-right:30px;

}
div#couplin-widget .next {

 clear:both;
 margin-right:30px;
 position:absolute;
 top:301px;
 left:280px;
 text-align:center; 
}
div#couplin-widget div#searchparams a {

    margin-right:50px;
    margin-left:10px;
}
div#couplin-widget div#searchparams {
   position:absolute;
   bottom:83px;
   
}
div#searchparams blockquote#location div {
 display:inline;

}

div#couplin-widget input[type="text"] {


 height:1.5em;
 padding-top:1em;
 width:500px;
 font-size:0.90em;
 color:#666;
 margin-left:1em;
}

div#couplin-widget span#clicktext {

  font-size:0.75em;
  margin-left:90px;
}

div#couplin-widget  div#legend {

  width:580px;
  position:absolute;
  left:90px;
  bottom:25px;
}
div#couplin-widget h2,div#couplin-widget h3,div#couplin-widget h4,div#couplin-widget h1,div#couplin-widget h5{

  color:#777;
  

}
div#fbtip {

 border:dotted 1px #aaa;
 color: #333;
 background-color:#fff;
 z-index:10;
 width:30em;
 font-size:0.8em;
 position:absolute;
 top:260px;
 right:8em;
}

div#ntip {

 border:dotted 1px #aaa;
 color: #777;
 background-color:#fff;
 z-index:10;
 width:15em;
 font-size:0.8em;
 position:absolute;
 top:50px;
 right:40px;
}
div#couplin-widget h1 {

 font-size:4em;
}

div#couplin-widget a.underlinefont {
  text-decoration:underline;
 }

div#couplin-widget h5#htext{
    color: #555;
    font-weight: bold;
    text-align:center;
}

