@font-face {font-family: 'PantonIcons-AFillLight';src: url('webfonts/30BA14_0_0.eot');src: url('webfonts/30BA14_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_0_0.woff2') format('woff2'),url('webfonts/30BA14_0_0.woff') format('woff'),url('webfonts/30BA14_0_0.ttf') format('truetype');}
@font-face {font-family: 'PantonIcons-AFillRegular';src: url('webfonts/30BA14_1_0.eot');src: url('webfonts/30BA14_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_1_0.woff2') format('woff2'),url('webfonts/30BA14_1_0.woff') format('woff'),url('webfonts/30BA14_1_0.ttf') format('truetype');}  
@font-face {font-family: 'PantonIcons-ALight';src: url('webfonts/30BA14_2_0.eot');src: url('webfonts/30BA14_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_2_0.woff2') format('woff2'),url('webfonts/30BA14_2_0.woff') format('woff'),url('webfonts/30BA14_2_0.ttf') format('truetype');}  
@font-face {font-family: 'PantonIcons-ARegular';src: url('webfonts/30BA14_3_0.eot');src: url('webfonts/30BA14_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_3_0.woff2') format('woff2'),url('webfonts/30BA14_3_0.woff') format('woff'),url('webfonts/30BA14_3_0.ttf') format('truetype');}  
@font-face {font-family: 'PantonIcons-BFillLight';src: url('webfonts/30BA14_4_0.eot');src: url('webfonts/30BA14_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_4_0.woff2') format('woff2'),url('webfonts/30BA14_4_0.woff') format('woff'),url('webfonts/30BA14_4_0.ttf') format('truetype');}  
@font-face {font-family: 'PantonIcons-BFillRegular';src: url('webfonts/30BA14_5_0.eot');src: url('webfonts/30BA14_5_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_5_0.woff2') format('woff2'),url('webfonts/30BA14_5_0.woff') format('woff'),url('webfonts/30BA14_5_0.ttf') format('truetype');}  
@font-face {font-family: 'PantonIcons-BLight';src: url('webfonts/30BA14_6_0.eot');src: url('webfonts/30BA14_6_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_6_0.woff2') format('woff2'),url('webfonts/30BA14_6_0.woff') format('woff'),url('webfonts/30BA14_6_0.ttf') format('truetype');}  
@font-face {font-family: 'PantonIcons-BRegular';src: url('webfonts/30BA14_7_0.eot');src: url('webfonts/30BA14_7_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_7_0.woff2') format('woff2'),url('webfonts/30BA14_7_0.woff') format('woff'),url('webfonts/30BA14_7_0.ttf') format('truetype');}  
@font-face {font-family: 'PantonIcons-CFillLight';src: url('webfonts/30BA14_8_0.eot');src: url('webfonts/30BA14_8_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_8_0.woff2') format('woff2'),url('webfonts/30BA14_8_0.woff') format('woff'),url('webfonts/30BA14_8_0.ttf') format('truetype');}  
@font-face {font-family: 'PantonIcons-CFillRegular';src: url('webfonts/30BA14_9_0.eot');src: url('webfonts/30BA14_9_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_9_0.woff2') format('woff2'),url('webfonts/30BA14_9_0.woff') format('woff'),url('webfonts/30BA14_9_0.ttf') format('truetype');}  
@font-face {font-family: 'PantonIcons-CLight';src: url('webfonts/30BA14_A_0.eot');src: url('webfonts/30BA14_A_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_A_0.woff2') format('woff2'),url('webfonts/30BA14_A_0.woff') format('woff'),url('webfonts/30BA14_A_0.ttf') format('truetype');}  
@font-face {font-family: 'PantonIcons-CRegular';src: url('webfonts/30BA14_B_0.eot');src: url('webfonts/30BA14_B_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_B_0.woff2') format('woff2'),url('webfonts/30BA14_B_0.woff') format('woff'),url('webfonts/30BA14_B_0.ttf') format('truetype');}  
@font-face {font-family: 'PantonIcons-DFillLight';src: url('webfonts/30BA14_C_0.eot');src: url('webfonts/30BA14_C_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_C_0.woff2') format('woff2'),url('webfonts/30BA14_C_0.woff') format('woff'),url('webfonts/30BA14_C_0.ttf') format('truetype');}  
@font-face {font-family: 'PantonIcons-DFillRegular';src: url('webfonts/30BA14_D_0.eot');src: url('webfonts/30BA14_D_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_D_0.woff2') format('woff2'),url('webfonts/30BA14_D_0.woff') format('woff'),url('webfonts/30BA14_D_0.ttf') format('truetype');}  
@font-face {font-family: 'PantonIcons-DLight';src: url('webfonts/30BA14_E_0.eot');src: url('webfonts/30BA14_E_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_E_0.woff2') format('woff2'),url('webfonts/30BA14_E_0.woff') format('woff'),url('webfonts/30BA14_E_0.ttf') format('truetype');}  
@font-face {font-family: 'PantonIcons-DRegular';src: url('webfonts/30BA14_F_0.eot');src: url('webfonts/30BA14_F_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_F_0.woff2') format('woff2'),url('webfonts/30BA14_F_0.woff') format('woff'),url('webfonts/30BA14_F_0.ttf') format('truetype');}  
@font-face {font-family: 'Panton-BlackItalic';src: url('webfonts/30BA14_10_0.eot');src: url('webfonts/30BA14_10_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_10_0.woff2') format('woff2'),url('webfonts/30BA14_10_0.woff') format('woff'),url('webfonts/30BA14_10_0.ttf') format('truetype');}  
@font-face {font-family: 'Panton-Bold';src: url('webfonts/30BA14_11_0.eot');src: url('webfonts/30BA14_11_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_11_0.woff2') format('woff2'),url('webfonts/30BA14_11_0.woff') format('woff'),url('webfonts/30BA14_11_0.ttf') format('truetype');}
@font-face {font-family: 'Panton-ExtraBoldItalic';src: url('webfonts/30BA14_12_0.eot');src: url('webfonts/30BA14_12_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_12_0.woff2') format('woff2'),url('webfonts/30BA14_12_0.woff') format('woff'),url('webfonts/30BA14_12_0.ttf') format('truetype');}
@font-face {font-family: 'Panton-BoldItalic';src: url('webfonts/30BA14_13_0.eot');src: url('webfonts/30BA14_13_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_13_0.woff2') format('woff2'),url('webfonts/30BA14_13_0.woff') format('woff'),url('webfonts/30BA14_13_0.ttf') format('truetype');}
@font-face {font-family: 'Panton-ExtraBold';src: url('webfonts/30BA14_14_0.eot');src: url('webfonts/30BA14_14_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_14_0.woff2') format('woff2'),url('webfonts/30BA14_14_0.woff') format('woff'),url('webfonts/30BA14_14_0.ttf') format('truetype');}
@font-face {font-family: 'Panton-Black';src: url('webfonts/30BA14_15_0.eot');src: url('webfonts/30BA14_15_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_15_0.woff2') format('woff2'),url('webfonts/30BA14_15_0.woff') format('woff'),url('webfonts/30BA14_15_0.ttf') format('truetype');}
@font-face {font-family: 'Panton-ExtraLight';src: url('webfonts/30BA14_16_0.eot');src: url('webfonts/30BA14_16_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_16_0.woff2') format('woff2'),url('webfonts/30BA14_16_0.woff') format('woff'),url('webfonts/30BA14_16_0.ttf') format('truetype');}
@font-face {font-family: 'Panton-ExtraLightItalic';src: url('webfonts/30BA14_17_0.eot');src: url('webfonts/30BA14_17_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_17_0.woff2') format('woff2'),url('webfonts/30BA14_17_0.woff') format('woff'),url('webfonts/30BA14_17_0.ttf') format('truetype');}
@font-face {font-family: 'Panton-Fat';src: url('webfonts/30BA14_18_0.eot');src: url('webfonts/30BA14_18_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_18_0.woff2') format('woff2'),url('webfonts/30BA14_18_0.woff') format('woff'),url('webfonts/30BA14_18_0.ttf') format('truetype');}
@font-face {font-family: 'Panton-FatItalic';src: url('webfonts/30BA14_19_0.eot');src: url('webfonts/30BA14_19_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_19_0.woff2') format('woff2'),url('webfonts/30BA14_19_0.woff') format('woff'),url('webfonts/30BA14_19_0.ttf') format('truetype');}
@font-face {font-family: 'Panton-Heavy';src: url('webfonts/30BA14_1A_0.eot');src: url('webfonts/30BA14_1A_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_1A_0.woff2') format('woff2'),url('webfonts/30BA14_1A_0.woff') format('woff'),url('webfonts/30BA14_1A_0.ttf') format('truetype');}
@font-face {font-family: 'Panton-HeavyItalic';src: url('webfonts/30BA14_1B_0.eot');src: url('webfonts/30BA14_1B_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_1B_0.woff2') format('woff2'),url('webfonts/30BA14_1B_0.woff') format('woff'),url('webfonts/30BA14_1B_0.ttf') format('truetype');}
@font-face {font-family: 'Panton-Light';src: url('webfonts/30BA14_1C_0.eot');src: url('webfonts/30BA14_1C_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_1C_0.woff2') format('woff2'),url('webfonts/30BA14_1C_0.woff') format('woff'),url('webfonts/30BA14_1C_0.ttf') format('truetype');}
@font-face {font-family: 'Panton-LightItalic';src: url('webfonts/30BA14_1D_0.eot');src: url('webfonts/30BA14_1D_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_1D_0.woff2') format('woff2'),url('webfonts/30BA14_1D_0.woff') format('woff'),url('webfonts/30BA14_1D_0.ttf') format('truetype');}
@font-face {font-family: 'Panton-Regular';src: url('webfonts/30BA14_1E_0.eot');src: url('webfonts/30BA14_1E_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_1E_0.woff2') format('woff2'),url('webfonts/30BA14_1E_0.woff') format('woff'),url('webfonts/30BA14_1E_0.ttf') format('truetype');}
@font-face {font-family: 'Panton-RegularItalic';src: url('webfonts/30BA14_1F_0.eot');src: url('webfonts/30BA14_1F_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_1F_0.woff2') format('woff2'),url('webfonts/30BA14_1F_0.woff') format('woff'),url('webfonts/30BA14_1F_0.ttf') format('truetype');}
@font-face {font-family: 'Panton-SemiBold';src: url('webfonts/30BA14_20_0.eot');src: url('webfonts/30BA14_20_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_20_0.woff2') format('woff2'),url('webfonts/30BA14_20_0.woff') format('woff'),url('webfonts/30BA14_20_0.ttf') format('truetype');}
@font-face {font-family: 'Panton-SemiBoldItalic';src: url('webfonts/30BA14_21_0.eot');src: url('webfonts/30BA14_21_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_21_0.woff2') format('woff2'),url('webfonts/30BA14_21_0.woff') format('woff'),url('webfonts/30BA14_21_0.ttf') format('truetype');}
@font-face {font-family: 'Panton-Thin';src: url('webfonts/30BA14_22_0.eot');src: url('webfonts/30BA14_22_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_22_0.woff2') format('woff2'),url('webfonts/30BA14_22_0.woff') format('woff'),url('webfonts/30BA14_22_0.ttf') format('truetype');}
@font-face {font-family: 'Panton-ThinItalic';src: url('webfonts/30BA14_23_0.eot');src: url('webfonts/30BA14_23_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30BA14_23_0.woff2') format('woff2'),url('webfonts/30BA14_23_0.woff') format('woff'),url('webfonts/30BA14_23_0.ttf') format('truetype');}

body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', Geneva, Tahoma, Verdana, sans-serif;
    font-weight: 300;
    font-size: 100.01%;
    line-height: 1.4;
    background-color: #d5e5f6;
}

img {
    border-width: 0;
}

#wrapper {
    width: 902px;
    margin: 0 auto;
    padding-top: 0;
    box-shadow: rgba(0, 0, 0, 0.8) 0 0 20px;
}

.header-wrapper {
    background: #ecf3fb no-repeat right;
    background-size: contain;
}

#header {
    margin: 0 40px;
    border-top: 2px solid rgba(159, 159, 159, 0.3);
    padding-top: 10px;
    padding-bottom: 1px;
}

#content-wrapper {
    margin: 0 auto;
    background-color: #FFF;
    padding: 44px 40px 20px 40px;
}

#footer {
    border-top: 2px solid rgba(159, 159, 159, 0.7);
    padding: 38px 8px 16px 32px;
    background-color: #FFF;
    clear: both;
    font-size: small;
}

#tagline {
    width: 860px;
    padding: 0 10px 0 0;
    text-align: right;
    color: #999;
    position: absolute;
    top: 166px;
    margin: 0;
}
.aso-logo-container {
    display: block;
    height: 115px;
    padding: 44px 0 20px 40px;
    overflow: hidden;
}

#breadcrumb {
    position: relative;
    top: -20px;
    font-size: 0.69em;
}

.smaller {
    font-size: smaller;
}

.header-primary-branding {
    margin: 0;
    font-family: Panton-Black, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
    font-size: 51px;
    line-height: 42px;
    text-transform: uppercase;
    color: #003e66;
	height: 84px;
	overflow: hidden;
	padding-top: 5px;
	padding-bottom: 5px;
}

.header-secondary-branding {
    margin: 0;
    font-family: Panton-Bold, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
    font-size: 21px;
    line-height: 21px;
    text-transform: uppercase;
    color: black;
}

/* @end */

/* @group GLOBAL NAV */

/* @group search + auth */

#main-nav {
    float: left;
}

#aux-nav {
    float: right;
    position: relative;
    top: -2px;
    color: white;
    font-size: 0.8em;
}

#aux-nav a {
    color: white;
    margin: 0;
}

#search-box {
    float: right;
    margin-left: 10px;
    padding: 0 0 6px 0;
}

.global-search {
    position: relative;
}

.global-search-input {
    height: 23px;
    width: 100px;
    padding-left: 28px;
    border-radius: 3px;
    border: 0;
    box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 2px;
}

.global-search-button {
    background: transparent;
    border: none;
    position: absolute;
    top: -2px;
    left: 0;
    height: 100%;
    width: 28px;
    cursor: pointer;
}

#bigsearch #q {
    float: left;
    padding-left: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    width: 330px;
    border: solid 3px #666;
    height: 28px;
    margin-bottom: 12px;
    font-size: 20px;
}

#bigsearch #go {
    float: left;
}

#search-box #go {
    float: left;
}

#auth {
    float: right;
    padding-top: 6px;
    font-size: 0.9em;
    color: #1a6184;
}

#auth a {
    color: #1a6184;
}

/* @end */

#header ul {
    padding: 0;
    margin: 0;
}

#header ul li {
    display: inline;
}

.main-nav-link {
    font-family: Panton-Bold, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #555 !important;
    margin-right: 20px;
    font-size: 14px;
}

.main-nav-link.active,
.main-nav-link:hover,
.main-nav-link:active,
.main-nav-link:focus {
    color: #2d6f82 !important;
}

.main-nav-link.active {
    border-bottom: 2px solid rgba(45, 111, 130, 0.4);
}

#footer p {
    margin: 0;
}

#footer ul {
    list-style-type: none;
    float: left;
    padding: 0;
    margin: 0 1em;
    font-size: 0.9em;
    line-height: 1.6em;
}

#copyright-p {
    clear: both;
    float: left;
    margin: 1em 0 0 1em;
    padding: 0;
    font-size: 0.9em;
}

#copyright-p .copyright-logo, #copyright-nop .copyright-logo {
    padding-bottom: 40px;
}

#copyright-p p a, #copyright-nop p a {
    color: #1a6184;
    text-decoration: none;
}

#copyright-p p a:hover, #copyright-nop p a:hover {
    color: black;
    text-decoration: none;
}

#copyright-nop {
    float: right;
    padding-right: 20px;
    padding-top: 50px;
    font-size: 0.9em;
    text-align: center;
}

#partners {
    float: right;
}

.footer-partners-title {
    padding-left: 15px;
    line-height: 1em;
    font-size: 15px;
    color: #333;
}

.partners-image-container {
    overflow: hidden;
    width: 384px;
}

.partners-image {
    width: 392px;
    height: 162px;
    position: relative;
    left: -2px;
}

#logo-p {
    padding: 0;
    float: right;
    width: 189px;
    position: relative;
    top: -6px;
    left: -15px;
}

.nfsa-logo-footer {
    width: 167px;
}

.nfsa-logo-footer-text {
    text-decoration: none;
    font-size: 0.9em;
}

/* @end */

/* @group WIDGETS */

/* @group tag clouds */

#cloud {
    text-align: justify;
    padding-right: 10px;
    line-height: 1.5em;
}

#cloud a {
    letter-spacing: -1px;
    text-decoration: none;
    padding: 0 5px;
    position: relative;
    top: .3em;
}

#cloud .t1 {
    font-size: 0.75em;
    color: #cae471;
    color: rgba(47, 96, 134, 0.4);
}

#cloud .t2 {
    font-size: 0.826em;
    color: #C0DA6B;
    color: rgba(47, 96, 134, 0.4);
}

#cloud .t3 {
    font-size: 0.909em;
    color: #B7D166;
    color: rgba(47, 96, 134, 0.4);
}

#cloud .t4 {
    font-size: 1.0em;
    color: #AEC861;
    color: rgba(47, 96, 134, 0.4);
}

#cloud .t5 {
    font-size: 1.1em;
    color: #A5BF5C;
    color: rgba(47, 96, 134, 0.5);
}

#cloud .t6 {
    font-size: 1.21em;
    color: #9BB656;
    color: rgba(47, 96, 134, 0.5);
}

#cloud .t7 {
    font-size: 1.33em;
    color: #92AD51;
    color: rgba(47, 96, 134, 0.5);
}

#cloud .t8 {
    font-size: 1.464em;
    color: #89A44C;
    color: rgba(47, 96, 134, 0.6);
}

#cloud .t9 {
    font-size: 1.61em;
    color: #809B47;
    color: rgba(47, 96, 134, 0.6);
}

#cloud .t10 {
    font-size: 1.77em;
    color: #769241;
    color: rgba(47, 96, 134, 0.7);
}

#cloud .t11 {
    font-size: 1.948em;
    color: #6D893C;
    color: rgba(47, 96, 134, 0.7);
}

#cloud .t12 {
    font-size: 2.14em;
    color: #648037;
    color: rgba(47, 96, 134, 0.8);
}

#cloud .t13 {
    font-size: 2.36em;
    color: #5B7732;
    color: rgba(47, 96, 134, 0.9);
}

#cloud .t14 {
    font-size: 2.6em;
    color: #526e2d;
    color: rgba(47, 96, 134, 1);
}

#cloud a:hover {
    color: #000;
    background-color: rgba(47, 96, 134, 0.5);
    border-radius: 8px;
}

/* @end */
.grey6 {
    color: #666;
}

/* @group interview */

#interviewplayer {
    position: relative;
    margin-bottom: 16px;
}

#interviewplayer h2 {
    margin: 10px 10px 0 10px !important;
    padding: 10px;
    background: white;
}

#interviewplayer h3 {
    margin: 0 10px;
    padding: 10px;
    background: white;
}

#interviewplayer p {
    margin: 10px;
    padding: 10px;
    background: white;
    cursor: pointer;
    font-weight: bold;
}

#interviewplayer p:hover {
    text-decoration: underline;
}

#interview-tabs {
    width: 600px;
}

.narrow {
    width: 600px;
}

#playlist, #interview-transcript {
    margin-top: 10px;
    width: 560px;
    height: 300px;
    overflow-y: auto;
}

div.clips {
    margin-left: 0px;
}

div.clips a {
    list-style-position: outside;
    list-style: none;
    background: url(people_play.png) no-repeat;
    display: list-item;
    text-decoration: none;
    color: #000;
    clear: both;
    padding-left: 30px;
    line-height: 1.5;
}

div.clips a.playing, div.clips a.paused, div.clips a.progress {
    background: url(people_pause.png) no-repeat;
    text-decoration: underline;
}

div.clips a.progress {
    opacity: 0.6;
}

div.clips a.paused {
    background-position: 0 0;
}

div.clips a:hover {
    background-color: #f9f9fa;
}

div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {
    background-color: transparent !important;
}

/* @end */

/* @group accordion */

#accordion a {
    display: block;
    padding: 5px 30px;
}

#accordion div {
    display: block;
}

#accordion p {
    padding-right: 100px;
}

#accordion img {
    float: right;
}

/* @end */

/* @group qtip */

.qtip-content {
    font-size: 0.8em;
}

.qtip {
    opacity: 0.95;
}

/* @end */

/* @end */

/* @group PAGE ELEMENTS */

.unstylelist {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* @group headings */

h1,
h2,
h3,
h4 {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 500;
}

h1 {
    font-size: 2em;
    line-height: 1em;
}

h2 {
    font-size: 1.6em;
    line-height: 1.2em;
}

h3 {
    font-size: 1.2em;
    margin-bottom: 0;
    margin-top: 1.5em;
}

/* @end */

/* @group boxes */

.cluster {
    overflow: auto;
    width: 100%;
}

.blog-cluster {
    padding: 5px;
    margin-top: 20px;
    overflow: auto;
}

.cluster ul {
    margin-top: 0;
    margin-bottom: 0;
    list-style-image: url(/chrome/aso_bullet.png);
}

/* variant widths */
.indig {
    width: 190px;
    padding: 5px 15px 5px 5px
}

.imglist {
    width: 200px;
}

.imglist p.greenlink {
    margin-left: 8px;
}

.imglist img.people {
    padding-right: 8px;
}

.trending {
    width: 211px;
    padding: 12px 12px 12px 12px;
}

.radded {
    width: 175px;
    padding: 10px 30px 10px 30px
}

.rcomments, .email {
    width: 189px;
    padding: 12px 23px 12px 23px;
}

.rcomments p.comm {
    margin-bottom: 0px;
    font-size: 0.9em;
}

.rcomments p.link {
    font-size: 0.8;
}

.email p {
    margin: 0;
}

.landing {
    width: 225px;
}

.landing p {
    text-align: left;
    margin: 0 5px 10px 5px;
    line-height: 1.2;
}

.landing ul, .indig ul {
    padding-left: 0 !important;
}

.alpha ul, .decade ul {
    padding-left: 15px;
}

.decade {
    font-size: 0.9em;
}

.email-icon {
    float: left;
    margin-right: 5px;
}

.count {
    color: #666;
    font-size: 0.8em;
    padding-top: 5px;
}

.more a {
    background-color: rgba(47, 96, 134, 0.2);
    padding: 1px 8px;
    border-radius: 6px;
    line-height: 1em;
    color: #333 !important;
}

.more:hover a,
.more:active a {
    color: black;
    background-color: rgba(47, 96, 134, 0.4);
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

/* @end */

/* @group lists */

.wraplist {
    margin: 0;
    padding: 0;
}

.wraplist li {
    list-style-type: none;
    display: inline;
}

.wraplist li:hover span.bghover {
    text-decoration: none;
    border-radius: 10px;
    background-color: #e7f3cf;
}

.bullet-list li {
    list-style-image: url(/chrome/aso_bullet.png);
    margin-bottom: 5px;
}

.edu {
    clear: left;
}

.edulinks li {
    list-style-image: url(/chrome/edu_arrow.png);
}

.external-list li {
    list-style-type: circle;
    list-style-image: url(/chrome/ext_arrow.png);
    margin-bottom: 5px;
}

#related .external-list li {
    list-style-type: circle;
    list-style-image: url(/chrome/ext_arrow.png);
    margin-bottom: 5px;
}

.iconimg {
    margin: 0 0 -2px 5px;
}

.newtype {
    color: #666;
    font-size: 0.85em;
    line-height: 0.85;
}

/* @end */

/* @end */

/* @group HOME */

/* Simulated box shadow using borders: */
.media-player, .embedded-player, .embedded-image {
    margin: 0 0 15px 0;
    padding: 0 12px;
    border-bottom: 2px solid #d9d9d9;
    border-right: 2px solid #d9d9d9;
}

.boxshadow .media-player, .boxshadow .embedded-player, .boxshadow .embedded-image {
    border: none;
    box-shadow: #d9d9d9 3px 3px 4px;
}

.media-player h2 {
    float: left;
}

.media-player h3 {
    font-weight: normal;
    font-style: normal;
    margin: 6px 0;
    float: left;
    width: 80%;
}

.media-player h3 span {
    font-size: 0.8em;
    color: #666;
}

.media-player p {
    float: right;
    margin: 0;
}

.media-player p img {
    float: right;
    margin: 0px;
}

.controller {
    position: absolute;
    bottom: 0;
    left: 0;
}

.vol-controller {
    position: absolute;
    bottom: 0;
    right: 0;
}

/* @group new */

#new-on-site {
    width: 175px;
    float: right;
    margin: 0 0 30px 0;
}

#new-on-site ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#new-on-site li {
    clear: left;
    height: 55px;
    font-size: 0.75em;
    line-height: 1em;
}

#new-on-site .new-title {
    display: block;
    margin-left: 75px;
}

#new-on-site img {
    float: left;
    margin: 0 5px 10px 0;
}

/* @end */

#home-middle {
    margin-top: 35px;
}

#home-middle h2 {
    font-size: 1em;
    font-style: normal;
    line-height: 1em;
    margin: 0px 0 10px 0;
    color: #1a6184;
}

#feeds h2 {
    margin: 0 0 11px 15px;
    font-size: 0.85em;
    font-style: normal;
    line-height: 1em;
}

/* @group blogs */

#home-blogs {
    float: left;
    width: 290px;
    margin: 0 15px 0 0;
}

#home-blogs #blog-tease {
    font-weight: normal;
    font-style: normal;
}

#home-blogs h3 {
    margin: 0 0 4px 0;
    font-size: 0.89em;
    line-height: 1em;
}

#home-blogs p {
    margin: 0 0 9px 0;
    font-size: 0.75em;
    line-height: 1.2em;
    color: #666;
}

#home-blogs img {
    float: left;
    padding-right: 10px;
    margin-bottom: 15px;
}

/* @end */

/* @group bleats */

#home-bleats {
    float: left;
    width: 193px;
    margin: 0 0 0 40px;
}

#home-bleats h4 {
    margin: 0 0 6px 0;
    font-style: normal;
    font-size: 0.85em;
}

#home-bleats p {
    margin: 0 0 15px 0;
    font-size: 0.75em;
    line-height: 1.2em;
    color: #666;
}

/* @end */

/* @group coming */

#home-coming {
    float: left;
    width: 130px;
    margin-right: 15px;
}

#home-coming h2 {
    width: 6.5em;
}

#home-coming ul {
    list-style-type: none;
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 0.75em;
    color: #666;
    line-height: 1.4;
}

#home-coming li .new-title {
    display: block;
    line-height: 1.1em;
    margin-bottom: 5px;
}

/* @end */

/* @group comments */

#feeds {
    width: 208px;
    float: left;
    margin: 15px 0 10px 25px;
}

#feeds p {
    margin: 0;
    font-size: 0.78em;
    color: #666;
    line-height: 1.3;
}

#follow-us {
    width: 201px;
    float: left;
    margin: 0 0 15px 40px;
}

#follow-us h2 {
    margin: 0 0 11px 0;
    font-size: 0.85em;
}


#home-comments {
    padding: 0 14px 14px 14px;
    margin-bottom: 10px;
}

#home-comments p.comm {
    color: #666;
    margin: 0;
    font-size: 0.8em;
    line-height: 1.1em;
}

#home-comments p.link {
    margin-bottom: 10px;
}

.rcomments p.comm {
    color: #666;
    margin: 0;
    font-size: 0.9em;
    line-height: 1.1em;
}

.rcomments p.link {
    font-size: 0.8em;
    line-height: 1.1em;
    margin: 0 0 10px 0;
}

/* @end */

/* @group scroller */

/* Simulated box shadow using borders: */
#slider {
    width: 602px;
    position: relative;
    border-bottom: 2px solid #d9d9d9;
    border-right: 2px solid #d9d9d9;
}

.boxshadow #slider {
    border: none;
    box-shadow: #d9d9d9 3px 3px 4px;
}

.scroll {
    height: 245px;
    width: 409px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    font-size: 0.8em;
}

.scrollContainer div.panel {
    height: 245px;
    width: 409px;
}

.scrollContainer img {
    z-index: -1;
}

.panel-text {
    background-color: #000;
    filter: alpha(opacity=70);
    position: absolute;
    line-height: 1.1;
    bottom: 0;
    left: 0;
    width: 389px;
    padding: 0.5em 10px 0.75em 10px;
}

.rgba .panel-text {
    background-color: rgba(0, 0, 0, 0.5);
}

.panel-text span {
    font-size: 1em;
    display: block;
    margin: 0 0 2px 0;
    color: white;
}

a.panel-text:link, a.panel-text:visited {
    color: white;
    z-index: 9;
}

.feature-teaser-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 218px;
    height: 243px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 0;
}

div.feature-teaser {
    width: 165px;
    margin: 10px 13px 20px 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

div.feature-teaser h3 {
    margin: 0;
    font-size: 1.1em;
    font-weight: normal;
    font-style: normal;
    line-height: 1.1em;
}

div.feature-teaser p {
    color: #666;
    font-size: 0.80em;
    line-height: 1.2em;
}

ul.feature-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    border-style: solid;
    border-width: 2px;
    border-color: #FFF;
}

ul.feature-nav li {
    display: inline;
}

.imgreplace {
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: transparent none 0 0 no-repeat;
    text-indent: -3000px;
    font: 0/0 Arial;
    overflow: hidden;
    color: rgba(255, 255, 255, 0);
    vertical-align: bottom;
}

ul.feature-nav a.imgreplace, ul.clip-nav a.imgreplace {
    background: url(feat-dot.png) no-repeat center;
    width: 11px;
    height: 13px;
}

ul.feature-nav a:hover, ul.clip-nav a:hover {
    background: url(feat-dot-on.png) no-repeat center center;
}

ul.feature-nav a.selected, ul.clip-nav a.selected {
    background: url(feat-dot-on.png) no-repeat center center;
}

ul.feature-nav a:focus, ul.clip-nav a:focus {
    outline: none;
}

.goto {
    color: #DED;
    float: right;
}

span.feat-prev {
    background: url(feat-arrow-l.png) no-repeat center center;
    width: 6px;
    height: 13px;
    cursor: pointer;
}

span.feat-next {
    background: url(feat-arrow-r.png) no-repeat center center;
    width: 6px;
    height: 13px;
    margin-left: 2px;
    cursor: pointer;
}

span.feat-prev:hover {
    background: url(feat-arrow-l-over.png) no-repeat center center;
    width: 6px;
    height: 13px;
}

span.feat-next:hover {
    background: url(feat-arrow-r-over.png) no-repeat center center;
    width: 6px;
    height: 13px;
}

/* @end */

/* @end */

/* ################## TAG MODS */

*:focus {
    outline: 0;
}

dt {
    font-weight: bold;
}

th /* implies abuse of th */
{
    text-align: right;
    padding: 0 15px 0 0;
}

.year {
    font-size: .7em;
    font-style: normal;
    letter-spacing: 0;
}

.two-col h3 {
    clear: none;
}

h3.series {
    margin: 0;
    padding: .5em 0 0 0;
}

h5 strong, p.sorter strong {
    padding: 0 2px 0 2px;
}

hr {
    margin: 5px 0 25px 0;
}

#content {
    font-size: 0.9em;
    line-height: 140%;
    padding: 0 0 2em 0;
    margin-top: 10px;
}

div.one-col {
    clear: both;
    width: 860px;
}

div.two-col {
    clear: none;
    width: 576px;
    margin-left: 320px;
}

.see-also ul, .horizontal ul {
    list-style-type: none;
    padding: 0;
}

.clearer {
    clear: both;
}

.clearnone {
}

#col1of3 {
    float: left;
    width: 274px;
}

#col2of3 {
    float: left;
    display: inline;
    width: 274px;
}

#col3of3 {
    float: left;
    width: 274px;
    position: relative;
}

#col-homebigleft {
    float: left;
    width: 602px;
    font-size: 1.2em;
}

#col-homeright {
    float: left;
    width: 218px;
    font-size: 1.2em;
}

/* ################## LINK STYLING */
a:link, a:visited {
    text-decoration: none;
    color: #1a6184;
}

a:hover, a:active {
    color: black;
}

p a:link, p a:visited {
    text-decoration: underline;
    color: black;
}

p a:hover, p a:active {
    text-decoration: underline;
    color: #1a6184;
}

.greenlink a:link, .greenlink a:visited {
    text-decoration: none;
    color: #1a6184;
}

.greenlink a:hover, .greenlink a:active {
    color: black;
}

.yes, .no {
    height: 1.5em;
    background-color: #eee;
    width: 10em;
    padding: .5em;
    float: left;
    margin: 0 2em 0 0;
    text-align: center;
    vertical-align: middle;
    font-size: 1.2em;
}

.no {
    border-color: #F00;
    border-width: 2px;
    border-style: solid;
}

.yes {
    border-color: #390;
    border-width: 2px;
    border-style: solid;
}

li.premium {
    list-style-image: url(screen.png);
}

li.broadband {
    list-style-image: url(ipod.png);
}

li.dialup {
    list-style-image: url(modem.png);
}

.paginator, .subpages {
    font-size: small;
    margin: 10px 0;
    padding: 0;
    white-space: nowrap;
}

.paginator .prev-na,
.paginator .next-na {
    background-color: white;
    color: #aaa;
    text-decoration: none;
    background-color: white;
    padding: 2px 6px;
}

.paginator .prev a, .paginator .prev a:visited,
.paginator .next a, .paginator .next a:visited {
    text-decoration: none;
    background-color: white;
    padding: 2px 6px;
}

.paginator .prev, .paginator .prev-na {
    margin-right: .3em;
}

.paginator .next, .paginator .next-na {
    margin-left: .3em;
}

.paginator .page a, .paginator .page a:visited, .paginator .curr, .subpages a, .subpages a:visited, .subpages .curr {
    text-decoration: none;
    background-color: white;
    border-radius: 10px;
    padding: 1px 8px;
    line-height: 2;
}

.paginator .curr, .subpages .curr {
    background-color: rgba(47, 96, 134, 0.4);
    border-radius: 10px;
    padding: 1px 8px;
    line-height: 2;
    color: black;
}

.paginator .page a:hover,
.paginator .curr a:hover,
.paginator .prev a:hover,
.paginator .next a:hover,
.subpages a:hover {
    background-color: rgba(47, 96, 134, 0.4);
    border-radius: 10px;
    padding: 1px 8px;
}

.subpages li {
    display: inline;
    list-style-type: none;
    white-space: nowrap;
    line-height: 2;
}

li.feeds {
    list-style-type: none;
}

p.list-desc {
    font-size: large;
}

ul.list-main {
    list-style-image: url(globe.png);
    font-weight: bold;
}

ul.list-sub {
    list-style-image: none;
    font-weight: normal;
    list-style-type: disc;
}

table.tabular {
    margin: 0 1em 0 0;
}

.tabular th {
    background-color: #000;
    color: #CCC;
    padding: 4px;
    text-align: center;
}

.tabular td {
    padding: 4px;
    border-color: #CCC;
    border-width: 1px;
    border-style: solid;
}

.tabular td ul {
    padding: 0;
    margin: 0 0 0 20px;
}

.registration_form, .registration-options {
    margin-top: 1em;
}

.registration_form th {
    vertical-align: top;
    width: 200px;
}

.registration_form td, .registration_form p {
    font-size: 0.8em;
    line-height: 1.2em;
    vertical-align: top;
}

.registration_form input {
    font-size: 1em;
}

.registration_options p {
    margin: 0 0 0.5em 0;
}

fieldset {
    margin: 2em 1em 2em 0;
}

p.pre_timeline, object#timeline {
    margin: 0;
    padding: 0;
}

.tight {
    padding: 0;
    margin: 0;
}

.new_icon {
    position: absolute;
    z-index: 5;
    left: -10px;
    top: -5px;
}

/* MESSAGES & ERRORS */
ul.messagelist {
    padding: 0 0 5px 0;
    margin: 0;
}

ul.messagelist li {
    font-size: 12px;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border-bottom: 1px solid #ddd;
    color: #666;
    background: #ffc url(../img/admin/icon_success.gif) 5px .3em no-repeat;
}

.errornote {
    font-size: 12px !important;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border: 1px solid red;
    color: red;
    background: #ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat;
}

ul.errorlist {
    margin: 0 !important;
    padding: 0 !important;
}

.errorlist li {
    font-size: 12px !important;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border: 1px solid red;
    color: white;
    background: red url(../img/admin/icon_alert.gif) 5px .3em no-repeat;
}

td ul.errorlist {
    margin: 0 !important;
    padding: 0 !important;
}

td ul.errorlist li {
    margin: 0 !important;
}

.errors {
    background: #ffc;
}

.errors input, .errors select {
    border: 1px solid red;
}

div.system-message {
    background: #ffc;
    margin: 10px;
    padding: 6px 8px;
    font-size: .8em;
}

div.system-message p.system-message-title {
    padding: 4px 5px 4px 25px;
    margin: 0;
    color: red;
    background: #ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat;
}

.description {
    font-size: 12px;
    padding: 5px 0 0 12px;
}

h2.comments {
    clear: both;
}

#comment_list, #moderation_queue {
    margin: 0 20px 50px 0;
    padding: 0;
}

#comment_list li, #moderation_queue li {
    list-style-type: none;
    padding: 4px 12px 18px 12px;
    margin: 20px 0 0 0;
}

#comment_list li {
    background: #E7E7E7 url(http://media.australianscreen.com.au/style/bubble-alt.png) bottom right no-repeat;
    border-radius: 15px;
}

#comment_list li.you {
    background: #fcdfa7 url(http://media.australianscreen.com.au/style/bubble-you.png) bottom right no-repeat;
    border-radius: 15px;
}

#moderation_queue li {
    background: #fcdfa7 url(http://media.australianscreen.com.au/style/bubble-you.png) bottom right no-repeat;
    border-radius: 15px;
}

#comment_list blockquote, #moderation_queue blockquote {
    margin: 0;
    padding: 0;
}

#comment_list blockquote p, #moderation_queue blockquote p {
    padding: 0;
    margin: 10px 0;
}

#comment_list cite, #moderation_queue cite {
    display: block;
    font-style: normal;
    font-size: 0.8em;
    line-height: 0.8em;
    text-align: right;
}

textarea#id_comment {
    width: 451px;
}

.registration_options input[type="checkbox"] {
    margin-right: 30px;
}

.subdef /* WTF? */
{
    font-size: large;
    line-height: 1;
}

.warning {

    line-height: 110%;
    font-size: 90%;
    color: #6e0f06;
}

#titleheader {
    margin-top: 1em;
}

table#credits {
    width: 100%;
}

table#credits th {
    width: 40%;
    font-weight: normal;
}

#vital-stats p {
    padding: 0;
    margin-top: -2px;
    font-size: 0.8em;
}

#coll-partner p {
    padding: 0;
    margin-right: -50px;
    font-size: 0.7em;
    line-height: 1.2em;
}

.portrait {
    float: left;
    box-shadow: #999 3px 3px 3px;
    border-color: #FFF;
    border-style: solid;
    border-width: 5px;
    border-bottom-style: solid;
    border-bottom-width: 15px;

    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    margin: 0 10px 10px 0;
}

#heroes {
    float: left;
}

.audio-clip-tease, .video-clip-tease {
    box-shadow: #999 3px 3px 3px;
    margin: 0 25px 10px 0;
    font-size: 0.8em;
    line-height: 1;
    position: relative;
    padding-bottom: 3px;
}

.audio-clip-tease p {
    margin: 0 5px 5px 5px;
    width: 235px;
}

.video-clip-tease p {
    margin: 0 5px 5px 5px;
    padding-right: 35px;
}

#heroes img {
    margin: 5px;
}

.clip-dur-overlay {
    color: white;
    margin: 0px;
    padding: 1px;
    background-color: black;
    position: absolute;
    right: 5px;
    border-radius: 2px;
}

#content #tab-contents {
    min-height: 300px;
    float: left;
    text-align: left;
    width: 643px;
    padding: 33px 0px 20px 0px;
    margin-bottom: 10px;
}

#content #tabs {
    float: right;
    width: 161px;
    padding: 33px 0 0 18px;
}

#content #stats {
    float: left;
    width: 287px;
}

#content #stats h1 {
    font-size: 1.6em;
    line-height: 1.2;
    margin: 0;
}

#content #see-also {
    clear: left;
}

#content #other-genres {
    float: left;
    width: 150px;
    margin-right: 15px;
}

#content #tags, #content #other-titles {
    float: left;
    width: 226px;
    margin-right: 15px;
}

#content #prodcomp {
    float: left;
    width: 128px;
    margin-right: 20px;
}

#content #coll-partner {
    float: left;
    width: 128px;
    text-align: left;
}

#content #undertab {
    min-height: 100px;
    width: 763px;
    border: 1px solid #666;
    padding: 0 20px;
    margin-bottom: 10px;
}

#content #heroes.wider-ratio + #stats {
    width: 270px;
}

#content #heroes.wider-ratio + #stats + #tabs {
    width: 170px;
}

#tabs ul {
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    font-size: 16px;
}

#tabs li {
    margin-bottom: 2px;
}

#tabs li.current {
    text-indent: 5px;
    background-image: url('underlinebar.png');
    background-repeat: no-repeat;
    background-position: 0% 100%;
    margin-bottom: 8px;
    display: block;
    padding: 3px;
    width: 180px;
}

#tabs a {
    display: block;
    padding: -1px;
    margin: 0 20px;
    transition: color 1s, margin 0.2s;
}

#tabs a:link, #tabs a:visited {
    text-decoration: none;
}

#tabs a:hover {
    color: #000;
    margin-left: 8px;
}

#portrait-see-also {
    float: right;
    width: 200px;
    padding: 5px;
    margin: 0 20px 15px 15px;
    font-size: 0.9em;
}

#portrait-text h2 {
    font-style: normal;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.9em;
}

#portrait-intro {
    font-style: normal;
    font-weight: normal;
    font-size: 1.18em;
    padding-top: 5px;
    clear: left;
    line-height: 1.3;
}

#portrait-text img {
    float: left;
    margin-right: 15px;
}

#portrait-hero {
    width: 390px;
    float: left;
}

a.title-thumb, a.genre-thumb, a.collection-thumb, a.series-thumb, .thumblist {
    margin: 0 5px 5px 0px;
    float: left;
}

a.title-thumb {
    text-decoration: none;
    position: relative;
    display: block;
    border: 0;
    padding: 0;
    float: left;
}

a.title-thumb span.audio-overlay, a.title-thumb span.video-overlay {
    position: absolute;
    right: 0;
    bottom: 0;
}

div.categoryItemOverlay a.title-thumb {
    margin: 0px 20px 5px 0;
}

.result img.thumb, .ed_result img.thumb {
    float: left;
    margin: 0;
}

.result .educ_icon {
    margin: -10px 0 0 10px;
}

.group-result {
    display: table;
    height: auto;
    margin-bottom: 5px;
}

.group-result img.thumb {
    float: left;
    width: 82px;
    height: 62px;
    margin: 0;
}

.group-result p {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.1em;
}

.trend-result {
    margin: 0px 5px 5px 0px;
    display: table;
    height: auto;
}

.trend-result img {
    float: left;
    margin: 5px 5px 0px 0px;
}

.trend-result p {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}

.trend-result p.percent {
    font-weight: bold;
    font-size: 13px;
}

#content div.result, #content.edu div.ed_result, #content h3.resulthead, #content p.cluster {
    clear: both;
    position: relative;
    width: 100%;
}

#content div.result .result-description {
    float: left;
    width: 460px;
}

#content div.result .result-description p {
    float: left;
}

#content div.result .result-description ul {
    float: left;
    margin: 0 0 10px 0;
    padding-left: 27px;
    font-size: 12px;
}

.clipwarning {
    background: red;
    background-color: rgba(255, 0, 0, 0.5);
    font-size: 12px;
    line-height: 1.1;
    position: absolute;
    width: 314px;
    bottom: 24px;
    color: #19191A;
    min-height: 50px;
    left: 0;
}

.clipwarning .warning-inner {
    display: block;
    padding: 3px;
}

.contains-video .videoplayer img {
    margin: 0 !important;
}

.clipwarning strong {
    color: #19191A;
    font-weight: bold;
    text-transform: uppercase;
}

h3.resulthead {
    padding: 1.5em 0 0.5em 0;
    margin: 0;
}

#content div.result h4 {
    float: left;
    width: 165px;
    margin: 0 15px 0 10px;
    font-size: 1em;
    font-style: normal;
    line-height: 1.1em;
}

.alphacluster {
    clear: both;
    font-size: 1.2em;
    padding-top: 10px;
}

#content div.result p {
    float: left;
    width: 460px;
    margin: 0;
    line-height: 1.5;
    font-size: 0.85em;
}

#content div.result h4 span {
    display: block;
    color: #666;
    font-size: 0.8em;
}

div.tabbed h4, div.tabbed p {
    width: 550px !important;
}

/* @group titles */
#titles h1, #tab-contents h1 {
    margin: 0;
}

#tab-contents h2 {
    margin: 0;
}

#titles h3 {
    margin-bottom: 10px;
}

.indig li {
    line-height: 1.1em;
    margin-bottom: 3px;
}

/* end @group titles */

/* @group education */

.edu h1 {
    background: transparent url(edu_dots_header.png) no-repeat scroll left 4px;
    padding-left: 50px;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1em;
    margin: 0;
}

.categoryItem, .categoryItemOverlay {
    float: left;
    margin: 0px 15px 4px 0;
}

.categoryItem p, .categoryItemOverlay p {
    margin: 0;
    padding: 0;
}

.categoryItem div.categorytext {
    width: 200px;
    margin-top: 0;
    padding-top: 0;
    height: 60px;
}

.categoryItemOverlay div.categorytext {
    width: 200px;
    margin-top: 0;
    padding-top: 0;
    height: 200px;
}

.categoryItem div.categorytext p, .categoryItemOverlay div.categorytext p {
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 1.1em;
}

h1#catname {
    margin: 0 0 10px 0;
}

.categoryImg {
    width: 120px;
    height: 90px;
    border-color: #000;
    border-width: 1px;
    border-style: solid;
}

.genreItem {
    margin-bottom: 40px;
}

#content.edu div.ed_result h4 {
    float: left;
    width: 165px;
    margin: 0 15px 0 10px;
    padding: 0;
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    line-height: 1.1em;
}

#content.edu div.ed_result div.ed_text {
    display: block;
    float: left;
    width: 460px;
    margin: 0;
    line-height: 1.5;
    font-size: 0.85em;
}

#content.edu div.ed_result div.ed_text p {
    margin: 0 0 10px 0;
}

#content.edu div.ed_result span {
    display: block;
}

/* end @group edu */

/* player container style ?*/
.player {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    clear: left;
}

.audioplayer {
    height: 25px;
    font-size: 0.9em;
}

#message {
    clear: left;
}

#clip-extras {
    clear: both;
    float: none;
    height: 30px;
    padding: 10px 0 0 0;
    font-size: 0.9em;
}

#clip-extras ul {
    padding: 0;
    margin: 0 15px 0 0;
    list-style-type: none;
    display: inline;
}

#clip-extras li {
    display: inline;
    margin: 0;
}

#clip-extras li.active {
    padding: 5px;
    margin: 0;
    background: url(clip_on.png) no-repeat center bottom;
}

#clip-extras li a {
    padding: 5px;
    margin: 0;
}

#clip-extras li a:hover {
    background: url(clip_over.png) no-repeat center bottom;
}

#clip-extras .edu-player {
    float: right;
    font-size: 0.88em;
    font-style: italic;
    color: #e38500;
}

.player-icon {
    width: 23px;
    height: 23px;
}

.embedded-player {
    float: left;
    margin-right: 20px;
    clear: both;
}

.embedded-player p {
    margin: 10px 0;
    color: white;
}

.embedded-image {
    float: left;
    margin: 0 20px 10px 0;
}

.embedded-image-caption {
    background-color: white;
    padding: 5px;
}

.teaser {
    font-size: 1.1em;
}

#collection {
    float: left;
    width: 630px;
}

#related {
    margin: 0 0 0 660px;
    font-size: 0.85em;
    padding-top: 6px;
}

#related ul, #related p, #related h4 {
    padding: 0px;
    margin: 0 0 0 20px;
}

#related li {
    list-style: none;
}

#related h3 {
    margin: 10px 0 5px 0;
}

#citations {
    font-size: 0.8em;
}

.clipwarning {
    background-color: red;
    font-size: small;
    line-height: 1.1;
    position: absolute;
    bottom: 24px;
    left: 0;
    filter: alpha(opacity=70);
    width: 100%;
    padding: 3px;
}

.rgba .clipwarning {
    background-color: rgba(255, 0, 0, 0.5);
}

.clipwarning p {
    padding: 3px 8px;
    filter: alpha(opacity=100);
    float: none;
    font-size: 0.9em;
    margin: 0;
}

.audioclipdescription {
    min-height: 20px;
}

.audioclipwarning {
    background-color: rgba(255, 0, 0, 0.5);
    font-size: small;
    line-height: 1.1;
    filter: alpha(opacity=70);
    width: 100%;
    padding: 3px;
}

.audioclipwarning p {
    padding: 3px 8px;
    filter: alpha(opacity=100);
    float: none;
    font-size: 0.9em;
    margin: 0;
}

.silent {
    background-color: #729d3f;
    font-size: small;
    line-height: 1.1;
    position: absolute;
    top: 0;
    left: 0;
    filter: alpha(opacity=70);
}

.rgba .silent {
    background-color: rgba(114, 157, 63, 0.5);
}

.silent p {
    padding: 3px 8px;
    margin: 0;
    filter: alpha(opacity=100);
    float: none;
}

.hide {
    display: none;
}

.maptitles {
    padding: 1em;
}

.maptitles p {
    margin: 0;
    font-size: 0.8em;
}

.maptitles h4 {
    margin: 0 0 0 72px;
}

.mapthumb {
    float: left;
    margin: 0 1em 1em 0;
}

.maptitle {
    margin-bottom: 1em;
    clear: both;
}

.within-tab {
    width: 658px;
    white-space: normal;
}

#teachers_notes, #clip-transcript {
    font-size: 0.8em;
}

.curator {
    clear: both;
    margin: 1em 0;
}

.curator div {
    float: left;
    margin: 0 0 20px 30px;
    width: 500px;
}

.curator img {
    float: left;
    margin: 0 0 1em 0;
    border-radius: 6px;
    box-shadow: #999 3px 3px 3px;
}

#notes-tabs p, #video-tabs p {
    line-height: 1.5;
    margin-top: 0;
}

.curator h2, .notes h2 {
    margin: 0;
}

.curator h3, .notes h3 {
    clear: none;
    margin-bottom: 0;
}

.curator p {
    font-size: 0.8em;
    margin-top: 2px;
}

#acknowledgements h4, #prodcomp h4 {
    margin: 0;
}

#acknowledgements h4, #prodcomp p {
    margin: 0 0 8px 0;
}

.notes .byline {
    margin: 0 1em 0 0;
    font-style: normal;
    font-weight: normal;
    font-size: 0.8em;
    padding-top: 0.6em;
}

.notes .byline p {
    margin: 0.5em 0 0 0;
}

.notes .by {
    margin-top: 0;
}

.clip-byline p {
    margin: 0;
}

ul.horizontal {
    list-style: none;
    margin: -1px;
    padding: 2px;
}

ul.horizontal li {
    display: inline;
    white-space: nowrap;
    font-size: 12px
}

#see-also h3, #see-also h4 {
    margin-bottom: 0;
}

#see-also a.link, .horizontal a:link {
    background-color: rgba(47, 96, 134, 0.4);
    color: black;
    border-radius: 6px;
    padding: 1px 8px;
    line-height: 2;
}

.button {
    background-color: #e7f3cf;
    color: #1a6184;
    border-radius: 6px;
    padding: 2px 10px;
}

.button:hover, .button:active {
    color: black;
    background-color: #e7f3cf;
}

.styled-table {
    margin-top: 1em;
    border-spacing: 0 1px;
    border-collapse: separate;
}

.styled-table th {
    padding: 5px 10px;
    text-align: left;
    border-top: 2px solid #e0dede;
    border-bottom: 2px solid #e0dede;
}

.styled-table th.first {
    border-left: 2px solid #e0dede;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.styled-table th.last {
    border-right: 2px solid #e0dede;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.styled-table tfoot td {
    text-align: center;
    font-size: 0.7em;
}

.styled-table tfoot p {
    padding: 0;
    margin: 0;
}

.styled-table th {
    padding: 5px 10px;
    text-align: left
}

.styled-table tr {
    border-bottom: 1px solid #e0dede;
}

.styled-table td {
    padding: 5px 10px;
    border-bottom: 1px solid #e0dede;
}

div#interview-transcript .question {
    font-weight: bold;
}

div#decorative-stills {
    float: left;
    width: 170px;
    margin: 20px 0 0 -40px;
    line-height: 0.5;
}

div#decorative-stills img {
    margin: 0 0 4px 0;
    padding: 0;
    width: 170px;
    height: 120px;
    border: 0;
}

div#notes-tabs {
    width: 470px;
    margin-left: 150px;
}

div#filmmakers-comments-tabs {
    width: 470px;
    margin-left: 150px;
}

div.byline {
    float: left;
    width: 70px;
}

#override-jquerystyle {
    display: inline-block;
}

img.inline {
    vertical-align: middle;
}

div#review-tabs {
    width: 495px;
    float: left;
    margin: 0px;
    padding-left: 18px;
}

#review-tabs li {
    list-style-type: none;
}

ul.stars li {
    display: none;
}

.review-item {
    color: #036;
}

.customuserform p {
    margin: 6px;
}

.moreabout {
    display: inline-block;
    float: left;
    margin-bottom: 3px;
    padding: 0 2px 0 2px;
    font-size: 12px;
    border-style: solid;
    border-width: 2px;
    border-color: #e0dede;
    border-radius: 6px;
    background: none;
    color: #C0C0C0;
}

.moreabout input {
    size: 22;
    border-style: solid;
    border-color: #e0dede;
    background: none
}

#review-tabs #accordion a {
    display: block;
    padding: 5px 20px 5px 25px;
}

#review-tabs #accordion div {
    display: block;
}

#review-tabs #accordion p {
    padding: 0;
}

#review-tabs #accordion img {
    float: right;
}

/* @group blog/news stuff */

.blog h1 {
    background: transparent url(news_dots_header.png) no-repeat scroll left 4px;
    padding-left: 50px;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1em;
    margin: 0;
}

.blog .post-detail h2 {
    background: transparent url(news_dots.png) no-repeat scroll left 5px;
    padding-left: 35px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1em;
    color: black;
    margin: 0 0 5px 0;
}

.blog .post-detail .post-byline {
    margin: 0 0 30px 0;
    padding-left: 35px;
    color: #666;
    font-size: 0.8em;
    line-height: 1em;
}

#content.blog #news_blurb {
    margin-left: 100px;
    margin-right: 20px;
    margin-bottom: 10px;
}

#content.blog #news_blurb p {
    line-height: 1.3em;
    font-size: 0.8em;
    color: #666666;
    margin-top: 8px;
}

#blog-sidebar {
    float: right;
    width: 170px;
    margin: 110px 0 0 0;
}

.blog {
    float: left;
    width: 630px;
}

.bleats {
    float: left;
    width: 170px;
    margin: 0 10px 20px 0;
}

.bleats h2 {
    background: none;
    font-size: 16px;
    font-weight: normal;
    color: black;
    line-height: normal;
    margin: 10px 0 10px 0;
}

.bleats h3 {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: 1em;
    margin: 5px 0 3px 0;
}

.bleats p {
    margin-top: 0;
    font-size: 0.79em;
    line-height: 1.2em;
    margin-bottom: 15px;
}

div.post-list {
    line-height: 1.5;
    color: #666;
    margin: 23px 25px 20px 0;
}

.post {
    padding: 0 0 25px 0;
    margin: 0 20px 5px 20px;
    border-bottom-color: #e0dede;
    border-bottom-style: dotted;
}

.tease.group-result p {
    display: table-cell;
    vertical-align: top;
    line-height: 1.1em;
}

img.blogthumb {
    display: table-cell;
    vertical-align: center;
    float: left;
    margin: 0 10px 10px 0;
}

div.post-detail {
    line-height: 1.5;
    color: #666;
}

div.post-detail .post-body {
    font-size: 0.9em;
    line-height: 1.4em;
}

div.post-list h3.post-headline {
    background: url(news_dots.png) no-repeat left center;
    padding-left: 33px;
    margin: 10px 0 0 0;
    font-weight: normal;
    font-style: normal;
}

div.post-list .tease {
    margin-left: 0;
}

div.post-list p.post-byline {
    margin: 0 0 10px 0;
    padding-left: 33px;
    color: #666;
    font-size: 0.7em;
    line-height: 1em;
}

.post .tease {
    margin-left: 66px;
}

.post .tease p {
    font-size: 0.8em;
    color: #666;
    margin: 0;
    line-height: 1.4em;
}

.blog-more {
    font-size: 0.7em;
    line-height: 1em;
    background-color: rgba(47, 96, 134, 0.4);
    color: black;
    padding: 1px 8px;
    border-radius: 6px;
}

div.post-detail textarea#id_comment {
    width: 380px !important;
}

.post-detail {
    float: right;
    width: 470px;
    margin: 0 20px 20px 0px;
}

.blogphoto {
    float: left;
    margin: 0 20px 10px -180px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

#filters h3 {
    padding: 0 0 0 25px;
    margin: 2px 0;
    font-size: 0.8em;
}

#filters ul {
    list-style-type: none;
    margin: 4px 0;
    padding: 0 0 0 0em;
    font-size: 0.8em;
}

div.post-tags {
    width: 200px;
    padding: 10px 20px 20px 10px;
}

.post-tags h3 {
    margin: 0;
    font-size: 1em;
    font-weight: normal;
}

div.author-blurb {
    width: 200px;
    padding: 0 20px 20px 10px;
}

.author-blurb img {
    padding: 15px 20px 0 0;
}

.author-blurb p {
    font-size: 0.75em;
    color: #666;
    line-height: 1.2;
}

.author-blurb h3 {
    margin: 0;
    font-size: 1em;
    font-weight: normal;
}

.author-blurb h4 {
    margin: 0;
    font-size: 0.9em;
    color: #666;
    font-weight: normal;
}

/* green room */

.greenroom .links {
    list-style-type: none;
    padding-left: 0;
}

.greenroom .links li {
    padding: 3px 0;
}

#subscriptions th {
    text-align: left;
    padding: 2px 8px;
}

#subscriptions td {
    padding: 2px 8px;
}

#subscriptions td.check {
    text-align: center;
}

/* possible end of @group blog/news stuff? */

ul.extras {
    list-style-image: url(pdf.png);
    padding-left: 0;
}

li.pdf {
    list-style-image: url(pdf.png);
    margin: -10px 5px 5px 5px;
}

#google-results {
    font-size: 0.9em;
}

#google-results h3 {
    margin-bottom: 3px;
    font-style: normal;
    font-weight: normal;
}

#google-results p {
    margin: 0;
}

#google-results p.metadata {
    font-size: 0.9em;
    color: #999;
}

/* @group A little something for about pages */

div#about {
    width: 675px;
    font-size: 0.87em;
}

#about h2 {
    font-weight: normal;
}

#about .text-list ul {
    list-style-image: url(dot_over.png);
}

#about .text-list li {
    margin-bottom: 5px;
}

#about .list-list ul, .text-list li {
    list-style-image: url(aso_bullet.png);
}

ul.audiocliplist {
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

ul.audiocliplist li {
    list-style-type: none;
    background-image: url(audioicon.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 35px;
    width: 200px;
}

/* @end */

.f_m_warning {
    background-color: orange;
    color: white;
}

.f_m_error {
    background-color: red;
    color: white;
}

.f_m_success {
    background-color: green;
    color: white;
}

.f_m_info {
    background-color: blue;
    color: white;
}

.clip-clear-and-pad {
    clear: both;
    padding-bottom: 8px;
}

.media-player object {
    clear: both;
}

.label {
    vertical-align: top;
    text-align: right;
}

.creative-commons {
    font-size: 0.8em;
    color: #000;
}

.cc-logo {
    float: left;
}

.creative-commons img {
    padding: 0.3em 0.5em 0 0;
}

.digital-learning .tab-contents {
    margin-top: 25px;
}

.digital-learning .tab-contents .notes {
    padding: 2em 1.4em;
}

.digital-learning .how-to-download .trigger {
    cursor: pointer;
}

.digital-learning .how-to-download .trigger img {
    position: relative;
    top: 2px;
}

.digital-learning .how-to-download .trigger img.collapse {
    display: none;
}

.digital-learning .how-to-download.collapsed .trigger img.expand {
    display: none;
}

.digital-learning .how-to-download.collapsed .trigger img.collapse {
    display: inline-block;
}

.digital-learning .how-to-download #downloadinfo {
    display: none;
}

.digital-learning .how-to-download.collapsed #downloadinfo {
    display: block;
}

.digital-learning .entryHeading {
    margin-bottom: 1em;
}

.digital-learning .entryHeading h3 {
    font-weight: 700;
}

.digital-learning ol li li {
    list-style: lower-alpha;
}

span.footnote {
    font-size: 0.8em;
}

#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}