@charset "utf-8"; /* CSS Document */ /* COMMON BUTTONS *************************************************************************************/ a.commonbuttons { background:url(../images/user/common_btn_right.png) no-repeat right -24px; display: block; float:left; height:24px; width:auto; margin:0px 0px 0px 0px; padding:0px 5px 0px 0px; text-decoration: none; color: #000000; font-size:12px; font-weight:normal; } a.commonbuttons span { background:url(../images/user/common_btn_left.png) no-repeat 0px -24px; display:block; height:24px; line-height:22px; padding:0px 5px 0px 10px; } a.commonbuttons:hover { background:url(../images/user/common_btn_right.png) no-repeat right 0px; color:#31b3c5; } a.commonbuttons:hover span { background:url(../images/user/common_btn_left.png) no-repeat 0px 0px; } .commonbuttons_btn_wrapper { position:relative; width:auto; height:auto; float:left; margin:5px 0px 5px 0px; } /* COMMON CHECKBOXES *************************************************************************************/ /* wrapper divs */ .custom-checkbox, .custom-radio { position:relative; float:left; outline:none; } /* input, label positioning */ .custom-checkbox input, .custom-radio input { position:absolute; left:2px; top:3px; margin:0; z-index:0; outline:none; } .custom-checkbox label, .custom-radio label {display:block; position:relative; z-index:1; font-size:12px; padding-right:1em; line-height:1; padding: .5em 0 .5em 30px; margin: 0 0 .3em; cursor: pointer; outline:none; } .custom-checkbox label { background:url(../images/user/checkbox.png) no-repeat;} .custom-radio label { background: url(../images/radiobutton.gif) no-repeat; } .custom-checkbox label, .custom-radio label { background-position: -10px -14px; outline:none; } .custom-checkbox label.hover, .custom-checkbox label.focus, .custom-radio label.hover, .custom-radio label.focus { background-position: -10px -114px; outline:none; } .custom-checkbox label.checked, .custom-radio label.checked { background-position: -10px -214px; outline:none; } .custom-checkbox label.checkedHover, .custom-checkbox label.checkedFocus { background-position: -10px -314px; outline:none; } textarea, input { color:#666; } /*Common Paging*/ #user_main_col_middle .page_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 5px 0px 0px; } #user_main_col_middle .firstbtn_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 10px 0px 10px; } #user_main_col_middle .prevbtn_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 5px 0px 10px; } #user_main_col_middle .numbers_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 5px 0px 5px; } #user_main_col_middle .nextbtn_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 10px 0px 5px; } #user_main_col_middle .lastbtn_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 10px 0px 10px; } #user_main_col_middle .pages_total_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 10px 0px 10px; } /* USER ERROR MSGES *************************************************************************************/ .error_msg_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:10px auto 10px auto; padding:10px; background:#FFE5E5; border:#CC0000 solid 1px; } .confirm_msg_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:10px auto 10px auto; padding:10px; background:#D1E8C5; border:#09D70A solid 1px; } /* COMMONG USER GUI STYLES *************************************************************************************/ #user_main_col_left { position:relative; float:left; width:202px; height:auto; overflow:hidden; margin:0px 9px 0px 0px; } #user_main_col_right { position:relative; width:273px; height:auto; overflow:hidden; float:right; margin:0px auto 0px auto; /*background:#063;*/ } /*#user_main_col_right_hidden { display:none; } */ #user_main_col_middle { position:relative; width:430px; height:auto; float:left; margin:0px 0px 0px 0px; text-align:center; } /*#user_main_col_middle_expand { position:relative; width:700px; height:auto; float:left; margin:0px 0px 0px 0px; text-align:center; }*/ /* LEFT COL USER GUI *************************************************************************************/ #user_main_col_left .bg_wrapper { position:relative; float:left; width:200px; height:auto; overflow:hidden; margin:0px 9px 10px 0px; } #user_main_col_left .bg_top { position:relative; float:left; width:200px; height:2px; overflow:hidden; margin:0px 9px 0px 0px; background:url(../images/user/left_bg_top.png) no-repeat; } #user_main_col_left .bg_middle { position:relative; float:left; width:200px; height:auto; overflow:hidden; margin:0px 9px 0px 0px; background:url(../images/user/left_bg_middle.png) repeat-y; } #user_main_col_left .bg_bottom { position:relative; float:left; width:200px; height:8px; overflow:hidden; margin:0px 9px 0px 0px; background:url(../images/user/left_bg_bottom.png) no-repeat; } /*///////*/ #user_main_col_left .bg_middle .user_profile_icon_wrapper { position:relative; width:180px; height:auto; margin:5px auto 10px auto; } #user_main_col_left .bg_middle .user_profile_icon_wrapper .user_pic_control { position:absolute; top:0; left:0; z-index:9999; width:180px; height:50; margin:0px 0px 0px 1px; padding:5px 0px 5px 0px; background:url(../images/user/profile/add_img_bg.png); clear:both;} #user_main_col_left .bg_middle .user_profile_icon { position:relative; width:178px; /*min-height:178px;*/ /*min-height:40px;*/ height:auto; margin:0px auto 0px auto; background:url(../images/user/user_profile_icon.png) no-repeat bottom center; border:#CCC solid 1px; clear:both; } #user_main_col_left .bg_middle .user_profile_img_shadow { position:relative; width:180px; height:9px; margin:0px auto 0px auto; background:url(../images/user/profile_img_shadow.png) no-repeat bottom center; clear:both; bottom:0; } /*///////*/ #user_main_col_left .menu_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; } #user_main_col_left .controls_title { position:relative; float:left; width:180px; height:auto; overflow:hidden; margin:5px 0px 10px 10px; text-align:left; } #user_main_col_left .menu_wrapper .menu_items_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:10px 0px 0px 10px; text-align:left; } #user_main_col_left .menu_wrapper .menu_items { position:relative; float:left; width:180px; height:auto; overflow:hidden; margin:0px 0px 0px 0px; text-align:left; } #user_main_col_left .menu_items li a { position:relative; float:left; width:180px; height:30px; margin:0px 0px 2px 0px; text-align:left; padding:0px 0px 0px 5px; } #user_main_col_left .menu_items li a:hover { background:url(../images/user/left_menu_hover.png) no-repeat; } #user_main_col_left .menu_items li a:active { background:url(../images/user/left_menu_hover.png) no-repeat; } #user_main_col_left .menu_items li .selected { background:url(../images/user/left_menu_hover.png) no-repeat; } /*///////*/ #user_main_col_left .my_friends_list_wrapper { position:relative; float:left; width:180px; height:auto; overflow:hidden; margin:5px 0px 5px 10px; } #user_main_col_left .my_friends_list_wrapper .my_friend_thund { position:relative; float:left; width:45px; height:auto; padding:0px 9px 0px 0px; margin:0px 5px 5px 0px; } #user_main_col_left .my_friends_list_wrapper .my_friend_thund .my_friend_img { position:relative; float:left; width:50px; height:50px; overflow:hidden; padding:0px 0px 0px 0px; margin:0px 0px 2px 0px; border:#3399cc solid 1px; background: #FFF url(../images/user/friends_thund.png) no-repeat bottom center;} #user_main_col_left .my_friends_list_wrapper .my_friend_thund .my_friend_img img { width:50px; height:50px; } #user_main_col_left .my_friends_list_wrapper .my_friend_thund .my_friend_name { position:relative; float:left; width:50px; height:auto; word-wrap: break-word; } #user_main_col_left .more_info_wrapper { position:relative; width:180px; height:auto; overflow:hidden; margin:5px auto 5px auto; text-align:right; } /*///////*/ #user_main_col_left .suggest_friends_list_wrapper { position:relative; float:left; width:180px; height:auto; overflow:hidden; margin:5px 0px 5px 10px; border-bottom:#999 solid 1px; } #user_main_col_left .last { border-bottom:none; } #user_main_col_left .suggest_friends_list_wrapper .suggest_friend_thund { position:relative; float:left; width:40px; height:40px; overflow:hidden; margin:3px 3px 0px 0px; border:#3399cc solid 1px; } #user_main_col_left .suggest_friends_list_wrapper .suggest_friend_name { position:relative; float:left; width:auto; height:30px; overflow:hidden; margin:0px 3px 0px 5px; } #user_main_col_left .suggest_friends_list_wrapper .add_to_friends_btn { position:relative; float:left; width:auto; height:20px; margin:0px 0px 0px 5px; background:url(../images/user/add_to_friends_btn.png) no-repeat; } /*///////*/ #user_main_col_left .my_companies_list_wrapper { position:relative; float:left; width:180px; height:auto; overflow:hidden; margin:5px 0px 5px 10px; } #user_main_col_left .my_companies_list_wrapper .my_companies_thund { position:relative; float:left; width:40px; height:40px; overflow:hidden; margin:3px 3px 0px 0px; border:#3399cc solid 1px; } /*///////*/ #user_main_col_left .my_mko_news_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:5px auto 5px auto; } #user_main_col_left .my_mko_news_repeater { position:relative; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; } #user_main_col_left .my_mko_news_wrapper .my_mko_news_title_wrapper { position:relative; width:200px; height:auto; overflow:hidden; margin:5px auto 5px auto; border-bottom:#999 solid 1px; text-align:left; } #user_main_col_left .my_mko_news_wrapper .company_thund { position:relative; float:left; width:50px; height:50px; overflow:hidden; margin:3px 3px 0px 0px; border:#999 solid 1px; } #user_main_col_left .my_mko_news_wrapper .my_mko_title_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:0px 0px 0px 5px; text-align:left; } #user_main_col_left .my_mko_news_wrapper .company_news_img { position:relative; float:left; width:200px; height:90px; overflow:hidden; margin:5px 0px 5px 0px; border:#999 solid 1px; } #user_main_col_left .my_mko_news_wrapper .more_info_wrapper { position:relative; float:left; width:200px; height:20px; overflow:hidden; margin:5px 0px 5px 0px; border-bottom:#999 solid 1px; } /*///////*/ #user_main_col_left .my_groups_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:5px auto 5px auto; } #user_main_col_left .my_groups_repeater { position:relative; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; } #user_main_col_left .my_groups_wrapper .my_groups_title_wrapper { position:relative; width:200px; height:auto; overflow:hidden; margin:5px auto 5px auto; border-bottom:#999 solid 1px; text-align:left; } #user_main_col_left .my_groups_wrapper .my_groups_thund { position:relative; float:left; width:50px; height:50px; overflow:hidden; margin:3px 3px 0px 0px; border:#999 solid 1px; } #user_main_col_left .my_groups_wrapper .group_title_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:0px 0px 0px 5px; text-align:left; } #user_main_col_left .my_groups_wrapper .group_short_text_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:0px 0px 0px 5px; text-align:left; } #user_main_col_left .my_groups_wrapper .more_info_wrapper { position:relative; width:200px; height:auto; overflow:hidden; margin:5px auto 5px auto; padding-bottom:2px; text-align:right; border-bottom:#CCC solid 1px; } /* MIDDLE COL USER GUI *************************************************************************************/ #user_main_col_middle .user_info_wrapper { position:relative; width:auto; height:auto; overflow:hidden; text-align:left; margin:5px auto 5px auto; } #user_main_col_middle .user_info_wrapper .user_name_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:5px auto 5px auto; } #user_main_col_middle .user_info_wrapper .user_post_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:5px auto 5px auto; } #user_main_col_middle .edit_personal_info_wrapper { position:relative; width:auto; height:auto; overflow:hidden; text-align:left; margin:5px auto 5px auto; border:#CCC solid 1px; background:#ececec; } #user_main_col_middle .edit_personal_info_wrapper .myaccounttitle_wrapper { position:relative; width:auto; height:20px; overflow:hidden; text-align:left; margin:5px auto 5px auto; padding:10px; } #user_main_col_middle .edit_personal_info_wrapper .menu_wrapper { position:relative; width:auto; height:auto; overflow:hidden; text-align:left; margin:5px auto 5px auto; } #user_main_col_middle .edit_personal_info_wrapper li a { position:relative; float:left; width:auto; height:30px; margin:0px 0px 0px 0px; text-align:left; margin:0px 0px 0px 5px; padding:0px 10px 0px 10px; border:#CCC solid 1px; } #user_main_col_middle .edit_personal_info_wrapper li a:hover { background:url(../images/user/edit_info_btn.png) repeat-x; } #user_main_col_middle .edit_personal_info_wrapper li .selected { background:url(../images/user/edit_info_btn.png) repeat-x; } #user_main_col_middle .editable_fields_wrapper { position:relative; width:auto; height:auto; text-align:left; margin:5px auto 5px auto; } #user_main_col_middle .editable_fields_wrapper .fields_wrapper { position:relative; width:auto; height:auto; overflow:auto; margin:5px auto 5px auto; border-bottom:#CCC solid 1px; } #user_main_col_middle .editable_fields_wrapper .fields_wrapper .themetitle_container { position:relative; float:left; width:auto; height:auto; margin:5px auto 5px auto;} #user_main_col_middle .editable_fields_wrapper .fields_wrapper .fields_container { position:relative; overflow:auto; width:auto; height:auto; margin:5px auto 5px auto; clear:both; } #user_main_col_middle .editable_fields_wrapper .fields_wrapper .fields_container .field_type_container { position:relative; float:left; width:194px; height:auto; margin:5px auto 5px auto; } #user_main_col_middle .editable_fields_wrapper .fields_wrapper .input_container { position:relative; float:right; width:230px; height:20px; padding:0px 0px 5px 0px; margin:0px auto 0px auto; padding:2px; background:none; border:#CCC solid 1px; } #user_main_col_middle .editable_fields_wrapper .fields_wrapper .input_container .input_field { position:relative; width:230px; height:20px; margin:0px auto 0px auto; background:none; border:none; } #user_main_col_middle .editable_fields_wrapper .fields_wrapper .input_container .input_fieldbig { position:relative; width:230px; height:auto; margin:0px auto 0px auto; background:none; border:none; } #user_main_col_middle .editable_fields_wrapper .fields_wrapper .writebox { position:relative; width:230px; height:auto; padding:2px 2px 2px 2px; margin:0px auto 0px auto; background:none; border:#CCC solid 1px; } #user_main_col_middle .editable_fields_wrapper .fields_wrapper .input_container .input_field_writebox { position:relative; width:230px; height:80px; margin:0px auto 0px auto; background:none; border:none; } #user_main_col_middle .editable_fields_wrapper .fields_wrapper .edit_btn_container { position:relative; float:right; width:auto; height:auto; margin:0px auto 0px auto; } #user_main_col_middle .dropdown_item { position:relative; width:auto; height:20px; margin:0px 0px 0px 0px; border:none; border:#CCC solid 1px; } #user_main_col_middle .editable_fields_wrapper .fields_wrapper .dropdown_container { position:relative; float:right; width:auto; height:auto; margin:0px auto 0px auto; } #user_main_col_middle .editable_fields_wrapper .fields_wrapper .dropdown_container .dropdown_item { position:relative; width:auto; height:20px; margin:0px 0px 0px 5px; border:none; border:#CCC solid 1px; } #user_main_col_middle .editable_fields_wrapper .buttons_wrapper { position:relative; width:auto; height:auto; overflow:auto; margin:5px auto 5px auto; } #user_main_col_middle .editable_fields_wrapper .adminbuttons_wrapper { position:relative; float:right; width:auto; height:auto; margin:5px auto 5px auto; } .admin_date { position:relative; float:left; width:auto; height:auto; margin:5px auto 5px auto; } #user_main_col_middle .editable_fields_wrapper .save_btn_wrapper { position:relative; width:auto; height:24px; float:left; margin:5px 10px 0px 0px; } /*#user_main_col_middle .editable_fields_wrapper .save_btn { display:block; width:136px; height:24px; text-indent:-99999px; background:url(../images/user/savechanges.png) no-repeat 0px -24px transparent; display:none; } #user_main_col_middle .editable_fields_wrapper .save_btn:hover { background-position:0px 0px; }*/ #user_main_col_middle .editable_fields_wrapper .cancel_btn_wrapper { position:relative; width:67px; height:24px; float:left; margin:5px auto 0px auto; } /*#user_main_col_middle .editable_fields_wrapper .cancel_btn { display:block; width:67px; height:24px; text-indent:-99999px; background:url(../images/user/cancelbtn.png) no-repeat 0px -24px transparent; } #user_main_col_middle .editable_fields_wrapper .cancel_btn:hover { background-position:0px 0px; }*/ /*#user_main_col_middle .editpanel_wrapper { position:relative; float:left; width:200px; height:auto; overflow:hidden; margin:0px 9px 10px 0px; } #user_main_col_middle .editpanel_top { position:relative; float:left; width:200px; height:2px; overflow:hidden; margin:0px 9px 0px 0px; background:url(../images/user/left_bg_top.png) no-repeat; } #user_main_col_middle .editpanel_middle { position:relative; float:left; width:200px; height:auto; overflow:hidden; margin:0px 9px 0px 0px; background:url(../images/user/left_bg_middle.png) repeat-y; } #user_main_col_middle .editpanel_bottom { position:relative; float:left; width:200px; height:8px; overflow:hidden; margin:0px 9px 0px 0px; background:url(../images/user/left_bg_bottom.png) no-repeat; }*/ /*post control*/ #user_main_col_middle .postwall_api_wrapper { position:relative; width:auto; height:auto; overflow:auto; margin:5px auto 5px auto; } #user_main_col_middle .share_wrapper { position:relative; width:auto; height:41px; overflow:auto; margin:5px auto 0px auto; background:url(../images/user/share_bg.png) no-repeat; } #user_main_col_middle .share_wrapper .title_wrapper { position:relative; float:left; width:auto; height:auto; overflow:auto; margin:5px 0px 5px 10px; } #user_main_col_middle .sm_wrapper { position:relative; float:right; width:auto; height:auto; overflow:auto; margin:5px auto 5px auto; } #user_main_col_middle .post_wrapper { position:relative; width:430px; height:127px; overflow:hidden; margin:0px auto 5px auto; background:url(../images/user/post_bg.png) no-repeat; } #user_main_col_middle .post_wrapper .title_wrapper { position:relative; float:left; width:auto; height:auto; overflow:auto; margin:5px 0px 5px 10px; } #user_main_col_middle .post_field_wrapper { position:relative; float:left; width:412px; height:40px; overflow:hidden; margin:0px 0px 0px 5px; padding:2px; background:none; border:#CCC solid 1px; clear:both; } #user_main_col_middle .post_field_wrapper .post_field { position:relative; width:412px; height:40px; margin:0px 0px 0px 0px; background:none; border:none; padding:2px; } #user_main_col_middle .emped_controls_wrapper { position:relative; width:230px; height:auto; float:left; overflow:hidden; margin:5px auto 5px auto; } #user_main_col_middle .emped_controls_wrapper .title_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:10px 0px 5px 10px; } #user_main_col_middle .emped_controls_wrapper .emped_btns_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:5px 0px 0px 10px; } #user_main_col_middle .emped_controls_wrapper .emped_btns_wrapper .img { position:relative; margin:5px; } #user_main_col_middle .post_wrapper .post_btn_wrapper { position:relative; width:99px; height:30px; float:right; margin:5px auto 0px auto; } #user_main_col_middle .post_wrapper .post_btn { display:block; width:99px; height:30px; text-indent:-99999px; background:url(../images/user/post_wall_btn.png) no-repeat 0px -30px transparent; } #user_main_col_middle .post_wrapper .post_btn:hover { background-position:0px 0px; } /*updates*/ #user_main_col_middle .updates_wrapper { position:relative; width:430px; height:auto; overflow:hidden; margin:5px auto 5px auto; color:#333; } #user_main_col_middle .updates_wrapper .title_wrapper { position:relative; width:430px; height:30px; overflow:hidden; margin:5px 0px 5px 0px; text-align:left; border-bottom:#CCC solid 1px; clear:both; } /* Comments */ #user_main_col_middle .updates_wrapper .user_img { position:relative; width:50px; height:50px; overflow:hidden; margin:5px 0px 5px 0px; border:#3399CC solid 1px; } #user_main_col_middle .updates_repeater first { position:relative; width:430px; height:auto; overflow:hidden; margin:5px auto 5px auto; } #user_main_col_middle .updates_repeater .user_img { position:relative; float:left; width:auto; max-width:50px; /*height:50px;*/ height:auto; overflow:hidden; margin:5px 0px 5px 0px; text-align:left; border:#3399CC solid 1px; } #user_main_col_middle .updates_repeater { position:relative; width:430px; height:auto; overflow:hidden; margin:5px auto 5px auto; border-bottom:#CCC solid 1px; padding-bottom:5px; } #user_main_col_middle .updates_repeater .right_wrapper { position:relative; float:right; width:370px; height:auto; overflow:hidden; margin:0px auto 5px auto; } #user_main_col_middle .updates_repeater .title_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:5px 0px 5px 0px; text-align:left; border:none; } #user_main_col_middle .updates_repeater .richtext_wrapper { position:relative; float:left; width:370px; height:auto; overflow:hidden; margin:0px 0px 5px 0px; text-align:left; } #user_main_col_middle .updates_repeater .richtext_wrapper img { clear:both; } #user_main_col_middle .updates_repeater .date { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 0px 5px 0px; text-align:left; } #user_main_col_middle .updates_repeater .read_article { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 0px 5px 0px; text-align:left; } #user_main_col_middle .updates_repeater .richtext_wrapper .text_wrapper { position:relative; float:right; width:370px; height:auto; overflow:hidden; margin:0px 0px 5px 0px; text-align:left; } #user_main_col_middle .updates_repeater .richtext_wrapper .youtube_wrapper { position:relative; float:right; width:370px; height:auto; overflow:hidden; margin:0px 0px 5px 0px; text-align:left; } #user_main_col_middle .updates_repeater .post_controls_wrapper { position:relative; float:right; width:370px; height:auto; overflow:hidden; padding:5px 0px 5px 0px; margin:15px 0px 5px 0px; text-align:left; background:#ececec; -moz-border-radius:3px; -webkit-border-radius:3px; } /*add comment */ #user_main_col_middle .add_comment_wrapper { position:relative; float:right; width:370px; height:auto; overflow:hidden; margin:10px 0px 5px 0px; padding:5px 5px 5px 5px; background:#ececec; -moz-border-radius:3px; -webkit-border-radius:3px; } #user_main_col_middle .add_comment_wrapper .input { position:relative; width:360px; height:60px; margin:0px auto 0px auto; padding:2px; background:#fff; border:#CCC solid 1px; text-align:left !important; } /*comments */ #user_main_col_middle .updates_repeater .comment_wrapper { position:relative; float:right; width:370px; height:auto; overflow:hidden; margin:5px 0px 0px 5px; background:#ececec; -moz-border-radius:3px; -webkit-border-radius:3px; } #user_main_col_middle .updates_repeater .comment_avatar_wrapper { position:relative; float:left; width:50px; /*height:50px;*/ height:auto; overflow:hidden; margin:10px 0px 0px 5px; } #user_main_col_middle .updates_repeater .comment_avatar_wrapper { border:#3399CC solid 1px; } #user_main_col_middle .updates_repeater .comment_right_wrapper { position:relative; float:left; width:300px; height:auto; overflow:hidden; margin:0px 0px 5px 5px; } #user_main_col_middle .updates_repeater .comment_subject_wrapper { position:relative; float:right; width:300px; height:auto; overflow:hidden; margin:5px 0px 0px 5px; } #user_main_col_middle .updates_repeater .comment_username_wrapper { position:relative; float:right; width:300px; height:auto; overflow:hidden; margin:5px 0px 0px 5px;} #user_main_col_middle .updates_repeater .comment_date_wrapper { position:relative; float:right; width:300px; height:auto; overflow:hidden; margin:5px 0px 0px 5px; /*background:#ccc;*/ } #user_main_col_middle .updates_repeater .comment_delete_wrapper { position:relative; float:right; width:300px; height:auto; overflow:hidden; margin:5px 0px 0px 5px; /*background:#ccc;*/ } /*famous categories*/ #user_main_col_middle .famous_cat_wrapper { position:relative; width:430px; height:165px; overflow:hidden; margin:5px auto 5px auto; background:url(../images/user/famous_cat_back.png) no-repeat; } #user_main_col_middle .famous_cat_wrapper .title_wrapper { position:relative; float:left; width:430px; height:auto; overflow:hidden; margin:10px 0px 0px 10px; text-align:left; border:none; clear:both; } #user_main_col_middle .famous_cat_wrapper .cattext_wrapper { position:relative; float:left; width:430px; height:auto; overflow:hidden; margin:10px 0px 0px 10px; text-align:left; border:none; } /*Create Article*/ #user_main_col_middle .article_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:5px auto 5px auto; } #user_main_col_middle .article_wrapper .myarticle_wrapper { position:relative; width:auto; height:auto; margin:5px auto 5px auto; /*overflow-y:auto;*/ /*background:url(../images/user/create_article/myarticle_back.png) no-repeat;*/ } #user_main_col_middle .myarticle_wrapper select { width:180px !important; height:30px; float:left; display:block; padding:5px 5px 5px 5px; border:#CCC solid 1px; line-height:30px; } #user_main_col_middle .myarticle_wrapper input { position:relative; width:80px; height:20px; margin:0px auto 0px auto; padding:2px; background:#fff; border:#CCC solid 1px; text-align:left !important; } #user_main_col_middle .article_wrapper .myarticle_wrapper .title_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:5px 0px 5px 10px; } #user_main_col_middle .article_wrapper .myarticle_wrapper .search_wrapper { position:relative; float:left; min-width:418px; /*max-width:688px;*/ width:97%; height:auto; margin:5px auto 5px auto; padding:5px 5px 5px 5px; border:#CCC solid 1px; background:#ececec; clear:both; } #user_main_col_middle .myarticle_wrapper .search_wrapper .input_container { position:relative; float:left; width:auto; height:25px; margin:0px auto 0px auto; padding:2px; background:#fff; border:#CCC solid 1px; } #user_main_col_middle .myarticle_wrapper .search_wrapper .input_container .input_field { position:relative; width:300px; height:20px; margin:0px auto 0px auto; background:none; border:none; } #user_main_col_middle .article_wrapper .myarticle_wrapper .search_wrapper .from_to { position:relative; width:auto; height:auto; margin:5px auto 5px auto; } #user_main_col_middle .article_wrapper .myarticle_wrapper .search_wrapper .input_wrapper { position:relative; float:left; width:auto; height:auto; margin:5px 0px 5px 5px; text-align:left; } #user_main_col_middle .article_wrapper .myarticle_wrapper .search_wrapper .first { width:auto; } #user_main_col_middle .myarticle_wrapper .search_btn_wrapper { position:relative; width:21px; height:20px; float:left; margin:5px 0px 0px 5px; } #user_main_col_middle .myarticle_wrapper .search_btn { display:block; width:21px; height:20px; text-indent:-99999px; background:url(../images/user/create_article/search_btn.png) no-repeat 0px -20px transparent; } #user_main_col_middle .myarticle_wrapper .search_btn:hover { background-position:0px 0px; } #user_main_col_middle .myarticle_wrapper .control_btns_wrapper { position:relative; width:auto; height:29px; margin:5px auto 5px auto; padding:5px 0px 0px 5px; border:#CCC solid 1px; background:#ececec; clear:both;} #user_main_col_middle .myarticle_wrapper .allarticles_btn_wrapper { position:relative; width:auto; height:auto; float:left; margin:0px 0px 0px 5px; } #user_main_col_middle .myarticle_wrapper .saved_btn_wrapper { position:relative; width:auto; height:auto; float:left; margin:0px 0px 0px 5px; } #user_main_col_middle .myarticle_wrapper .publised_btn_wrapper { position:relative; width:auto; height:auto; float:left; margin:0px 0px 0px 5px; } #user_main_col_middle .addtags_wrapper .addtag_field_wrapper { position:relative; width:305px; height:auto; float:left; margin:0px 0px 0px 5px; } #user_main_col_middle .addtags_wrapper .addtag_field_wrapper .addtag_btn_wrapper { position:relative; width:auto; height:auto; float:right; margin:0px 0px 0px 5px; } #user_main_col_middle .article_wrapper .article_btns_wrapper { position:relative; float:left; width:auto; height:29px; margin:0px auto 0px auto; padding:5px 0px 0px 0px; clear:both; /*border:#CCC solid 1px; background:#ececec;*/ } #user_main_col_middle .article_btns_wrapper .create_article_btn_wrapper { position:relative; width:auto; height:auto; float:left; margin:0px 0px 0px 0px; } #user_main_col_middle .article_btns_wrapper .delete_article_btn_wrapper { position:relative; width:auto; height:auto; float:left; margin:0px 0px 0px 5px; } #user_main_col_middle .article_wrapper .cat_wrapper { position:relative; width:auto; height:auto; overflow:auto; margin:0px auto 20px auto; padding:5px 0px 0px 5px; border:#CCC solid 1px; background:#ececec; } #user_main_col_middle .create_article_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:5px 0px 5px 0px; /*TEMP HIDE THIS TO EDIT*/ } #user_main_col_middle .create_article_wrapper .title_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:5px auto 5px auto; text-align:left; clear:both; } #user_main_col_middle .create_article_wrapper .create_fields_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:5px auto 5px auto; text-align:left; } #user_main_col_middle .create_article_wrapper .create_fields_wrapper .fields_container { position:relative; width:auto; height:auto; overflow:hidden; margin:5px auto 5px auto; text-align:left; } #user_main_col_middle .create_article_wrapper .create_fields_wrapper .fields_container .input { position:relative; width:200px; height:20px; margin:0px auto 0px auto; padding:0px 0px 2px 2px; background:none; border:#CCC solid 1px; } #user_main_col_middle .create_article_wrapper .tags_wrapper { position:relative; width:auto; height:auto; overflow:auto; margin:10px auto 10px auto; padding:5px 5px 5px 5px; border:#CCC solid 1px; } #user_main_col_middle .article_wrapper .addtags_wrapper { position:relative; width:auto; height:auto; overflow:auto; margin:0px auto 5px auto; padding:5px 5px 5px 5px; border:#CCC solid 1px; background:#ececec; } #user_main_col_middle .article_wrapper .addtags_wrapper .input { position:relative; width:225px; height:20px; margin:0px auto 0px auto; padding:2px 0px 2px 2px; background:#fff; border:#CCC solid 1px; text-align:left; } #user_main_col_middle .article_wrapper .addedtags_wrapper { position:relative; width:auto; height:auto; min-height:36px; overflow:auto; margin:0px auto 5px auto; padding:5px 5px 5px 5px; border:#CCC solid 1px; /*background:#ececec;*/ } #user_main_col_middle .article_wrapper .addedtags_wrapper .removetags_btn { position:relative; width:auto; height:auto; float:left; overflow:auto; margin:3px 0px 3px 5px; padding:2px 23px 2px 5px; background:url(../images/user/remove_tag.png) #d9d9d9 no-repeat top right; } #user_main_col_middle .article_wrapper .suggesttags_wrapper { position:relative; width:auto; height:auto; overflow:auto; margin:0px auto 20px auto; padding:5px 5px 5px 5px; border:#CCC solid 1px; background:#ececec; } #user_main_col_middle .article_wrapper .suggesttags_wrapper .suggesttags { position:relative; width:auto; height:auto; float:left; overflow:auto; margin:3px 0px 3px 5px; padding:2px 25px 2px 5px; background:url(../images/user/add_tag_btn.png) #2EA7B8 no-repeat top right; } #user_main_col_middle .create_article_wrapper .create_fields_wrapper .fields_container .added_tags_wrapper { position:relative; width:auto; height:23px; overflow:hidden; margin:5px auto 5px auto; } #user_main_col_middle .create_article_wrapper .create_fields_wrapper .fields_container .added_tags { display:block; position:relative; float:left; width:23px; height:23px; text-indent:-9999px; background:url(../images/user/remove_tag.png) no-repeat 0px 0px transparent; padding:0px; margin:0px; } #user_main_col_middle .create_article_wrapper .create_fields_wrapper .fields_container .added_tags:hover { background:url(../images/user/remove_tag.png) no-repeat 0px 0px transparent; } #user_main_col_middle .create_article_wrapper .create_fields_wrapper .field_type_container { position:relative; width:auto; height:auto; overflow:hidden; margin:5px auto 5px auto; text-align:left; clear:both; } #user_main_col_middle .create_article_wrapper .create_fields_wrapper .input_container { float:left; width:auto; height:24px; margin:5px auto; padding:2px; background:#fff; border:#CCC solid 1px; clear:both; } #user_main_col_middle .create_article_wrapper .create_fields_wrapper .input_field { position:relative; width:685px; height:20px; margin:0px auto; background:none; border:none; } #user_main_col_middle .create_article_wrapper .write_article_container .field_type_container { position:relative; width:auto; height:auto; overflow:hidden; margin:5px auto 5px auto; text-align:left; clear:both; } #user_main_col_middle .create_article_wrapper .write_article_container .input_container { float:left; width:685px; height:auto; margin:5px 0px 10px 0px; auto; padding:2px; background:#fff; border:#CCC solid 1px; clear:both; } #user_main_col_middle .create_article_wrapper .write_article_container .input_field { position:relative; width:420px; height:300px; margin:0px auto; background:none; border:none; } #user_main_col_middle .create_article_wrapper .emped_controls_wrapper { position:relative; width:690px; height:44px; margin:0px auto 0px auto; /*background:url(../images/user/create_article/embed_back.png) no-repeat;*/ background:#ececec; } #user_main_col_middle .create_article_wrapper .emped_controls_wrapper .title_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:10px 0px 5px 10px; } #user_main_col_middle .create_article_wrapper .emped_controls_wrapper .emped_btns_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:5px 0px 0px 10px; } #user_main_col_middle .create_article_wrapper .emped_controls_wrapper .emped_btns_wrapper .img { position:relative; margin:5px; } #user_main_col_middle .create_article_wrapper .post_btn_wrapper { position:relative; width:auto; height:auto; float:right; margin:10px 5px 0px 0px; } #user_main_col_middle .create_article_wrapper .post_btn { display:block; width:99px; height:30px; text-indent:-99999px; background:url(../images/user/post_wall_btn.png) no-repeat 0px -30px transparent; } #user_main_col_middle .create_article_wrapper .post_btn:hover { background-position:0px 0px; } /*Show all Articles*/ #user_main_col_middle .article_wrapper .paging_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; } #user_main_col_middle .article_wrapper .paging_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; } #user_main_col_middle .article_wrapper .articles_list_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; clear:both; } #user_main_col_middle .paging_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; padding:5px; border-bottom:#CCC solid 1px; } #user_main_col_middle .bottom { margin:10px 0px 0px 0px; border-top:#CCC solid 1px; border-bottom:none; } /*#user_main_col_middle .articles_list_wrapper .page_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 5px 0px 0px; } #user_main_col_middle .articles_list_wrapper .firstbtn_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 10px 0px 10px; } #user_main_col_middle .articles_list_wrapper .prevbtn_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 5px 0px 10px; } #user_main_col_middle .articles_list_wrapper .numbers_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 5px 0px 5px; } #user_main_col_middle .articles_list_wrapper .nextbtn_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 10px 0px 5px; } #user_main_col_middle .articles_list_wrapper .lastbtn_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 10px 0px 10px; } #user_main_col_middle .articles_list_wrapper .pages_total_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 10px 0px 10px; }*/ #user_main_col_middle .article_wrapper .articleslist_repeater { position:relative; width:auto; height:auto; overflow:hidden; margin:10px auto 0px auto; clear:both; } #user_main_col_middle .articleslist_repeater .articlecontent_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:5px auto 0px auto; } #user_main_col_middle .articleslist_repeater .articlecontent_wrapper .userimg_wrapper { position:relative; float:left; width:50px; height:50px; overflow:hidden; margin:0px 5px 0px 5px; border:#CCC solid 1px; } #user_main_col_middle .articleslist_repeater .articlecontent_wrapper .textarea_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; } #user_main_col_middle .articleslist_repeater .articlecontent_wrapper .checkbox_wrapper { position:relative; float:right; width:15px; height:auto; overflow:hidden; margin:0px 5px 0px 5px; } #user_main_col_middle .articleslist_repeater .articlecontent_wrapper .textarea_wrapper .articleinfo_wrapper { position:relative; float:left; width:325px; height:auto; overflow:hidden; margin:10px auto 0px auto; } #user_main_col_middle .articleinfo_wrapper .categories_wrapper { position:relative; float:left; width:325px; height:auto; overflow:hidden; margin:0px auto 0px auto; text-align:left; } #user_main_col_middle .articleinfo_wrapper .keywords_wrapper { position:relative; float:left; width:325px; height:auto; overflow:hidden; margin:0px auto 0px auto; text-align:left; } #user_main_col_middle .articleslist_repeater .articlecontent_wrapper .textarea_wrapper .text_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:0px auto; padding:0px 0px 5px 5px; text-align:left; } #user_main_col_middle .articleslist_repeater .article_controls { position:relative; float:right; width:365px; height:auto; overflow:hidden; margin:10px 0px 10px 0px; } #user_main_col_middle .articleslist_repeater .article_controls .read_article_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 5px 0px 5px; background:url(../images/user/create_article/read_article.jpg) no-repeat left; } #user_main_col_middle .articleslist_repeater .article_controls .edit_article_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 0px 0px 0px; background:url(../images/user/create_article/edit_article.jpg) no-repeat left; } #user_main_col_middle .articleslist_repeater .article_controls .delete_article_wrapper { position:relative; float:right; width:auto; height:auto; overflow:hidden; margin:0px 15px 0px 0px; background:url(../images/user/create_article/delete_article.jpg) no-repeat left; } #user_main_col_middle .articleslist_repeater .article_controls .returne_article_wrapper { position:relative; float:right; width:auto; height:auto; overflow:hidden; margin:0px 15px 0px 0px; } /*#user_main_col_middle .article_wrapper .page_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 5px 0px 0px; } #user_main_col_middle .article_wrapper .firstbtn_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 10px 0px 10px; } #user_main_col_middle .article_wrapper .prevbtn_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 5px 0px 10px; } #user_main_col_middle .article_wrapper .numbers_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 5px 0px 5px; } #user_main_col_middle .article_wrapper .nextbtn_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 10px 0px 5px; } #user_main_col_middle .article_wrapper .lastbtn_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 10px 0px 10px; } #user_main_col_middle .article_wrapper .pages_total_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:3px 10px 0px 10px; }*/ /*Create Message Menu*/ #user_main_col_middle .create_msg_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; } #user_main_col_middle .create_msg_menu { position:relative; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; } #user_main_col_middle .create_msg_menu .mymsg_wrapper { position:relative; width:430px; height:93px; margin:5px auto 5px auto; background:url(../images/user/create_msg/mymsg_back.png) no-repeat; } #user_main_col_middle .create_msg_menu .mymsg_wrapper .title_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:5px 0px 5px 10px; } #user_main_col_middle .create_msg_menu .mymsg_wrapper .search_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:5px 0px 5px 10px; clear:both; } #user_main_col_middle .create_msg_menu .search_wrapper .input_container { position:relative; float:left; width:230px; height:20px; margin:0px auto 0px auto; padding:2px; background:#fff; border:#CCC solid 1px; } #user_main_col_middle .create_msg_menu .search_wrapper .input_container .input_field { position:relative; width:230px; height:20px; margin:0px auto 0px auto; background:none; border:none; } #user_main_col_middle .create_msg_menu .search_btn_wrapper { position:relative; width:21px; height:20px; float:left; margin:3px 0px 0px 5px; } #user_main_col_middle .create_msg_menu .search_btn { display:block; width:21px; height:20px; text-indent:-99999px; background:url(../images/user/create_msg/search_btn.png) no-repeat 0px -20px transparent; } #user_main_col_middle .create_msg_menu .search_btn:hover { background-position:0px 0px; } #user_main_col_middle .create_msg_menu .control_btns_wrapper { position:relative; width:430px; height:28px; margin:5px auto 5px auto; } #user_main_col_middle .create_msg_menu .allmsgs_btn_wrapper { position:relative; width:106px; height:20px; float:left; margin:3px 0px 0px 5px; } #user_main_col_middle .create_msg_menu .allmsgs_btn { display:block; width:106px; height:20px; text-indent:-9999px; background:url(../images/user/create_msg/allmsg_btn.png) no-repeat 0px -20px transparent; } #user_main_col_middle .create_msg_menu .allmsgs_btn:hover { background-position:0px 0px; } #user_main_col_middle .create_msg_menu .unread_msg_btn_wrapper { position:relative; width:112px; height:20px; float:left; margin:3px 0px 0px 5px; } #user_main_col_middle .create_msg_menu .unread_msg_btn { display:block; width:112px; height:20px; text-indent:-9999px; background:url(../images/user/create_msg/unread_msg_btn.png) no-repeat 0px -20px transparent; } #user_main_col_middle .create_msg_menu .unread_msg_btn:hover { background-position:0px 0px; } #user_main_col_middle .create_msg_menu .sended_msg_btn_wrapper { position:relative; width:126px; height:20px; float:left; margin:3px 0px 0px 5px; } #user_main_col_middle .create_msg_menu .sended_msg_btn { display:block; width:126px; height:20px; text-indent:-9999px; background:url(../images/user/create_msg/sended_msg_btn.png) no-repeat 0px -20px transparent; } #user_main_col_middle .create_msg_menu .sended_msg_btn:hover { background-position:0px 0px; } #user_main_col_middle .create_msg_menu .msg_btns_wrapper { position:relative; width:430px; height:28px; margin:5px auto 5px auto; background:url(../images/user/create_msg/btns_back.png) no-repeat; } /*Create Message*/ #user_main_col_middle .messages_wrapper .create_msg_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:5px auto 5px auto; /*display:none;*/ /*TEMP HIDE THID TO EDIT*/ } #user_main_col_middle .msg_btns_wrapper .create_msg_btn_wrapper { position:relative; width:138px; height:20px; float:left; margin:3px 0px 0px 5px; } #user_main_col_middle .msg_btns_wrapper .create_msg_btn { display:block; width:138px; height:20px; text-indent:-9999px; background:url(../images/user/create_msg/create_msg_btn.png) no-repeat 0px -20px transparent; } #user_main_col_middle .msg_btns_wrapper .create_msg_btn:hover { background-position:0px 0px; } #user_main_col_middle .msg_btns_wrapper .delete_msg_btn_wrapper { position:relative; width:67px; height:20px; float:left; margin:3px 0px 0px 5px; } #user_main_col_middle .msg_btns_wrapper .delete_msg_btn { display:block; width:67px; height:20px; text-indent:-9999px; background:url(../images/user/create_msg/delete_msg_btn.png) no-repeat 0px -20px transparent; } #user_main_col_middle .msg_btns_wrapper .delete_msg_btn:hover { background-position:0px 0px; } #user_main_col_middle .messages_wrapper .title_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:5px auto 5px auto; text-align:left; } #user_main_col_middle .messages_wrapper .create_fields_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:5px auto 5px auto; text-align:left; } #user_main_col_middle .messages_wrapper .create_fields_wrapper .field_type_container { position:relative; width:auto; height:auto; overflow:hidden; margin:5px auto 5px auto; text-align:left; clear:both; } #user_main_col_middle .messages_wrapper .create_fields_wrapper .input_container { float:left; width:420px; height:20px; margin:5px auto; padding:2px; background:#fff; border:#CCC solid 1px; clear:both; } #user_main_col_middle .messages_wrapper .create_fields_wrapper .input_field { position:relative; width:420px; height:20px; margin:0px auto; background:none; border:none; } #user_main_col_middle .messages_wrapper .create_fields_wrapper .input_container_msg_to { float:left; width:420px; height:20px; margin:5px auto; padding:2px; border:#CCC solid 1px; clear:both; background:url(../images/user/create_msg/pros_bg.png) no-repeat left top; } #user_main_col_middle .messages_wrapper .create_fields_wrapper .input_container_msg_theme { float:left; width:420px; height:20px; margin:5px auto; padding:2px; border:#CCC solid 1px; clear:both; background:url(../images/user/create_msg/thema_bg.png) no-repeat left top; } #user_main_col_middle .messages_wrapper .create_fields_wrapper .input_field_msg { position:relative; width:365px; height:20px; margin:0px 0px 0px 55px; background:none; border:none; } #user_main_col_middle .messages_wrapper .write_msg_container .field_type_container { position:relative; width:auto; height:auto; overflow:hidden; margin:5px auto 5px auto; text-align:left; clear:both; } #user_main_col_middle .messages_wrapper .write_msg_container .input_container { float:left; width:420px; height:80px; margin:5px auto; padding:2px; background:#fff; border:#CCC solid 1px; clear:both; } #user_main_col_middle .messages_wrapper .write_msg_container .input_field { position:relative; width:420px; height:80px; margin:0px auto; background:none; border:none; } #user_main_col_middle .messages_wrapper .emped_controls_wrapper { position:relative; width:430px; height:44px; margin:0px auto; background:url(../images/user/create_msg/embed_back.png) no-repeat; } #user_main_col_middle .messages_wrapper .emped_controls_wrapper .title_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:10px 0px 5px 10px; } #user_main_col_middle .messages_wrapper .emped_controls_wrapper .emped_btns_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:5px 0px 0px 10px; } #user_main_col_middle .messages_wrapper .emped_controls_wrapper .emped_btns_wrapper .img { position:relative; margin:5px; } #user_main_col_middle .messages_wrapper .post_btn_wrapper { position:relative; width:99px; height:30px; float:right; margin:5px auto 0px auto; } #user_main_col_middle .messages_wrapper .post_btn { display:block; width:99px; height:30px; text-indent:-99999px; background:url(../images/user/post_wall_btn.png) no-repeat 0px -30px transparent; } #user_main_col_middle .messages_wrapper .post_btn:hover { background-position:0px 0px; } /*Show all Messages*/ #user_main_col_middle .messages_wrapper .paging_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; } #user_main_col_middle .messages_wrapper .paging_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; } #user_main_col_middle .messages_wrapper .articles_list_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; } #user_main_col_middle .messages_wrapper .articles_list_wrapper .paging_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; padding:5px; border-bottom:#CCC solid 1px; } #user_main_col_middle .messages_wrapper .articles_list_wrapper .bottom { margin:10px 0px 0px 0px; border-top:#CCC solid 1px; border-bottom:none; } /*#user_main_col_middle .articles_list_wrapper .page_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 5px 0px 0px; } #user_main_col_middle .articles_list_wrapper .firstbtn_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 10px 0px 10px; } #user_main_col_middle .articles_list_wrapper .prevbtn_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 5px 0px 10px; } #user_main_col_middle .articles_list_wrapper .numbers_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 5px 0px 5px; } #user_main_col_middle .articles_list_wrapper .nextbtn_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 10px 0px 5px; } #user_main_col_middle .articles_list_wrapper .lastbtn_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 10px 0px 10px; } #user_main_col_middle .articles_list_wrapper .pages_total_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 10px 0px 10px; }*/ #user_main_col_middle .msgslist_repeater { position:relative; width:auto; height:auto; overflow:hidden; margin:10px auto 0px auto; border:#CCC solid 1px; } #user_main_col_middle .msgcontent_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:5px auto 0px auto; } #user_main_col_middle .msgcontent_wrapper .userimg_wrapper { position:relative; float:left; width:50px; height:50px; overflow:hidden; margin:0px 5px 0px 5px; border:#CCC solid 1px; } #user_main_col_middle .msgcontent_wrapper .textarea_wrapper { position:relative; float:left; width:325px; height:auto; overflow:hidden; margin:0px auto 0px auto; } #user_main_col_middle .msgcontent_wrapper .checkbox_wrapper { position:relative; float:right; width:15px; height:auto; overflow:hidden; margin:0px 5px 0px 5px; } #user_main_col_middle .msgslist_repeater .msgcontent_wrapper .textarea_wrapper .msginfo_wrapper { position:relative; float:left; width:325px; height:auto; overflow:hidden; margin:0px auto 0px auto; } #user_main_col_middle .msgslist_repeater .msgcontent_wrapper .textarea_wrapper .msginfo_wrapper .username_wrapper { position:relative; float:left; width:175px; height:auto; overflow:hidden; margin:0px; text-align:left; } #user_main_col_middle .msgslist_repeater .msgcontent_wrapper .textarea_wrapper .msginfo_wrapper .date_wrapper { position:relative; float:right; width:auto; height:auto; overflow:hidden; margin:0px 0px 0px 5px; } #user_main_col_middle .msgslist_repeater .msgcontent_wrapper .textarea_wrapper .text_wrapper { position:relative; width:350px; height:auto; overflow:hidden; margin:0px auto; text-align:left; } #user_main_col_middle .msgslist_repeater .msg_controls { position:relative; float:left; width:430px; height:auto; overflow:hidden; margin:10px auto 10px auto; } #user_main_col_middle .msgslist_repeater .msg_controls .read_msg_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 0px 0px 5px; background:url(../images/user/create_msg/read_msg.jpg) no-repeat left; } #user_main_col_middle .msgslist_repeater .msg_controls .delete_msg_wrapper { position:relative; float:right; width:auto; height:auto; overflow:hidden; margin:0px 15px 0px 0px; background:url(../images/user/create_msg/delete_msg.jpg) no-repeat left; } /*Show Friends List*/ #user_main_col_middle .friends_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; } #user_main_col_middle .friends_wrapper .create_msg_menu { position:relative; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; } #user_main_col_middle .friends_wrapper .articles_list_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; clear:both; } #user_main_col_middle .friends_wrapper .create_msg_menu .mymsg_wrapper { position:relative; width:428px; height:93px; margin:5px auto 5px auto; /*background:url(../images/user/create_msg/mymsg_back.png) no-repeat;*/ border:#CCC solid 1px; background:#ececec; } #user_main_col_middle .friends_wrapper .create_msg_menu .mymsg_wrapper .title_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:5px 0px 5px 10px; } #user_main_col_middle .create_msg_menu .allusers_btn_wrapper { position:relative; width:106px; height:20px; float:left; margin:3px 0px 0px 5px; } #user_main_col_middle .create_msg_menu .allusers_btn { display:block; width:106px; height:20px; text-indent:-9999px; background:url(../images/user/friends/allusers_btn.png) no-repeat 0px -20px transparent; } #user_main_col_middle .create_msg_menu .allusers_btn:hover { background-position:0px 0px; } #user_main_col_middle .create_msg_menu .recend_friends_btn_wrapper { position:relative; width:112px; height:20px; float:left; margin:3px 0px 0px 5px; } #user_main_col_middle .create_msg_menu .recend_friends_btn { display:block; width:112px; height:20px; text-indent:-9999px; background:url(../images/user/friends/recend_friends_btn.png) no-repeat 0px -20px transparent; } #user_main_col_middle .create_msg_menu .recend_friends_btn:hover { background-position:0px 0px; } #user_main_col_middle .create_msg_menu .msg_btns_wrapper { position:relative; width:430px; height:28px; margin:5px auto 5px auto; background:url(../images/user/create_msg/btns_back.png) no-repeat; } #user_main_col_middle .create_msg_menu .allmsgs_btn_wrapper { position:relative; width:106px; height:20px; float:left; margin:3px 0px 0px 5px; } #user_main_col_middle .create_msg_menu .allmsgs_btn { display:block; width:106px; height:20px; text-indent:-9999px; background:url(../images/user/create_msg/allmsg_btn.png) no-repeat 0px -20px transparent; } #user_main_col_middle .create_msg_menu .allmsgs_btn:hover { background-position:0px 0px; } #user_main_col_middle .create_msg_menu .unread_msg_btn_wrapper { position:relative; width:112px; height:20px; float:left; margin:3px 0px 0px 5px; } #user_main_col_middle .create_msg_menu .unread_msg_btn { display:block; width:112px; height:20px; text-indent:-9999px; background:url(../images/user/create_msg/unread_msg_btn.png) no-repeat 0px -20px transparent; } #user_main_col_middle .create_msg_menu .unread_msg_btn:hover { background-position:0px 0px; } /* FRIENDS PAGE *************************************************************************************/ #user_main_col_left .bg_middle .basic_actions_wrapper { position:relative; width:auto; height:auto; overflow:hidden; margin:5px auto 5px auto; clear:both; } #user_main_col_left .basic_actions_wrapper .addtofriends_wrapper { position:relative; width:180px; height:25px; float:left; margin:3px 0px 0px 5px; } #user_main_col_left .basic_actions_wrapper .addtofriends { display:block; width:180px; height:25px; text-indent:-9999px; background:url(../images/user/friends_prev/add_friend_btn.png) no-repeat 0px -25px transparent; } #user_main_col_left .basic_actions_wrapper .addtofriends:hover { background-position:0px 0px; } #user_main_col_left .basic_actions_wrapper .addtofavorites_wrapper { position:relative; width:180px; height:25px; float:left; margin:3px 0px 0px 5px; } #user_main_col_left .basic_actions_wrapper .addtofavorites { display:block; width:180px; height:25px; text-indent:-9999px; background:url(../images/user/friends_prev/add_favorites_btn.png) no-repeat 0px -25px transparent; } #user_main_col_left .basic_actions_wrapper .addtofavorites:hover { background-position:0px 0px; } #user_main_col_left .userinfo_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; clear:both; } #user_main_col_left .userinfo_wrapper .field_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:5px auto 5px auto; padding:0px 5px 0px 0px; clear:both; } #user_main_col_left .userinfo_wrapper .title_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 0px 0px 10px; clear:both; } #user_main_col_left .userinfo_wrapper .info_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px 0px 0px 10px; text-align:left; clear:both; } /* RIGHT COL USER GUI *************************************************************************************/ /*User Like Companies*/ #user_main_col_right .bg_wrapper { position:relative; float:left; width:275px; height:auto; overflow:hidden; margin:0px 9px 10px 0px; } #user_main_col_right .bg_top { position:relative; float:left; width:275px; height:5px; overflow:hidden; margin:0px 9px 0px 0px; background:url(../images/user/right_bg_top.png) no-repeat; } #user_main_col_right .bg_middle { position:relative; float:left; width:275px; height:auto; overflow:hidden; margin:0px 9px 0px 0px; background:url(../images/user/right_bg_middle.png) repeat-y; } #user_main_col_right .bg_bottom { position:relative; float:left; width:275px; height:13px; overflow:hidden; margin:0px 9px 0px 0px; background:url(../images/user/right_bg_bottom.png) no-repeat; } /*User Like MKO*/ #user_main_col_right .likecompanies_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; clear:both; } #user_main_col_right .likecompanies_wrapper .title_wrapper { position:relative; float:left; width:auto; height:30px; overflow:hidden; margin:0px 0px 0px 10px; clear:both; } #user_main_col_right .likecompanies_wrapper .logos_wrapper { position:relative; float:left; width:275px; height:auto; overflow:hidden; margin:0px auto 10px auto; clear:both; } #user_main_col_right .likecompanies_wrapper .logos_wrapper .logos_repeater { position:relative; float:left; width:75px; height:75px; overflow:hidden; margin:5px 0px 5px 10px; background:#FFF; border:#CCC solid 1px; } #user_main_col_right .more_info_wrapper { position:relative; width:260px; height:30px; overflow:hidden; margin:0px auto 0px auto; text-align:right; border-top:#CCC solid 1px; clear:both; } #user_main_col_right .likemko_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px auto 0px auto; clear:both; } #user_main_col_right .likemko_wrapper .title_wrapper { position:relative; float:left; width:auto; height:30px; overflow:hidden; margin:0px 0px 0px 10px; clear:both; } #user_main_col_right .likemko_wrapper .logos_wrapper { position:relative; float:left; width:275px; height:auto; overflow:hidden; margin:0px auto 10px auto; clear:both; } #user_main_col_right .likemko_wrapper .logos_wrapper .logos_repeater { position:relative; float:left; width:75px; height:75px; overflow:hidden; margin:5px 0px 5px 10px; background:#FFF; border:#CCC solid 1px; } /*User Articles*/ #user_main_col_right .articles_wrapper { position:relative; float:left; width:auto; height:auto; overflow:hidden; margin:0px auto 10px auto; text-align:left; clear:both; } #user_main_col_right .articles_repeater { position:relative; float:left; width:260px; height:auto; overflow:hidden; margin:0px 0px 0px 0px; text-align:left; clear:both; } #user_main_col_right .title_wrapper { position:relative; float:left; width:260px; height:auto; overflow:hidden; margin:10px 0px 5px 0px; text-align:left; clear:both; } #user_main_col_right .text_wrapper { position:relative; float:left; width:260px; height:auto; overflow:hidden; margin:0px 0px 10px 0px; text-align:left; clear:both; } #user_main_col_right .articles_repeater .more_info_wrapper { position:relative; width:260px; height:30px; overflow:hidden; margin:0px auto 0px auto; text-align:left; border-top:#CCC solid 1px; clear:both; } #user_main_col_right .likearticles_wrapper .title_wrapper { position:relative; float:left; width:auto; height:30px; overflow:hidden; margin:0px 0px 0px 10px; clear:both; } #user_main_col_right .favoritearticles_wrapper .title_wrapper { position:relative; float:left; width:auto; height:30px; overflow:hidden; margin:0px 0px 0px 10px; clear:both; }