
#layout {
    width:910px;
    margin:0 auto;
}

.center {
    text-align:center;
}

/*------logo-------*/

.logo {
    padding:10px 0 5px 0;
    color:#999;
}

.searchImg {
    border:0;
    cursor:pointer;
    vertical-align:middle;
    margin-top:-1px;
}

*html .searchImg {
    margin-top:-4px;
}

*+html .searchImg {
    margin-top:-6px;
}

.logo a:link,
.logo a:visited {
    color:#888;
    padding:0 5px;
}

.logo a:hover,
.logo a:active {
    color:#c00;
    padding:0 5px;
}

.logo input {
    border:0;
    background:url(../images/search1.gif) no-repeat;
    width:115px;
    padding:4px 5px 3px 30px;
    color:#000;
    margin-left:5px;
    height:20px;
}
.logo input, x:-moz-any-link, x:default {
    padding:4px 5px 0px 30px;
}

*html .logo input {
    height:20px;
    padding:3px 5px 1px 30px;
}

*+html .logo input {
    height:20px;
    padding:3px 5px 1px 30px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.logo input {
 height:20px;
}
}

.logo select {
    height:18px;
    color:#666;
    border:1px solid #ccc;
}

*html .logo select {
    height:19px;
}

*+html .logo select {
    height:20px;
}

.mar30 {
    margin-top:35px!important;
}

/*----------nav----------*/

.nav {
    background:url(../images/answer_2.jpg) repeat-x;
    font-size:14px;
    width:910px;
}

.navCe {
    background:url(../images/answer_2.jpg) repeat-x;
    width: 780px;
}

.navCe li {
    float:left;
    margin-top:10px;
    background:url(../images/line.gif) no-repeat right bottom;
    padding:0 12px;
}

.navCe li a:link,
.navCe li a:visited {
    color:#fff;
    display: block;
    padding:6px 0 6px;
}

.navCe ul li:hover > ul
{
	display:inline;	
}


.navCe li a:link, .navCe li a:visited x:-moz-any-link, x:default {
 padding:6px 0 7px;
}

.navCe li ul
{
	display:none;
	background:url(../images/bgquestions.png);
	width:95px;
 
	position: absolute;
}
 

.navCe li ul li
{
	width:100%;
	font-size:12px;
	color:#FFFFFF;
	font-weight:lighter;
	background:none;
	padding:0px 0;
	margin:0;
	text-align:center; 
	 
}

*html .navCe li a:link,
*html .navCe li a:visited {
    padding:6px 0 7px;
}

*+html .navCe li a:link,
*+html .navCe li a:visited {
    padding:6px 0 7px;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.navCe li a:link, .navCe li a:visited {
 padding:6px 0 7px;
}
}

.navCe li a:hover,
.navCe li a:active {
    color:#60C9F7;
    display:block;
}

.navCe a.current {
    background: url(../images/navRight.gif) no-repeat right top;
    padding:6px 12px 6px 0;
}

.navCe a.current span {
    background: url(../images/navLeft.gif) no-repeat left top;
    padding:6px 12px 6px;
    color: #0273A7;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.navCe .navCe a.current span {
 padding:6px 12px 7px;
}
}

.navBO {
    background:url(../images/answer_4.jpg) no-repeat right top;
    padding:10px 9px 5px 10px;
}

.log {
    background:url(../images/answer4.gif) no-repeat left top;
    padding:3px 0 3px 7px;
    font-size:12px;
    font-weight:normal;
}

.log a {
    background:url(../images/answer5.gif) no-repeat right top;
    padding:3px 7px 3px 5px;
}

/*--------container---------*/

.container {
    padding: 10px;
    background:#EAF8FE;
    border-left:1px solid #0172A6;
    border-right:1px solid #0172A6;
}

/*columnLeft*/
.columnLeft {
    width:185px;
    float:left;
    margin-right:7px;
    display:inline;
}

.leftOne {
    background:url(../images/answer_43.jpg) repeat-y;
}

.oneTop {
    background:url(../images/answer_32.jpg) no-repeat;
    padding:4px 10px 10px;
    color:#fff;
}

.oneCE {
    background:url(../images/answer_42.jpg) no-repeat;
    padding:5px 10px;
}

.oneBo {
    background:url(../images/answer_45.jpg) no-repeat left bottom;
    height:9px;
}

.news {
    padding:15px 0 15px 5px;
}

.news li {
    padding:10px 10px 10px 45px;
    margin-bottom:5px;
    color:#fff;
}

.news li a:link,
.news li a:visited {
    color:#fff;
}

.news li a:hover,
.news li a:active {
    color:#c30;
}

.newA {
    background:url(../images/ico_01.jpg) no-repeat;
}

.newB {
    background:url(../images/ico_02.jpg) no-repeat;
}

.newC {
    background:url(../images/ico_03.jpg) no-repeat;
}

.friends {
    background:#FD8122;
    height:24px;
    width:177px;
    margin:10px 0;
}

.friendsList {
    width:170px;
    padding-left:7px;
}

.friendsList ul {
    width: 170px;
}

.friendsList ul li {
    width: 50px;
    float: left;
    margin: 0 6px 8px 0;
    display: inline;
    overflow: hidden;
    word-wrap:break-word;
    word-break:keep-all;
    word-break/**/:normal;
}

.friendsList ul li img {
    float:left;
}

.friendsList ul li span {
    float:left;
    width:50px;
    font-size:11px;
    text-align:center;
}

.fspan {
    background:url(../images/answer_89.gif) no-repeat 0 0;
    padding:5px 0 5px 5px;
}

.fname {
    background:url(../images/answer_90.gif) no-repeat 0 0;
    padding:5px 3px 5px 12px;
    color:#fff;
}

*html .fspan {
    padding:5px 0px 3px 5px;
}

*html .fname {
    padding:5px 3px 3px 12px;
}

.popular {
    padding:0 5px 5px 5px;
}

.popular li {
    background:url(../images/answer_97.jpg) no-repeat 0 4px;
    padding:0 5px 0 10px;
    margin-bottom:5px;
}

.poTop {
    color:#025FA6;
    border-bottom:1px solid #299CCE;
    padding:5px;
    margin-bottom:5px;
}

/*----------columnCenter------------*/

.columnCenter {
    width:506px;
    float:left;
}

.topName {
    background:url(../images/nameTop.jpg) no-repeat;
    height:14px;
}

*html .topName {
    margin-bottom:-1px;
}

.centerName {
    background:url(../images/nameCe.jpg) repeat-y;
    padding:0px 20px;
}

.centerName td {
    padding:4px 0;
}

.centerName img {
    padding:2px;
    border:1px solid #ddd;
    margin-left:10px;
}

.bottomName {
    background:url(../images/nameBO.jpg) no-repeat left bottom;
    height:14px;
}

*html .bottomName {
    margin-top:-1px;
}

*+html .bottomName {
    margin-top:-1px;
}

.sideNav {
    height:22px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.sideNav {
 height:21px;
}
}

.sideNav li {
    float:left;
    background:url(../images/answer_59.jpg) no-repeat right top;
    padding:5px 10px 2px 0;
    margin:0 4px;
}

.sideNav li a {
    background:url(../images/answer_58.jpg) no-repeat left top;
    padding:5px 0 2px 10px;
    color:#2658A2;
}

.sideNav .select {
    background:url(../images/answer_56.jpg) no-repeat right top;
}

.sideNav .select a {
    background:url(../images/answer_55.jpg) no-repeat left top;
    color:#fff;
}

.sideCeter {
    border:1px solid #8BD4F7;
    background:#fff;
    padding:10px 0 15px;
    width:504px;
    float:left
}

.recent {
    padding:3px 9px;
    border-bottom:1px solid #D8EDF6;
    margin:0 9px;
}

.show {
    background:url(../images/answer_65.jpg) no-repeat;
    padding:3px 10px;
    margin-right:5px;
    float:left;
}

.showB {
    margin-top:3px;
}

.showB span {
    float:left;
}

.showB a {
    margin:0 4px;
    text-decoration: underline;
}

.showB span.showAll {
    background:url(../images/answer_65.jpg) top center no-repeat;
    padding:3px 8px;
    display:block;
}

.showB span.showAll a {
    margin:0;
    text-decoration: none;
}

.sideTime {
    padding:0 10px 5px 10px;
}

.sideTime li {
    border-bottom:1px solid #D8EDF6;
    padding:4px 0 4px 0;
}

.sideTime li .left_float {
    width:200px;
}

.sideTime td {
    padding:4px 5px 0 5px;
}

.date {
    padding:3px;
}

.ago li {
    border:none;
    background:url(../images/ico2.gif) no-repeat 0 5px;
    padding:2px 0 2px 14px;
    font-size:11px;
    color:#999;
}

.ago a:link,
.ago a:visited {
    color:#999;
}

.ago a:hover,
.ago a:active {
    color:#f60;
}

.photoImg {
    padding:2px;
    border:1px solid #ddd;
    background:#ffffff;
}

.reply {
    display:none;
}

.replyTop {
    background:url(../images/replay_01.gif) no-repeat;
    height:20px;
}

.replyCenter {
    background:url(../images/replay_02.gif) repeat-y;
    padding:0 42px 5px 10px;
}

.replyLine {
    border-bottom:1px solid #D8EDF6;
    padding:3px;
    margin-bottom:3px;
    width:405px;
}

.replyLine .fblue {
    height:20px;
}

.replyBottom {
    background:url(../images/replay_03.gif) no-repeat left top;
    height:22px;
}

.nameR {
    width:300px;
}

.text1 {
    border:1px solid #ddd;
    width:380px;
    height:100px;
    margin:5px 0;
}

.m {
    margin:5px 0;
}

.mTop {
    background:url(../images/orangeTop.gif) no-repeat left bottom;
    height:11px;
}

.mCenter {
    background:url(../images/orangeCe.gif) repeat-y;
    padding:0 20px 5px 40px;
}

.mCenter img {
    vertical-align:middle;
}

.mBottom {
    background:url(../images/orangeBo.gif) no-repeat left top;
    height:11px;
}

.page {
    text-align:right;
    padding:5px 10px;
}

.page a:link,
.page a:visited {
    background:#A1D4E9;
    padding:0 4px;
    margin:0 2px;
}

.page a:hover,
.page a:active {
    background:#299CCE;
    color:#fff;
    text-decoration:none;
}

.page .selece1 {
    color:#c00 !important;
}

/*---------columnRight-----------*/

.columnRight {
    width:177px;
    float:right;
}

.rightOne {
    background:#fff;
    border:1px solid #ddd;
    padding:7px;
    width:161px;
}

.rightOne li {
    line-height:14px;
    float:left;
    width:161px;
    padding:5px 0;
}

.rightOne li img {
    margin-right: 5px;
    float: left;
}

.rightOne .centerimg {
    text-align:center;
    clear:both;
    float:none;
}

.redio {
    width:160px;
}

.redio input {
    float:left;
}

.next {
    text-align:right;
    padding:5px 8px 0 0;
    background:url(../images/arrow_02.gif) no-repeat right 10px;
    clear:both;
}

/*-------foot-------*/

.foot {
    background:url(../images/foot.jpg) no-repeat;
    padding:15px 20px 2px;
    color:#666;
}

.foot a:link,
.foot a:visited,
.foot a:hover,
.foot a:active {
    color:#666;
    padding:0 5px;
}

.freeFlow {
    position:absolute;
    z-index:20;
    left:250px;
    top:384px;
    width:26px;
    padding:4px;
}

.pad15 {
    padding-bottom:15px;
}

hr {
    border: 0 solid #0172a6;
    border-top-width: 1px;
    margin: 15px 0;
}

.passtop {
    width: 910px;
    height: 5px;
    background: url(../images/passbg.jpg) no-repeat center bottom;
}

.passtit {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    background: url(../images/arrow_02.gif) no-repeat left center;
    padding-left: 10px;
    margin-bottom: 10px;
    width:860px;
}

.passcontent {
    background-color: #b8e6f6;
    border-top: 2px solid #0172a6;
    margin: 10px;
    padding: 5px 10px;
    width:840px;
}

.passcontent ul {
    line-height: 14px;
    height: 14px;
}

.passcontent ul li {
    float: right;
    text-align: center;
    font-size: 11px;
    color: #025FA6;
    font-weight: bold;
    margin-right: 40px;
    display:inline;
}

.setlist {
    margin: 0 10px;
    padding: 0 10px;
}

.setlist ul {
    clear: both;
}

.setlist ul li {
    float: left;
    text-align: center;
    font-size: 12px;
    color: #666;
    margin-right: 40px;
    height: 30px;
}

*+html .setlist ul li {
    height:20px;
}

*html .setlist ul li {
    height:12px;
    display:inline;
}

.setlist ul li.txtleft {
    text-align: left;
}

.l {
    width: 460px;
}

.m1 {
    width: 130px;
}

.privacy {
    margin: 0 10px 50px;
    padding: 0 10px;
}

.shownav {
    margin-top:3px;
}

.shownav h4 {
    float:left;
}

.shownav ul li {
    float:left;
}

.shownav ul li a,
.shownav ul li a:link,
.shownav ul li a:visited {
    margin:0 6px 0 0;
    text-decoration: underline;
}

.shownav ul li a:hover,
.shownav ul li a:active {
    text-decoration: underline;
    color:#CC0000;
}

.shownav ul li a.current,
.shownav ul li a.current:link {
    background:#99d5ef url(../images/myright.gif) no-repeat right top;
    text-decoration: none !important;
    height:22px;
    text-align:center;
    line-height:22px;
    margin-top:-3px;
    float:left;
}

.shownav ul li a.current span {
    background: url(../images/myleft.gif) no-repeat left top;
    display:block;
    padding:0 5px;
}

/* -------SearchMockup2.html--------- */

.searchCeter {
    border:1px solid #8BD4F7;
    background:#fff;
    padding-bottom:15px;
}

.sstep {
    margin-top:10px;
}

.sstep ul li {
    display:block;
    color:#99d5ef;
    background: #fff url(../images/s_step1.jpg) 25px 10px no-repeat;
    width:504px;
    height:70px;
    font-weight:bold;
    font-size:12px;
    padding:8px 0 3px 0;
    margin:8px 0;
}

.text {
    margin-left:120px;
    margin-right:10px;
}

.sstep ul li em {
    font-size:16px;
    font-style:normal;
}

.sstep ul li.stepx {
    background: #b6dcf1 url(../images/s_step2.jpg) 25px 10px no-repeat;
    color:#098bc7;
}

.sstep ul li.stepx em {
    color:#FF6600;
}

.sstep ul li h3 {
    font-size:22px;
    margin:10px 0 0 85px;
    padding:0;
    float:left;
    color:#FFFFFF;
    display:inline;
}

.sfoot {
    margin: 50px 10px 10px;
}

.sfootnav {
    height:30px;
}

.sfootnav ul li,
.sfootnav ul li a {
    width:84px;
    height:30px;
    float:left;
    margin-right:7px;
    _margin-right:3px;
    text-align:center;
    color: #FFFFFF;
    font-size:16px;
    font-weight:bold;
    background:url(../images/s_step3.jpg) left center no-repeat;
    line-height:30px;
    display:inline;
}
.sfootnav a, .sfootnav a:link, .sfootnav a:visited, {
 color:#FFFFFF;
}

.sfootnav ul li a.sfcur {
    background:url(../images/s_step4.jpg) left center no-repeat;
    color:#FFFFFF;
}

.retitle {
    margin:10px;
    border-bottom:1px solid #D8EDF6;
    font-weight:bold;
    padding:0 0 5px 15px;
}

.sxsw {
    float:left;
    margin-top:3px;
    margin-left:5px;
    display:inline;
}

/*--------------------login---------------------*/

a.cwhite:link,
a.cwhite:visited {
    color:#FFFFFF;
    text-decoration: underline;
}

a.cwhite:hover,
a.cwhite:active {
    color:#FFFFFF;
    text-decoration: none;
}

a.cblue:link,
a.cblue:visited {
    color: #34c9fd;
    text-decoration: underline;
}

a.cblue:hover,
a.cblue:active {
    color: #34c9fd;
    text-decoration: none;
}

.loginMain {
    background: url(../images/login-back.gif) no-repeat;
    height: 438px;
    width: 428px;
    color: #FFFFFF;
    padding: 45px 0 0 500px;
}

.login li {
    padding:5px;
    margin: 3px 0;
}

.loginTitle {
    float:left;
    width:110px;
    text-align:right;
    padding:5px 5px 0 0;
}

.loginResults {
    float:left;
    width:110px;
    text-align:left;
    padding-left:10px;
}

.loginMain input {
    border:1px solid #016799;
    color:#999;
    padding:2px 0 2px 3px;
}

.loginOr {
    text-align: center;
    margin: 20px 70px 45px 0;
}

.loginSign {
    text-align: right;
    padding-right: 40px;
    margin-top:-15px;
}

.login li {
    padding:5px 0;
}

*html .login li {
    padding:4px 0;
}

*+html .login li {
    padding:4px 0;
}

.loginFoot {
    padding:5px;
    color: #666;
}

.loginFoot a:link,
.loginFoot a:visited,
.loginFoot a:hover,
.loginFoot a:active {
    color:#666;
    padding:0 5px;
}

.mR30 {
    margin-right:30px
}

.mL-40 {
    margin-left:-40px
}

.adjust1 {
    margin-bottom:-5px
}

*+html .adjust1 {
    margin-bottom:-3px
}

*html .adjust1 {
    margin-bottom:-3px
}

.loginPop {
    width:475px;
    height:569px;
    margin:0 auto;
    background:url(../images/loginbg1.jpg) center center no-repeat;
    font-size:11px;
}

.logpop {
    padding:68px 56px 0 216px
}

.logpop p {
    margin:0;
    padding:0;
    margin-bottom:3px;
    font-weight:bold;
}

.logpop p.mattop {
    margin-top:10px;
}

.inputa {
    width:198px;
    height:18px;
    border-width:0;
}

.inputb {
    width:270px;
    height:18px;
    border-width:0;
    color:#000000;
    padding-left:3px;
    margin-top:3px;
}

.inputc {
    width:80px;
    height:18px;
    border-width:0;
    color:#999;
    padding-left:3px;
    margin-top:0px;
}

.inputd {
    width:140px;
    height:18px;
    border-width:0;
    color:#999;
    padding-left:3px;
    margin-top:0px;
}

.signup {
    padding:40px 56px 0 26px;
}

.signup img {
    text-align:right;
}

.loginLayout {
    width:987px;
    margin:0 auto;
}

.newLogin {
    width: 987px;
    height: 485px;
    margin:0 auto;
}

.loginLeft {
    float:left;
    width:435px;
    height:485px;
    background:url(../images/loginleft.jpg) no-repeat right top;
}

.loginLeft img {
    margin: 405px 32px 0 255px;
}

.loginRight {
    background:url(../images/loginright.jpg) no-repeat left top;
    width:552px;
    height:485px;
    float:left;
}

.loginText {
    margin:156px 40px 0 368px;
    font-size:11px;
}

.loginText p {
    margin:0;
    padding:0;
    margin-bottom:3px;
    font-weight:bold;
}

.loginText p.martop {
    margin-top:10px;
}

.questionS,
.userSearch {
    background:url(../images/Question_bg.gif) repeat-x;
    width:495px;
    margin-left:5px;
    padding-bottom:10px;
}

.questionS input {
    height:20px;
    width:300px;
    color:#000;
    padding:2px 0 0 2px;
}

.questionS img {
    vertical-align:middle;
    margin-left:5px;
}

*html .questionS img {
    margin-top:-10px;
}

*+html .questionS img {
    margin-top:-10px;
}

.qustionCe {
    padding:0 15px 15px;
}

*html .qustionCe {
    padding:0 15px 10px;
}

*+html .qustionCe {
    padding:0 15px 10px;
}

.qustionCe td {
    color:#0377AB;
}

.questionTop {
    background:url(../images/Question_03.gif) no-repeat;
    padding:10px 15px;
}

.questionS li {
    float:left;
    padding:5px 10px;
}

.All {
    background:url(../images/Question_all.gif) no-repeat 3px 5px;
    padding:3px 6px;
    margin-left:15px;
}

*html .All {
    margin-left:8px;
}

.All a:link,
.All a:visited {
    color:#fff;
    text-decoration: none !important;
}

.All a:hover,
.All a:active {
    color:#c00;
}

.questionMost {
    border-bottom:1px solid #A7DBF1;
    margin:0 5px 5px;
    padding-left:10px;
}

*html .questionMost {
    background:url(../images/Question_10.gif) repeat-x 0 27px;
    border:none;
    padding-left:2px;
}

.questionMost li {
    float:left;
    padding:5px 2px 3px;
    margin:5px 3px -1px;
}

*html .questionMost li {
    margin:5px 3px 0;
}

.questionMost a.select2 {
    background:url(../images/Question_07.gif) no-repeat right top;
    padding:5px 0 3px;
}

*html .questionMost a.select2 {
    padding:0;
}

*+html .questionMost a.select2 {
    padding:0;
}

.questionMost a.select2 span {
    background:url(../images/Question_06.gif) no-repeat left top;
    padding:5px 8px 3px;
}

/*------------my questions----------*/

.Myshow {
    background:url(../images/myright.gif) no-repeat right top;
    padding:3px 5px 3px 0;
    float:left;
    margin-right:5px;
    display:inline;
}

.Myshow a {
    background:url(../images/myleft.gif) no-repeat left top;
    padding:3px 0 3px 5px;
}

.showC {
    border-bottom:1px solid #0A9EDE;
}

.answerBuds li {
    border:none;
    padding:2px 0;
}

.buds {
    width:150px;
    float:left;
}

.comment {
    background:url(../images/commen1.gif) no-repeat;
    height:23px;
    width:72px;
    padding-top:2px;
    color:#fff;
    font-size:11px;
    font-weight:bold;
    line-height:10px;
}

/*--------------user search---------*/

.userSearch {
    background:url(../images/User_search_03.jpg) repeat-x;
    padding-bottom:0;
    overflow:hidden;
}

.userSearch td {
    padding:2px 0 2px 5px;
}

.input1,
.input2,
.input3,
.input4,
.input5 {
    border:1px solid #016799;
    color:#000;
    padding-left:3px;
}

.input1 {
    width:150px;
}

.input2 {
    width:110px;
}

.input3 {
    width:70px;
}

.input4 {
    width:320px;
    height:80px;
}

.input5 {
    width:300px;
}

.input6 {
    width:250px;
    height:80px;
}

.input7 {
    width:250px;
}

.user {
    width:85px;
}

.weight {
    font-weight:600;
    padding-right:5px;
}

.borderB {
    border-bottom:1px solid #A7DBF1;
    margin:0 5px;
}

.marDouble {
    margin:0 10px;
}

/*---------------edit profile------------------*/

.editProfile {
    background:#E5F6FD;
    width:461px;
    margin:0 0 15px 22px;
}

.basic {
    padding:5px 25px;
}

.edit {
    background:url(../images/editTop.jpg) no-repeat;
    padding:10px 0 15px;
}

.edit li {
    padding:5px;
}

.editTitle {
    float:left;
    width:110px;
    text-align:right;
    padding-right:5px;
}

.editResults {
    float:left;
    width:110px;
    text-align:left;
    padding-left:10px;
}

.button1,
.button2 {
    font: 12px Arial, Helvetica, sans-serif;
    border:0;
    color:#fff;
    cursor:pointer;
}

.button1 {
    background:url(../images/inbox-button.gif) no-repeat;
    width:58px;
    height:18px;
    line-height:16px;
    padding-bottom:2px;
    font-weight:600;
}

.button2 {
    background:url(../images/commen1.gif) no-repeat;
    width:72px;
    font-weight:bold;
    height:25px;
}

/*----------add new survey----------------*/

.addNew,
.addNew2 {
    border:2px solid #1BA1DB;
    background:url(../images/survey1.gif) #DEF5FD no-repeat right top;
    padding:10px;
}

.addLeft {
    float:left;
    margin-right:20px;
    margin-left:10px;
    font-size:11px;
    display:inline;
}

.addLeftHeader {
    margin-right:40px;
}

.survey li {
    padding:5px 0;
}

.choice {
    width:460px;
    padding:10px;
    margin:10px 0 0 10px;
    float:left;
    background:#eaf8fe;
    border:1px solid #299cce;
}

*html .choice {
    margin:10px 0 0 5px;
}

*+html .choice {
    margin:10px 0 0 5px;
}

.choice h3 {
    color:#0273A7;
    font-size:14px;
    margin-bottom:10px;
    width:460px;
}

.options {
    width:440px;
    padding:10px 10px 0 10px;
}

.options textarea {
    width:435px;
    height:80px;
    margin:5px 0;
}

.options em {
    padding-bottom:15px;
    width:440px;
    float:left;
    font-weight:bold;
    color:#666666;
}

.addImages {
    border:1px solid #299cce;
    background:#ffffff;
    padding:10px 0;
    width:440px;
}

.addImages table td {
    padding:4px;
    vertical-align:middle;
}

.previewSave {
    float:right;
    margin:-50px 5px 0 0;
}

.addNewQuestion {
    width:506px;
    font-size:14px;
    font-weight:bold;
    margin-bottom:10px;
}

/*-------------question view----------*/

.view {
    margin-top:0 !important;
}

.addNew2 {
    background:#fff;
    padding:20px 10px 10px 30px;
}

.viewImg {
    position:relative;
}

.width250 {
    width:250px;
}

.viewJust {
    padding:0px 15px 0px 30px;
}

.width200 {
    width:200px;
}

.headerImg {
    width:100%;
    position:relative;
    text-align:center;
}

.mark {
    position:absolute;
    top:-10px;
    left:-12px;
}

.blueBorder {
    border-bottom:1px solid #D8EDF6;
    margin:0 auto;
    width:92%;
}

a.orange:link,
a.orange:visited {
    color:#FF6600;
}

.category {
    padding:0 !important;
    width:506px;
}

.inboxTitle {
    padding: 10px 0 0 2px !important;
    margin-bottom: -10px;
}

.orangeTable {
    border:2px solid #fd8122;
    background:#ffffff;
    padding:10px 10px 10px 20px;
    width:472px;
}

.topH5 {
    width:102px;
    color:#ffffff;
    background: url(../images/top-question_bg.gif) top left no-repeat;
    font-size:12px;
    height:20px;
    line-height:20px;
    text-align:center;
}

.surveyH5 {
    width:117px;
    background: url(../images/survey_list_top.gif) top left no-repeat;
}

.communityH5 {
    width:99px;
    background: url(../images/community-top.gif) top left no-repeat;
}

.blueTable {
    border:2px solid #24a4dd;
}

.blueTable ul li {
    padding:0 0 3px 0;
    border-bottom:none;
}

.blueTable ul li div {
    width:140px;
    float:left;
}

.blueTable ul li p {
    margin:10px 0 7px 0;
    padding:0;
    color:#8d8c8c;
}

.blueTable ul li img.sentMail {
    margin-left:5px;
}

.allTitle {
    margin-bottom:10px;
    padding-top:10px;
}

.menu {
    width:506px;
    height:23px;
    margin-top:15px;
}

.menu ul {
    width:506px;
    height:23px;
}

.menu ul li {
    float:left;
    margin-right:6px;
    height:23px;
    font-weight:bold;
}

.menu ul li a:link,
.menu ul li a:visited {
    height:23px;
    display: block;
    float:left;
    padding-right:9px;
    background:url(../images/menu-right.gif) top right no-repeat;
}

.menu ul li a.selectedMenu:link,
.menu ul li a.selectedMenu:visited {
    color:#ffffff;
    background:url(../images/menu-on-right.gif) top right no-repeat;
}

.menu ul li a span {
    height:18px;
    display: block;
    float:left;
    padding: 5px 0 0 9px;
    background:url(../images/menu-left.gif) top left no-repeat;
}

.menu ul li a.selectedMenu span {
    background:url(../images/menu-on-left.gif) top left no-repeat;
}

.menu ul.inbox li a:link,
.menu ul.inbox li a:visited {
    padding-right:15px;
}

.menu ul.inbox li a span {
    padding-left:15px;
}

.inboxContent {
    width:130px;
    float:left;
    padding-right:8px;
}

.inboxContent p {
    width:130px;
    margin:0;
    padding:0 0 10px 0;
}

.inboxContent span {
    font-size:11px;
    color:#a3a1a1;
}

.inboxAction {
    width:140px;
    float:left;
}

.inboxAction a:link,
.inboxAction a:visited {
    width:58px;
    height:17px;
    padding-top:1px;
    text-align:center;
    display:block;
    float:left;
    margin-right:10px;
    color:#ffffff;
    background:url(../images/inbox-button.gif) no-repeat;
}
.inboxAction a.accent {
    background:url(../images/inbox-button2.gif) no-repeat;
    width:98px;
}

.takeSurvey {
    margin-top:5px;
}

.sideTime ul.survey {
    width:100%;
}

.sideTime ul.survey li {
    padding:0 0 3px 0;
    border-bottom: none;
}

.surveyMenu {
    width:480px;
    float:left;
    margin-left:-10px;
    display:inline;
    border-bottom:1px solid #1ba1db;
}

.surveyMenu ul {
    width:480px;
}

.surveyMenu ul li {
    border-bottom:none;
    padding:0;
}

.surveyTab {
    width:440px;
    padding:20px;
    float:left;
    margin-left:-10px;
    display:inline;
    background:#e8f8fd;
}

.surveyTab h5 {
    width:440px;
    font-size:12px;
}

.surveyTab input.inputText {
    width:340px;
    height:15px;
    margin:10px 0 20px 10px;
}

input.submitButton {
    width:75px;
    height:25px;
    line-height:25px;
    padding-bottom:2px;
    font-weight:bold;
    color:#ffffff;
    margin:20px 0 0 5px;
    border:none;
    background:url(../images/submit_bg.gif) no-repeat;
}

.surveyCheckBox {
    width:430px;
    margin:5px 0 0 10px;
}

.newTopic {
    width:485px;
    height:126px;
    background:url(../images/community-topic.gif) no-repeat;
    margin:0 auto 15px auto;
}

.newTopic h3 {
    width:300px;
    float:left;
    margin:12px 0 10px 10px;
    color:#2658a2;
    font-size:14px;
    display:inline;
}

.newTopicContent {
    width:470px;
    height:30px;
    float:left;
    margin-left:12px;
    display:inline;
}

.newTopicContent strong {
    float:left;
}

.newTopicContent textarea {
    width:290px;
    height:60px;
    padding:3px 0 0 3px;
    float:left;
    margin:0 10px;
}

.newTopicContent input {
    width:63px;
    height:19px;
    padding:0;
    margin:46px 0 0 0;
}

.memberFilters {
    width:465px;
    margin:0 auto;
    background:#eefafe;
    padding:10px 0 20px 20px;
    overflow:hidden;
}

.memberFilters h5 {
    width:465px;
    color:#2658a2;
    font-size:12px;
}

.memberFilters ul {
    width:465px;
    padding-top:10px;
}

.memberFilters ul li {
    width:465px;
    padding-top:10px;
    float:left;
}

.memberFilters ul li span {
    width:230px;
    float:left;
}

.inviteFriends {
    padding:10px 10px 0 10px;
}

.inviteFriends p {
    margin:0;
    padding:10px 10px 0 10px;
}

.inviteFriendsTop {
    width:474px;
    float:left;
    background:url(../images/pixel-blue.gif) bottom left repeat-x;
    margin:20px 0 0 10px;
    display:inline;
}

.inviteFriendsTop span {
    float:left;
    padding:5px 15px 5px 15px;
    display:block;
    text-align:center;
    border:1px solid #299cce;
    border-bottom:none;
    background:#def5fd;
    margin-bottom:-1px;
    color:#299cce;
    font-size:14px;
    font-weight:bold;
}

.inviteFriendsContent {
    width:458px;
    border:1px solid #299cce;
    border-top:none;
    background:#def5fd;
    padding:15px 0 20px 15px;
    float:left;
    margin-left:10px;
    display:inline;
}

.inviteFriendsContent textarea {
    width:430px;
    height:70px;
    margin:10px 0;
}

.inviteFriendsContent ul {
    width:443px;
}

.inviteFriendsContent ul li {
    background:url(../images/inviteFriends-lsit_bg.gif) bottom left repeat-x;
    padding:10px 0;
    width:443px;
}

.inviteFriendsContent ul li.lastBgNone {
    background:none;
}

.inviteFriendsContent td {
    padding:0 10px 0 0;
}

.inviteFriendsContent td div {
    text-align:center;
    margin-top:5px;
}

.inviteFriendsContent td a:link,
.inviteFriendsContent td a:visited {
    text-decoration:underline;
    margin-right:10px;
}

.activeUser ul,
.memberQuestion ul {
    padding: 7px;
    border: 1px solid #b4b5b5;
    margin: 5px 0 5px 0;
    background-color: #FFFFFF;
}

.activeUser ul li,
.memberQuestion ul li {
    padding: 2px 0 2px 0;
}

.memberFiltersDown {
    margin: 0 10px 0 10px;
}

.activeUser {
    margin-top: 10px;
}

.memberQuestion {
    padding: 10px 0 10px 0;
}

.memberFind {
    margin: 10px 0 0 140px;
}

.memberFind2 {
    margin: 10px 0 0 0;
    text-align:center;
}

#adjustWidth1,
#adjustWidth2 {
    width:484px
}

#adjustBottom1 {
    padding-bottom:0
}

.adjustBtn1 {
    margin-bottom:-5px
}

*+html .adjustBtn1 {
    margin-bottom:-3px
}

*html .adjustBtn1 {
    margin-bottom:-3px
}

/*-------------community list-----------*/

.listOne {
    background: url(../images/list_03.jpg) no-repeat;
    padding:10px 10px 10px 20px;
    width:467px;
    margin-left:4px;
}

.listOne1 {
    background:url(../images/icon1.gif) no-repeat 0px 0px;
    padding-left:19px;
}

.listTwo {
    padding:10px 0 10px 5px;
}

.listTwo input {
    height:20px;
    width:300px;
    color:#999;
    padding:2px 0 0 2px;
}

.listTwo img {
    vertical-align:middle;
    margin-left:5px;
}

*html .listTwo img {
    margin-top:-10px;
}

*+html .listTwo img {
    margin-top:-10px;
}

.width280 {
    width:280px !important;
}

/*---------------pop-up style------------------*/

a.black:link,
a.black:visited {
    color:#000;
    text-decoration:none;
}

a.black:hover,
a.black:active {
    color:#000;
    text-decoration:none;
}

.friend {
    width:618px;
    margin:0 auto;
    color:#878585;
}

.popColse {
    float:right;
    height:15px;
    margin-right:5px;
}

.friendmidTop,
.friendmidFoot {
    width:618px;
    height: 10px;
}

.friendmid {
    background:#FFFFFF;
}

.friendTit {
    color:#000000;
    font-weight:bold;
    text-align:center;
    height:36px;
    line-height:36px;
}

.friendBar {
    width:550px;
    height:26px;
    border:1px solid #aaa9a9;
    border-bottom-width:0;
    margin:0 auto;
    line-height:26px;
    padding:0 5px;
}

.friendBar ul li {
    float:left;
}

.friendBar ul li.cur {
    float: right;
    font-weight:bold;
    color:#0588C0;
}

.friendMain {
    width:560px;
    height:230px;
    border:1px solid #016799;
    margin:0 auto;
    overflow:auto;
}

.friendMain ul {
    margin:5px;
}

.friendMain ul li {
    width:110px;
    float:left;
    margin:5px;
}

.friendBtn {
    width:560px;
    margin:0 auto;
    text-align:center;
    padding: 15px 0 5px 0;
}

/* ------SearchMockup2.html---------  */

.color {
    background-color: #f6fbfd;
    padding: 10px;
    width:464px;
    color:#000000;
}

.color1 li {
    padding:5px 0;
}

.color1 li ol li {
    float: right;
    text-align:right;
    margin-right:5px;
    font-size:14px;
    font-weight:bold;
    color:#99d5ef;
}

.color1 li ol li a {
    color:#99d5ef;
}

.color1 li ol li a.scurrent {
    color:#24a4dd;
}

/* ------newIndex.html-------  */

.personalityBox {
    width:185px;
    overflow:hidden;
    padding:10px 0 15px;
    margin-bottom: 8px;
    background:#006b9e url(../images/personality_bg.jpg) bottom left repeat-x;
}

.personalityBox h5 {
    width:169px;
    color:#fd8023;
    padding-left:10px;
    font-size:15px;
}

.personalityBox h5.whiteH5 {
    color:#ffffff;
}

.personalityBox h5 span {
    color:#ffffff;
}

.personalityBox h3 {
    width:175px;
    color:#fd8023;
    padding-left:10px;
    font-size:23px;
}

.personalityBox h3.whiteH3 {
    color:#ffffff;
}

.personalityPoint {
    width:80px;
    height:90px;
    float: left;
    margin:10px 0 0 4px;
    display:inline;
    background:#fd8122 url(../images/personality_point.jpg) top left repeat-x;
    border:3px solid #fd8122;
}

.personalityPointGray {
    background:#85949a url(../images/personality_point-gray.jpg) top left repeat-x;
    border:3px solid #85949a;
}

.personalityPoint img {
    float:left;
}

.personalityPoint em {
    margin:0;
    padding:0;
    width:80px;
    float: left;
    font-size: 11px;
    font-weight:bold;
    color:#ffffff;
}

.personalityPoint em span {
    float:right;
    font-size: 11px;
}

.personalityPoint h2 {
    width:80px;
    text-align:center;
    font-size:35px;
    line-height: 45px;
    color:#fd8122;
    padding:15px 0 0 0;
}

.personalityPointGray h2 {
    color:#85949a;
}

.personalityPoint h6 {
    font-size:11px;
    line-height: 11px;
    font-weight:bold;
    color:#ffffff;
    text-align:center;
}

.userName {
    padding:0 0 5px 15px;
    color:#fd8023;
    line-height:18px;
    font-weight:bold;
}

.userNameGray {
    color:#85949a;
}

.ranking {
    width:180px;
    line-height:18px;
    padding-left:5px;
    color:#ffffff;
    float:left;
}

.ranking a.invite {
    background:#ea8c44;
    padding:0 2px;
    margin-bottom:5px;
    border:1px solid #ffffff;
    clear:both;
    float:left;
    color:#ffffff;
}

.ranking p {
    width:180px;
    float:left;
    margin:0;
}

.ranking h2 {
    width:180px;
    font-size:38px;
    line-height:38px;
    color:#fd8023;
}

.ranking h2.grayRankingH2 {
    color:#85949a;
}

.ranking span {
    font-size:10px;
    width:180px;
    float:left;
    line-height:10px;
}

.ranking span a {
    color:#8bd3fa !important;
    text-decoration:none;
}

.ranking input {
    width:143px;
    height:14px;
    color:#8f8f8f;
    float:left;
    font-size:11px;
    padding-left:5px;
    margin-top:5px;
}

.ranking ul {
    width:180px;
    float:left;
}

.ranking strong {
    color:#d7a903;
}

.searchQuestionBox {
    width:185px;
    padding:2px 0 4px 0;
    margin-bottom:6px;
    overflow:hidden;
}

.searchQuestionBox span {
    width:183px;
    height:40px;
    float:left;
    padding-bottom:3px;
    display:block;
    line-height: 40px;
    background:url(../images/new-question_bg.jpg) no-repeat;
}

.searchQuestionBox span.newSurveySpan {
    background:url(../images/new-survey_bg.jpg) no-repeat;
}

.searchQuestionBox span.inviteFriendsSpan {
    background:url(../images/invite-firends_bg.jpg) no-repeat;
}

.searchQuestionBox span a {
    font-size:15px;
    color:#ffffff !important;
    text-align:none;
    float: left;
    margin-left:70px;
    font-weight:bold;
}

.searchQuestionBox img {
    float:left;
    margin-top:6px;
}

.myFriendsBox {
    width:188px;
    border:1px solid #FD8122;
    padding:19px 0 0 0;
    background:#ffffff;
    float:left;
    margin-left:-5px;
    position:relative;
    z-index:5;
    min-height:379px;
    height:auto !important;
    height:390px;
}

.myFriendsBoxTitle {
    width:160px;
    padding-left:18px;
    color:#ffffff;
    float:left;
    height:24px;
    line-height:24px;
    font-weight:bold;
    background:url(../images/my-friends_bg.jpg) no-repeat;
}

.myFriendsBox ul {
    width:178px;
    padding:20px 0 10px 15px;
    float:left;
}

.myFriendsBox ul li {
    width:47px;
    padding:0 8px 5px 0;
    float:left;
}

.myFriendsBox ul li div {
    width:41px;
    padding:3px 3px 0 3px;
    float:left;
}

.myFriendsBox ul li div img {
    float:left;
}

.myFriendsBox ul li div em {
    float:left;
    font-weight:bold;
    color:#ffffff;
    font-size:8px;
    width:41px;
}

.myFriendsBox ul li div em span {
    float:right;
}

.myFriendsBox ul li h5 {
    width:47px;
    float: left;
    text-align: center;
    font-size:8px;
    line-height:8px;
    color:#ee9d4c;
}

.bgblue {
    background:#50a0cf;
}

.bggary {
    background:#9aa4aa;
}

.bgorange {
    background:#ee983e;
}

.bgyellow {
    background:#f5ce30;
}

.newCenter {
    width:506px;
    background:#ffffff;
    overflow:hidden;
}

.marsQuestion {
    width:504px;
    border:1px solid #2d7da5;
    overflow:hidden;
}

.marsQuestion h2 {
    width:424px;
    padding-left:78px;
    line-height:24px;
    color: #4695ce;
    font-size:20px;
}

.marsQuestionLeft {
    width:308px;
    float:left;
    padding:11px 0 0 43px;
}

.marsPic {
    width:73px;
    height:73px;
    float:left;
    margin-bottom: 10px;
    position:relative;
}

.marsPic div {
    width:63px;
    height:45px;
    position:absolute;
    background:url(../images/mars-question.png) no-repeat;
    top:-35px;
    left:-35px;
}

*html .marsPic div {
    background:url(../images/mars-question.gif) no-repeat;
}

.marsText {
    width:220px;
    font-size:10px;
    font-weight:bold;
    float:left;
    padding-left:5px;
    color: #4695ce;
}

.marsText strong {
    color:#fd8122;
}

.marsQuestionLeft span {
    width:300px;
    float:left;
    font-size:11px;
    font-weight:bold;
    padding-bottom:10px;
    color:#0588C0;
}

.marsQuestionRight {
    width:128px;
    float:left;
    position:relative;
}

.marsQuestionRight div {
    position:absolute;
    font-weight:bold;
    cursor:default;
}

.marsQuestionRight div.yes {
    top:-15px;
    right:-6px;
    color:#235392;
}

.marsQuestionRight div.no {
    left:15px;
    bottom:-10px;
    color:#457214;
    font-size:10px;
}

.marsQuestionRight div.maybe {
    bottom:-10px;
    right:-10px;
    color:#85b2cd;
    font-size:10px;
}

.centerSearch {
    width:504px;
    padding:18px 0 20px 0;
    overflow:hidden;
}

.centerSearch h3 {
    width:420px;
    color:#fd8122;
    font-size:17px;
    padding:0 0 8px 84px;
    line-height:17px;
}

.centerSearchLeft {
    width:87px;
    height:61px;
    padding:8px 15px 0 17px;
    float:left;
}

.centerSearchRight {
    width:385px;
    float:left;
}

.centerSearchRight a {
    text-decoration:underline;
    line-height:18px;
}

.centerSearchRight a span {
    color:#fd8122;
}

.centerTitle {
    width:490px;
    height:32px;
    padding-left:14px;
    border-top:1px solid #2d7da5;
}

.centerTitle span {
    float:left;
    width:110px;
    height:24px;
    background:url(../images/centerTitle.jpg) no-repeat;
    line-height:24px;
    font-size:15px;
    font-weight:bold;
    text-align: center;
    color:#ffffff;
}

.centerMainBoxTitle {
    width:490px;
    padding:10px 0 0 14px;
    color:#0588C0;
    margin-bottom:-3px;
    font-weight:bold;
}

.centerMainBox {
    width:484px;
    padding:10px 0 10px 20px;
    border-top:1px solid #2d7da5;
    border-bottom:1px solid #2d7da5;
}

.centerMainBox td {
    padding:4px 5px 0 5px;
}

.bdOrange {
    border-top:1px solid #fd8122;
    border-bottom:1px solid #fd8122;
}

.fontOrange {
    color:#fd8122;
}

.dataline {
    min-height:362px;
    height:auto !important;
    height:375px;
    padding:20px 0 0 14px;
}

.dataline .centerSearchRight a {
    text-decoration:none;
}

.mostPopular {
    width:177px;
    height:100px;
    margin-top:15px;
    float:left;
    position:relative;
}

.mostPopularTitle {
    width:187px;
    padding:0 0 10px 12px;
    top:0;
    left:-13px;
    border-top:1px solid #2d7da5;
    position:absolute;
    background:#ffffff;
}

*html .mostPopularTitle {
    left:-8px;
    width:183px;
}

.mostPopularTitle h5 {
    float:left;
    width:110px;
    height:24px;
    background:url(../images/centerTitle.jpg) no-repeat;
    line-height:24px;
    font-size:15px;
    text-align: center;
    color:#ffffff;
}

.mostPopularTitleBox {
    width:42px;
    height:47px;
    background:#F5CE30;
    padding:5px 5px 0 5px;
    margin: 10px 0 0 10px;
    display:inline;
    float:left;
}

.mostPopularTitleBox img {
    float:left;
}

.mostPopularTitleBox h6 {
    float:left;
    width:42px;
    font-size:8px;
    color:#ffffff;
}

.mostPopularTitleText {
    width:120px;
    float:right;
    color:#0588C0;
    padding:10px 0 0 0;
    font-size:11px;
}

.mostPopularTitleText span {
    color:#fd8122;
}

.mostPopularBottom {
    width:100%;
    padding-top:10px;
    clear:both;
}

.mostPopularBottomLeft {
    width:73px;
    float:left;
    text-align:center;
}

.mostPopularBottomRight {
    width:110px;
    float:left;
    font-size:10px;
}

.mostPopularBottomRight .ago li {
    font-size:10px;
}

.rankingPopup {
    width:515px;
    margin:0 auto;
}

.rankingPopupTop {
    width:515px;
    height:10px;
    float:left;
}

.rankingPopupLeft {
    width:30px;
    height:526px;
    float:left;
}

.rankingPopupCenter {
    width:475px;
    height:526px;
    float:left;
    background:#ffffff url(../images/popup_talk.jpg) top right no-repeat;
}

.rankingPopupCenter h5 {
    width:475px;
    float:left;
    margin-top:28px;
    font-size:23px;
    line-height:23px;
    color:#098bc7;
}

.rankingPopupCenter h3 {
    width:475px;
    float:left;
    font-size:32px;
    line-height:32px;
    color:#fd8122;
}

.rankingPopupCenter p {
    width:429px;
    float:left;
    font-size:13px;
    line-height:20px;
    color:#098bc7;
    margin:0;
    padding:20px 0 23px 0;
}

.rankingPopupCenter p strong {
    font-size:15px;
    color:#fd8122;
    float:left;
    margin-top:14px;
}

.rankingPopupCenter table {
    width:449px;
    border:1px solid #000000;
    border-bottom:none;
    float:left;
}

.rankingPopupCenter table td {
    border-bottom:1px solid #000000;
    height:52px;
    padding:0;
    margin:0;
    float:left;
    width:100%;
}

.rankingPopupCenter table td span {
    color:#098bc7;
    font-weight:bold;
    font-size:13px;
    padding:3px 8px 10px 0;
    text-align:right;
    line-height:13px;
}

.rankingMain {
    float:left;
    height:28px;
}

.rankingMain h2 {
    width:140px;
    float:left;
    font-size:28px;
    line-height:32px;
    color:#85949a;
    padding-left:5px;
}

.rankingMain h2.babyblueH2 {
    color:#098bc7;
}

.rankingMain h2.blueH2 {
    color:#006b9d;
}

.rankingMain h2.redH2 {
    color:#fd461b;
}

.rankingMain h2.orangeH2 {
    color:#fd8023;
}

.rankingMain h2.yellowH2 {
    color:#fdc600;
}

.rankingMain img {
    float:left;
}

.rankingMainBottom {
    clear:both;
    float:left;
    width:300px;
    height:20px;
    line-height:20px;
    font-size:14px;
    color:#098bc7;
    padding-left:5px;
}

.rankingPopupRight {
    width:10px;
    height:526px;
    float:left;
}

.rankingPopupBottom {
    width:515px;
    height:34px;
    float:left;
}

.thankyouCenter {
    width:506px;
    overflow:hidden;
    background:url(../images/thankyou_bg.jpg) top left repeat-x;
}

.thankyouCenterHeader {
    width:482px;
    margin-left:6px;
    padding:22px 18px 0 0;
    background:url(../images/thankyou_header.jpg) top left no-repeat;
    float:left;
    display:inline;
}

.thankyouCenterHeader h5 {
    float:right;
    text-align:right;
    color:#fdc600;
    font-size:19px;
    width:100%;
}

.thankyouCenterHeader h2 {
    float:right;
    color:#ffffff;
    font-size:33px;
}

.thankyouStart {
    width:506px;
    float:left;
    padding-bottom:455px;
    background:url(../images/start_bg.jpg) bottom left repeat-x;
}

.thankyouStartTitle {
    width:506px;
    height:25px;
    padding-top:15px;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:#ffffff;
    background:url(../images/thankyou-title_bg.jpg) top left repeat-x;
}

.questionBlue {
    width:200px;
    position:relative;
    border:1px solid #1794d1;
    float:left;
    margin:0 0 8px 10px;
    display:inline;
    background:#1794d1;
    color:#ffffff;
    text-align:right;
    padding-right:2px;
}

.questionBlue div {
    width:24px;
    height:32px;
    position:absolute;
    top:-1px;
    left:-24px;
    background:url(../images/question-left.gif) no-repeat;
}

.questionBlue span {
    width:186px;
    float:left;
    background:#ffffff;
    height:100%;
    color:#000000;
    font-size:11px;
    padding:1px 0 2px 2px;
    text-align:left;
    line-height:16px;
}

.surveyYellow {
    border:1px solid #f8d016;
    background:#f8d016;
}

.surveyYellow div {
    background:url(../images/survey-left.gif) no-repeat;
}

.answerOrange {
    width:200px;
    position:relative;
    border:1px solid #ff6600;
    float:left;
    margin-left:10px;
    display:inline;
    background:#ff6600;
    color:#ffffff;
	margin-bottom:8px;
}

.answerOrange div {
    width:23px;
    height:34px;
    position:absolute;
    bottom:-1px;
    _bottom:-2px;
    right:-23px;
    background:url(../images/answer-right.gif) no-repeat;
}

.answerOrange strong {
    float:left;
    width:12px;
    text-align:center;
}

.answerOrange span {
    width:186px;
    float:left;
    background:#ffffff;
    height:100%;
    color:#000000;
    font-size:11px;
    padding:1px 0 2px 2px;
    text-align:left;
    line-height:16px;
}

.answertxt { 
	font-size:11px;
}

.answerOrangeLeft {
    width:200px;
    position:relative;
    border:1px solid #ff6600;
    float:left;
    margin:0 0 8px 10px;
    display:inline;
    background:#ff6600;
    color:#ffffff;
    text-align:right;
    padding-right:2px;
}

.answerOrangeLeft div {
    width:24px;
    height:32px;
    position:absolute;
    top:-1px;
    left:-24px;
    background:url(../images/answerleft-arrow.gif) no-repeat;
}

.answerOrangeLeft span {
    width:186px;
    float:left;
    background:#ffffff;
    height:100%;
    color:#000000;
    font-size:11px;
    padding:1px 0 2px 2px;
    text-align:left;
    line-height:16px;
}

.compare {
    width:200px;
    padding-left:95px;
    color:#51acdc;
    background:url(../images/ico2.gif) no-repeat 80px 3px;
    font-size:11px;
}

.build {
    width:200px;
    height:233px;
    padding-top:6px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    color:#ffffff;
    background:url(../images/build_bg.jpg) top left repeat-x;
}

.build p {
    width:191px;
    height:40px;
    padding:9px 0 0 9px;
    background:url(../images/build_title.jpg) top right no-repeat;
}

.build ul {
    width:136px;
    margin:11px 0 0 19px;
    padding-left:45px;
    background:url(../images/icon4.jpg) top left no-repeat;
}

.build ul li {
    height:42px;
    line-height:24px;
}

.build ul li span {
    color:#fdc600;
}

.give {
    width:200px;
    height:173px;
    text-align:center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
    color:#ffffff;
    background:url(../images/give_bg.jpg) top left repeat-x;
}

.give input {
    width:175px;
    height:18px;
    margin-top:6px;
}

.give input.saveMy {
    width:164px;
    height:59px;
    margin-top:22px;
    background:url(../images/save_my.jpg) no-repeat;
}

.demoH5 {
    width:190px;
    height:25px;
    padding:10px 0 0 10px;
    font-size:18px;
    color:#ffffff;
    background:url(../images/demo_bg.jpg) top left repeat-x;
}

.update {
    width:200px;
    color:#006b9d;
}

.update ul {
    padding:11px 0 0 11px;
    width:189px;
}

.update ul li {
    width:194px;
    float:left;
    padding-bottom:15px;
}

.update ul li span.upLeft {
    width:47px;
    float:left;
}

.update ul li div {
    width:140px;
    float:right;
}

.update ul li div span {
    width:70px;
    height:20px;
    float:left;
}

.update ul li div span input.location {
    width:88px;
    height:18px;
}

input.upButton {
    width:103px;
    height:26px;
    font-size:10px;
    font-weight:bold;
    color:#ffffff;
    border:none;
    margin-left:46px;
    cursor:pointer;
    background:url(../images/upButton.jpg) no-repeat;
}

.communities {
    width:504px;
    border:1px solid #3e81a3;
    padding-bottom:17px;
    float:left;
}

.strengthH3 {
    width:493px;
    height:24px;
    float:left;
    padding:10px 0 0 11px;
    font-size:18px;
    color:#ffffff;
    background:url(../images/strength_bg.jpg) top left repeat-x;
}

.strength {
    width:504px;
    float:left;
    color:#006b9d;
}

.strengthLeft {
    width:80px;
    padding-top:30px;
    float:left;
    font-size:23px;
    text-align:right;
    font-weight:bold;
    line-height:23px;
}

.strengthCenter {
    width:270px;
    padding:20px 13px 0 22px;
    font-size:11px;
    float:left;
}

.strengthCenter input {
    margin:16px 0 9px 83px;
}

.slider {
    width:249px;
    height:32px;
    margin:8px 0 0 9px;
    display:inline;
    clear:both;
    float:left;
    background:url(../images/slider_bg.jpg) no-repeat;
    position:relative;
}

.ui-slider-handle {
    width:15px;
    height:32px;
    background:url(../images/handle.jpg) no-repeat;
    position:absolute;
    top:0;
}

.strengthCenter p {
    width:259px;
    padding:10px 0 0 11px;
    clear:both;
}

.strengthRight {
    width:100px;
    padding-top:27px;
    float:left;
    font-size:22px;
    font-weight:bold;
    line-height:26px;
}

.strengthRight strong {
    font-size:30px;
}

.myAnswerH3 {
    width:493px;
    height:25px;
    float:left;
    padding:10px 0 0 11px;
    font-size:18px;
    color:#ffffff;
    background:url(../images/answers_bg.jpg) top left repeat-x;
}

.myAnswer {
    width:493px;
    padding:16px 0 0 11px;
    float:left;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#006b9d;
}

.answered {
    width:484px;
    padding:10px 0 0 9px;
    float:left;
    font-size:9px;
}

.answered a:link,
.answered a:visited {
    width:90px;
    height:22px;
    float:left;
    margin:4px 3px 0 0;
    background:url(../images/answered.jpg) no-repeat;
    color:#013551;
    text-decoration:none;
    text-align:center;
    line-height:22px;
}

.answered a:hover {
    background:url(../images/answered-on.jpg) no-repeat;
    color:#ffffff;
    font-weight:bold;
}

.myAnswer ul {
    width:493px;
    float:left;
    padding-top:15px;
}

.myAnswer ul li {
    width:493px;
    padding:3px 0;
    float:left;
}

.myAnswer ul li span {
    width:77px;
    float:right;
    text-align:center;
}

.myAnswer ul li strong {
    color:#fd8122;
}

.myAnswer ul li p {
    width:338px;
    float:left;
}

.myAnswer ul li input {
    margin-top:8px;
}

.myAnswer .upButton {
    float:left;
    margin:12px 0 0 188px;
}

.font22 {
    font-size:22px;
    margin-top:9px;
    padding:7px 0 3px 11px;
}

.myMatch {
    width:479px;
    padding:34px 0 0 25px;
    float:left;
}

.myMatch ul {
    width:460px;
    float:left;
}

.myMatch ul li {
    width:43px;
    padding:0 7px 19px 0;
    float:left;
}

.myMatch ul li div {
    width:37px;
    padding:3px 3px 0 3px;
    float:left;
}

.myMatch ul li div img {
    float:left;
    width:37px;
    height:35px;
}

.myMatch ul li div em {
    float:left;
    font-weight:bold;
    color:#ffffff;
    font-size:6px;
    width:37px;
}

.myMatch ul li div em span {
    float:right;
}

.myMatch ul li h5 {
    width:43px;
    float: left;
    text-align: center;
    font-size:6px;
    line-height:6px;
    color:#ee9d4c;
}

.friendTitle {
    width:100%;
    _width:103%;
    color:#ffffff;
    float:left;
    height:24px;
    line-height:24px;
    font-weight:bold;
    background:#fd8122;
    margin-bottom:20px;
}

.friendTitle span {
    height:22px;
    padding:0 12px;
    float:left;
    margin:1px 12px 0 0;
    line-height:22px;
    font-size:14px;
    color:#fd8122;
    background:#ffffff url(../images/friendTitle.jpg) top right no-repeat;
}
/*--------new homepage---------*/
.headerlog {
    width:285px;
    float:right;
    margin-right:-20px;
    position:relative;
    padding-top:2px;
    color:#ffffff;    
    background:url(../images/line.gif) no-repeat right bottom;
}
.headerlog table {
    width:300px;  
}
.headerlog span {
    float:right;
    width:85px;
    font-size:9px;
}
.headerlog span input {
    clear:both;
    float:left;
    margin:0 3px 2px 0;
}
*html .headerlog span input {
    margin:0;
}
*+html .headerlog span input {
    margin:0;
}
.headerlog span strong {
    float:left;
    margin:2px 0 0 0;
}
*html .headerlog span strong {
    margin:5px 0 0 0;
}
*+html .headerlog span strong {
    margin:5px 0 0 0;
}
.headerlog div {
    width:200px;
    float:left;
}
.headerlog div strong {
    width:55px;
    float:left;
    font-size:10px;
    text-align:right;
    line-height:17px;
}
.headerlog div input {
    width:132px;
    height:12px;
    margin:1px 0 0 2px;
    float:left;
    font-size:9px;
}
.logo input.size12 {
    font-size:9px;
    padding-top:6px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.logo input.size12 {
    padding-top:1px;
}
}
.start {
    width:910px;
    height:362px;
    background:url(../images/start-bg.jpg) no-repeat;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#ffffff;
}
.start h2 {
    width:910px;
    text-align:center;
    font-size:30px;
    padding:15px 0;
}
.showbox {
    width:358px;
    height:175px;
    float:left;
    margin:0 0 0 52px;
    display:inline;
}
.showbox h3 {
    width:358px;
    font-size:16px;
    line-height:30px;
}
.showbox h4 {
    width:300px;
    font-size:14px;
    line-height:30px;
    margin-left:48px;
    color:#0b83c6;
    margin-top:10px;
}
.startPic {
    width:62px;
    height:62px;
    float:left;
    margin:0 10px 0 23px;
    display:inline;
    position:relative;
}
.startPic img {
    width:62px;
    height:62px;
}
.startPic span {
    width:46px;
    height:38px;
    display:block;
    position:absolute;
    top:-25px;
    left:-23px;
}
.startPic span img {
    width:46px;
    height:38px;
}
.posed {
    width:140px;
    float:left;
    color:#0b83c6;
    font-size:11px;
}
.posed img {
    margin:5px 10px 0 0;
}
.posed p {
    font-size:9px;
}
.startanswer {
    width:75px;
    float:left;
    text-align:center;
    color:#FF6600;
    font-weight:bold;
    font-size:10px;
    padding-top:18px;
}
.prenext {
    width:330px;
    float:left;
    color:#0b83c6;
    font-size:10px;
    margin:10px 0 0 23px;
    display:inline;
}
.start h5 {
    width:460px;
    float:left;
    font-size:20px;
    margin:0px 0 0 40px;
}
.start h5 span {
    float:left;
    padding-top:25px;
}
.start h5 strong {
    float:left;
    color:#fdc600;
    font-size:17px;
    text-align:center;
    line-height:22px;
    padding:0 3px;
}
.startBottom {
    width:548px;
    float:left;
    margin:66px 0 0 47px;
    display:inline;
    font-size:21px;
    color:#64c029;
    font-weight:bold;
}
.go {
    color:#64c029 !important;
    font-size:42px;
    float:left;
    margin:45px 0 0 150px;
    font-weight:bold;
}
#body {
    width:910px;
    overflow:hidden;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background:#0088b8 url(../images/body_bg.gif) top left repeat-x;
}
#bodyLeft {
    width:257px;
    float:left;
    padding:39px 0;
    color:#ffffff;
    background:url(../images/body-left.jpg) 32px 73px no-repeat;
}
#bodyLeft h2 {
    color:#5eb82c;
    text-align:center;
    font-size:13px;
}
.lucky {
    width:158px;
    float:left;
    margin:15px 0 0 46px;
    display:inline;
}
.lucky img {
    margin-top:20px;
}
#bodyLeft p {
    width:208px;
    float:left;
    padding:35px 0 0 35px;
    font-size:9px;
    line-height:18px;
}
#bodyLeft p span {
    font-size:14px;
    font-weight:bold;
}
#bodyLeft p strong {
    font-size:18px;
    margin-bottom:10px;
    float:left;
}
#bodyLeft h5 {
    float:left;
    width:208px;
    padding:25px 0 0 35px;
    font-size:11px;
    line-height:20px;
}
#bodyLeft h5 span {
    font-size:9px;
    float:left;
    margin:20px 0;
}
#bodyCenter {
    width:373px;
    padding-bottom:30px;
    min-height:715px;
    height:auto !important;
    height:715px;
    float:left;
    background:#ffffff url(../images/body_center.gif) top left repeat-x;
}
#bodyCenter h2 {
    width:300px;
    height:62px;
    font-size:20px;
    color:#eaf8fe;
    padding:20px 0 25px 32px;
    background:url(../images/body-arrow.gif) 43px 57px no-repeat;
}
#bodyCenter ul {
    width:340px;
    padding:25px 0 0 20px;
}
#bodyCenter ul li {
    width:325px;
    border-top:1px solid #0588C0;
    border-bottom:1px solid #0588C0;
    color:#0588C0;
    padding:8px 0 5px 10px;
    margin-top:15px;
    float:left;
    font-size:8px;
    font-weight:bold;
}
#bodyCenter ul li h5 {
    width:300px;
    padding-left:10px;
    margin-top:-20px;
    font-size:9px;
    position:relative;
    float:left;
}
.imgHead {
    width:36px;
    text-align:center;
    float:left;
    position:relative;
}
.imgHead div {
    position:absolute;
    top:-8px;
    left:-12px;
}
.imgHead div img {
    width:16px;
    height:15px;
}
#bodyCenter ul li p {
    float:left;
    width:145px;
    padding:0 10px 0 5px;
}
.answerit {
    width:45px;
    float:left;
    color:#fd8122;
    text-align:center;
    font-size:7px;
}
.answerit img {
    width:45px;
    height:17px;
}
.answertime {
    width:70px;
    float:left;
    padding-left:10px;
    color:#000000;
    font-size:7px;
}
.answertime div {
    width:60px;
    padding:3px 0 0 10px;
    float:left;
    background:url(../images/icon002.gif) 0 4px no-repeat;
}
.answertime a {
    color:#666666 !important;
    float:left;
}
#bodyRight {
    width:280px;
    padding-top:53px;
    float:left;
    text-align:center;
    color:#ffffff;
}
#bodyRight h2 {
    color:#fd8122;
    font-size:22px;
    margin:20px 0;
}
#bodyRight h2 span {
    color:#ffffff;
    font-size:13px;
}
#bodyRight p {
    font-size:9px;
    line-height:24px;
}
#bodyRight h6 {
    font-size:9px;
    font-weight:lighter;
    margin-top:30px;
}
#bodyRight div {
    position:relative;
    margin-top:10px;
}
#bodyRight div span {
    position:absolute;
    top:103px;
    right:38px;
    font-size:10px;
}
.block {
    width:901px;
    height:70px;
    padding:4px 0 0 9px;
    background:url(../images/block_bg.gif) no-repeat;
    color:#ffffff;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.blockPic {
    width:55px;
    padding:3px 3px 0;
    background:#fd8122;
    float:left;
    margin-right:5px;
}
.blockPic div {
    width:55px;
    font-size:8px;
    font-weight:bold;
}
.blockPic div em {
    float:right;
}
.font16 {
    font-size:14px;
    font-weight:bold;
}
.classify {
    width:120px;
    float:left;
    font-size:9px;
    font-weight:bold;
    padding:0 20px 0 15px;
    position:relative;
    line-height:12px;
}
.classify a:link,
.classify a:visited {
    color:#ffffff;
}

.classify ul li strong {
    color:#fdc600;
}
.surveys {
    margin-top:1px;
}
.classify div {
    position:absolute;
    top:48px;
    left:20px;
    background:#0574c7;
    padding:2px 5px;
    font-weight:lighter;
    display:none;
}
.classify div.surveysSub {
    top:59px;
}
.classify div a strong {
    color:#fdc600;
}
.block h5 {
    width:120px;
    padding:15px 10px 0 10px;
    float:left;
    text-align:center;
    font-size:12px;
}
.likeyou {
    width:140px;
    padding-top:6px;
    float:left;
}
.likeyou span {
    width:20px;
    height:21px;
    padding:0 15px 10px 0;
    float:left;
    position:relative;
}
.icon {
    position:absolute;
    top:-7px;
    left:-8px;
}
.block p {
    width:145px;
    float:right;
    text-align:center;
    font-weight:bold;
    font-size:9px;
}
.block p strong {
    font-size:15px;
    color:#bad531;
    float:left;
    margin:3px 3px 0 40px;
}
.block h3 {
    float:right;
    text-align:center;
    width:100px;
    font-size:24px;
}
.block h3 span {
    font-size:17px;
}
.toolLeft {
    width:185px;
    padding:17px 0 0 15px;
    height:288px;
    color:#ffffff;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background:url(../images/tool-left_bg.gif) top left repeat-x;
}
.toolLeft h3 {
    width:100%;
    font-size:18px;
    line-height:24px;
}
.toolLeft ul {
    width:100%;
    padding-top:3px;
}
.toolLeft ul li {
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    padding:12px 0;
}
.toolLeft ul li span {
    color:#fdc600;
}
.toolLeft h2 {
    width:100%;
    color:#fdc600;
    font-size:40px;
    margin:15px 0 8px 0;
}
.toolLeft p {
    font-size:11px;
}
.toolLeft p strong {
    color:#fdc600;
}
.hint {
    width:185px;
    height:98px;
    padding:10px 0 0 15px;
    color:#ffffff;
    background:url(../images/hint_bg.gif) top left repeat-x;
}
.hint img {
    float:left;
}
.hint h5 {
    float:left;
    font-size:22px;
}
.hint p {
    width:147px;
    float:left;
    font-size:11px;
}
.strengthH3 img {
    float:left;
    margin-right:5px;
}
.toolCenter {
    width:461px;
    height:237px;
    padding:176px 0 0 43px;
    float:left;
    background:url(/Profile/images/tool-center.jpg) no-repeat;
}
.match {
    width:424px;
    height:90px;
    padding:8px 0 0 28px;
    color:#ffffff;
    background:url(../images/match_bg.gif) no-repeat;
}
.matchPic {
    width:75px;
    padding:3px;
    float:left;
    background:#fd8122;
    font-style:italic;
    font-weight:bold;
    font-size:10px;
    position:relative;
    font-weight:bold;
}
.matchPic span {
    float:right;
}
.matchPic div {
    width:49px;
    height:42px;
    position:absolute;
    top:-8px;
    left:-28px;
}
.match h3 {
    width:122px;
    padding:10px 0 0 10px;
    float:left;
    font-size:30px;
    line-height:26px;
    text-align:center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.match h3 span {
    font-size:16px;
}
.match ul {
    width:180px;
    padding:15px 0 0 12px;
    float:left;
}
.match ul li {
    float:left;
    width:29px;
    padding:0 15px 15px 0;
    position:relative;
}
.match ul li span {
    position:absolute;
    top:-10px;
    left:-12px;
}
.diss {
    width:685px;
}
.padNone {
    padding:0 !important;
}
.padNone .blueTable {
    background:#ffffff;
    padding:10px 10px 10px 20px;
}
.sideCeter h5 {
    padding-left:10px;
    font-size:12px;
}
.sideCeter h5 span {
    font-weight:lighter;
}
.pageNumber {
    text-align:right;
    padding:5px 10px 5px 0;
}
.pageNumber a:link,
.pageNumber a:visited {
    background:#a1d4e9;
    padding:0 3px;
}

.pageNumber a.linkOn:link,
.pageNumber a.linkOn:visited {
    background:#299cce;
    color:#ffffff;
}
.dissTable table {
    width:658px;
    margin:0 auto;
    border:1px solid #26a4df;
    border-bottom:none;
    background:#e4e4e4;
    text-align:center;
    font-size:11px;
}
.dissTable table td {
    vertical-align:middle;
}
.dissTable table h5 {
    height:36px;
    color:#ffffff;
    font-size:13px;
    line-height:36px;
    text-align:left;
    background:url(../images/thead_bg.gif) top left repeat-y;
}
.dissTable table h5 a {
    float:right;
    margin:8px 10px 0 0;
}
.dissTable table.tbody {
    background:#ffffff;
    border:1px solid #a6adb0;
    border-right:none;
    border-bottom:none;
}
.dissTable table.tbody td {
    border-right:1px solid #a6adb0;
    border-bottom:1px solid #a6adb0;
    padding:11px 0;
}
.tbody a img {
    float:left;
    margin:3px 0 0 3px;
}
.strength ul {
    width:475px;
    padding:26px 0 26px 29px;
    background:#ffffff;
    overflow:hidden;
}
.strength ul li {
    float:left;
    padding-right:30px;
}
.discover {
    width:400px;
    padding:10px 0 5px 75px;
    float:left;
}
.discover ul {
    width:180px;
    padding:5px 0 0 115px;
    float:left;
}
.discover ul li {
    float:left;
    width:29px;
    padding:0 15px 15px 0;
    position:relative;
}
.discover ul li span {
    position:absolute;
    top:-10px;
    left:-12px;
}
#bodyRight div.rightBox {
    width:246px;
    height:181px;
    padding:20px 0 0 10px;
    float:left;
    margin:28px 0 22px 17px;
    display:inline;
    background:url(../images/rightbox.gif) no-repeat;
}
#bodyRight div span.qmark {
    top:-18px;
    right:215px;
}
.rightBox h5 {
    width:100%;
    color:#0b83c6;
    font-size:12px;
    float:left;
    text-align:left;
}
#bodyRight div.rightBoxPic {
    width:62px;
    height:62px;
    margin-top:5px;
    float:left;
}
#bodyRight div.qposed {
    width:150px;
    float:left;
    margin-top:0;
    color:#5c5e5f;
    text-align:left;
    padding:3px 0 0 15px;
}
.qposed img {
    margin:5px 10px 0 0;
}
.qposed strong {
    font-size:11px;
}
#bodyRight div.pic {
    width:36px;
    padding:2px;
    float:left;
    background:#fd8124;
    margin:40px 0 0 30px;
    display:inline;
    font-size:6px;
}
#bodyRight div.pic span {
    top:-10px;
    right:30px;
}
#bodyRight div.pic strong {
    float:right;
    position:inherit;
}
#bodyRight div.picR {
    margin:40px 0 0 67px;
}
.feellucky {
    padding-left:13px;
}
.feellucky a img {
    margin-top:5px;

}
.dissTable table h4 {
    height:36px;
    color:#ffffff;
    font-size:13px;
    line-height:36px;
    text-align:left;
    background:#22a2de;
    padding-left:15px;
}
.dissTable table h6 {
    font-size:11px;
    color:#21a2de;
    text-align:center;
}
.grayText {
    color:#787e81;
    text-align:left;
    padding-left:45px;
}
.grayText span {
    float:left;
    padding:0 5px;
}
.topicTop {
    width:446px;
    height:22px;
    background:#000000;
    float:left;
    padding:0 7px;
    margin-left:5px;
    display:inline;
    background:url(../images/topic_bg.gif) bottom left repeat-x;
}
.topicTop a img {
    float:right;
    margin-right:6px;
}
.tbody p {
    float:left;
    width:440px;
    padding:17px 0 0 15px;
    text-align:left;
    color:#787e81;
    min-height:100px;    
    height:auto !important;
    height:100px;
}
.topicBottom {
    width:446px;
    height:10px;
    color:#787e81;
    float:left;
    margin-left:5px;
    padding:10px 7px 0;
    display:inline;
    text-align:left;
    background:url(../images/topic_bg.gif) top left repeat-x;
}
.dissTable table.vtop td {
    vertical-align:top;
    padding:10px 0;
}
.odd {
    background:#f1f3f4;
}
.replyM {
    width:658px;
    padding:16px 0 10px 0;
    margin:0 auto;
    background:#eaf7fd;
    overflow:hidden;
}
.replyM strong {
    float:left;
    width:90px;
    text-align:center;
    color:#016799;
    font-size:12px;
    margin-top:45px;
}
.replyM textarea {
    width:477px;
    height:95px;
    float:left;
}
.replyM input.submit-button {
    width:68px;
    height:22px;
    margin:35px 13px 0 0;
    border:none;
    float:right;
    background:url(../images/submit_button.gif) no-repeat;
}
.replyM span {
    padding-left:89px;
    float:left;
    font-size:11px;
    line-height:24px;
}
/*  ----------createSurveys----------  */
.createBlock {
    background:url(../images/create-block.gif) no-repeat;
}
.padTop {
    padding-top:10px;
    line-height:14px;
}
.createBlock h5 {
    text-align:left;
    font-size:13px;
    padding:10px 10px 0 0;
    width:120px;
    line-height:16px;
}
.createBlock h5 a:link,
.createBlock h5 a:visited {
    color:#ffffff;
}
.createBlock h5 a span {
    color:#fdc600;
}
.createBlock .likeyou {
    font-size:28px;
    font-weight:bold;
    color:#fff300;
    width:160px;
    line-height:24px;
    padding-left:8px;
}
.createBlock .likeyou strong {
    font-size:17px;
    display:block;
}
.createBlock h4 {
    float:left;
    width:140px;
    font-size:20px;
    color:#fff300;
    padding-top:5px;
    text-align:center;
}
.createBlock h4 span {
    font-size:12px;
    color:#ffffff;
}
.mysurveysPic {
    position:relative;
    z-index:2;
}
.mysurveys {
    width:175px;
    padding:30px 0 70px 23px;
    border:1px solid #1c89cb;
    margin-top:-15px;
    background:#ffffff;
}
.mysurveys p {
    width:160px;
    padding-bottom:20px;
    font-size:11px;
    line-height:14px;
    color:#000000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.searchAdd {
    width:490px;
    padding:8px 0 0 14px;
    float:left;
}
.searchAdd h5 {
    font-size:11px;
    color:#006b9d;
    padding-bottom:18px;
}
.searchAdd input {
    width:170px;
    height:18px;
    float:left;
}
.searchAdd input.searchSurvey {
    width:89px;
    height:26px;
    background:url(../images/searchSurvey.gif) no-repeat;
    border:none;
}
.searchAdd input.previewButton {
    width:97px;
    height:22px;
    background:url(../images/preview.gif) no-repeat;
    border:none;
    float:none;
}    
.searchAdd select {
    width:175px;
    height:20px;
    float:left;
    margin:0 10px 0 6px;
}
.searchAdd p {
    width:490px;
    clear:both;
    padding:8px 0 0 0;
}
.searchAdd p a {
    margin:0 5px;
}
.searchAdd p a.grayLink:link,
.searchAdd p a.grayLink:visited {
    color:#767676;
}
.most {
    width:482px;
    height:30px;
    padding:10px 0 0 22px;
    float:left;
}
.mostContent {
    width:466px;
    padding:25px 12px 13px 26px;
    background:#ffffff;
    border-top:1px solid #69b8e3;
    border-bottom:1px solid #69b8e3;
    float:left;
}
.mostContent ul {
    width:466px;
    color:#006b9d;
}
.mostContent ul li {
    width:466px;
    float:left;
    padding:0 0 14px 0;
    font-size:11px;
}
.mostContent ul li p {
    width:310px;
    float:left;
}
.mostContent ul li p span {
    color:#fd8122;
}
.mostContent ul li div {
    float:right;
    width:87px;
    padding:0 0 5px 22px;
    font-weight:bold;
    background:url(../images/+.gif) top left no-repeat;
}
.mostContent ul li div a:link,
.mostContent ul li div a:visited {
    color:#19d118;
}
.pageTo {
    width:466px;
    padding-top:11px;
    float:left;
    text-align:right;
    color:#767676;
    font-weight:bold;
}
.pageTo a {
    margin:0 2px;
}
.toUpload {
    width:54px;
    height:54px;
    border:1px solid #3ba6d9;
    text-align:center;
    float:left;
    font-size:9px;
    margin:-33px 0 0 10px;
    display:inline;
}
.toUpload img {
    float:left;
}
.preview {
    width:490px;
    clear:both;
    text-align:center;
    padding:10px 0 13px;
}
.peopleLY {
    width:180px;
    float:left;
    padding:25px 0 0 0;
}
.peopleLY h3 {
    width:180px;
    font-size:20px;
    color:#fd8122;
    padding:0 0 15px 0;
}
.peopleLY ul {
    width:180px;
}
.peopleLY ul li {
    width:180px;
    float:left;
    padding-bottom:13px;
}
.peopleLY ul li div {
    width:40px;
    background:#fd8122;
    float:left;
    padding:3px;
    font-size:8px;
    color:#ffffff;
    font-style:italic;
}
.peopleLY ul li div span {
    float:right;
}
.peopleLY ul li p {
    width:120px;
    float:left;
    padding:3px 0 0 7px;
    color:#000000;
}
.peopleLY ul li p strong {
    font-size:13px;
    color:#fd8122;
}
.previewSurvey {
    width:497px;
    padding:0 0 0 7px;
    float:left;
    background:#ffffff;
}
.previewArea {
    width:472px;
    height:320px;
    overflow:hidden;
    padding:10px 10px 0 15px;
    float:left;
    position:relative;
    background:url(../images/preview_bg.gif) top center repeat-y;
}
#Scrollbar-Container {
    position:absolute;
    top:0;
    left:471px;
    width:22px;
    height:330px;
    background:url(../images/slide_bg.gif) no-repeat;
}
.Scrollbar-Track {
    width:22px;
    height:230px;
    position:absolute;
    top:100px;
    left:0;
}
.Scrollbar-Handle {
    position:absolute;
    width:22px;
    height:45px;
}
.previewPic {
    width:61px;
    float:left;
}
.previewPic div {
    width:55px;
    padding:3px;
    background:#fd8122;
    font-size:9px;
    color:#ffffff;
    font-style:italic;
    font-weight:bold;
}
.previewPic div span {
    float:right;
}
.previewPic h5 {
    width:61px;
    padding-top:5px;
    text-align:center;
    font-size:14px;
    color:#fd8122;
}
.previewArea p {
    width:300px;
    float:left;
    padding-left:15px;
    font-size:11px;
    line-height:14px;
    color:#000000;
}
.ScrollerContainer {
  position: absolute;
  top: 99px; 
  left: 13px;
  width: 452px;
  height: 203px;
}
#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 452px;
  height: 203px;
}
.Scroller-Container {
  position: absolute;
  top: 0px; 
  left: 0px;
}
.previewArea ul {
    width:452px;
    padding-top:10px;
    float:left;
    border-top:1px solid #767676;
}
.previewArea ul li {
    width:377px;
    padding:0 0 5px 75px;
    float:left;
    border-bottom:1px solid #c4c4c4;
}
.previewArea ul li div {
    width:280px;
    float:left;
    font-size:11px;
    color:#000000;
    line-height:20px;
}
.previewArea ul li div input{
    margin-left:20px;
}
.previewArea ul li span {
    width:95px;
    padding-top:15px;
    float:right;
}
.previewSubmit {
    width:480px;
    padding:4px 0 7px 0;
    float:left;
    text-align:right;
}
.previewSubmit input {
    width:114px;
    height:30px;
    margin-left:17px;
    border:none;
    background:url(../images/saveMySurvey.gif) no-repeat;
}
.previewSubmit input.askFriend {
    background:url(../images/askMyFriend.gif) no-repeat;
}
/*  ----------Event----------  */
.event {
    width:650px;
    margin:0 auto;
    padding:12px 0 15px 15px;
    background:#f1f7f9;
    overflow:hidden;
}
.calendar {
    width:244px;
    float:left;
    border:1px solid #39bffb;
    background:#abe0f8;
    text-align:center;
}
.calendarMonth {
    width:244px;
    height:34px;
    line-height:34px;
    float:left;
    color:#21a3dc;
    font-size:14px;
    font-weight:bold;
    background:url(../images/calendarHeader.gif) repeat-x;
}
.calendarMonth a {
    float:right;
    margin:13px 20px 0 0;
}
.calendarMonth a.lastMonth {
    float:left;
    margin:13px 0 0 20px;
}
.calendar h5 {
    width:244px;
    height:23px;
    line-height:23px;
    float:left;
    padding:0;
    background:#7ac6e9;
    margin-bottom:10px;
}
.calendar h5 span {
    float:left;
    width:34px;
    font-weight:bold;
}
.calendar table {
    float:left;
    width:240px;
}
.calendar table td {
    width:33px;
    height:24px;
    vertical-align:middle;
}
.calendar table td a:link,
.calendar table td a:visited {
    color:#000000;
    padding:3px 0;
    width:24px;
    display:block;
}
.calendar table td a:hover,
.calendar table td a.today:link,
.calendar table td a.today:visited {
    background:#21a3dc;
    color:#ffffff;
}
.calendarR {
    width:390px;
    padding:5px 0 0 10px;
    float:left;
}
.calendarR a:link,
.calendarR a:visited {
    float:left;
    width:93px;
    height:23px;
    margin:15px 4px 0 0;
    color:#BBDDFF;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    line-height:23px;
    background:url(../images/month_bg.gif) no-repeat;
}
.calendarR select {
    width:160px;
    float:left;
    margin:30px 0 0 20px;
}
#textSelect {
    width:180px;
    line-height:18px;
    font-weight:bold;
    font-size:13px;
    margin:30px 0 0 0;
    float:left;
}
.calendarR input {
    width:85px;
    height:21px;
    color:#ffffff;
    font-weight:bold;
    clear:both;
    float:left;
    border:none;
    margin:20px 0 0 0;
    background:url(../images/showRSVP.gif) no-repeat;
}
.eventShow {
    float:left;
    width:615px;
    padding:10px;
    margin-top:15px;
    border:1px solid #7ac6e9;
}
.eventShow ul {
    width:615px;
}
.eventShow ul li {
    width:615px;
    float:left;
    padding:12px 0;
    border-bottom:1px solid #7ac6e9;
    color:#000000;
}
.eventPic {
    width:110px;
    height:110px;
    background:#ffffff;
    padding:2px;
    float:left;
    border:1px solid #0099CC;
}
.eventText {
    width:350px;
    float:left;
    padding:3px 0 0 20px;
    font-size:12px;
    font-weight:bold;
}
.eventText span {
    font-size:10px;
}
.eventText p {
    font-weight:lighter;
    width:250px;
}
.rsvp {
    width:100px;
    float:left;
}
.rsvp strong {
    color:#ff8621;
}
.rsvp a:link,
.rsvp a:visited {
    width:85px;
    height:21px;
    line-height:21px;
    display:block;
    color:#ffffff;
    font-weight:bold;
    text-align:center;
    background:url(../images/showRSVP.gif) no-repeat;
}
/*  ----------addEvent----------  */
.addEvent {
    width:405px;
    padding:30px 0 40px 110px;
    border:2px solid #45b4e9;
    background:#ffffff;
    overflow:hidden;
}
.addEvent h3 {
    width:280px;
    text-align:center;
    font-size:20px;
    color:#45b4e9;
}
.addEvent ul {
    width:300px;
    padding-top:20px;
}
.addEvent ul li {
    width:300px;
    float:left;
    padding-bottom:10px;
}
.addEvent ul li span {
    width:60px;
    float:left;
}
.addEvent ul li table span {
    width:100%;
    float:left;
}
.addEvent ul li input {
    width:210px;
    height:16px;
    float:left;
}
.addEvent ul li input.addSubmit {
    width:64px;
    height:19px;
    background:url(../images/addSubmit.gif) no-repeat;
    border:none;
    margin:0 20px 0 70px;
}
.addEvent ul li input.cancel {
    width:64px;
    height:19px;
    background:url(../images/cancel.gif) no-repeat;
    border:none;
}
.addEvent ul li textarea {
    width:280px;
    height:100px;
}
/*  ----------homepage_Guest----------  */
.feature {
    width:185px;
    padding:37px 0 0 13px;
    border:1px solid #1c89cb;
    margin-top:-15px;
    background:#ffffff;
    float:left;
}
.feature h5 {
    width:100%;
    font-size:11px;
    color:#006b9d;
    float:left;
}
.feature div {
    width:100%;
    float:left;
}
.feature img {
    width:52px;
    height:52px;
    border:1px solid #1f7da9;
    float:left;
    margin-top:20px;
}
.feature p {
    width:115px;
    float:left;
    font-size:11px;
    line-height:12px;
    margin:20px 0 0 10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#000000;
}
.feature h3 {
    width:100%;
    float:left;
    font-size:12px;
    margin-top:20px;
    padding-bottom:30px;
}
.feature h3 a:link,
.feature h3 a:visited {
    color:#fe8a2e;
}
.guestmain {
    width:324px;
    height:93px;
    padding:170px 0 0 180px;
    background:url(../images/guestmain.jpg) no-repeat;
}
.thisweek {
    border-bottom:1px solid #3e81a3;
}
.prevNext {
    float:left;
    width:400px;
    padding:18px 0 30px 43px;
    font-size:14px;
    color:#0588C0;
}
.answerGuest {
    widows:75px;
    float:right;
    margin:-50px -30px 0 0;
    text-align:center;
    position:relative;
}
.answerGuest a:link,
.answerGuest a:visited {
    color:#fd8122;
    font-weight:bold;
}
.marsQuestionLeft p {
    width:200px;
    float:left;
    padding-left:10px;
    color:#0b83c6;
}
.marsQuestionLeft p img {
    margin:5px 10px 0 0;
}
.marsQuestionLeft p strong {
    color:#fd8122;
}


/*  ----------PersonalityPopup----------  */
.personalityPop {
    width:493px;
    height:378px;
    background:url(../images/personality_bg.gif) top left repeat-x;
    color:#ffffff;
}
.personalityPop h3 {
    width:493px;
    height:33px;
    line-height:33px;
    text-align:center;
    font-size:16px;
    letter-spacing:11px;
    background:url(../images/personalityTitle_bg.gif) bottom left repeat-x;
}
.personalityInfo {
    width:468px;
    padding:17px 0 0 25px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.personalityPic {
    width:138px;
    padding:7px 7px 0;
    background:#fd8122;
    float:left;
}
.personalityPic img {
    float:left;
}
.personalityPic em {
    width:100%;
    font-family:Arial, Helvetica, sans-serif;
    font-size:20px;
    line-height:28px;
    font-weight:bold;
}
.personalityPic em span {
    float:right;
}
.personalityPop p {
    width:285px;
    float:left;
    padding-left:30px;
    font-size:20px;
    line-height:28px;
}
.personalityPop p span {
    font-size:37px;
    color:#fd8122;
    line-height:50px;
}
.personalityInfo h5 {
    font-size:17px;
    margin:-25px 0 0 10px;
    font-weight:bold;
    position:relative;
}
.personalityInfo h5 a:link,
.personalityInfo h5 a:visited {
    color:#ffffff;
}
.personalityCategory {
    width:468px;
    padding:14px 0 0 25px;
    font-weight:bold;
    line-height:16px;
    float:left;
}
.personalityCategory img {
    float:left;
    margin-right:10px;
}
.personalityCategory span {
    color:#ffde2f;
}
.url {
    width:275px;
    height:17px;
    margin-bottom:5px;
}
/*  ----------MyPersonalityPage----------  */
.myStuff {
    width: 201px;
    height: 168px;
    position: absolute;
    top:0;
    left:0;
}
.mysurveysPic h5 {
    position:absolute;
    z-index:3;
    width:201px;
    top:0;
    left:0;
    font-size: 17px;
    color: #ffffff;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

.mysurveysPic h5 a:link,
.mysurveysPic h5 a:visited {
    color:#ffffff;
    clear:both;
    float:left;
    font-size:12px;
    width:181px;
    padding: 4px 0 4px 20px;
}
.mysurveysPic h5 a.myOn:link,
.mysurveysPic h5 a.myOn:visited {
    font-size:17px;
    background:url(../images/my-on.gif) no-repeat;
    height:32px;
    line-height:32px;
    padding:0 0 0 20px;
}
.myDataline {
    width:200px;
    float:left;
    margin:160px 0 25px 0;
    background:url(../images/mydata_bg.gif) 2px 0 repeat-y;
}
.myDataline h5 {
    font-size:17px;
    color:#ffffff;
    padding: 10px 0 0 18px;
    width:182px;
    float:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background:url(../images/my-dataline-title.gif) no-repeat;
}
.myDataline ul {
    padding:10px 0 15px 5px;
    width:195px;
    min-height:102px;    
    height:auto !important;
    height:102px;
    float:left;
    background:url(../images/my-dataline.gif) bottom center no-repeat;
}
.myDataline ul li {
    font-weight:bold;
    font-size:11px;
    padding:1px 0 2px 3px;
    float:left;
    width:190px;
}
.myDataline ul li a:link,
.myDataline ul li a:visited {
    color:#fd8122;
    padding: 2px 12px;
    clear:both;
    float:left;
    min-width: 120px;
    max-width:150px;
    width:auto !important;
    width:125px;
}
.myDataline ul li a.current:link,
.myDataline ul li a.current:visited {
    color:#ffffff;
    font-size:12px;
    background:#fd8122;
}
.myInfo {
    width:504px;
    height:258px;
    color:#ffffff;
    float:left;
    background:url(../images/myPCenter_bg.jpg) no-repeat;
}
.myInfo h3 {
    width:100%;
    text-align:center;
    font-size:16px;
    letter-spacing:11px;
    margin:7px 0 10px;
}
.myInfoLeft {
    width:152px;
    float:left;
    padding-left:22px;
}
.morePic {
    float:left;
    margin-right:9px;
}
.myInfoLeft a:link,
.myInfoLeft a:visited {
    color:#ffb400;
    font-size:11px;
}
.myInfoRight {
    width:300px;
    padding-left:10px;
    float:left;
}
.myInfoData {
    width:155px;
    float:left;
    font-weight:bold;
}
.myInfoData strong {
    width:155px;
    float:left;
    padding-bottom:10px;
    font-size:22px;
}
.myInfoRight span {
    width:140px;
    float:left;
    padding-top:11px;
}
.myInfoRight span a:link,
.myInfoRight span a:visited {
    width:135px;
    height:22px;
    line-height:22px;
    padding-left:5px;
    font-weight:bold;
    font-size:13px;
    color:#fd8122;
    border:1px solid #fd8122;
    background:#ffffff;
    float:left;
    margin-bottom:5px;
}
.myInfoRight p {
    width:290px;
    padding-top:22px;
    float:left;
    font-style:italic;
    font-size:11px;
}
.myInfoRight p strong {
    font-style:normal;
    font-size:13px;
}
.commH3 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    margin-top:4px;
}
*html .commH3 {
    margin-top:0;
}
.communityInvite {
    width:504px;
    padding-bottom:20px;
    float:left;
    background:#ffffff url(../images/arrow_bg.gif) 10px 0 no-repeat;
}
.communityInvite ul {
    width:494px;
    padding:20px 0 0 10px;
}
.communityInvite ul li {
    width:494px;
    float:left;
}
.communityInvite ul li div {
    float:left;
    margin:20px 8px 0 0;
    width:110px;
    background:#f7c29a;
    border:2px solid #fd8122;
    text-align:center;
    padding:5px 0;
 
}
.communityInvite ul li div span {
    float:left;
    width:100%;
    color:#216d9e;
    font-weight:bold;
}
.communityInvite ul li div span.imgSpan {
    text-align:center;
     vertical-align:bottom;
    height:50px;
    
}
.communityInvite ul li div span a:link,
.communityInvite ul li div span a:visited {
    color:#216d9e;
}
.communityInvite ul li div span select {
    width:100px;
}
.commentDetail {
    width:494px;
    padding:0 5px 10px;
    background:#ffffff;
    float:left;
    font-size:11px;
}
.commentDetail ul {
    width:494px;
}
.commentDetail ul li {
    width:494px;
    float:left;
    padding:10px 0;
    border-bottom:1px solid #D8EDF6;
}
.commentDetail ul li.topicComment {
    background:#fff7f0;
}
.commentDetail ul li.readerComment {
    padding:5px 10px;
 
    background:#22A2DE;	
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    font-style:italic;
}
.commentDetail ul li.postComment {
    width:454px;
    padding:10px 20px;
    border-bottom:none;
}
.commentDetail ul li textarea {
    width:380px;
    height:130px;
    margin:1px 0 5px 0;
}
.commentDetail ul li p {
    width:290px;
    padding-left:10px;
    float:left;
}
.commentDetail ul li p strong {
    width:290px;
    float:left;
    margin-bottom:10px;
}
.commentDetail ul li span {
    width:80px;
    float:left;
}
.commentDetail ul li span input {
    background:url(../images/inbox-button.gif) no-repeat;
    width:58px;
    height:18px;
    color:#ffffff;
    float:left;
    margin:5px 0 0 15px;
    border:none;
}
.commentDetail ul li div {
    width:90px;
    float:left;
    padding-left:5px;
    text-align:center;
    overflow:hidden;
    font-weight:bold;
}
.commentDetail ul li div img {
    padding:3px;
    background:#fd8122;
    float:right;
    margin-right:16px;
}
/* -------chatroom------- */
.chatroom {
    width:645px;
    margin:0 auto;
    border:1px solid #22a2de;
    overflow:hidden;
}
.chatroom h5 {
    font-size:18px;
    background:#22a2de;
    color:#ffffff;
    padding:5px 30px;
    margin-bottom:10px;
}
.mainscreen {
    width:430px;
    float:left;
    margin:0 15px 0 15px;
    display:inline;
}
.mainscreen textarea {
    width:430px;
    height:200px;
}
*html .mainscreen textarea {
    height:195px;
}
*+html .mainscreen textarea {
    height:195px;
}
.roommember {
    width:160px;
    height:200px;
    float:left;
}
.roommember h6 {
    width:133px;
    padding:3px 0 3px 25px;
    background:#e4e4e4 url(../images/chatroom_bg.gif) 8px 8px no-repeat;
    font-size:12px;
    color:#404040;
    float:left;
    border:1px solid #9c9c9c;
}
.roommember select {
    width:160px;
    height:180px;
    float:left;
}
.sendM {
    width:645px;
    height:130px;
    background:#eaf7fd;
    float:left;
    margin-top:10px;
    border-top:1px solid #d5d5d5;
}
.sendM input {
    width:600px;
    height:60px;
    margin:10px 0 5px 10px;
}
.sendM input.sendMessage {
    width:85px;
    height:21px;
    background:url(../images/showRSVP.gif) no-repeat;
    color:#ffffff;
    border:none;
    margin:0 0 0 10px;
}
/* ------searchquestion-------- */
.questionList {
    width:178px;
    padding:20px 0 5px 20px;
    border:1px solid #1c89cb;
    margin:-15px 0 10px 0;
    background:#ffffff;
    float:left;
}
.questionList ul {
    width:170px;
}
.questionList ul li {
    width:170px;
    float:left;
    padding-bottom:5px;
    font-size:14px;
    font-weight:bold;
}
.questionList ul li a:link,
.questionList ul li a:visited {
    color:#299CCE;
}
.questionList ul li a:hover {
    color:#FF6600;
}
.questionList ul li a.selectA:link,
.questionList ul li a.selectA:visited {
    color:#FF6600;
}
.questionList ul li a span {
    color:#FD8122;
}
.searchAdd input.searchInput {
    width:360px;
    margin-right:15px;
}
.searchAdd span {
    font-weight:bold;
    font-size:14px;
    color:#006B9D;
}
.searchAdd span.fliterCategory {
    float:left;
    font-size:11px;
    margin-top:20px;
}
.searchAdd span.fliterCategory strong {
    color:#333333;
}
.searchList {
    width:504px;
    border:none;
    float:left;
    margin-top:15px;
    border-top:1px solid #8BD4F7;
}
.searchList h5 {
    margin:0 0 10px 6px;
    font-size:11px;
}
.calendarR span {
    clear:both;
    float:left;
    width:80px;
    margin-top:20px;
    font-size:11px;
}
.calendarR a.selected:link,
.calendarR a.selected:visited {
    color: #ffffff;
}

/*********************************
  myCommunities0703
*********************************/
.myCommunitiesList {
    width:175px;
    float:left;
    padding:27px 0 0 27px;
}
.myCommunitiesList ul li {
    width:175px;
    float:left;
    padding-bottom:22px;
}
.myCommunitiesList ul li img {
    float:left;
    width:55px;
    height:55px;
    border:1px solid #207ea9;
}
.myCommunitiesList ul li span {
    float:left;
    width:100px;
    padding-left:5px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
}
.myCommunitiesList ul li span strong {
    color:#207ea9;
}
.myCommunitiesList ul li span a:link,
.myCommunitiesList ul li span a:visited {
    width:96px;
    height:20px;
    display:block;
    color:#ffffff;
    font-size:7px;
    line-height:20px;
    text-align:center;
    font-weight:bold;
    margin-top:5px;
    background:url(../images/communities-linkBG.gif) top center no-repeat;
}
.organize {
    width:490px;
    float:left;
    padding:25px 0 16px 14px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#ffffff;
    background:#fd761b url(../images/oranize_bg.gif) top left repeat-x;
}
.organize h5 {
    width:100%;
    float:left;
    padding-bottom:10px;
    font-size:13px;
}
.organize input {
    border:1px solid #fd8028;
    background:#ffffff;
    float:left;
    margin-bottom:20px;
    color:#a5a5a5;
    font-size:11px;
    padding:2px 0 0 5px;
}
.organize select {
    width:180px;
    height:22px;
    float:left;
    margin-bottom:20px;
}
.organize input.nameYC {
    width:400px;
    height:20px;
     color:#000000;
    font-size:14px
}
.organize input.descriptYC {
    width:450px;
    height:50px;
}
.organize input.saveMyCommunity {
    border:none;
    width:165px;
    height:59px;
    margin:0 0 0 163px;
    padding:0;
    background:url(../images/saveMyCommunity.gif) no-repeat;
}
.organize h6 {
    float:left;
    font-size:12px;
    padding:5px 0 0 5px;
}
.organize em {
    width:100%;
    float:left;
    font-size:10px;
    margin-top:-10px;
}
.selectImg {
    width:100%;
    float:left;
    padding:23px 0 35px 0;
}
.selectImg span {
    float:left;
    padding:0 5px 0 160px;
    width:74px;
    height:72px;
}
.selectImg a img{
    float:left;
    margin-top:53px;
}
.complete {
    border-bottom:1px solid #3E81A3;
    width:100%;
    float:left;
    font-family:Arial,Verdana, Helvetica, sans-serif;
}
.complete h5 {
    padding:22px 0 20px 13px;
    clear:both;
    line-height:20px;
    font-size:9px;
    color:#fd7b1a;
}
.complete h5 strong {
    font-size:12px;
}
.complete h5 strong span {
    color:#207ea9;
}
.complete img {
    width:70px;
    height:70px;
    float:left;
    border:3px solid #207EA9;
    margin:18px 30px 0 45px;
}
.complete p {
    width:210px;
    padding:21px 0 40px;
    float:left;
    line-height:18px;
}
.complete p strong {
    font-size:16px;
    color:#207ea9;
}
.complete a {
    width:102px;
    height:26px;
    float:left;
    margin-top:37px;
    background:url(../images/goto.gif) no-repeat;
}

.navCe li {
    position:relative;
}

.navCe li ul {
    position:absolute;
    width:95px;
 
 
	background:url(../images/bgquestions.png)  no-repeat;
 
}

.navCe li ul.classsurvy {
    width:80px;
	background:url(../images/bgsurvy.png)   no-repeat;
		position: absolute;
}

.navCe li ul.classcommunities {
    width:114px;
	background:url(../images/bgcommunities.png)   no-repeat;
		position: absolute;
}

.navCe li ul.classfriend {
    width:77px;
	background:url(../images/bgfriend.png)  no-repeat;
	display:none;
 
 
 
	position: absolute;
}

.titleText {
    width:100%;
    background: #EE983E;
    padding: 5px 0;
}
.titleText span {
    background:#ffffff;
    width:96%;
    padding:0 3px;
    margin: 0 auto;
    font-size:14px;
    line-height: 18px;
    display:block;
}
.changePwd {
    width:122px;
    height:25px;
    display:block;
    line-height:25px;
    text-align:center;
    color:#ffffff!important;
    font-weight:bold;
	background:url(../images/change-bg.gif) no-repeat;
}
.communityHeader {
    padding:10px 15px;
    height:20px;
    line-height: 20px;
	background:url(../images/community-head_bg.jpg) no-repeat;
    font-size:20px;
    font-weight:bold;
    color:#047dbb;
} 
.communityInvite ul li h5 {
    font-size: 16px;
	color:#006B9D;
	float:left;
	margin-bottom:-15px;
	padding:10px 0 0 15px;
}
#grow {
    background-image: url(../images/glow-bg.gif);
    background-repeat: no-repeat;
    background-position: left top;
    color: #FFFFFF;
    padding-top: 45px;
    padding-left: 50px;
    width: 375px;
    padding-bottom: 10px;
}

#grow li {
    padding-top: 4px;
    padding-bottom: 4px;
}

#grow select {
    font-family:  Arial, Helvetica, sans-serif, Tahoma;
    font-size: 10px;
    color: #013551;
}

#grow .radio {
    font-size: 10px;
}

#grow .btn {
    text-align: center;
    margin-top: 7px;
    padding-right: 50px;
}

#upload h3 {
    font-size: 14px;
    padding-bottom: 3px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #86BBD2;
}

#upload input {
    height: 24px;
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}

#upload {
    width: 400px;
    margin: 10px;
}

#upload .file {
    padding-top: 10px;
    padding-bottom: 10px;
}

#upload .big {
    float: left;
}

#upload .small {
    float: right;
    text-align: center;
    line-height: 22px;
    color: #999999;
}

#upload .btn {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

#upload .info {
    padding-bottom: 10px;
}

#upload .mid {
    margin: auto;
    float: none;
}

#communityP {
    color: #1794d1;
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size: 11px;
}

#communityP .content {
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

#communityP h3 {
    font-size: 14px;
    padding-bottom: 4px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #006b9d;
    padding-left: 5px;
}

#communityP .content .inputP {
    font-size: 11px;
    color: #999999;
    padding: 3px;
    width: 400px;
    border: 1px solid #006B9D;
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
}

#communityP .content .inputP2 {
    font-size: 11px;
    color: #999999;
    padding: 3px;
    width: 100px;
    border: 1px solid #006B9D;
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
}

#communityP .content table {
    background-color: #FFFFFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    text-align: left;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

#communityP .content td {
    vertical-align: top;
    line-height: 20px;
}

#communityP span {
    color: #fd761b;
}

#communityP .title1 {
    padding-bottom: 10px;
}

#communityP .invite {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #cce1eb;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
}

#communityP .invite h4 {
    padding-bottom: 5px;
    font-size: 11px;
}

#communityP .btn {
    text-align: center;
    padding: 10px;
}

#communityP h2 {
    font-size: 24px;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #006b9d;
    padding-left: 20px;
    padding-top: 10px;
}

#communityP .member .avatar {
    float: left;
    width: 50px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7px;
    color: #FD761B;
}

#communityP .member .avatar img {
    border: 3px solid #FD761B;
    height: 24px;
    width: 24px;
}

#communityP .member .info {
    color: #000000;
    float: left;
    width: 90px;
    font-family: Arial, Helvetica, sans-serif;
}

#communityP .member li {
    float: left;
    width: 140px;
    padding: 10px;
    height: 60px;
}

#communityP .invite a {
    color: #FD761B;
}

#communityP .invite a:hover {
    text-decoration: underline;
}
#communityP .invite a.blue {
    color: #1794D1;
}


#homeSearch .menu ul li a,#homeSearch .menu ul li span {
	width:100px; text-align:center; padding-left:0; padding-right:0
}

#homeSearch .list .pic {
    float: left;
    width: 32px;
    padding-right: 10px;
}

#homeSearch .list .content {
    float: left;
    width: 400px;
}

#homeSearch .list {
    padding: 15px;
}

#homeSearch .list .content h3 a {
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size: 14px;
    font-weight: bold;
}

#homeSearch .list .content .answer {
    color: #7F7F7F;
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size: 11px;
}

#homeSearch .list .content .info {
    font-size: 10px;
    color: #7F7F7F;
    padding-top: 8px;
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    padding-left: 50px;
}

#homeSearch .list .content a.user {
    color: #FF6600;
}

#homeSearch .list .content a.community {
    color: #000000;
}

#homeSearch .list .content .answer span {
    color: #FF6600;
}

#homeSearch .list .content .info a {
    color: #FF6600;
}

#homeSearch .search h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
    color: #0086b5;
}

#homeSearch .search .input1 {
    font-size: 13px;
    color: #000000;
    padding: 6px;
    width: 400px;
    border: 1px solid #1794d1;
    margin-bottom:5px;
}
 

#homeSearch .search {
    padding-top: 10px;
    padding-bottom: 15px;
}

