/*
	----------------------------------------
	The Alberta Teachers' Association CSS
	Sean Mitchell, sean@seanmitchell.ca
	05 / 08 / 10
	----------------------------------------
    BG - Revised for Subgroup Marine SP2013
    May 2013
	----------------------------------------
    AC - Revised for styling of dropdown toolbar for RAD editor (format block)
    May 2016
*/



/* RESET
---------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
img {
	-ms-interpolation-mode: bicubic;
}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
	font-style: inherit;
	font-weight: inherit;
}
del, ins {
	text-decoration: none;
}
li {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup, sub {
	vertical-align: baseline;
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
input, button, textarea, select {
	font-size: 100%;
}
select {
    height: auto;
    width: auto;
    font-size: 8pt;
}


/* HIDDEN PANELS/DIVs
---------------------------------------- */
.hiddenpanel { display: none; }
div.hidediv { display: none !important; }


/* BODY
---------------------------------------- */
body {
	background: #e9ecf1;
	color: #6b6c6b;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 13px;
	overflow-y: auto;
}
#footer {
    line-height: 20px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 15pt !important;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
a {
	color: #006BB7;
	text-decoration: none;
}
a:hover {
	color: #141414;
}
a, a:focus, a:active, input, select, textarea {
	outline: none;
}



/* WRAPPER
---------------------------------------- */
#wrapper {
	margin: auto;
	text-align: left;
	width: 100%;
}
div.wrapper {
	margin: auto;
	width: 980px;
}


/* FIX RIBBON POSITION (logo div margin-top set in JavaScript)
---------------------------------------- */
#head {
	position: fixed;
	width: 100%;
	background-color: rgb(0,54,85);
	z-index: 900;
}


/* UTILITIES
---------------------------------------- */
#utilities {
	/*background: url('/Style Library/Images/ATA/bg-utilities.png') left bottom repeat-x;*/
    background-color: rgb(0, 54, 85);
	float: left;
	font-size: 12px;
	line-height: 22px;
	width: 100%;
}
#utilities ul {
	float: right;
    padding: 9px 2px 9px 2px;
}
#utilities li {
	background: url('/Style Library/Images/ATA/bg-utilities-divide.png') right top no-repeat;
	float: left;
	margin-right: 14px;
	padding-right: 16px;
	z-index: 50;
}
#utilities li.last-child {
	background: none;
	margin: 0;
	padding: 0;
}
#utilities a {
	color: #FFF;
	display: block;
	padding-left: 23px;
}
#utilities a:hover,
#utilities a.hover {
	color: #FFD65A;
	text-decoration: underline;
}
#utilities .security-trimmed { float: left; } 
#utilities .u-account { position: relative; }
#utilities .u-account a { background: url('/Style Library/Images/ATA/icon-account.png') 0 3px no-repeat; }
#utilities .u-access { position: relative; }
#utilities .u-access a { background: url('/Style Library/Images/ATA/icon-access.png') 0 3px no-repeat; }
#utilities .u-account div.drop,
#utilities .u-access div.drop {
    position: absolute;
    right: 0;
    top: 31px;
}
#utilities .u-account div.down a,
#utilities .u-access div.down a {
	color: #8c8c8c;
	text-decoration: none;
}
#utilities .u-account div.down a:hover,
#utilities .u-access div.down a:hover {
	color: #141414;
}
#utilities .u-account div.down a, 
#utilities .u-account div.down a:focus, 
#utilities .u-account div.down a:active,
#utilities .u-access div.down a, 
#utilities .u-access div.down a:focus, 
#utilities .u-access div.down a:active {
	outline: none;
}
#utilities li.u-contact {
	background: none;
	margin-right: 0;
	padding-right: 0;
}
#utilities .u-cart a {
	background: url('/Style Library/Images/ATA/icon-cart.png') 0 3px no-repeat;
}

/* SP2013 Top Bar (suiteBar/site actions)
---------------------------------------- */
html.ms-dialog #suiteBar {
    display: none;
}
#suiteBar {
	margin: auto;
	width: 980px;
    height: 41px;
    display: block;
}
#suiteBarLeft {
	/*background: url('../Images/ATA/bg-utilities.png') left bottom repeat-x;*/
    background-color: rgb(0, 54, 85);
	font-size: 12px;
	line-height: 22px;
    width: auto;
}
#suiteBarLeft div.wrapper {
	width: 900px;
}
#suiteBarRight {
	/*background: url('../Images/ATA/bg-utilities.png') left bottom repeat-x;*/
    background-color: rgb(0, 54, 85);
	font-size: 12px;
	line-height: 22px;
    padding-left: 20px;
    padding-top: 4px;
}
.ms-welcome-root > a.ms-core-menu-root,
.ms-signInLInk
{
    color: #fff;
}
.ms-siteactions-normal:hover
{
    background-color: rgba(205, 230, 257, 0.5);
    border-color: rgba(205, 230, 257, 0.5);
}

.ms-siteactions-imgspan {
    background-image: url('/_layouts/15/images/ATA.MasterPages.SP2013/atagear.png') !important;
    background-size: auto;
    height: 20px;
    width: 20px;
    margin-top: -2px;
    margin-left: -2px;
}
.ms-core-menu-buttonIcon {
    display: none;
}
#siteactiontd {
    z-index: 300;
}

/*
#siteactiontd {
	background: #003858 url('../Images/ATA/bg-utilities.png') left bottom repeat-x;
    z-index: 300;
}
#siteactiontd span {
	background: #003858 url('../Images/ATA/bg-utilities.png') left bottom repeat-x;
    border: none;
}
#siteactiontd ul {
	background: #003858 url('../Images/ATA/bg-utilities.png') left bottom repeat-x;
    text-align: left;
    max-width: 180px;
    overflow-x: hidden;
    padding: 2px 2px 2px 2px;
	margin-top: -3px;
	margin-left: -1px;
	margin-bottom: 1px;
}
#siteactiontd a {
    text-decoration: none;
}
#siteactiontd a:hover {
	background: #003858 url('../Images/ATA/bg-utilities.png') left bottom repeat-x;
	color: #FFD65A;
	text-decoration: underline;
}
#siteactiontd li {
	background: #003858 url('../Images/ATA/bg-utilities.png') left bottom repeat-x;
    width: 100%;
    z-index: 300;
}
#siteactiontd li a {
    display:inline-block;
    max-width:180px;
    max-height:64px;
}
.ms-siteactions-root > span > a.ms-core-menu-root {
    padding-top: 4px;
    padding-bottom: 8px;
    padding-right: 20px;
    width: auto;
}
*/


/* SEARCH
---------------------------------------- */
#search {
    float: right;
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 50px 18px 0 0;
    width: 296px;
}
#search td:first-child {
    border: none;
    padding-right: 8px;
}
#search td.ms-sbLastcell {
	display: none;
}
.srch-gosearchimg {
	height: 21px;
}
.search .ms-sbcell .ms-sbplain
{
    margin-right:2px;
    margin-left:2px;
    border:1px #555555 solid;
	height:16px  !important;
	width:125px !important;

}
.search .ms-sbcell
{
    border:none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size:13px;
	font-weight:bold;
	color:black;
    padding:0px;
}
.search .ms-sbgo
{
    background:none;
}

.search .ms-sbgo img
{
    border:1px black solid;
}


/* LOGO
---------------------------------------- */
#logo {
	background: #294584;
    border-bottom: solid 0.5em #eecd3f;
	background-image: url('/_layouts/15/ATA.Branding.V16/Images/provincial/top_logo_bg.png');
    background-repeat: no-repeat;
    padding-bottom: 1em;
}
#logo h1 {
	padding: 0;
}
#logo h1 span {
	display: none;
}



/* PAGE STATUS
---------------------------------------- */
#contentBox {
    margin: inherit !important;
}


/* CONSOLES
---------------------------------------- */
#consoles {
    float: left;
    width: 100%;
}



/* MENU
---------------------------------------- */
#menu {
	background-color: #fff;
}
#menu ul {
	float: left;
	padding: 0 2px 0 2px;
}

#menu .navbar-collapse.in ul {
	width:100%;
}
#menu li {
	float: left;
	position: relative;
	z-index: 200;
}
#menu a {
	display: block;
	padding-left: 16px;
}
#menu a span {
	display: block;
	padding: 16px 16px 15px 0;
	font-size: 1em;
	font-weight: bold;
	color: #294584;
}
@media (min-width: 830px) {
  
    #menu a span {
	    font-size: 1.25em;
    }
}
#menu a.selected {
    border-bottom: 5px solid #eecd3f;
}
#menu a.selected span {
    font-weight:bold;
    color: #294584;
}
#menu a:hover,
#menu a.hover {
    text-decoration: none;
    border-bottom: 5px solid #eecd3f;
}
#menu a:hover span,
#menu a.hover span {
    color: #294584;
}




/* DROP / DOWN
---------------------------------------- */
#m-home div.drop,
#m-about div.drop,
#m-teaching div.drop {
	left: 0;
}
#m-publications div.drop,
#m-news div.drop,
#m-members div.drop {
	right: 0;
}
div.drop {
	display: none;
	position: absolute;	
	z-index: 2;
}
li.hovering div.drop {
	display: block;
}
div.down {
	background: url('/Style Library/Images/ATA/bg-dropdown.png') left bottom no-repeat;
	float: left;
	padding: 7px 9px 10px 9px;
}
div.down.half {
	background: url('/Style Library/Images/ATA/bg-dropdown-half.png') left bottom no-repeat;
}
div.down dl {
	float: left;
	padding: 0 6px 0 6px;
	width: 233px;
}
div.down dt {
	color: #006BB7;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 9px 3px;
}
div.down dd {
	background: url('/Style Library/Images/ATA/bg-divide.png') repeat-x;
	line-height: 16px;
	padding: 6px 0 4px 0;
}
div.down a {
	background: url('/Style Library/Images/ATA/icon-dropdown.png') no-repeat !important;
	color: #8C8C8C;
	display: block;
	height: auto !important;
	padding-left: 20px;
}
div.down a:hover {
	color: #141414;
}



/* LOCATION
---------------------------------------- */
#RibbonContainer-TabRowRight {
    display: none !important;
}

#s4-ribbonrow {
	/*background: url('/Style Library/Images/ATA/bg-ribbon.png') left top repeat-x;*/
    background-color: rgb(0, 54, 85);
    /*float: left;*/
    text-align: left;
}
#s4-ribbonrow #s4-ribboncont {
    background: none;
}
#s4-ribbonrow #globalNavBox,
#s4-ribbonrow .ms-cui-topBar2 {
	background: url('/_layouts/15/ATA.Branding.V16/Images/provincial/bg-ribbon.png') left top repeat-x;
    background-color: rgb(0, 54, 85);
    border: none;
    
}
#s4-ribbonrow .ms-cui-tts {
    line-height: 12px;
}
#s4-ribbonrow .ms-cui-ribbon, 
#s4-ribbonrow .ms-cui-menu, 
#s4-ribbonrow .ms-cui-toolbar-toolbar {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.ms-cui-menu[id ^= "Ribbon."] {
    position: fixed !important;
}
.ms-cui-tt-s.ms-browseTab > .ms-cui-tt-a > .ms-cui-tt-span,
.ms-cui-tt-a > .ms-cui-tt-span {
	color: #fff !important;
}
.ms-promotedActionButton-text {
    color: #fff;
}



/* LOCATION
---------------------------------------- */
#location {
	font-size: 8pt;
	line-height: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align:left;
    position: relative;
    z-index: 2;
}
#location ul {
	float: left;
    padding: 11px 0 12px 0;
}
#location li {
	background: url('/Style Library/Images/ATA/icon-location.png') 8px 5px no-repeat;
	float: left;
}
#location a {
	color: #6b6c6b;
	padding: 0 8px;
    text-decoration: none;
}
#location a:first-child {
	padding: 0 8px 0 4px;
}
#location a:hover,
#location a.selected {
	color: #294584;
	text-decoration: underline;
}



/* CONTENT
---------------------------------------- */
#content {
	-webkit-text-stroke: 1px transparent;
}





/* ata-quickNav
---------------------------------------- */
.ata-quickNav {
	padding: 16px 14px 20px 18px;
    background-color:#FEFEFE;
}
.ata-quickNav .ata-quickNav-item {
	background: url('/_layouts/15/ATA.Branding.V16/Images/provincial/submenu-divide.png') repeat-x;
	color: #8C8C8C;
}
.ata-quickNav .ata-quickNav-item:first-child,
.ata-quickNav .ata-quickNav-item.first-child {
	background: none;
}
.ata-quickNav .ata-quickNav-item a {
	color: #8C8C8C;
	display: block;
	padding: 12px 0 9px 8px;
}
.ata-quickNav .ata-quickNav-item a:hover {
	color: #141414;
}
.ata-quickNav .ata-quickNav-item a.selected {
	background: url('/_layouts/15/ATA.Branding.V16/Images/provincial/icon-submenu.png') 8px 18px no-repeat;
	color: #006BB7;
	padding-left: 20px;
}
.ata-quickNav ul {
	font-size: 11px;
	padding: 3px 0 17px 20px;
}
.ata-quickNav li {
	color: #787878;
}
.ata-quickNav li a {
	color: #787878;
	display: block;
}
.ata-quickNav li a:hover {
	color: #141414;
	text-decoration: underline;
}
.ata-quickNav li.selected {
	background: url('/_layouts/15/ATA.Branding.V16/Images/provincial/icon-submenu-child.png') 0 7px no-repeat;
	padding-left: 10px;
}
.ata-quickNav li.selected a {
	color: #006BB7;
}

/* iPAd and lower */
@media(max-width: 768px) {
    .ata-quickNav-item {
        display:none;
    }
    .ata-quickNav ul {
        padding: 3px 0 17px 5px;
    }
}


/* HEADLINE
---------------------------------------- */
#headline {
	border-bottom: 4px solid #FFD65A;
	margin: 0 34px 0 34px;
	padding: 26px 0 14px 0;
}
.welcome {
    margin: 0 34px 0 34px;
    padding: 26px 0 14px 0 !important;
}
div.frame-a #headline {
	width: 576px;
}
div.frame-b #headline {
	width: 912px;
}
div.frame-c #headline {
	width: 656px;
}
#headline dl {
	float: left;
	font-size: 11px;
	line-height: 20px;
    padding-bottom: 12px;
}
#headline dd {
	border-left: 1px solid #DCDCDC;
	float: left;
	margin-left: 15px;
	padding-left: 15px;
}
#headline dd:first-child {
	border: none;
	margin: 0;
	padding: 0;
}
#headline dd span {
	font-weight: bold;
}
#headline dd a {
	color: #646464;
	display: block;
}
#headline dd a:hover {
	color: #141414;
	text-decoration: underline;
}
#headline dd.h-rss a {
	background: url('/Style Library/Images/ATA/icon-rss.png') 0 2px no-repeat;
	padding-left: 23px;
}
#headline dd.h-pdf a {
	background: url('/Style Library/Images/ATA/icon-pdf.png') 0 2px no-repeat;
	padding-left: 23px;
}



/* CAROUSEL
---------------------------------------- */
#carousel 
{
	padding: 30px 30px 0 30px;
}



/* LANDING
---------------------------------------- */
#landing {
	float: left;
	margin: 0 34px 0 34px;
	width: 656px;
}



/* L-FEATURE
---------------------------------------- */
#l-feature {
	float: left;
	padding: 24px 32px 0 0;
	width: 312px;
}
#l-feature .button {
	padding: 5px 0 31px 0;
}



/* L-MORE
---------------------------------------- */
#l-more {
	float: left;
	padding-top: 8px;
	width: 312px;
}
#l-more dl {
	background: url('/Style Library/Images/ATA/bg-divide.png') left bottom repeat-x;
	padding: 20px 0 21px 0;
}
#l-more dt {
	font-weight: bold;
	line-height: 16px;
	padding-bottom: 9px;
}
#l-more dt a {
	background: url('/Style Library/Images/ATA/icon-story.png') no-repeat;
	display: block;
	padding-left: 22px;
}
#l-more dd {
	font-size: 11px;
	line-height: 16px;
}
#l-more .button {
	padding: 24px 0 31px 0;
}



/* BUMPER
---------------------------------------- */
#bumper {
	border-top: 4px solid #FFD65A;
	float: left;
	margin: 0 34px 0 34px;
	padding-bottom: 14px;
	width: 656px;
}
#bumper h4 {
	border-bottom: 1px solid #DCDCDC;
	padding: 19px 0 20px 0 !important;
}
#bumper dl {
	background: url('/Style Library/Images/ATA/bg-divide.png') left top repeat-x;
	padding: 17px 0 17px 0;
}
#bumper dl:first-child {
	background: none;
}
#bumper dt {
	color: #8C8C8C;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
	padding: 0 0 5px 2px;
}
#bumper dd {
	line-height: 16px;
	padding-left: 22px;
}



/* B-PREVIOUS
---------------------------------------- */
#b-previous {
	float: left;
	margin-right: 32px;
	width: 312px;
}
#b-previous dd {
	background: url('/Style Library/Images/ATA/icon-issue.png') no-repeat;
}



/* B-POPULAR
---------------------------------------- */
#b-popular {
	float: left;
	width: 312px;
}
#b-popular dd {
	background: url('/Style Library/Images/ATA/icon-story.png') no-repeat;
}



/* ISSUE
---------------------------------------- */
#issue {
	float: left;
	margin: 0 34px 0 34px;
	width: 656px;
}



/* I-DISQUS DISQUS
---------------------------------------- */
#i-disqus {
	float: left;
	margin: 0 34px 0 34px;
	width: 656px;
}
#i-disqus #disqus {
	border-top: 4px solid #FFD65A;
	padding-top: 24px;
	margin-top: 32px;
}



/* I-FEATURE
---------------------------------------- */
#i-feature {
	background: url('/Style Library/Images/ATA/bg-divide.png') left bottom repeat-x;
	float: left;
	width: 656px;
}
#i-feature div.photo {
	float: left;
	padding: 24px 32px 28px 0;
	width: 312px;
}
#i-feature div.photo div.p-image {
	float: left;
	padding-bottom: 5px;
}
#i-feature div.photo div.p-caption {
	float: left;
	padding-bottom: 2px;
}



/* I-EXCERPT
---------------------------------------- */
#i-excerpt {
	float: left;
	padding-top: 27px;
	width: 312px;
}
#i-excerpt .button {
	padding: 5px 0 31px 0;
}



/* I-ROW
---------------------------------------- */
div.i-row {
	background: url('/Style Library/Images/ATA/bg-divide.png') left top repeat-x;
	float: left;
	width: 656px;
}
div.i-row:first-child {
	background: none;
	padding-bottom: 2px;
}



/* I-ENTRY
---------------------------------------- */
div.i-entry {
	float: left;
	padding: 28px 0 16px 16px;
	width: 208px;
}
div.i-entry:first-child {
	padding-left: 0;
}
div.i-entry div.i-photo {
	padding: 4px 0 12px 0;
	width: 208px;
}
div.i-entry h6 {
	padding-bottom: 8px;
}
div.i-entry h6 a {
	background: url('/Style Library/Images/ATA/icon-story.png') no-repeat;
	display: block;
	padding-left: 23px;
}
div.i-entry p {
	font-size: 11px;
	line-height: 16px;
}



/* I-PHOTO
---------------------------------------- */
div.i-photo img {
	display: block;
	padding: 1px;
	border: 1px solid #DCDCDC;
}
div.i-photo a img:hover {
	border: 1px solid #646464;
}



/* ARTICLE
---------------------------------------- */
#article {
	float: left;
	margin: 0 34px 0 34px;
	width: 656px;
}



/* A-CONTENT
---------------------------------------- */
#a-content {
	float: left;
	padding: 24px 32px 16px 0;
	width: 432px;
}



/* A-CONTENT DISQUS
---------------------------------------- */
#a-content #disqus {
	border-top: 4px solid #FFD65A;
	padding-top: 24px;
	margin-top: 32px;
}



/* C-CONTENT
---------------------------------------- */
#c-content {
	float: left;
	padding: 24px 32px 16px 0;
	width: 656px;
}



/* A-SIDE
---------------------------------------- */
#a-side {
	float: left;
	width: 192px;
}



/* A-LIST
---------------------------------------- */
div.a-list {
	border-top: 4px solid #FFD65A;
	float: left;
	width: 192px;
}
div.a-list:first-child,
div.a-list.first-child {
	border: none;
}
div.a-list h4 {
	border-bottom: 1px solid #DCDCDC;
	padding: 19px 0 20px 0 !important;
}
div.a-list dl {
	font-size: 11px;
	line-height: 16px;
	padding: 20px 0 28px 0;
}
div.a-list dd {
	padding-bottom: 8px;
}
div.a-list dd a {
	background: url('/Style Library/Images/ATA/icon-story.png') no-repeat;
	color: #646464;
	display: block;
	padding-left: 23px;
}
div.a-list dd a:hover {
	color: #141414;
	text-decoration: underline;
}




/* Added .reDropDownBody class - AC - May 2016*/
.reDropDownBody h2,
#page h2 {
	color: #294584;
	font-size: 1.5em !important;
	padding-bottom: 0.4em;
}

#page h3 {
	font-size: 18px !important;
	line-height: 24px;
	padding-bottom: 12px;
    font-weight:bold;
}
#page h4 {
	color: #006BB7;
	font-size: 21px;
	font-weight: bold;
	padding-bottom: 7px;
    padding-top: 1em;
}
#page h5 {
	color: #006BB7;
	font-size: 17px;
	font-weight: bold;
	line-height: 24px;
	padding-bottom: 7px;
}

/* Added .reDropDownBody class - AC - May 2016*/
.reDropDownBody h6,
#page h6 {
	color: #006BB7;
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
	padding-bottom: 7px;
}

#page blockquote {
	border-left: 1px solid #DCDCDC;
	color: #969696;
	margin: 0 0 13px 0;
	padding: 7px 0 6px 15px;
}
#page ol,
#page ul {
	list-style-position: outside;
	padding: 0 0 13px 2em;
}
#page li {
	padding-left: 1em;
}
#page ol li {
	list-style-type: decimal;
}
#page ol ol li,
#page ol ol ol ol li,
#page ol ol ol ol ol ol li {
	list-style-type: lower-alpha;
}
#page ul li {
	list-style-type: disc;
}
#page ul ul li
#page ul ul ul ul li,
#page ul ul ul ul ul ul li {
	list-style-type: circle;
}
#page p {
	color: #6b6c6b;
	font-size: 12pt;
	padding-bottom: 13px;
}
#page h2 a,
#page h4 a,
#page h5 a,
#page h6 a {
	color: #294584;
}
#page h2 a:hover,
#page h4 a:hover,
#page h5 a:hover,
#page h6 a:hover {
	color: #294584;
    text-decoration: underline;
}
#page h3 a,
#page blockquote a,
#page li a,
#page p a {
	border-bottom: 1px solid #DCDCDC;
}
#page h3 a:hover,
#page blockquote a:hover,
#page li a:hover,
#page p a:hover {
	/*border-bottom: 1px solid #141414;*/
}



/* PAGE > SCROLLABLE
---------------------------------------- */
#page .scrollable {
	height: 600px;
	position: relative;
	overflow: hidden;
	margin: 0 0 4px 0;
	width: 644px;
}



/* PAGE > ITEMS
---------------------------------------- */
#page .scrollable .items {
	position: absolute;
	height: 20000em;
}





/* TOC
---------------------------------------- */
#toc ol,
#toc ul {
	list-style-position: outside;
	padding: 0 0 0 2em;
}
#toc li {
	padding-left: 1em;
	line-height: 16px;
	list-style-type: none;
	text-indent: 1em;
}
#toc li a {
    border-bottom: none;
}
#page a.toc-top-link {
	font-size: 17px;
	font-weight: normal;
	margin-left: 18px;
}
#page h5 a.toc-top-link {
	display: none;
}




/* PAGE > GROUP
---------------------------------------- */
#page div.group {
	background: url('/Style Library/Images/ATA/bg-divide.png') left top repeat-x;
	margin: 0 34px 0 34px;
	padding: 27px 0 14px 0;
}
#page div.group a.g-rss {
	background: url('/Style Library/Images/ATA/icon-rss.png') 0 2px no-repeat;
	font-weight: normal;
	padding: 2px 2px 2px 22px;
}
div.frame-a #page div.group {
	width: 576px;
}
div.frame-b #page div.group {
	width: 912px;
}
div.frame-c #page div.group {
	width: 656px;
}
#page div.group:first-child {
	background: none;
}



/* FRAME-B > COLUMNS
---------------------------------------- */
div.frame-b div.column-left,
div.frame-b div.column-right {
	float:  left;
	width: 490px;
}
div.frame-b div.column-left div.c-group,
div.frame-b div.column-right div.c-group {
	background: url('/Style Library/Images/ATA/bg-divide.png') left top repeat-x;
	float: left;
	padding: 27px 0 14px 0;
	width: 440px;
}
div.frame-b div.column-left div.c-group {
	margin: 0 16px 0 34px;
}
div.frame-b div.column-right div.c-group {
	margin: 0 34px 0 16px;
}
div.frame-b div.column-left div.c-group:first-child,
div.frame-b div.column-right div.c-group:first-child{
	background: none;
}



/* FEATURED
---------------------------------------- */
#featured {
	border-bottom: 4px solid #FFD65A;
	float: left;
	margin: 0 34px 0 34px;
	padding-top: 33px;
}



/* FEATURED > SCROLLABLE
---------------------------------------- */
#featured div.scrollable {
	float: left;
	height: 345px;
	position: relative;
	overflow: hidden;
	width: 576px;
}



/* FEATURED > ITEMS
---------------------------------------- */
#featured div.items {
	clear: both;
	position: absolute;
	width: 20000em;
}



/* FEATURED > NAVI
---------------------------------------- */
#featured div.navi {
	float: left;
	padding: 16px 0;
}
#featured div.navi a {
	background: url('/Style Library/Images/ATA/icon-navi.png') no-repeat;
	display: block;
	float: left;
	height: 8px;
	margin-right: 8px;
	width: 8px;
}
#featured div.navi a:hover {
	background-position: 0 -8px;
}
#featured div.navi a.active {
	background-position: 0 -16px;
}



/* FEATURED > ENTRY
---------------------------------------- */
#featured div.entry {
	border: 1px solid #DCDCDC;
	float: left;
	padding: 1px;
	width: 572px;
}
#featured div.e-feature {
	position: relative;
	width: 572px;
	height: 340px;
}
#featured div.e-photo {
	position: relative;
	width: 572px;
	height: 340px;
}
#featured div.e-excerpt {
	background: url('/Style Library/Images/ATA/bg-featured.png');
	left: 0;
	bottom: 0;
	padding: 11px 16px 0 16px;
	position: absolute;
	width: 540px;
}
#featured div.e-excerpt h4,
#featured div.e-excerpt h4 a {
	color: #FFD65A;
}
#featured div.e-excerpt h4 a:hover {
	color: #FFF;
}
#featured div.e-excerpt p {
	color: #FFF;
	line-height: 16px;
	padding: 2px 0 12px 0;
}



/* SIDE
---------------------------------------- */
#side {
	float: left;
	padding: 33px 18px 0px 14px;
	width: 304px;
}
#side h2 {
	background: url('/Style Library/Images/ATA/submenu-divide.png') left bottom repeat-x;
	color: #006BB7;
	font-size: 18px;
	font-weight: bold;
	padding: 12px 2px 14px 2px;
}
#side h2 a {
	color: #006BB7;
}
#side h2 a:hover {
	color: #141414;
}
#side h6 {
	background: url('/Style Library/Images/ATA/submenu-divide.png') left top repeat-x;
	overflow: auto;
	padding-top: 8px;
}
#side ul {
	padding: 10px 0 26px 0;
}
#side a {
	color:#006BB7;
}
#side a:hover,
#side a:active {
	color: #141414;
}
#side div.group {
	float: left;
	border-top: 4px solid #FFD65A;
	width: 304px;
	margin-bottom: 12px;
}
#side div.side {
	padding: 10px 2px 0 2px;
}
#side dd {
	padding-bottom: 8px;
}



/* SIDE > SCROLLABLE
---------------------------------------- */
#side .scrollable {
	height: 245px;
	position: relative;
	overflow: hidden;
	margin: 0 0 4px 0;
}



/* SIDE > ITEMS
---------------------------------------- */
#side .scrollable .items {
	position: absolute;
	height: 20000em;
}



/* BUTTON
---------------------------------------- */
div.button {
	font-size: 10px;
	font-weight: bold;
    height: 32px;
    line-height: 30px;
	text-transform: uppercase;
}
div.button a {
	background: url('/Style Library/Images/ATA/bg-button.png') right top no-repeat;
    color: #646464;
	float: left;
    height: 32px;
}
div.button a span {
	background: url('/Style Library/Images/ATA/bg-button-icon.png') left top no-repeat;
	float: left;
    height: 32px;
    padding: 0 12px 0 31px;
}
div.button a:hover {
	background-position: right bottom;
	color: #006BB7;
}
div.button a span:hover {
	background-position: left bottom;
}
a.button,
a.button-prev,
a.button-next {
	background: url('../Images/ATA/bg-button-a.png') right top no-repeat;
    color: #646464;
	float: left;
	font-size: 10px;
	font-weight: bold;
    height: 32px;
    line-height: 30px;
    margin-right: 4px;
	text-transform: uppercase;
}
a.button span,
a.button-prev span,
a.button-next span {
	background: url('../Images/ATA/bg-button-span.png') left top no-repeat;
	float: left;
    height: 32px;
    padding: 0 12px;
    position: relative;
}
a.button img,
a.button-prev img,
a.button-next img {
	top: 7px;
	left: 8px;
	position: absolute;
}
a.button:hover,
a.button-prev:hover,
a.button-next:hover {
	background-position: right bottom;
	border-bottom: none !important;
}
a.button:hover span,
a.button-prev:hover span,
a.button-next:hover span {
	background-position: left bottom;
	border-bottom: none !important;
}

a.button-prev span {
	background: url('../Images/ATA/bg-button-icon-leftarrow.png') left top no-repeat;
	padding-left: 26px
}
a.button-next span {
	background: url('../Images/ATA/bg-button-icon.png') left top no-repeat;
	padding-left: 26px;
}





/* PHOTO
---------------------------------------- */
div.photo {
	display: block;
	padding-bottom: 16px;
}
div.p-image {
	padding-bottom: 5px;
}
div.p-image img {
	display: block;
	padding: 1px;
	border: 1px solid #DCDCDC;
}
div.p-image a img:hover {
	border: 1px solid #646464;
}
div.p-caption {
	color: #969696;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
}



/* FEED-READER
---------------------------------------- */
#frame div.feed-reader {
    float: left;
}
#frame div.feed-reader h6 {
	font-weight: normal;
    overflow: auto;
}
#frame div.feed-reader a.g-more {
	float: left;
	padding: 2px;
}
#frame div.feed-reader a.g-rss {
	background: url('/Style Library/Images/ATA/icon-rss.png') 0 2px no-repeat;
	float: right;
	padding: 2px 2px 2px 22px;
}
#frame div.feed-reader dd.last {
	background: url('/Style Library/Images/ATA/submenu-divide.png') left bottom repeat-x;
	margin-bottom: 8px;
}
#page div.feed-reader h6 {
	background: url('/Style Library/Images/ATA/bg-divide.png') left top repeat-x;
	margin: 0 34px;
	padding: 27px 0 14px 0;
}
#page div.feed-reader a.g-rss {
	float: left;
}



/* FOOTER
---------------------------------------- */
#footer {
	font-size: 11px;
    margin-top: -2.5em;
    border-top: solid 0.5em #f6e18f;
    background-color:#fff;
}
#footer-bar{
    background-color: #eecd3f;
    height: 5em;
    margin-bottom: 2em;    
	background-image: url('/_layouts/15/ATA.Branding.V16/Images/provincial/footer_bar_bg.png');
    background-repeat: no-repeat;
}
#footer h3 {
    font-size: 1.15em !important;
    font-weight: bold;
    padding-bottom: 0.3em;
    border-bottom: solid #BBB 2px;
}
#footer p {
	color: #5A88AB;
	padding-bottom: 12px;
}
#footer a {
	color: #5A88AB;
}
#footer a:first-child {
	border: none;
}
#footer a:hover,
#footer a.selected {
	color: #223769;
	text-decoration: underline;
}
.border-right {
    border-right: solid #DDD 1px;
}
@media (min-width: 768px) {
    .border-left {
        border-left: solid #DDD 1px;
    }
    .border-right-sm {
        border-right: solid #DDD 1px;
    }
}
@media (min-width: 922px) {
    .border-left-md {
        border-left: solid #DDD 1px;
    }
}

@media (min-width: 1200px) {
    .border-left-md, .border-left {
        height:155px;
    }
}

#footer .col-sm-6
{
    padding-bottom:1em;
}



/* EDITMODEPANEL
---------------------------------------- */
#editmodepanel {
	background-color: #d2e0ec;
	clear: both;
	padding: 18px;
}
#editmodepanel li {
	padding: 12px 0;
}



/* FORM, ALINITY-INFO, TIN-INFO, INFOPATH
---------------------------------------- */
#form,
#alinity-info,
#tin-info,
#infopath {
    padding: 14px;
}
#headline #alinity-info {
    margin: 0;
}
#alinity-info h3,
#tin-info h3 {
    display: none;
}
#form{

}




/* CALENDAR
---------------------------------------- */
#calendar {
    clear: both;
	padding: 18px 36px;
}
#calendar h1 {
	display: none;
}
#calendar span div div table,
#calendar span div div a {
    margin-left: 6px;
}
#calendar span div div table table,
#calendar span div div table a {
    margin: 0;
}
#calendar span div div table table td {
    padding: 0;
}
#calendar th,
#calendar td  {
    padding: 4px;
}
#calendar .eventGenericLabel,
#calendar .eventDate,
#calendar .eventTitle {
    color: #333;
    font-weight: bold;
}
#calendar .eventTitle {
    font-size: 1.3em;
}
#calendar .eventICSLink {
	font-size:85%;
	padding-left:20px;
	background-image: url('_layouts/15/images/calendar.gif');
	background-repeat: no-repeat;
	margin-left: 20px;
}


/* TWITTER WEB PART STYLES
---------------------------------------- */
.tweet-searchheader
{
    margin: 0;
    padding: 0px 0px 0px 0px;
}
.tweet-search
{
    padding: 0 5px 0;
}
.tweet-emptysearch
{
}
ol.tweet-statuses
{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    
}
ol.tweet-statuses li 
{
    clear: both;
    position: relative;
    list-style-image: none !important;
    padding: 10px 5px 0;
    margin: 0;
    
}
ol.tweet-statuses li:hover
{
    background-color: #f7f7f7;
}
.tweet-thumb
{
    display: block;
    width: 50px;
    height: 50px;
	float: left;
    margin: 0 10px 10px 0;
}
.tweet-url
{
    border: 0 none;
    
}
.tweet-photo
{
    border: 1px solid #333;   
}
.tweet-statusbody, .tweet-statusbodyplain
{
    display: block;
    margin: 0 0 10px 60px; 
    padding: 0 0 7px;  
}
.tweet-statusbodyplain
{
    margin-left: 0;
}
.tweet-entrymeta
{
	display: block;
	padding: 0 0 5px;
}
.clear { clear: both; }
.linkDiv
{
    float: left;
   padding: 0 15px 0px 0px;
}
.tweet-container
{
    width:100%;
}
#page OL LI.tweet-status
{
    list-style-type:none;
    padding-left:0px;
}
#page LI.tweet-status A
{
    border-bottom: 0 none;
}
body .tweet-container {
	line-height: normal;
}





/* RADEDITOR OVERRIDES
---------------------------------------- */
#frame .RadEditor table, 
#frame .RadEditor th, 
#frame .RadEditor td, 
#frame .reToolbar, 
#frame .reToolbar li, 
#frame .reTlbVertical, 
#frame .reDropDownBody ul, 
#frame .reDropDownBody ul li, 
#frame .RadWindow table, 
#frame .RadWindow table td, 
#frame .RadWindow table td ul, 
#frame .RadWindow table td ul li 
{ 
    margin: 0 !important; 
    padding: 0 !important; 
    border: 0 !important; 
    list-style: none !important; 
} 
#frame .reWrapper_corner, 
#frame .reWrapper_center, 
#frame .reLeftVerticalSide, 
#frame .reRightVerticalSide, 
#frame .reToolZone, 
#frame .reEditorModes, 
#frame .reResizeCell, 
#frame .reToolZone table td, 
#frame .RadEditor .reToolbar, 
#frame .RadEditor .reEditorModes 
{ 
    border: 0 !important; 
} 
#frame .reToolbar li, 
#frame .reToolbar ul li, 
#frame .reInsertTable .reTlbVertical .reToolbar li 
{ 
    float: left !important; 
    clear: none !important; 
    border: 0 !important; 
} 
#frame .RadEditor a,
#frame .RadEditor a:hover
{
    color: #000 !important;
    border: 0 !important;
}





/* SHAREPOINT OVERRIDES (FIX SHAREPOINT ELEMENT ISSUES CAUSED BY MARINE STYLESHEET)
---------------------------------------- */ 

/* WEB PART HEADER
---------------------------------------- */    
#page .s4-wpTopTable { 
    margin-bottom: 16px; 
}
#page .s4-wpTopTable tr:first-child td { /* wrapper element for header */
    border: none;
    padding: 0 auto; 
} 
#page .s4-wpTopTable tr:first-child td td { 
    border: none; 
}
#page .ms-WPHeader { 
    background: transparent; 
}
#page .ms-WPHeader h3 { 
    padding-bottom: 0; 
}
#page .ms-WPHeader td { 
    border-bottom: none; 
}

/* WEB PART HEADER AND LIST SETTINGS DROP DOWN MENUS (ie. edit, close, delete)
---------------------------------------- */
#page .ms-menutoolbar {
    background-color: #EEE;
}
#page .ms-webpart-chrome-title ul,
#page .ms-WPHeader ul,
#page .ms-menutoolbar ul,
#page .ms-viewheadertr ul,
#page .ms-ltviewselectormenuheader ul,
#page .ms-MenuUI ul {
    margin: 0; 
    padding: 0; 
}
#page .ms-webpart-chrome-title li,
#page .ms-WPHeader li,
#page .ms-menutoolbar li,
#page .ms-viewheadertr li,
#page .ms-ltviewselectormenuheader li,
#page .ms-MenuUI li {
    list-style: none; 
    margin: 0; 
    padding: 0; 
}
#page .ms-WPHeader ul a,
#page .ms-WPHeader ul a:hover,
#page .ms-menutoolbar ul a,
#page .ms-menutoolbar ul a:hover,
#page .ms-viewheadertr ul a,
#page .ms-viewheadertr ul a:hover,
#page .ms-ltviewselectormenuheader ul a,
#page .ms-ltviewselectormenuheader ul a:hover,
#page .ms-MenuUI ul a,
#page .ms-MenuUI ul a:hover {
    border-bottom: none; 
}

table.ms-listviewtable ul li a,
table.ms-listviewtable ul li {
    list-style: none !important;
    text-decoration: none !important;
    border-bottom: 0 !important;
    padding-left: 0 !important;
}

span.ms-pivotControl-container ul li a,
span.ms-pivotControl-container ul li {
    list-style: none !important;
    text-decoration: none !important;
    border-bottom: 0 !important;
    padding-left: 0 !important;
}

/* DROP DOWN IMAGE ALIGNMENT
---------------------------------------- */
#page .s4-ctx a img {
    margin-top: 8px;
}
#page .ms-vh .s4-ctx a img,
#page .ms-vh2 .s4-ctx a img {
    margin-top: 16px;
}
#page .ms-vh .ms-vh-div td {
    vertical-align: top;
}
#page .ms-itmhover .ms-vb2 {
    font-size: 8pt;
}

/* WEB PART HEADINGS
---------------------------------------- */
#form .s4-wpcell h3, 
#form .s4-wpcell-plain h3, 
h3.ms-WPTitle, 
h3.ms-WPTitle span, 
h3.ms-WPTitle a:link, 
h3.ms-WPTitle a:active, 
h3.ms-WPTitle a:visited, 
h3.ms-WPTitle a:hover {
    color: #006BB7;
    font-size: 17px;
    line-height: 24px;
}

/* TABLE HEADER/CELL PADDING
---------------------------------------- */
#form td.s4-wpcell,
#form td.s4-wpcell-plain{
    padding: 8px;
}
#form .ms-listviewtable th,
#form .ms-listviewtable td {
    padding: 0px 4px 2px 4px;
    vertical-align: top;
}

/* DIALOG OVERRIDES
---------------------------------------- */
.ms-dialog #head {
    position: relative;
}
.ms-dialog #content {
    background-color: transparent;
    background: none;
}
.ms-dialog div.wrapper {
    width: auto;
}
.ms-dialog #wrapper,
.ms-dialog #frame,
.ms-dialog div.frame-c #form #page,
.ms-dialog div.frame-c #page,
.ms-dialog div.frame-b #form #page,
.ms-dialog div.frame-b #page {
	width: 100%;
}
.ms-dialog div.frame-c,
.ms-dialog div.frame-c #f-top,
.ms-dialog div.frame-c #f-bottom,
.ms-dialog div.frame-b,
.ms-dialog div.frame-b #f-top,
.ms-dialog div.frame-b #f-bottom {
	width: 100%;
	background-image: none;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;
}
.ms-dialog #s4-ribbonrow {
    float: inherit;
}
.ms-dialog #s4-ribbonrow #globalNavBox,
.ms-dialog #s4-ribbonrow .ms-cui-topBar2 {
	width: 100%;
	margin-top: -5px;
	border-style: solid;
	border-bottom-width: 0.5px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	background-image: none;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
	background-color: transparent;
}


/* NAVIGATION WEBPART STYLES
---------------------------------------- */
#frame-webpartpage #submenu ul { clear: both; overflow: auto; padding-left: 15px; }
#frame-webpartpage #submenu ul.root { padding-left: 0; }
#frame-webpartpage #submenu ul li { list-style: none; overflow: auto; padding-left: 0; }
#frame-webpartpage #submenu ul li li { padding-left: 11px; }
#frame-webpartpage #submenu ul li a, 
#frame-webpartpage #submenu ul li a:hover { border-bottom: none; clear: both; color: #0072bc; float: left; padding-left: 0 }
#frame-webpartpage #submenu ul li a { color: #8c8c8c; }
#frame-webpartpage #submenu ul li a:hover { color: #141414; text-decoration: none; }
#frame-webpartpage #submenu ul li li a:hover { text-decoration: underline; }
#frame-webpartpage #submenu ul li a span { font-size: 13px; }
#frame-webpartpage #submenu ul li li a span,
#frame-webpartpage #submenu ul.icons li a span { font-size: 11px; }
#frame-webpartpage #submenu ul li a.selected { background-image: none; background-color: transparent; border: none; color: #0072bc; }
#frame-webpartpage #submenu ul li a.selected span { color: #0072bc; }
#frame-webpartpage #submenu ul li.selected { background-position: 0 10px; padding-left: 0; }
#frame-webpartpage #submenu ul.icons li a { background: url(/_layouts/15/images/fgimg.png) no-repeat; float: left; height: 16px; line-height: 16px; margin: 0 0 4px 0; padding-left: 20px; }
#frame-webpartpage #submenu ul.icons li a.recycle-bin { background-position: 0 -428px }
#frame-webpartpage #submenu ul.icons li a.all-content { background-position: 0 0 }

/* MESSAGING STYLES
---------------------------------------- */
.message-info { background: #BDE5F8 url('/_layouts/15/images/info16by16.gif') no-repeat 3px 4px; border: 1px solid #00529B; color:#29006B; line-height: 16px; padding: 4px 4px 4px 21px; }
.message-error { background: #FFBABA url('/_layouts/15/images/cell-error.png') no-repeat 2px 4px; border: 1px solid #D8000C; color:#29006B; line-height: 16px; padding: 4px 4px 4px 21px; }
.message-warning { background: #FFD96A url('/_layouts/15/images/kpinormal-1.gif') no-repeat 2px 4px; border: 1px solid #E0A800; color:#29006B; line-height: 16px; padding: 4px 4px 4px 21px; }

/* PEOPLE PICKER
---------------------------------------- */
#content #content { background-image: none; }

/* RESET HYPERLINK STYLES
---------------------------------------- */
#form h3 a, 
#form h3 a:hover {
    border-bottom: none;
}
#form a {
	color: #006BB7;
	text-decoration: none;
}   
#form a:hover {
	color: #141414;
}
#form a, 
#form a:focus, 
#form a:active, 
#form input, 
#form select, 
#form textarea {
	outline: none;
}

.ms-core-webpartadder
{
    z-index:999;
}
.navbar{
    margin-bottom: 0px;
    border: none;
}
.navbar-nav>li>a
{
    padding:0px;
}

.navbar-toggle .icon-bar
{
    background-color: black;
}
.navbar-toggle
{
    background-color: white;
    border: 1px solid lightgrey;
}
.navbar .in li {
    float: none !important;
}
.navbar .in #menu a span {
    width: 310px;
}
@media (min-width: 768px)
{
    #menu {
        min-width:1035px;
    }
}
.o365cs-nav-leftAlign
{
    display:none !important;
}

@media (min-width: 768px) {
    .carousel-indicators {
        bottom:-30px;
    }
    .carousel-inner
    {
        margin-bottom: 15px;
    }
}
.carousel-indicators li {
    padding-left: 0 !important;
    margin-left: 7px;
    margin-right: 7px;
    width: 5px;
    height: 5px;
    border:none !important;
    background-color: #BBB !important;
    border-radius: 0px !important;
}
.carousel-indicators .active
{
    background-color: #006BB7 !important;
    width: 7px;
    height: 7px;
    margin-left: 6px;
    margin-right: 6px;
}
.carousel-caption h4
{
    color: #FFF !important;
    font-size: 15pt;
}

.carousel-caption {
    background: url('/Style Library/Images/ATA/bg-featured.png');
    bottom: 0px;
    padding: 15px;
    right: 0 !important;
    left: 0 !important;
    text-align: left  !important;
    padding-right: 100px;
    position:static;
}
.carousel-caption p {
    color: #FFF  !important;
    line-height: 16px  !important;
    padding: 2px 0 12px 0;
}
.shadow{
    -moz-box-shadow: 2px 4px 6px #666;
    -webkit-box-shadow: 2px 4px 6px #666;
    box-shadow: 2px 4px 6px #666; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#666666')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 3, Direction = 135, Color = '#666666');
}
.page-main
{
    background-color:#fff;
    color:#6b6c6b;
}
.page-main a {
    color:#294584;
    text-decoration:none;
}
.page-main a:hover {
    color:#294584;
    text-decoration:underline;
}
.page-main a:visited {
    color:#006fb4;
    text-decoration:underline;
}
#page
{
    margin-bottom:15px;
    background-color: #fff;
    padding: 15px;
    border-top: 1pt solid #aaabab;
}
.ata-sidebar 
{
    padding: 2em;
    background-color: #f5f7fa;
    color: #6b6c6b;
    border-top: 1pt solid #aaabab;
}
.ata-sidebar .ms-PartSpacingVertical
{
    margin-top:2em;
}
.ata-sidebar h2
{
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    font-size: 1.2em;
    border-bottom: solid 0.75pt #545555;
    padding-bottom: 0.3em;
}

.ata-sidebar a
{
    line-height: 1.75em;
    font-size: 0.9em;    
}
.ata-sidebar .ata-eventdate
{
    text-transform:uppercase;
    font-size:6pt;
    margin-bottom:5px;
}
.ata-sidebar .ata-socialmedia
{
    text-align:left;
}
.ata-socialmedia a
{
    padding:0 5px;
}
.ata-sidebar .ata-morelink
{
    font-size:8pt;
    margin-top: 10px;
}
.ata-sidebar .ms-webpartzone-cell
{
    margin:0;
}
hr
{
    border-top: 2px solid #CCC;
}

.ata-sectionheadtitle
{
    background: url('/Style Library/Images/ATA/bg-featured.png');
    bottom: 0px;
    padding: 15px;
    right: 0 !important;
    left: 0 !important;
    text-align: left  !important;
}
.loading {
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #DDD;
    display: inline-block;
    padding: 5px;
}
#ata-fequentlyVisited P
{
    font-size:0.75em;
    color: #999;
}
.ata-search {
    color:#FFF ;
    height:3em;
}
.ata-search .ata-search-button {
    width: 3em;
    height: 3em;
    border: solid 1px #fff;
    border-radius: 5px;
    text-align: center;
    padding-top: 0.75em;
    float:  right;
}
.ata-search .ata-search-box {
    height:3em;
}

@media (max-width: 767px) {
    .mobile-only {
        display:block;
    }
    .mobile-hide {
        display:none;
    }
}
@media (min-width: 768px) {
    .mobile-only {
        display:none;
    }    
    .mobile-hide {
        display:block;
    }
}
.ata-search .ata-search-float-xs {
    position: absolute;
    left: 0;
    padding-left: 1em;
    padding-right: 1em;
}
.ata-search .ata-search-button .ata-search-icon {
    font-size: 14px;
}
.container-fluid button {
    min-width: initial !important; /* sharepoint Core.css bungs up the hamburger button on bootstrap*/
}
.ata-makelist-prompt
{
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #DDD;
    display: inline-block;
    padding: 10px;
}
.ata-makelist-prompt .ata-makelist-log {
    margin-top: 2em;
}

/* Utilities menu */
.ata-utilitymenu {
    padding-top: 1em;
    padding-bottom: 1em;
    color:#fff;
    text-align:right;
    max-width: 200px;
    margin-left: auto
}
.ata-utilitymenu a {
    color:#fff
}
@media (max-width: 767px) {
    .ata-utilitymenu {
        padding-top: 0;
        text-align:center;
    }
}

.ata-collectiveagreement
{
    padding: 1.5em;
    border-bottom: solid 1px #BBB;
}

/* publications */
.ata-previous-issue
{
    margin: 1em;
}
.ata-issue-date
{
    color: #8C8C8C;
    font-size: 10px;
    font-weight: bold;
    line-height: 13px;
    padding: 0 0 5px 2px;
}
.ata-issue-title {

}

.ata-current-issue .ata-issue-title{
    font-size: 1.5em;
    font-weight: bold;
    padding-bottom:0.5em;
}
.ata-issue-pdflink
{
    margin-bottom: 1em;
    text-align:right;
}
.ata-article-featured .ata-article-title
{
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1em;
}
.ata-article-others{
    margin-top: 3em;
}
.ata-article-others .ata-article-title {
    font-size: 1.2em;
    margin-bottom: 1em;
}
.ata-article-others .row {
    margin-top: 2em;
    padding-bottom: 2em;
    border-bottom:1px dotted #BBB;
}
.ata-article-summary
{
    font-size:0.95em;
}
.ata-article-image {
    font-size:0.75em;
    color:#999;
    margin-bottom: 1em;
}
.ata-author{
    padding-left: 1em;
    border-left: 1px solid #999;
    font-size: 0.9em;
}
.ata-publicationdate
{
    font-size: 0.9em;
    margin-left: 3em;
    padding-right: 1em;
}

.ata-currentpages .item a {
	background: url('/Style Library/Images/ATA/icon-story.png') no-repeat;
	color: #646464;
	display: block;
	padding-left: 23px;
}
.ata-currentpages .item a:hover {
	color: #141414;
	text-decoration: underline;
}
.ata-currentpages
{
    margin-top:1em;
}
.ata-link-seperator
{
    border-top: 0.75pt solid #dedede;
    margin-top: 2em;
    margin-bottom: 2em;
}

/* Fix carousel for IE */
.carousel-inner .img-responsive {
    width: 100%;
}

.ata-pageimage 
{
    float:left;
    margin-bottom: 2em;
}
.ata-pageimage-subtitle
{
    font-size:smaller;
    color: #999;
}

/* Reduce size of gear icon to top corner*/
#suiteBarTop
{
height: 35px !important;
position:absolute !important;
z-index:99;
right: 0;
}
#suiteBarTop.ms-fullWidth {
    width: auto;
}
.o365cs-base.o365cs-topnavBGColor-2
{
background-color: initial;
}
.o365cs-nav-centerAlign
{
display:none !important;
}
.O365_TopMenu
{
width: auto;
position: absolute
}
.o365cs-nav-header16 .o365cs-nav-button
{
	height:35px;
	min-width:35px;
}
.o365cs-nav-header16
{
    height: 35px;
}
.o365cs-nav-contextMenu
{
	top: 35px !important;
}
/* END Reduce size of gear icon to top corner */

#AddEditEventTbl .label
{
    color: inherit !important;
}
.carousel-action
{
    position: absolute;
    bottom: 8px;
    right: 10px;
    color: #fff;
    border: solid 2px #fff;
    padding: 7px;
}

.ata-icon
{
    /* icon images next to links as part of drag and drop*/
    width: 20px;
    margin: 5px;
    margin-top:2px;
}

/* Fix dialog windows vs bootstrap */

.ms-dlgContent * {
    box-sizing: unset !important;
    -moz-box-sizing: unset !important;
    -webkit-box-sizing: unset !important;
}

.ata-zoom {
    cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
}


#thumbPrompt {
    background-color: #fff;
    padding: 20px;
}
#thumbPrompt p {
    margin-top:10px;    
    margin-bottom:10px;
}
#thumbPrompt .thumbPromptTitle {
   font-size: 16pt;
   font-weight: bold;
}
#thumbPrompt BUTTON {
    margin: 10px;
}
#thumbPrompt w-40 {
    width:40%;
}

/* Used on the image drag and drop slider */
.slidecontainer {
  width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;  
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%; 
  background: #4CAF50;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
}

/* Fix drop down meno on mobile */
@media all and (min-width:0px) and (max-width: 768px) {
    .collapse .ata-drop-childbox {
        position: relative !important;
    }
}