body{
	font-family:arial, verdana, helvetica;
	font-size:14px;
	margin: 0;
}


.FullPageBG, .formMain, .reviewFormMain, .conformMain, .tos-isosceles, .image-panel {
display:none;
}
 
#MainDiv{
position:relative;
}
#loginBG{
background-image:url('../images/postLogin/CnR-Widgets/QuickCollect-Templates-CnR/01.png');
width:1366px;
height:678px;
}

#loginForm{	
}

#pageBG{
background-image:url('../images/postLogin/CnR-Widgets/QuickCollect-Templates-CnR/01.png');
width:1366px;
height:678px;
}

#pageBG2{
background-image:url('../images/postLogin/CnR-Widgets/QuickCollect-Templates-CnR/02.png');
width:1366px;
height:678px;
position: absolute;
    top: 0;
    left: 0;
} 

#pageBG3{
background-image:url('../images/postLogin/CnR-Widgets/QuickCollect-Templates-CnR/0.png');
width:1366px;
height:678px;
position: absolute;
    top: 0;
    left: 0;
} 

#QuickColl-Template-Details_form .formFrame{
background-image:url('../images/postLogin/CnR-Widgets/QuickCollect-Templates-CnR/0.png');
width: 880px;
    height: 598px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
}
#QuickColl-Template-form .formFrame{
background-image:url('../images/postLogin/CnR-Widgets/QuickCollect-Templates-CnR/04.png');
width: 524px;
    height: 440px;
}

#QuickColl-Template-form  #formContainer .formEmpty{
	background-image:url('../images/postLogin/CnR-Widgets/QuickCollect-Templates-CnR/0.png');
	width: 858px;
    height: 760px;
}

#QuickColl-Template-form  #formContainer{	
	width: 876px;
    height: 526px;
	position: absolute;
	overflow:scroll;
	overflow-x:hidden;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
} 


#CIF-LookUp .formFrame{
background-image:url('../images/postLogin/CnR-Widgets/QuickCollect-Templates-CnR/05.png');
	width: 642px;
    height: 252px;
}


#Template-Details .formFrame{
background-image:url('../images/postLogin/CnR-Widgets/QuickCollect-Templates-CnR/09.png');
	width: 720px;
    height: 490px;
}

#FileUpload-form .formFrame{
background-image:url('../images/postLogin/CnR-Widgets/QuickCollect-Templates-CnR/0.png');
	width: 668px;
    height: 474px;
}


#QuickColl-Template-Reviewform .formFrame{
	background-image:url('../images/postLogin/CnR-Widgets/QuickCollect-Templates-CnR/12.png');
	width: 524px;
    height: 410px;
 }

#QuickColl-Template-Reviewform  #reviewformContainer .formEmpty{
	background-image:url('../images/postLogin/CnR-Widgets/QuickCollect-Templates-CnR/0.png');
	width: 855px;
    height: 1057px;
}

#QuickColl-Template-Reviewform  #reviewformContainer{	
	    width: 876px;
    height: 526px; 
	position: absolute;
	overflow:scroll;
	overflow-x:hidden;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
} 

#QuickColl-Template-Conformform  .formFrame{
	background-image:url('../images/postLogin/CnR-Widgets/QuickCollect-Templates-CnR/13.png');
	width: 570px;
    height: 460px;
 }
.formFrame{
	position: absolute;
    top: 50%;
    left: 50%;    
	transform:translate(-50%,-50%);
 }



.formMain, .reviewFormMain, .conformMain {
background-color:rgba(255,255,255,0.7);
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
}


#Initiate-dropdown {
    top: 170px;
    left: 0px;
}
#Initiate-dropdown2 {
    top: 170px;
    left: 0px;
}

#CIF-img {
    top: 175px;
    left: 435px;
}
#Template-dropdown {
    top: 290px;
    left: 440px;
}
#Template-img {
    top: 237px;
    left: 431px;
}
#File-img {
    top: 335px;
    left: 432px;
}

#Remarks-img{
    top: 428px;
    left: 432px;
}
#RightClick-Upload {
    top: 545px;
    left: 500px;
}
#token-img {
    top: 492px;
    left: 190px;
}

#tick-img{
   top: 193px; left: 352px;	
	}
	

#tos_1 {
    top: 172px;
    left: 805px;
}
#tos_2 {
    top: 358px;
    left: 28px;
}
#tos_3 {
    top: 324px;
    left: 28px;
}
#tos_4 {
   top: 324px;
   left: 448px;
}
#tos_5 {
    top: 98px;
    left: 1088px;
}
#tos_6 {
    top: 506px;
    left: 566px;
}

#tos_7 {
     top: 512px;
     left: 560px;
}
#tos_8 {
    top: 174px;
    left: 636px;
}
#tos_9 {
    top: 252px;
    left: 960px;
}
#tos_10 {
    top: 242px;
    left: 628px;
}
#tos_11 {
    top: 240px;
    left: 730px;
}
#tos_12 {
    top: 344px;
    left: 476px;
}
#tos_13 {
    top: 228px;
    left: 808px;
}
#tos_14 {
    top: 438px;
    left: 632px;
}
#tos_15 {
    top: 492px;
    left: 900px;
}
#tos_16{
	    top: 172px;
	    left: 906px;
}
#tos_17{
    top: 478px;
    left: 898px;
}
#tos_18 {
    top: 166px;
    left: 932px;
}

#slide_container{
	position: fixed;
  height: 100px;
  width:600px;
  bottom:0;
  z-index:998;
margin:0 auto;  
overflow:scroll;

}

#slide_container #slide_thumbs{	
  background: #FF0;
  height: 80px;
  width:auto;

}
#slide_thumbs .thumbs{
	background: #F0F;
	height: 60px;
	width:60px;
	
display:inline-block;
	margin:0 3px;
} 

.tos-isosceles, .tos {
    margin: 1em 0 0em;
}
.popup-panel{
	display:none;
}