@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font:normal 12px Arial, Helvetica, sans-serif; color:#3b3b3b; background:#f2f2f2 url(../images/body_bg.png) repeat 0 0; overflow: hidden;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear {clear:both;}
a, a:visited{ outline:none; cursor:pointer;}
a:hover{ text-decoration:none;}
a img{ border:none;}
li{ list-style-type:none;}
ul.column { width: auto; }

#wrapper{ height:100%; min-width:1024px; width:auto !important; width:1024px; overflow:hidden !important;}

#header{ position:relative; width:100%; height:40px; background:url(../images/header_bg.png) repeat-x 0 0;}
#logo{ position:absolute; top:6px; left:15px; display:block; width:85px; height:25px; text-indent:-99999px; overflow:hidden; background:url(../images/logo.png) no-repeat 0 0;}
.searchWrapper{ position:absolute; top:8px; left:115px; width:178px; height:24px; background:url(../images/search_bg.png) no-repeat 0 0;}
.searchWrapper input{ vertical-align:middle;}
.searchWrapper .search_field{ width:143px; height:16px; line-height:12px; padding:4px 5px; border:none; background-color:transparent;}
.searchWrapper .btn_search{ width:20px; height:20px; cursor:pointer; border:none; background-color:transparent; outline:none;}

.linkListing{ float:right; width:auto; height:37px; padding:0px 6px 0 12px;}
.linkListing li.container{ position:relative; float:left; width:auto; height:30px; padding:7px 0 0 6px;}
.linkListing li.li_sign_in{ height:30px; padding:7px 6px 0 12px; background:url(../images/header_spacer.png) no-repeat right 0;}

p.sign_in_warning { padding:10px; text-align:center; }
p.sign_in_warning span { font-weight: bold; }

.btn_sign_in{ height:24px; display:inline-block; padding:0 3px 0 0; color:#fff; text-decoration:none; background:url(../images/btn_sign_in_right.png) no-repeat right 0;}
.btn_sign_in span{ height:20px; display:inline-block; padding:4px 4px 0 7px; background:url(../images/btn_sign_in_left.png) no-repeat 0 0;}
.btn_sign_in:hover{ color:#000;}

.linkListing li a.btn_main, .linkListing li a.btn_main:visited{ float:left; width:auto; height:24px; display:block; padding:0 11px 0 0; outline:none; text-decoration:none; color:#3b3b3b; font:normal 12px arial; cursor:pointer; background:url(../images/btn_main_right.png) no-repeat right 0;}
.linkListing li a.btn_main span{ height:20px; padding:4px 5px 0 7px; display:inline-block; background:url(../images/btn_main_left.png) no-repeat 0 0;}
.linkListing li a.btn_main:hover{ color:#FC9700;}
.linkListing .btn_main_active{ background-image:url(../images/btn_main_right_active.png) !important;}

.user_welcome{ float:left; height:26px; padding:7px 0 0 350px;}
.user_welcome img{ vertical-align:middle; margin-right:5px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.user_welcome a{ color:#000;}
.user_welcome a:active{ margin-top:1px;}

#main_content{ width:2000em; background:#f2f2f2 url(../images/main_content_bg.png) repeat-x 0 0;}

/*sidebar*/
#sidebar{ float:left; width:192px; height:900px; padding:18px 0 0 0; border-right:#b8b8b8 1px solid; background:#ddd url(../images/sidebar_bg.png) repeat-x 0 0;}
#sidebar h3{ width:185px; height:23px; padding:8px 0 0 7px; color:#3b3b3b; font:bold 12px arial; background:url(../images/sidebar_h3_bg.png) repeat-x 0 0;}
#sidebar h3 span{ display:block;}
#sidebar h3 .groups_icon{ padding-left:14px; background:url(../images/gr_icon.png) no-repeat 0 4px;}
#sidebar h3 .list_icon{ padding-left:14px; background:url(../images/list_icon.png) no-repeat 0 4px;}

ul.gr_listing{ width:178px; margin:0 auto; padding:10px 0 0px 0;}
.li_gr_wrapper{ display:block; width:166px; height:20px; padding:5px 6px 0 8px; margin-bottom:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.li_gr_wrapper:hover{background-color:#b8b8b8;}
ul.gr_listing li.active{background-color:#f6f6f6;}
ul.gr_listing li.active a.gr_link{font-weight:bold; color:#000;}

.li_gr_wrapper a{ text-decoration:none;}
.gr_link, .gr_link:visited, .l_link, .l_link:visited{ float:left; width:126px; color:#3b3b3b; font-weight:bold; overflow:hidden;}
.gr_link:hover, .l_link:hover{ font-weight:bold;}

ul.gr_listing li.active a, ul.gr_listing li.active a:visited{ color:#000;}
ul.gr_listing li.active a:hover{ color:#FC9700;}
ul.gr_listing li.active .gr_controls .gr_delete, ul.gr_listing li.active .gr_controls .gr_delete:visited{ background-image:url(../images/btn_gr_delete_active.png);}

.li_gr_wrapper:hover .gr_controls{ display:block;}
.gr_controls{ float:right; width:40px; height:16px;}
.gr_controls{ display:none;}
.gr_controls .gr_edit, .gr_controls .gr_edit:visited{ float:left; font-size:11px; color:#fff; text-decoration:none;}
.gr_controls .gr_edit:hover{ color:#000;}
.gr_controls .gr_delete, .gr_controls .gr_delete:visited{ float:right; width:14px; height:14px; display:block; text-indent:-9999px; font-size:2px; overflow:hidden; background:url(../images/btn_gr_delete.png) no-repeat 0 0;}
.gr_controls .gr_delete:hover{ background-position:0 bottom;}

.btn_create, .btn_create:visited{ height:26px; display:block; padding-left:17px; text-decoration:none; color:#fff; background:url(../images/btn_create_left.png) no-repeat 0 0;}
.btn_create:hover{ color:#000;}
.btn_create span{ height:21px; display:inline-block; padding:5px 7px 0 5px; background:url(../images/btn_create_right.png) no-repeat right 0;}

.btn_create_gr{ width:137px; margin:20px auto;}
.btn_create_list{ width:118px; margin:20px auto;}

#sidebar .sign_in_text{ display:block; text-align:center; padding:10px; font-weight:normal;}

/*end sidebar*/

.tabWrapper{ float:left; height:630px; background-color:#fff; }
.tabHeader{ position:relative; width:100%; height:24px; padding:5px 0 0 0; background-color:#484848; cursor: move; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px;  -webkit-border-top-left-radius:4px;}
.tabHeader .title{ padding:0 10px; font:bold 13px arial; color:#fbfbfb;}
.tabHeader .title span{ font:normal 12px arial;}
.tabHeader .title_follow, .tabHeader .title_follow:visited{ position:absolute; top:7px; right:25px; width:115px; height:20px; display:block; text-align:right; text-decoration:none; font:normal 11px tahoma; color:#fbfbfb;}
.tabHeader .title_follow em{ font-style:normal; color:#d7d7d7;}

.tabHeader .close{ position:absolute; top:10px; right:6px; width:10px; height:10px; display:block; font-size:5px; text-indent:-999999px; overflow:hidden; cursor:pointer; background:url(../images/btn_close.png) no-repeat 0 0;}
.tabHeader .close:hover{ background-position:0 bottom;}
.tabHeader .saveButton { position:absolute; padding:2px 5px; top:5px; background-color:#f6f6f6; -moz-border-radius:5px; right:25px; z-index:1000; display:none; }
.tabHeader .saveButton a { color: #000; text-decoration: none; }

ul.tabListing { overflow: auto; position:relative; }
.tabListing li{ position:relative; width:90%; height:auto; display:block; padding:8px 0 10px 0; margin:0 auto; background:url(../images/horizontal_spacer.png) repeat-x 0 bottom; }
.tw_image{float:left; width:38px; height:38px; padding:0 7px 0 0;}
.tw_image .thumb_img{z-index:7; width:38px; height:38px; display: inline-block;}
.tw_image .thumb_img img{padding:3px; border:#d7d7d7 1px solid; -webkit-border-radius:3px; -moz-border-radius:3px; height:30px; width:30px; }

.tabListing .img_options{ position:absolute; display:none; top:0px; left:0px; z-index:10; width:100%; height:27px; background:url(../images/px_trans.png) repeat 0 0; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px}
.tabListing .img_options a{ position:absolute; width:18px; height:18px; display:block; font-size:6px; overflow:hidden; text-indent:-99999px;}
.tabListing .img_options .reply{ top:4px; right:50px; background:url(../images/reply_icon.png) no-repeat 0 0;}
.tabListing .img_options .view_profile{ top:4px; right:28px; background:url(../images/profile_icon.png) no-repeat 0 0;}
.tabListing .img_options .retweet{ top:4px; right:6px; background:url(../images/retweet_icon.png) no-repeat 0 0;}

.tabListing li:hover .img_options{ display:block;}

.tabListing li h4 a, .tabListing li h4 a:visited{ font:bold 12px arial; text-decoration:none; color:#3b3b3b;}
.tabListing li .user_details{ height:20px; padding-top:1px; overflow:hidden;}
.tabListing li .user_details h4{ float:left;}
.tabListing li .user_details .time{ float:right; font:normal 11px arial; color:#8c8c8c; line-height:16px; padding-right:4px;}
.tabListing li p{ font:normal 13px arial; line-height:18px; color:#434343;}

.tabListing li p a, .tabListing li p a:visited{ color:#f55506; text-decoration:none;}

#footer{ width:100%; height:30px; position:fixed; bottom:0px; left:0px; z-index:100; color:#CCCCCC; background:#808080 url(../images/footer_bg.png) repeat 0 0;}
#footer .copyright{ float:left; display:inline-block; padding:7px 10px 0; color:#ccc;}
#footer .by{ float:right; display:inline-block; padding:7px 10px 0; color:#ccc;}
#footer a, #footer a:visited{color:#CCCCCC; text-decoration:none; font-weight:bold;}
#footer a:hover{ color:#f6f6f6;}

#column_container{ position:relative; padding:18px 0px 0px 18px; overflow:hidden !important;}
.tabWrapper{ width:300px; display:block; margin-right:10px; border:#dadada 1px solid; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px;  -webkit-border-top-left-radius:4px; }

.scroll-pane{float:left; width:auto; height:100%;}
.loadingGif { width:32px!important; height:32px!important; margin:30px auto; padding:100px 0 100px 130px; }

/*jHScrollPane CSS*/
.hscroll-pane {width:300px; height:300px; overflow:auto;}
.hscroll-pane{padding:0;}

/* Modal */
#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:320px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container #basic-modal-content {padding:8px;}

/*DD tab*/
.trends_head, .accounts_head { cursor:pointer;}

.linkListing .menu_accounts { position:absolute; top:39px; left:0; z-index:1100; display:none; width:110px; border-right:1px solid #ababab; border-bottom:1px solid #ababab; border-left:1px solid #ababab; background-color:#b5b5b5; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;}
.linkListing .menu_accounts li{ float:none; background:#493e3b; display:block;}
.linkListing .menu_accounts li.alt{background:#362f2d;}
.linkListing .menu_accounts li a, .menu_accounts li a:visited{color:#000; text-decoration:none; padding:5px 7px !important; height:15px; width:96px; display:block; background-image:none !important; background-color:#b5b5b5;}
.linkListing .menu_accounts li a:hover{ background-color:#dfdfdf;}

.linkListing .menu_trends { position:absolute; top:39px; left:0; margin-left:-110px; z-index:100; display:none; width:176px; border-right:1px solid #ababab; border-bottom:1px solid #ababab; border-left:1px solid #ababab; background-color:#b5b5b5; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;}
.linkListing .menu_trends li{ float:none; background:#493e3b; display:block;}
.linkListing .menu_trends li.alt{background:#362f2d;}
.linkListing .menu_trends li a, .menu_accounts li a:visited{color:#000; text-decoration:none; padding:5px 7px !important; height:15px; width:162px; display:block; background-image:none !important; background-color:#b5b5b5;}
.linkListing .menu_trends li a:hover{ background-color:#dfdfdf;}