.divtop { 
	position: fixed; 
       /* width: 70%;  Set your desired with */
        z-index: 20000; /* Make sure its above other items. */
       /* top: 50%;
        left:20%;*/
       
        /* You will not need the below, its only
           for styling   purposes.*/
      
        border: 2px solid #555555;
        background-color: #ccc;
        border-radius: 5px;
        text-align: center;
     
      /* Firefox   */
        -moz-animation: cssAnimation 0s ease-in 5s forwards;
    
    
    -webkit-animation: cssAnimation 0s ease-in 3s forwards;
    /* Safari and Chrome */
    -o-animation: cssAnimation 0s ease-in 3s forwards;
    /* Opera */
    animation: cssAnimation 0s ease-in 3s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
     top: 50px;
    right: 0px;
		 	 
} 
@keyframes cssAnimation {
    to {
        width:0;
        height:0; 
        z-index:-1;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        width:0;
        height:0; 
        visibility:hidden;
    }
}


    .divtop_full { 
	    position: fixed; 
        z-index: 2000; /* Make sure its above other items. */
        top: 2px;
        left: 20px;
        right: 20px;
		bottom: 0px;
        /* You will not need the below, its only
           for styling   purposes.*/
       
        border: 6px solid #f39c12;
        background-color: #ccc;
        border-radius: 5px;
		overflow:scroll;
       
		 	 
}    
  #red{ color:#FF6600;}
  #sky { color:#66CCFF;}
  
  
  .loader {
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid blue;
  /*border-right: 6px solid green;
  border-bottom: 6px solid red;
  border-left: 6px solid pink;*/
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;  

}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.body {
       position: fixed;
    bottom: 170px;
    right: -8px;
    padding: 20px; 
    z-index: 1;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}