.captionLabel:not([class^=col-]).date {
    width: 7em;
}

td.date {
    white-space: nowrap;
}

.Grid TD.dateLong
{
	max-width: 11em;
}

.Grid .day_of_week {
    width: 7em;
    text-align: center;
}

.id-field {
    width: 4em;
    text-align: center;
}

td.id-field {
    white-space: nowrap;
}

input.narrow.colorPicker {
    width: 6.5em;
}

div.chk_note {
    font-style: italic;
    margin-top: 5px;
}

.editPanel div.note
{
  font-style:italic;	
  padding-bottom: 10px;
}


td.chk {
    text-align: center;
    width: 2em;
}

.separator, .spacer {
    height: 20px;
}

.h-spacer-20 {
    padding-left: 20px;
}

.marginTop10 {
    margin-top: 1em;
}

div.rbtItem:first-child {
    margin-top: 0.5em;
}

div.rbtItem {
    margin-bottom: 0.5em;
}

.radiolist .radioitem {
    margin-bottom: 1em;
}

.radiolist-no-bottom-margin .radioitem {
    margin-bottom: 0px;
}

.radiolist .radioitem .radioitem-data {
    margin-top: 0.2em;
}

.filterCriteriaItem {
    margin-top: 5px;
}

.filterCriteriaItem:first-child {
    margin-top: 0px;
}

A, A:link, A:active
{
  color: #3366CC;
  color: #1a80ba;  
  text-decoration: none;
}

A:visited
{
  color: #4F79CE;
  color: #1a80ba;
}

A:hover{
  color: #85CE2F;
  text-decoration: underline;
}

A.no_view
{
  color: #777777 !important;    
}
       
.error
{
    color: Red;
}

.Disabled 
{
    color:Gray;
    text-decoration: none;
}

TD.top
{
  vertical-align: top;    
}

TD.header
{
    background-color:#DDDDDD;
    font-weight:bold;       
    font-size:smaller;
}
TD.body
{
    background-color:#EEEEEE;
    font-size:smaller;
}

P
{
    color: #555555;
    text-align : left;
    margin-bottom : 5px;
    margin-top : 5px;
}

.noqDetails P
{
    color: inherit;    
}

SELECT
{
    width: 200px;
}

A.menu
{
   color: #555555;
   font-weight: bold;
}

A.menu2
{
   color: #555555;
}


.big
{
   color: #555555;
   font-weight: bold;
}

.header
{
    font-size:large;
    color:Navy;
    font-family: Arial; 
}

.header
{

   color: #1a80ba;
   font-weight: bold;
   font-size : 10pt;
}

.title
{
   margin-left : 5px;
   color: #1a80ba;
   font-weight: bold;
   font-size : 12pt;
}

.popupTitle
{

   color: #1a80ba;
   font-weight: bold;
   font-size : 10pt;
}

.blue
{
    color : #1a80ba;
}

.black
{
    color : #000000;
}

.bold
{
  font-weight: bold;    
}

TD.lightblue
{
    background-color: #ddeeff;
}

TD.blue
{
    text-align:center;
    background-color: #1a80ba;
    color: #FFFFFF;
}

TD.heading
{
    text-align:center;
    background-color: #1a80ba;
    font-weight:bold;  
    color: #FFFFFF;
}

TD.content
{
     background-color: #f0f8ff;
     color:Gray;
}

TD.contentAlternate
{
    color: gray;
    background-color: #ffffff;
}

TD.onTop
{
    vertical-align: top;
}

.spacer05
{
  height: 0.5em;    
}

/*.tabbedpanelitemactive 
{
    BACKGROUND: #eeeeee;
    CURSOR: default;
    font-weight:bold;       
}

.tabbedpaneliteminactive
{
    BACKGROUND: #FFFFFF;
    CURSOR: default;
}

.tabbedpanelitemhover 
{
    BACKGROUND: #f0f8ff;
    CURSOR: pointer
}

TR.headerrow 
{
    background-color: #1a80ba;
    border:solid 2px black;
	font-weight: bold;
	font-size: large;
	color: #ffffff;
}

TR.headerrow A
{
    color: #d8bfd8;
    text-decoration: none;
}

TR.headerrow A:HOVER 
{
    color: Red;
    text-decoration: none;
}

TR.datarow,
.datarow TD
{
    background-color: #f0f8ff;
    border-color: #507AB2 !important;
    border-width: 1px;
         
}

TR.altdatarow
{
    background-color: white;
    border-color: #507AB2;
    border-width: 1px;
}

TD.headercell
{
    background-color: #1a80ba;
    font-weight: bold;
    color: #ffffff;
}

TD.controlcell
{
    background-color: #8f8fbd;
    font-weight: bold;
}*/

/*.pushbutton
{ 
    background-color: #236b8e;
    border-color: Silver;
    border-style:outset;
    border-width:1px;
    color: White;
    height:18;  
    font-size:11;
}

.pushbuttonhover
{
    background-color: #236b8e;
    border-color:White;
    border-style:outset;
    border-width:1px;
    color: White;
    height:18;  
    font-size:11;
}*/

.noBorder
{
    border:none !important;
}

/*
  This style is used by DbRichTextBox when RenderAsLabel is true
*/
.ICTEAsLabelOuter
{
   border-width: 1px;
   border-style: solid;
   border-left-color: ThreeDShadow;
   border-top-color: ThreeDShadow;
   border-right-color: ThreeDHighlight;
   border-bottom-color: ThreeDHighlight;

   width: 100% !important;
}

.ICTEAsLabelOuter IMG,
TD.CuteEditorGroupMenuCell IMG
{
	max-width: 100%; 
	display:block; 
	height: auto;
}

/*
  This style is used by DbRichTextBox when RenderAsLabel is true
*/
.ICTEAsLabelInner
{
   background-color: #dcdcdc;
   color: #236b8e;
   border-width: 1px;
   border-style: solid;
   border-left-color: ThreeDDarkShadow ;
   border-top-color: ThreeDDarkShadow ;
   border-right-color: ThreeDLightShadow ;
   border-bottom-color: ThreeDLightShadow ;
}


/*
  This style is used by all editable Multi Line Edit IDbControls
*/
.IDbcEditableMLE
 {
   background-color: #f5f5f5;
   /*color: #236b8e;*/
   /* Under NN7 input fields are unreasonably narrow. Set width for these controls through 
      css file can help us to resolve this problem. Note that IE will be ignore this setting*/
   width: 400px;
   height: 100px;
 }
 
.moverControl TD.buttons
{
  padding: 5px;      
}

.moverControl .itemHeader
{
  padding-bottom: 0.5em;    
}
 
 .introPanel
 {
 }
 
 .warningPanel
 {
  padding: 3px;     
  color: Red;
 }
 
 .shortNameNote
 {
  font-style: italic;     
 }
 
 /*
  Rounded Panel styles
*/
.roundedPanel
{
  background-image: url(../img/roundedPanel/bg_top.gif);  
  background-repeat:repeat-x;
  width: 100%;
}

.roundedPanel .filterPanel
{
  margin: 5px 0px 2px 0px;  
}

.shortPanel 
{
  background-image: url(../img/roundedPanel/bg_top_short.gif);  
}

.roundedPanelX TR TD
{
  white-space: nowrap;
}

.roundedPanel .bottom
{
  background-image: url(../img/roundedPanel/bg_bottom.gif);
  background-repeat:repeat-x;
  background-position: vertical;
}

.roundedPanel .sideEndLeftTop
{
  vertical-align: top;  
  background-repeat:repeat-y;
  background-image: url(../img/roundedPanel/side_left.gif);
}

.roundedPanel .sideEndRightTop
{
  vertical-align: top;  
  background-repeat:repeat-y;
  background-image: url(../img/roundedPanel/side_right.gif);
}

/*
  Fly Over popup
*/

.visibleGroup
{
  Z-INDEX: 1; display: block; POSITION: absolute;    
  background-color: #FFFFCC;
  border: solid 1px #000000;
  color: #000 !important;
  padding: 3px;
  text-align:left;
  font-size: 11px;
  font-weight: normal !important;
  
  width: 25em;
  white-space: normal !important;
}

.hiddenGroup
{
  visibility: hidden;
  Z-INDEX: -999; display: none; POSITION: absolute;  
  width: 25em;
}

.Grid TR.sortablePlaceholder TD
{
    background-color: #f9f9f9;
    border-top: solid 1px #ddd;  
    border-bottom: solid 1px #ddd;
}

.Grid TR.sortablePlaceholder TD:last-child {
    border-right: solid 1px #f1f1f1;
}

.Grid tbody.inSortingTBODY,
.Grid tbody.inSortingTBODY2,
.Grid TR.inSortingTR {
    z-index: 999999 !important;
}

.Grid TR.inSortingTR TD
{
    border: solid 1px #ddd;  
    background-color: White; 
}

.Grid TR.inSortingTRIE7 TD
{
    background-color: White;
    
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position: relative;
}

.Grid TR.inSortingTR TD TABLE TR TD,
.Grid TR.inSortingTRIE7 TD TABLE TR TD
{
   border: none;    
}

.Grid TBODY.inSortingTBODY TR TD
{
    border: solid 1px #ddd;
    background-color: White;
}

.Grid TBODY.inSortingTBODY2
{
    display:none;
}

.Grid .sortable TD.sortNote
{
    width: 25px !important;
    min-width: 25px;
    cursor: crosshair;
}

.Grid .sortable TD.sortNote IMG
{
    cursor: crosshair;
}

.Grid .roundedPanel TABLE,
.Grid .roundedPanel TABLE TR TD.rpTD,
.Grid TABLE.roundedPanel,
.Grid TABLE.roundedPanel TR TD.rpTD
{
  border: none !important;    
  padding: 0px !important;    
}

.Grid .roundedPanel TR TD.rpTD .message
{
  border-style: solid;
  border-width: 1px;
}

.Grid TH.autoCollect,
.Grid TD.autoCollect,  
.Grid TH.useInRegistration,
.Grid TD.useInRegistration,  
.Grid TH.isRecurring,
.Grid TD.isRecurring,
.Grid TH.inINP,
.Grid TD.inINP,
.Grid TH.inPMB,
.Grid TD.inPMB
{
  width:      8em;
  text-align: center;    
}

/* this style is for section headings */

.bctContainer
{
   text-align: left;
   padding-left: 10px;    
}

.border
{
    border-right: solid 1px #999;
}

.email
{
   color: #8986BB;
}


.woBorders TR TD .toolpanelitemcell,
.toolpanelitemcell
{
  border: 1px solid #eee !important;
  margin: 1px;
  padding: 0px;
  cursor: pointer;
}

.woBorders TR TD .toolpanelitemcellhover,
.toolpanelitemcellhover
{
    border: 1px solid blue !important;
    cursor: pointer;
    padding: 0px;
    margin: 1px;
}

.woBorders TR TD.toolpanelitemspacer,
TD.toolpanelitemspacer
{
    width:5px;
    padding: 0px;
    margin: 0px;
}

h2 
{
  color: #555555;
  font-weight: bold;
  font-size: 120%;
  margin-top: 10px;
}

.TableWithBorders, .TableWithBorders TD, TD.TableWithBorders {
  border-color: #507AB2;
  color:#777777;
}

/* MESSAGE LIST */

.msgBody
{
  margin-top: 7px;
  margin-bottom: 7px;    
  margin-left: 0px;
  margin-right: 0px;
  border: 1px solid #514333;
  background-color: white;
  width: 95%;
}

.msgText
{
  font-size: 80%;
  font-weight: bold;
  color: #293451;
}

.jsRequiredPanel
{
    background-color: #FFFFCC;
    color:Red;
    font-weight: bold;
    text-align: center;
    padding: 30px;  
    margin: 1em;
    
    border: solid 2px red;  
}

textarea.wide {
    width: 100%;
}

.NarrowCombo, .NarrowTextbox
{
  width: 14ex;
  height: auto;
}

.DayCombo, .DayTextbox
{
  width: 12ex;
  height: auto;
}

.TinyCombo, .TinyTextbox
{
  width: 9ex;
}


TD.imageSampleCell
{
  padding: 15px 5px 0px 5px;
}

.timeView,
.timeInput
{
	width:auto;
	height:auto;
	display: none;
}

.timeControl input[type=text] {
    width: 6.5em !important;
}

.timeView
{
	display: block;
}

.alert
{
  color: Red;
}

.noseatstaken
{
  color: Blue;
}

.highlightText
{
  color: Purple !important;  
  font-weight: bold;  
}

.highlightText INPUT
{
  color : Purple !important;        
}

.dob_day {
    color: green;
}
/*
    Common Styles
*/
TD.captionLabel,
.captionLabel:not([class^=col-])
{
    width:1%;
    white-space:nowrap;
    min-width: 80px;
    /*white-space: normal;*/
}

TD.captionLabel select,
TD.captionLabel input {
    font-weight: normal;
}

table.captionLabelAutoWidth .captionLabel {
    width: auto;
}

table.captionLabelWrap .captionLabel {
    white-space: normal;
}

td.captionLabelWrap{
    white-space: normal !important;
}


table.captionLabelNormal .captionLabel {
    font-weight: normal;
}

.no-min-width,
.min-width-clear
{
    min-width: 0px !important;
}

@media all and (max-width:600px) {
    .captionLabel.text-wrap-phone {
        white-space: normal !important;
    }
}

/*
SG: may be not neccesary

TD.captionLabel
{
    vertical-align: top;
}
*/

SELECT.autoWidth
{
  width: auto;    
  max-width: none;
}


/* ****************************************************** */

/*         N E W    V E R S I O N     S T Y L E S         */

/*
  Ajax controls styles
*/

/* 
  Modal Popup
*/
.modalBackground {
	background-color:#F4F6FB;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:#6E8ECE;
	padding:3px;
	max-width:640px;
    width: 100%;
	/*height:480px;*/
    min-height: 480px;
}

.modalPopup.modalPopupAbsolutePosition {
    position: absolute !important;
}

.modalPopup H3
{
  font-size: 16px !important;  
  font-weight: 400;
  margin: 3px 0px 5px 3px;  
}

.modalPrint {
    width: 100%;    
}

.modalPopup .closeButtonLayout
{
  text-align: right;
  vertical-align:top;    
}

.modalPopup .closeButtonLayout .txtEditable,
.checkboxesContainer  .txtEditable
{
  width: auto;    
}

.modalPopup .modal-footer.popupButtonsContainer.text-center {
    text-align: center;
}

.modalPopup .gridContainer
{
  margin-top: 5px !important;    
  overflow:auto; width: auto; 
  min-height: 200px;
}

.modalPopup .GridViewRowsInfoControl {
    float: none;
}

.modalPopup.popup-with-add-action .GridViewRowsInfoControl {
    float: left;
}

.modalPopup div.GridPager {
    padding-top: 5px;
}

.modalPopup .gridContainer .Grid
{
  margin-top: 1px !important;    
  width: 100%;
}

.modalPopup.popup-with-grid
{
  max-width:860px;
  min-height:50.4em;
}

.popup-with-grid .gridContainer {
    height: 30.5em;
}

.modalPopup .checkboxesContainer {
    overflow: auto;
    width: 100%;
    max-height: 20em;
}

.modalPopup .newRecordPopupContainer {
  margin-top: 5px !important;    
  overflow:auto; 
  width: auto; 
  min-height: 300px;
  max-height: 500px;
}

@media all and (max-width:768px) {
    div.modalPopup .gridContainer,
    div.modalPopup.popup-with-grid .gridContainer {
        min-height: 100px;
        height: auto;
    }

    .modalPopup .newRecordPopupContainer {
        max-height: 5000px;
    }

    div.modalPopup,
    .modalPopup.popup-with-grid {
        min-height: 150px !important;
    }

    div.modalPopup .checkboxesContainer {
        min-height: 100px !important;
        height: auto !important;
        max-height: none !important;
    }
}

.modalPopup.note-edit {
  max-width: 46em;
  min-height: 31em;
}

.modalPopup.note-edit textarea {
    min-height: 20em;
}

.modalPopup .Grid tr th,
.modalPopup .Grid tr td {
    padding: 4px 4px;
}

.popupSelectorActions
{
  padding-left: 0px;   
  margin-top: 0.1em; 
}

.popupSelectorActions TABLE
{
  padding: 0px;    
  border-collapse: collapse;
  border-spacing: 0px;  
}

.popupSelectorActions TABLE TD
{
  padding: 0px;
  padding-right: 1em;
  margin: 0px;  
}

/* 
  Ajax extensions 
*/

.updateProgress
{
/*  font-size: 12px;*/
  
  background-color: #FFFFEE;
  border: solid Gray;
  border-width: 1px;
  -moz-border-top-colors: Gray #ffffff Gray;
  -moz-border-right-colors: Gray #ffffff Gray;
  -moz-border-bottom-colors: Gray #ffffff Gray;
  -moz-border-left-colors: Gray #ffffff Gray;
}

.updateProgress
{
	border:solid 1px #507AB2;
    border-radius: 5px;
	background-color: white;
	color: #4B77B8;
	white-space: nowrap;
	text-align: center;
	font-size: 90%;

    padding: 10px;
}

.updateProgressMain
{
  position: fixed;
  z-index: 999999 !important;

  top: 8px;
  left: 50%;
  margin-left: -47px;
}

.updateProgress IMG
{
  vertical-align: middle !important;
  border: 0;
}

/*
  End Ajax styles
*/

/*
  Common Styles
*/

.addButtonContainer
{
  margin-top: 5px;
}

.hidden
{
  display: none;    
}

.inline
{
  display: inline;    
}

.mainMessages
{
    font-size:120%;    
}

.controlNote
{
  padding-left: 1em;
  font-style: italic;    
}

.txtAsLink
{
  color: #1a80ba;    
}

TABLE.message TR TD
{
  background-color: #FFFFEE !important;   
}

.infoPanel
{
  padding: 20px;
  text-align: center;
  font-weight: bold;
  
  background-color: #FFFFEE;     
  border: solid 1px Green;
  color: Green;    
}

.controlsGroupNote {
  padding: 5px;
  margin: 5px 0px;
  
  background-color: #FFFFEE;     
  border: solid 1px Green;
  color: red;

  display: inline-block;
}

.inlineActions .inlineActions
{
  margin-top: 0px;	
}

.rbtOptions  
{ 
    margin-top: 0.5em; 
}

.rbtOptions .rbtOption 
{ 
  margin-bottom: 0.5em;    
}

@media all and (max-width:768px) {
    .rbtOptions .rbtOption {
        padding-top: 20px;
    }

    .rbtOptions .rbtOption.rbt-top-first-row {
        padding-top: 0px;
    }
}

/*
  Calendar formatting options panel
*/

.calendarFormattingOptions SELECT
{
  width : 15em;
}

.classCalendarSettings .calendarFormattingOptions
{
  margin-left: 3em;    
}

/*
  Calendar Control styles
*/

.calendarControl INPUT.narrow
{
  width: 6em;    
}
/*
	Time Control
*/
.timeControl 
{
  white-space:nowrap;
}

.timeControl INPUT.narrow
{
  width: 6em;    
}

/*
  Custom user controls styles
*/

.dayOfWeek .mainControls SELECT
{
   width: auto !important;	
}

.dayOfWeek .mainControls .customRbt
{
  vertical-align: top;
  padding-top: 0.1em;	
}

.modalPopup.dayOfWeek
{
  max-width: 24em;
  min-height: 26em;
}

.modalPopup.dayOfWeek  .checkList TR TD
{
	padding: 1px;
    padding-bottom: 5px;
}

.modalPopup.dayOfWeek SELECT
{
   width: auto !important;	
}

.timeOfDay TABLE.controls TR TD
{
  padding: 0px;	
}

.timeOfDay TABLE.controls TR TD.note1
{
  font-size: 90%;
  font-style:italic;	
  padding-bottom: 10px;
}

.timeOfDay TABLE.controls TR TD.note2
{
  font-size: 90%;
  font-style:italic;	
  padding-bottom: 0px;
}

.timeOfDay SELECT
{
  width: auto;	
}

.meetsForMinutes SELECT
{
  width: auto !important;		
}

.featureDisabledNote
{
  border: solid 1px #CCCCCC;
  background-color: #FFFFEE;
  padding: 10px;
  margin: 10px;
  text-align: center;    
  color: Red;
}

.scheduleControls TABLE TR TD
{
  white-space: nowrap;	
}

.scheduleControls TABLE TR TD.validatorsContainer
{
  padding: 0px;
}

.scheduleControls TABLE TR TD.validatorsContainer .txtValidator
{
  padding: 0px;
  display: block;
}

.content-truncate {
    position: relative;
}

.content-truncate:before {
    content: ' ';
    visibility: hidden;
}

.content-truncate span {
    position: absolute;
    left: 0;
    right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modalPopup.schedulePopup
{
  max-width: 40em;
  min-height: 35em;	
}

/*.modalPopup.schedulePopup TD.validatorContainer
{
  height: 3.3em;
  padding: 0px;
}*/

.modalPopup.classNamePopup,
.modalPopup.accountAndContactDetailsPopup
{
  max-width: 25em;
  min-height: 10em;	
}

.accountAndContactDetailsPopup .accountDetailsContentBlock {
    margin-left:15px;
    overflow-y: auto; 
    max-height: 200px;
}

@media all and (max-width: 769px) {
    .accountAndContactDetailsPopup .accountDetailsContentBlock {
        margin-left:5px;
        max-height: none;
    }    
}

/*
  End custom user controls styles
*/

/*
  G R I D  styles
*/

.Grid
{
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-right: none;
  border-bottom: none;

  border-collapse: collapse;
  
  margin-top: 2px;
  
  /*color: #6a6c6f;*/
  
  width: 100%;
}

.innerSorting
{
  width: 100% !important;    
}

.Grid .emptyRow TD
{
  padding-top: 10px;    
}

.Grid .GridHeader A,
.Grid .GridHeader A:link,
.Grid .GridHeader A:hover,
.Grid .GridHeader A:visited,
.Grid .GridHeader A:active,
.Grid .GridHeader TH
{
  text-decoration: none;
  color:#6a6c6f;
}

.Grid .GridHeader A:hover
{
  color:#6a6c6f;
  text-decoration: none;
}

.Grid TD,
.Grid TH
{
  border-bottom: solid 1px #ddd;
  border-right: solid 1px #ddd;

  padding:5px 4px 5px 4px;
}

@media all and (max-width:480px) {
    .Grid TD,
    .Grid TH {
        padding: 5px 4px 5px 4px;
    }
}

.Grid .GridHeader
{
   background-color: #fff;
   font-weight: bold;
   color: #6a6c6f;
   text-align:center;
}

.Grid .GridHeader .sortTable,
.Grid .GridHeader .sortTable TR TD
{
  padding: 0px !important;    
  margin: 0px !important;
  cursor:hand;
  cursor: pointer;
}


.Grid .CuteEditorToolbar TD,
.Grid .CuteEditorGroupMenuCell TD,
.Grid .CuteEditorGroupMenu  
{
    padding: 0px;
}

.Grid .DataRow
{
  background-color: #fff;
  border-color: #ddd;
  border-width: 1px;
}

.Grid .GridHeader,
.Grid .AltDataRow 
{
  background-color: #f9f9f9;
}

.Grid .inlineEditContainer
{
  background-color: #FFFFFF;    
}

.DataRow span,
.AltDataRow span
{
}

.Grid tr.GridPager > td {
    border: none;
}

div.GridPager TABLE,
.Grid .GridPager TABLE {
    margin: 0px auto;
}

div.GridPager table td,
.Grid tr.GridPager table td {
    padding: 0px;
}

div.GridPager table td a,
div.GridPager table td span,
.Grid tr.GridPager table td a,
.Grid tr.GridPager table td span {
    display: block;
    padding: 6px 12px;
}

div.GridPager table td span,
.Grid tr.GridPager table td span {
    color: #FFF;
    background-color: #1a80ba;
}

div.GridPager table {
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
  border-right: none;
  border-bottom: none;

  border-collapse: collapse;
}

div.GridPager table tr td {
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}

SPAN.colorsSample
{
  display: block;
  width: 4em;
  text-align: center; 
  padding: 0.5em;
  margin: 0px auto;
  border: solid 1px black;
}

.innerGrid
{
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
  color: #6a6c6f;
  width: 100%;
  margin-top: 10px;
}

.innerGrid .innerGridHeader A,
.innerGrid .innerGridHeader A:link,
.innerGrid .innerGridHeader A:hover,
.innerGrid .innerGridHeader,
.innerGrid .innerGridHeader:hover
{
  color: #6a6c6f;
  text-align: center;
  font-weight: bold;
}

.innerGrid .innerGridHeader A,
.innerGrid .innerGridHeader A:visited,
.innerGrid .innerGridHeader A:active
{
    text-decoration: underline;
}

.innerGrid .innerGridHeader A:hover
{
    text-decoration: none;    
    color: #85CE2F;
}

TABLE.Grid TR TD .innerGrid TD,
TABLE.Grid TR TD .innerGrid TH
{
  border-bottom: solid 1px #507AB2 !important;
  border-right: solid 1px #507AB2 !important;
}

.innerGrid .innerGridHeader
{
  background-color: #BCD2ED;
  font-size: 90%;
  height:27px;
  cursor:hand;
}

.innerGrid .innerDataRow
{
  background-color: #FFFFFF;
}

.innerGrid .innerAltDataRow
{
  background-color: #FFFFFF;
}

.recordsNotFound
{
  color: #297429;
}

.bottomGridControls
{
  padding-top: 10px;    
}

TH.sortNote,
TD.sortNote
{
  width: 1em;    
  text-align: center;
}

/*
  Inline Grid Styles
*/

.inlineGrid .Grid
{
	margin-top: 0px;
}

.inlineGrid .bottomActions
{
  margin-top: 3px;	
}

.inlineGrid .inlineActions
{
  width: auto !important;	
}

.inlineGrid .buttonsSeparator
{
  width: 10px;	
}

.inlineGrid .editPanel
{
  width: auto;	
  padding: 5px;
}

.inlineGrid .editPanel .header
{
  display: block; 
  
  font-size: 110%;
  font-weight: bold;
  
  margin-bottom: 10px;
}

.inlineGrid .editPanel TABLE.controls
{
  width: 100%;	
}

.inlineGrid .editPanel TABLE.controls TD.captionLabel
{
  width: 1%;	
  white-space: nowrap;
}

.inlineGrid .inlineEditContainer TD
{
  /*background-color: #ffffff;*/
}

.woBorders,
.woBorders TR TD,
.woBorders TR TH
{
  border: none !important;
}

TD.actions
{
  width: 2em;  
  min-width: 2em;
  text-align: center;
}

TD.actionsWN {
    width: 5.5em;
    min-width: 5.5em;
}

TD.actionsMUD
{
    width: 9em;  
    white-space:nowrap;
}

TD.actionsWP
{
  width: 10em;    
}

TD.yesNo
{
  text-align: center;    
  width: 7em;    
}

/*TH.yesNo
{
    white-space: nowrap;
}*/

TD.center
{
    text-align: center;  
}

.topActions
{
  text-align: right;
  margin-bottom: 5px;
}

.editPanel .previewButton
{
    width: 80px;    
}

.areYouSureQuestion,
.afterDeleteMessage,
.afterChangeMessage
{
    margin: 10px;
    font-size: 120%;
    color: #6a6c6f;
    font-weight: bold;
}

/*
    TabMenu
*/

/*.tabMenu
{
  background-color: #ffffff;
} 

.tabMenu .menuItem
{
  background-color: #f5f5f5;
}

.tabMenu .active
{
  background-color: #ffffff;    
}*/

.nav.nav-tabs .dropdown-menu {
   padding-top: 0px;
   padding-bottom: 0px;
}

.tabContent .editPanel
{
	margin-top:10px;	
}

.tabContent
{
  border-left:none;
  border-right:none;
  border-bottom:none;
}



/*.tabMenu .spacer,
.tabMenu .lastSpacer
{
  border-bottom: solid 1px #c8c8c8;
}

.tabMenu .menuItem
{
  border: solid 1px #c8c8c8;
}*/

/* 
    Master Page Styles 
*/

/*
      BCT styles
*/

/*.bct
{
  margin-top:     10px;
  margin-bottom:  10px;
  font-size:      120%;
  color: #6a6c6f;
}

.bct SPAN
{
    font-weight: bold;
}

.bct .bctSeparator.SPAN
{
    
}*/

.master
{
    text-align:center;
    height:72%;
    width:100%;
    border:none;
    margin:0px;
}

.master .top 
{
    height: 1%;
}

.master .nowidth
{
    width:1px;
}

.master .wider
{
    width:1px;
}

.master .noheight
{
    height:1px;
}

.master .lightBG 
{    
}

.master .darkBG 
{    
    /*background-color: #999;    */
}
  
.master .centerCell
{
    vertical-align:top;
    text-align:left;
    width:100%;
    font-size:80%;
    /*border-top:solid 1px #999;*/
}

.backButtonContainer
{
  padding: 20px 0px 0px 10px;    
}

/*
    Header Control Styles
*/
.topBG
{
  background-image: url('../img/header/top_bg.png');    
}

.headerControl 
{
    background-color:Transparent;
    width:100%;
    font-weight:normal;
    font-size:100%;
    
    margin-bottom: 10px;
}

.headerControl .middleCell
{
}

.headerControl .leftCell,
.headerControl .rightCell
{
   width: 5px;    
   vertical-align: top;
   padding: 0px;
}

/*
    Footer Control Styles
*/
.footerControl
{
    border-top: solid 1px #999;
    margin-top: 10px;
}

/*
    Logon Page Styles
*/
.logon,
.resetPassword {
    max-width: 420px;
    margin: 0px auto;
}

.resetPassword {
    max-width: 450px;
}

@media all and (min-width:769px) {
    .logon .logonTabs,
    .resetPassword .row.page-content {
        margin-top: 100px;
    }
}

.logon .captionLabel
{
	padding-right:10px;
}
/*
    Account Info
*/
.accountInfo .dayCombo
{
    width:50px;    
}
.accountInfo .yearCombo
{
    width:70px;    
}

.accountInfoMakePayment .chk
{
  width: 1%;
  text-align: center;    
}

.modalPopup.invoice-details
{
  max-width: 400px;
  min-height: 250px;       
}

.modalPopup.invoice-details .gridContainer
{
  overflow: auto;
  height: 230px;
}

.accountInfoMakePayment .noOpenInvoices
{
  padding: 3px;  
}

.accountInfoPaymentItem .GridFooter TD
{
  background-color: #eee;    
}

@media all and (max-width:480px) {
    .accountPaymentProfile .captionLabel {
        width: auto !important;
        white-space: normal;
        min-width: 100px;
    }
}

@media all and (max-width:350px) {
    .accountPaymentProfiles .btn-synch {
        margin-top: 5px;
        width: 100%;
    }
}

.siteStyleTemplates #divTemplateList table {
    border: none;
    border-collapse: separate !important;
}

.siteStyleTemplates #divTemplateList table tr td {
    border: none;
}

.siteStyleTemplates #divTemplateList table tr td.selected {
    border: solid 2px #1a80ba;
}

.siteStyleTemplates #divTemplateList table tr td.left {
    border-right: none;
}

.siteStyleTemplates #divTemplateList table tr td.right {
    border-left: none;
}

.siteStyleTemplates .styleSelector {
    float: left;
    padding: 10px;
    margin: 1px;
    border: solid 2px #fff;
}

.siteStyleTemplates .mainPreview img {
}

.siteStyleTemplates .styleSelector img {
    max-width: 100px;
    border: solid 1px #ccc;
}

.siteStyleTemplates .styleSelector .actionButton {
    padding-top: 5px;
    text-align: center;
}

.siteStyleTemplates .styleSelector.selected {
    border: solid 2px #1a80ba;
}
/*
    Site Style Page 
*/

@media all and (max-width:1135px) {
    .siteStyle ul.nav-tabs.nav {
        clear: both;
    }

    .siteStyle .previewLinks {
        padding: 0px;
        padding-bottom: 3px;
    } 
}


.siteStyle .padded
{
    margin-left:10px;    
}

   
.siteStyle .settingRow TD
{
	padding-top:10px;
}

/*.siteStyle .siteStyleDisplayOptions .colorSettings .captionLabel
{
  width: 18em;    
}

.siteStyle .siteStyleDisplayOptions .fontSettings .captionLabel
{
  width: 13em;    
}*/

.siteStyle .siteStyleDisplayOptions .settingsContainer
{
  padding-left: 20px;    
}

.siteStyle .siteStyleDisplayOptions .settingsContainer .note
{
  font-style: italic;
  padding-left: 5px;    
}

.siteStyleDisplayOptions .customFontsSelector .chk
{
  width: 1em;
  text-align: center;    
}

.siteStyleCustomStyles .helpCell
{
  vertical-align: top;
  padding-left: 10px;    
}

.siteStyleCustomStyles textarea.txtEditable {
    max-width: none;
}

.siteOptionsCustomImages  .helpCell,
.siteSettingsCustomMenu  .helpCell
{
  padding: 10px;    
}

.pageCustomImages .inheritedBlockInfo
{
  width: 100%;
  max-width: 30em;
  padding: 10px;
  border: solid 1px #000;
  background-color: #FFFFCC;    
  text-align: center;
  vertical-align: middle;  
}

.classesPageSettings .helpCell
{
  padding-left: 10px;   
}

.demoSchedulerSettings .helpCell
{
  padding-left: 10px;   
  text-align: left;
  white-space: nowrap;
}

/*
  emailOptions
*/

.emailOptions .captionLabel
{
    width: 10em;
    white-space:normal;
}

/*
    Classes
*/
.classes .filterPanel .row .control-label {
    max-width: 7em;
}

.classes .seatsCell
{
    width:1%;
}

.classes .sepSeatsCell,
.classes .sepSeatsCell1
{
  width: 6em;
  text-align: center;    
}

.classes .sepSeatsCell1
{
  width: 8em;
}

.classes .seatsCell TABLE, 
.classes .seatsCell TR, 
.classes .seatsCell TD
{
    border:none;    
}

.classes .seatsCell TD {
    padding: 1px;
    padding-bottom: 0px;
}

.classes .seats
{
    width:1%;
    white-space:nowrap;
}

.classes .hSpacer 
{
    margin-left:20px;    
}

.classes .wideButton
{
    width:200px;   
}
.classes TEXTAREA .wide
{
    width:400px;    
}
.classes TD.settings TABLE TR TD
{
  padding-bottom: 5px;	
}

.classes A.revClm
{
  display: block;
  margin-top:5px;
  font-weight: bold;    
}

.classes .filterViewSelector,
.classes .filterViewSelector .selBorder
{
    border: solid 1px #0185d0;
    border-collapse: collapse;
}

.classes .filterViewSelector TABLE.actionMenu
{
  border: none;    
}

.classes .filterViewSelector TD
{
  white-space: nowrap;
}

.classEdit div.note,
.rollForwardAttributes div.note,
.userEmailHistory div.note
{
  font-size: 90%;
  font-style: italic;    
}

.classEdit .regenerationNote .week
{
    text-align: center;
    width: 5em;
}

.classEdit .regenerationNote .dayOfWeek
{
    text-align: center;
    width: 8em;
}

.classEdit .regenerationNote .warn
{
  font-weight: bold;
}

.classEdit .regenerationNote .date
{
    text-align: center !important;
    
    width: 7em;
}

.classEdit .regenerationNote .flatButton,
.classEdit .regenerationNote .flatButtonHover
{
   width: 30em;
}

.modalPopup.classMUSConfirmation
{
  max-width: 550px;
  min-height: 100px;    
}

.classMeetings TD.week,
.classMeetingsReport TD.week
{
    text-align: center;
    width: 5em;
}

.classMeetings TD.dayOfWeek,
.classMeetingsReport TD.dayOfWeek
{
    text-align: center;
    width: 8em;
}

.classMeetings TD.time,
.classMeetingsReport TD.time
{
    width: 6.5em;
}

.classMeetings TD.actions,
.classMeetingsReport TD.actions
{
  width: 1%;
  white-space: nowrap;
  padding:0 5px 0 5px;
}

.classMeetings TD.hFC
{
  width: 6em; 
  text-align: center;   
}

.classMeetings .editPanel TABLE.controls,
.classMeetings .editPanel TABLE.controls
{
  width: 1% !important;	
}

.classMeetings .editPanel TABLE.controls TR TD,
.classMeetingsReport .editPanel TABLE.controls TR TD
{
  white-space: nowrap;    
}

.classMeetings .timeControl .txtEditable,
.classMeetingsReport .timeControl .txtEditable
{
  width: 6em !important;    
}

DIV.classMeetingsNote 
{
  width: 100%;
  background-color: #FFFFEE;
  border: solid 1px #AAAAAA; 
  padding: 10px;   
  margin-bottom: 5px;
  display: block;
}

H5.classMeetingsNote 
{
  margin: 5px 0px 15px 0px;    
  padding: 0px;
    
  color: #000000;
  
  font-size: 110%;
}

.classMeetingsNote UL
{
  margin: 0px;
  margin-left: 20px;    
} 

.classMeetingsReport .Grid
{
    margin-top: 3px;    
}
    
.classMeetingsReport TD.chk
{
  text-align: center;    
  width: 1em;
}

.classMeetingsReport .bottomControls
{
  margin: 10px;    
}

.classEnrollments TD.dob
{
  width: 8em;
  text-align: center;    
}

.classes .enrSummary,
.classEnrollments .enrSummary
{
  width : 23em;
}

.classes .rolloutSummary
{
   width: 100%;
   max-width : 33em;
}

.classes .enrSummary .summaryHeader,
.classEnrollments .enrSummary .summaryHeader
{
    font-size: 120%;
    color:#777;
    padding: 5px;
    padding-top: 0px;
    padding-left: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.classes  .enrSummary .enrSummaryGrid .valueNumber,
.classEnrollments .enrSummary .enrSummaryGrid .valueNumber
{
    text-align: right;
    white-space:nowrap;
}

.classes  .enrSummary .enrSummaryGrid .totalRow TD,
.classEnrollments .enrSummary .enrSummaryGrid .totalRow TD
{
   font-weight: bold;
   border-top: solid 1px #ccc; 
   color: #6a6c6f;
}

.classEnrollments .chk 
{ 
    text-align:center;
    width:1px; 
}

.classEnrollments .modalPopup .popupButtonsContainer
{
    text-align:center;
}

.classEnrollments A.hasNote
{
  font-weight: bold;
}

/*
  Advanced Image Upload Page
*/

.advancedImageUpload .note
{
    font-weight: bold;
    margin: 5px;
}

.advancedImageUpload .preSelectIntro
{
   width: 55em;    
}

.advancedImageUpload .imgSamples
{
    padding-top: 1em;    
}

.advancedImageUpload .addToVaultLink
{
    font-weight: bold;    
}

.advancedImageUpload .previewContainer
{
    text-align: center;    
}

.advancedImageUpload .previewHeader
{
    margin-bottom: 2px;    
}

.advancedImageUpload .previewDescription
{
    display: block;
    margin-bottom: 10px;
}

/*
  contactUs
*/

.contactUs .captionLabel
{
    width: 8em;
}

/*
    Save Schedule
*/
.saveSchedule .confirmation
{
    font-weight: bold; 
    color: red;
}
/*
  News Letters
*/

.newsLetters TD.actions
{
  width: 9em;	
}

.newsLetters TD.date
{
  width: 8em;	
}

/*
  Notifications Report
*/

.notificationsReport .filterPanel .captionLabel
{
    width: 8em;
}

.notificationsReport .Grid TD.dateLong
{
	max-width: 11em;
}

.openStats
{
}

.openStats .number
{
  width: auto;  
  min-width: 42px;    
}

/*
  noqDetails
*/

.noqDetails .captionLabel
{
  width: auto;	
}

.noqDetails .bodyContainer
{
  border: dotted 1px #000000;
  padding: 20px;	
}

.noqDetails .bodyContainer iframe {
    max-width: 700px;
    width: 100% !important;
}

.noqDetails .topActions
{
	margin-bottom: 10px;
}

.noqDetails .bottomActions
{
	margin-top: 10px;
}

/* Orders UI */
.ORReport .Grid TD.dateLong
{
	width: 11em;
}

.ORReport .Grid .status
{
    width:6.5em;
    text-align:center !important;
}

.ORReport .Grid .source
{
    width:6em;
    text-align:center !important;
}

.ORReport .infoMessage
{
    text-align: center;
    border: solid 1px Green;
    background-color: #FFFFEE;
    padding: 10px;
    width: 96%;
}

.ORDetails .captionLabel
{
  width: auto;
  white-space: normal;
  padding-left: 1em;	
}


.ORDetails .order-details .captionLabel {
    min-width: 140px;
    max-width: 250px;
    width: 30%;
}

@media all and (max-width:728px) {
    .ORDetails .order-details .captionLabel {
        min-width: 80px;
        max-width: 140px;
    }
}

.ORDetails  .boldText
{
  font-weight: bold;	
}

.ORDetails .Grid amountDue
{
    width:1em !important;
}

.ORDetails .Grid TR TD.amountDue
{
    text-align:right !important;
}

.ORDetails TEXTAREA.note
{
    height: 10em;
}

.ORDelete .topMessage
{
  font-size: 110%;  
  color: Gray;  
  font-weight: bold;
  
  margin: 0px 0px 1em 0px; 
  
  max-width: 50em;   
  width: 100%;
}

.ORDelete .orderData
{
  padding: 1em 0px 1em 1em;    
}

.ORDelete .dataSection
{
   padding: 1em 0px 1em 1em;    
}

@media all and (max-width:480px) {
    .ORDelete .orderData
    {
      padding-left: 0px;    
    }

    .ORDelete .dataSection
    {
      padding-left: 0px;    
    }
}

.ORDelete .dataSection .sectionHeader
{
  color: Gray;  
  font-weight: bold;
  padding-bottom: 0.5em;
}

.ORFeesAndEnrollments TD.status
{
   width: 12em;
}

.ORFeesAndEnrollments .qty
{
  width: 8em;
  text-align: center;  
}

.ORFeesAndEnrollments .shpStatus
{
  width: 10em;
}

.ORFeesAndEnrollments .enrStatus
{
  width: 15em;    
}

.ORFeesAndEnrollments .unsubmittedMessage
{
  padding: 10px;
  background-color: #FFFFCC;    
  border: solid 1px #CCCCCC;
  text-align: center;
}

.ORFeesAndEnrollments H4,
.ORChangeStatus H4
{
  color: #6a6c6f;
  font-size: 110%;    
}

.ORChangeStatus H4
{
  padding: 0px;
  margin: 0px;    
}

.ORChangeStatus B SPAN.txtAsLabel
{
  font-weight: bold;    
}

.ORMove TABLE.oneRegContainer
{
	margin-top: 10px;
  	border: solid 1px #AAAAAA;
}

.ORMove TABLE TR TD.deleteButtonContainer
{
  width: 110px;	
  vertical-align: bottom;
  text-align: right;
}

/* EasyCenterExport */
.easyCenterExport .notePanel,
.easyCenterExport .dataExported
{
    margin-top: 10px;
}

.easyCenterExport .Grid
{
  margin-top: 20px;	
  margin-bottom: 20px;	
}

.easyCenterExport .Grid TD.dateLong
{
	width: 11em;
}

.easyCenterExport .Grid .status
{
    width:6.5em;
    text-align:center !important;
}

.easyCenterExport .Grid .source
{
    width:6em;
    text-align:center !important;
}

/*
    Start Page
*/
.start 
{
    text-align:left;
}

.start .welcome
{
    color: #000000;
    font-size : 14pt;
}
.start .actions 
{
    margin-top:1px;
}
.start .actions div
{
    padding-top:12px;
}


/*
	Calendar
*/
.calendar .actionsMUD
{
    width:1%;
}

.calendar .url
{
    height:29px;    
}

.calendarEdit .days
{
	margin-left:20px;
}

/*
	registration
*/
.registration .termsCell
{
	padding-left:20px;
}

.registration TD.settings TABLE TR TD 
{
		padding-top:5px;
}


.CuteEditorDropDown
{
    color: Black;
}

/*
  rollForward
*/


.rollForward .Grid tr td table tr td {
    padding: 2px !important;
}

.rollForward .txtValidator
{
  font-size: 180%;
  font-weight: bold;	
}

.rollForward .agreeBox,
.rollForward .buttonBox
{
  margin-top: 10px;    
  
}

.rollForward .agreeBox SPAN
{
  font-size: 130%;
  font-weight: normal;	
}

.rollForward TEXTAREA.NarrowTextbox
{
  height: 95px;	
}

.rollForwardConfirmationPanel
{
  text-align: center;
  width: 43em;
  
  background-color: #FFFFEE;
  border: solid 1px #CCCCCC; 
  
  margin: 30px;     
  padding: 30px;
}

/*
  Media Wizard 
*/

.mediaFiles H2
{
  margin-bottom: 3px;
}

.mediaWizard .btnCancelSeparator
{
  width: 4em;	
}

/*
	News Items 
*/

.newsItems .narrow
{
	width:3em;	
}

/*
  siteOptions CustomImages
*/

.siteOptionsCustomImages .note
{
  margin : 3px;
  font-style : italic;
}

/*
  Categories 
*/

/*.categories {}
.categoryValues .Grid .AltDataRow TD {
  background-color: #fff;
}
.categoryValues .Grid .DataRow TD {
  background-color: #f0f8ff;
}

.categoryValues .emptyGrid 
{
  margin-top:0px !important;  
}*/

/* 
  Layouts 
*/
.modalPopup.new-named-layout
{
  max-width: 30em;
  min-height: 15em;
}
/* Layout Edit */
.layoutEdit .Grid 
{ 
  margin-top: 20px; 
}
.layoutEdit .pad
{
  padding-left:10px;
}
.layoutEdit .controls .txtEditable
{
  width:auto !important;  
  background-color:Transparent !important;
}
.layoutEdit .sortDisabledNote
{
  color: red;
}

/*
  Business Classes Settings
*/

.businessClassesSettings .options
{
  margin: 5px 0px 0px 1em;    
}

.businessClassesSettings .options .note
{
  margin-left: 1.8em;
  font-style: italic; 
}

@media all and (max-width:768px) {
    .businessClassesSettings .options > div.radio:not(:first-child) {
        padding-top: 20px;      
    }
}

/*
  Registration Settings Page
*/

.regSettings .regModeNote
{
  margin-left: 2em;    
  font-style: italic;
}

.regSettings .note
{
  margin-left: 2em;    
}

/*
  Makeups Settings Page
*/

.makeupsSettings .regModeNote
{
  margin-left: 2em;    
  font-style: italic;
}

.demosSettings  .captionLabel,
.makeupsSettings .captionLabel
{
  width: auto;
  min-width: 90px;    
  white-space: normal !important;
}

/*
  classMeetingsUpdateSeats
*/

.classMeetingsUpdateSeats .Grid
{
  width: auto;    
}

.classMeetingsUpdateSeats .Grid TD.number
{
  width: 9.5em;    
}

.classMeetingsUpdateSeats .Grid TD.numberEx
{
  text-align: right;
  width: 7em;    
}

.classMeetingsUpdateSeats .topClassInfo
{
  margin: 0px 0px 10px 0px;    
}
.topClassInfo
{
  margin: 0px 0px 10px 0px;    
}


/*
  searchContactsPopup
*/

.modalPopup.search-contacts
{
  max-width:680px;
  min-height:600px;
}

/*
  meetings search popup
*/

.modalPopup.meetingSearchControl .gridContainer {
    min-height: 21em;
}

/*
  classDemosReport
*/

.classDemosReport .filterPanel TABLE.filterControls
{
  width : 1%;
}

.classDemosReport .filterPanel TABLE.filterControls SELECT
{
  width: 10.5em;    
}

.classDemosReport .Grid
{
  margin-top: 0px;    
}

.classDemosReport .Grid .chk
{
    width: 1em;
    text-align: center;
}

.classDemosReport .teachersList
{
  padding: 1em;    
}

/*
  classMakeupsReport
*/

.classMakeupsReport .filterPanel TABLE.filterControls
{
  width : 1%;
}

.classMakeupsReport .filterPanel TABLE.filterControls SELECT
{
  width: 10.5em;    
}

.classMakeupsReport .Grid
{
  margin-top: 0px;    
}

.classMakeupsReport .meetingSearchControl .captionLabel
{
  width: 20em;    
}

.classMakeupsReport .topActions
{
}

.classMakeupsReport .teachersList
{
  padding: 1em;    
}

.modalPopup.component-filter
{
  max-width: 30em;
  min-height: 27em;	
}

.classDemosReport .meetingSearchControl .captionLabel,
.classDemosReport .demoEditControls .captionLabel
{
  width: 20em;    
}

/*
  meetingsUpdateSeats
*/
.meetingsUpdateSeats .asterisk
{
  color: Red !important;
  font-weight: bold;
  font-size: 150%;
  vertical-align:middle;
}

/*
  accounts
*/

.accounts .filterPanel .captionLabel
{
    width: auto;
    white-space: nowrap;
}

.accounts .filterPanel .smart-search-control {
    max-width: 1000px;
}

.accounts .filterPanel .more-info-filters {
    margin: 0.5em;
}

/*@media all and (min-width:900px) {
    .accounts .filterPanel .more-info-filters {
        float: right;
        overflow: hidden;
    }
}*/

.accounts .addInfo,
.accounts .addInfo TR TD
{
    width: auto;
    white-space: nowrap;
}

.accounts .Grid .pal
{
   width: 12em;
   text-align: center;
}

.accounts .student
{
  padding-bottom:1px;  
}

.accounts .Grid .actions .hasNote
{
    font-weight:bold;
}

.accounts .Grid .actions
{
  width: 5.5em;
}

.accounts .Grid .noteAction
{
  width: 3em;
  text-align: center;    
}

.accounts .chk
{
  width: 1em;
  text-align: center;    
}

/*
  account edit master page
*/

.accountEdit .accountTopInfo
{
  margin: 5px;
  margin-bottom: 0px;
}

.accountEdit .accountTopInfo TR TD.captionLabel
{
  font-weight: bold;
  width: auto;
  min-width: 65px;
}

.accountEdit TR TD.accountEditLinkContainer
{
  vertical-align: bottom;
  padding: 10px;
}

.modalPopup.accountEditPopup
{
  max-width: 30em;
  min-height: 10em;	    
}

.modalPopup.accountEditPopup .validatorRow
{
  display: none; 
}

/*
 account contacts
*/

.accountContacts .Grid .pal
{
   width: 12em;
   text-align: center;
}

.accountContacts .Grid .emailStatus
{
   width: 8em;
   text-align: center;
}

.accountContacts .Grid .userName
{
   width: 10em;
}

/*
  accountStudents
*/

.accountStudents .Grid .date
{
  width: 8em;    
}

.accountStudents .Grid .gender
{
  width: 8em;  
  text-align: center;  
}

.paymentProfiles .hSep
{
    width: 2em;
}

/*
  contacts
*/

.contacts .Grid .chk
{
  width: 1em;
  text-align: center;    
}

/*
  Contact edit
*/

.contactEdit DIV.note
{
   padding-left: 5px;
   padding-bottom: 5px;
   
   font-size: 90%;
   font-style: italic;    
}

.contactEdit  .onlineAccessIntro
{
  padding-top: 0.5em;    
}

.contactEdit .noneAccessLevelNote
{
  font-style: italic;    
}

.contactEdit .contactEditForm TD.captionLabel
{
  width: 120px !important;    
}

/*
  accountCreate
*/

.accountCreate DIV.note
{
   padding-left: 5px;
   padding-bottom: 5px;
   
   font-size: 90%;
   font-style: italic;    
} 

.accountCreate .onlineAccessIntro
{
  padding-top: 0.5em;    
  padding-bottom: 0.5em;    
}

.accountCreate .noneAccessLevelNote
{
  padding: 0.5em;
  font-style: italic;    
}

.accountCreate .students .Grid
{
  width: 100%;
  max-width: 645px;    
}

.accountCreate .students .Grid tr td
{
   padding: 2px;
}


/*.accountCreate .addRegistrantPanel
{
  margin-top: 1em;    
  padding: 2em;
  
  border: solid 1px #507AB2;
  text-align: center;
  
  width: 600px;
}

.accountCreate .addRegistrantPanel A
{
  font-size: 110%;
  font-weight: bold;    
}*/

.accountCreate a.removeRegistrantLink:not(.btn) {
    color: #1a80ba !important;
}

.accountCreate a.removeRegistrantLink:not(.btn):hover {
    color: #85CE2F !important;
    text-decoration: underline;
}

/*
  users
*/

.users .Grid .cntType
{
  width: 12em;
  text-align: center;
}

.users .Grid .yesNo
{
  width: 7em;    
}

.users .Grid .pal
{
  width: 12em;    
}

.users .topActions
{
  text-align: left;
}

/*
  Community common styles
*/

.nothingToModerate
{
  color: Green !important;  
  font-weight: bold;  
}

.requiredToModerate
{
  color: Maroon !important;    
  font-weight: bold;
}

/*
  forums
*/

.forums .Grid .yesNo
{
    width: 9em;
}

.forums .Grid .pal
{
    width: 14em;
}

/*
  Blogs
*/

.blogs .Grid .pal
{
   width: 12em;
   text-align: center;    
}

.blogs .Grid .permis
{
   width: 10em;    
   text-align: center;    
}

.blogs .Grid .awaitingMod
{
   width: 12em;    
   text-align: center;    
}

/*
  blogPosts
*/

.blogPosts .created
{
  width: 12em;    
}

.blogPosts .totals
{
  width : 8em;        
  text-align: center;
}

.blogPosts .awaitingMod
{
  width : 15em;        
  text-align: center;
}

/*
  blogComments
*/

.blogComments .Grid .createdBy
{
  width: 17em;  
  vertical-align: top;  
}

.blogComments .Grid .createdBy TABLE.createdByContainer
{
  margin: 0px;
  
}

.blogComments .Grid .createdBy TABLE.createdByContainer .createdByDesc
{
    vertical-align: top;
    text-align: left;    
}

.blogComments .Grid .createdBy TABLE.createdByContainer .createdByStatus
{
    vertical-align: top;
    text-align : right;    
}

.blogComments .Grid .createdBy TABLE.createdByContainer .createdByActions
{
    vertical-align: bottom;
    text-align : right;    
}

.blogComments .Grid .comment
{
    vertical-align: top;
}

/*
  semesters
*/

.semesters .Grid .editPanel TABLE.rbContainer
{
    margin-left: 1em;
}

.semesters .Grid .editPanel .rbContainer TD
{
  padding: 1px !important;    
}

.semesters .Grid .editPanel .rbContainer .message TD
{
  padding: 2px !important;    
}

.semesters .Grid .editPanel .rbContainer TD .rbContainerInnerControls TD
{
  padding: 2px !important;    
}

.semesters .Grid .editPanel TD.leftIndent
{
  width: 0.1em;    
}
.semesters .Grid .editPanel .rbContainer TD.leftIndent
{
  width: 2em;    
}

.semesters .spacer
{
  height: 0.5em;    
}

.semesters .showInCalendar
{
  width: 10em;
  text-align: center;    
}

@media all and (max-width:768px) {
    .semester .captionLabel {
        white-space: normal !important;
        width: auto !important;
    }
}

@media all and (max-width:480px) {
    .semester .preRegControls .captionLabel,
    .semester .preRegControls .timeCaption {
        min-width: 90px;
    }

    .semester .preRegControls .timeCaption {
        text-align: right;
    }
}

.transactiontypes .subtype
{
  padding-left:20px;
}

/* Actions Menu  */

.actionMenu
{
  float:left;
  border: solid 1px #0185d0;  
  padding: 0px !important;  
  margin : 0px !important; 
  border-collapse:collapse;
  background-color:#fff ;
  color:White;
}

.helpMenu
{
  padding: 0px !important;  
  margin : 0px !important; 
  border-collapse:collapse;
  background-color:#fff;
  color:White;    
}

.helpMenu A,
.helpMenu A:visited,
.helpMenu A:hover
{
  font-weight: bold;
  font-size: 110%;
  text-decoration: none;   
  
  cursor: pointer !important; 
  cursor: hand !important;
  
  /*color: #3366CC;*/
  color: #1a80ba; 
}

.subMenu2
{
  text-align: left !important;    
}

.actionMenu TD,
.actionMenu TABLE,  
.actionMenu TABLE TR TD,
.actionMenu TABLE TR TD TABLE,
.actionMenu TABLE TR TD TABLE TR TD
{
  border: none !important;
  padding:0px !important;
  margin : 0px !important; 
}

.subMenu2 TABLE
{
  border-top: solid 1px #0185d0;    
  border-left: solid 1px #0185d0;    
  border-right: solid 1px #0185d0;    
  margin : 0px 0px 0px 0px; 
  background-color:#fff ;
  color:White;
}

.subMenu2 TABLE TR TD
{
  font-size:10pt;
  padding: 2px 5px 1px 5px;
  border:none !important;
  border-bottom:solid 1px #0185d0 !important;
}

.subMenu2 TABLE TR TD TABLE,
.subMenu2 TABLE TR TD TABLE TR TD
{
  border: none !important;
}

/* Main Sub Menu */

.mainMenuRightCell
{
    border-bottom: solid 1px #c8c8c8; 
    padding-right: 5px
}

.mainMenuSubRoot
{
  border: none;  
  padding: 0px !important;  
  margin : 5px 0px 0px 0px; 
  border-collapse:collapse;
  background-color: Transparent;

  cursor: pointer;
  cursor: hand;
}

.mainMenuSubRoot A
{
  font-size:109% !important;
  
  cursor: pointer !important;
  cursor: hand !important;
}

.mainMenuSubItem
{
  text-align: left !important;    
}

.mainMenuSubRoot TD,
.mainMenuSubRoot TABLE,  
.mainMenuSubRoot TABLE TR TD,
.mainMenuSubRoot TABLE TR TD TABLE,
.mainMenuSubRoot TABLE TR TD TABLE TR TD
{
  border: none !important;
  padding:0px !important;
  margin : 0px !important; 
}

.mainMenuSubItem TABLE
{
  border-top: solid 1px #0185d0;    
  border-left: solid 1px #0185d0;    
  border-right: solid 1px #0185d0;    
  margin : 0px 0px 0px 0px; 
  background-color: Transparent;
}

.mainMenuSubItem TABLE TR TD
{
  font-size:10pt;
  padding: 2px 5px 1px 5px;
  border:none !important;
  border-bottom:solid 1px #0185d0 !important;
}

.mainMenuSubItem TABLE TR TD TABLE,
.mainMenuSubItem TABLE TR TD TABLE TR TD
{
  border: none !important;
}


/*
  searchAccountsPopup
*/

.modalPopup.search-accounts
{
  max-width:700px;
  min-height:49em;
}

.modalPopup.search-accounts input.smart-search-control {
    max-width: 600px;
}

/*
  searchProductsPopup
*/

.modalPopup.search-products
{
  min-height:42em;
}

.modalPopup.search-products .proOptions .captionLabel
{
  width: 6em;    
}

/*ge
  searchEmailTemplatesPopup
*/

.modalPopup.searchEmailTemplatesPopup
{
  min-height:36em;
}

.searchEmailTemplatesPopup .Grid .type
{
  max-width: 6em;    
  text-align: center;
}

/*
  searchAccountOrdersPopup
*/
.searchAccountOrdersPopup .Grid .ord
{
  text-align: center;
}

.modalPopup.searchAccountOrdersPopup
{
   min-height:45em;
}

/*
  searchAccountEnrollmentsPopup
*/

.modalPopup.searchAccountEnrollmentsPopup
{
  min-height:45em;
}

/*
  searchAccountEnrollmentsPopup
*/

.modalPopup.searchAccountAppointmentsPopup
{
  min-height:45em;
}

/*
  searchFeeBatchesPopup
*/

.modalPopup.searchFeeBatchesPopup .gridContainer
{
  height: 31em;
}

.modalPopup.searchFeeBatchesPopup
{
  max-width:420px;
  min-height:39em;
}

/*
  searchClasssPopup
*/

.class-search.modalPopup
{
  min-height:50.4em;
}

.class-search.modalPopup .captionLabel {
    width: auto;
    min-width: 80px;
    margin-bottom: 0px;
}

@media all and (max-width:768px) {
    .class-search.modalPopup .filterPanel .control-block {
        margin-top: 3px;
    }
}

@media all and (min-width:768px) {
    .class-search.modalPopup .filterPanel .col-md-3 {
        width: 22.9%;
    }
}

.class-search .Grid .schedule
{
  text-align: center;
}

/*
  Payment 
*/

.payment .CCInfo H4,
.payment .eCheckInfo H4
{
  font-size:110%;
  font-weight:bold;
  
  margin-top: 0px;  
  
  white-space: nowrap;
}

.payment .DPMCCNote
{
  font-size: 90%;  
}

.payment .paymentInfo
{
  padding: 0.5em 0 0.5em 0;
}

.payment .voidedCaption
{
  color: Purple;
  font-size: 180%;    
}

.payment .appliedAmount
{
    width: 13em;    
}

.payment .appliedAmount INPUT
{
    width: 12.8em;    
}

.payment .footerTotal,
.paymentDelete .footerTotal
{
  text-align: right;
  padding-right: 4px;
  
  font-weight: bold;    
}

.payment .paymentProfiles
{
  /*width: 50em;    */
  white-space: nowrap;
}

.payment .paymentProfiles .selAccountNote
{
  display: inline;    
}

.paymentVoid .voidIntro
{
  width: 45em;      
}

/*
  Refund
*/

.refund .appliedAmount
{
    width: 13em;    
}

.refund .appliedAmount INPUT
{
    width: 12.8em;    
}

.refundDelete .footerTotal,
.refund .footerTotal
{
  text-align: right;
  padding-right: 4px;
  
  font-weight: bold;    
}


/* EnrollmentsReport page */

.enrollmentsReport .filterPanel div.control-block label.captionLabel {
    min-width: 11em;
}

@media all and (min-width:769px) {
    .enrollmentsReport .show-contact-details-block {
        position: absolute;
        right: 10px;
        top:10px;
    }
}

.enrollmentsReport .chk 
{ 
    text-align:center;
    width:1px; 
}

.enrollmentsCopy .classesGrid .classRow TD,
.enrollmentsCopy .classesGrid .altClassRow TD
{
    vertical-align: top;
}

.enrollmentsCopy .classesGrid .altClassRow TD,
.enrollmentsCopy .classesGrid .altLinksRow TD
{
  background-color: #f9f9f9;
}

.enrollmentsCopy .classesGrid .headerRow TH
{
  border-bottom: solid 1px #ddd;  
  color: #6a6c6f;
}

.enrollmentsCopy .classesGrid .separatorRow
{
  height: 4em;
}

.modalPopup.enr-copy-popup {
    min-height: 47em;
}

.modalPopup.enr-copy-popup .gridContainer {
    min-height: 37em;
}

.accountTransactions .transactionActions
{
  padding: 10px 0px;    
}

@media all and (max-width:560px) {
  .accountTransactions #tblDateFilters {
      margin-top: 10px;
      margin-bottom: 10px;
  }
}

@media all and (min-width:561px) {
  .accountTransactions #tblDateFilters {
      margin-left: 10px;
  }
}

/*
  paymentsAndRefundsReport
*/

.paymentsAndRefundsReport .bottomActions
{
  margin-top: 10px;    
}

/*
  feesAndCreditsReport
*/

.feesAndCreditsReport .filterPanel div.control-block label.captionLabel {
    min-width: 11.2em;
}

.feesAndCreditsReport .thUpdateFieldName {
    width: 130px;
}

@media all and (max-width:600px) {
    .feesAndCreditsReport .thUpdateFieldName {
        width: auto;
    }
}

.feesAndCreditsReport TH.chk,
.feesAndCreditsReport TD.chk
{
  width: 1em;
  text-align: center;    
}

.fee-add-info {
  max-width: 120px;
}

/*
  fee payments
*/

.feePayments  .bottomActions
{
  margin-top: 10px;    
}

/*
  creditPayments
*/

.creditPayments  .bottomActions
{
  margin-top: 10px;    
}

.GridViewRowsInfoControl
{
  white-space: nowrap;    
}

.GridViewRowsInfoControl .start,
.GridViewRowsInfoControl .end,
.GridViewRowsInfoControl .total
{
  font-weight: bold;      
}

.GridViewPageSizeControl 
{
  text-align:right;
  color:#000;
  white-space:nowrap;
  padding-left:10px;
}

.classShortInfo { padding:10px 0 10px 0; }
.classShortInfo TABLE { width:auto !important; }
.classShortInfo TABLE TD { border:none !important; }

.siteSettingsCustomMenu .showOption
{
    text-align: center;
    width: 9em;
}

/*
  notifications And Emails
*/

.emailListNote
{
    font-size: 90%;
    font-style: italic;
}

.notificationTemplate .contentNote
{
    font-style: italic;
    padding: 1em;
}

.notificationTemplate .inactiveCaption,
.customEmailEdit .inactiveCaption
{
  color: Purple;
  font-size: 180%;    
  margin-left: 2.5em;
  display: inline;
} 

.notificationTemplate .middleContentNote
{
    font-weight: bold;
    width: 100%;
    border: solid 1px #ccc;
    
    text-align: center;
    padding: 4em 2em;
}

.notificationTemplate .nttNote
{
    padding-top: 10px;   
    color: #6a6c6f;
}

/* Contact List */
.modalPopup.edit-contact-list {
    max-width: 25em;
}
.contactListManagement .Grid .contactCount { max-width:14em; text-align:center; }

.contactListView .contactListViewTopInfo { padding-top:5px; }
.contactListView .contactListViewTopInfo TD { vertical-align:middle; }
.contactListView .contactListViewTopInfo .captionLabel { font-size:120%;font-weight:bold; }

.contactListView .Grid .chk, .contactListAddContacts .Grid .chk { width:1em; text-align:center; }
.contactListView .modalPopup { width:33em;height:14em; }
.contactListView .modalPopup .validatorRow { display:none; }

.contactListView .addedBy, .contactListAddContacts .addedBy { text-align:center;width:7em; }
.contactListView .actions, .contactListAddContacts .actions { text-align:center; }
.contactListView .moveOrCopyRuler { width:30px; }

.contactListAddContacts .backButtonContainer { padding-left:0;display:inline; }

.emailSender .fullWidth { width:100%; }
.emailSender .btnColumn { text-align:left; }
.emailSender .indentColumn { padding-left:13px; }
.emailSender .cmb, .emailSender SELECT.txtEditable { width:212px; }
.emailSender .emailTemplatesColumn { text-align: left; white-space: nowrap; }
.emailSender .cmbEmailTemplates,
.emailSender .cmbContactList 
{ 
    width: auto !important;
}

.emailSender .validationPanel .hpanel .panel-body,
.customEmailPreview .validationPanel .hpanel .panel-body,
.userMessageSend .validationPanel .hpanel .panel-body {
    background-color:#FFFFCC;    
    text-align:center;
}

.emailSender .emailCountDetails
{
  margin-left: 5em;
  padding: 10px;   
  max-width: 420px; 
  width: 100%;
}

.mergeStudents { padding-top:10px; }
.mergeAccounts .indentFromTo {  padding-left:20px; }

/* Create fees */
.createFees .chk,
.createFees .date,
.createFees .cmb { width:1em; }
.createFees .amount { width:4em;text-align:right; }
.createFees .registeredFor { white-space:nowrap; }
.createFees .date .message { width:11.2em !important; }
.createFees .totalAmount .message { width:8.1em !important; }

/* Enrollment */
.enrollment .note
{
  font-style: italic;
}

/*@media all and (min-width:767px) {
    .enrollment .note {
      padding-bottom: 1em;
      padding-left: 1em;
    }
}*/

.enrollment .reviewInformationNote
{
    font-weight: bold;
}

/*.enrollment .classContainer .classInfo
{
    width: 25em;
}*/

.enrollment .altClassContainer {
    max-width: 350px;
    width: auto;
}

@media all and (max-width:768px) {
    .enrollment .altClassContainer {
        max-width: none;
    }
}

.enrollment .altClassCaption
{
  max-width: 10em;
  width: 100%;
  padding-bottom: 0.3em;
  border-bottom: dotted 1px #000;    
}

.enrollment .enrollmentFeeControls tr td.captionLabel:first-child {
    min-width: 120px;
}

@media all and (max-width:480px) {
    .enrollmentDelete .indent20.main-section {
        margin-left: 0px !important;
    }

    .enrollmentDelete .captionLabel {
        font-weight: bold;
    }
}

/*General Settings*/
.generalSettings
{
  width: 78em;    
}

.generalSettings .regModeNote,
.generalSettings .storeLevelNote, 
.generalSettings .userAccountsLevelNote
{
  padding-left: 2em;    
  padding-bottom: 1em;
  font-style: italic;
}

.generalSettings .intro
{
    white-space: nowrap;
    padding-left: 1em;
}

.generalSettings .boModeNote
{
  margin-left: 2em;    
}

.generalSettings .indent1
{
  padding-left: 1em;    
}

.generalSettings .indent2
{
  padding-left: 2em;    
}

.generalSettings .note
{
  font-style: italic;
  white-space: normal;
  padding-left: 1em;
}

.modalPopup.general-settings-confirm
{
  min-width: 40em;
  min-height: 25em;    
}
    
/*Accounts Settings*/
.accountsSettings .intro
{
    white-space: nowrap;
    padding-left: 1em;
}

.accountsSettings .boModeNote
{
  margin-left: 2em;    
}

.accountsSettings .captionLabel
{
    padding-left: 2em;
}

.accountsSettings .note
{
  padding-left: 1em;
  font-style: italic;    
}


/*Email Settings*/
.emailSettings .infoMessage
{
    color: Green;
}

.emailSettings .errorMessage
{
    color: red;
}

/* uc_ListPopupSelectorControl */
.listPopupSelectorControl .includeSelectedCaption,
.listPopupSelectorControl .excludeSelectedCaption { text-align:center;padding:0 0 5px 0; }
.listPopupSelectorControl .caption {
width:1%;
white-space:nowrap;
vertical-align:middle;
padding:0 10px 0 0;
}
.listPopupSelectorControl .includeSelectedItems { padding:0 10px 0 0; }
.modalPopup.listPopupSelectorControl  
{ 
    max-width:24em;
    min-height:27em; 
}

.ORSettings .note
{
  padding-left: 15px;
  font-style: italic;    
}

/*Bounced Emails*/
.bouncedEmails .actions
{
    text-align:center;
    width: 1%;
}

.bouncedEmails .bounceType
{
    text-align:center;
    width: 1%;
}

/*Bounced Email*/
.bouncedEmail .bounceMessage
{
    height: 30em;
}

/* Account Enrollments */
.accountEnrollments .chk 
{ 
    text-align:center;
    width:1px; 
}

.accountEnrollments TEXTAREA.note
{
    height: 20em;
}

/* Fee */
/*.fee .fullWidth
{
    width:100%;
}*/

/*.fee .paymentSummary
{
    width:1%;
    vertical-align:top;
    text-align:right;
}*/

.fee .amountsContainer {
    width: 100%; 
    max-width: 450px;
}

.fee .paymentSummary {
    width: 100%;
    max-width: 250px;
}

@media all and (max-width:768px) {
    .fee .rcfNote {
        text-align: left;
    }

    .fee .amountsContainer {
        max-width: none;
    }

    .fee .paymentSummary {
        width: 100%;
        max-width: none;

        margin-top: 20px;
    }

    .fee .associatedValues .value-cell {
        padding-left: 30px;
    }
}

.fee .paymentSummaryContainer
{
  margin: 0.4em 0 0.4em 0;    
}

.fee .paymentSummaryContainer .hpanel {
    margin-bottom: 0px;
}

.fee tr td.captionLabel:first-child {
    min-width: 120px;
}

.fee .note
{
  font-style: italic;    
}

.fee .rcfNote
{
  font-size: 1.8em;  
  font-weight: normal;  
}

.fee .inlineActions
{
  margin-top: 0px;    
}

.feeDelete .deleteNote
{
    margin:0 0 10px 0;
}

/* FeeChangeAccount */
@media all and (max-width:480px) {
    .feeChangeAccount .indent20.main-section {
        margin-left: 0px !important;
    }
}

.feeChangeAccount .backButtonContainer
{
    padding-left:0;
    display:inline;
}

/*
  Common styles for report pages
*/

.report .roundedPanel .innerContent
{
    padding: 10px 0px 10px 5px;
}

.report .flatButton,
.report .flatButtonHover
{
  width: 6em;    
}

.report .note
{
  margin-left: 5px;
  font-style: italic;    
}

.classListExport .noReportData,
.easyCenterExport .noReportData,
.report .noReportData,
.report .reportLink,
.easyCenterExport .dataExported,
.enrollmentsCopy .resultMessage,
.noDataMessagePanel
{
  text-align: center;
  
  font-weight: bold;
  font-size: 110%;
}

.classListExport .noReportData,
.easyCenterExport .noReportData,
.report .noReportData
{
    color: Red;
}

.report .reportLink
{
  color: Green;    
}

.addressLabels .indentColumn
{
    padding-left: 1em;
}

.siteStyleOptions TD.helpCell
{
  text-align: right !important;
  padding-right: 1em;
  white-space: nowrap;
  min-width: 100px;
}

.siteStyleOptions .socialMediaIcons .middleCaption
{
  text-align: right;
  padding-left: 5px;
  padding-top: 5px;
  width: 4.5em;
}

.accountReadOnly
{
  display:block;
  margin-bottom: 5px;
  white-space: nowrap;
  width: 1%;
}

.level2
{
    padding-left:2em !important;
}

.indent10
{
    margin-left:1em !important;
}

.indent20
{
    margin-left:2em !important;
}

/*.fixedGrid
{
    width: 75%;
}*/

.fixedGrid .order,
.fixedGrid .date
{
    width: 5em;
}

/* ClassListExport */
.classListExport .indentColumn
{
    padding-left: 16px;
}

.classListExport .note
{
  font-size: 90%;
}

.fullWidth
{
    width: 100%;
}

.classListExport .cmb,
.classListExport SELECT.txtEditable
{
    width: 212px;
}

.classListExport .rbt
{
    white-space: nowrap;
}

.classListExport .rbt .txtEditable
{
    width: auto !important;
    white-space: nowrap;
}

.classListExport .rbt .txtReadOnly
{
    background-color: #fff !important;
}

.currency
{
    white-space: nowrap;
}

/*
  Payment Profile
*/

.paymentProfile .note
{
  font-style: italic;
  margin-bottom: 5px;    
}

/* 
  Recurring Fee 
*/
.recurringFee .captionLabel
{
  width: 12em;    
}

.recurringFee .note
{
  font-style: italic;
  margin-bottom: 3px;
}

.recurringFee .statusCaption
{
  color: Purple;
  font-size: 180%;
  
  padding: 20px;    
}

/*
  recurringFeeHistory
*/
.recurringFeeHistory .index,
.recurringFeePending .index
{
  text-align: center;
  width: 8em;    
}

.recurringFeeHistory .actions
{
  text-align: center;
}

/*
  recurringFeesReport
*/

.recurringFeesReport .bottomActions
{
  margin-top: 10px;    
}

.recurringFeesReport .actions
{
  text-align: center;
}

.recurringFeesReport .period
{
  width: 10em;
  text-align: center;    
}

.recurringFeesReport .actions
{
  text-align: center;    
}

.recurringFeesReport .status
{
  width: 6em;
  text-align: center;    
}


/*
  accountRecurringFees
*/
.accountRecurringFees .period
{
  width: 10em;
  text-align: center;    
}

.accountRecurringFees .actions
{
  text-align: center;    
}

.accountRecurringFees .status
{
  width: 6em;
  text-align: center;    
}

.customFinanceActions .captionLabel
{
  width: 1% !important;
  white-space: nowrap !important;    
}

/*
  paymentBatchCurrent
*/

.paymentBatchCurrent .newBatchIntro,
.paymentBatchCurrent .batchStatusIntro
{
}

.paymentBatchCurrent .batchStatusIntro
{
  margin-bottom: 0px;    
}

.paymentBatchCurrent .buttonsBox .btn
{
  width: 10em;    
}

.paymentBatchCurrent .Grid .status,
.paymentBatchHistory .Grid .status
{
   text-align: center;
   width: 10em;    
}

.paymentBatchEdit .Grid .act {
    max-width: 30%;
}

.paymentBatchEdit .Grid .ppr {
    max-width: 30%;
}

.paymentBatchEdit .Grid .inp
{
  width: 8em;
  text-align: center;    
}

.paymentBatchEdit .Grid .actions .actionLink
{
  width: 2.3em;    
}

.paymentBatchEdit .actionsContainer TR TD
{
    border: none;
    white-space: nowrap;
}

.paymentBatchEdit .status
{
  width: 10em;    
  text-align: center;
}

.modalPopup.batch-settings
{
  min-width: 51em;
  min-height: 30em;	
}

.paymentBatchDetail .captionLabel
{
  width: 10em;    
}

.paymentBatchDetail .historyPanel .historyItem
{
   margin-bottom: 5px;
   color: Green;    
}

.paymentBatchDetail .historyPanel .error
{
    color: Red;
    font-weight: bold;
}

.modalPopup.referencedFees.payment-batch-fees {
	max-width:900px;
	min-height:480px;
}

.modalPopup.priceset-copy
{
  max-width: 42em;    
  min-height: 15em;
}

.priceSetPrices .Grid .priority
{
    text-align: center;
    width: 8em;
}

.priceSetPrices .Grid .registrants
{
    text-align: center;
    width: 6em;
}

.priceSetPrices .Grid .reg
{
    text-align: center;
}

.priceSetPrices .Grid .regHeader TH
{
    width: 2em;    
}

.priceSetPrice .registrantsGrid
{
  width: 1%;    
}

.priceSetPrice .captionLabel
{
    width: 13em;
}

.priceSetPrice .feeControls .captionLabel
{
    width: 6em;
}

.priceSetPrice .registrantsGrid TR TH, 
.priceSetPrice .registrantsGrid TR TD
{
    border-width: 1px !important;
    border-style : solid !important;    
}

.priceSetPrice .earlyRegistrationDiscounts,
.priceSetPrice .enableProrating,
.priceSetPrice .enableAdvancedVisibilityBehavior
{
   padding-left: 2em;
   margin-bottom: 0.5em;
}

.priceSetPrice .enableAdvancedVisibilityBehavior .intro
{
  margin: 0.2em 0 0.2em 0;    
  width: 43em;
}

.priceSetPrice .note
{
  font-style: italic;    
  margin-bottom: 0.3em;
}

.priceSetCoupons .Grid .mUse
{
  text-align: center;
  width: 10em;    
}

.priceSetCoupons .Grid .uOpt
{
  width: 10em;    
}

.priceSetCoupons .Grid .date
{
    width: 8em;
}

.priceSetAutoApplyItems .type
{
  width: 8em;
}

.priceSetAutoApplyItems .currency
{
  width: 12em;
}

.priceSetAutoApplyItem .note
{
  font-style: italic;
  margin-bottom: 3px;    
}

.priceSetAutoApplyItem .enableAdvancedVisibilityBehavior
{
   padding-left: 2em;
   margin-bottom: 0.5em;
}

.priceSetAutoApplyItem .enableAdvancedVisibilityBehavior .intro
{
  margin: 0.2em 0 0.2em 0;    
  width: 43em;
}

.priceSetAutoApplyItem .dateControls
{
}

.priceSetAutoApplyItem .captionLabel
{
  width: 12em;
}

.priceSetAutoApplyItem .feeControls .captionLabel
{
  width: 6em;
}

.locations TD.actionsMUD
{
  width: 10em;    
}

.location .uploadedPhoto
{
  text-align: center;
  margin-bottom: 0.5em;
  
  max-width: 160px;
  width: 100%;
}

.location .note
{
  font-style: italic;
}

.reconcileAccounts .Grid TD.cntInfo
{
  vertical-align: top;
}

.reconcileAccountData .moveButtonContainer
{
  width: 10em;   
  text-align: center; 
}

.reconcileAccountData .cell0
{
    width: 10em;
}

.reconcileAccountData .cell1
{
    width: 18em;
}

.reconcileAccountData .highlightText
{
  font-weight: normal;    
}

/*
  Rounded Panel styles
*/
.reconcileAccountData .roundedPanelTop
{
  background-image: url(../img/roundedPanel/bg_top.gif);  
  background-repeat:repeat-x;
  
  padding-top: 1em;
}

.reconcileAccountData .roundedPanelLeft
{
  vertical-align: top;  
  background-repeat:repeat-y;
  background-image: url(../img/roundedPanel/side_left.gif);    
  padding: 0px;
}

.reconcileAccountData .roundedPanelRight
{
  vertical-align: top;  
  background-repeat:repeat-y;
  background-image: url(../img/roundedPanel/side_right.gif);    
  padding: 0px;
}

.reconcileAccountData .roundedPanelBottom
{
  background-image: url(../img/roundedPanel/bg_bottom.gif);
  background-repeat:repeat-x;
  background-position: vertical;  
  padding: 0px;     
}

.reconcileAccountData .roundedPanelBottomLeft,
.reconcileAccountData .roundedPanelBottomRight
{
  padding: 0px;    
  vertical-align: top;
}

/*
 Installment Plan Templates
*/

.installmentPlanTemplates .threshold
{
   width: 10em;
   text-align: center;  
}

.installmentPlanTemplate .captionLabel
{
  width: 16em;    
}

.installmentPlanTemplate .surchargeControls SELECT
{
  width: auto;    
}

.installmentPlans .number
{
  text-align: center;    
}

.installmentPlans .actions
{
  text-align: center;    
}

.installmentPlans .status
{
  width: 9em;
  text-align: center;    
}

.installmentPlan .Grid
{
    /*width: 80em !important;*/
}

.installmentPlan .ipiGridContainer .Grid .instNo,
.installmentPlan .ipiGridContainer .Grid .status
{
  text-align: center;    
}

.installmentPlan .bottomActions .inlineActions
{
    margin-top: 0px;    
}

.installmentPlan .cancelledCaption
{
  color: Purple;
  font-size: 180%;    
}

/*
  customEmailAdd
*/

.customEmailAdd .layouts,
.customEmailAdd .emailTemplates
{
  padding-left: 2em;    
}

.customEmailAdd .layouts .layoutItems
{
  text-align: center;    
}

.customEmailAdd .layouts .layoutItems .layoutItem
{
   margin-bottom: 0.3em;    
}

.customEmailAdd .layouts .layoutImage
{
  text-align: center;    
}

.customEmailEdit .sectionLinks
{
  width: 7em;
}

.customEmailEdit .sectionLinks .sectionLink
{
  padding-bottom: 0.5em;    
}

.customEmailEdit .sectionLinks .sectionLink A
{
  font-size: 110%;    
}

.customEmailEdit .sectionLinks .sectionLink SPAN.disabledLink
{
  font-size: 110%;    
  font-weight: bold;
}

@media all and (max-width:768px) {
    .customEmailEdit .sectionLinks .sectionLink {
        display: block;
        float: left;
    }

    .customEmailEdit .sectionLinks .sectionLink A,
    .customEmailEdit .sectionLinks .sectionLink SPAN.disabledLink {
        display: block;
        padding: 5px 10px;
        margin-right: 5px;

        border-radius: 3px;
        border: solid 1px #ccc;
    }
}

.customEmailEdit .emailContentFrame .noContent
{
    margin: 0px;
    width: 50em;
}

/*
  Notifications -> User Emails
*/

.userEmails .type
{
  text-align: center;
  max-width: 6em;    
}

.userEmails .filterPanel .more-info-filters {
    margin: 0.5em;
}

/*
  Email Confirmation
*/

.emailConfirmation .middleContentNote
{
    font-weight: bold;
    width: 100%;
    height: 10em;
    border: solid 1px #ccc;
    
    text-align: center;
    padding-top: 4em;
}

/*
 Global Search
*/

.globalSearch .type,
.globalSearch .actions
{
  text-align: center;    
  white-space: nowrap;
}

.globalSearch .cnt,
.globalSearch .ast
{
  vertical-align: top;    
}

/*
    Order custom fields
*/

.orderCustomFields .note
{
   padding-left: 1em;
}

.orderCustomFields .fieldType
{
   width: 9em;    
   text-align: center;
}

.orderCustomFields .required,
.orderCustomFields .copyToNotes
{
   width: 12em;    
   text-align: center; 
}

.accountsReviewNew TABLE .chk
{
    width: 1em;
    text-align: center;
}

/*
  Page Additional Content
*/

.pageAdditionalContent .yesNo
{
    width: 14em;
}

/*
  enrShortInfo
*/
.enrShortInfo .visibleGroup
{
  width: auto;    
}

/*
  Facebook Tabs settings
*/

.facebookTabsSettings .captionLabel,
.facebookTabsSettings .helpCell
{
  vertical-align: top;    
}

/*
  TaxRates
*/

.taxRates .apptoship
{
  width: 12em;
  text-align: center;    
}

/*
  Store Categories
*/

.productCategories .yesNo
{
  width: 12em;    
}

/*.productCategories .actions
{
  width: 15em;    
}*/

.productCategories .level1
{
  padding-left: 2em;
}

.productCategoryProducts .note
{
  font-style: italic;    
}

@media all and (max-width:768px) {
    .productCoupon span.interaction > div.radio:not(:first-child) {
        padding-top: 20px;
    }
}

.product .uploadNote
{
  margin-top: 0.5em;
  font-size: 80%;  
}


.modalPopup.addOptionPopup {
    min-height: 25em;
}

.modalPopup.addOptionPopup .note
{
  font-style: italic;    
}

.productPurchasesReport .qty
{
  width: 8em;
  text-align: center;  
}

.productPurchasesReport .amountCombined .total
{
  border-top: solid 1px #777 !important;    
}

.productPurchase .note
{
    font-style: italic;
}

.productPurchase .unitPriceNote {
  font-size: 90%;
  font-style: italic;
  padding-bottom: 5px;
}

.modalPopup.fontEditor
{
  max-width: 28em;
  min-height: 19em;      
}

.nameTags .fontEditor .fontOptionsCaption,
.addressLabels .fontEditor .fontOptionsCaption,
.enrollmentLabels .fontEditor .fontOptionsCaption
{
  width: 19em;    
}

/*
  User Queries
*/

.userQueries .queryOn
{
  width: 10em;    
}

.userQueries .type
{
  width: 10em;    
  text-align: center;
}

.modalPopup.usq-copy
{
  max-width: 40em;
  min-height: 12em;	
}

.userQuery .queryTypeNote
{
  font-size: 90%;
  margin-left: 2em;    
}

.userQuery .columnsGrid .note
{
  font-style: italic;    
}

@media all and (max-width:420px) {
    .userQuery .columnsGrid .tfd select {
        width: 88%;
    }
}

.modalPopup.usq-columns-list
{
   max-width: 38em;
   min-height: 42em; 
}

.modalPopup.usq-columns-list .checkboxesContainer {
    max-height: 30em;
}

.userQuery .userQuerySort
{
}

.userQuery .userQuerySort .sortItem
{
  margin-top: 0.5em;    
}

/*.userQuery .filters .filterGroup
{
  width: 98%;    
}*/ 

.userQuery .filters .filterGroupHeader
{
   /*color: #EEE;
   border: solid 1px #ddd;
   border-bottom: none;*/
   /*margin-bottom: 5px;
   background-color: #f9f9f9;*/ 
   
  
   /*color: #000;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 5px;*/
}

.userQuery .filters .addFilterGroupContainer
{
   /*border: solid 1px #507AB2;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: center;*/
}

.userQuery .filters .Grid
{
  /*width: 100%;*/    
  margin-top: 0px;
}

.groupSummaryPopup .group-filter-options tr td {
    padding-bottom: 15px;
}

.userQueryRun .inlineActions {
    width: 100% !important;
}

/*.userQuery .filters .GridHeader
{
   background-color: Transparent;         
}*/

.modalPopup.usq-filters,
.modalPopup.usq-filters
{
   max-width: 40em;
   min-height: 32em; 
}

.modalPopup.groupSummaryPopup
{
   max-width: 65em;
   min-height: 23em; 
}

.modalPopup.groupSummaryPopup label {
    font-weight: normal;
}

.userQuery .filters .groupSummaryPopup SELECT
{
  font-size: 90%;    
}

.modalPopup.usq-filters .captionLabel
{
  min-width: 8em;    
}

@media all and (min-width:481px) {
    .modalPopup.usq-filters .captionLabel.and-caption {
        min-width: 0px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.userQuery .filters .conditionOperator
{
  color: #000;    
}

.userQuery .filterConditionDetails .timeControl INPUT
{
  width: 6em;    
}

/*.userQuery TR.sortablePlaceholder TD
{
    background-color: #f9f9f9;
    border-top: solid 1px #ddd;  
    border-bottom: solid 1px #ddd;
}

.userQuery TR.inSortingTR TD
{
    border: solid 1px #ddd;  
    background-color: White; 
}*/

.modalPopup.usq-save-as
{
   max-width: 25em;
   min-height: 10em; 
}

.userQueryRun .topIntro
{
   font-size: 110%;
   color: #333;
   
   padding: 0px 0px 1em 0px;        
}

.modalPopup.usq-print-results {
    max-width: 900px;
    min-height: 37em;
}

.modalPopup.usq-print-results .gridContainer {
    height: 35em;
}

/*
  Payment Requests
*/

.paymentRequests .actions TABLE TR TD
{
    border: none;
}

.paymentRequestsGenerate .detailsHeader
{
    text-align: center;    
}

.paymentRequests .chk,
.paymentRequestsGenerate .chk
{
  width: 1em;
  text-align: center;    
}

.paymentRequestsGenerate .top
{
  vertical-align: top;    
}

.paymentRequestsGenerate .actSepRow
{
  text-align: right;    
}

.paymentRequestsGenerate .accountStartRow TD
{
  border-top: solid 2px #ddd !important;        
}

.paymentRequestsGenerate .feeResults .actLastColumn
{
  border-right: solid 2px #ddd !important;  
}

.modalPopup.payment-request-fees {
    min-height: 42.4em;
}

.paymentRequest TD.chk
{
  width: 1em;
  text-align: center;    
}

.accountsEnrollmentsLogReport TD.chk
{
  text-align: center;    
  width: 1em;
}

/*
  fee gneerator common styles
*/

.modalPopup.fee-generation-plan-copy
{
  max-width: 40em;
  min-height: 14.4em;	
}

.feeGenerator .title1
{
  font-size: 120%;  
  color: #6a6c6f; 
}

.modalPopup.activeSemestersClasses
{
  min-height: 40em;	
}

.modalPopup.classListSelector
{
  min-height: 45em;	
}

.feeGenerationPlanDiscount .discountDisableLinkContainer,
.feeGenerator .discountDisableLinkContainer
{
    display: inline;    
}

.feeGenerationPlanDiscount .discountEnableLinkContainer,
.feeGenerator .discountEnableLinkContainer
{
    padding-left: 4em;
}

.feeGenerationPlanDiscount .indent20 .rbtOptions,
.feeGenerator .indent20 .rbtOptions  
{ 
    margin-top: 0.5em; 
}

.feeGenerationPlanDiscount .rbtOptions .rbtOption,
.feeGenerator .rbtOptions .rbtOption 
{ 
  margin-bottom: 0.5em;    
}

.feeGenerationPlanDiscount .rbtOptions .rbtNote,
.feeGenerationPlanDiscount .controlBottomNote, 
.feeGenerator .rbtOptions .rbtNote,
.feeGenerator .controlBottomNote 
{ 
  margin-left: 2em;
  font-size: 90%;
}

.feeGenerator .indent20 .semesterList TD.captionLabel,
.feeGenerator .indent20 .accountFilters TD.captionLabel,
.feeGenerator .indent20 .classesFilters TD.captionLabel
{
   width: 110px;   
}

.feeGenerator .indent20 .indent20 .semesterList TD.captionLabel,
.feeGenerator .indent20 .indent20 .accountFilters TD.captionLabel,
.feeGenerator .indent20 .indent20 .classesFilters TD.captionLabel
{
   width: 90px;   
}

.feeGenerator .indent20 .semesterList TD.sep,
.feeGenerator .indent20 .accountFilters TD.sep,
.feeGenerator .indent20 .classesFilters TD.sep
{
   width: 10px;   
}

.feeGenerator .indent20 .indent20 .captionLabelShift
{
    margin-left: 100px;
}

.feeGenerator .discountOptionsShift,
.feeGenerator .scheduleOptionsShift
{
    margin-left: 140px;
}

.feeGenerator .classesFilters .tabContent
{
   padding-left: 0px;    
}

.modalPopup.savePlanPopup
{
  max-width: 30em;
  min-height: 12em;    
}

.modalPopup.factorPopup
{
  max-width: 35em;
  min-height: 18em;    
}

.feeGenerator .summaryItem
{
  margin-bottom: 0.5em;
}

.feeGenerator  .summarySection .caption
{
  width: 15em;    
}

.feeGeneratorPeriodicTuition .summarySection .caption
{
  width: 17em;        
}

.feeGeneratorScheduleBased .summarySection .caption
{
  width: 22em;        
}

.feeGenerator .summaryItem  .subItems
{
  margin-left: 1em;
  margin-bottom: 0.5em;
}

.feeGenerator TD.chk,
.feeGenerator TH.chk
{
  text-align: center;    
  width: 1em;
}

.feeGenerator .progressControls
{
  text-align: center;
}

.feeGenerator .progressControls .processingMessageContainer
{
    
}

.feeGenerator .progressControls .processingMessage
{
  font-size: 110%;
  color: #6a6c6f;
  padding: 2em;
}

.feeGenerator .topProgress,
.withTopProgress .topProgress
{
  text-align: center;
}

.feeGenerator .topProgress .progressContent,
.withTopProgress .topProgress .progressContent
{
  padding: 1em;    
  padding-left: 2em;
  padding-right: 0px;
}

.feeGenerator .topProgress .progressHeader,
.withTopProgress .topProgress .progressHeader
{
  font-size: 110%;     
  font-weight: bold;
  
  margin-bottom: 0.5em;
}

.feeGenerator .topProgress .introHeader,
.withTopProgress .topProgress .introHeader
{
  text-align: center;
  font-weight: bold;  
  margin-top: 0.5em;
  margin-right: 2em;
}

.feeGenerator .topProgress .introText,
.withTopProgress .topProgress .introText
{
  text-align: center;
  font-weight: normal;
}

.feeGenerator .topProgress .iconsContainer IMG.arrow,
.withTopProgress .topProgress .iconsContainer IMG.arrow
{
    display: block;
    margin-top: 0.8em;
}

@media screen and (max-width: 480px) {
    .feeGenerator .topProgress .iconsContainer IMG.arrow,
    .withTopProgress .topProgress .iconsContainer IMG.arrow {
        display: none;
    }

    .feeGenerator .topProgress .introText,
    .withTopProgress .topProgress .introText {
        display: block;
    }
}

.feeGenerator .topProgress .iconsContainer .stepCaptionGreen,
.withTopProgress .topProgress .iconsContainer .stepCaptionGreen
{
  color: #84b219;
}

.feeGenerator .topProgress .iconsContainer .stepCaptionGray,
.withTopProgress .topProgress .iconsContainer .stepCaptionGray
{
  color: #dedede;
} 

.feeGenerator .topProgress .iconsContainer .lastStepCaptionGreen,
.withTopProgress .topProgress .iconsContainer .lastStepCaptionGreen
{
  color: #84b219;
}

.feeGenerator .topProgress .iconsContainer .lastStepCaptionGray,
.withTopProgress .topProgress .iconsContainer .lastStepCaptionGray
{
  color: #dedede;
} 

.modalPopup.confirmationPopup
{
  max-width: 32em;
  min-height: 10em;	
}

.modalPopup.confirmationPopup .confirmationMessage
{
  text-align: center; 
}

/*
  Account Billing
*/
.accountBilling .Grid,
.accountBilling .emptyGrid
{
    margin-top: 2px !important;
}


/*
  Security Profiles
*/
.modalPopup.security-profile-copy
{
  max-width: 41em;
  min-height: 12em;	
}

.securityProfile .scopeMenu
{
  width: 10em;
}

.securityProfile .scopeMenu .scopeItem
{
  padding-bottom: 0.5em;    
}

.securityProfile .scopeMenu .scopeItem A
{
  font-size: 110%;    
}

.securityProfile .scopeMenu .scopeItem SPAN.disabledLink
{
  font-size: 110%;    
  font-weight: bold;
}

.securityProfileItems TR.spacer TD
{
  background-color: #f9f9f9; 
}

.securityProfileItems .permissionsHeader TD
{
  text-align: center;    
}

.securityProfileItems .permissionsHeader TD.apHeader
{
  text-align: left;  
}

.securityProfileItems .item TD
{
  vertical-align: top;    
}

.securityProfileItems .item TD.pName
{
  width: 15em;
}

.securityProfileItems .item TD.chk
{
  width: 5em;  
  text-align: center;    
}

.modalPopup.feeAuditDescription
{
	max-width:400px;
	min-height:350px;
}

.modalPopup.feeAuditDescription .detailAuditInfo
{
    overflow: auto; 
    width: 100%; 
    max-height: 257px;
    margin-top: 2px;
}

.modalPopup.feeAuditDescription  .detailAuditInfoWithUpdates
{
    height: 165px;      
}

.modalPopup.feeAuditDescription  .updatesAuditInfo
{
    overflow: auto; 
    width: 100%; 
    max-height: 55px;
    margin-top: 2px;
}

.modalPopup.feeAuditDescription  .caption
{
  width: 1%;
  white-space: nowrap;    
}

.modalPopup.userEmailDetails 
{
	max-width:500px;
	min-height:450px;
}


DIV.modalPopup.pageItemsConfigurator
{
  max-width: 33em;
  min-height: 30em;	
}

.pageItemsConfigurator TABLE.Grid
{
  margin-right: auto;    
  margin-left: auto;
}

.pageItemsConfigurator .Grid .chk
{
  text-align: left;  
  width: auto;
}

.accountsEnrollmentsLogReport .modalPopup
{
  width: 46em;
  height: 33em;	    
}

.accountsEnrollmentsLogReport .actions
{
  text-align: center;
}

.thumbnailLink IMG
{
  max-height: 120px;
  max-width: 150px;
  width: auto;
  height: auto;     
}

IMG.thumbnail
{
  max-height: 150px;
  max-width: 200px;
  width: auto;
  height: auto;     
}

.installmentPlanCreate .Grid .chk
{
  width: 3em;
  text-align: center;    
}

.classAttendance .Grid SELECT
{
  width: auto !important;    
}

.classAttendance .Grid TD.value
{
  text-align: center;
  width: 6em;
}

.classAttendance .Grid .GridHeader SELECT
{
  font-size: 80%;
}

.classAttendance .Grid .GridHeader SPAN
{
  display: block;
  
  margin-top: 1em;
  color: #000;    
}

.classAttendance .Grid .GridHeader SPAN.asterisk
{
  display: inline;    
  color: Red;
}

.classAttendance .Grid .objNameRow
{
  background-color: #f2f2f2;    
  font-weight: bold;
}

.classAttendance .filterPanel .captionLabel {
    width: auto;
}

.classAttendance.attendanceByDay .Grid {
    width: auto;
}

.classAttendance .additionalInfo {
    color: #aaa;
}

.classAttendance.attendanceByDay .Grid .groupRow
{
  background-color: #eee;    
  font-weight: bold;
}

.classAttendance.attendanceByDay .Grid .groupRow td {
  font-size: 110%;
  padding-top: 5px;
  padding-bottom: 5px;
}

.classAttendance.attendanceByDay .Grid .objNameRow
{
  background-color: #fff;    
  font-weight: bold;
}

.classAttendance.attendanceByDay .Grid {
    border-left: none;
    border-right: none;
    border-collapse: collapse;
}

.classAttendance.attendanceByDay .Grid tr.groupSpacerRow td {
    border: none;
    border-top: solid 1px #ddd;

    height: 2em;
}

.classAttendance.attendanceByDay .Grid tr:not(.groupSpacerRow) td:first-child,
.classAttendance.attendanceByDay .Grid th:first-child {
    border-left: solid 1px #f1f1f1;
}

.classAttendance.attendanceByDay .Grid .objNameRow td {
  font-size: 90%;
}

@media all and (max-width:360px) {
    .classAttendance.attendanceByDay .filterPanel select {
        width: 180px;
    }
}

.classAttendance div.include-controls,
.attendanceSheets div.include-controls
 {
    padding-left: 25px;
}
.classAttendance div.include-controls div.include-controls-section div,
.attendanceSheets div.include-controls div.include-controls-section div {
    padding: 2px;
}

.classAttendance div.udfFields,
.attendanceSheets div.udfFields {
    /*-webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;*/
    overflow: hidden;
    max-width: 700px;
    padding-left: 7px;
}

div.udfFields div.udfItem {
    padding: 2px;
}

@media all and (min-width:769px) {
    div.include-controls {
        overflow: hidden;
    }
    div.include-controls div.include-controls-section {
        float: left;
        margin-right: 30px;
    }

    div.udfFields div.udfItem {
        width: 160px;
        margin-right: 10px;
        float: left;
    }
}

.attendanceSheets .filterControls .captionLabel
{
  width: 110px;    
}

.nameTags .classListSelector,
.attendanceSheets  .classListSelector
{
  width: 70em;
  height: 53em;	
}

.nameTags   .classListSelector .chk,
.attendanceSheets  .classListSelector .chk
{
  width: 1em;
  text-align: center;
}

.nameTags  .classListSelector .checkboxesContainer,
.attendanceSheets .classListSelector .checkboxesContainer
{
    overflow: auto;
    max-width : 69.5em;    
    max-height: 43em;
}

.teacherAvailabilityManage .Grid .actionLinks A,
.teacherAvailabilityManage .Grid .actionLinks A:visited,
.teacherAvailabilityManage .Grid .actionLinks A:active,
.teacherAvailabilityManage .Grid .actionLinks A:hover,
.teacherAvailabilityExclusionManage .Grid .actionLinks A,
.teacherAvailabilityExclusionManage .Grid .actionLinks A:visited,
.teacherAvailabilityExclusionManage .Grid .actionLinks A:active,
.teacherAvailabilityExclusionManage .Grid .actionLinks A:hover,

.roomAvailabilityManage .Grid .actionLinks A,
.roomAvailabilityManage .Grid .actionLinks A:visited,
.roomAvailabilityManage .Grid .actionLinks A:active,
.roomAvailabilityManage .Grid .actionLinks A:hover,
.roomAvailabilityExclusionManage .Grid .actionLinks A,
.roomAvailabilityExclusionManage .Grid .actionLinks A:visited,
.roomAvailabilityExclusionManage .Grid .actionLinks A:active,
.roomAvailabilityExclusionManage .Grid .actionLinks A:hover
{
  color: #1a80ba;   
}

.teacherAvailabilityManage .Grid .actionLinks A:hover,
.teacherAvailabilityExclusionManage .Grid .actionLinks A:hover,
.roomAvailabilityManage .Grid .actionLinks A:hover,
.roomAvailabilityExclusionManage .Grid .actionLinks A:hover
{
  color: #85CE2F;
  text-decoration: underline;
}

.teacherAvailabilityManage .Grid .timeInputControl TR TD,
.teacherAvailabilityExclusionManage .Grid .timeInputControl TR TD,
.roomAvailabilityManage .Grid .timeInputControl TR TD,
.roomAvailabilityExclusionManage .Grid .timeInputControl TR TD
{
  border: none;    
}

.teacherAvailability .Grid .date,
.roomAvailability .Grid .date
{
  width: 8em;    
}

.teacherAvailability .Grid .dayTimes,
.roomAvailability .Grid .dayTimes
{
  white-space: nowrap;
}

.appointmentType .listPopupSelectorControl TEXTAREA.middle
{
  width: 100%;
  max-width: 500px;
  height: 150px;
}

.appointmentsGrid .chk
{
  text-align: center;    
}

.appointmentsGrid .actions TR TD
{
    border: none;
}

.modalPopup.appointmentSummaryPopup
{
	max-width:350px;
	min-height:250px;
}

.modalPopup.appointmentSummaryPopup .summary-info
{
    overflow: auto; 
    width: 100%; 
    max-height: 350px;
    margin-top: 2px;
}

.appointment .appointmentSummary
{
    width:1%;
    vertical-align:top;
    text-align:right;
}

.appointment .appointmentSummaryContainer
{
  margin: 0.4em 0 0.4em 0;    
}

.appointment .appointmentSummary .roundedPanel
{
    width:1% !important;
    text-align:left;
}

.appointment .appointmentSummary .roundedPanel TD
{
    white-space:nowrap !important;
}

.appointment .rcaNote
{
  font-size: 1.8em;  
  font-weight: normal;  
}

.recurringAppointment .statusCaption
{
  color: Purple;
  font-size: 180%;
  
  padding: 20px;    
}

.recurringAppointment .note
{
  font-style: italic;
  padding-left: 5px;    
}

.recurringAppointment .rcaData
{
  width: 628px;    
}

.recurringAppointment TR .chk
{
  text-align: center;    
}

.modalPopup.appointmentHistoryPopup
{
	min-height:36em;
}

.schedulerEventMenu
{
    -moz-box-shadow:3px 3px 3px #888;
    -webkit-box-shadow:3px 3px 3px #888;
    -o-box-shadow:3px 3px 3px #888;
    box-shadow:3px 3px 3px #888;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#888888',Direction=135,Strength=5);
    background-color:white;
    border-left:1px dotted #887A2E;
    border-top:1px dotted #887A2E;
    color:#887A2E;
    cursor:default;
    padding:0px;
    position:absolute;
    z-index:500;
    font-family:Tahoma;
    font-size:8pt;
 border-left:1px solid #CECECE;
 border-top:1px solid #CECECE;
 color:#747473;
 font-size:12px;
}

.schedulerEventMenu .menuItem
{
  padding: 5px;
  border-bottom: 1px solid #CECECE;    
}

.dhx_cal_event
{
  cursor: hand;    
  cursor: pointer;
}


/* Global Fees */
.globalFee .note
{
  font-style: italic;
  margin-bottom: 3px;    
}

.globalFee .captionLabel
{
  width: 8em;
}

.globalFee .feeControls .captionLabel
{
  width: 6em;
}

.previewLinks
{
  /*position: relative;    */
}

.previewLinksContainer
{
  /*position: absolute;
  right:0px;    */
}

.previewLinksOutside .visibleGroup
{
  width: 200px !important;
}

.pageVault .content-editor {
    clear: both;
}

.pageVault .previewLinks
{
  padding-top: 5px;
}

.pageVault .previewLinksContainer,
.pageVault .previewLinks
{
  position: inherit;
}

.feeBatches .fbt
{
  text-align: center;
  width: 8em;    
}

.feeBatch TD.captionLabel
{
  width: auto !important;    
}

.modalPopup.udf-new
{
  max-width: 550px;
  min-height: 410px;    
}

.modalPopup.udf-new .udfTypeNote
{
  padding-left: 1.1em;
  margin-bottom: 0.5em;    
  font-style: italic;
}

.udfConfigure .captionLabel
{
  width: 132px;    
}

.udfConfigure .note
{
  font-style: italic;
  padding-left: 1em;    
  padding-bottom: 5px;
}

.udfConfigure .bottomWarningNote
{
  width: 100%;
  max-width: 620px;
  border: solid 1px Green;
  background-color: #FFFFCC;
  padding: 10px;
  margin-top: 10px;
  text-align: center;
  color: Red;    
}

.txtEditable.udf_memo,
.txtEditable.wide.udf_memo
{
  height: auto;    
}

.tasks .status
{
  text-align: center;
  width: 10em;    
}

.accountTabMenu .actionMenu IMG
{
  width: 14px !important;    
  height: 14px !important;
}

@media all and (max-width:768px) {
    .accountAppointments .filterPanel .captionLabel {
        width: 195px !important;
        white-space: normal;
    }
}

@media all and (max-width:500px) {
    .accountAppointments .filterPanel .captionLabel {
        width: 100% !important;
    }
}

IMG.attendance_image
{
  cursor: hand;    
  cursor: pointer;
}

/*TD.accountEditTabMenuContent
{
    width: 100px;
}

TD.accountEditTabExtraContent
{
  padding-left: 10px;      
}*/

.fontSizeControls TR TD
{
  padding: 1px 2px;  
  white-space: nowrap;  
}

.fontNameTD
{
  min-width: 200px;    
}

.modalPopup.customFontSelector
{
  max-width: 30em;
  min-height: 32.6em;    
}

.siteStyleTemplateOptions .controls > tbody > tr > td.captionLabel
{
  width: 145px;   

}

ul.templateOptions
{
  margin: 0px;    
  padding: 0px;
  padding-left: 15px;
}

ul.templateOptions li
{
  margin-bottom: 5px;    
}

/*.dynamicTabsContent ul.menuContent
{
  list-style-type: none;
  padding: 0px; 
  margin: 0px;     
  margin-bottom: -1px;  
}

.dynamicTabsContent ul.menuContent
{
  overflow: hidden;    
}

.dynamicTabsContent ul.menuContent li.menuItem
{
  float: left;
  display: block;
  margin-left: 5px;
  padding: 0px;
  border: solid 1px #6e8ece;
}

.dynamicTabsContent ul.menuContent li.menuItem.active
{
  border-bottom: solid 1px #FFF;  
}

.dynamicTabsContent .tabContent
{
  border-top: solid 1px #6e8ece;    
}

.dynamicTabsContent ul.menuContent li.menuItem A,
.dynamicTabsContent ul.menuContent li.menuItem A:active,
.dynamicTabsContent ul.menuContent li.menuItem A:visited,
.dynamicTabsContent ul.menuContent li.menuItem A:hover
{
  display: block;
  padding: 5px 10px;
}

.dynamicTabsContent ul.menuContent li.menuItem.active A,
.dynamicTabsContent ul.menuContent li.menuItem.active A:active,
.dynamicTabsContent ul.menuContent li.menuItem.active A:visited,
.dynamicTabsContent ul.menuContent li.menuItem.active A:hover
{
  text-decoration: none;
  color: #000;    
}*/

.classMultiResultPopupSelector .classListSelector
{
  width: 70em;
  height: 55em;	
}

.classMultiResultPopupSelector .classListSelector h3 {
    margin-bottom: 5px;
}

.classMultiResultPopupSelector .classListSelector .checkboxesContainer
{
    overflow: auto;
    max-height: 43em;
}

.modalPopup.waitForPaymentNotes,
.modalPopup.waitForEmailsGeneration,
.modalPopup.waitForSmsGeneration {
    max-width: 420px;
    min-height: 230px;	
}

.modalPopup.waitForPaymentNotes .paymentProcessingNotes tr td,
.modalPopup.waitForEmailsGeneration .emailsProcessingNotes tr td,
.modalPopup.waitForSmsGeneration .smsProcessingNotes tr td {
    font-size: 115%;
}

.accountSchedule .Grid td.time {
    width: 10em;
    text-align: center;
}

@media all and (max-width:768px) {
    .accountSchedule .filterPanel .captionLabel {
        width: 105px !important;
    }

    .report .filterPanel .captionLabel 
    {
        max-width: 120px;
    }

    .enrollmentLabels .filterPanel .captionLabel 
    {
        max-width: 250px;
    }
}

@media all and (max-width:480px) {
    .accountSchedule .filterPanel .captionLabel {
        width: 100% !important;
    }
}

@media all and (max-width:480px) {
    .classes .enrSummary,
    .classes .rolloutSummary
    {
        width: 20em;
    }

    .classes  .enrSummary .enrSummaryGrid .captionLabel
    /*.classEnrollments .enrSummary .enrSummaryGrid .valueNumber*/
    {
        white-space: initial;
        width: 99%;
    }
}

@media all and (max-width:768px) {
    .nameTags .fontEditor .fontOptionsCaption,
    .addressLabels .fontEditor .fontOptionsCaption,
    .enrollmentLabels .fontEditor .fontOptionsCaption
    {
      width: auto;    
    }

    .attendanceSheets .filterControls .calendarControlX
    {
        padding-left: 23px;
    }

    .enrollmentLabels td.vSpace
    {
        display: none;
    }

    .accountStatement table.filterPanel .checkbox
    {
        padding-left: 7px;
    }
}

.modalPopup.appointmentQuickAdd {
  max-width: 40em;
  min-height: 18em;
}

.modalPopup .img-holder
{
    width: 100%;
}

.modalPopup .img-holder img
{
    height: auto;
    max-width: 100%;
}

.release-notes-grid 
{
    max-height: 500px; 
    overflow: scroll;
    overflow-x: hidden;
}

@media all and (max-width:480px) {
    .release-notes-grid 
    {
        overflow: hidden; 
        max-height: none; 
    }
}

.updateClassAgeRestrictions .Grid .txtEditable.number {
    width: 5em;
    max-width: 5em;
}

.updateClassAgeRestrictions .Grid .class-extra-info-age {
    border-collapse: collapse;
}

.updateClassAgeRestrictions .Grid td.age-controls {
    max-width: 13em;
}

.updateClassAgeRestrictions .Grid .class-extra-info-age tr td {
    padding: 1px;
}

.searchUserMessagePopup.modalPopup .Grid .messageType {
    /*min-width: 90px;*/
    white-space: nowrap;
}

.recitalPerformanceStudents .Grid TD.fix-width,
.recitalPerformanceStudents .Grid TH.fix-width {
    width: 70px;
}

.recitalPerformanceStudents .Grid TD.c-actions,
.recitalPerformanceStudents .Grid TH.c-actions {
    width: 2em;
}

.recitalPerformanceStudents .Grid TD.grid-first-row {
    width: 30em;
}

.fieldManager .formFieldConfig {
    text-align: center;
}

@media all and (max-width:676px) {
    .customEmailEdit .inlineActions.controls td {
        display: block;
        width: auto !important;
    }

    .customEmailEdit .inlineActions.controls td .btn,
    .customEmailEdit .tableActions {
        width: 100% !important;
    }

    .customEmailEdit td.more-actions-container {
        padding-bottom: 7px;
    }
}

.appointmentScheduledCalendar .topControls td.captionLabel {
    width: auto;
}

.appointmentScheduledCalendar .filterPanel .captionLabel {
    max-width: 80px;
}

@media all and (min-width:481px) {
    .report.recitalDetails select.txtEditable {
        max-width: 25em;
    }
}