@import url('cleaned.css');
@import url('size.css');

/**
 * Header Pane styling
 * modified file:
 * /include/headerPane.html
 */

 /*old greenes colour 0d2c50*/

 *:focus {
   outline: none;
 }

 span.secondary
 {
  color: #666;
 }

 #sqlQueryDebug
 {
  background: white;
  padding: 20px;
  border: solid #444 1px;
  z-index: 10000;
  max-height: 250px;
  overflow-y: auto;
 }
 #sqlQueryDebug table td
 {
  padding: 5px;
 }

 #headerPane {
   position: fixed;
   padding: 0;
   /*padding-left: 218px;*/
   /*margin-bottom: 68px;*/
   overflow: visible;
   z-index:10;
   background-color: #0d2c50;
   border-bottom: solid 8px #555;
   box-sizing: content-box;
   -webkit-box-sizing: content-box;
 }

 #backgroundHeader
 {

   width: 100%;
   background-color: #0d2c50;
   height: 44px;
   position: fixed;
   z-index: 1;
   border-bottom: solid 8px #555;

 }


 #headerPane .headerWrapper {
   margin-left:130px;
   height:36px;
   overflow: hidden;
   z-index: 10;
   border-bottom: solid 1px #222222;
 }

 #headerPane .headerLogoDiv a {
   background: transparent  url(images/logo_small.png);
   background-repeat: no-repeat;
   width: 100px;
   height: 36px;
   display: block;
   position: absolute;
   left: 15px;
   top: 7px;
   color: #0d2c50;
   font-size:1pt;
   z-index:4;
 }

/*
  #headerPane:before {
  content: "";
  display: block;
  position: absolute;
  background: transparent url(images/icon_sprite.png) no-repeat top left;
  background-position: 0 -380px;
  width: 186px;
  height: 78px;
  left: 16px;
  top: 16px;
  z-index: 4;
  }
  */

  #headerPane .userStatus, #headerPane .helpBox, #headerPane .searchBox, #headerPane #topMenuBar {
    position: relative;
  }

  #headerPane #topMenuBar {
    /*margin-left: 218px;*/
    position: relative;
    display: block;
    clear: both;
    min-height:35px;
  }

  #headerPane .userStatus {
    /*margin-left: 218px;*/
    color: white;
  }

  #headerPane .userStatus span {
    padding-left: 0;
    padding-right: 15px;

  }

  #headerPane .userStatus, #headerPane .helpBox {
    display: block;
    height: 35px;
    line-height: 35px;
    float: left;
  }


  #headerPane .profiles {
    float: none;
    display: inline-block;
    /*padding: 0 1em;*/
  }

  #headerPane .profiles .switchProfile {
    /*padding-left: 1em;*/
    cursor: pointer;
    text-decoration: underline;
  }

  #headerPane {

  }
  #headerPane .userStatus .username {
    line-height: 35px;
    /*padding: 0 16px 0 0;*/
  }

  #headerPane .userStatus .username a.standardUrl {
    color: #FFFFFF;
  }
  #headerPane .userStatus .logout {
    background: transparent url(images/icon_sprite.png) no-repeat top left;
    background-position: -10px -464px;
    width: 86px;
    height: 24px;
    line-height: 24px;
    margin-left: 10px;
    /*margin-top: 18px;*/
    display: inline-block;
  }

  #headerPane .userStatus .logout .standardUrl {
    color: #d9e0e7;
    text-decoration: none;
    text-align: left;
    display: block;
    width: 86px;
    height: 24px;
    line-height: 24px;
    padding-left: 8px;
  }

  #headerPane .userStatus .userDetailsLink {
    background: transparent url(images/icon_sprite.png) no-repeat top left;
    background-position: -10px -694px;
    width: 136px;
    height: 24px;
    line-height: 24px;
    /*margin-top: 18px;*/
    display: inline-block;
  }

  #headerPane .userStatus span.userDetailsLink a {
    color: #d9e0e7;
    text-decoration: none;
    text-align: left;
    display: block;
    width: 136px;
    height: 24px;
    line-height: 24px;
    padding-left: 8px;
  }

  #headerPane .helpBox, #headerPane .searchBox {
    margin-left: 0;
  }

  #headerPane .helpBox .support a {
    color: white;
    text-transform: uppercase;
    text-align: left;
    display: block;
    padding-left: 12px;
  }

  #headerPane .searchBox {

    float:left;
    display: block;
    height: 35px;
    line-height: 35px;
    margin-left:20px;
    margin-right: 20px;
    min-width: 200px;
  }
  #dijitEditorBody {

    height:800px;
  }
  #headerPane .searchBox div.dijitValidationTextBox {
    width: 300px;
  }


  #headerPane .searchBox span {
    line-height: normal;
  }

  #headerPane .helpBox {
    float: right;
    padding: 0 20px 0 0.5em;
  }

  #headerPane .searchBox dd {
    margin: 0;
  }

  .esfullWidth
  {
    width: 100%;
  }



  .es .dijitGutterH, .es .dijitSplitterH {
    height: 0;
  }

/**
 * Top Menu styling
 */

 .es .topBroadContext .dijitMenuBar {
   border: 1px solid #d9e0e7;
 }

 .es  .topBroadContext  .dijitMenuBar .dijitMenuItem {
   padding: 0;
   border-right: 1px solid #d9e0e7;
   border-left: 1px solid transparent;
 }

 .es .topBroadContext .topMenuSubMenu .dijitMenuItem {
   padding: 12px 7px;
   background-color: #EFEFEF;
   color: #0d2c50;

 }
 .es .topBroadContext .topMenuSubMenu .dijitMenuItem a.menuUrl {
   color: #0d2c50;
 }

 .es .topBroadContext .dijitMenuPassive .dijitMenuItemHover, .topBroadContext .es .dijitMenuPassive .dijitMenuItemSelected {
   border-width: 0 1px;
 }

 .es .topBroadContext  .dijitMenuBar .dijitMenuItem a.menuUrl {
   line-height: 35px;
   font-size: 14px;
   padding: 0 15px;
   color: #0d2c50;
 }

 .es .topBroadContext  .dijitMenuBar .dijitMenuItem.serverSelected  {

   background-color:#0060AA;
 }
 .es .topBroadContext .dijitMenuBar .dijitMenuItem.serverSelected  a.menuUrl {
   color:#FFFFFF;
 }

/**
 * Alerts bar styling
 */
 .es .activeAlerts {
   height: 35px;
   text-align: center;
   float: left;
   cursor: pointer;
   position:relative;
   color: #1386d4;
/*   -moz-box-shadow: 1px 1px 2px 0 #777;
-webkit-box-shadow: 1px 1px 2px 0 #777;*/
border-left: 1px solid #777777;
border-right: 1px solid #777777;

padding: 5px 10px;

}
.es .activeAlerts .expandable div.label {
  color:#FFFFFF;
}
.es .activeAlerts .expandable div.label {
  color:#FFFFFF;
}
.es .activeAlerts .expandable div.label:hover {
  text-decoration: none;
}

.es .activeAlerts.switchProfileHandler {
  padding-left: 4px;
  padding-right: 4px;
  background-color: transparent;
}

.es .activeAlerts.switchProfileHandler:hover {
  background-color: #0060aa;
}

.es .activeAlerts.switchProfileHandler span.currentProfile {
  padding-top:5px;
  font-size: 16px;
  float:left;
  color: #FFFFFF;
}

body.profilestudent .activeAlerts.switchProfileHandler
{
  background-color: #40E0D0;
}
body.profiletutor .activeAlerts.switchProfileHandler
{
  background-color: #551A8B;
}
body.profileclient .activeAlerts.switchProfileHandler
{
  background-color: #FF1493;
}
body.profilestaff .activeAlerts.switchProfileHandler
{
  background-color: #8B4726;
}


.activeAlerts:hover{
  background-color: #0060aa;
  color: #60A2D4;
}
.activeAlerts span.iconWrapper
{
  font-size: 25px;
}
.activeAlerts span.iconWrapper a
{
  color:#1386d4;
}

.activeAlerts span.iconWrapper a:hover
{
  text-decoration: none;
}
.es .activeAlerts div.expandable.iconWrapper
{
  font-size: 25px;
}

.activeAlerts  span.number {
  position: absolute;
  right:2px;
  bottom:2px;
  min-width: 15px;
  height: 15px;
  line-height: 15px;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  padding:0px 2px;
  border-radius: 3px;
  border: solid 1px #333333;
  color: #FFFFFF;
  background-color: #FFBF00;
}

.activeAlerts.taskStatus span.number {
  background-color: #399E17;
}


.activeAlerts.highPriority {

}

.activeAlerts.highPriority span.number {
  background-color: #CE2029;
}



.infobox {
  /*position: absolute;*/
  /*margin-top: 10px;*/
  /*bottom: -55px;*/
  width: 100%;
  background: transparent url(images/alerts_background.jpg) repeat top left;
  background-size: 100% 100%;
  padding-top:6px;
  padding-bottom:6px;

  /*height: 44px;*/
}

.infobox span
{
  padding-left:4px;
  padding-right: 4px;
  width: 182px;
  display:block;
  font-size: 9pt;
  padding-top: 2px;
  padding-bottom: 2px;
}


.infobox span.name{
  font-size: 14pt;
  overflow: hidden;
}

.infobox span.title{
  padding-top: 0px;
  padding-bottom: 0px;
}

.infobox span.name a.standardUrl{
  font-size: inherit;
}

#topMenuBar
{
  background-color: #EFEFEF;
  background-image: linear-gradient(rgba(255, 255, 255, 0.698) 0%, rgba(255, 255, 255, 0) 100%);
  background-repeat: repeat-x;
  margin: 0;
  padding: 0;
}
#headerPane #topMenuBar
{
  float:left;
  width:100%;
}

#snowflakePreloadSpan
{
  font-size: 14px;
  line-height: 40px;
  padding: 20px;
}

#topMenuBar .topMenuBarWrapper {
  float:left;
}



#topMenuBar a.standardUrl
{
  display:inline;
}



.infobox span.name a.standardUrl {
  display: block;
  color: #333;
  text-decoration:none;
  clear: both;

  font-size: 14px;
  /*padding: 10px;*/
  /*background: #CCC;*/
  line-height: 20px;
  /*height: 44px;*/
  /*vertical-align: middle;*/
  padding: 0;

}


.infobox div {
  cursor: pointer;
}

.infobox div:hover {
  color: #0d2c50;
}

.infobox a.standardUrl span {
  font-weight: bold;
  line-height: 33px;
  font-size: 20px;
  text-align: center;
  width: 33px;
  height: 33px;
  display: inline-block;
  margin: 6px;
  background-color: #edd474;
  vertical-align: middle;
  border: 1px solid #edd474;
  border-radius: 16px;
}



/**
 * Sidebar navigation
 */


 #sidebarLeftPane
 {
   width:130px;
   position: fixed;
   top: 41px;
 }

 #leftSidebar {
   padding: 0;
   overflow: hidden;
   width: 130px;
   height: 100%;
   width: 100%;
   margin-right:3px;
   background-color: inherit;
 }

 #sidebarLeftPane .franchiseTag
 {
  padding: 2px 5px 6px;
  background-color: #415F81;
  color: #FFF;
  text-align: center;
}

#leftSidebar .snDijitSideMenu
{

}

#leftSidebar .snDijitSideMenu .titleWrapper
{
  color: #555555;
  padding:4px 5px;
  border-bottom: solid 4px #AAAAAA;
  margin-bottom: 10px;
  font-weight: bold;
}
#leftSidebar .snDijitSideMenu .titleWrapper .title
{
  padding:3px;
}
#leftSidebar .snDijitSideMenu.noTitle .dijitMenu.broadContext
{
  margin-top: 10px;
}

#leftSidebar .dijitMenu.broadContext
{
 border: none;
 background-color: inherit;
 margin-top: 10px;
/*  border-right: solid 1px #BBBBBB;
*/}
#leftSidebar .dijitMenu.broadContext td.dijitMenuItemLabel
{
  white-space: normal;
}

#leftSidebar .dijitMenu.broadContext tr.dijitMenuItem
{

}

#leftSidebar .dijitMenu.broadContext tr.dijitMenuItem a.menuUrl
{
  color: #666666;
}

#leftSidebar .dijitMenu.broadContext .dijitMenuItemActive
{
  background: none;
}

#leftSidebar .dijitMenu.broadContext tr.dijitMenuItem td.dijitMenuItemIconCell
{
  padding-left: 8px;
}

#leftSidebar .dijitMenu.broadContext tr.dijitMenuItem td.dijitMenuItemLabel
{
  padding-left: 4px;
}


#leftSidebar .dijitMenu.broadContext tr.dijitMenuItem.dijitMenuItemFocused
#leftSidebar .dijitMenu.broadContext tr.dijitMenuItem.dijitMenuItemActive,
#leftSidebar .dijitMenu.broadContext tr.dijitMenuItem.dijitMenuItemSelected
{
  background-color: transparent;
  background: none;
}

#leftSidebar .dijitMenu.broadContext tr.dijitMenuItem.dijitMenuItemHover
{
  background-color: #E1E1E1;
}
#leftSidebar .dijitMenu.broadContext tr.dijitMenuItem.dijitMenuItemHover td.dijitMenuItemIconCell
{
  background-color: #666666;
}

#leftSidebar .dijitMenu.broadContext tr.dijitMenuItem.serverSelected td.dijitMenuItemIconCell
{
  background-color: #0060aa;
}

#leftSidebar .dijitMenu.broadContext tr.dijitMenuItem.serverSelected a.menuUrl
{
  color: #333333;
}




#leftSidebar .dijitMenu.broadContext tr.dijitMenuItem.serverSelected
{
  background-color: #E1E1E1;
/*  border-top: 1px solid #0060aa;
border-bottom: 1px solid #0060aa;*/

}

body.generalContextStudent #leftSidebar .dijitMenu.broadContext tr.dijitMenuItem.serverSelected td.dijitMenuItemIconCell
{
  background-color: #40E0D0;
}

body.generalContextTutor #leftSidebar .dijitMenu.broadContext tr.dijitMenuItem.serverSelected td.dijitMenuItemIconCell
{
  background-color: #551A8B;
}

body.generalContextClient #leftSidebar .dijitMenu.broadContext tr.dijitMenuItem.serverSelected td.dijitMenuItemIconCell
{
  background-color: #FF1493;
}

body.generalContextStaff #leftSidebar .dijitMenu.broadContext tr.dijitMenuItem.serverSelected td.dijitMenuItemIconCell
{
  background-color: #8B4726;
}


#leftSidebar .dijitMenu.broadContext tr.dijitMenuItem.serverSelected td.dijitMenuItemLabel
{
  padding-top:10px;
  padding-bottom: 10px;

}


.es .dijitMenuTable {
  border-collapse: collapse;
  /*border-spacing: 0 1px;*/
}



.es .dijitContentPane {
  padding: 0;
}

.es #leftSidebar .dijitMenuPassive .dijitMenuItemHover, .es #leftSidebar  .dijitMenuPassive .dijitMenuItemSelected  {
  border-left-style: none;
  border-right-style: none;
}


.es #leftSidebar .dijitMenu.specificContext {
  width: 100%;
  border: none;
  margin: 0;
}

.es .dijitMenu.specificContext .leftMenuSubMenu .dijitMenuItem
{
  background-color: #0d2c50;
}
.es .dijitMenu.specificContext .leftMenuSubMenu .dijitMenuItem .dijitMenuItemLabel
{
  padding: 7px 4px;
}
.es .dijitMenu.specificContext .leftMenuSubMenu .dijitMenuItem a.menuUrl
{
  color: white;
}

.es  #leftSidebar .dijitMenu.specificContext .dijitMenuItem {
  width: 100%;
  background-color: #0d2c50;
  padding-right: 7px;
  border-top: 1px solid #14365f;
  border-bottom: 1px solid #092547;
  background-image: none;
}

.es #leftSidebar .dijitMenu.specificContext .dijitMenuItem.groupSeparator {
  background-color: #AAD1F1;
  border:none;
  cursor: default;
}
.es #leftSidebar .dijitMenu.specificContext .dijitMenuItem.groupSeparator .dijitMenuArrowCell {
  background: none;
}
.es #leftSidebar .dijitMenu.specificContext .dijitMenuItem.dijitMenuItemHover.groupSeparator.dijitMenuItemHover {
  background-color: #AAD1F1;
  border:none;
}

.es #leftSidebar .dijitMenu.specificContext .dijitMenuItem.dijitMenuItemSelected.groupSeparator {
  background-color: #AAD1F1;
  border:none;
}

.es #leftSidebar .dijitMenu.specificContext .dijitMenuItem.dijitMenuItemSelected {
  background-color: #0060aa;
}

.es #leftSidebar .dijitMenu.specificContext .dijitMenuItem.dijitMenuItemSelected.dijitMenuItemHover {
  background-color: #0080cc;
}


.es #leftSidebar .dijitMenu.specificContext .dijitMenuItem.dijitMenuItemHover {
  border:none;
  background-color: #0080cc;
  border-top: 1px solid #0080cc;
  border-bottom: 1px solid #0080cc;
}

.es #leftSidebar .dijitMenu.specificContext .dijitMenuItem td {
  padding: 0 !important;
}

.es #leftSidebar .dijitMenu.specificContext .dijitMenuItem .dijitMenuItemIconCell {
  width: 10px;
}

.es #leftSidebar .dijitMenu.specificContext .dijitMenuItem .dijitMenuItemLabel .menuUrl {
  line-height: 24px;
  color: white;
}

.es #leftSidebar .dijitMenu.specificContext .dijitMenuActive .dijitMenuItemHover,
.es #leftSidebar .dijitMenu.specificContext .dijitMenuItemSelected {
  border: none;
  background-color: #0080cc;
  background-position:0 0;
}
.es #leftSidebar .dijitMenu.specificContext .dijitMenuItemHover,
.es #leftSidebar .dijitMenu.specificContext .dijitMenuItemSelected,
.es #leftSidebar .dijitMenu.specificContext .dijitMenuItemHover,
.es #leftSidebar .dijitMenu.specificContext .dijitMenuItemSelected {
  /*padding-top: 6px;*/
  /*padding-bottom: 5px;*/
  /*margin-top: -3px;*/
}

.es #leftSidebar .dijitMenu.specificContext .dijitMenuItem .dijitMenuArrowCell {
  display: inline-block;
  background: url(images/icon_sprite.png) no-repeat 0 -634px;
  width: 8px;
  height: 14px;
  margin-top: 6px;
  margin-right: 4px;
}

#sidebarRightPane {
  width: 228px;
}

a.menuUrl {
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

.es #leftSidebar .dijitMenu.broadContext .dijitMenuItem .dijitMenuItemLabel .menuUrl {
  min-width: 103px;
}
/**
 * Contact details page styling
 * modified files
 * /include/addess.html
 * /include/phonenumber.html
 */



 .es .esAccessMessages
 {
   display:block;
   background-color:#FFA1A1;
   padding: 10px;
 }

 .es .esAccessMessages span.title
 {
   display:block;
   font-style:italic;
   font-size: 11px;
 }

 .es .esAccessMessages table
 {
   border-collapse: collapse;
 }

 .es .esAccessMessages table td.actionMessageAction
 {
   font-weight: bold;
 }
 .es .esAccessMessages table td
 {
   padding: 3px;
 }




 .es .esPageContent p.isolated
 {
  background-color: white;
  padding: 7px 15px;
}



.es .esPageContent p.clearBoth
{
 clear:both;
}






.es .dijitDialog.choice div.dijitDialogPaneContent{
 text-align: left;
}
.es .dijitDialog.choice span.choiceValue {
 padding-right: 10px;
}

.es .dijitDialog.choice div.dijitDialogPaneContent p.choice{
 text-align: left;

 padding:3px;
}


.es .resourceContainerList .emptyContainer {
 width:100%;
 display: block;
}
.es .resourceContainerList .esInvalidMessages{
 padding:5px 10px;
 background-color: #FCA2A2;
 border: 2px solid #DB3030;
}

.es .resourceContainerList .emptyContainer .resourceContainer {
 margin: 0;
}

.es .resourceContainerList .resourceContainer.isEmpty {
 margin-bottom: 20px;
}


.es .resourceContainerList.inline .objectRows.esFloatWrapper {
 display: block;
 min-height:2px;
}

.es .resourceContainerList.inline .objectRows .actionButtonsLocation {
 min-width: 60px;
}

.es .esColumns.containsEmbeddedResourceList .resourceContainerList.inline .resourceContainer
{
 border:none;
}
.es .esColumns.containsEmbeddedResourceList .resourceContainerList.inline
{
 margin:0px;
}


.es .resourceContainerList .esEmptyMessage {
 padding: 10px 10px;
 background-color: #EEEEEE;
}



.es .resourceContainerList .esTemplateRow.resourceContainer
{
 margin-bottom: 15px;
}
.es .resourceContainer.isAccordionContainer div.header .esTitleSpan .titleMain
{
 font-size: 15px;
 float: left;
 clear:both;
}

.es .resourceContainer.isAccordionContainer div.header .esTitleSpan .iconUrl
{
  padding-left: 15px;
}

.es .resourceContainer.isAccordionContainer div.header .esTitleSpan .bannerForTitle
{
  font-size: 13px;
  float: left;
  background-color: #0045AD;
  border-color: #003079;
  color: white;
  padding: 3px 10px;
  margin-bottom: 5px;
  clear:both;
}
.es .resourceContainer.isAccordionContainer div.header .esTitleSpan .main
{
  margin-bottom: 3px;
  display: block;
}
.es .resourceContainer.isAccordionContainer div.header .esTitleSpan .detail
{
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2em;
}
.es .resourceContainer.isAccordionContainer div.header .esTitleSpan .weight
{
  /* Same as .detail but inline, not floated */
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2em;
}
.es .resourceContainer.isAccordionContainer div.header .esTitleSpan .bannerForTitle.staffBackgroundColor
{
  background-color: #8B4726;
}
.es .resourceContainer.isAccordionContainer div.header .esTitleSpan .bannerForTitle.importantBackgroundColor
{
  background-color: #DB3030;
}

.es .resourceContainer.isAccordionContainer div.header .esTitleSpan .bannerForTitle.mediumBackgroundColor
{
  background-color: #F88017;
}


.es .resourceContainer.isAccordionContainer div.header .esTitleSpan .bannerForTitle.infoBackgroundColor
{
  background-color: #0045AD;
}

.es .resourceContainer.isAccordionContainer div.header .esTitleSpan .bannerForTitle.greenBackgroundColor
{
  background-color: #399E17;
}



.es .resourceContainer.isAccordionContainer div.header .esTitleSpan .bannerForTitle a
{
  color: inherit;
}

.es .resourceContainer.isAccordionContainer div.header .esTitleSpan .bannerForTutorCourseCanTimetable.forTutor .iconWrapper
{
  font-size: 20px;
}


.es .resourceContainer.isAccordionContainer div.header .esTitleSpan .bannerForTutorCourseCanTimetable.forStaff
{
 background-color: #0045AD;
 border-color: #003079;

}
.es .resourceContainer.isAccordionContainer div.header .esTitleSpan .bannerForTutorCourseCanTimetable
{
 font-size: 13px;
 float: left;
 background-color: #399E17;
 border-color: #278B05;
 color: white;
 padding: 3px 10px;
 margin-top: 10px;
 clear: both;
}
.es .resourceContainer.isAccordionContainer div.header .esTitleSpan .bannerForTutorCourseCanTimetable td.iconWrapper
{
  font-size: 16px;
  padding-right: 10px;
}
.es .resourceContainer.isAccordionContainer div.header .esTitleSpan .titleDetail
{
 font-size: 13px;
 font-weight: normal;
 line-height: 16px;
 float:left;
 clear:both;
}

.es .resourceContainer.isAccordionContainer div.header .esTitleSpan .detail .label
{

}


.es .esContentContainer .resourceContainer.isAccordionContainer > div.header.smallHeader,
.es .esContentContainer .resourceContainer.isAccordionContainer > div.header
{
}


.es .resourceContainer .openAccordionButtonNode
{
 float: right;
}
.es .resourceContainer .openAccordionButtonNode .accordionControl
{
 display:block;
 font-size: 40px;
 cursor: pointer;
 color: ;
}
.es .resourceContainer .openAccordionButtonNode .accordionControl:hover
{
 color: #1386d4;
}
.es .resourceContainer .viewUrlFieldLocation
{
 float:right;
}
.resourceContainer.form  {
 color: #000000;
}
.resourceContainer.form {
 background-color: #EBF5FF;
}

.resourceContainer .fieldNode.currency
{
}

.resourceContainerList th.currency
{
}

.resourceContainer .fieldNode.alignRight
{
 text-align: right;
}
.resourceContainer .valueNode.alignRight
{
 text-align: right;

}
.resourceContainer .fieldNode.alignRight input.dijitInputInner
{
  text-align: right;
}
.resourceContainerList th.alignRight
{
 text-align:right;
}




.email-token-highlight
{
  font-weight: bold;
  background-color: #ffea82;
}



.access_message h2 {
 /*margin: 0;*/
 margin: 12px 0;
 border: 3px solid red;
 padding: 12px;
}

.es span.infoMessage
{
 padding:3px 5px;
 font-style: italic;
 font-weight: bold;
 font-size:14px;
 color: #0d2c50;
 cursor:help;
}
.es .resourceContainer span.label, .es .resourceContainerList span.label
{
 font-weight: normal;
 color: #666666;
 font-size: 11px;
}

.es .resourceContainer span.label span.highlight, .es .resourceContainerList span.label span.highlight
{
 font-weight: bold;
 color: #DB3030;
}



.es .resourceContainer.adaptCols table.adaptCols thead th.noPad
{
 padding-top: 0px;
 padding-bottom: 0px;
}

.es .resourceContainer.adaptCols table.adaptCols
{
 table-layout: fixed;
 width:100%;
 border-collapse: collapse;
}
.es .resourceContainer.adaptCols table.adaptCols tr td
{
 border-bottom: solid 1px #f5f8ff;
 overflow: hidden;
}
.es .resourceContainer.adaptCols table.adaptCols tr:last td
{
 border-bottom: none;
}
.es .resourceContainer.adaptCols table.adaptCols td.fieldNodeLabel
{
 background-color: #E2E8F7;
 padding: 3px 7px;
 border-right: 8px solid #5D78C2;
 text-align: right;
}
.es .resourceContainer.adaptCols table.adaptCols td.fieldNodeLabel.alignLeft
{

 text-align: left;
}

.es .resourceContainer.adaptCols table.adaptCols td.fieldNode
{
 padding: 3px 7px;
}


.es .resourceContainer.adaptCols span.labelNode
{
 text-align: left;
}
.es .resourceContainer.adaptCols div.fieldsLocation .esTemplateRow:last-child
{
 border:none;
}
.es .resourceContainer.adaptCols div.fieldsLocation .esTemplateRow
{
  /* border-bottom: solid 1px #CCCCCC;*/
}
.es .resourceContainer.adaptCols div.fieldNodeLabel
{
 background-color: #DDDDDD;
 text-align: right;
}
.es .resourceContainer.rows span.labelNode
{
 width: 100%;
 float:left;
 clear: both;
 padding-bottom: 5px;
}
.es .resourceContainer span.valueNode
{
 width: 100%;
 float:left;
 clear:both;
}

.es .resourceContainer span.valueNode.fieldNameApprovalSummaryForStaff,
.es .resourceContainer span.valueNode.fieldNameLatenessAndStatusSummaryForStaff,
.es .resourceContainer span.valueNode.fieldNameLatenessSummaryForStaff,
.es .resourceContainer span.valueNode.fieldNameStatusSummaryForStaff
{
  font-size: 10px;
  padding-top: 5px;
  font-style: italic;
  color: #8B4726;
}
.es .resourceContainer span.valueNode.fieldNameApprovalSummaryForStaff span.value,
.es .resourceContainer span.valueNode.fieldNameLatenessAndStatusSummaryForStaff span.value,
.es .resourceContainer span.valueNode.fieldNameStatusSummaryForStaff span.value,
.es .resourceContainer span.valueNode.fieldNameLatenessSummaryForStaff span.value
{
  line-height: 14px;
}




.es .resourceContainer span.value
{
 overflow: hidden;
 text-overflow: ellipsis;
 line-height: 18px;
 width: 100%;
}

.es .resourceContainer td.fieldNameBody span.value
{
  max-height: 36px;
}


.es .resourceContainer span.valueNode.invalid
{
 padding:3px;
 background-color: #FCA2A2;
}
.es .resourceContainer .valueNode .emptyValue, .es .resourceContainer .value .emptyValue
{
 color:#AAAAAA;
}

.es .resourceContainer .accessDenied
{
  width: 100%;
  padding: 15px;
  background-color: #F9E9E9;
  color: #AD0808;
  font-size: 15px;
  text-align: center;
}
.es .resourceContainerList .accessDenied
{
  width: 100%;
  padding: 10px;
  background-color: #F9E9E9;
  color: #AD0808;
  font-size: 15px;
  text-align: center;
}

.es tr.resourceContainer td .accessDenied
{

  padding: 4px 10px;
  font-size: 13px;
}


.es  table.dijitSelect
{
 table-layout:fixed;
 width: 100%;
}

.es .dijitTooltipDialogPopup table.dijitSelect
{
  width: auto;
  table-layout:auto;
}

.es  table.dijitSelect td.dijitButtonContents
{
 overflow:hidden;
}

.es table.dijitSelect span.nullSelect, .es .dijitSelectMenu span.nullSelect
{
 color: #AAAAAA;
 font-style: italic;
}
.es  table.dijitSelect span.dijitReset.dijitSelectLabel
{
 overflow: hidden;
 text-align: left;
 font-weight:normal;
}

.es div.formPart .field
{
  padding:5px 0px;
}
.es div.formPart .field .valueNode
{
  display:block;
}

/*.es.claro .form dd {
  margin: 0;
  }
  */



  .fieldRequired {
    color: #FF0000;
  }



  div.loggedInAsAnotherUser {
    display: block;
    float:left;
    min-height: 20px;
    width: 100%;
    background-color: #0045AD;
    padding: 10px 20px;
    margin-bottom: 10px;
    color: #FFFFFF;
    border-radius: 4px;
  }
  div.loggedInAsAnotherUser .message {
    float: left;
    margin-left: 20px;
    line-height: 30px
  }

  div.loggedInAsAnotherUser .iconWrapper {
    font-size: 30px;
    float: left;
  }
  div.loggedInAsAnotherUser a {
    color: #FFFFFF;
    font-weight: bold;
  }

  #flashMessageWrapper
  {
    z-index: 5000;
    display: block;
    position: fixed;
    top: 41px;
    padding-left: 10px;
    padding-right: 10px;
  }

  div.flashMessage {
    margin-top:3px;
    display: block;
    min-height: 15px;
    width: 100%;
    background-color: #0045AD;
    border-radius: 4px;
    color: #FFFFFF;
    padding: 6px 10px;
    border: solid 2pt #003079;
  }

  .es div.flashMessage td.messageTd div.message a
  {
    color: inherit;
  }
  div.flashMessage div.clickToClose{
    position:absolute;
    font-size: 20px;
    right: 20px;
  }
  div.flashMessage div.clickToClose i {
    cursor: pointer;
  }
  div.flashMessage div.clickToClose:hover i {
    color :#DDDDDD;
  }
  .resourceContainer .fieldNode .value .iconWrapper.iconWrapperLarge,
  .iconWrapper.iconWrapperLarge
  {
    font-size: 25px;
  }

  .flashMessage .iconWrapper {
    float:left;
    font-size: 30px;
  }

  .flashMessage .message {
    text-align: left;

    float:left;
  }


  div.flashMessage table td.iconTd
  {
    padding-left: 10px;
  }

  div.flashMessage table td.messageTd
  {
    padding-left: 25px;
  }



  div.flashMessage .message h3{
    margin:0;
    font-size: 15px;
  }
  div.flashMessage .message p{

    font-size: 13px;
    line-height: 15px;
    margin:0;
    margin-top: 4px;
    padding: 0;
  }



  div.flashMessage .message p span.resourceTitle
  {
    display: block;
    padding-bottom: 5px;
  }

  div.flashMessage .message p span.field
  {
    font-weight: bold;
    margin-right: 4px;
  }

  div.flashMessage .message p span.invalidValue
  {
    display: block;
    padding-top: 2px;
    padding-bottom: 10px;
  }


  .flashMessage.success {
    background-color: #399E17;
    border-color: #278B05;
  }

  .flashMessage.failure {
    background-color: #DB3030;
    border-color: #A81414;
  }


/**
 * Footer styling by Electric Studio
 */

 .es #container
 {
   position: relative;
   height: 100%;
 }
 .es #footerPanebackground {
   width: 100%;
   height: 16px;
   border-top: 1px solid #C9D0D7;
   background-color: #FFFFFF;
   position: absolute;
   bottom: 0px;
   z-index: -1;
 }

 .es #footerPane {
   width: 100%;
   position: absolute;
   bottom: 0px;
   height: 16px;
   overflow: hidden;
   text-align: center;
   border-top: 1px solid #C9D0D7;
   background-color: #FFFFFF;
   color: #777777;
 }

 .es #footerPane span {
   font-size: 10px;
   line-height: 12px;
   display: inline-block;
   padding-right: 12px;
 }
 .es #footerPane span a {
  color: inherit;
}
.es #footerPane span.environmentInfo {
 color: #FF0000;
}

.es div.environmentInfoWarning
{
  background-color: #DB3030;
  border-color: #A81414;
  color: #FFFFFF;
  padding: 10px  5px;
  font-size: 14px;
  text-align: center;
  margin-top: -10px;
  margin-bottom: 6px;
}





/**
 * ADDED BY OXDS
 */
 body
 {
   color: #333333;
   background-color: #ecedef;
   min-height: 100%;
 }



 div.resourceContainerAccessMessages
 {
   background-color: #FFDEDE;
   border-bottom: solid 2pt #FFA1A1;
   border-top: solid 2pt #FFA1A1;

 }

 div.resourceContainerAccessMessages h2
 {
   font-size: 9pt;
   margin: 0px;
   margin-bottom: 3px;
   font-style: italic;
   font-weight: normal;
 }
 div.resourceContainerAccessMessages span.actionMessageAction
 {
   font-size: 10pt;
   margin-right: 5px;
   font-weight: bold;
   padding-right: 5px;
   border-right: solid 1px;
 }
 div.resourceContainerAccessMessages span.actionMessageMessage
 {
   font-size: 10pt;
 }


 .esInnerFloat
 {
   float:left;
 }
 .esColumns
 {
   height: 100%;
 }

 .esFillWidth
 {
   width: 100%;
 }



 .resourceContainerList div.objectRowsNode
 {
   float:left;
   position: relative;
 }

 .inlineResourceList.esColumns
 {
   margin: 0;
   padding:0;
 }

 .resourceContainerList.inlineResourceList .managedContainerList.esColumns
 {

 }

 .inlineResourceList.value .esColumns .resourceContainer
 {
   margin: 0;
 }

 /*ADDED BY OXDS*/


 a.standardUrl
 {
   text-decoration: none;
 }

 a.downloadUrl i
 {
   font-size: 30px;
 }
 a.iconUrl:hover
 {
   color: #1386d4;
 }

 a.iconUrl
 {
   color: inherit;
 }
 a.iconUrl i
 {
   color: inherit;
   font-size:20px;
 }

 .es .resourceContainer .metaInfo
 {
   text-align: right;
   float:right;
   position: relative;
   margin-top: -18px;
 }
 .es .resourceContainer .metaInfoWrapper
 {

   margin-top: 4px;
   padding-top: 4px;
   padding-bottom: 2px;
   border-top: 1px solid #CCCCCC;
   float:right;
   clear:both;
 }


 .es .resourceContainer .metaInfo .iconWrapper
 {
   color: #999999;
   float:right;
   font-size: 18px;
 }

 .es .resourceContainer .metaInfo .iconWrapper i
 {
   padding-left: 5px;
   padding-right: 5px;
   cursor: pointer;

 }


 .es span.displayConfigEdit,
 .es span.createEditText span
 {
   float:right;
   clear:both;
   margin-left:5px;
   margin-bottom:3px;
   font-size: 9px;
   color: #888888;
 }

 .es span.displayConfigEdit a,
 .es  span.createEditInfo a
 {
   color: #888888;
 }


 .es .resourceContainer div.expandableFeedback
 {

 }
 .es .resourceContainer div.expandableFeedback span.dijitButton
 {
  margin-top:10px;
}

.es .resourceContainer.EventFeed.form
{
 background-color: transparent;
}
.es .resourceContainer.EventFeed div.esColumns
{
 padding: 2px 7px;
}
.es .resourceContainer.EventFeed div.label
{
 font-size: 10px;
 background-color: transparent;
}
.es .resourceContainer.EventFeed .resourceContainerList.inlineResourceList .inlineResourceContainer.esRow .esTemplateRow .value
{
 padding: 2px 7px;
 line-height: normal;
 min-height: 4px;
}
.es .resourceContainer.EventFeed .inlineResourceList .newContainerButtonsLocation.esOne
{
 width: 120px;
}
.es .resourceContainer.EventFeed .inlineResourceList  .buttonsLocation.esOne
{
 width: 120px;
}
.es .resourceContainer.EventFeed .inlineResourceList .inlineResourceContainer .esTwo
{
 width: 120px;
}


.es .resourceContainer.EventFeed div.resourceContainerList
{
 margin-bottom: 18px;
}

.es .resourceContainer.EventFeed div.value
{
 font-size: 12px;
}

.es
{
 font-size: 13px;
}

.es .contentNode
{
  line-height: 18px;
}

.resourceContainerList .esHeading, .resourceContainer .esHeading
{
 background-color: #D9F1FE;
 margin-bottom: 10px;
}
.resourceContainerList .esHeading table.heading td
{
 padding: 3px 10px;
 vertical-align: middle;
}


.resourceContainerList .esHeading .esTitleSpan
{
 font-size: 16px;
 padding: 4px 0px;
 display: inline-block;
}

.resourceContainer .esHeading
{
 padding-top:3px;
 padding-bottom:3px;
}
.resourceContainer .esHeading .esTitleSpan
{
 font-size: 12px;
 padding-top:5px;
 float:left;
 padding: 3px 7px;
}

.es .resourceContainer .esCollapsed span.label
{
 font-size: inherit;
 color: inherit;
 margin-bottom: 2px;
 margin-right: 4px;
 font-weight:bold;
}
.es .resourceContainer .esCollapsed span.value
{
 float:left;
 clear:both;
 margin-bottom: 2px;
}

.resourceContainerList .esSort
{
 float:left;
 width: 30%;
 clear:both;
}
.es .resourceContainerList .esSort div.header.lightHeader
{
 min-height: 0;
}

.resourceContainerList .esFilters
{
 float:left;
 width: 65%;
}
.resourceContainerList .esCustomQueryList
{
 float:left;
 width: 30%;
}
.resourceContainerList .esCustomQueryList .esContentContainer
{
 width: 100%;
}

.resourceContainerList div.resourceContainer
{
 border-bottom: solid 1px #C9D0D7;
}
.resourceContainerList div.resourceContainer.invisible
{
  border-bottom: none;
}

.resourceContainerList div.simpleSmall.resourceContainer
{
 border-bottom: none;
}


.resourceContainerList .resourceContainer.last
{

}

.resourceContainerList .resourceContainer.standalone
{

}
.es .resourceContainer.blocked .resourceContainer.isForm .label
{
 color:#666666;
}

.resourceContainer.isForm
{
 background-color: #E5F4FF;
 border-top: solid 1px #9ED3FF;
 border-bottom: solid 1px #9ED3FF;
}
.resourceContainerList .resourceContainer.isForm:hover
{
 background-color: #F8FDFF;
}

.resourceContainerList .resourceContainer:hover
{
 background-color: #F8FDFF;
}


div.displayTable div.header
{
 font-size: 1em;
 background-color: #0060AA;
 color: #FFFFFF;
}


table.cleared
{
 border-collapse: collapse;
 margin:0px;
 padding:0px;
}
table.cleared tr
{
 margin:0px;
 padding:0px;
}

table.cleared td
{
 margin:0px;
 padding:0px;
}

.es th   table.sortNode tbody tr
{
 background-color: inherit;
}

.es th table.sortNode tbody tr td
{
 padding:0;
}


table.heading,
table.filterList,
table.sortNode

{
 border-collapse: collapse;

}
table.standard, table.heading
{
 table-layout:fixed;
 border-collapse: collapse;

}
table.standard tr.title th
{
 font-weight: normal;
 background-color: #DEE1F3;
 border-bottom: 6px solid white;
 vertical-align: middle;
 padding-top:5px;
 padding-bottom: 5px;

}

table.standard tr.title th span.sort
{
 color: #333333;
 cursor: pointer;

}
table.standard tr.title th span.sort i
{
 margin-left: 4px;
 float: right;
}
table.standard tr.title th span.sort:hover
{
 text-decoration: underline;
}



table.standard tr.title th span.sort
{
  background-position: 100% 50%;
  background-repeat: no-repeat;
  padding-right: 4px;
}


table.standard tr td .actionButtonsLocation
{
  float:right;
  max-width: 100%;
}

table.standard tr.title th span.label
{
  font-size: 13px;
  color: inherit;
}


table.standard tr.isForm
{
  background-color: #E5F4FF;
  border-top: solid 1px #9ED3FF;
  border-bottom: solid 1px #9ED3FF;
}

table.standard tr.isForm:hover
{
  background-color: #E5F4FF;
}


table.standard > tbody > tr
{

  background-color: #EDEFFA;
  border: none;
}
table.standard tbody tr:first-child td
{

}

table.standard tbody tr td
{
  padding-top: 8px;
  padding-bottom: 8px;
}
table.standard  tr.alt
{
  background-color: #FFFFFF;
}
table.standard  tr.title
{
  background-color: #FFFFFF;

}


table.standard  tr.objectRow:hover, tr.objectRow.alt:hover
{
  background-color: #E5F4FF;
}

table.standard  tr.objectRow.sectionHeader,
table.standard  tr.objectRow.sectionHeader:hover
{
  background-color: #FFFFFF;
}
table.standard  tr.objectRow.sectionHeader
{
  font-size: 14px;
  font-weight: bold;
}
table.standard  tr.objectRow.sectionHeader td
{
  padding-bottom: 10px;
  padding-top: 5px;
  border-top: solid 2px #BBBBBB;
}


table.inline
{
  border-collapse: collapse;
  table-layout: fixed;
}

table.inline thead tr
{
  background-color: transparent;
}


table.inline tbody tr
{
  background-color: transparent;
}

table.inline thead tr td,
table.inline tbody tr td
{
  padding-top:0px;
  padding-bottom: 0px;
}








table.standard td,th
{
  text-align: left;
  padding: 4px 8px;
}

table.standard tr.title > td,
table.standard tr.title > th
{
  padding-top:6px;
  padding-bottom:4px;
}

table.standard tr.title > th
{
  overflow: hidden;
}







div.pagination
{
  padding-top: 10px;
  padding-left: 5px;

  font-size:10pt;
  color: #5A5A5A;
}
div.pagination span,
div.pagination a
{
  padding-left:1px;
  padding-right:1px;
  float: left;
}

.spanLink
{
  cursor: pointer;
  color: #1386d4;
}

.spanLink:hover
{
  text-decoration: underline;
}
div.pagination span.previous
{
  padding-right:3px;
}


div.pagination span.next
{
  padding-left:3px;
}

div.pagination span.numberInfo
{
  padding-left:5px;
}





.es .dijitPopup .resourceContainer, .es .dijitPopup .resourceContainerList
{
  float:none;
}

.es .dijitTooltipDialogPopup .esContentContainer
{
  border:none;
  margin:0;
}
.es .dijitTooltipDialogPopup .esContentContainer .innerContent
{
  padding:0;
  margin-bottom: 0;
}


.es .dijitTooltipDialogPopup .esContentContainer .header
{
  display:none;

}



.es .pageTitleWrapper {
  position:fixed;
  bottom:45px;
  z-index:10;
  left:0;
}
.es.noPageTitle .pageTitleWrapper {
  display: none
}
.es .pageTitle {
  min-height: 30px;
  overflow: hidden;
  font-size: 16px;
  margin-top: 0;
  position:absolute;
  right: 0;
  background-color: #DDDDDD;
  padding: 5px;
  border: solid 1px #CCCCCC;
  border-radius: 7px;

  color: #0d2c50;
  opacity: 0.85;
  font-weight: normal;
  text-align: right;
  font-family: 'DroidSans', 'Verdana', sans-serif;
}

.es .pageTitle a.standardUrl {
  color: inherit !important;
}




.es .sectionTitle {
  font-size: 12px;
  padding: 7px 10px;
  background-color: #AAD1F1;
  font-weight: normal;
  font-family: 'DroidSans', 'Verdana', sans-serif;
}



.es .pageTitle .innerFloatRight span.label{
  font-size: 12px;
}
.es .pageTitle .innerFloatRight {
  float:right;
}
.es .pageTitle .expandableLinks {


}


.es .pageTitle div.label {
  font-size:12px;
  padding: 2px 8px;
  text-decoration: none;
  color: #0060AA;
}





.es .esContentContainer.center {
  float: none;
  margin: auto;
}

.es .esContentContainer.calendarContainer
{

}
.es .resourceContainerList .objectRow.invisible > .fieldNode
{
  float:left;
}

.es .resourceContainerList .inline div.objectRows
{
 /* //float:left;*/
}

.es .resourceContainerList .inline div.objectRows > .resourceContainer
{
  clear:both;
}


.es  .resourceContainerList.esContentContainer.noContainer
{
  border: none;
}
.es  .resourceContainerList.esContentContainer.noContainer > .innerContent
{
  padding:0;
}

.es  .resourceContainerList.esContentContainer.noContainer > .header
{
  display: none;
}

.es .esContentContainer
{
  overflow: hidden;
  float:left;
  position: relative;
  background-color: #FFFFFF;
  margin-bottom:10px;
  border: solid 1px #CCCCCC;
  margin-right: 10px;
}

.es .esContentContainer.hideHeader div.header {
  display:none;
}

.es .esContentContainer div.header {
  width: 100%;
  padding: 2px 10px;
}

.es .esContentContainer div.header td.titleText
{
  padding-right: 40px;
}


.es table.tooltipUrl
{
  width: 100%;
  table-layout: fixed;
}
.es table.tooltipUrl td.iconNode
{
  width:40px;
}
.es .esContentContainer.genericInfo div.header {
  font-size: 13px;
  padding: 5px 10px;
  margin-bottom: 5px;
  font-weight: bold;
  background-color: #f4f7ff;
  border-bottom: solid 1px #cccccc;
  min-height: 30px;
}

.es .esContentContainer.genericInfo.warning div.header
{
  background-color: #DB3030;
  color: #FFFFFF;
  border-color: #A81414;

}
.es .esContentContainer.genericInfo.warning,
.es .esContentContainer.genericInfo.warning div.innerContent
{
  background-color: #FFD3D3;
}

.es .esContentContainer div.header.smallHeader {
  font-size: 13px;
  padding: 5px 10px;
  margin-bottom: 5px;
}

.es .fieldNode.limitHeight span.value
{
  text-overflow:ellipsis;
  white-space: nowrap;
  max-height: 20px;
}

.es .fieldNode.containsEmbeddedResourceList .esContentContainer div.header.mediumHeader
{
  font-size: 14px;
  padding: 3px 10px 5px 10px;
  margin-bottom: 5px;
  min-height: 20px;
}

.es .esContentContainer div.header.mediumHeader {
  font-size: 17px;
  padding: 8px 10px 20px 10px;
  margin-bottom: 10px;
}
.es .esContentContainer div.header.largeHeader {
  font-size: 20px;
  padding: 15px 20px;
  margin-bottom: 20px;
}

.es .esContentContainer div.header.logoHeader {
  padding: 3px 15px;
}

.es .esContentContainer.resourceContainer div.header table.heading
{
  width: 100%;
}

.es .resourceContainer .esInnerFloat.buttonsAtBottom .resourceContainerButtonsLocation
{
  padding-top: 10px;
}
.es .resourceContainer.largeButtons .esInnerFloat.buttonsAtBottom .resourceContainerButtonsLocation
{
  padding-top: 20px;
}

.es .esContentContainer.resourceContainer div.header .resourceContainerButtonsLocation
{
  float:right;
}

.es span.logoMedium
{
  background-image: url(images/logo.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  width: 175px;
  height: 60px;
}

.es .esContentContainer div.header.darkHeader {
  color: #FFFFFF;
  background-color: #0d2c50;
}

.es .esContentContainer div.header.lightHeader {
  font-weight: bold;
  background-color: #f4f7ff;
  border-bottom: solid 1px #cccccc;
  min-height: 30px;
}

.es .esContentContainer div.header.lightHeader.darker {
  background-color: #eaeef2;
}

.es .esContentContainer .innerContent {
  float:left;
  padding: 10px 10px;
  width:100%;
  margin-bottom: 5px;
}
.es .esContentContainer .innerContentAlignWithHeader {
  /* This lines the text up with .header */
  padding: 20px 22px;
}
.es .esContentContainer .innerContent .esContentContainer .innerContent {
  margin-bottom: 0;
}


.es .esContentContainer .innerContent.padBottom {
  padding-bottom: 30px;
  margin-bottom: 20px;
}

.es .esContentContainer .detail
{
  float:left;
  font-size: 11px;
}

.es .esContentContainer .detail.pushToHeader
{
  padding-left: 20px;
  margin-top: -13px;
  margin-bottom: 10px;
}

.es .esContentContainer .innerContent.borderLeft {
  border-left: solid 2px #DDDDDD;
}
.es .esContentContainer .innerContent.borderRight {
  border-right: solid 2px #DDDDDD;
}

.es .esContent
{
  padding: 5px 5px;

}


.es .pageTitle .breadcrumbTrail {
  float:right;
  padding: 3px 0px 3px 0px;
  font-size:10px;
  clear:both;
}
.es .pageTitle .titleContent {
  float:right;
}

.es .esPageContentHeader {
 /*  border-right: solid 1px #C9D0D7;
 border-bottom: solid 1px #C9D0D7;*/
 position: relative;
 margin-bottom: 20px;
}

.es.calendarInstance .esPageContentHeader {
  margin-bottom: 10px;
}



.es .esPageContentContent {
 /*  border-right: solid 1px #C9D0D7;
 border-bottom: solid 1px #C9D0D7;*/
 position: relative;
}

.es .esPageContent {
/*   margin: 0 auto;
*/   margin-bottom: 23px;
padding-bottom: 15px;
clear: both;
 /*  border-right: solid 1px #C9D0D7;
 border-bottom: solid 1px #C9D0D7;*/
}

.es .esPageContent p {
  padding: 2px 5px;
  line-height: 17px;
}

.es .esPageContent ul li {
  line-height: 17px;
}


body.es.calendarInstance .esPageContent {
  width:100%;

}

.fullCalendarDijit
{
  min-width: 2px;
}


.es .dijitTextBox .dijitPlaceHolder
{
  top:2px;
}

/*EMBEDDED RESOURCE LISTS*/
.es .esColumns.containsEmbeddedResourceList .resourceContainerList
{

  /*float:left;*/
  margin-left: 0;
  margin-top: 5px;
}
.es .esColumns.containsEmbeddedResourceList .resourceContainerList tr.title th
{
  padding: 4px 8px;

}
.es .esColumns.containsEmbeddedResourceList
{
  padding: 0;
}

.es .esColumns.containsEmbeddedResourceList .resourceContainerList .esHeading
{
  background-color: transparent;
  padding: 0;
  min-height: 30px;
  margin-bottom: 0;
}


.es .esColumns.containsEmbeddedResourceList .resourceContainerList .esHeading .esTitleSpan
{
  padding:0px;
  font-weight:bold;
  float:none;
}

/*ALL OF THE BLOCKING*/


.es .resourceContainer.blocked .label
{
  color: #C1C1C1;
}
.es .resourceContainer.blocked a
{
  color: #888888;
}

.es .resourceContainer.blocked span.createEditText
{
  color: #C9C9C9;
}

.resourceContainer.blocked.isView  {
  color: #AAAAAA;
}

.resourceContainer.isForm  {
  color: #333333;
}
.resourceContainerList .resourceContainer.isView.blocked:hover
{
  background-color: transparent;
}

table.standard tr.isView.blocked
{
  color: #BBBBBB;
}

table.standard  tr.isView.blocked:hover
{
  background-color: transparent;
}
table.standard  tr.alt.isView.blocked:hover
{
  background-color: #F6F7F8;
}

/*unblock the form container*/

.es .esColumns.containsEmbeddedResourceList .resourceContainerList .resourceContainer.isForm {
  color: #333333;
}

.es .esColumns.containsEmbeddedResourceList .resourceContainerList.isForm .label{
  color: #666666;
}

.es .esColumns.containsEmbeddedResourceList .resourceContainerList .resourceContainer.isForm span.createEditText{
  color: #888888;
}

.es .esColumns.containsEmbeddedResourceList .resourceContainerList .resourceContainer.isForm a{
  color: #1386D4;
}

.es .tooltipList.dijitTooltipContainer
{
  padding: 4px 0px;
}


.es .dijitTooltipDialog.alertStatusTooltipList .tooltipList
{
  width: 850px;
  font-size: 11px;
}

.es .dijitTooltipDialog.searchBox .tooltipList
{
  width: 450px;
  font-size: 11px;
}
.es .tooltipList
{
  width: 400px;
  font-size: 11px;
}
.es .tooltipList .title
{
  width: 100%;
  border-bottom: solid 1px #C9D0D7;
  font-weight:bold;
  padding: 4px 8px 8px;
}
.es .tooltipList .list
{
  max-height: 300px;
  overflow: auto;
}
.es .tooltipList .list .summary
{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-height: 20px;
  font-size: 13px;
}
.es .tooltipList .list .message
{
  color: #555555;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-height: 20px;
}

.es .tooltipList .resourceContainerList .resourceContainer
{

}

.es .tooltipList .list span.emptyText
{
  font-size: 12px;
  color: #555555;
  padding-left: 5px;
}

.es .tooltipList .list .listMember span, .es .tooltipList .list .listMember div
{
  padding-top: 2px;
  padding-bottom: 2px;
}
.es .tooltipList .list .listMember:hover
{
  background-color: #EBF5FF;
}


.es .tooltipList .resourceContainerList .resourceContainer .labelNode
{
  padding:0;
}
.es .tooltipList .resourceContainerList .resourceContainer a.standardUrl,
.es .tooltipList .list .listMember a.standardUrl
{
/*  border-radius: 5px;
*/}

.es .tooltipList .resourceContainerList .resourceContainer
{
  border-bottom: 1px solid #cccccc;
}

.es .tooltipList .resourceContainerList .resourceContainer .standardUrl .iconWrapper
{
  font-size: 30px;
  float:left;
  padding-right: 10px;
  color: #1386D4;
}

.es   .resourceContainer .displayAlertTitle .iconWrapper
{
  font-size: 30px;
  float:left;
  padding-right: 10px;
  color: #1386D4;
}
.es   .resourceContainer .displayAlertTitle span.summary
{
  font-size: 18px;
  display: block;

}
.es   .resourceContainer .displayAlertTitle span.message
{
  font-size: 12px;
  font-weight: normal;
  color: #555555;
  display: block;
  margin-top: 5px;
  line-height: 1.3em;
}


.es .iconWrapper.newTutorIcon
{
  color: #551A8B;
}
.es   .resourceContainer.highPriority .displayAlertTitle .iconWrapper,
.es .tooltipList .resourceContainerList .resourceContainer.highPriority .standardUrl .iconWrapper
{
  color: #DB3030;

}
.es   .resourceContainer.lowPriority .displayAlertTitle .iconWrapper,
.es .tooltipList .resourceContainerList .resourceContainer.lowPriority .standardUrl .iconWrapper
{
  color: #399E17;
}




.es .tooltipList .emptyText
{
  padding-bottom: 2px;
}

.es .tooltipList .listMember
{
  width: 100%;
  padding: 2px 7px 2px 7px;
  border-bottom: solid 1px #C9D0D7;
}


.es .tooltipList .listMember.esWarning,
.es .tooltipList .listMember.esWarning:hover
{
  background-color: #DB3030;
  color: #FFFFFF;
}
.es .tooltipList .listMember.esWarning .summary,
.es .tooltipList .listMember.esWarning .message
{
  color: #FFFFFF;
}

.es .tooltipList .listMember.esWarning a
{
  color: #FFFFFF;
}


.es .tooltipList .listMember .name
{
  font-size: 13px;
}
.es .tooltipList .listMember .email
{
}

.es .tooltipList .list .es2
{
  width: 100%;
}
.es .tooltipList .list .esColumns
{
  padding: 0px;
}
.es .tooltipList .list .esTemplateRow.resourceContainer
{
  margin: 0px;
}
.es .tooltipList .list .esTemplateRow.resourceContainer .value
{
  display:block;
}
.es .tooltipList .resourceContainerList a.standardUrl,
.es .tooltipList .resourceContainerList span.standardUrl
{
  display: block;
  padding: 2px 8px;
  width: 100%;
  color: inherit;
}
.es .tooltipList .resourceContainerList span.standardUrl a.standardUrl
{
  padding: 0;
}
.es .tooltipList .resourceContainerList span.standardUrl a.standardUrl:hover
{
  text-decoration: underline;
}

.es .tooltipList .resourceContainerList a.standardUrl:hover
{
  text-decoration:none;
}
.es .tooltipList a.standardUrl span.summary,
.es .tooltipList span.standardUrl span.summary

{
  display: block;
  font-weight:bold;
  padding-bottom: 2px;
}

.es .tooltipList a.standardUrl span.message,
.es .tooltipList span.standardUrl span.message
{
  display: block;
  max-height: 20px;
  overflow: hidden;
}

.es .tooltipList .list
{
  width: 100%;
  padding: 1px 0px;

}
.es .tooltipList .list a.standardUrl table
{
  border-collapse: collapse;
}

.es .tooltipList .list a.standardUrl
{
  padding-top:6px;
  padding-bottom:6px;
}
.es .tooltipList .list a.standardUrl
{
  padding-top:6px;
  padding-bottom:6px;
}

.es .tooltipList .viewAll
{
  width: 100%;
  padding: 4px 0px 4px;
  text-align: center;
  font-size: 13px;
  background-color: #f3f3f3;
}
.es .tooltipList .viewAll a.standardUrl
{
  font-weight:bold;
}

.es .tooltipList .bottomUrls
{
  text-align: right;
  width: 100%;
  padding: 2px 0px 6px;
  background-color: #f3f3f3;

}
.es .tooltipList .bottomUrls a.standardUrl
{
  margin-left: 2px;
  margin-right: 7px;
}


.es.claro .dijitDialog
{
  border: none;
}

.es.claro .dijitDialog.dijitDialogHover .dijitDialogTitleBar
{
  background-color: #0045AD;
}




.es.claro .dijitDialog .dijitDialogTitleBar
{
  border: none;
  padding: 10px 10px;
  background: none;
  background-color: #4173BE;
  color: #FFFFFF;
}

.es.claro .dijitDialog .dijitDialogPaneContent
{
  border: none;
  overflow: auto;
}

.es.claro .dijitDialog .dijitDialogPaneContent p
{
  margin:0;
  margin-top: 0.5em;
  margin-bottom: 0.7em;
  line-height: 14px;
}

.es.claro .dijitDialogTitle
{
  color: inherit;
  font-size: 17px;
}

.es.claro .dijitDialogTitleBar span.iconWrapper
{
  font-size: 20px;
  padding-right: 10px;
}


.es.claro .dijitDialogTitleBar span.dijitDialogCloseIcon
{
  background: none;
}

.es.claro .dijitDialog
{
  min-width: 200px;
}

.es.claro .dijitDialogTitleBar span.closeText
{
  display: inline;
  font-size: 17px;
}
.es.claro .dijitDialogTitleBar span.closeText:hover
{
  color: #DDDDDD;
}

.es.claro .dijitDialog.dijitDialogHover .containerNodeWrapper
{
  background-color: #FFFFFF;
}
.es.claro .dijitDialog .containerNodeWrapper
{
  position: relative;
  background-color: #FDFEFF;
}
.es.claro .dijitDialog.expandableDialog .containerNodeWrapper
{
  padding: 10px 15px 20px 15px;

}



/*DO CALENDAR OVERRIDES*/
.es .dijitTooltipDialog.calendarTooltip .resourceContainer.isForm
{
  background-color: #FFFFFF;
  border: none;
}
.es .dijitTooltipDialog.calendarTooltip
{
  width: 250px;
}
.es .dijitTooltipDialog.calendarTooltip .es5
{
  width: 100%;
}
.es .dijitTooltipDialog.calendarTooltip .esColumns.es2
{
  width: 80px;
}

.es .dijitTooltipDialog.calendarTooltip .esColumns.es3
{
  width: 130px;
}
span.dijitReset.dijitSelectLabel{
  overflow: hidden;
  text-align: left;
}

.es .dijitTooltipDialog.calendarTooltip .es3.fieldNode table.dijitSelect span.dijitReset.dijitSelectLabel{
  width: 86px;
}

/*generic html styling for agglomerations*/

div.esPageBreak{
  clear:both;
}

div.esBreak{
  clear:both;
}

div.esTextBox
{
}

div.esTextBox span.title, .es  div.esTitle
{
  padding: 4px 10px;
  display: block;
  font-size: 14px;
  background-color: #D9F1FE;
  width: 100%;
  line-height: 20px;
  margin-bottom: 4px;
}

.es  h2.title
{
  padding: 4px 10px;
  display: block;
  font-size: 14px;
  background-color: #D9F1FE;
  width: 100%;
  line-height: 20px;
  margin-bottom: 4px;
  margin-top:4px;
}
div.esTextBox span.content
{
  padding: 4px 10px;
  display: block;
}

div.esConfigurableHtml span.content
{
  padding: 4px 10px;
  display: block;
}



/*File uploader*/

.es .dojoxUploaderFileList
{
  border: none;
  min-height:0px;


}
.es .dojoxUploaderFileListTable
{
  margin-top:0px;
}
.es .dojoxUploaderFileListHeader
{
  display:none;
}

.es .dojoxUploaderIndex
{
  display:none;
}
.es .dojoxUploaderSize
{
  display:none;

}
.es .dojoxUploaderIcon
{
  display:none;
}

.es .formatChoiceWrapperRight .esFormatChoice
{
  float:right;
  padding-right: 5px;
  padding-top: 5px;
}

.es .resourceContainerList .formatChoiceWrapper,
.es .resourceContainer .formatChoiceWrapper
{
  position: absolute;
  top: 3px;
  right: 1px;
}
.es  .esFormatChoice .iconWrapper
{
  color: #888888;
  font-size: 20px;
  cursor: pointer;
  padding: 0 4px;
}
.es  .esFormatChoice .iconWrapper:hover
{
  color: #0045AD;
}

.es .pageTitle .esFormatChoice .iconWrapper
{
  font-size: 26px;
}
.es .pageTitle table
{
  border-collapse: collapse;
}
.es form div.largeForm
{
  float:left;
  font-size: 16px;

}
.es form div.largeForm ul.errors
{
  font-size: 10px;
  color: #DB3030;
  margin:0;
  margin-top: 2px;
  margin-bottom: 4px;
}

.es form div.largeForm span.element .dijit.dijitSelect
{
  width: 100%;
}

.es form div.largeForm span.element .dijit.dijitTextBox
{
  width: 100%;
}
.es form div.largeForm span.element.defaultDecorator
{
  width: 100%;

}

.es form div.largeForm span.element
{
  font-size: 20px;
  float:left;
  clear:both;
}
.es form div.largeForm span.label
{
  float:left;
  padding-bottom: 3px;
  font-size: 11px;
}


.es form div.largeForm span.elementRow
{
  width: 100%;
  float:left;
  clear:both;
}
.es form div.largeForm span.elementRow span.element
{
  padding-bottom: 10px;
}

.es form div.largeForm span.elementRow span.element.hiddenElement
{
  padding-bottom: 0px;
}

.es form div.largeForm span.buttonRow
{
  float:right;
  clear:both;
}

.es #loginForm span.passwordRow
{
  padding-bottom: 4px;
}
.es #loginForm span.forgottenDetailsRow
{
  padding: 0px 0px 5px 0px;
  font-size: 11px;
}
.es #loginForm span.forgottenDetailsRow span.element
{
  font-size: inherit;
}

.es #supportForm #supportForm_content
{
  min-height: 6em;

}



.es form table.form
{
  border-collapse: collapse;
}
.es form table .label
{
  color: #555555;
}


.es form table.largeForm
{
  font-size: 14px;
}
.es form table.largeForm td.element
{
  font-size: 17px;
}
.es form table.largeForm tr.elementRow td
{
  padding: 10px 3px;
}






.standardHelpMessage
{

  padding-top: 10px;
}



span.chooseProfile
{
  float:left;
  padding: 5px 10px;
  font-size:16pt;

}

div.radioButtonGroup table.radioButtonGroupTable
{
  table-layout: fixed;
  border-collapse: collapse;
}

div.simpleRadioButtonGroup table.simpleRadioButtonGroupTable
{
  border-collapse: collapse;
}

div.simpleRadioButtonGroup.invalid table.simpleRadioButtonGroupTable td.val
{
 background-color: #D46464;
}


div.simpleRadioButtonGroup table.simpleRadioButtonGroupTable
th.val,
div.simpleRadioButtonGroup table.simpleRadioButtonGroupTable
td.val
{
  text-align:center;
  overflow: hidden;
  font-weight: normal;
}

div.radioButtonGroup table.radioButtonGroupTable td.val, div.radioButtonGroup th.val
{
  text-align:center;
  overflow: hidden;
}

div.compositeDijit
{
  float:left;
  clear:both;
}


div.dijitTabInner.dijitTabContent.incomplete, div.dijitTabInner.dijitTabContent.incomplete
{
  background-color: #FCA2A2;
  border-color: #DB3030;
}
div.dijitTabInner.dijitTabContent.complete
{
  background-color: #BEFAAA;
  border-color: #68BF4B;
}


div.dijitTabPaneWrapper div.dijitContentPane
{

  min-height: 100px;
}


div.customQueryList div.header
{
  float:left;
  padding: 5px 5px 5px 5px;
  background-color: #AAD1F1;
}


div.customQueryList div.list
{
  clear: both;
  float:left;
  margin-top: 8px;
}


div.customQueryList div.list span.customQuery
{
  display: inline-block;
  margin: 2px 5px 2px 0;
}

div.customQueryList div.list span.customQuery span.name
{
  padding: 5px 5px;
  display: inline-block;
  color: #0060AA;
  cursor: pointer;
  background-color: #eee;
}



div.customQueryList div.list span.customQuery.selected span.name
{
  background-color: #0060AA;
  color: #FFFFFF;
}

div.customQueryList div.list span.customQuery.selected span.name:hover
{
  background-color: #0060AA;
}


div.customQueryList div.list span.customQuery span.name:hover
{
  background-color: #DDDDDD;
}


/*state and entity*/

a.standardUrl.student.enquiry  {
  color: #FF9900;
}

a.standardUrl.student.interested {
  color: #9D5F00;
}
a.standardUrl.student.active {
  color: #339900;
}

a.standardUrl.student.alumnus {
  color: #330099;
}

a.standardUrl.student.unsuccessful {
  color: #FF0000;
}

div.infobox.student.enquiry {
  background-image: none;
  background-color: #FFFFBF;
}

div.infobox.student.interested {
  background-image: none;
  background-color: #FFECBF;
}
div.infobox.student.active {
  background-image: none;
  background-color: #BFFFBF;
}


div.infobox.student.alumnus {
  background-image: none;
  background-color: #BFDFFF;
}

div.infobox.student.unsuccessful {
  background-image: none;
  background-color: #FFBFBF;
}


a.standardUrl.tutor.enquiry  {
  color: #FF9900;
}

a.standardUrl.tutor.training {
  color: #9D5F00;
}
a.standardUrl.tutor.active {
  color: #339900;
}

a.standardUrl.tutor.retired {
  color: #330099;
}

a.standardUrl.tutor.rejected {
  color: #FF0000;
}

div.infobox.tutor.enquiry {
  background-image: none;
  background-color: #FFFFBF;
}

div.infobox.tutor.training {
  background-image: none;
  background-color: #FFECBF;
}
div.infobox.tutor.active {
  background-image: none;
  background-color: #BFFFBF;
}


div.infobox.tutor.retired {
  background-image: none;
  background-color: #BFDFFF;
}

div.infobox.tutor.rejected {
  background-image: none;
  background-color: #FFBFBF;
}

/* CALENDAR YEAR FIX */
.dijitCalendarPreviousTenYear, .dijitCalendarNextTenYear{
  cursor: pointer;
}

.claro .dijitCalendarPreviousTenYear, .claro .dijitCalendarNextTenYear {
  font-size: 0.809em;
  padding: 1px 4px;
  color: #555555;
}



.claro .dijitCalendarNextTenYearHover, .claro .dijitCalendarNextTenYear:hover, .claro .dijitCalendarPreviousTenYearHover, .claro .dijitCalendarPreviousTenYear:hover {
  background-color: #E5F2FE;
  border: 1px solid #FFFFFF;
  color: #000000;
  padding: 0 3px;
}
.claro .dijitCalendarNextTenYearActive, .claro .dijitCalendarNextTenYear.claro:active .dijitCalendarPreviousTenYearActive, .claro .dijitCalendarPreviousTenYear:active {
  background-color: #7DBDFA;
  border: 1px solid #759DC0;
  padding: 0 3px;
}




/* .esRow span
 {
   padding-left: 4px;
   padding-right: 4px;
   }*/

   .esRow span.label
   {
     font-weight: normal;
     color: #666666;
     font-size: 11px;
   }


   div.fullCalendarDijit .fc-event.event_available
   {
     opacity: 0.6;
   }


   div.fullCalendarDijit .fc-event span.fc-title
   {
     padding-left: 3px;
   }

   div.fullCalendarDijit .fc-event .fc-title a.standardUrl
   {
     color: inherit;
   }
   div.fullCalendarDijit .fc-event .fc-time a.standardUrl
   {
     color: inherit;
   }

   div.enquiryBottomButtonRow
   {
     float:left;
     padding:10px;
   }

   div.confirmationButtonRow
   {
     float:left;
     padding:10px;
   }





   .es .dijitDialog span.messageNode
   {
     /*float:left;*/
     line-height: 1.3em;
   }

   .es .dijitDialog span.buttonsNode
   {
     padding-top: 15px;
     clear:both;
     float:right;
   }


   div.confirmationButtonRow div.unavailableMessage
   {
     float:left;
     padding:5px 10px;
     background-color: #FCA2A2;
     border: 2px solid #DB3030;
   }


   div.confirmationButtonRow div.fields
   {
     padding-top: 5px;
     padding-bottom: 20px;
   }


   div.enquiryBottomButtonRow div.buttonPart
   {

   }

   div.sectionDijit
   {
     float:left;
   }





   .dijitContentPane .dijitTabPane
   {
     padding-bottom: 15px;
   }

   .esConfigurableMissing{
     float:left;
     margin-top:10px;
     margin-bottom: 10px;
     padding:10px 10px;
     font-size:larger;
     color: #ff0000;
     background-color: #333333;
     border: 2px solid #DB3030;
   }


   .esWarning,
   .es .esPageContent  p.esWarning{
     margin-top:10px;
     margin-bottom: 10px;
     padding:5px 10px;
     background-color: #DB3030;
     color :#FFFFFF;
     clear:both;
   }
   .esWarning.info{

    background-color: #0045AD;
    color: #FFFFFF;
    border: 2px solid #0045AD;

  }
   .esWarning.info, .esWarning.warning a {
    color: #FFF;
    font-weight: bold;
   }
   .es tr.resourceContainer.warning
   {
     background-color: #FFDADA;
   }


   .colorWarning
   {
    color: #9d261d;
  }

  .nicelyHideOverflow
  {
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .radButtonRow
 {

 }

 .radButtonRow.invalid
 {
   background-color: #D46464;
 }
 .resourceContainer .fieldNode .value .iconWrapper
 {
   font-size: 15px;
 }

 .resourceContainer table.standardResourceTable
 {
   border-collapse: collapse;

 }
 .resourceContainer table tr.standardResourceRow td
 {
   padding-right: 8px;
   padding-bottom: 4px;
 }
 .resourceContainer table tr.standardResourceRow td.labelCol
 {
   background-color: #E3F5FF;
 }


 .resourceContainer table tr.standardResourceRow td span.colValueNode
 {
   float:left;
   line-height: 16px;
   padding-left: 10px;
 }


 .resourceContainer table tr.standardResourceRow td span.colLabelNode
 {
   padding-left: 4px;
   float:left;
 }


 .resourceContainer .valueNode.warning
 {
   background-color: #D46464;

 }
 .resourceContainer.dueWarning
 {
   border:2px solid #D46464 !important;
 }

 .es div.breadcrumbTrail
 {
  clear:both;
  margin-top:-6px;
  margin-bottom:3px;
}
.es div.contextualList .dijitSelect
{
 width: 100px;
}
.es div.contextualList span.previous,
.es div.contextualList span.next
{
 color: #999999;
}
.es div.contextualList
{
 float:left;
}

.es div.contextualList
{
 font-size: 12px;
}
.es div.contextualList a
{
 color: #0060AA;
}

.es .resourceListFilter
{
  min-height: 30px;
}

.es .esFilters .esContentContainer
{
 width: 95%;
}
.es .esFilters .filterList table.dijitSelect
{
 max-width: 200px;
}
.es .esFilters .innerContent .labelNode
{
 padding-right: 5px;
}
.es .esFilters  .currentFiltersTitle
{
 clear:both;

 float:left;
 background-color: #0060AA;
 color: #FFFFFF;
 padding: 5px 10px;
 margin-bottom: 10px;
}
.es .esFilters  .newFiltersTitle
{
 float:left;
 clear:both;

 background-color: #399E17;
 color: #FFFFFF;
 margin-bottom: 10px;

 padding: 5px 10px;
}

.es .esFilters .newFilterNode,
.es .esFilters .activeFiltersNode
{
 float:left;
 clear:both;
}


.es .esFilters .applyFiltersButtonNode
{
  float:left;
  clear:both;
}

.es .esFilters .newFilterNode
{
 margin-bottom: 10px;
}
.es .filterList .innerContent .dijitTextBox
{
 width: auto;
}


.es .filterList .innerContent table.dijitSelect
{
 table-layout: auto;
 width: auto;
}

.es .filterList .innerContent span.expressionNode
{

}

span.discounts
{
 color: #D40000;
 font-size: 10px;

}

.es .dijitTabContainer
{
  float: left;
}

.dijitTabContainerLeft
{
 margin-top: 10px;
}



.dijitOverlayContentPane
{
 z-index: 400;
 background-color: #FFFFFF;
 display: none;
 position: absolute;
 overflow: hidden;
}

.floatLeft
{
 float:left;
}
.floatRight
{
 float:right;
}
.dijitOverlayContentPane .contentPaneTitle
{
 background-color: #D9F1FE;
 font-size: 14px;
 line-height: 20px;
 width: 100%;
 padding: 4px 10px;
 margin-bottom:6px;
 float:left;
}

.dijitOverlayContentPane .contentPaneTitle .titleText
{
 display:block;
 float:left;
}
.dijitOverlayContentPane .contentPaneTitle .controls
{
 display:block;
 float:right;
}
.dijitOverlayContentPane .contentWrapper
{
 overflow: auto;
 float:left;
 width:100%;
}


.dijitOverlayContentPane .content
{
  width: 100%;
  float:left;
}




a.largeButtonLink
{
 line-height: 60px;
 padding: 10px 15px;
 font-size: 15pt;
 color: #FFFFFF;
 background-color: #0060aa;
}

div.globalNotificationBanner
{
 text-align: center;
 display: block;
 min-height: 20px;
 width: 100%;
 background-color: #B8DBFF;
 padding: 7px 20px;
 margin-bottom: 10px;
}




.es .topPageEntityContext
{
 position: relative;
 background-color: white;
 padding: 5px 10px;
 border: 1px solid #dddddd;
}

.es .floatSpaceFiller
{
 float:left;
 min-height: 1px;
}
.es .topPageEntityContext div.entitySummaryContainer
{
 float:left;
 padding-top: 7px;
}

.es .topPageEntityContext div.entityExtraInfoContainer
{

 margin-left: 4px;
 float:left;
 font-size: 11px;
 padding-left: 5px;
 border-left: 3px solid #CCCCCC;
 overflow: hidden;
}


.es .dijitTooltipDialog.fromTooltipMaker span
{

 display: block;
 line-height: 16px;
}


.es .topPageEntityContext div.entityExtraInfoContainer span.entityExtraInfo span.inlineSpan
{
  float: none;
  clear: none;
  line-height: inherit;
}

.es .topPageEntityContext div.entityExtraInfoContainer span.entityExtraInfo span
{
 float:left;
 clear:both;
 line-height: 18px;
}

.es .topPageEntityContext div.entitySummaryContainer span.entitySummary
{
 float:left;
 clear:both;
 margin-bottom: 2px;
}
.es .topPageEntityContext div.entitySummaryContainer span.entitySummary a:hover
{
 text-decoration: none;
}


.es .topPageEntityContext div.entitySummaryContainer span.newRow
{
 float:left;
 clear:both;
}

.es .topPageEntityContext div.entitySummaryContainer span.entitySummary
{
 font-size: 30px;
 float:left;
}

.es .topPageEntityContext span.alternateUrls
{
 margin-bottom: 5px;
 color: #999999;
 font-size: 12px;
}

.es .topPageEntityContext span.altUrl
{
 color: #999999;
}

.es .topPageEntityContext span.altUrl a
{
 color: inherit;
}
.es .topPageEntityContext span.altUrl a:hover
{
 color: inherit;
}
.es .topPageEntityContext span.altUrl:hover
{
 border-top: 2px solid #666666;
 text-decoration: none;
 color: #333333;
}




.es .topPageEntityContext span.currentUrl,
.es .topPageEntityContext span.altUrl:hover
{
 border-top: 2px solid #0060aa;
 color: #0060aa;
}


.es .topPageEntityContext span.currentUrl.student,
.es .topPageEntityContext span.altUrl.student:hover
{
 border-top: 2px solid #40E0D0;
 color: #40E0D0;
}

.es .topPageEntityContext span.currentUrl.tutor,
.es .topPageEntityContext span.altUrl.tutor:hover
{
 border-top: 2px solid #551A8B;
 color: #551A8B;
}


.es .topPageEntityContext span.currentUrl.client,
.es .topPageEntityContext span.altUrl.client:hover
{
 border-top: 2px solid #FF1493;
 color: #FF1493;
}

.es .topPageEntityContext span.currentUrl.staff,
.es .topPageEntityContext span.altUrl.staff:hover
{
 border-top: 2px solid #8B4726;
 color: #8B4726;
}

.es .topPageEntityContext span.status
{
 padding: 2px 6px;
}

.es .topPageEntityContext span.status.student.enquiry
{
 color: #FFFFFF;
 background-color: #FF9900;
}

.es .topPageEntityContext span.status.student.interested
{
 color: #FFFFFF;
 background-color: #9D5F00;
}

.es .topPageEntityContext span.status.student.active
{
 color: #FFFFFF;
 background-color: #339900;
}

.es .topPageEntityContext span.status.student.alumnus
{
 color: #FFFFFF;
 background-color: #330099;
}
.es .topPageEntityContext span.status.student.unsuccessful
{
 color: #FFFFFF;
 background-color: #FF0000;
}

.es .topPageEntityContext span.status.tutor.enquiry
{
 color: #FFFFFF;
 background-color: #FF9900;
}

.es .topPageEntityContext span.status.tutor.training
{
 color: #FFFFFF;
 background-color: #9D5F00;
}
.es .topPageEntityContext span.status.tutor.active
{
 color: #FFFFFF;
 background-color: #339900;
}
.es .topPageEntityContext span.status.tutor.retired
{
 color: #FFFFFF;
 background-color: #330099;
}
.es .topPageEntityContext span.status.tutor.rejected
{
 color: #FFFFFF;
 background-color: #FF0000;
}


.es .esPageContentHeader div.menuBar
{
 background-color: white;
 min-height: 10px;
 float:left;
 padding: 2px 5px;
 border: 1px solid #eaeaed;
}

.es .esPageContentHeader div.subMenuBar
{
 background-color: #FFFFFF;
 min-height: 10px;
 float:left;
 padding: 0px 5px 0px 5px;
}
.es .esPageContentHeader div.subMenuBar span.subMenuItem
{
 float:left;
 font-size: 13px;
 margin-right: 3px;
}

.es .esPageContentHeader div.subMenuBar span.subMenuItem a
{
 padding: 5px 6px;
}

.es .esPageContentHeader div.subMenuBar span.subMenuItem a
{
 color: #666666;
}
.es .esPageContentHeader div.subMenuBar span.subMenuItem a:hover
{
 text-decoration: none;
}
.es .esPageContentHeader div.subMenuBar span.subMenuItem.serverSelected a
{
 color: #FFFFFF;
 background-color: #0060aa;
}

.es .esPageContentHeader div.subMenuBar span.subMenuItem.serverSelected a
{
 color: #FFFFFF;
 background-color: #0060aa;
}
.es .esPageContentHeader div.subMenuBar span.subMenuItem a:hover
{
 background-color: #666666;
 color: #FFFFFF;
}

.es.generalContextStudent .esPageContentHeader div.subMenuBar span.subMenuItem.serverSelected a
{
 background-color: #40E0D0;
}
.es.generalContextTutor .esPageContentHeader div.subMenuBar span.subMenuItem.serverSelected a
{
 background-color: #551A8B;
}
.es.generalContextClient .esPageContentHeader div.subMenuBar span.subMenuItem.serverSelected a
{
 background-color: #FF1493;
}
.es.generalContextStaff .esPageContentHeader div.subMenuBar span.subMenuItem.serverSelected a
{
 background-color: #8B4726;
}

.es .confirmLink
{
 cursor: pointer;
}

.es div.expandable.iconWrapper .icon table
{
  border-spacing: 0;
  border-collapse: collapse;
}
.es div.expandable.iconWrapper .icon table td
{
  padding: 1px 2px;
}

.es div.expandable.iconWrapper.extraInfoByIconWrapper
{
  width: auto;
}
.es div.expandable.iconWrapper.extraInfoByIconWrapper div.extraInfo
{
  float:left;
  font-size: 12px;
  overflow: hidden;
}

.es div.expandable.iconWrapper.extraInfoByIconWrapper div.extraInfo span.title
{
  font-size: 14px;
  font-weight: bold;
}


.es div.expandable.iconWrapper.extraInfoByIconWrapper div.extraInfo span
{
  float:left;
  clear:both;
  margin-bottom: 3px;
}
.es div.expandable.tasks.iconWrapper.priority1
{
  color: #DB3030;
}
.es div.expandable.tasks.iconWrapper.priority10
{
  color: #399E17;
}

.es .iconWrapper.danger
{
  color: #DB3030;
}

.es .esPageContentHeader div.menuBar span.easyLinks
{
 float:left;
}

.es .esPageContentHeader div.menuBarWrapper
{
 float:left;
 margin-left: 20px;
}

.es div.dijitMenuBar.superActionContext
{
 float:left;
 border:none;
 background-color: #FFFFFF;
 border-left: 1px solid #eaeaed;
}

.es div.dijitMenuBar.superActionContext div.dijitMenuItemLabel
{
 border-right: 1px solid #eaeaed;

 padding: 10px 10px;
 margin-left:1px;
}

.es div.menuBar table
{
 border-collapse: collapse;
}




.es div.dijitMenuBar.superActionContext div.dijitMenuItemLabel.serverSelected a
{
 color:#333333;
}

.es div.dijitMenuBar.superActionContext div.dijitMenuItemLabel.dijitMenuItemFocused,
.es div.dijitMenuBar.superActionContext div.dijitMenuItemLabel.dijitMenuItemActive,
.es div.dijitMenuBar.superActionContext div.dijitMenuItemLabel.dijitMenuItemSelected,
.es div.dijitMenuBar.superActionContext div.dijitMenuItemLabel.dijitMenuItemHover
{
 background-color: transparent;
 border: none;
 background: none;
 border-right: 1px solid #eaeaed;

}

.es div.dijitMenuBar.superActionContext div.dijitMenuItemLabel.serverSelected
{
 background-image: url("/css/images/context_indicator.png");
 background-position: center bottom;
 background-repeat: no-repeat;
}

.es div.dijitMenuBar.superActionContext div.dijitMenuItemLabel.serverSelected
{
 border-top: 2px solid #0060AA;
}

.es.generalContextStudent div.dijitMenuBar.superActionContext div.dijitMenuItemLabel.serverSelected
{
 border-top: 2px solid #40E0D0;
}

.es.generalContextTutor  div.dijitMenuBar.superActionContext div.dijitMenuItemLabel.serverSelected
{
 border-top: 2px solid #551A8B;
}

.es.generalContextClient  div.dijitMenuBar.superActionContext div.dijitMenuItemLabel.serverSelected
{
 border-top: 2px solid #FF1493;
}
.es.generalContextStaff  div.dijitMenuBar.superActionContext div.dijitMenuItemLabel.serverSelected
{
 border-top: 2px solid #8B4726;
}


.es div.dijitMenuBar.superActionContext div.dijitMenuItemLabel.dijitMenuItemHover
{
 background-color: #F1F1F1;
}

.es .dijitMenu.superActionContextSubMenu
{
 font-size: 11px;
}
.es .dijitMenu.superActionContextSubMenu a
{
 color: #666666;
}

.es .dijitMenu.superActionContextSubMenu .dijitMenuItem .dijitMenuItemIconCell
{
 padding-left:4px;
}






.es .dijitMenu.superActionContextSubMenu .dijitMenuItem.dijitMenuItemFocused,
.es .dijitMenu.superActionContextSubMenu .dijitMenuItem.dijitMenuItemActive,
.es .dijitMenu.superActionContextSubMenu .dijitMenuItem.dijitMenuItemSelected,
.es .dijitMenu.superActionContextSubMenu .dijitMenuItem.dijitMenuItemHover
{
 background-color: transparent;
 background: none;
}

.es .dijitMenu.superActionContextSubMenu .dijitMenuItem.serverSelected a
{
 color: #333333;
}

.es .dijitMenu.superActionContextSubMenu .dijitMenuItemLabel
{
/*     border-left: 4px solid white;
*/
padding-left: 2px;
}
.es .dijitMenu.superActionContextSubMenu .dijitMenuItem.dijitMenuItemHover
{
  background-color: #EEEEEE;
}

.es .dijitMenu.superActionContextSubMenu .dijitMenuItem.serverSelected .dijitMenuItemIconCell
{
  background-color: #0060aa;
}

.es.generalContextStudent .dijitMenu.superActionContextSubMenu .dijitMenuItem.serverSelected .dijitMenuItemIconCell
{
  background-color: #40E0D0;
}

.es.generalContextTutor .dijitMenu.superActionContextSubMenu .dijitMenuItem.serverSelected .dijitMenuItemIconCell
{
  background-color: #551A8B;
}

.es.generalContextClient .dijitMenu.superActionContextSubMenu .dijitMenuItem.serverSelected .dijitMenuItemIconCell
{
  background-color: #FF1493;
}


.es.generalContextStaff .dijitMenu.superActionContextSubMenu .dijitMenuItem.serverSelected .dijitMenuItemIconCell
{
  background-color: #8B4726;
}


.es .dijitMenu.superActionContextSubMenu .dijitMenuItem.dijitMenuItemHover .dijitMenuItemIconCell
{
  background-color: #666666;

}

.es .dijitMenu.superActionContextSubMenu .dijitMenuItem.dijitMenuItemHover a
{
  color: #333333;
}


.es .menuBarWrapper .iconWrapper
{
  font-size: 15px;
  margin-right: 5px;
}

.es span.easyLinks .iconWrapper
{
  color: #333333;
}

.es span.easyLinks .iconWrapper:hover
{
  color: #0060aa;
}

.es.generalContextStudent .iconUrl:hover,
.es.generalContextStudent span.easyLinks .iconWrapper:hover
{
  color: #40E0D0;
}

.es.generalContextTutor  .iconUrl:hover,
.es.generalContextTutor span.easyLinks .iconWrapper:hover
{
  color: #551A8B;
}

.es.generalContextClient  .iconUrl:hover,
.es.generalContextClient span.easyLinks .iconWrapper:hover
{
  color: #FF1493;
}
.es.generalContextStaff  .iconUrl:hover,
.es.generalContextStaff span.easyLinks .iconWrapper:hover
{
  color: #8B4726;
}


.es div.iconWrapper
{
  float:left;
  font-size: 20px;
  width:20px;
  text-align: center;
}

.es span.easyLinks div.iconWrapper
{
  margin-right:5px;
}
.es span.easyLinks div.iconWrapper a
{
  color:inherit;
}

.es span.easyLinks div.iconWrapper a:hover
{
  color: inherit;
  text-decoration: none;
}





.es .expandable {
  cursor: pointer;
  text-decoration: none;
}

.es .expandable div.label:hover {
  text-decoration: underline;
}
.es .expandable div.label {
  color: #1386d4;
}


.es .dijitContextualListWrap
{
  float:left;
  clear: both;
}

.es .dijitContextualListWrap
{
  float:left;
  clear: both;
}


.es .dijitContextualListWrap table.buttonAndTargetLocation
{
  float:left;
  border-collapse: collapse;
  overflow: hidden;

}
.es .dijitContextualListWrap span.underButton
{
  cursor: pointer;
  text-align: center;
  padding: 1px 5px;
}

.es .dijitContextualListWrap td.target
{
  padding: 0 4px;
}
.es .dijitContextualListWrap td.dirButton a:hover
{
  text-decoration: none;
}
.es .dijitContextualListWrap td.dirButton a
{
  color:inherit;
}

.es .dijitContextualListWrap td.dirButton
{
  cursor: pointer;
  display:block;
  padding: 5px 5px 1px 6px;
  font-size: 20px;
  transform:scaleY(2); /* W3C */
  -webkit-transform:scaleY(2); /* Safari and Chrome */
  -moz-transform:scaleY(2); /* Firefox */
  -ms-transform:scaleY(2); /* IE 9 */
  -o-transform:scaleY(2); /* Opera */
}

.es .dijitContextualListWrap td.dirButton span.noLink
{

}

.es .dijitContextualListWrap .buttonControl
{
  color: #D1CECE;
}
.es .dijitContextualListWrap td.underButtonTd
{
  display:block;
  text-align: center;
  font-size: 15px;
  transform:scaleX(6); /* W3C */
  -webkit-transform:scaleX(6); /* Safari and Chrome */
  -moz-transform:scaleX(6); /* Firefox */
  -ms-transform:scaleX(6); /* IE 9 */
  -o-transform:scaleX(6); /* Opera */
}
.es .topPageEntityContext  div.entitySummaryContainer .dijitContextualListWrap span.entitySummary
{
  margin-bottom: 0;
}


.es .dijitContextualListWrap.dijitContextualListHover .buttonControl.active
{
  color: #AAAAAA;
}

.es .dijitContextualListWrap .buttonControl.active.dijitContextualListButtonHover
{
  background-color:  #EEEEEE;
  color: #0060aa;
}
body.generalContextStudent .dijitContextualListWrap .buttonControl.active.dijitContextualListButtonHover
{
  color: #40E0D0;

}
body.generalContextTutor .dijitContextualListWrap .buttonControl.active.dijitContextualListButtonHover
{
  color: #551A8B;

}

body.generalContextClient .dijitContextualListWrap .buttonControl.active.dijitContextualListButtonHover
{
  color: #FF1493;

}

body.generalContextStaff .dijitContextualListWrap .buttonControl.active.dijitContextualListButtonHover
{
  color: #8B4726;

}



.es .contextualListPopup div.dijitDropDownMenuScrollingWrapper
{

  max-height: 400px;
  overflow: scroll;
  background-color: #FFFFFF;
}

.es .dijitMenu.contextualList
{
  font-size: 11px;
  border:none;
}

.es .dijitMenu.contextualList .dijitMenuItem .dijitMenuItemLabel
{
  padding: 3px 0;
}
.es .dijitMenu.contextualList .dijitMenuItem .dijitMenuItemLabel a
{
  display:block;
  min-width: 120px;
  padding: 6px 10px;
  color: #333333;
}

.es .dijitMenu.contextualList .dijitMenuItem.dijitMenuItemHover a
{
  color: #FFFFFF;
}


.es .dijitMenu.contextualList .dijitMenuItem.dijitMenuItemActive,
.es .dijitMenu.contextualList .dijitMenuItem.dijitMenuItemSelected
{
  background-color: #FFFFFF;
}
.es .dijitMenu.contextualList .dijitMenuItem.dijitMenuItemHover
{
  background-color: #333333;
  color: #FFFFFF;
}
.es .dijitMenu.contextualList .dijitMenuItem.serverSelected a
{
  color: #FFFFFF;
}
.es .dijitMenu.contextualList .dijitMenuItem.serverSelected
{
  background-color: #0060aa;
  color: #FFFFFF;
}



.es div.basicAccordionDijit
{
  float:left;
  width: 100%;
  border: solid 1px #dddddd;
  margin-top: 15px;


}
.es div.basicAccordionDijit .headingNode
{
  float:left;
  width:100%;
  color: #FFFFFF;
  background-color: #4173BE;

}

.es div.basicAccordionDijit .tableWrapper
{
  float:left;
}
.es div.basicAccordionDijit table
{
  border-collapse:collapse;
}

.es div.basicAccordionDijit table td
{
  padding-top: 5px;
  padding-bottom: 5px;
}

.es div.basicAccordionDijit td.leftBarIcon
{
/*  background-color: #0d2c50;
color: #FFFFFF;*/
padding-left:10px;
padding-right: 10px;
font-size: 20px;
}

.es div.basicAccordionDijit span.control
{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left:10px;
  padding-right: 10px;
  font-size: 20px;
  float: right;
}
.es div.basicAccordionDijit .accordionControl,
.es div.basicAccordionDijit .headingNode
{
  cursor: pointer;
}


.es div.basicAccordionDijit .contentNode
{
  text-align: left;
  float:left;
  width:100%;
  background-color: #FFFFFF;
  padding: 10px;
}
.es div.basicAccordionDijit .headingNode:hover,
.es div.basicAccordionDijit.open .headingNode
{
  background-color: #0045AD;

}
.es div.basicAccordionDijit .headingNode:hover .accordionControl,
.es div.basicAccordionDijit .accordionControl:hover
{
/*    color: #1386d4;
*/}

.es div.basicAccordionDijit td.title
{
  padding-left:10px;
  padding-right: 10px;
}


.es div.subContextBreadcrumbs
{
  float:left;
  width: 100%;
  border: solid 1px #dddddd;
  margin-top: 15px;
  background-color: #FFFFFF;
}

.es div.subContextBreadcrumbs table
{
  border-collapse:collapse;
}

.es div.subContextBreadcrumbs table td
{
  padding-top: 5px;
  padding-bottom: 5px;
  color: #0d2c50;
}

.es div.subContextBreadcrumbs td.leftBarIcon
{
  background-color: #0d2c50;
  color: #FFFFFF;
  padding-left:15px;
  padding-right: 15px;
  font-size: 35px;
}


.es div.subContextBreadcrumbs span.subContextCrumb a
{
  color:inherit;

}

.es div.subContextBreadcrumbs span.subContextCrumb
{
  color: inherit;
  clear:both;
  float:left;
  font-size: 17px;
  padding-bottom: 2px;
  padding-top: 2px;
  margin-left: 10px;
  padding-right: 20px;
}

.es div.subContextBreadcrumbs span.subContextCrumb.offset1
{

}

.es div.subContextBreadcrumbs span.subContextCrumb.offset2
{
  margin-left: 30px;
  font-size: 15px;

}


.es #browserReplacementBackButton
{
  margin-left: 20px;
}


.es .dijitTextBox
{
  width: 100%;
}














.es .resourceContainer.typeComment .innerContent
{
  padding-top: 4px;
  padding-bottom: 4px;
}

.es .resourceContainer.typeComment .fieldName-metaCreatorUser .valueNode
{
  font-weight: bold;

}
.es .resourceContainer.typeComment .fieldName-metaCreatorUser
{
  padding-bottom: 0px;
}
.es .resourceContainer.typeComment .fieldNameMetaCreated
{
  padding-top:0px;
}
.es .resourceContainer.typeComment .fieldNameMetaCreated .valueNode
{
  color :#666666;

}

.dijitButton .buttonHasIcon .dijitIcon
{
  min-width: 15px;
}
.dijitButton .dijitIcon .icon-stack
{
  width: 1.5em;
  line-height: 1.5em;
  height: 1.5em;
}

.dijitButton .dijitIcon .icon-stack-base
{
  font-size: 1.5em;

}
.icon-stack.userAbsent .icon-user
{
  color: #BBBBBB;
  font-size: 20px;
}

.icon-stack.userAbsent .icon-minus-sign
{
  color: #A81414;
  top: 4px;
  left:4px;
  font-size: 12px;
}


.icon-stack.onlineTuition .icon-globe
{
  color: #002599;
  font-size: 20px;
  ;
}

.icon-stack.onlineTuition .icon-facetime-video
{

  font-size: 20px;
}

.icon-color-default
{
  color: #0d2c50;
}

.dijitTabContainer .leftRightButtons
{
  float:right;
}
.dijitTabContainer .buttonsAndHelpStrip
{
  text-align: right;
  padding: 5px 8px;
}

.icon-warning-sign.warningSign
{
  color: #A81414;
}


.es .tabHelp div.basicAccordionDijit
{
  margin-top: 0;
}

.es .tabHelp div.basicAccordionDijit .headingNode
{
  float:left;
  width:100%;
  color: #4173BE;
  background-color: #FFFFFF;

}
.es .field.tickBoxWithLabel span.labelNode,
.es .field.tickBoxWithLabel span.valueNode
{
  display: inline;
}

.es .field
{
  padding: 5px 0;
}

.es .field span.labelNode
{
  display:block;
  padding: 2px 0;
}


.es .field span.valueNode
{
  display:block;
  padding: 2px 0;
}


.es .summaryForObject
{
  padding: 8px 10px;
  font-size: 15px;
  background-color: #D4E6F5;
  color:#333333;
}
.es .summaryForObject a
{
  color:#333333;


}


span.faintDetail
{
  color:#888888;
  font-size: smaller;
}


div.fullCalendarDijit div.fc-content
{
  font-size: 11px;
  padding: 1px 1px;
  line-height: 1.35em;
}

div.fullCalendarDijit .fc-time-grid-event.fc-short .fc-time:before
{
  content: '';
}
div.fullCalendarDijit .fc-time-grid-event.fc-short .fc-time:after
{
   content: '';
}


div.fullCalendarDijit .fc-time-grid-event .fc-time
{
  font-size: inherit;
}
div.fullCalendarDijit div.fc-content span.calDetail
{
  font-size: smaller;
}

div.fullCalendarDijit div.fc-basicDay-view div.fc-content,
div.fullCalendarDijit div.fc-basicWeek-view div.fc-content
{
  font-size: 11px;
  padding: 5px 3px;
}

div.fullCalendarDijit div.fc-content span.detail
{
  font-size: 9px;
}



div.fullCalendarDijit.internalLocations div.fc-content
{
  font-size: 12px;
  padding: 7px 4px;
}

div.fullCalendarDijit.internalLocations div.fc-content span.detail
{
  font-size: 9px;
}

.es div.field.fieldNameChoiceForNewLesson span
{
  float:left;
}



.es .dijitTabContainer.dijitTabContainerLeft.fixedLeftWidth span.tabLabel
{
  max-width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.es div.calendarColorKey span.clearColorLink
{
  float:left;
  display: block;
  padding: 5px 10px;
  color: white;
  margin-right: 5px;
}


.es div.calendarColorKey span.clearColorLink a
{
  color:inherit;
  background-color: inherit;
}



.es div.dijitColorSelectTextBox span.colorSelectPickerButton
{
  width: 1.5em;
  height: 1.5em;
  display: block;
  border: solid 1px #000000;
  background-color: #FFFFFF;
  cursor: pointer;
}

.es span.colorSelectPreview
{
 width: 1.5em;
 height: 1.5em;
 display: block;
 border: solid 1px #000000;
 background-color: #FFFFFF;
}

.es span.calendarIconWrapper
{
  font-size: 1.1em;
  margin-right: 4px;
}
.es span.calendarIconWrapper i
{
  padding: 0.2em 0.2em;
}
.es span.calendarIconWrapper.tutorCanSchedule
{
  color: white;
}
.es span.calendarIconWrapper.tutorCanSchedule.forTutor
{
  background-color: #399E17;
}
.es span.calendarIconWrapper.tutorCanSchedule.forStaff
{
 background-color: #0045AD;
}


.es .resourceContainer.isView td.fieldNode.fieldNameSummaryForExpandable div.title
{
  font-weight: bold;
  font-size: 16px;
}

.es .resourceContainer.isView.highPriority td.fieldNode.fieldNameSummaryForExpandable div.title,
.es .resourceContainer.isView.highPriority td.fieldNode.fieldNameSummaryForExpandable div.message
{
  color: #DB3030;
}

.es .resourceContainer.isView.lowPriority td.fieldNode.fieldNameSummaryForExpandable div.title,
.es .resourceContainer.isView.lowPriority td.fieldNode.fieldNameSummaryForExpandable div.message
{
  color: #399E17;
}

.es .resourceContainer.isView td.fieldNode.fieldNameSummaryForExpandable div.message
{
  font-weight: normal;
  font-size: 12px;
  font-weight: normal;
  color: #555555;
  margin-top: 5px;
  line-height: 1.3em;
}

.es .resourceContainer.isView td.fieldNode.fieldNameSummaryForExpandable div.createdBy,
.es .resourceContainer.isView td.fieldNode.fieldNameSummaryForExpandable div.subscribers,
.es .resourceContainer.isView td.fieldNode.fieldNameSummaryForExpandable div.targets
{
  font-size: 11px;
  color: #555555;
}


.es .aLittleRightMargin
{
  margin-right: 20px;
}
.es .resourceContainer.adaptCols  table.adaptCols tbody>tr.sectionSpacer>td
{
  padding-top: 10px;
  border: none;
}
.es .resourceContainer.adaptCols  table.adaptCols tbody>tr.sectionHeader>td
{
  padding-top: 7px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  border-top: 2px solid #999999;
}
.es .resourceContainer.adaptCols  table.adaptCols tbody>tr.sectionHeader>td img.crest
{
  width:75px;
}
.es .resourceContainer.adaptCols  table.adaptCols tbody>tr.sectionHeader>td span.belowImage
{
  display: block;
  padding-top: 5px;
  padding-bottom: 10px;
  line-height: 20px;
}

.es .resourceContainer.adaptCols  table.adaptCols tbody>tr.sectionHeader.fullHeader>td
{
  padding-top: 20px;
  padding-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
  border-top: 5px solid #CCCCCC;

  text-align: center;
}

.es .resourceContainer.adaptCols  table.adaptCols tbody>tr.sectionHeader.noPreviousSection>td
{
  border-top: none;
  padding-top: 0px;

}


.es .resourceContainer.adaptCols  table.adaptCols tbody>tr.sectionHeader>td span.sectionDetail
{
  font-weight: normal;
  font-size: 12px;
  color: #888888;
}

/*.es .resourceContainer.MetaRenderer_Entity_StudentReport_ForSubmission .fieldNamePredictedExamResult
{
font-size: 16px;
}*/


.es div.homeworkCustomDijit div.homeworkListNode,
.es div.homeworkCustomDijit div.totalOutstandingNode,

.es div.homeworkCustomDijit div.homeworkExpandableNode
{
  float:left;
}
.es div.homeworkCustomDijit  div.homeworkSlideDownPanel
{
  float:left;
}

.es div.homeworkCustomDijit div.totalOutstandingNode,
.es div.homeworkCustomDijit div.homeworkExpandableNode
{
  padding-left: 10px;
}
.es div.homeworkCustomDijit div.totalOutstandingNode
{
  padding-bottom: 20px;
  font-size: 11px;
  color: #888888;
}
.es div.homeworkCustomDijit span.totalOutstandingNumberNode
{
  font-size: 48px;
  color: #399E17;
}
.es .radioButtonGroup td
{
  padding-top:6px;
  padding-bottom: 6px;
}
.es .radioButtonGroup td.commentLabelWarning
{
  padding-top:4px;
  padding-bottom: 4px;
  padding-right: 6px;
  text-align: left;
  font-size: 10px;
  color: #DB3030;
}

.es span.numberAlertWarning
{
  color: #FFFFFF;
  background-color: #DB3030;
  padding: 4px 8px;
}

/* e.g.: Part 1 <span class="inlineTextPartsSeparator">|</span> Part 2 */
.inlineTextPartsSeparator {
  color: #ccc;
}

/* Automatic height - responsive based on width and ratio */
.auto-height {
  display: block;
  height: 0;
  overflow: hidden;
  position: relative;
}

.auto-height-1-1 { padding-bottom: 100%; }
.auto-height-4-3 { padding-bottom: 75%; /* 3/4*100 */ }
.auto-height-16-9 { padding-bottom: 56.25%; /* 9/16*100 */ }

.auto-height img {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/*==============================================================================
 Take Test
 ==============================================================================*/

 /* TODO: Some of this could be made more generic / reusable... */

/*--------------------------------------
 Intro
 --------------------------------------*/

 .takeTestTitle {
  color: #0d2c50;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -1px;
  margin-bottom: 0.5em;
}

.takeTestSubtitle {
  color: #0d2c50;
  font-size: 20px;
  letter-spacing: -1px;
  margin-bottom: 1em;
}

.takeTestIntroText {
  line-height: 1.4;
  margin-bottom: 2em;
  margin-top: 2em;
  max-width: 600px;
}

/*--------------------------------------
 Header (paper title)
 --------------------------------------*/

 .es .esContentContainer div.header.takeTestHeader {
  margin-bottom: 0;
}

/*--------------------------------------
 Buttons
 --------------------------------------*/

 .takeTestButtons {
  width: 100%;
}

.takeTestButtonsLeft {
  text-align: left;
  width: 33%;
}

.takeTestButtonsMiddle {
  text-align: center;
  width: 34%;
}

.takeTestButtonsRight {
  text-align: right;
  width: 33%;
}

.takeTestButtonsTop {
  margin-bottom: 1em;
}

.takeTestButtonsBottom {
  margin-top: 1em;
}

.takeTestQuestionNumber {
  color: #0d2c50;
  font-weight: bold;
  vertical-align: center;
}

/*--------------------------------------
 Question container
 --------------------------------------*/

 .takeTestQuestion {
  border-bottom: 1px solid #0d2c50;
  border-top: 1px solid #0d2c50;
  padding: 2em 0;
}

/*--------------------------------------
 Copyright
 --------------------------------------*/

 .takeTestCopyright {
  color: #888;
  font-size: 10px;
}

/*==============================================================================
 Test Question
 ==============================================================================*/

/*--------------------------------------
 Text
 --------------------------------------*/

 .testQuestionText1,
 .testQuestionText2 {
  line-height: 1.4;
  margin-bottom: 1em;
}

.testQuestionWrapper .testQuestionTextStyle
{
  font-size: 30px;
}

.testQuestionWrapper.answerType_essay .testQuestionAnswerContainer
{
  width:90%;
}

/*--------------------------------------
 Image
 --------------------------------------*/

 .testQuestionPicture {

 }

 .testQuestionPictureFull {
  margin-bottom: 1em;
}

.testQuestionPictureFull .testQuestionContainer {
  /* Have to float it for the .auto-height to work correctly, then it's followed by a .clearFix */
  float: left;
}


/* Center them*/
.testQuestionVideo .video-js,
.testQuestionAudio .jp-audio
{
  margin:0 auto;

}
.testQuestionVideo,
.testQuestionAudio
{
  margin-top: 10px;
  margin-bottom: 30px;
}



.testQuestionPictureLeft {
  float: left;
  margin: 0 1em 1em 0;
  max-width: 35%;
}

.testQuestionPictureRight {
  float: right;
  margin: 0 0 1em 1em;
  max-width: 35%;
}

.testQuestionPicture span,
.testQuestionPicture img {
  max-width: 100%;
}

.testQuestionPicture span {
  /* Make it more obvious when the image is loading */
  background: #ecedef url(images/image-loading.gif) center center no-repeat;
}

/*--------------------------------------
 Answer
 --------------------------------------*/

 .testQuestionAnswerContainer {
  background: #d9e0e7;
  border: 1px solid #0d2c50;
  float: left;
  margin-top: 1em;
  padding: 12px;
  width: 50%;
}

.testQuestionAnswerHeading {
  border-bottom: 1px solid #0d2c50;
  color: #0d2c50;
  font-weight: bold;
  margin-bottom: 1em;
  padding: 0 2px 3px 2px;
}

.testQuestionAnswerRadio {
  margin: 0.5em 0;
}

.testQuestionAnswerRadio label,
.testQuestionAnswerRadio input {
  cursor: pointer;
}

/*--------------------------------------
 Study Plans
 --------------------------------------*/

 .courseTitleMain {
  font-size: 15px;
}

.es div.iconWrapper.studyPlan {
 display: inline-block;
 float: none;
}

/*==============================================================================
 Student statistics
 ==============================================================================*/

 .attendancePunctual,
 .performanceScoreGood {
  color: #399E17;
}

.attendanceLate,
.performanceScoreAverage {
  color: #c9910c;
}

.attendanceAbsent,
.performanceScoreBad,
.ioiHomeworkOutstanding {
  color: #ca0b0b;
}

.performanceScoreNA {
  color: #aaaaaa;
}




table tbody tr.typeTestSessionAnswer.testSessionAnswerCorrect,
table tbody tr.typeTestSessionAnswer.testSessionAnswerCorrect:hover
{
  background-color: #399E17;
  color: #FFFFFF;
}

table tbody tr.typeTestSessionAnswer.testSessionAnswerCorrect.alt
{
  background-color: #4AB227;

}

table tbody tr.typeTestSessionAnswer.testSessionAnswerIsNoAnswer,
table tbody tr.typeTestSessionAnswer.testSessionAnswerIsNoAnswer:hover
{
  background-color: #0045AD;
  color: #FFFFFF;
}

table tbody tr.typeTestSessionAnswer.testSessionAnswerIsNoAnswer.alt
{
  background-color: #1358BE;

}



table tbody tr.typeTestSessionAnswer.testSessionAnswerIncorrect,
table tbody tr.typeTestSessionAnswer.testSessionAnswerIncorrect:hover
{
  background-color: #DB3030;
  color: #FFFFFF;
}


table tbody tr.typeTestSessionAnswer.testSessionAnswerIncorrect.alt
{
  background-color: #EC4242;
}




/*manage share*/


.es .shareTableContainer .ownerInfo span
{
  display:block;
  padding: 6px 20px;
  margin-bottom: 10px;
  background-color: #415F81;
  color: #FFF;
  font-size: 15px;
  display: block;
}
.es .shareTableContainer table.shareTable
{
  border-collapse: collapse;
}
.es .shareTableContainer table.shareTable thead tr th
{
  border-bottom: solid 1px #333333;
}
.es .shareTableContainer table.shareTable tr td,
.es .shareTableContainer table.shareTable tr th
{
  padding: 10px 12px;
}
.es .shareTableContainer table.shareTable tr.alt td
{
  background-color: #D5DEE8;
}
.es .shareTableContainer table.shareTable tr td.headSpace
{
  height: 3px;
  line-height: 3px;
  padding: 0;
}
.es .shareTableContainer table.shareTable tr td.globalSpace
{
  border-top: solid 1px #555;
  height: 3px;
  line-height: 3px;
  padding: 0;
}

.es .shareTableContainer table.shareTable tr td.containsCheckbox
{
  text-align: center;
}

.es .shareTableContainer .buttonsNode
{
  margin-top: 20px;
  padding-left: 20px;
  text-align: left;
}

.es .shareTableContainer .buttonsNode .buttonWrapper
{
  margin-left: 10px;
}


.entityFranchiseOwnerTag
{
  padding: 7px;
  background-color: #333;
  font-size: 16px;
  color: #fff;
}
.subContextCrumb .entityFranchiseOwnerTag
{
  display: inline;
  margin-left: 15px;
}
.standardUrl .entityFranchiseOwnerTag
{
  display: inline;
  font-size: inherit;
  margin-left: 5px;
  padding: 1px;
}
.topPageEntityContext .entityFranchiseOwnerTag
{
  position: absolute;
  right: 5px;
  top: 5px;
}



span.franchiseTagInline
{
  margin-left: 4px;
  margin-right: 4px;
  padding: 1px 4px !important;
  color: #FFFFFF;
  font-size: smaller;
}


.es.franchise_oxford .franchise_bg_oxford
{
  display: none !important;
}

.es.franchise_cascais .franchise_bg_cascais
{
  display: none !important;
}

.es.franchise_muscat .franchise_bg_muscat
{
  display: none !important;
}

.es.franchise_tianjin .franchise_bg_tianjin
{
  display: none !important;
}

.es.franchise_gtc .franchise_bg_gtc
{
  display: none !important;
}


/*OXFORD - GE*/
.es.franchise_oxford span.logoMedium
{
  background-image: url(images/logo_oxford.png);
}

.franchise_bg_oxford
{
  background-color: #85abc0;
}

.snowflake.franchise_oxford #sidebarLeftPane .franchiseTag
{
  background-color: #85abc0;
}
.snowflake.franchise_oxford #backgroundHeader,
.snowflake.franchise_oxford #headerPane

{
  border-bottom-color: #85abc0;
}
.entityFranchiseOwnerTag.ownerTagFranchise_oxford
{
  background-color: #85abc0;
}

.es .shareTableContainer .ownerInfo span.franchise_oxford
{
  background-color: #85abc0;
}



/*OXFORD - GTC*/
.es.franchise_gtc span.logoMedium
{
  background-image: url(images/logo_gtc.png);
}

.franchise_bg_gtc
{
  background-color: #4a7221;
}

.snowflake.franchise_gtc #sidebarLeftPane .franchiseTag
{
  background-color: #4a7221;
}
.snowflake.franchise_gtc #backgroundHeader,
.snowflake.franchise_gtc #headerPane

{
  border-bottom-color: #4a7221;
}
.entityFranchiseOwnerTag.ownerTagFranchise_gtc
{
  background-color: #4a7221;
}

.es .shareTableContainer .ownerInfo span.franchise_gtc
{
  background-color: #4a7221;
}




/*CASCAIS*/

.es.franchise_cascais span.logoMedium
{
  background-image: url(images/logo_cascais.png);
}
.snowflake.franchise_cascais #sidebarLeftPane .franchiseTag
{
  background-color: #e4b000;
}

.franchise_bg_cascais
{
  background-color: #e4b000;
}

.snowflake.franchise_cascais #backgroundHeader,
.snowflake.franchise_cascais #headerPane

{
  border-bottom-color: #e4b000;
}
.entityFranchiseOwnerTag.ownerTagFranchise_cascais
{
  background-color: #e4b000;
}
.es .shareTableContainer .ownerInfo span.franchise_cascais
{
  background-color: #e4b000;
}

/*MUSCAT*/

.es.franchise_muscat span.logoMedium
{
  background-image: url(images/logo_muscat.png);
}

.snowflake.franchise_muscat #sidebarLeftPane .franchiseTag
{
  background-color: #ebc79e;
}

.franchise_bg_muscat
{
  background-color: #ebc79e;
}

.snowflake.franchise_muscat #backgroundHeader,
.snowflake.franchise_muscat #headerPane

{
  border-bottom-color: #ebc79e;
}
.entityFranchiseOwnerTag.ownerTagFranchise_muscat
{
  background-color: #ebc79e;
}

.es .shareTableContainer .ownerInfo span.franchise_muscat
{
  background-color: #ebc79e;
}


/*TIANJIN*/

.es.franchise_tianjin span.logoMedium
{
  background-image: url(images/logo_tianjin.png);
}


.snowflake.franchise_tianjin #sidebarLeftPane .franchiseTag
{
  background-color: #cd0000;
}

.franchise_bg_tianjin
{
  background-color: #cd0000;
}


.snowflake.franchise_tianjin #backgroundHeader,
.snowflake.franchise_tianjin #headerPane

{
  border-bottom-color: #cd0000;
}

.entityFranchiseOwnerTag.ownerTagFranchise_tianjin
{
  background-color: #cd0000;
}

.es .shareTableContainer .ownerInfo span.franchise_tianjin
{
  background-color: #cd0000;
}