/*------------------------------------------------------------------------------
Main Screen CSS

@testedBrowser: Firefox: 2.0 Win, 2.0 Mac
				Opera: 9.20
				Safari: 2.0, 3.0 Win
				IExplorer 6, 7
@minResolution: 1024x768
@author:        Felix Vogel
@copyright      2007 Populis GmbH
------------------------------------------------------------------------------*/


/* equalize default-css
------------------------------------------------------------------------------*/
* {
margin:0;
padding:0;
font-size:100%;
font-weight:normal;
vertical-align:baseline;
font-family:inherit;
}

body {line-height:1;}

ul {list-style:none;}

address {font-style:normal;}

fieldset, img {border:none;}

table {
border-collapse:separate;
border-spacing:0;
}

caption, th, td {
text-align:left;
font-weight:normal;
}

blockquote:before, blockquote:after, q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

abbr {border-bottom:none;}

:active { /* http://people.opera.com/patrickl/experiments/keyboard/test */
	outline:0;
}


/* colors
*******************************************************************************/

#navigation li.active, #navigation li.active a:link, #navigation li.active a:visited {color:#fff;}
#portal {background-color:#fff;}
a:hover img {border-color:#bbb;}

body #navigation .joinTab a:link, body #navigation .joinTab a:visited {color: #f2f6f9;}

#location {background-color:#efefef;}

#location, #footer .main, .bigPostList, .bigPostList li {border-color:#ccc;}

.undefined {color:#999999 !important;}

a img, .captcha img {border-color:#666666;}
#footer span, #footer .copyright, .more, .lastPostListSmall .time {color:#666666;}
body {background-color:#ffffff;}

body, .tabs li a:link, .tabs li a:visited {color:#333333;}

:link, :visited, #location .separator, #teaserSmall li a {color:#206bb7;}
#navigation li.active a, #navigation li.active a:hover, #navigation ul ul {background-color:#336699;}
#footer .main, * html #location {border-top-color:#336699;}

#footer .main {background-color:#f2f6f9;}

#navigation a:link, #navigation a:visited {color:#000000;}

.supportLink:link, .supportLink:visited, .supportLink a:link, .supportLink a:visited {
color:#FF5800;
font-weight:bold;
}

.alert {color:#F00;}


/* basic elements
*******************************************************************************/

html {

}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
}

:link,:visited {
line-height:1.25em;
text-decoration:none;
outline:0;
}

a:focus, a:hover, u {text-decoration:underline;}

h2, h3, h4 {font-weight:bold;}

a img {
border-width:1px;
border-style:solid;
}

strong, b {font-weight:bold;}

hr, legend {display:none;}

abbr.female, ie\:abbr.female {
float:left;
width:9px;height:14px;
text-indent:-9999px; /* lineheight image-replacement causes trouble with IE7 in abbr */
background:url(../../image/global/female.gif) 0 50% no-repeat;
}

abbr.male, ie\:abbr.male {
float:left;
width:12px;height:14px;
text-indent:-9999px;
background:url(../../image/global/male.gif) 0 50% no-repeat;
}

ie\:abbr.female, ie\:abbr.male {
text-indent:-20px;
margin-right:18px;
}

#input_perma, #input_embed {
padding:3px;
border:1px solid #666666;
overflow:hidden;
}

.backLink {
float:left;
background:url(../../image/global/iconBack.gif) 0 50% no-repeat;
padding-left:20px;
margin-bottom:6px;
}

a.backTop {
padding-left:12px;
line-height:2em;
background:url(../../image/global/backTop.gif) no-repeat left center;
}

h3 .page {display:none;}

.userLink sup {
position:relative;
top:-5px; left:-2px;
font-size:10px;
}


/* topBars
*******************************************************************************/
#blazeBar {height:16px; background:url(../../image/global/topbar_blaze.gif);}
#betaBar {height:16px; background:url(../../image/global/topbar_beta.gif);}

/* forms
*******************************************************************************/

.fText, .fPassword {
float:left;
height:1.25em;
padding:2px;
line-height:1.25em;
border-width:1px;
border-style:solid;
}

dd.readonly .fText, dd.readonly .fPassword, dd.readonly .fTextarea {
color:#56585A;
background-color:#E3ECF4;
}

.fText, .fPassword, .fCheckbox, select, textarea {border-color:#a0bbd5;}
textarea:focus, .focus {border-color:#8ca0b3 #adc5dc #adc5dc #8ca0b3;}

.fSubmit, .fReset, .fButton {
float:left;
height:1.857em;
padding:0 .5em;
line-height:1.857em;
border-width:1px;
border-style:solid;
background:url(../../image/form/buttonBG.png) center repeat-x;
overflow:visible; /* IE 6-7 (remove autopadding) */
cursor:pointer;
}

.aButton {
display:inline-block;
*display:inline;
_display:inline;
height:1.857em;
padding:0 .5em;
line-height:1.857em;
border-width:1px;
border-style:solid;
color:#333;
background:url(../../image/form/buttonBG.png) center repeat-x;
}

.aButton:hover {text-decoration:none;}

* html .fSubmit, * html .fReset, * html .fButton {line-height:1.3em;}
*+html .fSubmit, *+html .fReset, *+html .fButton {line-height:1.5em;}

.fSubmit, .fReset, .fButton, .aButton {border-color:#91a3b5 #336699 #336699 #91a3b5;}

.fSearch {background-image:url(../../image/form/buttonSearchBG.png);}

.fSearch {border-color:#cc3366;}

input.googleSearch {background:#fff url(../../image/form/googleSearch.png) 4px 50% no-repeat;}
input.googleSearch:focus {background-image:none;}

.fCheckbox {
float:left;
width:13px;height:13px;
border-width:1px;
border-style:solid;
vertical-align:middle;
}

* html .fCheckbox {border:0;margin-top:2px}
*+html .fCheckbox {border:0;}

.fRadio {
float:left;
width:13px;height:13px;
vertical-align:middle;
}

select {
float:left;
height:1.667em;
padding:1px;
border-width:1px;
border-style:solid;
}

option {padding-right:5px;} /* gecko */

textarea {
border-width:1px;
border-style:solid;
}

#required abbr, label abbr, legend abbr, #required ie\:abbr, label ie\:abbr, legend ie\:abbr {
color:red;
cursor:help;
vertical-align:middle;
}

form input.defaultAction {font-weight:bold;}

#required {margin-left:15px;}


.captcha img {
border-width:1px;
border-style:solid;
}

.inline {display:inline !important;}


/* form error
****************************************************/

dd.error select, dd.error input, dd.error textarea {border-color:red;}


/* js form
****************************************************/

.textWrapper, .submitWrapper, .resetWrapper, .textareaWrapper {
position:relative;
float:left;
margin:3px 4px;
}

.submitWrapper, .resetWrapper {margin:2px 3px;}

.textWrapper input, .textareaWrapper textarea {
border:0;
padding:0;
}

.submitWrapper input, .resetWrapper input {
height:1.5em;
line-height:1.5em;
border:0;
}


/* text, password, textarea */

.textWrapper>span, .textareaWrapper>span {
width:4px; height:5px;
background-image:url(../../image/form/inputCorner.png);
}
.textWrapper>.topM, .textWrapper>.bottomM, 
.textareaWrapper>.topM, .textareaWrapper>.bottomM {width:100%;}

.textWrapper>.middleL, .textWrapper>.middleR, 
.textareaWrapper>.middleL, .textareaWrapper>.middleR {height:auto;}

.textWrapper>.topL, .textWrapper>.topR, .textWrapper>.topM, 
.textareaWrapper>.topL, .textareaWrapper>.topR, .textareaWrapper>.topM {top:-4px;}

.textWrapper>.bottomL, .textWrapper>.bottomR, .textWrapper>.bottomM, 
.textareaWrapper>.bottomL, .textareaWrapper>.bottomR, .textareaWrapper>.bottomM {bottom:-4px;}

.textWrapper>.topL, .textWrapper>.bottomL, .textWrapper>.middleL, 
.textareaWrapper>.topL, .textareaWrapper>.bottomL, .textareaWrapper>.middleL {left:-4px;}

.textWrapper>.topR, .textWrapper>.bottomR, .textWrapper>.middleR, 
.textareaWrapper>.topR, .textareaWrapper>.bottomR, .textareaWrapper>.middleR {right:-3px;}

.textWrapper>.topM, .textWrapper>.bottomM, 
.textareaWrapper>.topM, .textareaWrapper>.bottomM {background-image:url(../../image/form/inputTB.png);}

.textWrapper>.middleL, .textWrapper>.middleR, 
.textareaWrapper>.middleL, .textareaWrapper>.middleR {background-image:url(../../image/form/inputLR.png);}

.textWrapper.focus>span, .textareaWrapper.focus>span {background-image:url(../../image/form/inputFCorner.png);}

.textWrapper.focus>.topM, .textWrapper.focus>.bottomM, 
.textareaWrapper.focus>.topM, .textareaWrapper.focus>.bottomM {background-image:url(../../image/form/inputFTB.png);}

.textWrapper.focus>.middleL, .textWrapper.focus>.middleR, 
.textareaWrapper.focus>.middleL, .textareaWrapper.focus>.middleR {background-image:url(../../image/form/inputFLR.png);}

dd.error>.textWrapper>span, dd.error>.textareaWrapper>span {background-image:url(../../image/form/inputECorner.png);}

dd.error>.textWrapper>.topM, dd.error>.textWrapper>.bottomM, 
dd.error>.textareaWrapper>.topM, dd.error>.textareaWrapper>.bottomM {background-image:url(../../image/form/inputETB.png);}

dd.error>.textWrapper>.middleL, dd.error>.textWrapper>.middleR, 
dd.error>.textareaWrapper>.middleL, dd.error>.textareaWrapper>.middleR {background-image:url(../../image/form/inputELR.png);}

dd.readonly>.textWrapper>span, dd.readonly>.textareaWrapper>span {background-image:url(../../image/form/inputRoCorner.png);}

dd.readonly>.textWrapper>.topM, dd.readonly>.textWrapper>.bottomM, 
dd.readonly>.textareaWrapper>.topM, dd.readonly>.textareaWrapper>.bottomM {background-image:url(../../image/form/inputRoTB.png);}

dd.readonly>.textWrapper>.middleL, dd.readonly>.textWrapper>.middleR, 
dd.readonly>.textareaWrapper>.middleL, dd.readonly>.textareaWrapper>.middleR {background-image:url(../../image/form/inputRoLR.png);}

/* submit, reset, search */

.submitWrapper>span, .resetWrapper>span {width:3px; height:3px;}
.submitWrapper>.topM, .submitWrapper>.bottomM, .resetWrapper>.topM, .resetWrapper>.bottomM {width:100%;}
.submitWrapper>.middleL, .submitWrapper>.middleR, .resetWrapper>.middleL, .resetWrapper>.middleR {height:auto;}
.submitWrapper>.topL, .submitWrapper>.topR, .submitWrapper>.topM, .resetWrapper>.topL, .resetWrapper>.topR, .resetWrapper>.topM {top:-2px;}
.submitWrapper>.bottomL, .submitWrapper>.bottomR, .submitWrapper>.bottomM, .resetWrapper>.bottomL, .resetWrapper>.bottomR, .resetWrapper>.bottomM {bottom:-2px;}
.submitWrapper>.topL, .submitWrapper>.bottomL, .submitWrapper>.middleL, .resetWrapper>.topL, .resetWrapper>.bottomL, .resetWrapper>.middleL {left:-2px;}
.submitWrapper>.topR, .submitWrapper>.bottomR, .submitWrapper>.middleR, .resetWrapper>.topR, .resetWrapper>.bottomR, .resetWrapper>.middleR {right:-2px;}

.submitWrapper>span, .resetWrapper>span {background-image:url(../../image/form/buttonCorner.png);}
.submitWrapper>.topM, .resetWrapper>.topM, .submitWrapper>.bottomM, .resetWrapper>.bottomM {background-image:url(../../image/form/buttonTB.png);}
.submitWrapper>.middleL, .resetWrapper>.middleL, .submitWrapper>.middleR, .resetWrapper>.middleR {background-image:url(../../image/form/buttonLR.png);}

.searchWrapper>span {background-image:url(../../image/form/buttonSearchCorner.png);}
form .searchWrapper .topM , form .searchWrapper .bottomM {background-image:url(../../image/form/buttonSearchTB.png);}
form .searchWrapper .middleL, form .searchWrapper .middleR {background-image:url(../../image/form/buttonSearchLR.png);}


/* helpForm
*******************************************************************************/

.helpForm {
width:335px;
color:#999999;
clear:both;
}

#jsOn .formContent .helpForm {
clear:none;
margin:2px 3px;
padding-bottom:0;
}

body>#layer.helpFormLayer {width:220px;}


/* image-replacement
------------------------------------------------------------------------------*/

#header .title a:link, #header .title a:visited {
line-height:1000px;
overflow:hidden;
}


/* float clearing 
*******************************************************************************/

.box .box_content:after
{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


/* basic layout
*******************************************************************************/

#wrapper {
	position:relative;
	width:808px;
	margin:auto;
}

#portal {
	width:780px;
	padding:17px 14px;
	overflow:hidden;
}

#portal_inner {
	position:relative;
	width:100%;
}

#content {
	position:relative;
	width:100%;
	margin-top:20px;
}



#footerSearchForm {
width:100%;
overflow:hidden;
clear:both;
padding-top:28px;
text-align:center;
font-size:16px;
white-space:nowrap;
}

.mainContent {
clear:both;
float:left;
width:464px;
overflow:visible;
display:inline; /* IE6 */
}

.secondaryContent {
float:left;
width:146px;
margin-bottom:-14px;
overflow:visible;
display:inline; /* IE6 */
}

/* grid */

#content.col2_300 .mainTitle {margin-bottom:14px;} /* TODO: make default */
#content.col2_300 .mainContent {width:464px;}
#content.col2_300 .secondaryContent {width:300px; float:right;}
#content.col2_300 .secondaryContent .contentBox {width:290px;}

#footer {
position:relative;
clear:both;
width:100%;
padding-top:15px;
}

.subPage {
position:relative;
width:780px;
padding-top:1.5em;
}

#jsOn #mainTitleHelp {
position:absolute;
top:0; right:0;
z-index:999;
}

#jsOn .subPage #help2 {
position:absolute;
right:0;
bottom:25px;
z-index:999;
}


/* logo
******************************************************************************/

#header .title .separator, #header .title .slogan{
display:none;
}

#header .title a{
position:absolute;
top:0; left:-1px;
width:180px;
height:60px;
background-repeat:no-repeat;
background-position:0 0;
}


/* header */

#header {
	padding-top:44px;
	line-height:1.25;
}

	/* include new form elements */
	
	#header input, #header select {
		font-size:100%;
		line-height:1.25;
	}
	
	#header input, #header select {
		height:1.25em;
		-moz-box-sizing:content-box;
		-webkit-box-sizing:content-box;
		-ms-box-sizing:content-box;
		box-sizing:content-box;
	}
	
	#header input.text, #header input.password, #header select, .aria_select {
		padding:2px;
		border:1px solid;
		border-color:#949fac #bfc9d4 #b7c3cf #9ca6b1;
		background:#fff url(/image/form/input.png) 0 0 no-repeat;
	}
	
	#header input.text:focus, #header input.password:focus, #header select:focus, .aria_select.focus {
		border-color:#728eab #a2bbd3 #97b3d0 #7d96ae;
		background-image:url(/image/form/inputF.png);
	}
	
	#header input.checkbox {
		height:auto;
		vertical-align:bottom;
	}
	
	#IE6_7 #header input.checkbox { /* erase margin */
		position:relative;
		top:-3px;
		left:-3px;
		margin-right:-6px;
	}
	
	#header input.submit {
		padding:2px 3px;
		border:1px solid;
		border-color:#91a3b5 #486785 #486785 #91a3b5;
		cursor:pointer;
		background:url(/image/form/button.png) 0 50% repeat-x;
	}
	
	#IE6_7 #header input.submit {
		overflow:visible;
		margin-top:1px;
		padding-bottom:0;
		padding-top:1px;
		height:auto;
	}
	
	/* logo */
	
	#logo {
		position:absolute;
		z-index:2;
		top:-2px;
		left:0;
	}
	
	.mokonoPower {
		position:absolute;
		z-index:2;
		top:59px;
		left:0;
		width:95px;
		height:0;
		padding-top:7px;
		overflow:hidden;
	}
	
		#logo img {
			border:0;
		}
		
		#logo a:focus img {
			outline:1px solid;
		}
	
	/* accessOptions */
	
	#accessOptions {
		position:absolute;
		z-index:2; /* IE6,7 */
		top:8px;
		right:0;
	}
	
		#siteLanguage {
			margin-right:.5em;
			display:inline;
		}
		
			#siteLanguage .fieldset {
				display:inline;
			}
		
		#accessOptions .listing_item:before {
			color:#999;
		}
		
			#accessOptions .listing a {
				line-height:1.75; /* 21px */
			}
			
			#accessOptions .messages a {
				padding-left:20px;
				background:url(/image/my/icons_message.png) -3px -844px no-repeat;
			}
			
			#accessOptions .unread a {
				font-weight:bold;
				color:#e95d0f;
			}
			
			/* loginForm */
			
			#headerLoginForm {
				right:0;
				top:100%;
			}
			
				#headerLoginForm .shortForm {
					width:136px; /* IE6,7 130+2*2+2*1 */
				}
				
					#headerLoginForm input.text, #headerLoginForm input.password {
						width:130px;
					}

	
	/* siteSearch */
	
	#siteSearch {
		position:absolute;
		top:4px;
		left:111px; /* logo + 15 */
		padding:4px;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		-ms-border-radius:2px;
		border-radius:2px;
		background-color:#d3dde6;
	}
	
	#siteSearch .inlineWrap {
		position:relative;
		float:left;
		margin-right:.25em;
	}
	
	#siteSearch .text {
		width:210px;
		padding-right:5px;
	}
	.blog_com_es #siteSearch .text {
		width:150px;
	}
	
	#siteSearch_category {
		position:absolute;
		top:1px;
		right:2px;
		border:0;
		background:none;
	}
	
	#siteSearch_category ul {
		right:-2px;
	}
	
	#siteSearch_category strong:before {
		content:'| ';
		color:#9ca6b1;
	}
	
	#siteSearch_category strong {
		background-color:#fff;
	}


/* navi */

#navi {
	width:100%; /* IE6 */
	overflow:hidden;
	border-bottom:.25em solid #ccc; /* 3px */
}

.shortHeader #navi {
	margin-top:24px;
}

	.blog_fr .navi_item_first{margin-left:108px;} /* 93 + 15 */
	.blog_fr #siteSearch{left:108px;}
	
	.blog_de .navi_item_first{margin-left:111px;} /* 96 + 15 */
	.blog_de #siteSearch{left:111px;}
	
	.blog_ca .navi_item_first {margin-left:112px;} /* 97 + 15 */
	.blog_ca #siteSearch{left:112px;}
	
	.blogs_fi .navi_item_first, .blogs_it .navi_item_first {margin-left:121px;} /* 106 + 15 */
	.blogs_fi #siteSearch, .blogs_it #siteSearch{left:121px;}
	
	.blogs_no .navi_item_first, .blogs_ro .navi_item_first, .blogs_se .navi_item_first{margin-left:126px;} /* 111 + 15 */
	.blogs_no #siteSearch, .blogs_ro #siteSearch, .blogs_se #siteSearch{left:126px;}
	
	.blogs_dk .navi_item_first {margin-left:128px;} /* 113 + 15 */
	.blogs_dk #siteSearch{left:128px;}
	
	.blog_co_uk .navi_item_first {margin-left:153px;} /* 138 + 15 */
	.blog_co_uk #siteSearch{left:153px;}
	
	.bloggar_de .navi_item_first {margin-left:158px;} /* 143 + 15 */
	.bloggar_de #siteSearch{left:158px;}
	
	.blazestone .navi_item_first, .weblogs_pl .navi_item_first {margin-left:162px;} /* 147 + 15 */
	.blazestone #siteSearch, .weblogs_pl #siteSearch{left:162px;}
	
	.weblogs_cz .navi_item_first, .weblogs_hu .navi_item_first {margin-left:168px;} /* 153 + 15 */
	.weblogs_cz #siteSearch, .weblogs_hu #siteSearch{left:168px;}
	
	.blog_com_es .navi_item_first {margin-left:177px;} /* 162 + 15 */
	.blog_com_es #siteSearch{left:177px;}
	
	#navi .left {
		margin-right:-100%;
		float:left;
	}
	
	#navi > .left.inactive {
		width:auto;
		z-index:1;
	}
	
	#navi .right {
		float:right;
		text-align:right;
	}
	
	#navi > .right.inactive {
		width:auto;
		z-index:1;
	}
	
	/* tab */
	
	#navi .tab {
		margin-top:.25em; /* 3px */
		color:#000;
		background:#ccc url(/image/global/bgNavi.png) 0 -100px no-repeat;
	}
	
	#navi .tab_inner {
		display:block;
		margin-left:.75em;
		padding-right:.75em;
		font-size:1.167em; /* 14px */
		line-height:1.786em; /* 25px = 28-3 */
		background:url(/image/global/bgNavi.png) 100% -100px no-repeat;
	}
	
	/* tab hover */
	
	#navi .tab:hover {
		text-decoration:none;
		background-color:#ddd;
		background-position:0 -200px;
	}
	
	#navi .tab:hover .tab_inner {
		background-position:100% -200px;
	}
	
	/* active tab */
	
	#navi .navi_item_active .tab:hover, /* IE6 */
	#navi .navi_item_active .tab {
		margin-top:0;
		color:#fff;
		background-color:#369;
		background-position:0 0;
	}
	
	#navi .navi_item_active .tab:hover .tab_inner, /* IE6 */
	#navi .navi_item_active .tab .tab_inner {
		padding-top:.125em; /* 2px */
		font-size:1.333em; /* 16px */
		line-height:1.625em; /* 26 = 28-2 */
		background-position:100% 0;
	}
	
	/* sub navi */
	
	#navi .navi_sub_inner, #navi .navi_sub_empty {
		padding:.5em .667em; /* 6px 8px */
		border-bottom:1px solid #274d72;
		background-color:#369;
	}
	
	#navi .navi_sub_inner, #navi .navi_sub_inner a {
		color:#fff;
	}
	
	#navi .navi_sub_empty {
		height:.417em;
		padding:0;
		overflow:hidden; /* ie6 */
	}
	
	/* join button */
	
	#navi .join, #navi .join:hover {
		position:relative;
		margin-bottom:1px;
		margin-right:2px;
		color:#fff;
		background-color:#f60;
		background-position:0 -300px;
	}
	
	#navi .join:hover {
		text-decoration:underline;
	}
	
	#navi .join .tab_inner, #navi .join:hover .tab_inner {
		line-height:1.714em; /* 24px */
		background-position:100% -300px;
	}
	
		#navi .join_BL, #navi .join_BR {
			position:absolute;
			bottom:0;
			right:0;
			left:0;
			height:2px;
			background:url(/image/global/bgNavi.png) 0 -398px no-repeat;
		}
		
		#navi .join_BR {
			left:auto;
			width:2px;
			background-position:100% -398px;
		}








/* footerSearchForm
*******************************************************************************/

#footerSearchForm .textWrapper, #footerSearchForm .submitWrapper {
float:none;
display:inline-block;
vertical-align:middle;
}

#footerSearchForm p {
display:inline-block;
padding:12px 15px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background-color:#E6EFF8;
}

* html #footerSearchForm p {
display:inline;
}

#footerSearchForm label.term {
left:-9999px;
position:absolute;
}

#footerSearchForm_term {
width:300px;
}

#footerSearchForm * {
float:none;
}






/* footer
*******************************************************************************/

#footer {
font-size:11px;
text-align:center;
}

#footer .main {
margin-bottom:8px;
padding:8px 8px 0;
border-width:1px;
border-style:solid;
border-top-width:5px;
}

#footer .row {padding-bottom:8px;}

#footer .divider {color:#369;}


#footer span {font-weight:bold;}

#footer a {white-space:nowrap;}

#footer .info span, #footer .associates span {display:none;}



ul.linkCols {
	display:block;
	overflow:hidden;
	zoom:1;
}

	ul.linkCols li {
		float:left;
		margin:0 !important;
		padding:0 !important;
		border:0 !important;
		overflow:hidden;
		white-space:nowrap;
	}
	
	ul.linkCols2 li {
		width:49.9%;
	}
	
	ul.linkCols3 li {
		width:33.3%;
	}
	
	ul.linkCols4 li {
		width:24.9%;
	}
	
	ul.linkCols5 li {
		width:19.9%;
	}
	
		ul.linkCols span {
			display:list-item;
			list-style:disc;
			margin-left:1.5em;
		}

.greyedOut, .greyedOut * {
	color:#888 !important;
}


#footerChannels {
	width:780px; /* ie6 */
	margin:0 auto 8px;
	overflow:hidden;
	text-align:left;
}

#footerChannels p {
	margin-bottom:5px;
}

#footerChannels ul {
	display:block;
}

#footerChannels li {
	float:left;
	width:24.5%;
	margin:0;
	padding:0;
	border:0;
}

#footerChannels span {
	display:list-item;
	list-style:disc;
	margin-left:2.5em;
}

/* teaserSmall
*******************************************************************************/

#teaserSmall{
position:relative;
width:780px;height:103px;
}

#teaserSmall .register a{
position:absolute;
top:0;left:-1px;
width:210px;height:75px;
padding-top:13px;
padding-left:350px;
padding-right:226px;
font-size:16px;
text-align:center;
color:#ff6600;
background:url(../../image/global/teaserSmall.jpg) no-repeat;
text-decoration:none;
z-index:1;
}

#teaserSmall .register a br {
display:block;
}

#teaserSmall .register a strong{
font-weight:bold;
}

#teaserSmall li a{
position:absolute;
top:3px;
width:87px;
padding-top:55px;
font-size:16px;
font-weight:bold;
text-align:center;
z-index:2;
}

#teaserSmall li a{text-decoration:none;}

#teaserSmall .blogs a{left:8px;}
#teaserSmall .media a{left:95px;}
#teaserSmall .content a{left:181px;}
#teaserSmall .friends a{left:266px;}

#teaserSmall .register2 a:link, #teaserSmall .register2 a:visited{
position:absolute;
top:13px;left:565px;
width:202px;height:59px;
font-size:20px;
line-height:56px;
white-space:nowrap;
text-align:center;
color:white;
z-index:2;
}


/* custom elements
*******************************************************************************/

.accessibility {
	position:absolute;
	z-index:9999;
	top:0;
	left:-99999px;
	-moz-box-shadow:0 0 5px;
	-webkit-box-shadow:0 0 5px;
	box-shadow:0 0 5px;
}

a.accessibility {
	padding:.25em .5em;
	border:1px solid;
	background-color:#fff;
}


	.accessibility:focus {
		left:0;
		left:auto; top:auto;
	}

#blogde .jsOnly {
	display:none;
}

#jsOn .jsOnly {
	display:block;
}

.mainTitle {
	margin-bottom:14px;
	padding-bottom:6px;
	border-bottom:1px solid #ccc;
	font-size:16px;
	font-weight:normal;
	line-height:1.25;
}

div.mainTitle h1 {
display:inline;
}

/*
@component: box
@html: 
*/

.box {
	margin-bottom:14px;
	position:relative;
	clear:both;
}

.box_title {
	padding:4px 8px;
	font-size:13px;
	font-weight:bold;
	line-height:1.25;
	color:#fff;
	background:#369 url(/image/global/boxTitle.png) 0 0 repeat-x;
}

.box_content {
	position:relative;
	padding:8px;
	border:1px solid #ccc;
	border-top:0;
	background-color:#f2f6f9;
}

.box .subTitle {
margin-bottom:3px;
padding:5px 8px;
border-bottom:1px solid #999;
font-size:11px;
line-height:1.182em;
background:#ccc url(../../image/global/bgNavi.png) 0 -400px repeat-x;
}

.box .more, .box_more {
clear:both;
text-align:right;
}

.box .more a {font-weight:bold;}

* html .box, * html .box_title, * html .box_title .inner, * html .box .box_content {zoom:1;}



/*
@component: navi
@html: 
*/

.navi {
	position:relative;
	width:100%; /* ie6 */
	overflow:hidden;
}

	.navi_item {
		display:inline;
		margin-right:-.25em; /* word spacing */
	}
	
	.navi_item_last {
		margin-right:0;
	}
	
		.navi_elem {
			display:-moz-inline-box; /* FF2 */
			display:inline-block;
			vertical-align:bottom;
		}
			
		.navi_sub {
			float:left;
			width:100%;
		}


/*
@component: layer
@html: 
*/

.layer {
	position:absolute;
	z-index:999;
	padding:2px;
	border:1px solid #369;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:0 0 8px #333;
	-webkit-box-shadow:0 0 8px #333;
	box-shadow:0 0 8px #333;
	background-color:#6698cb;
	
	filter:
		progid:DXImageTransform.Microsoft.DropShadow(color=#969696, offx=1, offy=1)
		progid:DXImageTransform.Microsoft.DropShadow(color=#C2C2C2, offx=1, offy=1)
		progid:DXImageTransform.Microsoft.DropShadow(color=#EFEFEF, offx=1, offy=1);
}

	.layer_content {
		padding:10px;
		background-color:#eee;
	}
	
	.layer_close {
		display:block;
		width:16px;
		height:16px;
		text-indent:-9999px;
		margin:-4px -4px -4px auto;
		overflow:hidden;
		cursor:pointer;
		background:url(/image/global/layer_close24.png);
	}
	
	.layer_close:focus {
		outline:1px solid #333;
	}


/*
@component: shortForm
@html: 
*/

.shortForm {
	padding:10px;
	background-color:#dae6f2;
}

	.shortForm_list_item {
		margin-bottom:.416em; /* 5px */
	}
	
		.shortForm_list_item label + input, .shortForm_list_item label + select {
			display:block;
			margin-top:.166em; /* 2px */
		}
		
		.shortForm_list_item .note {
			font-size:.916em; /* 11px */
		}
	
	.shortForm .required label {
		font-weight:bold;
	}
	
	.shortForm_submit {
		margin-top:.833em; /* 10px */
	}
	
		.shortForm_submit .primary {
			font-weight:bold;
		}


/*
@component: listing (comma, divider)
@html: 
*/

.listing {
	display:inline;
}

	.listing_item {
		display:inline;
		margin-right:0;
		margin-left:0;
	}
	
	.listing.comma > .listing_item {
		margin-right:-.25em; /* word spacing */
	}
	
	.listing.comma > .listing_item:before {
		content:' , ';
	}
	
	.listing.divider {
		word-spacing:.15em;
	}
	
	.listing.divider > .listing_item:before {
		content:' | ';
	}
	
	.listing.dot > .listing_item:before {
		content:' \B7  ';
	}
	
	.listing.breadCrumb > .listing_item:before {
		content:' \BB  ';
		position:relative;
		top:-.15em;
	}
	
	.listing > .listing_item:first-child:before {
		content:'';
	}
	
	#IE6_7 .listing_item {
		margin-right:.5em;
	}
	
	#IE6_7 .listing_item_last {
		margin-right:0;
	}


/* aria select */

.aria_select {
	position:relative; z-index:100;
	cursor:default;
	background-color:#fff;
}

.aria_select.jsOnly {
	display:none;
}

.aria_select, #jsOn .aria_select.jsOnly {
	display:-moz-inline-box; /* FF2 */
	display:inline-block;
}

.aria_select.select_options {
	outline:0;
}

#IE6_7 .aria_select {
	display:inline !important;
}

	.aria_select strong {
		margin:0 2px;
		padding-right:13px;
		font-weight:normal;
		background:url(/image/global/arrowDown.gif) 100% 50% no-repeat;
	}
	
	.aria_select ul {
		position:absolute;
		top:100%;
		right:0;
		display:none;
		border:1px solid #666;
		-moz-box-shadow:0 0 4px #666;
		-webkit-box-shadow:0 0 5px #666;
		box-shadow:0 0 5px #999;
		background-color:#fff;
	}
	
		.aria_select.select_options ul {
			display:block;
		}
		
			.aria_select li {
				padding:3px 6px;
			}
			
			.aria_select .active {
				background-color:#0a246a;
				color:#fff;
			}

/* bloglist
*******************************************************************************/

.blogList li {
position:relative;
float:left;
width:225px;height:7.7em;
min-height:85px;
margin-bottom:6px;
list-style:none;
border-bottom:1px solid #cccccc;
overflow:hidden;
}

.blogList .blog, .blogList .title, .blogList .description, .blogList .blogger, .blogList .name {
position:absolute;
left:57px;
width:168px;height:1.25em;
overflow:hidden;
white-space:nowrap;
cursor:pointer;
}

.blogList .blog {
top:0;left:0;
width:225px;
font-weight:bold;
}

.blogList .blog a {
font-weight:bold;
}

.blogList .title {
top:1.5em;
font-weight:bold;
cursor:auto;
}

.blogList .description {
top:2.667em;
height:3.25em;
line-height:1.083em;
white-space:normal;
cursor:auto;
}

.blogList .blogger {
top:6.364em;
font-size:.917em;
overflow:visible;
}

.blogList .name {position:static;}

.blogList img {
position:absolute;
top:-4.636em;left:-57px;
width:48px;height:60px;
}

.blogList a:hover .url, .blogList a:hover .title, .blogList a:hover .name {text-decoration:underline;}


/* postList
*******************************************************************************/

.postList li {
position:relative;
float:left;
width:145px;height:4.583em;
margin-bottom:9px;
}

.postList h4 a, .postList .post a, .postList .blog, .postList .blogger a, .postList .content {
position:absolute;
left:29px;top:0;
width:118px;
white-space:nowrap;
overflow:hidden;
}

.postList h4 a, .postList .post a {
left:0;
width:145px;
font-weight:bold;
}

.postList .blog {
top:1.273em;
font-size:.917em;
}

.postList .blog strong {
line-height:1.25;
}

.postList .blogger a{
left:0;top:1.417em;
width:30px;
}

.postList .blogger img{
width:22px;height:28px;
}

.postList .content {
top:2.25em;
height:2.333em;
line-height:1.167em;
white-space:normal;
}


/* simplePostList
*******************************************************************************/

.simplePostList li {

line-height:1.5em;
white-space:nowrap;
overflow:hidden;
/*padding-left:21px;
background:url(../../image/global/iconPost.gif) 0 50% no-repeat;*/
}

.simplePostList .post {
font-weight:bold;
}


/* bigPostList
*******************************************************************************/

.bigPostList {
position:relative;
clear:left; float:left;
width:100%; /* IE6,7 */
margin-bottom:-1.5em;
}

.bigPostList .post {
position:relative;
margin-bottom:1.5em;
padding:0 0 1.5em 33px;
overflow:hidden; /* IE6 */
border-width:0 0 1px;
border-style:solid;
zoom:1; /* IE6,7 */
}


.bigPostList .title {
margin:0 0 .2em -33px;
}

.bigPostList .title a {
display:block;
width:100%;
overflow:hidden;
font-size:1.25em;
font-weight:bold;
white-space:nowrap;
}

.bigPostList .blogger a:hover .name{text-decoration:underline;}

.bigPostList .blogger img{
position:absolute;
left:0; top:1.8em;
width:24px;height:30px;
}

.bigPostList .blog, .bigPostList .blogger, .bigPostList .time {display:inline;}

.bigPostList .content{
width:100%;
margin-top:3px;
overflow:hidden;
line-height:1.25em;
}

.bigPostList .content a {font-weight:bold;}

.bigPostList .tagListing {
margin-top:3px;
}

/* commentaddon */

.bigPostList .separator{
display:none;
}

.commentaddon .post {padding-left:113px;}
.commentaddon .blogger img {left:80px;}

.commentaddon .comments{
position:absolute;
top:0;left:0;
width:70px;height:75px;
font-size:10px;
text-align:center;
vertical-align:middle;
color:#fff;
background:url(../../image/global/commentators.gif) no-repeat;
cursor:pointer;
}

.commentaddon .count {
display:block;
padding-top:5px;
font-size:24px;
font-weight:bold;
color:#336699;
line-height:34px;
}

.commentaddon .label {display:block;}


/* lastPostListSmall
*******************************************************************************/

.lastPostListSmall li{
position:relative;
width:128px;height:2.5em;
float:left;
}

.lastPostListSmall h4 a, .lastPostListSmall .time, .lastPostListSmall .url {
position:absolute;
top:0;left:22px;
width:105px;
white-space:nowrap;
overflow:hidden;
}

.lastPostListSmall h4 a{

}

.lastPostListSmall .time{
left:-5px;
width:21px;
font-size:.75em;
line-height:1.778em;
text-align:right;
}

.lastPostListSmall .url {
top:1.364em;
font-size:.917em;
line-height:1.25em;
color:#777777;
}


/* bloggerListSmall
*******************************************************************************/

.bloggerListSmall li{
position:relative;
float:left;
width:128px;height:2.5em;
}

.bloggerListSmall .blogger a, .bloggerListSmall .ageSex, .bloggerListSmall .location{
position:absolute;
top:1.25em;left:0;
white-space:nowrap;
overflow:hidden;
}

.bloggerListSmall .blogger a{
top:0;
width:128px;
font-weight:bold;
}

.bloggerListSmall .ageSex {width:28px;}

.bloggerListSmall .location{
left:28px;
width:100px;
}


/* onlineBlogger
*******************************************************************************/

#onlineBlogger .box_content{
padding:0;
width:144px; /* IE6+7 */
}

#onlineBlogger .more {padding:2px 8px 8px 0;}

#onlineBlogger p.empty {
padding-top:5px;
text-align:center;
}

#onlineBlogger p.info {
padding:5px;
line-height:1.25em;
background-color:#d9e6f2;
}

#onlineBlogger abbr.female, #onlineBlogger abbr.male {
margin-top:-1px;
}

.bloggerListSmall {
padding:0 8px;
overflow:hidden;
}

#jsOn #onlineBlogger .bloggerListSmall, #jsOn #onlineBlogger .subTitle {display:none;}

#onlineBlogger #onlineButtons, #jsOn #onlineBlogger .active {display:block;}

#onlineButtons {
height:22px;
padding:0 0 0 20px;
}

#onlineButtons li {
float:left;
margin-top:2px;
margin-right:9px;
}

#onlineButtons a {
float:left;
width:19px; height:0;
padding-top:18px;
overflow:hidden;
background:url(../../image/global/bgImagesV.png) 0 0 no-repeat;
}

#onlineButtons .allBlogger a:hover {background-position:0 -18px;}
#onlineButtons .allBlogger a.active {background-position:0 -36px !important;}

#onlineButtons .friendBlogger a {background-position:0 -54px;}
#onlineButtons .friendBlogger a:hover {background-position:0 -72px;}
#onlineButtons .friendBlogger a.active {background-position:0 -90px !important;}

#onlineButtons .maleBlogger a {background-position:0 -108px;}
#onlineButtons .maleBlogger a:hover {background-position:0 -126px;}
#onlineButtons .maleBlogger a.active {background-position:0 -144px !important;}

#onlineButtons .femaleBlogger a {background-position:0 -162px;}
#onlineButtons .femaleBlogger a:hover {background-position:0 -180px;}
#onlineButtons .femaleBlogger a.active {background-position:0 -198px !important;}


/* tagList
*******************************************************************************/

.tagList {overflow:hidden;}

.tagList li {
display:-moz-inline-box;
display:inline-block;
vertical-align:middle;
}

* html .tagList li {display:inline;}
*+html .tagList li {display:inline;}

.tagList li.ad {
float:right !important;
height:auto !important;
margin:10px 0 5px 5px !important;
line-height:normal !important;
}

.tagList li a {
padding:0 .1em;
white-space:nowrap;
line-height:1em;
}

.tagList li[class^="level"] a {vertical-align:sub;} /* not for ie 6,7 */

.tagList li span {display:none;}
.tagList li.ad span {display:inline;}

.level1 a{font-size:.75em;}
.level2 a{font-size:.833em;}
.level3 a{font-size:.917em;}
.level4 a{font-size:1em;}
.level5 a{font-size:1.083em;}
.level6 a{font-size:1.167em;}
.level7 a{font-size:1.25em;}
.level8 a{font-size:1.333em;}
.level9 a{font-size:1.417em;}
.level10 a{font-size:1.5em;}
.level11 a{font-size:1.583em;}
.level12 a{font-size:1.667em;}
.level13 a{font-size:1.75em;}
.level14 a{font-size:1.833em;}
.level15 a{font-size:1.917em;}
.level16 a{font-size:2em;}
.level17 a{font-size:2.083em;}
.level18 a{font-size:2.167em;}
.level19 a{font-size:2.25em;}
.level20 a{font-size:2.333em;}
.level21 a{font-size:2.417em;}
.level22 a{font-size:2.5em;}
.level23 a{font-size:2.583em;}
.level24 a{font-size:2.667em;}
.level25 a{font-size:2.75em;}
.level26 a{font-size:2.833em;}
.level27 a{font-size:2.917em;}
.level28 a{font-size:3em;}
.level29{font-size:37px;}
.level30{font-size:38px;}
.level31{font-size:39px;}
.level32{font-size:40px;}
.level33{font-size:41px;}
.level34{font-size:42px;}
.level35{font-size:43px;}
.level36{font-size:44px;}
.level37{font-size:45px;}
.level38{font-size:46px;}
.level39{font-size:47px;}
.level40{font-size:48px;}
.level41{font-size:49px;}
.level42{font-size:50px;}


/* bloggerList
*******************************************************************************/

.bloggerList li{
position:relative;
width:62px;
float:left;
line-height:0;
}

.bloggerList a{
line-height:0;
}

.bloggerList img{
float:left;
width:60px;height:75px;
}

.bloggerList .name{
clear:left;
display:block;
width:100%;
padding-top:2px;
font-size:.917em;
line-height:1.364em;
text-align:center;
overflow:hidden;
white-space:nowrap;
cursor:pointer; /* IE6 */
}

.bloggerList a:hover .name{
text-decoration:underline;
}


/* smallFriendList, smallMemberList, smallModeratorList
*******************************************************************************/

.smallFriendList li, .smallMemberList li, .smallModeratorList li {
float:left;
width:42px;
margin:0 5px 10px 0;
padding:4px 5px 2px;
line-height:0;
text-align:center;
border:1px solid #999999;
}

.smallFriendList a, .smallMemberList a, .smallModeratorList a {
line-height:0;
}

.smallFriendList img, .smallMemberList img, .smallModeratorList img {
width:40px;height:50px;
}

.smallFriendList .name, .smallMemberList .name, .smallModeratorList .name {
width:100%;height:1.25em;
display:block;
margin-top:2px;
font-size:.75em;
line-height:1.25em;
text-align:center;
vertical-align:middle;
overflow:hidden;
white-space:nowrap;
cursor:pointer; /* IE6 */
}

.smallFriendList a:hover .name, .smallMemberList a:hover .name, .smallModeratorList a:hover .name {
text-decoration:underline;
}


/* bloggerListInterests
*******************************************************************************/

.bloggerListInterests{
width:474px;
height:10.833em;
margin-right:-10px;
}

.bloggerListInterests li{
position:relative;
float:left;
width:158px;height:4.417em;
min-height:48px;
margin-bottom:12px;
}

.bloggerListInterests br {display:none;}

.bloggerListInterests img{
position:absolute;
top:2px;left:0;
width:39px;height:49px;
}

* html .bloggerListInterests a:hover img{
border-color:#666666;
}

.bloggerListInterests .name{
float:left;
margin-left:47px;
max-width:70px;
font-weight:bold;
overflow:hidden;
white-space:nowrap;
}

* html .bloggerListInterests .name{
width:70px;
}

.bloggerListInterests .age{
color:#666666;
line-height:1.25em;
}

.bloggerListInterests .interests{
position:absolute;
top:1.5em;left:47px;
width:101px;height:4em;
font-size:10px;
color:#666666;
overflow:hidden;
}

.bloggerListInterests .interests a{
font-size:12px;
}

.bloggerListInterests .interests span{
display:block;
}

.bloggerListInterests a:hover .name{
text-decoration:underline;
cursor:pointer; 
}


/* bloggerListAge
*******************************************************************************/

.bloggerListAge li{
position:relative;
width:128px;height:37px;
float:left;
list-style:none;
}

.bloggerListAge .blogger img{
width:22px;height:28px;
}

.bloggerListAge .name, .bloggerListAge .age{
position:absolute;
left:29px;
line-height:15px;
height:15px;
vertical-align:middle;
}

.bloggerListAge .name{
top:-3px;
width:99px;
font-weight:bold;
overflow:hidden;
white-space:nowrap;
cursor:pointer; /* IE6 */
}

.bloggerListAge .age{
top:12px;
color:#666666;
}

.bloggerListAge a:hover .name{
text-decoration:underline;
}


/* tabs
*******************************************************************************/

.tabs {
height:2.083em;
border-bottom:1px solid #cdcdcd;
overflow:visible;
}

.tabs li {
float:left;
height:2.083em;
background:url(../../image/global/tabsL.gif) no-repeat;
cursor:pointer;
}

.tabs li a:link, .tabs li a:visited, .tabs li .trigger {
float:left;
padding:.333em 10px 0;
line-height:1.75em;
outline:0;
background:url(../../image/global/tabsR.gif) top right no-repeat;
}

.tabs li:hover, .tabs li.hover{
background-image:url(../../image/global/tabsHL.gif);
}

.tabs li a:hover, .tabs li .trigger:hover, .tabs li .trigger.hover {
text-decoration:none;
background-image:url(../../image/global/tabsHR.gif);
}

.tabs li.active {
height:2.167em;
background:#ffffff url(../../image/global/tabsAL.gif) no-repeat;
}

* html .tabs li.active {
position:relative;
top:1px;
height:2.083em;
}

.tabs li.active a:link, .tabs li.active a:visited, .tabs li.active .trigger {
font-weight:bold;
background:url(../../image/global/tabsAR.gif) top right no-repeat;
}


/* pageSelect
*******************************************************************************/

.pageSelect {
position:relative;
clear:both;
float:left;
margin:20px 0;
zoom:1;
}

.pageSelect * {white-space:nowrap;}

.pageSelect ul {
float:left;
border:1px solid #369;
}

.pageSelect li{
float:left;
font-size:1.333em;
}

.pageSelect li a:link, .pageSelect li a:visited, .pageSelect li div {
float:left;
padding:0px 4px;
line-height:2.188em;
height:2.188em;
}

.pageSelect li a:hover{
text-decoration:none;
background-color:#e1e8f0;
}

.pageSelect li span {display:none;}

.pageSelect li.active a:link, .pageSelect li.active a:visited {
padding:0px 6px;
font-weight:bold;
color:white;
background-color:#369;
}

.pageSelect li div {color:#999;}

.pageSelect .topL, .pageSelect .topR, .pageSelect .bottomL, .pageSelect .bottomR {
width:7px;height:6px;
background-image:url(../../image/global/pageSelectCorner.gif);
}

.pageSelect .topL, .pageSelect .topR, .pageSelect .topM {top:-1px;}
.pageSelect .bottomL, .pageSelect .bottomR {bottom:-1px;}
.pageSelect .topL, .pageSelect .bottomL {left:-1px;}
.pageSelect .topR, .pageSelect .bottomR {right:-1px;}

.emptyPagiTop {
position:relative; z-index:2;
width:100%;height:10px;
margin:0 0 -5px;
background:#fff;
}

.emptyPagiBottom {height:2.188em;}
* html .emptyPagiBottom {height:3.5em;}
*+html .emptyPagiBottom {height:3.5em;}

.emptyPagiTop ul, .emptyPagiBottom ul {display:none;}


/* pagination
*******************************************************************************/

.pagination {
	margin:1.25em 0;
}

	.pagination ul {
		padding:2px 0;
	}
	
		.pagination li {
			display:inline;
		}
		
			.pagination li a, .pagination li a:visited, .pagination li strong {
			padding:1px 6px;
			font-size:1.167em;
			text-decoration:none !important;
			border:1px solid;
			border-color:#d9e6f2;
			color:#333;
			background-color:#d9e6f2;
			}
			
			.pagination li strong, .pagination li.active a {
			cursor:default;
			border-color:#336699;
			color:#fff;
			background-color:#336699;
			}
			
			.pagination li a:hover {border-color:#adc5dc;}

* html .pagination li {margin:0 .1em;}
*+html .pagination li {margin:0 .1em;}

/* photoList
*******************************************************************************/

.photoList, .tagMediaList {
clear:both;
}

.photoList li, .tagMediaList li {
position:relative;
float:left;
overflow:hidden;
list-style:none;
}

.photoList .blogger a, .tagMediaList .blogger a {
position:absolute;
left:0;
display:block;
height:13px;
font-size:11px;
line-height:13px;
vertical-align:middle;
text-align:center;
overflow:hidden;
white-space:nowrap;
}


/* uploadFiles
******************************************************************************/

.uploadFiles {
margin:20px 0;
}

.uploadFiles a {
padding:5px 0 5px 26px;
font-size:14px;
font-weight:bold;
background:url(../../image/my/icon_upload.gif) 0 50% no-repeat;
}


/* profilePhotoList
******************************************************************************/

.profilePhotoList li.item {
position:relative;
float:left;
height:198px;
padding-bottom:5em;
margin:0 27px 0px 0;
list-style:none;
}


.profilePhotoList .name {
margin-bottom:3px;
font-weight:bold;
line-height:1.25em;
}

.profilePhotoList li.primaryActive .primary {
font-weight:bold;
}

.profilePhotoList .borderImage {
width:120px;height:150px;
}


.profilePhotoList ul {
position:absolute;
top:158px; left:0;
margin-top:1.25em;
}

.profilePhotoList ul li {
line-height:1.25em;
}

/* subTopic
******************************************************************************/

.subTopic h4, .subTopicTitle {
background:url(../../image/global/headlineBg.gif) repeat-x;
font-size:13px;
line-height:23px;
margin-top:10px;
margin-bottom:9px;
padding-left:9px;
}


/* albumList
******************************************************************************/

.albumList li{
position:relative;
float:left;
width:116px;height:132px;
margin-top:33px;
list-style:none;
}

.albumList .album{
width:116px;height:116px;
background:url(../../image/global/photoframe.gif) 0 0 no-repeat;
}

.albumList .album .name, .albumList .blogger a, .albumList .files{
position:absolute;
width:116px;
vertical-align:middle;
white-space:nowrap;
overflow:hidden;
}

.albumList .album .name{
top:-35px;left:5px;
width:100px;height:15px;
line-height:15px;
font-weight:bold;
cursor:pointer; /* IE6 */
}

.albumList .album a:hover .name{
text-decoration:underline;
}

.albumList .album img{
width:98px;height:98px;
margin:5px;
}

.albumList .blogger a{
bottom:0px;height:15px;
text-align:center;
font-size:11px;
line-height:15px;
}

.albumList .files{
top:-21px;left:5px;
font-size:10px;
line-height:12px;
}


/* moreList
******************************************************************************/

.moreList{
float:right;
margin-top:5px;
}

.moreList a:link, .moreList a:visited {
font-weight:bold;
}

.moreList span, .moreList ul{
float:left;
line-height:1.25em;
}

.moreList li{
float:left;
padding-left:12px;
background:url(../../image/global/separatorVLineGray.gif) 5px 50% no-repeat;
}

.moreList .first{
padding-left:7px;
background:none;
}


/* toggle
*************************************************************/

.toggle {
position:relative;
height:22px;
margin-top:3px;
border-top:1px solid #cfcfcf;
background:#ffffff url(../../image/global/toggleListL.gif) no-repeat;
clear:both;
float:left;
width:100%;
}

.toggle strong{
float:left;
margin-left:10px;
background:url(../../image/global/toggleListR.gif) top right no-repeat;
}

.toggle a{
float:left;
padding:0 28px 4px 14px;
outline:0;
line-height:18px;
background:url(../../image/global/arrowDown.gif) 0 6px no-repeat;
}

.toggle a.expanded{
background-image:url(../../image/global/arrowUp.gif);
}


/* helpInfo
*************************************************************/

#layer.help {
position:absolute; z-index:9999;
width:300px;
line-height:1.25em;
}

#layer.help .inner {
position:relative;
background:#fff;
}

* html #layer.help .inner {
padding:3px;
border:1px solid #6499be;
background:#a5d4f5;
}

* html #layer.help .content {
padding:10px;
background:#fff;
}

#layer.help .title {
display:block;
margin:0 0 7px;
padding:0 0 5px;
font-size:14px;
font-weight:bold;
border-bottom:1px solid #c5c5c5;
}

*+html #layer.help .title {
position:relative;
top:-1px; /* close 1px gap */
background:#fff;
}

#layer.help .userContent {
width:100%;
overflow:hidden;
color:#666666;
}

#layer.help .userContent dt {
font-weight:bold;
color:#333;
}

#layer.help .userContent dd {margin:5px 0 10px;}

#layer.help iframe { /* ie6 select z-index fix */
position:absolute; z-index:-1;
top:0; left:-4px;
width:100%;
padding-right:28px;
}

.helpIcon {
height:20px;width:20px;
background:url(../../image/global/help.png) no-repeat;
cursor:pointer;
overflow:hidden;
line-height:100px;
}

.helpIcon *, .helpInfo * {display:none !important;}

.box .helpIcon {
position:absolute;
top:3px;right:2px;
}

.box .box_content .helpIcon {
position:static;
top:auto;right:auto;
}

/* border */

#layer.help .inner>span {
width:21px; height:21px;
background-image:url(../../image/global/helpCorner.png);
}

#layer.help .inner>.topM, #layer.help .inner>.bottomM {
width:100%;
background-image:url(../../image/global/helpTB.png);
}

#layer.help .inner>.middleL, #layer.help .inner>.middleR {
height:auto;
background-image:url(../../image/global/helpLR.png);
}

#layer.help .inner>.topL, #layer.help .inner>.topR, #layer.help .inner>.topM {top:-21px;}
#layer.help .inner>.bottomL, #layer.help .inner>.bottomR, #layer.help .inner>.bottomM {bottom:-21px;}
#layer.help .inner>.topL, #layer.help .inner>.bottomL, #layer.help .inner>.middleL {left:-21px;}
#layer.help .inner>.topR, #layer.help .inner>.bottomR, #layer.help .inner>.middleR {right:-21px;}

/* direction */

#layer.help>.bottomRight>.topL, #layer.help>.bottomLeft>.topR, #layer.help>.topRight>.bottomL, #layer.help>.topLeft>.bottomR {background-image:url(../../image/global/helpOriginCorner.png);}

#layer.help>.topLeft {top:-5px; left:-5px;}
#layer.help>.topRight {top:-5px; left:2px;}
#layer.help>.bottomLeft {top:2px; left:-5px;}
#layer.help>.bottomRight {top:2px; left:2px;}


/* layer.popup
*************************************************************/

#layer.popup {
position:absolute; z-index:9999;
}

#layer.popup .inner {
position:absolute;
width:200px;
line-height:1.25em;
background:#fff;
}

* html #layer.popup .inner {border:1px solid #999;}

* html #layer.popup .content {padding:8px 6px;}

#layer.popup .content {
width:100%;
overflow:hidden;
color:#666666;
}

#layer.popup iframe { /* ie6 select z-index fix */
position:absolute; z-index:-1;
top:-1px; left:-1px;
width:100%;
padding:10px 7px;
}

/* border */

#layer.popup .inner>span {
width:9px; height:9px;
background-image:url(../../image/global/popupCorner.png);
}

#layer.popup .inner>.topM, #layer.popup .inner>.bottomM {
width:100%;
background-image:url(../../image/global/popupTB.png);
}

#layer.popup .inner>.middleL, #layer.popup .inner>.middleR {
height:auto;
background-image:url(../../image/global/popupLR.png);
}

#layer.popup .inner>.topL, #layer.popup .inner>.topR, #layer.popup .inner>.topM {top:-9px;}
#layer.popup .inner>.bottomL, #layer.popup .inner>.bottomR, #layer.popup .inner>.bottomM {bottom:-9px;}
#layer.popup .inner>.topL, #layer.popup .inner>.bottomL, #layer.popup .inner>.middleL {left:-9px;}
#layer.popup .inner>.topR, #layer.popup .inner>.bottomR, #layer.popup .inner>.middleR {right:-9px;}

/* direction */

#layer.popup .right .middleL {
left:-21px;
width:21px;
background:url(../../image/global/popupArrowR.png) 0 50% no-repeat;
}

#layer.popup .right {margin-left:31px;}

#layer.prev .right {margin-top:8px;}
#layer.next .right {margin-top:-4px;}

/* info */

#layer.popup ul.info {
position:relative;
height:70px;
margin:3px 3px 5px;
padding-left:55px;
border-bottom:1px solid #999;
}

#layer.popup ul.info li.image {
line-height:0;
background:#fff; /* ie6,7 */
}

#layer.popup ul.info img {
position:absolute;
top:0; left:0;
width:48px; height:60px;
}

#layer.popup ul.info .user br {display:none;}

#layer.popup ul.info .user span {font-weight:bold;}

#layer.popup ul.options a {
padding-left:25px;
line-height:20px;
background:url(../../image/my/icons_message.png) 0 0 no-repeat;
}

#layer.popup ul.options .chat a {background-position:0 -763px;}
#layer.popup ul.options .write a {background-position:0 -843px;}
#layer.popup ul.options .remove a {background-position:0 -923px;}
#layer.popup ul.options .add a {background-position:0 -1003px;}
#layer.popup ul.options .block a {background-position:0 -1163px;}
#layer.popup ul.options .unblock a {background-position:0 -1083px;}


/* messageLayer
*************************************************************/

#messageLayer {
position:fixed; z-index:9999;
width:260px;
line-height:1.25em;
background:#fff;
}

body.notifyTL #messageLayer {left:30px; top:0;}
body.notifyTR #messageLayer {right:30px; top:0;}
body.notifyBL #messageLayer {left:30px; bottom:0;}
body.notifyBR #messageLayer {right:30px; bottom:0;}

* html #messageLayer {
position:absolute;
padding:9px;
border:2px solid;
}

#messageLayer iframe { /* ie6 select z-index fix */
position:absolute; z-index:-1;
top:-2px; left:-2px;
width:100%;
padding:2px 11px;
}

/* border */

#messageLayer.private {border-color:#f93;}
#messageLayer.system {border-color:#206bb7;}
#messageLayer.announce {border-color:#f33;}
#messageLayer.chat {border-color:#9c3;}

#messageLayer>span {width:17px; height:17px;}
#messageLayer>.topM, #messageLayer>.bottomM {width:100%;}
#messageLayer>.middleL, #messageLayer>.middleR {height:auto;}
#messageLayer>.topL, #messageLayer>.topR, #messageLayer>.topM {top:-17px;}
#messageLayer>.bottomL, #messageLayer>.bottomR, #messageLayer>.bottomM {bottom:-17px;}
#messageLayer>.topL, #messageLayer>.bottomL, #messageLayer>.middleL {left:-17px;}
#messageLayer>.topR, #messageLayer>.bottomR, #messageLayer>.middleR {right:-17px;}

#messageLayer.private>span {background-image:url(../../image/global/notifyOrangeCorner.png);}
#messageLayer.system>span {background-image:url(../../image/global/notifyBlueCorner.png);}
#messageLayer.announce>span {background-image:url(../../image/global/notifyRedCorner.png);}
#messageLayer.chat>span {background-image:url(../../image/global/notifyGreenCorner.png);}

#messageLayer.private>.topM, #messageLayer.private>.bottomM {background-image:url(../../image/global/notifyOrangeTB.png);}
#messageLayer.system>.topM, #messageLayer.system>.bottomM {background-image:url(../../image/global/notifyBlueTB.png);}
#messageLayer.announce>.topM, #messageLayer.announce>.bottomM {background-image:url(../../image/global/notifyRedTB.png);}
#messageLayer.chat>.topM, #messageLayer.chat>.bottomM {background-image:url(../../image/global/notifyGreenTB.png);}

#messageLayer.private>.middleL, #messageLayer.private>.middleR {background-image:url(../../image/global/notifyOrangeLR.png);}
#messageLayer.system>.middleL, #messageLayer.system>.middleR {background-image:url(../../image/global/notifyBlueLR.png);}
#messageLayer.announce>.middleL, #messageLayer.announce>.middleR {background-image:url(../../image/global/notifyRedLR.png);}
#messageLayer.chat>.middleL, #messageLayer.chat>.middleR {background-image:url(../../image/global/notifyGreenLR.png);}

/* content */

#messageLayer .content {
padding:5px;
overflow:hidden;
color:#333;
}

#messageLayer .close {
position:absolute;
top:10px; right:5px;
width:16px; height:0;
padding-top:15px;
overflow:hidden;
cursor:pointer;
background:url(../../image/global/icon_close.png);
}

* html #messageLayer .close {top:18px; right:13px;}

* html #messageLayer .userInfo {height:1px;}

#messageLayer .userInfo .info {display:block;}

#messageLayer .userInfo .user {width:100%;} /* ie6,7 */

#messageLayer .title {
margin-bottom:10px;
padding:5px 0 10px 30px;
border-bottom:1px solid #d2d2d2;
font-weight:bold;
background:url(../../image/global/iconEmail_21x15.gif) 0 7px no-repeat;
}

#messageLayer p {margin:5px 0 10px; overflow:hidden;}

#messageLayer.system p.info {
padding-left:21px;
background:url(../../image/global/iconSystem_15x16.gif) 0 0 no-repeat;
}

#messageLayer.announce p.info {
min-height:20px;
padding-left:30px;
background:url(../../image/global/iconAnnounce_22x20.gif) 0 0 no-repeat;
}

* html #messageLayer.announce p.info {height:20px;}

#messageLayer form {
width:100%; /* ie6 */
overflow:hidden;
}

#messageLayer .cancel {
float:left;
margin-left:10px;
}

#messageLayer .notation {
color:#666;
margin-top:10px;
}

#messageLayer .footer {
margin-top:5px;
padding:10px 0 5px;
border-top:1px solid #d2d2d2;
}


/* activeContentBox
*************************************************************/

.activeContentBox {
position:relative;
margin:6px;
background-color:#fff;
}

* html .activeContentBox {
margin:0;
padding:5px;
border:1px solid #ccc;
}

/* border */

.activeContentBox .gBorder span {
width:10px; height:10px;
background-image:url(../../image/global/roundedWhiteCorner.png);
}

.activeContentBox .gBorder .topM, .activeContentBox .gBorder .bottomM {
width:100%;
background-image:url(../../image/global/roundedWhiteTB.png);
}

.activeContentBox .gBorder .middleL, .activeContentBox .gBorder .middleR {
height:auto;
background-image:url(../../image/global/roundedWhiteLR.png);
}

.activeContentBox .gBorder .topL, .activeContentBox .gBorder .topR, .activeContentBox .gBorder .topM {top:-10px;}
.activeContentBox .gBorder .bottomL, .activeContentBox .gBorder .bottomR, .activeContentBox .gBorder .bottomM {bottom:-10px;}
.activeContentBox .gBorder .topL, .activeContentBox .gBorder .bottomL, .activeContentBox .gBorder .middleL {left:-10px;}
.activeContentBox .gBorder .topR, .activeContentBox .gBorder .bottomR, .activeContentBox .gBorder .middleR {right:-10px;}


/* infoContentBox
*************************************************************/

.infoContentBox {
position:relative;
border:1px solid #206BB7;
background-color:#fff;
}

/* border */

.infoContentBox .gBorder .topR, .infoContentBox .gBorder .bottomL, .infoContentBox .gBorder .bottomR {
width:9px; height:9px;
background-image:url(../../image/my/corners_infobox.gif);
}

.infoContentBox .gBorder .topR {top:-1px;}
.infoContentBox .gBorder .bottomL, .infoContentBox .gBorder .bottomR {bottom:-1px;}
.infoContentBox .gBorder .bottomL {left:-1px;}
.infoContentBox .gBorder .topR, .infoContentBox .gBorder .bottomR {right:-1px;}

.infoContentBox .head {
display:block;
padding-left:10px;
font-size:14px;
line-height:30px;
border-bottom:1px solid #96bbe2;
}

.infoContentBox .content {
padding:10px;
}


/* contentBox, contentBox2
*************************************************************/

.contentBox, .contentBox2 {
position:relative;
float:left;
margin:4px 5px 18px;
}

* html .contentBox, * html .contentBox2 {
margin:3px 0 14px;
padding:3px;
border:1px solid #9e9e9e;
}

.contentBox .head, .contentBox .content {
margin:-3px;
overflow:hidden;
}

.contentBox .head { /* ie6,7: needs layout */
margin-bottom:0;
padding:8px 10px;
border-bottom:1px solid #c5c5c5;
background:url(../../image/my/contentBoxHeadBg.gif) 0 100% repeat-x;
}

.contentBox .head:hover { 
/*background-image:url(../../image/my/contentBoxHeadBgH.gif);
*/}



* hmtl .contentBox .head {margin:0;}

.contentBox .head .title {
font-size:14px;
font-weight:bold;
color:#666;
}

.contentBox .content { /* ie6,7: needs layout */
margin-top:0;
padding:10px;
}

.contentBox p.more {
margin-top:5px;
text-align:right;
}

/* opened / closed */

.contentBox_opened .head, .contentBox_closed .head {cursor:pointer;}

.contentBox_opened .head {
}

.contentBox_opened .head .title {
padding-left:14px;
background:url(../../image/global/arrowDown.gif) 0 50% no-repeat;
}

.contentBox_closed .head .title {
padding-left:14px;
background:url(../../image/global/arrowRight.gif) 3px 50% no-repeat;
}

.contentBox_closed .head {
margin-bottom:-3px;
border:0;
}

.contentBox_closed .content {display:none;}

/* border */

* html .gBorder, * html .gBorder * {display:none !important;}

.contentBox .gBorder span, .contentBox2 .gBorder span {
width:7px; height:7px;
background-image:url(../../image/my/contentBoxCorner.gif);
}

.contentBox2 .gBorder span {background-image:url(../../image/my/contentBox2Corner.gif);}

.contentBox .gBorder .topM, .contentBox .gBorder .bottomM, .contentBox2 .gBorder .topM, .contentBox2 .gBorder .bottomM {
width:100%;
background-image:url(../../image/my/contentBoxTB.gif);
}

.contentBox2 .gBorder .topM, .contentBox2 .gBorder .bottomM {background-image:url(../../image/my/contentBox2TB.gif);}

.contentBox .gBorder .middleL, .contentBox .gBorder .middleR, .contentBox2 .gBorder .middleL, .contentBox2 .gBorder .middleR {
height:auto;
background-image:url(../../image/my/contentBoxLR.gif);
}

.contentBox2 .gBorder .middleL, .contentBox2 .gBorder .middleR {background-image:url(../../image/my/contentBox2LR.gif);}

.contentBox .gBorder .topL, .contentBox .gBorder .topR, .contentBox .gBorder .topM,
.contentBox2 .gBorder .topL, .contentBox2 .gBorder .topR, .contentBox2 .gBorder .topM {top:-7px;}
.contentBox .gBorder .bottomL, .contentBox .gBorder .bottomR, .contentBox .gBorder .bottomM,
.contentBox2 .gBorder .bottomL, .contentBox2 .gBorder .bottomR, .contentBox2 .gBorder .bottomM {bottom:-7px;}
.contentBox .gBorder .topL, .contentBox .gBorder .bottomL, .contentBox .gBorder .middleL,
.contentBox2 .gBorder .topL, .contentBox2 .gBorder .bottomL, .contentBox2 .gBorder .middleL {left:-7px;}
.contentBox .gBorder .topR, .contentBox .gBorder .bottomR, .contentBox .gBorder .middleR,
.contentBox2 .gBorder .topR, .contentBox2 .gBorder .bottomR, .contentBox2 .gBorder .middleR {right:-7px;}


/* borderImage
*************************************************************/

.borderImage {
position:relative;
text-align:center;
border:1px solid #cccccc;
background-color:#efefef;
display:table;
overflow:hidden;
}

.borderImage:hover{
background-color:#d8d8d8;
border:1px solid #aaaaaa;
}

* html .borderImage {display:block;}
*+html .borderImage {display:block;}

.borderImage a, .borderImage .inner {
line-height:0;
display:table-cell;
vertical-align:middle;
}

* html .borderImage a, * html .borderImage .inner {
position:absolute;
top:50%;left:50%;
}

*+html .borderImage a, *+html .borderImage .inner {
position:absolute;
top:50%;left:50%;
}

.borderImage img{
border:none;
line-height:0;
}

* html .borderImage img {
position:relative;
top:-50%;left:-50%;
}

*+html .borderImage img {
position:relative;
top:-50%;left:-50%;
}

/* mediaVisibility
*************************************************************/

.mediaVisibility {
position:relative;
width:80px;
margin-left:16px;
padding:2px;
text-align:right;
border:1px solid #cccccc;
color:#666666;
background-color:#efefef;
white-space:nowrap;
}

.mediaVisibility .friends, .mediaVisibility .public, .mediaVisibility .private{
position:absolute;
top:-1px;left:-18px;
width:21px;height:18px;
background-repeat:no-repeat;
}

.mediaVisibility .friends {
background-image:url(../../image/global/visibleFriends.gif);
}

.mediaVisibility .public {
background-image:url(../../image/global/visiblePublic.gif);
}

.mediaVisibility .private {
background-image:url(../../image/global/visiblePrivate.gif);
}

/* rateItem
*************************************************************/

.rateItem {
bottom:0; left:145px;
position:absolute;
height:54px;
background:url(../../image/global/rateBgL.gif) no-repeat;
}

.rateItem .inner{
float:left;
height:54px;
padding:7px 0px 0 14px;
background:url(../../image/global/rateBgR.gif) top right no-repeat;
}

.rateItem .label {
display:block;
min-width:10em;
padding-right:40px;
font-size:14px;
font-weight:bold;
color:#666666;
}

.rateItem ul{
float:left;
margin-top:6px;
}

.rateItem li{
float:left;
}

.rateItem li.active a:link, .rateItem li.active a:visited, .rateItem li.hover a, .hoverRate ul li.hover a:link, .hoverRate ul li.hover a:visited, .hoverRate ul li.vote a:link, .hoverRate ul li.vote a:visited{
background:url(../../image/global/iconRate.gif) no-repeat;
}

.rateItem li :link, .rateItem li :visited, .hoverRate li.active a:link, .hoverRate li.active a:visited{
float:left;
width:14px;height:14px;
padding-right:3px;
background:url(../../image/global/iconRateBg.gif) no-repeat;
text-decoration:none;
color:#333333;
}


.rateItem li span, .rateItem li strong {
display:none;
}

.hoverRate .count {
visibility:hidden;
}

.rateItem li.vote span, .rateItem li.vote strong {
position:absolute;
bottom:12px;left:105px;
width:105px;
display:block;
}

* html .rateItem li.vote span, * html .rateItem li.vote strong {
bottom:19px; 
}

.rateItem .count{
float:left;
margin:6px 14px 0 3px;
line-height:14px;
}

.rated .count{

}

.rated li a, .norate li a {
cursor:default;
}

.rateItem .helpIcon {
position:absolute;
top:5px;right:10px;
}

/* imageInfo
*************************************************************/

dl.imageInfo{
color:#666666;
float:right;
font-size:11px;
line-height:20px;
}

dl.imageInfo dt{
float:left;
}

dl.imageInfo dd{
float:left;
background:url(../../image/global/separatorVLineGray.gif) center right no-repeat;
padding-right:5px;
margin-right:4px;
}

dl.imageInfo dd.last{
background:none;
padding-right:0;
margin-right:0;
}


/* rss
*************************************************************/

.rss{
clear:both;
background:url(../../image/global/rss.gif) no-repeat;
}

#jsOn .rss{
position:absolute;
right:25px;bottom:25px;
z-index:2;
}

.rss a:link, .rss a:visited{
font-size:11px;
line-height:22px;
vertical-align:middle;
display:block;
color:#cc6600;
width:65px;height:22px;
padding:0 0 0 8px;
}


/* initialSelect
*************************************************************/

.initialSelect{
margin:20px 0;
}

.initialSelect li{
float:left;
list-style:none;
}

.initialSelect li.active{
}

.initialSelect li a{
float:left;
padding:2px;
font-size:14px;
line-height:16px;
}

.initialSelect li.active a, .initialSelect li.active a:hover{
padding:2px 5px;
background-color:#336699;
color:white;
font-weight:bold;
}

#portal .initialSelect li a:hover{
background-color:#e1e8f0;
text-decoration:none;
}

.initialSelect:after
{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


/* blogDirectory
*************************************************************/

#blogDirectory{
position:relative;
clear:both;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}

.blogDirectory{
width:390px;
padding:17px 0px;
text-align:left;
overflow:hidden;
}

.blogDirectory li{
position:relative;
height:5.667em;
}

.blogDirectory .nr{
position:absolute;
right:395px;
color:#666666;
line-height:18px;
}

.blogDirectory .blog{
}

.blogDirectory .blog a{
height:18px;
font-size:16px;
line-height:18px;
font-weight:bold;
white-space:nowrap;
}

.blogDirectory .blogger{
width:350px;
white-space:nowrap;
line-height:15px;
overflow:hidden;
}

.blogDirectory .blogger span{
font-weight:bold;
}

.blogDirectory .blogger a{
font-weight:bold;
}

.blogDirectory .description{
width:340px;
margin-top:4px;
line-height:14px;
white-space:nowrap;
overflow:hidden;
}

#blogDirectory .col2{
position:absolute;
left:390px;top:0;
}

/* tagUserList, tagGroupList
*************************************************************/

.tagUserList, .tagGroupList {margin-bottom:-1.417em;}

.tagUserList li.item, .tagGroupList li.item {
position:relative;
min-height:81px;
margin-bottom:1.417em;
padding:0 0 .417em 80px;
border-bottom:1px solid #ccc;
list-style:none;
}

* html .tagUserList li.item, * html .tagGroupList li.item {height:81px;}

.tagUserList p, .tagGroupList p, .tagUserList div.tagListing, .tagGroupList div.tagListing {
margin-bottom:1em;
line-height:1.25em;
}

/* blogger, profile */

.tagUserList p.info {margin-top:6px;}

.tagUserList img, .tagGroupList img {
position:absolute;
left:0;
max-width:60px;
max-height:75px;
margin-top:3px;
}

* html .tagUserList img, * html .tagGroupList img {width:60px; height:75px;}

.tagUserList .name, .tagGroupList .stub {
font-size:14px;
line-height:16px;
font-weight:bold;
}

.tagUserList a:hover .name, .tagGroupList a:hover .stub {text-decoration:underline;}

/* status */

.tagUserList .blogger, .tagUserList .status {display:inline;}

.tagUserList .status {margin-left:.5em;}

.tagUserList .offline {color:#999;}

.tagUserList .online {
padding-left:13px;
color:#393;
background:url(../../image/global/online.gif) no-repeat;

}



/* tagListing 
*************************************************************/
div.tagListing span {
float:left;
margin-right:.5em;
line-height:1.25em;
}

div.tagListing ul {overflow:hidden;zoom:1;}

div.tagListing li {
display:inline;
margin-right:.5em;
}

div.tagListing li:after {
content:",";
margin-right:-.5em;
}

div.tagListing li:last-child:after {content:"";}


/* peopleList, groupList
*************************************************************/

.peopleList, .groupList{
clear:both;
list-style:none;
border-top:1px solid #cccccc;
}

.peopleList li, .groupList li{
position:relative;
min-height:81px;
padding:0 0 19px 82px;
padding-top:17px;
border-bottom:1px solid #cccccc;
}

* html .peopleList li{ height:81px; }
* html .groupList li{ height:81px; }

.peopleList .blogger, .groupList .group {
display:inline;
}

.peopleList .blogger br, .peopleList .blogger br,
.groupList .group br, .groupList .group br {display:none;}

.groupList .group em {font-style: normal;}

.peopleList .blogger img, .groupList .group img{
position:absolute;right:718px;
max-width:60px;max-height:75px;
margin-top:3px;
}

* html .peopleList .blogger img{width:60px;height:75px;}
* html .groupList .group img{width:60px;height:75px;}

.peopleList .blogger .name, .groupList .group .groupShortcut{
font-size:14px;
line-height:16px;
font-weight:bold;
}

.peopleList a:hover .name, .groupList a:hover .groupShortcut{
text-decoration:underline;
}

.peopleList .status{ /* peopleList only */
display:inline;
margin-left:5px;
}

.peopleList .offline{ /* peopleList only */
color:#999999;
}

.peopleList .online{ /* peopleList only */
padding-left:13px;
color:#339933;
background:url(../../image/global/online.gif) no-repeat;

}

.peopleList .info { /* peopleList only */
margin-top:6px;
margin-bottom:11px;
}

.groupList .groupname { /* groupList only */
margin-top:11px;
margin-bottom:1.5em;
font-size: 13px;
} 

/* groupList only start */
.groupList .category, .groupList .founded, .groupList .groupTags, .groupList .latestPost {
color:#666666;
}

.groupList .founded, .groupList .groupTags  {margin-bottom: 1em;}
.groupList .latestPost a {font-weight: bold;}

/* groupList only end */

.peopleList .description, .groupList .description{
margin-bottom:11px;
line-height:15px;
}

.peopleList .interests, .peopleList .usertags{ /* peopleList only */
line-height:15px;
}

.peopleList dt, .groupList dt {float:left;}


/* userSearch & groupsearch
******************************************************************************/

#userSearch, #groupSearch {
width:146px;
overflow:hidden;
}

#userSearch .box_content, #groupSearch .box_content {
width:144px;
padding:0;
}

#userSearchForm fieldset, #groupSearchForm fieldset {
float:left;
width:128px;
padding:8px;
font-size:12px;
overflow:hidden;
}

#userSearchForm dt, #userSearchForm dd, #groupSearchForm dt, #groupSearchForm dd {float:left;clear:both;width:128px;}

#userSearchForm dt, #groupSearchForm dt {margin:10px 0pt 0px;line-height:20px;display:inline;}

#userSearchForm .select, #groupSearchForm .select {height:20px;}

#userSearchForm .fText, #groupSearchForm .fText {width:120px;}

#userSearchForm .username label, #userSearchForm .extended .legend,
#groupSearchForm .groupname label, #groupSearchForm .extended .legend {
display:block;
font-weight:bold;
}

#userSearchForm .username, #groupSearchForm .groupname {
padding-bottom:8px;
background-color:#c4d4e1;
}

#userSearchForm .username .legend, #groupSearchForm .groupname .legend {display:none;}

#userSearchForm .username dt, #groupSearchForm .groupname dt {margin-top:0px;}

#userSearchForm .submitWrapper, #groupSearchForm .submitWrapper {float:right;}

#userSearchForm .extended .legend, #groupSearchForm .extended .legend {margin-bottom:0px;}


#userSearchForm dt.sex {}

#userSearchForm dd.sex {}

#userSearchForm_sex {
width:126px;
}

#userSearchForm .sex label {}

#userSearchForm dt.age {}

#userSearchForm dt.age label {}

#userSearchForm dd.age {width:123px;}

#userSearchForm dd.age select {width:45px;float:left;}

#userSearchForm dd.age span {
float:left;
padding:0 3px;
line-height:22px;
}

#userSearchForm dd.country {}

#userSearchForm_country {width:128px;clear:both;}

#userSearchForm .fSubmit, #userSearchForm .submitWrapper,
#groupSearchForm .fSubmit, #groupSearchForm .submitWrapper  {
margin-top:10px;
}

#userSearchForm .submitWrapper .fSubmit, #groupSearchForm .submitWrapper .fSubmit {
margin-top:0;
}

#userSearchForm .textWrapper {
margin:4px;
}

#userSearchForm .textWrapper .topL, #userSearchForm .textWrapper .topR, #userSearchForm .textWrapper .topM {top:-4px;}
#userSearchForm .textWrapper .bottomL, #userSearchForm .textWrapper .bottomR, #userSearchForm .textWrapper .bottomM {bottom:-4px;}

#groupSearchForm .textWrapper .topL, #groupSearchForm .textWrapper .topR, #groupSearchForm .textWrapper .topM {top:-4px;}
#groupSearchForm .textWrapper .bottomL, #groupSearchForm .textWrapper .bottomR, #groupSearchForm .textWrapper .bottomM {bottom:-4px;}

/* topPhoto
******************************************************************************/

#topPhoto{
width:146px;
}

#topPhoto img{
}

#topPhoto .photo, #topPhoto .photo a{
line-height:0;
}

#topPhoto .blogger{
width:128px;
margin-top:0.4em;
margin-bottom:.6em;
font-size:.917em;
white-space:nowrap;
overflow:hidden;
}

#topPhoto .borderImage {
width:128px;height:128px;
border:none;
}

#topPhoto .borderImage, #topPhoto .borderImage:hover{
background-color:#d1dce5;
}

#topPhoto .borderImage img{
border:1px solid #666666;
}

#topPhoto .borderImage a:hover img{
border:1px solid #cccccc;
}


/* hotDebates
******************************************************************************/

#hotDebates table{
border-collapse:collapse;
border-spacing:0;
table-layout:fixed;
width:100%;
}

#hotDebates tr {
height:18px;
}

#hotDebates td {


}

#hotDebates td a{
display:block;


}

#hotDebates th{
height:27px;
padding:0 8px;
line-height:23px;
vertical-align:top;
font-size:11px;
text-align:left;
font-weight:normal;
background:url(../../image/global/boxHeader.gif) 0 1px repeat-x;
}

#hotDebates th.number{
text-align:right;
}

#hotDebates td{
overflow:hidden;
white-space:nowrap;
}

#hotDebates .article{
width:228px;
}

#hotDebates .url{
width:120px;
}

#hotDebates td.url{
font-size:9px;
text-align:right;
}

#hotDebates td.url a{
color:#999999;
white-space:nowrap;
}

#hotDebates td.number{
text-align:right;
}


/* mediaList
******************************************************************************/

.mediaList {
clear:both;
width:780px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
overflow:hidden;
}

.mediaList ul {
float:left;
width:828px;
margin:30px 0 10px;
}

*+html .mediaList ul {
padding-bottom:30px;
}

.mediaList li {
float:left;
margin:0 33px 30px 0;
}

.mediaList .title {
width:102px;height:15px;
line-height:15px;
overflow:hidden;
white-space:nowrap;
font-weight:bold;
}

.mediaList .borderImage {
width:100px;height:100px;
margin:3px 0 3px;
}


/* gbookList
*******************************************************************************/

.gbookList {
clear:both;
/*float:left;*/
}

.gbookList li.entry {
position:relative;
float:left;
width:780px; /* IE6 */
min-height:110px;
margin-top:-1px;
padding:20px 0;
border-width:1px 0;
border-style:solid;
border-color:#ccc;
}

* html .gbookList li.entry {height:110px;}

.gbookList ul.source {
position:absolute;
top:20px; left:0;
width:195px;
text-align:right;
}

.gbookList ul.source .author {display:inline;} /* ie6,7 */

.gbookList ul.source .author span, .gbookList ul.source .blog {
width:195px;
overflow:hidden;
white-space:nowrap;
}

.gbookList ul.source .author span {
display:block;
padding-bottom:7px;
font-size:13px;
font-weight:bold;
}

.gbookList ul.source .author a:hover span {text-decoration:underline;}

.gbookList ul.source .author br {display:none;}

.gbookList ul.source .author img {max-width:60px; max-height:75px;}

* html .gbookList ul.source .author img {width:60px; height:75px;}

.gbookList ul.source .blog {

}

.gbookList ul.source .time {
position:absolute;
top:1px;left:240px;
font-size:13px;
white-space:nowrap; /* IE6 */
}

.gbookList .content, .gbookList .content .userContent, .gbookList .edited, .gbookList div.comment {
margin-left:195px;
padding-left:45px;
}

.gbookList .content {
padding:22px 0 6px;
background:url(../../image/global/balloonB.png) 100% 100% no-repeat;
}

.gbookList .content .userContent {
width:530px;
min-height:20px;
margin-left:0;
padding-top:15px;
padding-bottom:9px;
padding-right:10px;
overflow:hidden;
background:url(../../image/global/balloonT.png) 100% 0 no-repeat;
}

* html .gbookList .content .userContent {height:20px;overflow-y:visible;}

.gbookList .edited, .gbookList div.comment .source {
display:block;
margin-top:10px;
font-size:13px;
}

.gbookList div.comment .source {
margin-top:15px;
}

.gbookList .edited a, .gbookList div.comment .source a {
font-weight:bold;
}

.gbookList div.comment .commentContent {
margin:4px 0;
}

.gbookList .time {
color:#666;
}

.gbookList .time span {
color:#333;
}

/* options */

.gbookList ul.options {
position:relative; z-index:2;
clear:right; /* Safari */
height:36px; /* IE6,7 */
margin:5px 0 0 225px;
}

.gbookList ul.options strong, .gbookList ul.options strong span {color:#666;}
.gbookList ul.options .active strong, .gbookList ul.options .active strong span {color:#333;}

.gbookList ul.options li {
display:inline;
padding:14px 10px 0px;
font-size:14px;
float:left;
}

.gbookList ul.options li.active {
position:relative; /* IE6 z-index */
margin-left:-6px;
margin-right:-6px;
padding-left:16px;
padding-right:0;
padding-top:0px;
background:url(../../image/global/gBookTabL.png) 0 0 no-repeat;
}

.gbookList ul.options li.delete {
background-position:0 -36px;
}

.gbookList ul.options li.active strong {
float:left;
padding:14px 16px 8px 0;
background:url(../../image/global/gBookTabR.png) 100% 0 no-repeat;
}

.gbookList ul.options .delete a, .gbookList ul.options .delete span {
padding-left:17px;
background:url(../../image/global/icon_delete.gif) 0 50% no-repeat;
}

.gbookList ul.options .edit a, .gbookList ul.options .edit span {
padding-left:18px;
background:url(../../image/global/icon_edit.gif) 0 50% no-repeat;
}

.gbookList ul.options .comment a, .gbookList ul.options .comment span {
padding-left:24px;
background:url(../../image/global/icon_comment.gif) 0 50% no-repeat;
}

/* textForm */

.gbookList .textForm {
position:relative;
top:-6px; left:5px;
clear:left; float:left;
display:inline; /* IE6 */
width:578px; /* IE6,7 */
margin-left:202px;
padding-bottom:50px;
background:url(../../image/global/gBookEditB.png) 100% 100% no-repeat;
}

.gbookList .textForm fieldset {
padding:17px 18px 0 0;
text-align:right;
background:url(../../image/global/gBookEditT.png) 100% 0 no-repeat;
}

.gbookList textarea {
width:523px;
padding:3px;
border:0;
}

.gbookList form .preview {
position:absolute;
left:21px;bottom:13px;
}

*+html .gbookList form .preview {bottom:15px;}

.gbookList form .submit {
position:absolute;
bottom:13px;right:15px;
}

*+html .gbookList form .submit {bottom:16px;}

.gbookList .submitWrapper, .gbookList .fSubmit {margin-left:10px;}

.gbookList .submitWrapper .fSubmit {margin-left:0;}

/* deleteForm */

.gbookList .deleteForm {
position:relative;
top:-7px;
clear:left; float:left;
display:inline; /* IE6 */
margin-left:219px;
background:url(../../image/global/gBookDeleteL.png) 0 0 no-repeat;
}

.gbookList .deleteForm fieldset {
float:left; /* IE6 */
height:75px;
padding:7px;
background:url(../../image/global/gBookDeleteR.png) 100% 0 no-repeat;
}

.gbookList .deleteForm p {
margin:0 10px;
padding:14px 2px 10px 28px;
font-size:14px;
text-align:center;
white-space:nowrap;
color:#cc0000;
background:url(../../image/global/icon_warn.gif) 0 8px no-repeat;
}

.gbookList #guide {
float:right;
width:555px;
margin:5px 0 -10px;
}

.gbookList #guide .content {
margin-left:0;
background:none;
}

/* ajax */

.busy {background:#fff url(/image/global/loading_32x32.gif) 50% 50% no-repeat !important;}
.busy * {visibility:hidden !important;}




/* mediacomments (extends gbookList)
******************************************************************************/

#mediacomments .gbookList li.entry {
width:502px;
min-height:0;
}

#mediacomments .gbookList ul.source {
position:absolute;
top:20px; left:30px;
width:472px;
text-align:left;
}

#mediacomments .gbookList ul.visitor {left:0;}

#mediacomments .gbookList ul.source .author img {
position:absolute;
top:0;left:-30px;
max-width:24px;
max-height:32px;
}

* html #mediacomments .gbookList ul.source .author img {width:24px; height:32px;}

#mediacomments .gbookList ul.source .author * {display:inline;}

#mediacomments .gbookList ul.source .author br {display:none;}

#mediacomments .gbookList ul.source .blog {
position:absolute;
top:17px;left:0;
}

#mediacomments .gbookList ul.source .time {
position:static;
display:inline;
}

#mediacomments .gbookList .content {
margin:0 0 5px;
padding:40px 0 0;
background:none;
}

#mediacomments .gbookList .content .userContent {
width:100%;
padding:0;
background:none;
}

#mediacomments .gbookList .edited, #mediacomments .gbookList div.comment {
margin:0;
padding:0;
}

#mediacomments .gbookList ul.options {margin:0;}

#mediacomments .gbookList .textForm {
left:-6px;
width:513px;
margin-left:0;
background:url(../../image/global/commentListEditB.png) 100% 100% no-repeat;
}

#mediacomments .gbookList textarea {width:470px;}

#mediacomments .gbookList .textForm fieldset {background:url(../../image/global/commentListEditT.png) 100% 0 no-repeat;}

#mediacomments .gbookList .deleteForm {
left:-6px;
margin-left:0;
}

#mediacomments .gbookList #guide {width:502px;}

/* todo: change classname to avoid overriding */
#mediacomments #guide .content {
margin:0 69px 0 0;
padding:12px;
}


/* commentList
******************************************************************************/

.commentList {
clear:both; float:left;
border-top:1px solid #ccc;
}

.relatedTags .commentList {width:510px;}

.commentList li {
padding:10px 0;
border-bottom:1px solid #ccc;
}

.commentList .title {
margin-bottom:5px;
font-size:15px;
}

.commentList strong * {font-weight:bold;}

.commentList .title em {
position:relative;
top:-2px;
padding:0 3px;
border:1px solid;
font-size:10px;
font-style:normal;
text-transform:uppercase;
color:#ffa734;
}

.commentList .content {margin-bottom:15px;}

* html .commentList .content {height:1em;}

.commentList .content a.showHide {
padding-left:10px;
background:url(../../image/global/arrowRight.gif) 1px 50% no-repeat;
}

.commentList .open a.showHide {
padding-left:12px;
background:url(../../image/global/arrowDown.gif) 0px 50% no-repeat;
}


.commentList .content p {
display:none;
margin-top:7px;
padding:5px 25px;
background-color:#eee;
}

.commentList .open p {display:block;}

.commentList .by, .commentList .comment {padding-left:30px;}

.commentList .by {
position:relative;
margin-bottom:12px;
}

* html .commentList .by {height:30px;}

.commentList .by img {
position:absolute;
top:0; left:0;
}

.commentList .comment {margin-bottom:10px;}

.commentList .more {text-align:left;}

.commentList .more a {font-weight:normal;}


/* overlay
******************************************************************************/

.overlay body {height:100%;}

#overlayBG {
position:absolute;
top:0;left:0;
width:100%;height:100%;
background-color:#000000;
z-index:999;
opacity:.6;
}

* html.overlay #portal select {visibility:hidden;}

#overlayContent {
position:absolute;
top:0;left:0;
width:100%;
z-index:1000;
}

#overlayContent .content {
width:615px;
margin:0 auto;
padding:7px;
background-color:#ffffff;
position:relative;
}

#overlayClose {
position:absolute;
top:6px;right:6px;
height:21px;
padding-right:25px;
line-height:21px;
cursor:pointer;
color:#336699;
background:url(../../image/global/iconCancel.gif) 100% 50% no-repeat;
}

#overlayClose:hover {
text-decoration:underline;
}

#overlayContent object, #overlayContent iframe {
width:100%;height:25em;
margin-top:15px;
border:none;
}

#overlayContent .topL, #overlayContent .topR, #overlayContent .bottomL, #overlayContent .bottomR, #overlayContent .middleL, #overlayContent .middleR {width:20px;}
#overlayContent .topL, #overlayContent .topR, #overlayContent .topM, #overlayContent .bottomL, #overlayContent .bottomR, #overlayContent .bottomM {height:20px;}
#overlayContent .topL, #overlayContent .topR, #overlayContent .topM {top:-20px;}
#overlayContent .bottomL, #overlayContent .bottomR, #overlayContent .bottomM {bottom:-20px;}
#overlayContent .topL, #overlayContent .bottomL, #overlayContent .middleL {left:-20px;}
#overlayContent .topR, #overlayContent .bottomR, #overlayContent .middleR {right:-20px;}

#overlayContent .topL {background-image:url(../../image/global/overlayTL.png);}
#overlayContent .topR {background-image:url(../../image/global/overlayTR.png);}
#overlayContent .topM {background-image:url(../../image/global/overlayT.png);}
#overlayContent .bottomL {background-image:url(../../image/global/overlayBL.png);}
#overlayContent .bottomR {background-image:url(../../image/global/overlayBR.png);}
#overlayContent .bottomM {background-image:url(../../image/global/overlayB.png);}
#overlayContent .middleL {background-image:url(../../image/global/overlayL.png);}
#overlayContent .middleR {background-image:url(../../image/global/overlayR.png);}


/* createBorder
******************************************************************************/

.topL, .topR, .topM, .bottomL, .bottomR, .bottomM, .middleL, .middleR {
position:absolute;
font-size:0; /* IE6 */
}

.topL, .topR {top:0;}
.bottomL, .bottomR {bottom:0;}
.topL, .bottomL, .topM, .bottomM {left:0;}
.topR, .bottomR {right:0;}
.topM, .bottomM {width:100%;}
.middleL, .middleR {top:0; bottom:0;}

.topL, .topM, .middleL {background-position:0 0;}
.topR, .middleR {background-position:100% 0;}
.bottomL, .bottomM  {background-position:0 100%;}
.bottomR {background-position:100% 100%;}
.topM, .bottomM {background-repeat:repeat-x;}
.middleL, .middleR {background-repeat:repeat-y;}


/* noMedia
******************************************************************************/

.noMedia {
position:relative;
width:340px;
display:table;
margin:50px auto;
line-height:0;
border:1px solid #cccccc;
}

.noMedia img {
margin:5px;
width:100px;height:100px;
border:1px solid #666666;

}

.noMedia p {
display:table-cell;
line-height:1.5em;
padding:0 10px 0 5px;
font-size:14px;
color:#999999;
vertical-align:middle;
}

* html .noMedia {
float:left;
margin-top:25px;
}

*+html .noMedia {
float:left;
margin-top:40px;
}

* html .noMedia p {
position:absolute;
right:0;top:25px;
width:158px;
text-align:center;
}

*+html .noMedia p {
position:absolute;
right:0;top:25px;
width:158px;
text-align:center;
}


/* guideInfo, guideWarn, guideSuccess
******************************************************************************/

#guide {
position:relative;
font-size:16px;
padding:15px 0;
}

* html #guide {display:inline-block;}

#guide .mascot {
position:absolute;
top:15px;
right:0;
width:70px;height:52px;
}

.guideInfo .mascot {background:url(../../image/global/guideInfo.png?v=1.1);}
.guideEmail .mascot {background:url(../../image/global/guideInfoEmail.png?v=1.1);}
.guideSuccess .mascot {background:url(../../image/global/guideSuccess.png?v=1.1);}
.guideWarn .mascot {background:url(../../image/global/guideWarn.png?v=1.1);}

#guide .content {
margin-right:69px;
padding:12px;
min-height:35px;
border:1px solid;
-moz-border-radius:8px;
border-radius:8px;
background-color:#ffffff;
font-size:13px;
}

* html #guide .content {height:40px;}

#guide.guideInfo .content, #guide.guideEmail .content {border-color:#b4c9d8;}
#guide.guideWarn .content {border-color:#cc3333;}
#guide.guideSuccess .content {border-color:#99cc33;}

#guide .content br {display:block;}

#guide .content p, #guide ul.list li {line-height:1.25em;}

#guide .content strong {font-size:14px; color:#555;}

#guide .content p, #guide ul.list li {margin-bottom:1em;}

#guide .content p:last-child, #guide ul.list li:last-child {margin-bottom:0;}

#guide.guideInfo .content a {font-weight:bold;}

#guide .alert {color:#c00;}
#guide .warn {
min-height:22px;
padding-left:27px;
background:url(../../image/my/guideWarn.png) 0 0 no-repeat;
}
#guide .ok {background:url(../../image/my/guideOk.png) 4px 0 no-repeat;}

#guide ul.list li {padding-left:27px;}


/* bigGuide
******************************************************************************/

.bigGuide {
position:relative;
min-height:140px;
padding:6px 0 0 111px;
background:url(../../image/global/bigGuide.jpg) 0 0 no-repeat;
}

* html .bigGuide {height:140px;}

.bigGuide .overlay {
position:absolute;
left:96px; top:18px;
width:16px; height:19px;
background:url(../../image/global/bigGuideOver.png)
}

.bigGuide .userContent {
padding:12px;
border:1px solid #b4c9d8;
-moz-border-radius:8px;
border-radius:8px;
font-size:13px;
}


/* joinButton
******************************************************************************/

.joinButton, .joinButton * {
padding:4px 0 5px;
line-height:16px;
font-size:14px;
font-weight:bold;
}

.joinButton {
padding-left:8px;
background:url(../../image/global/naviTab_join.png) 0 0 no-repeat;
}

.joinButton:hover {text-decoration:none;}

.joinButton * {
padding-right:8px;
color:#F2F6F9;
background:url(../../image/global/naviTab_joinR.png) 100% 0 no-repeat;
}

* html .joinButton {padding-top:0;padding-bottom:0;}
* html .joinButton * {line-height:25px;cursor:pointer;}

*+html .joinButton {padding-top:0;padding-bottom:0;}
*+html .joinButton * {line-height:25px;cursor:pointer;}


/* trunc
******************************************************************************/

.hidden{display:none;}

.points{font-size:.8em;}
.trunc_none .points{display:none;}

#topPhoto .trunc_wrapper {display:inline !important;}


/* userContent
*******************************************************************************/

.userContent {line-height:1.25;}

.userContent p, .userContent ul, .userContent ol, .userContent blockquote {margin:0 0 .5em;}

.userContent ul {list-style:disc;}

.userContent ol {list-style:decimal;}

.userContent li {margin-left:2em;}

.userContent blockquote {
padding:1em;
border:1px dotted #666666;
}

.userContent code {font-family:"Courier New", Courier, monospace;}

.userContent strong * {font-weight:bold;}

.userContent .smiley {
display: -moz-inline-box;
display:inline-block;
width:16px; height:16px; 
overflow:hidden;
vertical-align:top;
background-repeat:no-repeat;
}

.userContent .smiley span {display:none;}

.smiley1 {background-image:url(../../image/smileys/icon_smile.gif) !important;}
.smiley2 {background-image:url(../../image/smileys/icon_wink.gif) !important;}
.smiley3 {background-image:url(../../image/smileys/icon_biggrin.gif) !important;}
.smiley4 {background-image:url(../../image/smileys/icon_lol.gif) !important;}
.smiley5 {background-image:url(../../image/smileys/icon_razz.gif) !important;}
.smiley6 {background-image:url(../../image/smileys/icon_cool.gif) !important;}
.smiley7 {background-image:url(../../image/smileys/icon_twisted.gif) !important;}
.smiley8 {background-image:url(../../image/smileys/icon_evil.gif) !important;}
.smiley9 {background-image:url(../../image/smileys/icon_eek.gif) !important;}
.smiley10 {background-image:url(../../image/smileys/icon_surprised.gif) !important;}
.smiley11 {background-image:url(../../image/smileys/icon_rolleyes.gif) !important;}
.smiley12 {background-image:url(../../image/smileys/icon_redface.gif) !important;}
.smiley13 {background-image:url(../../image/smileys/icon_neutral.gif) !important;}
.smiley14 {background-image:url(../../image/smileys/icon_confused.gif) !important;}
.smiley15 {background-image:url(../../image/smileys/icon_sad.gif) !important;}
.smiley16 {background-image:url(../../image/smileys/icon_mad.gif) !important;}
.smiley17 {background-image:url(../../image/smileys/icon_cry.gif) !important;}
.smiley18 {background-image:url(../../image/smileys/icon_exclaim.gif) !important;}
.smiley19 {background-image:url(../../image/smileys/icon_question.gif) !important;}
.smiley20 {background-image:url(../../image/smileys/icon_idea.gif) !important;}
.smiley21 {background-image:url(../../image/smileys/icon_yawn.gif) !important;background-position:-2px -1px !important;}
.smiley22 {background-image:url(../../image/smileys/icon_arrow.gif) !important;}

.smiley23 {background-image:url(../../image/smileys/grayyes.gif) !important;}
.smiley24 {background-image:url(../../image/smileys/graysmilewinkgrin.gif) !important;}
.smiley25 {background-image:url(../../image/smileys/grayrazz.gif) !important;}
.smiley26 {background-image:url(../../image/smileys/graybigrazz.gif) !important;}
.smiley27 {background-image:url(../../image/smileys/graylaugh.gif) !important;}
.smiley28 {background-image:url(../../image/smileys/graybigeek.gif) !important;}
.smiley29 {background-image:url(../../image/smileys/grayembarrassed.gif) !important;}
.smiley30 {background-image:url(../../image/smileys/grayshy.gif) !important;}
.smiley31 {background-image:url(../../image/smileys/grayuhoh.gif) !important;}
.smiley32 {background-image:url(../../image/smileys/grayno.gif) !important;}
.smiley33 {background-image:url(../../image/smileys/graycry.gif) !important;}

.smiley34 {background-image:url(../../image/smileys/graymad.gif) !important;}
.smiley35 {background-image:url(../../image/smileys/graydead.gif) !important;}
.smiley36 {background-image:url(../../image/smileys/grayconfused.gif) !important;}
.smiley37 {background-image:url(../../image/smileys/grayupset.gif) !important;}
.smiley38 {background-image:url(../../image/smileys/graysigh.gif) !important;}
.smiley39 {background-image:url(../../image/smileys/graysleep.gif) !important;}


/* textOverflow
******************************************************************************/

#textOverflowContainer {position:absolute;visibility:hidden;top:0;}

.overflowHidden {display:none;}


/* table.standard
******************************************************************************/

table.standard {
table-layout:fixed;
border:1px solid #bdd0e2;
border-spacing:2px;
}

table.standard thead tr {background-color:#bdd0e2;}

table.standard tr.odd {background-color:#d9e6f2;}

table.standard th, table.standard td {padding:8px;}


/* userInfo
******************************************************************************/

.userInfo {
position:relative;
padding-left:30px;
}

.userInfo .user {
display:block;
white-space:nowrap;
}

.userInfo img {
position:absolute;
top:0; left:0px;
width:22px; height:28px;
}

.userInfo br {display:none;}

.userInfo .user span {
float:left;
overflow:hidden;
}

.userInfo .user a:hover span {
text-decoration:underline;
cursor:pointer;
}

.userInfo sup {
position:relative;
top:-2px; left:2px;
float:left;
font-size:10px;
}

.userInfo .info {
clear:left;
}

.userInfo .info .age {
vertical-align:middle;
}


/* subFooter
******************************************************************************/

#subFooter {
width:100%;
overflow:hidden;
border-top:1px solid #ccc;
background:#eee;
}

#subFooter-inner {
position:relative;
margin:0 auto;
padding:5px;
}

#subFooter ul {overflow:hidden;}

#subFooter li {
display:inline;
margin-left:2px;
padding-left:5px;
background:url(/image/global/separator333.gif) 0 2px no-repeat;
}

#subFooter li.first {
margin-left:0;
padding-left:0;
background:none;
}

#subFooter a {color:#3e7fb5;}

#subFooter p.join {
float:left;
margin:14px 10px 14px 0;
}

#subFooter .joinButton, #subFooter .joinButton * {
padding:4px 0 5px;
line-height:16px;
font-size:14px;
font-weight:bold;
}

#subFooter .joinButton {
padding-left:8px;
background:url(/image/global/naviTab_join.png) 0 0 no-repeat;
}

#subFooter .joinButton {text-decoration:none;}

#subFooter .joinButton * {
padding-right:8px;
color:#F2F6F9;
background:url(/image/global/naviTab_joinR.png) 100% 0 no-repeat;
}

* html #subFooter p.join {margin-top:9px;}
* html #subFooter .joinButton {padding-top:0;padding-bottom:0;}
* html #subFooter .joinButton * {line-height:25px;cursor:pointer;}

*+html #subFooter p.join {margin-top:9px;}
*+html #subFooter .joinButton {padding-top:0;padding-bottom:0;}
*+html #subFooter .joinButton * {line-height:25px;cursor:pointer;}


/* ads
******************************************************************************/

#superbanner {margin-bottom:20px;}

/* topBanner, twTopBanner */

.topBanner #wrapper {margin-top:90px;}

.adspace_topBanner, .adspace_twTopBanner {
position:absolute;
top:-90px; left:0;
width:808px; height:90px;
text-align:right;
}

.adspace_topBanner {text-align:center;}

/* skyscraper, twSkyscraper */

.skyscraper #wrapper {width:968px;}

.adspace_skyscraper, .adspace_twSkyscraper {
position:absolute;
top:16px; right:0;
width:160px;
}

.adspace_twSkyscraper {top:-90px;}

.adspace_adSection {margin-bottom:14px;}
.adEmpty {height:164px;}

.adspace_topBanner img, .adspace_twTopBanner img, .adspace_skyscraper img, .adspace_twSkyscraper img {border:0;}

/* in content adds */

.adspace_rectangle {margin-bottom:14px;}

.adspace_rectangle img {border:0;}

.adspace_mid_rectangle {margin:14px 0;}

.adspace_bottomBanner {
clear:both;
padding-top:14px;
text-align:center;
}

*+html .adspace_bottomBanner {padding-top:8px;}

/* AJAX classes */
.busy {background:#fff url(/image/global/loading_32x32.gif) 50% 50% no-repeat !important;}
.busy * {visibility:hidden !important;}

/* temporary
******************************************************************************/