
/*   load the main media CSS file    */

@import url('../../../common/styles/media.css');

html,body {
height:100%;
margin:0
}

#flashContent {
height:98%;
width:98%
}

#mainDiv {
width:470px;	
height:400px;
left:0;
position:absolute;
top:0;
}
#maincontainer {
height:400px;
left:0;
position:absolute;
top:0;
width:470px
}

#imagecontainer {
background:url(7_1_1_3.jpg) top center no-repeat;
height:191px;
position:absolute;
width:460px;
top:20px;
left:7px;
}
#n1,#n2,#n3,#n4,#n5,#n6,#n7,#n8,#n9,#n10,#n11,#n12,#n13,#n14,#n15,#n16,#n17,#n18,#n19,#n20,#n21,#n22,#n23,#n24,#n25,#n26,#n27,#n28,#n29,#n30,#n31,#n32 {/*border: 1px solid red;*/
    height: 11px;
    /*width: 100px;*/
	font-family:"Courier New" !important;
	font-size:10px;
	font-weight:bold;
	color:#cc7029; text-align:center;}
#n1{left: 47px;position: absolute;top: 73px;letter-spacing:-.9px}
#n2{ left: 65px;position: absolute;top: 73px;letter-spacing:-.9px;}
#n3 { position: absolute; top: 73px; left: 78px;letter-spacing: -0.9px;}
#n4 { position: absolute; top: 73px; left: 90px;letter-spacing: -0.9px;}
#n5 { position: absolute; top: 73px; left: 105px;}
#n6 { position: absolute; top: 73px; left: 115px;}
#n7 { position: absolute; top: 73px; left: 126px;}
#n8 { position: absolute; top: 73px; left: 137px;}
#n9 { position: absolute; top: 73px; left: 151px;letter-spacing: -0.9px;}
#n10 { position: absolute; top: 73px; left: 168px;}
#n11 { position: absolute; top: 73px; left: 181px;}
#n12 { position: absolute; top: 73px; left: 195px;letter-spacing: -1.3px;}
#n13 { position: absolute; top: 73px; left: 209px;}
#n14 { position: absolute; top: 73px; left: 219px;}
#n15 { position: absolute; top: 73px; left: 230px;}
#n16 { position: absolute; top: 73px; left: 240px;}
#n17 { position: absolute; top: 73px; left: 254px;letter-spacing: -0.7px;}
#n18 { position: absolute; top: 73px; left: 271px;}
#n19 { position: absolute; top: 73px; left: 285px;}
#n20 { position: absolute; top: 73px; left: 297px;}
#n21 { position: absolute; top: 73px; left: 312px;}
#n22 { position: absolute; top: 73px; left: 322px;}
#n23 { position: absolute; top: 73px; left: 333px;}
#n24 { position: absolute; top: 73px; left: 344px;}
#n25 { position: absolute; top: 73px; left: 358px; letter-spacing: -0.7px;}
#n26 { position: absolute; top: 73px; left: 375px;}
#n27 { position: absolute; top: 73px; left: 389px;}
#n28 { position: absolute; top: 73px; left: 402px;}
#n29 { position: absolute; top: 73px; left: 416px;}
#n30 { position: absolute; top: 73px; left: 427px;}
#n31 { position: absolute; top: 73px; left: 437px;}
#n32 { position: absolute; top: 73px; left: 449px;}




#a1,#a2,#a3,#a4,#a5,#a6,#a7,#a8,#a9,#a10,#a11,#a12,#a13,#a14,#a15,#a16,#a17,#a18,#a19,#a20,#a21,#a22,#a23,#a24,#a25,#a26,#a27,#a28,#a29,#a30,#a31,#a32 {/*border: 1px solid red;*/
    height: 11px;
    /*width: 100px;*/
	font-family:"Courier New" !important;
	font-size:10px;
	font-weight:normal;
	/*color:#cc7029;*/ text-align:center;
	z-index:1}
#a1{left:5px;position: absolute;top:3px;}
#a2{ left:20px;position: absolute;top:3px;}
#a3 { position: absolute; top:3px; left:33px;}
#a4 { position: absolute; top:3px; left: 45px;}
#a5 { position: absolute; top:3px; left: 58px;}
#a6 { position: absolute; top:3px; left: 68px;}
#a7 { position: absolute; top:3px; left: 79px;}
#a8 { position: absolute; top:3px; left: 89px;}
#a9 { position: absolute; top:3px; left: 109px;}
#a10 { position: absolute; top:3px; left: 124px;}
#a11 { position: absolute; top:3px; left: 137px;}
#a12 { position: absolute; top:3px; left: 150px;}
#a13 { position: absolute; top:3px; left: 162px;}
#a14 { position: absolute; top:3px; left: 172px;}
#a15 { position: absolute; top:3px; left: 182px;}
#a16 { position: absolute; top:3px; left: 193px;}
#a17 { position: absolute; top:3px; left: 212px;}
#a18 { position: absolute; top:3px; left: 227px;}
#a19 { position: absolute; top:3px; left: 240px;}
#a20 { position: absolute; top:3px; left: 253.5px;}
#a21 { position: absolute; top:3px; left: 265px;}
#a22 { position: absolute; top:3px; left: 275.5px;}
#a23 { position: absolute; top:3px; left: 285.5px;}
#a24 { position: absolute; top:3px; left: 295.5px;}
#a25 { position: absolute; top:3px; left: 316px;}
#a26 { position: absolute; top:3px; left: 331px;}
#a27 { position: absolute; top:3px; left: 346px;}
#a28 { position: absolute; top:3px; left: 358px;}
#a29 { position: absolute; top:3px; left: 369px;}
#a30 { position: absolute; top:3px; left: 379px;}
#a31 { position: absolute; top:3px; left: 389px;}
#a32 { position: absolute; top:3px; left: 401px;} 


#v1,#v2,#v3,#v4,#v5,#v6,#v7,#v8,#v9,#v10,#v11,#v12,#v13,#v14,#v15,#v16,#v17,#v18,#v19,#v20,#v21,#v22,#v23,#v24,#v25,#v26,#v27,#v28,#v29,#v30,#v31,#v32 {/*border: 1px solid red;*/
    height: 11px;
    /*width: 100px;*/
	font-family:"Courier New" !important;
	font-size:10px;
	font-weight:normal;
	/*color:#cc7029;*/ text-align:center;}
#v1{left:1px;position: absolute;top:3px;letter-spacing:-1px;}
#v2{ left:18px;position: absolute;top:3px;letter-spacing:-2px;}
#v3 { position: absolute; top:3px; left:33px;}
#v4 { position: absolute; top:3px; left: 45px;}
#v5 { position: absolute; top:3px; left: 58px;}
#v6 { position: absolute; top:3px; left: 68px;}
#v7 { position: absolute; top:3px; left: 79px;}
#v8 { position: absolute; top:3px; left: 89.3px;}
#v9 { position: absolute; top:3px; left:104px;letter-spacing: -1.5px;}
#v10 { position: absolute; top:3px; left: 124px;letter-spacing: -1px;}
#v11 { position: absolute; top:3px; left: 134px;letter-spacing: -1px;}
#v12 { position: absolute; top:3px; left: 150px;}
#v13 { position: absolute; top:3px; left: 162px;}
#v14 { position: absolute; top:3px; left: 172.2px;}
#v15 { position: absolute; top:3px; left: 183px;}
#v16 { position: absolute; top:3px; left: 193px;}
#v17 { position: absolute; top:3px; left: 212px;}
#v18 { position: absolute; top:3px; left: 227.5px;}
#v19 { position: absolute; top:3px; left: 241px;}
#v20 { position: absolute; top:3px; left: 253.5px;}
#v21 { position: absolute; top:3px; left: 265px;}
#v22 { position: absolute; top:3px; left: 275px;}
#v23 { position: absolute; top:3px; left: 285.5px;}
#v24 { position: absolute; top:3px; left: 296.5px;}
#v25 {left:316px;position: absolute;top:3px;}
#v26 { position: absolute; top:3px; left: 332px;}
#v27 { position: absolute; top:3px; left: 345px;}
#v28 { position: absolute; top:3px; left: 357px;}
#v29 { position: absolute; top:3px; left: 369px;}
#v30 { position: absolute; top:3px; left: 379px;}
#v31 { position: absolute; top:3px; left: 389px;}
#v32 { position: absolute; top:3px; left: 401px;} 


#almains
{
	height: 13px;
	left: 47px;
	position: absolute;
	top: 118px;
	width: 409px;
	clip: rect(0px, 409px, 0px, 0px);
}
#v1mains
{
height: 13px;
left: 47px;
position: absolute;
top: 158px;
width: 409px;	
clip: rect(0px, 409px, 0px, 0px);
}


#bintext
{width:453px;height:17px;font-size:11px;text-align:center;position:absolute;top:250px;}

#bintexthider{ height: 17px;
    left: 163px;
    position: absolute;
    top: 250px;
    width: 125px;
	}
	
#highlight1
{
	height: 15px;
	left: 46px;
	position: absolute;
	top: 156px;
	width: 16px;
	border:1px solid #f68026;
}

#highlight2
{
	height: 15px;
    left: 63px;
    position: absolute;
    top: 156px;
    width: 12px;
	border:1px solid #f68026;	
}
#highlight3
{border: 1px solid #F68026;
    height: 15px;
    left: 150px;
    position: absolute;
    top: 156px;
    width: 16px;}
	
#highlight4{
	border: 1px solid #F68026;
    height: 15px;
    left: 180px;
    position: absolute;
    top: 156px;
    width: 12px;
	}
	

#highlight6{border: 1px solid #F68026;
    height: 15px;
    left: 204px;
    position: absolute;
    top: 156px;
    width: 12px;}
	
#highlight7{ border: 1px solid #F68026;
    height: 15px;
    left: 309px;
    position: absolute;
    top: 156px;
    width: 10px;}
	
#highlight8{border: 1px solid #F68026;
    height: 15px;
    left: 330px;
    position: absolute;
    top: 156px;
    width: 10px;}
	
#highlight9{border: 1px solid #F68026;
    height: 15px;
    left: 413px;
    position: absolute;
    top: 156px;
    width: 10px;}
	
#highlight10{ border: 1px solid #F68026;
    height: 15px;
    left: 433px;
    position: absolute;
    top: 156px;
    width: 10px;}
	
	#arrowandtext1st
	{
	height: 70px;
    left:46px;
    position: absolute;
    top: 171px;
    width: 85px;
	clip:rect(0px 85px 0px 0px)
	}
	
#arrow1{height: 45px;
    left:4px;
    position: absolute;
    top: 0px;
    width:33px;}
	
#arrow1text{
	 font-size: 10px;
    height: 15px;
    left:-5px;
    position: absolute;
    text-align: center;
    top: 45px;
    width: 85px;
	z-index:2;
	}	
	
#arrowandtext2st
	{
	height: 70px;
    left:139px;
    position: absolute;
    top: 171px;
    width: 105px;
	clip:rect(0px 105px 0px 0px);
	}
#arrow2{height: 45px;
    left:14px;
    position: absolute;
    top: 0px;
    width:58px;}
	
#arrow2text{
	font-size: 10px;
    height: 15px;
    left: 8px;
    position: absolute;
    text-align: left;
    top: 45px;
    width: 98px;
	z-index:2;
	-webkit-margin-start:3px;
}

#arrowandtext3st{
	 clip: rect(0px, 55px, 0px, 0px);
    height: 70px;
    left: 300px;
    position: absolute;
    top: 171px;
    width: 55px;
}

#arrow3
{
	height: 45px;
    left:5px;
    position: absolute;
    top: 0px;
    width:31px;
}

#arrow3text{
	font-size: 10px;
    height: 15px;
    left: 4px;
    position: absolute;
    text-align: left;
    top: 45px;
    width: 78px;
	z-index:2;
}


#arrowandtext4st{
	clip: rect(0px, 53px, 0px, 0px);
    height: 70px;
    left: 403px;
    position: absolute;
    top: 171px;
    width: 53px;
	z-index:2;
}

#arrow4
{
	height: 45px;
    left:5px;
    position: absolute;
    top: 0px;
    width:31px;
}

#arrow4text{
	font-size: 10px;
    height: 15px;
    left: 4px;
    position: absolute;
    text-align: left;
    top: 45px;
    width:50px;
	z-index:2;
}

#highlight11{ border: 1px solid #F68026;
    height: 15px;
    left: 98px;
    position: absolute;
    top: 213px;
    width: 25px;}
	
#highlight12{border: 1px solid #F68026;
    height: 15px;
    left: 215px;
    position: absolute;
    top: 213px;
    width: 23px;}
	
#highlight13{border: 1px solid #F68026;
    height: 15px;
    left: 337.5px;
    position: absolute;
    top: 213px;
    width: 14px;}
#highlight14{border: 1px solid #F68026;
    height: 15px;
    left: 440px;
    position: absolute;
    top: 213px;
    width: 16px;}
	
	#cloud{		
	clip: rect(0px, 330px, 0px, 0px);
	height: 99px;
    left: 117px;
    position: absolute;
    top: 225px;
    width: 330px;
	z-index:1
	}
	
#dvSliderContainer {
    
    bottom: 13px !important;
    right: 5px !important;;
    width: 447px !important;;
}	
		
#slider {
     width: 247px !important;
}
	#ip32bit	
{
    font-size: 11px;
    height: 17px;
    left: 216px;
    position: absolute;
    text-align: center;
    top: 4px;
    width: 100px;
}

#octet1
{
    font-size: 10px;
    height: 12px;
    left: 48px;
    line-height: 10px;
    position: absolute;
    text-align: center;
    top: 41px;
    width: 94px;
}

#octet2
{
    font-size: 10px;
    height: 12px;
    left: 149px;
    line-height: 10px;
    position: absolute;
    text-align: center;
    top: 41px;
    width: 98px;
}

#octet3
{
    font-size: 10px;
    height: 12px;
    left: 253px;
    line-height: 10px;
    position: absolute;
    text-align: center;
    top: 41px;
    width: 98px;
}

#octet4
{
    font-size: 10px;
    height: 12px;
    left: 357px;
    line-height: 10px;
    position: absolute;
    text-align: center;
    top: 41px;
    width: 95px;
}

#octetbit
{
	font-size: 10px;
    height: 17px;
    left: 10px;
    line-height: 10px;
    position: absolute;
    text-align: center;
    top: 89px;
    width: 42px;
    z-index: 2;
}

#binadd{
	font-size: 10px;
    height: 17px;
    left: 8px;
    line-height: 10px;
    position: absolute;
    text-align: center;
    top: 136px;
    width: 47px;
    z-index: 2;
}
#binval{
	font-size: 10px;
    height: 29px;
    left: 10px;
    line-height: 10px;
    position: absolute;
    text-align: center;
    top: 171px;
    width: 40px;
    z-index: 2;
}

#iptext{font-size: 10px;
    height: 12px;
    left: 66px;
    line-height: 10px;
    position: absolute;
    text-align: center;
    top: 57px;
    width: 98px;
    z-index: 3;}
	
#ittext10{font-size: 10px;
    height: 12px;
    left: 46px;
    line-height: 10px;
    position: absolute;
    text-align: center;
    top: 70px;
    width: 142px;
    z-index: 3;}