/* 

Стили 
kocby.ru/post/webmaster/jquery/ui/droppable/test01.css

Специальные для использования здесь:
kocby.ru/post/webmaster/jquery/ui/droppable/test01.html

Copyright note. 
Feel free to use kocby.ru's styles for your site or blog if you want. 
Also you can use free any other content and soft of kocby.ru - all you have to do is set back link to kocby.ru

Примечание о соблюдении авторских прав. 
Вы можете бесплатно и без каких-либо разрешений использовать стили сайта kocby.ru на вашем сайте или блоге.
Также вы можете использовать любой контент или софт kocby.ru - все, что вы должны сделать, это поставить ссылку на kocby.ru

*/

/*

    #draggable {
        width: 100px;
        height: 100px;
        background: #ccc;
    }


*/


   .droppable {
        width: 480px;
        height: 120px;
        background: #D0DDDD;
		
		font-family : "Courier New", "Courier", "Andale Mono", monospace;
		font-size : 12px;
		color : #000000;
		
		margin: 11px 12px 13px 14px;
		padding: 21px 22px 23px 24px;
		border: 3px dotted #007777; 
		
		float: right;
		
	}

    .draggable {
        width: 100px;
        height: 100px;
        background: #D0D0D0;
		
		font-family : "Courier New", "Courier", "Andale Mono", monospace;
		font-size : 12px;
		color : #000000;
		
		margin: 01px 02px 03px 04px;
		padding: 01px 02px 03px 04px;
		border: 1px dotted #777777; 
		
		float: left;

/*		
		margin: 11px 12px 13px 14px;
		padding: 21px 22px 23px 24px;
		border: 3px dotted #007777; 
*/
		
		
/*		cursor: move; */

   }

   .droppable_spec1 {
        width: 480px;
        height: 120px;
        background: #F0FDFF;
		
		font-family : "Courier New", "Courier", "Andale Mono", monospace;
		font-size : 14px;
		color : #000000;
		
		margin: 11px 12px 13px 14px;
		padding: 21px 22px 23px 24px;
		border: 3px dotted #007777; 
		
		float: right;
		
	}		
		
 




/*
The enda of kocby.ru/post/webmaster/jquery/ui/droppable/test01.css
*/