body 
{
    margin: 0px auto; padding: 0;
    background-color: #cccccc;
}

#PrimaryContentContainer
{
	width: 990px;
	height: 100%;
	position: relative;
	margin: 0px auto 0px;
	background-color: White;
}


.PrimaryGradient
{
	position: absolute;
	width: 21px;
	height: 100%;
	background-repeat: repeat-y;
}

#PrimaryContentContainer #LeftGradient
{
	background-image: url(http://i.mktw.net/mw3/Misc/PrimaryGradientBorderLeft.gif);
	_background-image: none;
	left: -14px;
}

#PrimaryContentContainer #RightGradient
{
	right: -21px;
	background-image: url(http://i.mktw.net/mw3/Misc/PrimaryGradientBorderRight.gif);
	_background-image: none;
}

.portClearAll 
{
    clear: both;
    height: 0px;
    margin: 0px;
    font-size: 1px;
    line-height: 0px;
}
#headerContainer
{
	position:relative;
	z-index:100000;
}

#SiteHeader
{
    width:auto;
}

div.HierNav2 div.HierSubNav div.yuimenubar 
{
    width:auto;
}

div.HierNav2 div.HierMainNav div.yuimenubar 
{
    width:auto;
}

#siteFooter 
{
    width:auto;
}

#portfoliocontainer 
{	
	margin:0 0 50px 10px;	
	float:left;
	border-spacing:5px;
	border-top:1px solid #cccccc;
	font-size:12px; /* block IE text size setting */
}

.loadingIcon
{
	background-image:url(../ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%; 
}

.welcomemessage
{    
    color:#f06822;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    padding-top:50px;
    border-right:1px solid #cccccc;  
    height:85px;
}

.loadingIconBig
{
	background-image:url(../ajax-loader-big.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%; 
	border-right:1px solid #cccccc;
}

#noscriptdiv noscript
{
    color:#f06822;
    font-weight:bold;
    margin-left:300px;
}
#signin
{	
	margin:10px 10px 10px 10px;	
	float:left;
	clear:both;	
	font-weight:bold;
	font-size: 20px;
	border-spacing:5px;
}

.feedbacklink{
	margin:5px 0 5px 5px;	
	float:right;	
	font-size: 11px;
	border-spacing:5px;
}
.datedisplay {
    margin:5px 0 5px 5px;	
    font-size: 11px;
    float:left;
}
.helplink{
	cursor:help;
}
.headerlink{
	margin-left:5px;
}

.migratelink{
	margin:5px 0 5px 5px;	
	float:left;	
	font-size: 11px;
	border-spacing:5px;
}

.brokerButtonsWrapper 
{
	clear: both;
}


#sponsoredLinks
{
	margin:0 0 50px 10px;
	clear:both;
}
/* Symbol Complete */

.portScResultsContainer
{
	float:none;
	background-color: Orange;
	z-index:1000000;
}

.portScResultsContainer ul 
{
	margin:0;
	margin-right:0px;
	padding:0;
	width:100%;
	list-style:none;
}

.portScResultsContainer li
{
	padding:0 5px;
	margin-right:0px;
	cursor:default;
	white-space:nowrap;
	color:#000000;
	overflow:hidden;
}

.portScResultsContainer li.yui-ac-highlight
{
	background:#158a3a;
	color:#FFFFFF}

.portScResultsContainer .yui-ac-content
{
	z-index:100002; 
	position:absolute; 
	border: 1px solid #dddddd; 
	margin:0;
	padding:0;
	width:300px;
	background:#FFFFFF;
	background-image: url(../Header/sc-bkg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	font: normal 12px arial;
	float: none;
}

.portScResultsContainer .yui-ac-hd
{
	color:#a7a7a7;
	font: normal 12px arial; 
	padding-left:3px; 
	margin-right:0px; 
	border-bottom: 1px solid #a7a7a7;
	padding-bottom: 3px;
	text-align:left;
	float: none;
}


.portScResultsContainer .yui-ac-ft
{
	color:#a7a7a7;
	font: normal 12px arial; 
	padding-left:3px; 
	margin-right:0px; 
	border-top: 1px solid #a7a7a7;
	text-align:left;
	float: none;
}    

.portScResultsContainer .yui-ac-bd
{
	text-align:left;
	margin-right:0px;
	float: none;
}    

.portScResultsContainer .scResultTable
{
	padding:0; 
	margin:0
}

.portScResultsContainer .scResultTable .symbolCompleteCol1 
{
	width:80px; 
}

.portScResultsContainer .text
{
	font:normal 12px arial;
}

.portScResultsContainer table
{
	border-collapse:collapse;
	border-spacing:0;
}	

.portScResultsContainer .scResultTable * 
{ 
	padding: 0px; 
	margin: 0px; 
}

.portScResultsContainer .scResultTerm
{
	vertical-align:baseline; 
	margin-right:0px; 
	padding:0px; 
	font-weight: bold;
}

.displaynone
{
	display:none;
}

.x-layout-panel 
{
	overflow: hidden;
	position: absolute;
}

.x-layout-panel-body 
{
	overflow: hidden;
}

.editGoButton 
{
    background: url("../go.gif") no-repeat;
    height: 16px;
    width: 25px;
    margin-left: 10px;
}

.basisEditor, .sharesEditor
{
	text-align:right;
	width: 45px;
}

.editmode .basisEditor, .editmode .sharesEditor
{	
	width: 70px;
}

/* tag cloud */

.tagViewLabel
{
	float:left;
	font-weight:bold;
	height:10px;
	margin:8px 0 0 10px;
	font-size:12px;
	color: white;
}

.tag, .tagHover
{
	margin-right: 3px;
	text-decoration: underline;
	color: white;
	float:left;
	padding-top:1px;
	margin-bottom: 5px;
}

.addTag
{
    cursor: pointer;
    margin-right: 3px;
    margin-left:10px;
	text-decoration: underline;
	color: white;
	float:left;
	padding-top:1px;
	margin-bottom: 5px;
	font-weight:bold;
}

.editmode .addTag
{
    /*color:Red;*/
}

.tagHover
{
	cursor: pointer;
	color: #FF0000;
}

.tagActive
{
    cursor: default;
    text-decoration: none;
	font-weight: bold;
	font-size: 150%;
	color: white;
	/*
	line-height: normal;
	margin-top: -5px;
    */
}

.tagCloud
{
	margin:6px 0 2px 10px;
	color:white;
	float:left;
	overflow:hidden;
}

/* tag header */

.tagHeader
{	
	_height: 30px;
	min-height:30px;
	clear:both;
	background:#686868 url("../bkg_gray.png") repeat-x top;
}


/* buttons header */

.controlHeader
{
	height:30px;
	border-left:1px #cccccc solid;
	border-top:1px #cccccc solid;
	background:url("../bkg_top.png")  repeat-x;	
}

.portfolioFooter
{
	height:30px;
	border-left:1px #cccccc solid;
	border-right:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
	background:url("../bkg_top.png")  repeat-x;
	padding-left: 15px;
	clear: both;
}

.inputdiv input
{
	margin:3px 0 0 10px;
	display:inline;	
}

.totals-div 
{	
	padding-top:1px;
}

/* change colors */

.priceup{
	color:rgb(21,138,34);
}
.pricedown{
	color:rgb(170,34,34);
}
.priceunch{
	color:blue;
}
.pricegray{
	color:#cccccc;
}

.biggainer{
	background-color:rgb(237,255,237);
}
.bigloser{
	background-color:rgb(255,243,243);
}

/* template items */

.portfolio
{	
    border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	line-height: normal;
}

.positionRow
{	
	height:45px;
	border-bottom:1px solid #cccccc;
	vertical-align:middle;
	padding:0;
	overflow: hidden;
}

.singleNarrow
{
    height: 21px;
}



/*.positionRow:hover,*/
.highlightPositionRow
{
	background-color:#ebf5fc !important;
}

.delete-column 
{
	width: 20px;
	height: 16px;
}
.deleteIcon, .deleteIconHover
{
	float:left;	
	padding-left:5px;
	height:15px;
	width:15px;	
	font-weight:bold;
	background:url('../close.gif') no-repeat;
	cursor:pointer;	
}

.deleteIconHover
{
	background:url('../close-rollover.gif') no-repeat;
}

.editmode .deleteIcon
{
    background:url('../close-rollover.gif') no-repeat;
}

.inputdiv
{	
	float:left;	
}

/* column headers */

.titleHeader
{
	height:16px;
	border-width: 1px 0px 0px 1px;
	border-color: #cccccc;
	border-style: solid;
	font-size:11px;
	color:gray;
	line-height: normal;
}

.titleHeader div
{
	float:left;
	height:16px;
}

.titleHeader div div
{
    cursor: pointer;
}

.titleHeader div.sort-asc
{
    padding-right: 9px;
    background: url(../sort-up.png) no-repeat right;
    color: #000000;
}

.titleHeader div.sort-desc
{
    padding-right: 9px;
    background: url(../sort-down.png) no-repeat right;    
    color: #000000;
}

.titleHeader .instrument-column div,
.titleHeader .position-column div
{
    display: inline;
    padding-right: 9px;
}

.titleHeader div.header-seperator 
{
    width: 5px;
    padding-right: 0px;
    margin-left: 2px;
    margin-right: 6px;
}
.header-symbol, .header-value, .header-chart, .header-news{
	display:inline; /* fix ie double margin bug */	
}
.header-symbol {
    width: 35px;    
}
.header-last 
{
    width: 20px;
    margin-left:55px;
}
.titleHeader .instrument-column div.header-todayschange,
.titleHeader .singleGrid-column div.header-todayschange 
{
    padding-right:0px;
    margin-left: 35px;
	width:38px;
}
.titleHeader .singleGrid-column div.header-todayschange 
{
    margin-left:70px;
}

.header-todayschangepercent
{
    margin-left: 0px;
	width:12px;
}

.titleHeader .instrument-column div.header-time,
.titleHeader .singleGrid-column div.header-time
{
    margin-left: 10px;
    width: 26px;
    padding-right: 0px;
    cursor: default;
}
.header-vol
{
    width: 15px;
}
.header-value {
	margin-left:5px;
	width:55px;
}
.header-postoday 
{
    margin-left: 17px;
	width:30px;
}
.header-postotal
{
    margin-left: 15px;
    width: 25px;
}
.titleHeader .header-chart,.titleHeader  .header-news,.titleHeader  .header-open {	
	cursor: default;	
}
.header-chart {
    margin-left:10px;
}
.headernewslink{
    padding-left:10px;
    float:right;
}

.chartclass
{
	width:123px;
	height:40px;	
}

/* instrument */

.stackdiv
{
	float:left;	
	width:45px;
	height:25px;
}

.controlHeader .instrument-column .x-btn {
	float:right;
}
.controlHeader .instrument-column .x-btn , .controlHeader .singleNarrow-column .x-btn, .symbolInput .x-btn, 
.controlHeader .instrument-column .symbolInput .x-btn, .controlHeader .chart-column .x-btn, .controlHeader .singleGrid-column .x-btn
{
    margin-top: 4px;
}
.symbolInput .x-btn, .controlHeader .instrument-column .symbolInput .x-btn, .controlHeader .singleNarrow-column .x-btn
{
    float: left;
    margin-bottom: 0px;
}

.controlHeader .singleNarrow-column .x-btn
{
    margin-right: 180px;
}
.controlHeader .singleNarrow-column .symbolInput .x-btn
{
    margin-right: 0px;
}

.controlHeader .chart-column .x-btn 
{
	margin-left: 10px;
}
.viewselect
{
	float: right;
	margin:7px 0px 0px 8px;
	font-size:10px;
	border:1px solid #cccccc;
	width: 95px;
}

/* change bar */
.changeBarContainer {
	position: relative;
	height: 20px;
}
.neutral .changeBar {
	background: none;
}
.changeBar {
	position: absolute;
	background-color: #E9E9E9;
	width: 55px;
	height: 20px;
}
.large .neutral .changeBar {
	background-color: #E9E9E9;
}
.small .changeBar {
	width: 40px;
}
.large .changeBar {
	width: 103px;
}
.large .changeIndicator {
	background: transparent url(../small_arrow_indicator.png) no-repeat scroll right top;
	width: 54px;
	height: 3px;
	font-size: 1px;
}
.positive .changeBar, .neutral .changeBar {
	margin-left: 55px;	
}
.small .positive .changeBar, .small .neutral .changeBar {
	margin-left: 40px;
}
.large .positive .changeBar, .large .neutral .changeBar {
	margin-left: 0px;
}

.changeSeperatorContainer {
	height: 20px;
	width: 55px;
	position: absolute;
}
.small .changeSeperatorContainer {
	width: 40px;
}
.large .changeSeperatorContainer {
	width:103px;
}
.changeSeperator, .large .neutral .changeSeperator {
	height: 20px;
	width: 50%;
	border-right: 1px solid white;
	float: left;
}
.neutral .changeSeperator {
	border: none;
}

.changeMarker {
	height: 20px;
	float: right;
}
.negative .changeBar {
	border-right: 2px solid black;
}
.positive .changeBar, .neutral .changeBar, .large .negative .changeBar {
	border-left: 2px solid black;
	border-right: none;
}

.neutral .changeBar .changeMarker {
	background-color: #005183;
}
.negative .changeBar .changeMarker {
	background-color: #993333;
}
.positive .changeBar .changeMarker {
	background-color: #669966;
}
.positive .changeBar .changeMarker, .large .negative .changeBar .changeMarker, .neutral .changeBar .changeMarker {
	float: left;
}

.negative .changeValue { 
	color: #993333;
	margin-left: 65px;
}
.small .negative .changeValue {
	margin-left: 50px;
}
.large .negative .changeValue {
	margin-left: 0px;
}
.positive .changeValue {
	color: #669966;
	margin-left: 10px;	
}
.neutral .changeValue 
{
	margin-left: 10px;
	color: #0000CC;
}
.small .positive .changeValue, .small .neutral .changeValue {
	margin-left: 2px;
}
.large .positive .changeValue, .large .neutral .changeValue {
	margin-left: 0px;
}

.small .positive .changeSeperatorContainer, .small .neutral .changeSeperatorContainer {
	margin-left: 40px;
}	
.positive .changeSeperatorContainer, .neutral .changeSeperatorContainer {
	margin-left: 55px;
}
.large .positive .changeSeperatorContainer, .large .neutral .changeSeperatorContainer {
	margin-left: 0px;
}
.changeValue {
	position: absolute;
	padding: 0px;
	width: 40px;
}
.changeValue p {
	margin: 0pt;
	padding: 0pt;
}


/* range bar stuff */

.rangeBar {
	background:url("../fiftytwobar_bkg.png")  no-repeat;
	width: 103px;
	height: 10px;
	font-size: 10px;
}

.rangeLow {
	float: left;
	text-align: left;
	width: 50px;
	display: inline;
}
.rangeHigh {
	float: right;
	text-align: right;
	width: 50px;
}
.rangeLow p, .rangeHigh p {
	margin: 0pt;
	padding: 0px;
}
.rangeValue {
	color: #000;
	font-size: 80%;
	font-weight: bold;
}
.rangeExtra {
	color: #666;
	font-size: 80%;
}

.fiftytwo-column .rangeBar, .open-column .rangeBar 
{
	margin-top: 5px;
	margin-bottom: 3px;
}
.rangeMarker {
	background:url("../fiftytwobar_marker.png") top right no-repeat;
	height: 10px;
}
.rangeIndicator {
	background:url("../small_arrow_indicator.png") top right no-repeat;
	height: 3px;
	font-size: 3px;
	margin-bottom: 3px;
}

/* meter bar stuff */
.meterBar { 
	position: relative;
	width: 101px;
	height: 20px;
	border-left: 2px solid black;
	background-color: #e9e9e9;		
}

.meterMarker {
	position:absolute;
	height: 20px;
	background-color: #D7DAFF;
}
.meterSeperatorContainer {
	position: absolute;
	height: 20px;
	width: 100%;		
}
.meterSeperator {
	height: 20px;
	width: 24%;
	border-right: 1px solid white;
	float: left;
}

.position-column .meterBar
{
	width: 125px;
	height: 10px;
	border: none;
	float: left;
}
.position-column .meterMarker, .position-column .meterSeperatorContainer, .position-column .meterSeperator
{
	height: 10px;
	font-size: 8px;
}


.controlHeader .columnControl 
{
    float: left;
	height:30px;
	background: none;
}

/* Single Columns */

.singleNarrow-column
{
    float: left;
    height: 21px;
    width: 934px;
    padding-right: 10px;
    border-right:1px #cccccc solid;
}

.singleGrid
{
    float: left;
    height: 30px;
}
.singleGrid-column
{
    float: left;
    height: 30px;
    width: 962px;
    padding-right: 10px;
    border-right:1px #cccccc solid;
}

.positionRow div.singleGrid-column
{
    width: 300px;
}
.positionRow div.singleNarrow-column div
{
    padding-top: 3px;
    float: left;
    margin-right: 20px;
    width: 45px;
    text-align: right;
}

.positionRow div.singleNarrow-column .instrument-ticker
{
    width:65px;
    margin-right:0px;
    text-align: left;
}
.positionRow div.singleNarrow-column .instrument-volume
{
    width:50px;
    margin-right:15px;
}
.positionRow div.singleNarrow-column .narrow-chart
{
    width: 105px;
}
.positionRow div.singleNarrow-column .narrow-chart a
{
    margin-right: 5px;
}
.positionRow div.singleNarrow-column .instrument-last
{
    width: 65px;
    margin-right:10px;
}
.positionRow div.singleNarrow-column .instrument-change
{
    width: 55px;
    margin-right:10px;
}
.positionRow div.singleNarrow-column .narrow-news
{
    width: 278px;
    text-align:left;
    margin-right: 0px;
    overflow: hidden;
}
.positionRow div.singleNarrow-column .instrument-ticker, .positionRow div.singleNarrow-column .instrument-last
{
    font-size: 100%;
    line-height: normal;
    height: 16px;
}

/* narrow-header-symbol */
.titleHeader .singleNarrow-column div
{
    margin-right: 15px;
    width: 40px;
    text-align: right;
    padding-right:10px;
}
.titleHeader .singleNarrow-column div.narrow-header-symbol
{
    margin-right:25px;
}
.titleHeader .singleNarrow-column div.narrow-header-todayschangepercent
{
    width: 50px; 
    margin-right: 10px;
}
.titleHeader .singleNarrow-column div.narrow-header-chart
{
    width: 65px;
    margin-right: 40px;
}


/* Normal Columns */
.instrument-column
{
	float:left;	
	border-right:1px #cccccc solid;
	height:45px;
	width:300px;
	padding-right:10px;
}

.instrument-ticker,.instrument-last
{
	line-height:22px;
	font-size:20px;
	float:left;
	height:28px;
	cursor:pointer;
	overflow: hidden;
}

.smallInstrumentFont
{
    font-size: 14px;
}

.instrument-ticker
{
	color:rgb(0,0,204);
	/*color:#f06822;*/
	width:70px;		
}

.instrument-ticker a,.instrument-ticker a:hover, .instrument-ticker a:active, .instrument-ticker a:visited,.instrument-ticker a:link
{
	text-decoration:none;
}

.instrument-last
{		
	width:80px;		
	text-align:right;
}
.instrument-changeContainer
{
	margin-top: 3px;
	padding-left: 8px;
	float:left;
	font-size: 80%;
	width: 80px;
}

div.megapriceticker
{
	width:59px;
}

div.megaprice
{
	width:90px;
}

.instrument-arrow
{
	float:left;
	width:40px;
	height:25px;	
}

.instrument-arrow img
{
	padding-left:10px;
	padding-top:5px;
}

.instrument-time-volume
{
	float: right;
}
.instrument-time-volume p
{
	margin: 0pt;
	padding: 0pt;
	text-align: right;
}
.instrument-time
{
	font-size:10px;
	color:gray;	
	cursor:default;	
	text-align:right;
}

.instrument-volume
{	
	color:#555555;
	cursor:pointer;
	text-align:right;
}

.editmode .instrument-tags, .editmode .instrument-tagsHover,
.editmode .position-shares, .editmode .position-sharesHover,
.editmode .position-basis, .editmode .position-basisHover,
.editmode .symbolInput .symbolInputField
{  
    background-color:#fffbc6;
    border:solid 1px Red;
    _margin-right:-2px;
    _margin-bottom:-2px;
}

.editMessage
{
    color:Red;
}

.instrument-tags, .instrument-tagsHover
{
	color:#93ACFF;
	clear:left;
	font-size:10px;
	height:15px;
	width:300px;	
	padding-bottom:0px;
	cursor:text;
}

.marketicon
{
    float: left;
    margin-left: 2px;
}

.marketicon div
{
    height: 14px;
    width: 14px;
}

.marketicon .realtime 
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://i.mktw.net/mw3/RealTime/real-sm24.png');
    background-image: none;
    background-color: transparent;
    background-repeat: no-repeat;
}
.marketicon .realtime[class]
{
    background-image: url(http://i.mktw.net/mw3/RealTime/real-sm24.png);
}

.marketicon .delayed 
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://i.mktw.net/mw3/RealTime/delayed-sm24.png');
    background-image: none;
    background-color: transparent;
    background-repeat: no-repeat;
}
.marketicon .delayed[class]
{
     background-image: url(http://i.mktw.net/mw3/RealTime/delayed-sm24.png);
}

.marketicon .after 
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://i.mktw.net/mw3/RealTime/after-sm24.png');
    background-image: none;
    background-color: transparent;
    background-repeat: no-repeat;
}
.marketicon .after[class]
{
     background-image: url(http://i.mktw.net/mw3/RealTime/after-sm24.png);
}

.marketicon .pre 
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://i.mktw.net/mw3/RealTime/pre-sm24.png');
    background-image: none;
    background-color: transparent;
    background-repeat: no-repeat;
}
.marketicon .pre[class]
{
     background-image: url(http://i.mktw.net/mw3/RealTime/pre-sm24.png);
}

.marketicon .halt 
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://i.mktw.net/mw3/RealTime/stop-sm24.png');
    background-image: none;
    background-color: transparent;
    background-repeat: no-repeat;
}
.marketicon .halt[class]
{
     background-image: url(http://i.mktw.net/mw3/RealTime/stop-sm24.png);
}


.sortableValue
{
	cursor: pointer;
}
.instrument-tagsHover
{
	border: solid 1px #9496C7;
    background-color: #DFE6F8;
	height:13px;
	width:298px;
	color: #000000;
	cursor: pointer;
}

.instrument-tags input
{
	color:red;
}

/* position */


.controlHeader .position-column
{
	height:30px;	
}

.position-column
{
	float:left;	
	border-right:1px #cccccc solid;
	padding-left:5px;
	width:245px;
	height:45px;
}

.position-column .stackdiv, .totals-div .stackdiv
{
	width:60px;
}

.position-edit-row
{
	clear:left;
	padding-top:5px;	
	_padding-top:3px;	
}

.position-value
{
	float:left;
	width:80px;
	padding-right:30px;	
	cursor:pointer;
	text-align:right;	
}

.position-totalchange, .position-todayschange, .position-totalPercentchange, .position-todaysPercentchange
{	
	height:14px;
	width:60px;
	float:left;
	text-align:left;
	cursor:pointer;
}

.position-value
{
	font-size:13px;
	height:20px;
	padding-top:5px;
	font-weight:bold;
	line-height:130%;	
}

.position-shares, .position-basis, .position-sharesHover, .position-basisHover
{
	float:left;
	width:30px;
	cursor:text;
	text-align:right;
	font-size:10px;
	color:gray;
}

.position-sharesHover, .position-basisHover
{
	border: solid 1px #9496C7;
    background-color: #DFE6F8;
	color: #000000;
	cursor: pointer;	
}
.position-sharesHover
{
	width:28px;
}
.position-shares,.position-sharesHover
{
	padding-right:5px;
}
div.sharesPrompt
{
	color:#93ACFF;	
	width:70px;
	margin-right:85px;
	cursor:pointer;
}
.position-shares, .position-basis,
.position-sharesHover, .position-basisHover,
div.sharesPrompt,div.basisPrompt,
.editmode div.basisValue, .editmode div.sharesValue
{
    _margin-top:-3px;
}
.editmode div.sharesValue
{
    width:70px;
    margin-right:85px;
}
.editmode div.basisValue
{
    width:70px;
}
.editmode .meterBar
{
    display:none;
}

div.basisPrompt
{
	color:#93ACFF;
	width:70px;
	cursor:pointer;
}
.sharesValue, .basisValue
{
	/*border:1px solid #dddddd;*/
}


.position-bar-container
{	
	height: 10px;
	background-color: rgb(233,233,233);
	width: 125px;
	overflow: hidden;
	float:left;
}

.position-bar
{	
	background-color: rgb(215,218,255);
	height: 10px;
}

.positionhideclass div
{
	display:none;
}
/* Chart */


.chart-column
{
	width:125px;		
	height:45px;
	float:left;	
	border-right:1px #cccccc solid;	
}


.chartscaleselect
{
	margin:7px 0px 0px 8px;
	font-size:10px;
	border:1px solid #cccccc;
}

/* news */

.news-column
{
	padding:0 10px 0 10px;	
	height:45px;
	width:240px;
	overflow:hidden;
	float:left;
	border-right:1px #cccccc solid;	
}

.positionRow .news-column
{
	line-height: 14px;
	/*font-size:11px;*/
}
.news-column span
{
	cursor:default;
}
.hltime, .hlprovider
{
	color:#666;
	margin-left:5px;
}
.headlineicon
{
    padding-right:3px;
}

.newenews
{
	color:Red;
}

.newsbox
{
	border:1px solid #444444;
	background-color:#ebf5fc;
	width:250px;
	height:100px;
	position:absolute;	
	overflow:hidden;
	padding-bottom:10px;
	z-index:10000;
}

.newsboxstory
{
	/*font-size:11px;*/
	line-height: 14px;
	padding:0 10px 5px 10px;	
}

.morenews
{
    float:right;
    font-size:10px;    
    z-index:1000;
    background-color:#ebf5fc;
    padding-right:0px;
    padding-left:5px;
}

.natext
{
    color:#aaa;
}

/* market cap */

.marketcap-column
{
	padding: 0 9px 0 10px;	
	height: 45px;
	width: 102px;
	overflow:hidden;
	float:left;
	border-right:1px #cccccc solid;	
}

.positionRow .marketcap-column 
{
	padding-top: 4px;
	height: 41px;
}

.marketcap-column p 
{
	padding: 0pt;
	margin: 0pt;
}

/* 52 week high low */

.fiftytwo-column
{
	padding: 0 9px 0 10px;	
	height: 45px;
	width: 102px;
	overflow:hidden;
	float:left;
	border-right:1px #cccccc solid;	
}


/* open */

.open-column
{
	padding: 0 9px 0 10px;	
	height: 45px;
	width: 102px;
	overflow:hidden;
	float:left;
	border-right:1px #cccccc solid;	
}

/* eps */

.eps-column
{
	padding: 0 7px 0 5px;
	height: 45px;
	width: 112px;
	overflow:hidden;
	float:left;
	border-right:1px #cccccc solid;	
}

.positionRow .eps-column
{
	padding-top: 4px;
	height: 41px;
}

.eps-column .empty .changeBar
{
    display:none;
}


/* dividend */

.dividend-column
{
	padding: 0 7px 0 5px;
	height: 45px;
	width: 112px;
	overflow:hidden;
	float:left;
	border-right:1px #cccccc solid;	
}

.positionRow .dividend-column
{
	padding-top: 4px;
	height: 41px;
}

.exdateValue
{
    font-size:10px;
    position:absolute;
    top:25px;
}

.exdateValue span
{
    color:#666;
}

.dividend-column .empty .changeBar
{
    display:none;
}


/* PE ratio */

.peratio-column
{
	padding: 0 7px 0 5px;
	height: 45px;
	width: 112px;
	overflow:hidden;
	float:left;
	border-right:1px #cccccc solid;	
}

.positionRow .peratio-column
{
	padding-top: 4px;
	height: 41px;
}

.peratio-column .empty .changeBar
{
    display:none;
}

/* yield */

.yield-column
{
	padding: 0 7px 0 5px;
	height: 45px;
	width: 112px;
	overflow:hidden;
	float:left;
	border-right:1px #cccccc solid;	
}

.positionRow .yield-column
{
	padding-top: 4px;
	height: 41px;
}

.yield-column .empty .changeBar
{
    display:none;
}

/* average volume */

.avgvolume-column
{
	padding: 0 7px 0 5px;
	height: 45px;
	width: 112px;
	overflow:hidden;
	float:left;
	border-right:1px #cccccc solid;	
}

.positionRow .avgvolume-column 
{
	padding-top: 4px;
	height: 41px;
}

.averageVolumeValueContainer 
{
	font-size: 80%;
	width: 105px;
}
.averageVolumeValueContainer .averageVolumeValue 
{
	float: left;
}
.averageVolumeValueContainer .averageVolumeChange
{
	float: right;
}

.neutral .averageVolumeChange
{
	color: #005183;
}
.positive .averageVolumeChange
{
	color: #669966;
}
.negative .averageVolumeChange
{
	color: #993333;
}

/* outstanding shares*/

.outstanding-column
{
	padding: 0 9px 0 10px;	
	height: 45px;
	width: 102px;
	overflow:hidden;
	float:left;
	border-right:1px #cccccc solid;	
}
.titleHeader .outstanding-column div.header-outstanding
{
    margin-left: -5px;
}

.positionRow .outstanding-column 
{
	padding-top: 4px;
	height: 41px;
}


/* global header stuff */


/* EXT Shadows */


.x-shadow {
    display: none;
    position: absolute;
    overflow: hidden;
}

.x-shadow * {
    overflow: hidden;
}

.x-shadow * {
    padding: 0;
    border: 0;
    margin: 0;
    clear: none;
    zoom: 1;
}


.x-shadow .xstc, .x-shadow .xsbc {
    height: 6px;
    float: left;
}


.x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {
    width: 6px;
    height: 6px;
    float: left;
}


.x-shadow .xsc {
    width: 100%;
}

.x-shadow .xsml, .x-shadow .xsmr {
    width: 6px;
    float: left;
    height: 100%;
}

.x-shadow .xsmc {
    float: left;
    height: 100%;
    background: #333333;
    opacity: .35;
    -moz-opacity: .35;
    filter: alpha(opacity=25);
}

.x-shadow .xst, .x-shadow .xsb {
    height: 6px;
    overflow: hidden;
    width: 100%;
}

.x-shadow .xsml {
    background: transparent url( ../shadow-lr.png ) repeat-y 0 0;
}

.x-shadow .xsmr {
    background: transparent url( ../shadow-lr.png ) repeat-y -6px 0;
}

.x-shadow .xstl {
    background: transparent url( ../shadow.png ) no-repeat 0 0;
}

.x-shadow .xstc {
    background: transparent url( ../shadow.png ) repeat-x 0 -30px;
}

.x-shadow .xstr {
    background: transparent url( ../shadow.png ) repeat-x 0 -18px;
}

.x-shadow .xsbl {
    background: transparent url( ../shadow.png ) no-repeat 0 -12px;
}

.x-shadow .xsbc {
    background: transparent url( ../shadow.png ) repeat-x 0 -36px;
}

.x-shadow .xsbr {
    background: transparent url( ../shadow.png ) repeat-x 0 -6px;
}

/* tool tips */

.x-clear {
    clear:both;
    height:0;
    overflow:hidden;
    line-height:0;
    font-size:0;
}

.x-layer {
    visibility: hidden;
}

.x-tip{
	position: absolute;
	top: 0;
    left:0;
    visibility: hidden;
	z-index: 20000;    
    background-color: #9496C7;
}

.x-tip .x-tip-top {
	height:1px;
    overflow:hidden;
}
.x-tip .x-tip-top-left {
	padding-left:0px;
    zoom:1;
}
.x-tip .x-tip-top-right {
	padding-right:0px;
    zoom:1;
}
.x-tip .x-tip-ft {
	height:1px;
    overflow:hidden;
}
.x-tip .x-tip-ft-left {
	padding-left:0px;
    zoom:1;
}
.x-tip .x-tip-ft-right {
	padding-right:0px;
    zoom:1;
}
.x-tip .x-tip-bd {
    border:0 none;
    font: normal 11px tahoma,arial,helvetica,sans-serif;
}
.x-tip .x-tip-bd-left {
	padding-left:1px;
    zoom:1;
}
.x-tip .x-tip-bd-right {
	padding-right:1px;
    zoom:1;
}
.x-tip .x-tip-bd-inner {
    margin:0 !important;
    line-height:14px;
    color:#000000;
    padding:4px;
    float:left;
    background-color: #DFE6F8;    
}

/* Ext Text Boxes */

.x-form-field{
    margin: 0 0 0 0;
    font:normal 10px tahoma, arial, helvetica, sans-serif;
}

/* ---- text fields ---- */
.x-form-text, textarea.x-form-field{
    padding: 1px 3px;
    background: #fffff;
    border: 1px solid #77A9DE;
}
.x-form-text {
    height:12px;
    line-height:18px;
    vertical-align:middle;
}
.ext-ie .x-form-text {
    margin-top:-1px; /* ie bogus margin bug */
    margin-bottom:-1px;
    height:22px; /* ie quirks */
    line-height:18px;
}
.ext-strict .x-form-text {
    height:12px;
}
.ext-safari .x-form-text {
    height:20px; /* safari always same size */
}
.ext-gecko .x-form-text {
    padding-top:2px; /* FF won't center the text vertically */
    padding-bottom:0;
}

/* Menu stuff */

.x-menu-list-item a:hover, .x-menu-list-item a:visited, .x-menu-list-item a:hover:visited, .x-menu-list-item a:link
{
	color: #000;
	text-decoration: none;
}

.x-menu-rounded-top
{
	width: 155px;
	height: 9px;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	line-height: normal;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://i.mktw.net/mw3/portfolio/menu_top.png');
	background-image: none;
}
.x-menu-rounded-top[class]
{
	background: transparent url(../menu_top.png) no-repeat;
}
.x-menu-rounded-bot
{
	width: 155px;
	height: 7px;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://i.mktw.net/mw3/portfolio/menu_bot.png');
	background-image: none;
}

.x-menu-rounded-bot[class]
{
	background: transparent url(../menu_bot.png) no-repeat;
}

.x-menu {
	border:none;
    z-index: 15000;
	background:none;
}
.ext-ie .x-menu {
    zoom:1;
    overflow:hidden;
}
.x-menu-list{
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    background: #fff url(../menu_grad.png) repeat-x bottom;
    padding: 0px;
	margin: 0px;
}
.x-menu li{
	line-height:100%;
}
.x-menu li.x-menu-sep-li{
	font-size:1px;
	line-height:1px;
}
.x-menu-list-item{
	font:normal 11px "Segoe UI",tahoma,"Lucida Sans Unicode",arial, sans-serif;
    white-space: nowrap;
    -moz-user-select: none;
	-khtml-user-select: none;
	display:block;
	padding:1px;
}
.x-menu-item-arrow{
	background:transparent url(../menu_parent.png) no-repeat right;
}
.x-menu-sep {
	display:block;
	list-style-type: none;
	font-size:1px;
	background:#E8E8E9;
	border-bottom: solid 1px #FFF;
	margin: 3px 5px 3px 5px;
    height:1px;
}
.x-menu-focus {
	position:absolute;
	left:0;
	top:-5px;
	width:0;
	height:0;
    line-height:1px;
}
.x-menu-item {
	display:block;
	line-height:14px;
	padding:0px 3px 3px 0px;
	white-space: nowrap;
	text-decoration:none;
	color:#000;
	font-size: 90%;
	-moz-outline: 0 none;
	outline: 0 none;
	cursor:pointer;
}
.x-menu-item-active {
	color:#000;
	background:#C2DAF9;
	border:1px solid #8BB8F3;
	padding:0;
}
.x-menu-item-icon {
	border: 0 none;
	height: 16px;
	padding: 0;
	vertical-align: middle;
	width: 16px;
	margin: -2px 4px 0 0;
    background-position:center;
}

.x-menu-item img.portIcon
{
    margin-right:5px;
}
.x-menu-group-item *
{
    vertical-align: middle;
}

.x-menu-item-checked {
	font-weight: bold;
}
.x-menu-check-item .x-menu-item-icon{
	background: transparent url(../menu_unchecked.png) no-repeat center;
}

.x-menu-item-checked .x-menu-item-icon{
	background-image:url(../menu_checked.png);
}
.x-menu-group-item .x-menu-item-icon{
	background: transparent;
}

.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
    background: transparent url(../menu_group_checked.png) no-repeat center;
}

.x-menu-plain {
	background:#fff;
}
.x-menu-date-item{
	padding:0;
}

.x-menu .x-color-palette, .x-menu .x-date-picker{
    margin-left:32px;
	margin-right:4px;
}
.x-menu .x-date-picker{
    border:1px solid #a3bad9;
    margin-top:2px;
    margin-bottom:2px;
}
.x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{
	margin:0;
    border:0 none;
}

/* Ext Editor */

.x-editor {
    visibility:hidden;
    padding:0;
    margin:0;
}
.x-form-check-wrap {
    line-height:18px;
}
.ext-ie .x-form-check-wrap input {
    width:15px;
    height:15px;
}
.x-editor .x-form-check-wrap {
    padding:3px;
}
.x-editor .x-form-checkbox {
    height:13px;
    border: 0 none;
}
/* If you override the default field font above, you would need to change this font as well */
.x-form-grow-sizer {
	font:normal 10px tahoma, arial, helvetica, sans-serif;
    left: -10000px;
	padding: 2px 3px;
    position: absolute;
    visibility:hidden;
    top: -10000px;
	white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    zoom:1;
}

/* add position/ticker */

.symbolInput
{ 
    float: left;
    width: 195px;
}

.symbolInput .symbolInputField
{
	float: left;
	height: 15px;
	margin-top:5px;
	padding-bottom: 1px;
	margin-bottom:1px;
	font-size: 12px;
	border-color: #000000;
	margin-right: 5px;
	width: 125px;
}

.symbolInput .largebutton
{
	margin-top: 5px;
}

/* mktw button */

.largebutton
{	
	cursor: pointer; 
	margin: 0; 
	padding: 0;	
	float:left;	
}

.leftcapoff
{
	width: 8px; 
	height: 18px; 
	float: left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://i.mktw.net/mw3/Header/btn_standard_left2.png');
	background-image: none;
}
.leftcapoff[class]
{
	background: url(../../Header/btn_standard_left2.png) left no-repeat;
}

.buttonoff
{
	height: 18px; 
	float: left;
	background: url(../../Header/btn_standard_bkg.png) repeat-x;
	background-position: bottom;
	text-align:left;
}

.buttonoff p, .buttonon p
{
	margin: 0px; 
	padding: 0px;
	color: #333; 
	font-weight: bold; 
	white-space: nowrap;
	padding-top: 2px;
}

.buttonoff p a:link, .buttonon p a:link, .buttonoff p a:visited, .buttonon p a:visited
{
	color: #000;
	text-decoration: none;
}

.buttonoff p a:hover, .buttonon p a:hover, .buttonoff p a:visited:hover, .buttonon p a:visited:hover
{
	color: #f26522;
	text-decoration: none;

}

.rightcapoff
{
	width: 8px; 
	height: 18px; 
	float: left;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='http://i.mktw.net/mw3/Header/btn_standard_right_small2.png');
	background-image: none;	
}

.rightcapoff[class]
{
	background: url(../../Header/btn_standard_right2.png) right no-repeat; 
}

.rightcapoff
{
	background-position: right;
	background-repeat: no-repeat;
} 

/********** Broker Buttons *****************/

/* override sidewidestyles.11px to fit in broker buttons */

#BrokerButtons
{	
	background:white;	
	padding-top:5px;
	padding-left:0px;
	/* see bottom of file safari hack */
	min-height:65px;
}

#BrokerButtons 
{
	margin:0 0 0 10px;
}

#BrokerButtons  td
{
	padding:7px 7px 0 7px;
}

#motifDivToPushContent
{
    height:45px;
}


/* ext dialog */

/*
 * Ext JS Library 1.0
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://www.extjs.com/license
 */

.x-dlg-proxy {
	background-image: url(../menu_grad.png);
	background-color:#c3daf9;
	border:1px solid #6593cf;
	z-index:10001;
	overflow:hidden;
	position:absolute;
	left:0;top:0;
}
.x-dlg-shadow{
	background:#aaaaaa;
	position:absolute;
	left:0;top:0;
}
.x-dlg-focus{
	-moz-outline:0 none;
	outline:0 none;
	width:0;
	height:0;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}
.x-dlg-mask{
	z-index:10000;   
   display:none;
   position:absolute;
   top:0;
   left:0;
   -moz-opacity: 0.5;
   opacity:.50;
   filter: alpha(opacity=50);
   background-color:#CCC;
}
body.x-body-masked select {
	visibility:hidden;
}
body.x-body-masked .x-dlg select {
	visibility:visible;
}
.x-dlg{
	z-index:10001;
	overflow:hidden;
	position:absolute;
	left:300;top:0;
}
.x-dlg .x-dlg-hd {
	background: url(../hd-sprite.gif) repeat-x 0 -82px;
	background-color:navy;
	color:#FFF;
	font:bold 12px "sans serif", tahoma, verdana, helvetica;
	overflow:hidden;
	padding:5px;
    white-space: nowrap;
}
.x-dlg .x-dlg-hd-left {
	background: url(../hd-sprite.gif) no-repeat 0 -41px;
	padding-left:3px;
	margin:0;
}
.x-dlg .x-dlg-hd-right {
	background: url(../hd-sprite.gif) no-repeat right 0;
	padding-right:3px;
}
.x-dlg .x-dlg-dlg-body{
	background: url(../menu_grad.png);/*url(../gradient-bg.gif);*/
	border:1px solid #6593cf;
	border-top:0 none;
	padding:10px;
	position:absolute;
	top:24px;left:0;
	z-index:1;
	overflow:hidden;
}
.x-dlg-collapsed .x-resizable-handle{
    display:none;
}
.x-dlg .x-dlg-bd{
	overflow:hidden;
}
.x-dlg .x-dlg-ft{
	overflow:hidden;
	padding:5px;
	padding-bottom:0;
}
.x-dlg .x-tabs-body{
	background:white;
	overflow:auto;
}
.x-dlg .x-tabs-top .x-tabs-body{
	border:1px solid #6593cf;
	border-top:0 none;
}
.x-dlg .x-tabs-bottom .x-tabs-body{
	border:1px solid #6593cf;
	border-bottom:0 none;
}
.x-dlg .x-layout-container  .x-tabs-body{
	border:0 none;
}
.x-dlg .inner-tab{
	margin:5px;
}
.x-dlg .x-dlg-ft .x-btn{
	margin-right:5px;
	float:right;
	clear:none;
}
.x-dlg .x-dlg-ft .x-dlg-btns td {
	border:0;
	padding:0;
}
.x-dlg .x-dlg-ft .x-dlg-btns-right table{
	float:right;
	clear:none;
}
.x-dlg .x-dlg-ft .x-dlg-btns-left table{
	float:left;
	clear:none;
}
.x-dlg .x-dlg-ft .x-dlg-btns-center{
	text-align:center; /*ie*/
}
.x-dlg .x-dlg-ft .x-dlg-btns-center table{
	margin:0 auto; /*everyone else*/
}

x-dlg .x-dlg-ft .x-dlg-btns .x-btn-focus .x-btn-left{
	background-position:0 -147px;
}
.x-dlg .x-dlg-ft .x-dlg-btns .x-btn-focus .x-btn-right{
	background-position:0 -168px;
}
.x-dlg .x-dlg-ft .x-dlg-btns .x-btn-focus .x-btn-center{
	background-position:0 -189px;
}

.x-dlg .x-dlg-ft .x-dlg-btns .x-btn-click .x-btn-center{
	background-position:0 -126px;
}
.x-dlg .x-dlg-ft .x-dlg-btns .x-btn-click .x-btn-right{
	background-position:0 -84px;
}
.x-dlg .x-dlg-ft .x-dlg-btns .x-btn-click .x-btn-left{
	background-position:0 -63px;
}

.x-dlg-draggable .x-dlg-hd{
	cursor:move;
}
.x-dlg-closable .x-dlg-hd{
	padding-right:22px;
}
.x-dlg-toolbox {
    position:absolute;
	top:4px;
	right:4px;
	z-index:6;
    width:40px;
    cursor:default;
    height:15px;
    background:transparent;
}
.x-dlg .x-dlg-close, .x-dlg .x-dlg-collapse {
    float:right;
    height:15px;
	width:15px;
	margin:0;
    margin-left:2px;
    padding:0;
	line-height:1px;
	font-size:1px;
	background-repeat:no-repeat;
	cursor:pointer;
	visibility:inherit;
}
.x-dlg .x-dlg-close {
    background-image:url(../images/default/basic-dialog/close.gif);
}
.x-dlg .x-dlg-collapse {
    background-image:url(../images/default/basic-dialog/collapse.gif);
}
.x-dlg-collapsed .x-dlg-collapse {
    background-image:url(../images/default/basic-dialog/expand.gif);
}
.x-dlg .x-dlg-close-over, .x-dlg .x-dlg-collapse-over {
    
}
.x-dlg div.x-resizable-handle-east{
	background-image:url(../images/default/basic-dialog/e-handle.gif);
	border:0;
	background-position:right;
	margin-right:0;
}
.x-dlg div.x-resizable-handle-south{
	background-image:url(../images/default/sizer/s-handle-dark.gif);
	border:0;
	height:6px;
}
.x-dlg div.x-resizable-handle-west{
	background-image:url(../images/default/basic-dialog/e-handle.gif);
	border:0;
	background-position:1px;
}
.x-dlg div.x-resizable-handle-north{
	background-image:url(../images/default/s.gif);
	border:0;
}
.x-dlg div.x-resizable-handle-northeast, .ytheme-gray .x-dlg div.x-resizable-handle-northeast{
	background-image:url(../images/default/s.gif);
	border:0;
}
.x-dlg div.x-resizable-handle-northwest, .ytheme-gray .x-dlg div.x-resizable-handle-northwest{
	background-image:url(../images/default/s.gif);
	border:0;
}
.x-dlg div.x-resizable-handle-southeast{
	background-image:url(../images/default/basic-dialog/se-handle.gif);
	background-position: bottom right;
	width:8px;
	height:8px;
	border:0;
}
.x-dlg div.x-resizable-handle-southwest{
	background-image:url(../images/default/sizer/sw-handle-dark.gif);
	background-position: top right;
	margin-left:1px;
	margin-bottom:1px;
	border:0;
}

#x-msg-box .x-dlg-ft .x-btn{
	float:none;
	clear:none;
	margin:0 3px;
}

#x-msg-box .x-dlg-bd {
	padding:5px;
	overflow:hidden !important;
	font:normal 13px verdana,tahoma,sans-serif;
}
#x-msg-box .ext-mb-input {
	margin-top:4px;
	width:95%;
}
#x-msg-box .ext-mb-textarea {
	margin-top:4px;
	font:normal 13px verdana,tahoma,sans-serif;
}
#x-msg-box .ext-mb-progress-wrap {
	margin-top:4px;
	border:1px solid #6593cf;
}
#x-msg-box .ext-mb-progress {
	height:18px;
	background: #e0e8f3 url(../images/default/qtip/bg.gif) repeat-x;
}
#x-msg-box .ext-mb-progress-bar {
	height:18px;
	overflow:hidden;
	width:0;
	background:#8BB8F3;
	border-top:1px solid #B2D0F7;
	border-bottom:1px solid #65A1EF;
	border-right:1px solid #65A1EF;
}

#x-msg-box .x-msg-box-wait {
	background: transparent url(../images/default/grid/loading.gif) no-repeat left;
    display:block;
    width:300px;
    padding-left:18px;
    line-height:18px;
}

/*
 * Ext JS Library 1.0
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://www.extjs.com/license
 */

.x-btn{
	font:normal 11px tahoma, verdana, helvetica;
	cursor:pointer;
	white-space: nowrap;
}
.x-btn button{
    border:0 none;
    background:transparent;
    font:normal 11px tahoma,verdana,helvetica;
    padding-left:3px;
    padding-right:3px;
    cursor:pointer;
    margin:0;
    overflow:visible;
    width:auto;
    -moz-outline:0 none;
    outline:0 none;
}
* html .ext-ie .x-btn button {
    width:1px;
}
.ext-gecko .x-btn button {
    padding-left:0;
    padding-right:0;
}
.ext-ie .x-btn button {
    padding-top:2px;
}
/*
 Predefined css class for buttons with only icon. Add this class (x-btn-icon) and a class with a background-image
 to your button for a button with just an icon.
 e.g.
 .my-class .x-btn-text { background-image: url(foo.gif); }
 */
 
.x-btn-icon .x-btn-center .x-btn-text{
	background-position: center;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	cursor:pointer;
	white-space: nowrap;
    padding:0;
}
.x-btn-icon .x-btn-center{
	padding:1px;
}
.x-btn em {
    font-style:normal;
    font-weight:normal;
}
/*
 Button class for icon and text. Add this class (x-btn-text-icon) and a class with a background-image
 to your button for both text and icon. 
*/

.x-btn-text-icon .x-btn-center .x-btn-text{
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left:18px;
	padding-top:3px;
	padding-bottom:3px;
    padding-right:0;
}

.x-btn-left, .x-btn-right{
	font-size:1px;
    line-height:1px;
}
.x-btn-left{
	width:3px;
	height:21px;
	background:url(../btn-sprite.gif) no-repeat 0 0;
}
.x-btn-right{
	width:3px;
	height:21px;
	background:url(../btn-sprite.gif) no-repeat 0 -21px;
}
.x-btn-left i, .x-btn-right i{
	display:block;
    width:3px;
    overflow:hidden;
    font-size:1px;
    line-height:1px;
}
.x-btn-center{
	background:url(../btn-sprite.gif) repeat-x 0 -42px;
	vertical-align: middle;
	text-align:center;
	padding:0 5px;
	cursor:pointer;
	white-space:nowrap;
}
.x-btn-over .x-btn-left{
	background-position:0 -63px;
}
.x-btn-over .x-btn-right{
	background-position:0 -84px;
}
.x-btn-over .x-btn-center{
	background-position:0 -105px;
}
.x-btn-click .x-btn-center, .x-btn-menu-active .x-btn-center{
	background-position:0 -126px;
}
.x-btn-disabled *{
	color:gray !important;
	cursor:default !important;
}
.x-btn-menu-text-wrap .x-btn-center {
	padding:0 3px;
}
.ext-gecko .x-btn-menu-text-wrap .x-btn-center {
	padding:0 1px;
}
.x-btn-menu-arrow-wrap .x-btn-center {
    padding:0;
}
.x-btn-menu-arrow-wrap .x-btn-center button {
	width:12px !important;
    height:21px;
    padding:0 !important;
    display:block;
    background:transparent url(../images/default/basic-dialog/btn-arrow.gif) no-repeat left 3px;
}
.x-btn-with-menu  .x-btn-center {
    padding-right:2px !important;
}
.x-btn-with-menu  .x-btn-center em {
    display:block;
    background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat right 0;
	padding-right:10px;
}

.x-btn-text-icon .x-btn-with-menu .x-btn-center em {
    display:block;
    background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat right 3px;
	padding-right:10px;
}

.x-item-disabled {
    color: gray;
    cursor: default;
    opacity: .6;
    -moz-opacity: .6;
    filter: alpha(opacity=60);
}

.x-item-disabled * {
    color: gray;
    cursor: default !important;
}

.ext-shim {
    position:absolute;
    visibility:hidden;
    left:0;
    top:0;
    overflow:hidden;
}
.ext-ie .ext-shim {
    filter: alpha(opacity=0);
}

/********** Broker Buttons *****************/

/* override sidewidestyles.css to fit in broker buttons */

#BrokerButtons table
{
	margin:0 0 0 10px;
}

#BrokerButtons .contentBlock
{		
	display:inline;
}

.brokerButton
{	
	display:inline;
	width:170px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	padding-right:17px;
}

.motifButtonsWrapper
{
	margin-left:0;	
}

#BrokerExpandButtons
{		
	padding:0;
	margin-top:-1px;
	padding-bottom:5px;
	margin-left:-10px;
}

#brokertarget
{
	min-height:70px;	
	_height:70px;	
}


#BrokerButtons
{	
	padding-left:20px;
}