body {background: #FFF; font: 1em Verdana}
* {margin: 0; padding: 0}
h1 {font-size: 0.6667em; color: #2F51A3; margin: 2px}
h2 {font-size: 0.6667em; font-weight: normal}
p {font-size: 0.6667em; color: #333}
a {text-decoration: none; color: #283C90}
a img {border: none}

#contentLeft, #contentRight {float: left}
#contentLeft {margin-right: 30px; width: 448px}
#vplayer {width: 448px; height: 365px; background: #F5F5F5}

#clipList {width: 228px; height: 273px; background: url(../images/list_bg2.png) no-repeat 0 17px; position: relative}
#clipList h1 {margin: 0 2px; font-weight: normal; line-height: 1.7em}
#clipList h1 span {background: #2F51A3; color: #FFF; padding: 2px 8px 3px}
#clipList .clipPage {display: none; padding: 7px 8px 0}

#clipList .teaser {border-bottom: 1px solid #C1C1C1; padding: 7px 0; height: 56px}
#clipList .teaser.sel {background: #F5F5F5}
#clipList .teaser a.img {background: #C1C1C1; float: left; margin: 3px 5px 0 0; height: 50px}
#clipList .teaser a:hover {text-decoration: underline}
#clipList .teaser img {height: 50px; width: 89px}
#clipList .teaser img.ar4-3  {width: 67px; margin: 0 11px}
#clipList .teaser h2 {width: 118px; height: 56px; overflow: hidden; float: left}

#clipList p.noclips {margin: 10px}

#clipList #paging {position: absolute; bottom: 11px; right: 8px; display: none}
#clipList #paging a {float: left; color: #333}
#clipList #paging #pages a, #clipList #paging #pages .more {width: 24px; text-align: center}
#clipList #paging #pages span {float: left}
#clipList #paging #prev, #clipList #paging #next , #clipList #paging .sel {font-weight: bold; color: #283C90}
#clipList #paging #prev, #clipList #paging #next {font-size: 9px}
#clipList #paging #prev {margin-right: 5px}
#clipList #paging #next {margin-left: 5px}
#clipList #pages {width: 300px}

#myMachine {width: 468px}
#myMachine h1 {margin-bottom: 15px; padding-bottom: 6px; border-bottom: 1px solid #CCC}
#myMachine p {margin: 5px 2px}
#myMachine label {float: left; width: 140px; font-size: 11px; line-height: 22px}
#myMachine input {font: 11px Verdana}
#myMachine input.text {border: 1px solid; border-color: #808080 #D4D0C8 #D4D0C8 #808080; width: 320px; height: 15px; padding: 2px 0 0 2px}
#myMachine input.btn {border: none; background: #2F51A3 url(../images/icon_btn.gif) no-repeat 6px 7px; width: 127px; color: #FFF; padding: 0 8px 2px 17px; text-align: left; cursor: pointer; margin-top: 15px; float: right}

/* no flash + no JS warnings */
.error {background: #FFF; border: 4px solid #2F51A3; width: 440px; margin: 4px 0}
.error h2  {color: #2F51A3; font-weight: bold}
.error h2, .error p {margin: 5px 10px}
