* {
    /*margin: 0;*/
}

html, body {
    height: 100%;
}

#footer_wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -2em;
}

#footer, .footer_push {
    height: 3em;
}

body {
    background: #eaeaea;
    color:#222;
    padding:0;
    margin:0;
}

table {
    color:black;
}

body, table {
    font-family:Helvetica,Arial,Verdana,sans-serif;
    font-size: 16px;
}

form {
    margin:0;
    padding:0;
}

label {
    font-weight:bold;
}

input,select {
    margin-left:0;
    padding:5px;
}

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

h1 {
    font-size:24px;    
}

h2 {
    margin:0 0 18px 0;
    border-bottom:1px solid #222;
}

a, a:visited {
    text-decoration:none;
    color:#619ac6;
    font-weight:bold;
}

a img {
    border:0;
}

.warning {
    background:#FFF6BF;
    border-color:#FFD324;
    padding:10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#contentFloat {
    float: left;
    width: 800px;
}

.w800 #contentFloat {
    width: 1100px;
}

.w640 #contentFloat {
    width: 940px;
}

.amiddle {
    width:960px;
    margin:auto;
    padding:0 18px;
}

.slim .amiddle {
    width:800px;
}

.w800 .amiddle {
    width:1260px;
}

.w640 .amiddle {
    width:1100px;
}

.toplogo.amiddle {
    padding:18px 0 36px 0;
    width:976px;
}

.slim .toplogo.amiddle {
    width:816px;
}

.w800 .toplogo.amiddle {
    width:1276px;
}

.w640 .toplogo.amiddle {
    width:1116px;
}

#header {
}

#headerText {
    color:#ececec;
    font-size:26px;
    font-weight:bold;
    line-height:54px;
}

#loginEmail {
    color:#222;
    font-weight:bold;
    text-decoration:underline;
}

#nav {
    height:54px;
    background:#222;
}

#nav a {
    margin-right:60px;
}

#navArrow {
    height:18px;
    margin-bottom:18px;
}

#footer {
    font-size: 10pt;
}

#footer a {
    color:#222;
    text-decoration:underline;
}

#logo {
    float: left;
    margin-right:.5em;
}

#logo img {
    border:0;
}

#content {
}

#welcome_left {
    float:left;
    width:400px;
}

#welcome_left h1 {
    font-size:16px;
    font-weight:normal;
    line-height:20px;
}

#welcome_right {
    margin-left:440px;
    padding-left:20px;
    border-left:1px solid #222;
    padding-right:40px;
}

.whosusingtitle {
    margin-top:54px;
    margin-bottom:10px;
    font-weight:bold;
    font-size:24px;
}

.whosusing {
    float:left;
    width:150px;
    margin-right:20px;
    font-weight:bold;
}

.whosusing img {
    width:150px;
    height:112px;
    margin-bottom:10px;
    border: 1px solid #222;
}

#features {
    background: white;
}

#features .line {
    line-height:54px;
    font-size:24px;
    padding:0 20px;
    height: 54px;
}

#features .line.other {
    background:#fafafa;
}

#features .line div img {
    margin-top:10px;
}

#searchscreencasts {
}

#searchscreencasts.list div.getscreencast {
}

#searchscreencasts.list div.getscreencast div.info .titleHolder {
}

#searchscreencasts.list div.getscreencast div.info .details {
}

#myscreencasts {
    margin-left:230px;
}

#myscreencasts .showListToggle {
    float:right;
    text-align:right;
}

#channelScreencasts .unit-rating-text, #thescreencasts .unit-rating-text {
    display:none;
}

.sortableHandle {
    display:none;
}

.sorting .sortableHandle {
    display:inline;
}

div.getscreencast {
    float:left;
    width:166px;
    height:124px;
    margin-right:20px;
    margin-bottom:20px;
}

#showingList, #showingBlocks {
    padding:5px;
    background:#ccc;
    vertical-align:middle;
}

.list #showingList {
    background:#619ac6;
}

.blocks #showingBlocks {
    background:#619ac6;
}

.blocks .rating {
    display:none;
}

.list div.getscreencast {
    margin-bottom:0;
    padding:10px;
    width:705px;
    background:#dfdfdf;
    border-bottom:1px solid #ccc;
}

.list div.odd {
    background:#EAEAEA;
}

#myscreencasts.list div.getscreencast {
    width:520px;
}

.list div.getscreencast {
    float:none;
}

div.getscreencast a {
    color:white; 
}

.list div.getscreencast a {
    color:#222222;
}

div.getscreencast div.info {
    position:absolute;
    margin-top:-124px;
    padding-left:5px;
    width:161px;
    height:124px;
    color:white;
}

div.getscreencast .dropshaddow div.info {
    padding-top:1px;
    padding-left:6px;
    width:160px;
    height:123px;
    color:#222;
    background: url(/images/overlay_dark.png);
}

.list div.getscreencast .dropshaddow {
    display:none;
}

.list div.getscreencast div.info {
    margin-left:175px;
    padding-left:0;
    width:auto;
    background: none;
}

div.getscreencast div.info .titleHolder {
    height:60px;
    margin:10px 5px 0 5px;
    font-weight:bold;
    overflow:hidden;
}

div.getscreencast .dropshaddow div.info .titleHolder {
    margin-right:4px;
}


.list div.getscreencast div.info .titleHolder {
    height:100px;
    float:left;
    width:450px;
    margin:0;
    overflow:hidden;
}

#myscreencasts.list div.getscreencast div.info .titleHolder {
    width:265px;
}

div.getscreencast div.info .title a, div.getscreencast div.info .title {
    font-size:14px;
}

.list div.getscreencast div.info .title a, .list div.getscreencast div.info .title {
    font-size:18px;
    color:#222;
}

div.getscreencast div.info .description {
    display:none;
}

.list div.getscreencast div.info .description {
    display:block;
    margin-top:5px;
}

.list div.getscreencast div.info .description a, .list div.getscreencast div.info .description {
    font-weight:normal;
    font-size:14px;
    color:#222;
}

div.getscreencast div.info .details {
    font-size:12px;
    font-weight:bold;
    margin-left:5px;
}

.list div.getscreencast div.info .details {
    margin-left:460px;
    font-weight:normal;
    color:#222;
}

.list div.getscreencast div.info .details .ratingblock {
    width:auto;
}

#myscreencasts.list div.getscreencast div.info .details {
    margin-left:274px;
}

div.getscreencast div.actions {
    text-align:right;
    position:absolute;
    margin-top:-45px;
    margin-left:37px;
    padding:10px;
    width:110px;
    height:18px;
    display:none;
}

.list div.getscreencast div.actions {
    margin-left:400px;
    margin-top:-38px;
}

.sorting div.getscreencast div.actions {
    margin-left:-5px;
    width:146px;
}

.list .sorting div.getscreencast div.actions {
    margin-left:548px;
}

div.getscreencast div.hover div.details {
    display:none;
}

.list div.getscreencast div.hover div.details {
    display:block;
}

div.getscreencast div.hover div.actions {
    display:block;
}

div.getscreencast div.hover div.actions img {
    width:auto;
    height:auto;
}

div.getscreencast.edge {
    margin-right:0;
}

div.getscreencast div img {
    width:166px;
    height:124px;
}

#myscreencastChannels {
    float:left;
    width:190px;
}

#myscreencastChannels div.channel {
    font-size:14px;
    /*margin-top:10px;
    padding:0;*/
}

#myscreencastChannels a {
    font-weight:normal;
    color:#222;
}

#myscreencastChannels div.channelLink {
}

#myscreencastChannels div.channelLink .channelIcons {
    float:right;
    width:47px;
    text-align:right;
}

.remove.channelIcons {
    display:none;
}

.hover .view.channelIcons {
}

.hover .remove.channelIcons {
    display:block;
}

#channels div.hover {
    background:#ccc;    
}

#myscreencastChannels.choose #channels {
    margin:0;
    border-top:1px solid #222;
    border-bottom:1px solid #222;
}

#myscreencastChannels.choose label {
}

#myscreencastChannels div.channelChoose {
    display:none;
}

#myscreencastChannels div.channelChoose label {
    font-weight:normal;
}

#myscreencastChannels div.channelChoose .box {
    float:right;
    width:47px;
    text-align:right;
}

#myscreencastChannels.choose div.channelLink {
    display:none;
}

#myscreencastChannels.choose div.channelChoose {
    display:block;
}

#saveChannelChanges, #headerChooseChannels {
    display:none;
}

#myscreencastChannels.choose #saveChannelChanges,
#myscreencastChannels.choose #headerChooseChannels
{
    display:block;
}

#myscreencastChannels.choose #addChannelLink,
#myscreencastChannels.choose #headerChannels
{
    display:none;
}

#myscreencastChannels div.selected {
}

.choosingChannels div div.info {
    background:#444;
}

.protools {
    width:760px;
    background:#ccc;
}

#prooptions {
    float:left;
    width:186px;
}

#protool {
    width:545px; 
    margin-left:186px;
    background:white url(/images/protools_arrow.png) no-repeat 0 29px;
    padding:20px;
    border:1px solid #ccc;
    border-left:0;
    min-height:600px;
}

#launch #protool {
    background:white url(/images/protools_arrow.png) no-repeat 0 107px;
}

#narrator #protool {
    background:white url(/images/protools_arrow.png) no-repeat 0 189px;
}

#procode #protool {
    /*background:white url(/images/protools_arrow.png) no-repeat 0 269px;*/
    background:white url(/images/protools_arrow.png) no-repeat 0 189px;
}

#prooptions .option {
    color:white;
    font-weight:bold;
    font-size:24px;
    padding-left:20px;
    padding-top:10px;
    padding-bottom:10px;
    border-bottom: 1px solid #555555;
    line-height:30px;
}

#prooptions .option a {
    color:#555;
}

#prooptions .option.selected {
    background:#619ac6;
}

.highlightBox {
   padding:10px;
   background:#ccc;
}

.highlightBox .title {
    font-size:14pt;
    font-weight: bold;
}

.error_np {
    color: red;
}

.error {
    padding-top: .5em;
    color: red;
}

.success {
    color: green;
}

.clear {
    clear: left;
    height:0;
    line-height:0;
    font-size:0;
}

.left {
    float:left;
}

.panel {
    float:left;
    margin-right:15px;
    color:black;
}

#home .panel {
    float:left;
    margin-right:.5em;
}

#watch.panel {
}

#search.panel {
    background: black;
}

.panelTitle {
    font-size:18px;
    padding:.5em;
    color: gray;
    background: black;
    text-align:right;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
}

.panelTitle h1 {
    font-size:18px;
    padding:0;
    margin:0;
    display:inline;
    font-weight:normal;
}

.panelTitle div {
    position:absolute;
    text-align:left;
    left:20px;
    font-size:20px;
}

.panelBody {
    float:left; /* So IE will surround anything inside that floats */
    background:white;
    padding: 10px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
}

#watch.panelBody {
    background: white;
}

.highlightStep {
    color: white;
}

#home .panelBody {
    line-height:140%;
    font-size:11pt;
    width:810px;
}

#capture, #captureInProgress, #share, .noResults, #mychannels #channellist, #uploading, #loading, #process, #explain, #forgotpassword, #choose {
    width:725px;
}

#capture, #captureInProgress, #share, .screencastlist, .noResults, #uploading, #process, #forgotpassword  {
    min-height:500px;
}

#capture .left {
    width: 7em;
}

#capture .right {
    margin-left: 7em;
}

#capture .right img {
    margin-right:5px;
    vertical-align: middle;
}

#capture #screen_size_row .right div {
   margin-top:5px;
   font-size: 10px;
}

#capture #screen_size_row {
    height: 150px;
}

#capture #screen_size_row div.left {
    margin-top: 40px;
}

#capture #startCaptureButton {
    margin-top: 1em;
    width: 5em;
}

#upload {
}

#upload .removeAudio {
    display:none;
}

#upload .removeWebCam {
    display:none;
}

#upload.hasAudio .removeAudio {
    display:block;
}

#upload.hasWebCam .removeWebCam {
    display:block;
}

#upload a {
    font-size: 10pt;
    font-weight:normal;
}

#uploadPreview {
    float:left;
    width:642;
    margin-right:10px;
}

.hideApplet {
    width:0px;
}

.showApplet {
}

#uploadPreview.hideApplet #uploadPreviewTitle {
    display: none;
}

#uploadPreview.showApplet #uploadPreviewApplet {
    margin-top: 2px;
    margin-bottom: 10px;
    border:1px solid black;
}

#loginInfo {
}

#loginInfo .left {
    width: 19em;
}

#loginInfo .right {
    margin-left: 400px;
    width: 22em;
}

#loginInfo label {
    font-weight:normal;
}

#screencastDescription {
    padding-top: 5px;
}

.screencastDuration {
    margin-left:.5em;
    font-size:10pt;
}

.screencastlist {
    width:640px;
    overflow: auto;
}
.screencastlist img.preview {
    border:1px solid black;
    width:300;
    float:left;
    margin-bottom: 2em;
}

.screencastlist div {
    margin-left:310;
    margin-bottom:.1em;
}

.screencastlist div.screencastTitle {
}

.screencastlist div.screencastTime {
    font-size:10pt;
}

.screencastlist div.screencastDescription {
    margin-top:1em;
    margin-bottom:2em;
}

.screencastEdit a {
    margin-right:.5em;
}

#uploadInfo {
    margin-left: 652px;
}

.uploadInfoSection {
    margin-bottom:24px;
}

#uploadInfoButtons {
    margin-top:1em;
}

#uploadFailedMsg {
    margin-top: 1em;
    color: red;
    width: 200px;
}

#uploadOptions ul,
#exportOptions ul {
    padding:5px;
    font-size: 12px;
}

#exportSuccessMsg {
    color:green;
    font-size: 12px;
}

.user {
    margin-top:.9em;
    font-size:10pt;
    color:white;
    position: absolute;
    width:640px;
    text-align: right;
}

.currentUser {
    font-size:10pt;
    font-weight:bold;
    color:white;
    margin-right:5px;
}

.currentUser a.loginlink {
   color:white;
   font-weight:normal;
}

.currentUser a.logoutlink {
    color:#aaa;
    font-weight:normal;
}

.dialog {
    background: white;
    width: 800px;
    margin:auto;
    border: 1px solid #222;
    z-index: 100;
}

.dialogTitle {
    background:#222;
    color: white;
    padding:.5em;
    font-weight:bold;
    font-size:24px;
}

.dialogBody {
    padding:.5em;
}

#feedback {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background: url(/images/overlay_dark.png);
    z-index:1000;
}

#feedbackDialog form {
    padding:.5em;
    color:black;
}

#feedbackError {
    color:red;
}

#captureInProgress img {
    vertical-align: middle;
}

#captureInProgress li {
    margin-bottom: 1em;
}

#framemarkList {
    font-size:10pt;
}

#framemarkList li {
    width:12em;
    margin:0;
    padding:5px;
    margin-top:.5em;
    border: 1px solid #ccc;
    background-color: #eee;
}

#framemarkList li div.removeNote {
    float:right;
    width:16px;
}

#screencastInfo {
    font-size: 14px;
}

#screencastInfo #javawarn {
    font-size:10pt;
}

#screencastInfo #date {
    font-size:10pt;
    margin-bottom:10px;
}

#screencastInfo #description.withNotes {
    float:left;
    width: 200px;
}

#screencastInfo #info.withNotes {
    float:left;
    width: 200px;
}

#screencastInfo h3 {
    font-size: 14px;
    margin:0;
    padding:0;
    margin-top: 10px;
}

#screencastInfo #notes {
    padding-left: 20px;
    padding-right: 10px;
    height: 168px;
    overflow: auto;
}

#screencastInfo #notesTitle {
    margin-left: 220px;
    padding-left: .2em;
}

#screencastInfo #notes ul {
}

#screencastInfo #notes ul li{
    margin:0;
    padding:0;
    padding:.2em;
    border: 1px solid white;
}

#screencastInfo #notes ul li.selected {
    border: 1px solid #ccc;
    background-color: #eee;
}

.notelink {
    float:left;
    width:30px;
}

#notelist .note, #captionlist .note {
    margin-left:40px;
}

#screencastInfo #notes ul li span.note {
    font-size:10pt;
}

#screencastInfo #otherScreencasts ul {
    width:100%;
    float:left;
}

#screencastInfo #otherScreencasts ul li {
    width:250px;
    float:left;
    font-size:10pt;
    margin-right: .5em;
    margin-top: .5em;
    margin-bottom: .5em;
}

#screencastInfo #otherScreencasts img.preview {
    border:1px solid black;
    width:100%;
}

#screencastInfo #otherScreencasts ul li a {
    text-decoration:none;
}

#screencastInfo #otherScreencasts ul li a span {
    text-decoration:underline;
}

.addNoteLink {
    margin-top:5px;
}

.cancelScreencast {
    font-size:10pt;
    margin-top:5px;
}

.cancelScreencast a, .cancelScreencast a:visited {
    padding-left:2px;
    padding-right:2px;
    border:1px solid red;
    color:red;
    text-decoration:none;
}

.cancelScreencast a:hover {
    color:white;
    background:red;
}

a.buttonLink {
    padding-left:2px;
    padding-right:2px;
    border:1px solid blue;
    color:blue;
    text-decoration:none;
    font-size:10pt;
    background:white;
}

a.buttonLink:hover {
    color:white;
    background:blue;
}

a.buttonLinkRed {
    padding-left:2px;
    padding-right:2px;
    border:1px solid red;
    color:red;
    background:white;
    text-decoration:none;
    font-size:10pt;
}

a.buttonLinkRed:hover {
    color:white;
    background:red;
}

#uploadVisibility label {
    font-size:10pt;
}

#export label {
    font-size:10pt;
}

#startExportButton {
    margin-top:5px;
}

#createChannelStatus {
   font-size:10pt;
   color:red;
}

.status {
   font-size:10pt;
   color:red;
}

.status span.success {
   color:green;
}

#channels {
   margin-top: .5em;
}

.channel {
   padding: 5px;
}

.channelCheckBox {
   margin-right: .5em;
}

.channelEditLinks {
   display: inline;
}

.channelEditLinks a {
   margin-right: .5em;
}

#channelCreate a {
   margin-left: 10px;
}

#mychannels .channelLink {
   width:300px;
}

#mychannels .channelCheckBox {
   display:none;
}

#mychannels #addScreencastToChannelsLink {
   display:none;
}

#shareChannelList #channellist {
   float: left;
   padding:.5em;
   width:600px;
}

#shareChannelList .channel {
   float: left;
   width: 280px;
}

#shareChannelList .channel a {
   font-size: 10pt;
}

#shareChannelList .channel a.buttonLinkRed {
   display:none;
}

#shareChannelList #channels {
   float: left;
   width: 600px;
   margin-bottom: .5em;
   margin-right: .5em;
}

#shareChannelList #addScreencastToChannelsLink {
   float: left;
   margin-right: .5em;
}

#filterChannel {
   margin-bottom: 10px;
}

#filterChannel a {
   margin-left: 10px;
}

#choosechannel {
   float: left;
   width: 150;
   padding: 5px;
   border: 1px solid #ccc;
   background-color: #eee;
   margin-right:5px;
}

#choosechannel div {
  background-color:white;
  border: 1px solid #ccc;
  font-size:10pt;
  padding: .5em;
  margin-bottom:5px;
}

#choosechannel div a.channelLink {
  display: block;
  margin-bottom:5px;
}

#choosechannel a.buttonLink {
  float:right;
}

#selectedChannel {
  background-color: blue;
  color: white;
  display: block;
  margin-left:-.5em;
  margin-right:-.5em;
  padding-left:.5em;
  padding-right:.5em;
}

#selectedChannel a {
  color:white;
  float:right;
  text-decoration: none;
  margin-top:-1px;
  font-weight: bold;
}

#mychannels #shareChannelList #channellist {
   float: none;
   margin-top:0;
   padding:0;
   border: 0;
   background-color: white;
}

#mychannels #shareChannelList #channels {
   float: none;
   width: 640px;
   margin-bottom: .5em;
   margin-right: .5em;
   background:white;
   border:0;
}

#mychannels #shareChannelList .channelLink {
   width:250px;
}

#mychannels #shareChannelList .channelCheckBox {
   display: inline;
}

#mychannels #shareChannelList .channel a.buttonLinkRed {
   display:inline;
}

#mychannels #shareChannelList #addScreencastToChannelsLink {
   display: block;
   margin-right: 300px;
   margin-top: 10px;
}

#mychannels #shareChannelList #addChannelStatus {
   display: block;
   margin-right: 300px;
   margin-top: 10px;
}

#faq {
}

#faq div.title {
    font-weight: bold;
    font-size:14pt;
}

#faq ol {
  margin-top:.5em;
  margin-left:2em;
  margin-bottom:1em;
}

#faq ul {
  margin-left:2em;
  list-style-type: disc;
  margin-bottom:.5em;
}

#faq ol li {
  padding:5px;
}

#faq ul li {
}

#faq .question {
  padding-bottom:.2em;
  font-weight: bold;
}

#faq .answer {
  padding-left:1em;
  padding-bottom:1.5em;
}

#faq .good {
  color: green;
  font-weight: bold;
  width:5em;
}

#faq .bad {
  color: red;
  font-weight: bold;
  width:5em;
}

#emailForm {
    margin-top:.5em;
    padding:.5em;
    border: 1px solid #ccc;
    background-color: #eee;
}

.emailFormTitle {
  float:left;
  width: 5em;
  vertical-align: top;
}

.emailFormLine {
  padding:.2em;
}

.emailFormHint {
  margin-left: 7em;
  font-size:10pt;
}

#emailFromAddress {
  display:inline;
}

#home h1, .aboutsom h1 {
    font-size:11pt;
    padding:0;
    margin:0;
    display:inline;
    font-weight:normal;
}

#home #demos {
    margin-bottom:10px;
}

#demos div.title {
    font-weight: bold;
    font-size:14pt;
    margin-bottom:.5em;
    margin-left:5px;
}

#demos .demoScreencastList {
}


#demos .demoScreencast {
    width:120px;
    height:140px;
    float:left;
    margin:4px;
    font-size:9pt;
    line-height:115%;
    overflow:hidden;
}

#demos .demoScreencast img {
    border:1px solid black;
    width:100%;
}

#news {
    float:right;
    width: 300px;
    padding-left:10px;
    margin-left:10px;
}

#news .title {
    font-size:14pt;
    font-weight: bold;
}

#news li {
    padding-top: 5px;
    padding-bottom: 5px;
}

/** New watch info **/

#screencastInfo #javawarn {
    margin-bottom:10px;
}

#screencastInfo ul {
}

#screencastInfo ul h3 {
    font-size: 24px;
    font-weight:bold;
    margin:0 0 10px;
    padding:0;
}

#screencastInfo .left {
    float:left;
    width:240px;
    margin-right:40px;
}

#screencastInfo ul li.box {
    border-bottom:3px solid #ccc;
    margin-bottom:18px;
    padding-bottom:18px;
}

#screencastInfo ul.right li.box {
    padding-bottom:5px;
    background:#ccc;
    padding:10px;
}

/*#screencastInfo ul li {
    padding:5px;
    margin-bottom:10px;
}*/

#screencastInfo .left img {
    width:100%;
    border:0;
}

#screencastInfo .right {
    margin-left: 280px;
}

#notelist, #captionlist {
    padding:0px;
    margin:0px;
    font-size:10pt;
}

ul#notelist li, ul#captionlist li {
    padding:0 0 15px;
    margin:0;
}

#notelist a, #captionlist a {
    font-weight: bold;
    margin-right: 10px;
}

#screencastInfo ul#notelist li,
#screencastInfo ul#notelist {
}

#screencastInfo ul#notelist li.selected {
}

#noteInputs {
    padding:5px 0;
}

#notetypes {
    float:right;
    font-weight: bold;
    font-size:10pt;
    line-height:24px;
}

#notetypes a.selected {
    text-decoration: none;
    color:black;
}

#notelist .deleteNoteLink {
    float:right;
    width:16px;
}

.deleteCommentLink {
    float:right;
    width:16px;
}

#notelist .deleteNoteLink a {
    padding:0;
    margin:0;
}

.moreLessNoteLink {
    float:right;
}

#commentList {
    margin-top:10px;
    margin-bottom:5px;
    font-size:10pt;
}

ul#commentList li#nocomment {
    border:0;
    margin:0;
    padding:0;
}

ul#commentList li {
    border-top: 1px solid #ddd;
    margin-top: 5px;
    padding:10px 0;
}

ul#commentList ul {
    padding:5px;
    margin:0px;
}

#commentList a {
    font-weight: bold;
    margin-right: 10px;
}

#commentNote {
    float:right;
    font-size:10pt;
    line-height:24px;
}

#commentNote img {
    vertical-align:middle;
}

ul#commentList li img {
    padding-right:5px;
}

#screencastInfo ul#commentList li,
#screencastInfo ul#commentList {
}

#screencastInfo ul#commentList li.selected {
}

#statsList li {
    margin-bottom:5px;
}

#statsList li div.statsHeader {
    float:left;
    width:8em;
}

.ratingblock {
    float:left;
    width:120px;
    font-size:10px;
}

.unit-rating {
    float:left;
}

.unit-rating-text {
    float:left;
    width:120px;
}

#commentInputs {
    padding-right:5px;
    padding-top:5px;
    padding-bottom:5px;
}

.commentName {
    font-weight:bold;
}

#forgotPasswordStatus {
    color:green;
    font-size: 12px;
}

#forgotPasswordStatus.error {
    color:red;
}

#resetPasswordStatus {
    color:green;
    font-size: 12px;
}

#resetPasswordStatus.error {
    color:red;
}

#screencastInfo div.help, #requests div.help {
    float:right;
    width:16px;
}

#screencastInfo div.help img, #requests div.help img {
    border:0;
}

#screencastInfo .right div.help {
    margin-left: 5px;
}

#requests {
    width:800px;
    height:640px;
}

/** Safari doesn't assume div is 100% for floats */
#requests .panelBody {
    width:780px;
}

#requests h3 {
    font-size: 12px;
    margin:0;
    padding:0;
    margin-bottom:5px;
}

#requests h4 {
    font-size: 12px;
    margin:0;
    padding:0;
}

#requests ul {
    font-size:12px;
}

#requestList li {
    padding: 5px;
    padding-bottom:15px;
    line-height:150%;
}

#requestList img {
    width:100px;
    float:right;
    padding-right:5px;
}

#requestCategories {
    float:right;
    padding:5px;
    border:1px solid #aaa;
    background: #eee;
    width:200px;
}

#requestCategories form {
    padding:5px;
    margin-bottom:5px;
}

#requestCategories div {
    padding-left:5px;
    font-size:12px;
    line-height:150%;
}

#createRequest {
    font-size:12px;
    margin-bottom:20px;
}

#createRequest a {
    font-size:14px;
    font-weight:bold;
}

#createRequest form {
    padding:5px;
}

#responses #request {
    font-size:12px;
    margin-bottom:10px;
}

#share #request {
    font-size:12px;
    padding:5px;
    margin-top:10px;
}

#share #requestConfirmLinks {
    margin-top:20px;
}

#exampleSubjects {
    margin-left:5px;
    margin-bottom:10px;
}

#exampleSubjects a {
    font-size:10px;
    font-weight:normal;
    margin-right:10px;
}

.requestDetails {
    margin-left:5px;
    font-size:10px;
}

#newRequestSubmit {
    margin-top:5px;
}

#requests a img {
    border:0;
}

#requestsContainer {
    height:570px;
    margin-right:10px;
    overflow:auto;
}

.screencastTable {
    width:822px;
    font-size:12px;
}

/**.screencastTable tbody {
    height:540px;
    overflow: auto;
}**/

.screencastTable td,
.screencastTable th {
    padding:5px;
    text-align:left;
    vertical-align: top;
}

.screencastTable th a {
    color: black;
    text-decoration:underline;
}

.screencastTable td {
    height:75px;
}

#channelTable.screencastTable td {
    height:auto;
    vertical-align:middle;
}

#channelTable.screencastTable img {
    width:auto;
}

.screencastTable img {
    width:100px;
}

.screencastTable a.buttonLink,
.screencastTable a.buttonLinkRed {
    line-height: 150%;
}

.tableRollover {
   background: #dff4ff;
}

.sortable {
    cursor:pointer;
    background-image:url("images/sortable.gif");
    background-position:center right;
    background-repeat:no-repeat;
    padding-right:14px;
}
.sorted-asc {
    background-image:url("images/sorted_up.gif");
    background-position:center right;
    background-repeat:no-repeat;
}
.sorted-desc {
    background-image:url("images/sorted_down.gif");
    background-position:center right;
    background-repeat:no-repeat;
}

.sorton {
    display:none;
}

#chooseWhich .chooseOption {
    border-bottom:1px solid #ccc;
}

#chooseWhich .chooseOption img {
    float:left;
}

.chooseOption {
    padding:20px 10px;
}

.chooseOption img {
    margin-right:10px;
    vertical-align:middle;
}

#AddedMods li {
    width:130px;
    float:left;
    text-align:center;
    background:#cccccc;
    padding-top:4px;
    padding-bottom:4px;
    border-right: 1px solid black;
}

#AddedMods li.first {
    -moz-border-radius-bottomleft:5px;
    -webkit-border-bottom-left-radius:5px;
}

#AddedMods li.last {
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-right-radius:5px;
    border:0;
}

#AddedMods li.current {
    background:black;
    padding-bottom:8px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    border:0;
}

#AddedMods li a {
    text-decoration: none;
    color:black;
    font-weight:bold;
}

#AddedMods li.current a {
    color:white;
}

#ModsAvailable {
    margin:10px 0;
}

#ModsAvailable ul {
    padding-top:10px;
}

#ModsAvailable ul li {
   width:70px;
   float:left;
   margin-right:15px;
   text-align: center;
}

#ModsAvailable ul li a {
   color:black;
   text-decoration:none;
}

#ModsAvailable ul li a:hover {
    font-weight:bold;
}

.chooseLink:visited, .chooseLink, .editTitle {
    text-decoration:none;
    color:#333;
    font-weight:bold;
}

.prevSIDLink {
    text-decoration:none;
    color:black; 
}

#prevSIDListTitle {
    margin-left: 10px;
    font-weight: normal;
    border-bottom: 1px solid #eee;
    padding-left: 0;
    margin-right: 10px;
    color: #333;
    padding-bottom: 10px;
    font-size: 22px;
}

a.chooseLink:hover span {
    color:black;
}

.watchDo img {
    vertical-align:middle;
    margin-right:10px;
}

.watchDo li {
    padding:5px;
}

#editHistory, #narrationHistory {
    padding:15px 0; 
}

#editHistory {
    padding-top:30px;
}

.boldTitle {
    font-weight: bold;
    color: #333;
}

#editHistoryTitle, #narrationHistoryTitle, #editToolsTitle {
    margin-left: 10px;
    font-weight: normal;
    border-bottom: 1px solid #222;
    color: #333;
    padding-bottom: 3px;
    font-size: 22px;
    margin-bottom:5px;
}

#editHelpTitle {
    font-weight: normal;
    border-bottom: 1px solid #222;
    color: #333;
    padding-bottom: 3px;
    font-size: 22px;
}

#editHistory ul, #narrationHistory ul {
    padding-top:5px;
    font-size:12px;
}

#editHistory li, #narrationHistory li {
    padding:5px 5px 5px 15px;
}

#editHistory li img, #editHistoryLoading img,
#narrationHistory li img, #narrationHistoryLoading img {
    vertical-align:middle;
    margin-right:5px;
}

#editHistoryLoading, #narrationHistoryLoading {
    font-size:12px;
    padding-top: 10px;
    padding-left: 20px;
}

#narrationHistoryList .silence a {
    color:#666;
}

.aboutsom {
    font-size:11pt;
    padding:10px;
    border:1px solid #222;
}

.previewTitle {
    margin-right:8px;    
}

#editInfo .chooseOption {
    padding:5px 10px;
}

#editInfo .chooseOption img {
    width:24px; 
}

#editInfo .chooseOption.hover {
    background:url("images/choose_option_edit_hover.png") bottom;
    background-repeat:repeat-x;
}

#chooseWhich .chooseOption.hover {
    background:url("images/choose_option_edit_hover.png") bottom;
    background-repeat:repeat-x;
}

#loading {
    font-size:22px;
    padding:10px;
}

#loading img {
    margin-right:10px;
    vertical-align:middle;
}

#overlayStock img {
    max-width:48px;
    max-height:48px;
    vertical-align:middle;
    margin-top:10px;
}

.editOption img,
#transition_start a img {
    vertical-align:middle;
    margin:10px;
}

.editOption,
#transition_start div div a {
    text-decoration:none;
    color:black;
}

.gtalkContact {
    padding:2px;
}

a.gtalkName {
    text-decoration:none;
    color:black;
    font-weight:bold;
}

a.gtalkName:hover {
}

#notifyTypes {
    padding:10px 0px;
}

#notifyTypes a {
    text-decoration:none;
    color:black;
    padding:10px;
}

#notifyTypes a:hover {
    background:#eee;
}

#notifyTypes a.selected {
    padding-bottom:20px;
}

#startShare, #notifyTypes a.selected, .notifyOption, .nowSharingMsg {
    background:#619ac6;
}

#startShare, .notifyOption {
    padding:15px;
}

.notifyOption input {
    margin-bottom:10px;
}

#gtalkContactsTitle {
    font-size:18px;
    font-weight:bold;
}

#gtalkContactsActions {
    font-size:10px;
    margin:5px;
}

#gtalkContactsActions a {
    color:white; 
}

#gtalkContactsList {
    padding:5px;
}

.nowSharingMsg {
    padding:10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#startTypes {
    text-align:center;
    margin:20px 0 20px 5px;
}

.startType {
    float:left;
    width:75px;
    margin-left:87px;
    margin-bottom:20px;
}

.startType a {
    color:black;
    font-weight:bold;
    text-decoration:none;
}

#startShare {
    margin-bottom:20px;
}

#currentList .saved {
   padding:10px;
   border-bottom:1px solid #ddd;
}

#currentList .odd {
    background:#f3f3f3;
}

.short {
    max-height:250px;
    overflow:auto;
}

#editHistory .showFiltered {
   display:none;
}

#editHistory.filtered li .showFiltered {
    display:inline;
}

#editHistory.filtered li .showNonFiltered {
    display:none;
}

#editHistory.filtered li {
   display:none;
}

#editHistory.filtered.overlayimg .overlayimg {
    display:block;
}

#editHistory.filtered.transition .transition {
    display:block;
}

.modThumb {
    border:1px solid #000; 
}