html {
padding: 0;
}
#navbar-iframe {display:none; visibility:hidden; height:0px;
}
:root {
--color-Text: #eedee1;
--color-h1-BlogTitle: #EEEE74;
--color-h1-BlogTitle: #F9EC5F; /* keeping this as an alternate color */
--color-h2-SectionTitle: #EEEE74;  
--color-PlayListLink-playing: #C7AECC;
--color-PlayListLink-visited: #999;
--color-AudioPlayer-playing: #C7AECC;
--background-color-Progress: #ccddff;
--opacity-PlayListLink-paused: 0.6;
--opacity-PlayListLink-visited: 0.8;
--opacity-PlayButton-paused: 0.6;
--opacity-AudioPlayer-paused: 0.6;
}
body, .body-fauxcolumn-outer {
background: url('http://susiechansmusic.files.wordpress.com/2010/06/ert55ffe5t7gbg.jpg') repeat;
padding-bottom:2%;
margin: 0;
color: var(--color-Text);
font:normal bold 81.5% Georgia, Serif;
text-align: center;
width: 100%;
height: 100%;
}
img {
max-width: 100%;
-webkit-box-shadow: 0px 0px 15px 0px rgba(255, 255, 190, .75);
-moz-box-shadow: 0px 0px 15px 0px rgba(255, 255, 190, .75);
box-shadow: 0px 0px 15px 0px rgba(255, 255, 190, .75);
border: none;
border: 0;
}
a img{
border-width:0;
}
img:hover {
-webkit-box-shadow: 1px 1px 25px 1px rgba(255, 255, 190, .75);
-moz-box-shadow: 1px 1px 25px 1px rgba(255, 255, 190, .75);
box-shadow: 1px 1px 25px 1px rgba(255, 255, 190, .75);
}
a:link {
color:#ffffff;
text-decoration:none;
padding-left:;
}
a:visited {
color:#ffffff;
text-decoration:none;
}
a:hover {
/* color:#F9EC5F;
text-decoration:none;
-webkit-box-shadow: 1px 1px 25px 1px rgba(255, 255, 190, .75);
-moz-box-shadow: 1px 1px 25px 1px rgba(255, 255, 190, .75);
box-shadow: 1px 1px 25px 1px rgba(255, 255, 190, .75); */
}
a:focus {
outline:transparent;
}
a.shine {
-webkit-box-shadow: 0px 0px 15px 0px rgba(255, 255, 190, .75);
-moz-box-shadow: 0px 0px 15px 0px rgba(255, 255, 190, .75);
box-shadow: 0px 0px 15px 0px rgba(255, 255, 190, .75);
border: none;
border: 0;
}
a.shine:hover {
-webkit-box-shadow: 0px 0px 25px 0px rgba(255, 255, 190, .75);
-moz-box-shadow: 0px 0px 25px 0px rgba(255, 255, 190, .75);
box-shadow: 1px 1px 25px 1px rgba(255, 255, 190, .75);
border:0;
border: none;
}
ul.playlist {
list-style: none;
font-size: 125%;
}
ul.playlist li {
 position:relative;
 display: block;
 width:auto;
line-height: 2.2em; 
}
ul.playlist li ul li {
margin-bottom: -0.2em;
}
ul.playlist li a {
text-decoration: none;
position: relative;
display: inline-block; /* if <br/> won't work, eliminate display */
cursor: pointer;
color: var(--color-Text);
}
ul.playlist li a::before {
content: "\25ba";
padding-left:5px;
padding-right: 5px;
cursor: pointer;
color: white;
line-height: 1.5rem;
position: relative;
display: inline-block;
margin-right: 0.65rem;
background-image: -webkit-linear-gradient(top, #ffffff, #9882B3);
background-image:    -moz-linear-gradient(top, #ffffff, #9882B3);
background-image:     -ms-linear-gradient(top, #ffffff, #9882B3);
background-image:      -o-linear-gradient(top, #ffffff, #9882B3);
background-image:         linear-gradient(top, #ffffff, #9882B3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff,', EndColorStr='#9882B3');
-webkit-border-radius: 4px;
-moz-border-radius: 4px;   /* Firefox 3.6 and earlier */
border-radius: 4px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(255, 255, 190, .75);
-moz-box-shadow: 0px 0px 15px 0px rgba(255, 255, 190, .75);
box-shadow: 0px 0px 15px 0px rgba(255, 255, 190, .75);
}
ul.playlist li a:hover::before {
-webkit-box-shadow: 0px 0px 25px 0px rgba(255, 255, 190, .75);
-moz-box-shadow: 0px 0px 25px 0px rgba(255, 255, 190, .75);
box-shadow: 1px 1px 25px 1px rgba(255, 255, 190, .75);
border:0;
border: none;
}
ul.playlist li a.visited,
ul.playlist li a.visited:hover {
color: var(--color-PlayListLink-visited);
opacity: var(--opacity-PlayListLink-visited);
}
ul.playlist li a.visited:before {
background-image: -webkit-gradient(linear, left top, left bottom, from(#D6D6D6,), to(#666666));
background-image: -webkit-linear-gradient(top, #D6D6D6, #666666);
background-image:    -moz-linear-gradient(top, #D6D6D6, #666666);
background-image:     -ms-linear-gradient(top, #D6D6D6, #666666);
background-image:      -o-linear-gradient(top, #D6D6D6, #666666);
background-image:         linear-gradient(top, #D6D6D6, #666666);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D6D6D6,', EndColorStr='#666666');
opacity: var(--opacity-PlayListLink-visited);
}
ul.playlist li a.visited:active {
}
ul.playlist li a.current {
opacity: 1;
color: var(--color-PlayListLink-playing);
}
ul.playlist li a.current:hover {
color: var(--color-PlayListLink-playing);
}
ul.playlist li a.current::before {
display: none;
}
ul.playlist li a.current.paused {
opacity: var(--opacity-PlayListLink-paused);
}
ul.playlist li a.extra {
color: var(--color-PlayListLink-playing);
}
ul.playlist li a:active {
}
#audioPlayer {
margin: 0 0 -0.5rem 2.3rem;
}
#audioPlayer.playing {
color: var(--color-AudioPlayer-playing);
}
#audioPlayer.paused {
opacity: var(--opacity-AudioPlayer-paused);
}
#playButton {
cursor: pointer;
color: white;
line-height: 1.5rem;
position: relative;
}
#playButton::before {
display: inline-block;
margin-right: 0.65rem;
background-image: -webkit-linear-gradient(top, #ffffff, #9882B3);
background-image:    -moz-linear-gradient(top, #ffffff, #9882B3);
background-image:     -ms-linear-gradient(top, #ffffff, #9882B3);
background-image:      -o-linear-gradient(top, #ffffff, #9882B3);
background-image:         linear-gradient(top, #ffffff, #9882B3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff,', EndColorStr='#9882B3');
-webkit-border-radius: 4px;
-moz-border-radius: 4px;   /* Firefox 3.6 and earlier */
border-radius: 4px;
}
#playButton.play::before {
content: "\25ba";
padding-left:5px;
padding-right: 5px;
opacity: var(--opacity-PlayButton-paused);
}
#playButton.pause::before {
content: '\275a\275a';
content: '\0965';
content: '\2223\2223';
content: '\01c0\01c0';
letter-spacing:0.1rem;
font-family: "Ariel";
font-weight: bold;
padding-left:8.4px;
padding-right: 7.3px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(255, 255, 190, .75);
-moz-box-shadow: 0px 0px 15px 0px rgba(255, 255, 190, .75);
box-shadow: 0px 0px 15px 0px rgba(255, 255, 190, .75);
}
#playButton:hover::before {
-webkit-box-shadow: 0px 0px 25px 0px rgba(255, 255, 190, .75);
-moz-box-shadow: 0px 0px 25px 0px rgba(255, 255, 190, .75);
box-shadow: 1px 1px 25px 1px rgba(255, 255, 190, .75);
}
#progress {
display: flex;
flex: 10;
flex-basis: 100%;
transition: height 0.3s;
width: 7.2rem;
width: 180px;
height: 0.44rem;
cursor: pointer;
height:0.5em;
background-color: var(--background-color-Progress);
margin: 0.25rem 0 0.65rem 0;
}
#progress::after {
position: relative;
content: '\2588';
background: white;
color: white;
line-height: 1rem;
font-size: 80%;
  -webkit-transform: perspective(1px) translateY(-50%);
  -moz-transform: perspective(1px) translateY(-35%);
  -0-transform: perspective(1px) translateY(-35%);
  -ms-transform: perspective(1px) translateY(-35%);
}
.filled-progress {
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff,), to(#9882B3));
background-image: -webkit-linear-gradient(top, #ffffff, #9882B3);
background-image:    -moz-linear-gradient(top, #ffffff, #9882B3);
background-image:     -ms-linear-gradient(top, #ffffff, #9882B3);
background-image:      -o-linear-gradient(top, #ffffff, #9882B3);
background-image:         linear-gradient(top, #ffffff, #9882B3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff,', EndColorStr='#9882B3');
  flex: 0;
  flex-basis: 0%;
}
#bottom-wrapper {
  display: flex;
  align-items: center;
line-height: 1.5rem; /* make the line height the height of the volume wrapper. */
}
#song-timer,
#loopButton {
margin-right: 0.6rem;
}
#song-timer {
letter-spacing: 0;
font: 78% monaco,"VT-100","lucida console",courier,system;
font-weight: bold;
}
#loopButton {
cursor: pointer;
position: relative;
}
#loopButton::before {
position: relative;
content:'\2B6e';
}
.isNotLooped:hover::after {
/*  content: "loop"; */
}
#loopButton.isLooped::before{
position: relative;
font-size: 90%;
/* bottom: 0.05rem; */
border: 0.156rem inset #f0f0f0;  
margin-left: -0.18rem;
margin-right: -0.178rem;
padding: 0 1px;
background-color: white;
color: black;
}
.isLooped:hover::after {
/*  content: "unloop"; */
}
#volumeWrap {
cursor: pointer;
position: relative;
font-size: 1.5rem;
display: flex;
align-items: center;
height: 1.5rem;
margin-top: -0.2rem;  /* For IE. It's a compromise. IE can't flex or align-items. */
}
#volumeMute {
position: relative;
width: 1.5rem; /* Width keeps the button from wiggling when the handle is dragged. */
margin-right:; /* keeps the slider track away */
display: flex;
align-items: center;
}
.isFull::before {      /* left speaker with three sound waves */
content: '\1F50A\FE0E';
}
.isLittle::before {  /* left speaker with no sound waves */
content: '\1F508\FE0E';
position: relative;
left: 5%;
}
.isLittle::after {    /* three waves right */
/* content: '\1f5e7';
font-size: 0.75rem;
font-weight: bold;
position: absolute;
top: 0.26rem; */

content: '\25d7';      /* right half black circle */
font-size: 0.62rem;
position: relative;
right: 7%;

/* content: '\269f';  // Three Lines Converging Left 
font-size: 0.6rem;
font-weight: bold;
position: absolute;
top: 0.33rem;
right: 10%; */
}
.isLess::before {
content: '\1F509\FE0E';  /* left speaker with one sound wave */
position: relative;
right: 12.7%;
}
.isNone::before {
content: '\1F508\FE0E';  /* left speaker with no sound waves */
position: relative;
left: 5%;
}
.isMuted::before {
content: '\1F508\FE0E'; /* left speaker with no sound */
position: relative;  
left: 0.08rem;

/* content: '\1F507\FE0E';   // left speaker with round mute symbol 
position: relative;    // adjust for extra width: #volumePanel{left: 0.3rem;}
right: 5.5%; */
}
.isMuted::after {
content: '\ff3c';   /* slash for left speaker with no sound waves */ 
position: absolute;
font-size: 1.3rem;
font-weight: bold;
right: 0.3rem;    
color: red;
top: 0.1rem;

/* content: '\ff3c';  //slash for left speaker with round mute symbol  
position: absolute;
font-size: 0.9rem;
font-weight: bold;
right: 0.3rem; 
color: red;
top: 0.3rem; */
}              
#volumePanel {
height: 0.8rem;
  position: relative;
  float: left;
  overflow: hidden;
  transition: width 0.15s;
  cursor: pointer;
}
/* .volume-show */ #volumePanel { /* To make the track to stay open, omit volume-show  */
  width: 3.3125rem;
}
#volumeSlider {
  position: relative;
  height: 100%;
display: flex;
align-items: center;
}
#volumeSlider-track {
  height: 0.25rem;
  width: 3rem;
  position: absolute; /* relative keeps the track open */
  background-color:#ccddff;
right: 0;
}
#volumeProgress {
  height: 100%;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff,), to(#9882B3));
background-image: -webkit-linear-gradient(top, #ffffff, #9882B3);
background-image:    -moz-linear-gradient(top, #ffffff, #9882B3);
background-image:     -ms-linear-gradient(top, #ffffff, #9882B3);
background-image:      -o-linear-gradient(top, #ffffff, #9882B3);
background-image:         linear-gradient(top, #ffffff, #9882B3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff,', EndColorStr='#9882B3');
  position: relative;
}
#volumeSlider-handle {
width: 0.375rem;
height: 0.77rem;
  position: absolute;
  -webkit-transform: perspective(1px) translateY(-35%);
  -moz-transform: perspective(1px) translateY(-35%);
  -0-transform: perspective(1px) translateY(-35%);
  -ms-transform: perspective(1px) translateY(-35%);
  right: 0;
  background-color: white;
}
#progress:hover::after,
#loopButton:hover::before,
#volumeMute:hover::before,
.isLittle:hover::after {
color: #707070;
}
#volumeSlider-handle:hover {
background-color: #707070;
}
ul.playlist li a:active::before, 
#playButton:active::before,
#progress:active::after,
#loopButton:active::before,
#volumeMute:active::before,
.isLittle:active::after {
color: #959595;
}
#volumeSlider-handle:active {
background-color: #959595;
}
#volumeMute.isFull:hover::after,
#volumeMute.isLess:hover::after,
#volumeMute.isLittle:hover::after { /*
content: 'mute';
width: 1.7rem;
}
#volumeMute.isMuted:hover::after {
content: 'unmute';
width: 2.5rem;
}
#volumeMute:hover::after,
#loopButton:hover::after {
  position: absolute;
top: -1.1rem;
left: -0.3rem;
font-size: 0.85rem;
font-weight: normal;
color: black;
  z-index: 1;
  padding: 0 2px;
  background-color: white;
  border: 0.03em solid #666;
white-space: nowrap;
-moz-border-radius: 0.125em;
-webkit-border-radius: 0.125em;
-ms-border-radius: 0.125em;
-o-border-radius: 0.125em;
border-radius: 0.125em;  */    
}
.wrapper {
overflow: hidden;
border:0;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;   /* Firefox 3.6 and earlier */
border-radius: 20px ;
}
/* Header
-----------------------------------------------
*/
h1 {
margin-top: 0%;
margin-bottom: 0;
margin-left: 0%;
padding-top: 4.5%;
padding-left: 4%;
color: var(--color-h1-BlogTitle);
font: normal bold 230% Georgia, Serif;
font-variant: small-caps;
text-align: left;
font-size: 300%;
}
p.description {
color:#ffd8f5;
font:normal normal 104% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-align: left;
line-height:1.3em;
font-size: 120%;
}
h1 a:visited{
color: var(--color-h1-BlogTitle);
text-decoration:none;
}
h1 a:hover {
color: var(--color-h1-BlogTitle);
background:none;
}
h2 {
margin-bottom: 8px;
padding-left: 20px;
color: var(--color-h2-SectionTitle);
font-size:175%;
}
h4 {
margin-top: 3%;
margin-bottom: 1.7%;
padding: 0px;
color: #F9EC5F;
font-size:175%;
}
/* Wrappers
----------------------------------------------- */
#border-wrapper {
width:98%;
margin: 0 auto;
margin-top: 1%;
padding-top:;
padding-bottom: 1.3%;
background:#335577;
border:1px solid #eedee1;
overflow: hidden;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;   /* Firefox 3.6 and earlier */
border-radius: 20px ;
}
#content-wrapper {
background:#112233;
margin: 0 auto;
margin-top:1.3%;
width: 98%;
text-align:left;
font: normal bold 100% Georgia, Serif;
overflow: hidden;
border:0;
-webkit-border-radius: 0 20px 20px 20px;
-moz-border-radius: 0 20px 20px 20px;   /* Firefox 3.6 and earlier */
border-radius: 0 20px 20px 20px ;
}
#header-wrapper {
width: 68%;
background: #335577;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
border:0;
-webkit-border-radius: 0 0 20px 0;
-moz-border-radius: 0 0 20px 0;   /* Firefox 3.6 and earlier */
border-radius: 0 0 20px 0;
margin-right:2%;
}
#picture {
background-image: url(http://4.bp.blogspot.com/-jO1UZ_6RQ9c/U4TebyRZbuI/AAAAAAAABBI/iykVAF0nhTc/s600/SUSIESheavenstream.jpg);
width: 600px;
min-height: 452px;
_height: 452px;
background-repeat: no-repeat;
margin:auto;
margin-top:3%;
margin-bottom: 3.4%;
border: 1px solid #cdb9e6;
overflow: hidden;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;   /* Firefox 3.6 and earlier */
border-radius: 20px ;
-webkit-box-shadow: 0px 0px 25px 0px rgba(255, 255, 190, .75);
-moz-box-shadow: 0px 0px 25px 0px rgba(255, 255, 190, .75);
box-shadow: 0px 0px 25px 0px rgba(255, 255, 190, .75);
}
#sun{
position:absolute;
top:-145px;
right: -8%;
}
#sun img {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#upper-column {
float: left;
margin-bottom: -8em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#lower-left-column {
position: absolute:
top: 20px;
width: 39%;
margin-bottom:5%;
margin-left: 2%;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#lower-right-column {
margin-bottom:5%;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
/* Sidebar Content
----------------------------------------------- */
#HTML3,
#HTML4,
#HTML6,
#HTML7,
#HTML8,
#HTML9,
#HTML10,
#HTML12,
#HTML13,
#HTML14 {
margin-bottom:2.5em;
}
#HTML15 {
margin: 0 auto;
display:inline-block;
color:#D5C9E5;
border:2px solid #cdb9e6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#7f8f9f,), to(#446688));
background-image: -webkit-linear-gradient(top, #7f8f9f, #446688);
background-image:    -moz-linear-gradient(top, #7f8f9f, #446688);
background-image:     -ms-linear-gradient(top, #7f8f9f, #446688);
background-image:      -o-linear-gradient(top, #7f8f9f, #446688);
background-image:         linear-gradient(top, #7f8f9f, #446688);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7f8f9f,', EndColorStr='#446688');
padding: 12px 15px;
margin-top:6em;
margin-left: 3em;
margin-right: 2em;
overflow: hidden;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;   /* Firefox 3.6 and earlier */
border-radius: 15px;
}
#HTML14 {
margin-top:;
}
#HTML10 {
text-align: center;
}
.color {
color:#4c4c4c;
}
.color.indent,
.color .indent {
text-indent: 35px;
}
.no-color.indent {
margin-left: 35px;
}
.color.indent.up-more,
.color .indent.up-more {
margin-top: -0.6em;
}
/* Footer
----------------------------------------------- */
#player-instructions {
margin: 0 auto;
width:40%;
color: #ffffff;
text-align:center;
clear: both;
}
#HTML10 {
padding: 0 0 5% 0;
margin: 0;
}
#flash-wrapper9 {
margin: 0 auto;
width:80%;
background-color: #cdb9e6;
margin-top:3%;
padding: 0.15% 0;
}
#flash-wrapper8 {
margin: auto;
width:99.5%;
background-color: #335577;
padding: 3% 0;
}
#flash-wrapper7 {
margin: 0 auto;
width:94%;
background-color: #cdb9e6;
padding: 0.15% 0;
}
#flash-wrapper6  {
margin: 0 auto;
width:99.5%;
background-color: #0f2f3f;
padding: 1.5% 0;
}
#flash-wrapper5 {
margin: 0 auto;
width:97.4%;
background-color: #cdb9e6;
padding: 0.2% 0;
}
/*-----------------JP Playlist-------------------*/
#HTML1 {
width:100%;
clear:both;
margin: 0 auto;
}
/*
* Skin for jPlayer Plugin (jQuery JavaScript Library)
* http://www.happyworm.com/jquery/jplayer
*
* Copyright (c) 2010 Happyworm Ltd
* Dual licensed under the MIT and GPL licenses.
*  - http://www.opensource.org/licenses/mit-license.php
*  - http://www.gnu.org/copyleft/gpl.html
*/
div.jp-playlist-player {
margin: 0 auto;
font-family:Arial, Verdana, sans-serif;
line-height:1.7em;
color: #E0C5E0;
background-color: #335577;
width: 99.5%;
padding-bottom: 1%;
}
div.jp-playlist-player div.jp-interface {
position: relative;
height:53px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#C0C0C0));
background-image: -webkit-linear-gradient(top, #ffffff, #C0C0C0);
background-image:    -moz-linear-gradient(top, #ffffff, #C0C0C0);
background-image:     -ms-linear-gradient(top, #ffffff, #C0C0C0);
background-image:      -o-linear-gradient(top, #ffffff, #C0C0C0);
background-image:         linear-gradient(top, #ffffff, #C0C0C0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#C0C0C0');
border: 0.1em solid #ffffff;
}
div.jp-interface  ul.jp-controls {
list-style-type:none;
padding:0;
margin: 0;
}
div.jp-interface  ul.jp-controls li {
overflow:hidden;
text-indent:-9999px;
}
li.jp-play,
li.jp-pause,
li.jp-hover {
display: block;
position: absolute;
top:5px;
left: 10px;
width:45px;
height:42px;
cursor: pointer;
}
div.jp-playlist-player li.jp-play,
div.jp-playlist-player li.jp-pause {
}
li.jp-play {
background: url(https://lh3.googleusercontent.com/proxy/4q5N3z2Gr2N-WjtCni7ysiSt9zqGB_UKPAe1lMVdm85hS8l3k7sf_U13xy6bogttvuM_hMg0kMuzYtYucEfND2EFrsuMfW6DGEVwrfc8ZH173ZJ8t2NpRONJ=s0-d) 0 0 no-repeat;
}
li.jp-play:hover {
background: url(https://lh4.googleusercontent.com/proxy/jllTzJtNFxRSPd0kA3tdNhgCCnBpMnYTI8zWWdUpPG0OTe3U3yWd6xQ-eecq7ogdb2jRF9H9bthCQ3eBf4T7QayXzlk0GfZNCpFrQ_I1LZ65orNzjjMGoepO6KBsCZw=s0-d) 0 0 no-repeat;
}
li.jp-pause {
background: url(https://lh3.googleusercontent.com/proxy/rdsJEwmGgjQ6opy9HszsJCFdYW-CKq2XAexiWct_B0cIrhviNeToCh-uqMR_iTs4aYPwkYnMTNiS1QqGn4hO-yZ6ncyZWWdqi8_tV3lNejJ7rSamR2t_WSXwAQ=s0-d) 0 0 no-repeat;
}
li.jp-pause:hover {
background: url(https://lh4.googleusercontent.com/proxy/xM1e60qDGEhetgZqzsfL7BKid6VkWeaxGW_8hA0IepQDTzL1MJlYi4Pc8a5gK8sb7ZFBLE9Tm7r0J7TR4M7QVOI8LR6nEtG-PhmpgZLRJg_Ap6A669Y1ZueAtjM0NAxC=s0-d) 0 0 no-repeat;
}
li.jp-previous,
li.jp-previous:hover {
display: block;
position: absolute;
top:5px;
left: 65px;
width:33px;
height:31px;
cursor: pointer;
}
li.jp-previous {
background: url(https://lh6.googleusercontent.com/proxy/JR0sF7FwbHTemFBXg0q6TsRRzWwQiZgLvhQCUDetT_j3_Hx-lA3NicQXiSrz1vFBMN8CvUmBISJ_vxvDDcaZftgMF0Z5vwXBsXAB2huzHr6lB0dgPEAj24d-=s0-d) 0 0 no-repeat;
}
li.jp-previous:hover {
background: url(https://lh4.googleusercontent.com/proxy/ZJ1Q7aBvp9N4cGP0L-QMifHrHXnKytCnXbC9MDXrO061xTJ_EZOPcCEujeEhC2ag9pMLaFwKIxqrXvrjgtIoSTfSQcRN_UA0eA0bqfMvTI2U447lwZzsn6Eo89R4G1U=s0-d) 0 0 no-repeat;
}
div.jp-playlist-player li.jp-next,
div.jp-playlist-player li.jp-next:hover {
position: absolute;
top:5px;
left: 109px;
width:33px;
height:30px;
cursor: pointer;
}
li.jp-next {
background: url(https://lh6.googleusercontent.com/proxy/NoTDfAw1oqQ8AW1oV2BtQly34lkUGFtGDHjvkd1ZwhoAYWx1Px8BqFxWqh-4ZF8EzjTLvrb9kbyPbddYN5mzsXjoHxVQkXoOeHRgXEUhCzsAeimpseauNnnp=s0-d) 0 0 no-repeat;
}
li.jp-next:hover {
background: url(https://lh4.googleusercontent.com/proxy/lMsU8ihbbS5vfBq6ZZtYma-H28Tn0RPkso7a0wnwjty3MsgSVgSqCB7rVsGyWxfStF8dYL-zPHHKX5legr1xPs4y_0wpD_u3PY-GgAWYrHSwceq2gIeqPdYkymyaVUg=s0-d) 0 0 no-repeat;
}
div.jp-playlist-player li.jp-stop,
div.jp-playlist-player li.jp-stop:hover {
position: absolute;
top:5px;
left: 152px;
width:33px;
height:31px;
cursor: pointer;
}
li.jp-stop {
background: url(https://lh3.googleusercontent.com/proxy/z2KNquZxZ4YEp23SJG-pvot-LebTFnc_qcXuxAx11UFdZFu3cnKDYDIXNr3J3unfeHniPyoGO1es4Hz2126ERo171v43gCrN3vCwnmBUuEzw5SLHmw1YvBam=s0-d) 0 0 no-repeat;
}
li.jp-stop:hover {
background: url(https://lh6.googleusercontent.com/proxy/Mj9mcHpub3-aUCkKdOgs7HdtB7RiFqx1UTuupRNbMZ373ec9CQElD6hflX1awpKmo3C_rAbP3soZ4xysJswVbvrd4r5UaQiGvC1UFX6e2Bodvc7kw_tbvXuTp9RilXA=s0-d) 0 0 no-repeat;
}
div.jp-playlist-player div.jp-progress {
position: absolute;
overflow:hidden;
left: 205px;
top:15px;
background-color: #efefef;
border: 1px solid #aaaaaa;
border-top: 2px solid #aaaaaa;
border-radius: 15px;
width:260px;
height:7px;
}
div.jp-load-bar {
background-color: #E6A442;
width:0px;
height:7px;
}
div.jp-play-bar {
background-image: -webkit-gradient(linear, left top, left bottom, from(#003B89), to(#7DDFFE));
background-image: -webkit-linear-gradient(top, #003B89, #7DDFFE);
background-image:    -moz-linear-gradient(top, #003B89, #7DDFFE);
background-image:     -ms-linear-gradient(top, #003B89, #7DDFFE);
background-image:      -o-linear-gradient(top, #003B89, #7DDFFE);
background-image:         linear-gradient(top, #003B89, #7DDFFE);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#003B89', EndColorStr='#7DDFFE');
width:0px;
height:7px;
cursor: pointer;
}
div.jp-playlist-player div.jp-play-time,
div.jp-playlist-player div.jp-total-time {
position: absolute;
left:212px;
top:25px;
width:247px;
font-size:90%;
font-style:oblique;
color: #444444;
}
div.jp-total-time {
text-align: right;
}
div.jp-playlist-player li.jp-volume-min,
div.jp-playlist-player li.jp-volume-min:hover {
position: absolute;
top:5px;
left:490px;
width:33px;
height: 31px;
cursor: pointer;
}
li.jp-volume-min {
background: url(https://lh3.googleusercontent.com/proxy/1EbaPInQKGYZ1r7-1PjFz97oAHFxtiZ580DnmMk9aZxSJ-lz7Rb80BcmZ9OwebCYAeb9xIO-t2qqKLzphsflL7uXyqNSsyy3l2RsrD1Ptxv7INvIzF7K6-SCY6w=s0-d) 0 0 no-repeat;
}
li.jp-volume-min:hover {
background: url(https://lh5.googleusercontent.com/proxy/GqlrsuGIy1Kt7iUbnMDfD2iWoNZG663xZ_wrSfhKVZsNevHLTWBERyUODjta5L_S6o0HHnRt6uMki96YjaOYVV9qnstvmqg2jiJJHd5gH--2osVHK7WNT_fQIBx8_uGKdQ=s0-d) 0 0 no-repeat;
}
div.jp-playlist-player div.jp-volume-bar {
position: absolute;
overflow:hidden;
top:15px;
left:530px;
background-color: #EbEbEb;
width:111px;
height:7px;
border: 1px solid #aaaaaa;
border-top: 2px solid #aaaaaa;
border-radius: 15px;
cursor: pointer;
}
div.jp-volume-bar-value {
background-image: -webkit-gradient(linear, left top, left bottom, from(#003B89), to(#7DDFFE));
background-image: -webkit-linear-gradient(top, #003B89, #7DDFFE);
background-image:    -moz-linear-gradient(top, #003B89, #7DDFFE);
background-image:     -ms-linear-gradient(top, #003B89, #7DDFFE);
background-image:      -o-linear-gradient(top, #003B89, #7DDFFE);
background-image:         linear-gradient(top, #003B89, #7DDFFE);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#003B89', EndColorStr='#7DDFFE');
width:0px;
height:7px;
}
div.jp-playlist-player li.jp-volume-max,
div.jp-playlist-player li.jp-volume-max:hover {
position: absolute;
top: 5px;
right:8px;
width:33px;
height:31px;
display: none;
}
div.jp-playlist-player li.jp-volume-max {
background: url(https://lh6.googleusercontent.com/proxy/ec-MJ2Q3Ucm_w7yH3KYINYFBYW-JqN-Fy2G-_opBxdCXvZKK707sydjDcgq8mRg3POEFJepyEBw1mq0B94seLQy0Mp4YTDXgQqOA4z1GG2UD1_0Kp2p7dt39QVj3P1s=s0-d) 0 0 no-repeat;
}
div.jp-playlist-player li.jp-volume-max:hover {
background: url(https://lh6.googleusercontent.com/proxy/jKNPKHeBN37kKDJKedUKnjEBRf-JSJDmImL--433snKdAY_7jQ1LN8wfBqaVRju9WykqKuVjKutpfvXvm6hKHnx0oiQQW9LjQdl2ZFSBg64d-Q-UneMA7Wz5AIHxUq_I_aIpkPA=s0-d) 0 0 no-repeat;
}
div.jp-playlist-player ul{
width:100%;
text-align: center;
list-style-type:none;
margin-bottom: 20px;
border:none;
padding:0px 0px 20px 0px;
margin-top: 45px;
}
div.jp-playlist-player div.jp-playlist li{
margin-top: 12px;
margin-bottom: 6px;
cursor: pointer;
padding-bottom: 3px;
font-size: 105%;
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current:before {
content: "\25ba";
font-size: 150%;
color:#FF9933;
margin-left:-30px;
margin-right:13px;
cursor: default;
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current {
color:#FF9933;
}
div.jp-playlist-player div.jp-playlist li:hover {
display: block;
background-color:#FF9933;
opacity: 0.6;
color: #002233;
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current:hover {
background-color: transparent;
color: #FF9933;
opacity: 1;
}
/*----------------- 2nd Footer ----------------------------*/
.quickedit {
display:none;
}
#footer {
}
#ContactForm1 {
margin-left: 40%;
margin-top: 80px;
margin-bottom:80px;
}
/*---- Compatible contact Form by MBT -----*/
.contact-form-name, .contact-form-email, .contact-form-email-message {
max-width: 220px;
width: 100%;
font-weight:bold;
}
.contact-form-name {
background: #FFF url(//2.bp.blogspot.com/-bNZePDihTPU/UZ-lhWAHXqI/AAAAAAAAJuo/aSVVE_A6HpE/s320/name.png) no-repeat 7px 8px;
background-color: #FFF;
border: 1px solid #ddd;
box-sizing: border-box;
color: #A0A0A0;
display: inline-block;
font-family: Arial,sans-serif;
font-size: 12px;
font-weight:bold;
height: 24px;
margin: 0;
margin-top: 5px;
padding: 5px 15px 5px 28px;
vertical-align: top;
}
.contact-form-email {
background: #FFF url(//3.bp.blogspot.com/-Wf_IBW4cEts/UZ-li4SsnvI/AAAAAAAAJuw/qYAi9lghY1E/s320/email.png) no-repeat 7px 10px;
background-color: #FFF;
border: 1px solid #ddd;
box-sizing: border-box;
color: #A0A0A0;
display: inline-block;
font-family: Arial,sans-serif;
font-size: 12px;
font-weight:bold;
height: 24px;
margin: 0;
margin-top: 5px;
padding: 5px 15px 5px 28px;
vertical-align: top;
}
.contact-form-email:hover, .contact-form-name:hover{
border: 1px solid #bebebe;
border: 1px solid yellow;
box-shadow: 0 1px 2px rgba(5, 95, 255, .1);
padding: 5px 15px 5px 28px;
}
.contact-form-email-message {
background: #FFF;
background-color: #FFF;
border: 1px solid #ddd;
box-sizing: border-box;
color: #A0A0A0;
display: inline-block;
font-family: arial;
font-size: 12px;
margin: 0;
margin-top: 5px;
padding: 10px;
vertical-align: top;
max-width: 350px !important;
height: 150px;
border-radius:4px;
}
.contact-form-email-message:hover {
border: 1px solid yellow;
box-shadow: 0 1px 2px rgba(5, 95, 255, .1);
padding: 10px;
}
.contact-form-button {
cursor:pointer;
height: 32px;
line-height: 28px;
font-weight:bold;
border:none;
color: #fef4e9;
border: solid 1px #da7c0c;
background: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background: -moz-linear-gradient(top, #faa51a, #f47a20);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.contact-form-button {
display: inline-block;
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
margin-left:;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.contact-form-button:hover {
text-decoration: none;
}
.contact-form-button:active {
position: relative;
top: 1px;
}
.MBT-button-color {
color: #fef4e9;
border: solid 1px #da7c0c;
background: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
background: -moz-linear-gradient(top, #faa51a, #f47a20);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.MBT-button-color:hover {
background: #f47c20;
background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
background: -moz-linear-gradient(top, #f88e11, #f06015);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
border-color: #F47C20!important;
}
.MBT-button-color:active {
color: #fcd3a5;
background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
background: -moz-linear-gradient(top, #f47a20, #faa51a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}
.contact-form-success-message {
border-radius: 5px:
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.contact-form-name {
background: #FFF url(//2.bp.blogspot.com/-bNZePDihTPU/UZ-lhWAHXqI/AAAAAAAAJuo/aSVVE_A6HpE/s320/name.png) no-repeat 7px 6px;
padding: 15px 15px 15px 28px;
}
.contact-form-email {
background: #FFF url(//3.bp.blogspot.com/-Wf_IBW4cEts/UZ-li4SsnvI/AAAAAAAAJuw/qYAi9lghY1E/s320/email.png) no-repeat 7px 8px;
padding: 15px 15px 15px 28px;
}
.contact-form-email:hover, .contact-form-name:hover{
padding: 15px 15px 15px 28px;
}
.contact-form-button {
height: 28px;
}