/*=====================

        headings

=====================*/

.focus
{
    display:block;
    position:relative;
    height:219px;
    width:945px;	
}

.role-links
{
    display: block;
    width:157px;
    height:40px;
    color:#FFFFFF;
    text-decoration:none;
    font-family:Arial,Sans-Serif;
    font-size:20px;
    font-weight:bolder;
    line-height:40px;    
}

.role-signup
{
    background-image:url('../../public/flash/media/btn-signup.png');
    background-repeat:no-repeat;
}

.role-learnmore
{
    background-image:url('../../public/flash/media/btn-learn-more.png');
    background-repeat:no-repeat;
}


.punch-line
{
    display:block;
    font-family:Arial,Sans-Serif;
    font-size:20px;
    font-weight:bolder;  
    line-height:30px;  	
	margin-top:10px;
    margin-bottom:10px;	
}

.bt
{
    display: block;
    position:relative;
    width:265px;
    height:69px;
    color:#FFFFFF;
    text-decoration:none;
    outline: none;
    font-family:Arial,Sans-Serif;
    font-size:20px;
    font-weight:bolder; 
    line-height:69px;                     
    background-repeat:no-repeat;      
	overflow:hidden;
}

.bt-teacher
{                  
    /*background-image:url('../../public/flash/media/btn-teacher.png');     */              
}
.bt-institution
{                  
    background-image:url('../../public/flash/media/btn-institution.png');                   
}
.bt-student
{                  
    background-image:url('../../public/flash/media/btn-student.png');                   
}

.bt-bg
{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

.bt-content
{
    display: block;
    position:relative;
    width:239px;
    height:67px;
    line-height:67px;
    margin-left:86px; 
    z-index:15;
}

.bt-teacher-content
{                    
                       
}
.bt-institution-content
{                    
                       
}
.bt-student-content
{                    
                      
}

.icon
{ 
    position:absolute;
    top:1px;
    left:-75px;
}
/*
.bt-teacher-content .icon
{ 
    position:absolute;
    top:7px;
    left:-70px;	
}
.bt-institution-content .icon
{ 
    position:absolute;
    top:7px;
    left:-70px;
}
.bt-student-content .icon
{ 
    position:absolute;
    top:4px;
    left:-75px;
}
*/

.bt-arrow
{
    position:absolute; 
    top:0px;                   
    left:120px;
    z-index:-5;
}
.bt-mask
{
    position:absolute; 
    top:0px;                   
    left:215px;
    z-index:10;
}

/*==========================================

                    Teacher

==========================================*/
.focus-teacher
{
    background-image:url('../../public/flash/media/bg-teacher.png');   
	background-repeat:repeat-x;	
}

.focus-teacher table
{
    background-image:url('../../public/flash/media/bg-T.png');
    background-repeat: no-repeat;
    background-position:500px 0;
}

.focus-teacher .punch-line-teacher
{
    color:#115593;    
}
.focus-teacher .punch-line-institution,.focus-teacher .punch-line-student
{
    display:none;
}

.focus-teacher .links-teacher
{
    display:block;
}

.focus-teacher .links-institution,.focus-teacher .links-student
{
    display:none;
}

/*==========================================

                Institution

==========================================*/
.focus-institution
{
    background-image:url('../../public/flash/media/bg-institution.png');
	background-repeat:repeat-x;	
}
.focus-institution table
{
    background-image:url('../../public/flash/media/bg-I.png');
    background-repeat: no-repeat;
    background-position:500px 0;
}
.focus-institution .punch-line-institution
{
    color:#1a5c97;    
}
.focus-institution .punch-line-teacher,.focus-institution .punch-line-student
{
    display:none;
}

.focus-institution .links-institution
{
    display:block;
}

.focus-institution .links-teacher,.focus-institution .links-student
{
    display:none;
}

/*==========================================

                    Student

==========================================*/
.focus-student
{
    background-image:url('../../public/flash/media/bg-student.png');
	background-repeat:repeat-x;	
}
.focus-student table
{
    background-image:url('../../public/flash/media/bg-S.png');
    background-repeat: no-repeat;
    background-position:500px 0;
}
.focus-student .punch-line-student
{
    color:#6caa17;    
}
.focus-student .punch-line-institution,.focus-student .punch-line-teacher
{
    display:none;
}

.focus-student .links-student
{
    display:block;
}

.focus-student .links-teacher,.focus-student .links-institution
{
    display:none;
}