@charset "utf-8";

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url(//themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21-GQJaLlJI.woff)format("woff") }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(//themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxoUt79146ZFaIJxILcpzmhI.woff)format("woff") }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local("Open Sans Italic"), local("OpenSans-Italic"), url(//themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff)format("woff") }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url(//themes.googleusercontent.com/static/fonts/opensans/v6/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff)format("woff") }

html, body { color:#555; font-family: 'Open Sans', Arial, sans-serif; font-size:14px;	}
label{font-weight:normal;}
.strong{font-weight:bold;}
h1{font-size:22px;}
#guidelines h2, #guidelines h3, #guidelines h4, #guidelines h5, #guidelines h6{font-size:14px; line-height:1.42857143;  margin-top:0;}
#guidelines h2{font-weight:bold; margin-top:10px;}
.sidebar{color:#555;}
.screen-reader-only { position: absolute; top: -1000em; left: -1000em; }
a.accessibility-matters img { width: 300px; height: 47px; border: 0; margin: 0 0 1.5em 0; border-top: 1px solid #666; }
.search-string-highlighted { font-family: 'Open Sans'; font-weight:bold; color: #930; border-bottom: 1px dotted #aaa; padding-bottom: 1px; }
.content-section { display: block; }
.content-section-hidden { display: none !important; }
#filters-guidelines { padding: 1em 0; border-bottom: 1px dotted #aaa; }
#filters-tags { padding: 0.85em 0; }
.filters-tag-new-section { margin-top: 1em !important; }
.filters-tag-selected {  }
.filters-guideline { margin: 0.5em 0.5em 0.5em 1em; font-family: 'Open Sans'; cursor: auto; }
.filters-disabled { color: #999 !important; }

#guidelines > section {
    margin-bottom: 10px;
}
.guideline-header-container { clear: both; margin: 3em 0 2.25em 0; }
.guideline-header-container-first { margin-top: 0 !important; }
.guideline-header { overflow: hidden; clear: both; }
.guideline-logo { float: left; font-size: 2em; }
.category-additional-description { margin: 1em 0 1em 0.35em; }
.item-container { margin-left: 0.25em; border: 1px solid white; overflow:hidden;}
.item-container:hover { border: 1px dotted #ddd; }
.item-container h3{margin-bottom:0;}
.item-header {  cursor: pointer; padding: 0.5em 0; overflow: hidden; }
a.item-header-link:link, a.item-header-link:visited { color: #555; display:block; text-decoration: none !important; }
.item-container:hover .item-header, .item-header:hover .item-header-link, a.item-header-link:hover, a.item-header-link:active { color: #dd550c; text-decoration: none !important; }
.item-icon { display: block; float: left; width: 1.5em; height: 1em; margin: 0.1em; background: url(https://www.auburn.edu/images/oit/expandArrow.gif) no-repeat; text-decoration: none !important; }
.item-icon-expand { background: url(https://www.auburn.edu/images/oit/expandArrow.gif) no-repeat; }
.item-icon-collapse { background: url(https://www.auburn.edu/images/oit/collapseArrow.gif) no-repeat; }
.item-code { float: left; width: 2.7em; }
/*
.item-description { float: left; padding: 0 0.7em; width: 40em; }
.item-WCAG-level { display: block; float: right; padding: 0 0 0 1em; width: 10em; cursor: auto !important; }
*/
.item-container[data-guideline="WCAG-AAA"]{display:none;}
.item-details-container { clear: both; display: none;  padding: 15px; }
.item-container[data-guideline="WCAG-A"] .item-details-container {}
.item-container[data-guideline="WCAG-AA"] { background: #fafafa;}
.item-container[data-guideline="WCAG-AAA"] { background: #f2f2f2;}
.tags a.btn{margin:2px;}
.item-details {}
.item-details-visible { display: block !important; }
.item-details-line-WCAG-level { font-size: 0.9em !important; }
.item-details-line-tags { margin: 0 0 1.5em 0 !important;  }
.item-details-line ul { list-style-type: disc; list-style-position: outside; padding: 0 0 0 1em; }
.item-details-line li {  margin: 0.5em 0 1em 2em; }
.item-details-tag-selected { font-family: 'Open Sans'; font-weight:bold; }
a.item-details-tag-link { margin: 3px;}
.item-details-tag-separator { }
.item-details-link { padding-left: 0.85em; margin-left: 0.85em; border-left: 1px dotted #aaa; }
.item-details-link-first { margin-left: 0 !important; padding-left: 0 !important; border-left: 0 !important; }

#info .content-section { position: absolute; display: block; left: 1em; right: 0; top: 7.2em; bottom: 0; overflow-y: auto; }
#info-links { overflow: hidden; }
#info .info-links-column { float: left; width: 50%; }
#info #info-links-column-left { padding: 0 1.5em 0 0; }
#info #info-links-column-right { padding: 0 0 0 1.5em; }
#info h3 { margin: 0 0 1em 0; }
#info .content-section-main-content p {  margin: 0 0 1em 0; max-width: 33em; }
#info .content-section-main-content-section { margin: 2em 0 2.5em 0; }
#info .content-section-main-content ol, #info .content-section-main-content ul { font-size: 1em; margin: 0.5em 0 1.5em 0; max-width: 33em; }
#info .content-section-main-content ul { list-style-type: disc; list-style-position: outside; padding: 0 0 0 1.2em; }
#info .content-section-main-content li { margin: 0.7em 0 0.6em 0; }
.content-section-main-content-section-two-columns { overflow: hidden; }
.content-section-main-content-section-column { float: left; margin: 0 3em 0 0; }
#info #accessibility-matters { margin: 1em 0 3em 3em !important; }
#info #accessibility-summary { background: url(images/file-pdf.png) no-repeat; padding: 0 0 0 30px; }
#info .html-code-example { border: 1px solid #CCC; background: #FFC; padding: 10px; font-family: "Courier New", Courier, monospace; margin: 0 1em 0 0; }
#info .html-code-example-displayed { padding: 2em 0 0 0; border-top: 1px solid #CCC; margin: 1em 1em 2em 0; }
#info-code .item-container { clear: both; overflow: hidden; border: 1px solid white; }
#info-code .item-hover { border: 1px dotted #DDD; }
#info-code .item-header { cursor: pointer; padding: 0.3em 0; overflow: hidden; }
a.item-header-link:link, a.item-header-link:visited { color: #555; text-decoration: none !important; }
a.item-header-link:hover, a.item-header-link:active { color: #555; text-decoration: none !important; }
#info-code .item-icon { display: block; float: left; width: 1.5em; height: 1em; margin: 0.1em; background: url(images/expandArrow.gif) no-repeat; text-decoration: none !important; }
#info-code .item-icon-expand { background: url(images/expandArrow.gif) no-repeat; }
#info-code .item-icon-collapse { background: url(images/collapseArrow.gif) no-repeat; }
#info-code .item-description { float: left; width: 35em; }
#info-code .item-details-container { clear: both; display: none; }
#info-code .item-details { padding: 0 0 2em 2em; }
#info-code .item-details-visible { display: block !important; }
#info-code .item-details-line { margin: 0 0 1.25em 0; }
#info-code .item-details-line p { margin: 0.7 0 0.3 0; }
#info-code .item-details-line ol, #info-code .item-details-line ul { margin: 0.5em 0 1.5em 0; }
#info-code .item-details-line ul { list-style-type: disc; list-style-position: outside; padding: 0 0 0 1em; }
#info-code .item-details-line li { margin: 0.5em 0 1em 2em; }
