/*!
 *  -------------------------------------------------------
 *  ACM Layout is used by all journals
 *  -------------------------------------------------------
*/


/* SIDEBAR  */





.sidebar-toc {
display:block;
width:95%;
margin:15px 5px;
padding:5px;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.toc-scrolling {
width:100%;
float:left;
height:480px;
margin-bottom:20px;
/*Mehdi: I changed the overflow from scroll to auto so we can hide the scroll bar if there is no need to it
overflow-y: scroll*/
overflow-y: auto;
}

.tools {
display:block;
clear:both;
width:100%;
margin:5px 0 10px;
float:left;
}


p.toc {
line-height:15px;
font-size:12px;
margin:0 0 20px 0;
}

p.toc a {
font-weight:bold;
}







.sidebar-features {
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:0 15px 5px;
border-bottom:1px solid #fff;
display:block;
font-size:12px;
line-height:16px;
}







/* HOME PAGE CONTENT  */


.slide {
padding:0 20px;}

.img-pad {margin:15px;}


 
.fullwidth {
width:100%;
display:block;
float:left;
clear:both;
}


.half {
width:45%;
margin:20px 20px 20px 0;
padding:10px;
float:left;
}

.vertical-rule {
border-right:1px solid #e5e5e5;
}

.page-thru {
display:inline-block;
float:right;
text-align:right;
font-size:11px;
padding:10px 0;
clear:right;
}

.page-thru a.pagecount {
color:#333333;
padding-right:10px;
}

.page-thru a.pagecount .active {
color:#1A72B6;
font-weight:bold;
}




ul#tabcontent li {
font-size:12px;
font-weight:bold;
}



.no-margin, ul.no-margin, ul.no-margin li {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.content ul.no-margin li {
margin-bottom: 0;
margin-left: 0;
}


.content a.null:link, .content a.null:hover, .content a.null:visited   {
color:#555555;
border-bottom:0;
text-decoration:none;
}


.byline {
display:inline-block;
clear:both;
text-align:left;
font-size:13px;
padding:10px 0;
font-style:italic;
}

.toc-byline {
display:inline-block;
clear:both;
text-align:left;
font-size:13px;
padding:0;
font-style:italic;
}



.volume {
display:inline-block;
clear:both;
text-align:left;
font-size:12px;
padding:15px 0;
}





/* SEARCH  */





.form-inline .form-group {
font-family:sans-serif;
}

.sidebar-search {
width:100%;
display:block;
margin:20px 0 15px 10px;
float:left;
clear:both;
}

.sidebar-search  input[type=text], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 3px 0px 3px 10px;
width:210px;
border: 1px solid #b2b2b2;
font-size:12px;
font-style:italic;
float:left;
}
 
.sidebar-search .btn-spyglass   {
display:inline-block;
border:0;
float:right;
width:30px;
height:30px;
text-indent:-999px;
background: url(../img/viewergray.png) no-repeat center center;
}

.sidebar-search input[type=text]:focus, textarea:focus {
box-shadow: 0 0 5px rgba(140, 140, 140, 1);
border: 1px solid rgba(255, 255, 255, 1);
}



.header-search {
clear:left;
float:right;
padding:15px 0 0px;
}

.header-search  input[type=text], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 4px 0px 4px 10px;
width:400px;
border: 1px solid #b2b2b2;
font-size:13px;
}
 
.btn-spyglass-green {
background:#92b43c url(../img/viewerwhite.png) no-repeat center center;
border-color: #92b43c;
color: #FFFFFF;
width:80px;
}



.framed {
margin:15px 25px 15px 0;
-webkit-box-shadow: 0px 3px 5px 0px rgba(51,51,51,0.5);
-moz-box-shadow: 0px 3px 5px 0px rgba(51,51,51,0.5);
box-shadow: 0px 3px 5px 0px rgba(51,51,51,0.5);
}










/*  TEXT */

/* google fonts - Open Sans */


.Open-Sans-Lite {
font-family: 'Open Sans' !important;
font-style: normal;
font-weight: 300;
}

.Open-Sans-Lite-Italic {
font-family: 'Open Sans' !important;
font-style: italic;
font-weight: 300;
}

.Open-Sans {
font-family: 'Open Sans' !important;
font-style: normal;
font-weight: 400;
}

.Open-Sans-Italic, i, em {
font-family: 'Open Sans' !important;
font-style: italic;
font-weight: 400;
}

.Open-Sans-Bold-Italic {
font-family: 'Open Sans' !important;
font-style: italic;
font-weight: 600;
}

.Open-Sans-Bold, b, strong {
font-family: 'Open Sans' !important;
font-style: normal;
font-weight: 700;
}




body {
font-family: 'Open Sans' !important;
font-style: normal;
font-weight: 400;
}



.titles {
font-family: 'Open Sans', sans-serif;
}

.snug {
padding:0;
}



h2 {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
padding:5px 0 0 0;
margin:5px 0;
font-size:30px;
line-height:30px;
}

h2.slide-title {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
padding:0;
margin:0;
font-size:30px;
color:#ffffff;
}




p.lead {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
margin:20px 0;
font-size:20px;
}


p.slide-text {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
margin:10px 20px 0;
font-size:18px;
color:#ffffff;
}




header h1#logo, h1#logo {
background: url("../img/ACMDL_Logo Alt_Color300.png") no-repeat top left;
margin:10px 0 0 0;
padding:0;
width:300px;
height:72px;
float:left;
text-indent:-9999px;
}

header h1#logo a, h1#logo a  {
background: url("../img/ACMDL_Logo Alt_Color300.png") no-repeat top left;
margin:0;
padding:0;
width:300px;
height:72px;
text-indent:-9999px;
}


h4 {
margin:15px 0 0 0;
font-weight:bold;
}

h4.slide-title-small {
margin:10px 0 0 0;
padding:15px 0 0 0;
font-weight:bold;
color:#ffffff;
}




h3 {
font-family: 'Open Sans' !important;
font-style: normal;
font-weight: 700;
line-height:120%;
}


h4 {
font-family: 'Open Sans' !important;
font-style: normal;
font-weight: 700;
}


 

p.aside {
font-size:12px;
line-height:18px;
}
 

h5 {
margin:25px 0 5px;
font-family: 'Open Sans' !important;
font-style: normal;
font-weight: 700;
text-transform:uppercase;
font-size:14px;
}

 
 
h6 {
margin:10px 0 0;
font-family: 'Open Sans' !important;
font-style: italic;
font-weight: 600;
font-size:13px;
}


.centered {margin: 0 auto;}








/* FANCY QUOTES */



blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: .5em 10px;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
color: #ccc;
content: "\201C";
font-size: 4em;
line-height: .1em;
margin-right: .25em;
vertical-align: -.4em;
}
blockquote p {
display: inline;
font-family: 'Open Sans' !important;
font-style: normal;
font-weight: 300;
font-size:18px;
line-height:28px;
}

blockquote p span.author {
display: block;
clear:left;
padding:0 30px 0 0;
text-align:right;
font-family: 'Open Sans' !important;
font-style: normal;
font-weight: 700;
color:#747474;
font-size:12px;
line-height:12px;
margin:0;
}

 
 
 
 
 
 
 
 
 
 
/*  LISTS */


ul.page-bottom-links, ul.login-links, ul.dl-links {
list-style-type:none;
margin:0;
padding:0;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}

ul.page-bottom-links  {
float:right;
}

ul.login-links  {
padding:10px 0 0px;
width:100%;
}

ul.dl-links {
padding:5px 0 10px;
width:100%;
font-family: 'Open Sans' !important;
font-style: italic;
font-weight: 600;
font-size:11px;
}

ul.dl-links li {
padding-right:15px;
}


ul.login-links  {
text-align:right;
}

ul.page-bottom-links li, ul.login-links li, ul.dl-links li  {
display:inline;
}

ul.page-bottom-links li a {
color:#747474;
}


ul.login-links a, ul.dl-links a, .aside-options a {
color:#92b43c;
font-size:12px;
}

ul.dl-links li a, .aside-options a {
font-style:italic;
}

a:link.sep {padding: 0 6px 0 4px;}


.content ol {
list-style-type: decimal;
margin-left:30px;
}

.content ol li {
margin-left:30px;
margin-bottom:10px;
}
 



/*   LAYOUT */



header.acm {
clear: both;
float: none;
margin: 0;
padding: 0;
width: 100%;

/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjllNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZkZjgiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(244,249,229,1) 0%, rgba(252,253,248,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,249,229,1)), color-stop(100%,rgba(252,253,248,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(244,249,229,1) 0%,rgba(252,253,248,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(244,249,229,1) 0%,rgba(252,253,248,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(244,249,229,1) 0%,rgba(252,253,248,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(244,249,229,1) 0%,rgba(252,253,248,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f9e5', endColorstr='#00fcfdf8',GradientType=0 ); 

}




.section {
width:100%;
max-width:1024px;
margin:0 auto;
}



 .container {
width:100%;
max-width:1024px;
padding:0;
margin:0 auto;
}

.search-block {
display:inline-block;
float:right;
width:50%;
}

.content {
    padding: 30px 60px;
} 



.section.dl-bar {
padding:0;
border-top:1px solid #eeeeee;
background: rgb(251,252,247); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmNmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMWViYzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(225,235,201,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(225,235,201,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,235,201,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,235,201,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(225,235,201,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(225,235,201,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1ebc9',GradientType=0 ); /* IE6-8 */
}







.section.journal-name {
width:100%;
padding:0;
padding:0 15px;
background-color:#3e3e3e;
}

.section.journal-name h2{
color:#ffffff;
font-size:22px;
}

.section journal-nav {
width:100%;
padding:0;
background-color:#ffd5c5;
}

/*MN: Original background-color:#eeeeee*/
.section.journal {
width:100%;
padding:0;
background-color:#ffffff;
}

.section.journal .content {
padding:20px 30px;
margin:0;
background-color:#ffffff;
}



.section.journal-feature {
border-top:1px solid #9cd9f0;
padding:0;
width:100%;
max-width:1024px;
padding:0;
margin:0 auto;
background: rgb(73,185,228); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ5YjllNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzlkZGFmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(73,185,228,1) 0%, rgba(157,218,240,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,185,228,1)), color-stop(99%,rgba(157,218,240,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(73,185,228,1) 0%,rgba(157,218,240,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(73,185,228,1) 0%,rgba(157,218,240,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(73,185,228,1) 0%,rgba(157,218,240,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(73,185,228,1) 0%,rgba(157,218,240,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49b9e4', endColorstr='#9ddaf0',GradientType=0 ); /* IE6-8 */
}


.section.journal-carousel {
border-top:1px solid #e5e5e5;
padding:0;
background: rgb(204,204,204); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(245,245,245,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(100%,rgba(245,245,245,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(245,245,245,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(245,245,245,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(245,245,245,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(245,245,245,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */

}


 

footer {
background:#f4f9e5;
background: none repeat scroll 0 0 rgba(244, 249, 229, 1.00);
clear: both;
padding: 10px 10px 30px;
width:100%;
max-width:1024px;
}


.callout {
width:100%;
margin:0 auto;
margin-bottom:20px;
padding:15px;
border:1px solid #e4e4e4;
background-color:#ffffff;
float:left;
}

.aside-options{
text-align:right;
padding:0 90px 10px 0;
display:block;
}









/*  NAV */
 

.sidebar {
padding: 30px 0 40px 0;
}
.sidebar ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
.sidebar ul li {
background-color: #eeeeee;
border: 0 none;
font-family:sans-serif;
font-size:14px;
font-weight:normal;
margin: 0;
padding: 0;
}
.sidebar ul li a {
border-bottom:1px solid #f8f8f8;
border-bottom: 1px solid rgba(248, 248, 248, 1.0);
color: #404040;
display: block;
padding: 15px;
line-height:18px;
}
.sidebar ul li a:hover {
background-color: #f4f4f4;
text-decoration: none;
}

.sidebar ul li ul li {
background-color: #C7E7F6;
color: #222222;
}
.sidebar ul li ul li a:hover {
background-color: #e4e4e4;
text-decoration: none;
}

.sidebar li.active {
border-bottom:1px solid #f8f8f8;
background-color: #ffffff;
margin: 0;
text-decoration: none;
}

.sidebar li.active a {
font-weight:bold;
}










/* SOCIAL */

ul.social-icon-block{
list-style-type:none;
display:block;
cursor: pointer;
line-height: 48px;
width:220px;
height:48px;
margin:0;
margin:0;
}

  ul.social-icon-block  li  {
width: 48px;
height:48px;
display:inline-block;
text-indent:-9999px;
margin:0 5px 0 0;
float:left;
}

 ul.social-icon-block  li a{
width: 48px;
height:48px;
display:block;
text-indent:-9999px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

ul.social-icon-block  li a.facebook {background: url('../img/icon_facebook.png') no-repeat;}
ul.social-icon-block  li a.twitter{background: url('../img/icon_twitter.png') no-repeat;}
ul.social-icon-block  li a.email  {background: url('../img/icon_email.png') no-repeat;}
ul.social-icon-block  li a.linkedin {background: url('../img/icon_linkedin.png') no-repeat;}


ul.social-icon-block  li a:hover{
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}















@media screen and (max-width: 600px) {


 

.half {
width:100%;
}

.vertical-rule {border-right:0;}

.sidebar-search {
display: inline-block;
float: none;
padding: 0 15px;
width: 100%;
}  

.sidebar-features, .sidebar-toc {width:90%; margin: 0 30px;}

.toc-scrolling {
    height: auto;
    overflow: auto;
    width: 100%;
}



.sidebar-search  input[type=text], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 3px 0px 3px 10px;
width:98%;
font-size:12px;
font-style:italic;
}
 
.sidebar-search .btn-spyglass   {
display:inline-block;
border:0;
float:left;
width:98%;
height:40px;
text-indent:-999px;
margin:10px 0; 
padding:0;
background: #cccccc url(../img/viewergray.png) no-repeat center center;
}

.sidebar-search input[type=text]:focus, textarea:focus {
box-shadow: 0 0 5px rgba(140, 140, 140, 1);
border: 1px solid rgba(255, 255, 255, 1);
}

.search-block {
display: inline-block;
float: none;
width: 100%;
padding:0 15px;
}

.header-search {
clear:both;
float:none;
padding:15px 0 0px;
width:100%;
}

.header-search  input[type=text], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 4px 0px 4px 10px;
width:98%;
border: 1px solid #b2b2b2;
font-size:13px;
}
 
.btn-spyglass-green {
display:inline-block;
border:0;
float:left;
width:98%;
height:40px;
text-indent:-999px;
margin:10px 0; 
padding:0;
background:#92b43c url(../img/viewerwhite.png) no-repeat center center;
border-color: #92b43c;
color: #FFFFFF;
}

.aside-options {
display: block;
padding:10px;
text-align:center;
}



h5 {text-align:center;}
ul.social-icon-block {
margin:0 auto;
margin-bottom:10px;
}

.footer-text {
display: block;
text-align:center;
}

ul.page-bottom-links  {
float:none;
}

.sidebar ul {
list-style: none outside none;
margin: 0;
padding: 0;
}

header h1#logo, h1#logo {
background: url("../img/ACMDL_Logo Alt_Color300.png") no-repeat scroll left top rgba(0, 0, 0, 0);
float: left;
height: 72px;
margin: 10px 0 10px 15px;
padding: 0;
text-indent: -9999px;
width: 300px;
}


}