/*
' ********************************************************
'	Questionmark Perception Enterprise Manager
'	Copyright (c) Question Mark Computing Ltd. 2004
'	Main.css
'	last modified March 2004
'	version 4.0.0
'	
'	Main stylesheet for Enterprise Manager
'	Styles in this sheet can be modifed by users to control the colors and fonts
' ********************************************************
*/

/* General definition used by all pages in EM */
body
{
	font-size:8pt; 
	font-family:tahoma;
	color: #3f3d3d;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	cursor:default;
}

/* Applies to all rows (especially the group header font size in the side menus) */
td
{
	font-size:8pt;	
}

/* Applies to all labels */
span
{
	font-size:8pt;
}

/* Applies to all <A> tags. Includes all <A HREF=".."> links */
A
{
	font-size:8pt; 
	color: #215DC6;
}

/* Applies to all <A> tags when hovered. Includes all <A HREF=".."> links */
A:hover
{
	text-decoration: underline;
	cursor:hand;
}



/* 
' ********************************************************
'	Miscellaneous control definitions 
' ********************************************************
*/

/* Applies to the user name on the side menu*/
.UserName
{
	font-style:italic;	
}

/* Applies to the error message displayed when login failed ip restiction */
.ErrorLabel
{
	color:Red;
	font-weight:bold;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 450px;
}

/* Applies to the licensing message displayed when login failed due to licensing error, or the license is due to expire soon */
.LicenseLabel
{
	color:Red;
	font-weight:bold;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-left: 10px;
	width: 450px;
}

/* Applies to Username and Password label on the login page */
.LoginLabel
{
	font-size: 12px;
}

/* Applies to the module links that appear on the front page of each top level section e.g. in Browser Based Authoring main page*/
.HeaderLink
{
	font-weight:bold;
	font-size:14px;
}

/* Applies to the images that appear on the front page of each top level section e.g. in Browser Based Authoring main page */
.MainImageTD
{
	vertical-align:top;
	padding: 0 30 10 20;
	width: 0%;
}

/* Applies the global links images (only relevant if the global links are not set to appear on the side menun in the skin*/
.GlobalImage
{
	margin-left:20px;
}

/* Applies the global links images (only relevant if the global links are not set to appear on the side menun in the skin */
.GlobalLink
{
	margin-right:20px;
}



/* 
' ********************************************************
'	Tree settings  - used in the assessment folder and topic trees 
' ********************************************************
*/

/* Applies to the whole tree */
.Tree 
{
	padding-left:5px;
	cursor:default;
}

/* Applies to disabled tree items */
.TreeDisabled 
{
}

/* Applies to hilited tree items */
.TreeHilite 
{
	background:#C6D3F6;
	cursor:default;
}

/* Applies to tree islands */
.TreeIsland 
{
	cursor:default;
}

/* Applies to tree items */
.TreeItem 
{
	cursor:default;
}

/* Applies to hovered tree items */
.TreeHover 
{
	color:#006699; 
	text-decoration:underline; 
	cursor:hand;
}

/* Applies to the header item of the tree */
.TreeHeader 
{
	margin:0 0 0 4;
	cursor:default;
}


	
/* 
' ********************************************************
'	Grid settings  - used in the assessment and question grids
'	KFO050427 - Also used in License Download Grid
' ********************************************************
*/

/* Applies to the whole grid */ 
.GridCell
{
	padding-left:5px;
	padding-right:5px;
}

/* Applies to header row of the grid */ 
.GridHeader 
{
	background-color: #E7E7E7; 
	text-align: left;
	height: 20px;
}

/* Applies to rows of the grid */ 
.GridRow 
{
	cursor:default;
}

/* Applies to selected rows of the grid */ 
.GridRowSelected 
{
	background: #C6D3F6; 
	cursor:default;
}

/*
' License Download Stuff Starts Here
*/

table.LicenseGridTable
{
	width:100%;
}

tr.LicenseGridHeader 
{
	background-color: #C5C5C5; 
	height: 20px;
	font-weight:bolder;
}

tr.LicenseGridSelected
{
	background-color: #E1E1E1; 
	height: 20px;
}

tr.LicenseGridRow 
{
	height: 20px;
}

td.License_Description
{
	text-align:left; 
	padding:4px; 
}
td.License_LicenseID 
{
	width:150px; 
	text-align:left; 
	padding:4px; 
}
td.License_Expires
{
	width:70px; 
	text-align:left; 
	padding:4px; 
}

td.License_Organization
{
	width:150px; 
	text-align:left; 
	padding:4px; 
}


/*
' ********************************************************
'	Top Menu settings
' ********************************************************
*/

/* Applies to the menu bar row
	Set background-image property to define the background image for the whole menu bar 
	(note: the background colour must be empty for the image to appear). 
	To repeat the image add the following property: background-repeat:repeat-x; */
.MenuBar 
{	
	background:#B2CDF7; 
	width: 100%; 
	height: 23px; 
	background-image: url(../images/None); 
	border-color:#000000; 
	border-style:solid; 
	border-width:1px;
	font-size:8pt; 
}

/* Applies to the whole menu */
.MenuIslandClass 
{ 
	color:#000000; 
	cursor:default;
	font-size:8pt; 
	background-color: #F6F6F6;
}

/* Applies to the items in the top level of the menu
	Set background-image property to define the background image for each root menu item 
	(note: the background colour must be empty for the image to appear) */
.TopClass 
{ 
	background:#B2CDF7;
	color:#000000; 
	border-color:#B2CDF7;
	border-style:solid; 
	border-width:1px;
	background-image: url(../images/None); 
	font-size:8pt; 
	padding-left: 5px;
	padding-right: 5px;
}

/* Applies to the hovered items in the top level of the menu
	Set background-image property to define the background image for each root menu item when the item is hovered 
	(note: the background colour must be empty for the image to appear) */
.TopHover 
{ 
	/*background-image: url(../images/None); */ 
	background:#FFE1AC; 
	color:#000000; 
	cursor:hand;
	border-style:solid; 
	border-width:1px; 
	border-color:#000080; 
	font-size:8pt;
	padding-left: 5px;
	padding-right: 5px;
}

/* Applies to the selected items in the top level of the menu
	Set background-image property to define the background image for each root menu item when the item is selected 
	(note: the background colour must be empty for the image to appear)*/
.TopSelected 
{ 
	background-image: url(../images/QM.gif); 
	background:#D5E6FC; 
	border-color:#000080; 
	color:#000000; 
	border-style:solid; 
	border-width:1px; 
	font-size:8pt; 
	padding-left: 5px;
	padding-right: 5px;
}

/* Applies to items in the menu drop downs
	set background-image property to define the background image to be used in the dropdown menus 
	(note: the background colour must be empty for the image to appear)*/
.MenuItemClass 
{ 
	background-image:url(images/ig_menuXPSpacer1.gif);
	background-repeat:repeat-y;
	font-size:8pt;  
}	

/* Applies the hovered items in the menu drop downs
	Set background-image property to define the background image to be used in the dropdown menus for the option currently highlighted 
	(note: the background colour must be empty for the image to appear) */
.MenuHoverClass 
{ 
	/*background-image: url(../images/None);*/
	background:#FFE1AC; 
	color:#000000; 
	border-style:solid; 
	border-width:1px; 
	border-color:#000080; 
	cursor:hand;
	font-size:8pt; 
	padding: 1px;
}

/* Applies to disabled links in NS */
.MenuDisabledClass 
{ 
	color:#AAAAAA;
}

/* Applies to the separators in the menu drop down */
.SeparatorClass 
{
	background-image:url(images/ig_menuSep.gif); 
	background-repeat:repeat-x;
}



/*
' ********************************************************
'	Side Menu settings
' ********************************************************
*/

/* Applies to the table that the top menu is in */
.MenuTable
{
	background-color: #7aa1e6;
	border-top: solid 0px #000000;
	width: 206px;
}

/* Applies to the td that the top menu is in */
.MenuTD
{
	border-right: solid 1px #000000;
	height: 385px;
}

/* Applies to the side menu*/
.Menu
{
	border-right: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
	margin: 15 10 50 10;
}

/* Applies to group headings in the side menu*/
.Group
{
	border: solid 1px #FFFFFF; 
	background-color: #D6DFF7;
}

/* Applies to hovered group headings in the side menu (not applied). The hover code has been removed from the ig_weblistbar.js*/
.GroupHeaderHover
{ 
}

/* Applies to expanded group headings in the side menu*/
.GroupHeaderExpanded
{
	background-image: url(../Images/MenuBar.jpg);
	padding-left: 13px;
	color: #215DC6;
	padding-right:7px;
	padding-top:3px;
	height: 25px;
	text-align: left; 
	font-weight:bold;
}

/* Applies to collapsed group headings in the side menu*/
.GroupHeaderCollapsed
{
	background-image: url(../Images/MenuBar.jpg);
	padding-left: 13px;
	color: #215DC6;
	padding-right:7px;
	padding-top:3px;
	height: 25px;
	text-align: left;
	font-weight:bold; 
}

/* Applies to items in the side menu*/
.Item
{ 
	margin-top: 5px;
	margin-bottom: 2px;
	margin-left: 5px;
	vertical-align: middle;
	color: #215DC6;
	text-align: left;
}

/* Applies to items hovered in the side menu*/
.ItemHover
{
	margin-top: 5px;
	margin-bottom: 2px;
	margin-left: 5px;
	vertical-align: middle;
	cursor: hand;
	color: #428EFF;
	text-align: left;
	text-decoration: underline;
}

/* Applies to items selected in the side menu*/
.ItemSelected
{ 
	margin-top: 5px;
	margin-bottom: 2px;
	margin-left: 5px;
	vertical-align: middle;
	background-color: #f3f6ff;
	color: #215DC6;
	text-align: left;
}



/*
' ********************************************************
'	Navigation bar settings
' ********************************************************
*/

/* Applies to the table the navigation bar (bread crumbs) is in */
.NavTable
{
	background-color: #FFFFFF;
	border-top: solid 0px #000000;
	border-left: solid 0px #FFFFFF;
	border-right: solid 0px #000000;
	border-bottom: solid 1px #000000;
	color: #3f3d3d;
	width: 100%;
}
	
	
	
/*
' ********************************************************
'	New 4.2 Styles applied in administration section of EM
' ********************************************************
*/
/* Styles used for filer section*/
.FilterPanel
{
	background-color: #f5f5f5;
	border : solid 1px #cccccc;
}

/*Styles applied to grid header and borders*/
.GridHeader
{
	background-color: #EAEAEA;
	border : solid 1px #ccc;
}

/*Styles applied to panel header with caption bold */
.HeaderPanelCaptionBold
{
	background-color: #f3f3f3;
	border: solid 1px #ccc;
	font-weight: bold;
}

/*Styles applied to grid header with caption bold */
.GridHeaderCaptionBold
{
	background-color: #EAEAEA;
	border: solid 1px #ccc;
	font-weight: bold;
}

/*Styles applied to any panels only to set borders*/
.BorderStyle
{
	border: solid 1px #ccc;
}

/*Style for the header of the browse filter values page*/
.SelectionHeader
{
	background-color: #EAEAEA;
}

/*Style for the footer of the browse filter values page*/
.SelectionFooter
{
	background-color: #EAEAEA;
}
