@charset "utf-8";
/* 
 * Community pages specific styles
 * Utilizes and extends styles defined in common.css
 *
 */

#PageContent div.box_content_dark { padding: 10px 0; background-color: #e3e3e3; font-size: 11px; }

#CommunityContentWell { margin: 10px 0 0 0; }
#CommunityContentWell .success_container { margin: 10px 60px 0 10px; }
#CommunityContentWell #ProfileEditContainer,
#CommunityContentWell #RegisterContainer,
#CommunityContentWell #SigninContainer { width: 550px; margin: 0 auto; padding: 5px 0; }

.community_masthead span { padding-left: 0 !important; }

/* login page */
#CommunityContentWell #SignInForm { width: 100%; height: auto; margin: 0 0 20px 0; }
#CommunityContentWell #SignInForm .gigyaLogin { margin-top:40px; margin-left:60px; }
#CommunityContentWell #SigninContainer p { line-height: 1.45em; padding: 15px 0 35px 0; }
#CommunityContentWell #SigninContainer a:link, #CommunityContentWell #SigninContainer a:visited { color: #305cb6; }
#CommunityContentWell #SigninContainer div.signin_left { width: 350px; }
#CommunityContentWell #SigninContainer div.signin_right { padding: 0 0 0 2px; width: 183px; }
#CommunityContentWell #SigninContainer div.signin_right .box_top_right,
#CommunityContentWell #SigninContainer div.signin_right .box_bottom_right { background-color: #e1e1e1; }
#CommunityContentWell #SigninContainer #SigninNav { height: 266px; font-size:12px; width:100%; }
#CommunityContentWell #SigninContainer #SigninNav p { padding: 0 10px 10px 10px; }
#CommunityContentWell #SigninContainer #SigninNav ul { list-style: none; font-size: 11px; }
#CommunityContentWell #SigninContainer #SigninNav li { margin: 0; padding: 7px 0 7px 10px; _padding-left: 12px; }
#CommunityContentWell #SigninContainer #SigninNav li.selected { background: url(../img/signin_right_nav_highlight.png) 0 0 no-repeat; margin-left: -2px; }
#CommunityContentWell #SigninContainer #SigninNav li.selected a {  margin-left: 2px; }
#CommunityContentWell #SigninContainer #SigninNav a { display:block; padding-left: 22px; height: 16px; line-height: 1.35em; outline: none; }
/* gotta love ie6 */
* html #CommunityContentWell #SigninContainer #SigninNav { margin-left: -2px; }
* html #CommunityContentWell #SigninContainer #SigninNav li { padding-left: 12px; }


a.icon_lvlive { background: url(../img/icons/icon-lvlive.png) no-repeat; }
a.icon_olive { background: url(../img/icons/icon-olive.png) no-repeat; }
a.icon_mlive { background: url(../img/icons/icon-mlive.png) no-repeat; }
a.icon_silive { background: url(../img/icons/icon-silive.png) no-repeat; }
a.icon_njo { background: url(../img/icons/icon-njo.png) no-repeat; }
a.icon_nola { background: url(../img/icons/icon-nola.png) no-repeat; }
a.icon_penn { background: url(../img/icons/icon-penn.png) no-repeat; }
a.icon_al { background: url(../img/icons/icon-al.png) no-repeat; }
a.icon_syr { background: url(../img/icons/icon-syr.png) no-repeat; }
a.icon_cleve { background: url(../img/icons/icon-cleve.png) no-repeat; }
a.icon_mass { background: url(../img/icons/icon-mass.png) no-repeat; }
a.icon_openid { background: url(../img/icons/icon-openid.png) no-repeat; }
a.icon_livejournal { background: url(../img/icons/icon-livejournal.png) no-repeat; }
a.icon_vox { background: url(../img/icons/icon-vox.png) no-repeat; }
a.icon_yahoo { background: url(../img/icons/icon-yahoo.png) no-repeat; }
a.icon_aim { background: url(../img/icons/icon-aim.png) no-repeat; }
a.icon_twitter { background: url(../img/icons/icon-twitter.png) no-repeat; }
a.icon_wordpress { background: url(../img/icons/icon-wordpress.png) no-repeat; }
a.icon_google { background: url(../img/icons/icon-google.png) no-repeat; }
a.icon_facebook { background: url(../img/icons/icon-facebook.png) no-repeat; }
/* told to add by sivy for facebook connect plugin */
.fb_popupContainer { z-index: 9000; }
a.fbconnect_login_button { text-decoration: none; }

#CommunityContentWell #SigninContainer #SigninForms { height: 266px; font-size: 12px; overflow: hidden; _height: 267px; }
#CommunityContentWell #SigninContainer #SigninForms .top { text-align: right;  padding: 10px 10px 0 0;}
#CommunityContentWell #SigninContainer #SigninForms .bottom { postion: relative; text-align: center; margin: 10px 0; }
#CommunityContentWell #SigninContainer #SigninForms .bottom a:link,
#CommunityContentWell #SigninContainer #SigninForms .bottom a:visited { color: #0c4790; }
#CommunityContentWell #SigninContainer #SigninForms .form_container { height: 170px; margin: 20px 30px; }
#CommunityContentWell #SigninContainer #SigninForms .form_container .text { width: 100%; height: 18px; font-size: 11px; padding: 2px 0 0 2px; }
#CommunityContentWell #SigninContainer #SigninForms .form_container .check { border: none; background-color: none; }
#CommunityContentWell #SigninContainer #SigninForms .form_container .field-inner { padding: 5px 0; }
#CommunityContentWell #SigninContainer #SigninForms .form_container .field_header { margin: 5px 0; font-weight: bold; }
#CommunityContentWell #SigninContainer #SigninForms .form_container label { font-size: 12px; }
#CommunityContentWell #SigninContainer #SigninForms input.btn_signin { width: 76px; height: 19px; background: url(../img/buttons/sign_in_76x19.png) 0px 0px no-repeat; border: none; margin: 0; }
#CommunityContentWell #SigninContainer #SigninForms input.btn_signin:hover,
#CommunityContentWell #SigninContainer #SigninForms input.btn_signin_mo{ background-position: 0px -19px; }
#CommunityContentWell #SigninContainer #GoogleOpenId_display div { font-size: 18px; ont-weight: bold; padding: 15px 0 25px 0; }

#CommunityContentWell #SigninContainer .success_container p { padding: 15px 0 0 0; margin-bottom: 15px; }
#CommunityContentWell #SigninContainer .login_error_container { width: 535px; margin: -10px 0 25px 0; }
#CommunityContentWell #SigninContainer .login_error_container p { margin: 0; height: auto; min-height: 30px; padding: 5px 5px 5px 50px; font-size: 12px; background: url(../img/exclamation_36.png) 0px 2px no-repeat; }

/* registration page/profile edit page */
#CommunityContentWell #RegisterContainer #RegisterForm a:link, #CommunityContentWell #RegisterContainer #RegisterForm a:visited { color: #305cb6; }
#CommunityContentWell #RegisterContainer .bg_darkgray { background-color: #e1e1e1; }
#CommunityContentWell #RegisterContainer p { line-height: 1.35em; padding: 0 0 15px 0; }
#CommunityContentWell #RegisterContainer form { padding: 10px 35px 20px 35px; }
#CommunityContentWell #RegisterContainer #ProfileForm form { padding: 10px 30px 20px 55px; }
#CommunityContentWell #RegisterContainer .profile_note { font-weight:bold; font-size: 12px; }
#CommunityContentWell #RegisterContainer input.text { width: 240px; height: 19px; font-size: 12px; padding: 3px 0 0 2px; }
#CommunityContentWell #RegisterContainer input.check { border: none; background-color: none; }
#CommunityContentWell #RegisterContainer input.file { border: inherit; height: 22px; font-size: 11px; }
#CommunityContentWell #RegisterContainer select { font-size: 12px; height: 19px; }
#CommunityContentWell #RegisterContainer textarea { width: 240px; height: 100px; font-size: 12px; padding: 3px 0 0 2px; }
#CommunityContentWell #RegisterContainer input#security_code { height: 30px; width: 120px; font-size: 20px; padding: 3px 0 0 2px; margin-left: 5px; }
#CommunityContentWell #RegisterContainer .check_label { padding: 0 0 5px 5px; *padding: 5px; width: 440px; }
#CommunityContentWell #RegisterContainer .field { clear: both; }
#CommunityContentWell #RegisterContainer .field_header { float: left; padding: 9px 0; font-size: 12px; width: 156px; }
#CommunityContentWell #RegisterContainer .field_content { float: left; margin: 5px 0; }
#CommunityContentWell #RegisterContainer .field_required { font-weight: bold; }
#CommunityContentWell #RegisterContainer .field_required div.star { height: 14px; width: 16px; float: left; margin:-2px 0 0 -26px; font-size: 20px; color: #c51d00; }
#CommunityContentWell #RegisterContainer .error { padding: 2px 4px 0 48px; margin: 2px 0 0 4px; background: url(../img/exclamation_36.png) 0px 2px no-repeat; }
#CommunityContentWell #RegisterContainer .error h3 { font-size: 15px; }
#CommunityContentWell #RegisterContainer .error a { color: #305cb6; }
#CommunityContentWell #RegisterContainer .error ol { font-weight: bold; margin: 0 0 10px 20px; }
#CommunityContentWell #RegisterContainer .error li { padding: 2px; }
#CommunityContentWell #RegisterContainer .error p { padding-bottom: 3px; }
#CommunityContentWell #RegisterContainer .hint { width:500px; font-size: 10px; }
#CommunityContentWell #RegisterContainer #username_msg { display: block; font-weight: bold; color: #fd6205; margin-top: .5em; }
input.btn_submit { background: url(../img/buttons/submit_76x19.png) 0px 0px no-repeat; width: 76px; height: 19px; border:none; }
input.btn_signup { background: url(../img/buttons/sign_up_79x19.png) 0px 0px no-repeat; width: 79px; height: 19px; border:none; }
input.btn_save  { background: url(../img/buttons/save_60x19.png) 0px 0px no-repeat; width: 60px; height: 19px; border:none; margin-right: 4px; }
input.btn_submit:hover, input.btn_submit_mo,
input.btn_signup:hover, input.btn_signup_mo,
input.btn_save:hover, input.btn_save_mo { background-position: 0px -19px; }
#CommunityContentWell #OpenidFooter { padding: 15px 0 20px 0; }
#CommunityContentWell #OpenidFooter img { vertical-align: middle; padding-bottom: 5px; }
#CommunityContentWell #OpenidFooter span { padding: 10px; }

#CommunityContentWell #RegisterContainer .register_error_container { width: 550px; margin: 0px 0 20px 0; }
#CommunityContentWell #RegisterContainer .register_error_container p { margin: 0; height: auto; min-height: 30px; _height: 30px; padding: 5px 5px 5px 50px; font-size: 12px; background: url(../img/exclamation_36.png) 0px 2px no-repeat; }

#FbSuMasthead div {display: inline-block; width: 43px; height: 43px; background: transparent url(../img/icons/social_chicklets.png) 0 0 no-repeat; }
#FbSuMasthead h1 { display: inline-block; padding-left: 10px; vertical-align: 45%; }

#CommunityContentWell #RegisterContainer #ProfileForm .edit_check { margin: 11px 0; }
#CommunityContentWell #RegisterContainer #ProfileForm .edit_check_label { width: 260px; margin: 11px 0; }
#CommunityContentWell #RegisterContainer #ProfileForm .edit_check_label label { padding: 0 0 5px 5px; }
#CommunityContentWell #RegisterContainer #ProfileForm .edit_check_w { width: 460px; }
#CommunityContentWell #RegisterContainer #ProfileForm .edit_save { margin-right: 45px; }

/* profile view */
#PageContent #MainColumn #ProfileTop { padding: 0 0 15px 0; font-size: 11px; display: table!important; width: 100%; }
#PageContent #MainColumn #ProfileTop .img_container { display: table-cell!important; height: auto; width: 100px; *float: left; padding: 0 15px 10px 0;  }
#PageContent #MainColumn #ProfileTop .text_container { width: 555px; *width: 545px; display: table-cell!important; vertical-align: top; *float: left; }
#PageContent #MainColumn #ProfileTop div { line-height: 1.65em; }
#PageContent #MainColumn #ProfileTop h1 { width: 555px; *width: 545px; font-size: 13.5pt; color: #fd6205; padding: 0 0 10px 0; line-height: 1.20em; }
#PageContent #MainColumn #ProfileTop div#follow { margin: 0 0 6px 0; }
#PageContent #MainColumn #ProfileTop div#follow a { color: #fd6205 !important; }
#PageContent #MainColumn #ProfileTop span { font-weight: bold; }
#PageContent #MainColumn #ProfileTop a { color: #305cb6 !important; }
#PageContent #MainColumn #ProfileTop div#AboutMeEdit { float: right; margin-top: -18px; }

#PageContent #MainColumn .summary { border-bottom: 1px solid #e8e8e8; padding: 5px 0 10px 0; }
#PageContent #MainColumn .summary .follow_return_link { margin: -5px 0 10px 0; }
#PageContent #MainColumn p.note { margin: 15px 0; }

#profile_actions, #profile_actions_else { display: inline; }
.action-stream { padding: 15px 0 15px 50px; background-repeat: no-repeat; background-position: 0 20px; }
.action-stream p { margin-bottom: 15px; }

.action-stream-text, .action-stream-business, .action-stream-hottopics { background-image: url(../img/icons/icon_text.png); }
.action-stream-video { background-image: url(../img/icons/icon_video.png); }
.action-stream-photo, .action-stream-photoessay { background-image: url(../img/icons/icon_photo.png); }
.action-stream-comment {background-image: url(../img/icons/icon_comment.png); }
.action-stream-recommend { background-image: url(../img/icons/icon_ok.png); }
.action-stream-follow { background-image: url(../img/icons/icon_friend.png); background-position: 0 15px; }
#PageContent #MainColumn .action-stream .abstract { width: 615px; border: 0; padding: 0; }
#PageContent #MainColumn .action-stream .abstract .img_container { float: left; }
#PageContent #MainColumn .action-stream-video img { width: 155px !important; }
#PageContent #MainColumn .abstract .img_container img { width: auto; height: auto; max-width: 155px; max-height: 155px; }
#PageContent #MainColumn .abstract .img_container img.video-comment-thumb { width: 80px; }
#PageContent #MainColumn .action-stream-comment .abstract .actions a { display: inline; width: auto; margin: 0; }
.action-stream-follow .text_container { padding: 4px 0 0 0; font-size: 11px; }
.action-stream-follow .text_container .follow_user { font-size: 14px; font-weight: bold; color: #fd6205; }
.action-stream-follow .text_container .this_user { font-size: 12px; font-weight: bold; }
#PageContent #MainColumn .action-stream-follow .abstract .img_container .user-pic img { width: 40px; height: 40px; }

#PageContent #MainColumn .dashboard_user_icon { float: left; padding: 70px 12px 0 0; }
#PageContent #MainColumn .dashboard { _background-position: 52px 20px;}
#PageContent #MainColumn .dashboard .abstract { width: 563px; _padding-left: 48px; _width: 558px; }

.profile-grid { clear: both; overflow: hidden; padding: 15px 0; _height: 100%; }
.grid-item { float: left; }
.grid-row { clear: both; }
.grid-item a { display: block; margin-bottom: 5px; }
.user-list .grid-item { width: 132px; text-align: center; margin-bottom: 20px; }
.user-list .grid-item a { display: block; color: #fd6205; margin-bottom: 5px; }
.photo-gallery .grid-item { width: 165px; text-align: center; margin-bottom: 20px; }
.photo-gallery img { margin-bottom: 5px; }
.photo-gallery .video-item img { width: 155px; }

/* right rail */
#PageContent #LastColumn div.video { margin: 0 0 10px 65px; *margin-left: 0px; }
#PageContent #LastColumn div.video a.video{ display: block; position: relative; height: auto; width: 150px; }
#PageContent #LastColumn div.video a.video img{ width: 150px; background-color:#ccc; }
#PageContent #LastColumn div.video span.overlay{ display: block; position: absolute; width: 25px; height: 25px; z-index: 100; bottom: 0px; right: 6px; background: url(../img/buttons/video_overlay.png) 0px 0px no-repeat; }

#PageContent #LastColumn .profile_stats table { width: 100%; }
#PageContent #LastColumn .profile_stats td { padding: 0 5px 5px 0; max-width: 100px; min-width: 50px; *width: 100px; }
#PageContent #LastColumn .profile_stats td.label { padding-right: 10px; }
#PageContent #LastColumn .profile_stats h3 { padding-bottom: 12px; }
#PageContent #LastColumn .profile_stats .actions { margin: 10px 0 15px 0; }
#PageContent #LastColumn .profile_stats ul { list-style: disc; margin: 5px 10px 0 15px; }
#PageContent #LastColumn .profile_stats ul li { margin-bottom: 5px; }
#PageContent #LastColumn .profile_stats ul li a { font-size: 10px; color: #305cb6 !important; }
#PageContent #LastColumn .profile_stats #moderateUser { font-size: 10px; }
#PageContent #LastColumn .profile_following { padding: 7px 0 10px 10px; text-align: center; background-color: #f1f1f1; }
#PageContent #LastColumn .profile_following h3 { text-align: left; padding-bottom: 10px; }
#PageContent #LastColumn .profile_following span { display: block; padding-top: 8px; font-size: 13px; }
#PageContent #LastColumn .profile_following .users { text-align: left; margin: 0 0 0 6px; }
#PageContent #LastColumn .profile_following .users a { outline: none; }
#PageContent #LastColumn .profile_following .users img { height: 40px; width: 40px; border: solid 1px #fff; margin: 5px 10px 8px 0px; }
#PageContent #LastColumn #OpenIdText { background: #e1e1e1 url(../img/dark-module-bottom.png) bottom left no-repeat !important; padding: 6px 4px 5px 4px; margin: 0 0 15px 0; }
#PageContent #LastColumn #OpenIdText .text { background: url(../img/openid_small.png) 2px 8px no-repeat; font-size: 11px; padding: 0 0 3px 90px; }





/* go through this stuff below */

.content-pagination { text-align: center; clear: both; margin: 15px 0 0 0; overflow: hidden; }
.content-pagination li { list-style: none; display: inline; padding: 0 4px 0 4px; border-left: 1px solid #0c4891; font-weight: bold; }
.content-pagination li.next { margin: 0 0 0 10px; border: 0; }
.content-pagination li.first { border: 0; }
.content-pagination li.prev { margin: 0 10px 0 0; border: 0; }