/* css document */

body, header, section, footer, article, h1, h2, h3, h4, h5, h6, input, button, label, p, fieldset, nav, ul, li, a, span, strong, em {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
}

body section {
    margin: 0 auto;
    margin-top: 50px;
    display: block;
    width: 421px;
    height: 386px; 
    font-family: 'Segoe UI', Arial, Tahoma;
    border: 1px solid #000000;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 0 1px 1px #ffffff inset;
    background: #99b4d1; /* Old browsers */
    background: -moz-linear-gradient(top,  #99b4d1 0%, #d7e5f2 31%, #b9d1e9 31%, #b8cfee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99b4d1), color-stop(31%,#d7e5f2), color-stop(31%,#b9d1e9), color-stop(100%,#b8cfee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #99b4d1 0%,#d7e5f2 31%,#b9d1e9 31%,#b8cfee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #99b4d1 0%,#d7e5f2 31%,#b9d1e9 31%,#b8cfee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #99b4d1 0%,#d7e5f2 31%,#b9d1e9 31%,#b8cfee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #99b4d1 0%,#d7e5f2 31%,#b9d1e9 31%,#b8cfee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99b4d1', endColorstr='#b8cfee',GradientType=0 ); /* IE6-9 */
}

body section img {
    float: left;
    margin-left: 10px;
    margin-top: 9px;
}

body section p {
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin-top: 10px;
    padding-left: 6px;   
}

body section form ul{
    list-style: none;
    float: right; 
    margin-top: 9px;
    margin-right: 9px;
}

body section form ul li {
    float: right;
    margin-left: 2px;
}

body section form ul li button {
    width: 30px;
    height: 17px; 
    border: 1px solid #666699;
    border-radius: 2px;
    box-shadow: 0 0 1px 1px #ffffff inset;
}

body section form ul li button.x{
    background: url(img/x.png) no-repeat 0 0;
    border: 1px solid #000000;
}

body section form ul li button.minimize{
    background: url(img/minimize.png) no-repeat 0 0;
}

body section form ul li button.minimize:hover {
    background: url(img/minimizeA.png) no-repeat 0 0;
}

body section form ul li button.maximize{
    background: url(img/maximize.png) no-repeat 0 0;
}

body section form ul li button.x:hover {
    background: url(img/xActive.png) no-repeat 0 0;
}

body section nav {
    margin-top: 26px;
    margin-left: 7px;
    height: 16px;
    width: 405px;
    border: 1px solid #ffffff;
    border-bottom: 1px solid #b6bccc;
    background: #fdfdff; /* Old browsers */
    background: -moz-linear-gradient(top,  #fdfdff 0%, #e6eaf6 39%, #d4dbee 40%, #dfe5f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdff), color-stop(39%,#e6eaf6), color-stop(40%,#d4dbee), color-stop(100%,#dfe5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fdfdff 0%,#e6eaf6 39%,#d4dbee 40%,#dfe5f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fdfdff 0%,#e6eaf6 39%,#d4dbee 40%,#dfe5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fdfdff 0%,#e6eaf6 39%,#d4dbee 40%,#dfe5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fdfdff 0%,#e6eaf6 39%,#d4dbee 40%,#dfe5f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdff', endColorstr='#dfe5f5',GradientType=0 ); /* IE6-9 */

}

body section nav ul {
    margin-left: 2px;
}

body section nav ul li {
    float: left;
    width: 30px;
    height: 15px;
    padding-left: 2px;
    padding-right: 2px;
    font-family: 'Segoe UI', Arial, Tahoma;
    font-size: 12px;
    margin-left: 2px;
}

body section nav ul li a{
    text-decoration: none;
    color: #000;
}

body section nav ul li a:hover{
    display: block;
    width: 32px;
    height: 14px;
    margin-left: -1px;
    margin-top: -1px; 
    border: 1px solid #666699;
    border-radius: 3px;
    transition: all 0.8s ease;
    webkit-transition: all 0.8s ease;
    moz-transition: all 0.8s ease;
}


.main {
    position: relative;
    float: left;
    display: block;
    width: 407px;
    margin-left: 6px;
    border-left: 1px solid #ccccff;
    border-right: 1px solid #ccccff;
    background: #edf4fc; /* Old browsers */
    background: -moz-linear-gradient(top,  #edf4fc 0%, #dde7f3 20%, #d8e4f0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf4fc), color-stop(20%,#dde7f3), color-stop(100%,#d8e4f0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #edf4fc 0%,#dde7f3 20%,#d8e4f0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #edf4fc 0%,#dde7f3 20%,#d8e4f0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #edf4fc 0%,#dde7f3 20%,#d8e4f0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #edf4fc 0%,#dde7f3 20%,#d8e4f0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf4fc', endColorstr='#d8e4f0',GradientType=0 ); /* IE6-9 */
}

.display {
 display: block;
 width: 379px;
 height: 42px;
 border: 1px solid #999999;
 border-radius: 3px;
 box-shadow: 0 0 1px 1px #ffffff inset;
 margin-top: 11px;
 margin-left: 11px;
 text-align: right;
 letter-spacing: 1px;
 padding-top: 6px;
 padding-right: 5px; 
 font-size: 24px;
 font-family: "Calibri", Arial, Tahoma;
 background: -webkit-linear-gradient(#E6EFFB, #FFFFFF);
 background: -moz-linear-gradient(#E6EFFB, #FFFFFF);
 background: -o-linear-gradient(#E6EFFB, #FFFFFF);
 background: linear-gradient(#E6EFFB, #FFFFFF);
 text-align: right;
 }

.binNums {
    display: block;
    width: 384px;
    height: 56px;
    border: 1px solid #999999;
    border-radius: 3px;
    box-shadow: 0 0 1px 1px #ffffff inset;
    margin-top: 5px;
    margin-left: 11px;
    padding-top: 3px;   
 }

.binNums ul {
    list-style: none;
    line-height: 13px;
 }

.binNums ul li {
    float: left;
    margin-left: 7px;
    margin-right: 12px;
    font-size: 13px;
    font-family: "Consolas" Arial, Tahoma;
}

.binBlue{
    color: #333366;
}

.binBlue li:last-child{
    float: right;
}

.binBlue li:first-child{
    float: left;
}

.binGray {
    color: #666666;
    text-align: center;
}

.binGray li:first-child {
 margin-right: 167px;
 }
    
.binGray li:last-child {
 float: right;
 }

 .aside {
    float: left;
 }

.asideBox {
    display: block;
    width: 65px;
    height: 82px;
    border: 1px solid #999999;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 11px;
    padding-top: 7px;
    padding-left: 7px   
}

.asideBox ul {
    list-style: none;
}

.asideBox ul li {
    font-size: 13px;
    font-family: "Calibri", Arial, Tahoma;
    color: #333366;
    margin-right: 8px;
    line-height: 19px;
}

.buttonColumn {
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}

.buttonColumn ul li {
    display: block;
    width: 32px;
    height: 25px;
    margin-bottom: 5px;
    border: 1px solid #999999;
    border-radius: 3px;
    line-height: 24px;
    text-align: center;    
}

.buttonColumn ul li button.disabled {
    font-size: 17px;
    font-family: "Calibri", Arial, Tahoma;
    color: #333366; 
    background: #d8e0ed;
}

.buttonColumn ul li button.activeM {
    display: block;
    width: 32px;
    height: 25px;
    font-size: 13px;
    box-shadow: 0 0 1px 1px #ffffff inset;
    font-family: "Calibri", Arial, Tahoma;
    color: #333366; 
    background: #d8e0ed;
}

.buttonColumn ul li button.activeM:hover{
    display: block;
    width: 32px;
    height: 25px;
    border: 1px solid #ffdb00;
    border-radius: 3px;
    box-shadow: 0 0 1px 1px #ffffff inset;
    background: #ffce68; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffce68 0%, #ffe97c 62%, #fff292 72%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffce68), color-stop(62%,#ffe97c), color-stop(72%,#fff292), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffce68 0%,#ffe97c 62%,#fff292 72%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffce68 0%,#ffe97c 62%,#fff292 72%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffce68 0%,#ffe97c 62%,#fff292 72%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffce68 0%,#ffe97c 62%,#fff292 72%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffce68', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    transition: all 0.8s ease;
    webkit-transition: all 0.8s ease;
    moz-transition: all 0.8s ease;
}

.buttonColumn ul li button.active {
    display: block;
    width: 32px;
    height: 25px;
    font-family: "Calibri", Arial, Tahoma;
    font-size: 13px;
    color: #333366;
    text-align: center;
    box-shadow: 0 0 1px 1px #ffffff inset;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 1%, #e2ebf4 50%, #d6e0ec 51%, #d8e2ee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(50%,#e2ebf4), color-stop(51%,#d6e0ec), color-stop(100%,#d8e2ee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 1%,#e2ebf4 50%,#d6e0ec 51%,#d8e2ee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 1%,#e2ebf4 50%,#d6e0ec 51%,#d8e2ee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 1%,#e2ebf4 50%,#d6e0ec 51%,#d8e2ee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 1%,#e2ebf4 50%,#d6e0ec 51%,#d8e2ee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8e2ee',GradientType=0 ); /* IE6-9 */   
}

.buttonColumn ul li button.active:hover {
    display: block;
    width: 32px;
    height: 25px;
    border: 1px solid #ffdb00;
    border-radius: 3px;
    box-shadow: 0 0 1px 1px #ffffff inset;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #fcead6 50%, #ffcf6a 51%, #fffab4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#fcead6), color-stop(51%,#ffcf6a), color-stop(100%,#fffab4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fcead6 50%,#ffcf6a 51%,#fffab4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#fcead6 50%,#ffcf6a 51%,#fffab4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#fcead6 50%,#ffcf6a 51%,#fffab4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#fcead6 50%,#ffcf6a 51%,#fffab4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fffab4',GradientType=0 ); /* IE6-9 */
    transition: all 0.8s ease;
    webkit-transition: all 0.8s ease;
    moz-transition: all 0.8s ease;
}

.buttonColumn ul li button.activeNum {
    display: block;
    width: 32px;
    height: 25px;
    font-family: "Calibri", Arial, Tahoma;
    font-size: 17px;
    color: #333366;
    text-align: center;
    box-shadow: 0 0 1px 1px #ffffff inset;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 1%, #e2ebf4 50%, #e6edf5 51%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(50%,#e2ebf4), color-stop(51%,#e6edf5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 1%,#e2ebf4 50%,#e6edf5 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 1%,#e2ebf4 50%,#e6edf5 51%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 1%,#e2ebf4 50%,#e6edf5 51%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 1%,#e2ebf4 50%,#e6edf5 51%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    transition: all 0.8s ease;
    webkit-transition: all 0.8s ease;
    moz-transition: all 0.8s ease;
}

.buttonColumn ul li button.activeNum:hover{
    display: block;
    width: 32px;
    height: 25px;
    border: 1px solid #ffdb00;
    border-radius: 3px;
    box-shadow: 0 0 1px 1px #ffffff inset;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #fcead6 50%, #ffcf6a 51%, #fffab4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#fcead6), color-stop(51%,#ffcf6a), color-stop(100%,#fffab4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fcead6 50%,#ffcf6a 51%,#fffab4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#fcead6 50%,#ffcf6a 51%,#fffab4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#fcead6 50%,#ffcf6a 51%,#fffab4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#fcead6 50%,#ffcf6a 51%,#fffab4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fffab4',GradientType=0 ); /* IE6-9 */
    transition: all 0.8s ease;
    webkit-transition: all 0.8s ease;
    moz-transition: all 0.8s ease;
}

.buttonColumn ul li.activeHor {
    position: absolute;
    clear: both;
    display: block;
    width: 71px;
    height: 25px;
    border: 1px solid #999999;
    font-size: 17px !important;
    color: #333366 !important;
    border-radius: 3px;
    box-shadow: 0 0 1px 1px #ffffff inset;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 1%, #e2ebf4 50%, #e6edf5 51%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(50%,#e2ebf4), color-stop(51%,#e6edf5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 1%,#e2ebf4 50%,#e6edf5 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 1%,#e2ebf4 50%,#e6edf5 51%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 1%,#e2ebf4 50%,#e6edf5 51%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 1%,#e2ebf4 50%,#e6edf5 51%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */    
}

.buttonColumn ul li.activeHor button {
    display: block;
    width: 71px;
    height: 25px;
    text-align: center;
    font-family: "Calibri", Arial, Tahoma;
    font-size: 17px;
    color: #333366 !important;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 1%, #e2ebf4 50%, #e6edf5 51%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(50%,#e2ebf4), color-stop(51%,#e6edf5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 1%,#e2ebf4 50%,#e6edf5 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 1%,#e2ebf4 50%,#e6edf5 51%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 1%,#e2ebf4 50%,#e6edf5 51%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 1%,#e2ebf4 50%,#e6edf5 51%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.buttonColumn ul li.activeHor button:hover {
    display: block;
    width: 71px;
    height: 25px;
    border: 1px solid #ffdb00;
    border-radius: 3px;
    box-shadow: 0 0 1px 1px #ffffff inset;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #fcead6 50%, #ffcf6a 51%, #fffab4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#fcead6), color-stop(51%,#ffcf6a), color-stop(100%,#fffab4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fcead6 50%,#ffcf6a 51%,#fffab4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#fcead6 50%,#ffcf6a 51%,#fffab4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#fcead6 50%,#ffcf6a 51%,#fffab4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#fcead6 50%,#ffcf6a 51%,#fffab4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fffab4',GradientType=0); /* IE6-9 */
    transition: all 0.8s ease;
    webkit-transition: all 0.8s ease;
    moz-transition: all 0.8s ease;
}

.buttonColumn ul li.activeV {
    display: block;
    width: 32px;
    height: 57px;
    border: 1px solid #999999;
    border-radius: 3px;
    box-shadow: 0 0 1px 1px #ffffff inset;      
}

.buttonColumn ul li.activeV button {
    display: block;
    width: 32px;
    height: 55px;
    font-family: "Calibri", Arial, Tahoma;
    font-size: 25px;
    color: #333366;
    text-align: center;
    font-weight: bold; 
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 1%, #e2ebf4 50%, #d6e0ec 51%, #d8e2ee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(50%,#e2ebf4), color-stop(51%,#d6e0ec), color-stop(100%,#d8e2ee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 1%,#e2ebf4 50%,#d6e0ec 51%,#d8e2ee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 1%,#e2ebf4 50%,#d6e0ec 51%,#d8e2ee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 1%,#e2ebf4 50%,#d6e0ec 51%,#d8e2ee 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 1%,#e2ebf4 50%,#d6e0ec 51%,#d8e2ee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8e2ee',GradientType=0 ); /* IE6-9 */
    transition: all 0.8s ease;
    webkit-transition: all 0.8s ease;
    moz-transition: all 0.8s ease;   
}

.buttonColumn ul li.activeV button:hover {
    display: block;
    width: 32px;
    height: 55px;
    border: 1px solid #ffdb00;
    border-radius: 3px;
    box-shadow: 0 0 1px 1px #ffffff inset;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #fcead6 50%, #ffcf6a 51%, #fffab4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#fcead6), color-stop(51%,#ffcf6a), color-stop(100%,#fffab4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fcead6 50%,#ffcf6a 51%,#fffab4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#fcead6 50%,#ffcf6a 51%,#fffab4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#fcead6 50%,#ffcf6a 51%,#fffab4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#fcead6 50%,#ffcf6a 51%,#fffab4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fffab4',GradientType=0 ); /* IE6-9 */
    transition: all 0.8s ease;
    webkit-transition: all 0.8s ease;
    moz-transition: all 0.8s ease;  
}