.fa-button{
    cursor: pointer;
}
.fa-button:hover{
    opacity: 0.7;
}
.fa-button.default:hover{
   
}
.fa-button.disabled{
    opacity: 0.4;
}
.fa-button.default.disabled:hover{
    color: inherit;
}
.button{
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing: border-box;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:9px;
    padding-right:9px;
    border-radius: 3px;
    text-decoration: none;
    font-family: arial;
    font-size:9pt;
    font-weight: normal;
    border:none;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
}
.button.custom{
    float:none;
    padding:0px;
    font-size:inherit;
    font-weight:inherit;
}
a.button:focus{
    outline:none;
    box-shadow: 0 0 1px 1px lightskyblue;
}
.button.tiny{
    padding-top:2px;
    padding-bottom:2px;
    padding-left:7px;
    padding-right:7px;
    font-size:7.5pt;
}
.button.small{
    padding-top:3px;
    padding-bottom:3px;
    padding-left:7px;
    padding-right:7px;
    font-size:8pt;
}
.button.large{
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
    font-size:10pt;
}
.button.larger{
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
    font-size:12pt;
}
.button.huge{
    padding-top:8px;
    padding-bottom:8px;
    padding-left:15px;
    padding-right:15px;
    font-size:12pt;
}
.button.giant{
    padding-top:20px;
    padding-bottom:20px;
    padding-left:30px;
    padding-right:30px;
    font-size:24pt;
}
.button.thin{
    padding-top:1px;
    padding-bottom:1px;
}
.button.wide{
    padding-left:15px;
    padding-right:15px;
}

.button.flat{
    border-radius: 0px;
}

.button.wImg{
    padding-top:0px;
    padding-bottom: 0px;
    padding-left:5px; 
    padding-right:5px; 
    height:22px;
}

.button.wImg table{
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-spacing:0;
    border-collapse:collapse;
    border:none;
    height:100%;
}
.button.wImg table td{
    vertical-align: middle;
}
.button.wImg table td img{
    float:left;
    height:13px;
    margin-right:3px;
}
.button.wImg table td img.right{
    margin-right:0px;
    margin-left:3px;
}

.button.image{
    padding-top:4px;
    padding-bottom: 2px;
    padding-left:5px; 
    padding-right:5px; 
    height:22px;
}


.button.round{
    border-radius: 3px !important;
}

.button.glass{
    /*text-shadow: 0px 1px 1px #111111;*/
    border: 1px solid rgba(255,255,255, .3);
    box-shadow: 0 0px 1px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -5px 30px rgba(0,0,0,0.3);
}
.button.glass:hover{
    /*text-shadow: 0px 1px 1px #111111;*/
    border: 1px solid rgba(255,255,255, .3);
    box-shadow: inset 0px 0px 10px rgba(60,210,240,.3), 0 0px 1px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -5px 30px rgba(0,0,0,0.3);

}
.button.glass:active{
    /*text-shadow: 0px 1px 1px #111111;*/
    border: 1px solid rgba(255,255,255, .3);
    box-shadow: 0 0px 1px rgba(0,0,0,0.5), inset 0 1px rgba(25,93,102,0.3), inset 0 10px 10px rgba(25,93,102,0.2), inset 0 10px 20px rgba(25,93,102,0.25), inset 0 -5px 30px rgba(255,255,255,0.3);
}
.button.glass.selected{
    box-shadow: 0px 0px 1px rgba(255,255,255,.9), inset 2px 2px 3px rgba(50,50,50,.5), inset -3px -3px 3px rgba(255,255,255,0.25);
}

.button.black{
    background: #246AA4 url('../images/gradient-GrayBlack.png') repeat;
    background-size: 100% 100%;
    color:#CCC;
    box-shadow: inset 0px 0px 2px rgba(200,200,200,.5);
}
.button.black.crisp{
    background: none;
    border:1px solid gray;
    box-shadow: inset 0px 0px 2px rgba(200,200,200,.2);
}
.button.black.crisp.selected{
    color:#998C3B;
}
.button.black:hover{
    box-shadow: inset 0px 0px 2px rgba(255,255,255,.7);
}
.button.black:active{
    box-shadow: 0px 0px 2px rgba(255,255,255,.9), inset -1px -1px 3px rgba(75,75,75,.5);
}

.button.clearFlat{
    background-color: transparent;
    color:#CCC;
    border-radius: 0px;
    border:1px solid rgb(100,100,100);
}
.button.clearFlat:hover{
    box-shadow: inset 0px 0px 2px rgba(255,255,255,.7);
}
.button.clearFlat:active{
    box-shadow: 0px 0px 2px rgba(255,255,255,.9), inset -1px -1px 3px rgba(75,75,75,.5);
}

.button.darkRed{
    background-color: #A84A4A;
    background-image: -webkit-linear-gradient(top, #A84A4A, #8a1111); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, #A84A4A, #8a1111); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, #A84A4A, #8a1111); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, #A84A4A, #8a1111); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, #A84A4A, #8a1111); /* Standard syntax; must be last */
    background-size: 100% 100%;
    color:white;
    border: 1px solid #8a1111;
    box-shadow: inset -1px -1px 1px rgba(75,75,75,.3), inset 1px 1px 1px rgba(200,200,200,.3);

}
.button.darkRed:hover{
    color: #CCC;
    box-shadow: inset -1px -1px 3px rgba(150,150,150,.2), inset 1px 1px 3px rgba(255,255,255,.3);
}
.button.darkRed:active{
    background-color: #B1B1B1;
    color:#999;
    box-shadow: inset -1px -1px 3px rgba(200,200,200,.5), inset 1px 1px 3px rgba(75,75,75,.5);
}
.button.darkRed.selected{
    color:#580F0F;
    box-shadow: inset -1px -1px 3px rgba(160,160,160,.5), inset 1px 1px 4px rgba(60,60,60,.6);
}
.button.darkRed.disabled img{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}
.button.darkRed.disabled{
    cursor: default;
    background: none;
    background-color: #BA9B9B;
    color: #888;
    box-shadow: none;
    border: 1px solid rgba(40,40,40,.2);

}
.button.darkRed.disabled:hover{
    cursor: default;
    background: none;
    background-color: #BA9B9B;
    color: #888;
    box-shadow: none;
    border: 1px solid rgba(40,40,40,.2);
}
.button.darkRed.disabled:active{
    cursor: default;
    background: none;
    background-color: #BA9B9B;
    color: #888;
    box-shadow: none;
    border: 1px solid rgba(40,40,40,.2);
}

.button.darkBlue{
    background-image: -webkit-linear-gradient(top, #287bbb, #23639b); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, #287bbb, #23639b); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, #287bbb, #23639b); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, #287bbb, #23639b); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, #287bbb, #23639b); /* Standard syntax; must be last */
    background-size: 100% 100%;
    color:white;
    box-shadow: inset -1px -1px 1px rgba(75,75,75,.3), inset 1px 1px 1px rgba(200,200,200,.5);
    border: 1px solid rgba(100,100,100,.1);
}
.button.darkBlue.flat{
    background-image:none;
    background:none;
    background-color: #23639b;
    box-shadow: none;

}
.button.darkBlue.nograd{
    box-shadow: none;
    background:none;
    background-color: #287bbb;
}
.button.darkBlue:hover{
    background-image: -webkit-linear-gradient(top, #4b88b6, #287bbb); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, #4b88b6, #287bbb); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, #4b88b6, #287bbb); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, #4b88b6, #287bbb); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, #4b88b6, #287bbb); /* Standard syntax; must be last */
}
.button.darkBlue.flat:hover{
    box-shadow: none;
}
.button.darkBlue.nograd:hover{
    box-shadow: none;
}
.button.darkBlue:active{
    color:#EEE;
    box-shadow: inset -1px -1px 3px rgba(200,200,200,.5), inset 1px 1px 3px rgba(75,75,75,.5);
}
.button.darkBlue.disabled img{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}
.button.darkBlue.disabled{
    cursor: default;
    background: none;
    background-color: #9BACBA;
    color: #888;
    box-shadow: none;
    border: 1px solid rgba(40,40,40,.2);

}
.button.darkBlue.disabled:hover{
    cursor: default;
    background: none;
    background-color: #9BACBA;
    color: #888;
    box-shadow: none;
    border: 1px solid rgba(40,40,40,.2);
}
.button.darkBlue.disabled:active{
    cursor: default;
    background: none;
    background-color: #9BACBA;
    color: #888;
    box-shadow: none;
    border: 1px solid rgba(40,40,40,.2);
}

.button.darkYellow{
    background-image: -webkit-linear-gradient(top, #d8e149, #b6a446); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, #d8e149, #b6a446); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, #d8e149, #b6a446); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, #d8e149, #b6a446); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, #d8e149, #b6a446); /* Standard syntax; must be last */
    background-size: 100% 100%;
    color:#333;
    box-shadow: inset -1px -1px 3px rgba(75,75,75,.5), inset 1px 1px 3px rgba(200,200,200,.5);
    border: 1px solid rgba(40,40,40,.2);
}
.button.darkYellow:hover{
    color: #666;
    box-shadow: inset -1px -1px 3px rgba(150,150,150,.5), inset 1px 1px 3px rgba(255,255,255,.5);
}
.button.darkYellow:active{
    background-color: #B1B1B1;
    color:#999;
    box-shadow: inset -1px -1px 3px rgba(200,200,200,.5), inset 1px 1px 3px rgba(75,75,75,.5);
}
.button.darkYellow.disabled img{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}
.button.darkYellow.disabled{
    cursor: default;
    background: none;
    background-color: #9BACBA;
    color: #888;
    box-shadow: none;
    border: 1px solid rgba(40,40,40,.2);

}
.button.darkYellow.disabled:hover{
    cursor: default;
    background: none;
    background-color: #9BACBA;
    color: #888;
    box-shadow: none;
    border: 1px solid rgba(40,40,40,.2);
}
.button.darkYellow.disabled:active{
    cursor: default;
    background: none;
    background-color: #9BACBA;
    color: #888;
    box-shadow: none;
    border: 1px solid rgba(40,40,40,.2);
}


.button.lightblue{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing: border-box;
    color:#475963;
    background-color: #DAE7EE;
    border: 1px solid rgba(40,40,40,.2);
    box-shadow: none;
    text-decoration: none;
    text-shadow: none;
}
.button.lightblue.selected{
    background-color: #BDD6E3;
}
.button.lightblue.disabled{
    cursor: default;
    color:#999;
    box-shadow:none;
}
.button.lightblue:hover{
    text-decoration: underline;
    text-shadow: -1px -1px white;
}
.button.lightblue.selected:hover{
    box-shadow: none;
    text-decoration: none;
    text-shadow: none;
}
.button.lightblue.disabled:hover{
    background-color: #DAE7EE;
    cursor: default;
    color:#999;
    box-shadow:none;
    text-shadow: none;
    text-decoration: none;
}
.button.lightblue:active{
    color: #444;
    box-shadow: inset -2px -2px 3px rgba(200,200,200,.5), inset 1px 1px 2px rgba(75,75,75,.5);
}
.button.lightblue.disabled:active{
    color:#999;
    box-shadow:none;
}

.button.lightGray{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing: border-box;
    color:#444;
    background-color: #DFDFDF;
    border: 1px solid rgba(40,40,40,.2);
    box-shadow: none;
    text-decoration: none;
    text-shadow: none;
}
.button.lightGray.selected{
    background-color: #CFCFCF;
}
.button.lightGray.disabled{
    cursor: default;
    color:#999;
    box-shadow:none;
}
.button.lightGray:hover{
/*    text-decoration: underline;*/
    text-shadow: -1px -1px white;
}
.button.lightGray.selected:hover{
    box-shadow: none;
    text-decoration: none;
    text-shadow: none;
}
.button.lightGray.disabled:hover{
    background-color:#DFDFDF;
}
.button.lightGray:active{
    color: #444;
    box-shadow: inset -2px -2px 3px rgba(200,200,200,.5), inset 1px 1px 2px rgba(75,75,75,.5);
}
.button.lightGray.disabled:active{
    color:#999;
    box-shadow:none;
}

.button.gray{
    background-color:#D1D1D1; 
    color:#333;
    border: 1px solid rgba(40,40,40,.2);
    box-shadow: inset 1px 1px 2px rgba(255,255,255,.3), inset -1px -1px 1px rgba(150,150,150,.3);
}
.button.gray.flat{
    box-shadow: none;
    /*     background: rgb(180,180,180) url('../images/lightGrayGrad.png') repeat;
	background-size: 100% 100%;*/
    text-shadow: 1px 1px #FFF;
}
.button.gray:hover{
    background-color:#BFBFBF; 
}
.button.gray:active{
    box-shadow: inset 1px 1px 2px rgba(150,150,150,.3), inset -1px -1px 1px rgba(150,150,150,.3);
    color:#444;
}
.button.gray.disabled img{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}
.button.gray.disabled{
    cursor: default;
    background-color:#DDDDDD; 
    color:#888;
    border: 1px solid rgba(140,140,140,.2);
    box-shadow:none;
}
.button.gray.disabled:hover{
    cursor: default;
    background-color:#ddd; 
    color:#888;
    border: 1px solid rgba(140,140,140,.2);
    box-shadow:none;
}
.button.gray.disabled:active{
    cursor: default;
    background-color:#ddd; 
    color:#888;
    border: 1px solid rgba(140,140,140,.2);
    box-shadow:none;
}

.button.transparent{
    /*background-color:#DFDFDF;*/ 
    color:#333;
    border: 1px solid rgba(40,40,40,.2);
    box-shadow: inset 1px 1px 2px rgba(255,255,255,.3), inset -1px -1px 1px rgba(150,150,150,.3);
}
.button.transparent.flat{
    box-shadow: none;
    text-shadow: 1px 1px #FFF;
}
.button.transparent.selected{
    background-color:rgba(200,200,200,.4); 
}
.button.transparent:hover{
    background-color:rgba(200,200,200,.2); 
}
.button.transparent.selected:hover{
    background-color:rgba(200,200,200,.4); 
}
.button.transparent:active{
    box-shadow: inset 1px 1px 2px rgba(150,150,150,.3), inset -1px -1px 1px rgba(150,150,150,.3);
    color:#444;
}
.button.transparent.disabled img{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}
.button.transparent.disabled{
    cursor: default;
    background-color:#DFDFDF; 
    color:#777;
    border: 1px solid rgba(140,140,140,.2);
    box-shadow:none;
}
.button.transparent.disabled:hover{
    cursor: default;
    background-color:#ddd; 
    color:#777;
    border: 1px solid rgba(140,140,140,.2);
    box-shadow:none;
}
.button.transparent.disabled:active{
    cursor: default;
    background-color:#ddd; 
    color:#777;
    border: 1px solid rgba(140,140,140,.2);
    box-shadow:none;
}


.button.blue{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing: border-box;
    color:white;
    background-color: #4578A1;
    border: 1px solid rgba(40,40,40,.2);
    box-shadow: inset -1px -1px 1px rgba(75,75,75,.3), inset 1px 1px 2px rgba(200,200,200,.3);
}
.button.blue:hover{
    background-color: #215B8B;
}
.button.blue:active{
    background-color: #246AA4;
    color: #CCC;
    box-shadow: inset -1px -1px 3px rgba(200,200,200,.5), inset 1px 1px 3px rgba(75,75,75,.5);
}

.button.softGreen{
    color:white;
    background-color: #7F994F;
    border: 1px solid rgba(40,40,40,.2);
    box-shadow: inset -1px -1px 1px rgba(75,75,75,.3), inset 1px 1px 2px rgba(200,200,200,.3);
}
.button.softGreen:hover{
    background-color: #688342;
}
.button.softGreen:active{
    background-color: #718E48;
    color: #CCC;
    box-shadow: inset -1px -1px 3px rgba(200,200,200,.5), inset 1px 1px 3px rgba(75,75,75,.5);
}


.button.default{
    /*background: url('../images/lightGrayGradButton.png') no-repeat repeat;*/
    background-image: -webkit-linear-gradient(top, #f2f2f2, #cfcfcf); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, #f2f2f2, #cfcfcf); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, #f2f2f2, #cfcfcf); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, #f2f2f2, #cfcfcf); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, #f2f2f2, #cfcfcf); /* Standard syntax; must be last */
    background-size: 100% 100%;
    color: rgb(30,30,30);
    border-top: 1px solid rgba(150,150,150,.6);
    border-left: 1px solid rgba(150,150,150,.6);
    border-bottom: 1px solid rgba(150,150,150,.6);
    border-right: 1px solid rgba(150,150,150,.6);
}
.button.default:hover{
    background-image: -webkit-linear-gradient(top, #eaf6fd, #a7d9f5); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, #eaf6fd, #a7d9f5); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, #eaf6fd, #a7d9f5); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, #eaf6fd, #a7d9f5); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, #eaf6fd, #a7d9f5); /* Standard syntax; must be last */
    background-size: 100% 100%;
}
.button.default:active{
    box-shadow: inset -1px -1px 3px rgba(200,200,200,.5), inset 1px 1px 3px rgba(75,75,75,.5);
}

.button.default.disabled img{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}
.button.default.disabled{
    cursor: default;
    color: #555;
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    border: 1px solid rgba(150,150,150,.4);
}
.button.default.disabled:hover{
    background-image: -webkit-linear-gradient(top, #f2f2f2, #cfcfcf); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, #f2f2f2, #cfcfcf); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, #f2f2f2, #cfcfcf); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, #f2f2f2, #cfcfcf); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, #f2f2f2, #cfcfcf); /* Standard syntax; must be last */
    background-size: 100% 100%;
    cursor: default;
}
.button.default.disabled:active{
    cursor: default;
    box-shadow:none;
}

.button.green{
    color:white;
    background-color: #518254;
    box-shadow: inset -1px -1px 1px rgba(75,75,75,.3), inset 1px 1px 1px rgba(200,200,200,.3);

}
.button.green:hover{
    background-color: #406843;
}
.button.green:active{
    background-color: #518254;
    color: #CCC;
    box-shadow: inset -1px -1px 3px rgba(200,200,200,.5), inset 1px 1px 3px rgba(75,75,75,.5);
}

.button.oliveGreen{
    background-color: #8EAC41;
    background-image: -webkit-linear-gradient(top, #9ab958, #6c8c1d); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, #9ab958, #6c8c1d); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, #9ab958, #6c8c1d); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, #9ab958, #6c8c1d); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, #9ab958, #6c8c1d); /* Standard syntax; must be last */
    color:white;
    border: 1px solid #8EAC41;

}
.button.oliveGreen:hover{
    box-shadow: inset 0px 0px 1px rgba(50,50,50,.7), inset 0px 0px 5px rgba(255,255,255,.5);
    color: rgba(255,255,255,.9);
}
.button.oliveGreen:active{
    background-color: #518254;
    color: #CCC;
    box-shadow: inset -1px -1px 3px rgba(200,200,200,.5), inset 1px 1px 3px rgba(75,75,75,.5);
}
.button.oliveGreen.selected{
    color:#3D4F0F;
    box-shadow: inset -2px -2px 4px rgba(160,160,160,.5), inset 1px 1px 4px rgba(60,60,60,.6);
}
.button.oliveGreen.disabled img{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}
.button.oliveGreen.disabled{
    cursor: default;
    background: none;
    background-color: #B4C4B3;
    color: #888;
    box-shadow:none;
}
.button.oliveGreen.disabled:hover{
    cursor: default;
    background: none;
    background-color: #B4C4B3;
    color: #888;
    box-shadow:none;
}
.button.oliveGreen.disabled:active{
    cursor: default;
    background: none;
    background-color: #B4C4B3;
    color: #888;
    box-shadow:none;
}

.button.oliveGreenFlat{
    background-image:none;
    background:none;
    border-radius: 0px;
    box-shadow: none;
    background-color: #829E3C;
    color:white;
    text-shadow: none;
    border: 1px solid #8EAC41;
}
.button.oliveGreenFlat:hover{
    color: rgba(255,255,255,.9);
    box-shadow: none;
    text-shadow: none;
    background-color: #93B243;
}
.button.oliveGreenFlat:active{
    color: white;
    box-shadow: inset 2px 2px 3px rgba(50,50,50,.5);
}
.button.oliveGreenFlat.selected{
    color:#3D4F0F;
    box-shadow: inset -2px -2px 4px rgba(160,160,160,.5), inset 1px 1px 4px rgba(60,60,60,.6);
}
.button.oliveGreenFlat.disabled img{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}
.button.oliveGreenFlat.disabled{
    cursor: default;
    background: none;
    background-color: #B4C4B3;
    color: #888;
    box-shadow:none;
}
.button.oliveGreenFlat.disabled:hover{
    cursor: default;
    background: none;
    background-color: #B4C4B3;
    color: #888;
    box-shadow:none;
}
.button.oliveGreenFlat.disabled:active{
    cursor: default;
    background: none;
    background-color: #B4C4B3;
    color: #888;
    box-shadow:none;
}

.button.whiteFlat{
    background-image:none;
    background:none;
    border-radius: 0px;
    box-shadow: none;
    background-color: white;
    color:#444;
    text-shadow: none;
    border: 1px solid rgb(200,200,200);
}
.button.whiteFlat:hover{
    /*color: white;*/
    box-shadow: none;
    text-shadow: none;
    background-color: #DAE7EE;
}
.button.whiteFlat:active{
    /*color: white;*/
    box-shadow: inset 1px 1px 2px rgba(120,120,120,.5);
}
.button.whiteFlat.selected{
    color:white;
    background-color: rgba(60,60,60,.8);
}
.button.whiteFlat.disabled img{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}
.button.whiteFlat.disabled{
    cursor: default;
    background: none;
    background-color: white;
    color:#999;
    box-shadow:none;
}
.button.whiteFlat.disabled:hover{
    cursor: default;
    background: none;
    background-color: white;
    color:#999;
    box-shadow:none;
}
.button.whiteFlat.disabled:active{
    cursor: default;
    background: none;
    background-color: white;
    color:#999;
    box-shadow:none;
}

.button.whiteBlueFlat{
    background-image:none;
    background:none;
    border-radius: 0px;
    box-shadow: none;
    background-color: white;
    color:#333;
    text-shadow: none;
    border: 1px solid #CCC;
}
.button.whiteBlueFlat:hover{
    /*color: white;*/
    box-shadow: none;
    text-shadow: none;
    background-color: #e3f2ff;
}
.button.whiteBlueFlat:active{
    /*color: white;*/
    /*box-shadow: inset 1px 1px 2px rgba(50,50,50,.5);*/
}
.button.whiteBlueFlat.selected{
    color:white;
    background-color: #385F80;
}
.button.whiteBlueFlat.disabled img{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}
.button.whiteBlueFlat.disabled{
    cursor: default;
    background: none;
    color:#999;
    box-shadow:none;
    border: 1px solid #DDD;
    background-color: rgb(245,245,245);
}
.button.whiteBlueFlat.disabled:hover{
    cursor: default;
    background: none;
    border: 1px solid #DDD;
    background-color: rgb(245,245,245);
    color:#999;
    box-shadow:none;
}
.button.whiteBlueFlat.disabled:active{
    cursor: default;
    background: none;
    border: 1px solid #DDD;
    background-color: rgb(245,245,245);
    color:#999;
    box-shadow:none;
}

.button.tab{
    border-bottom:0px;
}

.button.darkBlueFlat{
    border-radius: 0px;
    background-image:none;
    background:none;
    background-color: #23639b;
    box-shadow: none;
    color:white;
    border: 1px solid rgba(40,40,40,.2);
}
.button.darkBlueFlat:hover{
    background-color: #2A70AD;
    color: rgba(255,255,255,.9);
    box-shadow: none;
    text-shadow: none;
}
.button.darkBlueFlat:active{
    color: white;
    box-shadow: inset 1px 1px 3px rgba(50,50,50,.5);
}
.button.darkBlueFlat.disabled img{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}
.button.darkBlueFlat.disabled{
    cursor: default;
    background: none;
    background-color: #7B96AC;
    color: rgba(50,50,50,.7);
    box-shadow: none;
    border: 1px solid rgba(40,40,40,.2);

}
.button.darkBlueFlat.disabled:hover{
    cursor: default;
    background: none;
    background-color: #7B96AC;
    color: rgba(50,50,50,.7);
    box-shadow: none;
    border: 1px solid rgba(40,40,40,.2);
}
.button.darkBlueFlat.disabled:active{
    cursor: default;
    background: none;
    background-color: #7B96AC;
    color: rgba(50,50,50,.7);
    box-shadow: none;
    border: 1px solid rgba(40,40,40,.2);
}

.button.darkRedFlat{
    background-image:none;
    background:none;
    border-radius: 0px;
    box-shadow: none;
    background-color: #812C2C;
    color:white;
    border: 1px solid rgba(40,40,40,.2);
}
.button.darkRedFlat:hover{
    color: rgba(255,255,255,.9);
    box-shadow: none;
    text-shadow: none;
    background-color: #943333;
}
.button.darkRedFlat:active{
    color: white;
    box-shadow: inset 1px 1px 3px rgba(50,50,50,.5);
}
.button.darkRedFlat.selected{
    color:#580F0F;
}
.button.darkRedFlat.disabled img{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}
.button.darkRedFlat.disabled{
    cursor: default;
    background: none;
    background-color: #BA9B9B;
    color: #888;
    box-shadow: none;
    border: 1px solid rgba(40,40,40,.2);

}
.button.darkRedFlat.disabled:hover{
    cursor: default;
    background: none;
    background-color: #BA9B9B;
    color: #888;
    box-shadow: none;
    border: 1px solid rgba(40,40,40,.2);
}
.button.darkRedFlat.disabled:active{
    cursor: default;
    background: none;
    background-color: #BA9B9B;
    color: #888;
    box-shadow: none;
    border: 1px solid rgba(40,40,40,.2);
}

.button.grayFlat{
    background-image:none;
    background:none;
    border-radius: 0px;
    box-shadow: none;
    background-color:#D1D1D1; 
    color:#333;
    border: 1px solid rgba(40,40,40,.2);
}
.button.grayFlat:hover{
    color:#222;
    background-color:#BFBFBF; 
}
.button.grayFlat:active{
    box-shadow: inset 1px 1px 3px rgba(50,50,50,.5);
    color:#222;
}
.button.grayFlat.disabled img{
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}
.button.grayFlat.disabled{
    cursor: default;
    background-color:#DFDFDF; 
    color:#AAA;
    border: 1px solid rgba(140,140,140,.2);
    box-shadow:none;
}
.button.grayFlat.disabled:hover{
    cursor: default;
    background-color:#DFDFDF; 
    color:#AAA;
    border: 1px solid rgba(140,140,140,.2);
    box-shadow:none;
}
.button.grayFlat.disabled:active{
    cursor: default;
    background-color:#DFDFDF; 
    color:#AAA;
    border: 1px solid rgba(140,140,140,.2);
    box-shadow:none;
}

.button.stacked {
    border-top:none;
    border-right:none;
}


.toggleButton{
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing: border-box;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:9px;
    padding-right:9px;
    border-radius: 4px;
    text-decoration: none;
    font-family: arial;
    font-size:9pt;
    font-weight: normal;
    border:none;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: -webkit-linear-gradient(top, #f2f2f2, #cfcfcf); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, #f2f2f2, #cfcfcf); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, #f2f2f2, #cfcfcf); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, #f2f2f2, #cfcfcf); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, #f2f2f2, #cfcfcf); /* Standard syntax; must be last */
    background-size: 100% 100%;
    color: rgb(50,50,50);
    border-top: 1px solid rgba(150,150,150,.2);
    border-left: 1px solid rgba(150,150,150,.4);
    border-bottom: 1px solid rgba(150,150,150,.6);
    border-right: 1px solid rgba(150,150,150,.6);
}
.toggleButton.left{
    border-radius: 4px 0px 0px 4px;
}
.toggleButton.right{
    border-radius: 0px 4px 4px 0px;
    border-right:1px solid rgb(200,200,200);
}
.toggleButton:hover{
    background-image: -webkit-linear-gradient(top, #eaf6fd, #a7d9f5); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, #eaf6fd, #a7d9f5); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, #eaf6fd, #a7d9f5); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, #eaf6fd, #a7d9f5); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, #eaf6fd, #a7d9f5); /* Standard syntax; must be last */
    background-size: 100% 100%;
}
.toggleButton:active{
    box-shadow: inset -1px -1px 3px rgba(200,200,200,.5), inset 1px 1px 3px rgba(75,75,75,.5);
}
.toggleButton.selected{
    background-image:none;
    background-color: #4E7597;
    color:white;
    box-shadow: inset 2px 2px 2px rgba(50,50,50,.5);
}
.toggleButton.oliveGreen.selected{
    background-image:none;
    background-color: #6c8c1d;
    color:white;
    box-shadow: inset 1px 1px 2px rgba(50,50,50,.5);
}
.toggleButton.darkRed.selected{
    background-image:none;
    background-color: #961313;
    color:white;
    box-shadow: inset 1px 1px 2px rgba(50,50,50,.5);
}
.toggleButton.disabled{
    cursor: default;
    color: #555;
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */
    border: 1px solid rgba(150,150,150,.4);
    background-image: none;
    box-shadow: none;
}
.toggleButton.selected.disabled{
    color: #CCC;
    box-shadow: none;
}
.toggleButton.disabled:hover{
    background-image: none;
}