@charset "utf-8";
/* CSS Document */
body{
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    color:#333;
    background:#9babc4;
    line-height:18px;
}
*{
    padding:0px;
    margin:0px;
    box-sizing:border-box;
}
.page_width{
    width:100%;
    max-width:1366px;
    padding:0 15px;
    margin:0 auto;
    overflow:hidden;
}
header{
    background:#fff;
    width:100%;
    float:left;
}
header .page_width{
    background:url(oc17.jpg) no-repeat right bottom;
    padding-top:5px;
    padding-bottom:5px;
}
header .logo a{
    background:url(HIV_Dating_AIDS_PozMatch_18.jpg) no-repeat center center;
    width:411px;
    height:111px;
    float:left;
    text-indent:-9999999px;
    overflow:hidden;
}
header .signinbox{
    float:left;
    width:370px;
}
header .signinbox h2{
    color:red;
    font-size:14px;
    width:100%;
    float:left;
    padding:10px 0 5px 0;
}
header .signinbox .signin ul{
    list-style:none;
}
header .signinbox .signin ul li{
    float:left;
    padding:0 6px 8px 0;
    width:120px;
}
header .signinbox .signin ul li:last-child{
    width:100%;
}
header .signinbox .signin ul li label{
    width:100%;
    float:left;
}
header .signinbox .signin ul li > input{
    float:left;
    font-size:12px;
    padding:3px;
    width:100%;
}
header .signinbox .signin ul li.btn_sign{
    width:100px;
}
header .signinbox .signin ul li.btn_sign button{
    padding:1px 15px;
    margin-top:17px;
    cursor:hand;
    cursor:pointer;
}
header .signinbox .signin ul li:last-child p{
    float:left;
}
header .signinbox .signin ul li:last-child a{
    float:left;
    padding:0 0 0 5px;
}
nav{
    width:100%;
    float:left;
    background:#233c78;
    padding:7px 0;
}
nav ul{
    list-style:none;
}
nav ul li{
    float:left;
    color:#fff;
}
nav ul li a{
    color:#fff;
    text-decoration:none;
    padding:0 5px;
}
nav ul li span{
    padding:0 5px;
}
.mainpage{
    width:100%;
    float:left;
    padding:15px 0 0 0;
}
.hp_search{
    border:1px solid #ccc;
    margin:10px;
    padding:10px;
    width:22%;
    float:left;
}
.hp_search .width02{
    width:44%;
}
.hp_search h2{
    padding:5px 5px 10px 5px;
    box-sizing:border-box;
    margin:0px;
    width:100%;
    text-align:center;
    border-bottom:1px solid #ccc;
    color:#233c78;
}
.hp_search button{
    background:#b62e38;
    color:#fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    border:0px;
    border-radius:3px;
    padding:10px 5px;
    width:100%;
    box-sizing:border-box;
    text-align:center;
    cursor:hand;
    cursor:pointer;
}
.hp_search ul{
    list-style:none;
    padding:0px;
    margin:0px;
    
}
.hp_search ul li{
    padding:5px 0;
    width:100%;
    float:left;
}
.hp_search ul li select{
    float:left;
    width:100%;
}
.hp_search ul li .to{
    width:12%;
    text-align:center;

}
.hp_search ul li span{
    float:left;
}
#match_gender_span,
#gender_span,
#match_r_state_id_span,
#r_country_span,
#disability_span{
    width:100%;
}
.hp_search ul li label{
    padding:0 0 5px 0;
    float:left;
    width:100%;
    font-weight:bold;
}
.hp_search ul li select{
    width:100%;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    padding:4px;
}
.maintext{
    float:left;
    width:50%;
    color:#fff;
    padding:15px 2%;
    line-height:22px;
}
.maintext h1{
    font-size:24px;
    padding:0 0 10px 0;
}
.maintext h2{
    font-size:16px;
    padding-bottom:15px;
}
.maintext p{
    padding:5px 0;
    font-size:16px;
}
.maintext p:last-child a{
    font-weight:bold;
    padding-top:15px;
    display:block;
}
.adv{
    float:right;
    width:24%;
}
footer{
    color:#333;
    border:2px solid #233c78;
    margin:1%;
    text-align:center;
    padding:15px;
    width:98%;
    float:left;
}
footer p{
    padding:5px 0;
}
div.page_width div.adv p {
   font-size:16px;
    padding-bottom:5px;
    color:#fff;
}
@media screen and (max-width:768px){
header .logo a{
    width:200px;
    height:70px;
    background-size:100% auto;
}
.hp_search .width02{
    width:43%;
}
nav ul li a{
    padding:5px;
    display:inline-block;
}
}
@media screen and (max-width:568px){
.hp_search{
    width:100%;
    margin:0px;
}
.maintext{
    width:100%;
    padding-top:35px;
}
.adv{
    width:100%;
    padding:15px 0;
}
}