#mainContent {
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 2px;
	float: none;
	max-width: 1300px;
	padding: 20px;
}

/*--------------------------------------------------------------------------
    Help Styles
----------------------------------------------------------------------------*/
.help {
	margin-bottom: 20px;
}

.help .title {
	margin-top: 0;
}

.help .article-content {
	margin: 0 0 10px 0;
}

/*------------------------------------------------------------------------------
    Article styles
------------------------------------------------------------------------------*/
.help.help-article .article-title {
	text-align: center;
}

.help.help-article .article-date {
	text-align: center;
	padding-bottom: 20px;
	font-size: 0.9em;
	font-style: italic;
	margin: 0 0 5px 0;
}

/*------------------------------------------------------------------------------
Search tab styles
-------------------------------------------------------------------------------*/
.help.help-centre .help-centre-header .search-tabs .nav-tabs {
	text-align: center;
}

.help.help-centre .search-box {
	padding-top: 40px;
}

.help.help-centre .nav-menu {
	text-align: center;
}

.help.help-centre .nav-menu li {
	float: none;
	display: inline-block;
}

/* Set style and prevent changes to currently selected tab */
.help.help-centre .nav-menu li.current>a, 
.help.help-centre .nav-menu li.current>a:focus,
.help.help-centre .nav-menu li.current>a:hover {
    border: none;
    border-bottom: none;
    background-color: #008f9a ;
}

/* Used to keep non hovered tabs from moving when hovered tabs add a border */
.help.help-centre .nav-menu li>a { 
	border-bottom: none;
}

/* Add border to bottom of hovered tab */
.help.help-centre .nav-menu .menu-item a:focus, 
.help.help-centre .nav-menu .menu-item a:hover {
	border-radius: 10px 10px 0px 0px;
	border-bottom: none;
	-webkit-transition: border-bottom 0.3s linear, color 0.3s linear;
	-moz-transition: border-bottom 0.3s linear, color 0.3s linear;
	-ms-transition: border-bottom 0.3s linear, color 0.3s linear;
	transition: border-bottom 0.3s linear, color 0.3s linear;
}

/* Add border to bottom of hovered tab */
.help.help-centre .nav-menu .menu-item a {
	-webkit-transition: border-bottom 0.3s linear, color 0.3s linear;
    -moz-transition: border-bottom 0.3s linear, color 0.3s linear;
    -ms-transition: border-bottom 0.3s linear, color 0.3s linear;
	transition: border-bottom 0.3s linear, color 0.3s linear;
}

.help.help-centre .menu-list {
	margin-bottom: 0px;
}

/*------------------------------------------------------------------------------
    Child tab styles
------------------------------------------------------------------------------*/
.help.help-centre .nav-menu .child-menu {
	min-width: 150px;
}

/* Nullify changes from parent tab */
.help.help-centre .nav-menu .menu-item .child-menu a:focus, 
.help.help-centre .nav-menu .menu-item .child-menu a:hover {
	border: none;
	border-bottom: 2px solid transparent;
}

/* Add border to bottom of hovered child tab */
.help.help-centre .nav-menu .child-menu .level-2:focus, 
.help.help-centre .nav-menu .child-menu .level-2:hover {
	border-radius: 3px 3px 0px 0px;
	border-bottom: 3px solid #286090;
}

/*.help.help-centre .nav-menu a {
	position: relative;
}

.help.help-centre .nav-menu li>a:before, 
.help.help-centre .nav-menu li>a:after {
	position: absolute;
    opacity: 0;
    font-size: 35px;
    top: 0px;
    transition: all 0.3s;
}

.help.help-centre .nav-menu li>a:before {
    content: '(';
    left: 0px;
    transform: translateX(10px);
}

.help.help-centre .nav-menu li>a:after {
    content: ')';
    right: 0px;
    transform: translateX(-10px);
}

.help.help-centre .nav-menu li>a:hover:before, 
.help.help-centre .nav-menu li>a:hover:after {
    opacity: 1;
    transform: translateX(0px);
}*/


/*------------------------------------------------------------------------------
    Article list styles
------------------------------------------------------------------------------*/
.help.help-centre .help-centre-article .article-title a:focus,
.help.help-centre .help-centre-article .article-title a:hover {
	text-decoration: none;
}


/*------------------------------------------------------------------------------
    Header styles
------------------------------------------------------------------------------*/
/*
Help header styles
*/
.help.help-centre .help-centre-header {
	text-align: center;
}

.help.help-centre .help-centre-container {
	margin-right: 60px;
	margin-left: 60px;
}

.help.help-centre .help-centre-header h1 {
	display: inline;
	vertical-align: middle;
}

.help.help-centre .help-centre-header .search {
  width: 100%;
  position: relative
}

.help.help-centre .help-centre-header .search-term {
  float: left;
  width: 100%;
  border: 2px solid;
  padding: 5px;
  height: 36px;
  border-radius: 5px;
  outline: none;
  padding-left: 10px;
}

.help.help-centre .help-centre-header .search-button {
  position: absolute;  
  right: -50px;
  width: 40px;
  height: 36px;
  border: 1px solid;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}

.help.help-centre .help-centre-header .search-button:focus {
	outline: none;
}

/*Resize the wrap to see the search bar change!*/
.help.help-centre .help-centre-header .wrap {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -0%);
}

div.help-centre-header {
	padding-top: 20px;
	padding-bottom: 50px;
}

.help.help-centre .help-centre-header .center-row {
	line-height:72px;
}

.help.help-centre .no-underline:focus,
.help.help-centre .no-underline:hover {
	text-decoration: none;
}

.help.help-centre .menu-list {
	margin-bottom: -1px;
}

/*------------------------------------------------------------------------------
    Display Topic styles
------------------------------------------------------------------------------*/

.help-item-display .item-row-container {
	text-align: center;
}

.help-item-display .item-row {
	margin-left: 0px;
	margin-right: 0px;
}

.help-item-display .item-row-container .item-row-header {
	padding-bottom:20px;
}

.help-item-display .topic-col-container,
.help-item-display .article-col-container {
	padding-bottom: 30px;
}

.help-item-display .item-text {
	padding: 0 5px 0 5px;
}

.help-item-display .topic-col-container .topic-col {
	box-shadow: 0px 0px 0px 2px;
	text-align: center;
	border-radius: 20px;
	padding: 1px 5px 15px 5px;
}

.help-item-display .topic-col-container .topic-col,
.help-item-display .topic-col-container .topic-col:hover {
	-webkit-transition: box-shadow 0.3s linear, color 0.3s linear;
    -moz-transition: box-shadow 0.3s linear, color 0.3s linear;
    -ms-transition: box-shadow 0.3s linear, color 0.3s linear;
	transition: box-shadow 0.3s linear, color 0.3s linear;
}

.help-item-display .topic-col-container .topic-col:hover {
	box-shadow: 0px 0px 0px 3px;
}

.help-item-display .topic-col-container .topic-col .fa {
	padding-bottom:5px;
}

.help-item-display .topic-col-container .topic-col a:hover {
	color:white;
}

.help-item-display .article-col-container .article-col {
	border-radius: 10px;
	padding: 1px 5px 1px 5px;
}

.help-item-display .article-col-container .article-col,
.help-item-display .article-col-container .article-col:hover {
	-webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -ms-transition: background-color 0.3s linear;
	transition: background-color 0.3s linear;
}

/* Help articles color */
.help-item-display .article-col-container .article-col h4 {
    color: #008892;
}

.help-item-display .topic-col-container a,
.help-item-display .article-col-container a {
	display: block;
}

.help-item-display .topic-col-container a:hover,
.help-item-display .topic-col-container a:visited,
.help-item-display .topic-col-container a:focus,
.help-item-display .article-col-container a:hover,
.help-item-display .article-col-container a:visited,
.help-item-display .article-col-container a:focus {
	text-decoration: none;
}

/*------------------------------------------------------------------------------
    Admin Topic Form Styles
------------------------------------------------------------------------------*/
.form-article .draft-actions-div {
	display: none;
}

.form-article.is-updated .draft-actions-div {
	display: block;
}