div.AddImageSingle
{
    background-image: url('../Images/Controls/AddIcon.png');
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-position:center center;
    background-color:#75E5D0;

    width:314px; 
    height:175px; 
    padding:0px; 
    margin:3px;

    display: block; 
    float: left;
}

div.AddTile
{
    background: url('../Images/Controls/Add.png') 100% 100% no-repeat;
    background-size: contain;
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-position:center center;
    background-color:#75E5D0;

    width:314px; 
    height:175px;
    padding:0px; 
    margin:3px;

    display: table; 
    float: left;

    vertical-align: middle;
}

div.AddHub
{
    background-color:#75b5e5;
}
div.AddPartition
{
    background-color:#75E5D0;
}
div.DelHub
{    
    background: url('../Images/Controls/Del.png') 100% 100% no-repeat;
    background-color:#DB6464;
    background-position:center center;
    background-size:contain;
}
div.Edit
{
    background: url('../Images/Controls/Edit.png') 100% 100% no-repeat;
    background-color:#75E5D0;
}
div.AddArticle
{
    background-color:#cfe575;
}

div.AddImage
{
    background: url('../Images/Controls/AddIcon.png') 100% 100% no-repeat;
    background-color:#f899bf;
    background-position:center center;
    background-size:contain;
}

div.DelHubWide
{
    background: url('../Images/Controls/Del.png') 100% 100% no-repeat;
    background-color:#f899bf;
    background-position:center center;
    background-size:contain;
}


div.ArticleTile
{
    background-image: url('../Images/Controls/Article.png');
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-position:center center;
    background-color:#f1cf93;

    width:314px; 
    height:175px; 
    padding:0px; 
    margin:3px;

    display: block; 
    float: left;
    position:relative;
    background-size:cover;
}

div.HubTile
{
    background-image: url('../Images/Controls/HubTile.png');
    background-color:#eab0f2;
    background-size:contain;
}
div.PartitionTile
{
    background-image: url('../Images/Controls/PartitionTile.png');
    background-color:#f3c37f;
}


div.EditArticle
{
    background: url('../Images/Controls/EditIco.png') 100% 100% no-repeat;
    background-size: contain;
    position:absolute;
    top:15px;
    left:15px;
    width:50px;
    height:50px;

    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;

    border:0px solid #e5bd75;
    

    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);

    background-color:rgba(150, 125, 80, 0.75);
    cursor: pointer;
}

div.DeleteIco
{
    background: url('../Images/Controls/Del.png') 100% 100% no-repeat;
    background-color:#DB6464;
    background-size: cover;
    background-position:center center;
    position:absolute;
    bottom:15px;
    left:15px;
    width:50px;
    height:50px;

    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;

    border:0px solid #e5bd75;
    

    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);
        
    cursor: pointer;
}

div.DeleteIcoAdm
{
    background: url('../Images/Controls/Del.png') 100% 100% no-repeat;
    background-color:#DB6464;
    background-size: cover;
    background-position:center center;
    position:absolute;
    top:15px;
    right:15px;
    width:50px;
    height:50px;

    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;

    border:0px solid #e5bd75;
    

    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);
        
    cursor: pointer;
}

div.HomeIco
{
    background: url('../Images/Controls/Home.png') 100% 100% no-repeat;
    background-size: contain;
    position:absolute;
    bottom:15px;
    left:15px;
    width:70px;
    height:70px;

    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;

    background-color:rgba(117, 154, 229, 0.5);

    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);

    cursor: pointer;
}

div.AdminIco
{
    background: url('../Images/Controls/AdminIco.png') 100% 100% no-repeat;
    background-size: contain;
    position:absolute;
    top:15px;
    right:80px;
    width:50px;
    height:50px;

    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;

    background-color:rgba(117, 229, 208, 0.75);

    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);

    cursor: pointer;
}
div.AdminIcoExit
{
    background: url('../Images/Controls/ExitAdmin.png') 100% 100% no-repeat;
    background-size: contain;
    position:absolute;
    top:15px;
    right:15px;
    width:50px;
    height:50px;

    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;

    background-color:rgba(217, 125, 125, 0.75);

    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);

    cursor: pointer;
}

div.Love
{
    background: url('../Images/Controls/Love.png') 100% 100% no-repeat;
    background-size: contain;
    position:absolute;
    top:15px;
    left:80px;
    width:50px;
    height:50px;

    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;

    background-color:rgba(255, 77, 81, 0.75);

    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);

    cursor: pointer;
}

div.NoLove
{
    background-color:rgba(132, 132, 132, 0.75);
}

div.EditNumber
{    
    position:absolute;
    top:15px;
    right:15px;
    width:50px;
    height:50px;

    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;

    border:0px solid #e5bd75;
    color:#967d50;

    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);

    font-size: 25px;
    font-weight:200;
    line-height: 50px;
    padding:0px;
    margin:0px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    text-align:center; 

    background-color:rgba(255, 255, 255, 0.85);
    cursor: pointer;
}



div.TextContanerByTile
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin:0px;
    padding:5px;
    position:absolute;
    bottom:5px;
    left:5px;
    background:rgba(255,255,255,0.9);
}




p.AddTile
{
    font-size: 32px;
    font-weight:300;
    line-height: 35px;
    color: #000000;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    
    text-align:center;    
}

p.AddTileByArticle
{
    font-size: 20px;
    font-weight:200;
    line-height: 23px;
    padding:3px 10px;
    padding-bottom:6px;
    color: #463a25;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    
    text-align:left;
    /*background-color:rgba(65, 56, 46, 0.60);*/ 
    /*text-shadow:  #000 0px 0px 2px, #000 0px 0px 5px;*/ 
    /*-webkit-text-stroke: 2px red;*/  
}


h1.AddTile 
{
    font-size: 40px;
    font-weight:400;
    line-height: 40px;
    color: #3e7e72;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    
    text-align:center;
    padding:0px 10px 20px 10px;
    margin:0px;
}

h1.AddTileHub 
{
    color:#5884a5;
    
}

.AddHeadByTile 
{
    font-size: 30px;
    font-weight:300;
    line-height: 35px;
    text-align:left;
    padding:5px;
    height:35px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;  
    color: #5884a5;  
}
span.AddHeadByTile
{
    font-size: 30px;
    font-weight:300;
    line-height: 40px;
    text-align:right;
    color: #3e7e72;
}

#sPaper
{
    margin:0px;
    padding:0px;
    position:absolute;
    left:0px;
    top:0px;
    background-color:rgba(0,0,0,0.75);
}

#sPropWindow
{
    margin:0px;
    padding:25px;
    position:absolute;
    left:0px;
    top:0px;
    background-color:white;
    width:640px;
    height:350px;
    border:5px solid rgba(220,230,250,0.8);

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.DelButton
{    
    background-color:#d97d7d;
    margin:1px;
}
.EditButton
{
    background-color:#75E5D0;
    margin:1px;
}



div.TileBlockMenu {
    background-color: #7690C9;    
    padding: 0px;
    margin: 3px;
    width: 90px;
    height: 90px;
    float: left;
    display: block;    
}
p.TileBlockMenu {
    padding: 0px;
    margin: 0px;
    line-height: 90px;
    text-align: center;
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 300;
}

div.TileBlockMenuAct {
    background-color: #FFFFFF;
    border: 1px solid #7690C9;
    width: 88px;
    height: 88px;
}
p.TileBlockMenuAct {
    color: #7690C9;
    line-height: 88px;
}

 /*КАЛЬКУЛЯТОР*/

 div.ButtonCalc
{    
    width:80px;
    height:80px;

    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;

    border:1px solid rgba(255, 238, 204, 0.9);
    color:rgba(255, 238, 204, 0.9);

    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.9);

    font-size: 38px;
    font-weight:200;
    line-height: 80px;
   
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
    text-align:center; 

    background-color:rgba(174, 8, 8, 0.85);
    cursor: pointer;
    
    padding:0px;
    margin:15px;
 }

 div.LeftPanelCalc
 {
     margin:0px;
     padding:0px;
     background-color:rgba(254, 226, 226, 0.85);
 }

 div.RightPanelCalc
 {
     margin:0px;
     padding:0px;
     background-color:rgba(114, 8, 8, 0.85);
 }

 div.DisplayCalc
 {
    font-size: 60px;
    font-weight:200;
    line-height: 90px;
    padding: 0px 15px 0px 15px;
    text-align:right;

    color: rgba(114, 8, 8, 1);
    background-color:rgba(255, 238, 204, 0.55);

    border:0px solid rgba(255, 238, 204, 0.9);
 }

span.CommentDislplayCalc 
{
    font-size: 30px;
    line-height: 60px;
    margin-top:30px;

    color: rgba(114, 8, 8, 0.5);
}