@charset "utf-8";
/* Solia Online Profile System (c) 2010, All Rights Reserved */

* 								{	margin: 0px; padding: 0px; }
body							{ 	font-family: Verdana, Geneva, sans-serif; font-size: 10px; }

/* --[ Header ]------ */
#profile-header					{ 	background: #000; color: #fff; height: 25px; min-width: 960px; z-index: 500; position: relative; }
#profile-header .right			{	width: 50%; float: right; margin-right: 15px; }
#profile-header .left			{	padding-top: 4px; margin-left: 15px; }
#profile-header a				{	color: #fff; font-weight: bold; text-decoration: none; }
#profile-header a:hover 		{ 	text-decoration: underline; }
#profile-header .text			{	padding: 6px 10px 0 0; float: right; }

/* --[ Tabs ]------ */
.header-tab						{	float: right; margin: 0 10px 0 0; background: transparent 0 0 no-repeat; width: 42px; height: 17px; font-weight: bold;
									padding: 5px 0 0 32px; cursor: pointer; }
.header-tab:hover				{	background-position: 0px -22px; }
.header-tab.edit				{	background-image: url("./tabs/editor_tab.png"); }
.header-tab.lock				{	background-image: url("./tabs/lock_tab.png"); }
.header-tab.unlock				{	background-image: url("./tabs/unlock_tab.png"); }
.header-tab.join				{	width: 170px; background-image: url("./tabs/join_tab.png"); }
.header-lock					{	float: right; width: 16px; height: 16px; background: top left no-repeat url("./icons/lock.png"); margin: 3px 4px 0 0px; }

/* --[ Content ]------ */
#profile_content				{	padding: 5px; width: 950px; margin: 10px auto 0 auto; }

/* --[ Column ]------ */
.spacer							{ 	float: left; width: 5px; min-height: 100px; height: 100%; }
.mover							{	cursor: ew-resize; }
.mover:hover					{	background: #ccc; }
.profile_column					{	float: left; margin: 0 3px; }

/* --[ Panel ]------ */
.column_list					{	list-style: none; min-height: 100px; }
.column_list .panel				{	border: 1px solid #ccc; margin-bottom: 10px; background: #fff; position: relative; min-height: 26px; overflow: hidden;
									-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #333333; z-index: 100;
									-moz-box-shadow: 1px 1px 3px #aaa; -webkit-box-shadow: 1px 1px 3px #aaa; box-shadow: 1px 1px 3px #aaa; }
.column_list .panel a			{	color: #105289; }
.column_list .panel a:visited	{	color: #368AD2;	}	
.column_list .panel a:hover		{	color: #D31141; }	
.column_list .panel_content		{	padding: 5px 5px 5px 5px; }
.column_list .center			{	text-align: center; }
.column_list .handle			{	background: #eee; padding: 3px 5px; margin: 2px 2px 0px 2px; font-weight: bold;
									-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;
									-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.column_list .handle-buttons	{	float: right; margin: -2px -4px 0 0; cursor: pointer; display: none; }
.column_list .handle-buttons-hide 	{ 	cursor: pointer; }
.column_list .handle-hide		{	position: absolute; display: none; right: 2px; top: 2px; background: #eee; padding: 3px 3px 3px 45px; text-align: right; height: 16px;
									border-bottom: 1px solid #000; border-left: 1px solid #000;
									-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;
									-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;}
.column_list .node_shadow		{	border: 1px dashed #ccc; height: 30px; margin-bottom: 10px; }
.column_list .gallery-title		{	display: none; }
.column_list .grave-bar			{	display: none; }

/* --[ Control Panel ]------ */
#ocp-panel						{	height: 150px; overflow: hidden; color: #fff; background: repeat-x bottom left url("./ui/ocp_back.png") #333; 
									padding: 5px; min-width: 950px; display: none; z-index: 500; }
#ocp-tabs						{	width: 250px; float: right; height: 150px; border-left: 1px solid #666; padding-top: 2px;
									background: top left no-repeat url("./ui/ocp_tab_shadow.png"); margin: 0 20px 0 10px; }
.ocp-tab						{	border-top: 1px solid #222; border-right: 1px solid #222; border-bottom: 1px solid #222; 
									margin: 4px 0;background: transparent; cursor: pointer;
									-moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px;
									-moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }
.ocp-tab:hover					{	border-color: #444; background: top left repeat-x url("./ui/ocp_tab_back_hover.png"); }
.ocp-tab.active					{	border-color: #666; background: top left repeat-x url("./ui/ocp_tab_back.png"); }
.ocp-tab .inner					{	background: no-repeat 10px 1px transparent; padding: 3px 3px 3px 30px; }
.ocp-tab .inner.settings		{	background-image: url("./icons/gear.png"); }
.ocp-tab .inner.theme			{	background-image: url("./icons/color.png"); }
.ocp-tab .inner.gallery			{	background-image: url("./icons/application-icon.png"); }
.ocp-tab .inner.grave			{	background-image: url("./icons/bin-metal-full.png"); }
.ocp-tab .inner.about			{	background-image: url("./icons/book.png"); }
.ocp-tab .inner.help			{	background-image: url("./icons/question-button.png"); }
#ocp-content					{	height: 150px; overflow: auto; }
.ocp-section					{	display: none; }
.section-title					{	font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #666; padding-bottom: 3px; margin-bottom: 5px; }
.section-help					{	padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #666; }
.section-content a				{	color: #fff; }
.section-content a:hover		{	color: #ccc; }
#ocp-colorwheel					{	position: absolute; top: 0px; left: 0px; width: 197px; height: 197px; background: #333; border: 1px solid #666;
									-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 700; display: none; }

/* --[ OCP Widgets ] ------ */
.option-row						{	margin-top: 5px; }
.option-name					{	width: 200px; text-align: right; float: left; padding: 6px 0 0 0; margin-right: 5px; }
.option-button					{	float: left; border: 1px solid #444; padding: 5px 7px 7px 5px; margin: 0px 2px; font-weight: bold;
									-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer;
									background: repeat-x bottom left url("./ui/ocp_button_back.png"); }
.option-button:hover			{	border-color: #666; }
.option-button.active			{	border-color: #999; }
.option-button img				{	margin-bottom: -5px; }
.option-block					{	float: left; padding: 5px; margin: 3px; border: 1px solid #666; 
									-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.option-block .op-title			{	border-bottom: 1px solid #666; padding-bottom: 2px; margin-bottom: 5px; }
.option-row	.op-label			{	float: left; width: 150px; text-align: right; margin-right: 5px; padding-top: 5px; }
.option-row .op-color			{	width: 100px; padding: 3px; border: 1px solid #555555; background: #333; color: #ccc;
									-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.option-row .op-text			{	width: 100px; padding: 3px; border: 1px solid #555555; background: #333; color: #ccc;
									-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.option-row .op-textarea		{	width: 270px; padding: 3px; border: 1px solid #555555; background: #333; color: #ccc;
									-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
									font-family: Verdana, Geneva, sans-serif; font-size: 9px;}
									
.about-block 					{	float: left; padding: 5px; margin: 3px; border: 1px solid #666; 
									-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.about-block .about-title		{	border-bottom: 1px solid #666; padding-bottom: 2px; margin-bottom: 5px; }
.about-block textarea			{	width: 450px; padding: 3px; border: 1px solid #555555; background: #333; color: #ccc;
									-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
									font-family: Verdana, Geneva, sans-serif; font-size: 9px; }
/* --[ IM Connect ] ------ */								
.im-window						{	background: bottom left repeat-x #fff url("./ui/imc_back.png") !important; }
.imc-side						{	float: left; width: 220px; height:310px; background: top left no-repeat transparent; }
.imc-side.yahoo					{	background-image: url("./imc/yahoo_side.png"); }
.imc-side.msn					{	background-image: url("./imc/msn_side.png"); }
.imc-side.aim					{	background-image: url("./imc/aim_side.png"); }
.imc-side.gtalk					{	background-image: url("./imc/gtalk_side.png"); }
.imc-body						{	border: 1px solid #ccc; padding: 10px; margin: 70px 0 0 225px; background: #fff; width: 330px;
									-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; height: 140px; overflow: hidden; }
.imc-body .intro				{	border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-bottom: 5px; }
.imc-body .userid				{	border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 3px; font-weight: bold; }
.imc-body .label				{	width: 100px; text-align: right; float: left; padding-right: 10px; font-weight: normal; }
.imc-body .main-row				{	margin: 10px 0 5px 0; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
.imc-body .button-main			{	text-align: center; padding: 5px 20px; margin: 0 3px 0 0; background: #fff repeat-x bottom left url("./ui/page_button_back.png"); 
									border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.imc-body a						{	color: #999999; text-decoration: none; }
.imc-body a:hover				{	color: #666666; border-color: #999999; }


/* --[ Gallery Section ] ------ */
#gallery-list 					{	list-style: none; min-width: 50px; min-height: 75px; }
#gallery-list .panel			{	margin: 3px; width: 50px; height: 50px; float: left; background: no-repeat 34px 34px #eee; color: #333; border: 1px solid #333;
									padding: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: move; font-size: 0.9em; }
#gallery-list .node_shadow		{	float: left; border: 1px dashed #fff; height: 56px; width: 56px; margin: 3px; }
#gallery-list .handle			{	display: none; }
#gallery-list .panel_content	{	display: none; }
#gallery-list .panel.avatar		{	background-image: url("./icons/user-silhouette.png"); }
#gallery-list .panel.contact	{	background-image: url("./icons/card-address.png"); }
#gallery-list .panel.stats		{	background-image: url("./icons/counter.png"); }
#gallery-list .panel.sig		{	background-image: url("./icons/quill.png"); }
#gallery-list .panel.cpost		{	background-image: url("./icons/balloon--plus.png"); }
#gallery-list .panel.cview		{	background-image: url("./icons/balloon.png"); }
#gallery-list .panel.friends	{	background-image: url("./icons/heart.png"); }
#gallery-list .panel.pets		{	background-image: url("./icons/robot.png"); }
#gallery-list .panel.media		{	background-image: url("./icons/camcorder.png"); }
#gallery-list .panel.arts		{	background-image: url("./icons/picture.png"); }
#gallery-list .panel.artg		{	background-image: url("./icons/photo-album.png"); }
#gallery-list .panel.text		{	background-image: url("./icons/edit.png"); }
#gallery-list .panel.uwa		{	background-image: url("./icons/uwa.png"); }
#gallery-list .panel.about		{	background-image: url("./icons/book.png"); }
#gallery-list .panel.journal	{	background-image: url("./icons/blog.png"); }
#gallery-list .panel.achieve	{	background-image: url("./icons/trophy.png"); }

#grave-list 					{	list-style: none; min-width: 50px; min-height: 50px; }
#grave-list .panel				{	margin: 3px; width: 200px; float: left; background: url("./ui/contact_button_back.png") repeat-x scroll left bottom; color: #333; border: 1px solid #333;
									padding: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: move; font-size: 0.9em; }
#grave-list .node_shadow		{	float: left; border: 1px dashed #fff; height: 30px; width: 206px; margin: 3px; }
#grave-list .handle				{	display: none; }
#grave-list .panel_content		{	display: none; }	

/* --[ Setting Widgets ] ------ */
.setting-header					{	margin: 10px 0 5px 0; padding-bottom: 3px; border-bottom: 1px solid #cccccc; font-weight: bold; }
.setting-label					{	font-size: 0.8em; }
.setting-radio					{	margin: 2px 0 5px 0; padding: 5px; border: 1px solid #cccccc; color: #333333;
									-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/*.setting-radio input			{	position:relative; top: 2px; }*/
.setting-radio input			{	top: 2px; }
.setting-text					{	margin: 2px 0 5px 0; padding: 5px; border: 1px solid #cccccc;
									-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.setting-text input				{	width: 100%; border: none; color: #333; padding: 2px; font-size: 1.2em; }
.setting-info					{	margin-top: 10px; border: 1px solid #ccc; padding: 10px;
 									-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.setting-textarea				{	margin: 2px 0 5px 0; padding: 5px; border: 1px solid #cccccc; color: #333333;
									-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.setting-textarea textarea		{	width: 100%; height: 130px; border: none; }
.setting-help					{	margin-top: 2px; font-size: 0.8em; font-style:italic; }
.setting-list					{	margin: 2px 0 5px 0; border: 1px solid #cccccc; color: #333333; padding: 5px 0;
									-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.setting-list .right			{	float: right; }
.setting-list .row				{	padding: 5px 10px; }
.setting-list label				{	cursor: pointer; }
.setting-list .multi-select		{	text-align: right; padding: 2px 10px; }
.setting-list a 				{	text-decoration: none; color: #105289; }
.setting-list a:hover			{	text-decoration: underline; color: #D31141; }
.setting-select					{	border: 1px solid #ccc; padding: 10px;
 									-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.art-select						{	float: left; width: 75px; height: 75px; padding: 3px; margin: 2px; border: 1px solid #cccccc; 
									text-align: center; cursor: pointer;
									-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.art-select:hover				{	border-color: #999999; background: #eee; }								

/* --[ Module Elements ] ------ */
.panel .request-error			{	margin: 3px; padding: 5px; border: 1px solid #cccccc; 
									-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.panel .avatar_name				{	font-weight: bold; border-bottom: 1px solid #ccc; padding-bottom: 3px; }
.panel .avatar_img				{	text-align: center; }
.panel .avatar-os-online		{	text-align: center; padding-top: 3px; margin-top: 3px; border-top: 1px solid #cccccc; height: 21px;
									background: no-repeat center 3px url("./ui/avatar-online.png"); }
.panel .avatar-os-offline		{	text-align: center; padding-top: 3px; margin-top: 3px; border-top: 1px solid #cccccc; height: 21px;
									background: no-repeat center 3px url("./ui/avatar-offline.png"); }
.panel .contact-button img		{	margin-bottom: -4px; }
.panel .contact-button a		{	border: 1px solid #ccc; width: 99%; height: 21px; text-align: center; display: block;
									text-decoration: none; padding-top: 6px; color: #888888; background: repeat-x bottom left url("./ui/contact_button_back.png");
									-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; white-space: nowrap; }
.panel .contact-button a:hover	{	color: #666666; border-color: #aaaaaa; }
.panel .contact-button strong 	{	color: #1a6bac; }
.panel .comment-button a		{	border: 1px solid #ccc; width: 99%; height: 21px; text-align: center; display: block;
									text-decoration: none; padding-top: 6px; color: #888888; background: repeat-x bottom left url("./ui/contact_button_back.png");
									-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; white-space: nowrap; }
.panel .comment-button a:hover	{	color: #666666; border-color: #aaaaaa; }									
.panel .stat-box				{	border: 1px solid #ccc; padding: 5px;
									-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.panel .stat-name				{	font-weight: bold; margin-bottom: 5px; padding-bottom: 3px; border-bottom: 1px solid #cccccc; }
.panel .stat-main				{	margin-bottom: 3px; padding-bottom: 5px; border-bottom: 1px solid #cccccc; }
.panel .sig-box					{	overflow: auto; line-height:1.48em;  }
.panel .text_contents a			{	color: #105289; }
.panel .text_contents a:visited	{	color: #368AD2;	}
.panel .sig-box	a				{	color: #105289; }
.panel .sig-box	a:visited		{	color: #368AD2;	}
.panel img						{	border-width:0; }

.panel .comment-post-table		{	width: 100%; }
.panel .comment-post-edit		{	width: 70%; height: 40px; }
.panel .comment-post-side		{	width: 30%; height: 40px; padding: 0 0 0 5px; }
.panel .cp-textarea				{	border: 1px solid #cccccc; padding: 5px; 
									-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.panel .cp-textarea textarea	{	width: 100%; height: 65px; border: none; font-size: 11px; }			
.panel .cp-sidebar				{	color: #999999; }
.panel .cp_side_bar				{	padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #cccccc; }
.panel .cp_side_bar	a			{	border: 1px solid #ccc; width: 99%; height: 19px; text-align: center; display: block; cursor: pointer;
									text-decoration: none; padding-top: 6px; color: #888888; background: repeat-x bottom left url("./ui/contact_button_back.png");
									-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; white-space: nowrap; }
.panel .cp_side_bar a:hover		{	color: #666666; border-color: #aaaaaa; }

.fl-block-sm					{	float: left; border: 1px solid #ccc; width: 70px; height: 70px; margin: 3px; background: -35px -50px no-repeat transparent;
									-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.fl-block-sm.flip				{   background-position: -55px -50px; }									
.fl-block-sm .nametag			{	text-align: center; margin: 50px 5px 0 5px; background: #fff; border: 1px solid #ccc; overflow: hidden; 
									-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.fl-block-sm .nametag a			{	text-decoration: none; }
.fl-block-sm .nametag a:hover	{	text-decoration: underline; }

.fl-block						{	float: left; border: 1px solid #ccc; width: 100px; height: 125px; margin: 3px; background: -17px -50px no-repeat transparent;
									-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.fl-block.flip					{   background-position: -40px -50px; }									
.fl-block .nametag				{	text-align: center; margin: 105px 5px 0 5px; background: #fff; border: 1px solid #ccc; overflow: hidden; white-space: nowrap; 
									-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.fl-block .nametag a			{	text-decoration: none; }
.fl-block .nametag a:hover		{	text-decoration: underline; }
.panel .pet-block				{	padding: 3px; margin: 2px; border: 1px solid #cccccc; float: left;
									-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.panel .hover-zone				{	padding: 3px 4px 0 4px; margin-top: 5px; border-top: 1px solid #ccc; }
.panel .art-display				{	text-align: center; padding: 5px; }
.panel .art-display	img			{	-moz-box-shadow: 2px 2px 5px #aaa; -webkit-box-shadow: 2px 2px 5px #aaa; box-shadow: 2px 2px 5px #aaa; }
.panel .art-detail				{	text-align: center; font-size: 1.3em; font-weight: bold; }
.panel .art-detail a			{	text-decoration: none; }
.panel .art-detail a:hover		{	text-decoration: underline; }
.panel .art-bar					{	height: 92px; border-bottom: 1px solid #ccc; overflow: hidden; }
.panel .ab-block				{	float: left; width: 75px; height:75px; margin: 3px 3px 10px 3px; text-align: center; }
.panel .ab-block img 			{	-moz-box-shadow: 2px 2px 5px #aaa; -webkit-box-shadow: 2px 2px 5px #aaa; box-shadow: 2px 2px 5px #aaa; }
.panel .art-link				{	padding: 10px 0 4px 0; text-align: right; }
.panel .art-link a				{	border: 1px solid #ccc; padding: 3px 6px; text-decoration: none; color: #888888; background: repeat-x bottom left url("./ui/page_button_back.png");
									-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

/* --[ Report Dialog ]------ */
.rf-header						{	margin: 10px 0 0 0; padding-bottom: 3px; border-bottom: 1px solid #cccccc; font-weight: bold; }
.rf-label						{	margin-top: 5px; font-size: 0.8em; }
.rf-select						{	margin-top: 2px; border: 1px solid #ccc; padding: 10px;
 									-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.rf-select select				{	width: 100%; border: none; color: #333; font-size: 1.2em; }
.rf-textarea					{	margin: 2px 0 5px 0; padding: 5px; border: 1px solid #cccccc;
									-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.rf-textarea textarea			{	width: 100%; height: 130px; border: none; color: #cccccc; }
.rf-help						{	margin-top: 2px; font-size: 0.8em; font-style:italic; }
.rf-preview						{	margin: 5px 0 5px 0; padding: 5px; border: 1px solid #cccccc; overflow: hidden;
									-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* --[ Comment Paging ]------ */
.comment-paging-bar				{	 }
.comment-paging-bar.top			{	border-bottom: 1px solid #ccc; padding-bottom: 5px; }
.comment-paging-bar.bottom		{	border-top: 1px solid #ccc; padding-top: 5px; }
.comment-paging-bar .right		{	float: right; }
.comment-paging-bar .right a	{	border: 1px solid #ccc; padding: 1px 3px; margin: 0 2px; text-decoration: none; color: #888888; background: repeat-x bottom left url("./ui/page_button_back.png");
									-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.comment-paging-bar .left a		{	border: 1px solid #ccc; padding: 1px 3px; text-decoration: none; color: #888888 !important; background: repeat-x bottom left url("./ui/page_button_back.png");
									-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; white-space: nowrap; }
.comment-paging-bar .left a:hover {	border-color: #999999; }

.comment-row .avatar-small		{	border: 1px solid #ccc; float: left; margin: 3px; }
.comment-row.post				{	min-height: 75px; position: relative; }
.comment-row.post a 			{	text-decoration: none; white-space: nowrap; }
.comment-row.border				{	border-top: 1px solid #ccc; }
.comment-hidden					{	color: #999999; font-style: italic; padding: 5px; text-align: right; }
.comment-user					{	position: absolute; bottom: 3px; left: 5px; font-weight: bold; }
.comment-user.nofog				{	border: 1px solid #ccc; padding: 3px; background: #fff; 
									-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.comment-text					{	padding: 5px 0 5px 135px; overflow: hidden; }
.comment-text.small				{	padding-left: 5px; }
.comment-meta					{	margin-top: 3px; padding-top: 3px; border-top: 1px solid #eeeeee; color: #999999; text-align: right; font-size: 9px; font-style: italic; }
.comment-fog					{	background: repeat-x bottom left url("./ui/comment_fog.png"); }
.comment-meta .comment-ajax		{	text-decoration: underline; cursor: pointer; color: #ccc; }
.comment-meta .comment-ajax:hover {	color: #999999; }
.comment-hidden .comment-ajax		{	text-decoration: underline; cursor: pointer; color: #ccc; }
.comment-hidden .comment-ajax:hover {	color: #999999; }

.comment-paging-bar .right a:hover	{	border-color: #999999; }
.comment-paging-bar .right a.active	{	background-image: none; background-color: #999999; border-color: #999999; color: #ffffff; }

/* --[ Achievement ]------ */
.achievement-list				{	border: 1px solid #ccc; padding: 1px; width: 32px; height: 32px; float: left; margin: 1px; }

/* --[ Journal ]------ */
.journal-row					{	border-top: 1px solid #ccc; padding: 5px 0; }
.journal-row.small				{	padding-left: 8px; }
.journal-title					{	font-size: 1.2em; font-weight: bold; padding-left: 8px; }
.journal-title a				{	text-decoration: none; }
.journal-title a:hover			{	text-decoration: underline; }
.small .journal-title			{	padding-left: 0px; }
.journal-meta					{	background: #efefef; padding: 7px; border: 1px solid #ddd; margin: 7px 0;
									-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.small .journal-meta			{	border: none; padding: 0px; background: none; margin: 0px; }
.small .journal-meta img		{	margin-top: -6px; }
.journal-text					{	line-height: 15px; padding: 0 8px; margin-bottom: 8px;}