body { font-family: Helvetica, Arial, sans-serif; color:#33312e; }

#frame { border: 1px solid #ceccc5; border-radius: 4px; width: 298px; height: 475px; background-color: #eeedeb; position: relative; -webkit-font-smoothing: antialiased; }
#padding { padding: 6px 5px; text-align: center; }

h3 { font-size:18px;margin-bottom:20px; color: #3e3b34;}
h4 {color: #3e3b34;}
a { text-decoration:none; color:#ea5300;font-weight:500; }
a.back { -webkit-font-smoothing: antialiased;font-size:11px; font-weight:400;color:#eeedeb;text-decoration:none;text-transform:uppercase;cursor:pointer; }
a.back:hover { color:#c64500; }
#frame h3 {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #3e3b34;
}
.button_download{ 
	width:162px; height:27px; display:inline-block; position: relative; padding:3px 6px 4px 6px; margin: 57px; font-family: 'Open Sans', sans-serif;
	border:1px solid #cfcdc5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; 
	font-size: 16px; font-weight:600; text-align: center; color:#c64500; background-color: #e8e6e5;  
	cursor:pointer; line-height: 30px; 
}

.button_download:hover{ background-color: #f1eeed; color:#c64500; }


.button_download_green { 
	width:162px; height:27px; display:inline-block; position: relative;  padding:3px 6px 4px 6px; margin: 0; font-family: 'Open Sans', sans-serif;
	border:1px solid #cfcdc5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; 
	font-size: 16px; font-weight:600; text-align: center; color:#2a5238; background-color: #e8e6e5;  
	cursor:pointer; line-height: 30px; 
}

.button_download_green:hover{ background-color: #f1eeed;  color:#2a5238; }






.button_green label{ cursor:pointer; }



.albumBG { width:286px;height:285px;background-color:#28261f; }
.albumart{ border:1px solid #dad9d7; -moz-box-shadow: 0 1px 2px #d3d3d3; -webkit-box-shadow: 0 1px 2px #d3d3d3; box-shadow: 0 1px 2px #d3d3d3;width:284px;height:284px }

.bookBG { width:286px;height:285px; }
.bookart{ -moz-box-shadow: 0 1px 2px #d3d3d3; -webkit-box-shadow: 0 1px 2px #d3d3d3; box-shadow: 0 1px 2px #d3d3d3;height:284px }

.downloadPanel { position:absolute;left:35px;top:30px; z-index:100; display: none; }
.downloadPanelBook { position:absolute;left:35px;top:0px; z-index:100; display: none; }

.downloadSquare { background-color:#eeedeb;width: 230px; margin-bottom:8px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }
.downloadSquareBook { background-color:#eeedeb;width: 230px; height:290px; margin-bottom:8px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; }

.downloadSquare .padding { text-align: center; padding: 11px 0 8px 0; }

.musicPanel { position:absolute;left:6px;top:6px;display:none; }
.play { position:absolute;top:225px;width:68px;height:68px;cursor:pointer; }

input.buttonorange, a.buttonorange, input.button_green, a.button_green {	
	width:205px; padding: 6px 14px 5px 14px; cursor: pointer; border:0; border-radius: 4px; font-size: 15px; 
	font-weight:400; text-align: center; color: #fff; background-color: #c64501; 
	font-family: 'Open Sans', sans-serif; text-transform: uppercase; -webkit-font-smoothing: antialiased;
}
input.button_green, a.button_green {
    color:#eeedeb;background:#254b31;
}		
input.buttonorange:hover, a.buttonorange:hover {	background-color: #a93c03; color: #fff; }
	
.button_green:hover { color:#eeedeb; background:#285036; }	
input.entry {	
	font-family: 'Open Sans', sans-serif;
	width:191px; font-size:14px; border:1px solid #cac6bf; border-radius:4px; padding:7px; 
	outline:0px; border:1px solid #cac6bf; border-radius:4px; margin-bottom:6px; 
}
input:focus {outline: none;}
select.entry {	
	font-family: 'Open Sans', sans-serif;
	width:205px; font-size:14px; border:1px solid #cac6bf; border-radius:4px; padding:5px 5px 5px 4px; 
	outline:0px; border:1px solid #cac6bf; border-radius:4px; margin-bottom:6px; 
}

#TipAmount { width:40px;padding:4px 10px;font-size:20px;text-align:right;color:#c64500;font-weight:bold; }
#Tip { width:50px;margin:0 12px 0 8px;cursor:pointer; }

.light { color:#928e88; font-family: 'Open Sans', sans-serif;font-weight: 400;}
.error { font-weight:300;color:#e05100;margin-top:6px;font-size:14px; }
.errorbook { font-weight:300;color:#264f34;margin-top:6px;font-size:14px; }

textarea { font-size:14px;color:#33312e;width:230px;height:115px;padding:3px 7px; }
label {font-family: 'Open Sans', sans-serif;font-weight: 400;}
.footer { position:absolute;bottom:4px;left:8px;width:284px;background-color:#eeedeb; }
.privacy { display:inline-block;width:60px;font-size:11px;color:#9d9a95;float:left;text-align:left;text-decoration:none; margin-top: 15px;font-family: 'Open Sans', sans-serif;}
.privacy a{ color:#9d9a95;text-decoration:none; }
.share { display:inline-block;width:60px;font-size:11px;color:#9d9a95;float:right;text-align:right;text-decoration:none; margin-top: 15px;font-family: 'Open Sans', sans-serif; }
.noisetrade { display:inline-block;margin-top:15px; }
.button_social2 { 
    display: block;
    position: relative;
    font-size:14px; 
    font-family: 'Open Sans', sans-serif;
    font-weight:400; 
    line-height: 30px;
    border-radius:6px; 
    border:0; 
    width:200px; 
    height: 27px;
    padding:4px 10px 5px 10px; 
    margin: 0 auto;
    color:#fff; 
    text-decoration:none; 
    cursor:pointer; 
    text-align:center; 
    overflow: hidden;
	-moz-box-shadow:none; 
    -webkit-box-shadow:none;
     box-shadow:none; 
     text-transform: uppercase;	
     background: #eae9e7;
}
.button_social2.fb {
    background: #3c599b;
}
.button_social2.fb:hover {
    background: #334b81;
    color: #fff;
}
.button_social2.tw {
    background: #00b0ed;
}
.button_social2.tw:hover {
    background: #009ed5;
    color: #fff;
}
.button_social2:before {
        position: absolute;
        left: 12px;
        content: "";
        width: 20px;
        height: 20px;
        margin: 6px 0 1px 0;
        background: url('/images/sprite3.png') no-repeat;
        background-position: 3px -396px;
        display: inline-block;
    }
.button_social2.fb:before {
    background-position: 0 -600px;
}
.button_social2.tw:before {
    background-position: -40px -600px;
}
.code { font-size: 12px;}