html, body
{
    height: 100%;
}

p 
{
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.info-add,
.warning-box,
.blue-box,
.error-box,
.download-box,
.favorite-box,
.information-box,
.success-box,
.validation-box,
.fastforward-box,
.rewind-box,
.right-box,
.graphite-box,
.green-box,
.gray-box,
.help-box,
.left-box,
.loop-box,
.message-box,
.orange-box,
.pause-box,
.play-box,
.record-box,
.red-box,
.refresh-box,
.remove-box,
.search-box,
.shuffle-box,
.smart-box,
.back-box,
.forward-box,
.stop-box,
.upload-box
{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.6em;
line-height: 1.5em;
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.info-add2
{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.6em;
line-height: 1.5em;
border: 1px solid;
width: 300px;
padding:15px 10px 15px 50px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-align: left;
}

.info-add{
color: #4F8A10;
background-color: #DFF2BF;
background-image: url('/images/knobs-icons/Knob Add.png');
}

.info-add2{
color: #4F8A10;
background-color: #DFF2BF;
}

.warning-box{
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/images/knobs-icons/Knob Attention.png');
}

.blue-box{
color: #00529B;
background-color: #BDE5F8;
background-image: url('/images/knobs-icons/Knob Blue.png');
}

.error-box{
color: #D8000C;
background-color: #FFBABA;
background-image: url('/images/knobs-icons/Knob Cancel.png');
}

.download-box{
color: #4F8A10;
background-color: #DFF2BF;
background-image: url('/images/knobs-icons/Knob Download.png');
}

.favorite-box{
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/images/knobs-icons/Knob Favorite.png');
}

.information-box{
color: #00529B;
background-color: #BDE5F8;
background-image: url('/images/knobs-icons/Knob Info.png');
}

.success-box{
color: #4F8A10;
background-color: #DFF2BF;
background-image: url('/images/knobs-icons/Knob Valid Green.png');
}

.fastforward-box{
color: #ffffff;
background-color: #57737f;
background-image: url('/images/knobs-icons/Knob Fast Forward.png');
}

.rewind-box{
color: #ffffff;
background-color: #57737f;
background-image: url('/images/knobs-icons/Knob Fast Rewind.png');
}

.right-box{
color: #4F8A10;
background-color: #DFF2BF;
background-image: url('/images/knobs-icons/Knob Forward.png');
}

.graphite-box{
color: #ffffff;
background-color: #57737f;
background-image: url('/images/knobs-icons/Knob Graphite.png');
}

.green-box{
color: #4F8A10;
background-color: #DFF2BF;
background-image: url('/images/knobs-icons/Knob Green.png');
}

.gray-box{
color: #fff;
background-color: #999999;
background-image: url('/images/knobs-icons/Knob Grey.png');
}

.help-box{
color: #fff;
background-color: #b47bc4;
background-image: url('/images/knobs-icons/Knob Help.png');
}

.left-box{
color: #4F8A10;
background-color: #DFF2BF;
background-image: url('/images/knobs-icons/Knob Left.png');
}

.loop-box{
color: #ffffff;
background-color: #57737f;
background-image: url('/images/knobs-icons/Knob Loop Off.png');
}

.message-box{
color: #00529B;
background-color: #BDE5F8;
background-image: url('/images/knobs-icons/Knob Message.png');
}

.orange-box{
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/images/knobs-icons/Knob Orange.png');
}

.pause-box{
color: #ffffff;
background-color: #57737f;
background-image: url('/images/knobs-icons/Knob Pause.png');
}

.play-box{
color: #ffffff;
background-color: #57737f;
background-image: url('/images/knobs-icons/Knob Play.png');
}

.record-box{
color: #ffffff;
background-color: #57737f;
background-image: url('/images/knobs-icons/Knob Record Off.png');
}

.red-box{
color: #D8000C;
background-color: #FFBABA;
background-image: url('/images/knobs-icons/Knob Red.png');
}

.refresh-box{
color: #4F8A10;
background-color: #DFF2BF;
background-image: url('/images/knobs-icons/Knob Refresh.png');
}

.remove-box{
color: #D8000C;
background-color: #FFBABA;
background-image: url('/images/knobs-icons/Knob Remove Red.png');
}

.search-box{
color: #00529B;
background-color: #BDE5F8;
background-image: url('/images/knobs-icons/Knob Search.png');
}

.shuffle-box{
color: #ffffff;
background-color: #57737f;
background-image: url('/images/knobs-icons/Knob Shuffle Off.png');
}

.smart-box{
color: #fff;
background-color: #b47bc4;
background-image: url('/images/knobs-icons/Knob Smart.png');
}

.back-box{
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/images/knobs-icons/Knob Snapback.png');
}

.forward-box{
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/images/knobs-icons/Knob Snapforward.png');
}

.stop-box{
color: #ffffff;
background-color: #57737f;
background-image: url('/images/knobs-icons/Knob Stop.png');
}

.upload-box{
color: #00529B;
background-color: #BDE5F8;
background-image: url('/images/knobs-icons/Knob Upload.png');
}