.div1, .div1 td { font: 10px/1.2em Arial Verdana, Helvetica, sans-serif; color: #91251a; } .div1 .header { background-color: #e76f01; background-image: url("../img/gradient1.jpg"); background-repeat: repeat-x; padding: 4px 22px 4px 22px; } .div1 .header h1 { font: 16px/1.3em Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #91251a; margin: 0; display: inline; } .div1 .header h2 { font: 16px/1.3em Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #ffffff; margin: 0; display: inline; } .div1 .subHeader li { color: #91251a; } .div1 .albumDetails { background-color: #e76f01; padding: 30px 22px 30px 22px; } .div1 .albumDetails h1 { font: 16px/1.3em Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #91251a; margin: 0; } .div1 .albumDetails h2 { font: 14px/1.3em Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #ffffff; margin: 0; display: inline; } .div1 .trackDetails { background-color: #91251a; padding: 0 0 20px 0; color: #ffffff; } .div1 .userDetails { background-color: #91251a; padding: 20px; } .div1 .trackDetails h1 { font: 14px Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #e76f01; margin: 0; display: inline; } .div1 .trackDetails h2 { font: 14px Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #ffffff; margin: 0; display: inline; } .div1 .trackList thead td { font: 14px Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #e76f01; } .div1 .trackList tbody td { padding: 3px 0 3px 4px; margin: 0px; border: 0px; color: #ffffff; } .div1 .trackList .odd td { background-color: #7d2016; } .div1 .color1 { color: #91251a; } .div1 .color2 { color: #e76f01; } .div1 a { background-color: #7d2016; color: #e76f01; text-decoration: none; padding: 1px 8px 1px 8px; border-bottom: 1px solid #222222; border-right: 1px solid #222222; } .div1 a:hover { background-color: #e76f01; color: #7d2016; text-decoration: none; padding: 1px 8px 1px 8px; border-top: 1px solid #222222; border-left: 1px solid #222222; border-right: 0; border-bottom: 0; } .div2, .div2 td { font: 10px/1.2em Arial Verdana, Helvetica, sans-serif; color: #8dbd29; } .div2 .header { background-color: #206a22; background-image: url("../img/gradient2.jpg"); background-repeat: repeat-x; padding: 4px 22px 4px 22px; } .div2 .header h1 { font: 16px/1.3em Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #8dbd29; margin: 0; display: inline; } .div2 .header h2 { font: 16px/1.3em Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #ffffff; margin: 0; display: inline; } .div2 .subHeader li { color: #206a22; } .div2 .albumDetails { background-color: #206a22; padding: 30px 22px 30px 22px; } .div2 .albumDetails h1 { font: 16px/1.3em Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #8dbd29; margin: 0; } .div2 .albumDetails h2 { font: 14px/1.3em Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #ffffff; margin: 0; display: inline; } .div2 .trackDetails { background-color: #8dbd29; padding: 0 0 20px 0; color: #ffffff; } .div2 .userDetails { background-color: #8dbd29; padding: 20px; } .div2 .trackDetails h1 { font: 14px Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #206a22; margin: 0; display: inline; } .div2 .trackDetails h2 { font: 14px Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #ffffff; margin: 0; display: inline; } .div2 .trackList thead td { font: 14px Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #206a22; } .div2 .trackList tbody td { padding: 3px 0 3px 4px; margin: 0px; border: 0px; color: #ffffff; } .div2 .trackList .odd td { background-color: #6aa226; } .div2 .color1 { color: #8dbd29; } .div2 .color2 { color: #206a22; } .div2 a { background-color: #8dbd29; color: #206a22; text-decoration: none; padding: 1px 8px 1px 8px; border-bottom: 1px solid #222222; border-right: 1px solid #222222; } .div2 a:hover { background-color: #206a22; color: #8dbd29; text-decoration: none; padding: 1px 8px 1px 8px; border-top: 1px solid #222222; border-left: 1px solid #222222; border-right: 0; border-bottom: 0; } .div3, .div3 td { font: 10px/1.2em Arial Verdana, Helvetica, sans-serif; color: #b3d7ff; } .div3 .header { background-color: #183d72; background-image: url("../img/gradient3.jpg"); background-repeat: repeat-x; padding: 4px 22px 4px 22px; } .div3 .header h1 { font: 16px/1.3em Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #b3d7ff; margin: 0; display: inline; } .div3 .header h2 { font: 16px/1.3em Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #ffffff; margin: 0; display: inline; } .div3 .subHeader li { color: #183d72; } .div3 .albumDetails { background-color: #183d72; padding: 30px 22px 30px 22px; } .div3 .albumDetails h1 { font: 16px/1.3em Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #b3d7ff; margin: 0; } .div3 .albumDetails h2 { font: 14px/1.3em Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #ffffff; margin: 0; display: inline; } .div3 .trackDetails { background-color: #b3d7ff; padding: 0 0 20px 0; color: #ffffff; } .div3 .userDetails { background-color: #b3d7ff; padding: 20px; } .div3 .trackDetails h1 { font: 14px Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #183d72; margin: 0; display: inline; } .div3 .trackDetails h2 { font: 14px Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #ffffff; margin: 0; display: inline; } .div3 .trackList thead td { font: 14px Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #183d72; } .div3 .trackList tbody td { padding: 3px 0 3px 4px; margin: 0px; border: 0px; color: #ffffff; } .div3 .trackList .odd td { background-color: #86a9d6; } .div3 .color1 { color: #b3d7ff; } .div3 .color2 { color: #183d72; } .div3 a { background-color: #b3d7ff; color: #183d72; text-decoration: none; padding: 1px 8px 1px 8px; border-bottom: 1px solid #222222; border-right: 1px solid #222222; } .div3 a:hover { background-color: #183d72; color: #b3d7ff; text-decoration: none; padding: 1px 8px 1px 8px; border-top: 1px solid #222222; border-left: 1px solid #222222; border-right: 0; border-bottom: 0; } .div4, .div4 td { font: 10px/1.2em Arial Verdana, Helvetica, sans-serif; color: #f9ecb9; } .div4 .header { background-color: #eb4e0a; background-image: url("../img/gradient4.jpg"); background-repeat: repeat-x; padding: 4px 22px 4px 22px; } .div4 .header h1 { font: 16px/1.3em Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #f9ecb9; margin: 0; display: inline; } .div4 .header h2 { font: 16px/1.3em Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #ffffff; margin: 0; display: inline; } .div4 .subHeader li { color: #eb4e0a; } .div4 .albumDetails { background-color: #eb4e0a; padding: 30px 22px 30px 22px; } .div4 .albumDetails h1 { font: 16px/1.3em Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #f9ecb9; margin: 0; } .div4 .albumDetails h2 { font: 14px/1.3em Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #ffffff; margin: 0; display: inline; } .div4 .trackDetails { background-color: #f9ecb9; padding: 0 0 20px 0; color: #666666; } .div4 .userDetails { background-color: #f9ecb9; padding: 20px; } .div4 .trackDetails h1 { font: 14px Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #eb4e0a; margin: 0; display: inline; } .div4 .trackDetails h2 { font: 14px Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #666666; margin: 0; display: inline; } .div4 .trackList thead td { font: 14px Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #eb4e0a; } .div4 .trackList tbody td { padding: 3px 0 3px 4px; margin: 0px; border: 0px; color: #666666; } .div4 .trackList .odd td { background-color: #d7cca0; } .div4 .color1 { color: #f9ecb9; } .div4 .color2 { color: #eb4e0a; } .div4 a { background-color: #eb4e0a; color: #f9ecb9; text-decoration: none; padding: 1px 8px 1px 8px; border-bottom: 1px solid #222222; border-right: 1px solid #222222; } .div4 a:hover { background-color: #f9ecb9; color: #eb4e0a; text-decoration: none; padding: 1px 8px 1px 8px; border-top: 1px solid #222222; border-left: 1px solid #222222; border-right: 0; border-bottom: 0; } .div5, .div5 td { font: 10px/1.2em Arial Verdana, Helvetica, sans-serif; color: #866e93; } .div5 .header { background-color: #000000; background-image: url("../img/gradient5.jpg"); background-repeat: repeat-x; padding: 4px 22px 4px 22px; } .div5 .header h1 { font: 16px/1.3em Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #f9ecb9; margin: 0; display: inline; } .div5 .header h2 { font: 16px/1.3em Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #ffffff; margin: 0; display: inline; } .div5 .subHeader li { color: #866e93; } .div5 .albumDetails { background-color: #f9ecb9; padding: 30px 22px 30px 22px; } .div5 .albumDetails h1 { font: 16px/1.3em Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #000000; margin: 0; } .div5 .albumDetails h2 { font: 14px/1.3em Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #866e93; margin: 0; display: inline; } .div5 .trackDetails { background-color: #f9ecb9; padding: 0 0 20px 0; color: #000000; } .div5 .userDetails { background-color: #f9ecb9; padding: 20px; } .div5 .trackDetails h1 { font: 14px Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #866e93; margin: 0; display: inline; } .div5 .trackDetails h2 { font: 14px Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #000000; margin: 0; display: inline; } .div5 .trackList thead td { font: 14px Arial Verdana, Helvetica, sans-serif; font-weight: bold; color: #866e93; } .div5 .trackList tbody td { padding: 3px 0 3px 4px; margin: 0px; border: 0px; color: #000000; } .div5 .trackList .odd td { background-color: #e2d6a8; } .div5 .color1 { color: #f9ecb9; } .div5 .color2 { color: #000000; } .div5 a { background-color: #866e93; color: #f9ecb9; text-decoration: none; padding: 1px 8px 1px 8px; border-bottom: 1px solid #222222; border-right: 1px solid #222222; } .div5 a:hover { background-color: #f9ecb9; color: #866e93; text-decoration: none; padding: 1px 8px 1px 8px; border-top: 1px solid #222222; border-left: 1px solid #222222; border-right: 0; border-bottom: 0; }