/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 13, 2016, 11:29:49 AM
    Author     : pushpkumar.deshmukh
*/


.helpPanel{
      
    display: block;
    margin:0 auto; 
    position: relative;  
    background-image: url("help_bg.png"); 
    width: 1010px;
    height: 680px;  
    overflow: hidden;
   
}

._helpHolder{
    
    display: block;
    margin:0 auto; 
    position: relative;  
    height: 100%; 
    left: 0px;
    top: 20px;
    
}

.btnGroup{
    
}

#btnGroup{
    position: absolute;
    top: 48px;
    left: 78px;
}

.btn-default{
    width: 30px;
    height: 26px;
    position: absolute;
    cursor: pointer;
}

#helcoursetitletext{
    width: 500px;
    left: 230px;
    top: 16px;    
}

#helmoduletitletext{
    width: 320px;
    left: 12px;
    top: 60px;    
}

#helptitletext{
    width: 120px;
    left: 12px;
    top: 60px;    
}

#helpmenu{
   left: 18px;
   top: 508px;
}



#helptimeincourse{
    width: 300px;
    left: 78px;
    top: 516px;     
}

#helpbtn{
   left: 400px;
   top: 508px;
}

#helpresourcesbtn{
   left: 442px;
   top: 508px;
}

#helptranscript{
   left: 506px;
   top: 508px;
}

#helpaudioonoff{
   left: 546px;
   top: 508px;
}

#helpreplay{
  left: 610px;
  top: 508px;
}

#helpplaypause{
   left: 650px;
   top: 508px;
}

#helpback{
   left: 710px;
   top: 508px;
}



#helppagecounter{
   width: 60px;
   left: 748px;
   top: 508px;
}

#helpnext{
   left: 820px;
   top: 508px;
}

#helpname{
    width: 60px;
    left: 194px;
    top: 500px;
    height: 20px;
}

#helpcourseclose{
   left: 824px;
   top: 10px;
}

#helpclose{
   left: 354px;
   top: 360px;
   width: 140px;
}

#helpcontent{
    position: relative;
    left: 304px;
    top: 256px;
    width: 400px;
    height: 134px;
    color: black;
    font-size: 110%;  
}


.bottom-right{
    top:10px;
    left:10px;
}

right-bottom{
    top:10px;
    left:25%;
}

.bottom{
    top:10px;
    left:50%;
    margin-left:-17px;
}

.left-bottom{
    top:10px;
    right:25%;
}

.bottom-left{
    top:10px;
    right:10px;
}

.right{
    left:10px;
    top:50%;
    margin-top:-17px;
}

.left{
    right:10px;
    top:50%;
    margin-top:-17px;
}

.top-right{
    bottom:10px;
    left:10px;
}

.right-top{
    bottom:10px;
    left:25%;
}

.btn.top{
    bottom:10px;
    left:50%;
    margin-left:-17px;
}

.left-top{
    bottom: 10px;
    right:25%;
}

.top-left{
    bottom:10px;
    right:10px;
}