@charset "UTF-8";/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 17, 2014 */

@font-face {
    font-family: 'roboto_slabbold';
    src: url('fonts/RobotoSlab-Bold/robotoslab-bold-webfont.eot');
    src: url('fonts/RobotoSlab-Bold/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobotoSlab-Bold/robotoslab-bold-webfont.woff2') format('woff2'),
         url('fonts/RobotoSlab-Bold/robotoslab-bold-webfont.woff') format('woff'),
         url('fonts/RobotoSlab-Bold/robotoslab-bold-webfont.ttf') format('truetype'),
         url('fonts/RobotoSlab-Bold/robotoslab-bold-webfont.svg#roboto_slabbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_slablight';
    src: url('fonts/RobotoSlab-Light/robotoslab-light-webfont.eot');
    src: url('fonts/RobotoSlab-Light/robotoslab-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobotoSlab-Light/robotoslab-light-webfont.woff2') format('woff2'),
         url('fonts/RobotoSlab-Light/robotoslab-light-webfont.woff') format('woff'),
         url('fonts/RobotoSlab-Light/robotoslab-light-webfont.ttf') format('truetype'),
         url('fonts/RobotoSlab-Light/robotoslab-light-webfont.svg#roboto_slablight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/****************************************************************/
/*********************** Restyle 2017 ***************************/
/****************************************************************/

/*
 * WordCloud Fonts calls are found in
 *
 * /Atlas/includes_php/classes/UI/WordCloud/js/Delegate.js
 *
 */

/* SERIF FONT */
/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  src: url("fonts/playfair/fonts/PlayfairDisplay-Black.eot");
  src: url("fonts/playfair/fonts/PlayfairDisplay-Black.eot?#iefix") format("embedded-opentype"),
  url("fonts/playfair/fonts/PlayfairDisplay-Black.woff2") format("woff2"),
  url("fonts/playfair/fonts/PlayfairDisplay-Black.woff") format("woff"),
  url("fonts/playfair/fonts/PlayfairDisplay-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: 'Playfair Display';
  src: url("fonts/playfair/fonts/PlayfairDisplay-BlackItalic.eot");
  src: url("fonts/playfair/fonts/PlayfairDisplay-BlackItalic.eot?#iefix") format("embedded-opentype"),
  url("fonts/playfair/fonts/PlayfairDisplay-BlackItalic.woff2") format("woff2"),
  url("fonts/playfair/fonts/PlayfairDisplay-BlackItalic.woff") format("woff"),
  url("fonts/playfair/fonts/PlayfairDisplay-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: Italic; }
@font-face {
  font-family: 'Playfair Display';
  src: url("fonts/playfair/fonts/PlayfairDisplay-Bold.eot");
  src: url("fonts/playfair/fonts/PlayfairDisplay-Bold.eot?#iefix") format("embedded-opentype"),
  url("fonts/playfair/fonts/PlayfairDisplay-Bold.woff2") format("woff2"),
  url("fonts/playfair/fonts/PlayfairDisplay-Bold.woff") format("woff"),
  url("fonts/playfair/fonts/PlayfairDisplay-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Playfair Display';
  src: url("fonts/playfair/fonts/PlayfairDisplay-BoldItalic.eot");
  src: url("fonts/playfair/fonts/PlayfairDisplay-BoldItalic.eot?#iefix") format("embedded-opentype"),
  url("fonts/playfair/fonts/PlayfairDisplay-BoldItalic.woff2") format("woff2"),
  url("fonts/playfair/fonts/PlayfairDisplay-BoldItalic.woff") format("woff"),
  url("fonts/playfair/fonts/PlayfairDisplay-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: Italic; }
@font-face {
  font-family: 'Playfair Display';
  src: url("fonts/playfair/fonts/PlayfairDisplay-Regular.eot");
  src: url("fonts/playfair/fonts/PlayfairDisplay-Regular.eot?#iefix") format("embedded-opentype"),
  url("fonts/playfair/fonts/PlayfairDisplay-Regular.woff2") format("woff2"),
  url("fonts/playfair/fonts/PlayfairDisplay-Regular.woff") format("woff"),
  url("fonts/playfair/fonts/PlayfairDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Playfair Display';
  src: url("fonts/playfair/fonts/PlayfairDisplay-Italic.eot");
  src: url("fonts/playfair/fonts/PlayfairDisplay-Italic.eot?#iefix") format("embedded-opentype"),
  url("fonts/playfair/fonts/PlayfairDisplay-Italic.woff2") format("woff2"),
  url("fonts/playfair/fonts/PlayfairDisplay-Italic.woff") format("woff"),
  url("fonts/playfair/fonts/PlayfairDisplay-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: Italic; }
@font-face {
  font-family: 'Playfair Display SC';
  src: url("fonts/playfair/fonts/PlayfairDisplaySC-Black.eot");
  src: url("fonts/playfair/fonts/PlayfairDisplaySC-Black.eot?#iefix") format("embedded-opentype"),
  url("fonts/playfair/fonts/PlayfairDisplaySC-Black.woff2") format("woff2"),
  url("fonts/playfair/fonts/PlayfairDisplaySC-Black.woff") format("woff"),
  url("fonts/playfair/fonts/PlayfairDisplaySC-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: 'Playfair Display SC';
  src: url("fonts/playfair/fonts/PlayfairDisplaySC-BlackItalic.eot");
  src: url("fonts/playfair/fonts/PlayfairDisplaySC-BlackItalic.eot?#iefix") format("embedded-opentype"),
  url("fonts/playfair/fonts/PlayfairDisplaySC-BlackItalic.woff2") format("woff2"),
  url("fonts/playfair/fonts/PlayfairDisplaySC-BlackItalic.woff") format("woff"),
  url("fonts/playfair/fonts/PlayfairDisplaySC-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: Italic; }
@font-face {
  font-family: 'Playfair Display SC';
  src: url("fonts/playfair/fonts/PlayfairDisplaySC-Regular.eot");
  src: url("fonts/playfair/fonts/PlayfairDisplaySC-Regular.eot?#iefix") format("embedded-opentype"),
  url("fonts/playfair/fonts/PlayfairDisplaySC-Regular.woff2") format("woff2"),
  url("fonts/playfair/fonts/PlayfairDisplaySC-Regular.woff") format("woff"),
  url("fonts/playfair/fonts/PlayfairDisplaySC-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Playfair Display SC';
  src: url("fonts/playfair/fonts/PlayfairDisplaySC-Italic.eot");
  src: url("fonts/playfair/fonts/PlayfairDisplaySC-Italic.eot?#iefix") format("embedded-opentype"),
  url("fonts/playfair/fonts/PlayfairDisplaySC-Italic.woff2") format("woff2"),
  url("fonts/playfair/fonts/PlayfairDisplaySC-Italic.woff") format("woff"),
  url("fonts/playfair/fonts/PlayfairDisplaySC-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: Italic; }
@font-face {
  font-family: 'Playfair Display SC';
  src: url("fonts/playfair/fonts/PlayfairDisplaySC-Bold.eot");
  src: url("fonts/playfair/fonts/PlayfairDisplaySC-Bold.eot?#iefix") format("embedded-opentype"),
  url("fonts/playfair/fonts/PlayfairDisplaySC-Bold.woff2") format("woff2"),
  url("fonts/playfair/fonts/PlayfairDisplaySC-Bold.woff") format("woff"),
  url("fonts/playfair/fonts/PlayfairDisplaySC-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Playfair Display SC';
  src: url("fonts/playfair/fonts/PlayfairDisplaySC-BoldItalic.eot");
  src: url("fonts/playfair/fonts/PlayfairDisplaySC-BoldItalic.eot?#iefix") format("embedded-opentype"),
  url("fonts/playfair/fonts/PlayfairDisplaySC-BoldItalic.woff2") format("woff2"),
  url("fonts/playfair/fonts/PlayfairDisplaySC-BoldItalic.woff") format("woff"),
  url("fonts/playfair/fonts/PlayfairDisplaySC-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: Italic; }








/* SAN SERIF FONT */
/* Webfont: Lato-Black */
@font-face {
    font-family: 'LatoWebBlack';
    src: url('fonts/Lato/fonts/Lato-Black.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/fonts/Lato-Black.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-Black.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-BlackItalic */
@font-face {
    font-family: 'LatoWebBlack';
    src: url('fonts/Lato/fonts/Lato-BlackItalic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/fonts/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/fonts/Lato-BlackItalic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-BlackItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-BlackItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Bold */
@font-face {
    font-family: 'LatoWebBold';
    src: url('fonts/Lato/fonts/Lato-Bold.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-BoldItalic */
@font-face {
    font-family: 'LatoWebBold';
    src: url('fonts/Lato/fonts/Lato-BoldItalic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/fonts/Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-BoldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Hairline */
@font-face {
    font-family: 'LatoWebHairline';
    src: url('fonts/Lato/fonts/Lato-Hairline.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/fonts/Lato-Hairline.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-Hairline.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-Hairline.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-HairlineItalic */
@font-face {
    font-family: 'LatoWebHairline';
    src: url('fonts/Lato/fonts/Lato-HairlineItalic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/fonts/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/fonts/Lato-HairlineItalic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-HairlineItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-HairlineItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Heavy */
@font-face {
    font-family: 'LatoWebHeavy';
    src: url('fonts/Lato/fonts/Lato-Heavy.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/fonts/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/fonts/Lato-Heavy.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-Heavy.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-Heavy.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-HeavyItalic */
@font-face {
    font-family: 'LatoWebHeavy';
    src: url('fonts/Lato/fonts/Lato-HeavyItalic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/fonts/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/fonts/Lato-HeavyItalic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-HeavyItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-HeavyItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Italic */
@font-face {
    font-family: 'LatoWeb';
    src: url('fonts/Lato/fonts/Lato-Italic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/fonts/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-Italic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Light */
@font-face {
    font-family: 'LatoWebLight';
    src: url('fonts/Lato/fonts/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-LightItalic */
@font-face {
    font-family: 'LatoWebLight';
    src: url('fonts/Lato/fonts/Lato-LightItalic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/fonts/Lato-LightItalic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-LightItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-LightItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Medium */
@font-face {
    font-family: 'LatoWebMedium';
    src: url('fonts/Lato/fonts/Lato-Medium.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/fonts/Lato-Medium.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-Medium.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-MediumItalic */
@font-face {
    font-family: 'LatoWebMedium';
    src: url('fonts/Lato/fonts/Lato-MediumItalic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/fonts/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/fonts/Lato-MediumItalic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-MediumItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-MediumItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Regular */
@font-face {
    font-family: 'LatoWeb';
    src: url('fonts/Lato/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Semibold */
@font-face {
    font-family: 'LatoWebSemibold';
    src: url('fonts/Lato/fonts/Lato-Semibold.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/fonts/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-SemiboldItalic */
@font-face {
    font-family: 'LatoWebSemibold';
    src: url('fonts/Lato/fonts/Lato-SemiboldItalic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/fonts/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/fonts/Lato-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-SemiboldItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-SemiboldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Thin */
@font-face {
    font-family: 'LatoWebThin';
    src: url('fonts/Lato/fonts/Lato-Thin.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/fonts/Lato-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/fonts/Lato-Thin.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-Thin.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-Thin.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-ThinItalic */
@font-face {
    font-family: 'LatoWebThin';
    src: url('fonts/Lato/fonts/Lato-ThinItalic.eot'); /* IE9 Compat Modes */
    src: url('fonts/Lato/fonts/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Lato/fonts/Lato-ThinItalic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-ThinItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Lato/fonts/Lato-ThinItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/* merriweather-regular - latin */
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Merriweather/merriweather-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Regular'), local('Merriweather-Regular'),
  url('fonts/Merriweather/merriweather-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('fonts/Merriweather/merriweather-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('fonts/Merriweather/merriweather-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('fonts/Merriweather/merriweather-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('fonts/Merriweather/merriweather-v19-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */
}
/**
  Ubuntu Mono
 */
/* cyrillic-ext */
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url(https://fonts.gstatic.com/s/ubuntumono/v9/KFOjCneDtsqEr0keqCMhbCc3CsTKlA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url(https://fonts.gstatic.com/s/ubuntumono/v9/KFOjCneDtsqEr0keqCMhbCc-CsTKlA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url(https://fonts.gstatic.com/s/ubuntumono/v9/KFOjCneDtsqEr0keqCMhbCc2CsTKlA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url(https://fonts.gstatic.com/s/ubuntumono/v9/KFOjCneDtsqEr0keqCMhbCc5CsTKlA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url(https://fonts.gstatic.com/s/ubuntumono/v9/KFOjCneDtsqEr0keqCMhbCc0CsTKlA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url(https://fonts.gstatic.com/s/ubuntumono/v9/KFOjCneDtsqEr0keqCMhbCc6CsQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*
******************************************************************
GLOBAL PAGE STYLING
******************************************************************
*/

html, html *,
.yui-panel-container .bd *,
.yui-panel-container .ft * {
	box-sizing: border-box;	/*TODO: For IE6/7, see: https://github.com/Schepp/box-sizing-polyfill (via http://html5please.com/#box-sizing) */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
    text-decoration: none;
}
a:not(.AtlasButton):hover {
    text-decoration: underline;
}

.ContextMenu a:hover,
.Action_SubNav a:hover {
    text-decoration: none;

}


/**
 * Certain external components expect box sizing to be 'content-box' not 'border-box'
 * (Additional overrides above, for our own content within lib components)
 */
.cke, .cke *,
.yui-panel-container, .yui-panel-container *,
/* Added extra weight to style to override previous YUI .bd style for CKEDITOR buttons */
.yui-panel-container .bd .cke * {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}
html, body {
	height: 100%;
}

html, body, .x-form-item, .x-body, .x-form-field {
	font: 13px/1.385 LatoWeb, "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body .x-form-field,
body .x-form-text,
body textarea.x-form-field {
    background: #fff;
}

.link {
	text-decoration: underline;
	cursor: pointer;
}
.disabledLink {
	cursor: auto;
}

.hidden{
	display: none;
}
.invisible{
	visibility: hidden;
}

.Left{
	float: left;
}
.Right{
	float: right;
}

.margin-large {
    margin: 20px;
}

.HideOverflow {
	overflow: hidden;
}

.description{
	font-size: 85%;
}

.pagebreak{
	page-break-after: always;
	font-size: 1px;
	height: 0;
}
.draggable {
	cursor: move;
}
.selectNone {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* START YUI Base */
/*
YUI Code...
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
h1 {
	/* 18px via YUI Fonts CSS foundation. */
	font-size: 138.5%;
}
h2 {
	/* 16px via YUI Fonts CSS foundation. */
	font-size: 123.1%;
}
h3 {
	/* 14px via YUI Fonts CSS foundation. */
	font-size: 108%;
}
h4 {
	font-size: 100%;
}
h1,h2,h3,h4,h5,h6,strong,dt {
	font-weight: bold;
}
optgroup {
	font-weight: normal;
}
abbr,acronym {
	cursor: help;
}
em {
	font-style: italic;
}
del {
	text-decoration: line-through;
}
blockquote,ul,ol,dl {
	margin: 1em;
}
ol,ul,dl {
	margin-left: 2em;
}
ol li {
	list-style: decimal outside;
}
ol ol li {
	list-style: lower-alpha outside;
}
ol ol ol li {
	list-style: lower-roman outside;
}
ul li {
	list-style: square outside;
}
dl dd {
	margin-left: 1em;
}
th {
	font-weight: bold;
	text-align: center;
}
caption {
	margin-bottom: .5em;
	text-align: center;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}
/* Opera requires 1px of padding to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}
/* END YUI Base */

a,
select,
input,
button,
textarea,
button,
p,
span,
body,
html. {
	/*IE7 can't handle arial on form fields without weird mouseover/focus issues*/
	*font-family: LatoWeb, "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
}
input:invalid {
    border: 1px solid #f00;
}
pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/*Ext overrides outlines in their stylesheet...
  Ideally we would be able to remove both of these focus
  styles and defer to the browser's default in all cases.*/
*:focus {
	outline: thin dotted;
}
.x-webkit *:focus {
  outline: thin dotted !important;
}

/*
******************************************************************
GLOBAL CLASSES
******************************************************************
*/

/** text helpers **/
.center {
    text-align: center;
}

/** colors **/
.blue{
    color: #3071a9;
}

.red{
    color: #c9302c;
}

.green {
    color: #449d44;
}
/** margin helpers **/
.no-margin-top {
    margin-top: 0;
}
.no-margin-bottom {
    margin-bottom: 0;
}
.no-margin-right {
    margin-right: 0;
}
.no-margin-left {
    margin-left: 0;
}
.large-margin-top {
    margin-top: 20px;
}
.large-margin-bottom {
    margin-bottom: 20px;
}
.large-margin-right {
    margin-right: 20px;
}
.large-margin-left {
    margin-left: 20px;
}
/** padding helpers **/
.no-padding-top {
    padding-top: 0;
}
.no-padding-bottom {
    padding-bottom: 0;
}
.no-padding-right {
    padding-right: 0;
}
.no-padding-left {
    padding-left: 0;
}

.sprite {
	display: inline-block;
}

/*
******************************************************************
BUTTONS
******************************************************************
*/

.AtlasButtonWrapper {
	padding: 8px 0px;
	zoom: 1; /* IE HasLayout */
	overflow: hidden;
}
.AtlasButtonWrapperAlignToWindow {
	position: relative;
	height: 38px;
}
.AtlasButtonWrapperAlignContainer {
	position: absolute;
	right: 0px;
	width: 100%;
}
.AtlasButton,
.yui-simple-dialog .ft .button-group button {
	display: -moz-inline-stack;
	display: inline-block;
	line-height: 12px;
	cursor: pointer;
	padding: 8px 6px;
	margin: -3px 4px -3px 0;
	text-decoration: none;
	white-space: nowrap;
	font-family: LatoWeb, "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.067em;
	font-size: 90%;
	min-height: 12px;
	max-height: 30px;
	background: #FFFFFF;
	color: #333333;
	border: 1px solid #C2C2C2;
    
                    border-radius: 3px;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                ;
    
                    -webkit-transition: all 0.1s ease-in-out;
                    -moz-transition: all 0.1s ease-in-out;
                    -o-transition: all 0.1s ease-in-out;
                    transition: all 0.1s ease-in-out;
                ;
}
#PageTitleBar .AtlasButton {
	border: 1px solid transparent;
}

.AtlasButton:hover,
.UI_Field_Radio .VisibleButtonWrapper a:hover {
    border: 1px solid #D0D0D0;
}
.AtlasButton:hover,
.UI_Field_Radio .VisibleButtonWrapper a:hover,
.UI_Field_Radio .VisibleButtonWrapper a.SelectedRadioButton:hover {
    background-color: #ECF3FC;
	color: #000000;
}

.AtlasButton:active,
.UI_Field_Radio .VisibleButtonWrapper a.SelectedRadioButton {
	background-color: #ECF3FC;
	color: #000000;
}
.AtlasButton.Disabled {
	color:#808080;
	background: #DFDFDF; /* Old browsers */
}
.AtlasButton.Disabled:hover {
	cursor: default;
}
img.ICON.IMAGE_ACTION {
	width: 36px !important;
	margin: -3px 0 0 0;
	cursor: pointer;
}
.ButtonUI.BackLinkFlagged {
	display: inline-block;
	height: 24px;
	width: 24px !important;
	overflow: hidden !important;
	cursor: pointer;
    text-align: center;
}
.ButtonUI.BackLinkFlagged:hover {
	cursor: pointer;
}
.ButtonUI.BackLinkFlagged:hover img.ICON.IMAGE_ACTION {
	width: 36px !important;
	margin: -3px 0 0 -17px;
	cursor: pointer;
}
.fa-times-thin:before {
    content: '\00d7';
}

/*
* UI_Field_Switch ->
*/
#PageTitleBar .UI_Field_Switch {
	display: inline-block;
}
.UI_Field_Switch {
	font-family: LatoWebSemibold, "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
	letter-spacing: 0.067em;
	font-size: 85%;
	margin: -5px 4px -3px 0;
	padding: 3px 6px;
}
.Switch_Control {
	display: inline-block;
	width: 30px;
	height: 16px;
	border-radius: 10px;
	background-color: #666666;
	margin: 0 2px;
	position: relative;
	top: 4px;
	cursor: pointer;
}
.Switch_Option {
	cursor: pointer;
	color: var(--scheme-top-nav-active-txt);
}
.Switch_Ball {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 10px;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	position: absolute;
}
.Switch_Ball.Switched {
	right: 0;
}
#ButtonGroup .Switch_Control {
	vertical-align: baseline;
}
/*
* <- End UI_Field_Switch
*/
.ImportButton.AtlasButton {
    margin-bottom: 5px;
}

.recycleBin.AtlasButton {
	margin-bottom:5px;
	margin-right:0;
}

.PublishButtons {
    position: absolute;
    top: 45px;
    text-align: right;
    width: 200px;
    max-width: 100%;
    margin-right: 1%;
    padding-right: 30px;
    right: 0;
}

/*
******************************************************************
BUTTON STATES
******************************************************************
*/

/** Similar classes to the UI Notification's. Error - red, Success - green **/

.ButtonSuccess {
    color: #fff !important;
    background: #5cb85c;
    border-color: #4cae4c;
    text-shadow: none;
}

.ButtonSuccess:hover, .ButtonSuccess:focus, .ButtonSuccess:active {
    color: #fff;
    background: #449d44;
    border-color: #398439;
}

.ButtonError {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.ButtonError:hover, .ButtonError:focus, .ButtonError:active {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}


/* UI_Field_Radio uses .AtlasButton to create a set of radio buttons */

.UI_Field_Radio .VisibleButtonWrapper {
	padding: 0; /* Override .AtlasButton padding and hover state (below), but keep the rest*/
}
.UI_Field_Radio .VisibleButtonWrapper a {
	border-style: solid;
	border-width: 0 0 0 1px;
	border-color: #ECF3FC;
	color: #333333;
	padding: 8px 6px;
	display: inline-block;
	text-decoration: none;
}
.UI_Field_Radio .VisibleButtonWrapper a.SelectedRadioButton,
.UI_Field_Radio .VisibleButtonWrapper a:hover {
	border-width: 0 0 0 1px;
}
.UI_Field_Radio .VisibleButtonWrapper a:first-child {
	border-width: 0;
	border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    moz-border-radius: 3px 0 0 3px;

}
.UI_Field_Radio .VisibleButtonWrapper a:last-child {
	border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    moz-border-radius: 0 3px 3px 0;
}
.UI_Field_Radio .VisibleButtonWrapper:hover {
	background-color: #DCDCDC;
	background: #DCDCDC;
	color: #333333;
}
.UI_Field_Radio .RadioControl {
	display: none;
}
.UI_Field_Radio .VisibleButtonWrapper a.disabled,
.UI_Field_Radio .VisibleButtonWrapper a.disabled:hover {
	outline:0;
	cursor: default;
	background-image: none;
	opacity: 0.55;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #333333;
	background-color: #DCDCDC;
}
.IMAGE_ACTION {
    vertical-align:bottom;
    margin-left:2px;
}

.LockedArrowIconRow,
.collapsed div.LockedArrowIconRow {
	display: none;
}

.EditUnit .LockedArrowIconRow {
	display: block;
	background-color: #999999;
	color: #FFFFFF;
	border-color: #000000;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	position: relative;
	padding: 5px;
	margin: 0 8px;
}

.EditUnit div.LockedCurriculum {
	border-color: #ECF3FC;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	background-color: #F5F5F5}

.LockedArrowIcon, .LargeLockedArrowIcon {
    text-align: center;
    vertical-align: middle;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #333333;
    background:#696969;
    position: relative;
	top: -2px;
    margin-right:5px;
    display:inline-block;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    z-index:2;
    -webkit-box-shadow:inset 1px 0 1px 1px rgba(68,68,68,1);
    box-shadow:inset 1px 0 1px 1px rgba(68,68,68,1);
}

.LockedArrowIcon {
    width: 15px;
    height: 14px;
    font-size: 8px;
    padding: 3px 1px 1px 0px;
    line-height: 1.2;
    margin-left: -20px;
    vertical-align: top;
    margin-top: 2px
}

.LargeLockedArrowIcon {
    width: 21px;
    height: 16px;
    font-size: 10px;
    padding: 1px 1px 1px 1px;
    line-height: 1.5;
}

.MapTypeMarker {
    overflow: hidden;
    display:inline-block;
    white-space: nowrap;
}

.LockedArrowIcon .MapTypeMarker {
    width: 16px;
    padding-left: 1px;
}

.LargeLockedArrowIcon .MapTypeMarker {
    width: 20px;
}

.LockedArrowIcon:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 4px solid #696969;
    position: absolute;
    right: -4px;
    top: 0px;
    z-index: -1;
}

.LargeLockedArrowIcon:after{
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 4px solid #696969;
    position: absolute;
    right: -4px;
    top: 0px;
    z-index: -1;
}

.InlineLockIcon {
    margin-left:-18px;
    margin-top: 2px;
    margin-right: 6px;
}
.UnitStandardAssessmentContainer .InlineLockIcon,
.SchoolValueOpportunityContainer .InlineLockIcon {
    margin-left:-8px;
}
.InlineLockIcon ~ .UnitStandardAssessmentHeader {
    display:inline-block;
}
/*Override padding for description on Standards with lock symbol next to it*/
.InlineLockIcon ~ div.UnitStandardAssessmentDescription,
.UnitStandardAssessmentHeader.InlineLockIconSpacing ~ div.UnitStandardAssessmentDescription,
.InlineLockIcon ~ div.SchoolValueOpportunityDescription {
    padding-left: 2.2em !important;
}

.InlineLockIcon ~ div.AssessmentStandardsSummaryContainer,
.InlineLockIconSpacing.SchoolValueOpportunityContainer {
    padding-left: 1.1em;
}

#Atlas_Develop_StandardsAlignment_View_ObjectivesStandards span.LockedArrowIcon,
#Atlas_Develop_StandardsAlignment_View_ObjectivesStandards span.InlineLockIconSpacing,
#Atlas_Develop_StandardsAlignment_View_ObjectivesStandards span.InlineLockIcon,
#Atlas_Develop_UnitMap_View_Default.EditUnit span.LockedArrowIcon,
#Atlas_Develop_UnitMap_View_Default.EditUnit span.InlineLockIconSpacing,
#Atlas_Develop_UnitMap_View_Default.EditUnit span.InlineLockIcon{
	display: inline-block;
}

#Atlas_Develop_UnitMap_View_Default span.LockedArrowIcon,
#Atlas_Develop_UnitMap_View_Default span.InlineLockIconSpacing,
#Atlas_Develop_UnitMap_View_Default span.InlineLockIcon,
#Atlas_Browse_View_Map span.InlineLockIcon,
#Atlas_Browse_View_Map span.InlineLockIconSpacing {
	display: none;
}
#Atlas_Browse_View_Map .InlineLockIcon ~ .UnitStandardAssessmentHeader {
	display: block;
}
.DistrictLockContent table.displayTable tr.CurriculumMap td.displayTableCell, #units.DistrictLockContent .unit {
    padding-left:21px;
}

.DistrictLockContent table.displayTable tr.CurriculumMap td.displayTableCell, #units.DistrictLockContent .unit .UnitNameLink {
    margin-left: 2px;
    display: inline-block;
}

#units a {
    text-decoration: none;
}

#BrowseMapList a.Action_Email {
    margin-left:0px; /* undo for links that don't apply*/
}

img.ICON,
.AtlasButton img {
    margin-top: -0.18em; /*~2px offset, given line-height and current font set*/
    vertical-align: middle;
}

.BackLinkFlagged < img {
    margin-left:0px;
}

.StackedButton{
	margin-top: 4px;
}

.disabledButton,
.disabledButton:hover,
.disabledButton:active{
	background: #D0D0D0;
	border: 1px solid #C2C2C2;
	color: #333333;
	cursor: default;
}
.selectedButton{
	background-color: #FFFFFF;
	background: #FFFFFF;
	color: #333333;
	box-shadow: inset 0 0 3px 3px rgba(255,255,255,.17);
}

.AtlasButtonShim{
	display: inline-block;
}

.VisuallyHidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
******************************************************************
TOOLTIPS
******************************************************************
*/

.toolTipUI{
	background-color: #ECF3FC;
	color: #0A5AB4;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 85%;
	padding: 7px;
	max-width: 300px;
	min-width: 100px;
	border: 1px solid #0A5AB4;
	z-index: 200000; /* show tooltips above SubNav in Top Nav */
    
                    border-radius: 3px;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                ;
    
                    -webkit-transition: all 0.1s ease-in-out;
                    -moz-transition: all 0.1s ease-in-out;
                    -o-transition: all 0.1s ease-in-out;
                    transition: all 0.1s ease-in-out;
                ;
    opacity: 0.95;

}
/*
******************************************************************
Context Menus
******************************************************************
*/

.hasContextMenu {
	cursor: pointer;
}
.ContextMenu {
	background-color: #F0F0F0;
	border-radius: 3px;
	white-space: nowrap;
	font-family: LatoWeb, "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
	letter-spacing: 0.067em;
	font-size: 85%;
	color: #0A5AB4;
	position: absolute;
	min-width: 150px;
	z-index: 9979;	/* Just shy of YUI Popup Wrapper */
	opacity: 1;
}
.ContextMenu ul{
	zoom: 1; /* IE HasLayout */
	padding: 0;
	margin: 0;
}
.ContextMenu li{
	list-style: none;
}
.ContextMenu li.hovered{
	background-color: #DCDCDC;
	color: #0A5AB4;
}
.ContextMenu li a,
.ContextMenu li .link {
	display: block;
	text-decoration: none;
	padding: 6px;
	line-height: 20px;
	color: #333333;
}
.ContextMenu li img {
	margin-top: -2px; /*offset for roboto slab font*/
	vertical-align: middle;
}

.ContextMenuHideTransition {
	opacity: 0;
	-webkit-transition: opacity 300ms linear;
	-moz-transition: opacity 300ms linear;
	-ms-transition: opacity 300ms linear;
	-o-transition: opacity 300ms linear;
	transition: opacity 300ms linear;
}

/*
******************************************************************
DYNAMIC SELECT LISTS
******************************************************************
*/
.UIDynamicItemOption a {
	text-decoration: none;
}
.UIDynamicItemOption img {
	vertical-align: middle;
}

/*
******************************************************************
MODAL POPUPS
******************************************************************
*/

.yui-skin-sam .mask {
	/* IE DirectX has a pixel limit of 4096x4096 - fixes "black screen" for large pages */
	max-width: 4096px\0/ !important; /* IE8, IE9 */
	max-height: 4096px\0/ !important; /* IE8, IE9 */
}

.yui-skin-sam .yui-panel-container .yui-panel {
	border-width: 2px;	/* widen this border for a fake shadow */
}
.yui-skin-sam .yui-panel-container .yui-panel .hd {
	padding-right: 40px;	/* make sure header text is not masked by close button */
	font-size: 85%;
    overflow: hidden;
}
.yui-skin-sam .yui-panel-container .yui-panel .bd {
	font-size: 100%;
	overflow: auto;	/* force scroll bar for small heights */
	zoom: 1; /* IE HasLayout */
	position: relative;	/* keep loading icon centered within the dialog body */
}
.yui-skin-sam .yui-panel-container .yui-panel .iframebd {
	padding: 0;
	overflow: visible;
}
.yui-skin-sam .yui-panel-container .yui-panel .ft {
	zoom: 1; /* IE HasLayout */
	font-size: 100%;
	border-top: 0;
	padding: 0 0 5px 0;
}
.yui-skin-sam .yui-panel-container .yui-panel .ft .AtlasButtonWrapper,
.yui-skin-sam .yui-simple-dialog .ft .button-group {
	border-top: 1px solid #F0F0F0;
	padding: 8px 8px 3px 8px;
}

/*
******************************************************************
MODAL POPUPS - EDIT FORMS
******************************************************************
*/
#EditForm {
	width: 500px;
}
#EditForm td{
	padding: 4px;
}
#EditForm .mceToolbar td,
#EditForm .x-color-picker td,
#EditForm .cke_editor td {
	padding: 0;
}
#EditForm .cke_contents iframe {
	z-index: 9991;
}
#EditForm select,
#EditForm .textInput,
#EditForm .emailInput,
#EditForm textarea{
	width: 100%;
}
#EditForm textarea {
	overflow: auto;
	resize: vertical;
}
#EditForm select.SymbolsSelectList{
	width: auto;
}

#EditForm .EditFormActionBar {
	background-color: #ECF3FC;
	margin: -10px -10px 10px;
	padding: 8px 10px;
}
#EditForm .EditFormActionBar td {
	background-color: #ECF3FC;
	padding: 0;
}
#EditForm .EditFormActionBar select,
#EditForm .EditFormActionBar .textInput {
	width: auto;
}

#editItemForm {
	width: 100%;
}
#editItemForm table{
	width: 100%;
}
#editItemForm .mceToolbar{
	width: auto;
}

.InvalidField td.LabelCell {
	color: #800000 !important;
}
.InvalidField input,
.InvalidField select,
.InvalidField textarea,
.InvalidField .Popover,
.InvalidHiddenField td.LabelCell {
	border: 2px solid #800000;
}

.yui-skin-sam .yui-panel .bd,
.yui-panel .bd td {
	background-color: #FFFFFF;
	color: #333333;
}

#LoadingModalForm{
	width: 120px;
}

/*
******************************************************************
LOADING
******************************************************************
*/
.Loading {
	height: 74px;
}
.Loading .Spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 3px;
	margin: -30px 0 0 -25px;
}
.Loading .Spinner img {
	height: 42px;
	width: 42px;
}
.ElementMask {
	position: absolute;
	background-color: rgba(255,255,255,0.5);
	opacity: 1;
}

/*
******************************************************************
DEBUG
******************************************************************
*/
.debug {
	width: 100%;
	display: none;
}

/*
******************************************************************
CORDA (TODO! These styles don't belong here - Let's find a better way!)
******************************************************************
*/
#overDiv table,
#overDiv table td{
	background-color: #000000;
}
#overDiv table table,
#overDiv table table td{
	background-color: #fffecd;
	color: #000000;
}

b.red {
	color:red;
}

/*
******************************************************************
NOTIFICATION & ERROR
******************************************************************
*/
#UINotificationContainer,
.UINotificationContainer {
	position: relative;
	zoom: 1; /* IE HasLayout */
}

#UINotification,
.UINotification {
	background: #ECF3FC;
	font-weight: bold;
	color: #0A5AB4;
	border: solid 1px #0A5AB4;
	padding: 10px;
	margin-bottom: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}



#UINotificationContainer.success #UINotification,
.UINotificationContainer.success .UINotification {
	color: #4F8A10;
    border-color: #86BA6F;
	background-color: #DFF2BF;
}
#UINotificationContainer.warning #UINotification,
.UINotificationContainer.warning .UINotification {
	color: #9F6000;
    border-color: #ceb75c;
	background-color: #FEEFB3;
}
#UINotificationContainer.error #UINotification,
.UINotificationContainer.error .UINotification {
	color: #D8000C;
    border-color: #d36767;
	background-color: #FFBABA;
}

#UINotification, .UINotification {
	padding-right: 30px;
}

/*
******************************************************************
SUBNAV TABS
******************************************************************
*/
.tabsUI {
	border-bottom: 1px solid #ECF3FC;
	margin: 0 -15px 15px -15px;
	padding: 0 0 28px 15px;
}
.yui-skin-sam .yui-panel .bd .tabsUI,
.AtlasPopupPage .tabsUI {
	margin: 0 -10px 10px -10px;
}
.tabsUI ul {
	display: inline;
	margin: 0;
}
.tabsUI li {
	display: inline;
	list-style-type: none;
}
.tabsUI ul li a.tabLink:hover{
	background-color: #ECF3FC;
	color: #1A73E8;
}
.tabsUI ul li a.tabLink:active,
.tabsUI ul li a.tabLink:focus{
	background-color: #ECF3FC;
	color: #1A73E8;
}
.tabsUI ul li.selected .tabLink{
	background-color: #ECF3FC;
	color: #0A5AB4;
	border: none;
}
.yui-skin-sam .yui-panel .bd .tabsUI ul li.selected .tabLink {
	background-color: #ECF3FC;
	border: none;
}
.tabsUI ul li.selected a.tabLink:hover{
	background-color: #ECF3FC;
	color: #0A5AB4;
}
.tabsUI ul li .tabLink img {
	vertical-align: middle;
}
/*** Clear container fix ***/
/* For modern browsers */
.ClearFix:before,
.ClearFix:after {
    content:"";
    display:table;
}
.ClearFix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.ClearFix {
    zoom:1;
}

/**
*	Context-sensitive help
*/
.SearchResultsBackLink {
	margin-bottom: 20px;
}
#GeneralHelp {
	clear: right;
}
.CopyrightClause {
	font-style: italic;
	margin-top: 30px;
	margin:auto;
	text-align: center;
	opacity: 0.8;
	filter: alpha(opacity=80);
	font-size:85%;
	padding-top:10px;
}
.hr {
	border-top: 1px solid #000000;
	height: 10px;
	margin: 10px 0;
	width: 760px;
}
.IMAGE_COURSE_COLLABORATION_ICON {
	margin-left: 5px;
}

#Atlas_UI_Filters_View_Delegate {
    display: inline;
}

.ScrollingFixedElement {
	position: absolute;
	top: 0;
	z-index: 1;
}
.ScrollingFixedElement.Fixed {
	position: fixed;
	top: 0;
}
/* General css class name for assistive text  */
.SmallItalic {
	font-size: 85%;
	font-style: italic;
}

#GlobalRubiconMessagePreview div.Container, #NotificationList div.Container {
	line-height: 20px;
    padding: 8px 10px;
	border-bottom: 1px solid #C2C2C2;
	max-width: 570px;
}

#GlobalRubiconMessagePreview blockquote.Message, #NotificationList blockquote.Message {
	margin: 5px;
	padding: 8px 15px;
	font-size: 93%;
	font-style: italic;
	word-wrap: break-word;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	border: 4px solid #DFDFDF;
	background-color: #FFFFFF;
}

#GlobalRubiconMessagePreview blockquote.Message p, #NotificationList blockquote.Message p {
	margin: 0;
}

#GlobalRubiconMessagePreview blockquote.Message p:empty, #NotificationList blockquote.Message p:empty {
	margin-bottom: 1em;
}

#NotificationList div.Container.Read {
	background-color: #F5F5F5;
}

#NotificationList div.Container.Read blockquote.Message {
	background-color: #DFDFDF;
}

#GlobalRubiconMessagePreview div.Container,
#Atlas_Communications_View_Rubicon #NotificationList div.Container,
#NotificationList.RubiconMessage div.Container,
#NotificationList.RubiconMessage div.Container blockquote.Message,
#Atlas_Communications_View_Rubicon #NotificationList div.Container blockquote.Message {
	background-color: #FFFFFF;
}

#Atlas_Communications_View_Rubicon #NotificationList div.Container {
    width: 570px;
}

#GlobalRubiconMessagePreview div.Container div.NoteTitle, #NotificationList div.Container div.NoteTitle {
	text-align: center;
	font-family: LatoWeb, "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.067em;
	word-wrap: break-word;
}

img.LinkWithIcon {
    margin-right: .4em;
}

#Internal_FlightSchool_RubiconChannel_View_GlobalRubiconMessaging .Message, #Internal_FlightSchool_RubiconChannel_View_UpdatePostedMessage .Message {
	margin: 5px;
}
#Internal_FlightSchool_RubiconChannel_View_GlobalRubiconMessaging #SubjectDiv, #Internal_FlightSchool_RubiconChannel_View_UpdatePostedMessage #SubjectDiv {
	margin-bottom: 5px;
}
#Internal_FlightSchool_RubiconChannel_View_UpdatePostedMessage #UpdateMessageInstruction {
	margin-top: 5px;
}
#Internal_FlightSchool_RubiconChannel_View_GlobalRubiconMessaging Label.Message, #Internal_FlightSchool_RubiconChannel_View_UpdatePostedMessage Label.Message, #Internal_FlightSchool_RubiconChannel_View_UpdatePostedMessage #UpdateMessageInstruction, #Internal_FlightSchool_RubiconChannel_View_MessageUpdatePreview #UpdateMessageInstruction {
	font-weight: bold;
}

/*
* UI_Hints
*/
.Visible_UI_Hint {
	width: 250px;
	padding: 10px;
	border: 1px solid #666;
	background: #222;
	border-radius: 4px;
	color:#fff;
	margin-left:13px;
}
/*
* Relying on empty content to be drawn in order for the triangle to render properly.
*/
.Visible_UI_Hint:after {
	content: '';
	display: block;
	position: absolute;
	top: 10px;
	right: 100%;
	width: 0;
	height: 0;
	border-color: transparent #222 transparent transparent;
	border-style: solid;
	border-width: 10px;
}
.Visible_UI_Hint:before {
	content: '';
	display: block;
	position: absolute;
	top: 8px;
	right: 100%;
	width: 0;
	height: 0;
	border-color: transparent #666 transparent transparent;
	border-style: solid;
	border-width: 12px;
}

a.CloseHint{
	right: 4px;
	float: right;
	top: 0;
	position: absolute;
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	font-size: 17px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 1px 0 #222;
	opacity: 0.8;
	filter: alpha(opacity=20);
	color: #ddd;
	text-decoration:none;
}
a.CloseHint:hover {
	opacity: 1;
	color: #fff;
}

.Popover {
	position: relative;
}
.Popover .PopoverTrigger {
	display: inline-block;
	margin-top: 4px;
	padding: 5px 3px;
}
.PopoverContent {
	display: none;
	z-index: 10100;
	position: absolute;
	top: 0;
	left: 0;
}
.PopoverContent.HasArrow {
	padding-top: 10px;
}
.PopoverContent.Active {
	display: block;
}
.PopoverContent.HasArrow .PopoverArrow {
	position: relative;
	background: #1A73E8;
	-webkit-box-shadow: 1px 1px 3px #333333;
	-moz-box-shadow:    1px 1px 3px #333333;
	box-shadow:         1px 1px 3px #333333;
	text-align: left;
	z-index: 200;
}
.PopoverContent.HasArrow .PopoverArrow:after {
	bottom: 100%;
	left: 48px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #1A73E8;
	border-width: 10px;
	margin-left: -10px;
}
.PopoverContent .PopoverBody {
	  background: #FFFFFF;
    border: none;
    padding: 10px;
    border-radius: 0 3px 3px 3px;
    -webkit-border-radius: 0 3px 3px 3px;
    moz-border-radius: 0 3px 3px 3px;
}
.PopoverContent.HasArrow .PopoverBody {
	border-top-width: 10px;
}
.padding-bottom {
	padding-bottom: 10px;
}
.Popover.ColorPicker {
	border: 1px solid #C2C2C2;
	border-radius: 3px 2px 2px 3px;
	background-color: #FFFFFF;
	min-width: 50px;
}
.Popover.ColorPicker .PopoverTrigger {
	margin: 0;
	padding: 0;
	height: 24px;
}
.Popover.ColorPicker .PopoverTrigger .selectedColor {
	display: inline-block;
	margin: 6px;
	width: 16px;
	height: 15px;
}
.Popover.ColorPicker .PopoverTrigger .DownArrowCharacterContainer {
	float: right;
	background-color: #C2C2C2;
	padding: 4px 1px;
	height:115%;
}
#ProfileMenu_Content .PopoverBody {
    margin-left: 1px
}

/**********************************
Pop Up
***********************************/
.yui-skin-sam .yui-panel .hd {
    padding: 5px 10px;
    font-size: 1em !important;
    background: #f2f2f2;
    border: none;
    border-radius: 3px 3px 0 0;
}
.yui-skin-sam .yui-panel .hd,
.yui-skin-sam .yui-panel .bd,
.yui-skin-sam .yui-panel .ft {
    margin: 0;
    border: none;
}
.yui-skin-sam .yui-panel-container .yui-panel {
    border: none;
}
.yui-skin-sam .yui-panel-container .yui-panel .ft {
    border-radius: 0 0 3px 3px;
}

.yui-skin-sam .container-close {
    position: absolute;
    top: 12px;
    right: 6px;
}

/**********************************
Typography Helpers
***********************************/
.text-primary {
    color: #ECF3FC;
}

.ContextMenuButton .text-primary:hover,
a .text-primary:hover {
    color: #0A5AB4;
}

/**********************************
RefacorJS z-index
***********************************/
.masked #redactor-overlay,
.masked .redactor-context-toolbar,
.masked .redactor-dropdown, 
.masked #redactor-modal, 
.masked .redactor-box-fullscreen,
.masked #redactor-image-resizer {
  z-index: 10051;
}

.masked .re-button-tooltip,
.masked .redactor-body-fullscreen .redactor-dropdown,
.masked .redactor-body-fullscreen .redactor-context-toolbar {
  z-index: 10052; 
}

.masked .redactor-body-fullscreen #redactor-overlay {
  z-index: 10098; 
}

.masked .redactor-body-fullscreen #redactor-modal {
  z-index: 10099; 
}
/**********************************
RefacorJS dropdowns
***********************************/
.redactor-dropdown-item-remove {
	font-size: 13px;
	font-style: italic;
}
/**********************************
RefacorJS dropdowns
***********************************/
body .redactor-toolbar a.re-button-icon,
body .redactor-air a.re-button-icon {
	padding: 5px 7px 5px 7px;
}
.redactor-modal-footer button[data-command='insert'],
.redactor-modal-footer button[data-command='update'] {
	float: right;
}
.font-family-awesome {
  font-family: "Font Awesome 5 Pro";
}

/**********************************
Page header component
***********************************/
#SubHeaderContainer h2 {
	font-size: 20px;
}

.Badge {
    background: #F0F0F0;
    color: #0A5AB4;
    border: 1px solid;
    border-radius: 100px;
    font-weight: 700;
    font-size: .7em;
    line-height: 1;
    padding: 3px;
    text-align: center;
    min-width: 20px;
    cursor: pointer;
    text-decoration: none;
    margin-left: 2px;
}

#NotificationsForm div.bd {
	padding: 0px;
	width: 350px;
}

#NotificationList div.Container {
	line-height: 20px;
	padding: 16px 10px;
	border-bottom: 1px solid #DFDFDF;
	max-width: 600px;
}

#NotificationList div.Display {
	font-weight: bold;
}

#NotificationList div.Display a {
	color: #333333;
}

#NotificationList div.UserDate {
	font-size: 85%;
    font-style: italic;
}

#NotificationList div.Footer {
	padding: 5px;
	font-size: 85%;
	overflow: hidden;
}

#NotificationList div.Footer a {
	color: #505050;
	float: right;
}
/*Used to constrain images added by rubicon channel ckeditor instance when displayed in set-width div in Communications Commons*/
#NotificationList div.Container blockquote.Message img {
    height: auto !important; /*Need important tag in order to override the height set as inline style by CKEditor*/
    max-width: 100%;
}

#NotificationList .Attachments {
    padding-left: 1em;
}


/**
 * Styles that relate to rich text editing. These styles should be loaded for display as well as editing
 */

/* Content Styles */
.cke_contents {
	overflow: auto;
}
.cke_editable {
	min-height: 150px;
}
.cke_contents div.cke_wysiwyg_div {
	/* Font */
	font-size: small;
	font-weight: normal;
	margin: 0;
	padding: 15px 10px;
	position: relative; /* Bug #18190 pasting in chrome causes jumpiness */
}
.yui-panel-container .cke_contents .cke_wysiwyg_div {
	padding: 0 10px; /* SB 12/17/13: fix for cke editors opened inside modals (fixes Bugs #16603, #16654 and #16286) */
}
.cke_contents div.cke_wysiwyg_div :focus {
	outline: none; /* Disable default active border */
}
.cke_contents div.cke_wysiwyg_div sub,
.cke_contents div.cke_wysiwyg_div sup {
	font-size: 11px;
}
.cke_contents div.cke_wysiwyg_div u,
.cke_contents div.cke_wysiwyg_div strong,
.cke_contents div.cke_wysiwyg_div em {
	line-height: 15px;
}

/* Custom Overrides */

.cke_chrome {
	border: 0 none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
#EditForm .cke_chrome,
#cke_EditMapDescription.cke_chrome,
.MessagingFilterTable .cke_chrome {
	border: 1px solid #D6D6D6 !important;
}
.cke_top {
	padding: 1px 1px 0 1px !important;
}
.cke_toolgroup {
	margin: 0 0 1px 0 !important;
}

.cke .cke_toolbar {
	opacity: .5;
}
.cke.cke_focus .cke_toolbar {
	opacity: 1;
}

.cke .cke_toolbar a.cke_combo_button,
.cke .cke_toolbar a.cke_combo_button:hover {
	margin-top: -1px !important;
	margin-bottom: -1px !important;
}

/* Kitchen Sink */
.cke .cke_button__kitchensink_label {
	display: block;
}
.cke .cke_toolbar .cke_button__kitchensink_icon {
	display: none !important;
}
.cke .cke_button__kitchensink span.cke_icon {
	margin-top: 2px;
	vertical-align: top;
	width: 26px;
}

.cke .KitchenSinkToolbar {
	min-width: 100%;
}
.cke_dialog {
	border: 2px solid gray; /* Matches Atlas modal */
}

.cke_dialog_body .cke_resizer {
	display: none;
}

.cke .cke_font_panel {
	height: 120px !important;
}
.cke.cke_combopanel {
	width: 150px;
	overflow: hidden;
}

.cke .cke_combo__font {
	margin-right: -7px; /* Bring rich combo's closer together */
}

.cke .cke_toolbar a {
	color: inherit;
	font-weight: normal;
	font-size: 13px;
}

.cke .cke_toolbar a.cke_button__kitchensink {
	line-height: 17px;
}

.cke .cke_toolbar a.cke_combo_button,
.cke .cke_toolbar a.cke_combo_button:hover {
	margin-bottom: 5px;
	font-size: 13px;
}


.UI_Div_Collapsible_Headers {
	cursor: default;
}

.UI_Div_Collapsible_Headers .Action_CollapseExpand {
	cursor: pointer;
}
.UI_Div_Collapsible_Headers .Action_CollapseExpand img{
	vertical-align: bottom;
	margin-bottom: 1px;
}

.UI_Div_Collapsible_Headers .ShowDetails {
	color: #666666;
	font-weight: normal;
	font-size: 93%;
}
.UI_Div_Collapsible_Headers .ShowDetails:hover {
	color: #0A5AB4;
}
.UI_Div_Collapsible_Headers .ShowDetails img {
	margin-bottom: 0;
	margin-right: 2px;
}
.UI_Div_Collapsible_Headers .HeaderForCollapsed div,
.UI_Div_Collapsible_Headers .HeaderForExpanded div {
	display: inline;
}
.Action_CollapseExpand {
	display: inline-block;
}


/*************************
DaisyDiff
*************************/
/*
 * Styles for the Tag Diff
 */
span.diff-tag-html {
    font-family: "Andale Mono" monospace;
    font-size: 80%;
}

span.diff-tag-removed {
    font-size: 100%;
    text-decoration: line-through;
    background-color: #fdc6c6; /* light red */
}

span.diff-tag-added {
    font-size: 100%;
    background-color: #ccffcc; /* light green */
}

/*
 * Styles for the HTML Diff
 */
div.diff-html-added,
span.diff-html-added,
ins {
    font-size: 100%;
    background-color: #ccffcc; /* light green */
}
div.diff-html-removed,
span.diff-html-removed,
del {
    font-size: 100%;
    text-decoration: line-through;
    background-color: #fdc6c6; /* light red */
}
.curriculum del {
	background-color: transparent;
}
div.diff-html-changed,
span.diff-html-changed {
    position: relative;
}
div.diff-html-selected,
span.diff-html-changed,
span.diff-html-selected {
    background-color: #FF8800; /* light orange */
}

span.diff-html-selected img{
    border: 2px solid #FF8800; /* light orange */
}

span.diff-html-added img{
    border: 2px solid #ccffcc;
}

span.diff-html-removed img{
    border: 2px solid #fdc6c6;
}

span.diff-html-changed img{
    border: 2px dotted #000099;
	display: none;
}
span.diff-html-changed:hover span.tip {
	display: none;

}
span.tip ul.changelist {
	display:none;
}
ul.changelist {
	display:none;
}

span.diff-html-changed span.tip {
    display: none;        /* so is this */
}


/*
******************************************************************
GENERAL PAGE STYLING (GLOBAL)
******************************************************************
*/
*,
body,
html {
	/* Base grayscale colors definitions*/
	--base-white: #fff;
	--base-gray: #969696;
	/* Base colors definitions */
	--base-blue: #1A73E8;
	--gray-100: #F5F5F5;
	--gray-600: #646464;

	/* Theme colors */
	--scheme-top-nav-txt: #0A5AB4;
	--scheme-top-nav-active-txt: #FFFFFF;
	--scheme-top-nav-active-bg-lt: #ECF3FC;
	--scheme-top-nav-active-bg-dk: #0A5AB4;


	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body, html {
	background-color: #FFFFFF;
	color: #333333;
	min-width: 1024px;
}

td {
	color: #333333;
}

a, .link {
	color: #1A73E8;
}

.disabledLink, .disabledLink:hover {
	color: #333333;
	opacity: 0.67;
	filter: alpha(opacity=67);
}

td.LabelCell {
	font-weight: bold;
	padding-right: 0.5em;
	text-align: right;
	vertical-align: top;
}

select,
.textInput,
.emailInput,
.passwordInput,
.textarea.x-form-field,
.x-form-text,
textarea {
	border: 1px solid #C2C2C2;
}

select:disabled,
input[disabled*=''],
.textInput:disabled,
textarea:disabled,
div.disabledDiv {
	background: #F5F5F5;
	border: 1px solid #C2C2C2;
	color: #333333;
	opacity: 0.67;
	filter: alpha(opacity=67);
	cursor: not-allowed;
}

div.disabledDiv {
	padding: 3px;
	line-height: 1.2;
}

div.disabledDiv p {
	margin-bottom: 0;
}

.textInput,
.emailInput,
.passwordInput,
.textarea.x-form-field,
.x-form-text,
textarea {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

select {
	-webkit-border-radius: 3px 2px 2px 3px;
	-moz-border-radius: 3px 2px 2px 3px;
	border-radius: 3px 2px 2px 3px;
	padding: 2px 4px;
	height: 30px;
}

.textInput,
.DateBorder input,
.x-border-box .x-form-trigger,
.x-border-box .x-form-text,
.emailInput,
.passwordInput {
	min-height: 30px;
}

.x-form-trigger {
	background-size: cover;
	width: 20px;
}

.x-form-trigger-wrap-focus .x-form-trigger {
	background-position: -42px 0;
}

.x-form-trigger-over {
	background-position: -21px 0;
}

.textInput,
.emailInput,
.passwordInput,
textarea {
	padding: 1px 3px;
}

.x-form-item {
	margin: 0px;
	padding: 1px 0px;
}

h1, h2, h3, h4, h5 {
	font-family: LatoWeb, "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.067em;
}

h1.helper, h2.helper, h3.helper, h4.helper, h5.helper, h6.helper {
	font-weight: bold;
	font-family: LatoWeb, "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
	color: #333333;
	margin-left: 2px;
}

p,
fieldset,
pre {
	margin-bottom: 1em;
}

fieldset {
	background-color: #DCDCDC;
	border: 1px solid #ECF3FC;
	zoom: 1; /* IE HasLayout */
	position: relative;
	padding: 20px 10px 10px 10px;
	margin: 20px 0 10px 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

fieldset td {
	background-color: #DCDCDC;
}

legend {
	background-color: #FFFFFF;
	border: 1px solid #ECF3FC;
	color: #1A73E8;
	position: absolute;
	top: -10px;
	font-size: 85%;
	font-weight: bold;
	white-space: nowrap;
	padding: 3px 5px;
}

h1 {
	margin-top: 0;
	margin-bottom: 1em;
	color: #1A73E8;
}

h2 {
	margin-top: 0;
	margin-bottom: 1em;
	color: #0A5AB4;
}

h3 {
	margin-top: 0;
	margin-bottom: 0;
	color: #0A5AB4;
	border-bottom: 1px solid #ECF3FC;
	padding-bottom: 3px;
}

h4 {
	margin-top: 0;
	margin-bottom: 0;
	color: #1A73E8;
	border-bottom: 1px solid #ECF3FC;
	padding-bottom: 3px;
}

h5 {
	color: #1A73E8;
}

hr {
	color: #ECF3FC;
	border: 1px solid #ECF3FC;
	height: 1px;
}

i.fa {
	font-size: 14px;
}

i.fa-check {
	font-size: 11px;
}
i.fa.flagged {
	color: #990f02;
}

/*
******************************************************************
EXT
******************************************************************
*/

.x-panel-body {
	border-color: #ECF3FC;
}

.x-panel td {
	background: transparent;
}

/*
******************************************************************
EXT GRID
******************************************************************
*/
.x-grid {
	background-color: #DCDCDC;
}

.x-grid-container > .x-grid {
	border: 1px solid #C2C2C2 !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-bottom: 0 !important;
}

.x-grid > .x-grid-body {
	border: 0 !important;
}

.x-grid-row-over {
	background: none;
}

.x-grid-row:nth-child(odd) td {
	background-color: #F5F5F5;
!important;
}

.x-grid-row-alt {
	background-color: #FFFFFF;
}

.x-grid-hd-row td {
	border-style: solid;
	border-width: 0 1px 1px 0;
}

.x-grid-row td,
.x-column-header {
	font-size: 85%;
	font-family: LatoWebBold, "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
	line-height: inherit;
}

.x-column-header {
	padding: 0;
	font-weight: bold;
	color: #0A5AB4 !important;
}

.x-grid-header, .x-grid-header-ct, .x-column-header, .x-toolbar, .x-datepicker-header, .x-toolbar-default.x-docked-bottom {
	color: #666666 !important;
}

.x-datepicker-header .x-datepicker-month span {
	color: #0A5AB4 !important;
}

.x-toolbar-default, .x-datepicker-footer {
	border: none !important;
}

.x-panel {
	border: none !important;
}

.x-panel-body {
	border: none !important;
}

.x-grid-body .x-grid-td-expander {
	background-image: none;
}

.x-grid-row-expander {
	width: 20px;
	cursor: pointer;
}

/* Drag and drop sorting on grid */
.x-grid-cell-Column_SortOrder img {
	cursor: move;
}

.x-column-header-over {
	background-image: none !important;
	background-color: inherit !important;
}

.x-column-header-text {
	font-weight: bold;
	font-family: LatoWebBold, "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 15px;
}

/** ProgressBar **/

.x-progress-inner {
	position: static;
}

.x-ClickableProgressBar {
	cursor: pointer;
}

/*custom css to allow selectable grid cells*/
.SelectableGrid .x-grid-cell-inner, .SelectableGrid .x-selectable {
	-moz-user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
}

/*
******************************************************************
SUB NAVIGATION MENUES
******************************************************************
*/
.SubNavContainer {
	display: inline-block;
	padding-bottom: 7px;
}

.SubNavContainer,
.SubNavContainer a {
	font-family: LatoWeb, "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
	letter-spacing: 0.067em;
}

.SubNavContainer.active ul.SubNavOptions {
	max-height: 1000px; /*can't transition on height: auto.  using max-height so that a literal can be used. */
	-webkit-transition: max-height 300ms linear;
	-moz-transition: max-height 300ms linear;
	-ms-transition: max-height 300ms linear;
	-o-transition: max-height 300ms linear;
	transition: max-height 300ms linear;
	z-index: 1000;
}

ul.SubNavOptions {
	max-height: 0;
	overflow: hidden;
	position: absolute;
	z-index: 2;
	margin: 0;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #F0F0F0;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;

}

ul.SubNavOptions > li a {
	text-decoration: none;
	color: var(--scheme-top-nav-txt);
}

ul.SubNavOptions > li {
	list-style: none;
	background-color: #F0F0F0;
}

td.selected ul.SubNavOptions,
td.selected ul.SubNavOptions > li {
	background: #F0F0F0;
}

td.selected ul.SubNavOptions > li:hover,
ul.SubNavOptions > li:hover {
	background: #ECF3FC;
}


/* ******************************************************************
MAIN
****************************************************************** */
#main-wrapper {
	display: flex;
	flex-direction: column;
	background-color: var(--gray-100);
	min-height: 100vh;
	
                    -webkit-transition: all 0.1s ease-in-out;
                    -moz-transition: all 0.1s ease-in-out;
                    -o-transition: all 0.1s ease-in-out;
                    transition: all 0.1s ease-in-out;
                ;
	width: 100%;
}

.AtlasMaximizeContent #main-wrapper {
	padding-top: 0;
}

#main {
	flex: 1;
	margin: 16px /*1rem*/;
}

#main tr {
	vertical-align: top;
}

#main tr#mainfooter {
	vertical-align: bottom;
}

#main .bottomsidebar {
	background: #333333;
}

/*******************************************************************
Notification Center
*******************************************************************/
.NotificationCenterIcon a {
	display: block;
	text-align: left;
}

.NotificationCenterIcon img {
	vertical-align: middle;
	max-width: 40px;
	max-height: 40px;
}

/*
******************************************************************
TOP NAV
******************************************************************
*/
.app-header {
	background: var(--base-white);
	box-shadow: 0px 2px 2px #00000029; /* $box-gray-shadow */
	font-size: 15px;
	height: 64px; /* 4rem; */
	min-width: 1024px;
}

.app-header .navbar-brand {
	display: flex;
	align-items: center;
	flex-basis: 208px /*13rem*/;
	font-size: 12px; /* .75rem; */
	margin: 0;
	overflow: hidden;
	padding-top: 5px; /* .3125rem; */
	padding-bottom: 5px; /* .3125rem; */
	width: 200px; /* 12.5rem; */
	-webkit-margin-start: 16px /*1rem*/;
	margin-inline-start: 16px /*1rem*/;
}

@media (min-width: 768px) {
	.navbar-expand-md {
		flex-flow: row nowrap;
		justify-content: flex-start;
	}
}

.app-header .navbar {
	height: 100%;
	padding: 0;
}
.app-header .navbar .nav {
	height: 100%;
}

#SubHeaderContainer td.LogoCell img, 
.app-header .navbar-brand > img {
	height: 100%;
	max-height: 54px;
	max-width: 72px /* 4.5rem */;
}

.app-header .navbar-brand .district-name {
	font-family: LatoWebBold, sans-serif;
	line-height: 1.25;
	color: var(--gray-600);
	max-width: 136px /* 8.5rem */;
	white-space: normal;
	transition: color .15s ease-in-out;
	text-decoration: none;
}
.app-header .navbar ul {
	margin: 0;
}
.app-header .navbar .nav li a:hover {
	text-decoration: none;
}

.app-header .navbar .nav .b-dropdown .dropdown-toggle {
	align-items: center;
	background-color: #fff;
	border: 2px solid transparent;
	border-radius: 0;
	color: var(--gray-600);
	display: flex;
	font-family: LatoWeb;
	font-size: 14px /* 1rem*/;
	height: 100%;
	box-sizing: border-box;
}
.app-header .navbar .nav .b-dropdown.active:not(:hover) .dropdown-toggle {
	color: var(--scheme-top-nav-txt);
	background-color: var(--scheme-top-nav-active-bg-lt);
}
.app-header .navbar * {
	outline-color: var(--scheme-top-nav-txt);
}

.app-header .navbar .nav .b-dropdown .dropdown-menu {
	border: 1px solid var(--scheme-top-nav-txt);
	border-radius: 4px /* .25rem */;
	padding: .75rem;
}

.app-header .navbar .nav .b-dropdown .dropdown-menu li a.dropdown-item {
	border-radius: 4px;
	font-size: 16px /* 1 rem */;
	line-height: 2;
	padding: 0 10px /* 0 .625rem */;
	text-decoration: none;
	color: var(--gray-600);
}

.app-header .navbar .nav .b-dropdown .dropdown-menu li a.dropdown-item:hover {
	color: var(--scheme-top-nav-active-txt);
	background-color: var(--scheme-top-nav-active-bg-dk);
	border-color: var(--scheme-top-nav-active-bg-dk);
}

.app-header .navbar .nav .b-dropdown .dropdown-menu .sub-link {
	padding: 0 16px; /* 0 1rem */
}

.app-header .navbar .nav .b-dropdown .dropdown-toggle-no-caret::after {
	display: none;
}

.app-header .navbar #nav-main .dropdown-toggle {
	padding: 6px 12px;
}

.app-header .navbar #nav-service {
	flex-grow: 1;
	justify-content: flex-end;
	flex-wrap: nowrap;
	align-items: center;
	color: var(--gray-600);
	margin: 0;
}

.app-header .navbar #nav-service li:not(:last-child) button {
	padding: 4px /*0.25rem*/;
}

.app-header .navbar #nav-service li:last-child {
	display: flex;
	align-items: center;
}

.app-header .navbar #nav-service #supportNav {
	font-size: 16px /*1rem*/;
}

.app-header .navbar #nav-service #user-settings {
	width: 68px;
	height: 100%;
	padding: 14px 16px;
}

.app-header .navbar #nav-service #user-settings .dropdown-toggle {
	min-height: 36px;
	min-width: 36px;
	max-height: 36px;
	max-width: 36px;
	border: 2px solid transparent;
	border-radius: 50%;
	padding: 0;
	font-family: 'LatoWebBold';
	font-size: 14px;
	text-transform: uppercase;
	color: var(--scheme-top-nav-txt);
	background: var(--scheme-top-nav-active-bg-lt);
	display: flex;
	justify-content: center;
	align-items: center;
}

.app-header .navbar #nav-service #user-settings .dropdown-toggle:hover,
.app-header .navbar #nav-service #user-settings .dropdown-toggle:focus  {
  	border: 2px solid var(--scheme-top-nav-txt);
}

.app-header .navbar #nav-service #user-settings .user-settings-name{
	display: flex;
	font-size: 14px;
	font-family: 'LatoWebBold';
	margin: -10px -10px 10px;
	padding: 12px 16px;
	color: var(--scheme-top-nav-txt);
	background: var(--scheme-top-nav-active-bg-lt);
	border-radius: 3px 3px 0 0;
}

.app-header .navbar #nav-service .form-inline {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	position: relative;
	margin-inline-end: 16px /*1rem*/;
	-webkit-margin-end: 16px /*1rem*/;
	font-size: 12px /*0.75rem*/;
}

.app-header .navbar #nav-service .form-inline input {
	color: inherit;
	width: 120px /*7.5rem*/;
	min-height: 28px /*calc(1.5em + .5rem + 2px)*/;
	max-height: 28px /*calc(1.5em + .5rem + 2px)*/;
	padding: 0 0 0 28px /*1.75rem*/;
}

.app-header .navbar #nav-service .form-inline input:focus {
	border: 2px solid var(--scheme-top-nav-txt);
	box-shadow: unset;
}

.app-header .navbar #nav-service .form-inline input::placeholder {
	font-style: italic;
}

.app-header .navbar #nav-service .form-inline input::-webkit-input-placeholder {
	font-style: italic;
}

.app-header .navbar #nav-service .form-inline input:-moz-placeholder {
	font-style: italic;
}

.app-header .navbar #nav-service .form-inline input::-moz-placeholder {
	font-style: italic;
}

.app-header .navbar #nav-service .form-inline input:-ms-input-placeholder {
	font-style: italic;
}

.app-header .navbar #nav-service .form-inline .icon-with-action {
	border: none;
	height: 100%;
	padding: 2px 6px /* .125rem .375rem*/;
	position: absolute;
	transition: all .5s ease;
	cursor: pointer;
	margin: 0;
	width: auto;
	overflow: visible;
	outline: none;
	background: transparent;
	color: inherit;
	font: inherit;
	line-height: normal;
	-webkit-font-smoothing: inherit;
	-moz-osx-font-smoothing: inherit;
	-webkit-appearance: none;
}

.app-header .navbar .icon-with-action {
	border: 2px solid transparent;
}

.app-header .navbar .icon-with-action,
.app-header .navbar notification-vue,
.app-header .navbar notification-vue button {
	height: 100%;
	padding: 4px /* .25rem */;
}

.app-header .navbar-brand .district-name:hover,
.app-header .navbar .nav .b-dropdown .dropdown-toggle:hover,
.app-header .navbar .icon-with-action:hover i,
.app-header .navbar .icon-with-action:hover:active i,
.app-header .navbar .icon-with-action:hover:focus i {
	color: var(--scheme-top-nav-txt);
}

.app-header .navbar .icon-with-action.menu-toggle {
	background: transparent;
	padding: 16px /*1rem*/;
}

@media (max-width: 1360px) {
	.app-header .navbar #nav-main .b-dropdown .item-name {
		font-size: 12px /*.75rem*/;
	}
}

@media (max-width: 1200px) {
	.app-header .navbar .icon-with-action {
		padding: 8px /*.5rem*/;
	}

	.app-header .navbar #nav-main .b-dropdown > .dropdown-toggle {
		padding: 8px 12px /*.5rem .75rem*/;
		font-size: 16px /*1rem*/;
	}

	.app-header .navbar #nav-main .b-dropdown > .dropdown-toggle .item-name {
		display: none;
	}
}

/* other tablink styles for Atlas pages */
.tabsUI ul li .tabLink {
	background-color: #DCDCDC;
	border: none;
	float: left;
	position: relative;
	height: 28px;
	line-height: 20px;
	font-size: 93%;
	text-decoration: none;
	margin-right: 1px;
	padding: 5px 15px;
	white-space: nowrap;
	-moz-border-top-right-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	color: #505050;
}

#schoollogoCell {
	width: 100%;
	padding: 0 10px;
}

#schoollogo {
	text-align: right;
}

#schoollogo img {
	vertical-align: middle;
	border-radius: 3px;
}

#headernavtable td.selected div.tabContainer,
#headernavtable td.selected.active div.tabContainer {
	padding-left: 6px;
	padding-right: 6px;
}

#headernavtable td.selected > div.tabContainer {
	border-radius: 0;
}


body #headernavtable td:last-child .tabLink,
body #headernavtable td:nth-last-child(2) .tabLink {
	border: none;
}

/**************************************************
Header Bar
***************************************************/
#headernavtable #atlasCommunicationsCell {
	width: 100%;
}

#headerbar #RightSideContainer {
	text-align: right;
	font-size: 14px;
}

div#CommunicationsPopover,
div#UserProfile {
	margin-left: 10px;
	color: var(--scheme-top-nav-txt);
	cursor: pointer;
}

div#CommunicationsPopover ul.SubNavOptions > li a {
	min-width: 250px;
}

div#CommunicationsPopover ul.SubNavOptions > li a img,
div#CommunicationsPopover ul.SubNavOptions > li a i {
	margin-right: 8px;
}

#headerbar #RightSideContainer #CommunicationsPopover i {
	font-size: 14px;
}

#headerbar #RightSideContainer #userprofile_caret .fa {
	font-size: 11px;
}

#headerbar #RightSideContainer .Action_Trigger {
	text-decoration: none;
	color: var(--scheme-top-nav-txt);
}

#RightSideContainer {
	position: absolute;
	top: 1em;
	right: 1em;
}

ul#ProfileMenu {
	right: 0;
	text-align: left;
}

#ProfileMenu li a .fa,
div.NotificationCenterIcon a .fa {
	font-size: 14px;
	margin: 0 5px 0 0;
}

.PopoverContent.HasArrow .PopoverBody {
	border-top-width: 10px;
}

.AkiliIcon img {
	height: 20px;
	width: 20px;
	vertical-align: middle;
}

#RightSideContainer .schoolnameheader {
	/* This is a tough call, if we do the accent color on a schema with a dark bg its dark on dark :( */
	color: var(--scheme-top-nav-txt);
	white-space: nowrap;
	font-weight: 900;
	display: block;
}

@media (max-width: 1280px) {
	#RightSideContainer {
		top: 0.25em;
	}

	#RightSideContainer .schoolnameheader {
		white-space: normal;
		word-wrap: break-word;
		max-width: 165px;
		font-size: 12px;
		right: 0;
		margin-top: 0;
	}
}

@media (max-width: 1150px
) {
	#headernavtable a.tabLink {
		max-width: 20px;
		font-size: 0;
	}

	#headernavtable td.selected div.tabContainer,
	#headernavtable td.selected.active div.tabContainer {
		padding: 70% 0;
	}

	#RightSideContainer {
		top: 1em;
	}

	#RightSideContainer .schoolnameheader {
		white-space: normal;
		word-wrap: break-word;
		max-width: initial;
		font-size: 14px;
	}
}

@media (max-width: 1350px
) {
	#headernavtable,
	#RightSideContainer {
		font-size: 10px;
	}
}

@media (min-width: 1350px
) {
	#headernavtable,
	#RightSideContainer {
		display: block;
		font-size: 12px;
	}

	#headernavtable {
		margin-top: 0px;
	}

	.schoollogoheader {
		position: relative;
	}

	.schoollogoheader .schoolnameheader {
		font-size: .8em;
		top: -26px;
		left: 20px;
	}
}
#titleContainer {
	background-color: #FFFFFF;
	margin-bottom: 16px; /* 1 rem*/
}

#PageTitleBar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
	
	border-radius: 4px 4px 0 0;
	padding: 10px 12px;
}
#PageTitleBar.rounded-bottom {
	border-radius: 4px;
}
#PageTitleBar,
#PageTitleBar h2 {
	background-color: var(--scheme-top-nav-active-bg-dk,#fff);
	color: var(--scheme-top-nav-active-txt,#000);
	margin-bottom: 0;
}

#PageTitleBar a {
	color: #0A5AB4;
}
#PageTitleBar comment-vue {
	margin-right: 8px;
}
#PageTitleBar .Action_SubNav {
	padding-bottom: 0;
}
.browserAlertMsgContainer {
	padding: 12px 15px;
	margin: 0 -15px;
}

#browserPhasingOutContainer {
	background: #FFF79A;
}

#browserUnsupportedContainer,
#javascriptDisabledContainer {
	background: #F7941E;
}

.browserAlertMsgContainer .browserLink {
	margin: 0 6px;
}

.browserAlertMsgContainer .browserLink img {
	height: 15px;
	width: 15px;
}

.browserAlertMsgContainer #DontShowAgainButton {
	float: right;
	margin: 5px;
	padding: 5px;
}

.breadcrumbs li.BreadcrumbTitle {
	color: #0A5AB4;
}

#ButtonGroup .AtlasButton {
	margin: -3px 4px -3px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#ButtonGroup .AtlasButton:hover {
	background: #DCDCDC;
}

/*******************************************************************
BOTTOM NAV, FOOTER/SIDEBAR COPYRIGHT
*******************************************************************/

#copyright a {
	color: var(--base-blue);
	font-weight: normal;
	text-decoration: none;
}

#copyright a:not(.AtlasButton):hover {
	border-bottom: 0 none;
	text-decoration: underline;
}

#SocialIcons {
	margin-top: 5px;
}

a.social_media:hover .IMAGE_SOCIAL_FACEBOOK_SPRITE {
	background-position: -16px 0px;
}

a.social_media:hover .IMAGE_SOCIAL_TWITTER_SPRITE {
	background-position: -16px -104px;
}

a.social_media:hover .IMAGE_SOCIAL_YOUTUBE_SPRITE {
	background-position: -16px -130px;
}

a.social_media:hover .IMAGE_SOCIAL_LINKEDIN_SPRITE {
	background-position: -16px -26px;
}

a.social_media:hover .IMAGE_SOCIAL_PODCAST_SPRITE {
	background-position: -16px -78px;
}

a.social_media:hover .IMAGE_SOCIAL_PINTEREST_SPRITE {
	background-position: -16px -52px;
}


/* ******************************************************************
FOOTER
****************************************************************** */
.app-footer {
	align-items: center;
	box-shadow: 0 -1px 0 #c8c8c8;
	background: #fff 0 0 no-repeat padding-box;
	display: flex;
	font-size: 10px;
	margin-top: 8px; /* .5rem; */
	min-height: 28px; /* 1.75rem; */
	padding: 8px; /* .5rem; */
	width: 100%;
}

.app-footer .logo {
	height: auto;
	margin-bottom: 2px; /* .125rem; */
	margin-right: 4px; /* .25rem; */
	vertical-align: middle;
	width: 12px; /* 0.75rem; */
}

#bottomcontainer {
	background: transparent;
	vertical-align: bottom;
}

#contentcontainer .app-footer {
	position: static;
	float: left;
	margin-top: 2em;
}

/*******************************************************************
ATLAS WRAPPING
*******************************************************************/
.AtlasWrapping {
	
                    -webkit-transition: all 0.1s ease-in-out;
                    -moz-transition: all 0.1s ease-in-out;
                    -o-transition: all 0.1s ease-in-out;
                    transition: all 0.1s ease-in-out;
                ;
}

#ExpandPageImage {
	display: inline;
}

#CollapsePageImage {
	display: none;
}

.AtlasMaximizeContent .AtlasWrapping {
	display: none;
}

.AtlasMaximizeContent .AtlasWrapping .Badge {
	display: none;
}

.PopoverContent #Atlas_UI_NotificationCenter_View_Default .NotificationCenterIcon {
	position: relative;
}

.PopoverContent #Atlas_UI_NotificationCenter_View_Default .Badge {
	left: 13px;
	top: -12px;
}

.AtlasMaximizeContent .app-header { /*AtlasWrapping override for animation*/
	top: -66px;
}

.AtlasMaximizeContent .sidebar { /*AtlasWrapping override for animation*/
	display: table-cell;
	width: 0;
	padding: 0;
}

.AtlasMaximizeContent #ExpandPageImage {
	display: none;
}

.AtlasMaximizeContent #CollapsePageImage {
	display: inline;
}

/*
******************************************************************
CONTENT
******************************************************************
*/

#page_form {
	position: relative;
	height: 100%;
	width: 100%;
}

#contentcontainer {
	background-color: #FFFFFF;
	color: #333333;
	width: 100%;
}

#content {
	zoom: 1; /* IE HasLayout */
	background-color: var(--gray-100);
	position: relative;
	min-width: 100%; /*1024-88*/
	font-size: 100%;
}
#content > .View {
	background-color: #FFFFFF;
	padding: 12px;
}


/*
******************************************************************
BREADCRUMBS
******************************************************************
*/

.breadcrumbs {
	line-height: 1.7;
}

.breadcrumbs ul {
	margin: 0;
}

.breadcrumbs ul li {
	display: inline;
	list-style-type: none;
	margin-right: 0.33em;
}

.breadcrumbs ul li a {

}

#ReportSubTitle {
	padding: 8px 12px; /* .5rem .75rem; */
}

#ReportSubTitle > div {
	display: inline-block;
	padding: 3px;
}
#ReportSubHeading a {
	color: #1A73E8;
}

#ReportSubHeading a img.ICON.DISTRICT_MASTER_SMALL_CLOSED, #ReportSubHeading a img.ICON.DISTRICT_CHILD_SMALL_CLOSED {
	margin: 0 5px;
}

/*
******************************************************************
HELP
******************************************************************
*/

#help {
	display: inline;
}

/*
******************************************************************
DISPLAY TABLES & LAZY DISPLAY TABLES

NOTE: LAZY DISPLAY TABLES WERE CREATED TO EASILY FORMAT OLD CODE, TO NEGATE THE NEED TO EXPLICITLY DEFINE EVERY TABLE CELL.
REGULAR DISPLAY TABLES SHOULD BE USED FOR ALL NEW TABLES CREATED.
******************************************************************
*/

/* Make sure views that were full width stay that way */
.FullWidth, table.FullWidth {
	width: 100%;
}

/* Also enforce full width on nested tables */
.FullWidth {
	width: 100%;
}

.WrapTable {
	margin-bottom: 2em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
	display: inline-block;
}

.displayTable tr th.displayTableHeader,
.LazyDisplayTable tr th,
.FilterControl .FilterControlContent .displayTableHeader {
	background-color: #F9F9F8;
	color: #666666;
	text-align: left;
	font-weight: bold;
	padding: 3px 8px;
}

.displayTable tr th.displayTableHeader:first-child,
.LazyDisplayTable tr th:first-child,
.FilterControl .FilterControlContent .displayTableHeader:first-child {
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	border-top-left-radius: 2px;
}

.displayTable tr th.displayTableHeader:last-child,
.LazyDisplayTable tr th:last-child,
.FilterControl .FilterControlContent .displayTableHeader:last-child {
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	border-top-right-radius: 2px;
}

.displayTable .oddRow:last-child .displayTableCell:last-child, .displayTable .evenRow:last-child .displayTableCell:last-child {
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	border-bottom-right-radius: 2px;
}

.displayTable .oddRow:first-child .displayTableCell:first-child, .displayTable .evenRow:first-child .displayTableCell:first-child {
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom-left-radius: 2px;
}

.displayTable tr th.displayTableHeader a,
.LazyDisplayTable tr th a {
	color: #666666;
}

.displayTable tr th.displayTableHeader .AtlasButton,
.LazyDisplayTable tr th .AtlasButton {
	color: #1A73E8;
	margin-left: 3px;
}

.displayTable tr th.displayTableHeader .AtlasButton:hover,
.LazyDisplayTable tr th .AtlasButton:hover {
	color: #0A5AB4;
	text-decoration: none;
}

.displayTable tr th .OrderArrow,
.LazyDisplayTable tr th .OrderArrow {
	display: none;
}

.displayTable tr th.OrderedColumn .OrderArrow,
.LazyDisplayTable tr th.OrderedColumn .OrderArrow {
	display: inline;
}

.displayTable tr th.OrderedColumn a,
.LazyDisplayTable tr th.OrderedColumn a {
	text-decoration: none;
}

.displayTable tr td.displayTableCell,
.displayTable tr td.draggableCell,
.LazyDisplayTable tr td {
	background-color: #F9F9F8;
	padding: 3px 8px;
}

.displayTable tr td.draggableCell {
	width: 20px;
	min-width: 20px;
	padding: 0;
	cursor: ns-resize;
}

.displayTable tr.oddRow td.displayTableCell,
.LazyDisplayTable tr.oddRow td,
table tr.oddRow td.draggableCell {
	background-color: #F9F9F8;
}

.displayTable tr.evenRow:first-child td.displayTableCell:first-child,
.LazyDisplayTable tr.evenRow:first-child td:first-child,
table tr.evenRow:first-child td.draggableCell {
	-webkit-border-radius: 3px 0 0 0;
	-moz-border-radius: 3px 0 0 0;
	border-radius: 3px 0 0 0;
}

.displayTable tr.evenRow:last-child td.displayTableCell:last-child,
.LazyDisplayTable tr.evenRow:last-child td:last-child,
table tr.evenRow:last-child td.draggableCell {
	-webkit-border-radius: 0 0 3px 0;
	-moz-border-radius: 0 0 3px 0;
	border-radius: 0 0 3px 0;
}

.displayTable tr.evenRow td.displayTableCell,
.LazyDisplayTable tr.evenRow td,
table tr.evenRow td.draggableCell {
	background-color: #FFFFFF;
}

tr.evenRow .displayTable tr.oddRow td.displayTableCell,
tr.evenRow .LazyDisplayTable tr.oddRow td,
tr.evenRow table tr.oddRow td.draggableCell {
	background-color: #F9F9F8; /* Nested Display Tables */
}

.displayTable tr td.OrderedColumn,
.displayTable tr.evenRow td.OrderedColumn,
.displayTable tr.oddRow td.OrderedColumn,
.LazyDisplayTable tr td.OrderedColumn,
.LazyDisplayTable tr.evenRow td.OrderedColumn,
.LazyDisplayTable tr.oddRow td.OrderedColumn {
	background-color: #DFDFDF;
	border-bottom: 1px solid #F5F5F5;
}

.displayTablePreHeader {
	padding: 3px 0 10px 0;
}

.displayTableFooter {
	padding: 3px 0px 3px 8px;
}

.displayTableFooter .UIPagingRecordsFound {
	text-align: right;
	margin-right: 30px;
}

.displayTable tr th.displayTableHeader,
.LazyDisplayTable tr th,
.FilterControl .FilterControlContent .displayTableHeader,
.x-grid-header,
.x-grid-header-ct,
.x-column-header,
.x-toolbar,
.x-datepicker-header,
.x-toolbar-default.x-docked-bottom {
	background: #C2C2C2; /* Old browsers */
	border-bottom: 1px solid #C2C2C2;
	color: #FFFFFF;
	font-family: LatoWeb, "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
}

.displayTable tr th.OrderedColumn {
	background: #808080;
}

.displayTable tr th.displayTableHeader a, .LazyDisplayTable tr th a {
	color: #FFFFFF;
	text-decoration: none;
}

.displayTable tr th.displayTableHeader a:not(.AtlasButton):hover,
.LazyDisplayTable tr th a:not(.AtlasButton):hover {
	text-decoration: underline;
}

.displayTable .DrilldownIndicator {
	float: left;
}

.displayTableCell a img.IMAGE_LOCK_CLOSED_SMALL,
.displayTableCell a img.IMAGE_LOCK_OPEN_SMALL,
.displayTableCell a img.IMAGE_DISTRICT_MASTER_SMALL,
.displayTableCell a img.IMAGE_DISTRICT_CHILD_SMALL {
	display: none;
}

.DistrictLockicon .displayTableCell a img.IMAGE_DISTRICT_MASTER_SMALL,
.DistrictLockicon .displayTableCell a img.IMAGE_DISTRICT_CHILD_SMALL,
.DistrictLockicon .displayTableCell a img.IMAGE_DISTRICT_MASTER_SMALL_CLOSED,
.DistrictLockicon .displayTableCell a img.IMAGE_DISTRICT_CHILD_SMALL_CLOSED {
	position: absolute;
	margin-left: -20px;
	vertical-align: top;
}

/* Admin Table styles : */
.admintable {
	width: 100%;
	margin-bottom: 10px;
}

.adminDisplayTableCell, .adminDisplayTableCell td {
	background-color: #FFFFFF;
	padding: 5px;
}

/** Sort by **/
.Sortable span > a {
	text-decoration: none;
}

.Sortable span > a.AtlasButton {
	padding: 9px 6px;
	margin-left: 4px;
	line-height: 12px;
}

.flex-table {
	display: flex;
	flex-direction: column;
}

.flex-table .table-row {
	display: flex;
}

.flex-table.striped .table-row:nth-of-type(2n+1) {
	background-color: #FFFFFF;
}

.flex-table .table-cell {
	padding: 3px 8px;
}

.expandable {
	cursor: pointer;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.expandable.expanded {
	white-space: normal;
	-webkit-line-clamp: inherit;
	overflow: auto;
}

/*
******************************************************************
PAGING
******************************************************************
*/
.UIPagingLinks {
	font-size: 85%;
	margin-top: 5px;
	overflow: hidden;
}

.UIPagingLinks a,
.UIPagingLinks .UIPagingResults,
.UIPagingLinks .UIPagingCurrentPage,
.UIPagingLinks .UIPagingSpan {
	border: 1px solid transparent;
	display: block;
	float: left;
	padding: 2px;
	text-align: center;
	margin-right: 5px;
	text-decoration: none;
	min-width: 24px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.UIPagingLinks a {
	width: 20px;
	background-color: #FFFFFF;
	border: 1px solid #ECF3FC;
	color: #1A73E8;
}

.UIPagingLinks a:hover {
	background-color: #ECF3FC;
}

.UIPagingLinks .UIPagingButtonPrev,
.UIPagingLinks .UIPagingButtonNext {

}

.UIPagingLinks .UIPagingResults {
	font-weight: bold;
}

.UIPagingLinks .UIPagingCurrentPage,
.UIPagingLinks .UIPagingSpan {
	background-image: none;
	background-color: #1A73E8;
	color: #FFFFFF;
}

/*
******************************************************************
FILTER CONTROLS
******************************************************************
*/
.FilterControl {
	background-color: #F5F5F5;;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-top: 0;
}

.FilterControl, .InfoLinks {
	margin-right: 15px;
}

.FilterControl .FilterControlContent, .InfoLinks .InfoLinksContent {
	width: 250px;
	padding-bottom: 15px;
}

.FilterControl .FilterControlContent table {
	width: 100%;
}

.FilterControl .FilterControlContent table td {
	background-color: transparent;
	padding: 10px;
	vertical-align: middle;
}

.FilterControl .FilterControlContent table td.FilterCell,
.FilterControl .FilterControlContent div.FilterCell {
	padding: 4px 13px 2px 13px;
}

.FilterControl .FilterControlContent .AtlasButton {
	margin: 4px 1px;
}

.FilterControl .FilterControlContent table select {
	width: 224px;
}

.FilterControl .FilterControlContent table .textInput {
	width: 224px;
}

.FilterControl .FilterControlContent table input.CalendarInput {
	width: 74px;
	padding: 1px 0;
}

.FilterControl .FilterControlContent table .x-form-item {
	margin: 0;
}

.FilterControl .FilterControlContent .StandardsSelectionList {
	margin-bottom: 6px;
}

.FilterControl .FilterControlContent .ControlHeader.NoTopBorder {
	border-top: 0;
}

.FilterControl .FilterControlContent .ControlHeader {
	padding: 8px 10px;
	vertical-align: middle;
	font-family: LatoWeb, "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.067em;
	background-color: #DCDCDC; /* Old browsers */
	color: #0A5AB4;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.DateBorder input.x-form-field {
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.x-ie8 .DateBorder input.x-form-field {
	width: 183px !important;
}

.UI_Field_Combo {
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.NoAppendedSelect .UI_Field_Combo {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*
******************************************************************
FILTER FIELDSETS
******************************************************************
*/
.FilterFieldSet {
	background-color: #DCDCDC;
	zoom: 1;
	position: relative;
	padding: 20px 10px 10px 10px;
	margin: 20px 0 10px 0;
	
                    border-radius: 3px;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                ;
	
                    -webkit-transition: all 0.1s ease-in-out;
                    -moz-transition: all 0.1s ease-in-out;
                    -o-transition: all 0.1s ease-in-out;
                    transition: all 0.1s ease-in-out;
                ;
}

.FilterFieldSet td,
.yui-panel .bd .FilterFieldSet td {
	background-color: #DCDCDC;
	padding-bottom: 4px;
}

.FilterFieldSet .FilterLegend {
	background-color: #FFFFFF;
	border: 1px solid #ECF3FC;
	color: #1A73E8;
	position: absolute;
	top: -10px;
	font-size: 85%;
	white-space: nowrap;
	padding: 2px 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*
******************************************************************
TINYMCE
******************************************************************
*/
.defaultSkin .mceToolbar,
.defaultSkin .mceToolbar td {
	background-color: #DCDCDC;
}

.defaultSkin .mceButton {
	border-color: #DCDCDC;
}

.defaultSkin a.mceButtonEnabled:hover {
	border-color: #0A246A; /* via default/ui.css */
}

/*
******************************************************************
EVALUATIONS
******************************************************************
*/
table#QualitativeTable td {
	background: transparent;
}

/*
******************************************************************
EMAIL FORM
******************************************************************
*/
#EmailFormWrapper {
	width: 100%;
}

#EmailFormTable {
	width: 100%;
}

#EmailFormTable td {
	padding: 3px;
}

#EmailFormTable td.LabelCell {
	width: 10%;
}

#EmailFormTable td input {
	width: 100%;
}

#EmailFormTable td textarea {
	width: 100%;
	overflow: auto;
}

/*
******************************************************************
Atlas Updates
******************************************************************
 */
#AtlasUpdatesContainer ul li {
	list-style: inherit;
}

.PortalModalVideoContainer .header,
#ShowMeMore .header {
	font-size: 197%;
	font-weight: bold;
	text-align: center;
}

.PortalModalVideoContainer .center,
.PortalModalSplashContainer .center {
	text-align: center;
}

.PortalModalSplashContainer .center ul,
.PortalModalSplashContainer .center ul li {
	text-align: left;
}

.PortalModalVideoContainer .bold,
#ShowMeMore .bold {
	font-weight: bold;
}

.PortalModalVideoContainer .underline,
#ShowMeMore .underline {
	text-decoration: underline;
}

.PortalModalVideoContainer div,
#ShowMeMore div {
	margin-bottom: 15px;
}

.PortalModalVideoContainer .video,
.PortalModalVideoContainer .buttons,
.PortalModalSplashContainer .splash,
.PortalModalSplashContainer .buttons {
	margin-left: auto;
	margin-right: auto;
}

.PortalModalVideoContainer .video,
.PortalModalSplashContainer .splash {
	height: 365px;
}

.PortalModalSplashContainer .splash img {
	height: 360px;
	width: 480px;
}

/*
******************************************************************
SIDE TAB TABLES
******************************************************************
*/
.SideTabTable {
	border-collapse: separate;
	width: 100%;
}

.SideTabTable tr td.ContentContainer {
	background-color: #FFFFFF;
	padding-top: 6px;
	padding-left: 20px;
}

.SideTabTable tr td.ContentContainer ul {
	margin-top: 6px;
}

.SideTabTable td.TabContainer {
	width: 250px;
	vertical-align: top;
}

.SideTabContainer {
	width: 250px;
	border-width: 1px 1px 0 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #F9F9F8;
}

.SideTabContainer .SideTab {
	font-family: LatoWeb, "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.067em;
	color: #333333;
	background-color: #F9F9F8;
}

.SideTabContainer .SideTab:first-child {
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.SideTabContainer .SideTab:last-child {
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}

.SideTabContainer .SideTab:only-child {
	
                    border-radius: 3px;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                }

.SideTabContainer .SelectedTab {
	background-color: #DCDCDC;
	color: #0A5AB4;
}

.SideTabContainer .SideTab a {
	display: block;
	padding: 8px 10px;
	text-decoration: none;
}

.SideTabContainer .SideTab ul {
	margin-top: 0;
}

.SideTabContainer .SideTab ul a {
	padding: 0;
}

.SideTabContainer .SideTab a:hover,
.SideTabContainer .SideTab:hover a {
	color: #0A5AB4;
	text-shadow: none;
}

.SideTabContainer .SelectedTab a {
	text-decoration: none;
	color: #0A5AB4;
}

.SideTabContainer .SelectedTab a:hover {
	color: #1A73E8;
}


/*
******************************************************************
MAP SELECTOR
******************************************************************
*/

#AtlasMapSelector {

}

#AtlasMapSelector table {
	width: 100%;
}

#AtlasMapSelector table td {
	vertical-align: top;
}

#AtlasMapSelector table td.MapFiltersCell {
	width: 10%;
}

#AtlasMapSelectorMapList {
	zoom: 1; /* IE HasLayout */
	position: relative;
}

#AtlasMapSelectorMapList table th {
	font-weight: normal;
}

#AtlasMapSelectorMapList table th #OrderBy {
	width: auto;
}

#AtlasMapSelectorMapList table td.MapSelectorCheckboxCell {
	padding: 5px 0 3px 8px;
}

.checkContainer {
	text-align: center;
}

/*
******************************************************************
Going Down For Maintenace
******************************************************************
 */

.goingDownForMaintenance {
	font-weight: normal;
	padding: 28px 0;
	font-size: 1.1em;
}

.goingDownForMaintenance img {
	position: relative;
	top: 3px;
	margin: 0 5px;
}

/**
 * Link table definitions
 */

table.LinkTable {
	width: 100%;
	clear: both;
}

table.LinkTable td#Left,
table.LinkTable td#Right {
	width: 48%;
}

table.LinkTable td.LinkCell {
	vertical-align: top;
	width: 50%;
}

/**
 * Remove the margin-right. Used on AtlasButtons that are right aligned, that are the right most button
 */
.LastRight {
	margin-right: 0px;
}


.cke_dialog_background_cover {
	background-color: black;
}

ul.x-menu-list {
	margin: inherit;
}

.ext-ie6 .x-menu-item-icon {
	/** EXTJS is incorrect identifying IE9 as IE6, this will set the property correctly in IE9... **/
	left: 3px;
}

/* ExtJS4 Select List */
.list-ct ul {
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	margin-right: 0;
}

.list-ct ul li {
	list-style-type: none;
	width: 100%;
	padding-right: 13px;
}

/* Line height switch is causing an odd jump when the field is focused */
.x-webkit .x-form-empty-field {
	line-height: inherit;
}

.UI_Wizard h2 {
	border-bottom: 1px solid;
}

.UI_Wizard h2 span {
	font-size: 9px;
	margin-top: 6px;
}

.UI_Wizard .AtlasButtonWrapper {
	margin-top: 10px;
}

.ProgressBarWrapper {
	border: 1px solid #ECF3FC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	margin: 5px 0 5px;
}

.ProgressBarWrapper .ProgressBar {
	height: 15px;
	background-color: #0A5AB4;
	-webkit-transition: width 1000ms linear;
	-moz-transition: width 1000ms linear;
	-ms-transition: width 1000ms linear;
	-o-transition: width 1000ms linear;
	transition: width 1000ms linear;
}

.UploadProgress {
	position: relative;
}

.UploadProgress .Loading {
	height: 37px;
}

.UploadProgress .Loading .Spinner img {
	height: 21px;
	width: 21px;
}

.InstantFileUpload_ProgressBarControl .UploadProgress {
	width: 91%;
}

.ControlCell .InstantFileUpload_ProgressBarControl {
	margin-top: 8px;
}

.InstantFileUpload_ProgressBarControl .Action_CancelUpload {
	margin-left: 2px;
}

.Action_InstantFileUpload {
	width: 400px;
	padding: 0 12px;
}

.ControlCell .Action_InstantFileUpload {
	width: 269px;
	padding: 0;
}

.EditItemTable .ControlCell .Action_InstantFileUpload {
	width: 100%;
}

.InputHelperCell {
	padding: 0 4px;
}

.InputHelper {
	color: #0A5AB4;
	display: block;
	margin-top: -5px;
}

.EditItemTable .InputHelper {
	margin-left: 99px;
}

#Atlas_View_LoadingPanel {
	display: block;
}

body.masked div.mask {
	display: block;
	z-index: 9989;
	position: fixed;
	top: 0;
	left: 0;
	height: 4096px;
}

#Atlas_View_LoadingPanel #LoadingModalForm_c {
	z-index: 9990;
	visibility: visible;
	margin: auto;
	margin-top: 330px;
	padding: 0;
	width: 100%;
}

#Atlas_View_LoadingPanel #LoadingModalForm_c #LoadingModalForm {
	visibility: visible;
	width: 100px;
	margin: 0 auto;
}

/* D+D Control */

.x-dd-drag-proxy {
	max-width: 500px;
	max-height: 200px;
	overflow: hidden;
}

/* WordCloud */
/* svg specific styles, wont work on other elements */
.UI_WordCloudDelegate text {
	cursor: pointer;
}

.UI_WordCloudDelegate text:hover {
	fill-opacity: .75;
}

/* Latex */
.LatexPng {
	vertical-align: middle;
}

/* Drop proxy for d&d control */
/* Positioned on top of a widget during a D+D operation */
/*********************************************
Drag and Drop Background
**********************************************/
.DropProxy {
	display: none;
	background-color: #F5F5F5;
	border: 1px dotted #666666;
	margin-bottom: 16px;
	
                    border-radius: 3px;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                ;
	
                    -webkit-transition: all 0.1s ease-in-out;
                    -moz-transition: all 0.1s ease-in-out;
                    -o-transition: all 0.1s ease-in-out;
                    transition: all 0.1s ease-in-out;
                ;
}

#InlineReport .WrapperTable {
	width: 100%;
}

#InlineReport .ReportDisplayTable {
	width: 100%;
}

#ButtonGroup {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#ButtonGroup .Action_SubNav i.fa {
	font-size: 11px;
}

#ButtonGroup .SubNavContainer ul.SubNavOptions {
	margin-top: 4px;
	right: 14px;
	min-width: 141px;
	background: transparent;
	border: 0 none;
	border-radius: 0 6px 6px 6px;
}

#ButtonGroup .SubNavContainer:hover ul.SubNavOptions {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;

}

#ButtonGroup .SubNavContainer:hover .AtlasButton,
#ButtonGroup .SubNavContainer.active.touch .AtlasButton {
	margin-bottom: -5px;
	padding-bottom: 5px;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	background: #F0F0F0;
	box-shadow: none;
}


/* On iPad pretend to maintain 'focus' of action menu while the SubNav is open */
#ButtonGroup .SubNavContainer.touch:not(.active) .AtlasButton {
	border-radius: 3px;
	background-color: #DCDCDC;
	background: #DCDCDC;
}

#ButtonGroup a {
	color: #333333;
	text-decoration: none;
	vertical-align: middle;
}

#ButtonGroup ul.SubNavOptions > li {
	background: #ECF3FC;
}

#ButtonGroup ul.SubNavOptions li a {
	color: #333333;
}

#ButtonGroup ul.SubNavOptions > li:hover {
	background-color: #DCDCDC;
}

#ButtonGroup .ReportOption {
	padding: 5px;
	white-space: nowrap;
	display: block;
}

#ButtonGroup .ReportOption img {
	vertical-align: middle;
}

#ButtonGroup .SeparatorOption {
	margin: 0px;
	color: #F9F9F8;
}

/********************************************************************
*   Comments
********************************************************************/
#CommentModalForm {
	width: 450px;
}

#CommentModalForm textarea,
#CommentModalForm input,
#CommentModalForm select {
	width: 100%;
}

#CommentModalForm .label {
	float: left;
}

#CommentModalForm .InputSelectSpan {
	display: block;
	overflow: hidden;
}

.Atlas_Comment {
	position: relative;
	margin-bottom: 10px;
}

.Atlas_Comment .User,
.Atlas_Comment .Timestamp {
	font-weight: bold;
}

.Atlas_Comment .Timestamp {
	margin-right: 20px;
}

.Atlas_Comment .RootName {
	font-size: 85%;
	font-style: italic;
}

.Atlas_Comment .Action_DeleteComment {
	position: absolute;
	top: 0px;
	right: 0px;
}

/* Unit Importer */
#DataSelector {
	display: none;
	border: 1px solid #000;
	border-radius: 3px;
	background-color: #FFFFFF;
	padding: 5px;
	width: 190px;
	position: absolute;
	z-index: 100;
	color: #333;
}

.NotesDisplayTable {
	width: 100%;
}

.NotesDisplayTable tr.evenRow td.displayTableCell {
	background-color: #FEF7D2; /*Post-it color*/
}

.NotesDisplayTable tr.oddRow td.displayTableCell {
	background-color: #FFFBE6; /*Post-it color*/
}

#UnitNotesEditForm .bd {
	background-color: #FCF0AD; /*Post-it color*/
}

#UnitNotesEditForm #MasterCategoryID {
	margin-bottom: 5px;
}

.AtlasButton.ShowComments {
	position: absolute;
	right: 15px;
	top: 9px;
}

/* end Notes section */

.MapComboSelectedMap .SelectedMapDisplay {
	margin-bottom: 5px;
	padding-left: 4px;
}

#NotificationCenterPopoverDelegate {
	position: absolute;
	z-index: 9500;
	opacity: 0;
	padding: 12px;
	-webkit-transition: opacity 0.1s ease-in-out;
	-moz-transition: opacity 0.1s ease-in-out;
	-o-transition: opacity 0.1s ease-in-out;
	transition: opacity 0.1s ease-in-out;
}

#NotificationCenterPopoverDelegate.ToggleVisibilityTransition {
	opacity: 1;
}

#NotificationCenterPopoverDelegate.PopoverAtCommunications,
#NotificationCenterPopoverDelegate.PopoverAtActivity,
#NotificationCenterPopoverDelegate.PopoverAtSchool,
#NotificationCenterPopoverDelegate.PopoverAtRubicon {
	left: 96px;
	top: 96px;
}

#NotificationCenterPopoverDelegate.arrow_box:before,
#NotificationCenterPopoverDelegate.arrow_box:after {
	top: 48px;
}

#NotificationCenterPopoverDelegate.PopoverAtSchool.arrow_box:before {
	top: 60%;
}

#NotificationCenterPopoverDelegate.PopoverAtSchool.arrow_box:after {
	top: 60%;
}

.arrow_box {
	position: relative;
	background-color: #DCDCDC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0px 0px 0px 1px #ECF3FC;
}

.arrow_box:after,
.arrow_box:before {
	left: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

/* Shai: The css properties for border color have been modified in order to facilitate PHP-free Right-to-Left CSS code inheritence */
.arrow_box:after {
	border-color: #DCDCDC;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	border-width: 15px;
	top: 50%;
	margin-top: -15px;
}

.arrow_box:before {
	border-color: #ECF3FC;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	border-width: 17px;
	top: 50%;
	margin-top: -17px;
}

#NotificationCenterPopoverContentWrapper {
	background-color: #FFFFFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	overflow-y: auto;
	height: 300px;
	width: 572px;
}

#NotificationCenterPopoverContentWrapper.TestDrive {
	overflow: hidden;
	overflow-y: hidden;
}

#NotificationCenterPopoverContentWrapper.TestDrive img {
	position: relative;
	top: -3px;
	left: -6px;
}

#NotificationCenterPopoverTitle div.NotificationCenterPopoverTitleDiv {
	text-align: center;
	margin-bottom: 12px;
	font-size: 115%;
	color: #0A5AB4;
	font-family: LatoWebBold, "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 0.067em;
}

#NotificationCenterPopoverTitle div.NotificationCenterPopoverTitleDiv a {
	text-decoration: none;
}

#NotificationCenterPopoverTitle div#SchoolMessageLink,
#NotificationCenterPopoverTitle div#RubiconMessageLink {
	font-size: 85%;
	position: absolute;
	top: 4px;
}

#NotificationList .Message {
	overflow-x: hidden;
}

#NotificationList .Attachments img {
	max-width: 100%;
	height: auto;
}

#RubiconMessageLink,
#SchoolMessageLink,
#NotificationCenterPopoverTitle div#RubiconMessageLink,
#NotificationCenterPopoverTitle div#SchoolMessageLink {
	margin-top: 10px;
}

#RubiconMessageLink a,
#SchoolMessageLink a {
	text-decoration: none;
	background-color: #FFFFFF;
	padding: 3px 6px;
	
                    border-radius: 3px;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                ;
	
                    -webkit-transition: all 0.1s ease-in-out;
                    -moz-transition: all 0.1s ease-in-out;
                    -o-transition: all 0.1s ease-in-out;
                    transition: all 0.1s ease-in-out;
                ;
}

#RubiconMessageLink a:hover,
#SchoolMessageLink a:hover {
	background: #0A5AB4;
	color: #FFFFFF;
}

.AtlasCommunicationsHub #FiltersCell {
	padding-right: 15px;
}

#TestDriveFiltersMask {
	background-color: #FFFFFF;
	height: 500px;
	left: 15px;
	opacity: 0.6;
	position: absolute;
	top: 90px;
	width: 252px;
}

#TestDriveDelegate {
	height: 0;
	display: none;
}

#TestDriveFiltersMask:hover {
	opacity: 0.3;
}

#TestDriveActivitySample {
	left: 270px;
	position: absolute;
	top: 85px;
}

.SharewareModalImage {
	margin-top: 10px;
	max-width: 100%;
	height: auto;
	position: relative;
}

.AtlasCommunicationsHub #SentModeTabs {
	margin-bottom: 0px;
	border-bottom: none;
	width: 250px;
}

.AtlasCommunicationsHub .WrapTableCommunications {
	border: 2px solid #ECF3FC;
}

div.CommHeader ~ div.WrapTableCommunications {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

div.tabsUI ~ div.WrapTableCommunications {
	-webkit-border-radius: 0 3px 3px 3px;
	-moz-border-radius: 0 3px 3px 3px;
	border-radius: 0 3px 3px 3px;
}

.AtlasCommunicationsHub #Filters {
	width: 250px;
}

.AtlasCommunicationsHub #Filters td {
	background-color: #F5F5F5;
}

div.tabsUI + div.WrapTableCommunications > #Filters tr:first-child td {
	-webkit-border-radius: 0 3px 0 0;
	-moz-border-radius: 0 3px 0 0;
	border-radius: 0 3px 0 0;
}

.AtlasCommunicationsHub #Filters tr:first-child td {
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.AtlasCommunicationsHub #Filters tr:last-child td:first-child {
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
}

.AtlasCommunicationsHub #Filters tr:last-child td:last-child {
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
}

.AtlasCommunicationsHub #Filters td.CommMode a {
	display: block;
	padding: 8px;
	text-decoration: none;
	font-weight: normal;
	color: #333333;
	border-bottom: 1px solid #DCDCDC;
}

.AtlasCommunicationsHub #Filters td.SelectedCommMode a {
	font-weight: bold;
	background-color: #ECF3FC;
	border-color: #ECF3FC;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

div.tabsUI ~ div.WrapTableCommunications > #Filters tr:first-child td.SelectedCommMode a {
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.AtlasCommunicationsHub #Filters td.CommMode a:active {
	background-color: #F9F9F8;
}

.AtlasCommunicationsHub #Filters td.CommMode a:hover {
	color: #0A5AB4;
	border-color: #ECF3FC;
}

.AtlasCommunicationsHub #KeywordRow td {
	padding: 12px 8px;
}

.AtlasCommunicationsHub #KeywordRow td.InputCell {
	padding-right: 0;
}

.AtlasCommunicationsHub #KeywordRow td input {
	width: 100%;
}

.AtlasCommunicationsHub .CommHeader {
	height: 28px; /*pulled from ui tabs*/
	line-height: 28px;
}

.AtlasCommunicationsHub .CommHeader h2 {
	margin: 0;
}

.AtlasCommunicationsHub .CommHeader select {
	float: right;
	margin-top: 4px;
}

.AtlasCommunicationsHub .CommWrapper {
	background-color: #DCDCDC;
	border: 1px solid #ECF3FC;
	padding: 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.AtlasCommunicationsHub .CommDisplayTable {
	border: 0 none;
}

.AtlasCommunicationsHub .CommDisplayTable tr td.displayTableCell {
	background-color: #DCDCDC;
	padding: 0;
}

.AtlasCommunicationsHub .CommDisplayTable tr td.displayTableCell .Container {
	min-width: 400px;
	background-color: #FFFFFF;
	padding: 15px 8px 3px;
	box-shadow: 0 0 2px #808080;
	position: relative;
}

.AtlasCommunicationsHub .CommDisplayTable tr.oddRow td.displayTableCell .Container {
	background-color: #F9F9F8;
}

.AtlasCommunicationsHub .CommDisplayTable .Timestamp {
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 80%;
}

.AtlasCommunicationsHub .CommDisplayTable .Content {
	margin-top: 0.5em;
}

#PrintContent,
.PrintOnlyContent {
	display: none;
}

.Attachments {
	position: relative;
}

.Attachments img {
	max-width: 100%;
	height: auto;
}

.Attachments img.ICON, img.ICON.LinkWithIcon {
	position: absolute;
	margin-top: 0px;
	vertical-align: middle;
}

.ICON.LinkWithIcon ~ .LinkName {
	margin-left: 24px;
	display: inline-block;
}

#UI_Attachments_View_EditForm {
	display: inline-block;
}

.AttachmentsView {
	margin: 6px 6px 0;
}

#EditContainer .AttachmentsView {
	margin: 6px 0 0;
}

.AttachmentsDelegate {
	width: 100%;
	position: relative;
	border: 2px solid transparent;
}

.yui-panel .bd .AttachmentsDelegate td {
	background-color: #FFFFFF;
}

.AttachmentEditButtons {
	height: 180px;
	width: 360px;
}

.AttachmentEditButtons h2 {
	margin-bottom: 0.5em;
}

.AttachmentEditButtons a {
	display: inline-block;
	border: 2px solid transparent;
	vertical-align: top;
	padding: 4px;
	margin: 1%;
	width: 48%;
}

.AttachmentEditButtons.DisplayBlockButtons a {
	display: block;
	width: 100%;
}

.AttachmentEditButtons.DragOver .DragDropTarget {
	border: 2px dashed #C2C2C2;
	-webkit-box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, .08);
	box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, .08);
}

.AttachmentEditButtons .DragDropTarget.DragOver {
	border: 2px dashed #666666;
	-webkit-box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, .2);
	box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, .2);
}

.AttachmentEditButtons a i,
.AttachmentEditButtons a img {
	margin-right: 6px;
}

.AttachmentsDelegate .PopoverTrigger {
	font-family: LatoWeb, "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
	font-weight: 200;
}

.AttachmentsDelegate .PopoverTrigger img {
	margin-right: 2px;
}

.AttachmentsDelegate.Editing .Popover {
	-moz-opacity: 0.40;
	opacity: 0.40;
	/* IE8 - remove when we stop supporting it for real*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=40);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}

.AttachmentsDelegate.Editing .Popover a {
	cursor: not-allowed;
}

.AttachmentsDelegate .AttachmentRow {
	position: relative;
	padding: 6px 8px;
}

.AttachmentsDelegate .AttachmentRow {
	background-color: transparent;
}

.AttachmentsDelegate .AttachmentRow:hover {
	background-color: rgba(0, 0, 0, 0.04);
}

.AttachmentsDelegate .AttachmentRow.EditForm {
	background-color: #FFFFFF;
	-moz-box-shadow: inset 0 0 2px #C2C2C2;
	-webkit-box-shadow: inset 0 0 2px #C2C2C2;
	box-shadow: inset 0 0 2px #C2C2C2;
}

.AttachmentsDelegate .LockedArrowIcon {
	float: left;
}

.AttachmentsDelegate .AttachmentsDisplay {
	margin-top: 8px;
}

.AttachmentsDisplay .LabelCell {
	width: 100px;
}

.AttachmentsDelegate .AttachmentsMessage {
	visibility: hidden;
	display: block;
	position: absolute;
	font-size: 22px;
	color: #999999;
	text-align: center;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 30px;
}

.DragOver .AttachmentsDelegate,
.AttachmentsDelegate.DragOver {
	border: 2px dashed #C2C2C2;
	-webkit-box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, .08);
	box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, .08);
}

.DragOver .AttachmentsDelegate .AttachmentsDisplay,
.AttachmentsDelegate.DragOver .AttachmentsDisplay {
	-moz-opacity: 0.20;
	opacity: 0.20;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=20);
}

.DragOver .AttachmentsDelegate .AttachmentsMessage,
.AttachmentsDelegate.DragOver .AttachmentsMessage {
	visibility: visible;
}

.AttachmentsDelegate.DragOver,
.AttachmentsDelegate .AtlasButton.DragOver {
	border-color: #666666;
	-webkit-box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, .2);
	box-shadow: inset 0 0 10px 5px rgba(0, 0, 0, .2);
}

.AttachmentsDelegate.DragOver .AttachmentsMessage {
	color: #666666;
}

.AttachmentsDelegate .Handle {
	position: absolute;
	top: 1px;
	left: 0;
	display: block;
	width: 30px;
	cursor: ns-resize;
	background: url("/common_images/1px/blank.gif");
}

.AttachmentsDelegate .Grabber {
	background: url("/common_images/draganddrop_805.png") no-repeat 0 0;
	display: block;
	height: 24px;
	width: 15px;
}

.AttachmentsDelegate .AttachmentIcon,
.EditUnit #UnitMapContainer .AttachmentsDelegate .AttachmentIcon {
	position: absolute;
	left: 16px;
	top: 5px;
	-webkit-transition: left 0.3s ease-in-out;
	-moz-transition: left 0.3s ease-in-out;
	-o-transition: left 0.3s ease-in-out;
	transition: left 0.3s ease-in-out;
}

.AttachmentsDelegate .AttachmentLink,
.EditUnit #UnitMapContainer .AttachmentsDelegate .AttachmentLink {
	display: block;
	padding: 0 60px 0 30px;
	word-wrap: break-word;
}

.LockedAttachment .AttachmentLink,
.EditUnit #UnitMapContainer .AttachmentsDelegate .LockedAttachment .AttachmentLink {
	padding: 0 60px 0 48px;
}

.AttachmentsDelegate .AttachmentLink img {
	max-width: 100%;
	height: auto;
}

.AttachmentRow .FileName {
	word-wrap: break-word;
}

.AttachmentsDelegate .Actions {
	float: right;
}

.AttachmentsDelegate .Actions a {
	display: inline-block;
	margin: -4px -4px -4px 6px;
	padding: 4px;
}

.AttachmentsDelegate .EditControl {
	visibility: visible;
}

.AttachmentsDelegate .AttachmentRow.LockedAttachment .EditControl a,
.AttachmentRow.oneDriveItem.DisabledOnPublic .EditControl a.Action_EditAttachment,
.AttachmentRow.googleDriveItem.DisabledOnPublic .EditControl a.Action_EditAttachment {
	display: none;
}

#Atlas_UI_OneDrivePicker_View_Delegate {
	height: inherit;
}

#Atlas_UI_OneDrivePicker_View_Delegate a {
	border: none;
	padding: 0;
	margin: 5px 0 0 6px;
}

.AttachmentEditButtons .AttachOneDriveItem {
	cursor: wait;
}

.AttachmentsDelegate.Editing .EditControl {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.AttachmentsDelegate.Editing .AttachmentIcon,
#UnitMapContainer .AttachmentsDelegate .AttachmentIcon,
.EditUnit #UnitMapContainer .AttachmentsDelegate.Editing .AttachmentIcon {
	left: 6px;
}

.AttachmentsDelegate.Editing .AttachmentLink,
#UnitMapContainer .AttachmentsDelegate .AttachmentLink,
.EditUnit #UnitMapContainer .AttachmentsDelegate.Editing .AttachmentLink {
	padding-left: 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.AttachmentsDelegate .EditForm {
	padding: 8px;
}

.AttachmentsDelegate .EditForm table {
	width: 100%;
}

.AttachmentsDelegate .EditForm .textInput {
	width: 267px;
}

.AttachmentsDelegate .EditForm td {
	padding: 4px;
}

.AttachmentsDelegate .EditForm td.LabelCell {
	min-width: 0;
}

.AttachmentsDelegate .EditForm .UI_Field_Radio .VisibleButtonWrapper {
	margin: 0px 4px 4px 0px;
}

.AttachmentsDelegate .Action_DeleteExistingFile {
	display: none;
}
/**
 Google picker styles
 */
.picker-dialog-bg {
	z-index: 1060 !important;
}
.picker-dialog {
	z-index: 1070 !important;
}
body.masked .picker-dialog-bg {
	z-index: 10060 !important;
}
body.masked .picker-dialog {
	z-index: 10070 !important;
}
.FillWidth {
	width: 100%;
}

/*
* Test Drive Shareware Modal
*/
#SharewareModalWrapper {
	position: fixed;
	width: 100%;
	top: 10px;
	left: 0px;
	height: 1px;
	overflow: visible;
	opacity: 0;
	z-index: 999999;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.SharewareModal {
	box-shadow: 0px 0px 4px #666666;
	width: 750px;
	position: relative;
	margin: 0 auto;
	background-color: #FFFFFF;
	text-align: center;
	z-index: 999999;
	padding: 25px 10px;
	border-radius: 4px;
	-webkit-transition: all 200ms cubic-bezier(0.495, 0.025, 0.630, 1); /* older webkit */
	-webkit-transition: all 200ms cubic-bezier(0.495, 0.025, 0.630, 1.620);
	-moz-transition: all 200ms cubic-bezier(0.495, 0.025, 0.630, 1.620);
	-ms-transition: all 200ms cubic-bezier(0.495, 0.025, 0.630, 1.620);
	-o-transition: all 200ms cubic-bezier(0.495, 0.025, 0.630, 1.620);
	transition: all 200ms cubic-bezier(0.495, 0.025, 0.630, 1.620); /* custom */
}

#SharewareModalWrapper.Visible {
	opacity: 1;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.SharewareModalClose {
	position: absolute;
	top: 3px;
	right: 3px;
	height: 18px;
	width: 18px;
	background: url('https://wayneresa-public.rubiconatlas.org/common_images/icons/2017/close.png?v=Atlas9.6.1.1090') no-repeat scroll 50% 1px;
}

.SharewareModal.Bounce {
	margin-top: 5px;
	-webkit-transition: all 200ms cubic-bezier(0.495, 0.025, 0.630, 1); /* older webkit */
	-webkit-transition: all 200ms cubic-bezier(0.495, 0.025, 0.630, 1.620);
	-moz-transition: all 200ms cubic-bezier(0.495, 0.025, 0.630, 1.620);
	-ms-transition: all 200ms cubic-bezier(0.495, 0.025, 0.630, 1.620);
	-o-transition: all 200ms cubic-bezier(0.495, 0.025, 0.630, 1.620);
	transition: all 200ms cubic-bezier(0.495, 0.025, 0.630, 1.620); /* custom */
}

/*
*   Share Item modals
*/
#ShareItemModal td.LabelCell {
	vertical-align: middle;
	text-align: left;
	min-width: 50px;
}

#ShareItemModal .ReportShareSubHeaderText {
	color: #974A27;
	margin-botom: 10px;
}

#ShareItemModal #NumUsersReportIsSharedWith {
	text-decoration: underline;
}

#ShareItemModal #PinReportRow td {
	padding: 10px 0;
}

/*
*  Consent Form CSS
*/
.LoginTable.PleaseSign {
	width: 400px;
}

.LoginTable .FormVerbiage {
	resize: none;
	overflow-y: scroll;
	padding: 0;
	width: 100%;
	color: #000000;
	border: 1px solid #C2C2C2;
	border-radius: 3px;
}

span.AttributeTag {
	color: #333333;
	margin: 0 4px;
	font-size: 85%;
}

.LTIEmbeddedView {
	margin-top: 30px;
}

.LTIEmbeddedView span.AttributeTag {
	font-size: 100%;
}

a.SubtitleLink {
	color: #1A73E8;
}

#Atlas_View_Breadcrumb .BackLink {
	text-decoration: none;
}

#Atlas_View_Breadcrumb .BackLink:hover {
	text-decoration: underline;
}

.AttributionWrapper {
	margin: 0 4px;
}

.BreadcrumbSeparator {
	color: #C2C2C2;
}

/*
*   Scope and Sequence
*/
#Atlas_Analyze_View_ScopeAndSequenceReportType {
	margin-bottom: 5px;
}

#Standards_Overview_Delegate #ContentAreaID {
	width: 100%;
}

#Atlas_Analyze_View_ScopeAndSequenceReportType table tr td {
	padding: 4px 13px 2px 13px;
}

.Action_SubmitScopeAndSequence {
	margin: -4px 5px 0;
}

#Standards_Overview_Delegate #divs,
#Standards_Overview_Delegate .AtlasButtonWrapper,
#Standards_Overview_Delegate .FilterCell {
	padding: 4px 13px 2px 13px;
}

#AddCoursesButton a {
	display: block;
	padding: 20px 0px;
	text-align: center;
	border: 1px solid #C2C2C2;
	border-width: 1px 0;
}

#Atlas_Analyze_View_Preview .SortableItem {
	min-height: 30px;
}

#Atlas_Analyze_View_Preview #PreviewVisible {
	margin: 0;
	padding: 0;
}

#Atlas_Analyze_View_Preview #PreviewVisible li {
	list-style: none outside;
	padding: 5px;
}

#Atlas_Analyze_View_Preview #PreviewVisible li:nth-child(2n-1) {
	background-color: #FFFFFF;
}

#Atlas_Analyze_View_Preview .Action_RemoveCourse {
	position: relative;
	top: 10px;
	float: right;
}

#Atlas_Analyze_View_Preview .Grabber {
	cursor: ns-resize;
	float: left;
	display: inline-block;
	position: relative;
	top: 6px;
}

#Atlas_Analyze_View_Preview .MapDetails {
	padding: 0 20px;
}

/*
* Master Map Preview Area
*/
.PublishPreview {
	width: 100%;
	max-width: 1200px;
	min-width: 500px;
	margin-top: 5px;
	min-height: 200px;
}

.MassPublish .PublishPreview {
	width: 100%;
	max-width: 810px;
	position: relative;
	margin-left: 250px;
}

#PreviewingCourseTitle {
	margin-bottom: 0.5em;
}

#MasterMapPreviewWrapper #MapsToPublish,
#MasterMapPreviewWrapper #UnitsToModify {
	width: 50%;
	float: left;
}

#MasterMapPreviewWrapper {
	margin-top: 10px;
}

.PublishConfirmation .ContentCell {
	width: 100%;
}

#MasterMapPreviewWrapper .WrapTable {
	display: block;
	width: 95%;
}

#MasterMapPreviewWrapper .WrapTable table {
	width: 100%;
}

.PublishSummarizedCurriculumChanges ul {
	margin: 0;
}

.MassPublish .ScrollingFixedElement {
	top: 37px;
}

.MassPublish .ScrollingFixedElement.Fixed {
	top: 0;
}

.PublishConfirmation .FilterControl {
	margin: 0;
	padding: 0;
	margin-left: -15px;
	border-radius: 0;
	min-height: 100%;
	border: 0;
	border-right: 1px solid #C2C2C2;
}

.PublishConfirmation #CoursePublishDisplayWrap {
	padding: 0;
	border-top: 1px solid #C2C2C2;
}

.PublishConfirmation .FilterControl .FilterControlContent .ControlHeader {
	border-top: 0;
	background: #FFFFFF;
}

.PublishConfirmation .CoursePublishDisplay {
	cursor: pointer;
}

.PublishConfirmation .CoursePublishDisplay,
.PublishConfirmation #CoursePreviewPaging {
	padding: 10px;
}

.PublishConfirmation .CoursePublishDisplay a:first-child {
	max-width: 190px;
	display: inline-block;
}

.PublishConfirmation td div.CoursePublishDisplay:nth-child(2n-1) {
	background: #FFFFFF;
}

.PublishConfirmation td div.CoursePublishDisplay.selected {
	background: #ECF3FC;
	border: 0;
	border-right: 1px solid #ECF3FC;
}

.PublishConfirmation td div.CoursePublishDisplay.selected a {
	color: #FFFFFF;
	text-decoration: none;
}

.PublishPreviewItemOption {
	display: none;
}

#UINotificationContainer.MassPublishUINotification {
	width: 810px;
	margin-left: 250px;
}

.CoursePublishDisplay:hover .PublishPreviewItemOption {
	display: block;
	opacity: 0.2;
}

.CoursePublishDisplay.selected .PublishPreviewItemOption,
.CoursePublishDisplay.selected:hover .PublishPreviewItemOption {
	display: block;
	opacity: 1;
}

#AtlasMapSelector .Action_UnassignMasterMap {
	position: absolute;
	right: 5px;
	top: 17px;
}

#PageUploadFrame {
	display: none;
}

div.radio-group-vertical > a.radio-button {
	float: none;
	display: block;
}

/**
* ItemLastUpdated control in Browse and Develop
*/
#ItemLastUpdated {
	text-align: right;
	font-size: 85%;
}

/*
 START: SIMPLECONFIRMATION BUTTONS
 We can't add custom classes to YUI2 buttons.
 Always float one button to the right
 Two buttons float to opposite sides (cancel/edit)
*/
#simpleconfirmation .button-group button:first-child {
	float: left;
}

#simpleconfirmation .button-group button:last-child {
	float: right;
}

#simpleconfirmation .button-group { /*clearfix*/
	overflow: hidden;
}

/*
 END: SIMPLECONFIRMATION BUTTONS
*/

/***********************************************
 ICON HELPERS
***********************************************/
.IMAGE_REPORT {
	margin-top: 3px;
	margin-bottom: -3px;
}

/*
***********************************************
Standards container
***********************************************
 */
.StatusContainer {
	background-color: #FFFFFF;
	margin: 5px;
}

.StatusContainer > * {
	margin: 5px;
	padding: 5px;
}

.StatusContainer .NameContainer {
	font-weight: bold;
	margin: 0 -1px;
}

.curriculum .StatusContainer table {
	width: 99%;
}

.StandardStatusMarker {
	border-radius: 50%;
	font-family: 'Ubuntu Mono', monospace;
	padding: 1px 4px;
}
.performanceAggregateLabel {
	border-radius: 3px;
	margin-left: 3px;
	padding: 5px;
}
.draft {
	font-size: 0.75em;
	font-weight: bold;
	border-radius: 10px;
	display: inline-block;
	width: auto;
	text-align: center;
	background-color: #c8c8c8;
	color: #323232;
	padding: 2px 6px;
	cursor: default;
}

.DraftSpacer {
	padding-left: 5px;
	width: 40px;
}

.draftSmall {
	font-size: 0.4em;
	font-weight: bold;
	border-radius: 10px;
	text-align: center;
	background-color: #c8c8c8;
	color: #323232;
	padding: 4px 8px;
	margin-left: 20px;
	vertical-align: bottom;
}

.UnitSelectorWrap .draftSmall {
	width: 10%;
	font-size: 0.75em;
}

#HighChartContainer {
	direction: ltr;
}

#HighChartContainer .highcharts-tooltip span {
	background-color: #ECF3FC;
	opacity: 1;
	padding: 3px;
	text-align: center;
}
/**
Admin LTI key management
*/
.form-control,
.input-group-append {
	background-color: #fff;
}
.input-group.copied .form-control[readonly] {
	background-color: rgb(69,246,172);
}
.copied-message {
	visibility: hidden;
}
.input-group.copied ~ .copied-message {
	visibility: visible;
}
#EditForm.Atlas_SuperAdmin_LTIKeys_PersistentItemEditForm {
	width: 700px;
}
#EditForm.Atlas_SuperAdmin_LTIKeys_PersistentItemEditForm .textInput {
	width: unset;
}


/*
******************************************************************
STYLING FOR PRINTABLE REPORTS
******************************************************************/

table tr td {
	vertical-align: top;
}
hr  { 
	color: #ECF3FC;
	border: 1px solid #ECF3FC;
	height: 1px;
}

ul li {
	list-style: inherit;	/* Reset to browser default for consistency with TinyMCE editor. */
}

span.highlight, div.highlight { 
	color: #C00;
	font-weight:bold;
}

.ReportLastUpdated {
	text-align: right;
	font-size: 77%;
}
	
/*
******************************************************************
REPORT HEADERS
******************************************************************
*/
#reportHeader{
	width: 100%;
}
#reportHeaderContent{
	width: 100%;
}
#reportBack{
	width: 1%;
	padding-right: 10px;
}
#reportClose{
	width: 1%;
	padding-left: 10px;
}

#reportTitle,
.ReportHeading{
    font-weight: bold;
    font-size: 138.5%;
    color: #0A5AB4;
}

#ReportSubHeading a {
    color: #1A73E8;
}

#ReportSubDate,
#ReportDate {
	margin-top: 5px;
	font-size: 85%;
    font-style: italic;
	color: #0A5AB4;
}

#ExportLinks {
	text-align: right;
	white-space: nowrap;
}
#ExportLinks a {
	display: -moz-inline-stack;
	display: inline-block;
	padding: 4px;
	line-height: 1.5;
}
#ExportLinks a img {
	vertical-align: middle;
}

#CourseDescriptionReport .SortSelection{
	text-align:right;
    margin-top:-36px;
}

/*
******************************************************************
PAGING LINKS
******************************************************************
*/
.UIPagingLinks {
    margin-top: 5px;
}

/*
******************************************************************
DISPLAY TABLES IN REPORTS
******************************************************************
*/
table.ReportDisplayTable {
	width: 100%;
}
table.ReportDisplayTable th, table.ReportDisplayTable td {
	vertical-align: top;
}

table.ReportDisplayTable tr th.displayTableHeader {
	border-bottom: 1px solid #ECF3FC	font-weight:bold;
	font-style:italic;
	padding:5px;
	text-align:left;
	font-size: 100%;
}
table.ReportDisplayTable tr th.displayTableHeader a {
	color: #1A73E8;
}
table.ReportDisplayTable tr th.displayTableHeader a:hover  {
	color: #0A5AB4;
}
table.ReportDisplayTable td {
	padding:10px;
	font-size: 100%;
}
table.ReportDisplayTable td a {
	vertical-align: top;
}

div#Atlas_Admin_View_ClassListBySchool table.ReportDisplayTable td,
div#Atlas_Admin_View_ClassListByTeacher table.ReportDisplayTable td{
    zoom: 1;
}

table.ReportDisplayTable td.labelCell {
	font-size: 100%;
	font-weight:bold;
	font-style:italic;
}
table.ReportDisplayTable td.labelCell p {
	margin:0;
}
table.ReportDisplayTable td.labelCell small{
	font-size: 93%;
	margin: 0;
	font-weight: normal;
	font-style: normal;
}
table.ReportDisplayTable div.DisplayTableImageContainer {
        width: 300px;
}
table.ReportDisplayTable .curriculum img{
	max-width: 300px;
}

.displayTablePreHeader{
	padding: 10px 0;
}
.Action_ShowAllColumnsAndRows {
		margin: 10px 0;
}
.Action_HideRow,
.Action_HideColumn {
	text-decoration: none;
	font-size: 75%;
	padding: 0 3px;
	line-height:14px;
	font-family: arial, helvetica, clean, sans-serif;
}
.displayTable.resizable > thead > tr > th {
	border: 1px solid #000000;
}
th.resize-handle-active {
	cursor: e-resize;
}
div.resize-handle {
	cursor: e-resize;
	width: 1px;
	border-right: 1px dashed #1E90FF;
	position:absolute;
	top:0;
	left:0;
}
.displayTable .curriculum .longStringToBreak {
	word-break: break-all;
	display: inline-block;
}
/*
******************************************************************
CURRICULUM MAP
******************************************************************
*/
table.ReportDisplayTable .StandardHeader {
	font-weight: bold;
}

table.ReportDisplayTable td.CurriculumMapLabelCell{
	font-style: italic;
}
table.ReportDisplayTable td.CurriculumMapLabelCell p{
	margin: 0;
	font-weight: bold;
}
table.ReportDisplayTable td.CurriculumMapLabelCell p a{
	text-decoration: none;
}
table.ReportDisplayTable td.CurriculumMapLabelCell p a:hover{
	text-decoration: underline;
}
table.ReportDisplayTable td.CurriculumMapUnitActionsCell {
	padding: 3px 0;
}
.browseMapFooter {
	clear: both;
}
.nextPreviousLinks {
	padding-top: 10px;
	font-size: 11px;
}
li.CourseSchoolValue {
	list-style: disc inside;
}
#Atlas_Develop_View_Map .SchoolValueType:after {
	content: ':';
}

/*
******************************************************************
SCHOOL VALUES REPORT
******************************************************************
*/
table#SchoolValuesDetail {
	border-collapse: separate;
}
table#SchoolValuesDetail .SchoolValueType,
table#SchoolValuesDetail .SchoolValue {
	font-size: 93%;
}
table#SchoolValuesDetail td {
	padding:3px;
}

/*
******************************************************************
STANDARDS OVERVIEW REPORT
******************************************************************
*/

table#StandardsOverview .ContentArea, table#StandardsOverview .BenchmarkLevel {
	font-weight:bold;
}
table#StandardsOverview .ContentSubArea {
	color: #1A73E8;
	font-weight:bold;
}
table#StandardsOverview span.StateStandardLevel {
	font-weight:bold;
	font-size: 93%;
}
table#StandardsOverview ul li {
	font-size: 93%;
}
table#StandardsOverview td a {
	font-weight:bold;
	color: #1A73E8;
}

/*
******************************************************************
STANDARDS PROFILING REPORT(s)
******************************************************************
*/
#reportPageContainer {
	font-size: 85%;
}
#reportPageContainer div.level1{
	background-color:#DEDEDE;
	padding:5px;
}
#reportPageContainer div.level2{
	background-color:#EFEFEF;
	font-style:italic;
	padding:5px;
}
#reportPageContainer div.level3{
	font-weight:bold;
	padding:5px 5px 5px 25px;
}
#reportPageContainer div.level4{
	padding:5px 5px 5px 45px;
}
#reportPageContainer div.level5{
	padding:5px 5px 5px 65px;
	font-style:italic;
	font-size: 77%;
}
#reportPageContainer div.level6{
	padding:5px 5px 5px 85px;
}

#reportPageContainer div.level3{
	font-weight:bold;
	padding:5px 5px 0px 25px;
}
#reportPageContainer div.level4{
	padding:0px 5px 5px 45px;
}

#summaryTable th {
	vertical-align: bottom;
}

#summaryTable tr td.value,
#summaryTable tr td.tableControl{
	text-align: right;
	width: 1%;
}

#summaryTable .ContentAreaCell {
	font-weight: bold;
}
#summaryTable .BenchmarkLevelCell {
	font-weight: bold;
}
#summaryTable .ContentSubAreaCell {
	padding-left: 20px;
}

#summaryTable .SummaryRow td {
	border-top: 1px solid #ECF3FC;
	font-weight: bold;
}
#summaryTable .SummarySubRowTitleCell {
	padding-left: 20px;
}



.ReportMapDescription {
	
}
.ReportMapDescription blockquote {
	border: 1px solid #000000;
	font-size: 130%;
	zoom: 77%;
	margin: 3px 5px 3px 7px;
	padding: 3px;
}

/*
******************************************************************
PRINTABLE MAP LIST
******************************************************************
*/
table.PrintableMapDisplayTable {
	max-width: 800px;
}

/*
******************************************************************
PRINTABLE MAP LIST
******************************************************************
*/
table.UnitListTable a.UnitListLink {
	padding-left: 20px;
}
table.UnitListTable span.UnitListMapName {
	font-weight: bold;
}
table.UnitListTable td.UnitLinkWithMapName {
	padding-top: 10px;
}
/*
******************************************************************
STANDARDS DRILLDOWN REPORTS
******************************************************************
*/
#StandardsKey {
	background-color: #FFFFFF;
	border: 1px solid #C2C2C2;
	margin-bottom:10px;
	margin-top:10px;
}
#StandardsKey td {
	padding: 3px 8px;
}
#StandardsKey td.CA, #StandardsDrilldownTable td.CA {
	font-size: 108%;
	font-weight: bold;
	color: #0A5AB4;
}
#StandardsKey td.CSA, #StandardsDrilldownTable td.CSA {
	font-size: 100%;
	font-weight: bold;
	color: #1A73E8;
}
#StandardsKey td.BL, #StandardsDrilldownTable td.BL {
	font-size: 100%;
	color: #1A73E8;
}
#StandardsKey td.SSL, #StandardsDrilldownTable td.SSL {
	font-weight: bold;
	font-size: 93%;
}
#StandardsKey td.SS, #StandardsDrilldownTable td.SS {
	font-size: 85%;
}

/**********************
 * AKILI
 **********************/

.StudentGradebookReports table {
	border-color: #C2C2C2;
}
.StudentGradebookReports table .displayTableCell,
.StudentGradebookReports table .displayTableHeader {
	zoom: 1;
	font-size: 85%;
	font-weight: normal;
	font-style: normal;
}
.StudentGradebookReports table .AverageCell,
.StudentGradebookReports table .AverageHeader{
	background-color: #ECF3FC;
}
.StudentGradebookReports table .GradingCategoryCell,
.StudentGradebookReports table .GradingCategoryHeader{
	background-color: #FFFFFF;
	font-weight: bold;
}

/*Widget Filters*/
.WidgetFilterTable {
	border-width: 1px;
	border-style: solid;
	margin-top: 5px;
	margin-bottom: 5px;
}
.WidgetFilterTable td {
	padding: 4px;
}
.WidgetFilterHeaderRow td {
	background-color: #DCDCDC;
}
/* Comparative Unit Calendar Date Range */
table.DateTable td{
	padding-left: 4px;
	padding-bottom: 0px;
}

/* Latex */
.LatexPng {
	vertical-align: middle;
}

/* Inline Reports */
#Atlas_View_InlineReportPage .WrapperTable th {
    background-color: #C2C2C2;
    padding: 5px 20px;
    text-align: left;
    border-radius: 6px 6px 0 0;
}

#Atlas_View_InlineReportPage .ContentCell {
    background-color: #333333;
    padding: 20px;
}

#Atlas_View_InlineReportPage .ReportTitle {
    color: #666666;
    float: left;
}

#Atlas_View_InlineReportPage #ReportSubDate {
    float: right;
    padding-top: 10px;
    padding-right: 10px;
    font-size: 77%;
    font-family: Verdana,​arial,​helvetica,​clean,​sans-serif;
}

#Atlas_View_InlineReportPage .ExpandCollapseReport {
    float: right;
    background-color: #C2C2C2;
    border: none;
}

#Atlas_View_InlineReportPage .SubHeading  {
    width: 100%;
}

#Atlas_View_InlineReportPage .SubHeading td {
    color: #0A5AB4;
}

#Atlas_View_InlineReportPage .ReportContent {
    background-color: #FFFFFF;
}
#Atlas_View_InlineReportPage .WrapperTable {
    width: 100%;
}


div.AuthenticationBackground {
	background: #F0F0F0;
	background: -moz-linear-gradient(top, #F0F0F0 0%, #ECF3FC 100%) ;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#ECF3FC));
	background: -webkit-linear-gradient(top, #F0F0F0 0%,#ECF3FC 100%);
	background: -o-linear-gradient(top, #F0F0F0 0%,#ECF3FC1 100%);
	background: -ms-linear-gradient(top, #F0F0F0 0%,#ECF3FC100%);
	background: linear-gradient(to bottom, #F0F0F0 0%,#ECF3FC100%);
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

/**
 * Authentication Header
 */
#AuthenticationHeader {
	background-color: #ECF3FC;
	width: 100%;
	height: 65px;
	border-top: 8px solid #0A5AB4;
	margin-bottom: 40px;
}
#SchoolHeader {
	position: absolute; 
	left: 0; 
	top: 0;
	z-index: 100;
}
#SchoolHeader img {
	max-height: 120px;
}
#SchoolHeader h1 {
	margin: 1em 0;
	color: #0A5AB4;
}
#headernavtable.AuthenticationHeaderTable td{
	vertical-align: top;
	padding: 10px;
	background: transparent;
}

/**
 * Authentication Content
 */
#authenticationMain {
	flex: 1;
	zoom: 1; /* IE HasLayout */
	padding-top: 15px;
	font-size: 100%;
	text-align: center;
	z-index: 110;
}
#authenticationMain #UINotificationContainer {
	width: 500px;
	margin: 0 auto;
}
#authenticationMain .LeftAlign {
	text-align: left;
}
#authenticationContentWrapper{
	margin: 15px auto;
	width: 500px;
}
#authenticationContent{
	background-color: #FFFFFF;
	padding: 15px 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 0 0 5px #666666;
}

/**
 * Login Form
 */

#authenticationContent #LoginLogo {
	padding: 10px 0px;
}
#authenticationContent .LoginTable{
	margin: 10px auto;
}
#authenticationContent .LoginTable td{
	background: transparent;
	color: #505050;
	vertical-align: top;
	text-align: left;
	padding: 4px 4px 4px 0;
}
#authenticationContent .LoginTable td.LabelCell{
	text-align: right;
}
#authenticationContent .LoginTable .textInput,
#authenticationContent .LoginTable .emailInput,
#authenticationContent .LoginTable .passwordInput,
#authenticationContent .LoginTable select {
	width: 200px;
}
#authenticationContent .LoginTable .EmailReset{
	font-size: 77%;
}
#authenticationContent .LoginTable .EmailReset a, #authenticationContent .LoginTable .EmailReset a:hover, #authenticationContent .LoginTable .EmailReset a:visited {
	color: #0A5AB4;
}



/*
******************************************************************
PORTAL WIDGETS
******************************************************************
*/

.PortalDashboard .PortalWidget .WidgetHeader {
	cursor: move;
	font-family: LatoWebBold, "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
	letter-spacing: 0.067em;
	font-size: 100%;
	font-weight: 600;
	padding: 8px 26px 8px 10px;
	background: #DCDCDC;
	color: #0A5AB4;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border: none;
	text-transform: capitalize;
}

.PortalDashboard .DropZone {
	min-height: 400px;
	margin: 0 -15px;
	padding: 15px;
}
.PortalDashboard div.Column {
	width: 50%;
}
.PortalDashboard div.Left.Column {
	padding-right: 8px;
}
.PortalDashboard div.Right.Column {
	padding-left: 8px;
}
.PortalWidgetWrapper {
	zoom: 1; /* IE HasLayout */
	position: relative;
	margin-bottom: 16px;
}

.PortalWidget{
	position: relative;
	color: #333333;
    background-color: #F5F5F5;
    //border: 1px solid #D0D0D0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.PortalWidget td{
	background-color: #FFFFFF;
	color: #333333;
}
.PortalWidget .PortalWidgetContent {
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 15px
}

.Atlas_Portal_View_MyFavorites .displayTableCell input + a {
    padding-left:6px;
}

.PortalWidgetContent .WrapTable {
	width: 100%;
}

a.unselectable,
a.unselectable:hover {
	cursor: default;
	text-decoration: line-through;
}

.PortalFilterButton {
	float:right;
	margin:5px;
	position:relative;
}

#NoWidgetNotification {
	position: relative;
	width: 100%;
	padding-top: 100px;
	font-size: 300%;
	display: block;
	text-align: center;
	color: #D0D0D0;
}
/*
******************************************************************
WIDGET GENERIC DELETE & OPTIONS ICONS
******************************************************************
*/
.PortalWidget .PortalWidgetHeaderAction {
	position: absolute;
	top: 8px;
}

.PortalWidget .RemovePanel {
	right: 10px;
}
.PortalWidget .RemovePanel .Spinner {
	margin-top: -40px;
}
.PortalWidget .RemovePanel .Spinner img{
	height: 18px;
	width: 18px;
}

.PortalWidget .RemovePanel .fa-times-thin {
	font-size: 2em;
	margin-top: -5px;
}


.PortalWidget .ToggleSettings {
	right: 40px;
}

.PortalWidget .WidgetSettingsPanel {
	height: 0px;
	width:100%;
	overflow: hidden;
	padding: 0 20px;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
}

.PortalWidget .OpenPanel {
	height: 100%;
	padding: 20px;
	background-color: #f1f1f1;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
}

/*
******************************************************************
MY SETTINGS VIEW
******************************************************************
*/

td.HighlightRowRed {
	color: #FF0000;
}
input.HighlightInputRed {
	border-color: #FF0000;
}
tr td.NotificationCheckboxCell {
	padding-right: 5px;
}
#NotificationsTable .NotificationCheckboxCell {
	text-align: center;
}
#NotificationsTable tr {
	border-width: 0;
}
#NotificationsTable tr td {
	padding: 9px 0 0;
}
#NotificationsTable tr:first-child {
	border-bottom: 1px solid #F5F5F5;
}
#NotificationsTable .LabelCell {
	text-align:left;
	padding-right:5px;
	vertical-align:bottom;
}
#NotificationsTable .labelCenter {
	text-align: center;
	max-width:60px;
}
#MySettingsContent .Action_SaveSettings {
	float: right;
	position: relative;
}
#MySettingsContent label {
	width: 200px;
	display: inline-block;
	font-weight: bold;
	padding: 5px 0 0;
}
#MySettingsContent input[type=text],
#MySettingsContent input[type=email] {
	width: 300px;
}
#MySettingsContent .PanelCell {
	padding-right: 20px;
}
#MySettingsContent .PanelCell:last-child {
	padding-right: 0;
}
#LanguageTable .LabelCell {
	text-align: left;
}
#MySettingsTable td.PanelCell {
	width: 50%;
}
#MySettingsTable {
	width: 100%;
}
#DigestRadioChildDiv {
	width:100%;
}

#DigestRadioChildDiv label {
	width:28%;
}
#PasswordPreferences {
	display: block;
}
#PasswordPreferences form {
	margin-block-end: 1em;
	margin-top: 0em;
	margin: 0;
	max-width: 600px;
	unicode-bidi: isolate;
}
#PasswordPreferences label {
	cursor: default;
	display: inline-block;
	font-weight: bold;
	padding: 5px 0 0;
	width: 200px;
}
#PasswordPreferences input {
	box-sizing: border-box;
	min-height: initial;
	padding-block: 1px;
	padding-inline: 2px;
	width: 250px;
}

#PasswordPreferences .sub-error {
	padding: 0 0 0 205px;
	font-size: 0.8em;
}
#PasswordPreferences .Action_UpdatePassword {
	background: #FFFFFF;
	border-radius: 3px;
	border: 1px solid #C2C2C2;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-size: 11.05px;
	font-weight: bold;
	letter-spacing: 0.067em;
	line-height: 20px;
	margin: 0 4px 0 0;
	padding: 0 6px;
}

/*
******************************************************************
MY UNITS WIDGET
******************************************************************
*/
#Atlas_Portal_View_MyUnits tr.evenRow td.contextMenuCell,
#Atlas_Portal_View_MyUnits tr.oddRow td.contextMenuCell {
	padding-left: 0;
}
#Atlas_Portal_View_MyUnits ul.MyUnitsList{
	margin: 0 0 0 1em;
}
/*
******************************************************************
UNIT ACTIVITY WIDGET
******************************************************************
*/

#Atlas_Portal_View_Widget .displayTable {
	width: 100%;
	border: none;
}

/*
******************************************************************
QUICK REPORT WIDGET
******************************************************************
*/

#Atlas_Portal_View_QuickReports .ReportTypes {
	width: 430px;
	margin-left: auto;
	margin-right: auto;
}

#Atlas_Portal_View_QuickReports .ReportTypes > li {
	float: left;
	text-align: center;
	margin: 0 5px 0 5px;
	width: 120px;
	list-style: none outside none;
}

#Atlas_Portal_View_CurriculumAtAGlance a,
.ReportTypes a {
	text-decoration: none;
}

#Atlas_Portal_View_CurriculumAtAGlance a:hover,
.ReportTypes a:hover {
	text-decoration: underline;
}

#Atlas_Portal_View_QuickReports .ReportImage {
	margin-bottom: 10px;
	border-bottom: 1px solid #666666;
}

#Atlas_Portal_View_QuickReports .ReportImageNoBorder {
	margin-bottom: 10px;
	border: 1px solid #666666;
}

#NewWidgetModalForm {
	width: 950px;
}
#NewWidgetModalForm .bd {
	padding: 0;
}

#Atlas_Portal_Modal_View_WidgetManager {
	height: 100%;
}

#Atlas_Portal_Modal_View_WidgetManager > ol {
	margin: 0;
}

#Atlas_Portal_Modal_View_WidgetManager > * {
	height: 100%;
}
#Atlas_Portal_Modal_View_WidgetManager li {
	list-style: none;
}
#Atlas_Portal_Modal_View_WidgetManager .CategoryList {
	width: 22%;
	background-color: #F5F5F5;
	overflow: auto;
}

#Atlas_Portal_Modal_View_WidgetManager .CategoryList ol {
	margin:0;
	padding:0;
}

#Atlas_Portal_Modal_View_WidgetManager .CategoryList li {
	background-color: #F5F5F5;
}
#Atlas_Portal_Modal_View_WidgetManager .CategoryList h3 {
	padding-left:5px;
	padding: 6px 26px 7px 10px;
	background-color: #DCDCDC; /* Old browsers */
	color: #0A5AB4;
}
#Atlas_Portal_Modal_View_WidgetManager .CategoryList .CategoryListSelected {
	font-weight: bold;
	background-color: #ECF3FC;
}
#Atlas_Portal_Modal_View_WidgetManager .CategoryList li:hover {
	background-color: #ECF3FC;
}
#Atlas_Portal_Modal_View_WidgetManager .CategoryList a {
	text-decoration: none;
	font-weight: normal;
	color: #333333;
	padding: 5px 0 5px 10px;
	display: block;
}
#Atlas_Portal_Modal_View_WidgetManager .CategoryListSelected a {
	font-weight: bold;
}
#Atlas_Portal_Modal_View_WidgetManager .ViewThisReport {
	position: absolute;
	bottom: 10px;
	right: 2px;
}
#Atlas_Portal_Modal_View_WidgetManager .AtlasButton {
	height: auto;
}
#Atlas_Portal_Modal_View_WidgetManager .WidgetContainer {
	overflow: auto;
	overflow-y: scroll;
	width: 78%;
	font-size: 77%;
	position: relative;
}
#Atlas_Portal_Modal_View_WidgetManager .WidgetContainer ol li {
	width: 49%;
	margin: 2px 0.5%;
	padding: 10px;
	border: 1px dotted #F5F5F5;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#Atlas_Portal_Modal_View_WidgetManager .WidgetControl {
	padding-right: 5px;
	width: 40%;
}
#Atlas_Portal_Modal_View_WidgetManager .WidgetControl img {
	border: 1px solid #666666;
	width: 120px;
	height: 60px;
	margin-bottom: 10px;
}
#Atlas_Portal_Modal_View_WidgetManager .WidgetDisplayDetails {
	width: 60%;
	overflow: hidden;
}
#Atlas_Portal_Modal_View_WidgetManager #SortPanelsWrapper {
	height: 1em;
	margin: 1em 10px 1em 20px; /* SB: Facilitate using the .FilterFieldSet CSS class */
	padding: 10px 10px 25px;
}
#Atlas_Portal_Modal_View_WidgetManager #PanelManagerMask {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: center center no-repeat transparent;
}
#Atlas_Portal_Modal_View_WidgetManager #PanelManagerMask img {
	display: block;
	margin: 170px auto 0;
}
#NewWidgetModalForm .Loading .Spinner {
	border: none;
}
.ItemCount {
	background: #FFFFFF;
	border-radius: 9px;
	display: table-cell;
	float: right;
	height: 18px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	width: 18px;
	line-height: 18px;
	font-size:10px;
}
.PortalWidgetContent table {
	width: 100%;
}
.PortalWidgetContent table.CalendarWidgetTable {
	width: inherit;
	margin-bottom:8px;
}
.PortalWidgetContent td.CalendarWidgetCell {
	padding-right:5px;
	vertical-align: middle;
}
.PortalWidget td {
	background-color: transparent;
}
#PanelManagerHeader {
	margin: 0;
}
#PanelManagerSearch {
	position: relative;
	top: -3px;
}
#PanelManagerSearchLabel {
	position: relative;
	top:2px;
}
#PanelManagerSearchLabel b {
	margin: 2px 0 0 10px;
}
#SortPanelsWrapper>b {
	margin: 2px 5px 0 10px;
}
#SortPanelsWrapper select#SortPanels {
	width: 100px;
}
#LoadMorePanels {
	clear: both;
	display: block;
	margin: 0 auto 20px;
	position: relative;
	text-align: center;
	top: 10px;
	width: 150px;
}
#Atlas_Portal_Modal_View_WidgetManager .SearchResultSeparator {
	float: left;
	width: 100%;
	margin: 1em 0 0;
	padding: 0.5em 0;
	text-align: center;
	background-color: #F5F5F5;
}
#Atlas_Portal_Modal_View_WidgetManager .SearchResultsSubSeparator {
	width: 100%;
	float: left;
	margin: 0.5em 0;
	border-bottom: 1px dotted #F9F9F8;
}
#Atlas_Portal_Modal_View_WidgetManager .ReportTemplateResult {
	float: left;
	width: 100%;
	padding: 10px;
	border: 1px dotted #F9F9F8;
	min-height: 110px;
}

#Atlas_Portal_Modal_View_WidgetManager .ReportTemplateResult a {
	display: inline-block;
	float: left;
	text-align: center;
	width: 25%;
}
#Atlas_Portal_Modal_View_WidgetManager .ReportTemplateResult a img {
	display: block;
	margin: 0 auto;
}

#Atlas_Portal_Modal_View_WidgetManager .NoResults {
	float: left;
	width: 100%;
}

#Atlas_Portal_Modal_View_WidgetManager li.Mask {
	background-color: #F9F9F8;
}
.AtlasUpdatedFrame, .AtlasUpdatedFrame * {
	height: 100%;
	min-height: 400px;
	width: 100%;
}
	/*
  ******************************************************************
  CURRICULUM AT A GLANCE
  ******************************************************************
  */

#Atlas_Portal_View_CurriculumAtAGlance {
	position: relative;
}

#Atlas_Portal_View_CurriculumAtAGlance .CAG_Map {
	width: 98%;
	float: left;
	background: #FFFFFF;
	padding: 1%;
	margin: 1% 0;
	position: relative;
	height: 300px;
	box-shadow: 0px 0px 1px 0 #ddd;
	margin-bottom: 15px;
    
                    border-radius: 3px;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                ;
    
                    -webkit-transition: all 0.1s ease-in-out;
                    -moz-transition: all 0.1s ease-in-out;
                    -o-transition: all 0.1s ease-in-out;
                    transition: all 0.1s ease-in-out;
                ;
}
.x-ie8 #Atlas_Portal_View_CurriculumAtAGlance .CAG_Map {
	margin:1%;
}
#Atlas_Portal_View_CurriculumAtAGlance .CAG_Map:nth-child(2n) {
	margin-left:2%;
}

#Atlas_Portal_View_CurriculumAtAGlance .FitTwoInLine {
	width: 49%;
}

#Atlas_Portal_View_CurriculumAtAGlance .CAG_NoMap {
	width: 100%;
	text-align: center;
	font-size: 150%;
	clear: both;
	margin: 50px 0 0;
	color: #D0D0D0;
}

#Atlas_Portal_View_CurriculumAtAGlance #CAG_ButtonContainer {
	display: block;
	width: 100%;
	clear: both;
}

#Atlas_Portal_View_CurriculumAtAGlance #CAG_AddNewMap {
	text-align: center;
	margin: 0 auto;
	display: block;
	width: 220px;
}

#Atlas_Portal_View_CurriculumAtAGlance .CAG_Visible {
	opacity: 1;
}

#Atlas_Portal_View_CurriculumAtAGlance .CAG_Pin,
#Atlas_Portal_View_CurriculumAtAGlance .CAG_Pin.fa-thumb-tack.push-pin,
.fa-thumb-tack.push-pin {
	cursor: pointer;
	position:relative;
	display:block;
	width: 25px;
	height: 25px;
	font-size: 1.3em;
	text-align: center;
	margin: 0 auto 10px !important;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#Atlas_Portal_View_CurriculumAtAGlance .CAG_Pin:hover,
#Atlas_Portal_View_CurriculumAtAGlance .CAG_Pin.fa-thumb-tack.push-pin:hover,
.fa-thumb-tack.push-pin:hover {
	-moz-transform: rotate(60deg);
	-webkit-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	transform: rotate(60deg);
}




#Atlas_Portal_View_CurriculumAtAGlance #CAG_SpinnerContainer img {
	margin-top: 134px;
	text-align: center;
}

#Atlas_Portal_View_CurriculumAtAGlance #CAG_SpinnerContainer {
	width: 100%;
	height:300px;
	text-align: center;
	background: #FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
	display:none;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
}

#CAG_Stage #CAG_SpinnerContainer {
	display: block;
}

#Atlas_Portal_View_CurriculumAtAGlance .MapComboSelectedMap {
	clear: both;
}

#Atlas_Portal_View_CurriculumAtAGlance .CAG_Content {
	padding: 5px;
	height: 77%;
}

#Atlas_Portal_View_CurriculumAtAGlance .CAG_Content b {
	width: 93%;
	height:18px;
	overflow: hidden;
	word-wrap: break-word;
	display: inline-block;
}

#CAGTestDriveMask {
	position: absolute;
	top: -10px;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0.1;
}

#Atlas_Portal_View_CurriculumAtAGlance .CAG_Content .ClearBorder {
	border-top: 1px solid #D0D0D0;
	margin-bottom: 10px;
}

#Atlas_Portal_View_CurriculumAtAGlance .CAG_Unit {
	position: relative;
	padding-right:15px;
}

#Atlas_Portal_View_CurriculumAtAGlance .CAG_Unit img {
	position: absolute;
	right:0;
	top: 2px;
}

.Atlas_Portal_View_CurriculumAtAGlance .CAG_Map > .CAG_Map_Select {
	min-height: 60px;
}

/*
******************************************************************
COMMENT ACTIVITY WIDGET
******************************************************************
*/
#CommentActivityGraph > img, #CommentActivityGraph > map {
	margin: 0 auto;
	display: block;
}
#Atlas_Portal_View_CommentActivity h2 {
	text-align: center;
}
.Atlas_Portal_RecentActivity_View_CurriculumUpdates {
	height: 420px;
	padding: 0;
}
#Atlas_Portal_View_CommentActivity .AlignCenter {
	text-align: center;
}

/*
******************************************************************
SAVED REPORTS PANELS
******************************************************************
*/
.SavedReportWidget {
	height: 450px; /*SB 6/5/13: changed this from max-height to height in order to fix an IE9 bug (#15240)*/
	overflow: hidden;
}
img.WidgetScreenshot {
	width: 100%;
	height: auto;
	border: 1px solid;
	border-color: #D0D0D0;
}
a.PortalWidgetViewLink .MaskMouseover {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
a.PortalWidgetViewLink:hover .MaskMouseover {
	background: url('https://wayneresa-public.rubiconatlas.org/common_images/panel_hover.png?v=Atlas9.6.1.1090') center center no-repeat;
}
/*
******************************************************************
SEARCH TERMS PANEL
******************************************************************
*/
.Action_WordCloudTerm {
	cursor: pointer;
}

#Atlas_Portal_View_SearchTermCloud div {
	overflow: hidden;
}

/*
******************************************************************
MESSAGING
******************************************************************
*/

#RecipientsList {
	margin-bottom: 1em;
}

#RecipientsList .UIDynamicItemOption {
	background-color: #F9F9F8;
	border-radius: 6px 6px 6px 6px;
	float: left;
	clear: left;
	margin: 5px 5px 0;
	padding: 2px 5px;
}

#RecipientsList .UIDynamicItemOption a {
	margin: 0 5px 0 0;
}

#RecipientsList .UIDynamicItemOption.inactive {
	text-decoration: line-through;
	opacity: 0.3;
}

#RecipientsList #RecipientsListPaging {
	clear: both;
}

.Invalid {
	border: 2px solid #800000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
#MessageContainer .textInput {
	margin-bottom: 10px;
}
#MessageContainer .cke_editor_MessageText .cke_contents {
	min-height: 400px;
}
/**
*	Atlas 8.1 ICP announcement video - frame it in a grey border
*		Can be removed when subsequent version is released
*/
.VideoContainer_3934767811001 {
	border: 3px solid #c2c2c2;
}
#Atlas_Portal_View_MyNotesDisplay .MappingCategoryName {
	font-style: italic;
}
#Atlas_Portal_View_MyNotesDisplay .table-cell:first-child {
	width: 30%;
}

#Atlas_Portal_View_MyNotesDisplay .table-cell:last-child {
	width: 70%;
}
#EmailPreferences .AtlasButton {
	padding: 7px 6px;
}
#EmailPreferences td .AtlasButtonWrapper {
	padding: 3px 0;
	margin-left: 5px;
}
#divCourseInfoInWidget{
	margin: 5px 0 5px 0;
}
#divCourseInfoInWidget div {
    display: inline-block;
    padding: 0;
}
#Atlas_Portal_View_MyUnitsSelect i.fa{
	margin-right: 4px;
	font-size: 0.875em;
}
.margin-bottom-5px{
	margin-bottom: 5px;
}
.margin-bottom-10px{
	margin-bottom: 10px;
}
.view-in-unit-widget-link{
	font-size: 16px;
	font-weight: 600;
}


/*
******************************************************************
CONTROL/SEARCH PANELS
******************************************************************
*/

#searchnav .SearchCheckbox{
	margin-right: 1em;
}
#searchnav .SearchCheckbox input,
#searchnav .SearchCheckbox img{
	vertical-align: middle;
}

#searchnav #strKey1 {
	width: 100%;
	height:22px;
}

#Atlas_Search_SubNavigation_View_Bar {
	margin: 10px 0;
}
#Atlas_Search_Navigation_View_Bar .AtlasButton {
	padding: 7px 6px;
}

/*
******************************************************************
SEARCH RESULTS DISPLAY TABLE
******************************************************************
*/

#NavTableRow{
	width: 100%;
	margin-bottom:8px;
}
#NavTableRow td{
	padding-left: 1px;
	vertical-align: bottom;
}
#NavTableRow table td{
	padding-left: 0;
}
#SearchResultsTable.displayTable tr td.displayTableCell,
#SearchResultsTable.displayTable tr.evenRow td.displayTableCell,
#SearchResultsTable.displayTable tr.oddRow td.displayTableCell {
	background-color: #FFFFFF;
	border-bottom: solid 1px #ECF3FC;
	padding: 0;
}
#SearchResultsTable.displayTable tr td .UnitTable{
	width: 100%;
}
#SearchResultsTable.displayTable tr td .UnitTable td,
#SearchResultsTable.displayTable tr td .top{
	background-color: #ECF3FC;
	border-bottom: solid 1px #ECF3FC;
	padding: 3px 8px;
}
#SearchResultsTable.displayTable tr td .unit{
	vertical-align: middle;
}
#SearchResultsTable.displayTable tr td .unit .ContextMenuButton {
	height: auto; /* override .ButtonUI.BackLinkFlagged height 24px; */
	vertical-align: bottom;
}
#SearchResultsTable.displayTable tr td .favoritecheckbox{
	text-align: right;
	vertical-align: middle;
}
#SearchResultsTable.displayTable tr td .curriculum,
#SearchResultsTable.displayTable tr td .bottom{
	padding: 8px;
}
#SearchResultsTable.displayTable tr td .class{
	padding: 2px 8px 8px 8px;
}

#SearchResultsTable.displayTable tr td ul.fHI {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding-left: 1em;
	text-indent: -1em;
}
#SearchResultsTable.displayTable tr td ul.fHI i {
	font-style: italic;
	color: #0066CC;
	margin-right: 3px;
}
.SearchHighlight {
	font-weight: bold;
	color: red;
}

h5.ThesaurusKeyword {
	display: inline;
}
table.synonymTable {
	margin-bottom: 20px;
}
.FilterControl .FilterControlContent table.DateTable td {
	padding: 0px;
	vertical-align: top;
}
.FilterControl .FilterControlContent table.DateTable td.DateFilterMiddleText {
	padding: 4px 4px 4px;
}
.FilterControl .FilterControlContent table .ThesaurusRow td {
	padding-top: 0;
}

#Atlas_Search_SavedSearch_View_Default .SearchHeader {
    text-align: center;
}

/*
/ Activity Search
*/
.Activity_Container ul.Activity_Filter_Container {
	margin-top: 3px;
	margin-bottom: 10px;
}

/*
******************************************************************
DEFAULT VIEW
******************************************************************
*/
div#Atlas_Develop_View_MapList {
  padding-top: 10px;

}
/*
******************************************************************
UNIT CALENDAR
******************************************************************
*/

#Atlas_Develop_View_UnitCalendar #units {
  width: 100%;
  table-layout: fixed;
}
#units .UnitSpacer {
  width: 15%;
  max-width: 360px;
}
#units .ContextMenuSpacer {
  width: 20px;
}
#units .unit {
  padding: 0 4px 4px 13px;
  overflow: hidden;
}
#units .FirstTimePeriodInMonth {
  border-left: 1px solid #0A5AB4;
}
#units .CellBeforeTimePeriodMarker {
  border-right: 3px solid #0A5AB4;
}
#units td#title {
  font-size: 123.1%;
  font-weight: bold;
  padding: 0 5px 15px 5px;
}
#units td#options {
  padding: 0 5px 15px 5px;
}
#units td#options a {
  font-size: 108%;
}
#units tr.months td.unitname {
  text-align: left;
  font-size: 100%;
  padding: 0 5px;
  font-weight: bold;
}
#units .extraLabelRow td {
  text-align: left;
  font-weight: bold;
}
#units tr.months td,
#units tr.timeperiods td {
  text-align: center;
  font-weight: bold;
}
#units .timeperiodname {
  font-size: 77%;
}

.unitbar {
  background-color: #993333;
  position: absolute;
  overflow: hidden;
  height: 10px;
}
.grab-left {
  float: left;
  height: 10px;
  width: 7px;
  background: url('/common_images/grab-icon.png');
}
.grab-right {
  float: right;
  height: 10px;
  width: 7px;
  background: url('/common_images/grab-icon.png');
}

#NewUnitContainer table {
  width: 100%;
}
#NewUnitContainer tr#newUnitRow, #NewUnitContainer tr#newUnitRow td {
  vertical-align: bottom;
}
.PopoverContent.NewUnitColor .PopoverBody .x-color-picker,
.UnitEditForm .x-color-picker {
  height: 39px;
  width: 64px;
}
#NewUnitContainer #newUnitRowButtonCell {
  width: 100%;
  text-align: right;
}
#NewUnitContainer .AtlasButton {
  margin-bottom: 3px;
}
#NewUnitContainer input,
#NewUnitContainer select,
#NewUnitContainer div.ColorPicker {
  margin: 3px 6px 3px 0px;
}

div#UnitsTableDiv {
  position: relative;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #FFFFFF;
  border: 1px solid #ECF3FC;
}

/*
******************************************************************
GLOBAL REPLACE
******************************************************************
*/

#GlobalReplaceTable {
	width: 100%;
}
#GlobalReplaceTable td {
  padding-bottom: 10px;
}
#GlobalReplaceTable td .Action_cancelToRefererOrBack,
#GlobalCopyResults .Action_cancelToRefererOrBack {
	float: right;
}
#GlobalReplaceTable td.LabelCell {
  text-align: left;
  white-space: nowrap;
  padding-top: 3px;
}
#GlobalReplaceTable td.CheckboxCell {
  padding: 4px 0 3px 8px;
}

#GlobalCopySelectedFromMap .CopyDescriptionCheckbox {
  padding: 4px 9px;
}
#GlobalCopySelectedFromMap .CopyDescriptionCheckbox input {
  vertical-align: middle;
}

#GlobalCopyFromMapTitle {
  margin: 10px 0;
}
#GlobalCopyFromMapTitle a,
#GlobalCopyFromMapTitle span {
  font-weight: bold;
}

#GlobalCopyFromMapUnitListTable {

}

#GlobalCopyToMapListTable {

}
#GlobalCopyToMapListTable label {
  font-weight: bold;
}

#GlobalCopySelectedToMapContainer {
  font-weight: bold;
  margin-bottom: 7px;
}

#GlobalReplaceTable #GlobalCopyToMapListTable input {
  margin-right: 4px;
}

#GlobalCopyResults .message,
#GlobalCopyResults .unitName {
  font-weight: bold;
}
#GlobalCopyResults .unitName {
  margin-top: 10px;
}
#GlobalCopyResults input[type="radio"] {
  margin: 0 3px 0 15px;
}
#GlobalCopyResults input[type="text"] {
  margin: 0 5px;
}
#GlobalCopyResults .submitButtonContainer {
  margin: 10px 0;
}
/*
******************************************************************
UNIT MAP
******************************************************************
*/
.curriculum .redactor-in p,
.fr-box p,
.toggleeditor p,
.LockedCurriculum p,
.UnitMap.PublicSite .curriculum p{
  margin-bottom: 0;
}

.toggleeditor li, .fr-box li {
	margin-left: unset !important;
}

.toggleeditor div, .toggleeditor p {
	max-width: 100% !important;
}

.DetailsContainer {
	overflow-x: auto;
}

.curriculum table,
.DetailsContainer table,
.courseDescriptionDisplay table {
  width: 100%;
}
.curriculum > div:not(.WidgetDisplayWrap) table:not(.StandardsDisplay):not(.displayTable) tr > *,
.curriculum > table:not(.StandardsDisplay):not(.displayTable) tr > *,
.DetailsContainer tr > *,
.courseDescriptionDisplay table tr > * {
  border: 1px solid #ccc;
  padding: 16px;
}
.curriculum table td:empty {
  content: '%nbsp;';
}

/*
* Public sites and locked curricula are missing a wrapper element that styles the curriculum in normal sites
* The following two blocks offset that difference.
*/
.UnitMap.PublicSite p:empty,
.LockedCurriculum p:empty {
  margin-bottom: 1em;
}

.UnitMap.PublicSite .curriculum {
  padding: 10px 0;
}

.CustomTemplate #Atlas_Develop_UnitMap_View_Default #CustomUnitMapHeaderTable {
  table-layout: auto;
  margin-top: 10px;
}
/**
* Bug #18133: prevent column recalc on front loaded categories which are getting
* the above declaration and causing this bug
**/
.CustomTemplate #Atlas_Develop_UnitMap_View_Default .StandardsDisplay,
.CustomTemplate #Atlas_Develop_UnitMap_View_Default .AttachmentsDelegate table {
  table-layout: auto !important;
}
.UnitMap #content {
  padding: 0;
}
.UnitMap #PageTitleBar {
  margin: 0;
}
.UnitMap #UINotificationContainer {
  margin: 10px 15px;
}
#Atlas_Develop_UnitMap_View_Default.EditUnit #UnitMapContainer {
  background-color: #F9F9F8;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main,
#Atlas_ViewForAtlasPage #UnitMapContainer .main,
#Atlas_Develop_UnitMap_View_Default.ViewOnlyTemplate .main table {
  width: 100%;
  table-layout: fixed;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .main {
  border: 0 none;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .unitActionsBar {
  width: 100%;
  text-align: right;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .CurriculumTable,
#Atlas_Admin_MappingCategories_View_WidgetStructure .CurriculumTable,
#Atlas_Admin_MappingCategories_View_WidgetStructure .WidgetEntry table {
  width: 100%;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .CategorySectionHeader {
  color: #666666;
  padding: 3px 8px;
  font-size: 108%;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .CategoryDescription {
  padding: 8px;
}

#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .CategoryName {
  padding: 8px 8px 0;
  line-height: 30px;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .CategoryName .CategoryLabel {
  font-weight: 200;
  color: #505050;
}
#Atlas_Develop_UnitMap_View_Default div.LockedCurriculum{
  cursor: not-allowed;
  padding: 8px;
  margin: 0 8px;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .CategoryDescription .CategoryName {
  border: none;
  padding: 0;
}

#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .CustomTemplateExtraText {
  margin: 0;
  padding: 0 8px 3px 8px;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .CustomTemplateExtraTextBefore {
  margin: 0;
  padding: 3px 8px 0 8px;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .CategoryText {
  width: 100%;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .CustomUnitTemplateCell .cke .cke_top {
  background:#DFDFDF;
  background-image:-webkit-gradient(linear,left top,left bottom,from(#F5F5F5),to(#DFDFDF));
  background-image:-moz-linear-gradient(top,#F5F5F5,#DFDFDF);
  background-image:-webkit-linear-gradient(top,#F5F5F5,#DFDFDF);
  background-image:-o-linear-gradient(top,#F5F5F5,#DFDFDF);
  background-image:-ms-linear-gradient(top,#F5F5F5,#DFDFDF);
  background-image:linear-gradient(top,#F5F5F5,#DFDFDF);
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .CustomUnitTemplateCell .cke .cke_contents {
  border-width: 0;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .CustomUnitTemplateCell .cke .cke_bottom {
  background:#DFDFDF;
  background-image:-webkit-gradient(linear,left top,left bottom,from(#DFDFDF),to(#F5F5F5));
  background-image:-moz-linear-gradient(top,#DFDFDF,#F5F5F5);
  background-image:-webkit-linear-gradient(top,#DFDFDF,#F5F5F5);
  background-image:-o-linear-gradient(top,#DFDFDF,#F5F5F5);
  background-image:-ms-linear-gradient(top,#DFDFDF,#F5F5F5);
  background-image:linear-gradient(top,#DFDFDF,#F5F5F5);
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .curriculum,
#Atlas_Admin_MappingCategories_View_WidgetStructure .curriculum {
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .curriculum .cke .cke_top {
  border-top: 0px;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .curriculum .cke .cke_resizer_ltr {
  cursor: ns-resize;
}
#Atlas_Develop_UnitMap_View_Default div.curriculum,
#Atlas_Develop_UnitMap_View_Default .toggleeditor,
#Atlas_Develop_UnitMap_View_Default .togglewidget {
  /* Collapse the category to the content's size */
  min-height: 72px;
  /*break long words if they exceed the container width (if set)*/
  word-wrap: break-word;
  overflow-wrap: break-word;
}

#Atlas_Develop_UnitMap_View_Default .WidgetDisplay ul{
  word-break:normal;
}

#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main div.curriculum {
  margin: 0 8px;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .curriculum .divScrollable {
  padding: 8px;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .curriculum .WidgetEntry,
#Atlas_Admin_MappingCategories_View_WidgetStructure .curriculum .WidgetEntry {
  padding: 1px;
  min-height: 338px;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .curriculum .WidgetEntry .WidgetEntry,
#Atlas_Admin_MappingCategories_View_WidgetStructure .curriculum .WidgetEntry .WidgetEntry {
  min-height: 0;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .curriculum .WidgetEntry td,
#Atlas_Admin_MappingCategories_View_WidgetStructure .curriculum .WidgetEntry td {
  padding: 3px;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .curriculum .WidgetEntry textarea,
#Atlas_Admin_MappingCategories_View_WidgetStructure .curriculum .WidgetEntry textarea {
  width: 100%;
  overflow: auto;
}
#Atlas_Develop_UnitMap_View_Default .UIDynamicSelectListWrapper select {
  max-width: 420px;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .curriculum .SchoolValueType {
  font-weight: bold;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .curriculum .CourseSchoolValue {
  padding-left: 1em;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .curriculum .SchoolValue {
  padding-left: 1em;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .curriculum .StandardHeader {
  font-weight: bold;
}
#Atlas_Develop_UnitMap_View_Default #UnitMapContainer .main .unitActionsBar div {
  display: inline;
}
.EditUnit .categoryLock {
  padding: 10px;
  margin: 0;
  font-weight: bold;
  color: #FFFFFF;
  background: #666666;
  display: block;
  border: solid #000000;
  border-width: 1px 1px 0;
}

.categoryLock {
  display: none;
}

.CurriculumStatus {
  float: right;
  padding: 0 10px;
  line-height: 34px;
}
.CurriculumStatus img {
  vertical-align: middle;
}

/* Unit Map Redesign - Refactor and Remove when design is finalized */

.EditUnit .HideInBrowse,
.HideInDevelop {
  display: block;
}
.EditUnit .HideRowInBrowse,
.HideRowInBrowse {
  display: table-row;
}
.EditUnit .HideInDevelop,
.EditUnit .HideRowInDevelop,
.HideInBrowse,
.HideRowInBrowse {
  display: none;
}
#UpdatedOnCell {
  text-align: right;
  width: 30%;
  padding: 10px 20px;
}
.SaveUnitButton {
  float: right;
  margin-right: 24px;
}
#UpdatedOnCell .SaveUnitButton {
  position: relative;
  top: 5px;
  float: none;
  margin: -3px 4px -3px 0;
}
#UnitMapContainer .CourseAssessmentOpportunity td.adminDisplayTableActionCell a,
#UnitMapContainer .CourseSchoolValueOpportunity td.adminDisplayTableActionCell a,
.CourseAssessmentOpportunity .deleteStandard {
  display: none;
}
.EditUnit #UnitMapContainer .CourseAssessmentOpportunity td.adminDisplayTableActionCell a,
.EditUnit #UnitMapContainer .CourseSchoolValueOpportunity td.adminDisplayTableActionCell a,
.EditUnit .CourseAssessmentOpportunity .deleteStandard {
  display: inline-block;
}

#UnitMapContainer > table > tbody > tr td.minimizerCell {
  background-color: #ECF3FC;
}
#UnitMapContainer > table > tbody > tr.SectionRow td.minimizerCell {
  background-color: transparent;
}

/* Start Custom Unit Selection Dropdown */
#UnitEditBarView #UnitSelectorTrigger {
  font-weight: normal;
  font-size: 2.5em;
  line-height: 140%;
  max-width: 1024px;
  padding: 0 35px 0 5px;
  margin: 0 -5px;
  letter-spacing: normal;
  border: 1px solid transparent;
  background-color: #FFFFFF;
  color: #000000;
  min-width: 400px;
  z-index: 3;
  position: relative;
  word-wrap: break-word;
}
#UnitEditBarView #UnitSelectorTrigger:hover,
#UnitEditBarView .Popover.Active #UnitSelectorTrigger,
.EditUnit #UnitEditBarView #UnitSelectorTrigger {
  border: 1px solid #000000;
}
#UnitEditBarView .Popover.Active #UnitSelectorTrigger:hover,
#UnitEditBarView .Popover.Active #UnitSelectorTrigger {
  border-bottom-color: transparent;
}
.UnitSelectorPopover {
  margin-top: -4px;
  margin-left: -1px;
}
.UnitSelectorPopover .PopoverBody {
  box-shadow: 0 1px 2px #666666;
  padding: 0;
  border-color: #000000;
}
#UnitSelectorArrow {
  color: #000000;
  text-align: center;
  width: 30px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 60%;
  display:none;
}
#UnitEditBarView h1:hover #UnitSelectorArrow,
#UnitEditBarView .Popover.Active #UnitSelectorArrow,
.EditUnit #UnitSelectorArrow {
  display: block;
}
.EditUnit #UnitEditBarView h1:hover #UnitSelectorArrow {
  color: #FFFFFF;
  background-color: #666666;
}
#UnitEditBarView .PopoverTrigger {
  text-decoration: none;
}
#Atlas_Develop_UnitSelector_View_Default .UnitSelectorWrap > div {
  padding: 5px;
}
#Atlas_Develop_UnitSelector_View_Default .SelectedRow {
  background-color: #ecf0fb;
  cursor: default;
}
#Atlas_Develop_UnitSelector_View_Default ul {
  padding: 0;
  margin: 0;
  border: solid #000;
  border-width: 1px 0;
  list-style: none outside;
}
#Atlas_Develop_UnitSelector_View_Default .UnitSelectorHeader {
  float: left;
  width: 70%;
  font-size: 1.75em;
  font-family: 'roboto_slablight',"Times New Roman","Bitstream Charter",serif;
}
#Atlas_Develop_UnitSelector_View_Default .UnitSelectorHeader.FullWidth {
  width: 100%;
}
#Atlas_Develop_UnitSelector_View_Default .UnitSelectorAddNew {
  float: left;
  width:30%;
  text-align: right;
  position: relative;
  top: 8px;
}
#Atlas_Develop_UnitSelector_View_Default .UnitSelectorItemName {
  width: 52%;
  word-wrap: break-word;
  display: inline-block;
}
#Atlas_Develop_UnitSelector_View_Default .UnitSelectorItemTime {
  width: 30%;
  display: inline-block;
  vertical-align: top;
}
#Atlas_Develop_UnitSelector_View_Default li a {
  width: 100%;
  height: 100%;
  display: block;
}
#Atlas_Develop_UnitSelector_View_Default li {
  line-height: 30px;
  cursor: pointer;
  padding: 0 5px;
  min-height: 30px;
}
#Atlas_Develop_UnitSelector_View_Default li:hover {
  background-color: #ECF3FC;
}
/* End Custom Unit Selection Dropdown */

.BrowseTitleBar {
  margin: 0 8px;
  padding: 10px 15px;
}
#MapTeachersDisplay {
  padding: 5px 15px 10px;
}
#UnitAttributes {
  display: inline-block;
  border-bottom: 10px solid #0A5AB4;
}
#UnitAttributes .AttributionWrapper {
  margin: 0;
}
.MapNameAndWeeks {
  font-family: 'roboto_slablight',"Times New Roman","Bitstream Charter",serif;
}

#UnitMapContainer > table > tbody > tr {
  margin-bottom: 15px;
  border-bottom: 1px solid #ECF3FC;
}

#UnitMapContainer > table > tbody > tr.SectionRow {
  border-bottom-width: 2;
}

#UnitMapContainer > table > tbody > tr.SectionRow.Double {
  border-bottom-width: 0;
}

.SectionRow .editmaptitle {
  text-align: center;
}

.UnitMap .TextCell,
.editmaptitle .UnitSectionContainer {
  margin: 0 auto;
  padding: 8px 8px;
  font-size: 1.75em;
  font-family: Merriweather, "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.UnitSectionContainer p {
  margin-bottom: 0;
}
#UnitMapContainer .main .CategoryName {
  font-size: 1.75em;
  font-family: Merriweather, "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
}
#UnitMapContainer .main .CategoryName i.fa-info-circle {
  font-size: 18px;
}

.UnitMapHeaderRow span.UnitLabel, .UnitMapHeaderRow span.UnitName{
  font-weight: bold;
}
.UnitMapHeaderRow span.UnitLabel {
  color: #f00;
}

.CustomUnitTemplateCell.UnitEditBarCell {
  display: none;
}

#UnitEditBarView .UnitTimePeriodFromTo,
#UnitEditBarView .EmailLink {
  margin-left: 10px;
  margin-right: 10px;
}

.ToggleRow,
.ToggleSection {
  display: inline-block;
  width: 100%;
  text-align: center;
  cursor: pointer;
  margin-top: 15px;
}
.ToggleSection {
  margin-left: -6px;
}
.expand-all-button.collapsed i,
.collapsedRow .ToggleRow,
.collapsedSection .ToggleSection {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.collapsedRowInSection,
.collapsedCategory {
  display: none;
}
.collapsedRowInSection .CustomUnitTemplateCell:nth-child(n+1) {
  border-left: none;
}
.collapsedSection + .collapsedIndicatorRow,
.collapsedRow + .collapsedIndicatorRow {
  display: table-row;
}
.collapsedRowInSection + .collapsedIndicatorRow,
.collapsedIndicatorRow {
  display: none;
}
.collapsedIndicator {
  font-family: Times New Roman, serif; /* round dots */
  font-size: 30px;
  text-align: center;
  font-weight: bold;
  line-height: 12px;
  color: #ECF3FC;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.collapsedIndicatorEllipsis {
  position: relative;
  top: -8px;
}
.minimizerCell {
  border-right: 1px solid #ECF3FC;
}
.SectionRow .minimizerCell {
  border-right: none;
}
.CustomTemplateExtraText,
.CustomTemplateExtraTextAfter,
.CustomTemplateExtraTextBefore {
  font-family: Merriweather, "Helvetica Neue Medium", Helvetica, Arial, sans-serif;
  color: #333333;
  font-weight: normal;
}
.CustomTemplateExtraTextAfter {
  border-top: 1px solid;
  border-color: #000000;
  padding: 5px 0 20px;
  display: inline-block;
  clear: both;
  margin: 10px;
}
.CustomTemplateExtraTextAfter span {
  position: absolute;
  clear: both;
}
.CustomTemplateExtraTextAfter p span {
  position: initial;
}
.EditUnit .MappingCategoryCell > .curriculum {
  margin: 0 0 10px;
}
.WidgetDisplay{
  margin: 20px 0px 0px 10px;
}
.WidgetDisplay div[bound="string"] {
  white-space: pre-wrap;
}
.MoreTeachersLink {
  font-weight: bold;
  text-decoration: underline;
}
.WidgetEntryWrap,
.EditWidget .WidgetDisplayWrap {
  display: none;
}
.EditWidget .WidgetEntryWrap {
  display: block;
}
.EditWidget .WidgetEntryWrap label {
	display: inline;
}
#UnitMapContainer .AtlasButton,
#UnitMapContainer .DeleteStateStandardButton,
#UnitMapContainer .DeleteStateStandardStatusButton,
#UnitMapContainer .StandardsNoResultsContent {
  visibility: hidden;
}
.EditUnit #UnitMapContainer .AtlasButton,
.EditUnit #UnitMapContainer .DeleteStateStandardButton,
.EditUnit #UnitMapContainer .DeleteStateStandardStatusButton,
.EditUnit #UnitMapContainer .StandardsNoResultsContent,
#UnitMapContainer .PDFButton {
  visibility: visible;
}
#UnitMapContainer .categoryLockMask .StandardsNoResultsContent {
  visibility: hidden;
}
#TabToStandards,
#TabToSchoolValues {
  display: none;
}
.EditUnit #TabToStandards,
.EditUnit #TabToSchoolValues {
  display: block;
}
#UnitMapContainer .draggableCell {
  visibility: hidden;
  width: 0;
  max-width: 0;
  min-width: 0;
  -webkit-transition: 0.3s ease-in-out;
  -webkit-transition-property: visibility, width, max-width, min-width;
  -moz-transition: 0.3s ease-in-out;
  -moz-transition-property: visibility, width, max-width, min-width;
  -o-transition: 0.3s ease-in-out;
  -o-transition-property: visibility, width, max-width, min-width;
  transition: 0.3s ease-in-out;
  transition-property: visibility, width, max-width, min-width;
}
.EditUnit #UnitMapContainer .draggableCell {
  visibility: visible;
  width: 20px;
  max-width: 20px;
  min-width: 20px;
}
#UnitMapContainer .AttachmentsDelegate .Popover,
#UnitMapContainer .AttachmentsDelegate .EditControl {
  visibility: hidden;
}
.EditUnit #UnitMapContainer .AttachmentsDelegate .Popover,
.EditUnit #UnitMapContainer .AttachmentsDelegate .EditControl {
  visibility: visible;
}
#DevelopTabsView .expand-all-button {
	float: left;
	background-color: #ECF3FC;
}
#DevelopTabs {
  margin: 0;
}
#DevelopTabsView,
#StandardsAlignmentTabsView {
  margin: 10px 0 0;
}
#UnitMapContainer > table td:last-child {
  border-right-width: 1px;
}

/*
* Hacks for PYP/MYP view only templates with ICP. Style using what we know about the code saved in these templates
*/
.ViewOnlyTemplate td[width="5"] {
  width: 100px;
}
.ViewOnlyTemplate #UnitMapContainer h3 {
  margin: 0 auto;
  padding: 8px;
  font-size: 1.75em;
  font-family: "roboto_slablight","Times New Roman","Bitstream Charter",serif;
  font-weight: bold;
  letter-spacing: normal;
  text-align: center;
}
.ViewOnlyTemplate #UnitMapContainer > font[size="2"] {
  padding: 8px;
  font-size: 1.75em;
  font-family: "roboto_slablight","Times New Roman","Bitstream Charter",serif;
}
/**
* AT-4274 Eliminate white space from view only templates, browse mode. Show on edit.
*/
.ViewOnlyTemplate .Popover,
.ViewOnlyTemplate .AddNewUnitStateStandard,
.ViewOnlyTemplate .EditWidgetBtn,
.ViewOnlyTemplate .AtlasButton,
.ViewOnlyTemplate .DeleteStateStandardButton,
.ViewOnlyTemplate .DeleteStateStandardStatusButton,
.ViewOnlyTemplate .StandardsNoResultsContent {
  display: none;
}
.ViewOnlyTemplate .PDFButton,
.EditUnit.ViewOnlyTemplate .Popover,
.EditUnit.ViewOnlyTemplate .AddNewUnitStateStandard,
.EditUnit.ViewOnlyTemplate .EditWidgetBtn,
.EditUnit.ViewOnlyTemplate .AtlasButton,
.EditUnit.ViewOnlyTemplate .DeleteStateStandardButton,
.EditUnit.ViewOnlyTemplate .DeleteStateStandardStatusButton,
.EditUnit.ViewOnlyTemplate .StandardsNoResultsContent {
  display: inline-block;
}

.ViewOnlyTemplate .BrowseTitleBar .Popover {
  display: block;
}

.ViewOnlyTemplate div.curriculum,
.ViewOnlyTemplate div.toggleeditor,
.ViewOnlyTemplate div.togglewidget {
  min-height: 0 !important;
}
.EditUnit.ViewOnlyTemplate .WidgetDisplayWrap,
.EditUnit.ViewOnlyTemplate .toggleeditor {
  min-height: 72px !important;
  padding: 10px 5px;
}
/*
* -> End hacks for AT-4274
*/
div.StageQuestion {
  font-size: 138.5%;
  font-family: "roboto_slablight","Times New Roman","Bitstream Charter",serif;
  font-weight: normal;
  padding: 8px 0;
  color: #808080;
  display: inline;
}
/*
* Override the regular style of .CategoryLabel on ViewOnlyTemplates (category headers are secondary to questions in these templates)
*/
.ViewOnlyTemplate .CategoryLabel {
  font-size: 65%;
  font-weight: normal;
  font-family: "Helvetica Neue Medium",arial,helvetica,clean,sans-serif;
}
.ViewOnlyTemplate .CategoryName {
  padding: 8px 0;
}
.ViewOnlyTemplate .CategorySectionHeader h3 {
  border-bottom: none;
  letter-spacing: 0;
}
.ViewOnlyTemplate .WidgetDisplay {
  margin: 0 10px;
}
.ViewOnlyTemplate div.StageHeader,
.ViewOnlyTemplate .CategorySectionHeader {
  padding: 8px 0;
  font-size: 1.5em !important;
  font-family: "roboto_slablight","Times New Roman","Bitstream Charter",serif;
}
.ViewOnlyTemplate .CategorySectionHeader p {
  margin-bottom: 0;
}

/* End Unit Map Redesign Pasta */

.curriculum div.textareawebeditor {
  /* override for plain-text editing */
  padding: 1px;
}
.curriculum div.textareawebeditor textarea {
  height: 100%;
  width: 100%;
  border-width: 0;
}
.curriculum ul,
.curriculum ul li {
  list-style-type: disc;
}
.curriculum ul ul li {
  list-style-type: circle
}
.curriculum ul ul ul li {
  list-style-type: square
}

.CourseAssessmentOpportunity .AssessedStandardItem {
  padding: 3px;
}
.CourseAssessmentOpportunity .AssessedStandardItem:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.CourseAssessmentOpportunity .deleteStandard {
  float: right;
  margin-left: 10px;
}
.CourseAssessmentOpportunity .deleteStandard img {
  margin: 0;
}

#EditForm.CourseAssessmentOpportunityEditForm,
#EditForm.CourseSchoolValueOpportunityEditForm {

}
#EditForm.CourseAssessmentOpportunityEditForm .bd,
#EditForm.CourseSchoolValueOpportunityEditForm .bd {
  padding: 0;
}
#EditForm.CourseAssessmentOpportunityEditForm .bd > div,
#EditForm.CourseAssessmentOpportunityEditForm .bd #editItemForm,
#EditForm.CourseAssessmentOpportunityEditForm .bd #editItemForm > div,
#EditForm.CourseSchoolValueOpportunityEditForm .bd > div,
#EditForm.CourseSchoolValueOpportunityEditForm .bd #editItemForm,
#EditForm.CourseSchoolValueOpportunityEditForm .bd #editItemForm > div {
  height: 100%;
}
#EditAssessmentsForm,
#EditSchoolValuesForm {
  height: 100%;
  padding: 10px;
}
.EditAssessmentFormContainerWithBenchmarks #EditAssessmentsForm,
#EditSchoolValuesForm {
  float: left;
  width: 320px;
}
/**
 * Bug #18196 table expands in safari when pasting long lines into CKEditor
 */
#EditAssessmentsForm > table,
#EditAssessmentsForm .AttachmentRow div#UI_Attachments_View_EditForm > table,
#EditSchoolValuesForm .AttachmentRow div#UI_Attachments_View_EditForm > table,
#EditSchoolValuesForm > table {
  table-layout: fixed;
}
#EditAssessmentsForm .LabelCell,
#EditSchoolValuesForm .LabelCell {
  text-align: left;
  font-weight: normal;
  padding-bottom: 0;
}
#EditAssessmentsForm .Action_InstantFileUpload,
#EditSchoolValuesForm .Action_InstantFileUpload {
  width: 100%;
}
#EditAssessmentsForm .AttachmentRow > a,
#EditSchoolValuesForm .AttachmentRow > a {
  max-width: 210px; /* Fix overflowing attachment text in the assessments edit form */
}

#EditAssessmentsFormStandards,
#EditSchoolValueAlignments {
  position: relative;
  height: 100%;
  padding: 10px;
  margin-left: 320px;
  overflow-y: scroll;
}

#EditSchoolValueAlignments .WrapTable,
#EditSchoolValueAlignments .SchoolValuesDisplay {
  width: 100%;
  border: 0 none;
}
#EditSchoolValueAlignments .SchoolValuesDisplay td {
  vertical-align: top;
  padding: 5px 0;
}
#EditSchoolValueAlignments .SchoolValuesDisplay tr.evenRow td.displayTableCell,
#EditSchoolValueAlignments .SchoolValuesDisplay tr.oddRow td.displayTableCell {
  background: transparent;
}
#EditSchoolValueAlignments .SchoolValuesDisplay tr:hover td.displayTableCell {
  background-color: rgba(0, 0, 0, 0.04);
}
#EditSchoolValueAlignments .SchoolValuesDisplay td.SchoolValueCheckboxCell {
  width: 25px;
  padding-left: 5px;
}

/* Custom Combo box with bars showing number of assessed items */
.AssessmentMethodContainer {
  position: relative;
  min-height: 30px;
  line-height: 30px;
}
.AssessmentMethodBar {
  background: #F0F0F0;
}
.AssessmentMethodLabel {
  overflow: hidden;
}
.AssessmentMethodBar,
.AssessmentMethodLabel {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.AssessmentMethodSection {
  border-bottom: 1px solid #666666;
  padding: 0px 2px;
  margin: 8px 2px;
}
.AssessmentMethodOption {
  padding: 0px 2px;
}
.AssessmentMethodOption:hover {
  background: #000000;
  border-color: transparent;
}
.AssessmentMethodOption:hover .AssessmentMethodLabel {
  color: #FFFFFF;
}
.AssessmentMethodOption:hover .AssessmentMethodBar {
  background: transparent;
}
#AssessmentMethod ::-webkit-input-placeholder { /* WebKit browsers */
  color: #000000;
}
#AssessmentMethod :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #000000;
  opacity:  1;
}
#AssessmentMethod ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #000000;
  opacity:  1;
}
#AssessmentMethod :-ms-input-placeholder { /* Internet Explorer 10+ */
  color:    #000000;
}
/* End Custom Combobox */

.UnitStandardAssessmentContainer,
.SchoolValueOpportunityContainer {
  margin-bottom: 1em;
}
.UnitStandardAssessmentContainer p,
.SchoolValueOpportunityContainer p {
  margin: 0; /*Match display in report view for Bug #13841*/
}
.UnitStandardAssessmentContainer .UnitStandardAssessmentHeader,
.SchoolValueOpportunityContainer .SchoolValueOpportunity {
  font-weight: bold;
}
.UnitStandardAssessmentContainer .UnitStandardAssessmentDescription,
.SchoolValueOpportunityContainer .SchoolValueOpportunityDescription {
  margin: 3px 0;
  color: #666666;
}
.UnitStandardAssessmentContainer .AssessmentStandardsSummaryContainer,
.SchoolValueOpportunityContainer .SchoolValuesSummaryContainer {
  margin-top: 3px;
}
.UnitStandardAssessmentContainer .AssessmentStandardsSummaryContainer ul,
.SchoolValueOpportunityContainer .SchoolValuesSummaryContainer ul,
.FrontLoadedSchoolValues .SchoolValuesSummaryContainer ul {
  margin: 3px 3px 3px 33px;
}
.UnitStandardAssessmentContainer .AssessmentNoStandardsAssessedMessage,
.SchoolValueOpportunityContainer .SchoolValuesNoSchoolValuesMessage {
  color: #666666;
  margin-left: 20px;
}

.ViewAssessmentsLinkContainer,
.ViewSchoolValuesLinkContainer {
  margin-bottom: 1em;
}

.Atlas_Develop_StandardsAlignment_View_Assessments .CourseAssessmentOpportunityListTable tr.evenRow td.displayTableCell.adminDisplayTableActionCell,
.Atlas_Develop_StandardsAlignment_View_Assessments .CourseAssessmentOpportunityListTable tr.oddRow td.displayTableCell.adminDisplayTableActionCell{
  width: 80px;
}

.Atlas_Develop_StandardsAlignment_View_Assessments,
.Atlas_Develop_SchoolValues_View_SchoolValuesTable,
.Atlas_Develop_StandardsAlignment_View_Objectives,
#UnitMapContainer .Atlas_Develop_StandardsAlignment_View_Assessments,
#UnitMapContainer .Atlas_Develop_SchoolValues_View_SchoolValuesTable,
#UnitMapContainer .Atlas_Develop_StandardsAlignment_View_Objectives {
  padding: 1px;
  background-color: transparent;
  min-height: 72px;
}
.Atlas_Develop_StandardsAlignment_View_Assessments .WrapTable,
.Atlas_Develop_SchoolValues_View_SchoolValuesTable .WrapTable,
.Atlas_Develop_StandardsAlignment_View_Assessments .CourseAssessmentOpportunityListTable,
.Atlas_Develop_SchoolValues_View_SchoolValuesTable .CourseSchoolValueOpportunityListTable {
  width: 100%;
  border: 0 none;
}
.Atlas_Develop_StandardsAlignment_View_Assessments .CourseAssessmentOpportunityListTable,
.Atlas_Develop_SchoolValues_View_SchoolValuesTable .CourseSchoolValueOpportunityListTable {
  table-layout: fixed;
}
#UnitMapContainer table.StandardsDisplay {
  table-layout: auto;
}
#UnitMapContainer .Atlas_Develop_StandardsAlignment_View_Assessments .CourseAssessmentOpportunityListTable td,
#UnitMapContainer .Atlas_Develop_SchoolValues_View_SchoolValuesTable .CourseSchoolValueOpportunityListTable td {
  background-color: transparent;
}
.Atlas_Develop_StandardsAlignment_View_Assessments .CourseAssessmentOpportunityListTable tr:hover td,
.Atlas_Develop_SchoolValues_View_SchoolValuesTable .CourseSchoolValueOpportunityListTable tr:hover td,
.EditUnit #UnitMapContainer .Atlas_Develop_StandardsAlignment_View_Assessments .CourseAssessmentOpportunityListTable tr:hover td,
.EditUnit #UnitMapContainer .Atlas_Develop_SchoolValues_View_SchoolValuesTable .CourseSchoolValueOpportunityListTable tr:hover td {
  background-color: rgba(0, 0, 0, 0.04);
}
.Atlas_Develop_StandardsAlignment_View_Assessments .CourseAssessmentOpportunityListTable tr.evenRow td.displayTableCell.adminDisplayTableActionCell,
.Atlas_Develop_StandardsAlignment_View_Assessments .CourseAssessmentOpportunityListTable tr.evenRow td.draggableCell.adminDisplayTableActionCell,
.Atlas_Develop_StandardsAlignment_View_Assessments .CourseAssessmentOpportunityListTable tr.oddRow td.displayTableCell.adminDisplayTableActionCell,
.Atlas_Develop_StandardsAlignment_View_Assessments .CourseAssessmentOpportunityListTable tr.oddRow td.draggableCell.adminDisplayTableActionCell,
.Atlas_Develop_SchoolValues_View_SchoolValuesTable .CourseSchoolValueOpportunityListTable tr.evenRow td.displayTableCell.adminDisplayTableActionCell,
.Atlas_Develop_SchoolValues_View_SchoolValuesTable .CourseSchoolValueOpportunityListTable tr.evenRow td.draggableCell.adminDisplayTableActionCell,
.Atlas_Develop_SchoolValues_View_SchoolValuesTable .CourseSchoolValueOpportunityListTable tr.oddRow td.displayTableCell.adminDisplayTableActionCell,
.Atlas_Develop_SchoolValues_View_SchoolValuesTable .CourseSchoolValueOpportunityListTable tr.oddRow td.draggableCell.adminDisplayTableActionCell {
  text-align:right;
}

.Atlas_Develop_StandardsAlignment_View_Assessments .displayTablePreHeader,
.Atlas_Develop_SchoolValues_View_SchoolValuesTable .displayTablePreHeader,
.Atlas_Develop_StandardsAlignment_View_Objectives .displayTablePreHeader {
  background-color: transparent;
  padding: 2px 4px 6px;
}
/*
* Things that get hidden on the planner browse mode (inline-block || block)
*/
#UnitEditBarView a.AtlasButton,
#UnitMapContainer a.SaveUnitButton {
  visibility: hidden;
}

#Atlas_Develop_UnitMap_View_Default.EditUnit #UnitEditBarView a.AtlasButton,
#Atlas_Develop_UnitMap_View_Default.EditUnit #UnitMapContainer a.SaveUnitButton {
  visibility: visible;
}

/* Fix for Bug #17862 --> */
.CourseSchoolValueOpportunityListTable td.displayTableCell:last-child,
.CourseAssessmentOpportunityListTable td.displayTableCell:last-child {
  width: 80px;
}
.CourseSchoolValueOpportunityListTable td.displayTableCell:nth-child(3) b,
.CourseSchoolValueOpportunityListTable td.displayTableCell:nth-child(3) ul {
  word-wrap: break-word;
}
/* --> End Fix for Bug #17862 */

/*
//ICP indicate text area is clickable, maintain styling of RTE in browse-mode
*/
.toggleeditor,
.togglewidget {
  /* same padding as CKEditor */
  background-color: transparent;
  padding: 10px 5px;
  cursor: default;
  border: 1px solid transparent;
}

.EditUnit .toggleeditor{
  cursor: text;
  background-color: #FFFFFF;
  border-color:  #000000;
}

.EditUnit .EditWidgetBtn{
  margin: 2px 0px 0px 5px;
}
.EditUnit .curriculum .cke_inner {
  border: 1px solid #000000;
}

.EditUnit .toggleeditor.categoryLockMask,
.EditUnit .togglewidget.categoryLockMask {
  background: transparent;
  border-color:  #000000;
  color: #666666;
}

.EditUnit .categoryLockMask .AddObjective,
.EditUnit .categoryLockMask .AddNewCourseAssessmentOpportunity,
.EditUnit .categoryLockMask .AddNewCourseSchoolValueOpportunity,
.EditUnit .categoryLockMask .DeleteStateStandardButton,
.EditUnit .categoryLockMask .DeleteStateStandardStatusButton,
.EditUnit .categoryLockMask .CourseAssessmentOpportunity .editButton,
.EditUnit .categoryLockMask .CourseAssessmentOpportunity .deleteButton,
.EditUnit .categoryLockMask .CourseAssessmentOpportunity .draggableCell,
.EditUnit .categoryLockMask .CourseAssessmentOpportunity .deleteStandard,
.EditUnit .categoryLockMask .CourseSchoolValueOpportunity .editButton,
.EditUnit .categoryLockMask .CourseSchoolValueOpportunity .deleteButton,
.EditUnit .categoryLockMask .CourseSchoolValueOpportunity .draggableCell,
.EditUnit .categoryLockMask .EditWidgetBtn
{
  display: none;
}


.EditUnit .toggleeditor.Atlas_Develop_StandardsAlignment_View_Objectives,
.EditUnit .toggleeditor.Atlas_Develop_StandardsAlignment_View_Assessments,
.EditUnit .toggleeditor.Atlas_Develop_SchoolValues_View_SchoolValuesTable {
  border-color: transparent;
}
.EditUnit .toggleeditor.categoryLockMask.Atlas_Develop_StandardsAlignment_View_Objectives,
.EditUnit .toggleeditor.categoryLockMask.Atlas_Develop_StandardsAlignment_View_Assessments,
.EditUnit .toggleeditor.categoryLockMask.Atlas_Develop_SchoolValues_View_SchoolValuesTable {
  border-color:  #000000;
}

/*
******************************************************************
CUSTOM UNIT MAPS
******************************************************************
*/
#pyptable {
  width: 80%;
  font-size: 1em;
}
.pypstagecell {
  border: 1px solid #000000;
  padding: 3px
}

/*
******************************************************************
STANDARDS ALIGNMENT
******************************************************************
*/
/* Uses same colors as minigraph bars */
.TargetedInThis h4 {
  color: #00CCCC;
}
#AddObjectiveForm .AssessedInThis h4 {
  color: #6600CC;
}
.AssessedInThis h4 {
  color: #00CC00;
}
#EditForm .StandardsDisplay td.Drawer {
  background-color: #E8E8E9;
  padding: 0;
}
.AssessedInThis .Columns {
  -webkit-columns: 240px 2;
  -moz-columns: 240px 2;
  columns: 240px 2;
  columns-gap: 5px;
}
.AssessedInThisDetails {
  margin: 0 0 0 20px;
}
.AssessedInThisDetails:hover,
.TargetedInThisItem:hover {
  background-color: rgba(0, 0, 0, 0.04);
  cursor: default;
}
.AssessedInThisItem,
.TargetedInThisItem {
  font-size: 11px;
  -webkit-column-break-inside: avoid; /* WebKit/Blink/Safari */
  page-break-inside: avoid; /* Firefox */
  break-inside: avoid; /* IE 10+ */
  line-height: 18px;
}
.AssessedReportWrap,
.TargetedReportWrap {
  float: left;
}
.TargetedReportWrap {
  width: 35%;
}
.AssessedReportWrap {
  width: 62%;
  margin-left: 1%;
}
.Action_ToggleDrawer .MiniGraphLabel {
  text-decoration: underline;
}
.TargetedAndAssessedReport {
  margin: 0 30px;
}
.StandardsDisplay .Drawer.Loaded:after{
  right: 100px;
}
#StandardsAlignmentCell {
  width: 50%;
  padding-right: 10px;
}
#StandardsAlignmentControl {
  background-color: #DCDCDC;
  border: 2px outset #C2C2C2;
  padding: 3px;
}
#StandardsAlignmentControl table {

}
#StandardsAlignmentControl table td {
  background-color: #DCDCDC;
  padding: 3px;
}
#StandardsAlignmentObjectivesCell {
  width: 50%;
}
#StandardsAlignmentObjectivesCell table {
  margin-top: 5px;
}
#StandardsAlignmentObjectivesCell table tr td.ssl {
  font-weight: bold;
  background-color: #ECF3FC;
}
#StandardsAlignmentObjectivesCell table tr td.delobj {
  padding-left: 18px;
}
#StandardsAlignmentObjectivesCell table tr td.delobj img {
  vertical-align: middle;
}
#StandardsAlignmentActionsCell {
  width: 50%;
}
#StandardsAlignmentActionsCell table {
  width: 100%;
}
#StandardsAlignmentActionsCell table td {
  padding-bottom: 0.5em;
}
#StandardsAlignmentActionsCell table td.LabelCell {

}
#StandardsAlignmentActionsCell table td.OrderedColumn {
  font-weight: bold;
}
#StandardsAlignmentActionsCell table textarea {
  overflow: auto;
  width: 100%;
}
#StandardsAlignmentActionsCell table tr td .ssl {
  font-weight: bold;
}
#StandardsAlignmentActionsCell table tr td .delobj {
  padding-left: 18px;
}
#StandardsAlignmentActionsCell table tr td .delobj img {
  vertical-align: middle;
}

#StandardsSelectionActionBar.EditFormActionBar,
#SchoolValueAlignmentsActionBar.EditFormActionBar {
  white-space: nowrap;
}
#StandardsSelectionActionBar.EditFormActionBar table {
  margin-bottom: 8px;
}
#StandardsSelectionActionBar.EditFormActionBar td {
  padding: 0 4px 4px 4px;
}
#StandardsSelectionActionBar.EditFormActionBar .ShrinkCell {
  width: 5%;
  padding: 0 4px 4px 0;
}
#StandardsSelectionActionBar.EditFormActionBar .StandardsKeywordCell .textInput {
  width: 100%;
  min-width: 100px;
}
#StandardsSelectionActionBar.EditFormActionBar #StandardsKeywordButton {
  margin-top: 0;
}
#StandardsSelectionActionBar.EditFormActionBar .StandardsFilters,
#StandardsSelectionActionBar.EditFormActionBar .StandardsFiltersLabel,
#SchoolValueAlignmentsActionBar.EditFormActionBar .SchoolValuesFiltersLabel {
  padding: 0 4px 4px 4px;
}
#StandardsSelectionActionBar.EditFormActionBar .StandardsFilters select,
#StandardsSelectionActionBar.EditFormActionBar .StandardsFilters .textInput {
  width: 100%;
}
#StandardsSelectionActionBar.EditFormActionBar .StandardsFilters .ContentAreaFilter {
  padding: 1px 0 1px 0;
}
#StandardsSelectionActionBar.EditFormActionBar .StandardsFilters .BenchmarkLevelFilter {
  padding: 1px 0 1px 15px;
}
#StandardsSelectionActionBar.EditFormActionBar .StandardsFilters .ContentSubAreaFilter {
  padding: 1px 0 1px 30px;
}
#StandardsSelectionActionBar .Action_Help,
#SchoolValueAlignmentsActionBar .Action_Help {
  margin-bottom: -10px;
}
.StandardsDisplay {
  width: 100%;
}
.StandardsDisplay label {
	margin: 0;
}
.StandardsDisplay th,
.StandardsDisplay td,
#EditForm .StandardsDisplay td {
  padding: 5px 0;
  vertical-align: middle;
}
.StandardsDisplay th {
  padding: 3px 0;
  color: #333333;
  text-align: left;
}
.StandardsDisplay .ContentAreaRow th:first-child,
.StandardsDisplay div.ContentAreaRow div.ContentArea,
.StandardsDisplay .ContentAreaContainer div.ContentArea {
  padding-left: 0;
  /*font-size: 77%;*/
  font-weight: bold;
}
.StandardsDisplay .BenchmarkLevelRow th:first-child,
.StandardsDisplay div.BenchmarkLevelRow div.BenchmarkLevel,
.StandardsDisplay .BenchmarkLevelContainer .BenchmarkLevel {
  padding-left: 15px;
  /*font-size: 77%;*/
  font-weight: bold;
}
.StandardsDisplay .BenchmarkLevelRow .BenchmarkLevel,
.StandardsDisplay div.BenchmarkLevelContainer div.BenchmarkLevel{
  border-bottom: 1px solid #333333;
}
.StandardsDisplay .ContentSubAreaRow th:first-child,
.StandardsDisplay div.ContentSubAreaRow div.ContentSubArea,
.StandardsDisplay .ContentSubAreaContainer .ContentSubArea {
  padding-left: 30px;
  /*font-size: 77%;*/
  font-weight: bold;
}
.StandardsDisplay .StateStandardLevelRow td:first-child,
.StandardsDisplay div.StateStandardLevelRow div.StateStandardLevel,
#EditForm .StandardsDisplay .StateStandardLevelRow td:first-child,
.StandardsDisplay .StateStandardLevelContainer .StateStandardLevel {
  padding-left: 45px;
  font-weight: bold;
}
.StandardsDisplay .StateStandardRow td:first-child,
.StandardsDisplay div.StateStandardRow div.StateStandard,
#EditForm .StandardsDisplay .StateStandardRow td:first-child,
.StandardsDisplay .StateStandardContainer .StateStandard {
  padding-left: 45px;
}
.StandardsDisplay .StateStandardRow td.StandardCheckboxCell,
#EditForm .StandardsDisplay .StateStandardRow td.StandardCheckboxCell {
  width: 25px;
  padding-left: 5px;
}
.StandardsDisplay .StateStandardRow td.StandardCheckboxCell:first-child,
#EditForm .StandardsDisplay .StateStandardRow td.StandardCheckboxCell:first-child {
  width: 70px;
  padding-left: 50px;
}
#EditForm .StandardsDisplay .StateStandardRow td.StandardCheckboxCell.WithStatuses {
  width: 135px;
}
#EditForm .StandardsDisplay .StateStandardRow td.StandardCheckboxCell.WithStatuses .LockedArrowIcon + .StandardStatus {
  margin-left: 5px;
}
#EditForm .StandardsDisplay .StateStandardRow td.StandardCheckboxCell input ~ .StandardStatus {
  display: none;
  padding-left: 4px;
}

#EditForm .StandardsDisplay .StateStandardRow td.StandardCheckboxCell input:checked ~ .StandardStatus {
  display: inline-block;
}

#EditForm .StandardsDisplay .StateStandardRow td.StandardCheckboxCell .StandardStatus label {
  border: 1px solid #C2C2C2;
  color: #C2C2C2;
  cursor: pointer;
  height: 17px;
  left: 0;
  position: relative;
  top: 0;
  width: 17px;
  line-height: 1;
  font-size: 14px;
}
#EditForm .StandardsDisplay .StateStandardRow td.StandardCheckboxCell .StandardStatus input[type="checkbox"] {
  display: none;
}
#EditForm .StandardsDisplay .StateStandardRow td.StandardCheckboxCell .StandardStatus input:not(:checked) + label {
  background-color: transparent;
}
#EditForm .StandardsDisplay .StateStandardRow td.StandardCheckboxCell .StandardStatus input:checked + label {
  border-color: transparent;
  color: #000000;
}
.StandardsDisplay .LockedArrowIcon {
  margin: 4px 0 0 -3px;
}
.AssessedStandardItem .LockedArrowIcon {
  margin-top: 4px;
}
.StandardsDisplay .StateStandardRow .DeleteStateStandardButton,
.StandardsDisplay .StateStandardRow .DeleteStateStandardStatusButton,
.StandardsDisplay .StateStandardRow .deleteStandard {
  float: right;
  margin-right: 10px;
}
.StandardsDisplay .StateStandardRow.SelectedRow,
.StandardsDisplay .StateStandardRow.SelectedRow td {
  background-color: #ecf0fb;
}
.StandardsDisplay .StateStandardRow:hover td {
  background: transparent;
}
.StandardsDisplay .StateStandardRow:hover > td {
  background-color: rgba(0, 0, 0, 0.04);
}
.StandardsDisplay .AssessmentProficiencyLevels {
  margin-left: 5px;
  font-style: italic;
}

.StandardsNoResultsContent {
  padding: 15px 30px;
}

.StandardsAggregateCounts,
.StandardsDescription {
  margin: 3px 0;
  color: #666666;
  font-size: 93%;
}
.StandardsAggregateCounts a,
.StandardsDescription a {
  font-weight: normal;
}
/**
 * D3 Mini Bars
 */
#Atlas_UI_MiniGraph_View_Default{
  margin-bottom: 4px;
}
.StandardsMiniGraphHeader {

}
.StandardsDisplay .StandardsMiniGraphHeader,
#EditForm .StandardsDisplay .StandardsMiniGraphHeader {
  vertical-align: bottom;
}
.StandardsMiniGraph {
  width: 200px;
  font-size: 10px;
}
.StandardsDisplay .StateStandardRow td.MiniGraphBarContainer,
#EditForm .StandardsDisplay .StateStandardRow td.MiniGraphBarContainer {
  width: 130px;
  padding: 0;
}
.MiniGraphBarWrap {
  margin: 1px 0;
}
.StandardsDisplay .StateStandardRow td.MiniGraphLabel,
#EditForm .StandardsDisplay .StateStandardRow td.MiniGraphLabel {
  border-right: 1px solid #C2C2C2;
  text-align: right;
  padding: 0 2px;
}
.StandardsMiniGraph p {
  background: #C2C2C2;
  height: 10px;
  margin: 2px 0;
  float: left;
}
.StandardsMiniGraph .GraphRow_TargetedCourse p {
  background-color: #00CCCC; /*teal.gif*/
}
.StandardsMiniGraph .GraphRow_AssessedCourse p {
  background-color: #6600CC; /*purple.gif*/
}
.StandardsMiniGraph .GraphRow_AssessedUnit p {
  background-color: #00CC00; /*green.gif*/
}
.MiniGraphCount {
  float: left;
  margin: 0 4px;
}
#Atlas_Develop_StandardsAlignment_View_EditAssessmentStandards .StandardsDisplay .Obsolete:before {
  content: url('/common_images/icons/alert.png');
  position: relative;
  left: -6px;
  margin-right: -6px;
}
#Atlas_Develop_UnitMap_View_Default.EditUnit .StandardsDisplay .Obsolete:before,
#Atlas_Develop_UnitMap_View_Default.EditUnit .AssessmentStandardsSummaryContainer .Obsolete:before,
#Atlas_Develop_StandardsAlignment_View_ObjectivesEditTable .StandardsDisplay .Obsolete:before,
#Atlas_Develop_StandardsAlignment_View_Default .AssessmentStandardsSummaryContainer .Obsolete:before,
#Atlas_Develop_UnitMap_View_Default.EditUnit .FLDisplay .StateStandard.Obsolete:before {
  content: url('/common_images/icons/alert.png');
  position: relative;
  left: -25px;
  margin-right: -16px;
}
#Atlas_Develop_UnitMap_View_Default.EditUnit .StandardsDisplay .StandardCheckboxCell.LockedArrowContainer + td .StateStandard .Obsolete:before,
#Atlas_Develop_StandardsAlignment_View_ObjectivesEditTable .StandardsDisplay .StandardCheckboxCell.LockedArrowContainer + td .Obsolete:before,
#Atlas_Develop_StandardsAlignment_View_AssessmentStandards .StandardsDisplay .StandardCheckboxCell.LockedArrowContainer + td .Obsolete:before,
#Atlas_Develop_StandardsAlignment_View_Default .AssessmentStandardsSummaryContainer .Obsolete.LockedArrowContainer:before,
#Atlas_Develop_UnitMap_View_Default.EditUnit .AssessmentStandardsSummaryContainer .Obsolete.LockedArrowContainer:before {
  left: -45px;
}
.PublishPreview #Atlas_Activity_View_Default{
  width: 450px;
  height: 400px;
  overflow-y: scroll;
}
.PublishSummarizedCurriculumChanges table td {
  vertical-align: middle;
}
#Atlas_Develop_StandardsAlignment_View_EditAssessmentStandards {
  min-height: 210px;
}
.UnitStateStandardEditForm .EditObjectivesFormFooter,
.CourseAssessmentOpportunityEditForm .EditAssessmentFormFooter {
  text-align: center;
}

a.Action_ForceLock {
  font-weight: normal;
  color: #FFFFFF;
  margin-left: 8px;
}
/****
******************************************************************
Lesson Planner
******************************************************************
*/

#AttachmentsDelegate_Atlas_UnitLearningObject i {
    margin-right: 5px;
}
.width50percent {
    width: 50%;
}
#DetailsDisplayContainer {
  border: 1px solid #000000;
  padding: 20px;
  min-height: 210px;
  margin: 10px 0;
}
#DetailsDisplayContainer table img {
    display: block;
    max-width: 100%;
}

.curriculum figure img,
.curriculum figure iframe {
  max-width: 100%;
}
.table-border-right{
  border-right:1px solid #b9b9b9;
}
.table-border-top{
  border-top:1px solid #b9b9b9;
}
#Atlas_Portal_View_MyCourses .UnitSelectorItemName,
#Atlas_Portal_View_MyUnitsSelect .UnitSelectorItemName {
  word-wrap: break-word;
  display: inline-block;
  width: 70%;
}
#Atlas_Portal_View_MyCourses .UnitSelectorItemTime,
#Atlas_Portal_View_MyUnitsSelect .UnitSelectorItemTime {
  display: inline-block;
  vertical-align: top;
  text-align: right;
  float: right;
}
#Atlas_Portal_View_MyUnitsSelect ul {
  list-style-type: none;
  margin: 0;
  border: solid gray 1px;
}
#Atlas_Portal_View_MyUnitsSelect li a {
  width: 100%;
  height: 100%;
  display: block;
}
#Atlas_Portal_View_MyUnitsSelect li {
  line-height: 30px;
  cursor: pointer;
  padding: 0 5px;
  min-height: 30px;
}
#Atlas_Portal_View_MyUnitsSelect li:hover {
  background-color: #ECF3FC;
}
#Atlas_Portal_View_MyUnitsSelect #UnitSelectorTrigger {
  font-weight: normal;
  font-size: 2.5em;
  line-height: 140%;
  max-width: 1024px;
  padding: 0 35px 0 5px;
  margin: 0 -5px;
  letter-spacing: normal;
  border: 1px solid transparent;
  background-color: #FFFFFF;
  color: #000000;
  min-width: 400px;
  z-index: 3;
  position: relative;
  word-wrap: break-word;
}
#Atlas_Portal_View_MyUnitsSelect #UnitSelectorTrigger:hover,
#Atlas_Portal_View_MyUnitsSelect .Popover.Active #UnitSelectorTrigger,
#Atlas_Portal_View_MyUnitsSelect #UnitEditBarView #UnitSelectorTrigger {
  border: 1px solid #000000;
}
#Atlas_Portal_View_MyUnitsSelect .Popover.Active #UnitSelectorTrigger:hover,
#Atlas_Portal_View_MyUnitsSelect .Popover.Active #UnitSelectorTrigger {
  border-bottom-color: transparent;
}
#Atlas_Portal_View_MyCourses h1:hover #UnitSelectorArrow,
#Atlas_Portal_View_MyCourses #UnitSelectorArrow,
.EditUnit #UnitSelectorArrow {
  display: block;
}
#Atlas_Portal_View_MyCourses .PopoverTrigger {
  border: solid 1px #808080;
  border-radius: 6px;
  width: 70%;
  height: 29px;
}

#Atlas_Portal_View_MyCourses #btnAddNewUnit {
  position: absolute;
  top: 20px;
  color: #505050;
}
#divCourseInfoInWidget i {
    font-size: 0.875em;
}
#Atlas_Portal_View_MyCoursesAdd .x-color-picker {
  height: 39px;
  width: 64px;
}
#divDynamicCourse #units tr td.unit {
    width: 40%;
}
#Atlas_Portal_View_MyUnitsSelect .UnitSelectorItemTime i.fa,
#Atlas_Portal_View_MyCourses .UnitSelectorItemTime i.fa {
  font-size: 0.85em;
  margin-right: 4px;
}
#Atlas_Portal_View_MyUnitsSelect i.fa,
#Atlas_Portal_View_MyCourses i.fa {
    font-size: 13px;
}
.marginbottom10px {
    margin-bottom: 10px;
}
#Atlas_Portal_View_MyCourses #MapTeachersDisplay {
    padding-left: 4px;
    padding-right: 4px;
}
#Atlas_Portal_View_MyUnits i.fa {
    font-size: 0.875em;
}
.greybkground {
    background: #f2f2f2 !important;
}
#Atlas_Develop_LessonPlanner_View_Display div.deleted {
	text-align: center;
}
#Atlas_Develop_LessonPlanner_View_Display #UnitEditBarView .BrowseTitleBar {
	margin-left: 0;
	padding-left: 0;
}
#Atlas_Develop_LessonPlanner_View_Display #UnitAttributes {
	border-bottom: none;
}

[dir=rtl] {
	text-align: right;
}
/*
******************************************************************
FROALA CUSTOM STYLES
******************************************************************
*/
.fr-box > .fr-wrapper > .fr-element {
	padding: .75rem;
}

.fr-box > .fr-wrapper > .fr-element * {
	line-height: 1.5;
	margin-bottom: 0;
}

.fr-box > .fr-wrapper > .fr-element img,
.fr-box > .fr-wrapper > .fr-element td,
.fr-box > .fr-wrapper > .fr-element th {
	padding: .5rem;
}

.fr-box > .fr-wrapper > .fr-element ol,
.fr-box > .fr-wrapper > .fr-element ul,
.fr-box > .fr-wrapper > .fr-element dl {
	margin-top: 0 !important;
}

.fr-box > .fr-wrapper > .fr-element table.fr-no-borders td,
.fr-box > .fr-wrapper > .fr-element table.fr-no-borders th,
.fr-box > .fr-wrapper > .fr-element table td.fr-cell-no-borders,
.fr-box > .fr-wrapper > .fr-element table th.fr-cell-no-borders {
	border-style: none !important;
}
.curriculum {
	overflow: auto;
}
.curriculum.fr-view {
	overflow: unset;
}
.curriculum.fr-view ol,ul,dl {
	margin-left: 2em !important;
}
.curriculum iframe {
	max-width: 100%;
}
.fr-popup {
	z-index: 9992 !important;
}

.max-height-45vh {
	max-height: 45vh;
}


#TeacherFilterTable{
	table-layout: fixed;
	width: 100%;
}
#TeacherFilterTable td{
	padding-right: 8px;
}
#TeacherFilterTable td select,
#TeacherFilterTable td .textInput{
	width: 100%;
}
/*
******************************************************************
Browse section page
******************************************************************
*/
#Atlas_Browse_View_NowViewing {
	width: 100%;
	min-width: 500px;
}
#Atlas_Browse_View_NowViewing input,
#Atlas_Browse_View_NowViewing select{
	vertical-align: middle;
}
#Atlas_Browse_View_NowViewing .SelectMappingCategoryWrapper td{
	padding: 8px 4px 0 0;
}

#Atlas_Browse_View_Filters .SavedBrowseTable {
    margin-bottom: 10px;
}

#Atlas_Browse_View_NowViewing .HideEmptyMapsContainer,
#Atlas_Browse_View_NowViewing .ShowEmptyMapsContainer {
	white-space: nowrap;
}

#Atlas_Browse_View_NowViewing .HideEmptyMapsContainer label,
#Atlas_Browse_View_NowViewing .ShowEmptyMapsContainer label {
    vertical-align: middle;
}
#Atlas_Browse_View_NowViewing > div > div {
	display: table-cell; padding: 0 2px;
}

#Atlas_Browse_View_NowViewing #ShowOnlyText {
	font-weight: bold;
}
#Atlas_Browse_ScopeAndSequence_View_MultipleCategory #Atlas_Browse_View_NowViewing_delegate #viewingListWrapper {
	display: none;
}
/*
******************************************************************
UNIT CALENDAR
******************************************************************
*/
#UnitCalendarContainer {
	border: 1px solid #808080;
	width: 100%;
	margin-top: 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
}
#UnitCalendarContainer td .ContextMenuButton img {
	vertical-align: middle;
}
#units {
	width: 100%;
}
#units tr.months td,
#units tr.weeks-only td,
#units tr td.printmarker {
	border-bottom: 0 none;
}

#units tr td.weeknum {
	font-size: 77%;
	text-align: center;
	font-weight: bold;
	padding: 0 1px;
}
#units tr td.UnitLabelCell {
	vertical-align: middle;
	text-align: left;
	width: 20px;
}
#units tr td.unit {
	width: 15%;
	max-width: 360px;
	padding: 1px 4px 3px 8px;
}
#units tr td.checkboxcell {
	text-align: right;
}
.unitcal.unitcalBrowse td {
	vertical-align: middle;
}
.WordBreakEnabled {
	/* @see: http://blog.kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/ */
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word; /*Non standard for webkit*/
	word-wrap: break-word; /* IE10 */
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
#Atlas_Browse_View_MapDescription img,
#CourseDescriptionReport img{
	max-width: 600px;
}

#Atlas_Browse_View_MapDescription p {
	min-height:1px;
}
#CustomUnitMapHeaderTable td {
	padding: 2px 5px;
	font-size: 93%;
	vertical-align: bottom;
}
#CustomUnitMapHeaderTable th {
	padding: 2px 5px;
	font-weight: bold;
	color: #0A5AB4;
	text-align: left;
}
/*
 * Subject Report Table styles (e.g. /c/tools/kccauReport.php)
 */
.SubjectReportTable .Class {
	background-color:#DEDEDE;
}
.SubjectReportTable .UnitTitle {
	background-color:#EFEFEF;
}
.SubjectReportTable td {
	font-size: small;
}
.pypstagecell {
	border: #000000 1px solid;
	padding: 3px
}


/************************
 * WIDGETS
 ************************/

.WidgetDisplay {

}
.WidgetDisplay ul {
	margin: 0 0 0 2em;
}
.WidgetDisplay table {

}
.WidgetDisplay table td {
	padding: 0 10px 10px 0;
}

/**
 * No results div displayed when there is no data to display in the report
 */
.noResults {
	padding: 10px 0px 10px 0px;
	font-size: 123.1%;
	color: #C00;
}

.WidgetValueDisabled{
	color: #999;
}

.WidgetValueHighlighted{
	color: #F00;
}

.WidgetValueUnitDisabled,
.WidgetValueUnitDisabled a{
	color: #999;
}

table.ReportDisplayTable .displayTableHeader .WidgetValueUnitDisabled a{
	color: #999;
}

.CurriculumDisabled,
.CurriculumDisabled a{
	color: #999;
}

.MappingCategoryTitleHighlighted {
	color: #F00;
}

tr.HiddenUnit td.displayTableCell {
	display: none;
}

/*
* Fix for AT-4884, break word when column header is resized
*/

#Atlas_Browse_View_Map .displayTableHeader {
	word-break: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
}

/*
* Fix some browse views' layout to imitate the develop (ckeditor) layout
*/
#Atlas_Browse_StandardsDetail_View_Default p,
#Atlas_Browse_View_Map p,
#Atlas_Browse_View_MapDescription p {
	margin-top: 0;
	margin-bottom: 0;
}
#Atlas_Browse_View_Map .displayTable tr td table.UnitNameContainer tr td {
	padding-top: 0;
}
#Atlas_Browse_View_Map .displayTable tr td table.UnitNameContainer tr td .AtlasButton {
	margin: 0 3px;
}
#Atlas_Browse_StandardsDetail_View_Default p:empty,
#Atlas_Browse_View_Map p:empty,
#Atlas_Browse_View_MapDescription p:empty {
	margin-bottom: 1em;
}
#Atlas_Browse_View_Map .displayTable tr td.displayTableCell {
	padding: 3px 8px !important;
}
#Atlas_Browse_View_Map .curriculum,
#Atlas_Browse_View_Map .WidgetDisplay {
	word-wrap: break-word;
}
#Atlas_Browse_View_Map .WidgetDisplay ul li {
	word-break: break-all;
}
#Atlas_Browse_View_Map .curriculum div table.StandardsDisplay {
	table-layout: fixed;
}
#Atlas_Browse_View_Map .WidgetDisplay {
	margin: 0;
}
#Atlas_Browse_View_Map .WidgetDisplay table.displayTable tr td {
	padding: 0;
}
#Atlas_Browse_View_Map .WidgetDisplay ul {
	margin-left: 16px;
}
#Atlas_Browse_View_Map table.displayTable {
	width: inherit;
}

/* HELP WITH RENDERING LINE BREAKS - JIRA ISSUE AT-4988 */
#main .View p:empty,
.cke .cke_inner .cke_contents p:empty {
	margin: 0;
}
#main .View p:empty::before,
.cke .cke_inner .cke_contents p:empty::before {
	content: ' ';
	display: block;
	width: 100%;
	height: 1.2em;
}


/*
******************************************************************
ANALYZE REPORTS
******************************************************************
*/

#AnalyzeReportsTable{
	
}
#AnalyzeReportsTable td{
	padding-bottom: 10px;
}
#AnalyzeReportsTable td.LabelCell{
	text-align: left;
	padding-top: 3px;
}

#SelectedCurriculumMapsTable{
	width: 100%;
}

#AnalyzeReportFilters {
    margin-top:3px;
}

/*
****************************************************************************
ANALYZE REPORTS: ADJUST TABLE MINIMAL WIDTH, PADDING ON STANDARDS CATEGORIES
****************************************************************************
*/

#Atlas_Analyze_ScopeAndSequence_View_MultipleCategory th.displayTableHeader:nth-child(n+1) div,
#Atlas_Browse_ScopeAndSequence_View_MultipleCategory th.displayTableHeader:nth-child(n+1) div,
#Atlas_Analyze_View_ScopeAndSequence th.displayTableHeader div,
#Atlas_Analyze_View_UnitOverview th.displayTableHeader div,
#Atlas_Browse_View_IntegratedMap th.displayTableHeader:nth-child(n+1) div {
    min-width: 200px;
}

.CurriculumReport .BenchmarkLevelRow th:first-child,
.CurriculumReport div.BenchmarkLevelContainer div.BenchmarkLevel,
.CurriculumReport .ContentSubAreaRow th:first-child,
.CurriculumReport div.ContentSubAreaContainer div.ContentSubArea,
.CurriculumReport .StateStandardLevelRow td:first-child,
.CurriculumReport div.StateStandardLevelContainer div.StateStandardLevel,
.CurriculumReport .StateStandardRow td:first-child,
.CurriculumReport div.StateStandardContainer div.StateStandard {
    padding-left: 10px;
}
#Atlas_View_Standards .StandardsDisplay div.ContentAreaContainer,
#Atlas_View_Standards .StandardsDisplay div.BenchmarkLevelContainer,
#Atlas_View_Standards .StandardsDisplay div.ContentSubAreaContainer {
	padding: 3px;
}
#Atlas_View_Standards .StandardsDisplay div.StateStandardLevelContainer,
#Atlas_View_Standards .StandardsDisplay div.StateStandardContainer{
	padding: 10px 0;
}
/*
******************************************************************
SCOPE AND SEQUENCE
******************************************************************
*/

#MapSelectorPopup{
	width: 750px;
	position: relative;
}
#MapSearchResults{
	height: 200px;
	overflow: auto;
	position: relative;
}

.CalendarDate {
    margin-left: 20px;
    display: inline-block;
    margin-top: 5px;
}

/*
******************************************************************
MULTI-YEAR COMPARE: DRAGGABLE LIST OF MAPS
******************************************************************
*/
#SelectedMapContainer .SelectedMap {
	background-color: #FFFFFF;
	border: 1px solid #C2C2C2;
	padding:8px 3px;
}
#SelectedMapContainer .SelectedMap p {
	margin-bottom: 0;
}
#SelectedMapContainer .SelectedMap .unselector {
	float:left;
	margin:auto 8px auto 5px;
	position:relative;
	cursor:pointer;
}
/*
******************************************************************
STANDARDS PROFILING
******************************************************************
*/

#StandardsProfilingContentTable {
	width: 100%;
}
#StandardsProfilingContentTable .FilterFieldSet {
	/*these fieldsets don't need extra margins at the top of the page*/
	margin: 12px 0;
}
#StandardsProfilingContentTable #StandardsProfilingFiltersText {
	font-size: 85%;
	margin-bottom: 7px;
}

#ReportsSaveContainer {

}
#ReportsSaveContainer select {
	vertical-align: middle;
}

#StandardsProfilingTableControls {
	margin-bottom: 10px;
	line-height: 30px;
}
#StandardsProfilingTableControls #ShowEmptyRowsContainer {
	white-space: nowrap;
	padding: 0 1em;
}
#StandardsProfilingTableControls #ShowEmptyRowsContainer input {
	vertical-align: middle;
}
#GraphByContainer {
	margin-bottom: 10px;
}
#StandardsProfilingContentCell {
	width: 100%;
}

#StandardsKeywordSearchControl {
	width: 224px; /* Restrict to FilterControlContent inner width in case Localized Search button text gets too long */
}
#StandardsKeyword {
	vertical-align: middle;
	width: 150px;
}

#StandardsProfilingManageReports .DeleteStandardsProfilingReportButton {
	margin-left: 5px;
}

#StandardsProfilingManageReports .ReportNameWrapper, #StandardsProfilingManageReports .ReportSnapshotCollapsibleLink {
	float: left;
}

#StandardsProfilingManageReports .ReportSnapshotCollapsibleWrap > .InnerDiv {
	clear: both;
}

#StandardsProfilingGridPanel .x-grid-header-ct .x-column-header-text, #StandardsProfilingGridPanel .x-grid-cell-DataName {
	font-weight: bold;
}
#StandardsProfilingGridPanel tr.ExpandedRow .x-grid-cell-DataName .x-grid-cell-inner {
	font-weight: normal;
	margin-left: 10px;
}
#StandardsProfilingGridPanel td {
	vertical-align: middle;
}
#StandardsProfilingGridPanel .AggregateLink {
	overflow: hidden;
	width: 20%;
}
#StandardsProfilingGridPanel .x-progress {
	background-color: #FFFFFF;
	height: 10px;
	position: relative;
	cursor: pointer;
}
#StandardsProfilingGridPanel .x-progress .x-progress-bar {
	position: absolute;
	height: 8px;
	top: 0;
	left: 0;
}
/* when displaying bars in printed version of Standards Analysis, use images instead of bg colors */
#StandardsProfilingGridPanel .x-progress .x-progress-bar img.PrintOnlyContent {
	height: 100%;
	width: 100%;
}
#StandardsProfilingGridPanel .x-progress .x-progress-outer {
	display: block;
	width: 100%;
	height: 100%;
}
#StandardsProfilingGridPanel .x-grid-cell-StandardsProfilingExpander .x-grid-cell-inner {
	padding-left: 3px;
}
#StandardsProfilingGridPanel .x-column-header-inner {
	min-height: 45px;
	max-height: 45px;
	line-height: 15px;
    white-space: normal;
}
#StandardsProfilingGridPanel .x-column-header-inner .x-column-header-text {
    white-space: normal;
}
.StandardsProfilingSnapshotError {
	width: 395px;
}

/** IE border artifact fix **/
.x-panel-collapsed #StandardsProfilingFilters .ControlHeader {
	border: 0px;
}
#SnapshotList {
	margin-right: 5px;
}

#Atlas_Analyze_Standards_Profiling_Filters_View_Maps table.DateTable td {
	padding: 0px;
	vertical-align: top;
}
#Atlas_Analyze_Standards_Profiling_Filters_View_Maps table.DateTable td.DateFilterMiddleText {
	padding: 4px 4px 4px;
}

#Atlas_Analyze_Standards_Profiling_Filters_View_Maps input.x-form-field {
	width: 75px;
}
.ChartSummaryText {
	text-align: center;
	margin-bottom: 5px;
	font-size: 20px;
	color: #0A5AB4;
}

/*
******************************************************************
COMPARATIVE UNIT CALENDAR
******************************************************************
*/
.ComparativeUnitCalendarLegend {
    table-layout: fixed;
}

/*
******************************************************************
REPORT WIZARD
******************************************************************
*/
#Atlas_Analyze_View_ReportWizard #ReportWizardFilters {
	float:left;
	margin-right: -270px;
	z-index: 2;
}
#Atlas_Analyze_View_ReportWizard #ReportWizardContent {
	float: right;
	width: 100%;
	padding-left: 270px;
	z-index: 1;
}
#Atlas_Analyze_View_ReportWizard .ReportWizardFilter .Selected {
	color: #0A5AB4;
}
#Atlas_Analyze_View_ReportWizard h2 {
	margin: 0.5em 0 0.5em;
}
#Atlas_Analyze_View_ReportWizard .Action_SwitchReportWizardContent {
	margin: 0 0 0.5em;
}
#Atlas_Analyze_View_ReportWizard .ReportWizardViewContainer {
	margin-bottom: 1em;
}
#Atlas_Analyze_View_ReportWizard .ReportWizardViewContainer a {
	width: 25%;
	float: left;
	text-align: center;
}
/*
*	Temporary disabling the 'coming soon' links in Report Wizard in the following two css blocks:
*/
#Atlas_Analyze_View_ReportWizard .ReportWizardViewContainer a[href~='Javascript://'] {
	cursor: default;
}

#Atlas_Analyze_View_ReportWizard .ReportWizardViewContainer a[href~='Javascript://']:hover {
	color: #1A73E8;
}

#Atlas_Analyze_View_ReportWizard .ReportWizardViewContainer a img {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
#Atlas_Analyze_View_ReportWizard .ReportWizardViewContainer h3 {
	margin: 0.5em 0;
}
#Atlas_Analyze_View_ReportWizard #SearchReportWizard {
	width: 213px;
	padding: 1px 3px;
	margin: 1em auto;
	display: block;
}
#Atlas_Analyze_View_ReportWizard #SearchReportWizard.Selected {
	border: 2px solid #0A5AB4;
	padding: 0px 2px;
}
#Atlas_Analyze_View_ReportWizard .ReportWizardViewContainer li.Found {
	color: #333333;
}
#Atlas_Analyze_View_ReportWizard .ReportWizardViewContainer li {
	color: #C2C2C2;
}
#Atlas_Analyze_View_ReportWizard .ReportWizardViewContainer .Str {
	background-color: #F5F5F5;
}
#Atlas_Analyze_View_ReportWizard .Action_DisplaySearchTab.ReportWizardTab.selected a {
	color: #0A5AB4;
}
#StandardsAnalysisFilterButtons {
	padding: 8px 10px;
}
#Atlas_UI_Report_View_LoadSnapshotModal div.SnapshotRow {
	margin-top: 8px;
}
#Atlas_UI_Report_View_LoadSnapshotModal div.SnapshotRow > a	{
	vertical-align: middle;
}



/*
******************************************************************
REFERENCES
******************************************************************
*/
#Atlas_References_View_Search .glosterm {
	font-weight: bold;
	font-style: italic;
}

#Atlas_References_View_Search .gloslist {
	margin: 0 5px 15px 15px;
}
    
#Atlas_References_View_LinkFiles ul h1, #Atlas_References_View_LinkFiles ul h2, #Atlas_References_View_LinkFiles ul h3{
	margin-top: 1em; 
}
.glossarysources{
        font-size: .8em; 
        font-weight: bold; 
}
.glossarysources span{
        text-decoration: underline;
}
.ReferenceLink a{
        padding-right: 4px;
}

#Atlas_References_View_Search .SearchResult {
   border: 1px solid #C2C2C2;
}

#Atlas_References_View_Search .linkname {
    color: #0A5AB4;
    background-color: #FFFFFF;
    padding: 5px 5px 5px 8px;
}

#Atlas_References_View_Search .linktext {
    padding: 12px 12px 12px 20px;
}

.Atlas_References fieldset {
    display: inline;
}

#ReferencesSearchBar {
    float: right; 
}

#Atlas_References_View_ReferenceLinkSortForm .adminDisplayTableActionCell {
    padding-right: 8px;
}
#Atlas_References_View_ReferenceLinkSortForm * td {
    padding: 8px 0 8px 0;
}

#Atlas_References_View_ReferenceLinkSortForm .ActionCloseModal {
    float: right;
}

#Atlas_References_View_Default .HeaderContainer {
    padding: 5px 0 5px 0;
}

#Atlas_References_View_LinkFiles h3 {
	border-width: 0;
}

/*
******************************************************************
STANDARDS DRILLDOWN REPORTS
******************************************************************
*/
#StandardsKey {
	background-color: #FFFFFF;
	border: 1px solid #C2C2C2;
	margin-bottom:10px;
	margin-top:10px;
}
#StandardsKey td {
	padding: 3px 8px;
}
#StandardsKey td.CA, #StandardsDrilldownTable td.CA {
	font-size: 108%;
	font-weight: bold;
	color: #0A5AB4;
}
#StandardsKey td.CSA, #StandardsDrilldownTable td.CSA {
	font-size: 100%;
	font-weight: bold;
	color: #1A73E8;
}
#StandardsKey td.BL, #StandardsDrilldownTable td.BL {
	font-size: 100%;
	color: #1A73E8;
}
#StandardsKey td.SSL, #StandardsDrilldownTable td.SSL {
	font-weight: bold;
	font-size: 85%;
}
#StandardsKey td.SS, #StandardsDrilldownTable td.SS {
	font-size: 77%;
}
#StandardsDrilldownTable .Obsolete:before {
	content: url('/common_images/icons/alert.png');
	position: relative;
	left: -20px;
	margin-right: -16px;
}
/*
******************************************************************
	Bloom's Taxonomy
******************************************************************
*/
#Atlas_References_View_Blooms p {
	font-size: 14px;
}
#BloomsTable tr th{
	font-weight: bold;
	font-size: 14px;
}
#BloomsTable tr td{
	font-family: verdana,geneva,sans-serif;
	color: rgb(0, 0, 0);
	background-color: transparent;
	/*font-weight: 400;*/
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	vertical-align: baseline;
}
#BloomsTable > tbody > tr > td:nth-child(1) {
	font-weight: bold;
}
#BloomsTable .subTable {
	width: 100%;
}
#BloomsTable .subTable td {
	width: 50%;
}
#BloomsTable tr td p {
	line-height:1.38;
	margin-top:0pt;
	margin-bottom:0pt;
}
.citationDescription {
	font-style: italic;
}


/*
******************************************************************
ATLAS SUPPORT
******************************************************************
*/

.AtlasSupportPage #PageTitleBar,
.AtlasSupportPage #UINotificationContainer,
.AtlasSupportPage #mainfooter {
	display: none;
}
.AtlasSupportPage #contentcontainer,
.AtlasSupportPage #content,
#Atlas_Support_View_Default,
#AtlasManualFrame {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

body.AtlasSupportPage {
	overflow: hidden;
}

/*
******************************************************************
INFO
******************************************************************
*/
#Atlas_Info_View_YourTeam .InfoImage{
	display: block;
	float: right;
	margin: 15px 0 1em 1em;
}

.InfoLinks {
	padding-right: 10px;
}

/*
******************************************************************
BORDERED DIVS
******************************************************************
*/
#content .BorderedDiv {
    background-color: #F5F5F5;
	padding: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:20px;
}
#content .BorderedDiv td {
	background-color: transparent;
}

#content .BorderedDiv h3 {
	padding: 8px 10px;
	font-size: 100%;
	background-color: #DCDCDC; /* Old browsers */
	color: #0A5AB4;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom: none;
	margin: -10px -10px 10px -10px;
}

/* Nested BorderedDivs */
#content .BorderedDiv .BorderedDiv{
	border: 0;
	padding: 0;
	margin: 0;
}

#content .BorderedDiv .BorderedDiv h3{
	border: 0;
}
#content .BorderedDiv .BorderedDiv ul{
	margin-top: 0;
	margin-bottom: 0;
}

/*
******************************************************************
INFO PAGE
******************************************************************
*/
ul.optionItem{
	margin: 10px 10px 10px 20px;
}
ul.optionItem li{
	margin-bottom: 5px;
}
#infoTable {
	width: 100%;
}
#infoTable .infoLinksCell {
	width: 270px;
	padding-right: 20px;
}

/*
******************************************************************
TRAINING CHECKLISTS
******************************************************************
*/
#content table.TrainingChecklist tr th {
	font-size: 77%;
	text-align: center;
	vertical-align:middle;
}

#content table.TrainingChecklist .CheckListAction {
	text-align: center;
	vertical-align: top;
}
/*
******************************************************************
INFO
******************************************************************
*/
.QSGHeading {
	margin-top: 10px;
	font-size: medium;
	font-weight: bold;
}
#Atlas_Support_View_PLCSiteDetails tr td {
	padding-bottom: 10px;
}



/*
******************************************************************
BORDERED OUTLINE
******************************************************************
*/
#content .BorderedOutline { 
	background-color: #FFFFFF;
	border: 1px solid #C2C2C2;
	padding: 10px;
}
#content .BorderedOutline td { 
	border: 1px solid #C2C2C2;
	padding: 10px;
	background-color: #FFFFFF;
}
#content .BorderedOutline table, #content .BorderedOutline table td {
	border: 0;
	padding: 0;
}

/*
******************************************************************
PUBLIC SITES
******************************************************************
*/

#Atlas_Communities_View_Public .PublicSiteCell {
	padding-top: 5px;
}

/*
******************************************************************
SERVICE LEARNING
******************************************************************
*/
#content .twtr-doc .twtr-hd, #content .twtr-doc .twtr-ft {
	display: none;
}

#content .twtr-doc, 
#content .twtr-doc .twtr-timeline, 
#content #twtr-widget-1 .twtr-doc, 
#content #twtr-widget-1 .twtr-hd a, 
#content #twtr-widget-1 h3, 
#content #twtr-widget-1 h4, 
#content #twtr-widget-1 .twtr-popular {
	background: none !important;
}

#content .twtr-doc .twtr-timeline a, #content .twtr-doc .twtr-timeline a:hover {
	color: #1A73E8 !important;
}

#content .feedburnerFeedBlock #creditfooter {
	display: none;
}
#content .feedburnerFeedBlock ul li {
	margin-bottom: 15px;
}

/*
******************************************************************
FORUM FRAMES
******************************************************************
*/

#phpbb #page-body a, #phpbb #page-body a:link, #phpbb #page-body a:visited {
	color: #1A73E8 !important;
}

#phpbb #page-body a:hover {
	color: #0A5AB4 !important;
}




/*
******************************************************************
ADMIN CONTENT
******************************************************************
*/
#AdminOptions{

}
#AdminOptions .FilterFieldSet .AtlasButton{
	margin-bottom: 4px;
}

#AdminOptions .LinkCell {
	padding-right: 20px;
}
#AdminOptions .LastCell {
	padding-right: 0;
}
#AdminOptions .BorderedDiv div {
	width: 100%;
}
#AdminOptions .BorderedDiv table {
	width: 100%;
}
#AdminOptions .BorderedDiv table td {
	padding: 5px 5px 0 10px;
}

/*
******************************************************************
ADMIN TABLES
******************************************************************
*/
.displayTable tr td.adminDisplayTableActionCell{
	vertical-align: top;
	white-space: nowrap;
}
.displayTable tr td.adminDisplayTableActionCell a{
	vertical-align: top;
	display: -moz-inline-stack;
	display: inline-block;
	margin-right: 10px;
    padding: 1px;
}
table tr.saving td.adminDisplayTableActionCell a,
table tr.deleting td.adminDisplayTableActionCell a,
table tr.editing td.adminDisplayTableActionCell a{
	visibility: hidden;
}
.displayTable tr td.adminDisplayTableActionCell img{
	vertical-align: middle;
}

table tr td.adminDisplayTableCell table tr td {
	background: transparent;
	padding: 2px 6px;
}
table tr td.adminDisplayTableActionCell .ContextMenuButton {
	height: auto; /* override .ButtonUI.BackLinkFlagged height 24px; */
}
/**
*	Truncate Field Text on AdminTable
**/
table .ToggleTruncatedFields {
	cursor: pointer;
	display: inline-block;
}

#DescriptionTableHeader {
	width: 50px;
}

.FullField p, .TruncatedField p {
	margin: 0;
	padding: 0;
}
.ToggleTruncatedField {
	position: relative;
	top: 2px;
}
.toggleOn,
.Collapsed .toggleOff {
	display: none;
}
.Collapsed .toggleOn,
.toggleOff {
	display: inline-block;
}

/*
******************************************************************
MODAL POPUPS - ADMIN FORMS
******************************************************************
*/

/*** Start Line Item Edit Form (e.g. Atlas Courses admin page(RCCBs), Class Evaluation Rubrics)***/
#EditForm.EditLineItems, #EditForm.LocalizableTextLanguageEditForm {
	width: 800px;
}
#EditForm.EditLineItems .title{
    font-size: 1.1em;
    font-weight: bold;
}
#EditForm.EditLineItems #FieldContainer{
	border: 1px solid #666666;
}
#EditForm.EditLineItems #FieldContainer.dropHover{
	border-color: red;
	background-color: #EEEE99;
}
#EditForm.EditLineItems #FieldContainer.dropHover .FieldRow{
	background-color: #EEEE99;			/*AE 6/4/09 partial fix for bug # 8479 - highlight divs inside droppable container*/
}
#EditForm.EditLineItems #FieldContainer #DropPlaceholder{
	padding: 50px 10px;
}
#EditForm.EditLineItems .FieldRow{
	padding: 5px;
	clear: both;
}
#EditForm.EditLineItems .FieldRow a{
	position: relative;
	float: right;
	margin-right: 4px;
	padding: 4px;
}
#EditForm.EditLineItems .textInput,
#EditForm.EditLineItems select{
	width: 275px;
	display: block;
}
#EditForm.EditLineItems #SimpleRubricField{
	width: 300px;
}
#EditForm.EditLineItems #LineItemsEditorLeftCell,#EditForm.EditLineItems #FieldContainer {
	vertical-align: top;
	width: 49%;
}
#EditForm.EditLineItems #LineItemsEditorMiddleCell {
	width: 2%;
}
#EditForm.EditLineItems #SimpleItemContainer, #EditForm.EditLineItems #StandardsContainer{
	width: 100%;
}
#EditForm.EditLineItems #NewItem textarea{
	width: 400px;
	height: 40px;
	float: right;
}
#EditForm.EditLineItems #StandardsContainer #StandardItems {
	border: 1px solid #666666;
}
#EditForm.EditLineItems #StandardsContainer #StandardItems .StateStandardLevel{
	padding: 8px 8px;
	font-weight: bold;
}
#EditForm.EditLineItems #StandardsContainer #StandardItems .StateStandard{
	padding: 8px 8px 8px 12px;
}
#EditForm .DragIcon{
	position: relative;
	float: right;
	margin-left: 3px;
}
#EditForm.EditLineItems .StandardSelectionItem,
#EditForm.EditLineItems .FieldRow{
	cursor: move;
	zoom: 1;
	padding: 5px;
	border: 1px solid #666666;
	background-color: #F5F5F5;
}
#EditForm.EditLineItems .ContentControlContainer{
	padding: 6px;
}

#EditChildMapsForm .WrapTable {
    display: block;
    margin-top: 10px;
}

#EditForm img:not(.hidden) + select {
	width: 96%;
}
/*
******************************************************************
STANDARDS ADMIN
******************************************************************
*/
#StandardsAdmin h2{
	margin: 1em 0 0 0;
}
#StandardsAdmin .AtlasStandardsContentSubAreaFilters td{
	padding-right: 4px;
}

#StandardsAdmin .superTable{
	width: 100%;
}
#StandardsAdmin .subTable{
	width: 100%;
}

#StandardsAdmin .displayTable tr td.adminDisplayTableActionCell{
	text-align: right;
	padding-right: 4px;
}

#StandardsAdmin .displayTableFooter{
	display: none;
}

#StandardsAdmin .StateStandardLevel,
#StandardsAdmin .BenchmarkLevel,
#StandardsAdmin .ContentArea {
	font-weight: bold;
}
#StandardsAdmin .StateStandard {
	font-weight: normal;
}
#StandardsAdmin .displayTable tr.oddRow td.displayTableCell .EditItem{
	padding: 3px;
	border: 1px solid #DCDCDC;
}
#StandardsAdmin .displayTable tr.evenRow td.displayTableCell .EditItem{
	padding: 3px;
	border: 1px solid #FFFFFF;
}
#StandardsAdmin tr.evenRow .displayTable tr.oddRow td.displayTableCell .EditItem{
	border-color: #DCDCDC;	/* Nested Display Table */
}
#StandardsAdmin .displayTable tr.oddRow td.displayTableCell .EditItem:hover,
#StandardsAdmin .displayTable tr.evenRow td.displayTableCell .EditItem:hover,
#StandardsAdmin tr.evenRow .displayTable tr.oddRow td.displayTableCell .EditItem:hover{
	cursor: text;
	border: 1px solid #333333;
}
#StandardsAdmin .displayTable tr.newItemRow td.displayTableCell{
	background-color: #DCDCDC;
}
#StandardsAdmin .displayTable tr.newItemRow td.displayTableCell .EditItem,
#StandardsAdmin .displayTable tr.newItemRow td.displayTableCell .EditItem:hover{
	cursor: auto;
	border: 0 none;
}


#StandardsAdmin .StateStandardListTable{
	margin-top: 3px;
}

#StandardsAdmin .collapser {
	cursor: pointer;
	float: left;
	margin: 4px;
}

#StandardsAdmin .AddPrompt{
	padding-top: 2px;
	font-size: 85%;
}

#StandardsAdmin .displayTable tr td.adminDisplayTableCell .FlagContainer{
	float: left;
}
#StandardsAdmin .OneFlag .displayTable tr td.adminDisplayTableCell .FlagContainer{
	cursor: pointer;
}
#StandardsAdmin .NoFlags .displayTable tr td.adminDisplayTableActionCell .flag,
#StandardsAdmin .OneFlag .displayTable tr td.adminDisplayTableActionCell .flag{
	display: none;
}

#StandardsAdmin textarea{
	width: 100%;
	overflow: auto;
}
#StandardsAdmin textarea.newStateStandard{
	width: auto;
}
#StandardsDescription textarea{
	overflow: auto;
}
#StandardsAdmin .StateStandardListTable .Obsolete:before {
	content: url('/common_images/icons/alert.png');
}
/*
******************************************************************
Standards Status Management
******************************************************************
 */
#Atlas_Admin_Standards_View_StatusManagement .UIPagingSummary {
	display: inline;
}
#Atlas_Admin_Standards_View_StatusManagement .UIPagingSummary span.UIPagingRecordsFound {
	margin-right: 5px;
}
.Atlas_StandardStatusEditForm .x-color-picker {
	height: 35px;
	width: 250px;
}
.Atlas_StandardStatusEditForm .x-color-picker a,
.Atlas_StandardStatusEditForm .x-color-picker a em {
	border: none;
}
.Atlas_StandardStatusEditForm .x-color-picker a.x-color-picker-selected {
	border: 1px solid #000000;
	border-radius: 50%;
}
.Atlas_StandardStatusEditForm .x-color-picker a em span,
.StandardStatusPreview {
	border-radius: 50%;
	height: 16px;
	text-align: center;
	width: 16px;
}
/*
******************************************************************
TIME PERIOD CALENDAR
******************************************************************
*/
#units.TimePeriodCalendar{

}
#units.TimePeriodCalendar td.timeperiod{
	padding: 2px 0 4px 0;
}
#units.TimePeriodCalendar td.timeperiod .timeperiodname{
	padding-bottom: 1px;
}
/*
******************************************************************
Curriculum Maps Admin Table
******************************************************************
*/
.CurriculumMapListTable .unselected,
.CurriculumMapTeacherListTable .unselected {
	font-style: italic;
}
.CurriculumMapListTable .publicLabel,
.CurriculumMapTeacherListTable .publicLabel {
	font-weight: bold;
}
#MasterCourseMaps{
	width: 380px;
	padding-right: 18px;
}
#MasterCourseMaps .FilterControlContent{
	width: 370px;
}
#MasterCourseMaps .FilterControl .FilterControlContent table select,
.MasterCourseMapTable {
	width: 100%;
}
.MasterCourseMapTable td {
	vertical-align: middle;
}
td.MasterCourseMapActionCell,
td.MasterCourseMapLabelCell {
	padding: 5px 10px;
}
.MasterCourseMapDisplay {
	border-bottom: 1px solid #C2C2C2;
}
.MapDisplay {
	padding: 5px 0 5px 18px;
	background: #FFFFFF;
	border-top:1px solid #C2C2C2;
}
.MasterCourseMapActionCell a {
	float: right;
}
#AddNewCourseToggle {
	padding: 0 15px;
}
#Atlas_Admin_View_MasterCourseMapList {
	padding-bottom: 10px;
}
.MasterCourseMapListPaging {
	padding: 5px 10px;
}
#EditMapFormTable #EditNewCourseToggleDisplay,
#Atlas_Admin_View_MasterCourseMapList #AddNewCourseToggleDisplay {
	border: 0 none;
	font-size: 77%;
}
#EditMapFormTable #AutoComplete_Modal_Teachers div.x-component {
	display: table;
}
#EditMapFormTable #AutoComplete_Modal_Teachers div.x-component > div {
	display: table-row;
}
#EditMapFormTable #AutoComplete_Modal_Teachers div.x-component > div:first-child {
	font-weight: bold;
}
#EditMapFormTable #AutoComplete_Modal_Teachers div.x-component > div > div {
	display: table-cell;
	padding-left: 10px;
}
#EditMapFormTable #AutoComplete_Modal_Teachers div.x-component > div > div:not(:last-child) {
	text-align: center;
}
#AutoComplete_CourseName input {
	margin-left:3px;
	width: 100%;
}
.ManualEditorPageContainerActionLinks {
	margin: 0 25px 5px 0;
	text-align: right;
}
.LocalizableTextLanguageEditForm {
        width: 700px;
}
.ApproveProvisional {
	margin-right: 5px;
}

.CourseJoinRequestApproveMenu {
	z-index: 10079;
}

#slhTable .highlight td {
	background-color: #FFFF66;
}

.ShowEmptyCheckbox {
	vertical-align:middle;
}

#Atlas_Admin_View_Maps .recycleBin.AtlasButton {
	margin: 0 0 5px;
}
.MapAssignmentsContentTable .displayTablePreHeader .AtlasButton,
.MapAssignmentsContentTable .displayTablePreHeader table {
	vertical-align: top;
	display: inline-block;
}
.MapAssignmentsContentTable .displayTablePreHeader table tr td {
	padding: 0 3px;
}
/** Admin reports **/


#Atlas_Admin_View_ClassListByMasterMap tr.DistrictMapRow td {
    background-color: #DCDCDC;
}
#Atlas_Admin_View_ClassListByMasterMap tr.ChildMapRow td.displayTableCell:nth-child(2) {
    padding-left: 35px;
}
#Atlas_Admin_View_ClassListByMasterMap tr.ChildMapRow td span.ChildMapRowArrow {
    font-weight: bold;
    font-size: 14px;
    margin-top:-3px;
    display: inline-block;
    position:relative;
    left: 32px;
}

/***
Import Data table
******/
#ImportDataTable {
	border: 1px solid #C2C2C2;
}
#ImportDataTable #PreviewTextRow {
	font-style: italic;
}
#ImportDataTable th {
	color: #FFFFFF;
	background-color: #C2C2C2;
	text-align: left;
}
#ImportDataTable th,#ImportDataTable td {
	padding: 3px;
}
#ImportDataTable tr.evenRow td{
	background-color: #FFFFFF;
}
#ContainsHeaderRowWrapper {
	margin: 10px 0 10px 0;
}
.ImportDelegate {
	margin-bottom: 1em;
}
.ImportDelegate table {

}
.ImportDelegate table td {
	padding: 3px;
}
.ImportGridLegend {
	margin-bottom: 5px;
}
.ImportGridLegend h2 {
	border: 0px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.ImportGridLegend img {
	margin-right: 5px;
}
.TipsLabelCell {
	padding-right: 10px;
	whitespace: nowrap;
}
.ImportView .boldText {
	font-weight: bold;
}
.ImportView .StepInstructionText {
	font-weight: bold;
	margin: 5px 0 5px 0;
}
.ImportView .LegendItem {
	margin-left: 15px;
}
/***
Set Archive Date Admin Page
******/
.HighlightArchiveDateRed {
	color: #F00;
}

.ArchiveDatePickerWrapper .x-datepicker {
	float: left;
	position: relative;
}

#Atlas_Admin_MappingCategories_View_Widget .UI_Wizard select, #Atlas_Admin_MappingCategories_View_Widget .UI_Wizard input.textInput {
	margin-left: 5px;
}
#Atlas_Admin_MappingCategories_View_Widget .UI_Wizard input.textInput {
	margin-top: 5px;
}
#Atlas_Admin_MappingCategories_View_CategoryWizard .AtlasButtonWrapper {
	clear: both;
}
#Atlas_Admin_MappingCategories_View_CategoryWizard div.Left {
	width: 49%;
	padding-right: 5px;
}

#Atlas_Admin_MappingCategories_View_CategoryWizard #editItemForm {
	width: 500px;
}
#Atlas_Admin_MappingCategories_View_BasicInformation #editItemForm {
	width: 700px;
}
#Atlas_Admin_MappingCategories_View_CategoryWizard #editItemForm input,
#Atlas_Admin_MappingCategories_View_CategoryWizard #editItemForm textarea,
#Atlas_Admin_MappingCategories_View_CategoryWizard #editItemForm select {
	margin-bottom: 5px;
}
#Atlas_Admin_MappingCategories_View_CategoryWizard #MasterCategoryIdentifier {
	margin-left: 0px;
}
#Atlas_Admin_MappingCategories_View_WidgetStructure #WidgetContainer {
	border: 1px solid #666666;
}
#StandardFlagRuleEditFormTable .HeaderCell {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
#StandardFlagRuleEditFormTable .LabelCell {
	border-right-style: solid;
	border-right-width: 1px;
}
#StandardFlagRuleEditFormTable .ControlCell {
	vertical-align: top;
	padding-top: 5px;
}
.StandardFlagEditForm  label {
	margin-right: 4px;

}
.LocalStandardEditForm #SelectRow td.LabelCell {
	text-align: left;
}
.AdminVideoList iframe {
	margin-top: 15px;
}
#Atlas_Admin_Videos_View_ArchiveAlert td.ManualLink {
	padding: 5px 5px 25px 5px;
	vertical-align: top;
}
#Atlas_Admin_View_Teachers tr.inactive td:first-child,
#Atlas_Admin_View_Teachers tr.inactive td:nth-child(2) a {
	text-decoration: line-through;
}
#Atlas_Admin_View_Teachers .exportCell {
	margin-top:5px;
	float: right;
	clear: both;
}
#Atlas_Admin_View_Teachers .exportCell a {
	margin:3px;
}

#Atlas_Admin_View_Teachers .teacherAdminTableMessage {
  margin-top: 10px;
}

#Atlas_Admin_Videos_View_ArchiveAlert .ArchiveDateDisplay {
	font-weight: bold;
}
.TeacherEditForm a#EditEmailLink {
	font-weight: normal;
}
.TeacherEditForm .EditItemTable tr th {
  font-weight: bold;
  font-style: italic;
  color: #00f;
}

#TeacherPrivilegesEditForm .PrivilegeMsg {
    margin-top: 10px;
    position: relative;
}

#Atlas_Admin_View_EditReferencesForm div {
	margin: 5px;
}

#Atlas_Admin_View_EditReferencesForm table {
	width: 400px;
}

#Atlas_Admin_View_EditReferencesForm table tr:hover {
	cursor: pointer;
	border: 1px solid #666666;
}

#Atlas_Admin_View_EditReferencesForm table tr .draggableCell {
	padding: 9px;
}

#ReferencesButtonSpan {
	float:right;
}

#Atlas_Admin_View_EditReferences h3, h4 {
	border-bottom: none;
}

#Atlas_Admin_View_ManagePanelConfigurations #ConfigGroups {
	margin: 8px 3px 0 0;
}

#Atlas_SuperAdmin_View_DistrictOptions div.WrapTable table {
    margin:10px;
}

#Atlas_SuperAdmin_View_DistrictOptions div.WrapTable table td {
    padding:3px 0;
}

/**
*	Reset Dashboards
**/
#PortalWidgetConfigurationGroupID {
	margin: 5px 0;
}
#EditForm.UnitTemplateDefaultValueEditForm {
    width: 700px;
}

/**
* Atlas_Admin_MappingCategories
**/
#Atlas_Admin_MappingCategories_View_Default .FullField,
#Atlas_Admin_MappingCategories_View_Default .TruncatedField {
	width: 290px;
}

/**
*	Atlas_Admin_View_Maps
**/
#ConfirmNewCourseTitle {
	background-color: #FFFFFF;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/**
*	Preview Template (manageMaps)
**/
/* Bug #18379 make sure expand/collapse arrows are not misleading deployment */
#Atlas_ViewForAtlasPage #UnitMapContainer .minimizerCell a {
	cursor: default;
}

div.setContainer.regularAdmin input.disabled {
	opacity: 0.5;
}
div.setContainer.regularAdmin #save-as,
div.setContainer.regularAdmin #delete,
div.setContainer.regularAdmin #cancel,
div.setContainer.regularAdmin.noTemplateSelected #save,
div.setContainer.regularAdmin.noTemplateSelected h2,
div.setContainer.regularAdmin.noTemplateSelected hr,
div.setContainer.regularAdmin.noTemplateSelected #UTE-LeftCol,
div.setContainer.regularAdmin.noTemplateSelected #UTE-RightCol {
	display: none;
}
/**
 * Atlas_Admin_PublishMaps_View_Default
 */
#Atlas_Admin_PublishMaps_View_Default .AtlasButtonWrapper.navbar {
	overflow: initial;
}


/*
******************************************************************
COMMENT STYLING
******************************************************************
*/

.CommentContainer {
	margin: 4px;
	margin-left:20px;
}
#AddCommentContainer {
	margin: 4px;
	margin-left:20px;
}
.CommentHeader {
	background-color:  #ECF3FC;
	font-size: 77%;
	font-weight: bold;
	color: #0A5AB4;
	height: 19px;
	line-height: 18px;
	padding: 0 10px 1px;
}
.CommentText {
	background-color: #ECF3FC;
	padding: 0 10px 8px;
	margin: 0 0 15px  0;
}
.NewComment{
	padding: 10px;
	margin: 5px 0;
	background-color: #F9F9F8;
	border: 1px solid #D0D0D0;
	border-radius: 8px;
}
.NewComment #CommentText {
	min-height: 70px;
}
.CommentContainer .Action_CollapseExpand .hr,
.CommentContainer .Action_CollapseExpand .IMAGE_MINIMIZE, 
.CommentContainer .Action_CollapseExpand .IMAGE_MAXIMIZE {
	float: left;
}



#Atlas_Activity_View_Default .Even {
	background-color: #FFFFFF;
}
#Atlas_Activity_View_Default .Odd {
	background-color: #DCDCDC;
}
#Atlas_Activity_View_Default .Activity_Container {
	padding: 10px;
}
#Atlas_Activity_View_Default .Activity_Container .Activity_User {
	font-weight: bold;
	font-size: 85%;
	font-style: italic;
}
#Atlas_Activity_View_Default .Activity_Container .Activity_Timestamp {
	float: right;
}
#Atlas_Activity_View_Default .Activity_Container div {
	margin-top: 5px;
}

.Activity_Container .Diff {
	margin: 0;
	padding: 10px;
	border: solid 1px;
}
.Atlas_Activity_Type_CourseAssessmentOpportunity > .StandardItem,
.Atlas_Activity_Type_UnitStateStandardListActivity > .StandardItem {
	border: solid 1px #000000;
}
.Atlas_Activity_Type_CourseAssessmentOpportunity .StandardItem,
.Atlas_Activity_Type_UnitStateStandardListActivity .StandardItem {
	padding-left: 20px;
}

#Atlas_Activity_View_Search .ActivityContent {
	width: 100%;
	padding-left: 10px;
}
#Atlas_Activity_View_Search .FilterContainer td {
	padding-left: 0;
}

#Atlas_Activity_View_SearchResults .displayTable {
	width: 100%;
}

#ActivityModalForm {
	width: 650px;
}
#ActivityModalForm .bd {
	padding: 0;
}

#Atlas_Activity_View_Summary {
	position: relative;
}
#Atlas_Activity_View_Summary .ActivitySummary,
#BackToActivitySummaryContainer {
	padding: 8px 20px 8px 10px;
	line-height: 20px;
}
#Atlas_Activity_View_Summary .ActivitySummary {
	border-bottom: 1px solid #C2C2C2;
}

#Atlas_Activity_View_Summary .ActivitySummary .SummaryText {
	font-weight: bold;
}
#Atlas_Activity_View_Summary .ActivitySummary .SummaryDetail {
	font-size: 85%;
	font-style: italic;
}
#Atlas_Activity_View_Summary .ActivitySummary .SummaryDetail a {
	font-weight: normal;
}
#Atlas_Activity_View_Summary .Expandable {
	cursor: pointer;
	background: url('/common_images/chevron.png') no-repeat 99% 50%; /*TODO: Needs a proper image resource*/
}
#Atlas_Activity_View_Summary .Expandable:hover {
	background-color: #D0D0D0;
}

#ActivitySummaryContainer,
#ActivitySummaryExpansionContainer {
	background-color: #F5F5F5; /*Taken from PortalWidget*/
	width: 100%;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition:left 0.3s ease-in-out;
	-moz-transition:left 0.3s ease-in-out;
	-o-transition:left 0.3s ease-in-out;
	transition:left 0.3s ease-in-out;
}

#ActivityModalForm #ActivitySummaryContainer,
#ActivityModalForm #ActivitySummaryExpansionContainer {
	background-color: #FFFFFF;
}

/* iPad, iPhone, any orientation */
@media only screen and (max-device-width: 1024px) {
	.AtlasButton {
		font-size: 100%;
	}
	select,
	.textInput,
	.emailInput,
	.passwordInput,
	textarea {
		font-size: 116%;
	}
	td.LabelCell {
		font-size: 116%;
	}
	.PortalWidget .PortalWidgetHeaderAction {
		opacity: 1.0;
	}
	.x-dd-drag-ghost {
		opacity: 1;
		padding-left: 0;
		padding: 0;
	}
	.x-column-header-trigger {
		display: block;
	}
	/* Fix scrolling issue in manual pages on iPads */
	body.AtlasSupportPage {
		overflow: visible;
	}
}

@media screen and (max-width: 1140px) and (min-width: 700px) {
	#Atlas_Portal_View_CurriculumAtAGlance .FitTwoInLine {
		width: 100%;
	}
	#Atlas_Portal_View_CurriculumAtAGlance .CAG_Map:nth-child(2n) {
		margin-left:0;
	}
}

.DrawerContent {
	background: #E8E8E9; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(232,232,233,1) 6px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(6px,rgba(150,150,150,1)), color-stop(10px,rgba(232,232,233,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(150,150,150,1) 0%,rgba(232,232,233,1) 6px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(150,150,150,1) 0%,rgba(232,232,233,1) 6px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(150,150,150,1) 0%,rgba(232,232,233,1) 6px); /* IE10+ */
	background: linear-gradient(to bottom, rgba(150,150,150,1) 0%,rgba(232,232,233,1) 6px); /* W3C */
}
.DrawerContent{
	height:0;
	overflow: hidden;
}
.DrawerSpinner.Loading .Spinner {
	top: 0;
	left: 0;
	margin: 0;
	background-color: rgba(255,255,255,0.5);
	opacity: 1;
	width: 200px;
}
.DrawerSpinner .Spinner img{
	position: relative;
	left: 40%;
	height: 30px;
	width: 30px;
}
.DrawerSpinner.Loading{
	position: relative;
	margin: 0;
	height: 0;
}
.Drawer.Loaded .DrawerContent {
	position: relative;
	border-top: 5px solid black;
}
.Loaded .DrawerContent > div {
	padding: 10px 30px;
}
.Drawer.Loaded:after{
	top: -16px;
	right: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: black;
	border-width: 8px;
}
.Drawer.Loaded,
#EditForm .StandardsDisplay td.Drawer.Loaded {
	/*margin: 0 30px 10px 30px;*/
	margin: 0;
	padding: 0;
	position: relative;
}
.Action_ToggleDrawer {
	cursor: pointer;
}
#EditForm .StandardsDisplay td.Drawer.Closing,
.Drawer.Closing{
	padding: 0;
	margin: 0;
	-webkit-transition: padding .3s ease-in;
	-moz-transition: padding .3s ease-in;
	transition: padding .3s ease-in;
}
.DrawerCloseButton {
	position: relative;
	top: 5px;
	right: 3px;
}
.Drawer{
  position: relative;
}