/*   load the main media CSS file    */

@import url('../../../common/styles/media.css');

html, body {
	margin:0;
	height:100%;
}
#flashContent {
	width:98%;
	height:98%;
	overflow:hidden !important;
}
#mainDiv
{
width:460px;
height:400px;
position:absolute;
top:0px;
left:0px;
}
#maincontainer
{
width:460px;
height:380px;
position:absolute;
top:0px;
left:0px;	
}
#imagecontainer
{
background: url("10_3_1_6.png") no-repeat scroll center top transparent;
height:132px;
left: 90px;
position: absolute;
top: 60px;
width:237px;	
}
#computer1
{
height: 53px;
left: -12px;
position: absolute;
top: 84px;
width: 64px;	
z-index:1;
}
#computer2
{
height: 53px;
left: 229px;
position: absolute;
top: 84px;
width: 64px;
z-index:1;	
}
#switch
{
height: 53px;
left:96px;
position: absolute;
top: 103px;
width: 64px;	
z-index:1;
}
#packetimage
{
height: 13px;
left: 233px;
position: absolute;
top: 104px;
width: 47px;
z-index: 0;	
}
#packet
{
background: url("packet-2.png") no-repeat scroll center top transparent;
height: 39px;
left: 72px;
opacity: 0;
position: absolute;
top: 102px;
width: 92px;
z-index: 2;	
}
#packet span
{
font-size: 11px;
height: 17px;
left: 0;
position: absolute;
text-align: center;
top: 12px;
width: 89.2px;
}
#text1
{
background: none repeat scroll 0 0 #FDE6D4;
border: 2px solid #F68026;
border-radius: 5px 5px 5px 5px;
font-size: 11px;
height: auto;
left: 15px;
padding: 6px;
position: absolute;
top: 240px;
width: 408px;
}
#text2
{
font-size: 11px;
height: 17px;
left: -13px;
position: absolute;
text-align: center;
top: 139px;
width: 60.2px;
}
#text3
{
font-size: 11px;
height: 17px;
left: 227px;
position: absolute;
text-align: center;
top: 139px;
width: 60.2px;
}