﻿/*----------------------------------------------------------------------------------------------------------------------------------------
Amendments:
%1 - S. Mahajan - 18/07/2012
EPIC 1156894- Added new CSS styles for Learning Requests.
%2 - S. Mahajan - 06/09/2012
Changes to home page styles.
%3 - S. Mahajan - 13/11/2012
Changes to LZ Logged In Default page style.
------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*four button homepage layouts*/
/*%2*/


div#fbHome {position: relative; width: 530px; height: 340px;background: #FFFFFF url('../images/fb_back.jpg') no-repeat;}
div.Mandatory, div#Mandatory {clear: both;}
div#fbHome li#fbAshridge a {position: absolute; text-indent: -9999px; width: 161px; height: 90px; top: 40px; left: 50px; background: transparent url('../images/fb_ashridge.jpg') no-repeat;} 
div#fbHome li#fbIvy a {position: absolute; text-indent: -9999px; width: 230px; height: 45px; top: 60px; left: 285px; background: transparent url('../images/fb_ivy.gif') no-repeat;} 
/*%3*/
div#fbHome li#fbLPool {position: absolute; width: 201px; height: 93px; top: 160px; left: 50px;font-size: 0.85em;} 
div#fbHome li#fbCYPS {position: absolute; width: 201px; height: 110px; top: 160px; left: 290px;font-size: 0.85em;} 

/*UsefulLinks*/
div#UsefulLinks {
	padding: 5px;
	margin: 6px 10px 6px 0;
	height: 100%;
	background-image: url('../images/advertgradrep.jpg');
	background-repeat: no-repeat;
	background-color: #dcdcdc;
}
div#UsefulLinks img {
	padding: 10px 0 10px 0;
}
div#UsefulLinks p{
  font-size: 0.75em;
}
div#UsefulLinks h4{
  font-size: 0.8em;
  font-weight: normal;
}
div#UsefulLinks li {
  clear: both;
  height: 100%;
  padding: 7px 0 7px 0;
}
div#UsefulLinks a {
  font-size: 0.8em;
  font-weight: bold;
	text-decoration: none;
	color: #00539F;
	}
div#UsefulLinks a:hover {
	text-decoration: underline;
}

/*search result and pages */
div#SearchBlock {
}
div#SearchList {
	width: 550px;
	margin: 6px 10px 6px 0;
  font-size: 0.75em;
  }
div#SearchList h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #00539F;
	height: 18px;
	padding: 2px 0 2px 0;
	}
div#SearchResultsCat a {
  font-size: 0.9em;
	padding: 2px 0 2px 0;
  }
div#SearchResults p.notfound {
  padding: 15px 0 15px 0; 
}
div#SearchCatPages ul {
  padding: 3px 0 3px 0;
  font-size: 0.9em;
}
div#SearchCatPages li {
  display: inline;
  padding-right: 5px;
  font-weight: normal;
}
div#SearchCatPages .cattext {
  font-weight: bold;
  padding-right: 4px;
}

div#SearchCatPages a {
  text-decoration: none;
	color: #00539F;
	}
div#SearchPages a, div#SearchPageFooter a {
  font-weight: bold;
	text-decoration: none;
	color: #00539F;
	}
div#SearchPages a:hover, div#SearchCatPages a:hover, div#SearchPageFooter a:hover {
	text-decoration: underline;
}
div#SearchPages em {
	font-weight: bold;
	}
	div#rcsubmenu {
	float: left;
	width: 220px;
	font-size: 0.6em;
	height: 100%;
	}
div#rcsubmenu ul {
	margin: 5px 10px 0 0;
}
div#rcsubmenu h3 {
	font-size: 1.2em;
	font-weight: bold;
}
div#rcsubmenu li {
	background-color: #f5f5f5;
	color: #00539F;	
	padding: 6px;
	border: solid 1px #00539F;
	margin-bottom: 4px;
}	
div#rcsubmenu a {
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
	color: #00539F;
}
div#SearchResults p.notfound {
  padding: 15px 0 15px 0; 
}
div#SearchResults li {
  clear: both;
  height: 100%;
  padding: 7px 0 7px 0;
  border-bottom: dashed 1px #00539F;
}
div#SearchResults a, div#SearchResultItems a, div#SearchResultsCat a {font-weight: bold; text-decoration: none; color: #00539F;}
div#SearchResultItems a:hover, div#SearchResults a:hover, div#SearchResultsCat a:hover {text-decoration: underline;}
div#SearchResults img, div#SearchResultItems img {padding: 4px; float: left;}
div#SearchPages p, div#SearchPageFooter p {
  background-color: #dcdcdc;
  padding: 3px;
}
div#SearchPages ul, div#SearchPageFooter ul {padding: 3px 0 3px 0;}
div#SearchPages li, div#SearchPageFooter li {
  margin-left: 5px;
  padding: 2px;
  float: left;
}
div#SearchPages li.calsel, div#SearchPageFooter li.calsel {background-color: #dcdcdc; border: #00539F 1px solid; font-weight: bold;}
div#SearchPages a, div#SearchPageFooter a {
  font-weight: bold;
	text-decoration: none;
	color: #00539F;
	}
div#SearchPages a:hover, div#SearchCatPages a:hover, div#SearchPageFooter a:hover {
	text-decoration: underline;
}
div#SearchPages em {
	font-weight: bold;
	}
div#SearchPages, div#SearchCatPages, div#SearchPageFooter {
  background-color: #f5f5f5;
  padding: 5px;
  height: 100%
}

/*Admin data capture areas*/
ul#dcPageControl {
  margin-top: 5px;
  background-color: #f1f1f1;
  padding: 2px;
	color: #0c0c0c;
	font-weight: bold;
	font-size: 0.9em;
	height: 18px;
}
ul#dcPageControl li {
  padding-left: 5px;
  float: left;
}
ul#dcPageControl li.Buttons {
  padding-left: 5px;
  float: right;
}
table#listdc, table#enrolleddc  {
	padding-top: 20px;
	font-size: 0.8em;
	width: 100%;
	}
table#listdc td, table#enrolleddc td {
	padding: 3px;
	}
table#listdc th, table#enrolleddc th {
	font-weight: bold;
	padding: 3px;
	border-bottom: dashed 1px #00539F;
	background-color: #E1EAF3;
	}
div#dcSearch {
	border-top: solid 1px #acacac; 
	border-left: solid 1px #acacac; 
	border-right: solid 1px #acacac; 
}
div#dcList, div#dcSubList, div#dcTemplate, div.dcMidPanel {
	border-top: solid 1px #acacac; 
	border-left: solid 1px #acacac; 
	border-right: solid 1px #acacac;
	padding-bottom: 5px;
}
div#dcView {
	border: solid 1px #acacac;
}
div#subcontent h2 {
	  padding-bottom: 5px; 
		font-size: 1.2em;
		font-weight: bold;
}
div.dcMidPanel h3, div#dcBotPanel h3, div#dcTopPanel h3,div#dcSubList h3,div#dcListTop h3, div#dcList h3, div#dcSearch h3, div#dcView h3, div#dcTemplate h3 {
	height: 20px;
	background-color: #acacac;
	color: #4a4a4a;
	font-weight: bold;
	padding: 3px 0 3px 10px;
}
table#Searchdc {
	margin: 20px 0 0 30px;
	width: 300px;
}
table#Searchdc td  {
	padding: 3px;
}
table#Searchdc label {
	font-weight: bold;
}
tr.altrow, tr.altrow1 {
	background-color: #EEEEEE;
}
tr.selrow {
	background-color: #FFFFE8;
}
div#dcList tr:hover, div#dcList tr.hilite, div#dcSubList tr:hover, div#dcSubList tr.hilite {
	background-color: #FBEC5D;
}
div#tabheader ul {
  margin: 5px 0 1px 3px;
  width: 99%;
  padding-bottom: 1px;
  border-bottom: 1px solid #dcdcdc;
}
div#tabheader li {
  float: left;
  background-image: url("../images/lefttab_u.gif");
  background-repeat: no-repeat;
  margin: 0 1px 0 0;
  padding: 0 0 0 8px;
}
div#tabheader a {
  text-decoration: none;
  font-size: 0.8em;
  float: left;
  display: block;
  background-image: url("../images/righttab_u.gif");
  background-repeat: no-repeat;
  background-position: right top;
  padding: 2px 10px 2px 0;
  color: #5c5c5c;
}
div#tabheader li.selected {
  background-image: url("../images/lefttab_s.gif");
}
div#tabheader a.selected {
  background-image: url("../images/righttab_s.gif");
  color: #dcdcdc;
}
div#tabheader a:hover {
  text-decoration: underline;
}
div#datacapture table {
  margin: 0px 0px 0px 0px;
padding   : 0px 0px 0px 0px;
  border: #445C91 1px solid;
  border-collapse: collapse;
  color: #000000;
  font-size: 1em;
  font-family: Arial;
}
div#datacapture table td.dc, div#datacapture table th.dc {
  border: #445C91 1px solid;
  padding: 3px; 
  vertical-align: top;
}
div#datacapture table th.dc {
  background-color: #EEF0F7;
  font-weight: bold;
}
input.small, input.Password {
	width: 100px;
	border: #00539F 1px solid;	
	padding: 2px;
	font-family: Arial;
}
input.medium {
	width: 200px;
	border: #00539F 1px solid;	
	padding: 2px;
	font-family: Arial;
}
input.large {
	width: 300px;
	border: #00539F 1px solid;	
	padding: 2px;
	font-family: Arial;
}
p.processing {
  position: absolute;
  margin: 3px 0 0 250px;
  padding: 3px;
  color: #00539F;
  background-color: #ffffff;
  border: solid 1px #00539F;
	}
p.dcresult {
  margin: 15px 30px 0 30px;
}
.validation {
  color: #ff0000;
  padding:  20px 0 20px 40px;
}
.valhilite {
  color: #ff0000;
  padding-left:  5px;
  font-weight: bold;
  font-size: 1.9em;
}

/*lists*/
div#LPList { width: 550px; margin: 6px 10px 6px 0; font-size: 0.9em; }
div#LPList h3 { font-size: 1em; font-weight: bold; padding: 3px; border-bottom: #aaaaaa 2px solid; }
div#LPList h2 { font-size: 1.1em; font-weight: bold; padding-bottom: 8px; }
div#LPList ul { list-style: none; display: block; padding-top: 3px; margin-left: 10px; }
div#LPList img { padding: 3px; float: left; }
div#LPList li { color: #00539F;padding: 3px; 	}
div#LPList p { padding-top: 2px; color: #333333; font-weight: normal; }
div#LPList a { color: #00539F; }	
div#LPList a:link, div#LPList a:visited { text-decoration: none; }
div#LPList a:hover { text-decoration: underline; }
ul.RCCategories1 li {
	color: #00539F;
	font-size: 1.2em;
	font-weight: bold;
	padding: 3px;
	}

/*single central info form (login, change password)*/
div#formcontent 
{
	text-align: center;
	width: 890px;
	padding: 10px 0 5px 0;
}
div#formarea 
{
	margin-right:auto;
	margin-left:auto;
	position: relative;
	text-align: left;
	background-color: #ffffff;
	width: 580px;
	padding: 5px;
	border: #00539F 1px solid;
	color: #000000;
	font-size: 0.8em;
	}
div#formarea h3 {
	background-color: #00539F; 
	color: #ffffff;
	width: 98%;
	height: 18px;
	font-size: 1.2em;
	padding: 5px;
	font-weight: bold;
}
div#formarea label {
	font-weight: bold;
	margin-right: 5px;
}
div#formarea table {
	margin-left: 5px;
}
div#formarea p {
	padding: 15px 0 15px 0;
}

/* data capture panels */
div#dcSearch, div#dcTopPanel {
	height: 100px;
	border-top: solid 1px #acacac; 
	border-left: solid 1px #acacac; 
	border-right: solid 1px #acacac; 
}
div#dcList, div#dcSubList, div#dcTemplate, div.dcMidPanel {
	border-top: solid 1px #acacac; 
	border-left: solid 1px #acacac; 
	border-right: solid 1px #acacac;
	padding-bottom: 5px;
}
div#dcDirectorate table, div#dcPermission table, div#dcTopPanel table, div.dcMidPanel table, div#dcBotPanel table {
	margin: 5px;
}
div#dcDirectorate table td, div#dcPermission table td, div#dcTopPanel table td, div.dcMidPanel table td, div#dcBotPanel table td {
	padding: 3px;
}
div#dcView {
	height: 200px;
	border: solid 1px #acacac;
}
div#dcBotPanel {
	height: 100%;
	border: solid 1px #acacac;
}
div#dcViewArea p, div#dcTopPanel p, div.dcMidPanel p, div#dcBotPanel p {
	padding: 10px 0 0 30px;
}
ul#dcPageControl {
  margin-top: 5px;
  background-color: #f1f1f1;
  padding: 2px;
	color: #0c0c0c;
	font-weight: bold;
	font-size: 0.9em;
	height: 18px;
}
ul#dcPageControl li {
  padding-left: 5px;
  float: left;
}
ul#dcPageControl li.Buttons {
  padding-left: 5px;
  float: right;
}
div.dcMidPanel h3, div#dcBotPanel h3, div#dcTopPanel h3,div#dcSubList h3,div#dcListTop h3, div#dcList h3, div#dcSearch h3, div#dcView h3, div#dcTemplate h3 {
	height: 20px;
	background-color: #acacac;
	color: #4a4a4a;
	font-weight: bold;
	padding: 3px 0 3px 10px;
}
div#dcBotPanel h4, div#dcTopPanel h4 {
	font-weight: bold;
	padding: 7px;
}
table#listdc, table#enrolleddc  {
	padding-top: 20px;
	font-size: 0.8em;
	width: 100%;
	}
table#listdc td, table#enrolleddc td {
	padding: 3px;
	}
table#listdc th, table#enrolleddc th {
	font-weight: bold;
	padding: 3px;
	border-bottom: dashed 1px #00539F;
	background-color: #E1EAF3;
	}
td.CourseName, th.CourseName {
	width: 65%;
	text-align: left;
	}
td.button 
{
	text-align: center;
}
td.button input
{
	margin: 5px 0 5px 0;
}
table#Searchdc {
	margin: 20px 0 0 30px;
	width: 300px;
}
table#Searchdc td  {
	padding: 3px;
}
tr.altrow, tr.altrow1 {
	background-color: #EEEEEE;
}
tr.selrow {
	background-color: #FFFFE8;
}
div#dcList tr:hover, div#dcList tr.hilite, div#dcSubList tr:hover, div#dcSubList tr.hilite {
	background-color: #FFFFCC;
}
div#tabheader ul {
  margin: 5px 0 1px 3px;
  width: 99%;
  padding-bottom: 1px;
  border-bottom: 1px solid #dcdcdc;
}
div#tabheader li {
  float: left;
  background-image: url("../images/lefttab_u.gif");
  background-repeat: no-repeat;
  margin: 0 1px 0 0;
  padding: 0 0 0 8px;
}
div#tabheader a {
  text-decoration: none;
  font-size: 0.8em;
  float: left;
  display: block;
  background-image: url("../images/righttab_u.gif");
  background-repeat: no-repeat;
  background-position: right top;
  padding: 2px 10px 2px 0;
  color: #5c5c5c;
}
div#tabheader li.selected {
  background-image: url("../images/lefttab_s.gif");
}
div#tabheader a.selected {
  background-image: url("../images/righttab_s.gif");
  color: #dcdcdc;
}
div#tabheader a:hover {
  text-decoration: underline;
}
div#SelectContentInline {
  z-index: 150;
  margin: 300px 0 0 150px;
  padding: 5px;
  background-color: #ffffff;
  border: solid 1px #00539F;
}
table.dcLookup, table#selectcontentdc, table#viewdc, table#editdc, table#adddc,div#dcDirectorate table, div#dcPermission table, div#info table {
  margin: 10px 30px 10px 30px;
  border: #445C91 1px solid;
  border-collapse: collapse;
  color: #000000;
  font-size: 1em;
  font-family: Arial;
}
div#dcDirectorate th, div#dcPermission th, table.dcLookup th, table#selectcontentdc th, table#viewdc th, table#editdc th.edit, table#adddc th.edit, table#permissionsdc th, div#info th, div#ERPermission th {
  background-color: #EEF0F7;
  border: #445C91 1px solid;
  font-weight: bold;
  padding: 3px; 
  vertical-align: top;
}
table#editdc td.notenabled {
  background-color: #EEF0F7;
  border: #445C91 1px solid;
  padding: 3px; 
  vertical-align: top;
}
div#dcDirectorate td, div#dcPermission td, table.dcLookup td, table#selectcontentdc td, table#viewdc td, table#editdc td.edit, table#adddc td.edit, table#permissionsdc td, div#info td, div#ERPermission td {
  background-color: #ffffff;
  border: #445C91 1px solid;
  padding: 3px; 
  vertical-align: top;
}
table#editdc p {
  padding-top: 7px;
}
div#info caption {
  font-size: 1.2em;
  font-weight: bold;
  background-color: #dcdcdc;
  border: #445C91 1px solid;
  text-align: center;
  padding: 4px 5px 15px 4px;
}

table#roles {
  margin: 10px 0 10px 30px;
  border: #dcdcdc 1px solid;
  border-collapse: collapse;
  color: #000000;
  font-size: 1em;
  font-family: Arial;
}
table#roles th {
  background-color: #dcdcdc;
  border: #dcdcdc 1px solid;
  padding: 3px; 
  vertical-align: top;
  font-weight: bold;
}
table#roles td {
  background-color: #ffffff;
  border: #dcdcdc 1px solid;
  padding: 3px; 
  vertical-align: top;
}
ul.ActionList, p.ActionList, select.ActionList {
  margin: 15px 30px 0 30px;
}
ul.ActionList li {
  padding-bottom: 10px;
}
div.datapanel p, div.datapanel input.but, div.datapanel table {
	margin: 5px 0 5px 30px;
}

/************************SEARCH ENTRY*********************************************************/

/* FieldSet */
#searchcriteria
{
	padding: 10px 6px 4px 6px;
	border: 3px solid #07c;
}

#searchcriteria legend 
{
	font-size:22px;
	padding:0px 2px 15px 2px;
}

#searchcriteria div.search-title-top
{
	padding: 3px 3px 3px 5px;
	color:#00539F;
	font-size:16px;
	text-align:left;
	margin-left:87px;
}

#searchcriteria div.search-field-bottom
{
	padding: 3px 5px 6px 5px;
	text-align:center;
}

.search-drop
{
	font-size:14px;
	padding: 2px 1px 2px 1px;
	border-top: 1px solid #909090;
	border-left: 1px solid #909090;
	border-bottom: 2px solid #606060;
	border-right: 2px solid #606060;
}

/*********************************************************************************************/

/************************NEW COURSE INFORMATION STYLES*********************************************************/
div#LeftInfoSidebarCol2
{
	width:850px!important;
	margin-left:auto;
	margin-right:auto;
	padding:10px 10px 10px 10px;
	font-size: 13px;
}

div#LeftInfoSidebarCol2 h2 
{
	font-size: 15px;
	font-weight: bold;
	color: #00539F;
	height: 18px;
	padding: 2px 0px 2px 0px;
}

div#LeftInfoSidebarCol2 h3, div#formarea h3.light 
{
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	width:auto;
	/*border-bottom: solid 1px #00539F;*/
	color: #00539F;
	background-color:Transparent;
	padding:0px 1px 3px 1px;
}

div#LeftInfoSidebarCol2 h4
{
	font-size: 12px;
	color: #00539F;
	padding: 2px 0px 2px 0px;
}

div#LeftInfoSidebarCol2 p 
{
	padding: 5px 5px 5px 5px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:Black;
}

div#LeftInfoSidebarCol2 h1
{
	padding: 5px 5px 5px 5px;
	top: auto;
	left: auto;
	bottom: auto;
	text-align:left ;
	text-indent: 2px;
	width: auto;
	height: auto;
	position:   relative;
	background: transparent no-repeat ;
}

div#LeftInfoSidebarCol2 p.left
{
	padding: 5px 5px 5px 5px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	color:Black;
}

div#LeftInfoSidebarCol2 p.justify
{
	padding: 5px 5px 5px 5px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	color:Black;
}


a.course-link
{
	color: #00539F;
	padding: 0px 0px 5px 0px;
	font-weight:bold;
}

div#listbox_container
{
	width: 775px!important;
	margin-right: auto;
	margin-left:auto;
	padding: 5px 0px 5px 0px;
	text-align: left;
	background: #FFFFFF;
	color: #FFFFFF;
}

div#listbox_header
{
	padding: 10px 0px 10px 10px;
	text-align: left;
	background: #336699;
	font-size: 18px;
	margin-left:5px;
	margin-right:5px;
}

div#listbox_information
{
	float:left;
	background: #B7C3D0; 
	font-size:13px;
	font-weight:bold;
	height: 300px;
	margin-left:5px;
	padding:10px 5px 10px 5px;
	width:179px;
	line-height:27px;
	border-left: solid 2px #336699;
}

div#listbox_information a:hover
{
	color:#606060;
}

div#listbox_listbox
{
	height: 310px;
	background: #F0F0F0;
	float: left;
	padding:5px 5px 5px 10px;
	width: 557px;
	color: #000000;
	font-size: 13px;
	border-right: solid 2px #336699;
}

div.course-overview  
{
	position:relative;
	height:310px;
	width:557px;
	overflow:auto;
	text-align: left;
}

div#listbox_footer
{
	clear: both;
	background: #336699;
	margin-left:5px;
	margin-right:5px;
	height:10px;
}

/**************************************************************************************************************/

/************************NEW SEARCH STYLES*********************************************************************/

table.searchResults
{
	padding: 0;
	margin-left: auto;
	margin-right:auto;
	border-collapse:collapse;
	width:100%;
	/*Below prevents a table stretching when outputting a long, unbroken string of characters*/
	table-layout:fixed;
	overflow:hidden;
}

table.searchResults tr:hover, div.searchResults:hover
{
	/*background-color: #CCFF99!important;*/
    background-color:#a6c9e2 !important;
}

table.searchResults th
{
	border-bottom: 1px solid lightgray;
	padding: 10px 5px 4px 5px;  
	margin: 0px;
	vertical-align:bottom;
}

table.searchResults td
{
	/*border-bottom: 1px solid lightgray;*/
	margin: 0px;
	color:Black;
}

table.searchResults td.row-select
{
	display: block;
	width: 98%;
	height: auto;
	padding: 14px 5px 14px 5px!important;
	text-decoration: none; 
	color:#404040!important;
	font-size:14px;
}

table.searchResults td.row-select-small
{
	display: block;
	width: 98%;
	height: auto;
	/*padding: 14px 5px 14px 5px!important;*/
	text-decoration: none; 
	color:#404040!important;
	font-size:13px;
}

table.searchResults td.row-select-small a
{
	
	color: #00539F;
	text-decoration: none;
	font-size:13px;
}


table.searchResults td.row-select-small table.list-date
{
	width:100%;
}

table.searchResults td.row-select-small table.list-date td
{
	padding: 3px 0px 3px 0px;
	color:#404040;
	border:0px!important;
}

table.searchResults td.row-select-small table.list-date td.cancelled
{
	padding: 3px 0px 3px 0px!important;
	color: Red;
	border:0px;
	font-weight:normal!important;
}

table.searchResults td.row-select-small table.list-date td.underline-cancelled
{
	border-bottom: 1px dashed #808080!important;
	padding: 3px 0px 3px 0px;
	color:Red!important;
}

table.searchResults td.row-select-small table.list-date td.underline
{
	border-bottom: 1px dashed #808080!important;
	padding: 3px 0px 3px 0px;
	color:#404040;
}

table.list-date tr
{
	/*border-bottom: 1px dashed #808080;*/
	padding: 3px 0px 3px 0px;
	color:#404040;
}



table.list-date tr:nth-last-child(1)
{
	border-bottom: none;
}


table.searchResults div.row
{
	border-bottom: 1px dashed #808080!important;
	padding: 3px 0px 3px 0px;
	font-weight: normal;
}




table.searchResults td.row-select-small a:hover
{
	text-decoration: underline;
}

table.searchResults a.row-select, div.searchResults a.row-select
{
	display: block;
	width: 98%;
	height: auto;
	padding: 14px 5px 14px 5px!important;
	text-decoration: none; 
	color:#404040!important;
	font-size:15px;
}

table.searchResults a.row-select-match, div.searchResults a.row-select-match
{
	display: block;
	width: 98%;
	height: auto;
	padding: 14px 5px 14px 5px!important;
	text-decoration: none; 
	color:#404040!important;
	font-size:15px;
}

table.searchResults a.row-select-success, div.searchResults a.row-select-success
{
	display: block;
	width: 98%;
	height: auto;
	padding: 14px 5px 14px 5px!important;
	text-decoration: none; 
	color:Green;
	font-size:15px;
	font-weight:bold;
}

table.searchResults a.row-select-failure, div.searchResults a.row-select-failure
{
	display: block;
	width: 98%;
	height: auto;
	padding: 14px 5px 14px 5px!important;
	text-decoration: none; 
	color:Red;
	font-size:15px;
	font-weight:bold;
}

table.searchResults tr.no-results, table.searchResults tr.no-results td, div.searchResults div.no-results, div.searchResults div.no-results td
{
	background-color:White;
	padding:5px;
	font-size:17px;
	text-align:center;
}

table.searchResults td.cancelled, div.searchResults div.cancelled
{
	padding: 14px 5px 14px 5px;
	color: Red;
}




/**************************************************************************************************************/
/************************************LEARNING RECORDS STYLES***************************************************/
div.learning-record
{
	padding:10px 5px 10px 5px;
	width:auto;
}

div.learning-record table
{
	padding: 0;
	margin-left: auto;
	margin-right:auto;
	border-collapse:collapse;
	/*Below prevents a table stretching when outputting a long, unbroken string of characters*/
	table-layout:fixed;
	overflow:hidden;
}

div.learning-record table th
{
	border-bottom: 1px solid lightgray;
	padding: 10px 5px 4px 5px;  
	margin: 0px;
	vertical-align:bottom;
}

/**************************************************************************************************************/

/************************************************Link/Button Styles********************************************/

/*panels*/
div.infopanel {
	padding: 5px;
	width: 530px;
	height: 100%;
	background-image: url('../images/advertgrad.jpg');
	font-size: 0.8em;
	margin: 10px 0 10px 0;
}

div.infopanelmvc {
	padding: 5px;
	width: 530px;
	height: 100%;
	font-size: 0.8em;
}

div.infopanelmvcfull {
	padding: 5px;
	width: 880px;
	height: 100%;
	font-size: 0.8em;
}

div.infopanel p, div.infopanel img {
	padding: 6px;
}

div.infopanel li
{
	margin-top:10px;
	margin-bottom:10px;
}

div.infopanel a.contact-link
{
	text-decoration: none;
	font-size: 14px;
	padding:0px 2px 0px 5px;
}

div.infopanel a.contact-link:hover
{
	text-decoration:underline;
}

/***************************************************************************************************************/

/****************************************NEW LOGIN STYLES*******************************************************/

div.login-wrapper
{
	border:1px solid #00539F;
	width:605px;
	margin-left:auto;
	margin-right:auto;
}
table.login-table
{
	width:100%;
	padding:10px;
}

.ErrorOutput
{
	margin-top:5px;
	text-align:left;
	margin-left:202px;
}

table.login-table th
{
	font-weight:bold;
	text-align:right;
	padding:0px 5px 2px 5px;
}

table.login-table td
{
	padding:0px 2px 2px 2px;
}

div.text-box-wrapper
{
	line-height: 25px;
}

div.validation-text
{
	padding:0px 4px 0px 0px;
	font-weight:bold;
	font-size: 11px;
	text-align: center;
}

/*%1 Added new styles to extend the existing ones for learning request*/

div#listbox_listbox p
{
	padding: 0px 0px 0px 0px;
	text-align:left;
	text-indent: 2px;
	vertical-align: top;
	}

div#listbox_listbox span
{
	vertical-align: top;
}

div#formarea.LearningRequest h1
{
	padding-top: 0px;
	top: auto;
	left: auto;
	bottom: auto;
	text-align:left ;
	text-indent: 2px;
	width: auto;
	height: auto;
	position: relative;
	background: transparent no-repeat ;
}

div#formarea.LearningRequest span
{
	text-align:left;
}

div#formarea.LearningRequest p
{
	padding: 0px 0px 0px 0px;

	text-align:left;
	vertical-align: top;
}

div#formarea.LearningRequest table
{
	width: 100%;
	vertical-align: top;
}

div#formarea.LearningRequest table td
{
	padding: 0px 0px 0px 0px;
	padding-bottom: 5px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 3px;
	text-align:left;
	vertical-align: top;
}

div#formarea.LearningRequest h2.EventTitle
{
	color:#00539F;
	font-size:1.5em;
}
div#formarea.LearningRequest
{
	text-align: left;
	width: 90%;
	vertical-align: top;
	overflow:auto;
}

div#LeftInfoSidebarCol2 p#Notify
{
	color: #ff0000;
	font-weight: bold;
}

/***************************************************************************************************************/

/****************************Manually Add Training Record ****************************************************/

div.form-wrapper
{
	border:1px solid #00539F;
	width:655px;
	margin-left:auto;
	margin-right:auto;
}

table.AddTrainingRecord 
{
	margin-top: 10px;
	width: 650px;
}

table.AddTrainingRecord th 
{
	color: #00539F;
	font-weight: bold;
	padding: 5px;
	text-align: right;
	width: 45%;
	border-spacing: 1px;
	border-collapse: collapse;
}

table.AddTrainingRecord td {
	padding: 0px 5px 5px 5px;
	
}

table.AddTrainingRecord td input 
{
	border: 2px solid #00539F;
	padding: 2px;
}

table.AddTrainingRecord td select 
{
	border: 2px solid #00539F;
	padding: 1px;
	margin-top: 5px;
}

table.AddTrainingRecord td.fieldReadOnly 
{
	font-weight: bold;
	padding-top: 5px;  
}

/************************************************************************************************************/

/***************************************MESSAGES CSS*********************************************************/
p.successMessage, p.informationMessage, p.errorMessage , div.successMessage, div.informationMessage, div.errorMessage
{
	/*border: 1px solid!important;*/
	margin-top: 10px!important;
	padding: 15px 10px 15px 50px!important;    
	background-repeat: no-repeat!important;
	background-position: 10px center!important;
	text-align: left!important;
}

p.successMessage, div.successMessage
{
	color: #4F8A10!important;
	background-color: #e7f4d2!important;
	background-image: url(../images/ValidGreen.png)!important;
}

p.informationMessage ,div.informationMessage
{
	/*color: #00529B!important;*/
	/*background-color: #ddedf5!important;*/
	background-image: url(../images/InfoBlue.png)!important;
}

p.errorMessage, div.errorMessage
{
	color: #D8000C!important;
	background-color: rgb(254, 241, 236)!important;
	background-image: url(../images/ErrorRed.png)!important;
}

/************************************************************************************************************/

/*********************************************MVC STYLES*****************************************************/
div#mvcContent 
{
	text-align: center;
	width: 580px;
	padding: 10px 0px 5px 0px;
	font-size: 0.8em;
	margin-right:auto;
	margin-left:auto;
}

/*div#formarea 
{
	margin-right:auto;
	margin-left:auto;
	position: relative;
	text-align: left;
	background-color: #ffffff;
	width: 580px;
	padding: 5px;
	border: #00539F 1px solid;
	color: #000000;
	font-size: 0.8em;
	}*/


div.itemWrapper 
{
	width: auto;
	padding: 0px;
	display: block;
	color: #00539f;
	font: normal 13px "Liberation sans", Arial, Helvetica, sans-serif;
}

div.itemWrapper-no-val
{
	width: auto;
	padding: 3px 0px 3px 0px;
	display: block;
}

label.mvc
{
	color: #00539f;
	font: normal 13px "Liberation sans", Arial, Helvetica, sans-serif;
	width: auto;
	text-align: left;
	display: block;
	padding: 5px 5px 5px 6px;
}

select.mvc
{
	padding: 3px;
	border: 1px solid #a6c9e2;
	font:normal 14px "Liberation sans", Arial, Helvetica, sans-serif;
	margin-left: 5px;
}

img.helper
{
	cursor: help;
	padding: 3px 0px 0px 2px;
	vertical-align: top;
}

input.mvc, textarea.mvc, div.itemWrapper
{
	padding: 5px!important;
	/*border: 1px solid #a6c9e2;*/
	font:normal 14px "Liberation sans", Arial, Helvetica, sans-serif;
	margin-left: 5px;
}

input.mvc-large
{
	padding: 5px!important;
	border: 1px solid #a6c9e2;
	font:normal 14px "Liberation sans", Arial, Helvetica, sans-serif;
	margin-left: 5px;
	width: 300px;
}

input.mvc-small
{
	padding: 5px!important;
	border: 1px solid #a6c9e2;
	font:normal 14px "Liberation sans", Arial, Helvetica, sans-serif;
	margin-left: 5px;
	width: 80px;
}

input.mvc-radio
{
	padding: 3px 3px 3px 5px;
}

.counterStyle 
{
	color: #00539f;
	font-weight: normal;
	font-size: 13px;
	text-align: right;
}

.counterStyle span 
{
	font-weight: bold;
	font-size: 12px;
}

fieldset.mvc
{
	padding: 5px;
	border: 1px solid #a6c9e2;
}

fieldset.mvc legend 
{
	color: #00539f;
	font: bold 13px "Liberation sans", Arial, Helvetica, sans-serif;
}

/*Terms and Conditions*/
div.terms
{
	height: 300px;
	background-color: #e9eef2;
	border: 1px solid #a6c9e2; 
	overflow: auto;
	width: auto;
	font: normal 13px "Liberation sans", Arial, Helvetica, sans-serif;
	margin-left: 5px;
}

h3.terms 
{
	border-top: 1px solid #a6c9e2!important;
	border-left: 1px solid #a6c9e2!important;
	border-right: 1px solid #a6c9e2!important;
	background-color: white!important;
	color: #00539f!important;
	border-collapse: collapse;
	width: auto!important;
	padding-right: 0px!important;
	font: 400 16px "Liberation sans", Arial, Helvetica, sans-serif!important;
	padding-top: 9px!important;
	padding-bottom: 9px!important;
	margin-left: 5px;
}

div.terms li.heading
{
	padding: 5px;
	text-align: justify;
	font-weight:bold;
	color: #404040;
}

div.terms li.text
{
	padding: 2px 10px 5px 5px;
	text-align: justify;
	color: #404040;
}

table.striped tr:nth-child(odd)
{
	background-color: #f1f1f1;
}

table.striped table tr:nth-child(odd)
{
	background-color: inherit;
}


/************************************************************************************************************/

/************************MVC VALIDATION************************************************/
span.required
{
	font-family: "Liberation sans", Arial, Helvetica, sans-serif;
	color: #00539f;
	vertical-align:top;
	padding: 0px 0px 3px 3px;
	font-size: 22px;
}

div.required-text
{
	font-family: "Liberation sans", Arial, Helvetica, sans-serif;
	color: #00539f;
	vertical-align:top;
	padding: 5px 3px 5px 0px;
	font-size: 16px;
	text-align:center;
}

.field-validation-error 
{ 
	color: red!important; 
	padding: 3px 0px 3px 5px;
	display: block;
	font:bold 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif!important;
	text-align: left!important;
}

.field-validation-error-center 
{ 
	color: red!important; 
	padding: 3px 0px 3px 5px;
	display: block;
	font:bold 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif!important;
	text-align: center!important;
} 
 
.field-validation-valid 
{ 
	padding: 3px 0px 3px 0px;
	display: block;
} 
 
input.input-validation-error, 
textarea.input-validation-error, 
select.input-validation-error 
{
	padding: 5px!important;
	border: 2px solid red!important;  
} 
 
.validation-summary-errors 
{ 
	font-weight: bold; 
	color: red; 
} 
 
.validation-summary-valid 
{
	padding: 3px 0px 3px 0px;
	display: block;
} 

.mvcErrorMessage 
{
    color:red;    
}

.mvcSuccessMessage 
{
    color:green;    
}

/****************************************************************************************/


/************************MVC EFORM STYLES************************************************/
	#formcontent.eform #formarea div.formItem 
	{
	  padding: 20px 0px;
	  width: 100%;
	  display: inline-block;
	}

	#formcontent.eform #formarea div.formItem div.messageImg 
	{
	  float: left;
	  padding: 8px;
	}

	#formcontent.eform #formarea div.formItem div.message 
	{
	  float: left;
	  padding: 8px;
	}

	#formcontent.eform #formarea div.formItem div.slideLegend 
	{
	  margin: 0 auto;
	  width: 620px;
	  height: 1.5em;
	}

	#formcontent.eform #formarea div.formItem div.slideLegend div.disagree 
	{
	  float: left;
	}

	#formcontent.eform #formarea div.formItem div.slideLegend div.agree 
	{
	  float: right;
	}

	#formcontent.eform #formarea div.formItem div.slideArea 
	{
	  padding: 10px;
	  width: 500px;
	  margin: 0 auto;
	}

	#formcontent.eform #formarea h3.light 
	{
	  clear: both;
	}

	#formcontent.eform #formarea h4.light 
	{
	  color: #00539F;
	  text-decoration: underline;
	}

	#formcontent.eform #formarea div.detailBlock 
	{
	  float: left;
	  width: 350px;
	  margin-bottom: 15px;
	}

	#formcontent.eform #formarea div.detailBlock div.detailItem 
	{
	  clear: both;
	  padding: 15px 0px;
	}

	#formcontent.eform #formarea div.detailBlock div.detailItem span.details 
	{
	  width: 180px;
	  float: left;
	  overflow: hidden;
	  padding: 5px 0px;
	}

	#formcontent.eform #formarea div.detailBlock div.detailItem label 
	{
	  width: 150px;
	  display: inline-block;
	  float: left;
	}
/****************************************************************************************/

/************************RSS Output Styles************************************************/
	
	#rssOut li {
		background-color: #ffffff;
		margin: 10px 12px 0px 12px;
		padding: 5px;
		border-radius: 8px 8px;
		box-shadow: 2px 2px 2px #aaaaaa;
		border: 1px solid #acacac;
	}

	#rssOut li a 
	{ 
	  margin: 0px; 
	  display: block; 
	  width: 100%; 
	  height: 100%;
	  text-decoration: none;
	  color: #000000;

	}

	.rssTitle {
		color: #00539f;
		font-weight: bold;
	}

	#rssFeedIcon {
		float:right;
		margin: 2px;
		padding: 0;
	}

	#rssResult {
		z-index: 1;
		width:340px;
		height:407px;
		overflow:hidden;
		font-size:12px;
		margin-left:10px;
		text-align: left;
		position: relative;
	}

	/*#rssGradient {
		position:absolute;
		bottom:25px;
		z-index: 10;
		height:40px;
		width:340px;
		background-image: url('../images/rssGrad.png');
		background-position: bottom;
		background-repeat: repeat-x;
	}*/

	.pagination {
		text-align: center;
		position:absolute;
		bottom:0px;
		z-index: 20;
		margin: 0 auto;
		width: 340px;
		height: 15px;
		padding-top: 5px;
	}
	.pagination a {
		width: 8px;
		height: 8px;
		margin: 0 5px 0 0;
		display: inline-block;
		background-color:#00539f;
	}
	.pagination a.selected {
		width: 10px;
		height: 10px;
		background-color: darkgray;
		cursor: default;
	}
	.pagination a span {
		display: none;
	}

	.rss_btn_bg {
		background-color: #d8d8d8;
		text-align: center;
	}

	/*#rss_prev_btn {
		float: left;
		height: 14px;
		width: 14px;
		margin-left: 158px;
	}

	#rss_next_btn {
		position: absolute;
		bottom: 15px;
		left: 158px;
		height: 14px;
		width: 14px;

	}*/



/****************************************************************************************/

	.headerDiv {
		width: 100%;
		background-color: #00539f;
		height: 27px;
	}

	.headerDiv h2 {
		padding:5px;
		color:#ffffff;
		font-weight: bold;
		font-size: 12px
	}

	.floatLeft {
		float: left;
	}

	.clearBoth {
		clear: both;
	}

	.courseLink {
		text-decoration: none;
		color: #000000;
	}

	.courseLink:hover {
		text-decoration: underline;
	}

	.bold {
		font-weight: bold;
	}

	.infopanelmvc h2, .infopanelmvcfull h2 {
		color: #00539F;
		margin: 10px 0px 10px 0px;
		font-size: 16px;
		border-bottom: 1px solid #00539F;
		padding-bottom: 3px;
	}

	.infopanelmvc p, .infopanelmvcfull p {
		margin: 10px 0 10px 0;
	}

	.standardContent h3 {
		color: #00539F;
		margin: 10px 0px 0px 10px;
		font-weight: bold;
		padding: 0;
	}

	.lzProviderTable{
		border-collapse:collapse;
		margin-bottom: 15px;
	}

	table.lzProviderTable, table.lzProviderTable tr td{
		border: 2px solid #E1EAF3;
		padding:3px;
	}
	.lzProviderTable tr td.providerLogo{
		width: 280px;
		text-align:center;
		vertical-align:middle;
	}
	.lzProviderTable tr td.providerText{
		vertical-align:top;
		font-size:0.7em;
	}
	.lzProviderTable tr td.providerText p a:link, .lzProviderTable tr td p a:visited{
		text-decoration:none;
		color:black;
	}

    .ui-dialog-titlebar {
        font-size: 10pt;
    }

    .ui-dialog-title {
        font-size: 10pt;
    }

    .ui-dialog-content {
        font-size: 10pt;
    }

    .ui-dialog-buttonpane {
        font-size: 10pt;
    }

