/*   load the main media CSS file    */

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

html, body {
	margin:0;
	height:100%;
	min-height: 390px;
	min-width:470px;
}
#flashContent {
	width:100%;
	height:100%;
}

#mainDiv
{
width:413px;
height:400px;
position:absolute;
top:0px;
}

#main_wrapper{width:408px;height:340px;position: absolute;}

#boyandgirlcontaioner{width:320px;height:auto;position:absolute;top:81px;left:0px;}

#boyandgirl{width:214px;height:203px;background:url(man_women1.png)center center no-repeat;top:49px;left:77px;position:absolute; z-index:1;}

#girlText{height: 20px;left:86px;position: absolute;top: 235px;width: 75px;font-size:10px;text-align:center;line-height:10px;}
#boyText{height: 20px;left:208px;position: absolute;top: 235px;width:75px;font-size:10px;text-align:center;line-height:10px;}

#girlsun{ height: 81px;
    left: -3px;
    position: absolute;
    top: -64px;
    width: 80px;}

#boysun{height: 90px;
    left: 139px;
    position: absolute;
    top: -64px;
    width: 89px;
    z-index: -1;}
	
#boysun_ques{height: 90px;
    left: 139px;
    position: absolute;
    top: -64px;
    width: 89px;
    z-index: -1;}
	
#boysun1 {height: 90px;
    left: 139px;
    position: absolute;
    top: -64px;
    width: 82px;
    z-index: 0;}
	
#pulse{height: 90px;
    left: 131px;
    position: absolute;
    top: 57px;
    width: 89px;
    z-index: -1 !important;}


#computercontiner{width:320px;height:auto;position:absolute;top:34px;left:37px;}

#computercomp{width:285px;height:163px;position:relative;top:-12px;left:0px;background:url("3_3_1_5_sys.png") top center no-repeat;}

#secondcomp{width:90px;height:74px;position:relative;top:-55px;left:235px;background:url("computer.png") top center no-repeat;}

#envlope{width:30px;height:19px;position:relative;top:66px;left:-44px;background:url("envelope.png") top center no-repeat; opacity:0;}
#envlope2{width:30px;height:19px;position:relative;top:-30px;left:23px;background:url("envelope.png") top center no-repeat; opacity:0;}
#envlope3{width:30px;height:19px;position:relative;top:-49px;left:23px;background:url("envelope.png") top center no-repeat; opacity:0;}
#light{width:5px;height:5px;position:relative;top:-8px;left:38px;}
#envelop{width:30px;height:19px;position:relative;top:-22px;left:23px;}

#sysimage{width:50px;height:36px;position:relative;top:8px;left:15px;border:0;}
#sysimagelast{border: 0 none;
    height: 36px;
    left: 15px;
    position: relative;
    top: -33px;
    width: 50px;}
#sourtext{
    font-size: 10px;
    height: 20px;
    left: 0;
    line-height: 9px;
    position: absolute;
    text-align: center;
    top: 83px;
    width: 62px;}
	
#desttext
{
    font-size: 10px;
    height: 20px;
    left: 0;
    line-height: 9px;
    position: absolute;
    text-align: center;
    top: 77px;
    width: 66px;
	}

#text5showdow
{
	border: 2px solid #652C8A;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px 1px #652C8A;
    height: 30px;
    left: -23px;
    opacity: 0;
    position: absolute;
    top: 34px;
    width: 53px;
}
#text6showdow{

	border: 2px solid #652C8A;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px 1px #652C8A;
    height: 21px;
    left: 40px;
    opacity: 0;
    position: absolute;
    top: 34px;
    width: 48px;
}

#text7showdow
{
	border: 2px solid #652C8A;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px 1px #652C8A;
    height: 21px;
    left: 97px;
    opacity: 0;
    position: absolute;
    top: 34px;
    width: 51px;	
}
#text8showdow
{
	border: 2px solid #652C8A;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px 1px #652C8A;
    height: 40px;
    left: 156px;
    opacity: 0;
    position: absolute;
    top: 34px;
    width: 61px;
}
#text9showdow
{
	border: 2px solid #652C8A;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px 1px #652C8A;
    height: 21px;
    left: 229px;
    opacity: 0;
    position: absolute;
    top: 34px;
    width: 43px;
}
#text10showdow
{
     border: 2px solid #652C8A;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px 1px #652C8A;
    height: 22px;
    left: 282px;
    opacity: 0;
    position: absolute;
    top: 34px;
    width: 43px;
}

#text11showdow
{
    border: 2px solid #652C8A;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 1px 1px #652C8A;
    height: 29px;
    left: 335px;
    opacity: 0;
    position: absolute;
    top: 34px;
    width: 59px;
}

#text1 {/*border: 1px solid red;*/
    font-size: 10px;
    left: 130px;
    overflow-x: scroll;
    position: absolute;
    text-align: right;
    top: 167px;
    width: 111px; overflow:hidden;}
#text1 p {left: -557px;
    position: relative;
    top: 0;
    width: 100%;}
#text4 {background-color: #FFFFFF;
    font-size: 11px;
    left: -386px;
    position: absolute;
    top: 167px;
    width: 118%;
    z-index: 1; opacity:0;}
#text2 {font-size: 11px;left: 280px;position: absolute;top: 142px; opacity:0;}
#text3 {font-size: 11px;left: 142px;position: absolute;text-align: center;top: 179px;width: 89px; opacity:0;}




/*Second Animation Css Starts*/
#envlope_cross {height:70px;left:10px;position:relative;top:63px;width:78px;}
#line {left: 71px;position: absolute;top: 126px; width:215px; height:107px;}

.block { background-color: #FFFFFF;
    height: 77px;
    left: -48px;
    position: absolute;
    top: 66px;
    width: 118px;}
.block2 { background-color: #FFFFFF;
    height: 77px;
    left: 248px;
    position: absolute;
    top: 213px;
    width: 118px;}
#question {height: 40px;
    left: 16px;
    position:relative;
    top: 8px; opacity:0;}