/* = = = = = = = = = View-widget Specific  classes: */

/*
main-content { 
 }

#right-widget-1 { 
                  width: 180px;
                  height: 187px;
 }

#right-widget-2 { 
                  width: 180px;
                  height: 303px;
                  }
*/

/*
#right-widget-1 { 
                  position: absolute;
                  left: 600px;
                  top: 100px;
                  width: 180px;
                  height: 187px;
 }

#right-widget-2 { 
                  position: absolute;
                  width: 180px;
                  height: 303px;
                  }

*/

#main-content { 
                float: left;
 }


#right-widget-1 { 
                  margin-left: 287px;
                  width: 180px;
                  height: 187px;
 }

#right-widget-2 { 
                  margin-left: 288px; /* 576px; */
                  margin-top: 105px; 
                  width: 180px;
                  height: 303px;
                  }


.dockable { 
            border-width: 4px;
            border-top-color: #7f00ff;
            border-left-color: #7f00ff;            
            border-bottom-color: #32cd32; /* lime-green */
            border-right-color: #32cd32; /* lime-green */
            border-style: dotted;
 }

/*
#right-widget-1 { 
                  margin-top: -270px;
                  margin-left: 285px;
 }

#right-widget-2 { 
                  margin-top: -325px;
                  margin-left: 572px;
 }
*/