/*-------------------POSITIONING OF KEY ELEMENTS--------------------*/

/*--HEADER--*/	
.header {position: fixed; width: 100%; background-color: #ffffff; z-index: 3; height: 97px;}

/*--LOGO--*/
.psychology-tools-logo {float: right; margin: 5px 3px 0 0px;}

/*--NAVIGATION DIV - on desktop this controls pills and navbar--*/
.navigation {position: fixed; margin: 0 0 0 0;}

/*--NAV PILLS WHICH CONTROL THE MENUS--*/
.pills-fixed-top {float: left; z-index: 3; margin: 1px 0 0 1px;}
.pills-fixed-top > li > a {color: #ffffff; font-weight:bold; text-decoration: none;}
.pills-fixed-top > li.active > a, .pills-fixed-top > li.active > a:hover, .pills-fixed-top > li.active > a:focus {background: #bbb9bb; font-weight: bold; text-decoration: underline;}
.pills-fixed-top > li >a.professionals {background: #5fb760;}
.pills-fixed-top > li >a.self_help {background: #377bb5;}


/*--NAVBAR POSITION HERE, STYLING HAS A WHOLE SECTION BELOW--*/
/*--.navbar-fixed-top is the key class for position of the navbar--*/
.navbar-fixed-top {position: fixed; margin: 47px 0 0 -11px;}

/*--Navbar-Brand is only visible on xs devices (phones)--*/
.navbar-brand {width: 70%; margin: 0px 0 0 0;}

.green-bar{border: solid 1px; height:1px; width: 100%; border-color:#2E9646; position: fixed; top: 97px; z-index: 3;}
.blue-bar{border: solid 1px; height:1px; width: 100%; border-color:#377bb5; position: fixed; top: 97px; z-index: 3;}

/*--SEARCH BOX--*/
/*Floats the search box to correct location*/
#simplesearchbox {
	float: right;
    display: inline-block;
    margin: 8px -10px 0px 0px; 
    }

/*Line height of search box input*/    
.SimpleSearchInput {
	line-height: 1.1em;
	}

/*Color of search button*/
.btn-search {background: #2E9646; color: #ffffff; margin: 0 0 2px 0; border-radius: 5px;}




/*--MAIN IS THE CONTENT BOX SPECIFIED IN THE TEMPLATE--*/
.main {position: relative; top: 99px;}


/*--RIGHT COLUMN IS FOR SELF-HELP PAGES--*/
.right-column {margin: 20px 0 0 0; float: left; border: 1px solid #eaeaea; background-color: #e6e6e6; border-color: #cccccc; border-radius: 10px;}
.right-column h1 {font-size: 1.3em; text-transform: uppercase;} 
.right-column h2 {font-size: 1.1em; text-transform: uppercase;}
.right-column h3 {font-size: 0.9em; text-transform: uppercase;} 
.right-column p.reference {font-size: 0.7em;}




/*-------------------SITE-WIDE STYLING-------------------*/
/*--Styling of bootstrap buttons--*/
.btn-success a {color: #ffffff; text-decoration: none;}
.btn-primary a {color: #ffffff; text-decoration: none;}    
.btn-primary a:hover {color: #ffffff; text-decoration: none;}  
.btn-warning a {color: #000000; text-decoration: none;}
.btn-warning a:hover {color: #000000; text-decoration: none;}

.img-rounded {border-radius: 3px;}



/*---------------------------------FOOTER---------------------------------*/

.footer {background-color: #494949;}
.footer p {font-size: 0.8em; line-height: 1.2em; color: #ffffff;}
.footer a {text-decoration: none; color: #ffffff;}

/*.footer {top: 0px;}
.footer p {font-size: 0.8em; line-height: 1.2em;}
.footer a {text-decoration: none; color: #494949;}*/



/*----------------------------BOOTSTRAP NAVBAR-----------------------------*/
.navbar-nav > li {font-size: 1.0em;}
.dropdown-menu {font-size: 0.8em;}
.navbar-nav li a {text-decoration: none;}



#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(256, 256, 256, 1);
}

#custom-bootstrap-menu.navbar-default {
	font-size: 14px;
    background-color: rgb(256, 256, 256); /* IE hack */
    background-color: rgba(256, 256, 256, 1);
    border-width: 0px;
    border-radius: 0px;
}



#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(73, 73, 73, 1);
    background-color: rgb(256, 256, 256); /* IE hack */
    background-color: rgba(256, 256, 256, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(73, 73, 73, 1);
    background-color: rgba(256, 256, 256, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(73, 73, 73, 1);
    background-color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #494949;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #494949;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #494949;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #bbc1b9;
}

}  
#custom-bootstrap-menu li a {text-decoration: none;}




/*--------------------TYPOGRAPHY---------------------*/
h1 {font-size:  2.3em; font-weight:300; line-height: 1.2em; text-transform: capitalize; font-family: 'Lato', sans-serif; margin: 0.5em 1.3em 0.5em 0em; color:#494949;}
h2 {font-size:  1.9em; font-weight: 300; line-height: 1.0909em; text-transform: capitalize; font-family: 'Lato', sans-serif; margin: 0.9em 1.3em 0.5em 0em; color:#494949;}
h3 {font-size:  1.4em; font-weight: 300; line-height: 1.2em; text-transform: uppercase; font-family: 'Lato', sans-serif; margin: 0.9em 1.3em 0.1em 0em; color:#494949;}
h4 {font-size:  0.95em; font-weight: 400; line-height: 1.333em; font-family: 'Lato', sans-serif; margin: 0.1em 1.3em 0.1em 0em; color:#494949;}
h5 {font-size:  2.0em; font-weight:400; line-height: 1em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.1em 1.3em 0.1em 0em; color:#494949;}
h6 {font-size:  4.0em; font-weight:400; line-height: 1em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.1em 1.3em 0.1em 0em; color:#494949;}
p {font-size: 1.1em; font-weight: 400; line-height: 1.4em; font-family: 'Lato', sans-serif; margin: 0em 1.5em 0.8em 0em; color:#494949;}
a {color:#2f9645;text-decoration:underline;}
a:focus, a:hover {color:#000;}
hr {height: 1px; margin: 0 0 0 0;}
ul li {font-size: 1.1em; font-weight: 400; line-height: 1.4em; font-family: 'Lato', sans-serif; color:#494949;}
ul li ul {font-size: 0.9em; font-weight: 400; line-height: 1.4em; font-family: 'Lato', sans-serif; color:#494949;}
blockquote {font-style: italic; font-weight: 300; line-height: 1.6em;}

/* Arabic */
p:lang(ar) { text-align: right; }
h2:lang(ar) { text-align: right; }


/*--------SELF HELP TOOLS TYPOGRAPHY--------*/
/*--Have to host these on main domain rather than CDN otherwise some browsers won't load them--*/
@font-face {
  font-family: 'self_help_tools_font';
  src: url('../fonts/self_help_tools.eot?') format('embedded-opentype'),
		url('../fonts/self_help_tools.woff') format('woff'),
		url('../fonts/self_help_tools.eot'); 
		url('../fonts/self_help_tools.ttf') format('truetype'),
		url('../fonts/self_help_tools.otf') format('otf'),
}

/*--
.self-help-tools p {font-size: 1.1em; font-family: 'Open Sans', Georgia, "Times New Roman", Times, serif; font-weight: 400; color: #494949; margin: 0 0 0 0;}
.self-help-tools h1 {font-size:  2.0em; font-family: 'Comfortaa', sans-serif; font-weight:700; text-transform: uppercase; color: #494949; margin: 0em 0 0 0;}
.self-help-tools h2 {font-size:  1.5em; font-family: 'Comfortaa', sans-serif; font-weight:700; text-transform: uppercase; color: #494949; margin: 0em 0 0 0;}
.self-help-tools h3 {font-size:  1.2em; font-family: 'Comfortaa', sans-serif; font-weight:700; text-transform: uppercase; color: #494949; margin: 0em 0 0 0;}
.self-help-tools h4 {font-family: 'Comfortaa', sans-serif; font-weight:400; text-transform: uppercase; color: #494949;}
.self-help-tools h5 {font-family: 'Comfortaa', sans-serif; font-weight:400; text-transform: uppercase; color: #494949;}
--*/

.self-help-tools h6 {font-family: self_help_tools_font; font-size: 6.0em; padding: 0; margin: -.2em 0 -.2em 0; font-spacing: 0; color: #5383C3; text-align: center;}

.self-help-tools a {text-decoration: none; color: #494949;}
.self-help-tools h6 a {color:#5383C3;}


/*--------------------------------FULL WIDTH COLUMNS---------------------------------*/
/*--FRONT PAGE MAIN IMAGE--*/
.hero-image {background: url('http://media.psychology.tools/images/front_page_images/oak_tree_1200x737.jpg');
margin: 0 0 0 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 737px;
background-color: #62a8e3;}

.hero-image-opaque {
    position: relative;
    background: #fff;
    overflow: hidden;}

.hero-image-opaque:before {background: url('http://media.psychology.tools/images/front_page_images/oak_tree_1200x737.jpg');
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.2;
background-repeat: no-repeat;
background-position: 50% 0;
-ms-background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;}

/*--.hero-image-opaque:before {background: url('http://media.psychology.tools/images/front_page_images/oak_tree_1200x737.jpg');
margin: 0 0 0 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 737px;
background-color: #62a8e3;}--*/

/*--Front page grey box full width--*/
.grey-full-width {background-color: #ffffff;}

/*--Front page blue box full width--*/
.blue-full-width {background-color: #57a1d4;}

/*--Front page white box full width--*/
.white-full-width {background-color: #ffffff;}

/*--DEPRECATE?--*/
/*
#Aqua_Bar_Full_Width {background-color: #3B8183; }
#Blue_Bar_Full_Width {background-color: #ED303C; }
#Lavender_Bar_Full_Width {background-color: #F5634A; }
#Full_Width h1 {font-size:  2.0em; font-weight:500; line-height: 1em; text-transform: uppercase; font-family: 'Open Sans', sans-serif; margin: 0.1em 1.3em 0.1em 0.0em; color:#ffffff;}
#Full_Width h2 {font-size:  1.5em; font-weight:500; line-height: 1em; text-transform: uppercase; font-family: 'Open Sans', sans-serif; margin: 0.1em 1.3em 0.1em 0.0em; color:#ffffff;}
*/


/*-----------------------------FRONT PAGE STYLING-----------------------------*/

.front-page-opaque-box {background: rgba(255, 255, 255, 0.7); margin: 2% 1% 2% 1%; padding: 3% 3% 3% 3%; }
/*IE 8 hack*/
.front-page-box {filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff');}
/*End IE8 hack*/

.front-page-box {text-align:center;}
.front-page-box h1 {font-size:  3.5em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.6em 0 0.3em 0.2em; color:#494949;}

.front-page-opaque-box h1 {text-align:center; font-size:  3.0em; font-weight:100; line-height: 0.8em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0 0 0 0; color:#494949;}
.front-page-opaque-box h1 a {text-align:center; font-size:  1.0em; font-weight:100; line-height: 0.8em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0 0 0 0; color:#2f9645; text-decoration: none;}
.front-page-opaque-box h2 {text-align:right; font-size:  1.6em; font-weight:100; line-height: 1em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0 0 0 0; color:#494949;}
.front-page-opaque-box h2 a {color:#494949; text-decoration: none;}
.front-page-opaque-box h3 {text-align:center; font-size: 1.3em; font-weight: 400; line-height: 1.4em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0 0 0 0; color:#494949;}
.front-page-opaque-box ul li {text-align:left; font-size:  1.2em; font-weight:100; line-height: 1em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0 0 0 0; color:#494949;}
.front-page-opaque-box li a {color:#494949; text-decoration: none;}
.front-page-opaque-box p {text-align: right; color:#494949; text-decoration: none;}
.front-page-opaque-box p a {text-align: right; color:#494949; text-decoration: none;}


/*--2017 REDESIGN FROM HERE ONWARDS--*/



/*--These are buttons rather than pills--*/
.professionals-public-buttons {font-weight: bold; margin: 0 0 1.0em 0;}

/*--These are pills rather than buttons--*/
/*--This code positions them horizontal center--*/
.front-page-pills { text-align:center; }
.front-page-pills ul.nav-pills { display:inline-block; }
.front-page-pills li { display:inline; }
.front-page-pills a { float:left; }
/*--This code styles them--*/
.front-page-pills > li > a {color: #ffffff; font-weight:bold; text-decoration: none;}
.front-page-pills > li.active > a, .front-page-pills > li.active > a:hover, .front-page-pills > li.active > a:focus {background: #bbb9bb; font-weight: bold; text-decoration: underline;}
.front-page-pills > li >a.front_professionals {background: #5fb760;}
.front-page-pills > li >a.front_self_help {background: #377bb5;}

/*
.professionals-public-pills {margin: 0 auto; width: 40%;}
.professionals-public-pills li {border: solid 1px; border-color: #fd9332; border-radius: 5px;}
.professionals-public-pills > li.active > a, .professionals-public-pills > li.active > a:hover, .professionals-public-pills > li.active > a:focus {background: #fd9332; font-weight: bold; text-decoration: none; }
.professionals-public-pills > li >a {font-weight:bold; text-decoration: none;}
*/


.icon h1 {text-align:left; font-size:  3.0em; font-weight:100; line-height: 0.8em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0 0 0 0; color:#494949;}
.icon h1 a {color:#2f9645;}


.stats-and-icons h1 {text-align:center; font-size:  2.5em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.6em 0 0.6em 0; color:#57a1d4;}
.stats-and-icons h2 {text-align:center; font-size:  5.0em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.2em 0 0.2em 0; color:#57a1d4;}
.stats-and-icons h3 {text-align:center; font-size:  1.5em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.2em 0 0.8em 0; color:#57a1d4;}

.better-shared {background-color: #494949;}
.better-shared h1 {text-align:center; font-size:  2.5em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.6em 0 0.6em 0; color:#fd9332;}
.better-shared h2 {text-align:center; font-size:  5.0em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.2em 0 0.2em 0; color:#fd9332;}
.better-shared h3 {text-align:center; font-size:  1.5em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.2em 0 0.8em 0; color:#fd9332;}

.increase-your-toolbox h1 {text-align:center; font-size:  2.5em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.6em 0 0.6em 0; color:#494949;}
.increase-your-toolbox h2 {text-align:center; font-size:  2.5em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.6em 0 0.6em 0; color:#494949; font-style: italic;}
.increase-your-toolbox h3 {text-align: right; font-size:  1.5em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: -1.0em 0 0.8em 0; color:#494949;}



.grey-full-width h1 {text-align:center; font-size:  2.5em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.6em 0 0.6em 0; color:#57a1d4;}
.grey-full-width h2 {text-align:center; font-size:  5.0em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.2em 0 0.2em 0; color:#57a1d4;}
.grey-full-width h3 {text-align:center; font-size:  1.5em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.2em 0 0.8em 0; color:#57a1d4;}
.grey-full-width h4 {text-align:center; font-size:  2.5em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.6em 0 0.6em 0; color:#494949; font-style: italic;}
.grey-full-width h5 {text-align: right; font-size:  1.5em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: -1.0em 0 0.8em 0; color:#fff;}


.blue-full-width h1 {text-align:left; font-size:  2.5em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.6em 0 0.6em 0; color:#fff;}

.white-full-width h1 {text-align:center; font-size:  2.5em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.6em 0 0.6em 0; color:#fd9332;}
.white-full-width h2 {text-align:center; font-size:  5.0em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.2em 0 0.2em 0; color:#fd9332;}
.white-full-width h3 {text-align:center; font-size:  1.5em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.2em 0 0.8em 0; color:#fd9332;}


.opaque-box h1 {text-align:left; font-size:  2.5em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0.6em 0 0.6em 0; color:#494949;}
}

.opaque-box-sub {background-color: #fff; opacity: 0.8; z-index: 1;}
.opaque-box-sub h1 {text-align: center; font-size:  3.0em; font-weight:100; line-height: 0.8em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0 0 0 0; color:#494949;}
.opaque-box-sub p {text-align: center; font-size:  1.5em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0 0 0 0; color:#494949;}
.opaque-box-sub ul li {text-align: left; font-size:  1.5em; font-weight:100; line-height: 1.0em; text-transform: none; font-family: 'Lato', sans-serif; margin: 0 0 0 0; color:#494949;}

.front-page-image {margin: 20px 20px 20px 20px;}

.centre {width: 100px; display: block; margin-left: auto; margin-right: auto;}

.green h1 h2 h3 {color: #2E9646;}
.blue {color: #57a1d4;}
.orange {color: #fd9332;}

/*--------------------STYLING OF WORKSHEET THUMBNAILS--------------------*/
/*styles the worksheet thumbnail*/
.worksheet {float:left; text-align: center; width: 200px; height: 160px; padding: 0 2% 0 2%;}
.unavailable {opacity: 0.3;}

/*styles the title text of each worksheet thumbnail*/
.worksheet-title {font-size: 0.9em; margin-left: auto; margin-right: auto; text-transform: capitalize;}
.worksheet-title a {color:#494949; text-decoration:none;}

/*styles the worksheet thumbnail image and border*/
.thumbnail {border-color: #319C50; border-style: solid; border-width: 1px; border-radius: 5px; margin-left: auto; margin-right: auto; margin-bottom: 0px;}

/*styles the worksheet on a self help tools page*/
.inline-worksheet {float: center; text-align: center;}

/*.thumbnail:hover{
    -webkit-transform: scale(2,2);
    -moz-transform:scale(2,2);
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}*/

.advert {margin: 10px 10px 10px 10px;}
#Advert_336x280 {float:left; text-align: center; width: 400px; height: 300px;}
#Advert_300x250 {float:left; text-align: center; width: 300px; height: 250px;}
#Advert_728x90 {float:left; text-align: center; width: 800px; height: 110px;}
#Advert_300x600 {float:left; text-align: center; width: 300px; height: 600px;}
#Advert_728x15_Link_Unit {float:left; text-align: center; width: 800px; height: 30px;}
#Advert_200x90_Link_Unit {float:left; text-align: center; width: 200px; height: 90px;}


#Box1 {float:left; text-align: center; width: 120px; height: 140px; background-color: red;}
#Box2 {float:left; text-align: center; width: 120px; height: 140px; background-color: green;}
#Box3 {float:left; text-align: center; width: 120px; height: 140px; background-color: blue;}
#Box4 {float:left; text-align: center; width: 336px; height: 280px; background-color: purple;}



/*--------------------STYLING OF DOWNLOAD PAGE--------------------*/
.green-box {border-color: #319C50; border-style: solid; border-width: 1px; padding: 1.5%; border-radius: 15px; background-color: #fafafa; margin: 0 0 10px 2px; width: 98%;}
.green-box h2 {margin: 0 0 1em 0;}
#Language {width: 100%;}


/*--------------------WORKSHEET TEMPLATE PAGE-------------------*/
.downloadworksheet {text-align: center;}

.btn-download {background: #2E9646; color: #ffffff; margin: 0 0 2px 0; border-radius: 5px; text-decoration: none;}

#Worksheet_Page {text-align: center;}

#line_break {
            position: fixed;
            width: 100%;
            margin-right: -200px;
            }



/*--------------------DROP SHADOW--------------------*/
.shadow {
  -moz-box-shadow:    10px 10px 5px -3px #ccc;
  -webkit-box-shadow: 10px 10px 5px -3px #ccc;
  box-shadow:         10px 10px 5px -3px #ccc;
}


/*--------------------TABLE STYLING--------------------*/
.table h1 {font-size:  1.2em; font-weight:800; line-height: 1em; text-transform: uppercase; margin: 0 0 0 0; }
.table h2 {font-size:  1.0em; font-weight: 800; line-height: 1.0909em; text-transform: uppercase; margin: 0 0 0 0; }
.table h3 {font-size:  1.17em; font-weight: 500; line-height: 1.2em; text-transform: uppercase; margin: 0 0 0 0; }
.table p {font-size: 0.9em; font-weight: 400; line-height: 1.4em; margin: 0 0 0 0;}
.table ul li {font-size: 0.9em; margin: 0 0 0 -1em;}





/*--------------------AUDIO WORKSHEETS TABLE--------------------*/
#AudioTable {margin: 0px 0px 0px 15px}
#AudioTable li {font-size:0.8em; font-family: 'Open Sans', sans-serif; margin: 0.4em 1.5em 0em 1.7em;}
#AudioTable ol {margin: 0.4em 1.1em 0em 1.3em;}