/* aliceBlue */

@keyframes aliceBlue {
    from { background-color: #ffffff; }
    to   { background-color: #f0f8ff; }
}

@-moz-keyframes aliceBlue {
    from { background-color: #ffffff; }
    to   { background-color: #f0f8ff; }
}

@-webkit-keyframes aliceBlue {
    from { background-color: #ffffff; }
    to   { background-color: #f0f8ff; }
}

@-ms-keyframes aliceBlue {
    from { background-color: #ffffff; }
    to   { background-color: #f0f8ff; }
}​

@-o-keyframes aliceBlue {
    from { background-color: #ffffff; }
    to   { background-color: #f0f8ff; }
}​

/* black */

@keyframes black {
    from { background-color: #332014; }
    to   { background-color: #000000; }
}

@-moz-keyframes black {
    from { background-color: #332014; }
    to   { background-color: #000000; }
}

@-webkit-keyframes black {
    from { background-color: #332014; }
    to   { background-color: #000000; }
}

@-ms-keyframes black {
    from { background-color: #332014; }
    to   { background-color: #000000; }
}​

@-o-keyframes black {
    from { background-color: #332014; }
    to   { background-color: #000000; }
}​

 /* inputBorer */

@keyframes inputBorder {
    from { border: 1px solid #d4d4d4; }
    to   { border: 1px solid #A0A0A0; }
}

@-moz-keyframes inputBorder {
    from { border: 1px solid #d4d4d4; }
    to   { border: 1px solid #A0A0A0; }
}

@-webkit-keyframes inputBorder {
    from { border: 1px solid #d4d4d4; }
    to   { border: 1px solid #A0A0A0; }
}

@-ms-keyframes inputBorder {
    from { border: 1px solid #d4d4d4; }
    to   { border: 1px solid #A0A0A0; }
}​

@-o-keyframes inputBorder {
    from { border: 1px solid #d4d4d4; }
    to   { border: 1px solid #A0A0A0; }
}​

  /* main menu */

@keyframes mainMenu {
    from {
            background-color: transparent;
            color: #000;
            border-bottom: 1px solid #e7e7e7;
            border-top: 1px solid #fff;
            padding-left: 13px;
        }
    to   {
            /*background-color: #d46565;*/
          /*  color: #fff;
            border-bottom: 1px solid #a85252;
            border-top: 1px solid #ffd6e4;*/
            padding-left: 23px;
        }
}

@-moz-keyframes mainMenu  {
    from {
            background-color: transparent;
            color: #000;
            border-bottom: 1px solid #e7e7e7;
            border-top: 1px solid #fff;
            padding-left: 13px;
        }
    to   {
            /*background-color: #d46565;*/
           /* color: #fff;
            border-bottom: 1px solid #a85252;
            border-top: 1px solid #ffd6e4;*/
            padding-left: 23px;
        }
}

@-webkit-keyframes mainMenu  {
    from {
            background-color: transparent;
            color: #000;
            border-bottom: 1px solid #e7e7e7;
            border-top: 1px solid #fff;
            padding-left: 13px;
        }
    to   {
            /*background-color: #d46565;*/
            /*color: #fff;
            border-bottom: 1px solid #a85252;
            border-top: 1px solid #ffd6e4;*/
            padding-left: 23px;
        }
}

@-ms-keyframes mainMenu  {
    from {
            background-color: transparent;
            color: #000;
            border-bottom: 1px solid #e7e7e7;
            border-top: 1px solid #fff;
            padding-left: 13px;
        }
    to   {
            /*background-color: #d46565;*/
            /*color: #fff;
            border-bottom: 1px solid #a85252;
            border-top: 1px solid #ffd6e4;*/
            padding-left: 23px;
        }
}​

@-o-keyframes mainMenu  {
    from {
            background-color: transparent;
            color: #000;
            border-bottom: 1px solid #e7e7e7;
            border-top: 1px solid #fff;
            padding-left: 13px;
        }
    to   {
            /*background-color: #d46565;*/
           /* color: #fff;
            border-bottom: 1px solid #a85252;
            border-top: 1px solid #ffd6e4;*/
            padding-left: 23px;
        }
}​


 /* mainMenuBack */

@keyframes mainMenuBack {
    from {
            /*background-color: #d46565;
            color: #fff;
            border-bottom: 1px solid #a85252;
            border-top: 1px solid #ffd6e4;*/
            padding-left: 23px;
        }
    to   {
            background-color: transparent;
            color: #000;
            border-bottom: 1px solid #e7e7e7;
            border-top: 1px solid #fff;
            padding-left: 13px;
        }
}

@-moz-keyframes mainMenuBack  {
    from {
            /*background-color: #d46565;
            color: #fff;
            border-bottom: 1px solid #a85252;
            border-top: 1px solid #ffd6e4;*/
            padding-left: 23px;
        }
    to   {
            background-color: transparent;
            color: #000;
            border-bottom: 1px solid #e7e7e7;
            border-top: 1px solid #fff;
            padding-left: 13px;
        }
}

@-webkit-keyframes mainMenuBack  {
    from {
           /* background-color: #d46565;
            color: #fff;
            border-bottom: 1px solid #a85252;
            border-top: 1px solid #ffd6e4;*/
            padding-left: 23px;
        }
    to   {
            background-color: transparent;
            color: #000;
            border-bottom: 1px solid #e7e7e7;
            border-top: 1px solid #fff;
            padding-left: 13px;
        }
}

@-ms-keyframes mainMenuBack  {
    from {
           /* background-color: #d46565;
            color: #fff;
            border-bottom: 1px solid #a85252;
            border-top: 1px solid #ffd6e4;*/
            padding-left: 23px;
        }
    to   {
            background-color: transparent;
            color: #000;
            border-bottom: 1px solid #e7e7e7;
            border-top: 1px solid #fff;
            padding-left: 13px;
        }
}​

@-o-keyframes mainMenuBack  {
    from {
           /* background-color: #d46565;
            color: #fff;
            border-bottom: 1px solid #a85252;
            border-top: 1px solid #ffd6e4;*/
            padding-left: 23px;
        }
    to   {
            background-color: transparent;
            color: #000;
            border-bottom: 1px solid #e7e7e7;
            border-top: 1px solid #fff;
            padding-left: 13px;
        }
}​

 /* nbButtons */

@keyframes nbButtons {
    from {  padding: 0 15px 0 51px;}
    to   {  padding: 0 25px 0 41px;}
}

@-moz-keyframes nbButtons {
    from {  padding: 0 15px 0 51px;}
    to   {  padding: 0 25px 0 41px;}
}

@-webkit-keyframes nbButtons {
    from {  padding: 0 15px 0 51px;}
    to   {  padding: 0 25px 0 41px;}
}

@-ms-keyframes nbButtons {
    from {  padding: 0 15px 0 51px;}
    to   {  padding: 0 25px 0 41px;}
}​

@-o-keyframes nbButtons {
    from {  padding: 0 15px 0 51px;}
    to   {  padding: 0 25px 0 41px;}
}​

 /* nbButtonsBack */

@keyframes nbButtonsBack {
    from {  padding: 0 25px 0 41px;}
    to   {  padding: 0 15px 0 51px;}
}

@-moz-keyframes nbButtonsBack {
    from {  padding: 0 25px 0 41px;}
    to   {  padding: 0 15px 0 51px;}
}

@-webkit-keyframes nbButtonsBack {
    from {  padding: 0 25px 0 41px;}
    to   {  padding: 0 15px 0 51px;}
}

@-ms-keyframes nbButtonsBack {
    from {  padding: 0 25px 0 41px;}
    to   {  padding: 0 15px 0 51px;}
}​

@-o-keyframes nbButtonsBack {
    from {  padding: 0 25px 0 41px;}
    to   {  padding: 0 15px 0 51px;}
}​

  /* closehDD */

@keyframes closehDD {
    0%{
        height: 25px;
        top:7px;
        right:10px;
        width: 21px;
        padding-left: 9px;
        padding-top:5px;
        border-radius: 15px;
        opacity:0.5;
    }
    70%{
        height: 30px;
        width: 26px;
        padding-left: 14px;
        top:2px;
        right:5px;
        padding-top:10px;
        border-radius: 20px;
        opacity:0.7;
    }
    100%{
        height: 27px;
        width: 23px;
        padding-left: 11px;
        top:5px;
        right:8px;
        padding-top:7px;
        border-radius: 17px;
        opacity:1;
    }
}

@-moz-keyframes closehDD {
    0%{
        height: 25px;
        top:7px;
        right:10px;
        width: 21px;
        padding-left: 9px;
        padding-top:5px;
        border-radius: 15px;
        opacity:0.5;
    }
    70%{
      height: 30px;
        width: 26px;
        padding-left: 14px;
        top:2px;
        right:5px;
        padding-top:10px;
        border-radius: 20px;
        opacity:0.7;
    }
    100%{
        height: 27px;
        width: 23px;
        padding-left: 11px;
        top:5px;
        right:8px;
        padding-top:7px;
        border-radius: 17px;
        opacity:1;
    }
}

@-webkit-keyframes closehDD {
     0%{
        height: 25px;
        width: 21px;
        padding-left: 9px;
        top:7px;
        right:10px;
        padding-top:5px;
        border-radius: 15px;
        opacity:0.5;
    }
    70%{
       height: 30px;
        width: 26px;
        padding-left: 14px;
        top:2px;
        right:5px;
        padding-top:10px;
        border-radius: 20px;
        opacity:0.7;
    }
    100%{
        height: 27px;
        width: 23px;
        padding-left: 11px;
        top:5px;
        right:8px;
        padding-top:7px;
        border-radius: 17px;
        opacity:1;
    }
}

@-ms-keyframes closehDD {
     0%{
        height: 25px;
        width: 21px;
        padding-left: 9px;
        top:7px;
        right:10px;
        padding-top:5px;
        border-radius: 15px;
        opacity:0.5;
    }
    70%{
       height: 30px;
        width: 26px;
        padding-left: 14px;
        top:2px;
        right:5px;
        padding-top:10px;
        border-radius: 20px;
        opacity:0.7;
    }
    100%{
       height: 27px;
        width: 23px;
        padding-left: 11px;
        top:5px;
        right:8px;
        padding-top:7px;
        border-radius: 17px;
        opacity:1;
    }
}​

@-o-keyframes closehDD {
     0%{
        height: 25px;
       width: 21px;
        padding-left: 9px;
        top:7px;
        right:10px;
        padding-top:5px;
        border-radius: 15px;
        opacity:0.5;
    }
    70%{
        height: 30px;
        width: 26px;
        padding-left: 14px;
        top:2px;
        right:5px;
        padding-top:10px;
        border-radius: 20px;
        opacity:0.7;
    }
    100%{
        height: 27px;
        width: 23px;
        padding-left: 11px;
        top:5px;
        right:8px;
        padding-top:7px;
        border-radius: 17px;
        opacity:1;
    }
}​

/*modal windows*/