.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;
	width: 103px; height: 38px;
	margin: 0px;
	cursor: pointer;
}

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

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

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

.UIExoStart .VLineSeparator {
	float: right;
	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;
	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 .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;
	float: right;
	margin-right: 10px;
}

.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;
	margin-right: 5px;
}

.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;
}

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

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

.UIExoStart .StartMenuContainer .MenuItemContainer .Icon {
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 5px;
	height: 32px; width: auto;
}

.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%;
}

.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;
	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 ;
  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; margin-right: 2px;
}

.UIControlWorkspace .CloseControlWorkspace {
	float: right;
	width: 21px;	height: 15px;
	margin: 3px 5px 0px 0px;
	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;
}

/*########################### 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;
}

.UIControlWorkspace .UIControlWSWorkingArea {
  padding-bottom: 7px;
}

/*########################### End Tab ###########################*/
/*########################### Slidebar ###########################*/
.UIControlWorkspace .Slidebar {
	float: right;
  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 FF*/
}

.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;
	top: 0px;
}

.UIContainerConfigOptions {
  margin: 0px 10px;
}

.UIContainerConfigOptions .ContainerConfigOptions {
  border: solid 1px #bcbcbc;
  background: #f2f2f2;
  padding: 5px;
}

.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;
}

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

.UIContainerConfigOptions .Title .TitleContainer .LabelText {
	padding-left: 12px;
	height: 21px; line-height: 21px; 
}

.UIContainerConfigOptions .Title .TitleContainer .ArrowButton {
	float: right;
	border-left: solid 1px #bcbcbc;
	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;
}

.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;
}

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

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

.UIPageBrowser {
}

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

.UIPageBrowser .UIGrid {  
	width: 99.5%;
	margin: auto;
}
.UIPortalBrowser {
  padding: 5px;
  width: auto;
}

.UIPortalBrowser .UIGrid {  
	width: 99.5%;
	margin: auto;
}
.UIPageManagement {}
.UIPageManagement .TopTitleBar {
  margin-bottom: 10px;
  padding: 15px 10px 0px 0px;
}
.UIPageManagement .UIToolbar .EditToolbar .Icon {
  margin: 3px 10px 0px 10px;
}

/*########################- UIPageNodeSelector -######################*/

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

.UIPageNodeSelector .UIVerticalSlideTabs {
  border: none; 
}

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

.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;
}

.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;
	cursor: pointer;
	float: left; margin: 0px 0px 2px 0px;
	height: 21px; width: 21px;
	display: block;
}

.AddNavigationIcon {
	display: none;
}

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

.UIPageSelector .PageSelectorTitle  {
  height: 20px; line-height: 20px;
  padding-left: 15px;
  margin-bottom: 5px;
}

.UIPageSelector .PageSelectorTitle .Icon {
  float: left;
  margin: 2px 2px 0px 0px;
}

.UIPageSelector .PageSelectorTitle .Title {
  float: left;
  font-weight: bold; 
  margin-left: 10px;
}

.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;
  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;
  width: 100px; text-align: right;
  padding: 4px 10px 4px 0px;
}

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

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

.UIPortalManagement .UIToolbar .EditToolbar .Icon {
  margin: 3px 13px 0px 15px;
}


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

.UIPortalToolPanel .Body {
  padding: 1px;
}

.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 ;
  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: 300px;
}
.UIChangeSkinForm {
}

.UIChangeSkinForm .UIItemSelector .RightColumnStyle .ItemListContainer {
	float: left;
	width: 175px;
}

.UIChangeSkinForm .UIItemSelector .RightColumnStyle .ItemDetailList {
	margin: 0px 0px 0px 180px;
	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;
	width: 175px;
}

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

.UIChangeLanguageForm .UIItemSelector .RightColumnStyle .ItemDetailList {
	margin: 0px 0px 0px 180px;
}

.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;
	height: 24px; width: 24px;
}

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

.UIChangeLanguageForm .ItemDetail .NodeLabel {
	float: left;
	line-height: 24px;
	text-align: left;
}

.UIChangeLanguageForm .ItemDetail .PercentLabel {
	line-height: 24px;
	text-align: right;
	padding-right: 20px;
}

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

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

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

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

.UIChagnePortalForm .TabPaneContent .UITabContentContainer .UIGrid {
	width: 95%;
	margin: auto;
}

.UIChagnePortalForm .TabPaneContent .UITabContentContainer .UIPageIterator {
	width: 95%;
	margin: auto;
}
i.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;
	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;
  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 .WorkingAreaWithHelp .UITabContentContainer {
  border: 1px solid #d4d4d4;
  border-top: none;
}

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

.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: 16px 0px;
}

.UIAccountSettingForm .UIForm .UIAction {
	padding-top: 18px;
}
.UIPortalSettingForm {
  margin: auto;
  padding: 30px 17px 30px 10px ;
}

/*##############################- 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 ;
}

.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;
}

.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;
	float: left;
}

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

.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 ;
  width: 24px ; height: 15px ;
  margin: 4px 0px 0px 5px ;
  background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/DragBg2x2.gif);
  cursor: move ;
}

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

.UIPortlet .EditPortletPropertiesIcon {
	float: right;
	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;
	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;
}

/*##############################- 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 .CONTROL-CONTAINER .DragControlArea {
  float: left ; 
  width: 24px ; height: 15px ; 
  background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPortalComponent/background/DragBg2x2.gif);
  cursor: move ;
  margin: 4px 0px 0px 5px ;
}

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

.UIContainer .EditContainerIcon {
	float: right;
	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;
}

.UIContainer .DeleteContainerIcon {
	float: right;
	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;
}

.UIContainer .ContainerIcon {
	float: left;
  width: 18px; height: 16px;
  margin: 4px 0px 0px 5px;
  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-################################*/
.UIPage {
	padding: 1px 0px;
}

.UIPage .PageLayoutDecorator  {
  padding: 0px ;
  margin: 0px 2px auto 2px;
}

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

.UIPage .PageLayoutDecorator .MiddlePageBG {
  background: white ;
}

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

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

.UIPage .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;
}

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

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

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

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

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

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

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

.UIPage .UIRowContainer .UITabContainer .UIHorizontalTabs {
  padding: 0px;
}

.UIPageDesktop {
	position: relative ;
  overflow: hidden ;
  background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPageDesktop/background/eXoDesktopBG.jpg) no-repeat left bottom ;
}

.UIPageDesktop .UIWindow {
	width: 800px ; 
}
	
.UIPageDesktop .UIWindow .UIApplication {
	height: 350px ;
}

.UIPageDesktop .UIDockBar {
  position: absolute;
  bottom: 0px;
  margin: auto;
  z-index: 9999;
  cursor: pointer;
}

.UIPageDesktop .UIDockBar .Icon {
  width: 40px ; height: 40px ;
}

.UIPageDesktop .UIDockBar .IconControl {
  width: 40px ; height: 40px ;
}

.UIPageDesktop .UIDockBar .DockbarLeft {
  background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPageDesktop/background/LeftDockbar.png) no-repeat left bottom;
  padding: 0px 0px 0px 24px ;
}

.UIPageDesktop .UIDockBar .DockbarRight {
  background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPageDesktop/background/RightDockbar.png) no-repeat right bottom;
  padding: 0px 24px 0px 0px ;
}

.UIPageDesktop .UIDockBar .DockbarCenter {
  height: 47px ;
  background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPageDesktop/background/CenterDockbar.png) repeat-x bottom;
}

.UIPageDesktop .UIDockBar .IconContainer {
  vertical-align: bottom ;
  padding: 3px 35px 0px 0px;
	_padding: 3px 0px 0px 0px;
  margin: auto ;
}

.UIPageDesktop .UIDockBar .Separator {
	width: 1px; height: 35px; 
	margin: 0px 5px ;
}

.UIPageDesktop .UIDockBar .Tooltip {
	background: white ;
	line-height: 20px ;
	white-space: nowrap ;
	position: absolute ;
	padding: 0px 5px ;
	border: solid 1px black ;
}

.UIPageDesktop .MoveResizeArea {
  float: right ;
  width: 12px ; height: 18px ;
  background: blue ; 
  cursor: nw-resize ;
}

.UIPageDesktop .UIWindow .UIFormInputSet {
	width: 100%;
}
/*=============================Right Click DockBar Menu=========================*/

.UIDockBar .UIRightClickPopupMenu .UIContextMenuContainer .TopLeftRightClickPopupMenu {
  background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPageDesktop/background/PageDesktop.gif) no-repeat left -4px;
  padding-left: 3px;
}

.UIDockBar .UIRightClickPopupMenu .UIContextMenuContainer .TopRightRightClickPopupMenu {
  background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPageDesktop/background/PageDesktop.gif) no-repeat right -4px;
  padding-right: 3px;
}

.UIDockBar .UIRightClickPopupMenu .UIContextMenuContainer .TopCenterRightClickPopupMenu {
  background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPageDesktop/background/PageDesktop.gif) repeat-x ;
  height: 3px;
}

.UIDockBar .UIRightClickPopupMenu .UIContextMenuContainer .MiddleLeftRightClickPopupMenu {
  background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPageDesktop/background/PageDesktopRepeat.gif) repeat-y left ;
  padding-left: 3px;
	height: 100%;
}

.UIDockBar .UIRightClickPopupMenu .UIContextMenuContainer .MiddleRightRightClickPopupMenu {
  background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPageDesktop/background/PageDesktopRepeat.gif) repeat-y right ;
  padding-right: 3px;
}

.UIDockBar .UIRightClickPopupMenu .UIContextMenuContainer .BottomLeftRightClickPopupMenu {
  background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPageDesktop/background/PageDesktop.gif) no-repeat left -19px;
  padding-left: 3px;
  line-height: 10px;
}

.UIDockBar .UIRightClickPopupMenu .UIContextMenuContainer .BottomRightRightClickPopupMenu {
  background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPageDesktop/background/PageDesktop.gif) no-repeat right -19px ;
  padding-right: 3px;
  line-height: 10px;
}

.UIDockBar .UIRightClickPopupMenu .UIContextMenuContainer .BottomCenterRightClickPopupMenu {
  background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPageDesktop/background/PageDesktop.gif) repeat-x center -8px ;
  line-height: 10px; 
}

.UIDockBar .UIRightClickPopupMenu .UIRightPopupMenuContainer {
	background:#DFEAF6 none repeat scroll 0% 50%;
	margin:0px;
	padding: 0px;
	border: 1px solid #9ba9bf;
}

.UIDockBar .UIRightClickPopupMenu .UIContextMenuContainer .ClickCenterBottom {
	background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPageDesktop/background/PageDesktop.gif) no-repeat left -30px;
	width: 14px;  height: 10px;
	margin: 0px 0px 0px 35px;
}

.UIDockBar .UIRightClickPopupMenu .UIContextMenuContainer {
	border: none;
	background: none;
	_width: 230px;
}

.UIDockBar .UIRightClickPopupMenu .CloseDockBarIcon {
	background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIPageDesktop/background/PageDesktop.gif) no-repeat left -40px;
}

.UIDockBar .UIContextMenuContainer {
	position: absolute; 
	left: -40px; 
	top: -10px;
}

.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;
	line-height: 22px; 
}

.UITabContainer .EditIcon {
	float: left;
	_float: none;
}

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

.UITabContainer .SelectedTab .EditIcon {
	padding: 0px 8px 0px 2px;
	width: 16px; height: 24px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SelectedEditTab.gif') no-repeat center;
}

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

.UITabContainer .HorizontalLayout .UIOrganizationPortlet .UIForm .HorizontalLayout {
  padding: 0px;
}

.UITabContainer .UIOrganizationPortlet .UIGroupInfo .UIForm .UIFormGrid {
  width: auto;
  margin: auto;
}

.UITabContainer .UIOrganizationPortlet .UIMembershipManagement .UIForm .UIFormGrid {
  width: auto;
  margin: auto;
}

.UITabContainer .UIAccountPortlet .UIForm .UIFormGrid {
  margin: auto;
  width: auto;
}

.UIPage .UITabContainer .UITabContent {
	height: 100%;
}
.UIWidgets {
	padding: 10px 0px 0px 0px;
}

.UIWidgets .ItemSelectorContainer .EditIcon {
	float: left;
	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 ;
	margin-top: 2px;
}

.UIWidgets .WidgetDecorator {
	width: 236px;
}

.UIWidgets .UIDropDownControl .UIDropDownAnchor .ItemListOption {
	width: 100%;
	overflow: hidden;
}

.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;
}

.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;
	margin: 4px 0px 0px 4px;
	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;
	width: 76px; height: 20px;
	padding-right: 7px;
}

.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;
	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;
	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;
	width: 16px; height: 16px;
	cursor: pointer;
	margin: 2px 3px 0px 0px;
	background: url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/UIWidgets/background/WidgetControlIcon.gif) no-repeat left -37px;	
}

.UIWidget .WidgetControl .CloseWidgetIcon {
	float: left;
	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;	
}
.UIUserSpace {
	padding: 0px 7px;
}
.UILoginForm {	
	margin: auto;
	padding: 30px 17px 30px 10px;
	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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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;
}
/* ============================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;
}

.UILoginForm .LoginDetailBox .PasswordField {
	padding: 5px;
	width: 305px;
	margin: auto;
	text-align: right;
}

.UILoginForm .LoginDetailBox .CheckField {
	height: 20px;
	margin: 4px auto;
	padding-left: 140px;
}

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

.UILoginForm .LoginDetailBox .CheckField .RememberLoginTitle {
	float: left;
	margin-left: 2px;
	line-height: 20px;
}

.UILoginForm .LoginDetailBox label {
	font-weight: bold;
	padding-right: 4px;
}

.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;
	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;
	cursor: text;
}

.UILoginForm .UIForm .VerticalLayout .UIAction {
	padding: 15px 0px 15px 75px;
}
.UIWelcomeComponent {
}

.UIWelcomeComponent .WelcomeMessage {
  float: left ;
}

.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;
}

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

.UIWidgetContainerManagement .Icon {
	float: right;
	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;
}

.UIWidgetContainerManagement .ContainerList {
	padding: 5px 0px 10px 0px;
}

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

.UIWidgetContainerManagement .ContainerList .NormalItem {
	cursor: pointer ;
	color: #000000;
	text-decoration: none;
	line-height: 21px;
	padding-left: 27px;
}

.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;
	padding-left: 24px;
	margin: 0px 5px;
}

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

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

.UIWidgetContainerManagement .ContainerManagementDetail .WidgetContainerCategory {
	float: left;
	width: 252px; height: 275px;
	background: white; overflow: auto;
	border: 1px solid #b7b7b7;
}

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

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

.UIWidgetContainerManagement .ContainerManagementDetail .ContainerDetail {
	padding: 10px 10px 0px 0px;
	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;
	text-align: center;
}

.UIWidgetContainerManagement .WidgetContainerView .RemoveContainerAction{
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DustBin.gif') no-repeat left center;
	padding:0px 55px 0px 23px;
	height: 22px; line-height: 22px;
	float: right;
	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;
	line-height: 20px;
	float: left;
}

.UIWidgetContainerManagement .WidgetContainerView .InfoContent .FieldComponent {
	margin-left: 155px;	
	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;
}

.UIWidgetContainerManagement .PopupContent .UIForm .HorizontalLayout {
	padding-top: 10px;
}
div {
	padding:	0px ; margin: 0px ;
}

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: bottom;
}

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

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

body {
	background: url('/eXoResources/skin/DefaultSkin/background/PortalBG2x2.gif');
	margin: 0px ; padding: 0px;
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif ;
	font-size: 11px;
	overflow-x: auto;
	height: 100%;
}


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

.LeftBlock {
	float: left;
}

.RightBlock {
	float: right;
}

.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;
}
.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;
}

.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: 16px ;  height: 16px ;
  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) ;
}

.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: 5px 5px 3px 5px;
}

.UIBreadcumbs {
  line-height: 19px ;
}

.UIBreadcumbs a {
	float: left ;
}

.UIBreadcumbs a.Selected {
	color: #fc7605 ; 
}

.UIBreadcumbs .HomeIcon {
	float: left;
  margin: 5px 5px 0px 3px ;
}

.UIBreadcumbs .LeftBreadcumbsBar {
  padding-left: 3px ;
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UIBreadcumbs/background/Breadcumbs.gif) no-repeat left top;
  height: 25px;
}

.UIBreadcumbs .RightBreadcumbsBar {
  padding-right: 3px;
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UIBreadcumbs/background/Breadcumbs.gif) no-repeat right top;
  height: 25px;
}

.UIBreadcumbs .BreadcumbsInfoBar {
  height: 25px; line-height: 25px;
  padding-left: 3px; 
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UIBreadcumbs/background/Breadcumbs.gif) repeat-x bottom;
}

.UIBreadcumbs .RightBlackGridArrowIcon {
  float: left;
  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;
	-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;
}

.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;
}

.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: 4px 0px 0px 7px;
}

.UIGrid tbody {
  padding-bottom: 1px;
}

.UIGrid td {
  height: 24px ;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-top: 1px solid white;
  padding: 6px 0px 0px 10px;
}

.UIGrid .OddRow {
  background: #f0f0f0;
}

.UIGrid .EvenRow {
  background: #f5f5f5;
}

.UIGrid .ActionContainer a {
  margin-right: 8px ;
  color: #024369;
}

.UIGrid .ActionContainer a img {
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  float: none; 
}

table .OverflowContainer {
	overflow: visible;
	white-space: nowrap;
}

.UIGrid .Datetime {
}

.UIGrid .Number {
  text-align: center;
}

.UIGrid .ValueWithIcon {
  float: left ;
  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 ;
  margin: auto;
}
.UIPageIterator {    
  margin: 3px auto 0px auto;
  width: 99%;  
}

.UIPageIterator .PageIteratorContainer {    
  float: right ;
  line-height: 22px ; 
  overflow: hidden; 
}

.UIPageIterator .PageIteratorContainer .LeftPageIteratorBlock{    
  float: right ;
  margin-right: 15px;
}

.UIPageIterator .PageIteratorContainer .RightPageIteratorBlock{    
  float: right ;
}

.UIPageIterator .Icon {
  float: left ;
  margin: 3px 3px 0px 0px ;
  width: 18px ; height: 17px ;
}

.UIPageIterator .TotalPages {
  float: left ;
  line-height: 19px ; vertical-align: middle;
}

.UIPageIterator .PagesTotalNumber {
  float: left ;
  line-height: 20px ; vertical-align: middle;
  color: #0183f1;
  margin-left: 5px;
}

.UIPageIterator .LastTopPageIcon {
  vertical-align: middle ;
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif) no-repeat left -17px ;
  cursor: pointer ;
}

.UIPageIterator .NextTopPageIcon {
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif) no-repeat left -51px ;
  cursor: pointer ;
}

 .UIPageIterator .LastPageIcon {
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif) no-repeat left -119px;
  cursor: pointer ; 
}

.UIPageIterator .NextPageIcon {
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif) no-repeat left -85px;
  cursor: pointer ;
}

.UIPageIterator .DisableLastTopPageIcon {
  vertical-align: middle ;
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif) no-repeat left top;
  cursor: pointer ;
}

.UIPageIterator .DisableNextTopPageIcon {
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif) no-repeat left -34px;
  cursor: pointer ;
}

 .UIPageIterator .DisableLastPageIcon {
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif) no-repeat left -102px;
  cursor: pointer ; 
}

.UIPageIterator .DisableNextPageIcon {
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPageIterator/background/ArrowPageIterator.gif) no-repeat left -68px;
  cursor: pointer ;
}
/* End */

.UIPageIterator .Number {
  float: left ;
  padding: 0px 4px 0px 4px ;
  margin: 0px 6px 0px 3px;
}

.UIPageIterator .Number a.PageSelected {
  color: #f16701;
  font-weight: bold;
  border: none;
  border: 1px solid #dfdfdf;
  padding: 0px 5px 1px 5px;
}

.UIPageIterator .Number a {
  padding: 0px 5px 1px 5px;
  color: #333333 ;
  border: 1px solid #dfdfdf;
  background: white;
}

.UIPageIterator .Number a:hover {
  color: #058ee6 ;
  border: 1px solid #b6b6b6;
}

.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;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  padding-left: 10px;
}

.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 ;
  width: 24px ;  height: 24px ;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/QuickSearch.gif') no-repeat ;
  float: left ;
}

.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 ;
  width: 115px ; 
  padding: 1px;
  border: solid 1px gray;
  font-size: 11px;
}

.UISearch .UISearchForm .QuickSet input {
  float: left ;
  margin: 0px 5px 0px 10px ; padding-left: 4px;
  border: 1px solid gray ;
  width: 180px ; height: 16px;
}

.UIFormTabPane .UISearch .UISearchForm .QuickSet select {
  float: left ;
  margin-top: 8px ; padding-left: 4px;
  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: 100%;
}

.UITrees a {
	display: block;
} 

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

.UITrees .LevelUpArrowIcon {
  height: 20px;
  width: 100%;
  background: url(/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/BlueUpLevelArrow.gif) no-repeat 10px center;
}

.UITrees a.LevelUpArrowIcon:hover {
  background: url(/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/OverBlueUpLevelArrow.gif) no-repeat 10px center;
}

.UITrees .Node {
	line-height: 18px;
	padding-top: 7px;
	padding-left: 15px;
	white-space: nowrap;
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITree/background/Dotted.gif) repeat-y 15px;
}

.UITrees .LastNode {
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITree/background/Dotted.gif) no-repeat 15px top;
}

.UITrees .Node .NodeIcon {
	background-position: left top;
	padding-left: 20px;
	width: auto;
	height: auto;
	font-weight: bold;
}

.UITrees .Node .ExpandIcon {
	padding-left: 18px;
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITree/background/SmallGrayMinus.gif) no-repeat left top;
  width: auto; height: auto;
}
  
.UITrees .Node .CollapseIcon {
	padding-left: 18px;
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITree/background/SmallGrayPlus.gif) no-repeat left top;
  width: auto; 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 ;
  padding-left: 25px;
}

.UITrees .TreeContainer .PortalIcon {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/24x24/icons/SelectedGroup.gif') no-repeat ;  
  padding-left: 25px;
}
.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;
  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;
  height: 16px ;
  width: 16px;
  margin: 2px 7px 0px 3px;
}

.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;
  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 ;
  margin: 3px 7px 0px 5px ;
}

.UIQuickHelp .BottomBar .ForwardButton {
  float: right ;
  margin: 3px 7px 0px 5px ;
}

.UIQuickHelp .UIQuickHelpContentPage .Icon {
  float: left ;
}

.UIQuickHelp .UIQuickHelpContentPage ul {
   list-style-image: url('background/BlueSquareBg.gif');
}

.UIQuickHelp .UIQuickHelpContentPage li {
   margin-top: 10px;
   margin-left: -20px;
}

.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;
}

/*========================== 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;
  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;
  height: 28px; line-height: 28px;  
  font-weight: bold;
}

.UIWizard .UIWizardContent .WizardStepTitleBar .HelpIcon {
  float: right;
  width: 28px; height: 28px;
  background:  url(/eXoResources/skin/DefaultSkin/webui/component/UIWizard/background/WizardIcon.gif) no-repeat top;
  margin-right: 10px;
  cursor: pointer;
}

.UIWizard .UIWizardContent .WizardStepTitleBar .StepTitle {
  float: left;
  height: 28px; line-height: 28px; 
  padding-left: 10px;
  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;
  height: 34px; line-height: 34px;
}

.UIWizard .UIWizardContent .WizardControlBar .StepNavigationBar a{
  float: left;
  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;
  height: 33px; line-height: 33px;
  font-weight: bold;
  margin: 0px 10px 0px 15px;
}

.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;
	padding-right: 7px;
}

.UIWizard .WizardControlBar .UIAction .ActionButton {
	float: right;
}

.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 ;
  margin: 0px;
}

.UIWizard .UIWizardWelcome .WelcomeText {
  padding: 20px 40px 20px 15px;
  line-height: 20px;
}

/*========================== Start UIWizard Step2 ==============================*/
.UIWizard .UIWizardPageSetInfo .PageNodeContainer {
  float: left;
  width: 240px;
}

.UIWizard .UIWizardPageSetInfo .SelectedPageInfo {
  border: 1px #b7b7b7 solid;
  margin-left: 250px;
  padding: 1px;
}

.UIWizard .UIWizardPageSetInfo .SelectedPageInfo .PageInfoContainer {
  background: #efefef;
  padding: 20px 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;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/MiniOrangeBoxPage.gif') no-repeat;
  width: 16px; height: 16px;
  margin: 5px 0px 0px 6px;
}

.UIWizard .UIWizardPageSetInfo .SelectedPageInfo .Label {
  float: left;
  padding: 0px 5px;
  font-weight: bold;
}

.UIWizard .UIWizardPageSetInfo .SelectedPageInfo .Info {
  float: left;
  padding: 0px 5px;
  color: #0683f7; 
  background: none;
}

.UIWizard .UIWizardPageSetInfo .UIFormWithTitle {
  margin: auto;
  margin-top: 5px;
  width: 90%;
  overflow: hidden;
}

.UIWizard .UIWizardPageSetInfo .UIFormWithTitle .UIAction {
  display: none;
}

.UIWizard .UIWizardPageSetInfo .UIFormWithTitle .FormContainer {
  background: white;
  padding: 10px;
  height: 174px;
}

.UIWizard .UIWizardPageSetInfo .UIFormWithTitle textarea {
  width: 220px; height: 80px;
  background: white;
  font-family: verdana;
  border: solid 1px gray ;
  padding-left: 5px;
}

/*========================== 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: 257px;
	width: 220px;
}

/*####################- HorizontalLayout -#################*/
.UIForm .HorizontalLayout {
  border: 1px solid #aeaeae;
}

.UIFormGrid {
	width: auto;
	margin: auto;
}

.UIForm .UIFormGrid td.FieldLabel {
  padding: 4px;
  text-align: right;
	vertical-align: top;
}

.UIForm .UIFormGrid td.FieldComponent {
  padding: 4px;
  *padding: 2px 0px 4px 4px;
  white-space: nowrap;
}

.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 {
	width: 97% ;
  padding: 10px auto; margin: auto ;
}

.HorizontalLayout .UIForm .UIFormInputSet {
	width: 97% ;
  padding: 10px auto ; margin: auto ;
}

.UIForm .HorizontalLayout .UIFormInputSet .Title {
  margin: 10px 0px 0px 10px ;
  color: #5f7fd6 ;
}

.UIForm .HorizontalLayout .UIFormInputSet .ItemLabel {
  float: left ;
  font-weight: bold ;
  width: 100px ;
}

.UIForm .HorizontalLayout .UIFormInputSet .ItemValue {
  margin-left: 5px ;
  float: left ;
  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;
}

.UIForm .HorizontalLayout textarea {
  width: 235px ;  height: 75px ;
  font-size: 11px;
}

.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 ;
  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; 
}

/*####################- 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;
}

.UIApplicationRegistryPortlet .UIPermissionForm .UIPopupWindow .UIWindowContent .Content {
  padding: 15px;
}
.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;
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .TopCenter {
	background: none ;
	height: 10px;
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .TopRightCorner {
	background: none ;
	padding-right: 10px;
	height: 10px;
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .MiddleLeftSide {
	background: none ;
	padding-left: 10px;	
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .MiddleRightSide {
	background: none ;
	padding-right: 10px;	
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .BottomRightCorner {
	background: none ;
	padding-right: 10px;
	height: 10px;	
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .BottomCenter {	
	background: none ;	
	height: 10px;
}

.UIFormInputDecoratorSelector .UIPortletDecorator .DefaultDecorator .BottomLeftCorner {
	background: none ;
	padding-left: 10px;	
	height: 10px;
}

.UIFormInputDecoratorSelector .SelectedInfo {
  padding-left: 20px; 
  padding-bottom: 15px;
  width: 90%;
}

.UIFormInputDecoratorSelector .SelectedInfo .UIFormInputSet .Title {
  margin-left: 20px; 
  font-weight: bold ; 
  color: black;
  padding-left: 5px;
}

.UIFormInputDecoratorSelector .SelectedInfo .UIFormInputSet {
  margin-top: 0px;
}

.UIFormInputDecoratorSelector .SelectedInfo .UIFormInputSet .FieldContainer{
  margin-top: 8px;
  padding-left: 20px;
  white-space: nowrap;
}

.UIFormInputDecoratorSelector .SelectedInfo .UIFormInputSet .Icon{
  margin-right: 3px; margin-top: 10px;
  float: left;
}


.UIFormInputDecoratorSelector .SelectedInfo .UIFormInputSet .FieldContainer .ItemLabel{
  font-size: 12px; font-weight: normal;
  margin-left: 5px;
}

.UIFormInputDecoratorSelector .SelectedInfo .UIFormInputSet .FieldContainer .ItemValue{
  font-size: 12px; margin-left: 10px;
}

.UIFormTabPane  {
  padding-top: 5px ;
}

.UIFormTabPane .FormTabPaneContainer {
  background: white ;
  border-left: solid 1px #638294 ; border-right: solid 1px #638294 ;
}

.UIFormTabPane .UITabPane {
  border: none;
  padding: 0px;
}

.UIFormTabPane .UITabPane .UIForm .HorizontalLayout {
	border: none;
}
.UITestFormPortlet .UIFormWithTitle {
	margin: 0px;
}

.UIFormWithTitle {
  width: 500px;
  margin: auto;
}

.UIFormWithTitle .TitleBar {
  padding-left: 15px ;
  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 {
  padding: 1px;
  background: #efefef ;
  border: 1px #b7b7b7 solid;
  border-top: none;
}

.UIFormWithTitle .HorizontalLayout .FormContainer {
  padding: 10px 15px 6px 15px;
}
.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;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}

/*###########################--NavigationTabTab--############################*/
.UIHorizontalTabs .UITab .NormalNavigationTab {
  line-height: 24px; 
  margin-left: 1px;
}

.UIHorizontalTabs .UITab .NormalNavigationTab .LeftTab {
  line-height: 24px;
  padding-left: 2px;
}

.UIHorizontalTabs .UITab .NormalNavigationTab .RightTab {
  line-height: 24px; 
  padding-right: 2px;
}

.UIHorizontalTabs .UITab .NormalNavigationTab .MiddleTab {
  line-height: 24px;
  padding-left: 7px;
}

.UIHorizontalTabs .UITab .NormalNavigationTab .TabIcon {
  color: white;
  line-height: 24px;
  padding: 0px 5px 0px 0px;
}

.UIHorizontalTabs .UITab .NormalNavigationTab a {
  color: white;
  margin-right: 2px;
}

.UIHorizontalTabs .UITab .NormalNavigationTab .DropDownArrowIcon {
  padding-right: 20px;
  background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayDownArrow.gif) no-repeat right;
  cursor: pointer;
}

/*###############-Hightlight Navigation Tab  -################*/

.UIHorizontalTabs .UITab .HighlightNavigationTab {
  line-height: 24px; 
  margin-left: 1px;
}

.UIHorizontalTabs .UITab .HighlightNavigationTab .LeftTab {
  line-height: 24px; 
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NavigationTab.gif) no-repeat left top;
  padding-left: 2px;
}

.UIHorizontalTabs .UITab .HighlightNavigationTab .RightTab {
  line-height: 24px; 
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NavigationTab.gif) no-repeat right top;
  padding-right: 2px;
}

.UIHorizontalTabs .UITab .HighlightNavigationTab .MiddleTab {
  line-height: 24px; 
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NavigationTab.gif) repeat-x center -24px;
  padding-left: 7px;
}

.UIHorizontalTabs .UITab .HighlightNavigationTab .TabIcon {
  color: white;
  line-height: 24px;
  padding: 0px 5px 0px 0px;
}

.UIHorizontalTabs .UITab .HighlightNavigationTab a {
  color: white;
  margin-right: 2px;
}

.UIHorizontalTabs .UITab .HighlightNavigationTab .DropDownArrowIcon {
  padding-right: 20px;
  background: url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueDownArrow.gif) no-repeat right;
  cursor: pointer;
}

/*###############-Selected Navigation Tab-################*/

.UIHorizontalTabs .UITab .SelectedNavigationTab {
  line-height: 24px; 
  margin-left: 1px; 
}

.UIHorizontalTabs .UITab .SelectedNavigationTab .LeftTab {
  line-height: 24px; 
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NavigationTab.gif) no-repeat left -48px;
  padding-left: 2px;
}

.UIHorizontalTabs .UITab .SelectedNavigationTab .RightTab {
  line-height: 24px; 
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NavigationTab.gif) no-repeat right -48px;
  padding-right: 2px;
}

.UIHorizontalTabs .UITab .SelectedNavigationTab .MiddleTab {
  line-height: 24px;
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/NavigationTab.gif) repeat-x center -72px;
  padding-left: 7px;
}

.UIHorizontalTabs .UITab .SelectedNavigationTab .TabIcon {
  color: white;
  line-height: 24px;
  padding: 0px 5px 0px 0px;
}

.UIHorizontalTabs .UITab .SelectedNavigationTab a {
  margin-right: 2px;
}

.UIHorizontalTabs .UITab .SelectedNavigationTab .DropDownArrowIcon {
  padding-right: 20px;
  background: transparent url(/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayDownArrow.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; 
  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;
  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 4px 0px 4px;
}

.UIHorizontalTabs .NormalTabStyle .HighlightTab {
  line-height: 24px;
  margin-right: 1px;
  color: #0666d2; font-weight: normal;
}

.UIHorizontalTabs .NormalTabStyle .HighlightTab .LeftTab {
  line-height: 24px;
  padding-left: 12px;
  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;
  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 0px 4px;
}

.UIHorizontalTabs .NormalTabStyle .SelectedTab {
  line-height: 24px;
  margin-right: 1px;
  color: #307dcc; 
}

.UIHorizontalTabs .NormalTabStyle .SelectedTab .LeftTab {
	line-height: 24px;
  padding-left: 15px; 
  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; 
  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 4px 0px 4px;
}

/*###########################-- MessageTabDialog --############################*/

/*==============================NormalTab for MessageTab=====================*/
.UIHorizontalTabs .MessageTabDialog .NormalTab {
  line-height: 27px;
  margin-right: 1px;
  color: #202020; font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .LeftTab {
  padding-left: 2px;
  line-height: 27px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .RightTab {
  line-height: 27px;
  padding-right: 7px;
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif) repeat-y right -182px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .MiddleTab {
  line-height: 27px;
  cursor: pointer;
  padding: 0px 8px 0px 4px;
  color: black; font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab div:hover{
  color: orange;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .TabIcon {
  float: left;
  width: 32px; height: 21px;
  margin-top: 4px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .InfoIcon {
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif) no-repeat center -105px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .ErrorIcon {
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif) no-repeat center -21px;
}

.UIHorizontalTabs .MessageTabDialog .NormalTab .WarningIcon {
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif) no-repeat center -63px;
}

/*==============================Disable Tab for MessageTab=====================*/

.UIHorizontalTabs .MessageTabDialog .DisabledTab {
  line-height: 27px;
  margin-right: 2px;
  color: #202020; font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .LeftTab {
  padding-left: 2px;
  line-height: 27px;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .RightTab {
  line-height: 27px;
  padding-right: 7px;
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif) repeat-y right -182px;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .MiddleTab {
  line-height: 27px;
  cursor: pointer;
  padding: 0px 8px 0px 4px;
  color: gray;  font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .TabIcon {
  float: left;
  width: 32px; height: 21px;
  margin-top: 4px;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .InfoIcon {
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif) no-repeat center -84px ;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .ErrorIcon {
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif) no-repeat center top ;
}

.UIHorizontalTabs .MessageTabDialog .DisabledTab .WarningIcon {
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif) no-repeat center -42px;
}
/*==============================Selected Tab for MessageTab=====================*/

.UIHorizontalTabs .MessageTabDialog .SelectedTab {
  line-height: 27px;
  color: #058ee6;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .LeftTab {
  line-height: 27px;
  padding-left: 2px;
  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;
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif) no-repeat right -126px;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .MiddleTab {
  line-height: 27px;
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif) repeat-x center -155px;
  cursor: pointer;
  padding: 0px 8px 0px 4px;
  color: #058ee6;  font-weight: normal;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab  div:hover{
  color: orange;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .TabIcon {
  float: left;
  width: 32px; height: 21px;
  margin-top: 4px;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .InfoIcon {
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif) no-repeat center -105px;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .ErrorIcon {
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif) no-repeat center -21px;
}

.UIHorizontalTabs .MessageTabDialog .SelectedTab .WarningIcon {
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabs/background/MessageTabDialog.gif) no-repeat center -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: 15px 7px ;
}

.UITabPane .UIForm .HorizontalLayout {
	border: none;
	background: none;
}

.UITabPane .UIFormWidthTitle .HorizontalLayout {
	border: 1px solid #b7b7b7;
}

/*#######################-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 ;
  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 ;
  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 ;
  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;
  height: 26px ; line-height: 26px ;  
  color: #058ee6; font-weight: bold; 
  text-transform: capitalize;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .ControlContainer {
  float: right;
  padding-right: 2px;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .ControlIcon {
  float: left;
  margin: 4px 2px 0px 2px;
}

.UIVerticalSlideTabs .VTabSimpleStyle .SelectedTab .EditIcon{
  width: 19px;  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 ;
  width: 16px;  height: 16px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueNextArrow.gif') no-repeat;
  margin: 6px 5px 0px 5px;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .TabLabel {
  float: left ;
  height: 26px ; line-height: 26px ;
}

.UIVerticalSlideTabs .VTabStyle3 .NormalTab .SwitchButton {
  float: right;
  width: 16px;  height: 16px ;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueNextArrow.gif') no-repeat ;
  margin: 6px 3px 0px 0px ;
  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 ;
  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 ;
  height: 26px ; line-height: 26px ;  
  color: blue;
}

.UIVerticalSlideTabs .VTabStyle3 .SelectedTab .SwitchButton {
  float: right;
  width: 16px;  height: 16px ;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueDownArrow.gif') no-repeat ;
  margin: 6px 3px 0px 0px ;
}

.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;
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabSelector/background/TabSelector.gif) repeat-x left -31px;
  padding: 0px;
}

.UITabSelector .UIHorizontalTabs .TabsContainer {
  float: left;
  overflow: hidden;
}

.UITabSelector .UIHorizontalTabs .UITab {
  float: left;
}

.UITabSelector .UIHorizontalTabs .LineSeparator {
  float: left;
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UITabSystem/UITabSelector/background/TabSelector.gif) no-repeat left -91px;
  height: 29px;  width: 2px;
  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 {
  float: left;
  margin: 1px 4px 0px 0px;
}

.UITabSelector .FlatTabStyle  a.Title {
  margin-left: 30px;
  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;
}

.UITabSelector .FlatTabStyle .SelectedTab a.Title:hover {
  color: #058ee6;
}

/************************************ List Permission Selector *******************************/
.UIAccessGroup {
  padding: 10px;
}

.UIAccessGroup .UIGrid {
  width: 95%;
  margin: auto;
}

.UIAccessGroup .UIPageIterator {
	width: 95%;
	margin: 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;
  height: auto;
}

.UIGroupMembershipSelector .UIBreadcumbs a.Selected {
  color: #058ee6;
}

.UIGroupMembershipSelector .UIBreadcumbs .HomeIcon {
	float: left;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SmallGroup.gif') no-repeat;
}

.UIGroupMembershipSelector .UIBreadcumbs .RightBlackGridArrow16x16Icon {
	float: left;
  margin: 5px 2px 0px 1px ;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GridRightArrow.gif');
}

.UIGroupMembershipSelector .Container {
  padding: 10px;
  background: #f4f4f4;
  border: 1px solid #e4e4e4;
}

.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;
}

.UIGroupMembershipSelector .GroupSelector {
  float: left;
  width: 230px;
  border: 1px solid white;
}

.UIGroupMembershipSelector .UITrees {
  border: none;  
}

.UIGroupMembershipSelector .UITrees .TreeContainer {
  height: 160px;
}

.UIGroupMembershipSelector .BlueLevelUpArrow24x24Icon {
  margin-left: 7px;
}

.UIGroupMembershipSelector .MembershipSelector {
  background: #f4f4f4;
  border: 1px solid white; 
  margin-left: 240px; 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;  
  padding-left: 20px;
  display: block;
}
.UIItemSelector {
  margin: 2px 0px 2px 2px;
}

.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; margin-top: 12px; 
  overflow: auto;
  border: none;
}
/*=================Right Column Style======================*/
.UIItemSelector .RightColumnStyle {
  width: 99.5%;
  overflow: hidden;
}

.UIItemSelector .RightColumnStyle .ItemListContainer {
  float: right;
  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;
  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;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/MacSkin/GrayAquaDownArrow.png') no-repeat;
  width: 18px; height: 18px;
}

.UIItemSelector .RightColumnStyle .TitleIcon {
  float: left;
  margin: 0px 5px 0px 5px;
}

.UIItemSelector .RightColumnStyle .Title {
  line-height: 22px;
  font-weight: bold; color: #5c5c5c; 
  float: left;
}

.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;
}

.UIItemSelector .RightColumnStyle .ItemList .Item .RightItem {
  height: 26px; line-height: 26px;
}

.UIItemSelector .RightColumnStyle .ItemList .Item .ItemTitle {
  height: 26px; line-height: 26px;
  padding-left: 3px;
}

/*###########################- 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;
}


.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;
}

/*##########################- 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;
}

.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;
}

/*#######################################-----RightColumnBigItemStyle-----####################################*/


.UIItemSelector .RightColumnBigItemStyle {
  overflow: hidden;
  width: 99.5%;
}

.UIItemSelector .RightColumnBigItemStyle .ItemListContainer {
  float: right;
  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;
  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;
}

.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;
}

.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;
}

.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; 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;
}


/*###########################- 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;
	border: 1px solid red;
}

.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;
	border: 1px solid red;
}

.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;
}

.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;
}

.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;
  color: black;
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .ItemTitle {
  height: 32px; line-height: 32px; 
  background: #d3d3eb;
  font-weight: bold; color: black;
  padding-left: 10px;
}

/*#####################- 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;
  width: 175px;
}

.UIItemSelector .LeftColumnStyle .ItemListContainer .ItemList {
  border: 1px #a4a4a4 solid;
  background: white;
}

.UIItemSelector .LeftColumnStyle .ItemDetailList {
  height: auto;
  margin-left: 180px;
  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;
  margin: 0px 5px 0px 5px;
}

.UIItemSelector .LeftColumnStyle .Title {
  line-height: 22px;
  font-weight: bold; color: #5c5c5c; 
  float: left;
}

.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;
  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;
}

.UIItemSelector .LeftColumnStyle .ItemList .Item .CenterItemTitle {
  width: 96%;
  overflow: hidden;
  white-space:  nowrap;
}

.UIItemSelector .LeftColumnStyle .ItemList .Item .ContentItem {
  width: 100%;
  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;
  width: 91%;
  overflow: hidden;
  white-space: nowrap;
}

.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;
}

.UIItemSelector .LeftColumnStyle .ItemList .OverItem .CenterItemTitle {
  width: 96%;
  overflow: hidden;
  white-space: nowrap;
}

.UIItemSelector .LeftColumnStyle .ItemList .OverItem .ContentItem {
  width: 100%;
  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;
  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;
}
.UIItemSelector .LeftColumnStyle .ItemList .SelectedItem .ContentItem {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.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 .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 ;
  height: 35px; line-height: 35px;
  margin-top: 6px;
}

.UINodeIconSelector .SelectedIconInfo .UIFormInputSet .FieldContainer{
  white-space: nowrap;
  margin: 0px;
  _line-height: 34px;
}

.UINodeIconSelector .ItemDetailList .SelectedIconInfo .UIFormInputSet {
	padding-bottom: 0px;
}

.UINodeIconSelector .SelectedIconInfo .UIFormInputSet .FieldContainer .ItemLabel{
  font-size: 12px; font-weight: normal;
  margin: 0px 10px 0px 10px;
  float: left;
  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;
  margin: 2px ;
  width: 16px; height: 16px;
}

.UINodeIconSelector .IconSelector a {
  float: left;
  border: 1px white solid;
  margin: 2px;
  cursor: pointer ;
}

.UINodeIconSelector .IconSelector a:hover {
  border: 1px #c0c0c0 solid;
}

.UINodeIconSelector .IconSelector .SelectedBackground {
  float: left;
  border: 1px red solid;
  margin: 2px;
  cursor: pointer ;
}

.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; 
}

.UIPermissionSelector .PermissionSelectorTitleBar .PermissionIcon {
  background: url('/eXoResources/icons/24x24/PermissionIcon.gif') no-repeat;
  width: 24px; height: 24px;
  margin: 0px 5px 0px 10px;
  float: left;
}

.UIPermissionSelector .PermissionSelectorTitleBar .Title {
  height: 24px; line-height: 24px; 
  font-weight: bold;
  float: left;
}

.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;
  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 ;
}

.UIPermissionSelector .PermissionInfoContainer .SelectedPermissionInfo .PermissionInfoTitle{
  margin-left: 5px ;
  float: left ;
  font-weight: bold ;
}

.UIPermissionSelector .PermissionInfoContainer .SelectedPermissionInfo .Label {
  margin: 8px 0px 5px 0px ;
  float: left ;
  width: 150px ;
  text-align: right ;
}

.UIPermissionSelector .PermissionInfoContainer .SelectedPermissionInfo .Info {
  float: left ;
  margin: 8px 0px 5px 15px ;
  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;
  padding-left: 22px ;
  line-height: 21px ;
}
 
.UIPermissionSelector .PermissionInfoContainer .SelectPermissionIcon  {
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/SelectPermission.gif') no-repeat left center;
  padding-left: 22px;
  line-height: 21px;
  height: auto; width: auto;
} 
.UIFormInputThemeSelector {
	
}

.UIFormInputThemeSelector .LeftColumnStyle .ItemListContainer {
	width: 225px;
}

.UIFormInputThemeSelector .LeftColumnStyle .ItemDetailList {
	margin-left: 230px;
}

.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;
}

.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;
}
.UIAction {
  padding: 8px 0px;
}

.UIAction .ActionContainer {
	width: auto;
	margin: auto;
}	

.UIAction .ActionButton {
	display: block;
	float: left;
	margin: 0px 3px;
}

.UIAction a {
}

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


.UIAction .ActionButton .Icon {
	padding-left: 20px;
	width: auto;
  height: auto;
  background-position: left center;
  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;	
}

.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;
  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;
  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;
  margin: 5px 4px 0px 6px;
}

.UIInfoBar .RoundedStyle .Title {
  float: left ;
  height: 24px; 
  line-height: 24px;
  font-weight: bold ;
  overflow: visible ;
  margin: 0px 0px 0px 5px;
}

/*######################-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;
}

.UIInfoBar .BlueRoundedStyle .Title {
  float: left ; 
  text-align: left ;
  font-weight: bold ; color: black;
  line-height: 15px;
  margin: 4px 0px 0px 4px ;
}

.UIInfoBar .BlueRoundedStyle .Icon {
  float: left ;
  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 ;
  height: 21px ;
  background: none ;
  border-left: solid 1px #4e7180 ;
}

.UIInfoBar .SimpleStyle .RightBar {
  float: right ;
  height: 21px ;
  background: none ;
  border-right: solid 1px #4e7180 ;
}

.UIInfoBar .SimpleStyle .MiddleBar {
  height: 21px ;
  text-align: left ;
  padding: 0px 0px 0px 10px ;
}

.UIInfoBar .SimpleStyle .Title {
  float: left ;
  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 ; 
  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 ;
  width: 16px ;  height: 16px ;
  padding: 5px;
}

.UIPopupMenu .MenuItem .MenuItemText {
  float: left ;
}

.UIPopupMenu .MenuItem .MenuItemRightIcon {
  float: right ;
  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 ;
  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 ;
  width: 16px ;  height: 16px ;
  padding: 5px;
}

.UIPopupMenu .MenuItemSelected .MenuItemText {
  float: left ;
  color: white;
}

.UIPopupMenu .MenuItemSelected .MenuItemRightIcon {
  float: right ;
  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 ;
  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;
  border-bottom: 1px dotted #c3c3c3;
}

.UIPopupMessages .ErrorMessage .MessageContainer  {
  color: red;
  padding: 4px 0px 4px 10px;
  border-bottom: 1px dotted #c3c3c3;
}

.UIPopupMessages .InfoMessage .MessageContainer {
  padding: 4px 0px 4px 10px;
  border-bottom: 1px dotted #c3c3c3;
}

.UIPopupMessages .PopupMessageContainer .PopupIcon {
  float: left;
  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;
}

.UIPopupMessages .MessageActionBar {
	background: #f5f5f5;
	border-top: 1px solid #b2b2b2;
}

.UIPopupMessages .UIAction .ActionContainer .ActionButton {
	float: none;
}
.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;
}

.UIPopupCategory .PopupCategoryDecorator {
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryTL {
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/PopupCategory.gif) no-repeat left top;
  padding-left: 6px;
}

.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;
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryML {
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/MidlePopupCategory.gif) repeat-y left;
  padding-left: 6px;
}

.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;
}

.UIPopupCategory .PopupCategoryDecorator .PopupCategoryBL {
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupCategory/background/PopupCategory.gif) no-repeat left -32px;
  padding-left: 6px;
}

.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;
}

.UIPopupCategory .CategoryItem .Icon {
  width: 16px;
  height: 16px;
  float: left;
  margin: 3px 3px 0px 7px;
  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;
  height: 22px;
  line-height: 22px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow.gif') no-repeat left center;
}
.UIPopupWindow {	
	position: absolute;
	visibility: hidden;
}

.UIPopupWindow .PopupTitleIcon {
	float: left;
	margin-top: 5px; margin-left: 3px;
	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; 
	border: 1px solid red;
}

.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;
	margin: 5px 3px 0px 0px;
	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;
}

.UIPopupWindow .ExoMessageDecorator .PopupTitleIcon {
	width: 16px;	height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/Message.gif') no-repeat;
	float: left;
	margin: 4px 0px 0px 4px;
}

.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: url(/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/null) no-repeat;
}

.UIPopupWindow .ExoMessageDecorator	.UIWindowContent .Content {
	padding: 0px; margin:0px;
	border: none;
	background: url(/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIPopupWindow/null) no-repeat;
}

.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;
	border: none;
	padding: 0px;
}
/*##########################################################*/
.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: url(/eXoResources/skin/DefaultSkin/webui/component/UIPopup/UIWindow/null) repeat bottom right;
}

.UIPageBody .Empty {
	width: 500px;
	margin: 30px auto 30px auto;
}

/*======================== 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;
	margin-left: 20px;
}

.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;	
	padding: 6px 0px 6px 20px;
	text-align: left;
}

.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 .MenuItem {
  cursor: pointer;
  line-height: 16px;
  white-space: nowrap;
  display: block;
}

.UIRightClickPopupMenu .MenuItem:hover {
  background: #dee4f2;
}

.UIRightClickPopupMenu .RightClickCustomItem {
	display: none;
}
	
.UIRightClickPopupMenu .ItemIcon {
  margin: 0px 7px;
  padding: 5px 0px 5px 26px;
  line-height: 16px;
  width: auto;
}

.UIRightClickPopupMenu .UIRightPopupMenuContainer a:hover {
  color: orange;
  background: #dee4f2;
}

.UIRightClickPopupMenu .AddNode16x16Icon{
  width: auto;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/BlueCirclePlus.gif') no-repeat left center;
}

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

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

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

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

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

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

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

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

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

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

.SelectFileFrame {
	width: 400px;
}

.SelectFileLabel {
	float: left;
	text-align: right ;
	margin-right: 15px;
}

.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;
	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;
	background: url(/eXoResources/skin/DefaultSkin/webui/component/UIUpload/background/Round18x18.gif) no-repeat;
	cursor: pointer;
	padding-left: 23px;
	margin-left: 5px;
}

.DeleteFileLable {
	font-family: verdana;
	line-height: 18px;
}

.FileName {
	float: left;
}

.FileNameLabel {
	font-weight: bold;
	line-height: 14px;
	max-width: 370px;
}

.RemoveFile {
	float: left;
	height: 18px; line-height: 18px;
	background: url(/eXoResources/skin/DefaultSkin/webui/component/UIUpload/background/Delete18x18.gif) no-repeat;
	cursor: pointer;
	margin-left: 10px;
	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; 
	height: 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;
}

/*********************************** End UITabContent	************************************/

.UIMaskWorkspace .IconLayout {
	float: left ;
	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;
	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;
}

.UIAddApplication .PortletIcon {
	float: left;
	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;
	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;
	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;
	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;
	margin: 0px;
	background: #f7f7f7;
}

.UIAddApplication .ApplicationItemIcon {
	width: 16px; height: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DarkBlueNextArrow.gif') no-repeat ;
	float: left;
	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;
	width: 220px; height: 210px;
	border: 1px solid white;
}

.UIGroupSelector .RightGroupSelector {
	margin-left: 225px;
	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*************************************/

.UIToolbar .ToolbarContainer {
}

.UIToolbar .Button {
  float: left;
  cursor: pointer;
}

.UIToolbar .Button .ButtonLabel {
  float: left;
}

.UIToolbar .HorizontalSeparator {
  float: left;
  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;
}

.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;
}

.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 5px 0px 5px;
  cursor: pointer;
}

.UIToolbar .LargeToolbar a:hover{
  color: #1043b1;
}

.UIToolbar .LargeToolbar .SelectButtonLabel {
  line-height: 18px;
  color: #058ee6;
}

.UIToolbar .LargeToolbar .HorizontalSeparator {
  float: left;
  margin: 3px 4px 0px 4px;
  width: 2px; height: 50px;
}

.UIToolbar .LargeToolbar .UserButton {
  float: left;
  padding-top: 3px;
  cursor: pointer;
	width: 115px;
}

.UIToolbar .LargeToolbar .GroupButton {
  float: left;
  padding-top: 3px;
  cursor: pointer;
	width: 130px;
}

.UIToolbar .LargeToolbar .MembershipButton {
  float: left;
  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;
}

/*
 * 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;
  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; 
}

.UIToolbar .ControlToolbar .LeftBar {
  padding-left: 12px;
  background: url(/eXoResources/skin/DefaultSkin/webui/component/UIToolbar/background/ControlToolbar.gif) no-repeat left top;
}

.UIToolbar .ControlToolbar .RightBar {
  padding-right: 1px;
  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;
  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;
  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 {
	position: relative ;
	margin-bottom: 2px;
}

.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;
	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%;
}

.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;
}


.UIDropDownControl .OptionItem {
	display: block ;
	padding: 0px 4px 0px 17px ;
	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;
}

.UIDropDownControl .OptionItem:hover {
	background: #7aafe5 url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow.gif') no-repeat left center;
	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;
  height: 22px;
  line-height: 22px;
  background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/GrayNextArrow.gif') no-repeat left center;
}
/* -- end menuItem --*/


.UIPageNodeSelector .UIContainerConfigOptions .UIDropDownControl .ComponentIcon {
	height: 16px;
	padding-left: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/NavigationIcon.gif') no-repeat left center;
}

.UIContainerConfigOptions .UIDropDownControl .ComponentIcon {
	height: 16px;
	padding-left: 16px;
	background: url('/eXoResources/skin/DefaultSkin/skinIcons/16x16/icons/DefaultContainerIcon.gif') no-repeat left center;
}
.UIGroupInfoContainer .HorizontalLayout {
	background: #ffffff;
	border: solid 1px #b7b7b7;
	padding: 1px;
	border-top: none;
}

.UIGroupInfoContainer .HorizontalLayout .FormContainer {
	padding:12px 5px 6px;
	_padding:10px 5px 6px;
}

.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;
}
/*-------------------------- DefaultTheme ---------------------------*/

.UIPageDesktop .DefaultTheme .WindowPortletInfo {
	height: 22px;
	margin-right: 110px;
	cursor: move;
}
	
.DefaultTheme .WindowPortletControl {
	float: right;
	height: 22px;
	padding: 0px 3px 0px 10px;
}

.UIPageDesktop .DefaultTheme .WindowPortletControl {
	padding: 0px 3px 0px 14px;
}

.DefaultTheme .WindowPortletControl .ControlIcon {
	float: left;
	width: 24px; height: 17px;
	margin: 8px 0px 0px 0px;
	cursor: pointer;
	background-image: url(/eXoResources/skin/PortletThemes/background/DefaultTheme.png);
}

.DefaultTheme .WindowPortletControl .ArrowDownIcon {
	background-position: center 20px;
}

.DefaultTheme .WindowPortletControl .OverArrowDownIcon {
	background-position: center 116px;
}

.DefaultTheme .WindowPortletControl .MinimizedIcon {
	background-position: center 44px;
}

.DefaultTheme .WindowPortletControl .OverMinimizedIcon {
	background-position: center 140px;
}

.DefaultTheme .WindowPortletControl .MaximizedIcon {
	background-position: center 68px;
}

.DefaultTheme .WindowPortletControl .OverMaximizedIcon {
	background-position: center 164px;
}

.DefaultTheme .WindowPortletControl .RestoreIcon {
	background-position: center 92px;
}

.DefaultTheme .WindowPortletControl .OverRestoreIcon {
	background-position: center 188px;
}

.DefaultTheme .WindowPortletControl .NormalIcon {
	background-position: center 92px;
}

.DefaultTheme .WindowPortletControl .OverNormalIcon {
	background-position: center 188px;
}


.UIPageDesktop .DefaultTheme .ResizeArea {
	float: right;
	width: 18px; height: 18px;
	cursor: nw-resize;
	background: url(/eXoResources/skin/PortletThemes/background/ResizeArea18x18.gif) no-repeat;
}

.DefaultTheme .Information {
	height: 18px; line-height: 18px;
	vertical-align: middle; font-size: 10px;
	padding-left: 5px;
	margin-right: 18px;
}

.DefaultTheme .WindowPortletInfo .Icon {
	float: left;
	width: 16px; height: 16px;
	margin: 9px 0px 0px 5px;
}

.DefaultTheme .WindowPortletInfo .PortletName {
	float: left;
	padding: 10px 0px 0px 5px;
	font-weight: bold;
	color: #333333;
}

.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: 29px;
}

.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 .WindowPortletControl {
	float: right;
	height: 23px;
	padding-left: 0px;
}

.UIPageDesktop .MacTheme .WindowPortletInfo {
	height: 22px;
	margin: 0px 100px 0px 0px;
	cursor: move;
}

.MacTheme .WindowPortletInfo .Icon {
	float: left;
	width: 16px; height: 16px;
	margin: 3px 5px 0px 3px;
}

.MacTheme .WindowPortletInfo .PortletName {
	float: left;
	margin: 7px 0px 0px 0px;
	font-weight: bold;
	line-height: 12px;
}

.MacTheme .WindowPortletInfo .PortletIcon {
	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat;
}

.MacTheme .WindowPortletControl .ControlIcon {
	float: left;
	width: 21px; height: 16px;
	margin: 3px 1px 0px 2px;
	cursor: pointer;	
	background-image: url(/eXoResources/skin/PortletThemes/background/MacTheme.png);
}

.MacTheme .WindowPortletControl .ArrowDownIcon {
	background-position: center 18px;
}

.MacTheme .WindowPortletControl .OverArrowDownIcon {
	background-position: center 98px;
}

.MacTheme .WindowPortletControl .MinimizedIcon {
	background-position: center 38px;
}

.MacTheme .WindowPortletControl .OverMinimizedIcon {
	background-position: center 118px;
}

.MacTheme .WindowPortletControl .MaximizedIcon {
	background-position: center 58px;
}

.MacTheme .WindowPortletControl .OverMaximizedIcon {
	background-position: center 138px;
}

.MacTheme .WindowPortletControl .NormalIcon {
	background-position: center 78px;
}

.MacTheme .WindowPortletControl .OverNormalIcon {
	background-position: center 158px;
}

.MacTheme .WindowPortletControl .RestoreIcon {
	background-position: center 78px;
}

.MacTheme .WindowPortletControl .OverRestoreIcon {
	background-position: center 158px;
}

.MacTheme .WindowPortletControl .BackgroundIcon {
	float: left;
	margin: 4px 2px 0px 2px;
}

.UIPageDesktop .MacTheme .ResizeArea {
	float: right;
	width: 17px; height: 15px;
	cursor: nw-resize;
	background: url(/eXoResources/skin/PortletThemes/background/ResizeArea17x15.png) no-repeat;
}

.MacTheme .Information {
	height: 16px; line-height: 14px; vertical-align: middle;
	font-size: 10px;
	margin-right: 18px;
	padding-left: 5px;
}

.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: 23px;
}

/*-------------------------- MacGray ---------------------------*/

.MacGray .WindowPortletControl {
	float: right;
	height: 23px;
	padding-left: 0px;
}

.UIPageDesktop .MacGray .WindowPortletInfo {
	height: 24px;
	margin: 0px 100px 0px 0px;
	cursor: move;
}

.MacGray .WindowPortletInfo .Icon {
	float: left;
	width: 16px; height: 16px;
	margin: 3px 3px 0px 3px;
}

.MacGray .WindowPortletInfo .PortletName {
	float: left;
	margin: 5px 0px 0px 0px;
	font-weight: bold;
	line-height: 12px;
}

.MacGray .WindowPortletInfo .PortletIcon {
	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat;
}

.MacGray .WindowPortletControl .ControlIcon {
	float: left;
	width: 21px; height: 16px;
	margin: 3px 1px 0px 2px;
	cursor: pointer;	
	background-image: url(/eXoResources/skin/PortletThemes/background/MacGray.png);
}

.MacGray .WindowPortletControl .ArrowDownIcon {
	background-position: center 20px;
}

.MacGray .WindowPortletControl .OverArrowDownIcon {
	background-position: center 100px;
}

.MacGray .WindowPortletControl .MinimizedIcon {
	background-position: center 40px;
}

.MacGray .WindowPortletControl .OverMinimizedIcon {
	background-position: center 120px;
}

.MacGray .WindowPortletControl .MaximizedIcon {
	background-position: center 60px;
}

.MacGray .WindowPortletControl .OverMaximizedIcon {
	background-position: center 140px;
}

.MacGray .WindowPortletControl .NormalIcon {
	background-position: center 80px;
}

.MacGray .WindowPortletControl .OverNormalIcon {
	background-position: center 160px;
}

.MacGray .WindowPortletControl .RestoreIcon {
	background-position: center 80px;
}

.MacGray .WindowPortletControl .OverRestoreIcon {
	background-position: center 160px;
}

.MacGray .WindowPortletControl .BackgroundIcon {
	float: left;
	margin: 4px 2px 0px 2px;
}

.UIPageDesktop .MacGray .ResizeArea {
	float: right;
	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;
	padding-left: 5px;
}

.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: 23px;
}

/*-------------------------- MacBlack ---------------------------*/

.MacBlack .WindowPortletControl {
	float: right;
	height: 23px;
	padding-left: 0px;
}

.UIPageDesktop .MacBlack .WindowPortletInfo {
	height: 24px;
	margin: 0px 100px 0px 0px;
	cursor: move;
}

.MacBlack .WindowPortletInfo .Icon {
	float: left;
	width: 16px; height: 16px;
	margin: 3px 3px 0px 3px;
}

.MacBlack .WindowPortletInfo .PortletName {
	float: left;
	margin: 5px 0px 0px 0px;
	font-weight: bold;
	line-height: 12px;
}

.MacBlack .WindowPortletInfo .PortletIcon {
	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat;
}

.MacBlack .WindowPortletControl .ControlIcon {
	float: left;
	width: 21px; height: 16px;
	margin: 3px 1px 0px 2px;
	cursor: pointer;	
	background-image: url(/eXoResources/skin/PortletThemes/background/MacBlack.png);
}

.MacBlack .WindowPortletControl .ArrowDownIcon {
	background-position: center 20px;
}

.MacBlack .WindowPortletControl .OverArrowDownIcon {
	background-position: center 100px;
}

.MacBlack .WindowPortletControl .MinimizedIcon {
	background-position: center 40px;
}

.MacBlack .WindowPortletControl .OverMinimizedIcon {
	background-position: center 120px;
}

.MacBlack .WindowPortletControl .MaximizedIcon {
	background-position: center 60px;
}

.MacBlack .WindowPortletControl .OverMaximizedIcon {
	background-position: center 140px;
}

.MacBlack .WindowPortletControl .NormalIcon {
	background-position: center 80px;
}

.MacBlack .WindowPortletControl .OverNormalIcon {
	background-position: center 160px;
}

.MacBlack .WindowPortletControl .RestoreIcon {
	background-position: center 80px;
}

.MacBlack .WindowPortletControl .OverRestoreIcon {
	background-position: center 160px;
}

.MacBlack .WindowPortletControl .BackgroundIcon {
	float: left;
	margin: 4px 2px 0px 2px;
}

.UIPageDesktop .MacBlack .ResizeArea {
	float: right;
	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;
	padding-left: 5px;
}

.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: 23px;
}

/*-------------------------- MacGreenSteel ---------------------------*/

.MacGreenSteel .WindowPortletControl {
	float: right;
	height: 23px;
	padding-left: 0px;
}

.UIPageDesktop .MacGreenSteel .WindowPortletInfo {
	height: 24px;
	margin: 0px 100px 0px 0px;
	cursor: move;
}

.MacGreenSteel .WindowPortletInfo .Icon {
	float: left;
	width: 16px; height: 16px;
	margin: 3px 3px 0px 3px;
}

.MacGreenSteel .WindowPortletInfo .PortletName {
	float: left;
	margin: 5px 0px 0px 0px;
	font-weight: bold;
	line-height: 12px;
}

.MacGreenSteel .WindowPortletInfo .PortletIcon {
	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat;
}

.MacGreenSteel .WindowPortletControl .ControlIcon {
	float: left;
	width: 21px; height: 16px;
	margin: 3px 1px 0px 2px;
	cursor: pointer;	
	background-image: url(/eXoResources/skin/PortletThemes/background/MacGreen.png);
}

.MacGreenSteel .WindowPortletControl .ArrowDownIcon {
	background-position: center 20px;
}

.MacGreenSteel .WindowPortletControl .OverArrowDownIcon {
	background-position: center 100px;
}

.MacGreenSteel .WindowPortletControl .MinimizedIcon {
	background-position: center 40px;
}

.MacGreenSteel .WindowPortletControl .OverMinimizedIcon {
	background-position: center 120px;
}

.MacGreenSteel .WindowPortletControl .MaximizedIcon {
	background-position: center 60px;
}

.MacGreenSteel .WindowPortletControl .OverMaximizedIcon {
	background-position: center 140px;
}

.MacGreenSteel .WindowPortletControl .NormalIcon {
	background-position: center 80px;
}

.MacGreenSteel .WindowPortletControl .OverNormalIcon {
	background-position: center 160px;
}

.MacGreenSteel .WindowPortletControl .RestoreIcon {
	background-position: center 80px;
}

.MacGreenSteel .WindowPortletControl .OverRestoreIcon {
	background-position: center 160px;
}

.MacGreenSteel .WindowPortletControl .BackgroundIcon {
	float: left;
	margin: 4px 2px 0px 2px;
}

.UIPageDesktop .MacGreenSteel .ResizeArea {
	float: right;
	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;
	padding-left: 5px;
}

.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: 23px;
}

/*-------------------------------- VistaTheme -----------------------------*/

.VistaTheme .WindowPortletControl {
	float: right;
	height: 24px;
	padding: 4px 0px 0px 6px;
}

.UIPageDesktop .VistaTheme .WindowPortletControl {
	padding:4px 0px 0px 12px;
}

.UIPageDesktop .VistaTheme .WindowPortletInfo {
	height: 24px;
	margin-right: 100px;
	cursor: move;
}

.VistaTheme .WindowPortletInfo .Icon {
	float: left;
	width: 19px; height: 19px;
	margin: 8px 0px 0px 0px;
}

.VistaTheme .WindowPortletInfo .PortletIcon {
	background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/PortletIcon.png') no-repeat;
}

.VistaTheme .WindowPortletControl .ControlIcon {
	float: left;
	width: 30px; height:20px;
	cursor: pointer;	
	background-image: url(/eXoResources/skin/PortletThemes/background/VistaTheme.png);
}

.VistaTheme .WindowPortletControl .ArrowDownIcon {
	background-position: center 20px;
}

.VistaTheme .WindowPortletControl .OverArrowDownIcon {
	background-position: center 100px;
}

.VistaTheme .WindowPortletControl .MinimizedIcon {
	background-position: center 40px;
}

.VistaTheme .WindowPortletControl .OverMinimizedIcon {
	background-position: center 120px;
}

.VistaTheme .WindowPortletControl .MaximizedIcon {
	background-position: center 60px;
}

.VistaTheme .WindowPortletControl .OverMaximizedIcon {
	background-position: center 140px;
}

.VistaTheme .WindowPortletControl .NormalIcon {
	background-position: center 80px;
}

.VistaTheme .WindowPortletControl .OverNormalIcon {
	background-position: center 160px;
}

.VistaTheme .WindowPortletControl .RestoreIcon {
	background-position: center 80px;
}

.VistaTheme .WindowPortletControl .OverRestoreIcon {
	background-position: center 160px;
}

.VistaTheme .Information {
	margin-right: 18px;
	padding-left: 5px;
	height: 18px; line-height: 18px;
	font-size: 10px;
}

.VistaTheme .MiddleDecoratorCenter {
	background: #ffffff;
	border: solid 1px #717171;
}

.UIPageDesktop .VistaTheme .ResizeArea {
	float: right;
	width: 9px; height: 12px;
	cursor: nw-resize;
	background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/ResizeBG.gif') no-repeat bottom right;
}

.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 .WindowPortletInfo .PortletName {
	float: left;
	margin: 1px 0px 0px 3px;
	font-weight: bold;
	line-height: 28px;
}

.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: 29px;
}

/*-------------------------------- VistaBlue -----------------------------*/

.VistaBlue .WindowPortletControl {
	float: right;
	height: 24px;
	padding: 8px 0px 0px 6px;
}

.UIPageDesktop .VistaBlue .WindowPortletInfo {
	cursor: move;
}

.VistaBlue .WindowPortletInfo .Icon {
	float: left;
	width: 19px; height: 19px;
	margin: 11px 0px 0px 0px;
}

.VistaBlue .WindowPortletInfo .PortletName {
	float: left;
	font-weight: bold;
	line-height: 28px;
	margin: 5px 0px 0px 3px;
}

.VistaBlue .WindowPortletInfo .PortletIcon {
	background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/PortletIcon.png') no-repeat;
}

.VistaBlue .WindowPortletControl .ControlIcon {
	float: left;
	width: 30px; height: 19px;
	cursor: pointer;	
	background-image: url(/eXoResources/skin/PortletThemes/background/VistaBlue.png);
}

.VistaBlue .WindowPortletControl .ArrowDownIcon {
	background-position: center 19px;
}

.VistaBlue .WindowPortletControl .OverArrowDownIcon {
	background-position: center 99px;
}

.VistaBlue .WindowPortletControl .MinimizedIcon {
	background-position: center 39px;
}

.VistaBlue .WindowPortletControl .OverMinimizedIcon {
	background-position: center 119px;
}

.VistaBlue .WindowPortletControl .MaximizedIcon {
	background-position: center 59px;
}

.VistaBlue .WindowPortletControl .OverMaximizedIcon {
	background-position: center 139px;
}

.VistaBlue .WindowPortletControl .NormalIcon {
	background-position: center 79px;
}

.VistaBlue .WindowPortletControl .OverNormalIcon {
	background-position: center 159px;
}

.VistaBlue .WindowPortletControl .RestoreIcon {
	background-position: center 79px;
}

.VistaBlue .WindowPortletControl .OverRestoreIcon {
	background-position: center 159px;
}

.VistaBlue .Information {
	margin-right: 18px;
	padding-left: 5px;
	height: 18px; line-height: 18px;
	font-size: 10px;
}

.VistaBlue .MiddleDecoratorCenter {
	background: #ffffff;
}

.UIPortlet .VistaBlue .MiddleDecoratorCenter {
	height: 100%;
}

.UIPageDesktop .VistaBlue .ResizeArea {
	float: right;
	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: 35px;
}

/*-------------------------- RoundConerBlue ---------------------------*/

.RoundConerBlue .WindowPortletControl {
	float: right;
	padding: 0px 3px 0px 10px;
}

.RoundConerBlue .WindowPortletControl .ControlIcon {
	float: left;
	width: 20px; height: 16px;
	margin: 10px 2px 0px 0px;
	cursor: pointer;
	background-image: url(/eXoResources/skin/PortletThemes/background/RoundCornerBlue.png);
}

.RoundConerBlue .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	padding-left: 5px;
	margin-right: 18px;
}

.RoundConerBlue .WindowPortletInfo .Icon {
	float: left;
	width: 16px; height: 16px;
	margin: 10px 0px 0px 0px;
}

.UIPageDesktop .RoundConerBlue .ResizeArea {
	float: right;
	width: 17px; height: 19px;
	cursor: nw-resize;
	background: url(/eXoResources/skin/PortletThemes/background/Resize17x19.png) no-repeat;
}

.RoundConerBlue .WindowPortletInfo .PortletName {
	float: left;
	margin: 7px 0px 0px 5px;
	font-weight: bold;
	color: #333333;
	line-height: 24px;
}

.RoundConerBlue .WindowPortletControl .ArrowDownIcon {
	background-position: center 21px;
}

.RoundConerBlue .WindowPortletControl .OverArrowDownIcon {
	background-position: center 117px;
}

.RoundConerBlue .WindowPortletControl .MinimizedIcon {
	background-position: center 45px;
}

.RoundConerBlue .WindowPortletControl .OverMinimizedIcon {
	background-position: center 141px;
}

.RoundConerBlue .WindowPortletControl .MaximizedIcon {
	background-position: center 69px;
}

.RoundConerBlue .WindowPortletControl .OverMaximizedIcon {
	background-position: center 165px;
}

.RoundConerBlue .WindowPortletControl .RestoreIcon {
	background-position: center 93px;
}

.RoundConerBlue .WindowPortletControl .OverRestoreIcon {
	background-position: center 189px;
}

.RoundConerBlue .WindowPortletControl .NormalIcon {
	background-position: center 93px;
}

.RoundConerBlue .WindowPortletControl .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: 32px;
}

.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 .WindowPortletControl {
	float: right;
	padding: 0px 3px 0px 10px;
}

.RoundConerViolet .WindowPortletControl .ControlIcon {
	float: left;
	width: 20px; height: 16px;
	margin: 10px 2px 0px 0px;
	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 .WindowPortletInfo .Icon {
	float: left;
	width: 16px; height: 16px;
	margin: 10px 0px 0px 0px;
}

.UIPageDesktop .RoundConerViolet .ResizeArea {
	float: right;
	width: 17px; height: 19px;
	cursor: nw-resize;
	background: url(/eXoResources/skin/PortletThemes/background/Resize17x19.png) no-repeat;
}

.RoundConerViolet .WindowPortletInfo .PortletName {
	float: left;
	margin: 7px 0px 0px 5px;
	font-weight: bold;
	color: #333333;
	line-height: 24px;
}

.RoundConerViolet .WindowPortletControl .ArrowDownIcon {
	background-position: center 21px;
}

.RoundConerViolet .WindowPortletControl .OverArrowDownIcon {
	background-position: center 117px;
}

.RoundConerViolet .WindowPortletControl .MinimizedIcon {
	background-position: center 45px;
}

.RoundConerViolet .WindowPortletControl .OverMinimizedIcon {
	background-position: center 141px;
}

.RoundConerViolet .WindowPortletControl .MaximizedIcon {
	background-position: center 69px;
}

.RoundConerViolet .WindowPortletControl .OverMaximizedIcon {
	background-position: center 165px;
}

.RoundConerViolet .WindowPortletControl .RestoreIcon {
	background-position: center 93px;
}

.RoundConerViolet .WindowPortletControl .OverRestoreIcon {
	background-position: center 189px;
}

.RoundConerViolet .WindowPortletControl .NormalIcon {
	background-position: center 93px;
}

.RoundConerViolet .WindowPortletControl .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: 32px;
}

.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 .WindowPortletControl {
	float: right;
	padding: 0px 3px 0px 10px;
}

.RoundConerOrange .WindowPortletControl .ControlIcon {
	float: left;
	width: 20px; height: 16px;
	margin: 10px 2px 0px 0px;
	cursor: pointer;
	background-image: url(/eXoResources/skin/PortletThemes/background/RoundConerOrange.png);
}

.RoundConerOrange .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	padding-left: 5px;
	margin-right: 18px;
}

.RoundConerOrange .WindowPortletInfo .Icon {
	float: left;
	width: 16px; height: 16px;
	margin: 10px 0px 0px 0px;
}

.UIPageDesktop .RoundConerOrange .ResizeArea {
	float: right;
	width: 17px; height: 19px;
	cursor: nw-resize;
	background: url(/eXoResources/skin/PortletThemes/background/Resize17x19.png) no-repeat;
}

.RoundConerOrange .WindowPortletInfo .PortletName {
	float: left;
	margin: 7px 0px 0px 5px;
	font-weight: bold;
	color: #333333;
	line-height: 24px;
}

.RoundConerOrange .WindowPortletControl .ArrowDownIcon {
	background-position: center 21px;
}

.RoundConerOrange .WindowPortletControl .OverArrowDownIcon {
	background-position: center 117px;
}

.RoundConerOrange .WindowPortletControl .MinimizedIcon {
	background-position: center 45px;
}

.RoundConerOrange .WindowPortletControl .OverMinimizedIcon {
	background-position: center 141px;
}

.RoundConerOrange .WindowPortletControl .MaximizedIcon {
	background-position: center 69px;
}

.RoundConerOrange .WindowPortletControl .OverMaximizedIcon {
	background-position: center 165px;
}

.RoundConerOrange .WindowPortletControl .RestoreIcon {
	background-position: center 93px;
}

.RoundConerOrange .WindowPortletControl .OverRestoreIcon {
	background-position: center 189px;
}

.RoundConerOrange .WindowPortletControl .NormalIcon {
	background-position: center 93px;
}

.RoundConerOrange .WindowPortletControl .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: 32px;
}

.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 .WindowPortletControl {
	float: right;
	padding: 0px 3px 0px 10px;
}

.RoundConerPink .WindowPortletControl .ControlIcon {
	float: left;
	width: 20px; height: 16px;
	margin: 10px 2px 0px 0px;
	cursor: pointer;
	background-image: url(/eXoResources/skin/PortletThemes/background/RoundConerPink.png);
}

.RoundConerPink .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	padding-left: 5px;
	margin-right: 18px;
}

.RoundConerPink .WindowPortletInfo .Icon {
	float: left;
	width: 16px; height: 16px;
	margin: 10px 0px 0px 0px;
}

.UIPageDesktop .RoundConerPink .ResizeArea {
	float: right;
	width: 17px; height: 19px;
	cursor: nw-resize;
	background: url(/eXoResources/skin/PortletThemes/background/Resize17x19.png) no-repeat;
}

.RoundConerPink .WindowPortletInfo .PortletName {
	float: left;
	margin: 7px 0px 0px 5px;
	font-weight: bold;
	color: #333333;
	line-height: 24px;
}

.RoundConerPink .WindowPortletControl .ArrowDownIcon {
	background-position: center 21px;
}

.RoundConerPink .WindowPortletControl .OverArrowDownIcon {
	background-position: center 117px;
}

.RoundConerPink .WindowPortletControl .MinimizedIcon {
	background-position: center 45px;
}

.RoundConerPink .WindowPortletControl .OverMinimizedIcon {
	background-position: center 141px;
}

.RoundConerPink .WindowPortletControl .MaximizedIcon {
	background-position: center 69px;
}

.RoundConerPink .WindowPortletControl .OverMaximizedIcon {
	background-position: center 165px;
}

.RoundConerPink .WindowPortletControl .RestoreIcon {
	background-position: center 93px;
}

.RoundConerPink .WindowPortletControl .OverRestoreIcon {
	background-position: center 189px;
}

.RoundConerPink .WindowPortletControl .NormalIcon {
	background-position: center 93px;
}

.RoundConerPink .WindowPortletControl .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: 32px;
}

.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 .WindowPortletControl {
	float: right;
	padding: 0px 3px 0px 10px;
}

.RoundConerGreen .WindowPortletControl .ControlIcon {
	float: left;
	width: 20px; height: 16px;
	margin: 10px 2px 0px 0px;
	cursor: pointer;
	background-image: url(/eXoResources/skin/PortletThemes/background/RoundConerGreen.png);
}

.RoundConerGreen .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	padding-left: 5px;
	margin-right: 18px;
}

.RoundConerGreen .WindowPortletInfo .Icon {
	float: left;
	width: 16px; height: 16px;
	margin: 10px 0px 0px 0px;
}

.UIPageDesktop .RoundConerGreen .ResizeArea {
	float: right;
	width: 17px; height: 19px;
	cursor: nw-resize;
	background: url(/eXoResources/skin/PortletThemes/background/Resize17x19.png) no-repeat;
}

.RoundConerGreen .WindowPortletInfo .PortletName {
	float: left;
	margin: 7px 0px 0px 5px;
	font-weight: bold;
	color: #333333;
	line-height: 24px;
}

.RoundConerGreen .WindowPortletControl .ArrowDownIcon {
	background-position: center 21px;
}

.RoundConerGreen .WindowPortletControl .OverArrowDownIcon {
	background-position: center 117px;
}

.RoundConerGreen .WindowPortletControl .MinimizedIcon {
	background-position: center 45px;
}

.RoundConerGreen .WindowPortletControl .OverMinimizedIcon {
	background-position: center 141px;
}

.RoundConerGreen .WindowPortletControl .MaximizedIcon {
	background-position: center 69px;
}

.RoundConerGreen .WindowPortletControl .OverMaximizedIcon {
	background-position: center 165px;
}

.RoundConerGreen .WindowPortletControl .RestoreIcon {
	background-position: center 93px;
}

.RoundConerGreen .WindowPortletControl .OverRestoreIcon {
	background-position: center 189px;
}

.RoundConerGreen .WindowPortletControl .NormalIcon {
	background-position: center 93px;
}

.RoundConerGreen .WindowPortletControl .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: 32px;
}

.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 .WindowPortletControl {
	float: right;
	padding: 0px 3px 0px 10px;
}

.ShadowBlue .WindowPortletControl .ControlIcon {
	float: left;
	width: 20px; height: 16px;
	margin: 9px 2px 0px 0px;
	cursor: pointer;
	background-image: url(/eXoResources/skin/PortletThemes/background/ShadowBlue.png);
}

.ShadowBlue .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	padding-left: 5px;
	margin-right: 18px;
}

.ShadowBlue .WindowPortletInfo .Icon {
	float: left;
	width: 16px; height: 16px;
	margin: 8px 0px 0px 0px;
}

.UIPageDesktop .ShadowBlue .ResizeArea {
	float: right;
	width: 17px; height: 19px;
	cursor: nw-resize;
	background: url(/eXoResources/skin/PortletThemes/background/Resize17x19.png) no-repeat;
}

.ShadowBlue .WindowPortletInfo .PortletName {
	float: left;
	padding: 10px 0px 0px 5px;
	font-weight: bold;
	color: #333333;
	line-height: 16px;
}

.ShadowBlue .WindowPortletControl .ArrowDownIcon {
	background-position: center 20px;
}

.ShadowBlue .WindowPortletControl .OverArrowDownIcon {
	background-position: center 116px;
}

.ShadowBlue .WindowPortletControl .MinimizedIcon {
	background-position: center 44px;
}

.ShadowBlue .WindowPortletControl .OverMinimizedIcon {
	background-position: center 140px;
}

.ShadowBlue .WindowPortletControl .MaximizedIcon {
	background-position: center 68px;
}

.ShadowBlue .WindowPortletControl .OverMaximizedIcon {
	background-position: center 164px;
}

.ShadowBlue .WindowPortletControl .RestoreIcon {
	background-position: center 92px;
}

.ShadowBlue .WindowPortletControl .OverRestoreIcon {
	background-position: center 188px;
}

.ShadowBlue .WindowPortletControl .NormalIcon {
	background-position: center 92px;
}

.ShadowBlue .WindowPortletControl .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: 29px;
}

.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 .WindowPortletControl {
	float: right;
	padding: 0px 3px 0px 10px;
}

.ShadowViolet .WindowPortletControl .ControlIcon {
	float: left;
	width: 20px; height: 16px;
	margin: 9px 2px 0px 0px;
	cursor: pointer;
	background-image: url(/eXoResources/skin/PortletThemes/background/ShadowViolet.png);
}

.ShadowViolet .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	padding-left: 5px;
	margin-right: 18px;
}

.ShadowViolet .WindowPortletInfo .Icon {
	float: left;
	width: 16px; height: 16px;
	margin: 8px 0px 0px 0px;
}

.UIPageDesktop .ShadowViolet .ResizeArea {
	float: right;
	width: 17px; height: 19px;
	cursor: nw-resize;
	background: url(/eXoResources/skin/PortletThemes/background/Resize17x19.png) no-repeat;
}

.ShadowViolet .WindowPortletInfo .PortletName {
	float: left;
	padding: 10px 0px 0px 5px;
	font-weight: bold;
	color: #333333;
	line-height: 16px;
}

.ShadowViolet .WindowPortletControl .ArrowDownIcon {
	background-position: center 20px;
}

.ShadowViolet .WindowPortletControl .OverArrowDownIcon {
	background-position: center 116px;
}

.ShadowViolet .WindowPortletControl .MinimizedIcon {
	background-position: center 44px;
}

.ShadowViolet .WindowPortletControl .OverMinimizedIcon {
	background-position: center 140px;
}

.ShadowViolet .WindowPortletControl .MaximizedIcon {
	background-position: center 68px;
}

.ShadowViolet .WindowPortletControl .OverMaximizedIcon {
	background-position: center 164px;
}

.ShadowViolet .WindowPortletControl .RestoreIcon {
	background-position: center 92px;
}

.ShadowViolet .WindowPortletControl .OverRestoreIcon {
	background-position: center 188px;
}

.ShadowViolet .WindowPortletControl .NormalIcon {
	background-position: center 92px;
}

.ShadowViolet .WindowPortletControl .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: 29px;
}

.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 .WindowPortletControl {
	float: right;
	padding: 0px 3px 0px 10px;
}

.ShadowOrange .WindowPortletControl .ControlIcon {
	float: left;
	width: 20px; height: 16px;
	margin: 9px 2px 0px 0px;
	cursor: pointer;
	background-image: url(/eXoResources/skin/PortletThemes/background/ShadowOrange.png);
}

.ShadowOrange .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	padding-left: 5px;
	margin-right: 18px;
}

.ShadowOrange .WindowPortletInfo .Icon {
	float: left;
	width: 16px; height: 16px;
	margin: 8px 0px 0px 0px;
}

.UIPageDesktop .ShadowOrange .ResizeArea {
	float: right;
	width: 17px; height: 19px;
	cursor: nw-resize;
	background: url(/eXoResources/skin/PortletThemes/background/Resize17x19.png) no-repeat;
}

.ShadowOrange .WindowPortletInfo .PortletName {
	float: left;
	padding: 10px 0px 0px 5px;
	font-weight: bold;
	color: #333333;
	line-height: 16px;
}

.ShadowOrange .WindowPortletControl .ArrowDownIcon {
	background-position: center 20px;
}

.ShadowOrange .WindowPortletControl .OverArrowDownIcon {
	background-position: center 116px;
}

.ShadowOrange .WindowPortletControl .MinimizedIcon {
	background-position: center 44px;
}

.ShadowOrange .WindowPortletControl .OverMinimizedIcon {
	background-position: center 140px;
}

.ShadowOrange .WindowPortletControl .MaximizedIcon {
	background-position: center 68px;
}

.ShadowOrange .WindowPortletControl .OverMaximizedIcon {
	background-position: center 164px;
}

.ShadowOrange .WindowPortletControl .RestoreIcon {
	background-position: center 92px;
}

.ShadowOrange .WindowPortletControl .OverRestoreIcon {
	background-position: center 188px;
}

.ShadowOrange .WindowPortletControl .NormalIcon {
	background-position: center 92px;
}

.ShadowOrange .WindowPortletControl .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: 29px;
}

.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 .WindowPortletControl {
	float: right;
	padding: 0px 3px 0px 10px;
}

.ShadowPink .WindowPortletControl .ControlIcon {
	float: left;
	width: 20px; height: 16px;
	margin: 9px 2px 0px 0px;
	cursor: pointer;
	background-image: url(/eXoResources/skin/PortletThemes/background/ShadowPink.png);
}

.ShadowPink .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	padding-left: 5px;
	margin-right: 18px;
}

.ShadowPink .WindowPortletInfo .Icon {
	float: left;
	width: 16px; height: 16px;
	margin: 8px 0px 0px 0px;
}

.UIPageDesktop .ShadowPink .ResizeArea {
	float: right;
	width: 17px; height: 19px;
	cursor: nw-resize;
	background: url(/eXoResources/skin/PortletThemes/background/Resize17x19.png) no-repeat;
}

.ShadowPink .WindowPortletInfo .PortletName {
	float: left;
	padding: 10px 0px 0px 5px;
	font-weight: bold;
	color: #333333;
	line-height: 16px;
}

.ShadowPink .WindowPortletControl .ArrowDownIcon {
	background-position: center 20px;
}

.ShadowPink .WindowPortletControl .OverArrowDownIcon {
	background-position: center 116px;
}

.ShadowPink .WindowPortletControl .MinimizedIcon {
	background-position: center 44px;
}

.ShadowPink .WindowPortletControl .OverMinimizedIcon {
	background-position: center 140px;
}

.ShadowPink .WindowPortletControl .MaximizedIcon {
	background-position: center 68px;
}

.ShadowPink .WindowPortletControl .OverMaximizedIcon {
	background-position: center 164px;
}

.ShadowPink .WindowPortletControl .RestoreIcon {
	background-position: center 92px;
}

.ShadowPink .WindowPortletControl .OverRestoreIcon {
	background-position: center 188px;
}

.ShadowPink .WindowPortletControl .NormalIcon {
	background-position: center 92px;
}

.ShadowPink .WindowPortletControl .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: 29px;
}

.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 .WindowPortletControl {
	float: right;
	padding: 0px 3px 0px 10px;
}

.ShadowGreen .WindowPortletControl .ControlIcon {
	float: left;
	width: 20px; height: 16px;
	margin: 9px 2px 0px 0px;
	cursor: pointer;
	background-image: url(/eXoResources/skin/PortletThemes/background/ShadowGreen.png);
}

.ShadowGreen .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	padding-left: 5px;
	margin-right: 18px;
}

.ShadowGreen .WindowPortletInfo .Icon {
	float: left;
	width: 16px; height: 16px;
	margin: 8px 0px 0px 0px;
}

.UIPageDesktop .ShadowGreen .ResizeArea {
	float: right;
	width: 17px; height: 19px;
	cursor: nw-resize;
	background: url(/eXoResources/skin/PortletThemes/background/Resize17x19.png) no-repeat;
}

.ShadowGreen .WindowPortletInfo .PortletName {
	float: left;
	padding: 10px 0px 0px 5px;
	font-weight: bold;
	color: #333333;
	line-height: 16px;
}

.ShadowGreen .WindowPortletControl .ArrowDownIcon {
	background-position: center 20px;
}

.ShadowGreen .WindowPortletControl .OverArrowDownIcon {
	background-position: center 116px;
}

.ShadowGreen .WindowPortletControl .MinimizedIcon {
	background-position: center 44px;
}

.ShadowGreen .WindowPortletControl .OverMinimizedIcon {
	background-position: center 140px;
}

.ShadowGreen .WindowPortletControl .MaximizedIcon {
	background-position: center 68px;
}

.ShadowGreen .WindowPortletControl .OverMaximizedIcon {
	background-position: center 164px;
}

.ShadowGreen .WindowPortletControl .RestoreIcon {
	background-position: center 92px;
}

.ShadowGreen .WindowPortletControl .OverRestoreIcon {
	background-position: center 188px;
}

.ShadowGreen .WindowPortletControl .NormalIcon {
	background-position: center 92px;
}

.ShadowGreen .WindowPortletControl .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: 29px;
}

.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 {
  padding: 5px;
}

.SimpleBlue .WindowPortletControl {
	float: right;
	padding: 0px 3px 0px 10px;
}

.SimpleBlue .WindowPortletControl .ControlIcon {
	float: left;
	width: 16px; height: 16px;
	margin: 1px 2px 0px 0px;
	cursor: pointer;
	background-position: center;
}

.SimpleBlue .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	padding-left: 5px;
	margin-right: 18px;
}

.SimpleBlue .WindowPortletInfo .Icon {
	float: left;
	width: 16px; height: 16px;
	margin: 0px 0px 0px 2px;
}

.UIPageDesktop .SimpleBlue .ResizeArea {
	float: right;
	width: 17px; height: 19px;
	cursor: nw-resize;
	background: url(/eXoResources/skin/PortletThemes/background/Resize17x19.png) no-repeat;
}

.SimpleBlue .WindowPortletInfo .PortletName {
	float: left;
	padding: 0px 0px 0px 5px;
	font-weight: bold;
	color: #333333;
}

.SimpleBlue .WindowPortletControl .ArrowDownIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 16px;
}

.SimpleBlue .WindowPortletControl .OverArrowDownIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) right 16px;
}

.SimpleBlue .WindowPortletControl .MinimizedIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 32px;
}

.SimpleBlue .WindowPortletControl .OverMinimizedIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) right 32px;
}

.SimpleBlue .WindowPortletControl .MaximizedIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 48px;
}

.SimpleBlue .WindowPortletControl .OverMaximizedIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) right 48px;
}

.SimpleBlue .WindowPortletControl .RestoreIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 64px;
}

.SimpleBlue .WindowPortletControl .OverRestoreIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) right 64px;
}

.SimpleBlue .WindowPortletControl .NormalIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 64px;
}

.SimpleBlue .WindowPortletControl .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 {
  padding: 5px;
}

.SimpleViolet .WindowPortletControl {
	float: right;
	padding: 0px 3px 0px 10px;
}

.SimpleViolet .WindowPortletControl .ControlIcon {
	float: left;
	width: 16px; height: 16px;
	margin: 1px 2px 0px 0px;
	cursor: pointer;
	background-position: center;
}

.SimpleViolet .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	padding-left: 5px;
	margin-right: 18px;
}

.SimpleViolet .WindowPortletInfo .Icon {
	float: left;
	width: 16px; height: 16px;
	margin: 0px 0px 0px 2px;
}

.UIPageDesktop .SimpleViolet .ResizeArea {
	float: right;
	width: 17px; height: 19px;
	cursor: nw-resize;
	background: url(/eXoResources/skin/PortletThemes/background/Resize17x19.png) no-repeat;
}

.SimpleViolet .WindowPortletInfo .PortletName {
	float: left;
	padding: 0px 0px 0px 5px;
	font-weight: bold;
	color: #333333;
}

.SimpleViolet .WindowPortletControl .ArrowDownIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 80px;
}

.SimpleViolet .WindowPortletControl .OverArrowDownIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) right 80px;
}

.SimpleViolet .WindowPortletControl .MinimizedIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 96px;
}

.SimpleViolet .WindowPortletControl .OverMinimizedIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) right 96px;
}

.SimpleViolet .WindowPortletControl .MaximizedIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 112px;
}

.SimpleViolet .WindowPortletControl .OverMaximizedIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) right 112px;
}

.SimpleViolet .WindowPortletControl .RestoreIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 128px;
}

.SimpleViolet .WindowPortletControl .OverRestoreIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) right 128px;
}

.SimpleViolet .WindowPortletControl .NormalIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 128px;
}

.SimpleViolet .WindowPortletControl .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;
	*margin: 0px 1px;
}

/*------------------------------ SimpleOrange -----------------------------------*/
.SimpleOrange {
  padding: 5px;
}
 
.SimpleOrange .WindowPortletControl {
	float: right;
	padding: 0px 3px 0px 10px;
}

.SimpleOrange .WindowPortletControl .ControlIcon {
	float: left;
	width: 16px; height: 16px;
	margin: 1px 2px 0px 0px;
	cursor: pointer;
	background-position: center;
}

.SimpleOrange .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	padding-left: 5px;
	margin-right: 18px;
}

.SimpleOrange .WindowPortletInfo .Icon {
	float: left;
	width: 16px; height: 16px;
	margin: 0px 0px 0px 2px;
}

.UIPageDesktop .SimpleOrange .ResizeArea {
	float: right;
	width: 17px; height: 19px;
	cursor: nw-resize;
	background: url(/eXoResources/skin/PortletThemes/background/Resize17x19.png) no-repeat;
}

.SimpleOrange .WindowPortletInfo .PortletName {
	float: left;
	padding: 0px 0px 0px 5px;
	font-weight: bold;
	color: #333333;
}

.SimpleOrange .WindowPortletControl .ArrowDownIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 144px;
}

.SimpleOrange .WindowPortletControl .OverArrowDownIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) right 144px;
}

.SimpleOrange .WindowPortletControl .MinimizedIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 160px;
}

.SimpleOrange .WindowPortletControl .OverMinimizedIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) right 160px;
}

.SimpleOrange .WindowPortletControl .MaximizedIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 192px;
}

.SimpleOrange .WindowPortletControl .OverMaximizedIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) right 192px;
}

.SimpleOrange .WindowPortletControl .RestoreIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 176px;
}

.SimpleOrange .WindowPortletControl .OverRestoreIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) right 176px;
}

.SimpleOrange .WindowPortletControl .NormalIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 176px;
}

.SimpleOrange .WindowPortletControl .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;
	*margin: 0px 1px;
}

/*------------------------------ SimplePink -----------------------------------*/

.SimplePink {
  padding: 5px;
}

.SimplePink .WindowPortletControl {
	float: right;
	padding: 0px 3px 0px 10px;
}

.SimplePink .WindowPortletControl .ControlIcon {
	float: left;
	width: 16px; height: 16px;
	margin: 1px 2px 0px 0px;
	cursor: pointer;
	background-position: center;
}

.SimplePink .Information {
	height: 18px; line-height: 18px;
	font-size: 10px;
	padding-left: 5px;
	margin-right: 18px;
}

.SimplePink .WindowPortletInfo .Icon {
	float: left;
	width: 16px; height: 16px;
	margin: 0px 0px 0px 2px;
}

.UIPageDesktop .SimplePink .ResizeArea {
	float: right;
	width: 17px; height: 19px;
	cursor: nw-resize;
	background: url(/eXoResources/skin/PortletThemes/background/Resize17x19.png) no-repeat;
}

.SimplePink .WindowPortletInfo .PortletName {
	float: left;
	padding: 0px 0px 0px 5px;
	font-weight: bold;
	color: #333333;
}

.SimplePink .WindowPortletControl .ArrowDownIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 208px;
}

.SimplePink .WindowPortletControl .OverArrowDownIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) right 208px;
}

.SimplePink .WindowPortletControl .MinimizedIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 224px;
}

.SimplePink .WindowPortletControl .OverMinimizedIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) right 224px;
}

.SimplePink .WindowPortletControl .MaximizedIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 240px;
}

.SimplePink .WindowPortletControl .OverMaximizedIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) right 240px;
}

.SimplePink .WindowPortletControl .RestoreIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 256px;
}

.SimplePink .WindowPortletControl .OverRestoreIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) right 256px;
}

.SimplePink .WindowPortletControl .NormalIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 256px;
}

.SimplePink .WindowPortletControl .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 {
  padding: 5px;
}

.SimpleGreen .WindowPortletControl {
	float: right;
	padding: 0px 3px 0px 10px;
}

.SimpleGreen .WindowPortletControl .ControlIcon {
	float: left;
	width: 16px; height: 16px;
	margin: 1px 2px 0px 0px;
	cursor: pointer;
	background-position: center;
}

.SimpleGreen .Information {
	line-height: 18px;
	width: 100px;
	font-size: 10px;
	padding-left: 5px;
	margin-right: 18px;
}

.SimpleGreen .WindowPortletInfo .Icon {
	float: left;
	width: 16px; height: 16px;
	margin: 0px 0px 0px 2px;
}

.UIPageDesktop .SimpleGreen .ResizeArea {
	float: right;
	width: 17px; height: 19px;
	cursor: nw-resize;
	background: url(/eXoResources/skin/PortletThemes/background/Resize17x19.png) no-repeat;
}

.SimpleGreen .WindowPortletInfo .PortletName {
	float: left;
	padding: 0px 0px 0px 5px;
	font-weight: bold;
	color: #333333;
}

.SimpleGreen .WindowPortletControl .ArrowDownIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 272px;
}

.SimpleGreen .WindowPortletControl .OverArrowDownIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) right 272px;
}

.SimpleGreen .WindowPortletControl .MinimizedIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 288px;
}

.SimpleGreen .WindowPortletControl .OverMinimizedIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) right 288px;
}

.SimpleGreen .WindowPortletControl .MaximizedIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 304px;
}

.SimpleGreen .WindowPortletControl .OverMaximizedIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) right 304px;
}

.SimpleGreen .WindowPortletControl .RestoreIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 320px;
}

.SimpleGreen .WindowPortletControl .OverRestoreIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) right 320px;
}

.SimpleGreen .WindowPortletControl .NormalIcon {
	background: url(/eXoResources/skin/PortletThemes/background/SimpleStyle.gif) left 320px;
}

.SimpleGreen .WindowPortletControl .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;	
	*margin: 0px 1px 0px 1px;
}