/* ******************************************************************************************** 
 * $Workfile: jquery.specific.css $
 *
 * $Revision: 1 $
 * $Author: Admin $
 *
 * ******************************************************************************************** 
 * $History: jquery.specific.css $
 * 
 * *****************  Version 1  *****************
 * User: Admin        Date: 25-05-10   Time: 10:35
 * Created in $/dev/Commodities/Commodities.Clearing/script
 * 
 * *****************  Version 3  *****************
 * User: Prf          Date: 24-05-10   Time: 14:59
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * * change: colors and login page
 * 
 * *****************  Version 2  *****************
 * User: Dfc          Date: 13-01-10   Time: 19:01
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * 
 * *****************  Version 1  *****************
 * User: Prf          Date: 16-12-09   Time: 10:24
 * Created in $/dev/Commodities/Commodities.Clearing/script
 * !error: vss gave a get lastest error
 * 
 * *****************  Version 5  *****************
 * User: Prf          Date: 16-12-09   Time: 10:10
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * !fix: dont show the left menu blue background on IE7
 * 
 * *****************  Version 4  *****************
 * User: Prf          Date: 29-09-09   Time: 17:51
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * Alter the background image on the menus to be local to the project
 * 
 * *****************  Version 3  *****************
 * User: Prf          Date: 28-09-09   Time: 17:30
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * Left menu with initial version in all menus
 * 
 * *****************  Version 2  *****************
 * User: Rmp          Date: 28-09-09   Time: 11:54
 * Updated in $/dev/Commodities/Commodities.Clearing/script
 * * developments for OMIP-1.2-5948.
 * 
 * *****************  Version 1  *****************
 * User: Rmp          Date: 25-09-09   Time: 17:58
 * Created in $/dev/Commodities/Commodities.Clearing/script
 * * defensive check-in.
 * 
 * *******************************************************************************************/


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

			toChecklist STYLES

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

/* ****************************************************************************
 *	Common styles for toChecklit object.
 * ***************************************************************************/

/*
.jq-multilist
{
	width: 200px;
	text-align: left;
	font-family: Verdana;
	font-size: 9px;
}
*/

div.jq-multilist, div.jq-multilistHighlighted { overflow-y: auto; overflow-x: hidden; /* If you don't want scrollbars, leave this one blank. */ }
div.jq-multilist { border: 1px solid gray; border-left: 3px solid #ccc; color: #555; font-family: Verdana; font-size: 12px;  line-height: 1.6em; }
div.jq-multilistHighlighted { border: 1px solid gray; border-left: 3px solid #ffffa7; }

ul.jq-multilist { list-style-type: none; margin: 0; padding: 0; }
div.jq-multilist li { padding: 3px; }
div.jq-multilist li.even { background-color: white; }
div.jq-multilist li.odd { background-color: #f7f7f7; }
div.jq-multilist li.even:hover, div.jq-multilist li.odd:hover, div.jq-multilist li.focused, div.jq-multilist li:hover label { background-color: #dde; }
div.jq-multilist li.checked { background: #ffffa7; font-style: italic; }
div.jq-multilist li.checked:hover, div.jq-multilist li.checked:hover label { background: #ffff22; font-style: italic; }

div.jq-multilist label.disabled { color: #ddd; }

/*div.checklist li { position: relative; }*/
div.jq-multilist li input { display: block; float: left; }
div.jq-multilist label { display: block; margin: 0; padding: 0; }
div.jq-multilist label.leaveRoomForCheckbox { display: block; padding-left: 25px; /* If hiding checkboxes, set padding-left to 3px */ } 

ul.showSelectedItems { color: #770; font-size: .8em; list-style-position: outside; margin-left: 0; padding-left: 1.4em; }

/**** Search box ****/
div.findInList { margin-bottom: 5px; }
div.findInList input { background-color: #ffffef; border: solid 1px #eee; color: black; font-family: arial; font-size: .8em; padding: 2px; }
div.findInList input.blurred { background-color: white; color: gray; }

div.jq-multilist li.optgroup { font-size: 1.1em; font-weight: bold; font-style: italic; background-color: #ccc; border-top: 1px solid #777; border-bottom: 1px solid #777; padding-left: 7px; }
div.jq-multilist li.optgroup:hover { background-color: #ccc; }


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

			menuClearing STYLES

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

.leftMenuClearing .menuSelected
{
	background-color: #1B3D7C;
	color: #E1E4DD;
}

.menuSelected > div
{
	color: #E1E4DD;
	/*font-size: medium;*/
	font-weight: bold;
}

.leftMenuClearing > li
{
	text-align: center;
	vertical-align: middle;
	width: 100%;
	border-width: 1px 0;
	border-style: solid;
	border-color: #808080;
	/*background: #D8D8D8 url(../skins/sam/sprite.png) repeat-x 0 0;*/
	background-color: #EAE6E7;
	min-height: 45px;
}

.leftMenuClearing > li > div
{
	font-family: Verdana;
	height: inherit;
	vertical-align: middle;
	min-height: inherit;
}

.submenu
{
	display: none;
}

.submenu > li
{
	text-align: center;
	min-height: 1em;
	vertical-align: middle;
	border-width: 1px 0;
	border-style: solid;
	border-color: #808080;
	/*min-height: 25px;*/
}

.submenu > li > div
{
	background-color: #9A999A;
	font-family: Verdana;
	height: inherit;
	vertical-align: middle;
	min-height: inherit;
	font-size: small;
}

.submenu > li.subMenuSelected > div
{/*1B3D7C*/
	background-color: #5A6B8B;
	color: #E1E4DD;
	/*font-size: medium;*/
	font-weight: bold;
}