html {
  height: 100%; }

body {
  font-family: "AvenirNextLTPro-Regular", "Arial", "Helvetica", sans-serif;
  font-size: 14px;
  height: 100%; }

a {
  color: #7A4183; }

a:hover {
  text-decoration: none; }

ul {
  margin-left: 0;
  padding-left: 0; }

li {
  list-style-type: none; }

legend {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0px;
  color: #666; }

fieldset {
  margin-bottom: 15px; }

.bullets {
  margin-left: 25px; }

.bullets li {
  list-style-type: disc;
  margin-bottom: 5px; }

.pad-bot {
  padding-bottom: 10px; }

.pad-top {
  padding-top: 10px; }

/***********************************
 BASIC COLORS

 Blue => Maroon
 Orange => Teal
 Green => Light Blue

 ************************************/
.blueBg, .primary {
  background: #7A4183; }

.blue {
  color: #7A4183; }

.blueBorder {
  border-color: #7A4183; }

.lightBlueBg {
  background: #4D9EDD; }

.lightBlue {
  color: #4D9EDD; }

.lightBlueBorder {
  border-color: #4D9EDD; }

.greenBg, .success {
  background: #4D9EDD; }

.darkGreenBg {
  background: #4D9EDD; }

.darkGreen {
  color: #4D9EDD; }

.green {
  color: #4D9EDD; }

.greenBorder {
  border-color: #4D9EDD; }

.orangeBg, .warning {
  background: #30B7B4; }

.orange {
  color: #30B7B4; }

.orangeBorder {
  border-color: #30B7B4 !important; }

.grey1 {
  color: #5d5d5c; }

.grey1Bg {
  background: #5d5d5c; }

.grey2 {
  color: #747474; }

.grey2Bg {
  background: #747474; }

.grey3 {
  color: #989393; }

.grey3Bg {
  background: #989393; }

/***********************************
 GENERIC STYLES
 ************************************/
.uppercase {
  text-transform: uppercase; }

.no-transform {
  text-transform: none; }

/***********************************
 HEADINGS
 ************************************/
h1, h2 {
  font-family: "AvenirNextLTPro-Demi", "Arial", "Helvetia", sans-serif;
  font-size: 24px;
  line-height: 125%;
  color: #5d5d5c; }

h1.headerCallOut {
  font-size: 36px;
  font-family: "AvenirNextLTPro-Bold", "Arial", "Helvetia", sans-serif;
  color: #e6e6e6;
  padding-left: 0;
  border-left: none; }

h3, h4 {
  font-family: "AvenirNextLTPro-Demi", "Arial", "Helvetia", sans-serif;
  font-size: 18px; }

h5, h6 {
  font-family: "AvenirNextLTPro-Demi", "Arial", "Helvetia", sans-serif;
  font-size: 14px; }

h1.noColorBar, h2.noColorBar, h3.noColorBar, h4.noColorBar, h5.noColorBar, h6.noColorBar {
  border-left: none;
  padding-left: 0; }

h1, h3, h5 {
  text-transform: uppercase; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 20px;
  margin-top: 20px;
  line-height: 125%; }

h1.top, h2.top, h3.top, h4.top, h5.top, h6.top {
  margin-top: 0; }

/***********************************
 DEFAULT TABLE STYLING
 ************************************/
td {
  vertical-align: top; }

/***********************************
 CUSTOM TABLE STYLING
 ************************************/
.cesTable, .cmtTable, .baked {
  margin-bottom: 15px;
  border-collapse: collapse;
  margin-top: 30px;
  border: 1px none #d9d8d8; }

.cesTable th, .cmtTable th, .baked th {
  color: #FFFFFF !important;
  font-size: 11px;
  background: #4D9EDD !important;
  vertical-align: middle;
  padding: 9px 12px;
  border-right: 1px none #FFFFFF;
  font-size: 13px;
  font-family: "AvenirNextLTPro-Demi", "Arial", "Helvetia", sans-serif;
  font-weight: normal !important; }

.cesTable th a, .cmtTable th a, .baked th a {
  color: #d9dfec; }

.cesTable td, .cmtTable td, .baked td {
  border-right: 1px solid #d9d8d8;
  border-collapse: collapse;
  vertical-align: top;
  padding: 9px 12px;
  font-size: 13px;
  color: #333333; }

.cesTable th:last-of-type, .cesTable td:last-of-type, .cmtTable th:last-of-type, .cmtTable td:last-of-type, .baked th:last-of-type, .baked td:last-of-type {
  border-right: none; }

.cesTable tr, .cmtTable tr, .baked tr {
  background-color: #fafafa; }

.cesTable .altRow, .cesTable tr:nth-child(even), .cmtTable .altRow, .cmtTable tr:nth-child(even), .baked .altRow, .baked tr:nth-child(even) {
  background-color: #f1f1f1; }

.tablesorter th {
  cursor: pointer; }

.tablesorter th.sorter-false {
  cursor: auto; }

/***********************************
 MODAL STYLING
 ************************************/
#modal {
  padding: 25px;
  min-width: 800px;
  min-height: 400px;
  background-image: none;
  background-color: #FFFFFF; }

#modal #flashMessage {
  margin: 0 0 10px 0; }

/*  too broad?
 #modal h2 {
 color: #2257a3;
 font-size: 20px;
 font-weight: normal;
 padding-bottom: 15px;
 padding: 0 10px 15px 30px;
 margin-bottom: 25px;
 border-bottom: 1px solid #dfdfdf;
 background: transparent url('/js/fancybox/info.png') no-repeat 0 2px;
 }
 */
#modal .modalContainer {
  overflow-x: visible;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  min-width: 0; }

/***********************************
 Widget
 ************************************/
.cesWidget {
  margin: 0 0 10px 0;
  background-color: #f6f6f6;
  border: 1px solid #e1e1e1; }

.cesWidget .cesWidgetTitle {
  margin: 6px 4px 6px 0;
  padding: 0px 4px 0px;
  cursor: pointer;
  font-size: 11px;
  text-transform: uppercase;
  color: #888888; }

.cesWidget .cesWidgetContent {
  background-color: #FFFFFF;
  padding: 10px 15px; }

/***********************************
 Tabs
 ************************************/
.cesTabs {
  margin-bottom: 20px;
  padding-top: 4px;
  width: 100%; }

.cesTabs.noPad {
  margin-bottom: 0; }

.cesTabs.navbar-right {
  text-align: right;
  white-space: nowrap; }

.cesTabs.navbar-right > li {
  display: inline-block; }

.nav-tabs.navbar-right > li {
  float: none; }

.navbar-right ul li {
  text-align: left; }

.cesTabs > li > a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #f6f6f6;
  color: #666;
  border: 1px solid #e7e7e7;
  border-left: none;
  margin: 0;
  padding: 5px 40px; }

.cesTabs > li > a:first-child, .cesTabs > li > a:first-child:focus, .cesTabs > li > a:first-child:hover {
  border-left: 1px solid #e7e7e7;
  border-color: #e7e7e7; }

.cesTabs > li.active > a:first-child, .cesTabs > li.active > a:first-child:focus, .cesTabs > li.active > a:first-child:hover {
  border-color: #e7e7e7 #e7e7e7 #ffffff #e7e7e7; }

.cesTabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #30B7B4;
  font-family: "AvenirNextLTPro-Demi", "Arial", "Helvetia", sans-serif;
  background: #fff;
  font-size: 1.2em;
  margin-top: -0.24em; }

.cesTabs.small > li.active > a, .nav-tabs.small > li.active > a:hover, .nav-tabs.small > li.active > a:focus {
  margin-top: -0.2em; }

.cesTabs.nav-tabs > li.active.dropdown > a, .cesTabs.nav-tabs > li.active.dropdown > a:hover, .cesTabs.nav-tabs > li.active.dropdown > a:focus {
  cursor: pointer; }

.cesTabs.nav-tabs > li.active.dropdown > ul.dropdown-menu {
  border-top: none;
  box-shadow: none; }

.cesTabs.small > li > a {
  padding: 5px 20px; }

.cesTabContent {
  padding: 10px 0; }

.cesTabContent.noPad {
  padding: 0; }

/***********************************
 BUTTONS
 ************************************/
.cesActionButton {
  display: block;
  margin-bottom: 10px;
  padding: 8px 6px;
  background: #FFFFFF;
  overflow: hidden;
  border: 1px solid #e1e1e1;
  color: #555555;
  text-transform: none;
  -webkit-transition: border .2s;
  transition: border .2s;
  font-size: 14px; }

.cesActionButton .text {
  float: left;
  font-size: 10px;
  -webkit-transition: color .2s;
  transition: color .2s; }

.cesActionButton .text span {
  color: #4D9EDD;
  display: block;
  font-size: 13px;
  text-transform: uppercase;
  -webkit-transition: color .2s;
  transition: color .2s; }

.cesActionButton:hover .text span, .cesActionButton:hover .text {
  color: #fff; }

.cesActionButton .circle {
  width: 23px !important;
  height: 23px !important;
  padding: 0px;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  display: block;
  font-weight: bold;
  float: left;
  margin-right: 8px;
  margin-top: 3px;
  -webkit-transition: color .2s;
  transition: color .2s;
  background-position: top left; }

.cesActionButton.cesDocButton .circle {
  background: transparent url("/img/icons/ccpDropdownDoc.png") no-repeat; }

.cesActionButton:hover .circle {
  background-position: -23px 0px; }

.cesActionButton:hover {
  background-color: #4D9EDD;
  color: #fff; }

/***********************************
 PANELS
 ************************************/
.cesPanel {
  border: 1px solid #e7e7e7;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.cesPanel.panel-wizard .panel-body {
  padding-right: 50px;
  position: relative; }

.cesPanel.panel-wizard .panel-body:after {
  content: '\f138';
  font-family: "FontAwesome";
  font-size: 30px;
  position: absolute;
  display: block;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.cesPanel.panel-wizard .panel-body:hover {
  background-color: #f6f6f6; }

.cesPanel.panel-wizard .panel-body.panel-no-button, .cesPanel.panel-wizard .panel-body.panel-no-button:hover {
  background: transparent; }

.cesPanel a:hover {
  text-decoration: none; }

.cesScroll {
  overflow: auto;
  max-height: 400px; }

.cesPanel .panel-heading {
  background: #f5f5f5;
  background-image: none; }

.list-group-item.header {
  background-color: #2257a3;
  color: #FFFFFF; }

a.list-group-item {
  background-color: #F6F6F6; }

a.list-group-item:hover {
  background-color: #dfe6f2;
  color: #2257a3; }

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
  color: #2257a3;
  border: 1px solid #DDDDDD;
  background-color: #dfe6f2;
  background-image: none;
  text-shadow: none;
  /* remove IE gradient filter */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; }

/* arrow nav */
.cesArrowNav {
  text-align: right;
  position: absolute;
  right: 10px;
  top: -47px; }

.cesArrowNav ul {
  padding: 0;
  margin: 0; }

.cesArrowNav li {
  float: left;
  padding: 0;
  margin: 0 15px;
  text-transform: uppercase;
  position: relative;
  font-size: 12px;
  display: block;
  text-align: center; }

.cesArrowNav li a {
  color: #bbb;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  top: 1px; }

.cesArrowNav li .up-arrow {
  display: none;
  width: 20px;
  height: 10px;
  margin: 0px auto;
  background: url("/img/tools/district/topnav_uparrow.png") no-repeat scroll top left; }

.cesArrowNav li.active .up-arrow,
.cesArrowNav li:hover .up-arrow {
  display: block; }

.cesButton {
  font-size: 13px;
  background: #47639e;
  /* Old browsers */
  background: -moz-linear-gradient(top, #7A4183 0%, #4e2753 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7A4183), color-stop(100%, #4e2753));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7A4183 0%, #4e2753 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #7A4183 0%, #4e2753 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #7A4183 0%, #4e2753 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #7A4183 0%, #4e2753 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7A4183', endColorstr='#4e2753',GradientType=0 );
  /* IE6-9 */
  border-radius: 2px;
  padding: 5px 10px;
  color: #FFFFFF;
  min-width: 120px;
  position: relative;
  padding-right: 40px; }

.cesButton:hover {
  background: #7A4183;
  /* Old browsers */
  background: -moz-linear-gradient(top, #4e2753 0%, #7A4183 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4e2753), color-stop(100%, #7A4183));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #4e2753 0%, #7A4183 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #4e2753 0%, #7A4183 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #4e2753 0%, #7A4183 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #4e2753 0%, #7A4183 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e2753', endColorstr='#7A4183',GradientType=0 );
  /* IE6-9 */
  color: #FFFFFF;
  text-decoration: none; }

.cesButton .glyphicon {
  border-left: 1px solid #FFFFFF;
  position: absolute;
  right: 15px;
  top: 0px;
  padding-left: 5px;
  margin: 6px 0; }

.cesButtonGreen {
  background: #4D9EDD;
  /* Old browsers */
  background: -moz-linear-gradient(top, #4D9EDD 0%, #7f9a13 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4D9EDD), color-stop(100%, #7f9a13));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #4D9EDD 0%, #7f9a13 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #4D9EDD 0%, #7f9a13 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #4D9EDD 0%, #7f9a13 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #4D9EDD 0%, #7f9a13 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4D9EDD', endColorstr='#7f9a13',GradientType=0 );
  /* IE6-9 */ }

.cesButtonGreen:hover {
  background: #7f9a13;
  /* Old browsers */
  background: -moz-linear-gradient(top, #7f9a13 0%, #4D9EDD 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7f9a13), color-stop(100%, #4D9EDD));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #7f9a13 0%, #4D9EDD 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #7f9a13 0%, #4D9EDD 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #7f9a13 0%, #4D9EDD 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #7f9a13 0%, #4D9EDD 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f9a13', endColorstr='#4D9EDD',GradientType=0 );
  /* IE6-9 */ }

.cesButtonOrange {
  background: #ec9d5d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ec9d5d 0%, #30B7B4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ec9d5d), color-stop(100%, #30B7B4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ec9d5d 0%, #30B7B4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ec9d5d 0%, #30B7B4 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ec9d5d 0%, #30B7B4 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ec9d5d 0%, #30B7B4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec9d5d', endColorstr='#30B7B4',GradientType=0 );
  /* IE6-9 */ }

.cesButtonOrange:hover {
  background: #30B7B4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #30B7B4 0%, #ec9d5d 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #30B7B4), color-stop(100%, #ec9d5d));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #30B7B4 0%, #ec9d5d 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #30B7B4 0%, #ec9d5d 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #30B7B4 0%, #ec9d5d 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #30B7B4 0%, #ec9d5d 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30B7B4', endColorstr='#ec9d5d',GradientType=0 );
  /* IE6-9 */ }

.rbResourceThumb img {
  border: 1px solid #ccc; }

.rbResourceTitle {
  padding-top: 0px; }

.rbResourceDescription {
  padding-top: 15px;
  font-size: 12px; }

.rbResourceThumb img {
  max-width: 100%; }