/* RadButton Metro Skin */

.RadButton_MetroCustom.rbSkinnedButton,
.RadButton_MetroCustom .rbDecorated,
.RadButton_MetroCustom .rbSecondaryIcon,
.RadButton_MetroCustom.rbVerticalButton,
.RadButton_MetroCustom.rbVerticalButton .rbDecorated
{
	background-image: none;
}
/*
@media screen and (-webkit-min-device-pixel-ratio: 0)
{
    a.RadButton_MetroCustom.RadButton input.rbDecorated,
    a.RadButton_MetroCustom.RadButton input.rbDecorated,
    a.RadButton_MetroCustom.RadButton input.rbDecorated:active,
    a.RadButton_MetroCustom.RadButton input.rbDecorated:focus
    {
    	background-color: transparent;
    	border: 0 none;
    }
}
*/
/*Simple Split Button Overrides*/
.RadButton_MetroCustom .rbSplitRight,
.RadButton_MetroCustom .rbSplitLeft
{
	background-image: url('Button/ButtonSprites.gif');
}

.RadButton_MetroCustom .rbSplitRight,
.RadButton_MetroCustom.rbLinkButton .rbSplitRight
{
	background-position: 0 0;
	background-color: #ffffff;
	border-left: 1px solid #e6e6e6;
}

.RadButton_MetroCustom.rbLinkButton.rbDisabled .rbSplitRight
{
	background-position: 0 0;
}

*html .RadButton_MetroCustom .rbSplitRight
{
	right: -1px;
}

*html .RadButton_MetroCustom.rbDisabled .rbSplitRight
{
	right: 0;
}

.RadButton_MetroCustom.rbLinkButton .rbSplitRight
{
	background-color: #ffffff;
	border-left: 1px solid #e6e6e6;
}

.RadButton_MetroCustom .rbSplitRight:hover,
.RadButton_MetroCustom.rbLinkButton .rbSplitRight:hover
{
	background-color: #e6e6e6;
	border-left: 1px solid #e6e6e6;
	background-position: -19px 0;
}

.RadButton_MetroCustom .rbSplitRight:focus,
.RadButton_MetroCustom .rbSplitRight:active,
.RadButton_MetroCustom.rbLinkButton .rbSplitRight:focus,
.RadButton_MetroCustom.rbLinkButton .rbSplitRight:active
{
	background-color: #d9d9d9;
	border-left: 1px solid #e6e6e6;
}

.RadButton_MetroCustom .rbSplitLeft,
.RadButton_MetroCustom.rbLinkButton .rbSplitLeft
{
	background-position: 0 0;
	border-right: 1px solid #e6e6e6;
}

.RadButton_MetroCustom.rbLinkButton .rbSplitLeft
{
	background-color: #ffffff;
	border-right: 1px solid #e6e6e6;
}

.RadButton_MetroCustom .rbSplitLeft:hover,
.RadButton_MetroCustom.rbLinkButton .rbSplitLeft:hover
{
	background-color: #e6e6e6;
	border-right: 1px solid #e6e6e6;
	background-position: -19px 0;
}

.RadButton_MetroCustom.rbDisabled .rbSplitLeft,
.RadButton_MetroCustom.rbDisabled .rbSplitLeft:hover,
.RadButton_MetroCustom.rbDisabled .rbSplitLeft:focus,
.RadButton_MetroCustom.rbDisabled .rbSplitLeft:active,
.RadButton_MetroCustom.rbLinkButton.rbDisabled .rbSplitLeft,
.RadButton_MetroCustom.rbLinkButton.rbDisabled .rbSplitLeft:hover,
.RadButton_MetroCustom.rbLinkButton.rbDisabled .rbSplitLeft:active,
.RadButton_MetroCustom.rbLinkButton.rbDisabled .rbSplitLeft:focus,
.RadButton_MetroCustom.rbDisabled .rbSplitRight,
.RadButton_MetroCustom.rbDisabled .rbSplitRight:hover,
.RadButton_MetroCustom.rbDisabled .rbSplitRight:focus,
.RadButton_MetroCustom.rbDisabled .rbSplitRight:active,
.RadButton_MetroCustom.rbLinkButton.rbDisabled .rbSplitRight,
.RadButton_MetroCustom.rbLinkButton.rbDisabled .rbSplitRight:hover,
.RadButton_MetroCustom.rbLinkButton.rbDisabled .rbSplitRight:active,
.RadButton_MetroCustom.rbLinkButton.rbDisabled .rbSplitRight:focus
{
	background-color: transparent;
	background-position: 0 0 !important;
}

/* Needed fo IE6 */
*html .rbDisabled .rbSplitRight,
*html .rbDisabled .rbSplitRight:hover,
*html .rbDisabled .rbSplitRight:focus,
*html .rbDisabled .rbSplitRight:active,
*html .rbDisabled .rbSplitLeft,
*html .rbDisabled .rbSplitLeft:hover,
*html .rbDisabled .rbSplitLeft:focus,
*html .rbDisabled .rbSplitLeft:active
{
	background-position: 0 0 !important;
}

.RadButton_MetroCustom.rbDisabled .rbSplitLeft,
.RadButton_MetroCustom.rbDisabled .rbSplitLeft:hover,
.RadButton_MetroCustom.rbDisabled .rbSplitLeft:focus,
.RadButton_MetroCustom.rbDisabled .rbSplitLeft:active,
.RadButton_MetroCustom.rbLinkButton.rbDisabled .rbSplitLeft,
.RadButton_MetroCustom.rbLinkButton.rbDisabled .rbSplitLeft:hover,
.RadButton_MetroCustom.rbLinkButton.rbDisabled .rbSplitLeft:active,
.RadButton_MetroCustom.rbLinkButton.rbDisabled .rbSplitLeft:focus
{
	border-right: 1px solid #e6e6e6;
}

.RadButton_MetroCustom.rbDisabled .rbSplitRight,
.RadButton_MetroCustom.rbLinkButton.rbDisabled .rbSplitRight
{
	border-left: 1px solid #e6e6e6;
}

.RadButton_MetroCustom .rbSplitLeft:focus,
.RadButton_MetroCustom .rbSplitLeft:active,
.RadButton_MetroCustom.rbLinkButton .rbSplitLeft:focus,
.RadButton_MetroCustom.rbLinkButton .rbSplitLeft:active
{
	background-color: #d9d9d9;
	border-right: 1px solid #e6e6e6;
}

.RadButton_MetroCustom.rbSkinnedButton,
.RadButton_MetroCustom.rbVerticalButton,
.RadButton_MetroCustom .rbDecorated
{
	/*background-color: #ffffff;*/
	color: #757575;
}

.RadButton_MetroCustom.rbSkinnedButton,
.RadButton_MetroCustom.rbVerticalButton
{
	border: 1px solid #e6e6e6;
}

*html .RadButton_MetroCustom.rbSkinnedButton,
*html .RadButton_MetroCustom.rbVerticalButton
{
	border: 1px solid #e6e6e6 !important;
}

.RadButton_MetroCustom.rbSkinnedButton:hover,
.RadButton_MetroCustom.rbVerticalButton:hover,
.RadButton_MetroCustom:hover .rbDecorated
{
	/*color: #000000;
	background-color: #e6e6e6;*/
	color: #ffffff;
	/*background-color: #2bb6ef;*/
}

.RadButton_MetroCustom.rbSkinnedButton:hover,
.RadButton_MetroCustom.rbVerticalButton:hover
{
	border: 1px solid #e6e6e6;
}

.RadButton_MetroCustom.rbSkinnedButton:active,
.RadButton_MetroCustom.rbVerticalButton:active,
.RadButton_MetroCustom.rbSkinnedButton:active .rbDecorated,
.RadButton_MetroCustom.rbVerticalButton:active .rbDecorated,
.RadButton_MetroCustom.rbPressedButton.rbSkinnedButton,
.RadButton_MetroCustom.rbPressedButton .rbDecorated
{
	background-color: #d9d9d9;
	color: #ffffff;
}

.RadButton_MetroCustom.rbSkinnedButton:active,
.RadButton_MetroCustom.rbVerticalButton:active
{
	border: 1px solid #d9d9d9;
}

.RadButton_MetroCustom.rbSkinnedButtonChecked,
.RadButton_MetroCustom.rbSkinnedButtonChecked:hover,
.RadButton_MetroCustom.rbSkinnedButtonChecked .rbDecorated,
.RadButton_MetroCustom.rbSkinnedButtonChecked:hover .rbDecorated
{
	background-color: #d9d9d9;
	border: 1px solid #d9d9d9;
}

.RadButton_MetroCustom .rbToggleCheckbox,
.RadButton_MetroCustom .rbToggleCheckboxChecked,
.RadButton_MetroCustom .rbToggleCheckboxFilled,
.RadButton_MetroCustom .rbToggleRadio,
.RadButton_MetroCustom .rbToggleRadioChecked
{
		background-image: url('Button/ToggleSprite.gif');
}

.RadButton_MetroCustom.rbToggleButton,
.RadButton_MetroCustom.rbToggleButton.rbDisabled,
.RadButton_MetroCustom.rbToggleButton.rbDisabled:hover
{
	color: #000000;
}

.RadButton_MetroCustom.rbDisabled .rbDecorated,
.RadButton_MetroCustom.rbDisabled:hover .rbDecorated,
.RadButton_MetroCustom.rbToggleButton:hover
{
	color: #6b6b6b;
}

a.RadButton_MetroCustom.rbLinkButton
{
	border: 1px solid #e6e6e6;
	text-decoration: none;
	color: #757575;
}

.RadButton_MetroCustom.rbLinkButton:hover
{
	background-color: #2f2f2f;
	border: 1px solid #e6e6e6;
	color: #000000;
}

.RadButton_MetroCustom.rbLinkButton:active,
a.RadButton_MetroCustom.rbLinkButtonChecked,
.RadButton_MetroCustom.rbLinkButtonChecked:hover
{
	background-color: #d9d9d9;
	border: 1px solid #d9d9d9;
	color: #ffffff;
}

.RadButton_MetroCustom.rbSkinnedButton,
.RadButton_MetroCustom .rbDecorated
{
	height: 30px;
	font-size:15px;
}

.RadButton_MetroCustom.rbSkinnedButton.rbDisabled,
.RadButton_MetroCustom.rbVerticalButton.rbDisabled,
.RadButton_MetroCustom.rbLinkButton.rbDisabled,
.RadButton_MetroCustom.rbLinkButton.rbDisabled:hover
{
	background-color: #ffffff;
	border: 1px solid #e6e6e6;
	color: #e6e6e6;
	cursor: default;
}

.RadButton_MetroCustom.rbSkinnedButton.rbDisabled .rbDecorated,
.RadButton_MetroCustom.rbVerticalButton.rbDisabled:hover .rbDecorated,
.RadButton_MetroCustom.rbLinkButton.rbDisabled,
.RadButton_MetroCustom.rbLinkButton.rbDisabled:hover
{
	background-color: #ffffff;
	color: #757575;
}

/* IE6 Fix, should be important to override the joint selectors */
*html .RadButton_MetroCustom.rbLinkButton,
*html .RadButton_MetroCustom.rbLinkButton:hover
{
	border: 1px solid #ededed !important;
}

/* Disabled */
.RadButton_MetroCustom.rbDisabled,
.RadButton_MetroCustom.rbDisabled .rbToggleCheckbox, 
.RadButton_MetroCustom.rbDisabled .rbToggleCheckboxChecked, 
.RadButton_MetroCustom.rbDisabled .rbToggleRadio, 
.RadButton_MetroCustom.rbDisabled .rbToggleRadioChecked, 
.RadButton_MetroCustom.rbDisabled .rbToggleCheckboxFilled 
{
	opacity: .8;
}








 .RadButton_MetroCustom .rbDecorated {

	background-color: rgb(37, 160, 218);

	color: rgb(255, 255, 255);

	min-width:80px;

}

 .RadButton_MetroCustom:hover .rbDecorated {
/*
	background-color: rgb(229, 229, 229);

	color: rgb(0, 0, 0);
*/
    color: #fff;
    background-color: #2bb6ef;
}

 .RadButton_MetroCustom.rbLinkButton {

	background-color: rgb(37, 160, 218);

	color: rgb(255, 255, 255);

}

 .RadButton_MetroCustom.rbLinkButton:hover {
/*
	background-color: rgb(229, 229, 229);

	color: rgb(0, 0, 0);
*/
    color: #fff;
    background-color: #2bb6ef;
}

 .RadButton_MetroCustom.rbLinkButton:active {

	color: rgb(0, 0, 0);

}

 .RadButton_MetroCustom:active .rbDecorated {

	color: rgb(0, 0, 0);

}














 .RadButton_MetroCustom .rbDecorated {

	margin-right: -4px;

}

 .RadButton_MetroCustom .rbDecorated {

	padding-left: 10px;

	padding-right: 10px;

}

 .RadButton_MetroCustom.rbLinkButton {

	text-align: center;

	color: rgb(255, 255, 255);

}

 .RadButton_MetroCustom.rbLinkButton:hover {

	color: rgb(0, 0, 0);

	text-align: center;

}

 .RadButton_MetroCustom.rbLinkButton:active {

	background-color: rgb(37, 160, 218);

	color: rgb(0, 0, 0);

	text-align: center;

}

 .RadButton_MetroCustom:active .rbDecorated {

	background-color: rgb(37, 160, 218) !important;

	color: rgb(0, 0, 0) !important;

}

/*   These two rules overwrite Telerik's excess padding (causes gaps to appear in buttons in Chrome)   */
.rbSkinnedButton, .rbVerticalButton 
{
    padding:0 !important;
}
.RadButton_MetroCustom.rbSkinnedButton, .RadButton_MetroCustom .rbDecorated 
{
    margin:0 !important;
}