/* dijit */



.dijitReset {
	/* Use this style to null out padding, margin, border in your template elements
		so that page specific styles don't break them.
		- Use in all TABLE, TR and TD tags.	
		- If there is more than one class on the tag, place this first so other classes override.
	*/
	margin: 0px;
	border: 0px;
	padding: 0px;
	line-height: normal;
}

.dijitInline {
	display: -moz-inline-box;		/* FF2 */
	display: inline-block;			/* webkit and FF3 */
	border: 0px;
	padding: 0px;
	vertical-align: middle;
}

.dj_ie .dijitInline { 
	zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display: inline;
}

.dijitInlineTable {
	display: -moz-inline-stack;			/* FF2 */
	display: inline-table;
	display: inline-block;			/* webkit and FF3 */
	#display: inline;				/* MSIE   (TODO: is this needed???) */
	border: 0px;
	padding: 0px;
	vertical-align: middle;
}

.dijitLeft {
	background: transparent;
}

.dijitStretch {
	background: transparent;
}

.dijitRight {
	background: transparent;
}

.dijitInlineEditor 
{
	/* span around an inline-editable value when in edit mode */
	position: relative;
	vertical-align: bottom;
}
.dj_ie .dijitInlineEditor
{
	vertical-align: middle;
}

.dijitInlineValue
{
	/* span around an inline-editable value when NOT in edit mode */
}

.dijitInlineEditor .dijitButtonContainer 
{
	/* div around the buttons -- makes them float below the field */
	position: absolute;
	right: 0px;
	overflow: visible;
}

.dijitInlineEditor .saveButton,
.dijitInlineEditor .cancelButton 
{
}

.dijitTextBox INPUT
{
	padding:0px;
	border-left: solid black 1px;	/* TODO: for RTL mode should be border-right */
	display:inline;
	position:static !important;
	border:0px !important;	
	margin:0px !important;
	vertical-align:0em !important;
	visibility:visible !important;
	background-color: red; transparent !important;
	background-image:none !important;
	_width:100% !important;
}

/* samples.dvt.User */


.samples-dvt-user form
{
	display: inline;
	margin: 0px;
	padding: 0px;
}

.samples-dvt-user-username
{
	height: auto;
	width: 60px;
	border: 1px solid #C0C0C0;
	font-size: 8pt;
	padding: 0px 2px;
	margin: 0px 2px;
}

.samples-dvt-user-password
{
	height: auto;
	width: 60px;
	border: 1px solid #C0C0C0;
	font-size: 8pt;
	padding: 0px 2px;
	margin: 0px 2px;
}

.samples-dvt-user-button
{
	cursor: pointer;
	margin: 0px 0px;
}

.samples-dvt-user-menu
{
	margin: 0px 4px 0px 4px;
}

.samples-dvt-user-welcome
{
	margin: 0px 4px;
}

/* samples.ui.MenuButton */

.samples-ui-menubutton
{
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.samples-ui-menubutton-icon
{
	margin-right: 5px;
	cursor: pointer;

}

.samples-ui-menubutton-portlet
{
	_float: left;
	display: inline;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.samples-ui-menubutton-portlet-borderless
{
	margin: -0px;
	padding: 0px;
	cursor: pointer;
}

.samples-ui-menubutton-page
{
	display: inline;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.samples-ui-menubutton-book
{
	display: inline;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

.samples-ui-menubutton-book-on-page
{
	display: inline;
	margin: 0px 4px;
	padding: 0px 4px;
	cursor: pointer;
	float: left;
}

.samples-ui-menubutton-desktop
{
	display: inline;
	margin: 0px 2px;
	padding: 0px;
	cursor: pointer;
}

.samples-ui-menubutton-desktop img
{
	margin-left:4px;
	margin-right:4px;
	margin-top:22px;
}

/* samples.ui.PortletProxy */

.samples-ui-portletproxy
{
	display; inline;
	width: 318px;
	max-height: 278px;
	text-align: left;
	margin: 0px;
	z-index: 50;

}

/* samples.ui.Gallery */
/* change the customise page*/
.wlp-bighorn-book-content .samples-ui-gallery{
		background:none;	
margin:0;
width:963px;
}
/* change the customise page*/
.wlp-bighorn-book-content .samples-ui-gallery-view{
	width:		979px !important;
	overflow: 	hidden;
	min-height: 1px;
	height:		106px;	
}
.samples-ui-gallery
{
	/*background: transparent url(../../src/ui/templates/images/gallery_bottom.png) repeat-x left bottom;*/
	color: #000000;
	border: 0px none;;
	padding: 0px 0px 16px 0px;
	margin: 26px 0 0;
	font-size: 10pt;
	font-weight: normal;
	background: url(../../../../framework/skins/telstra/images/wob_v2/background-customise.png) 0 22px no-repeat;	
	height:300px ;
	float:left;
	display:block;
	width:977px;
}

.samples-ui-gallery-view
{
	/*background: #D7D6DA url(../../src/ui/templates/images/gallery_top.png) repeat-x left top;*/
/*	white-space: nowrap;*/
	width:979px !important;
	width:963px;
	overflow: hidden;
	min-height: 1px;
	
}
#mainContent .samples-ui-gallery-view
{
width:970px !important;	
}
.samples-ui-gallery-controls
{
	background-color: transparent;
	white-space: nowrap;
	float: right;
	margin: 0 20px !important;
	margin:0;
}

.samples-ui-gallery-controls-button
{
	margin: 20px 0 0 0;
	/*background: url(../../src/ui/templates/images/gallery_button.png) repeat-x left top;*/
	color: #003399;
	border: 0px none;


}
#mainContent .samples-ui-gallery-controls-button
{
	margin: 0px;
	/*background: url(../../src/ui/templates/images/gallery_button.png) repeat-x left top;*/
	color: #003399;
	border: 0px none;
	padding: 0px 4px;
}
div.samples-ui-gallery-controls
{
	cursor: pointer;
	padding-top:45px
}
#mainContent  div.samples-ui-gallery-controls
{
	cursor: pointer;
	padding-top:0;
}

.samples-ui-gallery-closebutton
{
	border: 0px none;
	text-align: right;
	background-color: transparent;
	position: absolute;
	right: 0px;
	display: inline;
	cursor: pointer;
}

.samples-ui-gallery-closebutton img
{
	border: 0px none;
	vertical-align: baseline;
	margin: 0px 4px;
}


.samples-ui-gallery-tabnav-item
{
	background-color: transparent;
	color: #003399;
	display: inline;
	padding: 0px 4px;
	margin: 0px 0px 0px 0px;
	border: 0px none;
	cursor: pointer;
}

.samples-ui-gallery-tabnav-item-selected, 
.pagesLabel, 
.portletsLabel
{
	/*background: url(../../src/ui/templates/images/gallery_item_selected.png) repeat-x left top;*/
	color: #003399;
	margin:12px 0 0 23px;
	width:80px;
	float:left;
	cursor:pointer;
}
.wlp-bighorn-book-content .samples-ui-gallery .samples-item-actionItem{
	cursor:auto;
}
/*.wlp-bighorn-book-content .samples-ui-gallery .samples-ui-gallery-tabnav-item-selected, */
.pagesLabel, 
.portletsLabel
{
	cursor:pointer;
	width:50px;
	font-size:.85em;
	margin:0;
	padding:5px 11px;
	border:1px solid #ccc;	
	border-bottom:none;
}
.portletsLabel, .pagesLabel{
background-color: #e6e6e6;
font-weight:bold;
text-align:center;
}
.samples-ui-gallery-tabnav-item-selected{
	background-color: #fff;

	
	}
.samples-ui-gallery-tabview
{
	background-color: transparent;
	float: left;
	width: 300px;
	height: 100%;
	margin: 47px 0px 0px 0px !important;
	margin:0;

}

.samples-ui-gallery-tabcontent
{
	background-color: transparent;
	overflow: auto;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 4px;
	height: 230px;
	clear:left;

}
.samples-ui-gallery-taberror
{
	background-color: transparent;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 4px;
	height: 200px;
}

.samples-ui-gallery-details
{
	background-color: transparent;
	width: 320px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	vertical-align: top;

}

.samples-ui-gallery-preview
{
	background-color: transparent;
	border: 0px none;
	width: 320px;
	height: auto;
	margin: 7px 0 0 0 ;
	padding: 0px;
	overflow: hidden;
}

.samples-ui-gallery-item-container
{
	background-color: transparent;
}

.samples-ui-gallery-thumbnail-container
{
	background-color: transparent;
	margin-top: 42px ;
	text-align: left;
}

.samples-ui-gallery-thumbnail
{
	background-color: transparent;
	border: 0px none;
	width: 100px;
	height: 75px;
	margin: 0px;
}

.samples-ui-gallery-title
{
	background-color: transparent;
	margin: 2px 0px;
	white-space: normal;
	font-size:11px;
}

.samples-ui-gallery-description
{
	background-color: transparent;
	margin: 2px 0px;
	font-size:11px;
	white-space: normal;
}

.samples-ui-gallery-custom-container
{
	background-color: transparent;
	margin: 10px 2px !important;
	margin: 0px 2px;
/*	border:1px solid red;*/
	white-space: normal;
	text-align: left;
	overflow: hidden;
}

.samples-ui-gallery-namevalue-container
{
	background-color: transparent;
	margin: 20px 2px;
	white-space: normal;
	text-align: left;
	overflow: hidden;
}

.samples-ui-gallery-namevalue-name
{
	margin: 2px;
}

.samples-ui-gallery-namevalue-value
{
	margin: 2px;
	width: 10em;
}

.samples-ui-gallery-namevalue-select
{
	margin: 2px;
	width: 10em;
}

.samples-ui-gallery-closebutton-container
{
	margin: 0px;
	cursor: pointer;
	text-align: right;
}

.samples-ui-gallery-closebutton
{
	border: 0px none;
	text-align: right;
	background-color: transparent;
	position: absolute;
	right: 0px;
	display: inline;
}

.samples-ui-gallery-closebutton img
{
	border: 0px none;
	vertical-align: baseline;
	margin: 0px 4px;
}

.samples-ui-gallery-button-container
{
	background-color: transparent;
	width: 100%;
	text-align: center;
	float: right;
	margin: 5px;
	white-space: normal;
	font-style: italic;
}

.samples-ui-gallery-iframe
{
	align: center;
	frameborder: 0;
	width: 350px;
	min-height: 200px;
	background-color: transparent;
	border: 0px none;
	overflow: hidden;
}

/* samples.ui.ListView */

.samples-ui-listview
{
}

.samples-ui-listview-container
{
	background-color: transparent;
	color: #000000;

}

/* samples.item.SummaryItem */

.samples-item-summaryItem
{
	white-space: nowrap;
	min-height: 18px;
	border: 1px solid #ececec;
font-size:11px;
	margin: 0px 0px 0px 13px;
	padding: 2px 4px 2px 17px;
	overflow: hidden;
	background-color:#f8f8f8;

	width:150px;
}
.wlp-bighorn-titlebar{
color:white;
font-size:11px;
position:relative;
background:#003399 url(../../../../framework/skins/telstra/images/wob_v2/dvt-header.png) no-repeat scroll center top;
}
.samples-ui-gallery .wlp-bighorn-titlebar-button-panel{
/*margin-top:-16px;*/
}
.samples-ui-gallery .rssFeedContainer{
height:200px;
}
.rssFeedContainer{
	width:284px;
	 

	height:250px;
	font-size:11px;
	overflow:auto;
	
	}
	
#mainContent .samples-ui-gallery-description{
margin-top:35px !important;
margin-top:30px;	
}
.samples-ui-gallery-description{
margin-top:0 !important;
margin-top:22px;	
	}
.wlp-bighorn-titlebar-title-panel{
z-index:10;
padding:10px 0px 3px 12px;
width: 225px;
font-weight:bold;

}

.samples-item-summaryItem-highlight
{
	background-color: #D0D0D0;
}

.samples-item-summaryItem-current
{
	background-color: #F5F5F5;
	margin-top:10px;
	float:left;
	display:inline;
	margin-left:14px;
}

.samples-item-summaryItem-title
{
	float: left;
	color: #0248a7;
}

.samples-item-summaryItem-selectImage
{
	border: none;
	float: right !important;
	margin-top:4px !important;
	margin-top:2px;
	float: right;
	cursor:pointer;
	text-align: right;
}

/* samples.item.ActionItem */

.samples-item-actionItem
{
	white-space: nowrap;
	min-height: 18px;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 10px 4px;
}

.samples-item-actionItem-highlight
{
/*	background-color: #D0D0D0;*/
}

.samples-item-actionItem-current
{

}

.samples-item-actionItem-title
{
background-color:#fff;
border:1px solid #CCCCCC;
color:#0248a7;
font-size:11px;
margin-left:20px;
padding:5px 5px 5px 17px;
float:left;
text-align:left;
width:150px;
}
.minusImage{
margin-left:20px;

vertical-align:top;
}
/* samples.item.PreferenceItem */

.samples-item-preferenceItem
{
	white-space: nowrap;
	min-height: 18px;
	border-bottom: 1px solid #A0A0A0;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 2px 4px;
}

.samples-item-preferenceItem-highlight
{
	background-color: #D0D0D0;
}

.samples-item-preferenceItem-current
{
	background-color: #FFFFFF;
}

.samples-item-preferenceItem-title
{
	text-align: left;
	width: 100%;
}

/* samples.ui.PortletConfigurator */

.samples-ui-urlportletconfigurator
{
	margin: 8px;
	min-height: 100px;
	text-align: center;
}

.samples-ui-urlportletconfigurator-message
{
	margin: 0px 0px 5px 0px;
}

.samples-ui-urlportletconfigurator-form
{
	text-align: right;
	width: 280px;
	margin: auto;
}

.samples-ui-urlportletconfigurator-form-input
{
	width: 160px;
}

/* Drag and Drop */

.dojoDndAvatar 
{
	border: 0px none;
}
	
.dojoDndAvatarHeader 
{
	display: none;
	height: 0px;
}

.dojoDndAvatarItem 
{
	background: transparent;
}
#mainContent #rssTable, #mainContent #rssTable td{
border:none;
background:transparent;
padding:5px 0;

}
