/* ******************************************************************************************** 
 * $Workfile: yui.specific.css $
 *
 * $Revision: 1 $
 * $Author: Admin $
 *
 * ******************************************************************************************** 
 * $History: yui.specific.css $
 * 
 * *****************  Version 1  *****************
 * User: Admin        Date: 25-05-10   Time: 10:35
 * Created in $/dev/Commodities/Commodities.Clearing/script
 * 
 * *****************  Version 24  *****************
 * User: Prf          Date: 24-05-10   Time: 18:01
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * 
 * *****************  Version 22  *****************
 * User: Prf          Date: 24-05-10   Time: 14:59
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * * change: colors and login page
 * 
 * *****************  Version 21  *****************
 * User: Rbm          Date: 27-04-10   Time: 11:37
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * !Fix: #7136
 * 
 * *****************  Version 20  *****************
 * User: Rbm          Date: 27-01-10   Time: 19:20
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * !Change: Major collateral change
 * 
 * *****************  Version 19  *****************
 * User: Dfc          Date: 7-01-10    Time: 19:04
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * 
 * *****************  Version 18  *****************
 * User: Prf          Date: 4-01-10    Time: 19:01
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * Add existing trades to a simulation
 * 
 * *****************  Version 17  *****************
 * User: Prf          Date: 9-12-09    Time: 19:34
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * Initial process for After-Trade Operations
 * 
 * *****************  Version 16  *****************
 * User: Prf          Date: 30-11-09   Time: 19:07
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * Trade Mangement presents info for initiator and aggressor
 * 
 * *****************  Version 15  *****************
 * User: Prf          Date: 9-11-09    Time: 16:19
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * Slider with inital calculus. A litle nicer
 * 
 * *****************  Version 14  *****************
 * User: Prf          Date: 6-11-09    Time: 19:05
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * First version of slider
 * 
 * *****************  Version 13  *****************
 * User: Prf          Date: 6-11-09    Time: 16:04
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * Nicer dummy date
 * 
 * *****************  Version 12  *****************
 * User: Prf          Date: 22-10-09   Time: 12:22
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * Add css for the sub-tabs of the Instrumet
 * 
 * *****************  Version 11  *****************
 * User: Prf          Date: 8-10-09    Time: 18:03
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * Applied the new banner.
 * Fix some AppID's
 * Fix the appearance of the addresses tabs in the accounts screens
 * 
 * *****************  Version 10  *****************
 * User: Prf          Date: 2-10-09    Time: 14:15
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * Prototype of CLFQ001
 * Confirmation frame of the CLPA002
 * Document Format on others
 * 
 * *****************  Version 9  *****************
 * User: Prf          Date: 30-09-09   Time: 18:26
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * Participant edition/creation screen with the correct tabs and inputs
 * 
 * *****************  Version 8  *****************
 * User: Rmp          Date: 25-09-09   Time: 10:51
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * * developed OMIP-1.2-5962
 * 
 * *****************  Version 7  *****************
 * User: Prf          Date: 25-09-09   Time: 10:16
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * Reduced the size of the menu button
 * 
 * *****************  Version 6  *****************
 * User: Rmp          Date: 23-09-09   Time: 18:32
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * * many enhancements and design corrections in top and left menu, as
 * well as in borders, backgrounds and font families.
 * 
 * *****************  Version 5  *****************
 * User: Rmp          Date: 23-09-09   Time: 16:30
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * * OMIP-1.2-5953: full development.
 * 
 * *****************  Version 4  *****************
 * User: Rmp          Date: 23-09-09   Time: 9:05
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * * OMIP-1.2-5926: finished developments.
 * 
 * *****************  Version 3  *****************
 * User: Rmp          Date: 22-09-09   Time: 18:12
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * * OMIP-1.2-5926: added styles for the top menu, based in a Tab View.
 * 
 * *****************  Version 2  *****************
 * User: Rmp          Date: 22-09-09   Time: 14:23
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * * developed: OMIP-1.2-5931, OMIP-1.2-5929, OMIP-1.2-5928
 * 
 * *****************  Version 1  *****************
 * User: Cmca         Date: 8-09-09    Time: 15:26
 * Created in $/dev/Commodities/Commodities.Clearing/script
 * 
 * *******************************************************************************************/


/* ############################################################################

			TAB VIEW STYLES

** ######################################################################### */

/* ****************************************************************************
 *	Common styles for TabView widget.
 * ***************************************************************************/

/* Hint: it's the <div> that surrounds the tab menu + contents. */
.yui-skin-sam .yui-tabViewHeaderCommon
{
	margin-left: 5px;
}

/* Hint: it's the <ul> that lists the tab menu items. */
.yui-skin-sam .yui-tabViewHeaderCommon .yui-tabViewTitlesCommon
{
	text-align: left;
	margin-left: 0px;
}

/* Hint: it's the <div> that surrounds the content associated to each tab. */
.yui-skin-sam .yui-tabViewHeaderCommon .yui-contentCommon
{
	background-color: #FFFFFF;
}

/* ****************************************************************************
 *	Appearance for Master Page's Tabs
 * ***************************************************************************/

/* Hint: it's the <div> that surrounds the tab menu + contents. */
.yui-skin-sam .yui-tabViewHeaderMasterPage
{
	margin-left: 0px;
	height: 100%;
}

/* Hint: it's the <ul> that lists the tab menu items. */
.yui-skin-sam .yui-tabViewHeaderMasterPage .yui-tabViewTitlesMasterPage
{
	width: 100%;
	margin-left: 210px;
}

/* Hint: it's the <div> that surrounds the content associated to each tab. */
.yui-skin-sam .yui-tabViewHeaderMasterPage .yui-contentMasterPage
{
	height: 100%;
	margin-left: 0px;
	padding: 0px;
}

.yui-contentTabDiv
{
	height: 100%;	
}

.yui-contentTabIFrame
{
	height: 100%;	
	width: 100%;	
}

/* ****************************************************************************
 *	Appearance for Instrument's Configurations Tabs
 * ***************************************************************************/

/* Hint: it's the <div> that surrounds the tab menu + contents. */
.yui-skin-sam .yui-tabViewHeaderInstrumentConfiguration
{
	min-height: 180px;
}

/* Hint: it's the <ul> that lists the tab menu items. */
.yui-skin-sam .yui-tabViewHeaderInstrumentConfiguration .yui-tabViewTitlesInstrumentConfiguration
{
	width: 150px;
}

/* Hint: it's the <div> that surrounds the content associated to each tab. */
.yui-skin-sam .yui-tabViewHeaderInstrumentConfiguration .yui-contentInstrumentConfiguration
{
	height: 180px;
	margin-left: 80px;
}

/* ****************************************************************************
 *	Appearance for Participant's Collaterals Main Tabs
 * ***************************************************************************/

/* Hint: it's the <div> that surrounds the tab menu + contents. */
.yui-skin-sam .yui-tabViewHeaderCollateralsTabs
{
}

/* Hint: it's the <ul> that lists the tab menu items. */
.yui-skin-sam .yui-tabViewHeaderCollateralsTabs .yui-tabViewTitlesCollateralsTabs
{
	width: 180px;
}

/* Hint: it's the <div> that surrounds the content associated to each tab. */
.yui-skin-sam .yui-tabViewHeaderCollateralsTabs .yui-contentCollateralsTabs
{
	min-height: 250px;
	margin-left: 110px;
}

/* ****************************************************************************
 *	Appearance for Participant's Collaterals Allocated / Shared Tabs
 * ***************************************************************************/

/* Hint: it's the <div> that surrounds the tab menu + contents. */
.yui-skin-sam .yui-tabViewHeaderAllocateShareTabs
{
}

/* Hint: it's the <ul> that lists the tab menu items. */
.yui-skin-sam .yui-tabViewHeaderAllocateShareTabs .yui-tabViewTitlesAllocateShareTabs
{
	width: 160px;
}

/* Hint: it's the <div> that surrounds the content associated to each tab. */
.yui-skin-sam .yui-tabViewHeaderAllocateShareTabs .yui-contentAllocateShareTabs
{
	min-height: 250px;
	margin-left: 90px;
}

/* ****************************************************************************
 *	Appearance for Account's Addresses Tabs
 * ***************************************************************************/

/* Hint: it's the <div> that surrounds the tab menu + contents. */
.yui-skin-sam .yui-tabViewHeaderAddressesTabs
{
}

/* Hint: it's the <ul> that lists the tab menu items. */
.yui-skin-sam .yui-tabViewHeaderAddressesTabs .yui-tabViewTitlesAddressesTabs
{
	width: 170px;
}

/* Hint: it's the <div> that surrounds the content associated to each tab. */
.yui-skin-sam .yui-tabViewHeaderAddressesTabs .yui-contentAddressesTabs
{
	min-height: 250px;
	margin-left: 100px;
}

/* ****************************************************************************
 *	Appearance for Trade's Operations Tabs
 * ***************************************************************************/

/* Hint: it's the <div> that surrounds the tab menu + contents. */
.yui-skin-sam .yui-tabViewHeaderTradeOperations
{
}

/* Hint: it's the <ul> that lists the tab menu items. */
.yui-skin-sam .yui-tabViewHeaderTradeOperations .yui-tabViewTitlesTradeOperations
{
	width: 100px;
}

/* Hint: it's the <div> that surrounds the content associated to each tab. */
.yui-skin-sam .yui-tabViewHeaderTradeOperations .yui-contentTradeOperations
{
	min-height: 250px;
	margin-left: 30px;
}

/* ****************************************************************************
 *	Appearance for After-Trade's Generation Tabs
 * ***************************************************************************/

/* Hint: it's the <div> that surrounds the tab menu + contents. */
.yui-skin-sam .yui-tabViewHeaderAfterTradeGeneration
{
}

/* Hint: it's the <ul> that lists the tab menu items. */
.yui-skin-sam .yui-tabViewHeaderAfterTradeGeneration .yui-tabViewTitlesAfterTradeGeneration
{
	width: 120px;
}

/* Hint: it's the <div> that surrounds the content associated to each tab. */
.yui-skin-sam .yui-tabViewHeaderAfterTradeGeneration .yui-contentAfterTradeGeneration
{
	min-height: 250px;
	margin-left: 50px;
}

/* ****************************************************************************
 *	Appearance for Margin Simulation Trade Tabs
 * ***************************************************************************/

/* Hint: it's the <div> that surrounds the tab menu + contents. */
.yui-skin-sam .yui-tabViewHeaderMarginSimulationTrades
{
}

/* Hint: it's the <ul> that lists the tab menu items. */
.yui-skin-sam .yui-tabViewHeaderMarginSimulationTrades .yui-tabViewTitlesMarginSimulationTrades
{
	width: 150px;
}

/* Hint: it's the <div> that surrounds the content associated to each tab. */
.yui-skin-sam .yui-tabViewHeaderMarginSimulationTrades .yui-contentMarginSimulationTrades
{
	min-height: 250px;
	margin-left: 80px;
}

/* ****************************************************************************
 *	Appearance for User Tabs
 * ***************************************************************************/

/* Hint: it's the <div> that surrounds the tab menu + contents. */
.yui-skin-sam .yui-tabViewHeaderUserPermissionsTabs
{
}

/* Hint: it's the <ul> that lists the tab menu items. */
.yui-skin-sam .yui-tabViewHeaderUserPermissionsTabs .yui-tabViewTitlesUserPermissionsTabs
{
	width: 100px;
}

/* Hint: it's the <div> that surrounds the content associated to each tab. */
.yui-skin-sam .yui-tabViewHeaderUserPermissionsTabs .yui-contentUserPermissionsTabs
{
	min-height: 250px;
	margin-left: 30px;
}

/* ############################################################################

			LAYOUT MANAGER STYLES

** ######################################################################### */

/* ****************************************************************************
 *	Common styles for Layout Manager widget.
 * ***************************************************************************/
.yui-skin-sam .yui-layoutTopHeader
{
	background-color: #FFFFFF;
}

.yui-skin-sam .layoutCenterContents
{
	background-color: #FFFFFF;
	height: 100%;
}

.yui-layoutTopHeaderSeparator
{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 10px;
	background: #EAE6E7;
}

/* ****************************************************************************
 *	Footer styles for Layout Manager widget.
 * ***************************************************************************/
.yui-footer
{
	width: 100%;
	height: 100%;
	background: #D0D0D0;
	border: solid 1 #AAAAAA;
}

/* ****************************************************************************
 *	Overrides to remove borders in left menu.
 * ***************************************************************************/
.yui-skin-sam .yui-layout .yui-layout-hd 
{
	border: 0px solid;
}
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-nohd
{
	border-top: 0px solid;
}
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd-noft
{
	border-bottom: 0px solid;
}
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd
{
	background-color: #FFFFFF;
	border: solid 1 #AAAAAA;
}

/* ############################################################################

			BUTTON GROUP STYLES

** ######################################################################### */

/* ****************************************************************************
 *	Top Pages (those that open from Top Menu) styles for Button Group object.
 * ***************************************************************************/
.yui-skin-sam .yui-buttongroup .yui-radio-button-leftMenu
{
	margin: 0;
	width: 158px;
	height: 45px;	
}

span.yui-radio-button-leftMenu > span
{
	width: inherit;
	height: inherit;
	text-align: center;
	vertical-align: middle;
}

span.yui-button-spanLeftMenu > button
{
	width: inherit;
	height: inherit;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-family: Arial;
}

.yui-skin-sam .yui-buttongroupTopMenu span.yui-button-spanTopMenu > button
{
	min-height: 0px;
	width: 100px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	font-family: Arial;
}

.yui-buttongroupLeftMenu
{
	height: 100%;
	background: #F2F2F2;
}

.yui-buttongroupTopMenu
{
	margin-left: 237px;	
}

/* ############################################################################

			SLIDER STYLES

** ######################################################################### */

.clSliderField
{
}

.clSlider
{
	float:left;
	width:200px;
}

.clSliderInfo
{
	float:left;
}

.clSliderPerc
{
	padding:2px;
	background-color:Yellow;
	border: solid 1px black;
	margin: 2px;
}

.clSliderValue
{
	padding:2px;
	background-color:Yellow;
	border: solid 1px black;
	margin: 2px;
}