/* TOP PAGE */ #top {position:absolute; left:0px; top:0px; width:814px; height:64px; z-index:1;} #menubg {position:absolute; left:0px; top:64px; width:814px; height:28px; z-index:1; background-color: #F0F0F0; background-image: url(images/men_bg3.gif); background-repeat: repeat-x;} #tasktit {position:absolute; left:35px; top:107px; width:779px; z-index:0;} /* V P G icons */ #v {position:absolute; left:35px; top:150px; width:18px; height:18; z-index:0; visibility: hidden;} #p {position:absolute; left:59px; top:150px; width:18px; height:18; z-index:0; visibility: hidden;} #g {position:absolute; left:83px; top:150px; width:18px; height:18; z-index:0; visibility: visible;} /* SECTION LABELS */ #labv {position:absolute; left:105px; top:150px; width:130px; height:18; z-index:0; visibility: hidden;} #labp {position:absolute; left:105px; top:150px; width:130px; height:18; z-index:0; visibility: hidden;} #labg {position:absolute; left:105px; top:150px; width:130px; height:18; z-index:0; visibility: visible;} /* TIMESTAMP */ #ts {position:absolute; left:585px; top:109px; width:229px; z-index:0; text-align: right;} /* CONTENT LAYERS rit:229px,200px */ #main {position:absolute; left:35px; top:153px; width:779px; z-index:0;} #vid {position:absolute; left:0px; top:0px; width:564px; z-index:0; visibility: visible;} #voc {position:absolute; left:0px; top:0px; width:564px; z-index:0; visibility: hidden;} #phr {position:absolute; left:0px; top:0px; width:564px; z-index:0; visibility: hidden;} #gra {position:absolute; left:0px; top:0px; width:564px; z-index:0; visibility: hidden;} #rit {width:200px; float: right; z-index:0; } #rel {border:dotted #909090 1px; padding:10px; z-index:0; } /* FOOT */ #foo {position:relative; left:0px; top:10px; z-index:0; z-index:0; } /* VIDEO page DIV */ #qt {position:absolute; left:20px; top:17; width:320px; height:280px; z-index:0;} #player_wrapper {position:absolute !important; left:20px; top:35px; width:320px; height:280px; z-index:0 !important;} #android-link {display:none;} #troubleshooting_message { position:absolute !important; left:20px; top:135px; width:300px; height:auto; z-index:0 !important; color:#F00; border: 1px solid #F00;padding:10px;} #spn {position:absolute; left:360px; top:0px; width:450px; height:280px; z-index:0; visibility: visible;} #eng {position:absolute; left:360px; top:0px; width:450px; height:280px; z-index:0; visibility: hidden;} /* VIDEO page transcription bar (icons) */ #tbar {position:absolute; left:648px; top:5px; width:155px; z-index:10;} #s {position:absolute; left:725px; top:5px; width:22px; height:20; z-index:10; visibility: visible;} #e {position:absolute; left:753px; top:5px; width:22px; height:20; z-index:10; visibility: hidden;} #n {position:absolute; left:781px; top:5px; width:22px; height:20; z-index:10; visibility: hidden;} /* BODY */ BODY {background: #FFFFFF; margin: 0px; color: #595959; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; font-weight: normal; } /* PARAGRAPH */ p {padding: 0px; border: 0px; line-height: 14px;} p.p1 {margin-top: 5px; margin-bottom: 0px;} p.p2 {margin-top: 7px; margin-bottom: 14px;} p.p3 {margin-top: 10px; margin-bottom: 14px;} p.p4 {margin-top: 5px; margin-bottom: 5px;} p.tit {margin-top: 4px; margin-bottom: 10px; } p.tit_end {margin-top: 4px; margin-bottom: 20px;} p.tit_enb {margin-top: 4px; margin-bottom: 30px;} p.reg {margin-top: 10px; margin-bottom: 10px;} p.reg_beg {margin-top: 15px; margin-bottom: 10px;} p.reg_end {margin-top: 10px; margin-bottom: 20px;} p.reg_enb {margin-top: 10px; margin-bottom: 30px;} p.end {margin-top: 4px; margin-bottom: 5px;} p.p00_00 { margin-top: 0px; margin-bottom: 0px; } p.p00_02 { margin-top: 0px; margin-bottom: 2px; } p.p00_03 { margin-top: 0px; margin-bottom: 3px; } p.p00_05 { margin-top: 0px; margin-bottom: 5px; } p.p00_07 { margin-top: 0px; margin-bottom: 7px; } p.p00_10 { margin-top: 0px; margin-bottom: 10px; } p.p00_12 { margin-top: 0px; margin-bottom: 12px; } p.p00_14 { margin-top: 0px; margin-bottom: 14px; } p.p00_15 { margin-top: 0px; margin-bottom: 15px; } p.p00_18 { margin-top: 0px; margin-bottom: 18px; } p.p00_20 { margin-top: 0px; margin-bottom: 20px; } p.p00_22 { margin-top: 0px; margin-bottom: 22px; } p.p00_25 { margin-top: 0px; margin-bottom: 25px; } p.p00_30 { margin-top: 0px; margin-bottom: 30px; } p.p00_40 { margin-top: 0px; margin-bottom: 40px; } p.p03_12 { margin-top: 3px; margin-bottom: 12px; } p.p03_14 { margin-top: 3px; margin-bottom: 14px; } p.p03_15 { margin-top: 3px; margin-bottom: 15px; } p.p03_20 { margin-top: 3px; margin-bottom: 20px; } p.p03_25 { margin-top: 3px; margin-bottom: 25px; } p.p03_30 { margin-top: 3px; margin-bottom: 30px; } p.p04_15 { margin-top: 4px; margin-bottom: 15px; } p.p04_18 { margin-top: 4px; margin-bottom: 18px; } p.p04_25 { margin-top: 4px; margin-bottom: 25px; } p.p05_03 { margin-top: 5px; margin-bottom: 3px; } p.p05_05 { margin-top: 5px; margin-bottom: 5px; } p.p05_07 { margin-top: 5px; margin-bottom: 7px; } p.p05_10 { margin-top: 5px; margin-bottom: 10px; } p.p05_15 { margin-top: 5px; margin-bottom: 15px; } p.p07_20 { margin-top: 7px; margin-bottom: 20px; } p.p10_25 { margin-top: 10px; margin-bottom: 25px; } /* CLASS */ .hed_und {color: #C8C8C8; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 120%; border-bottom: 1px solid #D8D8D8; padding-bottom: 1px; } .tr_ro {background: #F0F0F0; } .tr_out {background: #FFFFFF; } /* SPAN */ SPAN.bld {color: #707070; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } SPAN.bli {color: #707070; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style:italic;} SPAN.blt {color: #707070; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } SPAN.shd {color: #2D96E2; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; font-weight: bold;} SPAN.sh2 {color: #909090; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; font-weight: normal; font-style:italic;} SPAN.sh3 {color: #A0A0A0; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; font-weight: normal; } SPAN.sh4 {color: #707070; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; font-weight: bold;} SPAN.subj {color: #595959; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; position: relative; left: 15px;} SPAN.tim {color: #2D96E2; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; font-weight: normal; } SPAN.vp {color: #595959; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; font-weight: normal; } SPAN.vi {color: #595959; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; font-weight: normal; font-style: italic;} SPAN.vsm {color: #595959; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; font-style: italic;} /* TD spn,eng:11px */ TD {color: #595959; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; font-weight: normal; } TD.sm {color: #595959; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; font-weight: normal; } TD.hed {color: #2D96E2; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } TD.it {color: #595959; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; font-weight: normal; font-style: italic;} TD.spn {color: #595959; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; font-weight: normal; } TD.eng {color: #595959; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; font-weight: normal; font-style: italic;} /* ANCHOR */ /* F26118, F28148, F2651D */ A:link {color: #2D96E2; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica ; text-decoration: none; font-weight: bold;} A:visited {color: #2D96E2; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica ; text-decoration: none; font-weight: bold;} A:hover {color: #F28148; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica; text-decoration: none; font-weight: bold;} A:active {color: #909090; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica ; text-decoration: none; font-weight: bold;} A.va:link {color: #2D96E2; font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica ; text-decoration: none; font-weight: bold;} A.va:visited {color: #2D96E2; font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica ; text-decoration: none; font-weight: bold;} A.va:hover {color: #F28148; font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica; text-decoration: none; font-weight: bold;} A.va:active {color: #909090; font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica ; text-decoration: none; font-weight: bold;} A.da:link {color: #2D96E2; font-size: 12px; line-height: 15px; font-family: Verdana, Arial, Helvetica ; text-decoration: none; font-weight: bold;} A.da:visited {color: #2D96E2; font-size: 12px; line-height: 15px; font-family: Verdana, Arial, Helvetica ; text-decoration: none; font-weight: bold;} A.da:hover {color: #F28148; font-size: 12px; line-height: 15px; font-family: Verdana, Arial, Helvetica; text-decoration: none; font-weight: bold;} A.da:active {color: #909090; font-size: 12px; line-height: 15px; font-family: Verdana, Arial, Helvetica ; text-decoration: none; font-weight: bold;} A.fo:link {color: #707070; font-size: 10px; line-height: 13px; font-family: Verdana, Arial, Helvetica ; text-decoration: none; font-weight: normal;} A.fo:visited {color: #707070; font-size: 10px; line-height: 13px; font-family: Verdana, Arial, Helvetica ; text-decoration: none; font-weight: normal;} A.fo:hover {color: #F28148; font-size: 10px; line-height: 13px; font-family: Verdana, Arial, Helvetica; text-decoration: none; font-weight: normal;} A.fo:active {color: #909090; font-size: 10px; line-height: 13px; font-family: Verdana, Arial, Helvetica ; text-decoration: underline; font-weight: normal;} /* variations: #7F0000 A63A3A E5ACAC*/ A.m4:link {color: #A63A3A; font-size: 10px; line-height: 13px; font-family: Verdana, Arial, Helvetica ; text-decoration: none; font-weight: normal;} A.m4:visited {color: #A63A3A; font-size: 10px; line-height: 13px; font-family: Verdana, Arial, Helvetica ; text-decoration: none; font-weight: normal;} A.m4:hover {color: #B0B0B0; font-size: 10px; line-height: 13px; font-family: Verdana, Arial, Helvetica; text-decoration: none; font-weight: normal;} A.m4:active {color: #909090; font-size: 10px; line-height: 13px; font-family: Verdana, Arial, Helvetica ; text-decoration: underline; font-weight: normal;} A.si:link {color: #2D96E2; font-size: 10px; line-height: 13px; font-family: Verdana, Arial, Helvetica ; text-decoration: none; font-weight: normal;} A.si:visited {color: #2D96E2; font-size: 10px; line-height: 13px; font-family: Verdana, Arial, Helvetica ; text-decoration: none; font-weight: normal;} A.si:hover {color: #F28148; font-size: 10px; line-height: 13px; font-family: Verdana, Arial, Helvetica; text-decoration: none; font-weight: normal;} A.si:active {color: #595959; font-size: 10px; line-height: 13px; font-family: Verdana, Arial, Helvetica ; text-decoration: underline; font-weight: normal;} A.si2:link {color: #2D96E2; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica ; text-decoration: none; font-weight: normal;} A.si2:visited {color: #2D96E2; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica ; text-decoration: none; font-weight: normal;} A.si2:hover {color: #F28148; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica; text-decoration: none; font-weight: normal;} A.si2:active {color: #595959; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica ; text-decoration: underline; font-weight: normal;} /* Donation link */ #coerll-donation{ /*position: absolute; top:160px; right:-230px;*/ } #coerll-donation a{ padding: 3px 10px; width: 130px; height: 18px; display:block; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 15px; font-variant: normal; font-style: normal; font-weight: normal; font-style:italic; text-decoration: none; /*color: #fff; background:#2B2B2B;*/ text-indent:18px; } #coerll-donation #donation{ width: 400px; background: transparent url("images/coerll_donation.png") 0 0 no-repeat; width:200px; height:50px; display:block; } /* end Donation link */