/*
 * Content.css - This file store portlet content style
 *
 * History :
 * 20080425.joe - add simple search
 * 20070914.jamnan.1.36 - tweak on addonmenu1
 * 20070910.jamnan.1.35 - minor tweak
 * 20070906.jamnan.1.34 - minor update
 * 20070905.jamnan.1.33 - add cursor:pointer to image_scroller
 * 20070904.jamnan.1.32 - tweak on addonmenu, image_scroller
 * 20070903.jamnan.1.31 - tweak on addonmenu
 * 20070903.jamnan.1.30 - tweak on image_scroller
 * 20070902.jamnan.1.29 - add max width to tile_name
 * 20070830.jamnan.1.28 - minor tweak
 * 20070822.roy 1.27 - bugfix: typo in 1.26
 * 20070822.roy 1.26 - add styles for keyword search boxes
 * 20070728.jamnan.1.25 - do not use pre for ie6 in wordwrap class
 * 20070722.jamnan.1.24 - tweak for tag cloud, add wordwrap class
 * 20070720.jamnan.1.23 - remove some pt-based font-size control - use em instead
 * 20070714.jamnan.1.22 - remove helpgif for portlet_edit
 * 20070710.jamnan.1.21 - update on title style
 * 20070629.roy.1.20 - add a few more styles
 * 20070626.jamnan.1.19 - minor tweak in tool
 * 20070623.jamnan.1.18 - add post overlay video icon
 * 20070622.roy.1.17 - add .survey-list .survey-list-item
 * 20070614.roy.1.16 - add rowed_table(1/2) & not-rowed_table which overwrites rowed_table
 * 20070612.jamnan.1.15 - add clear:both for photo_album to avoid overlapping by quickadd
 * 20070612.roy.1.14 - add spost slider styles
 * 20070608.jamnan.1.13 - add support video icon
 * 20070608.roy.1.12 - change styles in schema editor
 * 20070606.jamnan.1.11 - add hover background for tag-cloud-item
 * 20070606.jamnan.1.10 -fix tag-cloud-item color (need "stronger" selector), add progressbar
 * 20070604.roy.1.9 - add .mobile2 x/.x styles
 * 20070601.roy.1.8 - add .Hx-title styles
 * 20070531.roy.1.7 - add .tag-cloud to tag-cloud items
 * 20070531.roy.1.6 - change form editor styles; fix comments
 * 20070530.roy.1.5(?) - remove bg color from commentbox
 * 20070528.jamnan.1.3 - change wizard to wizard-div
 *
 *
 * 20070521.roy.1.161 - add tag-cloud-item styles; add nowrap to tag item
 * 20070503.jamnan.1.160 - change perm_xxx to image-based
 * 20070422.jamnan.1.159 - style tweak for wizard
 * 20070421.jamnan.1.158 - add style for portal_pick_item
 * 20070419.roy.1.157 - add styles for #wizard-div
 * 20070321.jamnan.1.156 - add margin to imgblock, add rowblock under latest
 * 20070319.roy.1.155 - add padding:5px; to fix FF/IE inconsistency in <fieldset>
 * 20070313.roy.1.154 - a few styles for mobile page design
 * 20070301.roy.1.153 - add a few styles for bbs related portlets, add class .shadowed, add rowed_table
 * 20070210.roy.1.152 - add a style for search forms
 * 20070208.roy.1.151 - style fix for alias list
 * 20070208.roy.1.150 - add styles for alias list
 * 20070130.roy.1.149 - add timespan.toolbar
 * 20070124.roy.1.148 - upload controller addon menu style fix
 * 20070123.jamnan.1.147 - a few more styles
 * 20070123.jamnan.1.146 - style tweak
 * 20070122.jamnan.1.145 - style tweak
 * 20070120.jamnan.1.144 - style tweak
 * 20070112.ray.1.143 - update errorMsg style
 * 20070109.roy.1.142 - add style for postperm edit
 * 20070104.roy.1.141 - bugfix style
 * 20070104.roy.1.140 - apply styles of album_tile_* to uploadcontroller
 * 20061229.roy.1.139 - merge with -x
 * 20061212.roy.1.127.2.9 - groupcat/postcat modified highlight
 * 20061211.roy.1.127.2.8 - groupcat/postcat style tweak
 * 20061208.roy.1.127.2.7 - add groupcat_item style
 * 20061205.jamnan.1.127.2.4 - merge with HEAD
 * 20061205.roy.1.127.2.3 - style tweak
 * 20061121.roy.1.127.2.2 - add styles for project and milestone list
 * 20061110.roy.1.127.2.1 - add styles for project, process, upload control
 * 20061220.jamnan.1.138 - add tile dragging class
 * 20061218.jamnan.1.137 - add slide_comment_pane to go on top of slideshow
 * 20061130.jamnan.1.136 - minor tweak
 * 20061129.jamnan.1.135 - minor tweak
 * 20061128.jamnan.1.134 - update Album Selector style
 * 20061120.jamnan.1.133 - style tweak
 * 20061120.jamnan.1.132 - minor update to album_tile
 * 20061118.jamnan.1.131 - move width/height of album_tile_holder to xsl
 * 20061117.jamnan.1.130 - style tweak
 * 20061116.jamnan.1.129 - many updates
 * 20061026.jamnan.1.127 - tweak to archive calendar
 * 20061026.roy.1.126 - page comment styles
 * 20061023.jamnan.1.125 - remove color for some styles
 * 20061023.roy.1.124 - record styles
 * 20061019.jamnan.1.123 - style tune
 * 20061017.roy.1.122 - add styles for record, schema, xlist portlets
 * 20061013.jamnan.1.121 - add album_tile_as_cover, allow 2 lines in view_tile desc, add ellipsis for post_aggr view
 * 20061003.jamnan.1.120 - allow text to wrap in aggregate view
 * 20061003.jamnan.1.119 - tweak on albums, image_scroller styles
 * 20060925.roy.1.118
 *  - change size of prev/next icon in archive calendar
 *  - add support for direct month/year selection
 * 20060922.roy.1.117 - tinymce mode selector styles
 * 20060919.roy.1.116 - style tune for new slideshow control ; remove post_view_title color setting ; style tune book edit
 * 20060919.jamnan.1.115 - style fix for IE7
 * 20060919.roy.1.114 - minor mod to pref_form styles
 * 20060918.roy.1.113 - add more separator class; add border to all fieldset (fix for firefox) ; add pref_form colorpicker styles
 * 20060915.roy.1.112 - tune comment box styles
 * 20060913.roy.1.111 - change .bookedit to .book ; add styles for book read
 * 20060912.roy.1.110 - add styles for book edit
 * 20060904.roy.1.109 - style tunes for help texts
 * 20060904.roy.1.108 - styles for help texts
 * 20060901.jamnan.1.107 - tune post summary date
 * 20060828.roy-1.106 - style tune for comment view for ff.
 * 20060823.jonathan-1.105 - update style
 * 20060821.jonathan-1.104 - add menu in member list (admin modules)
 * 20060821.roy-1.103 - style tunes latest communities/blogs
 * 20060819.roy-1.102 - style tunes webdoc summary
 * 20060818.roy-1.101 - style tunes for favorite editor
 * 20060811.roy-1.100 - style tunes
 * 20060811.roy-1.99 - style tune for bloginfo
 * 20060809.roy-1.98 - style tunes
 * 20060809.roy-1.97 - add styles for group member list and community list
 * 20060808.jonathan-1.96 - remove cursor attribute to image_scroller thumbnail
 * 20060807.roy-1.95 - style tunes
 * 20060807.roy-1.93 - style tunes
 * 20060807.roy-1.92 - style tunes for latest-updated/newly-created blogs and communities
 * 20060805.roy-1.91 - add styles for addonmenu in post edit
 * 20060804.roy-1.90 - style tunes
 * 20060804.roy-1.90 - minor mod.
 * 20060804.roy-1.89 - new design styles
 * 20060803.roy-1.88 - tune for new styles
 * 20060802.roy-1.87 - tune and new styles
 * 20060801.roy-1.86 - add styles for image slide show controls
 * 20060728.jonathan-1.85 - update bloginfo (make it position absolute)
 * 20060727.roy-1.84 - tune
 * 20060727.roy-1.83 - tune
 * 20060725.roy-1.82 - tune
 * 20060724.roy-1.81 - change some styles for "post aggregate view"
 * 20060724.jonathan-1.80 - add unread for post agg headline
 * 20060719.jonathan-1.79 - use new icon for set(2)
 * 20060719.jonathan-1.78 - use new icon for set
 * 20060718.jamnan.1.77 - more tweak for Calendar / favorite. Move Edittoolbar to style.css
 * 20060714.jonathan-1.76 - minor tweak
 * 20060714.jonathan-1.75 - Adopt new design from only(post_icons_effect.gif)
 * 20060714.roy.1.74 - tune styles for portal layout edit toolbar
 * 20060713.roy.1.73 - tune styles for archives, image_scroller, album_browser and photo_album
 * 20060713.jamnan.1.72 - tune photo album's style for better FF compatibility
 * 20060713.roy.1.71 - tune styles for archives
 * 20060712.roy.1.70 - add style dummy_comment for use in case when a photo has no description
 * 20060712.jamnan.1.69 - update to photo album's style
 * 20060712.ray.1.68 - use pointer instead of hand cursor
 * 20060711.ray.1.67 - add hand cursor to groupnode
 * 20060711.roy.1.66
 *  - remove styles for image scroller under .photo_album
 *  - add styles for .flickr_album
 * 20060711.roy.1.65 - remove community menu styles
 * 20060710.roy.1.64 - style tune for archivestat
 * 20060710.roy.1.63 - add styles for archivestat and community menu
 * 20060708.ray.1.62 - add css for memberlist
 * 20060627.jamnan.1.61 - update posttypeid icons to also use type-numbered classnames
 * 20060627.jamnan.1.59-1.60 - add back arrow for non-typed post_agg_item
 * 20060626.roy-1.58 - add styles to distinguish post/feed/album/webdoc in post_agg_item list
 * 20060624.jonathan-1.57 - Change errorMsg font-size
 * 20060623.roy.1.56 - change cursor to hand for ff compat ; change photo tile sizes
 * 20060617.jamnan.1.55 - update on psot_view_title and favorite_edit_div
 * 20060615.roy.1.54 - remove parent class requirements of .close_div
 * 20060615.roy.1.53 - add form.compact which set padding-bottom, margin-bottom to zero
 * 20060613.roy.1.52 - add style link_span for <SPAN> to mimic <A> ; fix comments ; fix styles for photo tiles
 * 20060610.ray-1.51 - remove font size set for errorMsg class
 * 20060610.jamnan.1.50 - add tags highlight class
 * 20060606.jonathan-1.49 - add spost css edit form style
 * 20060606.roy-1.48 - add style for column/row toolbar
 * 20060526.roy-1.47 - remove 'position:relative' from .post_view_favorite , switch to change position at runtime ; fix margin
 * 20060523.roy-1.46 - favorite edit pane style fix
 * 20060525.jonathan-1.45 - Add Album selector and image scroller
 * 20060523.roy-1.44 - hard code tile name div height to 15px
 * 20060522.roy-1.43 - Album related style changes
 * 20060519.jonathan-1.42 - Adjust post single view detail width
 * 20060519.jonathan-1.41 - refactor post_agg_item
 * 20060518.jonathan-1.40 - Adjust font-size
 * 20060518.jonathan-1.39 - Add summary_body font-size
 * 20060518.roy-1.38 - adjust margin for comment in photo display
 * 20060517.jonathan-1.37 - Adjust font-size
 * 20060517.jonathan-1.36 - Adjust font-size
 * 20060517.jonathan-1.35 - Fix latest, timediff font-size
 * 20060517.jonathan-1.34 - Fix font-size of post(2)
 * 20060517.jonathan-1.33 - Fix font-size of post
 * 20060517.jonathan-1.32 - add linerule style
 * 20060515.roy 1.31 - add style InlineEditor
 * 20060508.roy 1.30 - add styles for triggers of span type
 * 20060504.roy 1.29 - change photo tile styles
 * 20060504.roy 1.26~1.28
 *  - change styles for back/next buttons
 *  - add styles for flickr album and user album
 * 20060418.jamnan.1.25 - add fixed width/height to album thumbnail
 * 20060413.roy - 1.24 - add / modify favorite-related styles
 * 20060413.roy - 1.23-1 - fix comments
 * 20060413.roy - 1.23 - add post_view and post_view_favorite styles
 * 20060330.jonathan-1.22 - Change latestcommunity to latest class, add instruction class
 * 20060323.joanthan-1.21 - Change arrowList from center to top in lastestCommunity
 * 20060323.jonathan-1.20 - Add lastcommunity style
 * 20060322.roy-1.19 - add txt_disabled, txt_enabled, album_thumbnail ,& album_singlephoto
 * 20060321.jonathan-1.18
 * - Change comment css
 * - Add home_post_sgl_related style
 * 20060316.jonathan-1.17
 *  - change post_view_titleonly to world_post_agg
 *  - change .time to .timediff
 * 20060315.jonathan-1.16 - add errorMsg
 * 20060310.jonathan-1.15 - set_view change span to div
 * 20060309.jonathan-1.14 - Add latestcommunity style(should be renamed later)
 * 20060308.jonathan-1.13 - Comment style modification
 * 20060307.jamnan.1.12 - remove relative positioning from post_view detail
 * 20060305.jonathan-1.11 - Add set edit
 * 20060228.jonathan-1.10 - Add more set_view style
 * 20060227.jonathan-1.9 - Add back revision_view
 * 20060227.jonathan-1.8 - Add wfpost style, post_titleonly
 * 20060227.jonathan-1.7 - Add new post icon to set_view
 * 20060226.jamnan.1.6 make div.lightblue independent of post_view
 * 20060226.jonathan-1.5 - Fix comment info style
 * 20060224.jonathan-1.4 - Add revision style
 * 20060222.jonathan-1.3 - Add more post style
 * 20060222.jonathan-1.2 - Add post aggregate style
 *
 */
/***************************** Post style ************************************/
/*div#post_view,  div.lightblue {
}

div.lightblue h3, div.lightblue p.more, div.lightblue a { color: #6699CC; }
div.lightblue a:hover { color: #336699; }

div.lightred h3, div.lightred p.more, div.lightred a { color: #CC0000; }
div.lightred a:hover { color: #880000; }

div.dummytop {
	margin: 10px 0 0 0;
}*/
/*
div.post h3.title {
	float:left;
	margin: 0 0 12px 0;
	font-size: 1.5em;
	font-weight: bold;
}
*/

div.post p.details {
	float:right;
	background-color: #EEEEEE;
	margin: 5px 0 6px 6px;
	padding: 8px 12px;
	width: 120px;
	display:inline;
}

div.post p.details a { color: #000000; }
div.post p.details a:hover { color: #666666; }
div.post p.details span {
	display: block;
	padding-left: 18px;
	/* text-indent: -18px; */
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 2px;
	margin-bottom: 4px;
}
div.post p.details span.bottom {
	margin: 0 0 -8px -12px;
	border: 0;
	text-align: right;
	background-image: url(images/round_white_BL.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

div.post p.details span.time {
	background-image: url(images/time_small.png);
	background-repeat: no-repeat;
	background-position: left top;
}
div.post p.details span.author {
	background-image: url(images/author_small.png);
	background-repeat: no-repeat;
	background-position: left top;
}
div.post p.details span.tags {
	background-image: url(images/tag_small.png);
	background-repeat: no-repeat;
	background-position: left top;
}
div.post p.details span.comments {
	background-image: url(images/comment_small.png);
	background-repeat: no-repeat;
	background-position: left top;
}

div.post div.content {
	clear: left;
	/*font-size: 10pt;*/
}

div.post p.more {
	margin: 5px 30px 20px 0px;
	/* padding: 0 60px 0 0; */
	text-align: right;
	font-weight: bold;
	clear:both;
}

div.post p.more span{
	padding-left: 18px;
	background-image: url(images/read_more.png);
	background-repeat: no-repeat;
	background-position: left top;
}

div.dummybottom {
	margin: 0 0 40px 0;
	clear: both;
}

/*
.comment {
	margin: 0px 10px 0 0;
}

.comment .content {
	background: #e5e5e5;
  	padding: 0.8em;
  	margin-top: 1.5em;
	padding: 10px 10px 10px 10px;
	color: #443B06;
	line-height: 130%;
}

.comment .info {
	background: url("images/bg_comment.gif") no-repeat 0 top;
	padding : 0.9em 0.5em 0 0.5em;
}

.comment_reply {

}

.comment_replyto {
	background: #fff;
	border: 1px solid #555;
}

.comment span.reply {
	float: right;
}

div#comment_view {
  width: 100%;
  float: left;
  clear: both;
  border-top: 1px dashed #666;
}

div#comment_view form {
	margin: 20px 10px 0 0;
}
*/

/************************ Post Titleonly style ******************************/
.post_agg_item .bloginfo {
	position: absolute;
	right: 0px;
	padding: 0px 6px 6px 6px;
	background: #fff;
}

div.post_agg_item  {
	/*padding: 0 10px 0 0;*/
	min-height:80px;
	height: auto !important;
	*height:80px;
	/*overflow-y:auto;overflow-x:hidden;  cause bug under ie6*/
	clear:both;
}
.post_quick_add{font-weight: bold;font-size: 12px; line-height:18px; border:1px solid #ddd; padding: 2px; margin: 2px; line-height:20px}
.post_agg_item ul {
	margin: 0 0 0 0;
	padding-left: 5px;
}

/*
.post_agg_item li{
	background: url("images/arrowList.gif") no-repeat left top;
	margin-bottom: 2px;
	list-style-type: none;
	line-height: 1.3em;
	padding: 1px 0 1px 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
*/
.post_agg_item a {
	text-decoration: none;
	font-weight: normal;
	/*font-size: 9pt;*/
}
/************************** Workflow style *********************************/
.wfpost ul {
	margin-left: 0px;
	padding-left: 5px;
}


.wfpost li.approved{
	background: url("images/tick.gif") no-repeat left center;
	margin-bottom: 2px;
	list-style-type: none;
	line-height: 1em;
	padding: 1px 0 1px 15px;
}


/*************************** Revision style **********************************/
div#revision_view td.revision {
	background: url("images/format-indent-more.png") no-repeat left top;
}

div#revision_view td.revision a {
	margin-left: 20px;
}

div#revision_view div.warning {
	background: url("images/warning.gif") no-repeat left top;
	border-style: solid;
	border-width: 1px;
	border-color: #F0C000;
	background-color: #FFFFCE;
	text-align:left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}

div#revision_view div.warning span {
	margin-left : 20px;
}


/***************************** Latest community ***************************/
ul.latest
{
	margin:0;
	padding:0;
	list-style: none;
}

.latest li
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.latest a
{
	display: block;
	text-decoration: none;
	padding: 0 2px;
}

.latest .imgblock{
	float: left;
	width: 35px;
	height: 35px;
	margin: 2px;
}

.latest .rowblock {
	clear: both;
}

.latest .infoblock {
	min-height:35px;
	_height: 35px;
	border-bottom:1px dashed #ccc;
	padding-top:2px;
}

.latest .displayname {
	font-size: 1.2em;
	font-weight:bold;
}


/* .latestcommunity a:active, .latestcommunity a:hover
{
	background-position:-162px 4px;
} */

.timediff , .votecount
{
	padding: 0px 3px 0px 0px;
	/*font-size: 7pt;*/
	font-size: 0.8em;
	font-weight: normal;
}

/***************************** User photo *********************************/
.user-photo {
	vertical-align: middle;
}

/***************************** User photo *********************************/
.errorMsg {
	background: transparent url("images/error.gif") no-repeat left center;
	xheight: 1.5em;
	padding: 3px 4px 3px 22px;
	color: red;
	/*font-size: 7pt;*/
	font-size: 0.8em;
	font-family: arial,sans-serif;
	display: none;
}

.album_thumbnail {
    text-align : center;
}

.album_thumbnail tr {
    height: 75px;
}
.album_thumbnail td {
    width: 75px;
}

.album_singlephoto {
    text-align : center;
}

.txt_disabled {
    background-color:#d2d4cc;
}
.txt_enabled {
    background-color:#ffffff;
}


.home_post_sgl_related ul {
	margin-left: 0px;
	padding-left: 5px;
}
.home_post_sgl_related li {
	background: url("images/arrowList.gif") no-repeat left center;
	margin-bottom: 2px;
	list-style-type: none;
	padding: 1px 0 1px 15px;
}

.instruction {
	/*font-size: 8pt;*/
	color : #666;
}
.portletinfo{
	padding: 0px 8px 0px 8px;
	background: #ffd;
}
.portletinfo .title{
	font-weight: bold;
	line-height: 20px;
}

#post_view .post_summary_title a {
 	font-size:1.8em;
 	font-weight: bold;
 	margin: 0 0 3px 0;
 	text-decoration: none;
}

#post_view .post_summary_title a:hover {
 	text-decoration: none;
}

#post_view .post_summary_title {

}
#post_view .summary_header a.post_summary_title,#post_view .post_title a.post_summary_title{font-size:1.5em; font-weight:bold; text-decoration:none}
#post_view .summary_header a.post_summary_title:hover,#post_view .post_title a.post_summary_title:hover {
 	text-decoration: none;
}
#post_view .post_summary_info {
	width: 100%;
}

#post_view .post_summary_author a {
	font-weight: bold;
	padding-left: 3px;
}

#post_view .post_summary_rsssrc {
	/*background: url("images/icon_rss.gif") no-repeat left center;*/
}
#post_view .post_comment_count {
}

#post_view .post_summary_comments {
	float:right;
}

#post_view .post_summary_body{
	margin-bottom: 10px;
	display: block;
	margin-top: 1em;
	/*font-size: 10pt;*/
}

#post_view .post_summary_readmore{
	float:right;
}

#post_view .post_summary_actions{
	display:block;
	float:right;
}
/*
#post_view .post_agg_item{
	background: url('images/arrowList.gif') no-repeat left top;
	display:block;
	padding-left: 15px;
	line-height : px;
}

#post_view .post_agg_item a {
	font-size: 10pt;
	font-weight: normal;
}

#post_view .post_agg_item span {
	white-space: nowrap;
} */

.rss_external_link{
	background: url("images/external.png") no-repeat right top;
	float:right;
	padding-right: 14px;
}

.favorite_edit_div{
	display:none;
	position:absolute;
	top: -16px;
	left: 20px;
	background-color:#fff;
	color: #333;
	border: 1px solid #339900;
}

.post_view_favorite{
	/*border: 1px solid #ccc;*/
	/*position: relative;
	text-align: center;
	width: 32px;*/
}

#post_view .post_view_title{
	margin: 0 5px;
	padding: 0;
	width:100%;
}

#post_view .post_view_title h1{font-size:1em;float:left}

#post_view .post_view_title a.title_link {
	font-size: 2em;
	font-weight: bold;
	text-decoration:none;
	margin: 0 0 3px 0;
}

#post_view .post_view_title a.title_link:hover {
	text-decoration:none;
	background-color:none;
}

#post_view .post_view_favorite a:hover {
 text-decoration:none;
 background-color:none;
}

#post_view .post_view_favorite a {
  text-decoration:none;
}
.post_view_favorite .starred {
 	background: url("images/mark-favorite_on.gif") no-repeat left top;
}

.post_view_favorite .notstarred{
 background: url("images/mark-favorite_off.gif") no-repeat left top;
 }

.post_view_favorite .loading{
 background: url("./images/loading.gif") no-repeat left top;
 }

.close_div{
 	background: #fff url("./images/close.gif") no-repeat top right !important;
	float: right;
	margin: 1px 1px 1px 1px;
	cursor: pointer;
 	width:16px;
 	height:16px;
}

.post_view_favorite .fav_aliascnt_div{
	text-align: center;
	border: 1px solid;
	height: 1em;
	padding: 0 8px;
	display:inline;
}

/* image scroller */
/** image scroller **/

.image_scroller {
	margin: 5px 17px;
	text-align: center;
	cursor: pointer;
}

.image_scroller_small {
	margin: 0;
}

.image_scroller .thumbnail_hidden{
	display:none;
}

.image_scroller .thumbnail_visible img.thumb, .image_scroller .thumbnail_visible img.canvas{
	padding: 4px;
}

.image_scroller .thumbnail_visible div {
	cursor: pointer;
}

.image_scroller .thumbnail_selected img{
	border: 4px solid #f55;
	padding: 0px;
}

.image_scroller .thumbnail_pane{
	border: 0;
}

/*
.image_scroller a:hover {
    background: #ccc;
}
*/

.image_scroller .scroll_next, .image_scroller .scroll_prev{
	cursor:pointer;
	display: none;
}

/* image selector is a wrapper for image scroller so that selected tile is not framed, and aligned to left */
.image_no_select .thumbnail_selected img, .image_selector .thumbnail_visible img {
    border: none;
    padding: 4px;
}

.image_selector .image_scroller {
    text-align: left;
    padding-left: 20px;
}

.image_scroller .thumbnail_selected, .image_scroller .thumbnail_visible {display:inline-block}
.image_scroller .thumbnail_selected, .image_scroller .thumbnail_visible {display:inline}
.image_scroller .thumbnail_selected, .image_scroller .thumbnail_visible {display:inline-table}
.image_scroller .image_box, .image_scroller .image_desc {display:table-row;padding:0;margin:0;cursor:pointer;};


.album_block_list{text-align:center}
.album_block{display:inline-block}
.album_block{display:inline}
.album_block{display:inline-table}
.album_block>.image_box,.album_block>.image_desc{display:table-row;padding:0;margin:0}
.album_block{margin:4px; width:200px;}
.album_block .image_desc td{max-width:200px}
.album_block .album_block_frame{text-align:center;height:194px;width:194px;background:url(images/album_background.gif) no-repeat left}
.album_block .album_block_frame .padding{padding-top:16px}
.album_block .album_block_frame img{border:1px solid #ccc}
.album_block .image_desc{text-align:center;margin-top:.2em;width:200px}
.album_block .image_title td{text-align:center;vertical-align:top;border-collapse:collapse;padding:0;width:205px}
.album_block .image_title .titlebox{width:205px;height:2.5em;overflow:hidden;line-height:1.2em}
.album_block .image_desc .title a{font-weight:bold;text-decoration:none}
.album_block .info, .album_block .desc{white-space:nowrap;padding:0 16px}




/**************** photo album *************************/
.photo_album{
  clear:both;
}

.photo_album .album_top, .photo_album .album_selector_div {
	z-index: 1000;
}


.photo_album .album_frame_div {
    padding: 5px;
}
/*
.photo_album .show_pane a {
	padding:0px;
    margin:0px;
	border: 1px solid #ccc;
	top: -4px;
	left: -4px;
    position: relative;
	display:-moz-inline-block;
	display:-moz-inline-box;
	*display: block;
	background: #fff;
}

.photo_album .show_pane a img {
	text-decoration: none;
	padding:0px;
    margin:0px;
	border: 5px solid #fff;
	background: #fff;
	display:-moz-inline-block;
	display:-moz-inline-box;
	*display: block;
}

.photo_album .exhibit_pane {
   text-align: center;
}

.photo_album .show_pane {
	padding:0px;
	text-decoration: none;
	background: url("images/blur.gif") repeat bottom right;
	display:-moz-inline-block;
	display:-moz-inline-box;
	*display: inline-block;
	*width: 1px;
	*white-space: nowrap;
}

*/

.photo_album .show_pane a {
	padding:0px;
    margin:0px;
	border: 1px solid #eee;
	top: -4px;
	left: -4px;
    position: relative;
	display: block;
	background: #fff;
}

.photo_album .show_pane a:hover {
	background: #fff;
}

.photo_album .show_pane a img {
	text-decoration: none;
	padding:0px;
    margin:0px;
	border: 3px solid #fff;
	background: #fff;
	z-index: 2;
	display: block;
}

.photo_album .exhibit_pane a.external_link:hover {
	background: none;
}

.photo_album .exhibit_pane {
   text-align: center;
}

.photo_album .show_pane {
	padding:0px;
	text-decoration: none;
	background: url("images/blur.gif") repeat bottom right;
	float: left;
	*float: none;
	*display: inline-block;
	min-width: 1%;
	width: auto !important;
	*width: 1px;
	*white-space: nowrap;
}

.photo_album .title_pane{
	/*font-size: 12pt;*/
	font-size: 1.2em;
	font-weight: bold;
	height: 25px;
	margin: 10px 0px;
}

.exhibit_pane .slide_comment_pane{
	position: absolute;
	bottom: 5px;
	display: block;
	clear: both;
	width: 100%;
	left: 0px;
	font-size: 1.2em;
	font-weight: bold;
	background: black;
	color:white;
	opacity:0.5;
	-moz-opacity:0.5;
	z-index: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.photo_album .browse_comment_pane{
	padding-bottom: 10px;
	display: block;
	clear: both;
}

.photo_album .dummy_comment{
	color: #888;
}

/* album selector */



.album_selector_div{
	text-align: left;
	position: relative;
}

.album_selector_div .select_trigger_div{
	cursor:pointer;
	float:left;
	-moz-user-select:none;
}

.album_list_div{
	position: absolute;
	border: 1px solid #888;
	background: #EEE;
	cursor:pointer;
	clear:both;
	width: 200px;
	/*font-size: 8pt;*/
	z-index: 10000;
	overflow:hidden;
}

.album_list_div .more_div {
	display: block;
	width: 100%;
	text-align: center;
	cursor: pointer;
	height: 1.5em;
	background: #888;
}

.album_list_div .list_div2 {
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
}

.album_list_div a.album_list_item{
	padding: 5px;
	display: block;
	width : 190px;
	float: left;
	clear:both;
    border-bottom: 1px solid #888;
    cursor:pointer;
}

.album_list_div .selected {
	background: #CCF;
}

.album_list_div a.album_list_item:hover{
    background: #ccc;
    text-decoration: none;
    cursor:pointer;
}

.album_list_div .album_list_item{
	padding: 5px;
	cursor:pointer;
}

.album_selector_div .album_item_icon{
	padding-right: 5px;
}
/* End album selector */







.photo_album .album_item_icon{
	padding-right: 5px;
}

/*  End Obsoleted roy album selector */


/* .photo_album .album {
   width: 100%;
   float: left;
   clear:both;
} */


.album_tile_holder{
	margin: 5px 10px;
	text-align: left;
}

.album_view_tile {
	text-align: center;
}
/* album_view_tile is for viewing, album_edit_tile is for editing */
.album_view_tile .album_tile_holder{display:inline-block}
.album_view_tile .album_tile_holder{display:inline}
.album_view_tile .album_tile_holder{display:inline-table}



.album_tile_holder input {
	text-align: center;

}

.album_tile_div{
	padding-top: -20px;
	text-align: left;
}



.album_edit_tile .album_tile_holder {
	display:block;
	float: left;
}

.album_tile_dragging, .tile_dragging {
	position: absolute;
	border: 2px dashed #888;
	background: #ccc;
	opacity:0.6;
	-moz-opacity:0.6;
	*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	cursor: move !important;
}

.album_upload_frame{
	height:40px;
	*height:20px;
	width:100%;
}

.album_edit_tile .album_tile_holder .album_photo_tile{
	border: 2px solid #ccc;
	margin-top: 10px;
	display: block;
	clear: both;
	padding: 2px;
	position:relative;
}


.album_edit_tile .album_tile_holder .album_tile_as_cover {
	position:absolute;
	display:block;
	background:url(images/as_cover.gif) no-repeat;
	width:11px;
	height:11px;
	font-size: 0px;
	right: 2px;
	top: 2px;
}

.album_edit_tile .album_tile_holder .album_photo_tile_selected{
	border: 4px solid #f55;
	margin-top: 10px;
	display: block;
	clear: both;
	position:relative;
}


.album_edit_tile .album_tile_target .album_photo_tile,  .album_edit_tile .album_tile_target .album_photo_tile_selected, .tile_target{
   opacity:0.3;
   -moz-opacity:0.3;
   *filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}

/* inline block for viewing only */
.album_view_tile .album_tile_holder>.album_photo_tile, .album_view_tile .album_tile_holder>.album_tile_name{display:table-row;padding:0;margin:0}

.album_tile_holder .album_tile_include{
	text-align: left;
}

.album_tile_holder .album_tile_icon{
	display:block;
	clear:both;
}

.album_tile_holder a.album_tile_icon:hover {
	background: none;
}

.album_tile_holder .album_tile_icon img {
    border: 0;
}

.album_tile_holder .album_tile_desc{
	clear:both;
	height: 1.6em;
	overflow:hidden;
	text-align:center;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-size: 0.8em;
}

.album_edit_tile .album_tile_desc {
	background: #ccc;
	/*font-size: 8pt;*/
	height: 16px;
	cursor:pointer;
	text-align:left;
}

.album_tile_holder .album_tile_name{
	margin: 5px 0px 0px 0px;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	height: 1.6em;
	clear: both;
	text-align:center;
}


.album_div_control{
	background:#ddf;
	margin-bottom:10px;
	text-align: left;
	margin: 5px 0px 0px 0px;
	padding: 2px;
}

.upload_control_container .upload_tips{
	color:gray;
}

/**/
span.trigger_enabled{
	color:blue;
	cursor:pointer;
	text-decoration:underline;
	font-size: 1.2em;
	font-weight: bold;
}

span.trigger_disabled{
	color: gray;
	text-decoration:none;
	cursor:default;
	font-size: 1.2em;
	font-weight: bold;
}


/* A very general line rule to separate stuff */
.spost_edit_css_table .header {
	font-weight: 700;
	/*font-size: 10pt;*/
}

.colorpicker {
	background-color : #00FF00;
	width: 18px;
	height: 18px;
	border: 1px solid #cccccc;
}


div.tags span.highlight {
    background: #fc9;
    text-decoration : underline;
}

/** for <SPAN> which mimics behavior of <A> **/
span.link_span{
	text-decoration: underline;
	cursor: pointer;
}

form.compact{
	padding-bottom:0px;
	margin-bottom: 0px;
}

/* */
.post_agg_item li{
/*	background: url("images/arrow_right.gif") no-repeat left 1px;*/
	background-position:left center;
	margin-bottom: 5px;
	list-style-type: none;
	/*line-height: 1.5em;*/
	padding: 5px 0 2px 22px;
	border-bottom: 1px dashed #ccc;
	/*white-space: nowrap; allow text to wrap around*/
}
.post_agg_item li.feed{background-position:left 7px}

.post_agg_item .item{

}

.post_agg_item .item a.read, .post_agg_item .item a.unread{
	width: 100%;
	overflow:hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	display: block;
}


/* do not use overflow for bag layout */
.layout_bag .post_agg_item .item a.read, .layout_bag .post_agg_item .item a.unread{
	overflow:visible;
	white-space: normal;
}

 a.unread {
	font-weight: bold!important;
}

.posttypeid11,  li.posttypeid11{
	background-image: url("images/mime-project.gif");
	background-repeat: no-repeat;
}

.post_agg_item li.doc, .posttypeid4,  li.posttypeid4{
	background-image: url("images/mime-doc.gif");
	background-repeat: no-repeat;
}

.post_agg_item li.post, .posttypeid1, li.posttypeid1 {
	background-image: url("images/mime-post.gif");
	background-repeat: no-repeat;
}

.post_agg_item li.image, .posttypeid3, li.posttypeid3 {
	background-image: url("images/mime-album.gif");
	background-repeat: no-repeat;
}

.post_agg_item li.feed, .posttypeid2, li.posttypeid2 {
	background-image: url("images/mime-feed.gif");
	background-repeat: no-repeat;
}

.post_agg_item li.video, .posttypeid8, li.posttypeid8 {
	background-image: url("images/mime-video.gif");
	background-repeat: no-repeat;
}

.postover8, .postovervideo {
	position: absolute;
	background-image: url("images/ICONVideo_32.gif");
	width: 32px;
	height: 28px;
	margin-left: 5px;
	margin-top: 5px;
	border: 0;
}

.postover8_thumb, .postovervideo_thumb {
	position: absolute;
	background-image: url("images/ICONVideo_24.gif");
	width: 24px;
	height: 21px;
	margin-left: 2px;
	margin-top: 2px;
	border: 0;
}

/** archive stat calendar styles **/
.archivestat .Header{
	background: red;
	color: white;
	font-weight: bold;
}

.archivestat .MonthDay{
}

.archivestat .WeekDay{
	width: 25px;
	background: #ff9835;
	color: #fff;
	font-weight: bold;
}

.archivestat .Past{
}

.archivestat .Today{
	background: #aaa;
	color: #fff;
	font-weight:bold;
}

.archivestat .Future{
	color: #888;
}

.archivestat .EmptyDay{

}


.archivestat .NonEmptyDay{
	font-weight: bold;
	cursor: pointer;
	color: #66F;
	text-decoration: underline;
}

.archivestat .MonthDay{
}

.archivestat .MonthDay a, .archivestat .MonthDay a:links, .archivestat .MonthDay a:visited,  {
	font-weight: bold;
	cursor: pointer;
	color: #66F;
	text-decoration: underline;
}

.archivestat .MonthDay a:hover{
	background: #F66;
}

.archivestat .Navigate{
	font-weight: bold;
	color: #666;
}
.archivestat .NavControl{
	font-size: 10pt;
	font-weight: 900;
	cursor: pointer;
	-moz-user-select: none;
	color: #66F;
}
.archivestat .list{
	position:absolute;
	background:#fff;
	border:1px solid #aaa;
	color: #000;
	padding:1px;
	top: 24px;
	*top: 16px;
	margin-left: -16px;
	text-align:left;
}

.archivestat .list a.Option, .archivestat .list a.Option, .archivestat .list a.Option:visited, .archivestat .list a.Option:link {
	text-decoration:none;
	font-size:7pt;
	white-space: nowrap;
	color: #000;
}


.archivestat .list a:hover{
	background:#ccf;
}

/* */
.groupnode {
	width:100%;
	font-weight:700;
	cursor:pointer;
}
.memberlist {
	padding-left: 5px;
}
.expandall {
	cursor: pointer;
	float:right;
}
.collapseall {
	cursor: pointer;
	float:right;
}
.memberlistcontrol {
	margin:2px 0px 2px 0px;
	padding :5px 4px 5px 4px;
	background-color : #cceeff;
}

/** flickr album **/
.flickr_album{
	text-align: center;
}

.flickr_album .title_pane{
	font-weight: 700;
	/*font-size: 12pt;*/
	font-size: 1.2em;
	margin: 10px 0px;
}

.flickr_album .show_pane{
	margin-bottom: 10px;
}

.flickr_album .comment_pane{
	padding-bottom: 10px;
}


/** post aggregate view styles **/
#post_view .post_summary_entry{
	padding: 8px 8px 0px 1px;
	clear:both;
	/*overflow:auto; hidden scroll bar under Chrome*/
}

/*news style2*/
#post_view .news_style2{overflow:hidden; } 
#post_view .news_style2 .thumbnail{overflow:hidden;position:relative;}
#post_view .news_style2 .thumbnail img{position:absolute}
.post_summary_entry_left .thumbnail img{left:-8%;top:-35%}
.post_summary1 .thumbnail img,.post_summary2 .thumbnail img{left:-30%;top:-7%}
.post_summary_entry_left .thumbnail{height:150px;width:220px;margin-right:8px;margin-bottom:0 }
.post_summary1 .thumbnail,.post_summary2 .thumbnail{line-height:74px;height:74px;width:75px;margin:0 8px;_margin:0 4px;float:right; }
.post_summary_entry_left .text_body{margin-top:0}
.post_summary1 .text_body{margin-top:0}
#post_view .post_summary_entry_left .post_title .post_summary_title{font-size:2.2em;line-height:1.3em;font-weight:bold;display:block;margin-bottom:8px}
#post_view .post_summary1 .post_title .post_summary_title{font-size:1.3em;display:block; height:2.6em; overflow:hidden;font-weight:bold;line-height:1.4em;}
#post_view .post_summary2 .post_title .post_summary_title{display:block;margin:8px 0}
#post_view .post_summary3 .post_title .post_summary_title{margin-top:8px;display:block}

/*blog style2*/
.thumbnai_blogstyle2{float:right;width:202px; height:117px; text-align:center; border:1px solid #ddd;overflow:hidden;line-height:117px;margin-left:10px;_margin-left:5px;}
.thumbnai_blogstyle2 img{margin-top:-45px}

/*
.post_summary_entry .post_summary_date {
	background: url("images/Mookr_Calendar.gif") no-repeat center center;
	display: block;
	float: right;
	width: 45px;
	height: 53px;
	font-family: arial,sans-serif;
	font-size: 8pt;
	text-align : center;
}
.post_summary_date .post_summary_date_day {
	color: #48514A;
	font-size: 12pt;
	font-weight: bold;
	margin-top: -2px;
}
.post_summary_date .post_summary_date_month {
	font-size: 8pt;
	color: #48514A;
	font-weight: bold;
	margin-top: -1px;
}
.post_summary_date .post_summary_date_year {
	font-size: 9px;
	line-height: 10px;
	padding: 0px;
	color: #fff;
	background: #48514A;
	width: 42px;
	margin-top: 3px;
}
.post_summary_date .post_summary_date_time {
	color: #48514A;
	font-size: 7pt;
	margin-top: -2px;
	font-weight: bold;
}
*/

.post_summary_entry .summary_body, .post_summary_entry .summary_footer, .post_summary_entry .summary_header {
	padding-bottom: 5px;
	width:100%;
	clear:both;
}

.text_body{clear:both}
.news_style2 .text_body{clear:none}
.post_summary_entry .summary_footer {
	padding-top:5px;
}

.summary_body .body_left{
	padding:10px;
	border-right: 2px solid #aaa;
}
.summary_body .body_right{
	padding:10px;
}

.body_left .left_header{
	margin-bottom: 2px;
}
.body_left .left_content{
	border:1px solid #ccc;
	text-align:center;
	font-weight: 900;
	margin-bottom: 8px;
	padding: 0px 3px;
}

.body_right .right_header{
	font-weight: 300;
	margin-bottom: 2px;
	font-weight:bold;
}
.body_right .right_content{
	height: auto !important;
	*height: 1em;
	min-height: 1em;
	margin-bottom: 5px;
	padding: 0px 3px;
}

/** end **/

/** image slide show player **/
.sliderControlPane{
}
.sliderControlPane .sliderButton{
	cursor: pointer;
}

/** end **/

.post_view_header {
	margin: 5px;
	padding: 0;
	font-size: 0.8em;
	list-style-type: none;
	display:block;
}

.post_view_header li {
	list-style-type: none;
	margin: 0 5px 0 0;
	padding: 0 0 0 5px;
	display:inline;
}

.post_view_header li.separator {
	padding: 0;
	margin: 0;
}

table.compact{
	border-collapse: collapse;
	padding:0px;
	margin:0px;
}

/** comment pane styles **/
.comment{
	padding-top: 5px;
	text-align:left;
}

.comment .commentform{
	margin:0px;
	padding:0px;
}

.comment .commentformHeader{
	padding: 5px 0px;
}
.comment .commentbox{
	padding:5px;
}
.comment .commentTitle{
	font-weight:900;
	/*font-size:14pt;*/
	font-size: 1.2em;
}

.comment table.commentViewPane{
	border-collpase:collapse;
	margin:10px 0px 0px 0px;
	padding:0px;
	width: 100%;
}

.comment a:hover{
	background: #ccc;
	text-decoration:none;
}

.comment .commentEntry{
	width:100%;
}
.commentEntry .commenterImgHolder{
	margin: 2px;
	float:left;
}
.commentEntry .commentBody{
	padding: 5px;
	word-wrap: break-word;
}

.commentEntry .commentHeader {
	/*border-bottom:1px dashed #ddd;*/
	margin-bottom:10px;
}
.commentEntry .commentDetail{
	margin-top: 1px;
}
.commentEntry .actionEntry, .commentEntry .entry,{
}
.commentEntry td{
	border-bottom:1px solid #ccc;
	padding: 10px 0px;
}

.comment .refCommentContainer{
	border-top:1px dashed #555;
	margin-top:10px;
}

.comment .refCommentPane{
	background: #ccc;
}
.comment .commentbox .blured{
	border: 0px;
	padding: 3px;
}
.comment .commentbox .focused{
	border:3px solid #f88;
	padding:0px;
}
.comment .commentbox .comment_body{
}
.refCommentPane .commentEntry{
}
.refCommentPane .commentHeader .actionEntry{
	display:none;
}
.refCommentPane .commentFooter{
	display:none;
}
.comment .refCommentTitle{
	color: #888;
	margin-right: 10px;
}

/** end **/

/** toolbox styles **/
.toolbox{
}

.toolbox .tool{
	padding: 5px;
	float: left;
	white-space: nowrap;
	line-height:18px;
}
/*toolbox icon move to visible*/
.toolbox .share{padding:5px 50px 0 0; }
.toolbox .share a{ float:right;}
.toolbox .share a+a{ margin:0 15px;}
.toolbox .share a+a+a{margin-right:0;}
.toolbox .field-tool{
	padding: 3px 5px;
	white-space: nowrap;
	cursor: pointer;
	color: blue;
	font-weight:bold;
}

.toolbox .tool a:hover, .toolbox .tool a {
  background-color:none;
  text-decoration: none;
}

/** end **/

/** addon menu styles **/
.addon_menu{
	position: relative;
	text-align: left;
	left: 2px;
	top: 2px;
}
.addon_menu .toggle{
	position:absolute;
	left:0px;
	top:0px;
}

.addon_menu .menuHeader{
	background: #8cbaea;
	padding: 2px 5px;
}
.addon_menu .itemContainer{
	position: absolute;
	background: #fff;
	border: 1px solid #bbb;
	width: 90px;
	left: -10px;
	top:  14px;
	display: none;
}

/* alias add on */
.addon_menu .item{
	padding: 2px 0px 2px 10px;
	cursor: pointer;
}

/****/
/*
.comment_overview .addon_menu1, .post_overview .addon_menu1, .alias-icon-1 .addon_menu1{
	top: 0;
	right: 0;
	display: none;
	position: absolute;
	text-align:right;
}
*/
.addon_menu1 {
	position: absolute;
	display:none;
}

.addon_menu1 .toggle{
	cursor: pointer;
	width: 16px;
	height:16px;
	border:1px solid #888;
	background: #ffffff url(images/lowerlayer.gif) center center no-repeat;
}

.addon_menu1 .toggle img {
	/* reset thubmnail's img style */
	padding: 0;
	border: 0;
}

.addon_menu1 .itemContainer{
	left : 0px;
	top: 16px;
	display : none;
	position : absolute;
	background : #ffffff;
	color: #000;
	border : 1px solid #aaa;
	text-align: left;
	overflow: hidden;
	padding: 0 0 3px 0;
	opacity:0.8;
	-moz-opacity:0.8;
	*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);

}

.addon_menu1 .item{
	border-top: 1px dashed #888;
	margin-top: -1px;
	padding: 0 3px;
}

.addon_menu1 .item a {
	padding: 3px 0;
	font-size: 0.8em;
	display:block;
	width: 100%;
	float: left;
}

.addon_menu1 .item a:hover, .addon_menu1:hover .item a:hover {
	background: #000;
	color: #FFF;
}

/** end **/

/** styles for community list and group member list **/
.groupmemberlist{
}


.groupmemberlist .thumbnail_visible, .groupmemberlist .thumbnail_selected {
/* this is need for firefox to give height to the div, so that addon menu can be positioned */
	/*float: left;
	position: relative;*/
}


.groupmemberlist .displayname{
	padding-bottom: 5px;
	font-weight:bold;
	/*font-size:11pt;*/
}
.groupmemberlist a:hover{
	text-decoration:none;
	background: #ccc;
}
.groupmemberlist .postcount{
	font-weight:bold;
	color: #444;
	padding: 0px 5px;
}

.groupmemberlist .linkPane{
	/*font-size: 7pt;*/
	padding: 5px;
	background:#eee;
	height:18px;
}
.groupmemberlist .linkPane li{
	padding:0 3px;}
.communitylist{
}
.communitylist .linkPane li{padding:0 1px;}
.linkPane li,.linkPane span{float:left;	display:block;}
.communitylist .imgblock{
	padding: 5px;
	border: 1px solid #ccc; overflow:auto
}
.communitylist .displayname{
	padding-bottom: 5px;
	font-weight:bold;
	/*font-size:11pt;*/
}
.communitylist .infoPane{
	/*font-size: 7pt;*/
}

.communitylist .count{
	font-weight:bold;
	padding: 0px 5px;
}
.communitylist a:hover{
	text-decoration:none;
	background: none;
}
.communitylist .communitylisttoolbar{
	border-top:1px solid #ccc;
	margin-top: 5px;
	padding-top: 2px;
}
.communitylist .linkPane{
	/*font-size: 7pt;*/
	padding:2px 0;
	background:#ddd;
	height:18px;
}
/** end **/

span.space{
	padding: 0px 3px;
}


/***************************** Set style ************************************/
.set_view td.set span {
	padding-left: 20px;
	background: url("images/Mookr_portlet_folder.gif") no-repeat left top;
}


.set_view td.write  div {
	background: url("images/newpost.png") no-repeat left center;
	width:16px;
 	height:16px;
 	cursor: pointer;
}

.set_view td.edit div {
	background: url("images/configure.gif") no-repeat left center;
	width:16px;
 	height:16px;
 	cursor: pointer;
}

.set_view ul {
	margin-left: 0px;
	padding-left: 5px;
}

.set_view li {
	background: url("images/Mookr_portlet_folder.gif") no-repeat left top;
	margin-bottom: 2px;
	list-style-type: none;
	padding: 1px 0 1px 20px;
}

.group_action {
	width : 200px;
	position: absolute;
	top: 10px;
	right: 10px;
}

.group_action .itemContainer {
	display: none;
	border : 1px solid #AAA;
	background:white;
}

.group_action .itemContainer a {
	display:block;
	/*font-size: 8pt;*/
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}

.group_action .itemContainer a:hover {
	background-color : #ccc;
}
/** end **/

/** edit book styles **/
.book{
	border:1px solid #aaa;
}
.book .disabled{
	color: silver;
	cursor: default;
	text-decoration: none;
}

.book .booktitle{
	/*font-size: 8pt;*/
	padding: 1px;
}
.book .booktitle a:hover{
	background: #ddd;
}

.book .toolbar{
	padding: 3px;
	border-bottom: 1px solid #aaa;
	font-weight:bold;
}
.book .toolbar .tool{
	margin: 0px 10px;
	-moz-user-select:none;
}
.book .toolbar .enabled{
	color: #00f;
	cursor: pointer;
	text-decoration: underline;
}

.book .hbar{
	font-size:0pt;
	height: 5px;
}

.book .treepane{
	padding: 5px;
	border-right: 10px solid #ccc;
}
.book .listpanecontainer{
	padding: 2px;
	height: 100%;
}
.book .listpane{
	padding: 10px 10px 0px 10px;
}
.book .nodetitle{
	font-weight:bold;
	padding: 5px 0px;
	border-bottom: 1px solid #ccc;
}
.book .listtable{
	width:100%;
	clear:both;
}
.book .listtable .listhead{
	font-weight:bold;
	background: #FF9C00;
}
.book .listtable .listitem{
	xbackground: #eef;
	cursor: pointer;
}
.book .listtable .rowtitle1{
	padding-left: 20px;
	background-image: url(images/mime-doc.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.book .listtable .rowtitle2{
	padding-left: 20px;
	background-image: url(images/mime-post.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.book .listtable .listtool{
	text-decoration:underline;
	color: #00f;
	cursor: pointer;
	float:left;
	margin:0px 3px;
}
.book .listtable td{
}

.book .pathpane{
	padding: 0px 5px;
	/*font-size: 10pt;*/
	font-style:italic;
	font-weight:bold;
}
.book .pathseparator{
	padding:0px 5px;
}
.book .pathelement{
	cursor:pointer;
	text-decoration:underline;
	color:#00f;
}

.book .ygtvtn,
.book .ygtvtm,
.book .ygtvtmh,
.book .ygtvtp,
.book .ygtvtph,
.book .ygtvln,
.book .ygtvlm,
.book .ygtvlmh,
.book .ygtvlp,
.book .ygtvlph
{
	width: 17px;
}
.book .highlight{
	background: #ddf;
}

.book .titletool{
	float: right;
	margin: 0px 5px;
}

.book span.enabled{
	color: blue;
	text-decoration: underline;
	cursor:pointer;
}
.book span.disabled{
	color: silver;
	cursor:default;
	text-decoration:none;
}

.editbook-actiontitle{
	font-weight:bold;
	color:green;
}
.editbook-noactiontitle{
	font-weight:bold;
	color: red;
}
.editbook-actionmessage{
}
.editbook-sectiontitle{
	font-weight:bold;
}
.book .btnup{
	background: url("images/up.gif") no-repeat center center;
	width: 16px;
	height: 16px;
	display: block;
	clear:none;
}
.book .btndown{
	background: url("images/down.gif") no-repeat center center;
	width: 16px;
	height: 16px;
	display: block;
	clear:none;
}

.book .contentpane{
	padding:10px 10px 2px 10px;
}

.book /*.contentpane*/ .titlepane{
	padding-bottom:3px;
	border-bottom: 1px solid #ccc;
	/*font-size: 12pt;*/
	font-size: 1.2em;
	font-weight: bold;
}
.book .contentpane .pagedate{
	color: #999;
}
.book .contentpane .pagecontent{
	padding: 5px;
	min-height: 26px;
	height: auto !important;
	*height: 26px;
}

.book .subsectionhead{
	font-weight:bold;
	/*font-size: 11pt;*/
	font-size: 1.1em;
}

.book .navigatepane td{
	padding: 0px 10px;
	font-weight:bold;
}

.book .searchresultcontainer{
	border:1px solid #ccc;
	padding:2px;
}
.book .searchresultcontainer .result-header{
	font-weight:bold;
}
.book .searchresultcontainer .result-item{
	padding:2px 0px;
	margin:2px 0px;
	background:#ddd;
	cursor:pointer;
}

/** **/

.separator1 {
	padding:0px 1px;
}
.separator2 {
	padding:0px 2px;
}
.separator3 {
	padding:0px 3px;
}
.separator4 {
	padding:0px 4px;
}
.separator5 {
	padding:0px 5px;
}
.separator6 {
	padding:0px 6px;
}
.separator7 {
	padding:0px 7px;
}
.separator8 {
	padding:0px 8px;
}
.separator9 {
	padding:0px 9px;
}
.separator10 {
	padding:0px 10px;
}

fieldset{
	border:1px solid #ccc;
	padding: 5px;
}

#pref_form .bg_color, .mobile2 .bg_color{
	vertical-align: middle;
	font-size: 90%;
	width: 54px;
	padding-right: 24px;
}
#pref_form .colorsample, .mobile2 .colorsample{
	cursor:default;
	border: 0;
	font-size:  0.9em;
	line-heigth: 0.9em;
	position: absolute;
	margin: 2px 0 0 -24px;
	*margin-top:3px;
	width: 20px;
	cursor: pointer;
}
#pref_form a, .mobile2 a{
	color:blue;
}

.dimmed{
	color: #aaa;
}
.shadowed{
	background-color: #eee;
}

span.perm_anyone,  span.perm_users, span.perm_private, span.perm_selected {
  padding-left:16px;
  margin-left:5px;
  font-size: 16px;
  line-height: 1em;
  cursor:default;
}

img.perm_anyone,  img.perm_users, img.perm_private, img.perm_selected {
  cursor:default;
  width: 16px;
  height: 16px;
  margin-left: 5px;
}

.perm_anyone {
  background: url(images/perm_anyone.gif) no-repeat center center;
}

.perm_users {
  background: url(images/perm_users.gif) no-repeat center center;
}

.perm_private {
  background: url(images/perm_private.gif) no-repeat center center;
}

.perm_selected {
  background: url(images/perm_selected.gif) no-repeat center center;
}

.divAlbumEdit a:hover{
	background: #faa;
	text-decoration:none;
}

/** editor selector **/
.editorSelector .editorOption{
	color:blue;
	cursor: pointer;
}
.editorSelector span.enabled{
	color: blue;
	text-decoration: underline;
	cursor:pointer;
}
.editorSelector span.disabled{
	color: silver;
	cursor:default;
	text-decoration:none;
}

/** schema styles **/
.schema{
}
.schema table td{vertical-align:top}
.schema .main{
	border: 1px solid #aaa;
	width: 100%;
	xpadding-bottom:20px;
}

.schema .main .header{
	background:#326ee9;
	color:white;
	padding:5px 2px;
	font-weight: bold;
}

.schema .main .content{
	padding:2px;
}

.schema .main .label{
	font-weight:bold;
}
.schema .main td.label{
	vertical-align:top;
	width:100px;
}
.schema .main .desc{
	color:#888;
}
.schema .main .highlight{
	background:#ccc;
}
.schema .main .lowlight{
}

.schema .main td.actions{
	visibility:hidden;
	vertical-align:top;
	width:60px;
}
.schema .main .highlight td.actions{
	visibility:visible;
}

.schema .field{
	margin:5px 0;
}
.schema .field .btnup{
	background: url("images/up.gif") no-repeat center center;
	width: 16px;
	height: 16px;
	display: block;
	float:right;
	cursor:pointer;
}
.schema .field .btndown{
	background: url("images/down.gif") no-repeat center center;
	width: 16px;
	height: 16px;
	display: block;
	float:right;
	cursor:pointer;
}
.schema .field .btnremove{
	background: url("images/remove.gif") no-repeat center center;
	width: 16px;
	height: 16px;
	display: block;
	float:right;
	cursor:pointer;
}

/** schema field edit toolbox **/
.schema .toolbox{
	border: 1px solid #aaa;
	min-width:250px;
	*width:250px;
}

.schema .toolbox .header{
	background:#326ee9;
	color:white;
	padding:5px 2px;
	font-weight: bold;
}

.schema .toolbox .content{
	padding:2px;
}

.schema .toolbox span
{
	color:blue;
	cursor:pointer;
	display:block;
	margin:3px 0px;
}

.schema .property{
	border: 1px solid #aaa;
	min-width:250px;
	*width:250px;
	margin-top:10px;
}

.schema .property .header{
	background:#326ee9;
	color:white;
	padding:5px 2px;
	font-weight: bold;
}

.schema .property .content{
	padding:2px;
}

.schema .field_editor{
	padding-bottom:20px;
}
.schema .field_editor textarea{
	width: 180px;
}
.schema .field_editor .label{
	font-weight:bold;
}
.schema .field_error{
	color:red;
}
.schema .field .linkpickdate{
	cursor:pointer;
}

/** schema home styles **/
.schema .tool, .schema .action{
	cursor:pointer;
	color:blue;
	text-decoration:underline;
}
.schema .schema_list{
	margin:10px 0px;
}

.schema .toolbox span
{
	color:blue;
	cursor:pointer;
	display:block;
	margin:3px 0px;
}

/** project styles **/
.project{}
.project .header{
	font-weight:bold;
	font-size:14pt;
	border-bottom:1px solid #aaa;
}
.project .label{
	font-weight:bold;
	vertical-align:top;
	width:100px;
}
.project .field_error{
	color:red;
}
.project .required{
	color:red;
}
.project .custom_header{
	border-bottom:1px solid #aaa;
	font-size:14pt;
	font-weight:bold;
	margin-top:10px;
	padding-top:10px;
}

.project .tool, .project .action{
	cursor:pointer;
	color:blue;
	text-decoration:underline;
}
.project .project_list{
	margin:10px 0px;
}

.lnkpickdate{
	cursor:pointer;
}
.dateinput{
	width:65px;
}

/** schema single view **/
table.project_list{
}

table.project_list .action{
	cursor:pointer;
	color:blue;
}
table.fieldselector{
}
table.fieldselector .sorttool{
	float:right;
	width:20px;
	margin-left: 3px;
}
table.fieldselector .enabled{
	color:blue;
	cursor:pointer;
}
table.fieldselector .disabled{
	color:gray;
	cursor:default;
}
table.fieldselector .selected{
	color:red;
	cursor:default;
	font-weight:bold;
}
.filter_area .page_control{
	cursor:pointer;
	color:blue;
}
.filter_area .disabled{
}

/** xlist styles **/
.xlist .tool{
	font-weight:bold;
}
.xlist .enabled{
	cursor:pointer;
	color:blue;
}
.xlist .disabled{
	cursor:default;
	color:#aaa;
}
.xlist td.xlist{
	cursor:pointer;

}
.xlist td.label{
	vertical-align:top;
	width:100px;
}
.field_error{
	color:red;
}

/** **/
.right{ float:right; }
.left { float: left; }
.record td.label{
	vertical-align:top;
	width:100px;
	color:#333;
}
.record_agg .fieldselector td{
	border:1px solid #ccc;
	padding:5px;
}
.record_agg .page_control{
	cursor:pointer;
	color:blue;
}
.record_agg .disabled{
	cursor:default;
	color:#aaa;
}

/** schema list **/
.schema_list .schema{
	cursor:pointer;
}
.schema_list .enabled{
	cursor:pointer;
	color:blue;
}
.schema_list .disabled{
	color:gray;
}

/** xlist list **/
.xlist_list .xlist{
	cursor:pointer;
}
.xlist_list .enabled{
	cursor:pointer;
	color:blue;
}
.xlist_list .disabled{
	color:gray;
}
.field td.label{
	vertical-align:top;
	width:100px;
	font-weight:bold;
}

.field .content textarea{
	width: 95%;
}

/** customized link styles **/
.xlist_editor .tool{
	font-weight:bold;
}
.xlist_editor .enabled{
	cursor:pointer;
	color:blue;
}
.xlist_editor .disabled{
	color:gray;
}
.record td.label{
	vertical-align:top;
	width:100px;
	font-weight:bold;
}

.record_compact_view td,.record_compact_view th{
	border:1px solid #ccc;
	padding:2px;
}
.record_compact_view th.label,.record_compact_view td.label{
	width:100px;
	font-weight:bold;
}
.record_full_view th.label,.record_full_view td.label{
	width:100px;
	font-weight:bold;
}

.record_full_view td{
	border:1px solid #ccc;
	padding:5px;
}

.site_comment_form div{
	padding:1px;
}
.site_comment_form .comment_head{
	font-weight:bold;
}


/** upload control **/
.upload_frame{
	height:40px;
	*height:20px;
	width:100%;
}

.tile_holder{
	display:block;
	width:144px;
	float: left;
	text-align:center;
}

.tile_holder .tile{
	border: 2px solid #ccc;
	width: 100px;
	height: 141px;
	margin-top: 10px;
	display: block;
	padding: 5px 10px;
	clear: both;
}

.tile_holder .loading_tile{
	border: 2px solid #ccc;
	width: 100px;
	height: 141px;
	margin-top: 10px;
	clear:both;
}

.tile_holder .tile_selected{
	border: 4px solid #f55;
	width: 100px;
	height: 141px;
	margin-top: 10px;
	display: block;
	padding: 3px 8px;
	clear: both;
}

.tile_holder .tile_icon{
	display:block;
	clear:both;
	padding: 10px 0px 4px 0px;
}

.tile_holder .tile_icon img {
    border: 0;
	vertical-align: middle;
}

.tile_holder div.tile_desc{
	display:block;
	width:98%;
    height: 1.8em;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border: 1px solid #ccc;
}
.tile_holder div.tile_desc span.tile_desc{
	width: 100%;
	display: block;
	height: 100%;
}

.tile_holder .tile_name{
	margin: 5px 0px 0px 0px;
	white-space: nowrap;
	overflow:hidden;
	height: 15px;
	width:98%;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	clear: both;
}

.tile_holder .tile_marker1 {
	position:absolute;
	display:block;
	background:url(images/as_cover.gif) no-repeat;
	width:11px;
	height:11px;
	font-size:0;
	float: left;
}

/** **/

.pref_edit_css_table fieldset.subblock {
	display: none;
	padding: 5px;
	margin: 5px;
}

.pref_edit_css_table legend {
	font-weight: bold;
	color: #333;
}

table.pref_edit_css_table {
	border-collapse: collapse;
	padding:0;
	margin:0;
}

/** post categories **/
.postcat_list tr.mouseover, .groupcat_list tr.mouseover{
	background:#ccc;
}
.postcat_list .mouseout .postcat_action, .groupcat_list .mouseout .groupcat_action{
	xvisibility: hidden;
}
.postcat_list tr.dirty, .groupcat_list tr.dirty{
	background:#fcc;
}

.postperm_container table.bordered{
	border:1px solid #ccc;
}
.postperm_container table.bordered td, .postperm_container table.bordered th{
	border:1px solid #ccc;
}
/*
h1.title, h2.title{
	border-bottom:1px solid #ccc;
	padding: 10px 0;
	margin: 0 0 10px 0;
}

h3.title, h4.title, h5.title{
	border-bottom:1px solid #ccc;
	padding: 5px 0;
	margin: 0 0 5px 0;
}
*/
/*
div.statistics table, div.statistics td, div.statistics th{
	border:1px solid #ccc;
}
*/
.timespan_toolbar .enabled{
	color:blue;
	text-decoration:underline;
	cursor:pointer;
}
.timespan_toolbar .disabled{
	color:gray;
}





.groupmemberlist_list{
}
.groupmemberlist_tile{
}
.groupmemberlist_list .groupmemberitem{
	margin: 10px 0px;
	padding: 15px 0;
	float:left;
	width: 95%;
	border:1px solid #ccc;
}

.groupmemberlist_tile .groupmemberitem{
	width:90px;
	float:left;
	margin: 10px 10px;
	padding: 15px 10px 15px 0;
	border:1px solid #ccc;
}

.groupmemberlist_list .detail{
}
.groupmemberlist_tile .detail{
	display:none;	/* this fails on IE 7 */
	width: 0px;
}

.detail .detail_item{
	padding: 2px 0;
}


.tag_search .search_form .search_item{
	padding:5px;
}

/** bbs comments, bbs posts **/
.bbs_comments .head th, .bbs_posts .head th{
	background: #eee;
}

table.rowed_table {
	width: 100%;
}

table.rowed_table td, table.rowed_table th{
/*	border-bottom:1px solid #ccf;*/
}
table.rowed_table_ctn{border-bottom:1px solid #ccf;}
table.rowed_table1 td, table.rowed_table1 th{
	border-bottom:1px dotted #ccf;
}
/*table.rowed_table2 td, table.rowed_table2 th{
	border-bottom:1px dashed #555;
}*/
table.rowed_table2 table{border-bottom:1px dashed #555;}
table.not-rowed_table td, table.not-rowed_table th{
	border-bottom:0;
}

/** active link **/
.active_link{
	font-weight: bold;
	cursor: pointer;
	color: blue;
	text-decoration: underline;
}

.test_1123 {
	background-image: url(images/blur.gif);
	background-repeat: repeat repeat;
	background-position: top left;
}


#pref_form1 .bg_color{
	vertical-align: middle;
	font-size: 90%;
	width: 54px;
	padding-right: 24px;
}
#pref_form1 .colorsample{
	cursor:default;
	border: 0;
	font-size:  0.9em;
	line-heigth: 0.9em;
	position: absolute;
	margin: 2px 0 0 -27px;
	*margin-top:3px;
	width: 20px;
	cursor: pointer;
}
#pref_form1 a{
	color:blue;
}


/**/
#wizard-div{
	text-align:center;
	margin: 0 0 5px 0;
	z-index: 10006;
	position: absolute;
	left:0;
	top:0;
}

#wizard-div .icon{
	cursor: pointer;
	width: 200px;
	border: 1px solid #ccc;
	padding: 12px;
	-moz-user-select: none;
}

#wizard-div .bridge{
	float:left;
	height:80px;
	cursor: pointer;
}

#wizard-div .inactive_icon{
	opacity:0.6;
	-moz-opacity:0.6;
	*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

.portal_pick_item .portal_pick_preview {
	width:350px;
	min-height: 200px;
	_height:200px;
	border: 2px solid #888;
}

.attention_small {
	background: url(images/warning.gif) no-repeat center;
	width: 16px;
	height: 16px;
}

/**
 * tag-item-X,
	const TYPE_PEOPLE = 1;
	const TYPE_GROUP = 2;
	const TYPE_POST = 3;		// blog post
	const TYPE_RSS = 4;
	const TYPE_FAVORITE = 5;
	const TYPE_ALBUM = 6;		// album post
	const TYPE_WEBDOC = 7;		// document post
	const TYPE_BBSMSG = 8;		// bbs post
	const TYPE_RECORD = 9;		//
	const TYPE_NODE = 10;		//
	const TYPE_VIDEO = 11;
 **/

.tag-item{
	padding:5px;
	border: 0;
	/*white-space: nowrap;*/
}

.tag-cloud-item{
	/*white-space: nowrap;*/
}

.tag-cloud div.tags a.tag-cloud-item, .tag-cloud div.tags a.tag-cloud-item {
	color: #444;
}

.tag-cloud div.tags a.tag-cloud-item:hover {
	background-color:#aaa;
}

/* highlighted tag item */
.tag-item-hl{
	border: 4px solid #f55;
	padding: 1px;
}
.tag-cloud .tag-item-3{
	background-color:#fcc;
}
.tag-cloud .tag-item-5{
	background-color:#ffc;
}
.tag-cloud .tag-item-6{
	background-color:#cfc;
}
.tag-cloud .tag-item-7{
	background-color:#ccf;
}
.tag-cloud .tag-item-11{
	background-color:#cff;
}


/** float toolbar **/
#float-toolbar div.toggle-collapsed{
	background-image: url(images/helpdocker.png);
	background-repeat: no-repeat;
	background-position: center center;
	float:right;
	width:16px;
	height:16px;
	cursor:pointer;
	border: 1px solid #eee;
}
#float-toolbar div.toggle-expanded{
	background-image: url(images/jabber_away.png);
	background-repeat: no-repeat;
	background-position: center center;
	float:right;
	width:16px;
	height:16px;
	cursor:pointer;
	border: 1px solid #eee;
}

/* title */
.h1-title{
	border-bottom: 1px solid #ccc;
	/*font-size: 24pt;*/
	font-size: 2.4em;
	font-weight:bold;
	margin: 5px 0;
	padding:5px 0;
}
.h2-title{
	border-bottom: 1px solid #ccc;
	/*font-size: 20pt;*/
	font-size: 2em;
	font-weight:bold;
	margin: 4px 0;
	padding: 4px 0;
}
.h3-title{
	border-bottom: 1px solid #ccc;
	/*font-size: 14pt;*/
	font-size: 1.4em;
	font-weight:bold;
	margin: 3px 0;
	padding: 3px 0;
}
.h4-title{
	border-bottom: 1px solid #ccc;
	/*font-size: 12pt;*/
	font-size: 1.2em;
	font-weight:bold;
	margin: 2px 0;
	padding: 2px 0;
}
.h5-title{
	border-bottom: 1px solid #ccc;
	/*font-size: 10pt;*/
	font-weight:bold;
	margin: 1px 0;
	padding: 1px 0;
}
.h6-title{
	border-bottom: 1px solid #ccc;
	/*font-size: 8pt;*/
	font-weight:bold;
	margin: 1px 0;
	padding: 1px 0;
}

.progressbar {
	font-size: 2.5em;
	margin-top: 40%;
	font-weight: bold;
}

/** spost solider **/
.spost_slider{
	overflow:hidden;
	width:100%;
	position:relative;/*fix overheight under Chrome*/
}
.spost_slider .content{
	float:left;
	position:absolute;
	overflow:hidden;
}
.spost_slider .button-panel .button{
	display: none;
}
.spost_slider .active-button-panel .button{
	float:right;
	width: 12px;
	height: 12px;
	margin: 0 3px;
	z-index: 5000;
	border: 1px solid #ccc;
	background: #fff;
	cursor: pointer;
	text-align: center;
}

.survey-list .survey-list-item{
	/*background: transparent url(images/arrowList.gif) no-repeat left center;*/
	background-image: url(images/arrowList.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 8px 0 8px 20px;
}

/** alias icon **/
.alias-icon-1{
	padding: 8px 15px;
	float: left;
	text-align: center;
	xoverflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
}
.alias-icon-1 div.row1{
	padding: 3px 0;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 80px;
}

.wordwrap {
 white-space: pre-wrap;       /* css-3 should we be so lucky... */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 ?? */
 white-space: -o-pre-wrap;    /* Opera 7 ?? */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 _white-space: normal;   /* IE only hack to re-specify in addition to word-wrap  */
 }

/* hottest search keyword styles */
/**
 * .hottest-keywords .X-key:	display:none;
 * .X-keywords .X-key: 			display:block;
 */
.hottest-keywords{
}
.default-key{
 display:none;
}
.people-key{
 display:none;
}
.post-key{
 display:none;
}
.album-key{
 display:none;
}
.video-key{
 display:none;
}

.default-keywords .default-key{
 display:block;
}
.people-keywords .people-key{
 display:block;
}
.post-keywords .post-key{
 display:block;
}
.album-keywords .album-key{
 display:block;
}
.video-keywords .video-key{
 display:block;
}

.portlet_frame .portlet_main .broadcast_list .havread a, .broadcast_list .havread a:link{color: grey}
.portlet_frame .portlet_main .broadcast_list .newitem a, .broadcast_list .newitem a:link{color: red}
.broadcast_list table th {font-weight: bold;}
.broadcast_list td, .broadcast_list th {text-align: center;}
.broadcast_list td.title {text-align: left;padding-left: 5px;}
.broadcast_list .delhandler {cursor: pointer; width: 100px; height: 20px; margin-top: 10px;}

.CommInfo_header{min-height:50px; _height:50px}
/*.portlet_content .CommInfo_header div,.aboutComm .aboutLatest .postInfo{float:left}*/
.CommInfo_header .CommInfo_header_title{font-weight:bold;font-size: 1.4em;white-space:nowrap; float:left;}
.CommInfo_header .CommInfo_header_img{width: 50px; height: 50px; padding-right:10px}
.aboutComm {line-height:20px;}
.Comm_info li{float:left; display:block; width:94px;}
.Comm_info li span.separator{margin:0 3px}
/*.aboutComm div.Comm_info{line-height:16px; margin:5px}*/
.portlet_content td span.count{font-weight:bold; width:20px; margin:0 5px}
.portlet_content td.separator{width:30px; text-align:center}
.portlet_main td a.color_y{font-weight:normal}
.aboutComm .aboutLatest{border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; clear:both; padding-bottom:5px; margin:5px 0}
.aboutComm .aboutLatest .album_block_frame{width:160px;float:left;margin:0 10px}
.aboutComm .LastVisited,.aboutComm .TodayVisited{float:left; padding-right:8px; line-height:18px}
.community_group{clear:both;/*text-align:center;background-color:#000000*/}
.aboutComm .title{font-size:1.4em; line-height:1.6em}
.memberlistblock{display:block; clear:both}

.simpleSearch .search input {margin:0 8px;}

.forum_list {width:100%;border-bottom:1px solid #eeeeee;height:100px;overflow:hidden;}
.forum_list .banner,.forum_list .forum {
	float:left;
}
.forum_list .banner, .forum_list .title, .forum_list .description {padding:5px;vertical-align:top;}
.forum_list .title {
	font-size:18px;
	font-weight:bold;
}
.forum_list .title .postcount {
	font-size:12px;
}
/*20009 weather*/
.weather_simple .weather_title{text-align:center; border-bottom:1px dotted #000; line-height:1.8em; margin-bottom:0.5em;width:177px;}
.weather_simple .weather_block{overflow:auto}
.weather_line
.weather_line .weather_title{border-right:1px dotted #000; float:left}
.weather_block li{float:left; display:block; padding:0 8px}

fieldset.signup_form{border:0}
fieldset.signup_form input{background-color:#fff}

.Statistics_block{padding:2px 10px;height:108px}
.Statistics_block_1{padding-top:10px;}
.Statistics_items{font-size:0.9em; text-align:right;font-weight:bold}
.Statistics_items b{float:left;font-weight:normal}

.TopOne{font-size:1em; line-height:1.6em; padding:0 5px;}
.TopOne_name{font-size:1.2em;  margin-bottom:4px;height:20px;overflow:hidden}
.TopOne_code{display:block; float:left}
.TopOne_price{text-align:right;font-weight:bold}
.TopOne_content{height:2.4em; overflow:hidden;padding:3px 5px}

.sector_block{text-align:center;width:115px;height:45px; float:left;margin:2px;_margin:1px;position:relative}
.sectorTitle{padding:5px 5px 0;text-transform:uppercase;font-size:9px;}
.portlet_frame .portlet_main .sectorTitle a:link,.portlet_frame .portlet_main.sectorTitle a:hover{color:#fff;font-weight:bold}
.portal .portlet_frame .portlet_main .sectorTitle a:visited{color:#fff}
.sectorPercentage{font-size:15px;width:100%;position:absolute;bottom:4px;left:0;font-weight:bold;color:#fff}

.Recently_Listed_Equities{color:#fff;padding:5px}
.portlet_main .Recently_Listed_Equities h2 a:link,.portlet_main .Recently_Listed_Equities h2 a:hover,.portlet_main .Recently_Listed_Equities h2 a:visited{color:#fff}
.Recently_Listed_Equities .change_up{background:url(images/change_up_white.gif) right center no-repeat; display:block;text-align:right}
.Recently_Listed_Equities .change_dn{background:url(images/change_dn_white.gif) right center no-repeat; display:block;text-align:right}

.equity_items b{float:right}

.post_tag{overflow:auto;display:none}
.post_tag strong{float:left} .post_tag h4{font-weight:normal;float:left}
.yui-dt{border:0}
.img_caption{border-collapse:collapse;border:1px solid #1a1a1a;line-height:0;font-size:0;text-align:center;background:#555}
.img_caption td{padding:0}
.portlet_frame .portlet_main .img_caption_title a:link,.portlet_frame .portlet_main .img_caption_title a:hover{color:#fff; text-decoration:none;display:block;width:390px}
.img_caption .img_caption_title{background:#333;line-height:18px;font-size:10pt;padding:5px;color:#fff;text-align:left}

.no_entry{background:url(images/no_entry.png) center top no-repeat;padding-top:95px;font-size:0;line-height:0}
.no_data{/*background:url(images/no_data.png) center 15px no-repeat;padding-top:120px;font-size:0;line-height:0*/}

#e_hover{
				border:solid 1px #e3e3e3;
				}
				
				#e_hover:hover{
					border-color:#ff6600;
					cursor:pointer;
					}
				#e_hover a:hover{
					color:#ff6600;
					
					}

.div_FPAGE td{text-align:center}
.div_FPAGE .code_FPAGE,.div_FPAGE .index_FPAGE{text-indent:5px;text-align:left;width:52px;height:22px}
.div_FPAGE .index_FPAGE{width:112px;}
.close_FPAGE{width:50px}
.change_FPAGE{width:57px}

.Property_Weekly{line-height:19px;white-space:nowrap}
.Property_Weekly .sheet_r{background:#fff;padding-left:297px;width:435px}
.Property_Weekly .sheet_r .num{width:100%}
.Property_Weekly .sheet_r td td {padding:0 10px;border:0}
.Property_Weekly .sheet_l{width:297px;background:#fff}
.Property_Weekly .sheet_l table td{padding:0 5px; border-right:1px solid #c8c8c8;text-indent:0}
.Property_Weekly .sheet_l table.asset tr:hover{background:#fff}
.Property_Weekly .sheet_l table.asset td:hover{background:#afc0d7}
.Property_Weekly .sheet_l table.asset td.highlightedLabel1:hover{background:#f60}
.Property_Weekly .sheet_l table.asset td.nohover:hover{background:#fff}