/*******************************************************
 * Generic Style for site, holds generic style (colour and decoration) of elements for page.
 * 
 * Colour Palette - Using the NHS colour palette - Basic elements 
 * #333333 - Text elements
 * #666666 - Breadcrumb text elements
 * #E6E6E6 - Light grey borders
 * #0066CC - NHS Blue, standard for border elements
 ******************************************************/

/**
 * Elements, classes & IDs using NHS Blue foreground 
 **/
#header-text, DIV.tertiary-menu UL LI A,  UL.header-menu LI.selected A, UL.header-menu LI A:hover, UL.nav-breadcrumb LI.last A { color: #06C; margin-left:0; list-style-type:none;}

/**
 * Elements, classes & IDs using NHS Blue background 
 **/
.assignmentcontrol-content .assignment-heading, .button { background-color: #06C; }
.assignmentcontrol-content .bound-container, .assignmentcontrol-content .unbound-container { border: 1px #06C solid; }

#details { width:90px; font-size:x-small; margin-right:40px;}
/**
 * Elements, classes & IDs using NHS Black
 **/
A.delete-section, A.create-section, .section A { color: #000; }
.jqmOverlay { background-color: #000; }

#section-map A:hover, #section-map A:active { color: #000 !important; }
#section-map A { border-bottom: 1px dotted #000 !important; }

.DataPagerFooterButtons table tr input, .DataPagerFooterButtons table tr select, .datapagertoolbarrow input, .datapagertoolbarrow select { border: 1px #000 solid; }

/**
 * Elements, classes & IDs using various greys 
 **/
fieldset { background-color:#F2F2F2; }

hr { border: 0px #E6E6E6 solid; background-color: #E6E6E6; }
ul.header-menu, ul.header-menu li A, DIV.tertiary-menu UL LI A { border-right: 1px solid #E6E6E6; margin-left:0; list-style-type:none;}
UL.nav-breadcrumb, #footer { border-top:6px solid #E6E6E6; margin-left:0; list-style-type:none;}
DIV.question { border-bottom: 3px solid #E6E6E6; }
#login-panel, #loading-panel #panel DIV, #dialog-panel #dpanel #dialog-content { border-bottom:6px solid #E6E6E6; }

.evenrow, .roweven { background-color: #CCC; }
INPUT, SELECT, TEXTAREA { border: 1px solid #CCC; }

.datapagertoolbarrow, .DataPagerFooterButtons table tr { background-color: #eee; }
UL.nav-breadcrumb LI A { color:#eee; }

H3 { color: #404040; }

*, H2, UL.header-menu LI A, #dialog-panel #dpanel #dialog-content A { color: #333; }
abbr, acronym, .help { border-bottom: 1px dotted #333; }

H1 { color: #00009C; }

/**
 * Elements, classes & IDs using White 
 **/
TH, .button, .datapagertoolbarrow, .DataPagerFooterButtons TABLE TR { color: #FFF; }
TABLE { border: 0 #fff solid !important; }
#loading-panel #panel, #dialog-panel #dpanel, .bound-container, .unbound-container { background-color: #fff; } 

.button { background-color: #eee; color: #000; }
/**
 * Other NHS Palette colours 
 **/

.draggable-section { border: 2px #77A solid; background-color: #99C; }
.droppable-active { border: 2px #F66 solid; }
.droppable-hover { border: 2px #900 solid; background-color: #C66; }
.transition-section { border: 2px #FC9 solid; background-color: #FFC; }

DIV.create-section { border: 2px #9C9 solid; background-color: #CFC; }
DIV.create-active { border: 3px #DDEED0 solid; margin-left: -3px }
DIV.create-hover { border: 3px #BDB solid; margin-left: -3px }

DIV.delete-section { border: 2px #E6B3B3 solid; background-color: #F99; }
DIV.delete-active { border: 2px #C66 solid; background-color: #F66; }
DIV.delete-hover { border: 2px #D98C8C solid; background-color: #F33; }

/****************************************************************
 *
 * End of Colour section
 *
 ***************************************************************/

/* General font styles */
* { border: medium none; }
A:hover, A:active { border-bottom: 0; }
#left-menu H2 { border-bottom: 0; margin-bottom: 8px; }

/**
 * Message boxes
 **/
.info { border: 1px #4E9B27 solid; background-color: #8BD864; color: #FFF; }
.errorbox { border: 1px #ff2800 solid; background-color: #ff8c72; color: #FFF; } 
INPUT.error { border: 1px solid red; }

/**
 * Fix for the fact that the Datapager controls change the text size
 **/
.datapager_container td, .datapager_container th { font-size: 1.0em !important; border-bottom: none; }

/**
 * UI Datepicker Style
 **/
/* Main Style Sheet for jQuery UI date picker */
#datepicker_div, .datepicker_inline { background: #FFF; }
#datepicker_div { border-left: 1px solid #777; border-right: 1px solid #777; }
.datepicker_dialog { border: 4px ridge #ddd !important; }
.datepicker_prompt { background: #ddd; color: #000; }
.datepicker_control, .datepicker_links, .datepicker_header, .datepicker { color: #fff; }
.datepicker_control { background: #FFF; }
.datepicker_links { background: #FFF; }
.datepicker_links label { color: #888; }
.datepicker_header { background: #FFF; }
.datepicker_header select { background: #FFF; color: #333; border: 1px solid #CCC; }
.datepicker { background: #ccc; }
.datepicker_titleRow { background: #777; }
.datepicker_daysRow { background: #eee; color: #666; }
.datepicker_weekCol { background: #777; color: #fff; }
.datepicker_daysCell { color: #000; border: 1px solid #ddd; }
.datepicker_weekEndCell { background: #ddd; }
.datepicker_titleRow .datepicker_weekEndCell { background: #777; }
.datepicker_daysCellOver { background: #fff; border: 1px solid #777; }
.datepicker_unselectable { color: #888; }
.datepicker_today { background: #fcc !important; }
.datepicker_currentDay { background: #999 !important; }
.datepicker_status { background: #ddd; }

/* ________ Datepicker Links _______
** Reset link properties and then override them with !important */
#datepicker_div a, .datepicker_inline a { background: none; color: #333; }
.datepicker_control a, .datepicker_links a { color: #333 !important; }
.datepicker_titleRow a { color: #333 !important; }
.datepicker_control a:hover { background: #fdd !important; color: #333 !important; }
.datepicker_links a:hover, .datepicker_titleRow a:hover { background: #ddd !important; color: #333 !important; }

/* ___________ MULTIPLE MONTHS _________*/
.datepicker_multi .datepicker { border: 1px solid #777; }

.GridHeader {
	background-color: #eee;
}

#unbound-list { overflow: auto; height: 400px; }
#unbound-list li { padding:1px; margin:1px; border:1px solid #0066CC; background:#E4E1D0; }

#bound-list { overflow: auto; height: 400px; }
#bound-list li { padding:1px; margin:1px; border:1px solid #0066CC; background:#E4E1D0; }

li.ui-sortable-helper { border:1px solid #0066CC; background:#E4E1D0; }

/* Table Clickable Row */
.ClickableRow
{
	cursor:pointer;
	
}
.ClickableRow TD
{
	border-bottom:1px dotted #FF5A80;	
}

/**
 * Browser Styles
 **/
#BrowserEClass DIV
{
}

#BrowserEClass TABLE
{
	width: 100%;	
}

#BrowseEClass TH
{
	border-bottom: 1px solid #FF5A80;
	border-top: 1px solid #FF5A80;
	padding-bottom: 1px;
	line-height: 1.2em;
	font-size: 1.2em;
	color: #FF5A80;
}
.EClassBreadCrumb
{
	padding: 5px;
	margin: 5px;
	border-bottom: 1px solid #FF5A80;
	border-top: 1px solid #FF5A80;
	cursor: pointer;
	font-size: small;
	color: #FF5A80;
	font-weight: bold;
}

/*
	LeftPageDescription Paragraph text
*/
#LeftPageDescription P
{
	font-size: 1.2em;
}

/* 
    UserMessage Paragraph text
*/

.userMessage
{
   font-size:1.1em;
   font-weight:bold;
   background-color: #E6E6E6;
   border-bottom: 3px solid #FF5A08;
   margin-bottom: 20px;  
   padding:10px;
}