@charset "utf-8";
/* CSS Document */

/* General Start */
.{
margin:0;
padding:0;
}
body {
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:9pt;
color:#474747;
line-height:13pt;
background:url(../images/bg_body.jpg) top left repeat-x #152139;
}
a {
color:#474747;
text-decoration: none;
}
img {
border-style:none;
}
ul,dl,dt,dd {
padding:0;
margin:0;
list-style:none;
}
ol {
padding:0;
margin:0;
}
li {
padding:0;
margin:0;
}
h1,h2,h3,h4,h5,h6{
font-size:12px;
padding:0;
margin:0;
}
p{
margin:0;
font-size:12px;
line-height:190%;
color:#474747;
}
input{
padding:1px;
margin:0;
font-size:8pt;
background:#dddddd;
}
textarea{
background:#dddddd;
}
form{
padding:0;
margin:0;
}
#wrapper {
width:960px;
margin:0 auto;
}
.clear { 
clear: both; 
display: block; 
visibility: hidden; 
line-height:0px;
}
/* indexPage */
#headertop{
width:970px;
height:108px;
margin:0px auto;
position:relative;
}
#headertop h1,#headertop h1 a{
display:block;
width:252px;
height:108px;
float:left;
text-indent:-9999px;
overflow:hidden;
}
#headertop h1 a{
background:url(../images/logo.jpg) no-repeat;
}
#headertop form{
float:right;
padding-right:8px;
margin-top:50px;
}
#headertop form input{
background:none;
border:none;
float:left;
}
#headertop form .searchtext{
width:207px;
height:26px;
float:left;
margin-right:7px;
overflow:hidden;
background:url(../images/bg_searchtext.jpg) no-repeat;
}
#headertop form .searchtext input{
width:200px;
height:18px;
margin-top:4px;
padding:0px 3px;
color:#FFFFFF;
font-size:14px;
}
#headertop form .searchsubmit{
width:87px;
height:55px;
float:left;
background:url(../images/but_search.jpg) no-repeat;
}
#headertop form .searchsubmit input{
width:87px;
height:28px;
cursor:pointer;
}
#headertop .facebook{
position:absolute;
top:56px;
left:268px;
}
.facebook,#headertop .facebook a{
display:block;
width:169px;
height:20px;
}
.facebook a{
text-indent:-999px;
overflow:hidden;
background:url(../images/but_bacebook.jpg) no-repeat;
display:block;
height:20px;
}
.login.facebook a{
margin:20px 90px 0;
width:196px;
    }
#headertop .sign{
position:absolute;
top:5px;
right:15px;
line-height:1.4em;
}
#headertop .sign a{
padding-left:10px;
margin-left:15px;
color:#FFFFFF;
font-weight:bold;
background:url(../images/ico_sign.gif) left no-repeat;
}
#headertop .sign a:hover{
text-decoration:underline;
}
#nav{
height:31px;
border-top:1px solid #7388bf;
border-bottom:1px solid #7388bf;
background:url(../images/bg_nav.gif) repeat-x;
}
#nav ul{
width:970px;
margin:0px auto;
}
#nav ul li{
float:left;
background:url(../images/bar_nav.gif) no-repeat right center;
}
#nav ul li.last{
background:none;
}
#nav li a{

text-indent:-9999px;
overflow:hidden;
display:block;
height:32px;
background:url(../images/nav.png) no-repeat;
}
#nav li a:hover{
background:url(../images/nav_hover.png) no-repeat #f3f3f3;
}
#nav li.current a{
background:url(../images/nav_hover.png) no-repeat #f3f3f3;
}
.nav_join a{
width:95px;
background-position:0px 0px;
}
#nav li.nav_search a{
width:107px;
background-position:-96px 0px;
}
#nav li.nav_blog a{
width:88px;
background-position:-204px 0px;
}
#nav li.nav_success a{
width:173px;
background-position:-293px 0px;
}
#nav li.nav_resource a{
width:178px;
background-position:-467px 0px;
}
#nav li.nav_dream a{
width:164px;
background-position:-646px 0px;
}
#nav li.nav_about a{
width:120px;
background-position:-811px 0px;
}
.nav_join a:hover{
width:95px;
background-position:0px 0px;
}
#nav li.nav_search a:hover{
width:107px;
background-position:-96px 0px;
}
#nav li.nav_blog a:hover{
width:88px;
background-position:-204px 0px;
}
#nav li.nav_success a:hover{
width:173px;
background-position:-293px 0px;
}
#nav li.nav_resource a:hover{
width:178px;
background-position:-467px 0px;
}
#nav li.nav_dream a:hover{
width:164px;
background-position:-646px 0px;
}
#nav li.nav_about a:hover{
width:120px;
background-position:-811px 0px;
}
#footer{
width:100%;
margin:0px auto;
}
#footer .footermenu{
text-align:center;
padding:15px 0px 3px;
}
#footer .footermenu a{
margin:0px 1px;
color:#aeaeae;
}
#footer .footermenu a:hover{
text-decoration:underline;
}
#footer .copyright{
text-align:center;
color:#aeaeae;
padding:0px 0px 20px;
}
#footer .copyright b{
color:#ffe000;
}
/* General End */
/* indexPage container */
#container{
background:#f3f3f3;
padding:15px 0px;
}
.contents{
width:965px;
margin:0px auto;
padding:0px 0px 0px 5px;
position:relative;
}
.contents .miancontL{
width:640px;
float:left;
padding-bottom:25px;
position:relative;
}
.miancontL .mianimgs{
width:118px;
height:118px;
float:left;
padding:5px;
margin-top:3px;
background:url(../images/bg_indeximg.jpg) no-repeat;
}
.miancontL .mianimgs.right{
float:right;
}
.miancontL .mianimgs.center{
background:none;
padding:5px 0px 0px 3px;
}
.mianimgs_bottom{
position:absolute;
top:389px;
left:0px;
width:640px;
float:left;
}
.mianimgs_bottom div{
width:118px;
height:25px;
float:left;
padding:0px 5px;
background:url(../images/bg_mianimgsbottom.jpg) no-repeat top center;
}
.contents .miancontR{
width:308px;
float:right;
}
.miancontR .whatare,.miancontR .whatpeople{
width:100%;
float:left;
}
.miancontR .whatare h2{
width:220px;
height:18px;
text-indent:-9999px;
overflow:hidden;
float:left;
margin:1em 0px;
background:url(../images/whatare.png) no-repeat;
}
.whatare form input{
background:none;
border:none;
}
.whatare form .text{
width:206px;
height:28px;
float:left;
padding-right:8px;
background:url(../images/bg_whatareText.jpg) no-repeat;
}
.whatare form .text input{
width:195px;
height:20px;
padding:0px 3px;
margin-top:5px;
font-size:14px;
}
.whatare form .submit{
width:92px;
height:27px;
float:left;
background:url(../images/but_whataresearch.jpg) no-repeat;
}
.whatare form .submit input{
width:92px;
height:27px;
cursor:pointer;
}
.miancontR .whatpeople h2{
width:246px;
height:18px;
text-indent:-9999px;
overflow:hidden;
float:left;
margin:1.5em 0px 1em;
background:url(../images/whatpeople.png) no-repeat;
}
.miancontR .whatpeople p{
width:246px;
height:28px;
line-height:28px;
float:left;
text-align:center;
padding-right:8px;
background:url(../images/bg_whatpeopletext.jpg) no-repeat;
}
.miancontR .whatpeople a.up,.miancontR .whatpeople a.down{
display:block;
width:25px;
height:28px;
float:left;
overflow:hidden;
text-indent:-9999px;
}
.miancontR .whatpeople a.up{
background:url(../images/but_whatpeopleup.jpg) no-repeat;
padding-right:1px;
}
.miancontR .whatpeople a.down{
background:url(../images/but_whatpeopledown.jpg) no-repeat;
}
.line{
clear:both;
width:100%;
height:2px;
background:url(../images/bg_line.gif) repeat-x;
}
.miancontR .line{
float:left;
margin:22px 0px;
}
.fomous{
clear:both;
height:223px;
padding:15px 18px 0px;
background:url(../images/bg_famous.jpg) no-repeat;
}
.fomous h2{
width:191px;
height:14px;
padding-bottom:13px;
text-indent:-9999px;
overflow:hidden;
background:url(../images/famous.png) no-repeat;
}
.fomous h3{
padding-bottom:5px;
font-size:15px;
color:#2c4f97;
}
.fomous p{
line-height:1.2em;
}
.fomous div{
margin-top:5px;
}
.fomous div a{
color:#ebd200;
text-decoration:underline;
}
/* User Page */
.sign p.hello{
display:inline;
color:#FFFFFF;
line-height:1.4em;
}
.sign p.hello span{
color:#edd92f;
font-weight:bold;
}
#nav.nav_user li a{
background:url(../images/nav_user.png) no-repeat;
}
#nav.nav_user li.user_myprofile a{
background-position:0px 0px;
width:148px;
}
#nav.nav_user li.user_inbox a{
background-position:-149px 0px;
width:101px;
}
#nav.nav_user li.user_myblog a{
background-position:-251px 0px;
width:118px;
}
#nav.nav_user li.user_resources a{
background-position:-370px 0px;
width:137px;
}
#nav.nav_user li.user_help a{
background-position:-508px 0px;
width:90px;
}
#nav.nav_user li.current a{
background:url(../images/nav_user_hover.png) no-repeat #f3f3f3;
}
#nav.nav_user li a:hover{
background:url(../images/nav_user_hover.png) no-repeat #f3f3f3;
}
#nav.nav_user li.user_myprofile a:hover,#nav.nav_user li.current.user_myprofile a{
background-position:0px 0px;
width:148px;
}
#nav.nav_user li.user_inbox a:hover,#nav.nav_user li.user_inbox.current a{
background-position:-149px 0px;
width:101px;
}
#nav.nav_user li.user_myblog a:hover,#nav.nav_user li.user_myblog.current a{
background-position:-251px 0px;
width:118px;
}
#nav.nav_user li.user_resources a:hover,#nav.nav_user li.user_resources.current a{
background-position:-370px 0px;
width:137px;
}
#nav.nav_user li.user_help a:hover,#nav.nav_user li.user_help.current a{
background-position:-508px 0px;
width:90px;
}
.userpage .L,.public .L{
width:185px;
float:left;
}
.userpage .L .Luserinfo{
background:url(../images/bg_Luserinfo.png) no-repeat 0px 0px;
}
.userpage .L .Luserinfoin{
padding:15px;
background:url(../images/bg_Luserinfoin.png) no-repeat 0px 100%;
}
.userpage .L .Luserinfo h3{
margin-top:5px;
font-size:13px;
font-family:"Arial Black";
color:#2c4f96;
}
.userpage .L .Luserinfo p{
line-height:1.2em;
margin-top:3px;
}
.userpage .L .Luserinfo p span{
font-weight:bold;
color:#ebd200;
}
.userpage .L .Luserlink,.public .L .Lmenulink{
height:auto;
margin:8px 5px 0px;
padding:8px 10px 20px 7px;
background:url(../images/bg_Luserlink.png) no-repeat;
}
.userpage .L .Luserlink h3,.public .L .Lmenulink h3{
height:16px;
padding:0px 0px 5px;
line-height:16px;
text-indent:-9999px;
overflow:hidden;
background:url(../images/Luserlink_cluehut.png) no-repeat;
}
.userpage .L .Luserlink ul li,.public .L .Lmenulink ul li{
padding:7px 0px 6px 12px;
font-weight:bold;
border-top:1px solid #FFFFFF;
border-bottom: 1px solid #d5d5d5;
background:url(../images/ico_Luserlink.gif) no-repeat 0px 14px;
}
.userpage .L .Luserlink ul li.first,.public .L .Lmenulink ul li.first{
border-top:none;
}
.userpage .L .Luserlink ul li.last,.public .L .Lmenulink ul li.last{
border-bottom:none;
}
.userpage .L .Luserlink ul li a,.public .L .Lmenulink ul li a{
color:#77756b;
font-size:14px;
}
.userpage .L .Luserlink ul li a:hover,.public .L .Lmenulink ul li a:hover{
color:#666633;
}
.userpage .L .Luserlink ul li.current a,.public .L .Lmenulink ul li.current a{
font-family:"Arial Black";
}
.userpage .R,.public .R{
width:765px;
float:right;
padding:8px 0px 0px;
position:relative;
}
.userpage .R a.addannounce{
display:block;
width:168px;
height:28px;
cursor:pointer;
text-indent:-9999px;
overflow:hidden;
position:absolute;
right:0px;
top:5px;
background:url(../images/but_addannounce.jpg) no-repeat;
}
.userpage .R a.addfiles{
display:block;
width:92px;
height:28px;
cursor:pointer;
text-indent:-9999px;
overflow:hidden;
position:absolute;
right:0px;
top:5px;
background:url(../images/but_addfiles.jpg) no-repeat;
}
.userpage .R h2{
font-size:18px;
font-family:"Arial Black";
color:#2c4f96;
padding-bottom:10px;
}
.userpage .R p{
font-size:14px;
line-height:1.5em;
padding-bottom:60px;
}
.userpage .R .project h2{
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
color:#2c4f96;
padding-bottom:15px;
}
.userpage .R .project{
padding:20px 0px;
}
.userpage .R .project p{
font-size:14px;
line-height:1.5em;
padding-bottom:10px;
}
.userpage .R .project .reply input{
width:92px;
height:28px;
border:none;
cursor:pointer;
background:url(../images/but_reply.jpg) no-repeat;
}
.userpage .R .project .submit textarea{
width:400px;
height:80px;
}
.userpage .R .project .submit input{
width:92px;
height:28px;
margin-top:10px;
border:none;
cursor:pointer;
text-indent:-9999px;
background:url(../images/but_submit.jpg) no-repeat;
}
.userpage .R .project .comments .title{
padding:5px 0px;
font-size:14px;
font-weight:bold;
color:#2c4f96;
}
.userpage .R .project .comments .title span{
color:#474747;
padding-right:10px;
font-weight:normal;
}
.userpage .R .project .comments p{
font-size:12px;
}
/* pop window */
.pop{
width:400px;

color:#2c4f96;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
.pop label{
width:343px;
float:left;
}
.pop span{
font-size:18px;
padding:15px 0px;
float:left;
}
.pop .title span{
padding-top:0px;
}
.pop .title input{
width:337px;
height:20px;
background:#dddddd;
}
.pop .details{
padding-bottom:10px;
}
.pop .details textarea{
width:337px;
height:81px;
background:#dddddd;
}
.pop .allow{
width:auto;
padding-top:3px;
}
.pop .allow input{
margin-top:2px;
float:left;
}
.pop .allow span{
padding:0px 0px 0px 5px;
}
.pop .postreply{
width:148px;
padding-left:25px;
}
.pop .postreply input{
width:148px;
height:28px;
border:none;
cursor:pointer;
background:url(../images/but_pop-new.jpg) no-repeat;
}
/* sub_csettings Page */
.R.csettings h2,.R.editPro h2{
text-indent:-9999px;
overflow:hidden;
height:29px;
padding-bottom:5px;
}
.R.csettings h2{
background:url(../images/changeSettings.png) no-repeat left top;

}
.R.csettings form{
width:410px;
float:left;
padding-bottom:50px;
}
.R.csettings label{
float:left;
}
.R.csettings label span{
font-size:18px;
color:#2c4f96;
padding:18px 0px;
float:left;
font-family:"Arial Black";
}
.R.csettings label.about span,.R.csettings label.project span{
padding-right:20px;
}
.R.csettings label input{
padding-left:5px;
width:410px;
height:20px;
font-size:14px;
color:#333333;
}
.R.csettings label.submit input{
border:none;
width:92px;
height:28px;
float:left;
margin-top:30px;
text-indent:-9999px;
overflow:hidden;
cursor:pointer;
background:url(../images/but_submit.jpg) no-repeat;
}
/* Edit Profile Page */
.R.editPro h2{
background:url(../images/editProfile.png) no-repeat;
}
.R.editPro form{
width:500px;
}
.R.editPro label textarea{
padding:5px;
width:410px;
height:70px;
font-size:14px;
color:#333333;
}
.R.editPro label.about textarea{
height:100px;
}
/* inbox Page */
.userpage .R.subinbox p{
font-family:"Arial Black";
font-size:24px;
color:#2c4f96;
border-bottom:1px solid #D5D5D5;
padding-bottom:7px;
}
.R.subinbox p span.from{
padding-right:130px;
}
.R.subinbox p span.subject{
padding-right:330px;
}
.R.subinbox ul{
width:765px;
float:left;
background:url(../images/bg_inboxlist.gif);
}
.R.subinbox ul li{
font-size:14px;
line-height:2.67em;
height:2.67em;
width:765px;
float:left;
}
.R.subinbox ul li div{
float:left;
}
.R.subinbox ul li .from{
padding-left:10px;
width:190px;
}
.R.subinbox ul li .subject{
width:420px;
}
.R.subinbox ul li .date{
width:140px;
float:right;
}
.R.subinbox2 h2{
font-size:24px;
padding:5px 0px 15px;
}
.R.subinbox2 p{
font-size:12px;
padding:10px 0px 25px;
}
.R.subinbox2 a.reply{
display:block;
width:92px;
height:28px;
text-indent:-9999px;
overflow:hidden;
cursor:pointer;
background:url(../images/but_reply.jpg) no-repeat;
}
/* invite Page */
.invite{
width:700px;
padding:0px 0px 50px;
}
.invite .email{
height:35px;
background:url(../images/img_Email.png) no-repeat center center;
}
.invite .inviteyour{
width:670px;
float:left;
margin-top:10px;
padding:18px 0px 30px 30px;
border:1px dashed #000000;
position:relative;
}
.invite .inviteyour h3{
padding-bottom:5px;
font-size:14px;
color:#2e53a0;
}
.invite .inviteyour p{
padding-bottom:30px;
font-size:14px;
line-height:1.2em;
}
.invite .inviteyour form{
width:450px;
float:left;
}
.invite .inviteyour form label{
width:100%;
float:left;
padding-bottom:5px;
font-size:14px;
}
.invite .inviteyour form label  span{
float:left;
line-height:26px;
}
.invite .inviteyour form label input{
width:345px;
height:20px;
float:right;
}
.invite .inviteyour form label.invitemy input{
width:171px;
height:28px;
float:none;
margin-left:5px;
border:none;
cursor:pointer;
background:url(../images/but_invitemy.jpg) no-repeat;
}
.invite .inviteyour form label.skip input{
width:171px;
height:28px;
border:none;
cursor:pointer;
position:absolute;
right:0px;
bottom:-14px;
background:url(../images/but_skip.jpg) no-repeat;
}
/* postnewblog Page */
.postnewblog{
color:#2c4f96;
width:765px;
padding:0px;
font-family:"Arial Black";
}
.postnewblog h2{
font-size:24px;
line-height:1em;
}
.postnewblog a.postreply{
display:block;
width:92px;
height:28px;
float:right;
cursor:pointer;
text-indent:-9999px;
overflow:hidden;
background:url(../images/but_potreply.jpg) no-repeat;
}
.postnewblog .line{
margin:10px 0px 0px;
}
.postnewblog form{
padding-left:25px;
}
.postnewblog form label{
width:765px;
float:left;
}
.postnewblog form label span{
font-size:18px;
padding:12px 0px;
float:left;
}
.postnewblog form label.title input,.postnewblog form label.details textarea{
width:715px;
background:#dddddd;
}
.postnewblog form label.title input{
height:20px;
}
.postnewblog form label.details{
padding-bottom:10px;
}
.postnewblog form label.details textarea{
height:150px;
}
.postnewblog form label.allow input{
margin-top:3px;
float:left;
}
.postnewblog form label.allow{
padding-bottom:30px;
}
.postnewblog form label.allow span{
padding:0px 0px 0px 5px;
}
.postnewblog form label.postreply input{
border:none;
cursor:pointer;
width:92px;
height:28px;
background:url(../images/but_potreply.jpg) no-repeat;
}
/* Public Page */  /* Public  About Us Page */
.R.aboutus h2{
margin-top:5px;
padding:0px 0px 30px;
height:23px;
text-indent:-9999px;
overflow:hidden;
background:url(../images/aboutus.png) no-repeat;
}
.R.aboutus h3{
line-height:1em;
padding-bottom:20px;
font-size:24px;
font-family:"Arial Black";
color:#2c4f96;
}
.R.aboutus h4{
color:#ebd200;
}
.R.aboutus h4.logo{
font-family:"Arial Black";
font-size:18px;
padding-bottom:30px;
position:relative;
z-index:1;
}
.R.aboutus h4.logo span{
display:block;
width:244px;
height:179px;
position:absolute;
top:-85px;
right:40px;
background:url(../images/Logo.png) no-repeat;
}
.R.aboutus h5{
color:#2c4f96;
}
.R.aboutus p{
position:relative;
z-index:2;
font-size:13px;
line-height:1.5em;
padding-bottom:30px;
}
.R.aboutus ol{
margin-left:25px;
}
.R.aboutus ol li{
padding-bottom:20px;
}
.team{
width:765px;
float:left;
clear:both;
padding-bottom:30px;
}
.team img{
padding:5px 20px 5px 5px;
float:left;
background:url(../images/bg_indeximg.jpg) no-repeat;
}
.team h4{
margin-top:5px;
font-size:16px;
}
.team h5{
font-size:14px;
}
.R.aboutus .team p{
padding:0px;
}
/* Public  Terms Page */
.R.terms{
width:735px;
padding-right:30px;
}
.R.terms h2{
margin-top:5px;
padding:0px 0px 20px;
height:29px;
text-indent:-9999px;
overflow:hidden;
background:url(../images/termsofuse.png) no-repeat;
}
.term{
margin-top:15px;
}
.term h3{
font-size:14px;
}
.term p{
line-height:1.7em;
margin-top:10px;
}
.term ul{
padding:0px 0px 0px 25px;
margin-top:10px;
}
.term ul li{
line-height:1.5em;
margin-top:5px;
list-style-type:lower-alpha;
}
/* Public  Privacy Page */
.R.privacy{
}
.R.privacy h2{
margin-top:5px;
padding:0px 0px 20px;
height:28px;
text-indent:-9999px;
overflow:hidden;
background:url(../images/privacy.png) no-repeat;
}
.R.privacy p,.R.privacy ul li{
line-height:1.4em;
}
.R.privacy div{
margin-top:20px
}
.R.privacy h3{
font-size:14px;
}
.R.privacy p{
padding-bottom:15px;
}
.R.privacy ul{
padding:0px 0px 0px 25px;
}
.R.privacy ul li p{
margin-top:10px;
}
.R.privacy ul.decimal li{
list-style-type:decimal;
}
.R.privacy ul.lower-al li{
list-style-type:lower-alpha;
}
.R.privacy ul.disc li{
list-style-type:disc;
}
.R.privacy ul.lower-ro li{
list-style-type:lower-roman;
}
/* Public  Help Page */
.R.help h2{
text-indent:-9999px;
overflow:hidden;
background:url(../images/help.png) no-repeat;
}
.R.help h3{
font-size:18px;
}
.R.help form{
width:626px;
float:left;
padding-bottom:30px;
}
.R.help form label{
clear:both;
display:block;
width:626px;
float:left;
margin-top:10px;
}
.R.help form label input{
width:430px;
height:20px;
float:right;
}
.R.help form label.submit{
margin-top:20px;
}
.R.help form label.submit input{
width:92px;
height:28px;
border:none;
float:none;
margin-left:190px;
cursor:pointer;
background:url(../images/but_submit.jpg) no-repeat left;
}
.R.help form label textarea{
width:432px;
height:160px;
float:right;
}
.R.help form label span{
float:left;
margin-top:4px;
}
.R.help form .shibie{
width:436px;
float:left;
padding:10px 0px 0px 190px;
}
/* resource Page */
.public .L .Lmenulink.resourcenav{
padding-right:12px;
}
.public .L .Lmenulink.resourcenav h3{
background:url(../images/resource.png) no-repeat;
}
.R.resource{
width:755px;
padding-left:10px;
}
.R.resource dl{
width:375px;
float:right;
padding:5px 0px 50px 0px;
}
.R.resource dl.left{
width:330px;
float:left;
}
.R.resource dl dt{
font-size:18px;
font-weight:bold;
color:#2c4f97;
padding-bottom:25px;
}
.R.resource dl dd{
line-height:1.3em;
padding:3px 0px 3px 13px;
background:url(../images/ico_resourcelist.gif) no-repeat 0px 9px;
}
.R.resource dl dd a:hover{
text-decoration:underline;
}


/* resource Page */
.public .L .Lmenulink.resourcenav{
padding-right:12px;
}
.public .L .Lmenulink.resourcenav h3{
background:url(../images/resource.png) no-repeat;
}
.R.resource{
width:755px;
padding-left:10px;
}
.R.resource dl{
width:375px;
float:right;
padding:5px 0px 50px 0px;
}
.R.resource dl.left{
width:330px;
float:left;
}
.R.resource dl dt{
font-size:18px;
font-weight:bold;
color:#2c4f97;
padding-bottom:25px;
}
.R.resource dl dd{
line-height:1.3em;
padding:3px 0px 3px 13px;
background:url(../images/ico_resourcelist.gif) no-repeat 0px 9px;
}
.R.resource dl dd a:hover{
text-decoration:underline;
}
.R.resource{
width:740px;
padding-right:25px;
}
.R.resource h2{
line-height:1em;
font-size:18px;
color:#ebd200;
padding:5px 0px 30px 0px;
}
.R.resource h3{
padding-bottom:5px;
}
.R.resource ul{
padding-left:20px;
}
.R.resource ul li{
padding-bottom:15px;
}
.R.resource ul.normal{
padding-bottom:15px;
}
.R.resource ul.normal li{
padding-bottom:0px;
}
.R.resource ul li h3,.R.resource ul li p{
display:inline;
}
.R.resource ul.normalin li p{
display:block;
}
.R.resource h3 , .R.resource b.h3{
color:#2c4f97;
font-size:13px;
}
.R.resource h4, .r.resource b.h4{
padding-bottom:5px;
}
.R.resource p{
padding-bottom:15px;
line-height:1.6em;
}
.R.resource p a.link{
color:#2c4f97;
text-decoration:underline;
}

.R.angel{
width:740px;
padding-right:25px;
}
.R.angel h2{
line-height:1em;
font-size:18px;
color:#ebd200;
padding:5px 0px 30px 0px;
}
.R.angel h3{
padding-bottom:5px;
}
.R.angel h3 , .R.angel p .h3{
color:#2c4f97;
font-size:13px;
}
.R.angel h4{
padding-bottom:5px;
}
.R.angel p{
padding-bottom:25px;
}
.R.angel p a.link{
color:#2c4f97;
text-decoration:underline;
}


.comingsoon{
margin:0 auto;
padding:20px;
width:380px;
height:315px;
background:url(../images/bg_shadowsmall.png) no-repeat;
}
.comingsoon h2{
display:none;
}
.login{
width:380px;
height:315px;
float:left;
background:#eeeeee;
}
.login h2{
display:block;
height:25px;
margin-top:30px;
text-indent:-9999px;
overflow:hidden;
background:url(../images/memberlogin.png) no-repeat center center;
}
.login form{
width:305px;
float:left;
margin-top:15px;
padding:0px 0px 20px 25px;
position:relative;
}
.login label{
display:block;
width:305px;
float:left;
margin-top:10px;
}
.login label input{
width:220px;
height:20px;
float:right;
}
.login label span{
padding-top:3px;
float:left;
}
.login label.but{
margin-top:15px;
padding-left:78px;
width:100px;
}
.login label.but input{
width:92px;
height:28px;
float:left;
border:none;
cursor:pointer;
background:url(../images/but_login.jpg) no-repeat;
}
.login form a{
font-size:14px;
font-weight:bold;
position:absolute;
top:91px;
right:0px;
}
.login form a:hover{
text-decoration:underline;
}
.login .line{
margin-left:10px;
margin-top:15px;
width:345px;
}
.login .signupfree a{
display:block;
width:196px;
height:26px;
margin:0 auto;
margin-top:20px;
text-indent:-9999px;
overflow:hidden;
background:url(../images/signupfree.png) no-repeat;
}
/* Search Page */
.contents.search{
width:755px;
padding-top:20px;
background:url(../images/bg_shadowtop.png) no-repeat right top;
}
.searchin{
padding:25px 45px 35px;
background:url(../images/bg_shadowbody.png) repeat-y;
}
.searchin form{


}
.searchin label,.searchin label input,.searchin label span{
float:left;
}
.searchin input{
margin-right:3px;
}
.searchin input.writing{
width:142px;
height:20px;
color:#666666;
font-weight:bold;
}
.searchin input.search{
width:92px;
height:27px;
border:none;
cursor:pointer;
background:url(../images/but_whataresearch.jpg) no-repeat center center;
}
.searchin input.advSearch{
width:139px;
height:28px;
border:none;
cursor:pointer;
background:url(../images/but_advSearch.jpg) no-repeat;
}
.searchin .sortby span,.searchin .perpage span{
font-weight:bold;
color:#223050;
padding:3px 4px 0px;
}
.searchin .sortby,.searchin .perpage{
padding-top:2px;
}
.searchin .sortby select,.searchin .perpage select{
background:#dddddd;
}
.searchsection{
margin-top:20px;
padding-top:20px;
width:100%;
float:left;
background:url(../images/bg_line.gif) repeat-x top;
}
.searchsection h3{
padding:0px 0px 5px 5px;
font-size:16px;
font-weight:bold;
color:#2c4f97;
}
.searchsection img{
padding:5px 20px 5px 5px;
float:left;
background:url(../images/bg_indeximg.jpg) no-repeat;
}
.searchsection p{
line-height:1.5em;
}
.searchsection h4 a{
font-weight:normal;
color:#2c4f97;
text-decoration:underline;
}
.searchsection h5{
font-weight:normal;
color:#ebd200;
}
.searchsection.notfind{
padding-bottom:50px;
}
.searchsection p.notfind{
color:#2c4f97;
}
.searchsection h4.youemail{
padding:20px 0px 8px;
color:#ebd200;
}
.searchsection .submit{
width:92px;
height:28px;
border:none;
cursor:pointer;
background:url(../images/but_submit.jpg) no-repeat;
}
.shadowbottom{
height:20px;
clear:both;
background:url(../images/bg_shadowbottom.png) no-repeat;
}
.pageNo{
padding:5px 15px 20px 0px;
text-align:right;
word-spacing:4px;
font-size:16px;
}
.pageNo a:hover{
text-decoration:underline;
}
/* Advanced Search Page */
.advsearch h2{
height:19px;
text-indent:-9999px;
overflow:hidden;
background:url(../images/advancedSearch.png) no-repeat center center;
}
.advsearch .line{
margin-top:20px;
}
div.advSearch{
padding-left:100px;
}
form.advSearch{
width:450px;
float:left;
}
.advSearch label{
display:block;
margin-top:15px;
}
.advSearch span{
padding-top:3px;
}
.advSearch .Keyword span,.advSearch .age span,.advSearch .sex span,.advSearch .lookingfor span{
width:80px;
text-align:right;
padding-right:15px;
}
.advSearch .Keyword input{
width:343px;
height:20px;
}
.advSearch .age input{
width:50px;
height:20px;
text-align:center;
}
.advSearch .age .to{
width:auto;
padding:0px 3px 0px;
}
.advSearch .zipcode span{
width:60px;
padding:3px 8px 0px 10px;
}
.advSearch .zipcode input{
width:130px;
height:20px;
}
.advSearch select{
float:left;
height:26px;
background:#dddddd;
}
.advSearch .sex select{
width:135px;
text-align:center;
}
.advSearch .within span{
width:90px;
padding:3px 8px 0px 10px;
}
.advSearch .within span.none{
width:auto;
padding:3px 3px 0px;
}
.advSearch .lookingfor select{
width:350px;
text-align:center;
}
.advSearch .submit{
padding:0px 0px 0px 95px;
}
.advSearch .submit input{
width:92px;
height:27px;
cursor:pointer;
border:none;
background:url(../images/but_whataresearch.jpg) right;
}
/* Sign Up Page */
.signup h2{
text-indent:-9999px;
overflow:hidden;
background:url(../images/joinnow.png) no-repeat center center;
}
.signup p{
margin-top:15px;
font-size:16px;
font-weight:bold;
color:#2e53a0;
text-align:center;
}
.signup .line{
margin-top:10px;
}
.signUp{
width:480px;
padding:5px 0px 0px 60px;
float:right;
margin-right:30px;
}
.signUp label{
width:480px;
margin-top:12px;
display:block;
}
.signUp label span{
width:122px;
padding:3px 0px 0px;
text-align:right;
}
.searchin .signUp input{
width:340px;
height:20px;
float:right;
}
.searchin .signUp select{
width:350px;
height:28px;
padding-left:5px;
float:right;
background:#dddddd;
}
.searchin .signUp .date select{
width:100px;
}
.searchin .signUp .date select.year{
margin-left:15px;
width:120px;
}
.searchin .signUp .date select.day{
margin-left:15px;
}
.searchin .signUp .check{
padding-left:130px;
width:400px;
}
.searchin .signUp .check input{
float:left;
width:auto;
}
.searchin .signUp .check span{
float:none;
}
.searchin .signUp .check span a{
color:#2e53a0;
text-decoration:underline;
}
.searchin .signUp .signup{
padding-left:128px;
width:400px;
}
.searchin .signUp .signup input{
width:92px;
height:28px;
border:none;
float:left;
cursor:pointer;
background:url(../images/but_signup.jpg) no-repeat;
}
.error{color:#ff0000;text-align:left;}
.searchin .signUp span.error{margin-left:140px;margin-top:2px;width:200px;}
.connect{
padding:30px 0;
float:left;
}
.connect label{
width:240px;
margin-top:12px;
display:block;
}
.connect label span{
width:70px;
padding:3px 0px 0px;
text-align:right;
}
.connect label input{
width:140px;
height:20px;
float:right;
}
.connect select{
width:150px;
height:28px;
padding-left:5px;
float:right;
background:#dddddd;
}
.connect .date select{
width:50px;
}
.connect .date select.year{
margin-left:15px;
width:60px;
}
.connect .date select.day{
margin-left:15px;
}
.connect .check{
padding-left:65px;
width:200px;
}
.connect .check input{
float:left;
width:auto;
}
.connect .check span{
float:none;
}
.connect .check span a{
color:#2e53a0;
text-decoration:underline;
}
.connect .signup{
padding-left:64px;
width:200px;
}
.connect .signup input{
width:92px;
height:28px;
border:none;
float:left;
cursor:pointer;
background:url(../images/but_signup.jpg) no-repeat;
}
.connect .error{float:right;width:280px;}


/* fs Page */
.sliderPicture{
width:600px;
float:left;
padding-top:5px;
}
.sliderPicture .prev,.sliderPicture .next{
padding-top:105px;
width:23px;
}
.sliderPicture .prev{
float:left;
}
.sliderPicture .next{
float:right;
}
.sliderPicture .prev a,.sliderPicture .next a{
display:block;
width:23px;
height:23px;
text-indent:-9999px;
overflow:hidden;
}
.sliderPicture .prev a{
background:url(../images/ico_fsPrev.png) no-repeat;
}
.sliderPicture .next a{
background:url(../images/ico_fsNext.png) no-repeat;
}
.sliderP_in{
width:550px;
float:left;
padding:0px 0px 0px 4px;
}
.sliderP_in div{
padding:0px 9px;
}
.sliderP_in div.sliderimg0{
width:186px;
float:left;
}
.sliderP_in div.sliderimg1,.sliderP_in div.sliderimg2{
padding-top:20px;
width:150px;
float:left;
}
.sliderP_in div p{
padding-bottom:30px;
background:url(../images/bg_sliderBotm.gif) repeat-x bottom;
}
.sliderP_in div.sliderimg0 img{
width:176px;
height:226px;
}
.sliderP_in div.sliderimg1 img,.sliderP_in div.sliderimg2 img{
width:140px;
height:181px;
}
.sliderP_in div img{
border:5px solid #2d3850;
}
.sliderText{
width:345px;
float:right;
}
.sliderText h2{
font-size:20px;
color:#2c4f97;
line-height:1em;
margin-top:7px;
}
.sliderText p{
line-height:1.5em;
}
.sliderText.you{
text-align:center;
}
.sliderText.you h2{
margin-top:65px;
height:39px;
text-indent:-9999px;
overflow:hidden;
background:url(../images/achieveYour.png) no-repeat center center;
}
.sliderText.you p{
line-height:2.2em;
font-size:16px;
}
.sliderText.you p span{
color:#2C4F97;
font-weight:bold;
font-size:22px;
}
.fsBoxs{
width:965px;
float:left;
padding-bottom:80px;
}
.fsbox{
width:465px;
float:left;
}
.fsbox.R{
float:right;
}
.fsBoxs .clear{
width:100%;
float:left;
margin-top:15px;
}
.fsbox h3{
font-size:15px;
color:#2c4f97;
padding:5px 0px 10px;
}
.fsbox .photo{
width:auto;
float:left;
}
.fsbox .photo img{
padding:5px;
background:url(../images/bg_fsphoto.png) no-repeat;
}
.fsbox p{
width:320px;
float:right;
font-size:13px;
line-height:1.4em;
}
.fsBoxs.ss h3{
font-size:17px;
font-weight:bold;
}
.fsBoxs.ss .clear{
margin-top:50px;
}
.toggle_container{
display:none;
}
html,body{height:100%;}div#fancy_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#666;display:none;z-index:30;}* html div#fancy_overlay{position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px');}div#fancy_wrap{text-align:left;}div#fancy_loading{position:absolute;height:40px;width:40px;cursor:pointer;display:none;overflow:hidden;background:transparent;z-index:100;}div#fancy_loading div{position:absolute;top:0;left:0;width:40px;height:480px;background:transparent url('/images/fancy_progress.png') no-repeat;}div#fancy_loading_overlay{position:absolute;background-color:#FFF;z-index:30;}div#fancy_loading_icon{position:absolute;background:url('/images/fancy_loading.gif') no-repeat;z-index:35;width:16px;height:16px;}div#fancy_outer{position:absolute;top:0;left:0;z-index:90;padding:18px 18px 33px 18px;margin:0;overflow:hidden;background:transparent;display:none;}div#fancy_inner{position:relative;width:100%;height:100%;border:1px solid #BBB;background:#FFF;}div#fancy_content{margin:0;z-index:100;position:absolute;}div#fancy_div{background:#000;color:#FFF;height:100%;width:100%;z-index:100;}img#fancy_img{position:absolute;top:0;left:0;border:0;padding:0;margin:0;z-index:100;width:100%;height:100%;}div#fancy_close{position:absolute;top:-12px;right:-15px;height:30px;width:30px;background:url('/images/fancy_closebox.png') top left no-repeat;cursor:pointer;z-index:181;display:none;}#fancy_frame{position:relative;width:100%;height:100%;display:none;}#fancy_ajax{width:100%;height:100%;overflow:auto;}a#fancy_left,a#fancy_right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;z-index:111;display:none;background-image:url(data:image/gif;base64,AAAA);outline:none;}a#fancy_left{left:0;}a#fancy_right{right:0;}span.fancy_ico{position:absolute;top:50%;margin-top:-15px;width:30px;height:30px;z-index:112;cursor:pointer;display:block;}span#fancy_left_ico{left:-9999px;background:transparent url('/images/fancy_left.png') no-repeat;}span#fancy_right_ico{right:-9999px;background:transparent url('/images/fancy_right.png') no-repeat;}a#fancy_left:hover{visibility:visible;}a#fancy_right:hover{visibility:visible;}a#fancy_left:hover span{left:20px;}a#fancy_right:hover span{right:20px;}.fancy_bigIframe{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;}div#fancy_bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:70;border:0;padding:0;margin:0;}div.fancy_bg{position:absolute;display:block;z-index:70;border:0;padding:0;margin:0;}div.fancy_bg_n{top:-18px;width:100%;height:18px;background:transparent url('/images/fancy_shadow_n.png') repeat-x;}div.fancy_bg_ne{top:-18px;right:-13px;width:13px;height:18px;background:transparent url('/images/fancy_shadow_ne.png') no-repeat;}div.fancy_bg_e{right:-13px;height:100%;width:13px;background:transparent url('/images/fancy_shadow_e.png') repeat-y;}div.fancy_bg_se{bottom:-18px;right:-13px;width:13px;height:18px;background:transparent url('/images/fancy_shadow_se.png') no-repeat;}div.fancy_bg_s{bottom:-18px;width:100%;height:18px;background:transparent url('/images/fancy_shadow_s.png') repeat-x;}div.fancy_bg_sw{bottom:-18px;left:-13px;width:13px;height:18px;background:transparent url('/images/fancy_shadow_sw.png') no-repeat;}div.fancy_bg_w{left:-13px;height:100%;width:13px;background:transparent url('/images/fancy_shadow_w.png') repeat-y;}div.fancy_bg_nw{top:-18px;left:-13px;width:13px;height:18px;background:transparent url('/images/fancy_shadow_nw.png') no-repeat;}div#fancy_title{position:absolute;bottom:-33px;left:0;width:100%;z-index:100;display:none;}div#fancy_title div{color:#FFF;font:bold 12px Arial;padding-bottom:3px;}div#fancy_title table{margin:0 auto;}div#fancy_title table td{padding:0;vertical-align:middle;}td#fancy_title_left{height:32px;width:15px;background:transparent url('/images/fancy_title_left.png') repeat-x;}td#fancy_title_main{height:32px;background:transparent url('/images/fancy_title_main.png') repeat-x;}td#fancy_title_right{height:32px;width:15px;background:transparent url('/images/fancy_title_right.png') repeat-x;}
.popular-items li{background:none repeat scroll 0 0 white;border:1px solid #999;float:left;height:105px;margin:10px;overflow:hidden;padding:8px;width:100px;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.75); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.75);cursor:pointer;cursor:hand;}
.popular-items-a{border:0;}
.popular-items-img{width:100px;height:auto;max-height:105px;}
.clr{clear:both;}
.popular-searches-header{width:100%;text-align:center;font-size:36px; color:#19253F;display:block;}
.popular-searches{height:30px !important; width:auto !important;}
.twitterlink{background:url(../images/socials.gif);width:117px;height:50px;}
.facebooklink{background:url(../images/socials.gif) -121px;width:200px;height:50px;}
.fb_twitter_links{position:static;height:0px;margin:0px auto 0px -10px; width:370px;}
.fb_twitter_links_inner{width:370px; margin-left:10px; height:70px; overflow:hidden;}
.solcials_anchors{display:block;float:left;margin:11px;}
.fblikebtn{height:auto;overflow:hidden;position:absolute;right:20px;}
.connect_widget_not_connected_text{color:#fff !important;}
.abs_image_picker{position:absolute;width:1px;height:1px;left:30px;_position:relative;_width:1px;_height:1px;_left:-150px;}
.rel_image_picker{_position:relative;_top:0px;}
/*.abs_image_picker{}*/
.footermenucenter{width:600px; margin:0 auto;}
.footermenuabs{width:600px; position:absolute;}
.avatarSelectBtn{
	border-width:1px;
	border-style:solid;
	padding:3px;
	text-align:center;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	padding:0.4em 0 0.4em 0.8em;
	text-shadow:1px 1px 1px #000000;
	cursor:pointer;
	cursor:hand;

border-color:#29447E #29447E #1A356E;
background-color:#5B74A8;
background-position:0 -48px;
color:#FFF;
padding-bottom:1px;
width:auto;
}
.user-image-sprite{background:url(../images/csg-4c058c007247a.jpg) no-repeat top left; width:100px !important; height:100px !important; float:left; margin:3px;
list-style:none; border:1px solid black;cursor:pointer;cursor:hand;}
.redBorder{border:2px solid #3875D7 !important;margin:2px;}
/*user sprite*/
.Luserimage {background:url(../images/csg-4c058c007247a.jpg) no-repeat top left; margin-left:25px;}
.sprite-1 { background-position: 0 0; width: 100px; height: 100px; } 
.sprite-10 { background-position: 0 -101px; width: 100px; height: 100px; } 
.sprite-11 { background-position: 0 -202px; width: 100px; height: 100px; } 
.sprite-12 { background-position: 0 -303px; width: 100px; height: 100px; } 
.sprite-13 { background-position: 0 -404px; width: 100px; height: 100px; } 
.sprite-14 { background-position: 0 -505px; width: 100px; height: 100px; } 
.sprite-15 { background-position: 0 -606px; width: 100px; height: 100px; } 
.sprite-16 { background-position: 0 -707px; width: 100px; height: 100px; } 
.sprite-17 { background-position: 0 -808px; width: 100px; height: 100px; } 
.sprite-18 { background-position: 0 -909px; width: 100px; height: 100px; } 
.sprite-19 { background-position: 0 -1010px; width: 100px; height: 100px; } 
.sprite-2 { background-position: 0 -1111px; width: 100px; height: 100px; } 
.sprite-20 { background-position: 0 -1212px; width: 100px; height: 100px; } 
.sprite-21 { background-position: 0 -1313px; width: 100px; height: 100px; } 
.sprite-22 { background-position: 0 -1414px; width: 100px; height: 100px; } 
.sprite-23 { background-position: 0 -1515px; width: 100px; height: 100px; } 
.sprite-24 { background-position: 0 -1616px; width: 100px; height: 100px; } 
.sprite-25 { background-position: 0 -1717px; width: 100px; height: 100px; } 
.sprite-26 { background-position: 0 -1818px; width: 100px; height: 100px; } 
.sprite-27 { background-position: 0 -1919px; width: 100px; height: 100px; } 
.sprite-28 { background-position: -101px 0; width: 100px; height: 100px; } 
.sprite-29 { background-position: -101px -101px; width: 100px; height: 100px; } 
.sprite-3 { background-position: -101px -202px; width: 100px; height: 100px; } 
.sprite-30 { background-position: -101px -303px; width: 100px; height: 100px; } 
.sprite-31 { background-position: -101px -404px; width: 100px; height: 100px; } 
.sprite-32 { background-position: -101px -505px; width: 100px; height: 100px; } 
.sprite-33 { background-position: -101px -606px; width: 100px; height: 100px; } 
.sprite-34 { background-position: -101px -707px; width: 100px; height: 100px; } 
.sprite-35 { background-position: -101px -808px; width: 100px; height: 100px; } 
.sprite-36 { background-position: -101px -909px; width: 100px; height: 100px; } 
.sprite-4 { background-position: -101px -1010px; width: 100px; height: 100px; } 
.sprite-5 { background-position: -101px -1111px; width: 100px; height: 100px; } 
.sprite-6 { background-position: -101px -1212px; width: 100px; height: 100px; } 
.sprite-7 { background-position: -101px -1313px; width: 100px; height: 100px; } 
.sprite-8 { background-position: -101px -1414px; width: 100px; height: 100px; } 
.sprite-9 { background-position: -101px -1515px; width: 100px; height: 100px; }


.active_search {
    background-color: #183656;
    background-position: right -55px;
    background-repeat: repeat;
    border: 1px solid #2A3B6D;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    height: 20px;
    width: 70px;
}