@charset "utf-8";
/*----------------------------- main layout stuff -------------------------------*/

body{
	text-align: center; /*ie needs this to center the main table... */
    font-family: Tahoma,Arial,Verdana,Helvetica,宋体,黑体, "sans-serif";
	background-color: #ededed;
}
.urbian{ /* margin for paragraphs */
	margin: 0px;
	padding:0px;
}
a{
text-decoration: none;
color:#8E020C;
cursor:pointer;
}
A:link, A:visited, A:active, A:hover {
	text-decoration: none;
	/* color: #12186D;
	 color: #3D6E72;  */
	 color:#8E020C;
}
A:hover {
	text-decoration: underline;
	color:#f16422;
}

table{
border:0;
font-size:12px;
}
/* round div main area */
.mainAreaTopLine {background: url(/images/border_dot.png) 0 0 repeat-x; width: 920px; margin-left:auto; margin-right:auto; text-align:left; background-color:white;}
.mainAreaBottomLine {background: url(/images/border_dot.png) 0 100% repeat-x}
.mainAreaLeftLine {background: url(/images/border_dot.png) 0 0 repeat-y}
.mainAreaRightLine {background: url(/images/border_dot.png) 100% 0 repeat-y}
.mainAreaBottomLeftRound {background: url(/images/border_lb.png) 0 100% no-repeat}
.mainAreaBottomRightRound {background: url(/images/border_rb.png) 100% 100% no-repeat}
.mainAreaTopLeftRound {background: url(/images/border_lt.png) 0 0 no-repeat}
.mainAreaTopRightRound {background: url(/images/border_rt.png) 100% 0 no-repeat; padding:5px}
/* end round div main area */


.headerLine{
	width: 920px;
	height: 75px;
	background-image:url(/images/header_bg.png);
	text-align:left;
	float:left;
	overflow:hidden;
}

.right_shadow{
	height:75px;
	background-image:url(/images/shadowRight.png);
	width:7px;
	float:left;
}

.left_shadow{
	height:75px;
	background-image:url(/images/shadowLeft.png);
	width:7px;
	float:left;
}

.statusLine {
	height: 20px;
	width: 100%;
}

.arrow_div{
position:absolute;
top:-14px;
left:-14px;
width:25px;
height:25px;
background:url(/images/status_arrow.png);
}
.mainLine {
	width: 100%;
	border-style: solid;
	border-width: 5px;
}
.contentTable{
	width: 760px;
	border: none;
	margin:7px 5px 0px 5px;
	text-align:left;
}
.contentTableOnlineNow{
	width: 150px;
	height: 500px;
	text-align:left;
}
.contentTableMain{
	padding-left: 3px;
	padding-right: 3px;
	width:600px;
}
.contentTableAds{
	width:150px;
	display:none;
}
/*-----------------------------END main layout stuff END-------------------------------*/
/*----------------------------- floating Bar stuff -------------------------------*/

#feedbackbox {width:29px;height:100px;position:absolute;right:0px;bottom:70px; z-index:1000000;}
body > div#feedbackbox { position: fixed; }
#floatingBarOuter { position: absolute; bottom: 10px;width:100%;left: 0px;height:1px;z-index:999998;}
body > div#floatingBarOuter { position: fixed; }
#feed_image { position: absolute; top: 70px; width: 155px; right: 0px;z-index:999997;}
body > div#feed_image { position: fixed; }
#urbianErr { position: absolute; top: 0px; width: 100%; left: 0px;z-index:999996;}
body > div#urbianErr { position: fixed; }
.urbianErr {
position:fixed;
z-index:999996;
top:0px;
}
.urbianErrCon{
border-left:2px solid #8E020C;
border-right:2px solid #8E020C;
border-bottom:2px solid #8E020C;
background-color:#fff;
}
.feed_image {
	position:fixed;
	z-index:999997;
	top:100px;
}
.floatingBarOuter{
    position: fixed;
    bottom: 10px;
    z-index: 999999;
}
.feedbackbox{
    position: fixed;
    bottom:70px;
    z-index: 1000000;
}
.floatingBarInner{
	position:relative;
	top:-41px;
    text-align: center;
    height: 50px;
    width: 804px;
    margin: auto;
    /*border-color: #787878;
    background-color: #edecec;
    border-width: 1px;
    border-style: solid;*/
    z-index: auto;
}

.buttonImage{
    /*border-style: solid;
    border-width: 1px;
     border-color: #cccbca; 
    border-color: #d4e5e8;
	margin:4px 2px 1px 2px;*/
	margin:4px 1px 1px 1px;
    z-index: auto;
    cursor: pointer;
	float:left;
	width:40px;
	height:40px;
	position:relative;
}
.toolbar_pop{
width:100px;
height:36px;
position:absolute;
padding-top:5px;
text-align:center;
top:-40px;
left:-30px;
font-size:12px;
font-weight:bold;
background:url(/images/mouseover_1_100px.png) no-repeat;
}
.buttonImageHighlight{
	/*margin:3px 0px 1px 0px;*/
	margin:4px 1px 1px 1px;
	/*border:1px solid #f00;*/
	z-index: auto;
	cursor: pointer;
	float:left;
	width:40px;
	height:40px;
}

/*-----------------------------END floating bar stuff END-------------------------------*/
/*----------------------------- shadow boxes stuff -------------------------------*/

.urbian_addGroup{ padding:10px;}
.urbian_addGroup table td{ vertical-align:top; height:30px;}

.dropshadow2{
	/*float:left;*/ /*Sloppy modify this*/
	clear:left;
	background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
	/*background: url(/images/shadow.gif) no-repeat bottom right;*/
	background: url(/images/shadowAlpha.png) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	/* width: 98%; */
	padding: 0px;
}
.innerbox{
	position:relative;
	bottom:10px;
	right: 10px;
	border: 1px solid #000000;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}
.innerbox{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}
.innerbox p{		
	font-size:14px;
	margin: 3px;
}

.shadowDivOuter{
	background-color: #ccc;
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}

.shadowDivInner,
.shadowDivContent{
	position: relative;
	bottom: 2px;
	right: 2px;
}

.shadowDivInner{
	background-color: #666;
	color: inherit;
}

.shadowDivContent{
	background-color: #fff; 
	color: #000; 
	border: 1px solid #000;
}


/*-----------------------------END shadow boxes stuff END-------------------------------*/
/*----------------------------- collapsible boxes stuff -------------------------------*/

.collapsibleBox{
	border-style: solid;
	border-width: 1px;
	border-bottom-style: none;
	border-color: #787878;
}
.collapsibleBody{
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #787878;
}

.collapsibleHeader{
    margin-top: 0px; /* compensate for the roundness */
    height: 22px;
    border:0px;

    /*background-color: #c7d1d1;*/
    padding-left: 0px;
    font-size: 14px;
    color: black !important;
/*    border-style: solid; 
    border-width: 1px;
    border-color: #9c9ea0;
*/    width: 100%;
}
.grayHeaderLeft{
width:8px;
height:21px;
background:url(/images/grayTitlebarLeft.png) no-repeat;
}

.grayHeaderMid{
height:21px;
white-space:nowrap;
background:url(/images/grayTitlebarMid.png) repeat-x;
}
.grayHeaderRight{
width:7px;
height:21px;
background:url(/images/grayTitlebarRight.png) right top no-repeat;
}

.collapsibleHeaderLeft{
width:25px;
height:30px;
padding-bottom:3px;
border-bottom:2px solid #8E020C;
/*background-image: url(/images/newTitlebarLeft.png);*/
}
.collapsibleHeaderLeft_in{
width:8px;
height:22px;
background-image: url(/images/newTitlebarLeft.png);
}
.collapsibleHeaderRight{
width:0px;
height:30px;
padding-bottom:3px;
border-bottom:2px solid #8E020C;
/*background: url(/images/newTitlebarRight.png) right;
*/}
.collapsibleHeaderRight_in{
width:7px;
height:22px;
background: url(/images/newTitlebarRight.png) right;
}
.collapsibleHeaderMid{
width:auto;
height:30px;
color:#8E020C;
font-size: 14px;
font-weight:bold;
white-space:nowrap;
padding-bottom:3px;
border-bottom:2px solid #8E020C;
/*background-image: url(/images/newTitlebarMid.jpg);
*/}

.collapsibleHeaderMid_in{
width:auto;
height:22px;
color:#FFCC33;
background-image: url(/images/newTitlebarMid.jpg);
}

.collapsibleHeaderLeftImage{
    position: absolute;
    /*top: -13px;*/
    left: 0px;
    width: 22px;
    height: 22px;
    /*z-index: 99999;*/
}

.collapsibleHeaderText{
    position: absolute;
	color:#000;
	margin-top: 2px;
    top:1px;
    left: 25px;
}

.collapsibleHeaderTextSmall{
	color:#FFCC33;
    font-size: 14px;
    white-space:nowrap;
}

.collapsibleHeaderRightImageTop{
    position: absolute;
    right: 3px;
    top: 4px;
}

.collapsibleHeaderRightImageBottom{
    position: absolute;
    right: 3px;
    top: 5px;
}

.collapsibleBodyTable{
    border-collapse: collapse;
	font-size:11px;
    width: 100%; 
}

.pagetable{
border:0px;
height:10px;
width:100%;
border-collapse: collapse;
}
.collapsibleBodyTable td{
height:20px;
}

.collapsibleBodyRow{
/*
    border-bottom-style: solid;
    border-top-style: solid;
    border-color: #fbb67d;
*/
    border-width: 1px;
    border-collapse: collapse;
}
.collapsibleBodyRow2{
/*
    border-bottom-style: solid;
    border-top-style: solid;
    border-color: #fbb67d;
    background-color: #eeeeee;
*/
    border-width: 1px;
    border-collapse: collapse;
	background:url(/images/yellowbg.png) repeat-x;
}

.collapsibleBodyColumn1{
    padding-left: 10px;
    text-align: left;
}
.collapsibleBodyColumn2{
    padding-left: 15px;
    text-align: left;
    width: 65%;
}

.collapsibleBodyRowHeaderDiv{
    font-size: 11px;
    font-weight:bold;
	line-height:25px;
	padding-left:3px;
}

.collapsibleBodyRowFooterDiv{
    font-size: 11px;
    margin-left: 3px;
	line-height:20px;
}

.collapsibleBodyRowHeaderDivHighlight{
    font-size: 11px;
	font-weight:bold;
    color: red;
	line-height:25px;
}

.collapsibleBodyRowFooterDivHighlight{
    font-size: 11px;
    margin-left: 3px;
    color: red;
	line-height:20px;
}

.collapsibleBodyRowMessagesHeaderDiv{
    padding-top: 5px;
    font-size: 11px;
    color: #8E020C;
}

.collapsibleBodyRowMessagesFooterDiv{
    font-size: 11px;
    padding-bottom: 5px;
    /* margin-left: 3px; */
    color: #808284;
}

.collapsibleBodyRowMessagesHeaderDivHighlight{
    padding-top: 5px;
    font-size: 11px;
    color: #8E020C;
	font-weight:bold;
}

.collapsibleBodyRowMessagesFooterDivHighlight{
    font-size: 11px;
    color: #000000;
    padding-bottom: 5px;
}

/*-----------------------------END collapsible boxes stuff END-------------------------------*/
/*----------------------------- flat boxes stuff -------------------------------*/
.flatBox{
	/*border-style:none;*/
	margin: 0px 1px 7px 1px;
}

.flatBoxHeader {
	height: 30px;
	border-collapse: collapse;
	/*background-image: url(/images/collapsible_header_bg.png);*/
	background-color:#c7d1d1;
	margin-top:20px;
	margin-bottom:20px;
    padding: 0px;
    position: relative;
    font-size: 20px;
    color: black !important;
    /*border-style: solid;
    border-width: 1px;
	border-color: #787878;*/
    width: 100%;
    text-align: left;
}
.flatBoxHeaderText{
    margin-left: 10px;
	padding:0px;
	float:left;
}
.flatBoxHeaderRight{
	float:right;
}
.flatBoxHeaderTextSmall{
	font-size: 16px;
	margin-left: 10px;
}

.flatBoxBody{
	/*background-color: #f5f4f3;*/
	margin-top: 0px; /*roundness plus some space 3px */
	margin-bottom:5px;
	color: #000; /*text color of content*/
	/*width: 100%;*/
}
.flatBoxBodyRight{
	 /*background-color: #fcf5f0; /*background color of content
	background-color: #fff;*/
	margin-top: 0px; /*roundness plus some space 3px */
	margin-bottom:5px;
	color: #000; /*text color of content*/
	border-bottom:1px solid #8E020C;
	border-left:  1px solid #8E020C;
	border-right: 1px solid #8E020C;
}
.flatBoxBodyTextOnly{
	/*background-color: #fff;*/ /*background color of content*/
	color: #000; /*text color of content*/
	font-size: 14px;
	font-weight:bold;
	margin: 10px;
}
/*-----------------------------END flat boxes stuff END-------------------------------*/
/*----------------------------- standard stuff -------------------------------*/

.mediumText, .mediumTextRed{
	font-size: 14px;
	font-weight:bold;	
}
.mediumTextRed{
    color: #c0272d;
	margin-left:4px;
}
.mediumTextLight{
	color: #fff;
	font-size:18px;
	font-family:Tahoma, Arial, Verdana, Helvetica, "sans-serif";
}
.mediumTextGray{
	color: #dddcdb;
	font-size:18px;
	font-family:Tahoma, Arial, Verdana, Helvetica, "sans-serif";
}
.largeText{
	font-size: 20px;
}
.smallText, .smallTextHighlight, .smallTextLight{
	font-size: 11px;
	line-height: 14px;
	/* padding-left:4px; */
}
.smallLabel{
	font-size: 11px;
	padding-left:4px;
	width:90px; 
	height:18px; 
	overflow:hidden; 
	float:left;
	margin-top:7px;
	white-space:nowrap;
}
.smallLabelTag{
	font-size: 11px;
	padding-right:4px;
	float:right; 
	width:30px; 
	height:25px;
	text-align:right;
}

.smallTextHighlight{
	color: #c0272d;
}
.smallTextLight{
	color: #808284;
}

.standardBlockElement{
	clear: both;
}
.formErrors{
	clear: both;
	border-style: solid;
	border-width: 1px;
	border-color: #787878;
}
.inputTextLogin{
	border-style: solid;
	border-width: 1px;
	border-color: #dedede;
	font-family: Tahoma, Verdana, Helvetica, Arial, "sans-serif";
	font-size: 14px;
	padding-left:3px;
}
.inputSearch{
font-size:11px;
height:15px;
padding:1px 0px 0px 3px;
margin-top:2px;
border:0px;
font-family: Tahoma, Verdana, Helvetica, Arial, "sans-serif";
}
.orderby{
margin:0px;
font-size: 11px;
padding-left:3px;
border:none;
}
.inputText, .inputTextHighlight, .inputSelect{
	border-style: solid;
	border-width: 1px;
	border-color: #dedede;
	font-family: Tahoma, Verdana, Helvetica, Arial, "sans-serif";
	font-size: 11px;
	padding-left:3px;
}
.inputTextHighlight{
	border-color: red;
}
.inputSelect{
	padding-left:0px;
}
.inputMultipleSelect{
	border-style: solid;
	border-width: 1px;
	border-color: #787878;
	width: 150px;
	height: 100%;
	padding-left:3px;
}
.standardButton{
	height: 22px;
	border-style: solid;
	border-width: 1px;
	border-color: #8E020C;
	color: #ffcc33;
	background-color:#000000;
	font-size: 12px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
	padding-top:0px;
	padding-bottom:2px;
}
.emptyButton{
background:none;
height:22px;
font-size:12px;
text-align:center;
}
.standardButtondiv,.standardButtondivhover{ 
	border:1px solid #ccc; 
	background-color:#eaeaea; 
	/*width:auto; */
	vertical-align:bottom;
	cursor:pointer;
	font-weight:bold;
	padding:2px 10px 2px 10px;
	color:#8E020C;
	font-family: Tahoma,宋体;
}
.standardButtondivhover{
color: #f16422;
}


.smallButtonImage{
	height: 45px;
	width: 45px;
	border: none;
	cursor: move;
}
.smallButtonImageHighlight{
	height: 41px;
	width: 41px;
	border-style: solid;
	border-width: 2px;
	border-color: red;
}

.standardTable{
	margin: 0px;
	border: 0px;
	width: 100%;
	text-align: center;
}
.standardTable TD{
	padding: 0px 2px 0px 2px;
}
.buttonTableHighlight{
	margin-top: 10px;
	border-style: solid;
	border-color: #D3162D;
	border-width: 2px;
}
.buttonTableHighlight TD{
	padding: 3px;
}
.rowHighlight {
	background-color: #DCEAEA;
	/*color: #f16422;*/
	color:#8E020C;
	cursor: pointer;
	text-decoration:underline;
}
.row{
/*color:#3D6E72;*/
color:#8E020C;
}
.tinyImage{
	width: auto; 
	height: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #787878;
	margin: 2px;
	cursor: move;
}
.smallImageW{
	width: 50px; 
	height: auto;
	cursor: pointer;
}
.smallImageH{
	width: auto; 
	height: 50px;
	cursor: pointer;
}
.actionImage{
	width: 30px;
	height: 30px;
	margin: 2px;
	cursor: move;
}
.actionImageHighlight{
	width: 26px;
	height: 26px;
	margin: 2px;
	border-style: solid;
	border-color: red;
	border-width: 2px;
}
.leftSpacingWithin{
	padding-left:0px;
	padding-top: 0px;
	border:1px solid #8E020C;
	background-color:#fff;
	/*padding-bottom:3px;*/
}
.leftSpacingWithinBox_without{
	padding-left:0px;
	padding-top: 0px;
	border:1px solid #8E020C;
	/*background-color:#fff;
	padding-bottom:3px;*/
}
.leftSpacingWithinBox{
	padding-left:0px;
	padding-top: 0px;
	border-left:1px solid #8E020C;
	border-right:1px solid #8E020C;
	border-bottom:1px solid #8E020C;
	/*background-color:#fff;*/
}
/*-----------------------------END standard stuff END-------------------------------*/
/*----------------------------- inner box stuff -------------------------------*/
.innerBox{
	border-collapse: collapse;
	border-color: #787878;
	margin: 0px;
	background-color: #ffffff;
}
/*-----------------------------END inner box stuff END-------------------------------*/
/*----------------------------- profile page stuff -------------------------------*/

.profileTable{
	width: 100%;
	font-size: 11px;
	/*border-collapse: collapse;*/
}

.profileTableLeftCol{
    	vertical-align: top;
    	width: 20%;
		padding:5px 15px 0px 5px;
}
.profileTableSectionHeader{
    	vertical-align: top;
    	width: 20%;
		padding:5px 15px 0px 5px;
}
.profileTableRightCol{
	vertical-align: top;
	padding:5px 0px 0px 5px;
}
.profileTableRightSpace
{
	width:150px;
	background-color:#fff;
}
.profileTextInput{
	border-style: solid;
	border-width: 1px;
	border-color: #dedede;
	margin-bottom: 2px;
	font-family: Tahoma, Verdana, Helvetica, Arial, "sans-serif";
	font-size: 11px;
	padding-left: 3px;
	width:80%;
}

.profileTableSpacer{
	height: 20px;
}

.profileImage{
    border-style: solid;
    border-width: 1px;
    border-color: #787878;
	margin-bottom:2px;
    border-collapse: collapse;
}
/*-----------------------------END profile stuff END-------------------------------*/
/*----------------------------- friend overview page stuff -------------------------------*/
.friendsTable{
	width: 100%;
	border-collapse: collapse;
	/*background-color: #fcf5f0;
	background-color: #f5f4f3;*/
}
.friendsTableLeftCol{
	width: 439px;
	padding: 0px;
	margin: 0px;
}
.friendsTableRightCol{
	width: 141px;
	padding: 0px 5px 0px 5px;
	margin: 0px;
}

.friendsTableList{
	border-collapse: collapse;
	width: 100%;
}
.friendsTableListCol{
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	width: 50%;
}
.friendsTableList TD {
	padding-left: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
}

.friendBox, .friendBoxHighlight{
	margin: 0px;
	padding: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #787878;
	background-color: #fff;
	height: 100%;
	width: 100%;
	cursor: move;
}
.friendBoxHighlight{
	border:1px solid red;
}
.albumbox, .albumboxHighlight{
	margin: 0px;
	padding: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #f5f4f3;
	height: 100%;
	width: 100%;
	cursor: move;
}
.albumboxHighlight{
	border:1px solid red;
}
.friendBoxImage{
	margin: 0px;
	padding: 0px;
}

.inputBox,.inputBoxOn{
	border: 0px;
	background-color: #ffffff;
	height:16px;
	width:120px;
	color:gray;
	font-size:11px;
}
.inputBoxOn{
	color: black;
}
.chooseFriendBox{
	background-color: #ffffff;
	border-style: solid;
	width: 100%;
	border-width: 1px;
	border-color: #aaa;
}
.choosFriendDropArea{
	border-style: solid;
	width: 300px;
	border-width: 2px;
	border-color: #aaa;
}
.friendBoxImageArea {
	text-align: left;
	padding: 0px;
	margin: 0px;
}
.friendBoxTextArea {
	text-align: right;
	height: 105px;
}

.friendListTopSpace{
	width: 100%;
	border-bottom:1px solid #8E020C;
	margin-bottom: 10px;
	text-align: left;
	font-weight:bold;
}
.friendListBottomSpace{
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
/*-----------------------------END friend overview stuff END-------------------------------*/
/*----------------------------- search page stuff -------------------------------*/

.searchListTopSpace{
	width: 100%;
	text-align: left;
}

/*---------------------------------------ONLINE NOW STUFF-----------------------------------*/
.onlineNowImage{
	border-style: solid;
	border-width: 1px;
	border-color: #787878;
	margin: 2px;
	max-width:50px;
}
.onlineNowImage0{
	border-style: solid;
	border-width: 1px;
	border-color: #787878;
	margin: 2px 5px 2px 2px;
	width:50px;
	height:50px;
	float:left;
}
.onlineNowImageIntro{
	border: 0px;
}
/*---------------------------------------alert box STUFF-----------------------------------*/
.alertBoxImage{
	width: 22px;
	height: 22px;
	margin: 2px;
	cursor: pointer;
	overflow:hidden;
}
.alertBoxImageTop{
	width: 30px;
	height: 30px;
	margin: 0px 2px;
	cursor: pointer;
	overflow:hidden;
}

.rightBoxImage{
	width: 22px;
	height: 22px;
	margin: 2px;
	cursor: pointer;
}


/*--------------------------------------FRIEND DETAILS STUFF -------------------------------*/
.friendDetailsTable{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 5px;
}
.friendDetailsTableLeftCol,.friendDetailsTableLeftCol0{
	width: 65%;
	padding-right: 5px;
	padding-top: 5px;
	padding-left: 5px;
}.friendDetailsTableLeftCol0{width:60%;}
.friendDetailsTableRightCol,.friendDetailsTableRightCol0{
	width: 35%;
	padding-right: 5px;
	padding-top: 5px;
}.friendDetailsTableRightCol0{width:40%;}

.friendDetailsList{
	width: 100%;
}
.friendDetailsList0{
	width: 100%;
	border:1px solid #ccc;
	background-color: #f5f4f3;
}
.friendDetailsList0 td{
height:18px;}
.friendDetailsListLeftCol{
	width: 40%;
	padding-left:5px;
}
.friendDetailsListRightCol{
	width: 60%;
}
.friendDetailsListRightColWhite{
	width: 60%;
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #787878;
	padding: 5px;
}
.friendDetailListHeader{
	padding-top: 5px;
	padding-bottom: 5px;
}
.friendDetailsListJobSpacer{
	height: 10px;
}
.friendDetailImage{
    border-style: solid;
    border-width: 1px;
    border-collapse: collapse;
    border-color: #787878;
}
.friendDetailImage0{
    height: 130px;
}
/*--------------------------------------RANT STUFF -------------------------------*/
.rantTopicLine TD{
	padding: 2px;
	font-size: 11px;
}

/*--------------------------------------REQUEST STUFF -------------------------------*/
.requestHeaderRow{
	background-color: #ffffff;
}

.friendIntroductionImage{
	width: 20px;
	height: 20px;
}
/*--------------------------------------MESSAGE STUFF -------------------------------*/
.messageBody, .messageBodyHighlight{
/*
	border-bottom-style: solid;
	border-top-style: solid;
	border-color: #fbb67d;
    	border-width: 1px;
    	background-color: #eeeeee;
	border-collapse: collapse;
*/
}
.messageBodyHighlight{
	/*background-color: #ffffff;*/
	background:url(/images/yellowbg.png) repeat;
}
collapsibleBodyTable > .messageBody TD, collapsibleBodyTable > .messageBodyHighlight TD {
	padding: 5px;
}
/*------------------------------------- GROUP STUFF --------------------------------*/
.composeGroupTopicArea{
	background-color: #ffffff;
	border-color: #787878;
	border-style: solid;
	border-width: 1px;
	width: 80%;
	margin-left: 10px;
}
.groupBox, .groupBoxHighlight{
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #8E020C;
	clear: both;
	background-color: #ffffff;
	/*height: 95%;*/
	text-align: left;
	cursor: move;
}
.groupBoxHighlight{
	border-color: #ffcc33;
}

.groupBoxImageArea {
	text-align: left;
	width: 100px;
	padding: 0px;
	margin: 0px;
}
.groupBoxImageArea img{
border:1px solid #8E020C;
}
.groupBoxTextArea{
	text-align: left;
	margin-left: 5px;
	height: 105px;
}
.groupLabel{

color:#8E020C;
white-space:nowrap;
width:80px;
float:left;
padding-left:3px;
}
.groupText{

color:#000000;
white-space:nowrap;
float:none;
padding-left:5px;
}
/*-----------------------------------PHOTO STUFF -----------------------------------*/
.bigPhoto{
	border-style: none;
}
.bigPhotoHighlight{
	border-style: solid;
	border-width: 1px;
	border-color: red;
}
.smallTextInfo{
	font-size: 11px;
	color: gray;
}

.oneLineSelect{float:left;width:auto;}
.oneLineSelect input{
	margin-left:20px;
}
.urant-tabpanel{
	border-width:0px;
}
.urant-explorer{
	background-color: green;
	border: none;
}

.textHint{
	color:#999999;
}
/*----------------------------TEST--------------------------------------*/
.collapsibleHeaderNew{
    margin-top: 4px; /* compensate for the roundness */
    height: 21px;
/*  background-color: #d3e5e7;*/
    background-color: #c7d1d1;
    padding-left: 0px;
    position: relative;
    font-size: 16px;
    color: black;
    border-style: solid; 
    border-width: 1px;
    border-color: #787878;
    width: 100%;
}

.collapsibleHeaderLeftImageNew{
    position: absolute;
    /*top: -13px;*/
    left: 2px;
    width: 30px;
    height: 30px;
    z-index: 99999;
}

.collapsibleHeaderTextNew{
    position: absolute;
    top:-2px;
    left: 50px;
}

.collapsibleHeaderTextSmallNew{
    position: absolute;
    margin-top: 2px;
    left: 50px;
    font-size: 11px;
}
.flatBoxBodyNew{
	 /*background-color: #fcf5f0; /*background color of content*/
	background-color: #ffffff;
	border-style: solid;
	border-color: #787878;
	border-width: 1px;
	margin-top: 7px; /*roundness plus some space 3px */
	color: #000; /*text color of content*/
	font-size: 16px;
	width: 100%;
}
.flatBoxNew{
	border-style:none;
	margin-bottom: 10px;
}

.actionBtn{
	position: absolute;
    top:-1px;
    left: 120px;
}

/*---------------search button----------------*/
.contactAdd{
border:1px solid #000;
height:30px;
background-color:#F26522;
color:#fff;
padding:0px;
vertical-align:middle;
cursor:pointer;
}
.contactAddText{
float:left;
font-size:14px;
padding-left:10px;
padding-top:6px;
}
.contactPlus{
float:left;
width:20px;
height:20px;
padding:6px 10px 0px 10px;
}

/*     for round boxes (yellow boxes -> eg in register page     */
.roundBoxOuter{
border:2px solid #636467;
background-color: #FDF9CE;
margin-bottom:8px;
}
.roundBox{
margin:25px 30px;
}
.roundBoxInner{
}
.roundBoxHeaderLine{
font-size:14px;
font-weight: bold;
}
.roundBoxText{
font-size:12px;
}
/*for home page*/
.pmeetHead{
padding-top:5px;
margin-bottom:15px;
height:25px;
}
.pmeetRbutton{
float:right; 
width:30px; 
padding-top:40px;
}

.updateGrayTag,.updateLightTag{
background-color:#f5f4f3;
width:65px;
height:65px;
text-align:center;
font-size:11px;
border-bottom:1px solid #f5f4f3;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
.updateLightTag{
background-color:#fff;
cursor:pointer;
width:67px;
border-top:1px solid #fff;
border-left:0px;
border-right:0px;
border-bottom:1px solid #ccc;
}
.updatebox{
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
padding:5px;
}
.tablegap{
width:20px;
height:66px;
border-bottom:1px solid #ccc;
}
.tablegap0{
width:21px;
height:66px;
border-bottom:1px solid #ccc;
}
.updateGrayTag img,.updateLightTag img{
margin-top:5px;
}
.movelabel,.movelabelHighlight{
height:25px !important;
height:26px;
background: url(/images/label_bar.png) 0 0 no-repeat !important;
background: url(/images/label_bar.png) 0px 1px no-repeat;
border:1px solid #fff;
width:100%;
cursor: move;
}
.movelabelHighlight{

border:1px solid red;}

.dateSelect{float:left; padding-left:3px; padding-right: 3px;}

.policyHeading{
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 5px;
	display: block;
}

.policyText{
	font-size: 11px;
	margin-bottom: 5px;
	display: block;
	text-align:justify;
}
.policyList{
	font-size: 11px;
	margin-left: 15px;
	margin-bottom: 3px;
	display: block;
	text-align:justify;
}
.updateheadDiv{
text-align:left;
width:100%;
height:24px;
padding-top:7px;
color: #808284;
font-size:11px;
}

.inviteContactsArea{
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.buttonclick{
cursor:pointer;
vertical-align: middle;
}

.groupSearch
{
margin-top:7px;
}
.groupSearch td
{
padding-left:7px;
height:25px;
}
.groupsearch
{
cursor:move;
margin-bottom:7px;}
.groupsearch td
{
padding-left:7px;
height:25px;
}
.frameimage{
padding:5px;
border:1px solid #aaa;
background-color:#fff;
}
.frameimageHighlight{
padding:5px;
border:1px solid red;
background-color:#fff;
}
.newHeadText{
font-size:14px;
font-weight:bold;
height:25px;
margin-left:1px;
margin-top:7px;
}
.newRedText{
font-size:11px;
font-weight:bold;
color:#BF272D;
height:25px;
vertical-align:text-top;
min-width:100px;
}
.rightBorder{
width:20px;
border-right:2px solid #aaa;
}
.f-l{
float:left;}
.f-r{
float:right;}
.clear{
clear:both;
width:0px;
height:0px;}
.inputrow,.inputrowEdit{
	font-size:11px;
	line-height:20px;
	text-align:left;
	display:block;
}
.inputthat,.longtext,.birthstyle select{
	border:1px solid #dedede;
	font-family: Tahoma, Verdana, Helvetica, Arial, "sans-serif";
	font-size: 11px;
	padding-left:2px;
}
.newTitle{
font-size:11px;
font-weight:bold;
color:#BF272D;
height:25px;
}
.uploadNew,.uploadImage{
font-size:11px;
}
.emframe{
border-left:1px solid #8E020C;
border-right:1px solid #8E020C;
border-bottom:1px solid #8E020C;
font-size:11px;
margin-bottom:7px;
}
.popupclass{
background-color:#f5f4f3;
padding:1px 10px 10px;
font-size:14px;
color:#808284;
width:320px;
line-height:22px;
height:140px;
}
.urbiantip{
border:1px solid #aaa;
background-color:#f5f4f3;
font-size:11px;
}
.urbiantipL{
border:1px solid #f00;
background-color:#fff;
font-size:11px;
}
.urbiantip-header-text{
font-weight:bold;
}
.urbiantip-tl{
background-image:url(/images/newTitlebar.png);
height:22px;
width:148px;
}
.urbiantip-header{
padding-top:4px;
}
.urbianpanel{
text-align:left;
padding:12px;
font-size:11px;
line-height:20px;
}

.mapbox{
border:2px solid #aaa;
padding:5px;
background-color:#f0f0f0;
width:590px;
height:400px;
}
.placeheader{
border-bottom:1px solid #aaa;
height:22px;
font-size:14px;
}
.placebox{
border:0px;
width:590px;
}
.placeline{
border:1px solid #aaa;
background-color:#f5f4f3;
padding:3px 5px 0px 5px;
height:75px;
width:520px;
margin:5px 15px;
}
.textbox{
height:72px;
width:206px;
position:relative;
line-height:18px;
background:url(/images/location_textbox.png) 0px 0 no-repeat;
overflow:hidden;
}
.categoryicon,.categoryicon_click{
height:25px !important;
height:26px;
background: url(/images/label_bar.png) 0 0 no-repeat !important;
background: url(/images/label_bar.png) 0px 1px no-repeat;
cursor: pointer;
margin:2px 0px;
font-size:11px;
padding-left:4px;
line-height:25px;
}
.categoryicon_click{
background: url(/images/label_bar_click.png) 0 0 no-repeat !important;
background: url(/images/label_bar_click.png) 0px 1px no-repeat;
}
.iconbox{
width:22px;
height:22px;
margin-right:10px !important;
margin-right:5px;
float:right;
background-image:url(/images/location_categories.png);
background-repeat:no-repeat;
}
.cateicon{
width:22px;
height:22px;
background-image:url(/images/location_categories.png);
background-repeat: no-repeat;
}
.addbutton{
height:30px;
padding-top:3px;
padding-left:5px;
margin:5px 0px;
border-top:1px solid #aaa;
width:130px;
border-bottom:1px solid #aaa;
background:#fffecc;
line-height:25px;
vertical-align:middle;
font-size:12px;}

/*---------profile-------------*/
/*.longtext{
width:300px;}
.inputrow span,.inputrowEdit label{
display:none;
}
.inputrow label{
display:inline;
padding-left:7px;
padding-top:2px;
color:#808482;
}
.inputrowEdit span{
padding-left:2px;
display:inline;
}
.detailHeader{
height:25px; 
margin-top:7px; 
margin-bottom:10px; 
border-bottom:1px dotted #aaa; 
width:100%;
}
.uploadNew span,.uploadImage label{
display:none;
}
.uploadNew label,.uploadImage span{
display:inline;
}
.webdiv{
border:1px solid #787878;
width:220px;
height:60px;
line-height:20px;
background-color:#fff;
cursor:pointer;
overflow:auto; 
padding:2px;
display:none;
}
.webtext{
width:220px;
padding-left:2px;
color:#808482;
word-wrap:break-word;
word-break:break-all;
overflow-x:hidden;
}
.emheader{
//background-color:#cbd1d1;
//width:100%;
//line-height:25px;
//height:25px;
width:100%;
height:22px;
line-height:22px;
background-image: url(/images/newTitlebarMid.jpg);
color:#ffcc33;
}
.emheader a{
color:#ffcc33;
}
.emcontent{
margin:4px 7px 4px 7px;
border:0px;
line-height:25px;
text-align:left;
width:100%;
}

.midline{
width:2px;}
.midlinediv{
height:50px;
margin-top:15px;
border-left:1px solid #ddd;
width:15px;}
.hidden{
display:none;}
.imageSmall{
margin:5px;
max-width:50px;
border:1px solid #f5f4f3;;
}
*/
.feedBTL{
width:10px; 
height:22px; 
padding-left:5px;
background:url(/images/dateBTL.png) right no-repeat;
}
.feedBTM{
width:auto; 
height:22px; 
background:url(/images/dateBTM.png) repeat-x; 
font-weight:bold; 
color:#FFCC33;
}
.feedBTR{
width:10px; 
height:22px; 
background:url(/images/dateBTR.png) no-repeat;
}
.borderColor{
border-color:#8E020C;
}
.goldText{
color:#ffcc33;
}
.redText{
color:#8E020C;
}

/* background image except ie6*/
.back_feed{
background: #e6e6e6 url(/images/back_feed.png) right top no-repeat;
}
.back_contacts{
background: #e6e6e6 url(/images/back_contacts.png) right top no-repeat;
}
.back_groups{
background: #e6e6e6 url(/images/back_groups.png) right top no-repeat;
}
.back_messages{
background: #e6e6e6 url(/images/back_messages.png) right top no-repeat;
}
.back_albums{
background: #e6e6e6 url(/images/back_albums.png) right top no-repeat;
}
.back_ublog{
background: #e6e6e6 url(/images/back_ublog.png) right top no-repeat;
}
.back_history{
background: #e6e6e6 url(/images/back_history.png) right top no-repeat;
}
.back_profile{
background: #e6e6e6 url(/images/back_profile.png) right top no-repeat;
}
.back_location{
background: #e6e6e6 url(/images/back_feed.png) right top no-repeat;
}
.back_polls{
background: #e6e6e6 url(/images/back_polls.png) right top no-repeat;
}
.back_setting{
background: #e6e6e6 url(/images/back_setting.png) right top no-repeat;
}
.back_mobile{
background: #e6e6e6 url(/images/back_feed.png) right top no-repeat;
}
.back_home{
background: #e6e6e6 url(/images/back_feed.png) right top no-repeat;
}
.back_register{
background: #e6e6e6 url(/images/back_feed.png) right top no-repeat;
}
.back_login{
background: #e6e6e6 url(/images/back_feed.png) right top no-repeat;
}
/*end background image except ie6*/

.mobile_icon_div{
width:22px;
height:22px;
margin-top:5px;
float:right;
background: url(/images/mobile_phone_icon_small.png) 0 0 repeat-x;
}
/* only for no ie6*/
.wave_cover{
width:30px;
height:150px;
position:relative;
top:0px;
left:135px;
}
.hotspot-corner {
width:15px; 
height:15px; 
position:relative;
}

/*******added by nick*******/
.urbian_search_tab{
float:left;
color:#3D6E72;
margin-left:5px;
margin-right:5px;
padding:3px;
padding-left:10px;
padding-right:10px;
cursor:pointer;
background-color:#e6e6e6;
height:14px;
}
.urbian_search_photo_div{
width:60px;
height:60px;
border:1px solid #808284;
margin-left:32px;
}
.urbian_search_photocap_div{
width:123px;
height:40px;
overflow:hidden;
}
.urbian_search_photo_thumb_div{
width:25px;
height:25px;
border:1px solid #808284;
float:left;
margin:2px;
}
.urbian_search_place_icon{
width:20px;
height:20px;
margin-top:10px;
margin-right:20px;
float:right;
}
.urbian_search_place_num{
width:200px;
height:15px;
color:#808284;
float:right;
}
.urbian_help_box{
width:310px;
height:100px;
border:3px solid #7f7f7f;
background-color:#fff;
position:absolute;
font-weight:normal;
text-align:left;
}
.urbian_help_arrow_up{
width:23px;
height:30px;
background:url(/images/help_arrow_up.png) no-repeat;
position:absolute;
}
.urbian_help_arrow_up1{
width:23px;
height:30px;
background:url(/images/help_arrow_up1.png) no-repeat;
position:absolute;
}
.urbian_help_arrow_down{
width:23px;
height:30px;
background:url(/images/help_arrow_down.png) no-repeat;
position:absolute;
}
.urbian_help_title{
width:287px;
float:left;
padding:5px;
color:#000;
font-weight:bold;
}
#help_pre_btn{
float:left;
visibility:hidden;
margin:3px 5px 0px 5px;
padding-top:3px;
background-color:#8d181b;
width:60px;
height:20px;
color:#fff;
text-align:center;
cursor:pointer;
}
#help_next_btn{
float:left;
visibility:hidden;
margin:3px 5px 0px 5px;
padding-top:3px;
background-color:#8d181b;
width:40px;
height:20px;
color:#fff;
text-align:center;
cursor:pointer;
}
#help_mask{
position:absolute;
top:0px;
left:0px;
z-index:9999999;
}