.oeHint
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

     .oeHintCaption
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #589FCB;
}
     
/*
	Лейба для панели аккаунт-символ
*/
 .accountSymbolLabel 
 {     	         
    border-style: none;
    padding: 2px;
    font-weight: bold;
    font-size: 8pt;
    color: #589FCB;
    font-family: Arial;
    text-decoration: none;
    vertical-align: middle;
    text-align: left;    
 }
     
    .reportLabel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
      
/*
	Панель MessageBox	
*/
.messageBoxPanel
{
	font-weight: bold;
	font-size: 10pt;
	color: gray;
	font-family: Arial;
	position: absolute;
	text-align: center;
	background-image: url('../Images/messageBox.png');
	background-color: transparent;
	background-repeat: no-repeat;
	border-width: 0px;
	border-style: none;
	top: 50%;
	left: 50%;
	width: 360px;
	height: 160px;
	margin: -80px 0px 0px -180px;
	z-index: 10;
	display: none;
}

._messageBoxPanel
{
	font-weight: bold;
	font-size: 10pt;
	color: gray;
	font-family: Arial;
	position: absolute;
	text-align: center;
	background-image: url('../Images/_messageBox.png');
	background-color: transparent;
	background-repeat: no-repeat;
	border-width: 0px;
	border-style: none;
	top: 50%;
	left: 50%;
	width: 360px;
	height: 160px;
	margin: -80px 0px 0px -180px;
	z-index: 10;
	display: none;
}

  
.newDialog
{
	background-color: transparent;
	width: 290px;
	height: 368px;
	background-image: url('../Images/dialog.png');
	background-repeat: no-repeat;
	top: 50%;
	left: 50%;
	margin: -170px 0px 0px -145px;
	z-index: 10;
	position: absolute;
	display: none;
}

._newDialog
{
	background-color: transparent;
	width: 290px;
	height: 368px;
	background-image: url('../Images/_dialog.png');
	background-repeat: no-repeat;
	top: 50%;
	left: 50%;
	margin: -170px 0px 0px -145px;
	z-index: 10;
	position: absolute;
	display: none;
}
      
.newDialogCaption
{
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	/*color: #0B4DAE;*/
	color: #5c6d85;
	text-align: left;	
}
      
.newButton
{
	border-style: none;
	border-width: 0px;
	background-image: url('../Images/button.png');
	background-repeat: no-repeat;
	background-color:Transparent;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-position:0px 0px;
	outline:none;
	width:101px;
	height:32px;
}
.newButton:hover
{
	background-image: url('../Images/button.png');
	background-repeat: no-repeat;
	background-position:0px -33px;
}

.chatButton
{
	border-style: none;
	border-width: 0px;
	background-image: url('../Images/chatButton.png');
	background-repeat: no-repeat;
	background-color:Transparent;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:102px;
	height:29px;
	outline:none;
	background-position:0px 0px;
}
.chatButtonNoHover
{
	border-style: none;
	border-width: 0px;
	background-image: url('../Images/chatButton.png');
	background-repeat: no-repeat;
	background-color:Transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:102px;
	height:29px;
	outline:none;
	background-position:0px 0px;
}
.chatButton:hover
{
	background-image: url('../Images/chatButton.png');
	background-repeat: no-repeat;
	background-position:0px -30px;
}
.settingsButton
{
	border-style: none;
	border-width: 0px;
	background-image: url('../Images/settingsButton.png');
	background-repeat: no-repeat;
	background-color:Transparent;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:102px;
	height:29px;
	background-position:0px 0px;
}
.settingsButton:hover
{
	background-image: url('../Images/settingsButton.png');
	background-repeat: no-repeat;
	background-position:0px -30px;
}
._newButton
{
	border-style: none;
	border-width: 0px;
	background-image: url('../Images/_button.png');
	background-repeat: no-repeat;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}    
._newButton:hover
{
	background-image: url('../Images/_buttonActive.png');
	background-repeat: no-repeat;
}

.instrumentButton
{
	border-style: none;
	border-width: 0px;
	background-image: url('../Images/instrumentButton.png');
	/*background-repeat: no-repeat;*/
	cursor: pointer;
	background-color:Transparent;
}

.instrumentButton:hover
{
	background-image: url('../Images/instrumentButtonActive.png');
	/*background-repeat: no-repeat;*/
	background-color:Transparent;
}

.upButton:hover
{
	border-style: solid;
	border-width: 2px;
	border-color: #BAC4CC;
}

.downButton:hover
{
	border-style: solid;
	border-width: 2px;
	border-color: #BAC4CC;
}
 
.centerPanelTab
{
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}

.centerPanelTabPassive
{
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	cursor:default;
}      

#topMenu
{
	text-align: left;
}

.longButton
{
	background-image:url('../Images/longButton.png');
	background-repeat:no-repeat;
	border-style:none;
	border-width:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	width:103px;
	height:23px;
	cursor:pointer;
	background-position:0px 0px;
}

.longButton:hover
{
    background-image:url('../Images/longButton.png');
    background-repeat:no-repeat;
    background-position:0px -24px;
}

.shortButton
{
	background-image:url('../Images/shortButton.png');
	background-repeat:no-repeat;
	border-style:none;
	border-width:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	width:72px;
	height:23px;
	cursor:pointer;
	outline:none;
	background-position:0px 0px;
}

.shortButton:hover
{
    background-image:url('../Images/shortButton.png');
    background-repeat:no-repeat;
    background-position:0px -24px;
}

.loginButton
{
	/*background-image: url('../Images/loginButton.png');*/
	background-image: url('../Images/loginButton.png');
	background-repeat: no-repeat;  
    background-position:0 0;
}
.loginButton:hover
{
	/*background-image: url('../Images/loginButtonActive.png');*/
	background-image: url('../Images/loginButton.png');
	background-repeat: no-repeat;  
    background-position:0px -33px;
}
       /* 
		Кнопка для действий
	*/
.ActionButton
{
	border-style: none;
	border-width: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	height: 17px;
	width: 60px;
	background-image: url('../Images/tabeButton.png');
	background-repeat: no-repeat;
}

.ActionButton:hover
{
	background-image: url('../Images/tableButtonActive.png');
	background-repeat: no-repeat;
}

.DepositButton
{
	border-style: none;
	border-width: 0px;
	height: 32px;
	width: 102px;
	background-image: url('../Images/depositButton.png');
	background-repeat: no-repeat;
	background-color:Transparent;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	outline:none;
	background-position:0px 0px;
}

.DepositButton:hover
{
	background-image: url('../Images/depositButton.png');
	background-position:0px -33px;
}

.EditButton
{
	border-style: none;
	border-width: 0px;
	height: 16px;
	width: 16px;
	background-image: url('../Images/edit.png');
	background-repeat: no-repeat;
	background-color:Transparent;
	cursor: pointer;
}

.DeleteButton
{
	border-style: none;
	border-width: 0px;
	height: 16px;
	width: 16px;
	background-image: url('../Images/delete.png');
	background-repeat: no-repeat;
	background-color: Transparent;
	cursor: pointer;
}

.aspControl
{
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

    .NewTableHeaderRow
{
	padding: 3px 5px 3px 5px;
	height: 17px;
	font-size: 11px;
	font-weight: bold;
	color: #589FCB;
	font-family: Arial;
	background-image: url('../Images/newStatus.gif');
	background-repeat: repeat-x;
}

    .NewTableHeaderCell
{
	padding: 3px 5px 3px 5px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	white-space: nowrap;
	
}

  .chartThumbPanel
{
	padding: 10px;	
	cursor: pointer;
	width: 181px;
	height: 92px;
}
  .chartThumbPanelFreeze
{
	padding: 10px;
	cursor: pointer;
	width: 180px;
	height: 90px;
}

.accountLabel
{
	font-size: 9px;
	font-family: 'Tahoma';
	color: #808080;
	margin:2px;
}
.accountLabelPrice
{
	font-size: 9px;
	font-family: 'Tahoma';
	color: #000000;
	margin:2px;
}

.chartPanel
{
	border: 1px solid #9EBACA;
}


.panelThumbPanel
{
	padding: 14px;	
	width: 80px;
	height: 52px;
	font-size: 9px;
	font-family: 'Microsoft Sans Serif';
	cursor: pointer;
	text-align: center;
	color: #666666;
}

.panelThumbPanelFreeze
{
	padding: 14px;
	background-image: url('../Images/panelThumbFreeze.png');
	background-repeat: no-repeat;
	width: 52px;
	height: 52px;
	font-size: 9px;
	font-family: 'Microsoft Sans Serif';
	cursor: pointer;
	text-align: center;
	color: #666666;
}

.ModifyOrderSpan
{
	padding: 2px 2px 2px 0px;
	font-weight: normal;
	font-size: 8pt;
	color: black;
	font-family: Arial;
	text-decoration: none;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	text-align: left;
	border-bottom-style: none;
	position: absolute;
	width: 70px;
	height: 15px;
}


.ModifyOrderLabel
{
	padding: 2px 2px 2px 10px;
	font-weight: normal;
	font-size: 8pt;
	color: black;
	font-family: Arial;
	text-decoration: none;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	text-align: left;
	border-bottom-style: none;
	width: 80px;
}

.cellPrice1
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.cellPrice2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	}
.cellPrice3
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.cellPrice1,.cellPrice2,.cellPrice3
{
	color: #808080;
}

.OEButton
{
	border-style: none;
	border-width: 0px;
	font-weight: bold;
	background-image: url('../Images/transparent.gif');
}

.OELabel
{
	padding: 2px;
	font-weight: normal;
	font-size: 8pt;
	color: black;
	font-family: Arial;
	text-decoration: none;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	text-align: left;
	border-bottom-style: none;
	width: 80px;
}

.ActivePanelCaption
{
	cursor: default;
	vertical-align: middle;
	font-weight: bold;
	height: 16px;
}

.PassivePanelCaption
{
	cursor: pointer;
	vertical-align: middle;
	color: #C0C0C0;
	height: 16px;
}
.PassivePanelCaption:hover
{
	cursor: pointer;
	text-decoration: underline;
}

.ActionControl
{
	padding: 5px 10px 3px 10px;
	background-repeat: no-repeat;
	background-position: center top;
	vertical-align: bottom;
	text-align: center;
	width: 50px;
	font-family: Tahoma;
	font-size: 10px;
	cursor: pointer;
	display: none;
}

.ActionControl:hover
{
	border: 1px dotted #472407;
	background-color: #FAD969;	
}

    /* 
		
	*/
	.NewTableCaption
{
	border: 1px solid #666666;
	text-align: left;
	background-image: url('../Images/GroupHeader.gif');
	background-repeat: repeat-x;
	height: 16px;
	color: #FFFFFF;
	padding-left: 4px;
	white-space: nowrap;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 1px;
	font-weight: normal;
	font-size: 11px;
	font-family: Tahoma;
	display: block;
	vertical-align: top;
}


  /* 
		
	*/
	.NewTableCaptionText
{			
	width: 100%;	
	display: block;
	vertical-align: top;
	color: red;
}

/* 
	Стиль для контролов
*/
.control
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	left: 0px;
	top: 0px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
	width: 80px;
	vertical-align: bottom;
	height: 15px;
}

.combo
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	left: 0px;
	top: 0px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
	width: 96px;
	vertical-align: bottom;
	height: 20px;
}

.OENumeric
{
	font-weight: normal;
	font-size: 8pt;
	color: black;
	font-family: Arial;	
	width: 96px;		
}

/* 
	Лейба для панели настроек
*/
.settingsLabel
{
	font-size: 8pt;
	/*color: gray;*/
	font-family: Arial;
	text-align: left;
	color:#5c6d85;
}

/* 
	Второстепенная кнопка
*/
.smallButton
{
	font-size: 8pt;
	color: black;
	font-family: Arial;
	left: 0px;
	top: 0px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
	width: 85px;
	vertical-align: middle;
	cursor: pointer;
	height: 24px;
	text-align: center;
}

.label
{
	font-weight: normal;
	font-size: 8pt;
	color: black;
	font-family: Arial;
	text-decoration: none;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	text-align: left;
	border-bottom-style: none;
	width: 70px;
}

/* 
	Лейбы
*/


	
/* 
	Панель под контролы
*/
.controlPanel
{
	border-right: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	left: 0px;
	border-left: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
	position: absolute;
	top: 0px;
	background-color: ghostwhite;
	font-weight: normal;
	font-size: 8pt;
	color: black;
	font-family: Arial;
	text-decoration: none;
}

.oePanel
{
	border-right: gainsboro 1px solid;
	border-top: gainsboro 1px solid;
	border-left: gainsboro 1px solid;
	border-bottom: gainsboro 1px solid;
	font-weight: normal;
	font-size: 8pt;
	color: black;
	font-family: Arial;
	text-decoration: none;
	background-color: ghostwhite;
	border-width: 0px;
	border-style: none;
	background-repeat: no-repeat;
}




/*
   Панель которая блокирует контролы
*/
.loadingPanel
{
	filter: alpha(opacity=60);
	background-color: #FFFFFF;
	opacity: 0.6;
	margin: 0px;
	background-color: white;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
	display: none;
}

/*
    Заголовок для окна
*/
.caption
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	left: -1px;
	background-image: url(../Images/GroupHeader.gif);
	vertical-align: middle;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	position: absolute;
	top: -1px;
	background-color: #6a99cd;
	text-align: left;
	height: 10px;
	font-weight: bold;
	font-size: 10pt;
	color: white;
	font-family: Arial;
	width: 290px;
	height: 20px;
	padding-left: 10px;
	padding-top: 2px;
	background-repeat: repeat-x;
}

/*
    Кнопки на панели "Tool"
*/
.collapsePanelButton
{
	border-right: darkorange 1px solid;
	border-top: darkorange 1px solid;
	font-size: 8pt;
	visibility: visible;
	border-left: darkorange 1px solid;
	cursor: pointer;
	color: #000000;
	border-bottom: darkorange 1px solid;
	font-family: Arial;
	background-color: moccasin;
	width: 100px;
	height: 18px;
}

/*
    Кнопка Colapse на панели Collapse
*/
.collapsePanelCollapseButton
{
	background-color: white;
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	font-weight: bold;
	font-size: 13pt;
	left: 9px;
	border-left: darkgray 1px solid;
	width: 20px;
	color: darkgray;
	border-bottom: darkgray 1px solid;
	font-family: Arial;
	position: absolute;
	top: 2px;
	height: 17px;
	cursor: pointer;
}


/*
   Элемент группы
*/
.GroupItem
{
	padding-top: 3px;
	padding-bottom: 2px;	
	cursor: pointer;
	text-align: left;
	border-right: #7b7b7b 1px;
	border-top: #7b7b7b 1px;
	border-left: #7b7b7b 1px;
	border-bottom: #7b7b7b 1px;
	width: 120px;
	height: 10px;
	font-size: 8pt;
	color: #4b3dcd;
	font-family: Verdana;
	left: 30px;
	position: relative;
	text-decoration: underline;
	font-weight: bold;
	top: 0px;
	display: block;
	visibility: visible;
}

/*
	Заголовок группы
*/
.GroupHeader
{
	cursor: pointer;
	font-weight: bold;
	font-size: 8.5pt;
	color: white;
	font-family: Tahoma;
	text-decoration: none;
	text-align: center;
	background-color: transparent;
	border-right: #7b7b7b 1px solid;
	border-top: #7b7b7b 1px solid;
	border-left: #7b7b7b 1px solid;
	border-bottom: #7b7b7b 1px solid;
	width: 80px;
	background-image: url(../Images/GroupHeader.gif);
	background-repeat: repeat-x;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 2px;
	padding-top: 3px;
	left: 0px;
	position: relative;
	top: 0px;
}

/*
Разделитель группы
*/
.GroupSeparator
{
	width: 70%;
	text-align: center;
	padding-bottom: -5px;
	margin: -5px;
}

/*
   Панель под групповым контролом
*/
.GroupMainPanel
{
	background-color: #fbfbff;
	border-right: dimgray 1px solid;
	border-top: dimgray 1px solid;
	border-left: dimgray 1px solid;
	border-bottom: dimgray 1px solid;
	padding-bottom: 5px;
	padding-top: 6px;
	top: 0px;
	left: 0px;
	position: relative;
}

/*  *******************************************************************************
									TOOL panel
  ********************************************************************************/


.ToolPanel
{
	/*
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
	background-image: url(../Images/toolPanelMain2.gif);
	background-repeat: repeat-x;*/
}

/*
    Активная кнопка на панели TOOL
*/
.ToolPanelActiveButton
{
	font-size: 8pt;
	font-family: Arial;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 1px;
	padding-top: 0px;

	color: #5f5f5f;
	width: 130px;
	height: 18px;
	position: absolute;
	top: 2px;
}



.ToolPanelPassiveButton
{
	font-size: 8pt;
	font-family: Arial;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 1px;
	padding-top: 0px;

	color: #5f5f5f;
	width: 130px;
	height: 16px;
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
	background-color: ghostwhite;
	position: absolute;
	top: 3px;
}

/*
   Панель статуса
*/
.StatusPanel
{
	font-size: 8pt;
	font-family: Arial;
	color: dimgray;
}

/*
    Заголовок таблицы
*/
.TableHeaderPanel
{
	border-right: activeborder 1px solid;
	border-top: activeborder 1px solid;
	font-weight: normal;
	font-size: 8pt;
	border-left: activeborder 1px solid;
	border-bottom: activeborder 1px solid;
	font-family: Arial;
	background-color: moccasin;
}

.StatusPanelLabel
{
	font-size: 8pt;
	font-family: Arial;
	font-weight: bold;
	color: midnightblue;
	text-align: center;
}



.InformerScin
{
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
	background-color: gainsboro;
	width: 100px;
	position: static;
	height: 100px;
	clear: none;
	float: left;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin: 2px;	
}

.CellHeader
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	vertical-align: middle;
	border-left: black 1px solid;
	width: 100%;
	color: #ffffff;
	border-bottom: black 1px solid;
	font-family: Arial;
	position: static;
	height: 20px;
	background-color: navy;
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	font-weight: bold;
	font-size: 10pt;
}


/* кнопки отображения данных */

.activeViewModeButton
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	color: darkred;
	font-size: 7pt;
	font-family: Arial;
	background-color: silver;
	z-index: 2;
	position: absolute;
}

.passiveViewModeButton
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-size: 7pt;
	color: dimgray;
	font-family: Arial;
	background-color: gainsboro;
	z-index: 2;
	position: absolute;
	cursor: pointer;
}


.settingsLabel
{

    border-style: none;
    padding: 2px 2px 2px 10px;
    font-weight: normal;
    font-size: 8pt;
    color: black;
    font-family: Arial;
    text-decoration: none;
    vertical-align: middle;
    text-align: left;
    width: 80px;
        
}

.settingsMover
{
	background-color: transparent;
	border-style: none;
	border-width: 0px;
	cursor: pointer;
}

.headerLink
{
	font-family:Arial;
	font-size: 10pt;
	color: #06c;
	outline:none;
}

.headerLink:hover
{
	color:#01a8ff;
}

.tabIcon
{
	border:none;
	vertical-align:middle;
}

.tabItem
{
	padding: 2px 6px 2px 6px;
	font-family:Arial; 
	font-size:10pt;
}
/*Header buttons*/
.tradingButton
{
	border:none;
	/*background-image: url('../Images/tradingButtonNormal.png');*/
	background-image: url('../Images/tradingButton.png');
	background-repeat:no-repeat;
	background-color:Transparent;
	cursor:pointer;
	width:103px;
	height:53px;
	font-family:Arial;
	font-size:11px;
	text-align:center;
	background-position:0px 0px;
}

.tradingButtonSelected
{
	border:none;
	/*background-image: url('../Images/tradingButtonSelected.png');*/
	background-image: url('../Images/tradingButton.png');
	background-repeat:no-repeat;
	background-color:Transparent;
	cursor:pointer;
	width:103px;
	height:53px;
	font-family:Arial;
	font-size:11px;
	text-align:center;
	background-position:0px -108px;
}

.tradingButton:hover
{
	/*background-image:url('../Images/tradingButtonHover.png');*/
	background-image: url('../Images/tradingButton.png');
	background-position:0px -54px;
}

.accountButton
{
	border:none;
	/*background-image: url('../Images/accountButtonNormal.png');*/
	background-image: url('../Images/accountInfoButton.png');
	background-repeat:no-repeat;
	background-color:Transparent;
	cursor:pointer;
	width:103px;
	height:53px;
	font-family:Arial;
	font-size:11px;
	text-align:center;
	background-position:0px 0px;
}

.accountButtonSelected
{
	border:none;
	/*background-image: url('../Images/accountButtonSelected.png');*/
	background-image: url('../Images/accountInfoButton.png');
	background-repeat:no-repeat;
	background-color:Transparent;
	cursor:pointer;
	width:103px;
	height:53px;
	font-family:Arial;
	font-size:11px;
	text-align:center;
	background-position:0px -108px;
}

.accountButton:hover
{
	/*background-image:url('../Images/accountButtonHover.png');*/
	background-image: url('../Images/accountInfoButton.png');
	background-position:0px -54px;
}

.generalButton
{
	border:none;
	background-image: url('../Images/generalButton.png');
	background-repeat:no-repeat;
	background-color:Transparent;
	cursor:pointer;
	width:103px;
	height:53px;
	font-family:Arial;
	font-size:11px;
	text-align:center;
	background-position:0px 0px;
}

.generalButtonSelected
{
	border:none;
	background-image: url('../Images/generalButton.png');
	background-repeat:no-repeat;
	background-color:Transparent;
	cursor:pointer;
	width:103px;
	height:53px;
	font-family:Arial;
	font-size:11px;
	text-align:center;
	background-position:0px -108px;
}

.generalButton:hover
{
	background-image:url('../Images/generalButton.png');
	background-position:0px -54px;
}

.sessionsButton
{
	border:none;
	background-image: url('../Images/sessionsButton.png');
	background-repeat:no-repeat;
	background-color:Transparent;
	cursor:pointer;
	width:103px;
	height:53px;
	font-family:Arial;
	font-size:11px;
	text-align:center;
	background-position:0px 0px;
}

.sessionsButtonSelected
{
	border:none;
	background-image: url('../Images/sessionsButton.png');
	background-repeat:no-repeat;
	background-color:Transparent;
	cursor:pointer;
	width:103px;
	height:53px;
	font-family:Arial;
	font-size:11px;
	text-align:center;
	background-position:0px -108px;
}

.sessionsButton:hover
{
	background-image:url('../Images/sessionsButton.png');
	background-position:0px -54px;
}

.instrumentsButton
{
	border:none;
	background-image: url('../Images/instrumentsButton.png');
	background-repeat:no-repeat;
	background-color:Transparent;
	cursor:pointer;
	width:103px;
	height:53px;
	font-family:Arial;
	font-size:11px;
	text-align:center;
	background-position:0px 0px;
}

.instrumentsButtonSelected
{
	border:none;
	background-image: url('../Images/instrumentsButton.png');
	background-repeat:no-repeat;
	background-color:Transparent;
	cursor:pointer;
	width:103px;
	height:53px;
	font-family:Arial;
	font-size:11px;
	text-align:center;
	background-position:0px -108px;
}

.instrumentsButton:hover
{
	background-image:url('../Images/instrumentsButton.png');
	background-position:0px -54px;
}

.brandingButton
{
	border:none;
	background-image: url('../Images/brandingButton.png');
	background-repeat:no-repeat;
	background-color:Transparent;
	cursor:pointer;
	width:103px;
	height:53px;
	font-family:Arial;
	font-size:11px;
	text-align:center;
	background-position:0px 0px;
}

.brandingButtonSelected
{
	border:none;
	background-image: url('../Images/brandingButton.png');
	background-repeat:no-repeat;
	background-color:Transparent;
	cursor:pointer;
	width:103px;
	height:53px;
	font-family:Arial;
	font-size:11px;
	text-align:center;
	background-position:0px -108px;
}

.brandingButton:hover
{
	background-image:url('../Images/brandingButton.png');
	background-position:0px -54px;
}

.settingsAdminButton
{
	border:none;
	background-image: url('../Images/settingsButtonNormal.png');
	background-repeat:no-repeat;
	background-color:Transparent;
	cursor:pointer;
	width:103px;
	height:53px;
	font-family:Arial;
	font-size:11px;
	text-align:center;
}

.settingsAdminButtonSelected
{
	border:none;
	background-image: url('../Images/settingsButtonSelected.png');
	background-repeat:no-repeat;
	background-color:Transparent;
	cursor:pointer;
	width:103px;
	height:53px;
	font-family:Arial;
	font-size:11px;
	text-align:center;
}

.settingsAdminButton:hover
{
	background-image:url('../Images/settingsButtonHover.png');
}

.layoutButton
{
	border:none;
	background-image: url('../Images/layoutButton.png');
	background-repeat:no-repeat;
	background-color:Transparent;
	cursor:pointer;
	width:103px;
	height:53px;
	font-family:Arial;
	font-size:11px;
	text-align:center;
	background-position:0px 0px;
}

.layoutButtonSelected
{
	border:none;
	background-image: url('../Images/layoutButton.png');
	background-repeat:no-repeat;
	background-color:Transparent;
	cursor:pointer;
	width:103px;
	height:53px;
	font-family:Arial;
	font-size:11px;
	text-align:center;
	background-position:0px -108px;
}

.layoutButton:hover
{
	background-image:url('../Images/layoutButton.png');
	background-position:0px -54px;
}
/* Header Buttons End*/
.leftTradeButton
{
	background-image:url('../Images/leftTradeButton.png');
	width:64px;
	height:23px;
	border-width: 0px; 
	border-style: none; 
	text-align: center;
	cursor: pointer;
	background-color: transparent;
}

.leftTradeButton:hover
{
	background-image:url('../Images/leftTradeButtonHover.png');
}

.rightTradeButton
{
	background-image:url('../Images/rightTradeButton.png');
	width:64px;
	height:23px;
	border-width: 0px; 
	border-style: none; 
	text-align: center;
	cursor: pointer;
	background-color: transparent;
}

.rightTradeButton:hover
{
	background-image:url('../Images/rightTradeButtonHover.png');
}

.betsTradeButton
{
	background-image:url('../Images/betsTradeButton.png');
	width: 202px;
	height: 28px;
	border-style:none;
	border-width:0px;
	cursor:pointer;
	background-position:0px 0px;
}

.betsTradeButton:hover
{
	background-image:url('../Images/betsTradeButton.png');
	background-position:0px -29px;
}

.chartPeriodButton
{
	background-image:url('../Images/chartPeriodButton.png');
	border-style:none;
	border-width:0px;
	cursor:pointer;
	width:102px;
	height:28px;
	font-family:Arial;
	font-size:11px;
	outline:none;
	background-position:0px 0px;
}

.chartPeriodButton:hover
{
	background-image:url('../Images/chartPeriodButton.png');
	background-position:0px -29px;
}

.chartPeriodButtonSelected
{
	background-image:url('../Images/chartPeriodButton.png');
	border-style:none;
	border-width:0px;
	cursor:pointer;
	width:102px;
	height:28px;
	font-family:Arial;
	font-size:11px;
	outline:none;
	background-position:0px -58px;
}

.chartRightButton
{
	background-image:url('../Images/chartRightButton.png');
	background-color:Transparent;
	border:none;
	cursor:pointer;
	width:18px;
	height:17px;
	outline:none;
	background-position:0px 0px;
}

.chartRightButton:hover
{
	background-image:url('../Images/chartRightButton.png');
	background-position:0px -18px;
}

.chartRightAllButton
{
	background-image:url('../Images/chartRightAllButton.png');
	background-color:Transparent;
	border:none;
	cursor:pointer;
	width:18px;
	height:17px;
	outline:none;
	background-position:0px 0px;
}

.chartRightAllButton:hover
{
	background-image:url('../Images/chartRightAllButton.png');
	background-position:0px -18px;
}

.chartLeftButton
{
	background-image:url('../Images/chartLeftButton.png');
	background-color:Transparent;
	border:none;
	cursor:pointer;
	width:18px;
	height:17px;
	outline:none;
	background-position:0px 0px;
}

.chartLeftButton:hover
{
	background-image:url('../Images/chartLeftButton.png');
	background-position:0px -18px;
}

.chartLeftAllButton
{
	background-image:url('../Images/chartLeftAllButton.png');
	background-color:Transparent;
	border:none;
	cursor:pointer;
	width:18px;
	height:17px;
	outline:none;
	background-position:0px 0px;
}

.chartLeftAllButton:hover
{
	background-image:url('../Images/chartLeftAllButton.png');
	background-position:0px -18px;
}

.chartZoomAllButton
{
	background-image:url('../Images/chartZoomAllButton.png');
	background-color:Transparent;
	border:none;
	cursor:pointer;
	width:18px;
	height:17px;
	outline:none;
	background-position:0px 0px;
}

.chartZoomAllButton:hover
{
	background-image:url('../Images/chartZoomAllButton.png');
	background-position:0px -18px;
}

.chartZoomOutButton
{
	background-image:url('../Images/chartZoomOutButton.png');
	background-color:Transparent;
	border:none;
	cursor:pointer;
	width:18px;
	height:17px;
	outline:none;
	background-position:0px 0px;
}

.chartZoomOutButton:hover
{
	background-image:url('../Images/chartZoomOutButton.png');
	background-position:0px -18px;
}

.chartZoomInButton
{
	background-image:url('../Images/chartZoomInButton.png');
	background-color:Transparent;
	border:none;
	cursor:pointer;
	width:18px;
	height:17px;
	outline:none;
	background-position:0px 0px;
}

.chartZoomInButton:hover
{
	background-image:url('../Images/chartZoomInButton.png');
	background-position:0px -18px;
}

.newLayoutButton
{
	background-image:url('../Images/newLayoutButton.png');
	background-color:Transparent;
	border:none;
	cursor:pointer;
	width:103px;
	height:23px;
	outline:none;
}

.newLayoutButton:hover
{
	background-image:url('../Images/newLayoutButtonHover.png');
}