.UIExoStart {
}
	
#StartMenuContainer {
	position: absolute;
}
		
.UIExoStart .StartBarContainer {
	height: 38px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/StartMenuContainer.gif') repeat-x center -35px;
}

.UIExoStart .ExoStartButton {
	float: left; /* orientation=lt */
	width: 94px; 
	height: 38px;
	margin: 0px;
	cursor: pointer;
}

.UIExoStart .ButtonNormal {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/Exostart.gif') no-repeat -4px -45px;
}

.UIExoStart .ButtonOver {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/Exostart.gif') -98px -45px;
}

.UIExoStart .ButtonClicked {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/Exostart.gif') no-repeat -4px -84px;
}

.UIExoStart .VLineSeparator {
	float: right; /* orientation=lt */
	width: 2px; height: 38px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/Exostart.gif') no-repeat right -84px;
	margin: 0px 4px;
}

.UIExoStart .DigitalClockContainer {
	float: right; /* orientation=lt */
	text-align: center;
	margin: 0px 9px;
}

.UIExoStart .DigitalClock {
	margin: 0px;
	line-height: 37px;
}

.UIExoStart .StartMenuContainer .LoginContainer {
	height: 35px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/StartMenuContainer.gif') repeat-x top;
	border-top: solid 1px #b7b7b7;
}

.UIExoStart .StartMenuContainer .LabelItem {
	padding: 0px 0px 0px 2px;
	cursor: pointer;
}

.UIExoStart .StartMenuContainer .Icon {
	padding: 0px 0px 0px 30px; /* orientation=lt */
	margin: 0px 0px 0px 5px; /* orientation=lt */
  background-position: left; /* orientation=lt */
	height: 32px; 
	width: auto;
}

.UIExoStart .StartMenuContainer .AdministrationIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/StartMenuContainer.gif') no-repeat left -152px;
	
}

.UIExoStart .StartMenuContainer .PageCreationWizardIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/StartMenuContainer.gif') no-repeat left -376px;
}

.UIExoStart .StartMenuContainer .EditCurrentPageIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/StartMenuContainer.gif') no-repeat left -408px;
}

.UIExoStart .StartMenuContainer .EditCurrentPortalIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/StartMenuContainer.gif') no-repeat left -440px;
}

.UIExoStart .StartMenuContainer .EditNavigationIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/StartMenuContainer.gif') no-repeat left -408px;
}

.UIExoStart .StartMenuContainer .BrowsePortalsIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/StartMenuContainer.gif') no-repeat left -536px;
}

.UIExoStart .StartMenuContainer .BrowsePagesIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/StartMenuContainer.gif') no-repeat left -472px;
}

.UIExoStart .StartMenuContainer .LabelText {
	white-space: nowrap;
	padding: 0px 5px 0px 6px;
	line-height: 32px;
	height: auto;
}

.UIExoStart a {
	color: #1b1b1b;
	display: block;
}

.UIExoStart a:hover {
	color: #058ee6;
}

.UIExoStart .StartMenuContainer .LogoutIcon {
	height: 33px;	
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/StartMenuContainer.gif') no-repeat left -91px;
	padding: 0px 0px 0px 34px; /* orientation=lt */
	float: right;/* orientation=lt */
	margin-right: 10px;/* orientation=lt */
}

.UIExoStart .StartMenuContainer .LogoutIcon a {
	line-height: 32px;
}

.UIExoStart .StartMenuContainer .HLineSeparator {
	height: 1px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/Exostart.gif') no-repeat center -36px;
	margin: 3px 0px 5px 0px;
}

.UIExoStart .StartMenuContainer .BlackArrowIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/StartMenuContainer.gif') no-repeat right -184px;
	padding: 0px 25px 0px 0px; /* orientation=lt */
	margin-right: 5px; /* orientation=lt */
}

.UIExoStart .StartMenuContainer .NavigationBackground {
	padding: 0px 10px 0px 0px;
}

.UIExoStart .StartMenuContainer .NavigationBackground .LabelText {
	font-weight: bold;
	text-align: right;
}

.UIExoStart .StartMenuContainer .NavigationArrowIcon {
	height: 30px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/StartMenuContainer.gif') no-repeat right -122px;
	padding: 0px 25px 0px 0px; /* orientation=lt */
}

.UIExoStart .StartMenuContainer .MenuItemContainer {
	visibility: visible;
}

.UIExoStart .StartMenuContainer .MenuItemContainer .MenuItem {
	background: transparent;
	color: #1b1b1b;
}

.UIExoStart .StartMenuContainer .MenuItemContainer .MenuItemOver {
	background: #cbd3f2;
	color: #058ee6;
}

.UIExoStart .StartMenuContainer .MenuItemContainer .MenuItemContainer {
	position: absolute;
	display: none;
}

.UIExoStart .StartMenuContainer .MenuContainer {
	padding: 2px 0px 5px 0px;
}

.UIExoStart .StartMenuContainer .PageNavigationBlock {
	padding: 2px 4px;
}

.UIExoStart .StartMenuContainer .DecoratorBlock {
	 border: 1px solid #d0d0d0;
}

.UIExoStart .StartMenuContainer .DecoratorBlock .PageOwnerContainer {
	background: #f5f4ff;
	padding-bottom: 5px;
	width: 100%;
	*border-right: 1px solid #D0D0D0; /* orientation=lt */
	_border-right: 1px solid none; /* orientation=lt */
}

.UIExoStart .StartMenuContainer .DecoratorBlock .TitleBar {
	line-height: 18px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/StartMenuContainer.gif') repeat-x center -73px;
	padding-left: 10px; /* orientation=lt */
	color: #125aad;
	white-space: nowrap;
}

.UIExoStart .StartMenuContainer .StartMenuContent {
	padding: 5px;
	background: white;
}

.UIExoStart .StartMenuContainer .TopNavigator {
	height: 10px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/UpNaviArrow.gif') no-repeat center;
	cursor: pointer;
	border-bottom: 1px solid #797979;
}

.UIExoStart .StartMenuContainer .BottomNavigator {
	height: 10px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/DownNaviArrow.gif') no-repeat center;
	cursor: pointer;
	border-top: 1px solid #797979;
}

.UIExoStart .StartMenuContainer .BasicIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/StartMenuContainer.gif') no-repeat left -344px;
}

.UIExoStart .StartMenuContainer .AdvancedIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/StartMenuContainer.gif') no-repeat left -312px;
}


.UIExoStart .StartMenuContainer .SkinSettingIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/StartMenuContainer.gif') no-repeat left -504px;
}

.UIExoStart .StartMenuContainer .LanguageSettingIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/StartMenuContainer.gif') no-repeat left -280px;
}

.UIExoStart .StartMenuContainer .ChangePortalIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/StartMenuContainer.gif') no-repeat left -248px;
}

.UIExoStart .StartMenuContainer .AccountSettingIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/StartMenuContainer.gif') no-repeat left -216px;
}
/*========================Start Menu Decorator======================*/
.UIExoStart .StartMenuDecorator {
	width: 100%;
}

.UIExoStart .StartMenuDecorator .TopDecorator {
	width: 238px; height: 35px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/Exostart.gif') no-repeat top;
}

.UIExoStart .StartMenuDecorator .StartMenuTL {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/Exostart.gif') no-repeat left -46px;
	padding: 0px 0px 0px 3px;
}

.UIExoStart .StartMenuDecorator .StartMenuTC {
	height: 3px;
	line-height: 3px;
	width: 100%;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/Exostart.gif') repeat-x center -38px;
}

.UIExoStart .StartMenuDecorator .StartMenuTR {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/Exostart.gif') no-repeat right -46px;
	padding: 0px 3px 0px 0px;
	height: 3px;
	line-height: 3px;
}

.UIExoStart .StartMenuDecorator .StartMenuML {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/MiddleStartMenu.gif') repeat-y left;
	padding: 0px 0px 0px 3px;
}

.UIExoStart .StartMenuDecorator .StartMenuMR {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/MiddleStartMenu.gif') repeat-y right;
	padding: 0px 3px 0px 0px;
}

.UIExoStart .StartMenuDecorator .StartMenuBG {
	background: white;
	width: 100%;
}

.UIExoStart .StartMenuDecorator .StartMenuBL {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/Exostart.gif') no-repeat left -50px;
	padding: 0px 0px 0px 3px;
	height: 3px;
	line-height: 3px;
}

.UIExoStart .StartMenuDecorator .StartMenuBR {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/Exostart.gif') no-repeat right -50px;
	padding: 0px 3px 0px 0px;
	height: 3px;
	line-height: 3px;
}

.UIExoStart .StartMenuDecorator .StartMenuBC {
	height: 3px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIExoStart/background/Exostart.gif') repeat-x center -42px;
}
.UIControlWorkspace {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIWorkspace/background/Repeat-y.gif') repeat-y center top;
  width: 6px; height: 100%;
  padding: 0px;
  top: 0px;
}

.UIControlWorkspace .TopTitleBar {
  padding: 12px 0px 6px 0px ;/* orientation=lt */
  text-align: center;
  width: 180px;
}

.UIControlWorkspace .UIVerticalSlideTabs {
  padding: 3px; 
}

.UIControlWorkspace .ScrollArea .TreeContainer {
  overflow-x: hidden;
}

.UIControlWorkspace .UserWorkspaceTitle {
  height: 23px ;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIWorkspace/background/UserWorkspaceTitleBG1x23.gif') repeat-x;
  color: #434343;
  font-weight: bold;
  line-height: 22px; 
  padding-left: 13px;/* orientation=lt */
  margin-right: 2px;/* orientation=lt */
}

.UIControlWorkspace .CloseControlWorkspace {
	float: right;/* orientation=lt */
	width: 21px;	height: 15px;
	margin: 3px 5px 0px 0px;/* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIWorkspace/background/No-Repeat.gif') no-repeat right top;
	cursor: pointer;
}

.UIControlWorkspace .UIWorkspaceControl { 
  margin-right: 2px; /* orientation=lt */
}

/*########################### Tab ###########################*/
.UIControlWorkspace .UIWorkspacePanel .ControlPanelExpandContainer {
  margin: 10px 4px;
}

.UIControlWorkspace .UIWorkspacePanel .HideContentVTab {
  display: none;
  border: solid 1px #a3abb6;
  margin: 2px 0px;
}

.UIControlWorkspace .UIWorkspacePanel .ShowContent {
  display: block;
  border: solid 1px #a3abb6;
  margin: 2px 0px;
}

.UIControlWorkspace .UIDropDownControl { 
	width: 218px;
}


/*########################### End Tab ###########################*/
/*########################### Slidebar ###########################*/
.UIControlWorkspace .Slidebar {
	float: right; /* orientation=lt */
  width: 6px; height: 100%;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIWorkspace/background/Repeat-y.gif') repeat-y right;
  cursor: pointer;
}

.UIControlWorkspace .SlidebarButton {
	height: 100%;	width: 6px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIWorkspace/background/No-Repeat.gif') no-repeat left center;
}

.UIControlWorkspace .UIWorkspaceContainer {
background: url("/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIWorkspace/background/Repeat-y.gif") repeat-y 244px top;
	height: 100%;
}

/*########################### End Slidebar ###########################*/

.UIWorkingWorkspace {
	margin: 0px;
/*
 * minh.js.exo
 * bug : right click with IE7 in ECM
 */
}

.MaskLayer {
	background: black;
	text-align: center;
	position: absolute;
	overflow: auto; /* Fix for FF2 */
}

.WarningLayer {
	width: 300px;	height: 100px;
	line-height: 100px;	
	text-align: center;
	position: absolute;
	opacity: 0.5 !important;
	filter: alpha(opacity=50);
}

.PreviewMode {
	width: 160px;	height: 160px;
background: url("/eXoResources/skin/DefaultSkin/portal/webui/component/control/UIWorkspace/background/PreviewModeImage146x156.png") no-repeat top right;
	position: absolute;
	cursor: pointer;
	right: 0px; /* orientation=lt */
	top: 0px;
}
			#msgs {
				position: absolute; 
				top: 10px; 
				right: 10px; 
				
			}
			.messageBox { 
/*				position: absolute; 
				top: 10px; 
				right: 10px; 
				background: #000000; 
				opacity: 1; 
				filter: alpha(opacity=100); 
				-moz-opacity: 1; */
				margin:5px;
				overflow:hidden;
				background: #F0F0F0; 
			}
.UIContainerConfigOptions {
  margin: 0px 10px;
}

.UIContainerConfigOptions .ContainerConfigOptions {
  border: solid 1px #bcbcbc;
  background: #f2f2f2;
  padding: 5px;
  /*Lamjs comment to show DropdownControl above*/
  /*overflow: hidden;*/
}

.UIContainerConfigOptions .ScrollArea {
  border: solid 1px #929292;
  border-bottom: solid 1px #c3c3c3; border-right: solid 1px #c3c3c3;
}

.UIContainerConfigOptions .CategoryContainer {
  padding: 10px 0px 20px 0px;
  background: white;
}

.UIContainerConfigOptions .Title {
  background: white ; 
  border: 1px solid #bcbcbc ;
  border-bottom: 1px solid #929292;
  margin-bottom: 5px ;
  height: 21px;
}

.UIContainerConfigOptions .Title .TitleContainer {
	height: 21px;
	padding: 0px 2px 0px 0px;/* orientation=lt */
}

.UIContainerConfigOptions .Title .TitleContainer .Icon {
	float: left;/* orientation=lt */
	width: 18px; height: 16px;
	margin: 3px 5px 0px 7px;/* orientation=lt */
}

.UIContainerConfigOptions .Title .TitleContainer .LabelText {
	padding-left: 12px;/* orientation=lt */
	height: 21px; line-height: 21px; 
}

.UIContainerConfigOptions .Title .TitleContainer .ArrowButton {
	float: right;/* orientation=lt */
	border-left: solid 1px #bcbcbc;/* orientation=lt */
	height: 21px;
	cursor: pointer ;
}

.UIContainerConfigOptions .OneRowContainerLayout {
  width:105px ; height:56px ;
background:url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerConfigOptions/background/ContainerConfigOptions.gif') no-repeat top;
  margin:auto ; 
  margin-top: 12px ;
  cursor: move ;
}

.UIContainerConfigOptions .TwoRowContainerLayout {
  width:105px;  height:56px;
  margin:auto;  margin-top: 12px;
  cursor: move;
background:url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerConfigOptions/background/ContainerConfigOptions.gif') no-repeat left -57px;
}

.UIContainerConfigOptions .ThreeRowContainerLayout {
  width:105px;  height:56px;
  margin:auto; margin-top: 12px;
  cursor: move;
background:url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerConfigOptions/background/ContainerConfigOptions.gif') no-repeat left -114px;
}

.UIContainerConfigOptions .TwoColumnContainerLayout {
  width:105px;  height:56px;
  margin:auto;  margin-top: 12px;
  cursor: move;
background:url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerConfigOptions/background/ContainerConfigOptions.gif') no-repeat left -171px;
}

.UIContainerConfigOptions .ThreeColumnContainerLayout {
  width:105px;  height:56px;
  margin:auto;  margin-top: 12px;
  cursor: move;
background:url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerConfigOptions/background/ContainerConfigOptions.gif') no-repeat left -228px;
}

.UIContainerConfigOptions .TwoTabContainerLayout {
  width:105px;  height:56px;
  margin:auto;  margin-top: 12px;
  cursor: move;
background:url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerConfigOptions/background/ContainerConfigOptions.gif') no-repeat left -285px;
}

.UIContainerConfigOptions .ThreeTabContainerLayout {
  width:105px;  height:56px;
  margin:auto; margin-top: 12px;
  cursor: move;
background:url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerConfigOptions/background/ContainerConfigOptions.gif') no-repeat left -342px;
}

.UIContainerConfigOptions .TwoColumnOneRowContainerLayout {
  width:105px;  height:56px;
  margin:auto; margin-top: 12px;
  cursor: move;
background:url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerConfigOptions/background/ContainerConfigOptions.gif') no-repeat left -399px;
}

.UIContainerConfigOptions .OneRowTwoColumnContainerLayout {
  width: 105px; height: 56px;
  margin:auto; margin-top: 12px;
  cursor: move;
background:url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerConfigOptions/background/ContainerConfigOptions.gif') no-repeat left -456px;
  
}

.UIContainerConfigOptions .OneRow2Column1RowContainerLayout {
  width:105px; height:56px;
  margin:auto; margin-top: 12px;
  cursor: move;
background:url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIContainerConfigOptions/background/ContainerConfigOptions.gif') no-repeat left -513px;
}
.UICreatePage {
  padding: 8px 5px 5px 5px;
}

.UICreatePage .UIContainerConfigOptions {
  margin: 0px 6px;
}

.UICreatePage .CreatePageContainer {
	border: solid 1px #bcbcbc;
	background: #f2f2f2;
	padding-bottom: 5px;
}

.UICreatePage .TopTitleBar {
  margin-bottom: 10px;
  padding: 0px 10px ;
}

.UICreatePage .UIToolbar .EditToolbar {
  padding: 0px 6px;
}

.UICreatePage .UIToolbar .EditToolbar .Icon{
	margin: 3px 12px 0px 27px;/* orientation=lt */
}

.UICreatePage .CreatePageContainer .CreatePageLabel {
	color:#656565;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
}

.UICreatePage .UIDropDownControl {
  width: 212px;
}

.UICreatePage .UIPortletOptions {
	margin: 0px 6px;
}

.BackNavigationContent {
	padding: 5px 0px 0px 15px;/* orientation=lt */
}

.BackNavigationContent .BackNavigationIcon {
	height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BackIcon.gif') no-repeat;
	padding-left: 22px;/* orientation=lt */
	cursor: pointer ;
}

.BackNavigationContent .BackNavigationLabel {
	line-height: 16px;
}

.UIPageBrowser {
}

.UIPageBrowser .UISearch {  
	width: 99.5%;
	margin: auto;
}

.UIPageBrowser .UIGrid {  
	width: 99.5%;
	margin: auto;
}

.UIPageBrowser .UIGrid .Text {  
	white-space: nowrap;
}
.UIPortalBrowser {
  padding: 5px;
  width: auto;
}

.UIPortalBrowser .UIGrid {  
	width: 99.5%;
	margin: auto;
}

.UIPortalBrowser .UIGrid .Text {  
	white-space: nowrap;
}
.UIPageManagement {}
.UIPageManagement .TopTitleBar {
  margin-bottom: 10px;
  padding: 15px 10px 0px 0px;/* orientation=lt */
}
.UIPageManagement .UIToolbar .EditToolbar .Icon {
  margin: 3px 10px 0px 10px;
}

.UIPageManagement .UIVerticalSlideTabs .TreeContainer {
	_width: 92%;
}
  /*########################- UIPageNodeSelector -######################*/

.UIPageNodeSelector .PageNodeSelectorContainer {
  background: #f3f3f3 ;
  padding: 4px ;
  margin: 0px 5px;
  border: 1px solid #c6c6c9 ;
}

.UIPageNodeSelector .UIVerticalSlideTabs {
  border: none; 
  width: 218px;
}

/*Created Dang.Tung*/
.UIPageNodeSelector .UIDropDownControl {
  padding-left: 1px; /* orientation=lt */
}

.UIPageNodeSelector .UIDropDownControl .UIDropDownAnchor {
}

/*###############################-  -############################*/
.UIPageNodeSelector .TreeSelectorTitle {
  text-align: center; 
  font-weight: bold;
  height: 20px; line-height: 20px; 
  background: white ;
  border: 1px solid #b7b7b7 ; 
  margin-bottom: 5px;
}

.UIPageNodeSelector .TabLabel {
  margin-left: 10px;/* orientation=lt */
}

.UIPageNodeSelector .OrganizationIcon {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/MiniOrangeBoxPage.gif') no-repeat;
}

.UIPageNodeSelector .PortalAdminIcon {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/PortalAdmin.gif') no-repeat;
}

.UIPageNodeSelector .NavigationPortalIcon {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DefaultPageIcon.gif') no-repeat;
}

/*Created by Vu Duy Tu*/
.UIPageManagement .UIPageNodeSelector .AddNavigationIcon {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/EditNavigation.gif') no-repeat left top;/* orientation=lt */
	cursor: pointer;
	/*Lam edit to fix bug PORTAL-2604*/
	float: right; /* orientation=lt */
	/*float: left; /* orientation=lt */
	margin: 0px 0px 2px 0px;
	height: 21px; width: 21px;
	display: block;
}

.AddNavigationIcon {
	display: none;
}

/*Created Dang.Tung*/
.UIControlWorkspace .UIPageNodeSelector .UIDropDownControl {
  float: left; /* orientation=lt */
  width: 196px;
}
.UIPageSelector {
	padding: 10px ;
	width: 500px ;
	margin: auto;
}

.UIPageSelector .PageSelectorTitle  {
  height: 20px; line-height: 20px;
  padding-left: 15px;/* orientation=lt */
  margin-bottom: 5px;
}

.UIPageSelector .PageSelectorTitle .Icon {
  float: left;/* orientation=lt */
  margin: 2px 2px 0px 0px;/* orientation=lt */
}

.UIPageSelector .PageSelectorTitle .Title {
  float: left;/* orientation=lt */
  font-weight: bold; 
  margin-left: 10px;/* orientation=lt */
}

.UIPageSelector .UIFormInfo {
  background: white ;
  border: 1px solid #b7b7b7;
  margin-top: 1px;
}

.UIPageSelector .FormInfoBG {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPageSelector/background/FormInfoBG360x1.gif') repeat-y right ;
  padding-right: 30px;/* orientation=lt */
  height: 100%;
}

.UIPageSelector .FormInfoIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPageSelector/background/FormInfoIcon80x80.gif') no-repeat center right ;
  padding: 15px 15px 20px 15px;
}

.UIPageSelector .UIFormInfo .SelectedPageText {
  font-weight: bold; 
  margin-top: 2px;
}

.UIPageSelector .UIFormInfo .PropertyName {
  float: left;/* orientation=lt */
  width: 100px;
  text-align: right;/* orientation=lt */
  padding: 4px 10px 4px 0px;/* orientation=lt */
}

.UIPageSelector .UIFormInfo .PropertyValue {
  color: #3176e3;
  padding: 4px;
}

.UIPageSelector .FloatBlockHidden {
	filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30 ;
	cursor: default;
}
.UIPortalManagement {
}

.UIPortalManagement .UIPortletOptions .UIDropDownControl {
	width: 218px;
}

.UIPortalManagement .UIToolbar .EditToolbar .Icon {
  margin: 3px 13px 0px 15px;/* orientation=lt */
}


/**
 * Created by The eXo Platform SARL
 * Modifile : Vu Duy Tu
 *           duytucntt@gmail.com
 * December 13, 2006
 * version: $Id$
 */
.UIPortalToolPanel {
}

.UIPortalToolPanel .Body {
  padding: 1px;
  _height: 100%;
}

.UIPortalToolPanel .Body .PageDecoratorContainer {
  background: #f7f7f7;
  padding: 5px;
  margin: 5px;
  border: 1px #a5a5a5 solid;
  border-bottom: 1px #d0d0d0 solid;
  border-right: 1px #d0d0d0 solid;
}

.UIPortalToolPanel .Body .PageDecoratorContent {
  min-width: 100px;
  overflow: auto;
}

.UIPortalToolPanel .Body .UIPage {
}

.UIPortalToolPanel .UIItemSelector .NormalStyle {
  height: 100% ;
}

.UIPortalToolPanel .UIItemSelector .NormalStyle .ItemListContainer {
	height: 100% ;
	width: 247px ;
}

.UIPortalToolPanel .UIItemSelector .NormalStyle .ItemListContainer .ItemList {
	border: 1px #b7b7b7 solid;
	height: 264px ;	
}

.UIPortalToolPanel .UIItemSelector .NormalStyle .ItemListContainer .TemplateImage {
	height: 240px; 
}

.UIPortalToolPanel .UIItemSelector .NormalStyle .ItemListContainer .ItemListTitle {
	height: 28px ; 
	line-height: 27px ; 
	margin: 0px 0px 0px 0px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPortalToolPanel/background/MenuBackground1x27.gif') repeat-x ;
}
.UIPortletOptions {
  background: #efefef;  
  border: solid 1px #bdbcbc ;
  border-right: solid 1px #929292 ;
  border-bottom: solid 1px #929292 ;
  padding: 5px;
  margin: 0px 10px;
}

.UIPortletOptions .UIVerticalSlideTabs {
  padding: 5px;
}

.UIPortletOptions .UIVerticalSlideTabs .NormalTab {
  margin: 5px 5px 0px 5px ;
}

.UIPortletOptions .UIVerticalSlideTabs .SelectedTab {
  margin: 5px 5px 0px 5px ;
}

.UIPortletOptions .UIVerticalSlideTabs .UIVTab .UIVTabContent {
  margin: 1px 6px 5px 6px ;
  padding: 10px 0px 9px 10px ;/* orientation=lt */
  border: solid 1px #a6a0a0 ;
  overflow: hidden;
}

.UIPortletOptions .CategoryContainer {
  border:solid 1px #b7b7b7; 
  background: white;
  overflow-y: auto;
  overflow-x: hidden;
}
.UIDescription {
  margin: 5px;
}

.UIDescription .DecoratorBox .DecoratorBackground{
  background: #efefef;
}

.UIDescription .DecriptionContainer {
  padding: 0px 8px;
}

.UIDescription .DescriptionContent {
  padding: 5px;
  border-top: 1px #bdbcbc solid; 
  border-left: 1px #bdbcbc solid; 
  border-right: 1px #929292 solid; 
  border-bottom: 1px #929292 solid; 
  background: #f2f2f2;
}

.UIDescription .DescriptionContentContainer {
  line-height: 18px;
  border-top: 1px #929292 solid;
  border-left: 1px #929292 solid;
  border-right: 1px #bdbcbc solid;
  border-bottom: 1px #bdbcbc solid;
  background: white;
}

.UIDescription .DescriptionContentMaxHeight {
  padding: 5px;
  height: 350px;
}
.UIChangeSkinForm {
}

.UIChangeSkinForm .UIItemSelector .RightColumnStyle .ItemListContainer {
	float: left;/* orientation=lt */
	width: 175px;
}

.UIChangeSkinForm .UIItemSelector .RightColumnStyle .ItemDetailList {
	margin: 0px 0px 0px 180px;/* orientation=lt */
	padding: 0px;
}

.UIChangeSkinForm .UIItemSelector .ItemDetail .TemplateContainer {
	padding-top: 25px;
}

.UIChangeSkinForm .UIItemSelector .TemplateContainer .DefaultImage {
	margin: auto;
	width: 329px; height:204px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIChangeSkinForm/background/ChangeSkinForm.jpg') no-repeat top;
	cursor: pointer ;
}

.UIChangeSkinForm .UIItemSelector .TemplateContainer .MacImage {
	margin: auto;
	width: 329px; height: 204px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIChangeSkinForm/background/ChangeSkinForm.jpg') no-repeat center -206px;
	cursor: pointer ;
}

.UIChangeSkinForm .UIItemSelector .TemplateContainer .VistaImage {
	margin: auto;
	width: 329px; height: 204px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIChangeSkinForm/background/ChangeSkinForm.jpg') no-repeat center -412px;
	cursor: pointer ;
}

.UIChangeSkinForm .UIItemSelector .ItemListContainer .ItemList {
background: white url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIChangeSkinForm/background/ItemListBg167x127.gif') no-repeat bottom ;
}

.UIChangeSkinForm .UITabPane .TabPaneContent .UITabContentContainer { 
	border: 1px solid #d4d4d4;
	border-top: none;
}

.UIChangeSkinForm .UITabPane .UITabContentContainer .UITabContent {
  border: 1px solid white;
  border-top: none;
}

.UIChangeSkinForm .UITabPane .TabPaneContent {
	padding: 0px;
}
.UIChangeLanguageForm {
}

.UIChangeLanguageForm .UIFormTabPane .TabPaneContent .UITabContentContainer {
}

.UIChangeLanguageForm .UIItemSelector .RightColumnStyle .ItemListContainer {
	float: left;/* orientation=lt */
	width: 175px;
}

.UIChangeLanguageForm .UIItemSelector .ItemListContainer .ItemList {
background: white url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIChangeLanguageForm/background/ItemListBg157x99.gif') no-repeat right bottom;
  border: 1px solid red;
}

.UIChangeLanguageForm .UIItemSelector .RightColumnStyle .ItemDetailList {
	margin: 0px 0px 0px 180px;/* orientation=lt */
}

.UIChangeLanguageForm .UIItemSelector .ItemDetail .TemplateContainer {
	padding-top: 10px;
}

.UIChangeLanguageForm .UIItemSelector .RightColumnStyle .ItemDetailList {
	padding: 0px;
}

.UIChangeLanguageForm .UIItemSelector .ItemDetailContainer {
	background: #ffffff;
	border: solid 1px #a4a4a4;
	padding: 6px; 
}

.UIChangeLanguageForm .UIItemSelector .RightColumnStyle .ItemDetailList .ItemDetail {
	border: solid 1px #d2d2d2;
	height: 227px;
	margin: 0px;
}

.UIChangeLanguageForm .ItemDetail .NormalItem {
	height: 24px;
	border-bottom: solid 1px #e9e7e7;
	cursor: pointer ;
	color: black;
}

.UIChangeLanguageForm .ItemDetail .NormalItem a:hover {
	color: blue;
}

.UIChangeLanguageForm .ItemDetail .SelectedItem {
	height: 24px;
	color: #f27e01;
	border-bottom: solid 1px #e9e7e7;
}

.UIChangeLanguageForm .ItemDetail .NormalItem .Icon {
	float: left;/* orientation=lt */
	height: 24px; width: 24px;
}

.UIChangeLanguageForm .ItemDetail .SelectedItem .Icon {
	float: left;/* orientation=lt */
	height: 24px; width: 24px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueCheckerIcon.gif') no-repeat center;/* orientation=lt */
}

.UIChangeLanguageForm .ItemDetail .NodeLabel {
	float: left;/* orientation=lt */
	line-height: 24px;
	text-align: left;/* orientation=lt */
}

.UIChangeLanguageForm .ItemDetail .PercentLabel {
	line-height: 24px;
	text-align: right;/* orientation=lt */
	padding-right: 20px;/* orientation=lt */
}

.UIChangeLanguageForm .UITabPane .TabPaneContent {
	padding: 0px;
}

.UIChangeLanguageForm .UITabPane .TabPaneContent .UITabContentContainer { 
	border: 1px solid #d4d4d4;
	border-top: none;
}
.UIChagnePortalForm {
  padding: 20px 15px 10px 15px; 
}

.UIChagnePortalForm .UITabPane .UITabContentContainer .UITabContent {
	padding: 5px 0px;
}

.UIChagnePortalForm #PortalSelector {
  width: 95%;
  margin: auto;
}

.UIChagnePortalForm .UITabPane .TabPaneContent {
	padding: 0px;
}

.UIChagnePortalForm .UITabPane .UITabContentContainer {
	border: 1px solid #D4D4D4;
	border-top: none;
}
.UIAccountSettingForm {
  padding: 5px;
}

.UIAccountSettingForm .ContentContainer {
  border: 1px solid #d4d4d4;
  border-top: none;
}

.UIAccountSettingForm .WorkingArea {
  padding: 10px 5px;
  height: 250px;
  border: 1px solid white;
  border-top: none;
}

.UIAccountSettingForm .UIHorizontalTabs {
  color: #202020; font-weight: normal;
  height: 30px;
}

.UIAccountSettingForm .UIHorizontalTabs .LeftHorizontalTabs {
  padding-left: 11px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIAccountSettingForm/background/HorizontalTabs.gif') no-repeat left -30px;
}

.UIAccountSettingForm .UIHorizontalTabs .RightHorizontalTabs {
  padding-right: 11px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIAccountSettingForm/background/HorizontalTabs.gif') no-repeat right -62px;
}

.UIAccountSettingForm .UIHorizontalTabs .CenterHorizontalTabs {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIAccountSettingForm/background/HorizontalTabs.gif') repeat-x top;
  cursor: pointer;
  padding: 0px 4px 0px 4px;
  height: 30px;
  line-height: 30px;
}

.UIAccountSettingForm .UIHorizontalTabs .UITab a.Icon {
	padding-left: 23px;/* orientation=lt */
	display: block;
	line-height: 26px;
}

.UIAccountSettingForm .UIHorizontalTabs .UITab .AccountProfiles {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIAccountSettingForm/background/HorizontalTabs.gif') no-repeat left -154px;
}

.UIAccountSettingForm .UIHorizontalTabs .UITab .ChangePass {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIAccountSettingForm/background/HorizontalTabs.gif') no-repeat left -177px;
}

.UIAccountSettingForm .UIHorizontalTabs .UITab .NormalTab a {
	font-weight: bold;
	color: gray; 
	margin-top: 2px;
}

.UIAccountSettingForm .UIHorizontalTabs .NormalTab .MiddleTab {
  cursor: pointer;
  padding: 0px 8px;
}

.UIAccountSettingForm .UIHorizontalTabs .UITab .HighlightTab a {
	font-weight: bold;
	color: #058ee6; 
	margin-top: 2px;
}

.UIAccountSettingForm .UIHorizontalTabs .UITab .SelectedTab a {
	font-weight: bold;
	color: #058ee6; 
	margin-top: 2px;
}

.UIAccountSettingForm .UIHorizontalTabs .SelectedTab .MiddleTab {
  line-height: 30px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIAccountSettingForm/background/HorizontalTabs.gif') repeat-x center -93px;
  cursor: pointer;
  padding: 0px 8px;
}

.UIAccountSettingForm .UIHorizontalTabs .LineSeparator {
  float: left;/* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIAccountSettingForm/background/HorizontalTabs.gif') no-repeat left -123px;
  height: 22px;  width: 2px;
  margin-top: 5px;
}

.UIAccountSettingForm .UITabPane .UITabContentContainer {
  border: 1px solid #d4d4d4;
  border-top: none;
}

.UIAccountSettingForm .UITabPane .UITabContentContainer .UITabContent {
	padding: 0px 13px 12px 13px;
}

.UIAccountSettingForm .UITabPane .UITabContentContainer .UIForm .FormContainer {
	padding-top: 16px;
}

.UIAccountSettingForm .UIAccountProfiles {
	border-top: 1px solid #d4d4d4;
}

.UIAccountSettingForm .UIAccountChangePass {
	border-top: 1px solid #d4d4d4;
}

.UIAccountSettingForm .UIForm .HorizontalLayout {
	border-top: 1px solid white;
	border-right: none;
	border-left: none;
	border-bottom: none;
	height: 165px;
	padding: 25px 0px;
}

.UIAccountSettingForm .UIForm .UIAction {
	padding-top: 18px;
}
.UIPortalSettingForm {
  margin: auto;
  padding: 30px 17px 30px 10px ;/* orientation=lt */
}

/*##############################- LoginBox Style-################################*/
.UIPortalSettingForm .PortalSettingContent {
	width: 540px;
	margin: auto;
}

.UIPortalSettingForm .PortalSettingContent .DecoratorBackground {
  background-color: white ;
  padding-top: 12px;
}

.UIPortalSettingForm .PortalSettingContent .TopLeftDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPortalSettingForm/background/RoundedBoxLeftTop24x35.gif') no-repeat left ;
  padding: 0px 0px 0px 24px ;
  border: 1px solid red;
  
}

.UIPortalSettingForm .PortalSettingContent .TopLeftDecorator .TopCenterDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPortalSettingForm/background/RoundedBoxCenterTop1x35.gif') repeat-x ;
  height: 35px;
  color: #1273df;
  font-size: 16px;
	line-height: 35px;
	padding: 0px 0px 0px 10px;
}

.UIPortalSettingForm .PortalSettingContent .TopLeftDecorator .TopRightDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPortalSettingForm/background/RoundedBoxRightTop13x35.gif') no-repeat right ;
  padding: 0px 13px 0px 0px ;
}

.UIPortalSettingForm .PortalSettingContent .MiddleLeftDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPortalSettingForm/background/RoundedBoxLeftMiddle128x130.gif') no-repeat left center;
  padding: 0px 0px 0px 128px ;
}

.UIPortalSettingForm .PortalSettingContent .MiddleRightDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPortalSettingForm/background/RoundedBoxRightMiddle12x1.gif') repeat-y right ;
  padding: 0px 12px 0px 0px ;
}

.UIPortalSettingForm .PortalSettingContent .BottomLeftDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPortalSettingForm/background/RoundedBoxLeftBottom86x12.gif') no-repeat left ;
  padding: 0px 0px 0px 86px ;
}

.UIPortalSettingForm .PortalSettingContent .BottomLeftDecorator .BottomCenterDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPortalSettingForm/background/RoundedBoxCenterBottom1x12.gif') repeat-x ;
  height: 12px;
}

.UIPortalSettingForm .PortalSettingContent .BottomLeftDecorator .BottomRightDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/customization/UIPortalSettingForm/background/RoundedBoxRightBottom12x12.gif') no-repeat right ;
  padding: 0px 12px 0px 0px ;
}
/* ============================End PortalSettingContent============================== */
.UIPortalSettingForm .PortalSettingContent .VerticalLayout {
	background: white;
	height: 110px;
	padding: 20px 0px 0px 20px;/* orientation=lt */
}

.UIPortalSettingForm .VerticalLayout .LanguageField {
	height: 25px;
}

.UIPortalSettingForm .VerticalLayout .SkinField {
	padding: 10px;
	height: 35px;
}

.UIPortalSettingForm .VerticalLayout label {
	padding: 0px 0px 5px 0px;
  width: 100px;
  text-align: right;/* orientation=lt */
	float: left;/* orientation=lt */
}

.UIPortalSettingForm .VerticalLayout .selectbox {
	float: left;/* orientation=lt */
  width: 205px; height: 20px;
  line-height: 18px;
  padding: 0px 0px 0px 5px;/* orientation=lt */
	font-size: 11px;
	margin-left: 5px;/* orientation=lt */
}

.UIPortalSettingForm .VerticalLayout .UIAction {
}
.UIPortlet {
	padding: 5px;
}

.UIPortlet .CONTROL-PORTLET {
}

.UIPortlet .CONTROL-PORTLET .Login {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/ToolIcons/Key.gif') no-repeat center;
}

.UIPortlet .CONTROL-PORTLET .DragControlArea {
  float: left;/* orientation=lt */
  width: 24px; height: 15px;
  margin: 4px 0px 0px 5px;/* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/DragBg2x2.gif');
  cursor: move;
}

.UIPortlet .ViewPortletIcon {
  float: left;/* orientation=lt */
  width: 16px; height: 16px; 
  margin: 3px 5px 0px 0px;/* orientation=lt */
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueBoxLight.gif') no-repeat;
  cursor: pointer;
}

.UIPortlet .EditPortletPropertiesIcon {
	float: right;/* orientation=lt */
	width: 22px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/ContainerIcon.gif') no-repeat top;
  margin: 4px 3px 2px 0px;
}

.UIPortlet .DeletePortletIcon {
	float: right;/* orientation=lt */
	width: 22px; height:16px; 
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/ContainerIcon.gif') no-repeat bottom;
  margin: 4px 4px 2px 0px;/* orientation=lt */
}

/*##############################- PortletLayoutDecorator  -################################*/
.PortletLayoutDecorator {
}

.PortletLayoutDecorator .TopLeft {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/PortletLayoutDecorator.gif') no-repeat left top;
  padding-left: 7px;
}

.PortletLayoutDecorator .TopMiddle {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/PortletLayoutDecorator.gif') repeat-x center -6px;
}

.PortletLayoutDecorator .TopRight {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/PortletLayoutDecorator.gif') no-repeat right top;
  padding-right: 7px;
}

.PortletLayoutDecorator .TopLeft .FixHeight {
	height: 6px;
}

.PortletLayoutDecorator .MiddleLeft {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/MiddlePortletLayout.gif') repeat-y left -22px;
  padding: 0px 0px 0px 7px;
}

.PortletLayoutDecorator .MiddleRight {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/MiddlePortletLayout.gif') repeat-y right -22px;
  padding-right: 7px;
}

.PortletLayoutDecorator .CenterBackground {
  background: white;
}

.PortletLayoutDecorator .GardientBackground {
  height: 64px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/LayoutCBg1x56.gif') repeat-x bottom;
  padding: 6px;
}

.PortletLayoutDecorator .BottomLeft {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/PortletLayoutDecorator.gif') no-repeat left -12px;
  padding-left:7px;
}

.PortletLayoutDecorator .BottomMiddle {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/PortletLayoutDecorator.gif') repeat-x center -17px;
}

.PortletLayoutDecorator .BottomRight {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/PortletLayoutDecorator.gif') no-repeat right -12px;
  padding-right: 7px;
}

.PortletLayoutDecorator .BottomLeft .FixHeight {
	height: 5px;
}
/*############### End Decorator ###################################################*/

.UIContainer {
	padding: 3px;
}

.LAYOUT-CONTAINER .UIContainer {
  height: 100%;
	/*
	 fix bug dragdrop in IE6
	*/
}


.UIContainer .LAYOUT-CONTAINER {
  background: #f5f5f5;
 	border: solid 1px #38acf3;
  padding: 5px;
  margin: 0px 1px;
  min-height: 60px;
}

* html .UIContainer .LAYOUT-CONTAINER {
	height: 60px;
}

.UIContainer .UIInfoBar .BlueRoundedStyle {
  padding: 0px; margin: 0px;
  height: 22px;
}

.UIContainer .CONTROL-CONTAINER .DragControlArea {
  float: left; /* orientation=lt */
  width: 24px; height: 15px; 
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/DragBg2x2.gif');
  cursor: move;
  margin: 4px 0px 0px 5px;/* orientation=lt */
}

.UIContainer .LAYOUT-CONTAINER  .UITableColumnContainer {
  background: none;
  border: none;
  margin: auto;
}

.UIContainer .EditContainerIcon {
	float: right;/* orientation=lt */
	width: 22px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/ContainerIcon.gif') no-repeat top;
  margin: 4px 2px 2px 0px;/* orientation=lt */
}

.UIContainer .DeleteContainerIcon {
	float: right; /* orientation=lt */
	width: 22px; height:16px; 
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/ContainerIcon.gif') no-repeat bottom;
  margin: 4px 4px 2px 0px; /* orientation=lt */
}

.UIContainer .ContainerIcon {
	float: left; /* orientation=lt */
  width: 18px; height: 16px;
  margin: 4px 0px 0px 5px; /* orientation=lt */
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DefaultContainerIcon.gif') no-repeat;
}

.UIPortal .LAYOUT-PORTAL {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/PortalBackground4x4.gif');
  padding: 8px;
  margin: auto;
}

.DragAndDropPreview {
  width: auto; height: 80px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/DragAndDropPreview4x4.gif');
  border: 1px solid #c4c4c4;
  margin: 0px 12px 10px 12px;
}

/*##############################-Page Layout Decorator-################################*/
.UIPageBody .PageLayoutDecorator  {
  padding: 0px;
  margin: 0px 2px auto 2px;
}

.UIPageBody .PageLayoutDecorator .MiddlePageBG {
  background: white;
	height: 80px; 
}

.UIPageBody .PageLayoutDecorator .TopLeftPage {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/ViewPage.gif') no-repeat left -113px;
  padding: 0px 0px 0px 143px; /* orientation=lt */
}

.UIPageBody .PageLayoutDecorator .TopRightPage {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/ViewPage.gif') no-repeat right -226px;
  padding: 0px 47px 0px 0px;  /* orientation=lt */
}

.UIPageBody .PageLayoutDecorator .TopCenterPage {
  height: 112px; line-height: 98px;  
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/ViewPage.gif') repeat-x center top;
  color: #525252; text-align: center;
  font-weight: bold;
  padding: 0px; white-space: nowrap;
}

.UIPageBody .PageLayoutDecorator .MiddleLeftPage {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/ViewPageRepeat.gif') repeat-y left;
  padding: 0px 0px 0px 22px; /* orientation=lt */
}

.UIPageBody .PageLayoutDecorator .MiddleRightPage {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/ViewPageRepeat.gif') repeat-y right;
 padding: 0px 23px 0px 0px; /* orientation=lt */
}

.UIPageBody .PageLayoutDecorator .BottomLeftPage {  
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/ViewPage.gif') no-repeat left -378px;
  padding: 0px 0px 0px 46px; /* orientation=lt */
}

.UIPageBody .PageLayoutDecorator .BottomRightPage {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/ViewPage.gif') no-repeat right -378px;
  padding: 0px 35px 0px 0px;  /* orientation=lt */
}

.UIPageBody .PageLayoutDecorator .BottomCenterPage {
  line-height: 38px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPage/background/ViewPage.gif') repeat-x center -339px;
}

.UIPageBody .PageLayoutDecorator .BottomCenterPage .FixBug {
  height: 38px;   
}

.UIPage {
  width: 99.8%;
  *width: auto;
}

.UIPage .UIRowContainer {
	padding: 1px;
}

.UIPage .VIEW-PAGE {
  padding: 0px;
}

.UITabContainer {
	padding: 7px;
}

.UITabContainer .HorizontalLayout {
	border: 1px solid #b7b7b7;
	border-top: none;
	background: #ffffff;
}

.UITabContainer .UITabContentContainer .UITabContent {
	padding: 5px;
}

.UITabContainer a.TabLabel {
	padding: 0px 10px 0px 2px; /* orientation=lt */
	line-height: 22px; 
}

.UITabContainer .EditIcon {
	float: left; /* orientation=lt */
	_float: none;
}

.UITabContainer .UIHorizontalTabs .UITab {
	height: 24px; 
}

.UITabContainer .SelectedTab .EditIcon {
	width: 16px; height: 24px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SelectedEditTab.gif') no-repeat center; /* orientation=lt */
}

.UITabContainer .NormalTab .EditIcon {
	margin: 0px 8px 0px 2px; /* orientation=lt */
	width: 16px; height: 24px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/NormalEditTab.gif') no-repeat center; /* orientation=lt */
}
.UIWidgets {
	padding: 10px 0px 0px 0px;
}

.UIWidgets .ItemSelectorContainer .EditIcon {
	float: left;/* orientation=lt */
	width: 20px; height: 21px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/WidgetControlIcon.gif') no-repeat top;
	cursor: pointer;
	margin: 2px 0px;
}

.UIWidgets .ItemSelectorContainer .UIDropDownControl {
	width: 215px ;
	float: left;/* orientation=lt */
	margin-top: 2px;
}

.UIWidgets .WidgetDecorator {
	width: 236px;
}

.UIWidgets .WidgetDecorator .TopLeftWidgetsDecorator {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif) no-repeat top left;
	padding-left: 2px;
	height: 2px;
}

.UIWidgets .WidgetDecorator .TopRightWidgetsDecorator {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif) no-repeat top right;
	padding-right: 2px;
	height: 2px;
}

.UIWidgets .WidgetDecorator .TopCenterWidgetsDecorator {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif) repeat-x center -2px;
	height: 2px;	
}

.UIWidgets .WidgetDecorator .MiddleLeftWidgetsDecorator {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/MiddleLeftUIWidgets.gif) repeat-y left;
	padding-left: 2px;
}

.UIWidgets .WidgetDecorator .MiddleRightWidgetsDecorator {
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/MiddleRightUIWidgets.gif) repeat-y right;
	padding-right: 2px;
}

.UIWidgets .WidgetDecorator .MiddleCenterWidgetsDecorator {
}

.UIWidgets .WidgetDecorator .WidgetsDecoratorBackground {
	padding: 5px;
}

.UIWidgets .WidgetDecorator .BottomLeftWidgetsDecorator{
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif) no-repeat left -4px;
	padding-left: 2px;
	height: 2px; 
}

.UIWidgets .WidgetDecorator .BottomRightWidgetsDecorator{
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif) no-repeat right -4px;
	padding-right: 2px;
	height: 2px; 
}

.UIWidgets .WidgetDecorator .BottomCenterWidgetsDecorator{
background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif) repeat-x center -6px;
	height: 2px; 
}

/***************************************  UIWidgetContainer   **************************************/
.UIWidgetContainer {
}

.UIWidgetContainer .WidgetContainerScrollArea {
	overflow: hidden ;	
}

.UIWidgetContainer .WidgetNavigator {
	height: 27px;
	width: 75px;
	float: right;/* orientation=lt */
}

.UIWidgetContainer .LeftWidgetNavBar {
	height: 25px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif') no-repeat left -8px;
	padding-left: 4px;	
}

.UIWidgetContainer .RightWidgetNavBar {
	height: 25px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif') no-repeat right -8px;
	padding-right: 4px;	
}

.UIWidgetContainer .CenterWidgetNavBar {
	height: 25px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif') repeat-x center -33px;
}

.UIWidgetContainer .WidgetNavigator .Icon {
	height: 16px;
	width: 16px;
	float: left;/* orientation=lt */
	margin: 4px 0px 0px 4px;/* orientation=lt */
	cursor: pointer;
}	

.UIWidgetContainer .WidgetNavigator .DisableScrollDownButton{
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayDownArrow.gif') no-repeat center;
}

.UIWidgetContainer .WidgetNavigator .ScrollDownButton{
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueDownArrow.gif') no-repeat center;
}

.UIWidgetContainer .WidgetNavigator .ScrollUpButton{
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueUpArrow.gif') no-repeat center;
}

.UIWidgetContainer .WidgetNavigator .DisableScrollUpButton{
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayUpArrow.gif') no-repeat center;
}

.UIWidgetContainer .WidgetNavigator .AddWidgetButton{
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/WidgetControlIcon.gif') no-repeat left -21px;
}

/***************************************  UIWidget   **************************************/

.UIWidget .WidgetControlBar {
  float: right;/* orientation=lt */
	width: 76px; height: 20px;
	padding-right: 7px;/* orientation=lt */
}

.UIWidget .WidgetControl {
	width: 74px; height: 20px;
}

.UIWidget .WidgetApplication {
	padding: 0px 0px 5px 0px;
}

.UIWidget .WidgetControl .LeftControlBar {
	height: 19px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif') no-repeat left -58px;
	padding-left: 2px;
}

.UIWidget .WidgetControl .RightControlBar{
	height: 19px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif') no-repeat right -58px;
	padding-right: 2px;
}

.UIWidget .WidgetControl .CenterControlBar{
	height: 19px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/UIWidgets.gif') repeat-x bottom;
}

.UIWidget .WidgetControl .WidgetDragHandleArea {
	float: left;/* orientation=lt */
	width: 17px; height: 13px;
	cursor: move;
	margin: 3px 3px 0px 3px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/WidgetDragArea2x2.gif');
}

.UIWorkspacePanel .UIWidget .WidgetControl .WidgetDragHandleArea {
	cursor: auto;
}

.UIWidget .WidgetControl .SeparatorLine {
	float: left;/* orientation=lt */
	width: 2px; height: 13px;
	margin: 3px 3px 0px 3px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/SeparatorLine2x1.gif') repeat-y;
}

.UIWidget .WidgetControl .EditWidgetIcon {
	float: left;/* orientation=lt */
	width: 16px; height: 16px;
	cursor: pointer;
	margin: 2px 3px 0px 0px;/* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/WidgetControlIcon.gif') no-repeat left -37px;
}

.UIWidget .WidgetControl .CloseWidgetIcon {
	float: left;/* orientation=lt */
	width: 16px; height: 16px;
	cursor: pointer;
	margin: 2px 0px 0px 0px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/WidgetControlIcon.gif') no-repeat left bottom;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/WidgetControlIcon.gif') no-repeat right bottom;
}

/***************************************  UIGadget   **************************************/

.UIGadget {
	margin: 3px 0px;
}

.UIGadget .GadgetMenuBar {
	height: 20px;
}

.UIGadget .GadgetControl {
  float: right; /* orientation=lt */
	width: 100px; height: 20px;
	padding-right: 6px; /* orientation=lt */
}

.UIGadget .GadgetControl .LeftControlBar {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png') no-repeat left top;
	padding-left: 23px; /* orientation=lt */
}

.UIGadget .GadgetControl .RightControlBar{
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png') no-repeat right top;
	padding-right: 4px; /* orientation=lt */
}

.UIGadget .GadgetControl .CenterControlBar{
	height: 19px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png') repeat-x center -19px;
}

.UIGadget .GadgetControl .GadgetDragHandleArea {
  float: right; /* orientation=lt */
	width: 13px; height: 13px;
	cursor: move;
	margin: 3px 3px 0px 3px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png') left -78px;
}

.UIGadget .GadgetControl .IconControl {
background-image: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png');
	background-position: no-repeat;
	float: right; /* orientation=lt */
	height: 13px;
	width: 13px;
	margin: 3px;
	cursor: pointer;
}

.UIGadget .GadgetControl .CloseGadget {
	background-position: right -91px;
}

.UIGadget .GadgetControl .MinimizeGadget {
	background-position: left -91px;
}

.UIGadget .GadgetControl .RestoreGadget {
	background-position: left -104px;
}

.UIGadget .GadgetControl .EditGadget {
	background-position: right -78px;
}

.UIGadget .TLGadget {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png') no-repeat left -38px;
	padding-left: 8px;
}

.UIGadget .TRGadget {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png') no-repeat right -38px;
	padding-right: 8px;
}

.UIGadget .TCGadget {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png') repeat-x center -43px;
	height: 5px;
}

.UIGadget .MLGadget {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/MiddleGadget.png') repeat-y left;
	padding-left: 6px;
}

.UIGadget .MRGadget {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/MiddleGadget.png') repeat-y right;
	padding-right: 6px;
}

.UIGadget .MCGadget {
	background: white;
}

.UIGadget .BLGadget {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png') no-repeat left -58px;
	padding-left: 9px;
}

.UIGadget .BRGadget {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png') no-repeat right -68px;
	padding-right: 9px;
}

.UIGadget .BCGadget {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIGadget/background/Gadget.png') repeat-x center -48px;
	height: 10px;
}

.UIControlWorkspace .UIGadget iframe {
	width: 210px ;
}
.UIDashboardPortlet {
	height: 100%;
}

.UIWindow .UIDashboard {
	border: none;
	margin: 0px;
}

.UIDashboard {
	border: 1px solid #b7b7b7;
	margin: 5px;
background: white url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/BgRepeat.gif') repeat-y top left;
	height: 100%;
}

.UIDashboard .DashboardContainer {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/BgBottom.gif') no-repeat bottom left;
	height: 100%;
}

.UIDashboard .GadgetTitle {
	float: left; /* orientation=lt */
	padding: 0px 5px;
	color: #5b5b5b;
	font-weight: bold;
	cursor: move;
	overflow: hidden;
	white-space: nowrap;
}

.UIDashboard .UIDashboardEditForm {
	background: white;
	padding: 10px;
}

/*----------------------UIGadgetsSelectorForm-------------------*/
.UIDashboardSelectContainer {
	float: left; /* orientation=lt */
	width: 209px;
	height: 100%;
}

.UIDashboardSelectContainer .DashboardControlBar {
	height: 23px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Dashboard.gif') repeat-x top;
	border-bottom: 1px solid #b7b7b7;
}

.UIDashboardSelectContainer .TitleBar {
	color: black;
	font-weight: bold;
	line-height: 23px;
	float: left; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
}

.UIDashboardSelectContainer .CloseIcon {
	float: right; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Dashboard.gif') no-repeat left -180px;
	height: 20px;
	width: 20px;
}

.UIDashboardSelectContainer .DashboardItemContainer {
}

.UIDashboardSelectContainer .DashboardItemContainer .InputContainer {
	padding: 2px;
	background: #ececec;
}

.UIDashboardSelectContainer .DashboardItemContainer .InputContainer input {
	margin: 0 3px 0 0;
	font-size: 11px; width: 170px;
}

.UIDashboardSelectContainer .DashboardItemContainer .GadgetItemsContainer {
	border-top: 1px solid #b7b7b7;
	font-weight: bold;
}

.UIDashboardSelectContainer .DashboardItemContainer .TopItemContainer {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Dashboard.gif') repeat-x center -37px;
	height: 11px;
	padding: 1px;
	border-bottom: 1px solid #b7b7b7;
	display: none;
}

.UIDashboardSelectContainer .DashboardItemContainer .UpArrowIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Dashboard.gif') repeat-x center -98px;
	height: 11px; width: 15px;
	margin: auto;
	cursor: pointer;
}

.UIDashboardSelectContainer .DashboardItemContainer .DisableArrowIcon {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
}

.UIDashboardSelectContainer .DashboardItemContainer .MiddleItemContainer {
	overflow: hidden;
}
	
.UIDashboardSelectContainer .DashboardItemContainer .BottomItemContainer {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Dashboard.gif') repeat-x center -37px;
	height: 11px;
	padding: 1px;
	border-top: 1px solid #b7b7b7;
	display: none;
}

.UIDashboardSelectContainer .DashboardItemContainer .DownArrowIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Dashboard.gif') repeat-x center -114px;
	height: 11px; width: 15px;
	margin: auto;
	cursor: pointer;
}

.UIDashboardSelectContainer .DashboardItemContainer .DisableContainer {
background:	url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Dashboard.gif') repeat-x center -23px;
}

.UIDashboardSelectContainer .DashboardItemContainer .GadgetCategory {
	padding: 5px 10px;
	text-transform: capitalize;
}

.UIDashboardSelectContainer .GadgetCategory .GadgetTab .LeftCategoryTitleBar {
	padding-left: 8px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Catalogue.gif') no-repeat left top;
}

.UIDashboardSelectContainer .GadgetCategory .GadgetTab .RightCategoryTitleBar {
	padding-right: 8px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Catalogue.gif') no-repeat right top;
}

.UIDashboardSelectContainer .GadgetCategory .GadgetTab .MiddleCategoryTitleBar {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Catalogue.gif') repeat-x center -26px;
	height: 26px;
}

.UIDashboardSelectContainer .GadgetCategory .GadgetTab .ArrowIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Catalogue.gif') no-repeat left -102px;
	line-height: 26px;
	overflow: hidden;
	padding-left: 18px; /* orientation=lt */
	color: #286f9b;
}

.UIDashboardSelectContainer .GadgetCategory .SelectedTab .ArrowIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Catalogue.gif') no-repeat left -76px;
}

.UIDashboardSelectContainer .GadgetCategory .ItemsContainer {
	border: 1px solid #a2c2e2;
	padding: 0px 1px;
	margin-top: 2px;
}

.UIDashboardSelectContainer .GadgetCategory .UIGadget {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Catalogue.gif') repeat-x left -52px;
	margin: 2px 0px;
	height: 24px;
	line-height: 24px;
	color: #7d7d7d;
	padding: 0px 5px;
}

.UIDashboard .UIDashboardSelectContainer .GadgetTitle {
	width: 150px;	
	float: none;
}

/*----------------------UIGadgetsContainer-------------------*/

.UIDashboard .UIGadget .GadgetControl {
	float: none;
	padding: 0px;
	height: auto; width: auto;
}

.UIDashboard .UIGadget .GadgetControl .LeftControlBar {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Dashboard.gif') no-repeat left -51px;
	padding: 0px 0px 0px 3px;
}

.UIDashboard .UIGadget .GadgetControl .RightControlBar {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Dashboard.gif') no-repeat right -51px;
	padding: 0px 3px 0px 0px;
}

.UIDashboard .UIGadget .GadgetControl .CenterControlBar {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Dashboard.gif') repeat-x center -73px;
	height: 22px;
	line-height: 22px;
}

.UIDashboard .UIGadget .GadgetControl .GadgetDragHandleArea {
	display: none;
}	

.UIDashboard .UIGadget .TLGadget {
	display: none;
}

.UIDashboard .UIGadget .MLGadget {
	background: none;
	border: 1px solid #81a7c6;
	border-top: none;
}

.UIDashboard .UIGadget .MRGadget {
	background: none;
}

.UIDashboard .UIGadget .BLGadget {
	display: none;
}

/*------------------UIDashboardContainer----------------*/

.UIDashboardContainer {
	background: white;
	height: 100%;
}

.UIDashboard .UIDashboardContainer .GadgetTitle {
	width: 230px;	
}

.UIDashboardContainer .GadgetContainer {
	overflow: auto;
	height: 100%;
//	min-height: 400px;
}

/**html .UIDashboardContainer .GadgetContainer {
	height: 400px;
}*/

.UIDashboardContainer .GadgetContainer .ContainerControlBarL {
	padding: 5px 10px;
}

.UIDashboardContainer .ContainerControlBarL .AddIcon {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIDashboard/background/Dashboard.gif') no-repeat left -200px;
	padding-left: 30px; /* orientation=lt */
	font-weight: bold; font-size: 12px;
	display: block;
	line-height: 22px;
}

.UIDashboardContainer .GadgetContainer .AddIcon a {
	text-decoration: underline;
	color: #292929;
	cursor: pointer;
}

.UIDashboardContainer .GadgetContainer .AddIcon a:hover {
	text-decoration: none;
}

.GadgetContainer .UIColumns {
}

.GadgetContainer .UIColumn {
	float: left; /* orientation=lt */
	width: 325px;
	padding: 2px 0px;
}

.UIDashboardContainer .UIGadget {
	margin: 0px 5px 10px 5px;
	width: 320px;
}
.UIDashboardContainer .UIGadget .GadgetMenuBar{
	text-align: left; /* orientation=lt */
}

.UIDashboardContainer .UITarget {
	border: 2px dashed red;
	margin: 0px 5px 10px 5px;
}

.UIDashboard .Dragging {
	margin: 3px 0px 0px 3px; /* orientation=lt */
}

.UIUserSpace {
	padding: 0px 7px;
}
.UILoginForm {	
	margin: auto;
	padding: 30px 17px 30px 10px; /* orientation=lt */
	background: #f5f5f5;
}

/*##############################- LoginBox Style-################################*/
.UILoginForm .LoginDecorator {
	width: 540px;
	margin: auto;
}

.UILoginForm .LoginDecorator .LoginDecoratorBackground {
	background-color: white;
	padding-top: 12px;
}

.UILoginForm .LoginDecorator .TopLeftLoginDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Login.gif') no-repeat left top;
	padding: 0px 0px 0px 31px; /* orientation=lt */
}

.UILoginForm .LoginDecorator .TopCenterLoginDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Login.gif') repeat-x center -35px;
	height: 35px;
}

.UILoginForm .LoginDecorator .TopCenterLoginDecorator .SigninTitle {
	color: #1273df;
	font-size: 16px;
	line-height: 28px;
	padding: 4px 0px 0px 20px; /* orientation=lt */
}

.UILoginForm .LoginDecorator .TopRightLoginDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Login.gif') no-repeat right top;
	padding: 0px 13px 0px 0px; /* orientation=lt */
}

.UILoginForm .LoginDecorator .MiddleLeftLoginDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Repeat-yLogin.gif') no-repeat left center;
	padding: 0px 0px 0px 136px; /* orientation=lt */
}

.UILoginForm .LoginDecorator .MiddleRightLoginDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Repeat-yLogin.gif') repeat-y right;
	padding: 0px 6px 0px 0px; /* orientation=lt */
}

.UILoginForm .LoginDecorator .BottomLeftLoginDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Login.gif') no-repeat left -83px;
	padding: 0px 0px 0px 31px; /* orientation=lt */
}

.UILoginForm .LoginDecorator .BottomCenterLoginDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Login.gif') repeat-x center -70px;
	height: 13px;
}

.UILoginForm .LoginDecorator .BottomRightLoginDecorator {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Login.gif') no-repeat right -83px;
	padding: 0px 13px 0px 0px; /* orientation=lt */
}
/* ============================End LoginDecorator============================== */
/*
 * minh.js.exo
 * 4h44 07/08/2007
 * fix bug : hidden cursor in form login
 */
.UILoginForm .LoginDetailBox .UIForm {
	overflow: auto;
}
							
.UILoginForm .LoginDetailBox .UserNameField {
	padding: 12px 0px 5px 0px;
	width: 305px;
	margin: auto;
	text-align: right; /* orientation=lt */
}

.UILoginForm .LoginDetailBox .PasswordField {
	padding: 5px;
	width: 305px;
	margin: auto;
	text-align: right; /* orientation=lt */
}

.UILoginForm .LoginDetailBox .CheckField {
	height: 20px;
	margin: 4px auto;
	padding-left: 140px; /* orientation=lt */
}

.UILoginForm .LoginDetailBox .CheckField input {
	float: left;
	width: 20px;
	border: none;
	font-size: 11px;
}

.UILoginForm .LoginDetailBox .CheckField .RememberLoginTitle {
	float: left; /* orientation=lt */
	margin-left: 2px; /* orientation=lt */
	line-height: 20px;
}

.UILoginForm .LoginDetailBox .ForgetPass {
	padding-left: 150px; /* orientation=lt */
}

.UILoginForm .LoginDetailBox .ForgetPass a {
	color: orange;
}

.UILoginForm .LoginDetailBox label {
	font-weight: bold;
	padding-right: 4px; /* orientation=lt */
}

.UILoginForm .LoginDetailBox .UserNameField input {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Login.gif') no-repeat left -96px;
	width: 180px; height: 18px;
	line-height: 18px;
	border: solid 1px #b7b7b7;
	padding: 0px 0px 0px 22px; /* orientation=lt */
	cursor: text;
}

.UILoginForm .LoginDetailBox .PasswordField input {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UILoginForm/background/Login.gif') no-repeat left -114px;
	width: 180px; height: 18px;
	line-height: 18px;
	border: solid 1px #b7b7b7;
	padding: 0px 0px 0px 22px; /* orientation=lt */
	cursor: text;
}

.UILoginForm .UIForm .VerticalLayout .UIAction {
	padding: 15px 0px 15px 75px; /* orientation=lt */
}
.UIWelcomeComponent {
}

.UIWelcomeComponent .WelcomeMessage {
  float: left ;
}

.UIWelcomeComponent .ItemSelectorContainer .UIDropDownControl {
}

.UIWelcomeComponent .OrangeMessage {
  color: #fa8006 ;
  font-weight: bold ;
}

.UIWelcomeComponent .LoginDetailBox {
  border: solid 1px #b7b7b7 ;
  padding: 10px ; 
}
  .UIWidgetContainerManagement {
	padding: 15px 15px 5px 15px;
}

.UIWidgetContainerManagement .ContainerManagementBlock {
	border: 1px solid #d4d4d4;
  border-top: none;
}

.UIWidgetContainerManagement .ContainerManagementDetail {
	border: 1px solid #ffffff;
  border-top: none;
  padding: 5px; 
  background: #f7f7f7;
}

.UIWidgetContainerManagement .CategoryTitleBar {
	height: 25px;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UIWidgetContainerManagement/background/BgCategoryTitle1x25.gif') repeat-x;
	border-bottom: 1px #b7b7b7 solid;
	padding: 0px 5px 0px 0px;/* orientation=lt */
}

.UIWidgetContainerManagement .CategoryTitleBar .Title {
	float: left;/* orientation=lt */
	line-height: 25px;
	padding-left: 10px;/* orientation=lt */
	color: #424242; font-weight: bold;
}

.UIWidgetContainerManagement .Icon {
	float: right;/* orientation=lt */
	width: 16px; height: 16px;
	margin: 4px 4px;;
}

.UIWidgetContainerManagement .AddContainer {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueCirclePlus.gif');
}

.UIWidgetContainerManagement .EditContainer {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/EditIcon.gif');
}

.UIWidgetContainerManagement .RemoveContainer{
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat center;
}

.UIWidgetContainerManagement .CategoryTitle {
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/widget/UIWidgetContainerManagement/background/HLineSeparator193x1.gif') no-repeat left bottom ;
	padding: 8px 0px 4px 10px;/* orientation=lt */
}

.UIWidgetContainerManagement .ContainerList {
	padding: 5px;
}

.UIWidgetContainerManagement .ContainerList .EmptyListMessage {
	padding: 10px;
	color: #797979;
}

.UIWidgetContainerManagement .ContainerList .NormalItem {
	cursor: pointer ;
	color: #000000;
	text-decoration: none;
	line-height: 21px;
	padding-left: 24px;/* orientation=lt */
}

.UIWidgetContainerManagement .ContainerList .SelectedItem {
	cursor: pointer ;
	color: #058ee6;
	text-decoration: none;
	line-height: 21px;
	background: #dbdef5 url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueCheckerIcon.gif') no-repeat 5px 3px;/* orientation=lt */
	padding-left: 24px;/* orientation=lt */
}

.UIWidgetContainerManagement .ContainerList a:hover {
	color: #058ee6;
}

/*===================== Begin the Widget Container Category ==========================*/

.UIWidgetContainerManagement .ContainerManagementDetail .WidgetContainerCategory {
	float: left;/* orientation=lt */
	width: 252px; height: 275px;
	background: white; 
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #b7b7b7;
}

/*===================== Begin the Widget Container View ==========================*/
.UIWidgetContainerManagement .ContainerManagementDetail .WidgetContainerView {
	margin-left: 260px;/* orientation=lt */
	border: 1px #b7b7b7 solid;
}

.UIWidgetContainerManagement .ContainerManagementDetail .WidgetContainerView .WidgetContainerDetail {
  height: 275px;
	overflow-x: hidden;
	overflow-y: auto;
	background: #ffffff;
}

.UIWidgetContainerManagement .ContainerManagementDetail .ContainerDetail {
	padding: 10px 10px 0px 0px;/* orientation=lt */
	width: 90%;
}

.UIWidgetContainerManagement .ContainerManagementDetail .Empty {
	color: #797979;
	width: 100%;
	line-height: 20px;
	text-align: center;	
	padding: 20px 0px;	
}

.UIWidgetContainerManagement .ContainerManagementDetail .HeadTitle {
	color: #4b4b4b;
	font-weight: bold;
	padding: 5px 0px 0px 8px;/* orientation=lt */
	text-align: center;
}

.UIWidgetContainerManagement .WidgetContainerView .RemoveContainerAction{
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat left center;/* orientation=lt */
	padding:0px 55px 0px 23px;/* orientation=lt */
	height: 22px; line-height: 22px;
	float: right;/* orientation=lt */
	color: #000000;
	display: block; cursor: pointer;
}

.UIWidgetContainerManagement .WidgetContainerView .InfoContent {
	padding: 20px 0px 20px 0px ;
	margin: auto;
	width: 99.9%;
}

.UIWidgetContainerManagement .WidgetContainerView .InfoContent .Label {
	width: 150px;
	text-align: right;/* orientation=lt */
	line-height: 20px;
	float: left;/* orientation=lt */
}

.UIWidgetContainerManagement .WidgetContainerView .InfoContent .FieldComponent {
	margin-left: 155px;	/* orientation=lt */
	line-height: 20px;
	color: #058ee6;
	font-size: 12px;
}

.UIWidgetContainerManagement .WidgetContainerView .Detail .InfoContent .FieldComponent {
	/*modified by tan.pham.dinh
	 * to break long string (container description) in widget containers management in IE6+
	 */
	*word-wrap: break-word;
}
div {
	padding:	0px ; margin: 0px ;
	outline: none;
}

table {
  width: 100% ;
	padding: 0px ; margin: 0px ;
	border-spacing:	0px ;
	border-collapse: collapse ;
}

th, td {
	padding: 0px ; margin: 0px ;
	vertical-align: top;
}

img {
	padding: 0px ; margin: 0px ; border: none ; vertical-align: middle;
}

form {
	padding: 0px ; margin: 0px ;
}

html {
	margin: 0px ; padding: 0px;
	*overflow-x: hidden;
}

body {
	background: #ebedf2;
	margin: 0px ; padding: 0px;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif ;
	font-size: 11px;
	overflow-x: hidden;
}

a {
	text-decoration: none;
	color: black;
}
/*###############################################################################################*/
.OverflowContainer {
	overflow: hidden;
	width: 100%;
}

.LeftBlock {
	float: left;		/* orientation=lt */
}

.RightBlock {
	float: right;		/* orientation=lt */
}

.InlineContainer {
	overflow: hidden;
}

.InlineLeft {
	float:left;
}

.InlineRight {
	float:right;
}

.AjaxLoadingMask {
  width: 180px; height: 110px;
  background: white;
  border: 1px solid #66667e;
  padding: 1px;
}

.AjaxLoadingMask .LoadingContainer {
  height: 108px;
  background: #ffffff;
  border: solid 1px #a8a9bb;
}

.AjaxLoadingMask .LoadingText {
  text-align: center;
  padding: 10px 0px 5px 0px;
}

.AjaxLoadingMask .LoadingProgressBar {
  width: 32px ; height: 40px ;
background: url('/eXoResources/skin/DefaultSkin/portal/webui/component/../../../background/LoadingProgress.gif') no-repeat center ;
  margin: auto ;
}

.AjaxLoadingMask .UIAction .ActionButton{
  float: none;
}

.FloatLeft {
	float: left; /* orientation=lt */
}

.FloatRight {
	float: right; /* orientation=lt */
}

.ClearLeft {
  clear: left; /* orientation=lt */
}

.ClearRight {
  clear: right; /* orientation=lt */
}

.ClearBoth {
  clear: both;
}
.Next16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueNextArrow.gif') ;
}

.BCHome16x16Icon {	
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Home.gif') ;
}

.DownArrow1Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueDownArrow.gif') no-repeat right;
}

.NextArrow1Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueNextArrow.gif') no-repeat right;
}

.RightBlackGridArrow16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BreadcumbsArrowIcon.gif') ;
}

.DefaultContainer16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueContainer.gif') ;
}

.AddNewNodeIcon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueCirclePlus.gif') ;
}

.BlueCirclePlusIcon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueCirclePlus.gif') ;
}

.SelectPage16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/SelectPage.gif') ;
}

.PermissionSettingIcon {
  width: 17px ; height: 17px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/PermissionSetting.gif') no-repeat center;
}

.PreviewIcon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/LightBulbOn.gif') ;
}

.SaveIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/FloppyDisk.gif') ;
}

.OrangeBoxPage16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiniOrangeBoxPage.gif') ;
}

.CancelIcon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Cancel.gif') ;
}

.AddPage16x16Icon{
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/AddPage.gif') ;
}

.GreenArrowPage16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/GreenRightArrowPage.gif') ;
}

.GreenPlusPage16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/GreenPlusPage.gif') ;
}

.SelectPageIcon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/SelectIcon.gif') ;
  margin: auto;
}

.SelectPortalIcon {
  width: 16px ;  height: 16px ; margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/SelectIcon.gif') ;
}

.SearchIcon {
  width: 16px ;  
  height: 16px ; 
  margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/SearchIcon.png') no-repeat left;
}

.DeletePortalIcon {
  width: 16px ;  height: 16px ; margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/DustBin.gif') ;
}

.OnLightPage16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OrangeLightPage.gif') ;
}

.Save16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/FloppyDisk.gif') ;
}

.Cancel16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/RedCrossCircle.gif') ;
}

.Close16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/RedCrossCircle.gif') ;
}

.Refresh16x16Icon {
  width: 18px ;  height: 18px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/RefreshIcon.gif') ;
}

.Update16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Refresh.gif') ;
}

.Back16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueBackArrow.gif') ;
}

.Copy16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/CopyIcon.gif') ;
}

.CloseFolder16x16Icon {
	width: 16px ;	height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/CloseFolder.gif') ;
}

.OpenFolder16x16Icon {
	width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OpenFolder.gif') ;
}

.Pencil16x16Icon {
	width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Pencil.gif') ;
}

.DustBin16x16Icon {
	width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/DustBin.gif') ;
}

.Level116x16Icon {
	width: 16px ;	height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/SmallArrowBox.gif') ;
}

.Level216x16Icon {
	width: 16px ;	height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueSquare.gif') ;
}

.Level316x16Icon {
	width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/GreenMiniBox.gif') ;
}

.CircleInfo16x16Icon {
	width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/CircleInfo.gif') ;
}

.Lock16x16Icon {
	width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Lock.gif') ;
}

.PastePalate16x16Icon {
	width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/PastePalate.gif') ;
}

.BlueNote16x16Icon {
	width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueNote.gif') ;
}

.DoublePaper16x16Icon {
	width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/DoublePaper.gif') ;
}

.LoadingInfo16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/LoadingInfo.gif') ;
}

.ScissorsEraser16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ScissorsEraser.gif') ;
}

.ScissorsEraserWarning16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ScissorsEraserWarning.gif') ;
}

.OrangeNote16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OrangeNote.gif') ;
}

/********************* Icon PortletIcon************************************/

.PortletIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Earth.gif') no-repeat center;
}

.Organization {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Earth.gif') no-repeat center;
}

.Fast {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/EditIcon.gif') no-repeat center;
}

.Account {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserAccount.gif') no-repeat center;
}

.Registry-Portlet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/RegistryPortlet.gif') no-repeat center;
}

.Site {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/SiteMap.gif') no-repeat center;
}

.Login {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Key.gif') no-repeat center;
}

.Mail {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Email.gif') no-repeat center;
}

.Forum {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ForumIcon.gif') no-repeat center;
}

.ECMAdminIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ECMAdmin.gif') no-repeat center;
}

.ExplorerIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/JCRExplorer.gif') no-repeat center;
}

.Dialog {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/DialogIcon.gif') no-repeat center;
}

.Browse{
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BrowseContent.gif') no-repeat center;
}

.Workflow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/WorkflowIcon.gif') no-repeat center;
}

/*##############- Misc Icons -#############*/
.BlueArrowFloppy16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueArrowBlackFloppy.gif') ;
}

.BlueInfoBox16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Info.gif') ;
}

.Config16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Config.gif') ;
}

.SelectPermissionIcon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/SelectPermission.gif') ;
}

.Node16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Node.gif') ;
}

.Level16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Level.gif') ;
}

.Feature16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Feature.gif') ;
}

.RSS16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/RSS.gif') ;
}

.Earth16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Earth.gif') ;
}

.AdminView16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/AdminView.gif') ;
}

.Briefcase16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Briefcase.gif') ;
}

.AddNode16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueCirclePlus.gif') ;
}

.EditIcon {
  width: 16px ; 
  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/EditIcon.gif') ;
}

.Organization16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Organization.gif') ;
}

.UserRegistration16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserRegistration.gif') ;
}

.Management16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Management.gif') ;
}

.PortalAdmin16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/PortalAdmin.gif') ;
}

.Duplicate16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Duplicate.gif') ;
}

.Portal16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Portal.gif') ;
}

.Administration16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Monitor.gif') ;
}

.SiteMap16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/SiteMap.gif') ;
}

.SearchPage16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/SearchPage.gif') ;
}

.BlueCirclePlus16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueCirclePlus.gif') ;
}

.ShieldGreenPlus16x16Icon {
	width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ShieldGreenPlus.gif') ;
}

.InfoMessage16x16Icon {
	width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueSquare.gif') ;
}

.WarningMessageSquare16x16Icon {
	width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/YellowSquare.gif') ;
}

.ErrorMessage16x16Icon {
	width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/RedSquare.gif') ;
}

.DoubleBrownNoteIcon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/DoubleBrownNote.gif') ;
}

.Execute16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Execute.gif') ;
}

.OrangePencilSourceBox16x16Icon {
	width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OrangePencilSourceBox.gif') ;
}

.Home16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Home.gif') ;
}

.ColorPen16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ColorPen.gif') ;
}

.NestedSquare16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NestedSquare.gif') ;
}

.VioletInfoWindow16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/VioletInfoWindow.gif') ;
}

.PageTicker16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/PageTicker.gif') ;
}

.GreenPlusPage16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/GreenPlusPage.gif') ;
}

.BlackBorderSquareBlueBall16x16Icon {
  width: 16px ;  height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlackBorderSquareBlueBall.gif') ;
}

.GreenPlusDataBox16x16Icon {
	height: 16px ;
	width: 16px ;	
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/GreenPlusDatabox.gif') ;
}

/* TODO: Change image'name to "BlueShapeLeftArrow" */
.BlueBackArrow16x16Icon {
	width: 16px ;	height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueBackArrow.gif') ;
  cursor: pointer;
}

/* TODO: Change image'name to "BlueShapeRightArrow" */
.BlueNextArrow16x16Icon {
	width: 16px ;	height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueNextArrow.gif') ;
  cursor: pointer;  
}

.Remove16x16Icon {
	width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/DustBin.gif') ;
}

.GrayBackArrow16x16Icon {
	width: 16px ;	height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/GrayShapeLeftArrow.gif') ;
  cursor: pointer;  
}

.GrayNextArrow16x16Icon {
	width: 16px ;	height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/GrayShapeRightArrow.gif') ;
}

.BlueCircleLeftArrow16x16Icon {
	width: 16px ;	height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueCircleLeftArrow.gif') ;
}

.BlueCircleRightArrow16x16Icon {
	width: 16px ;	height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueCircleRightArrow.gif') ;
}

.BlueGridRightArrow16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueGridRightArrow.gif') ;
}

.GrayDoubleGridDownArrow16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/GrayDoubleGridDownArrow.gif') ;
}

.GrayFillRightArrow16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/GrayFillRightArrow.gif') ;
}

.BlueSquareRightArrow16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueSquareRightArrow.gif') ;
}

.DotArrowRight16x16Icon {
  width: 16px ; height: 16px ;  
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/DotArrowRight.gif') ;
}

.BlackGridRightArrow16x16Icon {
  width: 16px ; height: 16px ;  
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlackGridRightArrow.gif') ;
}

.BlueCloseButton16x16Icon {
  width: 16px ; height: 16px ;  
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/BlueCloseButton.gif') ;
}

.Logout16x16Icon {
  width: 16px ; height: 16px ;  
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/RedLogoutIcon.gif') ;
}

.TreeNode16x16Icon {
  width: 16px ; height: 16px ;  
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/TreeNodeIcon.gif') ;
}

.Scissors16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/Scissors.gif') ;
}

.HotNews16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/HotNews.gif') ;
}

.ArrowS1Down16x16Icon {
  width: 22px ; height: 17px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ArrowSLDown.gif') no-repeat center;
}

.ArrowS1Up16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/WhiteArrowUp.gif') ;
}

.Portlet16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/DefaultPortletIcon.gif') ;
}

.Container16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/DefaultContainerIcon.gif') ;
}

.SmallGroup16x16Icon {
  width: 16px ; height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/SmallGroup.gif') ;
}

.DefaultPageIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/DefaultPageIcon.gif') no-repeat left center;
}

/*/////////////////////////////////////Icon Stylesheet for IconSelector///////////////////////////*/

/*===========================Misc Icons Stylesheet=======================*/
.AcrobatFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/AcrobatFile.gif') no-repeat center left;
}

.AdminView {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/AdminView.gif') no-repeat center left;
}

.AllTags {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/AllTags.gif') no-repeat center left;
}

.AmericanExpressCard {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/AmericanExpressCard.gif') no-repeat center left;
}

.ApplicationGallery {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ApplicationGallery.gif') no-repeat center left;
}

.ApplicationLink {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ApplicationLink.gif') no-repeat center left;
}

.ApplicationList {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ApplicationList.gif') no-repeat center left;
}

.ApplicationSize {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ApplicationSize.gif') no-repeat center left;
}

.ApplicationTerminal {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ApplicationTerminal.gif') no-repeat center left;
  
}

.ApplicationWorldWide {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ApplicationWorldWide.png') no-repeat center left;
}

.BlueInfo {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/BlueInfo.gif') no-repeat center left;
}

.Bomb {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Bomb.png') no-repeat center left;
}

.BookmarkPage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/BookmarkPage.gif') no-repeat center left;
}

.BreakLink {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/BreakLink.gif') no-repeat center left;
}

.Brick {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Brick.gif') no-repeat center left;
}

.CategoryList {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/CategoryList.gif') no-repeat center left;
}

.Checkout {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Checkout.gif') no-repeat center left;
}

.CheckPage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/CheckPage.gif') no-repeat center left;
}

.ComponentsList {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ComponentsList.gif') no-repeat center left;
}

.Config {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Config.gif') no-repeat center left;
}

.CSS {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/CSS.gif') no-repeat center left;
}


.DiskDrive {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/DiskDrive.gif') no-repeat center left;
}

.DownloadApplication {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/DownloadApplication.gif') no-repeat center left;
}

.DreamweaverApplication {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/DreamweaverApplication.gif') no-repeat center left;
}

.DynamicContentPage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/DynamicContentPage.gif') no-repeat center left;
}

.Extension {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Extension.gif') no-repeat center left;
}

.Factory {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Factory.gif') no-repeat center left;
}

.Feature {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Feature.gif') no-repeat center left;
}

.Flash {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Flash.gif') no-repeat center left;
}

.FlashFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/FlashFile.gif') no-repeat center left;
}

.FolderLock {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/FolderLock.gif') no-repeat center left;
}

.FontFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/FontFile.gif') no-repeat center left;
}

.Glove {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Glove.gif') no-repeat center left;
}

.Home {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Home.gif') no-repeat center left;
}

.HTML {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/HTML.gif') no-repeat center left;
}

.Humer {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Humer.gif') no-repeat center left;
}

.IconsView {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/IconsView.gif') no-repeat center left;
}

.ImageFrame {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ImageFrame.gif') no-repeat center left;
}

.Images {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Images.gif') no-repeat center left;
}

.ImagesFolder {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ImagesFolder.gif') no-repeat center left;
}

.ImageSize {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ImageSize.gif') no-repeat center left;
}

.ImagesList {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/ImagesList.gif') no-repeat center left;
}

.Info {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Info.png') no-repeat center left;
}

.InstallerProgress {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/InstallerProgress.gif') no-repeat center left;
}

.JavaPge {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/JavaPge.gif') no-repeat center left;
}

.Layout {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Layout.gif') no-repeat center left;
}

.Link {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Link.gif') no-repeat center left;
}

.LockPage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/LockPage.gif') no-repeat center left;
}

.MasterCard {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/MasterCard.gif') no-repeat center left;
}

.Music {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Music.gif') no-repeat center left;
}

.MusicDownload {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/MusicDownload.gif') no-repeat center left;
}

.New {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/New.gif') no-repeat center left;
}

.PackagesList {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/PackagesList.gif') no-repeat center left;
}

.PageCategory {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/PageCategory.gif') no-repeat center left;
}

.PhotoshopFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/PhotoshopFile.gif') no-repeat center left;
}

.Printer {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Printer.gif') no-repeat center left;
}

.Puzzle {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Puzzle.gif') no-repeat center left;
}

.QuicktimeMovieFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/QuicktimeMovieFile.gif') no-repeat center left;
}

.Rainbow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Rainbow.gif') no-repeat center left;
}

.RefeshPage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/RefeshPage.gif') no-repeat center left;
}

.RSS {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/RSS.gif') no-repeat center left;
}

.RSSFeed {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/RSSFeed.gif') no-repeat center left;
}

.SearchFolder {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/SearchFolder.gif') no-repeat center left;
}

.Security {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Security.gif') no-repeat center left;
}

.Software {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Software.gif') no-repeat center left;
}

.Speaker {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Speaker.gif') no-repeat center left;
}

.Speaker2 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Speaker2.gif') no-repeat center left;
}

.StarAward {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/StarAward.gif') no-repeat center left;
}

.StarPage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/StarPage.gif') no-repeat center left;
}

.Stats {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Stats.gif') no-repeat center left;
}

.TagPage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/TagPage.gif') no-repeat center left;
}

.TagSign {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/TagSign.gif') no-repeat center left;
}

.Ticket {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Ticket.gif') no-repeat center left;
}

.TrueTypeFont {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/TrueTypeFont.gif') no-repeat center left;
}

.Tux {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Tux.gif') no-repeat center left;
}

.Vector {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Vector.gif') no-repeat center left;
}

.Version {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/Version.gif') no-repeat center left;
}

.VisaCard {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/VisaCard.gif') no-repeat center left;
}

.WeatherClouds {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/WeatherClouds.gif') no-repeat center left;
}

.WeatherCloudy {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/WeatherCloudy.gif') no-repeat center left;
}

.WeatherLightning {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/WeatherLightning.gif') no-repeat center left;
}

.WeatherRain {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/WeatherRain.gif') no-repeat center left;
}

.WeatherSnow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/WeatherSnow.gif') no-repeat center left;
}

.WeatherSun {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/WeatherSun.gif') no-repeat center left;
}

.World {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/World.gif') no-repeat center left;
}

.XHTML {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/XHTML.gif') no-repeat center left;
}

.YellowStar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MiscIcons/YellowStar.png') no-repeat center left;
}
/*===========================End Misc Icons Stylesheet=======================*/

/*===========================Navigation Icons Stylesheet=======================*/
.BlackDownSolidArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlackDownSolidArrow.gif') no-repeat center left;
}

.BlackLeftSolidArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlackLeftSolidArrow.gif') no-repeat center left;
}

.BlackRightSolidArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlackRightSolidArrow.gif') no-repeat center left;
}

.BlackUpSolidArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlackUpSolidArrow.gif') no-repeat center left;
}

.BlueAquaBallBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueAquaBallBullet.gif') no-repeat center left;
}

.BlueArrowIn {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueArrowIn.gif') no-repeat center left;
}

.BlueArrowInOut {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueArrowInOut.gif') no-repeat center left;
}

.BlueBallBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueBallBullet.gif') no-repeat center left;
}

.BlueBranchArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueBranchArrow.gif') no-repeat center left;
}

.BlueDividedArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueDividedArrow.gif') no-repeat center left;
}

.BlueDownArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueDownArrow.gif') no-repeat center left;
}

.BlueJoinArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueJoinArrow.gif') no-repeat center left;
}

.BlueRedoArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueRedoArrow.gif') no-repeat center left;
}

.BlueRotateRightArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueRotateRightArrow.gif') no-repeat center left;
}

.BlueSquareBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueSquareBullet.gif') no-repeat center left;
}

.BlueSwitchArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueSwitchArrow.gif') no-repeat center left;
}

.BlueTriangleBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueTriangleBullet.gif') no-repeat center left;
}

.BlueUndoArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueUndoArrow.gif') no-repeat center left;
}

.BlueUpArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/BlueUpArrow.gif') no-repeat center left;
}

.Check {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/Check.png') no-repeat center left;
}

.Check2 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/Check2.gif') no-repeat center left;
}

.Delete {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/Delete.gif') no-repeat center left;
}

.Forward {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/Forward.gif') no-repeat center left;
}

.GrassGreenBallBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/GrassGreenBallBullet.gif') no-repeat center left;
}

.GreenBallBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/GreenBallBullet.gif') no-repeat center left;
}

.GreenSquareBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/GreenSquareBullet.gif') no-repeat center left;
}

.GreenTriangleBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/GreenTriangleBullet.gif') no-repeat center left;
}

.GreyAquaBallBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/GreyAquaBallBullet.gif') no-repeat center left;
}

.GreyBallBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/GreyBallBullet.gif') no-repeat center left;
}

.GreyLeftShapeArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/GreyLeftShapeArrow.gif') no-repeat center left;
}

.GreySquareBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/GreySquareBullet.gif') no-repeat center left;
}

.GreyTriangleBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/GreyTriangleBullet.gif') no-repeat center left;
}

.RedAquaBallBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/RedAquaBallBullet.gif') no-repeat center left;
}

.RedBallBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/RedBallBullet.gif') no-repeat center left;
}

.RedSquareBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/RedSquareBullet.gif') no-repeat center left;
}

.RedTriangleBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/RedTriangleBullet.gif') no-repeat center left;
}

.Reply {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/Reply.gif') no-repeat center left;
}

.RightShapeArrow {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/RightShapeArrow.gif') no-repeat center left;
}

.YellowAquaBallBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/YellowAquaBallBullet.gif') no-repeat center left;
}

.YellowBallBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/YellowBallBullet.gif') no-repeat center left;
}

.YellowSquareBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/YellowSquareBullet.gif') no-repeat center left;
}

.YellowTriangleBullet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/NavigationIcons/YellowTriangleBullet.gif') no-repeat center left;
}

/*===========================End Navigation Icons Stylesheet=======================*/

/*===========================Office Icons Stylesheet=======================*/
.AddressBook {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/AddressBook.gif') no-repeat center left;
}

.ArticleDocument {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/ArticleDocument.gif') no-repeat center left;
}

.At {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/At.png') no-repeat center left;
}

.Attachment {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Attachment.gif') no-repeat center left;
}

.Book {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Book.gif') no-repeat center left;
}

.Chair {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Chair.gif') no-repeat center left;
}

.ChartBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/ChartBar.gif') no-repeat center left;
}

.ChartLine {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/ChartLine.gif') no-repeat center left;
}

.CoffeeCup {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/CoffeeCup.gif') no-repeat center left;
}

.CoinsCurency {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/CoinsCurency.gif') no-repeat center left;
}

.Computer {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Computer.gif') no-repeat center left;
}

.Conference {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Conference.gif') no-repeat center left;
}

.Date {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Date.gif') no-repeat center left;
}

.DocumentBox {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/DocumentBox.gif') no-repeat center left;
}

.Door {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Door.gif') no-repeat center left;
}

.DreamweaverFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/DreamweaverFile.gif') no-repeat center left;
}

.Email {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Email.gif') no-repeat center left;
}

.Envelope {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Envelope.gif') no-repeat center left;
}

.ExeFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/ExeFile.gif') no-repeat center left;
}

.FloppyDisk {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/FloppyDisk.gif') no-repeat center left;
}

.Folder1 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Folder1.gif') no-repeat center left;
}

.Folder2 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Folder2.gif') no-repeat center left;
}

.Folder3 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Folder3.gif') no-repeat center left;
}

.Folder4 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Folder4.gif') no-repeat center left;
}

.Folder5 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Folder5.gif') no-repeat center left;
}

.HomePage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/HomePage.gif') no-repeat center left;
}

.HotNews {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/HotNews.gif') no-repeat center left;
}

.IDCard {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/IDCard.gif') no-repeat center left;
}

.IllustratorFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/IllustratorFile.gif') no-repeat center left;
}

.IndesignFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/IndesignFile.gif') no-repeat center left;
}

.Index {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Index.gif') no-repeat center left;
}

.Keyboard {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Keyboard.gif') no-repeat center left;
}

.Letter {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Letter.gif') no-repeat center left;
}

.MacOSXFolder {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/MacOSXFolder.gif') no-repeat center left;
}

.Mail {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Mail.gif') no-repeat center left;
}

.Map {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Map.gif') no-repeat center left;
}

.Monitor {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Monitor.gif') no-repeat center left;
}

.Mouse {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Mouse.gif') no-repeat center left;
}

.Newspaper {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Newspaper.gif') no-repeat center left;
}

.Newspaper2 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Newspaper2.gif') no-repeat center left;
}

.NotePage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/NotePage.gif') no-repeat center left;
}

.OpenBook {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/OpenBook.gif') no-repeat center left;
}

.OpenEmail {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/OpenEmail.gif') no-repeat center left;
}

.OpenFolder {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/OpenFolder.gif') no-repeat center left;
}

.Page {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Page.gif') no-repeat center left;
}

.PaperList {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/PaperList.gif') no-repeat center left;
}

.PastePalate {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/PastePalate.gif') no-repeat center left;
}

.Picture {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Picture.gif') no-repeat center left;
}

.Purchase {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Purchase.gif') no-repeat center left;
}

.Script {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Script.gif') no-repeat center left;
}

.SearchPage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/SearchPage.gif') no-repeat center left;
}

.ShoppingBag {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/ShoppingBag.gif') no-repeat center left;
}

.Sitemap {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Sitemap.gif') no-repeat center left;
}

.Stats2 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Stats2.gif') no-repeat center left;
}

.Tag {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Tag.gif') no-repeat center left;
}

.Telephone {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/Telephone.gif') no-repeat center left;
}

.TextFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/TextFile.gif') no-repeat center left;
}

.YellowFolder {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/YellowFolder.gif') no-repeat center left;
}

.YellowPen {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/YellowPen.gif') no-repeat center left;
}
.ZipFile {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/OfficeIcons/ZipFile.gif') no-repeat center left;
}
/*===========================End Office Icons Stylesheet=======================*/

/*===========================Tool Icons Stylesheet=======================*/
.Alarm {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Alarm.gif') no-repeat center left;
}

.Anchor {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Anchor.gif') no-repeat center left;
}

.Basketball {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Basketball.gif') no-repeat center left;
}

.Bell {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Bell.gif') no-repeat center left;
}

.Billards {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Billards.gif') no-repeat center left;
}

.BlueActionWheel {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/BlueActionWheel.gif') no-repeat center left;
}

.BlueFlag {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/BlueFlag.gif') no-repeat center left;
}

.Box {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Box.gif') no-repeat center left;
}

.BriefCase {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/BriefCase.gif') no-repeat center left;
}

.Calculator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Calculator.gif') no-repeat center left;
}

.Calendar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Calendar.gif') no-repeat center left;
  
}

.Cart {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Cart.gif') no-repeat center left;
}

.CD {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/CD.gif') no-repeat center left;
}

.Clock {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Clock.gif') no-repeat center left;
}

.Component {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Component.gif') no-repeat center left;
}

.CropTool {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/CropTool.gif') no-repeat center left;
}

.DeskPhone {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/DeskPhone.gif') no-repeat center left;
}

.EmptyBox {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/EmptyBox.gif') no-repeat center left;
}

.Entertainment {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Entertainment.gif') no-repeat center left;
}

.FileBox {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/FileBox.gif') no-repeat center left;
}

.FirefoxBrowser {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/FirefoxBrowser.gif') no-repeat center left;
}

.FolderExport {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/FolderExport.gif') no-repeat center left;
}

.FolderImport {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/FolderImport.gif') no-repeat center left;
}

.Football {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Football.gif') no-repeat center left;
}

.Gear {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Gear.gif') no-repeat center left;
}

.Golf {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Golf.gif') no-repeat center left;
}

.GrayWallet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/GrayWallet.gif') no-repeat center left;
}

.GreenFlag {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/GreenFlag.gif') no-repeat center left;
}

.GreyFlag {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/GreyFlag.gif') no-repeat center left;
}

.HardDisk {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/HardDisk.gif') no-repeat center left;
}

.HourGlass {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/HourGlass.gif') no-repeat center left;
}

.Key {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Key.gif') no-repeat center left;
}

.Light {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Light.gif') no-repeat center left;
}

.Lock {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Lock.gif') no-repeat center left;
}

.MacApplicationTool {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/MacApplicationTool.gif') no-repeat center left;
}

.MacMonitor {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/MacMonitor.gif') no-repeat center left;
}

.Magnifier {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Magnifier.gif') no-repeat center left;
}

.MoveTool {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/MoveTool.gif') no-repeat center left;
}

.Movie {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Movie.gif') no-repeat center left;
}

.Network {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Network.gif') no-repeat center left;
}

.Paste {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Paste.gif') no-repeat center left;
}

.PCMonitor {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/PCMonitor.gif') no-repeat center left;
}

.Pencil {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Pencil.gif') no-repeat center left;
}

.Raquet {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Raquet.gif') no-repeat center left;
}

.RedFlag {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/RedFlag.gif') no-repeat center left;
}

.Ruler {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Ruler.gif') no-repeat center left;
}

.Search {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Search.png') no-repeat center left;
}

.Shield {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Shield.png') no-repeat center left;
}

.Shuttlecock {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Shuttlecock.gif') no-repeat center left;
}

.Soccer {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Soccer.gif') no-repeat center left;
}

.Sound {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Sound.gif') no-repeat center left;
}

.Switcher {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Switcher.gif') no-repeat center left;
}

.Tennis {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Tennis.gif') no-repeat center left;
}

.ToolBoxOpen {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/ToolBoxOpen.gif') no-repeat center left;
}

.UnLock {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/UnLock.gif') no-repeat center left;
}

.VolumeControl {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/VolumeControl.gif') no-repeat center left;
}

.Wand {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Wand.gif') no-repeat center left;
}

.Warning {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Warning.gif') no-repeat center left;
}

.Webcam {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Webcam.gif') no-repeat center left;
}

.Wrench {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/Wrench.gif') no-repeat center left;
}

.YellowBulb {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/YellowBulb.gif') no-repeat center left;
}

.YellowFlag {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/ToolIcons/YellowFlag.gif') no-repeat center left;
}
/*===========================End Tool Icons Stylesheet=======================*/

/*===========================User Icons Stylesheet=======================*/
.Comment {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Comment.gif') no-repeat center left;
}

.Contact {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Contact.gif') no-repeat center left;
}

.Eye {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Eye.gif') no-repeat center left;
}

.Finger {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Finger.gif') no-repeat center left;
}

.FolderHolder {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/FolderHolder.gif') no-repeat center left;
}

.Hand {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Hand.gif') no-repeat center left;
}

.HandPoint {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/HandPoint.gif') no-repeat center left;
}

.Help {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Help.gif') no-repeat center left;
}

.Personal {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Personal.png') no-repeat center left;
}

.Public {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Public.gif') no-repeat center left;
}

.User {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/User.gif') no-repeat center left;
}

.VIPCard {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/VIPCard.gif') no-repeat center left;
}

.Woman1 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Woman1.png') no-repeat center left;
}

.Woman2 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Woman2.png') no-repeat center left;
}

.Woman3 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Woman3.png') no-repeat center left;
}

.Woman4 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Woman4.png') no-repeat center left;
}

.Worker1 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Worker.png') no-repeat center left;
}

.Worker2 {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/Worker2.png') no-repeat center left;
}

.YellowComment {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/UserIcons/YellowComment.gif') no-repeat center left;
}

.MoveUp16x16Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MoveUp.gif') no-repeat left center;
}

.MoveDown16x16Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/16x16/icons/MoveDown.gif') no-repeat left center;
}
/*===========================End User Icons Stylesheet=======================*/
.Save24x24Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/FloppyDisk.gif') no-repeat ;
  width: 24px ; height: 24px ;
}

.Delete24x24Icon {
	width: 24px ; height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/Delete.gif') no-repeat;
}

.DustBin24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/DustBin.gif') no-repeat;
}

.RedDustBin24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/RedDustBin.gif') no-repeat;
}

.LightBlueFolder24x24Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/LightBlueFolder.gif') no-repeat ;
  width: 24px ;  height: 24px ;
}

.VioletFolder24x24Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/VioletFolder.gif') no-repeat ;
  width: 24px ;  height: 24px ;
}

.LightBlueOpenFolder24x24Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/LightBlueOpenFolder.gif') no-repeat ;
  width: 24px ;  height: 24px ;
}

.LightBlueFolderHome24x24Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/LightBlueFolderHome.gif') no-repeat ;
  width: 24px ;  height: 24px ;
}

.Paste24x24Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/Paste.gif') no-repeat  ;
  width: 24px ;  height: 24px ;
}

.BlackMagnifier24x24Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BlackMagnifier.gif') no-repeat ;
  width: 24px ;  height: 24px ;
}

.BlueFloppyDisk24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BlueFloppyDisk.gif') no-repeat ;
  margin: auto;
}

.UpLevel24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BlueUpLevelArrow.gif') no-repeat ;
  margin: auto;
}

.DiamondCircleRoundedArrows24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/DiamondCircleRoundedArrows.gif') no-repeat ;
  margin: auto;
}

.NavyBlueRecycleBin24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/NavyBlueRecycleBin.gif') no-repeat ;
	margin:auto;
  cursor: pointer; 
}

.DusBinFull24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/DusBinFull.gif') no-repeat ;
	margin:auto;
  cursor: pointer; 
}

.BoxBlueArrowDown24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BoxBlueArrowDown.gif') no-repeat ;
}

.BlueInfoBox24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BlueInfoBox.gif') no-repeat ;
}

.BoxGreenPlus24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BoxGreenPlus.gif') no-repeat ;
}

.BoxPencil24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BoxPencil.gif') no-repeat ;
}

.PointedHandBrownBox24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/PointedHandBrownBox.gif') no-repeat;
  margin: auto;
}

.Selected24x24Icon {
	width: 32px ;	height: 28px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/SelectedBlock.gif') no-repeat center left;
	margin: auto;
}

.BlueArrowBox24x24Icon {
  width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BlueArrowBox.gif') no-repeat ;
  margin: auto;
}

.DiskArrow24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/DiskArrow.gif') no-repeat ;
  margin: auto;
}

.ColorGridSquare24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/ColorGridSquare.gif') no-repeat ;
  margin: auto;
}

.OnMouseOver24x24Icon {
	width: 32px ;	height: 28px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/OnmouseOverBlock.gif') no-repeat center;
	margin: auto;	
}

.GreenPlusDataBox24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/GreenPlusDataBox.gif') no-repeat ;
	margin:auto;
  cursor: pointer; 	
}
.GreenPlusBrownBox24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/GreenPlusBrownBox.gif') no-repeat ;
	margin:auto;
  cursor: pointer; 	
}

.YellowPenBrownBox24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/YellowPenBrownBox.gif') no-repeat ;
	margin: auto;
  cursor: pointer; 
}

.NavyBlueRecycleBin24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/NavyBlueRecycleBin.gif') no-repeat ;
	margin: auto;
  cursor: pointer;
}

.NavyBlueDocument24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/NavyBlueDocument.gif') no-repeat ;
	margin:auto;
  cursor: pointer; 
}

.DataBoxDusBin24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/DataBoxDusBin.gif') no-repeat ;
	margin:auto;
  cursor: pointer; 
}

.LevelUpArrowIcon {
  width: 24px ;  height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BlueUpLevelArrow.gif') no-repeat ;
}

.BlueNavigation24x24Icon {
  width: 24px ; height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BlueIconNavigation.gif') no-repeat ;
}

.BlueSyncArrow24x24Icon {
  width: 24px ;  height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BlueSync.gif') no-repeat ;
}

.SiteMap24x24Icon {
  width: 24px ;  height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/SiteMap.gif') no-repeat ;
}

.YellowHammer24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/YellowHammer.gif') no-repeat ;
	margin:auto;
  cursor: pointer; 	
}

.Refresh24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/Refresh.gif') no-repeat ;
}

.AddCategory24x24Icon {
	width: 24px ;	height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/AddCategory.gif') no-repeat center;
}

.Catergory24x24Icon {
	width: 16px ;	height: 16px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/Catergory.gif') no-repeat center;
}

.EditCategory24x24Icon {
	width: 24px ; height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/EditCategory.gif') no-repeat center;
}

.ImportCategory24x24Icon {
	width: 24px ; height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/ImportCategory.gif') no-repeat center;
}

.DeleteCategory24x24Icon {
	width: 24px ; height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/DeleteCategory.gif') no-repeat center;
}

.Delete24x24Icon {
	width: 24px ; height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/NavyBlueTrashBin.gif') no-repeat  ;
}

.DeleteAll24x24Icon {
	width: 24px ; height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/DeleteAll.gif') no-repeat ;
}

.Rollback24x24Icon {
	width: 24px ; height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/BlueBackArrow.gif') no-repeat ;
}

.UIListPermissionSelector24x24Icon {
  width: 24px ; height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/IconAccessPermission.gif') no-repeat ;
}

.UIPermissionSelector24x24Icon {
  width: 24px ; height: 24px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/24x24/icons/IconEditPermission.gif') no-repeat ;
}
.CyanUpArrowDotted32x32Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/CyanUpArrowDotted.gif') ;
  width: 32px ;  height: 32px ;
}

.ErrorMessage32x32Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/MinusSign.gif') ;
  width: 32px ;  height: 32px ;
}

.WarningMessage32x32Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/WarningSign.gif') ;
  width: 32px ;  height: 32px ;
}

.InfoMessage32x32Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/CircleInfo.gif') ;
  width: 32px ;  height: 32px ;
}

.NavyWheelDataBox32x32Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/NavyWheelDataBox.gif') ;
  width: 32px ;  height: 32px ;
}

.Yellowbulb32x32Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/Yellowbulb.gif') ;
  width: 32px ;  height: 32px ;
}

.PageMagnifier32x32Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/PageMagnifier.gif') ;
  width: 32px ;  height: 32px ;
}

.BoxMagnifier32x32Icon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/BoxMagnifier.gif') ;
  width: 32px ;  height: 32px ;
}

.ImagePlain32x32Layout {
  width: 32px ;  height: 32px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/ImagePlainLayout.gif');
}

.ImageDouble32x32Layout {
  width: 32px ;  height: 32px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/ImageDoubleLayout.gif');
}

.ImageLeft32x32Layout {
  width: 32px ;  height: 32px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/ImageLeftLayout.gif');
}
.ImageRight32x32Layout {
  width: 32px ;  height: 32px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/ImageRightLayout.gif');
}

.ImageDoubleCol32x32Layout {
  width: 32px ;  height: 32px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/ImageDoubleColLayout.gif');
}

.ImageCenter32x32Layout {
  width: 32px ;  height: 32px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/../../skinIcons/32x32/icons/ImageCenterLayout.gif');
}

.UIWindow .UIBreadcumbsPortlet {
  margin: 0px;
}

.UIBreadcumbsPortlet {
  margin: 0 0 3px 0;
}

.UIBreadcumbs {
  line-height: 25px ;
}

.UIBreadcumbs a {
  float: left ; /* orientation=lt */
  color: #6d7fa1 ; 
}

.UIBreadcumbs a.Selected {
  color: black;
}

.UIBreadcumbs .HomeIcon {
  float: left; /* orientation=lt */
  margin: 4px 5px 0 0 ; /* orientation=lt */
}

.UIBreadcumbs .LeftBreadcumbsBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBreadcumbs/background/BreadcumbBG.gif') repeat-x left top;
}

.UIBreadcumbs .RightBreadcumbsBar {
  height: 25px;
}

.UIBreadcumbs .BreadcumbsInfoBar {
  height: 25px; 
  line-height: 25px;
  padding-left: 10px;  /* orientation=lt */
  overflow: hidden;
  white-space: nowrap;
}

.UIBreadcumbs .RightBlackGridArrowIcon {
  float: left; /* orientation=lt */
  margin: 5px 0px 0px 0px;
}
#UICalendarControlIFrame {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.UICalendarComponent {
  position:absolute;
  background-color:#FFF;
  margin:0;
  padding:0;
  display:none;
  width: 225px;
}

.BlockCalendar {
	background: #e0e5f7 url('/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/WidgetDragArea2x2.gif') repeat scroll;
	padding-top: 12px;
	cursor: move;
	_height: 100%;
	-moz-user-select: none;
}

.UICalendar {
  border: 1px solid #ccced7;
background: #e0e5f7 url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') repeat-x left -122px;
  padding: 7px 5px;
  font: normal 12px verdana;
	text-align: center;
	cursor: default;
	_height: 100%;
}

.UICalendar table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

.UICalendar a {
  display: block;
  font-weight: normal;
  text-decoration: none;
  color: #000;
  height: 100%;
}

.UICalendar .MonthYearBox {
  border: 1px solid #d4d4d4;
  font: normal bold 11px tahoma;
  color: #0960c1;
  line-height: 18px;
}

.UICalendar .MonthYearBox .NextMonth {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat center -41px;
}

.UICalendar .MonthYearBox .PreviousMonth {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat center -21px;
}

.UICalendar .MonthYearBox td {
  padding: 0px;
  background-color: white;
}

.UICalendar .MonthYearBox a {
  width: 20px; height: 20px;
}

.UICalendar .MonthYearBox .MonthButton {
  border: 1px solid #d4d4d4;
  width: 20px;
}

.UICalendar .MonthYearBox .MonthButton a {
  background-color: #e1dfdf;
}

.UICalendar .MonthYearBox .MonthButton a:hover {
  background-color: #ededed;
}

.UICalendar .MonthYearBox .YearButton {
  width: 20px;
}

.UICalendar .MonthYearBox a.NextYear {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat center -81px;
}

.UICalendar .MonthYearBox a:hover.NextYear {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat center -81px;
}


.UICalendar .MonthYearBox a.PreviousYear {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat center -61px;
}

.UICalendar .MonthYearBox a:hover.PreviousYear {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat center -61px;
}

.UICalendar .MonthYearBox .YearButton a:hover {
  background-color: #ededed;
}

.UICalendar .CalendarGrid {
  padding: 4px;
  background-color: white;
  border: 1px solid #cfcfcf;
}

.UICalendar .CalendarGrid td {
  border: 1px solid white;
  background-color: #f4f4f4;
}

.UICalendar .CalendarGrid td a,.UICalendar .CalendarGrid td div {
  padding: 5px 0px;
}

.UICalendar .CalendarGrid td a.Current {
  background-color: #d9d9d9; color: #058ee6;
}

.UICalendar .CalendarGrid td a:hover {
  background-color: #adbbff; color: white;
}

.UICalendar .CalendarTimeBox {
  width: 130px; margin: 5px auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat top left;
  padding-left: 9px;
}

.UICalendar .CalendarTimeBoxR {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') no-repeat top right;
  padding-right: 9px;
}

.UICalendar .CalendarTimeBoxM {
  line-height: 21px;
  height: 21px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UICalendar/background/CalendarDecorator.gif') repeat-x left -101px;
  vertical-align: bottom;
}

.UICalendar .CalendarTimeBox .CalendarTimeBoxM input.InputTime {
  float: none;
  padding: 0px;
  border: 0px;
  width: 15px;
  direction: rtl;
}
.NoMouseEvent64x58 {
  width: 64px;
  height: 58px;
  line-height: 58px;
  vertical-align: middle;
  margin: auto;
}

.Over64x58 {
  width: 64px;
  height: 58px;
  line-height: 58px;
  vertical-align: middle;
  margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMouseActionBackground/background/MouseAction.gif') no-repeat top;
}

.Selected64x58 {
  width: 64px;
  height: 58px;
  line-height: 58px;
  vertical-align: middle;
  margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMouseActionBackground/background/MouseAction.gif') no-repeat left -58px;
}

.NoMouseEvent32x32 {
  width: 32px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  margin: auto;
}

.Over32x32 {
  width: 32px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMouseActionBackground/background/MouseAction.gif') no-repeat left -116px;
}

.Selected32x32 {
  width: 32px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMouseActionBackground/background/MouseAction.gif') no-repeat right -116px;
}

.NoMouseEvent32x28 {
  width: 32px;
  height: 28px;
  line-height: 22px;
  vertical-align: middle;
  margin: auto;
}

.Over32x28 {
  width: 32px;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
  margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMouseActionBackground/background/MouseAction.gif') no-repeat left -148px;
}

.Selected32x28 {
  width: 32px;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
  margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMouseActionBackground/background/MouseAction.gif') no-repeat right -148px;
}
.UIGrid {
  border: 1px solid #b7b7b7;
  border-collapse: collapse;
  padding-left: 1px;
  margin: auto;
  table-layout: fixed;
}

.UIGrid thead {
  border: 1px solid #b7b7b7;
}

.UIGrid th {
  line-height: 19px;
  border: 1px solid #b7b7b7;
background: #d2ddf1 url('/eXoResources/skin/DefaultSkin/webui/component/UIGrid/background/ThGridRepeatBg1x19.jpg') repeat-x;
  font-weight: normal;
  padding: 0px 4px;
  vertical-align: middle;
}

.UIGrid tbody {
  padding-bottom: 1px;
}

.UIGrid td {
  height: 20px; line-height: 20px;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-top: 1px solid white;
  padding: 4px;
}

.UIGrid .OddRow {
  background: #f0f0f0;
}

.UIGrid .EvenRow {
  background: #f5f5f5;
}

.UIGrid .ActionContainer {
	white-space: nowrap;
	text-align: center;
}

.UIGrid .ActionContainer a {
  margin: 0px 4px;
  color: #024369;
}

.UIGrid .ActionContainer img {
  margin: 0px 4px;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  float: none; 
  cursor: pointer;
}

.UIGrid .Text {
	overflow: hidden;
}

.UIGrid .Number {
  text-align: center;
}

.UIGrid .ValueWithIcon {
  float: left;/* orientation=lt */
  text-align: right;
}

.UIGrid .ViewIcon {
  width: 16px;  height: 16px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/LightBulbOn.gif') no-repeat;
}

.UIGrid .DeleteIcon {
  width: 16px;  height: 16px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat;
}

.UIGrid .EditInfoIcon {
  width: 16px;  height: 16px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/EditIcon.gif') no-repeat;
}

.UIGrid .ExcuteIcon {
  width: 16px;  height: 16px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/PageYellowLight.gif') no-repeat;
}

.UIGrid .AddNewIcon {
  width: 16px;  height: 16px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueCirclePlus.gif') no-repeat;
}

/*###################### UIListUsers Icon ######################*/

.UIGrid .DeleteUserIcon {
  width: 16px;  height: 16px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat;
  margin: auto;
}

.UIGrid .ViewUserInfoIcon {
  width: 16px;  height: 16px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/EditIcon.gif') no-repeat;
  margin: auto;
}

/*###################### UIListMembershipType Icon ######################*/

.UIGrid .DeleteMembershipIcon {
  width: 16px;  height: 16px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat;
  margin: auto;  
}

.UIGrid .EditMembershipIcon {
  width: 16px;  height: 16px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/EditIcon.gif') no-repeat;
  margin: auto;
}

.UIGrid input.checkbox {
  width: 15px;  height: 15px;
}
.UIPageIterator {    
  margin: 5px auto 0px auto;
  width: 99%;
}

.UIPageIterator a {
	float: right; /* orientation=lt */
	color: #333333;
	display: block;
}

.UIPageIterator .Number {
	border: 1px solid #DFDFDF;
	padding: 0 5px;
	margin-left: 3px; /* orientation=lt */
	cursor: pointer;
	line-height: 15px;
}

.UIPageIterator .Number:hover {
	color: #0183F1;
	border: 1px solid #B6B6B6;
}
.UIPageIterator .PageSelected {
	color: #F16701;
	font-weight: bold;
}

.UIPageIterator .Icon {
	margin-left: 3px; /* orientation=lt */
	width: 18px;
	height: 17px;
	cursor: pointer;
}

.UIPageIterator .PagesTotalNumber {
	color: #0183F1;
	margin: 0 10px 0 5px; /* orientation=lt */
	line-height: 19px;	
	font-size: 12px;
}

.UIPageIterator .TotalPages {
	font-size: 12px;
	line-height: 19px;
}

.UIPageIterator .LastTopPageIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif') no-repeat left -17px;
}

.UIPageIterator .NextTopPageIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif') no-repeat left -51px;
}

.UIPageIterator .LastPageIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif') no-repeat left -119px;
}

.UIPageIterator .NextPageIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif') no-repeat left -85px;
}

.UIPageIterator .DisableLastTopPageIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif') no-repeat left top;
}

.UIPageIterator .DisableNextTopPageIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif') no-repeat left -34px;
}

.UIPageIterator .DisableLastPageIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif') no-repeat left -102px;
}

.UIPageIterator .DisableNextPageIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif') no-repeat left -68px;
}


.UISearch {
  height: 39px;
  line-height: 39px ;
  padding-bottom: 2px;
}

.UISearch .UISearchForm {
  height: 38px; line-height: 38px;
}

.UISearch .UISearchForm .QuickSet {
  overflow: hidden;
  width: 100%;
  padding-top: 9px;
}

.UISearch .UISearchForm .QuickSet .SearchTitle {
  float: left; 		/* orientation=lt */
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  padding-left: 10px;		/* orientation=lt */
}

.UISearch .UISearchForm .QuickSet .AdvancedSearchIcon {
  width: 24px;  height: 24px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/AdvancedSearch.gif') no-repeat;
  float: left;
}

.UISearch .UISearchForm .QuickSet .AdvancedSearch {
  float: right;
  margin-right: 10px; color: black; font-weight: normal;
}

.UISearch .UISearchForm .QuickSet .SimpleSearchIcon {
  margin-left: 10px;		/* orientation=lt */
  width: 24px;  
  height: 24px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/QuickSearch.gif') no-repeat;				/* orientation=lt */
  float: left;		/* orientation=lt */
}

.UISearch .UISearchForm .QuickSet .SimpleSearchOverIcon {
  margin: 0px 0px 0px 10px;
  width: 24px;  height: 24px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/BlueMagnifierOver.gif') no-repeat;
  float: left;
}

.UISearch .UISearchForm .QuickSet a:hover{
  color: blue;
}

.UISearch .UISearchForm .QuickSet .UIForm {
	background-color: transparent;
	border: none;
}

.UISearch .UISearchForm .QuickSet select {
  float: left;			/* orientation=lt */
  width: 115px; 
  padding: 1px;
  border: solid 1px gray;
  font-size: 11px;
}

.UISearch .UISearchForm .QuickSet input {
  float: left;		/* orientation=lt */
  margin: 0px 5px 0px 10px;		/* orientation=lt */ 
  padding-left: 4px;		/* orientation=lt */
  border: 1px solid gray;
  width: 180px; height: 16px;
}

.UIFormTabPane .UISearch .UISearchForm .QuickSet select {
  float: left;		/* orientation=lt */
  margin-top: 8px; 
  padding-left: 4px;		/* orientation=lt */
  border: 1px solid #b7b7b7;
  width: 120px; 
}

.UIFormTabPane .UISearch .UISearchForm .QuickSet input {
  float: left;
  margin: 3px 5px 0px 0px;
  border: 1px solid #b7b7b7;
  width: 185px; 
}
.UITrees {
  border: 1px solid #b7b7b7;
  background: white;
}

.UITrees .TreeContainer {
  overflow-y: auto;
  overflow-x: hidden;
  width: 99.5%;
}

.UITrees a {
	display: block;
} 

.UITrees a:hover {
	color: #058ee6;
}

.UITrees .LevelUpArrowIcon {
  height: 20px;
  margin-left: 10px; /* orientation=lt */
  background: url(/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/BlueUpLevelArrow.gif) no-repeat 0 center; /* orientation=lt */
}

.UITrees a.LevelUpArrowIcon:hover {
  background: url(/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/OverBlueUpLevelArrow.gif) no-repeat 0 center; /* orientation=lt */
	margin-left: 10px; /* orientation=lt */
}

.UITrees .Node {
	line-height: 18px;
	padding-top: 7px;
	margin-left: 15px; /* orientation=lt */
	white-space: nowrap;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITree/background/Dotted.gif') repeat-y left;
  width: 100%;
}

.UITrees .LastNode {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITree/background/Dotted.gif') no-repeat left top;
}

.UITrees .Node .NodeIcon {
	background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	width: 100%;
	height: auto;
	font-weight: bold;
}

.UITrees .Node .ExpandIcon {
	padding-left: 18px; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITree/background/SmallGrayMinus.gif') no-repeat left top;
  width: 100%; height: auto;
}

.UITrees .Node .CollapseIcon {
	padding-left: 18px; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITree/background/SmallGrayPlus.gif') no-repeat left top;
  width: 100%; 
  height: auto;
}

.UITrees .Node .NodeSelected {
  font-weight: bold;
  color: #058ee6;
  cursor: pointer;
}

/** ################# Icons ###################*/

.UITrees .TreeContainer .GroupAdminIcon {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/NormalGroup.gif') no-repeat left top ; /* orientation=lt */
  padding-left: 25px; /* orientation=lt */
}

.UITrees .TreeContainer .PortalIcon {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/SelectedGroup.gif') no-repeat left top ; /* orientation=lt */ 
  padding-left: 25px; /* orientation=lt */
}



.UIQuickHelp {
}

.UIQuickHelp .TopBar {
  height: 22px;
}

.UIQuickHelp .TopBar .TopBarLeft {
  padding-left: 7px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') no-repeat left top;
}

.UIQuickHelp .TopBar .TopBarRight {
  padding-right: 9px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') no-repeat right top;
}

.UIQuickHelp .TopBar .TopBarMiddle {
  height: 22px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') repeat-x left -22px;
}

.UIQuickHelp .TopBar .TopBarMiddle .TitleBar {
  float: left;/* orientation=lt */
  width: 130px;
  height: 20px;
}

.UIQuickHelp .TopBar .TopBarMiddle .TitleBar .BarLeft {
  padding-left: 1px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') no-repeat left -64px;
}

.UIQuickHelp .TopBar .TopBarMiddle .TitleBar .BarRight {
  padding-right: 16px;
  margin-top: 1px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') no-repeat right -44px;
}

.UIQuickHelp .TopBar .TopBarMiddle .TitleBar .BarMiddle {
  height: 20px;
  line-height: 20px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') repeat-x left -64px;
}

.UIQuickHelp .TopBar .TopBarMiddle .TitleBar .Title {
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  font-weight: bold;
}

.UIQuickHelp .TopBar .TopBarMiddle .TitleBar .Icon {
  float: left;/* orientation=lt */
  height: 16px;
  width: 16px;
  margin: 2px 7px 0px 3px;/* orientation=lt */
}

.UIQuickHelp .ContentContainer {
  background-color: white;
  border-right: solid #5f90ba 1px;
  border-left: solid #5f90ba 1px;
}

.UIQuickHelp .Content {
  padding: 3px;
}

.UIQuickHelp .ContentContainer .Content .ScrollArea {
  overflow: auto;
  border:  solid 1px #6aa4d5;
}

.UIQuickHelp .ContentContainer .Content .ScrollArea .UIQuickHelpContentContainer {
  padding: 8px;
}

.UIQuickHelp .BottomBar {
  height: 22px;
  border: none;
}

.UIQuickHelp .BottomBar .BottomBarLeft {
  padding-left: 3px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') no-repeat left -84px;
}

.UIQuickHelp .BottomBar .BottomBarRight {
  padding-right: 3px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') no-repeat right -84px;
}

.UIQuickHelp .BottomBar .BottomBarMiddle {
  height: 22px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') repeat-x left -106px;
}

.UIQuickHelp .BottomBar .ButtonBar {
  margin-left: auto;/* orientation=lt */
  width: 80px;
  height: 20px;
}

.UIQuickHelp .BottomBar .ButtonBar .ButtonBarLeft {
	height: 20px;
  padding-left: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') no-repeat left -128px;
}

.UIQuickHelp .BottomBar .ButtonBar .ButtonBarRight {
	height: 20px;
  padding-right: 1px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIQuickHelp/background/QuickHelp.gif') repeat-x bottom;
}

.UIQuickHelp .BottomBar .BackButton {
  float: left;/* orientation=lt */
  margin: 3px 7px 0px 5px;/* orientation=lt */
}

.UIQuickHelp .BottomBar .ForwardButton {
  float: right;/* orientation=lt */
  margin: 3px 7px 0px 5px;/* orientation=lt */
}

.UIQuickHelp .UIQuickHelpContentPage .Icon {
  float: left;/* orientation=lt */
}

.UIQuickHelp .UIQuickHelpContentPage ul {
  list-style-image: url('background/BlueSquareBg.gif');
}

.UIQuickHelp .UIQuickHelpContentPage li {
  margin-top: 10px;
  margin-left: -20px;/* orientation=lt */
}

.UIQuickHelp .UIQuickHelpContentPage a{
  font-weight: bold;
}
/**
 * Created by The eXo Platform SAS
 * Modifile : Vu Duy Tu
 *           duytucntt@gmail.com
 * December 14, 2006
 * version: $Id$
 */
/*#######################################-----UIWizard-----##################################*/
.UIWizard {
	width: 98.9%;
	margin: auto;
	overflow: hidden;
}

/*========================== Wizard Content ==============================*/
.UIWizard .UIWizardContent { 
}

.UIWizard .UIWizardContent .WizardStepTitleBar {
  height: 29px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIWizard/background/WizardStepBar.gif') repeat-x top;
  border: solid 1px #aeaeae; border-bottom: none;
}

.UIWizard .UIWizardContent .WizardStepTitleBar .WizardIcon {
  float:left;/* orientation=lt */
  width: 25px; height: 28px; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIWizard/background/WizardIcon.gif') no-repeat left bottom;
  margin: 0px 8px 0px 10px;
}

.UIWizard .UIWizardContent .WizardStepTitleBar .WizardTitle {
  float:left;/* orientation=lt */
  height: 28px; line-height: 28px;  
  font-weight: bold;
}

.UIWizard .UIWizardContent .WizardStepTitleBar .HelpIcon {
  float: right;/* orientation=lt */
  width: 28px; height: 28px;
background:  url('/eXoResources/skin/DefaultSkin/webui/component/UIWizard/background/WizardIcon.gif') no-repeat top;
  margin-right: 10px;/* orientation=lt */
  cursor: pointer;
}

.UIWizard .UIWizardContent .WizardStepTitleBar .StepTitle {
  float:left;/* orientation=lt */
  height: 28px; line-height: 28px; 
  padding-left: 10px;/* orientation=lt */
  color: #0683f7;
}

.UIWizard .UIWizardContent .WizardStepContent {
  border: solid 1px #aeaeae; border-bottom: none;
}

.UIWizard .UIWizardContent .WizardStepContent .UIWizardPageSetInfo {
	padding: 10px;
}

.UIWizard .UIWizardContent .WizardControlBar {
  height: 34px;
  border: solid 1px #b7b7b7;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIWizard/background/WizardStepBar.gif') repeat-x bottom;
}

.UIWizard .UIWizardContent .WizardControlBar .StepNavigationBar {
  float:left;/* orientation=lt */
  height: 34px; 
  line-height: 34px;
  width: 49%;
}

.UIWizard .UIWizardContent .WizardControlBar .StepNavigationBar a{
  float:left;/* orientation=lt */
  width: 18px; height: 18px; 
  line-height: 18px; 
  font-weight: bold;
  text-align: center;
  margin: 7px 3px 0px 3px;
  border: solid 1px gray;
}

.UIWizard .UIWizardContent .WizardControlBar .StepNavigationBar a:hover {
  height: 18px; line-height: 18px;
  color: orange;
  background: #f8f8f8;
  border: solid 1px #fdb913;
}

.UIWizard .UIWizardContent .WizardControlBar .StepNavigationBar a.SelectedStep {
  color: red;
}

.UIWizard .UIWizardContent .WizardControlBar .StepNavigationTitle {
  float:left;/* orientation=lt */
  height: 33px; line-height: 33px;
  font-weight: bold;
  margin: 0px 10px 0px 15px;/* orientation=lt */
}

.UIWizard .UIWizardContent .WizardControlBar .OverflowContainer {
  height: 34px;
  overflow: visible;
}

.UIWizard .UIWizardContent .UIDropDownControl {
	width: 220px;
	position: static;
}

.UIWizard .UIWizardContent .UIDropDownControl .UIDropDownAnchor {
	width: 220px;
}

/*========================== End Wizard Content ==============================*/

/*========================== Start ActionBar ==============================*/
.UIWizard .UIWizardContent .WizardControlBar .ActionBar {
	width: 50%;
	float: right;/* orientation=lt */
	padding-right: 7px;/* orientation=lt */
}
.UIWizard .UIWizardContent .UIAction {
	padding: 8px 0 0;
}

.UIWizard .WizardControlBar .UIAction .ActionButton {
	float: right;/* orientation=lt */
}

.UIWizard .WizardControlBar .UIAction .ActionContainer {
	width: 100%;
}

/*========================== Start UIWizard Welcome ==============================*/
.UIWizard .UIWizardWelcome {
  height: 233px;
background: #ffffff url('/eXoResources/skin/DefaultSkin/webui/component/UIWizard/background/WelcomeImage197x233.png') no-repeat left;
  padding: 0px 0px 0px 210px;/* orientation=lt */
  margin: 0px;
}

.UIWizard .UIWizardWelcome .WelcomeText {
  padding: 20px 40px 20px 15px;/* orientation=lt */
  line-height: 20px;
}

/*========================== Start UIWizard Step2 ==============================*/
.UIWizard .UIWizardPageSetInfo .PageNodeContainer {
  float: left;/* orientation=lt */
  width: 240px;
}

.UIWizard .UIWizardPageSetInfo .SelectedPageInfo {
  border: 1px #b7b7b7 solid;
  margin-left: 250px;/* orientation=lt */
  padding: 1px;
}

.UIWizard .UIWizardPageSetInfo .SelectedPageInfo .PageInfoContainer {
  background: #efefef;
  padding: 22px 0px;
  border:  solid 1px #cdcdcd;
 }

.UIWizard .UIWizardPageSetInfo .SelectedPageInfo .PageNodeInfo {
  width: 90%; height: 25px; 
  line-height: 25px;
  background: white;
  margin: auto;
  border: solid 1px #b7b7b7;
  overflow: hidden;
}

.UIWizard .UIWizardPageSetInfo .SelectedPageInfo .Icon {
  float: left;/* orientation=lt */
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/MiniOrangeBoxPage.gif') no-repeat;
  width: 16px; height: 16px;
  margin: 5px 0px 0px 6px;/* orientation=lt */
}

.UIWizard .UIWizardPageSetInfo .SelectedPageInfo .Label {
  float: left;/* orientation=lt */
  padding: 0px 5px;
  font-weight: bold;
}

.UIWizard .UIWizardPageSetInfo .SelectedPageInfo .Info {
  float: left;/* orientation=lt */
  padding: 0px 5px;
  color: #0683f7; 
  background: none;
}

.UIWizard .UIWizardPageSetInfo .UIFormWithTitle {
  margin-top: 5px;
  width: 90%;
  overflow: hidden;
}

.UIWizard .UIWizardPageSetInfo .UIFormWithTitle .UIAction {
  display: none;
}

.UIWizard .UIWizardPageSetInfo .UIFormWithTitle .HorizontalLayout {
  background: white;
  height: 175px;
}

.UIWizard .UIWizardPageSetInfo .UIFormWithTitle textarea {
  width: 220px; height: 80px;
  background: white;
  font-family: verdana;
  border: solid 1px gray;
  padding-left: 5px;/* orientation=lt */
}

/*========================== Start UIWizard Step 3 ==============================*/
.UIWizard .UIItemSelector {
  padding: 10px;
  background: #f4f4f4;
  margin: 0px;
}

.UIWizard .UIItemSelector .ItemListContainer {
  width: 250px;
  height: auto;
}

.UIWizard .UIItemSelector .ItemDetailList {
  background: #ffffff;
}

.UIWizard .UIItemSelector .RightColumnStyle .ItemDetailList .ItemDetail {
  height: 260px;
  padding-top: 21px;
}

.UIWizard .LayoutHolder {
  width: 310px;
  text-align: center;
  margin: 0px auto; 
}

.UIWizard .LayoutHolder .LayoutLabel {
  height: 30px; line-height: 30px; 
  margin: auto;
  text-align: center;
}

.UIWizard .UIContainerConfigOptions {
	margin: 0px 3px;
}

.UIWizard .UITrees {
	overflow: hidden;
}

.UIWizard .TreeContainer {
	height: 259px;
}

/*####################- HorizontalLayout -#################*/
.UIForm .HorizontalLayout {
  border: 1px solid #aeaeae;
  background: #F7F7F7;
  padding: 10px;
}	
	
.UIFormGrid {
	width: auto;
	margin: auto;
}

.UIForm .UIFormGrid td.FieldLabel {
	padding: 4px;
	text-align: right; /* orientation=lt */
	vertical-align: top;
}

.UIForm .UIFormGrid td.FieldComponent {
	padding: 4px;
	*padding: 2px 0px 4px 4px;
}

.UIForm .HorizontalLayout .MultiValueContainer {
	margin-bottom: 5px;
}

.UIForm .HorizontalLayout .MultiValueContainer .MultiFieldAction {
	margin: 0px 3px;
}

.UIForm .HorizontalLayout .FieldContainer .UIFormMultiValueInputSet {
	float: left;
	margin: 0px 10px 0px 5px;
}

.UIForm .HorizontalLayout .UIFormInputSet {
	padding: 10px;
	margin: auto;
}

.HorizontalLayout .UIForm .UIFormInputSet {
	padding: 10px; margin: auto;
}

.UIForm .HorizontalLayout .UIFormInputSet .Title {
	margin: 10px 0px 0px 10px;/* orientation=lt */
	color: #5f7fd6;
}

.UIForm .HorizontalLayout .UIFormInputSet .ItemLabel {
	float: left;/* orientation=lt */
	font-weight: bold;
	width: 100px;
}

.UIForm .HorizontalLayout .UIFormInputSet .ItemValue {
	margin-left: 5px;/* orientation=lt */
	float: left;/* orientation=lt */
	color: #2f76e2;
}

.UIForm .HorizontalLayout .UIFormInputSet .ItemValueDescription {
	margin-top: 10px;
	height: 50px;
	border: solid 1px gray;
	background: white;
}

.UIForm .HorizontalLayout input {
	width: 235px;
	font-size: 11px;
}

.UIForm .FieldComponent .FieldComponent input {
	width: 200px;
}

.UIForm .HorizontalLayout input.checkbox {
	width: 16px;
	margin: 0px;
}

.UIForm .HorizontalLayout input.radio {
	width: 15px;
	margin-right: 5px;/* orientation=lt */
}

.UIForm .HorizontalLayout textarea {
	width: 235px;	height: 75px;
	font-size: 11px;
	border: 1px solid #b7b7b7;
}

.UIForm .HorizontalLayout select {
	width: 239px;
	font-size: 11px;
}

.HorizontalLayout .UIForm input {
	width: 235px;
	font-size: 11px;
}

.HorizontalLayout .UIForm input.checkbox {
	width: 16px;
	margin: 0px;
}

.HorizontalLayout .UIForm input.radio {
	width: 15px;
}

.HorizontalLayout .UIForm textarea {
	width: 232px;	height: 75px;
	font-size: 11px;
}

.HorizontalLayout .UIForm select {
	width: 239px;
	font-size: 11px;
}

/*####################- VerticalLayout -#################*/

.UIForm .VerticalLayout {
}

.UIForm .VerticalLayout	label {
	text-align: left;/* orientation=lt */
	font-weight: bold;
	margin-bottom: 15px;
}

.UIForm .VerticalLayout input {
	width: 170px;
	border:	1px solid gray;
	font-size: 11px;
}

.UIForm .VerticalLayout input.checkbox {
	width: auto;
}

.UIForm .VerticalLayout textarea {
	width: 170px;	height: 75px;
	border: 1px solid gray;
	font-size: 11px;	
}

.UIForm .VerticalLayout select {
	width: 170px;
	font-size: 11px; 
}

/*####################- UIFormInputSet -#################*/
.UIFormInputSet .UIFormInputSetWithAction .UIFormGrid td {
	padding: 0px 4px;
}

/*####################- UIPermissionForm -#################*/

.UIPermissionForm .UIGroupSelector .RightGroupSelector .Content {
	height: 160px;
}

.UIPermissionForm .UIForm .HorizontalLayout .UIAccessGroup td.FieldLabel {
	line-height: 16px;
}

.UIPermissionForm .UIForm .UIAccessGroup .UIFormGrid td.FieldComponent {
	padding: 4px;
	*padding: 2px 0px 4px 4px;
}
  .UIFormInputDecoratorSelector .UIItemSelector .NormalStyle .ItemListContainer {
	width: 230px;
	overflow: auto;
}

.UIFormInputDecoratorSelector .UIItemSelector .NormalStyle .ItemList {
	height: 272px;
	overflow: auto;
	padding-top: 15px;
}

.UIFormInputDecoratorSelector .UIItemSelector .ItemDetailList {
	margin-right: 0px;
  padding: 1px;
  border: 1px #b7b7b7 solid;
  background: white;
}

.UIFormInputDecoratorSelector .UIItemSelector .DecoratorTemplateContainer {
	border: 1px #c7c7c7 solid;
}

.UIFormInputDecoratorSelector .UIItemSelector .Template {
	padding: 20px 20px 0px 20px; 
	height: 190px;
}

.UIFormInputDecoratorSelector .SampleBackground {
	background: white; border: 1px solid #c7c7c7;
	height: 160px; 
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .MiddleBackground {
	background: none;
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .TopLeftCorner {
	background: none;
	height: 10px;
	padding-left: 10px;/* orientation=lt */
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .TopCenter {
	background: none;
	height: 10px;
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .TopRightCorner {
	background: none;
	padding-right: 10px;/* orientation=lt */
	height: 10px;
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .MiddleLeftSide {
	background: none;
	padding-left: 10px;/* orientation=lt */
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .MiddleRightSide {
	background: none;
	padding-right: 10px;/* orientation=lt */
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .BottomRightCorner {
	background: none;
	padding-right: 10px;/* orientation=lt */
	height: 10px;	
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .BottomCenter {	
	background: none;	
	height: 10px;
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .BottomLeftCorner {
	background: none;
	padding-left: 10px;/* orientation=lt */
	height: 10px;
}

.UIFormInputDecoratorSelector .SelectedInfo {
  padding-left: 20px;/* orientation=lt */
  padding-bottom: 15px;
  width: 90%;
}

.UIFormInputDecoratorSelector .SelectedInfo .UIFormInputSet .Title {
  margin-left: 20px;/* orientation=lt */
  font-weight: bold; 
  color: black;
  padding-left: 5px;/* orientation=lt */
  padding-right: 5px;/* orientation=lt */
}

.UIFormInputDecoratorSelector .SelectedInfo .UIFormInputSet {
  margin-top: 0px;
}

.UIFormInputDecoratorSelector .SelectedInfo .UIFormInputSet .FieldContainer{
  margin-top: 8px;
  padding-left: 20px;/* orientation=lt */
  white-space: nowrap;
}

.UIFormInputDecoratorSelector .SelectedInfo .UIFormInputSet .Icon{
  margin-right: 3px; /* orientation=lt */
  margin-top: 10px;
  float: left;/* orientation=lt */
}


.UIFormInputDecoratorSelector .SelectedInfo .UIFormInputSet .FieldContainer .ItemLabel{
  font-size: 12px; font-weight: normal;
  margin-left: 5px;/* orientation=lt */
}

.UIFormInputDecoratorSelector .SelectedInfo .UIFormInputSet .FieldContainer .ItemValue{
  font-size: 12px; 
  margin-left: 10px;/* orientation=lt */
}

.UIFormTabPane  {
  padding-top: 5px ;
}

.UIFormTabPane .FormTabPaneContainer {
  background: white ;
  border-left: solid 1px #638294 ; border-right: solid 1px #638294 ;
}

.UIFormTabPane .UITabPane {
  border: none;
  padding: 0px;
}
.UITestFormPortlet .UIFormWithTitle {
	margin: 0px;
}

.UIFormWithTitle {
  width: 500px;
  margin: auto;
}

.UIFormWithTitle .TitleBar {
  padding-left: 15px;		/* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIForms/UIFormWithTitle/background/TitleBG1x20.gif') repeat-x;
  height: 19px;
  vertical-align: middle;  line-height: 19px;
  border: solid 1px #b7b7b7;
}

.UIFormWithTitle .HorizontalLayout {
  background: #efefef;
  border: 1px #b7b7b7 solid;
  border-top: none;
}
.UIHorizontalTabs {
}

.UIHorizontalTabs .CenterHorizontalTabs {
  overflow-y: hidden;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle.gif') repeat-x center top;
  padding: 0px 6px;
}

.UIHorizontalTabs .TabsContainer {
 	height: 24px;
}

.UIHorizontalTabs .UITab {
  float: left; /* orientation=lt */
  font-weight: bold;
  text-align: center;
  width: auto;
}

/*###########################--NavigationTabTab--############################*/
.UIHorizontalTabs .UITab .NormalNavigationTab {
  line-height: 33px; 
  margin-left: 1px;
}

.UIHorizontalTabs .UITab .NormalNavigationTab .LeftTab {
  line-height: 33px;
  padding-left: 2px;
}

.UIHorizontalTabs .UITab .NormalNavigationTab .RightTab {
  line-height: 33px; 
  padding-right: 2px;
}

.UIHorizontalTabs .UITab .NormalNavigationTab .MiddleTab {
  line-height: 33px;
  text-align: center;
  padding: 2px 8px 0;
}

.UIHorizontalTabs .UITab .NormalNavigationTab .TabIcon {
  color: #fff;
  line-height: 31px;
}

.UIHorizontalTabs .UITab .NormalNavigationTab a {
  color: #fff;
}

.UIHorizontalTabs .UITab .NormalNavigationTab .DropDownArrowIcon {
  padding-right: 20px; /* orientation=lt */
background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NavDownArrow.gif) no-repeat right;
  cursor: pointer;
}

/*###############-Hightlight Navigation Tab  -################*/

.UIHorizontalTabs .UITab .HighlightNavigationTab {
  line-height: 22px; 
  margin-left: 1px;
}

.UIHorizontalTabs .UITab .HighlightNavigationTab .LeftTab {
  line-height: 33px; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NavigationTab.gif') repeat-x left -66px;
  padding-left: 2px;
}

.UIHorizontalTabs .UITab .HighlightNavigationTab .RightTab {
  line-height: 33px; 
  padding-right: 2px;
}

.UIHorizontalTabs .UITab .HighlightNavigationTab .MiddleTab {
  line-height: 33px; 
  text-align: center;
  padding: 2px 8px 0;
}

.UIHorizontalTabs .UITab .HighlightNavigationTab .TabIcon {
  color: #fff;
  line-height: 31px;
}

.UIHorizontalTabs .UITab .HighlightNavigationTab a {
  color: #fff;
}

.UIHorizontalTabs .UITab .HighlightNavigationTab .DropDownArrowIcon {
  padding-right: 20px; /* orientation=lt */
background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NavDownArrow.gif) no-repeat right;
  cursor: pointer;
}

/*###############-Selected Navigation Tab-################*/

.UIHorizontalTabs .UITab .SelectedNavigationTab {
  line-height: 33px; 
  margin-left: 1px; 
}

.UIHorizontalTabs .UITab .SelectedNavigationTab .LeftTab {
  line-height: 33px; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NavigationTab.gif') no-repeat left top;
  padding-left: 4px;
}

.UIHorizontalTabs .UITab .SelectedNavigationTab .RightTab {
  line-height: 33px; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NavigationTab.gif') no-repeat right top;
  padding-right: 4px;
}

.UIHorizontalTabs .UITab .SelectedNavigationTab .MiddleTab {
  line-height: 33px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NavigationTab.gif') repeat-x left -33px;
  text-align: center;
  padding: 0 8px;
}

.UIHorizontalTabs .UITab .SelectedNavigationTab .TabIcon {
  color: #f57a00;
  line-height: 33px;
}

.UIHorizontalTabs .UITab .SelectedNavigationTab a {
  color: #f57a00;
}

.UIHorizontalTabs .UITab .SelectedNavigationTab .DropDownArrowIcon {
  padding-right: 20px; /* orientation=lt */
background: transparent url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NavDownArrow.gif) no-repeat scroll right center;
  cursor: pointer;
}

/*###########################-- NormalTabStyle --############################*/

.UIHorizontalTabs .NormalTabStyle .NormalTab {
  line-height: 24px; 
  margin-right: 1px; 
  color: #202020; 
  font-weight: normal;
}

.UIHorizontalTabs .NormalTabStyle .NormalTab a {
	line-height: 24px;
}

.UIHorizontalTabs .NormalTabStyle .NormalTab .LeftTab {
  padding-left: 12px;   /* orientation=lt */
  line-height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle.gif') no-repeat left -24px;
}

.UIHorizontalTabs .NormalTabStyle .NormalTab .RightTab {
  line-height: 24px;
  padding-right: 3px;  		/* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle.gif') no-repeat right -24px;
}

.UIHorizontalTabs .NormalTabStyle .NormalTab .MiddleTab {
  line-height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle.gif') repeat-x center -48px;
  cursor: pointer;
  padding: 0px 8px;
}

.UIHorizontalTabs .NormalTabStyle .HighlightTab {
  line-height: 24px;
  margin-right: 1px;
  color: #0666d2; 
  font-weight: normal;
}

.UIHorizontalTabs .NormalTabStyle .HighlightTab .LeftTab {
  line-height: 24px;
  padding-left: 12px;  	/* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle.gif') no-repeat left -72px;
}

.UIHorizontalTabs .NormalTabStyle .HighlightTab .RightTab {
  line-height: 24px;
  padding-right: 3px;  		/* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle.gif') no-repeat right -72px;
}

.UIHorizontalTabs .NormalTabStyle .HighlightTab .MiddleTab {
  line-height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle.gif') repeat-x center -96px;
  cursor: pointer;
  padding: 0px 4px;
}

.UIHorizontalTabs .NormalTabStyle .SelectedTab {
  line-height: 24px;
  margin-right: 1px;
  color: #307dcc; 
}

.UIHorizontalTabs .NormalTabStyle .SelectedTab .LeftTab {
  line-height: 24px;
  padding-left: 15px;  	/* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle.gif') no-repeat left -120px;
}

.UIHorizontalTabs .NormalTabStyle .SelectedTab .RightTab {
  line-height: 24px;
  padding-right: 3px;  		/* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle.gif') no-repeat right -120px;
}

.UIHorizontalTabs .NormalTabStyle .SelectedTab .MiddleTab {
  line-height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NormalTabStyle.gif') repeat-x center -144px;
  cursor: pointer;
  font-weight: normal;
  padding: 0px 8px;
}

/*###########################-- MessageTabDialog --############################*/

/*==============================NormalTab for MessageTab=====================*/
.UIHorizontalTabs .MessageTabDialog .NormalTab {
  line-height: 27px;
  margin-right: 1px; /* orientation=lt */
  color: #202020; font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .LeftTab {
  padding-left: 2px; /* orientation=lt */
  line-height: 27px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .RightTab {
  line-height: 27px;
  padding-right: 7px; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') repeat-y right -182px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .MiddleTab {
  line-height: 21px;
  cursor: pointer;
  padding: 3px 8px 3px 4px; /* orientation=lt */
  color: black; 
  font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab div:hover{
  color: orange;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .TabIcon {
  padding-left: 30px; /* orientation=lt */
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .InfoIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat left -105px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .ErrorIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat left -21px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .WarningIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat left -63px;
}

/*==============================Disable Tab for MessageTab=====================*/

.UIHorizontalTabs .MessageTabDialog .DisabledTab {
  line-height: 27px;
  margin-right: 2px; /* orientation=lt */
  color: #202020; font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .LeftTab {
  padding-left: 2px; /* orientation=lt */
  line-height: 27px;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .RightTab {
  line-height: 27px;
  padding-right: 7px;		/* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') repeat-y right -182px;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .MiddleTab {
  line-height: 21px;
  cursor: pointer;
  padding: 3px 8px 3px 4px; /* orientation=lt */
  color: gray;  
  font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .TabIcon { 
  padding-left: 30px; /* orientation=lt */
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .InfoIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat left -84px ;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .ErrorIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat left top ;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .WarningIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat left -42px;
}


/*==============================Selected Tab for MessageTab=====================*/

.UIHorizontalTabs .MessageTabDialog .SelectedTab {
  line-height: 27px;
  color: #058ee6;
  margin-right: 2px; /* orientation=lt */
 }

.UIHorizontalTabs .MessageTabDialog .SelectedTab .LeftTab {
  line-height: 27px;
  padding-left: 2px; /* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat left -126px;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .RightTab {
  line-height: 27px;
  padding-right: 7px; 	/* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat right -126px;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .MiddleTab {
  line-height: 21px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') repeat-x center -155px;
  cursor: pointer;
  padding: 3px 8px 3px 4px; /* orientation=lt */
  color: #058ee6;  font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab  div:hover{
  color: orange;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .TabIcon {
  padding-left: 30px; /* orientation=lt */
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .InfoIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat left -105px;

}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .ErrorIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat left -21px;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .WarningIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif') no-repeat left -63px;
}
.UITabPane {
	height: 100%;
}

.UITabPane .TabPaneContent {
	padding: 8px;
}

.UITabPane .UITabContentContainer {
  border: solid 1px #aeaeae; border-top: none;
  background: white;
}

.UITabPane .UITabContentContainer .UITabContent {
  background: #f7f7f7;
  border: solid 1px white; border-top: none;
  padding: 10px ;
}

.UITabPane .UIForm .HorizontalLayout {
	border: none;
	background: none;
	padding: 0px;
}

.UITabPane .UIFormWithTitle .HorizontalLayout {
	border: 1px solid #b7b7b7;
	border-top: none;
	padding: 10px;
}

/*#######################-VTabSimpleStyle VerticalSlideTabs-######################*/
.UIVerticalSlideTabs .VTabSimpleStyle .NormalTab{
	cursor: pointer;
	line-height: 26px;
background: #f3f3f3 url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/BottomVTabSimpleStyle224x1.gif) no-repeat bottom right;
	height: 26px;
}

.UIVerticalSlideTabs .VTabSimpleStyle .NormalTab .LeftIcon {
  float: left;/* orientation=lt */
  width: 16px;  height: 16px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow.gif') no-repeat;
  margin: 6px 0px 0px 3px;
}

.UIVerticalSlideTabs .VTabSimpleStyle .NormalTab .TabLabel {
  float: left;			/* orientation=lt */
  height: 26px; line-height: 26px;  
  color: #606060; font-weight: bold;
  text-transform: capitalize;
}

/***-SelectedTab VTabSimpleStyle VerticalSlideTabs-***/

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab {
	cursor: pointer;
background: #e3e4e4 url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/BottomVTabSimpleStyle224x1.gif) no-repeat bottom right;
	height: 26px;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .LeftIcon {
  float: left;/* orientation=lt */
  width: 16px;  height: 16px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayDownArrow.gif') no-repeat;
  margin: 4px 0px 0px 3px;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .TabLabel {
  float: left;			/* orientation=lt */
  height: 26px; 
  line-height: 26px;  
  color: #058ee6; 
  font-weight: bold; 
  text-transform: capitalize;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .ControlContainer {
  float: right;/* orientation=lt */
  padding-right: 2px;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .ControlIcon {
  float: left;			/* orientation=lt */
  margin: 4px 2px 0px 2px;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .EditIcon{
  width: 16px;  
  height: 17px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/EditIcon.gif') no-repeat;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .DeleteIcon{
  width: 20px;  height: 17px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat;
}

.UIVerticalSlideTabs .VTabSimpleStyle .UIVTabContent {
background: #ffffff url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/BottomVTabSimpleStyle224x1.gif) no-repeat bottom right;
  padding: 10px;
  margin: 1px 0px 1px 1px;
  text-transform: capitalize;
}


/*#######################-VTabStyle3 VerticalSlideTabs-######################*/

.UIVerticalSlideTabs .VTabStyle3 {
	cursor: pointer;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .TabLeft {
  padding-left: 4px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/VTabStyle3.gif') no-repeat left top;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .TabRight {
  padding-right: 4px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/VTabStyle3.gif') no-repeat right top;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .TabRepeat {
  height: 26px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/VTabStyle3.gif') repeat-x left -26px;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .LeftIcon {
  float: left;			/* orientation=lt */
  width: 16px;  height: 16px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueNextArrow.gif') no-repeat;/* orientation=lt */
  margin: 6px 5px 0px 5px;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .TabLabel {
  float: left;			/* orientation=lt */
  height: 26px; line-height: 26px;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .SwitchButton {
  float: right;/* orientation=lt */
  width: 16px;  height: 16px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueNextArrow.gif') no-repeat;
  margin: 6px 3px 0px 0px;/* orientation=lt */
  cursor: pointer;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .UIVTabContent {
  background: #ffffff;
  border: solid 1px #b2b1b1;
  padding: 5px;
  margin: 1px 0px;
}

/***-SeltectedTab VerticalSlideTabs-***/

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab {
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .TabLeft {
  padding-left: 3px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/VTabStyle3.gif') no-repeat left -52px;
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .TabRight {
  padding-right: 3px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/VTabStyle3.gif') no-repeat right -52px;
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .TabRepeat {
  height: 26px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UIVerticalSlideTabs/background/VTabStyle3.gif') repeat-x bottom;
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .LeftIcon {
  float: left;			/* orientation=lt */
  width: 16px; height: 16px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueDownArrow.gif') no-repeat;
  margin: 6px 5px 0px 5px;
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .TabLabel {
  float: left;			/* orientation=lt */
  height: 26px; line-height: 26px;  
  color: blue;
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .SwitchButton {
  float: right;/* orientation=lt */
  width: 16px;  height: 16px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueDownArrow.gif') no-repeat;
  margin: 6px 3px 0px 0px;/* orientation=lt */
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .UIVTabContent {
  background: #ffffff;
  border: solid 1px #b2b1b1;
  margin: 1px 0px;
  padding: 5px;
}
/***************************FlatTabStyle************************************/
.UITabSelector {
	padding: 5px;

}

.UITabSelector .UIHorizontalTabs {
  height: 31px;
}

.UITabSelector .UIHorizontalTabs .LeftHorizontalTabs{
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabSelector/background/TabSelector.gif') no-repeat left top;
  padding-left: 2px;
}

.UITabSelector .UIHorizontalTabs .RightHorizontalTabs{
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabSelector/background/TabSelector.gif') no-repeat right top;
  padding-right: 2px;
}

.UITabSelector .UIHorizontalTabs .CenterHorizontalTabs {
  height: 31px;
  padding: 0px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabSelector/background/TabSelector.gif') repeat-x left -31px;
  padding: 0px;
}

.UITabSelector .UIHorizontalTabs .TabsContainer {
  overflow: hidden;
  line-height: 29px;
  height: 29px;
}

.UITabSelector .UIHorizontalTabs .UITab {
  float: left;/* orientation=lt */
}

.UITabSelector .UIHorizontalTabs .LineSeparator {
  float: left;/* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabSelector/background/TabSelector.gif') no-repeat left -91px;
  height: 29px;  
  width: 2px;
  line-height: 29px;
  margin-top: 2px;
}

/*
 minh.js.exo
*/
.UITabSelector .FlatTabStyle .NormalTab {
  line-height: 29px;
  margin: 2px 0px 0px 0px;
  color: #202020; font-weight: normal;
}

.UITabSelector .FlatTabStyle .NormalTab .MiddleTab {
  line-height: 29px;
  cursor: pointer;
  padding: 0px 6px;
}

.UITabSelector .FlatTabStyle .TabIcon {
  margin: 1px 4px 0px 0px; /* orientation=lt */
  width: auto;
  height: auto;
  padding-left: 25px; /* orientation=lt */
}

.UITabSelector .FlatTabStyle .UIPermissionSelector24x24Icon {
  background: url(/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/IconEditPermission.gif) no-repeat left; /* orientation=lt */
}

.UITabSelector .FlatTabStyle .UIListPermissionSelector24x24Icon {
  background: url(/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/IconAccessPermission.gif) no-repeat left; /* orientation=lt */
}

.UITabSelector .FlatTabStyle  a.Title {
  margin-left: 30px; /* orientation=lt */
  line-height: 28px;
  margin: 0px;
  font-weight: bold;
  color: gray; 
}

.UITabSelector .FlatTabStyle  a.Title:hover {
	color: #058ee6; 
}
/*
 minh.js.exo
*/
.UITabSelector .FlatTabStyle .SelectedTab {
  line-height: 29px;
  margin: 2px 0px 0px 0px;
  font-weight: normal; color: #307dcc;
}

.UITabSelector .FlatTabStyle .SelectedTab .MiddleTab {
  line-height: 29px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabSelector/background/TabSelector.gif') repeat-x left -62px;
  cursor: pointer;
  padding: 0px 6px;
}

/************************************ List Permission Selector *******************************/
.UIAccessGroup {
  padding: 10px;
}

.UIAccessGroup .UIGrid {
  width: 95%;
  margin: auto;
}

.UIAccessGroup .UIPageIterator {
	width: 95%;
	margin: 5px auto 0px auto;
}
.UIGroupMembershipSelector {
  padding: 10px;
}

.UIGroupMembershipSelector .SelectedGroupPath {
  background: white;
  border: 1px solid #b7b7b7;
  margin-bottom: 3px; padding: 0px;
}

.UIGroupMembershipSelector .UIBreadcumbs {
  font-weight: normal;
  height: auto;
}

.UIGroupMembershipSelector .UIBreadcumbs .LeftBreadcumbsBar {
  background: none;
  height: auto;
}

.UIGroupMembershipSelector .UIBreadcumbs .RightBreadcumbsBar {
  background: none;
  height: auto;
}

.UIGroupMembershipSelector .UIBreadcumbs .BreadcumbsInfoBar {
  background: none;
}

.UIGroupMembershipSelector .UIBreadcumbs a.Selected {
  color: #058ee6;
}

.UIGroupMembershipSelector .UIBreadcumbs .HomeIcon {
	float: left; /* orientation=lt */
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SmallGroup.gif') no-repeat left ; /* orientation=lt */
}

.UIGroupMembershipSelector .UIBreadcumbs .RightBlackGridArrow16x16Icon {
	float: left; /* orientation=lt */
  margin: 5px 2px 0px 1px ; /* orientation=lt */
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GridRightArrow.gif') no-repeat left; /* orientation=lt */
}

.UIGroupMembershipSelector .Container {
  padding: 10px;
  background: #f4f4f4;
  border: 1px solid #b7b7b7;
}

.UIGroupMembershipSelector .MembershipTitle {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIGroupMembershipSelector/background/TitleBG1x20.gif') repeat-x;
  border-bottom: 1px #b7b7b7 solid; 
  height: 20px; 
  line-height: 20px;
  padding-left: 15px; 		/* orientation=lt */
}

.UIGroupMembershipSelector .GroupSelector {
  float: left; 		/* orientation=lt */
  width: 230px;
  border: 1px solid white;
}

.UIGroupMembershipSelector .UITrees {
  border: none;  
}

.UIGroupMembershipSelector .UITrees .TreeContainer {
  height: 160px;
}

.UIGroupMembershipSelector .BlueLevelUpArrow24x24Icon {
  margin-left: 7px; /* orientation=lt */
}

.UIGroupMembershipSelector .MembershipSelector {
  background: #f4f4f4;
  border: 1px solid white; 
  margin-left: 240px;  		/* orientation=lt */
  height: 183px;
}

.UIGroupMembershipSelector .ContentContainer {
  border: 1px solid #b7b7b7;
}

.UIGroupMembershipSelector .MembershipSelector .OverflowContainer {
  background: white;
  height: 146px; width: auto;
  padding: 7px 0px;
  overflow: auto;
}

.UIGroupMembershipSelector .MembershipSelector .Label {
  line-height: 24px ;
}

.UIGroupMembershipSelector .MembershipSelector  a:hover {
  color: blue; 
}

.UIGroupMembershipSelector  .MembershipSelector .OddRow {
  line-height: 22px;
  padding: 0px 5px;
  width: 80.5%;
  overflow: hidden;
}

.UIGroupMembershipSelector  .MembershipSelector .EvenRow {
  line-height: 22px;
  padding: 0px 5px;
  width: 80.5%;
  overflow: hidden;
}

.UIGroupMembershipSelector .MembershipSelector .ItemIcon {
  height: 22px; 
  line-height: 22px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow.gif') no-repeat left;			/* orientation=lt */
  padding-left: 20px;			/* orientation=lt */
  display: block;
}
.UIItemSelector {
  margin: 2px 0px 2px 2px;/* orientation=lt */
}

.UIItemSelector .ItemDetailList .TemplateContainer .PortalOfficeImage {
  height: 222px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg') no-repeat center -614px;
}

.UIItemSelector .ItemDetailList .TemplateContainer .PortalDefaultImage {
  height: 222px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg') no-repeat center -392px;
}

.UIItemSelector .ItemDetailList .TemplateContainer .PageDefaultImage {
  height: 222px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg') no-repeat center -392px;
}

.UIItemSelector .ItemDetailList .TemplateContainer .PageDesktopImage {
  height: 222px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg') no-repeat center -836px;
}

.UIItemSelector .ItemDetailList .TemplateContainer .ClassicPortalImage {
  height: 222px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg') no-repeat center -392px;
	margin-top: 9px;
}

.UIItemSelector .ItemDetailList .TemplateContainer .WebOSPortalImage {
  height: 222px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg') no-repeat center -170px;
	margin-top: 9px;
}

.UIItemSelector .TemplateContainer .DefaultImage {
  height: 222px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg') no-repeat center -392px;
}

.UIItemSelector .ItemDetailList .TemplateContainer .DesktopImage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg') no-repeat center -836px;
  height: 222px;
}

.UIItemSelector .ItemDetailList .LayoutHolder .DesktopImage {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg') no-repeat top left;
  height: 170px;
  width: 270px;
  margin: auto;
}

.UIItemSelector .ItemDetailList .ItemDescription {
  height: 100px; 
  background: white;
  border: solid 1px #b7b7b7;
  padding: 2px;
}

.UIItemSelector .ItemDetailList .ItemDetail .ItemValueDescription {
  width: 50%; height: 53px; 
  padding-left: 15px;/* orientation=lt */
  margin-top: 12px; 
  overflow: auto;
  border: none;
}
/*=================Right Column Style======================*/
.UIItemSelector .RightColumnStyle {
  width: 99.5%;
  overflow: hidden;
}

.UIItemSelector .RightColumnStyle .ItemListContainer {
  float: right;/* orientation=lt */
  width: 220px;
}

.UIItemSelector .ItemListContainer .ItemList {
  border: 1px #c7c7c7 solid;
background: white url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemList.jpg') no-repeat right bottom;
  height: 240px;
  overflow: auto;
}

.UIItemSelector .RightColumnStyle .ItemListContainer .ItemListBackground {
background: white url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemList.jpg') no-repeat right bottom;
  height: 258px;
}

.UIItemSelector .RightColumnStyle .ItemDetailList {
  height: auto;
  margin-right: 225px;/* orientation=lt */
  padding: 1px ;
}

.UIItemSelector .RightColumnStyle .ItemDetailList .ItemDetail {
  height: 240px;
  background: white;
  border: 1px #C7C7C7 solid ;
}

.UIItemSelector .RightColumnStyle .ItemDetailList .ItemDetailTitle{
  height: 23px;
}

.UIItemSelector .RightColumnStyle .ItemDetailList .ItemDetailContainer{
 	background: #ffffff;
}

.UIItemSelector .RightColumnStyle .ItemListTitle {
	height: 23px;
}

.UIItemSelector .RightColumnStyle .ItemListTitle .ArrowS1Down16x16Icon {
  margin: 3px 0px 0px 4px;/* orientation=lt */
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/MacSkin/GrayAquaDownArrow.png') no-repeat;
  width: 18px; height: 18px;
}

.UIItemSelector .RightColumnStyle .TitleIcon {
  float: left;/* orientation=lt */
  margin: 0px 5px 0px 5px;
}

.UIItemSelector .RightColumnStyle .Title {
  line-height: 22px;
  font-weight: bold; color: #5c5c5c; 
  float: left;/* orientation=lt */
}

.UIItemSelector .RightColumnStyle .ItemListIcon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -418px;

}

.UIItemSelector .RightColumnStyle .ViewListIcon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -434px;
	margin-top: 3px;
}

/*##########################- Default Item  -#########################*/

.UIItemSelector .RightColumnStyle .ItemList .Item {
  height: 26px ; 
  cursor: pointer ;
  border-bottom: 1px solid #dfdfdf;
}

.UIItemSelector .RightColumnStyle .ItemList .Item .LeftItem {
  height: 26px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left top;
  padding-left: 15px;/* orientation=lt */
}

.UIItemSelector .RightColumnStyle .ItemList .Item .RightItem {
  height: 26px; line-height: 26px;
}

.UIItemSelector .RightColumnStyle .ItemList .Item .ItemTitle {
  height: 26px; line-height: 26px;
  padding-left: 3px;/* orientation=lt */
}

/*###########################- Over Item (When mouse over on this item) -############################*/

.UIItemSelector .RightColumnStyle .ItemList .OverItem {
  height: 26px ;
  cursor: pointer ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') repeat-x left -104px;
}

.UIItemSelector .RightColumnStyle .ItemList .OverItem .LeftItem {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -52px;
  padding-left: 15px;/* orientation=lt */
}


.UIItemSelector .RightColumnStyle .ItemList .OverItem .RightItem {
  height: 26px; line-height: 26px; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') repeat-x left -104px;
}

.UIItemSelector .RightColumnStyle .ItemList .OverItem .ItemTitle {
  height: 26px; line-height: 26px; 
  color: #f67a02;
  padding-left: 3px;/* orientation=lt */
}

/*##########################- Selected Item  (When Item is selected)-#########################*/

.UIItemSelector .RightColumnStyle .ItemList .SelectedItem {
  height: 26px ;
  cursor: pointer ;
}

.UIItemSelector .RightColumnStyle .ItemList .SelectedItem .LeftItem {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -26px;
  padding-left: 15px;/* orientation=lt */
}

.UIItemSelector .RightColumnStyle .ItemList .SelectedItem .RightItem {
  height: 26px; line-height: 26px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') repeat-x left -78px;
}

.UIItemSelector .RightColumnStyle .ItemList .SelectedItem .ItemTitle {
  height: 26px; line-height: 26px; 
  color: #0575CA;; 
  padding-left: 3px;/* orientation=lt */
}

/*#######################################-----RightColumnBigItemStyle-----####################################*/


.UIItemSelector .RightColumnBigItemStyle {
  overflow: hidden;
  width: 99.5%;
}

.UIItemSelector .RightColumnBigItemStyle .ItemListContainer {
  float: right; /* orientation=lt */
  width: 210px;
}

.UIItemSelector .RightColumnBigItemStyle .ItemListContainer .ItemList {
  border: 1px #b7b7b7 solid;
background: white url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemList.jpg') no-repeat right bottom;
  height: 290px;
}

.UIItemSelector .RightColumnBigItemStyle .ItemDetailList {
  border: 1px #b7b7b7 solid;
  background: white;
  padding: 1px; 
  margin-right: 220px; /* orientation=lt */
  height: 290px;
}

.UIItemSelector .RightColumnBigItemStyle .ItemListContainer .ItemListTitle {
  font-size: 12px; text-align: center;
  height: 19px; line-height: 19px;
  border: solid 1px #b7b7b7;
  font-weight: bold; 
  margin-bottom: 2px;
  background: url('/eXoResources/skin/DefaultSkin/background/TitleBG1x20.gif') repeat-x;
}

.UIItemSelector .RightColumnBigItemStyle .ImageDecorator {
  height: 230px;
  padding: 5px;
}

/*###########################- Item Default -#############################*/
.UIItemSelector .RightColumnBigItemStyle .ItemList .Item {
  margin: 13px 6px;
  height: 32px;
  cursor: pointer;
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .UserAccountIcon { 
  height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/BigStyleUserAccountItem.gif') no-repeat;
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .MembershipIcon {  
  height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/BigStyleMembershipItem.gif') no-repeat;
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .UserProfileIcon {  
  height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -130px;
  padding-left: 30px; /* orientation=lt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .UserHomeInfoIcon {    
  height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -162px;
  padding-left: 30px; /* orientation=lt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .UserBusinessInfoIcon {
  height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -194px;
  padding-left: 30px; /* orientation=lt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .ItemName {
  height: 32px; line-height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat right -322px;
  padding-right: 15px; /* orientation=lt */
  color: #526791;
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .ItemTitle {
  height: 32px; line-height: 32px; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') repeat-x left -386px;
  color: gray;
  padding-left: 10px; /* orientation=lt */
}


/*###########################- Item Selected -#############################*/
.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem {
  margin: 13px 6px;
  height: 32px;
  cursor: pointer;
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .UserAccountIcon {
  height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/BigStyleUserAccountSelected.gif') no-repeat left;
  padding-left: 30px; /* orientation=lt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .MembershipIcon {
  height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/BigStyleMembershipSelected.gif') no-repeat left;
  padding-left: 30px; /* orientation=lt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .UserProfileIcon {
  height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -226px;
  padding-left: 30px; /* orientation=lt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .UserHomeInfoIcon {
  height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -258px;
  padding-left: 30px; /* orientation=lt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .UserBusinessInfoIcon {
  height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -290px;
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .ItemName {
  height: 32px; line-height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat right -354px;
  padding-right: 15px; /* orientation=lt */
  color: black;
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .ItemTitle {
  height: 32px; line-height: 32px; 
  background: #d3d3eb;
  font-weight: bold; color: black;
  padding-left: 10px; /* orientation=lt */
}

/*#####################- End Item Selected && END BIG STYLE -#########################*/

/*###########################- LeftColumnStyle (The Item List is on the left side) -#########################*/

.UIItemSelector .LeftColumnStyle {
  width: 99.5%;
  overflow: hidden;
}

.UIItemSelector .LeftColumnStyle .ItemListContainer {
  float: left;/* orientation=lt */
  width: 175px;
}

.UIItemSelector .LeftColumnStyle .ItemListContainer .ItemList {
  border: 1px #a4a4a4 solid;
  background: white;
}

.UIItemSelector .LeftColumnStyle .ItemDetailList {
  height: auto;
  margin-left: 180px;/* orientation=lt */
  padding: 1px ;
}

.UIItemSelector .LeftColumnStyle .ItemDetailList .ItemDetail {
  height: 240px;
  background: white;
  border: 1px #a4a4a4 solid ;
}

.UIItemSelector .LeftColumnStyle .ItemDetailList .ItemDetailTitle{
  height: 22px;

}

.UIItemSelector .LeftColumnStyle .ItemListContainer .ItemListTitle {
	height: 23px;
}

.UIItemSelector .LeftColumnStyle .TitleIcon {
  float: left;/* orientation=lt */
  margin: 0px 5px 0px 5px;
}

.UIItemSelector .LeftColumnStyle .Title {
  line-height: 22px;
  font-weight: bold; color: #5c5c5c; 
  float: left;/* orientation=lt */
}

.UIItemSelector .LeftColumnStyle .ItemListIcon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -418px;
}

.UIItemSelector .LeftColumnStyle .ViewListIcon {
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -434px;
	margin-top: 3px;
}

/*##########################- Default Item  -#########################*/

.UIItemSelector .LeftColumnStyle .ItemList .Item {
  height: 26px ;
  cursor: pointer ;
  border-bottom: 1px solid #dfdfdf;
}

.UIItemSelector .LeftColumnStyle .ItemList .Item .LeftItem {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left top;
  padding-left: 15px;/* orientation=lt */
  height: 26px;
}

.UIItemSelector .LeftColumnStyle .ItemList .Item .RightItem {
  height: 26px; line-height: 26px;
}

.UIItemSelector .LeftColumnStyle .ItemList .Item .ItemTitle {
  height: 26px; line-height: 24px; 
  padding-left: 5px;/* orientation=lt */
  white-space: nowrap;
  overflow: hidden;
  width: 95%;
}

.UIItemSelector .LeftColumnStyle .ItemList .Item .CenterItemTitle {
  width: 96%;
  overflow: hidden;
  white-space: nowrap;
}

/*###########################- Over Item (When mouse over on this item) -############################*/

.UIItemSelector .LeftColumnStyle .ItemList .OverItem {
  height: 26px ;
  cursor: pointer ;
  border-bottom: 1px solid #dfdfdf;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') repeat-x left -104px;
}

.UIItemSelector .LeftColumnStyle .ItemList .OverItem .LeftItem {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -52px;
  padding-left: 15px; /* orientation=lt */
}

.UIItemSelector .LeftColumnStyle .ItemList .OverItem .RightItem {
  height: 26px; line-height: 26px; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') repeat-x left -104px;
}

.UIItemSelector .LeftColumnStyle .ItemList .OverItem .ItemTitle {
  height: 26px; line-height: 24px;
  color: #f67a02;
  padding-left: 5px; /* orientation=lt */
  white-space: nowrap;
  overflow: hidden;
  width: 95%;
}

.UIItemSelector .LeftColumnStyle .ItemList .OverItem .CenterItemTitle {
  width: 96%;
  overflow: hidden;
  white-space: nowrap;
}

/*##########################- Selected Item  (When Item is selected)-#########################*/

.UIItemSelector .LeftColumnStyle .ItemList .SelectedItem {
  height: 26px ;
  cursor: pointer ;
  border-bottom: 1px solid #dfdfdf;
}

.UIItemSelector .LeftColumnStyle .ItemList .SelectedItem .LeftItem {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') no-repeat left -26px;
  padding-left: 15px;/* orientation=lt */
  height: 26px;
}

.UIItemSelector .LeftColumnStyle .ItemList .SelectedItem .RightItem {
  height: 25px; line-height: 23px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/SelectedItem.gif') repeat-x left -78px;
}

.UIItemSelector .LeftColumnStyle .ItemList .SelectedItem .ItemTitle {
  height: 26px; 
  line-height: 24px;
  color: #0575CA; 
  padding-left: 5px; /* orientation=lt */
  white-space: nowrap;
  overflow: hidden;
  width: 95%;
}

.UIItemSelector .LeftColumnStyle .ItemList .SelectedItem .CenterItemTitle {
  width: 96%;
  overflow: hidden;
  white-space: nowrap;
}

/*###########################- End LeftColumnItemList -#########################*/

/*###########################- Layout Template -#########################*/

.UIItemSelector .EmptyLayout {
  width: 270px; height: 170px;
  margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat top left;
}

.UIItemSelector .DesktopLayout {
  width: 270px; height: 170px;
  margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/TemplateContainer.jpg') no-repeat top left;
}

.UIItemSelector .DashboardLayout {
  width: 270px; height: 170px;
  margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/DashboardLayout.jpg') no-repeat center;
}

.UIItemSelector .TwoColumnsLayout {
  width: 270px; height: 170px;
  margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat left -170px;
}

.UIItemSelector .ThreeColumnsLayout {
  width: 270px; height: 170px;
  margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat left -340px;
}

.UIItemSelector .TwoColumnsOneRowLayout {
  width: 270px; height: 170px;
  margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat left -510px;
}

.UIItemSelector .TwoColumnsTwoRowsLayout {
  width: 270px; height: 170px;
  margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat left -680px;
}

.UIItemSelector .TwoRowsLayout {
  width: 270px; height: 170px;
  margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat left -850px;
}

.UIItemSelector .ThreeRowsLayout {
  width: 270px; height: 170px;
  margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat left -1020px;
}

.UIItemSelector .OneRowTwoColumnsLayout {
  width: 270px; height: 170px;
  margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat left -1190px;
}

.UIItemSelector .TwoTabsLayout {
  width: 270px; height: 170px;
  margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat left -1360px;
}

.UIItemSelector .ThreeTabsLayout {
  width: 270px; height: 170px;
  margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat left -1530px;
}

.UIItemSelector .ThreeRowsTwoColumnsLayout {
  width: 270px; height: 170px;
  margin: auto;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/ItemSelector.gif') no-repeat left -1700px;
}
.UINodeIconSelector {
}

.UINodeIconSelector .LeftColumnStyle .ItemListContainer .ItemList {
  height: 240px;
background: white url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UINodeIconSelector/background/IconsBoxBg100x65.gif') no-repeat bottom center;
}

.UINodeIconSelector .LeftColumnStyle .ItemListContainer .ItemDetailList {
  height: 263px;
}

.UINodeIconSelector .SelectedIconInfo {
  background: white;
  border: solid 1px #b7b7b7;
  margin-top: 6px;
}

.UINodeIconSelector .ItemDetailList .SelectedIconInfo .UIFormInputSet {
  white-space: nowrap;
}

.UINodeIconSelector .SelectedIconInfo .UIFormInputSet .FieldContainer .ItemLabel {
  font-size: 12px; font-weight: normal;
  margin: 0px 10px 0px 10px;
  float: left;/* orientation=lt */
  width: auto;
}

.UINodeIconSelector .SelectedIconInfo .UIFormInputSet .FieldContainer .ItemValue {
  margin-left: 0px;
  float: none;
  color: #2F76E2;
}

.UINodeIconSelector .IconSelector {
  background: white;
  border: 1px solid  #b7b7b7;
  height: 197px; 
  overflow: auto;
}

.UINodeIconSelector .IconSelector .Icon {
  float: left;/* orientation=lt */
  margin: 2px;
  width: 16px; 
  height: 16px;
}

.UINodeIconSelector .IconSelector a {
  float: left;/* orientation=lt */
  border: 1px white solid;
  margin: 2px;
  cursor: pointer;
  width: 20px;
}

.UINodeIconSelector .IconSelector a:hover {
  border: 1px #c0c0c0 solid;
}

.UINodeIconSelector .IconSelector .SelectedBackground {
  float: left;/* orientation=lt */
  border: 1px red solid;
  margin: 2px;
  cursor: pointer;
  width: 20px;
}

.UINodeIconSelector .LeftColumnStyle .SetDefault a {
	color: black;
	line-height: 22px;
	text-decoration: underline;
}

.UINodeIconSelector .LeftColumnStyle .SetDefault a:hover {
  color: #058EE6;
}
.UIPermissionSelector {
  padding: 10px;
}

.UIPermissionSelector .PermissionSelectorTitleBar {
  margin: 5px 0px 0px 5px;/* orientation=lt */
}

.UIPermissionSelector .PermissionSelectorTitleBar .PermissionIcon {
  background: url('/eXoResources/icons/24x24/PermissionIcon.gif') no-repeat;
  width: 24px; height: 24px;
  margin: 0px 5px 0px 10px;/* orientation=lt */
  float: left;/* orientation=lt */
}

.UIPermissionSelector .PermissionSelectorTitleBar .Title {
  height: 24px; line-height: 24px; 
  font-weight: bold;
  float: left;/* orientation=lt */
}

.UIPermissionSelector .PermissionInfoContainer .InfoContentContainer {
  padding: 5px 0px 0px 0px;
}

.UIPermissionSelector .PermissionInfoContainer .PermissionTypeBar {
  height: 21px; line-height: 21px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIPermissionSelector/background/TypeBarBG1x22.gif') repeat-x;
  border: solid 1px #b7b7b7; border-bottom: none;
  margin: 0px 10px;
}

.UIPermissionSelector .PermissionTypeBar .SeparateLine {
  float: left;/* orientation=lt */
  width: 2px; height: 22px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIPermissionSelector/background/GrayLine2x2.gif') repeat-y;
}

.UIPermissionSelector .PermissionInfoContainer .SelectedPermissionInfo {
  border: solid 1px #d5d5d5;
  background: white;
  margin: 0px 10px;
  padding: 15px 0px 15px 0px;
}

.UIPermissionSelector .PermissionInfoContainer .SelectedPermissionInfo .Icon{
  margin: 0px 5px 0px 15px;
  float: left;/* orientation=lt */
}

.UIPermissionSelector .PermissionInfoContainer .SelectedPermissionInfo .PermissionInfoTitle{
  margin-left: 5px;/* orientation=lt */
  float: left;/* orientation=lt */
  font-weight: bold;
}

.UIPermissionSelector .PermissionInfoContainer .SelectedPermissionInfo .Label {
  margin: 8px 0px 5px 0px;
  float: left;/* orientation=lt */
  width: 100px;
  text-align: right;/* orientation=lt */
}

.UIPermissionSelector .PermissionInfoContainer .SelectedPermissionInfo .Info {
  float: left; /* orientation=lt */
  margin: 8px 0px 5px 10px; /* orientation=lt */
  color: #058ee6;
  background: none;
  width: 320px;
  overflow: hidden;
  white-space: nowrap;
}

.UIPermissionSelector .PermissionInfoContainer .FloatBlockHidden {
	filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;
}

.UIPermissionSelector .PermissionInfoContainer a.FloatBlockHidden {
	cursor: default;
}

.UIPermissionSelector .PermissionInfoContainer a:hover.FloatBlockHidden {
	color: black;
}

.UIPermissionSelector .PermissionInfoContainer .DeletePermissionIcon  {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat left center;/* orientation=lt */
  padding-left: 22px;/* orientation=lt */
  line-height: 21px;
}
 
.UIPermissionSelector .PermissionInfoContainer .SelectPermissionIcon  {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SelectPermission.gif') no-repeat left center;/* orientation=lt */
  padding-left: 22px;/* orientation=lt */
  line-height: 21px;
  height: auto; width: auto;
} 
.UIFormInputThemeSelector {
	
}

.UIFormInputThemeSelector .LeftColumnStyle .ItemListContainer {
	width: 225px;
}

.UIFormInputThemeSelector .LeftColumnStyle .ItemDetailList {
	margin-left: 230px;/* orientation=lt */
}

.UIFormInputThemeSelector .LeftColumnStyle .ItemList .Item {
	height: auto;
	border: none;
}

.UIFormInputThemeSelector .UIThemeSelector .MiddleDecoratorCenter {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIFormInputThemeSelector/background/MiddleTonicBlue1x88.gif') repeat-x;
}

.UIFormInputThemeSelector .ItemList .Item .MiddleDecoratorCenter {
	padding: 10px 0px;
}

.UIFormInputThemeSelector .LeftColumnStyle .ItemList .NameStyle {
	line-height: 20px;
	border: 1px solid #a4a4a4;
	width: 75%;
	text-align: center;
	margin: auto;
	color: #454545;
}

.UIFormInputThemeSelector .LeftColumnStyle .ItemList .UIThemeSelector {
	width: 180px;
	margin: auto;
}

.UIFormInputThemeSelector .LeftColumnStyle .SetDefault {
	float: right;/* orientation=lt */
}

.UIFormInputThemeSelector .LeftColumnStyle .SetDefault a {
	color: black;
	line-height: 22px;
	text-decoration: underline;
}

.UIFormInputThemeSelector .LeftColumnStyle .SetDefault a:hover {
  color: #058EE6;
}

.UIFormInputThemeSelector .LeftColumnStyle .ItemDetailList .DetailView {
	border: 1px solid #a4a4a4;
	padding: 20px 10px;
	height: 200px;
	background: white;
}

.UIFormInputThemeSelector .ItemDetailList .DetailView .UIThemeSelector {
	width: 90%;
	margin: auto;
}

.UIFormInputThemeSelector .LeftColumnStyle .ItemDetailList .NameTheme {
	line-height: 30px;
	text-align: center;
	color: #454545;
	padding-top: 10px;
}

.UIFormInputThemeSelector .LeftColumnStyle .ItemList .Item {
	margin: 5px;
}
.UIUserSelector {
	padding: 10px;
}

.UIUserSelector .SelectUserContainer {
	border: 1px solid #b7b7b7;
}

.UIUserSelector .SelectUserContainer .HorizontalContent {
	border: 1px solid white;
	background: #f1f1f1;
	padding: 10px;
}

.UIUserSelector .InsertAddressContainer {
	padding: 10px;
	border: 1px solid #c0c0c0;
}

/*********************************************UISearch*****************************************/

.UIUserSelector .UISearch {
	padding-bottom: 10px;
}

.UIUserSelector .UIAddressSearchForm {
	padding-top: 7px;
}

.UIUserSelector .UIAddressSearchForm input,.UIUserSelector .UIAddressSearchForm .GroupInput {
	float: left; /* orientation=lt */
}

.UIUserSelector .UIAddressSearchForm input{
	font-size: 11px;
	height: 16px;
	width: 120px;
}

.UIUserSelector .UIAddressSearchForm .GroupInput input {
	width: 300px;
}

.UIUserSelector .UIAddressSearchForm .SearchIcon {
	float: left; /* orientation=lt */
  height: 20px; width: 24px;
  margin: 3px 10px;
}

.UIUserSelector .UIAddressSearchForm .AddressLabel {
	float: left; /* orientation=lt */
	padding: 0px 4px;
	line-height: 21px;	
}

.UIUserSelector .UIAddressSearchForm select {
	float: left; /* orientation=lt */
	height: 21px;
	font-size: 11px;
	margin-left: 4px; /* orientation=lt */
	width: auto;
}

.UIUserSelector .UIGroupMembershipSelector .SelectPageIcon {
	padding: 10px;
}
.UIAction {
  padding: 8px 0px;
}

.UIAction .ActionContainer {
	width: auto;
	margin: auto;
}	

.UIAction .ActionButton {
	display: block;
	float: left; /* orientation=lt */
	margin: 0px 3px;
	cursor: pointer;
}

.UIAction a {
}

.UIAction a:hover {
	color: #058ee6;
}


.UIAction .ActionButton .Icon {
	padding-left: 20px; 	/* orientation=lt */
	width: auto;
  height: auto;
  background-position: left center; 	/* orientation=lt */
  background-repeat: no-repeat;
}

/*##############################-Normal ActionButton-################################*/
.UIAction .NormalStyle {
}

.UIAction .NormalStyle .ButtonLeft {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/NormalStyle.gif') no-repeat left top;
  padding: 0px 0px 0px 3px;
}

.UIAction .NormalStyle .ButtonRight {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/NormalStyle.gif') no-repeat right top;
  padding: 0px 3px 0px 0px ;
}

.UIAction .NormalStyle .ButtonMiddle {
  line-height: 22px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/NormalStyle.gif') repeat-x bottom;
	padding: 0px 12px;	
	display: table-cell;
	white-space: nowrap;
}

/*##############################-Disabled ActionButton-################################*/

.UIAction .DisabledStyle {
}

.UIAction .DisabledStyle .ButtonLeft {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/DisabledStyle.gif') no-repeat left top;
  padding: 0px 0px 0px 3px;
}

.UIAction .DisabledStyle .ButtonRight {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/DisabledStyle.gif') no-repeat right top;
  padding: 0px 3px 0px 0px ;
}

.UIAction .DisabledStyle .ButtonMiddle {
	height: 22px; text-align: center; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/DisabledStyle.gif') repeat-x bottom;
	padding: 0px 12px;
	display: table-cell;
}


/*##############################-LightBlueStyle ActionButton-################################*/

.UIAction .LightBlueStyle .ButtonLeft {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/LightBlueStyle.gif') no-repeat left top;
  padding: 0px 0px 0px 3px;
}

.UIAction .LightBlueStyle .ButtonRight {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/LightBlueStyle.gif') no-repeat right top;
  padding: 0px 3px 0px 0px ;
}

.UIAction .LightBlueStyle .ButtonMiddle {
 	line-height: 22px; text-align: center; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/LightBlueStyle.gif') repeat-x bottom;
	white-space: nowrap;
	display: table-cell;
	padding: 0px 12px;
}

/*##############################-SimpleStyle ActionButton-################################*/

.UIAction .SimpleStyle {
}

.UIAction .SimpleStyle .ButtonLeft {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle.gif') no-repeat left top;
  padding: 0px 0px 0px 10px;
}

.UIAction .SimpleStyle .ButtonRight {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle.gif') no-repeat right top;
  padding: 0px 10px 0px 0px ;
}

.UIAction .SimpleStyle .ButtonMiddle {
  line-height: 21px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIAction/background/SimpleStyle.gif') repeat-x bottom;
	text-align: center;	
	padding: 0px 12px;
	display: table-cell;	
	white-space: nowrap;
}

.UIAction a.SimpleStyle {
  color: #313131;
  margin: 0px 6px; 
  white-space: nowrap;
}

.UIAction a:hover.SimpleStyle {
  color: #1273df;
}
/*###########################-RoundedBarStyle-###########################*/
.UIBarStyle .RoundedBarStyle {
  height: 25px;
}

.UIBarStyle .RoundedBarStyle .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/RoundedBarStyle.gif') no-repeat top left;
  padding: 0px 0px 0px 8px;
}

.UIBarStyle .RoundedBarStyle .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/RoundedBarStyle.gif') no-repeat top right;
  padding: 0px 8px 0px 0px ;
}

.UIBarStyle .RoundedBarStyle .MiddleBar {
  height: 25px;
  line-height: 25px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/RoundedBarStyle.gif') repeat-x bottom;
}

/*###########################-WhiteRoundedBarStyle-###########################*/
.UIBarStyle .WhiteRoundedBarStyle {
  height: 25px;
}

.UIBarStyle .WhiteRoundedBarStyle .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/WhiteRoundedBarStyle.gif') no-repeat left;
  padding: 0px 0px 0px 12px;
}

.UIBarStyle .WhiteRoundedBarStyle .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/WhiteRoundedBarStyle.gif') no-repeat right;
  padding: 0px 12px 0px 0px ;
}

.UIBarStyle .WhiteRoundedBarStyle .MiddleBar {
  height: 25px;
  line-height: 25px;
  background: white;
  border-top: solid 1px #c0bfbf;
  border-bottom: solid 1px #c0bfbf;  
}

/*###########################-BarStyle2-###########################*/
.UIBarStyle .BarStyle2 {
  height: 39px;
}

.UIBarStyle .BarStyle2 .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/BarStyle2.gif') no-repeat top left;
  padding: 0px 0px 0px 6px;
  height: 39px;
}

.UIBarStyle .BarStyle2 .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/BarStyle2.gif') no-repeat top right;
  padding: 0px 6px 0px 0px ;
  height: 39px;
}

.UIBarStyle .BarStyle2 .MiddleBar {
  height: 39px;
  line-height: 39px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/BarStyle2.gif') repeat-x bottom;
}

/*###########################-NavyBluePolygonBar32Style-###########################*/
.UIBarStyle .NavyBluePolygonBar32Style {
  height: 32px;
}

.UIBarStyle .NavyBluePolygonBar32Style .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/NavyBluePolygonBar32Style.gif') no-repeat top left;
  padding: 0px 0px 0px 3px;
}

.UIBarStyle .NavyBluePolygonBar32Style .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/NavyBluePolygonBar32Style.gif') no-repeat top right;
  padding: 0px 3px 0px 0px ;
}

.UIBarStyle .NavyBluePolygonBar32Style .MiddleBar {  
  line-height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/NavyBluePolygonBar32Style.gif') repeat-x bottom;
}

/*###########################-Style3Bar-###########################*/
.UIBarStyle .Style3 {
  height: 26px;
}

.UIBarStyle .Style3 .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/Style3.gif') no-repeat top left ;
  padding: 0px 0px 0px 3px ;
}

.UIBarStyle .Style3 .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/Style3.gif') no-repeat top right ;
  padding: 0px 3px 0px 0px ;
}

.UIBarStyle .Style3 .MiddleBar {
  height: 26px ;
  line-height: 26px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/Style3.gif') repeat-x bottom ;
}

/*###########################-SmoothNavy40Style-###########################*/
.UIBarStyle .SmoothNavy40Style {
  height: 40px;
}

.UIBarStyle .SmoothNavy40Style .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/SmoothNavy40Style.gif') no-repeat top left ;
  padding: 0px 0px 0px 13px ;
}

.UIBarStyle .SmoothNavy40Style .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/SmoothNavy40Style.gif') no-repeat top right ;
  padding: 0px 14px 0px 0px ;
}

.UIBarStyle .SmoothNavy40Style .MiddleBar {
  height: 40px ;
  line-height: 40px ;
  vertical-align: middle ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/SmoothNavy40Style.gif') repeat-x bottom;
}

/*###########################-ControlBar-###########################*/
.UIBarStyle .ControlBar .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/ControlBar.gif') no-repeat top left ;
  padding: 0px 0px 0px 12px ;
}

.UIBarStyle .ControlBar .RightBar {
  padding: 0px ;
}

.UIBarStyle .ControlBar .MiddleBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/ControlBar.gif') repeat-x bottom;
  padding: 0px 5px 0px 0px;
  height: 27px;
}

/*============================== Title Bar ========================================*/
.UIBarStyle .TitleBar .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/TitleBar.gif') no-repeat top left ;
  padding-left: 11px ;
  height: 30px;
}

.UIBarStyle .TitleBar .RightBar {
  padding-right: 11px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/TitleBar.gif') no-repeat top right ;
  height: 30px;
}

.UIBarStyle .TitleBar .MiddleBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/TitleBar.gif') repeat-x bottom;
  padding-left: 8px;
  height: 30px; line-height: 30px;
  color: #058ee6; font-weight: bold;
  font-size: 14px; font-family: arial;
}

/*======================================== NormalBarStyle ==================================*/

.UIBarStyle .NormalBarStyle {
  height: 38px;
}

.UIBarStyle .NormalBarStyle .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/NormalBarStyle.gif') no-repeat top left;
  padding: 0px 0px 0px 6px;
}

.UIBarStyle .NormalBarStyle .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/NormalBarStyle.gif') no-repeat top right;
  padding: 0px 6px 0px 0px ;
}

.UIBarStyle .NormalBarStyle .MiddleBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBarStyle/background/NormalBarStyle.gif') repeat-x bottom;
  height: 38px;
  line-height: 38px;
}
/**
 * Created by The eXo Platform SAS
 * Modifile : Vu Duy Tu
 *           duytucntt@gmail.com
 * December 15, 2006
 * version: $Id$
 */
.DecoratrBox {}

/*##############################- GrayRoundedFillBox Style -################################*/
.DecoratorBox .GrayRoundedFillBoxStyle {
}

.DecoratorBox .GrayRoundedFillBoxStyle .TopLeftCornerBoxDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/GrayRounded.gif') no-repeat left top;
  padding: 0px 0px 0px 8px;
}

.DecoratorBox .GrayRoundedFillBoxStyle .TopRightCornerBoxDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/GrayRounded.gif') no-repeat right top;
  padding: 0px 8px 0px 0px ;
}

.DecoratorBox .GrayRoundedFillBoxStyle .TopCenterBoxDecorator {
  height: 8px;
background-image: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/GrayRounded.gif');
  background-repeat: repeat-x;
  background-position: center -8px;
  margin: 0px;
}

.DecoratorBox .GrayRoundedFillBoxStyle .MiddleLeftSideBoxDecorator {
  padding: 0px 0px 0px 8px;
  height: auto;
  background-color: #efefef;
background-image: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/MiddleGrayRounded.gif');
  background-repeat: repeat-y;
  background-position: left;
}

.DecoratorBox .GrayRoundedFillBoxStyle .CenterBoxDecorator {
  background: #efefef;
  height: auto;
}

.DecoratorBox .GrayRoundedFillBoxStyle .MiddleRightSideBoxDecorator {
  padding: 0px 8px 0px 0px ;
  height: auto;
background-image: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/MiddleGrayRounded.gif');
  background-repeat: repeat-y;
  background-position: right;
}

.DecoratorBox .GrayRoundedFillBoxStyle .BottomLeftCornerBoxDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/GrayRounded.gif') no-repeat left bottom ;
  padding: 0px 0px 0px 8px;
}

.DecoratorBox .GrayRoundedFillBoxStyle .BottomRightCornerBoxDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/GrayRounded.gif') no-repeat right bottom;
  padding: 0px 8px 0px 0px ;
}

.DecoratorBox .GrayRoundedFillBoxStyle .BottomCenterBoxDecorator {
  height: 8px;
background-image: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/GrayRounded.gif');
  background-repeat: repeat-x;
  background-position: center -16px;
}

/*##############################- Bar Decorator-################################*/

.DecoratorBox .BarDecorator .TopRightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/BarDecorator.gif') no-repeat right -3px;
  padding-right: 3px;/* orientation=lt */
  height: 3px;
}

.DecoratorBox .BarDecorator .TopCenterBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/BarDecorator.gif') repeat-x top;
  height: 3px;
}

.DecoratorBox .BarDecorator .MiddleCenterBar {
background: #a0bbdf url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/MRBarDecorator.gif') repeat-y right;
  padding: 2px 5px 2px 5px;
  color: #fff;
  font-weight: bold;
}

.DecoratorBox .BarDecorator .BottomCenterBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/BarDecorator.gif') repeat-x left -6px;
  height: 3px;
}

.DecoratorBox .BarDecorator .BottomRightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/BarDecorator.gif') no-repeat right bottom;
  padding-right: 3px;/* orientation=lt */
  height: 3px;
}

/*##############################- View box style-################################*/

.DecoratorBox .ViewBoxStyle .MiddleCenterViewBoxStyle {
  background: #ffffff ;
}

.DecoratorBox .ViewBoxStyle .TopLeftViewBoxStyle {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/ViewBoxStyle.gif') no-repeat left top;
  padding: 0px 0px 0px 8px;
}

.DecoratorBox .ViewBoxStyle .TopCenterViewBoxStyle {
  height: 8px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/ViewBoxStyle.gif') repeat-x left -8px;
}

.DecoratorBox .ViewBoxStyle .TopRightViewBoxStyle {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/ViewBoxStyle.gif') no-repeat right top;
  padding: 0px 8px 0px 0px ;
}

.DecoratorBox .ViewBoxStyle .MiddleLeftViewBoxStyle {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/MiddleViewBoxStyle.gif') repeat-y left;
  padding: 0px 0px 0px 4px ;
}

.DecoratorBox .ViewBoxStyle .MiddleRightViewBoxStyle {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/MiddleViewBoxStyle.gif') repeat-y right;
  padding: 0px 4px 0px 0px ;
}

.DecoratorBox .ViewBoxStyle .BottomLeftViewBoxStyle {
  width: auto; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/ViewBoxStyle.gif') no-repeat left bottom;
  padding: 0px 0px 0px 8px ;
}

.DecoratorBox .ViewBoxStyle .BottomCenterViewBoxStyle {
  height: 8px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/ViewBoxStyle.gif') repeat-x left -16px;
}

.DecoratorBox .ViewBoxStyle .BottomRightViewBoxStyle {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIBoxDecorator/background/ViewBoxStyle.gif') no-repeat right bottom;
  padding: 0px 8px 0px 0px ;
}
.LineDecorator4px {
	height: 4px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIDecorator/background/LineDecorator.gif') repeat-x top;
}

.LineDecorator6px {
	height: 6px ;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIDecorator/background/LineDecorator.gif') repeat-x left -4px;
}

.LineDecorator8px {
	height: 8px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIDecorator/background/LineDecorator.gif') repeat-x left -6px;
}

.LineDecorator23px {
	height: 23px;	
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIDecorator/background/LineDecorator.gif') repeat-x bottom;
	margin: 1px 0px 0px 0px;
  border: solid 1px #5f90ba;
}
.UIInfoBar {
}

/*######################-Rounded Style-######################*/
.UIInfoBar .RoundedStyle .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/RoundedStyle.gif') no-repeat left top;
	padding: 0px 0px 0px 6px;
}

.UIInfoBar .RoundedStyle .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/RoundedStyle.gif') no-repeat right top;
	padding: 0px 6px 0px 0px;
}

.UIInfoBar .RoundedStyle .MiddleBar {
	height: 25px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/RoundedStyle.gif') repeat-x center bottom;
}

.UIInfoBar .RoundedStyle .MiddleBar .Icon {
	float: left;/* orientation=lt */
	margin: 5px 4px 0px 6px;
}

.UIInfoBar .RoundedStyle .Title {
	float: left;/* orientation=lt */
	height: 24px; 
	line-height: 24px;
	font-weight: bold;
	overflow: visible;
	margin: 0px 0px 0px 5px;/* orientation=lt */
}

/*######################-Blue Rounded Style-######################*/
.UIInfoBar .BlueRoundedStyle {
	padding: 0px; margin: 0px;
}

.UIInfoBar .BlueRoundedStyle .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/BlueRoundedStyle.gif') no-repeat left top;
	padding: 0px 0px 0px 3px;
}

.UIInfoBar .BlueRoundedStyle .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/BlueRoundedStyle.gif') no-repeat right top;
	padding: 0px 3px 0px 0px;
}

.UIInfoBar .BlueRoundedStyle .MiddleBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/BlueRoundedStyle.gif') repeat-x center bottom;
}
	
.UIInfoBar .BlueRoundedStyle .FixHeight {
	height: 22px;
	overflow: hidden;
}

.UIInfoBar .BlueRoundedStyle .Title {
	float: left; /* orientation=lt */
	text-align: left; /* orientation=lt */
	font-weight: bold; color: black;
	line-height: 15px;
	margin: 4px 0px 0px 4px; /* orientation=lt */
	text-overflow: ellipsis;
	overflow: hidden;
}

.UIInfoBar .BlueRoundedStyle .Icon {
	float: left;/* orientation=lt */
	width: 18px; height: 16px;
	margin: 4px 0px 0px 5px;	
}

/*######################-Simple Style-######################*/
.UIInfoBar .SimpleStyle {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/MRoundedStyle1x21.gif') repeat-x;
	border-right: solid 1px #5f90ba; border-left: solid 1px #5f90ba;
	overflow: hidden; 
}

.UIInfoBar .SimpleStyle .LeftBar {
	float: left;/* orientation=lt */
	height: 21px;
	background: none;
	border-left: solid 1px #4e7180;
}

.UIInfoBar .SimpleStyle .RightBar {
	float: right;/* orientation=lt */
	height: 21px;
	background: none;
	border-right: solid 1px #4e7180;
}

.UIInfoBar .SimpleStyle .MiddleBar {
	height: 21px;
	text-align: left;/* orientation=lt */
	padding: 0px 0px 0px 10px;
}

.UIInfoBar .SimpleStyle .Title {
	float: left;/* orientation=lt */
	height: 21px; line-height: 21px;	
	text-align: left;
	margin: 0px 0px 0px 5px;
}

/*######################-Polygon Navyblue Style-######################*/
.UIInfoBar .PolygonNavyBlueStyle {
	height: 26px;	
}

.UIInfoBar .PolygonNavyBlueStyle .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/PolygonNavyBlueStyle.gif') no-repeat left top;
	padding: 0px 0px 0px 3px;
}

.UIInfoBar .PolygonNavyBlueStyle .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/PolygonNavyBlueStyle.gif') no-repeat right top;
	padding: 0px 3px 0px 0px;
}

.UIInfoBar .PolygonNavyBlueStyle .MiddleBar {
	height: 26px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/PolygonNavyBlueStyle.gif') repeat-x center bottom;
	padding: 0px 0px 0px 2px;
}

/*######################-SmoothStyle-######################*/
.UIInfoBar .SmoothStyle {
	height: 22px;
	border-left: 1px solid #7c7c7c;
	border-right: 1px solid #7c7c7c;
}

.UIInfoBar .SmoothStyle .MiddleBar {
	height: 22px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/MSmoothStyle1x22.gif') repeat-x;
}

/*######################-Smooth Style 26 -######################*/
.UIInfoBar .SmoothStyle26 {
	height: 26px;	
}

.UIInfoBar .SmoothStyle26 .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/SmoothStyle26.gif') no-repeat left top;
	padding: 0px 0px 0px 1px;
}

.UIInfoBar .SmoothStyle26 .RightBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/SmoothStyle26.gif') no-repeat right top;
	padding: 0px 1px 0px 0px;
}

.UIInfoBar .SmoothStyle26 .MiddleBar {
	height: 26px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIBarDecorator/UIInfoBar/background/SmoothStyle26.gif') repeat-x center bottom;
}
.UIPopupMenu {
  display: none;
  background: #e4e4fc;
  text-align: left;/* orientation=lt */
  border: 1px solid #232e8d;
  cursor: default;
}

.UIPopupMenu a:hover {
  color: #1a03fa;
}

.UIPopupMenu .MiddleBar {
  margin: 1px;
  border: solid 1px #fcfcfd;
  border-top: 0px;
}

.UIPopupMenu .MenuItem {
  border-top: 1px solid #fcfcfd;
  border-bottom: 1px solid #232e8d;
  height: 26px;
  line-height: 26px;
}

.UIPopupMenu .MenuItem .MenuItemLeftIcon {
  float: left;/* orientation=lt */
  width: 16px;  height: 16px;
  padding: 5px;
}

.UIPopupMenu .MenuItem .MenuItemText {
  float: left;/* orientation=lt */
}

.UIPopupMenu .MenuItem .MenuItemRightIcon {
  float: right;/* orientation=lt */
  width: 16px;  height: 16px;
  padding: 5px 0px;
}

.UIPopupMenu .MenuItem .MenuItemExpand {
  overflow: visible;
}

/*Use  float: left to align the popup block with this block*/
.UIPopupMenu .MenuItem .MenuItemEntry {
  overflow: hidden;  width: 100%;
  float: left;/* orientation=lt */
  cursor: pointer;  
}

/*###################-ITEM SELECTED STYLE-#################*/
.UIPopupMenu .MenuItemSelected {
  border-top: 1px solid white;
  border-bottom: 1px solid #232e8d;
  height: 26px;
  line-height: 26px;
  background: #6daad9;
}

.UIPopupMenu .MenuItemSelected .MenuItemLeftIcon {
  float: left;/* orientation=lt */
  width: 16px;  height: 16px;
  padding: 5px;
}

.UIPopupMenu .MenuItemSelected .MenuItemText {
  float: left;/* orientation=lt */
  color: white;
}

.UIPopupMenu .MenuItemSelected .MenuItemRightIcon {
  float: right;/* orientation=lt */
  width: 16px;  height: 16px;
  padding: 5px 0px;
}

.UIPopupMenu .MenuItemSelected .MenuItemExpand {
  overflow: visible;
}

/*Use  float: left to align the popup block with this block*/
.UIPopupMenu .MenuItemSelected .MenuItemEntry {
  overflow: hidden;  width: 100%;
  float: left;/* orientation=lt */
  cursor: pointer;  
}

/*###################-END ITEM SELECTED STYLE-#################*/

.UIPopupMessages {
}

.UIPopupMessages .UIHorizontalTabs {
	height: 32px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupMessage/background/MessageTabBar1x33.gif') repeat-x top;
	padding: 2px 4px 0px 4px;
}

.UIPopupMessages .UITabPane .UITabContent {
	border: none;
}

.UIPopupMessages .PopupMessageBox {
  padding: 5px;
  height: 200px;
  overflow: auto;
}

.UIPopupMessages .WarningMessage .MessageContainer  {
  color: orange;
  padding: 4px 0px 4px 10px; /* orientation=lt */
  border-bottom: 1px dotted #c3c3c3;
}

.UIPopupMessages .ErrorMessage .MessageContainer  {
  color: red;
  padding: 4px 0px 4px 10px; /* orientation=lt */
  border-bottom: 1px dotted #c3c3c3;
}

.UIPopupMessages .InfoMessage .MessageContainer {
  padding: 4px 0px 4px 10px; /* orientation=lt */
  border-bottom: 1px dotted #c3c3c3;
}

.UIPopupMessages .PopupMessageContainer .PopupIcon {
  float: left; /* orientation=lt */
  width: 16px; height: 16px;
  margin-top: 5px;
}

.UIPopupMessages .PopupMessageContainer .InfoMessageIcon {
	background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Info.gif) no-repeat top;
}

.UIPopupMessages .PopupMessageContainer .WarningMessageIcon {
	background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Warning.gif) no-repeat top;
}

.UIPopupMessages .PopupMessageContainer .ErrorMessageIcon {
	background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Error.gif) no-repeat top;
}

.UIPopupMessages .PopupMessageContainer .PopupMessage {
  line-height: 16px;
  vertical-align: middle;
  padding: 5px 0px;
  margin-left: 25px; /* orientation=lt */
}

.UIPopupMessages .MessageActionBar {
	background: #f5f5f5;
	border-top: 1px solid #b2b2b2;
}

.UIPopupMessages .UIAction .ActionContainer .ActionButton {

}
.UIPopupCategory {
/*
	filter:alpha(opacity=50);
	-moz-opacity: 0.5 ;
	opacity: 0.5; For Mozilla FireFox
	khtml-opacity: 0.5;
*/
	position: absolute;
	width: 120px;
	top: 15px;
	left: -85px; /* orientation=lt */
}

.UIPopupCategory .PopupCategoryDecorator {
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryTL {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/PopupCategory.gif') no-repeat left top;
  padding-left: 6px; /* orientation=lt */
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryTC {
  height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/PopupCategory.gif') repeat-x left -39px;
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryTR {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/PopupCategory.gif') no-repeat right -16px;
  padding-right: 35px; /* orientation=lt */
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryML {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/MidlePopupCategory.gif') repeat-y left;
  padding-left: 6px; /* orientation=lt */
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryMC {
  background: #efefef;
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryMR {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/MidlePopupCategory.gif') repeat-y right;
  padding-right: 8px; /* orientation=lt */
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryBL {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/PopupCategory.gif') no-repeat left -32px;
  padding-left: 6px; /* orientation=lt */
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryBC {
  height: 7px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/PopupCategory.gif') repeat-x left -55px;
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryBR {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/PopupCategory.gif') no-repeat right -32px;
  padding-right: 8px; /* orientation=lt */
}

.UIPopupCategory .CategoryItem .Icon {
  width: 16px;
  height: 16px;
  float: left; /* orientation=lt */
  margin: 3px 3px 0px 7px;/* orientation=lt */
  background: transparent url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow.gif') no-repeat;
}

.UIPopupCategory .CategoryItem .ModifiedIcon {
	margin-left: 0px;
}

.UIPopupCategory .CategoryItem {
  color: #333;
  background: #efefef;
  border-bottom: 1px #cdcdcd solid;
  cursor: pointer;
  display: block;
}

.UIPopupCategory .CategoryItem:hover {
	background: #cbcff2;
  color: #2569dc;
}

.UIPopupCategory .CategoryItem .CategoryItemLabel {
  padding-left: 18px; /* orientation=lt */
  height: 22px;
  line-height: 22px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow.gif') no-repeat left center; /* orientation=lt */
}
.UIPopupWindow {	
	position: absolute;
	visibility: hidden;
}

.UIPopupWindow .PopupTitleIcon {
	float: left; /* orientation=lt */
	margin: 5px 0px 0px 3px; /* orientation=lt */
	width: 16px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/PopupWindow.gif') no-repeat left bottom;
}

.UIPopupWindow .PopupTitleIconRight {
	float: right;
	margin: 5px 3px 0px 0px;
	width: 19px; height: 16px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/PopupWindow.gif') no-repeat left bottom;
}

.UIPopupWindow .PopupTitle {
	margin: 4px 26px 0px 26px;
	font-weight: bold; text-align: center;
	height: 16px; line-height: 16px; vertical-align: middle; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/PopupWindow.gif') repeat-x center -30px;
	cursor: move;
}

.UIPopupWindow .CloseButton {
	float: right; /* orientation=lt */
	margin: 5px 3px 0px 0px; /* orientation=lt */
	cursor: pointer;
	width: 19px; height: 15px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/PopupWindow.gif') no-repeat right bottom;
}

.UIPopupWindow .TopLeftCornerDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/PopupWindow.gif') no-repeat left -69px;
	padding-left: 3px;
}

.UIPopupWindow .TopCenterDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/PopupWindow.gif') repeat-x center -46px;
	height: 23px; 
}

.UIPopupWindow .TopRightCornerDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/PopupWindow.gif') no-repeat right -69px;
	padding-right: 3px;
}

.UIPopupWindow .MiddleLeftSideDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/MiddlePopupWindow.gif') repeat-y left;
	padding-left: 3px ;	
}

.UIPopupWindow .MiddleCenterDecorator {
	background: #bcc6f7;
	padding: 1px 1px 0px 1px;
}

.UIPopupWindow .MiddleRightSideDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/MiddlePopupWindow.gif') repeat-y right;
	padding-right: 3px;	
}

.UIPopupWindow .UIWindowContent {
	border: 1px solid gray;
	border-right: 1px solid #b7b7b7;
	border-bottom: 1px solid #b7b7b7;
}

.UIPopupWindow .PopupContent {
	width: 100%;
	background: white;
	overflow: auto;
}

.UIPopupWindow .ResizeButton {
	display: none;
	width: 18px; height:3px; 
	float: right;
	margin-right: 2px;
	cursor: nw-resize;
}

.UIPopupWindow .BottomLeftCornerDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/PopupWindow.gif') no-repeat left -26px;
	padding-left: 3px;
}

.UIPopupWindow .BottomCenterDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/PopupWindow.gif') repeat-x right -11px;
	height: 4px;
	width: 100%;
}

.UIPopupWindow .BottomRightCornerDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/PopupWindow.gif') no-repeat right -26px;
	padding-right: 3px ;	
}

.UIPopupWindow .Content .UIPageBrowser {
	padding: 7px 4px 0px 8px;
	width: 96%;
	margin: auto;
}

/***************************Begin PoupWindow ExoMessage**********************************/
.UIPopupWindow .ExoMessageDecorator {
	background: white;
	padding: 2px;
	overflow: hidden;/*Fix for IE*/
}

.UIPopupWindow .ExoMessageDecorator .TopLeftCornerDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/ExoMessageDecorator.gif') no-repeat left top;
	padding-left: 4px;
	height: 25px;
}

.UIPopupWindow .ExoMessageDecorator .TopRightCornerDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/ExoMessageDecorator.gif') no-repeat right top;
	padding-right: 4px;
	height: 25px;
}

.UIPopupWindow .ExoMessageDecorator .TopCenterDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/ExoMessageDecorator.gif') repeat-x center -25px;
	height: 25px;
}

.UIPopupWindow .ExoMessageDecorator .PopupTitle {
	background: none;
	text-align: left; /* orientation=lt */
}

.UIPopupWindow .ExoMessageDecorator .PopupTitleIcon {
	width: 16px;	height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Message.gif') no-repeat;
	float: left; /* orientation=lt */
	margin: 4px 0px 0px 4px; /* orientation=lt */
}

.UIPopupWindow .ExoMessageDecorator .MiddleLeftSideDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/MiddleExoMessage.gif') repeat-y left;
	padding-left: 4px;
	height: 100%;
}

.UIPopupWindow .ExoMessageDecorator .MiddleRightSideDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/MiddleExoMessage.gif') repeat-y right;
	padding-right: 4px;
}

.UIPopupWindow .ExoMessageDecorator .MiddleCenterDecorator {
	background: #ffffff;
	padding: 0px;
}

.UIPopupWindow .ExoMessageDecorator .BottomLeftCornerDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/ExoMessageDecorator.gif') no-repeat left bottom;
	padding-left: 4px; 
}

.UIPopupWindow .ExoMessageDecorator	.UIWindowContent {
	padding: 0px; margin:0px;
	background: none;
}

.UIPopupWindow .ExoMessageDecorator	.UIWindowContent .Content {
	padding: 0px; margin:0px;
	border: none;
	background: none;
}

.UIPopupWindow .ExoMessageDecorator .BottomRightCornerDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/ExoMessageDecorator.gif') no-repeat right bottom;
	padding-right: 4px;
}

.UIPopupWindow .ExoMessageDecorator .BottomCenterDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/background/ExoMessageDecorator.gif') repeat-x center -50px;
	height: 4px;
}

.UIPopupWindow .ExoMessageDecorator .UITabContentContainer {
	border: none;
}

.UIPopupWindow .ExoMessageDecorator .UITabContentContainer .UITabContent {
	height: auto;
	background: none;
	border: none;
	padding: 0px;
}


.UIPageDesktop .UIWindow .WindowBarCenter .WindowPortletInfo {
  cursor: move;
}

/*##########################################################*/

.UIWindow .InactiveWindowPortletControl {
	display: none;
}

.UIWindow .UIApplication {
	overflow: auto;
}

/*======================== UIPageBody ================================*/
.UIWindow {
	width: 98.5%; height: auto;
	margin: 0px auto 0px auto; 
}

.UIPageBody .UIWindow .UIApplication {
	height: auto;
}

.UIPageBody .UIWindow .ResizeArea {
	float: right;
	width: 0px; height: 0px;
	background: none;
}

.UIPageBody .Empty {
	width: 500px;
	margin: 0px auto;
	padding: 30px 0px;
}

/*======================== UIPortalWarning ================================*/
.UIPageBody .UIPortalWarning {
	font-family: tahoma;
	font-size: 12px;
}

.UIPageBody .UIPortalWarning .LeftTopWarning {
	background: url('/eXoResources/skin/sharedImages/LeftTopWarning7x58.gif') no-repeat left top;	
	height: 40px;
	padding-left: 7px;
}

.UIPageBody .UIPortalWarning .RightTopWarning {
	background: url('/eXoResources/skin/sharedImages/RightTopWarning7x58.gif') no-repeat right top;	
	height: 40px;
	padding-right: 7px;
}

.UIPageBody .UIPortalWarning .CenterTopWaring {
	background: url('/eXoResources/skin/sharedImages/CenterTopWarning1x58.gif') repeat-x top;	
	height: 40px;
	line-height: 40px;
}

.UIPageBody .UIPortalWarning .CenterTopWaring	.TitleWaring {
	background: url('/eXoResources/skin/sharedImages/WarningIcon.gif') no-repeat left center;	
	padding-left: 50px;
	font-size: 15px;
	font-weight: bold;
	line-height: 40px;
	text-align: left;/* orientation=lt */
	margin-left: 20px;/* orientation=lt */
}

.UIPageBody .UIPortalWarning .LeftMiddleWarning {
	background: white url('/eXoResources/skin/sharedImages/LeftMiddleWarning7x1.gif') repeat-y left;	
	padding-left: 7px; 
}

.UIPageBody .UIPortalWarning .RightMiddleWarning {
	background: url('/eXoResources/skin/sharedImages/RightMiddleWarning7x1.gif') repeat-y right;	
	text-align: left;
	padding: 30px 30px 50px 30px;
}

.UIPageBody .UIPortalWarning .RightMiddleWarning .Icon {
	background: url('/eXoResources/skin/sharedImages/BlueNextArrow.gif') no-repeat left 5px;/* orientation=lt */
	padding: 6px 0px 6px 20px;/* orientation=lt */
	text-align: left;/* orientation=lt */
}

.UIPageBody .UIPortalWarning .LeftBottomWarning {
	background: url('/eXoResources/skin/sharedImages/LeftBottomWarning7x7.gif') no-repeat left center;	
	height: 7px;
	padding-left: 7px;
}

.UIPageBody .UIPortalWarning .RightBottomWarning {
	background: url('/eXoResources/skin/sharedImages/RightBottomWarning7x7.gif') no-repeat right center;	
	height: 7px;
	padding-right: 7px;
}

.UIPageBody .UIPortalWarning .CenterBottomWaring {
	background: url('/eXoResources/skin/sharedImages/CenterBottomWarning1x7.gif') repeat-x center;	
	height: 7px;
}
  .UIRightClickPopupMenu {
  display: none;
  position: absolute;
}

.UIContextMenuContainer {
  background: #c4c4c4;
  border: 1px solid #7e7e7f;
} 

.UIRightClickPopupMenu .UIRightPopupMenuContainer {
  margin: 1px;
  padding: 5px 0px;
  background: #f6f6f6;
}

.UIRightClickPopupMenu .RightClickCustomItem {
	display: none;
}
	
.UIRightClickPopupMenu .ItemIcon {
  padding: 5px 0px 5px 26px;/* orientation=lt */
  line-height: 16px;
  width: auto;
  cursor: pointer;
  white-space: nowrap;
  display: block;
  background-position: 6px center; /* orientation=lt */
}

.UIRightClickPopupMenu .UIRightPopupMenuContainer a:hover {
  color: orange;
  background-color: #dee4f2;
}

.UIRightClickPopupMenu .AddNode16x16Icon {
  width: auto;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueCirclePlus.gif') no-repeat 6px center; /* orientation=lt */
}

.UIRightClickPopupMenu .EditPageNode16x16Icon {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/EditPageNode.gif') no-repeat 6px center; /* orientation=lt */
}

.UIRightClickPopupMenu .EditSelectedNode16x16Icon {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/EditNode.gif') no-repeat 6px center; /* orientation=lt */
}

.UIRightClickPopupMenu .CopyNode16x16Icon {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/CopyIcon.gif') no-repeat 6px center; /* orientation=lt */
}

.UIRightClickPopupMenu .CloneNode16x16Icon {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/CloneIcon.gif') no-repeat 6px center; /* orientation=lt */
}

.UIRightClickPopupMenu .CutNode16x16Icon {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Cut.gif') no-repeat 6px center; /* orientation=lt */
}

.UIRightClickPopupMenu .PasteNode16x16Icon {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/PasteIcon.gif') no-repeat 6px center; /* orientation=lt */
}

.UIRightClickPopupMenu .DeleteNode16x16Icon {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat 6px center; /* orientation=lt */
}

.UIRightClickPopupMenu .PasteNavigation16x16Icon {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/PasteIcon.gif') no-repeat 6px center; /* orientation=lt */
}

.UIRightClickPopupMenu .DeleteNavigation16x16Icon {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat 6px center; /* orientation=lt */
}

.UIRightClickPopupMenu .EditNavigation16x16Icon {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Pencil.gif') no-repeat 6px center; /* orientation=lt */
}

.UIRightClickPopupMenu .SaveNavigation16x16Icon {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/FloppyDisk.gif') no-repeat 6px center; /* orientation=lt */
}
.SelectFileFrame {
	width: 400px;
}

.SelectFileLabel {
	float: left;/* orientation=lt */
	text-align: right;/* orientation=lt */
	margin-right: 15px;/* orientation=lt */
}

.UploadButton {
  width: 20px; height: 20px; 
	cursor: pointer; vertical-align: bottom;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIUpload/background/UpArrow16x16.gif') no-repeat left;
}

.ProgressBarFrame {
	height: 23px;
}

.ProgressBar {
	float: left;/* orientation=lt */
	width: 230px;
}

.ProgressBarLeft {
	padding: 1px;
	border: solid 1px gray;
}

.BlueProgressBar {
	width: 0%; height: 14px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIUpload/background/BlueBg1x14.gif') repeat-x;
	position: relative;
}

.ProgressBarLabel {
	width: 15px; height: 15px;
	position: absolute;
	left: 110px;
}

.ProgressBarLabel {
	text-align: center;
}

.DeleteFileFrame {
	float: left;/* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIUpload/background/Round18x18.gif') no-repeat;
	cursor: pointer;
	padding-left: 23px;/* orientation=lt */
	margin-left: 5px;/* orientation=lt */
}

.DeleteFileLable {
	font-family: verdana;
	line-height: 18px;
}

.FileName {
	float: left;/* orientation=lt */
}

.FileNameLabel {
	font-weight: bold;
	line-height: 14px;
	max-width: 370px;
}

.RemoveFile {
	float: left;/* orientation=lt */
	height: 18px; line-height: 18px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIUpload/background/Delete18x18.gif') no-repeat;
	cursor: pointer;
	margin-left: 10px;/* orientation=lt */
	width: 18px;
}
.UIMaskWorkspace {
	background: #f5f5f5;
	border: none;
	width: 650px;
}
	
.UIMaskWorkspace .TopLeftDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMaskWorkspace/background/MaskWorkspace.gif') no-repeat left top;
	padding: 0px 0px 0px 4px;
}

.UIMaskWorkspace .TopRightDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMaskWorkspace/background/MaskWorkspace.gif') no-repeat right top;
	padding: 0px 4px 0px 0px;
}

.UIMaskWorkspace .TopLeftDecorator .TopCenterDecorator {
	height: 4px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMaskWorkspace/background/MaskWorkspace.gif') repeat-x center -4px;
}

.UIMaskWorkspace .MiddleLeftDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMaskWorkspace/background/MiddleMaskWorkspace.gif') repeat-y left;
	padding: 0px 0px 0px 4px;
}

.UIMaskWorkspace .MiddleRightDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMaskWorkspace/background/MiddleMaskWorkspace.gif') repeat-y right;
	padding: 0px 4px 0px 0px;
}

.UIMaskWorkspace .MaskContainer {
	background: #f5f5f5;
}

.UIMaskWorkspace .BottomLeftDecorator {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMaskWorkspace/background/MaskWorkspace.gif') no-repeat left bottom;
	padding: 0px 0px 0px 4px;
}

.UIMaskWorkspace .BottomRightDecorator {
	padding: 0px 4px 0px 0px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMaskWorkspace/background/MaskWorkspace.gif') no-repeat right bottom;
}

.UIMaskWorkspace .BottomLeftDecorator .BottomCenterDecorator {
	height: 4px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMaskWorkspace/background/MaskWorkspace.gif') repeat-x center -8px;
}

.UIMaskWorkspace .UIAddApplication .UIItemSelector .ItemDetailList {
	margin-right: 0px; /* orientation=lt */
	height: auto;
}

.UIMaskWorkspace .UIFormTabPane .UINodeIconSelector .OverflowContainer {
	overflow:hidden;
	width:auto;
}
/***********************************	UITabContent	************************************/
.UIMaskWorkspace .UIFormTabPane {
	padding: 10px;
}

.UIMaskWorkspace .UITabContent {
  overflow-y: auto;
  overflow-x: hidden;
  margin: auto;
	height: 275px;
}

.UIMaskWorkspace .UIForm .HorizontalLayout .SelectedIconInfo .UIFormInputSet {
	margin: auto;
}

.UIMaskWorkspace .UIAccessGroup .PublicCheck .UIFormGrid td.FieldComponent {
  _padding: 0px;
}

/*********************************** End UITabContent	************************************/

.UIMaskWorkspace .IconLayout {
	float: left;/* orientation=lt */
	margin: 3px 5px 0px 5px;
}

.UIMaskWorkspace .UIFormWithTitle {
	width: 550px;
	margin: auto;
	padding: 50px 0px;
}

.UIMaskWorkspace .UIFormInputSet .UIFormGrid .SelectGroup {
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SmallGroup.gif') no-repeat center;
	height: 22px;
	width: 22px;
}

/**********************************UITabSelector*****************************************/
.UIMaskWorkspace .UITabPane .TabPaneContent .WorkingArea .CSSContent {
	border: 1px solid #d5d5d5;
	padding: 0px;
}

.UIMaskWorkspace .UITabPane .TabPaneContent .CSSContent .UITabContent {
	height: auto;
	border: 1px solid white;
	border-top: none;
	margin: auto;
	overflow: hidden;
}

/**************************** UIAddApplication ******************************************/

.UIAddApplication {
	padding: 10px;
}

.UIAddApplication .TitleBarContainer {
	background: #f6f6f6;
}

.UIAddApplication .UITabContent {
	overflow: hidden;
}

.UIAddApplication .UITabContentContainer {
	padding-bottom: 5px;
	border: none;
}

.UIAddApplication .UITabContentContainer .NoneAppsMessage{
	padding: 10px;
	text-align: center;
	color: gray;
	width: 300px;
	margin: 40px auto 0px auto;
}

.UIAddApplication .ContentContainerDetail {
	border: 1px solid #d4d4d4;
	border-top: none;	
}

.UIAddApplication .ContentContainerDetail .CategoryContainer {
	border: 1px solid white;
	border-top: none;
}

.UIAddApplication .ApplicationListContainer {
	height: 240px; width: 449px;
	border: 1px solid #c3c3c3;
	background: white;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0px 10px;
}

.UIAddApplication .Application {
	margin: 10px 0px 0px 0px;
	border: solid 1px #e4e4e4;
	padding: 10px;
}

.UIAddApplication .ApplicationContent {
	margin-left: 85px;/* orientation=lt */
}

.UIAddApplication .PortletIcon {
	background: none;
	float: left;/* orientation=lt */
	width: 80px; height: 80px;
	cursor: pointer;
	margin-top: 2px;
}

.UIAddApplication .TitleBarApplication {
	background: none;
	width: 93%; height: 20px;
	color: #1553B9; font-weight: bold;
	border-bottom: 1px solid #dfdfdf;
	padding: 0px 1px 3px 1px;
	margin: 0px auto 5px auto;
}

.UIAddApplication .TitleBarApplication .Title {
	float: left;/* orientation=lt */
	margin-top: 4px;
	font-weight: bold; font-size: 13px; color: #1553B9; font-family: arial;
}

.UIAddApplication .AddButton {
	width: 20px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMaskWorkspace/background/AddApplicationButton.gif') no-repeat top;
	float: right;/* orientation=lt */
	cursor: pointer;
	margin: 0px 3px;
}

.UIAddApplication .AddToStartUp {
	width: 20px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMaskWorkspace/background/AddToStartup.gif') no-repeat top;
	float: right;/* orientation=lt */
	cursor: pointer;
	margin: 0px 3px;
}

.UIAddApplication .SelectButton {
	width: 20px; height: 24px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMaskWorkspace/background/AddApplicationButton.gif') no-repeat left -22px;
	float: right;/* orientation=lt */
	cursor: pointer;
	margin: 0px 3px;
}

.UIAddApplication .ApplicationContentLabel {
	line-height: 16px;
	width: 93%; margin: auto;
}

.UIAddApplication .ApplicationContentLabel .RightLabel {
	color: #058ee6;
}

.UIAddApplication .UIItemSelector .LeftColumnStyle {
	width: auto;
}

.UIAddApplication .UIItemSelector .ItemListContainer .ItemList {
	height: 240px;
	overflow: auto;
	background: #ffffff;
	border: 1px solid #c3c3c3;
	text-transform: capitalize;
}

.UIAddApplication .UIItemSelector .ItemDetailList .ItemDetail {
	background: none;
	border: none;
	height: auto;
}

.UIAddApplication .UIItemSelector {
	padding: 7px 5px 8px 7px;/* orientation=lt */
	margin: 0px;
	background: #f7f7f7;
}

.UIAddApplication .ApplicationItemIcon {
	width: 16px; height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DarkBlueNextArrow.gif') no-repeat;
	float: left;/* orientation=lt */
	margin: 3px 5px 0px 5px;
}

.UIAddApplication .LeftColumnStyle .ItemListIcon {
	background: none;
	width: 0px;
}

.UIAddApplication .LeftColumnStyle .ViewListIcon {
	background: none;
	width: 0px;
}

/************************************ Select Permission *******************************/

.UIGroupSelector {
	padding: 10px;
}

.UIGroupSelector .SelectedGroupPath { 
	padding: 5px 0px;
}

.UIGroupSelector .UIBreadcumbs {
	border: 1px solid white;
	padding: 0px;
}

.UIGroupSelector .UIBreadcumbs .LeftBreadcumbsBar {
	background: white;
	border: 1px solid #b7b7b7;
}

.UIGroupSelector .UIBreadcumbs .RightBreadcumbsBar {
	background: white;
}

.UIGroupSelector .UIBreadcumbs .BreadcumbsInfoBar {
	background: white;
}

.UIGroupSelector .UIBreadcumbs .BCHome16x16Icon {
	width: 16px; height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SmallGroup.gif') no-repeat left center;
}

.UIGroupSelector .UIBreadcumbs a.Selected {
	color: #058ee6;
}

.UIGroupSelector .GroupSelector {
	padding: 10px;
	background: #f4f4f4;
	border: 1px solid #e4e4e4;
}

.UIGroupSelector .TitleGroupSelector {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIMaskWorkspace/background/ThGridRepeatBg1x19.jpg') repeat-x;
	line-height: 19px; height: 19px;
	border: 1px solid #b7b7b7;
	border-bottom: 1px solid #cfcfcf;
	padding: 0px 10px;
}

.UIGroupSelector .LeftGroupSelector {
	float: left;/* orientation=lt */
	width: 220px; height: 210px;
	border: 1px solid white;
}

.UIGroupSelector .RightGroupSelector {
	margin-left: 225px;/* orientation=lt */
	height: 210px;
	border: 1px solid white;
}

.UIGroupSelector .RightGroupSelector .Content {
	border: 1px solid #b7b7b7; border-top: none;
	height: 170px; 
	color: #058ee6;
	padding: 10px;
	background: white;
}

.UIGroupSelector .RightGroupSelector .Content div {
	padding: 3px 0px;
}

.UIGroupSelector .RightGroupSelector .Content span {
	color: #2c2c2c;
}

/**************************************Container Form*************************************/

/**************************************ExoMessageDecorator*************************************/
.UIMaskWorkspace .UIIFramePortlet .ExoMessageDecorator .UIPopupMessages .UITabContentContainer {
	border: none;
}

.UIToolbar .ToolbarContainer {
}

.UIToolbar .Button {
  float: left;/* orientation=lt */
  cursor: pointer;
}

.UIToolbar .Button .ButtonLabel {
  float: left;/* orientation=lt */
}

.UIToolbar .HorizontalSeparator {
  float: left;/* orientation=lt */
  width: 2px; height: 30px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/GrayLine2x2.gif') repeat-y;
  margin: 7px 10px 0px 10px;
}


/*##############################- LargeToolbar style -#########################*/


.UIToolbar .LargeToolbar {
  height: 64px; line-height: 64px;
  margin-bottom: 3px;
}

.UIToolbar .LargeToolbar .LeftToolbar {
  height: 64px; 
  line-height: 64px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/LargeToolbar.gif') no-repeat left top;
  padding-left: 8px;	 	/* orientation=lt */
}

.UIToolbar .LargeToolbar .RightToolbar {
  height: 64px; 
  line-height: 64px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/LargeToolbar.gif') no-repeat right top;
  padding-right: 94px;	 	/* orientation=lt */
}

.UIToolbar .LargeToolbar .MiddleToolbar {
  height: 64px;
  line-height: 64px; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/LargeToolbar.gif') repeat-x left -64px;
}

.UIToolbar .LargeToolbar a {
  color: black; font-weight: bold;
  padding: 0px 3px 0px 3px;
  cursor: pointer;
}

.UIToolbar .LargeToolbar a:hover{
  color: #1043b1;
}

.UIToolbar .LargeToolbar .SelectButtonLabel {
  line-height: 18px;
  color: #058ee6;
}

.UIToolbar .LargeToolbar .HorizontalSeparator {
  float: left;/* orientation=lt */
  margin: 3px 8px 0px 10px;
  width: 2px; height: 50px;
}

.UIToolbar .LargeToolbar .UserButton {
  float: left;	 	/* orientation=lt */
  padding-top: 3px;
  cursor: pointer;
	width: 120px;
}

.UIToolbar .LargeToolbar .GroupButton {
  float: left;	 	/* orientation=lt */
  padding-top: 3px;
  cursor: pointer;
	width: 130px;
}

.UIToolbar .LargeToolbar .MembershipButton {
  float: left;	 	/* orientation=lt */
  padding-top: 3px;
  cursor: pointer;
	width: 170px;
}

.UIToolbar .LargeToolbar .ButtonLabel {
  height: 18px; 
  line-height: 18px;
  padding-left: 10px;
}

.UIToolbar .LargeToolbar .ManagementIconContainer {
  padding-top: 4px;
  margin-left: 5px;
}

.UIToolbar .LargeToolbar .UserManagementIcon {
  width: 32px; height: 32px; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/LargeToolbar.gif') no-repeat left -128px;
  margin: auto;
}

.UIToolbar .LargeToolbar .GroupManagementIcon {
  width: 32px; height: 32px; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/LargeToolbar.gif') no-repeat -32px -128px;
  margin: auto;
}

.UIToolbar .LargeToolbar .MembershipManagementIcon {
  width: 32px; height: 32px; 
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/LargeToolbar.gif') no-repeat -64px -128px;
  margin: auto;
}
/*##############################- BlueLargeToolbar style -#########################*/


.UIToolbar .BlueLargeToolbar {
  height: 61px;
}

.UIToolbar .BlueLargeToolbar .LeftToolbar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/BlueLargeToolbar.gif') no-repeat left top;
  padding-left: 5px;
}

.UIToolbar .BlueLargeToolbar .RightToolbar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/BlueLargeToolbar.gif') no-repeat right top;
  padding-right: 5px;
}

.UIToolbar .BlueLargeToolbar .MiddleToolbar {
  height: 61px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/BlueLargeToolbar.gif') repeat-x center -61px;
}

.UIToolbar .BlueLargeToolbar a {
  color: #7e9bc9; font-weight: bold;
  padding: 0px 5px 0px 5px;
  cursor: pointer;
}

.UIToolbar .BlueLargeToolbar a:hover {
  color: #003c7f;
}

.UIToolbar .BlueLargeToolbar .SelectItemButton .LablelIcon {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
}

.UIToolbar .BlueLargeToolbar .SelectItemButton .ButtonLabel {
  line-height: 18px;
  color: #003c7f;
}

.UIToolbar .BlueLargeToolbar .HorizontalSeparator {
	float: left;	 	/* orientation=lt */
  margin: 0px 8px 0px 10px;
  margin: 0px 10px 0px 8px;
  width: 2px; 
  height: 48px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/BlueLargeToolbar.gif') no-repeat -6px top;
}

.UIToolbar .BlueLargeToolbar .ButtonLabel {
  height: 20px; 
  line-height: 20px;
}

.UIToolbar .BlueLargeToolbar .ManagementIconContainer {
  padding-top: 4px;
  margin-left: 5px;
}

.UIToolbar .BlueLargeToolbar .ItemButton {
	float: left;	 	/* orientation=lt */
	text-align: center;
	padding: 5px;
	width: 150px;
}

.UIToolbar .BlueLargeToolbar .LablelIcon {
  width: 32px; height: 26px; 
	margin: auto;
background-image: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/BlueLargeToolbar.gif');
  background-repeat: no-repeat;
}

.UIToolbar .BlueLargeToolbar .OrganizeIcon {
  background-position: center -122px;
}

.UIToolbar .BlueLargeToolbar .PorletIcon {
  background-position: center -148px;
}

.UIToolbar .BlueLargeToolbar .GadgetIcon {
  background-position: center -174px;
}

/*
 * minh.js.exo
 */
 
/*#################################- LightToolbar -##############################*/

.UIToolbar .LightToolbar {
  height: 33px;
  margin-top: 3px;
}

.UIToolbar .LightToolbar .LeftBar {
  padding-left: 3px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/LightToolbar.gif') no-repeat left top;
}

.UIToolbar .LightToolbar .RightBar {
  padding-right: 3px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/LightToolbar.gif') no-repeat right top;
}

.UIToolbar .LightToolbar .MiddleBar {
  height: 33px;  line-height: 33px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/LightToolbar.gif') repeat-x bottom;
}

/*#################################- EditToolbar -##############################*/

.UIToolbar .EditToolbar {
  height: 31px;
  padding: 0px 10px 0px 10px ;
}

.UIToolbar .EditToolbar .Icon {
  float: left; /* orientation=lt */
  cursor: pointer;
}

.UIToolbar .EditToolbar .LeftBar {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/EditToolbar.gif') no-repeat left top;
  padding-left: 2px;
  height: 30px;
}

.UIToolbar .EditToolbar .RightBar {
  padding-right: 2px;
  height: 30px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/EditToolbar.gif') no-repeat right top;
}

.UIToolbar .EditToolbar .MiddleBar {
  height: 30px; line-height: 30px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/EditToolbar.gif') repeat-x left -30px;
}



.UIToolbar .EditToolbar .EditContainerIcon {
  width: 27px;  height: 23px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/EditToolbar.gif') no-repeat left -60px;
}

.UIToolbar .EditToolbar .EditPortletIcon {
  width: 27px;  height: 23px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/EditToolbar.gif') no-repeat left -83px;
}

.UIToolbar .EditToolbar .EditPortalIcon { 
  width: 27px;  height: 23px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/EditToolbar.gif') no-repeat left -106px;
}

.UIToolbar .EditToolbar .LayoutModeIcon {
  width: 27px;  height: 23px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/EditToolbar.gif') no-repeat left -129px;
}

.UIToolbar .EditToolbar .PreviewIcon {
  width: 27px;  height: 23px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/EditToolbar.gif') no-repeat left -152px;
}

.UIToolbar .EditToolbar .SavePortalIcon {
  width: 21px;  height: 23px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/EditToolbar.png') no-repeat left -175px;
}

.UIToolbar .EditToolbar .EditPageIcon {
  width: 24px; height: 23px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/EditToolbar.gif') no-repeat left -194px;
}

.UIToolbar .EditToolbar .PageLayoutModeIcon {
  width: 24px; height: 23px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/EditToolbar.gif') no-repeat left -217px;
}

.UIToolbar .EditToolbar .PagePreviewIcon {
  width: 24px; height: 23px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/EditToolbar.gif') no-repeat left -241px;
}

.UIToolbar .EditToolbar .SavePageIcon {
  width: 24px; height: 23px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/EditToolbar.gif') no-repeat left -264px;
}
/*#################################- ControlToolbar -##############################*/

.UIToolbar .ControlToolbar {
	margin: 10px 2px 0px 95px; /* orientation=lt */
}

.UIToolbar .ControlToolbar .LeftBar {
  padding-left: 12px;/* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/ControlToolbar.gif') no-repeat left top;
}

.UIToolbar .ControlToolbar .RightBar {
  padding-right: 1px;/* orientation=lt */
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/ControlToolbar.gif') no-repeat right -27px;
}

.UIToolbar .ControlToolbar .MiddleBar {
  height: 27px; line-height: 27px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/ControlToolbar.gif') repeat-x left -27px;
}

.UIToolbar .ControlToolbar .SeparateLine{
  float: left;/* orientation=lt */
  width: 2px; height: 20px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/SeparateLine2x1.gif') repeat-y;
  margin: 2px 2px 0px 3px;
}

.UIToolbar .ControlToolbar .Icon {
  float: left;/* orientation=lt */
  margin: 3px 4px 0px 4px; 
}

.UIToolbar .ControlToolbar .RollbackIcon {
	width: 24px; height: 20px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/ControlToolbar.gif') no-repeat left -55px;
}

.UIToolbar .ControlToolbar .BackIcon {
	width: 24px; height: 20px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/ControlToolbar.gif') no-repeat left -178px;
}

.UIToolbar .ControlToolbar .FinishIcon {
	width: 24px; height: 20px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/ControlToolbar.gif') no-repeat left -76px;
}

.UIToolbar .ControlToolbar .SaveIcon {
	width: 24px; height: 19px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/ControlToolbar.gif') no-repeat left -96px;
}

.UIToolbar .ControlToolbar .AbortIcon {
	width: 24px; height: 20px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/ControlToolbar.gif') no-repeat left -116px;
}


/*#################################- HeaderToolbar-##############################*/
.UIToolbar .HeaderToolbar {
  height: 31px;
}

.UIToolbar .HeaderToolbar .LeftBar {
  padding-left: 7px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/HeaderToolbar.gif') no-repeat left top;
}

.UIToolbar .HeaderToolbar .RightBar {
  padding-right: 7px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/HeaderToolbar.gif') no-repeat right top;
}

.UIToolbar .HeaderToolbar .CenterBar {
  height: 31px; line-height: 31px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/HeaderToolbar.gif') repeat-x left -31px;
}

/* --- DropDown Control Format --- */
.UIDropDownControl {
	margin-bottom: 2px;
	position:relative;
	width: 100%;
}

.UIDropDownControl .UIDropDownAnchor {
	width: 100%;
}

.UIDropDownControl .UIDropDownTitle {
background:white url(/eXoResources/skin/DefaultSkin/webui/component/UIDropDownControl/background/DropDownItemSelectorBG1x2.gif) repeat-x scroll center top;
	border:1px solid #929292;
	cursor:pointer;
	padding-left:5px;/* orientation=lt */
	height: 19px;
}

.UIDropDownControl .LeftMiddelItem {
	display: block;
	background: white;
}
.UIDropDownControl .RightMiddelItem {
	border:1px solid gray;
	border-top:0px;
	padding: 4px;
}

.UIDropDownControl .RightMiddelItem .ItemListContent {
	width: 100%;
	overflow: hidden;
}

.UIDropDownControl .ItemListContent {
	border: 1px solid #e0e0e0;
	border-bottom: 0px;
	background: #f3f3f3;
	height: 100%;
}

.ItemListContent .TopItemContainer {
	height: 15px;
background: #e3e3e3 url('/eXoResources/skin/DefaultSkin/webui/component/UIDropDownControl/background/UpNaviArrow.gif') no-repeat center;
	border-bottom: 1px solid #E0E0E0;
}

.ItemListContent .MiddleItemContainer {
	overflow: hidden;
}

.ItemListContent .BottomItemContainer {
	height: 15px;
background: #e3e3e3 url('/eXoResources/skin/DefaultSkin/webui/component/UIDropDownControl/background/DownNaviArrow.gif') no-repeat center;
	border-top: 1px solid white;
	border-bottom: 1px solid #E0E0E0;
}

.UIDropDownControl .UIDropDownMiddleTitle .Icon {
	width: auto;
}

.UIDropDownControl .DropDownSelectIcon {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UIDropDownControl/background/DropDownControl.gif') no-repeat scroll right top;
	cursor: pointer;
	height: 19px;
}

.UIDropDownControl .DropDownSelectLabel {
	font-weight: bold;
	font-size: 10px;
	overflow: hidden;
	line-height: 19px;
	height: 19px;
	margin-left: 5px;/* orientation=lt */
	width: 88%;
}


.UIDropDownControl .OptionItem {
	display: block;
	padding: 0px 4px 0px 17px;/* orientation=lt */
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #ffffff;
	line-height: 20px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow.gif') no-repeat left center;/* orientation=lt */
}

.UIDropDownControl .OptionItem:hover {
	background: #7aafe5 url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow.gif') no-repeat left center;/* orientation=lt */
	color: white;
}

.UIDropDownControl .UIPopupControl {
	position: absolute;
	right: -93px;
	width: 120px;
	top: 20px;
}

/* -- menu Item --*/
.UIPopupControl .MenuItem {
	color: #333;
  background: #efefef;
  border-bottom: 1px #cdcdcd solid;
  cursor: pointer;
  display: block;
}

.UIPopupControl .MenuItem:hover {
	background: #cbcff2;
  color: #2569dc;
}

.UIPopupControl .MenuItem .ItemLabel {
	padding-left: 18px;/* orientation=lt */
  height: 22px;
  line-height: 22px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow.gif') no-repeat left center;/* orientation=lt */
}
/* -- end menuItem --*/


.UIPageNodeSelector .UIContainerConfigOptions .UIDropDownControl .ComponentIcon {
	height: 16px;
	padding-left: 16px;/* orientation=lt */
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/NavigationIcon.gif') no-repeat left center;/* orientation=lt */
}

.UIContainerConfigOptions .UIDropDownControl .ComponentIcon {
	height: 16px;
	padding-left: 16px;/* orientation=lt */
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DefaultContainerIcon.gif') no-repeat left center;/* orientation=lt */
}
.UIGroupInfoContainer .HorizontalLayout {
	background: #ffffff;
	border: solid 1px #b7b7b7;
	padding: 1px;
	border-top: none;
}

.UIGroupInfoContainer .HorizontalLayout .FormContainer {
	padding: 7px;
	_padding: 8px 7px 7px;
}

.UIGroupInfoContainer .UIGroupMembershipForm .TitleBar {
	font-weight: normal;
background: url(/eXoResources/skin/DefaultSkin/webui/component/UIGroupInfoContainer/background/TitleBG1x20.gif) repeat-x;
	line-height: 18px;
	border: 1px solid #b7b7b7;
}


.UINotification  {
	position: absolute;
	top: 0px;
	right: 5px;
	width: 250px;
}

.UINotification .UIPopupNotification {
}

.UINotification .UIPopupNotification  .TLPopupNotification {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/Popup.gif') no-repeat left top;
  padding-left:4px;
}

.UINotification .UIPopupNotification  .TCPopupNotification {
  height:13px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/Popup.gif') repeat-x left -13px;
}

.UINotification .UIPopupNotification  .TRPopupNotification {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/PopupTR.png') no-repeat right top;
  padding-right: 45px;
}

.UINotification .UIPopupNotification  .TitleNotification {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/Popup.gif') repeat-x left -50px ;
  height: 16px;
  padding-left:10px;/* orientation=lt */
}

.UINotification .UIPopupNotification  .MLPopupNotification {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/PopupML.gif') repeat-y left;
  padding-left: 2px;
}

.UINotification .UIPopupNotification  .MCPopupNotification {
  background: #feffcf;
}

.UINotification .UIPopupNotification  .MRPopupNotification {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/PopupMR.gif') repeat-y right;
  padding-right: 2px;
}

.UINotification .UIPopupNotification  .BLPopupNotification {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/Popup.gif') no-repeat left -26px;
  padding-left: 4px;
}

.UINotification .UIPopupNotification  .BCPopupNotification {
  height: 4px;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/Popup.gif') repeat-x left -30px;
}

.UINotification .UIPopupNotification  .BRPopupNotification {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/Popup.gif') no-repeat right -26px;
  padding-right: 4px;
}

.UINotification .UIPopupNotification  .ItemTitle {
  color: black;
  display: block;
  font-size: 12px;
  font-weight: bold;
  float: left;/* orientation=lt */
}

.UINotification .UIPopupNotification  .Close {
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/Popup.gif') left -66px no-repeat;
  display: block;
  height: 7px; width: 7px;
  float: right;/* orientation=lt */
  margin: 3px 5px;
  cursor: pointer;
}

.UINotification .UIPopupNotification  .Item {
	overflow:hidden;
  border-bottom: 1px dotted #b7b7b7;
  margin: 0px 5px;
	padding: 5px 0px 0px 11px;/* orientation=lt */
  display: block;
	line-height: 22px;
  color: red;
background: url('/eXoResources/skin/DefaultSkin/webui/component/UINotification/images/Popup.gif') no-repeat 3px -74px;
}

.UINotification .UIPopupNotification  .Item:hover {
  color: black;
}


/*-------------------------- DefaultTheme ---------------------------*/

.DefaultTheme .WindowBarCenter .WindowPortletInfo {
	margin-right: 80px; /* orientation=lt */
}

.DefaultTheme .WindowBarCenter .ControlIcon {
	float: right;/* orientation=lt */
	width: 24px; 
	height: 17px;
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/DefaultTheme.png');
}

.DefaultTheme .ArrowDownIcon {
	background-position: center 20px;
}

.DefaultTheme .OverArrowDownIcon {
	background-position: center 116px;
}

.DefaultTheme .MinimizedIcon {
	background-position: center 44px;
}

.DefaultTheme .OverMinimizedIcon {
	background-position: center 140px;
}

.DefaultTheme .MaximizedIcon {
	background-position: center 68px;
}

.DefaultTheme .OverMaximizedIcon {
	background-position: center 164px;
}

.DefaultTheme .RestoreIcon {
	background-position: center 92px;
}

.DefaultTheme .OverRestoreIcon {
	background-position: center 188px;
}

.DefaultTheme .NormalIcon {
	background-position: center 92px;
}

.DefaultTheme .OverNormalIcon {
	background-position: center 188px;
}


.UIPageDesktop .DefaultTheme .ResizeArea {
	float: right;/* orientation=lt */
	width: 18px; height: 18px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/ResizeArea18x18.gif') no-repeat left top;
}

.DefaultTheme .Information {
	height: 18px; line-height: 18px;
	vertical-align: middle; font-size: 10px;
	padding-left: 5px;/* orientation=lt */
	margin-right: 18px;/* orientation=lt */
}

.DefaultTheme .WindowBarCenter .WindowPortletIcon {
  background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
	line-height: 16px;
}

.DefaultTheme .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.DefaultTheme .WindowBarLeft {
	padding-left: 12px;
background-image: url('/eXoResources/skin/PortletThemes/background/DefaultTheme.png');
	background-repeat: no-repeat;
	background-position: left -148px;
}

.DefaultTheme .WindowBarRight {
	padding-right: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/DefaultTheme.png');
	background-repeat: no-repeat;
	background-position: right -119px;
}

.DefaultTheme .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/DefaultTheme.png');
	background-repeat: repeat-x;
	background-position: left -90px;
}

.DefaultTheme .WindowBarCenter .FixHeight {
	height: 21px;
	padding-top: 8px;
}

.DefaultTheme .MiddleDecoratorLeft {
	padding-left: 12px;
background: url('/eXoResources/skin/PortletThemes/background/MDefaultTheme.png') repeat-y left;
}

.DefaultTheme .MiddleDecoratorRight {
	padding-right: 11px;
background: url('/eXoResources/skin/PortletThemes/background/MDefaultTheme.png') repeat-y right;
}

.DefaultTheme .MiddleDecoratorCenter {
	background: #ffffff;
}

.DefaultTheme .BottomDecoratorLeft {
	padding-left: 12px;
background-image: url('/eXoResources/skin/PortletThemes/background/DefaultTheme.png');
	background-repeat: no-repeat;
	background-position: left -60px;
}

.DefaultTheme .BottomDecoratorRight {
	padding-right: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/DefaultTheme.png');
	background-repeat: no-repeat;
	background-position: right -30px;
}

.DefaultTheme .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/DefaultTheme.png');
	background-repeat: repeat-x;
	background-position: left top;
}

.DefaultTheme .BottomDecoratorCenter .FixHeight {
	height: 30px;
}

/*-------------------------- MacTheme ---------------------------*/

.MacTheme .WindowBarCenter .WindowPortletInfo {
	margin: 0px 70px 0px 0px;/* orientation=lt */
}

.MacTheme .WindowBarCenter .WindowPortletIcon {
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.MacTheme .WindowBarCenter .PortletName {
	font-weight: bold;
	line-height: 17px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.MacTheme .WindowBarCenter .PortletIcon {
	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat left top; /* orientation=lt */
}

.MacTheme .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 21px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;	
background-image: url('/eXoResources/skin/PortletThemes/background/MacTheme.png');
}

.MacTheme .ArrowDownIcon {
	background-position: center 18px;
}

.MacTheme .OverArrowDownIcon {
	background-position: center 98px;
}

.MacTheme .MinimizedIcon {
	background-position: center 37px;
}

.MacTheme .OverMinimizedIcon {
	background-position: center 118px;
}

.MacTheme .MaximizedIcon {
	background-position: center 57px;
}

.MacTheme .OverMaximizedIcon {
	background-position: center 138px;
}

.MacTheme .NormalIcon {
	background-position: center 78px;
}

.MacTheme .OverNormalIcon {
	background-position: center 158px;
}

.MacTheme .RestoreIcon {
	background-position: center 78px;
}

.MacTheme .OverRestoreIcon {
	background-position: center 158px;
}

.MacTheme .BackgroundIcon {
	float: left;/* orientation=lt */
	margin: 4px 2px 0px 2px;
}

.UIPageDesktop .MacTheme .ResizeArea {
	float: right; /* orientation=lt */
	width: 17px; height: 15px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/ResizeArea17x15.png') no-repeat right top;
}

.MacTheme .Information {
	height: 16px; line-height: 14px; vertical-align: middle;
	font-size: 10px;
	margin-right: 18px;
	padding-left: 5px;/* orientation=lt */
}

.MacTheme .MiddleDecoratorLeft {
background: url('/eXoResources/skin/PortletThemes/background/MMacTheme.png') repeat-y left;
	padding: 0px 0px 0px 5px;
}

.MacTheme .MiddleDecoratorRight {
	padding: 0px 5px 0px 0px;
background: url('/eXoResources/skin/PortletThemes/background/MMacTheme.png') repeat-y right;
}

.MacTheme .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .MacTheme .MiddleDecoratorCenter {
	height: 100%;
}

.MacTheme .BottomDecoratorLeft {
background-image: url('/eXoResources/skin/PortletThemes/background/MacTheme.png');
	background-repeat: no-repeat;
	background-position: left -46px;
	padding: 0px 0px 0px 5px;
}

.MacTheme .BottomDecoratorRight {
background-image: url('/eXoResources/skin/PortletThemes/background/MacTheme.png');
	background-repeat: no-repeat;
	background-position: right -23px;
	padding: 0px 5px 0px 0px;
}

.MacTheme .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/MacTheme.png');
	background-repeat: repeat-x;
	background-position: center top;
}

.MacTheme .BottomDecoratorCenter .FixHeight {
	height: 23px; line-height: 23px;
}

.MacTheme .WindowBarLeft {
background-image: url('/eXoResources/skin/PortletThemes/background/MacTheme.png');
	background-repeat: no-repeat;
	background-position: left -115px;
	padding: 0px 0px 0px 12px;
}

.MacTheme .WindowBarRight {
background-image: url('/eXoResources/skin/PortletThemes/background/MacTheme.png');
	background-repeat: no-repeat;
	background-position: right -92px;
	padding: 0px 12px 0px 0px;
}

.MacTheme .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/MacTheme.png');
	background-repeat: repeat-x;
	background-position: center -69px;
}

.MacTheme .WindowBarCenter .FixHeight {
	height: 19px;
	padding-top: 4px;
}

/*-------------------------- MacGray ---------------------------*/

.MacGray .WindowBarCenter .WindowPortletInfo {
	margin: 0px 70px 0px 0px;/* orientation=lt */
}

.MacGray .WindowBarCenter .WindowPortletIcon {
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.MacGray .WindowBarCenter .PortletName {
	font-weight: bold;
	line-height: 17px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.MacGray .WindowBarCenter .PortletIcon {
	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat left top; /* orientation=lt */
}

.MacGray .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 21px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;	
background-image: url('/eXoResources/skin/PortletThemes/background/MacGray.png');
}

.MacGray .ArrowDownIcon {
	background-position: center 20px;
}

.MacGray .OverArrowDownIcon {
	background-position: center 100px;
}

.MacGray .MinimizedIcon {
	background-position: center 37px;
}

.MacGray .OverMinimizedIcon {
	background-position: center 120px;
}

.MacGray .MaximizedIcon {
	background-position: center 57px;
}

.MacGray .OverMaximizedIcon {
	background-position: center 140px;
}

.MacGray .NormalIcon {
	background-position: center 78px;
}

.MacGray .OverNormalIcon {
	background-position: center 160px;
}

.MacGray .RestoreIcon {
	background-position: center 78px;
}

.MacGray .OverRestoreIcon {
	background-position: center 160px;
}

.MacGray .BackgroundIcon {
	float: left;/* orientation=lt */
	margin: 4px 2px 0px 2px;
}

.UIPageDesktop .MacGray .ResizeArea {
	float: right;/* orientation=lt */
	width: 17px; height: 15px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/ResizeArea17x15.png') no-repeat;
}

.MacGray .Information {
	height: 16px; line-height: 14px; vertical-align: middle;
	font-size: 10px;
	margin-right: 18px;/* orientation=lt */
	padding-left: 5px;/* orientation=lt */
}

.MacGray .MiddleDecoratorLeft {
background: url('/eXoResources/skin/PortletThemes/background/MMacGray.png') repeat-y left;
	padding: 0px 0px 0px 8px;
}

.MacGray .MiddleDecoratorRight {
	padding: 0px 8px 0px 0px;
background: url('/eXoResources/skin/PortletThemes/background/MMacGray.png') repeat-y right;
}

.MacGray .MiddleDecoratorCenter {
	background: #ffffff;
}

.MacGray .MiddleDecoratorCenter {
	height:100%;
}

.MacGray .BottomDecoratorLeft {
background-image: url('/eXoResources/skin/PortletThemes/background/MacGray.png');
	background-repeat: no-repeat;
	background-position: left -48px;
	padding: 0px 0px 0px 9px;
}

.MacGray .BottomDecoratorRight {
	padding: 0px 9px 0px 0px;
background-image: url('/eXoResources/skin/PortletThemes/background/MacGray.png');
	background-repeat: no-repeat;
	background-position: right -24px;
}

.MacGray .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/MacGray.png');
	background-repeat: repeat-x;
	background-position: left top;
}

.MacGray .BottomDecoratorCenter .FixHeight {
	height: 24px; line-height: 24px;
}

.MacGray .WindowBarLeft {
	padding: 0px 0px 0px 9px;
background-image: url('/eXoResources/skin/PortletThemes/background/MacGray.png');
	background-repeat: no-repeat;
	background-position: left -118px;
}

.MacGray .WindowBarRight {
	padding: 0px 9px 0px 0px;
background-image: url('/eXoResources/skin/PortletThemes/background/MacGray.png');
	background-repeat: no-repeat;
	background-position: right -95px;
}

.MacGray .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/MacGray.png');
	background-repeat: repeat-x;
	background-position: center -72px;
}

.MacGray .WindowBarCenter .FixHeight {
	height: 19px;
	padding-top: 4px;
}

/*-------------------------- MacBlack ---------------------------*/

.MacBlack .WindowBarCenter .WindowPortletInfo {
	margin: 0px 70px 0px 0px;/* orientation=lt */
}

.MacBlack .WindowBarCenter .WindowPortletIcon {
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.MacBlack .WindowBarCenter .PortletName {
	font-weight: bold;
	line-height: 17px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.MacBlack .WindowBarCenter .PortletIcon {
	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat left top; /* orientation=lt */
}

.MacBlack .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 21px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;	
background-image: url('/eXoResources/skin/PortletThemes/background/MacBlack.png');
}

.MacBlack .ArrowDownIcon {
	background-position: center 20px;
}

.MacBlack .OverArrowDownIcon {
	background-position: center 100px;
}

.MacBlack .MinimizedIcon {
	background-position: center 37px;
}

.MacBlack .OverMinimizedIcon {
	background-position: center 120px;
}

.MacBlack .MaximizedIcon {
	background-position: center 57px;
}

.MacBlack .OverMaximizedIcon {
	background-position: center 140px;
}

.MacBlack .NormalIcon {
	background-position: center 78px;
}

.MacBlack .OverNormalIcon {
	background-position: center 160px;
}

.MacBlack .RestoreIcon {
	background-position: center 78px;
}

.MacBlack .OverRestoreIcon {
	background-position: center 160px;
}

.MacBlack .BackgroundIcon {
	float: left;/* orientation=lt */
	margin: 4px 2px 0px 2px;
}

.UIPageDesktop .MacBlack .ResizeArea {
	float: right;/* orientation=lt */
	width: 17px; height: 15px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/ResizeArea17x15.png') no-repeat;
}

.MacBlack .Information {
	height: 16px; line-height: 14px; vertical-align: middle;
	font-size: 10px;
	margin-right: 18px;/* orientation=lt */
	padding-left: 5px;/* orientation=lt */
}

.MacBlack .MiddleDecoratorLeft {
background: url('/eXoResources/skin/PortletThemes/background/MMacBlack.png') repeat-y left;
	padding: 0px 0px 0px 8px;
}

.MacBlack .MiddleDecoratorRight {
	padding: 0px 8px 0px 0px;
background: url('/eXoResources/skin/PortletThemes/background/MMacBlack.png') repeat-y right;
}

.MacBlack .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .MacBlack .MiddleDecoratorCenter {
	height: 100%;
}

.MacBlack .BottomDecoratorLeft {
background-image: url('/eXoResources/skin/PortletThemes/background/MacBlack.png');
	background-repeat: no-repeat;
	background-position: left -48px;
	padding: 0px 0px 0px 9px;
}

.MacBlack .BottomDecoratorRight {
	padding: 0px 9px 0px 0px;
background-image: url('/eXoResources/skin/PortletThemes/background/MacBlack.png');
	background-repeat: no-repeat;
	background-position: right -24px;
}

.MacBlack .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/MacBlack.png');
	background-repeat: repeat-x;
	background-position: left top;
}

.MacBlack .BottomDecoratorCenter .FixHeight {
	height: 24px; line-height: 24px;
}

.MacBlack .WindowBarLeft {
	padding: 0px 0px 0px 9px;
background-image: url('/eXoResources/skin/PortletThemes/background/MacBlack.png');
	background-repeat: no-repeat;
	background-position: left -118px;
}

.MacBlack .WindowBarRight {
	padding: 0px 9px 0px 0px;
background-image: url('/eXoResources/skin/PortletThemes/background/MacBlack.png');
	background-repeat: no-repeat;
	background-position: right -95px;
}

.MacBlack .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/MacBlack.png');
	background-repeat: repeat-x;
	background-position: center -72px;
}

.MacBlack .WindowBarCenter .FixHeight {
	height: 19px;
	padding-top: 4px;
}

/*-------------------------- MacGreenSteel ---------------------------*/


.MacGreenSteel .WindowBarCenter .WindowPortletInfo {
	margin: 0px 70px 0px 0px;/* orientation=lt */
}

.MacGreenSteel .WindowBarCenter .WindowPortletIcon {
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.MacGreenSteel .WindowBarCenter .PortletName {
	font-weight: bold;
	line-height: 17px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.MacGreenSteel .WindowBarCenter .PortletIcon {
	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat left top; /* orientation=lt */
}

.MacGreenSteel .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 21px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;	
background-image: url('/eXoResources/skin/PortletThemes/background/MacGreen.png');
}

.MacGreenSteel .ArrowDownIcon {
	background-position: center 20px;
}

.MacGreenSteel .OverArrowDownIcon {
	background-position: center 100px;
}

.MacGreenSteel .MinimizedIcon {
	background-position: center 37px;
}

.MacGreenSteel .OverMinimizedIcon {
	background-position: center 120px;
}

.MacGreenSteel .MaximizedIcon {
	background-position: center 57px;
}

.MacGreenSteel .OverMaximizedIcon {
	background-position: center 140px;
}

.MacGreenSteel .NormalIcon {
	background-position: center 78px;
}

.MacGreenSteel .OverNormalIcon {
	background-position: center 160px;
}

.MacGreenSteel .RestoreIcon {
	background-position: center 78px;
}

.MacGreenSteel .OverRestoreIcon {
	background-position: center 160px;
}

.MacGreenSteel .BackgroundIcon {
	float: left;/* orientation=lt */
	margin: 4px 2px 0px 2px;
}

.UIPageDesktop .MacGreenSteel .ResizeArea {
	float: right;/* orientation=lt */
	width: 17px; height: 15px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/ResizeArea17x15.png') no-repeat;
}

.MacGreenSteel .Information {
	height: 16px; line-height: 14px; vertical-align: middle;
	font-size: 10px;
	margin-right: 18px;/* orientation=lt */
	padding-left: 5px;/* orientation=lt */
}

.MacGreenSteel .MiddleDecoratorLeft {
background: url('/eXoResources/skin/PortletThemes/background/MMacGreen.png') repeat-y left;
	padding: 0px 0px 0px 8px;
}

.MacGreenSteel .MiddleDecoratorRight {
	padding: 0px 8px 0px 0px;
background: url('/eXoResources/skin/PortletThemes/background/MMacGreen.png') repeat-y right;
}

.MacGreenSteel .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .MacGreenSteel .MiddleDecoratorCenter {
	height: 100%;
}

.MacGreenSteel .BottomDecoratorLeft {
background-image: url('/eXoResources/skin/PortletThemes/background/MacGreen.png');
	background-repeat: no-repeat;
	background-position: left -48px;
	padding: 0px 0px 0px 9px;
}

.MacGreenSteel .BottomDecoratorRight {
	padding: 0px 9px 0px 0px;
background-image: url('/eXoResources/skin/PortletThemes/background/MacGreen.png');
	background-repeat: no-repeat;
	background-position: right -24px;
}

.MacGreenSteel .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/MacGreen.png');
	background-repeat: repeat-x;
	background-position: left top;
}

.MacGreenSteel .BottomDecoratorCenter .FixHeight {
	height: 24px; line-height: 24px;
}

.MacGreenSteel .WindowBarLeft {
	padding: 0px 0px 0px 9px;
background-image: url('/eXoResources/skin/PortletThemes/background/MacGreen.png');
	background-repeat: no-repeat;
	background-position: left -118px;
}

.MacGreenSteel .WindowBarRight {
	padding: 0px 9px 0px 0px;
background-image: url('/eXoResources/skin/PortletThemes/background/MacGreen.png');
	background-repeat: no-repeat;
	background-position: right -95px;
}

.MacGreenSteel .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/MacGreen.png');
	background-repeat: repeat-x;
	background-position: center -72px;
}

.MacGreenSteel .WindowBarCenter .FixHeight {
	height: 19px;
	padding-top: 4px;
}

/*-------------------------------- VistaTheme -----------------------------*/

.VistaTheme .WindowBarCenter .WindowPortletInfo {
	margin-right: 95px;/* orientation=lt */
	
}

.VistaTheme .WindowBarCenter .WindowPortletIcon {
  background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 22px;
}

.VistaTheme .WindowBarCenter .PortletIcon {
	background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/PortletIcon.png') no-repeat left 3px; /* orientation=lt */
}

.VistaTheme .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 30px; 
	height: 20px;
	cursor: pointer;	
background-image: url('/eXoResources/skin/PortletThemes/background/VistaTheme.png');
}

.VistaTheme .ArrowDownIcon {
	background-position: center 20px;
}

.VistaTheme .OverArrowDownIcon {
	background-position: center 100px;
}

.VistaTheme .MinimizedIcon {
	background-position: center 40px;
}

.VistaTheme .OverMinimizedIcon {
	background-position: center 120px;
}

.VistaTheme .MaximizedIcon {
	background-position: center 60px;
}

.VistaTheme .OverMaximizedIcon {
	background-position: center 140px;
}

.VistaTheme .NormalIcon {
	background-position: center 80px;
}

.VistaTheme .OverNormalIcon {
	background-position: center 160px;
}

.VistaTheme .RestoreIcon {
	background-position: center 80px;
}

.VistaTheme .OverRestoreIcon {
	background-position: center 160px;
}

.VistaTheme .Information {
	margin-right: 18px;/* orientation=lt */
	padding-left: 5px;/* orientation=lt */
	height: 18px; line-height: 18px;
	font-size: 10px;
}

.VistaTheme .MiddleDecoratorCenter {
	background: #ffffff;
	border: solid 1px #717171;
}

.UIPageDesktop .VistaTheme .ResizeArea {
	float: right;/* orientation=lt */
	width: 9px; height: 12px;
	cursor: nw-resize;
	background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/ResizeBG.gif') no-repeat bottom right; /* orientation=lt */
}

.VistaTheme .MiddleDecoratorLeft {
	padding-left:12px;
background: url('/eXoResources/skin/PortletThemes/background/MVistaTheme.png') repeat-y left;
}

.VistaTheme .MiddleDecoratorRight {
	padding-right: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MVistaTheme.png') repeat-y right;
}

.UIPageBody .MiddleDecoratorCenter {
	background: #ffffff;
}

.VistaTheme .BottomDecoratorLeft {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaTheme.png');
	background-repeat: no-repeat;
	background-position: left -48px;
	padding-left: 12px;
}

.VistaTheme .BottomDecoratorRight {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaTheme.png');
	background-repeat: no-repeat;
	background-position: right -24px;
	padding-right: 13px;
}

.VistaTheme .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaTheme.png');
	background-repeat: repeat-x;
	background-position: left top;
}

.VistaTheme .BottomDecoratorCenter .FixHeight {
	height: 24px;
}

.VistaTheme .WindowBarCenter .PortletName {
	font-weight: bold;
	line-height: 22px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.VistaTheme .WindowBarLeft {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaTheme.png');
	background-repeat: no-repeat;
	background-position: left -130px;
	padding-left: 12px;
}

.VistaTheme .WindowBarRight {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaTheme.png');
	background-repeat: no-repeat;
	background-position: right -101px;
	padding-right: 16px;
}

.VistaTheme .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaTheme.png');
	background-repeat: repeat-x;
	background-position: left -72px;
}

.VistaTheme .WindowBarCenter .FixHeight {
	height: 24px;
	padding-top: 5px;
}

/*-------------------------------- VistaBlue -----------------------------*/

.VistaBlue .WindowBarCenter .WindowPortletInfo {
	margin-right: 95px; /* orientation=lt */
	
}

.VistaBlue .WindowBarCenter .WindowPortletIcon {
  background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 20px;
}

.VistaBlue .WindowBarCenter .PortletName {
	font-weight: bold;
	line-height: 22px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.VistaBlue .WindowBarCenter .PortletIcon {
	background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/PortletIcon.png') no-repeat left 3px; /* orientation=lt */
}

.VistaBlue .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 30px; height: 19px;
	cursor: pointer;	
background-image: url('/eXoResources/skin/PortletThemes/background/VistaBlue.png');
}

.VistaBlue .ArrowDownIcon {
	background-position: center 19px;
}

.VistaBlue .OverArrowDownIcon {
	background-position: center 99px;
}

.VistaBlue .MinimizedIcon {
	background-position: center 39px;
}

.VistaBlue .OverMinimizedIcon {
	background-position: center 119px;
}

.VistaBlue .MaximizedIcon {
	background-position: center 59px;
}

.VistaBlue .OverMaximizedIcon {
	background-position: center 139px;
}

.VistaBlue .NormalIcon {
	background-position: center 79px;
}

.VistaBlue .OverNormalIcon {
	background-position: center 159px;
}

.VistaBlue .RestoreIcon {
	background-position: center 79px;
}

.VistaBlue .OverRestoreIcon {
	background-position: center 159px;
}

.VistaBlue .Information {
	margin-right: 18px;/* orientation=lt */
	padding-left: 5px;/* orientation=lt */
	height: 18px; line-height: 18px;
	font-size: 10px;
}

.VistaBlue .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .VistaBlue .MiddleDecoratorCenter {
	height: 100%;
}

.UIPageDesktop .VistaBlue .ResizeArea {
	float: right;/* orientation=lt */
	width: 9px; height: 12px;
	cursor: nw-resize;
	background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/ResizeBG.gif') no-repeat bottom right;
}

.VistaBlue .MiddleDecoratorLeft {
	padding-left: 15px;
background: url('/eXoResources/skin/PortletThemes/background/MVistaBlue.png') repeat-y left;
}

.VistaBlue .MiddleDecoratorRight {
	padding-right: 18px;
background: url('/eXoResources/skin/PortletThemes/background/MVistaBlue.png') repeat-y right;
}

.UIPortlet .VistaBlue .MiddleDecoratorRight {
	padding-right: 16px;
}

.VistaBlue .BottomDecoratorLeft {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaBlue.png');
	background-repeat: no-repeat;
	background-position: left -54px;
	padding-left: 15px;
}

.VistaBlue .BottomDecoratorRight {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaBlue.png');
	background-repeat: no-repeat;
	background-position: right -27px;
	padding-right: 15px;
}

.VistaBlue .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaBlue.png');
	background-repeat: repeat-x;
	background-position: left top;
}

.VistaBlue .BottomDecoratorCenter .FixHeight {
	height: 27px;
}

.VistaBlue .WindowBarLeft {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaBlue.png');
	background-repeat: no-repeat;
	background-position: left -151px;
	padding-left: 15px;
}

.VistaBlue .WindowBarRight {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaBlue.png');
	background-repeat: no-repeat;
	background-position: right -116px;
	padding-right: 15px;
}

.VistaBlue .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/VistaBlue.png');
	background-repeat: repeat-x;
	background-position: left -81px;
}

.VistaBlue .WindowBarCenter .FixHeight {
	height: 27px;
	padding-top: 8px;
}

/*-------------------------- RoundConerBlue ---------------------------*/

.RoundConerBlue .WindowBarCenter .WindowPortletInfo {
	margin-right: 70px;/* orientation=lt */
	
}

.RoundConerBlue .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 20px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundCornerBlue.png');
}

.RoundConerBlue .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px;/* orientation=lt */
	padding-left: 5px;/* orientation=lt */
}

.RoundConerBlue .WindowBarCenter .WindowPortletIcon {
  background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .RoundConerBlue .ResizeArea {
	float: right;/* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.RoundConerBlue .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	line-height: 19px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.RoundConerBlue .ArrowDownIcon {
	background-position: center 21px;
}

.RoundConerBlue .OverArrowDownIcon {
	background-position: center 117px;
}

.RoundConerBlue .MinimizedIcon {
	background-position: center 45px;
}

.RoundConerBlue .OverMinimizedIcon {
	background-position: center 141px;
}

.RoundConerBlue .MaximizedIcon {
	background-position: center 69px;
}

.RoundConerBlue .OverMaximizedIcon {
	background-position: center 165px;
}

.RoundConerBlue .RestoreIcon {
	background-position: center 93px;
}

.RoundConerBlue .OverRestoreIcon {
	background-position: center 189px;
}

.RoundConerBlue .NormalIcon {
	background-position: center 93px;
}

.RoundConerBlue .OverNormalIcon {
	background-position: center 189px;
}

.RoundConerBlue .WindowBarLeft {
	padding-left: 12px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundCornerBlue.png');
	background-repeat: no-repeat;
	background-position: left -154px;
}

.RoundConerBlue .WindowBarRight {
	padding-right: 12px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundCornerBlue.png');
	background-repeat: no-repeat;
	background-position: right -122px;
}

.RoundConerBlue .WindowBarCenter {
background: url('/eXoResources/skin/PortletThemes/background/RoundCornerBlue.png') repeat-x;
	background-position: left -90px;
}

.RoundConerBlue .WindowBarCenter .FixHeight {
	height: 22px;
	padding-top: 10px;
}

.RoundConerBlue .MiddleDecoratorLeft {
	padding-left: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MRoundConerBlue.png') repeat-y left;
}

.RoundConerBlue .MiddleDecoratorRight {
	padding-right: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MRoundConerBlue.png') repeat-y right;
}

.RoundConerBlue .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .RoundConerBlue .MiddleDecoratorCenter {
	height: 100%;
}

.RoundConerBlue .BottomDecoratorLeft {
	padding-left: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundCornerBlue.png');
	background-repeat: no-repeat;
	background-position: left -60px;
}

.RoundConerBlue .BottomDecoratorRight {
	padding-right: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundCornerBlue.png');
	background-repeat: no-repeat;
	background-position: right -30px;
}

.RoundConerBlue .BottomDecoratorCenter {
background: url('/eXoResources/skin/PortletThemes/background/RoundCornerBlue.png') repeat-x;
	background-position: top;
}

.RoundConerBlue .BottomDecoratorCenter .FixHeight {
	height: 30px;
}

/*------------------ RoundConerViolet -----------------*/

.RoundConerViolet .WindowBarCenter .WindowPortletInfo {
	margin-right: 70px;/* orientation=lt */
	
}

.RoundConerViolet .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 20px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerViolet.png');
}

.RoundConerViolet .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	padding-left: 5px;
	margin-right: 18px;
}

.RoundConerViolet .WindowBarCenter .WindowPortletIcon {
  background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .RoundConerViolet .ResizeArea {
	float: right;/* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.RoundConerViolet .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	line-height: 19px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.RoundConerViolet .ArrowDownIcon {
	background-position: center 21px;
}

.RoundConerViolet .OverArrowDownIcon {
	background-position: center 117px;
}

.RoundConerViolet .MinimizedIcon {
	background-position: center 45px;
}

.RoundConerViolet .OverMinimizedIcon {
	background-position: center 141px;
}

.RoundConerViolet .MaximizedIcon {
	background-position: center 69px;
}

.RoundConerViolet .OverMaximizedIcon {
	background-position: center 165px;
}

.RoundConerViolet .RestoreIcon {
	background-position: center 93px;
}

.RoundConerViolet .OverRestoreIcon {
	background-position: center 189px;
}

.RoundConerViolet .NormalIcon {
	background-position: center 93px;
}

.RoundConerViolet .OverNormalIcon {
	background-position: center 189px;
}

.RoundConerViolet .WindowBarLeft {
	padding-left: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerViolet.png');
	background-repeat: no-repeat;
	background-position: left -153px;
}

.RoundConerViolet .WindowBarRight {
	padding-right: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerViolet.png');
	background-repeat: no-repeat;
	background-position: right -121px;
}

.RoundConerViolet .WindowBarCenter {
background: url('/eXoResources/skin/PortletThemes/background/RoundConerViolet.png') repeat-x;
	background-position: left -90px;
}

.RoundConerViolet .WindowBarCenter .FixHeight {
	height: 22px;
	padding-top: 10px;
}

.UIPortlet .RoundConerViolet .WindowBarCenter {
	height: 31px;
}

.RoundConerViolet .MiddleDecoratorLeft {
	padding-left: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MRoundConerViolet.png') repeat-y left;
}

.RoundConerViolet .MiddleDecoratorRight {
	padding-right: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MRoundConerViolet.png') repeat-y right;
}

.RoundConerViolet .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .RoundConerViolet .MiddleDecoratorCenter {
	height:100%;
}

.RoundConerViolet .BottomDecoratorLeft {
	padding-left: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerViolet.png');
	background-repeat: no-repeat;
	background-position: left -60px;
}

.RoundConerViolet .BottomDecoratorRight {
	padding-right: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerViolet.png');
	background-repeat: no-repeat;
	background-position: right -30px;
}

.RoundConerViolet .BottomDecoratorCenter {
background: url('/eXoResources/skin/PortletThemes/background/RoundConerViolet.png') repeat-x;
	background-position: top;
}

.RoundConerViolet .BottomDecoratorCenter .FixHeight {
	height: 30px;
}

/*------------------------------- RoundConerOrange ----------------------------------*/

.RoundConerOrange .WindowBarCenter .WindowPortletInfo {
	margin-right: 70px;/* orientation=lt */
}

.RoundConerOrange .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 20px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerOrange.png');
}

.RoundConerOrange .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px;/* orientation=lt */
	padding-left: 5px;/* orientation=lt */
}

.RoundConerOrange .WindowBarCenter .WindowPortletIcon {
  background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .RoundConerOrange .ResizeArea {
	float: right;/* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.RoundConerOrange .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	line-height: 19px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.RoundConerOrange .ArrowDownIcon {
	background-position: center 21px;
}

.RoundConerOrange .OverArrowDownIcon {
	background-position: center 117px;
}

.RoundConerOrange .MinimizedIcon {
	background-position: center 45px;
}

.RoundConerOrange .OverMinimizedIcon {
	background-position: center 141px;
}

.RoundConerOrange .MaximizedIcon {
	background-position: center 69px;
}

.RoundConerOrange .OverMaximizedIcon {
	background-position: center 165px;
}

.RoundConerOrange .RestoreIcon {
	background-position: center 93px;
}

.RoundConerOrange .OverRestoreIcon {
	background-position: center 189px;
}

.RoundConerOrange .NormalIcon {
	background-position: center 93px;
}

.RoundConerOrange .OverNormalIcon {
	background-position: center 189px;
}

.RoundConerOrange .WindowBarLeft {
	padding-left: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerOrange.png');
	background-repeat: no-repeat;
	background-position: left -153px;
}

.RoundConerOrange .WindowBarRight {
	padding-right: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerOrange.png');
	background-repeat: no-repeat;
	background-position: right -121px;
}

.RoundConerOrange .WindowBarCenter {
background: url('/eXoResources/skin/PortletThemes/background/RoundConerOrange.png') repeat-x;
	background-position: left -90px;
}

.RoundConerOrange .WindowBarCenter .FixHeight {
	height: 22px;
	padding-top: 10px;
}

.UIPortlet .RoundConerOrange .WindowBarCenter {
	height: 31px;
}

.RoundConerOrange .MiddleDecoratorLeft {
	padding-left: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MRoundConerOrange.png') repeat-y left;
}

.RoundConerOrange .MiddleDecoratorRight {
	padding-right: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MRoundConerOrange.png') repeat-y right;
}

.RoundConerOrange .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .RoundConerOrange .MiddleDecoratorCenter {
	height: 100%;
}

.RoundConerOrange .BottomDecoratorLeft {
	padding-left: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerOrange.png');
	background-repeat: no-repeat;
	background-position: left -60px;
}

.RoundConerOrange .BottomDecoratorRight {
	padding-right: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerOrange.png');
	background-repeat: no-repeat;
	background-position: right -30px;
}

.RoundConerOrange .BottomDecoratorCenter {
background: url('/eXoResources/skin/PortletThemes/background/RoundConerOrange.png') repeat-x;
	background-position: top;
}

.RoundConerOrange .BottomDecoratorCenter .FixHeight {
	height: 30px;
}

/*------------------------------- RoundConerPink ----------------------------------*/

.RoundConerPink .WindowBarCenter .WindowPortletInfo {
	margin-right: 70px;/* orientation=lt */
}

.RoundConerPink .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 20px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerPink.png');
}

.RoundConerPink .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px;/* orientation=lt */
	padding-left: 5px;/* orientation=lt */
}

.RoundConerPink .WindowBarCenter .WindowPortletIcon {
  background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .RoundConerPink .ResizeArea {
	float: right;/* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.RoundConerPink .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	line-height: 19px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.RoundConerPink .ArrowDownIcon {
	background-position: center 21px;
}

.RoundConerPink .OverArrowDownIcon {
	background-position: center 117px;
}

.RoundConerPink .MinimizedIcon {
	background-position: center 45px;
}

.RoundConerPink .OverMinimizedIcon {
	background-position: center 141px;
}

.RoundConerPink .MaximizedIcon {
	background-position: center 69px;
}

.RoundConerPink .OverMaximizedIcon {
	background-position: center 165px;
}

.RoundConerPink .RestoreIcon {
	background-position: center 93px;
}

.RoundConerPink .OverRestoreIcon {
	background-position: center 189px;
}

.RoundConerPink .NormalIcon {
	background-position: center 93px;
}

.RoundConerPink .OverNormalIcon {
	background-position: center 189px;
}

.RoundConerPink .WindowBarLeft {
	padding-left: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerPink.png');
	background-repeat: no-repeat;
	background-position: left -153px;
}

.RoundConerPink .WindowBarRight {
	padding-right: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerPink.png');
	background-repeat: no-repeat;
	background-position: right -121px;
}

.RoundConerPink .WindowBarCenter {
background: url('/eXoResources/skin/PortletThemes/background/RoundConerPink.png') repeat-x;
	background-position: left -90px;
}

.RoundConerPink .WindowBarCenter .FixHeight {
	height: 22px;
	padding-top: 10px;
}

.UIPortlet .RoundConerPink .WindowBarCenter {
	height: 31px;
}

.RoundConerPink .MiddleDecoratorLeft {
	padding-left: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MRoundConerPink.png') repeat-y left;
}

.RoundConerPink .MiddleDecoratorRight {
	padding-right: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MRoundConerPink.png') repeat-y right;
}

.RoundConerPink .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .RoundConerPink .MiddleDecoratorCenter {
	height: 100%;
}

.RoundConerPink .BottomDecoratorLeft {
	padding-left: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerPink.png');
	background-repeat: no-repeat;
	background-position: left -60px;
}

.RoundConerPink .BottomDecoratorRight {
	padding-right: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerPink.png');
	background-repeat: no-repeat;
	background-position: right -30px;
}

.RoundConerPink .BottomDecoratorCenter {
background: url('/eXoResources/skin/PortletThemes/background/RoundConerPink.png') repeat-x;
	background-position: top;
}

.RoundConerPink .BottomDecoratorCenter .FixHeight {
	height: 30px;
}

/*------------------------------- RoundConerGreen ----------------------------------*/

.RoundConerGreen .WindowBarCenter .WindowPortletInfo {
	margin-right: 70px;/* orientation=lt */
}

.RoundConerGreen .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 20px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerGreen.png');
}

.RoundConerGreen .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px;/* orientation=lt */
	padding-left: 5px;/* orientation=lt */
}

.RoundConerGreen .WindowBarCenter .WindowPortletIcon {
  background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .RoundConerGreen .ResizeArea {
	float: right;/* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.RoundConerGreen .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	line-height: 19px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.RoundConerGreen .ArrowDownIcon {
	background-position: center 21px;
}

.RoundConerGreen .OverArrowDownIcon {
	background-position: center 117px;
}

.RoundConerGreen .MinimizedIcon {
	background-position: center 45px;
}

.RoundConerGreen .OverMinimizedIcon {
	background-position: center 141px;
}

.RoundConerGreen .MaximizedIcon {
	background-position: center 69px;
}

.RoundConerGreen .OverMaximizedIcon {
	background-position: center 165px;
}

.RoundConerGreen .RestoreIcon {
	background-position: center 93px;
}

.RoundConerGreen .OverRestoreIcon {
	background-position: center 189px;
}

.RoundConerGreen .NormalIcon {
	background-position: center 93px;
}

.RoundConerGreen .OverNormalIcon {
	background-position: center 189px;
}

.RoundConerGreen .WindowBarLeft {
	padding-left: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerGreen.png');
	background-repeat: no-repeat;
	background-position: left -153px;
}

.RoundConerGreen .WindowBarRight {
	padding-right: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerGreen.png');
	background-repeat: no-repeat;
	background-position: right -121px;
}

.RoundConerGreen .WindowBarCenter {
background: url('/eXoResources/skin/PortletThemes/background/RoundConerGreen.png') repeat-x;
	background-position: left -90px;
}

.RoundConerGreen .WindowBarCenter .FixHeight {
	height: 22px;
	padding-top: 10px;
}

.UIPortlet .RoundConerGreen .WindowBarCenter {
	height: 31px;
}

.RoundConerGreen .MiddleDecoratorLeft {
	padding-left: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MRoundConerGreen.png') repeat-y left;
}

.RoundConerGreen .MiddleDecoratorRight {
	padding-right: 13px;
background: url('/eXoResources/skin/PortletThemes/background/MRoundConerGreen.png') repeat-y right;
}

.RoundConerGreen .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .RoundConerGreen .MiddleDecoratorCenter {
	height: 100%;
}

.RoundConerGreen .BottomDecoratorLeft {
	padding-left: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerGreen.png');
	background-repeat: no-repeat;
	background-position: left -60px;
}

.RoundConerGreen .BottomDecoratorRight {
	padding-right: 13px;
background-image: url('/eXoResources/skin/PortletThemes/background/RoundConerGreen.png');
	background-repeat: no-repeat;
	background-position: right -30px;
}

.RoundConerGreen .BottomDecoratorCenter {
background: url('/eXoResources/skin/PortletThemes/background/RoundConerGreen.png') repeat-x;
	background-position: top;
}

.RoundConerGreen .BottomDecoratorCenter .FixHeight {
	height: 30px;
}

/*-------------------------- ShadowBlue ---------------------------*/

.ShadowBlue .WindowBarCenter .WindowPortletInfo {
	margin-right: 70px;/* orientation=lt */
}

.ShadowBlue .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 20px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowBlue.png');
}

.ShadowBlue .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px;/* orientation=lt */
	padding-left: 5px;/* orientation=lt */
}

.ShadowBlue .WindowBarCenter .WindowPortletIcon {
  background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .ShadowBlue .ResizeArea {
	float: right;/* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.ShadowBlue .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	line-height: 16px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.ShadowBlue .ArrowDownIcon {
	background-position: center 20px;
}

.ShadowBlue .OverArrowDownIcon {
	background-position: center 116px;
}

.ShadowBlue .MinimizedIcon {
	background-position: center 44px;
}

.ShadowBlue .OverMinimizedIcon {
	background-position: center 140px;
}

.ShadowBlue .MaximizedIcon {
	background-position: center 68px;
}

.ShadowBlue .OverMaximizedIcon {
	background-position: center 164px;
}

.ShadowBlue .RestoreIcon {
	background-position: center 92px;
}

.ShadowBlue .OverRestoreIcon {
	background-position: center 188px;
}

.ShadowBlue .NormalIcon {
	background-position: center 92px;
}

.ShadowBlue .OverNormalIcon {
	background-position: center 188px;
}

.ShadowBlue .WindowBarLeft {
	padding-left: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowBlue.png');
	background-repeat: no-repeat;
	background-position: left -142px;
}

.ShadowBlue .WindowBarRight {
	padding-right: 10px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowBlue.png');
	background-repeat: no-repeat;
	background-position: right -113px;
}

.ShadowBlue .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowBlue.png');
	background-repeat: repeat-x;
	background-position: center -84px;
}

.ShadowBlue .WindowBarCenter .FixHeight {
	height: 20px;
	padding-top: 9px;
}

.ShadowBlue .MiddleDecoratorLeft {
	padding-left: 11px;
background: url('/eXoResources/skin/PortletThemes/background/MShadowBlue.png') repeat-y left;
}

.ShadowBlue .MiddleDecoratorRight {
	padding-right: 10px;
background: url('/eXoResources/skin/PortletThemes/background/MShadowBlue.png') repeat-y right;
}

.ShadowBlue .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .ShadowBlue .MiddleDecoratorCenter {
	height: 100%;
}

.ShadowBlue .BottomDecoratorLeft {
	padding-left: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowBlue.png');
	background-repeat: no-repeat;
	background-position: left -56px;
}

.ShadowBlue .BottomDecoratorRight {
	padding-right: 10px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowBlue.png');
	background-repeat: no-repeat;
	background-position: right -28px;
}

.ShadowBlue .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowBlue.png');
	background-repeat: repeat-x;
	background-position: center top;
}

.ShadowBlue .BottomDecoratorCenter .FixHeight {
	height: 28px;
}

/*------------------------------ ShadowViolet -----------------------------------*/

.ShadowViolet .WindowBarCenter .WindowPortletInfo {
	margin-right: 70px;/* orientation=lt */
}

.ShadowViolet .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 20px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowViolet.png');
}

.ShadowViolet .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px;/* orientation=lt */
	padding-left: 5px;/* orientation=lt */
}

.ShadowViolet .WindowBarCenter .WindowPortletIcon {
  background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .ShadowViolet .ResizeArea {
	float: right;/* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.ShadowViolet .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	line-height: 16px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.ShadowViolet .ArrowDownIcon {
	background-position: center 20px;
}

.ShadowViolet .OverArrowDownIcon {
	background-position: center 116px;
}

.ShadowViolet .MinimizedIcon {
	background-position: center 44px;
}

.ShadowViolet .OverMinimizedIcon {
	background-position: center 140px;
}

.ShadowViolet .MaximizedIcon {
	background-position: center 68px;
}

.ShadowViolet .OverMaximizedIcon {
	background-position: center 164px;
}

.ShadowViolet .RestoreIcon {
	background-position: center 92px;
}

.ShadowViolet .OverRestoreIcon {
	background-position: center 188px;
}

.ShadowViolet .NormalIcon {
	background-position: center 92px;
}

.ShadowViolet .OverNormalIcon {
	background-position: center 188px;
}

.ShadowViolet .WindowBarLeft {
	padding-left: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowViolet.png');
	background-repeat: no-repeat;
	background-position: left -142px;
}

.ShadowViolet .WindowBarRight {
	padding-right: 10px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowViolet.png');
	background-repeat: no-repeat;
	background-position: right -113px;
}

.ShadowViolet .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowViolet.png');
	background-repeat: repeat-x;
	background-position: center -84px;
}

.ShadowViolet .WindowBarCenter .FixHeight {
	height: 20px;
	padding-top: 9px;
}

.ShadowViolet .MiddleDecoratorLeft {
	padding-left: 11px;
background: url('/eXoResources/skin/PortletThemes/background/MShadowViolet.png') repeat-y left;
}

.ShadowViolet .MiddleDecoratorRight {
	padding-right: 10px;
background: url('/eXoResources/skin/PortletThemes/background/MShadowViolet.png') repeat-y right;
}

.ShadowViolet .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .ShadowViolet .MiddleDecoratorCenter {
	height: 100%;
}

.ShadowViolet .BottomDecoratorLeft {
	padding-left: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowViolet.png');
	background-repeat: no-repeat;
	background-position: left -56px;
}

.ShadowViolet .BottomDecoratorRight {
	padding-right: 10px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowViolet.png');
	background-repeat: no-repeat;
	background-position: right -28px;
}

.ShadowViolet .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowViolet.png');
	background-repeat: repeat-x;
	background-position: center top;
}

.ShadowViolet .BottomDecoratorCenter .FixHeight {
	height: 28px;
}

/*------------------------------ ShadowOrange -----------------------------------*/


.ShadowOrange .WindowBarCenter .WindowPortletInfo {
	margin-right: 70px;/* orientation=lt */
}

.ShadowOrange .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 20px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowOrange.png');
}

.ShadowOrange .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px;/* orientation=lt */
	padding-left: 5px;/* orientation=lt */
}

.ShadowOrange .WindowBarCenter .WindowPortletIcon {
  background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .ShadowOrange .ResizeArea {
	float: right;/* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.ShadowOrange .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	line-height: 16px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.ShadowOrange .ArrowDownIcon {
	background-position: center 20px;
}

.ShadowOrange .OverArrowDownIcon {
	background-position: center 116px;
}

.ShadowOrange .MinimizedIcon {
	background-position: center 44px;
}

.ShadowOrange .OverMinimizedIcon {
	background-position: center 140px;
}

.ShadowOrange .MaximizedIcon {
	background-position: center 68px;
}

.ShadowOrange .OverMaximizedIcon {
	background-position: center 164px;
}

.ShadowOrange .RestoreIcon {
	background-position: center 92px;
}

.ShadowOrange .OverRestoreIcon {
	background-position: center 188px;
}

.ShadowOrange .NormalIcon {
	background-position: center 92px;
}

.ShadowOrange .OverNormalIcon {
	background-position: center 188px;
}

.ShadowOrange .WindowBarLeft {
	padding-left: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowOrange.png');
	background-repeat: no-repeat;
	background-position: left -142px;
}

.ShadowOrange .WindowBarRight {
	padding-right: 10px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowOrange.png');
	background-repeat: no-repeat;
	background-position: right -113px;
}

.ShadowOrange .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowOrange.png');
	background-repeat: repeat-x;
	background-position: center -84px;
}

.ShadowOrange .WindowBarCenter .FixHeight {
	height: 19px;
	padding-top: 10px;
}

.ShadowOrange .MiddleDecoratorLeft {
	padding-left: 11px;
background: url('/eXoResources/skin/PortletThemes/background/MShadowOrange.png') repeat-y left;
}

.ShadowOrange .MiddleDecoratorRight {
	padding-right: 10px;
background: url('/eXoResources/skin/PortletThemes/background/MShadowOrange.png') repeat-y right;
}

.ShadowOrange .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .ShadowOrange .MiddleDecoratorCenter {
	height: 100%;
}

.ShadowOrange .BottomDecoratorLeft {
	padding-left: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowOrange.png');
	background-repeat: no-repeat;
	background-position: left -56px;
}

.ShadowOrange .BottomDecoratorRight {
	padding-right: 10px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowOrange.png');
	background-repeat: no-repeat;
	background-position: right -28px;
}

.ShadowOrange .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowOrange.png');
	background-repeat: repeat-x;
	background-position: center top;
}

.ShadowOrange .BottomDecoratorCenter .FixHeight {
	height: 28px;
}

/*------------------------------ ShadowPink -----------------------------------*/


.ShadowPink .WindowBarCenter .WindowPortletInfo {
	margin-right: 70px;/* orientation=lt */
}

.ShadowPink .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 20px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowPink.png');
}

.ShadowPink .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px;/* orientation=lt */
	padding-left: 5px;/* orientation=lt */
}

.ShadowPink .WindowBarCenter .WindowPortletIcon {
  background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .ShadowPink .ResizeArea {
	float: right;/* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.ShadowPink .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	line-height: 16px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.ShadowPink .ArrowDownIcon {
	background-position: center 20px;
}

.ShadowPink .OverArrowDownIcon {
	background-position: center 116px;
}

.ShadowPink .MinimizedIcon {
	background-position: center 44px;
}

.ShadowPink .OverMinimizedIcon {
	background-position: center 140px;
}

.ShadowPink .MaximizedIcon {
	background-position: center 68px;
}

.ShadowPink .OverMaximizedIcon {
	background-position: center 164px;
}

.ShadowPink .RestoreIcon {
	background-position: center 92px;
}

.ShadowPink .OverRestoreIcon {
	background-position: center 188px;
}

.ShadowPink .NormalIcon {
	background-position: center 92px;
}

.ShadowPink .OverNormalIcon {
	background-position: center 188px;
}

.ShadowPink .WindowBarLeft {
	padding-left: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowPink.png');
	background-repeat: no-repeat;
	background-position: left -142px;
}

.ShadowPink .WindowBarRight {
	padding-right: 10px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowPink.png');
	background-repeat: no-repeat;
	background-position: right -113px;
}

.ShadowPink .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowPink.png');
	background-repeat: repeat-x;
	background-position: center -84px;
}

.ShadowPink .WindowBarCenter .FixHeight {
	height: 19px;
	padding-top: 10px;
}

.ShadowPink .MiddleDecoratorLeft {
	padding-left: 11px;
background: url('/eXoResources/skin/PortletThemes/background/MShadowPink.png') repeat-y left;
}

.ShadowPink .MiddleDecoratorRight {
	padding-right: 10px;
background: url('/eXoResources/skin/PortletThemes/background/MShadowPink.png') repeat-y right;
}

.ShadowPink .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .ShadowPink .MiddleDecoratorCenter {
	height: 100%;
}

.ShadowPink .BottomDecoratorLeft {
	padding-left: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowPink.png');
	background-repeat: no-repeat;
	background-position: left -56px;
}

.ShadowPink .BottomDecoratorRight {
	padding-right: 10px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowPink.png');
	background-repeat: no-repeat;
	background-position: right -28px;
}

.ShadowPink .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowPink.png');
	background-repeat: repeat-x;
	background-position: center top;
}

.ShadowPink .BottomDecoratorCenter .FixHeight {
	height: 28px;
}

/*------------------------------ ShadowGreen -----------------------------------*/


.ShadowGreen .WindowBarCenter .WindowPortletInfo {
	margin-right: 70px;/* orientation=lt */
}

.ShadowGreen .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 20px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowGreen.png');
}

.ShadowGreen .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px;/* orientation=lt */
	padding-left: 5px;/* orientation=lt */
}

.ShadowGreen .WindowBarCenter .WindowPortletIcon {
  background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .ShadowGreen .ResizeArea {
	float: right;/* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.ShadowGreen .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	line-height: 16px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.ShadowGreen .ArrowDownIcon {
	background-position: center 20px;
}

.ShadowGreen .OverArrowDownIcon {
	background-position: center 116px;
}

.ShadowGreen .MinimizedIcon {
	background-position: center 44px;
}

.ShadowGreen .OverMinimizedIcon {
	background-position: center 140px;
}

.ShadowGreen .MaximizedIcon {
	background-position: center 68px;
}

.ShadowGreen .OverMaximizedIcon {
	background-position: center 164px;
}

.ShadowGreen .RestoreIcon {
	background-position: center 92px;
}

.ShadowGreen .OverRestoreIcon {
	background-position: center 188px;
}

.ShadowGreen .NormalIcon {
	background-position: center 92px;
}

.ShadowGreen .OverNormalIcon {
	background-position: center 188px;
}

.ShadowGreen .WindowBarLeft {
	padding-left: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowGreen.png');
	background-repeat: no-repeat;
	background-position: left -142px;
}

.ShadowGreen .WindowBarRight {
	padding-right: 10px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowGreen.png');
	background-repeat: no-repeat;
	background-position: right -113px;
}

.ShadowGreen .WindowBarCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowGreen.png');
	background-repeat: repeat-x;
	background-position: center -84px;
}

.ShadowGreen .WindowBarCenter .FixHeight {
	height: 20px;
	padding-top: 9px;
}

.ShadowGreen .MiddleDecoratorLeft {
	padding-left: 11px;
background: url('/eXoResources/skin/PortletThemes/background/MShadowGreen.png') repeat-y left;
}

.ShadowGreen .MiddleDecoratorRight {
	padding-right: 10px;
background: url('/eXoResources/skin/PortletThemes/background/MShadowGreen.png') repeat-y right;
}

.ShadowGreen .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .ShadowGreen .MiddleDecoratorCenter {
	height: 100%;
}

.ShadowGreen .BottomDecoratorLeft {
	padding-left: 11px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowGreen.png');
	background-repeat: no-repeat;
	background-position: left -56px;
}

.ShadowGreen .BottomDecoratorRight {
	padding-right: 10px;
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowGreen.png');
	background-repeat: no-repeat;
	background-position: right -28px;
}

.ShadowGreen .BottomDecoratorCenter {
background-image: url('/eXoResources/skin/PortletThemes/background/ShadowGreen.png');
	background-repeat: repeat-x;
	background-position: center top;
}

.ShadowGreen .BottomDecoratorCenter .FixHeight {
	height: 28px;
}

/*------------------------------ SimpleBlue -----------------------------------*/

.SimpleBlue .WindowBarCenter .WindowPortletInfo {
	margin-right: 60px;/* orientation=lt */
}

.SimpleBlue .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 16px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
}

.SimpleBlue .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px;/* orientation=lt */
	padding-left: 5px;/* orientation=lt */
}

.SimpleBlue .WindowBarCenter .WindowPortletIcon {
  background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .SimpleBlue .ResizeArea {
	float: right;/* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.SimpleBlue .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.SimpleBlue .ArrowDownIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 16px;
}

.SimpleBlue .OverArrowDownIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 16px;
}

.SimpleBlue .MinimizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 32px;
}

.SimpleBlue .OverMinimizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 32px;
}

.SimpleBlue .MaximizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 48px;
}

.SimpleBlue .OverMaximizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 48px;
}

.SimpleBlue .RestoreIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 64px;
}

.SimpleBlue .OverRestoreIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 64px;
}

.SimpleBlue .NormalIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 64px;
}

.SimpleBlue .OverNormalIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 64px;
}

.SimpleBlue .WindowBarLeft {
	border: 1px solid #3d589d;
	border-bottom: none;
}

.SimpleBlue .WindowBarRight {
	border: 1px solid #d7e5f2;
}

.SimpleBlue .WindowBarCenter {
	background: #b0c0f5;
}

.SimpleBlue .WindowBarCenter .FixHeight {
	height: 18px;
	line-height: 18px;
}


.SimpleBlue .MiddleDecoratorLeft {
	border-left: 1px solid #3d589d;
	border-right: 1px solid #3d589d;
}

.SimpleBlue .MiddleDecoratorRight {
	border: 2px solid #d7e5f2;
	border-top: none;
	border-bottom: none;
}

.SimpleBlue .MiddleDecoratorCenter {
	border: 1px solid #4a67b1;
	border-bottom: none;
	background: #ffffff;
	padding: 1px;
}

.SimpleBlue .BottomDecoratorLeft {
	border-left: 1px solid #3d589d;
	border-right: 1px solid #3d589d;
	border-bottom: 1px solid #3d589d;
}

.SimpleBlue .BottomDecoratorRight {
	border: 2px solid #d7e5f2;
	border-top: none;
}

.SimpleBlue .BottomDecoratorCenter {
	border: 1px solid #4a67b1;
	border-top: none;
background: white url('/eXoResources/skin/PortletThemes/background/BGDecoratorCenter1x18.gif') repeat-x;
}

.SimpleBlue .BottomDecoratorCenter .FixHeight {
	height: 19px;
}

/*------------------------------ SimpleViolet -----------------------------------*/

.SimpleViolet .WindowBarCenter .WindowPortletInfo {
	margin-right: 60px;/* orientation=lt */
}

.SimpleViolet .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 16px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
}

.SimpleViolet .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px;/* orientation=lt */
	padding-left: 5px;/* orientation=lt */
}

.SimpleViolet .WindowBarCenter .WindowPortletIcon {
  background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .SimpleViolet .ResizeArea {
	float: right;/* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.SimpleViolet .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.SimpleViolet .ArrowDownIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 80px;
}

.SimpleViolet .OverArrowDownIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 80px;
}

.SimpleViolet .MinimizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 96px;
}

.SimpleViolet .OverMinimizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 96px;
}

.SimpleViolet .MaximizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 112px;
}

.SimpleViolet .OverMaximizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 112px;
}

.SimpleViolet .RestoreIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 128px;
}

.SimpleViolet .OverRestoreIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 128px;
}

.SimpleViolet .NormalIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 128px;
}

.SimpleViolet .OverNormalIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 128px;
}

.SimpleViolet .WindowBarLeft {
	border: 1px solid #c41fdc;
	border-bottom: none;
}

.SimpleViolet .WindowBarRight {
	border: 1px solid #ece7ff;
}

.SimpleViolet .WindowBarCenter {
	background: #c4a6ff;
}

.SimpleViolet .WindowBarCenter .FixHeight {
	height: 18px;
	line-height: 18px;
}

.SimpleViolet .MiddleDecoratorLeft {
	border-left: 1px solid #c41fdc;
	border-right: 1px solid #c41fdc;
}

.SimpleViolet .MiddleDecoratorRight {
	border: 2px solid #ece7ff;
	border-top: none;
	border-bottom: none;
}

.SimpleViolet .MiddleDecoratorCenter {
	border: 1px solid #5700a9;
	border-bottom: none;
	background: #ffffff;
	padding: 1px;
}

.SimpleViolet .BottomDecoratorLeft {
	border: 1px solid #c41fdc;
	border-top: none;
}

.SimpleViolet .BottomDecoratorRight {
	border: 2px solid #ece7ff;
	border-top: none;
}

.SimpleViolet .BottomDecoratorCenter {
	border: 1px solid #5700a9;
	border-top: none;
background: url('/eXoResources/skin/PortletThemes/background/BGDecoratorCenter1x18.gif') repeat-x;
}

.SimpleViolet .BottomDecoratorCenter .FixHeight {
	height: 19px;
}

.UIPortlet .SimpleViolet .BottomDecoratorCenter {
	height: 18px;
}

/*------------------------------ SimpleOrange -----------------------------------*/

.SimpleOrange .WindowBarCenter .WindowPortletInfo {
	margin-right: 60px;/* orientation=lt */
}

.SimpleOrange .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 16px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
}

.SimpleOrange .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px;/* orientation=lt */
	padding-left: 5px;/* orientation=lt */
}

.SimpleOrange .WindowBarCenter .WindowPortletIcon {
  background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .SimpleOrange .ResizeArea {
	float: right;/* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.SimpleOrange .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.SimpleOrange .ArrowDownIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 144px;
}

.SimpleOrange .OverArrowDownIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 144px;
}

.SimpleOrange .MinimizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 160px;
}

.SimpleOrange .OverMinimizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 160px;
}

.SimpleOrange .MaximizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 192px;
}

.SimpleOrange .OverMaximizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 192px;
}

.SimpleOrange .RestoreIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 176px;
}

.SimpleOrange .OverRestoreIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 176px;
}

.SimpleOrange .NormalIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 176px;
}

.SimpleOrange .OverNormalIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 176px;
}

.SimpleOrange .WindowBarLeft {
	border: 1px solid #ffb27f;
	border-bottom: none;
}

.SimpleOrange .WindowBarRight {
	border: 1px solid #fff1e5;
}

.SimpleOrange .WindowBarCenter {
	background: #ffd1a8;
}

.SimpleOrange .WindowBarCenter .FixHeight {
	height: 18px;
	line-height: 18px;
}

.SimpleOrange .MiddleDecoratorLeft {
	border-left: 1px solid #ffb27f;
	border-right: 1px solid #ffb27f;
}

.SimpleOrange .MiddleDecoratorRight {
	border: 2px solid #fff1e5;
	border-top: none;
	border-bottom: none;
}

.SimpleOrange .MiddleDecoratorCenter {
	border: 1px solid #b27a49;
	border-bottom: none;
	background: #ffffff;
	padding: 1px;
}

.SimpleOrange .BottomDecoratorLeft {
	border: 1px solid #ffb27f;
	border-top: none;
}

.SimpleOrange .BottomDecoratorRight {
	border: 2px solid #fff1e5;
	border-top: none;
}

.SimpleOrange .BottomDecoratorCenter {
	border: 1px solid #b27a49;
	border-top: none;
background: url('/eXoResources/skin/PortletThemes/background/BGDecoratorCenter1x18.gif') repeat-x;
}

.SimpleOrange .BottomDecoratorCenter .FixHeight {
	height: 19px;
}

.UIPortlet .SimpleOrange .BottomDecoratorCenter {
	height: 18px;
}

/*------------------------------ SimplePink -----------------------------------*/

.SimplePink .WindowBarCenter .WindowPortletInfo {
	margin-right: 60px;/* orientation=lt */
}

.SimplePink .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 16px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
}

.SimplePink .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	margin-right: 18px;/* orientation=lt */
	padding-left: 5px;/* orientation=lt */
}

.SimplePink .WindowBarCenter .WindowPortletIcon {
  background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .SimplePink .ResizeArea {
	float: right;/* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.SimplePink .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.SimplePink .ArrowDownIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 208px;
}

.SimplePink .OverArrowDownIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 208px;
}

.SimplePink .MinimizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 224px;
}

.SimplePink .OverMinimizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 224px;
}

.SimplePink .MaximizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 240px;
}

.SimplePink .OverMaximizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 240px;
}

.SimplePink .RestoreIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 256px;
}

.SimplePink .OverRestoreIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 256px;
}

.SimplePink .NormalIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 256px;
}

.SimplePink .OverNormalIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 256px;
}

.SimplePink .WindowBarLeft {
	border: 1px solid #b69db3;
	border-bottom: none;
}

.SimplePink .WindowBarRight {
	border: 1px solid #fff1fd;
}

.SimplePink .WindowBarCenter {
	background: #fdd8f9;
}

.SimplePink .WindowBarCenter .FixHeight {
	height: 18px;
	line-height: 18px;
}

.SimplePink .MiddleDecoratorLeft {
	border-left: 1px solid #b69db3;
	border-right: 1px solid #b69db3;
}

.SimplePink .MiddleDecoratorRight {
	border: 2px solid #fff1fd;
	border-top: none;
	border-bottom: none;
}

.SimplePink .MiddleDecoratorCenter {
	border: 1px solid #9a5591;
	border-bottom: none;
	background: #ffffff;
	padding: 1px;
}

.SimplePink .BottomDecoratorLeft {
	border: 1px solid #b69db3;
	border-top: none;
}

.SimplePink .BottomDecoratorRight {
	border: 2px solid #fff1fd;
	border-top: none;
}

.SimplePink .BottomDecoratorCenter {
	border: 1px solid #9a5591;
	border-top: none;
background: url('/eXoResources/skin/PortletThemes/background/BGDecoratorCenter1x18.gif') repeat-x;
}

.SimplePink .BottomDecoratorCenter .FixHeight {
	height: 19px;
}

.UIPortlet .SimplePink .BottomDecoratorCenter {
	height: 18px;
}

/*------------------------------ SimpleGreen -----------------------------------*/

.SimpleGreen .WindowBarCenter .WindowPortletInfo {
	margin-right: 60px;/* orientation=lt */
}

.SimpleGreen .WindowBarCenter .ControlIcon {
	float: right; /* orientation=lt */
	width: 16px; height: 16px;
	margin-right: 2px; /* orientation=lt */
	cursor: pointer;
}

.SimpleGreen .Information {
	line-height: 18px;
	width: 100px;
	font-size: 10px;
	margin-right: 18px;/* orientation=lt */
	padding-left: 5px;/* orientation=lt */
}

.SimpleGreen .WindowBarCenter .WindowPortletIcon {
  background-position: left top; /* orientation=lt */
	padding-left: 20px; /* orientation=lt */
	height: 16px;
}

.UIPageDesktop .SimpleGreen .ResizeArea {
	float: right;/* orientation=lt */
	width: 17px; height: 19px;
	cursor: nw-resize;
background: url('/eXoResources/skin/PortletThemes/background/Resize17x19.png') no-repeat;
}

.SimpleGreen .WindowBarCenter .PortletName {
	font-weight: bold;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}

.SimpleGreen .ArrowDownIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 272px;
}

.SimpleGreen .OverArrowDownIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 272px;
}

.SimpleGreen .MinimizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 288px;
}

.SimpleGreen .OverMinimizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 288px;
}

.SimpleGreen .MaximizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 304px;
}

.SimpleGreen .OverMaximizedIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 304px;
}

.SimpleGreen .RestoreIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 320px;
}

.SimpleGreen .OverRestoreIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 320px;
}

.SimpleGreen .NormalIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') left 320px;
}

.SimpleGreen .OverNormalIcon {
background: url('/eXoResources/skin/PortletThemes/background/SimpleStyle.gif') right 320px;
}

.SimpleGreen .WindowBarLeft {
	border: 1px solid #a0b9b6;
	border-bottom: none;
}

.SimpleGreen .WindowBarRight {
	border: 1px solid #eaf4ff;
}

.SimpleGreen .WindowBarCenter {
	background: #a3d0ff;
}

.SimpleGreen .WindowBarCenter .FixHeight {
	height: 18px;
	line-height: 18px;
}


.SimpleGreen .MiddleDecoratorLeft {
	border-left: 1px solid #a0b9b6;
	border-right: 1px solid #a0b9b6;
}

.SimpleGreen .MiddleDecoratorRight {
	border: 2px solid #eaf4ff;
	border-top: none;
	border-bottom: none;
}

.SimpleGreen .MiddleDecoratorCenter {
	background: #ffffff;
	border: 1px solid #4c717e;
	border-bottom: none;
	padding: 1px;
}

.SimpleGreen .BottomDecoratorLeft {
	border: 1px solid #a0b9b6;
	border-top: none;
}

.SimpleGreen .BottomDecoratorRight {
	background: #eaf4ff;
	padding: 0px 2px 2px 2px;
}

.SimpleGreen .BottomDecoratorCenter {
	border: 1px solid #4c717e;
	border-top: none;
background: url('/eXoResources/skin/PortletThemes/background/BGDecoratorCenter1x18.gif') repeat-x;
}

.SimpleGreen .BottomDecoratorCenter .FixHeight {
	height: 19px;
}

.UIPortlet .SimpleGreen .BottomDecoratorCenter {
	height: 18px;	
}