#soundboard #header{background:url("../media/global/icon-soundboard.png") no-repeat 7px 43px;text-indent:40px}

#soundboard .one-up{height:275px;margin-bottom:10px}
#soundboard .one-up li{width:320px;text-align:center}
#soundboard .one-up li img{width:90px;height:90px}

#soundboard .five-up{border-top:1px solid #ccc;padding-top:4px;height:65px}
#soundboard .five-up ul{margin-left:-28px}
#soundboard .five-up li{width:75px;height:59px}
#soundboard .five-up li img{border:1px solid #ccc;width:71px;height:59px}
#soundboard .five-up li.selected img{border:2px solid #f08207;margin:-1px 0px 0px -1px}
#soundboard .five-up .arrow-button{top:25px}





/*Image Table Begin -*/

.mtable-1 img {
  border-width:1px;
  border-style:solid;
  border-color:#C8C8C8;

}

.mtable-1 {
	border: none;
	height: 282px;
	position: relative;
	text-align: left;
	width: 282px;
        margin-left: 20px;
}

.mtable-1-1 {
	border: none;
	height: 94px;
	left: 0px;
	line-height: 94px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 94px;
}

.mtable-1-2 {
	border: none;
	height: 94px;
	left: 94px;
	line-height: 94px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 94px;
}

.mtable-1-3 {
	border: none;
	height: 94px;
	left: 188px;
	line-height: 94px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 94px;
}

.mtable-1-4 {
	border: none;
	height: 94px;
	left: 0px;
	line-height: 94px;
	padding: 0px;
	position: absolute;
	top: 94px;
	width: 94px;
}

.mtable-1-5 {
	border: none;
	height: 94px;
	left: 94px;
	line-height: 94px;
	padding: 0px;
	position: absolute;
	top: 94px;
	width: 94px;
}

.mtable-1-6 {
	border: none;
	height: 94px;
	left: 188px;
	line-height: 94px;
	padding: 0px;
	position: absolute;
	top: 94px;
	width: 94px;
}

.mtable-1-7 {
	border: none;
	height: 94px;
	left: 0px;
	line-height: 94px;
	padding: 0px;
	position: absolute;
	top: 188px;
	width: 94px;
}

.mtable-1-8 {
	border: none;
	height: 94px;
	left: 94px;
	line-height: 94px;
	padding: 0px;
	position: absolute;
	top: 188px;
	width: 94px;
}

.mtable-1-9 {
	border: none;
	height: 94px;
	left: 188px;
	line-height: 94px;
	padding: 0px;
	position: absolute;
	top: 188px;
	width: 94px;
}

/*Image Table End*/


@media (min-device-width: 768px) and (max-device-width: 1024px){#soundboard
#header{background:url("../media/global/icon-soundboard-ipad.png") no-repeat 19px 103px;text-indent:96px}

/*This defines the iamge area */
#soundboard .one-up{height:730px;margin-bottom:24px}
#soundboard .one-up li{width:768px}

/*This controls the image properties of the ipad image*/
#soundboard .one-up li img{width:240px;height:240px}



#soundboard .five-up{border-top:2px solid #ccc;padding-top:10px;height:156px}
#soundboard .five-up ul{margin-left:-67px}
#soundboard .five-up li{width:180px;height:142px}
#soundboard .five-up li img{border:2px solid #ccc;width:171px;height:142px}
#soundboard .five-up li.selected img{border:5px solid #f08207;margin:-2px 0px 0px -2px}
#soundboard .five-up .arrow-button{top:60px}}

#soundcontainer {
    margin-left: 20px;
}


/*Soundboard Table iPad - Begin*/

.mtableiPad img {
  border-width:1px;
  border-style:solid;
  border-color:#C8C8C8;

}

.mtableiPad-1 {
	border: none;
	height: 732px;
	position: relative;
	text-align: left;
	width: 732px;
        margin-left: 20px;
}

.mtableiPad-1-1 {
	border: none;
	height: 244px;
	left: 0px;
	line-height: 244px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 244px;
}

.mtableiPad-1-2 {
	border: none;
	height: 244px;
	left: 244px;
	line-height: 244px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 244px;
}

.mtableiPad-1-3 {
	border: none;
	height: 244px;
	left: 488px;
	line-height: 244px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 244px;
}

.mtableiPad-1-4 {
	border: none;
	height: 244px;
	left: 0px;
	line-height: 244px;
	padding: 0px;
	position: absolute;
	top: 244px;
	width: 244px;
}

.mtableiPad-1-5 {
	border: none;
	height: 244px;
	left: 244px;
	line-height: 244px;
	padding: 0px;
	position: absolute;
	top: 244px;
	width: 244px;
}

.mtableiPad-1-6 {
	border: none;
	height: 244px;
	left: 488px;
	line-height: 244px;
	padding: 0px;
	position: absolute;
	top: 244px;
	width: 244px;
}

.mtableiPad-1-7 {
	border: none;
	height: 244px;
	left: 0px;
	line-height: 244px;
	padding: 0px;
	position: absolute;
	top: 488px;
	width: 244px;
}

.mtableiPad-1-8 {
	border: none;
	height: 244px;
	left: 244px;
	line-height: 244px;
	padding: 0px;
	position: absolute;
	top: 488px;
	width: 244px;
}

.mtableiPad-1-9 {
	border: none;
	height: 244px;
	left: 488px;
	line-height: 244px;
	padding: 0px;
	position: absolute;
	top: 488px;
	width: 244px;
}