﻿/* default css */

body{
width: 100%;
background-color:#F0F0F0;
font-family: Helvetica, Arial, sans-serif;
margin:0;
padding:0;
text-align: left;
font-size: 100%;

}

* {margin:0;padding:0;}


#wrapper{

margin:0px auto;
/*padding:10px;*/
/*background-color:#E3E8FF;*/
background-color:#FBF8F4;
/*border:1px solid #6E9CFF;*/
margin: 0 auto;

background-image:url(../images/wrapper_bg.png);
background-origin:initial;
background-position: 0 0;
background-repeat:no-repeat repeat;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top:0;
padding-left: 7px;
padding-right: 7px;
padding-top: 0;
width:975px;
height:auto;
text-align: left;
z-index:100;
}

/*------------------------------   Header   ----------------------------*/

#header{
/*background-color:#07074F;*/
/*padding:0;*/
height:90px;/* Height of the header */
width:975px;
background-color:#FFFFFF;
border-width:1px;
border-bottom-style:solid;
border-top-style:solid;
border-color:#E8E8DA;
/*background-color:#E3E8FF;*/
/*background-color:#07074F;*/
}

#logo{
position:relative;
border:1px;
top:15px;
width: 470px;
left:20px
}



#headerhomepage{
/*background-color:#07074F;*/
/*padding:0;*/
height:120px;/* Height of the header */
width:970px;
background-color:#FFFFFF;
border-width:2px;
border-bottom-style:solid;
border-top-style:solid;
border-color:#E8E8DA;
/*background-color:#E3E8FF;*/
/*background-color:#07074F;*/
}

#logohomepage{
position:relative;
border:1px;
top:30px;
width: 470px;
left:20px;
float:left;
}
/*---------------------------   Header Banner  ------------------------------*/

#banner{
width: 165px;
font-size: 140%;
position: fixed;
top: 65px;
left: 960px;
padding-right: 10px;

}

#homelogin{
position: relative;
width: 235px;
height:auto;
font-size: 80%;
/*color: #F75B16;*/
top: 5px;
right:15px;
text-align:left;
background-image:url(../images/loginstripe.png);
background-origin:initial;
background-position: 0 0;
background-repeat:repeat;


background-color:#ffffff;
/*border:1px solid #6E9CFF;*/
border: 1px solid #cac9c9;
border-radius:5px;
color:#666666;
float:right;
}

#logout{
position:relative;
right:20px;
top:10px;
float:right;

}

#logout  a {
text-decoration: none;
color: #35538d;
}



/*--------------------------------------    Main   -------------------------*/

#main{

/*padding:0 0 5px;*/
width:975px;
/*height:auto;*/
background-color:#FFFFFF;
/*border:1px solid #E8E8DA;
border-radius: 0px;*/
/*background-attachment: initial;
background-image:url(../images/content_bg.png);
background-origin:initial;
background-position: 0 0;
background-repeat:repeat-x;*/
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;

}






/*----------------------  Home   --------------------------*/



.titletext{
position: relative;
width: 480px;
top: 0px;
color: #578bbb;
text-align: center;
left:0px;

}
.titletext span{
color: #f65b16;
}

.title{
position: relative;
width: 550px;
top: 0px;
color: #6E9CFF;
text-align: right;
right:0px;

}

#maintitle{
position: relative;
width: 960px;
margin:auto;
top: 0px;
color: #6E9CFF;
text-align: center;
font-size:14px;
}


#homeregister{
position:relative;
width: 425px;
height:auto;

background-image:url(../images/regstripe1.png);
background-origin:initial;
background-position: 0 0px;
background-repeat:repeat;

border: 1px solid #cac9c9;
border-radius:5px;
left: 29px;
font-size:16px;
padding-left: 10px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
color:#666666;

}

.reg{
border-collapse:separate;
border-spacing:.5em;
}

#titletext{
width:960px;

}

#welcomeimage{
position:relative;
width:455px;
height:375px;
background-image:url(../images/datingcouple.jpg);
background-origin:initial;
background-position: 0 0;
background-repeat:no-repeat;
border: 3px solid #cac9c9;
border-radius:5px;
right:38px;
top:20px;
float:right;
}

#useravailable{

position:relative;
width: 900px;
height:auto;
margin-left: auto; margin-right: auto; 
/*border: 3px solid #cac9c9;
border-radius:5px;
font-size:15px;*/
padding-left: 10px;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 10px; /*space below results so ad 300x250 won't interfere*/
color:#666666;
right:5px;
/*float:center;*/
margin-bottom:10px;

}



/*------------------------   Search   -----------------------*/
#searchdate{
position:relative;
width: 375px;
border: 3px solid #cac9c9;
border-radius:5px;
left: 5px;
font-size:14px;
color:#666666;
float:left;
}

.searchtitletext{
position: relative;
width: 330px;
top: 0px;
color: #578bbb;
text-align: center;
left: 0px;
}
.searchtitletext span{
color: #f65b16;
}

 .resultstext{
position: relative;
width: 595px;
top: 0px;
left:0px;
color: #578bbb;
text-align: center;

}

.resultsfound{
position: relative;
width: 500px;
color: #35538d;
text-align: center;
font-size:14px;
left:10px;
top:0px;
}
.noresults{
position: relative;
width: 595px;
height:280px;
top: 0px;
left:0px;
color: #578bbb;
text-align: center;
float:right;
}

.dayresults{
position: relative;
width: 595px;
color: #578bbb;
text-align: center;
font-size:20px;
}
/*---------------------- Available_For_Dating Results  --------------------------*/
#availableresults{

position:relative;
width: 570px;
height:auto;
border: 3px solid #cac9c9;
border-radius:5px;
font-size:15px;
padding-left: 5px;
padding-top: 15px;
padding-right: 5px;
padding-bottom: 10px; /*space below results so ad 300x250 won't interfere*/
color:#666666;
right:5px;
float:right;
margin-bottom:10px;

}
#bottomavailableresults{
position:relative;
height:95px;
width:570px;
float:right;
}

#availableresults  a {
text-decoration: none;
color: #578bbb;
}

#searchresults{
position:relative;
width:980px;
height:240px;

}

.online{
background-image:url(../images/online.png);
background-position: 0 0;
background-repeat:no-repeat;
width:20px;
height:20px;
margin-top:3px;
z-index:5;
position:absolute;
}

#profileimg{
border:1px solid #35538d;
height:100px;
overflow:hidden;
text-align:center;
width:100px;
background-color:#f0f0f0;
}

#textheader{
width:960px;
height:60px;
float:left;
left:5px;
}
#textheaderleft{
position:relative;
width:375px;
float:left;
left:5px;
}
#textheaderright{
position:relative;
width:575px;
float:right;
left:5px;
}



	
#pagination a, #pagination strong{
position:relative;
top:5px;
right:0px;
background: #e3e3e3;
padding: 4px 7px;
text-decoration: none;
border: 1px solid #cac9c9;
font-size: 13px;

}

#pagination strong, #pagination a:hover{
font-weight: normal;
background: #cac9c9;
}	
/*----------------------  Message   ------------------------*/
#message{
font-size: 14px;
color: #333333;
border: 3px solid #cac9c9;
border-radius:5px;
margin: auto;
width:370px;
height:auto;
padding: 10px;

}




/*------------------------    About  --------------------------*/
#about{
font-size: 14px;
color: #333333;

margin: auto;
width:800px;
height:auto;
padding: 10px;
}

#about_header{
padding:10px;
}

/*------------------------    Faq  --------------------------*/
#faq{
font-size: 14px;
color: #333333;
/*border: 5px solid #DEEEF6;*/
margin: auto;
width:800px;
height:auto;
padding: 10px;
}

#faq_header{
padding:10px;
}

/*------------------------    Terms  --------------------------*/
#terms{
font-size: 14px;
color: #333333;

/*border: 5px solid #DEEEF6;*/
margin: auto;
width:800px;
height:auto;
padding: 10px;
}

#terms_header{
padding:10px;
}

#terms h2{
color:#85b8d5;

}
/*------------------------  Contact  --------------------------*/
#contact{
font-size: 14px;
color: #666;
border: 3px solid #cac9c9;
border-radius:5px;
margin: auto;
width:800px;
height:auto;
padding: 10px;

}

#contact_header{
padding:10px;
}

/*------------------------    Privacy  --------------------------*/
#privacy{
font-size: 14px;
color: #333333;

margin: auto;
width:800px;
height:auto;
padding: 10px;
}

#privacy_header{
padding:10px;
}

#privacy h2{
color:#85b8d5;

}
/*----------------------------  Forgot Password  ---------------------------*/

#forgot_password{
/*border: 1px solid #6E9CFF;*/
border: 3px solid #cac9c9;
border-radius:5px;
margin: auto;
width:500px;
height:auto;
padding: 10px;
}

#header_forgot_password{
padding:10px;
margin-left:20px;
}

/*----------------------------  Reset Password  ---------------------------*/

#reset_password{
/*border: 1px solid #6E9CFF;*/
border: 3px solid #cac9c9;
border-radius:5px;
margin: auto;
width:500px;
height:auto;
padding: 10px;
}

#header_reset_password{
padding:10px;
margin-left:20px;
}

/*----------------------------  Change Password  ---------------------------*/

#change_password{
position:relative;
/*border: 1px solid #6E9CFF;*/
border: 3px solid #cac9c9;
border-radius:5px;
/*margin: auto;*/
width:500px;
left:150px;
height:auto;
padding: 10px;

}

#header_change_password{
padding:10px;
margin-left:0px;
margin:auto;
text-align:center;
}

/*----------------------------  Change Email  ---------------------------*/

#change_email{
position:relative;
/*border: 1px solid #6E9CFF;*/
border: 3px solid #cac9c9;
border-radius:5px;
/*margin: auto;*/
left:150px;
width:500px;
height:auto;
padding: 10px;

}

#header_change_email{

margin:auto;
padding:10px;
margin-left:0px;
text-align:center;
}


#subscribe{
position:relative;
/*border: 1px solid #6E9CFF;
border: 3px solid #cac9c9;
border-radius:5px;*/
/*margin: auto;*/
left:150px;
width:500px;
height:auto;
padding: 10px;
text-align:center;
}
/*----------------------------  Send Email  ---------------------------*/

#send_email{
/*border: 1px solid #6E9CFF;*/
border: 3px solid #cac9c9;
border-radius:5px;
margin: auto;
width:400px;
height:auto;
padding: 10px;
}

#header_send_email{
padding:10px;
margin-left:20px;
}

/*----------------------------  Unregister  ---------------------------*/

#unregister{
/*border: 1px solid #6E9CFF;*/
border: 3px solid #cac9c9;
border-radius:5px;
margin: auto;
width:500px;
height:auto;
padding: 10px;
}

#header_unregister{
padding:10px;
margin-left:20px;
}


/*-----------------------------  Footer  ---------------------------*/

#footer {

/*position:relative;*/
/*bottom:10;*/
width: 979px;
/*width: 100%;*/
height:65px;
text-align:center;
text-decoration: none;
font-size: 90%;
color: #ffffff;
background-color:#85b8d5;
border:1px solid #85b8d5;
clear:both;
}

#footer  a {
text-decoration: none;
color: #ffffff;
}
/*----------------------------  Login  ---------------------------*/

#login_form{
/*border: 1px solid #6E9CFF;*/
border: 3px solid #cac9c9;
border-radius:5px;
margin: auto;
width:500px;
height:auto;
padding: 10px;
}

/*-----------------------------  Register_Form  ----------------------*/

#secondstep{
position:relative;
border: 3px solid #cac9c9;
border-radius:5px;
left:10px;
float:left;
/*margin: auto;*/
width:630px;
height:auto;
padding: 10px;
top:10px;
}
#header_secondstep{
padding:10px;
margin-left:20px;
}
#secondstep_image{
position:relative;
width:300px;
height:450px;
background-image:url(../images/secondstep.jpg);
background-origin:initial;
background-position: 0 0;
background-repeat:no-repeat;
border: 3px solid #cac9c9;
border-radius:5px;
right:6px;
bottom:10px;
float:right;
}


#thirdstep{
position:relative;
border: 3px solid #cac9c9;
border-radius:5px;
float:left;
/*margin: auto;*/
width:400px;
height:auto;
padding: 10px;
left:73px;
top:50px;
}
#header_thirdstep{
padding:10px;
margin-left:20px;
}

#thirdstep_image{
position:relative;
width:400px;
height:400px;
background-image:url(../images/thirdstep.jpg);
background-origin:initial;
background-position: 0 0;
background-repeat:no-repeat;
border: 3px solid #cac9c9;
border-radius:5px;
right:73px;
bottom:10px;
float:right;
}

#finalstep{
border: 3px solid #cac9c9;
border-radius:5px;
float:left;
/*margin: auto;*/
width:600px;
height:auto;
padding: 10px;
left:20px;
}

#finalstepemail{
position:relative;
border: 3px solid #cac9c9;
border-radius:5px;
/*margin: auto;*/
width:410px;
height:auto;
padding: 10px;
text-align:center;
float:left;
left:68px;
top:25px;
}

#header_finalstep{
padding:10px;
margin-left:20px;
}

#finalstep_image{
position:relative;
width:400px;
height:300px;
background-image:url(../images/finalstep.jpg);
background-origin:initial;
background-position: 0 0;
background-repeat:no-repeat;
border: 3px solid #cac9c9;
border-radius:5px;
right:68px;
bottom:10px;
float:right;
}


/*---------------------------  User Page  ------------------------------------*/
#userprofile{
position:relative;
width: 620px;
height:auto;
/*border: 3px solid #cac9c9;
border-radius:5px;*/
padding-left: 5px;
top:10px;
color:#666666;
left:10px;
margin-bottom:0px;
font-size:14px;
/*margin: 0px auto;*/
float:left;
}


#available{
position:relative;
width:500px;
float:left;
left:20px;
margin-right:10px;
color:#666666;
font-size:14px;
}

#useravailabletitle{
width:960px;
text-align:center;
}

#accountsettings{
position:relative;
width:180px;
height:500px;
float:right;
margin-right:0px;
text-align:center;
font-size:14px;
margin-bottom:50px;
}

.account{
width:180px;
list-style-type:none;
line-height: 170%;
text-decoration: none;
text-align:left;
font-size:14px;
padding-left:0px;
}

.account a{text-decoration:none;}

.confirmsuccess{
width:600px;
text-align: center;
position: relative;
top: 40px;
margin-bottom:0px;
color: #35538d;
float:left;
}
.confirmsuccess span{
color: #F75B16;
}

#userpage{
width:960px;
}

.user{
position:relative;
border-collapse:separate;
border-spacing:.5em;
font-size:16px;
width:620px;
height:400px;
left:10px;
/*margin: 0px auto;*/
float:left;
color:#666666;
top:0px;
right:20px;
margin-bottom:10px;
}

.userprofile{
position:relative;
border-collapse:separate;
border-spacing:.5em;
font-size:16px;
width:650px;
height:400px;
left:10px;
/*margin: 0px auto;*/
float:left;
color:#666666;
top:0px;
right:20px;
margin-bottom:10px;
}



.usermyaccount{
position:relative;
border-collapse:separate;
border-spacing:.5em;
font-size:16px;
width:690px;
height:400px;
left:10px;
/*margin: 0px auto;*/
float:left;
color:#666666;
top:0px;
right:20px;
margin-bottom:10px;
}

#pitch{
position:relative;
border-collapse:separate;
border-spacing:.2em;
width: 320px;
height:auto;
/*border: 3px solid #cac9c9;*/
left:0px;
float:right;

}


#nopitch{
position:relative;
border-collapse:separate;
border-spacing:.2em;
width: 320px;
height:350px;
/*border: 3px solid #cac9c9;*/
left:0px;
float:right;

}

#free{
position:absolute;
width:10px;
left:22px;
top:338px;

}

#paygo{
position:absolute;
width:10px;
left:128px;
top:338px;
float:left;
}

#vip{
position:absolute;
width:10px;
right:78px;
top:338px;
float:right;
}

/*---------------------------  Coming soon   ---------------------------------*/

#comingsoon{
position:relative;
width: 495px;
height:auto;
border: 3px solid #cac9c9;
border-radius:5px;
background-color:#cac9c9;
font-size:16px;
padding-left: 10px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 10px;
color:#666666;
margin: 0px auto;
top:50px;

}
#comingsoonlogo{
position:relative;
border:1px;
top:40px;
width: 400px;
margin: 0px auto;
}


/*----------------------------------  Admin  ------------------------------------*/
#adminmenu{
position:relative;
width:100px;
height:300px;
float:left;
margin-right:20px;
text-align:center;
font-size:14px;
border: 1px solid #cac9c9;
}

.adminaccount{
width:100px;
list-style-type:none;
line-height: 170%;
text-decoration: none;
text-align:center;
font-size:14px;
padding-left:0px;
}

.adminaccount a{text-decoration:none;}


#adminusers{
position:relative;
width:825px;
height:auto;
float:left;
margin-right:20px;
text-align:center;
font-size:14px;
border: 1px solid #cac9c9;
left:0px;
}
#adminuserstable{
position:relative;
width:825px;
height:auto;
float:left;
margin-right:20px;
text-align:center;
font-size:14px;
border: 1px solid #cac9c9;
left:0px;
}

#adminuserpage{
width:820px;
}

.adminuser{
position:relative;
border-collapse:separate;
border-spacing:.5em;
font-size:16px;
width:620px;
height:400px;
left:10px;
/*margin: 0px auto;*/
float:left;
color:#666666;
top:0px;
right:20px;

}

/*--------------------------------  ADS  ---------------------------------*/

#ads468x60myaccount{
position:relative;
width:760px;
height:60px;
text-align:center;

float:left;
left:5px;
}

#ads300x250search{
position:relative;
width:375px;
height:260px;
text-align:center;

margin-top:10px;
float:left;
left:5px;
}

#ads468x60search{
position:relative;
width:960px;
height:60px;
left:10px;
text-align:center;

}

#ads468x60usersearch{
position:relative;
width:960px;
height:60px;
left:10px;
text-align:center;

}

#ads300x250acceptpitch{
position:relative;
width:305px;
height:260px;
text-align:center;

margin-top:10px;
float:right;
left:5px;
}

#ads468x60acceptpitch{
position:relative;
width:960px;
height:60px;
left:10px;
text-align:center;

}

/******************  Upgrade Membership  *******************/
#membershiptitle{
position:relative;
width:760px;
text-align:center;
float:left;
left:5px;
color:#35538d;
}

#membershipoptions{
position:relative;
border-collapse:separate;
border-spacing:.2em;
width: 760px;
height:auto;
/*border: 3px solid #cac9c9;*/
left:145px;
text-align:center;
}

#freemembershipoptions{
position:relative;
border-collapse:separate;
border-spacing:.2em;
width: 760px;
height:auto;
/*border: 3px solid #cac9c9;*/
left:10px;
text-align:center;
}

#freemembership{
position:absolute;
width:10px;
left:35px;
top:372px;
}

#paygomembership{
position:absolute;
width:10px;
left:192px;
top:372px;
}

#vipmembership{
position:absolute;
width:10px;
left:352px;
top:372px;
}


/**************************    Paypal   **********************/

#paypalsuccess{
position:relative;
border-collapse:separate;
border-spacing:.2em;
width: 700px;
height:auto;
/*border: 3px solid #cac9c9;*/
float:left;
left:20px;
text-align:center;
}

#paypalform{
position:relative;
border-collapse:separate;
border-spacing:.2em;
width: 700px;
height:auto;
/*border: 3px solid #cac9c9;*/
float:left;
left:20px;
text-align:center;
}