/* Utility classes: margin, padding, colours */

/*Margin and Padding*/
.padding0 {
  padding: 0 !important
}

.padding5 {
  padding: 5px !important;
}

.padding10 {
  padding: 10px !important;
}

.padding15 {
  padding: 15px !important;
}

.padding20 {
  padding: 20px !important;
}

.paddingTB0 {
  padding-top: 0;
  padding-bottom: 0;
  !important
}

.paddingTB5 {
  padding-top: 5px;
  padding-bottom: 5px;
  !important
}

.paddingTB10 {
  padding-top: 10px;
  padding-bottom: 10px;
  !important
}

.paddingTB15 {
  padding-top: 15px;
  padding-bottom: 15px;
  !important
}

.paddingTB20 {
  padding-top: 20px;
  padding-bottom: 20px;
  !important
}

.paddingTB30 {
  padding-top: 30px;
  padding-bottom: 30px;
  !important
}

.paddingLR0 {
  padding-left: 0;
  padding-right: 0;
  !important
}

.paddingLR5 {
  padding-left: 5px;
  padding-right: 5px;
  !important
}

.paddingLR7 {
  padding-left: 7px;
  padding-right: 7px;
  !important
}

.paddingLR10 {
  padding-left: 10px;
  padding-right: 10px;
  !important
}

.paddingLR15 {
  padding-left: 15px;
  padding-right: 15px;
  !important
}

.paddingLR20 {
  padding-left: 20px;
  padding-right: 20px;
  !important
}

.paddingLR30 {
  padding-left: 30px;
  padding-right: 30px;
  !important
}

.paddingT5 {
  padding-top: 5px !important;
}

.paddingT10 {
  padding-top: 10px !important;
}

.paddingT15 {
  padding-top: 15px !important;
}

.paddingT20 {
  padding-top: 20px !important;
}

.paddingB5 {
  padding-bottom: 5px !important;
}

.paddingB10 {
  padding-bottom: 10px !important;
}

.paddingB15 {
  padding-bottom: 15px !important;
}

.paddingB20 {
  padding-bottom: 20px !important;
}

.paddingB30 {
  padding-bottom: 30px !important;
}

.paddingB40 {
  padding-bottom: 40px !important;
}

.paddingB50 {
  padding-bottom: 50px !important;
}

.paddingR5 {
  padding-right: 5px !important;
}

.paddingR10 {
  padding-right: 10px !important;
}

.paddingR15 {
  padding-right: 15px !important;
}

.paddingR20 {
  padding-right: 20px !important;
}

.paddingR30 {
  padding-right: 30px !important;
}

.paddingL5 {
  padding-left: 5px !important;
}

.paddingL10 {
  padding-left: 10px !important;
}

.paddingL15 {
  padding-left: 15px !important;
}

.paddingL20 {
  padding-left: 20px !important;
}

.paddingL30 {
  padding-left: 30px !important;
}

.marginTB0 {
  margin-top: 0;
  margin-bottom: 0;
  !important
}

.marginTB5 {
  margin-top: 5px;
  margin-bottom: 5px;
  !important
}

.marginTB10 {
  margin-top: 10px;
  margin-bottom: 10px;
  !important
}

.marginTB15 {
  margin-top: 15px;
  margin-bottom: 15px;
  !important
}

.marginTB20 {
  margin-top: 20px;
  margin-bottom: 20px;
  !important
}

.marginTB30 {
  margin-top: 30px;
  margin-bottom: 30px;
  !important
}

.marginLR0 {
  margin-left: 0;
  margin-right: 0;
  !important
}

.marginLR5 {
  margin-left: 5px;
  margin-right: 5px;
  !important
}

.marginLR10 {
  margin-left: 10px;
  margin-right: 10px;
  !important
}

.marginLR15 {
  margin-left: 15px;
  margin-right: 0;
  !important
}

.marginLR20 {
  margin-left: 20px;
  margin-right: 20px;
  !important
}

.margin0 {
  margin: 0 !important
}

.margin5 {
  margin: 5px !important;
}

.margin10 {
  margin: 10px !important;
}

.margin15 {
  margin: 15px !important;
}

.margin20 {
  margin: 20px !important;
}

.marginT0 {
  margin-top: 0px !important;
}

.marginT5 {
  margin-top: 5px !important;
}

.marginT10 {
  margin-top: 10px !important;
}

.marginT15 {
  margin-top: 15px !important;
}

.marginT20 {
  margin-top: 20px !important;
}

.marginB0 {
  margin-bottom: 0px !important;
}

.marginB5 {
  margin-bottom: 5px !important;
}

.marginB10 {
  margin-bottom: 10px !important;
}

.marginB15 {
  margin-bottom: 15px !important;
}

.marginB20 {
  margin-bottom: 20px !important;
}

.marginB30 {
  margin-bottom: 30px !important;
}

.marginR0 {
  margin-right: 0px !important;
}

.marginR5 {
  margin-right: 5px !important;
}

.marginR10 {
  margin-right: 10px !important;
}

.marginR15 {
  margin-right: 15px !important;
}

.marginR20 {
  margin-right: 20px !important;
}

.marginR30 {
  margin-right: 30px !important;
}

.marginL0 {
  margin-left: 0px !important;
}

.marginL5 {
  margin-left: 5px !important;
}

.marginL10 {
  margin-left: 10px !important;
}

.marginL15 {
  margin-left: 15px !important;
}

.marginL20 {
  margin-left: 20px !important;
}

.marginTminus20 {
  margin-top: -20px !important;
}

.marginBminus20 {
  margin-bottom: -20px !important;
}

.marginTminus15 {
  margin-top: -15px !important;
}

.marginBminus15 {
  margin-bottom: -15px !important;
}

.marginTminus10 {
  margin-top: -10px !important;
}

.marginBminus10 {
  margin-bottom: -10px !important;
}

.marginTminus5 {
  margin-top: -5px !important;
}

.marginBminus5 {
  margin-bottom: -5px !important;
}

.halfWidth {
  width: 49%;
}

.primaryTextColor,
.ui-state-active a {
  color: #ffcc03 !important;
}

/*yellow*/
.secondaryTextColor {
  color: #036eff;
}

/*light blue*/
.tertiaryTextColor {
  color: #00ccff;
}

/*neon blue*/
.quaternaryTextColor {
  color: #4aa02c;
}

/*pale green*/
.quinaryTextColor {
  color: #275d8e;
}

/*pale blue*/
.senaryTextColor {
  color: #13db03;
}

/*neon green*/
.imgLeft {
  float: left;
  margin: 0 10px 10px 0;
}

.imgRight {
  float: right;
  margin: 0 0 10px 10px;
}

.coursewareBackground {
  background: #efefef;
  float: left;
  margin: 0 25px 25px;
  padding: 30px 50px;
  width: 796px;
  color: #333;
  font-size: 13px !important;
}

.coursewareBackground hr {
  display: none;
}

.coursewareBackground img {
  margin-bottom: 20px;
  max-width: 776px;
}

.coursewareBackground strong,
.coursewareBackground p,
.coursewareBackground h1,
.coursewareBackground h2,
.coursewareBackground h3,
.coursewareBackground h4,
.coursewareBackground h5,
.coursewareBackground h6,
.coursewareBackground li,
.coursewareBackground li a {
  color: #333 !important;
}

.coursewareBackground a {
  color: #000;
  text-decoration: underline;
}

.coursewareBackground pre,
.coursewareBackground code {
  background: #ddd;
  font-weight: bold;
  /*	white-space: pre-line;*/
}

.coursewareBackground h1,
.coursewareBackground h2,
.coursewareBackground h3,
.coursewareBackground h1 a,
.coursewareBackground h2 a,
.coursewareBackground h3 a {
  padding-bottom: 10px;
  margin-bottom: 10px !important;
  clear: left;
  border-bottom: 1px solid #ccc;
  text-decoration: none;
}

.imageLeft {
  float: left;
  padding: 0 10px 10px 0;
  margin: 0 10px 10px 0;
}

.coursewareBreadcrumbs {
  font-size: 14px;
  color: #ccc;
  float: left;
}

.coursewareBreadcrumbs a {
  color: #aaa !important;
  font-size: 14px;
  font-style: italic;
  padding-right: 5px;
  border-right: 1px solid #666;
}

.coursewareBreadcrumbs a:hover {
  color: #fff !important;
}

.coursewareBreadcrumbs a:last-child {
  color: #ccc;
  border-right: none;
}

.coursewareKeywords {
  font-size: 14px;
  color: #ccc;
  float: left;
  margin: 5px 0 15px 0;
}

.coursewareKeywords span {
  color: #aaa;
  font-size: 14px;
  font-style: italic;
}

.coursewareBackground p {
  font-family: Arial, Helvetica, sans-serif !important;
  color: #333 !important;
}

.entranceList ul li .gallerySynopsis p {
  width: 93%
}

.resellerProfile h1,
.resellerProfile h2,
.resellerProfile h3,
.resellerProfile h4,
.resellerProfile h5,
.resellerProfile p,
.resellerProfile span {
  margin: 0;
  padding: 0;
}

.resellerProfile ul,
.resellerProfile ol {
  margin: 0 0 30px 0 !important;
  padding: 0;
  float: left;
}

.resellerProfile p {
  font-size: 14px;
  color: #ddd;
}

.resellerProfile .blackBg {
  background: black;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#111111');
  background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#111));
  background: -moz-linear-gradient(bottom, #111, #222);
  border: 1px solid #000;
  padding: 15px 20px !important;
  margin-top: 15px;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.resellerProfile .blackBg a {
  color: #999;
}

.resellerProfile .blackBg a:hover {
  color: #fff;
}

.resellerProfile .blackBg img {
  border: 1px solid #000;
  box-shadow: 0 1px 0 #444;
}

.resellerProfile li {
  color: #999;
  font-size: 12px;
  line-height: 14px;
  margin: 5px 0;
  padding: 0px;
  float: left;
  background: #222 !important;
  border: 1px solid #111;
  box-shadow: 0 1px 0 #444;
  width: 100%;
  box-sizing: border-box;
}

.resellerProfile li label {
  width: 200px;
  float: left;
  margin-top: 5px;
  margin-left: -5px;
}

.resellerProfile li input[type="text"] {
  width: 58%;
  color: #ddd;
  background: #111;
  border: 1px solid #000;
  padding: 5px;
  margin: 0;
  float: right;
}

.resellerProfile li input[type="submit"] {
  display: none;
  float: right;
  margin-top: -15px;
}

.resellerProfile li input[type="text"]:focus {
  background: #161616;
}

.resellerProfile li input[type="text"]:focus input[type="submit"] {
  display: block;
}

.filePdf {
  background:
    none no-repeat 3px 3px #111;
  padding: 5px 5px 5px 25px;
  line-height: 30px;
  font-size: 15px;
  border-radius: 5px;
  border: 1px solid #000;
  color: #ddd;
  margin-bottom: 5px;
}

.fileZip {
  background:
    none no-repeat 3px 3px #111;
  padding: 5px 5px 5px 25px;
  line-height: 30px;
  font-size: 15px;
  border-radius: 5px;
  border: 1px solid #000;
  color: #ddd;
  margin-bottom: 5px;
}

.fileDoc {
  background:
    none no-repeat 5px 5px #111;
  padding: 5px 5px 5px 25px;
  line-height: 30px;
  font-size: 15px;
  border-radius: 5px;
  border: 1px solid #000;
  color: #ddd;
  margin-bottom: 5px;
}

a.fileDoc:hover,
a.fileZip:hover,
a.filePdf:hover {
  background-color: #222;
  color: #fff;
}

a.fileDoc:active,
a.fileZip:active,
a.filePdf:active {
  background-color: #111;
  color: #ddd
}

a.fileDoc:visited,
a.fileZip:visited,
a.filePdf:visited {
  background-color: #000;
  color: #777
}

.galleria-errors[style] {
  z-index: 100 !important;
}

#sidebarResellerLinks ul {
  float: left;
  margin: 0;
  padding: 0;
}

#sidebarResellerLinks li {
  background: none;
  float: left;
  border-bottom: 1px solid #333;
  box-sizing: border-box;
  padding: 0px;
  margin: 0 !important;
  width: 100%;
}

#sidebarResellerLinks li h3 {
  margin: 0;
  padding: 0;
}

#sidebarResellerLinks .simpleLinkContainer a {
  color: #ccc;
  float: left;
  width: 100%;
  margin: 0;
  padding: 5px 15px;
  box-sizing: border-box;
}

#sidebarResellerLinks .simpleLinkContainer a:hover {
  color: #fff;
  background: #111;
}

#sidebarResellerLinks .simpleLinkContainer a {
  color: #ccc;
  line-height: 19px;
  padding: 10px 15px;
}

.galleryStatic div.mediaTile img {
  width: 95%;
  height: auto;
  margin: 10px;
  float: left;
  padding: 10px;
  background: #111;
  border: 1px solid #000;
  clear: left;
}

.galleryStatic .mediaTileCopyright {
  background: transparent;
  height: auto;
  margin: 0;
}

.galleryStatic .downloadImageLink {
  background:
    none no-repeat 9px 11px;
  padding-left: 10px;
  background-color: #111;
  padding: 10px 10px 10px 25px;
  border: 1px solid #000;
  float: left;
  margin-left: 10px;
  border-radius: 3px;
}

.resellersPortalHomeLink {
  float: left;
}

#resellersNav {
  float: right;
}

#resellerNavHold {
  background: #222;
  border-bottom: 1px solid #666;
  float: right;
  height: 50px;
  width: 932px;
  padding-right: 12px;
}

#mainSubNavigation #resellersNav li {
  float: left;
  text-align: left;
}

.fullWidthTextarea li {
  width: 93% !important;
}

.fullWidthTextarea textarea {
  width: 100% !important;
  min-height: 150px !important;
}