/* $Id: styles_global.css 8 2009-01-11 06:02:53Z john $ */


/* POPUP BOXES FOR SMOOTHBOX */
html, body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	font-family: verdana, arial, serif;
}

div, td {
}

#TB_window {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link { color: #336699; text-decoration: none; }
#TB_window a:visited { color: #336699; text-decoration: none; }
#TB_window a:hover { color: #3399FF; text-decoration: underline; }
#TB_window a:active { color: #3399FF; text-decoration: underline; }
#TB_window a:focus { color: #336699; text-decoration: none; }

#TB_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
/*
	display:block; 
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
*/
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
       cursor: pointer; 
       cursor: hand;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
	font-weight: bold;
	border-bottom: 1px solid #BBBBBB;
	font-size: 9pt;
	font-family: verdana, arial, serif;
}

#TB_title_profile{
	background-color:#006699;
	height:27px;
	font-weight: bold;
	border-bottom: 1px solid #BBBBBB;
	font-size: 9pt;
	font-family: verdana, arial, serif;
}
#TB_title_buy{
	background-color:#99cc33;
	height:27px;
	font-weight: bold;
	border-bottom: 1px solid #BBBBBB;
	font-size: 9pt;
	font-family: verdana, arial, serif;
}
#TB_title_interest{
	background-color:#fbb040;
	height:27px;
	font-weight: bold;
	border-bottom: 1px solid #BBBBBB;
	font-size: 9pt;
	font-family: verdana, arial, serif;
}
#TB_title_friend{
	background-color:#00aeef;
	height:27px;
	font-weight: bold;
	border-bottom: 1px solid #BBBBBB;
	font-size: 9pt;
	font-family: verdana, arial, serif;
}
#TB_title_group{
	background-color:#996633;
	height:27px;
	font-weight: bold;
	border-bottom: 1px solid #BBBBBB;
	font-size: 9pt;
	font-family: verdana, arial, serif;
}
#TB_title_blog{
	background-color:#993366;
	height:27px;
	font-weight: bold;
	border-bottom: 1px solid #BBBBBB;
	font-size: 9pt;
	font-family: verdana, arial, serif;
}
#TB_title_video{
	background-color:#ffcc00;
	height:27px;
	font-weight: bold;
	border-bottom: 1px solid #BBBBBB;
	font-size: 9pt;
	font-family: verdana, arial, serif;
}
#TB_title_calendar{
	background-color:#006633;
	height:27px;
	font-weight: bold;
	border-bottom: 1px solid #BBBBBB;
	font-size: 9pt;
	font-family: verdana, arial, serif;
}
#TB_title_photo{
	background-color:#ff3333;
	height:27px;
	font-weight: bold;
	border-bottom: 1px solid #BBBBBB;
	font-size: 9pt;
	font-family: verdana, arial, serif;
}
#TB_title_message{
	background-color:#666666;
	height:27px;
	font-weight: bold;
	border-bottom: 1px solid #BBBBBB;
	font-size: 9pt;
	font-family: verdana, arial, serif;
}
#TB_closeWindowButton_profile, #TB_closeWindowButton_buy, #TB_closeWindowButton_interest, #TB_closeWindowButton_friend, #TB_closeWindowButton_group, #TB_closeWindowButton_blog, #TB_closeWindowButton_video, #TB_closeWindowButton_calendar, #TB_closeWindowButton_photo, #TB_closeWindowButton_message{
   color:#ffffff;
}
#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:0px;
	margin-top:0px;
}

/* IE6 */
* html #TB_iframeContent{
	margin-bottom:1px;
}



/* TOOL TIPS */
.tip {
	color: #fff;
	width: 220px;
	z-index: 13000;
	padding: 3px;
	border: 1px solid #CCCCCC;
	background: #fffeeb;
	text-align: left;
	font-size: 11px;
	padding: 4px 8px 8px;
}
.tip-text {
	display: none;
}
.tip-top {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
}
 
.tip-bottom {

}

.Tips1 {
	vertical-align: middle;
}

/* AUTOSUGGEST DIV */
div.autosuggest
{
	position: absolute;
	background-image: url(../images/as_pointer.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
	font-family: verdana, arial, serif;
	font-size: 10px;
	z-index: 100;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url(../images/ul_corner_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.autosuggest div.as_footer
{
	background-image: url(../images/ul_corner_br.gif);
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url(../images/ul_corner_tl.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
div.autosuggest div.as_footer div.as_corner
{
	background-image: url(../images/ul_corner_bl.gif);
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #333;
}


div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
}

div.autosuggest ul li
{
	color: #ccc;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}

div.autosuggest ul li a
{
	color: #ccc;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-shadow: #000 0px 0px 5px;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #1B5CCD;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #ccc;
}

div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #1B5CCD;
	background-image: url(../images/hl_corner_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.autosuggest ul li.as_highlight a span
{
	background-image: url(../images/hl_corner_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
	background-image: url(../images/hl_corner_tl.gif);
	background-position: bottom left;
}

div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
	background-image: url(../images/hl_corner_tr.gif);
	background-position: bottom right;
}



div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}

div.autosuggest ul em
{
	font-style: normal;
	color: #6EADE7;
}

div.autosuggest img
{
	vertical-align: middle;
	margin-right: 5px;
}




/* UPLOADER CLASSES */
input.fallback_status {
	border: none; 
	background: none; 
	font-weight: bold;
	font-family: verdana, arial, serif;
	font-size: 8pt;
	color: #333333;
	padding: 3px;
	height: 22px;
	vertical-align: middle;
}

#uploader {
	background-color: #FFFFFF;
	padding: 10px 15px;
	width: 430px;
	border: 1px solid #CCCCCC;
}

#uploader .progress {
	background: #FFFFFF url(../images/uploader_progress.gif) no-repeat;
	background-position: +50% 0;
	margin-right: 0.5em;
}

#fileList {
	margin: 0px;
	list-style: none;
	width: 420px;
	margin-top: 0px;
	padding: 0px;
}

#fileList li.file {
	margin-top: 5px;
	border-top: 1px solid #EEEEEE;
	background: url(../images/uploader_file.png) no-repeat 4px 4px;
}

#fileList li.file.file-uploading {
	background-image: url(../images/uploader_uploading.png);
	background-color: #D9DDE9;
}

#fileList li.file.file-success {
	background-image: url(../images/uploader_success.png);
}

#fileList li.file.file-failed {
	background-image: url(../images/uploader_failed.png);
}

#fileList li.file .file-name {
	font-size: 1.2em;
	margin-left: 44px;
	display: block;
	clear: left;
	line-height: 40px;
	height:	40px;
	font-weight: bold;
}

#fileList li.file .file-size {
	font-size: 0.9em;
	line-height: 18px;
	float: right;
	margin-top: 2px;
	margin-right: 6px;
}

#fileList li.file .file-info {
	display: block;
	margin-left: 10px;
	font-size: 0.9em;
	line-height: 20px;
	clear
}

#fileList li.file .file-remove {
	clear: right;
	float: right;
	line-height: 18px;
	margin-right: 6px;
	margin-top: 4px;
}

input.button {
	font-family: verdana, arial, serif;
	font-size: 8pt;
	padding: 3px;
	color: #333333;
	font-weight: bold;
	background: #EEEEEE;
	vertical-align: middle;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #777777;
	border-right: 1px solid #777777;
}

.photo_c {                                                                                                        
   position:relative; /* IMPORTANT */                                                                             
   margin:0;                                                                                                      
   }                                                                                                              
.photo_c img {                                                                                                    
   border:none;                                                                                                   
   width: 70px;
   height: 70px;
}                                                                                                                 
.photo_c span.off {                                                                                               
   background:url(../images/lamp_offline.gif) no-repeat;                                                          
   position:absolute; /* IMPORTANT */                                                                             
   width:15px;                                                                                                    
   height:15px;                                                                                                   
   top:0;                                                                                                         
   left:10;                                                                                                        
}                                                                                                                 
.photo_c span.on {                                                                                                
   background:url(../images/lamp_online.gif) no-repeat;                                                           
   position:absolute; /* IMPORTANT */                                                                             
   width:15px;                                                                                                    
   height:15px;                                                                                                   
   top:0;                                                                                                         
   left:10;                                                                                                        
}


.listwithphoto_c {
   text-align:center;
   margin:0 auto;
   padding:0 auto;
}
.fluid_c {
}
.photocolumn_c {
   width:82px;
   float:left;
   padding:0;
   margin:4px;
   color:#515151;
   font-size:10px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-align:center;
   line-height:normal;
}
.photocolumn_c a {
   color:#db0009;
   font-weight:800;
}
.photocolumn_c a:hover {
   color:#db0009;
   text-decoration:underline;
   font-weight:800;
}     


#login-link-front a{color:#ffffff;font-size:11pt;}
#login-link-front #register {font-family:verdana;color:#ED1C24;font-weight:bold;padding-right:15px;}
#login-frm {width:290px;height:166px;background:url(../images/bubble-black-round2.png) no-repeat;position:absolute;top:30px;left:810px;z-index:99}
#login-frm input.text{width:80%;position:absolute;top:40px;left:24px;font-family:verdana}
#login-frm input.pass{width:80%;top:65px;font-family:verdana}
/*#login-frm input.login{position:absolute;top:150px;left:20px;}*/
#login-frm #login-buttons{position:absolute;top:105px;left:142px;font-family:verdana}
#login-frm a.forgot-pass{position:absolute;top:90px;left:28px;font-family:verdana;font-size:10px;color:#ffffff;}
/*#login-frm form p { position:relative }
#login-frm label { position:absolute; top:0; left:0}*/

.inner {
	width: 960px;
	padding: 5px 0;
	margin: 0;
	position: relative;
}

#searchbox{
	background: url(../img/bg-search.gif) no-repeat;
}
#searchbox form {
	padding: 10px 10px;
}
#searchbox .searchtext {
	font-family: Tahoma, Arial;
	font-size: 11px;
	padding: 2px 2px;
	border: 0;
	width: 160px;
	margin-top: 1px;
}
#searchbox .searchbutton {
	border: 0;
	margin: 0;
	padding: 0;
}
.theMap {
	float: left; width: 668px; height: 530px;
	background: none left center no-repeat;
	position: relative;
	overflow: hidden;
}
.theMap .userinfo {
	background: url(../img/icon-user.gif) no-repeat;
	padding-left: 22px;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	color: #000;
	position: absolute; 
	top: 230px;
	left: 330px;
}
.spacer { 
	margin-bottom: 10px;
}
.scroll-pane {
	width: 272px;
	height: 440px;
	overflow: auto;
	float: left;
}
#pane1 {
	padding: 0;
}
.holder {
	padding: 5px 5px 5px 2px;
	background: #fff url(../img/bg-sidebar.gif) top left no-repeat;
	width: 270px; position: relative;
	font-family: Verdana, Tahoma, Arial;
	font-size: 8pt;
	line-height: 1.3em;
}
.updatestatus_textarea {
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	padding: 3px 2px;
	color: #545454; border: 1px solid red;
	width: 230px;
	overflow: hidden;
}
.bottom {
	position: absolute;
	height: 10px;
	width: 277px;
	background: url(../img/bg-sidebar2.gif) left bottom no-repeat;
	bottom: 0; left: 0;
}
.share {
	height: 24px;
	padding: 2px 0;
}	
.network {
	list-style: none; padding: 0;
	height: 24px;
	width: 150px;
	text-align: right;
}
.network  li {
	float: left; margin-right: 2px;
}
.block {
	display: block;
	width: 21px;
	height: 22px;
}
.post {
	padding: 5px;
}
.post p {
	padding: 3px 0 2px;
}
.avatar {
	float: left;
	padding-right: 10px;
}
.event {
	list-style: none;
	width: 80px; 
	height: 18px;
	float: left;
}
.event li {
	float: left;
	position: relative;
	height: 18px; width: 25px;
}
.event li a {
	display: block;
	margin-top: 4px;
	width: 20px; height: 18px;
}
.event li span {
	position: absolute;
	display: block; right: 0; top: 0;
	border: 1px solid white;
	background: red;
	color: white;
	margin: 0;
	padding: 2px;
	font-size: 8px; font-weight: bold; font-family: Tahoma, Arial;
	line-height: 1em;
	text-align: center;
	width: 10px;
}
.event li span.notifyhide {
	background: url(../img/trans.gif) 10px 10px repeat;
	border: none
}
.sharelink {
	list-style: none;
	clear: both;
	width: 260px;
	margin-left: 5px;
	margin-bottom: 10px;
}
.sharelink li {
	float: left;
	background: url(../img/blackdot.gif) 6px 6px no-repeat;
	padding-left: 13px;
}
.sharelink li.flat {
	background: transparent;
	padding: 0;
}
.sharelink li a {
	color: #000;
	font-weight: bold;
}
small {
	color: #808080;
}
.olderpost {
	height: 20px; 
	background: white url(../img/olderpost.gif) bottom left no-repeat;
}
.olderpost a {
	display: block;
	padding: 3px 7px;
	background: url(../img/collapse-down.gif) 60px 8px no-repeat;
	color: #838383;
}
.action_blue, .sharelink li a.action_blue, a.action_blue {
	color: #00b2d9;
}
.home_action_top a.blue-link, .home_action a.blue-link {
	color: #00b2d9;
}
textarea.comment {
	border: 1px solid #75c4e2;
	font-family: Tahoma, Arial;
	font-size: 11px;
	padding: 3px 2px;
	color: #ccc; 
	width: 222px; height: 15px;
}
.blue-line {
	border-bottom: 1px solid #ceebec;
	height: 5px;
	margin: 5px 0 5px 0;
}
.home_action_date {
	font-size: 7pt;
}
.clearboth { clear: both; }
.actionfeed_bar .jScrollPaneTrack {                                                                                      
	background: #CBCBCB none repeat scroll 0 0;                                                                    
}                                                                                                                 
                                                                                                                  
.actionfeed_bar .jScrollPaneDrag {                                                                                       
	background: #57B7DF none repeat scroll 0 0;                                                                    
}
.register-link-tip {
	margin-top: 17px;
}
.register-link-tip a.red-link {
	color: #ED1C24;
	font-weight: bold;
}
.register-link-tip a.red-link:hover {
	text-decoration: underline;
}
#feed_filter_nav {margin: 20px 0;}
#load {
	background: url(../images/ajax-loader02.gif) no-repeat;
	text-align: center;
	height: 32px;
	margin-left: auto; 
	margin-right: auto; 
	width: 3em; 
}