/* MODIFIED HTML TAGS */
body
{
        margin: 0;
            padding: 0;
                text-align: left;
                    background-color: #dedddd;
                        color: #19191a;
                            font-size: 16px;
                            line-height: 1.3;
                            font-family: futura-pt, sans-serif;
}

h1, h2, h3, h4
{
        color:  #663398;
            margin: 0;
                padding: 0;
}

.inlineh {
        display: inline;
}

.inlinenav {
        font-size: 1.2em;
}

h1 { line-height: 1.1em;}

h2 { font-size: 1.3em; }

h3 {
        font-size: 1.2em;
            clear: left;
}

h4 { font-size: 1.1em; }

p.freesearch {
        margin-top: 3px;
            margin-bottom: 3px;
}

.thumb {
        float: left;
}

a:link img.thumb, a:visited img.thumb {
        border: 2px solid transparent;
}

a:hover img.thumb, a:active img.thumb {
        border: 2px solid #663398;
}

a.nobold:link, a.nobold:visited, a.nobold:hover, a.nobold:active {
        font-weight: normal;
}

a.italicnobold:link, a.italicnobold:visited, a.italicnobold:hover, a.italicnobold:active {
        font-weight: normal;
            font-style: italic;
}


li { clear: left; }

img
{
        border: 0;
            vertical-align: bottom;
}

/* MODULE CONTAINER */
#container
{
    /* the outside shell - also carries the 1px black border */
    width: 770px;
    margin: auto;
    padding: 0;
    text-align: left;
    background-color: #ffffff;

}

/* INDEX CONTAINER */
#indexshell
{
        /* the outside shell - also carries the 1px black border */
            width: 770px;
                margin: 0;
                    padding: 0;
                        text-align: left;
                            background-image: url(../images/index_background.gif);
                                background-repeat: repeat-y;
}


/* HEADER INCLUDES BANNER, NAV AND HEADING */
#header
{
    padding: 0;
    background-color: #f0f0f0;
}

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

#topleft, #topleft2 {
    position: relative;
}

#topleft2 {
}
#topright {
    position: absolute;
        left: 411px;
}


/* THE HEADING */
#headertitle
{
        display: block;
            padding: 10px 10px 10px 10px;
            /*  margin: 0px 1px;
                padding: 10px;
                */}

#headertitle h1
{
        font-size: 1.3em;
            font-weight: bold;
}

#headertitle h3
{
        font-size: 1.1em;
            color: #666;
                font-weight: normal;
}

#searchagain
{
        float: right;
            padding: 0 10px 0 0;
                font-size: 1.1em;
}
#printerfriendly
{
        float: right;
            font-size: 1.0em;
                padding: 0 5px 0 0;
}


#warning { margin: 6px 0 10px 10px; }

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

a:hover, a:active
{
    /*  background-color: #663398;
        color: #Fff;
            font-weight: bold;
            */  border-bottom: none;
                text-decoration: underline;
}

/* TOP NAVIGATION */
#globalnav
{
    padding: 1px 0 1px 0;
    font-size: 1em;
    color: #fff;
    background-color: #999999;
}

#globalnav ul
{
        display: inline;
            list-style: none;
                margin: 0;
                    padding: 10px;
}

#globalnav li
{
    display: inline;
    margin: 0;
}

#globalnav a:link, #globalnav a:visited
{
        text-decoration: none;
            color: #fff;
                border: none;
}

#globalnav a:hover, #globalnav a:active
{
        text-decoration: none;
            background-color: #19191a;
                color: #fff;
}

/*CONTENT - margins*/

#content {
    margin: 11px 21px 11px 21px;
}

div.singlecol
{
    margin: 0 3em;
}

#clipinfo {
/*  background-color: #F0F2F9;*/
    padding: 5px;
        margin-right: 10px;
}

#modulecontent
{
        float: right;
            width: 458px;
                margin: 0;
                    padding: 0;
}

.entryBody ul
{
        list-style-type: square;
            margin: 3px 0 3px 15px;
                padding: 0;
}

.entryBody ol
{
            margin-left: 1em;
                    padding-left: 1em;
                            text-indent: 0em;
}

.entryHeading h3, #pageguide h3, #pageguide2 h3
{
        font-size: 1.3em;
            line-height: 1.4em;
                color: #fff;
}

.entryBody h4 { font-size: 1.1em; }

div.entryHeading
{
        color: #fff;
            background-color: #663398;
                border: 1px solid #999999;
                /*  font-weight: bold;*/
                    padding: 5px;
                        margin-top: 10px;
}

div.entryHeading h2 {
        color: #fff;
}

div.entryBody
{
        background-color: #ffffff;
            border-left: 1px solid #999999;
                border-right: 1px solid #999999;
                    border-bottom: 1px solid #999999;
                        padding: 5px 10px 5px 10px;
}

#modulecontent div.entryBody p
{
        margin: .8em 0;
            padding: 0;
}

#modulecontent h2
{
        color: #fff;
}


/* VIDEO - module page only */
#videoinfo 
{
        float: left;
            width: 265px;
                margin: 0 0 0 0px;
                    padding: 0;
}

#videosection
{
        line-height: 140%;
            color: #223;
                padding: 0 0 10px 0;
                    border-bottom: 1px solid #999;
                        
}

#videosection a{
    text-decoration:none;
}
.clipwarning {
    background:rgb(255, 0, 0);
    background-color:rgba(255, 0, 0, 0.5);
    font-size:12px;    
    line-height:1.1;
    padding:3px;
    position:absolute;
    width:314px;
    bottom:24px;
    color:#19191A;
    height:50px;
    left:0;
}

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

.clipwarning strong:hover {
    text-decoration:none;
}

#pageguide, #pageguide2 {
    float: right;
        margin: 2px 0 0 0;
}

#pageguide2 /* for 16x9 */
{
        width: 337px;
}

#pageguide /* for 4x3 */
{
        width: 385px;
}

#video
{
        margin: 10px;
}

#videosection p
{
        margin: 0;
            padding: 40px 14px 0 3px;
                font-size: 1.1em;
}

#videosection p strong
{
        font-weight: bolder;
            color: #333;
}

#videoinfo p, #videoinfo address
{
        margin: 0;
            padding: 6px 14px 4px 10px;
}

#videosection b { font-size: 1.2em; }

#videosection .alt
{
        margin: 0;
            padding: 10px 0px;
                background-color: #C9C9C9;
                    border-top: 1px solid white;
                        border-bottom: 1px solid white;
}

.footnote {
        font-weight: bold;
            font-size: 0.8em;
                line-height: 1em;
}


/* TAGS */

#tags { text-align: left; }
#tags a
{
        margin: 0 0 0 0;
}

/*THE MODULE FINDER */

#hierarchyfinder {
    width: 510px;
        float: left;
}

#otherfinders, #promobox  {
    width: 200px;
        float: right;
}

#finderfeeds  {
    width: 200px;
        float: right;
            clear: right;
}

#finderfeeds img {
    float: left;
        margin-right: 10px;
}

#hierarchyfinder h2, #otherfinders h2, #finderfeeds h2, #promobox h2 {
    color: #fff;
        background-color: #663398;
            border: 1px solid #999999;
                    padding: 5px;
                        margin-top: 0px;
}

.findercontent, .promocopy {
        border-left: 1px solid #999999;
            border-right: 1px solid #999999;
                border-bottom: 1px solid #999999;
                    padding: 5px 10px 5px 10px;
}

.promocopy
{
        margin-top:0;
            background:yellow;
}

#otherfinders #findercontent {
    background-color: #F9F2F0;
}

.pseudo-fieldset
{
        padding: 0.5em 1em;
            display: block;
                border-width: 0;
}

.off { }

.on
{
        font-weight: bold;
            color: #663398;
}

.thumb { margin: 0 .5em 0 0; }


.loading
{
        background-image: url(../images/loading.gif);
            background-repeat: no-repeat;
                background-position: left top;
}

.pseudo-fieldset h2 {
        padding-top: 5px;
}

#statelist li, #levellist li, #subjectlist li
{
        list-style-type : none;
            display: inline;
                margin: 0 0.5em 0 0.5em;
                    padding: 0;
}

#statelist ul.vert li, #levellist ul.vert li, #subjectlist ul.vert li  {
    list-style-type: square;
        display: block;
            margin: 0 0.5em 0 0.5em;
                padding: 0;
}

/*THE RESULTS LIST*/

div.moduleitems {
        margin-top: 0px;
            list-style-type : none;
                border-left: 1px solid #999999;
                    border-right: 1px solid #999999;
                        border-bottom: 1px solid #999999;
                            padding: 4px 10px 5px 10px;
                                background-color: #ffffff;
}


li.moduleitem {
        margin-bottom: 15px;
}

/* THE GRAPHICAL FOOTER */
#containerfoot, #indexfoot
{
    margin: 15px 0 0 0;
    padding: 0;
    background-color: #999999;
}

#containerfootcontent
{
    margin: 0 10px 0 0px;
    padding: 15px;
    font-size: 11px;
    line-height: 200%;
}

#containerfootcontent a:link, #containerfootcontent a:visited
{
        text-decoration: none;
            color: #FFF;
}

#containerfootcontent a:hover, #containerfootcontent a:active
{
        text-decoration: none;
            background-color: #000;
                color: #fFF;
}

#legal
{
        font-size: 11px;
            color: #fff;
}

#legal a {
    border: none;
}

/* MISCELLANEOUS */
.bottom { clear: both; }

.noFlash
{
        color: #19191a;
            font-size: 1.2em;
                line-height: 140%;
                    margin-bottom: 10px;
                        padding-left: 14px;
                            padding-right: 14px;
}


.hide, .printOnly { display: none; }
.show { }


ol li li{list-style: lower-alpha}


a.topjump {
        font-size: 12px;
            font-weight: normal;
                float: right;
                    margin-top: -17px;
                        color: #fff;
                            text-decoration: underline;
}

a#topjump:hover {
        background-color: #fff;
            border-bottom: none;
                color: #663398;
}

/*TAG-CLOUD*/

#cloud {
    font-size: 1.7em;
    /*  font-family: Georgia, Times, serif;*/
        padding: 0px 30px 0px 30px;
            line-height: 0.9em;
            /*  text-align: center;*/
}

#cloud a {
    text-decoration: none;
        border: none;
            font-weight: normal;
}

#cloud a:hover {
    border-bottom: 1px solid #999999;
        color: #663398;
            background-color: transparent;
}

#cloud .tagnumber {
    font-family:  Verdana, Arial, sans-serif;
        font-size: 50%;
            color: #19191a;
}

/*MINI-CLOUD*/

#minicloud {
/*  font-family: Georgia, Times, serif;*/
    padding: 5px 0px 0px 0px;
        font-size: 1.1em; /* was 1.3 */
        /*  text-align: center;*/
}

#minicloud a {
    text-decoration: none;
        border: none;
            font-weight: normal;
}

#minicloud a:hover {
    text-decoration: underline;
        color: #663398;
            background-color: transparent;
}

#minicloud .tagnumber {
    font-family:  Verdana, Arial, sans-serif;
        font-size: 60%;
            color: #19191a;
}

#minicloud .s2:hover, #minicloud .s3:hover, #minicloud .s4:hover, #minicloud .s5:hover, #minicloud .s6:hover, #minicloud .s7:hover, #minicloud .s8:hover, #minicloud .s9:hover, #minicloud .s10:hover, #minicloud .s11:hover, #minicloud .s12:hover {
    color: #663398;
}

/*TAG LIST*/

table#taglist td {
        border-bottom: 1px solid #999999;
            vertical-align: top;
                padding-bottom: 12px;
}

p.tagclipname, p.tagclipname+p, div.resultblock p {
        margin:0;
            padding:0;
}

div#promobox
{
        
}

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

.vol-controller {
    position: absolute;
    bottom: 0;
    right: 0;
}
#player {
  position:relative;
  overflow: hidden;
}

#usingTheClip {
    width:100%;
    display:block;
    float:right;
    margin-top:20px;
}