.UIItemSelector {
	margin: 2px 0px 2px 2px; /* orientation=lt */
	margin: 2px 2px 2px 0px; /* orientation=rt */
}
		
.UIItemSelector .ItemDetailList .TemplateContainer .PortalOfficeImage {
	height: 230px;
	background: url('background/TemplateContainer.jpg') no-repeat center -175px;
}

.UIItemSelector .ItemDetailList .TemplateContainer .PortalDefaultImage {
	height: 230px;
	background: url('background/TemplateContainer.jpg') no-repeat center -405px;
}

.UIItemSelector .ItemDetailList .TemplateContainer .PageDefaultImage {
	height: 230px;
	background: url('background/TemplateContainer.jpg') no-repeat center -405px;
}
.UIItemSelector .ItemDetailList .TemplateContainer .PageDesktopImage {
	height: 230px;
	background: url('background/TemplateContainer.jpg') no-repeat center -635px;
}

.UIItemSelector .ItemDetailList .TemplateContainer .ClassicPortalImage {
	height: 222px;
	background: url('background/TemplateContainer.jpg') no-repeat center -405px;
}

.UIItemSelector .ItemDetailList .TemplateContainer .WebOSPortalImage {
	height: 222px;
	background: url('background/TemplateContainer.jpg') no-repeat center -635px;
}

.UIItemSelector .TemplateContainer .DefaultImage {
	height: 230px;
	background: url('background/TemplateContainer.jpg') no-repeat center -405px;
	margin-top: 3px;
}

.UIItemSelector .TemplateContainer .DesktopImage {
	background: url('background/TemplateContainer.jpg') no-repeat center -635px;
	height: 230px;
	margin-top: 3px;
}

.UIItemSelector .ItemDetailList .LayoutHolder .DesktopImage {
	background: url('background/TemplateContainer.jpg') no-repeat left top;
	width: 275px;
	height: 175px;
	margin: auto;
}

.UIItemSelector .ItemDetailList .ItemDescription {
	height: 100px; 
	background: white;
	border: solid 1px #b7b7b7;
	padding: 2px;
}

.UIItemSelector .ItemDetailList .ItemDetail .ItemValueDescription {
	width: 50%; height: 53px; 
	padding-left: 15px; /* orientation=lt */
	padding-right: 15px; /* orientation=rt */
	margin-top: 12px; 
	overflow: auto;
	border: none;
}
/*=================Right Column Style======================*/
.UIItemSelector .RightColumnStyle {
	width: 99.5%;
	overflow: hidden;
}

.UIItemSelector .RightColumnStyle .ItemListContainer {
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
	width: 220px;
	border: 1px solid #cdcdcd;
	background: #e7e7e7;
}

.UIItemSelector .RightColumnStyle .ItemList {
	border: none;
	height: 240px;
}

.UIItemSelector .RightColumnStyle .ItemListContainer .ItemListBackground {
	background: #e7e7e7;
	height: 260px;
}

.UIItemSelector .RightColumnStyle .ItemDetailList {
	height: auto;
	margin-right: 222px; /* orientation=lt */
	margin-left: 222px; /* orientation=rt */
	padding: 1px;
}

.UIItemSelector .RightColumnStyle .ItemDetailList .ItemDetail {
	background:white none repeat scroll 0 0;
	border: 1px solid #e7e7e7;
	border-bottom: none;
}

.UIItemSelector .RightColumnStyle .ItemDetailList .ItemDetailTitle{
	height: 32px;
	margin-top: 5px;
}

.UIItemSelector .RightColumnStyle .ItemDetailList .ItemDetailContainer{
 	background: none;
}

.UIItemSelector .RightColumnStyle .ItemListTitle .ArrowS1Down16x16Icon {
	margin: 3px 0px 0px 50px; /* orientation=lt */
	margin: 3px 50px 0px 0px; /* orientation=rt */
	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/GrayAquaDownArrow.png') no-repeat; /* orientation=lt */
	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/GrayAquaDownArrow-rt.png') no-repeat right; /* orientation=rt */
	width: 18px; 
	height: 18px;
}

.UIItemSelector .RightColumnStyle .ItemListTitle {
	height: 35px;
	margin-top: 5px;
	margin-left: 2px;
}

.UIItemSelector .RightColumnStyle .TitleIcon {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	margin: 0px 5px;
}

.UIItemSelector .RightColumnStyle .Title {
	padding-left: 5px;
	line-height: 28px; 
	font-weight: bold; color: #000000;
	font-size: 12px; 
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
}

.UIItemSelector .RightColumnStyle .ItemListIcon {
	width: 24px; height: 24px;
	background: url('background/tsclient.png') no-repeat;
}

.UIItemSelector .RightColumnStyle .ViewListIcon {
	width: 24px; height: 24px;
	background: url('background/ViewSkin.gif') no-repeat;
}

/*##########################- Default Item	-#########################*/

.UIItemSelector .RightColumnStyle .ItemList .Item {
	height: 25px; 
	cursor: pointer;	margin: 1px 0;
}

.UIItemSelector .RightColumnStyle .ItemList .Item .LeftItem {
	background: url('background/SelectedItem.png') repeat-x left -75px; /* orientation=lt */
	background: url('background/SelectedItem.png') repeat-x right -75px; /* orientation=rt */
	padding-left: 21px; /* orientation=lt */
	padding-right: 21px; /* orientation=rt */
	height: 25px;
}

.UIItemSelector .RightColumnStyle .ItemList .Item .RightItem {
	height: 25px; line-height: 25px;
	background: url('background/SelectedItem.png') repeat-x left -75px;
}

.UIItemSelector .RightColumnStyle .ItemList .Item .ItemTitle {
	height: 25px; line-height: 25px; 
	padding-left: 8px; /* orientation=lt */
	padding-right: 8px; /* orientation=rt */
	font-size: 12px;
}

/*###########################- Over Item (When mouse over on this item) -############################*/

.UIItemSelector .RightColumnStyle .ItemList .OverItem {
	height: 25px;
	cursor: pointer;	margin: 1px 0;
}

.UIItemSelector .RightColumnStyle .ItemList .OverItem .LeftItem {
	background: url('background/SelectedIconArrow.gif') no-repeat left ; /* orientation=lt */
	background: url('background/SelectedIconArrow-rt.gif') no-repeat right; /* orientation=rt */
	padding-left: 21px; /* orientation=lt */
	padding-right: 21px; /* orientation=rt */
	height: 25px;
}

.UIItemSelector .RightColumnStyle .ItemList .OverItem .RightItem {
	height: 25px; line-height: 25px; 
	background: url('background/SelectedItem.png') repeat-x left -75px;
}

.UIItemSelector .RightColumnStyle .ItemList .OverItem .ItemTitle {
	height: 25px; line-height: 25px; 
	padding-left: 8px; /* orientation=lt */
	padding-right: 8px; /* orientation=rt */
	font-size: 12px;
	background: url('background/SelectedLangBg.gif') repeat-x left;  
	color:white;
	font-weight:bold;
}

/*##########################- Selected Item	(When Item is selected)-#########################*/

.UIItemSelector .RightColumnStyle .ItemList .SelectedItem {
	height: 25px;
	cursor: pointer;	margin: 1px 0;

}

.UIItemSelector .RightColumnStyle .ItemList .SelectedItem .LeftItem {
	background: url('background/SelectedIconArrow.gif') no-repeat left ; /* orientation=lt */
	background: url('background/SelectedIconArrow-rt.gif') no-repeat right; /* orientation=rt */
	padding-left: 21px; /* orientation=lt */
	padding-right: 21px; /* orientation=rt */
	height: 25px;
}

.UIItemSelector .RightColumnStyle .ItemList .SelectedItem .RightItem {
	height: 25px; line-height: 25px; 
	background: #f2f2f2;
}

.UIItemSelector .RightColumnStyle .ItemList .SelectedItem .ItemTitle {
	height: 25px; line-height: 25px; 
	padding-left: 8px; /* orientation=lt */
	padding-right: 8px; /* orientation=rt */
	background: url('background/SelectedLangBg.gif') repeat-x left;  
	color:white;
	font-weight:bold;
}

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

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

.UIItemSelector .RightColumnBigItemStyle .ItemListContainer {
	float: right; /* orientation=lt */
	float: left; /* orientation=rt */
	width: 210px;
}

.UIItemSelector .RightColumnBigItemStyle .ItemListContainer .ItemList {
	border: 1px #b7b7b7 solid;
	background: #ffffff url('background/ItemList.jpg') no-repeat bottom;
	height: 290px;
}

.UIItemSelector .RightColumnBigItemStyle .ItemDetailList {
	border: 1px #b7b7b7 solid;
	background: white;
	padding: 1px; 
	margin-right: 220px; /* orientation=lt */
	margin-left: 220px; /* orientation=rt */
	height: 311px;
}


.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('/eXoSkinMac/skin/MacSkin/background/TitleBG1x19.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('background/SelectedItem.png') no-repeat left -144px; /* orientation=lt */
	background: url('background/SelectedItem-rt.png') no-repeat right -144px; /* orientation=rt */
	padding-left: 30px; /* orientation=lt */
	padding-right: 30px; /* orientation=rt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .UserHomeInfoIcon {		
	height: 32px;
	background: url('background/SelectedItem.png') no-repeat left -176px; /* orientation=lt */
	background: url('background/SelectedItem-rt.png') no-repeat right -176px; /* orientation=rt */
	padding-left: 30px; /* orientation=lt */
	padding-right: 30px; /* orientation=rt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .UserBusinessInfoIcon {
	height: 32px;
	background: url('background/SelectedItem.png') no-repeat left -208px; /* orientation=lt */
	background: url('background/SelectedItem-rt.png') no-repeat right -208px; /* orientation=rt */
	padding-left: 30px; /* orientation=lt */
	padding-right: 30px; /* orientation=rt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .ItemName {
	height: 32px; line-height: 32px;
	background: url('background/SelectedItem.png') no-repeat right -336px; /* orientation=lt */
	background: url('background/SelectedItem-rt.png') no-repeat left -336px; /* orientation=rt */
	padding-right: 23px; /* orientation=lt */
	padding-left: 23px; /* orientation=rt */
	color: #526791;
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .Item .ItemTitle {
	height: 32px; line-height: 32px;
	background: url('background/SelectedItem.png') repeat-x left -400px; /* orientation=lt */
	background: url('background/SelectedItem-rt.png') repeat-x right -400px; /* orientation=rt */
	color: gray;
	padding-left: 10px; /* orientation=lt */
	padding-right: 10px; /* orientation=rt */
}


/*###########################- 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; /* orientation=lt */
	background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/BigStyleUserAccountSelected-rt.gif') no-repeat right; /* orientation=rt */
	padding-left: 30px; /* orientation=lt */
	padding-right: 30px; /* orientation=rt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .MembershipIcon {
	height: 32px;
	background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/BigStyleMembershipSelected.gif') no-repeat left; /* orientation=lt */
	background: url('/eXoResources/skin/DefaultSkin/webui/component/UISelector/UIItemSelector/background/BigStyleMembershipSelected-rt.gif') no-repeat right; /* orientation=rt */
	padding-left: 30px; /* orientation=lt */
	padding-right: 30px; /* orientation=rt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .UserProfileIcon {
	height: 32px;
	background: url('background/SelectedItem.png') no-repeat left -240px; /* orientation=lt */
	background: url('background/SelectedItem-rt.png') no-repeat right -240px; /* orientation=rt */
	padding-left: 30px; /* orientation=lt */
	padding-right: 30px; /* orientation=rt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .UserHomeInfoIcon {
	height: 32px;
	background: url('background/SelectedItem.png') no-repeat left -272px; /* orientation=lt */
	background: url('background/SelectedItem-rt.png') no-repeat right -272px; /* orientation=rt */
	padding-left: 30px; /* orientation=lt */
	padding-right: 30px; /* orientation=rt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .UserBusinessInfoIcon {
	height: 32px;
	background: url('background/SelectedItem.png') no-repeat left -304px; /* orientation=lt */
	background: url('background/SelectedItem-rt.png') no-repeat right -304px; /* orientation=rt */
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .ItemName {
	height: 32px; line-height: 32px;
	background: url('background/SelectedItem.png') no-repeat right -368px; /* orientation=lt */
	background: url('background/SelectedItem-rt.png') no-repeat left -368px; /* orientation=rt */
	padding-right: 23px; /* orientation=lt */
	padding-left: 23px; /* orientation=rt */
	color: black;
}

.UIItemSelector .RightColumnBigItemStyle .ItemList .SelectedItem .ItemTitle {
	height: 32px; line-height: 32px; 
	background: url('background/SelectedItem.png') repeat-x left -432px; /* orientation=lt */
	background: url('background/SelectedItem-rt.png') repeat-x right -432px; /* orientation=rt */
	font-weight: bold; color: black;
	padding-left: 10px; /* orientation=lt */
	padding-right: 10px; /* orientation=rt */
}

/*#####################- End Item Selected && END BIG STYLE -#########################*/

/*###########################- LeftColumnStyle (The Item List is on the left side) -#########################*/

.UIItemSelector .LeftColumnStyle {
	width: 99.5%;
	_width: 97%;
	overflow: hidden;
}

.UIItemSelector .LeftColumnStyle .ItemListContainer {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	width: 175px;
}

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

.UIItemSelector .LeftColumnStyle .ItemDetailList {
	height: auto;
	margin-left: 180px; /* orientation=lt */
	margin-right: 180px; /* orientation=rt */
	padding: 1px;
}

.UIItemSelector .LeftColumnStyle .ItemDetailList .ItemDetail {
	height: 240px;
	background: white;
	border: 1px #a4a4a4 solid;
}

.UIItemSelector .LeftColumnStyle .ItemDetailList .ItemDetailTitle {
	height: 22px;
}

.UIItemSelector .LeftColumnStyle .ItemListContainer .ItemListTitle {
	height: 23px;
}

.UIItemSelector .LeftColumnStyle .TitleIcon {
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
	margin: 0px 5px;
}

.UIItemSelector .LeftColumnStyle .Title {
	line-height: 22px;
	font-weight: bold; color: #444444;
	float: left; /* orientation=lt */
	float: right; /* orientation=rt */
}

.UIItemSelector .LeftColumnStyle .ItemListIcon {
	width: 16px; height: 16px;
	background: url('background/SelectedItem.png') no-repeat left -464px;
}

.UIItemSelector .LeftColumnStyle .ViewListIcon {
	width: 16px; height: 16px;
	background: url('background/SelectedItem.png') no-repeat left -480px;
	margin-top: 3px;
}

/*##########################- Default Item	-#########################*/

.UIItemSelector .LeftColumnStyle .ItemList .Item {
	height: 24px;
	cursor: pointer;

}

.UIItemSelector .LeftColumnStyle .ItemList .Item .LeftItem {
	background: url('background/SelectedItem.png') no-repeat left top; /* orientation=lt */
	background: url('background/SelectedItem-rt.png') no-repeat right top; /* orientation=rt */
	padding-left: 21px; /* orientation=lt */
	padding-right: 21px; /* orientation=rt */
	height: 24px;
}

.UIItemSelector .LeftColumnStyle .ItemList .Item .RightItem {
	height: 24px; 
	line-height: 24px; 
	background: url('background/SelectedItem.png') repeat-x left -120px;
}

.UIItemSelector .LeftColumnStyle .ItemList .Item .ItemTitle {
	height: 24px; 
	line-height: 24px; 
	padding-left: 8px; /* orientation=lt */
	padding-right: 8px; /* orientation=rt */
	white-space: nowrap;
	overflow: hidden;
	width: 93%;
}

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

/*###########################- Over Item (When mouse over on this item) -############################*/

.UIItemSelector .LeftColumnStyle .ItemList .OverItem {
	height: 24px;
	cursor: pointer;
}

.UIItemSelector .LeftColumnStyle .ItemList .OverItem .LeftItem {
	background: url('background/SelectedItem.png') no-repeat left -25px; /* orientation=lt */
	background: url('background/SelectedItem-rt.png') no-repeat right -25px; /* orientation=rt */
	padding-left: 21px; /* orientation=lt */
	padding-right: 21px; /* orientation=rt */
	height: 25px;
}


.UIItemSelector .LeftColumnStyle .ItemList .OverItem .RightItem {
	height: 24px; 
	line-height: 24px; 
	background: url('background/SelectedItem.png') repeat-x left -96px;
}

.UIItemSelector .LeftColumnStyle .ItemList .OverItem .ItemTitle {
	height: 24px; line-height: 24px;
	color: #F7810F;
	padding-left: 8px; /* orientation=lt */
	padding-right: 8px; /* orientation=rt */
	white-space: nowrap;
	overflow: hidden;
	width: 93%;
}

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

/*##########################- Selected Item	(When Item is selected)-#########################*/

.UIItemSelector .LeftColumnStyle .ItemList .SelectedItem {
	height: 24px;
	cursor: pointer;
}

.UIItemSelector .LeftColumnStyle .ItemList .SelectedItem .LeftItem {
	background: #f2f2f2; /* orientation=lt */
	background: url('background/SelectedItem-rt.png') no-repeat right -48px; /* orientation=rt */
	padding-left: 21px; /* orientation=lt */
	padding-right: 21px; /* orientation=rt */
	height: 24px;
}

.UIItemSelector .LeftColumnStyle .ItemList .SelectedItem .RightItem {
	height: 24px; line-height: 24px; 
	background: #f2f2f2;
}

.UIItemSelector .LeftColumnStyle .ItemList .SelectedItem .ItemTitle {
	height: 24px; line-height: 24px; 
	padding-left: 8px; /* orientation=lt */
	padding-right: 8px; /* orientation=rt */
	white-space: nowrap;
	overflow: hidden;
	width: 93%;
}

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

/*###########################- End LeftColumnItemList -#########################*/

/*###########################- Layout Template -#########################*/

.UIItemSelector .DefaultTemplate {
	width: 270px; height: 170px; margin: auto;
	background: url('background/TemplateContainer.jpg') no-repeat left top;
}	

.UIItemSelector .EmptyLayout {
	width: 270px; height: 170px; margin: auto;
	background: url('background/ItemSelector.gif') no-repeat left top;
}

.UIItemSelector .DesktopLayout {
	width: 270px; height: 170px; margin: auto;
	background: url('background/TemplateContainer.jpg') no-repeat center;
}

.UIItemSelector .DashboardLayout {
	width: 270px; height: 170px; margin: auto;
	background: url('background/DashboardLayout.jpg') no-repeat left top;
}

.UIItemSelector .TwoColumnsLayout {
	width: 270px; height: 170px; margin: auto;
	background: url('background/ItemSelector.gif') no-repeat left -170px;
}

.UIItemSelector .ThreeColumnsLayout {
	width: 270px; height: 170px; margin: auto;
	background: url('background/ItemSelector.gif') no-repeat left -340px;
}

.UIItemSelector .TwoColumnsOneRowLayout {
	width: 270px; height: 170px; margin: auto;
	background: url('background/ItemSelector.gif') no-repeat left -510px;
}

.UIItemSelector .TwoColumnsTwoRowsLayout {
	width: 270px; height: 170px; margin: auto;
	background: url('background/ItemSelector.gif') no-repeat left -680px;
}

.UIItemSelector .TwoRowsLayout {
	width: 270px; height: 170px; margin: auto;
	background: url('background/ItemSelector.gif') no-repeat left -850px;
}

.UIItemSelector .ThreeRowsLayout {
	width: 270px; height: 170px; margin: auto;
	background: url('background/ItemSelector.gif') no-repeat left -1020px;
}

.UIItemSelector .OneRowTwoColumnsLayout {
	width: 270px; height: 170px; margin: auto;
	background: url('background/ItemSelector.gif') no-repeat left -1190px;
}

.UIItemSelector .TwoTabsLayout {
	width: 270px; height: 170px; margin: auto;
	background: url('background/ItemSelector.gif') no-repeat left -1360px;
}

.UIItemSelector .ThreeTabsLayout {
	width: 270px; height: 170px; margin: auto;
	background: url('background/ItemSelector.gif') no-repeat left -1530px;
}

.UIItemSelector .ThreeRowsTwoColumnsLayout {
	width: 270px; height: 170px; margin: auto;
	background: url('background/ItemSelector.gif') no-repeat left -1700px;
}