/*
	General Page and Portlet Defaults
*/

body
{
	margin: 0px;
	border: none;
	background-color: white;
	line-height:1.5em;
}

#PageContainer
{
	height: 100%;
	border: none;
}


/* Disable shadow (People Search) */

body div.autosuggest ul li a
{
	text-shadow: none;
}


/* Third-level page navigation */

.PageSubTabs .PageTabs td td
{
	position: relative;
	z-index: 80;
}
.PageSubTabs .PageTabs .SubTabItem
{
	position: relative;
	z-index: 90;
}
.PageSubTabs .PageTabs .SubTabItem .NavMenu3Container
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	display: none;
}

.PageSubTabs .PageTabs .SubTabItem:hover .NavMenu3Container
{
	display: block;
}
* html .PageSubTabs .PageTabs .SubTabItem .NavMenu3Container
{
	height:0px; /* IE6 */
	bottom:4px; /* Might need to be adjusted for style-specific geometry in b6ppm-XXX.css */
}
.PageSubTabs .PageTabs .SubTabItem .NavMenu3
{
	position: absolute;
	left: 0px;
	top: 0px;
	border: 1px solid silver;
	padding: 2px;
	background-color: white;
}
.PageSubTabs .PageTabs .SubTabItem .NavMenu3Container .NavMenu3 a
{
	display: block;
	padding: 2px;
	background-color: white;
	white-space: nowrap;
}
.PageSubTabs .PageTabs .SubTabItem .NavMenu3 a.selected
{
	font-weight: bold;
}
.PageSubTabs .PageTabs .SubTabItem .NavMenu3 a:hover
{
	background-color: #bbbbbb;
	color: white;
}

/* Portal pages */

.LocationBar
{
	margin: 2px;
	padding-left: 2px;
	font-size: 8pt;
	color: #333333;
}

.actionsMenu
{
	position: relative;
	float: right;
	padding-top: 2px;
	padding-right: 2px;
}

.actionButton
{
	display: block;
}

.actionsMenuContainer
{
	position: absolute;
	right: 3px;
	bottom: 0px;
	display: none;
	z-index: 2800;
}

* html .actionsMenuContainer
{
	height: 0px; /* IE6 */
	bottom: -4px; /* Might need to be adjusted for style-specific geometry in b6ppm-XXX.css */
}

.actionsBox
{
	position: absolute;
	right: 0px;
	background-color: #ffffff;
}
* html .actionsBox
{
	top: -4px;
}

.calendars select, .calendars select option
{
	font-size: 90%;
}


/* Topic pages (ShowOne etc.) */

#topicActionsBox
{
	width: 240px;
}
.ActionMenu
{
	margin: 2px 0px 2px 2px;
	padding: 4px;
}


* html #topicActionsBox-iconbar
{
	height:26px; /* IE6 */
}

#moreActionsLink
{
	display: none;
	float: right;
}

a.topicAction
{
	position: relative;
	display: block;
	height: 22px;
	padding: 0px;
	margin: 0px;
	border: none;
	vertical-align: middle;
}
/*
a.topicAction:hover
{
	background-color: #000066;
	color: #ffffff;
}
*/
a.topicAction img
{
	border: none;
	position: absolute;
	left: 0px;
	margin: 3px 5px;
}
a.topicAction .actionLabel
{
	position: relative;
	top: 4px;
	display: block;
	margin: 0px 0px 0px 26px;
	padding-right: 8px;
	font-weight: normal;
	cursor: pointer;
	white-space: nowrap;
}

.topicContent
{
	margin-top: 16px;
}

.topicKeywordBox
{
	border: 1px solid #666666;
	/*width: 300px;*/
	padding: 0px 0px 0px 2px;
	vertical-align: bottom;
}
.topicKeywordBox .topicKeywordReadonly
{
	color: silver;
}
.topicKeywordBox input
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.tagMatches span
{
	padding: 2px;
	margin-right: 8px;
	cursor: pointer;
}

#topicHistoryBox
{
	width:780px;
}

html div.topicHistory
{
	margin-left: -390px;
	width: 780px;
}


/* Portlets */

.PortletContentBox
{
	background-color: transparent;
}


/* Ajax Portlets */

a.ajaxPortletLoad
{
	display: none;
}


/* Navigation Portlet */

table.navsubcats img.caticon
{
	margin-right:4px;
}

table.navsubcats table.navsubcat
{
	width: 100%;
	border: none;
	margin-top: 4px;
	margin-bottom: 4px;
}
table.navsubcats table.navsubcat tr
{
	height: 18px;
}

/* Topic List Portlet */

table.topiclist div.actions
{
	margin-top:2px;
	white-space:nowrap;
}

table.topiclist div.rating
{
	margin-top:2px;
}

.topiclist img.sortIcon
{
	float: right;
	width: 15px;
	height: 15px;
	border: none;
	margin: 0;
}

/* Work around "peek-a-boo" bugs of MS browsers */

* html .topiclist .topic
{
	height:0px; /* IE6 */
}
.topiclist .topic
{
	min-height:0px; /* IE7 */
}

div.topiclist
{
	padding:4px;
}
div.topiclist .publish
{
	text-align: right;
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-bottom: 1px solid silver;
}

/* News items in list mode */

.topiclist .list .topic
{
	padding: 2px;
	border-bottom: 1px solid silver;
}
.topiclist .list .odd .topic
{
	background-color: #ffffff;
}
.topiclist .list .even .topic
{
	background-color: #ececec;
}


/* News item pictures */

.topiclist .topic .thumbnail
{
	float:left;
	margin:2px 4px 2px 0px;
	padding: 4px 0px 4px 0px;
	border:1px solid silver;
}
.topiclist .topic img.piclarge
{
	float:left;
	margin:2px 8px 4px 0px;
	padding: 4px;
	border:1px solid silver;
}
.topiclist .topic img.picsmall
{
	float:left;
	margin:2px 4px 2px 0px;
	padding: 4px;
	border:1px solid silver;
}

/* Actions buttons */

div.topiclist .topic .actions
{
	float:right;
	margin-left:4px;
	margin-bottom:4px;
}


/* Topic content (view mode only) */

.topiclist .view .topic
{
	border-bottom: 1px solid silver;
	margin-bottom: 8px;
}
.topiclist .view .topic .content
{
	margin-top:8px;
}
.topiclist .view .topic .contentprop
{
	margin-top:4px;
}

.topiclist .view .topic .abstract
{
}

.topiclist .list .topic .title
{
	font-size:10pt;
	font-weight:bold;
	margin:4px 0px;
}
.topiclist .view .topic .title
{
	font-size:10pt;
	font-weight:bold;
	margin:4px 2px;
}

.topiclist .head
{
	margin-top:6px;
	font-weight:bold;
	padding:2px;
}

/* List of relevant links (view mode only) */

.topiclist .links
{
	margin-bottom: 8px;
}
.topiclist .links .head
{
	border-bottom:1px solid silver;
}
.topiclist .links .link
{
	padding:2px;
}

/* Small list of other news items (view mode only) */

.topiclist .small-list
{
}
.topiclist .small-list .branch-and-date
{
	float:right;
}
.topiclist .small-list .head
{
}
.topiclist .small-list .head a
{
	font-weight:bold;
}
.topiclist .small-list .topic
{
	padding:2px;
}

/* Cluetip with content/abstract preview */

.cluetip-topicPreview
{
	background-color: transparent;
}
.cluetip-topicPreview #cluetip-outer
{
	position: relative;
	border: 1px solid #ccc;
	background-color: #fff;
}
.cluetip-topicPreview #cluetip-inner
{
	padding: 8px;
	max-height: 360px;
	overflow: hidden;
}
.cluetip-topicPreview h3#cluetip-title
{
	margin: 0 0 5px;
	padding: 2px 5px;
	font-size: 13px;
	font-weight: bold;
	background-color: #ccc;
	color: #333;
}

/* Cluetip arrows */

.cluetip-arrows
{
	display: none;
	position: absolute;
	top: 0;
	left: -11px;
	height: 22px;
	width: 11px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.clue-right-topicPreview .cluetip-arrows
{
	background-image: url(../ilib/cluetip/arrowleft.gif);
}
.clue-left-topicPreview .cluetip-arrows
{
	background-image: url(../ilib/cluetip/arrowright.gif);
	left: 100%;
	margin-right: -11px;
}
.clue-top-topicPreview .cluetip-arrows
{
	background-image: url(../ilib/cluetip/arrowdown.gif);
	top: 100%;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;  
}
.clue-bottom-topicPreview .cluetip-arrows
{
	background-image: url(../ilib/cluetip/arrowup.gif);
	top: -11px;
	left: 50%;
	margin-left: -11px;
	height: 11px;
	width: 22px;
}


/* Picture gallery portlet */

.topiclist .gallery
{
	width: 100%;
	table-layout: fixed;
}
.topiclist .gallery td
{
	vertical-align: top;
	border-bottom: 1px solid silver;
}
.topiclist .gallery td .title
{
	font-weight: bold;
}


/* Preview images ("additional large thumbnails") */

.previewimgContainer
{
	position:relative;
	width:100%;
	background-color:white;
}

.previewimgBox
{
	position:absolute;
	left:0px;
	border:1px solid silver;
	padding:3px;
	background-color:white;
}
.previewimgBox img
{
	border:none;
}

/* Blog with Vote column */

.TopicVote
{
	margin-right: 6px;
	text-align: center;
}
.TopicVote .ScoreBox
{
	width: 48px;
	border: 1px solid silver;
	background-color: #e9e9e9;
}
.TopicVote .Score
{
	font-size: larger;
	font-weight: bold;
}
.TopicVote .ScoreLabel
{
	font-size: smaller;
	font-weight: lighter;
}
.TopicVote .VoteButtons a
{
	display: block;
	margin-top: 4px;
}
.TopicVote .VoteButtons a img
{
	border: none;
}

tr.topic .TopicAbstract
{
	margin-top: 4px;
	margin-bottom: 12px;
}


/* My Applications */

table.mydbs img.hicon
{
	float:left;
	margin-right:4px;
}


/* Menu Portlet */

table.menutile img.hicon
{
	float:left;
	margin-right:4px;
	margin-bottom:2px;
}


/* Start workflow Portlet */

table.createwf img.hicon
{
	float:left;
	margin-right:4px;
	margin-bottom:2px;
}

.UserPhotoThumb
{
	margin:2px 8px 1px 0px;
	background-color:white;
	padding:2px;
	border:1px solid silver;
}

.SearchBar
{
	padding:2px;
}


/* Errors/Warnings */

#alert
{
	color: red;
	margin: 0;
}


/* Paging */

* html .PageNavContainer
{
	height:20px; /* IE6 */
}
.PageNavContainer .PageSize
{
	float:left;
	margin-top:3px;
	width:160px;
	text-align:left;
}
.PageNavContainer table
{
	margin-right:160px;
}
.PageNavContainer .PageSize .selected
{
	font-weight:bold;
}

.searchHit
{
	font-weight: bold;
}

.trace
{
	background-color: #FFFACD;
	display: none;
}

/* Tag Cloud */

.Tag1
{
	font-size: 200%;
	line-height:1.1 !important;
}
.Tag2
{
	font-size: 180%;
	line-height:1.2 !important;
}
.Tag3
{
	font-size: 160%;
	line-height:1.3 !important;
}
.Tag4
{
	font-size: 140%;
	line-height:1.4 !important;
}
.Tag5
{
	font-size: 100%;
	line-height:1.5 !important;
}

/* jqModal Styling courtesy of Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow 
{
	display: none;

	position: fixed;
	top: 60px;
	left: 50%;

	margin-left: -300px;
	width: 700px;

	background-color: #EEE;
	color: #333;
	border: 1px solid black;
	padding: 12px;
}

.jqmOverlay
{
	background-color: #000;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* html iframe.jqm 
{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow
{
	position: absolute;
	top: expression(((document.documentElement.scrollTop || document.body.scrollTop) + 60) + 'px');
}

div.whiteOverlay { background: url(inc/jqmBG.gif) white; }


div.jqmDialog
{
	display: none;

	position: fixed;
	top: 60px;
	left: 50%;

	margin-left: -390px;
	width: 780px;

	overflow: hidden;
	font-family:verdana,tahoma,helvetica,arial;
	
	border:1px solid black;
	background-color:white;
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.jqmDialog
{
	position: absolute;
	top: expression(((document.documentElement.scrollTop || document.body.scrollTop) + 60) + 'px');
}


/* [[[ Title / Top Classes ]]] */
div.jqmDialogTitle
{
	padding: 7px 22px 5px 9px;
	background-color: #dddddd;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 2px solid silver;
}

/* [[[ Body / Message Classes ]]] */
div.jqmDialogAjaxTarget
{
	margin: 12px 12px 18px 12px;
}

div.jqmdMSG { color: #317895; }

div.ajaxDialogPlaceholder
{
	margin-top: 60px;
	margin-left: 270px;
	width: 160px;
	height: 100px;
	padding-left: 24px;
	background: url(../ilib/wait.gif) no-repeat;
	color: silver;
}

div.ajaxResultMsg
{
	margin-top: 60px;
	margin-bottom: 60px;
	text-align: center;
}


#ajaxDialogFrame
{
	width: 99%;
	height: 99%;
	display: block;
	clear: both;
	margin: auto;
	padding: 0;
	border: none;
}
* html #ajaxDialogFrame
{
	width: 748px;
}

#ajaxDialog.wide
{
	width: 980px;
	margin-left: -490px;
}
#ajaxDialog.wide iframe
{
	width: 940px;
}


.jqmdX
{
	position: absolute;
	display: block;
	right: 7px;
	top: 6px;
	width: 16px;
	height: 16px;
	border: none;
	cursor: pointer;
}
.jqmdX img
{
	border: none;
	width: 16px;
	height: 16px;
}

input.button
{
	margin: 0px 8px;
}

p#dhead
{
	margin: 10px 0px;
}


.ZoneBorderEdit
{
	padding: 2px 2px 2px 2px;
	border: 2px dotted #D6D6D6;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
}

.ZoneAddPortlets
{
	padding: 2px 2px 6px 2px;
	border-bottom: 2px dotted #D6D6D6;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
}

.ZoneAddPortlets img.hicon
{
	float:left;
	margin-bottom:0px;
	margin-right:4px;
}

/*
	Database dropdown
*/
.ui-autocomplete
{
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete
{
	height: 200px;
}

.ui-button
{
	margin-left: -1px;
}
form .ui-button-icon-only .ui-button-text, form .ui-button-icons-only .ui-button-text
{
	padding: 0;
}
.ui-autocomplete-input
{
	margin: 0;
	padding: 0 0 0 0.45em;
}


/*
	Tooltips
*/
a.tooltipL, a.tooltipR
{
	position: relative;
	text-decoration: none;
	cursor: default;
}
a.tooltipL:hover, a.tooltipR:hover
{
	z-index: 80;
	background-color: transparent;
}

a.tooltipL img, a.tooltipR img
{
	border: 0px;
}

a.tooltipL div.tooltipL, a.tooltipR div.tooltipR
{
	display: none;
}

a.tooltipL:hover div.tooltipL, a.tooltipR:hover div.tooltipR
{
	z-index: 80;
	display: block;
	position: absolute;
	width: 160px;
	top: 65px;
	border: solid #707070 1px;
	padding: 3px;
	color: #404040;
	background-color: #FFFFD8;
}

a.tooltipL:hover div.tooltipL
{
	right: 4px;
}

a.tooltipR:hover div.tooltipR
{
	left: 20px;
}

/*
	ColorBox Core Style
	The following rules are the styles that are consistant between themes.
	Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
	ColorBox theme (combined from original ColorBox examples 2 and 5)
*/
#cboxOverlay{background:#000;}

#colorbox{}
	#cboxTopLeft{width:14px; height:43px; background:url(../ilib/jquery/colorbox/images/controls5.png) 0 0 no-repeat;}
	#cboxTopCenter{height:43px; background:url(../ilib/jquery/colorbox/images/border5.png) top left repeat-x;}
	#cboxTopRight{width:14px; height:43px; background:url(../ilib/jquery/colorbox/images/controls5.png) -36px 0 no-repeat;}
	#cboxBottomLeft{width:14px; height:14px; background:url(../ilib/jquery/colorbox/images/controls5.png) 0 -61px no-repeat;}
	#cboxBottomCenter{height:14px; background:url(../ilib/jquery/colorbox/images/border5.png) bottom left repeat-x;}
	#cboxBottomRight{width:14px; height:14px; background:url(../ilib/jquery/colorbox/images/controls5.png) -36px -61px no-repeat;}
	#cboxMiddleLeft{width:14px; background:url(../ilib/jquery/colorbox/images/controls5.png) -175px 0 repeat-y;}
	#cboxMiddleRight{width:14px; background:url(../ilib/jquery/colorbox/images/controls5.png) -211px 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-top:5px;}
		#cboxLoadingOverlay{background:#fff;}
		#cboxLoadingGraphic{background:url(../ilib/jquery/colorbox/images/loading.gif) center center no-repeat;}
		#cboxTitle{position:absolute; top:-26px; left:0; text-align:center; width:100%; font-size:14px; font-weight:bold; color:#7C7C7C;}
		#cboxCurrent{position:absolute; top:-26px; left:58px; font-size:14px; font-weight:bold; color:#7C7C7C;}

		#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; top:-29px; background:url(../ilib/jquery/colorbox/images/controls5.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
		#cboxPrevious{left:0px; background-position: -51px -25px;}
		#cboxPrevious.hover{background-position:-51px 0px;}
		#cboxNext{left:27px; background-position:-75px -25px;}
		#cboxNext.hover{background-position:-75px 0px;}
		#cboxClose{right:0; background-position:-100px -25px;}
		#cboxClose.hover{background-position:-100px 0px;}

		.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
		.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
		.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
		.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}

/* new publishing  */
.UploadButton
{
	width: 110px;
	height: 30px;
	border: 1px solid;
	cursor: pointer;
	font-family: arial,helvetica,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	background-color: #505050;
	color: #FFFFFF;
}
#YTopica.UploadYTopica
{
	font-size: 12pt;
	font-weight: bold;
}
.PublishIcon
{
	font-weight: bold;
	background-color: transparent;
	border: 1px solid #CCCCCC;
	padding:6px;
	margin: 6px;
	height: 80px;
	display: block;
}
.PublishIconOver, A.PublishIcon:hover
{
	font-weight: bold;
	border: #CCCCCC 1px solid;
	background-color: #CCCCCC;
	padding:6px;
	margin: 6px;
	height: 80px;
	display: block;
}
#PublishBox {
	border: 0px solid !important;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
}
#PublishBox .inputfield, .topicKeywordBox {
	width: 95%;
}
#alertTP		/* warning in TopicProperties */
 {
	COLOR: red;
	FONT-WEIGHT: bold;
}


/*
	Calendar View tweaks
*/

.ui-widget-content .fc-event a
{
	color: #eee;
}

h2.fc-header-title
{
	border: none;
}

div.positionHelper
{
	z-index: 200;
}

/*
	Temporarily included portal/jquery.calendars/smoothness.calendars.picker.css because of IE6 issues:
*/
/* Smoothness styling for jQuery Calendars Picker v1.1.1. */
.calendars {
	background-color: #fff;
	color: #222;
	border: 1px solid #aaa;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
	font-family: Arial,Helvetica,Sans-serif;
	font-size: 90%;
}
.calendars-rtl {
	direction: rtl;
}
.calendars-popup {
	z-index: 1000;
}
.calendars-disable {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.calendars a {
	color: #222;
	text-decoration: none;
}
.calendars a.calendars-disabled {
	color: #888;
	cursor: auto;
}
.calendars button {
    margin: 0.25em;
    padding: 0.125em 0em;
    background-color: #fcc;
    border: none;
    border-radius: 0.25em;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    font-weight: bold;
}
.calendars-nav, .calendars-ctrl {
	float: left;
	width: 100%;
	background-color: #fff;
	font-size: 90%;
	font-weight: bold;
}
.calendars-ctrl {
	background-color: #fee6e3;
}
.calendars-cmd {
	width: 30%;
}
.calendars-cmd:hover {
	background-color: #e0e0e0;
}
.calendars-ctrl .calendars-cmd:hover {
	background-color: #f08080;
}
.calendars-cmd-prevJump, .calendars-cmd-nextJump {
	width: 8%;
}
a.calendars-cmd {
	height: 1.5em;
}
button.calendars-cmd {
	text-align: center;
}
.calendars-cmd-prev, .calendars-cmd-prevJump, .calendars-cmd-clear {
	float: left;
	padding-left: 2%;
}
.calendars-cmd-current, .calendars-cmd-today {
	float: left;
	width: 35%;
	text-align: center;
}
.calendars-cmd-next, .calendars-cmd-nextJump, .calendars-cmd-close {
	float: right;
	padding-right: 2%;
	text-align: right;
}
.calendars-rtl .calendars-cmd-prev, .calendars-rtl .calendars-cmd-prevJump,
.calendars-rtl .calendars-cmd-clear {
	float: right;
	padding-left: 0%;
	padding-right: 2%;
	text-align: right;
}
.calendars-rtl .calendars-cmd-current, .calendars-rtl .calendars-cmd-today {
	float: right;
}
.calendars-rtl .calendars-cmd-next, .calendars-rtl .calendars-cmd-nextJump,
.calendars-rtl .calendars-cmd-close {
	float: left;
	padding-left: 2%;
	padding-right: 0%;
	text-align: left;
}
.calendars-month-nav {
	float: left;
	text-align: center;
}
.calendars-month-nav div {
	float: left;
	width: 12.5%;
	margin: 1%;
	padding: 1%;
}
.calendars-month-nav span {
	color: #888;
}
.calendars-month-row {
	clear: left;
}
.calendars-month {
	float: left;
	width: 15em;
	border: 1px solid #aaa;
	text-align: center;
}
.calendars-month-header, .calendars-month-header select, .calendars-month-header input {
	height: 1.5em;
	background-color: #e0e0e0;
	color: #222;
	font-weight: bold;
}
.calendars-month-header select, .calendars-month-header input {
	height: 1.4em;
	border: none;
}
.calendars-month-header input {
	position: absolute;
	display: none;
}
.calendars-month table {
	width: 100%;
	border-collapse: collapse;
}
.calendars-month thead {
	border-bottom: 1px solid #aaa;
}
.calendars-month th, .calendars-month td {
	margin: 0em;
	padding: 0em;
	font-weight: normal;
	text-align: center;
}
.calendars-month thead tr {
	border: 1px solid #aaa;
}
.calendars-month td {
	background-color: #eee;
	border: 1px solid #aaa;
}
.calendars-month td.calendars-week * {
	background-color: #e0e0e0;
	color: #222;
	border: none;
}
.calendars-month a {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
	background-color: #eee;
	color: #000;
	text-decoration: none;
}
.calendars-month span {
	display: block;
	width: 100%;
	padding: 0.125em 0em;
}
.calendars-month td span {
	color: #888;
}
.calendars-month td .calendars-other-month {
	background-color: #fff;
}
.calendars-month td .calendars-weekend {
	background-color: #ddd;
}
.calendars-month td .calendars-today {
	background-color: #fbf9ee;
}
.calendars-month td .calendars-highlight {
	background-color: #dadada;
}
.calendars-month td .calendars-selected {
	background-color: #fcc;
}
.calendars-status {
	clear: both;
	text-align: center;
}
.calendars-clear-fix {
	clear: both;
}
.calendars-cover {
    display: none;
    display/**/: block;
    position: absolute;
    z-index: -1;
    filter: mask();
    top: -1px;
    left: -1px;
    width: 100px;
    height: 100px;
}




/* Token Input */

ul.token-input-list {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 400px;    
    cursor: text;
    font-size: 12px;
    font-family: Verdana;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;
}

ul.token-input-list-ro {
    border: 0px solid #999 !important;
}


ul.token-input-list li input {
    border: 0;
    width: 100px;
    padding: 3px 8px;
    background-color: white;
    margin: 2px 0;
    -webkit-appearance: caret;
}

li.token-input-token {
    xoverflow: hidden; 
    height: auto !important; 
    height: 15px;
    margin: 3px;
    padding: 2px 3px 3px 3px;
    background-color: #eff2f7;
    color: #000;
    cursor: default;
    border: 1px solid #ccd5e4;
    font-size: 11px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    white-space: nowrap;
}

li.token-input-token p {
    white-space: nowrap !important;
}



li.token-input-token p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token span {
    color: #a6b3cf;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

li.token-input-selected-token { 
    border: 1px dashed #ccd5e4;
    color: #fff;
}

li.token-input-input-token {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.token-input-dropdown {
    position: absolute;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 11px;
    font-family: Verdana;
    z-index: 1;
}

div.token-input-dropdown p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
    color: #777;
}

div.token-input-dropdown ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown ul li {
    background-color: #fff;
    padding: 3px;
    margin: 0;
    list-style-type: none;
}

div.token-input-dropdown ul li.token-input-dropdown-item {
    background-color: #fff;
}

div.token-input-dropdown ul li.token-input-dropdown-item2 {
    background-color: #fff;
}

div.token-input-dropdown ul li em {
    font-weight: bold;
    font-style: normal;
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
    background-color: #3b5998;
    color: #fff;
}

td.RelItemLink {
    padding-bottom: 6px;
}

.NewsList #desc {
	line-height:1.5em;
}

#topicDetailsBox {
	line-height:1.8em;
}