/* 
    Document   : style
    Created on : 12 Sep, 2014, 6:16:52 PM
    Author     : sourav mondal
    Description: Jquery calculator plugin
    Version: 2.0.0
*/
#calculator { 
    background: #a90329; /* Old browsers */
    background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
    border: 1px solid blue;
    border-radius: 4px 4px 4px 4px;
    display: none;
    overflow: hidden;
    padding: 10px;
    width: 198px;
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 1012;
}
#calculator .txt-align-center{
    text-align: center;
}
#calculator .clear{
    clear: both;
}
#calculator .display{
    width:350px;
    font-size: 10px;
    padding: 5px;
    height: 100px;
    color: black;
    margin: 2px;
}
#calculator .numbers{
    background: none repeat scroll 0 0 antiquewhite;
    border-color: #FFBA00;
    box-shadow: 1px 1px 1px black;
    color: #000000;
    font-size: 15px;
    height: 25px;
    padding: 5px;
    text-align: right;
    width: 50px;
    margin: 2px;
    float: left;
}
#calculator .operators{
    background: none repeat scroll 0 0 antiquewhite;
    border-color: #FFBA00;
    box-shadow: 1px 1px 1px black;
    color: #000000;
    font-size: 15px;
    height: 25px;
    padding: 5px;
    width: 50px;
    margin: 2px;
    float: left;
}
#calculator .firstvalue{
    background: none repeat scroll 0 0 antiquewhite;
    border-color: #FFBA00;
    box-shadow: 1px 1px 1px black;
    color: #000000;
    font-size: 15px;
    height: 25px;
    padding: 5px;
    width: 50px;
    margin: 2px;
    float: left;
}
#calculator .resultshow{
    background: none repeat scroll 0 0 antiquewhite;
    border-color: #FFBA00;
    box-shadow: 1px 1px 1px black;
    color: #000000;
    font-size: 15px;
    height: 25px;
    padding: 5px;
    width: 179px;
    margin: 2px;
    float: left;
}

#calculator .small_key {
    -moz-box-shadow:inset -2px 2px 4px 0px #bee2f9;
    -webkit-box-shadow:inset -2px 2px 4px 0px #bee2f9;
    box-shadow:inset -2px 2px 4px 0px #bee2f9;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
    background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
    background-color:#63b8ee;
    -webkit-border-top-left-radius:0px;
    -moz-border-radius-topleft:0px;
    border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -moz-border-radius-topright:0px;
    border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;
    text-indent:0px;
    border:1px solid #3866a3;
    display:inline-block;
    color:#14396a;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    font-style:normal;
    height:32px;
    line-height:32px;
    width:42px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 2px 2px #7cacde;
    cursor: pointer;
    margin: 1px;
}
#calculator .small_key:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
    background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
    background-color:#468ccf;
}
#calculator .small_key:active {
    position:relative;
    top:1px;
}

#calculator .off {
    -moz-box-shadow:inset -2px 2px 4px 0px #f5978e;
    -webkit-box-shadow:inset -2px 2px 4px 0px #f5978e;
    box-shadow:inset -2px 2px 4px 0px #f5978e;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
    background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
    background-color:#f24537;
    -webkit-border-top-left-radius:0px;
    -moz-border-radius-topleft:0px;
    border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -moz-border-radius-topright:0px;
    border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;
    text-indent:0px;
    border:1px solid #d02718;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    font-style:normal;
    height:32px;
    line-height:32px;
    width:42px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 2px 2px #810e05;
    cursor: pointer;
    margin: 1px;
}
#calculator .off:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
    background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
    background-color:#c62d1f;
}
#calculator .off:active {
    position:relative;
    top:1px;
}

#calculator .on {
    -moz-box-shadow:inset -2px 2px 4px 0px #c1ed9c;
    -webkit-box-shadow:inset -2px 2px 4px 0px #c1ed9c;
    box-shadow:inset -2px 2px 4px 0px #c1ed9c;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
    background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
    background-color:#9dce2c;
    -webkit-border-top-left-radius:0px;
    -moz-border-radius-topleft:0px;
    border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -moz-border-radius-topright:0px;
    border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;
    text-indent:0px;
    border:1px solid #83c41a;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    font-style:normal;
    height:32px;
    line-height:32px;
    width:42px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 2px 2px #689324;
    cursor: pointer;
    margin: 1px;
}
#calculator .on:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
    background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
    background-color:#8cb82b;
}
#calculator .on:active {
    position:relative;
    top:1px;
}
#calculator button{
    cursor: pointer;
}
#calculator label{
    color:white;
    font-weight: bold;
    text-decoration: none;
}