﻿.bxButton{
	background: url(/backstage/images/buttonbg.gif) repeat-x 0 0 #999b9d;
	height: 16px;
	line-height: normal;
	font-size: 12px;
	font-family: 'Helvetica Neue', Helvetica, Arial, san-serif;
	text-align: center;
	color: #fff !important;
	text-decoration: none;
	border: 1px solid rgba(0,0,0,.05) !important;
	cursor: pointer;
	padding: 0 6px !important;

}
input.bxButton
{
	height: 21px;
	padding: 0px;
	margin: 0px;
}
button.bxButton
{
	height: 21px;
	padding: 0px;
	margin: 0px;
}

/*  ----- button2 styles ----- */

.bxButton2 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	transition: background-color .2s;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.toolbar .leftButtons .bxButton2 {
	margin-right: 5px;
	}

.toolbar .leftButtons {
	float: left;
	}

.toolbar .rightButtons {
	float: right;
	}

.toolbar .rightButtons .bxButton2 {
	margin-right: 0;
	margin-left: 5px;
	}

.bxButton2 .dropdown {
	display:none;
	position:absolute;
	z-index: 9999;
	top: 23px;
	background-color: white;
	text-shadow: none;
	color: #666666;
	font-weight: normal;
	text-align: left;
	border: 1px solid #cccccc \9;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.4);
	   -moz-box-shadow: 0 3px 8px rgba(0,0,0,0.4);
	        box-shadow: 0 3px 8px rgba(0,0,0,0.4);
	}
	
	.bxButton2 span {
		line-height: 27px;
	}
	
.bxButton2 .dropdownMenu a:not(.bxButton2).icon
{
	padding-left: 30px;
	background-position: 6px center;
	background-repeat: no-repeat;
}


.topBar .bxButton2 .dropdown .padding10 {
	padding: 10px;
	}
	
	
a.bxButton2:disabled,
.bxButton2:disabled,
a.bxButton2:disabled:hover,
.bxButton2:disabled:hover {
	cursor: default;
	color: #8f959b;
	background: #5f6670;
	}


a.bxButton2:hover,
.bxButton2:hover,
input[type="submit"].bxButton2:hover,
a.inlineButton:hover {
	background: #E9E9E9;
	}

a.bxButton2:active,
a.bxButton2.active,
.bxButton2:active,
.bxButton2.active,
input[type="submit"].bxButton2:active,
input[type="submit"].bxButton2.active,
a.inlineButton:active,
a.inlineButton.active {
	background: #f5f5f5;
	}

a.bxButton2.green,
input[type="submit"].bxButton2.green,
.bxButton2.green,
.tab.green {
	color: #FFFFFF;
	background: #8FC284;
	border-color: #80A279;
	}

a.bxButton2.green:hover,
input[type="submit"].bxButton2.green:hover,
.bxButton2.green:hover,
.tab.green:hover {
	background: #9ED692;
	}

a.bxButton2.green:active,
input[type="submit"].bxButton2.green:active,
.bxButton2.green:active,
.tab.green:active {
	background: #80A777;
	}

a.bxButton2.red,
.bxButton2.red,
.tab.red {
	color: #ffffff;
	border-color: #A3796A;;
	background: #D18778;
	}

a.bxButton2.red:hover,
.bxButton2.red:hover,
.tab.red:hover {
	background: #e37661;
	}

a.bxButton2.red:active,
.bxButton2.red:active,
.tab.red:active {
	background: #b63e2c;
	}

a.bxButton2.blue,
.bxButton2.blue,
.tab.blue {
	color: #ffffff;
	border-color: #8eb3d6;
	background: #8eb3d6;
	}

a.bxButton2.blue:hover,
.bxButton2.blue:hover,
.tab.blue:hover {
	background: #9AC1E7;
	}

a.bxButton2.blue:active,
.bxButton2.blue:active,
.tab.blue:active {
	background: #83A7C9;
	}

.bxButton2 input[type="checkbox"] {
	margin: 0 4px 0 0;
	padding: 0;
	cursor: default;
	position: absolute;
	top: 5px;
	left: 7px;
	}

.bxButton2 div.dropdownMenu input[type="checkbox"]
{
	position: relative;
	top: auto;
	left: auto;
}

a.bxButton2,
input[type="submit"].bxButton2,
.bxButton2,
.bxButton2static,
#ctl00_cphContent_ctl01_pnlEmailForm input[type="submit"] {
    position: relative;
    float: left;
    cursor: pointer;
    font: 400 13px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-align: center;
    color: #404040;
    margin: 0 5px 0 0;
    border: 1px solid rgba(0,0,0,.2);
    background: #FCFCFC;

    padding: 0 12px 0 12px;
    line-height: 30px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bxButton2 .dropdownMenu {
	position: absolute;
	z-index: 1;
	display: none;
	background: white;
	text-align: left;
	left: 0;
	white-space: nowrap;
	border: 1px solid #D1D1D1;
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	padding: 5px;
	}

.bxButton2 .dropdownMenu a:not(.bxButton2) {
	display: block;
	padding: 4px 8px;
	color: #666666;
	text-shadow: none;
	}
	
.bxButton2 .dropdownMenu a.current{ background: #F3F3F3; }

.bxButton2:active .dropdownArrows,
.bxButton2.active .dropdownArrows {
	top: 12px;
	}

.bxButton2 .bxButtonIcon {
	position: absolute;
	width: 16px;
	height: 16px;
	left: 5px;
	top: 5px;
	}

.bxButton2:active .bxButtonIcon,
.bxButton2.active .bxButtonIcon {
	top: 4px;
	}

.bxButton2 .dropdownArrows {
	position: absolute;
	width: 5px;
	height: 8px;
	right: 7px;
	top: 11px;
	background-image: url(/backstage/images/dropdown-arrows.png);
	}

.bxButton2.mini {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
	}

.bxButton2.bleft {
	margin-right: 0px !important;
	border-right: 0px;
	-webkit-border-bottom-right-radius: 0px;
	   -webkit-border-top-right-radius: 0px;
	    -moz-border-radius-bottomright: 0px;
	       -moz-border-radius-topright: 0px;
	        border-bottom-right-radius: 0px;
	           border-top-right-radius: 0px;
	}

.bxButton2.bmiddle,
.bxButton2static.bmiddle {
	border-right: 0px;
	margin-right: 0px !important;
	margin-left: 0px !important;
	-webkit-border-bottom-right-radius: 0px;
	 -webkit-border-bottom-left-radius: 0px;
	   -webkit-border-top-right-radius: 0px;
	    -webkit-border-top-left-radius: 0px;
	    -moz-border-radius-bottomright: 0px;
	     -moz-border-radius-bottomleft: 0px;
	       -moz-border-radius-topright: 0px;
	        -moz-border-radius-topleft: 0px;
	        border-bottom-right-radius: 0px;
	         border-bottom-left-radius: 0px;
	           border-top-right-radius: 0px;
	            border-top-left-radius: 0px;
	}

.bxButton2.bright {
	margin-left: 0px !important;
	 -webkit-border-bottom-left-radius: 0px;
	    -webkit-border-top-left-radius: 0px;
	     -moz-border-radius-bottomleft: 0px;
	        -moz-border-radius-topleft: 0px;
	         border-bottom-left-radius: 0px;
	            border-top-left-radius: 0px;
	}

a.bxButton2.arrow,
.bxButton2.arrow {
	background-image: url(../images/button-arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	}

/* ------ end button2 styles -------*/

.cbInButton {
    position: absolute;
    z-index: 1;
    left: 5px; top: 7px;
    margin: 0;
    border: none;
}