Div.scrolling-widget {
    z-index: 10;
}
div.scrolling-widget div.header {
    position: relative;
    z-index: 15;
    width: 450px;
    height: 30px;
    min-height: 30px;
    background-color: #f2f5fc;
    margin-bottom: 6px;
}
div.scrolling-widget div.header div.text {
    float: left;
    margin-top: 8px;
    color: #696969;
    font-family: arial;
    font-weight: normal;
    font-size: 13px;
}
div.scrolling-widget div.header img {
    float: left;
    margin: 5px 8px 5px 4px;
}

/*  Styles for header bar buttons */

div.scrolling-widget div.header div.mbutton {
    margin: 5px 0px 0px 10px;
    float: left;
}
div.scrolling-widget div.header div.mbutton div.left {
    background-image: url( '../../../../../wp-content/themes/OneClimateV3/images/ScrollingWidget/button_20_left.png' );
    height: 20px;
    min-height: 20px;
    padding: 0px;
    width: 6px;
}
div.scrolling-widget div.header div.mbutton div.centre {
    background-image: url( '../../../../../wp-content/themes/OneClimateV3/images/ScrollingWidget/button_20_centre.png' );
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    font-size: 10px;
    padding: 3px 0px 0px 0px;
    margin: 0px;
    color: #000000;
}
div.scrolling-widget div.header div.mbutton div.right {
    background-image: url( '../../../../../wp-content/themes/OneClimateV3/images/ScrollingWidget/button_20_right.png' );
    height: 20px;
    min-height: 20px;
    width: 7px;
}
div.scrolling-widget div.header div.archive-button {
    float: right;
    margin-right: 10px;
}
div.scrolling-widget div.header img.text {
    float: left;
    margin: 7px 0px 0px 8px;
}

/*  Styles for data entry area  */

div.scrolling-widget div.entry {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 20;
}
div.scrolling-widget div.bar, div.scrolling-widget div.archive-bar {
    position: relative;
    width: 450px;
    height: 30px;
    display: none;
    background-color: #e5e5e5;
}
div.scrolling-widget div.bar div.error, 
div.scrolling-widget div.archive-bar div.error {
    float: left;
    position: relative;
    margin: 8px 0px 0px 8px;
    font-size: 11px;
    letter-spacing: -1px;
    font-family: Verdana, Arial;
}
div.scrolling-widget div.bar div.updating, 
div.scrolling-widget div.archive-bar div.updating {
    position: absolute;
    top: 8px;
    left: 130px;
    display: none;
    color: #000000;
    height: 14px;
    max-height: 14px;
    font-size: 11px;
    width: 250px;
    background-color: #e5e5e5;
}
div.scrolling-widget div.archive-bar div.updating {
    left: 130px;
    width: 300px;
}
div.scrolling-widget div.bar div.updating img,
div.scrolling-widget div.archive-bar div.updating img {
    position: relative;
    top: 0px;
    left: 0px;
    float:left;
    height: 14px;
    margin: 0px 4px 0px 0px;
    vertical-align: -3px;
}
    
div.scrolling-widget div.bar img {
    position: absolute;
    top: 1px;
    right: 10px;
    cursor: pointer;
}
div.scrolling-widget div.bar img.reopen {
    display: none;
}                                               
div.scrolling-widget div.textarea {
    width: 446px;
    height: 360px;
    display: none;
    background-color: #e5e5e5;
    padding-left: 4px;
}
div.scrolling-widget div.textarea input,
div.scrolling-widget div.archive input {
    margin: 10px 10px 5px 5px;
    font-family: Arial, Verdana;
    font-size: 12px;
    padding: 2px 5px;
    width: 145px;
}
div.scrolling-widget div.textarea input.location {
    width: 205px;
}

div.scrolling-widget textarea {
    width: 446px;
    font-family: Arial, Verdana;
    font-size: 12px;
    cursor: text;
    height: 150px;
}

div.scrolling-widget div.media {
    position: relative;
    width: 410px;
    margin: 0px 53px 10px 5px;
    padding-top: 5px;
    height: 40px;
    min-height: 40px;
    font-size: 9px;
    letter-spacing: -1px;
}
div.scrolling-widget div.media img {
    margin: 0px;
    float: left;
    cursor: pointer;
}
div.scrolling-widget div.media input {
    float: left;
}
div.scrolling-widget div.media div.status {
    position: absolute;
    bottom: -6px;
    left: 43px;
    width: 400px;
    font-size: 11px;
    letter-spacing: -1px;
    background-color: #e5e5e5;
}
div.scrolling-widget div.media p {
    padding: 0px 0px 0px 7px;
    font-size: 13px;
    margin: 0px 0px 20px 0px;
    float: left;
}
div.scrolling-widget div.media p a {
    text-decoration: underline;
    cursor: pointer;
}
div.scrolling-widget div.media img.delete {
    height: 12px;
    margin: 2px 0px 0px 2px;
    float: left;
    cursor: pointer;
}
    
    
div.scrolling-widget div.media img.image {
    margin: 5px 14px 0px 0px;
    position: relative;
}
div.scrolling-widget div.media img.video {
    margin: 1px 12px 0px 0px;
}
div.scrolling-widget div.media img.audio {
    margin: 3px 17px 0px 0px;
    height: 37px;
}
div.scrolling-widget div.media img.tweet {
    margin: 2px 12px 0px 0px;
    height: 35px;
}
div.scrolling-widget div.media div.video, 
div.scrolling-widget div.media div.image,
div.scrolling-widget div.media div.tweet, 
div.scrolling-widget div.media div.audio {
    position: absolute;
    display: none;
    width: 392px;
    height: 45px;
    top: 5px;
    left: 0px;
    background-color: #e5e5e5;
}
div.scrolling-widget div.textarea input.video,
div.scrolling-widget div.textarea input.tweet,
div.scrolling-widget div.textarea input.audio {
    width: 265px;
    min-width: 265px;
    margin-right: 0px;
    padding: 2px 5px;
}
div.scrolling-widget div.textarea input.audio {
    margin-left: 12px;
}
div.scrolling-widget div.media div.video div.mbutton,
div.scrolling-widget div.media div.tweet div.mbutton,
div.scrolling-widget div.media div.audio div.mbutton {
    float:left;
    margin: 10px 0px 0px 6px;
}
div.scrolling-widget div.image img {
    margin-top: 3px;
}
div.scrolling-widget div.media div.tweet img {
   height: 37px;
}

/*  Styles for image upload area    */

div.scrolling-widget div.image div.attached {
    position: absolute;
    padding-top: 3px;
    font-size: 12px;
    top: 0px;
    left: 42px;
    width: 400px;
    z-index: 3;
    background-color: #e5e5e5;
}
div.scrolling-widget div.image div.prompt {
    position: absolute;
    top: 0px;
    text-align: right;
    font-size: 12px;
    padding: 8px 5px 0px 5px;
    left: 42px;
    height: 20px;
    width: 130px;
    z-index: 3;
    background-color: #e5e5e5;
}
div.scrolling-widget div.image div.selected {
    display: none;
}
div.scrolling-widget div.image div.msg {
    margin: 6px 0px 0px 5px;
    width: 184px;
    float: left;
    height: 32px;
}
div.scrolling-widget div.image div.msg a {
    text-decoration: underline;
    cursor: pointer;
}
div.scrolling-widget div.image input.copyright {
    margin: 5px 0px 0px 5px;
    float: left;
}

div.scrolling-widget div.upload {
    height: 36px;
    min-height: 36px;
    width: 210px;
    float: left;
    margin-left: 3px;
    margin-top: 3px;
    overflow: hidden;
}
div.scrolling-widget form.myfile {
    margin-top: 3px;
    width: 210px;
    background-color: #e5e5e5;
}
div.scrolling-widget div.media form.myfile input {
    float: none;
    font-size: 8px;
    width: 210px;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    font-size:15px;
    font-family: 'Lucida Grand', 'Lucida Sans Unicode';
    padding: 3px 0px 0px 3px;
	/* -moz-opacity:0.3 ;
	filter:alpha(opacity: 30);
	opacity: 0.3; */
}
div.scrolling-widget form.myfile div.visible {
    width: 210px;
}
div.scrolling-widget form.myfile div.visible img {
    float: right;
    position: relative;
    height: 22px;
    margin: 0px;
    cursor: pointer;
}
/* div.scrolling-widget form.myfile iframe {
    display: block;
} */
div.scrolling-widget form.myfile div.selected {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 0px;
    margin: 4px 0px 0px 0px;
    width: 140px;
    width: 140px !important;
    background-image: none;
    background-color: #e5e5e5;
    color: black;
}
div.scrolling-widget form.myfile div.error {
    position: absolute;
    top: 20px;
    left: 0px;
    padding: 0px;
}
form.myfile div.uploading {
    height: 14px;
    min-height: 14px;
    top: 19px;
    left: 0px;
    padding: 0px;
    color: black;
    background-color: #e5e5e5;
}
    
/*  Styles for archive specification pane */

div.scrolling-widget div.archive {
    width: 446px;
    height: 40px;
    display: none;
    background-color: #e5e5e5;
    padding-left: 4px;
    font-size: 13px;
    color: #000000;
}


/*  Styles for scrolling content area */

div.scrolling-widget div.pane { 
    z-index: 5;
    float:left;
    overflow: auto; 
    width: 435px; 
    position:relative;
    margin-bottom:25px;
    overflow: hidden;
}
    
div.scrolling-widget div.content {
    position:absolute;
    top:0;
    left:0
}
div.scrolling-widget div.item {
    clear: both;
    margin-bottom: 20px;
    margin-right: 5px;
    font-size: 13px;
    line-height: 17px;
    color: #393939;
    /* display: none; */
}
div.scrolling-widget div.private {
    margin-bottom: 0px;
}
div.scrolling-widget div.item div.time {
    font-family: 'arial black', arial;
    color: #555555;
    font-size: 13px;
    width: 100%;
    margin-bottom: 6px;
}
div.scrolling-widget div.item div.time span {
    color: #393939;
    font-family: 'Lucida Grand', 'Lucida Sans Unicode';
    font-weight: normal;
}
div.scrolling-widget div.mixed div.time {
    color: #555555;
}
div.scrolling-widget div.tweet div.time {
    font-size: 11px;
    margin-bottom: 10px;
}
div.scrolling-widget div.time a {
    cursor: pointer;
}
    
div.scrolling-widget div.item div.text {
    font-size: 13px;
    color: #393939;
}
div.scrolling-widget div.tweet,
div.scrolling-widget div.tweet div.text {
    font-size: 11px;
    letter-spacing: -1px;
}
div.scrolling-widget div.tweet div.text {
    float: right;
    width: 158px;
}
div.scrolling-widget div.item img.tweet {
    float: left;
    margin: 4px 18px 30px 5px;
    width: 26px;
}
div.scrolling-widget div.tweet img.tweet {
    margin: 4px 5px 10px 0px;
}
div.scrolling-widget div.item div.tweet-spacer {
    width: 100%;
    height: 8px;
}
div.scrolling-widget div.item div.attribution {
    margin-top: 4px;
    font-style: italic;
    font-size: 11px;
}
    
div.scrolling-widget div.slider-wrap {
    float:left;
    width: 7px;
    border:1px solid gray;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: none; 
    margin-left: 2px;
}
div.scrolling-widget div.vslider {
    position: relative;
    height:100%;
}

div.scrolling-widget button {
    margin: 0px;
    padding: 0px;
    top: 320px;
    left: 20px;
    width: 60px;
    position: absolute;    
    
}
    
div.scrolling-widget .ui-slider-handle { 
    left: -3px;
    width: 11px;
    height:10px; margin:0 auto;
    background-color: #e5e5e5; 
    border: gray 1px solid;
    display: block; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position:absolute;
    background-image: none;
}
div.scrolling-widget .ui-slider-vertical {
    background-color: #ffffff;
}

/*  Styles for video embeds */

div.scrolling-widget div.embed-video {
    position: relative;
    margin: 10px 15px;
}
div.scrolling-widget div.embed-video h3 {
    display: none;
}
div.scrolling-widget div.embed-video p {
    display: none;
    position: absolute;
    bottom: 28px;
    left: 0px;
    background-color: black;
    color: #ffffff;
    padding: 2px 5px;
    font-size: 11px;
    margin: 0px;
}

/*  Styles for audio embeds */

div.scrolling-widget div.embed-audio {
    position: relative;
    margin: 10px 15px;
}

/* Styles for image embeds */

div.scrolling-widget div.embed {
    position: relative;
    width: 90%;
    margin: 10px auto 10px auto;
    background-color: #999999;
    line-height: 0px;
}
div.scrolling-widget div.embed img {
    width: 100%;
}
div.scrolling-widget div.embed h4 {
    display: none;
}
div.scrolling-widget div.embed p {
    position: absolute;
    line-height: 17px;
    bottom: 0px;
    margin: 0px;
    left: 0px;
    font-size: 11px;
    padding: 2px 5px;
    color: #ffffff;
    background-color: #000000;
}

/*  Ensure the edit remove config buttons on top of scrolling content   */

div.scrolling-widget div.configure {
    z-index: 10;
}

/*  Styles for editing widget configuration */

div.scrolling-widget form.edit input.height {
    width: 40px;;
}
div.scrolling-widget form.edit div#input input {
    width: 15px;
    margin: 0px 20px 10px 1px;
}
div.scrolling-widget form.edit textarea.users {
    float: right;
    font-family: 'Lucida Grand', 'Lucida Sans Unicode';
    font-size: 14px;
    width: 270px;
    margin: 0px 10px 20px 0px;
}
div.scrolling-widget form.edit input.handle-color {
    width: 60px;
}