/*   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;
}
table { width:100% !important;border-collapse:collapse;}
table tbody tr { border-color:#98D3D1;}
table tbody tr td { border-color:#a2aa23; font-size:11px !important; border:3px solid #98D3D1; border-collapse:collapse;line-height:11px !important;}
table tbody tr td b { font-size:11px !important; font-weight:bold !important; border-collapse:collapse;}
table tbody tr td font { font-size:11px !important; border-collapse:collapse;}
.table_font { border-color:#a2aa23; font-size:11px !important; font-weight:bold !important; width:33% !important;}
.liner_top {line-height:0 !important;height: 0px !important; margin:0px; padding:1.5px 0 1.5px 0;}
li{margin-left:2em !important;}
.liner { line-height:0px !important; padding:2px;}
#ID_s1_table {box-shadow: 0 0 2px 2px #999999 !important; height:64.15px !important;width:440px !important; border-radius:5px !important;}
#ID_s3_table {box-shadow: 0 0 2px 2px #999999 !important; height:64.15px !important;width:440px !important; border-radius:5px !important;}

#mainDiv {
width:440px;	
height:400px;
left:0;
position:absolute;
top:0;
}
#maincontainer {
width:420px;	
height:380px;
left:0;
position:absolute;
top:0;
}
#imagecontainer
{
width:304px;
height:163px;
position:absolute;
left:115px;
top:170px;
background:url(11_2_2_3_B.jpg) top center no-repeat;
}
#table {
    border-radius: 5px 5px 5px 5px !important;
    box-shadow: 0 0 2px 2px #999999 !important;
    height: 86.15px !important;
    left: 40px;
    position: absolute;
    top: 42px;
    width: 404px !important;
}
#computer
{
height: 41px;
left: 18px;
position: absolute;
top: -12px;
width: 50px;
}
#text0
{
font-size: 10px;
height: 17px;
left: 5px;
line-height: 11px;
position: absolute;
text-align: center;
top: -36px;
width: 74.05px;
}
#text1
{
font-size: 10px;
height: 17px;
left: 0;
position: absolute;
text-align: center;
top: 30px;
width: 74.05px;
}
#text2
{
font-size: 10px;
height: 17px;
left: 228px;
line-height: 11px;
position: absolute;
text-align: center;
top: 6px;
width: 100px;
}
#text3
{
font-size: 10px;
height: 17px;
left: 246px;
line-height: 11px;
position: absolute;
text-align: center;
top: 78px;
width: 58px;
}
#text4
{
font-size: 10px;
height: 17px;
left: 218px;
line-height: 11px;
position: absolute;
text-align: center;
top: 91px;
width: 117px;
}
#text5
{
font-size: 10px;
height: 17px;
left: 44px;
line-height: 11px;
position: absolute;
text-align: center;
top: 82px;
width: 117px;
}
#text6 {
font-size: 10px;
height: 17px;
left: -21px;
line-height: 11px;
position: absolute;
text-align: center;
top: 158px;
width: 117px;
}
#text7 {
font-size: 10px;
height: 17px;
left: -95px;
line-height: 11px;
position: absolute;
text-align: center;
top: 91px;
width: 100px;
}

#text8{
background: url("bubble.png") no-repeat scroll center top transparent;
font-size: 10px;
height: 80px;
left: -95px;
line-height: 11px;
position: absolute;
text-align: left;
top: 4px;
width: 103px;
-moz-transform: scale(0,0);
-webkit-transform: scale(0,0);
-o-transform: scale(0,0);
transform: scale(0,0);
}
#text8 span{
font-size: 10px;
height: 17px;
left: 6px;
position: absolute;
top: 17px;
width: 97px;
}
#text9 {
font-size: 10px;
height: 17px;
left: 11px;
line-height: 11px;
position: absolute;
text-align: center;
top: 43px;
width: 118px;
}
#text10{
background: url("bubble.png") no-repeat scroll center top transparent;
font-size: 10px;
height: 80px;
left: -95px;
line-height: 11px;
position: absolute;
text-align: left;
top: 4px;
width: 103px;
-moz-transform: scale(0,0);
-webkit-transform: scale(0,0);
-o-transform: scale(0,0);
transform: scale(0,0);
}
#text10 span{
font-size: 10px;
height: 17px;
left: 6px;
position: absolute;
top: 17px;
width: 97px;
}
#arrow1
{
height: 10px;
left: 58px;
position: absolute;
top: 122px;
width:54px;	
clip:rect(0px 0px 20px 0px);
}
#arrow1head
{
height: 10px;
left: 59px;
position: absolute;
top: 125px;
width: 54px;	
}
#arrow2
{
height:39px;
left:160px;
position: absolute;
top:95px;
width: 10px;
clip: rect(22px, 3px, 22px, 0px);
}
#arrow2head
{
height: 39px;
left: 156px;
position: absolute;
top:94px;
width: 10px;
}
#arrow3
{
height: 10px;
left: 195px;
position: absolute;
top: 39px;
width: 60px;
clip:rect(0px 0px 20px 0px);
}
#arrow3head
{
height: 10px;
left: 196px;
position: absolute;
top: 42px;
width: 60px;
}
#arrow4
{
height: 55px;
left: 39px;
position: absolute;
top: 82px;
width: 10px;
clip:rect(33px, 3px, 33px, 0px);
}
#arrow4head
{
height: 55px;
left: 35px;
position: absolute;
top: 96px;
width: 10px;
}
#system-red1
{
height: 43px;
left: 252px;
position: absolute;
top: 33px;
width: 52px;	
}
#system-red2
{
height: 43px;
left: 16px;
position: absolute;
top: -14px;
width: 52px;	
}

#dvSliderContainer {
    right: -2px !important;
}