/*
* @author: William Khoe
*/

section.instruction-list
{
    float:left; clear:left;
    margin:0 0 30px 0; 
    border:1px solid #DEDEDE;	
    padding:19px;
    width:100%;
    background:#FFF;
    -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:1px 1px 3px rgba(0,0,0,0.2);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
section.instruction-list h3
{
	margin:0 0 15px 0;
	font-size:13px; text-transform:uppercase;
}
section.instruction-list ul li
{
	margin:15px 0 0 0; padding:0 0 0 13px;
	background:url(/img/ui/list-bullet.png) no-repeat 0 6px;
	color:#5E5E5E;
}
section.instruction-list ul li:first-child
{
	margin:0;
}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px)
{
	section.instruction-list
	{
		width:191px;
	}
}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px)
{
	section.instruction-list
	{
		float:none; clear:none;
		width:auto;
		margin:0 0 20px 0;
	}
}