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

body { font-size:14px; font-family:Arial,Helvetica,sans-serif; }
.text-right { text-align:right; }
.notice, .success, .error { clear:both; color:#514721; padding:2px 10px; margin-bottom:10px; text-align:left; }
.success { color:#264409; }
.error { color:#8A1F11; }
.right { float:right; }

/* button */
a.grey-btn {
    float:left; cursor:pointer; text-align:center; display:block; width:100px; text-decoration:none;
    background:buttonface url(../../images/new/button/button_border_2.gif) no-repeat; background-color:#999;
}
a.grey-btn:hover { text-decoration:none; }
a.grey-btn:hover span { opacity:0.8; filter:alpha(opacity:80); }
a.grey-btn span {
    padding:2px 8px; text-align:center; position:relative; left:1px; top:1px; display:block; text-decoration:none;
    background:url(../../images/new/button/button_border.gif) right bottom no-repeat; font-size:12px; color:#FFFFFF;
}

a.orange-btn {
    float:left; cursor:pointer; text-align:center; display:block; width:100px; text-decoration:none;
    background:buttonface url(../../images/new/button/button_border_2.gif) no-repeat; background-color:#FF911A;
}
a.orange-btn:hover { text-decoration:none; }
a.orange-btn:hover span { opacity:0.8; filter:alpha(opacity:80); }
a.orange-btn span {
    padding:2px 8px; text-align:center; position:relative; left:1px; top:1px; display:block; text-decoration:none;
    background:url(../../images/new/button/button_border.gif) right bottom no-repeat; font-size:12px; color:#FFFFFF;
}
/* end button */

/* header */
#header #logo { background:url(../../images/new/header/header.gif) no-repeat 0px; height:94px; }
#header #logo a { width:180px; height:94px; display:block; text-indent:-9000px; }

#header #top_countdown { font-size:12px; }
#header #top_countdown #top_timer { font-size:18px; font-weight:bold; }

#header form#login .error-message {
    background:url(../../images/new/header/error_msg_frame.gif) no-repeat right bottom;
    height:34px; padding-top:14px; padding-bottom:6px; line-height:15px; font-size:11px; text-align:left;
}
#header form#login .forgot-password { font-size:10px; }

#header .login-label { font-size:12px; }
#header input.login-field {
    background:url(../../images/new/form/textfield.gif) repeat-x; border:1px solid silver;
    height:15px; width:140px; font-size:12px; padding:4px 2px; margin-top:0; color:#666666;
}
#header input.login-btn {
    background:url(../../images/new/form/btn_login.gif) no-repeat; cursor:pointer; width:30px; height:25px; border:none;
}

#header #control ul { margin:0; padding:0; list-style:none; margin-top:38px; font-size:12px; }
#header #control ul li { padding:0 14px 0 10px; display:inline; border-right:1px solid #63645E; }
#header #control ul li.last { border-right:none; padding-right:2px; }
#header #control ul li a { text-decoration:none; color:#FA8B1C; }
#header #control ul li a:hover { text-decoration:underline; }
/* end header */

/* menu */
#menu { position:relative; z-index:5;}
#menu .left-bar {
    background:url(../../images/new/menu/bar.gif) no-repeat top left; float:left; height:43px; width:9px; margin-left:-5px;
}
#menu .right-bar {
    background:url(../../images/new/menu/bar.gif) no-repeat left -43px; float:right; height:43px; width:9px; margin-right:-5px;
}
#menu .middle-bar {
    background:url(../../images/new/menu/bar.gif) repeat-x left -86px; float:left; height:43px; width:942px;
}
#menu .middle-bar ul.init { margin:0; padding:0; list-style:none; height:43px; position:absolute; }
#menu .middle-bar ul.init li { margin-top:3px; padding:0; height:35px; line-height:35px; overflow:hidden; }
#menu .middle-bar ul.init li.hover, #menu .middle-bar ul.init li:hover { overflow:visible; }

#menu .middle-bar ul.init li,
#menu .middle-bar ul.init li ul li { float:left; width:156px; }

#menu .middle-bar ul.init li a {
    float:left; width:134px; border-left:1px solid #6d6f6a; border-right:1px solid #434242; height:36px;
    font-weight:bold; font-size:16px; text-decoration:none; padding-left:20px; color:#e1e4da;
}
#menu .middle-bar ul.init li a:hover {
    background-color:#646464; height:35px; border-right:1px solid #434242; border-bottom:1px solid #434242; width:134px;
}
#menu .middle-bar ul.init li a.first { border-left:none; width:137px; }
#menu .middle-bar ul.init li a.last { border-right:none; width:136px; }

#menu .middle-bar ul.init li.disabled { overflow:hidden; }
#menu .middle-bar ul.init li.disabled a, 
#menu .middle-bar ul.init li.disabled a:hover { cursor:default;}
#menu .middle-bar ul.init li.disabled:hover { overflow:hidden; }

#menu .middle-bar ul.init li.message { width:158px; }
#menu .middle-bar ul.init li.message a { width:136px; }
#menu .middle-bar ul.init li.message a:hover { width:137px; }
#menu .middle-bar ul.init li.message ul li { width:158px; }
#menu .middle-bar ul.init li.message em.message_notifier {
    background:url(../../images/new/menu/icons.gif) no-repeat left bottom;
    color:#333333; font-size:12px; font-weight:bold; font-style:normal; text-align:center;
    line-height:2em; float:left; margin-top:-34px; margin-left:130px;
    width:25px; height:25px; position:relative;
}

#menu .middle-bar ul.init li ul {
    margin:0; padding:0; list-style:none;
}
#menu .middle-bar ul.init li ul li { 
    filter:alpha(opacity=90); opacity:.90; margin:0; padding:0; height:auto; line-height:18px; 
}

#menu .middle-bar ul.init li ul li a {
    margin:0; padding:5px 10px; /*width:166px;*/ background-color:#707070; height:auto;
    border:none; font-size:12px; font-weight:normal; text-transform:uppercase;
    border-left:1px solid silver; border-right:1px solid #434242; width:134px;
}
#menu .middle-bar ul.init li ul li a:hover {
    height:auto; border-bottom:none; background-color:#232323; width:134px;
}

#menu .middle-bar ul.init li.message ul li a:hover {
    height:auto; border-bottom:none; background-color:#232323; width:136px;
}

#menu .middle-bar ul.init li ul.helper li.nav_btm {
    background:url(../../images/new/menu/btm.gif) no-repeat right -31px;
}
#menu .middle-bar ul.init li ul.helper li.nav_btm a {
    background:url(../../images/new/menu/btm.gif) no-repeat left -1px;
    padding:0 10px; border:none; width:136px;
}

#menu .middle-bar ul.init li ul li.nav_btm {
    background:url(../../images/new/menu/btm_big.gif) no-repeat right -73px;
}
#menu .middle-bar ul.init li ul li.nav_btm a {
    background:url(../../images/new/menu/btm_big.gif) no-repeat left -13px;
    padding:0 10px; border:none; width:136px;
}
#menu .middle-bar ul.init li ul li.nav_btm a:hover {
    background:url(../../images/new/menu/btm_hover_new.gif) left bottom no-repeat; border-right:none;
}
#menu .middle-bar ul.init li.message ul li.nav_btm a { width:138px; }
#menu .middle-bar ul.init li.message ul li.nav_btm a:hover {
    background:url(../../images/new/menu/btm_hover_long_new.gif) left bottom no-repeat; border-right:none;
}

#menu .middle-bar ul.init li ul li.nav_btm a span {
    display:block; background-color:#707070;
    border-bottom:1px solid #434242; padding:5px 0;
}
#menu .middle-bar ul.init li ul li.nav_btm a:hover span { background-color:#232323; border-bottom:1px solid #232323; }
/* end menu */

/* footer */
#footer {
    float:left; width:100%; font-size:11px; margin-top:20px; position:relative;  
    border-top:1px solid #C3C4BE; background-color:#eeefe7; padding:10px 0;
}
#footer .container { text-align:center; margin: 0 auto;}
#footer ul { list-style:none; margin-bottom:4px; margin:0 auto;}
#footer ul li .first {font-size:12px; color:#63645E; margin-bottom:5px;}
#footer ul li { padding-left:10px; display:inline; width:170px;text-align:left;}
#footer ul li ul li {display:table; *display:block;}
#footer ul li ul li .twitter_img {background:url(../../images/new/footer/Twitter.gif) no-repeat; height:20px; width:20px; float:left;margin-left:18px;}
#footer ul li ul li .facebook_img {background:url(../../images/new/footer/facebook.gif) no-repeat; height:20px; width:20px; float:left;margin-left:5px;}
#footer ul li ul li .youtube_img {background:url(../../images/new/footer/youtube.gif) no-repeat; height:20px; width:20px; float:left;margin-left:11px;}
#footer ul li ul li .myspace_img {background:url(../../images/new/footer/myspace.gif) no-repeat; height:20px; width:20px; float:left;margin-left:8px;}
#footer a { color:#63645E; }
#footer a:hover { color:#FA8B1C; }
#footer p.copyright { font-size:10px; color:#878881; margin-bottom:6px; float:right;}
/* end footer */

/* content */
#content { position:relative; z-index:1; margin-top:10px; }
#content .main { border-left:1px solid #c3c3c1; border-right:1px solid #c3c3c1; padding:0 9px; width:930px; }
/* end content */

/* corner layout */
#content .top-left { 
    background:url(../../images/new/content/corner.gif) no-repeat 0 0; 
    float:left; width:10px; height:10px; overflow:hidden;
}
#content .top-right { 
    background:url(../../images/new/content/corner.gif) no-repeat 0 -20px; 
    float:right; width:10px; height:10px; overflow:hidden;
}
#content .bottom-left { 
    background:url(../../images/new/content/corner.gif) no-repeat 0 -10px; 
    float:left; width:10px; height:10px; overflow:hidden;
}
#content .bottom-right { 
    background:url(../../images/new/content/corner.gif) no-repeat 0 -30px; 
    float:right; width:10px; height:10px; overflow:hidden;
}
#content .top-middle, #content .bottom-middle { float:left; width:930px; height:9px; overflow:hidden; }
#content .top-middle { border-top:1px solid #c3c3c1; }
#content .bottom-middle { border-bottom:1px solid #c3c3c1; }

#content .main-top-left { 
    background:url(../../images/new/content/main_corner.gif) no-repeat 0 0; 
    float:left; width:5px; height:5px; overflow:hidden;
}
#content .main-top-right { 
    background:url(../../images/new/content/main_corner.gif) no-repeat 0 -10px; 
    float:right; width:5px; height:5px; overflow:hidden;
}
#content .main-bottom-left { 
    background:url(../../images/new/content/main_corner.gif) no-repeat 0 -5px; 
    float:left; width:5px; height:5px; overflow:hidden;
}
#content .main-bottom-right { 
    background:url(../../images/new/content/main_corner.gif) no-repeat 0 -15px; 
    float:right; width:5px; height:5px; overflow:hidden;
}
#content .main-top-middle, #content .main-bottom-middle { 
    float:left; width:920px; height:5px; overflow:hidden; background-color:#E5E6DE;
}
#content .main-content { 
    border-top:5px solid #E5E6DE; border-bottom:5px solid #E5E6DE; 
    border-left:10px solid #E5E6DE; border-right:10px solid #E5E6DE; padding:8px 10px;
}

#content .silver-top-left { 
    background:url(../../images/new/content/silver_corner.gif) no-repeat 0 0; 
    float:left; width:5px; height:5px; overflow:hidden;
}
#content .silver-top-right { 
    background:url(../../images/new/content/silver_corner.gif) no-repeat 0 -10px; 
    float:right; width:5px; height:5px; overflow:hidden;
}
#content .silver-bottom-left { 
    background:url(../../images/new/content/silver_corner.gif) no-repeat 0 -5px; 
    float:left; width:5px; height:5px; overflow:hidden;
}
#content .silver-bottom-right { 
    background:url(../../images/new/content/silver_corner.gif) no-repeat 0 -15px; 
    float:right; width:5px; height:5px; overflow:hidden;
}
#content .silver-top-middle, #content .silver-bottom-middle { 
    float:left; width:920px; height:5px; overflow:hidden; 
}
#content .silver-top-middle { background-color:#EEEFE4; }
#content .silver-bottom-middle { background-color:#E5E7DC; height:4px; border-bottom:1px solid #b9bab3; }
#content .silver-content { 
    background:url(../../images/new/content/silver_bg.gif) repeat-x;
    padding:5px 10px; border-right:1px solid #b9bab3; background-color:#E5E7DC;
}

#content .grey-top-left {
    background:url(../../images/new/content/grey_corner.gif) no-repeat 0 0;
    float:left; height:5px; width:5px; overflow:hidden;
}
#content .grey-top-right {
    background:url(../../images/new/content/grey_corner.gif) no-repeat 0 -10px;
    float:right; height:5px; width:5px; overflow:hidden;
}
#content .grey-bottom-left {
    background:url(../../images/new/content/grey_corner.gif) no-repeat 0 -5px;;
    float:left; height:5px; width:5px; overflow:hidden;
}
#content .grey-bottom-right {
    background:url(../../images/new/content/grey_corner.gif) no-repeat 0 -15px;
    float:right; height:5px; width:5px; overflow:hidden;
}
#content .grey-top-middle {
    float:left; width:80px; height:4px; overflow:hidden; border-top:1px solid #c2c6c2; background-color:#e4e5dd;
}
#content .grey-bottom-middle {
    float:left; width:80px; height:4px; overflow:hidden; border-bottom:1px solid #c2c6c2; background-color:#e4e5dd;
}
#content .grey-content { 
    float:left; width:80px; height:110px; padding:0 4px; background-color:#e4e5dd; overflow:hidden;
    border-left: 1px solid #c2c6c2; border-right: 1px solid #c2c6c2;
}

#content .sidemenu-top-left { 
    background:url(../../images/new/content/sidemenu_corner.gif) no-repeat 0 0; 
    float:left; width:4px; height:4px; overflow:hidden;
}
#content .sidemenu-top-right { 
    background:url(../../images/new/content/sidemenu_corner.gif) no-repeat 0 -8px; 
    float:right; width:4px; height:4px; overflow:hidden;
}
#content .sidemenu-bottom-left { 
    background:url(../../images/new/content/sidemenu_corner.gif) no-repeat 0 -4px; 
    float:left; width:4px; height:4px; overflow:hidden;
}
#content .sidemenu-bottom-right { 
    background:url(../../images/new/content/sidemenu_corner.gif) no-repeat 0 -12px; 
    float:right; width:4px; height:4px; overflow:hidden;
}
#content .sidemenu-top-middle, #content .sidemenu-bottom-middle { 
    float:left; width:920px; height:4px; overflow:hidden; background-color:#C3C4BF;
}

#content .title-left {
    background:url(../../images/new/content/title_bar.gif) no-repeat 0 0; height:33px; width:7px; float:left; 
    overflow:hidden;
}
#content .title-right {
    background:url(../../images/new/content/title_bar.gif) no-repeat 0 -33px; height:33px; width:7px; float:right; 
    overflow:hidden;
}
#content .title-middle {
    background:url(../../images/new/content/title_bar.gif) repeat-x 0 -66px; height:33px; width:596px; margin:0px; 
    padding:0;  float:left; overflow:hidden;
}
#content .title-middle div { line-height:33px; color:#515151; font-weight:bold; }
/* end corner layout */

/* full panel */
#content .full-panel { width:930px; margin-bottom:10px; }
/* end full panel */

/* left start */
#content .left-start {
    background:url(../../images/new/sidemenu/quick_start_img.gif) no-repeat left top; height:92px; margin-bottom:10px;
}
#content .left-start a {
    display:block; height:68px; padding-top:24px; text-decoration:none; color:#3A3A38;
}
#content .left-start a:hover,
#content .left-start a:hover h3,
#content .left-start a:hover p { color:#000000; }
#content .left-start a h3 {
    width:128px; font-size:16px; font-weight:bold; margin:0 0 0 124px; color:#3A3A38;
}
#content .left-start a p {
    width:128px; font-size:12px; line-height:14px; margin:4px 0 0 124px;
}
/* end left start */

/* left panel */
#content .left-panel .top-middle,
#content .left-panel .bottom-middle { width:250px; }

#content .left-panel .left-menu { margin-bottom:10px; }
#content .left-panel .left-menu .content { 
    border-left:1px solid #c3c3c1; border-right:1px solid #c3c3c1; width:250px; padding:0 9px;
}
#content .left-panel .left-menu .content .title .sidemenu-top-middle,
#content .left-panel .left-menu .content .title .sidemenu-bottom-middle { width:242px; }
#content .left-panel .left-menu .content .title,
#content .left-panel .left-menu .content .menu { width:250px; }
#content .left-panel .left-menu .content .title .text { 
    width:230px; padding:0 10px; background-color:#C3C4BF; text-align:center; font-weight:bold; font-size:16px; color:#3A3A38;
}

#content .left-panel .left-menu .content .menu ul { 
    margin:6px 8px 0 8px; list-style:none;
}
#content .left-panel .left-menu .content .menu ul li {
    background:url(../../images/new/sidemenu/arrow.gif) no-repeat left center; padding-left:14px;
}
#content .left-panel .left-menu .content .menu ul li a { color:#3A3A38; text-decoration:none; }
#content .left-panel .left-menu .content .menu ul li a.active,
#content .left-panel .left-menu .content .menu ul li a:hover { color:#FF911A; }

#content .left-panel .cm-result-users,
#content .left-panel .cm-result-chart,
#content .left-panel .cm-result-text { width:222px; padding:0 14px; }
#content .left-panel .cm-result-users .photo { 
    float:left; width:111px; height:80px; overflow:hidden; padding-top:10px;
}
#content .left-panel .cm-result-users .photo .frame { 
    background:url(../../images/new/matching/frame.gif) no-repeat left top; 
    width:100px; height:80px; position:relative;
}
#content .left-panel .cm-result-users .photo img { margin-top:-80px; }
#content .left-panel .cm-result-chart { margin-top:10px; }
#content .left-panel .cm-result-chart .chart-border { 
    float:left; width:220px; margin:0; border:1px solid #cccccc; background:#e7e7e7; height:20px; overflow:hidden;
}
#content .left-panel .cm-result-chart .chart-line { 
    float:left; width:110px; border-right:1px solid #cccccc; height:20px; position:relative; margin-right:109px;
}
#content .left-panel .cm-result-chart .chart-orange { 
    float:left; background-color:#fdaf14; height:20px; width:1%; margin-top:-20px;
}
#content .left-panel .cm-result-text { font-weight:bold; color:#3A3A38; padding:6px 0 3px 0; }
/* end left panel */

/* right panel */
#content .right-panel { width:650px; }

#content .right-panel h2, #content .full-panel h2, h2 { 
    color:#FF911A; font-size:18px; font-weight:bold; margin:0 0 10px; padding:0 0 10px; border-bottom:1px dotted silver;
    line-height:24px;
}
#content .right-panel h3, #content .full-panel h3, h3 {
    color:#3A3A38; font-size:16px; font-weight:bold; margin:0 0 10px; line-height:22px;
}
#content .right-panel h4, #content .full-panel h4, h4 {
    color:#3A3A38; font-size:14px; font-weight:bold; margin:0 0 10px; line-height:20px;
}
#content .right-panel p, #content .full-panel p, p {
    color:#3A3A38; font-size:14px; font-weight:normal; margin:0 0 10px; line-height:20px;
}

#content .right-panel .main-top-middle,
#content .right-panel .main-bottom-middle { width:640px; }
#content .right-panel .main-content { width:610px; }
#content .right-panel .main-content .inner-content { width:610px; }
#content .right-panel .main-content .inner-content .top-middle,
#content .right-panel .main-content .inner-content .bottom-middle { width:590px; }
#content .right-panel .main-content .inner-content .content { 
    width:580px; border-left:1px solid #c3c3c1; border-right:1px solid #c3c3c1; padding:0 14px;
}
#content .right-panel .main-content .inner-content .content p { 
    color:#FD8D1F; line-height:22px; margin-bottom:15px; padding:0 2px;
}

#content .right-panel .main-content ul.overview { margin:0; padding:0; list-style:none; float:left; width:555px; }
#content .right-panel .main-content ul.overview li {
    width:100px; float:left; width:111px; text-align:center; color:#6c6d6a; font-weight:bold; line-height:16px;
}
#content .right-panel .main-content ul.overview li em { display:block; padding-bottom:8px; }
#content .right-panel .main-content ul.overview li a { color:#6c6d6a; }
#content .right-panel .main-content ul.overview li a:hover { text-decoration:underline; color:#3c3d3b; }

#content .right-panel .cm-user { width:250px; }
#content .right-panel .cm-user .top-middle,
#content .right-panel .cm-user .bottom-middle { width:230px; }
#content .right-panel .cm-user .content { 
    border-left:1px solid #c3c3c1; border-right:1px solid #c3c3c1; width:232px; padding:0 8px; 
}
#content .right-panel .cm-user .content .photo { 
    float:left; width:230px; height:230px; background-color:#FFFFFF; border:1px solid silver; overflow:hidden;
    position:relative; z-index:1;
}
#content .right-panel .cm-user .content .photo-frame {
    float:left; width:232px; height:232px; background-color:#FFFFFF; margin-top:-232px;
    cursor:pointer; position:relative; z-index:3; filter:alpha(opacity=0); opacity:0;
}
#content .right-panel .cm-user .content .photo img { margin:0; padding:0; }
#content .right-panel .cm-user .content ul {
    margin:0; padding:0; float:left; list-style:none; width:232px; position:relative; filter:alpha(opacity=90); opacity:.90; 
    background-color:#dbd6d1; margin-top:-153px; display:none; z-index:2;
}
#content .right-panel .cm-user .content ul li {
    color:#3A3A38; border-bottom:1px solid silver; padding:5px 10px; height:20px; font-size:12px; overflow:hidden;
}
#content .right-panel .cm-user .content ul li.about { height:80px; }

#content .right-panel .cm-user .username { 
    overflow:hidden; height:28px; padding-left:10px; width:120px; margin-top:8px; line-height:26px;
}
#content .right-panel .cm-user .button { width:100px; height:28px; margin-top:8px; }

#content .right-panel .cm-vote { width:90px; margin-top:50px; }
#content .right-panel .cm-vote ul { list-style:none; margin:0; padding:0; text-align:center; }
#content .right-panel .cm-vote ul li .yes {
    background:url(../../images/new/matching/yes_btn.gif) no-repeat center; height:29px; margin-bottom:10px;
}
#content .right-panel .cm-vote ul li .no {
    background:url(../../images/new/matching/no_btn.gif) no-repeat center; height:29px; margin-bottom:10px;
}
#content .right-panel .cm-vote ul li button {
    background-color:transparent; border:none; color:#FFFFFF; font-weight:bold; margin:0px; 
    font-size:12px; line-height:16px; height:25px; cursor:pointer; width:54px;
}
#content .right-panel .cm-vote ul li img { margin:0 auto; padding-top:30px; }

#content .right-panel a { color:#FE8E1C; text-decoration:none; }
#content .right-panel a:hover { text-decoration:underline; }
/* end right panel */

/* registration */
#content #registration { width:370px; margin-right:2px; float:right; }
#content #registration .register-top-left { 
    background:url(../../images/new/registration/orange_corner.gif) no-repeat 0 0; 
    float:left; width:5px; height:5px; overflow:hidden;
}
#content #registration .register-top-right { 
    background:url(../../images/new/registration/orange_corner.gif) no-repeat 0 -10px; 
    float:right; width:5px; height:5px; overflow:hidden;
}
#content #registration .register-bottom-left { 
    background:url(../../images/new/registration/orange_corner.gif) no-repeat 0 -5px; 
    float:left; width:5px; height:5px; overflow:hidden;
}
#content #registration .register-bottom-right { 
    background:url(../../images/new/registration/orange_corner.gif) no-repeat 0 -15px; 
    float:right; width:5px; height:5px; overflow:hidden;
}
#content #registration .register-top-middle, #content #registration .register-bottom-middle { 
    float:left; width:360px; height:5px; overflow:hidden; 
}
#content #registration .register-top-middle { background-color:#FABA01; }
#content #registration .register-bottom-middle { 
    background:url(../../images/new/registration/orange_corner.gif) repeat-x 0 -20px;
}

#content #registration .h336 { height:336px; }
#content #registration .h380 { height:377px; }
#content #registration .h420 { height:417px; }
#content #registration .content { 
    width:325px; margin-right:0; padding:1px 22px 2px 22px; border-right:1px solid #C67706;
    background:url(../../images/new/registration/bg.gif) repeat-x;
}
#content #registration .content div.span-9 { width:325px; }
#content #registration .content h3 { color:#ffffff; font-weight:bold; margin:10px 0 15px 0; }
#content #registration .content label { 
    font-weight:normal; font-size:12px; padding-left:1px; float:left; width:323px; 
    height:24px; *height:22px; line-height:24px; *line-height:22px;
}
#content #registration .content input.register-field {
    background:url(../../images/new/form/textfield.gif) repeat-x; border:1px solid silver;
    height:20px; width:300px; font-size:14px; padding:4px 2px; margin-top:0; margin-bottom:0;
}
#content #registration .content input.register-checkbox { margin:5px 10px 10px 0; width:16px; height:16px; }
#content #registration .content input.small { width:51px; margin-left:0.5em; }
#content #registration .content .agreement {
    float:left; width:293px; font-size:11px; line-height:14px; padding-top:6px; padding-bottom:10px;
}
#content #registration .content .agreement a { font-weight:bold; color:#000000; text-decoration:none; }
#content #registration .content .agreement a:hover { text-decoration:underline; }

#content #registration .content img { vertical-align:top; border:1px solid silver; }

#content #registration .content span.button,
#content #registration .content span.button button {
    padding:0; margin:0; border:none; height:30px; display:inline-block; cursor:pointer;
    background:url(../../images/new/registration/button.gif) no-repeat left;
}
#content #registration .content span.button { padding-left:4px; *padding-left:2px; }
#content #registration .content span.button button { 
    padding-right:20px; padding-left:16px; padding-bottom:2px; background-position:right; color:#ffffff; font-weight:bold; 
    *margin-top:-3px; *padding-right:10px; * padding-left:8px; *padding-bottom:0;
}

#content #registration .content label span { font-size:10px; color:#8A1F11; padding-left:10px; }
#content #registration .error { font-size:12px; padding:6px 10px; }
#content #registration #response_box { display:none; }
/* end registration */

/* home intro */
#content #intro {  }
#content #intro .intro { width:303px; }
#content #intro .intro .content {
    background:url(../../images/new/content/silver_bg.gif) repeat-x;
    width:302px; border-right:1px solid #b9bab3; height:100px;
}
#content #intro .intro-top-left { 
    background:url(../../images/new/content/silver_corner.gif) no-repeat 0 0; 
    float:left; width:5px; height:5px; overflow:hidden;
}
#content #intro .intro-top-right { 
    background:url(../../images/new/content/silver_corner.gif) no-repeat 0 -10px; 
    float:right; width:5px; height:5px; overflow:hidden;
}
#content #intro .intro-bottom-left { 
    background:url(../../images/new/content/silver_corner.gif) no-repeat 0 -5px; 
    float:left; width:5px; height:5px; overflow:hidden;
}
#content #intro .intro-bottom-right { 
    background:url(../../images/new/content/silver_corner.gif) no-repeat 0 -15px; 
    float:right; width:5px; height:5px; overflow:hidden;
}
#content #intro .intro-top-middle, #content #intro .intro-bottom-middle { 
    float:left; width:293px; height:5px; overflow:hidden; 
}
#content #intro .intro-top-middle { background-color:#EEEFE4; }
#content #intro .intro-bottom-middle { background-color:#E5E7DC; height:4px; border-bottom:1px solid #b9bab3; }

#content #intro .intro .content .h80 { height:80px; padding-top:12px; }
#content #intro .intro .content h2 { 
    margin:0; padding:0; font-size:16px; font-weight:bold; margin-bottom:4px; color:#000000; border-bottom:none; padding-top:10px;
}
#content #intro .intro .content p { margin:0; padding:0; line-height:16px; font-size:12px; }
/* end home intro */

/* home user list */
#content #user-list {  }
#content #user-list .content { 
    background:url(../../images/new/content/silver_bg.gif) repeat-x;
    width:909px; padding:5px 10px; border-right:1px solid #b9bab3; background-color:#E5E7DC; 
}

#content #user-list .content #carousel { margin:0px; background-color:#FFFFFF; width:910px; }
#content #user-list .content #carousel #new_user_container { overflow:hidden; padding-left:12px; width:818px;}
#content #user-list .content ul { margin:0px; padding:0; list-style:none; width:814px; height:116px; overflow:hidden; }
#content #user-list .content ul li { 
    float:left; height:100px; padding:8px;
    background:url(../../images/new/content/frame.png) no-repeat;
    _background:none;
}

a#carousel_prev {
    background:url(../../images/new/content/previous_btn.png) no-repeat;
    _background:url(../../images/new/content/previous_btn.gif) no-repeat;
    background-position:center; cursor:pointer; float:left; height:116px; text-decoration:none; width:39px;
}
a#carousel_next {
    background:url(../../images/new/content/next_btn.png) no-repeat;
    _background:url(../../images/new/content/next_btn.gif) no-repeat;
    background-position:center; cursor:pointer; float:right; height:116px; text-decoration:none; width:39px;
}
/* end home user list */

/* home info */
#content #info { margin-bottom:0; }
#content #info .content { 
    background:url(../../images/new/content/silver_bg.gif) repeat-x;
    width:909px; padding:10px 10px; border-right:1px solid #b9bab3; background-color:#E5E7DC; 
    font-size:12px; line-height:18px; text-align:center; color:#666666;
}
/* end home info */

/* message-list */
#content .message-list div { padding:5px 0; line-height:25px; }
#content .message-list div.button { line-height:20px; }
/* end message-list */

/* pagination */
#content .pagination { text-align:center; padding:10px 0; }
#content .pagination a.pg { border:1px solid #777777; color:#777777; margin:2px; padding:0 3px; }
#content .pagination a.pg:hover,
#content .pagination a.active { color:#FFFFFF; background-color:#646464; text-decoration:none; }
#content .pagination a.first,
#content .pagination a.prev,
#content .pagination a.next,
#content .pagination a.last { border:1px solid #FFFFFF; }
#content .pagination a.first:hover,
#content .pagination a.prev:hover,
#content .pagination a.next:hover,
#content .pagination a.last:hover { color:#777777; background-color:#FFFFFF; text-decoration:underline; }
/* end pagination */

#content table.messages tr th { background-color:#E5E6DE; }

.cluetip-rounded { font-size:12px; padding:0; margin:0; }